﻿@charset 'utf-8';

/*-----------------------------------------------
	Layout
------------------------------------------------*/

@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;
}

body{width: 100%; height: 100%; /* font-size: 175%;*/font-size: 4vw; background: #f9f8f2; color: #000;
font-family: 'Source Sans Pro', "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, "メイリオ", sans-serif;
/*font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, "メイリオ", sans-serif;*/}
/*body{font-feature-settings : "pwid";}*/

#loader{width: 100%; height: 100%; position: fixed; z-index: 10000; background: #fff; display: table; pointer-events: none;}
#loader p{display: table-cell; vertical-align: middle; text-align: center;}
#loader p img{width: 10%; min-width: 50px; max-width: 100px; opacity: .8;}
#loader p span{ display:block; font-size: 10px; padding-top: 1.5em; opacity:.5; line-height: 1.5;}
#home #logodata .top_img{display: block;}
#home #logodata .dir_img{display: none;}
#logodata .top_img{display: none;}
#logodata .dir_img,
#logodata2 .dir_img{display: block; width: 45%; max-width: 42px; margin: 8.5% 0 0 0;}

@media screen and (max-width: 420px){
body{font-size: 105% !important;}
#countainer .header #logodata .dir_img,
#countainer .header #logodata2 .dir_img{margin: 4% 0 0 0;}
}

@media screen and (max-width: 360px){
body{font-size: 95%!important;}/* English*/
}
@media screen and (min-width: 421px) and (max-width: 768px){
body{font-size: 140%;}
body{font-size: 115%;}/* English*/
}

#countainer .header #logodata .dir_img img{width: 100%;}
#countainer{width: 100%; max-width: 768px; margin: 0 auto;}
#countainer .header{width: 100%;}
#home #countainer .header .obj{width: 100%; padding: 19% 0;}
#countainer .header .obj{width: 100%; padding: 7% 0;}
#countainer .header .open_gmenu_sp{display: none; position: absolute; top: 0; right: 0; width: 100%; min-height: 100%; box-sizing: border-box; padding: 2.5em 0 4.5em 0; background: #707267; z-index: 2003;}
#countainer .header .open_gmenu_sp ul{width: 100%; padding: 1.5em 0 0 0;}
#countainer .header .open_gmenu_sp ul li{width: 100%; padding: 1em 0 1em 0; text-align: left; font-size: 112.5%; background: url(../images/open_gmenu_sp_line.gif) repeat-x top; box-sizing: border-box;}
#countainer .header .open_gmenu_sp ul li a{display: block; padding: 0 3% 0 8%; color: #fff; box-sizing: border-box;}
#countainer .header .open_gmenu_sp ul li div.sub_sub{float: left; width: auto; margin: 0; line-height: 1;}
#countainer .header .open_gmenu_sp ul li div.sub_sub a:before{/*20180606 syusei*/
content: '';
display: inline-block;
width: 13px;
height: 18px;
background: url(../images/ico_hyo_submenu_w.png) no-repeat;
background-size: contain;
margin: .1em .4em 0 0;
/*vertical-align: text-bottom;
-webkit-transform: scale(0.55);
transform: scale(0.55); line-height: 1; margin: 0 0 -.65em 0; padding: 0;*/
}
#countainer .header .open_gmenu_sp ul li div.sub_sub a{padding: .3em 0 0 0; margin: 0 0 0 2.7em; box-sizing: border-box;}
#countainer .header .open_gmenu_sp ul li div.sub_sub:nth-child(2n) a{margin: 0 0 0 1em;}

#countainer .header .open_gmenu_sp ul li .other_nav div.sub_sub{float: none;}
/*20180606 syusei*/
#countainer .header .open_gmenu_sp ul li .other_nav div:nth-child(1) a:before{
content: '';
display: inline-block;
width: 16px;
height: 14px;
background: url(../images/ico3_w.png) no-repeat;
background-size: contain;
margin: 0 .4em 0 0;
/*content: url(../images/ico3_w.png);
display: inline-block;
vertical-align: text-bottom;
-webkit-transform: scale(0.55);
transform: scale(0.55); line-height: 1; margin: 0 0 -.4em 0; padding: 0;
box-sizing: border-box;*/
}
#countainer .header .open_gmenu_sp ul li .other_nav div:nth-child(2) a:before{
content: '';
display: inline-block;
width: 16px;
height: 15px;
background: url(../images/ico2_w.png) no-repeat;
background-size: contain;
margin: 0 .4em 0 1.7em;
/*content: url(../images/ico2_w.png);
display: inline-block;
vertical-align: text-bottom;
-webkit-transform: scale(0.55);
transform: scale(0.55); line-height: 1; margin: 0 0 -.4em 1.7em; padding: 0;
box-sizing: border-box;*/
}
#countainer .header .open_gmenu_sp ul li .other_nav div:nth-child(3) a:before{
content: '';
display: inline-block;
width: 16px;
height: 15px;
background: url(../images/ico-J_w.png) no-repeat;
background-size: contain;
margin: 0 .4em 0 0;
/*content: url(../images/ico2_w.png);
display: inline-block;
vertical-align: text-bottom;
-webkit-transform: scale(0.55);
transform: scale(0.55); line-height: 1; margin: 0 0 -.4em 0; padding: 0;
box-sizing: border-box;*/
}

#countainer .header .open_gmenu_sp ul li .other_nav .sub_sub{padding: 0 0 .5em 0;}
/* // 20180606 syusei*/

