@charset "UTF-8";


/* ---------------------------------------------------------------- *
スタイル調整の設定
* ---------------------------------------------------------------- */
/*左右中央*/
.center {
padding: 0px;
text-align: center !important;
margin: 0px;
}
.right {
padding: 0px;
text-align: right !important;
margin: 0px;
}
.left {
padding: 0px;
text-align: left !important;
margin: 0px;
}

/*padding*/
.pt00 { padding-top: 0   !important;}
.pt10 { padding-top:10px !important;}
.pt20 { padding-top:20px !important;}
.pt30 { padding-top:30px !important;}
.pt40 { padding-top:40px !important;}
.pt50 { padding-top:50px !important;}

.pb00 { padding-bottom: 0   !important;}
.pb10 { padding-bottom:10px !important;}
.pb20 { padding-bottom:20px !important;}
.pb30 { padding-bottom:30px !important;}
.pb40 { padding-bottom:40px !important;}
.pb50 { padding-bottom:50px !important;}

.pr00 { padding-right: 0   !important;}
.pr10 { padding-right:10px !important;}
.pr20 { padding-right:20px !important;}
.pr30 { padding-right:30px !important;}
.pr40 { padding-right:40px !important;}
.pr50 { padding-right:50px !important;}

.pl00 { padding-left: 0   !important;}
.pl10 { padding-left:10px !important;}
.pl20 { padding-left:20px !important;}
.pl30 { padding-left:30px !important;}
.pl40 { padding-left:40px !important;}
.pl50 { padding-left:50px !important;}
.pl100 { padding-left:100px !important;}

