@charset "UTF-8";
/*----------------------------------------------------------------------------------------------------
 *
 * Theme Name: Good Mortgageの集客サイト_ver2
 * Theme URI: 
 * Author: 
 * Author URI: 
 * Description: Good Mortgageの集客サイト_ver2
 * Version: 1.6
 * License: GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Text Domain: 
 *
 *--------------------------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------
 *
 *
 * リセット
 *
 *
--------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; font:inherit; font-size:100%; vertical-align:baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
html, body { width:100%; height:100%; line-height:1; }
ol, ul { list-style:none; }
blockquote, q {quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
table { border-collapse:collapse; border-spacing:0; }
* { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }

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

   Clearfix

--------------------------------------------------*/
.cf { zoom:1; } .cf:before,.cf:after { content:""; display:table; } .cf:after { clear:both; }

/*--------------------------------------------------------------------------------
 *
 *
 *
 *
 * 基本設定
 *
 *
 *
 *
--------------------------------------------------------------------------------*/
html { overflow:auto; }
@media screen and (max-width:1000px){ body { width:1000px; } }
@media screen and (max-width:768px){ body { width:100%; background:none; } }
body { font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight:300; font-style:normal; color:#333; font-size:100%; line-height:1.75; font-weight:normal; background:#fff; position:relative; font-size:16px; }
a:link,
a:visited { color:#337ab7; text-decoration:none; transition:.3s ease; }
a:hover,
a:active { color:#337ab7; text-decoration:none; transition:.3s ease; }
img { max-width:100%; height:auto; vertical-align:top; backface-visibility:hidden; }
a:link img,
a:visited img {opacity:1.0; transition:.3s ease; }
a:hover img,
a:active img {opacity: 0.6; transition: .3s ease; }
video::-webkit-media-controls-enclosure { overflow:hidden; }
video::-webkit-media-controls-panel { width: calc(100% + 30px); }

/* ------------------------------小見出し属性------------------------------　*/
h1 , h2 ,h3 ,h4 ,h5 { margin:0; padding:0; line-height:1.7; }
h1 { font-size:30px; }
h2 { font-size:26px; }
h3 { font-size:20px; }
h4 { font-size:18px; }
h5 { font-size:16px; }

@media screen and (max-width:768px){
	h1 { font-size:20px; }
	h2 { font-size:19px; }
	h3 { font-size:18px; }
	h4 { font-size:18px; }
	h5 { font-size:16px; }
}

p { margin-top:20px; padding:0; line-height:2; display:block; }
p:first-child { margin:0; }
ul { margin:0; padding:0; }
li { margin:0; padding:0; }
i { padding-right:6px; }
img { max-width:100%; height:auto; display:block; }
hr { border-top:1px solid #dbdbd9; border-bottom:1px solid #ffffff; border-right:none; border-left:none; margin:30px 0 40px 0; }
.center,.aligncenter { margin:0 auto; display:block; }
.left { float:left; margin:30px 30px 30px 0; }
.right { float:right; margin:30px 0 30px 30px; }
.photo00 { background:#ffffff; padding:5px; box-shadow:0px 0px 5px 5px rgba(0,0,0,0.05); }
.photo-left { transform:rotate(-4deg); -moz-transform:rotate(-4deg); -webkit-transform:rotate(-4deg); background:#ffffff; padding:5px; box-shadow:0px 0px 5px 5px rgba(0,0,0,0.05); }
.photo-right { transform:rotate(4deg); -moz-transform:rotate(4deg); -webkit-transform:rotate(4deg); background:#ffffff; padding:5px; box-shadow:0px 0px 5px 5px rgba(0,0,0,0.05); }
table { width:100%; font-size:12px; }
table tr { border-bottom:1px solid #cccccc; }
table th { vertical-align:baseline; font-weight:bold!important; text-align:left!important; }
table td { }
table th,
table td { padding:10px 10px; }
table img { width:50%; float:left; }
table tr:nth-child(even) { background:#f7f7f7; }
figure { display:inline-block; } /* 図 */
figcaption { text-align:center; font-size:12px; margin-top:0px; } /* 図のキャプション */
.bold { font-weight:bold; }
.small { font-size:10px!important; line-height:1.7; }
.underline { text-decoration:underline; font-weight:bold; }
.red { color:#B6272D; font-weight:bold; }
.blue { color:#00acf6; font-weight:bold; }
.red_underline { background:linear-gradient(transparent 60%, #ff9999 60%); }
.yellow_marker { font-weight:bold; background:linear-gradient(transparent 60%, #FFFF80 60%); }
.yellow { color:#ffff80; }
.underline { text-decoration:underline; }
.center { text-align:center; }
.big { font-size:24px; }
.sp00 { margin-top:0 !important; }
.sp10 { margin-top:10px !important; }
.sp20 { margin-top:20px !important; }
.sp30 { margin-top:30px !important; }
.sp40 { margin-top:40px !important; }
.sp50 { margin-top:50px !important; }
.sp60 { margin-top:60px !important; }
.sp70 { margin-top:70px !important; }
.sp100 { margin-top:100px !important; }
.align_left { text-align:left; }
.align_right { text-align:right; }
.align_center { text-align:center; }
.ffffff { background:#ffffff!important; }
.f7f7f7 { background:#f7f7f7!important; }
.tategaki { writing-mode:tb-rl; /* IE独自仕様 */ writing-mode:vertical-rl; -moz-writing-mode:vertical-rl; -o-writing-mode:vertical-rl; -webkit-writing-mode:vertical-rl; /*縦文字に*/}
@media screen and (max-width:768px){
	.tategaki {	writing-mode:lr-tb; /* IE独自仕様 */ writing-mode:horizontal-tb; -webkit-writing-mode:horizontal-tb; -ms-writing-mode:horizontal-tb; -o-writing-mode:horizontal-tb; /*横文字に*/ }
}
.flex {display:-webkit-box; display:-ms-flexbox; display:flex;
-webkit-box-pack:center;-ms-flex-pack:center; justify-content:center;/*中央に配置*/
-webkit-box-pack:justify;-ms-flex-pack:justify; justify-content:space-between;/*左右に配置*/
-webkit-box-align:center;-ms-flex-align:center; align-items:center;/*上下中央*/
-ms-flex-wrap:wrap; flex-wrap:wrap;/*折り返す*/ }

@media screen and (max-width:768px){
	.left , .right  { float:none; margin:20px auto 20px auto; display:block; }
	.big { font-size:16px; }
}
.pc { display:block!important; }
.sp { display:none!important; }
@media screen and (max-width:768px){
	.pc { display:none!important; }
	.sp { display:block!important; }
}

/*--------------------------------------------------------------------------------
 *
 *
 *
 *
 * ヘッダー
 *
 *
 *
 *
--------------------------------------------------------------------------------*/

header#header { width:100%; height:auto; background:rgba(255,255,255,1); padding:0; position:fixed; z-index:9999; top:0; box-shadow:0 0 20px rgba(0,0,0,0.1); }
header#header img.logo { margin-left:10px; }
header#header p { margin:0; padding:0; }
@media screen and (max-width:768px){
	header#header { width:100%; height:auto; }
	header#header #inner { width:100%; height:auto; }
	header#header img.logo { margin-left:5px; }
}

header#header ul.two_row { height:70px;
display:-webkit-box; display:-ms-flexbox; display:flex;
-webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;/*左右に配置*/
-webkit-box-align:center;-ms-flex-align:center; align-items:center; /*上下中央*/
-ms-flex-wrap:wrap; flex-wrap:wrap; /*折り返す*/ }
header#header ul.two_row li:nth-child(1) {  }
header#header ul.two_row li:nth-child(2) {  }

@media screen and (max-width:768px){
	header#header ul.two_row { height:50px; }
	header#header ul.two_row li:nth-child(1) {  }
	header#header ul.two_row li:nth-child(1) img { width:150px; }
}

@media screen and (max-width:768px){
	header#header p.sp a { position:fixed; top:10px; right:50px; background:linear-gradient(135deg , #be8a4a, #be8a4a); color:#fff; padding:3px 20px; font-family: 'din-alternate-bold', sans-serif; border-radius:100px; font-size:12px; }
}

/*--------------------------------------------------------------------------------
 *
 *
 *
 *
 * グローバルナビゲーション
 *
 *
 *
 *
--------------------------------------------------------------------------------*/

/* ------------------------------グローバルナビゲーション（PC）------------------------------　*/
nav#header-nav { clear:both; width:100%; height:auto; margin:0; padding:0; z-index:999; }
nav#header-nav > ul > { margin:0; }
nav#header-nav > ul > li { height:70px; padding:0 5px; text-align:center; position:relative; cursor:pointer;
display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex;/*インライン要素*/
-webkit-box-align:center;-ms-flex-align:center; align-items:center; /*上下中央*/
-ms-flex-wrap:wrap; flex-wrap:wrap; /*折り返す*/
 }
nav#header-nav > ul > li > a { font-size:14px; color:#333; padding:0; font-weight:bold; padding:10px 20px; }
nav#header-nav > ul > li a:before { padding-right:5px }
nav#header-nav > ul > li a:hover{ text-decoration:none; }
nav#header-nav > ul > li:last-child { padding:0; }
nav#header-nav > ul > li:last-child a { background:linear-gradient(135deg , #bba651, #bba651); color:#fff; padding:0; display:block; width:130px; height:70px;
display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex;/*インライン要素*/
-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;/*中央に配置*/
-webkit-box-align:center;-ms-flex-align:center; align-items:center; /*上下中央*/ }
nav#header-nav ul.flex { display:-webkit-inline-box; display:-ms-inline-flexbox; display:inline-flex;/*インライン要素*/
-webkit-box-align:center;-ms-flex-align:center; align-items:center; /*上下中央*/
-webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; /*右側に配置*/ }

/*ドロップダウンメニュー*/
.dropdwn_menu { width:200px; display:none; position:absolute; background:#fff; top:70px; left:0; }
.dropdwn_menu li { padding:20px 20px; text-align:left; }
.dropdwn_menu li a { display:block; color:#000; font-size:12px; }
.dropdwn_menu li a:hover { display:block; color:#000!important; }

/* ------------------------------グローバルナビゲーション（モバイル）------------------------------　*/
@media screen and (max-width:768px){
nav#header-nav { width:100%; margin:0; padding:0; border:none; }
nav#header-nav > ul { width:100%; margin:0; padding:50px 0 0 0; }
nav#header-nav > ul > li { width:100%; height:auto; padding:20px 30px; }
nav#header-nav > ul > li a { font-size:12.5px; }
nav#header-nav ul.flex { display:block; }

/*ドロップダウンメニュー*/
.dropdwn_menu { width:100%; position:static; margin-top:20px; }

/*ヘッダーまわりはご自由に*/
#sp_menu {padding:0px; background:none; position:fixed; top:0; right:0; z-index:9998;/*最前面に*/ }
#nav-drawer {position:relative; }
/*チェックボックス等は非表示に*/
.nav-unshown {display:none; }
/*アイコンのスペース*/
#nav-open { display:inline-block; z-index:9999;/*最前面に*/ position:relative; width:50px; height:50px; vertical-align:middle; float:right; background:transparent; }
/*ハンバーガーアイコンOpen前*/
#nav-open,
#nav-open span {display:inline-block; transition:all .4s; box-sizing:border-box; }
#nav-open span {position:absolute; left:30%; width:40%; height:2px; background-color:#333; border-radius:4px; }
#nav-open span:nth-of-type(1) {top: 16px; }
#nav-open span:nth-of-type(2) {top: 24px; }
#nav-open span:nth-of-type(3) {bottom: 16px; }
/*ハンバーガーアイコンOpen後*/
#nav-open.active { background-color:#fff; }
#nav-open.active span { background-color:#333; }
#nav-open.active span:nth-of-type(1) {-webkit-transform: translateY(8px) rotate(-315deg); transform: translateY(8px) rotate(-315deg); }
#nav-open.active span:nth-of-type(2) {opacity: 0; }
#nav-open.active span:nth-of-type(3) {-webkit-transform: translateY(-8px) rotate(315deg); transform: translateY(-8px) rotate(315deg); }
/*閉じる用の薄黒カバー*/
#nav-close {display: none;/*はじめは隠しておく*/ position: fixed; z-index:99; top: 0;/*全体に広がるように*/ right: 0; width: 100%; height: 100%; background: black; opacity: 0; transition: .3s ease-in-out; }
/*中身*/
#nav-content {
overflow: auto; position: fixed; top: 0; right: 0; z-index: 9999;/*最前面に*/ width: 90%;/*右側に隙間を作る*/ max-width: 330px;/*最大幅*/ height: 100%; background:#fff;/*背景色*/ transition: .3s ease-in-out;/*滑らかに表示*/ -webkit-transform: translateX(105%); transform: translateX(105%);/*左に隠しておく*/ }
/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close { display: block;/*カバーを表示*/ opacity: .5; }
#nav-input:checked ~ #nav-content {z-index:9997; -webkit-transform: translateX(0%); transform: translateX(0%);/*中身を表示*/ box-shadow: 6px 0 25px rgba(0,0,0,.15); }
}


/*--------------------------------------------------------------------------------
 *
 *
 *
 *
 * パンくずリスト
 *
 *
 *
 *
--------------------------------------------------------------------------------*/

nav#pan { text-align:left; margin:0; padding:0 0 2px 0; }
nav#pan ol { max-width:1000px; margin:0 auto; padding:0; text-align:right;  }
nav#pan ol li { display:inline; list-style-type:none; font-size:10px; color:#b3bbb6; }
nav#pan ol li a { color:#b3bbb6; }
nav#pan ol li:before { content: " > "; }
nav#pan ol li:first-child:before { content:""; }
@media screen and (max-width:768px){
	nav#pan { padding:0 0px 2px 10px; }
	nav#pan ol { width:100%; }
}

/*--------------------------------------------------------------------------------
 *
 *
 *
 *
 * FV
 *
 *
 *
 *
--------------------------------------------------------------------------------*/

/* ------------------------------トップページ------------------------------　*/
header#fv { width:100%; height:700px; background:url(img/index/fv21.png) no-repeat 50% 0; background-size:1600px 700px; margin-top:0px; position:relative; }
header#fv #inner { width:1000px; height:auto; margin:0 auto; padding:0; position:relative; }
header#fv #h1 { margin:0; padding:0; }
header#fv p { margin:0; padding:0; text-align: center; line-height: 1.2;}
@media screen and (max-width:768px){
	header#fv { background:none; width:100%; height:auto; background:none; margin-top:0px; }
	header#fv #inner { width:100%; height:auto; }
}

/*ボタン追加*/
header#fv .btn{
	position: absolute;
	display: block;
	
	left: 50%;
	transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    top:640px;
    margin-top: -5px;

	}
	header#fv #inner .btn ul p{line-height: 0;}
	header#fv #inner .btn ul p.hiduke{background-color: #fff; padding:10px 20px;}
	header#fv #inner .btn ul{ text-align: center; line-height: 4;}
	
	header#fv #inner .btn ul li{display: inline-block;}
	header#fv #inner .btn ul li a{color: #000;  background-color: #fff; padding:5px 15px; text-decoration: underline; border:1px solid #ccc; border-radius: 5px;}
	header#fv #inner .btn ul li a:hover{color: #fff; background-color: #000;}
	@media screen and (max-width:768px){
		header#fv .btn{top:710px; width: 90%; top:107%;}
		header#fv #inner .btn ul{ text-align: center; line-height: 3.5;}
		header#fv #inner .btn ul p{}
		header#fv #inner .btn ul li{display: inline-block; margin-bottom: 5px; margin-bottom: 0;}
		header#fv #inner .btn ul li a{ padding:3px 10px; font-size: 3vw;}
		header#fv #inner .btn p{color: #fff; text-align: center; font-size: 0.9em;}
		
		header#fv #inner .btn ul p.hiduke{color: #000; font-size: 3vw; background-color: #fff; padding:10px 20px;}
		

	}

	

/* ------------------------------固定ページ------------------------------　*/
header#mv { width:100%; height:400px; background:#f7f7f7 url(https://goodmortgage.jp/wp-content/themes/Good_Mortgage_loan_ver2.1/img/common/header_bg.png) no-repeat 50% 0; background-size:auto, cover; margin-top:70px;
display:-webkit-box; display:-ms-flexbox; display:flex;
-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;/*中央に配置*/
/*-webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;左右に配置*/
-webkit-box-align:center;-ms-flex-align:center; align-items:center; /*上下中央*/
-ms-flex-wrap:wrap; flex-wrap:wrap; /*折り返す*/ }
header#mv #inner { margin:0 auto; padding:0; position:relative; }
header#mv h1 { margin:0; padding:0; color:#fff; text-align:center; font-size:40px; text-shadow:1px 1px 0 rgba(0,0,0,0.2); font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
header#mv p.english { color:#c1aa52; text-align:center; margin:0;
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
@media screen and (max-width:768px){
	header#mv { width:100%; height:400px; position:relative; margin-top:50px;; }
	header#mv #inner { width:100%; margin:0; padding:20px 20px; }
	header#mv h1 { margin:0; padding:0; font-size:30px }
}

/* ------------------------------共通------------------------------　*/
header.company { background:url(https://goodmortgage.jp/wp-content/themes/Good_Mortgage_loan_ver2.1/img/common/header_company_bg.png) no-repeat 50% 0!important; }
header.message { background:url(https://goodmortgage.jp/wp-content/themes/Good_Mortgage_loan_ver2.1/img/common/header_message_bg.png) no-repeat 50% 0!important; }
header.welfare { background:url(https://goodmortgage.jp/wp-content/themes/Good_Mortgage_loan_ver2.1/img/common/header_welfare_bg.png) no-repeat 50% 0!important; }

@media screen and (max-width:768px){
	header.company { background:url(https://goodmortgage.jp/wp-content/themes/Good_Mortgage_loan_ver2.1/img/common/header_company_bg_sp.png) no-repeat 50% 0!important; }
	header.welfare { background:url(https://goodmortgage.jp/wp-content/themes/Good_Mortgage_loan_ver2.1/img/common/header_welfare_bg_sp.png) no-repeat 50% 0!important; }
}

/*--------------------------------------------------------------------------------
 *
 *
 *
 *
 * コンテンツ
 *
 *
 *
 *
--------------------------------------------------------------------------------*/

/* ------------------------------共通------------------------------　*/
article {  }
section { width:100%; }
section .inner { width:1000px; margin:0 auto; padding:50px 0; }

@media screen and (max-width:768px) {
	section { overflow:hidden; }
	section .inner { width:90%; padding:60px 0; }
}
@font-face { font-family:'tsukushi'; src:url('font/TsukushiAMaru.woff') format('woff'); }
@font-face { font-family:'tsukushi_bold'; src:url('font/TsukushiAMaruGothic.woff') format('woff'); }
@font-face { font-family: 'din-alternate-bold'; src: url("font/din-alternate-bold.ttf"); }
.video{ position:relative; width:100%; height:0; margin:0 auto; padding-top:56%; }
.video iframe{ position:absolute; top:0; left:0; width:100%; height:100%; }
.video img{ position:absolute; top:0; left:0; width:100%; height:100%; }
.frame { width:650px; height:390px; background:url(https://goodmortgage.jp/wp-content/themes/Good_Mortgage_loan_ver2.1/img/waku.png) no-repeat 50% 0; background-size:contain; padding:22px 20px 0 20px; margin:0 auto; }

@media screen and (max-width:768px) {
	.frame { width:100%; height:auto; background-size:contain; padding: 3.5% 4% 5% 4%; }
}

a.button { border:2px solid #000; font-weight:bold; padding:20px; text-align:center; }
a.button:hover { background:#000; color:#fff; }
@media screen and (max-width:768px) {
}

article#index p.h2_sub { font-size:20px; text-align:center; line-height:1.8; font-weight:bold; letter-spacing:2px; }
article#index h2 { font-size:26px; text-align:center; line-height:1.8; font-weight:bold; letter-spacing:0px; margin-bottom:30px; }
article#index h3 { font-size:20px; line-height:2; font-weight:bold; }
article#index p { font-size:16px; margin:20px 0 0 0; padding:0; }
article#index p:first-of-type { margin:0; }
article#index img { display:block; margin:0 auto; padding:0; }

@media screen and (max-width:768px) {
	article#index p.h2_sub { font-size:14px; }
	article#index h2 { font-size:20px; letter-spacing:0px; margin-bottom:30px; }
	article#index h2 span.small { font-size:15px; }
	article#index h3 { font-size:18px; line-height:1.7; }
	article#index p { font-size:12px; }
	article#index img.h2_bottom { width:50%; margin-top:10px; }
}

/*--------------------------------------------------------------------------------
 *
 * opening
 *
--------------------------------------------------------------------------------*/

#opening { background:#0E2942 url(img/index/opening_bg.png) no-repeat 50% 0; }
#opening .inner { padding:50px 0; }
#opening ul { margin-bottom: 30px;
/*display:-webkit-box; display:-ms-flexbox; display:flex;*/
/*webkit-box-pack:center;-ms-flex-pack:center; justify-content:center;央に配置*/
/*-webkit-box-pack:justify;-ms-flex-pack:justify; justify-content:space-between;左右に配置*/
-webkit-box-align:center;-ms-flex-align:center; align-items:center;/*上下中央*/
/*-ms-flex-wrap:wrap;flex-wrap:wrap;折り返す*/ }
#opening ul li {} 
#opening ul li p { color:#fff; font-size:26px; font-weight:bold; padding-left:30px; 
	font-size:40px; line-height:1.2; 
}
#opening ul li p span.yellow { color:#DAC065; }
#opening ul li p.small { font-size:10px; margin:15px 0 0 0; 
	font-size:16px!important;
}

#opening ul li p{/*text-align: left; */text-align: center;}

#opening p{text-align: center;}
#opening p.p_bgred span{color: #fff; font-size: 1.6vw; background-color: #B0272D; padding: 10px 20px;}
#opening p.p_yellow2{color: #FFFF80; font-size: 3vw; font-weight: 700; margin-top: 0;}
#opening p.p1,#opening p.p2{color: #fff; margin-top: 0;}
#opening p.p1{font-size: 2vw; font-weight: 700;}


@media screen and (max-width:768px) {
	#opening .inner { padding:50px 0; }
	#opening ul li:nth-child(even) { margin-top:20px; } 
	#opening ul li p { font-size:20px; text-align:center; padding-left:0; 
		line-height: 1.2;
	} 
	
	
	#opening p.p_bgred span{font-size: 3vw;} 
	#opening p.p_yellow2{font-size: 5vw; margin-top: 1vw;}
	#opening p.p1,#opening p.p2{color: #fff; margin-top: 0;}
	#opening p.p1{font-size: 4vw; }
	
	#opening ul li p.small { font-size: 2.6vw!important; text-align: left;}
}


/*--------------------------------------------------------------------------------
 *
 * case
 *
--------------------------------------------------------------------------------*/
#case { background:url(img/index/case_bg.png); }
#case .line_box { width:700px; margin:30px auto 0 auto; padding:50px 50px; background:rgba(255,255,255,0.8); box-shadow:0 0 20px rgba(0,0,0,0.1); position:relative; }
#case .case01:after { content:"CASE#01"; position:absolute; top:0px; right:20px; font-size:70px; z-index:99; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color:#E6F3FF; }
#case .case02:after { content:"CASE#02"; position:absolute; top:0px; right:20px; font-size:70px; z-index:99; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color:#E6F3FF; }
#case .case03:after { content:"CASE#03"; position:absolute; top:0px; right:20px; font-size:70px; z-index:99; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color:#E6F3FF; }
#case .case04:after { content:"CASE#04"; position:absolute; top:0px; right:20px; font-size:70px; z-index:99; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color:#E6F3FF; }
#case .case05:after { content:"CASE#05"; position:absolute; top:0px; right:20px; font-size:70px; z-index:99; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color:#E6F3FF; }
#case .case06:after { content:"CASE#06"; position:absolute; top:0px; right:20px; font-size:70px; z-index:99; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color:#E6F3FF; }
#case .case07:after { content:"CASE#07"; position:absolute; top:0px; right:20px; font-size:70px; z-index:99; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color:#E6F3FF; }
#case .case08:after { content:"CASE#08"; position:absolute; top:0px; right:20px; font-size:70px; z-index:99; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color:#E6F3FF; }
#case .case09:after { content:"CASE#09"; position:absolute; top:0px; right:20px; font-size:70px; z-index:99; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color:#E6F3FF; }
#case .case10:after { content:"CASE#10"; position:absolute; top:0px; right:20px; font-size:70px; z-index:99; font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; color:#E6F3FF; }
#case .center { font-weight:bold; }
#case p.center { margin-top:50px!important; }
#case img.case { margin:-90px auto 0 auto; }
#case .yellow_marker { font-size:20px; }
@media screen and (max-width:768px) {
	#case .line_box { width:100%; padding:30px 20px; }
	#case .case01:after { font-size:50px; }
	#case .case02:after { font-size:50px; }
}

/*--------------------------------------------------------------------------------
 *
 * switch
 *
--------------------------------------------------------------------------------*/
.switch { background:#0E2942; }
.switch .inner { position:relative; }
.switch p { text-align:center; color:#fff; }
.switch p.sp20 { margin-top:0!important; }
.switch .yellow { font-size:20px; text-decoration:underline; }
.switch img { position:absolute; bottom:0; left:0; right:0; }

@media screen and (max-width:768px) {
	.switch .inner { padding:30px 0 }
	.switch .padding_bottom_none { padding:30px 0 0 0; }
	.switch .padding_bottom_none img { margin:20px 0 0 0!important; }
	.switch p { font-size:13.5px!important; }
	.switch p.sp20 { margin-top:20px!important; }
	.switch .yellow { font-size:18px; }
	.switch img { position:static; margin-top:0px!important; }

.arrow_down {
  position: relative;
  display: block;
  width: 100%;
  color: #555;
  font-size: 16px;
  background: #0E2942;
  border: solid 2px #fff;
  box-sizing: border-box;
  margin:20px auto;
  border-radius:10px
}

.arrow_down:before {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 50%;
  margin-left: -14px;
  border: 11px solid transparent;
  border-top: 11px solid #0E2942;
  z-index: 2;
}

.arrow_down:after {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #fff;
  z-index: 1;
}
.arrow_down p { margin:20px 0!important; }
}

/*--------------------------------------------------------------------------------
 *
 * worry
 *
--------------------------------------------------------------------------------*/
#worry { background:#F2FBFF url(img/index/worry_bg.png) no-repeat 50% 100%; }
#worry .inner { }
#worry ul { background:rgba(255,255,255.8); width:80%; margin:0 auto; padding:50px; box-shadow:0 0 20px rgba(0,0,0,0.1); }
#worry li { border-bottom:1px dotted #000; padding:15px 0; }
#worry li:before { font-family:"Font Awesome 5 Free"; content:'\f00c'; font-weight:900; color:#1274B1; margin-right:10px }
@media screen and (max-width:768px) {
	#worry ul { width:100%; padding:20px; }
	#worry li { font-size:14px; }
}

/*--------------------------------------------------------------------------------
 *
 * cta_mini
 *
--------------------------------------------------------------------------------*/
#cta_mini{}
#cta_mini2 {border-bottom: 20px solid #0E2942;  }
#cta_mini .inner,
#cta_mini2 .inner { position:relative; }
#cta_mini ul,
#cta_mini2 ul {
display:-webkit-box; display:-ms-flexbox; display:flex;
/*-webkit-box-pack:center;-ms-flex-pack:center; justify-content:center;中央に配置*/
-webkit-box-pack:justify;-ms-flex-pack:justify; justify-content:space-between;/*左右に配置*/
-webkit-box-align:center;-ms-flex-align:center; align-items:center;/*上下中央*/
-ms-flex-wrap:wrap;flex-wrap:wrap;/*折り返す*/ }
#cta_mini ul li:nth-child(odd) ,
#cta_mini2 ul li:nth-child(odd) { width:30%; }
#cta_mini ul li:nth-child(even),
#cta_mini2 ul li:nth-child(even) { width:70%; }
#cta_mini ul li:nth-child(odd) img,
#cta_mini2 ul li:nth-child(odd) img { position:absolute; bottom:0; }
#cta_mini2 ul li:nth-child(odd) img{ width:27%; }
#cta_mini p,
#cta_mini2 p { text-align:center; }
#cta_mini a,
#cta_mini2 a { display:block; max-width:400px; background:#B88823; color:#fff; text-align:center; margin:30px auto 0 auto; padding:30px 20px; font-size:25px; box-shadow: 0 5px 0 0 rgba(150, 120, 30, 1);/*影の色(rgbaの値を変更)*/
border-radius: 30px;
 }

@media screen and (max-width:768px) {
	#cta_mini,
	#cta_mini2 {  background:none; padding-bottom:0px; }
	#cta_mini ul li:nth-child(odd),
	#cta_mini2 ul li:nth-child(odd)  { width:100%; display:none; }
	#cta_mini ul li:nth-child(even),
	#cta_mini2 ul li:nth-child(even) { width:100%; }
}

.shiny-btn1 {
    display: block;
    position: relative;
    overflow: hidden;
}

.shiny-btn1::before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: shiny-btn1 3s ease-in-out infinite;
}
@-webkit-keyframes shiny-btn1 {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

/*--------------------------------------------------------------------------------
 *
 * benefit
 *
--------------------------------------------------------------------------------*/
#benefit { background:#F2FBFF url(img/index/benefit_bg.png) no-repeat 50% 0; background-size:cover;}
#benefit ul:first-of-type { margin-top:50px; }
#benefit ul { background:rgba(255,255,255,.8); padding:50px; margin-top:30px; box-shadow:0 0 20px rgba(0,0,0,0.1);
display:-webkit-box; display:-ms-flexbox; display:flex;
/*-webkit-box-pack:center;-ms-flex-pack:center; justify-content:center;中央に配置*/
-webkit-box-pack:justify;-ms-flex-pack:justify; justify-content:space-between;/*左右に配置*/
-webkit-box-align:center;-ms-flex-align:center; align-items:center;/*上下中央*/
-ms-flex-wrap:wrap;flex-wrap:wrap;/*折り返す*/ }
#benefit ul li:nth-child(odd) { width:32%; }
#benefit ul li:nth-child(even) { width:63%; }
#benefit ul li h3 { height:60px; padding-left:70px; padding-top:10px }
#benefit ul li h3.number01 { background:url(img/index/benefit_number01.png) no-repeat 0 50%; background-size:60px 60px; }
#benefit ul li h3.number02 { background:url(img/index/benefit_number02.png) no-repeat 0 50%; background-size:60px 60px; }
#benefit ul li h3.number03 { background:url(img/index/benefit_number03.png) no-repeat 0 50%; background-size:60px 60px; }
#benefit ul li p { font-size:14px; }

@media screen and (max-width:768px) {
	#benefit ul { padding:20px; }
	#benefit ul li:nth-child(odd) { width:100%; }
	#benefit ul li:nth-child(even) { width:100%; margin-top:20px; }
	#benefit ul li p { font-size:12px; margin-top:20px!important; }
}


/*--------------------------------------------------------------------------------
 *
 * product
 *
--------------------------------------------------------------------------------*/
#product { background:#F2FBFF; }
#product ul { 
display:-webkit-box; display:-ms-flexbox; display:flex;
/*-webkit-box-pack:center;-ms-flex-pack:center; justify-content:center;中央に配置*/
/*-webkit-box-pack:justify;-ms-flex-pack:justify; justify-content:space-between;左右に配置*/
/*-webkit-box-align:center;-ms-flex-align:center; align-items:center;上下中央*/
-ms-flex-wrap:wrap;flex-wrap:wrap;/*折り返す*/ }
#product ul li { width:48%; box-shadow:0 0 20px rgba(0,0,0,0.1); background:#fff; margin:2.5% 0; padding:50px; }
#product ul li:nth-child(2n+2) { margin-left:4%;}
#product .point { line-height:1.5!important; text-align:center; padding:10px 0; }
#product .point:before { color:#1274B1; }
#product p.benefit { border-top:1px solid #000; border-bottom:1px solid #000; line-height:1.4; padding:10px; }

#product h3 { text-align:center; margin-bottom:20px; }
#product h4 { text-align:center; font-size:12px; background:#B6272D; color:#fff; padding:6px; }
#product p { text-align:center; margin:0!important; }
#product p.small { text-align:left; }
#product p.red { line-height:1.7 }
#product p span.big { font-weight:bold; font-size:40px; }
#product .box { margin:30px 0; }
#product .box_left { width:46%; float:left; }
#product .box_right { width:50%; float:right; padding-left:4%; border-left:4px solid #e7e7e7; }
#product .box_inner_left { width:50%; float:left; }
#product .box_inner_right { width:50%; float:right; }
#product .box_inner_left p,
#product .box_inner_right p { font-size:10px; }
#product .box_left img, 
#product .box_right img { margin-bottom:10px; }

/*20211011追加*/
#product div.product01_margin{margin-bottom: 20px;}


@media screen and (max-width:768px) {
	#product ul li { width:100%; padding:20px 15px; order:1; }
	#product ul li:nth-child(2n+2) { margin-left:0%; order:3; }
	#product .box_left { width:100%; float:none; }
	#product .box_right { width:100%; float:none; padding-left:0%; padding-top:20px; margin-top:20px; border-left:none; border-top:4px solid #e7e7e7; }
	#product .danshin {order:2; }
	}


/*--------------------------------------------------------------------------------
 *
 * map
 *
--------------------------------------------------------------------------------*/
#map {background:url(img/index/case_bg.png) no-repeat 50% 0; background-size:cover; }
/*#map { background:#a9b6c1 url(img/index/map_bg.png) no-repeat 50% 0; background-size:cover; }*/
#map h2 { color:#000; }
/*#map h2 { color:#fff; }*/
#map h3 { font-size:16px!important; text-align:center; }
#map iframe { width:100%; height:250px }
#map ul { margin:0;
display:-webkit-box; display:-ms-flexbox; display:flex;
/*-webkit-box-pack:center;-ms-flex-pack:center; justify-content:center;中央に配置*/
/*-webkit-box-pack:justify;-ms-flex-pack:justify; justify-content:space-between;左右に配置*/
/*-webkit-box-align:center;-ms-flex-align:center; align-items:center;上下中央*/
-ms-flex-wrap:wrap;flex-wrap:wrap;/*折り返す*/ 
/*調整追記*/  display: flex; flex-wrap: wrap; justify-content: flex-start; align-content: flex-start; gap:3%;}
#map ul li { width:31.333%; box-shadow:0 0 20px rgba(0,0,0,0.1); background:#fff; /*margin:3% 0 0 3%;*/ padding:0; margin-bottom: 3%; }
/*#map ul li:nth-child(4) { margin-left:0; }
#map ul li:first-child { margin-left:0; }*/
#map ul li img { width:100%; }
#map ul li div { padding:15px; }
#map ul li p { font-size:10px!important; text-align:center; margin:0!important;}
#map p.tel { font-size:16px!important; font-weight:bold; }
#map p.tel:before { content:"☎︎" }


@media screen and (max-width:768px) {
	#map h2 { margin-bottom:0px!important; }
	#map ul { margin:30px 0 0 0; }
	#map ul li { width:100%; margin:15px 0; padding:0; }
	#map ul li:nth-child(2n+2) { margin:15px 0; }
	#map ul li:nth-child(2) { margin:15px 0; }
}

#map a { display:block; width:100%; background:#B88823; color:#fff; text-align:center; margin:15px auto 0 auto; padding:10px; font-size:14px; box-shadow: 0 5px 0 0 rgba(150, 120, 30, 1);/*影の色(rgbaの値を変更)*/ }


#map .line_box { width:500px; margin:0 auto; }
#map .line_box .balloon p { font-size:14px; }
#map .line_box .balloon-image-description { color:#000; }
/*#map .line_box .balloon-image-description { color:#fff; }*/
#map .line_box .center { font-size:20px; margin-top:30px; color:#000; }
/*#map .line_box .center { font-size:20px; margin-top:30px; color:#fff; }*/
@media screen and (max-width:768px) {
	#map .line_box { width:100%; }
	#map .line_box .balloon p { font-size:12px; }
	#map .line_box .balloon p br { display:none; }
	#map .line_box .center { font-size:16px; margin-top:20px; }


}
/*--------------------------------------------------------------------------------
 *
 * cta
 *
--------------------------------------------------------------------------------*/
#cta { background:url(img/index/cta_mini_bg.png) no-repeat 50% 100%; padding-bottom:260px; }
#cta .form_box { width:700px; background:rgba(255,255,255,0.8); margin:0 auto; padding:50px 50px; box-shadow:0 0 20px rgba(0,0,0,0.1); }

@media screen and (max-width:768px) {
	#cta { background:none; padding-bottom:0; }
	#cta .form_box { width:100%; padding:50px 20px; }
}

/*--------------------------------------------------------------------------------
 *
 * news
 *
--------------------------------------------------------------------------------*/
#news { padding:0 0 60px 0; }
@media screen and (max-width:768px){
	#news { padding:0 0 30px 0; }
}

ul#notice { 
display:-webkit-box; display:-ms-flexbox; display:flex;
/*-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;中央に配置*/
-webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;/*左右に配置*/
/*-webkit-box-align:center;-ms-flex-align:center; align-items:center; 上下中央*/
-ms-flex-wrap:wrap; flex-wrap:wrap; /*折り返す*/ }
ul#notice > li:nth-child(1) { width:26%; border-top: solid 1px #9d9190; position:relative; }
ul#notice > li:nth-child(2) { width:70%; border-top: solid 1px #9d9190; position:relative; }

ul#notice h2 { font-size:24px; text-align:center; margin-top:20px; }
ul#notice a.link_area { display:block; width:100%; border:1px solid #adadad; color:#404040; text-align:center; padding:10px 10px; letter-spacing:2px; font-size:10px; }
ul#notice a.link_area:before { content:">"; margin-right:10px; }

@media screen and (max-width:768px){
	ul#notice > li:nth-child(1) { width:100%; }
	ul#notice > li:nth-child(2) { width:100%; border:none; }
	ul#notice > li:nth-child(2):before { border:none; }
}

dl.news_line{ width:100%; margin:0; }
dl.news_line dt,dl.news_line dd { height:40px; padding:20px 0 40px 0; border-bottom:1px solid #ccc; letter-spacing:.2em; }
dl.news_line dt { clear:left; float:left; width:31%; font-size:12px; color:#666666; }
dl.news_line dt > a { background:#b39b57; color:#fff; padding:4px 20px; border-radius:3px; margin-right:10px; pointer-events:none; }
dl.news_line dd { margin-left:31%; font-size:12px; }
dl.news_line dd > a { color:#1c1c1c; }
dl.news_line dt:first-child,
dl.news_line dt:first-child + dd { border-top:0; }

@media screen and (max-width:768px){
	dl.news_line dt,dl.news_line dd { height:auto; padding:0; }
	dl.news_line dt { clear:both; float:none; width:100%; font-size:10px; padding:20px 0 10px 0; border-bottom:0; }
	dl.news_line dd { margin-left:0%; border-top:none; padding-bottom:20px; font-size:12px; }
}

/* ------------------------------モーダルウィンドウ------------------------------　*/
.content{ margin:0 auto; }
.modal{ display:none; height:100vh; position:fixed; top:0; width:100%; z-index:9999; }
.modal__bg{ background:rgba(0,0,0,0.8); height:100vh; position:absolute; width:100%; }
.modal__content{ left:50%; position:absolute; top:50%; transform:translate(-50%,-50%); width:700px; height:90vh; overflow:scroll; }
.modal__content a { color:#fff; font-size:14px; }

@media screen and (max-width:768px){
	.modal__content{ width:90%; height:90vh; }
}

/*--------------------------------------------------------------------------------
 *
 * info
 *
--------------------------------------------------------------------------------*/
.info { background:#ccc; }
.info p { margin:0; }
.info ul { 
display:-webkit-box; display:-ms-flexbox; display:flex;
-webkit-box-orient:horizontal;-webkit-box-direction:normal; -ms-flex-direction:row; flex-direction:row; /*左から配置*/
-ms-flex-wrap:wrap; flex-wrap:wrap;  }/*折り返す*/
.info li { width:24.25%; margin-right:1%; box-shadow:0 1px 2px rgba(0,0,0,0.3); }
.info li:nth-child(4n+4) { margin-right:0; }

@media screen and (max-width:768px) {
	.info li { width:100%; margin-right:0%; margin-bottom:5%; }
}

/* ------------------------------アコーディオン------------------------------　*/
dl.accordion , .accordion dt, .accordion dd { margin:0; padding:0; }
dl.accordion { margin:10px 0 0 0; }
.accordion dt { display:block; width:100%; height:auto; line-height:1.4; cursor:pointer; margin:0 auto; text-align:center; border:1px solid #000; font-weight:bold; padding:10px; text-align:center; font-size:12px!important; }
.accordion dt:after { font-family:"Font Awesome 5 Free"; content:'\f107'; font-weight:900; margin-left:10px }
.accordion dt.close { box-shadow:none }
.accordion dt.close:after { font-family:"Font Awesome 5 Free"; content:'\f106'; font-weight:900; }
.accordion dd { width:100%; height:auto; display:none; margin:0; padding:0; }
.accordion dd p { width:100%; color:#000000; }
.accordion dd img { border-radius:20px; }
.accordion br { display:inline; }
.accordion dt,
.accordion dd { font-size:14px; }

@media screen and (max-width:768px){
	dl.accordion { font-size:14px; }
	.accordion dd p { font-size:14px; }
	.accordion dd { padding:30px 00px 10px 0px; }
}

/*--------------------------------------------------------------------------------
 *
 *
 *
 *
 * 問い合わせフォーム
 *
 *
 *
 *
--------------------------------------------------------------------------------*/
dl.form{ width:100%; margin:0; }
dl.form dt,dl.form dd { padding:20px 0; }
dl.form dt { clear:left; float:left; width:33%; font-size:14px; border-top:1px solid #ccc; }
dl.form dt:first-child { border-top:0; }
dl.form dd { margin-left:33%; border-top:1px solid #ccc; }
dl.form dt:first-child,
dl.form dt:first-child + dd { border-top:0; }

@media screen and (max-width:768px){
	dl.form dt,dl.form dd { padding:0; }
	dl.form dt { clear:both; float:none; width:100%; font-size:12px; border-top:1px solid #ccc; padding:20px 0 10px 0; }
	dl.form dd { margin-left:0%; border-top:none; padding-bottom:20px; }
}

/* ------------------------------プレースホルダーの色・サイズ指定------------------------------　*/
input::-webkit-input-placeholder {color:#ccc; font-size:14px; }
input:-moz-placeholder {color:#ccc; font-size:14px; }
textarea::-webkit-input-placeholder {color:#ccc; font-size:14px; }
textarea:-moz-placeholder {color:#ccc; font-size:14px; }

/* ------------------------------コンタクトフォーム７------------------------------　*/
div.wpcf7 { display:block; width:100%; margin:0 auto!important; box-shadow:none; background:transparent; }
div.wpcf7 p { padding:0; margin:0; line-height:2; }
div.wpcf7 input, .wpcf7 textarea , .wpcf7 select { width:100%; border:1px solid #ccc; padding:14px; font-size:16px; border-radius:2px; }
div.wpcf7 textarea { height:215px; }
div.wpcf7 select { height:60px; }
.wpcf7 input:focus, .wpcf7 textarea:focus { border:1px solid #009de1; }
.wpcf7-captchac { border:1px solid #ccc; }

@media screen and (max-width:768px){
	div.wpcf7 { width:100%; }
	div.wpcf7 p { padding:20px 0 0 0; }
}

/* ------------------------------エラー個所をわかりやすく表示------------------------------　*/
.wpcf7 .wpcf7-not-valid { background:#ffb6c1; }
.wpcf7 span.wpcf7-not-valid-tip { font-size:80%; }
.wpcf7 .wpcf7-response-output {margin:10px 0 0; padding:8px 35px 8px 14px; text-shadow:0 1px 0 rgba(255, 255, 255, 0.5);
    -webkit-border-radius: 4px; -moz-border-radius:4px; border-radius:4px; }
.wpcf7 .wpcf7-validation-errors { color:#B94A48; background-color:#F2DEDE; border:1px solid #EED3D7;}
.wpcf7 .wpcf7-mail-sent-ok { color:#3A87AD; background-color:#D9EDF7; border:1px solid #BCE8F1;}
/* 必須赤色表示 */
.wpcf7 .required { color: #000000;}
/* 任意緑色表示 */
.wpcf7 .any{ color: #080;}
select { background:#ffffff; border:1px solid #cccccc; border-radius:3px; color:#0C2245; font-size:14px; height:40px; line-height:30px; text-align:left; text-indent:5px; vertical-align:middle; width:100%; }
.hissu{ background:#cd4a38; color:#ffffff; margin:0 0 0 5px; padding:3px 7px; font-weight:bold; border-radius:3px; font-size:10px; }
.nini{ background:#777777; color:#ffffff; margin:0 0 0 5px; padding:3px 7px; font-weight:bold; border-radius:3px; font-size:10px; }

/* ------------------------------送信ボタン------------------------------　*/
input[type="submit"] { -webkit-appearance:none; margin:0 auto; background:none; display:block; font-size:22px!important; width:100%; height:120px; margin:0 auto; border:2px solid #fff!important; color:#fff; background:#B88823; }
input[type="submit"]:hover { border:2px solid #fff!important; background:#bba651; color:#fff; transition:.3s ease; }
@media screen and (max-width:768px){
	input[type="submit"] { font-size:16px!important; height:80px; }
}

.wpcf7-submit {
    display: block;
    position: relative;
    overflow: hidden;
}

.wpcf7-submit::before {
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fff;
    animation: submit 3s ease-in-out infinite;
}
@-webkit-keyframes submit {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

/* ------------------------------チェックボックスのデザイン------------------------------　*/
input[type=checkbox] { display:none; }
.wpcf7-list-item-label { position:relative; padding:0 0 0 56px; top:0px; }
.wpcf7-list-item-label:hover:after { border-color:#00b498; }
.wpcf7-list-item-label:after,  .wpcf7-list-item-label:before{position:absolute; content:""; display:block; top:50%; }
.wpcf7-list-item-label:after { left:0px; margin-top:-20px; width:36px; height:36px; border:2px solid #ccc; border-radius:3px; }
.wpcf7-list-item-label:before { left:18px; margin-top:-7px; width:5px; height:9px; border-right:3px solid #00b498; border-bottom:3px solid #00b498; transform:rotate(45deg); opacity:0; }
input[type=checkbox]:checked + .wpcf7-list-item-label:before {opacity:1; }

@media screen and (max-width:768px){
	.wpcf7-list-item  { padding:15px 0; } /* チェックボックス下に14pxのスペース */
}

/*--------------------------------------------------------------------------------
 *
 *
 *
 *
 * フッター
 *
 *
 *
 *
--------------------------------------------------------------------------------*/
footer { position:relative; width:100%; margin:0; padding:30px 0 30px 0; background:#0E2942; z-index:999; }
#footer { max-width:1000px; margin:0 auto; }
footer p { font-size:10px; text-align:center; }
footer a { font-size:10px; color:#947e65!important; }
footer .col_border_left { border-left:1px solid #947e65; }
footer .col { width:33.33%; float:left; border-right:1px solid #947e65; padding:0 20px; }
footer .col > p { text-align:left; }
footer ul { -webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-rule:1px dotted #947e65; -moz-column-rule:1px dotted #947e65; column-rule:1px dotted #947e65; }
footer ul li { margin:0; padding:0; line-height:1.2; font-size:14px; }
footer ul li a:before { content:">" }
address { clear:both; font-size:10px; text-align:center; padding:30px 0 0 0; color:#fff; }

@media screen and (max-width:768px){
	footer { }
	#footer { width:90%; margin:0 auto; }
	footer img { margin:0 auto; }
	footer p { font-size:10px; text-align:center; margin:0; }
	footer .col_border_left { border-left:none; margin-top:0px !important; }
	footer .col { width:100%; float:none; border-right:none; padding:0; margin-top:20px; }
	footer ul { -webkit-column-count:2; -moz-column-count:2; column-count:2; -webkit-column-rule:1px dotted #947e65; -moz-column-rule:1px dotted #947e65; column-rule:1px dotted #947e65; }
	address { font-size:10px; text-align:center; }
}

footer table { color:#734719; margin-bottom:10px; }
footer table tr { border-bottom:1px solid #734719; }
footer table th { width:20%; }
footer table td { width:11.4285%; text-align:center }
footer table th,
footer table td { padding:10px 0; }

/*--------------------------------------------------------------------------------
 *
 *
 *
 *
 * その他（jQuery、文字装飾なと）
 *
 *
 *
 *
--------------------------------------------------------------------------------*/

/* ------------------------------ページトップへ戻る------------------------------　*/
#pageTop { position:fixed; bottom:20px; right:20px;}
#pageTop a { display:block; z-index:999; margin:0; padding:0; width:60px; height:60px; background:url(https://goodmortgage.jp/wp-content/themes/Good_Mortgage_loan_ver2.1/img/top.png) no-repeat 0 0; }
#pageTop a:hover { text-decoration:none; opacity:0.7; }
@media screen and (max-width:768px){
	#pageTop , #pageTop a { display:none; }
}

/* ------------------------------グローバルナビ上部固定------------------------------　*/
.fixed { position:fixed; top:0; width:100%; z-index:10000; }
@media screen and (max-width:768px){
.fixed { position:static; }
}

/* ------------------------------フェードインアニメーション------------------------------　*/
.sa {opacity: 0; transition: all .5s ease; } /* ノーマル */
.sa.show {opacity: 1; transform: none; } /* ノーマル */
.sa-lr {transform: translate(-100px, 0); } /* 右から */
.sa-rl {transform: translate(100px, 0); } /* 左から */
.sa-up {transform: translate(0, 100px); } /* 下から */
.sa-down {transform: translate(0, -100px); } /* 上から */
.sa-scaleUp {transform: scale(.5); } /* 縮小→拡大 */
.sa-scaleDown {transform: scale(1.5); } /* 拡大→縮小 */
.sa-rotateL {transform: rotate(180deg); } /* 左回転 */
.sa-rotateR {transform: rotate(-180deg); } /* 右回転 */

/* ------------------------------ふわふわ------------------------------　*/
@keyframes horizontal {
    0% { transform:translateX( -5px); }
  100% { transform:translateX(  0px); }
}
@keyframes vertical {
    0% { transform:translateY(-5px); }
  100% { transform:translateY(  0px); }
}
img.huwahuwa { animation: horizontal 2s ease-in-out infinite alternate; }
img.huwahuwa { animation: vertical 2s ease-in-out infinite alternate; }
img.huwa01 { animation-duration: 1.1s}
img.huwa02 { animation-duration: 1.3s}
img.huwa03 { animation-duration: 1.5s}

/* ------------------------------吹き出しを作る------------------------------　*/
.balloon:first-of-type { margin:0; }
.balloon { margin:10px 0 0 0; padding-top:20px; position:relative; z-index:100; }
.balloon:before,.balloon:after { clear:both; content: ""; display: block; }
.balloon figure { width:100px; height:100px; margin:0; padding:0; }
.balloon-image-left {float:left; margin-right:20px; margin-left:0; }
.balloon-image-right {float:right; margin-left:20px; }
.balloon figure img { width:100%; height:100%; border-radius:50%; border:solid 2px #000; }
.balloon-image-description { padding:0; font-size:10px; text-align:center; font-weight:bold; }
.balloon-text-right { position:relative; padding:15px 20px; border-radius:10px; max-width: -webkit-calc(100% - 110px); max-width: calc(100% - 200px); display:inline-block; background:#ffffff; top: 10px}
.balloon-text-left { position:relative; padding:15px 20px; border-radius:10px; max-width: -webkit-calc(100% - 110px); max-width: calc(100% - 110px); display:inline-block; background:#ffffff; }
.balloon-text-right { float:left; margin-left:10px; background:#fff; border:2px solid #000; }
.balloon-text-left { float:right; margin-right:10px; background:#E6F3FF; border:2px solid #000; }
.balloon-text-left p {  }

.balloon p { margin:0; padding:0; font-size:16px; }
.balloon p:last-child { margin-bottom:0; }
/* 三角部分 */
.balloon-text-right:before {position:absolute; content: ''; border:10px solid transparent; border-right:10px solid #000; top:15px; left:-20px; }
.balloon-text-right:after {position:absolute; content: ''; border:10px solid transparent; border-right:10px solid #fff; top: 15px; left:-17px; }
.balloon-text-left:before {position:absolute; content: ''; border:10px solid transparent; border-left:10px solid #000; top: 15px; right:-20px; }
.balloon-text-left:after {position:absolute; content: ''; border:10px solid transparent; border-left:10px solid #E6F3FF; top:15px; right:-17px; }

@media screen and (max-width:768px){
	.balloon { margin:0; }
	.balloon figure { width:50px; height:50px; }
	.balloon figure img { border:2px solid #000; }
	.balloon-image-left { position:relative; top: 5px; }
	.balloon-image-description { font-size:10px; letter-spacing:-1.5px }
	.balloon-text-right,.balloon-text-left { max-width: -webkit-calc(100% - 70px); max-width: calc(100% - 70px); }
	.balloon-text-right {width: 55%; top: 5px}
	.balloon p { font-size:12px; }
}



/* ------------------------------内心------------------------------　*/
.mind {
    position: relative;
    width: 90%;
    margin: 2em 0 2em 40px;
    padding: 20px;
    border-radius: 30px;
    background: #bce59f;
}

.mind:before {
    position: absolute;
    bottom: 0;
    left: -40px;
    color: #bce59f;
    font-family: FontAwesome;
    font-size: 15px;
    content: "\f111";
}
.mind:after {
    position: absolute;
    bottom: 0;
    left: -23px;
    color: #bce59f;
    font-family: FontAwesome;
    font-size: 23px;
    content: "\f111";
}




/*--------------------------------------------------------------------------------
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *  記事ページ
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
--------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------
 *
 * ブログ一覧ページ(トップページ)
 *
--------------------------------------------------------------------------------*/
#blog_top_container { width:1000px; margin:0 auto; padding:60px 0 60px 0; }
#blog_top_container article section { width:66.2%; float:left; }

@media screen and (max-width:768px) {
	#blog_top_container { width:90%; }
	#blog_top_container article section { width:100%; padding-top:0px; float:none; }
	#blog_top_container article h2 { width:100%; max-width:320px; margin:0 auto 10px auto; padding:10px; font-size:12px; }
}

aside#blog { width:31%; float:right; }
aside#blog .inner { background:#fff url(https://goodmortgage.jp/wp-content/themes/Good_Mortgage_loan_ver2.1/img/common/aside_bg.jpg) no-repeat 50% 0; box-shadow:0 1px 2px rgba(0,0,0,0.3); padding:60px 40px 40px 40px; }
aside#blog img { border-radius:60px; margin:0 auto; display:block; }
aside#blog h3 { font-size:20px; margin:0; padding:20px 0; text-align:center; }
aside#blog p { font-size:12px; margin:0; }
aside#blog p.name { font-size:20px; text-align:center; }
@media screen and (max-width:768px) {
	aside#blog { width:100%; max-width:320px; float:none; margin:4% auto 0 auto; }
}

/* ------------------------------新着情報（トップページ）------------------------------　*/
ul.post { display:-webkit-box; display:-ms-flexbox; display:flex;
-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;/*中央に配置*/
-ms-flex-wrap:wrap; flex-wrap:wrap; /*折り返す*/ }
ul.post li { width:31%; margin-bottom:4%; padding:0 0 20px 0; background:#fff; box-shadow:0 1px 2px rgba(0,0,0,0.3); }
ul.post li:nth-child(3n+2) { margin:0 3.5% 4% 3.5%; }
ul.post li p { font-size:12px; margin:0; padding:0 20px; color:#7b7b7b; }
ul.post img { width:100%; height:200px; object-fit:cover; object-position:50% 0; margin:0 auto 15px auto; padding:0;
font-family: 'object-fit:cover; object-position:50% 0;';/*ie対応*/  }
ul.post li h3 { font-size:20px; font-weight:bold; padding:10px 20px; margin:0; }
ul.post li h3 a { color:#7b7b7b; }

@media screen and (max-width:768px){
	ul.post li { width:100%; max-width:320px; margin:10px 0; padding:0 0 20px 0; }
	ul.post li:nth-child(3n+2) { margin:10px 0px 10px 20px; }
}
@media screen and (max-width:660px){
	ul.post li:nth-child(3n+2) { margin:10px 0; }
}

/*---ガテゴリーを画像の上に---*/
.relative { position:relative; }
.relative ul.post-categories { margin:0; padding:0; list-style:none; position:absolute; bottom:10px; left:20px;}
.relative ul.post-categories li { position:relative; display:inline-block; width:auto; height:30px; line-height:30px; margin:0; padding:0 1em; background-color:#333; border-radius:30px; color:#fff; text-decoration:none; -webkit-transition:.2s; transition:.2s; list-style:none; box-shadow:0 1px 2px rgba(0,0,0,0.3); }
.relative ul.post-categories li a { display:block; max-width:300px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:10px; color:#fff; }



/* ------------------------------新着情報（トップページ）------------------------------　*/
ul.post02 {
display:-webkit-box; display:-ms-flexbox; display:flex;
-ms-flex-wrap:wrap; flex-wrap:wrap; /*折り返す*/ }
ul.post02 li { width:46.7%; max-width:320px; margin-bottom:6%; padding:0 0 20px 0; background:#fff; box-shadow:0 1px 2px rgba(0,0,0,0.3); }
ul.post02 li:nth-child(2n+2) { margin:0 0 6% 5.5%; }
ul.post02 li p { font-size:12px; margin:0; padding:0 20px; color:#7b7b7b; }
ul.post02 img { width:100%; height:200px; object-fit:cover; margin:0 auto 15px auto; padding:0;
font-family: 'object-fit:cover; object-position:50% 0;';/*ie対応*/  }
ul.post02 li h3 { font-size:20px; font-weight:bold; padding:10px 20px; margin:0; }
ul.post02 li h3 a { color:#7b7b7b; }

@media screen and (max-width:768px){
	ul.post02 { -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;/*中央に配置*/ }
	ul.post02 li { width:100%; max-width:320px; margin:10px 0; padding:0 0 20px 0; }
	ul.post02 li:nth-child(3n+2) { margin:10px 0px 10px 20px; }
}
@media screen and (max-width:660px){
	ul.post02 li:nth-child(3n+2) { margin:10px 0; }
}

/* ------------------------------ページャー------------------------------　*/
#pagenation{text-align:center; margin-top:30px;}
#pagenation #pagenation-list{display:inline-block;}#pagenation:after{content:".";display:block;clear:both;height:0;visibility:hidden;}#pagenation #pagenation-list li{float:left;background:none;list-style:none;padding:0;margin:0 5px 5px 0;}#pagenation #pagenation-list li:last-child{margin-left:0;}#pagenation #pagenation-list a,#pagenation #pagenation-list span{background:none;display:block;margin:0;padding:4px 9px;font-size:12px;line-height:1.5;text-align:center;}#pagenation #pagenation-list .current{background:#DEDEDE;color:#696969;border:1px solid #E3E3E3;}#pagenation #pagenation-list .omit{padding:4px 2px;color:#777777;}#pagenation #pagenation-list li a{color:#333333;border:1px solid #6B6B6B;text-decoration:none;}#pagenation #pagenation-list a:hover{background:#F0F0F0;color:#000000;border:1px solid #121212;text-decoration:none;}

/*--------------------------------------------------------------------------------
 *
 * 記事ページ
 *
--------------------------------------------------------------------------------*/
#blog_single_container { width:1000px; margin:0 auto; padding:30px 0 60px 0; }
@media screen and (max-width:1000px) {
	#blog_single_container { width:100%; padding:50px 0 30px 0; }
}

#blog_single_container section { width:66.2%; float:left; background:#fff; padding:40px 40px; box-shadow:0 1px 2px rgba(0,0,0,0.3); }
@media screen and (max-width:768px){
	#blog_single_container section { width:100%; float:none; padding:40px 20px; }
}

#blog_single_container h1 { font-size:26px; font-weight:bold; padding:10px 0; margin:0; color:#7b7b7b; text-align:center; }
#blog_single_container h2 { font-size:26px; background:#f7f7f7; margin-top:40px; padding:30px; color: #333;border-left:9px solid #333; line-height: 40px; }
#blog_single_container h3 { font-size:20px; letter-spacing:1.6px; margin-top:40px; padding: 0px 15px 0px;border-left: 6px solid #333;}
#blog_single_container h4 { font-size:16px; letter-spacing:1.6px; margin-top:40px; }
#blog_single_container p.ymd { font-size:12px; color:#7b7b7b; text-align:center; margin:0; }
#blog_single_container p.ymd a { color:#4773BA; }
#blog_single_container img.attachment-thumb768 { width:100%; margin:40px auto; }
#blog_single_container img.attachment-thumb1200 { width:100%; margin:40px auto; }

@media screen and (max-width:768px){
	#blog_single_container h1 { font-size:18px; }
	#blog_single_container h2 { font-size:18px; padding:20px 20px; }
	#blog_single_container h3 { font-size:18px; }
}

p.point { font-weight:bold; }
p.point:before { font-family:"Font Awesome 5 Free"; content:'\f00c'; font-weight:900; margin-right:6px; color:#c0b288; }
@media screen and (max-width:768px){
	p.point {  }
}

.content ul { background-color:#f7f7f7; border:dashed 1px #333; padding:20px 20px; margin:2em 0; }
.content ul li { margin-top:10px; }
.content ul li:first-child { margin-top:0; }
.content ul li:before { content: "●"; margin-right:10px; }

.content ol { background-color:#f7f7f7; border:dashed 1px #333; padding:20px 20px 20px 30px; margin:2em 0; list-style-type:decimal; }
.content ol li { margin-top:10px; }
.content ol li:first-child { margin-top:0; }

/* ------------------------------関連記事一覧------------------------------　*/
p.kanren { font-size:14px; margin:40px 0 0 0; padding:0; font-weight:bold; }
ul.related { margin:0; }
ul.related li { border-bottom:1px dotted #cccccc; padding:20px 0; }
ul.related img { display:block; width:100px; height:100px; float:left; margin:0 20px 0 0; padding:0; }
ul.related a { font-size:10px; font-weight:normal; }
ul.related p { margin:0; padding:0; font-size:10px; }
ul.related p.title a { font-size:14px; }

/*--------------------------------------------------------------------------------
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *  固定ページ
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *
 *--------------------------------------------------------------------------------*/

article#page {  }
article#page section { width:1000px; margin:0 auto; padding:30px 0 60px 0; }
article#page section .inner { width:100%; background:#fff; padding:100px 100px 100px 100px; margin:0px auto; box-shadow:0 1px 2px rgba(0,0,0,0.3); position:relative; }
article#page h2:first-child { margin-top:0!important; }
article#page h2 { margin-top:50px; text-align:center; }
article#page p {  }
@media screen and (max-width:768px){
	article#page section { width:90%; padding:30px 0; }
	article#page section .inner  { padding:50px 20px; }
}


@media screen and (max-width:768px){
	article#page p { font-size:14px }
}

/* ------------------------------代表メッセージ------------------------------　*/
.message {  }
.message p {  }

.profle { width:300px; float:left; margin-right:50px }
.profle p { margin-top:10px;text-align:center; font-size:14px; line-height:1.5 }
@media screen and (max-width:768px){
	.profle { width:100%; float:none; margin-right:0; margin-bottom:20px; }
}


ul#profle { display:-webkit-box; display:-ms-flexbox; display:flex;
/*-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;中央に配置*/
-webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;/*左右に配置*/
/*-webkit-box-align:center;-ms-flex-align:center; align-items:center;上下中央*/
-ms-flex-wrap:wrap; flex-wrap:wrap; /*折り返す*/ }
ul#profle li:nth-child(odd) { width:30%; }
ul#profle li:nth-child(even) { width:70%; }

ul#book { margin-top:20px;
display:-webkit-box; display:-ms-flexbox; display:flex;
/*-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;中央に配置*/
-webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;/*左右に配置*/
/*-webkit-box-align:center;-ms-flex-align:center; align-items:center;上下中央*/
-ms-flex-wrap:wrap; flex-wrap:wrap; /*折り返す*/ }
ul#book li { width:20%; padding:2%; }
@media screen and (max-width:768px){
	ul#book li { width:20%; padding:1%; }
}

/* ------------------------------福利厚生------------------------------　*/
.welfare p { text-align:center; }
ul#welfare { margin:20px auto 0 auto;
display:-webkit-box; display:-ms-flexbox; display:flex;
-webkit-box-pack:center; -ms-flex-pack:center; justify-content:center;/*中央に配置*/
/*-webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between;左右に配置*/
/*-webkit-box-align:center;-ms-flex-align:center; align-items:center;上下中央*/
-ms-flex-wrap:wrap; flex-wrap:wrap; /*折り返す*/ }
ul#welfare li { width:30%;  margin:2% 0; padding:50px 20px; position:relative; border:1px solid #333; }
ul#welfare li:nth-child(3n+2) { margin:2% 5%; }
ul#welfare li img  { width:100%; height:200px; object-fit:cover; object-position:50% 0; font-family:'object-fit:cover; object-position:50% 0;';/*ie対応*/ }
ul#welfare li h3{ padding:0; }
ul#welfare li p { padding:0; text-align:center; font-size:14px; font-weight:bold }
ul#welfare li i { text-align:center; margin:0 auto; display:block; font-size:40px; }
@media screen and (max-width:768px){
	ul#welfare { margin:30px 0; }
	ul#welfare li { width:100%; margin:5% 0; }
	ul#welfare li:nth-child(3n+2) { margin:5% 0; }
}

/* ------------------------------どんな人に向いているか？------------------------------　*/
ul#target { margin:50px 0 0 0;
display:-webkit-box; display:-ms-flexbox; display:flex;
-webkit-box-pack:center;-ms-flex-pack:center; justify-content:center;/*中央に配置*/
/*-webkit-box-pack:justify;-ms-flex-pack:justify; justify-content:space-between;左右に配置*/
-webkit-box-align:center;-ms-flex-align:center; align-items:center;/*上下中央*/
-ms-flex-wrap:wrap;flex-wrap:wrap;/*折り返す*/ }
ul#target li { box-shadow:0 0 20px rgba(0,0,0,0.1); }
ul#target li:nth-child(1) { width:80%; }
ul#target li:nth-child(2) { width:47.5%; margin-top:50px; margin-right:5% }
ul#target li:nth-child(3) { width:47.5%; margin-top:50px; }
@media screen and (max-width:768px) {
	ul#target li:nth-child(1) { width:100%; }
	ul#target li:nth-child(2) { width:100%; margin:30px 0;  }
	ul#target li:nth-child(3) { width:100%; margin-top:0;}
}

ul#target02 { margin:0px 0 0 0;
display:-webkit-box; display:-ms-flexbox; display:flex;
-webkit-box-pack:center;-ms-flex-pack:center; justify-content:center;/*中央に配置*/
/*-webkit-box-pack:justify;-ms-flex-pack:justify; justify-content:space-between;左右に配置*/
-webkit-box-align:center;-ms-flex-align:center; align-items:center;/*上下中央*/
-ms-flex-wrap:wrap;flex-wrap:wrap;/*折り返す*/ }
ul#target02 li { box-shadow:0 0 20px rgba(0,0,0,0.1); }
ul#target02 li:nth-child(1) { width:47.5%; margin-top:50px; margin-right:5% }
ul#target02 li:nth-child(2) { width:47.5%; margin-top:50px; }
@media screen and (max-width:768px) {
	ul#target02 li:nth-child(1) { width:100%; margin:30px 0;  }
	ul#target02 li:nth-child(2) { width:100%; margin-top:0;}
}





/* ------------------------------コンタクトフォーム ------------------------------　*/
.contact h3 { border-top:1px solid #333; border-bottom:1px solid #333; padding:5px 0; text-align:center; }
.contact p.center + h3 { margin-top:30px!important; }
.contact p { margin-top:0; }
.contact p span { font-size:12px; }
.contact .tel { font-size:30px; text-align:center; font-weight:bold; letter-spacing:5px }

@media screen and (max-width:768px){
	.contact br { display:none; }
	.contact .tel { font-size:20px; }
}


/* ------------------------------ページ下部固定CTA_PC------------------------------　*/
#buttonPc { position:fixed; bottom:0; background:#800000; width:100%; height:auto; z-index:1000; }
#buttonPc a { display:block; width:100%; height:auto; color:#ffffff; padding:10px 0; text-align:center; font-size:16px; text-shadow:1px 1px 0 rgba(0,0,0,0.2) }
#buttonPc a:hover { text-decoration:none }
#buttonPc i { padding-right:5px; }

@media screen and (max-width:768px){
	#buttonPc,
	#buttonPc a {  }
}

/* ------------------------------カルーセルスライダーカスタマイズ ------------------------------　*/
.slick-next { right:0 !important; }
.slick-prev { left:0 !important; }
.slick-prev:before, .slick-next:before { opacity:.5!important; color:#333!important; }

/* ------------------------------カウントダウンタイマー ------------------------------　*/
.cdt_wrapper { text-align:center; background:#fff; color:#333; margin:0; padding:10px; }
.cdt_wrapper + p { margin:0; }
@media screen and (max-width:768px){
	.cdt_wrapper { font-size:12px; }
}
/* ------------------------------トップへ戻る------------------------------　*/
#page_top{width: 60px; height: 60px; position: fixed; right: 30px; bottom: 30px; background: #c5b88f; opacity: 0.8; border-radius: 50%; z-index:9999; }
#page_top a{position: relative; display: block; width: 60px; height: 60px; text-decoration: none; }
#page_top a::before{ content: url(img/arrow.svg); font-size: 20px; color: #fff; position: absolute; width: 20px; height: 20px; top: -40px; bottom: 0; right: 0; left: 0; margin: auto; text-align: center; }
#page_top a::after{content: 'Top'; font-size: 13px; color: #fff; position: absolute; top: 30px; bottom: 0; right: 0; left: 0; margin: auto; text-align: center; }
@media screen and (max-width:768px){
	#page_top{ width:40px; height:40px; right:10px; bottom:10px; }
	#page_top a{ width:40px; height:40px; }
	#page_top a::before{ top:-25px; }
	#page_top a::after{content: ''; }

}
/* ------------------------------スゴ団信------------------------------　*/
.danshin{}
.danshin .btn-more{
	width: 100%;
	font-size: 20px;
    text-align: center;
    padding: 10px 0;
    cursor: pointer;
    background: #fff;
    border:1px solid #000;
    display: block;
}
.danshin p.btn-more:after {
    content: "▼";
    margin-left: 10px;
    font-size: 10px;
}

.danshin .danshin_box{
	background-color: #fff;
}

/* ------------------------------ミックスローン------------------------------　*/
/*product03　追加*/
#product ul li.w100 { width:100%; box-shadow:0 0 20px rgba(0,0,0,0.1); background:#fff; margin:2.5% 0; padding:50px; 
	font-feature-settings: "palt";
}
#product ul li.w100 h3 img{display: inline-block; vertical-align: bottom;}
#product ul li.w100 p.p1{font-size: 1.8vw; font-weight: 700;}
#product ul li.w100 .mix_box{display: flex; margin-bottom: 2vw;}
#product ul li.w100 .mix_box .item{}
#product ul li.w100 .mix_box .item:nth-child(2){padding-top:10vw;}
#product ul li.w100 p.p_bg_blue{color:#fff; font-size: 1.4vw; 
	background: #0058A1 linear-gradient(to bottom right, #0058A1, #008CD6);}
#product ul li.w100 .flex_box{display: flex; justify-content: space-around;}
#product ul li.w100 .flex_box .item{width: 46%; display: flex;}
#product ul li.w100 .flex_box .item p.no{margin-right: 20px!important;}
#product ul li.w100 .flex_box .item p.no span{color: #fff; font-size: 25px; font-weight: 700;
	background: #0058A1 linear-gradient(to bottom right, #0058A1, #008CD6); padding:20px 25px;}
#product ul li.w100 .flex_box .item p.p1{text-align: left; font-size: 2vw;  font-weight: 700; line-height: 1.2; margin-bottom: 10px!important;}
#product ul li.w100 .flex_box .item span.red{color: #E8374A;}
#product ul li.w100 .flex_box .item .small{ line-height: 1.1!important;}
#product ul li.w100 h5{font-weight: 700;}

@media screen and (max-width:768px) {
	#product ul li.w100{width: 100%; padding: 20px 15px;}
	#product ul li.w100 h3 img{display: block;}
	#product ul li.w100 .mix_box{display: block;  margin-bottom: 5vw;}
	#product ul li.w100 .mix_box .item{width: 100%;}
	#product ul li.w100 .mix_box .item:nth-child(2){padding:1vw 0 1vw;}
	#product ul li.w100 p.p_bg_blue{font-size: 3vw;}
	#product ul li.w100 .flex_box{display: block;}
	#product ul li.w100 .flex_box .item{width: 100%; margin-bottom: 20px!important;}
	#product ul li.w100 .flex_box .item p.no span{font-size: 5vw; padding:10px 15px;}
	#product ul li.w100 .flex_box .item p.p1{font-size: 5vw;}
	}
	
/* ------------------------------FV　下部ボタン------------------------------　*/	
.top_btn_cta{}
.top_btn_cta a{
	display: block;
    max-width: 400px;
    background: #B88823;
    text-align: center;
    margin: 10px auto 0 auto;
    padding: 15px 20px;
    color: #fff;
    font-size: 25px;
    box-shadow: 0 5px 0 0 rgba(150, 120, 30, 1);
    border-radius: 30px;
}
/* ------------------------------画面固定ボタン------------------------------　*/	
.bottm_btn_cta{
	position: fixed;
	right: 40px;
	bottom: 12%;
	z-index: 9999;
}
.bottm_btn_cta a{
	display: block;
    max-width: 340px;
    background: #B88823;
    text-align: center;
    margin: 10px auto 0 auto;
    padding: 15px 20px;
    color: #fff;
    font-size: 25px;
    line-height: 1.2;
    box-shadow: 0 5px 0 0 rgba(150, 120, 30, 1);
    border-radius: 20px;
	
}
@media screen and (max-width:768px) {
	.bottm_btn_cta{
	right: 5%;
	bottom: 5%;
	z-index: 9999;
	}
	.bottm_btn_cta a{
    margin: 10px auto 0 auto;
    padding: 15px 20px;
    font-size: 5vw;
    }
}
/* -----------------アコーディオンボタン------------------- */
.adn {
	width: 600px;
}

.accordion-button {
    text-align: center;
}

.accordion-toggle {
    position: absolute;
    cursor: pointer;
    background: #fff;
    border: 2px solid;
    padding: 1px 10px;
    top: 40px;
    border-radius: 30px;
    width: 50px;
    height: 50px;
}

.accordion-toggle:hover {
    background-color: #fff;
}

/* アコーディオンの中身のスタイル */
.accordion-content {
    display: none;
    padding: 10px;
    width: 600px;
}
@media screen and (max-width:768px){
	.accordion-content{ width: 115%; }
	.adn{
		width: 90%;
	}
	.accordion-toggle {
		padding: 0px 5px;
	}
	.accordion-toggle:before {
		margin-left: -125px !important;
	}
	.accordion-toggle.active:before {
		margin-left: -125px !important;
		margin-top: -2px !important;
	}
}
/* アコーディオンが開いた状態のスタイル */
.accordion {
    display: block;
}
/* アコーディオンプラスマーク */
.accordion-toggle:before {
    content: url(img/index/Plus.svg);
    transform: scale(0.1);
    display: inline-block;
    position: relative;
    margin-top: -121px;
    margin-left: -129px;
}

/* アコーディオンマイナスマーク */
.accordion-toggle.active:before {
    content: url(img/index/Minus.svg);
    transform: scale(0.1);
    display: inline-block;
    position: relative;
    margin-top: 0px;
    margin-left: -129px;
}
/* ------------------------------上部FV直下説明------------------------------　*/	
article#index .top_p{
	width: 800px;
	
	line-height: 1.2;
	margin:auto;
	display: block;
	padding:1em 0;
	
}
article#index .top_p p{font-size: 12px;}
	@media screen and (max-width:768px) {
		article#index .top_p{
	width: 90%;
	
	line-height: 1.1;
	margin:auto;
	display: block;
	padding:1em 0;
	}
	article#index .top_p p{font-size: 1.7vw;}
		
	}