/* --- .main_title --- */
.main_title .mv::before{
	background-image:url(/images/about/main-title.jpg);	
}


/* --- .title_main --- */
.title_main{
	margin-bottom:3rem;
}
.title_main .main{
	margin-bottom:3rem;
	background-repeat:no-repeat;
	background-position:0 50%;
	padding-top:2rem;
	padding-bottom:2rem;
}
.title_main .main span{
	color:#000f74;
	font-size:3rem;
	font-weight:500;
	background: linear-gradient(transparent 60%, #ffff00 60%);
	padding-bottom:.15em;
}
.title_main .sub span{
	font-size:3rem;
}



/* --- .about_sec01 --- */
.about_sec01{
	padding:9rem 0;
}


/* .about_msg */
.about_msg{
	background:url(/images/about/about-msg-bg.png) no-repeat 50% 50%;
	-moz-background-size:cover;
	background-size:cover;
	height:45rem;
	padding-bottom:11.5rem;
	text-align:center;	
}
.about_msg p{
	font-size:1.8rem;
	font-weight:500;
	line-height:2.5;	
}


/* --- .about_sec02 --- */
.about_sec02{
	padding:9rem 0;	
}
.about_sec02 .title_main .main{
	background-image:url(/images/about/about-box01-ttl.png);
	padding-left:6rem;	
}
.about_sec02 .pic{
	width:55rem;
	height:33rem;	
}
.about_sec02 .conts{
	width:50rem;
}
.about_sec02 .conts p{
	font-size:1.4rem;
	line-height:1.8;	
}
.about_sec02 .conts .more{
	padding-top:2.5rem;	
}



/* --- .about_sec03 --- */
.about_sec03{
	padding:9rem 0 0;	
}
.about_sec03 .title_main .main{
	background-image:url(/images/about/about-box02-ttl.png);
	padding-left:7rem;
	display:inline-block;
	margin-bottom:0;
}
.about_sec03 .title_main .sub{
	display:inline-block;
	padding-left:1.5em;	
}



/* --- .about_sec04 --- */
.about_sec04{
	padding:9rem 0;	
}
.about_sec04 .title_main .main{
	background-image:url(/images/about/about-box03-ttl.png);
	padding-left:8.5rem;	
}
.about_sec04 .pic{
	width:73.4rem;
	height:46.8rem;	
}
.about_sec04 .conts{
	width:38rem;
}
.about_sec04 .area li{
	font-size:1.4rem;
	line-height:1.8;
	width:50%;	
}
.about_sec04 .conts .more{
	padding-top:5rem;	
}



/* --- .about_sec05 --- */
.about_sec05{
	padding:9rem 0 15rem;	
}
.about_sec05 .title_main .main{
	background-image:url(/images/about/about-box04-ttl.png);
	padding-left:7rem;	
}
.about_sec05 .pic{
	width:55rem;
	height:33rem;	
}
.about_sec05 .conts{
	width:50rem;
}
.about_sec05 .conts p{
	font-size:1.4rem;
	line-height:1.8;	
}
.about_sec05 .conts .more{
	padding-top:2.5rem;	
}





/* ---------  ver.PC-SmartPhone ------------ */

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


/* --- .title_main --- */
.title_main{
	margin-bottom:3rem;
}
.title_main .main{
	margin-bottom:3rem;
	background-repeat:no-repeat;
	background-position:0 50%;
	padding-top:2rem;
	padding-bottom:2rem;
}
.title_main .main span{
	color:#000f74;
	font-size:3rem;
	font-weight:500;
	background: linear-gradient(transparent 60%, #ffff00 60%);
	padding-bottom:.15em;
}
.title_main .sub span{
	font-size:3rem;
}



/* --- .about_sec01 --- */


/* .about_msg */
.about_msg{
	padding:0 5vw;	
}


/* --- .about_sec02 --- */
.about_sec02 .inner{
	display:block;
}
.about_sec02 .pic{
	width:100%;
	height:35vw;	
}
.about_sec02 .conts{
	width:100%;
	margin-bottom:4rem;
}



/* --- .about_sec04 --- */
.about_sec04 .inner{
	display:block;
}
.about_sec04 .pic{
	width:100%;
	height:45vw;
}
.about_sec04 .pic img{
	width:80%;
}
.about_sec04 .conts{
	width:100%;
	margin-bottom:4rem;
}



/* --- .about_sec05 --- */
.about_sec05 .inner{
	display:block;
}
.about_sec05 .pic{
	width:100%;
	height:35vw;	
}
.about_sec05 .conts{
	width:100%;
	margin-bottom:4rem;
}

	
}




/* ---------  ver.SmartPhone ------------ */

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

/* --- .title_main --- */
.title_main{
	margin-bottom:2rem;
}
.title_main .main{
	margin-bottom:.5rem;
	-moz-background-size:auto 3.6rem;
	background-size:auto 3.6rem;
	padding-top:1.5rem;
	padding-bottom:1.5rem;
}
.title_main .main span{
	font-size:2.2rem;
	padding-bottom:.15em;
}
.title_main .sub span{
	font-size:2rem;
	line-height:1.5;
}



/* --- .about_sec01 --- */
.about_sec01{
	padding:4rem 0 0;
}


/* .about_msg */
.about_msg{
	height:42rem;
	padding-bottom:10rem;	
}
.about_msg p{
	font-size:1.5rem;
	line-height:2;	
}


/* --- .about_sec02 --- */
.about_sec02{
	padding:4rem 0 0;	
}
.about_sec02 .title_main .main{
	padding-left:4rem;
}


/* --- .about_sec03 --- */
.about_sec03{
	padding:4rem 0 0;	
}
.about_sec03 .title_main .main{
	padding-left:4.5rem;
}
.about_sec03 .title_main .sub{
	padding-left:0;	
}



/* --- .about_sec04 --- */
.about_sec04{
	padding:4rem 0 0;	
}
.about_sec04 .title_main .main{
	padding-left:5rem;	
}
.about_sec04 .pic{
	height:55vw;
}
.about_sec04 .pic img{
	width:100%;
}



/* --- .about_sec05 --- */
.about_sec05{
	padding:4rem 0 5rem;	
}
.about_sec05 .title_main .main{
	padding-left:5rem;	
}

		
}