/* CSS Document */

header{
	background: url("../what-itc/img/keyimg.jpg") center top no-repeat;
background-size: cover;
	height: 450px;
}

h2{
	font-family: kozuka-gothic-pro, sans-serif;
font-weight: 700;
font-style: normal;
	color: #FF9226;
	font-size: 45px;
	padding-top: 45px;
	text-align: center;
	line-height: 100%;
}

h2 .f20{
	color: #666;
}

#pnav{
	display: flex;
	justify-content: center;
}

#pnav li{
	padding: 25px;
}

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

#s01{
	padding-top: 35px;
	margin-bottom: 100px;
}

#s01 h3{
	background: #00AFEA;
	text-align: center;
	color: #fff;
	font-size: 30px;
font-family: kozuka-gothic-pro, sans-serif;
font-weight: 400;
font-style: normal;
	height: 70px;
	line-height: 70px;
	margin-bottom: 45px;
}

#s01 p.text01{
	font-size: 30px;
font-family: kozuka-gothic-pro, sans-serif;
font-weight: 500;
font-style: normal;
	color: #333;
	line-height: 150%;
	text-align: center;
	margin-bottom: 45px;
}

#s01 p.text01 .f35{
font-family: kozuka-gothic-pro, sans-serif;
font-weight: 700;
font-style: normal;
color: #00ACEA;
	
}

#s01 p.text01 .f25{
font-family: kozuka-gothic-pro, sans-serif;
font-weight: 500;
font-style: normal;
}

#s01 .box_rap{
	width: 1220px;
	margin: auto;
	display: flex;
	justify-content: space-around;
}

#s01 .box_rap .box01 img{
	margin-bottom: 30px;
}

#s01 .box_rap .box02{
	padding-left: 60px;
}

#s01 .box_rap .box02 dl{
	background: #eee;
	margin-bottom: 25px;
position: relative;
	padding: 25px;
	height: 130px;
}

#s01 .box_rap .box02 dl:after{
  content: "";
  position: absolute;
  bottom: 70px;
  left: -40px;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #eee transparent transparent transparent;
	transform: rotate(90deg);
  border-width: 20px 20px 20px 20px;
}

#s01 .box_rap .box02 dt{
	color: #00AEEA;
	font-size: 30px;
font-family: kozuka-gothic-pro, sans-serif;
font-weight: 500;
font-style: normal;
	margin-bottom: 20px;
}

#s01 .box_rap .box02 dd{
font-size: 16px;
	line-height: 180%;
}

#s02{
	background-color: #D8E8ED;
    background-image:
 repeating-linear-gradient(-45deg,
 #fff, #fff 2px,
 transparent 0, transparent 5px);
	padding-top: 30px;
	margin-bottom: 80px;
}

#s02 .box_rap{
	background: url("../what-itc/img/bg01.png") center bottom no-repeat;
	padding-bottom: 25px;
}

#s02 .box_rap .title{
	text-align: center;
	margin-bottom: 45px;
}

#s02 .box_rap .text{
	width: 600px;
	line-height: 180%;
	margin: auto;
font-family: kozuka-gothic-pro, sans-serif;
font-weight: 400;
font-style: normal;
	font-size: 16px;
	/*margin-bottom: 50px;*/
	margin-bottom: 20px;
}

#s02 .box_rap ul{
	/*display: flex;
	justify-content: center;*/
}

#s02 .box_rap ul li{
	margin-right: 25px;
}

#s02 .box_rap ul li.n01{
	text-align: center;
}

#s02 .box_rap ul li.n01 a{
	font-size: 14px;
	/*color: #002CFF;*/
	color: #000;
	text-decoration: none;
}
#s02 .box_rap ul li.n02{
	margin-bottom: 5px;
}

#s02 .box_rap ul li.n02 a{
	display: block;
	width: 350px;
	text-align: center;
	margin: auto;
	color: #fff;
	background:#FFB600;
	border-radius: 20px;
	height: 40px;
	line-height: 40px;
	text-decoration: none;
}
/*
#s02 .box_rap ul a:hover{
	background: #4DA6FF;
}
*/
#s03{
	margin-bottom: 100px;
}

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

#s03 .rap01{
	background: #fc9;
}
#s03 .rap01 .box_rap{
	background: #FF8000;	
}

#s03 .rap02{
	background: #A6D2FF;
}
#s03 .rap02 .box_rap{
	background: #59ACFF;	
}

#s03 .rap03{
	background: #FFACAC;
}

#s03 .rap03 .box_rap{
	background: #FF7373;
}

#s03 .box_rap{
	width: 875px;
	margin: auto;
	display: flex;
	margin-bottom: 25px;
}

#s03 .box_rap dl{
	padding-left: 50px;
	padding-top: 25px;
	padding-right: 25px;
}

#s03 .box_rap dt{
	color: #fff;
font-family: kozuka-gothic-pro, sans-serif;
font-weight: 500;
font-style: normal;
	font-size: 30px;
	margin-bottom: 25px;
}

#s03 .box_rap dd{
	color: #fff;
	font-size: 16px;
	line-height: 180%;
}

#s04{
	background: url("../what-itc/img/bg02.jpg") center center no-repeat;
	background-size: cover;
	padding-top: 100px;
	padding-bottom: 50px;
	margin-bottom: 60px;
}

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

#s04 .text01{
	font-size: 25px;
	color: #fff;
	text-align: center;
font-family: kozuka-gothic-pro, sans-serif;
font-weight: 500;
font-style: normal;
	margin-bottom: 70px;
}

