html {-webkit-text-size-adjust: 100%;}
/* pc sp control ====================================================== */
.forpc {display: none !important}
.forsp {display: block !important}
/* head common ====================================================== */
.headsp {}
.headsp a {display: block;width: 200px;margin: 0 auto;}
header {position: fixed;top: 0;left: 0;width: 100%;z-index: 999;transition: 0.5s;background: none;}
header .mvlogo {visibility: hidden;width: 69px;margin-top: -200px;margin-left: 20px;transition: 0.5s;position: absolute;}
header .mvlogo img {width: 100%}
.insc {transition: 0.5s;}
.insc .mvlogo {visibility: visible;width: 69px;transition: 0.5s;margin-top: 20px;margin-left: 20px;position: absolute;}
.menu-list {width: 100%;height: 100%;display: flex;}
.menu {position: fixed;right: -100%;width: 100%;height: 100vh;color: #efefef;background: url(../../images/slidebk.png) no-repeat left top;background-size: cover;background-color: rgba(60, 19, 53, 0.7);transition: .3s;z-index: 9998;}
.btn {position: fixed;top: 32px;right: 20px;width: 36px;height: 0px;z-index: 9999;}
.btn-line {display: block;position: relative;width: 100%;height: 2px;background-color: #333;transition: .2s;}
.btn-line::before, .btn-line::after {content: "";position: absolute;width: 100%;height: 100%;background-color: #333;transition: .5s;}
.btn-line::before {transform: translateY(-8px);}
.btn-line::after {transform: translateY(8px);}
.menu.open {right: 0;}
/* menuopen */
.btn-line.open {background-color: transparent;}
.btn-line.open::before, .btn-line.open::after {content: "";background-color: #eee;transition: .2s;}
.btn-line.open::before {transform: rotate(45deg);}
.btn-line.open::after {transform: rotate(-45deg);}
/* common ====================================================== */
h2 {display: flex;flex-wrap: wrap;}
.tsuiteru {width: 6em;display: inline-block;}
body {overflow-x: hidden;}
.bg-slider {width: 100vw;height: 100vh;background-position: center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;display: flex;align-items: center;justify-content: center;}
.bg-slider__title {color: #fff;font-size: 48px;line-height: 1.5;font-weight: bold;text-align: center;text-shadow: 1px 1px 1px #000;}
#mv {height: 50vh;display: flex;align-items: center;justify-content: space-between;margin-bottom:2em}
body div:first-of-type{background-position-x: 54%!important;}
.mvlogo {width: 100%;}
.mvlogo img {width: 148px;margin: 0 auto}
.mvtitle {width: 10%}
.mvtitle img {width: 71px;margin: 0 0 0 auto}
.mvsc {position: absolute;width: 100%;margin: 0 auto;height: 100vh;display: flex;align-items: baseline;}
.titlekasane, article {width: 90%;margin: 0 5%;}
#bk01 {padding: 76px 0;}
.titlekasane {position: relative;z-index: 1;}
.titlekasaneimg {position: relative;z-index: 0;margin-top: -111px;}
.kasaneimg00 {background: url(../../images/01-bk.png) no-repeat right bottom;background-size: 50%;}

.kasane01 {width: 90%;display: block;margin: 0 5%;}
.kasaneimg01 {background: url(../../images/02-bk.png) no-repeat center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;height: 300px;}
.kasane02 {width: 90%;display: block;margin: 0 5%;}
.kasaneimg02 {background: url(../../images/04-bk.png) no-repeat center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;height: 300px;}
.kasaneimg002 {background: url(../../images/04-bk2.png) no-repeat center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;height: 300px;}
.kasaneimg03 {background: url(../../images/06-bk.png) no-repeat center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;height: 300px;}
.kasaneimg04 {background: url(../../images/07-bk.png) no-repeat center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;height: 300px;}
.kasaneimg05 {background: url(../../images/08-bk.png) no-repeat center center;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;height: 300px;}
.w2 {padding: 52px 0 85px;display: flex;flex-direction: column-reverse;}
#link {display: flex;flex-wrap: wrap;margin: 146px 0 166px}
#link a {width: 50%;}
.infoti {position: relative;z-index: 1;width: 131px;margin-top: -850px;top: 810px;right: -910px;}
#detail {background: #1A1A1A;padding: 1em 5%;position: relative;z-index: 0;margin-bottom: 177px;width: 111%;margin: 0 0 0 -5.5%;padding-bottom: 40px;}
.w4 {display: flex;justify-content: space-between;flex-wrap: wrap;}
.w4 div {width: 49.5%;text-align: center;margin-bottom: 1em;}
.box {background: #eee;height: 200px;margin-bottom: 100px;}
.modal {display: none;height: 100vh;position: fixed;top: 0;width: 100%;z-index: 9;}
.modal__bg {background: rgba(116, 169, 59, 1);height: 100vh;position: absolute;width: 100%;z-index: 10;}
.modal__content {left: 50%;padding: 40px;position: absolute;top: 50%;transform: translate(-50%, -50%);width: 60%;z-index: 11;}
.js-modal-close img {display: block;width: 160px;margin: 0 auto 10px;}
h4 {background: url(../../images/sp-loca.png) no-repeat;background-size: 100%;display: block;width: 100%;height: 3em;text-indent: -9999px;}
#link a {display: block;}
#titlecon {margin-top: 76px;font-size: 140%;font-family: Arial, Helvetica, sans-serif !important;text-align: center;}
.w2res {display: block;margin-bottom: 168px;}
.w2res a {width: 76%;margin: 0 auto 12px;display: block;}
.menuhead {display: block;}
.scrlogo {margin-bottom: 2em;}
.scrlogo img {width: 147px;margin: 0 auto;display: block;}
.scrmenu {width: 80%;margin: 0 auto;}
.scrmenuin {border-bottom: 1px solid #fff;margin-bottom: 30px;}
.scrmenuin a {color: #fff;font-size: 150%;display: block;margin-bottom: 30px;}
.scrmenuin a::before {}
.menuhead .tel {width: 80%;margin: 0 auto 0;text-align: left;}
.menuhead .tel img {width: 100%;margin: 0;}
.menuhead .tel span {text-align: left;color: #ccc;}
h2 {font-size: 140%;line-height: 170%;letter-spacing: 0.1em;margin-bottom: 15px;font-weight: normal;}
.kasaneimg00 h2 {font-size: 110%;line-height: 170%;letter-spacing: 0.1em;margin-bottom: 15px;font-weight: normal;}
h3 {font-size: 109% !important}
#bk01 p {width: 63%}
#bk01 {background-size: 256px;}
.bk4 {margin-top: 60px;}
p {font-size: 100%;line-height: 150%}
.w2 div:first-child {margin-top: 20px;}
#linksp {padding: 82px 0;margin-bottom: 70px;}
#linksp img {margin-bottom: 30px;}
#detail h2 {margin-bottom: 26px}
.insc .mvlogo {display: none !important;}
iframe {height: 400px;}
.menu {background: #30ABCB;padding-top: 6em;}
.spscs {text-align: center;}
.spscs span {text-align: center !important;}
.infosp {margin-top: -40px;}
.accesssp {display: block;margin-top: -100px;}
.infoti {display: none !important;}


.contentsin, .info{max-width: 90%;margin: 130px auto;}
.greetings{max-width: 70%;margin:20px auto 130px;}
.company {max-width: 90%;margin: 130px auto 0;}
.info ul{width:90%;margin:0 auto;}


.greetings h2 {font-size: 100%;text-align: center;margin: 0 auto 1em;width: 90%;display: block;}
.sign {width: 50%;margin: 1em auto 1.5em}
.ceo {width: 80%;margin: 0 auto}
.clear {display: none;clear: both;}
ul li a date {margin-right: 2em;}
.rev {}
.voice{display:block;margin-bottom:30px;align-items: center;}
.voice div:first-child{width: 80%;margin: 0 auto;}
.voice div:last-child{width: 80%;margin: 0 auto;}
.voice h2{font-size:153%}
.info ul li{border-bottom:1px solid #909190;padding:1em;margin:1em 0}
.info ul li a{color:#333}
.bottom{margin-top: -130px;padding-top: 5em;padding-bottom: 150px;}
.bottom h2{text-align: center;color: #fff;width: 100%;display: block;line-height: 120%;margin-bottom: 1em !important;}
.bottom em{text-align: center; color: #fff;width: 100%;display: block;margin-bottom:2.5em; }
.bottom h3{color: #fff;border-top: 1px solid #fff;width:90%; margin: 0 auto; padding-top:2em}
.bottom table {width: 90%; margin: 0 auto;line-height: 130%;}
.bottom table tbody{display: block;padding: 0 0 2em;}
.bottom table tbody tr{display: flex;justify-content: space-between;margin:1em 0}
.bottom table tbody tr th{color: #fff; text-align: left; font-weight: normal;width: 30%;}
.bottom table tbody tr td{color: #fff;width: 70%;}
.telf{display:block;width: 90%;margin: 0px auto 0px;padding: 70px 0 10px!important;}
a.contact{margin:1em auto 0;border-color: #fff;color: #fff;max-width:400px;background-image: url(../../images/arrow.png);}
#goto a{width: 42px;display:block;color:#7B7B7B;position: fixed;right: 10px;bottom: 50vh;}

#mvcon{max-width:90%;margin: 150px auto 120px;}
#mvcon h1{margin:}
.mcvontop{margin-bottom:1em}
.voicevox .img-wrap{margin-bottom:100px}

.imakoso{margin-top:2em}
.goto{width: 20vw;display:block;color:#7B7B7B;position: fixed;right: 10px;bottom: 150px;}


.conbox{max-width: 90%;margin: 130px auto;}

article table{display: block;margin:0 auto}
article table tbody{display: block;width:100%;}
article table tbody tr{display: block;border-bottom: 1px solid #eee;padding:1em 0;}
article table tbody tr th{width:100%;display: block;font-weight: normal;}
article table tbody tr td{width:100%;display: block;}


article h2 {        text-align: center;
        font-size: 105%;
        margin: 2em 0 1em;
        width: 100%;
        display: block;}
article input[type="text"],article input[type="checkbox"]{width: 20px;height: 20px;}
article input[type="submit"]{width: 75%;display: block;background:#30ABCB;color: #fff;border-radius: 50px;border: 1px solid #30ABCB;margin: 2em auto 5em;text-align: center;padding: 1em 0;font-size: 150%;}

article input[type="text"],article textarea{width: 95%;padding:5px;border:1px solid #333;background: #fff;border-radius: 5px;font-size:150%;}
article textarea{height:10em}

#footbt{background: #30ABCB; color: #fff;display:flex;justify-content:right;}
#footbt a{color: #fff;display: block;width: fit-content;padding: 0.25em 1.5em;}



.conbox h1{margin:40px 0 10px;font-size:150%}
.conbox h2{margin:40px 0 10px;font-size:150%}
.conbox {line-height:170%}
.conbox h5{margin:0 0 20px; padding:0 0 20px; border-bottom:#eee solid 1px}