/* @charset "utf-8";#customer_contents_wrapper .figure{width:100%;display:inline-block;text-align:center}#customer_contents_wrapper img{width:100%;max-width:800px} */

@charset "utf-8";#customer_contents_wrapper .figure{width:100%;display:inline-block;text-align:center}#customer_contents_wrapper img{width:100%;max-width:800px}#customer_contents_wrapper_kojin img{width:100%;max-width:800px;}#customer_contents_wrapper .flow_list{display:inline-block;width:100%;overflow:hidden}#customer_contents_wrapper .flow_list .flow_list_child{margin:40px 0 0;display:inline-block;width:100%;vertical-align:top;position:relative;left:43%;white-space:nowrap}#customer_contents_wrapper .flow_list .flow_list_child:nth-child(1):before{content:"1"}#customer_contents_wrapper .flow_list .flow_list_child:nth-child(1):after{content:"治療中"}#customer_contents_wrapper .flow_list .flow_list_child:nth-child(2):before{content:"2"}#customer_contents_wrapper .flow_list .flow_list_child:nth-child(2):after{content:"後遺障害等級認定"}#customer_contents_wrapper .flow_list .flow_list_child:nth-child(3):before{content:"3"}#customer_contents_wrapper .flow_list .flow_list_child:nth-child(3):after{content:"損害賠償請求"}#customer_contents_wrapper .flow_list .flow_list_child:before{display:block;width:50px;height:50px;line-height:50px;border-radius:50px;background-color:#0D386B;text-align:center;font-size:24px;color:#fff;position:relative;top:-15px}#customer_contents_wrapper .flow_list .flow_list_child:after{position:absolute;top:-15px;left:60px;font-size:24px}@media screen and (min-width:768px){#customer_contents_wrapper .figure{display:none}#customer_contents_wrapper .flow_list{background-image:url(../images/customer_contents/jiko_img_t.png);background-repeat:no-repeat;background-position:28% 0;background-size:contain}}@media screen and (max-width:767px){#customer_contents_wrapper .flow_list .flow_list_child{width:100%;display:inline-block;vertical-align:top;left:20%}#customer_contents_wrapper .flow_list .flow_list_child:after{top:-11px}}@media screen and (max-width:480px){#customer_contents_wrapper .flow_list .flow_list_child:before{width:24px;height:24px;line-height:24px;border-radius:30px;font-size:14px;text-indent:.1em}#customer_contents_wrapper .flow_list .flow_list_child:after{position:absolute;top:-17px;left:30px;font-size:16px;font-weight:700}#customer_contents_wrapper .flow_list .flow_list_child{left:0}}.customer_blank_link,.customer_contents_link{width:45%;display:inline-block}#customer_contents_wrapper h3 .wordwrap,#customer_contents_wrapper h3 span{display:inline-block}#customer_contents_wrapper h4{color:#900;font-size:26px;letter-spacing:.06em;line-height:1;font-weight:400;margin:50px 0 25px;border-bottom:1px dotted #ccc;padding:0 0 14px}@media screen and (max-width:767px){#customer_contents_wrapper h4{font-size:16px}}@media screen and (max-width:480px){#customer_contents_wrapper h3.souzoku{font-size:20px}}.customer_blank_link_txt:after{position:absolute;top:-50%;right:10px}.customer_blank_link_txt{left:-8px}.customer_contents_link{background:#fff;background:-moz-linear-gradient(top,#fff 0,#f2f2f2 100%);background:-webkit-linear-gradient(top,#fff 0,#f2f2f2 100%);background:linear-gradient(to bottom,#fff 0,#f2f2f2 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0 );-moz-border-radius:4px;-webkit-border-radius:4px;-o-border-radius:4px;-ms-border-radius:4px;border-radius:4px;border:1px solid #ccc;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;height:50px;margin:15px auto 0;position:relative}#customer_tel_area li:nth-child(1) .button_box,#customer_tel_area li:nth-child(2) .button_box{border:1px solid #ccc;filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0 )}.customer_contents_link:hover{background:#fff}.customer_contents_link_txt{font-size:14px;color:#036;position:absolute;top:0;left:-8px;width:100%;text-align:center;padding:11px 0 0}.customer_contents_link_txt:after{font-family:icomoon;content:"\e925";position:absolute;top:-50%;right:10px;margin-top:29px;font-size:14px;font-weight:400;color:#030}#customer_tel_area li:nth-child(1) .button_box h3,#customer_tel_area li:nth-child(2) .button_box a span{font-family:'Noto Sans Japanese',"メイリオ",Meiryo,serif}.customer_blank_link_txt:hover:after,.customer_contents_link_txt:hover{color:#900}.customer_contents_link.etc{width:90%}@media screen and (min-width:768px){#customer_blog_area li:nth-child(2){width:50%}#customer_blog_area li:nth-child(3){width:30%}}#customer_tel_area{width:100%;margin:30px 0 0}#customer_tel_area li{display:inline-block;vertical-align:top}#customer_tel_area li:nth-child(1){width:60%}#customer_tel_area li:nth-child(1) .button_box{height:205px;margin:0 0 20px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding:0;background:#fff;background:-moz-linear-gradient(top,#fff 0,#f2f2f2 100%);background:-webkit-linear-gradient(top,#fff 0,#f2f2f2 100%);background:linear-gradient(to bottom,#fff 0,#f2f2f2 100%)}#customer_tel_area .header_line{height:3px;background:#030;width:100%;display:block}#customer_tel_area li:nth-child(1) .button_box h3{font-size:20px;margin:50px 0 10px;padding:0 0 0 50px;text-align:left}#customer_tel_area li:nth-child(1) #customer_koutsujiko_telbox{text-align:left;padding:20px 0 50px 70px}#customer_tel_area li:nth-child(1) .button_box .tel{font-size:72px}#customer_tel_area li:nth-child(1) .button_box .tel:before{top:52%!important;left:-50px!important;margin-top:0!important;font-size:50px}#customer_tel_area li:nth-child(1) .button_box .tel:after{content:""}#customer_tel_area li:nth-child(2){width:38%;margin-left:-5px}#customer_tel_area li:nth-child(2) .button_box{height:205px;margin:0 0 20px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding:0;background:#fff;background:-moz-linear-gradient(top,#fff 0,#f2f2f2 100%);background:-webkit-linear-gradient(top,#fff 0,#f2f2f2 100%);background:linear-gradient(to bottom,#fff 0,#f2f2f2 100%);position:relative}#customer_tel_area li:nth-child(2) .button_box a{display:block;width:100%;height:100%}#customer_tel_area li:nth-child(2) .button_box a span{position:absolute;top:43%;left:10%;font-size:20px}#customer_tel_area li:nth-child(2) .button_box a span.long{top:31%}#customer_tel_area li:nth-child(2) .button_box:after{font-family:icomoon;content:"\e925";position:absolute;right:8%;top:43%;font-size:20px;font-weight:400;color:#030}@media screen and (max-width:1023px){#customer_tel_area li:nth-child(1) .button_box .tel{font-size:50px}}@media screen and (max-width:767px){#customer_blog_area li:nth-child(2),#customer_blog_area li:nth-child(3),#customer_tel_area li:nth-child(1),#customer_tel_area li:nth-child(2){width:100%}#customer_tel_area li:nth-child(2){margin-left:0}#customer_tel_area li:nth-child(1) .button_box{height:130px;position:relative}#customer_tel_area li:nth-child(1) .button_box h3{margin:25px auto 0;padding:0;text-align:center}#customer_tel_area li:nth-child(1) #customer_koutsujiko_telbox{padding:0;text-align:center}#customer_tel_area li:nth-child(2) .button_box{height:100px;background:#ed1c24;background:-moz-linear-gradient(top,#900 0,#600 100%);background:-webkit-linear-gradient(top,#900 0,#600 100%);background:linear-gradient(to bottom,#900 0,#600 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#990000', endColorstr='#660000', GradientType=0 )}#customer_tel_area li:nth-child(2) .button_box .header_line{background-color:transparent}#customer_tel_area li:nth-child(2) .button_box a span{color:#fff;top:33%}#customer_tel_area li:nth-child(2) .button_box a span.long{top:12%}#customer_tel_area li:nth-child(2) .button_box:after{color:#fff;top:33%}}@media screen and (max-width:400px){#customer_tel_area li:nth-child(1) .button_box{height:135px}#customer_tel_area li:nth-child(1) .button_box h3{font-size:16px}#customer_tel_area li:nth-child(1) .button_box .tel{font-size:38px}#customer_tel_area li:nth-child(1) .button_box .tel:before{left:-40px!important;font-size:38px}#customer_tel_area li:nth-child(2) .button_box a span{top:35%;left:10%;font-size:16px}#customer_tel_area li:nth-child(2) .button_box a span.long{top:19%}}#customer_button_area .button_box .tel{display:block;width:290px;margin:0 auto 10px;position:relative;left:15px}#customer_button_area .button_box .tel:before{left:0;margin-top:0}#customer_button_area .button_box .tel:after{left:32px;margin-top:-22px}@media screen and (max-width:767px){#customer_button_area .button_box .tel{position:relative;left:3%}}

body{
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic",'ヒラギノ角ゴ Std','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}

#customer_contents_wrapper_kojin img{
    width:100%;max-width:800px;
}
 /* #customer_contents_wrapper h3 span {
    display: inline-block;
}
.customer_contents_link {
    background: #fff;
    background: -moz-linear-gradient(top,#fff 0,#f2f2f2 100%);
    background: -webkit-linear-gradient(top,#fff 0,#f2f2f2 100%);
    background: linear-gradient(to bottom,#fff 0,#f2f2f2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0 );
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    height: 50px;
    margin: 15px auto 0;
    position: relative;
}
.customer_blank_link, .customer_contents_link {
    width: 45%;
    display: inline-block;
}
.customer_contents_link_txt {
    font-size: 14px;
    color: #036;
    position: absolute;
    top: 0;
    left: -8px;
    width: 100%;
    text-align: center;
    padding: 11px 0 0;
}
.customer_contents_link_txt:after {
    font-family: icomoon;
    content: "\e925";
    position: absolute;
    top: -50%;
    right: 10px;
    margin-top: 29px;
    font-size: 14px;
    font-weight: 400;
    color: #030;
}
#customer_tel_area li:nth-child(1) .button_box .tel:after {
    content: "";
}
#customer_contents_wrapper h4 {
    color: #900;
    font-size: 26px;
    letter-spacing: .06em;
    line-height: 1;
    font-weight: 400;
    margin: 50px 0 25px;
    border-bottom: 1px dotted #ccc;
    padding: 0 0 14px;
} */
#customer_contents_wrapper_kojin .new-grid-wrapper .box .img_wrap {
    width: 100%;
    margin: 0;
    height: 11.5vw;
    position: relative;
    overflow: hidden;
    z-index: 0;
}
#customer_contents_wrapper_kojin .new-grid-wrapper .box .img_wrap img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
}
/*#customer_tel_area {
    width: 100%;
    margin: 30px 0 0;
}
#customer_tel_area li:nth-child(1) {
    width: 60%;
}
#customer_tel_area li {
    display: inline-block;
    vertical-align: top;
}

#customer_tel_area li:nth-child(1) .button_box {
    height: 205px;
    margin: 0 0 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 0;
    background: #fff;
    background: -moz-linear-gradient(top,#fff 0,#f2f2f2 100%);
    background: -webkit-linear-gradient(top,#fff 0,#f2f2f2 100%);
    background: linear-gradient(to bottom,#fff 0,#f2f2f2 100%);
}
#customer_tel_area li:nth-child(1) .button_box, #customer_tel_area li:nth-child(2) .button_box {
    border: 1px solid #ccc;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0 );
}
#customer_tel_area li:nth-child(1) .button_box h3 {
    font-size: 20px;
    margin: 50px 0 10px;
    padding: 0 0 0 50px;
    text-align: left;
}
#customer_tel_area li:nth-child(1) .button_box h3, #customer_tel_area li:nth-child(2) .button_box a span {
    font-family: 'Noto Sans Japanese',"メイリオ",Meiryo,serif;
}
#customer_tel_area li:nth-child(1) #customer_koutsujiko_telbox {
    text-align: left;
    padding: 20px 0 50px 70px;
}
#customer_tel_area li:nth-child(1) .button_box .tel {
    font-size: 72px;
}

#customer_tel_area .header_line {
    height: 3px;
    background: #030;
    width: 100%;
    display: block;
}
#customer_tel_area li:nth-child(1) .button_box .tel:before {
    top: 52%!important;
    left: -50px!important;
    margin-top: 0!important;
    font-size: 50px;
}
#customer_tel_area li:nth-child(2) .button_box a {
    display: block;
    width: 100%;
    height: 100%;
}
#customer_tel_area li:nth-child(2) .button_box a span {
    position: absolute;
    top: 43%;
    left: 10%;
    font-size: 20px;
}
#customer_tel_area li:nth-child(2) .button_box:after {
    font-family: icomoon;
    content: "\e925";
    position: absolute;
    right: 8%;
    top: 43%;
    font-size: 20px;
    font-weight: 400;
    color: #030;
}
#customer_tel_area li:nth-child(2) .button_box {
    height: 205px;
    margin: 0 0 20px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 0;
    background: #fff;
    background: -moz-linear-gradient(top,#fff 0,#f2f2f2 100%);
    background: -webkit-linear-gradient(top,#fff 0,#f2f2f2 100%);
    background: linear-gradient(to bottom,#fff 0,#f2f2f2 100%);
    position: relative;
}
#customer_tel_area li {
    display: inline-block;
    vertical-align: top;
}
#customer_tel_area li:nth-child(2) {
    width: 38%;
    margin-left: -5px;
}

#customer_button_area .customer_contents_link.etc {
    width: 90%;
}
.customer_contents_link:hover,.customer_contents_link:hover:after {
    background: #fff;
    color: #990000;
} */


#customer_tel_area li:nth-child(1) .button_box .tel.para a {
    font-size: 55px;
    font-weight: 400;
    color: #003300;
    position: relative;
    margin: 0 0 0 15px;
    letter-spacing: -.035em;
    line-height: 0;
}

#customer_tel_area li:nth-child(1) .button_box .tel.para:before {
    top: 54%!important;
    left: -50px!important;
    margin-top: 0!important;
    font-size: 40px;
    display: contents;
}
#customer_tel_area li:nth-child(1) #customer_koutsujiko_telbox .tel.para {
    margin: 0 0 0 -28px;
    font-size: 60px;
}
#customer_button_area .button_box .tel.para {
    width: auto;
    font-size: 31px!important;
}
#customer_button_area .button_box .tel.para a,#customer_button_area .button_box .tel a {
    color: #003300;
}

@media screen and (min-width:1921px) {

    #customer_contents_wrapper_kojin .new-grid-wrapper .box .img_wrap {
        width: 100%;
        margin: 0;
        height: auto;
        position: relative;
        overflow: hidden;
        z-index: 0;
        min-height: 236px;
    }
    #customer_contents_wrapper_kojin .new-grid-wrapper .box .img_wrap img {
        width: 100%;
        height: auto;
    }
}


@media screen and (max-width:1024px) {
    #customer_tel_area li:nth-child(1) .button_box .tel.para:before {
        font-size: 4vw;
    }
    #customer_tel_area li:nth-child(1) .button_box .tel.para a {
        font-size: 5vw;
        /* margin: 0; */
    }
#customer_tel_area li:nth-child(1) #customer_koutsujiko_telbox .tel.para {
    font-size: 5.5vw;
}
    #customer_button_area .button_box .tel.para:before {
        left: 0;
        margin-top: 0;
        display: contents;
    }
    #customer_button_area .button_box .tel.para a {
        margin-left: 2%;
    }
    #customer_button_area .button_box .tel.para {
        left: 0 !important;
    }
}

@media screen and (max-width: 768px){
    #customer_tel_area li:nth-child(1) .keiji_telbox{
    padding: 20px 0!important;
    text-align: center!important;
    }
    #customer_tel_area li:nth-child(1) .button_box .tel.para a {
        font-size: 8vw;
        line-height: 1.5rem;
        margin-left: 2%;
    }
    #customer_tel_area li:nth-child(1) .button_box .tel.para:before {
        top: 52%!important;
        font-size: 5.5vw;
        display: contents;
    }
    #customer_button_area .button_box .tel.para a {
        margin-left: 2%;
    }
    #customer_button_area .button_box .tel:before {
        display: contents;
    }
    #customer_button_area .button_box .tel.para {
        left: 0;
    }
    #customer_button_area .button_box .tel {
        left: 0!important;
    }
    #customer_tel_area li:nth-child(1) .button_box .tel.para {
        margin: 0 !important;
    }
    #customer_button_area .button_box .tel.para:before {
        font-size: 0.8em;
    }
}
@media screen and (max-width: 767px){
    #customer_tel_area li:nth-child(1) #customer_koutsujiko_telbox .tel.para{
        font-size: 50px;
    }
#customer_koutsujiko_telbox .tel a{
    color: #003300; 
}
}
@media screen and (max-width: 414px){
    #customer_tel_area li:nth-child(1) .button_box .tel.para a {
        font-size: 10vw;
    }
    #customer_tel_area li:nth-child(1) .button_box .tel.para:before {
        left: 0;
        font-size: 6.5vw;
        margin-left: 4%;
        margin-top: 5px !important;
    }
    #customer_button_area .button_box .tel.para {
        padding-right: 0;
        font-size: 9vw!important;
    }
    #customer_button_area .button_box .tel{
    font-size: 38px!important;  
    }
}


@media screen and (max-width: 320px){
    #customer_tel_area li:nth-child(1) .button_box .tel.para a {
        font-size: 9vw;
        line-height: 1.5rem;
    }
    #customer_tel_area li:nth-child(1) .button_box .tel.para:before {
        margin-left: 10%;
    }
}

/* ----------------------------
新着記事一覧用　グリッドレイアウト
---------------------------- */


.new-grid-wrapper {
    /* display: grid;
    display: -ms-grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-columns: repeat(2, 1fr); 2列になったらこっち
    column-gap: 4em;
    row-gap: 2em;
    margin: 0 auto; */

    /* display: grid;
    display: -ms-grid; */
    display: flex;
    flex-wrap: wrap;
    /* grid-template-columns: repeat(3, 1fr);
    grid-template-columns: repeat(2, 1fr); 2列になったらこっち
    column-gap: 4em;
    row-gap: 2em; */
    margin: 0 auto;
    justify-content: space-between;
    /* height: 500px; */

}
.new-grid-wrapper .box {
    width: calc(90% / 3);
    /* max-width: 300px; */
    /* border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9; */
    border: 1px solid #e9e9e9;
    background-color: #fff;
    position: relative;
    /* display: flex; */
    flex-direction: column;
}
.new-grid-wrapper .box .new-icon {
    background-color: #990000;
    color: #fff;
    position: absolute;
    padding: 1.5% 6.5%;
    font-size: 16px;
    font-weight: bold;
    top: 4%;
    left: -10px;
    letter-spacing: .06rem;
    z-index: 1;
}   
.new-grid-wrapper .box .grid-txtarea {
    padding: 0 4% 4%;
    /* max-height: 95px; */
    overflow:hidden;
    /* overflow-y:auto; */
    margin: 5% 0 auto;
    height: 170px;
}

.new-grid-wrapper .box time {
    font-weight: bold;
    color: #868585;
    font-size: 12px;
    /* font-family: "ヒラギノ角ゴ Std", "Hiragino Kaku Gothic Std", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; */
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    margin: 6% 0 2%;
    /* display: block; */
    letter-spacing: .05rem;
    position: relative;
}
.new-grid-wrapper .box time::before {
    content: "";
    width: 15px;
    height: 15px;
    background-image: url(../images/customer_contents/index/time.svg);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    margin-left: -20px;
}
.new-grid-wrapper .box .grid-txtarea p {
    margin: 0 !important;
    line-height: 1.3 !important;
    /* border-bottom: 1px dotted #c2c2c2; */
    padding: 3%;
    font-size: 18px !important;
    text-align: justify; /* 基本 */
    text-justify: inter-ideograph; /* IEで必要 */
    text-justify: inter-character; /* Firefoxで必要 */
}
.new-grid-wrapper a.new-link {
    color: #000 !important;
    font-weight: bold;
}

.new-grid-wrapper .box a:hover {
    opacity: 1;
    background-color: #eeeeee;
    transition: .5s;
    display: block;
}


.new-grid-wrapper .koutsujiko .grid-box-ttl {
    /* background-color: #3d6d49; */
    color: #fff;
    font-size: 16px;
    padding: 2% 2% 2% 4%;
    display: inline-flex;
    margin: 7% 0 0 7%;
    /* text-align: center; */
    width: 200px;
    font-weight: bold;
    letter-spacing: .1rem;
    position: relative;
    overflow: hidden;
}
.new-grid-wrapper .koutsujiko .grid-box-ttl::before {
    position: absolute;
    top: -150%;
    left: -70px;
    width: 250px;
    height: 300%;
    content: '';
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
    background: #3d6d49;
    color: #fff;
}
.new-grid-wrapper .koutsujiko .grid-box-ttl span {
    color: #fff;
    z-index: 1;
    margin-left: 18%;
}
.new-grid-wrapper .koutsujiko .grid-box-ttl span::before {
    content: "";
    width: 27px;
    height: 19px;
    position: absolute;
    background-image: url(../images/customer_contents/index/koutsu.svg);
    top: 0;
    bottom: 0;
    margin: auto auto auto -35px;
    background-repeat: no-repeat;
    background-size: contain;
}

.new-grid-wrapper .koutsujiko .grid-btn,.new-grid-wrapper .iryou .grid-btn,.new-grid-wrapper .rikon .grid-btn,.new-grid-wrapper .rousai .grid-btn,.new-grid-wrapper .keiji .grid-btn,.new-grid-wrapper .souzoku .grid-btn,.new-grid-wrapper .etc .grid-btn {
    background-color: #222a49;
    color: #fff;
    text-align: center;
    display: block;
    /* margin: 7% auto; */
    margin: auto 7% 7% auto;
    padding: 2% 7% 2% 0;
    width: 30%;
    position: relative;
    font-size: 14px;
    align-items: end;
    font-weight: 100;

    position: absolute;
    right: 0;
    bottom: 0;
}
.new-grid-wrapper a.new-link:hover .grid-btn {
    opacity: 1;
    transition: .5s;
    /* background-color: #e1ce76; */
    background-color: #990000;
    color: #fff;
}
.new-grid-wrapper .iryou .grid-box-ttl {
    /* background-color: #3d6d49; */
    color: #fff;
    font-size: 16px;
    padding: 2% 2% 2% 4%;
    display: inline-flex;
    margin: 7% 0 0 7%;
    /* text-align: center; */
    width: 200px;
    font-weight: bold;
    letter-spacing: .1rem;
    position: relative;
    overflow: hidden;
}
.new-grid-wrapper .iryou .grid-box-ttl::before {
    position: absolute;
    top: -150%;
    left: -70px;
    width: 250px;
    height: 300%;
    content: '';
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
    background: #407499;
    color: #fff;
}
.new-grid-wrapper .iryou .grid-box-ttl span {
    color: #fff;
    z-index: 1;
    margin-left: 18%;
}
.new-grid-wrapper .iryou .grid-box-ttl span::before {
    content: "";
    width: 21px;
    height: 21px;
    position: absolute;
    background-image: url(../images/customer_contents/index/iryou.svg);
    top: 0;
    bottom: 0;
    margin: auto auto auto -30px;
    background-repeat: no-repeat;
    background-size: contain;
}
.new-grid-wrapper .rikon .grid-box-ttl {
    /* background-color: #3d6d49; */
    color: #fff;
    font-size: 16px;
    padding: 2% 2% 2% 4%;
    display: inline-flex;
    margin: 7% 0 0 7%;
    /* text-align: center; */
    width: 200px;
    font-weight: bold;
    letter-spacing: .1rem;
    position: relative;
    overflow: hidden;
}
.new-grid-wrapper .rikon .grid-box-ttl::before {
    position: absolute;
    top: -150%;
    left: -70px;
    width: 250px;
    height: 300%;
    content: '';
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
    background: #a75764;
    color: #fff;
}
.new-grid-wrapper .rikon .grid-box-ttl span {
    color: #fff;
    z-index: 1;
    margin-left: 18%;
}
.new-grid-wrapper .rikon .grid-box-ttl span::before {
    content: "";
    width: 30px;
    height: 15px;
    position: absolute;
    background-image: url(../images/customer_contents/index/rikon.svg);
    top: 0;
    bottom: 0;
    margin: auto auto auto -38px;
    background-repeat: no-repeat;
    background-size: contain;
}
.new-grid-wrapper .rousai .grid-box-ttl span::before {
    content: "";
    width: 30px;
    height: 25px;
    position: absolute;
    background-image: url(../images/customer_contents/index/rousai.svg);
    top: 0;
    bottom: 0;
    margin: auto auto auto -38px;
    background-repeat: no-repeat;
    background-size: contain;
}
.new-grid-wrapper .rikon .grid-box-ttl {
    /* background-color: #3d6d49; */
    color: #fff;
    font-size: 16px;
    padding: 2% 2% 2% 4%;
    display: inline-flex;
    margin: 7% 0 0 7%;
    /* text-align: center; */
    width: 200px;
    font-weight: bold;
    letter-spacing: .1rem;
    position: relative;
    overflow: hidden;
}
.new-grid-wrapper .rousai .grid-box-ttl {
    /* background-color: #3d6d49; */
    color: #fff;
    font-size: 16px;
    padding: 2% 2% 2% 4%;
    display: inline-flex;
    margin: 7% 0 0 7%;
    /* text-align: center; */
    width: 200px;
    font-weight: bold;
    letter-spacing: .1rem;
    position: relative;
    overflow: hidden;
}
.new-grid-wrapper .rousai .grid-box-ttl::before {
    position: absolute;
    top: -150%;
    left: -70px;
    width: 250px;
    height: 300%;
    content: '';
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
    background: #0db599;
    color: #fff;
}
.new-grid-wrapper .rousai .grid-box-ttl span {
    color: #fff;
    z-index: 1;
    margin-left: 18%;
}
.new-grid-wrapper .rikon .grid-box-ttl span::before {
    content: "";
    width: 30px;
    height: 15px;
    position: absolute;
    background-image: url(../images/customer_contents/index/rikon.svg);
    top: 0;
    bottom: 0;
    margin: auto auto auto -38px;
    background-repeat: no-repeat;
    background-size: contain;
}
.new-grid-wrapper .keiji .grid-box-ttl {
    /* background-color: #3d6d49; */
    color: #fff;
    font-size: 16px;
    padding: 2% 2% 2% 4%;
    display: inline-flex;
    margin: 7% 0 0 7%;
    /* text-align: center; */
    width: 200px;
    font-weight: bold;
    letter-spacing: .1rem;
    position: relative;
    overflow: hidden;
}
.new-grid-wrapper .keiji .grid-box-ttl::before {
    position: absolute;
    top: -150%;
    left: -70px;
    width: 250px;
    height: 300%;
    content: '';
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
    background: #222a4c;
    color: #fff;
}
.new-grid-wrapper .keiji .grid-box-ttl span {
    color: #fff;
    z-index: 1;
    margin-left: 18%;
}
.new-grid-wrapper .keiji .grid-box-ttl span::before {
    content: "";
    width: 21px;
    height: 21px;
    position: absolute;
    background-image: url(../images/customer_contents/index/keiji.svg);
    top: 0;
    bottom: 0;
    margin: auto auto auto -30px;
    background-repeat: no-repeat;
    background-size: contain;
}

