@charset "UTF-8";
/*--------------------------------------------------------------------------
https://www.kumhotire.co.jp/whoshou_main/
whoshou_main & form
body
---------------------------------------------------------------------------*/
/* html > body {
	font-size:1em;
} */
body{
	margin:0;
	background:#fff;
	list-style:none;
	/* font-size:16px; */
	font-family:"Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans JP", YuGothic, Meiryo;
	font-weight:500;
	line-height:1.7;
	box-sizing:border-box;
}
body main{
	font-size:16px;
}
body * {
	box-sizing:border-box;
}
a {
	color:inherit;
	text-decoration:none;
	outline:none;
	cursor:pointer;
}
img {
	vertical-align:bottom;
	width:auto\9;
	max-width:100%;
	height:auto;
	-ms-interpolation-mode:bicubic;
}
button {
	outline:none;
	padding:0;
	background:none;
	border:none;
	color:inherit;
	font:inherit;
	cursor:pointer;
}
ul li {
	list-style:none;
}
.site_wrap{
	display:flex;
	flex-direction:column;
	min-height:100vh;
}
@media all and (-ms-high-contrast:none){
.site_wrap{
	display:block;
}
}
main {
	z-index:1;
	color:#333;
}
/* mv
---------------------------------------------------------------------------*/
.mv {
	display:grid;
	grid-template-rows:1fr 1fr;
	position:relative;
	height:90vh;
}
.mv_wrap {
	display:flex;
	justify-content:center;
	align-items:center;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	padding:10px 0;
	min-height:40vh;
	background:rgba(255,255,255,.5);
}
.mv_wrap_background {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	gap:10px;
	padding:20px;
	height:100%;
	background:#fff;
}
.mv_sub_text {
	display:flex;
	align-items:center;
	position:relative;
	padding:0 30px;
}
.mv_sub_text > span {
	display:flex;
	align-items:center;
	position:relative;
	background:#fff;
	z-index:2;
}
.mv_sub_text::after {
	position:absolute;
	content:"";
	top:50%;
	left:0;
	transform:translateY(-50%);
	width:100%;
	height:2px;
	background:rgba(235,35,11,.4);
}
.mv_background {
	width:100%;
	height:45vh;
}
.mv_background img {
	width:100%;
	height:45vh;
	object-fit:cover;
}
.mv_background.-sum {
	grid-row:1 / 2;
}
.mv_background.-win {
	grid-row:2 / 3;
}
/* fadeup */
.js-mv {
	opacity:0;
}
.mv_fadeup {
	animation:mvFadeup 1.5s cubic-bezier(0.33, 1, 0.68, 1) 1 forwards;
}
.mv_fadeup.delay02{
	animation-delay:0.4s;
}
.mv_fadeup.delay04{
	animation-delay:0.8s;
}
@keyframes mvFadeup {
	0% {
		transform:translateY(30px);
		opacity:0;
	}
	80% {
		opacity:1;
	}
	100% {
		opacity:1;
		transform:translateY(0);
	}
}
/* section　-　bace
---------------------------------------------------------------------------*/
.section {
	padding:60px 0;
}
.section_inner {
	margin:0 auto;
	padding:40px 20px 0;
	max-width:1140px;
}
.section_title {
	position:relative;
	padding:0 20px;
	text-align:center;
	z-index:1;
}
.section_title > span {
	padding:0 10px;
	background:#fff;
	/* css offset */
	display:inline-block;
}
.section_title span {
	/* css offset */
	font-size:7.5vw;
}
.section_title::after {
	position:absolute;
	content:"";
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:100%;
	max-width:660px;
	height:10px;
	background:linear-gradient(to right, rgba(217, 217, 217, 0.60) 0%, rgba(0, 0, 0, 0.40) 50%, rgba(217, 217, 217, 0.60) 100%);
	z-index:-1;
}
.btn {
	display:block;
	position:relative;
	margin:0 auto;
	padding:10px 30px 10px 20px;
	max-width:500px;
	background:#EC440F;
	border:2px solid #EC440F;
	color:#fff;
	border-radius:40px;
	font-size:1em;
	font-weight:600;
}
.btn::before {
	display:inline-block;
	position:absolute;
	content:' ';
	top:50%;
	right:15px;
	transform:translateY(-50%) rotate(45deg);
	width:10px;
	height:10px;
	border-top:solid 2px #fff;
	border-right:solid 2px #fff;
}
.btn.back-btn {
	position:static;
	padding:5px 20px 5px 20px;
	max-width:240px;
	background:#fff;
	border:2px solid #999;
	color:#999;
	font-weight:500;
	text-align:center;
}
.whoshou_detail_btn_wrap {
	margin-top:40px;
}
.page_title_wrap {
	background:#F5F5F5;
	background:url(/assets/images/whoshou/img-w_background_tire.svg) right top / 45% repeat-y , #F5F5F5;
}
.page_title {
	margin:0 auto;
	padding:40px 20px;
	max-width:1140px;
	font-size:22px;
	font-weight:600;
}
/* section_tab */
.section_tab_list{
	display:flex;
	justify-content:center;
	gap:10px;
	padding:0 10px;
}
.section_tab_list li{
	padding:.5em 1em;
	width:100%;
	height:100%;
	background:#EAEAEA;
	box-shadow:0px 2px 6px 0px rgba(0, 0, 0, 0.16);
	border-radius:5px 5px 0 0;
	color:#666;
	font-weight:600;
	font-size:3vw;
	text-align:center;
	cursor:pointer;
}
.section_tab_list li.active {
	background:#E60113;
	color:#fff;
}
.section_tab_content_wrap {
	position:relative;
	padding:40px 20px;
	border:3px solid #E60113;
	background:#fff;
	border-radius:5px;
	z-index:1;
}
.tab_content_inner {
	display:none;
	opacity:0;
}
.tab_content_inner.active {
	display:block;
	opacity:1;
}
/* campaign_info_list */
.campaign_info_list dl + dl{
	margin-top:40px;
}
.campaign_info_list dl dd {
	margin-top:30px;
}
.campaign_info_title {
	position:relative;
	padding:0 20px;
	font-size:1.2em;
	font-weight:600;
	text-align:center;
	z-index:1;
}
.campaign_info_title > span {
	padding:0 10px;
	background:#fff;
}
.campaign_info_title::after {
	position:absolute;
	content:"";
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	width:100%;
	max-width:none;
	height:2px;
	background:rgba(236, 35, 11, 0.40);
	z-index:-1;
}
/* campaign_info_list tire */
.campaign_info_tire {
	display:flex;
	justify-content:center;
	gap:20px;
}
.campaign_info_tire li {
	display:flex;
	flex-direction:column;
	align-items:center;
}
@media screen and (max-width:400px){
.campaign_info_tire li {
	width:100%;
}
}
.campaign_info_tire img {
	max-height:160px;
}
.campaign_info_tire li > p {
	margin-top:10px;
	text-align:center;
}
.campaign_info_tire li > p > a {
	text-align:left;
}
.campaign_info_tire a::after {
	display:inline-block;
	position:relative;
	content:"";
	top:-0.1em;
	width:6px;
	height:6px;
	margin-left:0.2em;
	vertical-align:middle;
	border-top:2px solid #333;
	border-right:2px solid #333;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
.campaign_info_lead {
	margin-bottom:20px;
}
.campaign_info_lead span {
	display:inline-block;
	font-size:24px;
	font-weight:700;
}
.campaign_info_lead span.-medium {
	font-size:20px;
}
.campaign_info_lead span.-small {
	font-size:1em;
}
.notice_list {
	font-size:.9em;
}
.notice_list.-attention li,
.notice_list.-square li {
	display:flex;
}
.notice_list.-attention li::before {
	content:"※";
	display:inline-block;
}
.notice_list.-square li::before {
	content:"■";
	display:inline-block;
}
/* overview
---------------------------------------------------------------------------*/
#overview.section {
	background:#F5F5F5;
	background:url(/assets/images/whoshou/img-w_background_tire.svg) right top / 45% repeat-y , #F5F5F5;
	border-top:20px solid ;
	border-image:linear-gradient(90deg, #E7B816 0%, #E51C21 100%) 1;
}
#overview .section_title > span {
	background:#f5f5f5;
}
.overview_item {
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:20px;
	position:relative;
	margin-top:30px;
	margin-right:10px;
	padding:50px 20px 30px;
	background:#fff;
	border:4px solid #000;
}
.overview_item + .overview_item {
	margin-top:60px;
}
.case_no {
	position:absolute;
	top:-30px;
	left:50%;
	transform:translateX(-50%);
	padding:10px;
	background:#EC230B;
	color:#fff;
	font-size:20px;
	font-weight:800;
}
.case_no_inner {
	display:flex;
	align-items:center;
	white-space:nowrap;
}
.case_no .-case {
	margin-right:4px;
}
.case_no::after {
	position:absolute;
	content:"";
	bottom:-14px;
	left:50%;
	transform:translateX(-50%);
	width:30px;
	height:15px;
	clip-path:polygon(0 0, 100% 0%, 50% 100%);
	background:#EC230B;
}
.overview_item .case_img_text {
	max-width:400px;
}
.overview_item .case_text {
	font-size:.8em;
}
/* overview_item no */
.overview_item.-no01 {
	box-shadow:10px 10px 0px 0px #FCA326;
}
.overview_item.-no02 {
	box-shadow:10px 10px 0px 0px #F16F2C;
}
.overview_item.-no03 {
	box-shadow:10px 10px 0px 0px #E94A18;
}
.overview_item.-no03 .case_img_pc {
	display:none;
}
/* info
---------------------------------------------------------------------------*/
#campaign_info.section {
	background:#E6451F;
}
#campaign_info .section_title > span {
	background:#E6451F;
	color:#fff;
}
#campaign_info .section_title::after {
	background:linear-gradient(to right, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0.40) 50%, rgba(255, 255, 255, 0.10) 100%);
}
#campaign_info .section_tab_list li{
	background:#F19B59;
	color:#fff;
}
#campaign_info .section_tab_list li.active {
	background:#fff;
	color:#333;
}
#campaign_info .section_tab_content_wrap {
	background:#fff;
	border:3px solid #fff;
}
/* campaign_info_flow */
.campaign_info_flow dt {
	font-size:1.3em;
	font-weight:600;
	text-align:center;
}
.flow_warp {
	padding:20px 10px;
	background:#F7F2E4;
	border-radius:3px;
}
.flow_warp + .flow_warp {
	margin-top:30px;
}
.flow_warp .campaign_info_title::after {
	max-width:240px;
	background:#EC230B;
}
.flow_warp .campaign_info_title > span {
	background:#F7F2E4;
}
.flow_warp .flow_list {
	margin-top:20px;
}
.flow_item {
	display:flex;
	align-items:center;
	position:relative;
	min-height:60px;
}
.flow_item + .flow_item {
	margin-top:20px;
	padding-top:20px;
	border-top:3px solid #fff;
}
.flow_item .-image {
	display:flex;
	justify-content:space-between;
	align-items:center;
	width:100px;
}
.flow_item .-image .-icon img {
	width:60px;
	height:60px;
}
.flow_item .-text {
	padding-left:10px;
	width:calc(100% - 100px);
	font-weight:700;
}
.campaign_info_flow .-attention {
	margin-top:10px;
	font-size:.8em;
}
#flow_fast.flow_warp {
	position:relative;
	margin-bottom:60px;
}
#flow_fast.flow_warp::after {
	position:absolute;
	content:" ";
	bottom:-40px;
	left:50%;
	transform:translateX(-50%);
	width:30px;
	height:20px;
	clip-path:polygon(0 0, 100% 0%, 50% 100%);
	background:#EC440F;
}
#flow_fast.flow_warp .-attention {
	margin-top:30px;
	padding:10px;
	background:#fff;
	font-size:.8em;
}
/* detail-campaign_flow
---------------------------------------------------------------------------*/
.scroll_menu_inner {
	margin:0 auto;
	padding:40px 20px;
}
.scroll_menu {
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:20px;
}
.scroll_menu li {
	width:100%;
	max-width:340px;
}
.scroll_menu li a {
	display:block;
	padding:20px 50px 20px 20px;
	background:#E60113;
	color:#fff;
	font-size:1em;
	font-weight:600;
	position:relative;
}
.scroll_menu li a::after {
	position:absolute;
	display:inline-block;
	content:' ';
	top:50%;
	right:20px;
	transform:translateY(-50%) rotate(135deg);
	width:10px;
	height:10px;
	border-top:solid 2px #fff;
	border-right:solid 2px #fff;
}
#detail-campaign_flow .section_tab_content_wrap {
	background:#FFF3F1;
}
#detail-campaign_flow .flow_item {
	flex-flow:column;
	margin-top:20px;
	padding:20px;
	background:#fff;
	border-radius:5px;
}
#detail-campaign_flow .flow_item + .flow_item {
	border-top:none;
}
#detail-campaign_flow .flow_item .-image {
	align-items:flex-start;
}
#detail-campaign_flow .flow_item .-step img {
	width:30px;
}
#detail-campaign_flow .flow_item .-text {
	margin:10px 0;
	width:100%;
	font-size:1.5em;
	text-align:center;
}
#detail-campaign_flow .tab_content_inner .-ex_text {
	margin-top:5px;
	font-size:.7em;
	font-weight:500;
	text-align:left;
}
#detail-campaign_flow .tab_content_inner .-attention {
	padding:1em 30px;
	background:#fff;
	text-align:center;
}
/* detail-campaign_info
---------------------------------------------------------------------------*/
#detail-campaign_info.section {
	background:#F5F5F5;
}
#detail-campaign_info .section_title > span {
	background:#F5F5F5;
}
.dl_form_agree {
	margin-top:60px;
}
.dl_form_agree dt {
	padding:1em 0;
	background:#E60113;
	border-radius:10px 10px 0px 0px;
	color:#fff;
	font-size:1.2em;
	font-weight:700;
	text-align:center;
}
.dl_form_agree dd {
	padding:30px 20px;
	background:#fff;
	border-radius:0px 0px 10px 10px;
}
.checkbox_wrap  {
	padding:1em;
	background:#F5F1E8;
	border-radius:3px;
}
.checkbox {
	position:absolute;
	white-space:nowrap;
	width:1px;
	height:1px;
	overflow:hidden;
	border:0;
	padding:0;
	margin:-1px;
	clip:rect(0 0 0 0);
	clip-path:inset(50%); 
}
.checkbox_text {
	display:block;
	position:relative;
	cursor:pointer;
	padding-left:40px;
}  
.checkbox_text::before,
.checkbox_text::after {
	display:block;
	position:absolute;
	content:"";
}
.checkbox_text::before {
	background-color:#fff;
	border-radius:0%;
	border:1px solid #999;
	width:20px;
	height:20px;
	transform:translateY(-50%);
	top:50%;
	left:5px;
}
.checkbox_text::after {
	border-bottom:2px solid #EC440F;
	border-left:2px solid #EC440F;
	opacity:0;
	height:5px;
	width:10px;
	transform:rotate(-45deg);
	top:calc(50% - 6px);
	left:10px;
}
.checkbox:checked + .checkbox_text::after {
	opacity:1;
}
.form_btn_wrap {
	display:flex;
	flex-direction:column;
	align-items:center;
	gap:20px;
	margin-top:40px;
}
.form_btn_wrap .btn {
	margin:0;
	width:100%;
	max-width:340px;
	transition:all .3s ease-out;
}
.form_btn_wrap .btn.disabled {
	background:#999;
	border-color:#999;
	pointer-events:none;
	transition:all .3s ease-out;
}
/* form
---------------------------------------------------------------------------*/
#form_attention .section_inner {
	padding:0 20px;
}
.form_attention_box {
	padding:30px 20px;
	background:#F5F5F5;
	border-radius:5px;
	font-size:.9em;
}
.form_attention_box .-text {
	display:block;
	width:100%;
}
.form_attention_title {
	display:flex;
	align-items:center;
}
.form_attention_title p:first-child {
	margin-right:10px;
	min-width:40px;
}
.form_attention_box .-text > p {
	margin-top:.5em;
}
.form_attention_box .-image {
	display:flex;
	justify-content:center;
	margin-top:20px;
}
.form_attention_box > .-image img {
	max-height:220px;
}
#form_customer.section {
	margin-top:-16px;
	background:#F5F5F5;
}
#form_customer .section_inner {
	margin:0 20px;
	padding:30px 20px;
	background:#fff;
	border-radius:5px;
}
#form_customer .section_title {
	position:static;
}
#form_customer .section_title::after {
	content:none;
}
.section_form_wrap {
	margin-bottom:40px;
	padding:30px 0 0;
	border-bottom:2px solid rgba(0, 0, 0, 0.10);
}
.form_item {
	margin-bottom:30px;
}
.form_item dt{
	font-weight:700;
}
.form_item dd {
	margin-top:10px;
}
.form_item dd:not(.-birth) [class^="-row"] + [class^="-row"] {
	margin-top:10px;
}
.form_item .-birth {
	display:flex;
	flex-flow:row;
	align-items:flex-start;
	gap:8px;
}
.form_item .-birth .-row_25 {
	margin-bottom:5px;
	width:25%;
	max-width:150px;
}
.form_item .-row.-row_zipcode .postal-code {
	display:flex;
	gap:10px;
}
.form_item .-row.-row_zipcode .postal-code input {
	min-width:6em;
}
input[type="text"],
input[type="email"],
input[type="tel"] {
	padding:0 10px;
	width:100%;
	height:40px;
	border:1px solid #999;
	border-radius:5px;
}
textarea {
	padding:0 10px;
	width:100%;
	border:1px solid #999;
	border-radius:5px;
}
select {
	outline:none;
	width:100%;
	height:40px;
	padding:8px 20px 8px 4px;
	background:#fff;
	border:1px solid #999;
	border-radius:3px;
	white-space:nowrap;
	text-overflow:ellipsis;
	line-height:1.5;
}
.radio_wrap span.wpcf7-list-item {
	position:relative;
	margin:0 16px 0 0;
}
.radio_wrap .wpcf7-list-item-label {
	cursor:pointer;
	display:flex;
}
.radio_wrap input[type="radio"] {
	opacity:0;
	position:absolute;
	width:100%;
	height:100%;
}
.radio_wrap .wpcf7-list-item-label::before {
	background:#fff;
	border:1px solid #333;
	border-radius:100%;
	content:"";
	height:1.2em;
	width:1.2em;
	min-width:1.2em;
	margin-bottom:auto;
	margin-right:.5em;
	margin-top:auto;
	transition:background-color .5s;
}
.radio_wrap input[type="radio"]:checked + .wpcf7-list-item-label::before {
	background-color:#999;
	box-shadow:inset 0 0 0 2px #fff;
}
.radio_col .radio_wrap {
	display:flex;
	flex-direction:column;
	justify-content:flex-start;
	gap:.5em;
}
.radio_col .radio_wrap .wpcf7-list-item {
	max-width:max-content;
}
.radio_col.-box {
	padding:20px;
	border:1px solid #999;
	border-radius:5px;
}
.radio_row .radio_wrap {
	display:flex;
	flex-flow:row wrap;
}
.checkbox_tire_before {
	display:block;
	position:relative;
    padding:1em;
    background:#F5F5F5;
    border-radius:3px;
}
.checkbox_tire_before span.wpcf7-list-item {
	display:block;
	margin:0;
}
.checkbox_tire_before input[type="checkbox"] {
	display:block;
	position:absolute;
    width:100%;
    height:100%;
	cursor:pointer;
    opacity:0;
    z-index:2;
}
.checkbox_tire_before .wpcf7-list-item-label {
	display:block;
	padding-left:40px;
}
.checkbox_tire_before .wpcf7-list-item-label::before,
.checkbox_tire_before .wpcf7-list-item-label::after {
	display:block;
	position:absolute;
	content:"";
}
.checkbox_tire_before .wpcf7-list-item-label::before {
	background-color:#fff;
	border-radius:0%;
	border:1px solid #999;
	width:20px;
	height:20px;
	transform:translateY(-50%);
	top:50%;
	left:5px;
}
.checkbox_tire_before .wpcf7-list-item-label::after {
	border-bottom:2px solid #EC440F;
	border-left:2px solid #EC440F;
	opacity:0;
	height:5px;
	width:10px;
	transform:rotate(-45deg);
	top:calc(50% - 6px);
	left:10px;
}
.checkbox_tire_before input[type="checkbox"]:checked + .wpcf7-list-item-label::after {
	opacity:1;
}
.form_item .-attention {
	margin-top:5px;
	font-size:.8em;
}
.icon_required {
	display:inline-block;
	margin-left:.8em;
	padding:2px 10px;
	border-radius:2px;
	background:#E60113;
	color:#fff;
	font-size:9px;
	vertical-align:middle;
	vertical-align:text-bottom;
}
.form_btn_wrap.-wpcf7 {
	position:relative;
	gap:0;
}
.form_btn_wrap.-wpcf7 .ajax-loader {
	position:absolute;
	left:100%;
}
.form_hidden_wrap .section_form_wrap {
	border-bottom:none;
}
.form_hidden_wrap > h3 {
	padding:16px 0;
	background:#F5F5F5;
	text-align:center;
}

