@charset "UTF-8";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}

.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
visibility:hidden;
}
.clearfix{ display: inline-block; }
/* Hides from IE Mac */
* html .clearfix{ height: 1%; }
.clearfix{ display:block; }

/* ---------- 初期 ---------- */
body { letter-spacing: 0.01em; font-family:  noto-sans-cjk-jp, 'Noto Serif JP', "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;}
.m-plus { font-family: 'M+ 1p heavy', sans-serif;}
img { max-width: 100%;}
a { text-decoration: none;}
strong { font-weight: bold;}
/* ---------- /共通部分 ---------- */
#jougetyuou { position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); margin: auto;}
#kadomaru { border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
#resbtn { -webkit-appearance: none;}
.ancr { position: relative; transition: 0.5s;}
.anca { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; z-index: 10; cursor: pointer;}
.ancr:hover { opacity: 0.75; transition: 0.5s; cursor: pointer;}
/* ---------- /参考タグ部分 ---------- */




/* PC */
@media screen and (min-width: 769px) {
	.wrap { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
	.linkbtn { padding-top: 12vw; margin-top: -12vw; display: block;}
	header { background: url("images/top_bg_01.png") no-repeat; background-size: cover; padding: 14vw 0 10.7vw;}
	header#underpage { background:none; background-size: cover; padding: 4vw 0 0;}
	header #header_inner { padding: 1.49vw 0; top: 0; left: 0; width: 100%; transition: 0.3s; position: fixed;}
	header #header_inner.fixed { transition: 0.3s; background: #fff; z-index: 20;}
	header nav { width: 80.2%; margin: 0 auto;}
	header nav .logo { width: 7.7%;}
	header nav .logo img { width: 100%; height: auto;}
	header nav .lists { width: 63.5%; padding: 2.88vw 0px 2.88vw 1.19vw; box-sizing: border-box;}
	header nav .lists ul li { display: inline-block; font-size: 1vw; font-weight: bold; line-height: 1.5em; margin-right: 0.9vw;}
	header nav .lists ul li a { color: #0E3657;}
	header nav .lists ul li:last-child { margin-right: 0;}
	header nav .header-btn { width: 14.4%; padding: 2.13vw 0; box-sizing: border-box;}
	header nav .header-btn p.green { width: 48.5%; font-size: 1vw; letter-spacing: 0.05em; font-weight: 900; box-sizing: border-box; background: url("images/icon_01.svg") no-repeat #36ABB5; background-position: 18% 52%; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; box-shadow: 0 4px 20px 0 rgba(57,53,0,0.2); background-size: 2vw;}
	header nav .header-btn p.green a { line-height: 3vw; height: 3vw; color: #fff; display: block; padding-left: 4.1vw;}
	header nav .header-btn p.orange { width: 100%; font-size: 1vw; letter-spacing: 0.05em; font-weight: 900; box-sizing: border-box; display: block;}
	header nav .header-btn p.orange a { line-height: 3vw; height: 3vw; color: #fff; display: block; padding-left: 3.4vw;  background: url("images/icon_02.svg") no-repeat #F28C01; background-position: 16% 49%; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; box-shadow: 0 4px 20px 0 rgba(57,53,0,0.2); background-size: 1.5vw; border: solid 1px #F28C01;}
	header nav .header-btn p.orange a:hover { line-height: 3vw; height: 3vw; color: #F28C01; display: block; padding-left: 3.4vw; background: url("images/mail_icon_01.svg")no-repeat #fff; background-position: 16% 49%; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; box-shadow: 0 4px 20px 0 rgba(57,53,0,0.2); background-size: 1.5vw; border: solid 1px #F28C01;}
	
	header .top { width: 62.6%; margin: 0 auto;}
	header .top h1 { font-size: 3.38vw; letter-spacing: -0.02em; color: #0E3657; font-weight: 900; margin-bottom: 4.7vw;}
	header .top h1 span.small { font-size: 2.88vw;}
	header .top h1 span.big { font-size: 4.2vw;}
	header .top .mv h2 { margin-bottom: 1vw; width: 46.7%;}
	header .top .mv .circles { width: 48.7%; margin-bottom: 1.25vw; position: relative; left: -1vw;}
	header .top .mv .circles .circle01 { width: 33.3%; padding: 3.13vw 0 3vw; background: url("images/icon_circle.png") no-repeat; background-size: contain; background-position: center;}
	header .top .mv .circles .circle01 p.service { font-size: 0.87vw; letter-spacing: -0.02em; line-height: 2.1em; color: #0E3657; font-weight: 900; text-align: center;}
	header .top .mv .circles .circle01 p.service span.big { font-size: 1.25vw; line-height: 1.5em;}
	header .top .mv .circles .circle02 { width: 33.3%; padding: 3.13vw 0 3vw; background: url("images/icon_circle.png") no-repeat; background-size: contain; background-position: center;}
	header .top .mv .circles .circle02 p.service { font-size: 0.87vw; letter-spacing: -0.02em; line-height: 2.1em; color: #0E3657; font-weight: 900; text-align: center;}
	header .top .mv .circles .circle02 p.service span.big { font-size: 1.25vw; line-height: 1.5em;}
	header .top .mv .circles .circle03 { width: 33.3%; padding: 3.13vw 0 3vw; background: url("images/icon_circle.png") no-repeat; background-size: contain; background-position: center;}
	header .top .mv .circles .circle03 p.service { font-size: 0.87vw; letter-spacing: -0.02em; line-height: 2.1em; color: #0E3657; font-weight: 900; text-align: center;}
	header .top .mv .circles .circle03 p.service span.big { font-size: 1.25vw; line-height: 1.5em;}
	header .top .mv p.txt { width: 44.7%; font-size: 1.25vw; letter-spacing: 0.15em; line-height: 1.45em; color: #0E3657; font-weight: bold; text-align: center; margin-bottom: 1.69vw;}
	header .top .mv p.txt span.big { font-size: 1.69vw;}
	header .top .mv .top-btn { width: 44.7%;}
	header .top .mv .top-btn p.green { width: 49.2%; font-size: 1.25vw; letter-spacing: 0.05em; font-weight: 900; box-sizing: border-box; background: url("images/icon_01.svg") no-repeat #36ABB5; background-position: 20% 52%; border-radius: 6.2vw; -webkit-border-radius: 6.2vw; -moz-border-radius: 6.2vw; box-shadow: 0 4px 20px 0 rgba(57,53,0,0.2); background-size: 2vw;}
	header .top .mv .top-btn p.green a {  height: 3.9vw; line-height: 3.9vw; color: #fff; display: block; padding-left: 5.1vw;}
	header .top .mv .top-btn p.orange { width: 49.2%; margin: 0 auto; font-size: 1.25vw; letter-spacing: 0.05em; font-weight: 900; box-sizing: border-box; }
	header .top .mv .top-btn p.orange a { height: 3.9vw; line-height: 3.9vw; color: #fff; display: block; padding-left: 3.82vw;background: url("images/icon_02.svg") no-repeat #F28C01; background-position: 13% 52%; border-radius: 6.2vw; -webkit-border-radius: 6.2vw; -moz-border-radius: 6.2vw; box-shadow: 0 4px 20px 0 rgba(57,53,0,0.2); background-size: 1.7vw; border: solid 1px #F28C01;}
	header .top .mv .top-btn p.orange a:hover { height: 3.9vw; line-height: 3.9vw; color: #F28C01; display: block; padding-left: 3.82vw;background: url("images/mail_icon_02.svg") no-repeat #fff; background-position: 13% 52%; border-radius: 6.2vw; -webkit-border-radius: 6.2vw; -moz-border-radius: 6.2vw; box-shadow: 0 4px 20px 0 rgba(57,53,0,0.2); background-size: 1.7vw; border: solid 1px #F28C01;}
	
	#sec01 { width: 65%; margin: 0 auto; padding: 2.4vw 0 0;}
	#sec01 h2 { font-size: 1.87vw; letter-spacing: 0.06em; line-height: 2em; font-weight: 900; color: #0E3657; text-align: center; margin-bottom: 4.4vw;}
	#sec01 h2 span.small { font-size: 1.5vw;}
	#sec01 h2 span.big { font-size: 3.13vw;}
	#sec01 h2 span.line { background: url("images/sec01_inner_line_01.png") repeat-x; background-position: bottom; padding-bottom: 0.3vw;}
	#sec01 .img { width: 100%; margin-bottom: 0.8vw;}
	#sec01 .img img { width: 100%;}
	#sec01 .movie { width: 70.9%; margin: 0 auto; height: 33.2vw; position: relative;}
	#sec01 .movie .movie-frame { width: 100%; pointer-events: none; position: relative; z-index: 2;}
	#sec01 .movie .movie-frame img { width: 100%;}
	#sec01 .movie video { width: 93.2%; height: 26.31vw; position: absolute; top: 1.7vw; left: 1.52vw;}
	
	#sec02 { width: 100%; margin: 0 auto; position: relative;}
	#sec02 .inner { padding: 5.15vw 0 3.9vw; background: url("images/sec02_inner_bg_01.png") no-repeat; background-position: center; background-size: contain;}
	#sec02 .inner .reason { width: 62.8%; margin: 0 auto 2.7vw; padding: 3.07vw 0 4.11vw; box-shadow: 0 4px 40px 0 rgba(57,53,0,0.2); border-radius: 1.25vw; -webkit-border-radius: 1.25vw; -moz-border-radius: 1.25vw; background-color: #fff;}
	#sec02 .inner .reason h3 { font-size: 1.88vw; letter-spacing: 0.06em; line-height: 1.76em; font-weight: 900; color: #0E3657; text-align: center;}
	#sec02 .inner .reason h3 span.small { font-size: 1.5vw;}
	#sec02 .inner .reason p.txt { font-size: 0.87vw; letter-spacing: -0.06em; line-height: 1.7em; font-weight: bold; color: #0E3657; text-align: center; margin-bottom: 1.88vw;}
	#sec02 .inner .reason .looks { width: 88.4%; margin: 0 auto;}
	#sec02 .inner .reason .looks .look01 { width: 32.3%;}
	#sec02 .inner .reason .looks .look01 p.category { width: 84.2%; font-size: 1vw; font-weight: 900; color: #fff; text-align: center; height: 2.5vw; line-height: 2.5vw; background-color: #084476; margin-bottom: 1.5vw; border-radius: 2vw; -webkit-border-radius: 2vw; -moz-border-radius: 2vw;}
	#sec02 .inner .reason .looks .look01 ul { padding-right: 2.2vw; padding-bottom: 0.75vw; border-right: solid 1px; box-sizing: border-box; font-size: 0.88vw; letter-spacing: -0.06em; line-height: 1.71em; color: #0E3657; font-weight: bold;}
	#sec02 .inner .reason .looks .look01 ul li { margin-bottom: 0.56vw; text-indent: -1.1em; padding-left: 1.1em;}
	#sec02 .inner .reason .looks .look02 { width: 35.6%;}
	#sec02 .inner .reason .looks .look02 p.category { width: 76.2%; margin: 0 auto 1.5vw; font-size: 1vw; font-weight: 900; color: #fff; text-align: center; height: 2.5vw; line-height: 2.5vw; background-color: #027799; border-radius: 2vw; -webkit-border-radius: 2vw; -moz-border-radius: 2vw;}
	#sec02 .inner .reason .looks .look02 ul { padding: 0 2.13vw; border-right: solid 1px; box-sizing: border-box; font-size: 0.88vw; letter-spacing: -0.06em; line-height: 1.71em; color: #0E3657; font-weight: bold;}
	#sec02 .inner .reason .looks .look02 ul li { margin-bottom: 0.88vw; text-indent: -1.1em; padding-left: 1.1em;}
	#sec02 .inner .reason .looks .look03 { width: 31.9%; text-align: right;}
	#sec02 .inner .reason .looks .look03 p.category { width: 85.4%; font-size: 1vw; font-weight: 900; color: #fff; text-align: center; height: 2.5vw; line-height: 2.5vw; background-color: #383340; margin-bottom: 1.5vw; border-radius: 2vw; -webkit-border-radius: 2vw; -moz-border-radius: 2vw; display: inline-block;}
	#sec02 .inner .reason .looks .look03 ul { padding-left: 2.38vw; text-align: left; box-sizing: border-box; font-size: 0.88vw; letter-spacing: -0.06em; line-height: 1.71em; color: #0E3657; font-weight: bold;}
	#sec02 .inner .reason .looks .look03 ul li { margin-bottom: 0.88vw; text-indent: -1.1em; padding-left: 1.1em;}
	#sec02 .inner .img1 { position: absolute; top: 0; left: 15%;}
	#sec02 .inner .img2 { position: absolute; top: 56%; left: 32.2%;}
	#sec02 .inner .img3 { position: absolute; top: 24%; left: 80.1%;}
	#sec02 .inner .arrow { width: 6.4%; margin: 0 auto 2.5vw;}
	#sec02 .inner .arrow img { width: 100%;}
	#sec02 .inner .bottom-txt { font-size: 1.5vw; letter-spacing: 0.06em; line-height: 2.2em; font-weight: 900; color: #0E3657; text-align: center;}
	#sec02 .inner .bottom-txt span.big { font-size: 1.88vw; line-height: 1.7em;}
	#sec02 .inner .bottom-txt span.line { font-size: 2.7vw; background: url("images/sec02_inner_line_bg_02.png") repeat-x; background-position: bottom;}
	
	#sec03 {}
	#sec03 .inner { width: 100%; padding: 4.9vw 0 6.3vw; background: url("images/sec03_inner_bg_01.png") no-repeat; background-size: cover;}
	#sec03 .inner h4 { font-size: 1.5vw; line-height: 1.5em; font-weight: 900; color: #0E3657; width: 25.5%; margin: 0 auto; text-align: center; background: url("images/sec03_inner_bg_02.png") no-repeat; background-size: cover; padding: 0.5vw 0 0.6vw; margin-bottom: 1.56vw;}
	#sec03 .inner h5 { font-size: 2.25vw; letter-spacing: 0.06em; line-height: 1.47em; color: #fff; font-weight: 900; text-align: center; margin-bottom: 1.9vw;}
	#sec03 .inner h5 span.small { font-size: 1.88vw;}
	#sec03 .inner h5 span.yellow { color: #FFEF7C;}
	#sec03 .inner p.txt { font-size: 1vw; letter-spacing: 0.06em; line-height: 1.875em; font-weight: 900; color: #fff; text-align: center; margin-bottom: 5.6vw;}
	#sec03 .inner .boxes { width: 62.6%; margin: 0 auto;}
	#sec03 .inner .boxes p.category { font-size: 1.05vw; letter-spacing: 0.06em; font-weight: 900; color: #0E3657;}
	#sec03 .inner .boxes p.box-txt { font-size: 0.75vw; line-height: 2em; color: #fff;}
	#sec03 .inner .boxes p.box-txt span.yellow { color: #FFEF7C;}
	#sec03 .inner .boxes .box01 { width: 31.2%; float: left; margin-right: 1.62vw; padding-bottom: 2.65vw; margin-bottom: 3.75vw;}
	#sec03 .inner .boxes .box01 .box-top { text-align: center; background-color: #fff; padding: 1.8vw 0 1.8vw; position: relative; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; margin-bottom: 1.5vw; box-sizing: border-box; box-shadow: 0 4px 20px 0 rgba(0,26,99,0.38);}
	#sec03 .inner .boxes .box01 .box-top p.num { font-size: 5vw; letter-spacing: -0.02em; color: #FFEF7C; position: absolute; left: 1vw; top: -2.8vw;}
	#sec03 .inner .boxes .box01 .box-top .img { width: 41.6%; margin: 0 auto 0.7vw;}
	#sec03 .inner .boxes .box01 .box-top .img img { width: 100%;}
	#sec03 .inner .boxes .box02 { width: 31.2%; float: left; margin-right: 1.62vw; padding-bottom: 1.3vw; margin-bottom: 3.75vw;}
	#sec03 .inner .boxes .box02 .box-top { text-align: center; background-color: #fff; padding: 1.6vw 0 1.8vw; position: relative; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; margin-bottom: 1.5vw; box-sizing: border-box; box-shadow: 0 4px 20px 0 rgba(0,26,99,0.38);}
	#sec03 .inner .boxes .box02 .box-top p.num { font-size: 5vw; letter-spacing: -0.02em; color: #FFEF7C; position: absolute; left: 1vw; top: -2.8vw;}
	#sec03 .inner .boxes .box02 .box-top .img { width: 61.6%; margin-left: 2.37vw; margin-bottom: 0.2vw;}
	#sec03 .inner .boxes .box02 .box-top .img img { width: 100%;}
	
	#sec03 .inner .boxes .box03 { width: 31.2%; float: left; padding-bottom: 2.7vw; margin-bottom: 3.75vw;}
	#sec03 .inner .boxes .box03 .box-top { text-align: center; background-color: #fff; padding: 2.5vw 0 1.8vw; position: relative; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; margin-bottom: 1.5vw; box-sizing: border-box; box-shadow: 0 4px 20px 0 rgba(0,26,99,0.38);}
	#sec03 .inner .boxes .box03 .box-top p.num { font-size: 5vw; letter-spacing: -0.02em; color: #FFEF7C; position: absolute; left: 1vw; top: -2.8vw;}
	#sec03 .inner .boxes .box03 .box-top .img { width: 35.5%; margin-left: 6vw; margin-bottom: 1.7vw;}
	#sec03 .inner .boxes .box03 .box-top .img img { width: 100%;}
	
	#sec03 .inner .boxes .box04 { width: 31.2%; float: left; margin-right: 1.62vw;}
	#sec03 .inner .boxes .box04 .box-top { text-align: center; background-color: #fff; padding: 0.95vw 0 1.8vw; position: relative; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; margin-bottom: 1.5vw;  box-sizing: border-box; box-shadow: 0 4px 20px 0 rgba(0,26,99,0.38);}
	#sec03 .inner .boxes .box04 .box-top p.num { font-size: 5vw; letter-spacing: -0.02em; color: #FFEF7C; position: absolute; left: 1vw; top: -2.8vw;}
	#sec03 .inner .boxes .box04 .box-top .img { width: 43.2%; margin-left: 5.38vw; margin-bottom: 0.2vw;}
	#sec03 .inner .boxes .box04 .box-top .img img { width: 100%;}
	
	#sec03 .inner .boxes .box05 { width: 31.2%; float: left; margin-right: 1.62vw;}
	#sec03 .inner .boxes .box05 .box-top { text-align: center; background-color: #fff; padding: 1.9vw 0 1.8vw; position: relative; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; margin-bottom: 1.5vw;  box-sizing: border-box; box-shadow: 0 4px 20px 0 rgba(0,26,99,0.38);}
	#sec03 .inner .boxes .box05 .box-top p.num { font-size: 5vw; letter-spacing: -0.02em; color: #FFEF7C; position: absolute; left: 1vw; top: -2.8vw;}
	#sec03 .inner .boxes .box05 .box-top .img { width: 47.1%; margin: 0 auto;}
	#sec03 .inner .boxes .box05 .box-top .img img { width: 100%;}
	
	#sec03 .inner .boxes .box06 { width: 31.2%; float: left;}
	#sec03 .inner .boxes .box06 .box-top { text-align: center; background-color: #fff; padding: 1.4vw 0 1.8vw; position: relative; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; margin-bottom: 1.5vw;  box-sizing: border-box; box-shadow: 0 4px 20px 0 rgba(0,26,99,0.38);}
	#sec03 .inner .boxes .box06 .box-top p.num { font-size: 5vw; letter-spacing: -0.02em; color: #FFEF7C; position: absolute; left: 1vw; top: -2.8vw;}
	#sec03 .inner .boxes .box06 .box-top .img { width: 44.8%; margin: 0 auto 0.8vw;}
	#sec03 .inner .boxes .box06 .box-top .img img { width: 100%;}
	
	#sec04 {}
	#sec04 .inner { width: 100%; padding: 5.95vw 0 5.5vw;}
	#sec04 .inner h4 { font-size: 1.5vw; line-height: 1.5em; font-weight: 900; color: #0E3657; width: 25.5%; margin: 0 auto; text-align: center; background: url("images/sec05_inner_bg_02.png") no-repeat; background-size: cover; padding: 0.5vw 0 0.6vw; margin-bottom: 3.44vw;}
	#sec04 .inner .tables { width: 62.6%; margin: 0 auto; padding: 2.5vw 2.88vw 4.07vw 3.5vw; background-color: #EEEEEE;}
	#sec04 .inner .tables table.white { width: 67.9%; color: #0E3657;
	
border-collapse: separate;
border-spacing: 6px;}
	#sec04 .inner .tables table.white th { font-size: 1vw; letter-spacing: 0.06em; font-weight: bold; text-align: center;}
	#sec04 .inner .tables table.white th.col01 { width: 21%; padding: 2.06vw 0 0.93vw;}
	#sec04 .inner .tables table.white th.col02 { width: 38.2%; padding: 2.06vw 0 0.93vw;}
	#sec04 .inner .tables table.white th.col03 { width: 38.2%; padding: 2.06vw 0 0.93vw;}
	#sec04 .inner .tables table.white th.gray { background-color: #7693AC; height: 4.57vw; vertical-align: middle;}
	#sec04 .inner .tables table.white td { font-size: 0.87vw; font-weight: 500; text-align: center; vertical-align: middle; background-color: #fff;}
	#sec04 .inner .tables table.white td.small { font-size: 0.75vw; line-height: 1.66vw; text-align: left; padding: 1.12vw 1.06vw;}
	
	#sec05 { background: url("images/case_bg.png") no-repeat center top; background-size: cover;}
	#sec05 .inner { width: 100%; padding: 18.9vw 0 12.5vw; position: relative}
	#sec05 .inner h4 { font-size: 1.5vw; line-height: 1.5em; font-weight: 900; color: #0E3657; width: 25.5%; margin: 0 auto; text-align: center; background: url("images/sec05_inner_bg_02.png") no-repeat; background-size: cover; padding: 0.5vw 0 0.6vw; margin-bottom: 3.88vw;}
	#sec05 .inner h5 { font-size: 1.87vw; letter-spacing: 0.06em; font-weight: 900; color: #0E3657; text-align: center; margin-bottom: 5.7vw;}
	#sec05 .inner h5 span.small { font-size: 1.5vw;}
	#sec05 .inner h5 span.line { background: url("images/sec01_inner_bg_01.png") repeat-x; background-position: bottom; padding-bottom: 0.3vw;}
	#sec05 .inner .examples { width: 62.6%; margin: 0 auto 3.57vw;}
	#sec05 .inner .examples .example { width: 100%; padding: 1.3vw 1.2vw 1.3vw 3.1vw; margin-bottom: 1.2vw; background-color: #fff; box-shadow: 4px 4px 8px rgba(0,0,0,0.2);}
	#sec05 .inner .examples .example .left { width: 40%; padding-top: 1.2vw;}
	#sec05 .inner .examples .example .left p.category { width: 44.5%; font-size: 0.87vw; letter-spacing: -0.05em; font-weight: bold; color: #0E3657; text-align: center; height: 2vw; line-height: 2vw; margin-bottom: 1.5vw; background-color: #FFEF7C; border-radius: 1.88vw; -webkit-border-radius: 1.88vw; -moz-border-radius: 1.88vw;}
	#sec05 .inner .examples .example .left p.title { font-size: 1.25vw; line-height: 1.5em; font-weight: 900; color: #0E3657; margin-bottom: 1.8vw;}
	#sec05 .inner .examples .example .left p.name { font-size: 0.87vw; letter-spacing: -0.05em; line-height: 1.7em; color: #0E3657; font-weight: 500; margin-bottom: 2.2vw;}
	#sec05 .inner .examples .example .left p.show { font-size: 1.25vw; letter-spacing: -0.05em; line-height: 1.2em; font-weight: bold; text-align: right; padding-right: 1vw; }
	#sec05 .inner .examples .example .left p.show a { color: #0E3657; background: url("images/sec05_inner_arrow_01.png") no-repeat; background-position: right 70%; padding-right: 2vw;}
	#sec05 .inner .examples .example .right { width: 43.8%;}
	#sec05 .inner p.more-btn { width: 16.4%; margin: 0 auto; text-align: center; font-size: 1.25vw; letter-spacing: -0.05em; font-weight: 900; border: solid 2px #0E3657; border-radius: 3.75vw; -webkit-border-radius: 3.75vw; -moz-border-radius: 3.75vw; background: url("images/sec05_inner_arrow_01.png") no-repeat; background-position: 78% 55%;}
	#sec05 .inner p.more-btn a { color: #0E3657; display: block; height: 3.9vw; line-height: 3.9vw;}
	#sec05 .inner .img1 { position: absolute; top: 10.5%; left: 13.5%; width: 10.4%;}
	#sec05 .inner .img1 .img { width: 100%;}
	#sec05 .inner .img2 { position: absolute; bottom: -2%; left: 75%; width: 9.2%;}
	#sec05 .inner .img2 .img { width: 100%;}
	
	#sec06 {}
	#sec06 .inner { width: 100%; padding: 4.2vw 0; position: relative;}
	#sec06 .inner h4 { font-size: 1.5vw; line-height: 1.5em; font-weight: 900; color: #0E3657; width: 25.5%; margin: 0 auto; text-align: center; background: url("images/sec05_inner_bg_02.png") no-repeat; background-size: cover; padding: 0.5vw 0 0.6vw; margin-bottom: 3.88vw;}
	#sec06 .inner h5 { font-size: 1.87vw; letter-spacing: 0.06em; font-weight: 900; color: #0E3657; text-align: center; margin-bottom: 4.7vw;}
	#sec06 .inner h5 span.small { font-size: 1.5vw;}
	#sec06 .inner h5 span.line { background: url("images/sec01_inner_bg_01.png") repeat-x; background-position: bottom; padding-bottom: 0.3vw;}
	#sec06 .inner .steps { width: 62.6%; margin: 0 auto 3vw;}
	#sec06 .inner .steps p.num { font-size: 0.87vw; color: #fff;}
	#sec06 .inner .steps p.num span.big { font-size: 2.4vw; letter-spacing: -0.05em;}
	#sec06 .inner .steps p.flow { font-size: 1vw; letter-spacing: -0.02em; line-height: 1.5em; font-weight: 900; color: #0E3657; text-align: center;}
	#sec06 .inner .steps p.txt { font-size: 0.87vw; letter-spacing: -0.05em; line-height: 2.1em; font-weight: bold; color: #0E3657; width: 92.8%;}
	#sec06 .inner .steps .left { width: 30.8%; position: relative; padding-top: 7vw;}
	#sec06 .inner .steps .left .circle { width: 36.3%; height: 6.82vw; text-align: center; padding: 1.69vw 0 0; box-sizing: border-box; background-color: #0E3657; border-radius: 100vw; -webkit-border-radius: 100vw; -moz-border-radius: 100vw; position: absolute; top: -1.5vw; left: 32.3%;}
	#sec06 .inner .steps .step01 { margin-bottom: 2vw; background: url("images/sec06_inner_bg_04.png") no-repeat; background-size: cover;}
	#sec06 .inner .steps .step01 .right { width: 69.6%; padding: 4.51vw 0 6.01vw;}
	#sec06 .inner .steps .step02 { margin-bottom: 2vw; background: url("images/sec06_inner_bg_04.png") no-repeat; background-size: cover;}
	#sec06 .inner .steps .step02 .right { width: 69.6%; padding: 3.57vw 0 5.35vw;}
	#sec06 .inner .steps .step03 { margin-bottom: 2vw; background: url("images/sec06_inner_bg_04.png") no-repeat; background-size: cover;}
	#sec06 .inner .steps .step03 .right { width: 69.6%; padding: 3.88vw 0 6.26vw;}
	#sec06 .inner .steps .step04 { margin-bottom: 2vw; background-color: #FAF6E2;}
	#sec06 .inner .steps .step04 .right { width: 69.6%; padding: 3.88vw 0 2.88vw;}
	#sec06 .inner p.more-btn { width: 16.4%; margin: 0 auto; text-align: center; font-size: 1.25vw; letter-spacing: -0.05em; font-weight: 900; border: solid 2px #0E3657; border-radius: 3.75vw; -webkit-border-radius: 3.75vw; -moz-border-radius: 3.75vw; background: url("images/bottn_arrow.svg") no-repeat; background-position: 78% 55%; background-size: 0.7vw;}
	#sec06 .inner p.more-btn a { color: #0E3657; display: block; height: 3.9vw; line-height: 3.9vw;}
	#sec06 .inner .img1 { width: 11.9%; position: absolute; top: 6.2%; left: 13vw;}
	#sec06 .inner .img1 img { width: 100%;}
	#sec06 .inner .img2 { width: 7.5%; position: absolute; bottom: 0; left: 78.8%;}
	#sec06 .inner .img2 img { width: 100%;}
	
	#sec07 { background: url("images/column_bg.png") no-repeat center top; background-size: cover;}
	#sec07 .inner { width: 100%; padding: 10.6vw 0 25.6vw;}
	#sec07 .inner h4 { font-size: 1.5vw; line-height: 1.5em; font-weight: 900; color: #0E3657; width: 25.5%; margin: 0 auto; text-align: center; background: url("images/sec05_inner_bg_02.png") no-repeat; background-size: cover; padding: 0.5vw 0 0.6vw; margin-bottom: 4vw;}
	#sec07 .inner h5 { font-size: 1.87vw; letter-spacing: 0.06em; font-weight: 900; color: #0E3657; text-align: center; margin-bottom: 4.07vw;}
	#sec07 .inner h5 span.small { font-size: 1.5vw;}
	#sec07 .inner h5 span.line { background: url("images/sec01_inner_bg_01.png") repeat-x; background-position: bottom; padding-bottom: 0.3vw;}
	#sec07 .inner .column { width: 62.6%; margin: 0 auto 2.8vw;}
	#sec07 .inner .column .box { width: 100%; box-shadow: 0 4px 20px 0 rgba(57,53,9,0.2); margin: 0 0.4vw; border: solid 1px;}
	#sec07 .inner .column .box .img { width: 100%;}
	#sec07 .inner .column .box .img img { width: 100%;}
	#sec07 .inner .column .box .txt-contet { padding: 1vw; background-color: #fff; position: relative;}
	#sec07 .inner .column .box .txt-contet p.mini-title { font-size: 0.75vw; letter-spacing: -0.05em; font-weight: bold; height: 1.2vw; line-height: 1.2vw; color: #fff; background-color: #0E3657; text-align: center; display: inline-block; margin-bottom: 0.94vw; padding: 0 1em;}
	#sec07 .inner .column .box .txt-contet p.date { font-size: 0.87vw; letter-spacing: -0.05em; font-weight: 500; color: #0E3657; display: inline-block; text-align: right; position: absolute; right: 1vw; top: 1.5vw;}
	#sec07 .inner .column .box .txt-contet p.txt { font-size: 1.12vw; letter-spacing: -0.05em; line-height: 1.66em; font-weight: 900; color: #0E3657; margin-bottom: 0.8vw; height: 3em;}
	#sec07 .inner .column .box .txt-contet p.tag { font-size: 0.87vw; letter-spacing: -0.05em; font-weight: 500; color: #0E3657; margin-bottom: 1.2em;}
	#sec07 .inner .column .box .txt-contet p.show { font-size: 1vw; letter-spacing: -0.05em; font-weight: bold; text-align: right;}
	#sec07 .inner .column .box .txt-contet p.show a { color: #0E3657; background: url("images/sec07_inner_arrow_03.png") no-repeat; background-position: right 60%; padding-right: 1.3vw;}
	#sec07 .inner .column .box .txt-contet p.show a:hover { text-decoration: underline;}
	#sec07 .inner p.more-btn { width: 16.4%; margin: 0 auto; text-align: center; font-size: 1.25vw; letter-spacing: -0.05em; font-weight: 900; border: solid 2px #0E3657; border-radius: 3.75vw; -webkit-border-radius: 3.75vw; -moz-border-radius: 3.75vw; background: url("images/bottn_arrow.svg") no-repeat; background-position: 78% 48%; background-size: 0.7vw;}
	#sec07 .inner p.more-btn a { color: #0E3657; display: block; height: 3.9vw; line-height: 3.9vw;}
	
	
	
	#sec08 {}
	#sec08 .inner { width: 100%; padding: 0 0 0; position: relative; top: -10vw;}
	#sec08 .inner h5 { font-size: 1.88vw; letter-spacing: 0.06em; font-weight: bold; color: #0E3657; text-align: center; margin-bottom: 4.2vw;}
	#sec08 .inner .question { width: 62.6%; margin: 0 auto 3.6vw;}
	#sec08 .inner p.more-btn { width: 16.4%; margin: 0 auto; text-align: center; font-size: 1.25vw; letter-spacing: -0.05em; font-weight: 900; border: solid 2px #0E3657; border-radius: 3.75vw; -webkit-border-radius: 3.75vw; -moz-border-radius: 3.75vw;}
	#sec08 .inner p.more-btn a { color: #0E3657; display: block; height: 3.9vw; line-height: 3.9vw;  background: url("images/bottn_arrow.svg") no-repeat; background-position: 78% 52%; background-size: 0.7vw; border-radius: 3.75vw; -webkit-border-radius: 3.75vw; -moz-border-radius: 3.75vw;}
	#sec08 .inner p.more-btn a:hover { color: #fff; display: block; height: 3.9vw; line-height: 3.9vw;  background: url("images/bottn_arrow_on.svg") no-repeat #0E3657; background-position: 78% 52%; background-size: 0.7vw; border-radius: 3.75vw; -webkit-border-radius: 3.75vw; -moz-border-radius: 3.75vw;}
	#sec08 .inner .img1 { width: 23.2%; position: absolute; top: -15vw; left: 11.2vw;}
	
	/*チェックボタンを全て消す*/
	input[name="tab_item"] {
	  display: none;
	}

	/*タブのスタイル*/
	#sec08 .inner .question .question_item {
		width: 100%;
		box-sizing: border-box;
		font-size: 1vw;
		font-weight: 900;
		padding: 2.2vw 0 2.69vw 1.88vw;
		color: #0E3657;
		display: inline-block;
		vertical-align: middle;
		transition: all 0.2s ease;
		border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;
		background: url("images/sec08_inner_arrow_01.png") no-repeat;
		background-position: 93% 52%;
		margin-bottom: 1.25vw;
		box-shadow: 0 4px 20px 0 rgba(0,26,99,0.2);
	}
	#sec08 .inner .question .question_item span.icon { font-size: 2vw; width: 6.4%; background-color: #FFEF7C; padding: 0.37vw 1.25vw 0.69vw 1.25vw; border-radius: 100vw; -webkit-border-radius: 100vw; -moz-border-radius: 100vw; margin-right: 1.75vw}
	
	/*選択されているタブのスタイルを変える*/
		#sec08 .inner .question input:checked + .question_item {
		background: url("images/sec08_inner_arrow_01.png") no-repeat;
		background-position: 93% 52%;
		color:#0E3657;
	}

	
	
	/*タブ切り替えの中身のスタイル*/
	.question_tab1_content {
		display: none;
		clear: both;
		overflow: hidden;
		box-sizing: border-box;
		background-color: #fff;
		margin-bottom: 20px;
		border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;
		box-shadow: 0 4px 20px 0 rgba(0,26,99,0.2); padding: 0; transition: 0.3s;
	}
	.question_tab1_content p.txt { font-size: 1vw; line-height: 1.5em; color: #0E3657;}
	.question_tab2_content p.txt { font-size: 1vw; line-height: 1.5em; color: #0E3657;}
	.question_tab3_content p.txt { font-size: 1vw; line-height: 1.5em; color: #0E3657;}
	.question_tab4_content p.txt { font-size: 1vw; line-height: 1.5em; color: #0E3657;}
	.question_tab5_content p.txt { font-size: 1vw; line-height: 1.5em; color: #0E3657;}
	
	.question_tab2_content {
		display: none;
		clear: both;
		overflow: hidden;
		box-sizing: border-box;
		background-color: #fff;
		margin-bottom: 20px;
		border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;
		box-shadow: 0 4px 20px 0 rgba(0,26,99,0.2); padding: 0; transition: 0.3s;
	}
	.question_tab3_content {
		display: none;
		clear: both;
		overflow: hidden;
		box-sizing: border-box;
		background-color: #fff;
		margin-bottom: 20px;
		border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;
		box-shadow: 0 4px 20px 0 rgba(0,26,99,0.2); padding: 0; transition: 0.3s;
	}
	.question_tab4_content {
		display: none;
		clear: both;
		overflow: hidden;
		box-sizing: border-box;
		background-color: #fff;
		margin-bottom: 20px;
		border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;
		box-shadow: 0 4px 20px 0 rgba(0,26,99,0.2); padding: 0; transition: 0.3s;
	}
	.question_tab5_content {
		display: none;
		clear: both;
		overflow: hidden;
		box-sizing: border-box;
		background-color: #fff;
		margin-bottom: 20px;
		border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;
		box-shadow: 0 4px 20px 0 rgba(0,26,99,0.2); padding: 0; transition: 0.3s;
	}
	
	/*選択されているタブのコンテンツのみを表示*/
	#tab1:checked ~ #question_tab1_content,
	#tab2:checked ~ #question_tab2_content,
	#tab3:checked ~ #question_tab3_content,
	#tab4:checked ~ #question_tab4_content,
	#tab5:checked ~ #question_tab5_content
	{
		display: block;
		padding: 40px; transition: 0.3s;
	}
	
	#sec09 {}
	#sec09 .inner { width: 100%; padding: 10.6vw 0 0; position: relative; top: -10vw;}
	#sec09 .inner h5 { font-size: 1.88vw; letter-spacing: 0.06em; font-weight: bold; color: #0E3657; text-align: center; margin-bottom: 4.2vw;}
	#sec09 .inner table { width: 62.6%; margin: 0 auto 3.6vw; font-size: 1.3vw; color: #0E3657; font-weight: bold;}
	#sec09 .inner table th { width: 35%; text-align: left;}
	#sec09 .inner table tr:last-child th { position: relative; vertical-align: top; padding-top: 6vw;}
	#sec09 .inner table th span.red { font-size: 0.9vw; color: #EF0408; margin-left: 1em;}
	#sec09 .inner table th span.green { font-size: 0.9vw; margin-left: 1em;}
	#sec09 .inner table td { width: 65%; padding: 2vw 0;}
	#sec09 .inner table td label { margin-bottom: 1vw; display: block;}
	#sec09 .inner table td label:last-child { margin-bottom: 0;}
	#sec09 .inner table td input[type="checkbox"] { margin-right: 0.5vw;}
	#sec09 .inner table td input[type="text"] { height: 3vw; padding-left: 1vw; width: 100%; box-sizing: border-box; font-size: 1.2vw; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border: solid 1px #333;}
	#sec09 .inner table td input[type="tel"] { height: 3vw; padding-left: 1vw; width: 100%; box-sizing: border-box; font-size: 1.2vw; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border: solid 1px #333;}
	#sec09 .inner table td input[type="email"] { height: 3vw; padding-left: 1vw; width: 100%; box-sizing: border-box; font-size: 1.2vw; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border: solid 1px #333;}
	#sec09 .inner table td textarea { height: 10vw; padding-left: 1vw; width: 100%; box-sizing: border-box; font-size: 1.1vw; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; resize: none;border: solid 1px #333; padding-top: 0.5vw; font-weight:normal;}
	#sec09 .inner p.submit {}
	#sec09 .inner p.submit input { color: #0E3657; display: block; padding: 1vw 0; background: url("images/bottn_arrow.svg") no-repeat; background-position: 94% center; background-size: 0.7vw; border-radius: 3.75vw; -webkit-border-radius: 3.75vw; -moz-border-radius: 3.75vw; width: 16.4%; margin: 0 auto; text-align: center; font-size: 1.25vw; letter-spacing: 0.01em; font-weight: 900; border: solid 2px #0E3657;}
	#sec09 .inner p.submit input:hover { color: #fff; display: block; padding: 1vw 0; background: url("images/bottn_arrow_on.svg") no-repeat #0E3657; background-position: 94% 52%; background-size: 0.7vw; border-radius: 3.75vw; -webkit-border-radius: 3.75vw; -moz-border-radius: 3.75vw;}
	
	footer {}
	footer .contact { width: 100%; padding: 5vw 0 5.95vw; background: url("images/footer_bg_01.png") no-repeat center; margin-bottom: 1.68vw;}
	footer .contact p {letter-spacing: 0.06vw; font-weight: 900; color: #fff; text-align: center;}
	footer .contact p.title { font-size: 1.88vw;  margin-bottom: 1.44vw;}
	footer .contact p.txt { font-size: 1vw; margin-bottom: 3.44vw; }
	footer .contact .footer-btn { width: 36.1%; margin: 0 auto;}
	footer .contact .footer-btn p.green { font-size: 1.56vw; letter-spacing: 0.05em; font-weight: 900; padding-left: 1.7vw; box-sizing: border-box; background: url("images/icon_01.svg") no-repeat #36ABB5; background-position: 15% 53%; width: 48.1%; border-radius: 3.75vw; -webkit-border-radius: 3.75vw; -moz-border-radius: 3.75vw; box-shadow: 0 4px 20px 0 rgba(57,53,0,0.2);}
	footer .contact .footer-btn p.green a { color: #fff; display: block; height: 4.94vw; line-height: 4.94vw; }
	
	footer .contact .footer-btn p.orange { font-size: 1.56vw; letter-spacing: 0.05em; font-weight: 900; width: 48.1%; margin: 0 auto;}
	footer .contact .footer-btn p.orange a { color: #fff; display: block; height: 4.94vw; line-height: 4.94vw; padding-left: 2.2vw; box-sizing: border-box; background: url("images/icon_02.svg") no-repeat #F28C01; background-position: 13% 55%; border-radius: 3.75vw; -webkit-border-radius: 3.75vw; -moz-border-radius: 3.75vw; box-shadow: 0 4px 20px 0 rgba(57,53,0,0.2); border: solid 1px #F28C01;}
	footer .contact .footer-btn p.orange a:hover { color: #F28C01; display: block; height: 4.94vw; line-height: 4.94vw; padding-left: 2.2vw; box-sizing: border-box; background: url("images/mail_icon_02.svg") no-repeat #fff; background-position: 13% 55%; border-radius: 3.75vw; -webkit-border-radius: 3.75vw; -moz-border-radius: 3.75vw; box-shadow: 0 4px 20px 0 rgba(57,53,0,0.2); border: solid 1px #F28C01;}
	
	footer .footer-content { text-align: center;}
	footer .logo { width: 6.8%; margin-bottom: 2.45vw; display: inline-block; margin-right: 10vw; margin-left: 25vw;}
	footer .logo img { width: 100%;}
	footer p.privacy { font-size: 0.75vw; font-weight: bold; display: inline-block; margin-right: 3vw;}
	footer p.privacy a { color: #0E3657;}
	footer p.privacy a:hover { text-decoration: underline;}
	footer p.oparate { font-size: 0.75vw; font-weight: bold; display: inline-block;}
	footer p.oparate a { color: #0E3657;}
	footer p.oparate a:hover { text-decoration: underline;}
	footer p.copylight { font-size: 0.75vw; color: #0E3657; text-align: center; margin-bottom: 3.94vw;}
	
	.sec04_img { width: 80%; margin: 0 auto; text-align: right;}
	.sec04_img .sec04_img_inner { display: inline-block; width: 86.1%; margin-right: 2.9%;}
	.sec04_img img { width: 100%; height: auto;}
	
	.colum { padding: 10vw 0 0;}
	.colum .colum-inner { width: 70%; margin: 0 auto 10vw;}
	.colum .colum-inner p.date { font-size: 1.6vw; letter-spacing: 0.1em; margin-bottom: 2vw; color: #436CBD;}
	.colum .colum-inner h1.columttl { font-size: 2vw; line-height: 1.2em; font-weight: bold; padding-bottom: 1em; border-bottom: dotted 2px #436CBD; margin-bottom: 2vw;}
	.colum .colum-inner .img { width: 100%; margin-bottom: 2vw; text-align: center;}
	.colum .colum-inner .img img { width: 50%;}
	.colum .colum-inner p.txt { font-size: 1.17vw; letter-spacing: 0.01em ; line-height: 1.5em; margin-bottom: 2vw;}
	.colum .colum-inner h2.colum-subttl { font-size: 2vw; letter-spacing: 0.01em; font-weight: bold; padding: 5vw 0 2vw; color: #436CBD;}
	.colum .colum-inner .line { width: 10%; border-bottom: solid 3px #FF7366; margin-bottom: 2vw;}
	.colum .colum-inner dt { font-size: 1.37vw; letter-spacing: 0.01em ; line-height: 1.5em; font-weight: bold; margin-bottom: 0.5em;}
	.colum .colum-inner dd { font-size: 1.17vw; letter-spacing: 0.01em ; line-height: 1.5em; margin-bottom: 2em;}
	

	.sponly { display: none !important;}
	
}






/* SP */
@media screen and (max-width: 769px) {
	
	.pconly { display: none !important;}
	.linkbtn { padding-top: 1vw; margin-top: -1vw; display: block;}
	.spimg {}
	.spimg img { width: 100%; height: auto; display: block;}
	
	.wrap { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;}
	
	#sp_sec01 { position: relative;}
	#sp_sec01 ul { position: absolute; left: 0; bottom: 0; width: 100%; box-sizing: border-box; padding: 5vw;}
	#sp_sec01 ul li { width: 49%; margin: 0 auto;}
	#sp_sec01 ul li {}

	.spimg2-img1 { text-align: center; margin: 13vw 0;}
	.spimg2-img1 img { width: 90%; height: auto;}
	.spimg2-img2 { text-align: center; margin-bottom: 13vw;}
	.spimg2-img2 img { width: 90%; height: auto;}
	.spimg2-img3 { width: 93%; margin: 0 auto; position: relative;}
	.spimg2-img3 .movie-frame { width: 100%; pointer-events: none; position: relative; z-index: 2;}
	.spimg2-img3 .movie-frame img { width: 100%;}
	.spimg2-img3 video { width: 90%; height: 50.8vw; position: absolute; top: 3.3vw; left: 3.9vw;}
	
	#sec01 .movie { width: 70.9%; margin: 0 auto; height: 33.2vw; position: relative;}
	#sec01 .movie .movie-frame { width: 100%; pointer-events: none; position: relative; z-index: 2;}
	#sec01 .movie .movie-frame img { width: 100%;}
	#sec01 .movie video { width: 93.2%; height: 26.31vw;; position: absolute; top: 1.7vw; left: 1.52vw;}
	
	.spimg2-img4 { padding: 16vw 0;}
	.spimg2-img4 img { width: 100%; height: auto;}
	
	.spimg2-img5 { background: url("images/spimg2-img5_bg.png") no-repeat center; background-size: cover; text-align: center; padding: 1.6vw 0 16vw;}
	.spimg2-img5 img { width: 90%; height: auto; margin-top: 14.4vw;}
	
	#sp_sec03 { padding: 15vw 0; position: relative;}
	#sp_sec03 .sp_sec03-img { text-align: center; margin-bottom: 10.6vw;}
	#sp_sec03 .sp_sec03-img img { width: 88%; height: auto;}
	#sp_sec03 .sp_sec03-img2 { background: #EEEEEE; overflow-x: scroll; width: 100%; box-sizing: border-box; padding: 5vw; position: relative; overflow-y: visible; height: 130vw;}
	#sp_sec03 .sp_sec03-img2 .sp_sec03-img2in { width: 200vw; height: auto;}
	#sp_sec03 .sp_sec03-img2 .sp_sec03-img2in img { width: 100%; height: auto;}
	#sp_sec03 .sp_sec03-img3 { position: absolute; bottom: -5vw; left: 3vw; width: 21.3vw;}
	#sp_sec03 .sp_sec03-img3 img { width: 100%; height: auto;}
	
	#sec05 { background: url("images/sp_img_21.jpg") no-repeat center top; background-size: contain; padding-top: 32vw; position: relative; padding-bottom: 34.6vw; margin-top: 40vw;}
	#sec05 h4 { text-align: center; margin-bottom: 10.6vw;}
	#sec05 h4 img { width: 90%; height: auto;}
	#sec05 .example { width: 90%; margin: 0 auto; background: #fff; box-sizing: border-box; padding: 5.3vw; margin-bottom: 5.3vw; box-shadow: 0 4px 20px 0 rgba(0,26,99,0.2); color: #0E3657;}
	#sec05 .example .right {}
	#sec05 .example .right .img { margin-bottom: 5.3vw;}
	#sec05 .example .right .img img { width: 100%; height: auto;}
	#sec05 .example p.category { display: inline-block; font-size: 3.73vw; background: #FFEF7C; padding: 2vw 6vw; margin-bottom: 5.3vw; font-weight: 700; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px;}
	#sec05 .example p.title { font-size: 5.3vw; font-weight: 900; line-height: 1.5em; margin-bottom: 5.3vw;}
	#sec05 .example .name { font-size: 3.73vw; letter-spacing: -0.05em; margin-bottom: 8.3vw;}
	#sec05 .example .show { text-align: right;}
	#sec05 .example .show a { display: inline-block; font-size: 5.2vw; padding-right: 5.6vw; color: #0E3657; background: url("images/sec05_inner_arrow_01.png") no-repeat; background-size: 3vw; background-position: 100% 51%;}
	#sec05 .more-btn { width: 69.8vw; margin: 10.6vw auto 26.6vw; text-align: center; font-size: 5.3vw; letter-spacing: -0.05em; font-weight: 900; border: solid 2px #0E3657; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; background: url("images/sec05_inner_arrow_01.png") no-repeat; background-position: 76% 50%; background-size: 2.8vw;}
	#sec05 .more-btn a { color: #0E3657; display: block; padding: 0.9em 0;}
	#sec05 .img1 { position: absolute; top: -35vw; width: 35.6vw; right: 5vw;}
	#sec05 .img1 img { width: 100%; height: auto;}
	#sec05 .img2 { position: absolute; right: 5vw; width: 33vw; bottom: 5vw;}
	#sec05 .img2 img { width: 100%; height: auto;}
	
	#sp_sec05 { width: 90%; margin: 0 auto; position: relative; padding: 45vw 0 40vw;}
	#sp_sec05 img { width: 100%; height: auto; margin-bottom: 5.3vw;}
	#sp_sec05 .sp_sec05-img3 { position: absolute; top: -10vw; left: 0; width: 40vw;}
	#sp_sec05 .sp_sec05-img3 img { width: 100%; height: auto;}
	#sp_sec05 .sp_sec05-img4 { position: absolute; bottom: 0; right: 2vw; width: 25vw;}
	#sp_sec05 .sp_sec05-img4 img {}
	
	#sec07 { background: url("images/sp_img_32.jpg") no-repeat center top; background-size: contain; padding-top: 28vw; padding-bottom: 34.6vw;}
	#sec07 h4 { text-align: center; margin-bottom: 10.6vw;}
	#sec07 h4 img { width: 90%; height: auto;}
	#sec07 .more-btn { width: 69.8vw; margin: 6.6vw auto 26.6vw; text-align: center; font-size: 5.3vw; letter-spacing: -0.05em; font-weight: 900; border: solid 2px #0E3657; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; background: url("images/sec05_inner_arrow_01.png") no-repeat; background-position: 76% 50%; background-size: 2.8vw;}
	#sec07 .more-btn a { color: #0E3657; display: block; padding: 0.9em 0;}
	#sec07 .column { width: 82%; margin: 0 auto;}
	#sec07 .column .box { background: #fff; width: 100%; margin: 0 auto;}
	#sec07 .column .box .img {}
	#sec07 .column .box .img img { width: 100%; height: auto; display: block;}
	#sec07 .column .box .txt-contet { box-sizing: border-box; padding: 6.6vw; color: #0E3657; position: relative;}
	#sec07 .column .box .txt-contet .mini-title { display: inline-block; color: #fff; background: #0E3657; padding: 1vw 6vw; font-size: 3.2vw; margin-bottom: 4vw;}
	#sec07 .column .box .txt-contet .date { font-size: 3.4vw; position: absolute; right: 6.6vw; top: 6.9vw;}
	#sec07 .column .box .txt-contet .txt { font-weight: 700; letter-spacing: -0.05em; font-size: 4.8vw; line-height: 1.7em; margin-bottom: 4vw; height: 3em;}
	#sec07 .column .box .txt-contet .tag { font-size: 3.2vw; margin-bottom: 6vw;}
	#sec07 .column .box .txt-contet .show { text-align: right;}
	#sec07 .column .box .txt-contet .show a { display: inline-block; font-size: 4.2vw; padding-right: 5.6vw; color: #0E3657; background: url("images/sec05_inner_arrow_01.png") no-repeat; background-size: 3vw; background-position: 100% 51%;}
	#sec07 .column .box {}
	#sec07 .column .box {}
	#sec07 .column {}
	#sec07 .prev-arrow { top: 50%; position: absolute; width: 3.8vw; left: 0;}
	#sec07 .prev-arrow img { width: 100%; height: auto; position: relative; left: -6.6vw;}
	#sec07 .next-arrow { top: 50%; position: absolute; width: 3.8vw; right: 0;}
	#sec07 .next-arrow img { width: 100%; height: auto; position: relative; right: -6.6vw;}
	
	#sp_sec05 .more-btn { width: 69.8vw; margin: 6.6vw auto 26.6vw; text-align: center; font-size: 5.3vw; letter-spacing: -0.05em; font-weight: 900; border: solid 2px #0E3657; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; background: url("images/sec05_inner_arrow_01.png") no-repeat; background-position: 76% 50%; background-size: 2.8vw;}
	#sp_sec05 .more-btn a { color: #0E3657; display: block; padding: 0.9em 0;}
	
	
	#sec08 h5 { text-align: center; margin-bottom: 12vw;}
	#sec08 h5 img { width: 58.6%; height: auto;}
	#sec08 .inner { width: 90%; margin: 0 auto;}
	#sec08 .inner .question { width: 100%;}
	#sec08 .inner p.more-btn { width: 69.8vw; margin: 10.6vw auto 26.6vw; text-align: center; font-size: 5.3vw; letter-spacing: -0.05em; font-weight: 900; border: solid 2px #0E3657; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; background: url("images/sec05_inner_arrow_01.png") no-repeat; background-position: 76% 50%; background-size: 2.8vw;}
	#sec08 .inner p.more-btn a { color: #0E3657; display: block; padding: 0.9em 0;}
	
	/*チェックボタンを全て消す*/
	input[name="tab_item"] {
	  display: none;
	}

	/*タブのスタイル*/
	#sec08 .inner .question .question_item {
		width: 100%;
		box-sizing: border-box;
		font-size: 4.2vw;
		font-weight: 900;
		padding: 4.8vw 10.8vw 4.8vw 16vw;
		color: #0E3657; line-height: 1.4em;
		display: inline-block;
		vertical-align: middle;
		transition: all 0.2s ease;
		border-radius: 3vw; -webkit-border-radius: 3vw; -moz-border-radius: 3vw;
		background: url("images/sec08_inner_arrow_01.png") no-repeat;
		background-position: 95% 52%;
		margin-bottom: 2.6vw;
		box-shadow: 0 4px 20px 0 rgba(0,26,99,0.2); position: relative;
	}
	#sec08 .inner .question .question_item span.icon { position: absolute; width: 10.3vw; height: 10.3vw; background: url("images/faq_icon.png") no-repeat center; background-size: contain; display: block; left: 2.6vw; top: 4vw; font-size: 0;}
	
	/*選択されているタブのスタイルを変える*/
		#sec08 .inner .question input:checked + .question_item {
		background: url("images/sec08_inner_arrow_01.png") no-repeat;
		background-position: 95% 52%;
		color:#0E3657;
	}

	
	
	/*タブ切り替えの中身のスタイル*/
	.question_tab1_content {
		display: none;
		clear: both;
		overflow: hidden;
		box-sizing: border-box;
		background-color: #fff;
		margin-bottom: 0;
		border-radius: 3vw; -webkit-border-radius: 3vw; -moz-border-radius: 3vw;
		box-shadow: 0 4px 20px 0 rgba(0,26,99,0.2); padding: 0; transition: 0.3s; line-height: 1.5em;
	}
	.question_tab1_content p.txt { font-size: 4.2vw; line-height: 1.8em;}
	
	.question_tab2_content {
		display: none;
		clear: both;
		overflow: hidden;
		box-sizing: border-box;
		background-color: #fff;
		margin-bottom: 0;
		border-radius: 3vw; -webkit-border-radius: 3vw; -moz-border-radius: 3vw;
		box-shadow: 0 4px 20px 0 rgba(0,26,99,0.2); padding: 0; transition: 0.3s; line-height: 1.5em;
	}
	.question_tab3_content {
		display: none;
		clear: both;
		overflow: hidden;
		box-sizing: border-box;
		background-color: #fff;
		margin-bottom: 20px;
		border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;
		box-shadow: 0 4px 20px 0 rgba(0,26,99,0.2); padding: 0; transition: 0.3s; line-height: 1.5em;
	}
	.question_tab4_content {
	display: none;
		clear: both;
		overflow: hidden;
		box-sizing: border-box;
		background-color: #fff;
		margin-bottom: 0;
		border-radius: 3vw; -webkit-border-radius: 3vw; -moz-border-radius: 3vw;
		box-shadow: 0 4px 20px 0 rgba(0,26,99,0.2); padding: 0; transition: 0.3s; line-height: 1.5em;
	}
	.question_tab5_content {
		display: none;
		clear: both;
		overflow: hidden;
		box-sizing: border-box;
		background-color: #fff;
		margin-bottom: 0;
		border-radius: 3vw; -webkit-border-radius: 3vw; -moz-border-radius: 3vw;
		box-shadow: 0 4px 20px 0 rgba(0,26,99,0.2); padding: 0; transition: 0.3s; line-height: 1.5em;
	}
	
	/*選択されているタブのコンテンツのみを表示*/
	#tab1:checked ~ #question_tab1_content,
	#tab2:checked ~ #question_tab2_content,
	#tab3:checked ~ #question_tab3_content,
	#tab4:checked ~ #question_tab4_content,
	#tab5:checked ~ #question_tab5_content
	{
		display: block;
		padding: 5vw; transition: 0.3s;
	}
	
	#sec09 { margin-top: 15vw;}
	#sec09 .inner { width: 90%; margin: 0 auto; padding: 0 0 10.6vw; position: relative;}
	#sec09 .inner h5 { font-size: 7vw; letter-spacing: 0.06em; font-weight: bold; color: #0E3657; text-align: center; margin-bottom: 12vw;}
	#sec09 .inner table { width: 100%; color: #0E3657; font-weight: bold; font-size: 4.2vw;}
	#sec09 .inner table th { width: 100%; text-align: left; display: block; margin-bottom: 2vw;}
	#sec09 .inner table th span.red { font-size: 3.2vw; color: #EF0408; margin-left: 1em;}
	#sec09 .inner table th span.green { font-size: 3.2vw; margin-left: 1em;}
	#sec09 .inner table td { width: 100%; padding: 2vw 0; display: block; margin-bottom: 2vw;}
	#sec09 .inner table td label { margin-bottom: 2vw; display: block; padding-left: 2vw;}
	#sec09 .inner table td label:last-child { margin-bottom: 0;}
	#sec09 .inner table td input[type="checkbox"] { margin-right: 2vw;}
	#sec09 .inner table td input[type="text"] { height: 10vw; padding-left: 2vw; width: 100%; box-sizing: border-box; font-size: 3.2vw; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border: solid 1px #333;}
	#sec09 .inner table td input[type="tel"] { height: 10vw; padding-left: 2vw; width: 100%; box-sizing: border-box; font-size: 3.2vw; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border: solid 1px #333;}
	#sec09 .inner table td input[type="email"] { height: 10vw; padding-left: 2vw; width: 100%; box-sizing: border-box; font-size: 3.2vw; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border: solid 1px #333;}
	#sec09 .inner table td textarea { height: 30vw; padding-left: 1vw; width: 100%; box-sizing: border-box; font-size: 1.1vw; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; resize: none;border: solid 1px #333; padding-top: 0.5vw; font-weight:normal;}
	#sec09 .inner p.submit { }
	#sec09 .inner p.submit input {color: #0E3657; display: block; padding: 0.8em 0; -webkit-appearance: none; width: 69.8vw; margin: 10.6vw auto 0; text-align: center; font-size: 4.3vw; letter-spacing: 0.01em; font-weight: 900; border: solid 2px #0E3657; border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px; background: url("images/sec05_inner_arrow_01.png") no-repeat; background-position: 93% 55%; background-size: 2.8vw;}
	
	
	nav {
  display: block;
  position: fixed;
  left: -100vw;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  transition: all .5s;
  z-index: 3;
  opacity: 0;
		background: #FEE76E;
		
}
	.navArea_logo { width: 13vw; position: fixed; top: 2vw; left: 2vw; transition: all .5s;}
	.navArea_logo img { width: 100%; height: auto;}
.open nav {
  left: 0;
  opacity: 1;
}
nav .inner {
	 text-align: center; padding-top: 30vw;
}
nav .inner ul.menu {
  list-style: none; width: 85%;
  margin: 0 auto;
   padding: 8vw 0 0;
}
nav .inner ul.menu li {
  position: relative;
  margin: 0; text-align: center; margin-bottom: 8vw;
}
nav .inner ul.menu li a {
  display: block;
  color: #0E3657; font-weight: 700;
  font-size: 5.3vw;
  text-decoration: none;
  transition-duration: 0.2s;
}
	ul.menu_btn { width: 58.6vw; margin: 0 auto;}
	ul.menu_btn li { margin-bottom: 5vw;}
	ul.menu_btn li img {width: 100%; height: auto;}
	ul.menu_btn {}
	
/*============
.toggle_btn
=============*/
.toggle_btn {
  display: block;
  position: fixed;
  top: 4.5vw;
  right: 4.66vw;
  width: 5.9vw;
  height: 5.9vw;
  transition: all .5s;
  cursor: pointer;
  z-index: 3;
}
	.toggle_btn p { font-size: 1.8vw; font-weight: bold; position: relative; top: 5.6vw;}
.toggle_btn span {
  display: block;
  position: absolute;
  left: 0;
  width: 5.9vw;
  height: 0.4vw;
  background-color: #25333f;
  
  transition: all .5s;
}
.toggle_btn span:nth-child(1) {
  top: 0;
}
.toggle_btn span:nth-child(2) {
  top: 2vw;
}
.toggle_btn span:nth-child(3) {
  top: 4vw;
}
.open .toggle_btn span {
  background-color: #25333f;
}
.open .toggle_btn span:nth-child(1) {
  -webkit-transform: translateY(2vw) rotate(-315deg);
  transform: translateY(2vw) rotate(-315deg);
}
.open .toggle_btn span:nth-child(2) {
  opacity: 0;
}
.open .toggle_btn span:nth-child(3) {
  -webkit-transform: translateY(-2vw) rotate(315deg);
  transform: translateY(-2vw) rotate(315deg);
}
/*============
#mask
=============*/
#mask {
  display: none;
  transition: all .5s;
}
.open #mask {
	background: #FEE76E;
	display: block;transition: all .5s;
	position: absolute; top: 0; left: 0; width: 100%; height: 100vh; z-index: 1;
}
	
	
	footer {}
	footer .contact { background: url("images/sp_img_34.jpg") no-repeat center; background-size: cover; box-sizing: border-box; padding: 16vw 5vw; text-align: center; color: #fff;}
	footer .contact .title { letter-spacing: 0.06em; font-size: 8vw; line-height: 1.76em; font-weight: 900; margin-bottom: 5.3vw;}
	footer .contact .txt { font-size: 4.2vw; letter-spacing: 0.06em; font-size: 4vw; line-height: 1.76em; font-weight: 900;}
	footer .contact ul { padding-top: 3vw;}
	footer .contact ul li { margin-top: 4.2vw;}
	footer .contact ul li img { width: 75%; margin: 0 auto; height: auto; display: block;}
	footer .logo { text-align: center; margin-bottom: 8vw; padding-top: 13.3vw;}
	footer .logo img { width: 28.8vw; height: auto;}
	footer .privacy { font-size: 3.2vw; text-align: center; color: #0E3657; margin-bottom: 4vw;}
	footer .privacy a { font-weight: 700; color: #0E3657;}
	footer .oparate { font-size: 3.2vw; text-align: center; color: #0E3657; margin-bottom: 4vw;}
	footer .oparate a { font-weight: 700; color: #0E3657;}
	footer .copylight { font-size: 3.2vw; text-align: center; font-weight: 500; margin-bottom: 4vw;}
	
	.colum { padding: 15vw 0 5vw;}
	.colum .colum-inner { width: 90%; margin: 0 auto 10vw;}
	.colum .colum-inner p.date { font-size: 3.7vw; letter-spacing: 0.1em; margin-bottom: 2vw; color: #436CBD;}
	.colum .colum-inner h1.columttl { font-size: 4.3vw; letter-spacing: 0.01em; line-height: 1.2em; font-weight: bold; padding-bottom: 0.8em; border-bottom: dotted 2px #436CBD; margin-bottom: 4vw;}
	.colum .colum-inner .img { width: 100%; margin-bottom: 5vw;}
	.colum .colum-inner p.txt { font-size: 3.4vw; letter-spacing: 0.01em ; line-height: 1.7em; margin-bottom: 5vw;}
	.colum .colum-inner h2.colum-subttl { font-size: 4vw; letter-spacing: 0.01em; font-weight: bold; padding: 5vw 0 3vw; color: #436CBD;}
	.colum .colum-inner .line { width: 10%; border-bottom: solid 3px #FF7366; margin-bottom: 4vw;}
	.colum .colum-inner dt { font-size: 3.4vw; letter-spacing: 0.01em ; line-height: 1.7em; font-weight: bold; margin-bottom: 0.3em;}
	.colum .colum-inner dd { font-size: 3.2vw; letter-spacing: 0.01em ; line-height: 1.7em; margin-bottom: 2em;}
	
}

.fade-in {
  opacity: 0;
  transition-duration: 500ms;
  transition-property: opacity, transform;
}

.fade-in-up {
  transform: translate(0, 50px);
}

.fade-in-down {
  transform: translate(0, -50px);
}

.fade-in-left {
  transform: translate(-50px, 0);
}

.fade-in-right {
  transform: translate(50px, 0);
}

.scroll-in {
  opacity: 1;
  transform: translate(0, 0);
}