@charset "UTF-8";
@media screen and (min-width: 768px), print {
.pc,.slick-slider.pc{display: block;}
.sp,.slick-slider.sp{display: none;}
    
section {
  padding: 100px 60px;
    max-width: 800px;
    box-sizing: content-box;
}
  
    
/*********** header ***********/

header .inner {
    height: 60px;
    width: 1180px;
    margin: 0 auto;
/*    position: relative;*/
}

.logo {
	left: 40px;
}

.logo img {
}
    
.lang {
    position: absolute;
    right: 40px;
    margin: 21px 0 23px;
    height: 16px;
    line-height: 1;
    font-weight: 200;
}
  

    
.lang span{
    display: inline-block;
}
    
.lang span.current-lang{
    color: #000;
}
    
.lang span:nth-of-type(2){
    margin-left: 12px;
    padding-left: 12px;
    border-left: 1px #000 solid;
    height: 17px;
}

.lang a {
    color: #ccc;
    transition: 0.3s;
}
    
.lang a:hover {
    color: #888;
}
    

    
    
.full-wide-slider{
    margin: 0;
    padding: 0;
    height: 100%;
}

.title{right: calc(50% - 82px);}
/*.title{right: 40px;}*/

.summary {
    /* padding-bottom: 80px; */
}

.summary h2{
    font-size: 48px;
    margin-bottom: 32px;
}

.summary h2 span{
    font-size: 45px;
    padding-top: 24px;
}

.summary h3{
    font-size: 22px;
    margin-bottom: 60px;
    line-height: 35px;
}

.summary p{
    font-weight: 200;
    font-size: 16px;
    line-height: 36px;
}
    
    
.l-section .l-inner {
padding: 0 calc(50% - 125px);
    margin-bottom: 75px;
}
    
.swiper-container .slide{
    width: 250px;
/*    transition: 0.4s;*/
} 
    
.swiper-container .slide:hover{opacity: 0.6;}   
    
    
    
.content-body .summary h2{
    font-size: 50px;
/*    line-height: 85px;*/
}
    
.content-body .summary h2 span.serial-number{
    padding-top: 0;
    font-size: 25px;
}

.toggle-container{padding-top: 60%;}

.content-body p{
    margin-bottom: 64px;
    font-size: 16px;
    line-height: 35px;
}
    
.img-and-caption{
    margin-bottom: 54px;
    
}

.content-body p.caption{
    margin-top: 28px;
    line-height: 28px;
    
}
    
.other-container .other h2{font-size: 11px;line-height: 14px;}
    

.other-container .other{
    width: calc(16.6% - 8.3px);
    margin-right: 10px;
    }
    
    

.other-container .other:nth-child(2n),
.other-container .other:nth-child(3n){margin-right: 10px;}
    
.other-container .other:last-child{margin-right: 0;}
    
    
    
    
    
.vimeo-container {
    margin-top: 50px;
    width: 100%;
    position: relative;
    height: 0;
    padding-top: 56.25%;
}

.vimeo-container iframe {
/*
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
*/
    width: 100%;
    height: 100%;
}
    
    
    
    
    
}

@media screen and (min-width: 920px), print {
    
    .summary h2,.summary h2 span{
        font-size: 50px;}
    
/*
    .other-container .other{
    width: 125px;

    }
*/
    
    
}