@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: 1.7vw; font-style: normal; font-family: 'Noto Sans', 'Noto Sans CJK JP', 'Noto Sans CJK JP Subset', sans-serif;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:2vw;}
.mt1vw{margin-top:1vw;}
.inner {width: 90%; margin: 0 auto;}
.flex-box{display: flex;flex-wrap: wrap;}
.dl-type01{display: flex;flex-wrap: wrap;}

/*btn*/
.btn_type01{display:inline-block;color:#fff;padding:1vw 6vw;background-color: #1d1d1d;box-shadow: 0px 7px 16px -9px #9b9b9b;border-radius: 4vw;}

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

/* header */
.header-pc {background: #05215c;color:#fff;padding:1.4vw 0}
.header-pc nav{text-align:right;display:inline-block;width: 73%;}
.header-pc nav li {display: inline-block;margin-left: 20px;}
.header-pc nav li a{margin:0 auto;font-size:1.4vw;color:#fff;position: relative;display: inline-block;text-decoration: none;padding-bottom:10px}
.header-pc nav li a:after{content: '';position: absolute; bottom: 0;left: 0;width: 100%;height: 2px;-webkit-transform: scaleX(0)；-ms-transform: scaleX(0);transform: scaleX(0);background-color: #fff;-webkit-transition: all .4s ease;transition: all .4s ease;}
.header-pc nav li a:hover:after {-webkit-transform: scaleX(1);-ms-transform: scaleX(1);transform: scaleX(1);}
.header-pc .header-logo{display:inline-block;width: 26%;vertical-align:middle;}
.header-pc .header-logo img{display:inline-block;}
.header-pc .header-logo .roboto {color:#fff;font-size: 1.2vw;}
.header-pc nav li a.active_navi {border-bottom: 2px solid #fff;}

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

/* tel-button */
.tel-btn{background-color:#05215C;display:inline-block;border-radius:4vw;text-align: center;color:#fff;font-size:1.2vw;box-shadow:0px 7px 16px -9px #9b9b9b;padding:0 2vw;}
.tel-btn .bold{font-size:1.2vw;color:#fff;}
.tel-btn a{color:#fff;padding:0.7vw 4vw;}
.tel-btn .tel{font-size:2.4vw;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: 0.6vw;font-size: 2.4vw;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 :4vw;margin: 0 auto;}

/* 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.png) left 70px top 100%; background-size: cover; height:42vw;overflow:hidden;background-repeat:no-repeat}
.kv .tel-btn{position:absolute;left: 40vw;}
.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:42vw;left: -30vw;padding-left: 32vw;}
.kv .photo{position:relative;width: 33vw;top: -28vw;right: -60vw;}
.kv-text{color:#fff;padding-top:4vw;}
.kv-lead{color:#fff;font-size: 3.6vw;font-weight:bold;margin-bottom: 1vw;}
.kv-copy{color:#fff;font-size: 2.5vw;margin-bottom: 1.4vw;}
.kv-info{color:#fff;font-size: 1.6vw;margin-bottom: 1.6vw;}