html{scroll-behavior:smooth;}
body{margin:0px;font-size:20px;line-height:2;font-feature-settings:"palt";font-family:YuGothic, 'Yu Gothic Medium', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;}
a, .Label{-webkit-tap-highlight-color:rgba(0,0,0,0);}
img{border:none;margin:0px auto;padding:0px;height:auto;max-height:100%;display:block;max-width:100%;}
a{text-decoration:none;color:black;}
a:hover{opacity:.6;transition-duration:.3s;transform:translate(2px,2px);}
.fadeinR{opacity:0;transform:translateX(-200px);transition: all 1.5s;position:absolute;}
.fadeinL{opacity:0;transform:translateX(200px);transition: all 1.5s;position:absolute;}
.pc{display:block;}
.sp{display:none;}
ul,ol{list-style-type:none;margin:0;padding:0}
hr{border:none;position:absolute;bottom:27em;}
p{font-size:1em;line-height:2em;}
span{font-size:.85em;}
table{border-collapse: collapse;}
h1,h2,h3,h4,h5{margin:0;padding:0}
h1{font-size:1.8em;}
h2{font-size:1.6em;}
h3{font-size:1.4em;}
h4{font-size:1.2em;}
h5{font-size:1.1em;}

header,nav,article{width:60em;margin:0 auto;display:block;overflow:hidden;}
header{position:relative;}
section{width:100%;position:relative;}

/* ハンバーガーメニュー */
nav{display:none;position:fixed;width:60em;top:0;left:50%;transform:translateX(-50%);}

ul#menu{position:absolute;top:0em;right:0em;}
ul#menu{display:flex;justify-content:flex-end;}
ul#menu li{margin:1em 1em;text-align:right;font-size:1.1em;}
ul#menu li a{color:white;position:relative;padding:.5em;}
ul#menu li:last-of-type{padding:1em 2em;background:#76b781;margin:0 0 0 1em}
ul#menu li a::after {position: absolute;left:50%;transform:translateX(-50%);content:'';width:90%;height:1px;background:white;bottom:0em;}
ul#menu li:last-of-type a::after{display:none;}

