@charset "UTF-8";

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

INDEX

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


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

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

=基本項目

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

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

/* BODY基本設定 */
body {
  font-family: sans-serif;
  margin: 0;
  padding: 0;
  color: #333;
}
body: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;
}

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

/* ボディ */
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;
  }
}

/* 文字サイズ変更対応 */
body.fontsizeset1 input,
body.fontsizeset1 textarea,
body.fontsizeset1 select,
body.fontsizeset1 {
  font-size: 13px;
}
body.fontsizeset2 input,
body.fontsizeset2 textarea,
body.fontsizeset2 select,
body.fontsizeset2 {
  font-size: 14px;
}
body.fontsizeset3 input,
body.fontsizeset3 textarea,
body.fontsizeset3 select,
body.fontsizeset3 {
  font-size: 15px;
}
@media only screen and (min-width:768px){
  body.fontsizeset3 input,
  body.fontsizeset3 textarea,
  body.fontsizeset3 select,
  body.fontsizeset3 {
    font-size: 16px;
  }
}
@media only screen and (min-width:992px){
  body.fontsizeset3 input,
  body.fontsizeset3 textarea,
  body.fontsizeset3 select,
  body.fontsizeset3 {
    font-size: 18px;
  }
}

/* 最上部ミニヘッダー */
.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;
  }
}

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

=基本フォントスタイル

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

/* フォントスタイル：ゴシック */
.rectitle,
.vf-yakusyoku, .vf-nensu, .vf-copy,
.ewd-ufaq-faq-title-text h4{
  font-weight: normal;
  font-family: 'Noto Sans JP', 'メイリオ', '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: 'Noto Serif JP', 'ＭＳ Ｐ明朝', '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;
}


/* フォントスタイル */
.f-midashi{
  font-family: serif;
  font-weight: normal;
}
.f-mincho{
  font-family: 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: 'Noto Serif JP', 'ＭＳ Ｐ明朝', '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:#2689c8;
}
a:active{
  color:#2689c8;
}

@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;
  }
}

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

/* スペース調整 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; }


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

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

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

.my-element15 {
  --animate-duration: 1.5s;
}
.my-element20 {
  --animate-duration: 2s;
}
.my-element25 {
  --animate-duration: 2.5s;
}

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

/* 要素スライドアップ */
.myfadeup-in{
  opacity: 0;
}
.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-in{
  opacity: 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);
  }
}