<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";


/* -------------------------- */
/* --------header 第1段-------- */
/* -------------------------- */
header{width: 100%; margin: 0;}

.h01{
display: -moz-box;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
padding-left: 8vw;
border-bottom: 1px solid #E6E6E6;
}


/* logoと電話番号 */
.logo_tel{
margin-right: auto;
align-self: center;
}

/* logo */
header h2{
width: 330px;
font-size: 1.3rem;
align-self: center;
white-space: nowrap;
}
header h2 img{
width: 40px;
margin-top: -10px;
margin-right: 10px;
}

/* tel */
.h_tel{
width: 170px;
align-self: center;
margin-right: auto;
margin-left: 20px;
border: solid #E6E6E6;
border-width: 0 0 0 1px;
padding: 10px 0 10px 20px;
}
.h_tel img{
width: 8px;
vertical-align: middle;
}
/* スマホtel 非表示 */
.h_tel_sp{display: none;}


/* ランゲージ */
.lang{
align-self: center;
font-size: 1.2rem;
}
.lang a{
display: block;
padding: 3px;
}
.lang span{padding: 0 10px;}

/*=== ランゲージ ホバーアニメ ====*/
.lang a{position: relative;}
.lang a::after {
content: '';
position: absolute;
z-index: -1;
bottom: 0;
left: 0;
width: 0;
height:100%;
background:#11BA71;
transition:all .5s;
opacity: 0;
}
.lang.current a::after,
.lang a:hover::after {
width: 100%;
opacity: 1;
}
.lang .current a,
.lang a:hover{
color: #fff;
}


/* 四角緑ボタン */
header .h01 ul{
width: max(20%, 200px);
margin-left: 30px;
display: -moz-box;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
}
header .h01 ul li{
width: 50%;
line-height: 1.0rem;
font-size: 0.9rem;
}
header .h01 ul li a{
display: block;
color: #fff;
text-align: center;
width: 100%;
height: 100%;
background-color: #11BA71;
padding: 10px 0;
box-sizing: border-box;
}
header .h01 ul li:last-child a{background-color: #009245;}
header .h01 ul li a:hover{background-color: #353535; transition: 0.5s;}
header .h01 ul li img{
display: block;
margin: 0 auto;
padding: 0px 10px 5px 10px;
width: 40%;
}

/* スマホのみのメニュー非表示 */
.lang_sp,.sp_nav_gentei{display: none;}












/* -------------------------- */
/* --------header 第2段-------- */
/* -------------------------- */
#menu {
display: -moz-box;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: center;
margin: 0 30px;
}

#menu-btn {
display: none;
}

/*===第一階層階層メニュー====*/
#menu-content {
margin: 0;
list-style-type: none;
}

#menu-content &gt; li {
position: relative;
float: left;
-webkit-transition: all 0.2s;
transition: all 0.2s;
margin: 10px 10px;
}

#menu-content &gt; li &gt; a {
display: block;
padding: 5px 10px;
color: #000;
text-decoration: none;
}


/*--第一階層メニュー　ホバーアニメ--*/
#menu-content &gt; li &gt; a{
position: relative;
}
#menu-content &gt; li &gt; a::after {
content: '';
position: absolute;
z-index: -1;
bottom: 0;
left: 0;
width: 0;
height:100%;
background:#11BA71;
transition:all .5s;
opacity: 0;
}
#menu-content &gt; li.current a::after,
#menu-content &gt; li &gt; a:hover::after {
width: 100%;
opacity: 1;
}
#menu-content &gt; li.current a,
#menu-content &gt; li &gt; a:hover{
  color: #fff;
}







/*====第二階層メニュー====*/
#menu-content &gt; li &gt; ul.sub_con {
visibility: hidden;
opacity: 0;
position: absolute;
padding-left: 0;
list-style-type: none;
-webkit-box-shadow: 1px 1px 7px #bbb;
box-shadow: 1px 1px 7px #bbb;
z-index:50;
}

#menu-content &gt; li:hover &gt; ul.sub_con {
visibility: visible;
opacity: 1;
background-color: #fff;
-webkit-transition: opacity 0.2s, visibility 0.2s;
transition: opacity 0.2s, visibility 0.2s;
}

#menu-content &gt; li &gt; ul.sub_con &gt; li {
text-align: center;
width: 250px;
text-align: left;
}

#menu-content &gt; li &gt; ul.sub_con &gt; li.sage {
text-indent: 1em;
}

#menu-content &gt; li &gt; ul.sub_con &gt; li &gt; a {
display: block;
line-height: 40px;
color: #000;
padding: 0 20px;
}

#menu-content &gt; li &gt; ul.sub_con &gt; li &gt; a:hover {
background: #eee;
color: #000;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}

/* 第二階層メニューあるボタンにアイコン */
.down_icon{
background-image: url(../../common/img/bt_icon_01.svg);
background-position: right;
background-repeat: no-repeat;
background-size: 8px;
}





