@charset "utf-8";
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var, b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, dialog, figure, footer, header,hgroup, menu, nav, section,time, mark, audio, video { list-style:none; margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}body { line-height:1;}article, aside, dialog, figure, footer, header,hgroup, nav, section { display:block;}nav ul { list-style:none;}li { margin:0; padding:0;}blockquote, q { quotes:none;}
blockquote:before, blockquote:after,q:before, q:after { content:''; content:none;}a { margin:0; padding:0; border:0; color: #473d3f; text-decoration: none;  font-size:100%; vertical-align:baseline; background:transparent;}
ins { color:#473d3f; text-decoration:none;}mark { color:#473d3f; font-style:italic; font-weight:bold;}del { text-decoration: line-through;}abbr[title], dfn[title] { border-bottom:1px dotted #473d3f; cursor:help;}table { border-collapse:collapse; border-spacing:0;}hr { display:block; height:1px; border:0; border-top:1px solid #473d3f; margin:1em 0; padding:0;}input, select { vertical-align:middle;}input[type="submit"], input[type="button"],input[type="checkbox"],input[type="radio"],input[type="text"] { margin: 0; padding: 0; background: none; border: none; border-radius: 0; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
html {font-size: 16px;-webkit-text-size-adjust: 100%;overflow:auto;}
body {
 overflow: hidden;
 min-width: 1000px;
 font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 font-weight:400;
 font-size: 16px;
 line-height: 1.6;
 color: #393f42;
 margin:0 auto;
 position:relative;
 z-index:1;
 overflow-x:hidden;
 visibilty:hidden;
 -moz-osx-font-smoothing:grayscale;
 -webkit-font-smoothing:antialiased;
 }
main {position:relative;}body * {box-sizing: border-box;} 
.ja { font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3",  HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,    "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.en {font-family: 'Noto Serif JP', serif;font-weight:700;}
.eng { font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3",  HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-weight:400;}
.mem1 {margin-top: 1.5em;}
.txtc {text-align:center;}.blue {color: #006bb6;}
*:focus { outline: none;}
ul {list-style: none; }
img {max-width:100%;}
.inner {max-width: 960px;margin:0 auto;position: relative;}
br.sp {display:none;}
@media only screen and (max-width:1040px) {.inner {max-width:initial;width: 100%;}}
@media only screen and (max-width:1000px) {body { min-width: initial;}}
@media only screen and (max-width: 600px) {br.pc {display:none;} br.sp { display:inline;}}
@media only screen and (max-width: 600px) {body {font-size: 3.6vw;font-weight: normal;}}

/*追加*/
.sp_none{display: none;}
.pc_none{display: block;}
.extra{color: #ff0000;}
.cv{text-align: center;margin-top: 10px;margin-bottom: 20px;font-weight: bold;}
.cv .kantan{font-size:16px; margin-bottom: 3%;}
.cv .kantan span{color:#f5a924;}
.cv .btn a {border-radius: 5px;max-width: 500px;width: 70%;padding: 10px; margin: auto;font-size:5vw;display: block; background: rgb(245,169,36);background: linear-gradient(-65deg, rgba(245,169,36,1) 48%, rgba(250,184,70,1) 48%, rgba(250,184,70,1) 100%);color: #fff;box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px;}
.cv .btn a:hover{opacity: 0.7;}
.merit .midashi span{color: #ff0000;}
.merit .wrap-box {padding: 20px;}
/*.merit .wrap-box .image-box {margin-bottom: 10px;}*/
.merit .wrap-box .text-box {margin-bottom: 10px;}
.merit .wrap-box li {display: flow-root;margin-bottom: 15px;}
.merit .wrap-box li:last-child {margin-bottom: 0;}
.merit .wrap-box h4 {font-size: 18px; margin-bottom: 10px;margin-top: 10px;}
.merit .wrap-box .text-box p {font-size: 15px;}
.Step .midashi {font-size: 22px;color: #006bb6;}
.Step .midashi span {font-size: 8vw;color: #393f42;}
.price {padding:2em 4% 2em 4%;}
.price .last{text-align: center;font-size: 16px;}
.price .s_txt{text-align: right;margin-bottom: 20px;font-size: 11px;}
.price .price-box{margin-bottom: 10px; text-align: center; padding: 20px; font-size: 15px;border-radius: 5px}
.price .box01{background: #fde298;}
.price .box02{background: #adbfe0;}
.price .box03{background: #c2daaf;}
.price .price-box h4, .price .price-box .price-en{font-size: 22px;}
.price .osusume h5{color: #ff0000;font-weight: 700;text-align: center;}
.price .osusume {font-size: 15px; padding: 15px; border: solid 3px #fde298; margin-bottom: 10px;}
.price .triangle { width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #fde298;margin: auto;}
.price-color{font-weight: bold; height: 50px; line-height: 50px;}
.color02block{width: 25%;display: block;background: #adbfe0; height: 50px; line-height: 50px;float: right;}
.color01{background: #fde298;}
.color02{background: #adbfe0;padding-right: 7.1%;}
.color03{background: #c2daaf;}
.scroll-table table td img {padding: 20px 0;}
.Step table td{width: 14.2%;text-align: center;/*padding: 0.6em 0;*/}
.Step .title{color: #fff;font-weight: 700;margin-top: 10px;}
.Step .title01{background: #47acf1;padding: 0.6em 0;}
.Step .title02{background: #3ca0e5;padding: 0.6em 0;}
.Step .title03{background: #3097df;padding: 0.6em 0;}
.Step .title04{background: #258ed7;padding: 0.6em 0;}
.Step .title05{background: #1883cf;padding: 0.6em 0;}
.Step .title06{background: #0c7ac7;padding: 0.6em 0;}
.Step .title07{background: #006bb6;padding: 0.6em 0;}
.Step .title {overflow: hidden; position: relative;}
.Step .title02:before,.Step .title03:before,.Step .title04:before,.Step .title05:before,.Step .title06:before,.Step .title07:before {content: "";width: 0;position: absolute;top: 0;left: 0;bottom: 0;margin: auto;height: 0;border-style: solid;border-width: 23px 0 23px 16px;}
.Step .title02:before {border-color: transparent transparent transparent #47acf1;}
.Step .title03:before {border-color: transparent transparent transparent #3ca0e5;}
.Step .title04:before {border-color: transparent transparent transparent #3097df;}
.Step .title05:before {border-color: transparent transparent transparent #258ed7;}
.Step .title06:before {border-color: transparent transparent transparent #1883cf;}
.Step .title07:before {border-color: transparent transparent transparent #0c7ac7;}
.Step table td .check li {padding-left: 1em;position: relative; font-size: 13px;text-align: left;margin: 0 10px;}
.scroll-table {overflow: auto; white-space: nowrap;}
.scroll-txt{font-size: 13px;margin-bottom: 10px;}
.optional{display: none}

@media screen and (min-width: 768px) {
.sp_none{display: block;}
.pc_none{display: none;}
.cv{margin-top: 70px;margin-bottom: 70px;}
.cv .kantan{font-size:24px;}
.cv .btn a {font-size:35px;}
.merit{margin-bottom: 50px;}
.merit .wrap-box .image-box{width: 40%;float: left;}
.merit .wrap-box .text-box{width: calc(60% - 50px);float: right;}
.merit .wrap-box li {margin-bottom: 50px;}
.merit .wrap-box li:nth-child(even) .image-box{float: right;}
.merit .wrap-box li:nth-child(even) .text-box{float: left;}
.merit .wrap-box h4 {font-size: 30px; margin-bottom: 30px;}
.merit .wrap-box .text-box p {font-size: 17px;font-weight: 200;}
.Step .midashi span {font-size: 35px;}
.Step table{width: 100%;}
.Step table td{width: 14.2%;}
.scroll-table {overflow: unset; white-space: break-spaces; margin-top: -50px;}
.price {padding: 0 4%;}
.price .s_txt{font-size: 14px;}
.price .last{font-size: 18px;}
.price .price-box-wrap{
    margin:0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    width:100%;
}
.price .price-box-wrap .price-box{width: 32%; margin-right: 2%;}
.price .price-box-wrap .price-box:last-child{margin-right: 0;}
.price .price-box h4, .price .price-box .price-en{font-size: 30px;margin-bottom: 10px;}
.price .osusume,.price .triangle-wrap {width: 32%;}
.price .triangle { width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #fde298;margin: auto;}
.name_block{display: inline;}
}

/*fv＝＝＝＝＝＝＝＝＝＝＝ */
.fv {height: 450px;position:relative;background: url(../img/fv_bg.png) no-repeat right center #36b4de;background-size: cover;color:#FFF;}
.fv .inner {height:100%;display:table;width: 1000px;z-index:2; }

.fv .txt {width: 500px;font-weight: 900;padding-left: 5%;font-size: 18px;display: table-cell;vertical-align: middle;}
.fv .txt h1 { text-align: center; font-size: 28px; color: #f5a924; background: #FFF; border-radius: 5px; border: 2px solid; padding: .5em 0; line-height: 1;}
.fv .txt .extra {text-align:center;}
.fv .txt h2 { font-size:42px;line-height:0.8;text-align: center; margin-top: 10px;}
.fv .txt h2 span { font-size:25px;}
.fv .txt h2 strong { font-size:36px;line-height:1.3 !important; display:block;text-align:center;margin-bottom:.1em}
.fv .img { width: 680px; position: absolute; left: 535px; bottom: -68px;}

@media screen and (max-width: 880px) {
.fv {height: auto; background: url(../img/fv_bg_sp.jpg) no-repeat right center #36b4de;
background-size: 100%; }
.fv .inner { width:100%; }

.fv .txt {width:auto; padding: 5% 6%;font-size: 18px;display: block; }
.fv .txt h1 { font-size:5.5vw; }
.fv .txt h2 span { font-size:5vw;}
.fv .txt .extra { font-size:4vw;}
.fv .txt h2 { font-size:9.5vw; }
.fv .txt h2 strong { font-size:6.5vw; }
/*.fv .img { width:100%; position: static; }*/
.fv .img { width:80%;margin: auto; position: static; }

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

}

/*header-----------------------------------------------------------*/
header {width: 100%;padding: 0;}
header .inner,
.ftb_btm .inner {align-items:center;justify-content: space-around;}
header .inner{padding: 16px 180px 16px 0px;}
.tkz header .inner{padding: 16px 0 16px 0px;}
header .logo {width: 220px;height: 40px;-webkit-transition: ease-in-out .3s;transition: ease-in-out .3s;}
header .logo a{display:block;vertical-align: bottom;}
.ftb_btm .txt {font-size: 18px;line-height: 1.4;font-weight: 800;width: 21em;}
header .right,
.ftb_btm .right {width: calc(100% - 312px);justify-content: flex-end;}

.cslbox{display:table;}
.cslbox .teltitle {display:table-cell;vertical-align:middle;color:#006bb6;text-align:center;font-size:12px;line-height: 1.4;font-weight:800;border:2px solid #006bb6;padding: .8em 1em .7em;}
.telnumber {display:table-cell; vertical-align:middle;padding-left:.5em;}
.telnumber a {color:#006bb6;font-weight:800;font-size: 234%;line-height: 1;background:url(../img/tel.svg) no-repeat bottom 8px left;background-size:.4em;padding-left:.6em;}
.telnumber .time {color:#525455;text-align:center;font-size: 75%;letter-spacing:0;}

@media screen and (max-width: 950px) {
header .logo {padding-left:2%;}    
header .right {width: calc(100% - 230px);padding-right: 2%;}
.telnumber a { font-size: 180%; }
.telnumber .time { font-size: 68%; }


}


.telb ,.contactb { -webkit-transition: ease-in-out .3s; transition: ease-in-out .3s;
border-radius: 5px;box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px; }
.telb:hover,.contactb:hover,header .logo:hover { opacity:.7;}
.telb {text-align:center;background:#0047a5;color:#FFF;margin-right: 10px;}
.telb div {padding:.5em 1.2em; font-size:13px;}
.telb div p{ font-size:22px; line-height:1;}
.telb div p span { font-size:32px; }
.telb a {color:#FFF;font-weight:700;}

.ftb_btm .telb {background: rgb(245,169,36);background: linear-gradient(-65deg, rgba(245,169,36,1) 48%, rgba(250,184,70,1) 48%, rgba(250,184,70,1) 100%);}
.ftb_btm .telb a,
.ftb_btm .telb div p{color: #fff;height: 100%;}
.ftb_btm .telb:hover,.ftb_btm .contactb:hover { opacity:1;transform: scale(0.95,0.95);}
.contactb {background: #FFF;}
.contactb div {padding: .5em 1.5em .5em 1.5em;line-height: 1.4;font-size:18px;color:#444a52;font-weight:700;position: relative;}
.contactb div:before {content:"";display: inline-block;width: 1.2em;height: 1em;background: url(../img/icon_mail.png) no-repeat center bottom;background-size: 1.2em;margin-bottom: -.1em;margin-right: .2em;}
.contactb div:after {content:"";width: 0;position:absolute;top:0;bottom:0;right:5px; margin:auto;
height: 0;border-style: solid;border-width: 5px 0 5px 6px;
border-color: transparent transparent transparent #444a52;}
header .contactb {background: rgb(245,169,36);background: linear-gradient(
-65deg
, rgba(245,169,36,1) 48%, rgba(250,184,70,1) 48%, rgba(250,184,70,1) 100%);border-radius: 0;box-shadow: none;width: 180px;position: absolute;right: 0;height: 100%;}
header .contactb a {height:100%; width:100%; display:table;}
header .contactb div {color:#FFF;border-radius:0;display:table-cell;vertical-align:middle;padding: .5em 0 .5em 1.5em;}
header .contactb div:before {content:none;}
header .contactb div:after {border-color: transparent transparent transparent #fff;}

header button#spnav, header .sptxt {display:none;opacity:0; }
header .sptxt br {display:none;}
header button {
 display:block;
 position: relative;
 width: 70px;
 height: 60px;
 border: 0;
 z-index: 1001;
 background: none;
 background: #f5a924;
 }
header button p {position:absolute;bottom: 5px;text-align:center;width: 100%;left: 0;font-size: 12px;color: #FFFF;font-weight: 900;}
header button span{display: inline-block;transition: all .2s;box-sizing: border-box;position: absolute;right: 0;left: 0;margin: auto;width: 65%;height: 2px;background-color: #fff;z-index: 100;}
header button span:nth-child(1){top: 11px;}
header button span:nth-child(2){top: 21px;}
header button span:nth-child(3){top: 30px;}

header.active button span { background:#FFF;}
header.active button span:nth-child(1){transform: translateY(12px) rotate(25deg);}
header.active button span:nth-child(2){opacity: 0;}
header.active button span:nth-child(3){transform: translateY(-8px) rotate(-25deg);width: 66%;}
header.active button :hover span{width: 100%;}
header.active button:hover span:nth-child(1){width: 66%;}

@media screen and (max-width: 880px) {
header {padding: 0%;height: 60px;}
header .inner {justify-content:space-between;padding: 0px 0 0 0px;}    
header .right {display:none;}
header.active .right {display:block;position:fixed;width: 88vw;height: 100%;padding: 0;left: 0;z-index: 999;top:150px;text-align: center;right: 0;margin: auto;}
header.active:before {content:"";display:block;width:100%;height: 100vh;background: #006bb6;opacity: .9;top:0;left:0;position: fixed;z-index:998;}
header button#spnav {display:block;opacity:1; }
header.active button#spnav {position:fixed;right:0;top:0; }
header .logo {width: 200px;max-width: 45vw;height: auto;margin: 10px 0 10px 2%;}
header .logo a{display:inline; }
header .logo img {width: 100%;height: auto;max-width: initial;}
header.active .sptxt {display:block;opacity:1; text-align:center; color:#FFF;font-size:160%;margin-bottom:1.5em; }
header .telb div>span {display:none;}
header .contactb { display:none; }

.cslbox{display:block;}
.cslbox .teltitle {display:block; color:#fff; font-size:5vw; border:2px solid #fff;
padding: .8em 1em .7em;margin-bottom:.5em;}
.cslbox .teltitle br {display:none;}
.telnumber {display:block; vertical-align:middle;padding-left:.5em;}
.telnumber a {color:#fff; font-size: 300%;line-height: 1;
background: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%22424.184px%22%20height%3D%22585.431px%22%20viewBox%3D%22207.29%207.515%20424.184%20585.431%22%20enable-background%3D%22new%20207.29%207.515%20424.184%20585.431%22%20xml%3Aspace%3D%22preserve%22%3E%3Ctitle%3Emod-header-tel%3C%2Ftitle%3E%3Cg%20id%3D%22%E3%83%98%E3%83%83%E3%83%80%E3%83%BC%E3%83%8E%E3%83%BC%E3%83%9E%E3%83%AB%22%3E%20%3Cg%3E%20%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M485.884%2C435.636c40.588-24.352%2C70.352-48.703%2C124.469%2C27.059c54.115%2C75.764-8.119%2C100.115-48.705%2C124.469%20c-46%2C27.057-170.467-40.588-270.583-208.35C190.95%2C211.054%2C190.95%2C67.646%2C236.949%2C40.587%20c40.587-24.353%2C94.704-67.646%2C132.585%2C16.235s5.412%2C100.115-35.176%2C121.762c-27.058%2C16.235%2C5.412%2C86.586%2C40.587%2C148.82%20C410.122%2C389.638%2C458.826%2C451.873%2C485.884%2C435.636z%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E') no-repeat bottom 8px left;
background-size:.4em;padding-left:.6em;}
.telnumber .time { color:#fff; font-size:100%;margin-top:.5em;}
header.active .inner {}
header.active .contactb {display:block;z-index:999;position: fixed;top: auto;bottom: 4%;font-size: 6vw;width: 88%;left: 6%;text-align: center;height: auto;border-radius: 10px;}
header.active .contactb div {font-size: 6vw;padding: .5em 0 .5em 0;}
}
@media screen and (max-width: 640px) {
.telb div {font-size:12px;padding:.5em 0;display: table;text-align: center;width: 100%;height: 100%;}
.telb div>span {display:none;}
.telb div p{font-size:3vw;display: table-cell;vertical-align: middle;}
.telb div p span { font-size:5vw; }
.contactb div { font-size:3vw; }
}
@media screen and (max-width: 600px) {
header.active .sptxt { font-size:140%; }
header .sptxt br {display:inline;}
}


/* ftb_btm---------------- */
.ftb_btm {position:fixed;z-index:101;color: #FFF;bottom: 0;padding: 8px 0;left: 0;right: 0;background: url(../img/fv_bg.png) no-repeat right center #36b4de;-webkit-transform: translateY(300px);transform: translateY(300px);-webkit-transition: ease-in-out .3s;transition: ease-in-out .3s;}
.ftb_btm.fixed {-webkit-transform: translateY(0px); transform: translateY(0px);}
@media screen and (max-width: 980px) {
.ftb_btm { background-size:cover;}
.ftb_btm .contactb div { text-align:center;}
}


/* footer---------------- */
footer {font-size: 12px;padding: 2em 4% 110px;text-align:center;}
@media only screen and (max-width:980px) { 
footer { padding: 2em 4% 170px; } 
.ftb_btm .inner {padding:0 2%;display:block; }
.ftb_btm .txt {font-size: 18px; width:auto; text-align:center;padding-bottom:1em;}
.ftb_btm .right {width:100%; }
.ftb_btm .right >* {width:100%;}
}
@media only screen and (max-width:640px) {
footer {padding: 2em 4% 24vw;font-size: 3vw;} 
.ftb_btm .txt {display:none; }    
.ftb_btm {padding-top:4%; padding-bottom:4%;}
.ftb_btm .telb {width:67%}
.ftb_btm .contactb { width:30%}
.ftb_btm .telb div {display: block;}  
.ftb_btm .telb div p {display:block;}
.ftb_btm .telb div>span {display:block;margin-top:-1.6em;font-size:2vw;}
}

/*etc------------------ */
.midashi {text-align:center; margin-bottom:50px; font-size:35px;font-weight:800;position:relative;}
.midashi .blue {font-size:60%;font-weight:600;margin-bottom:.5em;}
.midashi:after {content:""; display:block;background:#393f42; width:4em;height:3px;margin:1em auto 0;}
.titles {text-align:center;font-size:140%;font-weight:800;color: #006bb6;}
.flex {display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;display: flex;}
.flex.wrap {flex-wrap:wrap;}
.flex.reverse {flex-direction: row-reverse;}

@media only screen and (max-width:880px) {
.midashi {font-size:8vw;margin-bottom: 1.5em;}
.Step .midashi {font-size: 4vw; margin-bottom: 1.5em; color: #006bb6;}
.midashi .blue {font-size:60%;}
}

/*anime------------------ */
.fadein.anime { -webkit-transition: ease-in-out .5s; transition: ease-in-out .5s; opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px);}
.fadein.anime.show { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px);}

/* news---------------- */
.news {position:relative;padding:80px 0;}
.news .inner:after {content:"";position:absolute; width:100vw; border-radius:10px; border:1px solid #9d9a9a;
height:100%;top:.5em;left:0;z-index:-1;background:#FFF;}
.news .inner {padding:0 45px 45px 45px;}
.news .inner .title { font-size:300%; display:inline-block; background:#FFF;margin:-45px 0 25px;
padding:0 2%;}
.news .inner .title .blue { font-weight:200;vertical-align:middle;}
.news .inner .title strong {font-size:70%; font-weight:900;padding-left:.5em;vertical-align:middle;}
.mcontents{ width:46%; font-weight:800;font-size:130%;position:relative;}
.news .inner .flex {align-items:center;}
.mcontents a { -webkit-transition: ease-in-out .3s;transition: ease-in-out .3s;
color:#FFF; font-weight:400;background: #006bb6;padding:0 1em .1em;border-radius:5px;
font-size:90%;margin-left:1em;}
.mcontents a:hover {opacity:.6;}
.mcontents:after { width:1px; height:110%; background: #9d9a9a;content:"";right:25px;
position:absolute;top:0;bottom:0;margin:auto;}
.details div + div { margin-top:1.5em;}
.details .chapter { font-weight:700;font-size:130%;}

@media only screen and (max-width:880px) {
.news {padding: 2em 4% 5em;}
.news .inner:after { width:100vw; }
.news .inner {padding: 0 2% 6% 6%;text-align:center;}
.news .inner .title {font-size:200%;margin: -0.3em 0 1em;padding:0 2%;line-height: 1;}
.news .inner .title .blue {display:block;vertical-align: bottom;}
.news .inner .title strong {font-size:70%;padding-left:0;vertical-align: bottom;}
.mcontents{width: 100%;text-align: left;font-size:130%;padding-bottom: 1em;margin-bottom: 1em;}
.news .inner .flex {display: block;}

.mcontents:after {width: 100%;height: 1px;right:25px;top: auto;bottom:0;left: 0;}
.details {text-align:left;}
.details div + div { margin-top:1.5em;}
.details .chapter { font-weight:700;font-size:130%;}
}


/* trouble---------------- */
.trouble { background:#f5f5f5;padding:180px 0 100px;margin-top:-140px;z-index:-2;position:relative;}
.list {justify-content:space-around;}
.list>li { width:31%;}
.list>li img {margin-bottom:.5em;}
.check li{padding-left:1em;position:relative;}
.check li + li{margin-top:.8em;}
.check li:before {content: ""; width: 0; position: absolute;
 top: .5em; left:0; margin: auto; height: 0; border-style: solid;
 border-width: 5px 0 5px 6px;
 border-color: transparent transparent transparent #006bb6;}

@media only screen and (max-width:880px) {
.trouble { padding:8em 6% 5em;margin-top:-8em; }
.list {display:block;}
.list>li { width:100%;}
.list>li + li {margin-top:3em;}
.check li + li{margin-top:.2em;}
}

/* solution---------------- */
.solution {padding: 120px 0;background:url(../img/solution_bg.jpg) no-repeat center top 150px;}
.solution .txt {text-align:center;font-size: 140%;font-weight:600;margin-top: -1em;padding-bottom:1.5em;}
.solution .txt .big {font-size: 140%;font-weight:900;}
.solbox {overflow:hidden; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; position: relative; display: flex; justify-content: space-between; flex-wrap: wrap;
 border: 1px solid #9d9a9a; background:#FFF; align-items : baseline; }
.solbox:before { width:100vw;content:"";height:1px; display:block;position:absolute;
background:#9d9a9a;margin:auto;top:0;bottom:0;left:0;right:0;}    
.solbox li {position:relative;width:calc(100% / 3);padding: 2em 0 2em 0;text-align:center;position:relative;font-size:140%;}
.solbox li:nth-child(3n),
.solbox li:last-child {margin-right:0;}
.solbox li:nth-child(1):before,
.solbox li:nth-child(2):before { width:1px;content:"";height:600%; display:block;position:absolute;
background:#9d9a9a;margin:auto;top:0;bottom:0; right:0;}  

.solbox li img {width:auto; height:auto; margin-bottom:1em;}

@media only screen and (max-width:880px) {
.solution {padding: 5em 6%;background:url(../img/solution_bg.jpg) no-repeat center top 20%;
background-size:160%;}

.solbox {overflow:hidden; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; position: relative; display: flex; justify-content: space-between; flex-wrap: wrap;
 border: 1px solid #9d9a9a; background:#FFF; align-items : baseline; }
.solbox:before { width:1px;content:"";height:100%; }    
.solbox li { width:calc(100% / 2);padding: 2em 0 2em 0; font-size:100%;}
.solbox li:nth-child(2):before,.solbox li:nth-child(1):before {content:none; }  
.solbox li:nth-child(2n):before {content:"";width:100vw;height:1px;left:-100%;margin: auto;bottom: 0;top:auto;display: block;position: absolute;background: #9d9a9a;}  
.solbox li:last-child:before {content:none;}
.solbox li img {height:7em;}
.solbox li:first-child img {height:5em}
}

/* movie---------------- */
.movie {background: #dcedfa;padding: 50px 0;}
.movie .flex { justify-content: space-around;}
/*.moviebox {text-align:center; width:48%;}*/
.moviebox {text-align:center; width:80%;}
.moviebox .title { text-align: center; font-size: 140%; font-weight: 600; padding-bottom: .5em;}
.moviebox iframe {width:100%;}
.movie-wrap { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.movie-wrap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

@media only screen and (max-width:880px) {
.movie {padding: 2em 6%;}
.movie .flex {display:block;}
.moviebox { width:100%;}
.moviebox + .moviebox {margin-top:4em;}
}

/* Step---------------- */
/*.Step { padding: 120px 0;}*/
.Step { padding: 70px 0;}
.flow {margin-bottom: 4em;position:relative;}
.flow>li {width:calc(100%/7); font-size:80%;}
.flow>li img { height:71px; width:auto;margin:auto; display:block;margin:2em auto 2em;}
.flow>li .title {font-size:130%;text-align:center;color:#FFF;overflow: hidden;font-weight:600;padding:.6em 0;background: #006bb6;position:relative;}
.flow>li:nth-child(1) .title {border-radius:5px 0 0 5px;}
.flow>li:last-child .title {border-radius:0 5px 5px 0;}
.flow>li:nth-child(1) .title {background:#47acf1;}
.flow>li:nth-child(2) .title {background:#3ca0e5;}
.flow>li:nth-child(3) .title {background:#3097df;}
.flow>li:nth-child(4) .title {background:#258ed7;}
.flow>li:nth-child(5) .title {background:#1883cf;}
.flow>li:nth-child(6) .title {background:#0c7ac7;}
.flow>li:nth-child(7) .title {background:#006bb6;}
.flow>li .title:before {content: ""; width: 0; position: absolute;
 top: 0; left:0;bottom:0; margin: auto; height: 0; border-style: solid;
 border-width: 23px 0 23px 16px;border-color: transparent transparent transparent #47acf1; }
.flow>li:nth-child(2) .title:before { 
border-color: transparent transparent transparent #47acf1;}
.flow>li:nth-child(3) .title:before { 
border-color: transparent transparent transparent #3ca0e5;}
.flow>li:nth-child(4) .title:before { 
border-color: transparent transparent transparent #3097df;}
.flow>li:nth-child(5) .title:before { 
border-color: transparent transparent transparent #258ed7;}
.flow>li:nth-child(6) .title:before { 
border-color: transparent transparent transparent #1883cf;}
.flow>li:nth-child(7) .title:before { 
border-color: transparent transparent transparent #0c7ac7;}

.flow>li .check {padding: 0 4%;}
.flow>li .check li + li { margin-top: .5em;}
.Step .more {padding: 0 45px 35px 45px;position: relative;text-align:center;}
.Step .more:after {content:"";position:absolute;width: 100%;border-radius:10px;border:1px solid #9d9a9a;height:100%;top:.5em;left:0;z-index:-1;background:#FFF;}
.Step .more .title {font-size:150%;display:inline-block;background:#FFF;margin: -45px 0 35px;padding:0 2%;color:#006bb6;}
.Step .more .sub{width: 4em;font-weight:600;font-size:130%;line-height:1.3;position:relative;color: #006bb6;}
.Step .more .flex {
    align-items: center;
}
.Step .more .mainbox {text-align:left;position:relative;padding-left: 65px;}
.Step .more .mainbox:after { width:1px; height:110%; background: #9d9a9a;content:"";left:25px;
position:absolute;top:0;bottom:0;margin:auto;}
.Step .more .mainbox li { position:relative;padding-left:4em;}
.Step .more .mainbox li + li {margin-top:1em;}
.Step .more .mainbox li span {width:3em;display:block;text-align:center;border-radius:4px;position:absolute;
color:#fff;background:#006bb6;left:0;}

@media only screen and (max-width:880px) {
/*.Step {padding: 5em 6%;}*/
.Step {padding: 2em 6%;}
.flow {flex-wrap:wrap;margin-bottom: 0;}
.flow>li {width:calc(100%/3); margin-bottom:3em; }
.flow>li:nth-child(3n) .title {border-radius:0 5px 5px 0;}
.flow>li:nth-child(4) .title {border-radius:5px 0 0 5px;}
.flow>li:nth-child(7) .title {border-radius:5px;}
.flow>li:nth-child(7) .title:before,.flow>li:nth-child(4) .title:before { content:none;}

.Step .more {padding: 0 4% 4% 5%; }
.Step .more .title {font-size:120%; margin: -0.5em 0 1em; }
.Step .more .sub{width:100%; font-size:130%;line-height:1.3; }
.Step .more .flex {display:block;}
.Step .more .mainbox {width:100%;padding-left:0;padding-top: 1em;margin-top: 1em;}
.Step .more .mainbox:after {left: 0;width: 100%;height: 1px;top: 0;bottom: auto;}
.Step .more .mainbox li { padding-left:3em;}
.Step .more .mainbox li span {width:2em; }
}

@media only screen and (max-width:500px) {
.flow>li img {width:auto; height:5em;}
}


/* Contact---------------- */
.Contact .siryo_txt{text-align: center;margin: 0 5% 5% 5%; font-size: 16px; }
.Contact {background: #dcedfa;padding:80px 0;}

.box_tel,.formbox {background:#FFF;}
.box_tel {padding:30px;}
.box_tel .flex { align-items:center; justify-content:space-between;}
.box_tel dt {width: 7em;margin-bottom: 0;}
.box_tel dd {position:relative;width: calc(100% - 11.5em);padding:.5em 0;padding-left: 30px;border-left:1px solid #dfdfdf;color: #444a52;position: relative;}
.box_tel dd:before {content:"";display:block;width:1px; height:45%; left:-1px;top:0;position:absolute;
background:#0047a5;} 
.box_tel dd img {position:absolute;right:0;top:0;bottom:0;margin:auto;}
.box_tel dd>p:first-child {font-size:24px;line-height:1;padding-bottom:.5em;}
.box_tel dd>p:first-child a {font-size: 190%;color: #006bb6;}
.logoworl p{font-size:100%;line-height: 1.5;}
.box_tel + .titles {margin-top:5em;}

@media only screen and (max-width:900px) {
.logoworl {display:flex;align-items:center;}
.box_tel dd img {position:static; width:auto;height:2.5em;}
.logoworl p {text-align:left;padding-left:0;}  
.box_tel dd>p:first-child {font-size:150%; }
}
@media only screen and (max-width:600px) {
.box_tel dd>p:first-child {font-size:5vw; }
/*.logoworl p { padding-left:4%;}*/
}

.Contact .privacy {background:#f1f5f6; height:200px; font-size:80%; padding:15px 15px 30px;
overflow:hidden;overflow-y:scroll;margin:30px;}
.privacy .tt {font-size:120%;font-weight:600;}
.number>li { padding-left:1em;position:relative;}
.number>li:before { content:"1.";position:absolute;left:0;top:0;}
.number>li:nth-child(2):before { content:"2.";}
.number>li:nth-child(3):before { content:"3.";}
.number>li:nth-child(4):before { content:"4.";}
.number>li:nth-child(5):before { content:"5.";}
.number>li:nth-child(6):before { content:"6.";}
.number>li:nth-child(7):before { content:"7.";}
.number>li:nth-child(8):before { content:"8.";}
.number>li:nth-child(9):before { content:"9.";}

.formbox {background:#FFF;max-width:950px;padding-bottom: 45px;margin:auto;margin-top: 1em;}
.formbox dl {display: -webkit-box;display: -moz-box;display: -webkit-flex;display: box;
display: flex;justify-content:space-between;padding: 20px 4%;align-items: normal;border-bottom:1px solid #dadcdc;}
.formbox dl dt {width: 14em;font-size:90%;position:relative;color: #006bb6;font-weight:800;font-size:16px;padding-top: 0.6em;}
.formbox dl dd {width: calc(94% - 14em);}
.formbox dl dt .hissu { background: #faf221; font-size:90%;padding:.5em 1em;
line-height:1;position:absolute;right:0;}
.formbox dl dt .nohissu {color:#FFF;background: #d0d0d0;border-radius:.2em;font-size:80%;
padding:.5em 1em;line-height:1;position:absolute;right:0;}
 
.Contact form ol li input:checked+p:after {opacity:1; -webkit-transform: scale(1); transform: scale(1);}
input, input[type=text],input[type=email],input[type=tel],
input[type="button"] { -moz-appearance: none; appearance: none; border:none;
 -webkit-border-radius : 0; -webkit-appearance : none; -webkit-tap-highlight-color : rgba(0,0,0,0);
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
input::placeholder { color: #cacaca; } input:-ms-input-placeholder { color: #cacaca; } input::-ms-input-placeholder { color:#cacaca; }
select {-webkit-appearance: none;-moz-appearance: none;appearance: none;border:none;width:5em;}
input[type=text],input[type=email],input[type=tel],form dl dd input[type="button"], select,
textarea {width:100%;-webkit-appearance: none;background: #f1f5f6;border: none;
padding: 1em 1em;font-size: 16px;border-radius:5px;}
input[type="button"]:disabled {background:#cacaca;}
input[type="button"] {background: #006bb6;text-align:center;display:block;border-radius:6px;padding: 25px 0;width: 100%;cursor: pointer;font-size: 20px;color:#FFF;font-weight:700;letter-spacing:2px;-webkit-transition: ease-in-out .3s;transition: ease-in-out .3s;}
 input[type=text],input[type=email],input[type=tel] {width:20em;}
#c_name,#c_name_02 {width:10em; margin-left: 10px;}
select {width: 10em;height: 56px;}
.addressli li:first-child{ width:10em;margin-right:10px;}
.addressli li:first-child input[type=text] {width:calc(100% - 1.5em);margin-left:.5em;}
.addressli li:last-child {margin-top:10px;}
.addressli li:last-child,.addressli li:last-child input[type=text]{ width:100%;}
.slectb{position:relative;width: 10em;}
.slectb:after {content:"";right: 1em;top:0;bottom:0;margin:auto;display:block;position:absolute;width: 0;height: 0;border-style: solid;border-width: 8px 5px 0 5px;border-color: #7d8384 transparent transparent transparent;}
.privacy_box {padding: 4% 11% 0;text-align: center;}
.privacy_box a{ text-decoration:underline; color:#006bb6;-webkit-transition: ease-in-out .3s;transition: ease-in-out .3s;}
.privacy_box a:hover {opacity:.6;}
.privacy_box .checkbox {margin-top:1em;}
#form_submit {text-align:center;margin-top: 2em;margin: 2em auto 0;width: 26em;position: relative;-webkit-transition: ease-in-out .3s;transition: ease-in-out .3s;}
#form_submit input[type="button"]{display: block;position:relative;width: 100%;-webkit-transition: ease-in-out .3s;transition: ease-in-out .3s;}
#form_submit:after {content:"";right: 15px;top: 0;bottom: 0;margin: auto;display:block;position:absolute;width: 0;height: 0;border-style: solid;border-width: 7px 0 7px 10px;border-color: transparent transparent transparent #ffffff;}
#form_submit.obs:hover{-webkit-transform: translateY(-10px); transform: translateY(-10px); opacity:.8;}
#form_submit.obs span:hover input[type="button"] {box-shadow: rgba(29, 66, 128, 0.4) 0px 2px 20px;}
#form_submit:hover input[type="button"]:disabled {box-shadow:none;}

.checkbox {font-size:16px;text-align:center;}
.checkbox label { cursor: pointer;}
input[type="checkbox"] {vertical-align:middle; opacity:0; -webkit-appearance: none; appearance: none; position: absolute;}
input[type="checkbox"] + span::before { display: inline-block; content: ''; 
width: 1.2em; height:1.2em; border: 1px solid #ccc; margin-right: .4em;vertical-align:middle; }
input[type="checkbox"]:checked + span::before {
background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2219%22%20height%3D%2219%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%230047a5%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22arcs%22%3E%3Cpolyline%20points%3D%2220%206%209%2017%204%2012%22%3E%3C%2Fpolyline%3E%3C%2Fsvg%3E');
background-repeat: no-repeat;background-position: 0px;}

@media only screen and (max-width:1040px) {
.Contact { padding:80px 4%; }    
}
@media only screen and (max-width:900px) {
.formbox { padding-bottom:2em;}
.formbox dl {display:block;padding: 12px 4% 20px;}
.formbox dl dt {width:100%;padding-top: 0;margin-bottom: .5em;}
.formbox dl dd { width:100%; }
.formbox dl dt .hissu,
.formbox dl dt .nohissu { left:0;right:auto;}
.privacy_box {padding: 6% 6% 0;text-align: left;}
}
@media only screen and (max-width:660px) {
.Contact {padding: 5em 4%;}
.Contact .privacy { height:300px; font-size:90%; margin:4%;}
.box_tel {padding:6% 4%;}
.box_tel .flex {display:block;}
.box_tel dt {width:auto;text-align:center; }
.box_tel dd {width:auto;padding: 1em 0 0;margin-top:1em;border-left:none;border-top:1px solid #dfdfdf;text-align:center;}
.box_tel dd:before { width:8em; height:1px; left:0; right:0; margin:auto;} 
.box_tel + .titles {margin-top:3em;}
 input[type=text],input[type=email],input[type=tel] {width:100%;}
#c_name,#c_name_02 {width:90%;}
#form_submit { margin: 2em 4% 0;width:92%;}
.addressli li:first-child{width: 13em;margin-right: 0;}
.addressli {justify-content:space-between;}
.addressli li:first-child input[type=text] {width: calc(100% - 2em);margin-left:.5em;}
.addressli li:nth-child(2){width: calc(100% - 13em);}
.slectb, select {width:100%;}
.slectb:after { right: .5em;}
}
@media only screen and (max-width:460px) {
.checkbox {font-size:120%; }
}
.thanks { text-align:center;margin:5em 4%;}
@media only screen and (min-width:600px) {  
.thanks br.sp {display:none;}
}
@media only screen and (max-width:600px) {  
.thanks .inner p { margin-top:1em;}
}