﻿
body {
	background:#43a9f8 !important;
}

#index_wrap #header {
	background:#43a9f8 ;
}

#smp_nav_btn{ border-top:1vw solid #fff;}
#smp_nav_btn:before,#smp_nav_btn:after{ background: #fff;}
#smp_nav_btn.active{ border-color: #43a9f8;}

#index_wrap #header dl{
	width:auto;
	max-width: 1100px;
}
@media (max-width: 767px) {
	#index_wrap #header dl{
		width: 100%;
	}
}

#index_wrap #header dl dd ul li a {
	color:#fff;
}

#index_wrap #header dl dd ul li a:after{ background: #fff;}

#index_wrap #header #h_nav #h_nav_bg{background: #43A9F8;}

#index_wrap #header dl dd ul li:first-child{ border-top: none}
#index_wrap #header dl dd ul li{ text-align: left; border-bottom: none;}

/* mv */

#index_wrap #mv {
	background:#fff url(../img/mv.jpg) no-repeat top center;
	background-size:contain;
	text-align:center;
}
#index_wrap #mv img {
	width:auto;
}
@media (max-width: 2000px) {
	#index_wrap #mv {
		background-size:cover;
	}
}
@media (max-width: 767px) {
	#index_wrap #mv {
		background-image:none;
	}
}

/* sec1 */

#index_wrap .anniversary_sec1 {
	padding:90px 0;
	background:#43a9f8 url(../img/10anniversary_sec1_bg.png) no-repeat top center ;
	background-size:auto auto;
}
#index_wrap .anniversary_sec1 .sec_inner {
	margin:0 auto;
	max-width:1400px;
}
#index_wrap .anniversary_sec1 .sec_inner h2 {
	margin-bottom:70px;
	text-align:center;
}
#index_wrap .anniversary_sec1 .sec_inner h2 img {
	max-width:614px;
}
#index_wrap .innerWaku {
	margin:0 auto 50px;
	padding:40px;
	max-width:1100px;
	background:#fff;
	border-radius:20px;
}
@media (max-width: 1100px) {
	#index_wrap .innerWaku {
		max-width:94%;
	}
	#index_wrap .sec_inner h2 img {
		width:50%;
	}
}
@media (max-width: 767px) {
	#index_wrap .innerWaku {
		margin:0 auto 30px;
		padding:30px 5%;
	}
	#index_wrap .anniversary_sec1 {
		padding:0 0 40px;
	}
	#index_wrap .sec_inner h2 {
		margin-bottom:10px !important;
	}
	#index_wrap .sec_inner h2 img {
		width:100%;
	}
	#index_wrap .anniversary_sec1 .sec_inner h2 img {
		margin-top:-40px;
	}
}


#index_wrap .anniversary_sec1 .sec_inner .h3set {
	display:flex;
	justify-content: space-between;
	margin-bottom:20px;
}
#index_wrap .anniversary_sec1 .sec_inner .h3set h3 {
	width:220px;
}
#index_wrap .anniversary_sec1 .sec_inner .h3set p {
	width:800px;
}

#index_wrap .sec_inner h3 span {
	display:block;
	margin-top:7px;
	font-size:28px;
	font-weight:700;
}
@media (max-width: 767px) {
	#index_wrap .anniversary_sec1 .sec_inner .h3set {
		flex-direction: column;
		margin-bottom:50px;
	}
	#index_wrap .anniversary_sec1 .sec_inner .h3set h3 {
		margin-bottom:15px;
		width:100%;
	}
	#index_wrap .anniversary_sec1 .sec_inner .h3set p {
		font-size:3.5vw;
		width:100%;
	}
	#index_wrap .sec_inner h3 span {
		margin-top:12px;
		font-size:24px;
		line-height:1.5;
	}
}

