/* ___________________________________

  タイトル
____________________________________ */

.ttlarea {
	height: 500px;
	background: url(../img/scaled.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.ttlarea ul.outer {
	max-width: 1200px;
	height: 500px;
	justify-content: center;
	align-items: center;
}
h1.ttl {
	padding: 0;
	color: #fff;
	font-size: 50px;
	font-weight: bold;	
	line-height: 1.2;
}


/* ___________________________________

  contents
____________________________________ */

.contents {
	padding-top: 92px;
}



/* ___________________________________

  共通タグ
____________________________________ */

#for-agent {
	padding-top: 0;
}
#for-agent h2 {
	padding: 0 0 1em;
	text-align: left;	
}
#for-agent h3 {
	margin: 3em 0 0;
	font-size: 24px;	
}
#for-agent p {
	padding: 0 0 1em;
	font-size: 17px;	
}


/* ___________________________________

  富士ツアーコンシェルジュ
____________________________________ */

#fuji-tour-concierge {
	margin: 0 auto 7%;
}


/* ___________________________________

  本ページの対象
____________________________________ */

#who-this-service-is-for {
	margin: 0 auto 7%;
}


/* ___________________________________

  NaturaBaseが選ばれる理由
____________________________________ */

#why-work-with-us {
	margin: 0 auto 7%;
}


/* ___________________________________

  お客様について、こんなご相談をお任せいただけます
____________________________________ */

#what-we-can-handle-for-your-guests {
	margin: 0 auto 7%;
}


/* ___________________________________

  対応可能な体験例
____________________________________ */

#experiences-we-offer {
	margin: 0 auto 7%;
}


/* ___________________________________

  ご依頼の流れ
____________________________________ */

#how-it-works {
	margin: 0 auto 7%;
}


/* ___________________________________

  安全・運用体制
____________________________________ */

#safety_reliability {
	margin: 0 auto 7%;
}


/* ___________________________________

  実績
____________________________________ */

#our-track-record {
	margin: 0 auto 7%;
}


/* ___________________________________

  箇条書き
____________________________________ */

/* UL ITEMIZATION
--------------------------- */
#for-agent ul.itemization {
	margin: 1em 0;
}
#for-agent ul.itemization li {
	font-size: 17px;
	font-weight: 400;
	line-height: 2;
	padding-left: 1.3em;
	text-indent: -1.45em;	
}

#for-agent ul.itemization li.icofont {
    font-family: YakuHanJP,'Noto Sans JP',"Hiragino Kaku Gothic ProN","メイリオ", sans-serif !important;
	white-space: wrap;
}


/* UL NUMBER
--------------------------- */
body {
    counter-reset: number 0;
}
#for-agent ul.number li {
	-webkit-padding-start: 0;
    padding-inline-start: 0;
	list-style-type: none;
	display: list-item;
	list-style: unset;
	margin: 0 0 1em;
	padding-left: 2.75em;
	text-indent: -2.75em;
	text-align: start;
	line-height: 2;
	font-size: 17px;
}
#for-agent ul.number li::before {
	counter-increment: number 1;	
	content: counter(number) ".";
	margin-right: 0.5em;
	padding: 0.5em 0.75em;
	color: #262626;
	font-size: 17px;
	font-weight: bold;
}


/* アイコン
--------------------------- */
#for-agent .icofont-check::before {
  	content: "\eed8";
}



/* ___________________________________

  お問い合わせ
____________________________________ */

#contact p.lead {
	margin-bottom: 1em;
	text-align: left;
}

/* Table .ptn03
--------------------------- */
table.ptn03 {
	width: 90%;
	margin: 0 auto 2em;
	font-size: 15px;
    border-spacing: 2%;
	border-collapse: collapse;
}
table.ptn03 th {
	width: 30%;
	margin-right: 3%;
    padding: 2% 4%;
	color: #000;	
	font-size: 16px;
	line-height: 1.1;
	white-space: nowrap;	
	vertical-align: middle;
}
table.ptn03 td {
	width: 67%;
    padding: 2% 4%;
	font-size: 18px;
}
table.ptn03 tr:first-child th, table.ptn03 tr:first-child td {
	padding-top: 4%;
}
table.ptn03 tr:last-child th, table.ptn03 tr:last-child td {
	padding-bottom: 4%;
}

/* 必須マーク */
span.required {
	color: #fff;
    background: #BB0A21;
    font-size: 14px;
    border-radius: 5px;
    padding: 2.5px 7.5px;
    margin-left: 15px;
}
span.annotation {
	color: #aaa;
	font-size: 14px;
	display: block;
}

/* Contact Form7
--------------------------- */

/* 送信ボタン */
input.wpcf7-submit {
    width: 300px;
    height: 50px;
    margin: 0 auto;
    padding: 5px 8px;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: none;
	border-radius: 4px;
    background-image: none;
    background-color: #000;
    font-size: 20px;
    color: #fff;
	letter-spacing: 10px;
	text-align: center;
	iindent: 10px;
}
input.wpcf7-submit:hover {
    background-color: #aaa;
}

