@charset "UTF-8";
/* CSS Document */

/* **ソートリスト**
1__全体設定
2__TOP設定
3__下層設定
4__CSSハック
5__プラグイン制御
6__スクリプト発火
*/
/* リキットデザイン対応 */
@media screen and (max-width:1100px) and (min-width: 601px){:root{font-size: 0.9vw;}}
/* @media screen and (max-height:900px) and (min-width: 600.1rem){:root{font-size: 1.1vh;}} */

.sp{display:none;}
a.sp_link{pointer-events: none;}
@media screen and (max-width: 600px){
/*============================
#1__全体設定
============================*/
/* -基本設定- */
.pc{display:none;}
.sp{display:block;}
select{width: 28rem;}
body{min-width:0;}
/* -header- */
header{ min-width:0;}
.header > .h1{width: 93.335%; display:block;margin: 0 auto;}
.header > .h1 > .img{ padding-left:0;}
.header > .h1 > .img,
.header > .h1 > .img img,
.header > .h1 > h1{height: 7.5rem;float: left;}
.header > .inner > .h1 > h1 > a{background:url(/en/img/logo_header.png) center center;width: 15.9rem;height: 6.7rem;background-size: 100%;display: block;background-repeat: no-repeat;margin-left: 1rem;}
.header > .inner > .h1 > h1 > a img{opacity:0;max-width: 1rem;}
/* -nav- */
.header > nav{float: none;left:-100%;top: 8rem;width: 66.667%;height: 100%;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;-webkit-transition: all 0.3s;position: absolute;}
.nav{background: #fff;overflow: scroll;box-shadow: 0.4rem 0.4rem 0.4rem rgba(0,0,0,0.3);-ms-box-shadow: 0.4rem 0.4rem 0.4rem rgba(0,0,0,0.3);-webkit-box-shadow: 0.4rem 0.4rem 0.4rem rgba(0,0,0,0.3);}
.nav > ul > li{display: block;width: 100%;line-height: 6rem;border-bottom: 0.1rem solid #DCDCDC;text-align: left;padding-left: 2rem;box-sizing: border-box;}
.nav > ul > li > a{min-height: 0;display: block; position:relative;height: 5.9rem;color:#000;padding:0 0 0 2rem !important;font-size:1.4rem;}
.nav > ul > li > a:before{display:none;}
.nav > ul > li > a:after{position: absolute;content: "";width: 0.9rem;height: 0.9rem;left:0;top: 50%;margin-top: -0.5rem;border-top: 0.1rem solid #000;border-right: 0.1rem solid #000;-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.nav > ul > li.contact > a{width: 100%;background: #fff;text-align: left;color: #000;}

.menu-trigger_wrap{top: 1.5rem;}
.header > nav{ width:80%;}

.menu-trigger_wrap{position: absolute;top: 2.7rem;right: 0;width:93.335%;left: 0;margin: auto;height: 1.8rem;text-align: right;}
.menu-trigger_wrap span{}
.menu-trigger_wrap a{ position:relative;}
.menu-trigger_wrap a:before{ position:absolute; content:"";width: 250%;height: 250%;left: -75%;top: -75%;}
.menu-trigger_wrap a,
.menu-trigger_wrap a span {display: inline-block;transition: all .4s;box-sizing: border-box;}
.menu-trigger_wrap a {position: relative;width: 2.5rem;height: 1.8rem;}
.menu-trigger_wrap a span {position: absolute;left: 0;width: 100%;height: 0.2rem;background-color: #fff;border-radius: 0.4rem;}
.menu-trigger_wrap a span:nth-child(1) {top: 0;}
.menu-trigger_wrap a span:nth-child(2) {top: 50%;margin: -0.1rem 0 0 0;}
.menu-trigger_wrap a span:nth-child(3) {bottom: 0;}

.menu-trigger_wrap a.on span:nth-child(1) {-moz-transform:translateY(0.8rem) rotate(315deg) scale(0.8);-o-transform:translateY(0.8rem) rotate(315deg) scale(0.8);-ms-transform:translateY(0.8rem) rotate(315deg) scale(0.8);-webkit-transform:translateY(0.8rem) rotate(315deg) scale(0.8);transform: translateY(0.8rem) rotate(315deg) scale(0.8);left: -0.1rem;}
     
.menu-trigger_wrap a.on span:nth-child(2) {width: 3rem;height: 3rem;background-color: transparent;border: 0.3rem solid #fff;border-radius: 50%;margin: -1.5rem 0 0 -0.4rem;}
.menu-trigger_wrap a.on span:nth-child(3) {-moz-transform:translateY(-0.8rem) rotate(-315deg) scale(0.8);-o-transform: translateY(-0.8rem) rotate(-315deg) scale(0.8);-ms-transform: translateY(-0.8rem) rotate(-315deg) scale(0.8);-webkit-transform:translateY(-0.8rem) rotate(-315deg) scale(0.8);transform: translateY(-0.8rem) rotate(-315deg) scale(0.8);
     left: -0.1rem;}

.header > nav.on {left: 0;}
/* -main- */
.mainVisual > a{position:absolute;left:0;top:0;width:100%;height:100%;}
.article#main{margin:0 0 3rem 0;}
/* -section- */

/* -pankuzu- */

/* -footer- */
.footerLink{width: 94.667%;margin: 0 auto;padding: 1.5rem 0 0.5rem 0;}
.footerLogo{padding-top:1.5rem;}
.footerLink > ul.clearfix{text-align: left;}
.footerLink > ul.clearfix > li{margin-right: 1.5rem;margin-bottom: 1rem;}
.footerLink > ul.clearfix > li > a{font-size: 1.4rem;}
.footer > .img > a img{width: 50%;object-fit: contain;max-width: 250px;}
/*============================
#2__TOP設定
============================*/
/* -基本設定- */
#body .section{width: 92.5%;padding:4rem 0;}


.title01{font-size: 1.8rem;margin:0 0 4.5rem 0;}
.title04,
.title02{font-size: 2rem;line-height:2;margin-bottom: 3.5rem;}
.title03{font-size: 1.8rem;margin:0 0 1.5rem 0;padding:0 0 1.5rem 0;}
.title03 span{font-size: 1.6rem;line-height:1;margin:0 0 0.5rem 0;}

.list01 > ul > li:before{font-size:1.8rem;left: 1.1rem;top: 2rem;line-height: 1;}
.list01 > ul > li{padding: 1rem 1rem 1rem 3rem;font-size:1.5rem;}
.list01{margin:0 0 5rem 0;}
.boxs01 > ul > li:nth-child(3n),
.boxs01 > ul > li{width:45%;width:calc(50% - 2rem);margin:0 1rem 2rem 0;}
.boxs01 > ul > li:nth-child(2n){margin:0 0 2rem 0;}
.boxs01 > ul > li > .top{width:auto;}
.boxs01 > ul > li > .inner > .title{font-size:1.6rem;margin:0 0 1.5rem 0;}
.boxs01 > ul > li > .inner > .text{font-size:1.4rem;}


.boxs02 > .top > ul > li{margin: 0 0.5rem 2rem 0;background: #FFF;border-radius: 1rem;padding: 1rem;display: table-cell;border: 0.2rem solid #F8F8F8;}
.boxs02 > .top > ul > li > .theme{font-size:1.5rem;line-height:1.5;}
.boxs02 > .top > ul > li > .theme br{display: none;}
.boxs02 > .top > ul > li:before{display:none;}
.boxs02 > .bottom {font-size: 2.6rem;line-height:2;}

.projectList > ul > li:nth-child(2n) > .right,
.projectList > ul > li:nth-child(2n) > .left,
.projectList > ul > li > .right,
.projectList > ul > li > .left{float:none;width:auto;margin:0 0 2rem 0;}
.projectList > ul > li > .right > .theme{font-size:1.8rem;line-height: 2;}
.projectList > ul > li > .right > .text{font-size:1.6rem;line-height:2;}
.projectList > ul > li:last-child{padding:4rem 0 0 0;font-size:1.8rem;}
.tab01{width:92.5%;}

.boxs03 > ul > li{width:45%;width:calc(50% - 2rem);margin:0px 1rem 2rem 1rem;}
.boxs03 > ul > li:nth-child(2n){margin-right:0;}

.btn02{width:100%;margin:4rem 0 0 0;}

#map{height:auto;}
.list02 > ul > li:nth-child(2),
.list02 > ul > li{  margin:0 0 2rem 0;padding:0 0 2rem 0;border-bottom: 0.1rem solid #CCCC;width: 100%;}
.list02 > ul > li:last-child{border:none;padding:0;}
.list02 > ul > li:nth-child(1){margin:0 0 2rem 0;}

.footer > .link > ul > li > a{line-height:2.4rem;padding: 0 0.5rem;}

a.sp_link{display:block;pointer-events:inherit;}

/* -各セクションごとの設定- */
.mov{width: 32rem;margin: 1.6rem auto 0 auto;height: auto;}
.mov iframe{width:32rem;height:22rem;}

/*============================
#3__下層設定
============================*/
/* -基本設定- */
.pankuzuWrap{overflow:scroll;}
body.kaso #body .section:first-child{padding:0;}
body.kaso #body .sectionWrap:last-child .section:last-child{padding-bottom:4rem;}
.pankuzu > ul > li{left:1rem;}
/* -各ページごとの設定- */
.memberWrap > ul{width:auto;display:block;float:none;margin:0 0 5rem 0;}
.memberWrap > ul > li > .label{width:92.5%;font-size:1.6rem;}
.memberWrap > ul > li.blue{padding-bottom:0;}
.memberWrap > ul > li > .table > table > tbody > tr > td{font-size:1.2rem;}

.contactContent > p{text-align: left;}

.sitemap_list{width:auto;margin:0 auto;}
.sitemap_list ul{float:none;width:92.5%;margin:0 auto;}
/*============================
#4__CSSハック
============================*/
/* -ファイアフォックス- */
@-moz-document url-prefix() {

}

/* -IE- */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {

}


/*============================
#5__プラグイン制御
============================*/
/* -基本設定- */


/*============================
#6__スクリプト発火
============================*/
/* -基本設定- */
.blogContent{
    width: auto;
}
.blogContent > .top{
    font-size:  1.2rem;
    margin-bottom:  1rem;
}
.blogContent > .blogDetail > .title{
    font-size:  1.8rem;
}
.blogContent > .blogDetail > .text > p{
    font-size:  1.4rem;
}
.blogContent > .blogDetail{
    margin-bottom:  4rem;
}
.text02 > .text{
    font-size: 1.5rem;
    line-height: 2;
}
.projectList > ul > li > .right > .btn a{
    font-size: 1.5rem;
}





*,*:before,*:after,*:hover,*:checked{}


}


@media screen and (max-width: 480px){
#body .section{padding:5rem 0;min-width:0;}
.boxs01 > ul > li:nth-child(3n), .boxs01 > ul > li{float:none;width: 92.5%;margin: 0 auto 3rem auto;}
.boxs02 > .top > ul > li{display:block;width: 100%;margin: 0 0 0.5rem 0;padding:2rem;}
.boxs03 > ul > li > a > .textArea > .text{display:none;}
.boxs03 > ul > li > a > .info > .tag{margin-top:0.5rem;}
.text02 > .profile{float:none;width:100%;text-align: center;margin: 0 auto 2rem auto;}
.tab01 > .right > ul > li > a{width:12rem;}
.projectList > ul > li > .right > .theme,
.text01,
.title02,
.title04,
.title01{font-size:1.6rem;letter-spacing: 0;}
.projectList > ul > li > .right > .text{font-size:1.4rem;}
.boxs03 > ul > li > a > .textArea > .title{font-size:1.4rem;}

}