@import url('//fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&display=swap');
@charset "UTF-8";

/* Contents Menu
-------------------------------------------------------------------------------------
【PC/SP】
	**:normalize
	**:icon
	**:reset
	**:base contents
		header/gnav/mv/contents/footer/
	**:indent
	**:size
	**:wide
	**:section
	**:compo parts
		btn/box/list/head/table/float/column/topcontrol/roBtn/
	**:pager
	**:form
-------------------------------------------------------------------------------------*/



/* normalize
-------------------*/

/*! normalize.css v2.0.1 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}h1{font-size:2em}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,html input[type="button"],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}



/* reset
-------------------*/

html {
	background-color:#FFF;
	font-size: 62.5%; /* sets the base font to 10px for easier math */
}
body,h1,h2,h3,h4,h5,h6,pre,ul,ol,li,dl,dt,dd,p,img {
	margin: 0;
	padding: 0;
}
body {
background: #fff;
    font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;
    font-weight: bold;
    font-style: italic;
	color:#000;
	font-size: 15px;
	font-size: 1.5rem; /* sets the default sizing to make sure nothing is actually 10px */
	line-height: 1;
	letter-spacing: 0;
    position: relative;
}
body * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#fancybox-wrap,
#fancybox-wrap *,
#fancybox-tmp,
#fancybox-loading {
	-webkit-box-sizing: content-box!important;
	-moz-box-sizing: content-box!important;
	-o-box-sizing: content-box!important;
	-ms-box-sizing: content-box!important;
	box-sizing: content-box!important;
}
a,a:link,a:hover,a:focus {
	color: #333;
	text-decoration: none;
	cursor: pointer;
	outline: none;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
a:hover {
	text-decoration: underline;
    opacity: 0.8;
}
ul,ol {
	list-style-type: none;
}
::selection {
	background-color: #888;
	color: #FFF; /* Safari */
}
::-moz-selection {
	background-color: #888;
	color: #FFF; /* Firefox */
}
#contents p{
	line-height: 1.7;
}
hr.ancHr{
	font-size: 0 !important;
    line-height: 0 !important;
    visibility: hidden !important;
	margin: 0;
	padding: 0;
}



/* base contents
-------------------*/
#contents {
	margin: 0 auto;
	width:100%;
	overflow: hidden;
}
#contents p.img {
line-height: 0!important;
}

/* indent
-------------------*/
.center{text-align:center!important;}
.left{text-align:left!important;}
.right{text-align:right!important;}
.top0{margin-top:0 !important;}
.top5{margin-top:5px !important;}
.top10{margin-top:10px !important;}
.top15{margin-top:15px !important;}
.top20{margin-top:20px !important;}
.top25{margin-top:25px !important;}
.top30{margin-top:30px !important;}
.top35{margin-top:35px !important;}
.top40{margin-top:40px !important;}
.btm0{margin-bottom:0 !important;}
.btm5{margin-bottom:5px !important;}
.btm10{margin-bottom:10px !important;}
.btm15{margin-bottom:15px !important;}
.btm20{margin-bottom:20px !important;}
.btm25{margin-bottom:25px !important;}
.btm30{margin-bottom:30px !important;}
.btm35{margin-bottom:35px !important;}
.btm40{margin-bottom:40px !important;}
.btm45{margin-bottom:45px !important;}
.btm50{margin-bottom:50px !important;}
.btm55{margin-bottom:55px !important;}
.btm60{margin-bottom:60px !important;}
.btm65{margin-bottom:65px !important;}
.btm70{margin-bottom:70px !important;}
.btm75{margin-bottom:75px !important;}
.btm80{margin-bottom:80px !important;}
.btm85{margin-bottom:85px !important;}
.btm90{margin-bottom:90px !important;}
.btm95{margin-bottom:90px !important;}
.pT0{padding-top:0!important;}
.pT5{padding-top:5px!important;}
.pT10{padding-top:10px!important;}
.pT15{padding-top:15px!important;}
.pT20{padding-top:20px!important;}
.pT25{padding-top:25px!important;}
.pT30{padding-top:30px!important;}
.pT35{padding-top:35px!important;}
.pT40{padding-top:40px!important;}
.pT45{padding-top:45px!important;}
.pB0{padding-bottom:0!important;}
.pB5{padding-bottom:5px!important;}
.pB10{padding-bottom:10px!important;}
.pB15{padding-bottom:15px!important;}
.pB20{padding-bottom:20px!important;}
.lm5{margin-left:5px !important;}
.lm10{margin-left:10px !important;}
.lm15{margin-left:15px !important;}
.lm20{margin-left:20px !important;}
.lm50{margin-left:50px !important;}
.lm60{margin-left:60px !important;}
.lm70{margin-left:70px !important;}
.rm5{margin-right:5px !important;}
.rm10{margin-right:10px !important;}
.rm15{margin-right:15px !important;}
.rm20{margin-right:20px !important;}
.vAT { vertical-align:top!important;}
.vAM { vertical-align:middle!important;}
.vAB { vertical-align:bottom!important;}

.bold { font-weight: bold;}
.normal { font-weight: normal;}

.is-pc { display: block;}
.is-sp { display: none;}

.spTel{ pointer-events: none; }

.mincho{
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}



/* size
-------------------*/
.size10 { font-size:1.0rem!important; }
.size11 { font-size:1.1rem!important; }
.size12 { font-size:1.2rem!important; }
.size13 { font-size:1.3rem!important; }
.size14 { font-size:1.4rem!important; }
.size15 { font-size:1.5rem!important; }
.size16 { font-size:1.6rem!important; }
.size17 { font-size:1.7rem!important; }
.size18 { font-size:1.8rem!important; }
.size19 { font-size:1.9rem!important; }
.size20 { font-size:2.0rem!important; }
.size21 { font-size:2.1rem!important; }
.size22 { font-size:2.2rem!important; }
.size23 { font-size:2.3rem!important; }
.size24 { font-size:2.4rem!important; }



