@charset "UTF-8";

/* /////////////////////////////////////////////////////////////

INDEX

=基本項目
=飾り・段落・スペース調整
=アニメーション

///////////////////////////////////////////////////////////// */

/* ==============================================================

=基本項目

============================================================== */

/* 基本ベース
-------------------------------------------------------------- */

/* BODY基本設定 */
body {
	font-family: sans-serif;
	margin: 0;
	padding: 0;
	color: #3E3E3E;
  background-color: #f2f6f8;
  letter-spacing:0.1rem;
}
body:lang(ja) {
	/*font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Noto Sans Japanese', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;*/
	font-family: 'Zen Kaku Gothic Antique', 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Noto Sans Japanese', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-feature-settings: 'palt';
  font-weight: 500;
  font-style: normal;
}

b,
strong{
  font-weight: 700;
}

/* 基本フォントサイズ
-------------------------------------------------------------- */

/* ボディ */
input,
textarea,
select,
body {
	font-size: 14px;
}
@media only screen and (min-width:768px){
  input,
  textarea,
  select,
  body {
    font-size: 15px;
  }
}
@media only screen and (min-width:992px){
  input,
  textarea,
  select,
  body {
    font-size: 16px;
  }
}

/* 文字サイズ変更対応 */
.fontsizeset1 input,
.fontsizeset1 textarea,
.fontsizeset1 select,
body.fontsizeset1 {
	font-size: 14px;
}
.fontsizeset2 input,
.fontsizeset2 textarea,
.fontsizeset2 select,
body.fontsizeset2 {
	font-size: 13px;
}
.fontsizeset3 input,
.fontsizeset3 textarea,
.fontsizeset3 select,
body.fontsizeset3 {
	font-size: 15px;
}
.fontsizeset4 input,
.fontsizeset4 textarea,
.fontsizeset4 select,
body.fontsizeset4 {
	font-size: 16px;
}

/* 最上部ミニヘッダー */
.header-minititle,
.header-minititle .site-description,
.header-minititle .site-title,
.header-minititle .site-title a{
	font-size: 1em;
}
@media only screen and (max-width:599px){
  .header-minititle,
  .header-minititle .site-description,
  .header-minititle .site-title,
  .header-minititle .site-title a{
    font-size: 0.9em;
  }
}
@media only screen and (min-width:768px){
  .fontsizeset3 input,
  .fontsizeset3 textarea,
  .fontsizeset3 select,
  body.fontsizeset3 {
    font-size: 16px;
  }
  .fontsizeset4 input,
  .fontsizeset4 textarea,
  .fontsizeset4 select,
  body.fontsizeset4 {
    font-size: 18px;
  }
}
@media only screen and (min-width:992px){
  .fontsizeset3 input,
  .fontsizeset3 textarea,
  .fontsizeset3 select,
  body.fontsizeset3 {
    font-size: 18px;
  }
  .fontsizeset4 input,
  .fontsizeset4 textarea,
  .fontsizeset4 select,
  body.fontsizeset4 {
    font-size: 20px;
  }
}

/* ==============================================================

=基本フォントスタイル

============================================================== */

/* フォントスタイル：ゴシック */
.rectitle,
.vf-yakusyoku, .vf-nensu, .vf-copy,
.ewd-ufaq-faq-title-text h4{
  font-weight: normal;
  font-family: 'Zen Kaku Gothic Antique', 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Noto Sans Japanese', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-feature-settings: 'palt';
}

/* フォントスタイル：明朝 */
.vf-name, .vf-enname,
.noimg-text{
  font-weight: normal;
  font-family: 'Zen Old Mincho', 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif;
	font-feature-settings: 'palt';
}

/* フォントスタイル：Q&A */
.f-raleway,
.ewd-ufaq-faq-body::before,
.ewd-ufaq-faq-title-text h4::before{
  font-family: 'Raleway', sans-serif;
}


/* フォントスタイル */
/* 明朝系フォントの適用 */
.is-style-orgtitle,
.is-style-midashi00,
.is-style-midashi01,
.is-style-midashi02,
.is-style-vehicle,
.lineup-midashi,
.contact-link-sub h3,
.search .page-title,
.home-contop h2,
.megasub-tit,
.home-subtitle,
.home-subtitle01,
.home-subtitle02,
.h2-footwaku,
.entry-title-contents {
  font-family: 'FOT-筑紫Aオールド明朝 Pr6N D', serif;
	font-feature-settings: 'palt';
  font-weight: 500;
  font-style: normal;
}

