/*
Theme Name:drop child
Theme URI:
Description:WordPressテーマ「drop」のFINE WORK 子テーマです。
Template:drop_tcd087
Author:FINE WORK MOTOKI SUZUKI
Author URI:https://finework.jp/
Version:2.6
*/

/* ------------------- 変数 ------------------- */
:root {
--f1: 2em;		/* 32px */
--f2: 1.75em;	/* 28px */
--f3: 1.5em;	/* 24px */
--f4: 1.25em;	/* 20px */
--f5: 1em; 		/* 16px */
--f6: 0.75em;	/* 12px */

--fsbt: 2em;		/* ブロックタイトルのフォントサイズ */

--cc: #7DBCE8;	    /* コーポレートカラー1 DIC N877 空色*/
--cc2: #0057A9;	    /* コーポレートカラー2 DIC F46 ブルー・メディテラネ*/
--cc3: #F39500;	    /* コーポレートカラー3 DIC N743 柑子色*/
--cc4: #EC6B2E;	    /* コーポレートカラー4 DIC F87 カピュシーヌ*/
--ccb: #000000;	    /* コーポレートカラー ブラック */
--ccg: linear-gradient( 0deg,  rgba(125,188,232,1.00) 0%, rgba(0,87,169,1.00) 100% );	/* コーポレートカラーグラデーション */

--ccl: #DFEEF9;	    /* コーポレートカラー1 DIC N877 空色 を薄く */
--cc2d: #003160;	/* コーポレートカラー2 DIC F46 ブルー・メディテラネ を濃く */

--ccp: #E30233;	    /* ポイント */
--bcg: #3A3A3A;	    /* 文章カラー（グレー） */
--cg01: #E1E1E1;	/* 薄いグレー1 */
--cg02: #A1A1A1;	/* 薄いグレー2 */
--cg03: #FAFAFA;	/* 薄いグレー3 */
--cg04: #9A9A9A;	/* グレー4 */
--gfont: 'Noto Sans JP';

--fww: 990px;
--fwpw: 80vw;
}

/* -------------------- トップページ グローバルメニュー -------------------- */

#side_menu nav ul li a, #side_menu .sub-menu a {
    padding: 0 40px;
}

/* 文字 */


/* -------------------- フッター -------------------- */
#copyright a {
color: #FFFFFF;
}
#copyright a:hover {
color: var(--cc2) !important;
}

/* -------------------- トップページ -------------------- */
.content_area a:hover .catch {
margin-bottom: 30px;
text-shadow: 0px 30px 8px rgba(0,0,0,0.4);
transition: all 0.3s ease-out;
}
#dcla-img img {
transition: all 0.5s ease-out;
}
#dcla-img:hover img {
transform: scale(1.4) translate(60px, -400px) rotate(-0.03turn);
transition: all 0.5s ease-in;
}

/* responsive-posts-carousel-pro Style1 */
.wcp-carousel-main-wrap figure.rpc-style-1 {
background-color: var(--cc2) !important;
}
.slick-slide .rpc-wrapper {
border-radius: 30px;
}
.slick-slide .rpc_date {
padding: 10px;
border-radius: 10px;
}
.wcp-carousel-main-wrap figure.rpc-style-1 .date .month {
background-color: rgba(0, 0, 0, 0) !important;
border-top: solid 1px rgba(255,255,255,1.00);
}
.wcp-carousel-main-wrap figure.rpc-style-1 i {
line-height: 80px !important;
border-radius: 10px;
}
.wcp-carousel-main-wrap .fa-link:before {
    content: "\f0c1" !important;
    display: inline-block;
    transform: rotate( -45deg ) !important;
}
.wcp-carousel-main-wrap figure.rpc-style-1 figcaption {
    padding: 25px 35px!important;
}
.wcp-slick .slick-dots {
    bottom: -40px !important;
}
.wcp-slick .slick-prev {
    left: -4px !important;
}
.wcp-slick .slick-next {
    right: -40px !important;
}



