@charset "EUC-JP";

/* ************ */

.contents_september {
	width: 100%;
	color: #000 !important;
}
.contents_september img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

/* ************ */


@media screen and (max-width: 768px) {

body,
html{
	overflow-x: hidden;
}

.pc_view {
	display: none !important;
}
.contents_september .mv {
	width: 100%;
	height: 146.66vw;
	background: url("../img/sp_mv_img.jpg") no-repeat;
	background-size: cover;
	padding-top: 70.4vw;
	position: relative;
	margin-bottom: 0 !important;
}
.contents_september .mv h2 {
	width: 79.73vw;
	margin: 0 auto;
}
.contents_september .mv figure {
	width: 68.4vw;
	position: absolute;
	top: 124.26vw;
	left: 50%;
	margin-left: -34.2vw;
}

/* ************ */

.contents_september .section_01 {
	width: 100%;
	background: #fff;
	padding: 7.46vw 0 7.86vw 0;
}

.contents_september .section_01 div {
	width: 94.93vw;
	margin: 0 auto 4vw auto;
 padding: 22vw 0 5.6vw 0;
 position: relative;
}
.contents_september .section_01 div:nth-of-type(1) {
	background: url("../img/sp_cnt_01_02_bg.jpg") no-repeat top center;
 background-size: cover;
}
.contents_september .section_01 div:nth-of-type(2) {
	background: url("../img/sp_cnt_01_01_bg.jpg") no-repeat top center;
 background-size: cover;
}
.contents_september .section_01 div:nth-of-type(3) {
 background: url("../img/sp_cnt_01_04_bg.jpg") no-repeat top center;
 background-size: cover;
}
.contents_september .section_01 div:nth-of-type(4) {
	background: url("../img/sp_cnt_01_03_bg.jpg") no-repeat top center;
 background-size: cover;
 margin-bottom: 0 !important;
}


.contents_september .section_01 div:nth-of-type(1) figure {
 width: 82.66vw;
 position: absolute;
 top: -3.2vw;
 left: 6.135vw;
 z-index: 1;
}
.contents_september .section_01 div:nth-of-type(2) figure {
 width: 88.66vw;
 position: absolute;
 top: -3.6vw;
 left: 6.135vw;
 z-index: 1;
}
.contents_september .section_01 div:nth-of-type(2) figure {
 width: 82.66vw;
 position: absolute;
 top: -2.93vw;
 left: 6.135vw;
 z-index: 1;
}
.contents_september .section_01 div:nth-of-type(3) figure {
 width: 84.53vw;
 position: absolute;
 top: -1.46vw;
 left: 6.135vw;
 z-index: 1;
}
.contents_september .section_01 div:nth-of-type(4) figure {
 width: 84.53vw;
 position: absolute;
 top: -1.46vw;
 left: 6.135vw;
 z-index: 1;
}


.contents_september .section_01 div span {
 display: block;
 width: 89.33vw;
 padding: 31.46vw 0 3.73vw 0;
 background: #fff;
 margin: 0 auto;
}
.contents_september .section_01 div span h3 {
 width: 87.73vw;
 margin: 0 auto 2.13vw auto;
 position: relative;
 z-index: 2;
}
.contents_september .section_01 div span dl {
 text-align: center;
 margin-bottom: 2vw;
 font-size: 0;
}
.contents_september .section_01 div span dt {
 display: inline-block;
 vertical-align: top;
 width: 16.26vw;
 height: 5.46vw;
 border-radius: 0.66vw;
 background: #000;
 color: #fff;
 font-size: 3.73vw;
 line-height: 5.46vw;
 font-weight: bold;
 margin-right: 1.46vw;
 position: relative;
}
.contents_september .section_01 div span dt::after {
 content: "";
 width: 6.13vw;
 height: 1.73vw;
 background: url("../img/sp_cnt_01_parts.png") no-repeat;
 background-size: 6.13vw 1.73vw;
 position: absolute;
 top: 1.865vw;
 left: 13.86vw;
}
.contents_september .section_01 div span dd {
 display: inline-block;
 vertical-align: top;
 width: 42.8vw;
 height: 5.46vw;
 border-radius: 0.66vw;
 background: #ff9500;
 color: #000;
 font-size: 3.73vw;
 line-height: 5.46vw;
 font-weight: bold;
}
.contents_september .section_01 div span p {
 color: #000;
 font-size: 4.66w;
 line-height: 6.66vw;
 font-weight: bold;
 text-align: center;
 margin-bottom: 2vw;
}
.contents_september .section_01 div span a {
	clear: both;
	display: block;
	width: 82.66vw;
	height: 13.33vw;
	font-size: 4vw;
	line-height: 13.33vw;
	text-align: center;
	font-weight: bold;
	color: #000;
	background-image: -moz-linear-gradient( 0deg, rgb(255,126,0) 26%, rgb(255,150,0) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(255,126,0) 26%, rgb(255,150,0) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(255,126,0) 26%, rgb(255,150,0) 100%);
	box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.5);
	margin: 0 auto;
	position: relative;
}
.contents_september .section_01 div span a::after {
	content: "";
	width: 2.13vw;
	height: 2.93vw;
	background: url("../img/sp_arrow_bk.png") no-repeat;
	background-size: 2.13vw auto;
	position: absolute;
	top: 50%;
	margin-top: -1.465vw;
	right: 4vw;
}

