@charset "UTF-8";

/* concept */

#concept{
	width:100%;
	background:url(../img/common/mainBg.png) repeat-x center 0px;
}

#concept h2{
	margin:0 0 30px 0;
	padding:0;
	text-align: center;
}
#concept h3{
	margin:0 0 20px 0;
	padding:0;
	text-align: center;
	color:#005ead;
	font-weight:400;
	font-size:22px;
}
#concept h4{
	margin:0 0 15px 0;
	padding:0;
	text-align: center;
	font-weight:400;
	font-size:50px;
}
#concept h5{
	color:#005ead;
	font-weight:400;
	font-size:22px;
	margin-bottom:5px;
	background:url(../img/concept/lineYellow.png) no-repeat center 23px;
}



/* main */
#concept #main{
	width: 960px;
	margin: 0 auto 10px auto;
	text-align: left;
	clear:both;
}



/* kodawari */
#concept #kodawari{
	width: 100%;
	margin: 0;
	padding:0;
	background:url(../img/concept/line.png) repeat-y center top;
}

#concept #kodawari .kdBox{
	width: 100%;
	margin: 0 0 40px 0;
	clear:both;
	background-color:#fff;
	text-align: center;
}
#concept #kodawari .kd960 {
	width: 960px;
	margin: 0px auto 0 auto;
	padding: 0;
	text-align:left;
}
#concept #kodawari p{
	text-align: center;
	margin:0;
	padding:0;
}

#concept #kodawari .kd_photo{ width:395px;height:405px; margin:0; padding:0;}
#concept #kodawari .kd_text{ width:485px; margin: 30px 40px 0 40px; padding:0;}
.no01{ background:url(../img/concept/no01.png) no-repeat left 0px;}
.no02{ background:url(../img/concept/no02.png) no-repeat right 0px;}
.no03{ background:url(../img/concept/no03.png) no-repeat left 0px;}
.no04{ background:url(../img/concept/no04.png) no-repeat right 0px;}

#concept #kodawari dl{
	margin-left:40px;
}

#concept #kodawari dl.dlr{
	margin-left:0px;
	margin-right:40px;
}
#concept #kodawari dt{
	color:#005ead;
	font-weight:400;
	font-size:18px;
	margin-bottom:5px;
	line-height:1.25;
}
#concept #kodawari dd{
}


#concept #kodawari #btomm_arrow{
	width:100% !important;
	height:42px;
	margin: 0 !important;
	padding: 0;
	text-align:center;
	float:left;
	line-height:42px;
}
#concept #btomm_arrow img{
	margin:0;
	padding:0;
}


/*lineYellow*/
#concept #lineYellow{
	width: 960px;
	margin: 0 auto 30px auto;
	padding:10px 0 50px 0;
	clear:both;
}



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

/* index
--------------------------------------------------------------------------------------*/
#concept{
	background-image:none !important;
}

#concept h2{
}

#concept h3{
	width: 50%;
	margin:0 25%;
}

#concept h4{
	margin:0;
	font-size:1.25rem;
}

#concept h5{
	font-size:1.25rem;
	margin-bottom:0;
}


/**/
#concept #main,
#concept #kodawar,
#concept #lineYellow{
	width:90%;
	margin: 0 5% 10% 5%;
}

/**/
#concept #kodawari .kdBox{
/*
	width: 100%;
	margin: 0 0 40px 0;
	clear:both;
	background-color:#fff;
	text-align: center;
*/
}
#concept #kodawari .kd960 {
	width: 100%;
	margin: 0;
}


#concept #kodawari p{
}

#concept #kodawari .kd_photo{ width:30%;height:auto; margin:0; padding:0; }
#concept #kodawari .kd_photo img{
	width: 100%;
	height: 400px;
	object-fit: cover;
 }
#concept #kodawari .kd_text{ width:70%; margin: 0; padding:2% 0 0 0;}

.no01{ background:url(../img/concept/no01.png) no-repeat left 2%;}
.no02{ background:url(../img/concept/no02.png) no-repeat right 2%;}
.no03{ background:url(../img/concept/no03.png) no-repeat left 2%;}
.no04{ background:url(../img/concept/no04.png) no-repeat right 2%;}

#concept #kodawari dl,
#concept #kodawari dl.dlr{
	margin:5%;
}
#concept #kodawari dt{
	font-size:1rem;
}
#concept #kodawari dd{
	line-height:1.5;
	font-size:0.7rem;
}


#concept #kodawari #btomm_arrow{
	width:50% !important;
	height:auto !important;
	margin:0 25% !important;
	padding:0;
	text-align:center;
	float:none;
	line-height:auto;
}
#concept #kodawari #btomm_arrow img{
	width:50% !important;
	height:auto !important;
	margin:0;
	padding:0;
}

}


@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
}