#index_wrap .anniversary_sec1 .sec_inner .storyList {
	display:flex;
	justify-content: space-between;
	align-items: center;
	padding:30px 30px 30px 40px;
	border-radius:10px;
}
#index_wrap .anniversary_sec1 .sec_inner .storyList.bg_blue {
	background: linear-gradient(#e2f4ff, #f2f9ff);
}
#index_wrap .anniversary_sec1 .sec_inner .storyList .year {
	width:15%;
}
#index_wrap .anniversary_sec1 .sec_inner .storyList dl {
	width:85%;
}
#index_wrap .anniversary_sec1 .sec_inner .storyList dl dt {
	padding:3px 0 5px 25px;
	background:url(../img/storyList_ic.png) no-repeat left center ;
	background-size:20px 20px;
	color:#43a9f8;
}
#index_wrap .anniversary_sec1 .sec_inner .storyList dl dd {
	padding:0 0 0 25px;
	margin-bottom:20px;
	line-height:150%;
}
#index_wrap .anniversary_sec1 .sec_inner .storyList dl dd:last-child {
	margin-bottom:0;
}
@media (max-width: 767px) {
	#index_wrap .anniversary_sec1 .sec_inner .storyList {
		flex-direction: column;
		padding:30px 3% 60px 5%;
		font-size:3.5vw;
	}
	#index_wrap .anniversary_sec1 .sec_inner .storyList.bg_blue {
		padding:40px 3% 40px 5%;
	}
	#index_wrap .anniversary_sec1 .sec_inner .storyList .year {
		width:100%;
	}
	#index_wrap .anniversary_sec1 .sec_inner .storyList.bg_blue .year {
		margin-top:-60px;
	}
	#index_wrap .anniversary_sec1 .sec_inner .storyList dl {
		margin-top:30px;
		width:100%;
	}
	#index_wrap .anniversary_sec1 .sec_inner .storyList dl dt {
		margin-bottom:10px;
		padding:0 0 0 1.5em;
		background:url(../img/storyList_ic.png) no-repeat left center ;
		background-size:contain;
		line-height:1;
	}
	#index_wrap .anniversary_sec1 .sec_inner .storyList dl dd {
		padding:0 0 0 1.5em;
	}
}

.sec01__slider {
	margin:30px auto 20px !important;
	padding:20px !important;
	width:100%;
	background:#f7f7f7;
	border-radius: 15px;
}
.sec01__slider li {
	padding:0 10px !important;
}
.sec01__slider li p {
	font-size:90%;
	color:#777;
}
.sec01__slider .slide-arrow {
	bottom: 0;
	cursor: pointer;
	margin: auto !important;
	position: absolute;
	top: 0;
	width: 60px;
	z-index:9999;
}
.sec01__slider .prev-arrow {
	left: -30px;
}
.sec01__slider .next-arrow {
	right: -30px;
}
@media (max-width: 767px) {
	.sec01__slider .slide-arrow {
		width: 50px;
	}
}

/* sec2 */

#index_wrap .anniversary_sec2 {
	padding:90px 0;
	background:#f7f7f7 url(../img/10anniversary_sec2_bg.png) no-repeat top center ;
	background-size:auto auto;
}
#index_wrap .anniversary_sec2 .sec_inner {
	margin:0 auto;
	max-width:1400px;
}
#index_wrap .anniversary_sec2 .sec_inner h2 {
	margin-bottom:70px;
	text-align:center;
}
#index_wrap .anniversary_sec2 .sec_inner h2 img {
	max-width:513px;
}
#index_wrap .anniversary_sec2 .sec_inner ul {
	display:flex;
	flex-wrap: wrap;
	margin-top:40px;
}
#index_wrap .anniversary_sec2 .sec_inner ul li {
	margin:0 2% 20px 0;
	width:32%;
}
#index_wrap .anniversary_sec2 .sec_inner ul li:nth-child(3n) {
	margin-right:0;
}
#index_wrap .anniversary_sec2 .sec_inner ul li p {
	margin-bottom:0;
}

#index_wrap .anniversary_sec2 .sec_inner ul li dl {
	display:flex;
	margin-top:5px;
	line-height:150%;
}
#index_wrap .anniversary_sec2 .sec_inner ul li dl dt {
	width:3em;
	font-weight:700;
}
@media (max-width: 767px) {
	#index_wrap .anniversary_sec2 {
		padding:0 0 40px;
	}
	#index_wrap .anniversary_sec2 .sec_inner h2 img {
		margin-top:-50px;
	}
	#index_wrap .anniversary_sec2 .sec_inner ul {
		flex-direction: column;
	}
	#index_wrap .anniversary_sec2 .sec_inner ul li {
		margin:0 0 20px 0;
		width:100%;
	}
	#index_wrap .anniversary_sec2 .sec_inner ul li img {
		width:100%;
	}
}


