@charset "utf-8";
/*=============================================================
 feature Layout
=============================================================*/
/* feature-columnSet
-------------------------------------------------------------*/
.feature-columnSet:not(:last-child){
	margin-bottom:50px;
	padding-bottom:35px;
}
/* feature-ttlColumn */
.feature-ttlColumn{
	margin:50px 0 40px;
	border-top:2px solid #0062a0;
}
.feature-ttlColumn img{margin-top:-2px;}

/* feature-ttlColumnSub */
.feature-ttlColumnSub{
	margin:70px 0 15px 106px;
	position:relative;
	border-bottom:1px dotted #0062a0;
}
.ie6 .feature-ttlColumnSub{display:inline-block;}
.feature-ttlColumn+.feature-ttlColumnSub,
.feature-ttlColumn+*>.feature-ttlColumnSub{margin-top:0;}
.feature-ttlColumnSub .text{
	display:table;
	height:101px;
	padding:0 0 5px 16px;
}
.ie6 .feature-ttlColumnSub .text,
.ie7 .feature-ttlColumnSub .text{
	padding-top:10px;
	height:auto;
	min-height:91px;
}
.feature-ttlColumnSub .text div{
	display:table-cell;
	vertical-align:bottom;
}
.feature-ttlColumnSub .text h4{
	font-size:128.6%;
	font-weight:bold;
}
.feature-ttlColumnSub .text h4 strong{font-size:130%;}
.feature-ttlColumnSub .text p{
	color:#0062a0;
	font-size:185.7%;
	line-height:1.25;
	margin-top:8px;
}
.feature-ttlColumnSub .photo{
	position:absolute;
	bottom:0;
	left:-106px;
}
/* feature-clmIdt */
.feature-clmIdt{padding-left:46px;}
.feature-clmIdtR{padding-right:46px;}

/* feature-clm2 */
.feature-clm2 .boxLeft{float:left;}
.feature-clm2 .boxRight{float:right;}
.feature-clm2.type01-01 .text{width:450px;}
.feature-clm2.type01-02 .text,
.feature-clm2.type01-03 .text{width:360px;}
.feature-clm2.type02-01 .text{width:346px;}
.feature-clm2.type02-02 .text{width:300px;}
.feature-clm2.type03-01 .text,
.feature-clm2.type03-02 .text,
.feature-clm2.type03-03 .text,
.feature-clm2.type03-04 .text{width:370px;}

.feature-clm2.type01-01 .photo,
.feature-clm2.type01-02 .photo,
.feature-clm2.type01-03 .photo{width:210px;}
.feature-clm2.type02-01 .photo,
.feature-clm2.type02-02 .photo{width:310px;}
.feature-clm2.type03-01 .photo,
.feature-clm2.type03-02 .photo,
.feature-clm2.type03-03 .photo,
.feature-clm2.type03-04 .photo{width:240px;}

/* Title01 */
#contents .feature02Title01{
	background:url(../img/feature02_bg01.png) no-repeat;
	min-height:100px;
	margin-top:40px;
}
#contents .feature02Title01 .textBox{
	min-height:99px;
	padding-left:20px;
	border-bottom:1px dotted #0062a0;
	margin-left:82px;
}
#contents .feature02Title01 h3{
	font-size:128.6%;
	padding-left:35px;
}
#contents .feature02Title01 h3 strong{
	font-size:140%;
}
#contents .feature02Title01 p{
	margin-top:8px;
	padding-left:35px;
	font-size:130%;
	line-height:1.25;
}
#contents .feature02Title01 p strong{
	color:#0062a0;
	font-size:150%;
}

/* Title02 */
#contents .feature02Title02{
	background:url(../img/feature02_bg02.png) no-repeat;
	min-height:100px;
	margin-top:40px;
}
#contents .feature02Title02 .textBox{
	min-height:99px;
	padding-left:20px;
	border-bottom:1px dotted #0062a0;
	margin-left:82px;
}
#contents .feature02Title02 h3{
	font-size:128.6%;
	padding-left:35px;
}
#contents .feature02Title02 h3 strong{
	font-size:140%;
}
#contents .feature02Title02 p{
	margin-top:8px;
	padding-left:35px;
	font-size:130%;
	line-height:1.25;
}
#contents .feature02Title02 p strong{
	color:#0062a0;
	font-size:150%;
}

