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

.text-center{
	text-align:center;
}

@media screen and (max-width:600px) {
.subSubSection img {
	max-width:100%;
	height:auto;
}
}

.caption-line{
	background: #EEEEF2;
	padding: 5px 5px 5px 50px;
	text-align:left;
}
.caption-line .icon-number{
	display:inline-block;
	width: 2em;
	height:2em;
	background-color:#EA46A3;	
	color:#fff;
	text-align:center;
	border-radius:3px;
	margin-right:10px;
	margin-left:-45px;
}

.caption-line.height-fix{
	min-height:4em;	
}
@media screen and (max-width:600px) {
.caption-line{
	background: none;
	border:1px solid #dddddd;
	border-radius:5px;
	margin-bottom:30px;
}
.caption-line.height-fix{
	min-height:auto;	
}
}

.btn-line-apply{
	border-radius: 3px;
	display:inline-block;
	border:1px solid #2cbf13;
	background:url(../images/line_logo.png) no-repeat 40px center;
	background-size: auto 1em;
	padding: 10px 50px 10px 100px;
	text-decoration: none;
	color:#2cbf13;
}

.img-bordered{
	display: inline-block;
	padding:30px;
	border: 1px solid #ccc;	
}

/*****************************************************************************
Grid
*****************************************************************************/

.subSectionWrapper .col-4{
	width: 225px!important;
	float:left;
	margin-left:20px;
}

@media screen and (max-width:600px) {
.subSectionWrapper .col-4{
	width:auto !important;
	float:none;
	margin-left:0 !important;
}
}




.subSectionWrapper .col-3{
	width: 306px;
	float:left;
	margin-left:20px;
}

.subSectionWrapper .col-2{
	width: 632px;
	float:left;
	margin-left:20px;
}
.subSectionWrapper .col-3:nth-child(3n+1){
	width: 307px;
	margin-left:0px;
}
.subSectionWrapper .col-4:nth-child(4n+1){
	width: 225px;
	margin-left:0px;
}

.subSectionWrapper.wrapper-type02 > .subSubSection{
	width:485px!important;	
}

.subSectionWrapper.width958 .col-3{
	width: 305px;
}