@charset "utf-8";

html {font-size: 62.5%; /* ベースを10pxに指定 */}
body {
  font-size: 1.0em;
  font-family: "UD新ゴ R", UD Shin Go Regular, sans-serif;
}

header,
footer{
overflow:hidden;
}

.shingo{font-family: "UD新ゴ M", UD Shin Go Medium, sans-serif;}

.yugo{font-family: "UD新ゴ R", UD Shin Go Regular, sans-serif;}

/* .yugo {
font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
} */

/* 言語調整 */
/* #flags{
display:none !important;
} */

.print_header{display:none;}

#flags{
position:absolute;
width:190px !important;
top:45px;
right:194px;
z-index:100;
}

#google_language_translator{
position:absolute;
/* top:66px;
right:230px; */
right:10px;
top:40px;
}

#flags #Ukrainian,
#flags #Russian,
#flags #Malay,
#flags #Lao,
#flags #Bengali,
#flags #Mongolian,
#flags #Khmer,
#flags #Thai,
#flags #Filipino,
#flags #Indonesian,
#flags #Nepali,
#flags #Korean{ 
display:none !important;
}

/* ミャンマーの国旗非表示 */
#flags li:last-of-type{
display:none !important;
}

.furigana #google_language_translator,
.furigana #flags{ 
	display: none;
}

/* googleサブメニュー非表示 */
.skiptranslate iframe{
display:none;
}

@media(orientation: portrait) and (max-device-width: 1024px){
#flags{
width:190px !important;
top:54px;
right:194px;
z-index:100;
}

#google_language_translator{
position:absolute;
top:46px;
right:44px;
}

}

@media screen and (max-width: 767px) {
#flags{
width:190px !important;
top:42px;
right:7px;
z-index:100;
}

#google_language_translator{
position:absolute;
top:36px;
right:auto;
left:0;
}

}






rt {
margin-bottom: .3em;
transform: translateY(-.3em);
}

a img {
transition:opacity 0.4s ease-in-out;
}
a:hover img {
opacity:0.5;
}

/*
-----------------------------------------------
PC用ナビゲーション
----------------------------------------------- */
.main-navi{
position:relative;
z-index:100;
padding:5px 0;
padding-bottom:7px !important;
margin-bottom:3px !important;
/* background:#f0f3ef; */
background-image:url(../img/u_bar.png);
background-repeat:no-repeat;
background-position:center bottom;
}

.main-navi-border{
padding-bottom:2px;
border-bottom:solid 3px #108a00;
}



.navi-wrap{
background:#f0f3ef;
padding:5px 10px 5px 10px;
border-top:solid 1px #8cc63f;
border-bottom:solid 1px #8cc63f;
}



.navi{
width:1080px;
margin-left:auto;
margin-right:auto;
z-index:100;
text-align:center;
position:relative;
vertical-align:top;
}


.navi > li{
/* padding-top:10px; */
display:inline-block;
position:relative;
width:25%;
font-size:1.8em;
border-right:solid 2px #dadad6;
vertical-align:middle;
line-height:1.3 !important;
}

.translated-ltr .navi > li{
font-size:1.4em;
}

:lang(ja) .navi > li{
font-size:1.8em !important;
}


.navi > li:first-child{
border-left:solid 2px #dadad6;
}


.navi a{
text-decoration:none !important;
}

.navi > li a{
display:block;
padding:5px 18px;
color:#444;
}

.navi > li a:hover{
text-decoration:none;
color:#999;
}


/*
-----------------------------------------------
TAB 横 ナビゲーション
----------------------------------------------- */
@media (orientation: landscape) and (max-device-width: 1024px){
.navi{
width:100%;
}
}

/*
-----------------------------------------------
TAB用ナビゲーション
----------------------------------------------- */
@media(orientation: portrait) and (max-device-width: 1024px){
.navi{
width:100%;
margin-left:auto;
margin-right:auto;
z-index:100;
text-align:center;
position:relative;
}

.navi > li{
font-size:1.4em !important;
}

.furigana .navi > li{
font-size:1.2em !important;
}

.main-navi{
background-image:none;
padding-bottom:0px !important;
margin-bottom:0px !important;
}

.fixed {
    overflow: auto;
    height: 100%;
}

.drawer-hamburger {
display:block !important;
}

.drawer-menu{
margin-top:20px;
padding-bottom:80px;
}

.drawer-open #contents{
}

.drawer-dropdown-menu-item{
font-size:1.4em !important;
padding:0.8em 0 0.8em 2em !important;
line-height:1.0 !important;
}

/* ハンバーガーメニューのMENUの文字 */
.nav-menu{
position:absolute;
top:68%;
left:6px;
font-size:1em;
color:#fff;
}

.navi-span{
margin-right:10px !important;
}

}

/*
-----------------------------------------------
SP用ナビゲーション
----------------------------------------------- */
@media screen and (max-width: 767px) {
.main-navi{
display:none;
}
}

/*
-----------------------------------------------
ヘッダ
----------------------------------------------- */
#head-in{
width:100%;
padding:10px 0 0 0;
position:fixed;
background:rgba(255,255,255,1.0);
z-index:1000;
/* ▼追加 */
min-width:1130px;
}

.head-kakudai{
position:absolute;
top:10px;
right:40px;
z-index:100;
font-size:1.0em;
}

.head-kakudai p{
display:inline-block;
font-size:1.4em;
width:100px;
text-align:right;
}


