@charset "UTF-8";
/* SP版で非表示にする↓ */
.visible_l {
    display: none !important;
}
*{
    margin: 0;
    padding: 0;
}
body,html{
    margin: 0;
    font-family:"Barlow", "Zen Kaku Gothic New", sans-serif;
    width: 100%;
    overflow-x: hidden;
}
/* 申請完了画面 / エラー画面　全コンテンツ収容div要素指定 */
.full_content{
    position: relative;
    min-height: 100vh;
}
.main_content{
    position: absolute;
    top: 50%;
    transform: translate(0, calc(-50% - 4.6vh - 14px));
    text-align: center;
    width: 100%;
}

ul,li,a{
    text-decoration: none;
    list-style: none;
}
a{
    color: #fff;
}
/* 非表示 */
.d-none{
    display: none;
}
/* スクロール無し */
.no-scroll{
    overflow-y: hidden;
}
.header_no_scroll{
    overflow-y: hidden;
}
/* ホバーで半透明にする↓ */
.translucent:hover{
    opacity: 0.6;
}
.underine:hover{
    text-decoration: underline;
}
/* ホバーで反転↓ */
.orange.inversion:hover{
    background-color: #fff;
    color: #F76E44;
    font-weight: 600;
    transition: 0.5s;
    outline: 1px solid #F76E44;
}
.yellow.inversion:hover{
    background-color: #fff;
    color: #F8AD36;
    font-weight: 600;
    transition: 0.5s;
    outline: 1px solid #F8AD36;
}
.btn.inversion.yellow:hover::after {
    background: #F8AD36;
}
.btn.inversion.yellow:hover::before {
    border-top: 3px solid #F8AD36;
    border-right: 3px solid #F8AD36;
}
.no-wrap{
    white-space: nowrap;
}
.no-content::after,
.no-content::before{
    display: none;
}
/* max-whidthの指定↓ */
.mw-1000{
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}
.mw_one_column{
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}
.mw_tow_column{
    max-width: 742px;
    margin-left: auto;
    margin-right: auto;
}
.mw_one_column.btn_mw{
    max-width: 400px;
    margin-left: auto;
    margin-right: auto;
}
/* min-whidthの指定↓ */
.min-100{
    min-width: 200px;
}
.w-100{
    width: 100%;
}

    /* 追従時の動き */
    header.scloll{
        background-color: #fff;
        padding-bottom: 15px;
        color: #000;
    }
    header.scloll p{
        color: #000;
    }
    header.scloll .header_bottom_btn p{
        color: #F76E44;
    }
    header.scloll .header_menu .openbtn span {
        background: #000;
    }
    header.scloll .white_icon{
        display: none;
    }
    header.scloll .black_icon{
        display: inline-block;
    }

    .btn_content{
    width: 86%;
    margin: 0 auto;
    }
    .btn{
    width: 100%;
    padding: 15px 0%;
    text-align: center;
    color: #fff;
    font-size: clamp(10%,14px,1.5rem);
    background-color: #4E4949;
    cursor: pointer;
    }
    .btn::before{
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 21px;
    width: 6px;
    height: 6px;
    border-top: 2px solid #F76E44;
    border-right: 2px solid #F76E44;
    transform: rotate(45deg);
    }
    .btn::after {
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 22px;
    width: 10px;
    height: 2px;
    background: #F76E44;
    }
        
    /* 黄色いボタン↓ */
    .btn.yellow{
        background-color: #F8AD36;
        border: none;
    }  
    /* 疑似要素無し↓ */
    .btn.no-content::after,
    .btn.no-content::before{
        display: none;
    }

