@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500;700&display=swap');

html {
	-webkit-text-size-adjust: 100%;
}
html.close {
	overflow:hidden;
	height:100%;
}
body {
	font-family: 'Noto Sans JP', sans-serif;
	font-size:18px;
	font-weight:500;
	line-height:1.7;
	text-align:center;
	color:#1c2a53;
	font-feature-settings: "palt";
}
@media screen and (max-width:768px){
	body {
		font-size:3.4vw;
	}
}


a {
	transition : opacity 0.4s;
	-webkit-transition : opacity 0.4s;
	opacity:1;
	color:#1c2a53;
	outline:none;
}
a:hover {
	opacity: 0.6;
}

.only_smart,
.only_smart_i{
	display:none !important;
}

@media screen and (max-width:768px){
	.only_pc{
		display:none !important;
	}
	.only_smart{
		display:block !important;
	}
	.only_smart_i{
		display:inline-block !important;
	}
}

img{
	max-width:100%;
}

#wrapper{
	overflow:hidden;
}



/* header */
header{
	width:100%;
	position:fixed;
	z-index:100;
	position:fixed;
	box-shadow:0 0 5px rgba(0,0,0,0.3);
}
header .inner{
	max-width:768px;
	height:64px;
	margin:auto;
	padding-left:10px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
}
header .inner .logo{
	display:block;
	width:145px;
	line-height:1;
}
header .inner nav{
}
header .inner nav > ul{
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
header .inner nav > ul li a:hover{
	opacity:1;
	background-color:#f4224b;
}
header .inner nav > ul > li{
	position:relative;
}
header .inner nav > ul > li a{
	padding:0 1em;
	display:block;
	height:64px;
	line-height:64px;
	font-size:13px;
	font-weight:bold;
	color:#fff;
	position:relative;
}
header .inner nav > ul > li:nth-child(-n+4) > a:before{
	content:'';
	display:block;
	width:1px;
	height:2em;
	background-color:rgba(255,255,255,0.6);
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);
}
header .inner nav > ul > li.sub > a:after{
	content:'>';
	font-size:10px;
	font-weight:normal;
	display:inline-block;
	transform:translateX(0.5em) rotate(90deg) scaleY(1.8);
}
header .inner nav > ul > li.contact{
	width:130px;
}
header .inner nav > ul > li.contact a{
	padding:0;
	display:block;
	position:relative;
}
header .inner nav > ul li.contact a:hover{
	background-color:transparent;
}
header .inner nav > ul > li ul{
	position:absolute;
	top:100%;
	left:0;
	display:none;
}
header .inner nav > ul > li ul li a{
	padding-right:3em;
	white-space:nowrap;
	text-align:left;
	position:relative;
}
header .inner nav > ul > li ul li a:after{
	content:'〉';
	display:inline-block;
	font-weight:normal;
	position:absolute;
	right:0.5em;
	top:50%;
	transform:translateY(-50%);
}