/* sec3 */

#index_wrap .anniversary_sec3 {
	padding:90px 0;
	background:#9dd4ff url(../img/10anniversary_sec3_bg.png) no-repeat top center ;
	background-size:auto auto;
}
#index_wrap .anniversary_sec3 .sec_inner {
	margin:0 auto;
	max-width:1400px;
}
#index_wrap .anniversary_sec3 .sec_inner h2 {
	margin-bottom:30px;
	text-align:center;
}
#index_wrap .anniversary_sec3 .sec_inner h2 img {
	max-width:447px;
}
#index_wrap .anniversary_sec3 .sec_inner h2.h2_2 {
	margin-top:70px;
}
#index_wrap .anniversary_sec3 .sec_inner h2.h2_2 img {
	max-width:549px;
}
#index_wrap .anniversary_sec3 .sec_inner .message_waku_1 {
	margin-top:30px;
	padding:30px;
	border:6px solid;
	border-image: linear-gradient(to bottom, #07c8ab, #d6ffdb) 1;
}
#index_wrap .anniversary_sec3 .sec_inner .message_waku_2 {
	margin-top:30px;
	padding:30px;
	border:6px solid;
	border-image: linear-gradient(to bottom, #3c8eff, #76c5ff) 1;
}
#index_wrap .anniversary_sec3 .sec_inner .message_waku_3 {
	margin-top:30px;
	padding:30px;
	border:6px solid;
	border-image: linear-gradient(to bottom, #ffd000, #fff797) 1;
}
#index_wrap .anniversary_sec3 .sec_inner .message_waku_1 dl ,
#index_wrap .anniversary_sec3 .sec_inner .message_waku_2 dl {
	display:flex;
	justify-content: space-between;
}
#index_wrap .anniversary_sec3 .sec_inner .message_waku_1 dl dt ,
#index_wrap .anniversary_sec3 .sec_inner .message_waku_2 dl dt {
	width:150px;
}
#index_wrap .anniversary_sec3 .sec_inner .message_waku_1 dl dd ,
#index_wrap .anniversary_sec3 .sec_inner .message_waku_2 dl dd {
	width:calc(100% - 160px);
}
#index_wrap .anniversary_sec3 .sec_inner .message_waku_3 dl dd {
	margin-top:20px;
}
@media (max-width: 767px) {
	#index_wrap .anniversary_sec3 {
		padding:0 0 40px;
	}
	#index_wrap .anniversary_sec3 .sec_inner h2 img {
		margin-top:-50px;
	}
	#index_wrap .anniversary_sec3 .sec_inner h2.h2_2 {
		margin-top:40px;
	}
	#index_wrap .anniversary_sec3 .sec_inner .message_waku_1 ,
	#index_wrap .anniversary_sec3 .sec_inner .message_waku_2 {
		padding:15px;
	}
	#index_wrap .anniversary_sec3 .sec_inner .message_waku_1 dl ,
	#index_wrap .anniversary_sec3 .sec_inner .message_waku_2 dl {
		flex-direction: column;
	}
	#index_wrap .anniversary_sec3 .sec_inner .message_waku_1 dl dt ,
	#index_wrap .anniversary_sec3 .sec_inner .message_waku_2 dl dt {
		padding-bottom:20px;
		width:100%;
		text-align:center;
	}
	#index_wrap .anniversary_sec3 .sec_inner .message_waku_1 dl dd ,
	#index_wrap .anniversary_sec3 .sec_inner .message_waku_2 dl dd {
		width:100%;
		line-height:150%;
	}
}

/* sec4 */

