@charset "UTF-8";
/*
color
blue #083388;
blue light #9ddaf1;
yellow #ffff00;
*/
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;line-height:100%;vertical-align:baseline;font-family:'Bitter',Meiryo,sans-serif,Helvetica,Verdana, sans-serif;}
body{height: 100%;line-height:1.8;font-family:sans-serif;word-wrap:break-word;overflow-wrap:break-word;}
*:first-child+html body {font-size:100%;}
dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,legend,input,textarea,p,blockquote,th,td{color:#231815;}
html *{margin:0 auto;vertical-align: top;}html {font-size:16px;}*:first-child+html body {font-size:100%;}
img{width:auto;max-width:100%;height:auto;width:auto\9;}
a{text-decoration: none;}
ul,ol{list-style:none;}
.clear{clear:both;}
.clearfix:after{visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}.clearfix{display:inline-block;}
* html .clearfix{height:1%;}.clearfix{display:block;}
.tac{text-align: center;}.tal{text-align:left;}
.spbr {display:none;}.pcbr {display:block;}
a img:hover{opacity:.9;}

/* Layout */
.m-tb-s{margin:.75em auto;} .m-tb-m{margin:1.5em auto;} .m-tb-l{margin:3em auto;} .m-tb-0 {margin:0 auto;}
.m-t-s{margin:.75em auto 0;} .m-t-m{margin:1.5em auto 0;} .m-t-l{margin:3em auto 0;} .m-t-0 {margin-top: 0;}
.m-b-s{margin:0 auto .75em;} .m-b-m{margin:0 auto 1.5em;} .m-b-l{margin:0 auto 3em;} .m-b-0 {margin-bottom: 0;}

.p-tb-s{padding:.75em 0;} .p-tb-m{padding:1.5em 0;} .p-tb-l{padding:3em 0;} .p-tb-0 {padding:0;}
.p-t-s{padding:.75em 0 0;} .p-t-m{padding:1.5em 0 0;} .p-t-l{padding:3em 0 0;} .p-t-0 {padding-top: 0;}
.p-b-s{padding:0 0 .75em;} .p-b-m{padding:0 0 1.5em;} .p-b-l{padding:0 0 3em;} .p-b-0 {padding-bottom: 0;}

#content{width:100%;height:100%;margin:0 auto;text-align:center;vertical-align:top;}
section{padding:0;margin:0 auto;}
.inner{max-width:965px;height:100%;}
.bg-star .inner {padding: 0 4%;}
.hero,section{position:relative;}
.hero h1{position:relative;z-index:999;margin:0 auto;}.imgcity{position:absolute;bottom:0;right:0;z-index:1;}
.hero h1.pcbr img {margin:0 auto;}

/* Design */
h1 .bg-blue {background: #7fcdec; padding:4%;}
.bg-blue {background: #7fcdec; padding:4%; width:83.3333%; box-sizing: border-box;}
.bg-lightblue {background: #c8e7f2; padding:4%; width:83.3333%; box-sizing: border-box;}
.bg-lightgreen {background: #d4ecea; padding:4%; width:83.3333%; box-sizing: border-box;}
.bg-star {background-image: url(../images/bg-star_pc.png);background-repeat: repeat; /*background-size: contain;*/}

/* Font */
.fs-small{font-size:75%}
.ffly-bc{font-family: 'Anton', sans-serif;font-family: 'Oswald', sans-serif;font-family: 'Fjalla One', sans-serif;}
h1,h2,h3,h4{color: #083388;margin:5vh auto;}
h3.title-base{font-size:112.5%;line-height:1;}h3.title-base span{font-size:200%;}
.copylight{padding:1vw 0;}
.title-line span {display: inline;padding:0;border-bottom: .6vh solid#083388;}
.bold {font-weight: bold;}
/* List */
.list-def{margin-left:1em;}
.list-def li{padding:.6vw 0;text-indent:-1.0em;}
.list-def li:before{content:"■ ";color:#083388;line-height:normal;}

/* Utility */
i.fa{vertical-align:middle;font-size:3vh;}
.circle:hover{cursor:pointer;}
.circle{border-radius: 50%;border:2px solid #bababa;}.active .cred{border-color:#da1c2e;}.active .cyellow{border-color:#fcd139;}.active .cgreen{border-color:#b5c55f;}
.link-btn{position:relative;display:block;padding:2.5vw 0;background:#083388;color:#ffff00;font-size:130%;letter-spacing:.25em;line-height:1.5;border-bottom:12px solid black;}
.link-btn .arrow{position:absolute;top:50;left:5%;bottom:50;}
.ilb-block > li,.ilb-block > div {display: inline-block;letter-spacing: normal;vertical-align: top;}
.col-box [class*="col-"]{float:left;}
[class*="col-"] img{margin-bottom:1.5vh;}
[class*="col-"],.col-box,.col-4 img{box-sizing: border-box;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}.col-4 img{display:block;}
.col-6 {width: 50%;}
.col-6 ul{margin:10vw 0 0 0;}
.flex2-4 {display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.flex2-4 .layered5 {width:20%;}
.flex1-2 {display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.flex1-2 .layered1 {width:45%;}
.col-6 img {width:83.3333%;}
img.img-x768 {width:64%;}
.btn {max-width:500px;}

/** Utility transition*/
.fade-in {transition: opacity 0.4s;-moz-transition: opacity 0.4s;-webkit-transition: opacity 0.4s;-o-transition: opacity 0.4s;}
.fade-up {transition: opacity 0.9s;-moz-transition: opacity 0.9s;-webkit-transition: opacity 0.9s;-o-transition: opacity 0.9s;transition: transform 0.9s;-moz-transition: transform 0.9s;-webkit-transition: transform 0.9s;-o-transition: transform 0.9s;}

.layered-block{position:relative;max-width:965px;}
.layered1 .layered{position:absolute;top:-20px;right:280px;} /* POINT1 balloom  3.5*/
.layered2 .layered{position:absolute;bottom:50px;left:16px;}
.layered3 .layered{position:absolute;bottom:150px;right:10px;max-width:380px;}

.element-swing {
-moz-animation: swing linear 5s infinite;-moz-transform-origin: center center 0;
-webkit-animation: swing linear 5s infinite;-webkit-transform-origin: center center 0;
-ms-animation: swing linear 5s infinite;-ms-transform-origin: center center 0;
-o-animation: swing linear 5s infinite;-o-transform-origin:center center 0;
animation: swing linear 5s infinite;transform-origin: center center 0;
display: block;float:left;
}
@-moz-keyframes swing {0% { -moz-transform: rotate(0deg) }25% { -moz-transform: rotate(3deg); }50% { -moz-transform: rotate(0deg); }75% { -moz-transform: rotate(-3deg); }100% { -moz-transform: rotate(0deg); }}@-webkit-keyframes swing {0% { -webkit-transform: rotate(0deg); }25% { -webkit-transform: rotate(3deg); }50% { -webkit-transform: rotate(0deg); }75% { -webkit-transform: rotate(-3deg); }100% { -webkit-transform: rotate(0deg); }}    @-o-keyframes swing {0% { -o-transform: rotate(0deg); }25% { -o-transform: rotate(3deg); }50% { -o-transform: rotate(0deg); }75% { -o-transform: rotate(-3deg); }100% { -o-transform: rotate(0deg); }}@-ms-keyframes swing {0% { -ms-transform: rotate(0deg); }25% { -ms-transform: rotate(3deg); }50% { -ms-transform: rotate(0deg); }75% { -ms-transform: rotate(-3deg); }100% { -ms-transform: rotate(0deg); }}@keyframes swing {0% { transform: rotate(0deg); }25% { transform: rotate(3deg); }50% { transform: rotate(0deg); }75% { transform: rotate(-3deg); }100% { transform: rotate(0deg); }}

/* Media Queries */
@media all and (max-width: 320px) {
.layered1 .layered{position:absolute;top:80px;left:15px;width:40%;}
.layered2 .layered{position:absolute;top:-10px;left:12%;height:80%;}
.layered3 .layered{position:absolute;top:30px;right:15px;height:55%;}
}
@media all and (min-width:321px) and (max-width: 360px) {
.layered1 .layered{position:absolute;top:100px;left:20px;width:40%;}
.layered2 .layered{position:absolute;top:-10px;left:15%;height:80%;}
.layered3 .layered{position:absolute;top:30px;right:15px;height:55%;}
}
@media all and (min-width:361px) and (max-width: 375px) {
.layered1 .layered{position:absolute;top:100px;left:20px;max-width:40%;}
.layered2 .layered{position:absolute;bottom:100px;left:20px;max-height:75%;}
.layered3 .layered{position:absolute;bottom:150px;right:20px;max-height:55%;}
}
@media all and (min-width:376px) and (max-width: 414px) {
.layered1 .layered{position:absolute;top:100px;left:20px;width:40%;}
.layered2 .layered{position:absolute;top:-10px;left:15%;height:80%;}
.layered3 .layered{position:absolute;top:30px;right:15px;height:55%;}
}
@media all and (min-width:415px) and (max-width: 768px) {
.layered1 .layered{position:absolute;top:100px;left:20px;max-width:38%;}
.layered2 .layered{position:absolute;bottom:100px;left:20px;max-height:70%;}
.layered3 .layered{position:absolute;bottom:150px;right:10px;max-height:50%;}
}
@media all and (max-width: 768px) {
.spbr {display:block;}.pcbr {display:none;}
section.inner{width:92%;}
.bg-star {background-image: url(../images/bg-star.png);background-repeat: repeat-y; background-size: contain;}
.flex2-4 {display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.flex2-4 .layered5 {width:45%;}
.flex1-2 {display: -webkit-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;}
.flex1-2 .layered1 {width:100%;}
.bg-blue {background: #7fcdec; padding:8% 4%; width:100%; box-sizing: border-box;}
.bg-lightblue {background: #c8e7f2; padding:8% 4%; width:100%; box-sizing: border-box;}
.bg-lightgreen {background: #d4ecea; padding:8% 4% 4%; width:100%; box-sizing: border-box;}
.img-x768 {width:100%;}
.col-6{width:100%;display:block;}.col-4{padding:0 2vw;}
.link-btn{font-size:100%;padding:2.5vh 1vh;}
.list-def li {padding: .6vw 0; font-size: 87.5%; text-indent: -1.0em;}
.btn {max-width:280px;}
}