/* -------------------- 投稿ページ -------------------- */
#page_header {
    background: var(--ccg);
}
.wp-block-image {

}
.wp-block-image a img {
transform: scale(1.0);
transition: all 0.3s ease-out;
}
.wp-block-image a:hover img {
transform: scale(1.05);
transition: all 0.3s ease-out;
}
#page_header .headline {
text-shadow: 0px 0px 6px rgba(0,0,0,0.8);
}
#page_header_inner .meta_top {
font-size: 1em;
}
/* 写真キャプション */
.wp-block-image figcaption {
line-height: 1.5em;
margin-bottom: 2em;
}

/* -------------------- 個別ページ -------------------- */
#design2_page { padding:100px 0 0 0; }


/* -------------------- 個別ページ ドローン撮影 -------------------- */
.cb_image_carousel .desc1 .price {
color: var(--cc2);
font-size: 1.6em;
}
.image_carousel .item .desc h3 {
color: var(--cc2);
font-size: 1.5em;
text-align: center;
}
.image_carousel .item .desc h3+p {
margin: 0;
}

/* -------------------- 個別ページ ドローン体験 -------------------- */



/* -------------------- 個別ページ お問い合わせ -------------------- */
.inquiry {
width: 100%;
max-width: 860px;
margin: auto;
text-align:center;
margin-bottom: 30px;
}
.inquiry h2 {
font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
font-size: 1.6em !important;
font-weight: bold;
text-align:center;
height: 60px;
color: #331854;
box-sizing: border-box;
padding-top: 15px;
padding-bottom: 30px;
border-top: solid 1px #331854;
border-bottom: solid 1px #331854;
background-color: #FBF8FD;
margin-bottom: 15px;
}
.inquiry h2 i {
font-size: 1.1em;
padding-right: 10px;

top: 40px;
}
.inquiry p {
font-size: 16px;
line-height: 1.6em;
margin-bottom: 10px;
}
.form-tel a {
color: #000000 !important;
font-size: 1.8em;
line-height: 1.6em;
letter-spacing: .05em;
}
.form-tel a:hover {
color: #7301ba !important;
}

.inquiry_form {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
width: 100%;
max-width: 840px;
margin: auto;
text-align: left;
}
.inquiry_form table {
margin-bottom: 20px;
border-collapse: separate;
border-spacing: 0px 15px; 
}
.inquiry_form table th {
/* display: block; → 縦組みに*/
color: var(--cc2d);
background-color: var(--ccl);
font-size: 1.2em;
font-weight: bold;
line-height: 1.6em;
vertical-align: middle;
box-sizing: border-box;
padding-top: 8px;
padding-bottom: 6px;
padding-left: 20px;
border-radius: 5px 0px 0px 5px;
border: 1px solid #ddd;
}
.inquiry_form table td {
/* display: block; → 縦組みに*/
font-size: 1em;
line-height: 1.4em;
box-sizing: border-box;
padding-left: 20px;
border-radius: 0px 10px 10px 0px;
border: 1px solid #ddd;
border-left: none;
margin-bottom: 20px;
}
.mwform-checkbox-field label, .mwform-radio-field label {
white-space: nowrap;
line-height: 2em;
}
.mw_wp_form .horizontal-item + .horizontal-item {
margin-left: 0px !important;
}
.mwform-checkbox-field input, .mwform-radio-field input {
margin-right: 3px !important;
margin-left: 20px !important;
}
input[type="checkbox" i] {
transform: scale(1.4);
}
input[type="radio" i] {
}
.inquiry_form table td textarea, .form_body table td text {
width: 95%;
font-size: 1em;
border-radius: 5px;
border-color: #8D8D8D;
padding: 5px;
}
.inquiry_form table td input[type="text" i]{
font-size: 1em;
border-radius: 5px;
border: 1px solid #8D8D8D;
margin-top: 5px;
margin-bottom: 5px;
vertical-align: middle;
padding: 5px;
}
.form_desired-date {
max-width: 220px;
}
.inquiry_form table td select {
font-size: 1rem;
padding: 5px;
margin-left: 10px;
}
.mwform-checkbox-field {
}
.form-note_th {
font-size: .8em;
font-weight: normal;
line-height: 1.2em;
}
.form-note {
font-size: .9em;
line-height: 1.2em;
color: var(--cc2d);
}
.form-note2 {
font-size: .9em;
line-height: 1.2em;
font-weight: bold;
color: #EC4701;
}
.inquiry_form h4 {
    color: #333333;
    padding-bottom: 20px;
    font-size: 1.1em;
    font-weight: normal;
    line-height: 1.6em;
    text-align: center;
}
.form-asterisk {
display: inline-block;
color: #FFFFFF;
font-size: 0.75em;
font-weight: bold;
letter-spacing: .1em;
padding-right: 8px;
padding-left: 8px;
background-color: var(--cc3);
border-radius: 3px;
}
.form-asterisk2 {
display: inline-block;
color: #FFFFFF;
font-size: 0.75em;
font-weight: bold;
letter-spacing: .1em;
padding-right: 8px;
padding-left: 8px;
background-color: #009F85;
border-radius: 3px;
}