.btn-layout{
margin-left:4px;
cursor: pointer;
display:inline-block;
/* background:rgba(255,255,255,0.3); */
width:3.5em;
line-height:1.1 !important;
text-align:center;
padding:5px 0 5px 0;
color:#333;
border:solid 1px #808080;
font-size:1.4em;
background: linear-gradient(#ffffff,#dcd8d8);
}

.btn-layout:hover{
text-decoration:none;
background:rgba(232,228,228,0.8);
}

header{
/* height:157px; */
width:100%;
position:static;
z-index:100;
top: 0; 
left: 0;
right: 0;
}

header h1{
position:relative;
width:548px;
z-index:1000;
padding-top:5px;
padding-bottom:26px;
/* padding-bottom:16px; */
padding-left:20px;
}

header h1 img{
z-index:1000;
width:100%;
height:auto;
}

header .search-box{
position:absolute;
top:8px;
right:380px;
z-index:100;
font-size:1.4em;
}

header .searchfield {
  width: 200px;
  margin: 3px;
  padding: 3px 10px;
  border: solid 1px #ccc !important;
  border-radius: 20px;
  background-color: #fff !important;
  height:32px !important;
}

header .searchsubmit {
  font-family:'Font Awesome 5 Free';
  font-size: 1.4em;
  position: absolute;
  top: 0px;
  right: 20px;
  margin-top: 10px;
  padding: 0;
  cursor: pointer;
  color: #444;
  border: none;
  background: transparent;
  font-weight: 600;
}
 
header .searchsubmit:hover {
  opacity: .6;
}

.head-en{
font-size:1.4em;
/* color:#99cc33; */
color:#507505;
padding-left:20px;
}

.head-sitemap{
display:block;
position:relative;
font-size:1.4em;
}

.head-sitemap a{
color:#333;
}

.head-sns{
position:absolute;
right:230px;
/* top:52px; */
top:10px;
}

.head-sns ul li{
display:inline-block;
}

.head-sns i{
font-size:28px;
margin-left:8px;
}

.head-sns a i{
color:#999 !important;
}

.head-sns a i:hover{
opacity:0.6;
}

/*
-----------------------------------------------
TAB 横
----------------------------------------------- */
@media (orientation: landscape) and (max-device-width: 1024px){
#head-box{
width:100%;
padding-left:15px;
padding-right:15px;
}

.head-contact{
right:15px;
}

.head-kakudai .moji-kakudai{
display:none;
}
.head-sitemap{
font-size:1.6em;
}
}

/*
-----------------------------------------------
ヘッダ　ipad pro
----------------------------------------------- */
@media(orientation: portrait) and (max-device-width: 1024px){
#head-in{
min-width:auto !important;
}

header .search-box{
position:absolute;
top:64px;
right:380px;
z-index:100;
font-size:1.4em;
}

}

/*
-----------------------------------------------
ヘッダ　TAB SP
----------------------------------------------- */
@media(orientation: portrait) and (max-device-width: 1024px){
#head-box{
width:100%;
}

#head-in{
width:100% !important;
min-width:100% !important;
}

.head-kakudai{
display:none;
}

.head-en{
font-size:1.4em;
}

header{
padding-bottom:65px;
}

header h1{
position:relative;
width:370px;
padding-top:15px;
padding-bottom:15px;
padding-left:20px
}

header h1 img{
width:100%;
height:auto;
}

.head-sitemap{
position:absolute;
right:80px;
top:55px;
}
/* 
#head-in .search-box{
display:none;
} */

header .search-box{
position:absolute;
top:8px;
right:45px;
z-index:100;
font-size:1.2em;
}


.head-sns{
display:none;
}

}

/*
-----------------------------------------------
ヘッダ　SP
----------------------------------------------- */
@media screen and (max-width: 767px) {
.drawer-hamburger{
margin: 7px 7px 0 0;
}

#head-in .search-box{
display:none;
}

header h1{
width:246px;
padding-top:4px;
padding-bottom:0px;
padding-left:8px
}



header{
padding-bottom:0;
}


.head-sitemap{
display:none;
}

.head-en01{
font-size:0.9em;
padding-left:5px;
}

#head-in{
padding-top:3px;
padding-bottom:14px;
height:70px;
border-bottom:solid 1px #ccc;
}
}


/*
-----------------------------------------------
コンテンツ幅
----------------------------------------------- */
#wrap{
padding-top:167px;
}

#wrap-top{
padding-top:167px;
}

.translated-ltr #wrap-top,
.translated-ltr #wrap{
padding-top:195px;
}


:lang(ja) #wrap-top,
:lang(ja) #wrap{
padding-top:167px !important;
}

.furigana #wrap-top,
.furigana #wrap{
padding-top:185px !important;
}

#contents{
line-height:1.7;
color:#333;
background:#fff;
width:1080px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
}

.in-box01{
position:relative;
width:1120px;
margin-left:auto;
margin-right:auto;
}

.in-box02{
position:relative;
width:800px;
margin-left:auto;
margin-right:auto;
}

.in-box03{
position:relative;
width:980px;
margin-left:auto;
margin-right:auto;
}

.in-box04{
position:relative;
width:690px;
margin-left:auto;
margin-right:auto;
}

.in-box05{
position:relative;
width:1080px;
margin-left:auto;
margin-right:auto;
}

/*
-----------------------------------------------
TAB 横
----------------------------------------------- */
@media (orientation: landscape) and (max-device-width: 1024px){
#contents,
.in-box00,
.in-box01,
.in-box02,
.in-box05,
.in-box04,
.in-box03{
width:100%;
padding-left:30px;
padding-right:30px;
}
}


/*
-----------------------------------------------
コンテンツ幅 TAB
----------------------------------------------- */
@media(orientation: portrait) and (max-device-width: 1024px){


#contents,
.in-box00,
.in-box01,
.in-box02,
.in-box05,
.in-box04,
.in-box03{
width:100%;
padding-left:30px;
padding-right:30px;
}

:lang(ja) #wrap-top,
:lang(ja) #wrap{
padding-top:78px !important;
}

.translated-ltr #wrap-top,
.translated-ltr #wrap{
/* padding-top:195px; */
padding-top:110px !important;
}

.furigana #wrap-top,
.furigana #wrap{
padding-top:78px;
}

.furigana #wrap{
padding-top:82px;
}

#wrap{
padding-top:74px;
}

#wrap-top{
padding-top:74px;
}

}



/*
-----------------------------------------------
コンテンツ幅 SP
----------------------------------------------- */
@media screen and (max-width: 767px) {
#contents,
.in-box00,
.in-box01,
.in-box05,
.in-box02,
.in-box03{
width:100%;
padding-left:15px;
padding-right:15px;
}

#wrap,
.furigana #wrap{
padding-top:0px;
}

#wrap-top{
padding-top:10px;
}

.translated-ltr #wrap-top,
.translated-ltr #wrap{
/* padding-top:195px; */
padding-top:10px !important;
}

.furigana #wrap-top{
padding-top:10px;
}

}

/*
-----------------------------------------------
パンクズ
----------------------------------------------- */

.pk{
font-size:1.6em;
padding-bottom:40px;
padding-left:3%;
padding-right:3%;
}

