@import url("https://fonts.googleapis.com/css?family=Poppins:200,300,500,600,700&display=swap");
body{
font:100% "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ" , Meiryo , Osaka, sans-serif;
line-height:1;
overflow-x:hidden;
color:black;
margin:0
}
.spS-b{
display:none
}
@media (max-width: 520px){
.spS-b{
display:block
}

}
@media (max-width: 520px){
.spS-n{
display:none
}

}
#main{
width:100%;
overflow:hidden
}
#main .mainContents{
width:100%;
height:100vh;
margin:0;
position:relative;
user-select:none
}
#main .mainContents header{
background:white;
height:108px;
width:165px;
position:relative;
z-index:998
}
#main .mainContents header .mainLogo{
width:120px;
margin:auto;
padding:11px 0
}
@media (max-width: 750px){
#main .mainContents header .mainLogo{
padding:32px 0
}

}
@media (max-width: 750px){
#main .mainContents header{
position:absolute;
top:0;
left:50%;
transform:translateX(-50%);
z-index:2;
width:140px;
height:150px
}

}
@media (max-width: 520px){
#main .mainContents header{
width:25%;
height:auto
}
#main .mainContents header .mainLogo{
width:80%;
padding:20% 0
}

}
#main .mainContents .mainCopy{
width:100%;
height:100vh;
position:absolute;
top:0;
right:0
}
#main .mainContents .mainCopy .mainCopy-txt{
font-family:"Poppins","游ゴシック体","Yu Gothic","ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,sans-serif
}
#main .mainContents .mainCopy .mainCopy-txt-j{
font-weight:bold
}
#main .mainContents .mainCopy .mainCopy-txt-j.vertical{
font-size:100px;
font-size:10rem;
writing-mode:vertical-rl;
position:absolute;
top:108px
}
#main .mainContents .mainCopy .horizontal{
font-size:83px;
font-size:8.3rem;
position:absolute;
top:28px;
right:18px
}
#main .mainContents .mainCopy .vertical{
font-size:120px;
font-size:12rem;
writing-mode:vertical-rl;
position:absolute;
top:108px;
right:0;
padding-right:18px;
background-color:white;
height:100%;
width:120px
}
#main .mainContents .slider{
z-index:1;
position:absolute;
width:100%;
height:100%;
top:0;
left:0
}
#main .mainContents .slider.animating{
transition:transform 0.5s
}
#main .mainContents .slider.animating .slide__bg{
transition:transform 0.5s
}
#main .mainContents .main-image{
position:absolute;
top:0;
overflow:hidden;
width:100%;
height:100%
}
#main .mainContents .main-image .imageSlide{
position:relative;
width:100%;
height:100%
}
#main .mainContents .main-image .imageSlide .imageCopy{
position:absolute;
color:white;
width:auto;
left:75px;
top:50%;
margin-top:-218px;
padding:20px 28px 22px
}
#main .mainContents .main-image .imageSlide .imageCopy.backW{
color:black;
background-color:white
}
@media (max-width: 750px){
#main .mainContents .main-image .imageSlide .imageCopy.backW{
color:white;
background-color:rgba(255,255,255,0)
}

}
#main .mainContents .main-image .imageSlide .imageCopy.backW .link a{
color:black
}
@media (max-width: 750px){
#main .mainContents .main-image .imageSlide .imageCopy.backW .link a{
color:white
}

}
#main .mainContents .main-image .imageSlide .imageCopy.backW .link a span{
border-bottom:1px solid black
}
@media (max-width: 750px){
#main .mainContents .main-image .imageSlide .imageCopy.backW .link a span{
border-bottom:1px solid white
}

}
@media (max-width: 750px){
#main .mainContents .main-image .imageSlide .imageCopy{
top:auto;
bottom:15%;
left:5%;
margin:0
}

}
#main .mainContents .main-image .imageSlide .imageCopy .copyTop{
font-family:"Poppins",Helvetica,Arial,sans-serif;
font-size:20px;
font-size:2rem;
margin:0
}
@media (max-width: 750px){
#main .mainContents .main-image .imageSlide .imageCopy .copyTop{
display:block;
font-size:18px;
font-size:1.8rem
}

}
#main .mainContents .main-image .imageSlide .imageCopy h1{
font-size:48px;
font-size:4.8rem;
margin:35px 0 28px;
font-weight:bold;
line-height:1.5
}
@media (max-width: 1000px){
#main .mainContents .main-image .imageSlide .imageCopy h1{
font-size:30px;
font-size:3rem;
margin:18px 0
}

}
#main .mainContents .main-image .imageSlide .imageCopy h2{
font-family:"Poppins",Helvetica,Arial,sans-serif;
font-size:16px;
font-size:1.6rem
}
@media (max-width: 750px){
#main .mainContents .main-image .imageSlide .imageCopy h2{
margin-bottom:20px
}

}
#main .mainContents .main-image .imageSlide .imageCopy p{
font-size:16px;
font-size:1.6rem;
line-height:1.7;
margin:35px 0 40px;
text-align:justify;
text-justify:inter-character;
width:330px
}
@media (max-width: 750px){
#main .mainContents .main-image .imageSlide .imageCopy p{
display:none
}

}
#main .mainContents .main-image .imageSlide .imageCopy .link{
line-height:26px;
vertical-align:middle
}
#main .mainContents .main-image .imageSlide .imageCopy .link a{
color:white;
text-decoration:none;
font-size:14px;
font-size:1.4rem;
display:block
}
#main .mainContents .main-image .imageSlide .imageCopy .link a span{
border-bottom:1px solid white;
vertical-align:middle;
padding-bottom:5px;
font-family:"Poppins",Helvetica,Arial,sans-serif
}
#main .mainContents .main-image .imageSlide .imageCopy .link a i{
font-size:26px;
font-size:2.6rem;
vertical-align:middle;
padding-bottom:2px
}
@media (max-width: 750px){
#main .mainContents .main-image .imageSlide{
opacity:0
}
#main .mainContents .main-image .imageSlide.display{
opacity:1
}

}
#main .mainContents .main-image.slide.active .slide__overlay{
opacity:1;
transform:translateX(0)
}
#main .mainContents .main-image.slide .slide__bg{
position:absolute;
top:108px;
left:0;
width:100%;
height:calc(100% - 108px);
background-size:cover;
will-change:transform;
background-position:center center
}
@media (max-width: 750px){
#main .mainContents .main-image.slide .slide__bg{
height:100vh;
top:0
}

}
#main .mainContents .main-image.slide:nth-child(1){
left:0
}
#main .mainContents .main-image.slide:nth-child(1) .slide__bg{
left:0;
background-image:url("../img/bg1-v2.jpg")
}
#main .mainContents .main-image.slide:nth-child(2){
left:100%
}
#main .mainContents .main-image.slide:nth-child(2) .slide__bg{
left:-50%;
background-image:url("../img/bg2.jpg")
}
#main .mainContents .main-image.slide:nth-child(3){
left:200%
}
#main .mainContents .main-image.slide:nth-child(3) .slide__bg{
left:-100%;
background-image:url("../img/bg3-v2.jpg")
}
#main .mainContents .main-image.slide:nth-child(4){
left:300%
}
#main .mainContents .main-image.slide:nth-child(4) .slide__bg{
left:-150%;
background-image:url("../img/bg4-v2.jpg");
background-position:center center;
}
#main .mainContents .main-image.slide:nth-child(5){
left:400%
}
#main .mainContents .main-image.slide:nth-child(5) .slide__bg{
left:-200%;
background-image:url("../img/bg5.jpg");
background-position:center left
}
#main .mainContents .main-image.slide:nth-child(6){
left:500%
}
#main .mainContents .main-image.slide:nth-child(6) .slide__bg{
left:-250%;
background-image:url("../img/bg6-v2.jpg?update=20250219")
}
#main .mainContents .main-image.slide:nth-child(7){
left:600%
}
#main .mainContents .main-image.slide:nth-child(7) .slide__bg{
left:-300%;
background-image:url("../img/bg7.jpg")
}
@media (max-width: 750px){
#main .mainContents .main-image.slide:nth-child(1) .slide__bg{
background-image:url("../img/bg1_sp-v2.jpg")
}
#main .mainContents .main-image.slide:nth-child(2) .slide__bg{
background-image:url("../img/bg2_sp.jpg")
}
#main .mainContents .main-image.slide:nth-child(3) .slide__bg{
background-image:url("../img/bg3_sp-v2.jpg")
}
#main .mainContents .main-image.slide:nth-child(4) .slide__bg{
background-image:url("../img/bg4_sp-v2.jpg")
}
#main .mainContents .main-image.slide:nth-child(5) .slide__bg{
background-image:url("../img/bg5_sp.jpg")
}
#main .mainContents .main-image.slide:nth-child(6) .slide__bg{
background-image:url("../img/bg6_sp-v2.jpg?update=20250219")
}
#main .mainContents .main-image.slide:nth-child(7) .slide__bg{
background-image:url("../img/bg7_sp.jpg")
}

}
@media (max-width: 750px){
#main .mainContents .main-image .mainCopy{
display:none
}

}
#main .mainContents .slider-pagi{
position:absolute;
z-index:3;
left:50%;
bottom:2rem;
transform:translateX(-50%);
font-size:0;
list-style-type:none
}
#main .mainContents .slider-pagi .slider-pagi__elem{
position:relative;
display:inline-block;
vertical-align:top;
width:8.4rem;
height:8px;
margin:0;
background-color:white;
cursor:pointer
}
@media (max-width: 1000px){
#main .mainContents .slider-pagi .slider-pagi__elem{
width:6.2rem
}

}
@media (max-width: 750px){
#main .mainContents .slider-pagi .slider-pagi__elem{
position:relative;
display:inline-block;
vertical-align:top;
width:1.5rem;
height:1.5rem;
margin:0 0.5rem;
border-radius:50%;
border:2px solid #fff;
cursor:pointer
}

}
@media (max-width: 520px){
#main .mainContents .slider-pagi .slider-pagi__elem{
width:1rem;
height:1rem
}

}
#main .mainContents .slider-pagi .slider-pagi__elem::before{
content:'';
position:absolute;
left:0;
top:0;
width:8.6rem;
height:8px;
background:#005337;
transform:scale(0);
transition:transform 0.3s
}
@media (max-width: 750px){
#main .mainContents .slider-pagi .slider-pagi__elem::before{
content:'';
position:absolute;
left:50%;
top:50%;
width:1.2rem;
height:1.2rem;
background:#005337;
border-radius:50%;
transition:transform 0.3s;
transform:translate(-50%, -50%) scale(0)
}

}
@media (max-width: 520px){
#main .mainContents .slider-pagi .slider-pagi__elem::before{
width:0.8rem;
height:0.8rem
}

}
#main .mainContents .slider-pagi .slider-pagi__elem.active::before{
transform:scale(1)
}
@media (max-width: 750px){
#main .mainContents .slider-pagi .slider-pagi__elem.active::before{
transform:translate(-50%, -50%) scale(1)
}

}
#main .mainContents .slider-pagi .slider-pagi__elem:hover::before{
transform:scale(1)
}
@media (max-width: 750px){
#main .mainContents .slider-pagi .slider-pagi__elem:hover::before{
transform:translate(-50%, -50%) scale(1)
}

}
@media (max-width: 520px){
#main .mainContents .slider-pagi{
bottom:15%
}

}
#main .contents{
width:100%;
height:auto
}
#main .contents .menuLink{
height:108px;
width:90px;
position:fixed
}
#main .contents .menuLink .button_container.active{
top:24px;
right:50%;
transform:translateX(50%);
left:auto
}
#main .contents .menuLink .button_container.active span{
background-image:url("../img/close.png")
}
#main .contents .menuLink .button_container span{
width:90px;
background-image:url("../img/btn.png")
}
#main .contents .menuLink .button_container p{
color:black
}
#main .contents .topMenu{
position:absolute;
top:50px;
right:116px;
z-index:998
}
#main .contents .topMenu ul li{
font-size:14px;
font-size:1.4rem;
display:inline-block;
margin-left:50px;
font-weight:bold
}
#main .contents .topMenu ul li a{
color:black;
text-decoration:none
}
@media (max-width: 1050px){
#main .contents .topMenu{
display:none
}

}
#main .contents .global{
width:90%;
max-width:1296px;
margin:0 auto 120px;
padding-top:70px
}
#main .contents .global.staffs{
padding-top:86px
}
@media (max-width: 1000px){
#main .contents .global.sub{
display:none
}

}
@media (max-width: 750px){
#main .contents .global{
padding-top:166px;
margin:0 auto 70px;
width:100%
}
#main .contents .global.staffs{
padding-top:0
}
#main .contents .global.sub2{
padding-top:0
}

}
#main .contents .global .inner .mainBlock h2{
font-size:26px;
font-size:2.6rem;
font-weight:bold;
text-align:center
}
@media (max-width: 520px){
#main .contents .global .inner .mainBlock h2{
font-size:22px;
font-size:2.2rem
}

}
#main .contents .global .inner h1{
font-size:45px;
font-size:4.5rem;
text-align:center;
font-weight:bold;
padding-bottom:30px
}
@media (max-width: 750px){
#main .contents .global .inner h1{
font-size:24px;
font-size:2.4rem
}

}
#main .contents .global .inner .titleSub{
font-size:20px;
font-size:2rem;
text-align:center;
margin-bottom:30px;
font-weight:bold
}
@media (max-width: 750px){
#main .contents .global .inner .titleSub.spn{
display:none
}

}
#main .contents .global .inner .top-image{
width:100%;
height:220px;
background:url("../img/about-1-v2.jpg") no-repeat center center
}
#main .contents .global .inner .topCopy{
font-size:16px;
font-size:1.6rem;
line-height:2;
margin-bottom:122px;
text-align:justify;
text-justify:inter-character
}
@media (max-width: 1000px){
#main .contents .global .inner .topCopy{
margin-bottom:100px
}

}
@media (max-width: 750px){
#main .contents .global .inner .topCopy{
width:90%;
margin:0 auto 100px;
font-size:14px;
font-size:1.4rem
}
#main .contents .global .inner .topCopy.spn{
display:none
}

}
#main .contents .global .inner .shop{
margin:0 0 80px;
padding-top:80px;
display:flex;
justify-content:space-between
}
@media (max-width: 750px){
#main .contents .global .inner .shop{
width:90%;
margin:0 auto 80px;
display:block
}

}
#main .contents .global .inner .shop .shop-image{
width:50%
}
@media (max-width: 750px){
#main .contents .global .inner .shop .shop-image{
width:100%;
margin-bottom:25px
}

}
#main .contents .global .inner .shop .shop-info{
width:46%
}
@media (max-width: 750px){
#main .contents .global .inner .shop .shop-info{
width:100%
}

}
#main .contents .global .inner .shop .shop-info h2{
font-size:30px;
font-size:3rem;
display:flex;
align-items:center;
font-family:"Poppins",Helvetica,Arial,sans-serif;
font-weight:200
}
@media (max-width: 1000px){
#main .contents .global .inner .shop .shop-info h2{
font-size:20px;
font-size:2rem
}

}
#main .contents .global .inner .shop .shop-info h2::before{
content:'';
height:2px;
width:22px;
background:black;
margin-right:5px
}
#main .contents .global .inner .shop .shop-info h3{
margin:36px 0 10px;
font-size:32px;
font-size:3.2rem;
font-weight:bold
}
@media (max-width: 1000px){
#main .contents .global .inner .shop .shop-info h3{
font-size:22px;
font-size:2.2rem;
margin:15px 0 5px
}

}
#main .contents .global .inner .shop .shop-info h4{
font-size:22px;
font-size:2.2rem;
font-family:"Poppins",Helvetica,Arial,sans-serif;
font-weight:500
}
@media (max-width: 1000px){
#main .contents .global .inner .shop .shop-info h4{
font-size:14px;
font-size:1.4rem
}

}
#main .contents .global .inner .shop .shop-info .address{
margin:50px 0 0
}
@media (max-width: 1000px){
#main .contents .global .inner .shop .shop-info .address{
margin:20px 0 0
}

}
#main .contents .global .inner .shop .shop-info .address p{
font-weight:bold
}
#main .contents .global .inner .shop .shop-info .address p.add{
font-size:16px;
font-size:1.6rem;
line-height:1.5;
margin-bottom:18px
}
@media (max-width: 1000px){
#main .contents .global .inner .shop .shop-info .address p.add{
font-size:14px;
font-size:1.4rem
}

}
#main .contents .global .inner .shop .shop-info .address p.number{
font-size:22px;
font-size:2.2rem;
margin-bottom:8px
}
@media (max-width: 1000px){
#main .contents .global .inner .shop .shop-info .address p.number{
font-size:16px;
font-size:1.6rem
}

}
#main .contents .global .inner .shop .shop-info .address p.time span{
vertical-align:middle
}
#main .contents .global .inner .shop .shop-info .address p.time span:nth-child(1){
font-size:14px;
font-size:1.4rem
}
@media (max-width: 1000px){
#main .contents .global .inner .shop .shop-info .address p.time span:nth-child(1){
font-size:12px;
font-size:1.2rem
}

}
#main .contents .global .inner .shop .shop-info .address p.time span:nth-child(2){
font-size:20px;
font-size:2rem;
margin:0 5px 0 0
}
@media (max-width: 1000px){
#main .contents .global .inner .shop .shop-info .address p.time span:nth-child(2){
font-size:14px;
font-size:1.4rem
}

}
#main .contents .global .inner .shop .shop-info .address p.time span:nth-child(3){
font-size:16px;
font-size:1.6rem
}
@media (max-width: 1000px){
#main .contents .global .inner .shop .shop-info .address p.time span:nth-child(3){
font-size:12px;
font-size:1.2rem
}

}
#main .contents .global .inner .map{
width:100%;
height:460px
}
@media (max-width: 750px){
#main .contents .global .inner .map{
width:90%;
margin:0 auto;
height:300px
}

}
#main .contents .global .inner .contact-phone{
max-width:592px;
width:80%;
margin:0 auto;
text-align:center;
padding-top:84px
}
#main .contents .global .inner .contact-phone .num{
font-size:50px;
font-size:5rem;
font-family:"Poppins",Helvetica,Arial,sans-serif;
font-weight:700;
margin:20px 0
}
@media (max-width: 750px){
#main .contents .global .inner .contact-phone .num{
font-size:30px;
font-size:3rem
}

}
@media (max-width: 520px){
#main .contents .global .inner .contact-phone .num{
font-size:24px;
font-size:2.4rem
}

}
#main .contents .global .inner .contact-phone .num a{
pointer-events:none;
color:black;
text-decoration:none
}
@media (max-width: 520px){
#main .contents .global .inner .contact-phone .num a{
pointer-events:visible
}

}
#main .contents .global .inner .contact-phone .info{
background-color:#DDD;
width:100%;
padding:20px 0
}
@media (max-width: 750px){
#main .contents .global .inner .contact-phone .info{
padding:20px;
width:auto
}

}
#main .contents .global .inner .contact-phone .info p{
font-size:16px;
font-size:1.6rem;
font-weight:bold
}
@media (max-width: 750px){
#main .contents .global .inner .contact-phone .info p{
font-size:14px;
font-size:1.4rem;
line-height:1.3
}

}
#main .contents .global .inner .contact-form{
margin:80px 0 0
}
#main .contents .global .inner .contact-form .form{
width:800px;
margin:70px auto 44px
}
@media (max-width: 1000px){
#main .contents .global .inner .contact-form .form{
width:90%
}

}
#main .contents .global .inner .contact-form .form form fieldset .form-item{
margin-bottom:26px;
display:flex;
justify-content:space-between;
align-items:center
}
@media (max-width: 1000px){
#main .contents .global .inner .contact-form .form form fieldset .form-item{
display:block;
margin-bottom:30px
}

}
#main .contents .global .inner .contact-form .form form fieldset .form-item .label{
font-size:16px;
font-size:1.6rem
}
#main .contents .global .inner .contact-form .form form fieldset .form-item .label span{
font-size:14px;
font-size:1.4rem;
background-color:#B51022;
color:white;
padding:5px 8px;
margin-left:10px
}
#main .contents .global .inner .contact-form .form form fieldset .form-item dd{
width:70%;
height:50px;
font-size:16px;
font-size:1.6rem;
padding:0 0 0 5px
}
@media (max-width: 1000px){
#main .contents .global .inner .contact-form .form form fieldset .form-item dd{
width:100%;
margin-top:12px;
padding:0
}

}
#main .contents .global .inner .contact-form .form form fieldset .form-item dd.message{
height:200px
}
#main .contents .global .inner .contact-form .form form fieldset .form-item dd .inputs{
border:1px solid black;
width:100%;
height:100%
}
#main .contents .global .inner .contact-form .form form fieldset .form-item dd .error_blank{
font-size:13px;
font-size:1.3rem;
margin-top:4px;
color:#B51022
}
#main .contents .global .inner .contact-form .form form fieldset .form-item.zip dd{
width:70%
}
@media (max-width: 750px){
#main .contents .global .inner .contact-form .form form fieldset .form-item.zip dd{
width:100%
}

}
#main .contents .global .inner .contact-form .form form fieldset .form-item.zip dd span{
font-size:16px;
font-size:1.6rem
}
#main .contents .global .inner .contact-form .form form fieldset .form-item.zip dd .inputs{
width:162px;
margin-left:14px
}
#main .contents .global .inner .contact-form .form form .privacy{
margin:44px 0 60px
}
#main .contents .global .inner .contact-form .form form .privacy .privacy-in{
background-color:#DDD;
padding:44px 92px 40px 92px
}
@media (max-width: 750px){
#main .contents .global .inner .contact-form .form form .privacy .privacy-in{
padding:44px 50px 40px 60px
}

}
@media (max-width: 520px){
#main .contents .global .inner .contact-form .form form .privacy .privacy-in{
padding:10% 5% 10% 6%
}

}
#main .contents .global .inner .contact-form .form form .privacy .privacy-in h3{
font-size:16px;
font-size:1.6rem;
text-align:center;
font-weight:bold
}
#main .contents .global .inner .contact-form .form form .privacy .privacy-in .privacy-body{
margin-top:20px
}
#main .contents .global .inner .contact-form .form form .privacy .privacy-in .privacy-body .scrollBox .scroll-area{
overflow:hidden;
height:200px
}
#main .contents .global .inner .contact-form .form form .privacy .privacy-in .privacy-body .scrollBox .scroll-area .desc{
font-size:14px;
font-size:1.4rem;
padding:4px 18px;
line-height:2;
text-align:justify;
text-justify:inter-character;
background-color:white
}
#main .contents .global .inner .contact-form .form form .privacy .privacy-in .check{
margin-top:35px;
text-align:center;
font-size:12px;
font-size:1.2rem
}
#main .contents .global .inner .contact-form .form form .privacy .privacy-in .check .checkbox-input{
display:none
}
#main .contents .global .inner .contact-form .form form .privacy .privacy-in .check .checkbox-input:checked+.checkbox-parts::after{
content:'';
display:block;
position:absolute;
top:-5px;
left:10px;
width:7px;
height:14px;
transform:rotate(40deg);
border-bottom:3px solid #666;
border-right:3px solid #666
}
#main .contents .global .inner .contact-form .form form .privacy .privacy-in .check .checkbox-parts{
padding-left:40px;
position:relative;
margin-right:20px
}
#main .contents .global .inner .contact-form .form form .privacy .privacy-in .check .checkbox-parts::before{
content:'';
display:block;
position:absolute;
top:50%;
left:0;
transform:translateY(-50%);
width:28px;
height:28px;
border:1px solid black;
background-color:white
}
#main .contents .global .inner .contact-form .form form .submitBtn{
width:272px;
margin:0 auto
}
#main .contents .global .inner .contact-form .form form .submitBtn .submit{
border:1px solid black;
background-color:white;
width:272px;
padding:10px 0;
font-size:20px;
font-size:2rem;
cursor:pointer
}
#main .contents .global .inner .contact-form .form form .submitBtn .submit:hover{
transition:all .3s;
background-color:black;
color:white
}
#main .contents .global .inner .thanks p{
font-size:20px;
font-size:2rem;
text-align:center;
line-height:1.8;
margin-top:80px
}
@media (max-width: 750px){
#main .contents .global .inner .thanks{
width:90%;
margin:0 auto
}
#main .contents .global .inner .thanks p{
font-size:16px;
font-size:1.6rem
}

}
#main .contents .global .inner .staffLink{
margin:40px 0;
display: grid;
grid-template-columns: repeat(3, 32.3%);
justify-content: space-between;
}
@media (max-width: 750px){
#main .contents .global .inner .staffLink{
width:90%;
margin:40px auto 0;
grid-template-columns: repeat(2, 48.7%);
}

}
#main .contents .global .inner .staffLink .staffLink-block{
margin-bottom:4.64%
}
@media (max-width: 750px){
#main .contents .global .inner .staffLink .staffLink-block{
margin-bottom:5.34%
}

}
#main .contents .global .inner .staffLink .staffLink-block a{
color:white
}
#main .contents .global .inner .staffLink .staffLink-block a .staffLink-in{
width:100%;
height:0;
padding-top:45.167%;
position:relative;
font-family:"Poppins",Helvetica,Arial,sans-serif
}
#main .contents .global .inner .staffLink .staffLink-block a .staffLink-in .staff{
position:absolute;
top:8%;
left:2.8%;
font-size:20px;
font-size:2rem;
z-index:2
}
@media (max-width: 750px){
#main .contents .global .inner .staffLink .staffLink-block a .staffLink-in .staff{
font-size:15px;
font-size:1.5rem
}

}
@media (max-width: 520px){
#main .contents .global .inner .staffLink .staffLink-block a .staffLink-in .staff{
font-size:12px;
font-size:1.2rem
}

}
#main .contents .global .inner .staffLink .staffLink-block a .staffLink-in .numbering{
position:absolute;
bottom:0;
right:3%;
font-size:70px;
font-size:7rem;
font-weight:300;
z-index:2
}
@media (max-width: 750px){
#main .contents .global .inner .staffLink .staffLink-block a .staffLink-in .numbering{
font-size:55px;
font-size:5.5rem
}

}
@media (max-width: 520px){
#main .contents .global .inner .staffLink .staffLink-block a .staffLink-in .numbering{
font-size:30px;
font-size:3rem
}

}
#main .contents .global .inner .staffLink .staffLink-block a .staffLink-in::after{
transition:all .33s;
content:'';
background-color:transparent;
position:absolute;
left:0;
right:0;
top:0;
bottom:0
}
#main .contents .global .inner .staffLink .staffLink-block a .staffLink-in:hover::after{
background-color:rgba(0,0,0,0.5)
}
#main .contents .global .inner .staffLink .staffLink-block:nth-child(1) a .staffLink-in{
background-image:url("../img/staff-1.jpg?update=20240201");
background-size:100%
}
#main .contents .global .inner .staffLink .staffLink-block:nth-child(2) a .staffLink-in{
background-image:url("../img/staff-2.jpg?update=20240201");
background-size:100%
}
#main .contents .global .inner .staffLink .staffLink-block:nth-child(3) a .staffLink-in{
background-image:url("../img/staff-3.jpg?update=20240201");
background-size:100%
}
#main .contents .global .inner .staffLink .staffLink-block:nth-child(4) a .staffLink-in{
background-image:url("../img/staff-4.jpg?update=20240201");
background-size:100%
}
#main .contents .global .inner .staffLink .staffLink-block:nth-child(5) a .staffLink-in{
background-image:url("../img/staff-5.jpg?update=20240201");
background-size:100%
}
#main .contents .global .inner .outline{
margin:130px 0 0;
padding-bottom:36px
}
@media (max-width: 750px){
#main .contents .global .inner .outline{
width:90%;
margin:82px auto 0
}

}
#main .contents .global .inner .outline .outline-in .table-recruit{
width:100%;
margin-top:36px
}
#main .contents .global .inner .outline .outline-in .table-recruit tr:first-child th,
#main .contents .global .inner .outline .outline-in .table-recruit tr:first-child td{
border-top:1px solid #666
}
#main .contents .global .inner .outline .outline-in .table-recruit th,
#main .contents .global .inner .outline .outline-in .table-recruit td{
border-bottom:1px solid #666;
font-size:16px;
font-size:1.6rem;
line-height:1.3
}
@media (max-width: 750px){
#main .contents .global .inner .outline .outline-in .table-recruit th,
#main .contents .global .inner .outline .outline-in .table-recruit td{
font-size:14px;
font-size:1.4rem
}

}
#main .contents .global .inner .outline .outline-in .table-recruit th{
width:190px;
padding:26px 0 26px 60px;
font-weight:bold
}
@media (max-width: 750px){
#main .contents .global .inner .outline .outline-in .table-recruit th{
width:104px;
padding:26px 0
}

}
#main .contents .global .inner .outline .outline-in .table-recruit td{
padding:26px 0
}
#main .contents .global .inner .blog{
width:100%;
display:flex;
justify-content:space-between;
margin-top:70px;
flex-wrap:wrap
}
#main .contents .global .inner .blog .newsSide{
width:27%
}
#main .contents .global .inner .blog .newsSide .sideBlock{
margin-bottom:82px
}
#main .contents .global .inner .blog .newsSide .sideBlock h3{
font-size:22px;
font-size:2.2rem;
font-weight:bold;
border-bottom:1px solid black;
margin-bottom:16px;
padding-bottom:16px
}
#main .contents .global .inner .blog .newsSide .sideBlock ul li{
font-size:16px;
font-size:1.6rem;
line-height:1.4;
margin:15px 0
}
#main .contents .global .inner .blog .newsSide .sideBlock ul li a{
color:black;
text-decoration:none;
transition:all .3s
}
#main .contents .global .inner .blog .newsSide .sideBlock ul li a:hover{
text-decoration:underline;
color:#5D5D5D
}
#main .contents .global .inner .blog .newsSide .sideBlock .category li{
position:relative;
padding-left:15px
}
#main .contents .global .inner .blog .newsSide .sideBlock .category li::before{
content:"";
position:absolute;
background:black;
width:10px;
height:2px;
margin-top:-1px;
top:50%;
left:0
}
#main .contents .global .inner .blog .newsSide .sideBlock .sideLink{
margin-bottom:20px
}
#main .contents .global .inner .blog .newsSide .sideBlock .sideLink a:hover{
opacity:0.8
}
#main .contents .global .inner .blog .newsSide .sideBlock .sideLink a img{
border-radius:10px
}
#main .contents .global .inner .blog .newsSide .sideBlock .calendar_wrap{
padding-top:10px;
width:100%
}
#main .contents .global .inner .blog .newsSide .sideBlock .calendar_wrap .wp-calendar-table{
width:100%;
text-align:center;
padding-top:10px
}
#main .contents .global .inner .blog .newsSide .sideBlock .calendar_wrap .wp-calendar-table tr{
display:flex;
justify-content:space-around
}
#main .contents .global .inner .blog .newsSide .sideBlock .calendar_wrap .wp-calendar-table tr:first-of-type{
justify-content:flex-end
}
#main .contents .global .inner .blog .newsSide .sideBlock .calendar_wrap .wp-calendar-table tr:last-of-type{
justify-content:flex-start
}
#main .contents .global .inner .blog .newsSide .sideBlock .calendar_wrap .wp-calendar-table caption{
font-size:16px;
font-size:1.6rem;
text-align:center;
margin-bottom:15px
}
#main .contents .global .inner .blog .newsSide .sideBlock .calendar_wrap .wp-calendar-table th,#main .contents .global .inner .blog .newsSide .sideBlock .calendar_wrap .wp-calendar-table td{
font-size:16px;
font-size:1.6rem;
display:block;
width:calc(100% / 7);
text-align:center
}
#main .contents .global .inner .blog .newsSide .sideBlock .calendar_wrap .wp-calendar-table th{
padding:8px 0;
background-color:#DCDCDC;
margin-bottom:10px;
font-weight:bold
}
#main .contents .global .inner .blog .newsSide .sideBlock .calendar_wrap .wp-calendar-table td{
height:26px;
justify-content:center;
align-items:center;
display:flex;
margin-bottom:5px
}
#main .contents .global .inner .blog .newsSide .sideBlock .calendar_wrap .wp-calendar-table td a{
width:80%;
height:100%;
display:flex;
padding:0;
margin:0 auto;
background-color:#005337;
color:white;
border-radius:15px;
text-decoration:none;
align-items:center;
justify-content:center;
transition:all .3s
}
#main .contents .global .inner .blog .newsSide .sideBlock .calendar_wrap .wp-calendar-table td a:hover{
opacity:0.8
}
#main .contents .global .inner .blog .newsSide .sideBlock .calendar_wrap .wp-calendar-nav{
font-size:16px;
font-size:1.6rem;
padding:10px 0 0 0
}
#main .contents .global .inner .blog .newsSide .sideBlock .calendar_wrap .wp-calendar-nav a{
color:black;
text-decoration:none;
transition:all .3s
}
#main .contents .global .inner .blog .newsSide .sideBlock .calendar_wrap .wp-calendar-nav a:hover{
color:#666
}
#main .contents .global .inner .blog .newsMain{
width:59.4%
}
#main .contents .global .inner .blog .newsMain .entryList{
display:flex;
justify-content:space-between;
flex-wrap:wrap
}
#main .contents .global .inner .blog .newsMain .entryList .entryBlock{
width:42.2%;
margin-bottom:78px
}
#main .contents .global .inner .blog .newsMain .entryList .entryBlock a{
color:black;
text-decoration:none;
line-height:1.4
}
#main .contents .global .inner .blog .newsMain .entryList .entryBlock a .entryIn:hover{
color:#6F6F6F
}
#main .contents .global .inner .blog .newsMain .entryList .entryBlock a .entryImage{
width:100%;
height:324px;
position:relative;
overflow:hidden;
border-radius:10px
}
#main .contents .global .inner .blog .newsMain .entryList .entryBlock a .entryImage img{
object-fit:cover;
height:100%;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -50%);
transition:all .3s
}
#main .contents .global .inner .blog .newsMain .entryList .entryBlock a h4{
margin:18px 0 20px;
font-size:18px;
font-size:1.8rem;
font-weight:bold
}
#main .contents .global .inner .blog .newsMain .entryList .entryBlock a p.text{
font-size:14px;
font-size:1.4rem
}
#main .contents .global .inner .blog .newsMain .entryList .entryBlock a .meta{
display:flex;
font-size:12px;
font-size:1.2rem;
font-weight:bold;
margin-top:15px
}
#main .contents .global .inner .blog .newsMain .entryList .entryBlock a:hover .entryImage img{
width:110%;
height:110%
}
#main .contents .global .inner .blog .newsMain .entryList .entryContents{
width:100%
}
#main .contents .global .inner .blog .newsMain .entryList .entryContents .entryIn h4{
font-size:28px;
font-size:2.8rem;
line-height:1.4;
font-weight:bold;
margin-bottom:14px
}
#main .contents .global .inner .blog .newsMain .entryList .entryContents .entryIn .meta{
display:flex;
font-size:14px;
font-size:1.4rem;
font-weight:bold;
margin-bottom:36px
}
#main .contents .global .inner .blog .newsMain .entryList .entryContents .entryIn .meta p.date{
margin:0;
line-height:1
}
#main .contents .global .inner .blog .newsMain .entryList .entryContents .entryIn .meta a{
color:black;
text-decoration:none;
border-bottom:1px solid black
}
#main .contents .global .inner .blog .newsMain .entryList .entryContents .entryIn .meta .post-categories{
display:flex
}
#main .contents .global .inner .blog .newsMain .entryList .entryContents .entryIn .meta .post-categories li{
margin-right:10px
}
#main .contents .global .inner .blog .newsMain .entryList .entryContents .entryIn p{
font-size:14px;
font-size:1.4rem;
line-height:2.1;
margin:52px 0 60px
}
#main .contents .global .inner .blog .newsMain .entryList .entryContents .entryIn p span{
font-size:18px;
font-size:1.8rem;
margin:5px 0;
display:block;
line-height:1.4
}
#main .contents .global .inner .blog .newsMain .entryList .entryContents .entryIn p span a{
color:black;
text-decoration:none;
border-bottom:1px solid black
}
#main .contents .global .inner .blog .newsMain .entryList .entryContents .entryIn img{
margin:50px 0
}
#main .contents .global .inner .blog .newsMain .pnavi{
font-size:16px;
font-size:1.6rem;
display:flex;
align-items:center;
justify-content:center
}
#main .contents .global .inner .blog .newsMain .pnavi a{
transition:all .3s;
color:black;
text-decoration:none
}
#main .contents .global .inner .blog .newsMain .pnavi a:hover{
color:#C1C1C1
}
#main .contents .global .inner .blog .newsMain .pnavi .page-numbers{
padding:10px;
margin:0 5px
}
#main .contents .global .inner .blog .newsMain .pnavi .page-numbers.current{
border-bottom:1px solid black
}
#main .contents .global .inner .blog .newsMain .pnavi .page-numbers.next{
padding:0
}
#main .contents .global .inner .blog .newsMain .pageLink{
width:100%;
display:flex;
justify-content:space-between;
margin:70px 0 0;
position:relative;
height:50px
}
#main .contents .global .inner .blog .newsMain .pageLink .pageMain{
position:absolute;
left:50%;
transform:translateX(-50%);
font-size:14px;
font-size:1.4rem;
font-weight:bold;
width:70%;
height:50px;
display:flex;
justify-content:center;
align-items:center
}
#main .contents .global .inner .blog .newsMain .pageLink .pageMain a{
padding:15px
}
#main .contents .global .inner .blog .newsMain .pageLink .pagePrev{
left:0
}
#main .contents .global .inner .blog .newsMain .pageLink .pageNext{
right:0
}
#main .contents .global .inner .blog .newsMain .pageLink .pagePrev,#main .contents .global .inner .blog .newsMain .pageLink .pageNext{
position:absolute;
height:50px;
display:flex;
justify-content:center;
align-items:center
}
#main .contents .global .inner .blog .newsMain .pageLink .pagePrev a,#main .contents .global .inner .blog .newsMain .pageLink .pageNext a{
padding:10px
}
#main .contents .global .inner .blog .newsMain .pageLink a{
border:2px solid black;
color:black;
text-decoration:none;
text-align:center;
transition:all .3s;
width:100%
}
#main .contents .global .inner .blog .newsMain .pageLink a:hover{
background-color:black;
color:white
}
@media (max-width: 1000px){
#main .contents .global .inner .blog .newsMain .entryList .entryBlock{
width:45%
}

}
@media (max-width: 750px){
#main .contents .global .inner .blog{
width:90%;
margin:0 auto;
flex-flow:wrap-reverse
}
#main .contents .global .inner .blog .newsSide{
width:100%
}
#main .contents .global .inner .blog .newsMain{
width:100%
}
#main .contents .global .inner .blog .newsMain .pageLink,#main .contents .global .inner .blog .newsMain .pnavi{
margin-bottom:70px
}

}
@media (max-width: 520px){
#main .contents .global .inner .blog .newsMain .entryList .entryBlock{
width:100%
}
#main .contents .global .inner .blog .newsMain .pageLink a.pageMain{
width:60%
}

}
#main .contents .staff-in .inner .block{
position:relative;
width:100%;
margin-bottom:90px
}
#main .contents .staff-in .inner .block p{
color:white;
position:absolute;
font-family:"Poppins",Helvetica,Arial,sans-serif;
z-index:2;
line-height:1;
font-size:20px;
font-size:2rem;
top:8%;
left:1%
}
#main .contents .staff-in .inner .block p.num{
top:auto;
bottom:8%;
right:2%;
left:auto;
font-size:70px;
font-size:7rem;
font-weight:300
}
#main .contents .staff-in .inner h3{
font-size:30px;
font-size:3rem
}
#main .contents .staff-in .inner .service-block{
margin-bottom:66px
}
#main .contents .staff-in .inner .service-block .text.last{
width:calc(48.4% - 40px);
float:right
}
#main .contents .staff-in .inner .service-block .text.last p{
margin-bottom:18px
}
#main .contents .staff-in .inner .service-block .text img{
margin-bottom:18px
}
@media (max-width: 1000px){
#main .contents .staff-in .inner .service-block .text.last{
width:100%;
float:none
}

}
@media (max-width: 750px){
#main .contents .staff-in{
padding-top:88px
}
#main .contents .staff-in .inner .block{
margin-bottom:36px
}
#main .contents .staff-in .inner .block p{
font-size:14px;
font-size:1.4rem
}
#main .contents .staff-in .inner .block p.num{
font-size:36px;
font-size:3.6rem
}

}
@media (max-width: 520px){
#main .contents .staff-in.serviceContents .inner .service-image{
margin:5% 0
}
#main .contents .staff-in.serviceContents .inner .sub-title {
font-size: 18px;
font-size: 1.8rem;
}
#main .contents .staff-in.serviceContents .inner .service-block{
margin-bottom:5%
}
#main .contents .staff-in.serviceContents .inner .service-block .image.right,#main .contents .staff-in.serviceContents .inner .service-block .image.left{
margin-top:5%
}
#main .contents .staff-in.serviceContents .inner .service-block .text h4{
font-size:20px;
font-size:2rem;
text-align:left;
margin-bottom:5%
}

}
#main .contents .staff-in::after{
content:"";
width:150px;
height:10px;
background-color:black;
display:block;
margin:0 auto
}
#main .contents .serviceMenu{
width:100%;
position:relative;
z-index:998
}
#main .contents .serviceMenu ul{
display:flex;
justify-content:space-between
}
#main .contents .serviceMenu ul li{
border-left:1px solid black;
width:16.5%;
text-align:center
}
#main .contents .serviceMenu ul li:last-child{
border-right:1px solid black
}
#main .contents .serviceMenu ul li a{
color:black;
text-decoration:none
}
#main .contents .serviceMenu ul li a .numbering{
font-family:"Poppins",Helvetica,Arial,sans-serif;
font-size:40px;
font-size:4rem;
margin-top:4px
}
#main .contents .serviceMenu ul li a .serviceTitle{
font-size:14px;
font-size:1.4rem;
margin:8px 0 12px
}
#main .contents .serviceMenu ul li a .serviceSub{
font-size:12px;
font-size:1.2rem;
font-family:"Poppins",Helvetica,Arial,sans-serif;
margin-bottom:4px
}
#main .contents .serviceMenu ul li a:hover{
color:#666
}
@media (max-width: 1000px){
#main .contents .serviceMenu{
display:none
}
#main .contents .serviceMenu.dpb{
display:block
}

}
#main .contents .serviceMenu-sp{
font-size:18px;
font-size:1.8rem;
display:none
}
@media (max-width: 1000px){
#main .contents .serviceMenu-sp{
display:block
}

}
@media (max-width: 750px){
#main .contents .serviceMenu-sp{
width:90%;
margin:0 auto
}

}
#main .contents .serviceMenu-sp ul{
display:inline-block;
position:relative;
width:100%;
padding:0
}
#main .contents .serviceMenu-sp ul li{
position:absolute;
cursor:pointer;
top:0;
left:0;
width:100%;
height:50px;
line-height:50px;
text-align:center;
border:1px solid black;
transition:top .7s,background-color 0s;
background-color:white
}
#main .contents .serviceMenu-sp ul li:nth-child(1){
position:relative;
z-index:10;
background-color:white
}
#main .contents .serviceMenu-sp ul li:nth-child(1) .material-icons{
font-size:30px;
font-size:3rem;
position:absolute;
right:10px;
top:50%;
transform:translateY(-50%)
}
#main .contents .serviceMenu-sp ul li:nth-child(2){
z-index:9
}
#main .contents .serviceMenu-sp ul li:nth-child(3){
z-index:8
}
#main .contents .serviceMenu-sp ul li:nth-child(4){
z-index:7
}
#main .contents .serviceMenu-sp ul li:nth-child(5){
z-index:6
}
#main .contents .serviceMenu-sp ul li:nth-child(6){
z-index:5
}
#main .contents .serviceMenu-sp ul li:nth-child(7){
z-index:4
}
#main .contents .serviceMenu-sp ul li:nth-child(8){
z-index:3
}
#main .contents .serviceMenu-sp ul li a{
color:white;
text-decoration:none;
display:block
}
#main .contents .serviceMenu-sp ul li a:hover{
background-color:#626262
}
#main .contents .serviceMenu-sp:hover ul li{
background-color:black;
border-bottom:1px solid white
}
#main .contents .serviceMenu-sp:hover ul li:nth-child(1){
background-color:white
}
#main .contents .serviceMenu-sp:hover ul li:nth-child(2){
top:50px
}
#main .contents .serviceMenu-sp:hover ul li:nth-child(3){
top:100px
}
#main .contents .serviceMenu-sp:hover ul li:nth-child(4){
top:150px
}
#main .contents .serviceMenu-sp:hover ul li:nth-child(5){
top:200px
}
#main .contents .serviceMenu-sp:hover ul li:nth-child(6){
top:250px
}
#main .contents .serviceMenu-sp:hover ul li:nth-child(7){
top:300px;
}
#main .contents .serviceMenu-sp:hover ul li:nth-child(8){
  top:350px;
  border-bottom:none
  }
