@charset "UTF-8";

/*!* -----------------------------
	reset
------------------------------ */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; background: transparent; border: 0; outline: 0; font-size: 1em;}body, table, input, textarea, select, option {font-size: 1em;}article, aside, canvas, details, figcaption, footer, header, hgroup, menu, nav, section, summary {display: block;}ol, ul {list-style: none;}blockquote, q {quotes: none;}:focus {outline: 0;}table{border-collapse:collapse;border-spacing:0}ins {text-decoration: none;}del {text-decoration: line-through;}img{vertical-align: top;max-width:100%;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}strong, b{font-weight: 700;}main{display:block;}figure{display:block;margin:0}
/*!* -----------------------------
	common
------------------------------ */
html {background:#F5F5F5;color:#333333;font-size:62.5%;text-align:center;-webkit-text-size-adjust: none;height:100%;}
body {font-size:1.8rem;font-weight:400;line-height:1.5555;-webkit-text-size-adjust:100%;height:100%;}
body, table, input, textarea, select, option {font-family: 'Roboto', sans-serif;}
a{color:#333333;text-decoration:none;}
a:visited{color:inherit}
a:hover{color:inherit;text-decoration:underline;}
sup{font-size:1.0rem}
sub{font-size:1.0rem;vertical-align: baseline;}
button { box-sizing: border-box; border-radius: 0; background-color: transparent; border: none; cursor: pointer; outline: none; padding: 0; appearance: none; }
main.main__padding { padding-top: 140px; }
@media screen and (max-width: 767px) {
main.main__padding { padding-top: 0; margin-top: -40px; }
}
@media print {
html,body{width:1200px}
body{zoom:89%}
}
/*!* -----------------------------
	common class
------------------------------ */
.wrapper { overflow: hidden; }
.container { text-align: left; position: relative; margin-left: auto; margin-right: auto; padding-left: 20px; padding-right: 20px; max-width: 1200px; }
.color--white { color: #ffffff  !important; }
.color--orange { color: #F6C143  !important; }
.color--gray { color: #A5A5A5  !important; }
.pcOnlyInline{}
.spOnlyInline{display:none;}
.pcOnlyBlock{}
.spOnlyBlock{display:none;}
.max--w800 { max-width: 800px; }
.align-L { text-align: left !important; }
.align-C { text-align: center !important; }
.align-R { text-align: right !important; }
@media (min-width: 768px) {
.align-L-C { text-align: left; }
}
@media screen and (min-width: 768px) {
body.is-fixed { top: auto !important; }
body.is-fixed_drop { position: fixed; width: 100%; }
.hover--opacity { transition: opacity .25s ease-out; }
.hover--opacity:hover { opacity: 0.7; text-decoration: none; }
}
@media screen and (max-width: 767px) {
body.is-fixed { position: fixed; width: 100%; }
.wrapper { padding-top: 80px; }
.container { margin-left: 0px; margin-right: 0px; max-width: none; }
.pcOnlyBlock{display:none;}
.spOnlyBlock{display:block;}
.pcOnlyInline{display:none;}
.spOnlyInline{display:inline;}
.max--w800 { max-width: none; }
.align-L-C { text-align: center; }
}

/*!* -----------------------------
	form parts
------------------------------ */
input[type="text"],input[type="number"],input[type="email"],input[type="password"]{ box-sizing: border-box; border: 1px solid #E5E5E5; border-radius: 4px; padding: 0 10px; width: 100%; height: 50px; }
textarea{ box-sizing: border-box; border: 1px solid #E5E5E5; border-radius: 4px; padding: 0 10px; width: 100%; height: 150px; }
label > span { margin-left: 0.5em; }
input[type="password"]{ margin-bottom: 10px; }

input.submit_img {
 background: url(../../img/news/icon_search.svg) right center no-repeat;
 border: none;
 width: 22px;
 height: 22px;
 text-indent: -9999px;
 cursor: pointer;
}

/*!* -----------------------------
	color
------------------------------ */
.color--A { color: #A5A5A5; }
.color--B { color: #F6C143; }

/*!* -----------------------------
	margin
------------------------------ */
@media (min-width: 768px) {
.pcMt10{margin-top:10px !important;}
.pcMt15{margin-top:15px !important;}
.pcMt20{margin-top:20px !important;}
.pcMt25{margin-top:25px !important;}
.pcMt30{margin-top:30px !important;}
.pcMt35{margin-top:35px !important;}
.pcMt40{margin-top:40px !important;}
.pcMt45{margin-top:45px !important;}
.pcMt50{margin-top:50px !important;}
.pcMt55{margin-top:55px !important;}
.pcMt60{margin-top:60px !important;}
.pcMt65{margin-top:65px !important;}
.pcMt70{margin-top:70px !important;}
.pcMt75{margin-top:75px !important;}
.pcMt80{margin-top:80px !important;}
.pcMt85{margin-top:85px !important;}
.pcMt90{margin-top:90px !important;}
.pcMt95{margin-top:95px !important;}
.pcMt100{margin-top:100px !important;}
}
@media screen and (max-width: 767px) {
.spMt10{margin-top:10px !important;}
.spMt15{margin-top:15px !important;}
.spMt20{margin-top:20px !important;}
.spMt25{margin-top:25px !important;}
.spMt30{margin-top:30px !important;}
.spMt35{margin-top:35px !important;}
.spMt40{margin-top:40px !important;}
.spMt45{margin-top:45px !important;}
.spMt50{margin-top:50px !important;}
.spMt55{margin-top:55px !important;}
.spMt60{margin-top:60px !important;}
.spMt65{margin-top:65px !important;}
.spMt70{margin-top:70px !important;}
.spMt75{margin-top:75px !important;}
.spMt80{margin-top:80px !important;}
.spMt85{margin-top:85px !important;}
.spMt90{margin-top:90px !important;}
.spMt95{margin-top:95px !important;}
.spMt100{margin-top:100px !important;}
}
@media (min-width: 768px) {
.pcMl10{margin-left:10px !important;}
.pcMl15{margin-left:15px !important;}
.pcMl20{margin-left:20px !important;}
.pcMl25{margin-left:25px !important;}
.pcMl30{margin-left:30px !important;}
.pcMl35{margin-left:35px !important;}
.pcMl40{margin-left:40px !important;}
.pcMl45{margin-left:45px !important;}
.pcMl50{margin-left:50px !important;}
.pcMl55{margin-left:55px !important;}
.pcMl60{margin-left:60px !important;}
.pcMl65{margin-left:65px !important;}
.pcMl70{margin-left:70px !important;}
.pcMl75{margin-left:75px !important;}
.pcMl80{margin-left:80px !important;}
.pcMl85{margin-left:85px !important;}
.pcMl90{margin-left:90px !important;}
.pcMl95{margin-left:95px !important;}
.pcMl100{margin-left:100px !important;}
}
@media screen and (max-width: 767px) {
.spMl10{margin-left:10px !important;}
.spMl15{margin-left:15px !important;}
.spMl20{margin-left:20px !important;}
.spMl25{margin-left:25px !important;}
.spMl30{margin-left:30px !important;}
.spMl35{margin-left:35px !important;}
.spMl40{margin-left:40px !important;}
.spMl45{margin-left:45px !important;}
.spMl50{margin-left:50px !important;}
.spMl55{margin-left:55px !important;}
.spMl60{margin-left:60px !important;}
.spMl65{margin-left:65px !important;}
.spMl70{margin-left:70px !important;}
.spMl75{margin-left:75px !important;}
.spMl80{margin-left:80px !important;}
.spMl85{margin-left:85px !important;}
.spMl90{margin-left:90px !important;}
.spMl95{margin-left:95px !important;}
.spMl100{margin-left:100px !important;}
}

/*!* -----------------------------
	g-header
------------------------------ */
.g-header { box-sizing: border-box; position: fixed; top: 0px; left: 0px; padding-right: 5.4545vw; width: 100%; z-index: 100; }
.g-header__flex { display: flex; align-items: center; justify-content: space-between; }
.g-header__heading { border-bottom-right-radius: 10px; background-color: #ffffff; display: flex; align-items: center; justify-content: center; width: 180px; height: 180px; }
.g-header__heading img { width: 100px; height: 104px; }
.g-header__func__lang { font-size: 1.4545vw; position: absolute; top: 38px;right: 5.4545vw; }
.g-header__func__lang a.is-current { text-decoration: underline; }
.g-header__func__navi { display: flex; font-size: 1.6363vw; }
.g-header__func__navi > li{ position: relative; }
.g-header__func__navi > li + li { margin-left: 3.6363vw; }
.g-header__func__navi > li > a { display: block; overflow: hidden; position: relative; padding: 1vw 0; }
.g-header__func__navi > li > a::before { background-color: #F6C143; content: ""; position: absolute; bottom: 0px; left: calc(50% - 1px); width: 0px; height: 2px; }
.g-header__func__navi > li > a::after { background-color: #F6C143; content: ""; position: absolute; bottom: 0px; right: calc(50% - 1px); width: 0px; height: 2px; }
.g-header__func__navi > li > a:hover { text-decoration: none; }
.g-header__func__navi > li > a .fas { margin-right: 0.5454vw; }
.g-header__func__navi__child { box-sizing: border-box; border-radius: 0.909vw;  background-color: #ffffff; display: none; text-align: left; position: absolute; top: calc(50% + 5vw); left:50%; }
.g-header__func__navi__child > ul { padding: 2.7272vw; }
.g-header__func__navi__child > ul > li + li { margin-top: 1.5454vw; }
.g-header__func__navi__child > ul > li > a:hover { text-decoration: none; }
/* is-white */
.g-header.is-white .g-header__func__lang,
.g-header.is-white .g-header__func__lang a,
.g-header.is-white .g-header__func__navi > li > a { color: #ffffff; }
/* is-fixed */
.g-header.is-fixed  { background-color: #ffffff; }
.g-header.is-fixed .g-header__heading  { width: 138px; height: 80px; }
.g-header.is-fixed .g-header__heading img { width: 58px; height: 60px; }
.g-header.is-fixed .g-header__func__lang { opacity: 0; visibility: hidden; }
.g-header.is-fixed .g-header__func__navi__child {  top: calc(50% + 55px); }
.g-header.is-fixed.is-white .g-header__func__lang { color: #ffffff; }
.g-header.is-fixed.is-white .g-header__func__lang a { color: #ffffff; }
.g-header.is-fixed.is-white .g-header__func__navi > li > a { color: #333333; }
@media (min-width: 768px) {
.g-header  { transition: background-color 0.3s ease-out; }
.g-header__heading  { transition: width 0.3s ease-out, height 0.3s ease-out; }
.g-header__heading img { transition: width 0.3s ease-out, height 0.3s ease-out; }
.g-header__func__lang { transition: visibility 0.3s 0.2s ease-out, opacity 0.3s 0.2s ease-out; }
.g-header__func__navi > li > a.is-current { color: #F6C143; }
.g-header__func__navi > li > a.is-hover { color: #F6C143; }
.g-header__func__navi > li > a.is-current::before,
.g-header__func__navi > li > a.is-current::after,
.g-header__func__navi > li > a.is-hover::before,
.g-header__func__navi > li > a.is-hover::after { width: 100%; }
.g-header__func__navi > li > span { display: none !important; }
.g-header__func__navi__child > ul { display: block !important; }
.g-header__func__navi__child > ul > li > a.is-current { color: #F6C143; }
.g-header__menu { display: none !important; }
.g-header__close { display: none !important; }
/* is-white */
.g-header.is-white .g-header__func__navi > li > a.is-current ,
.g-header.is-white .g-header__func__navi > li > a.is-hover { color: #F6C143; }
.g-header.is-white .g-header__func__navi > li > a::before { background-color: #ffffff; }
.g-header.is-white .g-header__func__navi > li > a::after { background-color: #ffffff; }
.g-header.is-white .g-header__func__navi > li > a.is-hover { color: #ffffff; }
.g-header.is-white .g-header__func__navi > li > a.is-current { color: #ffffff; }
/* is-fixed */
.g-header.is-fixed .g-header__func__lang { transition: visibility 0.1s ease-out, opacity 0.1s ease-out; }
.g-header.is-fixed .g-header__func__navi > li > a::before { background-color: #F6C143; }
.g-header.is-fixed .g-header__func__navi > li > a::after { background-color: #F6C143; }
.g-header.is-fixed .g-header__func__navi > li > a.is-hover { color: #F6C143; }
.g-header.is-white.is-fixed .g-header__func__navi > li > a.is-current { color: #F6C143; }
}
@media screen and (min-width: 768px) {
.g-header__func__block { display: block !important; }
.g-header__func__navi > li > a { transition: color 0.3s ease-out; }
.g-header__func__navi > li > a:hover { color: #F6C143; }
.g-header__func__navi > li > a::before,
.g-header__func__navi > li > a::after { transition: width 0.3s ease-out; }
.g-header__func__navi > li > a:hover::before,
.g-header__func__navi > li > a:hover::after { width: 55%; }
.g-header__func__navi__child { transform: translateX(-50%); white-space: nowrap; }
.g-header__func__navi__child > ul > li > a { transition: color 0.3s ease-out; }
.g-header__func__navi__child > ul > li > a:hover { color: #F6C143; }
/* is-white */
.g-header.is-white .g-header__func__navi > li > a:hover { color: #F6C143; }
.g-header.is-white .g-header__func__navi > li > a:hover { color: #ffffff; }
/* is-fixed */
.g-header.is-fixed .g-header__func__navi > li > a:hover { color: #F6C143; }
}
@media (min-width: 1100px) {
.g-header { padding-right: 60px; }
.g-header__func__lang { font-size: 1.6rem; right: 60px; }
.g-header__func__navi { font-size: 1.8rem; }
.g-header__func__navi > li + li { margin-left: 40px; }
.g-header__func__navi > li  > a { padding: 11px 0;  }
.g-header__func__navi > li > a .fas { margin-right: 6px; }
.g-header__func__navi__child { border-radius: 10px;  top: calc(50% + 55px); }
.g-header__func__navi__child > ul { padding: 30px; }
.g-header__func__navi__child > li + li { margin-top: 17px; }
}
@media screen and (max-width: 767px) {
.g-header { background-color: #ffffff; padding-right: 0;  }
.g-header__heading { border-bottom-right-radius: 0; width: 78px; height: 80px; }
.g-header__heading img { width: 58px; height: 60px; }
.g-header__func__lang { display: none; }
.g-header__func__block { box-sizing: border-box; background-color: #333333; color: #ffffff;  display: none; position: absolute; top: 0px; left: 0px; padding: 80px 0 40px 20px; width: 100%; height: 100vh; z-index: +1; }
.g-header__func__navi { display: block; font-size: 1.8rem; text-align: left; overflow-y: auto; padding-right: 20px; height: calc(100vh - 120px) }
.g-header__func__navi > li { border-top: 1px solid #555555; }
.g-header__func__navi > li + li { margin-left: 0; }
.g-header__func__navi > li > a { color: #ffffff; padding: 18px 0; }
.g-header__func__navi > li > a::before { display: none; }
.g-header__func__navi > li > a::after { display: none; }
.g-header__func__navi > li > a .fas { margin-right: 10px; }
.g-header__func__navi > li > span { display: flex; align-items: center; justify-content: center;  font-size: 1.8rem; line-height: 1; position: absolute; top: 13px; right: 0px; width: calc(20px + 1em); height: calc(20px + 1em); }
.g-header__func__navi__child { border-radius: 0;  background-color: transparent; display: block !important; position: relative; top: auto; left: auto; padding: 0; width: auto; }
.g-header__func__navi__child > ul { display: none; padding-bottom: 18px; }
.g-header__func__navi__child > ul > li + li { margin-top: 17px; }
.g-header__func__navi__child > ul > li > a { color: #ffffff; display: inline-block; vertical-align: bottom; position: relative; padding-left: 15px; }
.g-header__func__navi__child > ul > li > a::before { background-color: #ffffff; content: ""; position: absolute; top: calc(0.7777em - 1px); left: 0px; width: 5px; height: 1px; }
.g-header__login { border-radius: 30px; background-color: #F6C143; display: block; line-height: 60px; text-align: center; margin: 40px auto 0 auto; padding: 0 !important; width: 280px; }
.g-header__menu { display: block; font-size: 0; line-height: 0; position: absolute; top: 27px; right: 21px; }
.g-header__menu::before { background-color: #333333; content: ""; position: absolute; top: 0px; left: 0px; width: 30px; height: 2px; }
.g-header__menu > span { display: block; position: relative; width: 30px; height: 26px; }
.g-header__menu > span::before { background-color: #333333; content: ""; position: absolute; top: 12px; left: 0px; width: 20px; height: 2px; }
.g-header__menu > span::after { background-color: #333333; content: ""; position: absolute; bottom: 0px; left: 0px; width: 10px; height: 2px; }
.g-header__close { display: none; font-size: 0; line-height: 0; position: absolute; top: 27px; right: 21px;  width: 30px; height: 26px;z-index: +2; }
.g-header__close::before { background-color: #ffffff; content: ""; position: absolute; top: calc(50% - 1px); left: 0px; width: 30px; height: 2px; transform: rotate(45deg); }
.g-header__close::after { background-color: #ffffff; content: ""; position: absolute; top: calc(50% - 1px); left: 0px; width: 30px; height: 2px; transform: rotate(-45deg); }
/* is-fixed */
.g-header.is-fixed .g-header__heading  { width: 78px; height: 80px; }
.g-header.is-fixed .g-header__heading img { width: 58px; height: 60px; }
.g-header.is-fixed .g-header__func__navi__child {  top: auto; }
.g-header.is-fixed.is-white .g-header__func__navi > li > a { color: #ffffff; }
}

.wpml-ls-native {
  text-decoration: underline;
}

/*!* -----------------------------
	g-footer
------------------------------ */
.g-footer { background-color: #ffffff; padding: 60px 0; }
.g-footer__navi { display: flex; justify-content: center; }
.g-footer__navi > li + li { margin-left: 40px; }
.g-footer__copyright { font-size: 1.6rem; text-align: center; margin-top: 57px; }
@media screen and (max-width: 767px) {
.g-footer { padding: 58px 0 36px 0; }
.g-footer__navi { display: block; text-align: center; }
.g-footer__navi > li + li { margin: 17px 0 0 0; }
.g-footer__copyright {  margin-top: 65px; }
}

.footer_icon {
	display: flex;
	justify-content: center;
	margin-top: 50px;
}
.footer_icon li {
	margin: 0 10px;
}
.footer_icon li a:hover {
	opacity: 0.7;
}
.footer_icon li img {
	width: auto;
	height: 23px;
}












