/*
Theme Name: Lightning Child Sample
Theme URI: ★ テーマの公式サイトなどのURL（空欄でも可） ★
Template: lightning
Description: ★ テーマの説明（空欄でも可） ★
Author: ★ テーマ作成者の名前（空欄でも可） ★
Tags: 
Version: 0.5.1
*/

@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Concert+One&display=swap');

/*** font css ***/
ol, li, a, span {
	font-family: "リュウミン B-KL"
}

h1, h2, h3, h4, h5, p {
	color: #3F2B27;
}


h2 {
	font-size: 30pt;
/* 	margin-bottom: 0!important; */
}

h3 {
	font-family:"リュウミン R-KL" !important;
	font-size:20px;
}

p {
	font-size:12pt;
}

.check-ttl h3 {
    position: relative;
    padding-left: 1.2em;
    line-height: 1.4;
}

.check-ttl h3:before {
    font-family: "Font Awesome 5 Free";
    content: "\f00c";
    font-weight: 900;
    position: absolute;
    font-size: 1em;
    left: 0;
    top: 0;
    color: #5B9BD5;
    font-weight: 900;
}

.check-box {
    padding: 0.5em 1em;
    margin: 10px 0 50px 0;
    background: #f0f7ff;
    border: dashed 2px #5b8bd0;
}
.check-box p {
    margin: 0; 
    padding: 0;
}

.main-ttl {
	margin: 20px 0;
}

.main-ttl h2 {
	font-size: 18pt;
	padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
	color: #494949;/*文字色*/
	background: #f9f9f9;/*背景色*/
	border-left: solid 5px #7db4e6;/*左線*/
	border-bottom: solid 3px #d7d7d7;/*下線*/
}

/*** ol カスタム ***/
ol {
    counter-reset:num;
    list-style-type: none!important;
}
div.check-ttl ol {
/*   counter-reset:num;
  list-style-type: none!important; */
    padding:0;
    margin:0;
}
div.check-ttl ol li {
	font-family: "リュウミン B-KL" !important;
    font-weight: bold;
    position: relative;
    padding-left: 30px;
    line-height: 1.5em;
    padding: 0.5em 0.5em 0.5em 50px;
    color: #3F2B27;
}

div.check-ttl ol li:before {
    position: absolute;
    counter-increment: num;
    content: counter(num);
    display:inline-block;
    background:transparent;
    border:#555 1px solid;
    color: #555;
    font-family: "リュウミン R-KL" !important;
    font-weight: normal;
    font-size: 18px;
    border-radius: 50%;
    left: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    top: 10px;
}

.site-header {
	position:relative !important;
}

/*** tp movie ***/
.top_movie {
	position: relative;
	overflow: hidden;
	height: 100vh;
}

/*** overlay on movie ***/
.top_movie::after {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    content: "";
/*   background: rgba(0, 0, 0, 0.4); */
    background: rgba(0, 0, 0, 0.8);
}

#wp-custom-header-video{
	position: absolute;
	display: block;
/* 	padding-top: 71px; */
	min-width: 100%;
/* 	min-height: calc(100vh - 71px); */
	min-height: 100vh;
	top: 50%;
	left: 50%;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

@media screen and ( max-width:768px) {
	.top_youtube {
		height: 300px;
	}
	
	#wp-custom-header-video{
		padding-top: 0;
		min-height: 0;
/* 		height: 300px; */
	}
}

#wp-custom-header-video-button {
    display: none;
}

#wp-a11y-speak-polite {
    display: none;
}

.top_movie_text {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.top_movie_text h1, .top_movie_text h2 {
/* 	font-family: Roboto; */
	font-family: "リュウミン R-KL" !important;
	padding: 0 50px;
	text-align: center;
	color:#fff;
}

.top_movie_text h1 {
    font-size: 32pt;
    line-height: 1.2;
    margin-bottom:0.5em!important;
}

.top_movie_text h2 {
    font-size: 18pt;
    font-weight: normal;
    line-height: 1.0;
}

.top-movie-text-animation1,
.top-movie-text-animation2{
	display:flex;
	justify-content:center;
	color:#fff!important;
}

.top-movie-text-animation1 span,
.top-movie-text-animation2 span {
	opacity: 0;
	transition-property:opacity,transform;
	transform:translateY(2rem);
}

.top-movie-text-animation1 span {
	-webkit-transition: all 2s cubic-bezier(0,0,.4,1);
    transition:all 2s cubic-bezier(0,0,.4,1);
	
/*** 0422 bando ***/
	transition-delay:2.5s;
}

.top-movie-text-animation2 {
	animation:slideTextY 1.75s ease-in-out;
/* 	transform:translateY(2rem); */

/*** 0422 bando ***/
	animation-delay: 2.75s;
	opacity:0;
	animation-fill-mode: forwards;
}
.top-movie-text-animation2 span {
/* 	-webkit-transition: all .5s cubic-bezier(0,0,.4,1);
 	transition:all .5s cubic-bezier(0,0,.4,1); */
	animation:slideTextY 3.5s ease-in-out ;
/* 	animation-delay:1s; */
}

.top-text4 {
	animation:slideTextY2 1.75s ease-in-out;
/* 	animation-delay: 2.75s; */
	animation-delay: 5.25s;
	opacity:0;
	animation-fill-mode: forwards;
}


@keyframes slideTextY {
    from {
/*         transform: translateY(100%); */
        transform: translateY(2rem);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slideTextY2 {
    from {
        transform: translateY(1rem);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}


.site-body {
	margin-top:0!important;
}

/*** form ***/
form#contact_form label {
	font-family : "リュウミン R-KL" !important;
	display:block;
	margin-bottom:4px;
}

form#contact_form label button#btn_post {
	appearance: none;
	border: 0;
	border-radius: 3px;
	background:#534741;
	color: #fff;
/* 	padding: 5px 10px; */
	padding: 10px 15px;
/* 	font-size: 11px; */
	font-size:10pt;
	margin-left:15px;
	cursor:pointer;
}

.case-solution {
	margin-top:50px!important;
}

form#contact_form label button#btn_post:hover {
    opacity: 0.7;
}

form#contact_form label button#btn_post:focus {
    outline: none;
    box-shadow: 0 0 0 4px #5c6370;
}

form#contact_form label span {
	font-family : "リュウミン R-KL" !important;
}

form#contact_form p[class*="is-error"] {
	font-size:14px;
	margin-bottom:0;
}

form#contact_form label span.form-required,
form#contact_form p span.is-error{
	color:red;
}

form#contact_form input[type="submit"]{
    background: #1a2e56;	
}

form#contact_form input[type="text"],
form#contact_form textarea{
/* 	background-color : #f5f8fa;
	border : 1px solid #cbd6e2;
	border-radius : 3px; */
	
	border:1px solid #3d352c;
	font-family:"リュウミン R-KL"!important;
	font-size:16px;

/* 	border-radius:unset; */
}

form#contact_form input.is-error{
	border-color:#c87872;
}

.about-mp-points {
	margin-top:70px;
	margin-left:3.5em!important;
}

.list-item-inner {
	display:flex;
	align-items:center;
}
@media screen and (min-width: 768px) {
	.list-item-inner dt.list-no {
/* 		width : 5rem; */
		width : 64px;
/* 		height : 5rem; */
		height : 64px;
		margin-right : 24px;
/* 		margin-right : 1.875rem; */
	}
	
	.list-item-inner dd.list-text{
/* 		font-size:1.25rem; */
		font-size:16pt;
/* 		letter-spacing:.15em; */
		letter-spacing:2.4px;
	}
}

