/*===============================================
●pc用のcssを記述
===============================================*/
@media screen and (min-width : 1081px ){


/*800説明*/
.setu_back {
    background-image: url(../img/sec_setu_back.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 100%;
 
}

.setu_wrapp {
     width: 95%;
    max-width: 1400px;
    height: auto;
    min-height: 200px;	
    margin-right: auto;
    margin-left: auto;
   display: table;
     background-image: url(../img/sec_setu_00.jpg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 100%;
}
.setu_wrapp_box {
     width: 80%;
    max-width: 840px;
    height: auto;
    margin-right: auto;
    margin-left: auto;
   display: table;
     margin-top: 6%;
    margin-bottom: 6%;
}

.setu_txtbox {
     width: 65%;
    max-width: 580px;
    height: auto;
   display: table;
    float: left;
}


.setu_mi {
    width: 100%;
    display: table;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    font-family: 'Noto Serif JP', serif;
    font-size: 24px;
    line-height: 200%;
    font-weight: 400;
letter-spacing: 8px;
}

.setu_txt {
    width: 100%;	
    display: table;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    font-family: 'Noto Serif JP', serif;
    font-size: 18px;
    line-height: 330%;
    font-weight: 400;
  font-feature-settings: "palt";	
}	


 /*プロジェクト*/	
	
.project_back {
    background-image: url(../img/sec_proj_back.jpg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: auto 100%;
    background-color: #000000;
 
}	
.project_txt_wrapp {
     width: 95%;
    max-width: 960px;
    height: auto;
    margin-right: auto;
    margin-left: auto;
   display: table;
 
}

.project_txtbox {
    width: 75%;
    max-width: 560px;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    display: table;
    float: right;
    color: #FFFFFF;
}

.project_mi {
    width: 100%;
    display: table;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    font-family: 'Noto Serif JP', serif;
    font-size: 28px;
    line-height: 200%;
    font-weight: 400;
letter-spacing: 16px;
}
	
.project_txt {
    width: 100%;
max-width: 560px;	
    display: table;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    font-family: 'Noto Serif JP', serif;
    font-size: 18px;
    line-height: 240%;
    font-weight: 400;
  font-feature-settings: "palt";	
}
.project_book {
    width: 100%;
    margin-top: 0px;
    display: table;
    margin-right: auto;
    margin-left: auto;

}
.project_img_wrapp {
    width: 95%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    display: table;
   
 
}

/*スクロールボックス-----------------*/
.top_iframe_box {
    position: relative;
    width: 100%;
    height:0;
    padding-top: 23%;
    margin-right: auto;
    margin-left: auto;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background-color: #000;
    display: table;

}
.top_iframe_box iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
     height: 100% !important; border:none;	
}		
	
	
/*過去作品-----------------*/	
.past_wrap{
    width: 100%;
    max-width: 960px;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    display: table;
}

.past_box{
    width: 9.7%;
    margin: 2px;
    display: table;
    float: left;
}

.past_midashi {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
 letter-spacing: 15px;
	margin-bottom: 10px;
    display: block;
    font-size: 15px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}
	
}

/*===============================================
●tablet用のcssを記述
===============================================*/	
@media only screen and ( min-width : 769px ) and (max-width : 1080px ){

/*800説明*/
.setu_back {
    background-image: url(../img/sec_setu_back.jpg);
    background-repeat: no-repeat;
    background-position: -17% center;
    background-size: auto 100%;
 
}

.setu_wrapp {
     width: 97%;
    max-width: 1400px;
    height: auto;
    min-height: 200px;	
    margin-right: auto;
    margin-left: auto;
   display: table;
     background-image: url(../img/sec_setu_00.jpg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: auto 100%;
}
.setu_wrapp_box {
     width: 90%;

    height: auto;
    margin-right: auto;
    margin-left: auto;
   display: table;
     margin-top: 3%;
    margin-bottom: 3%;
}

.setu_txtbox {
     width: 65%;
    max-width: 580px;
    height: auto;
   display: table;
    float: left;
}


.setu_mi {
    width: 100%;
    display: table;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    font-family: 'Noto Serif JP', serif;
    font-size: 24px;
    line-height: 200%;
    font-weight: 400;
letter-spacing: 0px;
}

.setu_txt {
    width: 100%;	
    display: table;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    font-family: 'Noto Serif JP', serif;
    font-size: 16px;
    line-height: 330%;
    font-weight: 400;
  font-feature-settings: "palt";	
}	
	
	
  /*プロジェクト*/	
	
.project_back {
    background-image: url(../img/sec_proj_back.jpg);
    background-repeat: no-repeat;
    background-position: -150px center;
    background-size: auto 100%;
    background-color: #000000;
 
}	
.project_txt_wrapp {
     width: 95%;
    max-width: 960px;
    height: auto;
    margin-right: auto;
    margin-left: auto;
   display: table;
 
}

.project_txtbox {
    width: 75%;
    max-width: 560px;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    display: table;
    float: right;
    color: #FFFFFF;
}

.project_mi {
    width: 100%;
    display: table;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    font-family: 'Noto Serif JP', serif;
    font-size: 24px;
    line-height: 200%;
    font-weight: 400;
letter-spacing: 16px;
}
	
.project_txt {
    width: 100%;
max-width: 560px;	
    display: table;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    font-family: 'Noto Serif JP', serif;
    font-size: 16px;
    line-height: 240%;
    font-weight: 400;
  font-feature-settings: "palt";	
}
.project_book {
    width: 100%;
    margin-top: 0px;
    display: table;
    margin-right: auto;
    margin-left: auto;

}
.project_img_wrapp {
   width: 95%;
     height: auto;
    margin-right: auto;
    margin-left: auto;
    display: table;
   
 
}

/*スクロールボックス-----------------*/.top_iframe_box {
    position: relative;
    width: 100%;
    height:70px;
    padding-top: 15%;
    margin-right: auto;
    margin-left: auto;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background-color: #fff;
    display: table;
	margin-bottom: 0px;

}
.top_iframe_box iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
     height: 100% !important; border:none;	
}	
	
/*過去作品-----------------*/	
.past_wrap{
    width: 95%;

    margin-right: auto;
    margin-left: auto;
    text-align: left;
   
    display: table;
}

.past_box{
    width: 9.6%;
    margin-right: .2%;
    margin-left: .2%;
    margin-bottom: 3px;
    display: table;
    float: left;
}
.past_midashi {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
 letter-spacing: 15px;
	margin-bottom: 10px;
    display: block;
    font-size: 15px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}	
	
}

/*ここからスマートフォン用環境の設定---------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (max-width : 768px ){


	

/*800説明*/
.setu_back {
    background-image: url(../img/sec_setu_back_sp.jpg);
    background-repeat: no-repeat;
    background-position: -15px center;
    background-size: auto 150%;
 
}

.setu_wrapp {
     width: 85%;
    max-width: 340px;
    height: auto;
    min-height: 200px;	
    margin-right: auto;
    margin-left: auto;
	margin-bottom: 20px;
   display: table;
     background-image: url(../img/sec_setu_00.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% auto ;
}
.setu_wrapp_box {
     width: 100%;

    height: auto;
    margin-right: auto;
    margin-left: auto;
   display: table;
     margin-top: 30px;


}

.setu_txtbox {
     width: 100%;

    height: auto;
   display: table;

}


.setu_mi {
    width: 100%;
    display: table;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    font-family: 'Noto Serif JP', serif;
    font-size: 19px;
    line-height: 180%;
    font-weight: 400;
letter-spacing: 2px;
}

.setu_txt {
    width: 100%;	
    display: table;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    font-family: 'Noto Serif JP', serif;
    font-size: 14px;
    line-height: 230%;
    font-weight: 400;
  font-feature-settings: "palt";	
    margin-bottom: 470px;	
}	
	

  /*プロジェクト*/	
	
.project_back {
    background-image: url(../img/sec_proj_back.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: auto 80%;
    background-color: #000000;
 
}	
.project_txt_wrapp {
     width: 95%;
    max-width: 960px;
    height: auto;
    margin-right: auto;
    margin-left: auto;
   display: table;
 
}

.project_txtbox {
    width: 85%;
    max-width: 390px;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    display: table;
    color: #FFFFFF;
}

.project_mi {
    width: 100%;
    display: table;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    font-family: 'Noto Serif JP', serif;
    font-size: 18px;
    line-height: 200%;
    font-weight: 400;
letter-spacing: 5px;
}
	
.project_txt {
    width: 100%;
max-width: 560px;	
    display: table;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
    font-family: 'Noto Serif JP', serif;
    font-size: 14px;
    line-height: 220%;
    font-weight: 400;
  font-feature-settings: "palt";	
}
.project_book {
    width: 100%;
    margin-top: 0px;
    display: table;
    margin-right: auto;
    margin-left: auto;

}
.project_img_wrapp {
    width: 95%;
    height: auto;
    margin-right: auto;
    margin-left: auto;
    display: table;
 
 
}
	
	
/*スクロールボックス-----------------*/.top_iframe_box {
    position: relative;
    width: 100%;
    height:40px;
    padding-top: 44%;
    margin-right: auto;
    margin-left: auto;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background-color: #fff;
    display: table;
	margin-bottom: 0px;

}
.top_iframe_box iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
     height: 100% !important; border:none;	
}		
	
/*過去作品-----------------*/	
.past_wrap{
    width: 93%;
max-width: 390px;
    margin-right: auto;
    margin-left: auto;
    text-align: left;
   
    display: table;
}

.past_box{
    width: 19.6%;
    margin-right: .2%;
    margin-left: .2%;
    margin-bottom: 3px;
    display: table;
    float: left;
}	
.past_midashi {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
 letter-spacing: 15px;
	margin-bottom: 10px;
    display: block;
    font-size: 13px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}	
	
	
}