.new-grid-wrapper .souzoku .grid-box-ttl {
    /* background-color: #3d6d49; */
    color: #fff;
    font-size: 16px;
    padding: 2% 2% 2% 4%;
    display: inline-flex;
    margin: 7% 0 0 7%;
    /* text-align: center; */
    width: 200px;
    font-weight: bold;
    letter-spacing: .1rem;
    position: relative;
    overflow: hidden;
}
.new-grid-wrapper .souzoku .grid-box-ttl::before {
    position: absolute;
    top: -150%;
    left: -70px;
    width: 250px;
    height: 300%;
    content: '';
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
    background: #76682e;
    color: #fff;
}
.new-grid-wrapper .souzoku .grid-box-ttl span {
    color: #fff;
    z-index: 1;
    margin-left: 18%;
}
.new-grid-wrapper .souzoku .grid-box-ttl span::before {
    content: "";
    width: 21px;
    height: 21px;
    position: absolute;
    background-image: url(../images/customer_contents/index/souzoku.svg);
    top: 0;
    bottom: 0;
    margin: auto auto auto -30px;
    background-repeat: no-repeat;
    background-size: contain;
}

.new-grid-wrapper .etc .grid-box-ttl {
    /* background-color: #3d6d49; */
    color: #fff;
    font-size: 16px;
    padding: 2% 2% 2% 4%;
    display: inline-flex;
    margin: 7% 0 0 7%;
    /* text-align: center; */
    width: 200px;
    font-weight: bold;
    letter-spacing: .1rem;
    position: relative;
    overflow: hidden;
}
.new-grid-wrapper .etc .grid-box-ttl::before {
    position: absolute;
    top: -150%;
    left: -70px;
    width: 250px;
    height: 300%;
    content: '';
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
    background: #605d5d;
    color: #fff;
}
.new-grid-wrapper .etc .grid-box-ttl span {
    color: #fff;
    z-index: 1;
    margin-left: 18%;
}
.new-grid-wrapper .etc .grid-box-ttl span::before {
    content: "";
    width: 21px;
    height: 21px;
    position: absolute;
    background-image: url(../images/customer_contents/index/etc.svg);
    top: 0;
    bottom: 0;
    margin: auto auto auto -30px;
    background-repeat: no-repeat;
    background-size: contain;
}
.new-grid-wrapper .box .grid-btn::after {
    content: "";
    width: 8px;
    height: 13px;
    background-image: url(../images/customer_contents/index/arrow_circle_right.svg);
    background-repeat: no-repeat;
    background-size: contain;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    right: 10%;
}
.new-grid-wrapper .box a.grid-btn:hover {
    opacity: .5;
    transition: .5s;
}


@media screen and (max-width: 1200px){
    #customer_contents_wrapper_kojin .new-grid-wrapper .box .img_wrap {
        height: 17vw;
        margin: 0;
    }
}
@media screen and (max-width: 1024px){
    .new-grid-wrapper {
        column-gap: 2%;
        row-gap: 1.5%;
    }
    .new-grid-wrapper .box {
        max-width: 100%;
    }
    .new-grid-wrapper .box .grid-txtarea {
        max-height: 260px;
    }

}
@media screen and (max-width: 768px){
    .new-grid-wrapper {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 2%;
        row-gap: 1%;
    }
    .new-grid-wrapper .box .grid-txtarea {
        max-height: 230px;
    }
    .new-grid-wrapper .iryou .grid-box-ttl span,.new-grid-wrapper .rikon .grid-box-ttl span,,.new-grid-wrapper .rousai .grid-box-ttl span,.new-grid-wrapper .souzoku .grid-box-ttl span {
        margin-left: 30%;
    }
    .new-grid-wrapper .koutsujiko .grid-box-ttl span,.new-grid-wrapper .keiji .grid-box-ttl span,.new-grid-wrapper .etc.grid-box-ttl span {
        margin-left: 18%;
    }

}
@media screen and (max-width: 767px){
    #customer_contents_wrapper_kojin .new-grid-wrapper .box .img_wrap {
        height: 40vw;
    }
    #customer_contents_wrapper_kojin .grid-wrapper .box .img_wrap {
        height: 30vw;
    }
}

@media screen and (max-width: 500px){
    .new-grid-wrapper {
        display: block;
    }
    .new-grid-wrapper .box .grid-txtarea {
        max-height: 150px;
    }
    /* .new-grid-wrapper .box {
        margin-top: 4%;
    } */
    .new-grid-wrapper .box .grid-txtarea p {
        font-size: 15px !important;
    }
}


/* ----------------------------
各項目別記事一覧用　グリッドレイアウト
---------------------------- */


.grid-wrapper {
    /* display: grid;
    rid-template-columns: repeat(3, 1fr); 3列になったらこっち
    grid-template-columns: repeat(2, 1fr);
    column-gap: 9em;
    row-gap: 2em;*/
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    /* height: 500px; */
}
.grid-wrapper .box {
    /* max-width: 300px;
    border-left: 1px solid #e9e9e9;
    border-right: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9; */
    /* background-color: #fff; */
    position: relative;
    display: flex;
    flex-direction: column;
    margin-bottom: 12%;
    width: calc(92%/ 2);
}
.grid-wrapper .box .grid-txtarea {
    padding: 0 4% 4%;
    max-height: 410px;
    overflow:hidden;
    /* overflow-y:auto; */
    margin-bottom: 7%;
}
.grid-wrapper .box .grid-txtarea time {
    font-weight: bold;
    color: #868585;
    font-size: 12px;
    /* font-family: "ヒラギノ角ゴ Std", "Hiragino Kaku Gothic Std", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"; */
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic","ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
    margin: 0 0 2%;
    display: block;
    text-align: right;
    padding: 0 3%;
}
.grid-wrapper .box .grid-txtarea p {
    margin: 0 !important;
    line-height: 1.3 !important;
    border-bottom: 1px dotted #c2c2c2;
    padding: 2% 0;
    font-size: 15px !important;
    text-align: justify; /* 基本 */
    text-justify: inter-ideograph; /* IEで必要 */
    text-justify: inter-character; /* Firefoxで必要 */
}
.grid-wrapper .box .grid-txtarea p:hover {
    opacity: .5;
    background-color: #eeeeee;
    transition: .5s;
}
.grid-wrapper .box .grid-txtarea p a {
    font-weight: bold;
    color: #000;
    display: block;
}
.grid-wrapper .box .grid-txtarea p a .new-icon {
    background-color: #990000;
    color: #fff;
    padding: 2px 2.5% 1px;
    font-size: 13px;
    margin-bottom: 1%;
    display: inline-block;
    line-height: initial;
}  
.grid-wrapper .grid-txtarea .grid-txt {
    margin: 2% 0;
    display: block;
    font-size: 18px;
    min-height: 40px;
    padding: 0 3%;
}   
.grid-wrapper .koutsujiko .grid-box-ttl {
    background-color: #3d6d49;
    color: #fff;
    font-size: 24px;
    padding: 2% 2% 2% 8%;
    display: table;
    margin: 4% auto;
    text-align: center;
    position: relative;
    width: 65%;
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "Noto Serif JP", serif;
    font-weight: bold;
    margin-top: -33px;


    display: flex;
    justify-content: center;
    align-items: center;
}
.grid-wrapper .koutsujiko .grid-box-ttl::before {
    content: "";
    width: 33px;
    height: 20px;
    position: absolute;
    background-image: url(../images/customer_contents/index/koutsu.svg);
    top: 0;
    bottom: 0;
    margin: auto auto auto -45px;
    background-repeat: no-repeat;
    background-size: contain;

    left: 25%;
    /* margin: auto auto auto -275px; */
    
}
.grid-wrapper .koutsujiko a.grid-btn {
    background-color: #3d6d49;
    color: #fff;
    text-align: left;
    display: block;
    /* margin: 7% auto; */
    margin: auto 0 7% auto;
    padding: 2% 3%;
    width: 50%;
    position: relative;
    font-size: 16px;
    align-items: end;
}
.grid-wrapper .iryou .grid-box-ttl {
    background-color: #407499;
    color: #fff;
    font-size: 24px;
    padding: 2% 2% 2% 8%;
    display: table;
    margin: 4% auto;
    text-align: center;
    position: relative;
    width: 65%;
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "Noto Serif JP", serif;
    font-weight: bold;
    margin-top: -33px;

    display: flex;
    justify-content: center;
    align-items: center;
}
.grid-wrapper .iryou .grid-box-ttl::before {
    content: "";
    width: 28px;
    height: 25px;
    position: absolute;
    background-image: url(../images/customer_contents/index/iryou.svg);
    top: 0;
    bottom: 0;
    margin: auto auto auto -38px;
    background-repeat: no-repeat;
    background-size: contain;

    /* margin: auto auto auto -275px; */
    left: 25%;
}

.grid-wrapper .iryou a.grid-btn {
    background-color: #407499;
    color: #fff;
    text-align: left;
    display: block;
    /* margin: 7% auto; */
    margin: auto 0 7% auto;
    padding: 2% 3%;
    width: 50%;
    position: relative;
    font-size: 16px;
    align-items: end;
}
.grid-wrapper .rikon .grid-box-ttl {
    background-color: #a75764;
    color: #fff;
    font-size: 24px;
    padding: 2% 2% 2% 8%;
    display: table;
    margin: 4% auto;
    text-align: center;
    position: relative;
    width: 65%;
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "Noto Serif JP", serif;
    font-weight: bold;
    margin-top: -33px;

    display: flex;
    justify-content: center;
    align-items: center;
}
.grid-wrapper .rikon .grid-box-ttl::before {
    content: "";
    width: 40px;
    height: 21px;
    position: absolute;
    background-image: url(../images/customer_contents/index/rikon.svg);
    top: 0;
    bottom: 0;
    margin: auto auto auto -55px;
    background-repeat: no-repeat;
    background-size: contain;

    /* margin: auto auto auto -275px; */
    left: 25%;

}

.grid-wrapper .rikon a.grid-btn {
    background-color: #a75764;
    color: #fff;
    text-align: left;
    display: block;
    /* margin: 7% auto; */
    margin: auto 0 7% auto;
    padding: 2% 3%;
    width: 50%;
    position: relative;
    font-size: 16px;
    align-items: end;
}
.grid-wrapper .keiji .grid-box-ttl {
    background-color: #222a4c;
    color: #fff;
    font-size: 24px;
    padding: 2% 2% 2% 8%;
    display: table;
    margin: 4% auto;
    text-align: center;
    position: relative;
    width: 65%;
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "Noto Serif JP", serif;
    font-weight: bold;
    margin-top: -33px;

    display: flex;
    justify-content: center;
    align-items: center;
}
.grid-wrapper .keiji .grid-box-ttl::before {
    content: "";
    width: 31px;
    height: 31px;
    position: absolute;
    background-image: url(../images/customer_contents/index/keiji.svg);
    top: 0;
    bottom: 0;
    margin: auto auto auto -45px;
    background-repeat: no-repeat;
    background-size: contain;

    /* width: 70px;
    height: 60px;
    margin: 17px auto auto -40px; */

    /* margin: auto auto auto -275px; */
    left: 25%;

}
.grid-wrapper .keiji a.grid-btn {
    background-color: #222a4c;
    color: #fff;
    text-align: left;
    display: block;
    /* margin: 7% auto; */
    margin: auto 0 7% auto;
    padding: 2% 3%;
    width: 50%;
    position: relative;
    font-size: 16px;
    align-items: end;
}
.grid-wrapper .souzoku .grid-box-ttl {
    background-color: #76682e;
    color: #fff;
    font-size: 24px;
    padding: 2% 2% 2% 8%;
    display: table;
    margin: 4% auto;
    text-align: center;
    position: relative;
    width: 65%;
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "Noto Serif JP", serif;
    font-weight: bold;
    margin-top: -33px;

    display: flex;
    justify-content: center;
    align-items: center;
}
.grid-wrapper .souzoku .grid-box-ttl::before {
    content: "";
    width: 31px;
    height: 31px;
    position: absolute;
    background-image: url(../images/customer_contents/index/souzoku.svg);
    top: 0;
    bottom: 0;
    margin: auto auto auto -40px;
    background-repeat: no-repeat;
    background-size: contain;

    /* margin: auto auto auto -275px; */
    left: 25%;

}
.grid-wrapper .souzoku.rousai .grid-box-ttl::before {
    background-image: url(../images/customer_contents/index/rousai.svg);
}
.grid-wrapper .souzoku.ijime .grid-box-ttl::before {
    background-image: url(../images/customer_contents/index/ijime.svg);
}
.grid-wrapper .souzoku a.grid-btn {
    background-color: #76682e;
    color: #fff;
    text-align: left;
    display: block;
    /* margin: 7% auto; */
    margin: auto 0 7% auto;
    padding: 2% 3%;
    width: 50%;
    position: relative;
    font-size: 16px;
    align-items: end;
}

/*セクハラ*/
.grid-wrapper .sekuhara .grid-box-ttl {
    background-color: #397973;
    color: #fff;
    font-size: 24px;
    padding: 2% 2% 2% 8%;
    display: table;
    margin: 4% auto;
    text-align: center;
    position: relative;
    width: 65%;
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "Noto Serif JP", serif;
    font-weight: bold;
    margin-top: -33px;

    display: flex;
    justify-content: center;
    align-items: center;
}
.grid-wrapper .sekuhara .grid-box-ttl::before {
    content: "";
    width: 31px;
    height: 31px;
    position: absolute;
    background-image: url(../images/customer_contents/index/sekuhara.svg);
    top: 0;
    bottom: 0;
    margin: auto auto auto -55px;
    background-repeat: no-repeat;
    background-size: contain;

    /* width: 70px;
    height: 60px;
    margin: 17px auto auto -40px; */

    /* margin: auto auto auto -275px; */
    left: 25%;

}
.grid-wrapper .sekuhara a.grid-btn {
    background-color: #397973;
    color: #fff;
    text-align: left;
    display: block;
    /* margin: 7% auto; */
    margin: auto 0 7% auto;
    padding: 2% 3%;
    width: 60%;
    position: relative;
    font-size: 16px;
    align-items: end;
}
/*ここまで*/

/*債務整理*/
.grid-wrapper .saimuseiri .grid-box-ttl {
    background-color: #397973;
    color: #fff;
    font-size: 24px;
    padding: 2% 2% 2% 8%;
    display: table;
    margin: 4% auto;
    text-align: center;
    position: relative;
    width: 65%;
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "Noto Serif JP", serif;
    font-weight: bold;
    margin-top: -33px;

    display: flex;
    justify-content: center;
    align-items: center;
}
.grid-wrapper .saimuseiri .grid-box-ttl::before {
    content: "";
    width: 31px;
    height: 31px;
    position: absolute;
    background-image: url(../images/customer_contents/index/saimuseiri.svg);
    top: 0;
    bottom: 0;
    margin: auto auto auto -55px;
    background-repeat: no-repeat;
    background-size: contain;

    /* width: 70px;
    height: 60px;
    margin: 17px auto auto -40px; */

    /* margin: auto auto auto -275px; */
    left: 25%;

}
.grid-wrapper .saimuseiri a.grid-btn {
    background-color: #397973;
    color: #fff;
    text-align: left;
    display: block;
    /* margin: 7% auto; */
    margin: auto 0 7% auto;
    padding: 2% 3%;
    width: 60%;
    position: relative;
    font-size: 16px;
    align-items: end;
}
/*ここまで*/

/*その他*/
.grid-wrapper .etc .grid-box-ttl {
    background-color: #605d5d;
    color: #fff;
    font-size: 24px;
    padding: 2% 2% 2% 8%;
    display: table;
    margin: 4% auto;
    text-align: center;
    position: relative;
    width: 65%;
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "Noto Serif JP", serif;
    font-weight: bold;
    margin-top: -33px;

    display: flex;
    justify-content: center;
    align-items: center;
}
.grid-wrapper .etc .grid-box-ttl::before {
    content: "";
    width: 31px;
    height: 31px;
    position: absolute;
    background-image: url(../images/customer_contents/index/etc.svg);
    top: 0;
    bottom: 0;
    margin: auto auto auto -40px;
    background-repeat: no-repeat;
    background-size: contain;
    /* margin: auto auto auto -275px; */
    left: 20%;

}
.grid-wrapper .etc a.grid-btn {
    background-color: #605d5d;
    color: #fff;
    text-align: left;
    display: block;
    /* margin: 7% auto; */
    margin: auto 0 7% auto;
    padding: 2% 3%;
    width: 50%;
    position: relative;
    font-size: 16px;
    align-items: end;
}
.grid-wrapper .box a.grid-btn::after {
    content: "";
    width: 10px;
    height: 15px;
    background-image: url(../images/customer_contents/index/arrow_circle_right.svg);
    background-repeat: no-repeat;
    background-size: contain;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    right: 4%;
}
.grid-wrapper .box a.grid-btn:hover {
    opacity: .5;
    transition: .5s;
}
.grid-pc {
    display: block;
}
.grid-sp {
    display: none;
}



/* ----------------------------
お問い合わせ　グリッドレイアウト
---------------------------- */


.contact-wrapper {
    background-color: #f3f3f3;
    padding: 5% 0 7%;
    margin: 0;
}

.contact-wrapper .contact-area {
    max-width: 1200px;
    margin: auto;
}
.contact-wrapper .contact-area h2{
    position: relative;
    padding: 0 65px;
    text-align: center;
    font-size: 36px;
    color:#000;
    margin: 5% auto;
    letter-spacing:.06em;
}
.contact-wrapper .contact-area h2:before{
    position: absolute;
    top: calc(50% - 1px);
    left: 0;
    width: 100%;
    height: 1px;
    content: '';
    background: #cbcbcb;
}
.contact-wrapper .contact-area h2 span {
    position: relative;
    padding: 0 1em;
    background: #f3f3f3;
    font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "Noto Serif JP", serif;
    color: #000;
}

.contact-wrapper .contact-area .tab-wrap {
    display: flex;
    justify-content: center;
    /* justify-content: center; */
    align-items: center;
    max-width: 1170px;
    margin: auto;
    position: relative;
}
.contact-wrapper .contact-area .tab-wrap .label {
    width: calc(100% / 6);
}
.contact-wrapper .contact-area .tab-wrap label.tab-label {
    display: inline-block;
	width: 135px;/*幅*/
	height: 135px;/*高さ*/
	border-radius: 50%;/*角丸*/
    background-color: #838276;
    text-align:center;
    line-height: 1.2;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    letter-spacing: .08rem;
	margin: 6px;
}
.contact-wrapper .contact-area .tab-label .contact-bunya span {
    display: inline-block;
    margin-top: 53px;
}
.contact-wrapper .contact-area .tab-label .contact-bunya.circle06 span {
	letter-spacing: -0.5px;
}
.contact-wrapper .contact-area .tab-wrap label.tab-label .circle01:hover {
    opacity: 1;
    background-color: #3d6d49;
    /* transition: .5s; */
    display: inline-block;
	width: 135px;/*幅*/
	height: 135px;/*高さ*/
	border-radius: 50%;/*角丸*/
    text-align:center;
    line-height: 1.2;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    letter-spacing: .08rem;
}
.tab-switch:checked+.tab-label .circle01 {
    opacity: 1;
    background-color: #3d6d49;
    /* transition: .5s; */
    display: inline-block;
	width: 135px;/*幅*/
	height: 135px;/*高さ*/
	border-radius: 50%;/*角丸*/
    text-align:center;
    line-height: 1.2;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    letter-spacing: .08rem;
}
.contact-wrapper .contact-area .tab-wrap label .circle01::before {
    content: "";
    width: 26px;
    height: 26px;
    position: absolute;
    background-image: url(../images/customer_contents/index/koutsu.svg);
    left: 0;
    right: 0;
    top: 25px;
    margin: auto;
    background-repeat: no-repeat;
    background-size: contain;
}
.contact-wrapper .contact-area .tab-wrap label .circle01::after{
    content: "";
    position: absolute;
    right: 0;
    bottom: 20px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    border-width: 10px 10px 0 10px;
  }
.contact-wrapper .contact-area .tab-wrap label.tab-label  .circle02:hover {
    opacity: 1;
    background-color: #407499;
    /* transition: .5s; */
    display: inline-block;
	width: 135px;/*幅*/
	height: 135px;/*高さ*/
	border-radius: 50%;/*角丸*/
    text-align:center;
    line-height: 1.2;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    letter-spacing: .08rem;
}
.tab-switch:checked+.tab-label .circle02 {
    opacity: 1;
    background-color: #407499;
    /* transition: .5s; */
    display: inline-block;
	width: 135px;/*幅*/
	height: 135px;/*高さ*/
	border-radius: 50%;/*角丸*/
    text-align:center;
    line-height: 1.2;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    letter-spacing: .08rem;
}
.contact-wrapper .contact-area .tab-wrap label .circle02::before {
    content: "";
    width: 22px;
    height: 22px;
    position: absolute;
    background-image: url(../images/customer_contents/index/iryou.svg);
    left: 0;
    right: 0;
    top: 23px;
    margin: auto;
    background-repeat: no-repeat;
    background-size: contain;
}
.contact-wrapper .contact-area .tab-wrap label .circle02::after{
    content: "";
    position: absolute;
    right: 0;
    bottom: 20px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    border-width: 10px 10px 0 10px;
  }
.contact-wrapper .contact-area .tab-wrap label.tab-label .circle03:hover {
    opacity: 1;
    background-color: #a75764;
    /* transition: .5s; */
    display: inline-block;
	width: 135px;/*幅*/
	height: 135px;/*高さ*/
	border-radius: 50%;/*角丸*/
    text-align:center;
    line-height: 1.2;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    letter-spacing: .08rem;
}
.tab-switch:checked+.tab-label .circle03 {
    opacity: 1;
    background-color: #a75764;
    /* transition: .5s; */
    display: inline-block;
	width: 135px;/*幅*/
	height: 135px;/*高さ*/
	border-radius: 50%;/*角丸*/
    text-align:center;
    line-height: 1.2;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    letter-spacing: .08rem;
}
.contact-wrapper .contact-area .tab-wrap label .circle03::before {
    content: "";
    width: 27px;
    height: 13px;
    position: absolute;
    background-image: url(../images/customer_contents/index/rikon.svg);
    left: 0;
    right: 0;
    top: 25px;
    margin: auto;
    background-repeat: no-repeat;
    background-size: contain;
}
.contact-wrapper .contact-area .tab-wrap label .circle03::after{
    content: "";
    position: absolute;
    right: 0;
    bottom: 20px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    border-width: 10px 10px 0 10px;
  }