.list-item-inner dt.list-no {
	border:1px solid #d71518;
	border-radius:50%;
	font-family: "リュウミン R-KL" !important;
	font-size:9.5pt;
	font-weight:400;
	display:flex;
	justify-content:center;
	align-items:center;
	line-height:1;
	letter-spacing:.05em;
/* 	color:#d71518; */
	color:#E02230;
}

.list-item-inner dd.list-text{
	font-family: "リュウミン R-KL" !important;
	font-weight:400;
/* 	line-height:2; */
	line-height:32px;
	color:#3F2B27;
}
.virtual-exp-desc h3 {
	font-size:18pt;
}

.virtual-exp-desc p {
	font-size:12pt;	
}

@media screen and (min-width: 768px) {
	.main-catch-ttl,
	.main-catch-desc{
		flex-basis:unset!important;
		flex-grow:unset!important;
	}
	
	
	.main-catch-ttl {
/* 		padding-left:7%; */
		padding-left:45px;
		width:43%;
	}

	.main-catch-desc {
		width:50%;
/* 		margin-top:1em; */
	}
}

.contact-link {
/* 	background-color:#19191E; */
/* 	background-color:#141414; */
	background-color:#e5e5e5;
	display:flex;
}

.contact-link-inner-l,
.contact-link-inner-r {
	flex-basis:0;
	color:#fff;
}

.contact-link-inner-l {
	flex-grow:1;
	padding-left:5%;
}

.wp-block-column.contact-link-inner-l center p {
/* 	color : #fff; */
	color:black;
}

.contact-link-inner-r {
	flex-grow:2;
	text-align:center;
	padding:80px 50px 60px 15px;
}

.wp-block-column.contact-link-inner-r p,
.wp-block-column.contact-link-inner-r a{
/* 	color : #fff; */
	color : black;
	font-size:16pt;
}

.wp-block-column.contact-link-inner-r a {
	color:#fff!important;
}

p.contact-link-inner-l-ttl {
	margin-bottom:0;
	font-size:18pt;
/* 	margin-top:20px; */
	margin-top:50px;
}
p.contact-link-inner-l-ttl span {
/* 	font-size:30pt; */
	font-size:34pt;
}

p.contact-link-inner-l-ttl-sub {
	font-size:20pt;
	line-height:normal;
	margin-top:15px;
	margin-bottom:50px;
}

.hr-wht {
	border-color:#fff;
	width:80%;
/* 	border-image:linear-gradient(to right, black 0%, #fff 50%, black 100%); */
	border-image-slice:1;
	border-width:0.5px;

	border-image:linear-gradient(to right, #e5e5e5 0%, black 50%, #e5e5e5 100%);
	border-image-slice:1;
}

.contact-btn {
/* 	background-color:#E6E6E6; */
	background-color:#333;
	color:#1A1A1A!important;
	font-family:"リュウミン R-KL"!important;
	padding:15px 120px 15px 25px;
	position:relative;
}

.contact-btn:before,
.contact-btn:after{
    content: '';
    display: block;
    position: absolute;
    top: 50%;
/*   right: 0; */
    right: 55px;
    height: 1px;
/*   background: #e2264d; */
    background: #1A1A1A;
    background: #fff;	
}

.contact-btn:before{
/*   width: 60px; */
    width: 80px;
    transform: translate(30px, 0px);
}

.contact-btn:after{
    width: 15px;
    transform-origin: right center;
    transform: translate(30px, 0px) rotate(25deg);
}

.contact-btn:hover{
	background-color:#DB1234;
	color:#fff!important;
}

.contact-btn:hover:before,
.contact-btn:hover:after {
	background-color : #fff!important;
}


.full-width {
    margin: 0 calc(50% - 50vw);
    width: auto;
}

/* ol.solution-list {
	list-style: decimal!important;
	list-style-type: decimal-leading-zero!important;
} */

/* ol.solution-list li::marker {
	font-size:20pt;
} */

.solution h3 {
	font-size:20pt;
	margin-bottom:10px;
}

.solution hr,
.scene-container hr {
	width:520px;
	text-align:left;
	margin-left:0;
	border-color:#b4b2b2;
	border-width:0.5px;
}

.scene-container hr {
	border-color:#333;
	border-width:0.5px;
	margin-bottom:1em;
}

.solution p {
	font-size:14pt;
}

.case div h3,
.standard-mp h3,
h3#scene{
	margin-bottom:10px;
/* 	font-size:20pt; */
	font-size:18pt;
}

.standard-mp h3 {
	margin-bottom:0!important;
}

.case div hr,
.standard-mp hr{
	margin-left:0;
	text-align:left;
	border-color:#000;
	border-width:.5px;
}

.case div hr {
	width:500px;
}

.standard-mp hr {
/* 	width:440px; */
	width:100%;
	margin-top:0!important;
}

.case-txt p {
	font-size:11pt;
}


.faq-button {
/* 	background: #777; */
	background-color:rgba(0,0,0,0.06);
/* 	border: 1px solid #000; */
	padding: 12px;
/* 	color: #fff; */
	color:#3F2B27;
}

.faq-button:hover {
	cursor: pointer;
}

.faq-content {
	border: 1px solid #eee;
	margin: 12px auto;
}

.faq-detail{
	padding:12px;
/* 	margin-left:1.5em; */
	margin-left:1.75em;
}

.faq-detail:before {
	content:"A .  ";
	left: 0;
	padding-left:12px;
	position: absolute;
}


.support-kind h2 {
	font-size:24pt;
	margin-bottom:50px!important;
}

.support-kind-inner center {
	color : #fff;
/* 	font-size:22pt; */
/* 	font-size:18pt; */
	font-size:17pt;
}

.strong-point h2 {
	font-size : 24pt;
}

.strong-point hr {
	width:75%;
	text-align:left;
	margin-left:0;
	border-color:#b4b2b2;
	border-width:0.5px;	
}

h2#standard-mp-ttl,
h2#scene {
	font-size:26pt;
/* 	margin-bottom:50px!important; */
	margin-bottom:80px!important;
}

h2#standard-mp-ttl,
h2#mp-faq {
/* 	font-size:38pt; */
	font-size:28pt;
}

.case h4 {
	background-color:#916950;
	border-radius:unset;
	font-size:14pt;
	margin:5px 0;
	padding:0;
	text-align:center;
	width:120px;
	color:#fff;
}

/*** top animation ***/
.txtRandomAnimation span{
	opacity: 0;
}

.txtRandomAnimation.appearRandomtext span{
	font-family:"リュウミン R-KL";
/* 	animation:text_randomanime_on .5s ease-out forwards; */
	animation:text_randomanime_on .75s ease-out forwards;
/* 	animation-iteration-count:3; */
}

.appearRandomtext3 span {
	animation-iteration-count:3;
}

/* .mp-ttl span {
	animation-iteration-count:3;
} */

@keyframes text_randomanime_on {
	0% {opacity:0;}
	100% {opacity:1;}
}

/* spanのついた2の倍数の文字列の変化を遅らせる*/
.txtRandomAnimation.appearRandomtext span:nth-child(2n) {
/* 	animation-delay: .5s; */
/* 	animation-delay: .6s; */
	animation-delay: .10s;
	
}