@media screen and (max-width: 390px){
#countainer .header .open_gmenu_sp ul li a{padding: 0 3% 0 4%;}
#countainer .header .open_gmenu_sp ul li div.sub_sub{font-size: 0.90em;}
#countainer .header .open_gmenu_sp ul li div.sub_sub a{margin: 0 0 0 1.5em;}
#countainer .header .open_gmenu_sp ul li div.sub_sub:nth-child(2n) a{margin: 0 0 0 1em;}/*20180606 syusei*/
#countainer .header .open_gmenu_sp ul li .other_nav div:nth-child(1) a:before{margin: 0 .4em 0 0;}/*20180606 syusei*/
#countainer .header .open_gmenu_sp ul li .other_nav div:nth-child(2) a:before{margin: 0 .4em 0 .5em;}/*20180606 syusei*/
#countainer .header .open_gmenu_sp ul li .other_nav div:nth-child(3) a:before{margin: 0 .4em 0 0;}/*20180606 syusei*/
}
@media screen and (max-width: 368px){
#countainer .header .open_gmenu_sp ul{padding: .5em 0 0 0;}
#countainer .header .open_gmenu_sp ul li div.sub_sub{font-size: 0.85em; padding: 0 0 0 0.5em;}
/*#countainer .header .open_gmenu_sp ul li .other_nav div:nth-child(2) a::before{margin: 0 0 -1em 1.42em;}*/
}