/* wide
-------------------*/
.w5 {width:5%!important;}
.w10 {width:10%!important;}
.w15 {width:15%!important;}
.w18 {width:18%!important;}
.w20 {width:20%!important;}
.w25 {width:25%!important;}
.w30 {width:30%!important;}
.w35 {width:35%!important;}
.w40 {width:40%!important;}
.w45 {width:45%!important;}
.w50 {width:50%!important;}
.w55 {width:55%!important;}
.w60 {width:60%!important;}
.w65 {width:65%!important;}
.w70 {width:70%!important;}
.w75 {width:75%!important;}
.w80 {width:80%!important;}
.w85 {width:85%!important;}
.w90 {width:90%!important;}
.w95 {width:95%!important;}
.wFull {width:100%!important;}



/* section
-------------------*/
section {
	clear:both;
}
.scInr{
	margin: 0 auto;
	max-width: 1024px;
	width: 90%;
    padding: 80px 0;
}

.aural span,
span.aural {
	display:none;
	visibility:hidden;
}



/* compo parts
-------------------*/

/*btn*/
.bscBtn01 a {
	background-color:#448CBC;
	border:1px solid #448CBC;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	color:#FFF;
	display: inline-block;
	vertical-align: top;
	zoom: 1; /* Fix for IE7 */
	*display: inline; /* Fix for IE7 */
	padding:13px 50px 10px;
	line-height:140%;
	text-decoration:none;
}
.bscBtn01 a:hover {
	background-color:#FFF;
	color:#448CBC;
}
.bscBtn01 a i{
	margin-left: 0.5em;
}



/*list*/
.indList,
.indListS {
	margin-bottom:15px;
}
.indList li,
.indListS li {
	line-height:170%;
	text-indent:-1em;
	padding-left:1em;
	margin-bottom:5px;
}
.indListS li {
	font-size: 1.1rem !important;
	line-height:130%;
}
.indList li::before,
.indListS li::before {
	content: '・';
	font-size: 50%;
	margin-right: 5px;
	vertical-align: middle;
}
.numList,
.numListS {
	margin-bottom:15px;
	padding-left:1.6em;
}
.numList li,
.numListS li {
	line-height:150%;
	list-style: decimal outside none;
	margin-bottom: 5px;
}
.numListS li {
	font-size: 1.1rem !important;
	line-height: 130%;
}

/*head*/


/*table*/
.bscTbl01 table{
	border-collapse:collapse;
	border-left:1px solid #777777;
	border-top:1px solid #777777;
    border-bottom:1px solid #777777;
	width:100%;
}
.bscTbl01 table th,
.bscTbl01 table td{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-right:1px solid #777777;
	line-height:1.4;
	padding:20px 0 17px;
    text-align: center;
    font-size: 18px;
    font-size: 1.8rem;
}
.bscTbl01 table td.red {
color: #b20606;
font-weight: bold;
}

.bscTbl01 table th{
	background-color:#efecdf;
    font-weight: normal;
}
.bscTbl01 table tr.head th{
	background-color:#027cb2;
	color:#FFF;
}
.bscTbl01 table tr.blue td{
	background-color:#d8ddea;
}

/*topcontrol*/
#topcontrol{
	z-index: 900;
}
#topcontrol a {
	background:url(../../images/scrollup.svg) center center no-repeat #000;
	background : url(../../images/scrollup.svg) center center no-repeat\9 #000; /* IE8 */
	*background : url(../../images/scrollup.svg) center center no-repeat #000; /* IE7 */
	_background : url(../../images/scrollup.svg) center center no-repeat #000; /* IE6 */
	display:block;
	height:60px;
	width:60px;
	filter: alpha(opacity=70) !important;
	opacity:0.7 !important;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
#topcontrol a:hover {
	filter: alpha(opacity=10) !important;
	opacity:1 !important;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
 	-ms-transform: scale(1.2);
 	-o-transform: scale(1.2);
 	transform: scale(1.2);
}


/* lp contents
-------------------*/
/*header*/
#header {
width: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 999;
}
#header .hdInr {
width: 90%;
max-width: 1500px;
margin: 0 auto;
padding-top: 20px;
}
#header .logo {
width: 120px;
}

/*mv*/
#mv {
height: 100vh;
}

