
.bus_coop_3_item_sp__1 {
    display: none;
}
.bus_coop_3_item_sp__2 {
    display: none;
}
.flow_sp {
    display: none;
}
.compensation__sp {
    display: none;
}
.tool_blue {
    background: #339999;
}

.content_area {
    padding: 6vw 0 0;
}
@media all and (-ms-high-contrast: none) {
    *::-ms-backdrop, .content_area {
      /* IE11 にのみ適用される */
      display: block;
    }
}

.title_page {
    background: #f4abab;
    padding: 5px 0;
}

.title_page__content {
    width: 990px;
    margin: 0 auto;
    text-align: left;
    padding: 10px 0;
}


#list_wrap table th,
#list_wrap table td {
	font-family: "小塚ゴシック Pro", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    border-bottom: 1px dotted #f4abab;
}

.page_content__table {
    margin: 20px 0 180px;
}

#wrapper #head h1.yokaku_title {
	position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    background: none;
    text-align: center;
    right: 0;
    left: 0;
}


.yoyaku_head {
	background: url(../img/reserve/main_visual.jpg) no-repeat left center;
	height: 0;
    padding-top: 26.04%;
	background-size: contain;
	position: relative;
}

.contact_head {
    background: url(../img/contactform/main_visual.jpg) no-repeat left center;
    height: 0;
    padding-top: 26.04%;
    background-size: contain;
    position: relative;
}

.contact_title {
    position: absolute;
    top: 50%;
    transform: translate(0%, -50%);
    background: none;
    text-align: center;
    right: 0;
    left: 0;
}


.k_bus__logo {
	position: absolute;
    top: 0;
    left: calc((100vw - 990px) / 2);
    z-index: 1;
}

.k_bus__logo img {
    width: auto;
    height: 6vw;
}

.yokaku_ti{
	width:90%;
	padding:1.7% 5%;
	background-color:#f4abab;
	color:#534741;
	font-weight:bold;
}

.yokaku_ti__label {
	font-family:  "小塚明朝 Pro", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 21px;
}

.yokaku_button {
	letter-spacing: .5em;
	-webkit-appearance: none;
    -moz-appearance: none;
	appearance: none;
	font-family: "小塚ゴシック Pro", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
	width:90%;
	margin:5% 5% 70px;
	background: linear-gradient(to bottom, #ff99a1, #f7c2c2);
    border: 0;
    box-shadow: none;
    color: #534741;
    border-radius: 50px;
    font-size: 30px;
    padding: 10px;
    display: block;
}
@media all and (-ms-high-contrast:none) {
	.yokaku_button {
		font-family: "メイリオ",Meiryo,"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	}
}

.formTable{
	border-color: #fff;
	border-spacing: 4px;
	width:100%;
}

.formTable th{
	/* width:30%; */
	padding:2%;
	background-color:#f4abab;
	color:#534741;
	font-weight:bold;
	font-family:  "小塚明朝 Pro", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 18px;
}

.formTable th, .formTable td {
    width: 100%;
    display: block;
    border: 0;
}

.formTable td{
	padding:2%;
}

.btn-area {
    text-align: center;
}

.btn-area .btn-return,.btn-area .btn-kakunin{
	width:44%;
	font-size: 24px;
	font-weight:normal;
	font-family: "小塚ゴシック Pro", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
	letter-spacing: .5em;
	padding: 21px 10px;
	border-radius: 54px;
}

.btn-return {
    width: 90%;
    margin: 5%;
    font-weight: bold;
    background: linear-gradient(to bottom, #e6e6e6, #999);
    border: 0;
    color: #534741;
}

.btn-kakunin {
    background: linear-gradient(to bottom, #ff99a1, #f7c2c2);
    border: 0;
    border-radius: 30px;
    color: #534741;
}

@media all and (-ms-high-contrast:none) {
	.btn-area .btn-return,.btn-area .btn-kakunin {
		font-family: "メイリオ",Meiryo,"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	}
}

.content_thanks__message {
	color: #534741;
	font-family: "小塚ゴシック Pro", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
	font-size: 18px;
	line-height: 1.7;
	margin: 0 0 100px;
}

a.content_thanks__link {
	color: #f4abab;
	font-size: 18px;
	font-family: "小塚ゴシック Pro", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;	
}

#main .send_yoyaku {
	margin: 0 0 120px;
	text-align: center;
}

/* .submit_button {
    margin: 0 0 50px;
} */

.title-back{
    width:100%;
    position:relative;
    height:500px;
    background-image: url(../img/top_back.jpg);
    background-position: center bottom;
    text-align:center;
    margin: 0 0 30px;
}

.title-img{
	width: 868px;
	text-align:center;
	display:block;
	margin: 0 auto;
	position: absolute;
    top: 0;
    right: 0;
    left: 0;
    text-align: center;
    z-index: 1;
}

.yokaku_form{
	margin: 30px 0 0;
	width:100%
}

.yokaku_ti .red_back {
	background: #c1272d;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.5;
	font-family: "小塚ゴシック Pro", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 2px 4px;
}
@media all and (-ms-high-contrast:none) {
	.yokaku_ti .red_back {
		font-family: "メイリオ",Meiryo,"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	}
}

@media screen and ( max-width: 1184px ) {
	.title-img {
		width: 97%;
	}
}

.coop_cont{
	width:1000px;
	margin:auto;
	display:block;
	text-align:left;
}

.bus {
    display: flex;
    justify-content: space-between;
    margin: 0 0 80px;
}

.bus_option__list li:not(:last-child){
	margin-bottom: 25px;
}

.melit_bus{
    display: -ms-grid;
	display: grid;
	margin-bottom: 70px;
	 grid-gap: 30px;
-ms-grid-columns: 310px 30px 310px 30px 310px;
grid-template-columns: repeat(3, 310px);
-ms-grid-rows: 310px 30px 310px;
grid-template-rows: repeat(2, 310px);
}.melit_bus > *:nth-child(1){
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}.melit_bus > *:nth-child(2){
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}.melit_bus > *:nth-child(3){
    -ms-grid-row: 1;
    -ms-grid-column: 5;
}.melit_bus > *:nth-child(4){
    -ms-grid-row: 3;
    -ms-grid-column: 1;
}.melit_bus > *:nth-child(5){
    -ms-grid-row: 3;
    -ms-grid-column: 3;
}.melit_bus > *:nth-child(6){
    -ms-grid-row: 3;
    -ms-grid-column: 5;
}

.title_1 {
	margin-bottom: 50px;
}

.melit_bus_item {
	background: #f3ebd6;
    border-radius: 50%;
    height: 310px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
}

.coop_cont  .melit_bus_item__title {
	font-size: 24px;
	font-family:  "小塚明朝 Pro", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin: 0 0 26px;
	line-height: 1.2;
}


.melit_bus_item__title strong {
	color: #ff9999;
	display: block;
    font-size: 48px;
}


.bus_coop_3_item__pc {
    display: -ms-grid;
    display: grid;
	grid-gap: 24px;
	margin-bottom: 40px;
    -ms-grid-columns: 180px 24px 180px 24px 180px 24px 180px 24px 180px;
    grid-template-columns: repeat(5, 180px);
    -ms-grid-rows: 180px 24px 180px;
    grid-template-rows: repeat(2, 180px);
}.bus_coop_3_item__pc > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}.bus_coop_3_item__pc > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}.bus_coop_3_item__pc > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
}.bus_coop_3_item__pc > *:nth-child(4) {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
}.bus_coop_3_item__pc > *:nth-child(5) {
    -ms-grid-row: 1;
    -ms-grid-column: 9;
}.bus_coop_3_item__pc > *:nth-child(6) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
}.bus_coop_3_item__pc > *:nth-child(7) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
}.bus_coop_3_item__pc > *:nth-child(8) {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
}.bus_coop_3_item__pc > *:nth-child(9) {
    -ms-grid-row: 3;
    -ms-grid-column: 7;
}.bus_coop_3_item__pc > *:nth-child(10) {
    -ms-grid-row: 3;
    -ms-grid-column: 9;
}