#countainer .header .obj .bt_open_gmenu_sp{position: absolute; top: 4%; right: 5%; padding: 0 0 0 0;}
.menu_trg, .menu_trg span{display: inline-block; transition: all .4s; box-sizing: border-box;}
.menu_trg{position: relative; width: 68px; height: 38px; z-index: 2004;}
.menu_trg span{position: absolute; left: 0; width: 100%; height: 3px; background: #000;}
.menu_trg span.wh{background: #fff;}
.menu_trg span:nth-of-type(1){top: 0;}
.menu_trg span:nth-of-type(2){top: 17px;}
.menu_trg span:nth-of-type(3){bottom: 0;}
.menu_trg.active span:nth-of-type(1){-webkit-transform: translateY(17px) rotate(-45deg); transform: translateY(17px) rotate(-45deg);}
.menu_trg.active span:nth-of-type(2){opacity: 0;}
.menu_trg.active span:nth-of-type(3){-webkit-transform: translateY(-17px) rotate(45deg); transform: translateY(-17px) rotate(45deg);}
@media screen and (max-width: 540px){
	#countainer .header .obj .bt_open_gmenu_sp{top: 3%;}
	.menu_trg{width: 48px; height: 27px;}
	.menu_trg span{height: 2px;}
	.menu_trg span:nth-of-type(2){top: 13px;}
	.menu_trg.active span:nth-of-type(1){-webkit-transform: translateY(13px) rotate(-45deg); transform: translateY(13px) rotate(-45deg);}
	.menu_trg.active span:nth-of-type(3){-webkit-transform: translateY(-13px) rotate(45deg); transform: translateY(-13px) rotate(45deg);}
}
@media screen and (max-width: 420px){
	#countainer .header .obj .bt_open_gmenu_sp{top: 2.3%;}
	.menu_trg{width: 40px; height: 22px;}
	.menu_trg span{height: 2px;}
	.menu_trg span:nth-of-type(2){top: 10px;}
	.menu_trg.active span:nth-of-type(1){-webkit-transform: translateY(10px) rotate(-45deg); transform: translateY(10px) rotate(-45deg);}
	.menu_trg.active span:nth-of-type(3){-webkit-transform: translateY(-10px) rotate(45deg); transform: translateY(-10px) rotate(45deg);}
}
#countainer .header #logodata{position: absolute; top: 0; left: 0; margin: .2em 0 0 3.9%; width: 24.2%; max-width: 184px; max-height: 392px; z-index: 2002;}
#countainer .header #logodata img{width: 100%;}
#countainer .header #logodata2{position: absolute; top: 0; left: 0; margin: .2em 0 0 3.9%; width: 24.2%; max-width: 184px; max-height: 392px; z-index: 2003; opacity:0;}
#countainer .header #logodata2 img{width: 100%;}
#countainer .header #logodata2.op10{
animation: fadeIn 1s ease 0s 1 normal;
-webkit-animation: fadeIn 1s ease 0s 1 normal; opacity:1;}
@keyframes fadeIn{
    0% {opacity: 0}
    100% {opacity: 1}
}
@-webkit-keyframes fadeIn{
    0% {opacity: 0}
    100% {opacity: 1}
}
.slide_area{width: 100%;}
.slide_area_inner{position: relative; width: 100%; height: 100%; z-index: 2001;}
.slide_area_inner .slide_cov{position: absolute; top: 0; left: 0; width: 100%; z-index: 8; pointer-events: none;}
.slide_area_inner .slide_cov img{width: 100%; height: 100%;}
.slide_area_inner #slide{position: absolute; top: 0; left: 0; width: 100%; z-index: 6;}
.slide_area_inner #slide img{width: 100%; height: auto;}

/*20180606*/
.elem_ct{width: 30%; text-align: center; padding: 0 0 0 0; margin: 0 auto;}
.info_area{padding: 7.8% 0 7.8% 0; background: #dde293;}
/*.info_ct{width: 100%; font-size: 100%; margin: 0 auto 0 auto;}*/
.info_ct{width: 100%; font-size: 100%; margin: 0 auto 0 auto; text-align: center;}/* English */

.info_ct a:before,.info_ct p:before{content: ""; display: inline-block; min-width: 13px; min-height: 19px; max-width: 13px; max-height: 19px; background: url(../../../news/images/chasen.png) no-repeat; background-size: contain; vertical-align: bottom; margin: 0 .3em 0 0;}
.info_ct a:hover{opacity: .75;}
.info_ct a{display: inline-block; width: auto; margin: 0 auto 0 auto; font-size: 121.42857%;}
/*.info{display: block; width: 6.5em; margin: 0 auto 0 auto; font-size: 120%;}*//*20180606*/
.tolist{width: 94%; margin: 1.5em auto 0 auto; text-align: right; font-size: 68.75%;}
.info_area ul{font-size: 87.5%; margin: 1em 0 0 .8em; height: 96px; overflow-x: hidden; overflow-y: auto;}
.info_area li:first-child{margin: 0 0 0 0;}
.info_area li{padding: 0 1em 0 1em; line-height: 1.6;}
.info_area li a{}
@media screen and (max-width: 375px){
.elem_ct{width: 45%;}
.tolist{margin: 2em auto 0 auto;}
}

.smenu1{padding: 7% 0 7% 0;}
.smenu2{padding: 7% 0 7% 0;}
.smenu1 li a:before{content: ""; display: inline-block; width: 100%; min-width: 23px; min-height: 22px; max-width: 37px; max-height: 35px; background: url(../images/ico2.png) no-repeat; background-size: contain; vertical-align: middle;}

.smenu1 li a.jicon:before{ background: url(../images/ico-J.png) no-repeat; background-size: contain;}


.smenu1 li a{display: block; font-size: 106.25%;}
.smenu1 li{width: 10em; margin: 0 auto;}
.smenu1 li:last-child a{margin: .8em 0 0 0;}

.smenu2 li{}
.smenu2 li a:before{content: ""; display: inline-block; width: 100%; min-width: 27px; min-height: 23px; max-width: 36px; max-height: 31px; background: url(../images/ico3.png) no-repeat; background-size: contain; vertical-align: bottom;}
.smenu2 li a{display: block; width: 7em; margin: 0 auto;/* font-size: 106.25%;*/ font-size: 16px;}

.gmenu_sp{width: 86.666%; margin: 0 auto;}
.gmenu_sp li{width: 100%; margin: 0 0 .7em 0; text-align: center; border: 1px solid #000; font-size: 143.75%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.gmenu_sp li:last-child{margin: 0 0 0 0;}
.gmenu_sp li a{display: block; width: 100%; padding: .9em .2em .9em .2em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
/*.gmenu_sp li:first-child a{padding: 1.25em .2em 1.25em .2em;}*//*Open at 2line*/
.gmenu_sp li .sub{display: block; padding: .6em 0 0 0; font-size: 60%;}

.bunner li{width: 100%;}
.bunner li img{width: 100%;}

footer{padding: 0 0 7% 0; background: #a390bb; color: #fff; text-align: center; font-size: 87.5%;}
.footer_inner{position: relative;}

.pagetop{display: block; position: absolute; top: 0; right: 0; width: 13.3333%;}
.pagetop a{display: block; width: 100%;}
.pagetop a img{width: 100%; max-width: 100px;}


footer li a{color: #fff;}
.sns{width: 43%; margin: 0 auto 9.27% auto; padding: 15% 0 0 0;}
.sns li{float: left; width: 15%; max-width: 65px; margin: 0 13% 0 0;}
.sns li:last-child{margin: 0 0 0 0;}
.sns li img{width: 100%;}
.fmenu li{padding: 0 0 1.5em 0;}
.copy_area a{display: block; padding: 1.3em 0 0 0; font-size: 118.75%; color: #fff;}
	.copy_area a p.eng_t{ display:none;}
.copyright{display: block; padding: .8em 0 0 0; font-size: 87.5%;}
.ct_n{display: block; padding: 0 0 .5em 0; font-size: 75%;}

/*original
footer li a{color: #fff;}
.sns{width: 36.8%; margin: 0 auto 9.27% auto; padding: 15% 0 0 0;}
.sns li{float: left; width: 23.55%; max-width: 65px; margin: 0 13% 0 0;}
.sns li:last-child{margin: 0 0 0 0;}
.sns li img{width: 100%;}
.fmenu li{padding: 0 0 1.5em 0;}
.copy_area a{display: block; padding: 1.3em 0 0 0; font-size: 118.75%; color: #fff;}
	.copy_area a p.eng_t{ display:none;}
.copyright{display: block; padding: .8em 0 0 0; font-size: 87.5%;}
.ct_n{display: block; padding: 0 0 .5em 0; font-size: 75%;}
*/

/*Common*/

	.header_main{position: relative; width: 100%;  background: #d2d971;}/*old background: #cfdf73;*/
	#ofuse .header_main,
    #privacy .header_main,
    #contact .header_main{background: #a390bb;}
	.header_main .tit_base{width: 100%; max-width: 1260px; margin: 0 auto;/* padding: 4.8em 0 4.8em 0;*/}
	.header_main .tab_base{width: 100%;}
	#greeting .header_main .tit_base{width: 100%;/* padding: 3.7em 0 3.3em 0;*/}
	.header_main .tit_base img{width: 100%;}
	.header_main .main_tit{position: absolute; top: 0; left: 0; width: 100%; padding: 1.15em 0 0 0; margin: 0 auto 0 auto; text-align: center; color: #272323; font-size: 9vw;} /*old  padding: 1.5em 0 0 0;*/
	#greeting .header_main .main_tit{margin: 0 auto 0 auto;}
	.header_main .tab{width: 100%; font-size: 4.2vw;}
	.header_main .tab{display: -webkit-flex; display: flex; width: 100%;}


.header_main .tab_base .tab.ver3 li{display: table; width: 33.333%; border-top: 1px solid #f9f8f3; border-right: 1px solid #f9f8f3; box-sizing: border-box;}
.header_main .tab_base .tab.ver3 li:nth-child(2){width: 33.333%;}
.header_main .tab_base .tab.ver3 li:last-child{border-right: none;}
/*.header_main .tab_base .tab.ver3 li a{display: table-cell; width: 100%; padding: 1em 0; text-align: center; vertical-align: middle; color: #4e4e47; box-sizing: border-box;}*/
.header_main .tab_base .tab.ver3 li a{display: table-cell; width: 100%; text-align: center; vertical-align: middle; color: #4e4e47; box-sizing: border-box; height: 3em;}/* English */


.header_main .tab_base .tab.ver2 li{display: table; width: 50%; border-top: 1px solid #f9f8f3; border-right: 1px solid #f9f8f3; box-sizing: border-box;}
.header_main .tab_base .tab.ver2 li:last-child{border-right: none;}
/*.header_main .tab_base .tab.ver2 li a{display: table-cell; width: 100%; padding: 1em 0; text-align: center; vertical-align: middle; color: #4e4e47; box-sizing: border-box;}*/
.header_main .tab_base .tab.ver2 li a{display: table-cell; width: 100%; text-align: center; vertical-align: middle; color: #4e4e47; box-sizing: border-box;; height: 3em;}/* English */

.header_main .tab_base .tab.ver4gr li{display: table; width: 25%; border-top: 1px solid #f9f8f3; border-right: 1px solid #f9f8f3; box-sizing: border-box; height: 3.5em;}
.header_main .tab_base .tab.ver4gr li:nth-child(2){width: 25%;}
.header_main .tab_base .tab.ver4gr li:nth-child(3){width: 25%;}
.header_main .tab_base .tab.ver4gr li:last-child{border-right: none;}
/*.header_main .tab_base .tab.ver3 li a{display: table-cell; width: 100%; padding: 1em 0; text-align: center; vertical-align: middle; color: #4e4e47; box-sizing: border-box;}*/
.header_main .tab_base .tab.ver4gr li a{display: table-cell; width: 100%; text-align: center; vertical-align: middle; color: #4e4e47; box-sizing: border-box; height: 3.5em;}/* English */

#contents{width: 100%;}

	.sub_tit_area{width: 100%; margin: 2.8em auto 1em auto; text-align: center;}/*old margin: 3.8em auto 1em auto;*/
	#greeting .sub_tit_area{margin: 3.8em auto 1em auto;}
	.sub_tit_area .main_ico{width: 5%; max-width: 31px; margin: 0 auto; padding: 0 0 1em 0;}
    #link .sub_tit_area .main_ico { width: 10.1333%; max-width: 43px;}
	.sub_tit_area .main_ico img{width: 100%;}
    
    
    
	.sub_tit_area .sub_tit{/*width: 38.46153%; */width: 94%; margin: 0 auto; padding: 0 0 1.5em 0; text-align: center;/* font-size: 7vw;*/}
	.sub_tit_area .sub_tit img{width: 100%;}
	/*.sub_tit_area .main_lead{width: 94%; margin: 0 auto 0 auto; line-height: 1.8; text-align: left;}*/
    .sub_tit_area .main_lead{width: 94%; margin: 0 auto 0 auto; line-height: 1.5; text-align: left;}

.smenu{width: 11em; margin: 0 auto 0 auto; padding: 4.5em 0 2em 0;}

.smenu ul{font-size: 121.42857%;}
	.smenu ul{font-size: 110%;}/* English */
.smenu li.bt_eng a:before, .smenu li.bt_contact a:before{content:" "; display: inline-block; width: 100%; min-width: 19px; min-height: 35px; max-width: 37px; max-height: 35px; background: url(../images/ico2.png) no-repeat; background-size: 100%; vertical-align: middle; margin: 0 .5em 0 0;}
	.smenu li.bt_eng a.jicon:before{background: url(../images/ico-J.png) no-repeat; background-size: contain;}

.smenu li.bt_link a:before{content:" "; display: inline-block; width: 100%; min-width: 19px; min-height: 31px; max-width: 36px; max-height: 31px; background: url(../images/ico3.png) no-repeat; background-size: 100%; vertical-align: middle; margin: 0 .3em 0 0;}
.smenu li.bt_eng{padding: 0 0 2em 0;}
.smenu li.bt_contact{padding: 0 0 2em 0;}
.smenu li.bt_link{padding: 0 0 2em 0;}
	.smenu li.bt_link{ display:none;}/* English */
/*grayout*/
/*.smenu li.bt_eng.grayout a, .smenu li.bt_contact.grayout a, .smenu li.bt_link.grayout a,
.smenu1 li.bt_eng.grayout a, .smenu1 li.bt_contact.grayout a, .smenu1 li.bt_link.grayout a,
.smenu2 li.bt_eng.grayout a, .smenu2 li.bt_contact.grayout a, .smenu2 li.bt_link.grayout a{pointer-events: none;}
*/
.grayout a{pointer-events: none;}

/*.smenu li.bt_eng.grayout a:before, .smenu li.bt_contact.grayout a:before, .smenu li.bt_link.grayout a:before,
.smenu li.bt_eng.grayout a:before, .smenu2 li.bt_contact.grayout a:before, .smenu2 li.bt_link.grayout a:before{opacity: .4;}*/
.grayout a:before{opacity: .5;}
/*
.smenu li.bt_eng.grayout, .smenu li.bt_contact.grayout, .smenu li.bt_link.grayout,
.smenu2 li.bt_eng.grayout, .smenu2 li.bt_contact.grayout, .smenu2 li.bt_link.grayout{opacity: .2;}*/
.grayout a{opacity: .3;}
/* // grayout*/


.bt_contact2 a:before{content:" "; display: inline-block; width: 100%; min-width: 19px; min-height: 33px; max-width: 37px; max-height: 35px; background: url(../images/ico2.png) no-repeat; background-size: 100%; vertical-align: middle; margin: 0 .5em 0 0;
background-size: 70%;
vertical-align: -0.85em;
margin: 0 .02em 0 0;}/* English */



/*.bt_contact2{width: 90%; margin: 0 auto; padding: 1em 0 1em 0; font-size: 121.42857%; text-align: right;}*/
.bt_contact2{width: 90%; margin: 0 auto; padding: 1em 0 1em 0; font-size: 100%; text-align: right;} /* English */

.ico_text{display: inline;}/*hyo-icon first-line(PC) Ver.*/
.ico_text2{display: inline;}/*hyo-icon 2-line(PC) or more Ver.*/
.ct_space{padding: 3em 0 0 0;}
a.t_link{ color: #ce7e12;}
@media screen and (max-width: 420px){
.smenu{width: 9em; padding: 3em 0 1.5em 0;}
.smenu ul{font-size: 100%;}
.smenu li.bt_eng a:before, .smenu li.bt_contact a:before{min-height: 26px; max-width: 27px; max-height: 26px; vertical-align: middle; margin: 0 .5em 0 0;}
.smenu li.bt_link a:before{min-height: 23px; max-width: 27px; max-height: 23px; vertical-align: -.2em; margin: 0 .4em 0 0;}
.smenu li.bt_eng{padding: 0 0 2em 0;}
.smenu li.bt_contact{padding: 0 0 2em 0;}
.smenu li.bt_link{padding: 0 0 2em 0;}
.bt_contact2 a:before{min-width: 19px; min-height: 29.5px; max-width: 29px; max-height: 27px; /*background-size: 97%; margin: 0 .3em 0 0;*/}/* English */
.bt_contact2{padding: 1em 0 1em 0; font-size: 100%;}
}

/* // Common*/
/*=========================================================================================================================*/
@media print, screen and (min-width: 769px){
	body{font-size: 100%;}
@media print, screen and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {/*Chrome, Opera*/
body{/*text-shadow: 0px 0px 0px #000;*/}
}
#loader p img{width: 6%; max-width: 100px;}
	#cmn_menu_base{height: 58px;}
	#countainer{max-width: 100%; min-width: 1260px; padding: 1em 0 0 0;}
	#countainer .header #logodata .dir_img{display: none;}
	a.fao{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
/*gmenu*/
.gmenu_pc{/*position: absolute; top: 0; left: 0; */width: 100%; background: #f9f8f2; min-width: 1260px;}
/*.gmenu_pc{ background: #fff;}*/

.gmenu_pc_inner{width: 100%; max-width: 1080px; height: 58px; margin: 0 auto;}
#home .gmenu_pc_inner{height: 58px;}
#home .gmenu_pc_inner .kamon_ico,
.gmenu_pc_inner .kamon_ico{float: left; width: 3.8888%; margin: .7% 3.7% 0 2.2%;}
#home .gmenu_pc_inner .kamon_ico a,
.gmenu_pc_inner .kamon_ico a{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
#home .gmenu_pc_inner .kamon_ico a:hover,
.gmenu_pc_inner .kamon_ico a:hover{opacity: .55;}
#home .gmenu_pc_inner .kamon_ico img{visibility: hidden; width: 100%;}
.gmenu_pc_inner .kamon_ico img{visibility: visible; width: 100%;}
.gmenu_pc_inner nav{float: left; width: 90%;}
.gmenu_pc_inner nav ul{width: 100%; margin: 1.2em 0 0 0; display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start;}
/*.gmenu_pc_inner nav ul li{border-right: 1px solid #000; text-align: center; vertical-align: middle; -webkit-flex-grow: 1; flex-grow: 1;}*/
.gmenu_pc_inner nav ul li{border-right: 1px solid #000; text-align: center; vertical-align: middle; -webkit-flex-grow: 1; flex-grow: 1; font-size: 1.084375em;}/* English */
.gmenu_pc_inner nav ul li:last-child{border-right: none;}
.gmenu_pc_inner nav ul li a{display: block; width: 100%; padding: .2em 0 .2em 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.gmenu_pc_inner nav ul li a:hover{/*color: #a8a8a8;*/opacity: .5;}
.fixed{position: fixed; top: 0; padding: 0; width: 100%; z-index: 2002;}


.slide_area_inner #logodata img{width: 100%;}
.slide_area_inner #logodata{position: absolute; top: -10%; left: 5.8%; width: 10.635%; max-width: 134px; max-height: 288px; z-index: 2001;}
	.slide_area_inner #logodata{position: absolute; top: -10.2%; left: 2.65%; width: 15.952%; max-width: 201px; max-height: 397px; z-index: 2001;}/* English */
	.slide_area{max-height: 100%; height: 630px;}
	.slide_area_inner{max-width: 1260px; margin: 0 auto;}
	.info_area{max-width: 1080px; margin: 0 auto; padding: 1% 0 8.7em 0; background: #f9f8f2;}
	.info_area ul{height: 90px !important;}
	.info_area li{font-size: 100%; padding: 0 0 0 1em; line-height: 1.6;}
	.info_area .info_area_inner{float: left; width: 60%;}
	.info_area .info_area_inner ul{height: 100px; overflow-x: hidden; overflow-y: auto;}
	/*20180606*/
	.elem_ct{width: 100%; text-align: left; display: -webkit-flex; display: flex; padding: 1.2em 0 0 0; margin: 0 0;}
	.info_ct{margin: 0 0 0 1.5em; text-align: left;}
	.info_ct a{width: auto; font-size: 100%;}
	.tolist{width: auto; margin: 0 0 0 3em;}
	/* // 20180606*/
	.info_area li:first-child{margin: 0 0 0 0;}
	.info_area li a{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
	.info_area li a:hover{/*color: #a8a8a8;*/opacity: .5;}
	.smenu1{float: left; width: 40%; padding: 0 0 0 .3em; box-sizing: border-box;}
	.smenu1 ul{width: 100%;}
	.smenu1 li a{/*font-size: 114.28%;*/font-size: 100%;}/*20180528*/
.smenu1 li.bt_eng a:before, .smenu1 li.bt_contact a:before{content:" "; display: inline-block; width: 100%; min-width: 19px; min-height: 18px; max-width: 19px; max-height: 18px; background: url(../images/ico2.png) no-repeat; background-size: contain; vertical-align: -.2em; margin: 0 .5em 0 0;}
	
.smenu1 li.bt_eng a.jicon:before, .smenu1 li.bt_contact a.jicon:before{ background: url(../images/ico-J.png) no-repeat; background-size: contain;}
	
	
.smenu1 li.bt_link a:before{content:" "; display: inline-block; width: 100%; min-width: 19px; min-height: 16px; max-width: 19px; max-height: 16px; background: url(../images/ico3.png) no-repeat; background-size: contain; vertical-align: -.15em; margin: 0 .3em 0 0;}
	/*.
	smenu1 li.bt_eng{float: left; width: 26%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.smenu1 li.bt_contact{float: left; width: 45%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	*/
	.smenu1 li.bt_eng{float: right; width: 26%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.smenu1 li.bt_contact{float: right; width: auto; padding-right: 2em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	
	.smenu1 li.bt_link{float: right; width: 29%; padding: 0 0 0 .3em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.smenu1 li:last-child a{margin: 0 0 0 0;}

/*grayout
.smenu1 li.bt_eng.grayout a, .smenu1 li.bt_contact.grayout a{pointer-events: none; opacity: .2;}
.smenu1 li.bt_link.grayout a{pointer-events: none; opacity: .2;}*/
/* // grayout*/

	.bunner{width: 85.714%; max-width: 1080px; margin: 0 auto;}
	.bunner li{width: 32.407%; max-width: 350px; margin: 0 1.38% 1em 0; float: left;}
	.bunner li a{display: block; width: 100%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
	.bunner li a:hover{opacity: .75;}
	.bunner li:last-child{margin: 0 0 0 0;}
	.bunner li img{width: 100%;}

	footer{padding: 3.3em 0 4em 0; text-align: left; font-size: 87.5%;}
	.footer_inner{display: -webkit-flex; display: flex; -webkit-justify-content: flex-start; justify-content: flex-start; -webkit-justify-content: flex-end; justify-content: flex-end; -webkit-flex-direction: row-reverse; flex-direction: row-reverse; max-width: 1080px; margin: 0 auto;}
	footer li a{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
	footer li a:hover{color: #fff; opacity: .75;}

/*grayout
	footer li.grayout a{pointer-events: none; opacity: .4;}*/
/* // grayout*/
	.copy_area{width: 18.518%; padding: 0 2.5% 0 2.5%; line-height: 1.4;}
	.copy{font-size: 134%; font-family: arial, sans-serif; vertical-align: -.06em;}
	.sitemap{width: 49.816%; padding: 0 5%; border-left: 1px solid #fff;}
	/*.fmenu{width: 11.666%; padding: 0 2.5% 0 2.5%;}*/
		.fmenu{width: 14.166%; padding: 0 0 0 2.5%;} /* English */
	
	.fmenu li{padding: 0 0 2.4em 0;}
	.copy_area a{padding: 0 0 8.5em 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
		.copy_area a{padding: 0 0 7.5em 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
	.copy_area a:hover{opacity: .75;}
		.copy_area a p.eng_t{ display:block;font-size: 10px; font-weight:400!important;}
	.sns{width: 12.5%; margin: 0 0 0 0; padding: 0 0 0 0; position: absolute; right: 1.4%; bottom: 0;}
	.sns li a{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
	.sns li a:hover{opacity: .75;}
	/*.sitemap nav>ul{float: left; width: 27%; margin: 0 9% 0 0;}*/
		.sitemap nav>ul{float: left; width: 32%; margin: 0 7% 0 0;}/* English */
	/*.sitemap nav>ul:last-child{margin: 0 0 0 0;}*/
		.sitemap nav>ul:last-child{margin: 0 0 0 0;width: 22%;}/* English */
	.sitemap nav>ul li.space_ctr{padding: 0 0 .3em 0;}
	.sitemap nav>ul li:last-child{padding: 0 0 0 0;}
	.sitemap ul>li{padding: 0 0 1.5em 0;}
	.sitemap ul>li .first{display: block; padding: .3em 0 1em 0;}
	/*.sitemap ul.sub{padding: 0 0 0 2em;}*/
		.sitemap ul.sub{padding: 0 0 0 1em;}/* English */
	
	.sitemap ul.sub li{padding: 0 0 .7em 0;}

.pagetop{display: block; position: absolute; top: -3.3em; right: -90px; width: 5%;}
.pagetop a{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.pagetop a:hover{opacity: .75; background: #cbb8dd;}
	/*Common*/

	.header_main{/*max-width: 1260px; height: 23.412698%;*/min-width: 1260px; margin: 0 auto;}
/*	.header_main .tit_base{height: 295px; padding: 0 0 0 0;}
	#greeting .header_main .tit_base{height: 232px; padding: 0 0 0 0;}*/
	.header_main .main_tit{padding: 63px 0 0 0; /* height: 205px;*/ font-size: 300%;}/*old padding: 68px 0 0 0;  padding: 90px 0 0 0;*/
	.header_main .tab{font-size: 125%;}

.header_main .tab_base .tab li a{}

.header_main .tab_base .tab.ver3 li{width: 36%;}
.header_main .tab_base .tab.ver3 li:nth-child(2){width: 28%;}
.header_main .tab_base .tab.ver3 li a{height: 62px; padding: 0 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}

.header_main .tab_base .tab.ver4gr li{width: 25%;}
.header_main .tab_base .tab.ver4gr li:nth-child(2){width: 25%;}
.header_main .tab_base .tab.ver4gr li:nth-child(3){width: 25%;}
.header_main .tab_base .tab.ver4gr li a{height: 62px; padding: 0 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; height:3.5em}	
	
	/*.header_main .tab_base .tab.ver3 li:first-child a{padding: 0 0 0 4.5em;}
.header_main .tab_base .tab.ver3 li:last-child a{padding: 0 4.5em 0 0;}*/
.header_main .tab_base .tab.ver3 li a:hover{background: #e8ebd8; color: #000;}
.header_main .tab_base .tab.ver4gr li a:hover{background: #e8ebd8; color: #000;}
.header_main .tab_base .tab.ver2 li a{height: 62px; padding: 0 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.header_main .tab_base .tab.ver2 li a:hover{background: #e8ecc7; color: #000;}
	.sub_tit_area{width: 100%; max-width: 1040px; margin: 4.4em auto .5em auto; text-align: center;}/* old margin: 5em auto .5em auto; */
	#schedule .sub_tit_area{margin: 4.4em auto 3em auto;}
	#greeting .sub_tit_area{margin: 5em auto 1em auto;}
	.sub_tit_area .main_ico{max-width: 24px; padding: 0 0 2em 0;}
    #link .sub_tit_area .main_ico { max-width: 52px; }
	.sub_tit_area .sub_tit{padding: 0 0 2em 0;/* font-size: 250%;*/}
	.sub_tit_area .main_lead{width: 100%; margin: 0 0 0 0; font-size: 100%;} /*font-size: 114.28571%;*/
	#schedule.chakai .sub_tit_area .main_lead{margin: -.8em 0 0 0;}
	#contents_inner{width: 100%; padding: 2.5em 0 2.5em 0;}
	.smenu{width: 100%; max-width: 1040px; margin: 3em auto 0 auto; padding: 0 0 0 0;}
	.smenu ul{display: -webkit-flex; display: flex; font-size: 114.28%;}
	.smenu li:nth-of-type(2){-webkit-order: -1; order: -1;}
	.smenu li.bt_eng a:before, .smenu li.bt_contact a:before{content:" "; display: inline-block; width: 100%; min-width: 19px; min-height: 18px; max-width: 19px; max-height: 18px; background: url(../images/ico2.png) no-repeat; background-size: contain; vertical-align: -.2em; margin: 0 .4em 0 0;}
		
	
	
	.smenu li.bt_link a:before{content:" "; display: inline-block; width: 100%; min-width: 19px; min-height: 16px; max-width: 19px; max-height: 16px; background: url(../images/ico3.png) no-repeat; background-size: contain; vertical-align: -.15em; margin: 0 .3em 0 0;}
	.smenu li.bt_eng{width: 11%; margin-left: auto;}
	.smenu li.bt_contact{width: 16%;}
		.smenu li.bt_contact{width: 14%;}/* English */
	
	
	.smenu li.bt_link{width: 10%; margin: -.1em 0 0 1.3em;}
	.smenu li.bt_eng a, .smenu li.bt_contact a, .smenu li.bt_link a{display: block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
	.smenu li.bt_eng a:hover, .smenu li.bt_contact a:hover, .smenu li.bt_link a:hover{opacity: .55;}

/*.bt_contact2 a:before{max-width: 19px; max-height: 35px; background-size: 100%; vertical-align: -1em;}*/
.bt_contact2 a:before{max-width: 19px; max-height: 35px; background-size: 100%; vertical-align: -1.175em;  margin: 0 .5em 0 0;}/* English */
/*.bt_contact2{width: 100%; margin: 0 0; padding: 0 0 0 0; font-size: 121.42857%; text-align: right;}*/
.bt_contact2{width: 100%; margin: 0 0; padding: .5em 0 0 0; text-align: right;}/* English */
	
/*#schedule .bt_contact2{font-size: 106%;}*/
.bt_contact2 a{-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.bt_contact2 a:hover{opacity: .55;}
.ico_text{vertical-align: .8em;}/*hyo-icon first-line(PC) Ver.*/
.ct_space{padding: 7em 0 0 0;}

}



footer li a.j_link:after{
content: " ";
display: inline-block;
width: 80%;
min-width: 10px;
min-height: 10px;
max-width: 10px;
max-height: 10px;
background: url(../images/ico-J_w.png) no-repeat;
background-size: contain;
vertical-align: -.1em;
margin: 0  0 0 .3em;
	opacity: .75;
}
a.j_link_blk:after{
content: " ";
display: inline-block;
width: 80%;
min-width: 13px;
min-height: 13px;
max-width: 13px;
max-height: 13px;
background: url(../images/ico-J-p.png) no-repeat;
background-size: contain;
vertical-align: -.185em;
margin: 0  0 0 .3em;
	opacity: 1.0;
}
.gmenu_pc_inner a.j_link_blk:after{
vertical-align: -.1em;
}
.tab_base a.j_link_blk:after{
vertical-align: -.05em;
}
.bt_contact a.j_link_blk:after{
vertical-align: -.05em;
}
.bt_contact2 a.j_link_blk:after{
vertical-align: -.1em;
}

@media screen and (max-width: 768px){
	footer li a.j_link:after{
	content: " ";
	display: inline-block;
	width: 80%;
	min-width: 13px;
	min-height: 13px;
	max-width: 13px;
	max-height: 13px;
	background: url(../images/ico-J_w.png) no-repeat;
	background-size: contain;
	vertical-align: -.15em;
	margin: 0  0 0 .3em;
		opacity: .75;
	}

	a.j_link_blk:after{
	content: " ";
	display: inline-block;
	width: 80%;
	min-width: 16x;
	min-height: 16px;
	max-width: 16px;
	max-height: 16px;
	background: url(../images/ico-J-p.png) no-repeat;
	background-size: contain;
	vertical-align: -.1em;
	margin: 0  0 0 .3em;
		opacity: 1.0;
	}
	
	
	.gmenu_sp .j_link_blk:after{
		vertical-align: -.025em;
	}
	a.j_link_wht:after{
	content: " ";
	display: inline-block;
	width: 80%;
	min-width: 16px;
	min-height: 16px;
	max-width: 16px;
	max-height: 16px;
	background: url(../images/ico-J_w.png) no-repeat;
	background-size: contain;
	vertical-align: -.1em;
	margin: 0  0 0 .3em;
	opacity: .75;
	}
	.bt_contact a.j_link_blk:after{
	vertical-align: -.1em;
	}
	#countainer .header .open_gmenu_sp ul li a.j_link_wht:after{
	 min-width: 14px;
min-height: 14px;
max-width: 14px;
max-height: 14px;
	}
	body #countainer .header #top_eng_name{display:none;}
	body#home #countainer .header #top_eng_name{ display:block; position:absolute; width:26.266%; max-width:197px; top:0; right:0; z-index:2002;}
	body#home #countainer .header #top_eng_name img{width:100%;}

}





/* English TOP 20190826 -----------------------*/
body#home .bt_contact a.j_link_blkcopy_all{ padding-left:2em;}	
body#home .bt_contact a.j_link_blkcopy_all span.j_link_blkcopy_top:after {
	top: 1.75em;
	right: -2em;
	width: 12.5em;
	letter-spacing: -0.03em;
}
@media screen and (max-width: 768px){
	body#home .bt_contact a.j_link_blkcopy_all{ padding-left:0;}	
	body#home .smenu1 li {width: 7em;}
	body#home .smenu1 li a::before{vertical-align: text-bottom; width: auto; padding-left: 0.35em}
	body#home .bt_contact a.j_link_blkcopy_all span.j_link_blkcopy_top:after {
		margin: 0.25em 0 0 0em;
	}
}
@media screen and (max-width: 420px){
	body#home .bt_contact a.j_link_blkcopy_all span.j_link_blkcopy_top:after {
		margin:  0.30em 0 0.25em 0;
	}
}
/* // English TOP 20190826 ---------------------*/

a.j_link_blkcopy_all{position: relative;}
a.j_link_blkcopy_all:after{ margin-right: ; content: "";}
a.j_link_blkcopy_all span.j_link_blkcopy{ text-align: right;}
.bt_contact a.j_link_blkcopy_all span.j_link_blkcopy{ display:block; text-align: left;}
a.j_link_blkcopy_all span.j_link_blkcopy:after {
position: absolute;
top:2em; right:0;
content: "Generally in Japanese only";
display:block;
font-size: 10px;
width: 14.5em;
/**/vertical-align: top;
margin: .15em 0 0 0;
opacity: .75;}
.bt_contact a.j_link_blkcopy_all span.j_link_blkcopy:after{ margin: .15em 0 0 0;}
		
@media screen and (max-width: 768px){	
	a.j_link_blkcopy_all:after{ margin-right: 0; content: "";}
	a.j_link_blkcopy_all span.j_link_blkcopy:after {font-size: 11px;margin: .2em 0 0 0; font-size: 0.6em;}
	.bt_contact a.j_link_blkcopy_all span.j_link_blkcopy:after{ text-align: left; position: static; top:0; margin: -0.65em 0 0 3.5em; width:auto; }
}