@media screen and (max-width:768px){
	header{
		background-color:#fff !important;
	}
	header .inner{
		height:50px;
		margin:auto;
		padding:0 10px;
	}
	header .inner .logo{
		width:145px;
	}
	header .inner nav{
	width:100%;
	height:100vh;
	padding-bottom:100px;
	background:#2e6df4 url(../images/s_menu_bg.jpg)no-repeat center top;
	background-size:100% auto;
	overflow:auto;
	-webkit-overflow-scrolling: touch;
	position:fixed;
	top:0;
	left:0;
	z-index:101;
	display:none;
	}
	header .inner nav #header {
		width:90%;
		margin:auto;
		position:relative;
	}
	header .inner nav #header > img {
		width:60%;
	}
	header .inner nav #header .btnmenu {
		width:30px;
		position:absolute;
		right:0;
		top:25%;
		cursor:pointer;
	}
	header .inner nav > ul{
		width:80%;
		margin:auto;
		display: block;
		text-align:left;
	}
	header .inner nav > ul li a:hover{
		opacity:1;
		background-color:transparent;
	}
	header .inner nav > ul > li{
		position:static;
		border-bottom:1px solid #fff;
	}
	header .inner nav > ul > li a{
		padding:0;
		display:block;
		height:3em;
		line-height:3;
		font-size:3.4vw;
		position:static;
	}
	header .inner nav > ul > li:nth-child(-n+4) > a:before{
		content:none;
	}
	header .inner nav > ul > li.sub{
		font-size:3.8vw;
		display: -webkit-flex;
		display: flex;
	}
	header .inner nav > ul > li.sub > a{
		width:7em;
	}
	header .inner nav > ul > li.sub > a:after{
		content:none;
	}
	header .inner nav > ul > li.contact{
		width:auto;
		margin:2em 0 0;
		border-bottom:none;
	}
	header .inner nav > ul > li.contact a{
		height:auto;
		padding:0;
		display:block;
		position:relative;
	}
	header .inner nav > ul li.contact a span{
		position:relative;
	}
	header .inner nav > ul li.contact a span img:first-child{
		mix-blend-mode: multiply;
	}
	header .inner nav > ul li.contact a span img:last-child{
		position:absolute;
		top:0;
		left:0;
	}
	header .inner nav > ul > li ul{
		padding:0.5em 0;
		position:static;
		top:auto;
		left:auto;
		display:block;
		width:calc(100% - 7em);
		background-color:transparent;
	}
	header .inner nav > ul > li ul li a{
		padding-right:0;
		position:static;
		font-size:3.4vw;
		line-height:2;
		height:2em;
	}
	header .inner nav > ul > li ul li a:after{
		content:none;
	}
	header .inner nav > ul > li ul li a:before{
		content:'・';
	}
	header .inner nav > ul > li.sns{
		height:auto;
		border:none;
	}
	header .inner nav > ul > li.sns ul{
		margin:auto;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
	}
	header .inner nav > ul > li.sns ul li{
		width:2.5em;
		margin:0 3%;
	}
	header .inner nav > ul > li.sns ul li a{
		height:auto;
	}
	header .inner nav > ul > li.sns ul li a:before{
		content:none;
	}
	header .inner > .btnmenu{
		width:30px;
		line-height:1;
		cursor:pointer;
	}
}


/* article */
article{
	padding-top:64px;
}
@media screen and (max-width:768px){
	article{
		padding-top:50px;
	}
}


/* 色など */
.navy{
	color:#1c2a53;
}
.bg_navy{
	background-color:#1c2a53;
}
.bg_sky{
	background-color:#6493f7;
}
.bold{
	font-weight:bold;
}


/* #mv */
#mv{
}
#mv h1{
	position:relative;
	z-index:1;
}
#mv div{
	margin-top:-15.6%;
	position:relative;
}
#mv div a{
	width:6%;
	position:absolute;
	left:50%;
	top:0;
	z-index:2;
	transform:translateX(-50%);
}

@media screen and (max-width:768px){
	#mv div{
		margin-top:-22%;
	}
	#mv div a{
		width:16%;
	}
}


/* .cont */
.cont{
}

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

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


/* .tit1 */
.tit1{
	color:#fff;
	line-height:4.2;
}
.tit1.navy{
	background:url(../images/tit_navy.png)no-repeat center center;
	background-size:auto 100%;
}
.tit1.blue{
	background:url(../images/tit_blue.png)no-repeat center center;
	background-size:auto 100%;
}
.tit1.orange{
	background:url(../images/tit_orange.png)no-repeat center center;
	background-size:auto 100%;
}

@media screen and (max-width:768px){
	.tit1{
		line-height:4.6;
	}
}