/* リセット */
input[type="submit"] {
  -webkit-appearance: none;
}

.wpcf7 .ajax-loader {
    display: none !important;
}
span.wpcf7-list-item-label {
	color: #000;
	font-size: 16px;
}


/* エラー */
.wpcf7-not-valid-tip {
    color: #BB0A21 !important;
    font-size: 16px !important;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
	border-color: #F4D35E !important;
}
.wpcf7-list-item {
	display: inline-block;
	margin: 0 0 0 1em;
}
.wpcf7-list-item.first {
	margin-left: 0 !important;
}
.inquiry-type .wpcf7-list-item, .purchase-time .wpcf7-list-item {
	margin: 0 1em 0 0 !important;
}

/* フォーム
--------------------------- */
table.ptn03 td input, table.ptn03 td select, table.ptn03 td textarea {
	padding: 2%;
}
table.ptn03 td .inquiry-type input {
	padding: 0 2% 0 0;
}
table.ptn03 td input#your-name, table.ptn03 td input.zip-code, table.ptn03 td input.phone-number {
	width: 25%;
}
table.ptn03 td input#company-name, table.ptn03 td input#your-address, table.ptn03 td input#your-email, table.ptn03 td input#second-house-purchase-time, table.ptn03 td input#cruiser-storage-location {
	width: 80%;
}
table.ptn03 td textarea#inquiry {
	width: 80%;
}

/* input, textarea */
input, textarea {
	color: #000;
	font-size: 16px;
}
/* select */
select {
	height: 50px;
    border: 1px solid #999;
	background: #fff;
}

/* 確認・送信 */
input.confirm {
	width: 300px;
	height: 50px;
	margin: 0 auto;
	padding: 5px 8px;
	border-radius: 10px;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 4px solid #eee;
	background-image: none;
	background-color: #FFF617;
	font-size: 20px;
	color: #0195CC;	
}
input.confirm:active {
	border-bottom: none;
	background-color: #f8f6c8;
}
ul#button_box {
	justify-content: center;
	align-items: center;
}
ul#button_box li.button {
	display: flex;
	flex-direction: column;
	align-items: center;
	flex: 0 0 50%;
}


/* 戻る */
input.back {
	width: 300px;
	height: 50px;
	margin: 0 auto;
	padding: 5px 8px;
	border-radius: 10px;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 4px solid #eee;
	background-image: none;
	background-color: #aaa;
	font-size: 20px;
	color: #000;	
}
input.back:active {
	border-bottom: none;
	background-color: #eee;
}

/* placeholder */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color: #ccc;
	font-size: 16px;
}
input:-moz-placeholder, textarea:-moz-placeholder {
	color: #ccc;
	font-size: 16px;
}
input::-moz-placeholder, textarea::-moz-placeholder {
	color: #ccc;
	font-size: 16px;	
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
	color: #ccc;
	font-size: 16px;
}


/* 完了画面
--------------------------- */
.mw_wp_form_complete {
	font-size: 16px;
	text-align: center;
}







/**
 * レスポンシブ: PC用 ウィンドウ幅1200px以下共通
 */
@media screen and ( max-width:1200px) {	

.contents {
	padding-top: 54px;
}
}


@media screen and (max-width: 875px) {
  #for-agent .container_subpage_inner {
    width: 94%;
    max-width: 94%;
  }
}




/**
 * レスポンシブ: PC用 ウィンドウ幅1000px以下
 */
@media screen and ( max-width:1000px) {	

/* ___________________________________

  お問い合わせ
____________________________________ */

/* select */
select {
	height: 44px;
}
}


/**
 * レスポンシブ: SP用 ウィンドウ幅834px以下
 */
@media screen and (max-width:834px) {

/* ___________________________________

  お問い合わせ
____________________________________ */

/* Table .ptn03
--------------------------- */
table.ptn03 {
	width: 100%;
}

/* select */
select {
	height: 42px;
}
}


/**
 * レスポンシブ: TB用 ウィンドウ幅641px以上、834px以下
 */
@media screen and (min-width:641px) and ( max-width:834px) {

.contents {
	padding-top: 54px;
}
}



/**
 * レスポンシブ: SP用 ウィンドウ幅640px以下
 */
@media screen and (max-width:640px) {

.contents {
	padding-top: 44px;
}
	

/* ------------------------------

  お問い合わせ

------------------------------ */

#contact p.lead {
	margin-bottom: 2em;
	text-align: left;
}

/* Table .ptn03
--------------------------- */	
table.ptn03 {
    width: 96%;
}		
table.ptn03 th {
	margin-right: 0;
	font-size: 16px;
	width: 92%;
	white-space: nowrap;
	float: left;
	border: none;
}	
table.ptn03 td {
	padding: 2% 4% 4%;	
	font-size: 16px;
	width: 92%;
	float: left;
	border: none;
}
table.ptn03 tr:first-child th, table.ptn03 tr:first-child td {
	padding-top: 2%;
}	
	