.bus_coop_3_item {
	background: #f4abab;
    border-radius: 50%;
    height: 180px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column;
}

.coop_cont .bus_coop_3_item img {
    width: auto;
}

.bus_coop_3_item span {
	color: #534741;
	font-size: 23px;
	display: block;
	margin: 8px 0 0;
	font-family: Kozuka Gothic Pro, -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	letter-spacing: -.08em;
}

.bus_coop1,.bus_coop2{
	display:block;
	/* float:left; */
	/* width:190px; */
	margin-bottom:10px;
}

.option_money h5{
	background-color:#629ca7;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
	padding:1% 2%;
}

.option_money h5 img {
	vertical-align: bottom;
}

.option_money p,
.option_money h4,
.option_money h5 {
	font-family: "小塚ゴシック Pro", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.bg_wrap {
	background-color:#f3ebd6;
}

.bus_sele h4 {
	color:#629ca7;
	border-bottom:#629ca7 solid 1px;
}

.coop_cont .selection__title {
	color: #ef8b85;
	font-size: 28px;
	font-family: "小塚明朝 Pro", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	margin: 40px 0 50px;
}

.compe_txt h4,.bus_sele h4{
	background-image:none;
	text-indent:0;
	font-size:28px;
	margin-bottom:20px;
	padding-bottom: 10px;
	text-align:left;
	font-family: "小塚明朝 Pro", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.compe_txt h4 {
	color:#534741;
	border-bottom:#534741 solid 1px;
}

.coop_cont p{
	font-size:16px;
	font-family: "小塚ゴシック Pro", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.5;
}

.title_t_b {
	margin: 55px 0 0;
}

.flow_bottom {
	display: flex;
}

.flow_bottom img:first-of-type {
	flex-shrink: 0;
}

.flow_bottom__steps img:not(:last-of-type) {
	margin-bottom: 35px;
}

.title_bar--brown {
	background: #534741;
	margin: 0 0 30px;
    padding: 10px 0;
}

.cont_1 {
	margin-bottom: 20px;
	position: relative;
}

.cont_1__link {
	width: 840px;
    height: 80px;
    position: absolute;
    left: 68px;
    right: 0;
    top: 257px;
}

.title_bar {
	background: #f7c3c3;
	margin: 0 0 30px;
	padding: 10px 0;
}

.medium_title {
	margin: 40px 0;
}

.form_planner__label input {
	background: #ccc;
	border-color: #000;
	margin: 0 0 0 10px;
	flex: 2;
	max-width:80%;
}

.headb_tel{
	margin-left:20%;
}

.headb_mail{
	margin-right:20%;
}

#wrapper #head h1.yokaku_title img{
    max-width: 32.4%;
}

.compe_pic {
    margin-right: 30px;
}

#contact-form-wrapper > .contactform_title {
    border: 0;
}

