@charset "UTF-8";

/*CSSDocument*/


/* share
===============================================================*/

body{
	overflow-x: hidden;
	margin: auto;
	background-color: #e8f0f3;
}
img{
	width: 100%;
}
/* body{
	max-width: 1200px;
	overflow-x: hidden;
	width: 100%;
	margin: auto;
	background-color: white;
} */
/* img{
	max-width: 1200px;
	width: 100%;
	margin: auto;
	text-align: center;
} */
.inner{
	max-width: 1200px;
	width: 100%;
	margin: auto;
}
/* exlude MacIE5 \*/
/* end MacIE5 */
.cv_background{
	text-align: center;
	margin: auto;
	background-color: #000000;
	box-sizing: border-box;
	position: relative;
	width: 100%;
}
.cv_background_inner{
	text-align: center;
	margin: auto;
	background-color: #000000;
	box-sizing: border-box;
	position: relative;
	padding: 5%;
	height: 70vw;
	max-height: 900px;
	max-width: 1200px;
}
.cv_box{
	background: url(../images/cv_background.png) center no-repeat;
	background-size: 100%;
	height: 100%;
	position: relative;
}
.cv_box a{
	display: block;
  position: absolute;
  bottom: 3%;
  left: 0;
  right: 0;
  width: 100%;
  max-width: 850px;
  margin: 0 auto;
  text-align: center;
}
.btn{
	/* -webkit-box-shadow: 0 1px 10px rgba(6,0,1,.3);
	-moz-box-shadow: 0 1px 10px rgba(6,0,1,.3);
	box-shadow: 0 1px 10px rgba(6,0,1,.3); */
}
.p-mainVis{
  max-width: 1200px;
  margin: 0 auto;
}
.l-inner01 {
  margin: 0 auto;
	/* padding:6% 0 4% 0; */
	padding:5%;
	box-sizing: border-box;
  position: relative;
}
.l-inner02 {
  max-width: 900px;
	margin:0 auto;
  box-sizing: border-box;
}
.p-sec06 #in01 .l-inner02 {
  max-width: 900px;
	margin:0;
	width: 65%;
	padding: 5%;
  box-sizing: border-box;
}
.p-sec06 #in02 .l-inner02 {
	padding-top: 2rem;
}
.p-sec06 #in01 .l-inner02 p{
	color:white;
}
.l-inner03 {
  max-width: 980px;
  margin: 0 auto;
  padding: 0 7%;
  box-sizing: border-box;
}

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

	.btn{
		width:75%;
		/* -webkit-box-shadow: 0 1px 10px rgba(6,0,1,.3);
		-moz-box-shadow: 0 1px 10px rgba(6,0,1,.3);
		box-shadow: 0 1px 10px rgba(6,0,1,.3); */
	}
	.l-inner01 {
	  max-width: 980px;
	  margin: 0 auto;
	  position: relative;
	}
	.l-inner02 {
	  max-width: 900px;
	  margin: 0 auto;
	  box-sizing: border-box;
	}
	.l-inner03 {
	  max-width: 980px;
	  margin: 0 auto;
	  padding: 0 7%;
	  box-sizing: border-box;
	}

}
.c-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-box-align:top;
  -ms-flex-align:top;
  -webkit-align-items:top;
  align-items: top;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin: 0 auto;
}

/* main_vis
===============================================================*/
.p-mainVis{
	text-align:center;
}
@media screen and (max-width: 640px) {
.main_pc {
  display: none;
}
}
@media screen and (min-width: 640px) {
.main_sp {
    display: none;
  }
}




/* sec01
===============================================================*/
.p-sec01{
	background:url(../images/sec1_bg.png) center center no-repeat;
	background-size: cover;
	text-align:center;
}
.p-sec01-h2{
	padding-bottom:60px;
}
.p-sec01-text{
	padding: 4rem 0 3rem 0;
}
@media screen and (max-width: 640px) {
	/* .p-sec01{
		background-size:100% auto;
	} */
	.p-sec01-h2{
    padding: 15px 0;
	}
	.p-sec01-text{
		/* padding:0 20px 40px 20px; */
		padding:2rem 0;
	}
}


