﻿#wrap #contents {
    padding: 0 0px !important;
}

#container-all {
	width:100%;
	margin:0 auto;
}
#container-all a {
	text-decoration:none;
}

#container-all a:hover{
	/*display:block;*/
	opacity:0.4;
	filter: alpha(opacity=40);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
	zoom:1;
	background-color:#fff;
}



.maindesign{
	
}
.maindesign p{
	font-size:16px;
	line-height:1.4;
	margin:0;
}
.maindesign .title{
	position:relative;
	margin-bottom:10px;
	margin-bottom:-2px;
}

.maindesign h1 {
	margin:0;
}

.maindesign h1 span{
	display:block;
	left:4%;
	top:68%;
	position:absolute;
/*	font-size:5.2em;*/
	font-size:7.5vw;
	font-weight:bold;
	color:#55809e;
	margin:0;
}
.maindesign .title p{
	display:block;
	left:4.5%;
	top:34%;
	position:absolute;
	font-size:4vw;
	font-weight:bold;
	color:#55809e;
}

.maindesign .description{
	background-color:#D2DCE6;
	margin:0;
	padding:10px;
	text-align:justify;
	font-size:0.9em;
}

.maindesign .link{
	text-align:center;
	width:96%;
	margin:30px auto 50px;
	display: flex;
    flex-wrap: wrap;
}

.maindesign .link a{
	width:calc(50% - 5px);
	display:block;
	margin-right:10px;
}

.maindesign .link a:nth-child(2n){
	margin-right:0;
}

.maindesign .link p{
	font-size:24px;
	font-weight:bold;
	background-color:#55809e;
	padding:15px 0;
	border-radius:30px;
	color:#fff;
}

.maindesign h2{
	font-size:26px;
	font-weight: bold;
	border-bottom: solid 3px #ccc;
	position: relative;
	margin-top:30px;
	margin-bottom:20px;
	padding:5px 0;
	line-height: 1.1;
}


.maindesign .section h2:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #E5002D;
	bottom: -3px;
	width: 60px;
}


.maindesign .section{
	width:96%;
	margin:auto;
	margin-bottom:40px;
}

/*.maindesign .section h3{
	font-size:20px;
	border-bottom:1px solid #55809e;
	border-left:10px solid #55809e;
	padding:5px 0 5px 20px;
	margin-top:30px;
}
*/
.maindesign .section h3{
	font-size:22px;
	font-weight: bold;
	margin-top:30px;
	margin-bottom:20px;
	line-height:1.1;
}


.maindesign h4{
	font-size: 18px;
    font-weight: bold;
    border-left: 5px solid #eca233;
	background-color:#eee;
    padding: 5px 10px;
	margin-bottom: 20px;
    margin-top: 30px;
}

.maindesign .section .spec{
	display: flex;
    flex-wrap: wrap;
}

.maindesign .section .spec img{
	width:150px;
}

.maindesign .section .spec .spec_s{
	width:calc(100% - 170px);
	margin-left:20px;
	color:#000000;
	text-align:justify;
}

.maindesign .section .spec .use{
	font-weight:bold;
	margin-top:20px;
	font-size:18px;
}


.maindesign .button{
	text-align:center;
	margin:0 0 30px 0;
	display: flex;
    flex-wrap: wrap;
}

.maindesign .button a{
	width:calc(33% - 6px);
	display:block;
	margin-right:10px;
	margin-bottom:10px;
}
.maindesign .button a:nth-child(3n){
	margin-right:0;
}

.maindesign .button.three a{
	width:calc(33.3% - 8px);
}

.maindesign .button.one a{
	width:100%;
	margin:auto;
	float:none;
}

.maindesign .button p{
	font-size:16px;
	font-weight:bold;
	background-color:#55809e;
	padding:10px 0;
	border-radius:23px;
	color:#fff;
}



.maindesign .toppage{
	text-align:center;
	margin:30px 0;
}

.maindesign .toppage a{
	width:96%;
	max-width:480px;
	display:block;
	margin:auto;
}

.maindesign .toppage p{
	font-size:18px;
	font-weight:bold;
	background-color:#eca233;
	padding:10px 0;
	border-radius:30px;
	color:#fff;
}


#container-all .maindesign .mr0{
	margin-right:0;
}

#container-all .maindesign .ml20{
	margin-left:20px;
}

#container-all .maindesign .mb30{
	margin-bottom:30px;
}


#container-all .maindesign .w500{
	width:calc(100% - 320px);
}

@media screen and (max-width: 480px) {
.maindesign .link a{
	width:96%;
	margin:10px auto;
}
.maindesign .link a:nth-child(2n){
	margin:auto;
}

.maindesign .button a{
	width:calc(50% - 5px);
}

.maindesign .button a:nth-child(3n){
	margin-right:10px;
	
}
.maindesign .button a:nth-child(2n){
	margin-right:0;
}


.maindesign .section .spec img{
	width:150px;
	margin:10px auto;
}

.maindesign .section .spec .spec_s{
	width:100%;
	margin-left:0;
	text-align:justify;
}

#container-all .maindesign .w500{
	width:auto;
}

}