.contact-wrapper .contact-area .tab-wrap label.tab-label .circle04:hover {
    opacity: 1;
    background-color: #222a4c;
    /* transition: .5s; */
    display: inline-block;
	width: 135px;/*幅*/
	height: 135px;/*高さ*/
	border-radius: 50%;/*角丸*/
    text-align:center;
    line-height: 1.2;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    letter-spacing: .08rem;
}
.tab-switch:checked+.tab-label .circle04 {
    opacity: 1;
    background-color: #222a4c;
    /* transition: .5s; */
    display: inline-block;
	width: 135px;/*幅*/
	height: 135px;/*高さ*/
	border-radius: 50%;/*角丸*/
    text-align:center;
    line-height: 1.2;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    letter-spacing: .08rem;
}

.contact-wrapper .contact-area .tab-wrap label .circle04::before {
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    background-image: url(../images/customer_contents/index/keiji.svg);
    left: 0;
    right: 0;
    top: 21px;
    margin: auto;
    background-repeat: no-repeat;
    background-size: contain;
}
.contact-wrapper .contact-area .tab-wrap label .circle04::after{
    content: "";
    position: absolute;
    right: 0;
    bottom: 20px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    border-width: 10px 10px 0 10px;
  }

.contact-wrapper .contact-area .tab-wrap label.tab-label .circle05:hover {
    opacity: 1;
    background-color: #76682e;
    /* transition: .5s; */
    display: inline-block;
	width: 135px;/*幅*/
	height: 135px;/*高さ*/
	border-radius: 50%;/*角丸*/
    text-align:center;
    line-height: 1.2;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    letter-spacing: .08rem;
}
.tab-switch:checked+.tab-label .circle05 {
    opacity: 1;
    background-color: #76682e;
    /* transition: .5s; */
    display: inline-block;
	width: 135px;/*幅*/
	height: 135px;/*高さ*/
	border-radius: 50%;/*角丸*/
    text-align:center;
    line-height: 1.2;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    letter-spacing: .08rem;
}
.contact-wrapper .contact-area .tab-wrap label .circle05::before {
    content: "";
    width: 26px;
    height: 26px;
    position: absolute;
    background-image: url(../images/customer_contents/index/souzoku.svg);
    left: 0;
    right: 0;
    top: 20px;
    margin: auto;
    background-repeat: no-repeat;
    background-size: contain;
}
.contact-wrapper .contact-area .tab-wrap label .circle05::after{
    content: "";
    position: absolute;
    right: 0;
    bottom: 20px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    border-width: 10px 10px 0 10px;
  }
.contact-wrapper .contact-area .tab-wrap label.tab-label .circle06:hover {
    opacity: 1;
    background-color: #397973;
    /* transition: .5s; */
    display: inline-block;
	width: 135px;/*幅*/
	height: 135px;/*高さ*/
	border-radius: 50%;/*角丸*/
    text-align:center;
    line-height: 1.2;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    letter-spacing: .08rem;
}
.contact-wrapper .contact-area .tab-wrap label.tab-label .circle08:hover {
    opacity: 1;
    background-color: #0db599;
    /* transition: .5s; */
    display: inline-block;
	width: 135px;/*幅*/
	height: 135px;/*高さ*/
	border-radius: 50%;/*角丸*/
    text-align:center;
    line-height: 1.2;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    letter-spacing: .08rem;
}
.tab-switch:checked+.tab-label .circle08 {
    opacity: 1;
    background-color: #0db599;
    /* transition: .5s; */
    display: inline-block;
	width: 135px;/*幅*/
	height: 135px;/*高さ*/
	border-radius: 50%;/*角丸*/
    text-align:center;
    line-height: 1.2;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    letter-spacing: .08rem;
}
.tab-switch:checked+.tab-label .circle06 {
    opacity: 1;
    background-color: #397973;
    /* transition: .5s; */
    display: inline-block;
	width: 135px;/*幅*/
	height: 135px;/*高さ*/
	border-radius: 50%;/*角丸*/
    text-align:center;
    line-height: 1.2;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    letter-spacing: .08rem;
}
.tab-switch:checked+.tab-label .circle08{
    background-color: #0db599!important;
}
.contact-wrapper .contact-area .tab-wrap label .circle08::before {
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    background-image: url(../images/customer_contents/index/rousai.svg);
    left: 0;
    right: 0;
    top: 20px;
    margin: auto;
    background-repeat: no-repeat;
    background-size: contain;
}
.contact-wrapper .contact-area .tab-wrap label .circle08::after{
    content: "";
    position: absolute;
    right: 0;
    bottom: 20px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    border-width: 10px 10px 0 10px;
  }
.contact-wrapper .contact-area .tab-wrap label .circle06::before {
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    background-image: url(../images/customer_contents/index/sekuhara.svg);
    left: 0;
    right: 0;
    top: 20px;
    margin: auto;
    background-repeat: no-repeat;
    background-size: contain;
}
.contact-wrapper .contact-area .tab-wrap label .circle06::after{
    content: "";
    position: absolute;
    right: 0;
    bottom: 20px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    border-width: 10px 10px 0 10px;
  }

.contact-wrapper .contact-area .tab-wrap label .circle10::before {
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    background-image: url(../images/customer_contents/index/saimuseiri.svg);
    left: 0;
    right: 0;
    top: 20px;
    margin: auto;
    background-repeat: no-repeat;
    background-size: contain;
}
.contact-wrapper .contact-area .tab-wrap label .circle10::after{
    content: "";
    position: absolute;
    right: 0;
    bottom: 20px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    border-width: 10px 10px 0 10px;
  }

.contact-wrapper .contact-area .tab-wrap label.tab-label .circle07:hover {
    opacity: 1;
    background-color: #605d5d;
    /* transition: .5s; */
    display: inline-block;
	width: 135px;/*幅*/
	height: 135px;/*高さ*/
	border-radius: 50%;/*角丸*/
    text-align:center;
    line-height: 1.2;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    letter-spacing: .08rem;
}
.tab-switch:checked+.tab-label .circle07 {
    opacity: 1;
    background-color: #838276;
    /* transition: .5s; */
    display: inline-block;
	width: 135px;/*幅*/
	height: 135px;/*高さ*/
	border-radius: 50%;/*角丸*/
    text-align:center;
    line-height: 1.2;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    letter-spacing: .08rem;
}
.contact-wrapper .contact-area .tab-wrap label .circle07::before {
    content: "";
    width: 26px;
    height: 26px;
    position: absolute;
    background-image: url(../images/customer_contents/index/etc.svg);
    left: 0;
    right: 0;
    top: 22px;
    margin: auto;
    background-repeat: no-repeat;
    background-size: contain;
}
.contact-wrapper .contact-area .tab-wrap label .circle07::after{
    content: "";
    position: absolute;
    right: 0;
    bottom: 20px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    border-width: 10px 10px 0 10px;
  }
.tab-switch:checked+.tab-label .circle09 {
    opacity: 1;
    background-color: #514125;
    /* transition: .5s; */
    display: inline-block;
	width: 135px;/*幅*/
	height: 135px;/*高さ*/
	border-radius: 50%;/*角丸*/
    text-align:center;
    line-height: 1.2;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    letter-spacing: .08rem;
}
.contact-wrapper .contact-area .tab-wrap label .circle09::before {
    content: "";
    width: 26px;
    height: 26px;
    position: absolute;
    background-image: url(../images/customer_contents/index/ijime.svg);
    left: 0;
    right: 0;
    top: 22px;
    margin: auto;
    background-repeat: no-repeat;
    background-size: contain;
}
.contact-wrapper .contact-area .tab-wrap label .circle09::after{
    content: "";
    position: absolute;
    right: 0;
    bottom: 20px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
    border-width: 10px 10px 0 10px;
  }
.contact-wrapper .contact-area .tab-wrap label.tab-label .circle09:hover {
    opacity: 1;
    background-color: #514125;
    /* transition: .5s; */
    display: inline-block;
	width: 135px;/*幅*/
	height: 135px;/*高さ*/
	border-radius: 50%;/*角丸*/
    text-align:center;
    line-height: 1.2;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    position: relative;
    letter-spacing: .08rem;
}
.tab_mejirushi {
    position: absolute;
    top: 220px;
}


/* CV切り替え */
.tab-wrap {
    display: flex;
    flex-wrap: wrap;
}
 .tab-label {
    color: White;
    background: LightGray;
    /* margin-right: 5px;
    padding: 3px 12px;
    margin: 0 1%; */
    order:-1;
}
.tab-content {
    width: 100%;
    display: none;
    background-color: #fff;
    border: 4px solid #e9e9e9;
    max-width: 770px;
    margin: 5% auto;
    padding: 2%;
}
.tab-content .cv-box01,.tab-content .cv-box02,.tab-content .cv-box03,.tab-content .cv-box04,.tab-content .cv-box05,.tab-content .cv-box06,.tab-content .cv-box07,.tab-content .cv-box08,.tab-content .cv-box09,.tab-content .cv-box10 {
    display: flex;
    /* justify-content: center;
    align-items: center; */
}
.tab-content .cv-box01 .cv-left{
    background-color: #f2f2f2;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #3d6d49;
    font-size: 18px;
    font-weight: bold;
    padding: 0 3%;
    margin-right: 2%;
    position: relative;
    min-width: 180px;
}
.tab-content .cv-box01 .cv-left span {
    margin-top: 25px;
}
.tab-content .cv-box01 .cv-left::before{
    content: "";
    width: 28px;
    height: 26px;
    position: absolute;
    background-image: url(../images/customer_contents/index/koutsu_cv.svg);
    left: 0;
    right: 0;
    top: 40px;
    margin: auto;
    background-repeat: no-repeat;
    background-size: contain;
}
.tab-content .cv-box02 .cv-left{
    background-color: #f2f2f2;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #407499;
    font-size: 18px;
    font-weight: bold;
    padding: 0 3%;
    margin-right: 2%;
    position: relative;
    min-width: 180px;
}
.tab-content .cv-box02 .cv-left span {
    margin-top: 25px;
}
.tab-content .cv-box02 .cv-left::before{
    content: "";
    width: 25px;
    height: 25px;
    position: absolute;
    background-image: url(../images/customer_contents/index/iryou_cv.svg);
    left: 0;
    right: 0;
    top: 32px;
    margin: auto;
    background-repeat: no-repeat;
    background-size: contain;
}
.tab-content .cv-box03 .cv-left{
    background-color: #f2f2f2;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #a75764;
    font-size: 18px;
    font-weight: bold;
    padding: 0 3%;
    margin-right: 2%;
    position: relative;
    min-width: 180px;
}
.tab-content .cv-box03 .cv-left span {
    margin-top: 25px;
}
.tab-content .cv-box03 .cv-left::before{
    content: "";
    width: 33px;
    height: 28px;
    position: absolute;
    background-image: url(../images/customer_contents/index/rikon_cv.svg);
    left: 0;
    right: 0;
    top: 38px;
    margin: auto;
    background-repeat: no-repeat;
    background-size: contain;
}
.tab-content .cv-box04 .cv-left{
    background-color: #f2f2f2;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #222a4c;
    font-size: 18px;
    font-weight: bold;
    padding: 0 3%;
    margin-right: 2%;
    position: relative;
    min-width: 180px;
}
.tab-content .cv-box04 .cv-left span {
    margin-top: 25px;
}
.tab-content .cv-box04 .cv-left::before{
    content: "";
    width: 28px;
    height: 28px;
    position: absolute;
    background-image: url(../images/customer_contents/index/keiji_cv.svg);
    left: 0;
    right: 0;
    top: 30px;
    margin: auto;
    background-repeat: no-repeat;
    background-size: contain;
}
.tab-content .cv-box05 .cv-left{
    background-color: #f2f2f2;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #76682e;
    font-size: 18px;
    font-weight: bold;
    padding: 0 3%;
    margin-right: 2%;
    position: relative;
    min-width: 180px;
}
.tab-content .cv-box05 .cv-left span {
    margin-top: 25px;
}
.tab-content .cv-box05 .cv-left::before{
    content: "";
    width: 28px;
    height: 28px;
    position: absolute;
    background-image: url(../images/customer_contents/index/souzoku_cv.svg);
    left: 0;
    right: 0;
    top: 32px;
    margin: auto;
    background-repeat: no-repeat;
    background-size: contain;
}
.tab-content .cv-box06 .cv-left{
    background-color: #f2f2f2;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #397973;
    font-size: 18px;
    font-weight: bold;
    padding: 0 3%;
    margin-right: 2%;
    position: relative;
    min-width: 180px;
}
.tab-content .cv-box06 .cv-left span {
    margin-top: 25px;
}
.tab-content .cv-box06 .cv-left::before{
    content: "";
    width: 28px;
    height: 28px;
    position: absolute;
    background-image: url(../images/customer_contents/index/sekuhara_cv.svg);
    left: 0;
    right: 0;
    top: 32px;
    margin: auto;
    background-repeat: no-repeat;
    background-size: contain;
}
.tab-content .cv-box06.cv-box08 .cv-left::before{
    background-image: url(../images/customer_contents/index/rousai_cv.svg);
}
.tab-content .cv-box07 .cv-left{
    background-color: #f2f2f2;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #605d5d;
    font-size: 18px;
    font-weight: bold;
    padding: 0 3%;
    margin-right: 2%;
    position: relative;
    min-width: 180px;
}
.tab-content .cv-box07 .cv-left span {
    margin-top: 25px;
}
.tab-content .cv-box07 .cv-left::before{
    content: "";
    width: 28px;
    height: 28px;
    position: absolute;
    background-image: url(../images/customer_contents/index/etc_cv.svg);
    left: 0;
    right: 0;
    top: 30px;
    margin: auto;
    background-repeat: no-repeat;
    background-size: contain;
}
.tab-content .cv-box09 .cv-left{
    background-color: #f2f2f2;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #76682e;
    font-size: 18px;
    font-weight: bold;
    padding: 0 3%;
    margin-right: 2%;
    position: relative;
    min-width: 180px;
}
.tab-content .cv-box09 .cv-left span {
    margin-top: 25px;
}
.tab-content .cv-box09 .cv-left::before{
    content: "";
    width: 28px;
    height: 28px;
    position: absolute;
    background-image: url(../images/customer_contents/index/ijime_cv.svg);
    left: 0;
    right: 0;
    top: 32px;
    margin: auto;
    background-repeat: no-repeat;
    background-size: contain;
}

.tab-content .cv-box10 .cv-left{
    background-color: #f2f2f2;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #1a3811;
    font-size: 18px;
    font-weight: bold;
    padding: 0 3%;
    margin-right: 2%;
    position: relative;
    min-width: 180px;
}
.tab-content .cv-box10 .cv-left span {
    margin-top: 25px;
}
.tab-content .cv-box10 .cv-left::before{
    content: "";
    width: 28px;
    height: 28px;
    position: absolute;
    background-image: url(../images/customer_contents/index/saimuseiri_cv.svg);
    left: 0;
    right: 0;
    top: 32px;
    margin: auto;
    background-repeat: no-repeat;
    background-size: contain;
}

.tab-content .cv-right {
    margin: auto;
    text-align: center;
    width: 60%;
    display: list-item;
    list-style: none;
}
.tab-content .cv-right .cv-tel,.tab-content .cv-right .cv-tel.para {
    color: #990000;
    font-size: 48px;
    font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝','Yu Mincho', '游明朝体', 'YuMincho','ＭＳ Ｐ明朝', 'MS PMincho', "Noto Serif JP", serif;
    font-weight: bold;
    position: relative;
    line-height: 1;
    display: grid;
}
.tab-content .cv-right .cv-tel::before {
    content: "";
    width: 31px;
    height: 31px;
    position: absolute;
    background-image: url(../images/customer_contents/index/tel-icon.svg);
    top: 0;
    bottom: 0;
    margin: auto;
    background-repeat: no-repeat;
    background-size: contain;
    /* margin-left: -40px; */
    margin-left: 7%;
}
.tab-content .cv-right .cv-tel.para::before {
    content: "";
    width: 31px;
    height: 31px;
    position: absolute;
    background-image: url(../images/customer_contents/index/tel-icon.svg);
    top: 0;
    bottom: 0;
    margin: auto;
    background-repeat: no-repeat;
    background-size: contain;
    /* margin-left: -40px; */
    margin-left: -27px;
}
.tab-content .cv-right .cv-txt {
    color: #990000;
    font-size: 16px;
    font-weight: bold;
}
/* .tab-content .cv-right .cv-btnarea {
    display: flex;
    width: 80%;
    margin: 2% auto 0;
} */
.tab-content .cv-box01 .cv-btnarea,.tab-content .cv-box02 .cv-btnarea,.tab-content .cv-box03 .cv-btnarea,.tab-content .cv-box04 .cv-btnarea,.tab-content .cv-box05 .cv-btnarea,.tab-content .cv-box06 .cv-btnarea,.tab-content .cv-box07 .cv-btnarea,.tab-content .cv-box08 .cv-btnarea,.tab-content .cv-box09 .cv-btnarea,.tab-content .cv-box10 .cv-btnarea {
    /* display: block;
    margin: 2% auto 0; */

    display: flex;
    margin: 2% 3% 0 0;
    -webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center; 
}
.tab-content .cv-right .cv-btnarea .cv-btnleft a {
    padding: 3% 6% 3%;
    margin-left: 15px;
    display: block;
    color: #fff;
    font-weight: bold;
    border-radius: 3px;
    min-width: 185px;
    position: relative;

    /* background-color: #ae6b0c;
    padding: 2%;
    margin-left: 13px;
    display: block;
    color: #fff;
    font-weight: bold;
    border-radius: 3px;
    min-width: 165px;
    position: relative;

    padding: 2%;
    margin-left: 13px;
    display: inline-block;
    color: #fff;
    font-weight: bold;
    border-radius: 3px;
    min-width: 270px;
    position: relative;  */
}

.tab-content .cv-right .cv-btnarea .cv-btnleft a.koutsujiko{
    background-color: #3d6d49;
}
.tab-content .cv-right .cv-btnarea .cv-btnleft a.iryou{
    background-color: #407499;
}
.tab-content .cv-right .cv-btnarea .cv-btnleft a.rikon{
    background-color: #a75764;
}
.tab-content .cv-right .cv-btnarea .cv-btnleft a.keiji{
    background-color: #222a4c;
}
.tab-content .cv-right .cv-btnarea .cv-btnleft a.souzoku{
    background-color: #76682e;
}
.tab-content .cv-right .cv-btnarea .cv-btnleft a.sekuhara{
    background-color: #397973;
}
.tab-content .cv-right .cv-btnarea .cv-btnleft a.sekuhara{
	background: #397973;
}
.tab-content .cv-right .cv-btnarea .cv-btnleft a.rousai{
	background: #0db599;
}
.tab-content .cv-right .cv-btnarea .cv-btnleft a.ijime{
	background: #514125;
}
.tab-content .cv-right .cv-btnarea .cv-btnleft a.saimuseiri{
	background: #514125;
}
.tab-content .cv-right .cv-btnarea .cv-btnleft a.etc{
    background-color: #605d5d;
}
.tab-content .cv-right .cv-btnarea .cv-btnleft a::after {
    content: "";
    width: 14px;
    height: 14px;
    position: absolute;
    background-image: url(../images/customer_contents/index/link-icon.svg);
    top: 0;
    bottom: 0;
    margin: auto;
    background-repeat: no-repeat;
    background-size: contain;
    right: 10px;
}
.tab-content .cv-right .cv-btnarea .cv-btnleft a.rikon::after,.tab-content .cv-right .cv-btnarea .cv-btnleft a.souzoku::after {
    content: "";
    width: 14px;
    height: 14px;
    position: absolute;
    background-image: url(../images/customer_contents/index/link-icon.svg);
    top: 0;
    bottom: 0;
    margin: auto;
    background-repeat: no-repeat;
    background-size: contain;
    right: 10px;
}
.tab-content .cv-right .cv-btnarea .cv-btnleft a.keiji::after,.tab-content .cv-right .cv-btnarea .cv-btnleft a.etc::after {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    background-image: url(../images/customer_contents/index/arrow_circle_right.svg);
    top: 0;
    bottom: 0;
    margin: auto;
    background-repeat: no-repeat;
    background-size: contain;
    right: 10px;
}
.tab-content .cv-right .cv-btnarea .cv-btnright a {
    background-color: #ae6b0c;
    padding: 3% 6% 3%;
    margin-right: 15px;
    display: block;
    color: #fff;
    font-weight: bold;
    border-radius: 3px;
    min-width: 185px;
    position: relative;
}

.tab-content .cv-right .cv-btnarea .cv-btnright a:hover,.tab-content .cv-right .cv-btnarea .cv-btnleft a:hover,.contact-wrapper .contact-area a.cv-bottombtn:hover {
    opacity: .5;
    transition: .5s;
}
.tab-content .cv-right .cv-btnarea .cv-btnright a::after {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    background-image: url(../images/customer_contents/index/arrow_circle_right.svg);
    top: 0;
    bottom: 0;
    margin: auto;
    background-repeat: no-repeat;
    background-size: contain;
    right: 10px;
}
.tab-content .cv-right .cv-btnarea .cv-btnright a.koutsujiko::after,.tab-content .cv-right .cv-btnarea .cv-btnright a.iryou::after,.tab-content .cv-right .cv-btnarea .cv-btnright a.rikon::after,.tab-content .cv-right .cv-btnarea .cv-btnright a.keiji::after,.tab-content .cv-right .cv-btnarea .cv-btnright a.souzoku::after {
    content: "";
    width: 14px;
    height: 14px;
    position: absolute;
    background-image: url(../images/customer_contents/index/link-icon.svg);
    top: 0;
    bottom: 0;
    margin: auto;
    background-repeat: no-repeat;
    background-size: contain;
    right: 10px;
}
.contact-wrapper .contact-area a.cv-bottombtn{
    background-color: #222a49;
    color: #fff;
    text-align: center;
    display: block;
    /* margin: 7% auto; */
    margin: auto;
    padding: 1% 4% 1% 0;
    width: 20%;
    position: relative;
    font-size: 15px;
    align-items: end;
    min-width: 300px;
}
.contact-wrapper .contact-area a.cv-bottombtn::after {
    content: "";
    width: 15px;
    height: 15px;
    position: absolute;
    background-image: url(../images/customer_contents/index/arrow_circle_right.svg);
    top: 0;
    bottom: 0;
    margin: auto;
    background-repeat: no-repeat;
    background-size: contain;
    right: 10px;
}
.tab-switch:checked+.tab-label+.tab-content {
    display: block;
}
.tab-switch {
    display: none;
}



@media screen and (max-width: 1200px){
    #customer_contents_maintitle_area_kojin .main-kiji {
        width: 50%;
    }
    #customer_contents_maintitle_area_kojin {
        width: 95%;
    }
    #customer_contents_wrapper_kojin {
        width: 95%;
    }
    .new-grid-wrapper .koutsujiko .grid-box-ttl,.new-grid-wrapper .iryou .grid-box-ttl,.new-grid-wrapper .rikon .grid-box-ttl,.new-grid-wrapper .rousai .grid-box-ttl,.new-grid-wrapper .keiji .grid-box-ttl,.new-grid-wrapper .souzoku .grid-box-ttl,.new-grid-wrapper .etc .grid-box-ttl {
        width: 150px;
    }
    .new-grid-wrapper .koutsujiko .grid-box-ttl::before,.new-grid-wrapper .iryou .grid-box-ttl::before,.new-grid-wrapper .rikon .grid-box-ttl::before,.new-grid-wrapper .rousai .grid-box-ttl::before,.new-grid-wrapper .keiji .grid-box-ttl::before,.new-grid-wrapper .souzoku .grid-box-ttl::before,.new-grid-wrapper .etc .grid-box-ttl::before {
        width: 200px;
    }
    .new-grid-wrapper .koutsujiko .grid-box-ttl span::before,.new-grid-wrapper .keiji .grid-box-ttl span::before,.new-grid-wrapper .souzoku .grid-box-ttl span::before,.new-grid-wrapper .etc .grid-box-ttl span::before {
        /* width: 25px;
        height: 21px;
        margin: auto auto auto -25px; */

        width: 22px;
        height: 15px;
        margin: auto auto auto -29px;
    }
    .new-grid-wrapper .iryou .grid-box-ttl span::before {
        width: 20px;
        height: 16px;
        margin: auto auto auto -25px;
    }
    .new-grid-wrapper .rikon .grid-box-ttl span::before {
        width: 22px;
        height: 10px;
        margin: auto auto auto -28px;
    }
    .new-grid-wrapper .rousai .grid-box-ttl span::before {
        width: 22px;
        height: 20px;
        margin: auto auto auto -28px;
    }
    /* .new-grid-wrapper {
        height: 450px;
    } */
	
	.contact-wrapper .contact-area .tab-wrap {
    	display: flex;
    	justify-content: center;
    	/* justify-content: center; */
    	align-items: center;
    	max-width: 770px;
		width: 90%;
    	margin: auto;
    	position: relative;
		gap: 10px;
	}
	.contact-wrapper .contact-area .tab-wrap .label {
	    width: calc(100% / 6);
	}
	.contact-wrapper .contact-area .tab-wrap label.tab-label {
    	display: inline-block;
		width: 135px;/*幅*/
		height: 135px;/*高さ*/
		border-radius: 50%;/*角丸*/
    	background-color: #838276;
    	text-align:center;
    	line-height: 1.2;
    	color: #fff;
    	font-size: 18px;
    	font-weight: bold;
    	position: relative;
    	letter-spacing: .08rem;
		margin: 6px;
	}
	
}

