/* 1336pxの場合　フォントサイズ以外
 min(1rem,calc(10vw/12)) */
body {
 background-color: #FFF8E3;
}
 #wrapper {
 overflow: hidden;
}



  .page_ttl {
 width:  min(16rem,calc(160vw/12));
 margin: 0 auto;
}
.support_contents {
 position: relative;
 width:  min(120rem,calc(1200vw/12)) ;
 margin: 0 auto;
}

.support_find {
 width: min(71rem, calc(710vw /12));
 display: flex;
 justify-content: center;
 gap: 0 min(3.5rem, calc(35vw /12));
 margin: min(3.5rem, calc(35vw /12)) auto;
}
.support_find li {
 width: min(18.5rem, calc(185vw /12));
}
.support_find li:last-of-type {
 width: min(26.5rem, calc(265vw /12));
 display: flex;
 align-items: center;
 justify-content: space-between;
}
.support_find button.find_btn,
.support_find input {
 display: block;
 width: 100%;
 text-align: left;
 background-color: #fff;
 color: #505050;
 font-size: 1.7rem;
 font-weight: 600;
 box-sizing: border-box;
 border: min(0.2rem, calc(2vw /12)) solid #eb5f5c;
 border-radius: min(0.5rem, calc(5vw /12));
 padding: min(0.6rem, calc(6vw /12)) min(1.2rem, calc(12vw /12));
 box-shadow: min(0.4rem, calc(4vw /12)) min(0.4rem, calc(4vw /12)) 0 #eb5f5c;
 position: relative;
}
.support_find li > button.find_btn::before {
  content: "";
 width: min(1.4rem, calc(14vw /12));
 height: min(1.8rem, calc(18vw /12));
 position: absolute;
 top: 50%;
 transform: translateY(-50%) rotate(90deg);
 right: min(1.5rem, calc(15vw /12));
 background: url(../images/common/arrow_02.svg) no-repeat;
 background-size: cover;
}
.support_find li:last-of-type input {
 width: min(18.5rem, calc(185vw /12));
 outline: none;
 height: 100%;
}
.support_find li input::placeholder {
 color: #505050;
}

.support_find button.search_btn {
 font-size: 1.9rem;
 font-weight: bold;
 color: #505050;
 letter-spacing: 0.14em;
 display: flex;
 align-items: center;
 gap: 0 min(0.5rem, calc(5vw /12));
}
.support_find button.search_btn::before {
 content: "";
 width: min(2rem, calc(20vw /12));
 height: min(2rem, calc(20vw /12));
 background: url(../images/common/search_icon.svg) no-repeat;
 background-size: cover;
}

.support_img {
  width: min(21rem, calc(210vw /12));
  position: absolute;
  top:min(26rem, calc(260vw /12));
  right: min(20rem, calc(200vw /12));
}



.support_item {
 width: min(88rem, calc(880vw /12));
 margin: min(18rem, calc(180vw /12)) auto min(20rem, calc(200vw /12)) ;
}
.support_item_num {
 text-align: left;
 font-size: 2rem;
 color: #505050;
 letter-spacing: 0.1em;
 margin-bottom: min(1.5rem, calc(15vw /12)) ;
 padding-left: min(5rem, calc(50vw /12)) ;
  padding-top: min(10rem, calc(100vw /12))
}
.support_item_num span {
 font-size: 4.5rem;
 line-height: .8;
 vertical-align: sub;
}

.support_item_content {
 background-color: #fff;
 border: #505050 solid  min(.2rem, calc(2vw /12));
 border-radius:  min(2rem, calc(20vw /12));
}
.support_content_box dl ,
.support_content_box_top dl {
 display: flex;
 justify-content: space-between;
 color: #505050;
 position: relative;
}

