/* main */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700;800&display=swap');
.ff400{font-family: 'Open Sans', sans-serif; font-weight: 400;}
.ff700{font-family: 'Open Sans', sans-serif; font-weight: 700;}
h2,h3,h4{font-family: 'Open Sans', sans-serif;}
body,header{margin: 0px; padding: 0px;}
body{display: -webkit-flex; display: flex; flex-flow: column; min-height: 100vh;}
main{flex: 1; margin-top: 110px;}
h1,h2,h3,h4,p,ul,ol,dl,table{padding: 0 5px;}
/* site-navi */
.inner {width: 100%; margin: 0 auto;}
.inner:after {content: ""; clear: both; display: block;}
#top-head {top: 0px; position: absolute; width: 100%; margin: 0 auto; padding-bottom:10px; line-height: 1; z-index: 998;}
#top-head a, #top-head {color: #434343; text-decoration: none;}
#top-head .inner {position: relative;}
#top-head img {float: left;width: 40px; margin: 12px 0 0 24px;}
#top-head .logo {float: left; font-size: 40px; margin-top: 12px;}
#global-nav{z-index: 999;}
#global-nav ul {list-style: none; position: absolute; right: 0; bottom: 0; font-size: 18px; font-family: 'Open Sans', sans-serif; font-weight: 700;}
#global-nav ul li {float: left;}
#global-nav ul li a {padding: 0 27px;}
#global-nav ul li a:hover{color: #f3993a;}
#top-head.fixed {margin-top: 0; top: 0; position: fixed; padding-top: 10px;  background: #fff; background: rgba(255,255,255,.7); transition: top 0.65s ease-in; -webkit-transition: top 0.65s ease-in; -moz-transition: top 0.65s ease-in;}
#top-head.fixed img {width: 24px;}
#top-head.fixed .logo {font-size: 24px;}
#top-head.fixed #global-nav ul li a {padding: 0 20px; font-size: 14px;}
#top-head.fixed #global-nav ul li a:hover{color: #f3993a;}
#nav-toggle {display: none; position: absolute; right: 12px; top: 12px; width: 34px; height: 36px; cursor: pointer; z-index: 101;}
#nav-toggle div {position: relative;}
#nav-toggle span {display: block; position: absolute; height: 4px; width: 100%; background: #434343; left: 0; -webkit-transition: .35s ease-in-out; -moz-transition: .35s ease-in-out; transition: .35s ease-in-out;}
#nav-toggle span:nth-child(1) {top: 0;}
#nav-toggle span:nth-child(2) {top: 11px;}
#nav-toggle span:nth-child(3) {top: 22px;}
/* footer */
footer{background: #434343; margin-top: 5em;}
.site-footer-a{color: #fff; max-width: 1100px; margin: 0 auto; display: flex; flex-wrap: nowrap; margin-top: 1.5em;}
.site-footer-a__img img{width: 150px;}
.site-footer-txt__link{max-width: 1100px; text-align: right; color: #fff; margin: 1em auto; font-size: 0.7em;}
.site-footer-txt__link a{color: #fff; text-decoration: none;}
.site-footer-txt__link a:hover{color: #f3993a;}
.site-footer-txt__copy{max-width: 1100px; text-align: right; font-size: 0.5em; color: #fff; padding-bottom: 30px; margin: 0 auto;}
/* site-contens */
.eff__sin{opacity: 0;}
.eff__sin span{opacity: 0; position: relative; top: 20px; left:10px;}
.site-bg__color{background: #f8f8f8; margin-bottom: 3em;}
.site-bg__img{background-image: url(/assets/images/site-logo_gr.png); background-color:rgba(255,255,255,0.8); background-blend-mode:lighten; background-repeat: no-repeat; background-position: 100% 0%; background-size: 45%;}
.site-mv-a{display: flex; flex-wrap: nowrap; margin: 0 auto;}
.site-mv-a img{width: 75%}
.site-mv-a__img{width: 50%; text-align: center;}
.site-mv-a__txt{display: flex; flex-wrap: wrap; flex: 1; align-content: center; align-items: center; font-size: 72px; text-shadow:2px 1px 3px #ffffff;}
.site-contents-a{max-width: 1100px; margin: 0 auto;}
.site-contents-a p{margin-bottom: 1.5rem; line-height: 2rem;}
.site-contents-a img{width: 100%; margin-bottom: 1.5em;}
.site-contents-a a{text-decoration: none; color: #f3993a; position: relative; display: inline-block; transition: .3s;}
.site-contents-a a:after{position: absolute; bottom: 0; left: 50%; content: ''; width: 0; height: 2px; background-color: #f3993a; transition:  .3s; transform: translate(-50%);}
.site-contents-a a:hover::after{width: 100%;}
.site-contents-a .site-contents-img{width: 80%; margin: 0 auto;}
.site-top-txt__ms{max-width: 480px; margin: 0 auto; padding: 5rem 0;}
.site-top-txt__ms p{text-align: center; line-height: 2rem; margin: 0;}
.site-top-txt__ms .site-top-txt__nt{text-align: right; font-weight: 700; margin-top: 1.5rem;}
.site-top-txt__about{max-width: 800px; margin: 0 auto;}
.site-txt__hdn{display: none;}
.site-txt__h2{position: relative; line-height: 1.4; margin: 1.5em 0 2em 0; padding:0.25em 2em; display: inline-block;}
.site-txt__h2:before, .site-txt__h2:after{content:''; width: 20px; height: 30px; position: absolute; display: inline-block;}
.site-txt__h2:before{border-left: solid 3px #f3993a; border-top: solid 1px #434343; top:0; left: 5px;}
.site-txt__h2:after{border-right: solid 1px #434343; border-bottom: solid 3px #f3993a; bottom:0; right: 5px;}
.site-txt__h2 h2{margin: 0; font-size: 3em;}
.site-txt__h3{position: relative; display: block; margin: 1.5em 0 2em 0;}
.site-txt__h3:before{content: ''; position: absolute; bottom: -10px; display: inline-block; width: 33px; height: 3px; left: 17px; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color:#f3993a; border-radius: 3px;}
.site-txt__h3 h3{margin: 0; font-size: 2.25em;}
.site-txt__h3 h3 span{font-size: 0.8em; padding-left: 0.5em;}
.site-txt__h4{font-size: 1.75em; margin: 1.5em 0 2em 0;}
.site-txt__more{text-align: right;}
.site-txt__member{width: 100%; margin: 0 auto;}
.site-img__member{max-width: 500px; margin: 0 auto;}
.site-column-2{display: flex; flex-wrap: nowrap; margin-top: 3em; margin-bottom: 5em;}
.site-column-2:nth-child(even){flex-direction: row-reverse;}
.site-column-2 img{width: 100%;} 
.site-column-2__img{width: 45%;}
.site-column-2__txt{display: flex; flex-wrap: wrap; flex: 1; justify-content: center; align-content: center; align-items: center; padding: 0 1.2em;}
.site-column-3{display: flex; flex-wrap: wrap; justify-content: space-around; align-items: stretch;}
.site-column-3__contens{width: 32%; margin: 1.5em 0;}
.site-column-3__img img{margin: 0;}
.site-column-3__txt p{margin: 0;}
.site-column-3__txt p span{font-size: 1.1em; font-weight: 700;}
.site-list__dl{margin: 1.5em 0 2em 0;}
.site-list__dl dl{border-bottom: solid 1px #434343; padding-bottom: 1.74em; display: flex;}
.site-list__dl dl dt{width: 25%; font-size: 1.3em; font-weight: 700;}
.site-list__dl dl dd{width: 75%; line-height: 2em;}
.site-list__ol ol{padding: 0.7em 1.5em;}
.site-list__ol ol li{margin-bottom: 0.7em;}
.site-list__ul ul{padding: 0.7em 1.5em;}
.site-list__ul ul li{margin-bottom: 0.7em;}
/* Adjust */
.fs08{font-size: 0.8rem;}
.fs13{font-size: 1.3rem;}
.fs15{font-size: 1.5rem;}
.ac{text-align: center;}
.ar{text-align: right;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt50{margin-top: 50px;}
.mt75{margin-top: 75px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb50{margin-bottom: 50px;}
.mb75{margin-bottom: 75px;}
.pd10{padding: 10px;}
.pd20{padding: 20px;}
.pd30{padding: 30px;}

@media screen and (max-width: 767px) {
  /* main */
  main{margin-top: 75px;}
  footer{padding: 0 5px;}
  p,ul,ol,dl,table{padding: 0 15px;}
  /* site-navi */
  #top-head, .inner {width: 100%; padding: 0;}
  #top-head {top: 0; position: fixed; margin-top: 0;}
  #top-head.fixed {padding-top: 0; background: #fff; background: rgba(255,255,255,.7); transition: top 0.65s ease-in; -webkit-transition: top 0.65s ease-in; -moz-transition: top 0.65s ease-in;}
  #mobile-head {width: 100%; height: 56px; z-index: 999; position: relative;}
  #top-head img {width: 30px; margin: 12px 0 0 12px;}
  #top-head .logo {font-size: 30px;}
  #top-head.fixed .logo #top-head .logo{position: absolute; left: 13px; top: 13px; color: #434343;}
  #top-head.fixed img {width: 30px;}
  #top-head.fixed .logo {font-size: 30px;}
  #global-nav {position: absolute; top: -501px; background: #434343; width: 100%; text-align: center; padding: 10px 0; -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; transition: .5s ease-in-out;}
  #global-nav ul {list-style: none; position: static; right: 0; bottom: 0; font-size: 14px;}
  #global-nav ul li {float: none; position: static;}
  #top-head #global-nav ul li a, #top-head.fixed #global-nav ul li a {width: 100%; display: block; color: #fff; padding: 18px 0;}
  #top-head.fixed #global-nav{top: -501px;}
  #nav-toggle {display: block;}
  .open #nav-toggle span:nth-child(1) {top: 11px; -webkit-transform: rotate(315deg); -moz-transform: rotate(315deg); transform: rotate(315deg);}
  .open #nav-toggle span:nth-child(2) {width: 0; left: 50%;}
  .open #nav-toggle span:nth-child(3) {top: 11px; -webkit-transform: rotate(-315deg); -moz-transform: rotate(-315deg); transform: rotate(-315deg);}
  .open #global-nav {-moz-transform: translateY(556px); -webkit-transform: translateY(556px); transform: translateY(556px);}
  /* top-contens */
  .site-bg__img{background-size: 68%;}
  .site-txt__h2 h2{font-size: 2.3em;}
  .site-txt__h3 h3{font-size: 1.5em;}
  .site-txt__h4 h4{font-size: 1em;}
  .site-top-txt__ms{padding: 2rem 5px;}
  .site-top-txt__ms p{text-align: left;}
  .site-top-txt__ms .site-top-txt__nt{margin-top: 1rem;}
  .site-mv-a p{font-size: 32px; line-height: 1.5em;}
  .site-mv-a img{width: 300px;}
  .site-txt__h2{text-align: center;}
  .site-txt__more{text-align: center;}
  .site-column-2{flex-direction: column; margin-top: 1.5em; margin-bottom: 1.5em;}
  .site-column-2:nth-child(even){flex-direction: column;}
  .site-column-2__img{width: 100%;}
  .site-column-2__txt{padding: 0;}
  .site-column-3__contens{width: 48%;}
  .site-column-3__txt p{font-size: 0.8em; line-height: 1.5; padding: 0;}
  .site-list__dl dl{flex-direction: column;}
  .site-list__dl dl dt{width: 100%;}
  .site-list__dl dl dd{width: 100%; margin: 1.5em 0 0 0;}
  .site-list__ol{margin-left: 5px; margin-right: 5px;}
  .site-list__ul{margin-left: 5px; margin-right: 5px;}
  /* footer */
  .site-footer-a {font-size: 0.7em;}
  .site-footer-a__img img{width: 70px;}
  .site-footer-txt__link{text-align: center;}
  .site-footer-txt__copy{text-align: center; margin-top: 1.5rem;}
}