/*margin*/
.mt00 { margin-top: 0   !important;}
.mt05 { margin-top:5px !important;}
.mt10 { margin-top:10px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt30 { margin-top:30px !important;}
.mt40 { margin-top:40px !important;}
.mt50 { margin-top:50px !important;}
.mt60 { margin-top:60px !important;}
.mt70 { margin-top:70px !important;}
.mt80 { margin-top:80px !important;}
.mt90 { margin-top:90px !important;}
.mt100 { margin-top:100px !important;}

.mb00 { margin-bottom: 0   !important;}
.mb05 { margin-bottom:5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb30 { margin-bottom:30px !important;}
.mb40 { margin-bottom:40px !important;}
.mb50 { margin-bottom:50px !important;}
.mb60 { margin-bottom:60px !important;}
.mb70 { margin-bottom:70px !important;}
.mb80 { margin-bottom:80px !important;}
.mb90 { margin-bottom:90px !important;}
.mb100 { margin-bottom:100px !important;}
.mb110 { margin-bottom:110px !important;}
.mb120 { margin-bottom:120px !important;}
.mb130 { margin-bottom:130px !important;}
.mb140 { margin-bottom:140px !important;}
.mb150 { margin-bottom:150px !important;}

.mr00 { margin-right: 0   !important;}
.mr10 { margin-right:10px !important;}
.mr20 { margin-right:20px !important;}
.mr30 { margin-right:30px !important;}
.mr40 { margin-right:40px !important;}
.mr50 { margin-right:50px !important;}

.ml00 { margin-left: 0   !important;}
.ml10 { margin-left:10px !important;}
.ml20 { margin-left:20px !important;}
.ml30 { margin-left:30px !important;}
.ml40 { margin-left:40px !important;}
.ml50 { margin-left:50px !important;}
.ml300 { margin-left:300px !important;}

@media screen and (max-width: 767px) {
.mt20 { margin-top:15px !important;}
.mt30 { margin-top:22px !important;}
.mt40 { margin-top:30px !important;}
.mt50 { margin-top:38px !important;}
.mt60 { margin-top:45px !important;}
.mt70 { margin-top:53px !important;}
.mt80 { margin-top:60px !important;}
.mt90 { margin-top:68px !important;}
.mt100 { margin-top:75px !important;}

.mb20 { margin-bottom:15px !important;}
.mb30 { margin-bottom:22px !important;}
.mb40 { margin-bottom:30px !important;}
.mb50 { margin-bottom:38px !important;}
.mb60 { margin-bottom:45px !important;}
.mb70 { margin-bottom:53px !important;}
.mb80 { margin-bottom:60px !important;}
.mb90 { margin-bottom:68px !important;}
.mb100 { margin-bottom:75px !important;}
.mb110 { margin-bottom:83px !important;}
.mb120 { margin-bottom:90px !important;}
.mb130 { margin-bottom:98px !important;}
.mb140 { margin-bottom:105px !important;}
.mb150 { margin-bottom:113px !important;}
}
@media screen and (max-width: 360px) {
.mt20 { margin-top:14px !important;}
.mt30 { margin-top:21px !important;}
.mt40 { margin-top:28px !important;}
.mt50 { margin-top:35px !important;}
.mt60 { margin-top:42px !important;}
.mt70 { margin-top:49px !important;}
.mt80 { margin-top:56px !important;}
.mt90 { margin-top:63px !important;}
.mt100 { margin-top:70px !important;}

.mb20 { margin-bottom:14px !important;}
.mb30 { margin-bottom:21px !important;}
.mb40 { margin-bottom:28px !important;}
.mb50 { margin-bottom:35px !important;}
.mb60 { margin-bottom:42px !important;}
.mb70 { margin-bottom:49px !important;}
.mb80 { margin-bottom:56px !important;}
.mb90 { margin-bottom:63px !important;}
.mb100 { margin-bottom:70px !important;}
.mb110 { margin-bottom:77px !important;}
.mb120 { margin-bottom:84px !important;}
.mb130 { margin-bottom:91px !important;}
.mb140 { margin-bottom:98px !important;}
.mb150 { margin-bottom:105px !important;}
}

/*フォントカラー*/
.red  {	color: #F00;}

/* Width */
.w100p   { width: 100% !important;}
.w90p   {
width: 90% !important;
margin-left: auto;
margin-right: auto;
}
.w80p   {
width: 80% !important;
margin-left: auto;
margin-right: auto;
}
.w75p   {
width: 75% !important;
margin-left: auto;
margin-right: auto;
}
.w70p   {
width: 70% !important;
margin-left: auto;
margin-right: auto;
}
.w60p   {
width: 60% !important;
margin-left: auto;
margin-right: auto;
}
.w50p   {
width: 50% !important;
margin-left: auto;
margin-right: auto;
}
.w40p   {
width: 40% !important;
margin-left: auto;
margin-right: auto;
}
.w30p   {
width: 30% !important;
margin-left: auto;
margin-right: auto;
}
.w980   { width: 980px !important;}
.w960   { width: 960px !important;}
.w900   { width: 900px !important;}
.w700	{
width: 700px !important;
margin-right: auto;
margin-left: auto;
}
.w600	{
width: 600px !important;
margin-left: auto;
margin-right: auto;
}
.w500	{ width: 500px !important;}
.w400	{ width: 400px !important;}
.w300	{ width: 300px !important;}
.w200	{ width: 220px !important;}

@media screen and (max-width: 767px) {
.w90p   { width: 100% !important;}
.w80p   { width: 100% !important;}
.w70p   { width: 100% !important;}
.w60p   { width: 100% !important;}
.w50p   { width: 100% !important;}
.w40p   { width: 100% !important;}
.w30p   { width: 100% !important;}

.w980   { width: 100% !important;}
.w960   { width: 100% !important;}
.w900   { width: 100% !important;}
.w700	{ width: 100% !important;}
.w600	{ width: 100% !important;}
.w500	{ width: 100% !important;}
.w400	{ width: 100% !important;}
.w300	{ width: 100% !important;}
.w200	{ width: 100% !important;}
}


/* ---------------------------------------------------------------- *
お問い合わせフォームの設定
* ---------------------------------------------------------------- */

article.lp_c {
margin-bottom: 50px;
}

.cBx01 {
margin-bottom: 20px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #F3F3EF;
}
.cBx01 h3 {
background-color: #F5D51F;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 30px;
font-size: 16px;
font-weight: bold;
}
.cBx01 h3 span {
background-color: #D41719;
color: #FFFFFF;
font-size: 13px;
font-weight: normal;
padding-left: 10px;
padding-right: 10px;
padding-top: 3px;
padding-bottom: 3px;
margin-right: 10px;
}
.cBx01 .c_inner {
padding-top: 20px;
padding-right: 30px;
padding-bottom: 20px;
padding-left: 30px;
}
.cBx01 .c_inner p.keiyakusha {
	padding-top: 10px;
	color: #D41718;
}
@media screen and (max-width: 767px) {
.cBx01 .c_inner {
padding-top: 20px;
padding-right: 30px;
padding-bottom: 20px;
padding-left: 20px;
}
}

.cBx02 {
margin-bottom: 20px;
border: 2px solid #B4D798;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.cBx02 h3 {
background-color: #B4D798;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 30px;
padding-right: 30px;
font-size: 16px;
font-weight: bold;
}
.cBx02 .c_inner {
padding-top: 20px;
padding-right: 30px;
padding-bottom: 20px;
padding-left: 30px;
}
.cBx02 .c_inner p {
padding-bottom: 10px;
}
.cBx02 .c_inner p.c_about:first-child {
color: #D4171A;
}
@media screen and (max-width: 767px) {
.cBx02 .c_inner {
padding-top: 20px;
padding-right: 30px;
padding-bottom: 20px;
padding-left: 20px;
}
}




/*お問い合せ詳細*/
#formbtn{
text-align: center;
margin: 0px;
padding-top: 10px;
}
#formbtn table{
text-align: center;
margin: 0px;
padding: 0px;
}
.w100 {
width: 100px;
margin: 0px;
padding: 0px;
}
.w200 {
width: 200px;
margin: 0px;
padding: 0px;
}
.w480 {
width: 460px;
margin: 0px;
padding: 0px;
}
span.red {
color: #F00 !important;
}



/*プラグインContact Form 7のエラーメッセージ*/
.wpcf7-not-valid-tip {
position: static !important;
left: 0px !important;
top: -8px !important;
color: #F00 !important;
font-size: 14px !important;
margin: 0px !important;
border-top-style: none !important;
border-right-style: none !important;
border-bottom-style: none !important;
border-left-style: none !important;
z-index: 1000 !important;
padding: 10px !important;
background-color: #FFF;
/*width: 180px !important;*/
text-align: left !important;
display: block;
}
.wpcf7-validation-errors {
width: 100% !important;
padding: 2% !important;
margin-left: 0px !important;
text-align: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

/* テキストフォームの設定 */
.wpcf7-text,.wpcf7-number{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 15px;
border: 1px solid #48A2E2;
background-color: #FFFFFF;
margin: 0;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
font-size: 16px !important;
}
.length-s{
width: 120px;
}
.length-sm{
width: 200px;
}
.length-m{
width: 300px;
}
.length-l{
width: 100%;
}
/* テキストフォームのフォーカス時の設定 */
.wpcf7-text:focus{
background-color: #FFF;
}

/* テキストエリアの設定 */
.wpcf7-textarea{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 15px;
border: 1px solid #48A2E2;
background-color: #FFFFFF;
margin: 0;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
border-radius: 7px;
width: 100%;
font-size: 16px !important;
}

/* テキストエリアのフォーカス時の設定 */
.wpcf7-textarea:focus{
background-color: #FFF;
}

.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix{
overflow:hidden;
}

/*ラジオボタン・チェックボックスの改行*/
/*.list_length span.wpcf7-list-item { display: block; }*/
.c_item span.wpcf7-list-item {
display: block;
}

@media screen and (max-width: 767px) {
.wpcf7-text{
width: 100%;
}
.length-s{
width: 50%;
}
.length-m{
width: 100%;
}
.length-l{
width: 100%;
}
.wpcf7-text .wpcf7-form-control {
padding: 0px;
width: 100% ;
height: auto;
}

.wpcf7-textarea{
width: 100% ;
}
}



/* フォームデザイン */
#linebox label {
font-weight: normal;
cursor: pointer;
}
input:hover,
textarea:hover {
	background-color: #FFF7CC;
}

input.submit{
	clear: both;
	border: none;
	font-size: 18px;
	color: #FFFFFF;
	background-color: #48A2E2;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	border-radius: 30px;
	font-weight: bold;
}
input.submit:hover {
	cursor: pointer;
	background-color: #D41718;
}

/*iPhone用*/
input[type="submit"] {
-webkit-appearance: none;
}
input[type="reset"] {
-webkit-appearance: none;
}
input[type="button"] {
-webkit-appearance: none;
}

textarea {
height: 200px;
}
@media screen and (max-width: 767px) {
textarea {
width: 100%;
height: 200px;
border: 1px #DDDDDD solid;
margin: 0px;
padding: 10px;
background: #FFFFFF;
-webkit-transition: background 1s ease;
-moz-transition: background 1s ease;
transition: background 1s ease;
}
input.submit {
	font-size: 20px;
	width: 60%;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-left: 20%;
	margin-right: 20%;
}
input,
textarea,
select {
}

}


/*ファイルボタンカスタマイズ*/
/*input[type="file"] {
display: none;
}*/
input[type="file"] {
/*font-size: 14px;*/
}
label.file-button {
padding: 10px 40px;
/*color: #ffffff;*/
background-color: #E1E1E1;
cursor: pointer;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 7px;
display: block;
text-align: center;
}
label.file-button span {
}
@media screen and (max-width: 767px) {
label.file-button {
width: 100%;
}
}


span.wpcf7-list-item {
display: block;
}
label {
position: relative;
padding-left: 10px;
padding-top: 3px;
}

/*  CHECKBOX */
label span {
margin-left: 20px;
margin-right: 20px;
/*display: inline-block;*/
}
label input[type="checkbox"] {
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
label input[type="checkbox"] + span::before, label input[type="checkbox"] + span::after {
position: absolute;
top: 0;
left: 0;
display: inline-block;
content: '';
box-sizing: border-box;
}
label input[type="checkbox"] + span::before {
z-index: 0;
background-color: #FFFFFF;
width: 22px;
height: 22px;
border: 2px #AAAAAA solid;
border-radius: 0px;
/*position: absolute;*/
}
label input[type="checkbox"] + span::after {
z-index: 1;
margin: 5px 8px;
width: 6px;
height: 9px;
/*position: absolute;*/
}
label input[type="checkbox"]:checked + span::before {
background-color: #000;
border: 2px #000 solid;
}
label input[type="checkbox"]:checked + span::after {
border: 2px solid #fff;
border-width: 0 2px 2px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
z-index: 2;
}

@media screen and (max-width: 767px) {
span.wpcf7-list-item {
margin-left: 10px;
margin-top: 5px;
}
}

/* RADIO BUTTON */
label input[type="radio"] {
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
label input[type="radio"] + span::before {
position: absolute;
display: inline-block;
content: '';
box-sizing: border-box;
border-radius: 20px;
}
label input[type="radio"] + span::before {
z-index: 0;
top: 0;
left: 0;
background-color: #FFFFFF;
width: 20px;
height: 20px;
border: 2px #AAAAAA solid;
}
label input[type="radio"]:checked + span::before {
border-width: 7px;
}


/*フォームスタイル　プルダウンメニュー*/
.inverse{
background: #000;
padding: 20px 0;
color: #fff;
}
.select-wrap {
position: relative;
}
.select-wrap:before {
z-index: 1;
position: absolute;
right: 15px;
top: 0;
content: '\f107';
font-family: 'Font Awesome 5 Free';
line-height: 43px;
color: #000000;
pointer-events: none;
/*font-size: 20px;*/
}
select{
outline: none;
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';
background: none transparent;
vertical-align: middle;
font-size: inherit;
color: inherit;
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
height: 40px;
padding: 8px 12px;
border: 1px solid #ddd;
width: 100%;
border-radius: 3px;
color: #888;
}
select option{
background-color: #fff;
color: #CCC;
}
select::-ms-expand {
display: none;
}
select:-moz-focusring { 
color: transparent; 
/*text-shadow: 0 0 0 #828c9a;*/
}
.select-wrap.select-primary:before{
color:#fff;
}
.select-wrap.select-primary > select{
background:#0084B4;
color:#fff;
border-color:#0084B4;
}
.select-wrap.select-primary > select:-moz-focusring { 
color: transparent; 
/*text-shadow: 0 0 0 #fff;*/
}

.select-wrap.select-inverse:before{
color:#fff;
}
.select-wrap.select-inverse > select{
color:#fff;
border-color: #fff;
}

.select-wrap.select-inverse > select:-moz-focusring { 
color: transparent; 
/*text-shadow: 0 0 0 #fff;*/
}


/*placeholder文字色変更*/
/* Chrome, Safari */
input::-webkit-input-placeholder{
/*color: #CCCCCC;*/
}
/* Firefox */
input::-moz-placeholder{
/*color: #CCCCCC;*/
}
/* Firefox 18以前 */
input:-moz-placeholder{
/*color: #CCCCCC;*/
}
/* IE */
input:-ms-input-placeholder{
/*color: #CCCCCC;*/
}
/*txterea*/