/* sec02
===============================================================*/
.p-sec02{
	background:url(../images/sec2_bg.png) center bottom no-repeat;
	background-size:100% auto;
	text-align:center;
	padding:40px 0 0 0;
}

.p-sec02-h2{
	padding:25px 0;
	background: linear-gradient(0deg,transparent 0%,transparent 29%,#7B8DA8 0%,#7B8DA8 100%);
	/* background-color:#7B8DA8; */
}
.p-sec02-h2 img{
	max-width: 1200px;
	margin:auto;
	width: 100%;
}


.p-sec02-h3{
	padding:5%;
	box-sizing: border-box;
}
.sec0203_wrap{
	background-color: #005dc9;
	background-image: -webkit-linear-gradient(bottom, #025d96, #032D51);
	background-image: -moz-linear-gradient(bottom, #025d96, #032D51);
	background-image: -o-linear-gradient(bottom, #025d96, #032D51);
	background-image: -ms-linear-gradient(bottom, #025d96, #032D51);
	background-image: linear-gradient(to top, #025d96, #032D51);

}

@media screen and (max-width: 640px) {
	.p-sec02{
		padding:0;
	}
	.p-sec02-h2{
		padding:25px 20px;
		/* padding:0; */
	}
	.p-sec02-h3{
		/* padding:20px 20px 62px 20px; */
		padding:1% 5% 5%;
	}
}

/* sec03
===============================================================*/
.p-sec03{
	padding:0 0 60px 0;
	padding:5%;
	box-sizing: border-box;
	background: url(../images/sec3_bg.png) center top no-repeat;
	background-size: cover;
}
.p-sec03-h2{
	text-align:center;
	max-width: 1000px;
    width: 100%;
    margin: auto;
}
.sec03Content{
	margin:0 auto;
	padding:20px;
	box-sizing: border-box;
	overflow:hidden;
}

.sec03Content:after{
	clear:both;
}

@media screen and (max-width: 640px) {
	.p-sec03-h2{
		/* padding:20px 20px 25px 20px; */
		padding: 0 5%;
		box-sizing: border-box;

	}
	.sec03Content{
		width:100%;
		margin:0 auto;
		padding:0;
		box-sizing: border-box;
	}
}

/* sec04
===============================================================*/
.p-sec04{
	background-color:black;
	/* background-color:#00468b; */
	/* padding-bottom:60px; */
}

.p-sec04-h2{
	background-color:#e8f0f3;
	text-align:center;
	padding:50px 0 0 0;
	position:relative;
}
.p-sec04 #in01 h3{
	padding:50px 0 0 0;
}
.p-sec04 #in01 h3 img{
	max-width: 1000px;
	width: 100%;
	margin:auto;
}
.sec4-title{
	background-color: #525d6d;
	width: 100%;
	text-align: center;
}
.sec4-title img{
	max-width: 600px;
	width: 50%;
	margin: 0 auto 1rem;
}
.p-sec04 #in02 h4,
.p-sec04 #in03 h4,
.p-sec04 #in04 h4{
	padding:25px 0 25px 0;
}
.p-sec04 #in02 h4 img{
	max-width: 1000px;
	width: 100%;
	margin: auto;
}

.p-sec04 #in01{
	background:url(../images/sec4_bg1.png) center top no-repeat;
	background-size: cover;
	text-align:center;
	padding: 5%;
  box-sizing: border-box;
}

.p-sec04 #in02{
	background:url(../images/sec4_bg2.png) center top no-repeat;
	background-size: cover;
	text-align:center;
	padding: 5% 0;
	position: relative;
}

/* #in02 h4{
	padding:3% 5%!important;
	box-sizing: border-box;
} */

.p-sec04 #in03{
	background:url(../images/sec4_bg3.png) center top no-repeat;
	background-size: cover;
	text-align:center;
	padding-bottom:98px;
}