.is-animation{height:100px;z-index:3;display:block;z-index:999;}
.menu-trigger, .menu-trigger span{display:inline-block;transition:all .4s;box-sizing:border-box;cursor:pointer;}
.menu-trigger{width:50px;height:50px;background:rgba(255,255,255,.5);z-index:2;position:absolute;top:0px;right:0%;}
.menu-trigger span{position:absolute;background:black;width:30px;height:3px;right:10px;margin:auto;border-radius:3px;}
.menu-trigger span:nth-of-type(1){top:18px;}
.menu-trigger span:nth-of-type(2){bottom:18px;}
.menu-trigger.active span:nth-of-type(1){transform: translateY(5.5px) rotate(-45deg);width:30px;}
.menu-trigger.active span:nth-of-type(2){transform: translateY(-5.5px) rotate(45deg);width:30px;}
.g-nav{display:none;position:absolute;top:0px;left:0%;background:#76b781;opacity: 0.95;width:100%;height:auto;padding:50px 0 0px;}

.is-animation .g-nav ul{display:flex;}
.g-nav ul{display:none;justify-content:flex-end;position:absolute;top:.3em;right:3em;}
.g-nav ul li a{color:white;margin:0 .5em;padding:.5em .5em .25em;font-size:1em;}


/* ヘッダー */
.header_h1,.header_h2,.header_p{position:absolute;line-height:1.35;}
.header_h1{text-align:center;color:white;text-shadow:.15em .15em .15em rgba(0,0,0,.25);top:14em;left:50%;transform:translateX(-50%);width:100%;}
.header_h1 h1{font-size:3.85em}
.header_h2{top:38em;left:31em;}
.header_h2 h2{font-size:3em}
.header_p{top:50em;left:31.5em;}
.header_p p{font-size:.95em}


/* ページヘッダー */
.page_header_h1{position:absolute;top:13em;left:6.5em;}
.page_header_h1 h1{font-size:3.75em;line-height:1.15;}


/* ヘッダーメニュー */
header ul{display:flex;position:absolute;width:56em;top:1.75em;left:calc(50% + 4em);transform:translateX(-50%);justify-content:center;}
header ul li{margin:0 2em;font-size:.75em;}
.header_logo{position:absolute;width:7em;top:4em;left:calc(50% - 23em);transform:translateX(-50%);}


#service{width:48em;margin:5em auto;height:85em;}
.service_h1{margin:0 0 .15em}
.service_h1 h1{font-size:3em}
.service_h2{margin:0 0 2.5em;line-height:1;}
.service_h2 h2{font-size:1em;position:relative;padding-left:1.25em;}
.service_h2 h2:before{content:"";width:1em;height:1em;border-radius:100%;background:#f9ee00;position:absolute;left:-.25em;}
.service_p{width:11.5em;text-align:justiry}
.service_p p{font-size:.85em;line-height:2em;}
#service ul{position:absolute;width:34em;top:10em;right:0;}
#service ul li{position:relative;height:24em;}
.service_li_h3,.service_li_p,#service ul li a{position:absolute;z-index:4}
.service_li_h3{left:2.5em;top:3em;}
.service_li_h3 h3{font-size:2em;line-height:1.35}
.service_li_p{left:2.5em;top:8.5em;width:10em}
.service_li_p p{font-size:.85em;line-height:2;font-weight:bold;}
#service ul li a{left:2.75em;top:19em;font-size:.85em;line-height:1;padding:1.25em 3em 1.25em 1.5em;text-align:center;color:white;box-shadow:0 0 .75em rgba(0,0,0,.5);border-radius:.75em;font-weight:bold;}
#service ul li a::after{content:"";width:1em;height:1em;background:url(img/btn_icon01.png) no-repeat;background-size:contain;position:absolute;top:50%;transform:translateY(-50%);right:1em;}


#vision .inn{width:96%;top:1.5em;left:50%;transform:translateX(-50%);position:absolute;}
.vision_h1{margin:0 0 0em 5em}
.vision_h1 h1{font-size:3em}
.vision_h2{margin:0 0 3.5em  5em;line-height:1;}
.vision_h2 h2{font-size:1em;position:relative;padding-left:1.25em;}
.vision_h2 h2:before{content:"";width:1em;height:1em;border-radius:100%;background:#f9ee00;position:absolute;left:-.25em;}
.vision_h3{margin:0 0 1em  5em}
.vision_h3 h3{font-size:2.25em}
.vision_h4{margin:0 0 .15em  5em}
.vision_h4 h4{font-size:1.1em;background:white;display:inline;}
.vision_p{width:auto;margin:0 0 0 5em}
.vision_p p{font-size:.85em;line-height:2em;font-weight:bold;}

#vision table{width:auto;margin:8em auto;}
#vision table tr{display:block;margin-bottom:1em;color:white;}
#vision table td{background:#51ba67;padding:.75em;box-sizing:border-box;white-space:nowrap;}
#vision table td:nth-of-type(1){border-radius:1em 0 0 1em;width:3em;text-align:center;}
#vision table td:nth-of-type(2){width:10em}
#vision table td:nth-of-type(3){border-radius:0 1em 1em 0;width:13em;text-align:right;}

#vision ul{width:96%;margin:5em auto}
#vision ul li{position:relative;margin-bottom:1.25em}
#vision ul li img{width:100%;height:auto;}
.vision_li_h3,.vision_li_h2,.vision_li_h1,.vision_li_p{position:absolute;z-index:4}
.vision_li_h3{left:3em;top:7em;}
.vision_li_h3 h3{font-size:.75em;line-height:1.35}
.vision_li_h2{left:3em;top:11.5em;}
.vision_li_h2 h2{font-size:.75em;line-height:1.35}
.vision_li_h1{left:3em;top:9em;}
.vision_li_h1 h1{font-size:1.85em;line-height:1.35}
.vision_li_p{left:3em;top:13em;}
.vision_li_p p{font-size:1em;line-height:1.5;font-weight:bold;}

#flow{margin:5em auto;}
#flow .inn{width:48em;margin:0 auto;display:block;}
.flow_h1{margin:0 0 .15em}
.flow_h1 h1{font-size:3em}
.flow_h2{margin:0 0 2.5em;line-height:1;}
.flow_h2 h2{font-size:1em;position:relative;padding-left:1.25em;}
.flow_h2 h2:before{content:"";width:1em;height:1em;border-radius:100%;background:#f9ee00;position:absolute;left:-.25em;}

/*ページ*/
.bg_gray{background:#f4f5f5}
.page_set{padding:5em 0;}
.page_set h1{display:table;font-size:1.85em;margin:0 auto .5em;line-height:1.35}
.page_set h2{display:table;font-size:1em;margin:0 auto 2em}
.page_set h3{display:table;;font-size:2em;margin:1.5em auto 0;line-height:1.35;position:relative;}
.page_set h3::before{content:"“";position:absolute;left:-.75em;}
.page_set h3::after{content:"”";display:inline-block;padding-left:.25em;vertical-align:-50%;}
.page_set h3 b{background:linear-gradient(transparent 0%, #14c7d1 0%);}

.page_set2{width:46em;margin:0 auto 8em;}
.page_set2 h1{font-size:3em;line-height:1.5;}
.page_set2 h2{font-size:1em;position:relative;padding-left:1.25em;line-height:1;}
.page_set2 h2:before{content:"";width:1em;height:1em;border-radius:100%;background:#f9ee00;position:absolute;left:-.25em;}
.page_set2 h3{font-size:2.25em;letter-spacing:.2em;font-weight:normal;margin:1.5em 0 1em;line-height:1.5;font-family: 'Noto Serif JP', 'Source Han Serif JP', serif, sans-serif; }
.page_set2 p{font-size:.85em;}
.page_set2 ul{display:flex;margin-top:5em;}
.page_set2 ul li{width:50%;}
.page_set2 ul li img{width:12.75em;margin:0 auto auto 0}
.page_set2 th{font-weight:normal;text-align:left;padding:0 2em 0 0;}
.page_set2 p{margin:0;padding:0 0 1em;}

.storage .page_set h3 b{background:linear-gradient(transparent 0%, #51ba67 0%);}
.page_main img{width:48em;margin:0 auto;}
.page_table img{width:51.2em;margin:0 auto;}
.page_image img{width:100%;margin:2em auto 0;}
.entrepreneur .page_image img{width:100%;margin:5em auto;}

/*フォーム*/
#form{padding:5em 0}
#form h1{text-align:center;color:#646262;font-size:1.6em;}

iframe.pc{width:43em;height:550px;margin:0 auto;}

/*会社概要*/
header.corporate_profile{height:20em;}

header.inquiry{margin-bottom:2em;}
.inquiry_form{margin-top:-8em;}

/*フッター*/
footer{width:100%;background:#f4ef8a;padding:3em 0;margin:0 auto;color:black;}
footer table{width:auto;margin:0 auto;}
footer table th{width:33%;}
footer table td{width:66%;}
footer table th img{width:8em;margin:0 auto 2em 0 }
footer table th p{text-align:left;font-weight:normal;font-size:.85em;}
footer table td ol{display:flex;flex-wrap:wrap;margin:0 auto;font-size:.85em;}
footer table td ol li{margin:0 3em;width:13em;}
footer table td ul{font-size:1em;margin:2em 0 1em 1em}
footer table td ul li{line-height:1;margin:.75em 0 0 1.5em;}
footer table td ul li::before{content:"";width:1em;height:.1em;background:black;display:inline-block;margin:0 .5em .25em 0;}
footer table td h3{font-size:1em;font-weight:normal;letter-spacing:.2em;line-height:1.35;}
footer table td h3 span{font-size:.6em;color:#51ba67;display:block;}
footer table td h3::after{content:"";width:1.25em;height:1.25em;background:url(img/footer_icon.png) no-repeat;background-size:contain;display:inline-block;vertical-align:bottom;margin-left:.35em;}
footer table td ol li:nth-of-type(2) a:first-of-type h3{margin-bottom:5em;}



a.gotop{position:fixed;right:1em;width:3.7em}

@media all and (min-width: 0) and (max-width:1199px)  {
body{font-size:1.66666vw;}
}
@media all and (min-width: 0) and (max-width:749px)  {
.sp{display:block;}
.pc{display:none;}
nav{display:block!important;z-index:999;min-height:50px;height:50%;}
.is-animation{height:50%;}
.g-nav{height:45em}
.g-nav ul{display:flex;flex-wrap:wrap;top:3em;left:1em;height:40em}
.g-nav ul li{width:90%;font-size:2.5em;margin:.5em 1em;}
.g-nav ul li a{color:white;padding:.5em .5em .25em;}
.page .menu-trigger{background:rgba(255,255,255,0)}
.page .is-animation .menu-trigger{background:rgba(255,255,255,.5)}
.page .menu-trigger span{background:white}
.page .is-animation .menu-trigger span{background:black}

/* ヘッダー */
header ul{display:none;}
.header_h2,.header_p{left:50%;transform:translateX(-50%);width:100%;text-align:center;}
.header_h2{top:35em;}
.header_h2 h2{font-size:5.5em}
.header_p{top:55em;}
.header_p p{font-size:2.2em;font-weight:bold;line-height:1.5}

.service_h1{margin:0 0 .0em .5em}
.service_h1 h1{font-size:4em}
.service_h2{margin:-1em 0 3em .5em;line-height:1;}
.service_h2 h2{font-size:1em;position:relative;padding-left:0em;}
.service_h2 h2:before{width:5.5em;height:5.5em;left:0em;z-index:-1;top:45%;transform:translateY(-50%);}
.service_p{width:100%;font-weight:bold;margin:0em 0 1.5em;}
.service_p p{font-size:1.25em;line-height:1.5em;}
#service{font-size:2.8vw;width:96%;margin:0 auto;height:100em;}
#service ul{position:static;margin:0 auto}
.service_li_p p{font-size:1em;line-height:1.75;width:12em;}

#vision .inn{font-size:2.6vw;}
.vision_h1{margin:0em 0 0em .5em}
.vision_h1 h1{font-size:3em}
.vision_h2{margin:0 0 3.5em .5em;}
.vision_h2 h2{font-size:1em;position:relative;padding-left:0em;}
.vision_h2 h2:before{width:5.5em;height:5.5em;left:0em;z-index:-1;top:45%;transform:translateY(-50%);}
.vision_h3{margin:0 0 1em .5em}
.vision_h3 h3{font-size:2.25em}
.vision_h4{margin:0 0 .15em .5em}
.vision_h4 h4{font-size:1.5em;background:white;display:inline;}
.vision_p{width:auto;margin:0 0 0 .5em}
.vision_p p{font-size:1.2em;line-height:1.75em;font-weight:bold;}

#vision table{width:100%;margin:5em auto 1em;}
#vision table td{background:#51ba67;padding:.15em .75em;;}
#vision table td:nth-of-type(1){width:6em;}
#vision table td:nth-of-type(2){width:20em}
#vision table td:nth-of-type(3){width:26em;}
#vision table span{font-size:1.25em;}
#vision table h3{font-size:2em;}
#vision table p{font-size:1.5em;}

#vision ul{width:96%;margin:1em auto}
.vision_li_h3{left:3em;top:2.5em;}
.vision_li_h3 h3{font-size:1em;line-height:1.35}
.vision_li_h2{left:3em;top:7.5em;}
.vision_li_h2 h2{font-size:.75em;line-height:1.35}
.vision_li_h1{left:3em;top:5em;}
.vision_li_h1 h1{font-size:1.85em;line-height:1.35}
.vision_li_p{left:3em;top:9em;}
.vision_li_p p{font-size:1.25em;line-height:1.5;font-weight:bold;}

#flow .inn{font-size:2.6vw;width:96%;}
.flow_h1{margin:0em 0 0em .5em}
.flow_h1 h1{font-size:3em}
.flow_h2{margin:0 0 3.5em .5em;}
.flow_h2 h2{font-size:1em;position:relative;padding-left:0em;}
.flow_h2 h2:before{width:5.5em;height:5.5em;left:0em;z-index:-1;top:45%;transform:translateY(-50%);}

/*ページ*/
.bg_gray{background:none;}
.page_set h1{text-align:left;font-size:3.5em;width:96%;margin:0 auto .5em}
.page_set h2{text-align:left;font-size:2em;width:96%;margin:0 auto 2em;line-height:1.5}
.page_set h3{font-size:3.75em;}
.page_set2{width:96%;font-size:2.6vw;}
.page_set2 h1{font-size:3em}
.page_set2 h2{font-size:1em;position:relative;padding-left:0em;}
.page_set2 h2:before{width:5.5em;height:5.5em;left:0em;z-index:-1;top:45%;transform:translateY(-50%);}
.page_set2 > p{font-size:1.5em}
.page_set2 h3{font-weight:bold;font-size:2.5em;letter-spacing:0;font-family:YuGothic, 'Yu Gothic Medium', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;}
.page_main img{width:96%;margin:0 auto;}
.page_table img{width:96%;margin:0 auto;}

.sp_text_center{text-align:center!important;}

#form h1{font-size:2.5em;}
iframe.sp{width:43em;height:750px;margin:0 auto;}

a.triger_black span{background:black!important;}


footer table{font-size:2vw;width:70%;}
footer table td,footer table th{width:50%;}
footer table td ol li:nth-of-type(2) a:first-of-type h3{margin:3em 0;}
a.gotop{width:5em}
}