/* .tit2 */
.tit2{
	width:8em;
	height:8em;
	margin:auto;
	transform:translateY(-2em);
	background-color:#004395;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}
.tit2 > span{
	font-size:20px;
	color:#fff;
}
.tit2 > span span{
	display:block;
	font-size:10px;
}

@media screen and (max-width:768px){
	.tit2{
		width:12em;
		height:8em;
	}
	.tit2 span{
		font-size:4.8vw;
	}
	.tit2 span span{
		font-size:2.4vw;
	}
}


/* #cont1 */
#cont1{
	margin-top:90px;
	padding:50px 0 20%;
	background:url(../images/cont1_bg.png)no-repeat center top;
	background-size:100% auto;
}
#cont1 .tit1{
	font-size:13px;
}
#cont1 p{
	margin-top:1.2em;
	font-size:20px;
}

@media screen and (max-width:768px){
	#cont1{
		margin-top:-9%;
		padding:24% 0 35%;
		background:url(../images/cont1_bg_s.png)no-repeat center top;
		background-size:100% auto;
	}
	#cont1 .tit1{
		font-size:3.8vw;
	}
	#cont1 p{
		margin-top:2em;
		font-size:3.8vw;
	}
}


/* #cont2 */
#cont2{
	margin-top:-15%;
}
#cont2_wrapper{
	color:#fff;
	padding-bottom:250px;
	background:#6493f7 url(../images/bottom_icon.png)no-repeat center bottom;
	background-size:200px auto;
}
#cont2_wrapper .inner{
	max-width:756px;
	margin:auto;
}
#cont2_wrapper .inner h3 + p{
	text-align:left;
}
#cont2_wrapper .inner section{
	margin-top:90px;
}
#cont2_wrapper .inner section .tit1{
	font-size:22px;
}

#cont2_wrapper .inner section .flex{
	margin-top:40px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
#cont2_wrapper .inner section .flex figure{
	width:50%;
}

@media screen and (max-width:768px){
	#cont2{
		margin-top:-20%;
	}
	#cont2_wrapper{
		padding-bottom:40%;
		background-position:center bottom 2%;
		background-size:35% auto;
	}
	#cont2_wrapper .inner{
		width:94%;
	}
	#cont2_wrapper .inner section{
		margin-top:16%;
	}
	#cont2_wrapper .inner section .tit1{
		margin-bottom:-2em;
		font-size:3.8vw;
		position:relative;
	}
	#cont2_wrapper .inner section .flex{
		margin-top:0;
		display: block;
	}
	#cont2_wrapper .inner section .flex figure{
		width:auto;
	}
}


/* #cont2_1 */
#cont2_wrapper .inner #cont2_1 .flex{
	-webkit-align-items: center;
	align-items: center;
}
#cont2_wrapper .inner #cont2_1 .flex p{
	width:45%;
	text-align:left;
}

@media screen and (max-width:768px){
	#cont2_wrapper .inner #cont2_1 .flex p{
		width:auto;
		margin-top:1em;
	}
}


/* #cont2_2 */
#cont2_wrapper .inner #cont2_2 .flex{
	-webkit-align-items: flex-end;
	align-items: flex-end;
}
#cont2_wrapper .inner #cont2_2 .flex ul{
	width:60%;
	margin-left:-10%;
	transform:translateY(3em);
}
#cont2_wrapper .inner #cont2_2 .flex ul li{
	margin-top:1em;
	padding:0 1em;
	text-align:left;
	color:#036eb3;
	background-color:#fff;
}

@media screen and (max-width:768px){
	#cont2_wrapper .inner #cont2_2 .flex ul{
		width:auto;
		margin:1.5em 2% 0;
		transform:none;
	}
	#cont2_wrapper .inner #cont2_2 .flex ul li{
		line-height:2;
	}
}



/* #cont3 */
#cont3{
	padding-bottom:20%;
	background:
		url(../images/cont3_bg_top.png)no-repeat center top,
		url(../images/cont3_bg_bottom.png)no-repeat center bottom;
	background-size:100% auto;
}
#cont3 section{
	padding:30px 0 90px;
}
#cont3 section .tit1{
	margin-bottom:1.5em;
	font-size:32px;
}
#cont3 section .cont3_tit{
	padding-bottom:50px;
	background:url(../images/cont3_line.png)no-repeat center bottom;
	background-size:3000px auto;
}
#cont3 section .cont3_tit img{
	width:430px;
}
#cont3 section .flex{
	max-width:768px;
	width:94%;
	margin:60px auto 0;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
