@charset "UTF-8";
/*0203add*/
ul.cards{display:block !important}
ul.cards li{margin-left:10px  !important; display:inline-block !important}
/*0107add*/
div.orikomi_banner{text-align:center; margin:20px auto 0 auto}
div.orikomi_banner img{width:350px;height:auto;}
/*1215add*/
div.item.current > div > dl > dt > ul > li:nth-child(2){border: none;margin: 0 0 -5px 0;padding: 0;}
.flow_cont_bak{margin-bottom:60px;padding:20px 0 30px 0;}
section.apply_st01 ul li.btn a {width: 457px;font-family: fot-tsukuardgothic-std, sans-serif;font-size: 21px;font-weight: 700;color: #FFF;height: 76px;background-color: #263238;border-radius: 50px;letter-spacing: 0.2em;display: flex;justify-content: center;align-items: center;text-align:center;}
#fq1 dl dd ul li + li{margin-top:0;}
div.point{padding:15px;background-color:#fff;font-weight:700;margin:15px 0 0 0}
div.point em{color:#018CD7}
/*1211add*/
div.flow_list_cont > figure > picture {text-align:center}
div.flow_list_cont > figure > picture > span {font-size: 12px; font-weight: 700; display:block;color:#018CD7;font-family: fot-tsukuardgothic-std, sans-serif;}
/*1209add*/
.insu_cr {text-align: right;margin-top: 50px;}
.o_news {width: 100%; margin: 80px 0px 0px; background-color: #263238; border-radius: 50px 50px 0px 0px;}
.o_news > div {max-width: 1246px; margin: 0px auto; padding: 100px 0px 150px; position: relative;}
.o_news > div > h2 {font-size: 12px; color: #FFF;}
.o_news > div > h2 + p {color: #FFF;font-weight: 700; font-size: 26px; font-family: fot-tsukuardgothic-std, sans-serif;}
.o_new_list {margin-top: 60px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.o_new_list a {display: block; width: 48%; border-bottom: 1px solid #FFF; color: #FFF; padding: 20px 0px; position: relative;}
.o_new_list a dl {padding: 0px 80px 0px 0px;}
.o_new_list a dl dt {font-weight: 700; font-size: 16px; font-family: fot-tsukuardgothic-std, sans-serif;}
.o_new_list a dl dd {text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.o_new_list a:before {content: ""; width: 38px; height: 38px; border: 1px solid #FFF; border-radius: 50%; position: absolute; right: 0px; top: calc(50% - 19px);}
.o_new_list a:after {content: "→"; font-size: 15px; position: absolute; color: #FFF; right: 11px; top: calc(50% - 12px);}
.o_news > div .view_bt {position: absolute; top: 130px; left: 280px;}

.orikomi_link {width: 100%; position: relative;}
.orikomi_link > p.loop {font-size: 140px; font-family: fot-tsukuardgothic-std, sans-serif; color: #F4F4F4; width : 100%; position: absolute; top: 0px; left: 0; z-index: -1; text-align : center; overflow: hidden;}
.orikomi_link > p.loop span {display : inline-block;white-space : nowrap;line-height : 100%;animation : scrollSample01 20s linear infinite; padding-left: 100%;}
@keyframes scrollSample01{
0% { transform: translateX(0)}
100% { transform: translateX(-100%)}
}
.orikomi_link_cont {max-width: 1246px; margin: 0px auto; padding: 150px 0px 0px; display: flex; justify-content: space-between;}
.orikomi_link_cont > div.item {width: 48%; box-sizing: border-box; padding: 55px 40px;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 30px; background-color: #FFF;}
.orikomi_link_cont > div.item > div.head {width: 100%; display: flex; justify-content: space-between; align-items: center; padding-bottom: 50px; border-bottom: 1px solid #D8D8D8;}
.orikomi_link_cont > div.item > div.head div p {font-weight: 700; font-size: 14px; font-family: fot-tsukuardgothic-std, sans-serif;}
.orikomi_link_cont > div.item > div.head div h2 {color: #018CD7; font-weight: 700; font-size: 26px; font-family: fot-tsukuardgothic-std, sans-serif;}
.orikomi_link_cont > div.item > div.under {padding-top: 50px; display: flex; flex-direction: row-reverse; justify-content: space-between;}
.orikomi_link_cont > div.item > div.under picture {width: 36%;position: relative;}
.orikomi_link_cont > div.item > div.under picture:before {content: ""; padding-top: 100%;}
.orikomi_link_cont > div.item > div.under picture img {position: absolute; object-fit: cover;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;}
.orikomi_link_cont > div.item > div.under > div.txt {width: 60%;}
.orikomi_link_cont > div.item > div.under > div.txt h3 {font-weight: 700; font-size: 22px; font-family: fot-tsukuardgothic-std, sans-serif;}
.orikomi_link_cont > div.item > div.under > div.txt p {margin-top: 20px;}

.simulation_cont {max-width: 1246px; margin: 0px auto 100px; border-radius: 50px; background-color: #FFF;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); padding: 80px; box-sizing: border-box; }
.simulation_w {display: flex; justify-content: space-between; align-items: flex-start; margin-top: 40px;}
.simulation_w:first-child {margin-top: 0px;}
.simulation_w > div {width: 27.5%;}
.simulation_w > div + div {width:70%;}
.simulation_w > div:first-child {display: flex; align-items: center;}
.simulation_w > div:first-child dl {width: 64px; height: 64px; background-color: #018CD7; border-radius: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.simulation_w > div:first-child dl dt {color: #FFF;font-weight: 700; font-size: 12px; font-family: fot-tsukuardgothic-std, sans-serif; line-height: 100%;}
.simulation_w > div:first-child dl dd {color: #FFF;font-weight: 700; font-size: 26px; font-family: fot-tsukuardgothic-std, sans-serif;line-height: 100%;}
.simulation_w > div:first-child p {font-weight: 700; font-size: 26px; font-family: fot-tsukuardgothic-std, sans-serif;line-height: 100%; letter-spacing: 3px; margin-left: 22px;}
.simulation_w > div + div.radio > ul {display: flex; flex-wrap: wrap; justify-content: space-between;}
.simulation_w > div + div.radio > ul li {width: 32%;margin-bottom: 10px;display: flex; }
.simulation_w > div + div.radio > ul:after {content: ""; width: 32%; display: block;}
.simulation_w > div + div.radio label {display: block; width: 100%; box-sizing: border-box; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 10px;padding: 25px;cursor: pointer;font-size: 14px;}
.simulation_w > div + div.radio label strong {font-weight: 700; font-size: 16px; font-family: fot-tsukuardgothic-std, sans-serif; }
.simulation_w > div + div.radio input {-webkit-appearance: none;opacity: 0; width: 0; height: 0; font-size: 0;margin: 0px; padding: 0;}
.simulation_w > div + div.radio input:checked + label {background-color: #263238; color: #D8D8D8;}
.simulation_w > div + div.radio input:checked + label strong {color: #FFF;}

.simulation_w > div + div.select > div {width: 400px; position: relative;}
.simulation_w > div + div.select > div:after {content: "";position: absolute;right: 30px; top: calc(50% - 2px); width: 15px;height: 10px;background-color: #263238;clip-path: polygon(50% 10px, 0% 0%, 15px 0%);pointer-events: none;}
.simulation_w > div + div.select select {-webkit-appearance: none; background-color: #FFF; padding: 25px; border: none; width: 100%; box-sizing: border-box; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 10px;cursor: pointer;font-weight: 700; font-size: 16px; font-family: fot-tsukuardgothic-std, sans-serif; }

.simulation_cont p.cal_bt {margin: 60px auto 0px; width: 457px; background-color: #263238; font-weight: 700; font-size: 21px; font-family: fot-tsukuardgothic-std, sans-serif; text-align: center; color: #FFF; padding: 20px 0px; border-radius: 50px; cursor: pointer;transition: 0.5s;position: relative;}
.simulation_cont p.cal_bt:after {content: url("../images/bt_icon.svg"); position: absolute; right: 70px; top: calc(50% - 15px)}
.simulation_cont p.cal_bt:hover {opacity:0.8;transition: 0.5s;}

/*.cal_result {background-color: #F4F4F4; padding: 80px 0px;}*/
.cal_result_cont {max-width: 1246px; margin: 0px auto; border-radius: 50px; background-color: #FFF;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); padding: 80px 130px; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.cal_result_cont > dl {text-align: center;}
.cal_result_cont > dl dt {color: #018CD7; font-weight: 700; font-size: 24px; font-family: fot-tsukuardgothic-std, sans-serif; }
.cal_result_cont > dl dd {font-size: 40px; font-weight: bold;font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;}
.cal_result_cont > dl dd em {font-size: 28px;font-weight: bold;}
.cal_result_cont p.result_bt {margin: 0px auto; width: 457px; position: relative;}
.cal_result_cont p.result_bt input {-webkit-appearance: none; width: 100%;background-color: #263238; font-weight: 700; font-size: 21px; font-family: fot-tsukuardgothic-std, sans-serif; text-align: center; color: #FFF; padding: 15px 0px; border-radius: 50px; cursor: pointer;transition: 0.5s; border: 0;}
.cal_result_cont p.result_bt:after {content: url("../images/bt_icon.svg"); position: absolute; right: 60px; top: calc(50% - 10px); z-index: 1;}
.cal_result_cont p.result_bt input:hover {opacity:0.8;transition: 0.5s;}
.cal_result_cont p.result_bt input:disabled {background-color: #AAA;}
.cal_result_cont #total {display: none;}
.cal_result_cont p:not([class]) {width: 100%; margin-top: 20px; text-align: left;}

p.dap_link {margin-top: 10px;}
p.dap_link a:before {content: ""; width: 25px; height: 25px;}
p.dap_link a span {padding-left: 23px;}
p.dap_link a {font-weight: 700;}

.area_map {max-width: 1246px; margin: 70px auto 0px;}
.area_navi {display: flex;}
.area_navi li {background-color: rgba(38,50,56,.5); width: 40%; color: #263238;font-weight: 700; font-size: 16px; font-family: fot-tsukuardgothic-std, sans-serif; cursor: pointer;transition: 0.5s; border-radius: 20px 20px 0px 0px; padding: 16px 45px; box-sizing: border-box; margin-right: 5px;}
.area_navi li span {position: relative;display: flex; align-items: center;}
.area_navi li span:before {content: url("../images/dl_b_icon.svg"); width: 35px; height: 35px; background-color: #FFF; border-radius: 50%; display:flex; align-items: center; justify-content: center; margin-right: 14px;}
.area_navi li:hover {background-color: rgba(38,50,56,1); color: #FFF;transition: 0.5s;}
.area_navi li.current {background-color: rgba(38,50,56,1); color: #FFF;transition: 0.5s;}
.area_map_main {width: 100%; padding: 70px 50px 80px; box-sizing: border-box; border-radius: 0px 30px 30px 30px;box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.16); position: relative;}
.area_map_main > div {display: none; justify-content: space-between; align-items: flex-start;}
.area_map_main > div.current {display: flex;}
.area_map_main > div > picture {width: 38%;}
.area_map_main > div > div.area_file {width: 60%;}
.area_file {display: flex; justify-content: space-between; flex-wrap: wrap;}
.area_file > dl { width: 32.3%; background-color: #263238; border-radius: 10px; padding: 18px 12px 12px; box-sizing: border-box; margin-bottom: 8px; color: #FFF; display: flex; flex-direction: column;}
.area_file > dl dt {font-weight: 700; font-size: 16px; font-family: fot-tsukuardgothic-std, sans-serif;line-height: 140%; width: 100%; flex-grow: 1; display: flex; align-items: center; justify-content: space-between;}
.area_file > dl dt em {width: 40px; height: 40px; background-color: #FFF; border-radius: 50%;font-weight: 700; font-size:22px; font-family: fot-tsukuardgothic-std, sans-serif; color:#263238; display: flex; justify-content: center; align-items: center;line-height: 100%;}
.area_file > dl dt span {width: calc(100% - 50px);}
.area_file > dl dd { background-color: #FFF; border-radius: 0px 0px 10px 10px; padding: 0px 10px 0px 20px; margin-top: 10px; min-height: 68px; display: flex; align-items: center;}
.area_file > dl dd a {font-weight: 700; font-size:0.7em; font-family: fot-tsukuardgothic-std, sans-serif;}
.area_file > dl dd ul li + li {margin-top: 5px;}
.area_file > dl.all {width: 100%; display: flex; flex-direction: row; justify-content: space-between; padding: 12px 12px 12px 30px;}
.area_file > dl.all dt {max-inline-size: none; width: auto;}
.area_file > dl.all dd {border-radius: 10px; padding: 10px 10px 10px 20px;margin-top: 0px; min-height: auto;}
.area_file:after {content: ""; display: block; width: 32.3%;}
.area_file > dl dd a span {margin: 0px 0px 0px 3px;}
.area_file.posting > dl dd {padding: 0px 2px;}

.area_file > dl.reg1 {background-color: #F2ACE2;}
.area_file > dl.reg2 {background-color: #FFB573;}
.area_file > dl.reg3 {background-color: #A8DAFF;}
.area_file > dl.reg4 {background-color: #C1DEB1;}
.area_file > dl.reg5 {background-color: #F2CBE2;}
.area_file > dl.reg6 {background-color: #7DDEB1;}
.area_file > dl.reg7 {background-color: #61DAFF;}
.area_file > dl.reg8 {background-color: #FFD67B;}
.area_file > dl.reg9 {background-color: #D0D2DA;}
.area_file > dl.reg10 {background-color: #B9BAFF;}
.area_file > dl.reg11 {background-color: #C1DE76;}

.area_file > dl.pre1 {background-color: #F2CBE2;}
.area_file > dl.pre2 {background-color: #C1DE76;}
.area_file > dl.pre3 {background-color: #FFBD7B;}
.area_file > dl.pre4 {background-color: #C1DEB1;}
.area_file > dl.pre5 {background-color: #61DAFF;}
.area_file > dl.pre6 {background-color: #61DAFF;}
.area_file > dl.pre7 {background-color: #B9BAFF;}
.area_file > dl.pre8 {background-color: #FED57B;}
.area_file > dl.pre9 {background-color: #F2ACE2;}

.area_file > dl.asp1 {background-color: #BDD8AE;}
.area_file > dl.asp2 {background-color: #F6B87B;}
.area_file > dl.asp3 {background-color: #EDC9DF;}
.area_file > dl.asp4 {background-color: #F7D17C;}
.area_file > dl.asp5 {background-color: #A8D3F1;}
.area_file > dl.asp6 {background-color: #B5B4DB;}

.area_file > dl.ado1 {background-color: #F2ACE2;}
.area_file > dl.ado2 {background-color: #C1DE76;}
.area_file > dl.ado3 {background-color: #FFBD7B;}
.area_file > dl.ado4 {background-color: #C1DEB1;}
.area_file > dl.ado5 {background-color: #F2CBE2;}
.area_file > dl.ado6 {background-color: #7BDEB1;}
.area_file > dl.ado7 {background-color: #61DAFF;}
.area_file > dl.ado8 {background-color: #D0D2DA;}
.area_file > dl.ado9 {background-color: #FED57B;}
.area_file > dl.ado10 {background-color: #B9BAFF;}

.area_do .area_file > dl dt {font-weight: 700; font-size: 16px; font-family: fot-tsukuardgothic-std, sans-serif;line-height: 140%; width: 100%; flex-grow: 1; display: flex; align-items: center; justify-content: space-between;}
.area_do .area_file > dl dt em {width: 40px; height: 40px; background-color: #FFF; border-radius: 50%;font-weight: 700; font-size:22px; font-family: fot-tsukuardgothic-std, sans-serif; color:#263238; display: flex; justify-content: center; align-items: center;line-height: 100%; }
.area_do .area_file > dl dt span {width: calc(100% - 50px);}
.area_do .area_file > dl dt.posting em {font-size:13px}

.price_list_head {max-width: 1246px; padding-bottom: 100px; margin: 60px auto 0px; display: flex; justify-content: space-between; position: relative;}
.price_list_head > p {font-size: 140px; font-family: fot-tsukuardgothic-std, sans-serif; color: #F4F4F4; position: absolute; right: -100px;top: 0; z-index: -1; line-height: 100%;}
.price_list_head > div.map_navi {width: 50%;}
.price_list_head > div.bt_navi {width: 47%;}
div.map_navi > h2 {font-weight: 700; font-size: 26px; font-family: fot-tsukuardgothic-std, sans-serif; position: relative; padding-left: 30px;}
div.map_navi > h2:before {content: ""; height: 100%; width: 3px; border-radius: 20px; background-color: #018CD7; position: absolute;left: 0; top: 0;}
div.map_navi .map{text-align: center; margin-top: 50px;}

div.bt_navi div.area {background-color: #FFF;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 30px; display: flex; justify-content: center; padding: 30px 0px;position: relative;}
div.bt_navi div.area p {font-weight: 700; font-size: 20px; font-family: fot-tsukuardgothic-std, sans-serif; line-height: 200%;}
div.bt_navi div.area p span {display: block; background: url("../images/line_bg.png") repeat-x left bottom;}
div.bt_navi div.area:before {content: url("../images/price_marker.png");position: absolute; bottom: -30px; right:40px;}

.regulation {width: 100%;}
.regulation h3 {font-weight: 700; font-size: 26px; font-family: fot-tsukuardgothic-std, sans-serif; position: relative; padding-left: 30px;}
.regulation h3:before {content: ""; height: 100%; width: 3px; border-radius: 20px; background-color: #018CD7; position: absolute;left: 0; top: 0;}
.regulation > div {margin-top: 50px; display: block;width: fit-content; background-color: #FFF;}
.regulation > div dl {display: flex; }
.regulation > div dl dt {padding: 5px 0px 0px 20px;font-size: 12px; width: 83px; box-sizing: border-box; background-color: #D8D8D8;}
.regulation > div dl dd { width: calc(100% - 83px); box-sizing: border-box; padding: 5px 20px 0px; font-size: 12px;background-color: #FAFAFA;}
.regulation > div dl:first-child dt {padding: 10px 0px 0px 20px;}
.regulation > div dl:first-child dd {padding: 10px 20px 0px 20px;}
.regulation > div dl:last-child dt {padding: 5px 0px 10px 20px;}
.regulation > div dl:last-child dd {padding: 5px 20px 10px 20px;}

div.bt_navi p.price_list_bt {margin-top: 50px;}
p.price_list_bt a {display: block; width: 437px; background-color: #263238; color: #FFF;font-weight: 700; font-size: 21px; font-family: fot-tsukuardgothic-std, sans-serif;padding: 20px 30px; border-radius: 50px; box-sizing: border-box; letter-spacing:5px; }
p.price_list_bt a span { display: flex; align-items: center; }
p.price_list_bt a span:before {content: url("../images/pdf_icon_w.svg"); display: block; font-size: 0;margin-right: 28px;}
p.price_list_bt a span:after {content: url("../images/dl_b_icon_w.svg");display: block; font-size: 0; padding-top: 2px; margin-left: 20px;}
p.simulation_bt {margin-top: 10px;}
p.simulation_bt a {display: block; width: 437px; background-color: #263238; color: #FFF;font-weight: 700; font-size: 19px; font-family: fot-tsukuardgothic-std, sans-serif;padding: 20px 0px; border-radius: 50px; box-sizing: border-box; letter-spacing:5px;}
p.simulation_bt a span { display: flex; align-items: center; justify-content:center; }
p.simulation_bt a span:after {content: url("../images/link_icon_wb.svg");display: block; font-size: 0;margin-left: 10px;}

p.price_list_bt.under { width: 437px; margin: 80px auto 0px;}

.price_list_cont {padding: 80px 0px 100px; background-color: #F4F4F4;}
.price_area {max-width: 1246px; margin: 0px auto;background-color: #FFFFFF;padding: 65px 90px 100px; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 50px; box-sizing: border-box;}
.price_area + .price_area {margin-top: 50px;}
.price_area > h3 {text-align: center;font-weight: 700; font-size: 26px; font-family: fot-tsukuardgothic-std, sans-serif;}
.price_area > p.etc {font-size: 12px; margin-top: 10px;}
.price_area > .app_no {max-width: 800px; margin: 40px auto 0px;background-color: #FFFFFF;padding: 40px 50px; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 25px; box-sizing: border-box;}
.price_area > .app_no dl {display: flex; justify-content: space-between; align-items: center;}
.price_area > .app_no dl dt {width: 120px;font-weight: 700; font-size: 16px; font-family: fot-tsukuardgothic-std, sans-serif; line-height: 100%; padding: 15px 0px; background-color: #F4F4F4; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border-radius: 10px;}
.price_area > .app_no dl dd {width: calc(100% - 170px);}
.price_area > .app_no dl dd ul {display: flex; flex-wrap: wrap;}
.price_area > .app_no dl dd ul li {padding-left: 40px; position: relative;font-weight: 700;font-family: fot-tsukuardgothic-std, sans-serif; box-sizing: border-box; margin: 4px 0px; font-size: 14px;}
.price_area > .app_no dl dd ul li span {background-color: #F4F4F4; border-radius: 50%;box-sizing: border-box;display: flex;justify-content: center;align-items: center; height: 25px; width: 25px;color:#263238;line-height: 100%;position: absolute;top: 0px;left: 0; font-size: 16px;letter-spacing: 0;}
.price_area#douou > .app_no dl dd ul li {width: 50%;}
.price_area#dounan > .app_no dl dd ul li {width: 50%;}
.price_area#douhoku > .app_no dl dd ul li {width: 50%;}
.price_area#doutou > .app_no dl dd ul li {margin-right: 20px;}

.price_area .table_cont {margin-top: 40px;}
.price_area .table_cont > p.cap {font-size: 15px; text-align: right; margin-bottom: 5px;}
.price_area .table_cont .table_head {display: flex; justify-content: space-between;}
.price_area .table_cont .table_head h4 {width: 38.5%; background-color: #263238;font-weight: 700; font-size: 15px; font-family: fot-tsukuardgothic-std, sans-serif; text-align: center; color: #FFF;padding: 5px 0px; box-sizing: border-box;}
.price_area .table_cont .table_head h4 + h4 {width:61%;}
.price_area .table_cont .table_body {display: flex; justify-content: space-between;}
.table_body dl.area {width: 7%;}
.table_body dl.info {width: 31%;}
.table_body dl.size {width: 11.5%;}
.table_body dl.fee {width: 16%;}
.table_body dl.ship {width: 16%;}
.table_body dl.total {width: 16%;}
.table_body dl {display: flex; flex-direction: column;}
.table_body dl dt { background-color:#D8D8D8; text-align: center;font-weight: 700; font-size: 15px; font-family: fot-tsukuardgothic-std, sans-serif;margin-top: 5px; padding: 5px 0px;}
.table_body dl dd {margin-top: 5px; background-color: #FAFAFA; font-size: 14px; padding: 16px 0px; flex-grow: 1;}
.table_body dl dd ul {display: grid;grid-template-columns: auto;justify-content: center;list-style-position: inside;padding: 0;}
.table_body dl dd ul li {display: block;text-align: right;}
.table_body dl.size dd ul li {text-align: left;}
.table_body dl:first-child dt {background-color:#FEF6A4; text-align: center;}
.table_body dl:first-child dd {font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif;}
.table_body dl.area dd {background-color:#FEF6A4; text-align: center;}
.table_body dl.info dt {padding: 5px 28px;text-align: left;}
.table_body dl.info dd {font-size: 12px; padding: 16px 28px; box-sizing: border-box;}
.table_body + .table_body dl dt {display: none;}

.questions_navi {max-width: 1246px; margin: 0px auto;background-color: #FFFFFF;padding: 30px 30px; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 30px; box-sizing: border-box;}
.questions_navi ul {display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: -1%;}
.questions_navi ul li {width: 32.5%; margin-bottom: 1%;}
.questions_navi ul li a { width: 100%; box-sizing: border-box; background-color: #D9EEF9; border-radius: 10px;box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.16); padding: 20px; height: 90px; position: relative; display: flex; align-items: center;}
.questions_navi ul li a span {padding:0px 30px 0px 50px; line-height: 120%;font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif;}
.questions_navi ul li a:before{content: ""; width: 3px; height: calc(100% - 40px); background-color: #263238; position: absolute; left: 20px; top: 20px;}
.questions_navi ul li a:after {content:"↓";font-size: 18px; position: absolute; right: 20px; top: calc(50% - 9px); font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif; line-height: 100%;}

.questions_main {max-width: 1186px; margin: 60px auto 0px; position: relative;}
.questions_main > p {font-size: 140px; font-family: fot-tsukuardgothic-std, sans-serif; color: #F4F4F4; position: absolute; right:-100px;top: -20px; z-index: -1; line-height: 100%;}
.questions_cont { position: relative;}
.f_cont {margin-top: 50px;}
.f_cont:first-child {margin-top: 0px;}
.f_cont > h3 {font-weight: 700; font-size: 26px; font-family: fot-tsukuardgothic-std, sans-serif; position: relative; padding-left: 30px; margin: 0px 20px;}
.f_cont > h3:before {content: ""; height: 100%; width: 3px; border-radius: 20px; background-color: #018CD7; position: absolute;left: 0; top: 0;}
.f_cont > div {margin-top: 20px;}
.f_cont > div dl {border-bottom: 1px solid #D8D8D8;}
.f_cont > div dl dt {padding: 30px 120px 30px 70px; font-weight: 700;position: relative; cursor: pointer;}
.f_cont > div dl dt:before {position: absolute;left: 22px; top: 26px; content: "Q"; font-weight: 700; font-size: 20px; font-family: fot-tsukuardgothic-std, sans-serif;}
.f_cont > div dl dd {display: none;background-color: #F4F4F4; padding: 30px 70px 30px; position: relative; margin-bottom: 30px;}
.f_cont > div dl dd:before {content: "A"; color: #018CD7; font-weight: 700; font-size: 20px; font-family: fot-tsukuardgothic-std, sans-serif; position: absolute; left: 24px; top: 26px;}

.pickup {max-width: 1200px; margin: 0px auto 0px; position: relative; border-top: 1px solid #D8D8D8; padding: 50px 7px 100px;}
.pickup > p {font-size: 140px; font-family: fot-tsukuardgothic-std, sans-serif; color: #F4F4F4; position: absolute; right:-100px;top: 10px; z-index: -1; line-height: 100%;}
.p_cont > h3 {font-weight: 700; font-size: 26px; font-family: fot-tsukuardgothic-std, sans-serif; position: relative; padding-left: 30px; margin: 0px 20px;}
.p_cont > h3:before {content: ""; height: 100%; width: 3px; border-radius: 20px; background-color: #018CD7; position: absolute;left: 0; top: 0;}
.p_cont > div {margin-top: 20px;}
.p_cont > div ul li {border-bottom: 1px solid #D8D8D8;}
.p_cont > div ul li a {padding: 30px 120px 30px 70px; font-weight: 700;position: relative; display: block;}
.p_cont > div ul li a:before {position: absolute;left: 22px; top: 26px; content: "Q"; font-weight: 700; font-size: 20px; font-family: fot-tsukuardgothic-std, sans-serif;}
.p_cont > div ul li a:after {content: "↓"; font-size: 30px; font-weight: 700; color: #018CD7; position: absolute; right: 20px; top:20px;}

/*1216add*/
.apply_st01 .f_cont > div dl dt:before {position: absolute;left: 0px; top: 0px; content: ""; font-weight: 700; font-size: 20px; font-family: fot-tsukuardgothic-std, sans-serif;}
.apply_st01 .f_cont > div dl dt{padding:30px 120px 30px 30px;}
.apply_st01 .f_cont > div dl dd:before{content: "";}
.apply_st01 .f_cont > div dl dd{padding:0;}
.f_cont > div dl dt span:after,.f_cont > div dl dt span:before {position: absolute;content:'';width: 20px;height: 4px;background-color:#018CD7;z-index: 2;}
.f_cont > div dl dt span:before{right: 50px;top:46px; transform: rotate(0deg);transition: all 0.3s;}
.f_cont > div dl dt span:after{right: 50px;top:46px;transform: rotate(90deg);transition: all 0.3s;}
.f_cont > div dl.active dt span:before{transform: rotate(0deg);}
.f_cont > div dl.active dt span:after{transform: rotate(0deg);}
.f_cont > div dl dd ul {margin-top: 20px}
.f_cont > div dl dd ul li a {font-size: 14px;}
.f_cont > div dl dd ul li + li {margin-top: 10px;}

.orikomi_point {margin-top: 60px; position: relative; width: 100%; overflow: hidden;}
.orikomi_point > p.en {position: absolute; color: #F4F4F4; font-size: 140px; font-family: fot-tsukuardgothic-std, sans-serif; top: -10px; line-height: 100%; right: -350px; z-index: -1;}
.orikomi_point > div {max-width: 1246px; margin: 0px auto; padding-bottom: 70px; border-bottom: 1px solid #D8D8D8;}
.orikomi_point > div > h2 {margin: 0px 30px;font-weight: 700; font-size: 26px; font-family: fot-tsukuardgothic-std, sans-serif; position: relative; padding-left: 30px;}
.orikomi_point > div > h2:before {content: ""; height: 100%; width: 3px; border-radius: 20px; background-color: #018CD7; position: absolute;left: 0; top: 0;}
.orikomi_point > div > div.point_cont {margin-top: 50px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.orikomi_point > div > div.point_cont > div {width: 48.5%;background-color: #FFF;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 20px; margin-bottom: 3%; padding: 45px; box-sizing: border-box; display: flex; justify-content: space-between;}
.orikomi_point > div > div.point_cont > div dl {width: 90px;}
.orikomi_point > div > div.point_cont > div dl dt { color: #018CD7; font-weight: 700; font-size: 16px; font-family: fot-tsukuardgothic-std, sans-serif;}
.orikomi_point > div > div.point_cont > div dl dd {margin-top: 20px; text-align: center;}
.orikomi_point > div > div.point_cont > div div {width: calc(100% - 120px)}
.orikomi_point > div > div.point_cont > div div h3 {font-weight: 700; font-size: 22px; font-family: fot-tsukuardgothic-std, sans-serif;}
.orikomi_point > div > div.point_cont > div div h3 + p {margin-top: 25px;}

.orikomi_viewed {margin-top: 80px; padding-bottom: 100px;}
.orikomi_viewed > div {max-width: 950px; margin: 0px auto;}
.orikomi_viewed > div > h2 {margin: 0px 0px;font-weight: 700; font-size: 26px; font-family: fot-tsukuardgothic-std, sans-serif; position: relative; padding-left: 30px;}
.orikomi_viewed > div > h2:before {content: ""; height: 100%; width: 3px; border-radius: 20px; background-color: #018CD7; position: absolute;left: 0; top: 0;}
.orikomi_viewed > div > h4 {font-weight: 700;}
.viewed_cont {margin-top: 80px;}
.viewed_cont > h3 {padding: 5px 90px 5px 50px; position: relative;font-weight:700; font-size:24px; font-family: fot-tsukuardgothic-std, sans-serif; background-color: #F0F0F0; display: inline-block;}
.viewed_cont > h3:after {content:""; height: 100%; width: 42px; clip-path: polygon(0% 50%, 100% 0%, 100% 100%); background-color: #FFF; position: absolute; right: 0; top: 0;}
.viewed_cont > h3 span {color: #018CD7;}
.viewed_cont > h3 + p {margin-top: 30px;}
.viewed_cont > figure {margin-top: 50px;}
.viewed_cont > figure figcaption {margin-bottom: 15px;font-weight: 700; font-size: 16px; font-family: fot-tsukuardgothic-std, sans-serif;}
.viewed_cont + .viewed_cont {margin-top: 150px;}

.handling_head {max-width: 1246px; margin: 0px auto; padding-bottom: 70px; border-bottom: 1px solid #D8D8D8;}
.handling_head > div {max-width: 972px; margin: 0px auto;background-color: #FFFFFF;padding: 50px 40px 35px 40px; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 30px; box-sizing: border-box;}
.handling_head > div h2 {color: #018CD7; font-weight: 700; font-size: 20px; font-family: fot-tsukuardgothic-std, sans-serif; text-align: center; }
.handling_head > div ul {display: flex; flex-wrap: wrap; margin-top: 40px;}
.handling_head > div ul li {width: 19%; margin-bottom: 15px;font-weight: 700; font-size:18px; font-family: fot-tsukuardgothic-std, sans-serif;}
.handling_head > div ul li:nth-of-type(5n) {width:24%; }
.handling_head > div ul li:before {content: "-";}

.handling_cont {max-width: 1246px; margin: 0px auto;}
.handling_cont > div {margin-top: 70px;}
/*241209 add*/
.handling_cont > div > h2 {margin: 0px 0px;font-weight: 700; font-size: 26px; font-family: fot-tsukuardgothic-std, sans-serif; position: relative; padding-left: 30px;}
.handling_cont > div > h2:before {content: ""; height: 100%; width: 3px; border-radius: 20px; background-color: #018CD7; position: absolute;left: 0; top: 0;}
.handling_cont > div > h2 + p {padding-top: 30px;}
.handling_cont > div > h3 {margin: 0px 0px;font-weight: 700; font-size: 20px; font-family: fot-tsukuardgothic-std, sans-serif; position: relative; padding-left: 30px;}
.handling_cont > div > h3:before {content: ""; height: 100%; width: 3px; border-radius: 20px; background-color: #018CD7; position: absolute;left: 0; top: 0;}
.handling_cont > div > h3 + p {padding-top: 30px;}
.handling_cont > div > ol {margin-top: 50px; list-style: decimal;}
.handling_cont > div > ol > li {margin-left: 2.5em; margin-bottom: 5px;}
.handling_cont > div > ol + p {margin-top: 30px;}
.handling_cont > div > h4 {font-weight: 700; text-align: right; margin-top: 30px;}
.handling_cont > div > h3 + dl {margin-top: 30px; font-weight: 700;}
.handling_cont > div > h3 + dl dt {color: #018CD7;}
.handling_cont > div > dl {margin-top: 30px;}
.handling_cont > div > dl dt {color: #018CD7;}
.handling_cont > div > dl dd ul {list-style: outside;}
.handling_cont > div > dl dd ul > li {margin-left: 1.5em; margin-bottom: 5px;}
.handling_cont > div > dl dd ul {list-style: outside;}
.handling_cont > div > dl dd ol {counter-reset: pg-counter;}
.handling_cont > div > dl dd ol li {padding-left: 30px; position: relative; margin-bottom: 5px;}
.handling_cont > div > dl dd ol li:before {content: counter(pg-counter);counter-increment: pg-counter; border: 1px solid #263238;border-radius: 50%;box-sizing: border-box;display: flex;justify-content: center;align-items: center; height: 22px; width: 22px;line-height: 100%;position: absolute;top: 4px;left: 0; font-size: 85%;letter-spacing: 0;}
.handling_cont > div > div {margin-top: 30px;}
.handling_cont > div > div dl + dl {margin-top: 30px;}
.handling_cont > div > div dl dt{font-weight: 700;}
.handling_cont > div > div dl dt:before {content: "◆";}
.handling_cont > dl {margin-top: 50px;}
.handling_cont > dl dt {font-weight: 700}
.handling_cont > dl dd ul {list-style: outside;}
.handling_cont > dl dd ul li {margin-left: 1.5em;}
.handling_cont > h4 {font-weight: 700; text-align: right; margin-top: 30px;}

.posting_point {margin-top: 60px; position: relative; width: 100%; overflow: hidden;}
.posting_point > p.en {position: absolute; color: #F4F4F4; font-size: 140px; font-family: fot-tsukuardgothic-std, sans-serif; top: -10px; line-height: 100%; right: 90px; z-index: -1;}
.posting_point > div {max-width: 1246px; margin: 0px auto; padding-bottom: 70px; border-bottom: 1px solid #D8D8D8;}
.posting_point > div > h2 {margin: 0px 30px;font-weight: 700; font-size: 26px; font-family: fot-tsukuardgothic-std, sans-serif; position: relative; padding-left: 30px;}
.posting_point > div > h2:before {content: ""; height: 100%; width: 3px; border-radius: 20px; background-color: #018CD7; position: absolute;left: 0; top: 0;}
.posting_point > div > div.point_cont {margin-top: 50px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.posting_point > div > div.point_cont > div {/*width: 48.5%;*/width: 49%;background-color: #FFF;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 20px; margin-bottom: 3%; padding: 45px; box-sizing: border-box; display: flex; justify-content: space-between;}
.posting_point > div > div.point_cont > div dl {width: 90px;}
.posting_point > div > div.point_cont > div dl dt { color: #018CD7; font-weight: 700; font-size: 16px; font-family: fot-tsukuardgothic-std, sans-serif;}
.posting_point > div > div.point_cont > div dl dd {margin-top: 20px; text-align: center;}
.posting_point > div > div.point_cont > div div {width: calc(100% - 120px)}
.posting_point > div > div.point_cont > div div h3 {font-weight: 700; font-size: 22px; font-family: fot-tsukuardgothic-std, sans-serif;}
.posting_point > div > div.point_cont > div div h3 + p {margin-top: 25px;}
.posting_point > div > div.point_cont > div div h3 span { font-size: 14px; display: block;}

/*250606追加*/
.posting_sapporoshinbun {margin-top: 60px; position: relative; width: 100%; overflow: hidden;}
.posting_sapporoshinbun > p.en {position: absolute; color: #F4F4F4; font-size: 140px; font-family: fot-tsukuardgothic-std, sans-serif; top: -10px; line-height: 100%; right: 90px; z-index: -1;}
.posting_sapporoshinbun > div {max-width: 1246px; margin: 0px auto; padding-bottom: 70px; border-bottom: 1px solid #D8D8D8;}
.posting_sapporoshinbun > div > h2 {margin: 0px 30px;font-weight: 700; font-size: 26px; font-family: fot-tsukuardgothic-std, sans-serif; position: relative; padding-left: 30px;}
.posting_sapporoshinbun > div > h2:before {content: ""; height: 100%; width: 3px; border-radius: 20px; background-color: #018CD7; position: absolute;left: 0; top: 0;}
.posting_sapporoshinbun > div > div.point_cont {margin-top: 50px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.posting_sapporoshinbun > div > div.point_cont > div {/*width: 48.5%;*/width: 100%;background-color: #FFF;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 20px; margin-bottom: 3%; padding: 45px; box-sizing: border-box; display: flex; justify-content: space-between;}
.posting_sapporoshinbun > div > div.point_cont > div dl {width: 150px;}
.posting_sapporoshinbun > div > div.point_cont > div dl dt { color: #018CD7; font-weight: 700; font-size: 16px; font-family: fot-tsukuardgothic-std, sans-serif;}
.posting_sapporoshinbun > div > div.point_cont > div dl dd {text-align: center; margin-top: 10%;}
.posting_sapporoshinbun > div > div.point_cont > div div {width: calc(100% - 120px); margin-left: 50px;}
.posting_sapporoshinbun > div > div.point_cont > div div h3 {font-weight: 700; font-size: 22px; font-family: fot-tsukuardgothic-std, sans-serif;}
.posting_sapporoshinbun > div > div.point_cont > div div h3 + p {margin: 25px 0px;}
.posting_sapporoshinbun > div > div.point_cont > div div h3 span { font-size: 14px; display: block;}

/*202601追加*/
.posting_sapporoshinbun > div > div.point_cont > div div figure {display: flex; align-items: center;}
.posting_sapporoshinbun > div > div.point_cont > div div figure picture {flex-shrink: 0; margin-right: 15px; width: 170px;}

.posting_sapporoshinbun > div > div > div > div > p.flink {font-weight: 700;}
.posting_sapporoshinbun > div > div > div > div > p.flink > a.pdf:after {margin-left: 10px;}


.posting_info {max-width: 1246px; margin: 50px auto;}
.posting_info > div > h2 {margin: 0px 30px;font-weight: 700; font-size: 26px; font-family: fot-tsukuardgothic-std, sans-serif; position: relative; padding-left: 30px;}
.posting_info > div > h2:before {content: ""; height: 100%; width: 3px; border-radius: 20px; background-color: #018CD7; position: absolute;left: 0; top: 0;}
.posting_info_cont {display: flex; justify-content: space-between; align-items:center; margin-top: 46px;}
.posting_info_cont > figure {width:calc(100% - 718px); padding-left: 30px; box-sizing: border-box;}
.posting_info_cont > div.area {width: 698px; display: flex; justify-content: space-between; flex-wrap: wrap;}
.posting_info_cont > div.area dl {width: 32.5%; margin-bottom: 1.2%; border-radius: 10px; padding: 18px 10px 10px; box-sizing: border-box; cursor:pointer;transition: 0.5s;}
.posting_info_cont > div.area dl:hover {opacity:0.8;transition: 0.5s;}
.posting_info_cont > div.area dl dt {display: flex; align-items: center; justify-content: space-between; font-weight: 700; font-size: 16px; font-family: fot-tsukuardgothic-std, sans-serif; line-height: 130%;color: #FFF;}
.posting_info_cont > div.area dl dt span {width: 40px; height: 40px; background-color: #FFF; border-radius: 50%; display: flex; align-items: center; justify-content: center; line-height: 100%;font-size: 22px; color: #263238;}
.posting_info_cont > div.area dl dt strong {width: calc(100% - 45px);}
.posting_info_cont > div.area dl dd {background-color: #FFF; border-radius: 0px 0px 10px 10px; padding: 10px 5px;font-weight: 700; line-height: 140%; margin-top: 18px; display: flex; align-items: center; justify-content: center; height: 60px; box-sizing: border-box; text-align: center; font-size: 15px;}
.posting_info_cont > div.area dl.sft dt strong {font-size:14px; }
.posting_info_cont > div.area dl.sfd dd {font-size: 12px;}

.posting_info_cont > div.area:after {content: ""; display: block; width: 33%;}

.posting_info_cont > div.area dl:first-child {background-color: #FFBD7B;}
.posting_info_cont > div.area dl:nth-child(2) {background-color: #F2CDE2;}
.posting_info_cont > div.area dl:nth-child(3) {background-color: #D8D8D8;}
.posting_info_cont > div.area dl:nth-child(4) {background-color: #A8DAFF;}
.posting_info_cont > div.area dl:nth-child(5) {background-color: #C2DEB1;}
.posting_info_cont > div.area dl:nth-child(6) {background-color: #D693DB;}
.posting_info_cont > div.area dl:nth-child(7) {background-color: #D8D8D8;}
.posting_info_cont > div.area dl:nth-child(8) {background-color: #F2CDE2;}

.posting_list { background-color: #F4F4F4; padding: 50px 0px;}
.poting_list_navi {max-width: 1110px; margin: 0px auto;}
.poting_list_navi ul {display: flex; justify-content: space-between; flex-wrap: wrap;}
.poting_list_navi ul li {width: 24.5%; padding: 18px 20px;box-sizing: border-box; background-color: #FFF;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 10px; margin-bottom: 1%;display: flex; align-items: center; justify-content: space-between; font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif; line-height: 130%;cursor:pointer;transition: 0.5s;}
.poting_list_navi ul li:hover {opacity:0.8;transition: 0.5s;}
.poting_list_navi ul li span {width: 40px; height: 40px; background-color: #F4F4F4; border-radius: 50%; display: flex; align-items: center; justify-content: center; line-height: 100%;font-size: 22px; color: #263238; font-family: fot-tsukuardgothic-std, sans-serif;}
.poting_list_navi ul li strong {width: calc(100% - 50px);}
.poting_list_navi ul li.current {background-color: #263238;}
.poting_list_navi ul li.current span {background-color: #FFF;}
.poting_list_navi ul li.current strong {color: #FFF;}

.poting_list_cont {max-width: 1246px; margin: 10px auto 0px;}
.poting_list_cont .item {display: none;box-sizing: border-box; background-color: #FFF;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 50px; padding: 70px 60px 80px;}
.poting_list_cont .item.current {display: block;}
.poting_list_cont .item h2 {color: #018CD7;line-height: 140%;font-size: 26px; font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif;}
.poting_list_cont .item h2 br {display:none;}
.poting_list_cont .item p.area {background-color: #F4F4F4; padding: 5px 40px;font-size: 16px; font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif; margin-top: 30px;}
.poting_list_cont .item p.area br {display:none;}
.poting_list_cont .item > div > dl {display: flex; align-items: center; justify-content: space-between; margin-top: 30px;}
.poting_list_cont .item > div > dl dt {width: 290px;}
.poting_list_cont .item > div > dl dt ul li {border: 1px solid #263238; border-radius: 5px; text-align: center;font-size: 14px; font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif; padding: 3px 0px;}
.poting_list_cont .item > div > dl dt ul li + li {margin-top: 5px;}
.poting_list_cont .item > div > dl dd {width: calc(100% - 340px); line-height: 150%;}
.poting_list_cont .item > div + div {margin-top: 100px;}
.poting_list_cont .item .item_cont {margin-top: 40px;}
.poting_list_cont .item .item_cont dl {display: flex; align-items: flex-start;justify-content: space-between; border-bottom: 1px solid #D8D8D8;}
.poting_list_cont .item .item_cont dl dt {width: 340px; padding: 25px; box-sizing: border-box;font-size: 20px; font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif; line-height: 120%;}
.poting_list_cont .item .dl_bt {margin-top: 40px;}
.poting_list_cont .item .dl_bt a {width: 457px; margin: 0px auto; background-color: #263238;font-size: 21px; font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif; line-height: 120%; color: #FFF; display: flex; justify-content: center; align-items: center; height: 76px; border-radius: 50px;}
.poting_list_cont .item .dl_bt a:after {content: url("../images/dl_b_icon_w.svg"); margin-left: 20px;}
.poting_list_cont .item .item_cont dl dd {width: calc(100% - 340px); padding: 25px 25px 25px 0px; box-sizing: border-box;}
.poting_list_cont .item .item_cont dl dd span {font-size: 14px;}

/*202601追加*/
.poting_list_cont .item .item_cont dl dd figure {display: flex; align-items: center; margin-top: 20px;}
.poting_list_cont .item .item_cont dl dd figure picture {flex-shrink: 0; margin-right: 15px; width: 84px;}

.poting_list_cont .item .etc {margin-top: 40px;}
.poting_list_cont .item .etc ul li {padding-left: 1em;position: relative; margin-bottom: 5px;}
.poting_list_cont .item .etc ul li:before {content: "※"; position: absolute; left: 0; top: 0;}

/*202601追加
.modal {display: none;position: fixed;top: 0; left: 0;width: 100%; height: 100%;background: rgba(0,0,0,0.6);justify-content: center;align-items: center;z-index: 1000;}
.modal .modal-content {background: #fff; padding: 10px;width:min(90vw, 900px);height: 90svh;overflow: hidden;border-radius: 4px;position: relative;}
.modal .modal-content iframe {width: 100%; height: 100%;border: none;}
.modal .close {cursor: pointer;position: absolute;top: 0px; right: 15px;font-size: 40px;font-weight: bold;color: #FFF;}
.pdf-toolbar {display: flex;gap: 8px;align-items: center;justify-content: center;margin-bottom: 8px;}
.pdf-toolbar button {padding: 6px 10px;cursor: pointer;}
#pdfViewer {width: 100%;height: calc(100% - 48px);overflow: auto;background: #eee;}
#pdfViewer canvas {display: block;margin: 0 auto;}
*/

.modal { position: fixed; inset: 0; background: rgba(0,0,0,.6); display: none; justify-content: center; align-items: center; z-index: 1000; }
.modal-content { background: #fff; width: min(92vw, 960px); height: 90svh; border-radius: 6px; padding: 8px; position: relative; overflow: hidden; }
.pdf-toolbar { display: flex; gap: 8px; justify-content: center; align-items: center; margin-bottom: 6px; }
#pdfViewer { width: 100%; height: calc(100% - 44px); overflow: auto; background: #eee; }
#pdfViewer canvas { display: block; margin: 0 auto; }
.modal .close { position: fixed; top: calc(env(safe-area-inset-top) + 8px); right: calc(env(safe-area-inset-right) + 12px); font-size: 32px; color: #fff; cursor: pointer; z-index: 1100; }

.posting_data_link {margin: 80px 0px 80px;}
.posting_data_link ul {display: flex; justify-content: center; align-items: center;}
.posting_data_link ul li + li {margin-left: 30px;}
.posting_data_link ul li a {padding: 0px 30px; margin: 0px auto; background-color: #263238;font-size: 21px; font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif; line-height: 120%; color: #FFF; display: flex; justify-content: center; align-items: center; height: 76px; border-radius: 50px;}
.posting_data_link ul li a:after {content: url("../images/dl_b_icon_w.svg"); margin-left: 20px;}
.posting_data_link ul li a:before {content: url("../images/pdf_icon_w.svg"); margin-right: 20px;}

.apply_st01 {max-width: 1246px; margin: 70px auto 0px; position: relative;}
.apply_st01 > p.en {position: absolute; color: #F4F4F4; font-size: 140px; font-family: fot-tsukuardgothic-std, sans-serif; top:0px; line-height: 100%; right: -50px; z-index: -1;}

/*.apply_st01 {border-bottom: 1px solid #D8D8D8; padding: 0px 0px 60px;}*/
.apply_st01 h2 {margin: 0px 0px;font-weight: 700; font-size: 26px; font-family: fot-tsukuardgothic-std, sans-serif; position: relative; padding-left: 30px;}
.apply_st01 h2:before {content: ""; height: 100%; width: 3px; border-radius: 20px; background-color: #018CD7; position: absolute;left: 0; top: 0;}
.apply_st01 h2 + p {margin-top: 30px;}
.apply_st01 .head {margin-bottom: 80px;}
.apply_st01 .head_under p.link {margin-top: 20px;}
.apply_st01 .head_under p.link a {display: flex; align-items: center;}
.apply_st01 .head_under p.link a span {text-decoration: underline;font-size: 16px; font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif;}
.apply_st01 .head_under p.link a:before {content: ""; width: 20px; height: 20px; display: inline-block; background: url("../images/link_icon.svg") no-repeat; background-size: cover; margin-right: 16px;}


.apply_st01 .first {display: flex; justify-content: space-between; align-items: center; margin-top: 60px; padding: 60px 80px; background-color: #FFF;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 50px;}
.apply_st01 .first > div {width: 50%;}
.apply_st01 .first > div h3 {color: #018CD7;font-size: 26px; font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif; letter-spacing: 0.2em;}
.apply_st01 .first > div ul {display: flex; flex-wrap: wrap; margin-top: 30px;}
.apply_st01 .first > div ul li {width: 33%;font-size: 18px; font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif;}
.apply_st01 .first > div ul li:before {content: "-"; margin-right: 5px;}
.apply_st01 .first > div ul li span {font-size: 12px;}
.apply_st01 .first > div ul + p {margin-top: 15px; font-size:12px; font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif;}

.apply_st01 .first > p {width: 50%;}
.apply_st01 .first > p a {margin: 0px auto;width: 457px; background-color: #263238;font-size: 21px; font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif; line-height: 120%; color: #FFF; display: flex; justify-content: center; align-items: center; height: 76px; border-radius: 50px;}
.apply_st01 .first > p a:after {content: url("../images/link_icon_wb.svg"); font-size: 0;line-height: 100%; display: block; margin-left: 30px;}

.apply_st02 {max-width: 1246px; margin: 70px auto 0px; position: relative;}
.apply_st02 .head {display: flex; align-items: center; margin-bottom: 30px;}

.apply_st02 .head h2 {margin: 0px 0px;font-weight: 700; font-size: 26px; font-family: fot-tsukuardgothic-std, sans-serif; position: relative; padding-left: 30px;}
.apply_st02 .head h2:before {content: ""; height: 100%; width: 3px; border-radius: 20px; background-color: #018CD7; position: absolute;left: 0; top: 0;}

.apply_st02 .head dl {width: 64px; height: 64px; background-color: #018CD7; border-radius: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.apply_st02 .head dl dt {color: #FFF;font-weight: 700; font-size: 12px; font-family: fot-tsukuardgothic-std, sans-serif;line-height: 100%;text-align: center; margin-left: 3px;}
.apply_st02 .head dl dd {color: #FFF;font-weight: 700; font-size: 26px; font-family: fot-tsukuardgothic-std, sans-serif;line-height: 100%;text-align: center; margin-left: 3px;}

.flow_cont {background-color: #263238; border-radius: 50px; padding: 0px 60px 0px; position: relative;}
.flow_cont.active {padding: 0px 60px 50px;}
.flow_cont:after {content: "";width: 66px; height: 66px; background-color: #FFF; position: absolute; right: 60px; top: 40px; border-radius: 50%; pointer-events: auto; z-index: 0;}
.flow_cont > h3 {position: relative; padding: 50px 0px 50px; color: #FFF; font-size: 26px; font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif; text-align: center; cursor: pointer;z-index: 1;}
.flow_cont > h3:after,.flow_cont > h3:before {position: absolute;content:'';width: 20px;height: 4px;background-color:#263238;z-index: 2;}
.flow_cont > h3:before{right:23px;top:73px; transform: rotate(0deg);transition: all 0.3s;}
.flow_cont > h3:after{right:23px;top:73px;transform: rotate(90deg);transition: all 0.3s;}
.flow_cont.active > h3:before{transform: rotate(0deg);}
.flow_cont.active > h3:after{transform: rotate(0deg);}
.flow_cont div.cont {background-color: #FFF; display: none; padding: 50px 50px 50px; position: relative;}
.flow_list {background-color:#F4F4F4; padding: 30px 40px;}
.flow_list_cont {display: flex; justify-content: space-between;}
.flow_list_cont figure {width: 114px; height: 114px; border-radius: 50%; background-color: #FFF; display: flex; justify-content: center; align-items: center;}
.flow_list_cont > div {width: calc(100% - 164px);}
.flow_list_cont > div h4 {color: #018CD7; font-weight: 700; font-size: 24px; font-family: fot-tsukuardgothic-std, sans-serif;}
.flow_list_cont > div h4 + p {margin-top: 15px;}
.flow_list_cont > div > ul {margin-top: 20px; display: flex;}
.flow_list_cont > div > ul li + li {margin-left: 30px;}
.flow_list_cont > div > ul + p {margin-top: 30px;}
.flow_list_cont > div p span {position: relative; padding-left: 1.05em; display: block;}
.flow_list_cont > div p span:before {content: "※"; position: absolute; left: 0; top:0px;}
.flow_list_cont > div p + p {margin-top: 30px;}
.flow_list_cont > div a.link,.flow_list_cont > div a.pdf {font-size: 14px; font-weight: 700;font-family: fot-tsukuardgothic-std, sans-serif;}
.flow_list div.item {padding: 50px 120px 40px; background-color: #FFF;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 30px; margin-top: 30px;}
.flow_list div.item h5 {color: #018CD7; font-weight: 700; font-size: 20px; font-family: fot-tsukuardgothic-std, sans-serif; text-align: center;}
.flow_list div.item ul {display: flex; flex-wrap: wrap; margin-top: 20px;}
.flow_list div.item ul li {width: 22%;font-weight: 700; font-size: 18px; font-family: fot-tsukuardgothic-std, sans-serif;}
.flow_list div.item ul li:before {content: "-";margin-right: 5px;}
.flow_list div.item ul li:nth-of-type(4n - 1) {width:28%;}
.flow_list div.item ul li:nth-of-type(4n) {width:28%;}
.flow_list div.item ul + p {color: #FFF; font-weight: 700; font-size: 19px; font-family: fot-tsukuardgothic-std, sans-serif; text-align: center; margin-top: 30px;}
.flow_list div.item ul + p span { background-color: #018CD7; padding: 5px 70px; display: inline-block;}

.flow_list + .flow_list {margin-top: 50px;}
.flow_cont + .flow_cont {margin-top: 50px;}

.box_head {max-width: 1246px; margin: 0px auto;position: relative; padding: 100px 0px 100px;}
.box_head > p.en {position: absolute; color: #F4F4F4; font-size: 140px; font-family: fot-tsukuardgothic-std, sans-serif; top:0px; line-height: 100%; right: -50px; z-index: -1;}
.box_head_cont {display: flex; justify-content: space-between;}
.box_head_cont > div {width: 48%;background-color: #FFF;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 30px; padding: 60px 70px; box-sizing: border-box;}
.box_head_cont > div h2 {color: #018CD7;font-weight: 700; font-size: 26px; font-family: fot-tsukuardgothic-std, sans-serif;}
.box_head_cont > div h2 + p {margin-top: 20px;}
.box_head_cont > div p.bt {margin-top: 30px;}
.box_head_cont > div p.bt a {margin: 0px auto;width: 457px; background-color: #263238;font-size: 21px; letter-spacing: 0.3em; font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif; line-height: 120%; color: #FFF; display: flex; justify-content: center; align-items: center; height: 76px; border-radius: 50px; }
.box_head_cont > div p.bt a:after {content: url("../images/under_icon.svg"); font-size: 0;line-height: 100%; display: block; margin-left: 30px;}
.box_head_cont > div p.link {margin-top: 30px;}
.box_head_cont > div p.link a {justify-content: center; font-size: 18px; font-weight: 700;font-family: fot-tsukuardgothic-std, sans-serif;}

.box_cont {background-color:#F4F4F4; padding: 100px 0px;}
.box_cont > div {padding: 70px 90px; box-sizing: border-box; max-width: 1246px; margin: 0px auto; background-color: #FFF;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 30px;}
.box_cont > div h2 {color: #018CD7;font-weight: 700; font-size: 26px; font-family: fot-tsukuardgothic-std, sans-serif;}
.box_cont > div h2 + ul {margin-top: 20px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.box_cont > div + div {margin-top: 50px;}
.box_cont > div.dDe ul {display: flex; justify-content: space-between; flex-wrap: wrap;}
.box_cont > div.dDe ul li {border: 2px solid #263238; border-radius: 5px; width: 48%; margin-top: 20px; padding: 20px 30px; box-sizing: border-box;}
.box_cont > div.dDe ul li a {font-weight: 700; font-size: 21px; font-family: fot-tsukuardgothic-std, sans-serif;}
.box_cont > div.dDe ul li a span {text-decoration: none;}
.box_cont > div.ptg ul li {display: inline-block;border: 2px solid #263238; border-radius: 5px; min-width: 48%; margin-top: 20px; padding: 20px 50px; box-sizing: border-box;}
.box_cont > div.ptg ul li a {font-weight: 700; font-size: 21px; font-family: fot-tsukuardgothic-std, sans-serif;}
.box_cont > div.ptg ul li a span {text-decoration: none;}

.box_cont > div.ork .ork_head {display: flex;justify-content: space-between; margin-top: 40px;}
.box_cont > div.ork .ork_head > p {width: 46%;}
.box_cont > div.ork .ork_head > ul {width: 46%;}
.box_cont > div.ork .ork_head > ul li { width: 100%; display: inline-block;border: 2px solid #263238; border-radius: 5px; padding: 20px 50px; box-sizing: border-box;}
.box_cont > div.ork .ork_head > ul li a {font-weight: 700;font-family: fot-tsukuardgothic-std, sans-serif; line-height: 140%;}
.box_cont > div.ork .ork_head > ul li a span {text-decoration: none;}
.box_cont > div.ork .ork_info {display: flex; justify-content: space-between; flex-wrap: wrap;}
.box_cont > div.ork .ork_info dl {width: 46%; margin-top: 40px;}
.box_cont > div.ork .ork_info dl dt {font-size: 15px; color: #FFF; background-color: #263238; padding:5px 30px; font-weight: 700;font-family: fot-tsukuardgothic-std, sans-serif;}
.box_cont > div.ork .ork_info dl dd {margin-top: 30px;}
.box_cont > div.ork .ork_info dl:last-child {width: 100%;}
.box_cont > div.ork .ork_data {display: flex; justify-content: space-between;margin-top: 40px;}
.box_cont > div.ork .ork_data > div {width: 32%; display: flex; flex-direction: column; background-color: #FAFAFA; padding: 40px 25px; box-sizing: border-box;}
.box_cont > div.ork .ork_data > div h3 {font-size: 18px; font-weight: 700;font-family: fot-tsukuardgothic-std, sans-serif;}
.box_cont > div.ork .ork_data > div h3 + p {font-size: 12px; margin-top: 10px; flex-grow: 1;}
.box_cont > div.ork .ork_data > div ul li {margin-top: 20px;}
.box_cont > div.ork .ork_data > div ul li a {font-weight: 700;font-family: fot-tsukuardgothic-std, sans-serif;}
.box_cont > div.ork .ork_data > div ul li a span {text-decoration: none;}

.box_cont > div.appli > h2 + p {margin-top: 20px;}
.box_cont > div.appli > p.link {margin-top: 20px;}
.box_cont > div.appli > p.link a {font-weight: 700;font-family: fot-tsukuardgothic-std, sans-serif;}

.appli_list {margin-top: 40px;}
.appli_navi {display: flex;}
.appli_navi li {background-color: rgba(38,50,56,.5); width: 45%; color: #263238;font-weight: 700; font-size: 16px; font-family: fot-tsukuardgothic-std, sans-serif; cursor: pointer;transition: 0.5s; border-radius: 20px 20px 0px 0px; padding: 16px 45px; box-sizing: border-box; margin-right: 5px;}
.appli_navi li span {position: relative;display: flex; align-items: center;}
.appli_navi li span:before {content: url("../images/dl_b_icon.svg"); width: 35px; height: 35px; background-color: #FFF; border-radius: 50%; display:flex; align-items: center; justify-content: center; margin-right: 14px;}
.appli_navi li:hover {background-color: rgba(38,50,56,1); color: #FFF;transition: 0.5s;}
.appli_navi li.current {background-color: rgba(38,50,56,1); color: #FFF;transition: 0.5s;}
.appli_list_main dl {display: flex; justify-content: space-between;}
.appli_list_main dl a {font-weight: 700; font-size: 16px; font-family: fot-tsukuardgothic-std, sans-serif; line-height: 140%;}
.appli_list_main dl dt {width: 40%; background-color: #FAFAFA; padding: 14px 40px; box-sizing: border-box;font-weight: 700; font-size: 16px; font-family: fot-tsukuardgothic-std, sans-serif; line-height: 140%;}
.appli_list_main dl dt span {margin-right: 1em;}
.appli_list_main dl dd a span {text-decoration: none;}
.appli_list_main dl dd {width: calc(60% - 5px); background-color: #FAFAFA; padding: 14px 40px; box-sizing: border-box;}
.appli_list_main dl dd ul li {margin-top:10px;}
.appli_list_main dl dd ul li:first-child {margin-top: 0px;}
.appli_list_main dl + dl {margin-top: 5px;}
.appli_list_main > div {display: none;}
.appli_list_main > div.current {display: block;}

.appli_all {margin-top: 40px;}
.appli_all h3 {font-weight: 700; font-size: 18px; font-family: fot-tsukuardgothic-std, sans-serif;}
.appli_all h3 + p {margin-top: 20px;}
.appli_all ul {margin-top: 30px; display: flex;}
.appli_all ul li a {font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif;}
.appli_all ul li {margin-right: 30px;}

.box_cont > div.area_list > h2 + p {margin-top: 20px;}
.area_list_sp {margin-top: 40px; display: flex; justify-content: space-between;font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif;}
.area_list_sp > p {width: 15.5%;background-color: #FAFAFA;padding: 10px 30px; box-sizing: border-box; line-height: 140%;}
.area_list_sp > div {width: calc(84.5% - 5px);}
.area_list_sp > div dl {display: flex; justify-content: space-between;}
.area_list_sp > div dl + dl {margin-top: 5px;}
.area_list_sp > div dl dt {width: 30.5%; padding: 10px 30px; box-sizing: border-box; background-color: #FAFAFA;font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif;}
.area_list_sp > div dl dd {width: calc(69.5% - 5px);padding: 10px 30px; box-sizing: border-box;background-color: #FAFAFA;}
.area_list_sp a,.area_list_etc a {font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif;}
.area_list_sp a span,.area_list_etc a span {text-decoration: none;}
.area_list_etc > p {display: none;}
.area_list_etc dl {display: flex;justify-content: space-between; margin-top: 5px;}
.area_list_etc dl dt {width: 41.6%;padding: 10px 30px; box-sizing: border-box;background-color: #FAFAFA;font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif;}
.area_list_etc dl dd {width: calc(58.4% - 5px);padding: 10px 30px; box-sizing: border-box;background-color:#FAFAFA;}

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

.o_news > div {max-width: 1246px; margin: 0px auto; padding: 100px 20px 150px; position: relative;}
.orikomi_link_cont {max-width: 1246px; margin: 0px auto; padding: 150px 20px 0px; display: flex; justify-content: space-between;}

.simulation_cont {max-width: 1246px; margin: 0px 20px 100px; border-radius: 50px; background-color: #FFF;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); padding: 80px; box-sizing: border-box; }

.cal_result_cont {max-width: 1246px; margin: 0px 20px; border-radius: 50px; background-color: #FFF;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); padding: 80px 130px; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center;}

.area_map {max-width: 1246px; margin: 70px 20px 0px;}
.area_map_main > div > picture {width: calc(100% - 700px);}
.area_map_main > div > div.area_file {width: 688px;}

.orikomi_point > div {max-width: 1246px; margin: 0px 20px; padding-bottom: 70px; border-bottom: 1px solid #D8D8D8;}

.handling_head {max-width: 1246px; margin: 0px 20px; padding-bottom: 70px; border-bottom: 1px solid #D8D8D8;}

.handling_cont {max-width: 1246px; margin: 0px 20px;}

.questions_navi {max-width: 1246px; margin: 0px 20px;background-color: #FFFFFF;padding: 30px 30px; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 30px; box-sizing: border-box;}

.posting_point > div {max-width: 1246px; margin: 0px 20px; padding-bottom: 70px; border-bottom: 1px solid #D8D8D8;}

.posting_sapporoshinbun > div {max-width: 1246px; margin: 0px 20px; padding-bottom: 70px; border-bottom: 1px solid #D8D8D8;}

.posting_info {max-width: 1246px; margin: 50px 20px;}
.posting_info_cont {display: flex; justify-content: space-between; align-items:flex-start; margin-top: 46px;}

.poting_list_cont {max-width: 1246px; margin: 10px 20px 0px;}

.price_list_head {max-width: 1246px; padding-bottom: 100px; margin: 60px 20px 0px; display: flex; justify-content: space-between; position: relative;}

.price_area {max-width: 1246px; margin: 0px 20px;background-color: #FFFFFF;padding: 65px 90px 100px; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 50px; box-sizing: border-box;}

.box_head {max-width: 1246px; margin: 0px 20px;position: relative; padding: 100px 0px 100px;}
.box_head_cont > div p.bt a {margin: 0px auto;width:100%; background-color: #263238;font-size: 21px; letter-spacing: 0.3em; font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif; line-height: 120%; color: #FFF; display: flex; justify-content: center; align-items: center; height: 76px; border-radius: 50px; }

.box_cont > div {padding: 70px 90px; box-sizing: border-box; max-width: 1246px; margin: 0px 20px; background-color: #FFF;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 30px;}

.apply_st01 {max-width: 1246px; margin: 70px 20px 0px; position: relative;}

.apply_st02 {max-width: 1246px; margin: 70px 20px 0px; position: relative;}

.flow_list div.item {padding: 50px 60px 40px; background-color: #FFF;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 30px; margin-top: 30px;}
.flow_list div.item ul {display: flex; flex-wrap: wrap; margin-top: 20px;}
.flow_list div.item ul li {width: 33%;font-weight: 700; font-size: 18px; font-family: fot-tsukuardgothic-std, sans-serif;}
.flow_list div.item ul li:before {content: "-";margin-right: 5px;}
.flow_list div.item ul li:nth-of-type(4n - 1) {width:33%;}
.flow_list div.item ul li:nth-of-type(4n) {width:33%;}

}

@media only screen and (max-width:1200px){
.area_navi li {background-color: rgba(38,50,56,.5); width: 45%; color: #263238;font-weight: 700; font-size: 16px; font-family: fot-tsukuardgothic-std, sans-serif; cursor: pointer;transition: 0.5s; border-radius: 20px 20px 0px 0px; padding: 16px 45px; box-sizing: border-box; margin-right: 5px;}

.questions_main {max-width: 1186px; margin: 60px 20px 0px; position: relative;}

.posting_data_link {margin-top: 80px;}

}
@media only screen and (max-width:1150px){

.simulation_w {display: flex; justify-content: space-between; flex-direction: column; align-items: flex-start; margin-top: 40px;}
.simulation_w > div {width:100%;}
.simulation_w > div + div {width:100%; margin-top: 20px;}

.poting_list_navi {max-width: 1110px; margin: 0px 20px;}

.box_cont > div.ork .ork_head > ul li { width: 100%; display: inline-block;border: 2px solid #263238; border-radius: 5px; padding: 20px 20px; box-sizing: border-box;}

}
@media only screen and (max-width:1100px){
.area_map_main > div {display: none; flex-direction: column; justify-content: space-between; align-items: flex-start;}
.area_map_main > div > picture {width: 100%; text-align: center;}
.area_map_main > div > div.area_file {width:100%; margin-top: 50px;}

.area_navi li {background-color: rgba(38,50,56,.5); width: 49.5%; color: #263238;font-weight: 700; font-size: 16px; font-family: fot-tsukuardgothic-std, sans-serif; cursor: pointer;transition: 0.5s; border-radius: 20px 20px 0px 0px; padding: 16px 45px; box-sizing: border-box; margin-right: 1%;}
.area_navi li + li {margin-right: 0px;}
.area_map_main {width: 100%; padding: 70px 50px 80px; box-sizing: border-box; border-radius: 0px 0px 30px 30px;box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.16); position: relative;}
.area_file.posting > dl dd {padding: 0px 20px;}

.posting_data_link {margin: 80px 20px 80px;}

.box_cont > div.dDe ul {display: flex; flex-direction: column; justify-content: space-between; flex-wrap: wrap;}
.box_cont > div.dDe ul li {border: 2px solid #263238; border-radius: 5px; width: 70%; margin-top: 20px; padding: 20px 50px; box-sizing: border-box;}

.appli_navi {display: flex;}
.appli_navi li {background-color: rgba(38,50,56,.5); width: 49.5%; color: #263238;font-weight: 700; font-size: 16px; font-family: fot-tsukuardgothic-std, sans-serif; cursor: pointer;transition: 0.5s; border-radius: 20px 20px 0px 0px; padding: 16px 20px; box-sizing: border-box; margin-right: 1%;line-height: 140%;}
.appli_navi li + li {margin-right: 0%;}
.appli_navi li span {position: relative;display: flex; flex-direction: column; align-items: center;}
.appli_navi li span:before {content: url("../images/dl_b_icon.svg"); width: 35px; height: 35px; background-color: #FFF; border-radius: 50%; display:flex; align-items: center; justify-content: center; margin-right: 0px; margin-bottom: 10px;}


.apply_st01 .first {display: flex; flex-direction: column; justify-content: space-between; align-items: center; margin-top: 60px; padding: 60px 80px; background-color: #FFF;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 50px;}
.apply_st01 .first > div {width: 100%;}
.apply_st01 .first > p {width: 100%; margin-top: 30px;}



}
@media only screen and (max-width:1050px){
.cal_result_cont {max-width: 1246px; margin: 0px 20px; border-radius: 50px; background-color: #FFF;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); padding: 80px 100px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; align-items: center;}
.cal_result_cont p.result_bt {margin: 30px auto 0px; width: 457px; position: relative;}

.posting_data_link ul {display: flex; flex-direction: column; justify-content: center; align-items: center;}
.posting_data_link ul li + li {margin-left: 0px; margin-top: 20px;}
.posting_data_link ul li a {padding: 0px 30px; margin: 0px auto; background-color: #263238;font-size: 21px; font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif; line-height: 120%; color: #FFF; display: flex; justify-content: center; align-items: center; height: 76px; border-radius: 50px;}
.posting_data_link ul li a:after {content: url("../images/dl_b_icon_w.svg"); margin-left: 20px;}
.posting_data_link ul li a:before {content: url("../images/pdf_icon_w.svg"); margin-right: 20px;}

.price_area {max-width: 1246px; margin: 0px 20px;background-color: #FFFFFF;padding: 65px 20px 100px; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 50px; box-sizing: border-box;}

.flow_list div.item {padding: 50px 20px 40px; background-color: #FFF;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 30px; margin-top: 30px;}

}

@media only screen and (max-width:1000px){
.orikomi_link > p.loop {font-size: 100px; font-family: fot-tsukuardgothic-std, sans-serif; color: #F4F4F4; width : 100%; position: absolute; top: 25px; left: 0; z-index: -1; text-align : center; overflow: hidden;}

.questions_navi ul {display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: -1%;}
.questions_navi ul li {width: 49.5%; margin-bottom: 1%;}
.questions_navi ul li a { width: 100%; box-sizing: border-box; background-color: #D9EEF9; border-radius: 10px;box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.16); padding: 20px; height: 90px; position: relative; display: flex; align-items: center;}
.questions_navi ul li a span {padding:0px 30px 0px 50px; line-height: 120%;font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif;}
.questions_navi ul li a:before{content: ""; width: 3px; height: calc(100% - 40px); background-color: #263238; position: absolute; left: 20px; top: 20px;}
.questions_navi ul li a:after {content:"↓";font-size: 18px; position: absolute; right: 20px; top: calc(50% - 9px); font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif; line-height: 100%;}

.o_news {width: 100%; margin: 80px 0px 0px; background-color: #263238; border-radius: 30px 30px 0px 0px;}
.orikomi_link_cont {max-width: 1246px; margin: 0px auto; padding: 150px 20px 0px; display: flex; flex-direction: column; justify-content: space-between;}
.orikomi_link_cont > div.item {width: 100%; box-sizing: border-box; padding: 55px 40px;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 30px; background-color: #FFF;}
.orikomi_link_cont > div.item + div.item {margin-top: 50px;}

.orikomi_point > p.en {position: absolute; color: #F4F4F4; white-space: nowrap; font-size: 100px; font-family: fot-tsukuardgothic-std, sans-serif; top: 20px; line-height: 100%; right: 0px; z-index: -1;}

.posting_point > p.en {position: absolute; color: #F4F4F4; font-size: 100px; font-family: fot-tsukuardgothic-std, sans-serif; top: 20px; line-height: 100%; right: 0px; z-index: -1;}

.orikomi_viewed > div {max-width: 950px; margin: 0px 20px;}
.orikomi_viewed > div > h2 {margin: 0px 0px;font-weight: 700; font-size: 26px; font-family: fot-tsukuardgothic-std, sans-serif; position: relative; padding-left: 30px; line-height: 140%}
.viewed_cont > h3 {padding: 5px 90px 5px 50px; position: relative;font-weight:700; font-size:24px; font-family: fot-tsukuardgothic-std, sans-serif; background-color: #F0F0F0; display: inline-block; line-height: 140%;}

.posting_info_cont {display: flex; justify-content: space-between; flex-direction: column; align-items:flex-start; margin-top: 46px;}
.posting_info_cont > figure {width:100%; padding-left: 30px; box-sizing: border-box; text-align: center;}
.posting_info_cont > div.area {width: 100%;margin-top: 30px; display: flex; justify-content: space-between; flex-wrap: wrap;}

.poting_list_navi ul li {width: 32.5%; padding: 18px 20px;box-sizing: border-box; background-color: #FFF;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 10px; margin-bottom: 1%;display: flex; align-items: center; justify-content: space-between; font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif; line-height: 130%;cursor:pointer;transition: 0.5s;}
.poting_list_navi ul:after {content: ""; display: block; width: 32.5%;}

.price_list_head {max-width: 1246px; padding-bottom: 100px; margin: 60px 20px 0px; display: flex; flex-direction: column; justify-content: space-between; position: relative;}
.price_list_head > p {font-size: 100px; font-family: fot-tsukuardgothic-std, sans-serif; color: #F4F4F4; position: absolute; right: -50px;top: auto; bottom: 470px; z-index: -1; line-height: 100%;}
.price_list_head > div.map_navi {width: 100%;}
.price_list_head > div.bt_navi {width:100%; margin-top: 50px;}
div.map_navi > h2 {font-weight: 700; font-size: 26px; font-family: fot-tsukuardgothic-std, sans-serif; position: relative; padding-left: 30px;}
div.map_navi > h2:before {content: ""; height: 100%; width: 3px; border-radius: 20px; background-color: #018CD7; position: absolute;left: 0; top: 0;}
div.map_navi .map{width: 50%; text-align: center; margin: 50px auto 0px;}

div.bt_navi div.area {background-color: #FFF;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 30px; display: flex; justify-content: center; padding: 30px 0px;position: relative;}
div.bt_navi div.area p {font-weight: 700; font-size: 20px; font-family: fot-tsukuardgothic-std, sans-serif; line-height: 200%;}
div.bt_navi div.area p span {display: block; background: url("../images/line_bg.png") repeat-x left bottom;}
div.bt_navi div.area:before {content: url("../images/price_marker.png");position: absolute; bottom: -30px; right:40px;}

.regulation > div {margin: 50px auto 0px; display: block;width: fit-content; background-color: #FFF;}

div.bt_navi p.price_list_bt {margin-top: 50px;}
p.price_list_bt a {display: block; width: 437px; margin: 0px auto;background-color: #263238; color: #FFF;font-weight: 700; font-size: 21px; font-family: fot-tsukuardgothic-std, sans-serif;padding: 20px 30px; border-radius: 50px; box-sizing: border-box; letter-spacing:5px; }
p.price_list_bt a span { display: flex; align-items: center; }
p.price_list_bt a span:before {content: url("../images/pdf_icon_w.svg"); display: block; font-size: 0;margin-right: 28px;}
p.price_list_bt a span:after {content: url("../images/dl_b_icon_w.svg");display: block; font-size: 0; padding-top: 2px; margin-left: 20px;}
p.simulation_bt {margin-top: 10px;}
p.simulation_bt a {display: block; width: 437px;margin: 0px auto;background-color: #263238; color: #FFF;font-weight: 700; font-size: 19px; font-family: fot-tsukuardgothic-std, sans-serif;padding: 20px 0px; border-radius: 50px; box-sizing: border-box; letter-spacing:5px;}
p.simulation_bt a span { display: flex; align-items: center; justify-content:center; }
p.simulation_bt a span:after {content: url("../images/link_icon_wb.svg");display: block; font-size: 0;margin-left: 10px;}

.box_head_cont > div {width: 48%;background-color: #FFF;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 30px; padding: 60px 20px; box-sizing: border-box;}

.box_head > p.en {position: absolute; color: #F4F4F4; font-size: 100px; font-family: fot-tsukuardgothic-std, sans-serif; top:20px; line-height: 100%; right: -50px; z-index: -1;}

.apply_st01 > p.en {position: absolute; color: #F4F4F4; font-size: 100px; font-family: fot-tsukuardgothic-std, sans-serif; top:0px; line-height: 100%; right: -50px; z-index: -1;}

.flow_list div.item {padding: 50px 60px 40px; background-color: #FFF;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 30px; margin-top: 30px;}
.flow_list div.item ul {display: flex; flex-wrap: wrap;margin-top: 20px;}
.flow_list div.item ul li {width: 49%;font-weight: 700; font-size: 18px; font-family: fot-tsukuardgothic-std, sans-serif;}
.flow_list div.item ul li:before {content: "-";margin-right: 5px;}
.flow_list div.item ul li:nth-of-type(4n - 1) {width:49%;}
.flow_list div.item ul li:nth-of-type(4n) {width:49%;}

}

@media only screen and (max-width:900px){
.simulation_cont {max-width: 1246px; margin: 0px 20px 100px; border-radius: 50px; background-color: #FFF;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); padding: 50px 20px; box-sizing: border-box; }

.area_navi li {background-color: rgba(38,50,56,.5); width: 49.5%; color: #263238;font-weight: 700; font-size: 16px; font-family: fot-tsukuardgothic-std, sans-serif; cursor: pointer;transition: 0.5s; border-radius: 20px 20px 0px 0px; padding: 16px 20px; box-sizing: border-box; margin-right: 1%; line-height: 140%;}
.area_navi li span {position: relative;display: flex; align-items: center; padding-left: 50px; min-height: 35px;}
.area_navi li span:before {content: url("../images/dl_b_icon.svg"); position: absolute; left: 0; top: 0; width: 35px; height: 35px; background-color: #FFF; border-radius: 50%; display:flex; align-items: center; justify-content: center; margin-right: 14px;}

.area_map_main {width: 100%; padding: 70px 20px 80px; box-sizing: border-box; border-radius: 0px 0px 30px 30px;box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.16); position: relative;}
.area_file > dl { width: 49.4%; background-color: #263238; border-radius: 10px; padding: 18px 12px 12px; box-sizing: border-box; margin-bottom: 8px; color: #FFF; display: flex; flex-direction: column;}

.handling_head > div {max-width: 972px; margin: 0px auto;background-color: #FFFFFF;padding: 50px 20px 35px 20px; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 30px; box-sizing: border-box;}
.handling_head > div h2 {color: #018CD7; font-weight: 700; font-size: 20px; font-family: fot-tsukuardgothic-std, sans-serif; text-align: center; }
.handling_head > div ul {display: flex; flex-wrap: wrap; margin-top: 40px;}
.handling_head > div ul li {width: 32%; margin-bottom: 15px;font-weight: 700; font-size:18px; font-family: fot-tsukuardgothic-std, sans-serif;}
.handling_head > div ul li:nth-of-type(5n) {width:32%; }
.handling_head > div ul li:before {content: "-";}

.orikomi_point > div > div.point_cont > div {width: 48.5%;background-color: #FFF;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 20px; margin-bottom: 3%; padding: 45px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between;}
.orikomi_point > div > div.point_cont > div dl {width: 100%;}
.orikomi_point > div > div.point_cont > div dl dt {text-align: center;}
.orikomi_point > div > div.point_cont > div dl dd {margin-top: 20px; text-align: center;}
.orikomi_point > div > div.point_cont > div div {width: 100%; margin-top: 20px; }
.orikomi_point > div > div.point_cont > div div h3 {font-weight: 700; font-size: 22px; line-height: 140%; font-family: fot-tsukuardgothic-std, sans-serif;}
.orikomi_point > div > div.point_cont > div div h3 + p {margin-top: 15px;}

.posting_point > div > div.point_cont > div {width: 48.5%;background-color: #FFF;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 20px; margin-bottom: 3%; padding: 45px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between;}
.posting_point > div > div.point_cont > div dl {width: 100%;}
.posting_point > div > div.point_cont > div dl dt { text-align: center; color: #018CD7; font-weight: 700; font-size: 16px; font-family: fot-tsukuardgothic-std, sans-serif;}
.posting_point > div > div.point_cont > div dl dd {margin-top: 20px; text-align: center;}
.posting_point > div > div.point_cont > div div {width: 100%; margin-top: 20px;}
.posting_point > div > div.point_cont > div div h3 {font-weight: 700; font-size: 22px; line-height: 140%; font-family: fot-tsukuardgothic-std, sans-serif;}
.posting_point > div > div.point_cont > div div h3 + p {margin-top: 15px;}
.posting_point > div > div.point_cont > div div h3 span { font-size: 14px; display: block;}

.posting_info_cont > div.area dl {width: 49.4%; margin-bottom: 8px; border-radius: 10px; padding: 18px 10px 10px; box-sizing: border-box; cursor:pointer;transition: 0.5s;}
.poting_list_navi ul li {width: 49.5%; padding: 18px 20px;box-sizing: border-box; background-color: #FFF;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 10px; margin-bottom: 1%;display: flex; align-items: center; justify-content: space-between; font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif; line-height: 130%;cursor:pointer;transition: 0.5s;}
.poting_list_navi ul:after {content: ""; display: block; width:49.5%;}

.price_area > .app_no {max-width: 800px; margin: 40px auto 0px;background-color: #FFFFFF;padding: 40px 20px; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 25px; box-sizing: border-box;}
.price_area > .app_no dl {display: flex; flex-direction: column; justify-content: space-between; align-items: center;}
.price_area > .app_no dl dt {width: 120px;font-weight: 700; font-size: 16px; font-family: fot-tsukuardgothic-std, sans-serif; line-height: 100%; padding: 15px 0px; background-color: #F4F4F4; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border-radius: 10px;}
.price_area > .app_no dl dd {width: 100%; margin-top: 20px;}
.price_area > .app_no dl dd ul {display: flex; flex-direction: column; flex-wrap: wrap;}
.price_area > .app_no dl dd ul li {padding-left: 40px; position: relative;font-weight: 700;font-family: fot-tsukuardgothic-std, sans-serif; box-sizing: border-box; margin: 4px 0px; font-size: 14px;}
.price_area > .app_no dl dd ul li span {background-color: #F4F4F4; border-radius: 50%;box-sizing: border-box;display: flex;justify-content: center;align-items: center; height: 25px; width: 25px;color:#263238;line-height: 100%;position: absolute;top: 0px;left: 0; font-size: 16px;letter-spacing: 0;}
.price_area#douou > .app_no dl dd ul li {width: 100%;}
.price_area#dounan > .app_no dl dd ul li {width: 100%;}
.price_area#douhoku > .app_no dl dd ul li {width: 100%;}
.price_area#doutou > .app_no dl dd ul li {margin-right: 0px;}

.box_cont > div.dDe ul li {border: 2px solid #263238; border-radius: 5px; width: 100%; margin-top: 20px; padding: 20px 50px; box-sizing: border-box;}
.box_cont > div.ptg ul li {display: inline-block;border: 2px solid #263238; border-radius: 5px; min-width: 48%; width: 100%; margin-top: 20px; padding: 20px 50px; box-sizing: border-box;}

.box_cont > div.ork .ork_head {display: flex;flex-direction: column; justify-content: space-between; margin-top: 40px;}
.box_cont > div.ork .ork_head > p {width: 100%;}
.box_cont > div.ork .ork_head > ul {width: 100%; margin-top: 20px;}
.box_cont > div.ork .ork_head > ul li { width: 100%; display: inline-block;border: 2px solid #263238; border-radius: 5px; padding: 20px 50px; box-sizing: border-box;}
.box_cont > div.ork .ork_head > ul li a {font-weight: 700;font-family: fot-tsukuardgothic-std, sans-serif; line-height: 140%;}
.box_cont > div.ork .ork_head > ul li a span {text-decoration: none;}

.box_cont > div.ork .ork_data {display: flex; flex-direction: column; justify-content: space-between;margin-top: 40px;}
.box_cont > div.ork .ork_data > div {width:100%; display: flex; flex-direction: column; background-color: #FAFAFA; padding: 40px 25px; box-sizing: border-box;}
.box_cont > div.ork .ork_data > div + div {margin-top: 20px;}

.area_list_sp {margin-top: 40px; display: flex; flex-direction: column; justify-content:space-between;font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif;}
.area_list_sp > p {width: 100%;background-color: #FAFAFA;padding: 10px 30px; box-sizing: border-box; line-height: 140%;}
.area_list_sp > p br {display: none;}
.area_list_sp > div {width: 100%; margin-top: 5px;}
.area_list_sp > div dl {display: flex; justify-content: space-between;}
.area_list_sp > div dl + dl {margin-top: 5px;}
.area_list_sp > div dl dt {width: 41.6%; padding: 10px 30px; box-sizing: border-box; background-color: #FAFAFA;font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif;}
.area_list_sp > div dl dd {width: calc(58.4% - 5px);padding: 10px 30px; box-sizing: border-box;background-color: #FAFAFA;}
.area_list_sp a,.area_list_etc a {font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif;}
.area_list_sp a span,.area_list_etc a span {text-decoration: none;}
.area_list_etc {margin-top: 30px;}
.area_list_etc > p {display: block;width: 100%;background-color: #FAFAFA;padding: 10px 30px; box-sizing: border-box; line-height: 140%;font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif;}
.area_list_etc dl {display: flex;justify-content: space-between; margin-top: 5px;}
.area_list_etc dl dt {width: 41.6%;padding: 10px 30px; box-sizing: border-box;background-color: #FAFAFA;font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif;}
.area_list_etc dl dd {width: calc(58.4% - 5px);padding: 10px 30px; box-sizing: border-box;background-color:#FAFAFA;}

.flow_cont > h3 {position: relative; padding: 50px 0px 50px; color: #FFF; font-size: 26px; font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif; text-align: center; cursor: pointer;z-index: 1; margin: 0px 40px;}
.flow_cont {background-color: #263238; border-radius: 20px; padding: 0px 20px 0px; position: relative;}
.flow_cont.active {padding: 0px 20px 20px;}

.flow_cont div.cont {background-color: #FFF; display: none; padding: 40px 20px 40px; position: relative;}

}
@media only screen and (max-width:800px){
.poting_list_cont .item > div > dl {display: flex;flex-direction: column; align-items: center; justify-content: space-between; margin-top: 30px;}
.poting_list_cont .item > div > dl dt {width: 100%;}
.poting_list_cont .item > div > dl dt ul li {border: 1px solid #263238; border-radius: 5px; text-align: center;font-size: 14px; font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif; padding: 3px 0px;}
.poting_list_cont .item > div > dl dt ul li + li {margin-top: 5px;}
.poting_list_cont .item > div > dl dd {width: 100%; margin-top: 30px; line-height: 150%;}

.poting_list_cont .item .item_cont {margin-top: 40px;}
.poting_list_cont .item .item_cont dl {display: flex;flex-direction: column; align-items: flex-start;justify-content: space-between; border-bottom: 1px solid #D8D8D8;}
.poting_list_cont .item .item_cont dl dt {width: 100%; padding: 25px 25px 25px 0px; box-sizing: border-box;font-size: 20px; font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif; line-height: 120%;}
.poting_list_cont .item .item_cont dl dd {width: 100%; padding: 0px 25px 25px 0px; box-sizing: border-box;}
.poting_list_cont .item .item_cont dl dd span {font-size: 14px;}

.price_area .table_cont .table_head {display: none;justify-content: space-between;}
.price_area .table_cont .table_head h4 {width: 38.5%; background-color: #263238;font-weight: 700; font-size: 15px; font-family: fot-tsukuardgothic-std, sans-serif; text-align: center; color: #FFF;padding: 5px 0px; box-sizing: border-box;}
.price_area .table_cont .table_head h4 + h4 {width:61%;}
.price_area .table_cont .table_body {display: flex; flex-wrap: wrap; justify-content: space-between;}
.table_body dl.area {width: 70px;}
.table_body dl.info {width: calc(99.5% - 70px);}
.table_body dl.size {width: 24.75%;}
.table_body dl.fee {width: 24.75%;}
.table_body dl.ship {width: 24.75%;}
.table_body dl.total {width: 24.75%;}
.table_body dl {display: flex; flex-direction: column;}
.table_body dl dt { background-color:#D8D8D8; text-align: center;font-weight: 700; font-size: 15px; font-family: fot-tsukuardgothic-std, sans-serif;margin-top: 1px; padding: 5px 0px;}
.table_body dl dd {margin-top: 1px; background-color: #FAFAFA; font-size: 14px; padding: 16px 0px; flex-grow: 1;}
.table_body dl dd ul {display: grid;grid-template-columns: auto;justify-content: center;list-style-position: inside;padding: 0;}
.table_body dl dd ul li {display: block;text-align: right;}
.table_body dl.size dd ul li {text-align: left;}
.table_body dl:first-child dt {background-color:#FEF6A4; text-align: center;}
.table_body dl:first-child dd {font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif;}
.table_body dl.area dd {background-color:#FEF6A4; text-align: center;}
.table_body dl.info dt {padding: 5px 28px;text-align: left;}
.table_body dl.info dd {font-size: 12px; padding: 16px 28px; box-sizing: border-box;}
.table_body dl.info dd br {display: none;}
.table_body + .table_body {margin-top: 20px;}
.table_body + .table_body dl dt {display: block;}

.box_head_cont > div p.bt a {margin: 0px auto;width:100%; background-color: #263238;font-size: 18px; letter-spacing: 0em; font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif; line-height: 120%; color: #FFF; display: flex; justify-content: center; align-items: center; height: 76px; border-radius: 50px; }
.box_head_cont > div p.bt a:after {content: url("../images/under_icon.svg"); font-size: 0;line-height: 100%; display: block; margin-left: 30px;}
.box_head_cont > div p.link {margin-top: 30px;}
.box_head_cont > div p.link a {justify-content: center; font-size: 14px; font-weight: 700;font-family: fot-tsukuardgothic-std, sans-serif;}

}
@media only screen and (max-width:764px){
.o_new_list {margin-top: 60px; display: flex; flex-direction: column; justify-content: space-between; flex-wrap: wrap;}
.o_new_list a {display: block; width: 100%; border-bottom: 1px solid #FFF; color: #FFF; padding: 20px 0px; position: relative;}

.area_file > dl { width: 49%; background-color: #263238; border-radius: 10px; padding: 18px 12px 12px; box-sizing: border-box; margin-bottom: 8px; color: #FFF; display: flex; flex-direction: column;}

.questions_navi {max-width: 1246px; margin: 0px 20px;background-color: #FFFFFF;padding: 30px 20px; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 20px; box-sizing: border-box;}
.questions_navi ul {display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: -1%;}
.questions_navi ul li {width: 49.5%; margin-bottom: 1%;}
.questions_navi ul li a { width: 100%; box-sizing: border-box; background-color: #D9EEF9; border-radius: 10px;box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.16); padding: 20px; height: 100%; position: relative; display: flex; align-items: center;}
.questions_navi ul li a span {padding:0px 20px 0px 30px; line-height: 120%;font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif;}
.questions_navi ul li a:before{content: ""; width: 3px; height: calc(100% - 40px); background-color: #263238; position: absolute; left: 20px; top: 20px;}
.questions_navi ul li a:after {content:"↓";font-size: 18px; position: absolute; right: 10px; top: calc(50% - 9px); font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif; line-height: 100%;}

.orikomi_point > div > div.point_cont {margin-top: 50px; display: flex; flex-direction: column; justify-content: space-between; flex-wrap: wrap;}
.orikomi_point > div > div.point_cont > div {width:100%;background-color: #FFF;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 20px; margin-bottom: 3%; padding: 45px; box-sizing: border-box; display: flex; flex-direction: row; justify-content: space-between;}
.orikomi_point > div > div.point_cont > div dl {width: 90px;}
.orikomi_point > div > div.point_cont > div dl dt { color: #018CD7; text-align: center; font-weight: 700; font-size: 16px; font-family: fot-tsukuardgothic-std, sans-serif;}
.orikomi_point > div > div.point_cont > div dl dd {margin-top: 20px; text-align: center;}
.orikomi_point > div > div.point_cont > div div {width:calc(100% - 120px); margin-top: 0px; }
.orikomi_point > div > div.point_cont > div div h3 {font-weight: 700; font-size: 22px; line-height: 140%; font-family: fot-tsukuardgothic-std, sans-serif;}
.orikomi_point > div > div.point_cont > div div h3 + p {margin-top: 15px;}

.posting_point > div > div.point_cont {margin-top: 50px; display: flex; flex-direction: column; justify-content: space-between; flex-wrap: wrap;}
.posting_point > div > div.point_cont > div {width:100%;background-color: #FFF;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 20px; margin-bottom: 3%; padding: 45px; box-sizing: border-box; display: flex; flex-direction: row; justify-content: space-between;}
.posting_point > div > div.point_cont > div dl {width: 90px;}
.posting_point > div > div.point_cont > div dl dt { text-align: center; color: #018CD7; font-weight: 700; font-size: 16px; font-family: fot-tsukuardgothic-std, sans-serif;}
.posting_point > div > div.point_cont > div dl dd {margin-top: 20px; text-align: center;}
.posting_point > div > div.point_cont > div div {width: calc(100% - 120px); margin-top: 0px;}
.posting_point > div > div.point_cont > div div h3 {font-weight: 700; font-size: 22px; line-height: 140%; font-family: fot-tsukuardgothic-std, sans-serif;}
.posting_point > div > div.point_cont > div div h3 + p {margin-top: 15px;}
.posting_point > div > div.point_cont > div div h3 span { font-size: 14px; display: block;}

.posting_data_link ul {display: flex; flex-direction: column; justify-content: center; align-items: center;}
.posting_data_link ul li + li {margin-left: 0px; margin-top: 20px;}
.posting_data_link ul li a {padding: 0px 30px; margin: 0px auto; background-color: #263238;font-size: 18px; font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif; line-height: 120%; color: #FFF; display: flex; justify-content: center; align-items: center; height: 76px; border-radius: 50px;}
.posting_data_link ul li a:after {content: url("../images/dl_b_icon_w.svg"); margin-left: 20px;}
.posting_data_link ul li a:before {content: url("../images/pdf_icon_w.svg"); margin-right: 20px;}

div.map_navi .map{width: 100%; text-align: center; margin: 50px auto 0px;}

.box_cont > div {padding: 40px 20px; box-sizing: border-box; max-width: 1246px; margin: 0px 20px; background-color: #FFF;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 30px;}

.area_list_sp {margin-top: 40px; display: flex; flex-direction: column; justify-content:space-between;font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif;}
.area_list_sp > p {width: 100%;background-color: #FAFAFA;padding: 10px 30px; box-sizing: border-box; line-height: 140%;}
.area_list_sp > p br {display: none;}
.area_list_sp > div {width: 100%; margin-top: 5px;}
.area_list_sp > div dl {display: flex; justify-content: space-between;}
.area_list_sp > div dl + dl {margin-top: 5px;}
.area_list_sp > div dl dt {width: 50%; padding: 10px 30px; box-sizing: border-box; background-color: #FAFAFA;font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif;}
.area_list_sp > div dl dd {width: calc(50% - 5px);padding: 10px 30px; box-sizing: border-box;background-color: #FAFAFA;}
.area_list_sp a,.area_list_etc a {font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif;}
.area_list_sp a span,.area_list_etc a span {text-decoration: none;}
.area_list_etc {margin-top: 30px;}
.area_list_etc > p {display: block;width: 100%;background-color: #FAFAFA;padding: 10px 30px; box-sizing: border-box; line-height: 140%;font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif;}
.area_list_etc dl {display: flex;justify-content: space-between; margin-top: 5px;}
.area_list_etc dl dt {width: 50%;padding: 10px 30px; box-sizing: border-box;background-color: #FAFAFA;font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif;}
.area_list_etc dl dd {width: calc(50% - 5px);padding: 10px 30px; box-sizing: border-box;background-color:#FAFAFA;}

.flow_list_cont {display: flex; flex-direction: column; justify-content: space-between;}
.flow_list_cont figure { margin: 0px auto;width: 114px; height: 114px; border-radius: 50%; background-color: #FFF; display: flex; justify-content: center; align-items: center;}
.flow_list_cont > div {width: 100%; margin-top: 20px;}

}

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

.simulation_w > div + div.radio > ul li {width: 49%;margin-bottom: 10px;display: flex; }
.simulation_w > div + div.radio > ul:after {content: ""; width: 49%; display: block;}

.simulation_cont p.cal_bt {margin: 60px auto 0px; width: 100%; background-color: #263238; font-weight: 700; font-size: 21px; font-family: fot-tsukuardgothic-std, sans-serif; text-align: center; color: #FFF; padding: 20px 0px; border-radius: 50px; cursor: pointer;transition: 0.5s;position: relative;}

.cal_result_cont {max-width: 1246px; margin: 0px 20px; border-radius: 50px; background-color: #FFF;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); padding: 80px 20px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; align-items: center;}
.cal_result_cont form {width: 100%;}
.cal_result_cont p.result_bt {margin: 30px auto 0px; width: 100%; position: relative;}
.cal_result_cont p.result_bt input {-webkit-appearance: none; width: 100%;background-color: #263238; font-weight: 700; font-size: 21px; font-family: fot-tsukuardgothic-std, sans-serif; text-align: center; color: #FFF; padding: 15px 0px; border-radius: 50px; cursor: pointer;transition: 0.5s; border: 0;}

.area_navi li {background-color: rgba(38,50,56,.5); width: 49.5%; color: #263238;font-weight: 700; font-size: 16px; font-family: fot-tsukuardgothic-std, sans-serif; cursor: pointer;transition: 0.5s; border-radius: 20px 20px 0px 0px; padding: 10px 10px; box-sizing: border-box; margin-right: 1%; line-height: 140%;}
.area_navi li span {position: relative;display: flex;flex-direction: column; align-items: center; padding-left: 0px; line-height: 140%; min-height: 35px; font-size: 14px;}
.area_navi li span:before {content: url("../images/dl_b_icon.svg"); position: relative; left: 0; top: 0; width: 35px; height: 35px; background-color: #FFF; border-radius: 50%; display:flex; align-items: center; justify-content: center; margin-right:0px; margin-bottom: 10px;}

.area_do .area_file > dl dt {font-weight: 700; font-size: 14px; font-family: fot-tsukuardgothic-std, sans-serif;line-height: 140%; width: 100%; flex-grow: 1; display: flex; align-items: center; justify-content: space-between;}

.area_file > dl { width: 100%; background-color: #263238; border-radius: 10px; padding: 18px 12px 12px; box-sizing: border-box; margin-bottom: 8px; color: #FFF; display: flex; flex-direction: column;}

.handling_head > div {max-width: 972px; margin: 0px auto;background-color: #FFFFFF;padding: 50px 20px 35px 20px; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 30px; box-sizing: border-box;}
.handling_head > div h2 {color: #018CD7; font-weight: 700; font-size: 20px; font-family: fot-tsukuardgothic-std, sans-serif; text-align: center; }
.handling_head > div ul {display: flex; flex-wrap: wrap; margin-top: 40px;}
.handling_head > div ul li {width: 49%; margin-bottom: 15px;font-weight: 700; font-size:18px; font-family: fot-tsukuardgothic-std, sans-serif;}
.handling_head > div ul li:nth-of-type(5n) {width:49%; }
.handling_head > div ul li:before {content: "-";}

.posting_info_cont > div.area dl {width: 100%; margin-bottom: 8px; border-radius: 10px; padding: 18px 10px 10px; box-sizing: border-box; cursor:pointer;transition: 0.5s;}

.poting_list_cont .item .dl_bt {margin-top: 40px;}
.poting_list_cont .item .dl_bt a {width: 100%; margin: 0px auto; background-color: #263238;font-size: 21px; font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif; line-height: 120%; color: #FFF; display: flex; justify-content: center; align-items: center; height: 76px; border-radius: 50px;}
.poting_list_cont .item .dl_bt a:after {content: url("../images/dl_b_icon_w.svg"); margin-left: 20px;}

.box_head_cont {display: flex; flex-direction: column; justify-content: space-between;}
.box_head_cont > div {width:100%;background-color: #FFF;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 30px; padding: 60px 70px; box-sizing: border-box;}
.box_head_cont > div + div {margin-top: 30px;}

.box_cont > div.dDe ul li {border: 2px solid #263238; border-radius: 5px; width: 100%; margin-top: 10px; padding: 20px 20px; box-sizing: border-box;}
.box_cont > div.ptg ul li {display: inline-block;border: 2px solid #263238; border-radius: 5px; min-width: 100%; margin-top: 10px; padding: 20px 20px; box-sizing: border-box;}

.appli_list_main dl {display: flex; flex-direction: column; justify-content: space-between;}
.appli_list_main dl a {font-weight: 700; font-size: 16px; font-family: fot-tsukuardgothic-std, sans-serif; line-height: 140%;}
.appli_list_main dl dt {width: 100%; background-color: #FAFAFA; padding: 14px 20px 0px; box-sizing: border-box;font-weight: 700; font-size: 16px; font-family: fot-tsukuardgothic-std, sans-serif; line-height: 140%;}
.appli_list_main dl dt span {margin-right: 1em;}
.appli_list_main dl dd a span {text-decoration: none;}
.appli_list_main dl dd {width: 100%; background-color: #FAFAFA; padding: 14px 20px; box-sizing: border-box;}

.appli_all ul {margin-top: 30px; display: flex; flex-direction: column;}
.appli_all ul li {margin-right: 0px;}
.appli_all ul li + li {margin-top: 10px;}

.area_list_sp {margin-top: 40px; display: flex; flex-direction: column; justify-content:space-between;font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif;}
.area_list_sp > p {width: 100%;background-color: #FAFAFA;padding: 10px 20px; box-sizing: border-box; line-height: 140%;}
.area_list_sp > p br {display: none;}
.area_list_sp > div {width: 100%; margin-top: 5px;}
.area_list_sp > div dl {display: flex; flex-direction: column;justify-content: space-between;}
.area_list_sp > div dl + dl {margin-top: 5px;}
.area_list_sp > div dl dt {width:100%; padding: 10px 30px 5px; box-sizing: border-box; background-color: #FAFAFA;font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif;}
.area_list_sp > div dl dd {width: 100%;padding: 0px 30px 10px; box-sizing: border-box;background-color: #FAFAFA;}
.area_list_sp a,.area_list_etc a {font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif;}
.area_list_sp a span,.area_list_etc a span {text-decoration: none;}
.area_list_etc {margin-top: 30px;}
.area_list_etc > p {display: block;width: 100%;background-color: #FAFAFA;padding: 10px 20px; box-sizing: border-box; line-height: 140%;font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif;}
.area_list_etc dl {display: flex; flex-direction: column; justify-content: space-between; margin-top: 5px;}
.area_list_etc dl dt {width: 100%;padding: 10px 30px 5px; box-sizing: border-box;background-color: #FAFAFA;font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif;}
.area_list_etc dl dd {width: 100%;padding: 0px 30px 10px; box-sizing: border-box;background-color:#FAFAFA;}

.apply_st01 .first {display: flex; flex-direction: column; justify-content: space-between; align-items: center; margin-top: 60px; padding: 60px 20px; background-color: #FFF;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 50px;}

.flow_list div.item {padding: 40px 20px 40px; background-color: #FFF;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border-radius:20px; margin-top: 20px;}
.flow_list div.item ul {display: flex; flex-wrap: wrap;margin-top: 20px;}
.flow_list div.item ul li {width: 100%;font-weight: 700; font-size: 18px; font-family: fot-tsukuardgothic-std, sans-serif;}
.flow_list div.item ul li:before {content: "-";margin-right: 5px;}
.flow_list div.item ul li:nth-of-type(4n - 1) {width:100%;}
.flow_list div.item ul li:nth-of-type(4n) {width:100%;}


}
@media only screen and (max-width:600px){
.poting_list_cont .item {display: none;box-sizing: border-box; background-color: #FFF;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 50px; padding: 70px 20px 80px;}

.apply_st01 .first > p a {margin: 0px auto;width: 100%; background-color: #263238;font-size: 21px; font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif; line-height: 120%; color: #FFF; display: flex; justify-content: center; align-items: center; height: 76px; border-radius: 50px;}

}
@media only screen and (max-width:500px){
.o_news {width: 100%; margin: 50px 0px 0px; background-color: #263238; border-radius: 30px 30px 0px 0px;}
.o_news > div {max-width: 1246px; margin: 0px auto; padding: 70px 20px 150px; position: relative;}
.o_news > div > h2 {font-size: 10px; color: #FFF; text-align: center;}
.o_news > div > h2 + p {color: #FFF;font-weight: 700; margin-top: 15px; font-size: 20px; font-family: fot-tsukuardgothic-std, sans-serif; text-align: center;}
.o_new_list {margin-top: 30px; display: flex; flex-direction: column; justify-content: space-between; flex-wrap: wrap;}
.o_new_list a {display: block; width: 100%; border-bottom: 1px solid #FFF; color: #FFF; padding: 20px 0px 70px; position: relative;}
.o_new_list a dl {padding: 0px 0px 0px 0px;}
.o_new_list a dl dt {font-weight: 700; font-size: 14px; font-family: fot-tsukuardgothic-std, sans-serif;}
.o_new_list a dl dd {text-overflow: ellipsis; overflow: auto; white-space: pre-wrap; font-size: 14px;margin-top: 5px;}
.o_new_list a:before {content: ""; width: 38px; height: 38px; border: 1px solid #FFF; border-radius: 50%; position: absolute; right: 0px; top: auto; bottom: 20px;}
.o_new_list a:after {content: "→"; font-size: 15px; position: absolute; color: #FFF; right: 11px; top: auto; bottom: 27px;}
.o_news > div .view_bt {position: absolute; top: auto; bottom: 80px; left: 50%;}

.orikomi_link_cont {max-width: 1246px; margin: 0px auto; padding: 120px 20px 0px; display: flex; flex-direction: column; justify-content: space-between;}
.orikomi_link > p.loop {font-size: 70px; font-family: fot-tsukuardgothic-std, sans-serif; color: #F4F4F4; width : 100%; position: absolute; top: 30px; left: 0; z-index: -1; text-align : center; overflow: hidden;}
.orikomi_link_cont > div.item {width: 100%; box-sizing: border-box; padding: 30px 20px;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 20px; background-color: #FFF; position: relative;}
.orikomi_link_cont > div.item > div.head {width: 100%; display: flex;flex-direction: column; justify-content:flex-start; align-items: flex-start; padding-bottom: 30px; border-bottom: 1px solid #D8D8D8;}
.orikomi_link_cont > div.item > div.head div p {font-weight: 700; font-size: 14px; font-family: fot-tsukuardgothic-std, sans-serif;}
.orikomi_link_cont > div.item > div.head div h2 {color: #018CD7; font-weight: 700; font-size: 20px; font-family: fot-tsukuardgothic-std, sans-serif;}
.orikomi_link_cont > div.item > div.head p.view_bt {margin-left: 44px; margin-top: 10px;}
.orikomi_link_cont > div.item > div.head p.view_bt a span:before {width: 30px;left: -44px;}
.orikomi_link_cont > div.item > div.under {padding-top: 30px; display: flex; flex-direction: row-reverse; justify-content: space-between;}
.orikomi_link_cont > div.item > div.under picture {width: 100px; height: 100px; position:absolute; top: 40px; right: 20px;}
.orikomi_link_cont > div.item > div.under picture:before {content: ""; padding-top: 100%;}
.orikomi_link_cont > div.item > div.under picture img {position: absolute; object-fit: cover;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;}
.orikomi_link_cont > div.item > div.under > div.txt {width: 100%;}
.orikomi_link_cont > div.item > div.under > div.txt h3 {font-weight: 700; font-size: 16px; font-family: fot-tsukuardgothic-std, sans-serif;}
.orikomi_link_cont > div.item > div.under > div.txt p {margin-top: 10px; font-size: 14px;}

.simulation_cont {max-width: 1246px; margin: 0px 20px 50px; border-radius: 20px; background-color: #FFF;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); padding: 50px 20px; box-sizing: border-box; }

.simulation_w > div:first-child {display: flex; align-items: center;}
.simulation_w > div:first-child dl {width: 54px; height: 54px; background-color: #018CD7; border-radius: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.simulation_w > div:first-child dl dt {color: #FFF;font-weight: 700; font-size: 10px; font-family: fot-tsukuardgothic-std, sans-serif; line-height: 100%;}
.simulation_w > div:first-child dl dd {color: #FFF;font-weight: 700; font-size: 20px; font-family: fot-tsukuardgothic-std, sans-serif;line-height: 100%;}
.simulation_w > div:first-child p {font-weight: 700; font-size: 20px; font-family: fot-tsukuardgothic-std, sans-serif;line-height: 100%; letter-spacing: 3px; margin-left: 12px;}

.simulation_w > div + div.radio label {display: block; width: 100%; box-sizing: border-box; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 5px;padding: 15px;cursor: pointer;font-size: 12px;}
.simulation_w > div + div.radio label strong {font-weight: 700; font-size: 14px; font-family: fot-tsukuardgothic-std, sans-serif; }

.simulation_w > div + div.select > div {width: 100%; position: relative;}
.simulation_w > div + div.select select {-webkit-appearance: none;padding: 15px; border: none; width: 100%; box-sizing: border-box; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 10px;cursor: pointer;font-weight: 700; font-size: 16px; font-family: fot-tsukuardgothic-std, sans-serif; }

.simulation_cont p.cal_bt {margin: 40px auto 0px; width: 100%; background-color: #263238; font-weight: 700; font-size: 16px; font-family: fot-tsukuardgothic-std, sans-serif; text-align: center; color: #FFF; padding: 10px 0px; border-radius: 50px; cursor: pointer;transition: 0.5s;position: relative;}
.simulation_cont p.cal_bt:after {content: url("../images/bt_icon.svg"); position: absolute; right: 30px; top: calc(50% - 10px)}

/*.cal_result {background-color: #F4F4F4; padding: 50px 0px;}*/
.cal_result_cont {max-width: 1246px; margin: 0px 20px; border-radius: 20px; background-color: #FFF;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); padding: 40px 20px; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; align-items: center;}
.cal_result_cont > dl dt {color: #018CD7; font-weight: 700; font-size: 18px; font-family: fot-tsukuardgothic-std, sans-serif; }
.cal_result_cont > dl dd {font-size: 30px; font-weight: bold;font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;}
.cal_result_cont > dl dd em {font-size: 20px;font-weight: bold;}
.cal_result_cont form {width: 100%;}
.cal_result_cont p.result_bt {margin: 20px auto 0px; width: 100%; position: relative;}
.cal_result_cont p.result_bt input {-webkit-appearance: none; width: 100%;background-color: #263238; font-weight: 700; font-size:16px; font-family: fot-tsukuardgothic-std, sans-serif; text-align: left; color: #FFF; padding: 10px 0px 10px 30px; border-radius: 50px; cursor: pointer;transition: 0.5s; border: 0;}
.cal_result_cont p.result_bt:after {content: url("../images/bt_icon.svg"); position: absolute; right: 20px; top: calc(50% - 10px); z-index: 1;}
.cal_result_cont p:not([class]) {width: 100%; margin-top: 20px; text-align: left;}

p.dap_link a {font-size: 14px;}

.area_map_main {width: 100%; padding: 50px 20px 20px; box-sizing: border-box; border-radius: 0px 0px 20px 20px;box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.16); position: relative;}

.area_file > dl.all {width: 100%; display: flex;flex-direction: column; justify-content: space-between; padding: 18px 12px 12px;}
.area_file > dl.all dt {max-inline-size: none; width: auto; margin-bottom: 10px;}
.area_file > dl.all dd {border-radius: 0px 0px 10px 10px; padding: 10px 10px 10px 10px;margin-top: 0px; min-height: auto;}

.orikomi_point {margin-top: 50px; position: relative; width: 100%; overflow: hidden;}
.orikomi_point > p.en {position: absolute; color: #F4F4F4; font-size: 70px; font-family: fot-tsukuardgothic-std, sans-serif; top: 30px; line-height: 100%; right: auto; left: 0; z-index: -1;}
.orikomi_point > div > h2 {margin: 0px 20px;font-weight: 700; font-size: 20px; font-family: fot-tsukuardgothic-std, sans-serif; position: relative; padding-left: 20px;}
.orikomi_point > div > h2:before {content: ""; height: 100%; width: 3px; border-radius: 20px; background-color: #018CD7; position: absolute;left: 0; top: 0;}
.orikomi_point > div > div.point_cont > div {width:100%;background-color: #FFF;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 20px; margin-bottom: 3%; padding: 20px; box-sizing: border-box; display: flex; flex-direction: row; justify-content: space-between;}
.orikomi_point > div > div.point_cont > div dl {width: 90px;}
.orikomi_point > div > div.point_cont > div dl dt { color: #018CD7; text-align: center; font-weight: 700; font-size: 12px; font-family: fot-tsukuardgothic-std, sans-serif;}
.orikomi_point > div > div.point_cont > div dl dd {margin-top: 10px; text-align: center;}
.orikomi_point > div > div.point_cont > div div {width:calc(100% - 120px); margin-top: 0px; }
.orikomi_point > div > div.point_cont > div div h3 {font-weight: 700; font-size: 18px; line-height: 140%; font-family: fot-tsukuardgothic-std, sans-serif;}
.orikomi_point > div > div.point_cont > div div h3 + p {margin-top: 15px; font-size: 14px;}

.posting_info {max-width: 1246px; margin: 50px 20px 30px;}
.posting_point > div {max-width: 1246px; margin: 0px 20px; padding-bottom: 50px; border-bottom: 1px solid #D8D8D8;}
.posting_point {margin-top: 50px; position: relative; width: 100%; overflow: hidden;}
.posting_point > div > h2 {margin: 0px 20px;font-weight: 700; font-size: 20px; font-family: fot-tsukuardgothic-std, sans-serif; position: relative; padding-left: 20px;}
.posting_point > div > h2:before {content: ""; height: 100%; width: 3px; border-radius: 20px; background-color: #018CD7; position: absolute;left: 0; top: 0;}
.posting_point > p.en {position: absolute; color: #F4F4F4; font-size: 70px; font-family: fot-tsukuardgothic-std, sans-serif; top: 30px; line-height: 100%; right: 0px; z-index: -1;}
.posting_point > div > div.point_cont {margin-top: 50px; display: flex; flex-direction: column; justify-content: space-between; flex-wrap: wrap;}
.posting_point > div > div.point_cont > div {width:100%;background-color: #FFF;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 20px; margin-bottom: 3%; padding: 20px; box-sizing: border-box; display: flex; flex-direction: row; justify-content: space-between;}
.posting_point > div > div.point_cont > div dl {width: 90px;}
.posting_point > div > div.point_cont > div dl dt { text-align: center; color: #018CD7; font-weight: 700; font-size: 12px; font-family: fot-tsukuardgothic-std, sans-serif;}
.posting_point > div > div.point_cont > div dl dd {margin-top: 10px; text-align: center;}
.posting_point > div > div.point_cont > div div {width: calc(100% - 120px); margin-top: 0px;}
.posting_point > div > div.point_cont > div div h3 {font-weight: 700; font-size: 18px; line-height: 140%; font-family: fot-tsukuardgothic-std, sans-serif;}
.posting_point > div > div.point_cont > div div h3 + p {margin-top: 15px; font-size: 14px;}
.posting_point > div > div.point_cont > div div h3 span { font-size: 12px; display: block;}

.posting_sapporoshinbun > div > h2 {margin: 0px 20px;font-weight: 700; font-size: 20px; font-family: fot-tsukuardgothic-std, sans-serif; position: relative; padding-left: 20px;}
.posting_sapporoshinbun > div > h2:before {content: ""; height: 100%; width: 3px; border-radius: 20px; background-color: #018CD7; position: absolute;left: 0; top: 0;}
.posting_sapporoshinbun > p.en {position: absolute; color: #F4F4F4; font-size: 70px; font-family: fot-tsukuardgothic-std, sans-serif; top: 30px; line-height: 100%; right: 0px; z-index: -1;}
.posting_sapporoshinbun > div > div.point_cont {margin-top: 50px; display: flex; flex-direction: column; justify-content: space-between; flex-wrap: wrap;}
.posting_sapporoshinbun > div > div.point_cont > div {width:100%;background-color: #FFF;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 20px; margin-bottom: 3%; padding: 20px; box-sizing: border-box; display: flex; flex-direction: row; justify-content: space-between;}
.posting_sapporoshinbun > div > div.point_cont > div dl {width: 120px;}
.posting_sapporoshinbun > div > div.point_cont > div dl dt { text-align: center; color: #018CD7; font-weight: 700; font-size: 12px; font-family: fot-tsukuardgothic-std, sans-serif;}
.posting_sapporoshinbun > div > div.point_cont > div dl dd {text-align: center; margin-top: 10%;}
.posting_sapporoshinbun > div > div.point_cont > div div {width: calc(100% - 120px); margin-left: 30px;}
.posting_sapporoshinbun > div {max-width: 1246px; margin: 0px 20px; padding-bottom: 70px; border-bottom: 1px solid #D8D8D8;}
.posting_sapporoshinbun > div > div.point_cont > div div h3 {font-weight: 700; font-size:18px; line-height: 140%; font-family: fot-tsukuardgothic-std, sans-serif;}
.posting_sapporoshinbun > div > div.point_cont > div div h3 {font-weight: 700; font-size: 18px; line-height: 140%; font-family: fot-tsukuardgothic-std, sans-serif;}
.posting_sapporoshinbun > div > div.point_cont > div div h3 + p {margin: 15px 0px; font-size: 14px;}
.posting_sapporoshinbun > div > div.point_cont > div div h3 span { font-size: 12px; display: block;}

/*202601追加*/
.posting_sapporoshinbun > div > div.point_cont > div div figure {display: flex; flex-direction: column; align-items: center;}
.posting_sapporoshinbun > div > div.point_cont > div div figure picture {flex-shrink: 0; margin-right: 0px; width: 100px;}
.posting_sapporoshinbun > div > div.point_cont > div div figure figcaption {margin-top: 10px;}

.orikomi_viewed {margin-top: 50px; padding-bottom: 70px;}
.viewed_cont {margin-top: 30px;}
.orikomi_viewed > div > h2 {margin: 0px 0px;font-weight: 700; font-size: 20px; font-family: fot-tsukuardgothic-std, sans-serif; position: relative; padding-left: 20px; line-height: 140%}
.viewed_cont > h3 {padding: 10px 30px 10px 10px; position: relative;font-weight:700; font-size:16px; font-family: fot-tsukuardgothic-std, sans-serif; background-color: #F0F0F0; display: inline-block; line-height: 140%;}
.viewed_cont > h3:after {content:""; height: 100%; width: 22px; clip-path: polygon(0% 50%, 100% 0%, 100% 100%); background-color: #FFF; position: absolute; right: 0; top: 0;}
.viewed_cont > h3 + p {margin-top: 30px; font-size: 14px;}
.viewed_cont > figure {margin-top: 30px;}
.viewed_cont > figure figcaption {margin-bottom: 15px;font-weight: 700; font-size: 12px; font-family: fot-tsukuardgothic-std, sans-serif;}
.viewed_cont + .viewed_cont {margin-top: 50px;}
.orikomi_viewed > div > h4 {font-size: 14px;}
.orikomi_viewed > div > h4 + p {font-size: 14px;}

.handling_head {max-width: 1246px; margin: 0px 20px; padding-bottom: 50px; border-bottom: 1px solid #D8D8D8;}
.handling_head > div {max-width: 972px; margin: 0px auto;background-color: #FFFFFF;padding: 50px 20px 40px 20px; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 20px; box-sizing: border-box;}
.handling_head > div h2 {color: #018CD7; font-weight: 700; font-size: 18px; font-family: fot-tsukuardgothic-std, sans-serif; text-align: center; }
.handling_head > div ul {display: flex; flex-wrap: wrap; margin-top: 20px;}
.handling_head > div ul li {width: 49%; margin-bottom: 10px;font-weight: 700; font-size:14px; font-family: fot-tsukuardgothic-std, sans-serif;}
.handling_head > div ul li:nth-of-type(5n) {width:49%; }
.handling_head > div ul li:before {content: "-";}

.handling_cont > div {margin-top: 50px;}
/*241209 add*/
.handling_cont > div > h2 {margin: 0px 0px;font-weight: 700; font-size: 20px; font-family: fot-tsukuardgothic-std, sans-serif; position: relative; padding-left: 20px;}
.handling_cont > div > h2:before {content: ""; height: 100%; width: 3px; border-radius: 20px; background-color: #018CD7; position: absolute;left: 0; top: 0;}
.handling_cont > div > h2 + p {padding-top: 20px; font-size: 14px;}
.handling_cont > div > h3 {margin: 0px 0px;font-weight: 700; font-size: 20px; font-family: fot-tsukuardgothic-std, sans-serif; position: relative; padding-left: 20px; line-height: 140%;}
.handling_cont > div > h3:before {content: ""; height: 100%; width: 3px; border-radius: 20px; background-color: #018CD7; position: absolute;left: 0; top: 0;}
.handling_cont > div > h3 + p {padding-top: 20px; font-size: 14px;}
.handling_cont > div > ol {margin-top: 30px; list-style: decimal;}
.handling_cont > div > ol > li {margin-left: 2.5em; margin-bottom: 5px;font-size: 14px;}
.handling_cont > div > ol + p {margin-top: 20px; font-size: 14px;}
.handling_cont > div > h4 {font-weight: 700; text-align: right; margin-top: 20px;font-size: 14px;}
.handling_cont > div > h3 + dl {margin-top: 20px; font-weight: 700;}
.handling_cont > div > h3 + dl dt {color: #018CD7;}
.handling_cont > div > dl {margin-top: 20px; font-size: 14px;}
.handling_cont > div > dl + p {font-size: 14px;}
.handling_cont > div > dl dt {color: #018CD7;}
.handling_cont > div > dl dd ul {list-style: outside;}
.handling_cont > div > dl dd ul > li {margin-left: 1.5em; margin-bottom: 5px;}
.handling_cont > div > dl dd ul {list-style: outside;}
.handling_cont > div > dl dd ol {counter-reset: pg-counter;}
.handling_cont > div > dl dd ol li {padding-left: 30px; position: relative; margin-bottom: 5px;}
.handling_cont > div > dl dd ol li:before {content: counter(pg-counter);counter-increment: pg-counter; border: 1px solid #263238;border-radius: 50%;box-sizing: border-box;display: flex;justify-content: center;align-items: center; height: 20px; width: 20px;line-height: 100%;position: absolute;top: 3px;left: 0; font-size: 85%;letter-spacing: 0;}
.handling_cont > div > div {margin-top: 20px;font-size: 14px;}
.handling_cont > div > div dl + dl {margin-top: 20px;}
.handling_cont > div > div dl dt{font-weight: 700;}
.handling_cont > div > div dl dt:before {content: "◆";}
.handling_cont > dl {margin-top: 20px;font-size: 14px;}
.handling_cont > dl dt {font-weight: 700}
.handling_cont > dl dd ul {list-style: outside;}
.handling_cont > dl dd ul li {margin-left: 1.5em;}
.handling_cont > h4 {font-weight: 700; text-align: right; margin-top: 20px;font-size: 14px;}

.questions_main {max-width: 1186px; margin: 30px 20px 0px; position: relative;}
.questions_cont { position: relative;}
.f_cont {margin-top: 50px;}
.f_cont:first-child {margin-top: 0px;}
.f_cont > h3 {font-weight: 700; font-size: 20px; font-family: fot-tsukuardgothic-std, sans-serif; position: relative; padding-left: 20px; margin: 0px 20px;}
.f_cont > h3:before {content: ""; height: 100%; width: 3px; border-radius: 20px; background-color: #018CD7; position: absolute;left: 0; top: 0;}
.f_cont > div {margin-top: 0px;}
.f_cont > h3 + div {margin-top: 20px;}
.f_cont > div dl {border-bottom: 1px solid #D8D8D8;}
.f_cont > div dl dt {padding: 20px 50px 20px 70px; font-weight: 700;position: relative; cursor: pointer; font-size: 14px;}
.f_cont > div dl dt:before {position: absolute;left: 22px; top: 13px; content: "Q"; font-weight: 700; font-size: 20px; font-family: fot-tsukuardgothic-std, sans-serif;}
.f_cont > div dl dd {display: none;background-color: #F4F4F4; padding: 20px 70px 20px; position: relative; margin-bottom: 30px; font-size: 14px;}
.f_cont > div dl dd:before {content: "A"; color: #018CD7; font-weight: 700; font-size: 20px; font-family: fot-tsukuardgothic-std, sans-serif; position: absolute; left: 24px; top: 13px;}

.f_cont > div dl dt span:after,.f_cont > div dl dt span:before {position: absolute;content:'';width: 20px;height: 4px;background-color:#018CD7;z-index: 2;}
.f_cont > div dl dt span:before{right: 20px;top:39px; transform: rotate(0deg);transition: all 0.3s;}
.f_cont > div dl dt span:after{right: 20px;top:39px;transform: rotate(90deg);transition: all 0.3s;}
.f_cont > div dl.active dt span:before{transform: rotate(0deg);}
.f_cont > div dl.active dt span:after{transform: rotate(0deg);}
.f_cont > div dl dd ul {margin-top: 20px}
.f_cont > div dl dd ul li a {font-size: 14px;}
.f_cont > div dl dd ul li + li {margin-top: 10px;}

.pickup {max-width: 1200px; margin: 0px auto 0px; position: relative; border-top: 1px solid #D8D8D8; padding: 30px 20px 50px;}
.pickup > p {font-size: 140px; font-family: fot-tsukuardgothic-std, sans-serif; color: #F4F4F4; position: absolute; right:-100px;top: 10px; z-index: -1; line-height: 100%;}
.p_cont > h3 {font-weight: 700; font-size: 20px; font-family: fot-tsukuardgothic-std, sans-serif; position: relative; padding-left: 20px; margin: 0px 20px;}
.p_cont > h3:before {content: ""; height: 100%; width: 3px; border-radius: 20px; background-color: #018CD7; position: absolute;left: 0; top: 0;}
.p_cont > div {margin-top: 20px;}
.p_cont > div ul li {border-bottom: 1px solid #D8D8D8;}
.p_cont > div ul li a {padding: 20px 60px 20px 70px; font-weight: 700;position: relative; display: block; font-size: 14px;}
.p_cont > div ul li a:before {position: absolute;left: 22px; top: 13px; content: "Q"; font-weight: 700; font-size: 20px; font-family: fot-tsukuardgothic-std, sans-serif;}
.p_cont > div ul li a:after {content: "↓"; font-size: 18px; font-weight: 700; color: #018CD7; position: absolute; right: 20px; top:20px;}

.questions_navi {max-width: 1246px; margin: 0px 20px;background-color: #FFFFFF;padding: 30px 20px; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 20px; box-sizing: border-box;}
.questions_navi ul {display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: -1%;}
.questions_navi ul li {width: 100%; margin-bottom: 1%;}
.questions_navi ul li a { width: 100%; box-sizing: border-box; background-color: #D9EEF9; border-radius: 10px;box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.16); padding: 15px 20px; height: 100%; position: relative; display: flex; align-items: center; font-size: 14px;}
.questions_navi ul li a span {padding:0px 20px 0px 20px; line-height: 120%;font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif;}
.questions_navi ul li a:before{content: ""; width: 3px; height: calc(100% - 30px); background-color: #263238; position: absolute; left: 20px; top: 15px;}
.questions_navi ul li a:after {content:"↓";font-size: 18px; position: absolute; right: 10px; top: calc(50% - 9px); font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif; line-height: 100%;}

.posting_info > div > h2 {margin: 0px 30px;font-weight: 700; font-size: 20px; font-family: fot-tsukuardgothic-std, sans-serif; position: relative; padding-left: 20px;}
.posting_info > div > h2:before {content: ""; height: 100%; width: 3px; border-radius: 20px; background-color: #018CD7; position: absolute;left: 0; top: 0;}

.posting_list { background-color: #F4F4F4; padding: 30px 0px;}
.poting_list_navi ul li {width: 49.5%; padding: 10px 10px;box-sizing: border-box; background-color: #FFF;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 5px; margin-bottom: 1%;display: flex; flex-direction: column; align-items: center; justify-content: space-between; font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif; line-height: 130%;cursor:pointer;transition: 0.5s; font-size: 12px;}
.poting_list_navi ul li span {width: 24px; height: 24px; background-color: #F4F4F4; border-radius: 50%; display: flex; align-items: center; justify-content: center; line-height: 100%;font-size: 14px; color: #263238; font-family: fot-tsukuardgothic-std, sans-serif;}
.poting_list_navi ul li strong {width: 100%; text-align: center; margin-top: 5px;}


.poting_list_cont .item {display: none;box-sizing: border-box; background-color: #FFF;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 20px; padding: 40px 20px 40px;}
.poting_list_cont .item h2 {color: #018CD7;font-size: 20px; line-height: 140%; font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif;}
.poting_list_cont .item p.area {background-color: #F4F4F4; padding: 5px 20px;font-size: 14px; line-height: 140%; font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif; margin-top: 20px;}

.poting_list_cont .item .dl_bt {margin-top: 30px;}
.poting_list_cont .item .dl_bt a {width: 100%; margin: 0px auto; background-color: #263238;font-size: 18px; font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif; line-height: 120%; color: #FFF; display: flex; justify-content: center; align-items: center; height: 56px; border-radius: 50px;}
.poting_list_cont .item .dl_bt a:after {content: url("../images/dl_b_icon_w.svg"); margin-left: 20px;}

.poting_list_cont .item > div > dl {display: flex;flex-direction: column; align-items: center; justify-content: space-between; margin-top: 20px;}
.poting_list_cont .item > div > dl dt {width:100%;}
.poting_list_cont .item > div > dl dt ul li {border: 1px solid #263238; border-radius: 5px; text-align: center;font-size: 12px; font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif; padding: 3px 0px;}
.poting_list_cont .item > div > dl dt ul li + li {margin-top: 5px;}
.poting_list_cont .item > div > dl dd {width: 100%; margin-top: 10px; line-height: 150%; font-size: 14px;}

.poting_list_cont .item .item_cont {margin-top: 10px;}
.poting_list_cont .item .item_cont dl {display: flex;flex-direction: column; align-items: flex-start;justify-content: space-between; border-bottom: 1px solid #D8D8D8;}
.poting_list_cont .item .item_cont dl dt {width: 100%; padding: 15px 15px 10px 0px; box-sizing: border-box;font-size: 16px; font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif; line-height: 120%;}
.poting_list_cont .item .item_cont dl dd {width: 100%; padding: 0px 15px 15px 0px; box-sizing: border-box; font-size: 14px;}
.poting_list_cont .item .item_cont dl dd span {font-size: 12px;}

.poting_list_cont .item .etc {margin-top: 20px;}
.poting_list_cont .item .etc ul li {padding-left: 1em;position: relative; margin-bottom: 5px; font-size: 14px;}
.poting_list_cont .item .etc ul li:before {content: "※"; position: absolute; left: 0; top: 0;font-size: 14px;}

.poting_list_cont .item > div + div {margin-top: 50px;}

.posting_data_link {margin: 50px 20px 50px;}

.price_list_head {max-width: 1246px; padding-bottom: 50px; margin: 30px 20px 0px; display: flex; flex-direction: column; justify-content: space-between; position: relative;}
.price_list_head > p {font-size: 70px; font-family: fot-tsukuardgothic-std, sans-serif; color: #F4F4F4; position: absolute; right: -20px;top: auto; bottom: 460px; z-index: -1; line-height: 100%;}

div.map_navi > h2 {font-weight: 700; font-size:20px; font-family: fot-tsukuardgothic-std, sans-serif; position: relative; padding-left: 20px;}
div.map_navi > h2:before {content: ""; height: 100%; width: 3px; border-radius: 20px; background-color: #018CD7; position: absolute;left: 0; top: 0;}

div.map_navi .map{width: 100%; text-align: center; margin: 30px auto 0px;}

.regulation h3 {font-weight: 700; font-size: 20px; font-family: fot-tsukuardgothic-std, sans-serif; position: relative; padding-left: 20px;}
.regulation h3:before {content: ""; height: 100%; width: 3px; border-radius: 20px; background-color: #018CD7; position: absolute;left: 0; top: 0;}

.regulation > div {margin: 30px auto 0px; display: block;width: fit-content; background-color: #FFF;}

.price_list_head > div.bt_navi {width:100%; margin-top: 0px;}

div.bt_navi p.price_list_bt {margin-top: 30px;}
p.price_list_bt a {display: block; width: 100%; margin: 0px auto;background-color: #263238; color: #FFF;font-weight: 700; font-size: 15px; font-family: fot-tsukuardgothic-std, sans-serif;padding: 20px 30px; border-radius: 50px; box-sizing: border-box; letter-spacing:2px; }
p.price_list_bt a span { display: flex; align-items: center; justify-content: center;}
p.price_list_bt a span:before {content: url("../images/pdf_icon_w.svg"); display: block; font-size: 0;margin-right: 28px;}
p.price_list_bt a span:after {content: url("../images/dl_b_icon_w.svg");display: block; font-size: 0; padding-top: 2px; margin-left: 20px;}
p.simulation_bt {margin-top: 10px;}
p.simulation_bt a {display: block; width:100%;margin: 0px auto;background-color: #263238; color: #FFF;font-weight: 700; font-size: 15px; font-family: fot-tsukuardgothic-std, sans-serif;padding: 20px 0px; border-radius: 50px; box-sizing: border-box; letter-spacing:2px;}
p.simulation_bt a span { display: flex; align-items: center; justify-content:center; }
p.simulation_bt a span:after {content: url("../images/link_icon_wb.svg");display: block; font-size: 0;margin-left: 10px;}

.price_area {max-width: 1246px; margin: 0px 20px;background-color: #FFFFFF;padding: 40px 20px 50px; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 20px; box-sizing: border-box;}
.price_list_cont {padding: 50px 0px 50px; background-color: #F4F4F4;}
.price_area > h3 {text-align: center;font-weight: 700; font-size: 20px; font-family: fot-tsukuardgothic-std, sans-serif;}
.price_area > p.etc {font-size: 10px; margin-top: 10px;}

.price_area > .app_no {max-width: 800px; margin: 30px auto 0px;background-color: #FFFFFF;padding: 30px 20px; box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 20px; box-sizing: border-box;}
.price_area > .app_no dl dt {width: 110px;font-weight: 700; font-size: 14px; font-family: fot-tsukuardgothic-std, sans-serif; line-height: 100%; padding: 10px 0px; background-color: #F4F4F4; box-sizing: border-box; display: flex; align-items: center; justify-content: center; border-radius: 5px;}

.price_area .table_cont {margin-top: 20px;}
.table_body dl dt { background-color:#D8D8D8; text-align: center;font-weight: 700; font-size: 12px; font-family: fot-tsukuardgothic-std, sans-serif;margin-top: 1px; padding: 5px 0px;}
.table_body dl dd {margin-top: 1px; background-color: #FAFAFA; font-size: 13px; padding: 10px 0px; flex-grow: 1;}
.table_body dl.info dt {padding: 5px 10px;text-align: left;}
.table_body dl.info dd {font-size: 13px; padding: 10px 10px; box-sizing: border-box;}
.price_area .table_cont > p.cap {font-size: 12px; text-align: right; margin-bottom: 5px;}

.box_cont {background-color:#F4F4F4; padding: 50px 0px;}

.box_head {max-width: 1246px; margin: 0px 20px;position: relative; padding: 70px 0px 50px;}
.box_head_cont > div h2 {color: #018CD7;font-weight: 700; font-size: 20px; font-family: fot-tsukuardgothic-std, sans-serif;}
.box_head_cont > div h2 + p {margin-top: 20px; font-size: 14px;}
.box_head_cont > div {width:100%;background-color: #FFF;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 30px; padding: 40px 20px; box-sizing: border-box;}
.box_head > p.en {position: absolute; color: #F4F4F4; font-size: 70px; font-family: fot-tsukuardgothic-std, sans-serif; top:20px; line-height: 100%; right: -20px; z-index: -1;}
.box_head_cont > div p.bt a {margin: 0px auto;width:100%; background-color: #263238;font-size: 16px; letter-spacing: 0em; font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif; line-height: 120%; color: #FFF; display: flex; justify-content: center; align-items: center; height: 56px; border-radius: 50px; }
.box_head_cont > div p.bt a:after {content: url("../images/under_icon.svg"); font-size: 0;line-height: 100%; display: block; margin-left: 30px;}

.box_cont > div {padding: 40px 20px; box-sizing: border-box; max-width: 1246px; margin: 0px 20px; background-color: #FFF;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 20px;}
.box_cont > div h2 {color: #018CD7;font-weight: 700; font-size: 20px; font-family: fot-tsukuardgothic-std, sans-serif;}
.box_cont > div h2 + ul {margin-top: 10px;}
.box_cont > div + div {margin-top: 30px;}
.box_cont > div.dDe ul {display: flex; flex-direction: column; justify-content: space-between; flex-wrap: wrap;}
.box_cont > div.dDe ul li {border: 2px solid #263238; border-radius: 5px; width: 100%; margin-top: 10px; padding: 10px 10px; box-sizing: border-box;}
.box_cont > div.dDe ul li a {font-weight: 700; font-size: 16px; font-family: fot-tsukuardgothic-std, sans-serif;}
.box_cont > div.dDe ul li a span {text-decoration: none;}

.box_cont > div.ptg ul li a {font-weight: 700; font-size: 16px; font-family: fot-tsukuardgothic-std, sans-serif;}
.box_cont > div.ptg ul li {display: inline-block;border: 2px solid #263238; border-radius: 5px; min-width: 100%; margin-top: 10px; padding: 10px 10px; box-sizing: border-box;}

.box_cont > div.ork .ork_head {display: flex;flex-direction: column; justify-content: space-between; margin-top: 20px;}
.box_cont > div.ork .ork_head > p {width: 100%; font-size: 14px;}
.box_cont > div.ork .ork_info {display: flex; flex-direction: column; justify-content: space-between; flex-wrap: wrap;}
.box_cont > div.ork .ork_info dl {width: 100%; margin-top: 20px;}
.box_cont > div.ork .ork_info dl dt {font-size: 14px; color: #FFF; background-color: #263238; padding:5px 20px; font-weight: 700;font-family: fot-tsukuardgothic-std, sans-serif;}
.box_cont > div.ork .ork_info dl dd {margin-top: 10px; font-size: 14px;}
.box_cont > div.ork .ork_info dl:last-child {width: 100%;}

.box_cont > div.ork .ork_data {display: flex;flex-direction: column; justify-content: space-between;margin-top: 20px;}
.box_cont > div.ork .ork_data > div {width: 100%; display: flex; flex-direction: column; background-color: #FAFAFA; padding: 20px 20px; box-sizing: border-box;}
.box_cont > div.ork .ork_data > div h3 {font-size: 16px; font-weight: 700;font-family: fot-tsukuardgothic-std, sans-serif;}
.box_cont > div.ork .ork_data > div h3 + p {font-size: 12px; margin-top: 10px; flex-grow: 1;}
.box_cont > div.ork .ork_data > div ul li {margin-top: 20px;}
.box_cont > div.ork .ork_data > div ul li a {font-weight: 700;font-family: fot-tsukuardgothic-std, sans-serif; font-size: 14px;}
.box_cont > div.ork .ork_data > div ul li a span {text-decoration: none;}

.appli_navi li {background-color: rgba(38,50,56,.5); width: 49.5%; color: #263238;font-weight: 700; font-size: 14px; font-family: fot-tsukuardgothic-std, sans-serif; cursor: pointer;transition: 0.5s; border-radius: 20px 20px 0px 0px; padding: 10px 10px; box-sizing: border-box; margin-right: 1%;}

.appli_list_main dl {display: flex; flex-direction: column; justify-content: space-between;}
.appli_list_main dl a {font-weight: 700; font-size: 16px; font-family: fot-tsukuardgothic-std, sans-serif; line-height: 140%;}
.appli_list_main dl dt {width: 100%; background-color: #FAFAFA; padding: 20px 20px 0px; box-sizing: border-box;font-weight: 700; font-size: 14px; font-family: fot-tsukuardgothic-std, sans-serif; line-height: 140%;}
.appli_list_main dl dt span {margin-right: 0em;}
.appli_list_main dl dd a span {text-decoration: none; font-size: 14px;}
.appli_list_main dl dd {width: 100%; background-color: #FAFAFA; padding: 10px 20px 20px; box-sizing: border-box;}

.box_cont > div.appli > h2 + p {margin-top: 20px; font-size: 14px;}
.box_cont > div.appli > p.link {margin-top: 20px;}
.box_cont > div.appli > p.link a {font-weight: 700;font-family: fot-tsukuardgothic-std, sans-serif;font-size: 14px;}
.appli_list {margin-top: 30px;}

.appli_all {margin-top: 30px;}
.appli_all h3 {font-weight: 700; font-size: 16px; font-family: fot-tsukuardgothic-std, sans-serif;}
.appli_all h3 + p {margin-top: 10px;font-size: 14px;}
.appli_all ul {margin-top: 20px; display: flex;}
.appli_all ul li a {font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif;font-size: 14px;}
.appli_all ul li {margin-right: 0px;}

.box_cont > div.area_list > h2 + p {margin-top: 10px; font-size: 14px;}
.area_list_sp {margin-top: 30px; display: flex; flex-direction: column; justify-content:space-between;font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif;}
.area_list_sp > p {width: 100%;background-color: #FAFAFA;padding: 10px 10px; box-sizing: border-box; line-height: 140%; font-size: 14px;}
.area_list_sp > p br {display: none;}
.area_list_sp > div {width: 100%; margin-top: 5px;}
.area_list_sp > div dl {display: flex; flex-direction: column;justify-content: space-between;}
.area_list_sp > div dl + dl {margin-top: 5px;}
.area_list_sp > div dl dt {width:100%; padding: 10px 20px 5px; box-sizing: border-box; background-color: #FAFAFA;font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif;font-size: 14px;}
.area_list_sp > div dl dd {width: 100%;padding: 0px 20px 10px; box-sizing: border-box;background-color: #FAFAFA;font-size: 14px;}
.area_list_sp a,.area_list_etc a {font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif;}
.area_list_sp a span,.area_list_etc a span {text-decoration: none;}
.area_list_etc {margin-top: 30px;}
.area_list_etc > p {display: block;width: 100%;background-color: #FAFAFA;padding: 10px 10px; box-sizing: border-box; line-height: 140%;font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif;font-size: 14px;}
.area_list_etc dl {display: flex; flex-direction: column; justify-content: space-between; margin-top: 5px;}
.area_list_etc dl dt {width: 100%;padding: 10px 20px 5px; box-sizing: border-box;background-color: #FAFAFA;font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif;font-size: 14px;}
.area_list_etc dl dd {width: 100%;padding: 0px 20px 10px; box-sizing: border-box;background-color:#FAFAFA;font-size: 14px;}

.apply_st01 {max-width: 1246px; margin: 50px 20px 0px; position: relative;}


.apply_st01 .first {display: flex; flex-direction: column; justify-content: space-between; align-items: center; margin-top: 30px; padding: 40px 20px; background-color: #FFF;box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.16); border-radius: 20px;}
.apply_st01 .first > div {width: 100%;}
.apply_st01 .first > div h3 {color: #018CD7;font-size: 20px; font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif; letter-spacing: 0.2em;}
.apply_st01 .first > div ul {display: flex; flex-wrap: wrap; margin-top: 20px;}
.apply_st01 .first > div ul li {width: 49%;font-size: 16px; font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif;}
.apply_st01 .first > div ul li:before {content: "-"; margin-right: 5px;}
.apply_st01 .first > div ul li span {font-size: 12px;}
.apply_st01 .first > div ul + p {margin-top: 15px; font-size:12px; font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif;}
.apply_st01 .first > p {width: 100%; margin-top: 30px;}
.apply_st01 .first > p a {margin: 0px auto;width: 100%; background-color: #263238;font-size: 16px; font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif; line-height: 120%; color: #FFF; display: flex; justify-content: center; align-items: center; height: 56px; border-radius: 50px;}
.apply_st01 .first > p a:after {content: url("../images/link_icon_wb.svg"); font-size: 0;line-height: 100%; display: block; margin-left: 30px;}

.apply_st02 {max-width: 1246px; margin: 50px 20px 0px; position: relative;}

.apply_st02 .head dl {width: 54px; height: 54px; background-color: #018CD7; border-radius: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.apply_st02 .head dl dt {color: #FFF;font-weight: 700; font-size: 10px; font-family: fot-tsukuardgothic-std, sans-serif;line-height: 100%;text-align: center; margin-left: 3px;}
.apply_st02 .head dl dd {color: #FFF;font-weight: 700; font-size: 20px; font-family: fot-tsukuardgothic-std, sans-serif;line-height: 100%;text-align: center; margin-left: 3px;}

.flow_list {background-color:#F4F4F4; padding: 30px 20px;}

.flow_cont {background-color: #263238; border-radius: 20px; padding: 0px 20px 0px; position: relative;}
.flow_cont.active {padding: 0px 20px 20px;}
.flow_cont:after {content: "";width: 40px; height: 40px; background-color: #FFF; position: absolute; right: 30px; top: 17px; border-radius: 50%; pointer-events: auto; z-index: 0;}
.flow_cont > h3 {position: relative; padding: 20px 0px 20px; color: #FFF; font-size: 20px; font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif; text-align: center; cursor: pointer;z-index: 1; margin: 0px 0px;}
.flow_cont > h3:after,.flow_cont > h3:before {position: absolute;content:'';width: 20px;height: 4px;background-color:#263238;z-index: 2;}
.flow_cont > h3:before{right:20px;top:35px; transform: rotate(0deg);transition: all 0.3s;}
.flow_cont > h3:after{right:20px;top:35px;transform: rotate(90deg);transition: all 0.3s;}

.flow_list_cont > div h4 {color: #018CD7; font-weight: 700; font-size: 18px; font-family: fot-tsukuardgothic-std, sans-serif;}
.flow_list_cont > div h4 + p {margin-top: 10px; font-size: 14px;}
.flow_list_cont > div > ul {margin-top: 20px; display: flex; flex-direction: column;}
.flow_list_cont > div > ul li + li {margin-left: 0px; margin-top: 10px;}
.flow_list_cont > div > ul + p {margin-top: 20px; font-size: 14px;}
.flow_list_cont > div p span {position: relative; padding-left: 1.05em; display: block;font-size: 14px;}
.flow_list_cont > div p span:before {content: "※"; position: absolute; left: 0; top:0px;}
.flow_list_cont > div p + p {margin-top: 20px; font-size: 14px;}
.flow_list_cont > div a.link,.flow_list_cont > div a.pdf {font-size: 14px; font-weight: 700;font-family: fot-tsukuardgothic-std, sans-serif;}

.flow_list div.item h5 {color: #018CD7; font-weight: 700; font-size: 16px; font-family: fot-tsukuardgothic-std, sans-serif; text-align: center;}
.flow_list div.item ul li {width: 100%;font-weight: 700; font-size: 14px; font-family: fot-tsukuardgothic-std, sans-serif;}
.flow_list div.item ul + p {color: #FFF; font-weight: 700; font-size: 14px; font-family: fot-tsukuardgothic-std, sans-serif; text-align: center; margin-top: 20px;}
.flow_list div.item ul + p span { background-color: #018CD7; padding: 5px 20px; display: inline-block;}

.flow_list + .flow_list {margin-top: 30px;}
.flow_cont + .flow_cont {margin-top: 30px;}

.apply_st01 h2 {margin: 0px 0px;font-weight: 700; font-size: 20px; font-family: fot-tsukuardgothic-std, sans-serif; position: relative; padding-left: 20px;}
.apply_st01 h2:before {content: ""; height: 100%; width: 3px; border-radius: 20px; background-color: #018CD7; position: absolute;left: 0; top: 0;}
.apply_st01 h2 + p {margin-top: 20px; font-size: 14px;}
/*.apply_st01 {border-bottom: 1px solid #D8D8D8; padding: 0px 0px 50px;}*/
.apply_st01 .head {margin-bottom: 50px;}
.apply_st01 .head_under p.link a span {text-decoration: underline;font-size: 14px; font-weight: 700; font-family: fot-tsukuardgothic-std, sans-serif;}

.apply_st02 .head h2 {margin: 0px 0px;font-weight: 700; font-size: 20px; font-family: fot-tsukuardgothic-std, sans-serif; position: relative; padding-left: 20px;}
.apply_st02 .head h2:before {content: ""; height: 100%; width: 3px; border-radius: 20px; background-color: #018CD7; position: absolute;left: 0; top: 0;}

}
@media only screen and (max-width:430px){
.price_list_head > p {font-size: 70px; font-family: fot-tsukuardgothic-std, sans-serif; color: #F4F4F4; position: absolute; right: -20px;top: auto; bottom: 490px; z-index: -1; line-height: 100%;}
}
@media only screen and (max-width:400px){
.price_list_head > p {font-size: 70px; font-family: fot-tsukuardgothic-std, sans-serif; color: #F4F4F4; position: absolute; right: -20px;top: auto; bottom: 550px; z-index: -1; line-height: 100%;}
}