.form-btn {
	text-align: center;
	width: 100%;
	box-sizing: border-box;
	padding-top: 20px;
	padding-bottom: 50px;
}

/*　戻るボタン　*/
.form-btn-color1 input  {
	cursor: pointer;
	background-color: #A2A8A7;
	border: none;
	line-height: 1;
	font-weight: normal;
	color: #ffffff;
	border-radius: 5px;
    font-size: 1.4em;
	letter-spacing: .3em;
    padding: 10px 15px;
	margin-right: 20px;
}

/*　確認する・送信ボタン　*/
.form-btn-color2 input {
	cursor: pointer;
	background-color: #FFFFFF;
	padding: 15px;
	border: 1px solid  var(--cc2);
    width: 50%;
    font-size: 1.4em;
	line-height: 1;
	font-weight: normal;
	color:  var(--cc2);
	border-radius: 5px;
	letter-spacing: .2em;
	transition: 0.3s;
}
/*　ボタンオーバー　*/
.mw_wp_form_input .form-btn input:hover, .mw_wp_form_confirm .form-btn input:hover, #submitback input:hover {
	background-color: var(--cc2);
	color: #FFFFFF;
}

/*　送信完了　*/
.completion {
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 30px;
	padding-top: 20px;
	text-align: center;
}

.completion h4 {
	font-size: 26px;
	line-height: 1.6em;
	color: #002F56;
	margin-bottom: 20px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #002F56;
	border-bottom-color: #002F56;
	padding-top: 10px;
	padding-bottom: 5px;
	padding-left: 15px;
	font-weight: bold;
}
.completion .lead {
	font-size: 20px;
	line-height: 1.6em;
	margin-bottom: 15px;
	font-weight: normal;
	color: #002F56;
	letter-spacing: 0.1em;
	padding-left: 15px;
}
.completion p {
	font-size: 16px;
	line-height: 1.6em;
	margin-bottom: 15px;
	font-weight: normal;
	color: #333333;
	padding-left: 15px;
}

/*　トップページへボタン　*/
.form-btn-top a {
	cursor: pointer;
	background-color: #FFFFFF;
	border: 1px solid #002F56;
	line-height: 30px;
	font-weight: normal;
	color: #002F56;
	border-radius: 5px;
	transition: 0.4s;
	display: block;
	margin-bottom: 50px;
	padding-top: 11px;
	padding-right: 15px;
	padding-bottom: 11px;
	padding-left: 15px;
	text-align: center;
	font-size: 120%;
	width: 50%;
	margin-right: auto;
	margin-left: auto;
}
.form-btn-top a:hover {
	background-color: #002F56;
	color: #FFFFFF;
}


/* -----------------------------------------  共通クラス 2021-06-01 ----------------------------------------- */

/* -----------------------------------------  テーブル ----------------------------------------- */
.post_content .table-box {
width: 100%;
height: auto;
}
.post_content .table-box .e-lead {
color: #004ea2;
font-size: 14px;
font-weight: bold;
text-align: center;
margin: 0 0 1em 0 !important;
}
.post_content .table-box h2 {
color: #333333;
font-size: 1.8em;
text-align: center;
padding: 0 0 20px 0;
margin: 0 0 20px 0 !important;
}
.post_content .table-box .table-asterisk {
font-size: 0.9em;
}

/* table01 */
.post_content .table-box .table01 {
width: 100% !important;
margin: 0 auto 50px auto;
}
.post_content .table-box .table01 th {
text-align: left;
width: 25%;
min-width: 230px;
box-sizing: border-box;
padding: 10px 0 10px 25px;
}
.post_content .table-box .table01 td {
width: 75%;
box-sizing: border-box;
padding: 10px 15px 10px 25px;
}

