/*-----------------------------------------------
index
-----------------------------------------------*/
/* secTop */
.secTop{
position: relative;
}
.secTop .topWrapper{
position: relative;
width: 100%;
height: 91.5vh;
display: flex;
justify-content: center;
align-items: center;
}
.secTop .boxVideo{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}
.secTop video{
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
object-fit: cover;
font-family: 'object-fit: cover;';
}
.secTop .wrapper{
z-index: 10;
padding-bottom: 21px;
}
.secTop .topItem .accessItem{
position: absolute;
top: 123px;
left: 40px;
width: 220px;
}
.secTop .topItem .underLink{
display: flex;
position: absolute;
right: 30px;
bottom: 28px;
}
.secTop .topItem .linkItem{
display: block;
margin-right: 10px;
}
.secTop .topItem .linkItem:last-child{
margin-right: 0;
}
@media only screen and (max-width:1470px){
.secTop .topItem .accessItem{
width: 180px;
}
}
@media only screen and (max-width:767px){
.secTop .topWrapper{
min-height: 500px;
height: 100.5vh;
}
.secTop .wrapper {
padding-bottom: 18vw;
}
.secTop .wrapper .boxTxt{
width: 80.534%;
margin: 0 auto;
}
.secTop .topItem{
margin-top: 15px;
}
.secTop .topItem .accessItem{
position: static;
width: 100%;
}
.secTop .topItem .underLink{
justify-content: center;
align-items: center;
margin-top: 20px;
left: 0;
right: 0;
top: 35vw;
}
.secTop .topItem .linkItem{
margin-right: 3px;
}
.secTop .topItem .linkItem:first-child{
width: 71px;
}
.secTop .topItem .linkItem:nth-child(2){
width: 71px;
}
.secTop .topItem .linkItem:nth-child(3){
width: 71px;
}
.secTop .topItem .linkItem:last-child{
width: 71px;
margin-right: 0;
}
}
/* secScroll */
.secScroll{
width: 1px;
height: 150px;
position: absolute;
bottom: 0;
right: 0;
left: 0;
margin: 0 auto;
z-index: 1;
}
.secScroll .txtScroll{
position: absolute;
bottom: 155px;
left: -3px;
}
.secScroll .lineScroll01{
position: absolute;
z-index: 0;
width: 1px;
height: 150px;
background: rgba(255, 255, 255, 0.25);
}
.secScroll .lineScroll02{
position: relative;
z-index: 2;
width: 100%;
height: 100%;
display: block;
background: linear-gradient(to bottom, white 50%, rgba(255, 255, 255, 0) 50%);
background-position: 0 -120px;
background-size: 100% 200%;
animation: scrolldown 2.2s cubic-bezier(0.76, 0, 0.3, 1) forwards infinite;
}
@keyframes scrolldown{
0%{
background-position: 0 100%;
}
75%{
background-position: 0 0;
}
100%{
background-position: 0 -100%;
}
}
@media screen and (max-width:767px){
.secScroll{
bottom: 0;
right: 0;
height: 120px;
left: 0;
}
.secScroll .txtScroll{
bottom: 125px;
left: -4px;
}
.secScroll .lineScroll01{
height: 120px;
}
.secScroll .lineScroll02{
background-position: 0 -100px;
}
}
/* contents */
.secCmiTit,
.secCmiTit01{
text-align: center;
}
.secCmiTit .subtit,
.secCmiTit01 .subtit{
font-size: 30px;
line-height: 1.5;
}
.secCmiTit .tit{
font-size:28px;
line-height: 50px;
font-weight: bold;
padding-top: 13px;
letter-spacing: 1px;
}
.secCmiTit01 .tit{
font-size: 45px;
line-height: 1.5;
font-weight: bold;
padding-top: 5px;
letter-spacing: 3px;
}
.secCmiTit01 .txt{
font-size: 16px;
line-height: 38px;
padding-top: 15px;
letter-spacing: 0;
}
@media screen and (max-width:767px){
.secCmiTit{
text-align: center;
}
.secCmiTit .subtit{
font-size: 15px;
}
.secCmiTit01 .subtit{
font-size: 15px;
}
.secCmiTit .tit{
font-size: 14px;
line-height: 22px;
letter-spacing: 0px;
padding-top: 6px;
}
.secCmiTit01 .tit{
font-size: 19px;
padding-top: 3px;
letter-spacing: 0;
}
.secCmiTit01 .txt{
font-size: 11px;
line-height: 1.8;
padding-top: 6px;
letter-spacing: 0;
}
}
.secToptxt{
text-align: center;
padding-top: 150px;
}
.secToptxt .imgTit{}
.secToptxt .txt{
font-size: 16px;
line-height: 34px;
font-weight: bold;
padding-top: 23px;
}
@media only screen and (max-width:767px){
.secToptxt{
text-align: center;
padding-top: 35px;
}
.secToptxt .imgTit{
width: 46%;
margin: 0 auto;
min-width: 170px;
}
.secToptxt .txt{
font-size: 11px;
line-height: 1.81;
font-weight: bold;
padding-top: 11px;
}
}
.secFlexbox{
max-width: 1740px;
margin: 0 auto;
display: flex;
flex-wrap: nowrap;
height: 340px;
margin-top: 60px;
}
.secFlexbox .box{
position: relative;
text-align: center;
width: calc(100% / 4);
padding-top: 164px;
padding-left: 10px;
padding-right: 10px;
border-right: 1px solid #000;
}
.secFlexbox .box::after{
content: "";
background: url(../img/index/imgicon00.gif)center top no-repeat;
background-size: contain;
width: 34px;
height: 26px;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
top: 26px;
}
.secFlexbox .box .img{
position: absolute;
left: 0;
right: 0;
margin: auto;
top: 86px;
}
.secFlexbox .box:last-child{
border: none;
}
.secFlexbox .box:last-child .img{
top: 76px;
}
.secFlexbox .box .tit{
font-size: 19px;
line-height: 30px;
font-weight: bold;
}
.secFlexbox .box .txt{
font-size: 14px;
line-height: 34px;
padding-top: 12px;
}
@media screen and (max-width:1650px){
.secFlexbox .box .txt {
font-size: 12px;
}
}
@media screen and (max-width:1450px){
.secFlexbox .box .tit {
font-size: 16px;
line-height: 26px;
}
}
@media screen and (max-width:767px){
.secFlexbox{
margin: 0 auto;
display: flex;
flex-wrap: wrap;
height: auto;
margin-top: 20px;
width: 100%;
max-width: 450px;
}
.secFlexbox .box{
position: relative;
text-align: center;
width: calc(100% / 2);
padding-top: 55px;
border-right: none;
margin-bottom: 22px;
padding-left: 5px;
padding-right: 5px;
}
.secFlexbox .box:nth-child(1)::before,
.secFlexbox .box:nth-child(3)::before{
content: "";
width: 1px;
height: 80px;
background: #000;
position: absolute;
right: 0;
top: 30px;
margin: auto;
}
.secFlexbox .box:nth-child(1)::before{
height: 115px;
}
.secFlexbox .box:nth-child(3)::before{
height: 145px;
}
.secFlexbox .box::after{
content: "";
background: url(../img/index/imgicon00.gif)center top no-repeat;
background-size: contain;
width: 16px;
height: 12px;
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
top: 0px;
}
.secFlexbox .box .img{
position: absolute;
left: 0;
right: 0;
margin: auto;
top: 19px;
width: 67px;
}
.secFlexbox .box:nth-child(2) .img{
width: 71px;
}
.secFlexbox .box:nth-child(3) .img{
width: 87px;
top: 23px;
}
.secFlexbox .box:nth-child(4) .img{
width: 54px;
}
.secFlexbox .box:last-child{
border: none;
}
.secFlexbox .box:last-child .img{
top: 19px;
}
.secFlexbox .box .tit{
font-size: 11px;
line-height: 16px;
font-weight: bold;
}
.secFlexbox .box .txt{
font-size: 10px;
line-height: 14px;
padding-top: 3px;
}
}
.seclinkBtnbox{
max-width: 1140px;
display: flex;
height: 500px;
margin: 0 auto;
margin-top: 100px;
}
.seclinkBtnbox .secUnderlinkbox{
display: block;
position: relative;
height: 100%;
width: 570px;
background: #f6f6f6;
}
.seclinkBtnbox .secUnderlinkbox .img{
position: relative;
width: 100%;
height: 100%;
}
.seclinkBtnbox .secUnderlinkbox .img img{
width: 100%;
height: auto;
max-width: 100%;
max-height: 100%;
}
.seclinkBtnbox .secUnderlinkbox .txtbox{
position: absolute;
display: block;
left: 0;
right: 0;
margin: auto;
bottom: 50px;
width: 400px;
border-radius: 60px;
padding: 22px 0 18px;
}
.seclinkBtnbox .secUnderlinkbox.reserveBtn .txtbox{
background-color: #e8340c;
border-bottom: 4px solid #ba2a0a;
}
.seclinkBtnbox .secUnderlinkbox.ContactBtn .txtbox{
background-color: #ffcc33;
border-bottom: 4px solid #cca329;
}
.seclinkBtnbox .secUnderlinkbox .txtbox .txt{
font-size:17px;
line-height: 1.5;
font-weight: bold;
color: #fff;
text-align: center;
}
.seclinkBtnbox .secUnderlinkbox.ContactBtn .txtbox .txt{
color: #000;
}
.seclinkBtnbox .secUnderlinkbox.ContactBtn .txtcategory{
text-align: center;
padding-top: 63px;
}
.seclinkBtnbox .secUnderlinkbox.ContactBtn .txtcategory .tit{
font-size: 18px;
line-height: 1.5;
letter-spacing: 0.5px;
}
.seclinkBtnbox .secUnderlinkbox.ContactBtn .txtcategory .tit span{
padding: 11px;
border: 1px solid #000;
border-left: none;
border-right: none;
}
.seclinkBtnbox .secUnderlinkbox.ContactBtn .txtcategory .subtit{
font-size: 22px;
line-height: 34px;
font-weight: bold;
padding-top: 33px;
}
.seclinkBtnbox .secUnderlinkbox.ContactBtn .txtcategory .imgbox{
margin-top: 22px;
}
@media only screen and (max-width:767px){
.seclinkBtnbox{
width: 92%;
flex-wrap: wrap;
height: auto;
margin-top: 27px;
}
.seclinkBtnbox .secUnderlinkbox{
display: block;
position: relative;
height: 81vw;
width: 100%;
background: #f6f6f6;
margin-bottom: 10px;
}
.seclinkBtnbox .secUnderlinkbox .img{
position: relative;
width: 100%;
height: 100%;
}
.seclinkBtnbox .secUnderlinkbox .img img{}
.seclinkBtnbox .secUnderlinkbox .txtbox{
position: absolute;
display: block;
left: 0;
right: 0;
margin: auto;
bottom: 7%;
width: 71%;
min-width: 245px;
border-radius: 60px;
padding: 15px 0 11px;
}
.seclinkBtnbox .secUnderlinkbox.reserveBtn .txtbox{
background-color: #e8340c;
border-bottom: 4px solid #ba2a0a;
}
.seclinkBtnbox .secUnderlinkbox.ContactBtn .txtbox{
background-color: #ffcc33;
border-bottom: 4px solid #cca329;
}
.seclinkBtnbox .secUnderlinkbox .txtbox .txt{
font-size: 13px;
}
.seclinkBtnbox .secUnderlinkbox.ContactBtn .txtbox .txt{
color: #000;
}
.seclinkBtnbox .secUnderlinkbox.ContactBtn .txtcategory{
text-align: center;
padding-top: 37px;
}
.seclinkBtnbox .secUnderlinkbox.ContactBtn .txtcategory .tit{
font-size: 10px;
line-height: 1.5;
letter-spacing: 0.5px;
}
.seclinkBtnbox .secUnderlinkbox.ContactBtn .txtcategory .tit span{
padding: 6px 8px 8px;
border: 1px solid #000;
border-left: none;
border-right: none;
}
.seclinkBtnbox .secUnderlinkbox.ContactBtn .txtcategory .subtit{
font-size: 13px;
line-height: 1.5;
font-weight: bold;
padding-top: 24px;
}
.seclinkBtnbox .secUnderlinkbox.ContactBtn .txtcategory .imgbox{
margin: 0 auto;
margin-top: 12px;
width: 71%;
min-width: 250px;
}
}
/* .secReason */
.secReason{
padding-top: 139px;
}
.secReason .inner{
max-width: 1400px;
margin: 0 auto;
margin-top: 90px;
}
.secReason .inner .listbox{
display: flex;
align-items: center;
margin-bottom: 100px;
}
.secReason .inner .listbox:nth-child(2n){
flex-direction: row-reverse;
justify-content: space-between;
}
.secReason .inner .listbox .imgbox{
width: 750px;
}
.secReason .inner .listbox .txtbox{
text-align: left;
padding-left: 71px;
}
.secReason .inner .listbox:nth-child(2n) .txtbox{
padding-left: 0;
}
.secReason .inner .listbox .txtbox .subtit{
font-size: 22px;
line-height: 1.5;
letter-spacing: 0.5px;
}
.secReason .inner .listbox .txtbox .tit{
font-size: 33px;
line-height: 50px;
font-weight: bold;
padding-top: 11px;
letter-spacing: 2px;
}
.secReason .inner .listbox .txtbox .txt{
font-size: 15px;
line-height: 32px;
font-weight: 500;
padding-top: 17px;
}
.secReason .inner .listbox .txtbox .tablist{
display: flex;
flex-wrap: wrap;
margin-top: 30px;
margin-bottom: 10px;
}
.secReason .inner .listbox .txtbox .tablist .tab{
width: 180px;
border: 1px solid #30b387;
color: #30b387;
font-size: 14px;
line-height: 32px;
border-radius: 60px;
margin-right: 10px;
text-align: center;
padding: 5px 0;
}
.secReason .inner .listbox .txtbox .tablist .tab:nth-child(3n){
margin-right: 0;
}
.secReason .inner .listbox .txtbox .tablist .tab:nth-child(n + 4){
margin-top: 10px;
}
@media only screen and (max-width:1400px){
.secReason .inner{
width: calc(100% - 40px);
}
.secReason .inner .listbox .txtbox .tablist .tab{
width: 170px;
}
}
@media only screen and (max-width:767px){
.secReason{
padding-top: 64px;
}
.secReason .inner{
width: 100%;
margin-top: 25px;
}
.secReason .inner .listbox{
display: block;
margin-bottom: 30px;
}
.secReason .inner .listbox:nth-child(2n){
flex-direction:unset;
}
.secReason .inner .listbox .imgbox{
width: 100%;
}
.secReason .inner .listbox .txtbox{
padding: 17px 4%;
}
.secReason .inner .listbox:nth-child(2n) .txtbox{
padding: 17px 4%;
}
.secReason .inner .listbox .txtbox .subtit{
font-size: 12px;
line-height: 1.5;
letter-spacing: 0.5px;
}
.secReason .inner .listbox .txtbox .tit{
font-size: 19px;
line-height: 1.47;
font-weight: bold;
padding-top: 6px;
letter-spacing: 0;
}
.secReason .inner .listbox .txtbox .txt{
font-size: 11px;
line-height: 1.8;
font-weight: 500;
padding-top: 10px;
}
.secReason .inner .listbox .txtbox .tablist{
display: flex;
flex-wrap: wrap;
margin-top: 16px;
margin-bottom: 10px;
}
.secReason .inner .listbox .txtbox .tablist .tab{
width: 49%;
border: 1px solid #30b387;
color: #30b387;
font-size: 12px;
line-height: 1.2;
border-radius: 60px;
margin-right: 2%;
text-align: center;
padding: 7px 0;
}
.secReason .inner .listbox .txtbox .tablist .tab:nth-child(3n){
margin-right: auto;
}
.secReason .inner .listbox .txtbox .tablist .tab:nth-child(2n){
margin-right: 0;
}
.secReason .inner .listbox .txtbox .tablist .tab:nth-child(n + 3){
margin-top: 5px;
}
}
.noteBox{
margin-top: 20px;
padding-left: 45px;
text-align: center;
}
.noteBox .noteTxt{
font-size: 12px;
line-height: 2;
padding-top: 20px;
}
@media only screen and (max-width:767px){
.noteBox{
margin-top: 0px;
padding-left: 0;
width: 92%;
margin: 0 auto;
}
.noteBox .noteTxt{
font-size: 10px;
line-height: 1.5;
padding-top: 0px;
}
}
/* secEndbox */
.secEndbox{
padding-top: 36px;
overflow: hidden;
margin-bottom: 190px;
}
.secEndbox .Toptxt{
text-align: center;
}
.secEndbox .Toptxt .tit{
font-size: 40px;
line-height: 60px;
font-weight: bold;
letter-spacing: 3px;
}
.secEndbox .Toptxt .txt{
font-size: 15px;
line-height: 32px;
padding-top: 20px;
font-weight: bold;
}
.secEndbox .inner{
max-width: 1400px;
margin: 0 auto;
position: relative;
height: 600px;
margin-top: 82px;
}
.secEndbox .imgbox{
position: absolute;
top: 0;
left: calc(50% - 960px);
}
@media only screen and (max-width:767px){
.secEndbox{
padding-top: 8px;
margin-bottom: 65px;
}
.secEndbox .Toptxt .tit{
font-size: 19px;
line-height: 1.47;
letter-spacing: 0px;
}
.secEndbox .Toptxt .txt{
font-size: 11px;
line-height: 1.8;
font-weight: 400;
padding-top: 11px;
}
.secEndbox .inner{
width: 100%;
margin: 0 auto;
height: auto;
margin-top: 25px;
}
.secEndbox .imgbox{
position: static;
}
}
/* secFormContents */
.secFormContents .tablist{
text-align: center;
margin-top: 60px;
background: #f6f6f6;
position: relative;
}
.secFormContents .tablist .txt{
font-size: 16px;
line-height: 34px;
font-weight: 700;
position: absolute;
left: 0;
right: 0;
top: -18px;
}
.secFormContents .tablist .flexbox{
display: flex;
align-items: flex-start;
justify-content: space-between;
max-width: 1030px;
margin: 0 auto;
margin-top: 60px;
padding-top: 88px;
padding-bottom: 90px;
}
.secFormContents .tablist .flexbox label{
position: relative;
display: inline-block;
/* overflow: hidden; */
pointer-events: auto;
}
.secFormContents .tablist .flexbox label input{
position: absolute;
top: -20px;
left: -20px;
width: 0;
height: 0;
}
.secFormContents .tablist .flexbox .btn{
display: block;
width: 500px;
height: 100px;
text-align: center;
font-size: 20px;
line-height: 1.5;
font-weight: bold;
background-color: #e8340c;
color: #fff;
border-radius: 90px;
pointer-events: auto;
text-decoration: none;
padding: 35px 0;
border-bottom: 4px solid #ba2a0a;
cursor: pointer;
}
.secFormContents .tablist .flexbox .btn.active{
background-color: #f39985;
color: #f9d0c8;
border: 6px solid #dc9484;
border-bottom: 0px;
border-right: 0;
padding: 31px 0;
position: relative;
}
.secFormContents .tablist .flexbox .btn.active::after{
content: "";
position: absolute;
width: 20px;
height: 15px;
background: url(../img/common/imgicon_active01.png)center top no-repeat;
background-size: contain;
left: 0;
right: 0;
margin: auto;
bottom: -15px;
}
.secFormContents .tablist .flexbox .btn.catalogbtn{
background-color: #ffcc33;
color: #000;
border-bottom: 4px solid #cca329;
}
.secFormContents .tablist .flexbox .btn.catalogbtn.active{
background: #ffe599;
border-color: #e5d194;
border-bottom: 0;
color: #b5a36f;
}
.secFormContents .tablist .flexbox .btn.catalogbtn.active::after{
background: url(../img/common/imgicon_active02.png)center top no-repeat;
background-size: contain;
}
@media only screen and (max-width:767px) {
.secFormContents .tablist{
margin-top: 24px;
}
.secFormContents .tablist .txt{
font-size: 11px;
letter-spacing: 0px;
}
.secFormContents .tablist .flexbox{
display: flex;
align-items: flex-start;
justify-content: space-between;
width: 92%;
margin-top: 10px;
padding: 29px 0px;
}
.secFormContents .tablist .flexbox .linkbtn{
width: 49%;
}
.secFormContents .tablist .flexbox label{
position: relative;
display: block;
/* overflow: hidden; */
}
.secFormContents .tablist .flexbox label input{
position: absolute;
top: -20px;
left: -20px;
width: 0;
height: 0;
}
.secFormContents .tablist .flexbox .btn{
display: block;
width: 100%;
height: 90px;
text-align: center;
font-size: 14px;
line-height: 1.6;
font-weight: bold;
border-radius: 10px;
text-decoration: none;
padding: 22px 0;
}
.secFormContents .tablist .flexbox .btn.active{
background-color: #f39985;
color: #f9d0c8;
border: 6px solid #dc9484;
border-bottom: 0px;
border-right: 0;
padding: 14px 0;
position: relative;
}
.secFormContents .tablist .flexbox .btn.active::after{
content: "";
position: absolute;
width: 14px;
height: 10px;
background: url(../img/common/imgicon_active01.png)center top no-repeat;
background-size: contain;
left: 0;
right: 6px;
margin: auto;
bottom: -10px;
}
.secFormContents .tablist .flexbox .btn.catalogbtn{
background-color: #ffcc33;
color: #000;
border-bottom: 4px solid #cca329;
}
.secFormContents .tablist .flexbox .btn.catalogbtn.active{
background: #ffe599;
border-color: #e5d194;
border-bottom: 0;
color: #b5a36f;
}
.secFormContents .tablist .flexbox .btn.catalogbtn.active::after{
background: url(../img/common/imgicon_active02.png)center top no-repeat;
background-size: contain;
}
}
/* reserve */
/* secTitTop */
.secTitTop{
font-size:20px;
font-weight:bold;
letter-spacing:6px;
text-align:center;
padding:39px 0 41px;
color:#fff;
background:#2C2626;
}
@media only screen and (max-width:767px){
.secTitTop{
font-size:15px;
letter-spacing:0.5px;
line-height:1.5;
padding:15px 3%;
}
}
/* secShowroom */
.Formbox{
display: none;
}
.Formbox{
display: none;
}
.secShowroom{
}
.secShowroom .boxList{
max-width:1320px;
width:calc(100% - 40px);
margin:0 auto;
padding:70px 0 20px;
font-size:0;
}
.secShowroom .boxList li{
display:inline-block;
vertical-align:top;
font-size:12px;
width: 21.5%;
margin: 0 4% 49px 0;
text-align:center;
}
.secShowroom .boxList li:nth-child(4n){
margin-right:0;
}
.secShowroom .img{
height:190px;
position:relative;
margin:0 0 21px;
}
.secShowroom .img img{
width:auto;
height:auto;
max-width:100%;
max-height:100%;
display:block;
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
margin:auto;
}
.secShowroom .tit{
font-size:14px;
letter-spacing:1.5px;
line-height:1.5;
padding:0 0 17px;
}
.secShowroom .tit a{
color:#1F1F1F;
text-decoration:none;
}
.secShowroom .btn{
display:block;
width:110px;
float:left;
font-size:13px;
padding:14px 0 15px;
margin:0 20px 0 0;
text-align:center;
text-decoration:none;
border-radius:4px;
color:#2C2626;
background:#fff;
border:solid 1px #ADA0A0;
}
.secShowroom .boxLink{
overflow:hidden;
padding:3px 0 0;
}
.secShowroom .boxLink a{
display:block;
position:relative;
color:#000;
text-decoration:none;
text-align:left;
padding:0 0 0 10px;
margin:0 0 12px;
}
.secShowroom .boxLink a:last-child{
margin-bottom:0;
}
.secShowroom .boxLink a::before{
content:"";
display:block;
width: 0;
height: 0;
border-style: solid;
border-width: 3px 0 3px 5px;
border-color: transparent transparent transparent #000;
position:absolute;
top:0;
bottom:0;
left:0;
margin:auto;
}
@media only screen and (max-width:767px){
.secShowroom{
margin-top: 0px;
}
.secShowroom .boxList{
width:100%;
padding:0;
}
.secShowroom .boxList li{
display:block;
width:100%;
margin:0;
padding:14px 6%;
border-bottom:solid 1px #ccc;
position:relative;
text-align:left;
}
.secShowroom .boxList li:last-child{
border-bottom:none;
}
.secShowroom .boxList li:nth-child(4n+3){
margin-right:0;
}
.secShowroom .img{
width:100px;
height:70px;
margin:0;
position:absolute;
top:14px;
left:6%;
}
.secShowroom .img img{
top:50%;
bottom:auto;
left:50%;
right:auto;
}
.secShowroom .tit{
letter-spacing:0.5px;
line-height:1.5;
padding:0;
margin:0 0 5px 110px;
}
.secShowroom .boxBtn{
padding:0 0 0 110px;
}
.secShowroom .btn{
width:100%;
float:none;
font-size:12px;
padding:5px 0;
margin:0 0 8px;
}
.secShowroom .boxLink{
padding:0;
}
.secShowroom .boxLink a{
display:inline-block;
margin:0 10px 0 0;
}
.secShowroom .boxLink a:last-child{
margin-right:0;
}
}
/* secForm */
.secFormWrap .txtEasy{
font-size:24px;
font-weight:bold;
letter-spacing:1.5px;
text-align:center;
color:#2C2626;
padding:0 0 70px;
}
.secFormWrap .txtEasy .fRed{
color:#990000;
}
.secForm{
padding-bottom:100px;
}
.secFormStep{
margin-bottom:40px;
}
.secFormTable{
border-top:none;
}
.secFormTable.tableTop{
margin-bottom: 0;
}
.secFormTable.tableCenter{
border-top: none!important;
}
.txtFormUnder{
line-height: 160%;
margin:0px 0 50px;
text-align:center;
font-size:12px;
}
.secForm .boxQuestionnaire{
display: none;
}
@media only screen and (max-width:767px){
.boxQuestionnaire + .tableCenter{
border-top: solid 1px #E5E5E5!important;
}
.secFormWrap .txtEasy{
font-size:18px;
letter-spacing:0.5px;
padding:0 0 30px;
}
.secForm{
padding: 0 0 0px;
}
.secFormStep{
margin-bottom:0;
}
.secForm.co{
padding-bottom: 50px;
}
.co .secFormStep{
margin-bottom:30px;
}
.txtFormUnder{
margin:0px auto 30px;
width:93.75%;
line-height:180%;
text-align:left;
font-size:11px;
}
}
.txtNote + .txtNote{
font-weight: normal;
text-align: left;
letter-spacing: .5px;
line-height: 1.7;
font-size: 13px;
margin-bottom: 32px;
}
@media only screen and (max-width:767px){
.txtNote + .txtNote{
font-size: 12px;
line-height: 1.5;
margin-bottom: 15px;
padding: 0 3%;
}
}
/* .secForm .btnQuestionnaire{
}
.secForm .btnQuestionnaire.on{
margin-bottom: 0;
} */
.secForm .btnQuestionnaire .btntxt{
font-size: 20px;
line-height: 24px;
font-weight: bold;
letter-spacing: 0.5px;
position: relative;
display: inline-block;
margin: 20px 50px;
}
.secForm .btnQuestionnaire.on .btntxt{
display: none;
}
.secForm .btnQuestionnaire .btntxt .item,
.secForm .btnQuestionnaire .btntxt .item02{
position: absolute;
top: 0;bottom: 0;
margin: auto;}
.secForm .btnQuestionnaire .btntxt .item{
left: -25px;
}
.secForm .btnQuestionnaire .btntxt .item02{
right: -25px;
}
.secForm .btnQuestionnaire .btntxt .col_y{
color: #ffff00;
}
/* secUnderAnn */
.secForm .secUnderAnn{
margin: 10px auto;
font-size: 13px;
text-align: left;
line-height: 22px;
}
/* txtNonebox */
.sectxtNonebox{
display: none;
margin: 20px auto;
width: 800px;
}
.sectxtNonebox > div{
padding: 45px;
}
.sectxtNonebox .tit{
font-size: 16px;
line-height: 24px;
font-weight: bold;
}
.sectxtNonebox .txtlist{
margin-bottom: 0;
}
.sectxtNonebox .txtlist li{font-size: 13px;line-height: 22px;}
.btnQuestionnaire.on ~ .sectxtNonebox{
display: block;
}
.btnQuestionnaire.on ~ .sectxtNonebox .Spbox{
display: none;
}
.sectxtNonebox .tit{
text-align: center;
font-size: 28px;
line-height: 50px;
letter-spacing: 3px;
color: #fff;
font-weight: bold;
width: 500px;
height: 65px;
margin: 0 auto;
background: url(../img/common/imgtxtNone.png) center top no-repeat;
background-size: cover;
margin-bottom: 10px;
}
.sectxtNonebox .tit .txtback{}
.sectxtNonebox p,
.sectxtNonebox span{
line-height: 1.65;
}
/* 220708霑ｽ蜉�ﾂ� */
@media only screen and (max-width:767px){
/* 220708霑ｽ蜉�ﾂ� */
.secForm .btnQuestionnaire{
margin-bottom: 20px;
}
.secForm .btnQuestionnaire .btntxt{
font-size: 12px;
line-height: 1.45;
font-weight: bold;
letter-spacing: 0.5px;
position: relative;
display: inline-block;
margin: 15px 10px 7px 25px;
}
.secForm .btnQuestionnaire.on{
height: 50px;
}
.secForm .btnQuestionnaire.on .btntxt{
display: none;
}
.secForm .btnQuestionnaire .btntxt .item,
.secForm .btnQuestionnaire .btntxt .item02{
position: absolute;
top: 0;bottom: 0;
margin: auto;}
.secForm .btnQuestionnaire .btntxt .item{
left: -15px;
}
.secForm .btnQuestionnaire .btntxt .item02{
display: none;
}
/* secUnderAnn */
.secForm .secUnderAnn{
text-align: left;
font-size: 11px;
line-height: 1.5;
width: 80%;
}
/* txtNonebox */
.sectxtNonebox{
display: none;
width: 92%;
}
.sectxtNonebox .tit{
font-size: 16px;
line-height: 1.8;
letter-spacing: 1px;
font-weight: bold;
width: 290px;
height: 38px;
margin-bottom: 10px;
}
.sectxtNonebox .txtlist{
margin-bottom: 5px;
}
.sectxtNonebox .txtlist li{font-size: 12px;line-height: 1.5;}
.sectxtNonebox .txt{
font-size: 11px;
line-height: 1.5;
}
.secForm .txtNote{
width: 80%;
margin: 0 auto 20px;
}
.sectxtNonebox > div{
padding: 20px 15px;
}
.sectxtNonebox p,
.sectxtNonebox span{
line-height: 1.3;
}
/* 220708霑ｽ蜉� */
.btnQuestionnaire.on ~ .sectxtNonebox .Pcbox{
display: none;
}
.btnQuestionnaire.on ~ .sectxtNonebox .Spbox{
margin: 0 auto;
display: block;
width: 320px;
padding: 20px 0;
}
.sectxtNonebox .tit{}
}
@media only screen and (max-width:360px){
.secForm .btnQuestionnaire .btntxt{
font-size: 10px;
margin: 17px 10px 7px 25px;
}
}
/* secCatalog */
.secCatalog{
padding:0 0 80px;
}
.secCatalog .txtTop{
background:#ECE7E2;
text-align: center;
font-size: 14px;
letter-spacing: 1.5px;
padding-top: 60px;
color: #2C2626;
}
.secCatalog .boxContent{
padding:0 0 35px;
background:#ECE7E2;
text-align:center;
}
.secCatalog .boxList{
display:inline-block;
max-width:1120px;
margin:0 auto;
padding:60px 0 0;
font-size:0;
text-align:left;
}
.secCatalog .boxList li{
display:inline-block;
vertical-align:top;
font-size:12px;
text-align:center;
width:240px;
margin:0 20px 50px;
color:#2C2626;
cursor:pointer;
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.secCatalog .boxList li:hover{filter:alpha(opacity=80);opacity:0.8;}
.secCatalog .tit{
font-size:15px;
font-weight:bold;
letter-spacing:2px;
line-height:1.5;
height:60px;
margin:15px 0 6px;
position:relative;
}
.secCatalog2 .tit{
height: 70px;
}
.secCatalog .tit .inner{
display: block;
width: 100%;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
}
.secCatalog .txt{
letter-spacing:1px;
line-height:22px;
text-align:left;
height:100px;
}
.secCatalog .btn{
width:200px;
font-size:13px;
letter-spacing:0.8px;
margin:0 auto;
padding:22px 0 23px;
background:#fff;
border:solid 1px #ADA0A0;
border-radius:4px;
}
.secCatalog .active .btn{
font-size:0;
color:#fff;
background:#93BAD5;
border-color:#93BAD5;
}
.secCatalog .active .btn::before{
content:"驕ｸ謚櫁ｧ｣髯､";
font-size:13px;
}
.secCatalog input[type="checkbox"]{
display:none;
}
@media only screen and (max-width:767px){
.secCatalog{
padding:0 0 1px;
}
.secCatalog .txtTop{
font-size: 13px;
line-height: 1.7;
letter-spacing: 0.5px;
padding: 30px 3% 0;
}
.secCatalog .boxContent{
padding:0 0 50px;
}
.secCatalog .boxList{
display:block;
max-width:240px;
padding:30px 0 0;
}
.secCatalog .boxList li{
display:block;
width:100%;
margin:0 0 50px;
}
.secCatalog .boxList li:last-child{
margin-bottom:0;
}
.secCatalog .tit{
letter-spacing:0.5px;
height:auto;
margin:10px 0 5px;
}
.secCatalog .tit .inner{
position: static;
-webkit-transform: translate(0,0);
-ms-transform: translate(0,0);
transform: translate(0,0);
}
.secCatalog .txt{
letter-spacing:0.5px;
padding:0 0 10px;
height:auto;
}
.secCatalog .btn{
width:200px;
font-size:13px;
letter-spacing:0.8px;
margin:0 auto;
padding:10px 0;
background:#fff;
border:solid 1px #ADA0A0;
border-radius:4px;
}
.secCatalog .active .btn{
font-size:0;
color:#fff;
background:#93BAD5;
border-color:#93BAD5;
}
.secCatalog .active .btn::before{
content:"驕ｸ謚櫁ｧ｣髯､";
font-size:13px;
}
.secCatalog input[type="checkbox"]{
display:none;
}
}
/* copyright */
#copyright{
font-size:13px;
letter-spacing:1px;
text-align:center;
padding:28px 0 29px;
color:#000;
background:#F1F1F1;
}
@media only screen and (max-width:767px){
#copyright{
font-size:12px;
letter-spacing:0.5px;
padding:10px 3%;
}
}
#Contactbox .secForm {
width: 1100px;
padding-bottom: 0px;
}
#Contactbox .secFormStep {
width: 900px;
margin-bottom: 50px;
}
.secForm .titSub{
width: 1100px;
font-size:18px;
letter-spacing:6px;
text-align:center;
padding:26px 0;
margin-bottom:10px;
color:#fff;
background:#2C2626;
}
#Contactbox .secFormInner {
width: 900px;
margin: 0 auto;
}
@media only screen and (max-width:767px){
#Contactbox .secForm {
width: 100%;
}
#Contactbox .secFormStep {
width: 100%;
margin-bottom: 0;
}
.secForm .titSub{
font-size: 15px;
letter-spacing: 0.5px;
padding: 15px 3%;
margin-bottom: 0;
width: 100%;
}
#Contactbox .secFormInner {
width: 100%;
}
}
/*-----------------------------------------------
catalog
-----------------------------------------------*/
/* secCatalog.pdf */
.secCatalog.pdf{
padding-bottom: 0;
}
.secCatalog.pdf .secTitTop{
font-size: 26px;
padding: 67px 0 66px;
}
.secCatalog.pdf .boxList .item{
color:#2C2626;
text-decoration: none;
}
.secCatalog.pdf .btnPdf{
width:200px;
font-size:13px;
letter-spacing:0.8px;
margin:0 auto;
padding:22px 0 26px;
background:#EA5A41;
border-radius:4px;
color:#FFF;
}
@media only screen and (max-width:767px){
.secCatalog.pdf .secTitTop{
font-size: 18px;
padding: 20px 3%;
}
}
/* secPdf */
.secPdf{
margin-bottom: 100px;
}
.secPdf .txt{
font-size: 25px;
font-weight: bold;
line-height: 54px;
color: #2C2626;
text-align: center;
padding: 67px 0 73px;
letter-spacing: 4px;
}
.secPdf .txt .txtTop{
letter-spacing: 5.5px;
}
@media only screen and (max-width:767px){
.secPdf{
margin-bottom: 50px;
}
.secPdf .txt{
font-size: 15px;
line-height: 1.5;
text-align: left;
padding: 40px 3.125%;
letter-spacing: 0.5px;
}
.secPdf .txt .txtTop{
letter-spacing: 0.5px;
}
}
.topImg{
text-align: center;
padding: 60px 0 30px;
}
.secPresentCp{
max-width: 902px;
padding: 30px;
background: #f8f8f8;
box-sizing: border-box;
margin: auto;
font-size: 13px;
margin: 0 auto 30px;
}
.secPresentCp .row{
width: 100%;
padding-bottom: 0;
}
.secPresentCp .txt{
font-size: 13px;
margin: 0;
line-height: 1.8;
padding-bottom: 0;
}
.secPresentCp ul,
.secPresentCp ol{
padding-left: 40px;
}
.secPresentCp ul:not(.dots) li{
position: relative;
}
.secPresentCp ul:not(.dots) li::before{
position: absolute;
content: "窶ｻ";
top: 0;
left: -20px;
}
.secPresentCp ul.dots{
list-style: disc;
}
.secPresentCp ol.num{
list-style-type: decimal;
}
.secPresentCp .txt p:not(.tit){
padding-left: 20px;
}
.secPresentCp .in + .in{
margin-top: 20px;
}
.secPresentCpBtm{
max-width: 902px;
background-color: #D9E5FF;
margin: 0 auto 30px;
padding: 30px 25px;
}
.secPresentCpBtm .txt{
font-size: 18px;
font-weight: bold;
letter-spacing: 0.06em;
}
.secPresentCpBtm .txt + .txt{
font-size: 15px;
font-weight: normal;
line-height: 1.7;
margin-top: 10px;
}
@media only screen and (max-width:767px){
.topImg{
padding-bottom: 20px;
}
.secPresentCp{
padding: 20px;
width: 94.67%;
}
.secPresentCp .txt{
font-size: 12px;
line-height: 1.5;
}
.secPresentCp ul,
.secPresentCp ol{
margin-top: 5px;
padding-left: 25px;
}
.secPresentCp .txt p:not(.tit){
padding-left: 10px;
}
.secPresentCp .in + .in{
margin-top: 10px;
}
.secPresentCpBtm {
width: 91.67%;
padding: 20px 15px;
}
.secPresentCpBtm .txt{
font-size: 14px;
}
.secPresentCpBtm .txt + .txt{
font-size: 13px;
line-height: 1.5;
}
}
/* secTop */
.topImg{
max-width:1320px;
width:calc(100% - 40px);
margin: 0 auto;
text-align:center;
padding:60px 0 75px;
}
@media only screen and (max-width:767px){
.topImg{
width: 100%;
padding:20px 3% 25px;
}
}