@charset "UTF-8";
/* あまり触らないcssは管理 */
@import url("common_base.css");
@media screen and (min-width: 768px),print {
#popup-bnr { width:400px; height:400px; position:fixed; bottom:10px; right:80px; z-index:998; opacity:0; bottom:-500px; transition:1.2s; }
#popup-bnr .popup-bnr { position:relative; }
#popup-bnr .popup-bnr span { width:20px; height:20px; position:absolute; top:-11px; right:-3px; z-index:10; }
#popup-bnr .popup-bnr span:hover { cursor:pointer; cursor:hand; opacity:0.8; }
#popup-bnr .popup-bnr span:before { content:url("../images/common/popup-icon.png"); }
#popup-bnr .popup-bnr img { width:100%; height:auto; }
#popup-bnr.show { opacity:1; bottom:72px; transition:1.2s; }
/* ★ body */
body { font-size: 16px; overflow-x: hidden; line-height: 1.8; max-width: 1920px; width: 100%; margin: 0 auto!important; 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; font-size: 16px; letter-spacing: 0.05em; line-height: 33px; color: #1a1a1a; }
/* ★ header */
header { position: relative; height: 131px;
.hh-logo { width: 240px; position: absolute; top: 0; left: 0;
img { width: 100%; }
}
.hh-tel { position: absolute; top: 30px; right: 160px; }
}
/* ★ メガメニュー関係 */
.pc-menu { position: fixed; top: 30px; right: 30px; z-index: 500; }
.pc-menu:hover { opacity: 0.8; cursor: pointer; cursor: hand; }
#pc-menu-open { display: none; background: #F2F2F2; width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; right: 0; z-index: 10000; overflow: scroll; 
padding-top: 100px;
}
#pc-menu-open .open-close-01 { position: absolute;
top: 30px;
right: 30px;
}
#pc-menu-open .open-close-01:hover { opacity: 0.8; cursor: pointer; cursor: hand; }
#pc-menu-open .oo-tel{
position: absolute;
top: 30px;
right: 160px;
}
.open-main-Box {
.oo-link-list{
width: 1100px;
margin: 0 auto;
margin-bottom: 69px;
display: flex;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
}
.cc-link-box{width: 1173px;margin: 0 auto;}
.cc-link-box {
.cc-link-box-l {
margin-left: 6px;
}
}
}