/* Title03 */
#contents .feature02Title03{
	background:url(../img/feature02_bg03.png) no-repeat;
	min-height:100px;
	margin-top:40px;
}
#contents .feature02Title03 .textBox{
	min-height:99px;
	padding-left:20px;
	border-bottom:1px dotted #0062a0;
	margin-left:82px;
}
#contents .feature02Title03 h3{
	font-size:128.6%;
	padding-left:35px;
}
#contents .feature02Title03 h3 strong{
	font-size:140%;
}
#contents .feature02Title03 p{
	margin-top:8px;
	padding-left:35px;
	font-size:130%;
	line-height:1.25;
}
#contents .feature02Title03 p strong{
	color:#0062a0;
	font-size:150%;
}

/* Title04 */
#contents .feature02Title04{
	background:url(../img/feature02_bg04.png) no-repeat;
	min-height:100px;
	margin-top:40px;
}
#contents .feature02Title04 .textBox{
	min-height:99px;
	padding-left:20px;
	border-bottom:1px dotted #0062a0;
	margin-left:82px;
}
#contents .feature02Title04 h3{
	font-size:128.6%;
	padding-left:35px;
}
#contents .feature02Title04 h3 strong{
	font-size:140%;
}
#contents .feature02Title04 p{
	margin-top:8px;
	padding-left:35px;
	font-size:130%;
	line-height:1.25;
}
#contents .feature02Title04 p strong{
	color:#0062a0;
	font-size:150%;
}

/* message-box
-------------------------------------------------------------*/
.boxInr{
	background-color:#ecf4f7;
}
.messageBox .boxInr{
	padding:0px 20px 20px 20px;
}
.messageBox a{
	text-decoration:none;
	color:#000;
}
.messageBox .boxInr p.dev_ttl{
	margin-bottom:10px;
	color:#ec6d81;
	border-bottom:dashed 2px #ec6d81;
	font-weight:bold;
	font-size:110%;
	text-decoration:none;
}
.messageBox h2{
	position:static;
	font-size:140%;
	font-weight:bold;
	padding-top:10px;
}
.messageBox h2.space{
	letter-spacing:-1px;
}
.messageBox .fLeft{
	width:70%;
}
.messageBox .fRight{
	width:28%;
}
.messageBox .fRight .fLeft{
	display:block;
	width:30%;
	padding:5% 2%;
	background-color:#ec6d81;
	-webkit-border-radius:5px;
	border-radius:5px;
	font-size:86%;
	color:#fff;
	font-weight:bold;
}
.messageBox .fRight .fRight{
	display:block;
	width:65%;
	font-size:86%;
}
.messageBox .fRight .fRight strong{
	font-size:140%;
	font-weight:lighter;
}