#cont3 section .flex figure{
	width:52%;
}
#cont3 section .flex p{
	width:45%;
	text-align:left;
}

@media screen and (max-width:768px){
	#cont3{
		background:
			url(../images/cont3_bg_top_s.png)no-repeat center top,
			url(../images/cont3_bg_bottom_s.png)no-repeat center bottom;
		background-size:100% auto;
	}
	#cont3 section{
		padding:3% 0 5%;
	}
	#cont3 section .tit1{
		font-size:3.8vw;
	}
	#cont3 section .cont3_tit{
		padding-bottom:7%;
		background:url(../images/cont3_line_s.png)no-repeat center bottom;
		background-size:100% auto;
	}
	#cont3 section .cont3_tit img{
		width:74%;
	}
	#cont3 section .flex{
		margin:6% auto 0;
		display: block;
	}
	#cont3 section .flex figure{
		width:auto;
	}
	#cont3 section .flex p{
		width:auto;
	}
}


/* #cont3_1 */
#cont3 #cont3_1 .flex{
}

@media screen and (max-width:768px){
	#cont3 #cont3_1 .flex p img{
		margin:1em 0;
	}
}


/* #cont3_2 */
#cont3 #cont3_2{
	padding-bottom:90px;
	background:url(../images/bottom_icon.png)no-repeat center bottom -50px;
	background-size:200px auto;
}
#cont3 #cont3_2 .flex{
	max-width:720px;
	width:94%;
}
#cont3 #cont3_2 .flex p{
	width:49%;
	text-align:left;
}
#cont3 #cont3_2 .flex ul{
	width:49%;
}
#cont3 #cont3_2 .flex ul li{
	margin:1em 0;
	font-size:14px;
	color:#fff;
	background: linear-gradient(90deg,#64a2c1 0%,#056bad 50%,#64a2c1 100%);
}
#cont3 #cont3_2 figure{
	max-width:850px;
	margin:30px auto 0;
}

@media screen and (max-width:768px){
	#cont3 #cont3_2{
		padding-bottom:15%;
		background:url(../images/bottom_icon.png)no-repeat center bottom -5%;
		background-size:35% auto;
	}
	#cont3 #cont3_2 .flex{
		max-width:100%;
		width:100%;
	}
	#cont3 #cont3_2 .flex p{
		width:94%;
		margin:auto;
	}
	#cont3 #cont3_2 .flex ul{
		width:94%;
		margin:auto;
	}
	#cont3 #cont3_2 .flex ul li{
		font-size:3.2vw;
	}
	#cont3 #cont3_2 figure{
		margin:5% auto 0;
	}
}


/* #cont3_3 */
#cont3 #cont3_3{
}
#cont3 #cont3_3 .flex{
	-webkit-align-items: center;
	align-items: center;
}

@media screen and (max-width:768px){
	#cont3 #cont3_3 .flex p{
		margin-top:1em;
	}
}