.post_content .table-box .table01 td a {
color: var(--cc2);
}
.post_content .table-box .table01 td a:hover {
color: var(--cc3);
font-weight: bold;
}

@media (max-width: 550px){
.post_content .table-box .table01 th,
.post_content .table-box .table01 td {
display: block;
width: 100%;
border-bottom: none !important;
}
.post_content .table-box .table01 {
    border-bottom: solid 1px #ccc !important;
  }
}


/* table02 */
.post_content .table-box .table02 {
width: 90% !important;
margin: 0 auto 50px auto;
}
.post_content .table-box .table02 th {
color: #FFFFFF;
font-size: 1.1em;
text-align: center;
vertical-align: middle;
width: 25%;
box-sizing: border-box;
padding: 10px 15px 10px 15px;
background-color: #004ea2;
}
.post_content .table-box .table02 td {
vertical-align: middle;
width: 75%;
box-sizing: border-box;
}
.post_content .table-box .table02 td a {
color: #004ea2;
}
.post_content .table-box .table02 td a:hover {
color: #00326c;
font-weight: bold;
}

@media (max-width: 550px){
.post_content .table-box .table02 th,
.post_content .table-box .table02 td {
display: block;
width: 100%;
border-bottom: none !important;
}
.post_content .table-box .table02 {
    border-bottom: solid 1px #ccc !important;
    width: 100%;
  }
}


/* -----------------------------------------  フレックス ----------------------------------------- */
/*
<div class="flex-frame">
	<div class="ff-box50"></div>
	<div class="ff-box50"></div>
</div>
*/
.flex-frame {
display: flex;
flex-wrap: wrap;
width: 100%;
box-sizing: border-box;
}
.ff-box15 {
flex: 0 0 15%;
box-sizing: border-box;
transition: 0.3s ease;
}
.ff-box20 {
flex: 0 0 20%;
box-sizing: border-box;
transition: 0.3s ease;
}
.ff-box25 {
flex: 0 0 25%;
box-sizing: border-box;
transition: 0.3s ease;
}
.ff-box30 {
flex: 0 0 30%;
box-sizing: border-box;
transition: 0.3s ease;
}
.ff-box40 {
flex: 0 0 40%;
box-sizing: border-box;
transition: 0.3s ease;
}
.ff-box45 {
flex: 0 0 45%;
box-sizing: border-box;
transition: 0.3s ease;
}
.ff-box50 {
flex: 0 0 50%;
box-sizing: border-box;
transition: 0.3s ease;
}
.ff-box60 {
flex: 0 0 60%;
box-sizing: border-box;
transition: 0.3s ease;
}
.ff-box70 {
flex: 0 0 70%;
box-sizing: border-box;
transition: 0.3s ease;
}
.ff-box75 {
flex: 0 0 75%;
box-sizing: border-box;
transition: 0.3s ease;
}
.ff-box80 {
flex: 0 0 80%;
box-sizing: border-box;
transition: 0.3s ease;
}
.ff-box85 {
flex: 0 0 85%;
box-sizing: border-box;
transition: 0.3s ease;
}
.ff-box100 {
flex: 0 0 100%;
box-sizing: border-box;
transition: 0.3s ease;
}