.pk span{
margin-left:10px;
margin-right:10px;
}

.pk-ul{
line-height:1.3 !important;
display:inline;
}


.pk a{
color:#666 !important;
}

.pk-ul a:hover{
text-decoration:underline !important;
}

/*
-----------------------------------------------
パンクズ TAB SP
----------------------------------------------- */
@media(orientation: portrait) and (max-device-width: 1024px){
.pk{
padding-top:10px;
padding-bottom:10px;
font-size:1.2em !important;
}
}

/*
-----------------------------------------------
フッター
----------------------------------------------- */
/* .foot-ban{
padding:30px 0;
display:flex;
justify-content:space-between;
}

.foot-ban li:hover{
opacity:0.6;
}

.foot-ban li{
width:32%;
border:solid 1px #1d863b;
text-align:left;
font-size:1.7em;
margin-bottom:15px;
}

.foot-ban li a{
display:block;
padding:10px;
text-decoration:none;
color:#000;
}

.foot-ban li a span{
display:block;
margin-left:45px;
text-align:center;
padding:15px 0
}

.foot-ban li a:before{
 content: '';
  display: block;
  position:absolute;
  width:50px;
  height:50px;
  background-size: contain;
  vertical-align: middle;
  background-repeat:no-repeat;
  margin-left:0;
  margin-right:auto;
  padding-bottom:5px;
}

#foot-b01 a:before{
background-image: url(../img/f01.png);
}

#foot-b02 a:before{
background-image: url(../img/f02.png);
}

#foot-b03 a:before{
background-image: url(../img/f03.png);
} */

.foot-ban{
display:flex;
flex-wrap:wrap;
justify-content:flex-start;
column-gap:3.5%;
row-gap:15px;
padding:20px 0;
}


.foot-ban li{
width:31%;
}


.foot-wrap{
background:#f0f3ef;
padding:20px 10px;
}

.foot-navi{
margin-left:auto;
margin-right:auto;
text-align:center;
}


.foot-navi li{
display:inline-block;
font-size:1.3em;
border-right:solid 1px #999;
padding:0 15px;
}

.foot-navi li:first-child{
border-left:solid 1px #999;
}

.foot-navi li a{
color:#3c3d3c;
}

.foot-logo{
position:absolute;
top:5px;
}

.foot-address{
margin-left:320px;
display:inline-block;
}

.foot-address-in01{
display:inline-block;
vertical-align:top;
margin-right:10px;
}
.foot-address-in02{
display:inline-block;
vertical-align:top;
}

.foot-address p{
font-size:1.4em;
}
.foot-bdr{
border-top:solid 1px #fff;
}

.foot-cr{
text-align:center;
font-size:1.3em;
padding:10px 0;
}

.foot-div .search-box{
display:none;
}

.contact-btn01{
display:inline-block;
padding:0 1.5em 0 1.5em;
border:solid 1px #666;
height:40px;
line-height:40px;
color:#333;
text-decoration:none !important;
margin-left:5px;
margin-right:5px;
}
.contact-btn01 i{
color:#999;
font-size:1.8em;
margin-right:5px;
position:relative;
top:3px;
}

.contact-btn01:hover{
text-decoration:none;
background:#fbfbfb;
}


/*
-----------------------------------------------
フッター　TAB SP
----------------------------------------------- */
@media(orientation: portrait) and (max-device-width: 1024px){

.foot-navi li{
font-size:1.2em;
margin-bottom:5px;
padding:0 8px;
}
/* 
.foot-div .search-box{
display:block;
position:relative;
margin-left:auto;
margin-right:auto;
text-align:center;
padding-bottom:20px;
}

.foot-div .searchfield {
  position:relative;
  font-size: 1.3em;
  width: 50%;
  margin: 3px;
  padding: 3px 10px;
  border: solid 1px #ccc !important;
  border-radius: 20px;
  background-color: #fff !important;
  height:32px !important;
}

.foot-div .searchsubmit {
  font-family:'Font Awesome 5 Free';
  font-size: 1.8em;
  position: absolute;
  top: 0px;
  right: 28%;
  margin-top: 10px;
  padding: 0;
  cursor: pointer;
  color: #999;
  border: none;
  background: transparent;
  font-weight: 600;
}
 
.foot-div .searchsubmit:hover {
  opacity: .6;
}

 */

.head-div{
margin:74px 0 0 0;
}

.head-div .search-box{
display:block;
position:relative;
margin-left:auto;
margin-right:auto;
text-align:center;
}


.searchfield {
font-family: "UD新ゴ R", UD Shin Go Regular, sans-serif !important;
  position:relative;
font-size:1.3em;
  width: 160px;
  margin: 3px;
  padding: 3px 10px;
  border: solid 1px #ccc !important;
  border-radius: 20px;
  background-color: #fff !important;
  height:32px !important;
}



.head-div .searchfield {
font-family: "UD新ゴ R", UD Shin Go Regular, sans-serif !important;
  position:relative;
font-size:1.3em;
  width: 100%;
  margin: 3px;
  padding: 3px 10px;
  border: solid 1px #ccc !important;
  border-radius: 20px;
  background-color: #fff !important;
  height:32px !important;
}

.head-div .searchsubmit {
  font-family:'Font Awesome 5 Free';
  font-size:1.8em;
  position: absolute;
  top: 0px;
  right: 5%;
  margin-top: 10px;
  padding: 0;
  cursor: pointer;
  color: #999;
  border: none;
  background: transparent;
  font-weight: 600;
}
 
.head-div .searchsubmit:hover {
  opacity: .6;
}

}

/*
-----------------------------------------------
フッター　SP
----------------------------------------------- */
@media screen and (max-width: 767px) {
.foot-in{
text-align:center;
}


.foot-ban{
column-gap:4%;
row-gap:15px;
padding:20px 0;
}

.foot-ban li{
width:48%;
}

.foot-logo{
position:relative;
top:auto;
text-align:center;
margin-bottom:15px;
padding-top:5px;
}

.foot-logo img{
width:70%;
height:auto;
}

.foot-address{
margin-left:0px;
}

.foot-wrap{
padding:10px 0;
}

.foot-address-in02{
margin-top:15px;
}

}