.support_content_box dl::before{
 content: '';
 width: 100%;
  border-top: min(.2rem, calc(2vw /12)) solid #505050;
  position: absolute;
  top: 0;
  left: 0;
}
.support_content_box_top dl  dt {
  width: min(16.8rem, calc(168vw /12));
 letter-spacing: 0.1em;
 text-align: center;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 gap:  min(.3rem, calc(3vw /12)) 0;
 font-size: 2rem;
}
.support_content_box_top dl  dd {
 font-size: 2rem;
 padding:min(1rem, calc(10vw /12))  0;
  width: min(50rem, calc(500vw /12));
 line-height: 1.76;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 letter-spacing: 0.1em;
 border-left: min(.2rem, calc(2vw /12)) solid #505050;
 box-sizing: border-box;
 text-align: justify;
}
.support_content_box_top dl  dd:last-of-type {
  width: min(20.8rem, calc(208vw /12));
 padding:min(1rem, calc(10vw /12))  0;
 letter-spacing: 0;
 align-items: center;

}
.support_content_box dl  dt {
 width: min(16.8rem, calc(168vw /12));
 font-size: 2.2rem;
 letter-spacing: 0.1em;
 text-align: center;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
 gap:  min(.3rem, calc(3vw /12)) 0;
}
.support_content_box dl  dt  span {
 font-size: 1.6rem;
 color: #fff;
 display: inline-block;
 padding: 0  min(1rem, calc(10vw /12));
 border-radius:  min(.4rem, calc(4vw /12));
 line-height: 1.6;
 min-width:  min(7rem, calc(70vw /12));
}
.support_content_box dl  dt  span.emigration {
 background-color: #ff5900;
}
.support_content_box dl  dt  span.work {
 background-color: #E4007F;
}
.support_content_box dl  dt  span.residence {
 background-color: #008dee;
}
.support_content_box dl  dt  span.marriage {
 background-color: #D60000;
}
.support_content_box dl  dt  span.education {
 background-color: #1f9e38;
}
.support_content_box dl  dt  span.medical {
 background-color: #F55A00;
}
.support_content_box dl  dt  span.other {
 background-color: #A32B98;
}
.support_content_box dl  dd {
 width: min(50rem, calc(500vw /12));
 font-size: 1.7rem;
 line-height: 1.76;
 display: flex;
 flex-direction: column;
 align-items: flex-start;
 justify-content: center;
 letter-spacing: 0.1em;
 border-left: min(.2rem, calc(2vw /12)) solid #505050;
 box-sizing: border-box;
 padding:  min(1rem, calc(10vw /12))  min(2.5rem, calc(25vw /12));
 text-align: justify;
}
.support_content_box dl  dd span{
 margin-bottom:  min(.5rem, calc(5vw /12));
 font-size: 2rem;
 display: block;
 width: 100%;
}
.support_content_box dl  dd:last-of-type {
 width: min(20.8rem, calc(208vw /12));
 align-items: flex-start;
 line-height: 1.47;
  padding:  min(1rem, calc(10vw /12))  min(2rem, calc(20vw /12));
}
.support_content_box dl  dd .btn {
 width: min(17rem, calc(170vw /12));
 margin-bottom:  min(1.5rem, calc(15vw /12));
}
.support_content_box dl  dd .btn a{
 width: 100%;
 border:  #505050 solid  min(.2rem, calc(2vw /12));
 border-radius:  min(1rem, calc(10vw /12));
 background: #FFFFFF;
background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(200, 200, 200, 1) 100%);
font-size: 2rem;
 font-family: YakuHanJP, "M PLUS Rounded 1c", sans-serif;
 color: #505050;
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 0  min(2rem, calc(20vw /12));
 box-shadow: 0 min(.4rem, calc(4vw /12)) 0 #505050;
 box-sizing: border-box;
 line-height: 1.8;
}
.support_content_box dl  dd .btn a::before {
 content: none;
}
.support_content_box dl  dd .btn a::after {
 content: '';
  width: min(1.6rem, calc(16vw /12));
  height: min(1.7rem, calc(17vw /12));
  background: url(../images/common/blank_icon.svg) no-repeat;
  background-size: cover;
}

   @media (hover: hover)  and (pointer: fine){
.support_content_box dd a:where(:any-link, :enabled, summary):hover {
  transform: scale(1.05);
 }

}


