@charset "utf-8";
body{font-family: 'Times New Roman', Times, serif;font-size: 14px;}
a{text-decoration: none}
a:link{color: #0c0c0c;}
a:hover{text-decoration: none;}

.mainInner{max-width: 950px;margin: 0 auto;}
.contentSec{padding: 2.7rem 0;}

.btnColor1{background-color:#8B6411;}
.btnColor2{background-color:#887E70;}
.btnColor3{background-color:#5E6B80;}

.pcNone{display: none;}
.spNone{display: block;}

/* header */
#header{background-color: rgba(255, 255, 255, 0.6);position: fixed;width: 100%;z-index: 9999;}
#header .headerLang img{position: relative;}
#header .headerLang #langList {display: none;position: absolute;top: 100%;right: 0;background-color: #fff;border: 1px solid #ccc;z-index: 1000;box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);}
#header .headerLang #langList li {list-style: none;}
#header .headerLang #langList li a {display: block;padding: 10px;color: #000;text-decoration: none;}
#header .headerLang #langList li a:hover {background-color: #f0f0f0;}
#header .headerAbout{display: flex;justify-content: space-between;background-color: #231815;color: #fff;align-items: center;padding: 0 0.5em;}
#header .headerAbout p{font-size: 0.7em;padding: 2px 0;}
#header .headerLang #langList{display: none;}
#header .headerLang button{background-color: transparent;border: none;color: #fff;padding: 0;cursor: pointer;}
#header .headerWrap{display: flex;justify-content: space-between;padding: 0 0 0 1em;align-items: center;}
#header .headerWrap{padding-left: 39px;}
#header .headerWrap .headerMenu{display: flex;align-items: center;}
#header .headerWrap .headerMenuWrap{text-align: right;padding-right: 1em;}
#header .headerWrap .headerMenuWrap .navi .naviList{display: flex;margin-top: 0.5em;}
#header .headerWrap .headerMenuWrap .navi .naviList .naviItem{margin-left: 2em;}
#header .headerWrap .headerMenuWrap .navi .naviList .naviItem a{color: #0c0c0c;transition: ease .3s;}
#header .headerWrap .headerMenuWrap .navi .naviList .naviItem a:hover{opacity: 0.5;}
#header .headerLink{background-color:#DD513A;color: #fff;font-size: 1em;padding: 2.6em 1em;transition: ease .3s;}
#header .headerLink:hover{color: #DD513A;background-color: #fff;}


/* footer */
#footer .footerInner{display: flex;justify-content: space-between;}
#footer .footerInner .footerAbout{display: flex;width: 50%;align-items: flex-start;}
#footer .footerInner .footerAbout img{width: 27%;margin-right: 3em;}
#footer .footerInner .footerAbout .footerAccess{width: 50%;font-size: 1em;}
#footer .footerInner .footerAbout .footerAccess dt{font-size:1.5em;margin-bottom: 0.5em;}
#footer .footerInner .footerAbout .footerAccess dt p{line-height: 1.2;}
#footer .footerInner .footerAbout .footerAccess dt span{font-size: 0.7em;}
#footer .footerInner .footerAbout .footerAccess .footerTel{margin-left:3em ;}
#footer .footerInner .footerAbout .footerAccess .footerTel::before{content: "TEL：";text-indent: -3em;margin-left: -2.8em;}
#footer .footerInner .footerAbout a{color: #0c0c0c;}
#footer .footerInner .footerAbout .footerLink{display: block; width: 100%;border:1px solid #C9CACA;margin: 0.5em 0; padding: 0.6em 0;text-align: center;font-weight: normal;font-size: 1em;transition: ease .3s;position: relative;}
#footer .footerInner .footerAbout .footerLink::after{content: "";margin: auto;position: absolute;top: 0;bottom: 2px;right: 18px;width: 6px;height: 6px;border-top: 2px solid #0c0c0c;border-right: 2px solid #0c0c0c;transform: rotate(45deg);}
#footer .footerInner .footerAbout .footerLink:hover::after{border-top: 2px solid #fff;border-right: 2px solid #fff;}
#footer .footerInner .footerAbout .footerLink:hover{background-color:#0c0c0c;color: #fff;}
#footer .footerInner .footerAbout .snsBtn{display: flex;margin-top: 1em;}
#footer .footerInner .footerAbout .snsBtn a{display: block;font-size: 2.5em;transition: ease .3s;}
#footer .footerInner .footerAbout .snsBtn a:first-child:hover{color: #0866ff;}
#footer .footerInner .footerAbout .snsBtn a:last-child{margin-left: 0.3em;font-size: 2.7em;}
#footer .footerInner .footerAbout .snsBtn a:last-child:hover{color: #ff0069;}
#footer .footerInner .footerNavi{width: 50%;}
#footer .footerInner .footerNavi .footerNaviList{display: flex;font-size: 1em;justify-content: space-around;flex-wrap: wrap;}
#footer .footerInner .footerNavi .footerNaviList a{color: #0c0c0c;transition: ease .3s;}
#footer .footerInner .footerNavi .footerNaviList ul li{margin-bottom: 0.8em;}
#footer .footerInner .footerNavi .footerNaviList ul li:last-child{margin-bottom: 0;}
#footer .footerInner .footerNavi .footerNaviList a:hover{opacity: 0.5;}

/* breadcrumb */
.breadcrumb {display: flex;flex-wrap: wrap;list-style: none;font-size: 0.8em;margin-top: 1em;}
.breadcrumb li:not(:last-of-type)::after {content: ">";margin: 0 .6em;color: #777;}
.breadcrumb a {color: inherit;text-decoration: underline;transition: ease .3s;}
.breadcrumb a:hover{opacity: 0.5;}

/* allTitle */
.allTitle{margin-bottom: 2em;}
.allTitle h2{color: #595757;font-size: 1.5em;font-weight: normal;text-align: center;}
.allTitle p{color: #9FA0A0;font-size: 1em;text-align: center;}

/* relationSec */
#relationSec{background-color:rgba(235, 230, 220, 0.3) ;}
#relationSec .relationInner .relationWrap{display: flex;justify-content: space-between;}
#relationSec .relationInner .relationWrap:first-child{margin-bottom: 1em;width: 100%;justify-content: space-between;}
#relationSec .relationInner .relationWrap a:last-child{margin-right: 0;}
#relationSec .relationInner .relationWrap a{transition: ease .3s;width: 23%;}
#relationSec .relationInner .relationWrap a:hover{opacity: 0.5;}

/* sideBtn */
#sideBtn {position: fixed;right: 2vw;top: 75%;transform: translateY(-50%);z-index: 1000;}
#sideBtn a{display: block;transition: ease .3s;}
#sideBtn .sideBtnPlan{-ms-writing-mode: tb-rl; writing-mode: vertical-rl;margin: 0 auto 1em;padding: 1.3em 1.2em 1.3em 1em;background-color: #adae4b;color: #fff;font-size: 1.2em;position: relative;}
#sideBtn .sideBtnPlan::before {content: "";position: absolute;top: 4px;right: 4px;width: 0;height: 0;border-left: 10px solid transparent;border-bottom: 10px solid #fff;transform: rotate(-90deg);}
#sideBtn .sideBtnPlan:hover{background-color: #fff;color: #adae4b;}
#sideBtn .sideBtnPlan:hover::before{border-bottom: 10px solid #adae4b;}
#sideBtn .sideBtnAi{transition: ease .3s;}
#sideBtn .sideBtnAi:hover{opacity: 0.5;}