@import url("default.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Shippori+Mincho:wght@500;600;700&display=swap');

* {-webkit-text-size-adjust:100%;}
a { transition: .3s;}
a:link {text-decoration:none; color:#231815;}
a:visited{text-decoration:none; color:#231815;}
a:hover{text-decoration:none; color:#231815; opacity: .7;}
a:active{text-decoration:none; color:#231815;}
body { min-width: 1200px; font-size: .17rem; line-height: 1.8; background-color: #fff; font-family: 'Noto Sans JP', sans-serif; }

.full-width { margin-left: calc(-50vw + 50%); margin-right: calc(-50vw + 50%); }
.allWrapper { overflow: hidden; }
.container-fluid { max-width: 1040px; }

.flexed { display: flex;}
.text-black { color: #231815;}
.text-white { color: #fff;}
.text-red { color: #b90000;}
.text-light-blue { color: #0096BC;}
.text-blue { color: #1163AA;}
.text-green { color: #008F59;}
.text-orange { color: #F29744;}
.text-orange-d { color: #ef721b!important;}
.text-gray { color: #bdbdbd;}
.bg-black { background: #231815;}
.bg-white { background: #fff;}
.bg-orange { background: #F29744;}
.bg-orange-d { background: #ef721b;}
.bg-red { background: #b90000;}
.bg-mizuiro { background: #D4ECF8;}
.bg-light-blue { background: #0096BC;}
.bg-blue { background: #1163AA;}
.bg-green { background: #008F59;}
.b-der-b { border-bottom: #9FA0A0 solid 1px;}
.ler-s0 { letter-spacing: -.06em;}
.ler-s70 { letter-spacing: .07em;}
.ler-s100 { letter-spacing: .1em;}
.ler-s300 { letter-spacing: .3em;}
.ler-s400 { letter-spacing: .4em;}
.ler-s600 { letter-spacing: .6em;}
.ler-s700 { letter-spacing: .7em;}
.line-hi-1 { line-height: 1;}
.font-shippori { font-family: 'Shippori Mincho', sans-serif; }
.bold500 { font-weight: 500;}
.bold600 { font-weight: 600;}
.white-btn a { position: relative; display: inline-block; width: 100%; font-size: 14px; letter-spacing: .1em; padding: 10px; border: #231815 1px solid; background: #fff;}
.white-btn a img { position: absolute; width: 15px; top: 14px; right: 35px;}
.detail-btn a { position: relative; display: inline-block; width: 200px; height: 40px; font-size: 12px; letter-spacing: .1em; padding: 9px; color: #fff; border: none; border-radius: 1rem;}
.detail-btn a img { position: absolute; width: 13px; top: 13px; right: 55px;}
.grecaptcha-badge { opacity: 0; }
header .menu-trg-area { position: fixed; top: 20px; right: 20px; margin: auto; display: none; width: 40px; height: 40px; background: #1163AA; border-radius: 5px; cursor: pointer; z-index: 3;}
header .menu-trigger,
header .menu-trigger span { display: inline-block; transition: all .4s; box-sizing: border-box;}
header .menu-trigger { position: absolute; top: 13px; width: 17px; height: 13px; z-index: 2; left: 0; right: 0; margin: auto;}
header .menu-trigger span { position: absolute; left: 0; width: 100%; height: 1px; background-color: #fff;}
header .menu-trigger span:nth-of-type(1) { top: 0;}
header .menu-trigger span:nth-of-type(2) { top: 6px;}
header .menu-trigger span:nth-of-type(3) { bottom: 0;}
header .menu-trigger.active span:nth-of-type(1) { -webkit-transform: translateY(20px) rotate(-45deg); transform: translateY(20px) rotate(-45deg); top: -14px;}
header .menu-trigger.active span:nth-of-type(2) { left: 50%; opacity: 0; -webkit-animation: active-menu-bar02 .8s forwards; animation: active-menu-bar02 .8s forwards;}
header .menu-trigger.active span:nth-of-type(3) { -webkit-transform: translateY(-20px) rotate(45deg); transform: translateY(-20px) rotate(45deg); bottom: -14px;}
header .logo img { width: 390px; max-width: 100%;}
header .top-log-sec { height: 160px; background: rgb(161,209,216); background: linear-gradient(-90deg, rgba(161,209,216,1) 25%, rgba(76,179,189,1) 50%, rgba(32,136,186,1) 100%); position: relative; }
header .top-log-sec2st { height: 200px;}
header .first-view { position: absolute; display: flex; top: 40px; align-items: center; }
header .top-call { padding-left: 1.1rem; display: inline-block;}
header .jiko-info a { display: flex;}
header .jiko-info a .p-title { font-size: 17px;  text-align: center; width: 315px; height: 35px; padding: 3px 0; }
header .jiko-info a img { width: 55px; padding-top: 3px; margin: 0 10px;}
header .jiko-info a .p-tel { font-size: 34px; line-height: 1;}
header .jiko-info a .s-call { display: flex;}
header .gnav-first { position: absolute; top: 770px; left: 0; right: 0;}
header .gnav-first ul { display: flex; justify-content: center; margin-bottom: -6px;}
header .gnav-2st { position: absolute; top: 50px; left: 0; right: 0;}
header .gnav-2st ul { display: flex; justify-content: right; margin-bottom: -6px;}
header .gnav-2st ul li a img { width: 190px;}
header .blue-bottom { margin-top: 5px;}
header .blue-bottom2st { position: relative; height: 15px; margin-top: 5px;}
footer { background: #e5e5e5; position: relative; overflow: hidden; }
footer .bg-ag { position: absolute; right: -5%; bottom: -10%; width: 40%; pointer-events: none; }
footer .company-detail { display: flex; padding: 25px 0;}
footer .company-detail a { display: inline-block;}
footer .company-detail img { width: 230px;}
footer .add-box h5 { font-size: 28px; padding: 45px 0 10px;}
footer .add-box { font-size: 19px; line-height: 1.7; font-weight: 500;}
footer .policy-type { display: flex; margin-left: 45px; font-size: 19px; font-weight: 500;}
footer .comp-logos { display: flex; margin-left: 45px; padding-bottom: 55px;}
footer .comp-logos .sonpojapan { width: 195px; padding: 20px 55px 0 0;}
footer .comp-logos .sompohimawariseimei { width: 230px; padding: 20px 45px 0 0;}
footer .comp-logos .daiitiseimei { width: 180px;}
footer .comp-logos .orix { width: 210px; padding: 13px 55px 0 0;}
header .sub { height: auto; padding: 60px 0 35px; }
header .sub .logo { position: absolute; left: 25px; top: 15px }
header .sub .first-view { position: relative; width: 100%; top: auto; }
header .sub .globalNavi { position: static; }
header .sub .globalNavi ul { justify-content: flex-end; }
.globalNavi { position: absolute; left: 0; bottom: 0; width: 100%; }
.globalNavi ul { display: flex; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; margin-bottom: -10px; justify-content: center; }
.globalNavi ul li { padding: 0 10px; width: 20%; }
.globalNavi ul li img { box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.6); padding-top: 0; }
.gradient-spacer {background: rgb(201,220,239); background: linear-gradient(90deg, rgba(201,220,239,1) 0%, rgba(39,146,199,1) 60%, rgba(13,111,177,1) 85%, rgba(1,88,142,1) 100%); position: relative; }
.top-sec { height: 7.4rem; position: relative; }
.top-sec img { width: 600px; max-width: 100%; padding-top: 90px;}
.news-sec { margin: 120px 0;}
.news-sec .white-btn a { width: 190px;}
.news-sec ul li { border-top: #9FA0A0 solid 1px;}
.news-sec ul li:last-child { border-bottom: #9FA0A0 solid 1px;}
.news-sec ul li a { display: flex; padding: 14px 20px;}
.news-sec ul li a .p-date { width: 150px; letter-spacing: .2em; color: #1163AA;}
.support-sec h3 { font-size: 55px; letter-spacing: .12em; font-weight: bold; margin-bottom: 20px;}
.support-sec h5 img { width: 430px; max-width: 100%; margin-bottom: 20px;}
.for-individual { padding: 40px 100px 20px;}
.green-type { padding: 15px 10px 20px; margin-bottom: 35px;}
.green-type figure img { height: 120px; padding: 10px; margin-bottom: 15px;}
.green-type .p-insurance { font-size: 22px; letter-spacing: -.12em; color: #008F59; font-weight: bold; margin-bottom: 10px;}
.for-corporation { padding: 40px 100px 20px;}
.for-corporation .blue-type .corp-title { position: relative; font-size: 25px; font-weight: bold; padding: 20px 0; background: #0096BC; color: #fff;}
.for-corporation .blue-type .corp-title img { position: absolute; bottom: -15px; right: 0; left: 0; margin: 0 auto;}
.for-corporation .blue-type .corp-detaile { background: #fff; padding: 25px 15px 20px; margin-bottom: 30px;}
.for-corporation .blue-type .corp-detaile .detail-btn { margin-top: 25px;}
.for-corporation .blue-type .small-box img { height: 70px;}
.for-corporation .blue-type .p-s-text { line-height: 1.05; padding: 17px 0;}
.web-sec { padding: 40px 100px 40px; margin-bottom: 170px;}
.web-sec ul li a img { margin-bottom: 45px;}
.web-sec ul li:last-child a img { margin-bottom: 50px;}
.relief-sec .relief-title { margin-right: 14%;}
.relief-p-title { padding: 25px 0 ;}
.relief-box { margin: -1px 0 0 auto; padding: 60px 45px 70px;}
.relief-box p { position: relative; font-size: 22px; letter-spacing: .26em; color: #1163AA; line-height: 1.5; font-weight: bold; margin-bottom: 25px; text-align: center;}
.relief-box p .rod-l { position: absolute; bottom: -5px; left: -10px;}
.relief-box p .rod-r { position: absolute; bottom: -5px; right: -0px;}
.relief-box ul { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 35px;}
.relief-box ul li { width: 120px; height: 120px; color: #1163AA; font-weight: bold; padding-top: 35px; margin: 0 8px; border-radius: 1rem; line-height: 1.5; background: #F6F3A4; text-align: center;}
.relief-box ul li:first-child { margin-left: 0;}
.relief-box ul li:last-child { margin-right: 0;}
.relief-box .t-text {line-height: 1.64; font-weight: bold;}
.people-box { position: relative;}
.people-box .people-photo { position: absolute; top: 35px; right: 0; width: 740px;}
.company-profile { margin: 120px 0  130px;}
.company-profile .comp-style { display: flex;}
.company-profile figure { position: relative; width: 600px; max-width: 100%; z-index: 2;}
.comp-style .comp-detail { width: 100%; margin-top: 70px; margin-left: -60px;}
.comp-style .comp-detail h4 { font-size: 32px; font-weight: bold; letter-spacing: .44em; color: #1163AA; background: #E6E6E5; padding: 70px 0 20px 100px;}
.comp-style .comp-detail .t-title { font-weight: 500; color: #fff; background: #1163AA; padding: 50px 120px 25px; border-bottom: #E6E6E5 90px solid;}
.company-profile .white-btn a { display: inline-block; text-align: center; color: #fff; margin: 20px 0 20px; background: rgba(163, 99, 99, 0); border: #fff 1px solid; width: 235px;}
.company-profile .white-btn a img { right: 65px;}
.map-title figure img { width: 55px; margin-bottom: 15px;}
.map-title .t-title { font-size: 32px; font-weight: bold; letter-spacing: .44em; margin-bottom: 25px;}
.insurance-flow-sec h3 img { width: 420px; max-width: 100%;}
.flow-icon-sec ul { display: flex; flex-wrap: wrap; justify-content: center; padding: 45px 0 35px; margin: 70px;}
.flow-icon-sec ul li { width: 190px; max-width: 100%; margin-left: 15px; margin-bottom: 15px;}
.flow-icon-sec ul li:last-child { width: 173px; max-width: 100%;}
.profile-detail-sec { padding: 0 0 110px;}
.two-color-b { margin: 0 0 15px;}
.two-color-b02 { width: 320px; max-width: 100%;}
.two-color-b03 { width: 650px; max-width: 100%;}
.profile-detail-sec ul { width: 700px; max-width: 100%;}
.profile-detail-sec ul li { display: flex; padding: 15px 5px; border-top : #231815 1px solid;}
.profile-detail-sec ul li:last-child { border-bottom: #231815 1px solid;}
.profile-detail-sec ul li .p-title { width: 190px; padding-top: 5px; font-weight: 600; vertical-align: middle;}
.profile-detail-sec ul li .p-text { font-size: 20px; width: calc(100% - 190px);}
.for-customer { margin-bottom: 120px;}
.for-customer ul { border-top: #231815 1px solid; border-bottom: #231815 1px solid;}
.for-customer ul li { padding: 15px 0 10px;}
.for-customer .blue-list { display: flex;}
.privacy-policy-sec { margin: 100px 0 200px;}
.privacy-type h4 { font-size: 45px; font-weight: bold; letter-spacing: .1em; font-weight: 500; margin-bottom: 100px;}
.privacy-type .m-title { font-size: 31px; line-height: 1.4; display: inline-block; text-align: center; letter-spacing: .1em; padding: 10px 35px; margin-bottom: 50px; border-radius: 1rem; background: #1163AA; color: #fff;}
.privacy-type ul li { margin-bottom: 50px;}
.privacy-type ul li .t-title { display: flex; font-size: 26px; margin-bottom: 20px; font-weight: 500; color: #1163AA;}
.privacy-type ul li .t-title p { margin-right: 5px;}
.privacy-type ul li .t-text { display: flex; font-size: 20px; margin-bottom: 20px; font-weight: 500;}
.privacy-type ul li .p-maru { margin: 0 10px 0 30px;}
.privacy-type02 .detail-title { font-size: 26px; margin-bottom: 30px; font-weight: 500; background: #DCDDDD;}
.privacy-type02 .detail-text { font-size: 26px; font-weight: 500;}
.privacy-type02 ul li .t-text { margin: 0 0 80px 35px;}
#single-blog .title-wrap p { display: inline-block; font-size: 0.12rem; letter-spacing: 0;}
#single-blog .title-wrap .title { font-size: 0.21rem; font-weight: bold; border-bottom: 2px solid #f1f1f1; padding-bottom: 0.15rem; margin: 0.1rem 0 0.5rem; position: relative;}
#single-blog .title-wrap .title:after { content: ""; width: 1rem; left: 0; bottom: -2px; height: 2px; background: #278fc5; position: absolute; z-index: 1;}
#single-blog .navigation-box { text-align: center; margin: 0.6rem 0; position: relative;}
#single-blog .navigation-box .category { display: inline-block; border: 1px solid #ffb6b5; padding: 0.04rem 0.1rem; color: #ffb6b5; font-weight: bold; font-size: 0.17rem;}
#single-blog .navigation-box .main-button { border: none; background: rgb(161,209,216); background: linear-gradient(-90deg, rgba(161,209,216,1) 25%, rgba(76,179,189,1) 50%, rgba(32,136,186,1) 100%); color: #fff; padding: 10px 25px 10px; border-radius: 0.2em; cursor: pointer; }
#single-blog .navigation-box span a { position: absolute; top: 0; bottom: 0; margin: auto; font-weight: bold; color: #278fc5; font-size: 0.15rem; height: 0.15rem; line-height: 1;}
#single-blog .navigation-box span.next a { left: 0;}
#single-blog .navigation-box span.prev a { right: 0;}
.widget h4 { font-size: 0.15rem; line-height: 0.245rem; letter-spacing: 0; border-radius: 12px; display: inline-block; margin-bottom: 0.1rem;}
.widget strong.title { font-size: 0.16rem; line-height: 0.315rem; letter-spacing: 0.1em; font-weight: bold; background: #F6F7FA; border-left: 8px solid #278fc5; padding: 0.06rem 0.15rem; margin-bottom: 0.2rem; display: block;}
.widget ul { margin-bottom: 0.4rem;}
.widget ul li { border-bottom: 1px dotted #9A9A9B;}
.widget ul li a { display: flex; font-size: 0.14rem; align-items: center; line-height: 0.19rem; padding-top: 0.1rem; padding-bottom: 0.1rem; position: relative;}
.widget ul li a img { width: 75px; margin: 0; float: none;}
.widget ul li a span { width: calc(100% - 75px); padding-left: 1em; }
.widget .widget_recent_entries ul li { position: relative; padding-top: 0; margin-bottom: 8px;}
.widget .widget_recent_entries ul li:first-child {  }
.widget .widget_recent_entries ul li a { padding-top: 0.2rem;}
.widget .widget_recent_entries ul li span { font-size: 0.11rem; position: absolute; top: 0; left: 0; color: #585858;}
.widget > div { margin-bottom: 40px; }
table#wp-calendar { table-layout: fixed; width: 100%; margin: 0 auto 5px auto; padding: 0; border-collapse: collapse; border-spacing: 0; font-size: 12px;}
table#wp-calendar caption { margin: 0 0 0 0; padding: .1rem 0; width: auto; text-align: center; font-weight: bold; background-color: #fff; border: thin solid #f1f1f1; border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; caption-side: top;}
table#wp-calendar #today { font-weight: bold; background: #ddd;}
table#wp-calendar .pad { font-weight: bold; background-color: #fff;}
table#wp-calendar th,
table#wp-calendar td { vertical-align: middle; text-align: center; padding: .05rem 0;}
table#wp-calendar td { line-height: 1.8; border: thin solid #f1f1f1;}
table#wp-calendar th { font-style: normal; font-weight: bold; border-left: thin solid #f1f1f1; border-right: thin solid #f1f1f1;}
table#wp-calendar a { font-size: 12px; color: #00a0dd; padding: 0; text-decoration: underline;}


@media (min-width: 992px) {
	.md-view { display: none;}
}
@media (max-width: 991px) {
	.md-none { display: none;}
}
@media (max-width: 767px) {
}
@media (min-width: 576px) {
	.sp-view { display: none;}
	.tab-view { display: none;}
}

@media (max-width: 575px) {
	body { min-width: 375px; padding-bottom: 68px;}
	.sp-none { display: none;}
	.tab-none { display: none;}
	header .top-log-sec2st { height: 160px;}
	header .menu-trg-area { display: block;}
	header .gnav {  position: fixed; right: -375px; top: 0; width: 375px; height: 100%; background: rgba(255,255,255,1); display: block; margin-top: 0!important; padding: 75px 15px 30px; transition: .3s; z-index: 3;}
	header .gnav.active { right: 0; }
	header .gnav a { display: block; padding-bottom: 10px; border-bottom: 1px solid #1163AA; margin-bottom: 20px; margin-left: 0!important; }
	header .gnav a .p-text { color: #1163AA; font-weight: bold;}
	header .first-view { display: block; top: 25px;}
	header .top-log-sec { height: 80px;}
	header .logo img { width: 230px; margin-left: 35px;}
	header .sub { padding: 10px 0; }
	header .sub .logo { left: 0; top: 15px; }
	header .gradient-spacer { display: none; }
	header .jiko-info a .s-call { padding-top: 10px; align-items: center; }
	header .jiko-info a img { width: 40px; }
	header .jiko-info a .p-tel { font-size: 24px; }
	footer .company-detail img { width: 170px;}
	footer .add-box h5 { font-size: 16px; padding: 20px 0 10px;}
	footer .add-box { font-size: 11px; line-height: 1.7;}
	footer .policy-type { margin-left: 30px; font-size: 12px; justify-content: center;}
	footer .comp-logos { flex-wrap: wrap; justify-content: center; margin-left: 30px; padding-bottom: 55px;}
	footer .comp-logos .sonpojapan { width: 120px; padding: 20px 0 ; margin-right: 10px;}
	footer .comp-logos .sompohimawariseimei { width: 120px; padding: 20px 0 ; margin-right: 10px;}
	footer .comp-logos .daiitiseimei { width: 120px;}
	footer .comp-logos .orix { width: 120px; padding: 20px 0 ; margin-right: 10px;}
	footer .bg-ag { width: 80%; }
	.top-sec { height: 240px;}
	.top-sec img { width: 180px; padding-top: 40px;}
	.news-sec .white-btn a { width: 250px; font-size: 12px; padding: 3px;}
	.news-sec .white-btn a img { width: 13px; top: 8px; right: 60px;}
	.news-sec ul li a { display: block; padding: 14px 15px;}
	.for-individual { padding: 40px 15px 20px;}
	.for-corporation { padding: 40px 15px 20px;}
	.web-sec { padding: 40px 15px 20px; margin-bottom: 170px;}
	.relief-sec .relief-title { margin-right: 0;}
	.people-box .people-photo { position: relative; top: -1px; right: 0; width: 100%;}
	.relief-p-title { text-align: center!important;}
	.relief-box { padding: 40px 15px 40px;}
	.relief-box p { font-size: 17px;}
	.relief-box p .rod-l { bottom: 0px; left: 0px; width: 30px;}
	.relief-box p .rod-r { bottom: 0px; right: 0px; width: 30px;}
	.relief-box ul li { width: 105px; height: 105px; }
	.company-profile { margin: 50px 0 30px;}
	.comp-style .comp-detail { margin-top: 40px; margin-left: 0;}
	.company-profile .comp-style { display: block;}
	.company-profile .comp-style figure { padding: 0 60px;}
	.company-profile .white-btn a { font-size: 12px; color: #fff; margin: 20px 0 20px; padding: 3px 0; left: 0; background: rgba(173, 150, 150, 0); border: #fff 1px solid; width: 235px;}
	.company-profile .white-btn a img { width: 13px; top: 8px;}
	.comp-style .comp-detail h4 { font-size: 22px; padding: 40px 0 15px;}
	.comp-style .comp-detail .t-title { padding: 30px 15px 10px; border-bottom: #E6E6E5 40px solid;}
	.comp-detail { text-align: center;}
	.map-title { margin: 30px}
	.map-title .t-title { font-size: 23px;}
	.googlemap-sec iframe { height: 250px;}
	.insurance-flow-sec h3 img { width: 270px;}
	.flow-icon-sec ul { margin: 40px 0 40px; }
	.flow-icon-sec ul li { width: 42%; max-width: 100%; margin-left: 15px; margin-bottom: 15px;}
	.flow-icon-sec ul li:last-child { width: 38%; max-width: 100%;}
	.profile-detail-sec  { background-position: right -230px bottom 0;}
	.profile-detail-sec { padding: 40px 0 60px;}
	.profile-detail-sec ul li { display: block;}
	.profile-detail-sec ul li .p-title { width: 190px; padding-top: 5px;}
	.profile-detail-sec ul li .p-text { font-size: 14px; width: 100%;}
	.bg-offwhite { background: rgba(255, 255, 255, 0.5);}
	.privacy-policy-sec { margin: 50px 0 0;}
	.privacy-type h4 { font-size: 24px; margin-bottom: 30px;}
	.privacy-type .m-title { font-size: 20px; padding: 5px 25px; display: block; margin-bottom: 25px;}
	.privacy-type ul li { margin-bottom: 25px;}
	.privacy-type ul li .t-title { font-size: 13px; margin-bottom: 15px;}
	.privacy-type ul li .t-text { font-size: 11px; margin-bottom: 10px;}
	.privacy-type ul li .p-maru { margin: 0 10px 0 15px;}
	.privacy-type02 .detail-title { font-size: 13px; text-align: center; margin-bottom: 15px;}
	.privacy-type02 .detail-text { font-size: 13px;}
	.privacy-type02 ul li .t-text { margin: 0 0 10px 15px;}
	.fixed-menu { position: fixed; left: 0; bottom: -300px; transition: .6s; width: 100%; z-index: 3; background: #1163AA; }
	.fixed-menu.active { bottom: 0; }
	.fixed-menu ul { display: flex; text-align: center; }
	.fixed-menu ul li { width: 33.3333%; border-right: 2px solid rgba(255,255,255,.5); }
	.fixed-menu ul li:last-child { border: none; }
	.fixed-menu ul li a { background: #1163AA; display: block; height: 100%; padding: 10px 0; }
	.fixed-menu ul li img { width: 34px; margin-bottom: 5px; }
	.fixed-menu ul li span { display: block; line-height: 1.4; font-size: 10px; font-weight: bold; color: #fff; }
}


.sec-title { text-align: center; font-weight: bold; font-size: 30px; margin-bottom: 40px; }
.sec-title.under_line { position: relative; padding-bottom: 20px; margin-bottom: 60px; }
.sec-title.under_line:before { content: ""; width: 50px; height: 3px; background: #278fc5; position: absolute; left: 0; bottom: 0; right: 0; margin: 0 auto; }
.cf-header { border-top: 1px solid #ddd; display: flex; flex-wrap: wrap; padding: 10px 0; align-items: flex-end; }
.cf-header > div { width: 50%; padding: 25px 5% 15px; }
.cf-header > div:first-child { border-right: 1px solid #ddd; }
.cf-header .telnum { line-height: 1; }
.cf-header .telnum small { margin-right: 15px; }
.cf-header .telnum strong { font-size: 180%; letter-spacing: .04em; }
.table-res-form { width: 100%; margin-top: .1rem; margin-bottom: .35rem; font-family: "fot-cezanne-pron",sans-serif; overflow: hidden; border-bottom: 1px solid #ddd; font-size: .19rem;}
.table-res-form th, .table-res-form td { padding: .2rem; border-top: 1px solid #ddd;}
.table-res-form th { width: 25%; font-size: .19rem; line-height: 1.73; letter-spacing: .05em; text-align: left; padding-left: .72rem; padding-right: .1rem; position: relative; font-weight: bold;}
.table-res-form th .requied { font-size: 11px; line-height: 1; display: flex; position: absolute; left: 1.5rem; white-space: nowrap; color: #FF5593; padding: 0 5px; border-radius: 3px; top: -2px; bottom: 0; height: 20px; margin: auto 0; align-items: center; justify-content: center;}
.table-res-form th .requied:before { content: "*"; }
.table-res-form td { font-size: .19rem; line-height: 1.73; padding-left: .45rem; position: relative; }
.table-res-form td .label-name { display: none!important; min-width: 80px; display: inline-block;}
.table-res-form td .requied { font-size: .117rem; line-height: .24rem; letter-spacing: .025em; padding-left: 15px; display: inline-block;}
.table-res-form td small.d-block { font-size: .12rem; line-height: 1.6; letter-spacing: .025em;}
.table-res-form input.minput { width: 100px!important; text-align: right; }
.table-res-form input[type="text"],
.table-res-form input[type="email"],
.table-res-form input[type="tel"],
.table-res-form input[type="date"],
.table-res-form input[type="number"],
.table-res-form select,
.table-res-form textarea { padding: .15rem .1rem; margin-bottom: 0.5em; font-size: .15rem; width: 52%; background: #eee; border: none; margin-right: 0.15rem;}
.table-res-form .p-country-name + br { display: none; }
.table-res-form .postal-code input[type="text"] { width: 35%;}
.table-res-form .inquiry-detail textarea { width: 90%;}
.table-res-form textarea { width: 90%; }
.table-res-form input[type="text"]:focus, textarea:focus { background: #EEFFFF; box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.5);}
.table-res-form input[class*="p-postal-code"] { width: 140px;}
.table-res-form span.wpcf7-not-valid-tip { font-size: 0.1rem; display: inline-block;}
.table-res-form + p { text-align: center; max-width: 250px; margin: auto; position: relative;}
.table-res-form + p:after { content: ""; background: url("../images/common/link_arrow_w.svg")no-repeat; width: 9px; height: 11px; background-size: contain; position: absolute; right: 10px; top: 25%; margin: auto;}
.table-res-form span.wpcf7-list-item { margin: 0 2em 0 0!important;}
.table-res-form span.wpcf7-list-item.first { margin-left: 0!important;}
.table-res-form span.wpcf7-acceptance .wpcf7-list-item { margin-left: 0!important; margin-right: .07rem!important;}
.table-res-form input[type="submit"] { position: relative; display: block; width: 100%; max-width: 1.7rem; padding: .06rem 0 .035rem; text-align: center; color: #fff!important; transition: all .3s; background: #005ab9; margin: auto;}
.table-res-form p { position: relative;}
button.main-button { border: none; background: rgb(161,209,216); background: linear-gradient(-90deg, rgba(161,209,216,1) 25%, rgba(76,179,189,1) 50%, rgba(32,136,186,1) 100%); color: #fff; padding: 10px 25px 8px; font-size: 22px; border-radius: 0.2em; cursor: pointer; }
@media (max-width: 575px) {
	.sec-title { font-size: 24px; margin-bottom: 25px; }
	.cf-header { padding: 0; }
	.cf-header > div { width: 100%; padding: 20px ​5% 15px; }
	.cf-header > div:first-child { border-right: 0; border-bottom: 1px solid #ddd; }
	.table-res-form .empty { display: none;}
	.table-res-form p { position: static; }
	.table-res-form th, .table-res-form td { width: 100%; display: block;}
	.table-res-form th { text-align: left; font-size: 16px; margin-bottom: 15px; margin-top: 20px; letter-spacing: .1em; padding: .6em 0 .7em; border-bottom: 1px solid #ddd; line-height: 1; display: flex; align-items: center; border-top: none;}
	.table-res-form th .requied { left: auto; right: 0; }
	.table-res-form td { padding-left: .15rem; border: none; padding: 0; padding-bottom: .2rem;}
	.table-res-form td .label-name { width: 100%; margin-bottom: .1rem;}
	.table-res-form td span.label-name.none-md { display: none;}
	.table-res-form span.postal-code input[type="text"],
	.table-res-form span.your-name input[type="text"] { margin-bottom: 0;}
	.table-res-form td .requied { padding-left: 0; }
	.table-res-form input[type="text"],
	.table-res-form input[type="email"],
	.table-res-form input[type="tel"],
	.table-res-form .inquiry-detail textarea,
	.table-res-form .postal-code input[type="text"] { width: 100%;}
}