/* ************ */

.contents_september .section_02 {
	width: 100%;
	background: #fff url("../img/sp_cnt_02_bg.jpg") no-repeat top center;
	background-size: cover;
	text-align: center;
	padding: 8.8vw 0 7.33vw 0;
}
.contents_september .section_02 h3 {
	width: 97.2vw;
	margin: 0 auto 5.33vw auto;
}
.contents_september .section_02 a {
	clear: both;
	display: block;
	width: 85.33vw;
	height: 13.33vw;
	font-size: 4vw;
	line-height: 13.33vw;
	text-align: center;
	font-weight: bold;
	color: #fff;
	background: #ff1253;
	box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.25);
	margin: 0 auto;
	position: relative;
}
.contents_september .section_02 a::after {
	content: "";
	width: 2.13vw;
	height: 2.93vw;
	background: url("../img/sp_arrow_wh.png") no-repeat;
	background-size: 2.13vw auto;
	position: absolute;
	top: 50%;
	margin-top: -1.465vw;
	right: 4vw;
}

/* ************ */

.contents_september .section_03 {
	width: 100%;
	background: url("../img/sp_cnt_03_bg_01.jpg") no-repeat top center;
	background-size: cover;
	text-align: center;
	padding: 0 0 8.66vw 0;
}
.contents_september .section_03 h3 {
	width: 100%;
	margin: -1.6vw auto 4.13vw auto;
}
.contents_september .section_03 div {
 width: 93.6vw;
 background: url("../img/sp_cnt_03_bg_02.jpg") no-repeat top center;
 background-size: cover;
 padding: 32.93vw 0 5.33vw 0;
 margin: 0 auto;
 position: relative;
}
.contents_september .section_03 div figure {
	width: 36vw;
	position: absolute;
 top: -7.33vw;
 left: 50%;
 margin-left: -18vw;
}
.contents_september .section_03 div dt {
 font-size: 4.26vw;
 line-height: 1;
 font-weight: bold;
 text-align: center;
 margin-bottom: 3.33vw;
}
.contents_september .section_03 div dd {
 font-size: 8.4vw;
 line-height: 1;
 font-weight: bold;
 text-align: center;
}
.contents_september .section_03 div dd::after {
 content: "Dango";
 display: block;
 font-size: 2.66vw;
 line-height: 1;
 font-weight: bold;
 color: #ff550f;
 padding: 1.6vw 0 3.2vw 0;
}
.contents_september .section_03 div p {
 font-size: 4.66vw;
 line-height: 6.66vw;
 font-weight: bold;
 text-align: center;
 margin-bottom: 2.93vw;
}
.contents_september .section_03 h4 {
	width: 68.53vw;
	margin: 0 auto 1.46vw auto;
}
.contents_september .section_03 a {
	clear: both;
	display: block;
	width: 85.33vw;
	height: 13.33vw;
	font-size: 4vw;
	line-height: 13.33vw;
	text-align: center;
	color: #fff;
	font-weight: bold;
	background-image: -moz-linear-gradient( 0deg, rgb(255,71,28) 10%, rgb(255,102,0) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(255,71,28) 10%, rgb(255,102,0) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(255,71,28) 10%, rgb(255,102,0) 100%);
	box-shadow: 0.588px 0.809px 0px 0px rgba(0, 0, 0, 0.5);
	margin: 0 auto;
	position: relative;
}
.contents_september .section_03 a::after {
	content: "";
	width: 2.13vw;
	height: 2.93vw;
	background: url("../img/sp_arrow_wh.png") no-repeat;
	background-size: 2.13vw auto;
	position: absolute;
	top: 50%;
	margin-top: -1.465vw;
	right: 3.06vw;
}

