@charset "UTF-8";
/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/


	.sec1,.sec3,.sec5{
		background-color:#E5F5FC;
		}
.sec5 a{
	text-decoration: underline;
}
		

/* ++++++++++++++++++++++++++++++++++++++++++++++    PC    ++++++++++++++++++++++++++++++++++++++++++++++  */
/* 801px ~ */
@media screen and (min-width: 801px), print {

.intro{
	font-weight:bold;
	text-align:center;
	margin-bottom:55px;
	}
	.intro p{
		margin-top:35px;
		}
	.intro p:nth-of-type(1){
		color:#009CE5;
		font-size:143%;
		}
	.intro p:nth-of-type(2){
		font-size:115%;
		}
		

.sec + .sec{
	margin-top:15px;
	}
	
.sec{
	padding:70px 0;
	overflow:hidden;
	}
	.sec h5{
		font-size:186%;
		line-height: 1.5em;
		margin-top:45px;
		margin-bottom:20px;
		}
	
	.sec .text_box{
		width:532px;
		}
	.sec .text_box p{
		font-weight:bold;
		line-height:2em;
		letter-spacing:0.15em;
		}
	
	.sec .pht_left .text_box{float:right;}
	.sec .pht_right .text_box{float:left;}
	
	.sec .pht_left .pht_box{float:left;}
	.sec .pht_right .pht_box{float:right;}
	


.sec1 .text_box{
	position:relative;
	width:470px;
	z-index:2;
	}
.sec1 .pht_box{
	position:relative;
	padding-top:80px;
	}
.sec1 .pht_box img{
	position:relative;
	z-index:2;
	}
.sec1 .pht_box::after{
	top:-60px;
	left:-300px;
	content:"";
	position:absolute;
	background:url(../img/feature/global_img_pc_bg.png) no-repeat;
	width:981px;
	height:557px;
	z-index:0;
	}


.sec2 .text_box{
	margin-top:50px;
	}


.sec3 .text_box{
	margin-top:158px;
	}
.sec3 .pht_box figure{
	}
.sec3 .pht_box figure:nth-of-type(odd){
	background-color:#fff;
	}
.sec3 .pht_box figure:nth-of-type(even){
	background-color:#D9F0FB;
	}
	.sec3 .pht_box figure + figure{
		position:relative;
		margin-top:8px;
		}
	.sec3 .pht_box figure + figure::after{
		position:absolute;
		content:"";
		background-image:url(../img/feature/history_arrow.png);
		width:28px;
		height:23px;
		left:120px;
		top:-17px;
		z-index:2;
		margin-left:-14px;
		visibility: visible!important;
		}
	.sec3 .pht_box figure img{
		float:left;
		}
	.sec3 .pht_box figcaption{
		display:inline-block;
		padding:15px 10px 0 15px;
		height:100px;
		box-sizing:border-box;
		}
		.sec3 .pht_box figcaption p:nth-of-type(1){
			color:#009CE5;
			font-size:115%;
			font-weight:bold;
			}
		.sec3 .pht_box figcaption p:nth-of-type(2){
			font-weight:bold;
			line-height:1.5em;
			}
	
	.sec3 .text_box{
		width:460px;
		}
		
		
.sec4{
	padding:100px 0;
	}
.sec4 .pht_box{
	margin-top:25px;
	}
	
.sec5{
	padding:100px 0 150px;
	}
	.sec5 .text_box{
		margin: 0 auto;
		text-align: center;
		width: 100%;
		}
	.sec5 .pht_box{
		margin-top:20px;
		}
		

footer{
	margin-top:0;
	}

}




/* ++++++++++++++++++++++++++++++++++++++++++++++    sp    ++++++++++++++++++++++++++++++++++++++++++++++  */
/* ~ 800px */
@media only screen and (max-width: 800px) {
	
	
.intro{
	font-weight:bold;
	margin-bottom:35px;
	}
	.intro p{
		margin-top:25px;
		}
	.intro p:nth-of-type(1){
		color:#009CE5;
		font-size:111%;
		}
	.intro p:nth-of-type(2){
		}

	
.sec{
	padding:40px 0;
	overflow:hidden;
	}
	.sec h4 img{
		max-width:80%;
		}
	.sec h5{
		font-size:143%;
		line-height: 1.5em;
		margin-top:25px;
		margin-bottom:20px;
		}
	
	.sec .text_box{
		}
	.sec .text_box p{
		font-weight:bold;
		line-height:2em;
		letter-spacing:0.15em;
		}	


.sec1 .text_box{
	z-index:2;
	}
.sec1 .pht_box{
	margin-top:30px;
	text-align:center;
	}
.sec1 .pht_box img{
	max-width:100%;
	}


.sec2 .text_box{
	}
.sec2 .pht_box{
	text-align:center;
	margin-top:30px;
	}
	.sec2 .pht_box img{
		max-width:100%;
		}


.sec3 .text_box{
	}
.sec3 .pht_box figure{
	}
.sec3 .pht_box figure:nth-of-type(odd){
	background-color:#fff;
	}
.sec3 .pht_box figure:nth-of-type(even){
	background-color:#D9F0FB;
	}
	.sec3 .pht_box figure + figure{
		position:relative;
		margin-top:8px;
		}
		.sec3 .pht_box{
			margin-top:30px;
			}
		.sec3 .pht_box figure img{
			width:100%;
			}
	.sec3 .pht_box figure + figure::after{
		position:absolute;
		content:"";
		background-image:url(../img/feature/history_arrow.png);
		width:28px;
		height:23px;
		left:50%;
		top:-17px;
		z-index:2;
		margin-left:-14px;
		visibility: visible!important;
		}
	.sec3 .pht_box figure img{
		}
	.sec3 .pht_box figcaption{
		display:block;
		padding:15px 15px 25px;
		}
		.sec3 .pht_box figcaption p:nth-of-type(1){
			color:#009CE5;
			font-size:115%;
			font-weight:bold;
			}
		.sec3 .pht_box figcaption p:nth-of-type(2){
			font-weight:bold;
			line-height:1.5em;
			}
		
		
.sec4{
	}
.sec4 .pht_box{
	margin-top:30px;
	}
	.sec4 .pht_box img{
		max-width:100%;
		}
	
.sec5{
	padding-bottom:80px;
	}
	.sec5 .text_box{
		}
	.sec5 .pht_box{
		margin-top:20px;
		}
	.sec5 .pht_box img{
		max-width:100%;
		}
		

footer{
	margin-top:0;
	}

}