/*--------------------------------
	header
--------------------------------*/
header{
	padding-left: 4.92vw;
	padding-right: 4.92vw;
    padding-top: 2.92vw;
    position: fixed;
    width: 90vw;
    color: #fff;
    z-index: 2;
}
header .container:last-child{
	display: flex;
    text-align: center;
    justify-content: space-between;
    width: 38%;
    max-width: min(38%, 172px);
}
header .img_box{
    height: auto;
    width: 180px;
    margin-top: 2.4vw;
    margin-left: 1px;
    max-width: 232px;
}
.header_menu .img_box{
    /* 大きさはダミー */
    height: auto;
    width: 39px;
    margin: 0 auto;
    margin-top: 2px;
    margin-bottom: 5px;
    text-align: center;
}
.header_menu .img_box img{
    text-align: center;
    height: 18px;
}
.header_menu a{
    align-items: center;
    /* text-align: center; */
}
.header_menu p{
    margin: 0;
    font-size:clamp(8.3px , 1.2vw , 40px);
    letter-spacing: 0.06rem;
    font-weight: 600;
}
/*--------------------------------
	ハンバーガーメニュー
--------------------------------*/
.header_menu .openbtn.hidden{
    display: none;
}
.header_menu .openbtn{
    position: relative;/*ボタン内側の基点となるためrelativeを指定*/
    height: 100%;
    width: 9vw;
    z-index: 90;
}
.header_menu .openbtn.active span{
    background: #fff;
}
/*ボタン内側*/
.header_menu .openbtn span{
    display: inline-block;
    transition: all .4s;/*アニメーションの設定*/
    position: absolute;
    left: 0px;
    height: 2px;
    background: #fff;
    width: 18px;
}


.header_menu .openbtn span:nth-of-type(1) {
    top:7px; 
    margin-left: 9px;
}

.header_menu .openbtn span:nth-of-type(2) {
    top:13px;
    margin-left: 9px;
}

.header_menu .openbtn span:nth-of-type(2)::after {
content:"メニュー";
position: absolute;
top:0px;
left:-15px;
text-transform: uppercase;
font-size:clamp(8.3px , 1.2vw , 40px);
white-space: nowrap;
letter-spacing: 0.06em;
font-weight: 600;
width: 3rem;
margin-top: 64%;
}

/*メニュー開いた後のデザイン次第で変更↓*/
.header_menu .openbtn.active span:nth-of-type(1) {
    top: 9px;
    left: -2px;
    transform: translateY(6px) rotate(-45deg);
    width: 18px;
    background: #fff;
}

.header_menu .openbtn.active span:nth-of-type(2){
    top: 21px;
    left: -2px;
    transform: translateY(-6px) rotate(45deg);
    width: 18px;
    background: #fff;
}

.header_menu .openbtn.active span:nth-of-type(2)::after {
    content:"閉じる";
    transform: translateY(0) rotate(-45deg);
    top: -4px;
    left: 2px;
    color: #fff;
}
.hamburger_menu{
    top: 0;
    transition: all .4s;/*アニメーションの設定*/
    position: fixed;
    left: 0;
    right: 0;
    width: 100vw;
    height: 100vh;
    overflow-y: scroll;
    transform: translateY(-120%);
    z-index: 80;
    margin-bottom: -50px;
}
.hamburger_menu.active{
    transform: translateY(0);
}
.hamburger_menu .back_box{
    background-color: #F76E44;
    padding-top: 1.9vw;
    padding-bottom: 3.7vh;
}

/* accordion */
.header_accordion{
    width: 86%;
    margin: 0 auto;
    text-align: left;
    margin-top: 5.5vh;
    margin-bottom: 5vh;
}
.header_accordion .accordion_area .title,
header .accordion_area .link {
    padding-left: 0;
    font-family:"Zen Kaku Gothic New", sans-serif;
    font-size: clamp(10%,16px,1.5rem);
    letter-spacing: 0.05em;
    font-weight: 600;
}
.header_accordion .accordion_area .title .circle{
    background: #fff;
    right: 1px;
    top: -1px;
}
header .accordion_area .title::before, 
header .accordion_area .title::after {
    background-color: #F76E44;
    right: 9px;
}
header .accordion_area .title::after {
    top: 29%;
}
header .accordion_area .title::before {
    top:29%;
}
header .accordion_area .title.top::before,
header .accordion_area .title.top::after  {
    top:13px;
}
header .accordion_area .box{
    padding:2vh 0% 0.1% ;
    font-size: 14px;
    font-weight: 500;
} 
header .accordion_area .box li{
    margin-bottom: 6.5%;
    font-size: clamp(10%,4vw,15px);
}
header .accordion_area li{
    margin-bottom: 8.4%;
}
header .accordion_area li:nth-child(2){
    margin-top: -7px;
}
header .accordion_area .box li:nth-child(2){
    margin-top: 0;
    margin-bottom: 6.5%;
}
header .arrow_right::before {
    right: 6px;
    margin-bottom: 24px;
}
header .arrow_right::after {
    right: 6px;
    margin-bottom: 27px;
}
header .accordion_area .title{
    padding: 3px 0px 20px;
}
header .accordion_area .title.top{
    padding: 0px 0px 2.1vh;
}
header .accordion_area .title.close::before{
    top: 8px;
    right: 8px;
}
header .accordion_area .title.close::after{
    width: 13px;
    top: 13px;
    background-color: #F76E44;
}
header .accordion_area .title.close.top::before{
    top: 13px;
    right: 8px;
}