.gradation {
background: #344754;
background: -moz-linear-gradient( #d4cfc9 0%, #344754 100%);
background: -webkit-linear-gradient( #d4cfc9 0%, #344754 100%);
background: linear-gradient( #d4cfc9 0%, #344754 100%);
}
.gradation02 {
background: #344754;
background: -moz-linear-gradient(top left, #344754 0%, #d4cfc9 100%);
background: -webkit-linear-gradient(top left, #344754 0%, #d4cfc9 100%);
background: linear-gradient(to bottom right, #344754 0%, #d4cfc9 100%);
}
.gradation03 {
background: #fe4c41;
background: -moz-linear-gradient(top left, #fc821e 0%, #fe4c41 100%);
background: -webkit-linear-gradient(top left, #fc821e 0%, #fe4c41 100%);
background: linear-gradient(to bottom right, #fc821e 0%, #fe4c41 100%);
}
.mvImg {
position: relative;
height: 100%;
background: url("../../images/bg_top.png") left top no-repeat,url("../../images/bg_btm.png") right bottom no-repeat;
}
.mvImg h1 {
  position: absolute;
  top: 0;
  left: 50%;
  transform:translateX(-50%);
  -webkit- transform:translateX(-50%);
  max-width: 1200px;
  height: 100%;
  width: auto;
}
.mvImg h1 img {
height: 100%;
}
.spMv {
display: none;
}
.secInr{
margin: 0 auto;
width: 90%;
max-width: 1200px;
}
.secInrW {
margin: 0 auto;
width: 90%;
max-width: 1500px;
}

.actionArea {
background: url("../../images/bg_action.jpg") center top no-repeat;
background-size: cover;
}
.actionArea .secInr {
padding: 60px 0;
}
.actionArea ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
}
.actionArea ul li {
width: 49%;
text-align: center;
}

.actionArea ul li.contact a {
background: #fe4049;
padding: 40px 0;
display: block;
border-radius: 10px;
font-size: 32px;
font-size: 3.2rem;
text-align: center;
color: #fff;
}
.actionArea ul li.contact a:hover {
text-decoration: none;
background: #e12d36;
opacity: 1;
}

.actionArea ul li.contact a small {
display: block;
text-align: center;
font-size: 21px;
font-size: 2.1rem;
padding-top: 10px;
}
.actionArea ul li.tel dl {
color: #fff;
}
.actionArea ul li.tel dl dt {
font-size: 24px;
font-size: 2.4rem;
margin-bottom: 10px;
}
.actionArea ul li.tel dl dd a {
font-family: 'Oswald', sans-serif;
font-size: 60px;
font-size: 6rem;
font-weight: 600;
color: #fff;
}
.actionArea ul li.tel dl dd i {
font-size: 50px;
font-size: 5rem;
}
.actionArea ul li.tel dl dd.time {
padding-top: 10px;
}
#area01 .flexBox {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#area01 .flexBox .box {
width: 50%;
padding: 60px 0;
}
#area01 .flexBox .box.Img {
background: url("../../images/img_01.png") center center no-repeat;
background-size: cover;
}
#area01 .flexBox .box .txtBox {
padding: 0 60px;
color: #fff;
}
#area01 .flexBox .box h2 {
margin-bottom: 30px;
}
#area01 .flexBox .box .txtBox h3 {
margin-bottom: 30px;
}

#area02 {
background: url("../../images/bg_area02.png") left top no-repeat;
background-size: cover;
}
#area02 .secInr {
padding: 80px 0;
}
#area02 h2 {
text-align: center;
margin-bottom: 80px;
}
#area02 h2 span {
font-size: 42px;
font-size: 4.2rem;
color: #fff;
display: inline-block;
border-bottom: 2px solid #fff;
padding-bottom: 10px;
}
#area02 .whBox {
background: #fff;
padding: 60px 60px 30px;
}
#area02 .whBox ul{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: flex-start;
}
#area02 .whBox ul li {
width: 49.5%;
font-size: 18px;
font-size: 1.8rem;
margin-bottom: 30px;
display: flex;
align-items: center;
}
#area02 .whBox ul li strong {
color: #fd6531;
font-size: 24px;
font-size: 2.4rem;
}
#area02 .whBox ul li i {
color: #fd6531;
font-size: 30px;
font-size: 3rem;
margin-right: 10px;
}
#area03 .secInr {
position: relative;
}
#area03 .secInr .circle {
width: 175px;
position: absolute;
top: -80px;
left: -175px;
}
#area03 h2 {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 30px 0 0;
align-items: center;
}
#area03 h2 span {
width: 49%;
}

#area03 .meritBox .secInrW {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
}
#area03 .meritBox .Txt {
width: 55%;
}
#area03 .meritBox .Img {
width: 40%;
margin-top: -60px;
}
#area03 .meritBox .Txt ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#area03 .meritBox .Txt ul li {
width: 49%;
margin-bottom: 10px;
border: 3px solid #fd6531;
background: #fff;
text-align: center;
}

#area03 .meritBox .Txt ul li p {
background: url("../../images/arrow.svg") 10px center no-repeat;
background-size: 30px auto;
padding: 35px 0 20px;
}
#area03 .meritBox .Txt ul li:nth-child(even) p {
padding: 20px 0;
}
#area03 .meritBox .Txt ul li small {
font-size: 20px;
font-size: 2rem;
display: block;
line-height: 1.3;
}
#area03 .meritBox .Txt ul li small.note {
font-size: 13px;
font-size: 1.3rem;
}
#area03 .meritBox .Txt ul li strong {
font-size: 32px;
font-size: 3.2rem;
background: linear-gradient(transparent 60%, #fff000 60%);
}
#area03 .meritBox .Txt ul li strong span {
color: #fd6531;
}
#area04 {
background: url("../../images/bg_area04.jpg") left top no-repeat;
background-size: cover;
}
#area04 .secInr {
padding: 80px 0;
}

#area04 h2 {
max-width: 684px;
margin: 0 auto 30px;
}

#area04 h3 {
max-width: 681px;
margin: 0 auto;
}
#area04 .txt {
color: #fff;
text-align: center;
margin-bottom: 60px;
}
#area04 .col3List {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#area04 .col3List li {
width: 32%;
}
#area04 .col3List li dt {
background: #000;
color: #fff;
text-align: center;
padding: 10px 0;
font-size: 20px;
font-size: 2rem;
}
#area05 {
background: url("../../images/bg_area05.jpg") left top no-repeat;
background-size: cover;
padding: 80px 0;
}
#area05 h2 {
max-width: 837px;
margin: 0 auto;
}
#area05 ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#area05 ul li {
width: 48%;
}
#area05 ul li dl dt {
background: #004a85;
background: -moz-linear-gradient(top left, #047ec2 0%, #004a85 100%);
background: -webkit-linear-gradient(top left, #047ec2 0%, #004a85 100%);
background: linear-gradient(to bottom right, #047ec2 0%, #004a85 100%);
font-size: 50px;
font-size: 5rem;
text-align: center;
color: #fff;
padding: 20px 0;
}
#area05 ul li:last-child dl dt {
background: #d23119;
background: -moz-linear-gradient(top left, #d23119 0%, #ee8901 100%);
background: -webkit-linear-gradient(top left, #d23119 0%, #ee8901 100%);
background: linear-gradient(to bottom right, #d23119 0%, #ee8901 100%);
}
#area05 ul li dl dd {
padding: 40px 60px;
background: #fff;
}
#area05 ul li dl dd .txt {
margin-bottom: 30px;
}
#area05 ul{
position: relative;
}
#area05 ul:after {
content: "";
background: url("../../images/icon_plus.svg")center center no-repeat;
width: 90px;
background-size: 100% auto;
position: absolute;
top: 50%;
left: 50%;
margin-left: -45px;
height: 90px;
margin-top: -45px;
}
#area06 {
position: relative;
}
#area06 .circle {
width: 280px;
position: absolute;
left: 10%;
top: -60px;
}

