@charset "utf-8";

.cf:before, .cf:after { content:""; display:table; }
.cf:after { clear:both; }
.cf { *zoom: 1; }


/* ----------------------------------------------
 ! normalize
 ---------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  background-color: #fff;
  color: #333;
  font-size: 1em;
  line-height: 1;
}

/* html5 format */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

a {
  background-color: transparent;
}

a:active,
a:hover {
  outline: 0;
}

b,
strong {
  font-weight: bold;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
  vertical-align:middle;
}

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

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

td,
th {
  padding: 0;
}

body {}

#under header{
  background-color: #fff;
  padding: 10px;
}
#under main{
  background-color: #FFFBCC;
  padding: 50px 0;
}
#under main .inner{
  padding: 0 20px;
}
#under header h1{
  max-width: 300px;
  width: 60%;
}
#under h2{
  font-size: 24px;
  text-align: center;
  font-weight: bold;
  margin-bottom: 40px;
}
#under h2 span{
  position: relative;
  display: inline-block;
}
#under h2 span:before, #under h2 span:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 35px;
  height: 2px;
  background-color: #FFD200;
}
#under h2 span:before {
  left:-30px;
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
}
#under h2 span:after {
  right: -30px;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
}
#under h3{
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: solid 1px #FFD200;
}
#under .btn{
  text-align: center;
}
#under .btn a{
  display: inline-block;
  padding: 15px 40px;
  color: #fff;
  background-color: #F69500;
  font-size: 16px;
  border-radius: 100px;
  text-decoration: none;
  box-sizing: border-box;
  transition: .3s;
}
#under .btn a:hover{
  opacity: .7;
}
#under .btn a.window:after{
  content: '';
  background: url(../img/ico_window.png) no-repeat top center / contain;
  display: inline-block;
  width: 24px;
  height: 16px;
  margin-left: 5px;
}

footer { background:#ffd200; border-bottom:1px #fff solid; padding:11.3vw 4vw 0; }
#bnr-footer { width:70%; text-align:center; margin:0 auto; padding:0 0 8.66vw; }
#bnr-footer img { width:100%; height:auto; }

#footer-nav { border-top:1px #fff solid; }
#footer-nav li { border-bottom:1px #fff solid; list-style:none; }
#footer-nav li a { display:block; text-align:center; margin:0 auto; padding:8vw 0; font-size:3.2vw; color:#333335; font-weight:bold; text-decoration:none; letter-spacing:0.06vw; }
#footer-nav li a:hover { opacity:0.7; }
#footer-sns { text-align:center; margin:0 auto; padding:11.3vw 0; }
#footer-sns li { display:inline-block; width:9.33vw; margin:0 2.34vw; list-style:none; }
#footer-sns li img { width:100%; height:auto; }
#footer-sns li a { display:block; }
#footer-sns li a:hover { opacity:0.7; }
#footer-copy { text-align:center; margin:0 auto; color:#323232; }
#footer-copy dt { padding:0 0 4.26vw; font-size:2.67vw; font-weight:bold; }
#footer-copy dd { padding:0 0 2.67vw; font-size:2.4vw; }
@media (min-width:1000px){
  .inner{ width: 1000px; margin: 0 auto;}
  #under main{
    background-color: #FFFBCC;
    padding: 100px 0;
  }
  #under h2{
    font-size: 28px;
    margin-bottom: 60px;
  }
  #under h3{
    font-size: 20px;
    padding-bottom: 20px;
    margin-bottom: 30px;
  }
  /* footer */
  footer{ padding: 60px 0 0; border-bottom: none;}
  .footer-nav{ display: flex;position:relative;padding:375px 0 0; align-items: flex-start;}
  #under .footer-nav{ padding:0;}
  .footer-nav #bnr-footer{ width: 240px; margin: 0; padding: 0;}
  .footer-nav #footer-nav{ width: calc(100% - 280px); margin: 40px 0 0 40px; box-sizing: border-box; display: flex; align-items: center; border-top: none; flex-wrap: wrap;}
  #footer-nav li{ border-bottom: none; width: fit-content; margin: 0 7% 20px 0;}
  #footer-nav li a{ font-size: 14px; padding: 0;}
  #footer-sns{ padding: 40px 0;}
  #footer-sns li{ width: 50px; margin: 0 15px;}
  #footer-copy dt{ font-size: 16px; padding: 0 0 20px;}
  #footer-copy dd{ font-size: 16px; padding: 0 0 40px;}
  .theta-u{position:absolute;top:0;left:19vw;}
    #top-instagram p{margin-bottom:1em;font-size:21px;line-height: 1.8;text-align: center;}
}
@media all and (-ms-high-contrast:none) and (min-width:1000px){
  *::-ms-backdrop, #top-mainview li{ overflow: hidden; height: 650px; position: relative;}
  *::-ms-backdrop, #top #top-mainview li img{ position: absolute; top: -50%; width: 100%; height: auto;}
}