.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

._pc{display: none!important;}

body{background:#fff!important;}

main{color:#000;}
main img{width:100%;}

main .content_head {margin-bottom: 40px; height: 300px; width: 100%;}
main .content_head .img_text_wrap {height: 100%; width: 100%;}
main .content_head .img_text_wrap .img {height: 100%; width: 100%; background: url(../../../images/concept/high-repulsion/new/bg_title1.jpg) 50% 50%; background-size: cover;}
main .content_head.recommend .img_text_wrap .img {background: url(../../../images/concept/high-repulsion/new/bg_title2.jpg) 50% 50%; background-size: cover;}
main .content_head.feature .img_text_wrap .img {background: url(../../../images/concept/high-repulsion/new/bg_title3.jpg) 50% 50%; background-size: cover;}
main .content_head.difference .img_text_wrap .img {background: url(../../../images/concept/high-repulsion/new/bg_title4.jpg) 50% 50%; background-size: cover;}
main .content_head.move .img_text_wrap .img {background: url(../../../images/concept/high-repulsion/new/bg_title5.jpg) 50% 50%; background-size: cover;}
main .content_head.faq .img_text_wrap .img {background: url(../../../images/concept/high-repulsion/new/bg_title6.jpg) 50% 50%; background-size: cover;}
main .content_head.item .img_text_wrap .img {background: url(../../../images/concept/high-repulsion/new/bg_title7.jpg) 50% 50%; background-size: cover;}
main .content_head.voice .img_text_wrap .img {background: url(../../../images/concept/high-repulsion/new/bg_title8.jpg) 50% 50%; background-size: cover;}
main .content_head.camp .img_text_wrap .img {background: url(../../../images/concept/high-repulsion/new/bg_title9.jpg) 50% 50%; background-size: cover;}
main .content_head.chert .img_text_wrap .img {background: url(../../../images/concept/high-repulsion/new/bg_title10.jpg) 50% 50%; background-size: cover;}
main .content_head .img_text {color: #FFF; background-color: rgba(0, 0, 0, 0.5); /*position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); padding: 20px 70px; max-width: none; width: auto;*/ padding:20px; width: 85%; display: flex; flex-wrap: wrap; align-items: center;}
main .content_head .img_text_wrap .img_text .title {font-size: 2.5rem; line-height: 1.5; font-weight: bold; margin: 0; text-align: center; width:100%;}
main .content_head .img_text_wrap .img_text .title span{position: relative; display: inline-block;}
main .content_head .img_text_wrap .img_text .title span:before{content:'・'; color:#FDB100; position: absolute; top: -50%; left: 0;}

main .content_cause{background-image: url(../../../images/concept/high-repulsion/new/bg.jpg); background-size: cover; background-position: center center; margin-top: -40px; padding: 50px 0;}
main .content_cause .read{text-align: center; margin-bottom: 50px;}
main .content_cause .image{text-align: center; margin-bottom: 50px;}
main .content_cause .youtube-movie{position:relative;width:100%;padding-top:56.25%;margin:0 auto; background: #ccc;}
main .content_cause .youtube-movie iframe{position:absolute;top:0;right:0;width:100%!important;height:100% !important;}
main .content_cause .youtube-read{margin-top: 20px; text-align: center; font-weight: bold;}

main .content_recommend .container{background: #f1f1f1; padding: 40px 20px; box-sizing: border-box; margin-top: -40px;}
main .content_recommend ul{display: flex; flex-wrap: wrap; margin-bottom: 20px;}
main .content_recommend ul li{width: calc(100%/2 - 10px); background: #fff; margin: 5px 5px 5px 5px; text-align: center; padding: 10px 10px 15px 10px; box-sizing: border-box; justify-content: center; align-items: center;}
main .content_recommend ul li img{padding: 10px 15%;}
/*main .content_recommend ul li:nth-child(4) img{padding: 10px 22%;}*/
main .content_recommend ul li span{font-size: 14px; line-height: 1.2; font-weight: bold; color: #C3103D; display: block; margin-top: 5px;}
main .content_recommend .read{font-size: 24px; color:#333; text-align: center;}

main .content_feature{}
main .content_feature ul{margin-top: 20px; padding-bottom: 30px;}
main .content_feature ul li{display: flex; flex-wrap: wrap; border: 1px #707070 solid; border-radius: 10px; margin-bottom: 30px; padding-bottom:30px;}
main .content_feature ul li h2{font-size:20px; line-height: 54px; text-align: center; background: #000; color:#fff; width: 100%; border-radius: 10px; margin-bottom: 30px;}
main .content_feature ul li h3{color:#4F4F4F; font-size:20px; line-height: 1.3; font-weight: bold; margin-bottom: 20px;}
main .content_feature ul li .read{color:#6B6B6B; font-size:16px; line-height: 1.3;}
main .content_feature ul li .image{order:2; width:90%; margin: 0 5% 0 5%;}
main .content_feature ul li .text{order:1; width:90%; margin: 0 5% 30px 5%;}

main .content_difference{margin-top: 20px; padding-bottom: 50px;}
main .content_difference .read{color:#555; margin-bottom: 40px;}

main .content_move{margin-top: 20px; padding-bottom: 10px;}
main .content_move .read{color:#555; margin-bottom: 40px;}
main .content_move .d_flex{}
main .content_move .item.grid_12{width: 100%;}
main .content_move .title_lv5{font-weight: normal; margin-bottom: 20px; color:#555;}
main .content_move .text_fs16{line-height: 1.2; color:#555; margin: 15px 0 40px 0;}

main .content_item{margin-top: 20px; padding-bottom: 60px;}
main .content_item .read{color:#555; margin-bottom: 40px;}
main .content_item .title{font-size:18px; text-align: center; font-weight: bold; margin-bottom: 15px;}
main .content_item .suggestion_list{margin-bottom: -30px;}
main .content_item .suggestion_list .read {display: block; border-bottom: 1px #ccc solid; margin-bottom: 20px; padding-bottom: 20px;}
main .content_item .suggestion_list .more_btn {text-align: center; margin-left: 0;}
main .content_item .suggestion_list .more_btn a {color: #c60e3b; text-decoration: underline; font-weight: bold; display: inline-block; text-align: center; transition: 0.3s;}
main .content_item .suggestion_list .more_btn a:before {content: "▼"; transform: rotate(-90deg); display: inline-block; font-size: 1.6rem; top: -4px;}
main .content_item .note {text-align: right; font-size: 1.2rem; letter-spacing: 1.2px; line-height: 1.5;}
main .content_item .note:before{display: none;}
main .content_item .banner{margin-top: 60px;}
main .content_item .item.grid_8{width: 100%; margin-bottom: 50px;}
main .content_item .img{margin-bottom: 15px; border:1px #707070 solid;}







main .content_voice .read{color:#676767; font-size:20px; margin-bottom: 40px; font-weight: bold;}
main .content_voice ul{padding: 0 15px; box-sizing: border-box; margin-bottom: 40px;}
main .content_voice ul li{list-style: none; margin-top: 40px;}
main .content_voice ul li .image{width:100%;}
main .content_voice ul li .image img{width:50%; vertical-align: top;}
main .content_voice ul li .text{width:100%; text-align: left; font-weight: bold; color:#676767; background: #F2F2F2; border-radius: 10px; padding:25px 15px; box-sizing: border-box; position: relative; margin-bottom: 50px;}
main .content_voice ul li .text strong{color:#C60E3B;}
main .content_voice ul li:nth-child(2n - 1) .image,
main .content_voice ul li:nth-child(2n) .text{float: initial;}
main .content_voice ul li:nth-child(2n) .image,
main .content_voice ul li:nth-child(2n - 1) .text{float:initial;}
main .content_voice ul li:nth-child(2n - 1) .image{text-align:center;}
main .content_voice ul li:nth-child(2n) .image{text-align:center;}
main .content_voice ul li:nth-child(2n) .text::before,
main .content_voice ul li:nth-child(2n - 1) .text::before{content:''; width:40px; height:40px; transform:rotate(0deg); display: block; background:url(../../../images/concept/high-repulsion/new/icon_arrow_sp.png) no-repeat 0 50%; background-size:auto 40px; position: absolute; left:calc(50% - 20px); right:initial; top:initial; bottom:-40px;}

main .content_camp ul{display:block; width: 100%; margin: 0 0 10px 0;}
main .content_camp ul li{width: 100%; padding: 0 0 30px 0; box-sizing: border-box;}
main .content_camp ul li img{width:100%;}
main .content_camp .menu{background:#EAEAEA; padding: 40px 0 20px 0; margin-bottom: -35px;}
main .content_camp .menu a img{border: 1px #707070 solid;}
main .content_camp .d_flex{}
main .content_camp .grid_12{width: 100%; margin-bottom: 20px;}
main .content_camp .img_text{color: #ffffff; font-size: 2.4rem;}
main .content_camp .img_text .title{margin: 0;}