/* CodeDropz Upload Plugin contact form7
---------------------------------------------------------------------------*/
.form_upload_wrap .dnd-upload-status .dnd-upload-details .dnd-progress-bar {
	display:block;
    border-radius:5px;
    overflow:hidden;
    background:#565555;
    height:14px;
}
.form_upload_wrap .dnd-upload-status .dnd-upload-details .dnd-progress-bar span {
    background:#4CAF50;
    display:block;
    font-size:11px;
    text-align:right;
    color:#fff;
    height:100%;
	width:0;
	line-height:14px;
}
.form_upload_wrap .dnd-upload-status .dnd-upload-details .dnd-progress-bar span.complete { width:100%!important; padding-right:5px; }
.form_upload_wrap .dnd-upload-counter { position:absolute; right:5px; bottom:3px; font-size:12px; }
.form_upload_wrap .codedropz-upload-wrapper {
	border:2px dashed #c5c5c5;
}
.form_upload_wrap .codedropz-upload-handler {
	border:none;
	border-radius:5px;
	margin-bottom:0;
	position:relative;
	max-width:400px;
}
.form_upload_wrap .codedropz-upload-container {
	padding:15px 20px 25px;
}
.form_upload_wrap .codedropz-upload-inner {
	overflow:hidden;
	width:100%;
	/*white-space:nowrap;*/
	text-align:center;
	text-overflow:ellipsis;
	font-weight:inherit;
}
.form_upload_wrap .codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn {
	text-decoration:none;
	box-shadow:none;
}
.form_upload_wrap .codedropz-upload-inner h3 {
	margin:5px 0;
	font-size:1.2em;
	line-height:1.5;
    word-break:break-word;
}
.wpcf7 form .wpcf7-response-output {
	margin:0 auto 40px !important;
	padding:40px 20px !important;
	max-width:800px !important;
}
div.wpcf7-mail-sent-ok {
	background:#F5F5F5;
	border:2px solid #F5F5F5 !important;
}
div.wpcf7-validation-errors {
	background:#FFF3F1;
	border:2px solid #E60113 !important;
	color:#E60113 !important;
}
/* utility
---------------------------------------------------------------------------*/
.sp-none{display:none;}
.pc-none{display:block;}
.br-pc {display:none;}
.inlineBlock{display:inline-block;}
.Block {display:block;}
.flexColumn {
	display:flex;
	flex-direction:column;
	gap:10px;
}
.u-mt-30 {
	margin-top:30px;
}
.u-mt-20 {
	margin-top:20px;
}
.u-mb-20 {
	margin-bottom:20px;
}
.u-fw-b{
	font-weight:700;
}
.u-fs-l {
	font-size:1.2em;
}
.u-fs-s {
	font-size:.8em;
}
.u-fs-15 {
	font-size:15px;
}
.u-ta-c{
	text-align:center;
}
.u-ta-r{
	text-align:right;
}
.u-col-red {
	color:#E71E1C;
}
.u-mark-og {
	position:relative;
}
.u-mark-og::after {
	position:absolute;
	content:"";
	bottom:6px;
	left:0;
	right:0;
	height:12px;
	background-color:rgba(255, 216, 0, .6);
	z-index:-1;
}
.u-bg-og {
	background-color:rgba(255, 216, 0, .8);
}
.fadein {
	opacity:0;
	transform:translateY(20px);
	transition:all 0.4s;
}
/* btn-top */
#btn-top{
	position:fixed;
	width:58px;
	height:58px;
	right:20px;
	bottom:20px;
	background:#000;
	opacity:0.4;
	z-index:2;
}
#btn-top a{
	position:relative;
	display:block;
	width:58px;
	height:58px;
	text-decoration:none;
}
#btn-top a::before{
	content:'TOP';
	color:#fff;
	position:absolute;
	margin:auto;
	width:58px;
	height:25px;
	top:10px;
	bottom:0;
	right:0;
	font-size:16px;
	text-align:center;
}
#btn-top a::after{
	content:' ';
	color:#fff;
	position:absolute;
	width:10px;
	height:10px;
	top:-15px;
	bottom:0;
	right:22px;
	margin:auto;
	transform:rotate(45deg);
	border-left:#fff 2px solid;
	border-top:#fff 2px solid;
}
@media screen and (min-width:450px){
	.flow_item {
		min-height:80px;
	}
	.flow_item .-image {
		width:130px;
	}
	.flow_item .-image .-icon img {
		width:80px;
		height:80px;
	}
	.flow_item .-text {
		width:calc(100% - 130px);
		font-size:1.2em;
	}
	}