/* link */
.header_link{
    width: 84%;
    margin: 0 auto;
    font-size: 14px;
    text-align: left;
    padding-right: 9px;
    font-weight: 400;
    margin-bottom: 5vh;
}
.header_link li{
    margin-bottom: 21px;
}
.header_link a{
    width: 100%;
    display: inline-block;
}
.header_link .arrow_right{
    padding-left: 0;
}
.header_link  .arrow_right::before{
    margin-bottom: 0px;
    right: 0px;
}
.header_link  .arrow_right::after{
    margin-bottom: 3px;
    right: 1px;
}
/* btn */
.header_menu_btn{
    width: 86%;
    margin: 0 auto;
    /* margin-bottom: 3.7vh; */
    margin-top: 65px;
}
header .header_menu_btn a{
    padding: 13px 0%;
    text-align: center;
    position: relative;
    display: inline-block;
    width: 100%;
    background-color: #fff;
    color: #F76E44;
    font-weight: 500;
}
.header_menu_btn a::before{
    content: url(/img/header_menu_icon1.svg);
    padding-right: 5px;
}
.header_menu_btn a.btn_2::before{
    content: url(/img/header_menu_icon2.svg);
}
.header_menu_btn a.btn_3::before{
    content: url(/img/header_menu_icon3.svg);
}
.header_menu_btn .btn_box{
    margin-bottom: 3vh;
}
.header_bottom_btn{
    background-color: #fff;
    padding: 4vh 0px;
    border-bottom-right-radius: 5vh;
    position: relative;
}
.header_bottom_btn p{
    text-align: center;
    font-size: clamp(10%,14px,1.5rem);
    font-weight: 600;
    letter-spacing: 0.07em;
    line-height: 2;
    position: relative;
    color: #F76E44;
    margin-bottom: 1.2vh;
}
.header_bottom_btn p::before{
    content: "";
    position: absolute;
    height: 1.7em;
    width: 1px;
    left: 25.5%;
    top: 2px;
    background-color: #F76E44;
    transform: rotate(148deg);
}
.header_bottom_btn p::after{
    content: "";
    position: absolute;
    height: 1.7em;
    width: 1px;
    right: 27.5%;
    top: 2px;
    background-color: #F76E44;
    transform: rotate(212deg);
}
.header_bottom_btn .top_btn{
    width: 86%;
    margin: 0 auto;
}
.header_bottom_btn a{
    color: #fff;
    font-size: clamp(10%,14px,1.5rem);
    letter-spacing: 0.06rem;
    font-weight: 600;
}
.header_bottom_btn .top_btn a{
    display: inline-block;
    width: 100%;
    background-color: #F76E44;
    padding: 15px 0px;
    text-align: center;
    margin-bottom: 2.5vh;
}
.header_bottom_btn .bottom_btn{
    display: flex;
    justify-content: space-between;
    width: 86%;
    margin: 0 auto;
}
.header_bottom_btn .bottom_btn .left_btn a,
.header_bottom_btn .bottom_btn .right_btn a{
    background-color: #F8AD36;
    padding: 15px 0px;
    text-align: center;
    display: inline-block;
    width: 100%;
    font-size: 13px;
}
.header_bottom_btn .bottom_btn .left_btn{
    padding: 0px;
    width: 100%;
    margin-right: 8px;
}
.header_bottom_btn .bottom_btn .right_btn{
    padding: 0%;
    width: 100%;
}

.visible_header_l{
    display: none;
}

