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


	

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

.head_wrapp {
    padding: 0px;
    width: 93%;
    height: auto;
    max-width: 720px;
    margin-top: 200px;
    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%;

}	
.ligo_mi_ue {
    width: 100%;
    height: auto;
    display: table;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
    margin-bottom: 10px;
    font-family: 'Noto Serif JP', serif;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 32px;
    line-height: 130%;
    text-align: center;
    background-position: center top;
}
.ligo_mi_sita {
    width: 100%;
    height: auto;
   display: table;
letter-spacing: 10px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
    margin-bottom: 0px;

font-family: 'Noto Serif JP', serif;
    color: #FFFFFF;
    font-weight: 400;
    font-size: 23px;
    line-height: 150%;
    text-align: center;
}	
.logobox {
    padding: 0px;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0px;

    width: 450px;
    display: block;
   
}
.logobox_img {
    padding: 0px;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0px;

    width: 100%;
    display: block;

}	
.logobox_sp {
    display: none;
}
	
.top_lead {
    width: 100%;
    height: auto;
   display: table;

    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
    margin-bottom: 0px;

font-family: 'Noto Serif JP', serif;
    color: #FFFFFF;
    font-weight: 400;
    font-size: 18px;
    line-height: 250%;
    text-align: center;
}

	
	
	
}

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


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

.head_wrapp {
    padding: 0px;
    width: 93%;
    height: auto;
    max-width: 720px;
    margin-top: 190px;
    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%;

}	
.ligo_mi_ue {
    width: 100%;
    height: auto;
   display: table;

    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
    margin-bottom: 10px;

 font-family: 'Noto Serif JP', serif;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 32px;
    line-height: 130%;
    text-align: center;
}
.ligo_mi_sita {
    width: 100%;
    height: auto;
   display: table;
letter-spacing: 10px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
    margin-bottom: 0px;

font-family: 'Noto Serif JP', serif;
    color: #FFFFFF;
    font-weight: 400;
    font-size: 23px;
    line-height: 150%;
    text-align: center;
}	
.logobox {
    padding: 0px;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0px;

    width: 450px;
    display: block;
   
}
.logobox_img {
    padding: 0px;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0px;

    width: 100%;
    display: block;

}	
.logobox_sp {
    display: none;
}
	
.top_lead {
    width: 100%;
    height: auto;
   display: table;

    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
    margin-bottom: 0px;

font-family: 'Noto Serif JP', serif;
    color: #FFFFFF;
    font-weight: 400;
    font-size: 18px;
    line-height: 250%;
    text-align: center;
}
	
	
	

}




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


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

.head_wrapp {
    padding: 0px;
    width: 93%;
    height: auto;
max-width: 560px;
    margin-top: 180px;
    margin-bottom: 65px;
    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%;

}	
.ligo_mi_ue {
    width: 100%;
    height: auto;
   display: table;

    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
    margin-bottom: 10px;

 font-family: 'Noto Serif JP', serif;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 19px;
    line-height: 130%;
    text-align: center;
}
.ligo_mi_sita {
    width: 100%;
    height: auto;
   display: table;
letter-spacing: 1px;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
    margin-bottom: 50px;

font-family: 'Noto Serif JP', serif;
    color: #FFFFFF;
    font-weight: 400;
    font-size: 19px;
    line-height: 150%;
    text-align: center;
}	
.logobox {
    padding: 0px;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0px;
max-width: 280px;
    width: 85%;
    display: block;
   
}
.logobox_img {
    padding: 0px;
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0px;

    width: 100%;
    display: block;

}	

	
.top_lead {
    width: 100%;
    height: auto;
   display: table;

    margin-right: auto;
    margin-left: auto;
    margin-top: 0px;
    margin-bottom: 0px;

font-family: 'Noto Serif JP', serif;
    color: #FFFFFF;
    font-weight: 400;
    font-size: 12px;
    line-height: 250%;
    text-align: center;
}

}