.p-sec04 #in04{
	background:url(../images/sec4_bg4.png) center top no-repeat;
	background-size: cover;
	text-align:center;
	padding-bottom:90px;
}

.p-sec04 #in05{
	/* background:url(../images/cv_bg_grd.png) center center no-repeat; */
	text-align:center;
	padding:0;
}
.p-sec04 #in05 .cv_text1{
	background:url(../images/cv_text1_bg.png) center top no-repeat;
	background-size: cover;
}
.p-sec04 #in05 .cv_text1 img{
	max-width: 1000px;
	width: 100%;
	margin: auto;
}
.p-sec04 .sec04Content{
	/* background-color:rgba(255,255,255,0.8);
	border:2px solid #fff; */
	/* max-width:860px;
	padding:25px 0 20px 0;
	margin:0 auto; */
}

.p-sec04 #in01 .sec04Content p{
	font-size:24px;
}

.p-sec04 .sec04Content.mb20{
	max-width: 850px;
  margin: auto;
  padding-bottom: 2rem;
}
.sec04Content .white_obi{
	background: rgba(255,255,255,0.8);
	margin-bottom: 1rem;
}
.sec04Content .white_obi img{
	max-width: 1200px;
	width: 100%;
	margin: auto;
}
.p-sec04 #in02 span{
	color: white;
  position: absolute;
  right: 1%;
  bottom: 3%;
	font-size: 14px;
}

@media screen and (max-width: 640px) {
	.p-sec04{
		padding-top: 20px;s
	}
	.p-sec04-h2{
		/* padding:25px 20px; */
		padding:0;
	}
	.p-sec04 .sec04Content{
		width: 100%;
    padding: 0;
	}
	.p-sec04 .sec04Content.mb20{
		padding-bottom: 0;
	}

	.p-sec04 #in01{
		background:url(../images/sec4_bg1.png) center 0 no-repeat;
		background-size:auto 100%;
		padding-bottom:40px;
	}
	.p-sec04 #in01 h3{
		padding: 1rem 0 0 0;
	}

	.p-sec04 #in02{
		background:url(../images/sec4_bg2.png) center 0 no-repeat;
		background-size:100%;
		padding-bottom:5%;
	}
	.p-sec04 #in02 h4 img{
		padding:3% 5%;
		box-sizing: border-box;
	}
	.sec04Content .white_obi img{
		padding:3% 5%;
		box-sizing: border-box;
	}
	.p-sec04 #in03{
		background:url(../images/sec4_bg3.png) center 0 no-repeat;
		background-size:cover;
		/* padding-bottom:98px; */
		padding-bottom: 5%;
	}
	.p-sec04 #in04{
		background:url(../images/sec4_bg4.png) center 0 no-repeat;
		background-size:cover;
		padding-bottom:5%;
	}
	.p-sec05 #in05{
		padding:5%;
		box-sizing: border-box;
	}
	.p-sec04 #in05 .cv_text1{
		padding:5%;
		box-sizing: border-box;
	}

	.p-sec04 #in02 h4,
	.p-sec04 #in03 h4,
	.p-sec04 #in04 h4{
		padding:12px 20px;
	}
	.p-sec04 .sec04Content span{
		font-size: 10px;
	}
	.p-sec04 #in05{
		text-align:center;
		/* padding:20px 20px 10px 20px; */
		width:100%;
		margin:0 auto;
		box-sizing: border-box;
	}
	.p-sec04 #in01 .sec04Content p{
		font-size:12px;
	}
}


/* sec05
===============================================================*/
.p-sec05{
	/* padding-bottom:65px; */
}
.p-sec05 h2{
	background-color:#032D51;
	/* padding:30px 0 30px 0; */
  padding: 3% 5% 0;
	text-align:center;
}