.aboutBox h2 {
background: #004a85;
background: -moz-linear-gradient(top left, #047ec2 0%, #004a85 100%);
background: -webkit-linear-gradient(top left, #047ec2 0%, #004a85 100%);
background: linear-gradient(to bottom right, #047ec2 0%, #004a85 100%);
font-size: 60px;
font-size: 6rem;
text-align: center;
color: #fff;
padding: 40px 0;
}
.subTilte {
text-align: center;
margin-bottom: 30px;
}
.subTilte span {
  padding: 10px 15px;
  -webkit-transform: skew(-15deg);
  transform: skew(-15deg);
  color: #fff;
background: #000;
  font-size: 20px;
  font-size: 2rem;
  display: inline-block;
  font-style: normal;
}
.aboutBox {
position: relative;
padding-bottom: 80px;
}
.aboutBox .secInr {
padding-top: 60px;
background: url("../../images/bg_body_01.png") right top no-repeat;
 background-size: auto 410px;
}
.aboutBox h3 {
max-width: 696px;
margin: 0 auto 30px;
}
.aboutBox .txt {
text-align: center;
margin-bottom: 60px;
}
.aboutBox .whBox {
background: #fff;
box-shadow: 0 0 6px #ccc;
padding: 60px;
}

.aboutBox .whBox ul {
display: flex;
justify-content: space-between;
}
.aboutBox .whBox ul li {
width: 32%;
position: relative;
}
.aboutBox .whBox ul li:after {
content: "";
background: url("../../images/arrow.svg") center center no-repeat;
background-size: 100% auto;
position: absolute;
top: 30%;
left: 98%;
width: 49px;
height: 40px;
z-index: 2;
}
.aboutBox .whBox ul li:last-child:after {
display: none;
}
.aboutBox .whBox ul li dl dt {
background: #000;
text-align: center;
color: #fff;
font-size: 20px;
font-size: 2rem;
padding: 10px 0;
}
.aboutBox .whBox ul li dl dt .Img {
margin-bottom: 20px;
}
.aboutBox .whBox ul li dl dd {
text-align: left;
line-height: 1.7;
}
.aboutBox .whBox h4 {
text-align: center;
font-size: 32px;
font-size: 3.2rem;
padding: 30px 0;
background: #bebebe;
background: -moz-linear-gradient(top left, #bebebe 0%, #ffffff 56%, #ffffff 28%, #ffffff 45%, #bebebe 100%);
background: -webkit-linear-gradient(top left, #bebebe 0%, #ffffff 56%, #ffffff 28%, #ffffff 45%, #bebebe 100%);
background: linear-gradient(to bottom right, #bebebe 0%, #ffffff 56%, #ffffff 28%, #ffffff 45%, #bebebe 100%);
margin-bottom: 40px;
}

#area07.aboutBox h2 {
background: #d23119;
background: -moz-linear-gradient(top left, #d23119 0%, #ee8901 100%);
background: -webkit-linear-gradient(top left, #d23119 0%, #ee8901 100%);
background: linear-gradient(to bottom right, #d23119 0%, #ee8901 100%);
}

#area07.aboutBox .secInr {
padding-top: 60px;
background: url("../../images/bg_body_02.png") left top no-repeat;
 background-size: auto 410px;
}
#area08 {
position: relative;
}
#area08 .icon {
position: absolute;
left: 10%;;
top: -30px;
max-width: 375px;
}
#area08 .secInr {
padding: 80px 0;
}
#area08 h2 {
max-width: 692px;
margin: 0 auto 30px;
}
#area08 .txt {
text-align: center;
color: #fff;
margin-bottom: 40px;
}
#area08 .flexBox {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#area08 .flexBox .halfBox {
width: 50%;
max-width: 574px;
}
#area08 .flexBox .halfBox.final {
max-width: 585px;
margin-top: -60px;
}
#area08 .flexBox .halfBox .infoTxt {
background: #000;
text-align: center;
padding: 10px 0;
font-size: 18px;
font-size: 1.8rem;
color: #fff;
margin-bottom: 15px;
}
#area08 .flexBox .halfBox .step01 {
margin-bottom: 15px;
}

#area08 .resultBox h3 {
background: #000;
text-align: center;
color: #fff;
padding: 30px 0;
font-size: 24px;
font-size: 2.4rem;
}
#area08 .resultBox ul {
background: #fff;
padding: 60px 40px;
display: flex;
justify-content: space-between;
}
#area08 .resultBox ul li {
width: calc(100% / 3);
border-right: 1px solid #ccc;
padding: 0 20px;
}
#area08 .resultBox ul li:last-child {
border-right: none;
}
#area08 .resultBox ul li dl dt {
font-size: 21px;
font-size: 2.1rem;
text-align: center;
margin-bottom: 10px;
}
#area08 .resultBox ul li dl dd {
font-family: 'Oswald', sans-serif;
}
#area08 .resultBox ul li dl dd.gradation03 {
padding: 20px 0;
font-size: 64px;
font-size: 6.4rem;
color: #fff;
text-align: center;
margin-bottom: 10px;
}
#area08 .resultBox ul li dl dd.gradation03 small {
font-size: 40px;
font-size: 4rem;
}
#area08 .resultBox ul li dl dd.total {
font-size: 26px;
font-size: 2.6rem;
text-align: center;
}
#area08 .resultBox ul li dl dd.total strong {
font-size: 32px;
font-size: 3.2rem;
color: #fd6531;
}
#area08 .resultBox ul li dl dd.total i {
color: #fd6531;
margin: 0 10px 0 15px;
}
#area09 {
background: #211c3b;
}
#area09 h2{
max-width: 1199px;
margin: 0 auto;
padding: 0 0 20px;
}
#area09 .secInr {
background: url("../../images/bg_triangle.png") top center no-repeat;
padding: 40px 0 80px;
}
#area09 .secInr h3 {
font-size: 32px;
font-size: 3.2rem;
text-align: center;
margin-bottom: 20px;
color: #fff;
line-height: 1.3;
}
#area09 .secInr .txt {
text-align: center;
color: #fff;
margin-bottom: 60px;
}
#area09 .whBox {
background: #fff;
padding: 60px;
margin-bottom: 60px;
}
#area09 .titleBox {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
padding-bottom: 40px;
}
#area09 .titleBox h4{
width: 26%;
max-width: 280px;
}
#area09 .titleBox dl {
width: 72%;
}
#area09 .titleBox dl dt {
max-width: 700px;
margin-bottom: 30px;

}
#area09 .titleBox dl dd.subTilte {
font-size: 21px;
font-size: 2.1rem;
color: #fd6b3b;
position: relative;
padding-left: 120px;
text-align: left;
margin-bottom: 10px;
}
#area09 .titleBox dl dd.subTilte:before {
content: "";
width: 110px;
height: 2px;
background: #fd6b3b;
position: absolute;
left: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit- transform:translateY(-50%);
}
#area09 .titleBox dl dd.info {
line-height: 1.5;
}
#area09 .detailBox {
padding-top: 30px;
border-top: 1px solid #eee;
}
#area09 .detailBox .ttl01 {
max-width: 646px;
margin: 0 auto 40px;
}

