@charset "utf-8";    
/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126License: none (public domain)*/
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;}/* HTML5 display-role reset for older browsers */article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;}blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}table {border-collapse: collapse;border-spacing: 0;}
html {width: 100%;overflow-x: hidden;font-size: calc(62.5% + .25vw);}

img {max-width: 100%;height: auto;}
a{transition-duration: .4s;text-decoration: none;color: inherit;}
a:hover{opacity:.6;cursor: pointer;}

:root {/* Colors: */
--unnamed-color-042646: #042646;--unnamed-color-0e3d68: #0E3D68;--unnamed-color-efefef: #EFEFEF;--unnamed-color-eaf3fc: #EAF3FC;--unnamed-color-000000: #000000;--unnamed-color-ffe200: #FFE200;--unnamed-color-ffffff: #FFFFFF;}

/* CSS Document */
body{overflow-x: hidden;margin: 0;position: relative;font-family: 'Noto Sans JP';}
body.menuopen{position: fixed;}
section{margin: 5em auto 0;/* max-width: 1100px; *//* background-color: #5f9ea091; */padding: 1px 0 0;position: relative;/* overflow: hidden; *//* border-top: solid 2px red; */}

.target {opacity: 0;transition-duration: .9s;transform: translateY(30px);}
.target.run {opacity: 1;transform: translateY(0px);}



/*============================
#globalnav
============================*/
header {position: fixed;top: 0;left: 0;height: 60px;z-index: 10;background: transparent linear-gradient(90deg, var(--unnamed-color-042646) 0%, #1169AF 100%) 0% 0% no-repeat padding-box;background: transparent linear-gradient(90deg, #042646 0%, #1169AF 100%) 0% 0% no-repeat padding-box;width: 100%;z-index: 100;}
header div#globalnav.wrap {}
header div#globalnav.wrap .logo {}
header div#globalnav.wrap .logo img {height: 33px;width: auto;margin: 14px;}
header div#globalnav.wrap div.btnwrap {top: 0;right: 0;/* background-color: #5f9ea091; */padding: 24px 0;position: absolute;width: 70px;}
header div#globalnav.wrap div.btnwrap div.nav_btn {cursor: pointer;position: relative;width: 18px;height: 13px;margin: auto;}
header div#globalnav.wrap div.btnwrap div.nav_btn span{position: absolute;width: 100%;height: 1px;background-color: #fff;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
header div#globalnav.wrap div.btnwrap div.nav_btn span:nth-child(1) {top: 0;}
header div#globalnav.wrap div.btnwrap div.nav_btn span:nth-child(2) {bottom: 0;}
header div#globalnav.wrap div.btnwrap div.nav_btn span:nth-child(3) {margin: auto;top: 0;bottom: 0;}
header div#globalnav.wrap ul {/* background-color: #5f9ea091; */transition-duration: .4s;position: fixed;width: 100%;bottom: 0;overflow: hidden;height: 0;}
header div#globalnav.wrap ul li {}
header div#globalnav.wrap ul li:first-of-type {margin: 3em auto 0;}
header div#globalnav.wrap ul li {display: block;width: 90%;position: relative;text-align: center;overflow: hidden;padding: 3em 0 2rem;margin: 0 auto 0;border-bottom: solid 1px #e3e3e3;overflow: hidden;font-weight: 500;}
header div#globalnav.wrap ul li a {font-size: 1.8rem;display: block;letter-spacing: .2em;color: #363636;position: relative;bottom: -3em;opacity: 0;transition-duration: .4s;}
header div#globalnav.wrap ul li span.maru {}
/* OPEN */
body.menuopen header{z-index: 100;}
header div#globalnav.wrap div.btnwrap.menuopen + ul{background: white;overflow-y: scroll;height: 100%;bottom: -60px;}
header div#globalnav.wrap div.btnwrap.menuopen + ul li a{bottom: 0;opacity: 1;}
header div#globalnav.wrap div.btnwrap.menuopen div.nav_btn span:nth-child(1){bottom: 0;margin: auto;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
header div#globalnav.wrap div.btnwrap.menuopen div.nav_btn span:nth-child(2){display:none;}
header div#globalnav.wrap div.btnwrap.menuopen div.nav_btn span:nth-child(3){bottom: 0;margin: auto;-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);}


#contents_wrap{}
#contents_wrap.is-change{}
#contents_wrap .side{}
#contents_wrap .main{}


/*============================
横ナビ
============================*/
div#sidenav.side {display: none;}


/*============================
#kv
============================*/
div#kv {position: relative;z-index: 10;height: 199vw;overflow: hidden;}
div#kv img {position: absolute;top: 0;right: 0;left: 0;margin: auto;}
div#kv img.mv {width: 100%;}
div#kv img.ttl,
div#kv img.scl {}
div#kv img.ttl {width: 24rem;top: 24vh;}
/* コンテンツ表示調整 */
div#adjustment_pt {position: absolute;top: 0;right: 0;width: 100px;height: 50%;/* background-color: #5f9ea091; */}
@media screen and (min-width:800px) {/*　pc：*px～　*/
div#kv img.mv.pc{display:block;}
div#kv img.mv.sp{display:none;}
}
@media screen and (max-width:800px) {/*　sp：0～*pxまで　*/
div#kv img.mv.pc{display:none;}
div#kv img.mv.sp{display:block;}
}

/**/
#scroll {display: inline-block;position: absolute;right: 0;left: 0;bottom: 0;margin: auto;width: 1em;z-index: 2;padding: 10px 10px 270px;transition: 0.2s;}
#scroll:before {content: "";position: absolute;bottom: 0;left: 50%;width: 1px;height: 24rem;background: rgba(255, 255, 255, 0.4);}
#scroll:after {content: "";position: absolute;bottom: 0;left: 50%;width: 1px;background: #fff;height: 30px;animation: sdl 1.5s ease infinite;}
div#kv #scroll img {position: relative;top: -4vw;left: -5vw;right: 0;/* background: cadetblue; */max-width: initial;width: 13vw;}
@media screen and (max-width: 1000px) {/*　tab：0～*pxまで　*/
#scroll {left: 26%;padding: 10px 10px 80px;}
#scroll:before {height: 8.5rem;}
#scroll:after {}
div#kv #scroll img{width: 50px;left: -17px;}
@keyframes sdl {0% {transform: translateY(-60px);}50%,100% {transform: translateY(30px);}}
}
@media screen and (max-width:800px) {/*　sp：0～*pxまで　*/
#scroll {left: 0;padding: 10px 10px 270px;}
#scroll:before {height: 24rem;}
#scroll:after {}
div#kv #scroll img{width: 13vw;left: -5vw;}
@keyframes sdl {0% {transform: translateY(-200px);}50%,100% {transform: translateY(30px);}}
}
@media screen and (min-width:1000px) {/*　pc：1000～　*/
#scroll {left: 21%;padding: 10px 10px 26vw;}
#scroll:before {height: 14.5vw;}
#scroll:after {}
div#kv #scroll img {top: 11vw;left: -1.0vw;right: 0;width: auto;width: 50px;}
@keyframes sdl {0% {transform: translateY(-180px);}50%,100% {transform: translateY(30px);}}
}


section div.wrap{max-width:1100px;margin-right: auto;margin-left: auto;}

/* current表示調整 */
.ancpt {
	position: absolute;
	top: -25vw;
	right: 0;
	width: 5em;
	height: 25vw;
	/* background-color: #5f9ea091; */
	/* z-index: 99; */
	pointer-events: none;
}

h2.h2ttl {color: var(--unnamed-color-042646);text-align: center;font: normal normal bold 2.5rem/2 Noto Sans JP;letter-spacing: 0.07px;}
h2.h2ttl span {display: inline-block;position: relative;font-family: 'Noto Sans JP';}
h2.h2ttl span:after {position: absolute;bottom: -10px;right: 0;left: 0;margin: auto;content: "";width: 30px;height: 3px;background: rgb(4,38,70);background: linear-gradient(90deg, #042646 0%, rgba(4,38,70,1) 50%, rgba(255,226,0,1) 50%, rgba(255,226,0,1) 100%);}

.h3en{position: absolute;top: 0;right: 0;/* font-size: 6rem; *//* font-weight: bold; *//* font-family: 'Barlow Condensed', sans-serif; *//* color: #EFEFEF; *//* font-feature-settings: "palt"; *//* letter-spacing: 6px; */}
.h3en.rotate{-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.h3en.multiply{mix-blend-mode: multiply;}
.h3en span{}
.h3en span span{color: var(--unnamed-color-ffe200);}

div.box {/* background-color: #5f9ea091; */}
div.box p {}

i{position: relative;height: 1em;width: 1em;display: inline-block;/* background: red; */margin: 0 0 0 .5em;}
i:before{position: absolute;top: 0;bottom: 0;right: 0;margin: auto;content:'';font-size: 0;padding: 0;-webkit-mask-size: cover;mask-size: cover;vertical-align: middle;}
.i_arb{}
.i_arb:before {-webkit-mask: url(../img/i_arb.svg);mask: url(../img/i_arb.svg);background-color: #fff;height: 7px;width: 19px;}
.i_arr {}
.i_arr:before {-webkit-mask: url(../img/i_arr.svg);mask: url(../img/i_arr.svg);background-color: #0e3d68;height: 7px;width: 20px;}
.i_tel {}
.i_tel:before {-webkit-mask: url(../img/i_tel.svg);mask: url(../img/i_tel.svg);background-color: #0e3d68;height: 38px;width: 38px;}
.i_tr{}
.i_tr:before {-webkit-mask: url(../img/i_tr.svg);mask: url(../img/i_tr.svg);background-color: #000;height: 20px;width: 17px;}
.i_mai{}
.i_mai:before {-webkit-mask: url(../img/i_mai.svg);mask: url(../img/i_mai.svg);background-color: #0e3d68;height: 17px;width: 23px;}

div.btn {transition-duration: .4s;margin: 0 auto;position: relative;text-align: center;}
div.btn a {color: var(--unnamed-color-ffffff);text-align: center;font-size: 20px;font-family: 'Montserrat', sans-serif;line-height: 28px;letter-spacing: 0.04px;padding: 15px 77px 13px;display: inline-block;position: relative;width: 60%;}
div.btn a:before,
div.btn a:after{position: absolute;top: 0;bottom: 0;right: 0;margin: auto;content: "";width: 100%;transition-duration: .5s;}
div.btn a:before{background: transparent linear-gradient(90deg, #042646 0%, #1169AF 100%) 0% 0% no-repeat padding-box;z-index: -1;height: 100%;box-shadow: 0px 3px 6px #00000029;}
div.btn a:after{background: #000;z-index: -2;}
div.btn i{width: 0em;left: 1em;}
/* hover */
div.btn a:hover{opacity: 1;}
div.btn a:hover:before{opacity: 0;}
div.btn a:hover:after{}


/*============================
#message
============================*/
section#message {background-image: url(../img/mes_bg_sp.jpg);background-position: 0 51vw;background-size: contain;background-repeat: no-repeat;margin: 0em auto 0;padding: 5em 0 0;}
section#message .h3en {right: auto;top: 37vw;width: 94%;}
section#message .h3en span {}
section#message div.wrap {}
section#message div.wrap h2.h2ttl {}
section#message div.wrap h2.h2ttl span {}
section#message div.wrap .img_box {position: relative;width: 75%;margin: 6rem auto 0;}
section#message div.wrap .img_box .mes_man {width: 90%;margin: auto;display: block;aspect-ratio: 505/542;position: relative;left: 4%;}
section#message div.wrap .img_box .mes_ph {position: absolute;bottom: -10.5rem;right: 0;left: 0;z-index: 2;width: 34rem;margin: auto;}
section#message div.wrap div.box {padding: 13em 2em 4em;background: white;max-width: 800px;width: 80%;margin: 0rem auto 0;overflow: hidden;position: relative;z-index: 1;/* background-color: #5f9ea091; */}
section#message div.wrap div.box p {position: relative;text-align: left;font-size: 1.3rem;line-height: 3rem;letter-spacing: 0.03px;font-family: 'Noto Sans JP', sans-serif;margin: 0 0 1em;}
section#message div.wrap div.box p:nth-of-type(2){display:none;}
section#message div.wrap div.box span.name {float: right;margin: 2.5em 0 0;display: -webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
section#message div.wrap div.box span.ja {display: inline-block;}
section#message div.wrap div.box span.en {display: block;width: 100%;text-align: right;margin: 8px 0 0 0;font-family: 'Barlow';font-weight: 500;font-size: 11px;}
section#message div.wrap div.box span img.mes_man {width: 16rem;margin: 0 0 0 10px;aspect-ratio: 498/82;}
section#message div.wrap div.btn {margin: 3em 0 2em;}
section#message div.wrap div.btn span {color: var(--unnamed-color-ffffff);text-align: center;font: 20px/28px Montserrat;letter-spacing: 0.04px;padding: 0.5em 2em;display: inline-block;position: relative;width: 60%;}
section#message div.wrap div.btn span:after,
section#message div.wrap div.btn span:before {position: absolute;top: 0;bottom: 0;right: 0;margin: auto;content: "";width: 100%;transition-duration: .5s;}
section#message div.wrap div.btn span:before {background: transparent linear-gradient(90deg, #042646 0%, #1169AF 100%) 0% 0% no-repeat padding-box;z-index: -1;height: 100%;box-shadow: 0px 3px 6px #00000029;}
section#message div.wrap div.btn span:after {background: #000;z-index: -2;}
section#message div.wrap div.btn span .i_arb:before {top: 11px;}
/* open */
section#message div.wrap div.box p.menuopen + div.btn span .i_arb:before{-webkit-transform: rotate(-180deg);transform: rotate(-180deg);}
section#message div.wrap div.box p.menuopen + div.btn{display:none;}


/*============================
#business
============================*/
section#business {background: transparent linear-gradient(0deg, var(--unnamed-color-042646) 0%, #1169AF 100%) 0% 0% no-repeat padding-box;color: white;padding: 6rem 0 2rem;margin: 0em auto 0;}
section#business h3.h3en {color: #0B4777;top: 48vw;right: -48vw;width: 114vw;}
section#business h3.h3en span {}
section#business h3.h3en span span {color: #115C00;}
section#business div.wrap {}
section#business div.wrap h2.h2ttl {color: white;}
section#business div.wrap h2.h2ttl span:after {background: #fff;background: linear-gradient(90deg, #ffffff 0%, rgb(255 255 255) 50%, rgba(255,226,0,1) 50%, rgba(255,226,0,1) 100%);}
section#business div.wrap ul {display: -webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack:justify;justify-content:space-between;margin: 3rem auto 0;width: 90%;}
section#business div.wrap ul li {margin: 0 0 40px;}
section#business div.wrap ul li > img{aspect-ratio: 543/398;}
section#business div.wrap ul li img.mes_man {}
section#business div.wrap ul li h3 {font: normal normal bold 1.8rem/2.0rem Noto Sans JP;letter-spacing: 0.05px;margin: .5em 0 0;display: -webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;font-family: 'Noto Sans JP';}
section#business div.wrap ul li h3 img {width: 3rem;margin: 0 .8em 0 0;aspect-ratio: 84/84;}
section#business div.wrap ul li p {font: normal normal normal 14px/32px Noto Sans JP;font-family: 'Noto Sans JP';letter-spacing: 0.02px;margin: .5em 0 0;}


/*============================
#company
============================*/
section#company {/* background: url(../img/com_he.jpg?1) repeat-x top center; */background-image: url(../img/com_he_sp.jpg);background-repeat: no-repeat;background-size: contain;padding: 42vw 0 0;margin-top: 0;}
section#company h3.h3en {top: 0vw;right: auto;/* opacity: .5; */width: 99%;}
section#company h3.h3en img{display: block;}
section#company h3.h3en span {}
section#company h3.h3en span span {}
section#company div.wrap {background: white;padding: 3em 1em;width: 86%;/* background-color: #5f9ea091; */}
section#company div.wrap h2.h2ttl {margin: 0 0 60px;}
section#company div.wrap h2.h2ttl span {}
section#company div.wrap dl {font: normal normal normal 15px/31px Noto Sans JP;letter-spacing: 0.02px;display: -webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
section#company div.wrap dl dt:first-of-type{border-top: solid 1px #F3F3F6;}
section#company div.wrap dl dd:first-of-type{}
section#company div.wrap dl dt,
section#company div.wrap dl dd {padding: 20px 0;width: 100%;}
section#company div.wrap dl dt {border: none;padding-bottom: 0;line-height: 1.0;font: normal normal 500 15px/15px Noto Sans JP;}
section#company div.wrap dl dd {font-weight: 400;border-bottom: solid 1px #F3F3F6;padding-top: 7px;}
section#company div.wrap h4 {font-size: 2.0rem;letter-spacing: 0.05px;border-left: solid .5em var(--unnamed-color-ffe200);padding: 0 0 0 .5em;margin: 55px 0 17px;font-family: 'Noto Sans JP';font-weight: 500;}
section#company div.wrap dl dd span {/* font-size: .8em; */}
section#company div.wrap .hobby{font: normal normal normal 15px/31px Noto Sans JP;letter-spacing: 0.02px;padding: 20px 0;}

/*============================
#access
============================*/
section#access {background: var(--unnamed-color-eaf3fc);padding: 5em 0 5em;}
section#access h3.h3en {/* color: #DBE4EC; */top: 33vw;right: -33vw;width: 80vw;}
section#access h3.h3en span {}
section#access h3.h3en span span {color: #EAD700;}
section#access div.wrap {width: 90%;margin: 0 auto 0;}
section#access div.wrap h2.h2ttl {}
section#access div.wrap h2.h2ttl span {}
section#access div.wrap p {margin: 3rem 0 1rem;text-align: center;/* font: normal normal normal 16px/24px Noto Sans JP; */letter-spacing: 0.03px;font-size: 3.8vw;line-height: 1.5;text-align: left;}
section#access div.wrap p span{margin: 0 0 7px;display: inline-block;}
section#access div.wrap .mapwrap{width: 100%;position: relative;padding: 0 0 100%;}
section#access div.wrap .mapwrap iframe{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto auto;display: block;width: 100%;height: 100%;}
section#access div.wrap p i.i_tr:before {right: 2vw;}
section#access div.wrap div.btn {margin: 2em 0 0;}
section#access div.wrap div.btn a {font-size: 15px;padding: .8em;font-family: 'Montserrat', sans-serif;}
section#access div.wrap div.btn a i.i_arr{left: 2em;}
section#access div.wrap div.btn a i.i_arr:before {top: 3px;background-color: #ffffff;}
section#access div.wrap div.btn a:hover i.i_arr:before{}
section#access div.wrap p.access_add{}

/*============================
#contact
============================*/
#contact {background: url(../img/footer_bg.jpg);background-repeat: no-repeat;background-size: cover;background-position: top center;margin: 0em 0 0;position: relative;text-align: center;height: 57rem;}
#contact .wrap{position: relative;top: 11rem;z-index: 1;background: white;display: inline-block;margin: 0 auto 0;}
#contact div.wrap {background: white;max-width: 907px;width: 80%;text-align: center;position: absolute;top: 8em;right: 0;left: 0;margin: 0 auto 0;padding: 1em 2em 3em;display: -webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-pack: justify;-ms-flex-pack:justify;justify-content:space-between;}
#contact div.wrap h2 {width: 100%;background: cadetblue;background: #042646 0% 0% no-repeat padding-box;border-radius: 100px;color: white;padding: 1em;display: inline-block;margin: -2em 0 1em;font: normal normal bold 19px/31px Noto Sans JP;letter-spacing: 0.05px;font-family: 'Noto Sans JP';}
#contact div.wrap h2 span {color: #FFE200;font-family: 'Noto Sans JP';}
#contact div.wrap div.box {font: normal normal bold 2rem/34px Noto Sans JP;letter-spacing: 0.04px;width: 100%;padding: 2rem 0 0;font-family: 'Noto Sans JP';}
#contact div.wrap div.box:first-of-type {border-bottom: solid 1px #042849;padding: 0 0 2em;}
#contact div.wrap div.box h3 {font: normal normal bold 2rem/34px Noto Sans JP;letter-spacing: 0.05px;color: var(--unnamed-color-0e3d68);}
#contact div.wrap div.box p:nth-of-type(1) {padding: .5em 0;font-weight: normal;font-size: 1.8rem;}
#contact div.wrap div.box p.tel_num {letter-spacing: 0.07px;font: normal normal 500 2.5rem/2.0rem Roboto;color: #0E3D68;}
#contact div.wrap div.box p.tel_num i{margin: 0;}
#contact div.wrap div.box p.tel_num .i_tel:before{top: 6px;}
#contact div.wrap div.box p.mail_btn {margin: 1rem 0 0;}
#contact div.wrap div.box p.mail_btn a {position:relative;/* box-shadow: 0px 3px 6px #00000029; */text-align: center;font: normal normal normal 1.3rem/1.2rem Hiragino Kaku Gothic ProN;padding: 1.5rem 0;letter-spacing: 0.03px;color: #042646;display: inline-block;width: 90%;transition-duration: .1s;}
#contact div.wrap div.box p.mail_btn a:before,
#contact div.wrap div.box p.mail_btn a:after{position: absolute;top: 0;bottom: 0;right: 0;margin: auto;content: "";width: 100%;transition-duration: .4s;}
#contact div.wrap div.box p.mail_btn a:before{background: #FFE200 0% 0% no-repeat padding-box;z-index: -1;}
#contact div.wrap div.box p.mail_btn a:after{background: #000;z-index: -2;}
#contact div.wrap div.box p.mail_btn a .i_mai{left: -0.5rem;}
#contact div.wrap div.box p.mail_btn a .i_mai:before {right: 9px;top: 5px;}
#contact div.wrap div.box p.mail_btn a .i_arr{right: -2rem;}
#contact div.wrap div.box p.mail_btn a .i_arr:before {}
/* hover */
#contact div.wrap div.box p.mail_btn a:hover{opacity: 1;color: #fff;}
#contact div.wrap div.box p.mail_btn a:hover:before{opacity: 0;}
#contact div.wrap div.box p.mail_btn a:hover:after{}
#contact div.wrap div.box p.mail_btn a:hover i:before{background-color: #fff;}
#contact div.wrap div.box p.mail_btn a:hover{}

footer {}
footer .data {background: #000;color: white;}
footer .data p {margin: 0 auto 0;padding: 4em 2em 4em;font: normal normal normal 13px/34px Noto Sans JP;letter-spacing: 0.03px;}
footer p img.logo {width: auto;height: 33px;margin: auto;margin: 0 0 39px;}
footer .copy {background: #EFEFEF;/* background-color: #5f9ea091; */padding: .5em 1em;}
footer .copy span {}

div#totop {position: fixed;bottom: 3vw;right: 3vw;z-index: 1;background: var(--unnamed-color-ffe200);border-radius: 100px;width: 80px;height: 80px;box-shadow: 0px 3px 7px #00000033;transition-duration: .4s;}
div#totop img{width: 50%;margin: 24px auto 0;display: block;}
div#totop:hover{background: white;}


@media screen and (max-width:800px) {/*　0～*pxまで　*/
.pconly {display:none !important;}
}
@media screen and (min-width: 800px) {/*　*px～　*/
.sponly {display:none !important;}
a[href*="tel:"] {pointer-events: none;cursor: default;text-decoration: none;}


body{padding: 0;overflow: initial;margin: 0 auto;}
section{}

div#head_wrap {/* background: cadetblue; */height: 49.5vw;position: relative;}

/*============================
#globalnav
============================*/
header {position: sticky;padding: 3rem 0rem 2rem;height: auto;width: 27%;max-width: 400px;z-index: 102;transition-duration: 1.0s;opacity: 1;}
header.is-change {opacity: 0;top: 0;}
header div#globalnav.wrap {}
header div#globalnav.wrap .logo {width: 60%;margin: 0 auto 0;}
header div#globalnav.wrap .logo img {margin: 0;width: auto;height: auto;}
header div#globalnav.wrap div.btnwrap {display: none;}
header div#globalnav.wrap div.btnwrap div.nav_btn {}
header div#globalnav.wrap div.btnwrap div.nav_btn span{}
header div#globalnav.wrap div.btnwrap div.nav_btn span:nth-child(1) {}
header div#globalnav.wrap div.btnwrap div.nav_btn span:nth-child(2) {}
header div#globalnav.wrap div.btnwrap div.nav_btn span:nth-child(3) {}
header div#globalnav.wrap ul {width: 60%;margin: 0 auto 0;opacity: 1;position: static;height: auto;}
header div#globalnav.wrap ul li {padding: 0 0 0em 3em;width: auto;border: none;overflow: initial;}
header div#globalnav.wrap ul li:first-of-type {margin: 3em auto 0;}
header div#globalnav.wrap ul li:before {content: "";width: 1px;background: #ffffff;display: block;position: absolute;top: 6px;bottom: 0;left: 3px;}
header div#globalnav.wrap ul li:last-of-type:before{display:none;}
header div#globalnav.wrap ul li a {padding: 0em 0 31px;color: white;font-size: 16px;letter-spacing: 0.05px;font-family: 'Roboto';font-weight: 500;bottom: 0;opacity: 1;text-align: left;position: relative;top: -5px;overflow: initial;}
header div#globalnav.wrap ul li:first-of-type a {}
header div#globalnav.wrap ul li span.maru {content: "";display: block;position: absolute;top: 0;left: 0;width: 7px;height: 7px;border-radius: 50%;background: #fff;}
header div#globalnav.wrap ul li:first-of-type span.maru {}


#contents_wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;transition-duration: 1.0s;opacity:0;position: relative;top: 3rem;}
#contents_wrap.is-change{opacity: 1;top: 0;}
#contents_wrap .side{}
#contents_wrap .main{width: 73%;}

/*============================
横ナビ
============================*/
div#sidenav.side {display: block;width: 27%;/* background-color: #5f9ea091; */z-index: 101;position: relative;margin: 60px 0 0;}
div#sidenav.side div.wrap {position: sticky;top: 0%;left: 0;padding-top: 50px;/* opacity: 0; */transition-duration: .9s;transform: translateY(30px);}
/* run */div#sidenav.side div.wrap.run {opacity: 1;transform: translateY(0px);max-width: 400px;}
div#sidenav.side div.wrap .logo {width: 60%;margin: 0 auto 0;}
div#sidenav.side div.wrap .logo img {}
div#sidenav.side div.wrap ul {width: 60%;margin: 0 auto 0;}
div#sidenav.side div.wrap ul li {padding: 0 0 0em 3em;width: auto;border: none;position: relative;}
div#sidenav.side div.wrap ul li:before {content: "";width: 1px;background: #707070;display: block;position: absolute;top: 0;bottom: 0;left: 3px;}
div#sidenav.side div.wrap ul li:first-of-type {margin: 3em auto 0;}
div#sidenav.side div.wrap ul li:last-of-type:before {display:none;}
div#sidenav.side div.wrap ul li a {display: block;padding: 0em 0 38px;color: #707070;font-size: 16px;font-weight: 500;letter-spacing: 0.05px;font-family: 'Roboto';position: relative;top: -4px;}
div#sidenav.side div.wrap ul li span.maru {content: "";display: block;position: absolute;top: 0;left: 0;width: 7px;height: 7px;border-radius: 50%;background: #707070;}
/* current */
div#sidenav.side div.wrap ul li a.current {color: #000;font-weight: bold;}
div#sidenav.side div.wrap ul li a.current + span.maru {border-color: #000;background: #000;}


/*============================
#kv
============================*/
div#kv {z-index: 1;height: auto;position: absolute;top: 0;}
div#kv img {}
div#kv img.mv{position: static;/* margin: auto; *//* width: auto; *//* height: 100%; */}
div#kv img.ttl,
div#kv img.scl {position: absolute;right: 0;left: 0;margin: auto;}
div#kv img.ttl {top: 160px;right: 10rem;left: auto;width: 400px;}
/*div#kv img.scl {width: 5rem;}*/


section div.wrap{}

h2.h2ttl {font: normal normal bold 34px/51px Noto Sans JP;}
h2.h2ttl span {}
h2.h2ttl span:after {}

.h3en{font-size: 129px;}
.h3en.rotate{}
.h3en span{}
.h3en span span{}

div.box {}
div.box p {}

div.btn {}
div.btn:hover {}
div.btn:hover  a{}

div.btn a {width: auto;}

/*============================
#message
============================*/
section#message {background-size: auto 488px;background-position: center 194px;background-repeat: repeat-x;background-image: url(../img/mes_bg.jpg);margin: 5em auto 0;}
section#message .h3en {top: 73px;width: 44%;}
section#message .h3en span {}
section#message div.wrap {}
section#message div.wrap h2.h2ttl {}
section#message div.wrap h2.h2ttl span {}
section#message div.wrap .img_box {max-width: 800px;width: 80%;padding: 0 2em;text-align: right;}
section#message div.wrap .img_box .mes_man {width: 390px;margin: 0 0 0 auto;}
section#message div.wrap .img_box .mes_ph {bottom: 0;top: 5rem;width: 48%;margin: auto 0;}
section#message div.wrap div.box {padding: 3em 4em;margin-top: 0rem;}
section#message div.wrap div.box p {font-size: 18px;line-height: 51px;margin: 0;}
section#message div.wrap div.box p:nth-of-type(2){display: block !important;}
section#message div.wrap div.box span.name {}
section#message div.wrap div.box span.ja {}
section#message div.wrap div.box span img.mes_man{}
section#message div.wrap div.box span.en {margin: 8px 0 0 0;}
section#message div.wrap div.btn {display: none;}
section#message div.wrap div.btn span {}



/*============================
#business
============================*/
section#business {}
section#business h3.h3en {top: 200px;right: -245px;width: 527px;}
section#business h3.h3en span {}
section#business h3.h3en span span {}
section#business div.wrap {}
section#business div.wrap h2.h2ttl {}
section#business div.wrap h2.h2ttl span {}
section#business div.wrap ul {}
section#business div.wrap ul li {width: 49%;}
section#business div.wrap ul li img.mes_man {}
section#business div.wrap ul li h3 {font-size: 26px;line-height: 38px;margin: 38px 0 0;}
section#business div.wrap ul li h3 img {}
section#business div.wrap ul li p {margin: 22px 0 0;}


/*============================
#company
============================*/
section#company {padding: 15rem 0 0;/* background-size: auto 448px; */background-image: url(../img/com_he.jpg?1);}
section#company h3.h3en {top: 1px;width: 44%;}
section#company h3.h3en span {}
section#company h3.h3en span span {}
section#company div.wrap {width: auto;padding: 3em;width: 74.4%;}
section#company div.wrap h2.h2ttl {}
section#company div.wrap h2.h2ttl span {}
section#company div.wrap dl {font: normal normal normal 16px/38px Noto Sans JP;}
section#company div.wrap dl dt:first-of-type,
section#company div.wrap dl dd:first-of-type{border-top: solid 1px #F3F3F6;}
section#company div.wrap dl dt,
section#company div.wrap dl dd {padding: 30px 0;}
section#company div.wrap dl dt {width: 20%;border-bottom: solid 1px #F3F3F6;font: normal normal 500 16px/38px Noto Sans JP;letter-spacing: 0.03px;}
section#company div.wrap dl dd {width: 80%;}
section#company div.wrap h4 {font: normal normal 400 24px/24px Noto Sans JP;margin: 75px 0 27px;}
section#company div.wrap dl dd span {}
section#company div.wrap .hobby{font: normal normal normal 16px/38px Noto Sans JP;padding: 30px 0;}

/*============================
#access
============================*/
section#access {padding: 3em 0 4em;margin: 1em auto 0;}
section#access h3.h3en {top: 133px;right: -185px;width: 395px;}
section#access h3.h3en span {}
section#access h3.h3en span span {}
section#access div.wrap {}
section#access div.wrap h2.h2ttl {}
section#access div.wrap h2.h2ttl span {}
section#access div.wrap p {font: normal normal normal 16px/34px Noto Sans JP;margin: 3rem auto 2rem;width: 26em;}
section#access div.wrap p span{margin:0;}
section#access div.wrap .mapwrap{padding: 0 0 30%;}
section#access div.wrap .mapwrap iframe{}
section#access div.wrap p i.i_tr:before{right: 7px;}
section#access div.wrap div.btn {}
section#access div.wrap div.btn a {padding: 15px 77px 13px;}
section#access div.wrap div.btn a i.i_arb {}
section#access div.wrap p.access_add{width: 40em;text-align: center;}

/*============================
#contact
============================*/
#contact {height: 520px;}
#contact .wrap{}
#contact div.wrap {padding: 1em 3em 3em;}
#contact div.wrap h2 {font-size: 25px;line-height: 34px;}
#contact div.wrap h2 span {}
#contact div.wrap div.box {width: 49.5%;font: normal normal normal 20px/34px Noto Sans JP;padding: 2rem 0;}
#contact div.wrap div.box:first-of-type {border: none;border-right: solid 1px #042849;padding: 2rem 0;}
#contact div.wrap div.box h3 {font: normal normal bold 24px/34px Noto Sans JP;letter-spacing: 0.05px;}
#contact div.wrap div.box p:nth-of-type(1) {font: normal normal normal 20px/34px Noto Sans JP;letter-spacing: 0.04px;}
#contact div.wrap div.box p.tel_num {font: normal normal 500 34px/34px Roboto;letter-spacing: 0.07px;padding: 2rem 0 0;}
#contact div.wrap div.box p.tel_num i{}
#contact div.wrap div.box p.mail_btn {}
#contact div.wrap div.box p.mail_btn a {font: normal normal normal 15px/16px Hiragino Kaku Gothic ProN;letter-spacing: 0.03px;width: 69%;padding: 1.3rem .5rem 1.3rem 1.5rem;}


footer {
    /* margin-bottom: 30vw; */
}
footer .data {}
footer .data p {max-width: 990px;font-size: 16px;padding: 3em 3em 3em;width: 80%;}
footer p img.logo {}
footer .copy {text-align: left;padding: 1em 0em;}
footer .copy span {max-width: 990px;margin: 0 auto 0;display: block;width: 80%;}

div#totop {bottom: 30px;right: 30px;width: 92px;height: 92px;}
div#totop img{width: 50%;margin: 1.5rem auto 0;}
}