.p-sec05 #in01{
	background:url(../images/sec05_bg.png) center top no-repeat;
	background-size:cover;
	padding:100px 0 50px 0;
}
.p-sec05 #in01 .l-inner02{
	background: #ffffffcf;
  max-width: 1000px;
  padding: 0 3% 3% 3%;
  margin: 0 auto;
  box-sizing: border-box;
}
.p-sec05 #in01 ul{
	padding:50px 0 0 0;
	display: flex;
}
.p-sec05 #in01 li{
	display:inline-block;
	vertical-align:top;
}

.p-sec05 #in01 li:first-child{
	padding-right:35px;
}
.p-sec05 #in02{
  /* background-color: #C4CFD8; */
	background:url(../images/sec05_bg1.png) center top no-repeat;
	background-size: cover;
	padding: 140px 5% 0;
  box-sizing: border-box;
}
#sec5-title2{
}
#sec5-title2 img{
	max-width: 650px;
	width: 100%;
}
.voice{
	overflow:hidden;
	padding:0 0 60px 0;
}

.voice:after{
	clear:both;
}

.voice .f-left{
	padding-right:25px;
	padding-bottom:25px;
}
.voice .f-left img{
	height: 300px;
	object-fit: cover;
}
.voice .f-right img{
	height: 300px;
	object-fit: cover;
}
.voice .f-right{
	padding-left:25px;
	padding-bottom:25px;
}

.voice h3{
	color: #032D51;
  font-size: 50px;
  font-weight: bold;
  text-align: center;
  border-bottom: solid 4px #032D51;
}

.voice h4{
	color:#032D51;
	font-size:22px;
	font-weight:bold;
	/* padding:20px 0 15px 0; */
	padding:3% 0!important;
}


.p-sec05 #in03{
	background:url(../images/cv_bg_beta.png) 0 0 no-repeat;
	/* padding:50px 0 20px 0; */
	padding:0;
	text-align:center;
}
.p-sec05 #in03 .cv_text2{
	background:url(../images/cv_text2_bg.png) center top no-repeat;
	background-size: cover;
}
.p-sec05 #in03 .cv_text2 img{
	max-width: 1000px;
	width: 100%;
	margin: auto;
}


@media screen and (max-width: 640px) {
	.p-sec05 h2{
		padding:15px 20px;
	}
	.p-sec05 #in01{
		padding: 5%;
		box-sizing: border-box;
	}
	.p-sec05 #in01 .l-inner02{

	}
	.p-sec05 #in01 ul{
		padding:0 10px;
		display: block;
	}
	.p-sec05 #in01 li{
		display:block;
		vertical-align:top;
		text-align:center;
		padding:10px 0 0 0;
		box-sizing: border-box;
	}
	.p-sec05 #in01 li:first-child{
		padding-right:0;
	}
	.p-sec05 #in02{
		padding: 5%;
	}
	.p-sec05 #in03 .cv_text2 img{
		padding:5%;
		box-sizing: border-box;
	}
	.voice{
		padding:0 20px 60px 20px;
	}

	.voice .f-left{
		width:100%;
		padding: 0 0 5% 0;
		/* width:40%; */
	}
	.voice .f-right{
		width:100%;
		padding: 0 0 5% 0;
		/* width:40%; */
	}
	.voice .f-left img{
		height: 200px;
	}


	.voice h3{
		font-size:30px;
	}

	.voice h4{
		font-size:12px;
		/* padding:20px 0 15px 0; */
		padding: 3% 0!important
	}
	#in02 h4{
	}
	.voice .bold{
		padding-top: 1rem;
	}

	.voice p{
		font-size:10px;
	}

}

/* sec06
===============================================================*/
.p-sec06{
	background-color:#d9e1e6;
}
.p-sec06 h2{
	background-color:#032D51;
	text-align:center;
	padding:30px 0 35px 0;
	-webkit-box-shadow: 0 2px 3px rgba(6,0,1,.3);
	-moz-box-shadow: 0 2px 3px rgba(6,0,1,.3);
	box-shadow: 0 2px 3px rgba(6,0,1,.3);
}
.p-sec06 h2 img{
	max-width: 800px;
	width: 100%;
	margin:auto;
}
.p-sec06 #in01{
	padding:0;
	background: url(../images/sec07_background_pc.png) right top no-repeat;
	background-size: contain;
	background-color: black;
}

