@charset "utf-8";
html, body, a, abbr, acronym, address, area, b, bdo, big, blockquote, button, caption, cite, code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, hr, i, img, ins, kbd, label, legend, li, map, object, ol, p, param, pre, q, samp, small, span, strong, sub,sup, table, tbody, td, textarea, tfoot, th, thead, tr, tt, ul, var {
margin: 0;
padding: 0;
list-style: none;
line-height: 150%;
font-size: 100%;
transition-property: font-size, width, top, left, color, background;
transition-duration: 0.35s;
}

body {
font-family: 'Noto Serif JP', "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;-webkit-text-size-adjust: 100%;
height: 100%;
width: 100%;
font-weight: 500;
word-break: break-all;
}

html {
overflow-y: scroll;
height: 100%;
width: 100%;
-webkit-font-smoothing: antialiased;
}

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

ol, ul {
list-style: none;
}
 
ul li img {
vertical-align: bottom;
}

table {
border-collapse: collapse;
}
 
h1,h2,h3,h4,h5,h6,p {
color: #4A4A4A;
font-weight: 500;
font-size: 15px;
font-style: normal;
line-break: strict;
}

a {
color: #4A4A4A;
outline: none;
text-decoration: underline;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}

a:hover {
opacity: 0.5;
}


/*---wrapper---*/

#wrapper {
width: 100%;
margin: 0 auto;
overflow: hidden;
background: rgb(247,247,247);
background: linear-gradient(145deg, rgba(247,247,247,1) 0%, rgba(247,247,247,1) 50%, rgba(242,242,242,1) 50%, rgba(242,242,242,1) 100%);
}


/*---maintenance---*/

#maintenance {
width:100%;
height:100vh;
display:flex;
justify-content:center;
align-items:center;
}

#maintenance ul.cnt {
width: 100%;
}

#maintenance ul.cnt li.logo {
text-align: center;
padding-bottom: 85px;
}

#maintenance ul.cnt li.tit {
padding-bottom: 25px;
}

#maintenance ul.cnt li.tit p {
text-align: center;
font-weight: 500;
font-size: 27px;
}

#maintenance ul.cnt li.maintxt {
padding-bottom: 45px;
}

#maintenance ul.cnt li.maintxt p {
font-size: 16px;
text-align: center;
}

#maintenance ul.cnt li.add {
padding-bottom: 25px;
}

#maintenance ul.cnt li.add p {
font-size: 15px;
text-align: center;
}

@media only screen and ( max-width : 850px ) {

#maintenance {
width:85%;
margin: 0 auto;
}

#maintenance ul.cnt li.tit p {
font-size: 18px;
}

#maintenance ul.cnt li.maintxt p {
font-size: 15px;
}
}


.cf:after {
content:" ";
display: block;
clear: both;
}

.view-pc {
display: block;
}
.view-sp {
display: none;
}

@media only screen and (max-width: 850px) {
.view-pc { display: none;}
.view-sp { display: block;}
}

.imgresize {
max-width: 100%;
width: 100%;
}

.titleanime {
animation: titleanime 1.35s ease forwards;
}

@keyframes titleanime {
from{
opacity: 0;
transform: translateY(45px);
}

to{
opacity: 1;
transform: translateY(0);
}
}

.titleanime_s {
animation: titleanime 3.0s ease forwards;
}

@keyframes titleanime_s {
from{
opacity: 0;
transform: translateY(33px);
}

to{
opacity: 1;
transform: translateY(0);
}
}

.cntinnerbox {
width: 100%;
max-width: 80%;
margin: 0 auto ;
box-sizing: border-box;
}

@media only screen and (max-width: 1200px) {
.cntinnerbox {
width: 100%;
max-width: 100%;
padding: 0 3%;
}
}

.zoomIn img {
transform: scale(1);
transition: .3s ease-in-out;
}

.zoomIn img:hover{
transform: scale(1.1);
}

.mask{
display: block;
line-height: 0;
overflow: hidden;
}

.fixed {
position: fixed;
top: 0;
width: 100%;
z-index: 9999999;
}