/* ★ 下層 h1 エリア */
h1.main-title { background-image: url(../images/common/h1-bg.png); background-repeat: no-repeat; background-position: center 0; height: 170px; }
h1.main-title .jp { display: block; width: 1100px; height: 170px; margin: 0 auto; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","NotoSansCJKjp","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: normal; font-size: 32px; letter-spacing: 0.05em; line-height: normal; text-align: left; color: #1a1a1a; display: flex; flex-wrap: wrap; align-items: center; }

h2.sub-title {background: #FCCF00;padding: 25px 20px;color: #1A1A1A;margin-bottom: 16px;font-size: 28px;font-weight: bold;letter-spacing: 7px;text-align: center;}
/* ★ パンくず */
.seo_bread_list {max-width: 1100px;width: 100%;padding: 26px 0 0;margin: 0 auto 0px;font-weight: normal;font-size: 14px;letter-spacing: 0.05em;line-height: 33px;text-align: left;color: #1a1a1a;margin-bottom: 49px;
position: relative;left: -5px;
}
.seo_bread_list > div > span{
  margin-left: 5px;
  margin-right: 5px;
  display: inline-block;
}




/* ★ グローバルメニュー */
#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; }
/* ★ サイドバナー */
.side-fix { position: fixed; top: 150px; right: 0; z-index: 10; 
display: none;
}
/* ★ エンドバナー */
/*============================
#ee
============================*/
#ee { background-image: url(../images/common/ee-bg.png); background-repeat: no-repeat; background-position: center 0; margin-top: 129px; padding-top: 81px; padding-bottom: 81px; min-height: 720px;
.ee-box { width: 1260px; margin: 0 auto;
.ee-en { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","NotoSansCJKjp","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: normal; font-size: 22px; letter-spacing: 0.05em; text-align: center; color: #fccf00; margin-bottom: 18px; }
.ee-txt { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","NotoSansCJKjp","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; font-weight: normal; font-size: 25px; line-height: 43px; text-align: center; color: #fff; margin-bottom: 51px; letter-spacing: normal; position: relative; left: 3px; }
.ee-list { display: flex; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: 64px;
li { width: 600px; position: relative; box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.25); }
.ee-list-pic { position: relative; }
.ee-list-txt { font-weight: normal; font-size: 14px; letter-spacing: 0.05em; line-height: 20px; text-align: left; color: #1a1a1a; position: absolute; bottom: 22px; left: 262px; }
.ee-list-txt.ano { bottom: 22px; }
}
.ee-box-2 { position: relative;
.ee-tel { position: absolute; top: 7px; left: 129px; }
.ee-list-2 { width: 580px; margin-left: auto; margin-right: 50px; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
}
.ee-bd-box { margin-top: 24px; padding-top: 16px; padding-left: 267px; border-top: 1px solid #fff; display: flex; flex-wrap: wrap; position: relative;
.ee-logo { margin-right: 28px; }
.ee-txt-2 { font-size: 14px; letter-spacing: 0.05em; line-height: 24px; text-align: left; color: #fff; position: absolute; top: 26px; left: 484px; 

}
}
}
}
.rel-page-top { position: relative; }
/* ★ page-top */
.page-top a{ display: block; position: fixed;bottom: 22px;right: 30px;width: 121px;}
.page-top a img{
  line-height: normal;
	width: 100%;
	height: auto;
}
/* ★ フッター */
footer { padding-top: 68px; max-width: 1600px; width: 100%; margin: 0 auto; position: relative;
.cc-link-box-l { margin-left: 50px; }
.cc-link-box-r { margin-right: 113px; }
}

.cc-link-box { display: flex; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
.cc-link-box-l { width: 260px;
.cc-link-logo { margin-bottom: 44px; margin-left: 5px; }
.cc-link-txt { font-weight: normal; font-size: 14px; /* letter-spacing: 0.05em; */; line-height: 24px; text-align: left; color: #1a1a1a; margin-bottom: 11px; margin-left: 2px; }
.cc-link-txt-2 { font-weight: normal; font-size: 14px; letter-spacing: 0.7px; line-height: 24px; text-align: left; color: #1a1a1a; margin-bottom: 24px; margin-left: -1px; }
.cc-link-list { width: 190px; display: flex; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; }
}
.cc-link-box-r { width: 745px; position: relative; top: -1px;
.cc-home-txt { font-weight: normal; font-size: 16px; letter-spacing: 0.05em; line-height: 36px; text-align: left; color: #1a1a1a; margin-bottom: 39px;
.ff-home-ss-1 {
&::after { content: "|"; display: inline-block; padding-left: 5px; margin-right: 5px; }
}
.ff-home-ss-2 { position: relative; }
}
.cc-navi-box { display: flex; flex-wrap: wrap;
.cc-navi-list { font-weight: normal; font-size: 16px; letter-spacing: 0.05em; line-height: 33px; text-align: left; color: #1a1a1a;
li{
position: relative;
&::before { content: "-";
position: absolute;
top: 0;
left: 0;
}
}
a {
display: block;
padding-left: 20px;
}
}
.cc-navi-box-l { width: 205px; margin-right: 86px; }
.cc-navi-box-m {width: 239px;margin-right: 6px;}
.cc-navi-box-r {width: 175px;}
}
}
}
.copyright {
}
/* ★ コピーライト */
.copyright { max-width: 1492px; width: 100%; margin: 0 auto; margin-top: 84px; font-size: 0.75em; text-align: left; padding: 20px 0px; display: block; letter-spacing: 1.1px; }
}


@media screen and (max-width: 767px) {
#popup-bnr { width:50vw; height:50vw; position:fixed; bottom:20vw; right:1vw; z-index:998; bottom:-80vw; opacity:0; transition:1.0s; }
#popup-bnr .popup-bnr { position:relative; }
#popup-bnr .popup-bnr span { width:8vw; height:8vw; position:absolute; top:-5.314vw; right:-0.483vw; }
#popup-bnr .popup-bnr span:before { content:url("../images/common/sp-popup-icon.png"); transform:scale(0.55); display:block; }
#popup-bnr .popup-bnr img { width:100%; height:auto; }
#popup-bnr.show { opacity:1; bottom:21dvw; transition:1.0s; }
#popup-bnr .popup-bnr span:hover { opacity:0.8; cursor:pointer; cursor:hand; }
/* ★ body */
body { overflow: clip; font-family: sans-serif; -webkit-text-size-adjust: 100%; line-height: 1.6; 
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;
font-size: 3.382vw;
line-height: 6.28vw;
text-align: left;
color: #1a1a1a;
}
/* ★ header */
.sp-header .hh-logo { position: relative; }
.sp-header .h-menu { position: fixed; top: 2.415vw; right: 2.415vw; width: 24.155vw; z-index: 997; }
/* ★ メガメニュー関係 */
.oo-link-list{
width: 86.957vw;
margin: 0 auto;
margin-top: 9.179vw;
margin-bottom: 12.077vw;
display: flex;
flex-wrap: wrap;
-webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;
}
.oo-link-list li{
width: 41.304vw;
}

nav#sp-global-nav .h-logo { position: relative; }
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; }
nav#sp-global-nav .open-close-01 { position: fixed; top: 2.415vw; right: 2.415vw; width: 24.155vw; z-index: 998; }
nav#sp-global-nav .open-close-01 img {
}
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{
.cc-link-box { display: flex; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between;

.cc-link-box-l { width: 100%;
margin-bottom: 34vw;
}
.cc-link-box-r {
width: 100%;
order: -1;
margin-bottom: 14.01vw;
.cc-home-txt {display: none;}
.cc-navi-box { display: flex; flex-wrap: wrap;
border-bottom: 1px solid #fff;
position: relative;
&::after{
content: "";
width: 100%;
height: 0.242vw;
background-color: #E5E5E5;
bottom: 0.242vw;
}
.cc-navi-list { font-weight: normal; font-size: 3.865vw; letter-spacing: 0.05em; line-height: 7.971vw; text-align: left; color: #1a1a1a;
li{
position: relative;
&::before {
content: ">";
position: absolute;
top: 2.899vw;
right: 8.696vw;
font-weight: 500;
font-size: 3.382vw;
letter-spacing: 0.05em;
text-align: left;
color: #1a1a1a;
}
}
a {display: block;padding-left: 9.662vw;font-weight: 500;font-size: 3.382vw;letter-spacing: 0.05em;text-align: left;color: #1a1a1a;position: relative;border-top: 1px solid #E5E5E5;padding-top: 2.415vw;padding-bottom: 2.415vw;
&::before{content: "";width: 100%;height: 1px;position: absolute;background-color: #fff;left: 0;top: 0px;}
}
}
.cc-navi-box-l { width: 100%;}
.cc-navi-box-m {width: 100%;}
.cc-navi-box-r {width: 100%;}
}
}
}
}

/* ★ 下層 h1 エリア */
h1.main-title { background-image: url(../images/common/sp-h1-bg.png); background-repeat: no-repeat; background-position: center 0; height: 21.739vw; 
background-size: contain;
margin-bottom: 8.454vw;
}
h1.main-title .jp {
width: 86.957vw;
height: 21.739vw;
margin: 0 auto;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","NotoSansCJKjp","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: normal;
font-size: 4.589vw;
letter-spacing: 0.05em;
line-height: 11.836vw;
text-align: center;
color: #1a1a1a;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}

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 {
	display: none;
	width: 100%; padding: 5% 5.797vw; margin: 0 auto; font-size: 1.2rem;font-size: 2.899vw; line-height: 5.797vw; text-align: left; color: #a4a4a4;
a { color: #a4a4a4; }
}
/* ★ サイドバナー */
.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; }
/* ★ エンドバナー */
/*============================
#ee
============================*/
#ee {background-image: url(../images/common/sp-ee-bg.png);background-repeat: no-repeat;background-position: center 0;margin-top: 24vw;padding-top: 14.493vw;padding-bottom: 15.942vw;background-color: #795F43;background-size: auto;
.ee-box { width: 100%; margin: 0 auto;
.ee-en {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","NotoSansCJKjp","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight: normal;text-align: center;color: #fccf00;margin-bottom: 3.14vw;font-size: 5.072vw;letter-spacing: 0.05em;}
.ee-txt {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3","NotoSansCJKjp","Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight: normal;text-align: center;color: #fff;margin-bottom: 8.213vw;letter-spacing: normal;position: relative;left: 2.415vw;font-size: 3.865vw;line-height: 6.763vw;}
.ee-list {width: 91.787vw;margin: 0 auto;display: flex;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;margin-bottom: -0.242vw;
li {width: 100%;margin-bottom: 8.937vw;position: relative;}
.ee-list-pic {position: relative;margin-bottom: 4.348vw;box-shadow: 0px 20px 20px rgba(0, 0, 0, 0.15);}
.ee-list-txt {font-weight: normal;color: #fff;font-size: 3.623vw;letter-spacing: 0.05em;line-height: 6.039vw;text-align: center;}
.ee-list-txt.ano { bottom: 5.314vw; }
}
.ee-box-2 { position: relative;
.ee-tel {width: 91.787vw;margin: 0 auto;margin-bottom: 7.246vw;/* position: absolute; *//* top: 1.691vw; *//* left: 31.159vw; */}
.ee-list-2 {width: 67.633vw;margin: 0 auto;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between;
li{
margin-bottom: 4.589vw;
}
}
}
.ee-bd-box {width: 91.787vw;margin: 0 auto;margin-top: 7.488vw;padding-top: 8.454vw;border-top: 1px solid #fff;display: flex;flex-wrap: wrap;position: relative;
.ee-logo {
width: 45.894vw;
margin: 0 auto;
margin-bottom: 4.831vw;
}
.ee-txt-2 {width: 60.628vw;margin: 0 auto;text-align: center;color: #fff;font-size: 3.382vw;letter-spacing: 0.05em;line-height: 5.797vw;
.ss{
display: none;
}
}
}
}
}
/* ★ page-top */
.rel-page-top{
margin-top: 9.662vw;
margin-bottom: 42.029vw;
}
.page-top a{display: block;width: 28.986vw;margin: 0 auto;margin-bottom: 11.353vw;margin-top: -16.908vw;background-color: #fff;position: relative;z-index: 10;}
/* ★ フッター */
footer {
.cc-link-box-r{
display: none;
}
}
.cc-link-box-l {
margin-bottom: 10.628vw;
.cc-link-logo {
width: 45.652vw;
margin: 0 auto;
margin-bottom: 5.797vw;
}
.cc-link-txt {font-size: 3.382vw;letter-spacing: 0.05em;line-height: 5.797vw;text-align: center;color: #1a1a1a;margin-bottom: 2.899vw;}
.cc-link-txt-2 {font-size: 3.382vw;letter-spacing: 0.05em;line-height: 5.797vw;text-align: center;color: #1a1a1a;margin-bottom: 5.797vw;}
.cc-link-list {width: 45.894vw;margin: 0 auto;display: flex;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;-webkit-justify-content: space-between;justify-content: space-between; 
li{
width: 12.077vw; 
}
}
}

/* ★ コピーライト */
.copyright {display: block;font-weight: normal;font-size: 2.657vw;letter-spacing: 0.05em;line-height: 4.831vw;text-align: center;color: #999;}
}