/* spanのついた3の倍数の文字列の変化を遅らせる*/
.txtRandomAnimation.appearRandomtext span:nth-child(3n) {
/* 	animation-delay: .3s; */
	animation-delay: .4s;
}

/* spanのついた3の倍数＋1の文字列の変化を遅らせる*/
.txtRandomAnimation.appearRandomtext span:nth-child(3n+1) {
/* 	animation-delay: .15s; */
	animation-delay: .25s;
}

/* spanのついた3の倍数＋1の文字列の変化を遅らせる*/
.txtRandomAnimation.appearRandomtext span:nth-child(5n) {
/* 	animation-delay: .15s; */
	animation-delay: .15s;
}

/* spanのついた3の倍数＋1の文字列の変化を遅らせる*/
.txtRandomAnimation.appearRandomtext span:nth-child(7n) {
	animation-delay: .45s;
}


/** FAQ アイコン */
.dropdown.icon::before {
  content: '\f107';
  font-family: Icons;
}

/** 問い合わせ */
.form-name,
.form-contact,
.form-address{
	width:100%;
	display:inline-flex;
	flex-wrap: wrap;
}


.form-name div,
.form-contact label,
.form-address label{
/* 	width:49%; */
	width:39.25%;
}

input#company,
form#contact_form textarea{
/* 	width:80%; */
	width:82.5%;
}

form#contact_form textarea {
	height:140px;
}

#EstimateArea__c {
/* 	width:330px; */
	width:370px;
}

#EstimateFloor__c,
#EstimateSizeMeter__c {
	width:80px;
}

#zip {
	width:160px;
}


.form-name div#first_name-div,
.form-contact label#form-label-email,
.form-address label#form-address-state,
.form-address label#form-address-street{
/* 	margin-left:10px; */
/* 	margin-left:1.5%; */
	margin-left:4%;
}

select#EstimateArea__c {
	border:1px solid #3d352c;
/* 	border-radius:unset; */
    font-family:"リュウミン R-KL" !important;
}

hr.form-hr {
/* 	border:1px solid #7a6a56; */
	border:0.1px solid #7a6a56;
	margin: 50px 0;
}

span.form-label-req {
	color:#fff;
/* 	padding : 3px 15px; */
	padding : 5px 15px;
	width:55px;
	text-align:center;
/* 	background-color:#840a21; */
	background-color:#7a6a56;
	margin-left:15px;
	font-size:10pt;
}

span.form-label {
	padding : 5px 15px;
	width:55px;
	text-align:center;
	border:1px solid;
	margin-left:15px;
	font-size:10pt;
	font-family:"リュウミン R-KL"!important;
}

/* width */
.full-width {
    margin: 0 calc(50% - 50vw);
    /*padding: 5em calc(50vw - 50%);*/
	padding-left:50px;
	padding-right:50px;
}


.case-txt p,
.solution p,
.standard-mp p,
.strong-point p {
	font-size:12pt;
}

.form-label {
	font-family:"リュウミン R-KL";
	
}

.form-label-ttl {
	font-size:14pt;
	margin-bottom:15px!important;
}

.fa-angle-down {
	float:right;
	margin-right:10px;
	margin-top:2px;
}

.selected .fa-angle-down {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    margin-top: 3px;
}

.label-name {
	margin-top:30px;
}

/*** custom ***/
/* input[type="text"]::placeholder {
	color:#d3d3d3;
    font-family:"リュウミン R-KL" !important;
} */

div#div-spacer {
	height:1.5em;
}

input[type="checkbox"],
.label-unit{
	margin-bottom:15px;
	font-family:"リュウミン R-KL" !important;
}

input#EstimateSizeMeter__c,
input#EstimateFloor__c{
	margin-bottom:15px;
	width:8em;
}

input[type="submit"] {
	background-color:#116ACC!important;
	padding:10px 60px;
}

#mp-faq-sub {
    font-family:"リュウミン R-KL" !important;
	font-size:20pt;
}

.form-label-contaner {
	margin-bottom:20px;
}

.link {
	cursor:pointer;
	text-decoration:underline;
}

.policy {
    font-family:"リュウミン R-KL" !important;
}

.boxPopupBg {
	display:none;
	background:rgba(0,0,0,0.7);
	position:fixed;
	top:0;
	left:0;
	z-index:2101
}

.boxPopupCont{
	overflow-y:auto;
	display:none;
	width:840px;
	height:80%;
	padding:50px;
	background-color:#fff;
	color:#333;
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	max-width:100%;
	z-index:2102;
	text-align:left;
	line-height:1.6;
	font-size:10pt;
}

.boxPopupClose {
	position:absolute;
	top:25px;
	right:25px;
	font-size:18pt;
	cursor:pointer;
}

h2#contact-ttl,
h2.about-us {
	font-size:28pt;
}

h2#contact-ttl {
/* 	margin-bottom:30px; */
	margin-bottom:10px;
}

h2.mp-suggestion{
		text-align:left;
}

.faq-detail {
	font-size:10pt;
}

@media screen and ( min-width:600px) {
	.pc-none {
		display:none;
	}	
}

.boxPopupCont h2 {
	text-align:center;
}


/*** ***/
/* body{
    background-color: #111;
    background-image: radial-gradient(#333, #111);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: #fff;
    text-align: center;
    width: 100vw;
    font-weight: 700;
    overflow: hidden;
    font-family: 'Montserrat', sans-serif;
} */


