/* CSS Document */

#menubtn{
	display:none;
	}
	
#nav{
	display:block;
	}
	
@media screen and (min-width:2001px) {
#container {
	width:30%;
}

#header #header_inn {
    width: 30%;
}
}

@media screen and (max-width:2000px) and (min-width:1442px) {
#container {
	width:55%!important;
}

#header #header_inn {
    width: 55%!important;
}

}

@media screen and (max-width:1441px) {
#container {
    text-align: left;
    width: 65%!important;
    margin: 0 auto;
    clear: both;
    overflow: hidden;
}	

}

@media screen and (max-width:480px) { 

#menubtn{
	display: block;
	width:90%;
	margin:5px auto;
    background-color: #fff;
    padding: 10px;
    z-index: 10000000;
    border: none;
    font-weight: bolder;
    font-size: 1em;
    color: ##0f305d;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
    transition: .3s;
    opacity: 0.9;
	}

#menubtn span:nth-of-type(3):after {
    content: "Menu";
    font-size: 1em;
    text-transform: uppercase;
    caret-color: transparent;
}

#nav{
	display:none;
	}

#nav li{
	width:100%;
	float:none;
	border:none!important;
	}

#header #header_inn #title {
    float: none;
    padding-top: 10px;
    width: 100%;
}

#header #header_inn {
    margin: 0 auto;
    /* width: 70%; */
	width:100%;
}

#header #header_inn h1{
	width:100%;
	text-align:left;
	}

#header #header_inn{
	width:100%;
	}

#header #header_inn #title{
	float:none;
	position:relative;
	}

#header #header_inn #menu{
	float:none;
	width:100%;
	}

#container{
	width:100%!important;}

#container div.sub_box dl.char_rn{
	width:100%;
	}

#container div.sub_box p{
	width: 50%;
	}

#container dl.char4, #container dl.char5{
	width:100%;
	margin-right:0;
	margin-bottom:10px;
	}

#container div.sub_box{
	padding:0;}

#container div.sub_box #subject_top3 #ukenai01,#container div.sub_box #subject_top3 #ukenai02{
	width:100%;
	}

#container div.sub_box #subject_top3{
	padding:10px;
	margin-bottom:10px;
	}

#footer #footer_inn{
	width:100%;
	height:auto;
	background:none;
	background-color:#c2e2ff;
	padding-bottom:10px;
	}


/*sub*/

#container #content2{
	width: 95%;
    float: none;
    left: auto;
    margin: 0 auto;
	}

#content2 .sub_box2 .txin {
    width: 100%;
}

#container #content2 .sub_box2 dl #flt2 {
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    margin-bottom: 0px;
}

.sidenavi{
	width: 95%;
    float: none;
    margin: 20px auto;
	}

.q{
	width:33px!important;
	height:auto;
	}

#container #content2 div.sub_box2{
	padding:5px!important;
	}

.mailform1{
	width:30%;
	height:auto;
	}

.mailform2{
	width:70%;
	display: block;
	height:auto;}
	
#container #content2 dd{
	padding-left:10px;
	}	

#container #content2 #arrow_for{
	left:0;}

/*.flex3{
	display:block;
	}*/

.flex3 a{
	width:100%;
	padding:5px;
		}

.flex2{
	display:block;
	}

}