/* #cont4 */
#cont4{
	margin-top:-15%;
}
#cont4_wrapper{
	color:#fff;
	padding-bottom:250px;
	background:#6493f7 url(../images/bottom_icon.png)no-repeat center bottom 30px;
	background-size:200px auto;
}
#cont4_wrapper .inner{
	max-width:640px;
	width:94%;
	margin:50px auto 0;
	padding:0 30px 30px;
	background-color:#fff;
	border-radius:1em;
	position:relative;
}
#cont4_wrapper .inner .tit1{
	font-size:17px;
	transform:translateY(-50%);
}
#cont4_wrapper .inner figure{
	max-width:409px;
	margin:-20px auto 0;
}
#cont4_wrapper .inner dl{
}
#cont4_wrapper .inner dl div{
	margin-top:30px;
	line-height:3;
	text-align:left;
	display: -webkit-flex;
	display: flex;
	position:relative;
}
#cont4_wrapper .inner dl div:nth-child(n+2):before{
	content:'';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0.5em 0.5em 0 0.5em;
	border-color: #1a1311 transparent transparent transparent;
	position:absolute;
	left:50px;
	bottom:calc(100% + 15px);
	transform:translateY(50%);
}
#cont4_wrapper .inner dl div dt{
	width:100px;
	padding-left:1em;
	background-color:#007dd5;
}
#cont4_wrapper .inner dl div dd{
	width:calc(100% - 100px);
	padding-left:2em;
	color:#1a1311;
	background:#69bce5;
	position:relative;
}
#cont4_wrapper .inner dl div dd:before{
	content:'';
	display:block;
	width:2em;
	height:100%;
	background:url(../images/cont4_arrow.png)no-repeat left center;
	background-size:auto 100%;
	position:absolute;
	left:-1px;
	top:0;
}
#cont4_wrapper .inner dl div dd ul{
	display: -webkit-flex;
	display: flex;
}
#cont4_wrapper .inner dl div dd ul li{
	width:45%;
}
#cont4_wrapper .inner dl div dd ul li:nth-child(2){
	width:55%;
	background-color:#90ddf4;
	padding-left:1em;
}

@media screen and (max-width:768px){
	#cont4{
		margin-top:-15%;
	}
	#cont4_wrapper{
		padding-bottom:40%;
		background-position:center bottom 2%;
		background-size:35% auto;
	}
	#cont4_wrapper .inner{
		margin:-9% auto 0;
		padding:0 0 3%;
		background-color:transparent;
	}
	
	#cont4_wrapper .inner .tit1{
		font-size:3.8vw;
		transform:translateY(50%);
	}
	
	#cont4_wrapper .inner figure{
		max-width:100%;
		margin:0 auto 0;
	}
	#cont4_wrapper .inner dl{
		padding:1em 5% 5%;
		background-color:#fff;
		border-radius:0 0 1em 1em;
	}
	#cont4_wrapper .inner dl div{
		margin-top:1.6em;
	}
	#cont4_wrapper .inner dl div:first-child{
		margin-top:0;
	}
	#cont4_wrapper .inner dl div:nth-child(n+2):before{
		left:12%;
		bottom:calc(100% + 0.8em);
	}
	#cont4_wrapper .inner dl div dt{
		width:25%;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
	}
	#cont4_wrapper .inner dl div dd{
		width:75%;
		padding-left:1.5em;
	}
	#cont4_wrapper .inner dl div dd:before{
		background:url(../images/cont4_arrow1.png)no-repeat left center;
		background-size:auto 100%;
	}
	#cont4_wrapper .inner dl div dd.double{
		padding-left:0;
		position:relative;
	}
	#cont4_wrapper .inner dl div dd.double:before{
		background:url(../images/cont4_arrow2.png)no-repeat left center;
		background-size:auto 100%;
	}
	#cont4_wrapper .inner dl div dd ul{
		display: block;
	}
	#cont4_wrapper .inner dl div dd ul li{
		width:auto;
		padding-left:1.5em;
	}
	#cont4_wrapper .inner dl div dd ul li:nth-child(2){
		width:auto;
		padding-left:1.5em;
	}
}


/* #cont5 */
#cont5{
	padding-bottom:50px;
	background:
		url(../images/cont3_bg_top.png)no-repeat center top;
	background-size:100% auto;
}
#cont5 .inner{
	max-width:850px;
	width:90%;
	margin:auto;
	text-align:left;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
#cont5 .inner div{
	width:46%;
}
#cont5 .inner div:nth-child(n+3){
	margin-top:3%;
}
#cont5 .inner div dt{
	height:4em;
	line-height:1.2;
	padding-left:2.8em;
	font-size:24px;
	border-bottom:1px solid;
	background:url(../images/cont5_q.png)no-repeat left center;
	background-size:2em auto;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
}
#cont5 .inner div dd{
	margin-top:1em;
}