/* foot-goto-featureTop
-------------------------------------------------------------*/
#contents .pageBtn{
	text-align:right;
}
#contents .pageBtn span{
	background:#d9e7f1;
	padding:10px 15px;
}
#contents .pageBtn .arw a:before {
    border-color: rgba(0, 0, 0, 0) #0062A0;
    border-style: solid;
    border-width: 3px 0 3px 5px;
    content: "";
    display: block;
    height: 0;
    left: 7px;
    position: absolute;
    top: 15px;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:767px){

/* feature-columnSet
-------------------------------------------------------------*/
.feature-columnSet:not(:last-child){
	margin-bottom:60px;
	padding-bottom:25px;
	border-bottom-width:1px;
}
/* feature-ttlColumn */
.feature-ttlColumn{
	margin-bottom:20px;
	border-top-width:1px;
}
.feature-ttlColumn img{
	height:20px;
	margin-top:-1px;
}
/* feature-ttlColumnSub */
.feature-ttlColumnSub{
	margin:50px 0 20px 58px;
	border-bottom:none;
}
.feature-ttlColumnSub .text{
	height:58px;
	padding:0 0 0 12px;
}
.feature-ttlColumnSub .text h4{font-size:11px;}
.feature-ttlColumnSub .text p{
	font-size:20px;
	margin-bottom:-5px;
}
.feature-ttlColumnSub .photo{
	top:0;
	bottom:auto;
	left:-58px;
}
.feature-ttlColumnSub .photo img{width:58px;}

/* feature-clmIdt */
.feature-clmIdt{padding-left:0;}
.feature-clmIdtR{padding-right:0;}

/* feature-clm2 */
.feature-clm2 .boxLeft,
.feature-clm2 .boxRight{
	float:none;
	width:auto !important;
}
.feature-clm2 .photo{
	max-width:294px;
	margin:20px auto 0;
}
.feature-clm2 .photo img{width:294px;}

/* Title01 */
#contents .feature02Title01{
	background:url(../img/feature02_bg01_sp.png) no-repeat;
	min-height:100px;
	margin-top:40px;
}
#contents .feature02Title01 .textBox{
	min-height:99px;
	padding-left:20px;
	border-bottom:none!important;
	margin-left:30px;
}
#contents .feature02Title01 h3{
	font-size:16px;
	padding-left:35px;
}
#contents .feature02Title01 h3 strong{
	font-size:140%;
}
#contents .feature02Title01 p{
	margin-top:8px;
	padding-left:35px;
	font-size:18px;
	line-height:1.25;
}
#contents .feature02Title01 p strong{
	color:#0062a0;
	font-size:120%;
}

/* Title02 */
#contents .feature02Title02{
	background:url(../img/feature02_bg02_sp.png) no-repeat;
	min-height:100px;
	margin-top:40px;
}
#contents .feature02Title02 .textBox{
	min-height:99px;
	padding-left:20px;
	border-bottom:none!important;
	margin-left:30px;
}
#contents .feature02Title02 h3{
	font-size:16px;
	padding-left:35px;
}
#contents .feature02Title02 h3 strong{
	font-size:140%;
}
#contents .feature02Title02 p{
	margin-top:8px;
	padding-left:35px;
	font-size:18px;
	line-height:1.25;
}
#contents .feature02Title02 p strong{
	color:#0062a0;
	font-size:120%;
}

/* Title03 */
#contents .feature02Title03{
	background:url(../img/feature02_bg03_sp.png) no-repeat;
	min-height:100px;
	margin-top:40px;
}
#contents .feature02Title03 .textBox{
	min-height:99px;
	padding-left:20px;
	border-bottom:none!important;
	margin-left:30px;
}
#contents .feature02Title03 h3{
	font-size:16px;
	padding-left:35px;
}
#contents .feature02Title03 h3 strong{
	font-size:140%;
}
#contents .feature02Title03 p{
	margin-top:8px;
	padding-left:35px;
	font-size:18px;
	line-height:1.25;
}
#contents .feature02Title03 p strong{
	color:#0062a0;
	font-size:120%;
}

/* Title04 */
#contents .feature02Title04{
	background:url(../img/feature02_bg04_sp.png) no-repeat;
	min-height:100px;
	margin-top:40px;
}
#contents .feature02Title04 .textBox{
	min-height:99px;
	padding-left:20px;
	border-bottom:none!important;
	margin-left:30px;
}
#contents .feature02Title04 h3{
	font-size:16px;
	padding-left:35px;
}
#contents .feature02Title04 h3 strong{
	font-size:140%;
}
#contents .feature02Title04 p{
	margin-top:8px;
	padding-left:35px;
	font-size:18px;
	line-height:1.25;
}
#contents .feature02Title04 p strong{
	color:#0062a0;
	font-size:120%;
}

/* message-box
-------------------------------------------------------------*/
.messageBox .fLeft,
.messageBox .fRight{
	float:none!important;
	width:100%;
}

.messageBox .fRight{
	margin-top:20px;
}

}