/*
-----------------------------------------------
見出し
----------------------------------------------- */
.h-type01{
font-size:2.4em;
padding-bottom:4px;
margin-bottom:40px;
border-bottom:solid 1px #8cc63f;
margin-left:3%;
margin-right:3%;
}

.h-type02{
font-size:2.0em;
margin-bottom:20px;
border-left:solid 10px #8cc63f;
padding-left:12px;
}

.h-type03{
border-bottom:solid 1px #ccc;
padding-bottom:6px;
margin-bottom:12px;
}

.h-type03 span{
font-size:1.6em;
display:inline-block;
float:right;
padding-right:24px;
}


/*
-----------------------------------------------
見出し SP
----------------------------------------------- */
@media screen and (max-width: 767px) {
.h-type01{
font-size:1.8em;
padding-bottom:4px;
margin-bottom:20px;
}

.h-type02{
font-size:1.6em;
margin-bottom:16px;
border-left:solid 10px #8cc63f;
padding-left:10px;
}

}




/* --------------------------
TOPスライド部分
---------------------------*/

.top-main{
margin-top:20px;
position:relative;
width:100%;
margin-left:auto;
margin-right:auto;
}


 .slider {
  margin: 0 auto;
  max-width: 1800px;
  width: 100%;
}

.slick-slide img {
    width: 100%;
    height: auto;
}

.slider{
    width: 100%;
}

.slider .slick-slide {
    margin:0 10px 0 10px;
}

.slider .slick-slide:not(.slick-center) {
    -webkit-filter: opacity(50%);
    -moz-filter: opacity(50%);
    -o-filter: opacity(50%);
    -ms-filter: opacity(50%);
    filter: opacity(50%);
    transition: 0.2s linear;
}

.slick-prev:before,
.slick-next:before {
  color: #000 !important;
}

.buttons {
  display: flex;
  justify-content: center;
}

.buttons .button {
  margin: 5px;
  border: 1px solid #444;
  color: #000;
  padding: 5px;
  text-align: center;
  width: 4em;
  transition: all 300ms ease;
}

.buttons .button .fa{
font-size:0.6em;
}

.buttons .button:hover {
  cursor: pointer;
  background-color: #888;
  color: #fff;
  transition: all 300ms ease;
}



/* --------------------------
TOPスライド部分 TAB
---------------------------*/
@media screen and (max-width: 1024px) and (orientation: portrait){
.top-main{
padding-top:10px;
width:100%;
padding-left:5%;
padding-right:5%;
}
}


@media(orientation: portrait) and (max-device-width: 1024px){
.slider .slick-slide {
    margin:0;
}

.buttons .button {
  margin: 2px 5px;
  padding: 4px;
}

.buttons .button .fa{
font-size:0.8em;
}

}


/* --------------------------
TOPスライド部分 SP
---------------------------*/
@media screen and (max-width: 767px) {

.top-main{
padding-top:0px;
width:100%;
padding-left:5%;
padding-right:5%;
}

}


/*
-----------------------------------------------
TOP
----------------------------------------------- */
.top-container{
display:flex;
justify-content:space-between;
}

.top-container .item{
width:33.3%;
}

.top-subnavi{
width:90%;
margin-left:5%;
}

.top-subnavi li{
margin-top:4px;
}

.top-subnavi li a{
font-size:1.6em;
color:#666;
display:block;
text-align:center;
line-height:1.0;
padding:10px 0 10px 0;
/* padding:20px 0 10px 0; */
background:#f0f3ef;
text-decoration:none !important;
}

.top-subnavi li a:hover{
text-decoration:none;
background:#8cc63f;
color:#fff;
}

/* .top-news-box{
margin:60px 0;
padding:40px 0;
background:#f0f3ef;
} */

.top-news{
margin-top:20px;
font-size:1.6em;
}

.top-news dt{
width:170px;
float:left;
display:block;
}

.top-news dd{
width:630px;
float:right;
display:block;
}

.top-news dd a,
.h-type03 span a{
color:#333;
}

.top-news dd a:hover,
.h-type03 span a:hover{
color:#0078d7;
}

.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}

.lh2{
line-height:2.0 !important;
}

.top-ban01{
margin-top:30px;
margin-bottom:50px;
}


.link-ban{
border:solid 2px #1d863b;
width:32%;
text-align:center;
font-size:2.0em;
}

.link-ban:hover{
opacity:0.6;
}

.link-ban a{
display:block;
padding:10px;
text-decoration:none;
color:#000;
}

.link-ban a:before{
 content: '';
  display: block;
  width: 200px;/*画像の幅*/
  height: 140px;/*画像の高さ*/
  background-size: contain;
  vertical-align: middle;
  background-repeat:no-repeat;
  margin-left:auto;
  margin-right:auto;
  padding-bottom:5px;
}

#ic001 a:before{
background-image: url(../img/icn01.png);
}

#ic002 a:before{
background-image: url(../img/icn02.png);
}

#ic003 a:before{
background-image: url(../img/icn03.png);
}


/*
-----------------------------------------------
TOP TAB 横
----------------------------------------------- */
@media (orientation: landscape) and (max-device-width: 1024px){
.top-container .item img{
width:98%;
height:auto;
}


.top-news{
margin-top:20px;
padding-left:20px;
padding-right:20px;
}

.top-news dt{
width:15%;
float:left;
display:block;
}

.top-news dd{
width:80%;
float:right;
display:block;
}


}



/*
-----------------------------------------------
TOP TAB
----------------------------------------------- */
@media(orientation: portrait) and (max-device-width: 1024px){
.top-container .item img{
width:98%;
height:auto;
}

.top-subnavi{
margin-left:10px;
margin-right:10px;
}

.top-subnavi li a{
padding:10px 0 5px 0;
font-size:1.4em;
line-height:2.0 !important;
padding-left:5px;
padding-right:5px;
}

.top-news dt{
width:13%;
float:left;
display:block;
}

.top-news dd{
width:84%;
float:right;
display:block;
}

}

