@charset "UTF-8";

.all{
  width: auto;
  margin: 0 20px;
}
.all *{
  box-sizing: border-box;
}
#wrap #header {
	width: auto;
}
#header .banner{
  width: auto;
  margin: 0 -20px;
  height: auto;
}
.backnumberList{
  display: block;
}
.backnumberList li a{
  padding: 10px 10px 10px 30px;
}
.backnumberList li a:before{
  left: 10px;
}
.backnumberList li a:after{
  left: 15px;
}
#navigation{
	width: auto;
	float: none;
	background: none;
	border-top: 3px solid #D5D6B7;
	border-bottom: 3px solid #D5D6B7;
	margin: 20px -20px 0;
	padding: 15px;
}
#navigation .heading{
	text-indent: inherit;
	background: none;
	width: auto;
	height: auto;
	text-align: center;
	font-size: 1.6em;
	margin-bottom: 10px;
}
#navigation  ul{
	display: flex;
	flex-wrap: wrap;
}
#navigation  ul li{
	width: 50%;
	text-align: center;
}
#navigation .aside{
	background: none;
	padding: 0;
}
#navigation .aside ul{
	justify-content: space-around;
}
#navigation .aside ul li{
	width: 48%;
}
.all #content{
	width: auto;
	float: none;
	margin: 0;
}
#content .introduction .introduction-message{
	float: none;
	width: auto;
	font-size: 1.3em;
}
#content .introduction .introduction-message br{
	display: none;
}
#content .introduction .guide{
	float: none;
	margin: 10px auto;
}
#content .section .heading{
	padding: 15px 10px 15px 60px;
	font-size: 1.6em;
}
#content .section .trouble-info{
	width: auto;
	float: none;
	display: block;
}
#content .section .trouble-info .guset-name{
	width: auto;
}
#content .section .trouble-info .guset-info{
	width: auto;
}
#content .section .trouble-info .guset-info .guset-family{
	width: auto;
	padding: 10px 10px 5px;
}
#content .section .trouble-info .guset-info .guset-family dd{
	font-size: 1.1em;
}
#content .section .room-picture{
	float: none;
	display: block;
	margin: 10px 0 0;
	text-align: center; 
}
#content .section .advice{
	width: auto;
	margin: 30px 20px 0;
}
#content .section .advice .adviser .adviser-name{
	float: none;
	margin: 0 0 10px;
	text-align: center;
	width: auto;
}
#content #receive .karimoku-support ul li{
	float: none;
	margin: 20px 0 0;
	width: auto;
}
.aside .heading{
	font-size: 2.2em;
}
#content #factory .firstImg,
#content #showroom .firstImg{
	position: static;
	text-align: center;
}
#content #factory .introduction{
	margin: 0 0 20px;
}
#content #factory .bg-penholder{
	background: none;
}
#content #factory .aside{
	padding: 10px 0 10px 150px;
	margin-top: -50px;
	display: flex;
	align-items: center;
    background: url(../../../images/pi_gakusyu/zadankai2/factory_penholder.jpg) left top no-repeat;
	min-height: 153px;
}
#content #showroom .about-showroom{
	position: static;
	width: auto;
	margin: 10px 0;
}
#content #showroom .introduction{
	margin: 0 0 20px;
}
#content #showroom div:last-child{
	text-align: center;
}
#content #showroom div:last-child img{
	max-width: 40%;
	float: none;
	display: inline;
	margin: 0 10px 10px;
}
#content #showroom div:last-child p{
	text-align: left;
}