.main_visual										{position:relative; margin:0 auto;}
.swiper-slide a									{line-height:0;}
.m_visual		{display:none;}

section{overflow:hidden; }
section img{background-size:cover; max-width:100%; height:auto;}

#main0{width:100%; margin:0 auto; position:relative; display:block;  }
#main0 .inner{display:flex; justify-content:flex-start;}
#main0 .inner > div{flex:1;}

.main_text1{padding:13% 0 0 13%; }
.main_text1 h1{font-size:70px; font-weight:800; color:#212121; text-transform:uppercase; letter-spacing:-0.5px; position:relative;}

.main_text1 h3{font-size:38px; font-weight:500; color:#212121;}
.main_text1 p{font-size:20px; color:#484848; font-weight:500; line-height:1.3; margin-bottom:50px;}


.main_text1 .button_1 { width:100%; height:61px; display:block;   position:relative; }
.main_text1 .button_1:after{content:""; display:block; clear:both; background:url("./img/button_off.png") no-repeat right; width:60px; height:61px;  position:absolute; top:15px; left:0px; background-size:cover; transition:.3s all;}
.main_text1 .button_1:hover:after{content:""; display:block; clear:both; background:url("./img/button_on.png") no-repeat right; width:60px; height:61px;  transition:.3s all; position:absolute; top:15px; left:20px; }


#main1{width:100%; margin:0 auto; position:relative; display:block; }
#main1 .inner{display:flex; justify-content:flex-end;}
#main1 .inner > div{flex:1;}
#main1 .inner .m0_right{order:0;}
#main1 .inner .m0_left{order:1;}
#main1 .inner .m0_right .main_text1{padding:13% 0 0 21%;}

#main2{width:100%; margin:0 auto; position:relative; display:block;}
#main2 .inner{display:flex; justify-content:flex-start;}
#main2 .inner > div{flex:1;}


#main3{width:100%; margin:0 auto; position:relative; display:block; }
#main3 .inner{display:flex; justify-content:flex-end;}
#main3 .inner > div{flex:1;}
#main3 .inner .m0_right{order:0;}
#main3 .inner .m0_left{order:1;}
#main3 .inner .m0_right .main_text1{padding:13% 0 0 21%;}


#main0 .main_text1 h1:before{content:""; display:block; clear:both; width:25px; height:25px; background:#c11008; position:absolute; left:-19px; top:4px;}
#main1 .main_text1 h1:before{content:""; display:block; clear:both; width:25px; height:25px; background:#004e15; position:absolute; left:-19px; top:4px;}
#main2 .main_text1 h1:before{content:""; display:block; clear:both; width:25px; height:25px; background:#ffe500; position:absolute; left:-19px; top:4px;}
#main3 .main_text1 h1:before{content:""; display:block; clear:both; width:25px; height:25px; background:#003f9f; position:absolute; left:-19px; top:4px;}


#main4{width:100%; max-width:1600px; margin:0 auto;  position:relative; display:block; }
#main4 .inner{display:flex; justify-content:flex-start; }
#main4 .inner > div{flex:1;}

#main4 .inner .m4_right{order:1;}
#main4 .inner .m4_left{order:0;}

.m4_text { padding:20% 0;}
.m4_text h1{font-size:70px; font-weight:800; color:#212121; text-transform:uppercase; letter-spacing:-0.5px; position:relative;}

.m4_text span{font-size:20px; font-weight:600; color:#c11b1b; text-transform:uppercase; }
.m4_text p{font-size:20px; color:#484848; font-weight:500; line-height:1.3; margin-bottom:100px;}

.m4_text .button_2{position:relative; font-size:18px; margin-bottom:0; }
.m4_text .button_2 a{ width:100%; height:61px; display:block;   }
.m4_text .button_2 a:after{content:""; display:block; clear:both; background:url("./img/button_off.png") no-repeat right; width:60px; height:61px;  position:absolute; top:-20px; left:100px; background-size:cover; transition:.3s all;}
.m4_text .button_2 a:hover:after{content:""; display:block; clear:both; background:url("./img/button_on.png") no-repeat right; width:60px; height:61px;  transition:.3s all; position:absolute; top:-20px; left:120px; }

@media(max-width:1600px){
.main_text1{padding:7% 0 0 10%;}
#main1 .inner .m0_right .main_text1{padding:7% 0 0 10%;}
#main3 .inner .m0_right .main_text1{padding:7% 0 0 10%;}
.main_text1 h1{font-size:5vw;}
.main_text1 h3{font-size:2rem;}
.main_text1 p{font-size:1.1rem; margin-bottom:20px; font-weight:400;}

.m4_text{padding:10%;}
.m4_text h1{font-size:5vw;}
.m4_text span{font-size:2rem;}
.m4_text p{font-size:1.1rem; margin-bottom:60px; font-weight:400;}

}

@media(max-width:1200px){
#main0 .main_text1 h1:before{content:""; display:block; clear:both;width:20px; height:20px; left:-15px; top:1px;}
#main1 .main_text1 h1:before{content:""; display:block; clear:both;width:20px; height:20px; left:-15px; top:1px;}
#main2 .main_text1 h1:before{content:""; display:block; clear:both;width:20px; height:20px; left:-15px; top:1px;}
#main3 .main_text1 h1:before{content:""; display:block; clear:both;width:20px; height:20px; left:-15px; top:1px;}

.main_text1 h1{font-size:4.5vw;}
.main_text1 h3{font-size:1.8rem;}
.main_text1 p{font-size:1rem; margin-bottom:20px; font-weight:400;}

.m4_text h1{font-size:4.5vw;}
.m4_text span{font-size:1.5rem;}
.m4_text p{font-size:1rem; font-weight:400;}


}

@media(max-width:1000px){
#main0 .inner, #main1 .inner, #main2 .inner, #main3 .inner, #main4 .inner{display:block;}
.main_text1{padding:10%;}
#main1 .inner .m0_right .main_text1{padding:10%;}
#main3 .inner .m0_right .main_text1{padding:10%;}
.main_text1 h1, .m4_text h1{font-size:3rem;}
#main3 .inner .m0_right{order:0;}
#main3 .inner .m0_left{order:1;}

section br{display:none;}

}

@media(max-width:768px){
 .m_visual		{display:block !important;}
 .pc_visual		{display:none;}

.main_text1 h1, .m4_text h1{font-size:2.2rem}
.main_text1 h3{font-size:1.3rem;}
.main_text1 p{font-size:0.95rem; margin-bottom:20px; font-weight:400;}


.m4_text span{font-size:1.3rem;}
.m4_text p{font-size:0.95rem;  font-weight:400;}

.main_text1 .button_1:after{content:""; display:block; clear:both; background:url("./img/button_off1.png") no-repeat right; width:51px; height:51px;  position:absolute; top:15px; left:0px; background-size:cover;max-width:100%; }
.main_text1 .button_1:hover:after{content:""; display:block; clear:both; background:url("./img/button_on1.png") no-repeat right; width:51px; height:51px;  transition:.3s all; position:absolute; top:15px; left:20px; background-size:cover; max-width:100%;}

.m4_text .button_2{font-size:0.95rem;}
.m4_text .button_2 a:after{content:""; display:block; clear:both; background:url("./img/button_off1.png") no-repeat right; width:51px; height:51px;  position:absolute; top:-15px; left:90px; background-size:cover; max-width:100%;}
.m4_text .button_2 a:hover:after{content:""; display:block; clear:both; background:url("./img/button_on1.png") no-repeat right; width:51px; height:51px;  transition:.3s all; position:absolute; top:-15px; left:110px; background-size:cover; max-width:100%;}

}

@media(max-width:500px){
#main0 .main_text1 h1:before{content:""; display:block; clear:both;width:15px; height:15px; left:-12px; top:-2px;}
#main1 .main_text1 h1:before{content:""; display:block; clear:both;width:15px; height:15px; left:-12px; top:-2px;}
#main2 .main_text1 h1:before{content:""; display:block; clear:both;width:15px; height:15px; left:-12px; top:-2px;}
#main3 .main_text1 h1:before{content:""; display:block; clear:both;width:15px; height:15px; left:-12px; top:-2px;}

.main_text1 h1, .m4_text h1{font-size:2rem}
.main_text1 h3{font-size:1.1rem;}
.main_text1 p{font-size:0.95rem; margin-bottom:20px; font-weight:400;}


.m4_text span{font-size:1.1rem;}
.m4_text p{font-size:0.95rem;  font-weight:400;}

}