.p-sec06 #in01 h4{
	padding:15px 0 18px 0;
}
.p-sec06 #in01 p{
	font-size:20px;
	margin-bottom: 1rem;
}

.p-sec06 #in02{
	text-align:center;
	padding-bottom:70px;
	background: url(../images/sec06_bg2.png) center top no-repeat;
	background-size: cover;
}

@media screen and (max-width: 640px) {
	.p-sec06 h2{
		padding:15px 20px;
	}
	.p-sec06 #in01{
		padding:0 0 40px 0;
	}
	.p-sec06 #in01{
		background: url(../images/sec07_background_sp.png) center top no-repeat;
		background-size: contain;
		background-color: black;
		padding-bottom: 1rem;
	}
	.p-sec06 #in01 h4{
		/* padding:10px 0 10px 20px; */
		padding:5%;
		box-sizing: border-box;
		width:100%;
	}
	.p-sec06 #in01 .l-inner02{
		width: 100%;
		padding: 75% 5% 5% 5%;
		box-sizing: border-box;
	}
	.p-sec06 #in01 p{
		font-size:12px;
		padding:0;
		/* font-size:14px;
		padding:0 20px; */
	}
	.p-sec06 #in02{
		padding-bottom: 5%;
		box-sizing: border-box;
	}
	.p-sec06 #in02 .l-inner02{
		padding-top: 1rem;
	}
	.p-sec06 #in02 .l-inner02 img{
		padding:5%;
		box-sizing: border-box;
	}
}

/* sec07
===============================================================*/
.p-sec07{
	text-align:center;
	background:url(../images/sec7_bg1.png) center top no-repeat;
	background-size:cover;
	text-align:center;

}
.p-sec07 .l-inner02{
	padding:120px 0 40px 0;
}
.p-sec07 h2 img{
  margin: auto;
	max-width: 1200px;
	width: 100%;
}

.p-sec07 table{
	width:100%;
	font-size:20px;
	font-weight:bold;
}

.p-sec0702{
	padding:5%;
	box-sizing: border-box;
}

.p-sec0702 .l-inner01 table{
	max-width: 900px;
	margin:5% auto;
	font-size:18px;
	font-weight:bold;
}

.p-sec0702 .l-inner01 th{
	background-color: #032D51;
	-webkit-box-shadow: 0 -2px #fff;
	-moz-box-shadow: 0 -2px #fff;
	box-shadow: 0 -2px #fff;
	/* background-image: -webkit-linear-gradient(-60deg, #034d7e, #032D51);
	background-image: -moz-linear-gradient(-60deg, #034d7e, #032D51);
	background-image: -o-linear-gradient(-60deg, #034d7e, #032D51);
	background-image: -ms-linear-gradient(-60deg, #034d7e, #032D51);
	background-image: linear-gradient(-60deg, #034d7e, #032D51); */
	border:2px solid #fff;
	color:#fff;
	padding:18px 0 18px 0;
	text-align:center;
}

.p-sec0702 .l-inner01 td{
	font-size:20px;
	background-color:#fff;
	border:2px solid #032D51;
	padding:18px 0 18px 20px;
	text-align:left;
}

.p-sec0702 .l-inner01{
	padding:0;
}
.bg_white{
	background-color:#fff;
	color:#032D51;
}

.bg_blue{
	background-color:#032D51;
	color:#fff;
}
.mx800{
	margin:auto;
	text-align: center;
}
.mx800 img{
	padding-top: 5%;
	max-width: 800px;
	width: 100%;
}

.p-sec07 th{
	border-bottom:2px solid #e6eff3;
	border-right:2px solid #e6eff3;
	padding:24px 0;
}

.p-sec07 td{
	border-bottom:2px solid #e6eff3;
	border-right:2px solid #e6eff3;
	padding:24px 0;
}

