/* CSS Document */

#syougatu{
	text-align: center;
	margin-bottom: 50px;
}
/*
header{
	background: url("../img/keyimg_bg.jpg") center top no-repeat;
	background-size: cover;
	background-attachment:fixed;
	height: auto;
}

header #keyimg{
	text-align: center;
}
*/

header #header_rap1{
	box-shadow: 2px 2px 4px gray;
	margin-bottom: 0;
	position: relative;
	z-index: 2;
}

header{
	background: url("../img/keyimg_bg.webp") right bottom no-repeat #FCFCFE;
	/*background: #FCFCFE;
	background-size:contain;*/
	margin-bottom: 35px;
}

header #keyimg{
	background: url("../img/keyimg.webp") right bottom no-repeat;
	max-width: 1450px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	padding-bottom: 35px;
}


header #keyimg .box{
	padding-top: 30px;
	padding-left: 25px;
}

header #keyimg .obj01{
	margin-bottom: 50px;
	padding-top: 60px;
	text-align: center;
}

header #keyimg .btn{
	width: 634px;
	height: 187px;
	background: url("../img/btn_bg.webp") top no-repeat;
	margin-top: 25px;
	position: relative;
}

header #keyimg select{
	display: block;
	width: 466px;
	font-size: 18px;
	position: absolute;
	top: 130px;
	left: 120px;
}

header #keyimg .btn a{
	color: #fff;
	font-size: 15px;
	padding-left: 35px;
	padding-right: 35px;
}




#women{
	width: 980px;
	height: 268px;
	background: url("../img/big_banner01.jpg") no-repeat;
	margin: auto;
	margin-bottom: 35px;
	position: relative;
}

#women ul{
	position: absolute;
	display: flex;
	width: 548px;
	flex-wrap: wrap;
	/*justify-content: space-between;*/
	top: 150px;
	left: 100px;
}

#women ul li{
	margin-right: 30px;
}

#women ul a{
	text-decoration:  none;
	font-size: 15px;
	color: #F82E9B;
font-family: kozuka-gothic-pro, sans-serif;
font-weight: 500;
font-style: normal;
	line-height: 150%;
}

#women ul a:hover{
	text-decoration: underline;
}

#banner{
	margin-bottom: 35px;
}

#banner li{
	text-align: center
}

#banner li a:hover{
	opacity: 0.8;
}


#keyimg{
	margin-bottom: 35px;
}

#top_slider{
	margin-bottom: 45px;
}
/*
#top_slider ul{
	display: flex;
	justify-content: center;
}

#top_slider ul li{
	padding-left: 15px;
}

#top_slider ul li a:hover{
	opacity: 0.9;
}
*/
#top_slider li{
	margin-right: 25px;
}

#top_slider .slick-dots{
	display: flex;
	margin: auto;
	justify-content: center;
	width: 800px;
}

#top_slider .slick-dots button{
	border: 0;
	width: 30px;
	height: 8px;
	background: #ccc;
	font-size: 0;
	cursor: pointer;
}
	
#top_slider .slick-dots .slick-active button{
	background: #0085B2;
}

#top_slider .slick-track{
	margin-bottom: 15px;
}

#s01{
	    background-color: #D8E8ED;
    background-image:
 repeating-linear-gradient(-45deg,
 #fff, #fff 2px,
 transparent 0, transparent 5px);
	padding-bottom: 150px;
	margin-bottom: 200px;
}

#s01 .box_rap{
	width: 1200px;
	background: url("../img/itc_logo.png") 180px 25px no-repeat;
	margin: auto;
	padding-top: 60px;
	position: relative;
}

#s01 h2{
	font-size: 40px;
	color:#333;
font-family: kozuka-gothic-pro, sans-serif;
font-weight: 500;
font-style: normal;
	text-align: center;
	margin-bottom: 25px;
}

#s01 .f25{
	font-size: 25px;
font-family: kozuka-gothic-pro, sans-serif;
font-weight: 500;
font-style: normal;
	text-align: center;
	margin-bottom: 40px;
}

#s01 .btn{
	margin-bottom: 40px;
}

#s01 .btn a{
	display: block;
	width: 250px;
	text-align: center;
	margin: auto;
	color: #fff;
	background: #00AFEA;
	border-radius: 20px;
	height: 40px;
	line-height: 40px;
	text-decoration: none;
}

#s01 .btn a:hover{
	background: #4DA6FF;
}

#s01 .text{
	width: 780px;
	margin: auto;
	text-align: center;
	font-size: 16px;
	line-height: 180%;
}

#s01 ul{
	position: absolute;
	width: 1220px;
	display: flex;
	justify-content: space-around;
	bottom: -250px;
}