/* PC
========================================================================== */
@media screen and (min-width:768px){

/* mv
---------------------------------------------------------------------------*/
.mv {
	display:grid;
	grid-template-rows:auto;
	grid-template-columns:1fr 1fr;
	height:520px;
}
.mv_wrap {
	position:absolute;
	top:0;
	left:50%;
	transform:translate(-50%, 0);
	padding:0;
	width:60%;
	max-width:800px;
	height:520px;
	min-height:auto;
}
.mv_wrap_background {
	gap:20px;
	padding:50px;
	width:calc(100% - 20px);
}
.mv_wrap_background > * {
	max-width:680px;
}
.mv_background {
	width:100%;
	height:520px;
}
.mv_background img {
	height:520px;
	object-fit:contain;
}
.mv_background.-sum {
	grid-row:1 / 2;
	grid-column:1 / 2;
}
.mv_background.-sum img {
	object-position:0% 60%;
}
.mv_background.-win {
	grid-row:1 / 2;
	grid-column:2 / 3;
}
.mv_background.-win img {
	object-position:100% 50%;
}
/* section　-　bace
---------------------------------------------------------------------------*/
.section {
	padding:60px 0 80px 0;
}
.section_inner {
	padding:30px 20px 0;
	max-width:1140px;
}
.section_inner.section_w1000 {
	max-width:1040px;
}
.section_inner.section_w900 {
	max-width:940px;
}
.section_inner.section_w800 {
	max-width:840px;
}
.section_title {
	z-index:1;
	/* css offset */
	margin:0;
	height:auto;
	font-size:36px;
}
.section_title span {
	/* css offset */
	font-size:36px;
}
.section_title > span {
	padding:0 10px;
	/* css offset */
	display:inline-block;
}
.btn {
	padding:10px 50px 10px 30px;
	font-size:24px;
}
.btn::before {
	border-top:solid 3px #fff;
	border-right:solid 3px #fff;
}
.btn.back-btn {
	font-size:16px;
}
.pankuzu {
	margin:0 auto;
	padding:20px 20px 0 20px;
	max-width:1140px;
}
.pankuzu a {
	text-decoration:underline;
}
.pankuzu a:hover {
	text-decoration:none;
}
/* section_tab */
.section_tab_list{
	gap:20px;
}
.section_tab_list li{
	max-width:300px;
	font-size:1.3em;
}
.section_tab_content_wrap {
	padding:40px 50px;
	border-radius:10px;
}
.tab_content_inner {
	display:none;
	opacity:0;
}
.tab_content_inner.active {
	display:block;
	opacity:1;
}
/* campaign_info_list */
.campaign_info_tire {
	gap:50px;
}
.campaign_info_lead {
	font-size:1.2em;
	text-align:center;
}
.campaign_info_lead span.-small {
	font-size:18px;
}
/* overview
---------------------------------------------------------------------------*/
.overview_item {
	align-items:flex-start;
	padding:60px 5% 40px;
}
.case_no {
	top:-40px;
	left:5%;
	transform:translateX(0);
	border:10px solid #fff;
	font-size:24px;
}
/* overview_item no */
.overview_item.-no01,
.overview_item.-no02 {
	flex-flow:row wrap;
	justify-content:center;
	align-items:flex-end;
	gap:20px;
}
.overview_item.-no01 .case_no + .case_img_text,
.overview_item.-no02 .case_no + .case_img_text {
	max-width:calc(40% - 10px);
}
.overview_item.-no01 .case_img_text + .case_img_text,
.overview_item.-no02 .case_img_text + .case_img_text {
	max-width:calc(60% - 10px);
}
.overview_item.-no03 .case_img_sp {
	display:none;
}
.overview_item.-no03 .case_img_pc {
	display:block;
}
/* info
---------------------------------------------------------------------------*/
.campaign_info_flow dt {
	font-size:24px;
}
.flow_grid {
	display:grid;
	grid-template-columns:1fr 1fr;
	gap:40px;
}
#flow_fast.flow_warp {
	margin-bottom:40px;
	grid-column:1 / 3;
	grid-row:1 / 2;
}
#flow_guarantee01.flow_warp {
	grid-column:1 / 2;
	grid-row:2 / 3;
}
#flow_guarantee02.flow_warp {
	grid-column:2 / 3;
	grid-row:2 / 3;
}
.flow_warp {
	padding:30px;
}
.flow_warp + .flow_warp {
	margin-top:0;
}
.flow_item + .flow_item {
	margin-top:10px;
	padding-top:10px;
}
#flow_fast.flow_warp::after {
	bottom:-60px;
	width:60px;
	height:40px;
}
#flow_fast .flow_list {
	display:flex;
	justify-content:space-between;
}
#flow_fast .flow_item {
	flex-direction:column;
	width:33.33%;
}
#flow_fast .flow_item + .flow_item {
	margin-top:0;
	padding-top:0;
	border-top:none;
}
#flow_fast .flow_item + .flow_item::before {
	position:absolute;
	content:' ';
	top:50%;
	left:-15px;
	transform:translateY(-50%) rotate(45deg);
	width:20px;
	height:20px;
	border-top:solid 2px #333;
	border-right:solid 2px #333;
}
#flow_fast .flow_item .-image {
	align-items:flex-start;
}
#flow_fast .flow_item .-image .-icon {
	margin-top:10px;
}
#flow_fast .flow_item .-text {
	padding-left:0;
	width:100%;
	text-align:center;
}
#flow_fast.flow_warp .-attention {
	text-align:center;
}
/* detail-campaign_flow
---------------------------------------------------------------------------*/
.scroll_menu_inner {
	padding:60px 20px;
}
.scroll_menu {
	flex-direction:row;
	justify-content:center;
}
#detail-campaign_flow .flow_item {
	flex-direction:row;
	align-items:flex-start;
}
#detail-campaign_flow .flow_item .-image {
	width:140px;
}
#detail-campaign_flow .flow_item .-text {
	margin:0;
	padding-left:30px;
	width:calc(100% - 140px);
	text-align:left;
}
/* detail-campaign_info
---------------------------------------------------------------------------*/
.form_btn_wrap {
	display:flex;
	flex-direction:row;
	justify-content:center;
}
/* form
---------------------------------------------------------------------------*/
.form_attention_box {
	display:flex;
	padding:50px 40px;
}
.form_attention_title {
	font-size:1.2em;
}
.form_attention_box .-text > p {
	margin-top:1em;
}
.form_attention_box .-image {
	margin-top:0;
	margin-left:50px;
	min-width:180px;
}
#form_customer .section_inner {
	margin:0 auto;
	padding:50px 40px;
}
#form_customer .section_title {
	margin-top:30px;
	font-size:24px;
}
.section_form_wrap {
	margin:0 auto;
	max-width:800px;
}
.form_item {
	display:flex;
}
.form_item {
    margin-bottom:40px;
}
.form_item dt{
	padding-right:20px;
	width:200px;
}
.form_item dd {
	margin-top:0;
	width:calc(100% - 200px);
}
.form_item dd:not(.-birth) [class^="-row"] + [class^="-row"] {
	margin-top:0;
}
.form_item .-row {
	display:flex;
	gap:20px;
}
.form_item .-row .-row_50 {
	width:50%;
}
.form_item .-row.-row_address + .-row.-row_address,
.form_item .-row.-tire_size + .-row.-tire_size,
.form_item .-row.-request-date + .-row.-request-date {
	margin-top:20px;
}
.form_item .-row.-row_address label,
.form_item .-row.-tire_size label,
.form_item .-row.-request-date label {
	width:120px;
	min-width:120px;
}
.form_item .-row.-row_address label + span,
.form_item .-row.-tire_size label + span,
.form_item .-row.-request-date label + span {
	width:calc(100% - 120px);
}
.form_item .-row.-row_zipcode {
	gap:0;
}
.form_item .-row.-row_zipcode label {
	margin-right:40px;
	width:120px;
}
.form_item .-tire_size select {
	max-width:160px;
}
.section_form_wrap.-question .form_item dt{
	width:360px;
}
.section_form_wrap.-question .form_item dd {
	width:calc(100% - 360px);
}
.postal-code input[type="text"],
input[type="tel"],
.tire-brand input[type="text"] {
	max-width:300px;
}
.form_btn_wrap.-wpcf7 .ajax-loader {
	left:calc(50% + 180px);
	transform:translateX(-50%);
}
/* hover
---------------------------------------------------------------------------*/
.btn:hover {
	opacity:.7;
	transition:opacity ease-in-out .3s;
}
.btn {
	transition:opacity ease-in-out .3s;
}
.back-btn:hover {
	background:#999;
	color:#fff;
	transition:all .3s ease-in-out;
}
.back-btn {
	transition:all .3s ease-in-out;
}
.campaign_info_tire a:hover {
	opacity:.7;
}

/* utility
---------------------------------------------------------------------------*/
.sp-none{
	display:block;
}
.dl_table.sp-none{
	display:flex;
}
.pc-none{
	display:none;
}
.br-pc {
	display:inline-block;
}
}
@media screen and (min-width:2000px){
/* mv */
.mv_wrap {
	max-width:50vw;
}
.mv_background img {
	width:100%;
}
}