.support_find_menu {
   width: min(88rem, calc(880vw /12));
   height: min(60rem, calc(600vw /12));
   box-sizing: border-box;
   background-color: #FFFFFF;
   border: #EB5F5C solid min(.2rem, calc(2vw /12));
   border-radius: min(1rem, calc(10vw /12));
   position: absolute;
   top: min(24rem, calc(240vw /12));
   left: 0;
   right: 0;
   margin: 0 auto;
   padding: min(2.5rem, calc(25vw /12)) 0;
   z-index: 5;
   display: none;
   overflow: scroll;
}
.support_find_menu#category {
 height: auto;
}
.support_find_item {
 width: min(78rem, calc(780vw /12));
 margin: 0 auto;
}
.support_find_category ul {
 display: flex;
 flex-wrap: wrap;
 justify-content: space-between;
 gap: min(.5rem, calc(5vw /12)) 0;
}
.support_find_category ul li:first-of-type {
 width: 100%;
 margin-left: 0;
 text-align: left;
}
.support_find_category ul li label{
 width: 100%;
 font-size: 1.7rem;
 letter-spacing: 0.1em;
 color: #505050;
 display: block;
 position: relative;
 display: flex;
 align-items: center;
 gap: 0 min(.5rem, calc(5vw /12));
 cursor: pointer;
}
.support_find_category ul li label::before {
 content: '';
 width: min(2rem, calc(20vw /12));
 height: min(2rem, calc(20vw /12));
 border: #505050 solid min(.1rem, calc(1vw /12));
 background-color: #fff;
 border-radius: min(.3rem, calc(3vw /12));
}
.support_find_category ul li label::after {
 content: "";
 width: min(1.8rem, calc(18vw / 12));
 height: min(1.3rem, calc(13vw / 12));
 border-radius: 50%;
background: url(../images/common/check_icon.svg) no-repeat;
background-size: cover;
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 left: min(0.3rem, calc(3vw / 12));
 opacity: 0;
}

.support_find_category ul li  input {
 appearance: none;
 -moz-appearance: none;
 -webkit-appearance: none;
 box-sizing: border-box;
 position: relative;
 margin: 0;
 width: 0;
 height: 0;
 position: absolute;
}
.support_find_category ul li label:has(input:checked)::before {
 background-color: #EB5F5C;
}
.support_find_category ul li label:has(input:checked)::after {
opacity: 1;
}

.support_find_btn {
 width: min(40rem, calc(400vw / 12));
 display: flex;
 justify-content: space-between;
 margin: min(2rem, calc(20vw / 12)) auto 0;
}
.support_find_btn .find_search {
 width: min(18.5rem, calc(185vw / 12));
 box-sizing: border-box;
 font-size: 2rem;
 letter-spacing: 0.12em;
 color: #FFFFFF;
 border-radius: min(.5rem, calc(5vw / 12));
 background-color: #EB5F5C;
 border:  #EB5F5C solid min(.2rem, calc(2vw / 12));
 padding: min(.4rem, calc(4vw / 12)) 0;
 font-weight: 600;
}
.support_find_btn .find_clear {
 width: min(18.5rem, calc(185vw / 12));
 box-sizing: border-box;
 font-size: 2rem;
 letter-spacing: 0.12em;
 color: #FFFFFF;
 border-radius: min(.5rem, calc(5vw / 12));
 background-color: #0098CF;
 border:  #0098CF solid min(.2rem, calc(2vw / 12));
 padding: min(.4rem, calc(4vw / 12)) 0;
 font-weight: 600;
}