#s04 .text02{
	width: 875px;
	margin: auto;
	color: #fff;
	line-height: 180%;
	font-size: 18px;
font-family: kozuka-gothic-pro, sans-serif;
font-weight: 500;
font-style: normal;
	margin-bottom: 40px;
}

#s04 .box_rap{
	width: 875px;
	margin: auto;
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}

#s04 figure{
	width: 420px;
	background: #fff;
	text-align: center;
	margin-bottom: 25px;
	padding-top: 25px;
	padding-bottom: 25px;
}

#s04 figcaption{
	text-align: left;
	font-size: 20px;
font-family: kozuka-gothic-pro, sans-serif;
font-weight: 400;
font-style: normal;
	line-height: 150%;
	width: 390px;
	margin: auto;
	margin-bottom: 25px;
}

.taiken{
	background: url("../img/bg02.jpg") center bottom repeat-x;
	text-align: center;
	padding-bottom: 1px;
	margin-bottom: 100px;
}

#s05 h3{
	font-family: kozuka-gothic-pro, sans-serif;
font-weight: 400;
font-style: normal;
	height: 70px;
	background: #00AFEA;
	color: #fff;
	line-height: 70px;
	text-align: center;
	font-size: 30px;
	margin-bottom: 60px;
}

#s05 .text01{
	font-family: kozuka-gothic-pro, sans-serif;
font-weight: 500;
font-style: normal;
	font-size: 25px;
	text-align: center;
	line-height: 180%;
	margin-bottom: 80px;
}

#s05 .text01 .f35{
	font-family: kozuka-gothic-pro, sans-serif;
font-weight: 700;
font-style: normal;
	color: #00ADEA;
	font-size: 35px;
}

#s05 .box_rap{
	width: 1220px;
	display: flex;
	margin: auto;
}

#s05 .box_rap .box01{
	padding-right: 60px;
}

#s05 .box_rap .box01 dl{
	background: #eee;
	margin-bottom: 25px;
position: relative;
	padding: 25px;
	height: 130px;
}

#s05 .box_rap .box01 dl:after{
  content: "";
  position: absolute;
  bottom: 70px;
  right: -40px;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #eee transparent transparent transparent;
	transform: rotate(-90deg);
  border-width: 20px 20px 20px 20px;
}

#s05 .box_rap .box01 dt{
	color: #00AEEA;
	font-size: 30px;
font-family: kozuka-gothic-pro, sans-serif;
font-weight: 500;
font-style: normal;
	margin-bottom: 20px;
}

#s05 .box_rap .box01 dd{
font-size: 16px;
	line-height: 180%;
}

#s05 .box_rap .box02 img{
	margin-bottom: 25px;
}

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

#s06 .rap01{
	background: #fc9;
}
#s06 .rap01 .box_rap{
	background: #FF8000;	
}

#s06 .rap02{
	background: #A6D2FF;
}
#s06 .rap02 .box_rap{
	background: #59ACFF;	
}

#s06 .rap03{
	background: #FFACAC;
}

#s06 .rap03 .box_rap{
	background: #FF7373;
}

#s06 .rap04{
	background: #C4EAB7;
}

#s06 .rap04 .box_rap{
	background: #56B735;
}

#s06 .rap05{
	background: #9BD2D7;
}

#s06 .rap05 .box_rap{
	background: #43A2A9;
}


#s06 .box_rap{
	width: 875px;
	margin: auto;
	display: flex;
	margin-bottom: 25px;
}

#s06 .box_rap dl{
	padding-left: 50px;
	padding-top: 25px;
	padding-right: 25px;
}

#s06 .box_rap dt{
	color: #fff;
font-family: kozuka-gothic-pro, sans-serif;
font-weight: 500;
font-style: normal;
	font-size: 30px;
	margin-bottom: 25px;
}

#s06 .box_rap dd{
	color: #fff;
	font-size: 16px;
	line-height: 180%;
}

#s07{
	background: url("../what-itc/img/bg03.jpg") top no-repeat;
	background-size: cover;
	padding-top: 50px;
	padding-bottom: 100px;
	margin-bottom: 100px;
}


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

#s07 .text01{
	font-size: 25px;
	color: #fff;
	text-align: center;
font-family: kozuka-gothic-pro, sans-serif;
font-weight: 500;
font-style: normal;
	margin-bottom: 70px;
}

/*
#s07 dl{
	width: 985px;
	margin: auto;
	color: #fff;
}

#s07 dt{
	font-size: 25px;
font-family: kozuka-gothic-pro, sans-serif;
font-weight: 500;
font-style: normal;
	margin-bottom: 25px;
}

#s07 dd{
	width: 700px;
	font-size: 16px;
	margin-bottom: 50px;
	line-height: 180%;
	word-break: keep-all;
}*/

#s07 .box01{
	width: 1220px;
	margin: auto;
}

#s07 .box01 .title{
	font-size: 25px;
font-family: kozuka-gothic-pro, sans-serif;
font-weight: 500;
font-style: normal;
	margin-bottom: 25px;
	color: #fff;
}

#s07 .box01 dl{
	margin-bottom: 60px;
}

#s07 .box01 dt{
	color: #fff;
font-family: kozuka-gothic-pro, sans-serif;
font-weight: 500;
font-style: normal;
	font-size: 18px;
	margin-bottom: 10px;
}

#s07 .box01 dd{
	font-size: 16px;
	color: #fff;
	margin-bottom: 30px;
	line-height: 180%;
}