@charset "UTF-8"; 
@import"https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,500,600,700&subset=japanese&font-display+swap"; 
@import"https://use.fontawesome.com/releases/v5.6.1/css/all.css"; 

/* reset */
html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p { margin: 0; padding: 0; }
html { -ms-touch-action: manipulation; touch-action: manipulation; }
body { font-weight: 400; background: #FFF; -webkit-font-kerning: auto; font-kerning: auto; letter-spacing: .04em; text-rendering: optimizeLegibility; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-family: 'Noto Sans JP', '游ゴシック Medium', 'YuGothic', 'YuGothicM', 'Hiragino Kaku Gothic ProN', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', '-apple-system', 'BlinkMacSystemFont', 'Verdana', 'Meiryo', sans-serif; }
html { font-size: 62.5%; }
body { font-size: 1.4rem; }
@media(min-width:30em) {  body { font-size: 1.5rem; } }
@media(min-width:48em) { body { font-size: 1.6rem; } }
a:hover, button:hover ,a img:hover { opacity: .8; transition: all .3s ease-in-out; }
img { border: 0; virtical-align: bottom; }
button { background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0; appearance: none; }
ul, ol { list-style: none; }
input,textarea { -webkit-appearance: none; border-radius: 0; }
::placeholder { color: #CCC; }
.clearfix::after,.radio::after { content:""; display: block; clear: both; }
* html .clearfix { height: 1px; }
i { padding: 0 .2em 0 0; }
table { border-collapse: collapse; border-spacing: 0; }
.view_pc,.view_sp {display: none;}

/* header */
header { width: 100%; background: #FFF; transition: all .3s ease-in-out; }
header.header_fixed { /*position: fixed; top:0; left: 0; z-index: 999; box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.6); transition: all .3s ease-in-out;*/ }
.logo { width: 50%; max-width: 250px; padding: 15px 0; margin: auto; }
/* common */
#FV { position: relative; }
.cta_btn { position: absolute; top: 26%; left: 0; z-index: 1; }
.cont-bg-1 { position: fixed; top:0; left: 0; background-size: 100%; width: 100%; height: 100%; z-index: -1; background-image:repeating-linear-gradient(to bottom, transparent 25px, rgba(0, 0, 0, 0.04) 26px, rgba(0, 0, 0, 0.04) 26px, transparent 27px, transparent 51px, rgba(0, 0, 0, 0.04) 52px, rgba(0, 0, 0, 0.04) 52px, transparent 53px, transparent 77px, rgba(0, 0, 0, 0.04) 78px, rgba(0, 0, 0, 0.04) 78px, transparent 79px, transparent 103px, rgba(0, 0, 0, 0.04) 104px, rgba(0, 0, 0, 0.04) 104px, transparent 105px, transparent 129px, rgba(0, 0, 0, 0.04) 130px, rgba(0, 0, 0, 0.04) 130px), repeating-linear-gradient(to right, transparent 25px, rgba(0, 0, 0, 0.04) 26px, rgba(0, 0, 0, 0.04) 26px, transparent 27px, transparent 51px, rgba(0, 0, 0, 0.04) 52px, rgba(0, 0, 0, 0.04) 52px, transparent 53px, transparent 77px, rgba(0, 0, 0, 0.04) 78px, rgba(0, 0, 0, 0.04) 78px, transparent 79px, transparent 103px, rgba(0, 0, 0, 0.04) 104px, rgba(0, 0, 0, 0.04) 104px, transparent 105px, transparent 129px, rgba(0, 0, 0, 0.04) 130px, rgba(0, 0, 0, 0.04) 130px);}
#contents { background: #FFF; line-height: 1.6;  }
#contents { overflow: hidden; }
#contents section { }
.submit_btn input { font-size: 20px; display:block; cursor:pointer; color:#ffffff; padding:15px 0; margin: 15px auto; text-decoration:none; background: #fea99e;  box-shadow:inset 0px 1px 0px 0px #FFF; text-shadow:0px 1px 0px #FF7B32; border-radius:5px; border:1px solid #FF7B32; }
.submit_btn input:hover { background:linear-gradient(to bottom, #FF7B32 5%, #FF7B32 100%); background-color:#FF7B32; }
.submit_btn input:active { position:relative; display: block; text-align: center; top:1px; }
.back_btn a { display: block; color: #fea99e; padding:0 0 15px 0; text-align: center; }
.mt_st_selection_group { background: #FFF; margin: 10px; padding: 15px; border-radius: 12px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); }
.mt_st_selection_group ul.mt_st_selection_group_flex { display: flex; margin: 10px 0; justify-content: center; align-items: center; }
.mt_st_selection_group ul::after { content:""; display: block; clear: both; }
.mt_st_selection_group ul li { width: 33.3%; padding: 5px; box-sizing: border-box; float: left; position: relative; }
@media (max-width: 768px) {
  .mt_st_selection_group ul li { width: 50%; }  
  .mt_st_selection_group ul.mt_st_selection_group_flex { display: block; margin: 10px 0; }
}
.mt_st_selection_group_item_inner { border:1px solid #CCC; border-radius: 10px; position: relative; }
.mt_st_selection_group_item_inner label { font-weight: normal; }
.mt_st_selection_group_item_name { text-align: center; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.mt_st_input_radio_btn { display: inline-block; width: 21px; height: 21px; margin: auto; padding: 2px; background: #FFF; border:1px solid #fea99e; border-radius: 100%; position: absolute; top:10px; right:10px; z-index: 2: }
.mt_st_selection_group input[type="radio"] { width: 21px; height: 21px; margin: auto; background: #FFF; border-radius: 100%; display: block; }
.mt_st_selection_group input[type="radio"]:checked { background: #fea99e; border: 1px solid #FFF; }
.mt_st_selection_group input[type="radio"]:checked+label::after { content:""; display: block; box-sizing:content-box; position: absolute; top:-2px; left: -2px; width: 100%; height: 100%; background: rgba(255,234,247,0.20); border: 2px solid #fea99e; border-radius: 10px; }
.submit_btn2 { margin: 15px 0; }
.submit_btn2 input { font-size: 20px; font-weight: bold; border: 0px; background: #f46a4d; color: #FFF; width: 100%; max-width: 400px; margin: auto; border-radius: 50px; display: block; padding: 15px 0; position: relative; }
.submit_btn2 input:hover { cursor: pointer; opacity: .5; transition: all .3s ease-in;  }
.btn { font-size: 1.6rem; font-weight: 700; line-height: 1.5; position: relative; display: inline-block; padding: 1rem 4rem; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all 0.3s; transition: all 0.3s; text-align: center; vertical-align: middle; text-decoration: none; letter-spacing: 0.1em; color: #212529; border-radius: 0.5rem; }
.mt_st_subtitle { font-size: 20px; }
.mt_st_container { padding:0 25px; }
.mt_st_section { margin-top: 2rem; }
.mt_st_heading { font-size: 20px; color: #fea99e; border-left: 6px solid #ffd86f; padding-left: 0.5em; margin-bottom: 1rem; }
.mt_st_text { color: #333; margin-bottom: 1rem; }
.mt_st_list { margin: 1rem 0; padding-left: 1.5rem;  }
.mt_st_list--numbered { list-style-type: decimal; }
.mt_st_list--bulleted { list-style-type: disc; }
.mt_st_highlight { color: #fea99e; font-weight: bold; }
.mt_st_footer { text-align: center; padding: 1.5rem; background: #fff; color: #999; }
.mt_st_footer_text { font-size: 16px; }
.mt_st_btn-wrap { margin: 50px 0 0 0; }
.mt_st_btn-c { font-size: 25px; font-weight: bold; position: relative; padding:20px 0 30px 0; width:100%; max-width: 600px; margin: 25px auto; border-radius: 60px; color: #fff; background: #fea99e; box-shadow: 0 10px 0 #FF6955; display: block; }
.mt_st_btn-c span { font-size: 18px; font-weight: bold; position: absolute; top: -20px; left: calc(50% - 150px); display: block; width: 300px; padding: 8px 0; color: #555; border: 2px solid #fea99e; border-radius: 100vh; background: #fff; -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); }
.mt_st_btn-c span b { font-size: 22px; color: #fea99e; }
.mt_st_btn-c span:before,
.mt_st_btn-c span:after { position: absolute; left: calc(50% - 10px); content: ""; }
.mt_st_btn-c span:before { bottom: -10px; border-width: 10px 10px 0 10px; border-style: solid; border-color: #fea99e transparent transparent transparent; }
.mt_st_btn-c span:after { bottom: -7px; border-width: 10px 10px 0 10px; border-style: solid; border-color: #fff transparent transparent transparent; }
.mt_st_btn-c i { margin-right: 1rem; }
.mt_st_btn-c:hover { -webkit-transform: translate(0, 3px); transform: translate(0, 3px); color: #fff; background: #f46a4d; -webkit-box-shadow: 0 2px 0 #f46a4d; box-shadow: 0 2px 0 #f46a4d; }
.mt_st_step_progressbar { position: relative; margin: 0; padding:50px 0 20px 0; display: flex; justify-content: space-between; }
.mt_st_step_progressbar li { position: relative; list-style-type: none; text-align: center; text-transform: uppercase; width: 30%; color: #999999; counter-increment: steps; }
.mt_st_step_progressbar li:before { display: block; font-weight: bold; width: 60px; height: 60px; margin: -25px auto 10px auto; content: ''; line-height: 38px; font-size: 20px; text-align: center; border-radius: 50%; background-color: #F5F5F5; content: counter(steps); border:10px solid #FFF; }
.mt_st_step_progressbar li:after { position: absolute; z-index: -1; top: 15px; left: -50%; width: 100%; height: 5px; content: ''; background-color: #F5F5F5; }
.mt_st_step_progressbar li:first-child:after { content: none; }
.mt_st_step_progressbar li.mt_st_step_active,
.mt_st_step_progressbar li.mt_st_step_complete{ color: #fea99e; }
.mt_st_step_progressbar li.mt_st_step_active:before,
.mt_st_step_progressbar li.mt_st_step_complete:before { background-color: #fea99e; color: #FFF; }
.mt_st_step_progressbar li.mt_st_step_active:after,
.mt_st_step_progressbar li.mt_st_step_complete:after { background-color: #fea99e; }
.col_2,.col_3 { display: flex; }
.col_2 div { width: 48.5%; }
.col_2 div:nth-child(1) { padding:0 1.5% 0 0; }
.col_2 div .input_wrap_2 { padding: 2% 0 2% 3%; }
.col_3 div { width: 33%; }
.col_3 div { padding:0 2% 0 0; }
.col_3 div:nth-child(3) { padding: 0; }
.col_3 div .input_wrap_2 { padding: 2% 0 2% 3%; }
@media (max-width: 768px) {
  .col_2 div { width: 47%; }
  .col_2 div:nth-child(1) { padding:0 4% 0 0; }
  .col_2 div .input_wrap_2 { padding: 3% 0 3% 3%; }
  .col_3 div { width: 33%; }
  .col_3 div { padding:0 2% 0 0; }
  .col_3 div:nth-child(3) { padding: 0; }
  .col_3 div .input_wrap_2 { padding: 3% 0 3% 3%; }
}
.mt_st_present_table_box { background-color: #fff0f4; border-radius: 16px; padding: 1.5rem; margin: 2rem; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05); }
.mt_st_present_table { width: 100%; border-collapse: collapse; }
.mt_st_present_table td { padding: 1rem; vertical-align: middle; }
.mt_st_centered_group { display: flex; /*flex-direction: column;*/ align-items: center; gap: 1rem; }
.mt_st_present_bundle { display: flex; align-items: center; gap: 0.75rem; text-align: center; }
.mt_st_present_combined { display: flex; justify-content: center; width: 100%; }
.mt_st_present_img { width: 100px; height: 100px; border-radius: 10px; object-fit: cover; border: 1px solid #eee; background-color: #fff; }
.mt_st_present_img_combined { max-width: 300px; width: 100%; height: auto; border-radius: 8px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08); }
.mt_st_title_box { text-align: center; margin: 1.5rem 0 1rem; }
.mt_st_title { display: inline-block; font-weight: bold; padding: 10px 20px; background: #ffeef2; color: #fea99e; border-radius: 999px; background: #FFF; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.05); letter-spacing: 0.02em; }
.mt_st_title i { margin: 0 0 0 20px; }
.mt_st_present_divider_row td { border-top: 1px dashed #ccc; padding: 0; height: 1px; }
.mt_st_text_center { text-align: center; }
.mt_st_questions_wrap { position: relative; }
.mt_st_ansewer_wrap li { list-style: none; width: 100%; margin: 0; padding: 0; background: #FFF; border-radius: 10px; }
.mt_st_questions > li {　margin: 0; padding: 1em; }
.mt_st_questions > li > p { font-size: 12px; font-weight: bold; opacity: .4; margin-bottom: 1px; }
.mt_st_questions > li .last-q { text-align: center; font-size: 17px; opacity: 1; }
.mt_st_questions > li > h2 { font-size: 20px; padding: 5px 0; }
.mt_st_questions > li > h2 span { font-size: 25px; color: #fea99e; padding:0 5px 0 0; }
.mt_st_questions_wrap h4 { font-size: 25px; font-weight: bold; margin: 15px; padding: 10px 15px !important; position: relative; }
.mt_st_questions_wrap h4::before { content:""; display: block; width: 5px; height: 60%; background: #fea99e; border-radius: 30px; position: absolute; top: 20%; left: 0; }
.end_title { padding: 15px 0; text-align: center; font-weight: bold; }
.mt_st_questions > li .select { padding: 5%; }
.mt_st_questions > li .select > p { padding: 0; text-align: center; margin: 1%; color: #fea99e; border:2px solid #fea99e; border-radius: 6px; }
.mt_st_questions > li .select > p label { display: block; position: relative; padding: 15px 0; }
.mt_st_questions > li .select > p a { display: block; text-decoration: none; cursor: pointer; color: #fea99e; }
.mt_st_questions > li .select > p:hover { background: #fea99e; color: #fff; -webkit-transition: 0.2s cubic-bezier(0.5, 1, 0.89, 1); transition: 0.2s cubic-bezier(0.5, 1, 0.89, 1); }
.mt_st_questions > li .select > p a:hover { color: #FFF; }
.mt_st_questions > li .back-list { margin: 4px 0 0; display: block; border-top:1px solid #EEE; padding: 5% 0 0 0; color: #fea99e; cursor: pointer; -webkit-transition: 0.2s cubic-bezier(0.5, 1, 0.89, 1); transition: 0.2s cubic-bezier(0.5, 1, 0.89, 1); }
.mt_st_questions > li .back-list:hover { opacity: .6; }
.mt_st_questions > li .send { margin: 15% auto; width: 95%; }
.mt_st_questions > li .send > a { color: #fff; text-decoration: none; background: #47a7ff; font-size: 20px; padding: 15px 0; text-align: center; display: block; -webkit-transition: 0.2s cubic-bezier(0.5, 1, 0.89, 1); transition: 0.2s cubic-bezier(0.5, 1, 0.89, 1); }
.mt_st_ansewer__title { font-size: 16px; background: #00b1ff; color: #FFF; padding: 5px 0; text-align: center; }
.mt_st_ansewer__title b { font-size: 20px; display: block; }
.mt_st_ansewer__txt { font-weight: bold;  padding: 5%; text-align: center; font-weight: normal; }
.mt_st_ansewer__txt b { display: block; color: #F00; font-size: 16px; font-weight: 600; }
.mt_st_result_txt1 { font-size: 12px; color: #999; text-align: center; padding: 1%; }
.mt_st_result_txt2 { padding: 5%; }
.mt_st_result_note { font-size: 12px; text-align: center; } 
.mt_st_control { font-size: 18px; display: block; position: relative; padding-left: 30px; cursor: pointer; }
.mt_st_control input { position: absolute; z-index: -1; opacity: 0; }
.mt_st_control__indicator { position: absolute; top: 30%; left: 5%; height: 20px; width: 20px; background: #FFF; border:1px solid #fea99e; }
.mt_st_control--radio .mt_st_control__indicator { border-radius: 50%; }
.mt_st_control:hover input ~ .mt_st_control__indicator,
.mt_st_control input:focus ~ .mt_st_control__indicator { background: #FFF; }
.mt_st_control input:checked ~ .mt_st_control__indicator { background: #2aa1c0; }
.mt_st_control:hover input:not([disabled]):checked ~ .mt_st_control__indicator,
.mt_st_control input:checked:focus ~ .mt_st_control__indicator { background: #0e647d; }
.mt_st_control input:disabled ~ .mt_st_control__indicator { background: #e6e6e6; opacity: 0.6; pointer-events: none; }
.mt_st_control__indicator:after { content: ''; position: absolute; display: none; }
.mt_st_control input:checked ~ .mt_st_control__indicator:after { display: block; }
.mt_st_control--checkbox .mt_st_control__indicator:after { left: 8px; top: 4px; width: 3px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.mt_st_control--checkbox input:disabled ~ .mt_st_control__indicator:after { border-color: #7b7b7b; }
.mt_st_control--radio .mt_st_control__indicator:after { left: 6px; top: 6px; height: 6px; width: 6px; border-radius: 50%; background: #fff; }
.mt_st_control--radio input:disabled ~ .mt_st_control__indicator:after { background: #7b7b7b; }
.portfolio-modal .close-modal { position: absolute; top: -35px; right: 35px; width: 25px; height: 25px; cursor: pointer; background-color: transparent; }
.portfolio-modal .close-modal:hover { opacity: 0.3; }
.close-modal .lr { /* Safari and Chrome */ z-index: 1051; width: 2px; height: 25px; margin-left: 35px; /* IE 9 */ -webkit-transform: rotate(45deg); transform: rotate(45deg); background-color: #FFF; }
.close-modal .lr .rl { /* Safari and Chrome */ z-index: 1052; width: 2px; height: 25px; /* IE 9 */ -webkit-transform: rotate(90deg); transform: rotate(90deg); background-color: #FFF; }
.modal-dialog { margin: 10% auto; }
@media (max-width: 480px) {
  .modal-dialog { margin: 10% 15px;}
  .cap_txt {text-align: center;color: #FFF; padding: 5% 0; }
  .mt_st_questions > li .select { padding: 10px; }
  .mt_st_questions > li { padding: 10px 0; }
}        
.mt_st_selection_group_item_lottery { font-size: 12px; position: absolute; top:10px; left: 10px; display: inline-block; padding: 2px 7px; border-radius: 5px; color: #FFF; background: #fea99e; }
.mt_st_selection_group_item_modal button { display: block; width: 100%; text-align: center; color: #fea99e; text-decoration: underline; padding: 0 0 10px 0; position: relative; z-index: 2; }
.mt_st_selection_group_item_detail h1 { font-size: 30px; text-align: center; color: #FFF; background: #fea99e; padding: 15px 0; }
.mt_st_selection_group_item_detail h2 { font-size: 20px; padding: 15px; color: #555; }
.mt_st_selection_group_item_detail h2::before { content:""; display: inline-block; width: 5px; height: 25px; border-radius: 5px; background: #fea99e; margin: 0 10px 0 0; vertical-align: middle; }
.mt_st_selection_group_item_detail h3 { font-size: 16px; text-align: center; padding: 15px; color: #fea99e; }
.mt_st_selection_group_item_detail h3::after { content:""; display: block; width: 100px; height: 2px; background: #fea99e; margin: 15px auto; }
.mt_st_selection_group_item_img { max-width: 500px; margin: auto; }
.mt_st_selection_group_item_detail ul { margin: 15px; }
.mt_st_readmore { position: relative; margin: 15px ; padding: 0 15px 75px 15px; }
.mt_st_readmore label { position: absolute; display: table; left: 50%; bottom: 0; margin: 0 auto; width: 200px; padding: 10px 0; color: #fea99e; text-align: center; transform: translateX(-50%); cursor: pointer; z-index: 1; }
.mt_st_readmore label::before{ content: '続きを見る'; }
.mt_st_readmore input[type="checkbox"]:checked ~ label::before { content: '元に戻す'; }
.mt_st_readmore input[type="checkbox"]{ display: none; }
.mt_st_readmore-content { position: relative; height: 150px; overflow: hidden; }
.mt_st_readmore input[type="checkbox"]:checked ~ .mt_st_readmore-content { height: auto; }
.mt_st_readmore-content::before { position: absolute; display: block; content: ""; bottom: 0; left: 0; width: 100%; height: 75px; background: linear-gradient( rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, #fff 100%); }
.mt_st_readmore input[type="checkbox"]:checked ~ .mt_st_readmore-content::before { display: none; }

/* form */
.form_wrap { background: #fafafa; }
.form_wrap p { padding: 1em; }
.form_wrap h3 { font-size: 2.5em; color: #FFF;  text-align: center; padding: 2% 0; margin-bottom: 1em; background: #fea99e; }
.form_group { padding: 1em; }
.form_group h4 { padding: 1em 0; }
.form_group h4 span { display: inline-block; padding: 2px 5px;margin: 0 .5em 0 0; background: #d54848; color: #FFF; }
.note_txt { font-size: 14px; background: #fff3f3; border:1px solid #FFD5D5; padding: 1em; margin:.5em; }
.note_txt2 { font-size: 12px; padding-bottom: 10px; }
.input_wrap_1,.input_wrap_2 { border:1px solid #CCC; background: #FFF; padding: 1% 0 1% 1%; margin:0 0 10px 0; }
.radio-input { display: none; }
.radio-input + label{ position:relative; background: #FFF; margin:0 .5em .5em 0; display: block; text-align: center;}
.radio-input + label::before{ content: ""; display: block; position: absolute; top: 24%; left: 1em; border: 1px solid #27c930; border-radius: 50%; }
.radio-input:checked + label{ color: #FFF; background: #27c930 !important; border:1px solid #27c930; transition: all .2s ease-in-out; }
.radio-input:checked + label::after{ content: ""; display: block; position: absolute; top: 24%; left: 1em; background: #FFF; border:1px solid #FFF; border-radius: 50%; }
.radio-input + label::before{ width: 12px; height: 12px; }
.radio-input:checked + label::after{ width: 12px; height: 12px; }
.custom-select-wrapper { position: relative; display: inline-block; user-select: none; }
.custom-select-wrapper select { display: none; }
.custom-select { position: relative; display: inline-block; }
.custom-select-trigger { width: 200px; position: relative; display: block; padding: 5px 0 5px 20px;  background: #FFF; border: 1px solid #CCC; cursor: pointer; margin: 0 0 1em 0; }
.custom-select-trigger:after { position: absolute; display: block; content: ''; top: 50%; right: 15px; margin-top: -3px; border-bottom: 1px solid #CCC; border-right: 1px solid #CCC; transform: rotate(45deg) translateY(-50%); transition: all .2s ease-in-out; transform-origin: 50% 0; }
.custom-select.opened .custom-select-trigger:after { margin-top: 3px; transform: rotate(-135deg) translateY(-50%); }
.custom-options { position: absolute; display: block; top: 80%; left: 0; right: 0; z-index: 999; min-margin: 15px 0; border: 1px solid #b5b5b5; border-radius: 4px; box-sizing: border-box; box-shadow: 0 2px 1px rgba(0,0,0,.07); background: #fff; transition: all .2s ease-in-out; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(-15px); overflow: scroll; -webkit-overflow-scrolling: touch; }
.custom-select.opened .custom-options { opacity: 1; visibility: visible; pointer-events: all; transform: translateY(0); }
.custom-options:before { position: absolute; display: block; content: ''; bottom: 100%; right: 25px; margin-bottom: -4px; border-top: 1px solid #b5b5b5; border-left: 1px solid #b5b5b5; background: #fff; transform: rotate(45deg); transition: all .2s ease-in-out; }
.option-hover:before { background: #f9f9f9; }
.custom-option { position: relative; display: block; padding: 0 22px; border-bottom: 1px solid #EEE;  font-weight: 100; line-height: 30px; cursor: pointer; transition: all .2s ease-in-out; }
.custom-option:first-of-type { border-radius: 4px 4px 0 0; }
.custom-option:last-of-type { border-bottom: 0; border-radius: 0 0 4px 4px; }
.custom-option:hover,
.custom-option.selection { background: #f9f9f9; }
.terms_box { font-size: 1.2rem; overflow: scroll; -webkit-overflow-scrolling: touch; height: 200px;  background: #FFF; border:1px solid #CCC; padding: .5em; }
.radio_txt { width: 60%; margin: 1em auto !important; }   
.cp_note { background: #FFF; padding: 1em; color: #555; }
.sub_note { font-size: 1.6rem; padding: .5em; }
.sub_note p,.sub_note ul { font-size: 1.2rem; padding: .5em; }
.sub_note h3,
.sub_note h4 { padding: 1em 0;}
.sub_note li { list-style: decimal; padding:0 .5em; margin: 0 0 .5em 2em; }
.table_area table {  width: 100%; margin: 1em auto; border: 1px solid #CCC; line-height: 2; }
.table_area th { width: 30%; text-align: center; padding: 1em; font-weight: 600; background: #EFEFEF; border: 1px solid #CCC; }
.table_area td { padding: 1em 1em 1em 2em; border: 1px solid #CCC; background: #FFF; }
.input_box span { padding: 0 5px; }
.mt_st_checkbox_wrap div { padding: 5px 0; }  
.mt_st_checkbox_style_1 label{ position:relative; padding-left: 30px; display: inline; }
.mt_st_checkbox_style_1 label:before{ content:""; display:block; box-sizing:border-box; height:20px; width:20px; position:absolute; background: #FFF; border:solid 1px #fea99e; top:50%; left: 0; bottom:0; margin-top:-8px; transition:0.3s; }
.mt_st_checkbox_style_1 label:after{ content:""; display:block; box-sizing:border-box; position:absolute; top:50%; transition:0.3s; transform:rotate(45deg); border-bottom:solid 3px #fea99e; border-right:solid 3px #fea99e; width:12px; height:20px; left:6px; margin-top:-14px; opacity:0; }
.mt_st_checkbox_style_1 input[type="checkbox"]:checked + label:after{ opacity:1; }
.mt_st_checkbox_style_2 label{ position:relative; padding-left:2em;  }
.mt_st_checkbox_style_2 label:before{ content:""; display:block; box-sizing:border-box; height:20px; width:20px; position:absolute; border:solid 1px #fea99e; top:50%; left: 0; bottom:0; margin-top:-10px; transition:0.3s; border-radius:50%; }
.mt_st_checkbox_style_2 label:after{ content:""; display:block; box-sizing:border-box; height:12px; width:12px; position:absolute; background: #fea99e; top:50%; left:4px; margin-top:-6px; transition:0.3s; opacity:0; border-radius:50%; transform:scale(0.8); }
.mt_st_checkbox_style_2 input[type="radio"]:checked + label:after{ opacity:1; transform:scale(1); color: #fea99e; }  
.mt_st_checkbox_style_2 input[type="radio"]:checked + label { color: #fea99e; }
.mt_st_consent_box { background: #FFE5E4; padding: 15px; border-radius: 5px;}
.mt_st_consent_box p { font-size: 14px; }
.mt_st_consent_box .mt_st_checkbox_style_1 { width: 120px; margin: auto; }

.footer_in { background: #FFF; padding: 2em 0; text-align: center; }
.footer_logo img { display: block; margin: auto; }
.footer_in ul { text-align: center; margin: 1em 0; line-height: 2; }
.footer_in li { display: inline-block; padding: 0 .5em; }
.footer_in li a { color:#999; }
.copy { color: #FFF; background: #fea99e; text-align: center; padding: 1em 0; }
#page_top { position: fixed; bottom: 30px; right: 20px; z-index: 999; }
#page_top a { background: rgba(7,7,7,0.50); color: #fff; text-align: center; text-decoration: none; padding:0 .5em; }
#page_top i { padding: 0 !important; }
#page_top a:hover { background: rgba(0,0,0,0.80); text-decoration: none; }
.contant_bottom_area { background: #FFF; border:1px solid #CCC; width: 95%; border-radius: 10px; margin:15px auto; padding: 25px 0; }
.contant_bottom_title { font-size: 25px; text-align: center; font-weight: bold; padding: 10px 0; }
.contant_bottom_title span { font-size: 16px; color: #fea99e; text-align: center; font-weight: bold; display: block; }
.contant_bottom_area p { padding: 10px 0; text-align: center; }
.contant_bottom_btn a { display: block; max-width: 350px; margin: 15px auto; text-align: center; color: #FFF; background: #CCC; border-radius: 30px; padding: 15px 0; }
.contant_bottom_btn a:hover { text-decoration: none; background: #555; }
.contant_bottom_note { font-size: 12px; text-align: center; }
.mt_st_checkbox_wrap span { display: block; padding: 0 0 0 30px; margin: -20px 0 0 0; }
.mt_st_checkbox_wrap div { border-bottom: 1px solid #CCC; margin-bottom: 10px; padding: 10px 0; }
.mt_st_questions_wrap button { width: 100%; display: block; }
.parsley-error { border: 1px solid #e53935; background-color: #fff5f5; }
.mt_st_checkbox_wrap .parsley-error { border: none; background: none; }
/* ///////////////////////////////////////////////////////////////////// 
// Media Queries
/////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 768px) { 
  .view_pc {display: block;}
  #wrap ,.container { width: 750px; margin: 0 auto;  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1); }
  
  .radio { margin: 1em 0; }
  .submit_btn input { width: 100%; margin: 15px auto; }
  .input_wrap_1 { width: 200px; }
  .input_wrap_2 { width: 98%; }
  .custom-select-trigger:after { width: 10px; height: 10px; }
  .custom-options { width: 100%; height: 25vh; }
  
  .submit_btn input { font-size: 1.2em;}
  .form_wrap h3 { font-size: 1.2em; }
  .footer_in ul { font-size: .8em; }
  #page_top a { font-size: 2em; }
  .copy { font-size: .8em; }
}
@media screen and (max-width: 768px) { 
  #wrap { overflow: hidden; }
  .view_sp {display: block;}
  .content {padding: .5em; } 
  .mt_st_selection_group_item_name { font-size: 12px; }
  .mt_st_selection_group { padding: 10px; }
  .form_group { padding: 1em; }
  .radio-input + label::before{ left: .5em; }
  .radio-input:checked + label::after{ left: .5em; }
  .custom-select-trigger { height: auto; }
  .radio { margin: .5em 0; }
  .radio_txt .radio-input + label::before{ top: 40%;}
  .radio_txt .radio-input:checked + label::after{ top: 40%;}  
  .submit_btn input { width: 100% ; }
  .form_group h4 { font-size: 16px; line-height: 2; padding: 10px 0; }
  .input_wrap_1, .input_wrap_2 { height: auto;}  
  .input_wrap_1 { width: 200px; }
  .input_wrap_2 { width: 100%; margin:0 0 .5em 0; padding: .5em 0; }
  .radio-input + label::before{ width: 10px; height: 10px; }
  .radio-input:checked + label::after{ width: 10px; height: 10px; }
  .custom-select-trigger:after { width: 10px; height: 10px; }
  .custom-options { width: 100%; height: 200px; }
  .custom-options:before { width: 7px; height: 7px; }
  .radio_txt { width: 100%; vertical-align: middle; }   
  .submit_btn input { font-size: 20px; margin:15px auto; }
  .form_wrap h3 { font-size: 1em; margin: 1em 0; }
  .form_group h4 span { font-size: .8em; }
  .footer_in { font-size: 1em; padding: 1em 0; }
  #page_top a { font-size: 2em; }
  .copy { font-size: .8em; }
  .footer_in ul { font-size: .8em; }  
  .mt_st_control { font-size: 12px; }
  .mt_st_btn-c { font-size: 20px; border-radius: 20px; }
  .mt_st_questions > li > h2 { font-size: 16px; }
  .mt_st_questions > li > h2 span { font-size: 20px;}
  .mt_st_result_txt1 { padding: 15px 0; }
  .mt_st_questions_wrap h4 { margin: 0; }
  .form_wrap p { padding: 15px 0; }
}