@charset "utf-8";

/* common */
.btn {display: inline-block; transition: 0.3s;}
.btn:hover {}
.btn.sm {}
.btn.md {height: 42px; line-height: 42px; font-size: 0.88rem; padding: 0 30px; border-radius: 10px;}
.btn.lg {height: 63px; line-height: 63px; font-size: 1.36rem; font-weight: 700; padding: 0 20px; border-radius: 10px;}
.btn.xlg {height: 63px; line-height: 63px; font-size: 1.25rem; font-weight: 700; padding: 0 20px; border-radius: 10px; border: none;}


.btn.it {height: 52px; line-height: 52px; font-size: 0.88rem; padding: 0 30px; border-radius: 10px;}

.btn.bn {height: 42px; line-height: 42px; font-size: 1.1rem; padding: 0 40px; border-radius: 10px;font-weight:700;}
.btn.white {border:solid 1px #666666; color: #666666;}
.btn.main-color {background-color: #132d06; color: #fff;}
.btn.main-color:hover {background-color: #132d06;  color: #d0dbca;}
.btn.sub-color {background-color: #d0dbca; color: #fff;}
.btn.sub-color:hover {background-color: #d0dbca;}

.btn.intro-color {background-color: #426924; color: #fff;}
.btn.intro-color:hover {background-color: #132d06;}



.tab {position:relative;background-color: #d0dbca;color: #132d06;height:55px;line-height:55px;border-radius:10px;font-size:1.2rem;font-weight:700;width:33%;float:left;;}
.tab:nth-child(1) { margin-right:4px; } 
.tab:nth-child(2) { margin-right:4px; } 
.tab:hover{background-color: #132d06; color: #fff;}
.tab a { padding:0px 20px 0px 20px;display:block;color: #132d06;}
.tab a:hover{color: #fff;}


.btn.arrow-lg {position: relative; padding-right: 70px;}
.btn.arrow-lg:after {content: ''; display: block; position: absolute; width: 10px; height: 17px; right: 20px; top: 50%; transform: translateY(-50%); background: url('../images/sp-img.png') 0 -130px; background-size: 500px auto;}
.btn-wrap.type01 {}
.btn-wrap.type01 .btn {width: 100%;}

.login {}
.login > div {}
.login > div:first-child {border-radius: 10px 10px 10px 10px;}
.login > div:last-child {border-radius: 10px 10px 10px 10px;}

.input-text.type01 {position: relative; border:1px solid #d1d1d1; padding: 7px 15px;background-color:#fff;}
.input-text.type01 + .input-text {margin-top: -1px;}
.input-text.type01 label {position: absolute;}
.input-text.type01 input {border: none; width: 100%; height: 40px; line-height: 38px;}

.chk-box.type01 {position: relative; padding: 20px 0;}
.chk-box.type01 input[type="checkbox"] {opacity: 0; filter: alpha(opacity=0); position: absolute; width: 22px; height: 22px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); top: 0; left: 0; border: 0;}
.chk-box.type01 input[type="checkbox"] + label {position: relative; display: inline-block; height: 22px; line-height: 22px; padding-left: 30px; color: #666; font-size: 0.88rem; cursor: pointer;}
.chk-box.type01 input[type="checkbox"] + label:before {content: ""; position: absolute; top: 10px; left: 9px; width: 10px; height: 4px; border-bottom: 2px solid #ddd; border-left: 2px solid #ddd; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -webkit-transform: rotate( -45deg ); transform: rotate( -45deg ); z-index: 1;}
.chk-box.type01 input[type="checkbox"] + label:after {content: ''; display: block; position: absolute; width: 22px; height: 22px; top: 0; left: 0; background-color: #fff; border: 1px solid #ddd; border-radius: 100%; box-sizing: border-box;}
.chk-box.type01 input[type="checkbox"]:checked + label {}
.chk-box.type01 input[type="checkbox"]:checked + label:before {border-color: #fff;}
.chk-box.type01 input[type="checkbox"]:checked + label:after {background-color: #2f9ad7; border: 1px solid #2f9ad7;}

.rdo-box.type01 {position: relative; height: 22px;}
.rdo-box.type01 input[type="radio"] {opacity: 0; filter: alpha(opacity=0); position: absolute; width: 22px; height: 22px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); top: 0; left: 0; border: 0;}
.rdo-box.type01 input[type="radio"] + label {position: relative; display: inline-block; height: 22px; width: 22px; line-height: 22px; color: #666; font-size: 0.88rem; cursor: pointer;}
.rdo-box.type01 input[type="radio"] + label:before {content: ""; position: absolute; top: 50%; left: 50%; width: 8px; height: 8px; transform: translate(-50%, -50%); background-color: #fff; border-radius: 100%; z-index: 1;}
.rdo-box.type01 input[type="radio"] + label:after {content: ''; display: block; position: absolute; width: 22px; height: 22px; top: 0; left: 0; background-color: #fff; border: 1px solid #ddd; border-radius: 100%; box-sizing: border-box;}
.rdo-box.type01 input[type="radio"]:checked + label {}
.rdo-box.type01 input[type="radio"]:checked + label:before {background-color: #2f9ad7;}
.rdo-box.type01 input[type="radio"]:checked + label:after {background-color: #fff; border: 1px solid #2f9ad7;}


#wrap {position: relative; display: flex; flex-direction: column; min-width: 1040px; min-height:100%; height:auto !important; height:100%; box-sizing: border-box;}

@media only screen and (max-width: 1040px){
    #wrap,
    #wrap main section,
    .header-wrap,
    .footer-wrap {width: 100%; min-width: auto;}


}