.contact_title__tel {

}

.contact_title__mail {

}


#contact-form-wrapper > .contactform_title+p {
    font-family: "小塚ゴシック Pro", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    padding: 0 0 0 60px;
}

#contact-form-wrapper .contact_tel {
    margin: 0 0 30px;
}

.contact_tel_link {
    font-size: 21px;
    text-decoration: none;
    padding: 0 0 0 67px;
}

.contact_tel_link:before {
    content: '';
    display: inline-block;
    width: 27px;
    height: 37px;
    background-image: url(../img/contactform/ico_tel.png);
    background-size: contain;
    margin: 0 10px 0 0;
    vertical-align: middle;
}

#contact-form {
    margin: 40px 0 0;
}

.contactform_block {
    margin: 0 0 30px;
}

#contact-form-wrapper {
    margin: 0 0 50px;
}

.submit_button > input {
    letter-spacing: .3em;
}

h1.contact_title img {
    max-width: 32.4%;
}

.sp_only {
    display: none;
}

#contact-wrapper {
	padding: 40px;
	background: #fef6f6;
	margin-bottom: 60px;
}

#contact-wrapper input,
#contact-wrapper textarea,
#contact-wrapper select {
	background-color: #fef6f6;
	border: 1px solid #f4abab;
}

.contact-form-header {
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
@media all and (-ms-high-contrast:none) {
	.contact-form-header {
        font-family: "メイリオ",Meiryo,"游ゴシック",YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    }
    .contact-form-required {
        display: inline;
    }
}

.content_thanks {
	margin: 110px 0 300px;
}

#kiyaku {
    margin: 50px auto 0;
}

#kiyaku.kiyaku_yakkan {
    margin: 0 auto;
}

.txt_intro {
    font-size: 18px;
    font-family: "小塚ゴシック Pro", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#kiyaku section .title6 .inner {
    color: #534741;
    font-family: "小塚ゴシック Pro", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#kiyaku .kiyaku_content p {
    color: #534741;
    font-family: "小塚ゴシック Pro", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#kiyaku .content ul li, #kiyaku .kiyaku_content ul li {
    font-family: "小塚ゴシック Pro", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.privacy_head {
    font-family: "小塚ゴシック Pro", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.link_break a{
    word-break: break-all;
}

.kiyaku_jouken {
    padding-bottom: 100px;
}

.kiyaku_tokuho {
    padding-bottom: 100px;
}

#kiyaku.kiyaku_tokuho section table th {
    background-color: #534741;
}

#kiyaku.kiyaku_tokuho section table th,
#kiyaku.kiyaku_tokuho section table td {
    border-bottom: 1px dotted #f3ebd6;
}

#list_wrap .business_table a,
#list_wrap .business_table a:link {
    color: #534741;
}

.sp_only {
    display: none;
}

.yakkan #kiyaku .kiyaku_title {
    background-color: #f3ebd6;
    border-radius: 0;
    color: #534741;
    font-family: "小塚ゴシック Pro", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: .1em;
    margin: 0 10px 20px;
    padding: 8px 8px 8px 20px;
    width: 930px;
}

.yakkan #kiyaku .kiyaku_title span:before {
    content: url(../img/yakkan/ico_yakkan.png);
    padding: 0 10px 0 0;
    position: relative;
    top: 3px;
}

.yakkan .accordion_lv2 > li > .content {
    background: #fff;
    font-family: "小塚ゴシック Pro", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.yakkan #kiyaku .kiyaku_tab li a {
    border-radius: 6px;
    color: #534741;
    font-weight: normal;
}

#page1,
#page2,
#page3 {
    padding: 0 0 100px;
}

.yakkn_intro {
    font-family: "小塚ゴシック Pro", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;        
    font-size: 18px;
    margin: 20px 0;
}

#yakkan_wrap {
    width: 990px;
    margin: 0 auto;
    text-align: left;
}

.cont_wrap {
    width: 990px;
    margin: 0 auto;
    text-align: left;
}

.yakkan #kiyaku .content p {
    color: #534741;
}

.yakkan #kiyaku .kiyaku_tab li {
    width: 31%;
}

#kiyaku .kiyaku_tab li:not(:last-child) {
    margin-right: 2.1%;
}

.yakkan .accordion_lv2 li {
    text-align: left;
}

.mail_intro {
    padding: 0 0 0 15px;
}

.send__message {
    text-align: left;
}

.landing_mail .formTable {
    margin: 0 0 20px;
    padding: 20px 0;
    background: #fce6e6;
    border-collapse: separate;
}

.landing_mail .formTable th{
    background-color: transparent;
    padding: 0 27px 10px;
}    
.landing_mail .formTable td{
    border: solid 1px #f4abab;
    margin: 0 auto;
    padding: 0 20px 10px 0;
    padding: 10px;
    width: calc( 100% - 80px );
}
.landing_mail .formTable tr:not(:last-child) td {
    margin: 0 auto 24px;
}

