@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, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	font-size: .875rem;
}

html {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
  font-size: 15px;
}

@media (min-width: 768px) {
	html {font-size: 16px;}
	body {min-width: 1300px;}
}

body {font-family:'Roboto','Noto Sans JP', "游ゴシック体", "Yu Gothic", "Hiragino Kaku Gothic Pro", "Meiryo", sans-serif;font-size: 14px;font-size: .875rem;font-weight: 400;line-height: 1.8;color: #252525;letter-spacing: .05em;word-wrap: break-word;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-webkit-text-size-adjust: 100%;background-color: #fff;background-size: 300px;}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
  margin: 0 0 1.5rem;
  font-family: inherit;
  font-weight: 700;
  line-height: 1.5;
  
}
h2,.h2 {font-weight: 500;}

a,
a:visited,
a img {
	color: #2e87b5;
	text-decoration: underline;
	padding: 0;
	outline: none;
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
	transition: .2s linear;
  -webkit-transition: .2s linear;
  -moz-transition: .2s linear;
  -o-transition: .2s linear;
  -ms-transition: .2s linear;
}
a:hover,a:active,a:focus {
	color: #5dbff2;
  outline-width: 0;
  -webkit-transition: .2s;
  transition: .2s;
	text-decoration: none;
}
a img:hover,a img:active,a img:focus {opacity: .7;}

/* 標準テキスト */
.entry__content p,.article-body p,p {text-align: justify;text-justify: inter-ideograph; /* IE用 */margin: 0 0 20px;line-height: 1.8;}
.entry__content p:last-child,.article-body p:last-child {margin: 0 !important;}
.entry__content p.center_left {text-align: left;}
p.strong {font-weight: 700;}
p.h3 {font-weight: 700 !important;margin: 30px 0 15px !important;}

/* リスト */
main ul, main ol, footer ul, footer ol {margin: 0 0 0 22px;}
main ul li, main ol li, footer ul li, footer ol li {margin: 0 0 14px;line-height: 1.4;}
main ul li:last-child, main ol li:last-child, footer ul li:last-child, footer ol li:last-child {margin-bottom: 0;}
ul.reset, ol.reset {margin: 0;padding: 0;list-style: none;}
ul.reset li, ol.reset li {margin-left: 0;padding-left: 0;list-style: none;}
ul.row {margin: 0 -15px;padding: 0;}
ul.row li.col {list-style: none;margin: 0;}
ul.com,ol.com {margin: 0;padding: 0 0 0 20px;}
ul.com li,ol.com li {margin: 8px 0 0;line-height: 1.5;}
ul.com li:first-child,ol.com li:first-child {margin: 0;}