.bgc-w {
background: #fff;
}

.detailbt {
width: 100%;
margin: 0 auto;
background: #0F0F0F;
border-radius: 2px;
display: block;
margin-top:  30px;
}

.detailbt a {
opacity: 1.0;
color: #fff;
display: block;
text-align: center;
letter-spacing: 0.04em;
text-decoration: none;
padding: 4%;
}

.detailbt a:hover {
background: #535558;
border-radius: 2px;
color: #fff;
}

.ftcntctbt {
width: 100%;
margin: 0 auto;
background: #f9dc00;
border-radius: 2px;
display: block;
margin-top:  30px;
}

.ftcntctbt a {
opacity: 1.0;
display: block;
text-align: center;
letter-spacing: 0.04em;
text-decoration: none;
padding: 4%;
}

.ftcntctbt a:hover {
background: #FFEB58;
border-radius: 2px;
}

.bt-100 {
width: 100%;
margin: 0 auto;
}

.bt-50 {
width: 50%;
margin: 0 auto;
}

.bt-40 {
width: 40%;
margin: 0 auto;
}

.bt-30 {
width: 30%;
margin: 0 auto;
}

/* slide */
.hvr-slide {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.25s;
transition-duration: 0.25s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}

.hvr-slide:hover,
.hvr-slide:focus,
.hvr-slide:active {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}


/* Sink */
.hvr-sink {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}

.hvr-sink:hover,
.hvr-sink:focus,
.hvr-sink:active {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}

.modal {
display: none;
position: fixed;
z-index: 8887;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgba(0, 0, 0, 0.5);
transition: all 1s ease-in-out;
}

.modal-container p {
margin-bottom: 10px;
}

.modal-container p:last-child {
margin-bottom: 0;
}