.support_find_item_flex {
 display: flex;
 justify-content: space-between;
}
.support_find_area {
 width: min(23.5rem, calc(235vw / 12));
}
.support_find_area_img {
 width: min(54rem, calc(540vw / 12));
}


.support_find_area ul {
 display: flex;
 flex-wrap: wrap;
 gap:  0 min(.2rem, calc(2vw /12));
}
.support_find_area ul:first-of-type li{
border-bottom: #EB5F5C solid min(.2rem, calc(2vw /12));
padding-bottom: min(.5rem, calc(5vw /12));
margin-top: 0;

}
.support_find_area ul li:first-of-type{
 width: 100%;
 margin-left: 0;
 text-align: left;
 margin-top:  min(1.5rem, calc(15vw /12));

}
.support_find_area ul li:first-of-type label{
color: #EB5F5C;
font-size: 1.5rem;
gap:0  min(.5rem, calc(5vw /12)) ;
margin-bottom:    min(1rem, calc(10vw /12));
}

.support_find_area ul li:first-of-type label::before {
 width: min(1.7rem, calc(17vw /12));
 height: min(1.7rem, calc(17vw /12));
 border-color: #EB5F5C;
}
.support_find_area ul li:first-of-type label::after {
 width: min(1.5rem, calc(15vw / 12));
 height: min(1.3rem, calc(13vw / 12));
 left: min(.2rem, calc(2vw / 12));
}
.support_find_area ul li label{
 width: 100%;
 font-size: 1.3rem;
 letter-spacing: 0.1em;
 color: #505050;
 display: block;
 position: relative;
 display: flex;
 align-items: center;
 gap: 0 min(.2rem, calc(2vw /12));
 cursor: pointer;
}
.support_find_area ul li label::before {
 content: '';
 width: min(1.2rem, calc(12vw /12));
 height: min(1.2rem, calc(12vw /12));
 border: #505050 solid min(.1rem, calc(1vw /12));
 background-color: #fff;
 border-radius: min(.3rem, calc(3vw /12));
}
.support_find_area ul li label::after {
 content: "";
 width: min(1rem, calc(10vw / 12));
 height: min(.8rem, calc(8vw / 12));
 border-radius: 50%;
background: url(../images/common/check_icon.svg) no-repeat;
background-size: cover;
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 left: min(.2rem, calc(2vw / 12));
 opacity: 0;
}

.support_find_area ul li  input {
 appearance: none;
 -moz-appearance: none;
 -webkit-appearance: none;
 box-sizing: border-box;
 position: relative;
 margin: 0;
 width: 0;
 height: 0;
 position: absolute;
}
.support_find_area ul li label:has(input:checked)::before {
 background-color: #EB5F5C;
}
.support_find_area ul li label:has(input:checked)::after {
opacity: 1;
}

.support_find_close {
 width: min(3rem, calc(30vw / 12));
 height: min(3rem, calc(30vw / 12));
 position: absolute;
 top:  min(1rem, calc(10vw / 12));
 right:  min(1rem, calc(10vw / 12));
 transform: rotate(45deg);
}
.support_find_close::before {
 content: '';
 width: 100%;
 border: solid #505050   min(.1rem, calc(1vw / 12));
 border-radius:  min(1rem, calc(10vw / 12));
 box-sizing: border-box;
 position: absolute;
 top: 50%;
 transform: translateY(-50%);
 left: 0;
 right: 0;
 margin: 0 auto;
}
.support_find_close::after {
 content: '';
 width: 100%;
 border: solid #505050   min(.1rem, calc(1vw / 12));
 border-radius:  min(1rem, calc(10vw / 12));
 box-sizing: border-box;
 position: absolute;
 top: 50%;
 transform: translateY(-50%) rotate(90deg);
 left: 0;
 right: 0;
 margin: 0 auto;

}




