@charset "UTF-8";
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, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, input, textarea {margin: 0; padding: 0; color: #000; font-size: 4.3vw; font-family: 'Noto Sans', 'Noto Sans CJK JP', 'Noto Sans CJK JP Subset', sans-serif;font-style:normal;line-height: 1.6; font-weight: normal; vertical-align: baseline; background: transparent; box-sizing: border-box; border: none;}
body{width: 100%;margin:0;font-family: 'Noto Sans', 'Noto Sans CJK JP', 'Noto Sans CJK JP Subset', sans-serif;}
a,article,aside,canvas,details,figcaption,figure,
header,footer,main,menu,nav,section,summary {display: block;}
img {border: 0; display: block;max-width:100%;height:auto;}
table {border-spacing: 0; border-collapse: collapse;}
ul,li {list-style: none;}
a {color: #232323; text-decoration: none; -webkit-transition: 0.2s ease; -moz-transition: 0.2s ease; -o-transition: 0.2s ease;
	transition: 0.2s ease;}
a:hover {opacity: 0.8;}

/* sp-switch */
.sp{ display: none;}

/* layout */
.mt2vw{margin-top:4vw;}
.mt1vw{margin-top:2vw;}
.inner {width: 92%; margin: 0 auto;}
/*.dl-type01{display: flex;flex-wrap: wrap;}*/
.dl-type01 dt{display:inline-block;vertical-align:top}
.dl-type01 dd{display:inline-block}


/*btn*/
.btn_type01{color:#fff;padding:2.4vh 0;background-color: #1d1d1d;box-shadow: 0px 7px 16px -9px #9b9b9b;border-radius: 10vw;font-size: 5vw;}

/* text */
.bold{font-weight: bold;}
.text-center{text-align: center;}
.text-indent{text-indent: 1em;}
.tel-link{display:inline;}

/* header */
.header-sp .header-logo{width: 50vw;margin-left: 3vw;}
.header-sp .header-logo img{display:inline-block;}
.header-sp .header-logo .roboto {color:#fff;font-size: 1vw;font-family: 'Roboto', sans-serif;font-weight:400;}


/*header-nav*/
.menu_cover {position:fixed;width: 100%;visibility:hidden;-webkit-transition:0.8s;transition: 0.8s;z-index:1000;}
.menu_cover.active {height:100%;visibility:visible;background:rgba(255, 255, 255, 0.6);position:fixed;z-index:1000;-webkit-transition:1s;transition: 0.8s;}
.header_inner {width: 100%;position:fixed;height:10vh;top: 0;left: 0;background:#05215c;z-index:999;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);padding-top:5%;box-sizing:border-box;}
.header_wrap {position:absolute;width:100%;top:0;height:auto;z-index:-1;box-sizing:border-box;padding-top:2vh;}
/*nav=====*/
.nav {display:none;position:fixed;padding-top:6vh;width:93%;text-align: center;margin-left:7%;background:#05215c;z-index:1002;top:0;height:70vh;}
.nav.active{}
.nav li {font-size: 0.8em;list-style-type: none;margin:auto;text-align:left;}
.nav li:last-child {padding-bottom: 0;border-bottom: none;}
.nav a {display: block;color:#fff;font-size:5vw;padding: 0.8em 6.4vh;}
.header-sp nav li span.active_navi {border-bottom: 0.8vw solid #fff;color:#fff;font-size:5vw}

/*header_sp_nav=====*/
.header_sp_nav {width:7%;height: 5vw;position: fixed;top:3.5vh;right:4%;margin: auto;cursor: pointer;z-index:1004;overflow:hidden}
.nav_line {display: block;position: absolute;width:100%;height: 3px;background: #fff;-webkit-transition: .3s;transition: 0.5s;}
.nav_line1 {top: 0;bottom: auto;margin-bottom: 10px;}
.nav_line2 {right: 0;top: 0;bottom: 0;margin: auto;}
.nav_line3 {bottom: 0;top: auto;}
.header_sp_nav.active .nav_line2 {right: -60px;}
.header_sp_nav.active .nav_line1 {top: 0;bottom: 0;margin: auto;transform: rotate(45deg);}
.header_sp_nav.active .nav_line3 {top: 0;bottom: 0;margin: auto;transform: rotate(-45deg);}
.sp-info{padding:3vh 3vw 5vh;box-sizing:border-box;}



/* footer */
footer {background:#05215c;color:#fff;padding: 4vw 0 4vw;text-align: center;}
footer .inner {position: relative;}
footer .copy {font-size: 1.2vw;color:#fff;}

/* tel-button */
.tel-btn{background-color:#05215C;border-radius:10vw;text-align: center;color:#fff;font-size:4vw;box-shadow:0px 7px 16px -9px #9b9b9b;}
.tel-btn .bold{font-size:4vw;color:#fff;}
.tel-btn a{color:#fff;padding:2vw 4vw;}
.tel-btn .tel{font-size:7vw;color:#fff;font-family: 'Roboto', sans-serif;font-weight:700}

/* heading */
.heading_type01{text-align: center;margin-bottom: 4vw;}
.heading_type01_text{position: relative;display: inline-block;padding-bottom: 2.6vw;font-size: 5.6vw;font-weight: bold;text-align: center;}
.heading_type01_text::before {content: "";position: absolute;left: 0;right: 0;bottom: 0;height:4px;background-color: #05215C;border-radius:2px;width:10vw;margin: 0 auto;}
.heading_type02 {padding-top:10vh;}

/* background */
.bgc01{background-color:#e5f2f8;}

/* bread */
.bread{ padding: 13px 0 10px;}
.bread li{ color: #fff; font-size: 12px; float: left;}
.bread li a{ color: #fff;}
.bread li a:after{ content: '>'; margin: 0 15px;}
.bread li a:hover{ opacity: 1;}
.bread li.home{ padding-left: 26px; background: url(../images/home.png) no-repeat top left;}

/* top-visual */
.kv {background:url(../img/kv-bg_sp.png) center top 100%; background-size: cover;height:45vh;overflow:hidden;padding-top:10vh;box-sizing:border-box;}
.blue-bg{background: -moz-linear-gradient(right, #0181BD,rgba(1,129,189,1), transparent);background: -webkit-linear-gradient(1deg, #0181BD,rgba(1,129,189,1), transparent);background: linear-gradient(to right, #0181BD,rgba(1,129,189,1), transparent);position:relative;height:45vh;}
.kv .photo{position:absolute;width:46vw;bottom:10vh;right:2vw;}
.kv-text{color:#fff;padding-top:4vw;}
.kv-lead{color:#fff;font-size: 7.3vw;font-weight:bold;margin-bottom: 1vw;}
.kv-copy{color:#fff;font-size: 4vw;margin-bottom: 1.4vw;width:55vw}
.kv-info{font-size:4vw;margin-bottom: 1.6vw;}