/* -------------------------- */
/* --------SP-------- */
/* -------------------------- */
@media screen and (max-width: 1000px) {


/* -------------------------- */
/* --------header 第1段-------- */
/* -------------------------- */
header{width: 100%; margin: 0;}

/* header第1段 */
.h01{
display: -moz-box;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
padding-left: 3vw;
border-bottom: 1px solid #E6E6E6;
}


/* logoと電話番号 */
.logo_tel{
margin-right: auto;
align-self: center;
margin-top: 5px;
}

/* logo */
header h2{
width: min(70%, 360px);
align-self: center;
letter-spacing: 0;
padding: 15px 0;
white-space:nowrap;
line-height: min(1.6rem, 1.4rem);
font-size: min(4vw, 1.3rem);
}
header h2 img{
width: 12%;
align-self: center;
margin-right: 10px;
vertical-align: middle;
}



/* tel 非表示 */
.h_tel{display: none;}

/* ランゲージ 非表示 */
.lang{display: none;}

/* 四角緑ボタン 非表示 */
header .h01 ul{display: none;}




/* -------------------------- */
/* --------header 第2段-------- */
/* -------------------------- */
nav {
position: fixed;
top: 0;
left: -800px;
bottom: 0;
width: 75%;
background: #fff;
overflow-x: hidden;
overflow-y: auto;
-webkit-transition: all 0.3s;
transition: all 0.3s;
opacity: 0;
z-index:50;
}
.open nav {
left: 0;
opacity: 1;
}
nav .inner {
padding: 20px;
}
nav .inner ul {
list-style: none;
margin: 0;
padding: 0;
}
nav .inner ul li {
position: relative;
margin: 0;
}
nav .inner ul li a {
display: block;
font-size: 0.9rem;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
}

/* ハンバーガー */
.toggle_btn {
display: block;
position: fixed;
background-color: #fff;
top: 15px;
right: 20px;
width: 35px;
height: 30px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
cursor: pointer;
z-index: 3;
}
.toggle_btn span {
position: absolute;
left: 5px;
width: 25px;
height: 1px;
background-color: #333;
border-radius: 4px;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.toggle_btn span:nth-child(1) {top: 4px;}
.toggle_btn span:nth-child(2) {top: 14px;}
.toggle_btn span:nth-child(3) {bottom: 4px;}
.open .toggle_btn span:nth-child(1) {
-webkit-transform: translateY(10px) rotate(-315deg);
transform: translateY(10px) rotate(-45deg);
}
.open .toggle_btn span:nth-child(2) {opacity: 0;}
.open .toggle_btn span:nth-child(3) {
-webkit-transform: translateY(-10px) rotate(315deg);
transform: translateY(-10px) rotate(45deg);
}

/* 背景のマスク */
#mask {
display: none;
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.open #mask {
display: block;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #000;
opacity: 0.5;
z-index: 2;
cursor: pointer;
}

/* メニューデザイン */
#menu-content &gt; li {
width: 100%;
margin-bottom: 15px;
}
#menu-content &gt; li:hover {
background: none;
}
#menu-content &gt; li &gt; a {
height: 100%;
padding: 0px;
font-size: 100%;
color: #11BA71;
font-family:'Koburina Gothic W6 JIS2004', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, 'sans-serif';
border-bottom: 1px solid #11BA71;
}

/* 最後のボタンの下部にゆとり */
#menu-content &gt; li:last-child &gt; a {margin-bottom: 30px;}


#menu-content &gt; li &gt; ul.sub_con {
visibility: visible;
opacity: 1;
width: 100%;
position: relative;
-webkit-box-shadow: none;
box-shadow: none;
}
#menu-content &gt; li &gt; ul.sub_con &gt; li {
width: 100%;
text-align-last: left;
}
#menu-content &gt; li &gt; ul.sub_con &gt; li &gt; a {
padding-left: 15px;
line-height: 35px;
font-size: 1.0rem;
}
#menu-content &gt; li &gt; ul.sub_con &gt; li &gt; a:hover {
background: none;
}



/* 第二階層メニューあるボタンにアイコン 非表示 */
.down_icon{background-image: none;}


/* スクロールを非表示 */
nav{
overflow-y: scroll;
-ms-overflow-style: none;    /* IE, Edge 対応 */
scrollbar-width: none;       /* Firefox 対応 */
}
nav::-webkit-scrollbar {  /* Chrome, Safari 対応 */
display:none;
}


/* スマホのみ表示メニュー */
.sp_nav_gentei{
display: -moz-box;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
align-items: flex-start;
}
.sp_nav_gentei li a{
display: block;
background-color: #11BA71;
color: #fff;
text-align: center;
padding: 7px 10px;
box-sizing: border-box;
margin-bottom: 10px;
}
.sp_nav_gentei li{width: 100%;}

.lang_sp{
display: -moz-box;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: flex-start;
align-self: center;
font-size: 1.2rem;
margin-bottom: 20px;
}
.lang_sp a{
display:block;
padding: 3px;
}
.lang_sp span{padding: 0 10px;}

/* tel */
.h_tel_sp{
display: block;
font-size: 1.2rem;
padding: 10px 0 10px 20px;
}
.h_tel_sp img{
width: 13px;
vertical-align: middle;
}


}
</pre></body></html>