.headbutton_lp_wrapper {
    padding: 20px 0;
}
.headbutton_lp {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 450px 30px 450px;
    grid-template-columns: repeat(2, 450px);
    grid-gap: 0 30px;
    width: 940px;
    margin: 0 auto;
}
.headbutton_lp > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
}
.headbutton_lp > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
}
.headbutton_tel {
    background: linear-gradient(to bottom, #629ca7, #b0cdd2);
    height: 130px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.headbutton_tel:before {
    background-image: url(../img/tel_button__icon.png);
    background-size: contain;
    content: '';
    display: inline-block;
    width: 99px;
    height: 80px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 73px;
}
.headb_tel__box {
    padding: 0 0 0 120px;
}
.headb_tel__box span {
    display: block;
    line-height: 1;
    letter-spacing: -0.05em;
}
.headbutton_tel a {
    text-decoration: none;
}
.headbutton_tel__num {
    color: #fff;
    font-family:  "小塚明朝 Pro", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 40px;
    font-weight: bold;
    padding: 0 0 5px;
}
.headbutton_tel__time {
    color: #fff;
    font-family: "小塚ゴシック Pro", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 18px;
    /* font-weight: 500; */
    padding: 0 0 8px;
}
.headbutton_tel__call {
    font-family: "小塚ゴシック Pro", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 18px;
    font-weight: 500;
}

.tracking__time {
    width: 940px;
    margin: 0 auto;
    padding: 10px 0;
}

.headbutton_mail {
    background: linear-gradient(to bottom, #ff99a1, #f7c2c2);
    height: 130px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.headbutton_mail a{
    text-decoration: none;
}

.headbutton_mail:before {
    background-image: url(../img/mail_button__icon.png);
    background-size: contain;
    content: '';
    display: inline-block;
    width: 57px;
    height: 42px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 73px;
}

.headb_mail__box {
    padding: 0 0 0 70px;
}

.headb_mail__box span {
    display: block;
    line-height: 1;
}

.headbutton_mail__name {
    color: #fff;
    font-family: "小塚明朝 Pro", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: 36px;
    padding: 0 0 10px;
}

.headbutton_tel__copy {
    color: #534741;
    font-family: "小塚ゴシック Pro", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 21px;
    text-align: center;
    font-weight: 500;
}

.form_contents {
    padding: 3% 5%;
}

.body_reserve textarea {
    border: 1px solid #f4abab;
    border-radius: 5px;
    padding: 11px 10px;
}

textarea {
    box-sizing: border-box;
}

.reserve_select {
    width: 100%;
}

.planner_reserve .yokaku_in{
    padding: 1.2% 24%;
}

.planner_reserve .yokaku_name {
    margin-right: 2%;
}

.customer_contacts {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 3% 5%;
}

.customer_contacts__name .radio {
    margin: 0;
}

.customer_contacts__name .radio:first-of-type {
    margin: 0 10px 0 0;
}

.form_split {
    display: flex;
}

.form_split__input {
    width: 80%;
}

.form_split__item span{
    margin: 0 5px 0 0;
}

.landing_index .yokaku_name,
.landing_index .yoyaku_family_text{
    margin-right: 2%;
}

@media screen and ( max-width: 1024px ) {
    .customer_contacts {
        display: block;
        padding: 5%;
    }
    .customer_contacts__name {
        margin: 0 0 30px;
    }
    .landing_index .yokaku_in{
        padding: 2.5% 15%;
    }
    .planner_reserve .yokaku_in{
        padding: 2.5% 15%;
    }
    .form_planner {
		width: 100%;
	}
    .k_bus__logo {
        left: 0;
    }
    .content_thanks {
        margin: 110px 0 150px;
    }
        
    .intro_contact {
        padding: 20px;
    }
    .compe_txt {
        margin: -30px 0 0;
    }    
    .coop_cont .title_1 img {
        max-width: 70%;
        width: auto;
    }
    .option_money h5 img {
        width: auto;
    }
    .compensation {
        display: flex;
    }
    .flow_pc {
        display: none;
    }
    .flow_sp {
        display: block;
    }

    .melit_bus{
        display: grid;
        margin-bottom: 70px;
        grid-gap: 10px;
        grid-template-columns: repeat(3, 33%);
    }
}

@media screen and ( max-width: 1023px ) {
    .compe_txt {
        margin: 0;
    }    
    .compensation {
        display: none;
    }
    .compensation__sp {
        display: block;
    }
    .compensation__sp {
        padding: 0 0 20px;
    }
    .bus {
        margin: 0;
        margin-bottom: 30px;
    }
    .yokaku_in {
        font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
        font-size: 16px;
    }
    .k_bus__logo {
        position: absolute;
        top: 5px;
        z-index: 1;
    }
    .red_back {
        color: #fff;
        font-size: 12px;
        font-family: "小塚ゴシック Pro", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        padding: 2px 5px;
    }
    .agreement input[type="checkbox"] {
        border-color: #ccc;
    }
    .btn-area {
        padding: 0 15px;
        margin: 30px 0;
    }
    .btn-area .btn-return, .btn-area .btn-kakunin {
        width: 100%;
        font-size: 16px;
        padding: 1.6% 10px;
    }
    .btn-area .btn-return {
        margin: 0 0 20px;
    }
    .formTable {
        border: 0;
    }
    .formTable th, .formTable td {
        width: 100%;
        display: block;
        border: 0;
        font-size: 16px;
    }
    .formTable th {
        padding: 10px 20px;
    }
    .formTable td {
        padding: 20px;
    }
    .formTable * {
        box-sizing: border-box;
    }
    .send_yoyaku img {
        max-width: 88%;
    }
    .send__message {
        padding: 0 25px 50px;
    }
    .content_thanks__message {
        margin: 0 0 50px;
    }
    #main .send_yoyaku {
        margin: 40px 0 50px;
    }
}

@media screen and ( max-width: 768px ) {
    .headbutton_mail {
        height: 100px;
    }

    .headbutton_mail:before {
        left: 63px;
    }

    .headb_mail__box {

    }
    .headb_mail__box span {

    }
    .headbutton_mail__name {
        font-size: 26px;
    }
    .headbutton_tel__copy {

    }
    .headbutton_tel {
        height: 100px;
    }
    .headbutton_tel__num {
        font-size: 30px;
    }
    .headbutton_tel__time {
        font-size: 12px;
    }
    .headbutton_tel__call {
        font-size: 12px;
    }
    .headbutton_tel__time {
        font-size: 12px;
    }
    .headbutton_tel:before {
        width: 80px;
        height: 65px;
    }
    .headbutton_lp {
        grid-template-columns: repeat(2, 49%);
        grid-gap: 0 2%;
        width: 100%;
    }
    #tracking_tel {
        margin: 1% 2%;
    }
    .landing_mail .formTable {
        margin: 0 0 20px;
        padding: 20px 0;
        background: #fce6e6;
        border-collapse: separate;
    }
    
    .landing_mail .formTable th{
        font-size: 14px;
        padding: 0px 20px 5px 20px;
        background-color: transparent;
    }    
    .landing_mail .formTable td{
        border: solid 1px #f4abab;
        font-size: 14px;
        margin: 0 auto;
        padding: 10px;
        width: calc( 100% - 40px );
    }
    .landing_mail .formTable tr:not(:last-child) td {
        margin: 0 auto 24px;
    }
    #kiyaku .kiyaku_tab li:not(:last-child) {
        margin-right: 3%;
    }
    .title_page__content {
        width: auto;
    }
    .yakkan #kiyaku .kiyaku_title {
        font-size: 14px;
        width: auto;
        margin: 0 0 20px;
    }
    #yakkan_wrap {
        width: 100%;
        padding: 0;
    }
    .k_bus__logo img{
        height: 60px;
    }
    .content_area {
        padding: 60px 0 0px;
    }
    #main.thanks_main {
        margin: 0 auto;
        width: 70%;
    }
    .k_bus__logo img {
        width: auto;
    }
    .title-back{
        background:url(../img/we_top_sp_01.jpg);
        background-size:cover;
        background-repeat:no-repeat;
        background-position:center bottom;
        height: 0;
        text-align:center;
        padding-top: 40.3%;
        position: relative;
    }
    .cont_1__link {
        width: 640px;
        top: 187px;
    }
    .bus {
        display: block;
    }
    .bus_option__list {
        display: grid;
        grid-template-columns: repeat(2, 50%);
        padding: 20px 10px;
        grid-gap: 5px 10px;
    }
    
    .bus__image {
        padding: 0 50px;
    }
    
    .melit_bus{
        display: grid;
        margin-bottom: 30px;
        grid-gap: 15px 4%;
        grid-template-columns: repeat(2, 48%);
    }
    
    .melit_bus_item {
        background: #f3ebd6;
        border-radius: 50%;
        height: 150px;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        flex-direction: column;
        padding: 10px;
    }

    .whn {
        white-space: nowrap;
    }
    
    .coop_cont  .melit_bus_item__title {
        /* font-size: 12px; */
        font-family:  "小塚明朝 Pro", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        margin: 0 0 18px;
        line-height: 1.2;
    }
    @media all and (-ms-high-contrast: none) {
        *::-ms-backdrop, .coop_cont  .melit_bus_item__title {
          /* IE11 にのみ適用される */
          line-height: 1.5;
        }
    }
    
    .melit_bus_item__title strong {
        color: #ff9999;
        display: block;
        /* font-size: 24px; */
    }
    
    .coop_cont .melit_bus_item__content {
        font-family: "小塚ゴシック Pro", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        line-height: 1.5;
        /* font-size: 10px; */
    }
    
    .title_1 {
        margin: 0 0 30px;
    }
    
    
    .title_bar {
        background: #f7c3c3;
        margin: 30px 0;
        padding: 10px;
    }
    
    .title_bar img {
        max-width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    
    /* .bus_coop {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    } */
    
    .bus_coop1,
    .bus_coop2 {
        width: 27%;
        padding: 0 5px;
    }
    
    .option_money {
        margin: 0;
        padding: 0 10px;
    }
    
    .option_money h5 {
        background-color: #629ca7;
        color: #fff;
        font-size: 16px;
        font-weight: bold;
        padding: 1% 2%;
    }
    
    .bg_wrap {
        background-color: #f3ebd6;
        padding: 10px 15px;
    }
    
    .compe_txt h4 {
        color:#534741;
        border-bottom:#534741 solid 1px;
        text-align: left;
    
        background-image: none;
        text-indent: 0;
        font-size: 14px;
        margin-bottom: 20px;
        padding-bottom: 10px;
        text-align: left;
        font-family: "小塚明朝 Pro", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }
    
    .coop_title .coop_title_hoken {
        /* padding: 0 20px; */
        padding: 20px 0;
    }
    
    .coop_title img {
        max-width: 100%;
        height: auto;
    }
    
    .compe_pic {
        /* width: 44%; */
    }
    
    .flow_top {
        display: flex;
        align-items: center;
        margin-bottom: 10px;
    }
    .flow_bottom {
        display: flex;
    }
    .bus_sele h4 {
        text-align: left;
    }
    .bus_sele h4+p {
        font-size: 12px;
    }
    .coop_cont .selection__title {
        color: #ef8b85;
        font-family: "小塚明朝 Pro", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        margin: 20px 0 25px;
        line-height: 1.9;
        /* text-align: left; */
    }
    .bus_sele:not(:last-of-type) {
        margin-bottom: 25px;
    }
    .bus_sele h4 {
        color: #629ca7;
        border-bottom: #629ca7 solid 1px;
    }
    .bus_sele h4 {
        background-image: none;
        text-indent: 0;
        font-size: 16px;
        margin-bottom: 10px;
        padding-bottom: 5px;
        text-align: left;
        font-family: "小塚明朝 Pro", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    }
    .title_bar--brown {
        background: #534741;
        margin: 0 0 30px;
        padding: 10px 0;
    }
    .coop_cont p {
        font-size: 16px;
        font-family: "小塚ゴシック Pro", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
        line-height: 1.5;
    }
    .text-align-left {
        text-align: left;
    }
    .case .subtitle .inner {
        font-weight: bold;
        font-family: "小塚明朝 Pro", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
        font-size: 16px;
    }
    .cont_1 {
        margin: 0 0 10px;
    }
    .cont_2 {
        margin: 0 0 15px;
    }

    .bus_coop_3_item__pc{
        display: none;
    }
    .bus_coop_3_item_sp__1 {
        display: grid;
        grid-template-columns: repeat(4, 24%);
        grid-gap: 0 10px;
    }
    .bus_coop_3_item_sp__2 {
        display: flex;
        padding: 0 10%;
    }
    .bus_coop_3_item_sp__2 .bus_coop_3_item_sp {
        padding: 0 5px;
    }
    .bus_coop_3 {
        margin: 0 0 20px;
    }
    .option_money h5 {
        text-align: left;
    }
    .option_money p {
        text-align: left;
        /* font-size: 12px; */
        padding: 10px 15px;
    }
    .title_t_b {
        margin: 20px 0 0;
    }
    .compe_content img{
        float: left;
        max-width: 165px;
        padding: 0 10px 10px 0;
    }
    .compe_content {
        overflow: hidden;
    }
    .compe_content p {
        /* font-size: 12px; */
        margin: 0 0 20px;
    }
    .clearfix::after {
        content: "";
        display: block;
        clear: both;
    }
    .cont_5 {
        padding: 20px 0;
    }
    .coop_cont_6 p {
        font-size: 14px;
        margin: 0 0 20px;
    }
    .sp_br {
        display: inline-block;
        margin-right: 20px;
        font-size: 12px;
    }
    .sp_br input[type="checkbox"] {
        margin: 0 .6em 20px 0;
        transform: scale(1.5);
    }
    .f_link {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    footer .inner a {
        font-size: 12px;
    }
    #copyright {
        font-size: 11px;
    }
    .checkbox01-input{
        display: none;
    }
    .checkbox01-parts{
        padding-left: 25px;
        position:relative;
        margin-right: 10px;
    }
    .checkbox01-parts::before{
        content: "";
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: 15px;
        height: 15px;
        border: 2px solid #ccc;
        border-radius: 4px;
    }
    .checkbox01-input:checked + .checkbox01-parts{
        color: #009a9a;
    }
    .checkbox01-input:checked + .checkbox01-parts::after{
        content: "";
        display: block;
        position: absolute;
        top: -5px;
        left: 5px;
        width: 7px;
        height: 14px;
        transform: rotate(40deg);
        border-bottom: 3px solid #009a9a;
        border-right: 3px solid #009a9a;
    }
    .checkbox-label {
        display: inline-block;
        margin: 0 0 5px;
        padding: 5px 0;
    }
    .coop_cont .top_10_sp {
        max-width: 58px;
    }
    .coop_cont .top_12_sp {
        max-width: 47px;
    }
    .coop_cont .top_13_sp {
        max-width: 85px;
    }
    .coop_cont .top_14_sp {
        max-width: 46px;
    }
    .coop_cont .top_15_sp {
        max-width: 83px;
    }
    .mailinfo {
        text-align: left;
    }
    .mailinfo p{
        margin: 0;
    }
    .special_hosyo {
        padding: 10px;
    }
    select, input {
        font-size: 16px;
    }
    .form_wrap > textarea {
        font-size: 16px;
    }
    .case.mt30 {
        text-align: left;
    }
    .form_group .radio{
        margin: 0 15px 8px 0;
        padding: 12px 24px 12px 42px;
    }
    .form_bottom {
        padding: 10px;
    }
    .cont_4 {
        padding: 10px 15px 30px;
    }
    .cont_5 .coop_title {
        padding: 0 20px;
    }
    .flow_sp {
        padding: 0 10px;
    }
    .f18b {
        font-size: 14px !important;
    }
    .coop_cont_6 {
        box-sizing: border-box;
        padding: 0 20px;
    }
    .cont_1 {
        position: relative;
    }
    .cont_1__link {
        position: absolute;
        width: 100%;
        top: 65%;
        height: 50px;
        left: 0;
        right: 0;
    }
    .tracking_time {
        width: auto;
    }
    .tracking_time span{
        padding: 0;
    }
}