@media screen and (max-width:940px){
	#cont5 .inner div dt{
		font-size:2.5vw;
	}
}

@media screen and (max-width:768px){
	#cont5{
		padding-bottom:40%;
		background:
			url(../images/cont3_bg_top_s.png)no-repeat center top,
			url(../images/cont5_bg_bottom_s.png)no-repeat center bottom -1px;
		background-size:100% auto;
	}
	#cont5 .inner{
		display: block;
	}
	#cont5 .inner div{
		width:auto;
	}
	#cont5 .inner div:nth-child(n+2){
		margin-top:5%;
	}
	#cont5 .inner div dt{
		font-size:4vw;
	}
}


/* #contact */
#contact{
	padding:9% 0 200px;
	background: 
		url(../images/contact_bg.jpg)no-repeat center top,
		url(../images/bottom_icon.png)no-repeat center bottom,
		#6493f7;
	background-size:100% auto,200px auto;
}
#contact .tit2{
	transform:none;
}
#contact .inner{
	max-width:850px;
	width:90%;
	margin:auto;
}
#contact .inner > p{
	margin:2em 0;
	display:inline-block;
	text-align:left;
	color:#fff;
}
#contact .inner form{
	padding:30px 30px 50px;
	background-color:#fff;
	border-radius:1em;
}
#contact .inner form > dl{
	width:100%;
	font-size:16px;
	text-align:left;
}
#contact .inner form > dl dt{
	margin:0 0 0.3em;
}
#contact .inner form > dl dt.hissu:after{
	content:'必須';
	display:inline-block;
	line-height:1.4;
	margin-left:0.3em;
	padding:0 0.4em;
	font-size:10px;
	font-weight:normal;
	color:#fff;
	background-color:#c71414;
	border-radius:0.3em;
}
#contact .inner form > dl > dd{
	margin:0 0 0.6em;
	padding:0 0 0.6em;
}
#contact .inner form > dl > dd dl{
	display: -webkit-flex;
	display: flex;
}
#contact .inner form > dl > dd dl div:nth-child(n+2){
	margin-left:1em;
}

#contact .inner form p{
	font-size:12px;
}
#contact .inner form p a{
	color:#f45b5b;
	text-decoration:underline;
}
#contact .inner form p span{
	display:inline-block;
}

@media screen and (max-width:768px){
	#contact{
		padding:0 0 33%;
		background:#6493f7 url(../images/bottom_icon.png)no-repeat center bottom;
		background-size:35% auto;
	}
	#contact .tit2{
		margin-bottom:-24%;
		transform:translateY(-100%);
	}
	#contact .inner form{
		padding:5% 3% 9%;
		border-radius:0.5em;
	}
	#contact .inner form > dl{
		width:100%;
		font-size:16px;
		text-align:left;
	}
	#contact .inner form > dl dt{
		margin:0 0 0.3em;
	}
	#contact .inner form > dl dt.hissu:after{
		content:'必須';
		display:inline-block;
		line-height:1.4;
		margin-left:0.3em;
		padding:0 0.4em;
		font-size:10px;
		font-weight:normal;
		color:#fff;
		background-color:#c71414;
		border-radius:0.3em;
	}
	#contact .inner form > dl > dd{
		margin:0 0 0.6em;
		padding:0 0 0.6em;
	}
	#contact .inner form > dl > dd dl{
		display: -webkit-flex;
		display: flex;
	}
	#contact .inner form > dl > dd dl div:nth-child(n+2){
		margin-left:1em;
	}

	#contact .inner form p{
		font-size:12px;
	}
	#contact .inner form p a{
		color:#f45b5b;
		text-decoration:underline;
	}
}

