/* pc sp control ====================================================== */
.forsp {display: none !important}
.forpc {display: block !important}
/* header ====================================================== */
header {display: block;}
header .logo {width: 176px;margin: 0 auto 0 0;}
header {position: fixed;top: 0;left: 0;width: 100%;z-index: 999;transition: 0.5s;background: rgba(255, 255, 255, 0.8);height: 51px;padding: 36px 0 0}
.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 {width: 100%;transition: .3s;z-index: 9998;display: block;}
.btn {display: none}
.scrmenuin {width: auto;justify-content: space-between;display: flex;}
.scrlogo{margin-top:-1em}
.spscs {display: none;}
.scrmenu {width: 63%}
.scrmenu a {color: #333;}
/* common ====================================================== */
body {overflow-x: hidden;width:100vw}
/*h2 {display: flex;flex-wrap: wrap;}*/
.tsuiteru {width: 6em;display: inline-block;}
.bg-slider {width: 100vw;height: 100vh;background-position: center center;background-size: cover;display: flex;align-items: center;justify-content: center;background-attachment: fixed;}
.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: 100vh;display: flex;align-items: center;justify-content: space-between;margin-bottom:123px;}
.mvlogo {width: 100%;}
.mvlogo img {width: 259px;margin: 0 auto 2em}
.mvtitle {width: 10%}
.mvtitle img {width: 71px;margin: 0 0 0 auto}
.mvsc {position: absolute;width: 100%;height: 100vh;display: flex;align-items: baseline;}
.titlekasane, article {max-width: 980px;margin: 0 auto;}
#bk01 {padding: 195px 0;}
.titlekasane {position: relative;z-index: 1;}
.titlekasaneimg {position: relative;z-index: 0;margin-top: -220px;        width: 100vw;}
.kasaneimg00 {background: url(../../images/01-bk.png) no-repeat right bottom;height: 696px;}
.kasane01 {width: 671px;display: block;}
.kasaneimg01 {background: url(../../images/02-bk.png) no-repeat center center;background-size: cover;height: 462px;background-attachment: fixed;}
.kasane02 {width: 593px;display: block;}
.kasaneimg02 {background: url(../../images/04-bk.png) no-repeat center center;background-size: cover;height: 462px;background-attachment: fixed;}
.kasaneimg002 {background: url(../../images/04-bk2.png) no-repeat center center;background-size: cover;height: 462px;background-attachment: fixed;}
.kasaneimg03 {background: url(../../images/06-bk.png) no-repeat center center;background-size: cover;height: 462px;background-attachment: fixed;}
.kasaneimg04 {background: url(../../images/07-bk.png) no-repeat center center;background-size: cover;height: 462px;background-attachment: fixed;}
.kasaneimg05 {background: url(../../images/08-bk.png) no-repeat center center;background-size: cover;height: 462px;background-attachment: fixed;}
.w2 {display: flex;justify-content: space-between;padding: 80px 0}
.w2 p {width: 313px}
.w2 div:last-of-type {width: 538px;}
#link {display: flex !important;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: 76px 87px;position: relative;z-index: 0;margin-bottom: 177px;}
.w4 {display: flex;justify-content: space-between;}
.w4 div {width: 24.5%;text-align: center;}
footer {margin-top: -130px;;text-align: center;}
footer img {width: 138px;margin: 0 auto 98px;}
footer p {margin-bottom: 46px;}
.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 0 10px auto;}
.access p {font-size: 100%;}
h4 {position: relative;display: inline-block;padding: 0 354px;color: #C7B299;font-size: 272%;font-weight: normal;margin-bottom: 40px;letter-spacing: 0.1em;}
h4:before, h4:after {content: '';position: absolute;top: 50%;display: inline-block;width: 310px;height: 1px;background-color: #C7B299}
h4:before {left: 0;}
h4:after {right: 0;}
#link a {display: block;}
.h02 {background: url(../../images/04-02.png) no-repeat;background-size: cover}
.h03 {background: url(../../images/04-03.png) no-repeat;background-size: cover}
.h04 {background: url(../../images/04-04.png) no-repeat;background-size: cover}
.h05 {background: url(../../images/04-05.png) no-repeat;background-size: cover}
.h06 {background: url(../../images/04-06.png) no-repeat;background-size: cover}
#titlecon {margin-top: 134px;font-size: 140%;font-family: Arial, Helvetica, sans-serif !important;text-align: center;}
.w2res {display: flex;justify-content: space-between;margin-bottom: 168px;}
.w2res a {width: 49.5%}
.menuhead {display: flex;}
.scrlogo {width: 30%}
.scrlogo img {width: 176px;margin: 0 auto;display: block;}
.contentsin, .greetings, .info{max-width: 980px;margin: 130px auto;}
.company {max-width: 980px;margin: 130px auto 0;}
.greetings h2 {font-size: 210%}
.sign {width: 30%;margin:5em 0 3em 28%;}
.ceo {float: right;width: 390px;margin-left: 16px;}
.clear {display: none;clear: both;}
ul li a .date {margin-right: 2em;}
.rev {flex-direction: row-reverse;}
.voice{display:flex;margin-bottom:30px;align-items: center;}
.voice div:first-child{width: 216px;}
.voice div:last-child{margin-left: 30px;width: 100%;}
.voice h2{font-size:153%}
.info ul{width:960px;}
.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;        width: 100vw;}
.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; font-size:150%}
.bottom h3{color: #fff;border-top: 1px solid #fff;width: 768px; margin: 0 auto; padding-top:2em}
.bottom table {width: 768px; 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: 473px;margin: 0px auto 0px;padding: 70px 0 10px!important;}
.triger{display:block;margin-top: -100px;padding-top:100px}
a.contact{margin:1em auto 0;border-color: #fff;color: #fff;max-width:400px;background-image: url(../../images/arrow.png);}
#mvcon{max-width:980px;margin: 150px auto 120px;}
#mvcon h1{margin:}
.mcvontop{margin-bottom:1em}
.voicevox .img-wrap{margin-bottom:100px}
.imakoso{margin-top:2em}
.goto{width: 10vw;display:block;color:#7B7B7B;position: fixed;right: 10px;bottom: 150px;}


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

article table{display: block;margin:0 auto}
article table tbody{display: block;}
article table tbody tr{display: flex; justify-content: space-between;border-bottom: 1px solid #eee;padding:1em 0;align-items: center;}
article table tbody tr th{width:30%;font-weight: normal;}
article table tbody tr td{width:68%}


article h2 {text-align: center;font-size:170%;margin:2em 0 1em}
article input[type="text"],article input[type="checkbox"]{width: 20px;height: 20px;}
article input[type="submit"]{width: 35%;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;}

.more{    margin: 15px 0 0 auto !important;width: 14em;}


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