/*
-----------------------------------------------
TOP SP
----------------------------------------------- */
@media screen and (max-width: 767px) {
.top-container{
display:block;
}

.top-container .item{
width:100%;
padding-left:15px;
padding-right:15px;
margin-bottom:20px;
}


.top-subnavi{
display:none;
}

.top-news-box{
margin:0;
padding:0;
}

.top-news{
padding-bottom:10px;
margin-top:10px;
border-bottom:dotted 1px #ccc;
}

.top-news dt{
width:100%;
float:none;
}

.top-news dd{
width:100%;
float:none;
}

.sp-lh{
line-height:2.2 !important;
}

.lh2{
line-height:1.7 !important;
}


.top-ban01{
/* padding-left:10%;
padding-right:10%; */
}



.foot-ban li a span{
display:block;
margin-left:45px;
text-align:center;
padding:15px 0
}




.link-ban{
border:solid 2px #1d863b;
width:100%;
text-align:left;
font-size:1.8em;
margin-bottom:15px;
}

.link-ban a{
position:relative;
display:block;
padding:20px 10px;
text-decoration:none;
color:#000;
}


.link-ban a span{
display:block;
margin-left:70px;
text-align:center;
padding:15px 0
}


.link-ban a:before{
 content: '';
  display: block;
  position:absolute;
  width: 80px;/*画像の幅*/
  height:56px;/*画像の高さ*/
  background-size: contain;
  vertical-align: middle;
  background-repeat:no-repeat;
  margin-left:0;
  margin-right:auto;
  padding-bottom:5px;
}

#ic001 a:before{
background-image: url(../img/icn01.png);
}

#ic002 a:before{
background-image: url(../img/icn02.png);
}

#ic003 a:before{
background-image: url(../img/icn03.png);
}



}

/*
-----------------------------------------------
下層　基本
----------------------------------------------- */
.article a{
text-decoration:underline !important;
}

.article a:hover{
text-decoration:none !important;
}

.news-date{
font-size:1.6em;
}

.article{
padding-left:40px;
padding-right:40px;
}

.article table,
.article td,
.article th{
border:solid 1px #999 !important;
padding:5px;
}

.article p,
.article table,
.article li{
font-size:1.6em;
}

.article p{
margin-bottom:1em;
}


/*
-----------------------------------------------
下層基本 TAB SP
----------------------------------------------- */
@media(orientation: portrait) and (max-device-width: 1024px){
.article{
padding-left:10px;
padding-right:10px;
}

}

/*
-----------------------------------------------
お知らせ一覧
----------------------------------------------- */
.news-list{
padding-bottom:15px;
margin-bottom:15px;
border-bottom:dotted 1px #ccc;
font-size:1.6em;
}

.news-list dt{
width:180px;
float:left;
display:block;
}

.news-list dd{
width:790px;
float:right;
display:block;
}

.news-list dd a{
color:#333;
}

.news-list dd a:hover{
color:#0078d7;
}

/*
-----------------------------------------------
お知らせ一覧 TAB 横
----------------------------------------------- */
@media (orientation: landscape) and (max-device-width: 1024px){
.news-list dd{
width:740px;
}

}

/*
-----------------------------------------------
お知らせ一覧 TAB SP
----------------------------------------------- */
@media(orientation: portrait) and (max-device-width: 1024px){
.news-list{
padding-bottom:10px;
margin-bottom:10px;
border-bottom:dotted 1px #ccc;
}

.news-list dt{
width:100%;
float:none;
}

.news-list dd{
width:100%;
float:none;
}

}

/*
-----------------------------------------------
VIVA ひめじ
----------------------------------------------- */
.bdr01{
border:solid 1px #ccc;
}

.viva-li{
display:inline-block;
width:22%;
margin-right:4.0%;
vertical-align:top;
margin-bottom:60px;
}

.viva-li:nth-child(4n){
margin-right:0%;
}

.viva-kuni{
margin-top:8px;
}

.viva-kuni li{
display:inline-block;
font-size:1em;
margin-right:5px;
margin-bottom:8px;
}

.viva-kuni li a{
display:block;
/* border:solid 1px #8cc63f; */
border:solid 1px #507505;
padding:0.5em 0.5em;
/* color:#76ae2c; */
color:#507505;
line-height:1.0;
text-decoration:none !important;
}

.viva-kuni li a:hover{
text-decoration:none;
background:#f3fde5;
}

.w35{
width:35%;
}

.w60{
width:60%;
}

.viva-ul01{
list-style-type:disc !important;
margin-left:20px;
margin-bottom:24px;
}
/*
-----------------------------------------------
VIVA ひめじ SP
----------------------------------------------- */
@media screen and (max-width: 767px) {
.viva-li{
width:45%;
margin-right:9.8%;
margin-bottom:40px;
}

.viva-li:nth-child(2n){
margin-right:0%;
}

.w35{
width:100%;
margin-bottom:15px;
}

.w60{
width:100%;
}

.viva-kuni li{
font-size:0.8em;
}


}


/*
-----------------------------------------------
投稿レイアウト
----------------------------------------------- */
.btn-type01{
background:#507505;
/* background:#8cc63f; */
color:#fff;
display:inline-block;
padding:0.7em 3em;
border-radius:6px;
font-size:1.6em;
}
.btn-type01:hover{
background:#8cc63f;
text-decoration:none;
}





/*
-----------------------------------------------
お問い合わせ
----------------------------------------------- */
.color03{
color:red;
}

#contact-top,
#confirm-top,
#error-top,
#thanks-top{
background-image:url(/img/contact_top.jpg);
background-position:top center;
}

.contact-box01{
border:solid 1px #279e5b;
padding:40px 10px;
margin:30px 0;
}



.contact-box{
font-weight:bold;
border:solid 1px #777;
width:640px;
margin-left:auto;
margin-right:auto;
padding:30px 0;
margin-bottom:30px;
}

.f-d:before{
content: url(/img/fd.png);
position:relative;
margin-left:12px;
margin-right:3px;
display:inline-block;
margin-top:0px;
}


.contact-dl{
font-size:1.6em;
border-bottom:solid 1px #ccc;
padding-top:20px;
padding-bottom:20px;
}

.contact-dl dt{
vertical-align:top;
width:255px;
display:inline-block;
margin-right:15px;
}
.contact-dl dd{
width:700px;
display:inline-block;
}

.radio-span{
display:block;
margin-bottom:10px;
}

.radio-span input{
vertical-align:middle;
margin-right:6px;
}

.komoku{
float:left;
width:180px;
display:inline-block;
margin-top:0.4em;
}

.must{
float:right;
display:inline-block;
color:#fff;
background:#be3832;
width:74px;
line-height:1.0;
text-align:center;
padding:0.5em 0;
}