@media screen and (max-width: 1200px) and (min-width: 1025px){
	.tab-content .cv-right .cv-tel::before {
		margin-left: 4%;
	}
}


@media screen and (max-width: 1024px){
	.tab-content .cv-right .cv-tel::before {
		margin-left: 1%;
	}
    #customer_contents_maintitle_area_kojin .main-kiji .kiji_title {
        font-size: 2.5vw;
    }
    #customer_contents_maintitle_area_kojin h1 {
        font-size: 4vw;
    }
    #customer_contents_maintitle_area_kojin .eng_title {
        padding: 0 4vw;
    }
    #customer_contents_maintitle_area_kojin .eng_title span {
        padding: 0 .5em;
    }
    #customer_contents_maintitle_area_kojin .main-kiji a.grid-btn {
        width: 30%;
    }
    .grid-wrapper .koutsujiko .grid-box-ttl,.grid-wrapper .iryou .grid-box-ttl,.grid-wrapper .rikon .grid-box-ttl,.grid-wrapper .keiji .grid-box-ttl,.grid-wrapper .souzoku .grid-box-ttl,.grid-wrapper .etc .grid-box-ttl,.grid-wrapper .sekuhara .grid-box-ttl,.grid-wrapper .saimuseiri .grid-box-ttl {
        font-size: 2vw;
        margin-top: -23px;
    }
    .grid-wrapper .koutsujiko .grid-box-ttl::before,.grid-wrapper .iryou .grid-box-ttl::before,.grid-wrapper .rikon .grid-box-ttl::before,.grid-wrapper .keiji .grid-box-ttl::before,.grid-wrapper .souzoku .grid-box-ttl::before,.grid-wrapper .sekuhara .grid-box-ttl::before,.grid-wrapper .saimuseiri .grid-box-ttl::before {
        left: 30%;
    }
    .grid-wrapper .etc .grid-box-ttl::before {
        left: 25%;
    }
    .grid-wrapper .koutsujiko .grid-box-ttl::before,.grid-wrapper .iryou .grid-box-ttl::before,.grid-wrapper .rikon .grid-box-ttl::before,.grid-wrapper .keiji .grid-box-ttl::before,.grid-wrapper .souzoku .grid-box-ttl::before,.grid-wrapper .etc .grid-box-ttl::before,.grid-wrapper .sekuhara .grid-box-ttl::before,.grid-wrapper .saimuseiri .grid-box-ttl::before {
        width: 3vw;
        height: 2vw;
    }
    .grid-wrapper .iryou .grid-box-ttl::before {
        width: 3vw;
        height: 2vw;
    }
    .grid-wrapper {
        column-gap: 7%;
        row-gap: 1.5%;
    }
    .grid-wrapper .box {
        max-width: 100%;
    }
    .grid-wrapper .box .grid-txtarea {
        max-height: 360px;
    }
    .contact-wrapper {
        padding: 5% 0 15%;
    }
    .contact-wrapper .contact-area .tab-wrap {
        justify-content: center;
        margin: auto;
    	max-width: 640px;
		/*width: 90%;*/
		/*gap:10px;*/
    }
	.tab-content .cv-right .cv-btnarea .cv-btnleft a,.tab-content .cv-right .cv-btnarea .cv-btnright a {
		padding: 3% 2% 3%;
		min-width: 160px;
	}
	.tab-content .cv-box07 .cv-left {
		margin-right: 0;
	}
	.contact-wrapper .contact-area .tab-wrap label.tab-label {
    	display: inline-block;
		width: 135px;/*幅*/
		height: 135px;/*高さ*/
		border-radius: 50%;/*角丸*/
    	background-color: #838276;
    	text-align:center;
    	line-height: 1.2;
    	color: #fff;
    	font-size: 18px;
    	font-weight: bold;
    	position: relative;
    	letter-spacing: .08rem;
		margin: 6px;
	}
	
    /* .new-grid-wrapper {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        column-gap: 4em;
        row-gap: 2em;
        margin: 0 auto;
    } */
    .new-grid-wrapper .box {
        width: calc(95% / 3);
        /* margin-bottom: 6%; */
    }
    .new-grid-wrapper .koutsujiko .grid-box-ttl, .new-grid-wrapper .iryou .grid-box-ttl, .new-grid-wrapper .rikon .grid-box-ttl, .new-grid-wrapper .keiji .grid-box-ttl, .new-grid-wrapper .souzoku .grid-box-ttl, .new-grid-wrapper .etc .grid-box-ttl {
        width: 120px;
        font-size: 15px;
    }
    .new-grid-wrapper .koutsujiko .grid-box-ttl::before, .new-grid-wrapper .iryou .grid-box-ttl::before, .new-grid-wrapper .rikon .grid-box-ttl::before, .new-grid-wrapper .keiji .grid-box-ttl::before, .new-grid-wrapper .souzoku .grid-box-ttl::before, .new-grid-wrapper .etc .grid-box-ttl::before {
        width: 180px;
    }
    .new-grid-wrapper .koutsujiko .grid-btn, .new-grid-wrapper .iryou .grid-btn, .new-grid-wrapper .rikon .grid-btn, .new-grid-wrapper .keiji .grid-btn, .new-grid-wrapper .souzoku .grid-btn, .new-grid-wrapper .etc .grid-btn {
        width: 40%;
    }
    .contact-wrapper .contact-area .tab-wrap label.tab-label {
        width: 110px;
        height: 110px;
        font-size: 16px;
    }
    .tab-switch:checked+.tab-label .circle01,.tab-switch:checked+.tab-label .circle02,.tab-switch:checked+.tab-label .circle03,.tab-switch:checked+.tab-label .circle04,.tab-switch:checked+.tab-label .circle05,.tab-switch:checked+.tab-label .circle06,.tab-switch:checked+.tab-label .circle07,.tab-switch:checked+.tab-label .circle08,.tab-switch:checked+.tab-label .circle09 {
        width: 110px;
        height: 110px;
        font-size: 16px;
    }
    .contact-wrapper .contact-area .tab-wrap label.tab-label .circle01:hover,.contact-wrapper .contact-area .tab-wrap label.tab-label .circle02:hover,.contact-wrapper .contact-area .tab-wrap label.tab-label .circle03:hover,.contact-wrapper .contact-area .tab-wrap label.tab-label .circle04:hover,.contact-wrapper .contact-area .tab-wrap label.tab-label .circle05:hover,.contact-wrapper .contact-area .tab-wrap label.tab-label .circle06:hover,.contact-wrapper .contact-area .tab-wrap label.tab-label .circle07:hover,.contact-wrapper .contact-area .tab-wrap label.tab-label .circle08:hover,.contact-wrapper .contact-area .tab-wrap label.tab-label .circle09:hover {
        width: 110px;
        height: 110px;
        font-size: 16px;
    }
    .contact-wrapper .contact-area .tab-label .contact-bunya span {
        margin-top: 37px;
    }
    .contact-wrapper .contact-area .tab-label .contact-bunya.circle06 span {
		letter-spacing: -0.5px
    }
   .contact-wrapper .contact-area .tab-wrap label .circle04::before,.contact-wrapper .contact-area .tab-wrap label .circle05::before,.contact-wrapper .contact-area .tab-wrap label .circle06::before,.contact-wrapper .contact-area .tab-wrap label .circle07::before,.contact-wrapper .contact-area .tab-wrap label .circle08::before,.contact-wrapper .contact-area .tab-wrap label .circle09::before,.contact-wrapper .contact-area .tab-wrap label .circle10::before {
        top: 9px;
    }
    .contact-wrapper .contact-area .tab-wrap label .circle03::before {
        top: 15px;
    }
    .contact-wrapper .contact-area .tab-wrap label .circle01::before,.contact-wrapper .contact-area .tab-wrap label .circle02::before {
        top: 12px;
    }
    /* .grid-wrapper .rikon .grid-box-ttl::before {
        margin: auto auto auto -35px;
    }
    .grid-wrapper .koutsujiko .grid-box-ttl::before {
        margin: auto auto auto -24vw;
    }
    .grid-wrapper .iryou .grid-box-ttl::before {
        margin: auto auto auto -22vw;
    }
    .grid-wrapper .rikon .grid-box-ttl::before {
        margin: auto auto auto -24vw;
    }
    .grid-wrapper .keiji .grid-box-ttl::before {
        margin: auto auto auto -24vw;
    }
    .grid-wrapper .souzoku .grid-box-ttl::before {
        margin: auto auto auto -22vw;
    }
    .grid-wrapper .etc .grid-box-ttl::before {
        margin: auto auto auto -24vw;
    } */
    .tab-content .cv-right .cv-tel,.tab-content .cv-right .cv-tel.para {
        font-size: 43px;
    }
    
    .tab-content .cv-right .cv-tel.para::before {
        width: 28px;
        height: 28px;
        margin-left: -2vw;
    }
    .tab-content .cv-right .cv-tel::before {
        /* margin-left: 10%; */
        /* margin-left: 45px; */
        /*left: 12px;*/
    }
    .new-grid-wrapper .koutsujiko .grid-box-ttl span::before {
        width: 22px;
        height: 15px;
        margin: auto auto auto -27px;
    }
    .new-grid-wrapper .keiji .grid-box-ttl span::before, .new-grid-wrapper .souzoku .grid-box-ttl span::before, .new-grid-wrapper .etc .grid-box-ttl span::before {
        width: 22px;
        height: 15px;
        margin: auto auto auto -20px;
    }
	.tab-content .cv-box06 .cv-left{
	    padding: 0 2%;
	}

}


@media screen and (max-width:970px){
    /* .tab-content .cv-right .cv-tel::before {
        left: -8px;
    } */
    /* .tab-content .cv-right .cv-tel::before {
        margin-left: -2%;
    }
    .tab-content .cv-right .cv-btnarea {
        width: 80%;
    } */

    .tab-content .cv-right .cv-btnarea .cv-btnleft a {
        padding: 3% 6% 3% 0;
        margin-left: 10px;
    }
    .tab-content .cv-right .cv-btnarea .cv-btnright a {
        padding: 3% 6% 3% 0;
        margin-right: 10px;
    }
/*    .tab-content .cv-right .cv-tel, .tab-content .cv-right .cv-tel.para {
        font-size: 35px;
    }*/
    .tab-content .cv-right .cv-tel::before {
        width: 28px;
        height: 28px;
    }
    .new-grid-wrapper .box time {
        font-size: 11px;
    }
    .new-grid-wrapper .box .grid-txtarea p {
        font-size: 16px !important;
    }
    .tab-content .cv-box01 .cv-left::before {
        top: 30px;
    }
    .tab-content .cv-box02 .cv-left::before, .tab-content .cv-box03 .cv-left::before {
        top: 28px;
    }
    .tab-content .cv-box04 .cv-left::before {
        top: 20px;
    }
    .tab-content .cv-box05 .cv-left::before {
        top: 22px;
    }
    .tab-content .cv-box06 .cv-left::before {
        top: 22px;
    }
    .tab-content .cv-box07 .cv-left::before {
        top: 23px;
    }
    .tab-content .cv-box10 .cv-left::before {
        top: 23px;
    }
    .contact-wrapper .contact-area .tab-wrap label.tab-label {
        width: 110px;
        height: 110px;
        font-size: 16px;
    }
    .tab-content .cv-right .cv-tel::before {
        /* margin-left: 10%; */
        /* margin-left: 45px; */
        /*left: 12px;*/
    }
}

@media screen and (max-width:970px) and (min-width:768px){
    .tab-content .cv-right .cv-btnarea .cv-btnleft a,.tab-content .cv-right .cv-btnarea .cv-btnright a {
        /* min-width: 300px; */
        min-width: 160px;
    }
	.tab-content .cv-right .cv-btnarea .cv-btnright a {
		padding: 3% 8% 3% 0;
	}
}

@media screen and (max-width: 800px){
    .grid-wrapper .koutsujiko .grid-box-ttl::before,.grid-wrapper .iryou .grid-box-ttl::before,.grid-wrapper .rikon .grid-box-ttl::before,.grid-wrapper .keiji .grid-box-ttl::before,.grid-wrapper .souzoku .grid-box-ttl::before,.grid-wrapper .saimuseiri .grid-box-ttl::before {
        left: 32%;
    }
    .grid-wrapper .etc .grid-box-ttl::before, .grid-wrapper .sekuhara .grid-box-ttl::before {
        left: 29%;
    }
}

@media screen and (max-width: 767px){
	.tab-content .cv-right .cv-btnarea .cv-btnleft a, .tab-content .cv-right .cv-btnarea .cv-btnright a {
		min-width: 170px;
	}
    .new-grid-wrapper {
        max-width: 550px;
    }
    .new-grid-wrapper .box time {
        font-size: 10px;
    }
    .tab-content {
        padding: 4%;
    }
    .tab-content .cv-box01, .tab-content .cv-box02, .tab-content .cv-box03, .tab-content .cv-box04, .tab-content .cv-box05, .tab-content .cv-box06, .tab-content .cv-box07, .tab-content .cv-box08, .tab-content .cv-box09, .tab-content .cv-box10 {
        display: block;
    }
    .tab-content .cv-box01 .cv-left,.tab-content .cv-box02 .cv-left,.tab-content .cv-box03 .cv-left,.tab-content .cv-box04 .cv-left,.tab-content .cv-box05 .cv-left,.tab-content .cv-box06 .cv-left,.tab-content .cv-box07 .cv-left,.tab-content .cv-box08 .cv-left,.tab-content .cv-box09 .cv-left,.tab-content .cv-box10 .cv-left {
        padding: 3%;
        margin-bottom: 3%;
    }
    .tab-content .cv-box01 .cv-left::before,.tab-content .cv-box02 .cv-left::before,.tab-content .cv-box03 .cv-left::before,.tab-content .cv-box04 .cv-left::before,.tab-content .cv-box05 .cv-left::before,.tab-content .cv-box06 .cv-left::before,.tab-content .cv-box07 .cv-left::before,.tab-content .cv-box08 .cv-left::before,.tab-content .cv-box09 .cv-left::before {
        top: 15px;
    }
    .tab-content .cv-box03 .cv-left::before {
        top: 25px;
    }
    /* .tab-content .cv-box03 .cv-left {
        font-size: 3vw;
    } */
    .tab-content .cv-right {
        width: 90%;
    }
    /* .tab-content .cv-right .cv-btnarea {
        width: 80%;
        justify-content: center;
    } */
    .tab-content .cv-box01 .cv-left,.tab-content .cv-box02 .cv-left,.tab-content .cv-box03 .cv-left,.tab-content .cv-box04 .cv-left,.tab-content .cv-box05 .cv-left,.tab-content .cv-box06 .cv-left,.tab-content .cv-box07 .cv-left,.tab-content .cv-box08 .cv-left,.tab-content .cv-box09 .cv-left,.tab-content .cv-box10 .cv-left {
        margin-right: 0;
    }
    .contact-wrapper .contact-area a.cv-bottombtn {
        padding: 2% 4% 2% 0;
    }
    .grid-wrapper {
        display: block;
    }
    .grid-wrapper .box {
        width: 100%;
    }
    .grid-wrapper .koutsujiko a.grid-btn,.grid-wrapper .iryou a.grid-btn,.grid-wrapper .rikon a.grid-btn,.grid-wrapper .keiji a.grid-btn,.grid-wrapper .souzoku a.grid-btn,.grid-wrapper .etc a.grid-btn{
        width: 60%;
    }
    #customer_contents_maintitle_area_kojin .main-kiji {
        width: 90%;
    }
    .grid-wrapper .koutsujiko .grid-box-ttl, .grid-wrapper .iryou .grid-box-ttl, .grid-wrapper .rikon .grid-box-ttl, .grid-wrapper .keiji .grid-box-ttl, .grid-wrapper .souzoku .grid-box-ttl, .grid-wrapper .etc .grid-box-ttl, .grid-wrapper .sekuhara .grid-box-ttl, .grid-wrapper .saimuseiri .grid-box-ttl {
        font-size: 2.5vw;
    }

    .grid-wrapper .rikon .grid-box-ttl::before {
        margin: auto auto auto -25px;
        top: 10px;
    }
    .tab-content .cv-right .cv-tel::before {
        /* margin-left: 6vw; */
        width: 34px;
        height: 34px;
		/*width: 5vw;
		height: 5vw;*/
		left: 40px;
		transform:translate(-50%, 0);
		margin-left: 0;
    }
    .grid-wrapper .souzoku .grid-box-ttl::before,.grid-wrapper .etc .grid-box-ttl::before {
        width: 4vw;
        height: 3vw;
    }
    .grid-wrapper .koutsujiko .grid-box-ttl::before {
        margin: auto auto auto 0;
    }
    .grid-wrapper .iryou .grid-box-ttl::before {
        margin: auto auto auto 1vw;
    }
    .grid-wrapper .rikon .grid-box-ttl::before {
        margin: auto auto auto -1vw;
        width: 4vw;
        height: 3vw;
    }
    .grid-wrapper .keiji .grid-box-ttl::before {
        margin: auto auto auto 0;
        width: 3vw;
        height: 3vw;
    }
    .grid-wrapper .souzoku .grid-box-ttl::before {
        margin: auto auto auto 0;
    }
    .grid-wrapper .sekuhara .grid-box-ttl::before {
        margin: auto auto auto 0;
        width: 3vw;
        height: 3vw;
    }
    .grid-wrapper .saimuseiri .grid-box-ttl::before {
        margin: auto auto auto 0;
        width: 3vw;
        height: 3vw;
    }
    .grid-wrapper .etc .grid-box-ttl::before {
        margin: auto auto auto 1vw;
    }
    .tab-content .cv-right .cv-tel, .tab-content .cv-right .cv-tel.para {
        /*font-size: 7vw;*/
		/*font-size: clamp(25.6px,7vw,53.5px);*/
		font-size: 53.5px;
		margin-left: 36px;
    }
    .tab-content .cv-right .cv-tel.para::before {
        margin-left: -3vw;
        width: 5vw;
        height: 5vw;
    }
    .new-grid-wrapper .koutsujiko .grid-box-ttl::before, .new-grid-wrapper .iryou .grid-box-ttl::before, .new-grid-wrapper .rikon .grid-box-ttl::before, .new-grid-wrapper .rousai .grid-box-ttl::before, .new-grid-wrapper .keiji .grid-box-ttl::before, .new-grid-wrapper .souzoku .grid-box-ttl::before, .new-grid-wrapper .etc .grid-box-ttl::before {
        width: 260px;
    }
    .new-grid-wrapper .koutsujiko .grid-box-ttl, .new-grid-wrapper .iryou .grid-box-ttl, .new-grid-wrapper .rikon .grid-box-ttl, .new-grid-wrapper .rousai .grid-box-ttl, .new-grid-wrapper .keiji .grid-box-ttl, .new-grid-wrapper .souzoku .grid-box-ttl, .new-grid-wrapper .etc .grid-box-ttl {
        width: 200px;
    }
    .grid-sp {
        display: block;
    }
    .grid-pc {
        display: none;
    }
    .grid-wrapper .box .grid-txtarea {
        max-height: 410px;
    }

}

/* @media screen and (max-width: 730px){
    .tab-content .cv-right .cv-tel::before {
        margin-left: 8vw;
    }
} 
@media screen and (max-width: 700px){
    .tab-content .cv-right .cv-tel::before {
        margin-left: 7vw;
    }
}
@media screen and (max-width: 650px){
    .tab-content .cv-right .cv-tel::before {
        margin-left: 6vw;
    }
}*/
@media screen and (max-width: 730px){
    .tab-content .cv-right .cv-tel::before {
		left: 30px;    }
}

@media screen and (max-width: 670px){
    .tab-content .cv-right .cv-tel::before {
		left: 16px;
    }
}
@media screen and (max-width: 630px){
	    .tab-content .cv-right .cv-tel::before {
		left: 4px;
    }
}

@media screen and (max-width: 600px){
    .tab-content .cv-right .cv-tel.para::before {
        margin-left: 0;
    }
    .new-grid-wrapper {
        display: block;
    }
    .grid-wrapper {
        grid-template-columns: repeat(2, 1fr);
        column-gap: 2%;
        row-gap: 1%;
    }

    .grid-wrapper .box .grid-txtarea {
        max-height: 230px;
    }
    .grid-wrapper {
        display: block;
    }
    .grid-wrapper .box .grid-txtarea {
        max-height: 100px;
    }
    /* .grid-wrapper {
        margin-top: -30px;
    } */
    .grid-wrapper .koutsujiko .grid-box-ttl {
        font-size: 24px;
    }
    .grid-wrapper .koutsujiko .grid-box-ttl::before {
        width: 34px;
        height: 22px;
    }

    .grid-wrapper .iryou .grid-box-ttl {
        font-size: 24px;
    }
    .grid-wrapper .iryou .grid-box-ttl::before {
        width: 28px;
        height: 25px;
    }
    
    .grid-wrapper .rikon .grid-box-ttl {
        font-size: 24px;
    }
    .grid-wrapper .rikon .grid-box-ttl::before {
        width: 36px;
        height: 29px;
    }

    .grid-wrapper .keiji .grid-box-ttl {
        font-size: 24px;
    }
    .grid-wrapper .keiji .grid-box-ttl::before {
        width: 31px;
        height: 31px;

    }
    .grid-wrapper .souzoku .grid-box-ttl {
        font-size: 24px;
    }
    .grid-wrapper .souzoku .grid-box-ttl::before {
        width: 31px;
        height: 31px;
    }
	
    .grid-wrapper .sekuhara .grid-box-ttl {
        font-size: 24px;
    }
    .grid-wrapper .sekuhara .grid-box-ttl::before {
        width: 31px;
        height: 31px;
    }
	
    .grid-wrapper .saimuseiri .grid-box-ttl {
        font-size: 24px;
    }
    .grid-wrapper .saimuseiri .grid-box-ttl::before {
        width: 31px;
        height: 31px;
    }

    .grid-wrapper .etc .grid-box-ttl {
        font-size: 24px;
    }
    .grid-wrapper .etc .grid-box-ttl::before {
        width: 31px;
        height: 31px;
    }
    #customer_contents_maintitle_area_kojin .main-kiji {
        width: 90%;
    }
    .new-grid-wrapper .koutsujiko .grid-box-ttl,.new-grid-wrapper .iryou .grid-box-ttl,.new-grid-wrapper .rikon .grid-box-ttl,.new-grid-wrapper .rousai .grid-box-ttl,.new-grid-wrapper .keiji .grid-box-ttl,.new-grid-wrapper .souzoku .grid-box-ttl,.new-grid-wrapper .etc .grid-box-ttl {
        width: 200px;
    }
    .new-grid-wrapper .koutsujiko .grid-box-ttl::before,.new-grid-wrapper .iryou .grid-box-ttl::before,.new-grid-wrapper .rikon .grid-box-ttl::before,.new-grid-wrapper .rousai .grid-box-ttl::before,.new-grid-wrapper .keiji .grid-box-ttl::before,.new-grid-wrapper .souzoku .grid-box-ttl::before,.new-grid-wrapper .etc .grid-box-ttl::before {
        width: 250px;
    }
    .new-grid-wrapper .box {
        margin-bottom: 0;
    }