.post_content .ff-box15 h2, .post_content .ff-box20 h2, .post_content .ff-box25 h2, .post_content .ff-box30 h2, .post_content .ff-box40 h2, .post_content .ff-box45 h2, .post_content .ff-box50 h2, .post_content .ff-box60 h2, .post_content .ff-box70 h2, .post_content .ff-box80 h2, .post_content .ff-box85 h2, 
.post_content .ff-box15 h3, .post_content .ff-box20 h3, .post_content .ff-box25 h3, .post_content .ff-box30 h3, .post_content .ff-box40 h3, .post_content .ff-box45 h3, .post_content .ff-box50 h3, .post_content .ff-box60 h3, .post_content .ff-box70 h3, .post_content .ff-box80 h3, .post_content .ff-box85 h3,
.post_content .ff-box15 h4, .post_content .ff-box20 h4, .post_content .ff-box25 h4, .post_content .ff-box30 h4, .post_content .ff-box40 h4, .post_content .ff-box45 h4, .post_content .ff-box50 h4, .post_content .ff-box60 h4, .post_content .ff-box70 h4, .post_content .ff-box80 h4, .post_content .ff-box85 h4,
.post_content .ff-box15 h5, .post_content .ff-box20 h5, .post_content .ff-box25 h5, .post_content .ff-box30 h5, .post_content .ff-box40 h5, .post_content .ff-box45 h5, .post_content .ff-box50 h5, .post_content .ff-box60 h5, .post_content .ff-box70 h5, .post_content .ff-box80 h5, .post_content .ff-box85 h5,
.post_content .ff-box15 p, .post_content .ff-box20 p, .post_content .ff-box25 p, .post_content .ff-box30 p, .post_content .ff-box40 p, .post_content .ff-box45 p, .post_content .ff-box50 p, .post_content .ff-box60 p, .post_content .ff-box70 p, .post_content .ff-box80 p, .post_content .ff-box85 p
{
line-height: 1.6em;
padding:  0 0 0 0;
margin: 0 0 0 0;
}
.ff-box15 img, .ff-box20 img, .ff-box25 img, .ff-box30 img, .ff-box40 img, .ff-box45 img, .ff-box50 img, .ff-box60 img, .ff-box70 img, .ff-box80 img, .ff-box85 img, .ff-box100 img  {
max-width: 100%;
height: 100% !important;
object-fit: cover;
vertical-align: top;
}

@media (max-width: 550px){
.ff-box20, .ff-box25, .ff-box30, .ff-box40, .ff-box45, .ff-box70, .ff-box75, .ff-box80 {
flex: 0 0 100%;
}
.rmax-h200 {
max-height: 200px;
overflow: hidden;
}
.rmax-h200 img {
object-position: 15px -50px;
transform: scale(1.1);
}

}

/* -----------------------------------------  レイアウト ----------------------------------------- */
.clear {
	/* 終了させるブロック直後のタグに使用（使用タグのマージンが消えるので注意） */
	clear: both;
}
.clearfix:after {
	/* float させているもの全体をくくっているタグに使用 */
    content:" ";
    display:block;
    clear:both;
}

.fl {
	float: left;
}
.fr {
	float: right;
}

.z1 {
	z-index: 1;
	position: relative;
}
.z-1 {
	z-index: -1;
	position: relative;
}

.pt-50 {
	padding-top: -50px;
}
.pt-40 {
	padding-top: -40px;
}
.pt-30 {
	padding-top: -30px;
}
.pt-20 {
	padding-top: -20px;
}
.pt-10 {
	padding-top: -10px;
}
.pt-5 {
	padding-top: -5px;
}
.pt5 {
	padding-top: 5px;
}
.pt10 {
	padding-top: 10px;
}
.pt15 {
	padding-top: 15px;
}
.pt20 {
	padding-top: 20px;
}
.pt25 {
	padding-top: 25px;
}
.pt30 {
	padding-top: 30px;
}
.pt40 {
	padding-top: 40px;
}
.pt50 {
	padding-top: 50px;
}
.pt60 {
	padding-top: 60px;
}


.pr5 {
	padding-right: 5px;
}
.pr10 {
	padding-right: 10px;
}
.pr15 {
	padding-right: 15px;
}
.pr20 {
	padding-right: 20px;
}
.pr25 {
	padding-right: 25px;
}
.pr30 {
	padding-right: 30px;
}
.pr35 {
	padding-right: 35px;
}
.pr40 {
	padding-right: 40px;
}
.pr45 {
	padding-right: 45px;
}
.pr50 {
	padding-right: 50px;
}



.pb5 {
	padding-bottom: 5px;
}
.pb10 {
	padding-bottom: 10px;
}
.pb15 {
	padding-bottom: 15px;
}
.pb20 {
	padding-bottom: 20px;
}
.pb25 {
	padding-bottom: 25px;
}
.pb30 {
	padding-bottom: 30px;
}
.pb35 {
	padding-bottom: 35px;
}
.pb40 {
	padding-bottom: 40px;
}
.pb45 {
	padding-bottom: 45px;
}
.pb50 {
	padding-bottom: 50px;
}