@media screen and (max-width:480px){
	#contact .inner form > dl > dd dl{
		display: block;
	}
	#contact .inner form > dl > dd dl div:nth-child(n+2){
		margin:1.5em 0 0;
	}
}


/* #contact.common */
#contact.common{
	padding:12% 0 200px;
	background: 
		url(../images/thanks_bg.jpg)no-repeat center top,
		url(../images/bottom_icon.png)no-repeat center bottom,
		#6493f7;
	background-size:100% auto,200px auto;
}

@media screen and (max-width:768px){
	#contact.common{
		padding:12% 0 30%;
		background: 
			url(../images/thanks_bg_s.jpg)no-repeat center top,
			url(../images/bottom_icon.png)no-repeat center bottom,
			#6493f7;
		background-size:100% auto,35% auto;
	}
	#contact.common .tit2{
		margin-bottom:15%;
		transform:none;
	}
}


/* #contact.confirm */
#contact.confirm{
}
#contact.confirm .inner{
	margin-top:50px;
}
#contact.confirm .inner form > dl{
	margin-top:0;
}
#contact.confirm .inner form > dl > dd{
	border-bottom:1px solid;
}

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


/* #contact.thanks */
#contact.thanks{
}
#contact.thanks .inner{
	margin-top:50px;
	padding:50px 0;
	background-color:#fff;
	border-radius:1em;
}
#contact.thanks .inner h3{
	font-size:24px;
}
#contact.thanks .inner p{
	margin:1.5em 0;
	color:#1c2a53;
}
#contact.thanks .inner a{
		display:block;
	width:154px;
	line-height:60px;
	margin:0 auto 0;
	font-size:16px;
	font-weight:bold;
	background-color:#253246;
	border:3px solid;
	border-radius:33px;
	color:#fff;
	box-shadow:0 3px 8px rgba(0,0,0,0.3);
	cursor:pointer;
}

@media screen and (max-width:768px){
	#contact.thanks .inner{
		margin-top:5%;
		padding:5% 0;
	}
	#contact.thanks .inner h3{
		font-size:4.5vw;
	}
	#contact.thanks .inner a{
			display:block;
		width:30%;
		line-height:3;
		margin:0 auto 0;
		font-size:3.4vw;
		border:0.6vw solid;
		border-radius:2em;
	}
}


/* #privacy */
#privacy{
	padding:100px 0 100px;
	background:
		url(../images/cont3_bg_top.png)no-repeat center top,
		url(../images/cont3_bg_bottom.png)no-repeat center bottom;
	background-size:100% auto;
}
#privacy .inner{
	max-width:756px;
	width:90%;
	margin:auto;
}
#privacy .inner h3{
	font-size:28px;
}
#privacy .inner h3 + p{
	margin-top:2em;
	text-align:left;
}
#privacy .inner dl{
	text-align:left;
}
#privacy .inner dl dt{
	margin-top:1.7em;
}
#privacy .inner dl dd ul li{
	padding-left:2em;
	text-indent:-1em;
}
#privacy .inner dl dd a{
	text-decoration:underline;
}

@media screen and (max-width:768px){
	#privacy{
		padding:18% 0 15%;
		background:
		url(../images/cont3_bg_top_s.png)no-repeat center top,
		url(../images/cont3_bg_bottom_s.png)no-repeat center bottom;
	background-size:100% auto;
	}
	#privacy .inner h3{
		font-size:4.5vw;
	}
}



/* footer */
footer{
}
footer > div{
	padding:30px 0;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}
footer > div dl{
	width:350px;
	padding:0 30px;
	border-right:2px solid;
}
footer > div dl dt{
	line-height:1.5;
	font-size:26px;
	font-weight:bold;
}
footer > div dl dt span{
	display:block;
	font-size:18px;
	font-weight:500;
}
footer > div dl dd{
	line-height:2.4;
	margin-top:0.5em;
	font-size:16px;
	color:#fff;
}
footer > div p{
	width:300px;
	font-size:20px;
	font-weight:bold;
}
footer > ul{
	padding:20px 0;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}