/*    .tab-content .cv-right .cv-tel {
        font-size: 8vw;
    }*/
	.tab-content .cv-right .cv-tel {
		font-size: clamp(25.6px,8vw,48px);
	}
    
	.tab-content .cv-right .cv-tel::before {
        width: 6vw;
        height: 6vw;
        /* margin-left: -5vw; */
        /*left: 28px;*/
    }
    /* .tab-content .cv-right .cv-btnarea .cv-btnleft a,.tab-content .cv-right .cv-btnarea .cv-btnright a {
        margin-right: 8px;
        min-width: 130px;
    } */
    .new-grid-wrapper .box time {
        font-size: 13px;
    }
    .contact-wrapper .contact-area a.cv-bottombtn {
        padding: 3% 4% 3% 0;
    }
    .grid-wrapper .box .grid-txtarea {
        max-height: 400px;
    }
    .grid-wrapper .koutsujiko a.grid-btn,.grid-wrapper .iryou a.grid-btn,.grid-wrapper .rikon a.grid-btn,.grid-wrapper .keiji a.grid-btn,.grid-wrapper .souzoku a.grid-btn,.grid-wrapper .sekuhara a.grid-btn,.grid-wrapper .saimuseiri a.grid-btn,.grid-wrapper .etc a.grid-btn{
        margin: auto auto 7% auto;
        width: 80%;
        padding: 3%;
    }
    .grid-wrapper .koutsujiko .grid-box-ttl::before {
        margin: auto auto auto -11vw;
    }
    .grid-wrapper .iryou .grid-box-ttl::before {
        margin: auto auto auto -10vw;
    }
    .grid-wrapper .rikon .grid-box-ttl::before {
        margin: auto auto auto -11vw;
    }
    .grid-wrapper .keiji .grid-box-ttl::before {
        margin: auto auto auto -10vw;
    }
    .grid-wrapper .souzoku .grid-box-ttl::before {
        margin: auto auto auto -10vw;
    }
    .grid-wrapper .sekuhara .grid-box-ttl::before {
        margin: auto auto auto -10vw;
    }
    .grid-wrapper .saimuseiri .grid-box-ttl::before {
        margin: auto auto auto -10vw;
    }
    .grid-wrapper .etc .grid-box-ttl::before {
        margin: auto auto auto -10vw;
    }


}

@media screen and (max-width: 550px){
	.tab-content .cv-right .cv-tel::before {
         /*margin-left: -2vw; */
        /*left: 28px;*/
    }
    .grid-wrapper .koutsujiko .grid-box-ttl::before {
        margin: auto auto auto -14vw;
    }
    .grid-wrapper .iryou .grid-box-ttl::before {
        margin: auto auto auto -13vw;
    }
    .grid-wrapper .rikon .grid-box-ttl::before {
        margin: auto auto auto -14vw;
    }
    .grid-wrapper .keiji .grid-box-ttl::before {
        margin: auto auto auto -13vw;
    }
    .grid-wrapper .souzoku .grid-box-ttl::before {
        margin: auto auto auto -13vw;
    }
    .grid-wrapper .sekuhara .grid-box-ttl::before {
        margin: auto auto auto -13vw;
    }
    .grid-wrapper .saimuseiri .grid-box-ttl::before {
        margin: auto auto auto -13vw;
    }
    .grid-wrapper .etc .grid-box-ttl::before {
        margin: auto auto auto -13vw;
    }
	    .contact-wrapper .contact-area .tab-wrap {
			gap: 2px;
	}
}
    
@media screen and (max-width: 500px){
    .contact-wrapper .contact-area .tab-label .contact-bunya span {
        margin-top: 30px;
    }
    .contact-wrapper .contact-area .tab-label .contact-bunya.circle06 span {
        letter-spacing: -1px;
    }
    .grid-wrapper .koutsujiko .grid-box-ttl,.grid-wrapper .iryou .grid-box-ttl,.grid-wrapper .rikon .grid-box-ttl,.grid-wrapper .keiji .grid-box-ttl,.grid-wrapper .souzoku .grid-box-ttl,.grid-wrapper .sekuhara .grid-box-ttl,.grid-wrapper .saimuseiri .grid-box-ttl,.grid-wrapper .etc .grid-box-ttl {
        font-size: 5vw;
        /* padding: 2% 8%; */
        padding: 2% 3% 2% 10%
    }
    .grid-wrapper .koutsujiko .grid-box-ttl::before {
        width: 6vw;
        height: 4vw;
        /* margin: auto auto auto -104px;

        margin: 0 10px 0 0;
        position: inherit; */
        margin: auto auto auto -14vw;

    }
    .grid-wrapper .iryou .grid-box-ttl::before {
        width: 5vw;
        height: 5vw;
        /* margin: auto auto auto -104px;
        margin: 0 10px 0 0;
        position: inherit; */
        margin: auto auto auto -14vw;

    }
    .grid-wrapper .rikon .grid-box-ttl::before {
        width: 7vw;
        height: 5vw;
        /* margin: 18px auto auto -106px;
        margin: 0 10px 0 0;
        position: inherit; */
        margin: auto auto auto -16vw;

    }
    .grid-wrapper .keiji .grid-box-ttl::before {
        width: 7vw;
        height: 5vw;
        /* margin: auto auto auto -103px;
        margin: 0 10px 0 0;
        position: inherit; */
        margin: auto auto auto -14vw;

    }
    .grid-wrapper .souzoku .grid-box-ttl::before {
        width: 7vw;
        height: 6vw;
        /* margin: auto auto auto -103px;
        margin: 0 10px 0 0;
        position: inherit; */
        margin: auto auto auto -14vw;

    }
    .grid-wrapper .sekuhara .grid-box-ttl::before {
        width: 7vw;
        height: 6vw;
        /* margin: auto auto auto -103px;
        margin: 0 10px 0 0;
        position: inherit; */
        margin: auto auto auto -14vw;

    }
    .grid-wrapper .saimuseiri .grid-box-ttl::before {
        width: 7vw;
        height: 6vw;
        /* margin: auto auto auto -103px;
        margin: 0 10px 0 0;
        position: inherit; */
        margin: auto auto auto -14vw;

    }
    .grid-wrapper .etc .grid-box-ttl::before {
        width: 6vw;
        height: 5vw;
        /* margin: auto auto auto -110px;
        margin: 0 10px 0 0;
        position: inherit; */
        margin: auto auto auto -14vw;

    }
    #customer_contents_maintitle_area_kojin .main-kiji .kiji_title {
        font-size: 4.5vw;
    }
    #customer_contents_maintitle_area_kojin h1 {
        font-size: 7vw;
    }
    .contact-wrapper {
        padding: 25% 0;
    }
    .contact-wrapper .contact-area .tab-wrap label.tab-label {
        width: 100px;
        height: 100px;
        /* line-height: 30px; */
        font-size: 3vw;
    }
    .contact-wrapper .contact-area .tab-wrap label .circle01::after,.contact-wrapper .contact-area .tab-wrap label .circle02::after,.contact-wrapper .contact-area .tab-wrap label .circle03::after,.contact-wrapper .contact-area .tab-wrap label .circle04::after,.contact-wrapper .contact-area .tab-wrap label .circle05::after,.contact-wrapper .contact-area .tab-wrap label .circle06::after,.contact-wrapper .contact-area .tab-wrap label .circle07::after,.contact-wrapper .contact-area .tab-wrap label .circle08::after,.contact-wrapper .contact-area .tab-wrap label .circle09::after,.contact-wrapper .contact-area .tab-wrap label .circle10::after {
        bottom: 10px;
    }
    .contact-wrapper .contact-area .tab-wrap label.tab-label .circle01:hover {
        background-color: #3d6d49;
        width: 100px;
        height: 100px;
        /* line-height: 30px; */
        font-size: 3vw;
    }
    .tab-switch:checked+.tab-label .circle01 {
        background-color: #3d6d49;
        width: 100px;
        height: 100px;
        /* line-height: 30px; */
        font-size: 3vw;
    }
    .contact-wrapper .contact-area .tab-wrap label .circle01::before {
        width: 20px;
        height: 20px;
        top: 12px;
    }
    .contact-wrapper .contact-area .tab-wrap label.tab-label .circle02:hover {
        background-color: #407499;
        width: 100px;
        height: 100px;
        /* line-height: 30px; */
        font-size: 3vw;
    }
    .tab-switch:checked+.tab-label .circle02 {
        background-color: #407499;
        width: 100px;
        height: 100px;
        /* line-height: 30px; */
        font-size: 3vw;
    }
    .contact-wrapper .contact-area .tab-wrap label .circle02::before {
        width: 18px;
        height: 18px;
        top: 10px;
    }
    .contact-wrapper .contact-area .tab-wrap label.tab-label .circle03:hover {
        background-color: #a75764;
        width: 100px;
        height: 100px;
        /* line-height: 30px; */
        font-size: 3vw;
    }
    .tab-switch:checked+.tab-label .circle03 {
        background-color: #a75764;
        width: 100px;
        height: 100px;
        /* line-height: 30px; */
        font-size: 3vw;
    }
    .contact-wrapper .contact-area .tab-wrap label .circle03::before {
        width: 20px;
        height: 20px;
        top: 13px;
    }
    .contact-wrapper .contact-area .tab-wrap label.tab-label .circle04:hover {
        background-color: #222a4c;
        width: 100px;
        height: 100px;
        /* line-height: 30px; */
        font-size: 3vw;
    }
    .tab-switch:checked+.tab-label .circle04 {
        background-color: #222a4c;
        width: 100px;
        height: 100px;
        /* line-height: 30px; */
        font-size: 3vw;
    }
    .contact-wrapper .contact-area .tab-wrap label .circle04::before {
        width: 20px;
        height: 20px;
        top: 8px;
    }
    .contact-wrapper .contact-area .tab-wrap label.tab-label .circle05:hover {
        background-color: #76682e;
        width: 100px;
        height: 100px;
        /* line-height: 30px; */
        font-size: 3vw;
    }
    .tab-switch:checked+.tab-label .circle05 {
        background-color: #76682e;
        width: 100px;
        height: 100px;
        /* line-height: 30px; */
        font-size: 3vw;
    }
    .contact-wrapper .contact-area .tab-wrap label .circle05::before {
        width: 20px;
        height: 20px;
        top: 8px;
    }
    .contact-wrapper .contact-area .tab-wrap label.tab-label .circle06:hover {
        width: 100px;
        height: 100px;
        /* line-height: 30px; */
        font-size: 3vw;
    }
    .tab-switch:checked+.tab-label .circle06 {
        width: 100px;
        height: 100px;
        /* line-height: 30px; */
        font-size: 3vw;
    }
    .contact-wrapper .contact-area .tab-wrap label .circle06::before {
        width: 20px;
        height: 20px;
        top: 8px;
    }
    .contact-wrapper .contact-area .tab-wrap label.tab-label .circle07:hover {
        background-color: #605d5d;
        width: 100px;
        height: 100px;
        /* line-height: 30px; */
        font-size: 3vw;
    }
    .tab-switch:checked+.tab-label .circle07 {
        background-color: #838276;
        width: 100px;
        height: 100px;
        /* line-height: 30px; */
        font-size: 3vw;
    }
    .contact-wrapper .contact-area .tab-wrap label .circle07::before {
        width: 20px;
        height: 20px;
        top: 9px;
    }
    .contact-wrapper .contact-area .tab-wrap label.tab-label .circle08:hover {
        background-color: #0db599;
        width: 100px;
        height: 100px;
        /* line-height: 30px; */
        font-size: 3vw;
    }
    .tab-switch:checked+.tab-label .circle08 {
        background-color: #605d5d;
        width: 100px;
        height: 100px;
        /* line-height: 30px; */
        font-size: 3vw;
    }
    .contact-wrapper .contact-area .tab-wrap label .circle08::before {
        width: 20px;
        height: 20px;
        top: 9px;
    }
    .contact-wrapper .contact-area .tab-wrap label.tab-label .circle09:hover {
        background-color: #605d5d;
        width: 100px;
        height: 100px;
        /* line-height: 30px; */
        font-size: 3vw;
    }
    .tab-switch:checked+.tab-label .circle09 {
        background-color: #605d5d;
        width: 100px;
        height: 100px;
        /* line-height: 30px; */
        font-size: 3vw;
    }
    .contact-wrapper .contact-area .tab-wrap label .circle09::before {
        width: 20px;
        height: 20px;
        top: 9px;
    }
    .contact-wrapper .contact-area .tab-wrap label.tab-label .circle10:hover {
        background-color: #605d5d;
        width: 100px;
        height: 100px;
        /* line-height: 30px; */
        font-size: 3vw;
    }
    .tab-switch:checked+.tab-label .circle10 {
        background-color: #605d5d;
        width: 100px;
        height: 100px;
        /* line-height: 30px; */
        font-size: 3vw;
    }
    .contact-wrapper .contact-area .tab-wrap label .circle10::before {
        width: 20px;
        height: 20px;
        top: 9px;
    }
    .tab-content .cv-box01 .cv-left::before, .tab-content .cv-box02 .cv-left::before, .tab-content .cv-box03 .cv-left::before, .tab-content .cv-box04 .cv-left::before, .tab-content .cv-box05 .cv-left::before,.tab-content .cv-box06 .cv-left::before, .tab-content .cv-box07 .cv-left::before, .tab-content .cv-box08 .cv-left::before, .tab-content .cv-box08 .cv-left::before, .tab-content .cv-box10 .cv-left::before {
        top: 8px;
    }
    .tab-content .cv-box03 .cv-left::before {
        top: 12px;
    }
    .contact-wrapper .contact-area h2 {
        margin: 0 2% 5%;
    }
    .grid-wrapper .grid-txtarea .grid-txt {
        font-size: 15px !important;
    }
    .contact-wrapper .contact-area .tab-label .contact-bunya span {
        margin-top: 35px;
        letter-spacing: -.02rem;
    }
    .contact-wrapper .contact-area .tab-wrap label .circle01::after,.contact-wrapper .contact-area .tab-wrap label .circle02::after,.contact-wrapper .contact-area .tab-wrap label .circle03::after,.contact-wrapper .contact-area .tab-wrap label .circle04::after,.contact-wrapper .contact-area .tab-wrap label .circle05::after,.contact-wrapper .contact-area .tab-wrap label .circle06::after,.contact-wrapper .contact-area .tab-wrap label .circle07::after,.contact-wrapper .contact-area .tab-wrap label .circle08::after,.contact-wrapper .contact-area .tab-wrap label .circle09::after,.contact-wrapper .contact-area .tab-wrap label .circle10::after{
        border-width: 5px 5px 0 5px;
    }

    .tab-content .cv-box01 .cv-btnarea,.tab-content .cv-box02 .cv-btnarea,.tab-content .cv-box03 .cv-btnarea,.tab-content .cv-box04 .cv-btnarea,.tab-content .cv-box05 .cv-btnarea,.tab-content .cv-box06 .cv-btnarea,.tab-content .cv-box07 .cv-btnarea,.tab-content .cv-box08 .cv-btnarea,.tab-content .cv-box09 .cv-btnarea,.tab-content .cv-box10 .cv-btnarea {
        display: block;
        margin: 2% auto 0;
    }
    .tab-content .cv-right .cv-btnarea .cv-btnright a {
        padding: 2% 6%;
        margin-right: 0;
        margin-bottom: 5px;
        display: inline-block;
        min-width: 230px;
    }
    .tab-content .cv-right .cv-btnarea .cv-btnleft a {
        padding: 2% 6%;
        margin-left: 0;
        margin-top: 5px;
        display: inline-block;
        min-width: 230px;
    }

}
@media screen and (max-width: 420px){
    .tab-content .cv-right .cv-txt {
        font-size: 12px;
    }
    #customer_contents_wrapper_kojin h2 {
        font-size: 6vw;
        padding: 0 45px;
    }
    #customer_contents_wrapper_kojin h2.bunya {
        font-size: 6vw;
        padding: 0 45px;
        margin: 20% auto 3%;
    }
   .contact-wrapper .contact-area h2 span {
        font-size: 6vw;
        padding: 0 25px;
    }
    .new-grid-wrapper .koutsujiko .grid-box-ttl,.new-grid-wrapper .iryou .grid-box-ttl,.new-grid-wrapper .rikon .grid-box-ttl,.new-grid-wrapper .rousai .grid-box-ttl,.new-grid-wrapper .keiji .grid-box-ttl,.new-grid-wrapper .souzoku .grid-box-ttl,.new-grid-wrapper .etc .grid-box-ttl {
        width: 150px;
    }
    .new-grid-wrapper .koutsujiko .grid-box-ttl::before,.new-grid-wrapper .iryou .grid-box-ttl::before,.new-grid-wrapper .rikon .grid-box-ttl::before,.new-grid-wrapper .rousai .grid-box-ttl::before,.new-grid-wrapper .keiji .grid-box-ttl::before,.new-grid-wrapper .souzoku .grid-box-ttl::before,.new-grid-wrapper .etc .grid-box-ttl::before {
        width: 210px;
    }
    /* .new-grid-wrapper .box {
        margin-bottom: 5%;
    } */
    .contact-wrapper .contact-area .tab-wrap label.tab-label {
        font-size: 3.5vw;
    }
    .tab-switch:checked+.tab-label .circle01,.tab-switch:checked+.tab-label .circle02,.tab-switch:checked+.tab-label .circle03,.tab-switch:checked+.tab-label .circle04,.tab-switch:checked+.tab-label .circle05,.tab-switch:checked+.tab-label .circle04,.tab-switch:checked+.tab-label .circle06,.tab-switch:checked+.tab-label .circle07,.tab-switch:checked+.tab-label .circle08,.tab-switch:checked+.tab-label .circle09 {
        font-size: 3.5vw;
    }
    .contact-wrapper .contact-area .tab-wrap label.tab-label .circle01:hover,.contact-wrapper .contact-area .tab-wrap label.tab-label .circle02:hover,.contact-wrapper .contact-area .tab-wrap label.tab-label .circle03:hover,.contact-wrapper .contact-area .tab-wrap label.tab-label .circle04:hover,.contact-wrapper .contact-area .tab-wrap label.tab-label .circle05:hover,.contact-wrapper .contact-area .tab-wrap label.tab-label .circle06:hover,.contact-wrapper .contact-area .tab-wrap label.tab-label .circle07:hover,.contact-wrapper .contact-area .tab-wrap label.tab-label .circle08:hover,.contact-wrapper .contact-area .tab-wrap label.tab-label .circle09:hover {
        font-size: 3.5vw;
    }

    /* .grid-wrapper .koutsujiko .grid-box-ttl::before {
        width: 8vw;
        height: 6vw;
        margin: auto auto auto -55px;
    }
    .grid-wrapper .iryou .grid-box-ttl::before {
        width: 5vw;
        height: 5vw;
        margin: auto auto auto -55vw;
    }
    .grid-wrapper .rikon .grid-box-ttl::before {
        width: 7vw;
        height: 5vw;
        margin: 21px auto auto -57vw;
    }
    .grid-wrapper .keiji .grid-box-ttl::before {
        width: 7vw;
        height: 5vw;
        margin: auto auto auto -55vw;
    }
    .grid-wrapper .souzoku .grid-box-ttl::before {
        width: 7vw;
        height: 6vw;
        margin: auto auto auto -55vw;
    }
    .grid-wrapper .etc .grid-box-ttl::before {
        width: 7vw;
        height: 6vw;
        margin: auto auto auto -57vw;
    } */
    .contact-wrapper .contact-area .tab-wrap label .circle03::before {
        top: 20px;
    }
    .contact-wrapper .contact-area .tab-wrap label.tab-label {
        margin: 2%;
    }
}

@media screen and (max-width: 384px){
	.contact-wrapper .contact-area .tab-wrap label.tab-label,.tab-switch:checked+.tab-label .circle07 {
		width: 90px;
		height: 90px;
	}
    .contact-wrapper .contact-area .tab-wrap label.tab-label .circle01:hover {
        width: 90px;
        height: 90px;
    }
    .contact-wrapper .contact-area .tab-wrap label.tab-label .circle02:hover {
        width: 90px;
        height: 90px;
    }
    .contact-wrapper .contact-area .tab-wrap label.tab-label .circle03:hover {
        width: 90px;
        height: 90px;
    }
    .contact-wrapper .contact-area .tab-wrap label.tab-label .circle04:hover {
        width: 90px;
        height: 90px;
    }
    .contact-wrapper .contact-area .tab-wrap label.tab-label .circle05:hover {
        width: 90px;
        height: 90px;
    }
    .contact-wrapper .contact-area .tab-wrap label.tab-label .circle06:hover {
        width: 90px;
        height: 90px;
    }
    .contact-wrapper .contact-area .tab-wrap label.tab-label .circle07:hover {
        width: 90px;
        height: 90px;
    }
    .contact-wrapper .contact-area .tab-wrap label.tab-label .circle08:hover {
        width: 90px;
        height: 90px;
    }
    .contact-wrapper .contact-area .tab-wrap label.tab-label .circle09:hover {
        width: 90px;
        height: 90px;
    }
    .contact-wrapper .contact-area .tab-wrap label.tab-label .circle10:hover {
        width: 90px;
        height: 90px;
    }
}


@media screen and (max-width: 360px){
    #customer_contents_wrapper_kojin h2.bunya {
        padding: 0 35px;
    }
    .tab-content .cv-right .cv-btnarea .cv-btnleft a, .tab-content .cv-right .cv-btnarea .cv-btnright a {
        /* margin-right: 5px;
        margin-left: 5px;
        padding-right: 20px; */
        min-width: 190px;
    }
    .contact-wrapper .contact-area .tab-wrap label.tab-label,.tab-switch:checked+.tab-label .circle07 {
        width: 80px;
        height: 80px;
    }
    .contact-wrapper .contact-area .tab-wrap label.tab-label .circle01:hover {
        background-color: #3d6d49;
        width: 80px;
        height: 80px;
    }
    .tab-switch:checked+.tab-label .circle01 {
        background-color: #3d6d49;
        width: 80px;
        height: 80px;
    }
    .contact-wrapper .contact-area .tab-wrap label.tab-label .circle02:hover {
        width: 80px;
        height: 80px;
    }
    .tab-switch:checked+.tab-label .circle02 {
        background-color: #407499;
        width: 80px;
        height: 80px;
    }
    .contact-wrapper .contact-area .tab-wrap label.tab-label .circle03:hover {
        background-color: #a75764;
        width: 80px;
        height:80px;
    }
    .tab-switch:checked+.tab-label .circle03 {
        width: 80px;
        height: 80px;
    }
    .contact-wrapper .contact-area .tab-wrap label.tab-label .circle04:hover {
        width: 80px;
        height: 80px;
    }
    .tab-switch:checked+.tab-label .circle04 {
        width: 80px;
        height: 80px;
    }
    .contact-wrapper .contact-area .tab-wrap label.tab-label .circle05:hover {
        width: 80px;
        height: 80px;
    }
    .tab-switch:checked+.tab-label .circle05 {
        width: 80px;
        height: 80px;
    }
    .contact-wrapper .contact-area .tab-wrap label.tab-label .circle06:hover {
        width: 80px;
        height: 80px;
    }
    .tab-switch:checked+.tab-label .circle06 {
        width: 80px;
        height: 8px;
    }
    .contact-wrapper .contact-area .tab-wrap label.tab-label .circle07:hover {
        width: 80px;
        height: 80px;
    }
    .tab-switch:checked+.tab-label .circle07 {
        width: 80px;
        height: 80px;
    }
    .contact-wrapper .contact-area .tab-wrap label.tab-label .circle08:hover {
        width: 80px;
        height: 80px;
    }
    .tab-switch:checked+.tab-label .circle08 {
        width: 80px;
        height: 80px;
    }
    .contact-wrapper .contact-area .tab-wrap label.tab-label .circle09:hover {
        width: 80px;
        height: 80px;
    }
    .contact-wrapper .contact-area .tab-wrap label.tab-label .circle10:hover {
        width: 80px;
        height: 80px;
    }
    .tab-switch:checked+.tab-label .circle09 {
        width: 80px;
        height: 80px;
    }
    .contact-wrapper .contact-area .tab-wrap {
		gap: 2px;
	}
	.tab-content .cv-right .cv-tel {
		margin-left: 26px;
	}
}

.tab-content .cv-right .cv-tel a {
    color: #990000;
}
#GlobalHeader #individual dt {
    border-bottom: none;
}









/* 各分野お問い合わせページ */

#customer_contents_contact-title_area .tate-line {
    border-left: 1px #fff solid;
    display: inline-block;
    padding: 0 0 0 30px;
}

#btnarea_wrapper {
    background-color: #fff;
    position: relative;
    top: -110px;
    max-width: 1200px;
    margin: auto auto -110px;
    display : block;
}