.bus_coop {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

@media screen and ( min-width: 768px ) and ( max-width: 1023px ) {
    .main_visual {
        position: relative;
    }
    .melit_bus_item {
        height: 250px;
    }
}

@media screen and ( max-width: 768px ) {
    .submit_button {
        padding: 0 20px;
    }
    .contact_head {
        background: url(../img/contactform/main_visual_sp.jpg) no-repeat left center;
        padding-top: 76.04%;
        background-size: cover;
    }
    .yoyaku_head {
        background: url(../img/reserve/main_visual_sp.jpg) no-repeat left center;
        padding-top: 76.04%;
        background-size: cover;
    }
    h1.contact_title img{
        max-width: none;
    }
    #wrapper #head h1.yokaku_title img{
        max-width: none;
    }
}

@media screen and ( max-width: 767px ) {
    .landing_index .yokaku_name {
        width: 70%;
    }
    .planner_reserve .yokaku_name {
        width: 70%;
    }
    .form_contents {
        padding: 5%;
    }
    .headbutton_lp_wrapper {
        padding: 10px 0;
    }
    .tracking__time {
        font-size: 12px;
    }
    .headbutton_mail__name {
        font-size: 14px;
        padding: 0 0 5px;
    }
    .headbutton_tel__copy {
        font-size: 12px;
    }
    .headb_mail__box {
        padding: 0 0 0 28px;
    }
    .headbutton_mail {
        height: 70px;
    }
    .headbutton_mail:before {
        left: 25px;
        width: 22px;
        height: 16px;
    }
    .headbutton_tel {
        height: 70px;
    }
    .headbutton_tel__num {
        font-size: 19px;
        padding: 0 0 0 25px;
        margin: 0 0 5px 0px;
        position: relative;
    }
    .headbutton_tel__num:before {
        background-image: url(../img/tel_button__icon.png);
        background-size: contain;
        content: '';
        display: inline-block;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        left: 10px;
        width: 20px;
        height: 16px;
    }
    .headbutton_tel__time {
        font-size: 10px;
        padding: 0 0 5px;
    }
    .headbutton_tel__call {
        font-size: 10px;
    }
    .headb_tel__box {
        padding: 0;
        position: relative;
        left: 4px;
    }
    .headbutton_tel:before {
       content: none;
    }
    .form_planner__bottom {
        font-size: 10px;
    }
    .thanks .send_yoyaku img {
        max-width: 288px;
    }
    .yakkan #kiyaku .kiyaku_title {
        line-height: 2.5;
    }
    .yakkan #kiyaku .kiyaku_tab li a {
        font-size: 14px;
        height: 30px;
        line-height: 30px;
    }
    .yakkn_intro {
        font-size: 12px;
        margin: 10px 0;
    }
    .sp_only {
        display: inline;
    }
    #page1,
    #page2,
    #page3 {
        padding: 0 0 50px;
    }
    .kiyaku_jouken {
        padding-bottom: 50px;
    }
    .privacy_head {
        font-size: 12px;
    }
    #kiyaku {
        margin: 30px 0 0;
    }
    #kiyaku section .title6 .inner {
        font-size: 14px;
    }
    .txt_intro {
		font-size: 12px;
	}
    .content_thanks__message {
        font-size: 12px;
    }
    .content_thanks {
        margin: 55px 0 80px;
        text-align: center;
    }
    .contact_tel_link:before {
        width: 18px;
        height: 24px;
    }
    #contact-wrapper {
        padding: 25px 15px 15px;
    }
    #contact-form-wrapper .contact_tel {
        text-align: center;
    }
    .contact_tel_link {
        padding: 0;
    }
    #contact-form-wrapper > h2 {
        padding: 5px 0;
    }
    .contact_title__tel {
        text-align: center;
    }
    .contact_title__mail {
        text-align: center;
    }
    .contact_title__tel img{
        max-width: 212px;
    }
    
    .contact_title__mail img{
        max-width: 202px;
    }    
    .sp_only__inline {
        display: inline;
    }
    #contact-form-wrapper > .contactform_title+p {
        font-size: 12px;
        text-align: center;
        padding: 0;
    }
    .checkbox-label {
        font-size: 11px;
    }
    .form_group .radio{
        margin: 0 15px 8px 0;
        padding: 12px 24px 12px 42px;
        font-size: 11px;
    }
    #tracking_content > p:first-child {
        font-size: 11px;
    }
    .headb_tel{
        margin-left:0;
    }
    
    .headb_mail{
        margin-right:0;
    }
    .form_planner__label input {
		max-width: 118px;
		padding: 5px;
	}
    .top_17 {
        max-width: 322px;
    }
    .medium_title {
        margin: 20px 0 10px;
    }
    .title-back{
        padding-top: 77.3%;
        margin: 0 0 10px;
    }
    .bus_sele {
        padding: 0 20px;
    }
    .coop_cont .selection__title {
        font-size: 16px;
        padding: 0 20px;
    }

    .coop_title h3 .top_18 {
        max-width: 181px;
    }
    .compe_content p {
        font-size: 12px;
    }
    .coop_title h3 .top_08 {
        max-width: 320px;
    }
    .option_money p {
        text-align: left;
        font-size: 12px;
        padding: 10px 15px;
    }

    .coop_cont .top_16_sp {
        max-width: 231px;
    }
    
    .coop_cont  .melit_bus_item__title {
        font-size: 12px;
    }
    .melit_bus_item__title strong {
        font-size: 24px;
    }
    .melit_bus {
        grid-template-rows: none;
    }
    .coop_cont .melit_bus_item__content {
        font-size: 10px;
    }
    .bus {
        margin-bottom: 0;
    }
    .bus_option__list li:not(:last-child){
        margin-bottom: 0;
    }
    .coop_cont {
        box-sizing: border-box;
        width: 100%;
    }
    /* .title-back{
        background:url(../img/we_top_sp_01.jpg);
        background-size:cover;
        background-repeat:no-repeat;
        background-position:center bottom;
        height: 0;
        text-align:center;
        padding-top: 77.3%;
        position: relative;
    } */
    .k_bus__logo img{
        /* max-width: 245px; */
        /* height: auto; */
    }
    .title_page__content .title_company {
        max-width: 100px;
    }
    .title_page__content .title_privacy {
        max-width: 176px;
    }
    .title_page__content .title_jouken {
        max-width: 272px;
    }
    .title_page__content .title_tokuho {
        max-width: 234px;
    }
    .title_page__content .title_business {
        max-width: 206px;
    }
    .title_page__content .title_yakkan {
        max-width: 109px;
    }
    .title_page__content .title_mail {
        max-width: 150px;
    }
    .title_page__content .title_thanks {
        max-width: 150px;
    }
    /* .content_area {
        padding: 60px 0 0px;
    } */
    .title_page__content {
        padding: 5px 15px;
        width: auto;
    }
    .page_content__table {
        margin: 5px 0 70px;
    }
    #list_wrap table th, #list_wrap table td {
        font-size: 13px;
    }
    #list_wrap table th{
        width: 30%;
    }
    footer .inner {
        padding: 40px 10px 10px;
    }
    #wrapper #head h1.yokaku_title img{
        max-width: 305px;
        height: auto;
    }
    h1.contact_title img{
        max-width: 305px;
        height: auto;
    }
    .yokaku_ti__label {
        font-size: 16px;
    }
    .form_group {
        padding: 4% 0;
    }
    .form_single {
        padding: 4% 0;
    }
    .agreement label {
        font-size: 12px;
    }
    .agreement input[type="checkbox"] {
        font-size: 12px;
        transform: none;
        margin: 10px 0.6em 20px 0;
        vertical-align: -4px;
    }
    .body_reserve .yokaku_button {
        font-size: 15px;
        padding: 10px;
    }
    a.content_thanks__link {
        font-size: 12px;
    }
    #main .send_yoyaku {
        text-align: center;
    }
}