input[type="text"],
input[type="email"],
textarea {
padding: 0.6em;
outline: none;
border: 1px solid #DDD;
font-size:1.0em;
background:#eeeeee;
}

.input-box01{
width:660px;
}

.input-box01c{
width:500px !important;
margin-bottom:8px !important;
}

.zip{
width:150px;
border:solid 1px #ccc !important;
padding:7px 6px;
background:#eeeeee;
}

.add-txt{
display:inline-block;
width:9.4em;
}

.ml5{
margin-left:5px;
}

.input-box02{
width:660px;
height:200px;
}

.input-box03{
margin-top:-25px;
}

.input-btn01{
font-size:1.8em;
display:inline-block;
padding:0.8em 2.4em;
color:#fff;
/* background:#8cc63f; */
background:#507505;
border-radius:6px !important;
}

.input-btn01:hover{
background:#99e337;
border-radius:6px !important;
}

.input-btn02{
font-size:1.8em;
display:inline-block;
padding:0.8em 2.4em;
color:#fff;
background:#888;
margin-right:10px;
border-radius:6px !important;
}

.input-btn02:hover{
border-radius:6px !important;
background:#b7b6b6;
}

.confirm-p{
font-size:1.8em;
font-weight:bold;
text-align:center;
padding:20px;
}

.cr02{color:#ff0000;}

/* エラー吹き出し */
.error{
  font-weight:bold;
  display:inline-block;
  position: relative;
  padding: 0.5em 1.5em;
  color:#fff !important;
  border-radius:6px;
  background:#ff0000;
  font-size:1.4em;
  margin-top:12px;
  width:200px;
  text-align:center;
}

.error::before{
  content: '';
  position: absolute;
  left: 64px;
  top: -15px;
  display: block;
  width: 0;
  height: 0;
  border-right: 15px solid transparent;
  border-bottom: 25px solid #ff0000;
  border-left: 15px solid transparent;
}

.input-box01b{
width:5em;
}

.pv-komoku{
width:470px;
}

.pv-box{
border:solid 2px #279e5b;
padding:45px;
}

.pv-box ul{
list-style-type:disc;
margin-left:30px;
padding-top:20px;
}

.pv-ol li{
margin-top:20px;
}

.pv-box h4{
border-bottom:solid 1px #999;
padding-bottom:10px;
font-weight:bold;
margin-bottom:10px;
font-size:1.8em;
padding-top:10px;
}

.cp_ipselect {
	overflow: hidden;
        width: 400px !important;
	text-align: center;
}
.cp_ipselect select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.cp_ipselect select::-ms-expand {
    display: none;
}
.cp_ipselect.cp_sl01 {
	position: relative;
	border: 1px solid #bbbbbb;
	border-radius: 2px;
	background: #ffffff;
}
.cp_ipselect.cp_sl01::before {
	position: absolute;
	top: 0.8em;
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}
.cp_ipselect.cp_sl01 select {
	padding: 8px 38px 8px 8px;
	color: #666666;
}

.pv-ol{
list-style-type:decimal;
margin-left:20px;
}

.tel-box{
padding:15px 35px 5px 35px;
display:inline-block;
border:solid 1px #66cc66;
margin-bottom:20px !important;
background:#f0f3ef;
}

.ul-type03 li{
list-style-type:disc !important;
margin-left:20px;
}

/*
-----------------------------------------------
お問い合わせ TAB
----------------------------------------------- */
@media(orientation: portrait) and (max-device-width: 1024px){


.contact-dl{
width:100%;
padding-top:30px;
padding-bottom:30px;
padding-left:20px;
padding-right:20px;
}

.contact-dl dt{
vertical-align:top;
width:100%;
display:inline-block;
margin-right:0px;
margin-bottom:10px;
}
.contact-dl dd{
width:100%;
display:inline-block;
}

.komoku{
float:none;
width:auto;
display:inline-block;
margin-top:0;
margin-right:10px;
}

.must{
float:none;
}

.yoken{
border:solid 1px #ccc;
}

.input-box01{
width:100%;
}

.input-box01c{
width:90% !important;
}

.input-box02{
width:100%;
height:200px;
}

.cp_ipselect {
width:100% !important;
}

}

/*
-----------------------------------------------
お問い合わせ SP
----------------------------------------------- */
@media screen and (max-width: 767px) {
.spmg001{
margin-top:-20px;
}


.contact-box01{
padding:10px 10px;
margin:30px 0;
}


.contact-box{
font-weight:bold;
border:solid 1px #777;
width:100%;
margin-left:auto;
margin-right:auto;
padding:15px;
margin-bottom:30px;
}


.f-d:before{
margin-left:0px;
}
.f-d{
display:block;
}


.contact-dl{
width:100%;
padding-top:20px;
padding-bottom:20px;
padding-left:0px;
padding-right:0px;
}

.input-btn01{
font-size:1.8em;
padding:0.4em 1.5em;
}

.input-btn02{
font-size:1.8em;
padding:0.4em 1.5em;
margin-right:3px;
}

input[type="radio"],
input[type="checkbox"]{
border:solid 1px #888;
}

}


/*
-----------------------------------------------
検索
----------------------------------------------- */
.kensaku-ul li a{
font-weight:bold;
display:block;
font-size:1.2em;
}

.kensaku-ul li{
margin-bottom:20px;
font-size:1.6em;
}

/* --------------------------
        ページャー
---------------------------*/

.pager{
	text-align:center;
}
a.page-numbers,
.pager .current{
	background:rgba(0,0,0,0.02);
	border:solid 1px rgba(0,0,0,0.1);
	border-radius:5px;
	padding:5px 8px;
	margin:0 2px;
}
.pager .current{
	background:rgba(0,0,0,1);
	border:solid 1px rgba(0,0,0,1);
	color:rgba(255,255,255,1);
}

/* --------------------------
ドロップダウン　TABコントロール
---------------------------*/

nav .sub-menu {
  font-size:0.9em;
  position: absolute;
  width: 95%;
  margin-left:2.5%;
  top: 37px;
  display: none;
  padding-top:11px;
}
nav .sub-menu a {
border-top:solid 3px #fff;
color:#666;
line-height:1.0;
padding:10px 0 10px 0;
/* padding:20px 0 10px 0; */
background:#f0f3ef;
  display: block;
}
nav .sub-menu a:hover {
background:#8cc63f;
color: #fff;
}

.menu-item-has-children:hover ul,
.menu-item-has-children ul.focused {
  display: block;
}
.menu-item-has-children li a:hover,
.menu-item-has-children li a:focus {
  background: #8cc63f;
}

/* --------------------------
フォント対応
---------------------------*/
.f-type01{font-size:1.4em;}
.f-type02{font-size:1.6em;}
.f-type03{font-size:1.8em;}
.f-type04{font-size:2.0em;}
.f-type05{font-size:2.2em;}
.f-type06{font-size:2.4em;}


#nav-skiplink {
	position: absolute;
	top: -10000px;
	left: -10000px;
}