.p-sec07 .t_none{
	border-right:none;
}
.p-sec07 .orikaeshi{
	vertical-align: middle;
	padding:0;
}
@media screen and (max-width: 640px) {
	.p-sec07 .l-inner02{
		/* padding:20px 0 60px 0; */
		padding: 20% 0 5% 0;
    box-sizing: border-box;
	}
	.p-sec07 table{
		width:100%;
		font-size:10px;
		font-weight:bold;
	}
	.p-sec0702{
		padding:5% 0;
	}
	.p-sec0702 h2{
		width: 95%;
		margin:auto;
		/* padding:15px 20px; */
	}
	.p-sec0702 .l-inner01 tr{
		font-size: 11px;
	}
	.p-sec0702 .l-inner01 td{
		font-size: 11px;
	}
	.sec07-title{
		padding:5%;
		box-sizing: border-box;
	}

}

/* sec08
===============================================================*/
.p-sec08{
	background-color:#032D51;
	text-align:center;
	padding-bottom:45px;
}

.p-sec08 ul{
	/*width:940px;*/
	width:100%;
	box-sizing: border-box;
	padding:0 20px;
	margin:0 auto;
}

.p-sec08 li{
	/*margin-left:40px;*/
	/*width:280px;*/
	width:32.4%;
	display:inline-block;
	vertical-align:top;
}

.p-sec08 li:first-child{
	margin-left:0;
}

.p-sec08 li dt{
	position: relative;
	padding-top: 30px;
	height: 400px;
	overflow: hidden;
	margin-bottom: 1em;
}

.p-sec08 li dd{
	color:white;
	font-size:18px;
}
.p-sec08 iframe{
	text-align: center;
	width: 100%;
}

@media screen and (max-width: 640px) {
	.p-sec08 ul{
		width:100%;
	}
	.p-sec08 li{
		display:block;
		width:100%;
		margin-left:0px;
	}
	.p-sec08 li dt{
	    position: relative;
	    /* padding-top: 30px;
	    padding-bottom: 56.25%;
	    height: 250px; */
	    overflow: hidden;
	    margin-bottom: 1em;
	}
	.p-sec08 li dd{
		font-size:14px;
	}
}

/* sec09
===============================================================*/
.p-sec09{
	background:url(../images/sec9_bg1.png) center 0 no-repeat #e7eff3;
	background-size:cover;
	text-align:center;
	/* padding-bottom:45px; */
}

.p-sec09 h2{
	padding-bottom:50px;
	text-align: center;
}
.p-sec09 h2 img{
	max-width: 450px;
	width: 100%;
}

.p-sec09 dl{
	padding:0 0 60px 0;
	color: white;
}
.p-sec09 dt.icon_q{
	font-size:32px;
	font-weight:bold;
}
.p-sec09 dt.icon_q:before{
	/* content:url(../images/sec9_iconQ.png); */
	content:'Q.';
	margin-right:5px;
}

.p-sec09 dd.icon_a{
	font-size:24px;
}

.p-sec09 dd.icon_a:before{
	/* content:url(../images/sec9_iconA.png); */
	content:'A.';
	margin-right:5px;
}

.p-sec09 #in02{
	/* background:url(../images/cv_bg_beta.png) 0 0 no-repeat; */
	/* padding:50px 0 20px 0; */
	padding:0;
	padding-top: 5%;
	text-align:center;
}
.p-sec09 #in02 .cv_text3{
	background:url(../images/cv_text3_bg.png) center top no-repeat;
	background-size: cover;
	height: 210px;
}
.p-sec09 #in02 .cv_text3 img{
	max-width: 1000px;
	width: 100%;
	margin: auto;
}

