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


	

/*ヘッドー-----------------*/	
	
.head {
    margin-right: auto;
    margin-left: auto;
    padding: 0px;
    display: table;
    width: 100%;
    height: 830px;
    margin-top: 0px;
    background-image: url(../img/main_pc.jpg);
    background-position: center top;
    background-size: cover;
}

.head_wrapp {
    padding: 0px;
    width: 92%;
	height: auto;
    max-width: 1200px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: auto;
    margin-left: auto;
    display: table;
    height: 95px;
}
.head_h1 {
    text-align: center;
    margin-top: 3px;
    margin-bottom: 1px;
    font-weight: lighter;
    display: none;
    width: 100%;

}	
.logo_txt {

    display: none;
}	
.logobox {
    padding: 0px;
    margin-top: 140px;

   margin-right: auto;
    margin-left: auto;
    margin-bottom: 0px;
    max-width: 1300px;
    width: 95%;
    display: block;
}
.logobox_img {
    padding: 0px;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0px;
    max-width: 470px;
    width: 83%;
    display: block;
    float: right;
}	
.logobox_sp {
    display: none;
}
	


	
	
	
}

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


	
/*ヘッドー-----------------*/	
	
.head {
    margin-right: auto;
    margin-left: auto;
    padding: 0px;
    display: table;
    width: 100%;
    height: 650px;
    margin-top: 0px;
    background-image: url(../img/main_pc.jpg);
    background-position: center top;
    background-size: cover;
}

.head_wrapp {
    padding: 0px;
    width: 85%;
	height: auto;
    max-width: 1000px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: auto;
    margin-left: auto;
    display: table;
    height: 100px;
}
.head_h1 {
    text-align: center;
    margin-top: 3px;
    margin-bottom: 1px;
    font-weight: lighter;
    display: none;
    width: 100%;

}	
.logo_txt {
    display: none;
}	
.logobox {
    padding: 0px;
    margin-top: 15%;

   margin-right: auto;
    margin-left: auto;
    margin-bottom: 0px;
    max-width: ;
    width: 100%;
    display: block;
}
	
.logobox_sp {
    display: none;
}	
	
.logobox_img {
    padding: 0px;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0px;
    max-width: 425px;
    width: 49%;
    display: block;
    float: right;
}	

	
	
	

}




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


	
	
/*ヘッドー-----------------*/	
	
.head {
    margin-right: auto;
    margin-left: auto;
    padding: 0px;
    display: table;
    width: 100%;
	max-width: 800px;
    height: auto;
    margin-top: 0px;
    background-image: url(../img/main_sp.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    position: relative;	/*重要*/
    text-align: center;
    background-color: #000000;
    background-size: auto 110%;
}

.head_wrapp {
    padding: 0px;
    width: 100%;
	margin-top: 0px;
    margin-bottom: 0px;
    margin-right: auto;
    margin-left: auto;
    display: table;
}
.head_h1 {
    text-align: left;
    margin-top: 3px;
    margin-bottom: 1px;
    font-weight: lighter;
    display: none;
    width: 90%;
    float: left;
    color: #FFFFFF;
}	
.logo_txt {
    padding: 0px;
    margin-top: 10%;
   margin-right: auto;
    margin-left: auto;
    margin-bottom: 0px;
    min-width: 45px;
    width: 90%;
    display: block;
}	
.logo_txt_01 {
    padding: 0px;
        float: right;
   margin-right: auto;
    margin-left: auto;
    margin-bottom: 0px;
    max-width: 45px;
    width: 13%;
    display: block;
}		
.logo_txt_02 {
    padding: 0px;
        float: left;
   margin-right: auto;
    margin-left: auto;
    margin-bottom: 0px;
     max-width: 30px;
    width: 15%;
    display: block;
}		
.logobox {
   margin-right: auto;
    margin-left: auto;
    margin-top: 28%;



    width: 100%;
    display: none;
}
	
.logobox_img {
    padding: 0px;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0px;
    max-width: 525px;
    width: 90%;
    display: none;
  
}	
.logobox_sp {
   margin-right: auto;
    margin-left: auto;
    margin-top: 15%;
	margin-bottom: 3%;
    width: 100%;
    display: table;

}
.logobox_sp_img {
    padding: 0px;
    margin-top: 27%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0px;
    max-width: 525px;
    width: 90%;
    display: table;
  
}

}