#s01 ul a{
	background: #00AFEA;
	height: 195px;
	width: 195px;
	color: #fff;
	font-size: 25px;
	line-height: 130%;
	text-align: center;
	display: flex;
	justify-content: center;
	text-decoration: none;
	border-radius: 20px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .5);
	border: 1px solid #ccc;
	align-items: center;
font-family: kozuka-gothic-pro, sans-serif;
font-weight: 700;
font-style: normal;
}

#s01 ul a:hover{
	box-shadow: 0 0 0 0 rgba(0, 0, 0, .5);
}

#s02{
background: #F6F6F6;
	padding-top: 60px;
	padding-bottom: 35px;
	margin-bottom: 140px;
}

#s02 h2{
font-family: kozuka-gothic-pro, sans-serif;
font-weight: 500;
font-style: normal;
	font-size: 40px;
	color: #333;
	background: url("../img/icon02.jpg") 0 20px no-repeat;
	text-align: center;
	padding-left: 35px;
	display: block;
	margin: auto;
	width: 590px;
	line-height: 180%;
	margin-bottom: 35px;
}

#s02 .btn{
	margin-bottom: 45px;
}

#s02 .btn a{
	display: block;
	width: 250px;
	text-align: center;
	margin: auto;
	color: #fff;
	background: #00AFEA;
	border-radius: 20px;
	height: 40px;
	line-height: 40px;
	text-decoration: none;
}

#s02 .btn a:hover{
	background: #4DA6FF;
}

#s02 ul{
	width: 1220px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

#s02 ul li a{
	width: 600px;
	height: 180px;
	display: block;
	line-height: 180px;
	text-align: center;
	color: #fff;
font-family: kozuka-gothic-pro, sans-serif;
font-weight: 500;
font-style: normal;
	text-decoration: none;
	font-size: 25px;
	border-radius: 15px;
}

#s02 ul li a:hover{
	opacity: 0.7;
}


#s02 ul li{
	margin-bottom: 25px;
}

#s02 ul li.btn01 a{
	background: url("../img/btn05.jpg") center center no-repeat;
}
#s02 ul li.btn02 a{
	background: url("../img/btn04.jpg") center center no-repeat;
}
#s02 ul li.btn03 a{
	background: url("../img/btn07.jpg") center center no-repeat;
}
#s02 ul li.btn04 a{
	background: url("../img/btn06.jpg") center center no-repeat;
}

#s03{
	    background-color: #D8E8ED;
    background-image:
 repeating-linear-gradient(-45deg,
 #fff, #fff 2px,
 transparent 0, transparent 5px);
	position: relative;
	height: 490px;
	margin-bottom: 45px;
}

#s03 .box_rap p{
	background: url("../img/bg01.png") center bottom no-repeat;
	width: 1380px;
	padding-top: 45px;
	height: 546px;
	position: absolute;
	left: 50%;
	margin-left: -700px;
	bottom: 0;
	text-align: center;
}

@media (max-width: 1380px) {
   /* 横幅が1200px以下の場合に適用するスタイル */

#s03 .box_rap p{
    width: 1220px!important;
	margin-left: -610px;
}

}

#s03 .box_rap ul{
	position: absolute;
	left: 50%;
	margin-left: -125px;
	bottom: 45px;
}

#s03 .box_rap li{
	margin-bottom: 15px;
}


#s03 li a{
	display: block;
	width: 250px;
	text-align: center;
	margin: auto;
	color: #fff;
	background: #00AFEA;
	border-radius: 20px;
	height: 40px;
	line-height: 40px;
	text-decoration: none;
}

#s03 li a:hover{
	background: #4DA6FF;
}

#s04 h2{
	color: #00AEEA;
	font-size: 40px;
font-family: kozuka-gothic-pro, sans-serif;
font-weight: 500;
font-style: normal;
	line-height: 150%;
	text-align: center;
	letter-spacing:-1px;
	margin-bottom: 30px;
}

#s04 .box_rap01{
	background: url("../img/bg01.jpg") center top no-repeat;
	background-size: cover;
	background-attachment:fixed;
	height: 700px;
}

#s04 .box{
	width: 1000px;
	margin: auto;
	background: #fff;
	border-radius:0 0 15px 15px;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 25px;
	padding-bottom: 25px;
}

#s04 .box p{
	font-size: 18px;
	width: 925px;
	margin: auto;
	line-height: 180%;
}

#s04 .box_rap02{
	  background-color: #fff;
    background-image:
 repeating-linear-gradient(-45deg,
 #D8E8ED, #D8E8ED 2px,
 transparent 0, transparent 5px);
	background-size:auto 300px;
	background-repeat:no-repeat;
}
#s04 .box_rap02 p{
	width: 870px;
	margin: auto;
	font-size: 18px;
	line-height: 180%;
	margin-bottom: 25px;
	padding-top: 30px;
}

#s04 .box_rap03{
	width: 870px;
	margin: auto;
	display: flex;
	justify-content: space-around;
	margin-bottom: 100px;
}