.img-main {
    background-color: #111;
    background-image: radial-gradient(#333, #111);
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: #fff;
    text-align: center;
    width: 100vw;
    font-weight: 700;
    overflow: hidden;
    font-family: 'Montserrat', sans-serif;
	
	
    font-size: 4em;
/*   margin: 40vh auto; */
/*   height: 20vh;  */
    height: 700px;

	/*** 大文字 ***/
/*   text-transform: uppercase; */
	
	position:relative;
/* 	justify-content: center;
	align-items: center; */
	
}

.img-main span {
    display: block;
/*   font-size: .4em; */
    font-size: .6em;
/*   opacity: .8; */
    opacity: .6;
	font-family:"ヒラギノ角ゴシック"!important;
}

.img-main div {
/*   position: fixed; */
	position:absolute;
	top:50%;
	left:50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
/*   margin: 2vh 0; */
	margin:auto 0;
    opacity: 0;
    left: 10vw;
    width: 80vw;
/* 	animation: switch 32s linear infinite; */
/* 	animation: switch 32s linear; */
	height:135px!important;
	margin-top:-135px;
/* 	font-family:"リュウミン R-KL" !important; */
	font-family:"ヒラギノ角ゴシック"!important;
	font-size:100px;
}

.img-main div:nth-child(1) {
	animation: switch 32s linear backwards;
}

.img-main div:nth-child(2) {
	animation: switch 32s linear backwards;
	animation-delay: 4s;
}
.img-main div:nth-child(3) {
	animation: switch 32s linear backwards;
	animation-delay: 8s
}
.img-main div:nth-child(4) {
	animation: switch 32s linear backwards;
	animation-delay: 12s
}
.img-main div:nth-child(5) {
	animation: switch2 32s linear forwards;
	animation-delay: 16s;
	font-size:105px;
}



@keyframes switch {
    0% { opacity: 0;filter: blur(20px); transform:scale(12)}
    3% { opacity: 1;filter: blur(0); transform:scale(1)}
    10% { opacity: 1;filter: blur(0); transform:scale(.9)}
    11.5% { opacity: 0;filter: blur(10px); transform:scale(.1)}
    80% { opacity: 0}
    100% { opacity: 0}
}

@keyframes switch2 {
/*     0% { opacity: 0;filter: blur(20px); transform:scale(12)}
    3% { opacity: 1;filter: blur(0); transform:scale(1)}
    10% { opacity: 1;filter: blur(0); transform:scale(.9)}
    13% { opacity: 0;filter: blur(10px); transform:scale(.1)}
    80% { opacity: 0}
    100% { opacity: 1;filter: blur(0); transform:scale(1)} */
    0% { opacity: 0;filter: blur(20px); transform:scale(12)}
    2% { opacity: 1;filter: blur(0); transform:scale(1)}
    10% { opacity: 1;filter: blur(0); transform:scale(.9)}
/*     13% { opacity: 0;filter: blur(10px); transform:scale(.1)}
    80% { opacity: 0} */
    100% { opacity: 1;filter: blur(0); transform:scale(.9)}
}

h2.mp-case-ttl {
/* 	font-size:40pt; */
	font-size:28pt;
}


@media screen and ( max-width:600px) {
	.sp-none {
		display:none;	
	}
	.top_movie_text h1 {
		font-size:22pt;
	}
	
	.top_movie_text h2 {
		font-size:12.5pt;
	}
	
	.hr-wht {
		width:100%;
	}
	
	.contact-link-inner-l {
		padding-left:0;
	}
	
	.wp-block-column.contact-link-inner-l center p {
		font-size:16pt!important;
	}
	
	p.contact-link-inner-l-ttl span {
		font-size:32pt;
	}
	
	p.contact-link-inner-l-ttl-sub {
		font-size:12pt!important;
	}
	
	.wp-block-column.contact-link-inner-r {
		padding:0 0 3.5em 0;
	}
	
	.wp-block-column.contact-link-inner-r p {
		font-size:10pt;
	}
	
	a.contact-btn {
		font-size:12pt!important;
		padding:1em 5.5em 1em 1em;
	}

	.contact-btn:before,
	.contact-btn:after {
		right:65px;
		top:45%;
	}

	.contact-btn:before {
		width:60px;
		transform:translate(50px, 0px);
	}
	
	.contact-btn:after {
		width:15px;
		transform:translate(50px, 0px) rotate(25deg);
	}
	
	.sp-img-lbl {
		margin-bottom:1em;
/* 		font-size:12pt; */
		font-size:.75em;
	}
	
	.sp-twoColumn-first {
		order:1;
	}

	.sp-twoColumn-second {
		order:2;
	}
	
	div.wp-block-columns.sp-twoColumns-nobtm {
		margin-bottom:0!important;
	}

	div.wp-block-columns div.sp-Columns-btm {
		margin-bottom:1em;
	}
	
	select#EstimateArea__c {
		width:95%;
	}

	.form-label-contaner {
		margin-bottom:.5em;
	}
	
	.faq-button p {
		margin:0;
		width:90%;
		font-size:11pt;
	}

	.faq-button {
		display:flex;
		align-items:center;
	}

	.fa-angle-down {
		margin-left:1em;
	}
	
	input#company, 
	form#contact_form textarea {
		width:100%;
	}
	
	.form-name div, 
	.form-contact label, 
	.form-address label {
		width:48%;
	}
	
	.form-lbl-city,
	.form-lbl-street {
		margin-top:1em;	
	}
	
	input#EstimateSizeMeter__c, 
	input#EstimateFloor__c {
		margin-bottom:1.5em;
		padding:0.6em 1em!important;
	}
	
	h2 {
		font-size:22pt;
	}
	
	#mp-faq-sub {
		font-size:17pt;
	}
	
	h2#standard-mp-ttl,
	h2#scene {
		font-size:22pt;
		margin-bottom:1.5em!important;
		text-align:left;
	}
	
	.upper-standard-mp-space {
		height:80px!important;	
	}

/* 	.upper-suggestion-mp-space {
		height:100px!important;	
	} */

	h2#mp-faq,
	h2.mp-suggestion{
		text-align:left;
	}
	
	.case div h3,
	.standard-mp h3,
	h3#scene,
	.solution h3 {
		margin-bottom:5px!important;
	}
	
	.solution h3 {
		text-indent:-1.5em;
		padding-left:1.5em;
	}
	.submit-container {
		text-align:center;
	}

	h3#scene {
		text-align:left;
		font-size:1.6rem!important;
	}
	.scene-container hr {
/* 		width:85%; */
		width:95%;
	}

	.faq-button p {
		font-size:10pt!important;
	}
	
	.support-kind h2 {
		font-size:22pt;
		margin-bottom:1.3em!important;
	}

	button#btn_post {
		width:93%;
		margin-left:0.25em!important;
		margin-right:0.25em!important;
		font-size:8pt!important;
	}
	h3 {
		font-size:14pt!important;
/* 		font-size:16pt!important; */
	}
	p {
		font-size:10pt!important;
	}
	.standard-mp hr {
		width:90%;
	}
	.solution hr {
		width:95%!important;
	}
	.full-width {
		padding-left:15px;
		padding-right:15px;
	}
	.case div hr {
		width:95%;
	}
	
	.boxPopupCont {
		height:88%;
		width:96%;
		padding:4%;
	}

	.boxPopupCont h2 {
		font-size:14pt!important;
		text-align:left;
	}

	.boxPopupClose {
		top :8px;
		right:12px;
	}

	.contact-spacer {
		height:50px!important;
	}

	.thanks-link-btn {
		font-size:9pt!important;
		margin-bottom:1.25em!important;
	}
	h2#standard-mp-ttl,
	h2#mp-faq {
		font-size:2.2rem;
	}
	.mg-sp-none {
		margin-left:0!important;	
	}
	h2.mp-case-ttl {
		font-size:2.2rem;
	}
	h2.mp-solve-ttl {
		font-size:2.2rem;
	}
	h2#contact-ttl {
		font-size:2.2rem;
		margin-bottom:0;
	}
	p.contact-ttl-p {
		font-size:.98rem!important;
	}
}

.faq-button p {
	margin:0;
	width:90%;
	font-size:11pt;
}

.faq-button {
	display:flex;
	align-items:center;
}

.fa-angle-down {
	margin-left:1em;
	width:10%;
	text-align:center;
}

.solution p {
	margin-bottom:0;
}

.form-lbl-city,
.form-lbl-street {
	margin-top:1em;	
}

li {
	font-family:"リュウミン R-KL" !important
}

.form-lbl-description {
	margin-bottom:.75em!important;	
}


div#vk-mobile-nav-menu-btn {
	display:none;
}


.page-id-94 .site-header {
	display:none;
}