#index_wrap .anniversary_sec4 {
	padding:80px 0 200px;
	background:#f7f7f7 url(../img/10anniversary_sec4_bg.png) no-repeat top center ;
	background-size:cover;
}
#index_wrap .anniversary_sec4 .sec_inner {
	margin:0 auto;
	max-width:1400px;
}
#index_wrap .anniversary_sec4 .sec_inner h2 {
	margin-bottom:40px;
	text-align:center;
}
#index_wrap .anniversary_sec4 .sec_inner h2 img {
	max-width:559px;
}
#index_wrap .anniversary_sec4 .sec_inner .read {
	margin-bottom:40px;
	text-align:center;
	width:100%;
}
#index_wrap .anniversary_sec4 .sec_inner .sec4_btn {
	margin:0 auto;
	max-width:830px;
	text-align:center;
}
@media (max-width: 767px) {
	#index_wrap .anniversary_sec4 {
		padding:0 0 40px;
		background-image:none;
	}
	#index_wrap .anniversary_sec4 .sec_inner h2 img {
		margin-top:-20px;
	}
	#index_wrap .anniversary_sec4 .sec_inner .sec4_btn {
		margin:20px 10%;
	}
}


/* sec5 */

#index_wrap .anniversary_sec5 {
	padding:90px 0;
	background:#9cd4ff url(../img/10anniversary_sec5_bg.png) no-repeat top center ;
	background-size:auto auto;
}
#index_wrap .anniversary_sec5 .sec_inner {
	margin:0 auto;
	max-width:1400px;
}
#index_wrap .anniversary_sec5 .sec_inner h2 {
	margin-bottom:40px;
	text-align:center;
}
#index_wrap .anniversary_sec5 .sec_inner h2 img {
	max-width:420px;
}
#index_wrap .anniversary_sec5 .sec_inner .innerWaku {
	padding:70px 40px 40px 40px;
}
@media (max-width: 767px) {
	#index_wrap .anniversary_sec5 {
		padding:0 0 40px;
	}
	#index_wrap .anniversary_sec5 .sec_inner h2 img {
		margin-top:-40px;
		width:100%;
	}
	#index_wrap .anniversary_sec5 .sec_inner .innerWaku {
		padding:50px 5% 40px ;
	}
}

#index_wrap .anniversary_sec5 .sec_inner .mediacoverageWrap {
	display:flex;
	justify-content: space-between;
}
#index_wrap .anniversary_sec5 .sec_inner .mediacoverageWrap h3 {
	margin-top:-20px;
}
#index_wrap .anniversary_sec5 .sec_inner .mediacoverageWrap .col {
	display:flex;
	align-items: stretch;
	margin:0 2% 20px 0;
	padding:10px;
	width:49%;
	background: linear-gradient(#44b7ff, #b0ddff);
	border-radius: 15px;
}
#index_wrap .anniversary_sec5 .sec_inner .mediacoverageWrap .col:nth-child(2n) {
	margin-right:0;
}
#index_wrap .anniversary_sec5 .sec_inner .mediacoverageWrap .col dl {
	display:flex;
	padding:20px;
	width:100%;
	background:#fff;
	border-radius: 15px;
}
#index_wrap .anniversary_sec5 .sec_inner .mediacoverageWrap .col dl dt {
	width:20%;
}
#index_wrap .anniversary_sec5 .sec_inner .mediacoverageWrap .col dl dd {
	width:80%;
	line-height:150%;
}
@media (max-width: 767px) {
	#index_wrap .anniversary_sec5 .sec_inner .mediacoverageWrap {
		flex-direction: column;
	}
	#index_wrap .anniversary_sec5 .sec_inner .mediacoverageWrap h3 {
		margin-bottom:20px;
	}
	#index_wrap .anniversary_sec5 .sec_inner .mediacoverageWrap h3 span {
		font-size:20px;
	}
	#index_wrap .anniversary_sec5 .sec_inner .mediacoverageWrap .col {
		width:100%;
	}
	#index_wrap .anniversary_sec5 .sec_inner .mediacoverageWrap .col dl {
		justify-content: space-between;
	}
	#index_wrap .anniversary_sec5 .sec_inner .mediacoverageWrap .col dl dt {
		width:16%;
	}
	#index_wrap .anniversary_sec5 .sec_inner .mediacoverageWrap .col dl dd {
		width:80%;
	}
}