/* ゴシック系フォントの適用 */
.main-menu,
.nav-menu,
.footwj-area .widget-footwj ul,
.saikabu-contact,
.top-kotei-link,
.is-style-btm-type1 {
	font-family: 'Zen Kaku Gothic Antique', 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Noto Sans Japanese', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-feature-settings: 'palt';
  font-weight: 500;
  font-style: normal;
}

.f-midashi{
	font-family: serif;
  font-weight: normal;
}
.f-mincho{
  font-family: "FOT-筑紫Aオールド明朝 Pr6N D",serif;
  font-weight: normal;
}
.f-gothic{
	font-family: sans-serif;
  font-weight: normal;
}
.f-fplusmds{
	font-family: sans-serif;
  font-weight: normal;
}

.f-midashi:lang(ja){
	font-family: 'Zen Kaku Gothic Antique', 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif;
	font-feature-settings: 'palt';
}
.f-mincho:lang(ja){
	/* font-family: 'Zen Old Mincho', 'ＭＳ Ｐ明朝', 'MS PMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', serif; */
  font-family: 'FOT-筑紫Aオールド明朝 Pr6N D', serif;
	font-feature-settings: 'palt';
  font-weight: 500;
  font-style: normal;
}
.f-gothic:lang(ja){
	font-family: 'Zen Kaku Gothic Antique', 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Noto Sans Japanese', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-feature-settings: 'palt';
  font-weight: 500;
  font-style: normal;
}
.f-fplusmds:lang(ja){
  font-family: 'NewRodinPro-DB', 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Noto Sans Japanese', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-feature-settings: 'palt';
}

/* マティス Pro L  */
.fontplus-mpl{
  font-family: 'FOT-マティス Pro L', 'MatissePro-L'!important;
  font-feature-settings: 'palt';
}
.fontplus-mpm{
  font-family: 'FOT-マティス Pro M', 'MatissePro-M'!important;
  font-feature-settings: 'palt';
}
.fontplus-mpdb{
  font-family: 'FOT-マティス Pro DB', 'MatissePro-DB'!important;
  font-feature-settings: 'palt';
}

/* ニューロダン Pro DB   */
.fontplus-nrdb{
  font-family: 'FOT-ニューロダン Pro DB', 'NewRodinPro-DB'!important;
  font-feature-settings: 'palt';
}

/* スキップ Std M   */
.fontplus-ssm{
  font-family: 'FOT-スキップ Std M', 'SkipStd-M'!important;
  font-feature-settings: 'palt';
}

/* スキップ ProN B */
.fontplus-spnb{
  font-family: 'FOT-スキップ ProN B', 'SkipStd-B'!important;
  font-feature-settings: 'palt';
}



/* 基本フォーマット
-------------------------------------------------------------- */

/* 背景カラー設定時余白 */
h1.has-background, h2.has-background, h3.has-background, h4.has-background, h5.has-background, h6.has-background {
	padding: 0.5em 0.5em;
}

/* 段落：基本 */
.site-content p{
	margin:0.5em 0 0.8em 0;
	line-height:1.8;
}

/* リストマーク：基本 */
.site-content ol,
.site-content ul{
	margin:0.5em 0;
	padding: 0 0 0 1.2em;
}

.site-content ol.is-style-default,
.site-content ul.is-style-default,
.site-content ul.ul-normal,
.site-content ol:not([class]),
.site-content ul:not([class]){
  margin-left: 1.1em;
}
.site-content li{
	line-height:1.8;
}

/* 基本リンクスタイル
-------------------------------------------------------------- */

/* リンクカラー */
a{
  text-decoration: none;
}
a:link{
  color:#777777;
}
a:visited{
  color:#777777;
}
a:hover{
	color:#2678E6;
}
a:active{
  color:#2678E6;
}

@media only screen and (min-width:768px){
	/* TELリンク無効 */
	a[href^="tel:"] {
		pointer-events: none;
	}
}

/* ==============================================================

=飾り・段落・スペース調整

============================================================== */

/* ギャラリー調整
-------------------------------------------------------------- */

figure.wp-block-gallery{
  display: flex;
  flex-wrap: wrap;
}

/* ブロック調整
-------------------------------------------------------------- */