.page-id-94 .page-header,
.page-id-724 .page-header {
	background:url(https://matterport.ibt-consulting.com/wp-content/uploads/2022/04/strange_bullseyes.png);
	background-size:auto;
	background-attachment:fixed;
	background-position:right bottom;
	background-repeat:repeat;
	color:#000;
	text-shadow:1px 1px 10px #fff, -1px 1px 10px #fff, 1px -1px 10px #fff, -0.5px -0.5px 5px #fff;
	padding:50px;
	font-size:28pt;	
}

.page-header-title, h1.page-header-title {
	font-family:'リュウミン B-KL'!important;
}

.pbox {
	padding:20px 10px;
	font-weight:bold;
	border:solid 1px #000000;
	width:100%;
	margin:0 auto;
}

.site-footer {
	border-top:1px solid black;	
}


/*** top visial ***/
/* div {
    margin-top: 30px;
    width: 640px;
    height: 340px;
} */

div.img-main {
    position: relative;
/*   background-image: url("https://matterport.ibt-consulting.com/wp-content/uploads/2022/04/circles-ge3e8ca55a.jpg"); */
	background-color:#000;
    width: 100%;
/*   height: 100vh; */
/*   height: 500px; */
    color:#fff;
}

/**
#canvas {
    display: block;
    display: none;
    position: absolute;
    z-index: 2;
}

.dg {
    display: none;
}
*/
/*** top visial ***/


/** test top v ***/
.mp-ttl {
	font-size:90pt;
/* 	margin-bottom:80px!important; */
	margin-bottom:0!important;
	margin-top:80px;
}

.mp-ttl span {
/* 	font-family: 'Anton', sans-serif!important; */
/* 	font-family: 'Concert One', cursive!important; */
/* 	font-family: 'Arial', sans-serif!important; */
/* 	font-family: 'Ronde-B', sans-serif!important; */
/* 	margin: 0 10px; */
	margin: 0 5px;
	animation-iteration-count:3!important;
}


.main-c-ttl h2 {
	font-size:90pt;
/* 	font-family:"fangsong"!important; */
	font-weight:bold;
	margin-bottom:0!important;
}

.main-c-ttl p {
	font-size:24pt!important;
	margin-top:35px!important;
}

@media screen and ( max-width:600px) {
	.main-c-ttl h2 {
/* 		font-size:40pt; */

        font-size:2.75rem;
/*  		font-size:4rem; */
		margin-top:1.5rem;
	}

	.main-c-ttl p {
/* 		font-size:16pt!important;
		margin-top:60px!important; */

/* 		font-size:1.5rem!important; */
		font-size:1.7rem!important;
		margin-top:3.75rem!important;
	}

	.mp-ttl {
/* 		font-size:3.5rem; */

		font-size:3.25rem;
/* 		font-size:2.75rem; */
		
	}

	.mp-ttl span {
/* 		margin:0 0.1em; */
		margin:0;
	}
}

.main-mp-container {
/* 	padding:0;
	height:100vh; */
	text-align:center;
	padding-top:80px;
	background-color:#141414;
/* 	padding-bottom:30px; */
	padding-bottom:80px;
}

@media screen and ( max-width:600px) {
	.main-mp-container{
		padding-top:60px;
		padding-bottom:40px;
	}
	.main-mp-container iframe {
/* 		height:330px!important; */
		height:510px!important;
		width:98%!important;
	}
}


.mp-virtual-exp-container h2 {
	font-size:62pt;
	margin-bottom:35px!important;
}

.mp-virtual-exp-container p.mp-virtual-exp-cont-sub {
	font-size:26pt;
	margin-bottom:35px!important;
}

.mp-virtual-exp-container p.mp-virtual-exp-cont-p {
	font-size:16pt;
/* 		font-size:18pt; */
	line-height:2em!important;
	margin-bottom:35px!important;
}

@media screen and ( max-width:600px) {
	.mp-virtual-exp-container h2 {
		font-size:4.25rem;
	}
	.mp-virtual-exp-container p.mp-virtual-exp-cont-sub {
/* 		font-size:2.2rem!important; */
/* 		font-size:1.7rem!important; */
		font-size:1.5rem!important;
	}
	.mp-virtual-exp-container p.mp-virtual-exp-cont-p {
		font-size:1.1rem!important;
	}
	table td, table th {
		font-size:10pt;
	}
	.mp-modelhouse-ttl {
		font-size:20pt;
		margin-bottom:.75em;
	}
	.mp-modelhouse-ttl-sub {
		font-size:11pt;	
	}
	.case-hands {
		margin-bottom:1em;
	}
}


@keyframes initAnimation {
    0% {
		transform:translateX(0) rotate(.3deg)
	}
    100% {
		transform:translateX(0) rotate(0)
	}
}

@keyframes initFadeIn {
	0% {
		opacity:0;
	}
    100% {
		opacity:1;
	}
}

@keyframes flowing {
    0%{
        width: 0%;
    }
    100%{
        width: 100%;
    }
}

.test-top {
	height:100vh;
}

.top-text span,
.top-text2 span,
.top-text3 span{
/* 	font-family: "Arial" !important; */
	font-family:"リュウミン R-KL" !important;

	opacity: 0;
	transform:translateY(2rem);
/* 	-webkit-transition: all 1.5s cubic-bezier(0,0,.4,1); */
/*  	transition:all 1.5s cubic-bezier(0,0,.4,1); */
	transition-property:opacity,transform;
	transition-timing-function:cubic-bezier(0,0,.4,1);
/*  	transition:all 1.5s cubic-bezier(0,0,.4,1); */
/* 	transition-delay:2.5s; */	
}


.top-text span {
/* 	transition-duration:1.3s; */
	transition-duration:.8s;
	transition-delay:1.0s;
}

.top-text2 span {
/* 	transition-duration:1.5s; */
	transition-duration:.5s;
	transition-delay:2.75s;
}

.top-text3 span {
/* 	transition-duration:1s; */
	transition-duration:.8s;
	transition-delay:5s;
}

/* .top-text4 {
	transition-duration:.8s;
	transition-delay:5s;
} */


.main-c-ttl {
	margin-top:80px;
/* 	margin-top:200px; */
/* 	height:100vh; */
/* 	height:50vh; */
}

.main-c-ttl-p span {
/* 	transition-delay:4s!important; */
	transition-delay:2.2s!important;
	font-family:"リュウミン R-KL" !important;
}

h3.mp-modelhouse-sub {
    padding: 0.25em 0.4em;
    color: #494949;
    background: transparent;
/*   border-left: solid 5px #7db4e6; */
    border-left: solid 4px #343739;
}

.mg-30 {
	margin-left:30px;
}

.txt-c {
	text-align:center;
}

.txt-l {
	text-align:left;
}


/*** tablet ***/
/* @media screen and (min-width: 600px) and (max-width: 781px) { */
@media screen and (min-width: 600px) and (max-width: 1000px) {
	p.contact-link-inner-l-ttl-sub {
		font-size:13pt;
		margin-bottom:35px;
	}

	p.contact-link-inner-l-ttl span {
		font-size:32pt;
	}

	.contact-link-inner-r {
		padding: 80px 0;
	}

	p.contact-link-inner-l-ttl {
		margin-top:45px;
	}

	.wp-block-column.contact-link-inner-r p,
	.wp-block-column.contact-link-inner-r a {
		font-size:11pt;
	}

	.mp-ttl {
		font-size:45pt;
	}

	h2#standard-mp-ttl,
	h2#mp-faq {
/* 		font-size:36pt; */
		font-size:34pt;
	}

	h2.mp-modelhouse-ttl,
	span.mp-modelhouse-ttl-sub {
		font-size:24pt;
	}
	.threeColumns {
		flex-wrap:nowrap;
	}
	.columns-third {
		margin-left:var(--wp--style--block-gap,2em);
	}
	.tab-vertical-columns {
		flex-wrap:wrap;
	}
	.tab-vertical-column{
		flex-basis:100%!important;
	}
}