@media screen and (max-width: 640px) {
	.p-sec09 dl{
		padding:0 20px 30px 20px;
	}
	.p-sec09 dt.icon_q{
		font-size:16px;
		font-weight:bold;
	}
	.p-sec09 dt.icon_q:before{
		content:"Q.";
		/* background:url(../images/sec9_iconQ.png) 0 0 no-repeat;
		background-size:22px 18px; */
		margin-right:5px;
		width:22px;
		height:18px;
		display:inline-block;
	}
	.p-sec09 dd.icon_a{
		font-size:12px;
	}
	.p-sec09 dd.icon_a:before{
		content:"A.";
		/* background:url(../images/sec9_iconA.png) 0 0 no-repeat;
		background-size:22px 18px; */
		margin-right:5px;
		width:22px;
		height:18px;
		display:inline-block;
	}
	.p-sec09 h2 img{
		max-width: 450px;
		width: 60%;
	}
	.p-sec09 #in02 .cv_text3{
		height: 80px;
	}
	.p-sec09 #in02 .cv_text3 img{
		padding:5%;
		box-sizing: border-box;
	}
}

/* sec10
===============================================================*/
.p-sec10{
	/* background:url(../images/sec10_bg.png) center 0 no-repeat #000000; */
	background-color: #525D6E;
	text-align:center;
	padding:30px 0 75px 0;
}

.p-sec10 h3{
	/* padding:30px 0 60px 0; */
	color: white;
	font-size: 2.2vw;
	padding: 2rem 0;
}
.p-sec10 ul{
	display: flex;
	flex-wrap: wrap;
	padding:0 5%;
	box-sizing: border-box;
}
.p-sec10 li{
	display:inline-block;
	vertical-align:top;
	width: 30%;
	margin:0 1%;
}

.p-sec10 li:first-child{
	/* margin-left:0px; */
}


.p-sec10 .sec10_img{
	padding:180px 0 5% 0;
	background:url(../images/sec10_bg1.png) center top no-repeat;
	background-size: cover;
}
.p-sec10 .sec10_img img{
	max-width: 1200px;
	width: 100%;
	margin: auto;
}

@media screen and (max-width: 640px) {
	.p-sec10{
		padding:15px 0 30px 0;
	}

	.p-sec10 h2{
		padding:0 20px;
	}
	.p-sec10 h3{
		padding:15px 20px 30px 20px;
	}

	.p-sec10 li{
		width:90%;
		margin:auto;
		margin-bottom: 1rem;
	}
	.p-sec10 .sec10_img{
		/* padding:30px 0 0 0; */
		padding:0;
	}
	.p-sec10 .sec10_img img{
		margin-top: 13%;
	}
}

/* form上注釈
===============================================================*/
.contactsoon {
  color:#242424;
  background: #ffffff;
  font-size: 16px;
  line-height: 1.4;
  width: 80%;
  margin: 0 auto;
  padding-bottom: 40px;
  text-align: center;
}
.contactsoon .bigred {
  color:#ff0000;
  font-size: 21px;
  line-height: 1.6;
  font-weight: bold;
}

/* form
===============================================================*/
#form h2{
	background-color:#032D51;
	color:#fff;
	font-size:40px;
	font-weight:bold;
	text-align:center;
	padding:20px 0;
	margin-bottom:15px;
}

#form {
  background-color:#f2f6fa;
  padding: 0 0 100px 0;
}
#form .c-headTitle {
  background: #313131;
  margin-bottom: 55px;
}
#form form {
  display: block;
  max-width: 520px;
  margin: 0 auto;
}
#form input[type=text] ,
#form input[type=email] ,
#form select ,
#form textarea {
  display: block;
  width: 100%;
  box-sizing: border-box;
  border: #aaaaaa 2px solid;
  padding: 5px;
 -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  font-size: 18px;
  line-height: 35px;
}
#form select {
  height: 47px;
}
#form textarea {
  line-height: 1.7;
}

