@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
/* ------------------------------
リセット
------------------------------ */
* {
border:0;
margin:0;
/* outline:0; */
padding:0;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
box-sizing:border-box;
font:inherit;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
text-decoration:none;
vertical-align:baseline;
}
html {font-size:62.5%; width:100%; height:100%;}
body {
font-size:10px;
font-size:1.0rem;
line-height:1;
position:relative;
text-align:center;
-webkit-text-size-adjust:100%;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
width:100%;
height:100%;
}
article, aside, dialog, figure, footer, header, main, menu, nav, section {display:block;}
audio, canvas, video {display:inline-block;}
hr {display:block;}
ol, ul {list-style:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:""; content:none;}
input, select {vertical-align:middle;}
table {border-collapse:collapse; border-spacing:0; empty-cells:show;}
/* ------------------------------
サイト全体
------------------------------ */
html, body {
margin: 0 auto;
color: #000000;
font-family: 'Noto Sans Japanese', "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", Arial, sans-serif;
line-height: 1.75;
font-weight: 300;
word-wrap: break-word;
-webkit-text-size-adjust: 100%;
}
.site {
overflow: hidden;
width: 100%;
margin: 0;
padding: 0;
font-size: 1.6rem;
line-height: 1.75;
}
img {
max-width: 100%;
height: auto;
vertical-align: bottom;
}
.cf:after {
content: "";
clear: both;
display: block;
}
.fl { float: left; }
.fr { float: right; }
.tal { text-align: left !important; }
.tac { text-align: center !important; }
.tar { text-align: right !important; }
.vat { vertical-align: top; }
.vam { vertical-align: middle; }
.vab { vertical-align: bottom; }
strong { font-weight: bold; }
.bold { font-weight: 500; }
.nobold { font-weight: 500 !important; }
.auto {
margin-left: auto;
margin-right: auto;
}
input.none { display:none; }
.child { break-inside:avoid; }
/* 行スペース */
.t1 { margin-top: 1.75em; }
.b1 { margin-bottom: 1.75em; }
.b2 { margin-bottom: 3.5em; }
.b3 { margin-bottom: 5.25em; }
/* スペース */
.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt80 { margin-top: 80px !important; }
.mb0 { margin-bottom: 0 !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb80 { margin-bottom: 80px !important; }
.mb100 { margin-bottom: 100px !important; }
.ml0 { margin-left: 0 !important; }
.ml5 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml20 { margin-left: 20px !important; }
.ml50 { margin-left: 50px !important; }
.ml2rem { margin-left: 2rem !important; }
.mr0 { margin-right: 0 !important; }
.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr20 { margin-right: 20px !important; }
.nopd { padding: 0 !important; }
/* リンク */
a {
color: #000000;
text-decoration: none;
}
a:focus {
outline: 0;
}
.newsBlock a[target="_blank"]::after,
.contents a[target="_blank"]::after,
.contentsWide a[target="_blank"]::after {
content: "";
display: inline-block;
width: 14px;
height: 14px;
margin: 0 8px 3px;
background: url(../img/icon_blank.svg) no-repeat 0 0 / cover;
vertical-align: middle;
}
.contentsWide a.fb-share-button[target="_blank"]::after {
content: none;
}
.wp-block-text a {
color: #164A91;
text-decoration: underline;
}
.wp-block-text .cms_pdf a {
color: #000000;
}
a.cms_inner_blank {
text-decoration: underline;
}
.link-arrow {
position: relative;
padding-left: 22px;
}
.link-arrow a {
color: #164A91;
}
.link-arrow a::before {
content: "";
display: block;
width: 16px;
height: 16px;
margin: 0 8px 2px 0;
background: url(../img/icon_arrow.svg) no-repeat 0 0 / cover;
position: absolute;
left: 0;
top: 7px;
}
a .img_hover {
overflow: hidden;
display: block;
position: relative;
width: 100%;
height: 100%;
}
a .img_hover img {
display: block;
transition-duration: 0.5s;
overflow: hidden;
display: block;
width: 100%;
}
a:hover .img_hover img {
opacity: 1;
overflow: hidden;
transform: scale(1.05);
transition-duration: 0.5s;
}
/* カラー */
.red { color: #BE2D1C; }
.blue { color: #164A91; }
.navy { color: #0d2c4f; }
.gray { color: #8a8a90; }
/* .gold { color: #b5a14c; } */
/* フォントサイズ */
.f11 { font-size: 1.1rem; }
.f12 { font-size: 1.2rem; }
.f13 { font-size: 1.3rem; }
.small, small,
.f14 { font-size: 1.4rem; }
.f15 { font-size: 1.5rem; }
.f16 { font-size: 1.6rem; }
.big,
.f18 { font-size: 1.8rem; }
.f19 { font-size: 1.9rem; }
.f20 { font-size: 2rem; }
.f21 { font-size: 2.1rem; }
.f23 { font-size: 2.3rem; }
.f24 { font-size: 2.4rem; }
.f25 { font-size: 2.5rem; }
.f26 { font-size: 2.6rem; }
/* 上付き */
sup {
font-size: 1.3rem;
vertical-align:top;
}
/* 下付き */
sub {
font-size: 1.3rem;
vertical-align:bottom;
}
/* 強調 */
em { font-style: italic; }
/* 打消し */
del { text-decoration: line-through; }
/* 引用・転用 */
blockquote { margin: 1em 3em; }
/* 非表示 */
.hide { display: none; }
/* インラインブロック */
.inline-block {
display: inline-block;
}
/* インデント */
.ti1c {
padding-left: 1em;
text-indent: -1em;
}
.ti1hc {
padding-left: 1.6em;
text-indent: -1.6em;
}
.ti2c {
padding-left: 2em;
text-indent: -2em;
}
.ti3c {
padding-left: 3em;
text-indent: -3em;
}
.ti4c {
padding-left: 4em;
text-indent: -4em;
}
.ti5c {
padding-left: 5em;
text-indent: -5em;
}
/* 乗算 */
.multiply {
mix-blend-mode:multiply;
}
/* ------------------------------
サイト全体（PC）
------------------------------ */
@media print, screen and (min-width: 768px) {
html, body {
min-width: 1240px;
}
.site {
min-width: 1240px;
}
.pc { display: block !important; }
.sp { display: none !important;}
.pc_tal { text-align: left; }
.pc_tac { text-align: center; }
.pc_tar { text-align: right; }
.pc_bold { font-weight: bold;}
.pc_nobr br { display: none; }
/* スペース */
.pc_mt20 { margin-top: 20px !important }
.pc_mt10 { margin-top: 10px !important }
.pc_mt5 { margin-top: 5px !important }
.pc_mb0 { margin-bottom: 0 !important }
.pc_mb10 { margin-bottom: 10px !important; }
.pc_mb20 { margin-bottom: 20px !important; }
.pc_mb25 { margin-bottom: 25px !important; }
.pc_mb30 { margin-bottom: 30px !important; }
.pc_mb40 { margin-bottom: 40px !important; }
.pc_mb50 { margin-bottom: 50px !important; }
.pc_mb60 { margin-bottom: 60px !important; }
.pc_mb80 { margin-bottom: 80px !important; }
.pc_mb100 { margin-bottom: 100px !important; }
.pc_mr0 { margin-right: 0 !important; }
.pc_mr10 { margin-right: 10px !important; }
/* TEL Link */
a[href^="tel:"] {
color: #000000;
text-decoration: none;
pointer-events: none;
cursor: default;
}
/* PCのみブロック */
.pc_block {
display: block;
}
/* PCのみインラインブロック */
.pc_inline-block {
display: inline-block;
}
}
/* ------------------------------
サイト全体（SP）
------------------------------ */
@media screen and (max-width: 767px) {
html, body {
min-width: 100%;
max-width: 100%;
}
body {
background: #fff url(../img/body_bg_sp.png) no-repeat center 0 / 100% auto;
}
.site {
min-width: 320px;
}
.pc { display: none !important; }
.sp { display: block !important; }
.sp_db { display: block !important; }
.sp_tac { text-align: center !important; }
.sp_tal { text-align: left !important; }
.sp_nobr br { display: none; }
.fl, .fr { float: none; }
/* スペース */
.mt80 { margin-top: 50px !important; }
.mb15 { margin-bottom: 10px !important; }
.mb20 { margin-bottom: 15px !important; }
.mb25 { margin-bottom: 15px !important; }
.mb30 { margin-bottom: 20px !important; }
.mb35 { margin-bottom: 20px !important; }
.mb40 { margin-bottom: 25px !important; }
.mb50 { margin-bottom: 30px !important; }
.mb60 { margin-bottom: 40px !important; }
.mb70 { margin-bottom: 45px !important; }
.mb80 { margin-bottom: 50px !important; }
.mb100 { margin-bottom: 60px !important; }
.sp_mt10 { margin-top: 10px !important; }
.sb_mt-30 { margin-top: -30px !important; }
.sp_mb0 { margin-bottom: 0 !important; }
.sp_mb5 { margin-bottom: 5px !important; }
.sp_mb10 { margin-bottom: 10px !important; }
.sp_mb15 { margin-bottom: 15px !important; }
.sp_mb20 { margin-bottom: 20px !important; }
.sp_mb25 { margin-bottom: 25px !important; }
.sp_mb30 { margin-bottom: 30px !important; }
.sp_mb40 { margin-bottom: 40px !important; }
.sp_mb50 { margin-bottom: 50px !important; }
.sp_mb60 { margin-bottom: 60px !important; }
.sp_ml2em { margin-left: 2rem !important; }
.sp_mr0 { margin-right: 0 !important; }
/* フォントサイズ */
.f11 { font-size: 1.1rem; }
.f12 { font-size: 1.2rem; }
.f13 { font-size: 1.3rem; }
.small, small,
.f14 { font-size: 1.4rem; }
.f15 { font-size: 1.5rem; }
.f16 { font-size: 1.6rem; }
.big,
.f18 { font-size: 1.7rem; }
.f19 { font-size: 1.7rem; }
.f20 { font-size: 1.7rem; }
.f21 { font-size: 1.8rem; }
.f22 { font-size: 1.9rem; }
.f23 { font-size: 1.9rem; }
.f24 { font-size: 1.9rem; }
.f25 { font-size: 2.1rem; }
.f26 { font-size: 2.2rem; }
.nobr br { display: none; }
/* PCのみインラインブロックのスマホ表示 */
.pc_inline-block {
display: block;
margin-bottom: 5px;
}
/* spのみインラインブロック */
.sp_inline-block {
display: inline-block;
}
}
/* ------------------------------
ヘッダー
------------------------------ */
.header {
display: block;
position: fixed;
z-index: 1000;
width: 100%;
height: 105px;
margin: 0;
padding: 0;
font-weight: 500;
}
.headerBlock {
width: 100%;
text-align: left;
background-color: #fff;
border-bottom: 1px solid #EEF0F2;
}
.headerBlock.is-before-scrolled {
box-shadow: rgba(0,0,0,.2) 0 3px 5px -5px;
}
/* ロゴ */
.logoBox {
display: flex;
align-items: center;
width: auto;
}
.logoBox > a {
display: inline-block;
}
.logoBox > a > img {
width: 345px;
height: 44px;
}
/* ボタン */
.btnBox {
display: flex;
}
.btnBox > a {
display: grid;
justify-content: center;
align-items: center;
text-align: center;
align-content: center;
}
.btnBox .contact {
color: #000000;
background-color: #F6FA2D;
}
.btnBox .contact::before {
content: "";
display: block;
width: 26px;
height: 20px;
margin: 0 auto 6px;
background: url(../img/icon_mail.svg) no-repeat 0 0 / cover;
}
.btnBox .contact span {
display: block;
}
/* お電話でのお問合せ */
.tel {
font-size: 1.1rem;
}
.tel a {
font-size: 1.3rem;
}
.tel a span {
font-size: 2.5rem;
font-weight: bold;
color: #164A91;
vertical-align: middle;
margin: 0 8px;
}
.tel a span::before {
content: "";
display: inline-block;
width: 14px;
height: 19px;
margin: 0 4px 6px;
background: url(../img/icon_tel.svg) no-repeat 0 0 / cover;
vertical-align: middle;
}
.tel {
font-size: 1.1rem;
}
.contactTel a span {
font-size: 3rem;
font-weight: bold;
color: #164A91;
vertical-align: middle;
}
.contactTel a span::before {
content: "";
display: inline-block;
width: 18px;
height: 25px;
margin: 0 4px 4px;
background: url(../img/icon_tel.svg) no-repeat 0 0 / cover;
vertical-align: middle;
}
/* ------------------------------
ヘッダー（PC）
------------------------------ */
@media print, screen and (min-width: 768px) {
.header {
min-width: 1240px;
}
.headerBlock {
display: flex;
justify-content: space-between;
height: 105px;
padding: 0 40px;
}
/* ロゴ */
.logoBox {
height: 105px;
}
.logoBox > a {
transition: .3s ease-in-out;
}
.logoBox > a:hover {
opacity: .7;
}
.slidemenu-btn,
.btn-submenu-toggle {
display: none !important;
}
/* グローバルナビ */
.headerBlock .gnav {
display: flex;
flex-direction: column;
align-items: flex-end;
width: auto;
margin: 10px 100px 0 0;
}
.headerBlock .gnav > ul {
order: 2;
}
.headerBlock .gnav .tel {
order: 1;
}
/* グローバルナビメニュー */
.headerBlock .gnav > ul {
display: flex;
align-items: center;
width: auto;
margin-top: 5px;
}
.headerBlock .gnav > ul > li {
transition: .3s ease-in-out;
}
.headerBlock .gnav > ul > li:not(:last-child) {
margin-right: 2em;
}
.headerBlock .gnav > ul > li > p > a {
display: flex;
position: relative;
height: 46px;
color: #000000;
transition: .3s ease-in-out;
font-size: 1.8rem;
}
.headerBlock .gnav > ul > li:hover > p > a,
.headerBlock .gnav > ul > li.on > p > a {
color: #164A91;
}
.headerBlock .gnav > ul > li > p > a:before {
content: "";
visibility: hidden;
opacity: 0;
position: absolute;
bottom: 2px;
width: 100%;
height: 5px;
background: #164A91;
transition: .2s ease-out;
}
.headerBlock .gnav > ul > li:hover > p > a:before,
.headerBlock .gnav > ul > li.on p > a:before {
visibility: visible;
opacity: 1;
bottom: 0;
}
/* ボタン */
.btnBox {
column-gap: 16px;
position: absolute;
top: 0;
right: 0;
}
.btnBox > a {
width: 105px;
height: 105px;
transition: .3s ease-in-out;
}
.btnBox > a:hover {
opacity: .7;
}
/* お電話でのお問合せ */
.tel {
font-size: 1.1rem;
display: flex;
align-items: center;
}
}
/* ------------------------------
ヘッダー（SP）
------------------------------ */
@media screen and (max-width: 767px) {
.header {
height: 50px;
}
.headerBlock {
height: 50px;
}
.page-open-slidemenu .headerBlock {
background-color: #fff;
}
.logoBlock {
position: relative;
top: 0;
left: 0;
z-index: 10;
width: 100%;
height: 50px;
}
/* ロゴ */
.logoBox {
height: 50px;
padding-left: 2%;
border-bottom: 1px solid #EEF0F2;
}
.page-open-slidemenu .logoBox,
.headerBlock.is-before-scrolled .logoBox {
background-color: #fff;
}
.logoBox > a {
width: 230px;
line-height: 1;
}
.logoBox > a > img {
width: 230px;
}
.logoBox p {
margin-left: 14px;
font-size: 1.4rem;
}
/* グローバルナビ 開閉ボタン */
.slidemenu-btn {
display: block;
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 50px;
background-color: #0D2A54;
}
.menu-icon,
.menu-icon:before,
.menu-icon:after {
display: block;
position: absolute;
width: 18px;
height: 1px;
background: #fff;
}
.menu-icon:before,
.menu-icon:after {
transition: color .25s ease;
}
.page-open-slidemenu .menu-icon:before,
.page-open-slidemenu .menu-icon:after {
background: #fff;
}
.menu-icon:before,
.menu-icon:after {
content: "";
transform-origin: 50% 50%;
}
.menu-icon {
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
transition: all .25s ease-out;
}
.menu-icon:before {
top: -7px;
transition: transform .1s ease-out;
}
.menu-icon:after {
bottom: -7px;
transition: transform .1s ease-out;
}
.page-open-slidemenu .menu-icon {
background: transparent;
}
.page-open-slidemenu .menu-icon:before {
transform: translateY(7px) rotate(45deg);
transition: transform .1s ease-out .25s;
}
.page-open-slidemenu .menu-icon:after {
transform: translateY(-7px) rotate(-45deg);
transition: transform .1s ease-out .25s;
}
/* グローバルナビ */
.headerBlock .gnav {
overflow-y: auto;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 50px 0 0;
background-color: #fff;
transform: translateY(-100%);
transition: transform .3s ease-in-out;
}
/* グローバルナビオープン */
.page-open-slidemenu .headerBlock .gnav {
overflow: auto;
top: 0;
transform: translateY(0);
}
.page-open-slidemenu .headerBlock .gnav > ul > li {
position: relative;
text-align: left;
z-index: 1;
}
.page-open-slidemenu .headerBlock .gnav > ul > li > p {
position: relative;
}
.page-open-slidemenu .headerBlock .gnav > ul > li > p > .btn-submenu-toggle {
position: absolute;
}
/* グローバルナビ メニュー */
.headerBlock .gnav > ul {
margin-bottom: 30px;
}
.headerBlock .gnav > ul > li {
position: relative;
text-align: left;
z-index: 3;
width: 100%;
border-bottom: 1px dotted #536980;
}
.headerBlock .gnav > ul > li > p > a {
display: block;
position: relative;
width: 100%;
padding: 20px;
color: #000000;
}
.headerBlock .gnav > ul > li > ul {
position: relative;
overflow: hidden;
display: none;
margin-top: -10px;
padding-bottom: 20px;
}
.headerBlock .gnav > ul > li > ul > li:not(:last-child) {
margin-bottom: 6px;
}
.headerBlock .gnav > ul > li > ul > li > a {
display: block;
position: relative;
color: #6c7889;
font-weight: bold;
}
.headerBlock .gnav > ul > li > ul > li > a img {
display: none;
}
.headerBlock .gnav > ul > li > ul > li > a p::after {
content: "";
display: inline-block;
width: 6px;
height: 6px;
margin: 0 0 3px 5px;
border: 0;
border-top: solid 1px #6c7889;
border-right: solid 1px #6c7889;
transform: rotate(45deg);
}
.headerBlock .gnav > ul > li.sp {
border-bottom: none;
background: #F2F5F6;
padding-top: 30px;
}
.headerBlock .gnav .contact {
background: #F6FA2D;
text-align: center;
}
.headerBlock .gnav .contact::before {
content: "";
display: inline-block;
width: 17px;
height: 13px;
margin-right: 7px;
vertical-align: -1px;
background: url(../img/icon_mail.svg) no-repeat 0 0 / cover;
}
/* トグルボタン */
.btn-submenu-toggle {
display: block;
position: absolute;
top: 0;
bottom: 0;
right: 2px;
z-index: 10;
width: 22px;
height: 22px;
margin: auto 0;
border-radius: 50%;
background-color: #164A91;
}
.btn-submenu-toggle:before,
.btn-submenu-toggle:after {
content: "";
position: absolute;
display: block;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
background-color: #fff;
transition: background-color .2s ease-in-out;
}
.btn-submenu-toggle:before {
width: 2px;
height: 10px;
}
.btn-submenu-toggle:after {
width: 10px;
height: 2px;
}
.is-open .btn-submenu-toggle:before {
background-color: transparent;
}
.is-open .btn-submenu-toggle:after {
background-color: #fff;
}
/* ボタン */
.btnBox {
flex-direction: column;
align-items: center;
row-gap: 24px;
padding-bottom: 110px;
}
.btnBox .contact {
right: 50px;
position: absolute;
top: 0;
z-index: 99;
width: 50px;
height: 50px;
}
.btnBox .contact span {
display: none;
}
.btnBox .contact::before {
width: 20px;
height: 14px;
margin: 0 auto ;
}
.tel {
text-align: center;
}
.tel a span {
font-size: 3rem;
display: block;
margin: auto;
}
.tel a span::before {
width: 18px;
height: 26px;
margin: 0 7px 5px 0;
}
.contactTel a span {
font-size: 2.8rem;
}
}
/* ------------------------------
コンテンツ
------------------------------ */
.contentsHome,
.contents,
.contentsWide,
.contentsNews {
position: relative;
width: 100%;
text-align: left;
}
/* 横幅1140px */
.inBlock {
text-align: left;
}
/* 背景あり */
.bgBlock {
background-color: #F2F5F6;
}
.inBlock .bgBlock {
padding: 50px 70px;
border-radius: 10px;
}
/* 入力 */
.contents > .inBlock,
.contentsWide > .inBlock {
position: relative;
}
/* ------------------------------
コンテンツ（PC）
------------------------------ */
@media print, screen and (min-width: 768px) {
.menu-layer {
display: none;
}
.contentsHome,
.contents,
.contentsWide,
.contentsNews {
min-width: 1240px;
margin: 105px auto;
}
.contentsHome {
margin: 0 auto ;
}
/* 横幅1140px */
.inBlock {
width: 1140px;
margin-left: auto;
margin-right: auto;
}
.contents .inBlock::after {
content: "";
display: block;
clear: both;
}
/* Wideの場合 */
.contentsWide > .inBlock {
width: 100%;
}
.contentsWide > .inBlock > .wp-block-group {
width: 1140px;
margin-left: auto;
margin-right: auto;
}
.contentsWide > .inBlock > .wp-block-group.wide {
width: 100%;
}
.contentsWide > .inBlock > .wp-block-group.wide .wp-block-text {
width: 1140px;
margin-left: auto;
margin-right: auto;
}
/* メイン・サイド */
.mainContents {
width: 826px;
float: left;
}
.sideContents {
width: 260px;
float: right;
}
}
/* ------------------------------
コンテンツ（SP）
------------------------------ */
@media screen and (max-width: 767px) {
#bggr {
position: relative;
z-index: 1;
}
.menu-layer {
visibility: hidden;
opacity: 0;
position: absolute;
top: 0;
left: 0;
z-index: 10;
width: 100%;
height: 100%;
transition: visibility 0s step-start .3s, opacity .3s ease-in-out;
background-color: rgba(255,255,255,1);
}
.page-open-slidemenu .menu-layer {
visibility: visible;
opacity: 1;
}
.page-open-slidemenu {
overflow: hidden;
position: fixed;
}
.contentsHome,
.contents,
.contentsWide {
min-width: 320px;
margin: 0 0 80px;
}
.contentsHome {
margin: 0;
}
/* 入力 */
.contents > .inBlock {
width: 90%;
margin-left: 5%;
margin-right: 5%;
}
/* 背景あり */
.inBlock .bgBlock {
padding: 30px 5%;
}
.inBlock .bgBlock .f20 {
font-size: 1.5rem;
}
/* Wideの場合 */
.contentsWide > .inBlock {
width: 100%;
}
.contentsWide > .inBlock > .wp-block-group {
width: 90%;
margin-left: 5%;
margin-right: 5%;
}
.contentsWide > .inBlock > .wp-block-group.wide {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.contentsHome .inBlock {
width: 90%;
margin-left: 5%;
margin-right: 5%;
}
.mainContents {
margin-bottom: 60px;
}
}
/* ------------------------------
パンくず（PC）
------------------------------ */
@media print, screen and (min-width: 768px) {
.crumb {
width: 1140px;
margin: 235px auto 90px;
text-align: left;
}
.crumb p {
color: #606060;
font-size: 1.5rem;
line-height: 1;
text-align: right;
}
.contents .crumb a,
.contentsWide .crumb a {
text-decoration: none;
}
.crumb a::after {
content: "＞";
display: inline-block;
margin: 0 .2em 0 .5em;
}
}
/* ------------------------------
パンくず（SP）
------------------------------ */
@media screen and (max-width: 767px) {
.crumb {
display: none;
}
}
/* ------------------------------
フッター（PC）
------------------------------ */
.footer {
width: 100%;
background-color: #E9ECED;
}
.footer .info {
font-size: 1.6rem;
}
/* ------- お問合せ ------- */
.contactNavi {
background-image: url('../img/footer_bg.jpg');
background-size: cover;
color: #fff;
padding: 100px 0;
background-position: center bottom;
}
.contactNavi h2 {
font-size: 4rem;
line-height: 1.3;
text-align: center;
font-weight: bold;
position: relative;
color: #fff;
}
.contactNavi h2 span {
display: block;
font-size: 1.8rem;
font-weight: 500;
margin-top: 15px;
color: #fff;
}
.contactNavi h2::before {
border-top: 5px solid #098EB3;
content: "";
display: block;
width: 25px;
display: block;
margin-left: auto;
margin-right: 50%;
margin-bottom: 30px;
}
.contactNavi h2::after {
border-top: 5px solid #1DB39A;
top: 0;
content: "";
margin: auto;
position: absolute;
right: 0;
bottom: 0;
left: 25px;
width: 25px;
}
.contactNavi .contactBox {
font-size: 1.3rem;
padding-left: 40px;
border-left: 1px dotted #fff;
}
.contactNavi .contactBox p {
font-size: 2.3rem;
font-weight: 500;
}
.contactNavi .contactBox ul li {
position: relative;
padding-left: 15px;
}
.contactNavi .contactBox ul li::before {
content: "";
display: block;
width: 8px;
height: 8px;
background-color: #fff;
border-radius: 50%;
position: absolute;
left: 0;
top: 11px;
}
.contactNavi .btn a {
background: #F6FA2D;
color: #000;
}
.contactNavi .btn a::after {
border-right: solid 2px #000;
border-bottom: solid 2px #000;
}
/* フッターナビ */
.fnav {
font-size: 1.3rem;
}
.fnav > ul > li {
font-weight: bold;
}
.fnav > ul > li > ul > li {
font-size: 1.4rem;
font-weight: normal;
}
.fnav > ul > li > ul > li::before {
content: "-";
display: inline-block;
margin-right: .25em;
}
.fnav a[target="_blank"]::after {
content: "";
display: inline-block;
width: 11px;
height: 11px;
margin: 0 0 2px 5px;
background: url(../img/icon_blank.svg) no-repeat 0 0 / cover;
vertical-align: middle;
}
/* コピーライト */
.copyright {
color: #536980;
font-family: 'Roboto', sans-serif;
font-size: 1.2rem;
line-height: 1;
font-weight: 400;
text-align: center;
border-top: 1px dotted #536980;
padding-top: 25px;
}
.fTel {
padding-right: 25px;
}
.fTel a span {
font-size: 4.5rem;
font-weight: bold;
color: #fff;
vertical-align: middle;
}
.fTel a span::before {
content: "";
display: inline-block;
width: 25px;
height: 33px;
margin: 0 4px 5px;
background: url(../img/icon_tel_w.svg) no-repeat 0 0 / cover;
vertical-align: middle;
}
@media print, screen and (min-width: 768px) {
.footer {
padding: 70px 0 25px;
}
.footer .info > img {
width: 264px;
margin-bottom: 15px;
}
.infoBlock {
display: flex;
justify-content: space-between;
margin-bottom: 70px;
}
/* フッターナビ */
.fnav {
display: flex;
column-gap: 50px;
}
.fnav > ul {
column-count: 3;
}
.fnav > ul > li:not(:last-child) {
margin-bottom: 5px;
}
.fnav > ul > li > ul {
margin-top: 8px;
}
.fnav > ul > li > ul > li:not(:last-child) {
margin-bottom: 2px;
}
.fnav a {
transition: .3s ease-in-out;
}
.fnav a:hover {
opacity: .7;
}
}
/* ------------------------------
フッター（SP）
------------------------------ */
@media screen and (max-width: 767px) {
.footer {
padding: 45px 0 20px;
text-align: center;
}
.footer .info > img {
width: 290px;
margin-bottom: 15px;
}
.footer > .inBlock {
text-align: center;
}
.footer > .inBlock > img {
width: 150px;
height: 46px;
margin-bottom: 20px;
}
.footer > .inBlock {
text-align: center;
}
.infoBlock {
margin-bottom: 23px;
}
/* インフォ */
.info {
margin-bottom: 40px;
}
/* ------- お問合せ ------- */
.contactNavi {
padding: 80px 5% 250px;
background-image: url('../img/footer_bg_sp.jpg');
background-position: center bottom;
}
.contactNavi h2 {
margin-bottom: 40px;
font-size: 2.8rem;
}
.contactNavi h2 span {
margin-top: 7px;
font-size: 1.6rem;
font-weight: normal;
}
.contactNavi h2::before {
margin-bottom: 22px;
}
.contactNavi .contactBox {
padding-left: 0;
padding-top: 20px;
margin-top: 25px;
border-left: none;
border-top: 1px dotted #fff;
}
/* フッターナビ */
.fnav {
display: inline-block;
font-size: 1.4rem;
width: 90%;
margin: auto;
}
.fnav > ul > li {
margin-bottom: 5px;
border-right: 1px solid;
padding-right: 10px;
line-height: 1;
width: fit-content;
display: inline-block;
margin-right: 10px;
}
.fnav > ul > li > ul > li {
display: none;
}
.fnav > ul > li:last-child {
border-right: none;
}
.fTel {
padding-right: 0;
}
.fTel a span {
font-size: 4rem;
line-height: 1.2;
}
/* コピーライト */
.copyright {
padding-top: 20px;
width: 90%;
margin: auto;
}
}
@media screen and (max-width: 359px) {
/* インフォメーション */
.information {
font-size: 1.4rem;
}
}
/* ------------------------------
もしものときは
------------------------------ */
.emergencyBlock {
padding: 90px 0;
background:repeating-linear-gradient(-45deg, #ebeeef 0, #ebeeef 3px, #f4f7f8 3px, #f4f7f8 6px);
}
.emergencyBlock h2 {
font-size: 4rem;
line-height: 1.3;
text-align: center;
font-weight: bold;
position: relative;
margin-bottom: 60px;
}
.emergencyBlock h2 span {
display: block;
font-size: 1.8rem;
font-weight: 500;
color: #536980;
margin-top: 12px;
}
.emergencyBlock h2::before {
border-top: 5px solid #098EB3;
content: "";
display: block;
width: 25px;
display: block;
margin-left: auto;
margin-right: 50%;
margin-bottom: 30px;
}
.emergencyBlock h2::after {
border-top: 5px solid #1DB39A;
top: 0;
content: "";
margin: auto;
position: absolute;
right: 0;
bottom: 0;
left: 25px;
width: 25px;
}
.emergencyBlock .myagent {
}
.emergencyBlock .myagent a {
display: inline-block;
margin-right: 10px;
}
/* ------------------------------
もしものときは（SP）
------------------------------ */
@media screen and (max-width: 767px) {
.emergencyBlock {
padding: 80px 5%;
}
.emergencyBlock h2 {
margin-bottom: 40px;
font-size: 2.8rem;
}
.emergencyBlock h2::before {
margin-bottom: 22px;
}
.emergencyBlock h2 span {
margin-top: 7px;
font-size: 1.6rem;
font-weight: normal;
}
.emergencyBlock h3 {
margin-bottom: 15px;
font-size: 2.3rem;
padding-left: 10px;
}
}
/* ------------------------------
ページトップ（PC）
------------------------------ */
.js-btn-pagetop {
display: none;
position: fixed;
bottom: 40px;
right: 40px;
z-index: 100;
width: 45px;
height: 45px;
text-align: center;
cursor: pointer;
background-color: rgba(13,42,84,0.8) ;
border-radius: 5px;
}
.js-btn-pagetop span {
display: inline-block;
margin-top: 72px;
color: #fff;
font-size: 1.3rem;
font-weight: bold;
}
.js-btn-pagetop span::after {
content: "";
display: inline-block;
position: absolute;
top: 4px;
bottom: 0;
left: 0;
right: 0;
margin: auto;
width: 8px;
height: 8px;
border-top: solid 2px #fff;
border-right: solid 2px #fff;
transform: rotate(-45deg);
}
@media print, screen and (min-width: 768px) {
.js-btn-pagetop {
transition: .3s ease-in-out;
}
.js-btn-pagetop:hover {
opacity: .7;
}
}
/* ------------------------------
ページトップ（SP）
------------------------------ */
@media screen and (max-width: 767px) {
.js-btn-pagetop {
bottom: 5%;
right: 5%;
}
.js-btn-pagetop span {
margin-top: 19px;
font-family: 'Poppins', sans-serif;
font-size: 1.2rem;
font-weight: 400;
}
.page-open-slidemenu .js-btn-pagetop {
bottom: -50px !important;
}
}
/* ------------------------------
ノースクリプト
------------------------------ */
#nojs {
position: absolute;
top: 0;
left: 0;
z-index: 2000;
width: 100%;
background-color: #a30000;
text-align: center;
}
#nojs p {
padding: 3px 0;
color: #fff;
}
/* ------------------------------
印刷用コード
------------------------------ */
@media print {
}
/* 余白 */
@page {
margin: 9.7mm 9.7mm;
}