#area09 .detailBox .flexBox {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#area09 .detailBox .flexBox .Img {
width: 40%;
}
#area09 .detailBox .flexBox dl {
width: 58%;
}
#area09 .detailBox .flexBox dt {
color: #fd6b3b;
font-size: 21px;
font-size: 2.1rem;
margin-bottom: 20px;
}
#area09 .detailBox .flexBox dd {
line-height: 1.5;
}
#area09 .detailBox .flexBox dd.img {
margin-top: 20px;
}

#area09 .detailBox .ttl02{
text-align: center;
margin-bottom: 40px;
}
#area09 .detailBox .ttl02 span  {
background: #000;
padding: 10px 30px;
color: #fff;
font-size: 21px;
font-size: 2.1rem;
border-radius: 50px;
display: inline-block;
}
#area09 .col2List {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#area09 .col2List li {
width: 49%;
}

#aera10 {
background: url("../../images/bg_area05.jpg") center top no-repeat;
background-size: cover;
}

#aera10 .secInr {
padding: 80px 0;
}
#aera10 .secInr h2 {
max-width: 432px;
margin: 0 auto 60px;
}
#aera10 .secInr ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#aera10 .secInr ul li {
width: calc(100% / 3);
text-align: center;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
padding: 40px 0;
}
#aera10 .secInr ul li.bbn{
border-bottom: none;
}
#aera10 .secInr ul li:nth-child(3n){
border-right: none;
}
#aera10 .secInr ul li dl {
color: #fff;
}
#aera10 .secInr ul li dl dt {
margin-bottom: 20px;
}
#aera10 .secInr ul li dl dt span {
border-bottom: 1px solid #fff;
font-size: 20px;
font-size: 2rem;
}
#aera10 .secInr ul li dl dd.num {
font-size: 30px;
font-size: 3rem;
margin-bottom: 20px;
}
#aera10 .secInr ul li dl dd.num strong {
font-size: 100px;
font-size: 10rem;
font-family: 'Oswald', sans-serif;
font-weight: 500;
}
#aera10 .secInr ul li dl dd.note {
font-size: 16px;
font-size: 1.6rem;
}
#area11 .bg {
background: url("../../images/bg_top.png") left -180px no-repeat;
}
#area11 .secInr {
padding: 80px 0;
}
#area11 h2 {
max-width: 850px;
margin: 0 auto;
}
#area11 .flexBox{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#area11 .flexBox .Img {
width: 47%;
}
#area11 .flexBox .txtBox {
width: 50%;
}
#area11 .flexBox .txtBox h3 {
max-width: 575px;
margin-bottom: 20px;
}
#area11 .flexBox .txtBox .txt {
margin-bottom: 20px;
}
#area11 .flexBox .txtBox table th,
#area11 .flexBox .txtBox table td {
padding: 15px 5px;
border-bottom: 1px solid #6c777d;
font-style: normal;
text-align: left;
}
#area11 .flexBox .txtBox table td {
font-size: 14px;
font-size: 1.4rem;
font-weight: normal;
letter-spacing: 0;
}

#footer {
background: #211c3b;
text-align: center;
color: #fff;
padding: 40px 0;
}
#copyright {
font-family: 'Oswald', sans-serif;
color: #fff;
font-size: 15px;
font-size: 1.5rem;
font-weight: 400;
}

#floatingBtn {
position: fixed;
right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit- transform:translateY(-50%);
  opacity: 0;
  	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
#floatingBtn.active {
opacity: 1;
}

#floatingBtn ul li a {
display: block;
color: #fff;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
padding: 10px 23px;
height: 200px;
width: 60px;
text-align: center;
border-radius: 5px 0 0 5px;
font-style: normal;
}
#floatingBtn ul li a:hover {
text-decoration: none;
}
#floatingBtn ul li i {
margin-bottom: 5px;
}
#floatingBtn ul li.contact {
margin-bottom: 3px;
}
#floatingBtn ul li.contact a {
background: #fe4049;
font-size: 13px;
font-size: 1.3rem;
}
#floatingBtn ul li.contact a:hover {
background: #c9232b;
}
#floatingBtn ul li.tel a {
background: #000;
padding: 10px 10px 10px 20px;
font-size: 12px;
font-size: 1.2rem;
}
#floatingBtn ul li.tel a span {
display: block;
font-family: 'Oswald', sans-serif;
font-size: 20px;
font-size: 2rem;
margin-right: 3px;
}

#area12 .secInr{
padding: 80px 0;
}
#area12 h2 {
max-width: 1033px;
margin: 0 auto 30px;
}
#area12 .txt {
text-align: center;
color: #fff;
font-size: 21px;
font-size: 2.1rem;
margin-bottom: 40px;
}

#area12 .whBox {
padding: 60px;
background: #fff;
}
#area12 .whBox .box01 {
padding-bottom: 60px;
border-bottom: 1px solid #ccc;
margin-bottom: 60px;
}
#area12 .whBox .box01 h3 {
max-width: 543px;
margin: 0 auto 20px;
}
#area12 .whBox .box01 .info {
text-align: center;
margin-bottom: 30px;
}
#area12 .whBox .box01 h4 {
text-align: center;
font-size: 32px;
font-size: 3.2rem;
padding: 30px 0;
background: #bebebe;
background: -moz-linear-gradient(top left, #bebebe 0%, #ffffff 56%, #ffffff 28%, #ffffff 45%, #bebebe 100%);
background: -webkit-linear-gradient(top left, #bebebe 0%, #ffffff 56%, #ffffff 28%, #ffffff 45%, #bebebe 100%);
background: linear-gradient(to bottom right, #bebebe 0%, #ffffff 56%, #ffffff 28%, #ffffff 45%, #bebebe 100%);
margin-bottom: 40px;
}
#area12 .whBox .box02 .subTitle {
text-align: center;
margin-bottom: 20px;
}

#area12 .whBox .box02 .subTitle span {
display: inline-block;
padding: 12px 30px;
color: #fff;
background: #000;
font-size: 21px;
font-size: 2.1rem;
border-radius: 50px;
}
#area12 .whBox .box02 h3 {
max-width: 533px;
margin: 0 auto 20px;
}
#area12 .whBox .box02 .Img {
max-width: 800px;
margin: 0 auto;
}
#area13 .secInr {
padding: 80px 0;
}
#area13 h2{
max-width: 810px;
margin: 0 auto 20px;
}