/* ************ */

.contents_september .section_04 {
	width: 100%;
	background: url("../img/sp_cnt_04_bg.jpg") no-repeat top center;
	background-size: cover;
	text-align: center;
	padding: 5.73vw 0 8.13vw 0;
	margin-bottom: 8vw;
}
.contents_september .section_04 h3 {
	width: 84.66vw;
	margin: 0 auto 2.8vw auto;
}
.contents_september .section_04 ul {
	width: 93.6vw;
	margin: 0 auto;
}
.contents_september .section_04 li {
	margin-bottom: 0;
	box-shadow: 1px 1px 0px 0px rgba(0,0,0,0.4);
}
.contents_september .section_04 li a {
	display: block;
	width: 100%;
	height: 100%;
}

/* ************ */

.contents_september .section_fixed {
	width: 100%;
	height: 29.06vw;
	margin-bottom:4vw;
}
.fixedBox {
	width: 100%;
	position: fixed;
	left: 0;
	bottom: 0;
	z-index: 9999;
}

}

@media screen and (min-width: 769px) {

.sp_view {
	display: none !important;
}
.contents_september .mv {
	width: 100%;
	padding-top: 53.92vw;
	background: url("../img/pc_mv_img.jpg") no-repeat top center;
	background-size: cover;
	margin-bottom: 0 !important;
	position: relative;
}
.contents_september .mv h2 {
	width: 39.5vw;
	position: absolute;
	top: 18.615vw;
	left: 50%;
 margin-left: -19.75vw;
}
.contents_september .mv figure {
	width: 57.11vw;
	position: absolute;
	top: 45.84vw;
	left: 50%;
 margin-left: -28.555vw;
 }

/* ************ */

.contents_september .section_01_wrap {
	width: 100%;
	background: #fff;
	padding: 35px 0 35px 0;
}
.contents_september .section_01 {
	width: 980px;
	margin: 0 auto;
 text-align: center;
 font-size: 0;
}
.contents_september .section_01 div {
	width: 480px;
	display: inline-block;
 vertical-align: top;
 padding: 161px 0 26px 0;
 position: relative;
}
.contents_september .section_01 div:nth-of-type(1) {
	background: url("../img/pc_cnt_01_02_bg.jpg") no-repeat top center;
 background-size: cover;
 margin: 0 20px 25px 0;
}
.contents_september .section_01 div:nth-of-type(2) {
	background: url("../img/pc_cnt_01_01_bg.jpg") no-repeat top center;
 background-size: cover;
 margin: 0 0 25px 0;
}
.contents_september .section_01 div:nth-of-type(3) {
 background: url("../img/pc_cnt_01_04_bg.jpg") no-repeat top center;
 background-size: cover;
margin: 0 20px 0 0;
}
.contents_september .section_01 div:nth-of-type(4) {
	background: url("../img/pc_cnt_01_03_bg.jpg") no-repeat top center;
 background-size: cover;
  margin: 0 0 0 0;
}

.contents_september .section_01 div:nth-of-type(1) figure {
 width: 411px;
 position: absolute;
 top:0;
 left: 35px;
 z-index: 1;
}
.contents_september .section_01 div:nth-of-type(2) figure {
 width: 460px;
 position: absolute;
 top: 5px;
 left: 35px;
 z-index: 1;
}
.contents_september .section_01 div:nth-of-type(3) figure {
 width: 430px;
 position: absolute;
 top: 3px;
 left: 35px;
 z-index: 1;
}
.contents_september .section_01 div:nth-of-type(4) figure {
 width: 433px;
 position: absolute;
 top: -5px;
 left: 35px;
 z-index: 1;
}


.contents_september .section_01 div span {
 display: block;
 width: 450px;
 padding: 177px 0 24px 0;
 background: #fff;
 margin: 0 auto;
}
.contents_september .section_01 div span h3 {
 width: 470px;
 margin: 0 -10px 10px -10px;
 position: relative;
 z-index: 2;
}
.contents_september .section_01 div span dl {
 text-align: center;
 margin-bottom: 15px;
 font-size: 0;
}
.contents_september .section_01 div span dt {
 display: inline-block;
 vertical-align: top;
 width: 82px;
 height: 28px;
 border-radius: 5px;
 background: #000;
 color: #fff;
 font-size: 19px;
 line-height: 28px;
 font-weight: bold;
 margin-right: 7px;
 position: relative;
}
.contents_september .section_01 div span dt::after {
 content: "";
 width: 31px;
 height: 9px;
 background: url("../img/pc_cnt_01_parts.png") no-repeat;
 background-size: 31px 9px;
 position: absolute;
 top: 10px;
 left: 70px;
}
.contents_september .section_01 div span dd {
 display: inline-block;
 vertical-align: top;
 width: 220px;
 height: 28px;
 border-radius: 5px;
 background: #ff9500;
 color: #000;
 font-size: 19px;
 line-height: 28px;
 font-weight: bold;
}
.contents_september .section_01 div span p {
 color: #000;
 font-size: 23px;
 line-height: 33px;
 font-weight: bold;
 text-align: center;
 margin-bottom: 23px;
}
.contents_september .section_01 div a {
	clear: both;
	display: block;
	width: 411px;
	height: 60px;
	font-size: 20px;
	line-height: 60px;
	text-align: center;
	color: #000;
	font-weight: bold;
	background-image: -moz-linear-gradient( 0deg, rgb(255,126,0) 26%, rgb(255,150,0) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(255,126,0) 26%, rgb(255,150,0) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(255,126,0) 26%, rgb(255,150,0) 100%);
	box-shadow: 0.588px 0.809px 0px 0px rgba(0, 0, 0, 0.5);
	margin: 0 auto;
	position: relative;
}
.contents_september .section_01 div a:hover {
	background-image: -moz-linear-gradient( 0deg, rgb(255,143,22) 26%, rgb(255,175,21) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(255,143,22) 26%, rgb(255,175,21) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(255,143,22) 26%, rgb(255,175,21) 100%);
}
.contents_september .section_01 div a::after {
	content: "";
	width: 10px;
	height: 14px;
	background: url("../img/pc_arrow_bk.png") no-repeat;
	background-size: 10px auto;
	position: absolute;
	top: 50%;
	margin-top: -7px;
	right: 20px;
}

/* ************ */

.contents_september .section_02 {
	width: 100%;
	background: #fff5b4 url("../img/pc_cnt_02_bg.jpg") no-repeat top center;
	background-size: cover;
	text-align: center;
	padding: 68px 0 52px 0;
}
.contents_september .section_02 h3 {
	width: 749px;
	margin: 0 auto 23px auto;
}
.contents_september .section_02 a {
	clear: both;
	display: block;
	width: 434px;
	height: 60px;
	font-size: 20px;
	line-height: 60px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	background: #ff1253;
	box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.5);
	margin: 0 auto;
	position: relative;
}
.contents_september .section_02 a:hover {
	background: #ff3069;
}
.contents_september .section_02 a::after {
	content: "";
	width: 10px;
	height: 14px;
	background: url("../img/pc_arrow_wh.png") no-repeat;
	background-size: 10px auto;
	position: absolute;
	top: 50%;
	margin-top: -7px;
	right: 20px;
}

