﻿@charset "utf-8";

/* ================================================================= 
 header
================================================================= */


/* ================================================================= 
sidemenu
================================================================= */


/* ================================================================= 
 contents
================================================================= */


/* ================================================================= 
 section
================================================================= */


/* ================================================================= 
 footer
================================================================= */


/* ================================================================= 
 header
================================================================= */

.header_icon i {
    font-size: 1.5rem;
    color: #185597;
    padding: 5px;
}


.btn1_cont a span div{
	width: 143px;
}

.btn1_cont a{
	min-width: 0px;
}

.header_logo {
    width: calc((350 / 1200) * 100%);
    min-width: 200px;
}

.header_logo_sp{
	display: none;
}



@media only screen and (max-width: 835px) {

/* ================================================================= 
 header
================================================================= */

/* ================================================================= 
sidemenu
================================================================= */

/* ================================================================= 
 contents
================================================================= */

/* ================================================================= 
 section
================================================================= */

/* ================================================================= 
 footer
================================================================= */

}




@media only screen and (max-width: 640px) {

/* ================================================================= 
 header
================================================================= */
.header_logo{
	display: none;
}

.header_logo_sp a{
	vertical-align: -webkit-baseline-middle;
}


.header_logo_sp{
	display: block;
	width: 250px;
}


/* ================================================================= 
sidemenu
================================================================= */


/* ================================================================= 
 contents
================================================================= */

/* ================================================================= 
 section
================================================================= */

/* ================================================================= 
 footer
================================================================= */



}