#index_wrap .anniversary_sec5 h3.baitai_ti {
	margin-top:40px;
}
#index_wrap .anniversary_sec5 .baitaikeisai {
	display:flex;
	margin-top:30px;
	width:100%;
	border:2px solid #fed700;
	border-radius: 15px;
}
#index_wrap .anniversary_sec5 .baitaikeisai li {
	width:20%;
}
#index_wrap .anniversary_sec5 .baitaikeisai li dl {
	text-align:center;
}
#index_wrap .anniversary_sec5 .baitaikeisai li dl dt {
	padding:0.5em 0;
	font-size:120%;
	background: linear-gradient(#fed700, #fff17f);
}
#index_wrap .anniversary_sec5 .baitaikeisai li:first-child dl dt {
	border-radius: 12px 0 0 0;
}
#index_wrap .anniversary_sec5 .baitaikeisai li:last-child dl dt {
	border-radius: 0 12px 0 0;
}
#index_wrap .anniversary_sec5 .baitaikeisai li dl dd {
	padding:0.5em 0;
	font-size:160%;
	border-radius: 15px;
	background:#fff;
}
@media (max-width: 767px) {
	#index_wrap .anniversary_sec5 .sec_inner h3.baitai_ti span {
		font-size:22px;
	}
	#index_wrap .anniversary_sec5 .baitaikeisai li dl dt {
		font-size:16px;

	}
	#index_wrap .anniversary_sec5 .baitaikeisai li dl dd {
		font-size:16px;
	}
}

/* sec6 */

#index_wrap .anniversary_sec6 {
	padding:90px 0 50px;
	background:#f7f7f7 url(../img/10anniversary_sec6_bg.png) no-repeat top center ;
	background-size:auto auto;
}
#index_wrap .anniversary_sec6 .sec_inner {
	margin:0 auto;
	max-width:1400px;
}
#index_wrap .anniversary_sec6 .sec_inner h2 {
	margin-bottom:40px;
	text-align:center;
}
#index_wrap .anniversary_sec6 .sec_inner h2 img {
	max-width:340px;
}
#index_wrap .anniversary_sec6 .sec_inner .innerWaku {
	margin:0 auto 50px;
	padding:0;
	max-width:1100px;
	background:#fff;
	border-radius:20px;
}
@media (max-width: 767px) {
	#index_wrap .anniversary_sec6 {
		padding:40px 0 20px;
	}
	#index_wrap .anniversary_sec6 .sec_inner h2 img {
		width:60%;
	}
	#index_wrap .anniversary_sec6 .sec_inner .innerWaku {
		max-width:84%;
	}
}


/* sec7 */

#index_wrap .anniversary_sec7 {
	padding:60px 0;
	background:#5dadff url(../img/10anniversary_sec7_bg.png) no-repeat top center ;
	background-size:auto auto;
}
#index_wrap .anniversary_sec7 .sec_inner {
	margin:0 auto;
	max-width:1400px;
	color:#fff;
	text-align:center;
}
@media (max-width: 767px) {
	#index_wrap .anniversary_sec7 {
		padding:40px 0 80px;
		background:#5dadff url(../img/10anniversary_sec7_bg_sp.png) no-repeat top center ;
		background-size:cover;
	}
	#index_wrap .anniversary_sec7 .sec_inner .sec7_btn {
		margin:0 5%;
	}
}


/* sec8 */

#index_wrap .anniversary_sec8 {
	padding:90px 0;
	background:#9cd4ff url(../img/10anniversary_sec8_bg.png) no-repeat top center ;
	background-size:auto auto;
}
#index_wrap .anniversary_sec8 .sec_inner {
	margin:0 auto;
	max-width:1400px;
}
#index_wrap .anniversary_sec8 .sec_inner h2 {
	margin-bottom:40px;
	text-align:center;
}
#index_wrap .anniversary_sec8 .sec_inner h2 img {
	max-width:420px;
}
#index_wrap .anniversary_sec8 .sec_inner .innerWaku {
	padding:70px 70px 20px 70px;
}
#index_wrap .anniversary_sec8 .sec_inner .innerWaku ul {
	display:flex;
	flex-wrap: wrap;
}
#index_wrap .anniversary_sec8 .sec_inner .innerWaku ul li {
	margin:0 5% 60px 0;
	width:30%;
}
#index_wrap .anniversary_sec8 .sec_inner .innerWaku ul li:nth-child(3n) {
	margin-right:0;
}
#index_wrap .anniversary_sec8 .sec_inner .innerWaku ul li .ti {
	margin:10px 0;
	line-height:1.4;
}
#index_wrap .anniversary_sec8 .sec_inner .innerWaku ul li .link {
	text-align:right;
}
#index_wrap .anniversary_sec8 .sec_inner .innerWaku ul li .link a {
	padding-left:15px;
	background:url(../img/link_oc.png) no-repeat left center ;
	background-size:7px auto;
	color:#43A9F8;
}
#index_wrap .anniversary_sec8 .sec_inner .innerWaku ul li .link a:hover {
	text-decoration:underline;
}

