@charset "UTF-8";
@keyframes show { from { opacity: 0; }
  to { opacity: 1; } }
/* ============================================================ リセット
============================================================= */
* { line-height: 1; letter-spacing: 0; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }

body, h1, h2, h3, h4, h5, h6, p, div, dl, dt, dd, ul, ol, li, blockquote, th, td, pre, form, fieldset, input, textarea { margin: 0; padding: 0; box-sizing: border-box; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

table { border-collapse: collapse; border-spacing: 0; }

fieldset, img { border: 0; }

address, caption, cite, code, dfn, em, th, var { font-style: normal; font-weight: normal; }

ol, ul { list-style: none; }

caption, th { text-align: left; }

q:before, q:after { content: ''; }

abbr, acronym { border: 0; }

html { font-size: 62.5%; size-adjust: none; }

body { font-family: "-apple-system", "BlinkMacSystemFont", "Roboto", "Helvetica Neue", "Yu Gothic", YuGothic, Arial, Meiryo, "M+ 1p", sans-serif; color: #333; }

.left { text-align: left !important; }

.center { text-align: center !important; }

.right { text-align: right !important; }

.none { display: none; }

.fleft { float: left; }

.fright { float: right; }

.fclear { clear: both; }

.bold { font-weight: bold; }

img { font-size: 1; line-height: 1; }

.accessibility { display: none; }

body { -webkit-text-size-adjust: 100%; }

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

img { -ms-interpolation-mode: bicubic; }

body, html { color: #333; }

h1, h2, h3, h4, h5, h6, p, div, dl, dt, dd, ul, ol, li, blockquote, th, td, pre, form, fieldset, input, textarea { font-size: 1.6rem; }

h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li { line-height: 1.2; }

a { font-size: 1.6rem; color: #333; }

html, body { height: 100%; }

.fonts-ex { font-family: 'Ramabhadra', sans-serif; }

#index-content { display: flex; height: 100%; height: 100vh; align-items: stretch; }
@media only screen and (max-width: 991px) { #index-content { display: block; height: auto; } }

.logo-section { width: 45%; height: 100%; height: 100vh; display: flex; align-items: center; justify-content: center; }
@media only screen and (max-width: 991px) { .logo-section { width: auto; height: 75%; height: 75vh; } }

.div-section { width: 55%; height: 100%; height: 100vh; }
@media only screen and (max-width: 991px) { .div-section { width: auto; height: auto; } }

.div-content { height: 50%; height: 50vh; display: flex; align-items: center; color: #fff; }
@media only screen and (max-width: 991px) { .div-content { height: auto; display: block; padding: 100px 0; } }
.div-content__inner { width: 90%; margin: 0 auto; }
.div-content__ttl em { display: block; font-size: 5.4rem; font-weight: bold; letter-spacing: 2px; margin: 0 0 5px; }
@media only screen and (max-width: 991px) { .div-content__ttl em { font-size: 3.8rem; letter-spacing: -1px; } }
.div-content__ttl span { display: block; font-size: 2.2rem; font-weight: bold; letter-spacing: 1px; padding: 10px 0 0; margin: 0 0 35px; }
@media only screen and (max-width: 991px) { .div-content__ttl span { font-size: 1.8rem; padding: 5px 0 0; margin: 0 0 45px; } }
.div-content__body { margin: 0 0 25px; }
@media only screen and (max-width: 991px) { .div-content__body { margin: 0 0 45px; } }
.div-content__body p { font-size: 1.8rem; font-weight: bold; line-height: 1.6; }
@media only screen and (max-width: 991px) { .div-content__body p { font-size: 1.6rem; line-height: 1.8; }
  .div-content__body p br { display: none; } }
.div-content__link { text-align: right; }
.div-content__link a { background: #af9730; display: flex; width: 300px; margin-left: auto; justify-content: space-between; text-decoration: none; color: #fff; font-weight: bold; padding: 15px 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }
@media only screen and (max-width: 991px) { .div-content__link a { width: 100%; padding: 25px 20px; } }
.div-content__link a:hover { background: #1f1a04; padding-right: 10px; }
.div-content__link a:hover span { padding-right: 25px; }
.div-content__link span { -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; padding-right: 10px; }

#site-logo { width: 250px; }
@media only screen and (max-width: 991px) { #site-logo { width: 180px; } }

#ad-division { background: linear-gradient(35deg, #329cb1, #3951aa); -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; position: relative; overflow: hidden; z-index: 1; }
#ad-division:before { content: ''; position: absolute; bottom: 0; left: 0; width: 0%; height: 100%; background: linear-gradient(-75deg, transparent, #3951aa); transition: all 0.75s; z-index: -1; }
#ad-division.hover:before { width: 400%; }

#fa-division { background: linear-gradient(35deg, #5c2f89, #3b466e); -webkit-transition: all 0.25s ease; -moz-transition: all 0.25s ease; -ms-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; position: relative; overflow: hidden; z-index: 1; }
#fa-division:before { content: ''; position: absolute; bottom: 0; left: 0; width: 0%; height: 100%; background: linear-gradient(-75deg, transparent, #3b466e); transition: all 0.75s; z-index: -1; }
#fa-division.hover:before { width: 400%; }

.copy { display: none; }
@media only screen and (max-width: 991px) { .copy { display: block; color: #031231; font-size: 1.1rem; text-align: center; padding: 15px 0 35px; } }

#privacy{
  width: 100%;
  max-width: 1024px;
  margin: 25px auto;
  
}
@media only screen and (max-width: 991px){
  #privacy{
    width: auto;
    margin: 25px 15px;
    
  }
}
#privacy h1 img {
  width: 180px;
  margin-bottom: 30px;
}
#privacy h2 {
  text-align: center;
    font-size: 28px;
    font-weight: 700;
    position: relative;
    margin: 0 0 60px; 
}
#privacy div {
  margin: 0 0 80px;
}
#privacy h4 {
  margin: 0 0 20px;
    font-size: 18px;
    font-weight: 700;
    position: relative;
}
#privacy p {
  margin: 0 0 10px;
  line-height: 1.6;
}
#privacy ul {
  margin: 30px 0px 30px;
  padding-left: 24px;
  list-style: disc;
}
#privacy li {
  margin: 0 0 15px;
  
}
#privacy .right {
  text-align: right;
}

#privacy #footer{
  text-align: center;
  padding-bottom: 25px;
}