/* // featureTitle //
----------------------------------------------- */
.featureTitle {
	margin-bottom:26px;
	line-height:1.5;
}
.featureTitle .numTx {
	display:block;
	text-align:center;
	font-style:italic;
	font-size:130%;
	margin-bottom:20px;
}
.featureTitle .numTx .num {
	font-size:240%;
	font-style:italic;
	padding-left:5px;
	position:relative;
	top:7px;
}
.featureTitle .htx1 {
	display:block;
	text-align:center;
	font-size:158%;
	font-weight:600;
	margin-bottom:8px;
}
.featureTitle .htx2 {
	display:block;
	text-align:center;
	font-size:200%;
	font-weight:600;
}
.featureTitle .htx3 {
	display:block;
	text-align:center;
	font-size:134%;
	font-weight:600;
	margin-top:12px;
}

/* // ________SP________ // */
@media screen and (max-width: 840px)  {
	.featureTitle {
		margin-bottom:22px;
	}
	.featureTitle .numTx {
		font-size:130%;
		margin-bottom:4px;
	}
	.featureTitle .numTx .num {
		font-size:200%;
		top:4px;
	}
	.featureTitle .htx1 {
		font-size:120%;
		margin-bottom:8px;
	}
	.featureTitle .htx2 {
		font-size:150%;
		line-height:1.4;
	}
	.featureTitle .htx3 {
		font-size:112%;
		margin-top:10px;
	}
}


/* // boxFram1 //
----------------------------------------------- */

.boxFram1 .htx1 {
	text-align:center;
	transform: translateY(50%);
	position:relative;
	z-index:10;
}
.boxFram1 .htx1 .wrap {
	background-color:#4089CE;
	color:#FFF;
	line-height:1;
	display:inline-block;
	font-weight:600;
	font-size:110%;
	padding:8px 18px;
}
.boxFram1 .htx2 {
	text-align:center;
	font-weight:600;
	font-size:124%;
	margin-bottom:10px;
}
.boxFram1 .tx1 {
	text-align:center;
	line-height:1.7;
}

/* // ________SP________ // */
@media screen and (max-width: 840px)  {
	
	.boxFram1 .htx1 {
		text-align:center;
	}
	.boxFram1 .htx1 .wrap {
		font-weight:600;
		font-size:103%;
		padding:8px 5px;
	}
	.boxFram1 .htx2 {
		font-size:115%;
		margin-bottom:10px;
	}
	.boxFram1 .tx1 {
		text-align:center;
		line-height:1.7;
	}
}


/* // image1 //
----------------------------------------------- */
.image1 {
	text-align:center;
}
.image1 img {
	width:900px;
}

/* // ________SP________ // */
@media screen and (max-width: 840px)  {
	.image1 img {
		width:100%;
	}
}


/* // F4 //
----------------------------------------------- */
#F4 {
	background-image:url(/_pack/img/advantage_f2_bg_01.jpg?ver2307);
	background-repeat:no-repeat;
	background-position:right center;
}
/* // ________SP________ // */
@media screen and (max-width: 840px)  {
	#F4 {
		background-image:none;
	}
}



/* // F2 //
----------------------------------------------- */

/* // ________SP________ // */
@media screen and (max-width: 840px)  {
	#F2 .columnTypeB {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}
	#F2 .columnTypeB .column{
		width: 49%
	}
}



/* // F1 //
----------------------------------------------- */
#F1 .comment_wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
#F1 .comment {
	width: 50%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}
