@charset "UTF-8";
/*
Theme Name: RTDcorp Base
Theme URI:
Description: RTDcorpベーステーマ
Author: RTDcorp
Author URI:
Version: 1
Text Domain: RTDcorp
*/
/* all display
-------------------------------------------------- */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP');
@import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho&display=swap');
html,
body {margin: 0px;font-size: 15px;color: #333;
font-family: "Noto Sans JP";text-align: justify;line-height: 1.8;-webkit-font-smoothing: antialiased;background: #FFF;}
article,aside,details,figcaption,figure,footer,header,hgroup,
menu,nav,section {display: block;margin: 0px;padding: 0px;}
p,td,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4 {margin: 0px;padding: 0px;list-style: none;}
:root{
--main-color:#d6b05d;
--white-color:#ffffff;
--hover-color:#71561b;
}
table , td, th {border-collapse: collapse;}
img {border: 0px; font-size: 0; line-height: 0;vertical-align:bottom; max-width: 100%;text-decoration: none;}
a{transition: 0.2s;text-decoration: none;color: var(--main-color);}
a:hover{color: var(--hover-color);}
a:hover img {opacity: 0.7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";}
.fnt{font-family: "Zen Old Mincho", serif;}
.wmain{max-width: 1156px;margin: 0 auto;}
.pc{display: inline-block;}
.sp{display: none;}
h1{line-height: 1;font-size: 2rem;font-weight: 500;}
h2{text-align: center;font-size: 2.8rem;line-height: 1.6em;font-weight: 500;}
h2.sec-ti{padding: 20px 0;position: relative;margin: 0 0 50px;}
h2.sec-ti:after{content: "";position: absolute;bottom: -5px;left: 0;right: 0;margin: 0 auto; height: 2px;border-bottom: 1px solid var(--main-color);width: 350px;}
h2 .enti{color: var(--main-color);display: block;font-weight: normal;font-size: 45%;line-height: 1;}
h3{font-size: 2.2rem;font-weight: 500;}
p{margin: 0 0 18px;}
.sect{padding: 60px 0;}
.btnsbt{text-align: center;}
.btnsbt a{background: var(--main-color);color: #fff; position: relative;display: inline-block;min-width: 200px; padding: 10px 30px;border-radius: 100px;}
.btnsbt a:after{content: url(./img/arrow-lnk.svg);position: absolute;top: 45%;transform: translateY(-50%);width: 45px;right: 15px;filter: brightness(0) invert(1);}
.btnsbt a:hover{background: #333;}
.btnsbt.bdr a{background: none;color: var(--main-color);border: 1px solid var(--main-color);}
.btnsbt.bdr a:after{filter:inherit;}
.btnsbt.bdr a:hover{background: var(--main-color);color: #fff;}
.btnsbt.bdr a:hover:after{filter: brightness(0) invert(1);}
.left{float: left;}
.right{float: right;}
.slick-slide {padding-left: 1px;padding-right: 1px;}
.sld{width: 100%;margin: 0 auto;}
.sld img {width: 100%;display: block;overflow: hidden;text-align: center;height: auto;}
/* Slick*/
.slide-arrow {border: none; width: 40px;height: 80px;position: absolute;top: 50%;transform: translateY(-50%);z-index: 99;background: none;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.prev-arrow {left: 15px;padding-left: 5px;}
.next-arrow {right: 15px;padding-right: 5px;}
.slide-arrow__arrow {width: 20px;height: 20px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.prev-arrow__arrow {border-bottom: 4px solid white;border-left: 4px solid white;}
.next-arrow__arrow {border-top: 4px solid white;border-right: 4px solid white;}
.slick-dotted.slick-slider{margin: 0;}
.slick-dots{bottom: 20px;}
.slick-dots li button:before{font-size: 16px;width: 25px;height: 25px;color: #fff;opacity: .6;}
.slick-dots li.slick-active button:before{color: #e5dbc0;opacity: 1;}

/*intro*/
.loading {width: 100vw;height: 100vh;transition: all 1s;background: #ffffff;position: fixed;top: 0;left: 0;z-index: 999999;opacity: 1;visibility: visible;}
.loading.is-active {opacity: 0;visibility: hidden;}
.loading-animation{width: 100vw;height: 100vh;transition: all 1s;background-color: #ffffff;z-index: 9999;display: flex;align-items: center;justify-content: center;opacity: 0;visibility: hidden;}
.loading-animation.is-active {opacity: 1;visibility: visible;}

/*header
*********************/
.header{margin: 0 auto;padding: 5px 0px;background:var(--main-color);}
.header a{color: var(--white-color);}
.header a:hover{color: #000;opacity: 1;}
.header .wmain{padding: 5px 0 10px;display: flex;justify-content: space-between;align-items: center;width: 90%;max-width: 90%;}
.header .logo{width: 20%;}
/*topnav*/
.topnav{width: 70%;}
.topnav .nav {margin: 0 auto;padding:0;display: flex;justify-content: flex-end;align-items: center;}
.topnav .nav li a{font-size: 18px;margin: 0 0 0 25px;font-weight: 500;}
.topnav .nav .dropdown .btn{font-size: 90%;color: #fff;}
.topnav .nav .dropdown a{color: #333;font-size: 80%;margin: 0;}
.topnav .nav .pc{display: none;}
.menu-trigger{display: none;}
#header.fixed{position: fixed;top: 0;left: 0;z-index: 999;width: 100%;-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);}
.topnav .nav .btns a{background: #000;border-radius: 100px;font-size: 16px;padding: 8px 30px;text-align: center;}
.topnav .nav .btns a:hover{background: #fff;}

/*fv
*********************/
.fv{;position: relative;text-align: center;}
.fv .img{position: relative;width: 100%;height: 75vh;}
.fv .img .fvtop{position: absolute;width: 100%;height: 100%;object-fit: cover;bottom: 0;left: 0;}
.fv .ti{position: absolute;z-index: 2;bottom: 10%;left: 0;right: 0;margin: 0 auto;text-align: center;color: var(--white-color);display: flex;justify-content: center;align-items: center;}
.fv .ti .tx{font-weight: 500;font-size: 2.8rem;margin: 0 15px;}
.fv .ti .tis{width: 285px;margin: 0 15px;}

/*news
*********************/
.news {padding: 40px 0;color: var(--white-color);background: #333333;}
.news .inner{padding: 0 50px;}
.news .ctn{display: flex;justify-content: space-between;}
.news .ti{width: 12%;font-size: 150%;line-height: 1.2;}
.news .ti p{margin: 0 0 5px;}
.news .ti .sub{font-size: 70%;color: var(--main-color);}
.news .ti a{color: var(--main-color);font-size: 60%;margin: 20px 0 0;position: relative;display: inline-block;}
.news .ti a:after{content: url(./img/arrow-gld.svg); position: absolute;right: -20px;top: 40%;transform: translateY(-50%);width: 12px;height: 12px;}
.news .ti a:hover{color: #fff;filter: brightness(0) invert(1);}
.news .txt{width: 83%;}
.news .txt li{padding: 10px 0;margin: 0 10px;border-bottom: 1px solid #4a4a4a;}
.news .txt li a{display: flex;justify-content: space-between;align-items: center;color: var(--white-color);}
.news .txt li a:hover{color: var(--main-color);}
.news .txt li a .cat{width: 12%;background: var(--main-color);color: var(--white-color);padding: 3px 15px;border-radius: 100px;text-align: center;transition: 0s;}
.news .txt li a:hover .cat{color: var(--white-color);}
.news .txt .dts{margin: 0 10px 0 0;}
.news .txt p{width: 82%;margin: 0;}

/*topBusines
*********************/
.topBusiness{background: #111111;color: var(--white-color);position: relative;overflow: hidden;}
.topBusiness .ctn{display: flex;}
.topBusiness .txt{background: #222222;padding: 50px;width: 40%;position: relative;z-index: 2;}
.topBusiness .txt:before{content: "";background: #111111;height: 100%;width: 20%;}
.topBusiness h2{text-align: left;margin: 0 0 25px;padding: 0;}
.topBusiness h2.sec-ti:after{right: inherit;margin: 0;width: 100%;filter: brightness(0) invert(1);}
.topBusiness .img{width: 65%;position: absolute;right: 0;top: 0;}
.topBusiness .btnsbt{text-align: left;}
.topBusiness .btnsbt a{text-align: center;}

/*topCompany
*********************/
.topCompany{background: #faf7ef;position: relative;height: 100%;overflow: hidden;}
.topCompany:before{content: "";width: 30%;background: #f6efde;height: 100%;position: absolute;left: 10%;top: 0;transform: skewX(-25deg);}
.topCompany .wmain{position: relative;z-index: 2;}
.topCompany h2{text-align: left;margin: 0 0 25px;padding: 0;}
.topCompany h2.sec-ti:after{right: inherit;margin: 0;width: 35%;}
.topcpyinfo{margin: 20px auto;width: 80%;}
.topcpyinfo table{width: 100%;}
.topcpyinfo th,td{font-weight: normal;padding: 10px 0;border-bottom: 1px solid #dbd4c0;}
.topcpyinfo th{width: 20%;}
.topcpyinfo td{width: 80%;}

/*topRecruit
*********************/
.topRecruit{background: #796741;height: 100%;color: var(--white-color);position: relative;overflow: hidden;}
.topRecruit .wmain{position: relative;z-index: 2;}
.topRecruit .bgimg{width: 80%;position: absolute;left: -27%;top: 0;mix-blend-mode: multiply;clip-path: polygon(0 0, 100% 0, 80% 100%, 0 100%);}
.topRecruit h2{text-align: left;margin: 0 0 25px;padding: 0;}
.topRecruit h2.sec-ti:after{right: inherit;margin: 0;width: 100%;filter: brightness(0) invert(1);}
.topRecruit .ctn{display: flex;justify-content: space-between;}
.topRecruit .txt{width: 35%;}
.topRecruit .img{width: 60%;display: flex;justify-content: space-between;align-items: end;}
.topRecruit .img img{border-radius: 15px;}
.topRecruit .imgs1{width: 40%;margin: 0 0 -35px;}
.topRecruit .imgs2{width: 55%;}
.topRecruit .btnsbt{text-align: left;}
.topRecruit .btnsbt a{text-align: center;}

/*subpage
*********************/
.subfv{text-align: center;position: relative;overflow: hidden;height: 40vh;}
.subfv img{position: absolute;width: 100%;height: 100%;object-fit: cover;top: 0;left: 0;}
.about{background: #333333;color: #fff;position: relative;height: 100%;overflow: hidden;}
.about .wmain{position: relative;z-index: 2;}
.about h3{text-align: center;margin: 35px auto;}
.about .txctn{padding: 0 110px;}
.about .sld-ctn{position: relative;overflow: hidden;height: 50vh;}
.about .sld-ctn img{position: absolute;width: 100%;height: 100%;object-fit: cover;top: 0;}
.about:before {content: "";width: 30%;background: #3d3d3d;height: 100%;position: absolute;left: 10%;top: 0;transform: skewX(-25deg);}
.aboutMsg{background: #faf7ef;position: relative;height: 100%;overflow: hidden;}
.aboutMsg:before{content: "";width: 38%;background: #f6efde;height: 100%;position: absolute;right: 6%;top: 0;transform: skewX(-25deg);}
.aboutMsg .wmain{position: relative;z-index: 2;}
.aboutMsg .txctn{padding: 0 110px;}
.aboutMsg .ctn{overflow: hidden;}
.aboutMsg .txt{width: 60%;}
.aboutMsg .img{width: 32%;}
.aboutCpy{}
.gmap{margin: 20px auto 0;width: 100%;}
.ggmap {position: relative;padding-bottom: 35%;padding-top: 30px;height: 0;overflow: hidden;}
.ggmap iframe,
.ggmap object,
.ggmap embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.aboutHistory{background: #faf7ef;}
.newspg .brd ul{display: flex;justify-content: flex-start;}
.newspg .brd li{margin: 0 5px 0 0;color: #999;}
.newspg .brd li a:after{content: '〉';margin: 0 0 0 10px;color: #333;opacity: 1;}
.newspg .inner{padding: 0 100px;}
.newspg .artic{padding: 30px;margin: 20px auto 30px;}
.newspg .artic h2{font-size: 1.8rem;margin: 0 0 10px;line-height: 1.2;text-align: left;}
.newspg .artic img{margin: 20px 0;height: inherit;max-width: 100%;}
.newspg .artic p{margin: 5px 0 15px}
.newspg .inner .btnsbt a{background: #333;}
.newspg .inner .btnsbt a:hover{background: var(--main-color);}
.tab {margin-left: auto;margin-right: auto;margin: 50px auto 0;width: 100%;}
.tab-list {display: flex;}
.tab-menu {align-items: center;background: #333333;color:#fff;cursor: pointer;display: flex;flex-grow: 1;padding: 10px 0;justify-content: center;margin: 0 2px;font-weight: bold;}
.tab-menu.current {background: #e9e9e9;color: #333;}
.content-box {display: none;max-width: 100%;padding: 0 2px;margin: 40px auto 0;}
.content-box img {display: block;height: auto;width: 100%;}
.content-box li {padding: 0 0 20px;margin: 20px 0;border-bottom: 1px solid #ddd;}
.content-box li a{display: flex;justify-content: space-between;color: #333;}
.content-box li .img{width: 20%;}
.content-box li .txt{width: 75%;}
.content-box li .ti{font-weight: bold;}
.content-box li .ti .date{color: #999;font-weight: normal;margin: 0 20px 0 0;}
.business{background: #faf7ef;}
.business .thk li{display: flex;justify-content: space-between;margin: 55px 0;}
.business .thk li .img{width: 35%;}
.business .thk li .txt{width: 60%;}
.businessField ul{display: flex;justify-content: space-between;}
.businessField li{width: 29%;display: flex;flex-direction: column;}
.businessField .img{text-align: center;}
.businessField .img img{max-width: 50%;margin: 0 auto;}
.businessField .txt{margin: 15px auto 0;}
.businessField .ti{text-align: center;font-weight: 500;font-size: 160%;margin: 0 0 10px;}
.businessField .btns{margin-top: auto;text-align: center;}
.businessField .btns a{background: var(--main-color);color: var(--white-color);padding: 6px 20px;width: 65%;display: inline-block;border-radius: 100px;}
.businessField .btns a:hover{background: #333;}
.businessDetails{background: #333333;}
.businessDetails .ctn{background: var(--white-color);padding: 35px;margin: 30px auto;display: block;}
.businessDetails h3{text-align: center;margin: 0 0 15px;}
.businessDetails .txt{margin: 20px auto 0;}
.businessDetails h3 small{font-size: 70%;display: block;}
.slideArea .thumb .slick-slide {background: #fff;padding: 0;line-height: 0;margin: 0 3px;}
.slideArea .thumb .slick-slide img{opacity: 0.3;cursor: pointer;}
.slideArea .thumb .slick-slide.slick-current img{opacity: 1;}
.slideArea .sld-bsn .sld-ctn{position: relative;overflow: hidden;height: 75vh;}
.slideArea .sld-ctn img{position: absolute;width: 100%;height: 100%;object-fit: cover;top: 0;}
.slideArea .thumb .sld-ctn{position: relative;overflow: hidden;height: 18vh;}
.recruit{background: #faf7ef;}
.recruit .ctn{display: flex;justify-content: space-between;margin: 20px auto 0;}
.recruit .txt{width: 42%;}
.recruit .ti{font-size: 180%;color: var(--main-color);}
.recruit .img{width: 53%;display: flex;justify-content: space-between;align-items: end;}
.recruit .img img{border-radius: 15px;}
.recruit .imgs1{width: 40%;}
.recruit .imgs2{width: 55%;margin:0 0 35px;}
.recruit .inner{padding: 0 100px;}
.recruit .rec-ctn{background: #fff;padding: 30px;}
.recruit .rec-ctn h3{font-size: 1.8rem;}
.recruit .rec-ctn .recimg{display: flex;justify-content: space-between;margin: 15px 0;}
.recruit .rec-ctn .recimg li{width: 49%;flex: 1;margin: 0 1px;}
.recruit .rec-ctn table{width: 100%;margin: 0 auto 30px;}
.recruit .rec-ctn th,.recruit .rec-ctn td{border-bottom: 1px solid #e5e5e5;font-weight: normal;position: relative;}
.recruit .rec-ctn th{width: 20%;}
.recruit .rec-ctn td{width: 80%;}
.recruit table select {width: 100%;border: 1px solid #eae9e9;border-radius: 5px;height: 50px;}
.recruit .entryform th{width: 25%;}
.recruit .entryform td{width: 75%;}

.recruitInterv .ctn{display: flex;justify-content: center;margin: 0 auto 30px;}
.recruitInterv .stf{min-width: 30%;flex: 1;margin: 0 10px;}
.recruitInterv .stf p{margin: 0;text-align: center;}
.recruitInterv .stf .nmti{font-weight: bold;font-size: 110%;margin: 10px auto 0;}
.recruitInterv .stf .txt{font-size: 115%;}
.recruitInterv .img{position: relative;overflow: hidden;height: 48vh;border-radius: 15px;width: 100%;}
.recruitInterv .img img{position: absolute;width: 100%;height: 100%;object-fit: cover;top: 0;}
.recruitInterv .btnsbt a{background: #333;}
.recruitInterv .btnsbt a:hover{background: var(--main-color);}

.recruitEnt{background: #f5f5f5;}
.recruitEnt h3{text-align: center;}
.recruitEnt .ctn{background: #fff;padding: 30px;margin: 20px auto;}
.recruitEnt .ctn table p{margin: 0;}
.recruitEnt .ti{font-weight: 500;font-size: 130%;}
.recruitEnt table{width: 100%;margin: 0 auto 15px;}
.recruitEnt th,.recruitEnt td{font-weight: normal;border-bottom: 1px solid #dcdcdc;padding: 5px 0;}
.recruitEnt th{width: 20%;}
.recruitEnt td{width: 80%;}
.recruitintr{background: #faf7ef;}
.recruitintr li{background: #fff;padding: 30px;margin: 30px auto;overflow: hidden;}
.recruitintr li:nth-child(odd) .img{float: left;}
.recruitintr li:nth-child(odd) .txt{float: right;}
.recruitintr li:nth-child(even) .img{float: right;}
.recruitintr li:nth-child(even) .txt{float: left;}
.recruitintr .img{width: 26%;height: 38vh; position: relative;overflow: hidden;border-radius: 15px;}
.recruitintr .img img {position: absolute;width: 100%;height: 100%;object-fit: cover;bottom: 0;}
.recruitintr .txt{width: 70%;}
.recruitintr .txt .ti{font-weight: 500;font-size: 170%;margin: 0 0 5px;line-height: 1.4;}
.recruitintr .txt .tisub{font-weight: 500;font-size: 120%;margin: 0 0 20px;}
.recruitintr .txt dt{font-weight: bold;}
.recruitintr .txt dt:before{content: "●";margin: 0 10px 0 0;}
.recruitintr .txt dd{margin: 0 0 15px;}


/*contact
*********************/
.contact .inner{max-width: 70%;margin: 0 auto;}
.contact table{width: 100%;margin: 0 auto 20px;}
.contact th,.contact td{padding: 10px 0;position: relative;}
.contact th{width: 30%;font-weight: normal;}
.contact td{width: 70%;}
.contact table select {width: 100%;border: 1px solid #eae9e9;border-radius: 5px;height: 50px;}
.form-req{background: #ffe1e2;color: #c35656;position: absolute;right: 15px;top: 50%;transform: translateY(-50%);padding: 4px 3px;border-radius: 3px;font-size: 80%;line-height: 1;font-weight: 400;}
.submit-btn{text-align: center;margin: 20px auto 0;}
.submit-btn input{font-size: 105%;font-family: "Noto Sans JP";cursor: pointer;margin: 0 3px;}
.submit-btn p{display: flex;justify-content: center;}
.submit-btn input:hover{background: var(--main-color);}
.submit{border: none;margin: 5px 0;color: #fff;padding: 10px 100px;background:#333;border-radius: 100px;}
.toback{border: none;margin: 5px 0;border-radius: 100px;padding: 10px 100px;background:#eee;}
.form-text,.form-textarea{width: 100%; border: 1px solid #eae9e9;background: #f6f6f6;border-radius: 5px;}
.form-text{height: 50px;}
.form-textarea{height: 140px;}
.chk-privacy{text-align: center;}
.chk-privacy a{color: var(--linkon-color);text-decoration: underline;}
.privacypolicy .inner{padding: 0;}
.privacypolicy dl{margin: 30px 0 0;}
.privacypolicy dt{padding: 0 0 5px;margin: 0 0 5px;border-bottom: 1px dotted #ddd;font-weight: bold;}
.privacypolicy dd{margin: 0 0 30px;}

/*footer
*********************/
.footer{margin: 0 auto;padding: 30px 0px;}
.footer a{color: #333333;}
.footer a:hover{color: #999999;}
.footer .wmain{padding: 5px 0 10px;width: 90%;max-width: 90%;overflow: hidden;}
.footer .logo{width: 45%;font-size: 80%;}
.footer .logo img{max-width: 20%;}
.footnav{width: 50%;text-align: right;font-size: 80%;}
.footnav ul{display: flex;justify-content: flex-end;}
.footnav li a {margin: 0 0 0 25px;}
.footer .copyright{margin: 5px 0 0;}