@charset "utf-8";
/* Copyright 2025 design hack. */

/* ------------------------------------------------------------

GUIDANCE

------------------------------------------------------------ */
/* グローバルナビアクティブ
---------------------------------------------- */
nav#wrap_nav_main ul#nav_main li:nth-child(4) a{color: #979797;}
div#bg_h2{background:url(/guidance/img/h2_bg.png) no-repeat center 0;}

@media print, screen and (max-width: 767px){
div#bg_h2{background:url(/guidance/img/h2_bg_sp.png) no-repeat center 0;background-size: 100%;}
}

/* 共通 */
ul li a img:hover{opacity: 0.5;transition: 0.3s;}

section a{border-bottom: 1px solid #8E70AE;color: #8E70AE;}
section a:hover{border-bottom:none;}
section a.tell{border-bottom:none;color:#1F1F1F;}

/* CONTENT
---------------------------------------------- */
h2#h2_ttl_main{width: 650px;margin:0 auto 80px;}

@media print, screen and (max-width: 1220px){
h2#h2_ttl_main{width: 100%;text-align: center;}
h2#h2_ttl_main img{width: 80%;}
}

@media print, screen and (max-width: 767px){
/* CONTENT
---------------------------------------------- */
h2#h2_ttl_main{width: auto;margin:0 auto 60px;}
}

ul.flow_step_list{margin-bottom: 80px;}
ul.flow_step_list li{background:url(/guidance/img/ico_arw.png) no-repeat center bottom;background-size: 22px 14px;padding: 0 0 44px 0;margin-bottom: 30px;}
ul.flow_step_list li:last-child{background:none;padding: 0 0 0 0;margin-bottom: 0;}
ul.flow_step_list li div{background: #EDEDED;padding: 40px 40px 35px 60px;}
ul.flow_step_list li div dl{padding-left: 140px;}
ul.flow_step_list li:first-child div dl{background:url(/guidance/img/step_img01.png) no-repeat left top 7px;background-size: 80px 140px;}
ul.flow_step_list li:nth-child(2) div dl{background:url(/guidance/img/step_img02.png) no-repeat left top 7px;background-size: 80px 132px;}
ul.flow_step_list li:last-child div dl{background:url(/guidance/img/step_img03.png) no-repeat left top 7px;background-size: 80px 140px;}
ul.flow_step_list li div dl dt{font-size: 22px;color: #729ED5;font-weight: 700;border-bottom: 1px solid #BCBCBC;margin: -7px 0 17px 0;padding-bottom: 10px;}

ul.flow_ticket_list{margin: 60px 0 60px 0;}
section#ticket ul.flow_ticket_list:last-child{margin: 60px 0 0 0;}
ul.flow_ticket_list li{background: #EDEDED;padding: 35px 40px;margin-bottom: 20px;}
ul.flow_ticket_list li:last-child{margin-bottom: 0;}
ul.flow_ticket_list li dl dt{font-size: 22px;font-weight: 800;margin:-11px 0 15px 0;padding: 0 0 10px 0;border-bottom: 1px solid #BCBCBC;}
ul.flow_ticket_list li dl dt span{font-size: 24px;color: #EEB338;letter-spacing: 0.1em;}

/* monthly */
ul#monthly_img_list{overflow: hidden;margin:55px 0 80px 0; }
ul#monthly_img_list li{float: left; margin: 0 60px 0 0;}
ul#monthly_img_list li:last-child{margin-right: 0;}
ul#monthly_img_list li p:first-child{margin-bottom: 20px;}

/* ticket */
section div.class_detail{margin-bottom: 75px;}
section div.class_detail p{margin-bottom: 35px;}

ul#flow_payment_list{font-size: 0;margin-bottom: 60px;}
ul#flow_payment_list li{font-size: 16px;display: inline-block;}
ul#flow_payment_list li:first-child{margin:0 60px 0 0;}

h4#card_ttl,h4#paypay_ttl{font-size: 20px;font-weight: 700;margin: -8px 0 22px 0;}
h4#card_ttl{color: #EEB338;padding-top: 50px;margin-top: -58px;}
h4#paypay_ttl{color: #FF0033;padding-top: 50px;margin-top: -58px;}

ul.paypay_flow li dl dt span{color:#FF0033;}

/* prepayment */
section#prepayment{border-bottom:none;padding-bottom: 0;margin-bottom: 0;}

ul#prepayment_list{background: #EDEDED;padding: 35px 40px;font-weight: 500;margin-bottom: 80px;}

section#prepayment ul.flow_step_list{margin-bottom: 0;}
section#prepayment ul.flow_step_list li div dl dt{color: #DE7FA1;}


@media print, screen and (max-width: 1220px){    
/* monthly */
ul#monthly_img_list li{float: left; margin: 0 4% 0 0;width: 48%;}
    
/* ticket */
ul#flow_payment_list li{width: 48%;}
ul#flow_payment_list li:first-child{margin:0 4% 0 0;}

h4#card_ttl,h4#paypay_ttl{padding-top: 50px;margin-top: -58px;}
}

@media print, screen and (max-width: 767px){
ul.flow_step_list{margin-bottom: 50px;}
ul.flow_step_list li{padding: 0 0 39px 0;margin-bottom: 25px;}
ul.flow_step_list li div{padding: 20px 20px 15px 20px;}
ul.flow_step_list li div dl{padding: 160px 0 0 0;}
ul.flow_step_list li:first-child div dl{background:url(/guidance/img/step_img01_sp.png) no-repeat center top;background-size: 80px 140px;}
ul.flow_step_list li:nth-child(2) div dl{background:url(/guidance/img/step_img02_sp.png) no-repeat center top;background-size: 88px 132px;}
ul.flow_step_list li:last-child div dl{background:url(/guidance/img/step_img03_sp.png) no-repeat center top;background-size: 80px 140px;}
ul.flow_step_list li div dl dt{font-size: 21px;margin: -7px 0 15px 0;padding-bottom: 10px;}

ul.flow_ticket_list{margin: 50px 0 50px 0;}
section#ticket ul.flow_ticket_list:last-child{margin: 50px 0 0 0;}
ul.flow_ticket_list li{padding: 20px 20px 15px;}
ul.flow_ticket_list li dl dt{font-size: 21px;margin:-10px 0 15px 0;}
ul.flow_ticket_list li dl dt span{font-size: 23px;}

/* monthly */
ul#monthly_img_list{overflow: visible;margin:35px 0 50px 0; }
ul#monthly_img_list li{float: none; margin: 0 0 30px 0;width: 100%;}
ul#monthly_img_list li:last-child{margin: 0;}
ul#monthly_img_list li:last-child img{width: 100%;}

/* ticket */
section div.class_detail{margin-bottom: 45px;}
section div.class_detail p{margin-bottom: 25px;}

ul#flow_payment_list{margin-bottom:40px;}
ul#flow_payment_list li{display: block;width: 100%;}
ul#flow_payment_list li:first-child{margin:0 0 20px 0;}

h4#card_ttl,h4#paypay_ttl{padding-top: 90px;margin: -98px 0 32px 0;}

/* prepayment */
ul#prepayment_list{padding: 15px 20px;margin-bottom:50px;}
}