/* dl, dt, dd */
dl {margin: 0;}
dl.type_A {display: flex;margin: 0;flex-wrap: wrap;padding: 0;width: 100%;}
dl.type_A dd+dt {border-top: 0px;}
dl.type_A dt, dl.type_A dd {padding: 25px 5px;margin: 0;}
dl.type_A dt {font-weight: bold;letter-spacing: 1.0px;padding-bottom: 0;min-width: 100%;max-width: 100%;border-top: 1px solid #ddd;margin-right: 0;display: flex;flex-wrap: wrap;align-items: start;}
dl.type_A dd {border-bottom: 1px solid #ddd;padding-top: 10px;min-width: 100%;flex-basis: 100%;max-width: 100%;display: flex;flex-wrap: wrap;align-items: start;}
dl.type_A dt.first {border-top: 1px solid #e5e5e5;}
dl.type_A dd a {color: #252525;text-decoration: underline;}
dl.type_A dd a:hover {color: #da3200;text-decoration: none;}
dl.type_B {display: flex;margin: 0;flex-wrap: wrap;padding: 0;width: 100%;}
dl.type_B dd+dt {border-top: 0px;}
dl.type_B dt, dl.type_B dd {padding: 20px 0;margin: 0;}
dl.type_B dt {min-width: 24%;max-width: 24%;flex-basis: 24%;font-weight: bold;letter-spacing: 1.0px;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;margin-right: 0;display: flex;flex-wrap: wrap;align-items: start;justify-content: center;background-color: #f5f5f5;}
dl.type_B dd {min-width: 76%;max-width: 76%;flex-basis: 76%;border-bottom: 1px solid #ddd;display: flex;flex-wrap: wrap;align-items: start;padding-left: 15px;}
dl.type_B dd.first {border-top: 1px solid #e5e5e5;}
dl.type_B dd a {color: #252525;text-decoration: underline;}
dl.type_B dd a:hover {color: #da3200;text-decoration: none;}

img {max-width: 100%;height: auto;vertical-align: middle;}

.youtube {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 56.25%; /*16:9の比率の場合*/
	overflow: hidden;
}
.youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

/* ボタン */
.btn_box {
  max-width: 260px;
  margin: 15px auto 0;
  padding: 15px 15px;
  display: block;
  background-color: #fff;
  border: 1px solid #2e87b5;
  border-radius: 6px;
  font-size: .875rem;
  font-weight: 500;
  text-align: center;
  text-decoration: none !important;
  color: #2e87b5 !important;
  line-height: 1.3;
  position: relative;
  transition: .2s linear;
  -webkit-transition: .2s linear;
  -moz-transition: .2s linear;
  -o-transition: .2s linear;
  -ms-transition: .2s linear;
}
.btn_box::after {
	content: "\f054";
	display: inline-block;
	font-family: "Font Awesome 5 free";
	font-size: 1rem;
	font-weight: bold;
	line-height: 1;
	opacity: 1;
	color: #2e87b5;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -7px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.btn_min .btn_box {
  max-width: 260px;
  padding: 15px 15px 12px;
  font-size: .75rem;
border-radius: 4px;}
.btn_min .btn_box::after {
	/* content: "\f054"; */
	font-size: .875rem;
	/* top: 50%; */
	right: 8px;
	margin-top: -6px;
}
.btn_box:hover {background-color: #2e87b5;border-color: #2e87b5;color: #fff !important;-webkit-transform: translate(0, 3px);transform: translate(0, 3px);opacity: 1;}
.btn_box.btn_re:hover {border-color: #fff;}
.btn_box:hover::after {color: #fff;}
.btn_box.white {border: 1px solid #fff;color: #fff;}
.btn_box.white::after {color: #fff;}
.btn_box.white:hover {}

.btn_box.blank:after {content: "\f08e";}
.btn_box.btn_s {width: 180px;font-size: .75rem;padding: 10px;}
.btn_box.btn_s:after {font-size: .875rem;margin-top: -7px;}

.btn_box.btn_s {
}
.btn_box.outline {border: 1px solid #252525;background-color: #fff;color: #252525 !important;}
.btn_box.outline::after {color: #252525;}
.btn_box.outline:hover {background-color: #eae259;}

.btn_2 {display: flex;flex-direction: column;}
.btn_2 .btn_box {width: 260px;margin: 15px auto 0;}
.btn_2 .btn_box:first-child {}

.btn_3 {display: flex;flex-direction: column;}
.btn_3 .btn_box {width: 260px;margin: 15px auto 0;}
.btn_3 .btn_box:first-child {}

/* Font Awesome */
.fa, .far, .fas, .fa-regular, .fa-solid {
	font-family: "Font Awesome 5 Free";
	font-style: normal;
}
a .fa, a .far, a .fas, a .fa-regular, a .fa-solid {/* margin-left: 5px; */}
.fasm {position: relative;}
.fasm:before {
    display: inline-block;
    font-family: "Font Awesome 5 free";
    font-weight: bold;
    line-height: 1;
    opacity: 1;
    position: absolute;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.phone_call {
		/* display: inline-block; */
		font-family: 'Noto Serif JP', serif;
		font-weight: 700;
		font-style: normal;
		font-size: 1.25rem;
		position: relative;
		/* padding-left: 35px; */
		text-align: center;
		letter-spacing: 1px;
}
/*.phone_call:before {
    content: "\f879";
    font-size: 1.75rem;
    top: 48%;
    left: 0;
    margin-top: -11px;
}*/
.phone_call a {color: #273f52 !important;text-decoration: none !important;margin: 0;padding: 0;}
/*:after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.clearfix:after, .clearfix:before, ul:after, ul:before {display: table;content: " ";}
.clearfix:after, ul:after {clear: both;}*/

:after, :before {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.clearfix:after, .clearfix:before {display: table;content: " ";}
.clearfix:after, ul:after {clear: both;}

.sp {display: block !important;}
.tb {display: none !important;}
.pc {display: none !important;}
.sp.tb {display: block !important;}

/* ページ内リンク先ID */
span.anchor {
  position: relative;
  top: 0;
  left: 0;
}
span.anchor a {
  position: absolute;
  top: -170px;
  left: 0;
}

.row {margin-top: -30px;margin-right: -10px;margin-left: -10px;}
.row .col {padding-top: 30px;padding-right: 10px;padding-left: 10px;}
.btn_wrap .row {margin: -12px -6px 0;}
.btn_wrap .row .col {padding: 12px 6px 0;}
.btn_wrap .row .btn_box {margin: 0;}
.btn_wrap.btn2 {}


/* パンくずリスト */
.pankuzu {background-color: #f5f5f5;padding: 6px 0 7px;color: #999;font-weight: 500;/* letter-spacing: .5px; */}
.pankuzu .container {line-height: 1.4;}
.pankuzu span {font-size: .687rem;color: #555;}
.pankuzu a {text-decoration: none !important;color: #555;}
.pankuzu a span {text-decoration: none !important;color: #555;}
.pankuzu a span:hover {color: #57c3f1;text-decoration: underline !important;}
.home .pankuzu {display: none;}

@media screen and (max-width: 575px) {
  .col-xs-6.col-sm:nth-child(2n+1) {clear: left;}
}


@media screen and (min-width: 768px) {
	p.h3 {font-weight: 700 !important;margin: 40px 0 15px !important;}
	ul.com {
	}
	ul.com li {
	}
	ul.com li:first-child {
	}
  dl {margin: 0;}
	dl.type_A dd+dt {border-top: 0px;}
	dl.type_A dt, dl.type_A dd {padding: 30px 25px;}
	dl.type_A dt {min-width: 24%;max-width: 24%;margin-right: 0%;border-bottom: 1px solid #ddd;background-color: #f5f5f5;}
	dl.type_A dd {min-width: 76%;flex-basis: 76%;max-width: 76%;}
	dl.type_A dd.first { border-top: 1px solid #e5e5e5;}
	
	.btn_box {max-width: 300px;}
	.btn_box::after {font-size: 1rem;/* right: 11px; */margin-top: -8px;}
	.btn_2 {display: flex;flex-direction: row;flex-wrap: wrap;max-width: 626px;margin: auto;}
	.btn_2 .btn_box {/* max-width: 280px; */width: 50%;/* margin-top: 0; */margin: 15px 1% 0;}
	.btn_2 .btn_box:first-child {}
	.btn_3 {display: flex;flex-direction: row;flex-wrap: wrap;max-width: 860px;margin: auto;}
	.btn_3 .btn_box {/* max-width: 280px; */width: 31.333%;/* margin-top: 0; */margin: 15px 1% 0;}
	.btn_3 .btn_box:first-child {}

	.row {margin-top: -50px;margin-right: -15px;margin-left: -15px;}
	.row .col {padding-top: 50px;padding-right: 15px;padding-left: 15px;}
	.row.row20 {margin-right: -20px;margin-left: -20px;}
	.row.row20 .col {padding-right: 20px;padding-left: 20px;}
	.row.row30 {margin-right: -30px;margin-left: -30px;}
	.row.row30 .col {padding-right: 30px;padding-left: 30px;}
	.btn_wrap .row {margin: -16px -8px 0;}
	.btn_wrap .row .col {padding: 16px 8px 0;}
	.btn_wrap .row .btn_box {}
	.btn_wrap.btn2 {width: 620px;margin: auto;}

	.sp {display: none !important;}
	.tb {display: block !important;}
  .tb.pc {display: block !important;}
	

  .entry__content p.center_left {text-align: center;}
	.phone_call {
	text-align: initial;
	}
  a[href^="tel:"] {pointer-events: none;}
}

@media screen and (min-width: 992px) {
	.sp.tb {display: none !important;}
  .tb {display: none !important;}
  .pc {display: block !important;}
}




/* Header
   ================================================== */
.header {height: 60px;z-index: 20;}
.header #topbar {display: none;}
.header #topbar .wrap {}
.header #topbar .wrap span {}
.header .wrapper {position: relative;width: 100%;height: 60px;}
.header .site_title,
.header .bnr_shallwe_wrap,
.header .tel_wrap,
.header .fb_wrap,
.header .global_nav,
.header .contact_wrap {display: none;}
.header .site_title {position: absolute;display: block;top: 11px;left: 20px;}
.header .site_title .header_description {font-size: .625rem;font-weight: 500;margin: 0 0 10px;color: #57c3f1;line-height: 1.0;display: none;}
.header .site_title h1.header_title {width: 120px;margin: 0;}
.header .site_title h1.header_title a {display: block;padding: 0;margin: 0;}
.header .site_title h1.header_title img {display: block;/* width: 170px; */}
.header .description_sp {
    position: absolute;
    top: 16px;
    left: 155px;
    width: 170px;
    font-size: .6875rem;
    font-weight: 500;
    line-height: 1.5;
}
.header a, .header a:visited {color: #2d2d2d;}
.header a:hover, .header a:focus, .header a:visited:hover, .header a:visited:focus {color: #2e87b5;}
.sub_nav_wrap {display: none;}
.sub_nav_wrap .sns {display: inline-block;margin-right: 20px;vertical-align: middle;}
.sub_nav_wrap .sns span {display: inline-block;padding: 5px;line-height: 1;}
.sub_nav_wrap .sns span i {font-size: 1.75rem;color: #1878f3;}
.sub_nav_wrap .sns span a {
}
.sub_nav_wrap .sns .ig {
}
.sub_nav_wrap .sns .ig i {color: #cf2f93;}
.sub_nav_wrap .sns .fb i {color: #1878f3;}
.sub_nav_wrap .sns .yt i {color: #ff0000;}

.header .free_sp_btn {
    display: block;
}
.header .free_sp_btn img {}

.header #topbar_sp {display: block;width: 100%;background-color: #2e87b5;border-top: 1px solid #fff;margin-bottom: 30px;}
.header #topbar_sp .wrap {padding: 0;/* display: flex; *//* justify-content: space-between; */}
.header #topbar .wrap h1.description {display: inline-block;color: #fff;padding: 5px;font-size: .875rem;font-weight: 500;}
.header #topbar_sp .wrap .nav_blank {font-size: 0;display: flex;justify-content: space-between;}
.header #topbar_sp .wrap .nav_blank a {display: inline-block;padding: 10px 5px 5px;width: 11em;text-align: center;border-left: 1px solid #fff;color: #fff;text-decoration: none;font-size: .875rem;font-weight: 500;}
.header #topbar_sp .wrap .nav_blank a i {font-size: 1.125rem;display: block;}
.header #topbar_sp .wrap .nav_blank a:hover {background-color: #669ebb;}
.header #topba_spr .wrap .nav_blank a:first-child {}
.header #topbar_sp .wrap .nav_blank a:last-child:hover {background-color: #f1c78f;}
.header #topbar_sp .wrap .nav_blank .teacher {border: 0;}
.header #topbar_sp .wrap .nav_blank .contact {}
.header #topbar_sp .wrap .nav_blank .mypage {background-color: #f6b052;}


@media (min-width: 768px) {
	.header {height: 170px;flex-flow: column;}
	.header #topbar {display: block;width: 100%;background-color: #2e87b5;}
	.header #topbar .wrap {padding-left: 30px;display: flex;justify-content: space-between;}
	.header #topbar .wrap span {display: inline-block;color: #fff;padding: 5px;font-size: .875rem;font-weight: 500;}
	.header #topbar .wrap h1.description {display: inline-block;color: #fff;padding: 9px 0 0 0;margin: 0;font-size: .75rem;font-weight: 500;line-height: 1.5;}
	.header #topbar .wrap .nav_blank {font-size: 0;}
	.header #topbar .wrap .nav_blank a {display: inline-block;padding: 5px 10px;width: 11em;text-align: center;border-left: 1px solid #fff;color: #fff;text-decoration: none;font-size: .875rem;font-weight: 500;line-height: 48px;}
	.header #topbar .wrap .nav_blank a:hover {background-color: #669ebb;}
	.header #topbar .wrap .nav_blank a:first-child {}
	.header #topbar .wrap .nav_blank a:last-child:hover {background-color: #f1c78f;}
	.header #topbar .wrap .nav_blank .teacher {}
	.header #topbar .wrap .nav_blank .contact {}
	.header #topbar .wrap .nav_blank .mypage {background-color: #f6b052;}
	.header .wrapper {height: 55px;width: 100%;margin: auto;}
	.header .site_title,
	.header .bnr_shallwe_wrap,
	.header .tel_wrap,
	.header .fb_wrap,
	.header .global_nav,
	.header .contact_wrap {display: block;position: absolute;top: 0;}
	.header .site_title {top: 6px;left: 30px;}
	.header .site_title .header_description {display: block;font-size: .75rem;/* margin: 6px 0 0; */}
	.header .site_title h1.header_title {width: 180px;}
	.header .site_title h1.header_title a {}
	.header .site_title h1.header_title img {width: 100%;}
	.header .description_sp {display: none;}
	.sub_nav_wrap {position: absolute;display: block;top: -22px;right: 20px;/* height: 40px; */}
	.sub_nav_wrap .sub_gnav {display: inline-block;margin: 0;padding: 0;}	
	.sub_nav_wrap .sub_gnav li {display: inline-block;margin-right: 20px;font-size: .8125rem;font-weight: 700;}	
	.sub_nav_wrap .sub_gnav li i {margin-right: 5px;font-size: .75rem;color: #7c7e77;}	
	.sub_nav_wrap .sub_gnav li a {text-decoration: none !important;color: #7c7e77;}		
	.sub_nav_wrap .contact {display: inline-block;width: 190px;}
	.sub_nav_wrap .contact .row {margin-right: 0px;margin-left: 0px;}
	.sub_nav_wrap .contact .col {padding-right: 0px;padding-left: 0px;}
	.sub_nav_wrap .contact .box {/* border: 2px solid #86c45f; */line-height: 25px;text-align: center;/* height: 40px; */}
	.sub_nav_wrap .contact .mail {}
	.sub_nav_wrap .contact .mail .box {border-radius: 0;border-right: 0;}
	.sub_nav_wrap .contact .mail a {background-color: #57c3f1;color: #fff;text-decoration: none !important;padding: 12px;display: block;border-radius: 0;font-size: .875rem;line-height: 1;}
	.sub_nav_wrap .contact .mail a:hover {background-color: #57c3f1;}
	.sub_nav_wrap .contact .mail a i {margin-right: 5px;font-size: 1.5rem;}
	.sub_nav_wrap .contact .mail a img {width: 130px;}
	.sub_nav_wrap .contact .tel {}
	.sub_nav_wrap .contact .tel .box {background-color: #ffffff;padding: 12px 12px;border-radius: 0 4px 4px 0;}
	.sub_nav_wrap .contact .phone_call {font-size: 1.25rem;padding-left: 20px;font-weight: 700;}
	.sub_nav_wrap .contact .phone_call a {color: #86c45f !important;}
	.sub_nav_wrap .contact .phone_call:before {top: 4px;left: 0;margin: 0;font-size: 1rem;color: #86c45f;}
	.header .global_nav {top: -10px;right: 15px;}
}

@media (min-width: 1140px) {
	.header #topbar .wrap h1.description {font-size: .8125rem;}
}

/* nav
   ================================================== */
#nav-toggle {display: inline-block;position: absolute;top: 15px;right: 20px;z-index: 1000;}
nav.main-nav.global_nav_sp {width: 100%;height: auto;border-bottom: 2px solid #222;border-right: none;background: #233380;padding: 15px 0;top: -150%;left: 0;z-index: 90;}
nav.main-nav.global_nav_sp.show-nav {top: 80px;left: 0;height: calc(100vh - 80px);overflow-y: scroll;}
.global_nav.pc_nav {display: none;}
.main-nav.global_nav_sp {
width: 220px;
position: fixed;
top: 0;
left: -220px;
height: 100%;
border-right: 2px solid #222;
-moz-transition: left 0.5s ease, top 0.5s ease;
-o-transition: left 0.5s ease, top 0.5s ease;
-webkit-transition: left 0.5s ease, top 0.5s ease;
transition: left 0.5s ease, top 0.5s ease;
}
.main-nav.global_nav_sp ul {list-style: none;padding: 0;margin: 0 15px;}
.main-nav.global_nav_sp li {text-align: center;font-size: 1.2em;font-weight: 700;}
.main-nav.global_nav_sp li {border-bottom: 1px solid #fff;text-align: left;list-style-type: none;margin: 0;padding: 0;border: 0;margin-bottom: 4px;}
.main-nav.global_nav_sp li.contact, .main-nav.global_nav_sp li.privacy {display: none;}
.main-nav.global_nav_sp li:last-child {border: 0;padding-right: 0;} 
.main-nav.global_nav_sp li a {position: relative;display: block;background-color: #fff;padding: 10px 25px;color: #222;font-size: 1.125rem;text-decoration: none !important;border-radius: 4px;}
.main-nav.global_nav_sp li a:hover {background-color: #999;}
.main-nav.global_nav_sp li a:after {content: "\f054";display: inline-block;font-family: "Font Awesome 5 free";font-size: 20px;font-weight: 600;line-height: 1;opacity: 1;color: #222;position: absolute;top: 50%;right: 25px;margin-top: -10px;text-rendering: auto;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.menu-icon {
display: block;
position: relative;
width: 40px;
height: 40px;
border: 2px solid #86c45f;
-moz-border-radius: 50%;
/* -webkit-border-radius: 50%; */
/* border-radius: 50%; */
}
.menu-icon span {
width: 22px;
display: block;
height: 2px;
background: #86c45f;
position: absolute;
left: 7px;
-moz-transition: -moz-transform 0.33s ease-out, width 0.2s linear;
-o-transition: -o-transform 0.33s ease-out, width 0.2s linear;
-webkit-transition: -webkit-transform 0.33s ease-out, width 0.2s linear;
transition: transform 0.33s ease-out, width 0.2s linear;
}
.menu-icon .top {
top: 11px;
}
.content-shrink .menu-icon .top {
top: 17px;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.menu-icon .mid {
top: 17px;
}
.content-shrink .menu-icon .mid {
display: none;
}
.menu-icon .bot {
top: 23px;
}
.content-shrink .menu-icon .bot {
top: 17px;
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
 
.main-nav.global_nav_sp .sub_nav {margin: 40px;}
.main-nav.global_nav_sp .sub_nav div {margin-bottom: 15px;}
.main-nav.global_nav_sp .sub_nav div:last-child {margin-bottom: 0;}
.main-nav.global_nav_sp .sub_nav div a {display: block;}
.main-nav.global_nav_sp .sub_nav .tel a {padding: 0 40px;}
.main-nav.global_nav_sp .sub_nav .contact {margin: 20px 0}
.main-nav.global_nav_sp .sub_nav .contact a {border: 1px solid #fff;padding: 10px 40px;}
.main-nav.global_nav_sp .sub_nav .bnr_shallwe a {
}
    
@media (min-width: 750px) {
	.main-nav.global_nav_sp,#nav-toggle {display: none;}
	.global_nav.pc_nav {display: block;width: 995px;}
	.global_nav ul {font-size: 0;margin: 0;}
	.global_nav ul li {/* display: inline-block; *//* padding: 0 20px; *//* margin: 0; *//* border-right: 1px solid #222; *//* font-size: 1.0rem; *//* font-weight: 500; *//* list-style: none; */}
	.global_nav ul li a {color: #222;margin: 0;padding: 0;text-decoration: none !important;}
	.global_nav ul .home,.global_nav ul .contact,.global_nav ul .privacy {display: none;}
	.header .global_nav ul .home,.header .global_nav ul .contact,.header .global_nav ul .privacy {display: none;}
	.global_nav ul .company {border: 0;padding-right: 0;}
}

/* nav-global_pc 01
   ================================================== */
nav.pc_nav.stroke ul.main {
  list-style: none;
  text-align: center;
}
nav.pc_nav.stroke ul.main > li {
  display: inline-block;
  border: 0;
  padding: 0;
  font-size: .875rem;
  /* font-weight: 700; */
  letter-spacing: .5px;
}
nav.pc_nav.stroke ul.main > li a {
  display: block;
  padding: 15px 5px;
  text-decoration: none;
  color: #2d2d2d;
  font-size: .8125rem;
  font-weight: 700;
  text-transform: uppercase;
  text-transform: none;
  margin: 0 10px;
}
nav.pc_nav.stroke ul.main > li a span {display: block;color: #2e87b5;font-size: .75rem;}
nav.pc_nav.stroke ul.main > li a,
nav.pc_nav.stroke ul.main > li a:after,
nav.pc_nav.stroke ul.main > li a:before {
  transition: all 0.5s;
}
nav.pc_nav.stroke ul.main > li a:hover {
  color: #2d2d2d;
  opacity: 1;
}
nav.stroke ul.main > li a {
  position: relative;
}
nav.stroke ul.main > li a:after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 0%;
  content: ".";
  color: transparent;
  background: #2e87b5;
  height: 1px;
}
nav.stroke ul.main > li a:hover:after {width: 100%;}

nav.stroke .drop {
  min-width: 150px;
  /* padding: 15px 0; */
  position: absolute;
  margin-left: -7px;
  background: #86c45f;
  z-index: 100;
  transition: 0.5s padding, 0.5s background;
}
nav.stroke .business .drop {/* margin-left: -60px; */}
nav.stroke .construction .drop {margin-left: -30px;}
nav.stroke .award .drop {margin-left: -4px;}
nav.stroke .quality .drop {margin-left: -38px;}
nav.stroke .company .drop {margin-left: -20px;}
nav.stroke ul li:not(:hover) > .drop {
  padding: 0;
  background: #86c45f;
  z-index: 99;
}
nav.stroke .drop > * {
  overflow: hidden;
  height: 42px;
  padding: 10px 10px;
  background: rgba(0, 0, 0, 0);
  white-space: nowrap;
  transition: 0.5s height cubic-bezier(0.73, 0.32, 0.34, 1.5), 0.5s padding cubic-bezier(0.73, 0.32, 0.34, 1.5), 0.5s margin cubic-bezier(0.73, 0.32, 0.34, 1.5), 0.5s 0.2s color, 0.2s background-color;
}
nav.stroke .drop > *:hover {
  background: #70a54f;
}
nav.stroke ul li:not(:hover) > .drop > * {
  visibility: hidden;
  height: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin: 0;
  color: rgba(25, 25, 25, 0);
  transition: 0.5s 0.1s height, 0.5s 0.1s padding, 0.5s 0.1s margin, 0.3s color, 0.6s visibility;
  z-index: 99;
}
nav.stroke .drop li {/* padding: 10px 10px; */}
nav.stroke .drop li a {padding: 0 !important;color: #fff !important;}
nav.stroke .drop li a:after {height: 0 !important;}

@media (min-width: 1300px) {
.header {height: 180px;}
.header .wrapper {height: 55px;}
.header .site_title {top: 0px;}
.header .site_title h1.header_title {width: 230px;}
nav.pc_nav.stroke ul.main > li a {padding: 15px 10px;font-size: .875rem;}
nav.pc_nav.stroke ul.main > li a span {font-size: .8125rem;}
}

/* Footer
   ================================================== */
.footer {margin: 0;padding: 0;background-color: #e5e5e5;text-align: center;}
.footer section {padding: 40px 0;}
.footer section .container {color: #2d2d2d;}
.footer a {color: #2d2d2d;text-decoration: none !important;}
.footer a:hover {color: #5dbff2;}

/* Contact --------------------------- */
.footer .contact {background-color: #e1f0d7;padding: 60px 0;}
.footer .contact .container {max-width: 1120px;padding: 0 30px;}
.footer .contact .row {margin-right: -1px;margin-left: -1px;}
.footer .contact .row .col {padding-right: 1px;padding-left: 1px;}
.footer .contact .col .box {background-color: #fff;padding: 15px 20px 30px;text-align: center;}
.footer .contact .col.ttl .box {margin-bottom: 2px;padding: 30px 20px;}
.footer .contact .col.ttl {}
.footer .contact .col.ttl .ttl {margin-bottom: 25px;}
.footer .contact .col.ttl .jpn {font-size: 1.5rem;margin-bottom: 0;}
.footer .contact .col.ttl .eng {font-family: niveau-grotesk, "sans-serif";font-size: 1rem;font-weight: 700;}
.footer .contact .col.tel {}
.footer .contact .col.tel .tel {
}
.footer .contact .col.tel .tel:before {content: "\f879";font-size: 1.75rem;top: 48%;left: 0;margin-top: -11px;}
.footer .contact .col.tel .tel a {/* color: #252525; *//* text-decoration: none !important; *//* margin: 0; *//* padding: 0; */}
.footer .contact .col.tel .recep {font-weight: 700;}
.footer .contact .col.tel .btn_box {margin-top: 30px;}

/* Bnr --------------------------- */
.footer .bnr {background-color: #d8d8c5;padding: 60px 0;}
.footer .bnr .container {max-width: 1040px;}
.footer .bnr .f_bnr {margin: 0;padding: 0;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -5px;margin-left: -5px;margin-top: -10px;}
.footer .bnr .f_bnr li {list-style: none;-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;padding: 10px 5px 0;margin: 0;}
.footer .bnr .f_bnr a {
}
.footer .bnr .f_bnr img {
}

/* Footer Info / Nav --------------------------- */
.footer section.info_nav {padding: 0;}
.footer section.info_nav .container {max-width: 1200px;}
.footer section.info_nav .wrap {}
.footer section.info_nav .row {margin-top: 0;}
.footer .f_nav {display: none;padding-top: 0;}
.footer .f_info {padding-top: 0;}
.footer .f_info .box {}
.footer .f_info .logo {margin: 0 auto;width: 200px;}
.footer .f_info .logo a {display: block;}
.footer .f_info .logo a img {}
.footer .f_info .logo+.jp {font-size: .875rem;font-weight: 500;margin-top: 10px;}
.footer .f_info .privacy {margin-top: 15px;font-size: .8125rem;}
.footer .f_info .privacy a {margin: 0 7px;}
.footer .f_info .add {font-size: .8125rem;margin-top: 35px;}
.footer .f_info .biz {font-size: .75rem;margin-top: 15px;}
.footer_bnr {max-width: 100% !important;background-color: #ddd;padding: 40px 0;margin-bottom: 60px;border-top: 1px solid #ddd;}
.footer_bnr .wrap {max-width: 860px;margin: auto;}
.footer_bnr .row {flex-flow: wrap !important;margin-top: -15px !important;margin-bottom: 0;}
.footer_bnr .row  .col {padding: 15px 15% 0;}
.footer_bnr .row  a {}
.footer_bnr .row  img {border: 1px solid #ccc;border-radius: 6px;}
.copyright {margin-top: 15px;font-family: Verdana, Geneva, "sans-serif";font-size: .75rem;letter-spacing: 1px;border-top: 1px solid #2d2d2d;padding: 15px 0;}

@media screen and (min-width: 576px) {
	.footer .bnr .f_bnr li {-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;}
}

@media screen and (min-width: 768px) {
	.footer {text-align: left;}
	.footer .contact {padding: 80px 0;}
	.footer .contact .col .box {height: 100%;padding: 40px 20px;}
	.footer .contact .col.ttl .box {margin-bottom: 0;padding: 40px 20px;}
	.footer .contact .col.ttl .ttl {margin-bottom: 30px;padding-top: 10px;}
	.footer .bnr .f_bnr li {-ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}
	.footer .bnr .f_bnr li {-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;}
	.footer section.info_nav {/* padding: 60px 0 0; */}
	.footer section.info_nav .row {flex-flow: row-reverse;}
	.footer .f_nav {display: block;}
	.footer .f_nav .box {margin-top: 10px;padding-left: 180px;}
	.footer .f_nav .row {flex-flow: inherit !important;justify-content: flex-end;}
	.footer .f_nav .col {padding-top: 0;display: flex;justify-content: flex-end;}
	.footer .f_nav .row .col:nth-child(1) .inner {padding-right: 15px;}
	.footer .f_nav .row .col:nth-child(2) {}
	.footer .f_nav .row .col:nth-child(3) {}
	.footer .f__nav {margin: 0;padding: 0;text-align: initial;}
	.footer .f__nav li {list-style: none;margin-bottom: 17px;}
	.footer .f_info .logo {width: 220px;margin: 0;}
	.footer .f_info .logo+.jp {text-align: left;margin-top: 10px;}
	.footer .f_info .privacy {margin-top: 5px;}
	.footer .f_info .privacy a {margin: 0 25px 0 0;}
	.footer_bnr {padding: 60px 0;}
	.footer_bnr .wrap {}
	.footer_bnr .row  {margin: 0 -10px !important;}
	.footer_bnr .row  .col {padding: 0 10px;}
	.footer_bnr .row  a {}
	.footer_bnr .row  img {}
	.copyright {padding: 25px 0;margin-top: 35px;}
}