@media screen and ( max-width: 599px ) {
    .customer_contacts__name {
        margin: 0 0 20px;
    }
    .form_split__input {
        width: 70%;
    }
    .landing_index .yokaku_in{
        padding: 3% 5%;
    }
    .planner_reserve .yokaku_in {
        padding: 3% 5%;
    }
}

@media screen and ( max-width: 320px ) {
    .customer_contacts__name .radio {
        /* margin: 0 10px 0 0; */
    }
    .landing_index .yokaku_in{
        font-size: 13px;
    }
}

/* 2022.9.16 */
.form_scroll {
    box-sizing: border-box;
    height: 300px;
    margin: 0 auto 24px;
    padding: 36px;
    background-color: #f3ebd6;
    color: #534741;
    overflow-y: scroll;
}
.form_scroll_inner h3 {
    margin-bottom: 12px;
    font-weight: 700;
}
.form_scroll_inner p {
    margin-bottom: 12px;
    line-height: 1.7;
}
.form_scroll_inner table {
    width: 100%;
    table-layout: fixed;
    margin-bottom: 12px;
    border-collapse: collapse;
    border: 1px dotted #f4abab;
    background-color: #fff;
}
.form_scroll_inner table thead th {
    background-color: #f4abab;
    text-align: center;
    color: #fff;
}
.form_scroll_inner table tr {
    border-bottom: 1px dotted #f4abab;
}
.form_scroll_inner table th {
    padding: 12px;
    border-right: 1px dotted #f4abab;
    background-color: #f8c9c9;
    color: #fff;
}
.form_scroll_inner table td {
    padding: 12px;
    border-right: 1px dotted #f4abab;
    color: #534741;
    word-break: break-all;
}
.form_scroll_inner table td.emphasis {
    text-align: center;
    font-size: 1.2em;
    font-weight: 700;
}
@media screen and ( max-width: 599px ) {
    .form_scroll {
        width: 92%;
        margin: 0 auto 24px;
        padding: 12px;
    }
    .form_scroll_inner p {
        font-size: 12px;
    }
}