/* headerレスポンシブは早めに */
@media screen and (min-width: 1200px) {
    /* マイページ用要素は消しておく↓ */
    .btn_content.mypage{
        display: none;
    }
    /* 追従時の動き */
    header.scloll{
        background-color: #fff;
        padding-bottom: 0;
    }
    header .hidden{
        display: none!important;
    }
    header.scloll{
        padding: 0;
        width: 100%;
    }
    
    header .header_bottom.scloll{
        display: flex!important;
        max-width: none;
        width: 94%;
        padding: 0px 3%;
        padding-bottom: 23px;
        max-width: 1366px;
    }
    .header_bottom.scloll .header_bottom_menu {
        width: 49.5%;
        align-items: center;
        justify-content: flex-end;
        padding-top: 24px;
        margin: 0;
        margin-left: auto;
        margin-right: 14px;
    }
    .header_bottom.scloll .PC_header_flex{
        display: flex;
        width: 24.5%;
        align-items: center;
        padding-top: 21px;
        /* min-width: 300px; */
        margin-bottom: 0;
    }
    .header_bottom.scloll .PC_header_flex .btn_content{
        width: 48%;
        min-width: 50px;
    }
    .header_bottom.scloll .PC_header_flex .btn_content .btn{
        min-width: 50px;
        font-size: 12px;
        padding: 14px 0px;
        padding-left: 27%;
        text-align: left;
        width: 74%;
        max-width: 150px;
    }
    .header_bottom.scloll .header_bottom_menu li {
        margin-right: 0;
        padding-right: 0;
        margin-left: 10px;
        padding-right: 24px;
        text-align: center;
    }
    .header_bottom.scloll .header_bottom_menu li.left_p {
        padding-right: 0;
    }
    .header_bottom.scloll .header_bottom_menu li p{
        letter-spacing: 0em;
    }
    .header_bottom.scloll .header_menu_1 p::after,
    .header_bottom.scloll .header_menu_2 p::after{
        right: 8px!important;
    }
    .header_bottom.scloll .PC_header_flex .btn_content .btn::before{
        display: block;
        content: url(/img/white_search.svg);
        position: absolute;
        border: 0;
        top: -4px;
        left: 17px;
        right: auto;
        transform: none;
    }
    .header_bottom.scloll .PC_header_flex .btn_content .btn.registration::before{
        display: block;
        content: url(/img/memo_white.svg);
        left: 21px;
        top: -10px;
    }
    .header_bottom.scloll .PC_header_flex .btn_content .btn.my_page::before{
        display: block;
        content: url(/img/mypage/mypage_icon_white.svg);
        top: -4px;
        left: 17px;
        right: auto;
    }
    .header_bottom.scloll .visible_br{
        display: block;
    }
    header .box li {
        font-size: clamp(10%,4vw,15px);
    }
/*--------------------------------
    header
--------------------------------*/
header{   
    padding-top: 10px;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    margin: 0 auto;
}
.header_top{
    font-size: clamp(10%,10px,1.5rem);
    letter-spacing: 0.02em;
    display: flex!important;
    justify-content: space-between;
    align-items: center;
    width: 94%;
    max-width: 1286px;
    margin: 0 auto;
    margin-bottom: 5px;
    vertical-align: baseline;
    
}
.header_top p{
    margin-top: 10px;
    margin-left: 2.5%;
    letter-spacing: 0.05em;
    line-height: 2.1;
    margin-right: 10px;
}
.header_top_menu{
    display: flex;
    width: 46%;
    justify-content: space-between;
    margin-right: 10px;
    min-width: 513px;
    max-width: 534px;
    line-height: 1.5;
    padding-top: 0.7%;
}
.header_top_menu li{
    font-size: clamp(5px,5vw,12px);
    position: relative;
    padding: 0 15px;
}
.header_top_menu li::before{
    content:"";
    display:inline-block;
    width:2px;
    height: 1em;
    background-color:#fff;
    position:absolute;
    top: 10%;
    left:-4px;
    margin-left: 4px;
}
.header_top_menu li:last-child{
    padding-right: 0%;
}
.header_top_menu li:first-child{
    padding-left: 0%;
}
.header_top_menu li:first-child::before{
    display: none;
}
header .img_box{
    width: 16.6vw;
    margin-top: 0px;
}

header .img_box img{
    width: 100%;
}
.header_bottom{
    font-size: clamp(5px,5vw,13px);
    letter-spacing: 0.01em;
    font-weight: 600;
    width: 94%;
    max-width: 1286px;
    margin: 0 auto ;
    background-color: #fff;
    padding: 18px 0px;
}
.header_bottom_menu{
    width: 90%;
    margin: 0 auto;
    display: flex;
    color: #000;
    justify-content: space-between;
    padding-left: 0;
    white-space: nowrap;
}
.header_bottom_menu li a{
color: #000;
}
.header_bottom_menu li{
    position: relative;
    display: inline-block;
    padding-right: 13px;
    margin-right: 2.68%;
}
.header_bottom_menu li:last-child{
    margin-right: 0px;
}
.header_bottom_menu li p::after{
    content: '';
    width: 4px;
    height: 4px;
    border: 0;
    border-bottom: solid 2px #F76E44;
    border-right: solid 2px #F76E44;
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.header_bottom_menu li a:hover{
    border-bottom: 2px solid #F76E44;
}

/*--------------------------------
mega_drpp
--------------------------------*/
header .mega_drop_area{
display: none;
position: absolute;
top: 100%;
left: -5.5vw;; 
width: auto;
margin: 0 auto;
padding-top: 37px;
}
header .megadrop{
background-color: #ffffffdc;
padding: 31px 28px;
display: flex;
justify-content: space-between;
/* ダミー↓ */
}
header .megadrop .img_box{
width: 168px;
}
header .megadrop ul{
display: flex;
flex-direction: column;
padding-left: 23px;
}
header .megadrop li{
font-family:"Zen Kaku Gothic New", sans-serif;
margin-bottom: 16px;
letter-spacing: 0.01rem;
margin-right: 0;
padding-right: 22px;
}
header .megadrop li:last-child{
margin-bottom: 0;
letter-spacing: -0.04rem;
}
.megadrop li a{
display: inline-block;
width: 100%;
}
header .megadrop a::before{ /* くの字の表示設定 */
content: "";
margin: auto;
position: absolute;
top: 5px;
right: 3px; /* 要素の右からの距離 */
width: 6px;
height: 6px;
border-top: 2px solid #F76E44;
border-right: 2px solid #F76E44;
transform: rotate(45deg); /* 角度調整 */
}

header .megadrop a::after{ /* 棒の表示設定 */
content: "";
margin: auto;
position: absolute;
top: 8px;
right: 3px;
width: 10px;
height: 2px;
background: #F76E44;
}
.megadrop li a:hover{
border-bottom:none;
}
.header_bottom_menu li{
position: relative;
}
header .triangle{
display: none;
position: absolute;
top: calc(100% + 24px);
left: 39%;
width: 0;
height: 0;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
border-bottom: 13px solid #ffffffdc;
}
/* 表示位置 */
.mega_drop_area.drop_2{
left: -7.5vw;
}
.mega_drop_area.drop_3{
left: -9.5vw;
}
.mega_drop_area.drop_4{
right: -4.5vw;
left: auto;
}
@media screen and (min-width: 1300px) {
    header .mega_drop_area{
        left: -10.5vw;
    }
    .mega_drop_area.drop_4{
        left: -9.5vw;
        right: auto;
    }
}
/* ホバー時の動き */
.header_menu_1:hover .drop_1{
display: block;
}
.header_menu_2:hover .drop_2{
display: block;
}
.header_menu_3:hover .drop_3{
display: block;
}
.header_menu_4:hover .drop_4{
display: block;
}
.visible_header_l{
    display: block;
}
.visible_header_s{
    display: none!important;
}
}
.visible_header_s{
    display: block;
}

/*--------------------------------
	footer
--------------------------------*/
footer{
    background-color: #4E4949;
    color: #fff;
    text-align: center;
    padding: 2.3vh 6% 2.3vh;
    font-size: 14px;
}
.full_content footer{
    position: absolute;
    width: 100%;
    padding: 2.3vh 0 2.3vh;
    bottom: 0;
}

footer .container{
    margin-bottom: 7%;
}
footer .accordion_area{
    padding: 0;
}
/*--------------------------------
	accordion
--------------------------------*/
.accordion_area li{
    margin-bottom: 10.1%;
}
/* リンクの動き */
.accordion_area a{
    color: #fff;
}
footer a:hover{
    border-bottom: 1px solid #fff;
}
/*アコーディオンタイトル*/
.accordion_area .title {
    position: relative;
    font-size:clamp(15.5px , 1.4vw , 15.5px);
    font-weight: 500;
    letter-spacing: 0.07em;
    padding-left: 1.5%;
    transition: all .3s ease;
    margin-bottom: 0;
    padding-bottom: 2.5vh;
    border-bottom: 1px solid #fff;
}
.accordion_area .title .circle{
    position: absolute;
    display: inline-block;
    height: 30px;
    width: 30px;
    right: 4px;
    top: -4px;
    background: #848282;
    z-index: 0;
}
/*アイコンの＋と×*/
.accordion_area .title::before,
.accordion_area .title::after{
    position: absolute;
    content:'';
    background-color: #333;
    right: 12px;
    top:-1px;
    width: 13px;
    height: 2px;
    z-index: 1;
}
.accordion_area .title::before{
    top:10px;
    transform: rotate(0deg);
}
.accordion_area .title::after{    
    top:10px;
    bottom: 0;
    transform: rotate(90deg);
    transition: all .3s ease;
}
/*　closeというクラスがついたら形状変化　*/
.accordion_area .title.close::before{
    content: "";
    display: none;
    position: absolute;
    top: 8px;
    bottom: 0;
    right: 13px; /* 要素の右からの距離 */
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg); /* 角度調整 */
    background-color: transparent;
}
/* .accordion_area .title.close .circle{
    display: none;
} */
.accordion_area .title.close::after{
    transform: rotate(180deg);
    transition: all .3s ease;
    background-color: #fff;
    top: 11px;
}
/*アコーディオンで現れるエリア*/
.accordion_area .box{
    display: none;
    padding: 3vh 1.5% 0.1%;
}
footer .box li{
    font-size:clamp(13px , 0.8vw , 40px);
    color: #fff;
    letter-spacing: 0.1em;
    margin-bottom: 6.7%;
}
.accordion_area li .box li:last-child{
	margin-bottom: 0px;
}
/* アコーディオンじゃないタイトル↓ */
.accordion_area .link {
    position: relative;
    font-size:clamp(15.5px , 0.8vw , 40px);
    font-weight: 500;
    letter-spacing: 0.07em;
    padding-left: 1.5%;
    transition: all .5s ease;
    margin-bottom: 0;
    padding-bottom: 2.5vh;
    border-bottom: 1px solid #fff;
}
.arrow_right {
    position: relative;
    padding-left: 25px;
}
.arrow_right::before { /* くの字の表示設定 */
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 16px; /* 要素の右からの距離 */
    width: 6px;
    height: 6px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg); /* 角度調整 */
    margin-bottom: 22px;
}

  .arrow_right::after { /* 棒の表示設定 */
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 17px; /* 要素の右からの距離 */
    width: 10px;
    height: 2px;
    background: #fff;
    margin-bottom: 25px;
}
/**** ここまでaccordion↑  ********************/