/* --------------------------
応募フォーム
---------------------------*/

.color-red{
color:red;
}
.pv-chui{
font-size:1.6em;
font-weight:bold;
}

.pv-ol01{
list-style-type:decimal;
margin-left:24px;
}

.confirm-style .confirm-no{
display:none;
}



/* --------------------------
見出しなどサンプル
---------------------------*/
pre{
font-size:2.0rem;
}

code{
background:#f3f0f0;
}

.type-h2{
background:#49a710;
color:#fff;
font-size:2.4rem;
font-weight:bold;
padding:0.2em 0.5em;
margin-bottom:14px;/* 追加 */
}

.type-h3{
background:#f6f6f6;;
/* color:#49a710; */
 border-left: 7px solid #8cc63f;
font-size:2.2rem;
font-weight:bold;
padding:0.2em 0.5em;
margin-bottom:12px;/* 追加 */
}

.type-h4{
border-bottom:solid 2px #8cc63f;
/* color:#49a710; */
font-size:2.0rem;
font-weight:bold;
padding:0.2em 0.3em;
margin-bottom:12px;/* 追加 */
}


.type-h5{
 border-left: 10px solid #8cc63f;
 /* color:#49a710; */
font-size:1.7rem;
font-weight:bold;
padding:0em 0.5em;
margin-bottom:12px;/* 追加 */
}

.type-h6{
 border-bottom: dotted 1px #8cc63f;
 /* color:#49a710; */
font-size:1.6rem;
font-weight:bold;
padding:0.2em 0.2em;
margin-bottom:12px;/* 追加 */
}

.type-ol{
list-style-type:decimal;
font-size:1.0rem;
margin-left:24px;
}

.type-ul01{
list-style-type:disc;
font-size:1.0rem;
margin-left:24px;
}

.type-ul02 li:before{
content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(../img/c-mk.png);
  background-repeat:no-repeat;
  background-size: contain;
  vertical-align: middle;
  line-height:1.5;
  padding-right:4px;
  margin-bottom:4px;
}

.type-dl01{
font-size:1.6rem;
}
.type-dl01 dt{
font-weight:bold;
}

.type-dl01 dt:before{
content:"■";
margin-right:2px;
}

.type-dl01 dd{
margin-bottom:15px;
margin-left:1.5em;
margin-left:1.15em;/* 変更 */
}

@media screen and (max-width: 767px) {
.type-h2{
font-size:2.1rem;
}

.type-h3{
font-size:1.9rem;
}

.type-h4{
font-size:1.8rem;
}
}




.bdr1{
border:solid 1px #ccc;
}


/* --------------------------
youtube
---------------------------*/

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  margin-top:10px;
  margin-bottom:20px;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}


/* --------------------------
フリガナ
---------------------------*/
.kana-box{
position:absolute;
top:52px;
right:430px;
}

.kana-box a{
text-decoration:none;
font-size:1.5rem;
color:#fff;
display:block;
border-radius:5px;
line-height:1.0;
padding:0.5em 1em;
background:#108a00;
}

.kana-box a:hover{
opacity:0.7;
}

rt {
    transform: translateY(-.05rem);
    font-size: 70%;
}

.furigana .top-news{
line-height:2.0 !important;
}

.furigana .navi > li{
padding-top:10px;
}

.furigana .moji-kakudai rt{
display:none;
}

#f_header{
display:none;
}

.furigana .top-subnavi li a{
padding:20px 0 10px 0;
}

.furigana nav .sub-menu {
  top: 47px;
}

.furigana nav .sub-menu a {
padding:20px 0 10px 0;
}


.kana-box-sp{
position:relative;
padding-left:20px;
padding-top:20px;
}

.kana-box-sp a{
text-decoration:none;
font-size:1.7rem;
color:#fff;
display:inline-block;
border-radius:5px;
line-height:1.0;
padding:0.7em 1em;
background:#2b8817;
}

.translated-ltr .kana-box,
.translated-ltr .kana-box-sp{
display:none;
}

:lang(ja) .kana-box{ 
display: block !important; 
}


@media(orientation: portrait) and (max-device-width: 1024px){
.kana-box{
top:-1000px;
}
}


/*
-----------------------------------------------
flex
----------------------------------------------- */
.container01{
display:flex;
flex-wrap:wrap;
}

.container02{
display:flex;
flex-wrap:nowrap;
}

.container03{
display:flex;
flex-wrap:wrap-reverse;
}

.al-item01{
align-items:flex-end
}

.c-type01{
justify-content:space-between;
}

.c-type02{
justify-content:space-around;
}

.c-type03{
justify-content:flex-start;
}

.c-type04{
justify-content:center;
}

.mx-img{
width:auto;
max-width:100%;
height:auto;
}

/*
-----------------------------------------------
タグ
----------------------------------------------- */

.tag-box{
margin-top:-10px;
margin-bottom:15px;
}
.tag-box a{
display:inline-block;
background:#d5f1dd;
height:32px;
line-height:32px;
border-radius:6px;
font-size:1.3em;
text-decoration:none !important;
padding:0 1em;
color:#000;
margin-right:6px;
}

.furigana .tag-box a{
padding-top:6px;
}

.tag-box a:hover{
opacity:0.6;
}


/*
-----------------------------------------------
TOP タブ
----------------------------------------------- */
/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: 20px;
  padding-bottom: 15px;
  width: 100%;
  }