.pl5 {
	padding-left: 5px;
}
.pl10 {
	padding-left: 10px;
}
.pl15 {
	padding-left: 15px;
}
.pl20 {
	padding-left: 20px;
}
.pl25 {
	padding-left: 25px;
}
.pl30 {
	padding-left: 30px;
}
.pl35 {
	padding-left: 35px;
}
.pl40 {
	padding-left: 40px;
}
.pl45 {
	padding-left: 45px;
}
.pl50 {
	padding-left: 50px;
}
.pl55 {
	padding-left: 55px;
}
.pl60 {
	padding-left: 60px;
}


.mt-200 {
	margin-top: -200px;
}
.mt-150 {
	margin-top: -150px;
}
.mt-100 {
	margin-top: -100px;
}
.mt-90 {
	margin-top: -90px;
}
.mt-80 {
	margin-top: -80px;
}
.mt-70 {
	margin-top: -70px;
}
.mt-60 {
	margin-top: -60px;
}
.mt-50 {
	margin-top: -50px;
}
.mt-45 {
	margin-top: -45px;
}
.mt-40 {
	margin-top: -40px;
}
.mt-30 {
	margin-top: -30px;
}
.mt-20 {
	margin-top: -20px;
}
.mt-10 {
	margin-top: -10px;
}
.mt-5 {
	margin-top: -5px;
}
.mt-2 {
	margin-top: -2px;
}
.mt5 {
	margin-top: 5px;
}
.mt10 {
	margin-top: 10px;
}
.mt15 {
	margin-top: 15px;
}
.mt20 {
	margin-top: 20px;
}
.mt25 {
	margin-top: 25px;
}
.mt30 {
	margin-top: 30px;
}
.mt35 {
	margin-top: 35px;
}
.mt40 {
	margin-top: 40px;
}
.mt50 {
	margin-top: 50px;
}
.mt55 {
	margin-top: 55px;
}


.mr5 {
	margin-right: 5px;
}
.mr10 {
	margin-right: 10px;
}
.mr15 {
	margin-right: 15px;
}
.mr40 {
	margin-right: 40px;
}
.mr50 {
	margin-right: 50px;
}