.modal-content {
background: #fff;
overflow-y: auto;
border-radius: 8px;
padding: 45px 25px;
width: 80%;
max-width: 500px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-height: 400px;
animation: show 0.6s linear 0s;
filter: drop-shadow(0px 2px 6px #5F5F5F);
}

.modal-top {
display: inline-block;
position: absolute;
right: 5px;
top: 5px;
}

.modal-close {
color: #212121;
text-decoration: none;
font-size: 2rem;
ine-height: 1;
padding: 0 12px;
}

.modal-close:hover, .modal-close:focus {
text-decoration: none;
cursor: pointer;
}

.modal-title {
color: #fff;
}

@keyframes show{
from{
opacity: 0;
}
to{
opacity: 1;
}
}


@media only screen and ( max-width : 850px ) {
.detailbt a {
padding: 3%;
font-size: 14px;
}

.detailbt_top {
width: 80%;
margin: 0 auto;
}

.detailbt_top a {
padding: 3%;
font-size: 14px;
}

.bt-100 {
width: 80%;
}

.bt-50 {
width: 80%;
}

.bt-40 {
width: 80%;
}

.bt-30 {
width: 80%;
}
}

.sec_nor {
margin-bottom: 75px;
}

ul.caption {
padding-bottom: 30px;
}

ul.caption li.txt {
max-width: 90%;
margin: 0 auto;
}

ul.caption li.txt p {
line-height: 180%;
}

ul.box-align_2 {
width: 100%;
margin: 0 auto;
}

ul.box-align_2 li {
display: inline-block;
vertical-align: top;
width: 49%;
margin: 0 2% 2% 0;
}

ul.box-align_2 li:nth-child(2n) {
display: inline-block;
vertical-align: top;
width: 49%;
margin: 0 0 2% 0;
}

ul.box-align_2 li p.tit {
font-weight: 600;
padding: 12px 0 12px 0;
}

ul.box-align_2 li p.cnt {
padding: 1.3% 0;
}

ul.box-align_2 p.bt {
background: #0E0101;
border-radius: 4px;
width: 100%;
margin: 10px auto 20px auto;
border:transparent 3px solid;
box-sizing:border-box;
}

ul.box-align_2 p.bt a {
font-size: 15px;
text-align: center;
display: block;
padding: 10px 0;
letter-spacing: 1px;
color: #fff;
font-weight: 600;
text-decoration: none;
}

ul.box-align_2 p.bt:hover {
border-radius: 4px;
background: #fff;
border: 3px solid #526276;

}

ul.box-align_2 p.bt:hover a {
color: #252525;
font-weight: bold;
opacity: 1.0;
}

ul.box-align_2 li img {
max-width: 100%;
width: 100%;
}

ul.box-align_3 {
width: 100%;
margin: 0 auto;
}

ul.box-align_3 li {
display: inline-block;
vertical-align: top;
width: 32%;
margin: 0 2% 2% 0;
}

ul.box-align_3 li:nth-child(3n) {
display: inline-block;
vertical-align: top;
width: 32%;
margin: 0 0 2% 0;
}

ul.box-align_3 li p.tit {
font-weight: 700;
padding-top: 8px;
font-size: 16px;
}

ul.box-align_3 li p.tit_2 {
font-weight: 600;
font-size: 14px;
padding-top: 8px;
}

ul.box-align_3 li p.cnt {
padding: 1.3% 0;
font-size: 14px;
}

ul.box-align_3 p.bt {
background: #313131;
border-radius: 4px;
width: 100%;
margin: 10px auto 20px auto;
}

ul.box-align_3 p.bt a {
font-size: 15px;
text-align: center;
display: block;
padding: 10px 0;
letter-spacing: 1px;
color: #fff;
text-decoration: none;
}

ul.box-align_3 p.bt a:hover {
border-radius: 4px;
opacity: 0.6;
}

ul.box-align_3 li img {
max-width: 100%;
width: 100%;
}

ul.box-align_4 {
width: 100%;
margin: 0 auto;
}

ul.box-align_4 li {
display: inline-block;
vertical-align: top;
width: 23%;
margin: 0 2% 2% 0;
}

ul.box-align_4 li:nth-child(4n) {
display: inline-block;
vertical-align: top;
width: 23%;
margin: 0 0 2% 0;
}

ul.box-align_4 li p.tit {
font-weight: 600;
padding-top: 8px;
font-size: 14px;
}

ul.box-align_4 li p.cnt {
padding: 1.3% 0;
font-size: 14px;
}

ul.box-align_4 p.bt {
background: #313131;
border-radius: 4px;
width: 100%;
margin: 10px auto 20px auto;
}

ul.box-align_4 p.bt a {
font-size: 15px;
text-align: center;
display: block;
padding: 10px 0;
letter-spacing: 1px;
color: #fff;
text-decoration: none;
}

ul.box-align_4 p.bt a:hover {
border-radius: 4px;
opacity: 0.6;
}

ul.box-align_4 li img {
max-width: 100%;
width: 100%;
}

ul.layout_hr01 {
width: 100%;
padding-bottom: 120px;
}

ul.layout_hr01 li.img {
float: right;
width: 40%;
}

ul.layout_hr01 li.img img {
width: 100%;
max-width: 100%;
}

ul.layout_hr01 li.movie {
float: left;
width: 40%;
}

ul.layout_hr01 li.movie .morsp {
position: relative;
padding-top: 56.25%;
}

ul.layout_hr01 li.movie .morsp iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}

ul.layout_hr01 li.txt {
float: left;
width: 57%;
}

ul.layout_hr01 li.txt p.tit {
font-weight: 600;
font-size: 24px;
padding-bottom: 5px;
letter-spacing: 0.07em;
}

ul.layout_hr01 li.txt p.tit2 {
font-weight: 600;
font-size: 24px;
padding-bottom: 5px;
letter-spacing: 0.07em;
}

ul.layout_hr01 li.txt p.stit {
font-weight: 600;
font-size: 16px;
padding-bottom: 5px;
letter-spacing: 0.07em;
}

ul.layout_hr01 li.txt p.cnt {
line-height: 170%;
}

ul.layout_hr02 {
width: 100%;
padding-bottom: 120px;
}

ul.layout_hr02 li.img {
float: left;
width: 40%;
}

