@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/


/*固定ページでシェア・フォローボタンをまとめて非表示*/
.page .sns-share,
.page .sns-follow {
    display: none;
}
/*全固定ページの投稿日・更新日を消す*/
.page .date-tags,
.page .author-info {
    display: none;
}
/*フロント固定ページのタイトルを非表示*/
.page .entry-title{
  display: none;
}

body {
	font-weight:normal;
	font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif !important;
}

.container { background-color:#fff; }

img { vertical-align: bottom; }
#main { border:none;font-weight:400; }

a { text-decoration: none;outline: none;transition: opacity .2s ease-in-out; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none;opacity: .6; }
em { font-style:normal;font-weight:600; }

.entry-content a:hover { color: #1476c9;text-decoration:none; }

@media screen and (min-width:1024px){
	#main { font-weight:500; }
}
@media screen and (max-width:960px){
	.mobile-header-menu-buttons .site-logo-image {  }
}


.txtleft { text-align:left; }
.txtcenter { text-align:center; }
.txtright { text-align:right; }
.m-auto { margin-left:auto;margin-right:auto; }
.btmlineDot { border-bottom:1px dotted #b1cca3; }
.article p.sml { font-size:0.9em;margin:0 0 10px 0;padding:0 0 4px 0; }
.btmline { border-bottom:1px solid #b5b5b5; }

@media screen and (max-width:1023px){
	#pc-fixed-menu,#navi { display:none; }
}

#content,#main,#sidebar { background-color:#fff; }

.home .content-in { max-width:960px;margin:0 auto; }
.page .content-in { max-width:960px;margin:0 auto; }

.a-wrap .blogcard { border-color:#b1cca3; }
.entry-content .a-wrap .blogcard { margin-top:2em; }
.blogcard-snippet { margin-top:8px; }

@media screen and (max-width:1024px){

}
@media screen and (max-width:1024px){
	main.main { padding:0; }
}
@media screen and (max-width:540px){

}
@media screen and (max-width:480px){
}

.article p { margin:0;padding:1.3em 0 1.5em 0; }
a.entry-card-wrap { border-bottom:1px dotted #666; }
.entry-card-snippet { line-height: 1.5; }

.tagcloud a,.entry-tags a { border: 1px solid #ccc; }
.date-tags,.entry-date,.post-date,.post-update { font-size:14px !important; }
.article ol { margin-bottom:1em; }
.article ol li { padding:4px 0 4px 5px; }

.sTitle::before {
	content:"―";
	letter-spacing: -.2em;
	width: 2em;
	margin-right: .5em;
}
.sTitle::after {
	content:"―";
	letter-spacing: -.2em;
	width: 2em;
	margin-left: .3em;
}

/************************************
** 404
************************************/

body.error404 #main h1.entry-title { padding-top:3em; }
img.not-found { display:block;max-width:500px;margin:0 auto; }
body.error404 a.goHomeLink { font-size:1.4em;line-height:3.0; }

@media screen and (max-width:540px){
	img.not-found { max-width:86%; }
	body.error404 #main h1.entry-title { padding-top:2em;font-size:18px; }
}

/************************************
** 横100％に変更する調整
************************************/

body.single #content-in { max-width:1004px; }

body.single #main #breadcrumb { padding-bottom:15px; }

@media screen and (min-width:1024px){
	.page .content-in,.page #main { width:100%;max-width:100%; }
	body.single #sidebar,body.single .sidebar { padding-right:0; }
}

.content { margin:0px; }
.main { padding:0 0 25px 0;min-height:400px; }
.entry-content { margin:0;padding:0; }
.footer { margin:0; }
.w940 { max-width:860px;margin:0 auto; }
.w860 { max-width:860px;margin:0 auto; }
.w800 { max-width:800px;margin:0 auto; }
.w660 { max-width:660px;margin:0 auto; }

@media screen and (max-width:960px){
	body.single #main { max-width:98%;margin:0 auto; }
	.main { padding:0; }
}

@media screen and (max-width:640px){
	.main { padding:0 0 25px 0; }
	.main { min-height:280px; }
}

@media screen and (max-width:430px){
	body.single #main #breadcrumb { padding-bottom:5px; }
}


/************************************
** 検索を非表示
************************************/

.search-menu-button { display:none !important; }

/************************************
** 改行 位置調整
************************************/

.dispPC { display:inline-block; }
.dispSP { display:none; }
.dispSPS { display:none; }

@media screen and (max-width:768px){
	.dispPC { display:none }
	.dispSP { display:inline-block; }
	.dispSPS { display:none; }
}
@media screen and (max-width:540px){
	.dispPC { display:none }
	.dispSP { display:inline-block; }
	.dispSPS { display:inline-block; }
}


/************************************
** head-logo
************************************/

.header-in { position:relative;max-width:1000px;margin:0 auto;text-align:right;padding:0; }

.header-in .site_logo_tag,
.header-in h1.site_logo_tag { position:absolute;top:15px;left:0;margin:0;padding:0;z-index:100;border: }

.header-in .site_logo_tag img,
.header-in h1.site_logo_tag img { max-height:28px !important;vertical-align:top;margin:5px 0 0 0;padding:0; }
.logo-image span, .logo-image a { display:block; }
.site-name-text-link,.logo-image { padding:0; }

	.headTel { display:inline;position:relative;top:0; }
	.headTel img { height:44px; }
	.headTel img.headHours { height:44px;margin-left:8px; }


/************************************
** head-logo mobile
************************************/

@media screen and (max-width:1023px){
	img.site-logo-image,img.header-site-logo-image { max-height:32px !important;padding-top:4px;padding-bottom:4px; }
	.headTel { display:none; }
	li.logo-menu-button { padding-top:0; }
}
@media screen and (max-width:540px){
	img.site-logo-image,img.header-site-logo-image { max-height:28px !important;padding-top:2px;padding-bottom:2px; }
}
@media screen and (max-width:480px){
	.mobile-header-menu-buttons .site-logo-image { position:absolute;max-height:26px !important;top:12px;left:15px; }
}
@media screen and (max-width:430px){
	li.logo-menu-button { padding-top:10px; }
	.mobile-header-menu-buttons .site-logo-image { max-height:24px !important;top:12px;left:14px; }
}
@media screen and (max-width:320px){
	li.logo-menu-button { padding-top:10px; }
	.mobile-header-menu-buttons .site-logo-image { max-height:20px !important;top:14px;left:15px; }
}


/************************************
** head-menu
************************************/

#navi .navi-in>ul>li>a {
	padding: 0 1.4em;
}

#navi-in #menu-headmenu a {
	line-height:56px;
	font-size:18px;
	letter-spacing:0;
	font-feature-settings:"palt";

}
#navi-in #menu-headmenu a:hover {
	color:#fff;
	background-color:#000;
}

ul#menu-headmenu {
	margin:0;padding:0;height:56px;line-height:56px;
}
.navi-in > ul { justify-content: right; }

.hlt-tm-small .navi-in > ul li, .cl-slim .navi-in > ul li {
    height:56px;
    line-height:56px;
}

ul#menu-headmenu .headReserveBtn a { color:#fff;background-color:#1476c9;margin-left:15px;padding: 0 2em !important;font-size:1.1em; }
ul#menu-headmenu .headReserveBtn a:hover { color:#fff;background-color:#524e48; }


/************************************
** menu-mobile ハンバーガーメニューを右に
************************************/

@media screen and (max-width:1023px){
	.mobile-header-menu-buttons { flex-direction:row-reverse; }
	.mobile-header-menu-buttons li.navi-menu-button {  }
	.mobile-header-menu-buttons li.logo-menu-button {  }
	.navi-menu-content {
		left: auto;
		right: 0;
		transform: translateX(105%);
	}
}

/************************************
** menu-mobile
************************************/

#navi-menu-content { background-color: #E4F2F5; }

.fa-times:before { color: #444; }

.menu-drawer li { margin:10px 0;font-weight:600; }
.menu-drawer li a { font-size:16px;line-height:2.0; }
.menu-drawer li.menu-drawer_homeBtn { font-size:1.1em; }
.menu-drawer li.menu-drawer_contactBtn { padding:8px 15px;border:1px solid #222;margin:18px 0;background-color:#fff; }
.menu-drawer li.menu-drawer_telBtn { padding:6px 15px;border:1px solid #222;margin:16px 0;background-color:#fff; }


/************************************
** 区切り下余白
************************************/

.delimiterSp { margin-bottom:60px !important; }

@media screen and (max-width:834px){
	.delimiterSp { margin-bottom:50px !important; }
}
@media screen and (max-width:640px){
	.delimiterSp { margin-bottom:40px !important; }	
}
@media screen and (max-width:480px){
	.delimiterSp { margin-bottom:10px !important; }
}
@media screen and (max-width:375px){
	
}

/************************************
** h1～
************************************/

.article h2 { font-size:20px;font-weight:600;margin:0;padding:0;border:0;line-height:1.6em;background-color:transparent; }
.article h3 { font-size:18px;font-weight:600;margin:0;padding:0;border:0;line-height:1.6em; }
.article h4 { font-size:16px;font-weight:600;margin:15px 0;padding:0;border:0;line-height:1.6em; }

.article h1.page-title {
    width:100%;
    margin:0 0 1.5em 0;
	padding:1.4em 0 0 0;
	height:132px;
    text-align:center;
    font-size:32px;
    font-weight:600;
	background-color:#0098CA;
	color:#fff;
	box-shadow: 0px 10px 10px -5px rgba(51,51,51,0.1);
}

.article h1.page-title-sub {
    width:100%;
    margin:0 0 1.5em 0;
	padding:1.0em 0 0 0;
	height:132px;
    text-align:center;
    font-size:32px;
    font-weight:600;
	background-color:#0098CA;
	color:#fff;
	box-shadow: 0px 10px 10px -5px rgba(51,51,51,0.1);
}

	.article h1.page-title-sub span {
		font-size:20px;
		padding-bottom:0.3em;
		display:block;
	}

.article h2.pg { font-size:28px;margin:1.4em 0 0 0;padding:0 0 0.6em 0;line-height:1.7em;color:#000; }
.article h3.pg { font-size:22px;margin:1em 0 0.6em 0;padding:0.4em 0;line-height:1.7em;color:#000;border-top:2px solid #fff;border-bottom:2px solid #fff; }
.article h4.pg { font-size:18px;margin:0.8em 0 0 0;padding:0 0 0.6em 0;line-height:1.7em;color:#000; }

h2.pg,h3.pg,h4.pg {
	background-color:transparent;
	font-weight:500;
	font-feature-settings: "pkna";
}

.pgttlBtmInfo {
	padding:55px 0 60px 0;
	background-color:#f2f2f2;
}
.pgttlBtmInfo h2.pg { font-size: 1.4em;font-weight: 600;color: #545454; }


@media screen and (max-width:960px){
	.article h1.page-title { font-size:28px;padding:1.7em 0 0 0; }
	.article h1.page-title-sub { font-size:28px;padding:1.2em 0 0 0; }
}
@media screen and (max-width:768px){
	.article h1.page-title { font-size:26px;padding:1.86em 0 0 0; }
	.article h2.pg { font-size:24px; }
}
@media screen and (max-width:640px){
	.article h1.page-title { font-size:24px;padding:2.1em 0 0 0; }
	.article h1.page-title-sub { font-size:24px;padding:1.6em 0 0 0; }
}
@media screen and (max-width:540px){
	.article h1.page-title { padding:2.5em 0 0 0; }
	.article h1.page-title { font-size:22px;margin:0 0 0.3em 0; }
	.article h2.pg { font-size:20px;font-weight:600;color:#5f5a5a;padding:0.6em 0 0 0;margin:0.8em 0 0 0; }
	.article h3.pg { font-size:18px;font-weight:600;color:#5f5a5a; }
	.article h4.pg { font-size:16px;font-weight:600;color:#5f5a5a; }
	h2.pg::before { color:#feb77c; }
}
@media screen and (max-width:414px){
	.article h1.page-title { font-size:20px;height:100px;padding:2.0em 0 0 0; }
	.article h1.page-title-sub { font-size:20px;height:100px;padding:1.5em 0 0 0; }
	.article h1.page-title-sub span { font-size:14px; }
	.article h2.pg { font-size:20px; }
	.article h3.pg { font-size:18px; }
	.article h4.pg { font-size:16px; }
}
@media screen and (max-width:320px){
	.article h1.page-title { font-size:18px; }
	.article h2.pg { font-size:18px; }
	.article h3.pg { font-size:16px; }
	.article h4.pg { font-size:14px; }
}


/************************************
** h1～ entry
************************************/

#main h1.entry-title {
	font-size:28px;
	line-height:1.5;
	font-weight:600;
	padding-bottom:10px;
}

.sidebar h3,
#sidebar h3.entry-title {
	padding:8px 10px 8px 15px;
	font-size: 1.0em;
}

#sidebar .new-entry-card-title,
#sidebar .new-entry-card-title,
#sidebar .widget-entry-card-title,
#sidebar .card-title { font-size:14px;padding:3px 0 0 8px;line-height:1.2; }

@media screen and (max-width:834px){
	#main h1.entry-title { font-size:24px; }
}
@media screen and (max-width:768px){
	#main h1.entry-title { font-size:22px; }
}
@media screen and (max-width:540px){
	#main h1.entry-title { font-size:20px; }
}
@media screen and (max-width:430px){
	#main h1.entry-title { font-size:20px; }
}
@media screen and (max-width:375px){
	#main h1.entry-title { font-size:18px; }
}
@media screen and (max-width:320px){
	#main h1.entry-title { font-size:16px; }
}

/************************************
** 見出し関連 2　投稿記事
************************************/

/** 投稿記事タイトル **/
h1.entry-title {
	font-weight:500;
	line-height:1.6;
	margin:0;
	padding:00;
}

/** 記事内タイトル **/
.post-template-default .entry-content h2,
.post-template-default .entry-content h3,
.post-template-default .entry-content h4 {
	font-weight:500;
	line-height:1.6;
	margin:1em 0 0.6em 0;
	padding:0;
	border:0;
	background-color:transparent;
}
.post-template-default h1.entry-title { font-size: 24px; }
.post-template-default .entry-content h2 { font-size: 22px;margin:1em 0 0.5em 0;font-weight:600; }
.post-template-default .entry-content h3 { font-size: 20x;margin:1em 0 0 0;font-weight:600; }
.post-template-default .entry-content h4 { font-size: 18px;margin:1em 0 0 0; }

@media screen and (max-width:768px){
	.post-template-default h1.entry-title { font-size: 22px; }
	.post-template-default .entry-content h2 { font-size: 22px; }
	.post-template-default .entry-content h3 { font-size: 22px; }
	.post-template-default .entry-content h4 { font-size: 22px; }
}
@media screen and (max-width:480px){
	.post-template-default .entry-content h2 { font-size: 20px;margin:0.5em 0 0.3em 0; }
	.post-template-default .entry-content h3 { font-size: 20px;margin:0.5em 0 0 0; }
	.post-template-default .entry-content h4 { font-size: 20px;margin:0.5em 0 0 0; }
}
@media screen and (max-width:390px){
	.post-template-default .entry-content h2 { font-size: 18px;margin:0 0 0.3em 0; }
	.post-template-default .entry-content h3 { font-size: 18px;margin:0 0 0 0; }
	.post-template-default .entry-content h4 { font-size: 18px;margin:0 0 0 0; }
}


/************************************
** form
************************************/

.inquirytbl { margin:1.2em 0 0 0 !important; }
.inquirytbl th { text-align:left;font-weight:500; }
.inquirytbl th::before { position:above;top:2px;left:0px;content: "任意";font-size:13px;padding:2px 18px;margin-right:15px;border-radius:20px;
	background-color:#bfbfbf;color:#fff; }
.inquirytbl th.required::before { position:above;top:2px;left:0px;content: "必須";font-size:13px;background-color:#fce3ce;color:#333; }


.inquirytbl textarea { height:14em; }


.mw_wp_form .error { color:#ee5488 !important; }
.inquirytbl select { cursor:pointer; }
.hand { cursor:pointer; }
form select { background-color: rgb(255, 255, 255); }

.entry-content h3.inquiry { width:96%;margin:20px auto;color:#271016; }
.inquirytbl { margin:20px auto;border:2px solid #E0E5F0; }
p.agreement { width:90%;margin:20px auto 60px auto; }

	.inquirytbl,.inquirytbl th,.inquirytbl td {
		border:none;
		border-bottom:2px solid #fff;
	}
	.inquirytbl th:first-child,.inquirytbl td:nth-child(2) {
		border-top:2px solid #fff;
	}

.inquirytbl th { padding:10px 25px;width:250px; }
.inquirytbl .required { position:relative; }

h3 .required { position:relative; }
h3.inquiry .required { padding-left:60px; }

.inquirytbl td { padding:10px 8px 10px 12px; }
.inquirytbl td.checkbox span { display:block; }
.inquirytbl td.checkbox span span { display:inline; }
.inquirytbl td.checkbox span:first-child { margin-left: 10px; }
.inquirytbl td p { margin:0;padding:0; }

.inquirytbl .w10 { width:10%;font-size:14px; }
.inquirytbl .w20 { width:20%;font-size:14px; }
.inquirytbl .w30 { width:30%;font-size:14px; }
.inquirytbl .w40 { width:40%;font-size:14px; }
.inquirytbl .w50 { width:50%;font-size:14px; }
.inquirytbl .w60 { width:60%;font-size:14px; }
.inquirytbl .w70 { width:70%;font-size:14px; }
.inquirytbl .w80 { width:80%;font-size:14px; }
.inquirytbl .w90 { width:90%;font-size:14px; }

.inquirytbl td p.mt10 { padding:14px 0 0 0 !important; }

p.agreement { text-align:center;padding:10px 0;line-height:3.4;background-color:#FFFFDC;border-radius:6px;border:2px solid #F5E8EB; }
p.agreement em { font-weight:normal; }
p.agreement span { font-size:1.1em; }

#confirm .inputNote { display:none;white-space: nowrap; }	/** 確認画面　入力要素横の※メッセージを非表示に **/

/*1240px以下*/
@media screen and (min-width:1200px){
	.entry-content h3.inquiry { width:90%;margin:20px auto; }
	.inquirytbl { width:90%;margin:20px auto; }
}

/*834px以下*/
@media screen and (max-width: 834px){
	.entry-content h3.inquiry { font-size: 1.35em; }
	.inquirytbl th { font-size:16px;padding:10px 40px 10px 25px;width:240px; }
	.inquirytbl td { font-size:16px; }
	.inquirytbl .w20 { width:40%; }
	.inquirytbl .w80 { width:90%; }
	.inquirytbl .w50 { width:70%; }
	.inquirytbl .w60 { width:80%; }
	p.agreement { width:80%; }
}

/*640px以下*/
@media screen and (max-width:640px){
	.entry-content h3.inquiry { font-size: 1.15em; }
	.inquirytbl th,.inquirytbl td { display:block; }
	.entry-content h3.inquiry { width:100%;margin:20px auto; }
	.inquirytbl { width:100%;margin:20px auto; }
	.inquirytbl th { border:0;width:100%;background-color:#e2e2e2;color:#000; }
	.inquirytbl td { border:0;background-color:#ececec;padding-bottom:10px;background-color:#f5f6f7; }
	.inquirytbl .required::after {
		right: 30px;
	}
	.inquirytbl .w10 { width:20%; }
	p.agreement { width:94%; }
	.search-edit, input[type="text"], input[type="password"],
	input[type="date"], input[type="datetime"], input[type="email"],
	input[type="number"], input[type="search"], input[type="tel"],
	input[type="time"], input[type="url"], textarea, select { font-size:14px; }
}
/*480px以下*/
@media screen and (max-width:480px){
	.entry-content h3.inquiry { font-size: 1.0em; }
	.inquirytbl th { font-size:14px;line-height:1.6;padding: 8px 40px 8px 25px; }
	.inquirytbl td { font-size:14px;line-height:2.0; }
	.inquirytbl td.checkbox { line-height:2.8; }
	.inquirytbl td.tel .w50 { width:22%; }
	.inquirytbl .w10 { width:25%; }
	.inquirytbl .w20 { width:45%; }
	.inquirytbl .w30 { width:45%; }
	.inquirytbl .w40 { width:45%; }
	.inquirytbl .w50 { width:72%; }
	.inquirytbl .w60 { width:90%; }
	.inquirytbl .w70 { width:70%; }
	.inquirytbl .w80 { width:90%; }
	p.agreement { width:auto;padding-top:20px;padding-left:30px;padding-right:20px;line-height:1.6;font-size:14px; }
	p.agreement span { font-size:16px;line-height:3.0; }
}
/*320px以下*/
@media screen and (max-width:320px){
	.inquirytbl .w10 { width:30%; }
	.inquirytbl .w30 { width:60%; }
	.inquirytbl .w50 { width:96%; }
	.inquirytbl td.tel .w50 { width:20%; }
	.inquirytbl .w80 { width:90%; }
}

.inqinfobox { width:90%;margin:20px auto 60px auto;border-radius: 6px;text-align:center;padding:10px 0;line-height: 3.4;font-size:18px;border:3px solid #FEAA42;background-color:#FFFFDC;letter-spacing:1px; }
.inqinfobox .phoneBox { width:80%;margin:0 auto;padding:5px 0 15px 0;border-bottom: 1px solid #7F7265;vertical-align:middle;font-size: 22px;line-height:1.8; }
.inqinfobox .phoneBox a { text-decoration:none; }
	.inqinfobox .phoneTtl { margin:0 6px; }
	.inqinfobox img { vertical-align:baseline;margin-right:10px; }
	.inqinfobox .phoneNum { font-size:42px;font-family:'Century Gothic', serif;font-weight:600;color:#00974B; }

@media screen and (max-width:480px){
	.inqinfobox { width:96%;font-size:16px; }
	.inqinfobox .phoneBox { font-size:18px;width:92%;border-bottom:1px solid #d4c9be; }
	.inqinfobox .phoneTtl { font-size:20px; }
	.inqinfobox img { vertical-align:baseline;margin-right:10px;width:40px; }
	.inqinfobox .phoneNum { font-size:26px; }


}
@media screen and (max-width:320px){
	.inqinfobox { width:96%;font-size:14px; }
	.inqinfobox .phoneBox { font-size:16px; }
	.inqinfobox .phoneTtl { font-size:18px; }
	.inqinfobox img { vertical-align:baseline;margin-right:10px;width:34px; }
	.inqinfobox .phoneNum { font-size:20px !important; }
}


/************************************
** button
************************************/

.entry-content .gopgArowBtn {
	display:inline-block;
	width:76%;
	max-width:460px;
	color:#fff;
	font-size:20px;
	line-height:2.4em;
	height:2.6em;
	text-align:center;
	background-color:#0079e5;
	border-radius:4px;
	text-decoration:none;
}
.entry-content .gopgArowBtn:hover { color:#fff; }

	.gopgArowBtn::after {
		content: "\f061";
		font-family: "Font Awesome 5 Free";
		font-weight:600;
		position:relative;
		top:1px;
		left:25px;
		font-size:22px;
		color:#fff;
		display:inline;
	}
@media screen and (max-width:1024px){
	.entry-content .gopgArowBtn { font-size:18px;line-height:2.6em;height:2.6em; }
	.gopgArowBtn::after { top:-1px;font-size:16px; }
}
@media screen and (max-width:834px){
	.entry-content .gopgArowBtn { max-width:84%;width:84%; }
}
@media screen and (max-width:780px){
	.entry-content .gopgArowBtn { max-width:84%;width:84%;line-height: 2.8em;height: 2.8em; }
}
@media screen and (max-width:480px){
	.entry-content .gopgArowBtn { max-width:84%;width:84%;font-size:16px;line-height:3.0em;height:3.0em; }
	.gopgArowBtn::after { top:0; }
}
@media screen and (max-width:414px){
	.entry-content .gopgArowBtn { max-width:86%;width:86%;font-size:15px;line-height:3.4em;height:3.4em; }
}
@media screen and (max-width:320px){
	.entry-content .gopgArowBtn { font-size:14px;line-height:3.6em;height:3.6em; }
}

.gopgArowBtn.pdf {
	position: relative;
	max-width:400px;
	min-width:400px;
	font-size:18px;
	line-height:48px;
	height:50px;
}
	.gopgArowBtn.pdf::before {
		content: '';
		display: inline-block;
		width: 40px
		height: 40px;
		vertical-align: middle;
		position: absolute;
		left:5px;
		top:5px;
		content: url(/wp2022/wp-content/uploads/2023/02/pdf_mark.png);
	}


.goContactFrm {
	display:inline-block;
	width:80%;
	max-width:460px;
	margin-top:30px;
	color:#fff;
	font-size:20px;
	line-height:2.6em;
	height:2.8em;
	text-align:center;
	background-color:#0079e5;
	border-radius:4px;
}
	.goContactFrm::before {
		content: "\f0e0";
		font-family: "Font Awesome 5 Free";
		font-weight:600;
		position:relative;
		top:1px;
		left:-25px;
		font-size:24px;
		color:#fff;
		display:inline;
	}
	.goContactFrm:hover {
		color:#fff;
	}

@media screen and (max-width:480px){
	.goContactFrm {	font-size:18px;	}
	.goContactFrm::before { top:2px;left:-28px;font-size:22px; }
}
@media screen and (max-width:414px){
	.goContactFrm {	font-size:16px;line-height:3.0em;height:3.2em;	}
	.goContactFrm::before { top:2px;left:-28px;font-size:20px; }
}
@media screen and (max-width:375px){
	.goContactFrm::before { top:1px;left:-25px; }
}
@media screen and (max-width:320px){
	.goContactFrm::before { top:1px;left:-20px; }
}


.gopgBtn {
	display:block;
	width:84%;
	margin:28px auto 0 auto;
	color:#fff;
	font-size:22px;
	font-weight:700;
	line-height:2.4em;
	height:2.4em;
	text-align:center;
	background-color:#818181;
}
	.gopgBtn:hover {
		color:#fff;
	}

@media screen and (max-width:768px){
	.gopgBtn { font-size:20px; }
}
@media screen and (max-width:640px){
	.gopgBtn { margin-bottom:2em; }
}
@media screen and (max-width:540px){
	.gopgArowBtn { width:90%; }
}

/************************************
** button form
************************************/

.btn-bace {
	font-family: "Yu Gothic", YuGothic, Verdana, 'Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, sans-serif;
	max-width:800px;
	text-align: center;
	display: inline-block;
	text-decoration: none;
	font-weight: bold;
	margin-top:20px;
	padding: 10px 16px 8px 17px;
	border-radius: 4px;
	transition: .4s;

	font-size: 24px;
	width:78%;
	color: #fff;
	background-color:#3E4B6E;
}

.btn-bace:hover { color:#fff;background-color:#486cce; }

.btn-pink { color: #FB6789 ;background-color:#fff;border: 2px solid #E9A6A8; }
.btn-pink:hover { color: #531f36;background-color: #EFC3C9;border-color: #E9A6A8; }

.btn-red { color: #FFF;background-color: #E13333;border-color: #B20000; }
.btn-red:hover { color: #B20000;background-color:#fff;border: 2px solid #B20000; }

.btn-green { color: #9ec34b;background-color:#fff;border: 2px solid #9ec34b; }
.btn-green:hover { color: #FFF;background-color: #9ec34b;border-color: #cbe585; }

.btn-gold { color: #9F805B;background-color:#fff;border: 2px solid #B69D80; }
.btn-gold:hover { color: #FFF;background-color: #C7B49E;border-color: #B69D80; }

@media screen and (max-width:834px){
	.btn-bace { font-size:22px; }
}
@media screen and (max-width:768px){
	.btn-bace { font-size:20px;width:88%; }
}
@media screen and (max-width:720px){
	.btn-bace { font-size:18px; }
}
@media screen and (max-width:640px){
	.btn-bace { font-size:16px;width:94%; }
}
@media screen and (max-width:480px){
	.btn-bace { font-size:14px;width:100%; }
}
@media screen and (max-width:414px){
	.btn-bace { font-size:13px; }
}

.btnbox input { margin:1em 0;font-size:18px;max-width:500px; }


/************************************
** form button
************************************/

.btnbox  { width:80%;margin:0 auto;padding:40px 0 0 0;text-align:center; }

@media screen and (max-width:540px){
	.entry-content p.btnbox  { padding-top:0;margin-top:-1.5em; }
}

.btnbox input[type="submit"] {
	-webkit-appearance: none;
	border: none;
	background-color: transparent;

	max-width:93%;
	margin: 0 auto;
	padding:16px 10px;

	font-weight: 500;
	color: #fff;
	border-radius:4px;

	font-size: 20px;
	background-color: #e8ae7d;
}

	.btnbox input:hover {
		opacity: 0.7;
		transition: all 0.3s ease-in-out;
	}

	.btnbox .input-backButton {
		display:inline-block;
		width: 70%;
		margin:1em 0;
		position:relative;
		left:-7px;
	}
	.btnbox .input-submitButton {
		display:inline-block;
		width: 70%;
		margin:1em 0;
		position:relative;
		left:7px;
	}


	.btnbox .input-backButton::before {
		font-family: "Font Awesome 5 Free";
		font-weight: 800;
		content: "\f104";
		position:relative;
		top:0;
		left:28px;
		font-size: 20px;
		color:#fff;
		display:inline;
	}
	.btnbox .input-submitButton::after {
		font-family: "Font Awesome 5 Free";
		font-weight: 800;
		content: "\f105";
		position:relative;
		top:0;
		left:-28px;
		font-size: 20px;
		color:#fff;
		display:inline;
	}

/** 入力画面　戻るボタンを消す **/
#contact .btnbox .input-backButton { display:none; }

/** 再入力画面　戻るボタンを消す **/
#formErr .btnbox .input-backButton { display:none; }

/** 確認画面　入力画面に戻る　ボタンの色を変更 **/
.btnbox .input-backButton input[type="submit"] { background-color:#a4a19f; }

/** ボタンサイズ レスポンシブ対応 **/
@media screen and (max-width:960px){
	.btnbox .input-backButton,.btnbox .input-submitButton {	width: 74%;	}
	.btnbox { padding:1.5em 0 3em 0; }
}
@media screen and (max-width:768px){
	.btnbox .input-backButton,.btnbox .input-submitButton {	width: 80%;	}
	.btnbox { padding:1.5em 0 1.5em 0; }
}
@media screen and (max-width:640px){
	.btnbox .input-backButton,.btnbox .input-submitButton {	width: 86%;	}
}
@media screen and (max-width:600px){
	.btnbox .input-backButton,.btnbox .input-submitButton {	width: 88%;	}
	.btnbox { padding:1.0em 0 1.5em 0; }
}
@media screen and (max-width:540px){
	.btnbox { padding:1.6em 0; }
}
@media screen and (max-width:480px){
	.btnbox .input-backButton,.btnbox .input-submitButton { width: 88%; }
	.btnbox input[type="submit"] { font-size:16px; }
}
@media screen and (max-width:414px){
	.btnbox .input-backButton,.btnbox .input-submitButton { width: 92%;margin:0.3em 0 1.2em 0; }
}
@media screen and (max-width:375px){
	.btnbox .input-backButton,.btnbox .input-submitButton { width: 94%;margin:0.3em 0 1.1em 0; }
}


/************************************
** pagination
************************************/

.pagination span.current { background-color: #202020;color:#fff;border-radius:0;padding:0; }


/************************************
** foot
************************************/

#footer { margin-top:0; }
.footer-bottom { padding:0; }
#footer,#foot-info1,#foot-info2 { font-weight:400; }

#foot-info1 {
	width:100%;
	padding:66px 0 60px 0;
	text-align:center;
	background-color:#E5E5E5;
	background-image: url("/wp2022/wp-content/uploads/2023/02/footer_backimage.jpg");
	background-position: right 0;
	background-repeat:no-repeat;
}

	#foot-info1 .footCmbnr { max-width: 840px;margin:0 auto;padding:50px 0 10px 0; }
		#foot-info1 .footCmbnr img { width: 100%; }

	#foot-info1 .snsLinkBox { display:inline-block; }
	#foot-info1 .paymentMethod { display:inline-block; }

	#foot-info1 .footMsg {
		text-align:left;
		line-height:2.0;
		color:#000;
		max-width:840px;
		margin:0 auto;
		padding:30px 40px;
		font-weight:600;
		background-color:rgba(246,246,246,0.74);
	}

	#foot-info1 a:hover img { background-color: rgba(255,255,255,.0); }	/** 画像hover下線処理 **/

	#foot-info1 .footContact { font-size:1.06em;color:#000; }
		#foot-info1 .footContact .footContactTtl { font-size:1.4em;margin:36px 0 10px 0;font-weight:600; }
		#foot-info1 .footContact img { margin:16px 2px 20px 2px;width:220px; }

		#foot-info1 .footContact em a { font-size:20px;margin:0 8px; }

#foot-info2 {
	padding:50px 0 60px 0;
	text-align:center;
	background-color:#353e54;
	color:#fff;
}

	#foot-info2 .footArea1 {
		font-size:1.14em;
		padding-bottom:40px;
	}

	#foot-info2 .footArea1 .areaNam { font-size:1.26em;padding-bottom:14px; }

	#foot-info2 .footArea2 .companyNam { font-size:1.46em;font-weight:600; }

	#foot-info2 .footArea2 .companyAdd { padding-top:25px;margin:0 auto;display:inline-block;text-align:left; }

.footer-bottom { margin:0;padding:8px; }

br.disp480 { display:none; }

@media screen and (max-width:834px){
	#foot-info1 { padding:56px 0 50px 0; }
	#foot-info1 .footMsg { max-width:86%; }
	#foot-info1 .footMsg br { display:none; }
	#foot-info2 { padding:46px 0; }
	#foot-info2 .footArea1 .areaNam { font-size: 1.18em; }
}
@media screen and (max-width:768px){
	#foot-info2 .footArea1 .areaNam { padding-bottom:34px; }
}
@media screen and (max-width:640px){
	#foot-info2 { font-size:14px; }
	#foot-info2 .footArea1 .areaNam { font-size: 1.10em; }
	#foot-info2 .footArea2 .companyNam { font-size: 1.44em; }
}
@media screen and (max-width:540px){
	#foot-info1 { padding:40px 0 40px 0; }
	#foot-info1 .footMsg { max-width:92%; }
	#foot-info1 .footMsg { padding: 18px 16px 18px 24px;background-color: rgba(246,246,246,0.8); }

	#foot-info1 .footContact .footContactTtl { font-size:1.6em;margin:30px 0 10px 0;font-weight:600; }

	#foot-info1 .footCmbnr { padding:36px 0 0 0; }
	#foot-info2 .footArea1 { font-size:1.0em;padding-bottom:45px; }
	#foot-info2 .footArea1 .areaNam { font-size: 1.38em;padding-bottom:30px; }
}
@media screen and (max-width:480px){
	#foot-info1 { padding:30px 0 35px 0; }
	#foot-info1 .footContact img { display:block;margin:0 auto;padding-bottom:4px; }
	#foot-info1 .footContact a img { padding:22px 0 0 0; }
	#foot-info1 .footCmbnr img { object-fit: cover;height:190px; }
	#foot-info2 .footArea1 { padding-bottom:40px; }
	br.disp480 { display:block; }
	#foot-info1 .footContact em { line-height:1.3;font-size:16px; }
	#foot-info1 .footContact em a { font-size:24px; }
}
@media screen and (max-width:430px){
	#foot-info1 .footCmbnr img { height:180px; }
	#foot-info2 { padding:34px 0; }
	#foot-info2 .footArea1 { padding-bottom:30px; }
	#foot-info2 .footArea1 .footArea1Msg { width:84%;margin:0 auto;text-align:left; }
	#foot-info2 .footArea1 .footArea1Msg br { display:none; }
	#foot-info2 .footArea2 .companyNam { font-size: 18px }
	#foot-info2 .footArea2 .companyAdd { padding-top:13px; }
	#footer-in .footer-bottom { padding:6px 0 10px 0; }
}
@media screen and (max-width:390px){
	#foot-info1 .footCmbnr img { height:164px; }
}
@media screen and (max-width:375px){
	#foot-info1 .footCmbnr img { height:160px; }
	#foot-info1 a img { width:76%; }
	#foot-info2 .footArea1 .footArea1Msg { width:88%; }
	#foot-info2 .footArea2 .companyNam { font-size: 18px }
}
@media screen and (max-width:320px){
	#foot-info1 .footCmbnr img { height:140px; }
	#foot-info1 .footMsg { font-size:14px;padding: 20px 20px 20px 24px;border: 3px solid #fff; }
}

/************************************
** mobile - footmenu
************************************/

#menu-mobilefootmenu li:nth-child(1) {
	background-color:#ededed;
}
#menu-mobilefootmenu li:nth-child(2) {
	background-color:#4c463d;
}
#menu-mobilefootmenu li:nth-child(3) {
	background-color:#ffd1ab;
}
#menu-mobilefootmenu li:nth-child(4) {
	background-color:#0e589d;
}

#menu-mobilefootmenu a { color:#fff }
#menu-mobilefootmenu .fa-star:before { content:none; }
#menu-mobilefootmenu .menu-caption { color:#fff;font-size:14px; }

#menu-mobilefootmenu li:nth-child(1) a,
#menu-mobilefootmenu li:nth-child(3) a,
#menu-mobilefootmenu li:nth-child(1) a .menu-caption,
#menu-mobilefootmenu li:nth-child(3) a .menu-caption{ color:#242526; }

/************************************
** btn
************************************/

.body .btn-wrap { margin-bottom:1.5em; }
.btn-wrap.normalBtn > a { font-weight:500;width:70%;margin:0 auto;font-size:20px;background-color:#888; }
.btn-wrap.normalBtn.reserve > a { background-color:#e8ae7d; }

.btn-wrap.normalBtn > a .fa-check-circle { position:absolute;top:0.7em;left:20px;height:10px !important; }
.btn-wrap.normalBtn > a .fa-sticky-note { position:absolute;top:0.6em;left:23px;height:10px !important;font-size:1.4em;font-weight:400; }

@media screen and (max-width:640px){
	.btn-wrap.normalBtn > a { width:80%; }
}
@media screen and (max-width:480px){
	.btn-wrap.normalBtn > a { font-size:16px; }
}
@media screen and (max-width:375px){
	.btn-wrap.normalBtn > a { width:90%;font-size:14px; }
	.btn-wrap.normalBtn > a .fa-check-circle { top:0.8em;left:10px; }
	.btn-wrap.normalBtn > a .fa-sticky-note { top:0.6em;left:13px; }
}
@media screen and (max-width:320px){
	.btn-wrap.normalBtn > a { width:100%; }
}


/************************************
** content
************************************/

#main .panel-no-style,#main .panel-row-style { max-width:1000px;margin-left:auto;margin-right:auto;overflow:hidden; }
#main .full { max-width:100% !important;margin:0 !important;padding:0 !important; }

@media screen and (max-width:540px){
	#main .panel-no-style,#main .panel-row-style { font-size:14px; }
}

@media screen and (max-width:1024px){
	#main .panel-no-style,#main .panel-row-style { max-width:94%; }
}
@media screen and (max-width:640px){
	#main .panel-no-style,#main .panel-row-style { max-width:90%; }
}


/************************************
** page ホーム
************************************/

.img_mainvisual { max-width:1536px;margin:0 auto;text-align:center; }

.mainVisualPC { display:block; }
.mainVisualSP { display:none; }

.topMainVisual { margin:0 auto;text-align:center; }

.article .flontIntro {
	background-color:#eeeeee;
	text-align:center;
}

.flontIntro h2 {
	font-size:22px;
	font-weight:900;
	margin-top:35px;
}

.flontIntro p {
	padding: 1.0em 0 35px 0;
}


@media screen and (max-width:1024px){
	.flontIntro h2 { font-size: 20px;line-height:2.0;width:92%;margin-left:auto;margin-right:auto; }
	.flontIntro p { width:92%;margin:0 auto; }

	.article .homeHeadMsg h2.pg { font-size: 26px;line-height:2.0; }
	.homeHeadMsg p br { display:none; }

	.homeBtmMsg p br { display:none; }
}
@media screen and (max-width:834px){
	.flontIntro h2 { font-size: 18px; }
	.flontIntro p { font-size: 16px;padding: 1.0em 0 45px 0;}
	.article .homeHeadMsg h2.pg { font-size: 24px; }

	.article .homeHeadMsg h2.pg { font-size: 22px; }
	.homeHeadMsg p br { display:none; }
}
@media screen and (max-width:780px){
	.flontIntro h2 { font-size:18px;margin-top:30px;color:#000; }
	.article .flontIntro p { font-size: 16px;padding: 1.0em 0 30px 0; }

	.article .homeHeadMsg h2.pg { font-size:18px;text-align:left;margin-bottom:-15px;font-weight:700;color:#000; }
	.article .homeHeadMsg p { padding:18px 0 40px 0; }
}
@media screen and (max-width:639px){
	.article .flontIntro p { text-align:left;  }
	.flontIntro p br { display:none;text-align:left; }
}
@media screen and (max-width:480px){
	.flontIntro h2 { font-size: 16px; }
	.article .flontIntro p { font-size: 14px; }
	.article .homeHeadMsg h2.pg { font-size: 16px;padding-bottom:10px; }
}
@media screen and (max-width:430px){
	.flontIntro h2 { text-align:left;margin-top:20px; }
	.article .flontIntro p { padding: 0.6em 0 22px 0; }
}
@media screen and (max-width:320px){
	.flontIntro h2 { font-size: 15px; }
	.article .homeHeadMsg h2.pg { font-size:14px;padding-bottom:8px; }
	.article .homeHeadMsg p { font-size: 12px; }

}

/** 記事一覧 **/

#tpNewsBox { max-width:900px;margin:0 auto;padding:30px 0 35px 0; }
#tpNewsBox h2 {
	font-size:32px;
	color:#234589;
	text-align:center;
	margin:30px 0 0 0;
	padding:0;
}
#tpNewsBox .new-entry-cards {
	display:flex;
	flex-wrap:wrap;
	margin:40px 0 0 0;
	padding:0;
	gap:40px;
	justify-content:left;
}
	#tpNewsBox .new-entry-cards>a {
		display:block;
		width:46%;
		margin:0;
		padding:10px 10px 0 10px;
		background-color: #f8f8f8;
		border:3px solid #e7e7e7;
	}
	#tpNewsBox .new-entry-cards>a:hover { background-color:#fff; }
	#tpNewsBox .widget-entry-cards.card-large-image .a-wrap { max-width:500px; }

	#tpNewsBox .new-entry-cards img { aspect-ratio: 4 / 3;object-fit:cover;border:1px solid #cbced4; }
	#tpNewsBox .cat-label { font-size:14px;padding-top:3px; }
	#tpNewsBox .widget-entry-card-title { font-size:16px;padding:4px 4px 10px 7px;line-height:1.5;font-weight:600; }
	#tpNewsBox .widget-entry-card-thumb { margin:0; }

#tpNewsBox .new-entry-card-date { display: block;font-size:14px;padding:0 0 0 7px; }
#tpNewsBox .new-entry-card-date:before {
	font-family: "Font Awesome 5 Free";
    content: "\f017";
}

#tpNewsBox a { text-decoration:none; }
#tpNewsBox a:visited { color:#333; }
#tpNewsBox a:hover { background-color:transparent;color:#999; }

@media screen and (max-width:834px){
	#tpNewsBox h2 {	font-size:26px;margin:30px 0 0 0; }
	#tpNewsBox { max-width:98%;padding: 0 0 0 20px; }
	#tpNewsBox .new-entry-cards { margin: 25px 0 0 0;padding: 0; }
	#tpNewsBox .widget-entry-card-title { font-size:14px; }
	#tpNewsBox .new-entry-card-date,#tpNewsBox .post-date { font-size: 13px !important; }
	#tpNewsBox .widget-entry-card-title { padding:4px 0 8px 0; }
}
	@media screen and (max-width:768px){
	#tpNewsBox h2 {	font-size:24px;margin:30px 0 0 0; }
	#tpNewsBox .new-entry-cards>a { width:46%; }
	#tpNewsBox .new-entry-cards { gap:30px; }
}
@media screen and (max-width:640px){
	#tpNewsBox .widget-entry-card-title { font-size:16px; }
	#tpNewsBox .new-entry-card-date { padding: 0 0 0 3px; }
	#tpNewsBox .new-entry-card-date:before { position:relative;left:4px; }
}
@media screen and (max-width:540px){
	#tpNewsBox { max-width:100%;padding:0 0 0 22px; }
	#tpNewsBox .new-entry-cards { gap:20px; }
}
@media screen and (max-width:480px){
	#tpNewsBox { max-width:100%;padding:0 16px; }
	#tpNewsBox .new-entry-cards>a { width:46%; }
	#tpNewsBox h2 { font-size:22px;margin: 20px 0 0 0; }
	#tpNewsBox .new-entry-cards { margin: 16px 0 0 0;gap:16px; }
	#tpNewsBox .new-entry-cards>a { width:100%; }
	#tpNewsBox .new-entry-card-date,#tpNewsBox .post-date { font-size: 14px !important;font-weight:400; }
}
@media screen and (max-width:430px){
	#tpNewsBox h2 { margin:26px 0 0 0; }
}
@media screen and (max-width:320px){
	#tpNewsBox .widget-entry-card-title { font-size:15px; }
}


/************************************
** page 販売車両 一覧
************************************/

h1#archive-title { padding:0;line-height:1.7;font-size:32px; }
h1#archive-title span { display:none; }

.cat-label { font-size: 14px; }


.ect-vertical-card .entry-card-wrap {
	padding:10px 10px 10px 10px;
	background-color: #f8f8f8;
	border:3px solid #e7e7e7;
}

.entry-card-title { font-size:16px;padding:10px 4px 4px 0;line-height:1.5;font-weight:600; }
.entry-card-snippet{ display:none; }
.new-entry-card-date { display: block;font-size:14px;padding:0 0 0 7px; }

.cat-link { font-size:14px;padding: 3px 8px; }

@media screen and (max-width:1024px){
	body.archive main.main { padding:0 14px 25px 18px; }
}
@media screen and (max-width:768px){
	h1#archive-title { font-size:28px; }
}
@media screen and (max-width:640px){
	h1#archive-title { font-size:26px; }
}
@media screen and (max-width:540px){
	body.archive main.main { padding:0 12px 0 16px; }
	h1#archive-title { font-size:24px; }
}
@media screen and (max-width:480px){
	#list>a { width:100%; }
	h1#archive-title { font-size:22px;line-height:1.5; }
}


/************************************
** page 販売車両 詳細
************************************/

.single-post div.custom-html-widget table { border-collapse: separate;border-spacing:2px;border:1px solid #d6d6d6; }
.single-post div.custom-html-widget table th { width:190px;background-color:#ededed; }
.single-post div.custom-html-widget table td { text-align:center;background-color:#fdfdfd; }

.single-post div.custom-html-widget table th,
.single-post div.custom-html-widget table td { font-size:16px; }
.article .textwidget p { font-size:16px; }


@media screen and (max-width:1024px){
	#main h1.entry-title { padding-left:26px; }
	.entry-categories-tags{ padding-left:30px; }
}
@media screen and (max-width:834px){
	#main h1.entry-title { padding:0 20px 0 22px; }
	.entry-categories-tags{ padding-left:28px; }
}
@media screen and (max-width:768px){
	#main h1.entry-title { padding-bottom:0; }
	.single-post .entry-content img { padding:10px 0 25px 0; }
	.single-post div.custom-html-widget table { margin:20px 0 0 0; }
	.single-post div.custom-html-widget table th { width:34%; }
}
@media screen and (max-width:640px){

}
@media screen and (max-width:540px){
	.single-post div.custom-html-widget table { margin:15px 0; }
	.single-post div.custom-html-widget table th { display:block;width:100%; }
	.single-post div.custom-html-widget table td { display:block;width:100%;min-height:2.4em; }
}
@media screen and (max-width:430px){
	.single-post .entry-content img { padding:10px 0 15px 0; }
	#main h1.entry-title { padding:0 18px 0 18px; }
	.single-post div.custom-html-widget table th,
	.single-post div.custom-html-widget table td { padding:2px 0; }
	.article .textwidget p { font-size:14px; }
}


/************************************
** page お取引の流れ
************************************/

.article #flow h2.entry-title { margin:0 0 15px 0; }
#flow_sale { border-radius:8px;  }
#flow_const { border-radius:8px; }

/***ステップバーデザイン１***/
.step-wrap1 {
 counter-reset:count;
 margin: 2em 0;
 position: relative;
}
.step-content1 {
 padding: 0 0 1.6em 2.8em;
 margin: 0;
 position: relative;
}
.step-content1::before {
 content: "";
 display: block;
 width: 13px;
 height: 13px;
 background: #1779c6;
 border: solid 3px #ffffff;
 border-radius: 50%;
 position: absolute;
 top: 3px;
 left: 3px;
 box-shadow: 0 0 0 2px #6ab5a5;
}
.step-content1::after {
 content: "";
 display: block;
 height: calc(100% - 35px);
 border-left: dotted 5px #353f53;
 position: absolute;
 top: 30px;
 left: 10px;
}
.step-title1 h2 {
 font-weight: bold;
 font-size:180%;
 color:#1779c6;
padding-bottom:8px;
}
.article .step-body1 h3 {
 font-weight: bold;
 font-size:126%;
 color:#353f53;
}
.article .step-body1 p,.article .step-last p {
padding:0 0 1.2em 1.3em;
}

.step-label1 {
 color: #768888;
 font-weight: bold;
}
.step-label1::after {
 counter-increment:count;
 content:counter(count);
 position: relative;
 left: .3em;
}
.step-body1 {
 margin-top: .5em;
 padding: 0 0 1.8em;
 border-bottom: dotted 2px #c0c9dc;
}
.step-body1 img {
display:block;
margin:0 auto 25px auto;
border-radius:8px;
width:100%;
}
.step-wrap1 > :last-of-type::after {
 display: none;
}
.step-last { border-bottom:0;padding-bottom:0; }

@media screen and (max-width:540px){
	.article .step-body1 p, .article .step-last p { line-height:2.0;font-size:14px !important; }
}
@media screen and (max-width:480px){
	.step-title1 h2 { font-size:170%; }
	.article .step-body1 p, .article .step-last p { padding: 0 0 1.5em 0.9em; }
}
@media screen and (max-width:430px){
	.step-title1 h2 { font-size:160%; }
}
@media screen and (max-width:390px){
	.step-title1 h2 { font-size:150%; }
	.article .step-body1 p, .article .step-last p { padding: 0 0 1.4em 0.7em; }
}


/************************************
** page 会社案内
************************************/

.company_intro {
	margin:0 auto;
	max-width:860px!important;
}
.company_intro .ceo {
	font-size:1.14em;
	text-align:right;
	line-height:1.9;
}
.company_intro .ceo em {
	font-size:1.3em;
	margin-left:15px;
	color:#4c4d4e;
}

table.companytbl {
	max-width:100%;
	border-color: #fff;
}
	.companytbl th {
		width:30%;
		background-color:#F7F1DE;
		border:2px solid #fff;
		padding:8px 16px 8px 24px;
		font-size:14px;
	}
	.companytbl td {
		background-color:#f4f4f4;
		border:2px solid #fff;
		padding:8px 20px 8px 26px;
		font-size:14px;
	}
	.companytbl td ol,.companytbl td ul {
		margin:0 0 0 1em;
		padding:0;
	}

table.ucmptbl {
	max-width:100%;
	border-color: #fff;
}
	.ucmptbl th {
		width:auto;
		background-color:#F7F1DE;
		border:2px solid #fff;
		padding:8px 16px 8px 24px;
		font-size:14px;
	}
	.ucmptbl td {
		background-color:#f4f4f4;
		border:2px solid #fff;
		font-size:12px;
		padding:7px 10px 7px 10px;
		text-align:center;
	}
	.ucmptbl td ol,.ucmptbl td ul {
		margin:0 0 0 1em;
		padding:0;
	}
	table.ucmptbl tr:nth-child(even) td { background: #ececec; }

@media screen and (max-width:768px){
	.company_intro .ceo em { font-size:1.2em; }
	table.companytbl { width:100%;margin:0;padding:0; }
	.companytbl th,	.companytbl td { display:block;width:100%; }
}
@media screen and (max-width:640px){
	.txtsml { font-size:0.9em; }
	.company_intro .ceo em { font-size:1.16em; }
	.companytbl th,.companytbl td { padding:6px 10px 6px 20px; }
	.ucmptbl th,.ucmptbl td { padding:6px 10px 6px 10px; }
}
@media screen and (max-width:414px){
	.txtsml { font-size:0.86m; }
	.companytbl th,.companytbl td { padding:6px 6px 6px 14px; }
	.ucmptbl th,.ucmptbl td { padding:6px 8px 6px 8px; }
}
@media screen and (max-width:320px){
	.txtsml { font-size:11px; }
	.companytbl th,.companytbl td { font-size:11px; }
	.ucmptbl th,.ucmptbl td { font-size:11px; }
}

/************************************
** page アクセス
************************************/

.gglmap { padding:20px 0 0 0; }
.goGoogleMap { border-radius:6px; }


/************************************
** page お問い合わせ
************************************/

.contactInfo { background-color:#fffacd;text-align:center;padding:26px 0;font-size:1.2em; }
.contactInfo p { border-bottom:1px dotted #aaa;width:90%;margin:0 auto 16px auto; }
.contactInfo img { max-width:36%;margin:0 14px; }

@media screen and (max-width:640px){
	.contactInfo em a { display:block;line-height:1.0;font-size:30px;width:240px;margin:0 auto; }
	.contactInfo img { max-width:40%;margin:0 10px; }
	.contactInfo p { width:94%; }
}

@media screen and (max-width:540px){
	.contactInfo { margin-top:20px; }
	.contactInfo em a { font-size:30px; }
	.contactInfo img { max-width:68%;margin:0 auto;display:block;margin:6px auto; }
}
@media screen and (max-width:480px){
	.contactInfo em a { font-size:26px; }
	.contactInfo img { max-width:76%;margin:4px auto;  }
	td .inputNote { font-size:14px; }
}
@media screen and (max-width:320px){
	td .inputNote { font-size:12px; }
}

/************************************
** clear
************************************/

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