.mp-flow {
	margin-bottom:0;
}

.mp-flow-l ,
.mp-flow-c{
/* 	border: 1px solid #ffc107; */
	border: 1px solid #f6a707;
	padding-top:30px;
	position:relative;
}

.mp-flow-c p {
	margin-bottom:0;
	margin-right:20px;
	position:absolute;
	top:50%;
/* 	left:50%; */
/* 	transform: translate(-50%, -50%); */
	transform: translate(0, -50%);
}

.mp-flow-l  {
/* 	background-color:#ffc107; */
	background-color:#f6a707;
/* 	flex-basis:18%!important; */
/* 	flex-basis:15%!important; */
	flex-basis:13%!important;
	border-right:none;
	text-align:center;
	position:relative;
	height:140px;
}

.mp-flow-l:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-top: -15px;
    border: 15px solid transparent;
/*   border-left: 15px solid #ffc107; */
    border-left: 15px solid #f6a707;
}

.mp-flow-l p {
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	
	margin-top:10px;
	margin-bottom:0;
	
	width:100px;
	font-family: "リュウミン B-KL" !important;
}

.mp-flow-c {
/* 	flex-basis:85%!important; */
	flex-basis:87%!important;
	margin-left:0!important;
	padding-left:30px;
	padding-right:10px;
}

span.mp-flow-number {
	font-size:50pt;
/* 	font-family: "游ゴシック" !important; */
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif!important;
	font-weight:bold;
}

/* .mp-flow-l p span, */
.mp-flow-c p {
	font-family:"リュウミン R-KL"!important
}

span.mp-flow-label {
	font-size:12pt;
/* 	font-family:"リュウミン R-KL"!important; */
/* 	font-family: "游ゴシック" !important; */
/* 	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif!important; */
	font-family: "游ゴシック", "Yu Gothic", sans-serif!important;
}

hr.vertical-dotted-l {
/* 	color:#ffc107; */
	height:50px;
	width:2px;
/* 	border-width:0; */
/* 	background-color:#ffc107; */
/* 	border-top: 2px dotted #ffc107; */
	border-top:none;
/* 	border-right: 4px dotted #ffc107; */
	border-right: 4px dotted #f6a707;
/*    border-right: none; */
    border-bottom: none;
    border-left: none;
	
	margin:0;
	margin-left:6.5%;
	margin-top:5px;
	margin-bottom:5px;
}

@media screen and ( max-width:600px) {
	.mp-flow-l {
/* 		height:75px; */
		height:65px;
/* 		height:100px; */
/* 		height:80px; */
	}
	.mp-flow-c {
		height:220px;
		padding-left:1rem;
		padding-right:1rem;
	}
	span.mp-flow-label {
		font-size:9pt;
	}
	span.mp-flow-number {
/* 		font-size:35pt; */
/* 		font-size:28pt; */
		font-size:24pt;
	}
	.mp-flow-l:before {
		display:none;
	}
	hr.vertical-dotted-l {
		margin-left:50%;
	}
	.mp-flow-c p {
		margin-right:1rem;
	}
	.mp-flow-l p {
		width:150px;
		margin-top: 7px;
	}

	.mp-flow-c.mp-flow-c1 {
		height:120px;
	}
	.mp-flow-c.mp-flow-c2,
	.mp-flow-c.mp-flow-c5{
		height:140px;
	}
	.mp-flow-c.mp-flow-c3 {
		height:200px;
	}
	.mp-flow-c.mp-flow-c4 {
		height:80px;
	}
/* 	.mp-flow-c.mp-flow-c5 {
		height:200px;
	} */
	.mp-flow-c.mp-flow-c6 {
		height:160px;
	}
	.mp-flow-c.mp-flow-c7 {
		height:120px;
	}
/* 	.mp-flow-c.mp-flow-c8 {
		height:200px;
	} */
}

@media screen and (min-width: 600px) and (max-width: 781px) {
	#mpModelHouse1L,#mpModelHouse1R,
	#mpModelHouse2L,#mpModelHouse2R,
	#mpModelHouse3L,#mpModelHouse3R {
		flex-basis:100%!important;	
	}

	#mpFlowL1,
	#mpFlowL2,
	#mpFlowL3,
	#mpFlowL4,
	#mpFlowL5,
	#mpFlowL6,
	#mpFlowL7,
	#mpFlowL8{
		flex-basis:17%!important;	
	}

	#mpFlowR1,
	#mpFlowR2,
	#mpFlowR3,
	#mpFlowR4,
	#mpFlowR5,
	#mpFlowR6,
	#mpFlowR7,
	#mpFlowR8{
		flex-basis:83%!important;	
	}
}

@media screen and (min-width: 600px) and (max-width: 1000px) {
	.mp-flow-l {
		flex-basis:17%!important;
		height:200px;
	}
	.mp-flow-c {
		flex-basis:83%!important;
	}
	hr.vertical-dotted-l {
		margin-left:8.5%;
	}
}



 /*** フォント調整 ***/
.top-text span,
.top-text2 span,
#standard-mp-ttl,
#standard-mp-ttl span,
h3,
h2,
h3#scene,
.mp-modelhouse-ttl span,
.mp-case-ttl,
.mp-case-ttl span,
.standard-mp h3,
h2#mp-faq span,
h2#contact-ttl,
h2.about-us,
.support-kind-inner center,
h3.mp-modelhouse-sub,
h2.mp-case-ttl{
	font-family: "Arial Black", ヒラギノ角ゴシック !important;
	font-weight:bold;
}

.top-text3 span,
.top-text4,
.wp-block-column.contact-link-inner-l center p,
.wp-block-column.contact-link-inner-r p, .wp-block-column.contact-link-inner-r a,
p.contact-link-inner-l-ttl span,
.sp-img-lbl,
.faq-detail,
.mp-flow-c p,
td,
figcaption,
p{
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif!important;
}

.ttl {
/* 	line-height:2.5; */
/* 	font-size:33pt!important; */
	font-size:28pt!important;
}

.txtanim-main {
	height:calc(100vh - 3.5rem - 10px);	
}

.mp-virtual-exp-container h2.top-text-main {
	font-size:51pt;
	margin-top:50px;
}


h2.mp-case-ttl,
h2.about-us {
	text-align:center;
}



.contact-link-inner-l-ttl,
.contact-link-inner-l-ttl-sub {
	font-weight:bold;
}


nav.footer-nav {
	text-align:center;
	border-bottom:none;
}

.ttl-desc {
	text-align:center;
}


/*** tablet ***/
@media screen and (min-width: 769px) and (max-width: 1000px) {
	.txtanim-main {
		height:auto;
	}
	
	.mp-virtual-exp-container h2.top-text-main {
		font-size:31pt;
		margin-top:50px;
		text-align:center;
	}

	.ttl {
/* 		font-size:1.725rem!important; */
		font-size:18pt!important;
/* 		text-align:left; */
		text-align:center;
	}
	
}


/*** moblie ***/
@media screen and (max-width: 600px) {
	.mp-virtual-exp-container h2 {
		font-size:3.5rem;
	}
	
	div.support-kind-inner .wp-block-column {
		margin-bottom:1.2em;
	}

	div.support-kind-inner.wp-block-column:last-child {
		margin-bottom:0;
	}
    nav.footer-nav {
        text-align: left;
    }
}