#area13 h3 {
font-size: 30px;
font-size: 3rem;
text-align: center;
color: #fff;
margin-bottom: 40px;
}

#area13 ul {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#area13 ul li {
background: #fff;
border: 3px solid #000;
width: 32%;
margin-bottom: 15px;
text-align: center;
padding: 20px 0;
}
#area13 ul li dl dt {
max-width: 150px;
margin: 0 auto 10px;
}
#area13 ul li dl dd {
font-size: 21px;
font-size: 2.1rem;
text-align: center;
line-height: 1.3;
}
#area13 ul li dl dd span{
color: #fd6b3b;
font-size: 30px;
font-size: 3rem;
display: block;
}
#area14 {
padding-bottom: 80px;
}
#area14 .mainBox {
background: #d1c5c5;
}
#area14 .mainBox .bg {
background: url("../../images/img_19.png") right top no-repeat;
background-size: auto 100%;
}
#area14 .txtBox {
width: 50%;
max-width: 600px;
padding: 120px 0;
}
#area14 .txtBox h2 {
font-size: 25px;
font-size: 2.5rem;
line-height: 1.7;
padding: 10px 0 10px 20px;
border-left: 10px solid #fd6b3b;
margin-bottom: 30px;
}

#area14 .flexBox {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
width: 90%;
max-width: 1200px;
margin: 0 auto;
}
#area14 .flexBox .Img {
width: 34%;
margin-top: -40px;
}
#area14 .flexBox dl {
width: 62%;
padding-top: 40px;
}
#area14 .flexBox dl dt {
font-family: 'Oswald', sans-serif;
font-size: 32px;
font-size: 3.2rem;
}
#area14 .flexBox dl .sub {
padding: 20px 0;
display: flex;
justify-content: space-between;
border-bottom: 1px solid #000;
margin-bottom: 20px;
align-items: flex-end;
flex-wrap: wrap;
}
#area14 .flexBox dl .sub strong {
font-size: 30px;
font-size: 3rem;
margin-left: 10px;
}
#area14 .flexBox dl .info{
line-height: 1.7;
}
.puTxt {
text-align: center;
font-size: 24px;
font-size: 2.4rem;
padding: 20px 0;
border: 3px dotted #fd6b3b;
background: #f8ece7;
}
.puTxt span{
    font-size: 34px;
    font-size: 3.4rem;
    background: linear-gradient(transparent 60%, #fff000 60%);
}
.puTxt strong {
color: #fd6b3b;
}
.priceTxt {
max-width: 743px;
margin: 0 auto;
}
.free {
width: 50px;
margin-right: 5px;
}
/* for PC resize
-------------------------------------------------------------------------------------*/

@media only screen and (max-width: 1500px) {
#area03 .meritBox .Txt {
    width: 60%;
    padding: 60px 0;
}
#area03 .meritBox .Txt ul li strong {
    font-size: 28px;
    font-size: 2.8rem;
}
}
@media only screen and (max-width: 1300px) {
#area03 .meritBox .Txt ul li strong {
    font-size: 24px;
    font-size: 2.4rem;
}
#area03 .meritBox .Txt ul li small {
    font-size: 18px;
    font-size: 1.8rem;
}
}
@media only screen and (max-width: 1130px) {
#area03 .meritBox .Txt {
    width: 65%;
}
#area03 .meritBox .Img {
    width: 35%;
}
}

/* for SP
-------------------------------------------------------------------------------------*/

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

/* indent
-------------------*/
.is-sp{ display: block!important;}
.is-pc{ display: none!important;}
.spImg{ max-width: 100%;}
a.spTel{
	pointer-events: auto;
}


body {
font-size: 14px;
font-size: 1.4rem;
}
#mv {
    height: auto;
    line-height: 0;
}
.mvImg {
display: none;
}
.spMv {
display: block;
}
.actionArea ul li {
width: 100%;
}
.actionArea ul li.contact {
margin-bottom: 20px;
}
.actionArea ul li.contact a {
    padding: 20px 0;
    font-size: 21px;
    font-size: 2.1rem;
}
.actionArea ul li.contact a small {
font-size: 14px;
font-size: 1.4rem;
}
.actionArea ul li.tel dl dt {
    font-size: 20px;
    font-size: 2rem;
}
.actionArea ul li.tel dl dd a {
font-size: 34px;
font-size: 3.4rem;
}
.actionArea ul li.tel dl dd i {
font-size: 34px;
font-size: 3.4rem;
}

.actionArea .secInr {
    padding: 40px 0;
}

#area01 .flexBox .box {
width: 100%;
padding: 40px 0;
}
#area01 .flexBox .box.Img {
height: 310px;
}
#area01 .flexBox .box .txtBox {
    padding: 0 5%;
}
#area02 .secInr {
padding: 40px 0;
}
#area02 h2 span {
    font-size: 21px;
    font-size: 2.1rem;
    padding-bottom: 10px;
}
#area02 h2 {
    margin-bottom: 30px;
}
#area02 .whBox {
    padding: 40px 20px;
}
#area02 .whBox ul li {
font-size: 14px;
font-size: 1.4rem;
width: 100%;
line-height: 1.5;
margin-bottom: 10px;
}
#area02 .whBox ul li strong {
    font-size: 16px;
    font-size: 1.6rem;
}
#area02 .whBox ul li:last-child{
margin-bottom: 0;
}