#s04 .box_rap03 figure{
	background: #fff;
	border: 1px solid #ccc;
	text-align: center;
	width: 420px;
	padding-bottom: 15px;
}

#s04 .box_rap03 figcaption{
	padding: 25px;
	color:#FF9226;
	font-family: kozuka-gothic-pro, sans-serif;
font-weight: 500;
font-style: normal;
	font-size: 25px;
	line-height: 150%;
}

#s04  .box_rap04{
	background:url("../img/img03.jpg") left bottom no-repeat;
	padding-left: 230px;
	width: 800px;
	padding-top: 15px;
	padding-bottom: 35px;
	margin: auto;
}

#s04  .box_rap04 .titile{
	font-size: 40px;
	color: #FF7F00;
font-family: kozuka-gothic-pro, sans-serif;
font-weight: 500;
font-style: normal;
	margin-bottom: 45px;
}

#s04 .box_rap04 .f50{
	font-size: 50px;
font-family: kozuka-gothic-pro, sans-serif;
font-weight: 500;
font-style: normal;
	padding-left: 45px;
	margin-bottom: 45px;
}

#s04 .box_rap04 .text{
	font-size: 18px;
	color:#333;
	line-height: 180%;
}

#s05 .box_rap{
background-image:
 repeating-linear-gradient(1deg,
 #E8F1F4, #E8F1F4 5px,
 transparent 0, transparent 0px);
	background-size:auto 300px;
	background-repeat:no-repeat;
	padding-top: 45px;
}

#s05 .box_in_rap{
	display: flex;
	justify-content: space-around;
	width: 1000px;
	margin: auto;
	margin-bottom: 45px;
}

#s05 .box_in_rap .box01{
		width: 460px;
}

#s05 .box_in_rap .box{
	border: 1px solid #ccc;
	border-radius: 25px;
	background: #fff;
	padding-bottom: 25px;
	height: 550px;
}

#s05 .box_in_rap .box01 .title{
	text-align: center;
	margin-bottom: 20px;
}

#s05 .box_in_rap figure{
	width: 405px;
	margin: auto;
	padding-top: 35px;
	margin-bottom: 25px;
}

#s05 .box_in_rap figcaption{
	font-size: 25px;
	color: #444;
font-family: kozuka-gothic-pro, sans-serif;
font-weight: 500;
font-style: normal;
	margin-bottom: 25px;
	line-height: 150%;
}

#s05 .box_in_rap .box p{
	width: 405px;
	margin: auto;
}

#s05 .box_in_rap .box p.blue{
	font-size: 18px;
	color: #0085B2;
	margin-bottom: 15px;
font-family: kozuka-gothic-pro, sans-serif;
font-weight: 500;
font-style: normal;
}

#s05 .box_in_rap .box p.text{
	font-size: 15px;
	color: #545454;
	line-height: 150%;
}



#s06{
background: #E8F1F4;
	padding-top: 60px;
	padding-bottom: 35px;
	margin-bottom: 140px;
}

#s06 h3{
font-family: kozuka-gothic-pro, sans-serif;
font-weight: 500;
font-style: normal;
	font-size: 40px;
	color: #333;
	background: url("../img/icon03.jpg") 0 20px no-repeat;
	text-align: center;
	padding-left: 35px;
	display: block;
	margin: auto;
	width: 590px;
	line-height: 180%;
	margin-bottom: 35px;
}

#s06 iframe{
	display: block;
	margin: auto;
}

#s07{
	padding-bottom: 100px;
}

#s07 h3{
	text-align: center;
	font-size: 50px;
	font-family: kozuka-gothic-pro, sans-serif;
font-weight: 700;
font-style: normal;
	margin-bottom: 45px;
}

#s07 .box_rap{
	width: 1000px;
	margin: auto;
	display: flex;
}

#s07 .box01{
	width: 500px;
}

#s07 .box01 p{
	text-align: center;
	padding-top: 45px;
	margin-bottom: 35px;
}

#s07 .box02 p{
	padding-left: 45px;
	font-size: 18px;
font-family: kozuka-gothic-pro, sans-serif;
font-weight: 700;
font-style: normal;
	padding-top: 200px;
}

#s08{
background: #E8F1F4;
	padding-top: 60px;
	padding-bottom: 35px;
	margin-bottom: 140px;
}

#s08 h3{
font-family: kozuka-gothic-pro, sans-serif;
font-weight: 500;
font-style: normal;
	font-size: 30px;
	color: #333;
	background: url("../img/icon03.jpg") 0 12px no-repeat;
	text-align: center;
	padding-left: 35px;
	display: block;
	margin: auto;
	width: 270px;
	line-height: 180%;
	margin-bottom: 35px;
}

#s08 iframe{
	display: block;
	margin: auto;
}