@charset "UTF-8";

/*-------------------------
__hoge_style
-------------------------*/

#main{ text-align: center; width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 50px; box-sizing: border-box;}
#contents_title{background:url("images/title_back.jpg")no-repeat center center;background-size:cover; position: relative;}
#contents_title:after { content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.4); position: absolute; top: 0; left: 0; display: block;}

@media screen and (min-width: 768px) {
.pc_none{ display: none;}
}
@media screen and (max-width: 767px) {
#main{ padding: 0 20px;}
.sp_none{ display: none;}
}

.support_box{ background-color: #fff; padding: 30px; box-sizing: border-box; position: relative; margin-bottom: 50px;}
.support_box:last-child{ margin-bottom: 0;}
.support_box .box_top{ display: flex; justify-content: space-between; margin-bottom: 30px;}
.support_box .box_top .top_left{ display: flex;}
.support_box .box_top .top_left p.icon_box{ width: 70px; height: 70px; background-color: #283279; border-radius: 0 0 20px 0; position: absolute; top: 0; left: 0;}
.support_box .box_top .top_left p.icon_box span{ position: relative; display: block; width: 100%; height: 100%;}
.support_box .box_top .top_left p.icon_box span img{ width: 40px; height: 40px; position: absolute; margin: auto; padding: auto; top: 0; left: 0; bottom: 0; right: 0;}
.support_box .box_top .top_left h2 span.title_text{ font-size: 2.2em; color: #283279; font-weight: 700; margin-left: 70px; box-sizing: border-box;}

.support_box .box_top .top_right ul{ display: flex;}
.support_box .box_top .top_right ul li:nth-child(1){ margin-right: 5px;}
.support_box .box_top .top_right ul li:nth-child(1) a{ font-size: 1.5em; color: #fff!important; display: block; background-color: #06c755; padding: 12px; box-sizing: border-box; border-radius: 5px;}
.support_box .box_top .top_right ul li:nth-child(1) a span{ display: inline-block; position: relative; padding-left: 25px;}
.support_box .box_top .top_right ul li:nth-child(1) a span:before{ content: ''; display: block; position: absolute; top: 0; left: 0; width: 18px; height: 18px; background-image: url(/shop/images/icon_line@2x.png); background-size: 18px 18px; background-repeat: no-repeat;}
.support_box .box_top .top_right ul li:nth-child(2){}
.support_box .box_top .top_right ul li:nth-child(2) a{ font-size: 1.5em; color: #fff!important; display: block; background: linear-gradient(270deg, #2a2c8b 0%, #2a2c8b 25%, #293f9d 51%, #2878d2 100%); padding: 12px; box-sizing: border-box; border-radius: 5px;}
.support_box .box_top .top_right ul li:nth-child(2) a span{ display: inline-block; position: relative; padding-left: 25px;}
.support_box .box_top .top_right ul li:nth-child(2) a span:before{ content: ''; display: block; position: absolute; top: 0; left: 0; width: 18px; height: 18px; background-image: url(/shop/images/icon_mail@2x.png); background-size: 18px 18px; background-repeat: no-repeat;}

.support_box .box_middle{ display: flex; justify-content: space-between; align-items: center; text-align: left; margin-bottom: 30px;}
.support_box .box_middle .middle_photo{ width: 100%; max-width: 310px; height: auto;}
.support_box .box_middle .middle_photo span{ display: block; width: 100%; height: 0; background-color: #F5F5F5; padding-top: 75%; overflow: hidden; position: relative;}
.support_box .box_middle .middle_photo span img{ width: 100%; height: 100%; object-fit: contain;  position: absolute; inset: 0;}
.support_box .box_middle .middle_com{ width: calc(100% - 350px);}
.support_box .box_middle .middle_com .middle_subtitle{ font-size: 2.2em; line-height: 1.4; color: #283279; margin-bottom: 20px; font-weight: 700;}
.support_box .box_middle .middle_com .middle_text{ font-size: 1.5em; line-height: 1.8; margin-bottom: 15px;}
.support_box .box_middle .middle_com .middle_btn{ text-align: center;}
.support_box .box_middle .middle_com .middle_btn a{ font-size: 1.9em; color: #fff!important; padding: 25px 30px; box-sizing: border-box;display: inline-block; border-radius: 5px; background: linear-gradient(270deg, #2ACAFF 0%, #2878D2 25%, #2878D2 51%, #2A2C8B 100%); background-position: 1% 50%; background-size: 200% auto;}
.support_box .box_bottom .bottom_box .bottom_box_inner{ padding: 50px 20px 50px; box-sizing: border-box;}

.bottom_title{ border: 3px solid #283279; color: #283279; width: 100%; box-sizing: border-box; padding: 20px; border-radius: 5px; margin: 0 auto; cursor: pointer;}
/*アコーディオンタイトル*/
.bottom_title span{ display: inline-block; position: relative; cursor: pointer; font-size:1.9em; font-weight: normal; transition: all .5s ease; padding-left: 45px; font-weight: 700;}
/*アイコンの＋と×*/
.bottom_title span::before,
.bottom_title span::after{ position: absolute; content:''; width: 15px; height: 3px; background-color: #283279;}
.bottom_title span::before{ top:48%; left: 18px; transform: rotate(0deg); }
.bottom_title span::after{ top:48%; left: 18px; transform: rotate(90deg);}
/*　closeというクラスがついたら形状変化　*/
.bottom_title.close span::before{ transform: rotate(45deg);}
.bottom_title.close span::after{ transform: rotate(-45deg);}
/*アコーディオンで現れるエリア*/
.bottom_box { display: none;}

@media screen and (min-width: 768px) {
.support_box .box_top .top_right ul li a:hover{ opacity: 0.7;}
.support_box .box_bottom .bottom_title{ webkit-transition: .2s; -ms-transition: .2s; transition: .2s;}
.support_box .box_bottom .bottom_title:hover{ background-color: #d2d2e1;}
}

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

.support_box{ padding: 20px; margin-bottom: 20px;}
.support_box .box_top{ display: block; margin-bottom: 10px;}
.support_box .box_top .top_left{ margin-bottom: 30px;}
.support_box .box_top .top_left p.icon_box{ width: 60px; height: 60px;}
.support_box .box_top .top_left p.icon_box span img{ width: 36px; height: 36px;}
.support_box .box_top .top_left h2 span.title_text{ font-size: 1.6em; margin-left: 50px;}

.support_box .box_top .top_right ul{ display: block;}
.support_box .box_top .top_right ul li{ width: 100%;}
.support_box .box_top .top_right ul li:nth-child(1){ margin-right: 0; margin-bottom: 5px;}
.support_box .box_top .top_right ul li:nth-child(1) a{ font-size: 1.4em; font-weight: 700; padding:14px 7px;}
.support_box .box_top .top_right ul li:nth-child(1) a span:before{ top: -3px; left: 4px;}
.support_box .box_top .top_right ul li:nth-child(2) a{ font-size: 1.4em; font-weight: 700; padding:14px 7px;}
.support_box .box_top .top_right ul li:nth-child(2) a span:before{ top: -3px; left: 4px;}

.support_box .box_middle{ display: block; margin-bottom: 20px;}
.support_box .box_middle .middle_photo{ max-width: 100%; margin-bottom: 15px;}
.support_box .box_middle .middle_com{ width: 100%;}
.support_box .box_middle .middle_com .middle_subtitle{ font-size: 1.6em; line-height: 1.3; margin-bottom: 10px;}
.support_box .box_middle .middle_com .middle_text{ font-size: 1.3em; line-height: 1.6; margin-bottom: 10px;}
.support_box .box_middle .middle_com .middle_btn{ text-align: center;}
.support_box .box_middle .middle_com .middle_btn a{ font-weight: 700; font-size: 1.4em; padding: 15px 20px;}

.bottom_title span{ font-size:1.8em; padding-left: 40px;}

.support_box .box_bottom .bottom_box .bottom_box_inner{ padding: 30px 0 30px; box-sizing: border-box;}

}

/*======================================= アコーディオン部分の共通パーツ =======================================*/

/*support01*/
.in_block{ margin-bottom: 70px;}
.in_block:last-child{ margin-bottom: 0;}
.in_block .introduction{ margin-bottom: 30px;}
.in_block .introduction .title{ font-size: 3.2em; line-height: 1.3; color: #283279; font-weight: 700; margin-bottom: 20px;}
.in_block .introduction .text{ font-size: 1.6em;}
.in_block .introduction .side_line{ position: relative; display: inline-block; padding: 0 55px; font-size: 2.5em; color:#283279; font-weight: 700; margin-top: 30px;}
.in_block .introduction .side_line:before,
.in_block .introduction .side_line:after { content: ''; position: absolute; top: 50%; display: inline-block; width: 60px; height: 2px; background-color: #283279;}
.in_block .introduction .side_line:before { left: -15px;}
.in_block .introduction .side_line:after { right: -15px;}
.in_block .introduction .side_line span{}
.in_block .w100_pic{ width: 100%; height: auto; margin-bottom: 50px;}
.in_block .w100_pic img{ width: 100%; height: auto;}
.in_block .point_list{ display: flex; justify-content: space-between;}
.in_block .point_list dl{ width: calc((100% - 40px) / 3); border: 2px solid #283279; box-sizing: border-box; border-radius: 20px; padding: 30px; box-sizing: border-box;}
.in_block .point_list dl dt{ font-size: 2.3em; font-weight: 700; color: #283279; margin-bottom: 20px;}
.in_block .point_list dl dt span{ background: linear-gradient(transparent 60%, #FAD9C7 60%);}
.in_block .point_list dl dd{ text-align: left; font-size: 1.5em; line-height: 1.6;}
.in_block .blue_bar_title{ background-color: #283279; padding: 20px; box-sizing: border-box; border-radius: 50vh 0 0 50vh; text-align: left; margin-bottom: 40px;}
.in_block .blue_bar_title span{ display: block; font-size: 2.2em; line-height: 1.2; font-weight: 700; color: #fff; position: relative; padding: 0 0 0 30px;}
.in_block .blue_bar_title span:before{ content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 20px; height: 20px; background-color: #fff; border-radius: 50vh;}
.in_block .voice_list{}
.in_block .voice_list .voice_box{ margin-bottom: 40px;}
.in_block .voice_list .voice_box{ display: flex;}
.in_block .voice_list .voice_box .v_pic{ width: 310px; height: auto; margin-right: 20px;}
.in_block .voice_list .voice_box .v_pic span{ display: block; width: 100%; height: 0; background-color: #F5F5F5; padding-top: 75%; overflow: hidden; position: relative;}
.in_block .voice_list .voice_box .v_pic span img{ width: 100%; height: 100%; object-fit: contain; position: absolute; inset: 0; -webkit-transition: .2s; -ms-transition: .2s; transition: .2s;}
.in_block .voice_list .voice_box .v_text{ width: calc(100% - 330px); text-align: left; -webkit-transition: .2s; -ms-transition: .2s; transition: .2s;}
.in_block .voice_list .voice_box .v_text .v_title{ font-size: 2.3em; line-height: 1.4; color: #283279; font-weight: 700; margin-bottom: 30px;}
.in_block .voice_list .voice_box .v_text .v_data{ margin-bottom: 25px;}
.in_block .voice_list .voice_box .v_text .v_data span{ font-size: 1.6em; font-weight: 700; color: #283279; margin-right: 10px;}
.in_block .voice_list .voice_box .v_text .v_data span.back_blue{ font-size: 1.2em; color: #fff; background-color: #283279; padding: 3px 5px;}
.in_block .voice_list .voice_box .v_text .v_detail{ font-size: 1.5em; line-height: 1.6;}
.in_block .voice_link a{ font-size: 2em; font-weight: 700; display: inline-block; color: #283279!important; border: 2px solid #283279; box-sizing: border-box; border-radius: 10px; padding: 25px 45px; box-sizing: border-box;}
.in_block .textonly{ text-align: left;}
.in_block .textonly p{ font-size: 1.5em; line-height: 1.6; margin-bottom: 20px;}
.in_block .contact_btn{ width: 470px; height: 100px; margin: 0 auto;}
.in_block .contact_btn a{ display: block; width: 100%; height: 100%; background: linear-gradient(270deg, #FFE600 0%, #FFB900 25%, #FFB900 51%, #FF5F00 100%); background-position: 1% 50%; background-size: 200% auto; position: relative; border-radius: 10px; color: #fff!important; font-size: 2.4em; font-weight: 700; padding: 40px 0; box-sizing: border-box;}

/*support02*/
.in_block .text_and_photo{ display: flex; justify-content: space-between; margin-bottom: 60px;}
.in_block .text_and_photo .pic_box{ width: 400px; height: auto;}
.in_block .text_and_photo .pic_box span{ display: block; width: 100%; height: 0; background-color: #F5F5F5; padding-top: 100%; overflow: hidden; position: relative;}
.in_block .text_and_photo .pic_box span img{ width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0;}
.in_block .text_and_photo .text_box{ font-size: 1.5em; line-height: 1.6; text-align: left; width: calc(100% - 430px);}
.in_block .text_and_photo .text_box p{ margin-bottom: 20px;}
.in_block .text_and_photo .text_box p span{ background: linear-gradient(transparent 60%, #FAD9C7 60%);}
.in_block .icon_text_list{ display: flex; justify-content: space-between;}
.in_block .icon_text_list dl{ border: 2px solid #283279; box-sizing: border-box; border-radius: 20px; text-align: left;}
#support02 .in_block .icon_text_list dl{ width: calc((100% - 60px) / 4);}
.in_block .icon_text_list dl dt{ width: 100%; height: 65px; display: flex; align-items: center;}
.in_block .icon_text_list dl dt p.icon_box{ width: 65px; height: 65px; background-color: #283279; position: relative; border-radius: 15px 0 15px 0; margin-right: 7px;}
.in_block .icon_text_list dl dt p.icon_box img{ width: 45px; height: 45px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.in_block .icon_text_list dl dt p.icon_title{ font-size: 1.5em; line-height: 1.3; font-weight: 700; color: #283279;}
.in_block .icon_text_list dl dd{ padding: 20px; box-sizing: border-box;}
.in_block .icon_text_list dl dd ul{}
.in_block .icon_text_list dl dd ul li{ font-size: 1.4em; line-height: 1.3; margin-bottom: 10px; padding-left: 1em; text-indent: -1em;}
.in_block .icon_text_list dl dd ul li:before{ content: '●'; color: #283279;}
.in_block .icon_text_list dl dd ul li:last-child{ margin-bottom: 0;}
.in_block .under_min_text{ text-align: right; font-size: 1.3em; margin-top: 10px; padding-left: 1em; text-indent: -1em;}

/*support03*/
#support03 .in_block .icon_text_list dl{ width: calc((100% - 60px) / 3);}
#support03 .in_block .main_title{ margin-bottom: 20px;}
#support03 .in_block .main_title .title01{ font-size: 2.5em; margin-bottom: 30px;}
#support03 .in_block .main_title .title01 span{ position: relative;}
#support03 .in_block .main_title .title01 span::before{ position: absolute; top: -7px; left: 0; right: 0; margin: auto; content: ""; padding-top: 10px; background: -webkit-radial-gradient(circle 7px,#283279 50%,transparent 50%); background: radial-gradient(circle 7px,#283279 50%,transparent 50%); background: -moz-radial-gradient(circle 7px,#283279 50%,transparent 50%);}
#support03 .in_block .main_title .title02{ font-size: 2.7em; color: #283279; font-weight: 700;}
#support03 .in_block .main_title .title02 span{ font-size: 1.3em; display: inline-block; color: #fff; background-color: #283279; padding: 10px 15px; margin-right: 10px;}
#support03 .in_block .main_img{ width: 100%; max-width: 730px; height: auto; margin: 0 auto;}
#support03 .in_block .main_img img{ width: 100%; height: auto;}
#support03 .in_block .contact_btn{ margin: 60px auto 0;}
#support03 .in_block .icon_text_list dl dt p.icon_title{ font-size: 1.9em;}

/*support04*/
#support04 .in_block ul.bank_list01{ text-align: left; display: flex; flex-wrap: wrap; margin-bottom: 20px;}
#support04 .in_block ul.bank_list01 li{ font-size: 1.8em; width: 25%; margin-bottom: 25px; position: relative; padding-left: 20px; box-sizing: border-box;}
#support04 .in_block ul.bank_list01 li:before{ content: '●'; color: #283279; display: block; position: absolute; left: 0; top: 0;}
#support04 .in_block ul.bank_list02{ text-align: left; display: flex; flex-wrap: wrap; background-color: #EBF0F5; padding: 20px; box-sizing: border-box; margin-bottom: 20px;}
#support04 .in_block ul.bank_list02 li{ font-size: 1.5em; position: relative; padding-left: 20px; box-sizing: border-box; margin-right: 15px;}
#support04 .in_block ul.bank_list02 li:before{ content: '●'; color: #283279; display: block; position: absolute; left: 0; top: 0;}
#support04 .in_block .w_min_pic{ text-align: center;}
#support04 .in_block .w_min_pic img{ max-width: 100%; height: auto;}
#support04 .in_block .contact_btn{ margin: 50px auto 0;}

/*support05*/
#support05 .in_block .support05_title{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 50px;}
#support05 .in_block .support05_title .text{ width: calc(100% - 400px); text-align: center;}
#support05 .in_block .support05_title .text p.title01{ width: 100%; max-width: 470px; height: auto; margin-bottom: 15px;}
#support05 .in_block .support05_title .text p.title02{ width: 100%; max-width: 365px; height: auto; margin-bottom: 35px;}
#support05 .in_block .support05_title .text p{ margin: 0 auto;}
#support05 .in_block .support05_title .text p img{ width: 100%; height: auto;}
#support05 .in_block .support05_title .text p.title03{ display: inline-block; color: #283279; font-size: 1.7em; line-height: 1.4; font-weight: 700; border: 2px solid #283279; box-sizing: border-box; padding: 15px 20px; border-radius: 10px;}
#support05 .in_block .support05_title .pic{ width: 400px; height: auto;}
#support05 .in_block .support05_title .pic span{ display: block; width: 100%; height: 0; background-color: #F5F5F5; padding-top: 100%; overflow: hidden; position: relative;}
#support05 .in_block .support05_title .pic span img{ width: 100%; height: 100%; object-fit: cover; position: absolute; inset: 0;}
#support05 .in_block .osusume_box{ background-color: #EBF0F5; padding:40px 20px 20px; box-sizing: border-box; position: relative;}
#support05 .in_block .osusume_box > p{ position:absolute; top: -20px; left:50%; transform: translateX(-50%); display: inline-block; background-color: #283279; font-size: 1.7em; color: #fff; font-weight: 700; padding: 10px 20px; border-radius: 50vh;}
#support05 .in_block .osusume_box .osusume_list{ display: flex; justify-content: space-between; flex-wrap: wrap;}
#support05 .in_block .osusume_box .osusume_list dl{ background-color: #fff; width: calc((100% - 20px) / 3); margin-bottom: 10px; display: flex; align-items: center; text-align: left;}
#support05 .in_block .osusume_box .osusume_list dl:nth-child(n+4){ margin-bottom: 0;}
#support05 .in_block .osusume_box .osusume_list dl dt{ width: 100px; height: auto; margin-right: 10px;}
#support05 .in_block .osusume_box .osusume_list dl dt img{ width: 100%; height: auto;}
#support05 .in_block .osusume_box .osusume_list dl dd{ font-size: 1.4em; line-height: 1.4; font-weight: 700;}
#support05 .in_block .text_and_photo{ align-items: center;}
#support05 .in_block .text_and_photo .text_box p.blue{ color: #283279; font-size: 1.5em; font-weight: 700;}

/*support06*/
#support06 .in_block{}
#support06 .in_block .supoprt06_title{ margin-bottom: 40px;}
#support06 .in_block .supoprt06_title span{ font-size: 2.8em; font-weight: 700; color: #283279; padding-left: 50px; position: relative;}
#support06 .in_block .supoprt06_title span:before{ content: ''; width: 40px; height: 40px; background-image: url(images/support06/q_icon@2x.png); background-size: 40px 40px; background-repeat: no-repeat; position: absolute; top: 0; left: 0;}
#support06 .in_block .point_list{ margin-bottom: 30px;}
#support06 .in_block .point_list dl dt{ font-size: 1.7em; line-height:1.3; font-weight:700;}
#support06 .in_block .point_list dl dt br{display:none;}
#support06 .in_block .textonly{ margin-bottom: 50px;}
#support06 .in_block .textonly ul li{ font-size: 1.5em; line-height: 1.6; text-indent: -1em; padding-left: 1em;}
#support06 .in_block .textonly ul li:before{ content: '・';}
#support06 .in_block .w_min_pic{ margin: 50px auto 0;}

/*support07*/
#support07 .in_block{}
#support07 .in_block .flowlist{ width: 100%; max-width: 800px; margin: 0 auto;}
#support07 .in_block .flowlist li{ position: relative; width: 100%; margin-bottom: 40px;}
#support07 .in_block .flowlist li .flow_title{ background-color: #EBF0F5; position: relative; padding: 20px 0; box-sizing: border-box; margin-bottom: 20px; border-bottom: 2px solid #283279;}
#support07 .in_block .flowlist li .flow_title p.num{ position: absolute; left: 30px; top: calc(50% - 15px); transform: translateX(-50%); -webkit-transform: translateX(-50%); background-color: #283279; color: #fff; width: 30px; height: 30px; font-size: 1.5em; font-weight: 700; padding-top: 7px; box-sizing: border-box;}
#support07 .in_block .flowlist li .flow_title p.num.num_min{ font-size: 1.3em;}
#support07 .in_block .flowlist li .flow_title p.title{ font-size: 1.8em; font-weight: 700;}
#support07 .in_block .flowlist li .flow_title p.title span{ font-size: 0.8em;}
#support07 .in_block .flowlist li .flow_title:has(.in_accordion_icon):hover{ cursor: pointer;}
#support07 .in_block .flowlist li .flow_detail{ font-size: 1.5em; line-height: 1.6; text-align: left; border-bottom: 2px solid #283279;}
#support07 .in_block .flowlist li .flow_detail p{ margin-bottom: 20px;}

#support07 .in_block .flowlist li:before{ content: ''; width: 0; height: 0; border-style: solid; border-width: 8px 6px 8px 6px; border-color: #283279 transparent transparent transparent; position: absolute; left: 50%; bottom: -35px; transform: translateX(-50%); -webkit-transform: translateX(-50%); margin: auto;}
#support07 .in_block .flowlist li:after{ content: ''; width: 3px; height:20px; background-color: #283279; position: absolute; left: 50%; bottom: -20px; transform: translateX(-50%); -webkit-transform: translateX(-50%);}

#support07 .in_block .flowlist li .flow_title .in_accordion_icon{ position: absolute; right: 0; top: calc(50% - 15px); transform: translateX(-50%); -webkit-transform: translateX(-50%); border: 2px solid #283279; color: #283279; width: 30px; height: 30px; box-sizing: border-box; padding: 0; margin: 0 auto; cursor: pointer; background-color: #fff;}
#support07 .in_block .flowlist li:last-child:before,
#support07 .in_block .flowlist li:last-child:after{ display: none;}

/*アコーディオンタイトル*/
#support07 .in_block .in_accordion li .flow_title .in_accordion_icon span{ display: inline-block; position: relative; cursor: pointer; font-size:1.9em; font-weight: normal; transition: all .5s ease; padding-top: 5px; font-weight: 700;}
/*アイコンの＋と×*/
#support07 .in_block .in_accordion li .flow_title .in_accordion_icon span::before,
#support07 .in_block .in_accordion li .flow_title .in_accordion_icon span::after{ position: absolute; content:''; width: 18px; height: 3px; background-color: #283279;}
#support07 .in_block .in_accordion li .flow_title .in_accordion_icon span::before{ top:140%; left: -9px; transform: rotate(0deg); }
#support07 .in_block .in_accordion li .flow_title .in_accordion_icon span::after{ top:140%; left: -9px; transform: rotate(90deg);}
/*　closeというクラスがついたら形状変化　*/
#support07 .in_block .in_accordion li .flow_title.close .in_accordion_icon span::before{ transform: rotate(45deg);}
#support07 .in_block .in_accordion li .flow_title.close .in_accordion_icon span::after{ transform: rotate(-45deg);}
/*アコーディオンで現れるエリア*/
#support07 .in_block .in_accordion li .flow_detail { display: none;}

#support07 .faq{ border: 2px solid #283279; box-sizing: border-box; border-radius: 20px; text-align: left; margin-top: 50px;}
#support07 .faq .faq_title{ width: 100%; height: 65px; display: flex; align-items: center;}
#support07 .faq .faq_title .icon_box{ width: 65px; height: 65px; background-color: #283279; position: relative; border-radius: 15px 0 15px 0; margin-right: 15px;}
#support07 .faq .faq_title .icon_box span{}
#support07 .faq .faq_title .icon_box span img{ width: 45px; height: 45px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
#support07 .faq .faq_title .icon_title{ font-size: 2.4em; line-height: 1.3; font-weight: 700; color: #283279;}
#support07 .faq .faq_list{ padding: 35px; box-sizing: border-box;}
#support07 .faq .faq_list dl{ margin-bottom: 35px;}
#support07 .faq .faq_list dl:last-child{ margin-bottom: 0;}
#support07 .faq .faq_list dl dt{ color: #283279; font-size: 1.8em; font-weight: 700; margin-bottom: 15px;}
#support07 .faq .faq_list dl dt:before{ content: '■';}
#support07 .faq .faq_list dl dd{ font-size: 1.5em; line-height: 1.6;}
#support07 .faq .faq_list dl dd a{ display: inline-block; border: 2px solid #283279; padding: 5px 20px; box-sizing: border-box; border-radius: 5px; color: #283279; margin-top: 10px;}
#support07 .faq .faq_list dl dd a span:before{ content: '→';}
#support07 .contact_btn{ margin-top: 50px;}


@media screen and (min-width: 768px) {
.support_box .box_middle .middle_com .middle_btn a:hover{ background-position: 99% 50%;}
.in_block .contact_btn a:hover{ background-position: 99% 50%;}
/*.in_block .voice_list .voice_box:hover .v_pic img,
.in_block .voice_list .voice_box:hover .v_text{ opacity: 0.6;}*/
.in_block .voice_link a:hover{ color: #fff!important; background-color: #283279;}
.in_block .text_and_photo.photo_left .pic_box{ order: 2;}
.in_block .text_and_photo.photo_left .text_box{order: 1;}
#support07 .in_block .in_accordion dl dt:hover{ opacity: 0.5;}
#support07 .faq .faq_list dl dd a:hover{ background-color: #283279; color: #fff;}

}

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

/*======================================= アコーディオン部分の共通パーツ =======================================*/

/*support01*/
 .in_block{ margin-bottom: 40px;}
.in_block .introduction{ margin-bottom: 25px;}
.in_block .introduction .title{ font-size: 1.8em; margin-bottom: 15px;}
.in_block .introduction .text{ font-size: 1.3em; line-height: 1.6;}
.in_block .introduction .side_line{ padding: 0 35px; font-size: 1.5em; margin-top: 0;}
.in_block .introduction .side_line:before,
.in_block .introduction .side_line:after { width: 30px; height: 2px; background-color: #283279;}
.in_block .introduction .side_line:before { left: 0;}
.in_block .introduction .side_line:after { right: 0;}
.in_block .w100_pic{ margin-bottom: 30px;}
.in_block .point_list{ display: block;}
.in_block .point_list dl{ width: 100%; border-radius: 15px; padding: 20px; margin-bottom: 15px;}
.in_block .point_list dl dt{ font-size: 1.7em; margin-bottom: 15px;}
.in_block .point_list dl dd{ font-size: 1.3em; line-height: 1.6;}
.in_block .blue_bar_title{ padding: 15px; margin-bottom: 20px;}
.in_block .blue_bar_title span{ font-size: 1.7em; padding: 0 0 0 20px;}
.in_block .blue_bar_title span:before{ width: 15px; height: 15px;}
.in_block .voice_list .voice_box{ margin-bottom: 25px;}
.in_block .voice_list .voice_box{ display: block;}
.in_block .voice_list .voice_box .v_pic{ width: 100%; height: auto; margin-right: 0; margin-bottom: 10px;}
/*.in_block .voice_list .voice_box .v_pic span{ display: block; width: 100%; height: 0; background-color: #F5F5F5; padding-top: 75%; overflow: hidden; position: relative;}
.in_block .voice_list .voice_box .v_pic span img{ width: 100%; height: 100%; object-fit: contain; position: absolute; inset: 0;}*/
.in_block .voice_list .voice_box .v_text{ width: 100%;}
.in_block .voice_list .voice_box .v_text .v_title{ font-size: 1.5em; line-height: 1.2; margin-bottom: 15px;}
.in_block .voice_list .voice_box .v_text .v_data{ margin-bottom: 10px;}
.in_block .voice_list .voice_box .v_text .v_data span{ font-size: 1.3em;}
.in_block .voice_list .voice_box .v_text .v_data span.back_blue{ font-size: 1.2em;}
.in_block .voice_list .voice_box .v_text .v_detail{ font-size: 1.3em; line-height: 1.6;}
.in_block .voice_link a{ width: 100%; font-size: 1.6em; padding: 15px 0; box-sizing: border-box;}
.in_block .textonly{ text-align: left;}
.in_block .textonly p{ font-size: 1.3em; line-height: 1.6; margin-bottom: 15px;}
.in_block .contact_btn{ width: 100%; height: 60px; margin: 0 auto;}
.in_block .contact_btn a{ font-size: 1.5em; padding: 20px 0;}

/*support02*/
.in_block .text_and_photo{ display: block; margin-bottom: 20px;}
.in_block .text_and_photo .pic_box{ width: 100%; height: auto; margin-bottom: 20px;}
.in_block .text_and_photo .pic_box span{ width: 100%; padding-top: 75%;}
.in_block .text_and_photo .text_box{ font-size: 1.3em; line-height: 1.6; width: 100%;}
.in_block .text_and_photo .text_box p{ margin-bottom: 15px;}
.in_block .icon_text_list{ display: block;}
#support02 .in_block .icon_text_list dl,
#support03 .in_block .icon_text_list dl{ width: 100%; margin-bottom: 10px;}
.in_block .icon_text_list dl dt{ width: 100%; height: 55px;}
.in_block .icon_text_list dl dt p.icon_box{ width: 55px; height: 55px; margin-right: 10px;}
.in_block .icon_text_list dl dt p.icon_box img{ width: 35px; height: 35px;}
.in_block .icon_text_list dl dt p.icon_title{ font-size: 1.5em; line-height: 1.3; font-weight: 700; color: #283279;}
.in_block .icon_text_list dl dd ul li{ font-size: 1.3em; margin-bottom: 5px;}
.in_block .under_min_text{ text-align: left; font-size: 1.3em; line-height: 1.6; margin-top: 10px;}

/*support03*/
#support03 .in_block .main_title{ margin-bottom: 20px;}
#support03 .in_block .main_title .title01{ font-size: 1.5em; margin-bottom: 12px;}
#support03 .in_block .main_title .title02{ font-size: 2em; line-height: 1.3;}
#support03 .in_block .main_title .title02 span{ font-size: 1.3em; margin-right: 0; margin-bottom: 5px;}
#support03 .in_block .contact_btn{ margin: 20px auto 0;}
#support03 .in_block .icon_text_list dl dt p.icon_title{ font-size: 1.6em;}

/*support04*/
#support04 .in_block ul.bank_list01{ margin-bottom: 10px;}
#support04 .in_block ul.bank_list01 li{ font-size: 1.4em; width: 50%; margin-bottom: 15px; padding-left: 20px;}
#support04 .in_block ul.bank_list02{ display: block; padding: 15px;}
#support04 .in_block ul.bank_list02 li{ font-size: 1.3em; position: relative; padding-left: 15px; margin-right: 0; margin-bottom: 10px;}
#support04 .in_block ul.bank_list02 li:last-child{ margin-bottom: 0;}
#support04 .in_block .w_min_pic{ text-align: center;}
#support04 .in_block .w_min_pic img{ max-width: 100%; height: auto;}
#support04 .in_block .contact_btn{ margin: 20px auto 0;}

/*support05*/
#support05 .in_block .support05_title{ display: block; margin-bottom: 30px;}
#support05 .in_block .support05_title .text{ width: 100%;}
#support05 .in_block .support05_title .text p.title01{ width: 100%; margin-bottom: 10px;}
#support05 .in_block .support05_title .text p.title02{ width: 80%; margin-bottom: 20px;}
#support05 .in_block .support05_title .text p.title03{ font-size: 1.4em; padding: 10px 20px; border-radius: 5px; margin-bottom: 20px;}
#support05 .in_block .support05_title .pic{ width: 100%; height: auto;}
#support05 .in_block .support05_title .pic span{ padding-top: 75%;}
#support05 .in_block .osusume_box{ background-color: #EBF0F5; padding:70px 20px 20px; box-sizing: border-box; position: relative;}
#support05 .in_block .osusume_box > p{ position:absolute; top: 20px; left:50%; transform: translateX(-50%); display: inline-block; background-color: #283279; font-size: 1.5em; color: #fff; font-weight: 700; padding: 10px 20px; border-radius: 50vh; width: calc(100% - 40px); box-sizing: border-box;}
#support05 .in_block .osusume_box .osusume_list{ display: block;}
#support05 .in_block .osusume_box .osusume_list dl{ width: 100%; margin-bottom: 10px;}
#support05 .in_block .osusume_box .osusume_list dl:nth-child(n+4){ margin-bottom: 10px;}
#support05 .in_block .osusume_box .osusume_list dl:last-child{ margin-bottom: 0;}
#support05 .in_block .osusume_box .osusume_list dl dt{ width: 70px; margin-right: 10px;}
#support05 .in_block .osusume_box .osusume_list dl dd{ font-size: 1.3em;}
#support05 .in_block .text_and_photo .text_box p.blue{ font-size: 1.2em;}
#support06 .in_block .w_min_pic{ margin: 20px auto 0;}
#support06 .in_block .w_min_pic img{ width: 100%; height: auto;}

/*support06*/
#support06 .in_block{}
#support06 .in_block .supoprt06_title{ margin-bottom: 30px;}
#support06 .in_block .supoprt06_title span{ font-size: 2em; padding-left: 40px;}
#support06 .in_block .supoprt06_title span:before{ content: ''; width: 30px; height: 30px; background-size: 30px 30px;}
#support06 .in_block .point_list{ margin-bottom: 30px;}
#support06 .in_block .point_list dl dt{ font-size: 1.5em;}
#support06 .in_block .textonly{ margin-bottom: 30px;}
#support06 .in_block .textonly ul li{ font-size: 1.3em; line-height: 1.6;}

/*support07*/
#support07 .in_block .flowlist li{ margin-bottom: 10px;}
#support07 .in_block .flowlist li .flow_title{ padding: 15px 0; margin-bottom: 10px;}
#support07 .in_block .flowlist li .flow_title p.title{ font-size: 1.5em;  line-height: 1.3;}
#support07 .in_block .flowlist li .flow_title p.title span{  display: block;}
#support07 .in_block .flowlist li:before{ bottom: -15px;}
#support07 .in_block .flowlist li:after{ display: none;}
#support07 .in_block .flowlist li .flow_detail{ font-size: 1.3em;}
#support07 .in_block .flowlist li .flow_detail p{ margin-bottom: 10px;}
#support07 .faq{ margin-top: 20px;}
#support07 .faq .faq_title .icon_title{ font-size: 2.2em;}
#support07 .faq .faq_list{ padding: 20px;}
#support07 .faq .faq_list dl{ margin-bottom: 20px;}
#support07 .faq .faq_list dl dt{ font-size: 1.6em; line-height: 1.3; margin-bottom: 10px; text-indent: -1em; padding-left: 1em;}
#support07 .faq .faq_list dl dd{ font-size: 1.3em;}
#support07 .contact_btn{ margin-top: 20px;}

}

@media screen and (max-width: 374px) {
.support_box .box_top .top_left h2 span.title_text{ font-size: 1.4em;}
#support03 .in_block .main_title .title02 span{ font-size: 1.2em;}
#support04 .in_block ul.bank_list01 li{ width: 100%;}
#support05 .in_block .osusume_box > p{ font-size: 1.3em;}
#support05 .in_block .osusume_box .osusume_list dl dt{ margin-right: 5px;}
#support05 .in_block .osusume_box .osusume_list dl dd{ font-size: 1.2em;}
#support05 .in_block .text_and_photo .text_box p.blue{ line-height: 1.2; margin-bottom: 10px;}
#support05 .in_block .osusume_box{ padding: 70px 15px 15px;}
#support06 .in_block .point_list dl dt br{ display: block;}
#support07 .faq .faq_list{ padding: 15px;}
#support07 .in_block .flowlist li .flow_title p.title{ padding: 0 50px; box-sizing: border-box;}
#support07 .faq .faq_list dl dt{ font-size: 1.4em; margin-bottom: 5px;}
.in_block{ margin-bottom: 20px;}
.in_block .introduction .title{ font-size: 1.6em;}
.in_block .w100_pic{ margin-bottom: 10px;}
.in_block .contact_btn a{ font-size: 1.4em;}
.bottom_title{ padding: 15px;}
.bottom_title span{ font-size: 1.6em;}

}