@media screen and (max-width: 767px) {
   .page_ttl {
 width: 9.5rem;
}
 .support_contents {
 width: 100% ;
}
.support_find {
 width: 13.5rem;
 flex-direction: column;
 gap: 2rem 0;
 margin:3rem auto;
}
.support_find li {
 width:100%;
}
.support_find li:last-of-type {
 width: 100%;
 flex-direction: column;
 gap: 2rem 0;
}
.support_find button.find_btn,
.support_find input {
 font-size: 1.2rem;
 border: .1rem solid #eb5f5c;
 border-radius: .3rem;
 padding:.5rem 1rem;
 box-shadow:.2rem .2rem 0 #eb5f5c;
}
.support_find li:last-of-type input {
 width:100%;
}

.support_find button.search_btn {
 font-size: 1.3rem;
 gap: 0 .3rem;
}
.support_find button.search_btn::before {
 width: 1.5rem;
 height: 1.5rem;
}

.support_img {
  width: 14rem;
  position: static;
  margin: 0 auto;
}



.support_item {
 width:32.5rem;
 margin:5rem auto 10rem ;
}
.support_item_num {
 font-size: 1.3rem;
 margin-bottom: 1rem;
 padding-left:0 ;
 padding-top: 5rem;
}
.support_item_num span {
 font-size: 2.9rem;
}

.support_item_content {
 border: #505050 solid .1rem;
 border-radius: 1rem;
 overflow: hidden;
}
.support_content_box dl ,
.support_content_box_top dl {
 flex-direction: column;
  padding: 1rem 2.5rem 2rem;
}
.support_content_box dl::before{
  border-top:.1rem solid #505050;
  top: -0.1rem;

}
.support_content_box_top dl{
display: none;
border: none;
}

.support_content_box dl  dt {
 width:100%;
 font-size: 1.8rem;
 flex-direction: row;
 justify-content: flex-start;
 gap:   0 1rem;
}
.support_content_box dl  dt  span {
 font-size: 1.1rem;
 border-radius:  .2rem;
 min-width: 4.5rem;
}
.support_content_box dl  dd {
 width: 100%;
 font-size: 1.3rem;
 padding:  1rem  0 4rem;
 border: none;
}
.support_content_box dl  dd span{
 margin-bottom:  .8rem;
 font-size: 1.6rem;
 line-height: 1.4;
}
.support_content_box dl  dd:last-of-type {
 width:100%;
  padding:0;
}
.support_content_box dl  dd .btn {
 width: 11rem;
 margin-bottom:  2rem;
}
.support_content_box dl  dd .btn a{
 width: 100%;
 border:  #505050 solid.1rem;
 border-radius:  .5rem;
font-size: 1.4rem;
 gap: 0  1rem;
 box-shadow: 0 .2rem 0 #505050;
}
.support_content_box dl  dd .btn a::after {
  width:1rem;
  height:1rem;
  font-size: 0;
}



.support_find_menu {
   width: 32.5rem;
   border: #EB5F5C solid .1rem;
   border-radius:.5rem;
   top: 19rem;
   padding:2.5rem 0;
}
.support_find_menu.area {
 top: 24rem;
 height: 40rem;
}
.support_find_item {
 width:25.5rem;
}
.support_find_category ul {
 width: 21.5rem;
 margin: 0 auto;
 gap:1.5rem 0;
}
.support_find_category li {
 width: 48%;
}
.support_find_category ul li label{
 width: 100%;
 font-size: 1.2rem;
 gap: 0 .5rem;
}
.support_find_category ul li label::before {
 width: 1.2rem;
 height: 1.2rem;
 border: #505050 solid .1rem;
 border-radius: .2rem;
}
.support_find_category ul li label::after {
 width:.8rem;
 height: .6rem;
 left:.3rem;
}

.support_find_btn {
 width: 25.5rem;
 margin: 2rem auto 0;
}
.support_find_btn .find_search {
 width:11.5rem;
 font-size: 1.5rem;
 border-radius:.5rem;
 border:  #EB5F5C solid .1rem;
 padding:0.1rem 0;
}
.support_find_btn .find_clear {
 width:11.5rem;
 font-size: 1.5rem;
 border-radius:.5rem;
 border:  #00B0D4 solid .1rem;
 padding:0.1rem 0;
}


.area .support_find_item {
 width: 100%;
}
.support_find_item_flex {
 flex-direction: column;
}
.support_find_area {
 width: 24.5rem;
 margin: 0 auto;
}
.support_find_area_img {
 width:31.2rem;
 margin: 2.5rem auto 0;
}


.support_find_area ul {
 gap:  0 .5rem;
}
.support_find_area ul:first-of-type li{
border-bottom: #EB5F5C solid.1rem;
padding-bottom:.5rem;

}
.support_find_area ul li:first-of-type{
 margin-top: 2rem;

}
.support_find_area ul li:first-of-type label{
gap:0  .5rem ;
margin-bottom:  1rem;
}

.support_find_area ul li:first-of-type label::before {
 width:1.8rem;
 height:1.8rem;
}
.support_find_area ul li:first-of-type label::after {
 width: 1.4rem;
 height: 1.1rem;
 left:.3rem;
}
.support_find_area ul li label{
 width: 100%;
 font-size: 1.1rem;
 gap: 0 .3rem;
}
.support_find_area ul li label::before {
 width: 1.3rem;
 height: 1.3rem;
 border: #505050 solid .1rem;
 border-radius: .3rem;
}
.support_find_area ul li label::after {
 width:1rem;
 height: .8rem;
 left: .3rem;
}

.support_find_close {
 width:2rem;
 height:2rem;
 top:  1rem;
 right:  1rem;
}
.support_find_close::before {
 border: solid #505050  .1rem;
 border-radius: 1rem;
}
.support_find_close::after {
 border: solid #505050   .1rem;
 border-radius: 1rem;
}



}

