@charset "UTF-8";

#main{position: relative}
.container {max-width: 1174px;margin-left: auto;margin-right: auto;padding-left: 13px;padding-right: 13px}
.main_visual_top {background: url(../img/main_visual_bg.jpg) no-repeat center top;background-size: cover;min-height:420px;text-align: center;color: #fff;margin-top:0}
.main_visual_top .main_title{padding: 2.5em 0 1.4em}
.main_visual_top .main_title img{max-width:100%;height:auto;margin: 0 auto}
.main_visual_top .main_text{font-size: 1.375em;font-weight:bold;display: inline-block;}
.main_visual_top .main_text span{display: block;background-color: #000;padding:6px 20px 7px;}
.main_visual_top .main_text span + span{display: inline-block;padding:6px 22px 7px;margin-top: 9px}

.convention_section{padding: 68px 0 0;}
.section .headline {margin-bottom:47px;}
.section .headline:after {width: 344px;height: 5px;}

.convention_block{background-color:#efefef;padding:27px 0 115px}
.col_group .col_block{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: 6.3%;margin-left: 6.3%}
.col_group .col{-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;-webkit-flex-basis: 48.145%;-ms-flex-preferred-size: 48.145%;flex-basis: 48.145%;padding-right: 0.8%;padding-left:0.8%;-webkit-box-sizing: content-box;box-sizing: content-box}
.col_group .col a{display:block;text-decoration:none}
.col_group .col a + .col_block{margin-left: 0;margin-right: 0;}
.col_group .col a + .link_btn_block .link_btn{display: inline-block;width: auto;}
.fluid {display: block;max-width: 100%;height: auto;}
.thumb{position: relative;}
.col_wrap{color: #fff;background-color: #000;padding: 0 54px 37px 50px;min-height: 126px}
.col_ttl{position: relative;margin-top: -25px;font-size:2.1875em;font-weight:bold}
.col_text{font-size:0.875em;padding-top: 11px;}

.under_button {position: relative;display: block;background-color: #484342;color: #fff;padding: 16px 60px 16px 50px;font-size: 1.2em;font-weight:bold;line-height: 1.5em;}
.under_button:after {content: "";position: absolute;top: 50%;display: inline-block;background: url(../img/arr_line.png) no-repeat;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);right: 18px;width: 24px;height: 14px;background-size: 25px auto}
.col_group .col a:hover{opacity:.7}
.col_group .col a{-webkit-transition: opacity .25s ease-out;-o-transition: opacity .25s ease-out;transition: opacity .25s ease-out}
.col_group .col a:hover .under_button{color: #ff1d25}
.col_group .col a:hover .under_button:after{color: #ff1d25;background: url(../img/arr_line_ov.png) no-repeat}
.col_group .col:first-of-type .under_button span{line-height: 1.5em}
.col_group .col:nth-of-type(n+3){margin-top:30px;}
.col_group .link_btn{width:100%;margin-top:12px}
.col_group .link_btn+.link_btn{margin-top:4px;}
.col_group .link_btn_block .link_btn{margin-right: 20px;}
.col_group .link_btn_block .link_btn+.link_btn{margin-right: 0;margin-top: 12px;}
.col_group .link_btn_block {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.col_group .link_btn .arr:hover{opacity:1;text-decoration: underline;}
.col_group .link_btn .arr{display:inline-block;background: url(../img/arr_image.png) no-repeat left center;color:#333;padding-left: 1em;}

@media screen and (max-width: 1174px) and (min-width: 768px){
.recommend_section .recommend_text_wrap{font-size:1.4vw}
}

@media print,screen and (max-width:768px){
.col_wrap{padding: 76px 20px 25px;min-height: 59px}
.col_ttl{margin-top: -98px;}
.under_button {padding-left: 20px}
}

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

.main_visual_top{background: url(../img/main_visual_bg_2x.jpg) no-repeat center top;min-height: 0;background-size: 100% auto;margin-top:0}
.main_visual_top .main_title{padding: 1.5em 0 0.7em}
.main_visual_top .main_title img{width:70vw}
.main_visual_top .main_text{padding-bottom: 2.5em;font-size:1.08em}
.main_visual_top .main_text span{display: inline-block;background-color: #000;padding:6px 12px 7px;}
.main_visual_top .main_text span + span{display: block;padding:6px 12px 7px;margin-top: 7px}

.fluid{width:100%;}
.col_group .col{-webkit-flex-basis: 100%;-ms-flex-preferred-size: 100%;flex-basis: 100%;margin-top:0;}
.col_group .col + .col{margin-top:20px}
.col_wrap {padding: 51px 20px 40px;min-height: 0}
.convention_section .headline .inner:after{width:270px}
.col_ttl{margin-top: -61px;font-size:1.8em}
.col_text{font-size:1.07em;padding-top: 11px;line-height:1.7em}
.col_group .col a:hover{opacity:1}
.col_group .col a:hover .under_button{color: #fff;}
.col_group .col a:hover .under_button:after{color: #ff1d25;background: url(../img/arr_line.png) no-repeat}
.col_group .col_block{margin-right: 0;margin-left: 0}
.col_group .col a + .link_btn_block .link_btn{display: block;}
.col_group .link_btn_block{display: block;}
.col_group .link_btn_block .link_btn+.link_btn{margin-left: 0;}
.under_button a{padding-left: 20px}
.convention_block{padding-bottom: 20px}
.col_group .col{padding-right: 0;padding-left: 0}
.convention_section{padding: 51px 0 40px}
.section .headline{margin-bottom: 35px;}
.section .headline:after {width: 223px;height: 3px;}

}