.footer_link ul{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    padding: 0;
    margin-top: 6.2vh;
    height: 280px;
    max-width: 430px;
}
@media screen and (min-width: 400px) {
    .footer_link ul{
        height: 310px;
    }
}
.footer_link a{
    color: #fff;
}
.footer_link li{
    font-size:clamp(11.3px , 0.8vw , 15px);
    letter-spacing: 0.07em;
    color: #fff;
    position: relative;
    padding-left: 5%;
    margin-bottom: 6.3%;
}
.footer_link li::before{
    content: "";
    margin: auto;
    position: absolute;
    top: 7px;
    left: 0px; /* 要素の右からの距離 */
    width: 4px;
    height: 4px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transform: rotate(45deg); /* 角度調整 */
    margin-bottom: 22px;
}
/* footer下↓ */
.footer_bottom_title{
    text-align: center;
    font-size:clamp(12.3px , 1.13vw , 15px);
    letter-spacing: 0.1em;
    font-weight: 500;
    margin: 0;
    position: relative;
    padding: 0 1%;
}
.footer_bottom_title::after,
.footer_bottom_title::before{
    content:"";
    display:block;
    width:33.5%;
    height:1px;
    background-color:#fff;
    position:absolute;
    top:7px;
}
.footer_bottom_title::before{
    right: 0px;
}
.footer_bottom ul{
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin-bottom: 4.5vh;
}
.footer_bottom a{
    color: #fff;
}
.footer_bottom li{
    font-size:clamp(11.3px , 0.7vw , 20px);
    letter-spacing: 0.07em;
    color: #fff;
    position: relative;
    padding-left: 1%;
    margin-bottom: 0.73rem;
    margin-right: 10px;
}
.footer_bottom li::after{
    content:"";
    display:inline-block;
    width:2px;
    height:0.7rem;
    background-color:#fff;
    position:absolute;
    top:3px;
    right:-7px;
}
.footer_bottom li:last-child::after{
    display: none;
}
.footer_bottom .mid_content{
    margin-bottom: 5.8vh;
}
.footer_bottom .img_box{
    height: 60px;
    background-color: #fff;
    margin: 0 auto;
    display: flex;
    align-items: center;
    padding: 10px 20px;
}
.footer_bottom .img_box img{
    width: 35%;
    max-height: 65px;
}
.footer_bottom .img_box a{
    width: 100%;
    text-align: center;
}
.footer_bottom .img_box a img{
    width: 70%;
}
.footer_bottom .img_box .JASSA{
    width: 50%;
}
.footer_bottom p{
    font-size:clamp(11.6px , 0.13vw , 15px);
    text-align: center;
    letter-spacing: 0.1em;
    font-weight: 600;
}
/*--------------------------------
	page_bottom
--------------------------------*/
.top_img{
    background-image: url(/img/top_img.svg);
    background-position: right;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    position: absolute;
    height: 29px;
    bottom: -28px;
}
.page_bottom{
    background-color: #fff;
    padding-top: 5.7vh;
    padding-bottom: 1.5vh;
}
.breadcrumb{
    padding-left: 1%;
    margin-bottom: 3.1vh;
}
.breadcrumb ul{
    display: flex;
}
.breadcrumb li{
    font-size: 9px;
    padding-left: 22px;
    font-weight: 600;
    letter-spacing: 0.025rem;
    position: relative;
}
.breadcrumb li::before{
    content: "";
    position: absolute;
    top: 4px;
    left: 8px;
    height: 4px;
    width: 4px;
    background-color: #F76E44;
}
.breadcrumb li:first-child::before{
    display: none;
}
.breadcrumb .home{
    background-image: url(/img/home_icon.svg);
    background-repeat: no-repeat;
    display: inline-block;
    height: 12px;
    width: 12px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}