/*タブのスタイル*/
.tab_item {
  border-radius:6px;
  width: calc(95%/5);
  height: 40px;
  background-color: #7d7d7d;
  line-height: 40px;
  font-size: 1.5rem;
  text-align: center;
  color: #fff;
  display: block;
  float: left;
  text-align: center;
  margin-right:1%;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_item:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 5px 0 0 0;
  clear: both;
  overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#news:checked ~ #news_content,
#application_info:checked ~ #application_info_content,
#report:checked ~ #report_content,
#foreign_resident:checked ~ #foreign_resident_content{
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #108a00;
  color: #fff;
}


/*
-----------------------------------------------
TOP タブ　SP
----------------------------------------------- */
@media screen and (max-width: 767px) {

.tab_item {
  border-radius:6px;
  width: calc(95%/3);
  height: 40px;
  line-height: 40px;
  font-size: 1.2rem;
  margin-right:1.4%;
  margin-bottom:10px;
}

}



/*
-----------------------------------------------
TOP タブ　ニュース
----------------------------------------------- */

.top-news-wrap{
/* background:#f0f3ef; */
padding:10px 0;
margin:15px 0 0 0;
border-top:solid 3px #108a00;
}

.top-news-box{
/* padding:34px 0;
background:#f1e1f2;
border-top:solid 1px #fff;
border-bottom:solid 1px #fff; */
}

.top-news{
/* font-size:1.6em; */
font-size:1.5em;
/* margin-top:20px; */
margin-top:15px;
}

.top-news dt{
width:170px;
float:left;
display:block;
}

.top-news dd{
width:630px;
float:right;
display:block;
}

.top-news dd a,
.h-type03 span a{
color:#333;
}

.top-news dd a:hover,
.h-type03 span a:hover{
color:#0078d7;
}


/*
-----------------------------------------------
TOP TAB 横
----------------------------------------------- */
@media (orientation: landscape) and (max-device-width: 1024px){
.top-news{
margin-top:20px;
padding-left:20px;
padding-right:20px;
}

.top-news dt{
width:15%;
float:left;
display:block;
}

.top-news dd{
width:80%;
float:right;
display:block;
}

}



/*
-----------------------------------------------
TOP TAB
----------------------------------------------- */
@media screen and (max-width: 896px) and (min-width: 481px) and (orientation: portrait) {

.top-news dt{
width:20%;
float:left;
display:block;
}

.top-news dd{
width:76%;
float:right;
display:block;
}

.top-news{
padding-bottom:10px;
}

}


/*
-----------------------------------------------
TOP SP
----------------------------------------------- */
@media screen and (max-width: 767px) {
.top-news-box{
margin:0;
padding:10px 0;
}

.top-news{
padding-bottom:10px;
margin-top:10px;
border-bottom:dotted 1px #ccc;
}

.top-news dt{
width:100%;
float:none;
}

.top-news dd{
width:100%;
float:none;
}

.top-news-wrap{
padding:0;
margin:5px 0 5px 0;
}



.top-ban-wrap .c-type01{
justify-content:center;
}

.skiptranslate{
width:100%;
} 


:lang(ja) #wrap-top,
:lang(ja) #wrap{
padding-top:5px !important;
}

.translated-ltr #wrap-top,
.translated-ltr #wrap {
padding-top: 5px !important;
}

}

/*
-----------------------------------------------
財団バナー追加2025.03
----------------------------------------------- */
.foot_ban_wrap{
background:#f0f3ef;
}

.zaidan-ban{
display:flex;
flex-wrap:wrap;
justify-content:flex-start;
column-gap:3.5%;
row-gap:15px;
padding:20px 0;
}


.zaidan-ban li{
width:31%;
}

.zaidan-ban li img{
max-width:100%;
height:auto;
}


@media screen and (max-width: 767px) {
.zaidan-ban{
column-gap:4%;
row-gap:15px;
padding:20px 0;
}

.zaidan-ban li{
width:48%;
}
}



/*
-----------------------------------------------
ツールチップ
----------------------------------------------- */

.tooltip { /* 補足説明するテキストのスタイル */
  position: relative;
}

.description_top { /* ツールチップのスタイル */
  width: 118px; /* 横幅 */
  position: absolute;
  left: 50%;
  bottom: 80%; /* Y軸の位置 */
  transform: translateX(-50%);
  margin-bottom: 4px; /* テキストとの距離 */
  padding: 5px;
  border-radius: 8px; /* 角の丸み */
  background-color: #333;
  font-size: 1.1rem;
  color: #fff;
  text-align: center;
  visibility: hidden; /* ツールチップを非表示に */
  opacity: 0; /* 不透明度を0％に */
  z-index: 1;
  transition: 0.5s all; /* マウスオーバー時のアニメーション速度 */
}

.tooltip:hover .description_top { /* マウスオーバー時のスタイル */
  bottom: 100%; /* Y軸の位置 */
  visibility: visible; /* ツールチップを表示 */
  opacity: 1; /* 不透明度を100％に */
}


/**** 本文へ_スキップ用リンク ****/
.skip {
	position: relative;
	text-align: center;
	width: 100%;
	margin: 0;
	z-index: 9999999;
}
.skip a {
	background-color: #eee;
	width: 1px;
	font-size: 0.1%;
	line-height: 0.1;
	position: absolute;
	top: auto;
	left: -3000px;
	z-index: 9999;
	padding: 7px 0;
}
.skip a:active, .skip a:focus-visible {
	display: block;
	width: 100%;
	margin: 0 auto;
	font-size: 1.7em;
	left: 0;
	right: 0;
	top: 0;
	line-height: 1.5;
}

.anchor{
	display: inline-block;
	height: 1px;
	padding-top: 150px;
	margin-top: -150px;
	min-height: auto;
}
.anchor:focus-visible{
	outline: none!important;
}




/*
-----------------------------------------------
ボタン
----------------------------------------------- */
.btn-box{
margin-top:-35px !important;
display:block;
text-align:right !important;
margin-right:15px;
}

.btn-box i{
font-size:3.0rem;
text-decoration:none !important;
}

.btn-box a{
text-decoration:none !important;
}

.btn-box a:hover{
opacity:0.9;
}

.btn-box a:hover{
color:#c1292f;
}

.sns_twitter{color:#000 !important;}
.sns_facebook{color:#314a8a !important;}
.page_print{color:#333 !important;}

@media screen and (max-width: 767px) {
.btn-box{
margin-top:0px !important;
text-align:right;
}

.btn-box i{
font-size:2.4rem;
text-decoration:none !important;
margin-right:5px;
}
}