.cloud_support {
 position: absolute;
 left: 0;
 right: 0;
 margin: 0 auto;
 top: 0;
 z-index: -2;
}
.cloud_dot {
 z-index: -1;

}

.cloud_support_01 {
 width:  min(17.4rem, calc(174vw / 12));
 left: max(-91rem, calc(-910vw / 12));
 top: min(84rem, calc(840vw / 12));
}
.cloud_support_02 {
 width:  min(17.4rem, calc(174vw / 12));
 left:  max(-104rem, calc(-1040vw / 12));
 top:  min(78rem, calc(780vw / 12));
}
.cloud_support_03 {
 width:  min(28rem, calc(260vw / 12));
 left: max(-105rem, calc(-1050vw / 12));
 top: min(144rem, calc(1440vw / 12));
}
.cloud_support_04 {
 width:  min(24rem, calc(240vw / 12));
 left:  max(-111rem, calc(-1110vw / 12));
 top:  min(156rem, calc(1560vw / 12));
}
.cloud_support_05 {
 width:  min(35.5rem, calc(355vw / 12));
 left: max(-105rem, calc(-1050vw / 12));
 top: min(218rem, calc(2180vw / 12));
}
.cloud_support_06 {
 width:  min(22rem, calc(220vw / 12));
 left:  max(-109rem, calc(-1090vw / 12));
 top:  min(210rem, calc(2100vw / 12));
}
.cloud_support_07 {
 width:  min(35.5rem, calc(355vw / 12));
 right: max(-110rem, calc(-1100vw / 12));
 top: min(108rem, calc(1080vw / 12));
}
.cloud_support_08 {
 width:  min(24rem, calc(240vw / 12));
 right:  max(-122rem, calc(-1220vw / 12));
 top:  min(101rem, calc(1010vw / 12));
}
.cloud_support_09 {
 width:  min(14.8rem, calc(148vw / 12));
 right:  max(-108rem, calc(-1080vw / 12));
 top:  min(137rem, calc(1370vw / 12));
}
.cloud_support_10 {
 width:  min(19.5rem, calc(195vw / 12));
 right:  max(-104rem, calc(-1040vw / 12));
 top:  min(190rem, calc(1900vw / 12));
}
.cloud_support_11 {
 width:  min(14.8rem, calc(148vw / 12));
 right:  max(-113rem, calc(-1130vw / 12));
 top:  min(184rem, calc(1840vw / 12));
}
.cloud_support_12 {
 width:  min(28rem, calc(280vw / 12));
 right:  max(-113rem, calc(-1130vw / 12));
 top:  min(240rem, calc(2400vw / 12));
}