/* ボタンの箇所 */
.page_bottom .img_box{
    width: 47%;
    margin: 0 auto;
    margin-bottom: 4vh;
}
.page_bottom .img_box img{
    width: 100%;
}
.page_bottom .btn_content .btn::after,
.page_bottom .btn_content .btn::before{
    display: none;
}
.top_btn p{
    margin-top: 3.4vh;
    color: #F76E44;
    text-align: center;
    font-weight: 600;
    font-size: clamp(10%,14px,1.5rem);
    letter-spacing: 0.07rem;
    line-height: 2.9;
}
.top_btn p::before{
    content: "";
    position: absolute;
    height: 1.7em;
    width: 1px;
    top: 7px;
    background-color: #F76E44;
    transform: rotate(148deg);
}
.top_btn p::after{
    content: "";
    position: absolute;
    height: 1.7em;
    width: 1px;
    top: 7px;
    right: 10px;
    background-color: #F76E44;
    transform: rotate(212deg);
}
.page_bottom .btn_content{
    width: 93%;
}
.page_bottom .bottom_btn .btn_content{
    width: 48%;
    min-width: 10px;
}
.page_bottom .top_btn .btn{
    background-color: #F76E44;
}
.page_bottom .bottom_btn .btn{
    background-color: #F8AD36;
    font-size: 13px;
    min-width: 130px;
}
.page_bottom .bottom_btn .btn:hover{
    background-color: #fff;
    color: #F8AD36;
    font-weight: 600;
    transition: 0.5s;
    outline: 1px solid #F8AD36;
}
.page_bottom .top_btn{
    margin-bottom: 2.3vh;
}