/* フォーム
--------------------------- */
table.ptn03 td input#your-name, table.ptn03 td input#company-name, table.ptn03 td input#your-address, table.ptn03 td input#phone-number, table.ptn03 td input#your-email, table.ptn03 td input#second-house-purchase-time, table.ptn03 td input#cruiser-storage-location {
    width: 95%;
}
select {
    width: 50%;
	height: 46px;
	-webkit-appearance: none;
	appearance: none;
	border-radius: 4px;	
}	
table.ptn03 td textarea#inquiry {
    width: 95%;
}


/* placeholder */
input::-webkit-input-placeholder {
	font-size: 16px;
}
input:-moz-placeholder {
	font-size: 16px;
}
input::-moz-placeholder {
	font-size: 16px;	
}
input:-ms-input-placeholder {
	font-size: 16px;
}
	
	
/* Contact Form7 */	
.wpcf7-list-item {
	margin: 0 !important;	
    display: block !important;
}

/* 確認・送信 */
input.confirm {
	font-size: 18px;
}
/* 送信ボタン */
input.wpcf7-submit {
    font-size: 16px;
    width: 100%;	
}	

/* 戻る */
input.back {
	font-size: 18px;
}	
ul.box_submit-btn li {
    flex: 0 0 auto;
	max-width: 100%;
}
ul.box_submit-btn li.button {
    width: 50%;
}

/* 送信ボタン
--------------------------- */
ul#button_box {
	width: 90%;
}	
ul#button_box li.button {
	flex: 0 0 auto;
	width: 80%;
	max-width: 80%;
}		
}



/**
 * レスポンシブ: SP用 ウィンドウ幅480px以下
 */
@media screen and (max-width:480px) {
	
/* ___________________________________

  タイトル
____________________________________ */

.ttlarea {
	height: 400px;
}
.ttlarea ul.outer {
	max-width: 1200px;
	height: 400px;
}
h1.ttl {
	font-size: 40px;
}	

/* ___________________________________

  お問い合わせ
____________________________________ */

/* Table .ptn03
--------------------------- */		
table.ptn03 th {
	font-size: 14px;
}	
table.ptn03 td {	
	font-size: 14px;
}
select {
    width: 60%;
	height: 40px;
}

/* placeholder */
input::-webkit-input-placeholder {
	font-size: 14px;
}
input:-moz-placeholder {
	font-size: 14px;
}
input::-moz-placeholder {
	font-size: 14px;	
}
input:-ms-input-placeholder {
	font-size: 14px;
}	
	
span.wpcf7-list-item-label {
	font-size: 14px;
}
span.required {
	font-size: 13px;
}	

/* 確認・送信 */
input.confirm {
	font-size: 16px;
}
/* 送信ボタン */
input.wpcf7-submit {
    font-size: 16px;
}	

/* 戻る */
input.back {
	font-size: 16px;
}

/* 送信ボタン
--------------------------- */
ul#button_box {
	width: 88%;
}	
ul#button_box li.button {
	flex: 0 0 auto;
	width: 100%;
	max-width: 100%;
}	
}




/**
 * レスポンシブ: SP用 ウィンドウ幅428px以下
 */
@media screen and (max-width:428px) {

/* ___________________________________

  お問い合わせ
____________________________________ */

/* Table .ptn03
--------------------------- */		
table.ptn03 th {
	width: 100%;
	padding: 2% 0;
	font-size: 14px;
}	
table.ptn03 td {
	width: 100%;	
 	padding: 2% 0 4%;	
	font-size: 14px;
}

/* 送信ボタン
--------------------------- */
ul#button_box {
	width: 96%;
}
}



/**
 * レスポンシブ: SP用 ウィンドウ幅414px以下
 */
@media screen and ( max-width:414px) {

/* ___________________________________

  お問い合わせ
____________________________________ */

#contact {
	padding: 15% 0;
}
}


/**
 * レスポンシブ: SP用 ウィンドウ幅375px以下
 */
@media screen and ( max-width:375px) {

/* ___________________________________

  お問い合わせ
____________________________________ */

select {
    width: 70%;
	height: 38px;
}	

/* Table .ptn03
--------------------------- */
table.ptn03 {
	width: 100%;
}	
table.ptn03 th {
	width: 100%;
	padding: 2% 0;
	font-size: 14px;
}	
table.ptn03 td {
	width: 100%;	
 	padding: 2% 0 4%;	
	font-size: 14px;
}

/* 送信ボタン
--------------------------- */
ul#button_box {
	width: 100%;
}
}




/**
 * レスポンシブ: SP用 ウィンドウ幅320px以下
 */
@media screen and (max-width:320px) {

/* ___________________________________

  お問い合わせ
____________________________________ */

#contact {
	padding: 20% 0;
}
select {
	height: 36px;
}	

/* 確認・送信 */
input.confirm {
	font-size: 14px;
}
/* 送信ボタン */
input.wpcf7-submit {
    font-size: 14px;	
}	

/* 戻る */
input.back {
	font-size: 14px;
}
ul.box_submit-btn li {
	width: 96%;
}
}


/**
 * レスポンシブ: SP用 ウィンドウ幅280px以下
 */
@media screen and (max-width:280px) {


}