#area02 {
background-position: -300px top;
}
#area03 h2 span {
width: 100%;
}
#area03 h2 span:first-child {
padding-left: 90px;
}
#area03 h2 span:last-child  {
text-align: center;
}
#area03 h2 span:last-child img {
width: 80%;
}
#area03 .secInr .circle {
    width: 100px;
    top: -20px;
    left: -5%;
}
#area03 .meritBox .Txt {
    width: 100%;
    padding: 20px 0;
}
#area03 .meritBox .Txt ul li {
    width: 100%;
    border: 2px solid #fd6531;
}

#area03 .meritBox{
padding: 20px 0;
}
#area03 .meritBox .Txt ul li p {
padding: 15px 0;
background-size: 30px auto;
}
#area03 .meritBox .Txt ul li:nth-child(even) p {
padding: 15px 0;
}
#area03 .meritBox .Txt ul li small {
font-size: 14px;
font-size: 1.4rem;
}

#area03 .meritBox .Txt ul li strong {
    font-size: 21px;
    font-size: 2.1rem;
}
#area03 .meritBox .Img {
    width: 100%;
    margin-top: 0;
}

#area04 .secInr {
    padding: 40px 0;
}
#area04 .txt {
    margin-bottom: 30px;
}
#area04 .col3List li {
    width: 100%;
    margin-bottom: 20px;
}
#area04 .col3List li:last-child {
margin-bottom: 0;
}
#area04 .col3List li dt {
font-size: 16px;
font-size: 1.6rem;
}
#area05 {
    padding: 40px 0;
}
#area05 ul li {
    width: 100%;
}
#area05 ul li dl dt {
font-size: 21px;
font-size: 2.1rem;
padding: 15px 0;
}
#area05 ul li dl dd {
    padding: 30px 20px;
}
#area05 ul:after {
display: none;
}

#area05 ul li:first-child:after {
    content: "";
    background: url(../../images/icon_plus.svg)center center no-repeat;
    width: 50px;
    background-size: 100% auto;
    height: 50px;
    display: block;
    margin: 10px auto;
}
#area06 .circle {
width: 125px;
    left: -4%;
    top: -72px;
    }

.aboutBox h2 {
padding: 20px 0;
font-size: 24px;
font-size: 2.4rem;
}
.subTilte span {
font-size: 12px;
font-size: 1.2rem;
letter-spacing: 0;
}
.aboutBox .txt {
    margin-bottom: 30px;
}
.aboutBox .secInr {
    padding-top: 20px;
background-image: none;
}
.aboutBox {
background: #eee;
}
.aboutBox .whBox {
    padding: 20px;
}
.spScroll {
overflow-x: scroll;
overflow-y: hidden;
}
.spScroll:before {
content: "横にスクロールして図を確認いただけます";
font-size: 12px;
font-size: 1.2rem;
background: #eee;
padding: 10px 20px;
border-radius: 50px;
display: inline-block;
margin-bottom: 10px;
font-style: normal;
}


#area06 .spScroll ul,
#area07 .spScroll ul {
width: 750px;
}
.aboutBox .whBox h4 {
font-size: 16px;
font-size: 1.6rem;
padding: 20px 0;
}
#area06 .spScroll .scrollImg,
#area07 .spScroll .scrollImg{
width: 500px;
}
.aboutBox {
padding-bottom: 40px;
}
#area07.aboutBox .secInr {
    padding-top: 20px;
background-image: none;
}
#area08 .secInr {
    padding: 40px 0;
}
#area08 .icon {
    left: 0;
    max-width: 200px;
}
#area08 .flexBox .halfBox {
width: 100%;
max-width: 100%;
}
#area08 .txt {
    margin-bottom: 20px;
}
#area08 .flexBox .halfBox .infoTxt {
font-size: 15px;
font-size: 1.5rem;
}

#area08 .flexBox .halfBox.final {
    max-width: 100%;
    margin-top: -30px;
}
#area08 .resultBox h3 {
font-size: 16px;
font-size: 1.6rem;
padding: 20px 0;
}
#area08 .resultBox ul {
padding: 20px;
flex-wrap: wrap;
}
#area08 .resultBox ul li {
width: 100%;
border-right: none;
padding: 0 0 20px;
margin-bottom: 20px;
border-bottom: 1px solid #eee;
}
#area08 .resultBox ul li:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
#area08 .resultBox ul li dl dd.gradation03 {
font-size: 40px;
font-size: 4rem;
padding: 10px 0;
}
#area08 .resultBox ul li dl dd.gradation03 small {
font-size: 20px;
font-size: 2rem;
}
#area09 h2 {
text-align: center;
}
#area09 h2 img {
width: 90%;
}
#area09 .secInr {
background-size: 100% auto;
padding-bottom: 10px;
}
#area09 .secInr h3 {
font-size: 20px;
font-size: 2rem;
}
#area09 .secInr .txt {
margin-bottom: 30px;
}
#area09 .whBox {
padding: 20px;
margin-bottom: 30px;
}

#area09 .titleBox dl {
    width: 100%;
}
#area09 .titleBox dl dt {
    margin-bottom: 20px;
}

#area09 .titleBox dl dd.subTilte {
font-size: 16px;
font-size: 1.6rem;
}
#area09 .titleBox h4 {
    width: 60%;
    margin: 0 auto 20px;
}
#area09 .detailBox .ttl01 {
    margin: 0 auto 20px;
}
#area09 .detailBox .flexBox .Img {
    width: 100%;
    margin-bottom: 10px;
}