ul.layout_hr02 li.img img {
width: 100%;
max-width: 100%;
}

ul.layout_hr02 li.movie {
float: left;
width: 40%;
}

ul.layout_hr02 li.movie .morsp {
position: relative;
padding-top: 56.25%;
}

ul.layout_hr02 li.movie .morsp iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}

ul.layout_hr02 li.txt {
float: right;
width: 57%;
}

ul.layout_hr02 li.txt p.tit {
font-weight: 600;
font-size: 24px;
padding-bottom: 5px;
letter-spacing: 0.07em;
}

ul.layout_hr02 li.txt p.tit2 {
font-weight: 600;
font-size: 24px;
padding-bottom: 5px;
letter-spacing: 0.07em;
}

ul.layout_hr02 li.txt p.stit {
font-weight: bold;
font-size: 16px;
padding-bottom: 5px;
letter-spacing: 0.07em;
}

ul.layout_hr02 li.txt p.cnt {
line-height: 170%;
}

ul.layout_vr {
width: 100%;
padding-bottom: 70px;
}

ul.layout_vr li.img {
max-width: 80%;
margin: 0 auto;
padding-bottom: 30px;
}

ul.layout_vr li.img img {
width: 100%;
max-width: 100%;
}

ul.layout_vr li.txt {
max-width: 90%;
margin: 0 auto;
text-align: left;
}

ul.layout_vr li.txt p.tit {
text-align: center;
font-size: 26px;
padding-bottom: 8px;
}

ul.layout_vr li.txt p {
line-height: 170%;
}

@media only screen and ( max-width : 850px ) {
ul.box-align_2 li {
margin: 0 2% 3.5% 0;
}

ul.box-align_2 li:nth-child(2n) {
margin: 0 0 3.5% 0;
}
	
ul.box-align_2 li p.tit {
font-size: 14px;
}

ul.box-align_2 li p.cnt {
font-size: 13px;
}
	
ul.box-align_3 li {
width: 49%;
margin: 0 2% 7% 0;
}

ul.box-align_3 li:nth-child(3n) {
width: 49%;
margin: 0 2% 7% 0;
}

ul.box-align_3 li:nth-child(2n) {
width: 49%;
margin: 0 0 7% 0;
}

ul.box-align_3 li p.tit {
font-size: 14px;
}

ul.box-align_3 li p.cnt {
font-size: 13px;
}

ul.box-align_4 li {
width: 49%;
margin: 0 2% 7% 0;
}

ul.box-align_4 li:nth-child(4n) {
width: 49%;
margin: 0 0 7% 0;
}

ul.box-align_4 li:nth-child(2n) {
width: 49%;
margin: 0 0 7% 0;
}

ul.box-align_4 li p.tit {
font-size: 14px;
}

ul.box-align_4 li p.cnt {
font-size: 13px;
}

ul.layout_hr01 {
padding-bottom: 75px;
}

ul.layout_hr01 li.img {
width: 100%;
padding-bottom: 10px;
}

ul.layout_hr01 li.movie {
width: 100%;
padding-bottom: 10px;
}

ul.layout_hr01 li.txt {
width: 100%;
}

ul.layout_hr01 li.txt p.cnt {
line-height: 160%;
}

ul.layout_hr01 li.txt p.tit {
font-size: 20px;
}

ul.layout_hr01 li.txt p.tit2 {
font-size: 20px;
}

ul.layout_hr02 {
padding-bottom: 75px;
}

ul.layout_hr02 li.img {
width: 100%;
padding-bottom: 10px;
}

ul.layout_hr02 li.movie {
width: 100%;
padding-bottom: 10px;
}

ul.layout_hr02 li.txt {
width: 100%;
}

ul.layout_hr02 li.txt p.tit {
font-size: 20px;
}

ul.layout_hr02 li.txt p.cnt {
line-height: 160%;
}

ul.layout_vr li.img {
max-width: 100%;
}

ul.layout_vr li.txt {
max-width: 100%;
}

ul.layout_vr li.txt p.tit {
font-size: 20px;
}
}