.page_bottom .btn_content .bottom_btn{
    display: flex;
    width: 94%;
    margin: 0 auto;
}

/******************** PC ********************/
/* 改行規制 */
.visible_br{
    display: block;
}
@media screen and (min-width: 1100px) {
    .visible_br{
        display: none;
    }
    .header_bottom_menu{
        width: 77.6%;
        justify-content: center;
    }
}

@media screen and (min-width: 768px) {
    @media screen and (max-width: 900px) {
        .page_bottom .btn_content.content {
            flex-direction: column;
            align-items: center;
            justify-content: space-between;
            height: 300px;
        }
        .page_bottom .top_btn {
            padding-left: 0!important;
        }
    }
    .main_content{
        transform: translate(0, calc(-50% - 13.7vh - 14px));
    }
    header .container:last-child{
        width: 25%;
        max-width: min(38%, 250px);
    }
    /* PC版で非表示にする↓ */
    .visible_s {
        display: none !important;
    }
    .visible_l{
        display: block!important;
    }
    .none{
        display: none;
    }
    a{
        color: #fff;
    }
    body,html{
        margin: 0;
        font-family:"Barlow", "Zen Kaku Gothic New", sans-serif;
        width: 100%;
        overflow-x: clip;
    }
    header .accordion_area .box li {
        margin-bottom: 2.5%;
    }
    header .accordion_area .box li:nth-child(2) {
        margin-bottom: 2.5%;
    }
    header .accordion_area li {
        margin-bottom: 5.4%;
    }
/*--------------------------------
    footer
--------------------------------*/
    footer{
        margin-top: 100px;
        padding: 9.3vh 6% 8vh;
    }
    .full_content footer{
        padding: 9.3vh 0 8vh;
    }

    footer .container{
        display: flex;
        justify-content: space-between;
        width: 85%;
        margin: 0 auto;
        margin-bottom: 1.6%;
        max-width: 1000px;
    }


    .accordion_area{
        margin-top: 7.5%;
    }
    .accordion_area .title{
        font-size: clamp(5.5px,1.2vw,15.5px);
    }
    .accordion_area .link{
        font-size: clamp(5.5px,1.2vw,15.5px);
    }
    .box li{
        font-size: clamp(5.5px,1.2vw,15.5px);
    }
    .accordion_area .title .circle{
        right: -1px;
    }
    .accordion_area .title::before,
    .accordion_area .title::after{
        right: 7px;
    }
    footer .accordion_left,.accordion_right{
        width: 100%;
        padding-right: 4.5%;
    }
    footer .accordion_left{
        padding-left: 1.1%;
    }
    .footer_accordion{
        display: flex;
        justify-content: space-between;
        width: 160%;
    }
    .accordion_area .box{
        padding: 2.3vh 1.5% 0.1%;
    }
    .accordion_area .title.close::before{
        right: 8px;
    }
    footer .accordion_right .title{
        padding-bottom: 1.8vh;
    }
    .arrow_right::before{
        margin-bottom: 25px;
        right: 9px;
    }
    .arrow_right::after{
        margin-bottom: 28px;
        right: 10px;
    }
    .footer_link{
        width: 47%;
        margin-top: 2%;
    }
    .footer_link ul{
        margin-top: 0;
        width: 100%;
        height: 100%;
        padding-left: 7%;
    }
    .footer_link li{
        width: calc(85%/2);
        white-space: nowrap;
        font-size: 12px;
        margin-bottom: 8.6%;
        font-weight: 400;
    }
    footer .box li{
        margin-bottom: 4%;
        font-weight: 500;
    }

    .footer_bottom{
        width: 85%;
        margin: 0 auto;
        max-width: 1000px;
    }
    .footer_bottom_title::after,
    .footer_bottom_title::before{
        width: 42.2%;
    }
    .footer_bottom_title::before{
        right: 12px;
    }
    .footer_bottom_title{
        margin-bottom: 1.7%;
    }
    .footer_bottom .mid_content{
        display: flex;
        justify-content: space-between;
        padding-right: 1%;
        margin-bottom: 4.1vh;
    }
    .footer_bottom ul{
        width: 65%;
        margin-bottom: 0px;
    }
    .footer_bottom li{
        padding-left: 1.7%;
        margin-right: 0;
        font-weight: 300;
    }
    .footer_bottom li::after {
        width: 1px;
        right: -6px;
    }
    .footer_bottom .img_box{
        margin: 0;
        width: 248px;
        height: 46px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 8px 20px;
    }
    .footer_bottom .img_box img{
        height: 100%;
    }
    .footer_bottom .img_box a{
        height: 100%;
    }
    .footer_bottom .img_box .JASSA{
        height: 50%;
    }
    .footer_bottom p{
        font-weight: 500;
    }
/*--------------------------------
	page_bottom
--------------------------------*/
.page_bottom{
    width: 78%;
    margin: 0 auto;
    background-color: transparent;
    padding-bottom: 0;
    margin-bottom: 3vh;
    min-width: 900px;
}
.page_bottom .btn_content.content{
    display: flex;
    align-items: flex-end;
}
.page_bottom .img_box a{
    display: inline-block;
    width: 100%;
}
.page_bottom .img_box {
    width: 56%;
    margin-bottom: 0;
    max-width: 300px;
}
.page_bottom .btn_content .bottom_btn {
    width: 73%;
}
.page_bottom .top_btn {
    padding-left: 9%;
    width: 71%;
    margin-bottom: 0;
}
.page_bottom .top_btn .btn{
    margin-left: 0;
    margin-right: 10px;
    transition: 0.5s;
}
.page_bottom .btn{
    padding: 14px 0px;
    font-size: 14px;
    min-width: 10px;
    transition: 0.5s;
}
.page_bottom .top_btn .btn:hover{
    background-color: #fff;
    color: #F76E44;
    font-weight: 600;
    transition: 0.5s;
    outline: 1px solid #F76E44;
}
}