footer > ul li{
	width:2.5em;
	margin:0 0.5em;
}

@media screen and (max-width:768px){
	footer > div{
		padding:5% 0;
		display: block;
	}
	footer > div dl{
		width:auto;
		padding:0 10%;
		border-right:none;
	}
	footer > div dl dt{
		font-size:4.5vw;
	}
	footer > div dl dt span{
		font-size:3.6vw;
	}
	footer > div dl dd{
		font-size:3.4vw;
	}
	footer > div p{
		margin-top:0.5em;
		width:auto;
		font-size:3.6vw;
	}
	footer > ul{
		padding:3% 0;
	}
	footer > ul li{
		width:2.5em;
	}
}


/* top_top */
#topbtn{
	width:50px;
	line-height:50px;
	font-size:21px;
	border-radius:50%;
	color:#fff;
	background-color:rgba(0,0,0,0.5);
	position:fixed;
	z-index:98;
	right:20px;
	bottom:-150px;
	-webkit-transition: bottom 0.8s;
	-moz-transition: bottom 0.8s;
	-ms-transition: bottom 0.8s;
	transition: bottom 0.8s;
}
@media screen and (max-width:768px){
	#topbtn{
		width:40px;
		line-height:40px;
		font-size:18px;
		right:15px;
	}
}




/* #bottom_banner */
#bottom_banner{
	width:100%;
	position:fixed;
	left:0;
	bottom:0;
	z-index:100;
	-webkit-transition: bottom 0.8s;
	transition: bottom 0.8s;
}
#bottom_banner{
	opacity:1;
}


/* fadein */
.fadein {
	opacity : 0;
	-webkit-transform : translate(0, 70px);
	transform : translate(0, 70px);
	-webkit-transition-property: transform,opacity;
	transition-property : transform,opacity;
	-webkit-transition-duration: 1s;
	transition-duration : 1s;
}
.fadein_l {
	opacity : 0;
	-webkit-transform : translate(70px, 0);
	transform : translate(70px, 0);
	-webkit-transition-property: transform,opacity;
	transition-property : transform,opacity;
	-webkit-transition-duration: 1s;
	transition-duration : 1s;
}

.delay1 {
	-webkit-transition-property: transform,opacity;
	transition-property : transform,opacity;
	-webkit-transition-duration: 1s;
	transition-duration : 1s;
	-webkit-transition-delay: 0.2s;
	transition-delay : 0.2s;
}
.delay2 {
	-webkit-transition-property: transform,opacity;
	transition-property : transform,opacity;
	-webkit-transition-duration: 1s;
	transition-duration : 1s;
	-webkit-transition-delay: 0.4s;
	transition-delay : 0.4s;
}
.delay3 {
	-webkit-transition-property: transform,opacity;
	transition-property : transform,opacity;
	-webkit-transition-duration: 1s;
	transition-duration : 1s;
	-webkit-transition-delay: 0.6s;
	transition-delay : 0.6s;
}
.delay4 {
	-webkit-transition-property: transform,opacity;
	transition-property : transform,opacity;
	-webkit-transition-duration: 1s;
	transition-duration : 1s;
	-webkit-transition-delay: 0.8s;
	transition-delay : 0.8s;
}
.delay5 {
	-webkit-transition-property: transform,opacity;
	transition-property : transform,opacity;
	-webkit-transition-duration: 1s;
	transition-duration : 1s;
	-webkit-transition-delay: 1.0s;
	transition-delay : 1.0s;
}
.delay6 {
	-webkit-transition-property: transform,opacity;
	transition-property : transform,opacity;
	-webkit-transition-duration: 1s;
	transition-duration : 1s;
	-webkit-transition-delay: 1.2s;
	transition-delay : 1.2s;
}


.fadein.scrollin,
.fadein_l.scrollin{
	opacity : 1;
	-webkit-transform : translate(0, 0);
	transform : translate(0, 0);
}