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

#main_v{
	background:url(../img/maintitle_bg.jpg) center center /cover no-repeat;
}
#main_v h2{
	padding:4.5rem 0 2.5rem 0rem;
	margin-bottom:0px;
	width:44.89%;
	margin-left:6%;
}
#main_v h2 img{
	width:100%;
}

#right_box h3{
	font-size:2.6rem;
	margin:2em 0 1em 0;
	padding-left:2em;
	text-indent:-2em;
}
#right_box h3 span{
	font-size:3.6rem;
	color:#EB0100;
	display:inline-block;
	border-bottom:0.2rem solid;
	line-height:1.3;
	margin-right:0.3em;
	text-indent:0;
}
#right_box h3 + p{
	line-height:2.2;
	margin-bottom:1em;
}
#right_box .flex + p{
	line-height:2.2;
	margin-bottom:1em;
}

#right_box .caption{
	font-size:1.4rem;
	padding-left:0.8em;
	text-indent:-0.8em;
}
#right_box .title{
	font-size:1.8rem;
	border:solid 0.1rem;
	padding:0.5em;
	display:inline-block;
	line-height:1;
	margin-bottom:1.5em;
}

#right_box .img_01{
	text-align:center;
	margin:5rem 0 4rem 0;
}
#right_box #peel{
	text-align:center;
}
#right_box #peel .peel_inner{
	display:inline-block;
}
#right_box #peel .ttl{
	font-size:2rem;
	display:inline-block;
	border-bottom:0.1rem solid;
	margin-bottom:1em;
	padding-bottom:0.2em;
}
#right_box #peel .flex{
	justify-content:center;
}
#right_box #peel .flex p:nth-of-type(1){
	color:#EB0100;
	font-size:2rem;
}
#right_box #peel .flex p:nth-of-type(2){
	text-align:left;
	font-size:2rem;
	line-height:2;
}
#right_box #peel ul{
	margin-top:3rem;
}
#right_box #peel li{
	padding-left:2.5em;
	background:url(../img/arrow.gif) 0 0 /2em no-repeat;
	font-size:2rem;
	padding-bottom:1em;
}
#right_box #peel li span{
	border-bottom:0.1rem solid;
}
#right_box #section_02 div{
	width:56%;
}
#section_02 .img_02{
	width:38.297%;
	margin-top:5rem;
}
#section_02 .img_02 img{
	width:100%;
}
#section_03 .flex{
	margin:3rem 0;
	justify-content:center;
}
#section_03 .img_03.flex{
	margin:0rem 0;
}
#section_03 .img_03{
	text-align:center;
	width:100%;
}
#section_03 .img_03 img:nth-of-type(1){
	width: 28.57%;
	margin-right:9%;
}
#section_03 .img_03 img:nth-of-type(2){
	width: 38.89%;
	margin-top:1rem;
}
#section_03 .img_04{
	width:38.89%;
	text-align:center;
}
#section_03 .img_04 img{
	width:100%;
}
#section_03 h4{
	text-align:center;
	margin-top:3.5em;
}
#section_03 h4 span{
	font-size:2rem;
	display:inline-block;
	border-bottom:0.1rem solid;
}
#section_03 h4 span span{
	border-bottom:none;
	color:#EB0100;
}
#section_03 .img_05{
	margin-top:5rem;
	text-align:center;
}
#section_03 .img_05 img{
	max-width:100%;
}
#section_03 .img_06{
	width:79.59%;
	margin:0 auto;
	margin-top:5rem;
	text-align:center;
}
#section_03 .img_06 img{
	width:100%;
}


/*---------------------------------------------------------------
横幅768px～1190pxまでのレイアウト
---------------------------------------------------------------*/
@media screen and (min-width:768px) and (max-width:1150px){
#right_box h3{
	font-size:2.19vw;
}
#right_box h3 span{
	font-size:3.05vw;
}
#right_box .title{
	font-size:1.53vw;
}
#section_03 h4 span{
	font-size: 1.69vw;
}
}





/*---------------------------------------------------------------
スマホレイアウト
---------------------------------------------------------------*/
@media screen and (max-width:767px){
#main_v h2 {
    padding: 4.5rem 0 2.5rem 0rem;
    margin-bottom: 0px;
    width: 60%;
}
#right_box #section_02 div {
    width: 100%;
}
#right_box .title{
	font-size:1.7rem;
}
#section_02 .img_02 {
    width: 80%;
	margin:0 auto;
    margin-top: 5rem;
}
#section_03 .img_03 {
    width: 100%;
}
#section_03 .img_03 img:nth-of-type(1){
	width: 70%;
	margin-right:0%;
}
#section_03 .img_03 img:nth-of-type(2){
	width: 100%;
	margin-top:3rem;
}

#section_03 .img_04 {
    width: 90%;
	margin:0 auto;
	margin-top:5rem;
}
#section_03 h4 span {
    font-size: 1.9rem;
}
#section_03 .img_05 {
    width: 110%;
	margin-left:-7%;
}
#section_03 .img_06 {
    width: 120%;
	margin-left:-10%;
}


}