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

/* **ソートリスト**
1__全体設定
2__TOP設定
3__下層設定
4__CSSハック
5__プラグイン制御
6__スクリプト発火
*/
.sp{display:none;}
a.sp_link{pointer-events: none;}
@media screen and (max-width: 600px) and (orientation: portrait){
/*============================
#1__全体設定
============================*/
/* -基本設定- */
.pc{display:none;}
.sp{display:block;}
select{width: 280px;}
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: 75px;float: left;}
.header > .inner > .h1 > h1 > a{background:url(/img/logo.svg) center center;width:189px;height:67px;background-size: cover;display: block;}
.header > .inner > .h1 > h1 > a img{opacity:0;}
/* -nav- */
.header > nav{float: none; left:-100%;top: 0;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: 4px 4px 4px rgba(0,0,0,0.3);-ms-box-shadow: 4px 4px 4px rgba(0,0,0,0.3);-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,0.3);}
.nav > ul > li{display: block;width: 100%;line-height: 60px;border-bottom: 1px solid #DCDCDC;text-align: left;padding-left: 20px;box-sizing: border-box;}
.nav > ul > li > a{min-height: 0;display: block; position:relative;height: 59px;color:#000;padding:0 0 0 20px !important;font-size:14px;}
.nav > ul > li > a:before{display:none;}
.nav > ul > li > a:after{position: absolute;content: "";width: 9px;height: 9px;left:0;top: 50%;margin-top: -5px;border-top: 1px solid #000;border-right: 1px 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: 15px;}
.header > nav{ width:80%;}

.menu-trigger_wrap{position: absolute;top: 27px;right: 0;width:93.335%;left: 0;margin: auto;height: 18px;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: 25px;height: 18px;}
.menu-trigger_wrap a span {position: absolute;left: 0;width: 100%;height: 2px;background-color: #fff;border-radius: 4px;}
.menu-trigger_wrap a span:nth-child(1) {top: 0;}
.menu-trigger_wrap a span:nth-child(2) {top: 50%;margin: -1px 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(8px) rotate(315deg) scale(0.8);-o-transform:translateY(8px) rotate(315deg) scale(0.8);-ms-transform:translateY(8px) rotate(315deg) scale(0.8);-webkit-transform:translateY(8px) rotate(315deg) scale(0.8);transform: translateY(8px) rotate(315deg) scale(0.8);left: -1px;}
     
.menu-trigger_wrap a.on span:nth-child(2) {width: 30px;height: 30px;background-color: transparent;border: 3px solid #fff;border-radius: 50%;margin: -15px 0 0 -4px;}
.menu-trigger_wrap a.on span:nth-child(3) {-moz-transform:translateY(-8px) rotate(-315deg) scale(0.8);-o-transform: translateY(-8px) rotate(-315deg) scale(0.8);-ms-transform: translateY(-8px) rotate(-315deg) scale(0.8);-webkit-transform:translateY(-8px) rotate(-315deg) scale(0.8);transform: translateY(-8px) rotate(-315deg) scale(0.8);
     left: -1px;}

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

/* -pankuzu- */

/* -footer- */
.footerLink{width: 94.667%;margin: 0 auto;padding: 15px 0 5px 0;}
.footerLogo{padding-top:15px;}
.footerLink > ul.clearfix{text-align: left;}
.footerLink > ul.clearfix > li{margin-right: 15px;margin-bottom: 10px;}
.footerLink > ul.clearfix > li > a{font-size: 14px;}

/*============================
#2__TOP設定
============================*/
/* -基本設定- */
#body .section{width: 92.5%;padding:40px 0;}


.title01{font-size: 18px;margin:0 0 45px 0;}
.title04,
.title02{font-size: 20px;line-height:2;margin-bottom: 35px;}
.title03{font-size: 18px;margin:0 0 15px 0;padding:0 0 15px 0;}
.title03 span{font-size: 16px;line-height:1;margin:0 0 5px 0;}

.list01 > ul > li:before{font-size:18px;left: 11px;top: 8px;}
.list01 > ul > li{padding:10px 0 10px 30px;font-size:15px;}
.list01{margin:0 0 50px 0;}
.boxs01 > ul > li:nth-child(3n),
.boxs01 > ul > li{width:45%;width:calc(50% - 20px);margin:0 10px 20px 0;}
.boxs01 > ul > li:nth-child(2n){margin:0 0 20px 0;}
.boxs01 > ul > li > .top{width:auto;}
.boxs01 > ul > li > .inner > .title{font-size:16px;margin:0 0 15px 0;}
.boxs01 > ul > li > .inner > .text{font-size:14px;}


.boxs02 > .top > ul > li{margin: 0 5px 20px 0;background: #FFF;border-radius: 10px;padding: 10px;display: table-cell;border: 2px solid #F8F8F8;}
.boxs02 > .top > ul > li > .theme{font-size:15px;line-height:1.5;}
.boxs02 > .top > ul > li > .theme br{display: none;}
.boxs02 > .top > ul > li:before{display:none;}
.boxs02 > .bottom {font-size: 26px;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 20px 0;}
.projectList > ul > li > .right > .theme{font-size:18px;line-height: 2;}
.projectList > ul > li > .right > .text{font-size:16px;line-height:2;}
.projectList > ul > li:last-child{padding:40px 0 0 0;font-size:18px;}
.tab01{width:92.5%;}

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

.btn02{width:100%;margin:40px 0 0 0;}

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

.footer > .link > ul > li > a{line-height:24px;}

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

/* -各セクションごとの設定- */
.mov{    width: 320px;margin: 16px auto 0 auto;}
.mov iframe{width:320px;height:220px;}

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

.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:  12px;
    margin-bottom:  10px;
}
.blogContent > .blogDetail > .title{
    font-size:  18px;
}
.blogContent > .blogDetail > .text > p{
    font-size:  14px;
}
.blogContent > .blogDetail{
    margin-bottom:  40px;
}







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


}


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

}