@media (max-width: 1000px){
#main .contents .serviceMenu-sp{
display:block
}

}
#main .contents .service{
width:100%
}
#main .contents .service .serviceBlock .s-inner{
display:flex;
height:800px
}
#main .contents .service .serviceBlock .s-inner .s-image{
width:50%
}
#main .contents .service .serviceBlock .s-inner .s-image figure{
height:100%;
margin:0;
overflow:hidden;
position:relative
}
#main .contents .service .serviceBlock .s-inner .s-image figure img{
width:100%;
height:100%;
object-fit:cover;
position:absolute;
top:0;
left:0;
min-width:0;
min-height:0
}
#main .contents .service .serviceBlock .s-inner .s-copy{
width:50%;
background-color:#E4E4E4;
display:flex;
justify-content:center;
align-items:center
}
#main .contents .service .serviceBlock .s-inner .s-copy .copy-in{
width:28vw;
padding:10% 0;
position:relative;
z-index:998
}
#main .contents .service .serviceBlock .s-inner .s-copy .copy-in .copyTop{
font-size:20px;
font-size:2rem;
font-family:"Poppins",Helvetica,Arial,sans-serif
}
#main .contents .service .serviceBlock .s-inner .s-copy .copy-in h2{
font-size:38px;
font-size:3.8rem;
font-weight:bold;
margin:52px 0 18px;
line-height:1.3
}
#main .contents .service .serviceBlock .s-inner .s-copy .copy-in h3{
font-size:16px;
font-size:1.6rem;
font-family:"Poppins",Helvetica,Arial,sans-serif;
margin:52px 0 18px
}
#main .contents .service .serviceBlock .s-inner .s-copy .copy-in .copy-text{
font-size:16px;
font-size:1.6rem;
line-height:2.1;
margin:26px 0 35px;
text-align:justify;
text-justify:inter-character
}
#main .contents .service .serviceBlock .s-inner .s-copy .copy-in .link{
line-height:26px;
vertical-align:middle
}
#main .contents .service .serviceBlock .s-inner .s-copy .copy-in .link a{
color:black;
text-decoration:none;
font-size:14px;
font-size:1.4rem;
display:block
}
#main .contents .service .serviceBlock .s-inner .s-copy .copy-in .link a span{
border-bottom:1px solid black;
vertical-align:middle;
padding-bottom:5px;
font-family:"Poppins",Helvetica,Arial,sans-serif
}
#main .contents .service .serviceBlock .s-inner .s-copy .copy-in .link a i{
font-size:26px;
font-size:2.6rem;
vertical-align:middle;
padding-bottom:2px;
transition:all .3s
}
#main .contents .service .serviceBlock .s-inner .s-copy .copy-in .link a:hover i{
margin-left:10px
}
@media (max-width: 1000px){
#main .contents .service .serviceBlock{
display:none
}

}
#main .contents .service .slider-pagi,#main .contents .service .slide{
display:none
}
@media (max-width: 1000px){
#main .contents .service .slider-pagi,#main .contents .service .slide{
display:block
}

}
#main .contents .service .slider-pagi{
bottom:20px
}
#main .contents .service .slider-pagi .slider-pagi__elem{
width:10px;
border-radius:50%;
border:1px solid #005337;
margin:0 4px;
height:10px
}
#main .contents .service .slider-pagi .slider-pagi__elem::before{
width:10px;
height:10px;
border-radius:50%
}
#main .contents .service .slider{
position:absolute;
height:100%;
width:100%;
top:0;
left:0
}
#main .contents .service .slider .main-image.slide .slide__bg{
height:500px;
top:0
}
#main .contents .service .slider .main-image.slide:nth-child(1) .slide__bg{
background-image:url("../img/bg1-v2.jpg")
}
#main .contents .service .slider .main-image.slide:nth-child(2) .slide__bg{
background-image:url("../img/bg2.jpg")
}
#main .contents .service .slider .main-image.slide:nth-child(3) .slide__bg{
background-image:url("../img/bg3-v2.jpg")
}
#main .contents .service .slider .main-image.slide:nth-child(4) .slide__bg{
background-image:url("../img/bg4-v2.jpg")
}
#main .contents .service .slider .main-image.slide:nth-child(5) .slide__bg{
background-image:url("../img/bg5.jpg");
background-position:center center
}
#main .contents .service .slider .main-image.slide:nth-child(6) .slide__bg{
background-image:url("../img/bg6-v2.jpg?update=20250219");
background-position:center center
}
#main .contents .service .slider .main-image.slide:nth-child(7) .slide__bg{
background-image:url("../img/bg7.jpg")
}
#main .contents .service .slider .main-image .imageSlide{
position:absolute;
width:90%;
max-width:600px;
height:auto;
bottom:0;
left:50%;
transform:translateX(-50%)
}
@media (max-width: 750px){
#main .contents .service .slider .main-image .imageSlide{
top:auto;
bottom:0
}

}
#main .contents .service .slider .main-image .imageSlide .imageCopy{
position:static;
background-color:#E4E4E4;
margin:0;
padding:66px 72px;
color:black
}
#main .contents .service .slider .main-image .imageSlide .imageCopy p{
width:100%;
display:block
}
#main .contents .service .slider .main-image .imageSlide .imageCopy .link a{
color:black
}
#main .contents .service .slider .main-image .imageSlide .imageCopy .link a span{
border-bottom:1px solid
}
@media (max-width: 1000px){
#main .contents .service{
position:relative;
height:900px;
margin-bottom:80px
}

}
@media (max-width: 520px){
#main .contents .service{
height:1000px;
margin-bottom:30px
}
#main .contents .service .slider-pagi{
bottom:auto;
top:370px
}
#main .contents .service .slider{
position:relative
}
#main .contents .service .slider .main-image.slide .slide__bg{
height:400px
}
#main .contents .service .slider .main-image.slide:nth-child(4) .slide__bg{
background-image:url("../img/bg4_sp-v2.jpg")
}
#main .contents .service .slider .main-image .imageSlide{
bottom:auto;
top:400px;
width:100%
}
#main .contents .service .slider .main-image .imageSlide .imageCopy{
padding:12% 8%
}
#main .contents .service .slider .main-image .imageSlide .imageCopy h1{
font-size:24px;
font-size:2.4rem;
margin:10px 0
}
#main .contents .service .slider .main-image .imageSlide .imageCopy p{
font-size:15px;
font-size:1.5rem
}

}
#main .contents .serviceContents{
width:100%
}
#main .contents .serviceContents .contents-top{
width:100%;
height:800px;
background-size:cover;
background-repeat:no-repeat;
background-position:center center
}
#main .contents .serviceContents .contents-top.c__1{
background-image:url("../img/bg1-c-v2.jpg")
}
#main .contents .serviceContents .contents-top.c__2{
background-image:url("../img/bg2-c.jpg")
}
#main .contents .serviceContents .contents-top.c__3{
background-image:url("../img/bg3-c-v2.jpg")
}
#main .contents .serviceContents .contents-top.c__4{
background-image:url("../img/bg4-c-v2.jpg")
}
#main .contents .serviceContents .contents-top.c__5{
position: relative;
max-width: unset;
height: auto;
}
#main .contents .serviceContents .contents-top.c__6{
background-image:url("../img/bg6-c-v2.jpg?update=20250219")
}
#main .contents .serviceContents .contents-top.c__7{
background-image:url("../img/bg7-c.jpg")
}
#main .contents .serviceContents .contents-top div{
width:90%;
max-width:1296px;
margin:0 auto;
height:800px;
padding:106px 0 10px;
box-sizing:border-box;
position:relative;
text-align:center
}
#main .contents .serviceContents .contents-top .c__5__title-wrapper {
position: absolute;
height: 100%;
z-index: 2;
top: 0;
left: 50%;
transform: translateX(-50%);
}
#main .contents .serviceContents .contents-top .c__5__slider {
width: 100%;
max-width: unset;
height: auto;
padding: unset;
}
#main .contents .serviceContents .contents-top .c__5__slider div {
width: 100%;
max-width: unset;
height: auto;
padding: unset;
}
#main .contents .serviceContents .contents-top .c__5__slider__image {
position: relative;
width: 100%;
max-width: unset;
padding: unset;
}
#main .contents .serviceContents .contents-top .c__5__slider__dot {
position: absolute;
display: flex;
left: 50%;
bottom: 16px;
transform: translateX(-50%);
}
#main .contents .serviceContents .contents-top .c__5__slider__dot .slick-active button {
  background-color: #005337;
}
#main .contents .serviceContents .contents-top .c__5__slider__dot button {
width: 10px;
height: 10px;
margin: 0 16px;
padding: unset;
border: none;
border-radius: 100vh;
color: transparent;
background-color: #ffffff;
}
@media (max-width: 520px){
#main .contents .serviceContents .contents-top .c__5__slider__dot {
bottom: 8px;
}
#main .contents .serviceContents .contents-top .c__5__slider__dot button {
width: 8px;
height: 8px;
margin: 0 8px;
}
}
#main .contents .serviceContents .contents-top div h2{
color:white;
font-size:60px;
font-size:6rem;
font-family:"Poppins",Helvetica,Arial,sans-serif;
position:relative;
display:inline-block
}
#main .contents .serviceContents .contents-top div h2::before,#main .contents .serviceContents .contents-top div h2::after{
content:'';
background-color:white;
width:40px;
height:5px;
display:block;
position:absolute;
top:50%;
transform:translateY(-50%)
}
#main .contents .serviceContents .contents-top div h2::before{
left:-65px
}
#main .contents .serviceContents .contents-top div h2::after{
right:-65px
}
#main .contents .serviceContents .contents-top div .num{
color:white;
font-size:150px;
font-size:15rem;
font-family:"Poppins",Helvetica,Arial,sans-serif;
position:absolute;
bottom:0;
left:0
}
@media (max-width: 750px){
#main .contents .serviceContents .contents-top{
height:500px
}
#main .contents .serviceContents .contents-top div{
height:500px;
padding:8% 0 5%
}
#main .contents .serviceContents .contents-top div h2{
font-size:32px;
font-size:3.2rem
}
#main .contents .serviceContents .contents-top div .num{
font-size:96px;
font-size:9.6rem
}

}
#main .contents .serviceContents .inner{
width:90%;
max-width:1296px;
margin:0 auto;
padding:78px 0 0
}
#main .contents .serviceContents .inner h3{
text-align:center;
font-size:40px;
font-size:4rem;
margin-bottom:28px;
font-weight:bold;
line-height:1.4
}
#main .contents .serviceContents .inner h3.with-sub-title{
text-align:center;
font-size:40px;
font-size:4rem;
margin-bottom: 12px;
font-weight:bold;
line-height:1.4
}
#main .contents .serviceContents .inner .sub-title{
margin-bottom: 28px;
font-size: 1.8rem;
font-family:"Poppins",Helvetica,Arial,sans-serif;
text-align: center;
line-height: 1;
letter-spacing: 0.012em;
}
#main .contents .serviceContents .inner p{
font-size:16px;
font-size:1.6rem;
line-height:2;
text-align:justify;
text-justify:inter-character
}
#main .contents .serviceContents .inner .service-image{
width:100%;
margin:80px 0
}
#main .contents .serviceContents .inner .service-image.double{
display:flex;
justify-content:space-between
}
#main .contents .serviceContents .inner .service-image.double img{
width:48%;
height:100%
}
#main .contents .serviceContents .inner .service-image.grid{
display:flex;
flex-wrap:wrap
}
#main .contents .serviceContents .inner .service-image.grid img{
width:25%;
height:100%
}
#main .contents .serviceContents .inner .service-image a:hover{
opacity:0.8
}
@media (max-width: 750px){
#main .contents .serviceContents .inner .service-image{
margin:40px 0
}
#main .contents .serviceContents .inner .service-image.grid{
justify-content:space-between
}
#main .contents .serviceContents .inner .service-image.grid img{
width:48%;
margin:0 0 40px;
height:100%
}

}
@media (max-width: 520px){
#main .contents .serviceContents .inner .service-image{
margin:4% 0
}
#main .contents .serviceContents .inner .service-image.grid img{
margin:0 0 4%;
height:100%
}

}
#main .contents .serviceContents .inner .service-block{
overflow:hidden
}
#main .contents .serviceContents .inner .service-block .text h4{
font-size:30px;
font-size:3rem;
font-weight:bold;
margin-bottom:28px;
line-height:1.4
}
#main .contents .serviceContents .inner .service-text h4{
  font-size:30px;
  font-size:3rem;
  font-weight:bold;
  margin-bottom:28px;
  line-height:1.4
}
#main .contents .serviceContents .inner .service-block .text p{
margin-bottom:50px
}
#main .contents .serviceContents .inner .service-block .text p:last-child{
margin-bottom:0
}
@media (max-width: 750px){
#main .contents .serviceContents .inner .service-block .text{
order:1
}
}
#main .contents .serviceContents .inner .service-block .image{
width:51.6%
}
#main .contents .serviceContents .inner .service-block .image img:last-child{
display:none
}
#main .contents .serviceContents .inner .service-block .image.right{
float:right;
margin:0 0 40px 40px
}
#main .contents .serviceContents .inner .service-block .image.left{
float:left;
margin:0 40px 40px 0
}
@media (max-width: 750px){
#main .contents .serviceContents .inner .service-block .image{
width:100%;
order:2
}
#main .contents .serviceContents .inner .service-block .image img:first-child{
display:none
}
#main .contents .serviceContents .inner .service-block .image img:last-child{
display:block
}
#main .contents .serviceContents .inner .service-block .image.right,#main .contents .serviceContents .inner .service-block .image.left{
float:none;
margin:40px 0 0
}

}
@media (max-width: 750px){
#main .contents .serviceContents .inner h3{
font-size:26px;
font-size:2.6rem
}
#main .contents .serviceContents .inner h3.with-sub-title{
margin-bottom: 8px;
font-size:26px;
font-size:2.6rem;
}
#main .contents .serviceContents .inner .sub-title{
font-size: 1.4rem;
}
#main .contents .serviceContents .inner p{
font-size:14px;
font-size:1.4rem
}
#main .contents .serviceContents .inner .service-block{
display:flex;
flex-wrap:wrap
}
#main .contents .serviceContents .inner .service-block .text h4{
font-size:26px;
font-size:2.6rem;
text-align:center
}
}
#main .contents .serviceContents .inner .brand{
width:100%
}
#main .contents .serviceContents .inner .brand h4{
font-size:32px;
font-size:3.2rem;
border-bottom:1px solid black;
text-align:center;
font-weight:bold;
padding-bottom:12px
}
#main .contents .serviceContents .inner .brand .brandBlock{
margin:40px 0;
padding-bottom:40px
}
#main .contents .serviceContents .inner .brand .brandBlock h5{
font-size:28px;
font-size:2.8rem;
text-align:center;
font-weight:bold;
background-color:#D9D9D9;
padding:16px 0
}
#main .contents .serviceContents .inner .brand .brandBlock .brandList{
overflow:hidden;
margin-left:-10px;
margin-right:-10px;
font-size:0
}
#main .contents .serviceContents .inner .brand .brandBlock .brandList .listBlock{
font-size:initial;
display:inline-block;
width:calc((100% / 6) - 20px);
margin:20px 10px 0;
border:2px solid #C1C1C1;
padding:20px 0 10px;
box-sizing:border-box
}
#main .contents .serviceContents .inner .brand .brandBlock .brandList .listBlock figure{
width:80%;
background-color:aliceblue;
margin:0 auto;
padding:0;
transition:all .3s
}
#main .contents .serviceContents .inner .brand .brandBlock .brandList .listBlock p{
text-align:center;
margin-top:5px;
color:black;
font-size:13px;
font-size:1.3rem;
line-height:1.3
}
@media (max-width: 1260px){
#main .contents .serviceContents .inner .brand .brandBlock .brandList .listBlock{
width:calc((100% / 5) - 20px)
}

}
@media (max-width: 1000px){
#main .contents .serviceContents .inner .brand .brandBlock .brandList .listBlock{
width:calc((100% / 4) - 20px)
}

}
@media (max-width: 750px){
#main .contents .serviceContents .inner .brand .brandBlock .brandList .listBlock{
width:calc((100% / 3) - 20px)
}

}
@media (max-width: 520px){
#main .contents .serviceContents .inner .brand .brandBlock .brandList .listBlock{
width:calc((100% / 2) - 20px)
}

}
#main .contents .staffMain .inner{
width:90%;
max-width:1296px;
margin:0 auto;
padding:0 0 8%
}
#main .contents .staffMain .inner .block{
width:100%;
height:13.1vw;
position:relative;
overflow:hidden;
margin-bottom:6%
}
#main .contents .staffMain .inner .block a{
position:absolute;
width:100%;
height:100%;
color:white;
text-decoration:none
}
#main .contents .staffMain .inner .block a p{
font-family:"Poppins",Helvetica,Arial,sans-serif;
position:absolute;
font-size:20px;
font-size:2rem;
top:8%;
left:1%
}
#main .contents .staffMain .inner .block a p.num{
font-size:70px;
font-size:7rem;
top:auto;
left:auto;
right:2%;
bottom:3%;
font-weight:300
}
#main .contents .staffMain .inner .block a img{
position:absolute;
top:0;
left:0;
z-index:-1;
transition:all .3s
}
#main .contents .staffMain .inner .block a:hover img{
transform:scale(110%)
}
@media (max-width: 750px){
#main .contents .staffMain .inner .block a p{
font-size:14px;
font-size:1.4rem
}
#main .contents .staffMain .inner .block a p.num{
font-size:36px;
font-size:3.6rem
}

}
#main .contents .foot-link{
width:90%;
max-width:1296px;
margin:0 auto
}
#main .contents .foot-link .inner .facebook{
border:10px solid #005337
}
#main .contents .foot-link .inner .facebook a{
text-decoration:none;
color:#005337
}
#main .contents .foot-link .inner .facebook a .fb-in{
padding:35px 70px;
display:flex;
justify-content:space-around;
align-items:center;
position:relative
}
@media (max-width: 1000px){
#main .contents .foot-link .inner .facebook a .fb-in{
padding:15px 30px
}

}
@media (max-width: 520px){
#main .contents .foot-link .inner .facebook a .fb-in{
padding:10px 30px
}

}
#main .contents .foot-link .inner .facebook a .fb-in .textBlock{
height:100px;
font-family:"Poppins",Helvetica,Arial,sans-serif;
width:calc(100% - 663px);
border-bottom:5px solid #005337
}
@media (max-width: 1260px){
#main .contents .foot-link .inner .facebook a .fb-in .textBlock{
width:48%
}

}
@media (max-width: 1000px){
#main .contents .foot-link .inner .facebook a .fb-in .textBlock{
height:auto
}

}
@media (max-width: 520px){
#main .contents .foot-link .inner .facebook a .fb-in .textBlock{
width:100%;
border:none
}

}
#main .contents .foot-link .inner .facebook a .fb-in .textBlock .follow{
font-size:20px;
font-size:2rem;
height:24px;
line-height:24px;
vertical-align:middle;
display:inline-block
}
#main .contents .foot-link .inner .facebook a .fb-in .textBlock .follow .material-icons{
vertical-align:middle
}
@media (max-width: 1000px){
#main .contents .foot-link .inner .facebook a .fb-in .textBlock .follow{
font-size:16px;
font-size:1.6rem
}

}
#main .contents .foot-link .inner .facebook a .fb-in .textBlock .fb-txt{
font-size:50px;
font-size:5rem;
margin:20px 0 0
}
@media (max-width: 1000px){
#main .contents .foot-link .inner .facebook a .fb-in .textBlock .fb-txt{
font-size:30px;
font-size:3rem;
margin:5px 0 0
}

}
#main .contents .foot-link .inner .facebook a .fb-in .imageBlock{
width:663px;
height:200px
}
@media (max-width: 1260px){
#main .contents .foot-link .inner .facebook a .fb-in .imageBlock{
width:52%;
height:auto
}

}
@media (max-width: 520px){
#main .contents .foot-link .inner .facebook a .fb-in .imageBlock{
display:none
}

}
#main .contents .foot-link .inner .facebook a .fb-in .icon{
display:none;
position:absolute;
right:10px;
top:50%;
transform:translateY(-50%)
}
#main .contents .foot-link .inner .facebook a .fb-in .icon .material-icons{
font-size:50px;
font-size:5rem
}
@media (max-width: 520px){
#main .contents .foot-link .inner .facebook a .fb-in .icon{
display:block
}

}
#main .contents .foot-link .inner .facebook a:hover .fb-in{
background-color:#005337;
transition:all .3s
}
#main .contents .foot-link .inner .facebook a:hover .fb-in .textBlock{
color:white;
border-bottom:5px solid white
}
@media (max-width: 520px){
#main .contents .foot-link .inner .facebook a:hover .fb-in .textBlock{
border:none
}

}
#main .contents .foot-link .inner .facebook a:hover .material-icons{
transform:translateX(10px)
}
@media (max-width: 520px){
#main .contents .foot-link .inner .facebook a:hover .material-icons{
transform:none
}

}
#main .contents .foot-link .inner .facebook a:hover .icon{
color:white
}
#main .contents .foot-link .inner .contact{
border:10px solid #005337;
margin-top:15px;
background-color:#005337
}
#main .contents .foot-link .inner .contact a{
text-decoration:none;
color:white
}
#main .contents .foot-link .inner .contact a .contact-in{
padding:30px 50px;
position:relative
}
@media (max-width: 520px){
#main .contents .foot-link .inner .contact a .contact-in{
padding:10px 30px
}

}
#main .contents .foot-link .inner .contact a .contact-in .textBlock{
display:flex;
align-items:center
}
@media (max-width: 520px){
#main .contents .foot-link .inner .contact a .contact-in .textBlock{
display:block;
width:80%
}

}
#main .contents .foot-link .inner .contact a .contact-in .textBlock .contact-top{
font-size:50px;
font-size:5rem;
font-family:"Poppins",Helvetica,Arial,sans-serif
}
@media (max-width: 750px){
#main .contents .foot-link .inner .contact a .contact-in .textBlock .contact-top{
font-size:30px;
font-size:3rem
}

}
#main .contents .foot-link .inner .contact a .contact-in .textBlock .contact-txt{
font-size:16px;
font-size:1.6rem;
margin-left:10px
}
@media (max-width: 520px){
#main .contents .foot-link .inner .contact a .contact-in .textBlock .contact-txt{
margin:5px 0 0;
font-size:14px;
font-size:1.4rem
}

}
#main .contents .foot-link .inner .contact a .contact-in .icon{
position:absolute;
right:0;
top:50%;
transform:translateY(-50%)
}
#main .contents .foot-link .inner .contact a .contact-in .icon .material-icons{
font-size:50px;
font-size:5rem
}
#main .contents .foot-link .inner .contact:hover{
background-color:#FFF;
transition:all .3s
}
#main .contents .foot-link .inner .contact:hover a{
color:#005337
}
#main .contents .foot-link .inner .pingLink,
#main .contents .foot-link .inner .vanraureLink{
margin-top:15px
}
#main .contents .foot-link .inner .pingLink a:hover,
#main .contents .foot-link .inner .vanraureLink a:hover{
opacity:0.8
}
.menuLink{
width:130px;
height:100%;
position:absolute;
top:0;
right:0;
z-index:1000
}
@media (max-width: 750px){
.menuLink{
width:90px
}

}
.menuLink .button_container{
position:absolute;
bottom:44px;
left:50%;
transform:translateX(-50%);
cursor:pointer;
z-index:1001;
transition:opacity .25s ease;
text-align:center
}
@media (max-width: 750px){
.menuLink .button_container{
bottom:auto;
top:24px;
left:auto;
right:0;
transform:none
}

}
.menuLink .button_container:hover{
opacity:.7
}
.menuLink .button_container.active{
position:absolute;
top:25px;
right:45px
}
@media (max-width: 750px){
.menuLink .button_container.active{
top:24px;
right:50%;
transform:translateX(50%)
}

}
.menuLink .button_container.active .menuBtn{
background-image:url("../img/close.png");
width:44px;
height:53px;
background-size:44px 53px
}
.menuLink .button_container span{
background-image:url("../img/btn.png");
width:130px;
height:30px;
background-size:30px 30px;
background-repeat:no-repeat;
background-position:center;
display:block;
transition:all .35s ease;
cursor:pointer;
text-align:center
}
@media (max-width: 750px){
.menuLink .button_container span{
background-image:url("../img/btn_sp.png");
width:90px
}

}
.menuLink .button_container.active p{
display:none
}
.menuLink .button_container p{
text-align:center;
font-size:12px;
font-size:1.2rem;
font-weight:bold;
position:absolute;
top:120%;
left:50%;
transform:translateX(-50%);
width:100%
}
@media (max-width: 750px){
.menuLink .button_container p{
color:white
}

}
.menuLink .overlay{
position:fixed;
background:#212121;
top:0;
left:0;
width:100%;
height:0%;
opacity:0;
visibility:hidden;
transition:opacity .35s, visibility .35s, height .35s;
z-index:999
}
.menuLink .overlay.open{
visibility:visible;
height:100%;
opacity:1;
overflow-y: scroll;
}
@media (max-width: 750px){
.menuLink .overlay.open{
overflow:scroll;
}

}
.menuLink .overlay .menuLogo{
width:160px;
margin:70px auto 0
}
@media (max-width: 750px){
.menuLink .overlay .menuLogo{
margin:30px auto 0;
width:120px
}

}
@media (max-width: 520px){
.menuLink .overlay .menuLogo{
display:none
}

}
.menuLink .overlay .linkBlock{
width:80%;
max-width:1000px;
margin:0 auto;
display:flex;
justify-content:space-between;
margin-top:88px
}
@media (max-width: 750px){
.menuLink .overlay .linkBlock{
display:block;
margin-top:100px;
}

}
.menuLink .overlay .linkBlock .menuList{
width:48%;
margin-bottom:78px; 
}