#btnarea_wrapper ul{
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap;
    padding: 5%;
    margin: auto;
    justify-content: center;
    /* gap: 12px;
    margin: auto auto 12px; */
    max-width: 1000px;
    flex-flow: wrap row;
}
#btnarea_wrapper ul li {
    width: 24%;
    margin: 0 1% 0 0;
    text-align: center;
}
#btnarea_wrapper ul li:nth-child(4n){
    margin-right: 0;
}
#btnarea_wrapper ul li a{
    padding: 8% 0 13% 18%;
    color: #fff;
    display: block;
    font-size: 18px;
    font-weight: bold;
    background-color: #222a49;
    position: relative;
    letter-spacing: .08rem;
    margin-bottom: 3%;
    line-height: 1.6;
}
#btnarea_wrapper ul li a::after{
    content: "";
    width: 16px;
    height: 8px;
    position: absolute;
    bottom: 15px;
    left: 0;
    right: 0;
    margin: auto;
    background-image: url(../images/customer_contents/contact/contact-arrow.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
#btnarea_wrapper ul li a .block{
    display: block;
}
#btnarea_wrapper ul li a.btn01::before{
    content: "";
    width: 50px;
    height: 50px;
    position: absolute;
    top: 25px;
    bottom: 0;
    left: 10%;
    margin: 0 auto;
    background-image: url(../images/customer_contents/contact/contact-btn01@2x.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
#btnarea_wrapper ul li a.btn01:hover{
    background-color: #3d6d49;
    opacity: 1;
    transition: .5s;
}
#btnarea_wrapper ul li a.btn01:hover::before{
    background-image: url(../images/customer_contents/contact/contact-btn01-mo@2x.svg);
}
#btnarea_wrapper ul li a.btn02::before{
    content: "";
    width: 50px;
    height: 50px;
    position: absolute;
    top: 25px;
    bottom: 0;
    left: 10%;
    margin: 0 auto;
    background-image: url(../images/customer_contents/contact/contact-btn02@2x.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
#btnarea_wrapper ul li a.btn02:hover{
    background-color: #407499;
    opacity: 1;
    transition: .5s;
}
#btnarea_wrapper ul li a.btn02:hover::before{
    background-image: url(../images/customer_contents/contact/contact-btn02-mo@2x.svg);
}
#btnarea_wrapper ul li a.btn03::before{
    content: "";
    width: 50px;
    height: 50px;
    position: absolute;
    top: 25px;
    bottom: 0;
    left: 10%;
    margin: 0 auto;
    background-image: url(../images/customer_contents/contact/contact-btn03@2x.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
#btnarea_wrapper ul li a.btn03:hover{
    background-color: #a75764;
    opacity: 1;
    transition: .5s;
}
#btnarea_wrapper ul li a.btn03:hover::before{
    background-image: url(../images/customer_contents/contact/contact-btn03-mo@2x.svg);
}

#btnarea_wrapper ul li a.btn04::before{
    content: "";
    width: 50px;
    height: 50px;
    position: absolute;
    top: 25px;
    bottom: 0;
    left: 10%;
    margin: 0 auto;
    background-image: url(../images/customer_contents/contact/contact-btn04@2x.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
#btnarea_wrapper ul li a.btn04:hover{
    background-color: #44518b;
    opacity: 1;
    transition: .5s;
}
#btnarea_wrapper ul li a.btn04:hover::before{
    background-image: url(../images/customer_contents/contact/contact-btn04-mo@2x.svg);
}
#btnarea_wrapper ul li a.btn05::before{
    content: "";
    width: 50px;
    height: 50px;
    position: absolute;
    top: 25px;
    bottom: 0;
    left: 10%;
    margin: 0 auto;
    background-image: url(../images/customer_contents/contact/contact-btn05@2x.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

#btnarea_wrapper ul li a.btn05:hover{
    background-color: #76682e;
    opacity: 1;
    transition: .5s;
}
#btnarea_wrapper ul li a.btn05:hover::before{
    background-image: url(../images/customer_contents/contact/contact-btn05-mo@2x.svg);
}
#btnarea_wrapper ul li a.btn06 {
    color: #fff;
    display: block;
    font-weight: bold;
    background-color: #222a49;
    position: relative;
}
#btnarea_wrapper ul li a.btn06::before{
    content: "";
    width: 50px;
    height: 50px;
    position: absolute;
    top: 25px;
    bottom: 0;
    left: 9%;
    margin: 0 auto;
    background-image: url(../images/customer_contents/contact/contact-btn06@2x.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
#btnarea_wrapper ul li a.btn06:hover{
    background-color: #605d5d;
    opacity: 1;
    transition: .5s;
}
#btnarea_wrapper ul li a.btn06:hover::before{
    background-image: url(../images/customer_contents/contact/contact-btn06-mo@2x.svg);
}
#btnarea_wrapper ul li a.btn07 {
    color: #fff;
    display: block;
    font-weight: bold;
    background-color: #222a49;
    position: relative;
}
#btnarea_wrapper ul li a.btn07:before{
    content: "";
    width: 50px;
    height: 50px;
    position: absolute;
    top: 25px;
    bottom: 0;
    left: 6%;
    margin: 0 auto;
    background-image: url(../images/customer_contents/contact/contact-btn07@2x.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
#btnarea_wrapper ul li a.btn07.btn08:before{
    background-image: url(../images/customer_contents/contact/contact-btn08@2x.svg);
}
#btnarea_wrapper ul li a.btn07:hover{
    background-color: #605d5d;
    opacity: 1;
    transition: .5s;
}
#btnarea_wrapper ul li a.btn07:hover::before{
    background-image: url(../images/customer_contents/contact/contact-btn07-mo@2x.svg);
}
#btnarea_wrapper ul li a.btn07.btn08:hover:before{
    background-image: url(../images/customer_contents/contact/contact-btn08-mo@2x.svg);
}

#section01 h2,#section02 h2,#section03 h2,#section04 h2,#section05 h2,#section06 h2,#section07 h2 {
    font-size: 36px;
    font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho ProW6","ヒラギノ明朝 Std W6", "HiraMinStd-W6", "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "Noto Serif JP", serif;
    text-align: center;
    position: relative;
    padding-bottom: 20px;
}
#section01 h2::after {
    content: "";
    width: 80px;
    height: 6px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: #3d6d49;
}
#section02 h2::after {
    content: "";
    width: 80px;
    height: 6px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: #407499;
}
#section03 h2::after {
    content: "";
    width: 80px;
    height: 6px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: #a75764;
}
#section04 h2::after {
    content: "";
    width: 80px;
    height: 6px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: #44518b;
}
#section05 h2::after {
    content: "";
    width: 80px;
    height: 6px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: #76682e;
}
#section06 h2::after {
    content: "";
    width: 80px;
    height: 6px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: #605d5d;
}
#section07 h2::after {
    content: "";
    width: 80px;
    height: 6px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background-color: #397973;
}

#section01 {
    background-color: #f5f8f6;
    width: 100%;
    position: relative;
}
#section01_wrapper {
    max-width: 900px;
    margin: auto;
    padding: 10% 0;
}
#section02 {
    background-color: #ecf1f5;
    position: relative;
}
#section02_wrapper {
    max-width: 900px;
    margin: auto;
    padding: 10% 0;
}
#section03 {
    background-color: #f6eeef;
    width: 100%;
    position: relative;
}
#section03_wrapper {
    max-width: 900px;
    margin: auto;
    padding: 10% 0;
}
#section04 {
    background-color: #ecedf3;
    position: relative;
}
#section04_wrapper {
    max-width: 900px;
    margin: auto;
    padding: 10% 0;
}
#section05 {
    background-color: #eeede6;
    width: 100%;
    position: relative;
}
#section05_wrapper {
    max-width: 900px;
    margin: auto;
    padding: 10% 0;
}
#section06 {
    background-color: #f4f4f4;
    position: relative;
}
#section06_wrapper {
    max-width: 900px;
    margin: auto;
    padding: 10% 0;
}
#section07 {
    background-color: #e9f2f1;
;
    position: relative;
}
#section07_wrapper {
    max-width: 900px;
    margin: auto;
    padding: 10% 0;
}
#section07.section08{
    background-color:#e9eff2!important;
}

#section01 .cv-area,#section02 .cv-area,#section03 .cv-area,#section04 .cv-area,#section05 .cv-area,#section06 .cv-area,#section05 .cv-area,#section07 .cv-area {
    background-color: #fff;
    padding: 2%;
    display: flex;
    margin: 8% auto 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    align-items: center;
}
#section01 .cv-area .cv-tel,#section02 .cv-area .cv-tel,#section03 .cv-area .cv-tel,#section04 .cv-area .cv-tel,#section05 .cv-area .cv-tel,#section06 .cv-area .cv-tel,#section07 .cv-area .cv-tel{
    width: 60%;
    text-align: center;
    margin-left: -55px;
}
#section01 .cv-area .cv-tel a,#section02 .cv-area .cv-tel a,#section03 .cv-area .cv-tel a,#section04 .cv-area .cv-tel a,#section05 .cv-area .cv-tel a,#section06 .cv-area .cv-tel a,#section07 .cv-area .cv-tel a{
    color: #990000;
    font-size: 50px;
    position: relative;
    font-family: 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho ProN', 'HiraMinPro-W6', '游明朝','Yu Mincho', '游明朝体', 'YuMincho','ＭＳ Ｐ明朝', 'MS PMincho', "Noto Serif JP", serif;
    font-weight: bold;
    padding-bottom: 7px;
}
#section01 .cv-area .cv-tel span,#section02 .cv-area .cv-tel span,#section03 .cv-area .cv-tel span,#section04 .cv-area .cv-tel span,#section05 .cv-area .cv-tel span,#section06 .cv-area .cv-tel span,#section07 .cv-area .cv-tel span {
    display: block;
    font-size: 16px;
    color: #990000;
    font-weight: bold;
    margin: -15px 0 5% 0;
}

#section01 .cv-area .cv-tel a::before,#section02 .cv-area .cv-tel a::before,#section03 .cv-area .cv-tel a::before,#section04 .cv-area .cv-tel a::before,#section05 .cv-area .cv-tel a::before,#section06 .cv-area .cv-tel a::before,#section07 .cv-area .cv-tel a::before{
    content: "";
    width: 31px;
    height: 31px;
    position: absolute;
    background-image: url(../images/customer_contents/index/tel-icon.svg);
    background-repeat: no-repeat;
    background-size: contain;
    top: 0;
    bottom: 0;
    margin: auto auto auto -11%;
    /* margin: 5% auto auto -11%; */
}
section .cv-area .btn-area {
    width: 25%;
}

#section01 .cv-area.koutsujiko .btn-area .senmon a {
    background-color: #3d6d49;
    border-radius: 3px;
    padding: 4% 8%;
    color: #fff;
    display: block;
    margin: 5px 0 0 0;
    min-width: 170px;
    position: relative;
    /* text-align: center; */
}

#section01 .cv-area.koutsujiko .btn-area .mail a {
    background-color: #ae6b0c;
    border-radius: 3px;
    padding: 4% 8%;
    color: #fff;
    display: block;
    margin: 0 0 5px 0;
    min-width: 170px;
    position: relative;
    /* text-align: center; */
}
#section01 .supplement .seikou-housyu {
    font-size: 30px;
    text-align: center;
    font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho ProW3","ヒラギノ明朝 Std W3", "HiraMinStd-W3", "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "Noto Serif JP", serif;
    margin-top: 3%;
    font-weight: bold;
    /* line-height: 1.5; */
}
#section01 .supplement-area {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    max-width: 850px;
    margin: auto;
}
#section01 .supplement-area .supplement-left {
    width: 51%;
}
#section01 .supplement-area .supplement-left img {
    width: 100%;
    max-width: 395px;
    padding-top: 5px;
}
#section01 .supplement-area .supplement-right {
    width: 46%;
    font-size: 10px;
    line-height: 1.7;
    letter-spacing: .06rem;
}
#section02 .supplement-area,#section03 .supplement-area,#section04 .supplement-area,#section06 .supplement-area,#section07 .supplement-area {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: center; */
    /* align-items: center;
    max-width: 850px; */
    margin-top: 5%;
    height: auto;
}
#section05 .supplement-area {
    display: flex;
    flex-wrap: wrap;
    /* justify-content: center; */
    align-items: center;
    /* max-width: 850px; */
    margin-top: 5%;
    height: auto;
}
#section02 .supplement-area .supplement-left,#section03 .supplement-area .supplement-left,#section04 .supplement-area .supplement-left,#section05 .supplement-area .supplement-left,#section06 .supplement-area .supplement-left,#section07 .supplement-area .supplement-left {
    width: 36%;
}
#section02 .supplement-area .supplement-right,#section03 .supplement-area .supplement-right,#section04 .supplement-area .supplement-right,#section05 .supplement-area .supplement-right,#section06 .supplement-area .supplement-right,#section07 .supplement-area .supplement-right {
    width: 59%;
    font-size: 10px;
    line-height: 1.7;
    letter-spacing: .06rem;
    padding-left: 5%;
}
#section02 .supplement-area .supplement-left {
    background-color: #407499;
    color: #fff;
    max-width: 350px;
    /* padding: 1% 0; */
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
}
#section03 .supplement-area .supplement-left {
    background-color: #a75764;
    color: #fff;
    max-width: 350px;
    /* padding: 1% 0; */
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
}
#section04 .supplement-area .supplement-left {
    background-color: #44518b;
    color: #fff;
    max-width: 350px;
    /* padding: 1% 0; */
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
}
#section05 .supplement-area .supplement-left {
    background-color: #76682e;
    color: #fff;
    max-width: 350px;
    /* padding: 1% 0; */
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    padding: 2% 0;
}
#section06 .supplement-area .supplement-left {
    background-color: #605d5d;
    color: #fff;
    max-width: 350px;
    /* padding: 1% 0; */
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
}
#section07 .supplement-area .supplement-left {
    background-color: #397973;
    color: #fff;
    max-width: 350px;
    /* padding: 1% 0; */
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
}

section .supplement-area .supplement-right p.right-txt {
    font-size: 18px;
    line-height: 1.3;
    font-weight: bold;
    margin-bottom: 3%;
    position: relative;
    border-left: 2px solid #000;
    padding-left: 12px;
    margin-left: -12px;
}

section .supplement-area .supplement-left span.sml-txt {
    font-size: 18px;
    padding-right: 3%;
}
section .supplement-area .supplement-left span.kome {
    font-size: 12px;
    position: relative;
    top: -7px;
}
section .supplement-area .supplement-right .right-txt .new_line {
    display: inline-block;
}
section .supplement-area .supplement-right ul {
    text-align: justify;
}
section .supplement-area .supplement-right ul li {
    font-size: 10px;
    line-height: 1.2;
    letter-spacing: .06rem;
    position: relative;
    margin-bottom: 1%;
}
section .supplement-area .supplement-right ul li:last-of-type {
    margin-bottom: 0;
}
section .supplement-area .supplement-right ul li::before {
    content: "※";
    font-size: 10px;
    position: absolute;
    margin-left: -12px;
}


#section02 .cv-area.iryou .btn-area .senmon a {
    background-color: #407499;
    border-radius: 3px;
    padding: 4% 8%;
    color: #fff;
    display: block;
    margin: 5px 0 0 0;
    min-width: 170px;
    position: relative;
    /* text-align: center; */
}

#section02 .cv-area.iryou .btn-area .mail a {
    background-color: #ae6b0c;
    border-radius: 3px;
    padding: 4% 8%;
    color: #fff;
    display: block;
    margin: 0 0 5px 0;
    min-width: 170px;
    position: relative;
    /* text-align: center; */
}


#section03 .cv-area.rikon .btn-area .senmon a {
    background-color: #a75764;
    border-radius: 3px;
    padding: 4% 8%;
    color: #fff;
    display: block;
    margin: 5px 0 0 0;
    min-width: 170px;
    position: relative;
    /* text-align: center; */
}

#section03 .cv-area.rikon .btn-area .mail a {
    background-color: #ae6b0c;
    border-radius: 3px;
    padding: 4% 8%;
    color: #fff;
    display: block;
    margin: 0 0 5px 0;
    min-width: 170px;
    position: relative;
    /* text-align: center; */
}


#section04 .cv-area.keiji .btn-area .senmon a {
    background-color: #44518b;
    border-radius: 3px;
    padding: 4% 8%;
    color: #fff;
    display: block;
    margin: 5px 0 0 0;
    min-width: 170px;
    position: relative;
    /* text-align: center; */
}

#section04 .cv-area.keiji .btn-area .mail a {
    background-color: #ae6b0c;
    border-radius: 3px;
    padding: 4% 8%;
    color: #fff;
    display: block;
    margin: 0 0 5px 0;
    min-width: 170px;
    position: relative;
    /* text-align: center; */
}


#section05 .cv-area.souzoku .btn-area .senmon a {
    background-color: #76682e;
    border-radius: 3px;
    padding: 4% 8%;
    color: #fff;
    display: block;
    margin: 5px 0 0 0;
    min-width: 170px;
    position: relative;
    /* text-align: center; */
}

#section05 .cv-area.souzoku .btn-area .mail a {
    background-color: #ae6b0c;
    border-radius: 3px;
    padding: 4% 8%;
    color: #fff;
    display: block;
    margin: 0 0 5px 0;
    min-width: 170px;
    position: relative;
    /* text-align: center; */
}


#section06 .cv-area.etc .btn-area .senmon a {
    background-color: #605d5d;
    border-radius: 3px;
    padding: 4% 8%;
    color: #fff;
    display: block;
    margin: 5px 0 0 0;
    min-width: 170px;
    position: relative;
    /* text-align: center; */
}

#section06 .cv-area.etc .btn-area .mail a {
    background-color: #ae6b0c;
    border-radius: 3px;
    padding: 4% 8%;
    color: #fff;
    display: block;
    margin: 0 0 5px 0;
    min-width: 170px;
    position: relative;
    /* text-align: center; */
}

#section07 .cv-area.sekuhara .btn-area .senmon a {
    background-color: #397973;
    border-radius: 3px;
    padding: 4% 8%;
    color: #fff;
    display: block;
    margin: 5px 0 0 0;
    min-width: 170px;
    position: relative;
    /* text-align: center; */
}

#section07 .cv-area.sekuhara .btn-area .mail a {
    background-color: #ae6b0c;
    border-radius: 3px;
    padding: 4% 8%;
    color: #fff;
    display: block;
    margin: 0 0 5px 0;
    min-width: 170px;
    position: relative;
    /* text-align: center; */
}

#section07 .cv-area.saimuseiri .btn-area .senmon a {
    background-color: #397973;
    border-radius: 3px;
    padding: 4% 8%;
    color: #fff;
    display: block;
    margin: 5px 0 0 0;
    min-width: 170px;
    position: relative;
    /* text-align: center; */
}

#section07 .cv-area.saimuseiri .btn-area .mail a {
    background-color: #ae6b0c;
    border-radius: 3px;
    padding: 4% 8%;
    color: #fff;
    display: block;
    margin: 0 0 5px 0;
    min-width: 170px;
    position: relative;
    /* text-align: center; */
}

#section01 .cv-area.koutsujiko .btn-area .mail a::after,#section02 .cv-area.iryou .btn-area .mail a::after,#section03 .cv-area.rikon .btn-area .mail a::after,#section04 .cv-area.keiji .btn-area .mail a::after,#section05 .cv-area.souzoku .btn-area .mail a::after,#section07 .cv-area.sekuhara .btn-area .mail a::after,#section07 .cv-area.saimuseiri .btn-area .mail a::after {
    content: "";
    width: 14px;
    height: 14px;
    position: absolute;
    background-image: url(../images/customer_contents/index/link-icon.svg);
    top: 0;
    bottom: 0;
    margin: auto;
    background-repeat: no-repeat;
    background-size: contain;
    right: 10px;
}
#section01 .cv-area.koutsujiko .btn-area .senmon a::after,#section02 .cv-area.iryou .btn-area .senmon a::after {
    content: "";
    width: 14px;
    height: 14px;
    position: absolute;
    background-image: url(../images/customer_contents/index/link-icon.svg);
    top: 0;
    bottom: 0;
    margin: auto;
    background-repeat: no-repeat;
    background-size: contain;
    right: 10px;
}

#section03 .cv-area.rikon .btn-area .mail a::after{
    content: "";
    width: 14px;
    height: 14px;
    position: absolute;
    background-image: url(../images/customer_contents/index/link-icon.svg);
    top: 0;
    bottom: 0;
    margin: auto;
    background-repeat: no-repeat;
    background-size: contain;
    right: 10px;
}
#section06 .cv-area.etc .btn-area .mail a::after{
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    background-image: url(../images/customer_contents/index/arrow_circle_right.svg);
    top: 0;
    bottom: 0;
    margin: auto;
    background-repeat: no-repeat;
    background-size: contain;
    right: 10px;
}
#section03 .cv-area.rikon .btn-area .senmon a::after,#section05 .cv-area.souzoku .btn-area .senmon a::after,#section07 .cv-area.sekuhara .btn-area .senmon a::after{
    content: "";
    width: 14px;
    height: 14px;
    position: absolute;
    background-image: url(../images/customer_contents/index/link-icon.svg);
    top: 0;
    bottom: 0;
    margin: auto;
    background-repeat: no-repeat;
    background-size: contain;
    right: 10px;
}
#section03 .cv-area.rikon .btn-area .senmon a::after,#section05 .cv-area.souzoku .btn-area .senmon a::after,#section07 .cv-area.sekuhara .btn-area .senmon a::after,#section07 .cv-area.saimuseiri .btn-area .senmon a::after{
    content: "";
    width: 14px;
    height: 14px;
    position: absolute;
    background-image: url(../images/customer_contents/index/link-icon.svg);
    top: 0;
    bottom: 0;
    margin: auto;
    background-repeat: no-repeat;
    background-size: contain;
    right: 10px;
}
#section04 .cv-area.keiji .btn-area .senmon a::after,#section06 .cv-area.etc .btn-area .senmon a::after {
    content: "";
    width: 10px;
    height: 10px;
    position: absolute;
    background-image: url(../images/customer_contents/index/arrow_circle_right.svg);
    top: 0;
    bottom: 0;
    margin: auto;
    background-repeat: no-repeat;
    background-size: contain;
    right: 10px;
}


section .cv-area .btn-area .senmon a:hover,section .cv-area .btn-area .mail a:hover {
    opacity: .5;
    transition: .5s;
}