#area09 .detailBox .flexBox dl {
    width: 100%;
}
#area09 .detailBox .flexBox dt {
font-size: 16px;
font-size: 1.6rem;
margin-bottom: 10px;
}
#area09 .detailBox .ttl02 span {
font-size: 16px;
font-size: 1.6rem;
}
#area09 .detailBox .scrollImg {
width: 500px;
}
#aera10 .secInr {
    padding: 40px 0;
}
#aera10 .secInr h2 {
    margin: 0 auto 20px;
}
#aera10 .secInr ul li {
    width: calc(100% / 2);
    padding: 30px 0;
    border-right:none;
    border-bottom: none;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
}
#aera10 .secInr ul li:nth-child(odd){
border-left: none;
}
#aera10 .secInr ul li:nth-child(1),
#aera10 .secInr ul li:nth-child(2) {
border-top: none;
}
#aera10 .secInr ul li dl dt span {
font-size: 15px;
font-size: 1.5rem;
}
#aera10 .secInr ul li dl dd.num {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 10px;
}
#aera10 .secInr ul li dl dd.num strong {
    font-size: 34px;
    font-size: 3.4rem;
}
#aera10 .secInr ul li dl dd.note {
    font-size: 12px;
    font-size: 1.2rem;
}
#area11 .secInr {
    padding: 40px 0;
}
#area11 .bg {
    background-position: left -60px;
    background-size: 95% auto;
}
#area11 h2 {
margin: 0 auto;
}
#area11 .flexBox .Img {
    width: 100%;
}
#area11 .flexBox .txtBox {
    width: 100%;
}

#area11 .flexBox .txtBox table th {
width: 40%!important;
}
#footer {
padding: 30px 0 90px;
}

#copyright {
font-size: 12px;
font-size: 1.2rem;
}
#floatingBtn {
    right: inherit;
    top: inherit;
    transform: none;
    left: 0;
    bottom: 0;
    width: 100%;
}
#floatingBtn ul{
display: flex;
}
#floatingBtn ul li {
width: 50%;
height: auto;
}
#floatingBtn ul li a {
width: 100%;
height: 100%;
writing-mode: horizontal-tb;
padding: 20px 0 10px;
border-radius: 5px 5px 0 0;
}
#floatingBtn ul li.contact {
margin-bottom: 0;
}
#floatingBtn ul li.tel a {
    padding: 11px 0 7px;
}
#floatingBtn ul li.tel a span {
margin-right: 0;
margin-top: 3px;
}
#floatingBtn ul li i {
    margin-bottom: 0;
    margin-right: 3px;
}
#topcontrol {
display: none;
}
#area12 .secInr {
    padding: 40px 0;
}
#area12 h2 {
margin-bottom: 20px;
}
#area12 .txt {
font-size: 16px;
font-size: 1.6rem;
margin-bottom: 20px;
}
#area12 .whBox {
padding: 30px 20px;
}
#area12 .whBox .box01 .info {
text-align: left;
}
#area12 .whBox .box01 h4 {
font-size: 15px;
font-size: 1.5rem;
padding: 10px 0;
line-height: 1.2;
margin-bottom: 10px;
}
#area12 .spScroll .scrollImg {
width: 600px;
}

#area12 .whBox .box01 {
padding-bottom: 30px;
margin-bottom: 30px;
}
#area12 .whBox .box02 .subTitle span {
font-size: 14px;
font-size: 1.4rem;
padding: 10px;
}
#area13 .secInr {
padding: 40px 0;
}
#area13 h3 {
    font-size: 20px;
    font-size: 2rem;
line-height: 1.4;
margin-bottom: 20px;
}
#area13 ul li {
width: 49%;
}
#area13 ul li dl dt {
    max-width: 100px;
}
#area13 ul li dl dd {
    font-size: 12px;
    font-size: 1.2rem;
}
#area13 ul li dl dd span {
    font-size: 16px;
    font-size: 1.6rem;
}

#area14 .mainBox .bg {
background-size: 100% auto;
}
#area14 .txtBox {
    width: 100%;
    max-width: 100%;
    padding: 260px 0 60px;
}
#area14 .txtBox h2 {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.3;
    padding: 5px 0 5px 10px;
    border-left: 5px solid #fd6b3b;
    margin-bottom: 20px;
}

#area14 .flexBox .Img {
    width: 100%;
    margin-top: -20px;
}
#area14 .flexBox dl {
width: 100%;
padding-top: 20px;
}
#area14 .flexBox dl .sub {
padding: 10px 0;
}
#area14 .flexBox dl .sub .carrier{
width: 100%;
font-size: 13px;
font-size: 1.3rem;
}
#area14 .flexBox dl .sub .name{
width: 100%;
text-align: right;
}
#area14 .flexBox dl .sub strong {
font-size: 20px;
font-size: 2rem;
}
#area14 {
    padding-bottom: 40px;
}
.puTxt {
font-size: 18px;
font-size: 1.8rem;
}
.puTxt span {
font-size: 21px;
font-size: 2.1rem;
display: inline-block;
}
.free {
    width: 30px;
}
}
/*SP END*/



/* animation
-------------------------------------------------------------------------------------*/
.fadein {
	opacity : 0;
	transform : translate(0, 50px);
	transition : all 1000ms;
	}

.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
	}
#loading {
  width: 100vw;
  height: 100vh;
  transition: all 1s;
  background-color: #211c3b;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
}
#loading .ldInr {
  position: relative;
  width: 100vw;
  height: 100vh;
}
#loading .ldBox {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}
.loader,
.loader:before,
.loader:after {
  background: #ffffff;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 1em;
  height: 4em;
}
.loader {
  color: #ffffff;
  text-indent: -9999em;
  margin: 88px auto;
  position: relative;
  font-size: 11px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  position: absolute;
  top: 0;
  content: '';
}
.loader:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 1.5em;
}
@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 4em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 5em;
  }
}
.loaded {
  opacity: 0;
  visibility: hidden;
}

/*------------------------------------20210324add--*/
#delivery {
background: #211c3b;
}
#delivery .secInr {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
padding: 60px 0;
background:url("../../images/delivery_bg.png") right center no-repeat;
background-size: auto 100%;
}
#delivery .secInr .circle {
width: 20%;
max-width: 235px;
}
#delivery .secInr dl {
width: 78%;
max-width: 927px;
}
#delivery .secInr dl dt {
margin-bottom: 30px;
}
#delivery .secInr dl dd {
text-align: center;
color: #fff;
font-size: 18px;
font-size: 1.8rem;
}
@media only screen and (max-width: 900px) { 
#delivery .secInr .circle {
width: 50%;
margin: 0 auto 10px;
}
#delivery .secInr dl {
width: 100%;
}
#delivery .secInr dl dd {
font-size: 14px;
font-size: 1.4rem;
line-height: 1.7;
}
#delivery {
}
#delivery .secInr {
padding: 40px 0;
background-position: center top;
background-size: 100% auto;
}
}