/* 回り込み解除 */
*{
	margin:0;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* インラインブロック要素へ変更 */
.il-block{
	display: inline-block;
	vertical-align: top;
}
ul.il-block-li{
  padding: 0;
}
ul.il-block-li li{
  display: inline-block;
  margin-right: 1em;
}

/* 要素をセンター揃えに変更 */
.block-center{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
/* 要素をセンター揃えに変更 */
.block-right{
	text-align: right;
	margin-left: auto;
	margin-right: 0;
}

/* 要素飾り
-------------------------------------------------------------- */

/* 要素飾り-ライン1：ノーマル */
.myline-bottom-s{
	border-bottom: solid 1px #aaa;
	padding-bottom: 0.3em;
}

/* 要素飾り-ライン1：ドット */
.myline-bottom-d{
	border-bottom: dotted 1px #aaa;
	padding-bottom: 0.3em;
}

/* 要素飾り-左ライン */
.myline-left{
	border-left: solid 0.3em #ccc;
	padding-left: 0.2em;
}

/* 角丸設定 */
.corners-03{
	border-radius: 3px;
}
.corners-05{
	border-radius: 5px;
}
.corners-10{
	border-radius: 10px;
}

/* 画像ライン入れ */
.img-line img{
	border:solid 1px #ccc;
  box-sizing: border-box;
}

/* バナーライン */
.bn-line img{
	border:solid 1px #ccc;
	margin-bottom: 1em;
  box-sizing: border-box;
}


/* 改行・センター調整
-------------------------------------------------------------- */

@media only screen and (max-width:767px){
  .pc-view{
    display: none!important;
  }
}
@media only screen and (min-width:768px){
  .mb-view{
    display: none!important;
  }
}

/* 改行・センター調整
-------------------------------------------------------------- */

@media only screen and (max-width:991px){
	.mb-kaigyo br{
		display:block;
	}
  .pc-kaigyo br{
		display:none;
	}
	.mb-center{
		text-align: center;
	}
}
@media only screen and (max-width:767px){
	.tb-kaigyo br{
		display:block;
	}
	.pc-center{
		text-align: left;
	}
  .pc-center br{
		display:none;
	}
}
@media only screen and (max-width:599px){
	.sp-kaigyo br{
		display:block;
	}
}
@media only screen and (min-width:600px){
  .sp-kaigyo br{
		display:none;
	}
}
@media only screen and (min-width:768px){
  .tb-kaigyo br{
		display:none;
	}
	.pc-center{
		text-align: center;
	}
}
@media only screen and (min-width:992px){
	.mb-kaigyo br{
		display:none;
	}
	.pc-kaigyo br{
		display:block;
	}
}

/* スペース調整
-------------------------------------------------------------- */

/* スペース調整 em */
.top-02em{ margin-top:0.2em; }
.top-03em{ margin-top:0.3em; }
.top-05em{ margin-top:0.5em; }
.top-10em{ margin-top:1em; }
.top-15em{ margin-top:1.5em; }
.top-20em{ margin-top:2em; }
.bottom-02em{ margin-bottom:0.2em; }
.bottom-03em{ margin-bottom:0.3em; }
.bottom-05em{ margin-bottom:0.5em; }
.bottom-10em{ margin-bottom:1em; }
.bottom-15em{ margin-bottom:1.5em; }
.bottom-20em{ margin-bottom:2em; }
.left-02em{ margin-left:0.2em; }
.left-03em{ margin-left:0.3em; }
.left-05em{ margin-left:0.5em; }
.left-10em{ margin-left:1em; }
.left-15em{ margin-left:1.5em; }
.left-20em{ margin-left:2em; }
.right-02em{ margin-right:0.2em; }
.right-03em{ margin-right:0.3em; }
.right-05em{ margin-right:0.5em; }
.right-10em{ margin-right:1em; }
.right-15em{ margin-right:1.5em; }
.right-20em{ margin-right:2em; }

/* スペース調整 px */
.top-00{ margin-top:0; }
.top-05{ margin-top:5px; }
.top-10{ margin-top:10px; }
.top-15{ margin-top:15px; }
.top-20{ margin-top:20px; }
.top-25{ margin-top:25px; }
.top-30{ margin-top:30px; }
.bottom-00{ margin-bottom:0; }
.bottom-05{ margin-bottom:5px; }
.bottom-10{ margin-bottom:10px; }
.bottom-15{ margin-bottom:15px; }
.bottom-20{ margin-bottom:20px; }
.bottom-25{ margin-bottom:25px; }
.bottom-30{ margin-bottom:30px; }
.right-00{ margin-right:0; }
.right-05{ margin-right:5px; }
.right-10{ margin-right:10px; }
.right-15{ margin-right:15px; }
.right-20{ margin-right:20px; }
.right-25{ margin-right:25px; }
.right-30{ margin-right:30px; }
.left-00{ margin-left:0; }
.left-05{ margin-left:5px; }
.left-10{ margin-left:10px; }
.left-15{ margin-left:15px; }
.left-20{ margin-left:20px; }
.left-25{ margin-left:25px; }
.left-30{ margin-left:30px; }

/* パディング位置設定 */
.top-p00{ padding-top:0; }
.top-p10{ padding-top:10px; }
.top-p15{ padding-top:15px; }
.top-p20{ padding-top:20px; }
.top-p25{ padding-top:25px; }
.top-p30{ padding-top:30px; }
.bottom-p00{ padding-bottom:0; }
.bottom-p10{ padding-bottom:10px; }
.bottom-p15{ padding-bottom:15px; }
.bottom-p20{ padding-bottom:20px; }
.bottom-p25{ padding-bottom:25px; }
.bottom-p30{ padding-bottom:30px; }
.left-p00{ padding-left:0; }
.left-p10{ padding-left:10px; }
.left-p15{ padding-left:15px; }
.left-p20{ padding-left:20px; }
.left-p25{ padding-left:25px; }
.left-p30{ padding-left:30px; }
.right-p00{ padding-right:0; }
.right-p10{ padding-right:10px; }
.right-p15{ padding-right:15px; }
.right-p20{ padding-right:20px; }
.right-p25{ padding-right:25px; }
.right-p30{ padding-right:30px; }

/* ポジション位置設定：基本 */
.pos-relative{
	position: relative;
}
.pos-tr{
	position: absolute;
	top:0;
	right: 0;
}
.pos-tl{
	position: absolute;
	top:0;
	left: 0;
}
.pos-br{
	position: absolute;
	bottom:0;
	right: 0;
}
.pos-bl{
	position: absolute;
	bottom:0;
	left: 0;
}
.pos-cc{
	position: absolute;
	width:100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
}
.pos-lc{
	position: absolute;
	width:100%;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.pos-rc{
	position: absolute;
	width:100%;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

/* ポジション位置設定：トップ */
.pstop10{ top:10px; }
.pstop15{ top:15px; }
.pstop20{ top:20px; }
.pstop25{ top:25px; }
.pstop30{ top:30px; }
.pstop35{ top:35px; }
.pstop40{ top:40px; }
.pstop45{ top:45px; }
.pstop50{ top:50px; }
.pstop10p{ top:10%; }
.pstop15p{ top:15%; }
.pstop20p{ top:20%; }
.pstop25p{ top:25%; }
.pstop30p{ top:30%; }
.pstop35p{ top:35%; }
.pstop40p{ top:40%; }
.pstop45p{ top:45%; }
.pstop50p{ top:50%; }

/* ポジション位置設定：ボトム */
.psbottom10{ bottom:10px; }
.psbottom15{ bottom:15px; }
.psbottom20{ bottom:20px; }
.psbottom25{ bottom:25px; }
.psbottom30{ bottom:30px; }
.psbottom35{ bottom:35px; }
.psbottom40{ bottom:40px; }
.psbottom45{ bottom:45px; }
.psbottom50{ bottom:50px; }
.psbottom10p{ bottom:10%; }
.psbottom15p{ bottom:15%; }
.psbottom20p{ bottom:20%; }
.psbottom25p{ bottom:25%; }
.psbottom30p{ bottom:30%; }
.psbottom35p{ bottom:35%; }
.psbottom40p{ bottom:40%; }
.psbottom45p{ bottom:45%; }
.psbottom50p{ bottom:50%; }

/* ポジション位置設定：レフト */
.psleft10{ left:10px; }
.psleft15{ left:15px; }
.psleft20{ left:20px; }
.psleft25{ left:25px; }
.psleft30{ left:30px; }
.psleft10p{ left:10%; }
.psleft15p{ left:15%; }
.psleft20p{ left:20%; }
.psleft25p{ left:25%; }
.psleft30p{ left:30%; }

/* ポジション位置設定：トライト */
.psright10{ right:10px; }
.psright15{ right:15px; }
.psright20{ right:20px; }
.psright25{ right:25px; }
.psright30{ right:30px; }
.psright10p{ right:10%; }
.psright15p{ right:15%; }
.psright20p{ right:20%; }
.psright25p{ right:25%; }
.psright30p{ right:30%; }

/* カラム：gap */

.clm-gap10{
  gap:10px!important;
}

/* ==============================================================

=アニメーション（スタイルエディターには未記述）

============================================================== */

/* 要素フェードイン */
.dmfade{
	opacity: 0;
	animation: dmfadeIn 1s ease 0.2s 1 normal forwards;
}
@keyframes dmfadeIn{
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

/* 要素スライドアップ */
.myfadeup {
  opacity: 0;
  animation: myfadeup 0.8s ease-in forwards;
}
 
@keyframes myfadeup {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* 要素スライドダウン */
.myfadedown {
  opacity: 0;
  animation: myfadedown 0.8s ease-in forwards;
}
 
@keyframes myfadedown {
  from {
    opacity: 0;
    transform: translateY(-30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


