@charset "UTF-8"; /* :hover { cursor: pointer; cursor: hand; opacity: 0.8; }
\b0px\b
.this-black { filter: brightness(1) invert(0); }
.this-white { filter: brightness(0) invert(1); }
*/
.radio-one-none .first { display: none; }
.slick-list { padding-top: 0px !important; }
/* CSS Document */
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; box-sizing: border-box; }
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main { display: block; }
body { line-height: 1; font-family: 'Noto Sans JP', sans-serif; }
ol,
ul { list-style: none; }
blockquote,
q { quotes: none; }
blockquote:before,
blockquote:after,
q:before,
q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
form button:hover { cursor: pointer; cursor: hand; opacity: 0.8; }
.wysiwyg iframe { max-width: 100%; }
.copyright a { text-decoration: underline; }
.copyright a:hover { text-decoration: none; }
/* a { pointer-events:none; }
*/
.this-black { filter: brightness(1) invert(0); }
.this-white { filter: brightness(0) invert(1); }
@media screen and (min-width: 768px), print {
/* bese */
body { max-width: 1920px; margin: 0 auto; font-size: 16px; overflow-x: hidden; font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue',
'游ゴシック', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro',
'Hiragino Kaku Gothic Pro', Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック',
'MS PGothic', sans-serif; font-weight: normal; line-height: 28px; color: #1c1c1c; }
#one-cl { overflow: hidden; }
header { height: 100px; }
.hh-box { max-width: 1920px; width: 100%; margin: 0 auto; position: relative; .hh-box-l { position: absolute; left: 43px; top: 24px; .hh-txt-01 { font-weight: 500; font-size: 14px; letter-spacing: 0.06em; line-height: 24px; text-align: left; color: #1c1c1c; margin-bottom: 11px; top: 28px; }
.hh-logo { position: relative; }
}
.hh-box-r { width: 560px; margin-left: auto; position: relative; padding-top: 20px; .hh-tel-box { .hh-txt-02 { margin-left: 0px; }
}
.hh-sns-list { width: 140px; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; position: absolute; top: 20px; right: 140px; }
}
}
.pc-menu { position: fixed; top: 0; right: 0; z-index: 500; }
.pc-menu:hover { opacity: 0.8; cursor: pointer; cursor: hand; }
.side-fix { position: fixed; top: 150px; right: 0; z-index: 10; display: none; }
.side-fix .side-fix-bnr-01 { margin-bottom: 15px; }
#pc-menu-open { display: none; background: #f8f8f8; width: 100vw; height: 100vh; position: fixed; top: 0; z-index: 10000; overflow: scroll; }
#pc-menu-open .open-close-01 { position: absolute; top: 0; right: 0; }
#pc-menu-open .open-close-01:hover { opacity: 0.8; cursor: pointer; cursor: hand; }
#pc-menu-open .open-main-Box { width: 1600px; margin: 0 auto; padding: 70px 0; line-height: 2.5; }
#pc-menu-open .open-main-Box .ttl { margin-bottom: 30px; }
#pc-menu-open .open-main-Box .con-Box { margin-bottom: 30px; }
#pc-menu-open .list-Box .con-Box { margin-bottom: 30px; }
#pc-menu-open .open-close-02 { width: 300px; line-height: 1; cursor: pointer; font-weight: bold; margin: 0 auto; color: #fff; padding: 10px 50px; font-size: 1em; text-align: center; background: #000; }
/*============================
#pc-menu-open
============================*/
#pc-menu-open { background-color: #f2f2f2; .open-main-Box { .oo-flex { width: 1600px; margin: 0 auto; display: flex; flex-wrap: wrap; .oo-box-l { width: 640px; margin-right: 142px; }
.oo-box-r { width: 800px; margin-top: -5px; .oo-logo { margin-bottom: 67px; }
.oo-link-box { .cc-link-box { display: flex; flex-wrap: wrap; .cc-link-ttl { font-family: 'Lato', sans-serif; font-style: normal; font-weight: bold; font-size: 24px; letter-spacing: 0.05em; line-height: 56px; text-align: left; color: #5f5e5e; margin-bottom: 3px; }
.cc-link-list { li { font-weight: 500; font-size: 16px; letter-spacing: 0.05em; line-height: 50px; text-align: left; color: #000; background-image: url(../images/common/ff-icon-01.svg); background-repeat: no-repeat; background-position: 0 center; padding-left: 23px; a { display: block; }
}
}
.home-link-txt{ margin-bottom:10px; font-size: 14px; letter-spacing:0.7px; }
.cc-link-box-l { width: 350px; }
.cc-link-box-m { width: 240px; }
.cc-link-box-r { width: 210px; position: relative; right: -3px; }
}
margin-bottom: 167px; }
.oo-tel { margin-bottom: 53px; }
.oo-bnr-list { display: flex; flex-wrap: wrap; margin-bottom: 20px; li { width: 296px; margin-right: 30px; }
}
.oo-sns { }
}
}
}
}
#g-nav { display: none; }
#g-nav { width: 1100px; margin: 0px auto 10px auto; padding: 20px 0; text-align: center; font-size: 0.875em; }
#g-nav li.list { position: relative; display: inline-block; margin-right: 2px; }
#g-nav li.list span { cursor: pointer; }
#g-nav li.list span,
#g-nav li.list a { border-right: 1px solid #999; display: block; text-align: center; padding: 10px 20px; }
#g-nav li.list:first-child a { border-left: 1px solid #999; }
#g-nav .dropmenu li.list ul.sub { visibility: hidden; opacity: 0; transition: 0s; position: absolute; top: 35px; left: 0; margin: 0; padding: 0; z-index: 500; width: 220px; }
#g-nav .dropmenu li.list:hover ul { visibility: visible; opacity: 1; display: block; }
#g-nav .dropmenu li.list ul li:last-child a { border-bottom: 1px solid #ccc; }
#g-nav .dropmenu li.list ul li a { visibility: hidden; opacity: 0; transition: 0.9s; background: #fff; display: block; width: 220px; padding: 10px; color: #000; border: 1px solid #ccc; border-bottom: none; }
#g-nav .dropmenu li.list:hover ul li a { visibility: visible; opacity: 1; }
/*============================
#ee
============================*/
#ee { background-image: url(../images/common/ee-bg.png); background-repeat: no-repeat; background-position: center 0; padding-top: 92px; padding-bottom: 100px; margin-top: 120px; .ee-ttl-01 { font-family: 'Lato', sans-serif; font-style: normal; font-weight: 300; font-size: 40px; letter-spacing: 0.05em; line-height: 44px; text-align: center; color: #fff; margin-bottom: 27px; }
.ee-txt-01 { font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'NotoSansCJKjp',
'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif; font-weight: normal; font-size: 28px; letter-spacing: 0.05em; line-height: 34px; text-align: center; color: #fff; margin-bottom: 70px; }
.ee-list { width: 1260px; margin: 0 auto; margin-bottom: 74px; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
.ee-tel-box { width: 380px; margin: 0 auto; .ee-txt-03 { font-weight: 500; font-size: 20px; letter-spacing: 0.05em; line-height: 34px; color: #fff; text-align: center; border-bottom: 1px solid #fff; padding-bottom: 3px; margin-bottom: 30px; }
.ee-txt-04 { .sp-tel-link { }
}
}
}
.ff-box { width: 1280px; margin: 0 auto; margin-bottom: 80px; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-top: 96px; .ff-box-l { width: 296px; margin-right: 141px; padding-top: 23px; .ff-logo { width: 242px; margin-left: 30px; margin-bottom: 37px; }
.ff-txt-01 { font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue',
'游ゴシック', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro',
'Hiragino Kaku Gothic Pro', Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック',
'MS PGothic', sans-serif; font-weight: 500; font-size: 16px; letter-spacing: 0.05em; line-height: 30px; text-align: center; color: #000; margin-bottom: 24px; }
.ff-txt-02 { margin-bottom: 50px; position: relative; left: 6px; .sp-tel-link { }
}
.ff-cv-list { li { margin-bottom: 20px; }
.ano { margin-bottom: 55px; }
}
}
.ff-box-r { width: 843px; position: relative; left: 4px; .home-link-txt{ margin-bottom:20px; letter-spacing:0.8px; } }
}
.page-top { position: fixed; right: 80px; bottom: 50px; z-index: 500; width:60px; }
.page-top img{ width:100%; }
footer { .cc-link-box { display: flex; flex-wrap: wrap; .cc-link-ttl { font-family: 'Lato', sans-serif; font-style: normal; font-weight: bold; font-size: 24px; letter-spacing: 0.05em; line-height: 56px; text-align: left; color: #5f5e5e; margin-bottom: 3px; }
.cc-link-list { li { font-weight: 500; font-size: 16px; letter-spacing: 0.05em; line-height: 50px; text-align: left; color: #000; background-image: url(../images/common/ff-icon-01.svg); background-repeat: no-repeat; background-position: 0 center; padding-left: 23px; a { display: block; }
}
}
.cc-link-box-l { width: 370px; }
.cc-link-box-m { width: 263px; }
.cc-link-box-r { width: 209px; }
}
}
.copyright { font-size: 0.75em; text-align: center; padding: 24px 0px; display: block; background-color: #5f5e5e; font-weight: 500; font-size: 16px; letter-spacing: 0.05em; line-height: 32px; color: #fff; a { color: #fff; }
}
/* common */
/* 2カラムサイト----------------
#tow-cl { width: 1100px; margin: 0 auto; padding: 20px 0; }
#tow-cl main { width: 800px!important; float: left; }
#tow-cl #side { width: 280px; float: left; margin-right: 19px; background: #333; height: 800px; }
#blog #tow-cl #side { display: none; }
#blog #tow-cl main { width: 1100px !important; }
*/
/* 1カラムサイト */
/*#one-cl { }
*/
h1.main-title { width: 100%; min-width: 1100px; padding: 97px 0 49px; text-align: center; }
h1.main-title .en { font-family: 'Lato', sans-serif; font-style: normal; text-transform: uppercase; font-weight: 300; font-size: 48px; letter-spacing: 0.05em; line-height: 46px; text-align: center; color: #1c1c1c; display: block; margin-bottom: 12px; position: relative; left: -5px; }
h1.main-title .jp { font-weight: 500; font-size: 20px; letter-spacing: 0.05em; line-height: 36px; text-align: center; color: #333; }
h2.sub-title { background: #525252; padding: 25px 20px; color: #fff; margin-bottom: 30px; font-size: 28px; font-weight: bold; letter-spacing: 7px; text-align: center; }
.seo_bread_list { max-width: 1200px; width: 100%; padding: 20px 0; margin: 0 auto 30px; font-size: 16px; line-height: 1.4; font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'NotoSansCJKjp',
'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif; font-weight: normal; font-size: 13px; letter-spacing: 0.05em; line-height: 24px; text-align: left; color: #a4a4a4; }
.seo_bread_list a { color: #a4a4a4; }
.seo_bread_list li { margin-right: 20px; float: left; }
.seo_bread_list li::after { content: ' >'; }
.seo_bread_list li:last-child::after { content: ''; }
/*pc・タブレットcss*/
/*pc_defaultset*/
.pc { display: block !important; }
/*pcのみ表示ブロック*/
.pc2 { display: inline-block !important; }
/*pcのみ表示ブロック*/
.sp,
.sp2 { display: none !important; }
/*スマホのみ表示ブロック*/
.h_menu { display: none; }
/*スマホ用ヘッダ*/
.sp-header { display: none; }
/*スマホ用メニュー*/
#sp-global-nav { display: none; }
/*スマホ用メニュー*/
.sp-fix-list { display: none; }
/* Antialiasing ※任意 */
.fit img { object-fit: cover; font-family: 'object-fit: cover; '; }
html { -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: none; }
/* WEB FONTs 游ゴシックかすれ予防*/
@font-face { font-family: 'Yu Gothic'; src: local('Yu Gothic Medium'); font-weight: 100; }
@font-face { font-family: 'Yu Gothic'; src: local('Yu Gothic Medium'); font-weight: 200; }
@font-face { font-family: 'Yu Gothic'; src: local('Yu Gothic Medium'); font-weight: 300; }
@font-face { font-family: 'Yu Gothic'; src: local('Yu Gothic Medium'); font-weight: 400; }
@font-face { font-family: 'Yu Gothic'; src: local('Yu Gothic Bold'); font-weight: bold; }
@font-face { font-family: 'Helvetica Neue'; src: local('Helvetica Neue Regular'); font-weight: 100; }
@font-face { font-family: 'Helvetica Neue'; src: local('Helvetica Neue Regular'); font-weight: 200; }
.f-min { font-family: 'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6', 'HG明朝E',
'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝', serif; }
.f-min-02 { font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Sawarabi Mincho',
'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif; }
.f-gothic { font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue',
'游ゴシック', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro',
'Hiragino Kaku Gothic Pro', Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック',
'MS PGothic', sans-serif; }
.f-noto { font-family: 'Noto Sans JP', sans-serif; }
.f-noto-c { font-family: noto-serif, serif; font-style: normal; }
body { -webkit-text-size-adjust: 100%; }
img { vertical-align: bottom; }
a { text-decoration: none; color: #090909; }
a:hover { text-decoration: underline; }
.nobd a:hover { text-decoration: none !important; }
/* clearfix */
.clearfix { zoom: 1; }
.clearfix:after { display: block; clear: both; height: 0; visibility: hidden; line-height: 0; content: '.'; }
/* wysiwyg */
.wysiwyg { word-wrap: break-word; margin-bottom: 30px; }
.wysiwyg a { color: #1a73e8; text-decoration: underline; }
.wysiwyg strong { font-weight: bolder; }
.wysiwyg em { font-family: 'ＭＳ ゴシック', sans-serif; font-style: italic; }
.wysiwyg img { max-width: 100% !important; height: auto !important; }
.wysiwyg p { min-height: 15px; min-width: 10px; line-height: 1.6; margin-bottom: 1em; }
.wysiwyg h1,
.wysiwyg h2,
.wysiwyg h3,
.wysiwyg h4,
.wysiwyg h5,
.wysiwyg h6 { color: #333; font-weight: bold; text-align: left; }
.wysiwyg h1 { background-color: #dcdcdc; padding: 12px 24px; font-size: 1.25rem; line-height: 1.6; margin: 0.5em 0 1em; }
.wysiwyg h2 { border-top: 1px solid #333; border-bottom: 1px solid #333; padding: 12px; font-size: 1.25rem; line-height: 1.6; margin: 0.5em 0 1em; }
.wysiwyg h3 { border-left: 6px solid #231815; padding: 5px 20px; font-size: 1.25rem; line-height: 1.6; margin: 0.5em 0 1em; }
.wysiwyg h4 { border-bottom: 1px solid #000; padding: 0 0 10px; font-size: 1.188rem; line-height: 1.6; margin: 0.5em 0 1em; }
.wysiwyg h5 { border-bottom: 1px dashed #000; padding: 0 0 10px; font-size: 1.188rem; line-height: 1.6; margin: 0.5em 0 1em; }
.wysiwyg h6 { background-color: #eee; border: 1px dotted #999; padding: 10px; font-size: 1rem; line-height: 1.6; margin: 0.5em 0 1em; }
.wysiwyg ul { list-style-type: disc; line-height: 1.6; font-size: 0.875rem; margin: 0.5em 0 1em 2em; }
.wysiwyg ol { list-style-type: decimal; line-height: 1.6; font-size: 0.875rem; margin: 0.5em 0 1em 2em; }
.wysiwyg table { table-layout: fixed; width: 100% !important; }
.wysiwyg table th,
.wysiwyg table td { border: 1px solid #999; padding: 8px 16px; margin: 0.5em 0 1em; line-height: 1.75; }
/* リンク透明 */
a img:hover { -ms-filter: 'alpha( opacity=80 )'; filter: alpha(opacity=80); opacity: 0.8; }
/* リンク透明にしない */
.noop a img:hover { -ms-filter: 'alpha( opacity=100 )'; filter: alpha(opacity=100); opacity: 1; }
/*---------------------------------------- 外部サービス ----------------------------------------*/
/* ggmap */
/* iframeのコピーしたコード
*/
.ggmap { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.ggmap iframe,
.ggmap object,
.ggmap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* */
.youtube { position: relative; width: 100%; padding-top: 56.25%; }
.youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }
/*---------------------------------------- webフォント（サーバー置き） ----------------------------------------*/
@font-face { font-family: 'jp-sttl01'; /* お好きな名前にしましょう */
src: url('../font/.eot'); /* IE9以上用 */
src: url('../font/bokutachi.eot?#iefix') format('embedded-opentype'),
url('../font/NotoSansCJKjp-Medium.woff') format('woff'),
url('../font/NotoSansCJKjp-Medium.woff') format('woff'); /* iOS, Android用 */
/* 念の為指定しておきます */
font-weight: normal; /* 念の為指定しておきます */
font-style: normal; vertical-align: top; margin: 0px; padding: 0px; }
.myWebFontClass { font-family: 'jp-sttl01'; }
}
@media screen and (min-width: 766px) and (max-width: 1800px) {
#pc-menu-open { background-color: #f2f2f2; .open-main-Box { width: 1220px; .oo-flex { width: 1220px; margin: 0 auto; display: flex; flex-wrap: wrap; .oo-box-l { width: 480px; margin-right: 80px; img { width: 100%; }
}
.oo-box-r { width: 655px; margin-top: -5px; .oo-logo { margin-bottom: 48px; }
.oo-link-box { .cc-link-box { display: flex; flex-wrap: wrap; .cc-link-ttl { font-size: 17px; margin-bottom: 10px; }
.cc-link-list { li { a { }
font-size: 13px; }
}
.cc-link-box-l { width: 290px; }
.cc-link-box-m { width: 170px; }
.cc-link-box-r { width: 191px; }
}
margin-bottom: 37px; }
.oo-tel { }
.oo-bnr-list { li { }
}
.oo-sns { }
}
}
width: 1; }
}
}
@media screen and (min-width: 766px) and (max-width: 1600px) {
#ee { .ee-list { width: 1100px; li { width: 350px; img { width: 100%; }
}
}
}
.ff-box { width: 1200px; .ff-box-r { width: 820px; position: relative; left: 4px; padding-top: 96px; }
.ff-box-l { width: 296px; margin-right: 48px; padding-top: 23px; }
}
footer { & .cc-link-box { .cc-link-box-l { width: 330px; }
.cc-link-box-m { width: 224px; }
}
}
}
@media screen and (max-width: 1200px) {
html { overflow: auto; }
body { overflow: visible; }
}
@media screen and (max-width: 767px) {
.mw_wp_form input[type='file'] { display: inline-block; width: 100%; font-size: 3.8vw; }
html { font-size: 62.5%; }
body { overflow: hidden; font-size: 3.865vw; font-family: sans-serif; -webkit-text-size-adjust: 100%; line-height: 7.246vw; font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue',
'游ゴシック', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro',
'Hiragino Kaku Gothic Pro', Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック',
'MS PGothic', sans-serif; text-align: left; color: #1c1c1c; }
.pc,
.pc2 { display: none !important; }
/*pcのみ表示ブロック*/
.sp { display: block !important; }
/*スマホのみ表示ブロック*/
.sp2 { display: inline-block !important; }
/*スマホのみ表示ブロック*/
.no-br { display: none; }
/*スマホでbrを解除したい場合に使用*/
.sp_display_block { display: block !important; }
/*スマホでflexboxを解除したい場合等に使用*/
.pc-menu { display: none; }
.side-fix { display: none !important; }
.fix-list { display: none; }
#pc-menu-open { display: none; }
#g-nav { display: none; }
header { /* height: 24.155vw; */ }
.sp-header .h-logo { width: 62.802vw; position: absolute; top: 2.865vw; left: 4.106vw; }
.sp-header .h-menu { position: fixed; top: 2.382vw; right: 4.589vw; z-index: 997; }
.sp-header .h-menu img { }
nav#sp-global-nav .h-logo { width: 62.802vw; margin-top: 2.865vw; margin-left: 4.106vw; }
nav#sp-global-nav .h-logo img { }
nav#sp-global-nav { font-size: 1.4rem; z-index: 999; overflow: scroll; position: fixed; top: 0; width: 100vw; height: 100vh; display: none; background-color: #f2f2f2; box-sizing: border-box; color: #fff; padding-bottom: 32vw; }
nav#sp-global-nav .open-close-01 { position: fixed; width: 7.488vw; z-index: 998; top: 2.382vw; right: 4.589vw; }
nav#sp-global-nav .open-close-01 img { /* height: 12.077vw; */
/* width: auto; */ }
nav#sp-global-nav .list { margin: 12.077vw 0 4.831vw; }
nav#sp-global-nav .list li a { color: #fff; line-height: 1.4; text-decoration: none; padding: 5%; display: block; border-bottom: 1px solid #fff; }
nav#sp-global-nav .two-list { width: 96%; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
nav#sp-global-nav .two-list li { width: 50%; border-bottom: 1px solid #fff; }
nav#sp-global-nav .two-list li a { color: #fff; line-height: 1.4; text-decoration: none; padding: 9% 5%; display: block; line-height: 1.6; }
nav#sp-global-nav .two-list-02 { width: 96%; margin: 0 auto; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
nav#sp-global-nav .two-list-02 li { width: 50%; border-bottom: 1px solid #fff; }
nav#sp-global-nav .two-list-02 li a { }
nav#sp-global-nav .open-close-02 { }
nav#sp-global-nav .two-list-02 li:nth-child(2n + 1):last-child { width: 100%; border-bottom: 1px solid #fff; }
nav#sp-global-nav .two-list-02 li:nth-child(2n + 1):last-child a { padding: 4.5% 2.5%; }
.sp-fix-list { position: fixed; bottom: 0; width: 100%; z-index: 996; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; align-items: flex-end; }
nav#sp-global-nav { .open-color-Box { width: 83.575vw; margin: 0 auto; margin-top: 15.217vw; }
.cc-link-ttl { font-family: 'Lato', sans-serif; font-style: normal; font-weight: bold; font-size: 4.831vw; letter-spacing: 0.05em; line-height: 13.527vw; text-align: left; color: #5f5e5e; margin-bottom: -1.208vw; }
.cc-link-list { margin-bottom: 10.386vw; li { background-image: url(../images/common/ff-icon-01.svg); background-repeat: no-repeat; background-position: 20px center; }
a { font-weight: 500; font-size: 3.865vw; letter-spacing: 0.05em; text-align: left; color: #000; display: block; padding: 3.382vw 1.208vw 3.382vw 9.903vw; border-bottom: 1px solid #acacac; }
}
.oo-bnr-list { margin-bottom: 7.246vw; margin-top: 14.493vw; li { margin-bottom: 4.831vw; }
}
.oo-tel { width: 69.444vw; margin-top: 9.662vw; }
}
header { /* height: 24.155vw; */ }
.hh-box { max-width: 100%; width: 100%; margin: 0 auto; position: relative; .hh-box-l { position: absolute; left: 10.386vw; top: 5.797vw; .hh-txt-01 { font-weight: 500; font-size: 3.382vw; letter-spacing: 0.06em; line-height: 5.797vw; text-align: left; color: #1c1c1c; margin-bottom: 2.657vw; top: 6.763vw; }
.hh-logo { position: relative; }
}
.hh-box-r { width: 100%; margin-left: auto; position: relative; padding-top: 4.831vw; .hh-tel-box { .hh-txt-02 { margin-left: 0; }
}
.hh-sns-list { width: 100%; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; position: absolute; top: 4.831vw; right: 33.816vw; }
}
}
/*============================
#ee
============================*/
#ee { background-image: url(../images/common/sp-ee-bg.png); background-repeat: no-repeat; background-position: center 0; background-size: cover; padding-top: 16.184vw; padding-bottom: 16.425vw; margin-top: 28.986vw; .ee-ttl-01 { font-family: 'Lato', sans-serif; font-style: normal; font-weight: 300; color: #fff; margin-bottom: 3.14vw; font-size: 7.729vw; letter-spacing: 0.05em; line-height: 10.628vw; text-align: center; }
.ee-txt-01 { font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'NotoSansCJKjp',
'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif; font-weight: normal; color: #fff; margin-bottom: 9.179vw; font-size: 4.348vw; letter-spacing: 0.05em; line-height: 8.213vw; text-align: center; }
.ee-list { width: 83.575vw; margin: 0 auto; margin-bottom: 7.488vw; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; li { margin-bottom: 4.831vw; }
}
.ee-tel-box { width: 69.807vw; margin: 0 auto; .ee-txt-03 { font-weight: 500; color: #fff; text-align: center; border-bottom: 1px solid #fff; padding-bottom: 0.966vw; margin-bottom: 3.865vw; font-size: 3.865vw; letter-spacing: 0.05em; line-height: 8.213vw; }
.ee-txt-04 { .sp-tel-link { }
}
}
}
.ff-box { width: 100%; margin: 0 auto; margin-bottom: 14.493vw; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-top: 7.005vw; .ff-box-l { width: 100%; padding-top: 5.556vw; .ff-logo { width: 58.454vw; margin: 0 auto; margin-bottom: 9.42vw; }
.ff-txt-01 { font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue',
'游ゴシック', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro',
'Hiragino Kaku Gothic Pro', Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック',
'MS PGothic', sans-serif; font-weight: 500; font-size: 3.865vw; letter-spacing: 0.05em; line-height: 7.246vw; text-align: center; color: #000; margin-bottom: 7.005vw; font-size: 3.865vw; letter-spacing: 0.05em; line-height: 6.28vw; }
.ff-txt-02 { width: 70.048vw; margin: 0 auto; margin-bottom: 12.077vw; .sp-tel-link { }
}
.ff-cv-list { li { margin-bottom: 4.831vw; }
.ano { margin-bottom: 5.072vw; }
width: 83.575vw; margin: 0 auto; }
}
.ff-box-r { width: 100%; position: relative; left: 0.966vw; }
}
.sp-page-top { width: 77.295vw; margin: 0 auto; position: relative; top: -4.348vw; }
footer { .cc-link-box { display: flex; flex-wrap: wrap; display: none; .cc-link-ttl { font-family: 'Lato', sans-serif; font-style: normal; font-weight: bold; font-size: 5.797vw; letter-spacing: 0.05em; line-height: 13.527vw; text-align: left; color: #5f5e5e; margin-bottom: 0.725vw; }
.cc-link-list { li { font-weight: 500; font-size: 3.865vw; letter-spacing: 0.05em; line-height: 12.077vw; text-align: left; color: #000; background-image: url(../images/common/ff-icon-01.svg); background-repeat: no-repeat; background-position: 0 center; padding-left: 5.556vw; a { display: block; }
}
}
.cc-link-box-l { width: 100%; }
.cc-link-box-m { width: 100%; }
.cc-link-box-r { width: 100%; }
}
}
.copyright { font-size: 0.75em; text-align: center; padding: 6.039vw 0.725vw 24.155vw 0; display: block; background-color: #5f5e5e; font-weight: 500; font-size: 3.865vw; letter-spacing: 0.05em; line-height: 7.729vw; color: #fff; font-size: 3.14vw; letter-spacing: 0.05em; line-height: 5.314vw; a { color: #fff; }
}
h1.main-title { width: 100%; min-width: 100%; padding: 25.362vw 0 11.836vw; text-align: center; }
h1.main-title .en { font-family: 'Lato', sans-serif; font-style: normal; text-transform: uppercase; font-weight: 300; text-align: center; color: #1c1c1c; display: block; margin-bottom: 0.725vw; position: relative; /* left: -1.208vw; */
font-size: 7.971vw; letter-spacing: 0.05em; line-height: 7.729vw; }
h1.main-title .jp { font-weight: 500; text-align: center; color: #333; font-size: 3.14vw; letter-spacing: 0.05em; line-height: 5.556vw; }
h2.sub-title { background: #525252; font-weight: bold; padding: 3%; color: #fff; margin-bottom: 5%; font-size: 5vw; letter-spacing: 0.966vw; text-align: center; }
.seo_bread_list { width: 100%; padding: 5% 5.797vw; margin: 0 auto; font-size: 1.2rem; font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'NotoSansCJKjp',
'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif; font-weight: normal; font-size: 2.899vw; line-height: 5.797vw; text-align: left; color: #a4a4a4; a { color: #a4a4a4; }
}
.seo_bread_list { /* display: none; */ }
/* .seo_bread_list a { color: #666; }
.seo_bread_list li { margin-right: 0.5em; float: left; }
.seo_bread_list li::after { content: ">"; }
.seo_bread_list li:last-child::after { content: none; }
*/
/* 2カラムサイト---------------- */
#tow-cl #side { display: none; }
.fit img { object-fit: cover; }
.wysiwyg img { width: auto !important; height: auto !important; }
html { -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: none; overflow-x: hidden; }
/* WEB FONTs 游ゴシックかすれ予防*/
@font-face { font-family: 'Yu Gothic'; src: local('Yu Gothic Medium'); font-weight: 100; }
@font-face { font-family: 'Yu Gothic'; src: local('Yu Gothic Medium'); font-weight: 200; }
@font-face { font-family: 'Yu Gothic'; src: local('Yu Gothic Medium'); font-weight: 300; }
@font-face { font-family: 'Yu Gothic'; src: local('Yu Gothic Medium'); font-weight: 400; }
@font-face { font-family: 'Yu Gothic'; src: local('Yu Gothic Bold'); font-weight: bold; }
@font-face { font-family: 'Helvetica Neue'; src: local('Helvetica Neue Regular'); font-weight: 100; }
@font-face { font-family: 'Helvetica Neue'; src: local('Helvetica Neue Regular'); font-weight: 200; }
.f-min { font-family: 'ヒラギノ明朝 ProN W6', 'HiraMinProN-W6', 'HG明朝E',
'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝', serif; }
.f-min-02 { font-family: '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Sawarabi Mincho',
'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif; }
.f-gothic { font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue',
'游ゴシック', 'Yu Gothic', YuGothic, 'ヒラギノ角ゴ Pro',
'Hiragino Kaku Gothic Pro', Verdana, Meiryo, Osaka, 'ＭＳ Ｐゴシック',
'MS PGothic', sans-serif; }
.f-noto { font-family: 'Noto Sans JP', sans-serif; }
.f-noto-c { font-family: noto-serif, serif; font-style: normal; }
body { -webkit-text-size-adjust: 100%; }
img { vertical-align: bottom; max-width: 100%; }
a { text-decoration: none; color: #090909; }
a:hover { text-decoration: underline; }
.nobd a:hover { text-decoration: none !important; }
.clearfix { zoom: 1; }
.clearfix:after { display: block; clear: both; height: 0; visibility: hidden; line-height: 0; content: '.'; }
/* wysiwyg */
/* wysiwyg */
.wysiwyg { font-size: 3.4vw; margin-bottom: 4vw; word-wrap: break-word; }
.wysiwyg a { text-decoration: underline; color: #1a73e8; }
.wysiwyg strong { font-weight: bolder; }
.wysiwyg em { font-family: 'ＭＳ ゴシック', sans-serif; font-style: italic; }
.wysiwyg img { max-width: 100% !important; height: auto !important; }
.wysiwyg p { line-height: 1.6; min-width: 1rem; min-height: 1rem; margin-bottom: 1em; }
.wysiwyg h1,
.wysiwyg h2,
.wysiwyg h3,
.wysiwyg h4,
.wysiwyg h5,
.wysiwyg h6 { font-weight: bold; text-align: left; color: #333; }
.wysiwyg h1 { font-size: 4vw; line-height: 1.6; margin: 0.5em 0 1em; padding: 3vw; background-color: #dcdcdc; }
.wysiwyg h2 { font-size: 4vw; line-height: 1.6; margin: 0.5em 0 1em; padding: 3vw; border-top: 1px solid #333; border-bottom: 1px solid #333; }
.wysiwyg h3 { font-size: 4vw; line-height: 1.6; margin: 0.5em 0 1em; padding: 2vw; border-left: 4px solid #231815; }
.wysiwyg h4 { font-size: 4vw; line-height: 1.6; margin: 0.5em 0 1em; padding: 0 0 3%; border-bottom: 1px solid #000; }
.wysiwyg h5 { font-size: 4vw; line-height: 1.6; margin: 0.5em 0 1em; padding: 0 0 3%; border-bottom: 1px dashed #000; }
.wysiwyg h6 { font-size: 4vw; line-height: 1.6; margin: 0.5em 0 1em; padding: 2vw; border: 1px dotted #999; background-color: #eee; }
.wysiwyg ul { line-height: 1.6; margin: 0.5em 0 1em 2em; list-style-type: disc; }
.wysiwyg ol { font-size: 1.4rem; line-height: 1.6; margin: 0.5em 0 1em 2em; list-style-type: decimal; }
.wysiwyg table { overflow-x: scroll; width: 100% !important; margin-bottom: 1.2em; table-layout: fixed; border-left: 1px solid #999; }
.wysiwyg table th,
.wysiwyg table td { font-size: 3.6vw; line-height: 1.75; padding: 0.6em; border: 1px solid #999; border-top: none; border-left: none; height: auto !important; }
.wysiwyg table tr { display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; height: auto !important; }
.wysiwyg table td { line-height: 1.7; min-width: 45vw; height: auto !important; }
.wysiwyg .wys-scr { overflow-x: scroll; width: 100%; margin-right: 2em; border-top: 1px solid #999; }
.wysiwyg .wys-scr p { margin-bottom: 0; }
/* img-block */
/* アンカーリンク調整 */
.hideAnchor { display: block; height: 0; overflow: hidden; text-indent: -2415.217vw; margin-top: -2.415vw; padding-bottom: 2.415vw; }
/* スクロール縦 */
.scroll-y { box-sizing: border-box; overflow-y: scroll; transform: translateZ(0); }
/* リンク透明 */
a img:hover { -ms-filter: 'alpha( opacity=80 )'; filter: alpha(opacity=80); opacity: 0.8; }
/* リンク透明にしない */
.noop a img:hover { -ms-filter: 'alpha( opacity=100 )'; filter: alpha(opacity=100); opacity: 1; }
/*---------------------------------------- 外部サービス ----------------------------------------*/
/* ggmap */
/* iframeのコピーしたコード
*/
.sp-ggmap { position: relative; padding-bottom: 56.25%; padding-top: 7.246vw; height: 0; overflow: hidden; }
.sp-ggmap iframe,
.sp-ggmap object,
.sp-ggmap embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/* */
.youtube { position: relative; width: 100%; padding-top: 56.25%; }
.youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }
/*---------------------------------------- webフォント（サーバー置き） ----------------------------------------*/
@font-face { font-family: 'jp-sttl01'; /* お好きな名前にしましょう */
src: url('../font/.eot'); /* IE9以上用 */
src: url('../font/bokutachi.eot?#iefix') format('embedded-opentype'),
url('../font/NotoSansCJKjp-Medium.woff') format('woff'),
url('../font/NotoSansCJKjp-Medium.woff') format('woff'); /* iOS, Android用 */
/* 念の為指定しておきます */
font-weight: normal; /* 念の為指定しておきます */
font-style: normal; vertical-align: top; margin: 0; padding: 0; }
.myWebFontClass { font-family: 'jp-sttl01'; }
}
@media screen and (max-height: 450px) {
/* 高さ450px以下の場合 andoroidのフォーム対策 ストーカーバナー用 */
.sp-fix-list { display: none; }
}