@media screen and (max-width: 768px) {
	.txtanim-main {
		height:auto;
	}

	.mp-virtual-exp-container h2.top-text-main {
		font-size:30pt;
		margin-top:30px;
/* 		text-align:center; */
		text-align:left;
	}

	.mp-virtual-exp-container p.mp-virtual-exp-cont-sub {
		font-size:1.725rem!important;
		text-align:left;
	}
	.ttl-desc {
		text-align:left;
	}
}

#menu-footer-menu li a:hover {
	color:#af4609;
}



/*** contact form リニューアル start ***/
ul.step {
	padding: 0;
	width:100%;
	margin:0 auto 50px;
	overflow:hidden;
	text-align:center;
}

ul.step li {
	display:inline-block;
	background:#eeeeee;
	width:25%;
	padding:0;
	margin: 0;
	margin-right:3%;
	color:#666;
	position:relative;
	counter-increment:number;
	font-size:18px;
	font-weight:normal;
	
	text-align: left;

	/*** custom ***/
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif!important;
}

ul.step li:before {
	display:inline-block;
	background:#ccc;
	color:#000;
	content:counter(number);
	text-align:center;
	width:40px;
	padding:5px 0;
	margin-right:20px;
}

ul.step li.now:before {
	background:#000;
	color:#fff;
}

ul.step li:after {
	content: "\f0da";
	font-family: FontAwesome;
	position: absolute;
/*     right: -10%; */
	top:10%;
    right: -9%;
    color: #ccc;
    font-size: 30px;
}

ul.step li:last-child:after {
	content: "";
}


table.contact-input-table {
	width: 100%;
	margin: 0 auto 20px;
	font-size: 16px;
	overflow: hidden;

	/*** custom ***/
	border:0;
}

table.contact-input-table th, table.contact-input-table td {
	/* border-bottom: 1px solid #ccc; */
	line-height: 1.5;
	vertical-align: top;
	overflow: hidden;

	/*** custom ***/
	border:0;
	border-bottom:1px solid var(--vk-color-border-hr);
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif!important;
}

table.contact-input-table th {
	/* width: 25.5%; */
	position: relative;
	vertical-align: middle;
	padding: 24px 10px;
	font-size: 16px;
	font-weight: normal;

	/*** custom ***/
	text-align:left;
	width:33%;
}

table.contact-input-table th.top {
	vertical-align:top;
}

table.contact-input-table th:after {
	content: "必須";
	background: #E65656;
	border-radius: 4px;
	padding: 3px 10px;
	margin-right: 5px;
	color: #fff;
	font-size: 12px;
	font-weight: normal;
	position: absolute;
/* 	top: 25px; */
	top: 30px;
	right: 0;
}

table.contact-input-table th.contact-list:after {
/* 	top:65px; */
	top:55px;
}

table.contact-input-table th.contact-address:after {
	top:60px;
}

table.contact-input-table th.no:after {
	content: "任意";
	background: #DEDEDE;
	color: #595757;
}

table.contact-input-table td {
	padding: 15px 20px;
	font-size: 16px;
	vertical-align: middle;
}

table.contact-input-table td input {
	height: auto;
	background: #FAFAFA;
	border: none;
	padding: 0.8em;
	font-size: 16px;
	border-radius: 0px;
	border: 1px solid #999;
}

table.contact-input-table td input.wdh100,
table.contact-input-table td select.wdh100 {
	width: 100%;
}

table.contact-input-table td input.wdh50,
table.contact-input-table td select.wdh50 {
	/* width: 44.6%; */
	/*** custom ***/
	width: 49.6%;
	display: inline;
}

/*** custom ***/
table.contact-input-table td input.wdh60,
table.contact-input-table td select.wdh60 {
	width: 59.6%;
	display: inline;
}

table.contact-input-table td input.wdh23,
table.contact-input-table td select.wdh23 {
	width: 23%;
	display: inline;
}

/* table.contact-input-table td input.wdh_custom {
	width:25%;
	display:inline;
} */

table.contact-input-table .check-list {
	padding: 11px 10px 0 20px;
	margin:0;
	margin-bottom:1.2em;
}

/*** custom st ***/
table.contact-input-table .check-list li {
	display: block!important;
}
/*** custom ed ***/

.mg-tp5 {
	margin-top:5px;
}

table.contact-input-table td input,
table.contact-input-table td textarea{
	/* font-family:"リュウミン R-KL" !important; */
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif!important;
}


table.contact-input-table td input::placeholder,
table.contact-input-table td textarea::placeholder{
	/* font-family:"リュウミン R-KL" !important; */
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif!important;
}

a#postal_auto_btn,
.contact-btn-ul li{
	cursor:pointer;
}


ul.check-list {
	list-style:none;
	padding: 0;
}

table.contact-input-table td .check-list li {
	display: inline-block;
/* 	margin: 0 10px 10px 0; */
	margin: 0 10px 0 0;
}

table.contact-input-table td .check-list li label {
	cursor: pointer;
	display: inline-block;
	font-weight: normal;

	/*** custom ***/
	margin-bottom:.5em;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif!important;
}

input.contact-checkbox {
	margin-right:5px;
	vertical-align:middle;

	/*** custom ***/
	margin-bottom:0;
}

table.contact-input-table td textarea {
	width: 100%;
/* 	height: 300px; */
	height: 250px;
	background: #FAFAFA;
	padding: 0.8em;
	font-size: 16px;
	border-radius: 0px;
	border: 1px solid #999;
}


.postal-auto,
.postal-link {
	display: inline-block;
	margin-bottom:0;
}

.postal-auto a,
.postal-link a {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif!important;
}

.postal-auto a {
	display: inline-block;
	background: #dedede;
	border-radius: 6px;
	padding: 0.5em 1em;
	margin: 0 1em;
	text-decoration: none;

	/*** custom ***/
	color:#3F2B27;
}

.postal-auto a:before {
	content: "\f0da";
	font-family: FontAwesome;
	margin-right: 5px;
}

.postal-link a {
	text-decoration: underline;
	color:#000;
}

.postal-auto a:link,
.postal-link a:link{
	color:#000;
}

.postal-link::after {
/* 	content: "\f08e"; */
	content: "\f35d";
	font-family: FontAwesome;
	margin-left: 5px;
}

#privacy_test {
/* 	font-weight:bold; */
	/* width:90%; */
	/*** custom ***/
	width:95%;
	border: 1px solid #CCD1D5;
	padding:15px 15px 0 15px;
	margin: 0 auto 20px;
	font-size:85%;
	overflow-y:scroll;
	height:210px;
}

.btn_box .agree {
/* 	margin-bottom: 20px; */
	margin-bottom: 50px;
	text-align: center;
	font-size: 20px;
}


.btn_box ul.contact-btn-ul {
	text-align:center;
	position: relative;
}

.btn_box ul.contact-btn-ul li {
	display: inline-block;
	width: 49%;
	background: #E5012D;
	position: relative;
	margin-right: 10px;
	font-size: 18px;
}

.btn_box ul.contact-btn-ul li:last-child {
	margin-right: 0;
}

.btn_box ul.contact-btn-ul li.disabled {
	background:#999;
	pointer-events:none;
}

.btn_box ul.contact-btn-ul li span.contact-arrow {
	background: none;
}