/* ************ */

.contents_september .section_03 {
	width: 100%;
	background: url("../img/pc_cnt_03_bg_01.jpg") no-repeat top center;
	background-size: cover;
	text-align: center;
	padding: 0 0 54px 0;
}
.contents_september .section_03 h3 {
	width: 635px;
	margin: -12px auto 55px auto;
}
.contents_september .section_03 div {
 width: 445px;
 background: url("../img/pc_cnt_03_bg_02.jpg") no-repeat top center;
 background-size: cover;
 padding: 109px 0 26px 0;
 margin: 0 auto;
 position: relative;
}
.contents_september .section_03 div figure {
	width: 178px;
	position: absolute;
 top: -90px;
 left: 50%;
 margin-left: -89px;
}
.contents_september .section_03 div dt {
 font-size: 20px;
 line-height: 1;
 font-weight: bold;
 text-align: center;
 margin-bottom: 14px;
}
.contents_september .section_03 div dd {
 font-size: 38px;
 line-height: 1;
 font-weight: bold;
 text-align: center;
}
.contents_september .section_03 div dd::after {
 content: "meshiuma";
 display: block;
 font-size: 12px;
 line-height: 1;
 font-weight: bold;
 color: #ff550f;
 padding: 6px 0 10px 0;
}
.contents_september .section_03 div p {
 font-size: 21px;
 line-height: 31px;
 font-weight: bold;
 text-align: center;
 margin-bottom: 12px;
}
.contents_september .section_03 h4 {
	width: 345px;
	margin: 0 auto 9px auto;
}
.contents_september .section_03 div a {
	clear: both;
	display: block;
	width: 394px;
	height: 60px;
	font-size: 20px;
	line-height: 60px;
	text-align: center;
	color: #fff;
	font-weight: bold;
	background-image: -moz-linear-gradient( 0deg, rgb(255,71,28) 10%, rgb(255,102,0) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(255,71,28) 10%, rgb(255,102,0) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(255,71,28) 10%, rgb(255,102,0) 100%);
	box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.5);
	margin: 0 auto;
	position: relative;
}
.contents_september .section_03 div a:hover {
	background-image: -moz-linear-gradient( 0deg, rgb(255,90,52) 10%, rgb(255,131,30) 100%);
	background-image: -webkit-linear-gradient( 0deg, rgb(255,90,52) 10%, rgb(255,131,30) 100%);
	background-image: -ms-linear-gradient( 0deg, rgb(255,90,52) 10%, rgb(255,131,30) 100%);
}
.contents_september .section_03 div a::after {
	content: "";
	width: 10px;
	height: 14px;
	background: url("../img/pc_arrow_wh.png") no-repeat;
	background-size: 10px auto;
	position: absolute;
	top: 50%;
	margin-top: -7px;
	right: 20px;
}

