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

.range_wrap{
	margin-bottom: 30px;
	padding: 0 20px;
}
.range_wrap h2{
    color: #fff;
    background-color: #00a33e;
    line-height: 1.7;
    font-size: 20px;
    font-weight: 700;
    padding: 5px 10px 3px 14px;
    margin-top: 2rem;
    margin-bottom: 10px;
    border-radius: 50px;
}
.range_wrap p{
    font-size: 20px;
    line-height: 1.6;
}
.six{
    font-size: 16px!important;
}
.six li{
    font-size: 16px!important;
}
.imgreset{
    display: block;
}
.cp_inner .wrap{
    padding: 3.9603% 5.3762%;
}
.wrap{
    padding: 3.9603% 5.3762%;
}
.center_wrap{
    padding: 3.9603% 5.3762%;
}
.float_bana>div>div .bana_next a img {
    height: 80px;
}
.cp_inner dd, .cp_inner dt, .cp_inner h2, .cp_inner h3, .cp_inner h4, .cp_inner h5, .cp_inner h6, .cp_inner li, .cp_inner p, .cp_inner td, .cp_inner th{
    font-family: "Noto Sans CJKjp","ヒラギノ角ゴシック","Hiragino Sans","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","メイリオ",Meiryo,sans-serif;	
}
.cue2{
    font-size: 16px!important;
    padding-left: 16px;
    text-indent: -16px;
    color: #ff0000!important;
}
.cue3{
    font-size: 16px!important;
    padding-left: 15px;
    text-indent: -15px;
    color: #4d4d4d;
}
.question{
    font-size: 24px;
    font-weight: bold;
}
.down_tab{
    padding: 20px;
}
.dest_area{
    background-color: #fff;
}
.mod_inner_flex {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    margin-top: 50px;
    margin-bottom: 50px;
}
.mod_inner_flex a {
    display: block;
    text-decoration: none;
    color: #000;
    width: calc((100% - 6.8965%)/ 3);
    margin: 0 1.7241%;
    background: #fff;
    position: relative;
    border-radius: 20px;
    text-align: center;
    height: 160px;
    transition: .3s;

}
.mod_inner_flex a:hover {
    text-decoration: none;
}
.mod_inner_flex a p {
    line-height: 1.77778;
    font-size: 1.7rem;
    font-weight: 400;
    padding: 0 10px;
    color: #000;
    text-align: left;
    padding: 0 10%;
    margin-bottom: 20px;
}
#top_sec09>div ul li:before {
    position: absolute;
    content: "";
    width: 100%;
    height: calc(100% - 25%);
    bottom: 0;
    border-radius: 15px;
    background-color: #f2f5f7;
    z-index: -1;
}
#top_sec09>div ul li {
    z-index: 1;
}
#top_sec09>div ul li {
    max-width: inherit;
    margin: 0 20px;
}
.g_table6{
	margin: 0 auto 20px auto;
	border-bottom: 1px solid #d4d6d2;
	display: table;
	width: 100%;
}
.head_color1 {
    background-color: #00148c!important;
 }
 .head_color2 {
    background-color: #10af94!important;
 }
 .head_color3 {
    background-color: #008cd6!important;
 }
@media(max-width: 768px){
    .range_wrap h2{
        font-size: 16px;
}
    .range_wrap p{
        font-size: 16px;
}
    .down_tab{
        padding: 20px 10px;
}
    .cue2{
        font-size: 1.6rem!important;
        padding-left: 1.4rem;
        text-indent: -1.4rem;
}
    .cue3{
        font-size: 1.6rem!important;
        padding-left: 1.4rem;
        text-indent: -1.4rem;
}
    .f_s{
        font-size: 1.4rem!important;
}
    .question{
        font-size: 5vw;
}
    .cp_inner{
        padding: 0;
}
    .bana_next{
        width: auto;
}
    .float_bana>div>div .bana_next a img {
        width: calc(100% - 30px);
        height: auto;
}
    .dest_area{
        background-color: #fff;
}
    .mod_inner_flex a:hover {
        opacity: 0.7;
}
    .mod_inner_flex {
        flex-wrap: wrap;
        margin-top: 50px;
        margin-bottom: 30px!important;
}
    .mod_inner_flex a {
        width: 90%;
        max-width: 347px;
        margin: 0 auto 20px;
        height: auto;
        padding-bottom: 20px;
}
    .mod_inner_flex a p {
        font-size: 1.4rem;
}
}