@media screen and (max-width: 1300px){
    #customer_contents_contact-title_area {
        width: 1200px;
        margin: 0 auto;
        padding: 10% 3% 15%;
    }
    #btnarea_wrapper {
        width: 96%;
    }
    #btnarea_wrapper ul li a{
        padding: 8% 0 13% 20%;
    }
}
@media screen and (max-width: 1024px){
    #btnarea_wrapper ul li {
        width: 48%;
        margin-right: 2%;
    }
    #btnarea_wrapper ul li:nth-child(2n){
        margin-right: 0;
    }
    #btnarea_wrapper ul li a {
        margin-bottom: 3%;
        padding: 7% 0 9% 6%;
    }
    #btnarea_wrapper ul li a .block{
        display: inline;
    }
    #btnarea_wrapper ul li a.btn01::before,
    #btnarea_wrapper ul li a.btn02::before,
    #btnarea_wrapper ul li a.btn03::before,
    #btnarea_wrapper ul li a.btn04::before,
    #btnarea_wrapper ul li a.btn05::before,
    #btnarea_wrapper ul li a.btn06::before,
    #btnarea_wrapper ul li a.btn07::before{
        width: 40px;
        height: 40px;
        left: 10%;
    }
    #section01 h2, #section02 h2, #section03 h2, #section04 h2, #section05 h2, #section06 h2, #section07 h2 {
        font-size: 30px;
    }
    #section01 .cv-area, #section02 .cv-area, #section03 .cv-area, #section04 .cv-area, #section05 .cv-area, #section06 .cv-area, #section07 .cv-area {
        width: 90%;
    }
    #section01 .cv-area .cv-tel, #section02 .cv-area .cv-tel, #section03 .cv-area .cv-tel, #section04 .cv-area .cv-tel, #section05 .cv-area .cv-tel, #section06 .cv-area .cv-tel, #section07 .cv-area .cv-tel {
        margin-left: -25px;
    }
    section .supplement-area {
        width: 75%;
        margin: 3% auto;
    }
    #section02 .supplement-area, #section03 .supplement-area, #section04 .supplement-area, #section06 .supplement-area, #section07 .supplement-area {
        display: block;
        /* flex-wrap: wrap;
        justify-content: center; */
        margin: 5% auto;
        height: auto;
        /* margin: 3% auto; */
    }
    #section02 .supplement-area .supplement-left,#section03 .supplement-area .supplement-left,#section04 .supplement-area .supplement-left,#section05 .supplement-area .supplement-left,#section06 .supplement-area .supplement-left,#section07 .supplement-area .supplement-left {
        max-width: 100%;
        width: 100%;
        margin-bottom: 3%;
        padding: 2% 0;
    }
    #section02 .supplement-area .supplement-right, #section03 .supplement-area .supplement-right, #section04 .supplement-area .supplement-right, #section05 .supplement-area .supplement-right, #section06 .supplement-area .supplement-right, #section07 .supplement-area .supplement-right {
        width: 93%;
        font-size: 10px;
        line-height: 1.7;
        letter-spacing: .06rem;
        padding-left: 2%;
        margin-bottom: 3%;
    }
    #section05 .supplement-area .supplement-left {
        /* padding: 0; */
        margin-bottom: 3%;
    }
    #section01 .supplement-area {
        display: block;
        margin: 3% auto;
        height: auto;
    }
    #section01 .supplement-area .supplement-left {
        width: 70%;
        margin: auto;
    }
    #section01 .supplement-area .supplement-left img {
        /* width: 100%; */
        max-width: 100%;
        padding-top: 5px;
        text-align: center;
        /* margin: auto; */
        margin-bottom: 3%;
    }
    #section01 .supplement-area .supplement-right {
        width: 71%;
        font-size: 10px;
        line-height: 1.7;
        letter-spacing: .06rem;
        /* padding-left: 5%;
        margin-bottom: 3%; */
        margin: auto;
        padding-left: 5%;
    }
}
@media screen and (max-width: 1023px){
    #customer_tel_area li:nth-child(1) .button_box .tel {
        font-size: 50px;
    }
}
@media screen and (max-width: 900px){
    #section01 .cv-area .cv-tel.para a, #section02 .cv-area .cv-tel.para a, #section03 .cv-area .cv-tel.para a, #section04 .cv-area .cv-tel.para a, #section05 .cv-area .cv-tel.para a, #section06 .cv-area .cv-tel.para a, #section07 .cv-area .cv-tel.para a {
        font-size: 5vw;
    }
}
@media screen and (max-width: 800px){
    #btnarea_wrapper ul li a{
        padding: 9% 0 10% 6%;
    }
    #btnarea_wrapper ul li a.btn01::before, #btnarea_wrapper ul li a.btn02::before, #btnarea_wrapper ul li a.btn03::before, #btnarea_wrapper ul li a.btn04::before, #btnarea_wrapper ul li a.btn05::before, #btnarea_wrapper ul li a.btn06::before, #btnarea_wrapper ul li a.btn07::before{
        left: 8%;
    }
    section .supplement-area .supplement-right p.right-txt {
        font-size: 2.4vw;
    }
    #section01 .cv-area .cv-tel, #section02 .cv-area .cv-tel, #section03 .cv-area .cv-tel, #section04 .cv-area .cv-tel, #section05 .cv-area .cv-tel, #section06 .cv-area .cv-tel, #section07 .cv-area .cv-tel {
        width: 70%;
        text-align: center;
        margin-left: -55px;
    }
}
@media screen and (max-width: 767px){
    #btnarea_wrapper ul li a{
        font-size: 2.4vw;
        padding: 4.4vw 2vw 5vw 8vw;
    }
    #btnarea_wrapper ul li a.btn01::before, #btnarea_wrapper ul li a.btn02::before, #btnarea_wrapper ul li a.btn03::before, #btnarea_wrapper ul li a.btn04::before, #btnarea_wrapper ul li a.btn05::before, #btnarea_wrapper ul li a.btn06::before, #btnarea_wrapper ul li a.btn07::before{
        width: 6vw;
        height: 6vw;
    }
    #customer_contents_contact-title_area .tate-line {
        padding: 0 0 0 20px;
    }

    #section01 h2, #section02 h2, #section03 h2, #section04 h2, #section05 h2, #section06 h2, #section07 h2  {
        font-size: 3.5vw;
    }
    #section01 .cv-area, #section02 .cv-area, #section03 .cv-area, #section04 .cv-area, #section05 .cv-area, #section06 .cv-area, #section07 .cv-area {
        display: block;
    }
    #section01 .cv-area .cv-tel, #section02 .cv-area .cv-tel, #section03 .cv-area .cv-tel, #section04 .cv-area .cv-tel, #section05 .cv-area .cv-tel, #section06 .cv-area .cv-tel, #section07 .cv-area .cv-tel {
        margin-left: 9px;
        width: 100%;
    }
    section .cv-area .btn-area {
        width: 80%;
        display: flex;
        flex-wrap: wrap;
        /* justify-content: space-evenly; */
        align-items: center;
        margin: auto auto 4%;

        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    section .cv-area .btn-area .senmon {
        width: 40%;
        margin-left: -7%;
    }
    section .cv-area .btn-area .mail {
        width: 40%;
        /* margin-right: 1%; */
        margin-left: -7%;
    }
    #section01 .cv-area.koutsujiko .btn-area .senmon a,#section02 .cv-area.iryou .btn-area .senmon a,#section03 .cv-area.rikon .btn-area .senmon a,#section04 .cv-area.keiji .btn-area .senmon a,#section05 .cv-area.souzoku .btn-area .senmon a,#section06 .cv-area.etc .btn-area .senmon a ,#section07 .cv-area.sekuhara .btn-area .senmon a,#section07 .cv-area.saimuseiri .btn-area .senmon a{
        min-width: 100%;
    }
    #section01 .cv-area.koutsujiko .btn-area .mail a, #section02 .cv-area.iryou .btn-area .mail a, #section03 .cv-area.rikon .btn-area .mail a, #section04 .cv-area.keiji .btn-area .mail a, #section05 .cv-area.souzoku .btn-area .mail a, #section06 .cv-area.etc .btn-area .mail a, #section06 .cv-area.sekuhara .btn-area .mail a, #section07 .cv-area.sekuhara .btn-area .mail a, #section07 .cv-area.saimuseiri .btn-area .mail a {
        min-width: 100%;
    }
    #section01 .cv-area.koutsujiko .btn-area .mail a,#section02 .cv-area.iryou .btn-area .mail a,#section03 .cv-area.rikon .btn-area .mail a,#section04 .cv-area.keiji .btn-area .mail a,#section05 .cv-area.souzoku .btn-area .mail a,#section06 .cv-area.etc .btn-area .mail a,#section07 .cv-area.sekuhara .btn-area .mail a,#section07 .cv-area.saimuseiri .btn-area .mail a {
        margin: 0;
    }
    #section01 .cv-area.koutsujiko .btn-area .senmon a,#section02 .cv-area.iryou .btn-area .senmon a,#section03 .cv-area.rikon .btn-area .senmon a,#section04 .cv-area.keiji .btn-area .senmon a,#section05 .cv-area.souzoku .btn-area .senmon a,#section06 .cv-area.etc .btn-area .senmon a,#section07 .cv-area.sekuhara .btn-area .senmon a,#section07 .cv-area.saimuseiri .btn-area .senmon a {
        margin: 0;
    }
    #section01 .cv-area .cv-tel span, #section02 .cv-area .cv-tel span, #section03 .cv-area .cv-tel span, #section04 .cv-area .cv-tel span, #section05 .cv-area .cv-tel span, #section06 .cv-area .cv-tel span, #section07 .cv-area .cv-tel span {
        margin: -15px 0 2% 0;
    }
    #section01 .supplement .seikou-housyu {
        font-size: 3.5vw;
    }
    #section01 .cv-area .cv-tel.para a, #section02 .cv-area .cv-tel.para a, #section03 .cv-area .cv-tel.para a, #section04 .cv-area .cv-tel.para a, #section05 .cv-area .cv-tel.para a, #section06 .cv-area .cv-tel.para a, #section07 .cv-area .cv-tel.para a {
        color: #990000;
        font-size: 7vw;
        position: relative;
        font-family: 'ヒラギノ明朝 Pro W6', 'Hiragino Mincho ProN', 'HiraMinPro-W6', '游明朝','Yu Mincho', '游明朝体', 'YuMincho','ＭＳ Ｐ明朝', 'MS PMincho', "Noto Serif JP", serif;
        font-weight: bold;
    }
    section .supplement-area .supplement-right p.right-txt {
        font-size: 2.4vw;
    }
    #section02 .supplement-area .supplement-right, #section03 .supplement-area .supplement-right, #section04 .supplement-area .supplement-right, #section05 .supplement-area .supplement-right, #section06 .supplement-area .supplement-right, #section07 .supplement-area .supplement-right {
        padding-left: 3%;
    }
    section .cv-area .btn-area .senmon a {
        text-align: center;
    }
    
    section .cv-area .btn-area .mail a {
        text-align: center;
    }
}
@media screen and (max-width: 600px){
    #btnarea_wrapper ul li a{
        font-size: 3vw;
        padding: 3.2vw 2vw 6vw 12vw;
    }
    #btnarea_wrapper ul li a.btn01::before, #btnarea_wrapper ul li a.btn02::before, #btnarea_wrapper ul li a.btn03::before, #btnarea_wrapper ul li a.btn04::before, #btnarea_wrapper ul li a.btn05::before, #btnarea_wrapper ul li a.btn06::before, #btnarea_wrapper ul li a.btn07::before{
        width: 8vw;
        height: 8vw;
        top: 20px;
    }
    #btnarea_wrapper ul li a .block{
        display: block;
    }
    #btnarea_wrapper {
        top: -80px;
        margin: auto auto -80px;
    }
    section .cv-area .btn-area {
        width: 90%;
    }
    #section02 .supplement-area .supplement-left, #section03 .supplement-area .supplement-left, #section04 .supplement-area .supplement-left, #section05 .supplement-area .supplement-left, #section06 .supplement-area .supplement-left {
        font-size: 3.5vw;
    }
    section .supplement-area .supplement-left span.sml-txt {
        font-size: 2.5vw;
        padding-right: 3%;
    }
    #section01 .cv-area .cv-tel.para a::before, #section02 .cv-area .cv-tel.para a::before, #section03 .cv-area .cv-tel.para a::before, #section04 .cv-area .cv-tel.para a::before, #section05 .cv-area .cv-tel.para a::before, #section06 .cv-area .cv-tel.para a::before {
        width: 27px;
        height: 27px;
    }
}
@media screen and (max-width: 500px){
    #customer_contents_maintitle_wrapper_kojin-contact h1 {
        font-size: 6vw;
    }
    #section01 h2, #section02 h2, #section03 h2, #section04 h2, #section05 h2, #section06 h2, #section07 h2 {
        font-size: 4.5vw;
        padding-bottom: 10px;
    }
    #section01 h2::after,#section02 h2::after,#section03 h2::after,#section04 h2::after,#section05 h2::after,#section06 h2::after,#section07 h2::after{
        width: 60px;
        height: 3px;
    }
    #btnarea_wrapper ul li a{
        font-size: 3.4vw;
    }
    #section01_wrapper,#section02_wrapper,#section03_wrapper,#section04_wrapper,#section05_wrapper,#section06_wrapper,#section07_wrapper {
        padding: 17% 0;
    }
    #section01 .supplement .seikou-housyu {
        font-size: 4vw;
    }
    #section02 .supplement-area .supplement-left, #section03 .supplement-area .supplement-left, #section04 .supplement-area .supplement-left, #section05 .supplement-area .supplement-left, #section06 .supplement-area .supplement-left, #section07 .supplement-area .supplement-left  {
        font-size: 4.5vw;
    }
    section .supplement-area .supplement-left span.sml-txt {
        font-size: 3.5vw;
        padding-right: 3%;
    }
    section .supplement-area .supplement-left span.kome {
        font-size: 7px;
    }
    #section01 .supplement-area .supplement-left {
        width: 90%;
        margin: auto;
    }
    #section01 .supplement-area .supplement-right {
        width: 90%;
        padding: 0 0 0 5%;
    }
    section .supplement-area .supplement-right p.right-txt {
        font-size: 2.7vw;
    }
    #section01 .cv-area, #section02 .cv-area, #section03 .cv-area, #section04 .cv-area, #section05 .cv-area, #section06 .cv-area, #section07 .cv-area {
        margin: 12% auto 0;
    }
    section .supplement-area {
        width: 85%;
    }
    section .supplement-area .supplement-right p.right-txt {
        padding-left: 0;
        margin-left: -3%;
        border: none;
    }
    #section02 .supplement-area .supplement-right, #section03 .supplement-area .supplement-right, #section04 .supplement-area .supplement-right, #section05 .supplement-area .supplement-right, #section06 .supplement-area .supplement-right, #section07 .supplement-area .supplement-right {
        padding-left: 3%;
    }
    #section02 .supplement-area .supplement-right, #section03 .supplement-area .supplement-right, #section04 .supplement-area .supplement-right, #section05 .supplement-area .supplement-right, #section06 .supplement-area .supplement-right, #section07 .supplement-area .supplement-right {
        width: 97%;
    }
    section .cv-area .btn-area .mail {
        width: 43%;
        margin-left: -7%;
    }
    section .cv-area .btn-area .senmon {
        width: 43%;
        margin-left: 0;
    }
}
@media screen and (max-width: 480px){
    #btnarea_wrapper ul li a{
        letter-spacing: 0;
        font-size: 4vw;
        padding: 32% 10% 22% 10%;
        line-height: 1.3;
        margin-bottom: 4%;
    }
    #btnarea_wrapper ul li a.btn01::before, #btnarea_wrapper ul li a.btn02::before, #btnarea_wrapper ul li a.btn03::before, #btnarea_wrapper ul li a.btn04::before, #btnarea_wrapper ul li a.btn05::before, #btnarea_wrapper ul li a.btn06::before,#btnarea_wrapper ul li a.btn07::before {
        right: 0;
        left: 0;
        top: -58%;
        margin: auto;
    }
    section .cv-area .btn-area {
        width: 80%;
        display: block;
        flex-wrap: wrap;
        /* justify-content: space-evenly; */
        align-items: center;
        margin: auto auto 4%;

        -ms-flex-pack: distribute;
        justify-content: space-around;
    }
    section .cv-area .btn-area .senmon {
        width: 70%;
        margin: auto auto auto 10%;
    }
    section .cv-area .btn-area .mail {
        width: 70%;
        margin: auto auto auto 10%;
    }
    #section01 .cv-area.koutsujiko .btn-area .mail a,#section02 .cv-area.iryou .btn-area .mail a,#section03 .cv-area.rikon .btn-area .mail a,#section04 .cv-area.keiji .btn-area .mail a,#section05 .cv-area.souzoku .btn-area .mail a,#section06 .cv-area.etc .btn-area .mail a,#section07 .cv-area.sekuhara .btn-area .mail a,#section07 .cv-area.saimuseiri .btn-area .mail a {
        padding: 3% 6%;
        margin: 0 0 5px 0;
    }
    #section01 .cv-area.koutsujiko .btn-area .senmon a,#section02 .cv-area.iryou .btn-area .senmon a,#section03 .cv-area.rikon .btn-area .senmon a,#section04 .cv-area.keiji .btn-area .senmon a,#section05 .cv-area.souzoku .btn-area .senmon a,#section06 .cv-area.etc .btn-area .senmon a,#section07 .cv-area.sekuhara .btn-area .senmon a,#section07 .cv-area.saimuseiri .btn-area .senmon a {
        padding: 3% 6%;
        margin: 5px 0 0 0;
    }
    #section01 .cv-area .cv-tel a, #section02 .cv-area .cv-tel a, #section03 .cv-area .cv-tel a, #section04 .cv-area .cv-tel a, #section05 .cv-area .cv-tel a, #section06 .cv-area .cv-tel a, #section07 .cv-area .cv-tel a  {
        font-size: 10vw;
    }
    #section01 .cv-area .cv-tel span, #section02 .cv-area .cv-tel span, #section03 .cv-area .cv-tel span, #section04 .cv-area .cv-tel span, #section05 .cv-area .cv-tel span, #section06 .cv-area .cv-tel span, #section07 .cv-area .cv-tel span {
        font-size: 3vw;
    }
    #section01 h2, #section02 h2, #section03 h2, #section04 h2, #section05 h2, #section06 h2, #section07 h2 {
        font-size: 6vw;
    }
    #section01 .cv-area .cv-tel.para a::before, #section02 .cv-area .cv-tel.para a::before, #section03 .cv-area .cv-tel.para a::before, #section04 .cv-area .cv-tel.para a::before, #section05 .cv-area .cv-tel.para a::before, #section06 .cv-area .cv-tel.para a::before, #section07 .cv-area .cv-tel.para a::before {
        width: 22px;
        height: 22px;
    }
    #section01 .cv-area .cv-tel a::before, #section02 .cv-area .cv-tel a::before, #section03 .cv-area .cv-tel a::before, #section04 .cv-area .cv-tel a::before, #section05 .cv-area .cv-tel a::before, #section06 .cv-area .cv-tel a::before, #section07 .cv-area .cv-tel a::before {
        width: 7vw;
        height: 7vw;
    }

}

@media screen and (max-width: 400px){
    #customer_tel_area li:nth-child(1) .button_box .tel {
        font-size: 38px;
    }
}
/* @media screen and (max-width: 430px){
    section .supplement-area .supplement-right p.right-txt {
        font-size: 3.5vw;
    }
} */
@media screen and (max-width: 340px){
    #btnarea_wrapper ul li {
        width: calc(90% / 2);
    }
    #btnarea_wrapper ul li a.btn01::before, #btnarea_wrapper ul li a.btn02::before, #btnarea_wrapper ul li a.btn03::before, #btnarea_wrapper ul li a.btn04::before, #btnarea_wrapper ul li a.btn05::before, #btnarea_wrapper ul li a.btn06::before {
        right: 0;
        left: 0;
        top: -50px;
        margin: auto;
    }
    #btnarea_wrapper ul li a, #btnarea_wrapper ul li a.btn06 {
        padding: 30% 12% 22% 17%;
    }
    section .cv-area .btn-area .mail {
        width: 80%;
        margin: auto auto auto 5%;
    }
    section .cv-area .btn-area .senmon {
        width: 80%;
        margin: auto auto auto 5%;
    }
    #btnarea_wrapper ul li a, #btnarea_wrapper ul li a.btn06 {
        margin-bottom: 10%;
    }
}
.new_line {
    display: inline-block;
}
.new_line_br {
    display: block;
}

/*ie調整用*/
@media screen and (-ms-high-contrast:none) {
    #section01 h2,#section02 h2,#section03 h2,#section04 h2,#section05 h2,#section06 h2 {
        font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho ProW3","ヒラギノ明朝 Std W3", "HiraMinStd-W3", "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "Noto Serif JP", serif;
    }
    #btnarea_wrapper ul li {
        width: calc(95% / 3);
        margin: 0;
        text-align: center;
        padding: 0.8% 0.5%;
    }
}

/* IE調整 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    img[src*=".svg"] {
      width: 100%; 
    }
  }

@media screen and (-ms-high-contrast:none) {
    .grid-wrapper .koutsujiko .grid-box-ttl::before {margin: auto auto auto -55px;}
    .grid-wrapper .iryou .grid-box-ttl::before {margin: auto auto auto -48px;}
    .grid-wrapper .rikon .grid-box-ttl::before {margin: auto auto auto -65px;}
    .grid-wrapper .keiji .grid-box-ttl::before {margin: auto auto auto -50px;}
    .grid-wrapper .souzoku .grid-box-ttl::before {margin: auto auto auto -50px;}
    .grid-wrapper .etc .grid-box-ttl::before {margin: auto auto auto -50px;}
    .grid-wrapper .iryou .grid-box-ttl::before{width: 25px;height: 21px;}
    /* .grid-wrapper .koutsujiko .grid-box-ttl,.grid-wrapper .iryou .grid-box-ttl,.grid-wrapper .rikon .grid-box-ttl,.grid-wrapper .keiji .grid-box-ttl,.grid-wrapper .souzoku .grid-box-ttl,.grid-wrapper .etc .grid-box-ttl{padding: 3% 2% 1% 8%;} */
    #customer_contents_wrapper_kojin img{
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform:translate(-50%, -50%);
        -ms-transform:translate(-50%, -50%);
        transform:translate(-50%, -50%);
        width:100%;
        height: auto;

    }
    .tab-content .cv-box01 .cv-left::before {top: 30px;}
    .tab-content .cv-box03 .cv-left::before,.tab-content .cv-box05 .cv-left::before,.tab-content .cv-box06 .cv-left::before {top: 28px;}
    .tab-content .cv-box04 .cv-left::before {top: 25px;}



    #customer_contents_wrapper_kojin .grid-wrapper .box .img_wrap {
        width: 100%;
        margin: 0;
        height: 12vw;
        position: relative;
        overflow: hidden;
        z-index: 0;
    
        min-height: 230px;
    }
    #customer_contents_wrapper_kojin .grid-wrapper .box .img_wrap img {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        width: 100%;
        height: auto;
    }
    .tab-content .cv-right .cv-tel::before {
        bottom: 10px;
    }
    #section01 .cv-area .cv-tel a::before,#section02 .cv-area .cv-tel a::before,#section03 .cv-area .cv-tel a::before,#section04 .cv-area .cv-tel a::before,#section05 .cv-area .cv-tel a::before,#section06 .cv-area .cv-tel a::before{
        bottom: 10px;
    }
}

@media all and  (max-width: 1300px) and (-ms-high-contrast: none) {
    #section01 .cv-area .cv-tel a::before,#section02 .cv-area .cv-tel a::before,#section03 .cv-area .cv-tel a::before,#section04 .cv-area .cv-tel a::before,#section05 .cv-area .cv-tel a::before,#section06 .cv-area .cv-tel a::before{
        bottom: 20px;
    }
}

@media all and  (max-width: 1024px) and (-ms-high-contrast: none) {
    .grid-wrapper .koutsujiko .grid-box-ttl::before {margin: auto auto auto -55px !important;}
    .grid-wrapper .iryou .grid-box-ttl::before {margin: auto auto auto -48px !important;}
    .grid-wrapper .rikon .grid-box-ttl::before {margin: auto auto auto -55px !important;top: 0;}
    .grid-wrapper .keiji .grid-box-ttl::before {margin: auto auto auto -50px !important;}
    .grid-wrapper .souzoku .grid-box-ttl::before {margin: auto auto auto -50px !important;}
    .grid-wrapper .etc .grid-box-ttl::before {margin: auto auto auto -40px !important;}
        .grid-wrapper .koutsujiko .grid-box-ttl,.grid-wrapper .iryou .grid-box-ttl,.grid-wrapper .rikon .grid-box-ttl,.grid-wrapper .keiji .grid-box-ttl,.grid-wrapper .souzoku .grid-box-ttl,.grid-wrapper .etc .grid-box-ttl{
        margin-top: -73px;
    }
    .grid-wrapper {margin-top: -30px;}
    .grid-wrapper .koutsujiko .grid-box-ttl::before,.grid-wrapper .iryou.grid-box-ttl::before,.grid-wrapper .rikon.grid-box-ttl::before,.grid-wrapper .keiji.grid-box-ttl::before,.grid-wrapper .souzoku .grid-box-ttl::before,.grid-wrapper .etc .grid-box-ttl::before {margin:0 10px 0 0;}
    #btnarea_wrapper ul li a.btn01::before, #btnarea_wrapper ul li a.btn02::before, #btnarea_wrapper ul li a.btn03::before, #btnarea_wrapper ul li a.btn04::before, #btnarea_wrapper ul li a.btn05::before, #btnarea_wrapper ul li a.btn06::before {
        width: 31px;
        height: 31px;
        right: 0;
        left: 0;
        margin: auto;
        top: -38%;
    }
    #btnarea_wrapper ul li a,#btnarea_wrapper ul li a.btn06 {
        padding: 30% 3% 17% 3%;
        line-height: 1.3;
    }
    #section01 .cv-area .cv-tel a,#section02 .cv-area .cv-tel a,#section03 .cv-area .cv-tel a,#section04 .cv-area .cv-tel a,#section05 .cv-area .cv-tel a,#section06 .cv-area .cv-tel a{
        padding-bottom: 0;
    }
    #section01 .cv-area .cv-tel a::before,#section02 .cv-area .cv-tel a::before,#section03 .cv-area .cv-tel a::before,#section04 .cv-area .cv-tel a::before,#section05 .cv-area .cv-tel a::before,#section06 .cv-area .cv-tel a::before{
        bottom: 10px;
    }
}
@media all and  (max-width: 970px) and (-ms-high-contrast: none) {
    .tab-content .cv-right .cv-tel::before {
        background-image: url(../images/customer_contents/index/tel-icon_ie.svg);
        bottom: 5px;
    }

}
@media all and  (max-width: 800px) and (-ms-high-contrast: none) {
    #btnarea_wrapper ul li a,#btnarea_wrapper ul li a.btn06 {
        padding: 30% 10% 17% 10%;
        line-height: 1.3;
    }
}