.mb-20 {
	margin-bottom: -20px;
}
.mb-15 {
	margin-bottom: -15px;
}
.mb-10 {
	margin-bottom: -10px;
}
.mb-5 {
	margin-bottom: -5px;
}
.mb5 {
	margin-bottom: 5px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb15 {
	margin-bottom: 15px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb25 {
	margin-bottom: 25px;
}
.mb30 {
	margin-bottom: 30px;
}
.mb35 {
	margin-bottom: 35px;
}
.mb40 {
	margin-bottom: 40px;
}
.mb45 {
	margin-bottom: 45px;
}
.mb50 {
	margin-bottom: 50px;
}
.mb60 {
	margin-bottom: 60px;
}
.mb70 {
	margin-bottom: 70px;
}
.mb80 {
	margin-bottom: 80px;
}
.mb90 {
	margin-bottom: 90px;
}
.mb100 {
	margin-bottom: 100px;
}

.mrl2_5pct {
margin: 0 2.5%;
}
.mrl5pct {
margin: 0 5%;
}
.mrl10pct {
margin: 0 10%;
}

.top-10 {
top: -10px
}
.top-20 {
top: -20px
}
.top-30 {
top: -30px
}
.top-40 {
top: -40px
}
.top-50 {
top: -50px
}

/*---------------------------------  テキスト用--------------------------------- */

.ffg {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
.ffm {
font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}
.fftt {
font-family:monospace, serif;	/*等幅フォントにする*/
}
.tal {
	text-align: left;
}
.tar {
	text-align: right;
}
.tac {
	text-align: center;
}
/*--------------------フォントウェイト--------------------*/
.fwb {
	font-weight: bold;
}
/*--------------------左右いっぱい揃え--------------------*/
.taj {
text-align: justify;
}

/*--------------------月揃え--------------------*/
.t-month {
display: inline-block;
width: 2.5em;
text-align: right;
}

/*--------------------テキストサイズ--------------------*/

.fs0_8em {
	font-size: 0.8em !important;
}
.fs0_9em {
	font-size: 0.9em !important;
}
.fs1em {
	font-size: 1em !important;
}
.fs1_1em {
	font-size: 1.1em !important;
}
.fs1_2em {
	font-size: 1.2em !important;
}
.fs1_4em {
	font-size: 1.4em !important;
}
.fs1_5em {
	font-size: 1.5em !important;
}
.fs1_6em {
	font-size: 1.6em !important;
}

/*--------------------　行間 --------------------　*/

.lh1_2em {
line-height: 1.2em !important;
}
.lh1_3em {
line-height: 1.3em !important;
}
.lh1_4em {
line-height: 1.4em !important;
}
.lh1_5em {
line-height: 1.5em !important;
}

/*--------------------　改行 --------------------　*/

/*　<span class="br">　*/
.br {
	display: inline-block;
}
/*レスポンシブで改行解除用*/
.br2 {
	display: inline-block;
}

/*英文字と和文字の間を改行させる*/
.br3:before {
	content:"\A";
	white-space: pre;
}

/*　<br class="br-sp" />　<br class="br-pc" />　*/
@media screen and (min-width: 550px){	
  .br-sp { display:none; }
  .br-pc { display:block; }
}
@media screen and (max-width: 549px){	
  .br-sp { display:block; }
  .br-pc { display:none; }
}

.indent-1 {
	padding-left:1em !important;
	text-indent:-1em;
}
.indent-2 {
	padding-left:2em !important;
	text-indent:-2em;
}
.indent-3 {
	padding-left:3em !important;
	text-indent:-3em;
}
.indent-4 {
	padding-left:4em !important;
	text-indent:-4em;
}
.under-line-red {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #C03;
}

.under-line-blue {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #039;
}
.under-line-yellow {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #FF9;
}

/* -----------------------------------------  色 ----------------------------------------- */
.c-cc01 {
color: #cab15d !important;
}
.c-cc02 {
color: #004ea2 !important;
}
.c-cc02h {
color: #00326c !important;
}
.c-cc03 {
color: #f7a000 !important;
}
.c-cc03h {
color: #ef6b00 !important;
}
.c-white{
color: #FFFFFF !important;
}
.c-red{
color: #BA0000 !important;
}
.c-blue{
color: #004ea2 !important;
}



.bgc-white {
background-color: #FFFFFF !important;
}
.bgc-blue {
background-color: #004ea2 !important;
}
.bgc-blue2 {
background-color: #00326c !important;
}



/* -----------------------------------------  線 ----------------------------------------- */
.bts1-g {
border-top: solid 1px #E1E1E1;
}
.bbs1-g {
border-bottom: solid 1px #E1E1E1;
}
.bbs1-y {
border-bottom: dotted 1px #FFDB00;
}

.hr01 {
width: 70%;
height: 1px;
border: none;
border-top: solid 1px #EAEAEA;
margin: 50px 15%;
}


/* ---------------------------------------- リスト ---------------------------------------- */
.post_content .ulist01 {
list-style: none;
margin: 0 25px 0 30px;
}
.post_content .ulist01 li {
color: #FFDB00;
font-size: 1.2em;
line-height: 1.6em;
padding: 0 0 0 2em;
margin: 0 0 15px 0;
text-indent:-2.5em;
}
.post_content .ulist01 li:before {
font-family: "Font Awesome 5 Free";
content: '\f5ad';
font-weight: 900;
font-size: 2em;
padding: 0 0 0 10px; /*反転させているから左右逆*/
}

/* -----------------------------------------  影 ----------------------------------------- */

.t-shadow1127 {
	text-shadow: 1px 1px 2px rgba(0,0,0,0.7);
}
.t-shadow1125 {
	text-shadow: 1px 1px 2px rgba(0,0,0,0.5);
}
.t-shadow1146 {
	text-shadow: 1px 1px 4px rgba(0,0,0,0.6);
}
.t-shadow1143 {
	text-shadow: 1px 1px 4px rgba(0,0,0,0.3);
}
.t-shadow2243 {
	text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}

.shadow1123 {
	box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
.shadow1146 {
	box-shadow: 1px 1px 4px rgba(0,0,0,0.6);
}
.shadow1166 {
	box-shadow: 1px 1px 6px rgba(0,0,0,0.6);
}
.shadow2243 {
	box-shadow: 2px 2px 4px rgba(0,0,0,0.3);
}
.shadow3353 {
	box-shadow: 3px 3px 5px rgba(0,0,0,0.3);
}

.shadow113-40-07 {
	box-shadow:         1px 1px 3px rgba(40, 40, 40, 0.7);
}
.shadow115-40-07 {
	box-shadow:         1px 1px 5px rgba(40, 40, 40, 0.7);
}
.shadow117-40-07 {
	box-shadow:         1px 1px 7px rgba(40, 40, 40, 0.7);
}
.shadow224-40-07 {
	box-shadow:         2px 2px 4px rgba(40, 40, 40, 0.7);
}


/* -----------------------------------------  角丸 ----------------------------------------- */
.radius2 {
	border-radius: 2px;
}
.radius3 {
	border-radius: 3px;
}
.radius4 {
	border-radius: 4px;
}
.radius5 {
	border-radius: 5px;
}
.radius6 {
	border-radius: 6px;
}
.radius8 {
	border-radius: 8px;
}
.radius10 {
	border-radius: 10px;
}
.radius15 {
	border-radius: 15px;
}
.radius20 {
	border-radius: 20px;
}
.radius-l10-r10 {
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}



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

/*
ポイント：論理的な画面サイズ　　縦											横
ipad pro 12.9 width		1024	×	1366	ipad pro 12.9 length	1366	×	1024
ipad pro 10.5  width	834		×	1112	ipad pro 10.5 length	1112	×	834		
ipad (w)				768		×	1024	ipad (l)				1024	×	768

iPhoneX (w)				375		×	812		iPhoneX (l)				812		×	375
iPhone6-7-8 plus (w)	414		×	736		iPhone6-7-8 plus (l)	736		×	414
iPhone6-7-8 (w)			375		×	667		iPhone6-7-8 (l)			667		×	375
iPhone5 (w)				320		×	568		iPhone5 (l)				568		×	320
*/

/* ---------- お問い合わせのテキストエリアサイズは、size="32" 程度 --------------- */

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

/* ---------- トップページ --------------- */
/* ---------- ロゴ部分 --------------- */

@media (max-width: 1200px){

}

@media (max-width: 400px){
/* トップロゴ */

}/* ---------- max-width: 400px ---------- */

@media (max-width: 812px){

/* ---------- お問い合わせ --------------- */
.inquiry {
width: 100%;
}
.inquiry_form {
width: 100%;
}

}/* ---------- max-width: 812px ---------- */


@media (max-width: 550px){

/* ---------- お問い合わせ --------------- */
#copyright{
font-size: 0.75em;
padding-right: 50px;
}

.inquiry h2 {
font-size: 1.5em
}
.inquiry h2 img {
width: 40px;
padding-bottom: 12px;
margin-right: 5px;
}.inquiry p {
    font-size: 15px;
}
.inquiry_form table {
width: 100%;
box-sizing: border-box;
}
.inquiry_form table th  {
width: 100%;
display: block;
border-radius: 10px 10px 0px 0px;
}
.inquiry_form table td {
width: 100%;
display: block;
border-radius: 0px 0px 10px 10px;
border-top: none;
border-left: 1px solid #ddd;
}
.inquiry_form h4 {
    font-size: 1em;
}

/* ---------- 送信確認・送信する ---------- */
.form-btn-color2 input {
    padding: 11px 10px;
    width: 65%;
    font-size: 1.2em;
    line-height: 1.5em;
    letter-spacing: .1em;
}

/* ---------- 戻る ---------- */
.form-btn-color1 input {
    font-size: 1.2em;
    letter-spacing: .1em;
    margin-right: 15px;
    padding: 11px 10px;
}

}/* ---------- max-width: 550px ---------- */


/*--------------------
reCAPTCHA for MW WP Form による
右下の Google reCAPTCHA バッジ位置の調整
※底辺からの高さのみ変更可能
--------------------*/
.grecaptcha-badge {
z-index: 9999 !important;
bottom: 70px !important;
}
@media (max-width: 749px){
.grecaptcha-badge {
bottom: 60px !important;
}
}