@media (max-width: 767px) {
	#index_wrap .anniversary_sec8 {
		padding:0 0 20px;
	}
	#index_wrap .anniversary_sec8 .sec_inner h2 img {
		margin-top:-40px;
		width:100%;
	}
	#index_wrap .anniversary_sec8 .sec_inner .innerWaku {
		padding:40px 5% 0px ;
		max-width:84%;
	}
	#index_wrap .anniversary_sec8 .sec_inner .innerWaku ul {
		flex-direction: column;
	}
	#index_wrap .anniversary_sec8 .sec_inner .innerWaku ul li {
		margin:0 0 60px 0;
		width:100%;
	}
}


/* sec9 */

#index_wrap .anniversary_sec9 {
	padding:90px 0 50px;
	background:#f7f7f7 url(../img/10anniversary_sec9_bg.png) no-repeat top center ;
	background-size:auto auto;
}
#index_wrap .anniversary_sec9 .sec_inner {
	margin:0 auto;
	max-width:1400px;
}
#index_wrap .anniversary_sec9 .sec_inner h2 {
	margin-bottom:40px;
	text-align:center;
}
#index_wrap .anniversary_sec9 .sec_inner h2 img {
	max-width:370px;
}
#index_wrap .anniversary_sec9 .sec_inner .innerWaku {
	padding:70px 70px 20px 70px;
}
#index_wrap .anniversary_sec9 .sec_inner .innerWaku .sec9box {
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom:50px;
}
#index_wrap .anniversary_sec9 .sec_inner .innerWaku .sec9box .ph {
	width:55%;
}
#index_wrap .anniversary_sec9 .sec_inner .innerWaku .sec9box .info {
	width:40%;
}
#index_wrap .anniversary_sec9 .sec_inner .innerWaku .sec9box .info .ti {
	font-size:20px;
	font-weight:700;
}
#index_wrap .anniversary_sec9 .sec_inner .innerWaku .sec9box .info .tx {
	margin:30px 0;
	font-size:90%;
}
#index_wrap .anniversary_sec9 .sec_inner .innerWaku .sec9box .info .link {
	text-align:right;
}
#index_wrap .anniversary_sec9 .sec_inner .innerWaku .sec9box .info .link a {
	padding-left:15px;
	background:url(../img/link_oc.png) no-repeat left center ;
	background-size:7px auto;
	color:#43A9F8;
}
#index_wrap .anniversary_sec9 .sec_inner .innerWaku .sec9box .info .link a:hover {
	text-decoration:underline;
}

@media (max-width: 767px) {
	#index_wrap .anniversary_sec9 {
		padding:0 0 40px;
	}
	#index_wrap .anniversary_sec9 .sec_inner h2 img {
		margin-top:-40px;
		width:100%;
	}
	#index_wrap .anniversary_sec9 .sec_inner .innerWaku {
		padding:40px 5% 2px ;
		max-width:84%;
	}
	#index_wrap .anniversary_sec9 .sec_inner .innerWaku .sec9box {
		flex-direction: column;
		margin-bottom:40px;
	}
	#index_wrap .anniversary_sec9 .sec_inner .innerWaku .sec9box .ph {
		width:100%;
	}
	#index_wrap .anniversary_sec9 .sec_inner .innerWaku .sec9box .info {
		margin-top:20px;
		width:100%;
	}
	#index_wrap .anniversary_sec9 .sec_inner .innerWaku .sec9box .info .ti {
		font-size:4vw;
	}
	#index_wrap .anniversary_sec9 .sec_inner .innerWaku .sec9box .info .tx {
		margin:15px 0;
		font-size:3vw;
	}
}