@media (max-width: 750px){
.menuLink .overlay .linkBlock .menuList{
width:100%
}

}
@media (max-width: 750px){
.menuLink .overlay .linkBlock .menuList{
margin:30px 0 0
}

}
.menuLink .overlay .linkBlock .menuList a{
color:white;
text-decoration:none
}
.menuLink .overlay .linkBlock .menuList a:hover{
text-decoration:underline
}
.menuLink .overlay .linkBlock .menuList .menuMain li{
font-size:30px;
font-size:3rem;
margin-top:48px
}
@media (max-width: 750px){
.menuLink .overlay .linkBlock .menuList .menuMain li{
font-size:20px;
font-size:2rem;
margin-top:20px
}

}
@media (max-width: 520px){
.menuLink .overlay .linkBlock .menuList .menuMain li{
font-size:16px;
font-size:1.6rem;
margin-top:12px
}

}
.menuLink .overlay .linkBlock .menuList .menuSab{
border-left:solid white 1px;
margin-left:10px
}
.menuLink .overlay .linkBlock .menuList .menuSab li{
font-size:16px;
font-size:1.6rem;
margin-top:24px;
margin-left:30px;
line-height:1.3
}
@media (max-width: 750px){
.menuLink .overlay .linkBlock .menuList .menuSab li{
font-size:14px;
font-size:1.4rem;
margin-top:12px
}

}
.menuLink .overlay .linkBottom{
width:80%;
max-width:1000px;
border-top:1px solid white;
position:absolute;
/*bottom:10%;*/
left:50%;
transform:translateX(-50%)
}
@media (max-width: 750px){
.menuLink .overlay .linkBottom{
margin:50px auto;
transform:none;
position:static
}

}
.menuLink .overlay .linkBottom .jukoLink{
width:289px;
border:1px solid white;
padding:8px 0;
margin-top:8px
}
@media (max-width: 520px){
.menuLink .overlay .linkBottom .jukoLink{
width:100%;
line-height:1.3
}

}
.menuLink .overlay .linkBottom .jukoLink a{
color:white;
text-decoration:none
}
.menuLink .overlay .linkBottom .jukoLink a p{
font-size:16px;
font-size:1.6rem;
text-align:center
}
@media (max-width: 750px){
.menuLink .overlay .linkBottom .jukoLink a p{
font-size:14px;
font-size:1.4rem
}

}
.menuLink .overlay .linkBottom .jukoLink a p span{
font-size:14px;
font-size:1.4rem
}
@media (max-width: 750px){
.menuLink .overlay .linkBottom .jukoLink a p span{
font-size:12px;
font-size:1.2rem
}

}
.menuLink .overlay .linkBottom .jukoLink:hover{
background-color:rgba(255,255,255,0.5)
}
.menuLink .overlay .linkBottom .sns{
position:absolute;
right:0;
top:8px;
display:flex
}
.menuLink .overlay .linkBottom .sns a p{
white-space:nowrap;
overflow:hidden
}
.menuLink .overlay .linkBottom .sns a p::before{
content:'';
display:inline-block;
vertical-align:top;
width:100%;
min-width:14px;
height:26px;
background:url("../img/fb.png") no-repeat 50% 50%
}
.menuLink .overlay .linkBottom .sns a.line p::before{
background:url("../img/line.png") no-repeat 50% 50%
}
@media (max-width: 750px){
.menuLink .overlay .linkBottom .sns{
position:static;
justify-content:center;
margin:20px 0 0
}

}
footer{
padding:52px 0 10px;
width:90%;
max-width:800px;
margin:0 auto
}
footer .foot-in .logo{
width:160px;
height:auto;
margin:0 auto
}
footer .foot-in .bottom{
width:100%;
display:flex;
justify-content:space-between;
align-items:center;
margin:40px 0
}
@media (max-width: 1000px){
footer .foot-in .bottom{
display:block;
width:280px;
margin:35px auto 15px
}

}
footer .foot-in .bottom .name{
text-align:center;
border-right:5px solid black;
padding-right:20px;
height:54px
}
@media (max-width: 1000px){
footer .foot-in .bottom .name{
border-right:none;
border-bottom:5px solid black;
padding:0 0 5px 0;
height:auto
}

}
footer .foot-in .bottom .name .name-j{
font-size:21px;
font-size:2.1rem;
font-weight:bold;
line-height:30px
}
footer .foot-in .bottom .name .name-e{
font-size:15px;
font-size:1.5rem;
font-family:"Poppins",Helvetica,Arial,sans-serif;
line-height:24px
}
@media (max-width: 1000px){
footer .foot-in .bottom .phone{
margin:14px 0
}

}
footer .foot-in .bottom .phone .number{
font-size:30px;
font-size:3rem;
font-family:"Poppins",Helvetica,Arial,sans-serif;
font-weight:700;
margin-bottom:5px
}
@media (max-width: 1000px){
footer .foot-in .bottom .phone .number{
font-size:28px;
font-size:2.8rem
}

}
footer .foot-in .bottom .phone .number a{
color:black;
text-decoration:none;
pointer-events:none
}
@media (max-width: 750px){
footer .foot-in .bottom .phone .number a{
pointer-events:visible
}

}
footer .foot-in .bottom .phone .open{
font-size:19px;
font-size:1.9rem;
font-family:"Poppins","游ゴシック体","Yu Gothic","ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,sans-serif
}
footer .foot-in .bottom .phone .open span{
font-size:17px;
font-size:1.7rem;
margin-left:10px
}
footer .foot-in .bottom .access-link{
width:200px;
height:54px;
border:2px solid black
}
@media (max-width: 1000px){
footer .foot-in .bottom .access-link{
margin:0 auto;
width:100%
}

}
footer .foot-in .bottom .access-link a{
width:100%;
height:100%;
text-decoration:none;
color:black
}
footer .foot-in .bottom .access-link a div{
position:relative
}
footer .foot-in .bottom .access-link a div p{
font-family:"Poppins",Helvetica,Arial,sans-serif;
font-size:18px;
font-size:1.8rem;
font-weight:700;
text-align:center;
line-height:54px
}
footer .foot-in .bottom .access-link a div i{
position:absolute;
right:0;
top:50%;
transform:translateY(-50%)
}
footer .foot-in .bottom .access-link:hover{
transition:all .3s;
border:2px solid #005337;
background-color:#005337
}
footer .foot-in .bottom .access-link:hover a{
color:white
}
footer .foot-in .copyright{
text-align:center;
font-size:14px;
font-size:1.4rem;
font-family:"Poppins",Helvetica,Arial,sans-serif
}