html{line-height:1.15;-ms-text-size-adjust: 100%;-webkit-text-size-adjust:100% }
body { min-width:320px;margin: 0; height:100%;  overflow-y: scroll; font-size: 62.5%; color: #fff; font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", HelveticaNeue, "Segoe UI", "游ゴシック体", YuGothic, "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka}
article,footer,header,nav,section{display: block}
a{background-color:transparent;-webkit-text-decoration-skip:objects;text-decoration:none;color:#fff}
a:hover{color:#FF484B}
a,a:hover{transition:.4s}
ul{list-style:none;margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
#wrapper{width:100%; overflow: hidden;text-align: center; transition:.4s;}
#foot{width:100%; padding:1rem;background:#171717;}
#section0{ background:url(../images/top.jpg) no-repeat center left; background-size:cover; width:100%; height:100vh;overflow: hidden;display: flex; flex-direction: column; align-items: center; justify-content: center;padding:0 0 30px 0; }
#section0 h1{ width:100%;height:auto; max-width:700px; max-height:298px; display:inline-block;margin: 0; padding:0 60px;}
#section0 img{ width:100%;height:auto; max-width:700px; max-height:298px;}
.section1_inner img{width:100%; height:auto; padding:0 40px; max-width:550px; margin:0 auto; display:block;}
#section0 h1 span {margin: 0; padding:0; font-size:3rem; vertical-align: top;}
#section2{position:relative;background:url(../images/company.jpg) no-repeat center center;background-size:cover;width:100%; padding:0;}
#section2 h2{ padding:0 0 40px 0; margin:0; font-size:3rem; }
#section1{position:relative;background:url(../images/works.jpg) no-repeat center center;background-size:cover;width:100%;height:100%; padding:0;}
#section1 h2{display:block;padding:0; margin:0;font-size:3rem; }
#section1 h3{display:block;padding:0 0 10px 0; margin:0;font-size:2rem; font-weight:bold;color: #92F4E9;}
.section1_inner{width:100%; max-width:1200px; padding:80px 20px; margin:0 auto;}
.section1_inner p {font-size:.8rem; padding:40px 20px; line-height:1.3rem; font-weight:bold;}
.section1_inner a { display:inline-block; padding:0; margin:0; font-size:1.5rem; word-wrap: break-word;}
.section1_photo_wrap{width:100%;padding:0 0 40px 0; }
.section1_photo_wrap img{width:100%;height:auto; padding:0; max-width:865px; margin:0 auto; display:block;}
.section2_inner{width:100%; padding:80px 0;}
.maplink a{ display: inline-block;margin-top:.5rem;  padding:0 1rem;background: #fff; color:#171717;}
.maplink a:hover{ background:#FF484B; color:#fff;}
.company_tbl {  font-size:.8rem; line-height:1.3rem; margin:0 auto;text-align:right;}
.company_tbl th {font-weight:bold; padding: 10px 0 0 20px;  margin-right:20px; display:inline-block; white-space: nowrap;}
.company_tbl td {padding: 10px 20px 0 0; border-bottom:none;text-align:left;}
.company_tbl th,.company_tbl td {width:auto; vertical-align: top;}
.head_nav{margin:0 auto;padding-top:20px;display:flex;flex-direction:row;align-items:center;font-weight:bold;font-size:1rem}
.head_nav span,.link_nav span{display:inline-block;padding:0 1rem}
.link_nav { margin:0 auto;text-align: center; padding-top:20px;display:inline-flex;flex-direction:row;align-items:center;font-weight:bold;font-size:1rem}
.link_nav a{font-weight:bold;font-size:1rem}
.totop{padding:0 0 80px 0;display:flex;flex-direction:row;align-items:center;font-weight:bold;font-size:1rem}
.totop a{display:inline-block; text-align:center; margin:0 auto;}
@media screen and (min-width:568px){#section0{padding:0}
.section1_photo_wrap{ padding:0 30px 60px 30px; }
}
@media screen and (min-width:768px){
.section1_inner{padding:80px 60px;}
.section1_inner p {font-size:1rem; padding:20px 0 40px 0; line-height:1.5rem;}
.head_nav{padding-top:40px}
.link_nav,.link_nav a,.head_nav,.totop a{font-size:2rem}
#section1 h2{padding:0 0 40px 0;font-size:5rem}
#section1 h3{font-size:3rem}
#section2 h2{padding:0 0 40px 0;font-size:5rem;}
#section2{padding:0}
}
@media screen and (min-width: 1500px) {
#section1 h3 {font-size:5rem;}
#section1 h2,#section2 h2{font-size:7rem}
.section2_inner{padding:200px 0;}
.section1_inner{padding:200px 100px;}
.company_tbl {font-size:1.2rem; line-height:1.7rem;}
.company_tbl th {margin-right:40px; }
}