/* ************ */

.contents_september .section_04 {
	width: 100%;
	background: url("../img/pc_cnt_04_bg.jpg") no-repeat top center;
	background-size: cover;
	text-align: center;
	padding: 39px 0 52px 0;
}
.contents_september .section_04 h3 {
	width: 592px;
	margin: 0 auto 17px auto;
}
.contents_september .section_04 ul {
	width: 477px;
	margin: 0 auto 0 auto;
	text-align: center;
	font-size: 0;
}
.contents_september .section_04 li {
	width: 477px;
	display: inline-block;
	vertical-align: top;
	background: #fff;
	box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.15);
}
.contents_september .section_04 li img {
	opacity: 1.0;
}
.contents_september .section_04 li:hover img {
	opacity: 0;
}
.contents_september .section_04 li:nth-of-type(1) {
	background: url("../img/pc_cnt_04_banner_on.jpg") no-repeat;
	background-size: 477px auto;
}

/* ************ */

.contents_september .section_fixed {
	width: 100%;
	height: 152px;
	box-sizing: content-box !important;
	background: #fff;
	padding-bottom: 30px;
	text-align: center;
	padding-top: 30px;
}
.contents_september .section_fixed img {
	width: 500px !important;
	height: auto;
}
.fixedBox {
	width: 500px;
	position: fixed;
	left: 50%;
	margin-left: -250px;
	bottom: 0;
	z-index: 9999;
}

/* ************ */

}