@charset "utf-8";
/* CSS Document */




/*--提案色　見出し部分------------------------------------------------------------------------*/
.main {
    background: url(imgs/main01.png) no-repeat center center;
    background-size: 100% auto;
}



.maintxt{
max-width: 810px;
}

.functionbox{
max-width: 1300px;
display: flex;
flex-wrap: wrap;
margin-top: 4em;
}


.functionbox > a{
min-width: 25%;
text-align: center;
margin-bottom: 5em;
display: block;
}

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

.functionbox > a{
min-width: 33%;
}
}


@media screen and (max-width: 420px) {
.functionbox > a{
min-width: 48%;
}
}







/*--機能性のモーダル詳細の表示--*/

.da_body {
background: transparent;
width: 100%;
}

.da_wrap {
line-height: 1.6em;
position: relative;
text-align:center;
padding:3%;
max-width: 700px;
margin: auto;
}

.da_box {
overflow:hidden;
margin:auto;
text-align:left;
}

.da_header{
overflow: hidden;
}

.da_header h2,
.da_header h1{
font-size: 20px;
letter-spacing: .25em;
}
.da_header h2{
margin-bottom: 1em;
}
.da_header h1{
display: none;
margin-bottom: 30px;
}

.da_header-h{
}



.da_header div{
/*margin-bottom:40px;*/
}
.da_header div:nth-child(1){
float: left;
text-align: center;
width: 100px;
}
.da_header div:nth-child(2){
float: right;
width: calc( 100% - 120px );
text-align: left;
}

@media only screen and (max-width:600px){
.da_header h2{
display: none;
}
.da_header div:nth-child(1) p{
display: inline-block;
width: 110px;
}
.da_header div:nth-child(1) p img{
vertical-align: middle;
}
.da_header h1{
text-align: left;
width: scale( 100% - 110px);
display: inline-block;
}
.da_header div:nth-child(1),
.da_header div:nth-child(2){
text-align: left;
width: 98%;
float: none;
margin-left: 0;
}
.da_header div:nth-child(1){
margin-bottom: 10px;
}



}


.da_box .fr,
.da_box .fl{
	width:48%;
	text-align:center;
}

.da_box .fl{float:left}
.da_box .fr{float:right; margin-left:2%;}

@media screen and (max-width: 1024px) {
.da_box .fr,
.da_box .fl{
	width:100%;
	text-align:center;
	font-size:100%;
	float:none;
	margin:15px 0;
}
}


.ta_c{ text-align:center;}


img{
max-width: 100%;
height: auto;
width /***/:auto;　
}

.mb30{
margin-bottom: 30px;
}