@media screen and (max-width: 767px) {
 .cloud_support {
 left: auto;
 right: auto;
 margin: 0 ;
}
 .cloud_support_01 {
 width: 5.2rem;
 left: 4rem;
 top: 51.6rem;
}
.cloud_support_02 {
 width: 7.2rem;
 left: -1rem;
 top: 53rem;
}
.cloud_support_03 {
 width: 5.5rem;
 left:-2rem;
 top: 150rem;
}
.cloud_support_04 {
 width: 6.8rem;
 left:  -1rem;
 top:170rem;
}
.cloud_support_05 {
 width:  5rem;
 left: -1.5rem;
 top:240rem;
}
.cloud_support_06 {
 width: 7rem;
 left: -1rem;
 top:  280rem;
}
.cloud_support_07 {
 width: 9rem;
 right:-5rem;
 top: 148rem;
}
.cloud_support_08 {
 width: 7.5rem;
 right:-.5rem;
 top: 150rem;
}
.cloud_support_09 {
 width:  5rem;
 right: 0;
 top:  200rem;
}
.cloud_support_10 {
 width: 4.4rem;
 right:  -2rem;
 top: 300rem;
}
.cloud_support_11 {
 width:  7rem;
 right:-3rem;
 top: 360rem;
}
.cloud_support_12 {
 width:  5rem;
 right:-2.5rem;
 top: 358rem;
}
}



.support_select {
 width:  min(88rem, calc(880vw / 12));
 margin: 0 auto;
 border-bottom: #505050 solid  min(.1rem, calc(1vw / 12));
 text-align: left;
 position: relative;
 padding-bottom:  min(3rem, calc(30vw / 12));
}
.support_select::before {
 content: '';
 width: 100%;
  border-top: #505050 solid  min(.1rem, calc(1vw / 12));
  position: absolute;
  top: min(1.8rem, calc(18vw / 12));
  left: 0;
 }
.support_select {
  display: none;
}
 .support_select .select_txt {
  font-size: 1.7rem;
  letter-spacing: 0.06em;
  text-align: left;
  background-color: #FFF8E3;
  display: inline-block;
  margin-bottom:  min(1.5rem, calc(15vw / 12)) ;
  position: relative;
  z-index: 1;
  padding-right: min(3rem, calc(30vw / 12));
 }
 .support_select dl {
  letter-spacing: 0.06em;
  display: flex;
  gap: 0  min(.5rem, calc(5vw / 12));
 }
 .support_select dt {
  width:  min(10rem, calc(100vw / 12));
  font-size: 1.7rem;
  display: flex;
  justify-content: space-between;
 }
 .support_select dd {
  width:  min(75rem, calc(750vw / 12));
  font-size: 1.7rem;
 }


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

.support_select {
 width: 32.5rem;
 border-bottom: #505050 solid  .1rem;
 padding-bottom: 2rem;
}
.support_select::before {
  border-top: #505050 solid  .1rem;
  top: 1.2rem;
 }
 .support_select .select_txt {
  font-size: 1.3rem;
  letter-spacing: 0.06em;
  margin-bottom:  .5rem ;
  padding-right: 2rem;
 }
 .support_select dl {
  gap: 0  .5rem;
 }
 .support_select dt {
  width: 7rem;
  font-size: 1.3rem;
 }
 .support_select dd {
  width:  24rem;
  font-size: 1.3rem;
 }
 }