.btn_box ul.contact-btn-ul li a {
	display: block;
	padding: 20px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	
	margin: 0;
	font-size:100%;
	vertical-align: baseline;
	background: transparent;
}

span.contact-arrow {
	position: absolute;
	bottom: 0;
	right: 0;
	display: inline-block;
	background: #000;
	width: 70px;
	height: 70px;
	padding: 20px 0;
	text-align: center;
}

.contact-arrow::before {
	content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: -9px;
    right: 30%;
    margin: auto;
    width: 11px;
    height: 10px;
    border-top: 1px solid #fff;
    -webkit-transform: rotate(37deg);
    transform: rotate(37deg);
}

.contact-arrow::after {
	content: "";
    display: block;
    position: absolute;
    top: -3px;
    bottom: 0;
    right: 28%;
    margin: auto;
    width: 30px;
    height: 10px;
    border-bottom: 1px solid #fff;	
}

form[name="confirm-contact"] table.contact-input-table th:after,
form[name="confirm-contact"] table.contact-input-table th.contact-list:after {
	top:25px;
}

form[name="confirm-contact"] table.contact-input-table th.contact-address:after {
	top:35px;
}

form[name="confirm-contact"] table.contact-input-table .check-list {
	padding:0;
	margin:0;
}

form[name="confirm-contact"] table.contact-input-table td p {
	margin-bottom:0;
}

p[class*="is-error-"] {
	margin-bottom: 0;
}

span.is-error-contact {
	color: #c60909;
}

p.is-error-contact-type\[\] {
	margin-left:20px;
}

input.is-error-contact,
textarea.is-error-contact{
	border: 1px solid #c60909!important;
}

a#fr_bth_back {
	background-color:#12285f;
}

ul.step li.now {
	color:#333;
}

p[name="IBT_Site_ContactType__c"] {
	word-break:keep-all;
}


@media screen and (max-width: 768px) {
	ul.step {
		width: 100%;
        margin: 0 auto 15px;
	}

	ul.step li {
		padding:5px 0;
	}
	
	ul.step li {
		display: inline-block;
		background: #eeeeee;
		width: 70%;
		padding: 0;
		margin-right: 0%;
		margin-bottom: 4.5%;
		position: relative;
		counter-increment: number;
		font-size: 14px;
	}
	
	ul.step li:after {
		content: "\f0d7";
		font-family: FontAwesome;
		position: absolute;
/* 		bottom: -70%; */
		bottom: -58%;
/* 		right: 47%; */
		right: 45%;
		color: #ccc;
		font-size: 20px;
		
		top:auto;
	}
	
	table.contact-input-table {
		max-width:100%;
	}
	
	table.contact-input-table th, table.contact-input-table td {
		display: block;
		padding: 10px 0;
		font-size: 16px;
	}

	table.contact-input-table th {
		width: 100%;
        border: none;
		padding: 10px 0 1px;
	}
	

	table.contact-input-table th:after {
		position: static;
/* 		margin-left: 5px; */
		margin-left: 10px;
		font-size: 11px;
		vertical-align: baseline;
	}

	table.contact-input-table td {
		padding: 10px 0;
		
		max-width:100%;
	}

	table.contact-input-table .list {
		padding: 10px 0 0 0;
	}

	table.contact-input-table td .check-list li {
		display: block;
		margin: 0 0 10px 0;
		float: none;
		font-size: 16px;
	}


	table.contact-input-table td .check-list li label {
		cursor: pointer;
		display: block;
/* 		padding: 10px 10px 10px 5px; */
		padding:0;
	}
	

	table.contact-input-table td input {
		padding: 10px;
	}

	table.contact-input-table td .check-list li label input {
		margin-right:5px;
	}
	
	.privacy_read {
		margin-left:0;
	}
	
	#privacy {
		width: 100%;
		height: 150px;
		font-size: 10px;
	}
	
	.btn_box {
		margin-bottom:60px;
	}
	
	.btn_box .agree {
		margin-bottom: 20px;
    /* font-size: 10px; */
	}
	
/* 	.btn_box ul.btn { */
	.btn_box ul.contact-btn-ul {
		width: 100%;
		margin: 0 auto;
	}
	
	.btn_box ul.contact-btn-ul li {
		width: 100%;
		margin: 0 0 10px;
	}
	
	.btn_box ul.contact-btn-ul li:last-child {
		margin-right: auto;
	}
	
	.btn_box ul.contact-btn-ul li a {
		padding:10px;
	}
	
	span.contact-arrow {
		width: 50px;
		height: 50px;
		padding: 10px 12px;
	}
	
	.btn_box ul.contact-btn-ul {
		padding:0;
	}
	
	table.contact-input-table td input.wdh100,
	table.contact-input-table td input.wdh23{
		width:100%;
		max-width:100%;
	}
	
	table.contact-input-table td input.wdh50 {
		width:49%;
	}
	
	table.contact-input-table td input.sp-wdh23 {
		width:40%;
	}
	
	table.contact-input-table td select.wdh60 {
		width:100%;
	}

	.postal-auto a {
		margin: 1em 1em 0 0;
        font-size: 13px;
	}
	
	table.contact-input-table td textarea {
		max-width:100%!important;
	}

	span.is-error-contact {
		font-size:16px;
	}
	
	.contact-spacer {
		height: 50px!important;
	}
	.mp-flow,
	.wp-block-columns.support-kind-inner,
	.threeColumns{
		gap :unset!important;
	}
}

@media screen and (max-width:768px) {
	.threeColumns .wp-block-column .wp-block-image img {
			margin:0 auto;
	}
	.sp-twoColumn-first {
		order:1;
	}

	.sp-twoColumn-second {
		order:2;
	}
	
	.contact-link-inner-l {
		padding-left:0;
	}
	
	.wp-block-column.contact-link-inner-r {
		padding: 0 0 3.5em 0;
	}
	
	div.support-kind-inner .wp-block-column {
		margin-bottom:1.2em;
	}
}


@media screen and (min-width: 768px) and (max-width: 1000px) {
	table.contact-input-table th {
/* 		width:38%; */
		width:40%;
	}

	ul.step li {
/* 		width:28%; */
		width:29.5%;
	}
	
	table.contact-input-table td textarea {
		max-width:100%!important;
	}

	table.contact-input-table td input.wdh100,
	table.contact-input-table td input.wdh23{
		width:100%;
		max-width:100%;
	}

	table.contact-input-table td input.wdh23 {
		margin-bottom:1.2em;
	}

	table.contact-input-table td input.wdh50 {
		width:49%;
	}
	
	table.contact-input-table td input.tb-wdh40 {
		width:40%;
	}
	
	table.contact-input-table td select.tb-wdh100 {
		width:100%;
	}

	table.contact-input-table th.contact-list:after {
		top:65px!important;
	}
	
	table.contact-input-table th.postal:after {
		top:65px!important;
	}
	
	a#postal_auto_btn {
		margin-left:0;
	}
	
	form[name="confirm-contact"] table.contact-input-table th.contact-list:after {
		top:calc(50% - 8px)!important;
	}

	.btn_box ul.contact-btn-ul li {
		width: 47%;
	}
}

textarea#backcotact_textareaHiddeen,
textarea#inputcotact_textareaHiddeen{
	display:none;
}

ol, li, a, span {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}

input[type="checkbox"] {
	margin-top:-2px;
}

.contact-link {
	gap:unset!important;
}