#form dl {
}
#form dl dt {
  font-size: 18px;
  line-height: 1.4;
  font-weight: bold;
  color: #032D51;
  text-align: left;
  margin-bottom: 5px;
}
#form dl dt:before {
  content: '■';
  color: #032D51;
}
#form dl dt .require {
  font-weight: normal;
  font-size: 14px;
  color: #cc0000;
  display: inline-block;
  padding-left: 5px;
}
#form dl dt .mult {
  font-weight: normal;
  font-size: 14px;
  color: #4e4e4e;
  display: inline-block;
  padding-left: 5px;
}
#form .form_box {

}
#form .form_box + .form_box {
  margin-top: 40px;
}
#form .form_box + .form_box-col {
  margin-top: 40px;
}
#form .form_box-col + .form_box {
  margin-top: 40px;
}
#form .form_box-col {
  display: table;
  width: 100%;
  text-align: left;
}
#form .form_box-colItem {
  display: table-cell;
  width: 50%;
}
#form .form_box-colItem .form-old input {
  display: inline-block;
  width: 75%;
}
#form .form_box-colItem .form-old dd span {
  display: inline-block;
  font-size: 20px;
  color: #000;
  padding-left: 7px;
}
#form .form_box-check {

}
#form .form_box-check dt {
  border-bottom:3px solid #aaaaaa;
  margin-bottom: 10px;
}
#form .form_box-check dd {

}
#form .form_box-check dd > span {
  display: block;
  text-align: left;
}
#form .form_box-check dd > span + span {
  margin-top: 7px;
}
#form .form_box-check dd > span label {
  display: block;
  position: relative;
  color: #242424;
  cursor: pointer;
}
#form .form_box-check dd > span label:before {
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  border: #155cb3 2px solid;
  background: #FFF;
  content: '';
  position: absolute;
  top:0;
  bottom: 0;
  left: 0;
  margin: auto;
}
#form .form_box-check dd > span label span {
  display: block;
  padding-left: 25px;
}
#form .form_box-check dd > span label span:after {
  width: 8px;
  height: 8px;
  box-sizing: border-box;
  background: #1073e5;
  content: '';
  position: absolute;
  top:0;
  bottom: 0;
  left: 4px;
  margin: auto;
  opacity: 0;
}
#form .form_box-check dd > span label input[type=checkbox]:checked + span:after ,
#form .form_box-check dd > span label input[type=radio]:checked + span:after {
  opacity: 1;
}
#form .form_box-check dd > span input {
  display: none;
}

#form .form_submit {
  max-width: 340px;
  margin: 0 auto;
  padding-top: 40px;
}
#form .form_submit input[type=submit] {
  display: block;
  width: 100%;
  margin: 0 auto;
  font-size: 28px;
  line-height: 1;
  font-weight: bold;
  color: #FFF;
  text-align: center;
  padding: 20px;
  border: none;
  background: #032D51;
  border-radius: 8px;
  border-bottom: 5px #00192c solid;
}

@media screen and (max-width: 768px) {
	#form h2{
		font-size:20px;
		padding:20px 0;

	}

  #form .c-headTitle {
    margin-bottom: 30px;
  }
  #form .form_submit input[type=submit] {
    font-size: 20px;
    padding: 20px;
    border: none;
    border-radius: 8px;
    border-bottom: 5px #9a9696 solid;
  }
}

.map {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.map iframe,
.map object,
.map embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/**/

.sticky {
    display:block;
    position: fixed;
    opacity:0;
    bottom: 0;
    background: rgba(0,0,0,.8);
    font-size:20px;
    font-weight: 700;
    width: 100%;
    transition: all 0.3s;
    line-height:1;
    color:#FFF;
    padding: 10px 0;
    text-align: center;
    z-index:1000;
}
.fixed {
    opacity:1;
}
.sticky strong {
    font-size: 26px;
    line-height: 1;
    display: inline-block;
    margin-left:4px;
    vertical-align: middle;
    margin-bottom:4px;
}
.sticky a{
  cursor:pointer;
  text-shadow: 0 0 4px rgba(0,0,0,.2);
  background: #23af06;
  color: #FFF;
  display: inline-block;
  text-align: center;
  border-radius: 4px;
  font-size: 15px;
  padding: 10px 20px;
    vertical-align: middle;
    margin-left:14px;
    text-decoration: none;
}
.sticky a:hover{
  opacity:0.8;
}
.sticky span {
    vertical-align: middle;
}

/* 画像切り替え
=========================================================*/
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }
}