@charset "UTF-8" ;

html, body {
	width: 100%;
	width: 480px;
}

#wrapper {
	width: 100%;
	min-width: auto;
}

#wrapper header {
	height:60px;
	width:100%;
	position:fixed;
	z-index:999;
}

#mv_area img {

}

#mv_area {
    width: 100%;
    height: 480px !important;
    margin-top:50px;
    position: relative;
    overflow: hidden;
    min-width: auto !important;
}

#mv_area ul .second .comment {
	width: 70%;
	left: 15%;
}
#mv_area ul .second .comment img {
	width: 100%;
	min-width: auto;
}

#wrapper header h1 {
	left:10px;
}

#wrapper header h1 img {
	width:220px;
	height:auto;
}

#solution_area {
	width: 100%;
	min-width: auto;
	box-sizing: border-box;
	padding: 0 15px 0 15px;
	margin-top:50px;
	margin-bottom: 40px;
}

#solution_area .txt {
	margin-top:30px;
}

#solution_area .top_figure {
	margin-top:30px;
}

#seminar_area .lower {
	width: 100%;
	height:300px;
	min-width: auto;
}

img.autoSize100 {
	width:100%;
	height:auto;
}

#seminar_area .lower h2 {
	padding-top:50px;
}

#our_area {
	width: 480px;
	min-width: auto;
	margin:50px 0;
}

.regular3 figure img.fig {
	width:120px;
	height:auto;
}
#our_area .btn {
	margin-top:30px;
}

#our_area .regular3 .carousel {
	width: 140px !important;
}

#our_area .regular3 .carousel .ttl {
	font-size:11px;
	width:100%;
}

#wrapper footer #contact_area .lower {
	width: 100%;
}

#wrapper footer #contact_area .lower .left_area {
	float: none;
	width:100%;
}
#wrapper footer #contact_area .lower .left_area:after {
	background-color:#15294c;
}
#wrapper footer #contact_area .lower .right_area {
	float: none;
	border-top: 1px solid #fff;
	width:100%;
}

#wrapper footer #contact_area {
	height:auto;
}

#wrapper footer #while_area {
	width: 100%;
}

#wrapper footer #bottom_area .lower .copy_area {
	margin-top: 20px;
	padding: 10px;
}

img.autoSize90 {
	width:90%;
	margin: 0 5%;
	height:auto;
}

img.autoSize80 {
	width:80%;
	margin: 0 10%;
	height:auto;
}

#wrapper footer #modal-content {
	width:95%;
}

/*メニュー部分*/
nav{
	display: none;
	position: absolute;
	top:60px;
	width: 100%;
	background: #ccc;
	left: 0;
}
#wrapper nav {
	background:#ccc;
}
header nav ul{
	display: block;
	margin: 0 auto;
	width: 90%;
}
header nav ul li{
	margin: 0 auto;
	text-align: center;
	border-bottom: 1px solid #fff;
	padding: 10px 0;
	font-size:14px;
}
header nav ul li div{
	font-weight:bold;
	font-size:16px;
	padding-bottom: 8px;
}
header nav ul li a{
	display:block;
	padding:3px 0;
	color:#000;
}
header nav ul li div.nopd{
	padding:0 0;
}

header nav ul li:last-child{
	border: none;
}
header nav ul li a{
	display: block; 
}
/*開閉ボタン*/
#nav_toggle{
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 16px;
	right: 15px;
	z-index: 100;
}
#nav_toggle div {
	position: relative;
}
#nav_toggle span{
	display: block;
	height: 3px;
	background: #666;
	position:absolute;
	width: 100%;
	left: 0;

}
#nav_toggle span:nth-child(1){
	top:0px;
}
#nav_toggle span:nth-child(2){
	top:12px;
}
#nav_toggle span:nth-child(3){
	top:24px;
}

/*開閉ボタンopen時*/
.open #nav_toggle span:nth-child(1) {
	top: 12px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	transform: rotate(135deg);
}
.open #nav_toggle span:nth-child(2) {
	width: 0;
	left: 50%;
}
.open #nav_toggle span:nth-child(3) {
	top: 12px;
	-webkit-transform: rotate(-135deg);
	-moz-transform: rotate(-135deg);
	transform: rotate(-135deg);
}