@media all and  (max-width: 767px) and (-ms-high-contrast: none) {
    .grid-wrapper .koutsujiko .grid-box-ttl::before {margin: auto auto auto -15px !important;}
    .grid-wrapper .iryou .grid-box-ttl::before {margin: auto auto auto -13px !important;}
    .grid-wrapper .rikon .grid-box-ttl::before {margin: auto auto auto -20px !important;}
    .grid-wrapper .keiji .grid-box-ttl::before {margin: auto auto auto -10px !important;}
    .grid-wrapper .souzoku .grid-box-ttl::before {margin: auto auto auto -10px !important;}
    .grid-wrapper .etc .grid-box-ttl::before {margin: auto auto auto -10px !important;}
    .tab-content .cv-box03 .cv-left::before{top: 10px;}
    #customer_contents_wrapper_kojin img{width:100%;max-width:800px;height: 100%;}
    #customer_contents_wrapper_kojin img{max-width:100%;max-height: 100%;}
    .grid-wrapper .koutsujiko .grid-box-ttl,.grid-wrapper .iryou .grid-box-ttl,.grid-wrapper .rikon .grid-box-ttl,.grid-wrapper .keiji .grid-box-ttl,.grid-wrapper .souzoku .grid-box-ttl,.grid-wrapper .etc .grid-box-ttl{
        margin-top: -53px;
    }
        /* .grid-wrapper .koutsujiko .grid-box-ttl::before,.grid-wrapper .iryou .grid-box-ttl::before,.grid-wrapper .keiji .grid-box-ttl::before,.grid-wrapper .souzoku .grid-box-ttl::before,.grid-wrapper .etc .grid-box-ttl::before {
        margin: auto auto auto -25px;
    } */
    .grid-wrapper {margin-top: 0;}
    #btnarea_wrapper ul li a.btn01::before, #btnarea_wrapper ul li a.btn02::before, #btnarea_wrapper ul li a.btn03::before, #btnarea_wrapper ul li a.btn04::before, #btnarea_wrapper ul li a.btn05::before, #btnarea_wrapper ul li a.btn06::before {
        width: 21px;
        height: 21px;
        right: 0;
        left: 0;
        margin: auto;
        top: -58%;
    }
    .tab-content .cv-right .cv-tel::before {
        background-image: url(../images/customer_contents/index/tel-icon.svg);
        bottom: 10px;
    }
    #btnarea_wrapper ul li a, #btnarea_wrapper ul li a.btn06 {
        padding: 30% 5% 17% 5%;
    }
}


@media all and  (max-width: 600px) and (-ms-high-contrast: none) {
    .grid-wrapper .koutsujiko .grid-box-ttl, .grid-wrapper .iryou .grid-box-ttl, .grid-wrapper .rikon .grid-box-ttl, .grid-wrapper .keiji .grid-box-ttl, .grid-wrapper .souzoku .grid-box-ttl, .grid-wrapper .etc .grid-box-ttl {
        margin-top: -73px;
    }
        /* .grid-wrapper .koutsujiko .grid-box-ttl::before,.grid-wrapper .iryou .grid-box-ttl::before,.grid-wrapper .keiji .grid-box-ttl::before,.grid-wrapper .souzoku .grid-box-ttl::before,.grid-wrapper .etc .grid-box-ttl::before {
        margin: auto auto auto -45px;
    } */
    .grid-wrapper {margin-top: -30px;}
    .grid-wrapper .koutsujiko .grid-box-ttl::before {margin: auto auto auto -60px !important;}
    .grid-wrapper .iryou .grid-box-ttl::before {margin: auto auto auto -60px !important;}
    .grid-wrapper .rikon .grid-box-ttl::before {margin: auto auto auto -70px !important;}
    .grid-wrapper .keiji .grid-box-ttl::before {margin: auto auto auto -60px !important;}
    .grid-wrapper .souzoku .grid-box-ttl::before {margin: auto auto auto -60px !important;}
    .grid-wrapper .etc .grid-box-ttl::before {margin: auto auto auto -60px !important;}

}

@media all and  (max-width: 550px) and (-ms-high-contrast: none) {
    .grid-wrapper .koutsujiko .grid-box-ttl::before {margin: auto auto auto -80px !important;}
    .grid-wrapper .iryou .grid-box-ttl::before {margin: auto auto auto -80px !important;}
    .grid-wrapper .rikon .grid-box-ttl::before {margin: auto auto auto -90px !important;}
    .grid-wrapper .keiji .grid-box-ttl::before {margin: auto auto auto -80px !important;}
    .grid-wrapper .souzoku .grid-box-ttl::before {margin: auto auto auto -80px !important;}
    .grid-wrapper .etc .grid-box-ttl::before {margin: auto auto auto -80px !important;}
    .tab-content .cv-right .cv-tel::before {
        background-image: url(../images/customer_contents/index/tel-icon_ie.svg);
        bottom: 5px;
    }
}

@media all and  (max-width: 500px) and (-ms-high-contrast: none) {
    .grid-wrapper .koutsujiko .grid-box-ttl::before {margin: auto auto auto -35px;}
    .grid-wrapper .rikon .grid-box-ttl::before{margin: auto auto auto -43px;}
    .grid-wrapper .koutsujiko .grid-box-ttl::before,.grid-wrapper .iryou .grid-box-ttl::before,.grid-wrapper .rikon .grid-box-ttl::before,.grid-wrapper .keiji .grid-box-ttl::before,.grid-wrapper .souzoku .grid-box-ttl::before,.grid-wrapper .etc .grid-box-ttl::before {margin:0 10px 0 0;}
    .grid-wrapper {margin-top: -30px;}

}
@media all and  (max-width: 480px) and (-ms-high-contrast: none) {
    #section01 .cv-area .cv-tel a::before,#section02 .cv-area .cv-tel a::before,#section03 .cv-area .cv-tel a::before,#section04 .cv-area .cv-tel a::before,#section05 .cv-area .cv-tel a::before,#section06 .cv-area .cv-tel a::before{
        width: 28px;
        height: 28px;
        background-image: url(../images/customer_contents/index/tel-icon_ie.svg);
        margin: auto auto auto -11%;
    }
    #btnarea_wrapper ul li a,#btnarea_wrapper ul li a.btn06 {
        font-size: 3vw;
    }
}

@media all and  (max-width: 420px) and (-ms-high-contrast: none) {
    .grid-wrapper .etc .grid-box-ttl::before{margin: 0 5px 0 0;}
    .grid-wrapper .koutsujiko .grid-box-ttl, .grid-wrapper .iryou .grid-box-ttl, .grid-wrapper .rikon .grid-box-ttl, .grid-wrapper .keiji .grid-box-ttl, .grid-wrapper .souzoku .grid-box-ttl, .grid-wrapper .etc .grid-box-ttl {
        margin-top: -93px;
    }
    .grid-wrapper .koutsujiko .grid-box-ttl::before {margin: auto auto auto -65px !important;}
    .grid-wrapper .iryou .grid-box-ttl::before {margin: auto auto auto -65px !important;}
    .grid-wrapper .rikon .grid-box-ttl::before {margin: auto auto auto -75px !important;}
    .grid-wrapper .keiji .grid-box-ttl::before {margin: auto auto auto -65px !important;}
    .grid-wrapper .souzoku .grid-box-ttl::before {margin: auto auto auto -65px !important;}
    .grid-wrapper .etc .grid-box-ttl::before {margin: auto auto auto -65px !important;}
}
@media all and  (max-width: 350px) and (-ms-high-contrast: none) {
    .grid-wrapper .koutsujiko .grid-box-ttl::before {margin: auto auto auto -55px !important;}
    .grid-wrapper .iryou .grid-box-ttl::before {margin: auto auto auto -55px !important;}
    .grid-wrapper .rikon .grid-box-ttl::before {margin: auto auto auto -65px !important;}
    .grid-wrapper .keiji .grid-box-ttl::before {margin: auto auto auto -55px !important;}
    .grid-wrapper .souzoku .grid-box-ttl::before {margin: auto auto auto -55px !important;}
    .grid-wrapper .etc .grid-box-ttl::before {margin: auto auto auto -55px !important;}
}

@media all and  (min-width: 768px) and (-ms-high-contrast: none) {
    .cv-tel a {
        display: inline-block;
        pointer-events: none;
    }
}

@media screen and (min-width: 768px){
    a[href^="tel:"] {
        pointer-events: none;
    }
}

/* 新着一覧下のボタン */
.tab-wrap {
    display: flex;
    align-items: center;
    max-width: 800px;
	width: 100%;
    margin: 10% auto 5%;
    flex-wrap: wrap;
	justify-content: space-between;
}
#customer_contents_wrapper_kojin .tab-wrap a.tab-label:nth-of-type(n+6) {
	margin-top: 2em;
}
#customer_contents_wrapper_kojin .tab-wrap a.tab-label .contact-bunya span {
    display: inline-block;
    margin-top: 56px;
}
#customer_contents_wrapper_kojin .tab-wrap a.tab-label {
	display: flex;
    color: White;
    background: none;
    order: -1;
	flex-grow: 1;
}
#customer_contents_wrapper_kojin .tab-wrap.other{
	margin-top: -30px!important;
}
#customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle01 {
    opacity: 1;
    background-color: #3d6d49;
    /* transition: .5s; */
    display: inline-block;
	/*width: 135px;
	height: 135px;*/
	/*border-radius: 50%;*/
    text-align:center;
    line-height: 1.2;
    color: #fff;
    /* font-size: 18px; */
    font-size: 15px;
    font-weight: bold;
    position: relative;
    letter-spacing: .08rem;
}
#customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle01:hover,#customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle02:hover,#customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle03:hover,#customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle04:hover,#customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle05:hover,#customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle06:hover,#customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle07:hover,#customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle08:hover,#customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle06.circle08:hover{
    opacity: 1;
    background-color: #838276;
    transition: .5s;
}

#customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle01::before {
    content: "";
    width: 26px;
    height: 26px;
    position: absolute;
    background-image: url(../images/customer_contents/index/koutsu.svg);
    left: 0;
    right: 0;
    top: 25px;
    margin: auto;
    background-repeat: no-repeat;
    background-size: contain;
}
#customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle01::after{
    content: "";
    position: absolute;
    right: 0;
    bottom: 15px;
    left: 0;
    width: 16px;
    height: 16px;
    margin: auto;
    /* border-style: solid;
    border-color: #fff transparent transparent transparent;
    border-width: 10px 10px 0 10px; */

    background-image: url(../images/customer_contents/index/maru-arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }

  #customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle02 {
    opacity: 1;
    background-color: #407499;
    /* transition: .5s; */
    display: inline-block;
	/*width: 135px;
	height: 135px;*/
	/*border-radius: 50%;*/
    text-align:center;
    line-height: 1.2;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    position: relative;
    letter-spacing: .08rem;
}


#customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle02::before {
    content: "";
    width: 22px;
    height: 22px;
    position: absolute;
    background-image: url(../images/customer_contents/index/iryou.svg);
    left: 0;
    right: 0;
    top: 23px;
    margin: auto;
    background-repeat: no-repeat;
    background-size: contain;
}
#customer_contents_wrapper_kojin .tab-wrap a .circle02::after{
    content: "";
    position: absolute;
    right: 0;
    bottom: 15px;
    left: 0;
    width: 18px;
    height: 18px;
    margin: auto;
    /* border-style: solid;
    border-color: #fff transparent transparent transparent;
    border-width: 10px 10px 0 10px; */

    background-image: url(../images/customer_contents/index/maru-arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;

  }
  #customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle03 {
    opacity: 1;
    background-color: #a75764;
    /* transition: .5s; */
    display: inline-block;
	/*width: 135px;
	height: 135px;*/
	/*border-radius: 50%;*/
    text-align:center;
    line-height: 1.2;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    position: relative;
    letter-spacing: .08rem;
}

#customer_contents_wrapper_kojin .tab-wrap a .circle03::before {
    content: "";
    width: 27px;
    height: 13px;
    position: absolute;
    background-image: url(../images/customer_contents/index/rikon.svg);
    left: 0;
    right: 0;
    top: 25px;
    margin: auto;
    background-repeat: no-repeat;
    background-size: contain;
}
#customer_contents_wrapper_kojin .tab-wrap a .circle03::after{
    content: "";
    position: absolute;
    right: 0;
    bottom: 15px;
    left: 0;
    width: 18px;
    height: 18px;
    margin: auto;
    /* border-style: solid;
    border-color: #fff transparent transparent transparent;
    border-width: 10px 10px 0 10px; */

    background-image: url(../images/customer_contents/index/maru-arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }

  #customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle04 {
    opacity: 1;
    background-color: #222a4c;
    /* transition: .5s; */
    display: inline-block;
	/*width: 135px;
	height: 135px;*/
	/*border-radius: 50%;*/
    text-align:center;
    line-height: 1.2;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    position: relative;
    letter-spacing: .08rem;
}


#customer_contents_wrapper_kojin .tab-wrap a .circle04::before {
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    background-image: url(../images/customer_contents/index/keiji.svg);
    left: 0;
    right: 0;
    top: 21px;
    margin: auto;
    background-repeat: no-repeat;
    background-size: contain;
}
#customer_contents_wrapper_kojin .tab-wrap a .circle04::after{
    content: "";
    position: absolute;
    right: 0;
    bottom: 15px;
    left: 0;
    width: 18px;
    height: 18px;
    margin: auto;
    /* border-style: solid;
    border-color: #fff transparent transparent transparent;
    border-width: 10px 10px 0 10px; */

    background-image: url(../images/customer_contents/index/maru-arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }

  #customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle05 {
    opacity: 1;
    background-color: #76682e;
    /* transition: .5s; */
    display: inline-block;
	/*width: 135px;
	height: 135px;*/
	/*border-radius: 50%;*/
    text-align:center;
    line-height: 1.2;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    position: relative;
    letter-spacing: .08rem;
}
#customer_contents_wrapper_kojin .tab-wrap a .circle05::before {
    content: "";
    width: 26px;
    height: 26px;
    position: absolute;
    background-image: url(../images/customer_contents/index/souzoku.svg);
    left: 0;
    right: 0;
    top: 20px;
    margin: auto;
    background-repeat: no-repeat;
    background-size: contain;
}
#customer_contents_wrapper_kojin .tab-wrap a .circle05::after{
    content: "";
    position: absolute;
    right: 0;
    bottom: 15px;
    left: 0;
    width: 18px;
    height: 18px;
    margin: auto;
    /* border-style: solid;
    border-color: #fff transparent transparent transparent;
    border-width: 10px 10px 0 10px; */

    background-image: url(../images/customer_contents/index/maru-arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
  #customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle06 {
    opacity: 1;
    background-color: #397973;
    /* transition: .5s; */
    display: inline-block;
/*	width: 135px;
	height: 135px;*/
	/*border-radius: 50%;*/
    text-align:center;
    line-height: 1.2;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    position: relative;
    letter-spacing: .08rem;
}
#customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle06.circle08{
	background: #0db599;
}
#customer_contents_wrapper_kojin .tab-wrap a .circle06::before {
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    background-image: url(../images/customer_contents/index/sekuhara.svg);
    left: 0;
    right: 0;
    top: 18px;
    margin: auto;
    background-repeat: no-repeat;
    background-size: contain;
}
#customer_contents_wrapper_kojin .tab-wrap a .circle10::before {
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    background-image: url(../images/customer_contents/index/saimuseiri.svg);
    left: 0;
    right: 0;
    top: 18px;
    margin: auto;
    background-repeat: no-repeat;
    background-size: contain;
}
#customer_contents_wrapper_kojin .tab-wrap a .circle06.circle08::before{
    background-image: url(../images/customer_contents/index/rousai.svg);
}
#customer_contents_wrapper_kojin .tab-wrap a .circle06::after{
    content: "";
    position: absolute;
    right: 0;
    bottom: 15px;
    left: 0;
    width: 18px;
    height: 18px;
    margin: auto;
    /* border-style: solid;
    border-color: #fff transparent transparent transparent;
    border-width: 10px 10px 0 10px; */

    background-image: url(../images/customer_contents/index/maru-arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

#customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle07 {
    opacity: 1;
    background-color: #605d5d;
    /* transition: .5s; */
    display: inline-block;
/*	width: 135px;
	height: 135px;*/
	/*border-radius: 50%;*/
    text-align:center;
    line-height: 1.2;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    position: relative;
    letter-spacing: .08rem;
}

#customer_contents_wrapper_kojin .tab-wrap a .circle07::before {
    content: "";
    width: 26px;
    height: 26px;
    position: absolute;
    background-image: url(../images/customer_contents/index/etc.svg);
    left: 0;
    right: 0;
    top: 22px;
    margin: auto;
    background-repeat: no-repeat;
    background-size: contain;
}
#customer_contents_wrapper_kojin .tab-wrap a .circle07::after{
    content: "";
    position: absolute;
    right: 0;
    bottom: 15px;
    left: 0;
    width: 18px;
    height: 18px;
    margin: auto;
    /* border-style: solid;
    border-color: #fff transparent transparent transparent;
    border-width: 10px 10px 0 10px; */

    background-image: url(../images/customer_contents/index/maru-arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }

#customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle09 {
    opacity: 1;
    background-color: #514125;
    /* transition: .5s; */
    display: inline-block;
	/*width: 135px;
	height: 135px;*/
	/*border-radius: 50%;*/
    text-align:center;
    line-height: 1.2;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    position: relative;
    letter-spacing: .08rem;
}

#customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle10 {
    opacity: 1;
    background-color: #5c9816;
    /* transition: .5s; */
    display: inline-block;
	/*width: 135px;
	height: 135px;*/
	/*border-radius: 50%;*/
    text-align:center;
    line-height: 1.2;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    position: relative;
    letter-spacing: .08rem;
}

#customer_contents_wrapper_kojin .tab-wrap a .circle09::before {
    content: "";
    width: 26px;
    height: 26px;
    position: absolute;
    background-image: url(../images/customer_contents/index/ijime.svg);
    left: 0;
    right: 0;
    top: 22px;
    margin: auto;
    background-repeat: no-repeat;
    background-size: contain;
}
#customer_contents_wrapper_kojin .tab-wrap a .circle09::after{
    content: "";
    position: absolute;
    right: 0;
    bottom: 15px;
    left: 0;
    width: 18px;
    height: 18px;
    margin: auto;
    /* border-style: solid;
    border-color: #fff transparent transparent transparent;
    border-width: 10px 10px 0 10px; */

    background-image: url(../images/customer_contents/index/maru-arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }

#customer_contents_wrapper_kojin .tab-wrap a .circle10::before {
    content: "";
    width: 26px;
    height: 26px;
    position: absolute;
    background-image: url(../images/customer_contents/index/ijime.svg);
    left: 0;
    right: 0;
    top: 22px;
    margin: auto;
    background-repeat: no-repeat;
    background-size: contain;
}
#customer_contents_wrapper_kojin .tab-wrap a .circle10::after{
    content: "";
    position: absolute;
    right: 0;
    bottom: 15px;
    left: 0;
    width: 18px;
    height: 18px;
    margin: auto;
    /* border-style: solid;
    border-color: #fff transparent transparent transparent;
    border-width: 10px 10px 0 10px; */

    background-image: url(../images/customer_contents/index/maru-arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }

#customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle10 {
    opacity: 1;
    background-color: #1a3811;
    /* transition: .5s; */
    display: inline-block;
	/*width: 135px;
	height: 135px;
	border-radius: 50%;*/
    text-align:center;
    line-height: 1.2;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    position: relative;
    letter-spacing: .08rem;
}

#customer_contents_wrapper_kojin .tab-wrap a .circle10::before {
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    background-image: url(../images/customer_contents/index/saimuseiri.svg);
    left: 0;
    right: 0;
    top: 22px;
    margin: auto;
    background-repeat: no-repeat;
    background-size: contain;
}
#customer_contents_wrapper_kojin .tab-wrap a .circle10::after{
    content: "";
    position: absolute;
    right: 0;
    bottom: 15px;
    left: 0;
    width: 18px;
    height: 18px;
    margin: auto;
    /* border-style: solid;
    border-color: #fff transparent transparent transparent;
    border-width: 10px 10px 0 10px; */

    background-image: url(../images/customer_contents/index/maru-arrow.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }
#customer_contents_wrapper_kojin .tab-wrap a .contact-bunya.circle10 .contact-text{
    margin-top: 56px;
    font-size: 14px;
}
#customer_contents_wrapper_kojin .tab-wrap a.tab-label .contact-bunya {
	width: 135px;
	height: 135px;
	border-radius: 50%;
}

  @media screen and (max-width: 1200px){
    #customer_contents_wrapper_kojin .tab-wrap {
		display: flex;
    	justify-content: space-between;
		flex-wrap: wrap;
		max-width:660px;
    }
	#customer_contents_wrapper_kojin .tab-wrap a.tab-label {
		width:calc(97%/4);
		border-radius: 100%;
 		display:flex;
		flex-direction:column;
		justify-content: center;
		align-items: center;
	  }
	  #customer_contents_wrapper_kojin .tab-wrap a.tab-label .contact-bunya:before {
 		display: block;
 		content: '';
 		padding-top: 100%;
	  }
	  #customer_contents_wrapper_kojin .tab-wrap a.tab-label:nth-of-type(n+5) {
		  margin-top: 4%;
	  }
	  
	}


@media screen and (max-width: 970px){
    #customer_contents_wrapper_kojin .tab-wrap {
        max-width: 740px;
    }
    #customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle01, #customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle02, #customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle03, #customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle04, #customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle05, #customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle06, #customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle07, #customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle10 {
        margin: 5px;
    }
    #customer_contents_wrapper_kojin .tab-wrap {
        margin: 5% auto 0;
    }
    #customer_contents_wrapper_kojin .tab-wrap {
        justify-content: center;
        width: 100%;
    }
}

@media screen and (max-width: 768px){
	#customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle01,#customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle02,#customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle03,#customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle04,#customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle05,#customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle06,#customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle07,#customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle10 {
        width: 110px;
        height: 110px;
        font-size: 14px;
        margin: 10px 0;
    }
    #customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle01::after,#customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle02::after,#customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle03::after,#customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle04::after,#customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle05::after,#customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle06::after,#customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle07::after,#customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle10::after {
        bottom: 10px;
    }
    #customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle01, #customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle02, #customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle03, #customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle04, #customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle05, #customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle06, #customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle07, #customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle10 {
        margin: 7px;
    }
    #customer_contents_wrapper_kojin .tab-wrap {
        max-width: 490px;
    }
	  #customer_contents_wrapper_kojin .tab-wrap a.tab-label:nth-of-type(n+5) {
		  margin-top: 1%;
	  }
    #customer_contents_wrapper_kojin .tab-wrap  a.tab-label .circle01::before, #customer_contents_wrapper_kojin .tab-wrap  a.tab-label .circle02::before {
        top: 12px;
    }
    #customer_contents_wrapper_kojin .tab-wrap  a.tab-label .circle03::before {
        top: 15px;
    }
    #customer_contents_wrapper_kojin .tab-wrap  a.tab-label .circle04::before, #customer_contents_wrapper_kojin .tab-wrap  a.tab-label .circle05::before, #customer_contents_wrapper_kojin .tab-wrap  a.tab-label .circle06::before, #customer_contents_wrapper_kojin .tab-wrap  a.tab-label .circle07::before, #customer_contents_wrapper_kojin .tab-wrap  a.tab-label .circle10::before {
        top: 9px;
    }
    #customer_contents_wrapper_kojin .tab-wrap  a.tab-label .contact-bunya span {
        margin-top: 40px;
    }
      #customer_contents_wrapper_kojin .tab-wrap a .contact-bunya.circle10 .contact-text{
          font-size: 12px;
          margin-top: 37px;
      }
}

@media screen and (max-width: 500px){
    #customer_contents_wrapper_kojin .tab-wrap {
        max-width: 490px;
    }
	#customer_contents_wrapper_kojin .tab-wrap a.tab-label {
		width:calc(97%/3);
	}
	  #customer_contents_wrapper_kojin .tab-wrap a.tab-label:nth-of-type(n+5) {
		  margin-top: 1%;
	  }
}

@media screen and (max-width: 420px){
    #customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle01, #customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle02, #customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle03, #customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle04, #customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle05,#customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle06, #customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle07, #customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle10 {
        font-size: 3vw;
    }
    #customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle01, #customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle02, #customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle03, #customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle04, #customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle05, #customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle06, #customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle07 {
        width: 100px;
        height: 100px;
    }
    #customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle01::after, #customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle02::after, #customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle03::after, #customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle04::after, #customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle05::after, #customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle06::after, #customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle07::after, #customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle10::after {
        bottom: 7px;
    }
    #customer_contents_wrapper_kojin .tab-wrap a.tab-label .contact-bunya span {
        margin-top: 40px;
    }
}
.wc-webchat-ctn {
    /*bottom: 5px !important;
    right: 3px !important;*/
	display:none;
}


.grid-wrapper .souzoku.rousai .grid-box-ttl,.grid-wrapper .souzoku.rousai a.grid-btn{
	    background: #0db599;

}

@media screen and (max-width: 320px){
    #customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle01::after, #customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle02::after, #customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle03::after, #customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle04::after, #customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle05::after, #customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle06::after, #customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle07::after, #customer_contents_wrapper_kojin .tab-wrap a.tab-label .circle10::after {
        bottom: 12px;
    }
}