#F1 .comment .person{
	width: 20%;
}
#F1 .comment .person img{
	width: 100%;
}
#F1 .comment .text{
	width: 70%;
	background-color: #118ad4;
	padding:20px;
	border-radius: 10px;
	font-weight: 700;
	position: relative;
	margin-left: 3%;
	color: #fff;
	font-size: 15px;
}
#F1 .comment .text:before {
	content: "";
    position: absolute;
    top: 50%;
    left: -24px;
    margin-top: -12px;
    border: 10px solid transparent;
    border-right: 18px solid #118ad4;
    z-index: 2;
}
#F1 .support {
	display: flex;
	display: -ms-flexbox;
	position:relative;
	background-color:#FFF;
	box-shadow: 0 0 4px rgba(0,0,0,0.15);
}
#F1 .support .image {
	width:380px;
	background-position:center top;
	background-repeat:no-repeat;
	background-size:cover;
}
#F1 .support .contents {
	padding:35px;
	width:calc(100% - 300px);
	display: flex;
	display: -ms-flexbox;
	align-items: center;
	-ms-align-items: center;
	height:100%;
	min-height:280px;
}
#F1 .support .contents .inner {
	width: 100%;
}
#F1 .support .contents .shtx1 {
	text-align:center;
	line-height:1.5;
	font-size:108%;
	margin-bottom:10px;
}
#F1 .support .contents .htx1 {
	text-align:center;
	line-height:1.5;
	font-size:155%;
	margin-bottom:30px;
}
#F1 .support .contents .item {
	display: flex;
	flex-wrap: wrap;
	margin-top: 20px;
	justify-content: left;
}
#F1 .support .contents .item li{
	color: #3372bd;
	font-size: 16px;
	padding:8px 18px;
	border-radius: 4px;
	border:3px solid #99b8de;
	display: inline-block;
	margin:0 10px 10px 0;
	font-weight: bold;
}
#F1 .arrow1 {
	text-align: center;
	padding:10px 0 0;
}
#F1 .arrow1 .icon {
    color: #0893d7;
    font-size: 26px;
    transform: scale(1, 1);
    display: inline-block;
}

/* // ________SP________ // */
@media screen and (max-width: 840px)  {
	#F1 .comment_wrap{
		display: inherit;
		flex-wrap: inherit;
		justify-content: space-around;
	}
	#F1 .comment {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}
	#F1 .comment .person{
		width: 20%;
	}
	#F1 .comment .person img{
		width: 100%;
	}
	#F1 .comment .text{
		width: 75%;
		padding:15px;
		position: relative;
		margin-left: 5%;
		font-size: 14px;
	}
	#F1 .comment .text a {
		color: #C83F20;
		text-decoration: underline;
		font-weight: 700;
	}
	#F1 .comment .text:before {
		content: "";
	    position: absolute;
	    top: 50%;
	    left: -24px;
	    margin-top: -12px;
	    border: 10px solid transparent;
	    border-right: 18px solid #118ad4;
	    z-index: 2;
	}
	#F1 .support .contents .item {
		display: flex;
		flex-wrap: wrap;
		margin-top: 20px;
	}
	#F1 .support .contents .item li{
		color: #3372bd;
		font-size: 3.4vw;
		padding:5px 8px;
		border-radius: 4px;
		border:3px solid #99b8de;
		display: inline-block;
		margin:0 8px 8px 0;
	}
	#F1 .support {
		display: block;
	}
	#F1 .support:after {
		width:60px;
		left:10px;
		top:-10px;
	}
	#F1 .support .image {
		width: 100%;
		height: 240px;
	    background-position: center top;
	    background-repeat: no-repeat;
	    background-size: cover;
	}
	#F1 .support .contents {
		padding:25px 15px;
		width:100%;
		display: block;
		min-height:100px;
	}
	#F1 .support .contents .shtx1 {
		font-size:100%;
		margin-bottom:8px;
	}
	#F1 .support .contents .htx1 {
		font-size:130%;
		margin-bottom:20px;
	}
	#F1 .arrow1 .icon {
	    color: #0893d7;
	    font-size: 22px;
	    transform: scale(1, 1);
	    display: inline-block;
	}
}





/* // TIPS ポイント //
----------------------------------------------- */
.tips_point {
	border:1px solid #d1d1d1;
	padding:10px;
}
.tips_point ul li{
	padding-left:1em;
	text-indent:-1em;
}
/* // ________SP________ // */
@media screen and (max-width: 840px)  {
	
}








/* // xxx //
----------------------------------------------- */

/* // ________SP________ // */
@media screen and (max-width: 840px)  {
	
}