@charset "utf-8";
@import url("style-effect.css");
@import url("style-slide.css");
@import url("style-case.css");

html{
font-size:62.5%;
font-family:'M PLUS 1p', sans-serif;
}

body{
width:100%;
color:#333;
font-size:1.6rem;
margin:0;
background:#ffffff;
}

img, img[class*="wp-image-"], img[class*="attachment-"] {
height:auto;
max-width:100%;
vertical-align:bottom;
backface-visibility:hidden;
}

img.scaled-image {
border:0;
margin:0;
}

h1{
width:100%;
font-size:3rem;
font-weight:normal;
line-height:4rem;
text-align:center;
padding:0;
margin:100px 0;
display:table;
}
h1 span{
width:100%;
font-size:1.6rem;
text-align:center;
display:block;
}

h2{
font-family:'M PLUS 1p', sans-serif;
font-size:3.6rem;
font-weight:normal;
line-height:10rem;
letter-spacing:4px;
padding:0 0 20px 0;
margin:0 auto 60px auto;
display:table;
position:relative;
}
h2::after{
content:'';
width:60%;
border-bottom:2px solid #333;
position:absolute;
bottom:0;
left:50%;
transform:translatex(-50%);
}

h3{
width:100%;
font-family:'M PLUS 1p', sans-serif;
font-size:2.6rem;
font-weight:normal;
line-height:10rem;
letter-spacing:4px;
padding:0;
margin:30px auto;
display:table;
}

h4{
width:100%;
font-size:1.8rem;
font-weight:normal;
padding:0;
margin:60px 0 20px 0;
display:block;
}
h4::after{
content:'　-';
}

h5{
width:100%;
font-size:2rem;
font-weight:normal;
padding:0;
margin:0 0 20px 0;
display:block;
}

h6{
width:100%;
font-size:3rem;
font-weight:normal;
text-align:center;
padding:0;
margin:60px 0;
display:block;
}
h6 span{
font-size:1.6rem;
}


ul{list-style:none;padding:0;}

.inv-a{
display:table !important;
}

.inv-b{
display:none !important;
}

p{
width:100%;
letter-spacing:2px;
line-height:3.4rem;
padding:0;
margin:0;
}

p span{
font-size:1.8rem;
font-weight:bold;
}

.anchor{
padding-top:100px;
margin-top:-100px;
display:block;
}

#common-image{
width:640px;
margin:60px auto;
display:block;
}

a{
color:#333;
text-decoration:none;
transition:1s;
}

a:hover{
color:#333;
text-decoration:none;
opacity:0.8;
transition:1s;
}

#wrapper{
margin:0 auto;
width:100%;
overflow: hidden;
}

#content{
width:100%;
}

#sec{
width:82%;
height:auto;
padding:100px 9%;
margin:0 auto;
display:flex;
flex-flow:wrap;
justify-content:flex-start;
}

/*-hd-------------------------*/
#hd{
width:74%;
min-width:1080px;
padding:14px 13%;
display:flex;
flex-flow:wrap;
justify-content:space-between;
background:#fff;
position:fixed;
z-index:15;
}

#hd-logo{
width:260px;
margin:auto 0;
display:table;
}
#hd-logo img{
width:100%;
display:table;
}


#hd-menu{
width:630px;
margin:auto 0 auto auto;
display:flex;
flex-flow:wrap;
justify-content:flex-end;
}
#hd-menu li{
text-align:center;
padding:0 2%;
list-style:none;
display:table;
}

#hd-menu-sub{
padding-top:2px;
position:relative;
display:none;
}

#hd-menu-sub a {
font-size:1.3rem;
line-height:3rem;
display:block;
}
#hd-menu-sub a::before{
content:'>';
padding-right:6px;
transform:scale(0.6,1);
display:inline-block;
}

#hd-menu li:hover #hd-menu-sub{
width:200px;
text-align:left;
padding:10px 0 10px 20px ;
background:#fff;
display:block;
position:absolute;
z-index:100;
}




#hd-menu-lnk{
font-size:1.3rem;
line-height:4rem;
}

#hd-contact{
width:150px;
color:#fff;
font-size:1.3rem;
line-height:3rem;
text-align:center;
margin:auto 0 auto 40px;
background:#00585d;
display:table;
}
#hd-contact span{
font-size:1.1rem;
padding-right:6px;
transform:scale(0.6,1);
display:inline-block;
}

#home-sec{
width:96%;
padding:3% 0;
margin:0 2%;
}

#home-sec-lnk{
width:max-content;
padding:0 6% 3px 6%;
margin:2% auto 0 auto;
display:flex;
flex-flow:wrap;
justify-content:center;
border-bottom:1px solid #999;
position:relative;
}

#home-sec-lnk object{
transform:scale(0.6,1);
display:inline-block;
}
#home-sec-lnk span{
display:inline-block;
}

#home-contents1-sec{
width:100%;
display:flex;
flex-flow:wrap;
justify-content:flex-start;
}

#home-contents1-block{
width:30%;
color:#00585d;
font-size:2.4rem;
letter-spacing:2px;
line-height:5.6rem;
padding:0 0 0 10%;
margin:auto 0;
}
#home-contents1-block span{
width:100%;
font-size:5rem;
line-height:10rem;
display:block;
}
#home-contents1-block a{
color:#666;
font-size:1.6rem;
line-height:3rem;
padding:0 62px;
display:table;
border:1px solid #666;
}
#home-contents1-block a object{
transform:scale(0.6,1);
display:inline-block;
}

#home-contents2-block{
width:20%;
display:table;
}

#home-products-block{
width:22%;
font-size:1.7rem;
text-align:center;
margin:20px 1.5%;
}


#common-products-block{
width:31.33%;
font-size:1.7rem;
text-align:center;
margin:0 auto;
}

#home-products-block span, #common-products-block span{
width:100%;
font-size:1.2rem;
font-weight:normal;
text-align:center;
padding-bottom:5px;
display:block;
}

#home-products-block a, #common-products-block a{
width:100%;
margin-top:5px;
display:block;
}

#home-gallery-block{
width:16.6666666%;
padding-top:25%;
}


#home-news-block{
width:68%;
min-width:800px;
margin:30px auto 0 auto;
border-bottom:1px solid #ccc;
display:flex;
flex-flow:wrap;
justify-content:flex-start;
}
#home-news-block dt{
width:14%;
min-width:160px;
font-size:1.4rem;
text-align:center;
padding:4px 0 4px 2%;
margin:0;
}
#home-news-block dd{
width:84%;
max-width:600px;
padding:0;
margin:0;
}

#home-news-block dd span{
font-size:1.2rem;
padding:2px 20px;
margin:auto 20px auto 0;
border:1px solid #ccc;
display:inline-block;
}

#home-news-block div{
width:95%;
font-size:1.5rem;
padding:10px 0 10px 5%;
margin-top:6px;
display:block;
}

#home-news-block div a:hover{
color:#00585d;
opacity:1;
}

#home-network-block{
width:27%;
font-size:1.3rem;
padding:2%;
border:1px solid #ccc;
position:relative;
}
#home-network-block span{
width:100%;
font-size:1.8rem;
font-weight:bold;
margin-bottom:10px;
position:relative;
display:inline-block;
}
#home-network-block span::before{
content:'>';
font-size:1.8rem;
font-weight:normal;
transform:scale(0.6,1);
display:inherit;
}

#home-network-block img{
width:12%;
position:absolute;
top:50%;
right:10%;
transform:translatey(-50%);
}

#footer-sec{
width:100%;
padding:10px 0;
margin-top:100px;
text-align:center;
background:#fff;
border-bottom:1px solid #ccc;
position:relative;
z-index:20;
}

#footer-sec a img{
width:300px;
margin-right:20px;
display:inline-block;
}
#footer-sec span{
font-size:1.2rem;
margin:0 0 8px 0;
display:inline-block;
}

#footer-tel-lnk{
font-size:2.4rem;
margin:0 20px;
display:inline-block;
}
#footer-tel-lnk::before{
content:'>';
font-size:2.6rem;
font-weight:normal;
transform:scale(0.6,1);
display:inherit;
}


#footer-site-map-sec{
width:100%;
padding:60px 0;
background:#efefef;
display:flex;
flex-flow:wrap;
justify-content:center;
position:relative;
z-index:20;
}
#footer-sitemap-block{
width:13%;
font-size:1.1rem;
line-height:2.6rem;
margin:0 0.5%;
}
#footer-sitemap-block dt{
width:95%;
padding:0 0 0 5%;
margin:0;
}
#footer-sitemap-block dt a{
width:100%;
display:block;
}

#common-hd{
width:100%;
padding-top:16%;
margin:0;
background-image:url('/site/wp-content/uploads/2020/12/img1-scaled.jpg');
background-repeat:no-repeat;
background-position:center;
background-size:cover;
display:block;
filter:brightness(100%);
}

#breadcrumb{
width:90%;
font-size:1.3rem;
letter-spacing:2px;
padding:6px 10%;
border-bottom:1px solid #f3f3f3;
}

#common-sec{
width:60%;
height:auto;
padding:100px 20%;
margin:0 auto;
display:flex;
flex-flow:wrap;
justify-content:flex-start;
}

#common-hd{
width:60%;
padding:20px 20%;
align-items:center;
display:flex;
flex-flow:wrap;
justify-content:flex-end;
position:fixed;
background:rgba(255,255,255,0.9);
}
#common-hd-logo{
width:70px;
margin:0 auto 0 0;
}
#common-hd-menu-sec{
width:240px;
display:flex;
justify-content:space-between;
}

#common-hd-menu-sec a{
width:40%;
color:#00585c;
font-size:1.2rem;
text-align:center;
padding:0;
margin:0 auto;
display:table;
}

#common-gloval-navi{
width:66px;
color:#fff;
font-size:1.4rem;
line-height:5.4rem;
padding:0;
margin-left:40px;
text-align:center;
background:#00585c;
}

#common-image-sec{
width:100%;
margin-top:74px;
}


#common-image-sec span{
width:100%;
color:#fff;
font-family: 'Josefin Slab', serif;
font-size:2.6rem;
letter-spacing:2px;
text-align:center;
padding:8% 0;
display:block;
background:rgba(0,0,0,0.6);
}

#common-image-sec span object{
width:100%;
font-size:2rem;
text-align:center;
line-height:2rem;
padding-top:2%;
display:table;
}
#common-image-sec span object::before{
content:'-';
padding-right:20px;
display:inline-block;
}
#common-image-sec span object::after{
content:'-';
padding-left:20px;
display:inline-block;
}


#common-tag-sec {
width:100%;
margin:0 0 60px 0;
display:flex;
flex-flow:wrap;
justify-content:flex-start;
}
#common-tag-sec a{
color:#00585d;
font-size:1.3rem;
padding:4px 10px;
margin:10px 4px;
background:#fff;
border:1px solid #00585d;
border-radius:20px;
display:table;
}
#common-tag-sec a:hover{
color:#fff;
background:#00585d;
opacity:1;
}
#common-tag-sec div{
color:#fff;
font-size:1.3rem;
padding:4px 10px;
margin:10px 4px;
background:#00585d;
border:1px solid #00585d;
border-radius:20px;
display:table;
}

#company-table{
width:100%;
margin:60px 0 0 0;
border-collapse:collapse;
}
#company-table th{
width:30%;
color:#00585d;
font-weight:normal;
text-align:center;
padding:30px 0;
border-bottom:1px solid #f5f5f5;
}
#company-table td{
width:70%;
padding:30px 0;
border-bottom:1px solid #f5f5f5;
}

#common-ul-sec{
width:100%;
margin-top:30px;
}
#common-ul-sec{
width:100%;
letter-spacing:2px;
line-height:3.4rem;
margin:30px 0;
display:blockl;
}
#common-ul-sec li{
width:100%;
display:block;
}


#common-ul-sec span{
width:100%;
color:#c10000;
font-size:2rem;
margin:30px 0 0 0;
display:block;
}

#common-image-block{
width:100%;
display:table;
}

#faq-block{
width:100%;
padding:0;
margin:20px 0;
display:block;
}
#faq-block dt{
width:100%;
color:#00585d;
font-size:1.8rem;
letter-spacing:2px;
padding:0;
margin:0 0 0 0;
cursor:pointer;
border-bottom:1px solid #f6f6f6;
display:block;
}
#faq-block dd{
width:100%;
padding:20px 0 0 0;
margin:0 0 20px 0;
display:none;
}

#to-top-block{
width:60px;
color:#333;
font-size:1.4rem;
text-align:center;
position:fixed;
right:1%;
bottom:6%;
display:none;
}


#to-top-block div{
width:12px;
height:12px;
margin:0 auto -3px auto;
border:1px solid;
border-color:#333 #333 transparent transparent;
transform:rotate(-45deg);
}


#lineups-block{
width:32.33%;
padding-top:24%;
margin:0.5%;
overflow:hidden;
position:relative;
}

#lineups-block-name{
width:96%;
color:#fff;
font-size:1.3rem;
text-align:center;
padding:100px 2%;
background:rgba(0,0,0,0.7);
opacity:0;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
transition:0.6s;
}

#lineups-block-name span{
width:100%;
font-size:1.4rem;
text-align:center;
margin:0;
display:block;
}

#lineups-block:hover #lineups-block-name{
opacity:1;
transition:0.6s;
}





.common-st-tab-wrap, .common-cm-tab-wrap, .common-ns-tab-wrap{
width:100%;
display:flex;
flex-wrap:wrap;
justify-content:flex-start;
}
.common-st-tab-label, .common-cm-tab-label, .common-ns-tab-label{
color:#00585d;
font-size:1.4rem;
text-align:center;
padding:10px 0;
margin:0;
background:#fff;
border-bottom:1px solid #00585d;
display:inline-block;
flex-grow:1;
order:-1;
cursor:pointer;
transition:1s;
}
.common-st-tab-label:hover, .common-cm-tab-label:hover, .common-ns-tab-label:hover{
color:#fff;
background:#00585d;
transition:1s;
}

.common-st-tab-switch, .common-cm-tab-switch, .common-ns-tab-switch{
display:none;
}

.common-st-tab-content, .common-cm-tab-content, .common-ns-tab-content{
width:100%;
padding:30px 0;
display:none;
}
.common-st-tab-switch:checked+.common-st-tab-label, .common-cm-tab-switch:checked+.common-cm-tab-label, .common-ns-tab-switch:checked+.common-ns-tab-label{
color:#fff;
background:#00585d;
}
.common-st-tab-switch:checked+.common-st-tab-label+.common-st-tab-content, .common-cm-tab-switch:checked+.common-cm-tab-label+.common-cm-tab-content, .common-ns-tab-switch:checked+.common-ns-tab-label+.common-ns-tab-content{
width:100%;
display:flex;
flex-flow:wrap;
justify-content:flex-start;
}

#works-tag-sec{
width:100%;
margin:0;
display:flex;
flex-flow:wrap;
justify-content:flex-start;
}
#works-tag-sec li{
color:#fff;
font-size:1.2rem;
letter-spacing:2px;
padding:2px 10px;
margin:4px;
list-style:none;
border-radius:10px;
background:#00585d;
}


.lineup-mov{
width:600px;
height:337px;
margin:60px auto;
display:block;
}

#recruit-table{
width:100%;
margin:0 auto 60px auto;
border-collapse:collapse;
}
#recruit-table th{
width:28%;
font-weight:normal;
text-align:center;
padding:14px 0;
border-bottom:1px solid #eee;
}
#recruit-table td{
width:72%;
padding:20px 0;
border-bottom:1px solid #eee;
}


#recruit-tel{
width:100%;
font-size:2rem;
text-align:center;
margin:0 auto;
display:table;
}
#recruit-tel span{
width:100%;
text-align:center;
display:block;
}
#recruit-tel a{
color:#00585d;
font-size:2.4rem;
margin:0 10px;
}

#common-lnk{
color:#00585d;
font-size:1.6rem;
line-height:4rem;
letter-spacing:2px;
margin:20px 20px 0 0;
display:table;
}
#common-lnk::before{
content:'>';
padding-right:4px;
transform:scale(0.6,1);
display:inline-block;
}


#contact-tel{
font-family: 'Noto Sans JP', sans-serif;
font-size:5rem;
font-weight:100;
margin-top:20px;
align-items:baseline;
display:flex;
}
#contact-tel img{
width:46px;
margin:0 10px 0 0;
display:table;
}

#members-info-block{
width:100%;
display:flex;
flex-flow:wrap;
justify-content:flex-start;
}
#members-info-block dt{
width:30%;
font-size:1.5rem;
text-align:center;
padding:16px 0;
margin:0;
border-bottom:1px solid #eee;
}
#members-info-block dd{
width:70%;
font-size:1.5rem;
padding:16px 0;
margin:0;
border-bottom:1px solid #eee;
}
#members-info-block dd a{
color:#00585d;
text-decoration:underline;
}

#members-file-block{
width:100%;

}
#members-file-block a{
width:80%;
font-size:1.4rem;
margin:10px auto;
border-bottom:1px solid #eee;
display:block;
}




/* pager------------------------------------------------------------*/
.pager{
text-align:center;
margin:30px auto;
display:table;
}
.pager a{
color:#00585d;
text-decoration:underline;
}

a.page-numbers,
.pager .current{
font-size:1.3rem;
background:#fff;
padding:6px 10px;
margin:0 6px;
}
.pager .current{
color:#fff;
background:#00585d;
display:inline-block;
}

#pagenavi{
width:80%;
font-size:1.3rem;
margin:100px auto 20px auto;
display:flex;
flex-flow:wrap;
justify-content:space-between;
}
#pagenavi a{
color:#00585d;
text-decoration:underline;
}
.prev{
}
.next{
}


a[href $='.pdf'] {
background:url(/site/wp-content/uploads/2021/01/pdf-icon.png);
background-repeat:no-repeat;
background-position:left center;
background-size:contain;
padding:10px 0 10px 60px;
overflow:hidden;
margin-top: 0;
margin-left:0;
text-decoration:none;
}
a[href $='.pdf'] a {
text-decoration:none;
color:#00a0ff
}
a[href $='.pdf'] a:hover{
text-decoration:none;
color:#00a0ff
}


#voice-tag{
color:#fff;
font-size:1.4rem;
letter-spacing:2px;
padding:2px 10px;
margin-bottom:30px;
background:#00585d;
border-radius:20px;
}

#line-ups-image-sec{
width:100%;
margin:0 auto;
display:flex;
flex-flow:wrap;
justify-content:flex-start;
}

#lineups-sng-block{
width:31.33%;
padding-top:31%;
margin:15px 1%;
display:table;
}

#lineups-contact-sec{
width:100%;
margin-top:60px;
display:flex;
flex-flow:wrap;
justify-content:flex-start;
}
#lineups-contact-sec a{
color:#fff;
font-size:1.4rem;
padding:8px 20px;
margin:10px;
background:#00585d;
}
#lineups-contact-sec a::before{
content:'>';
font-size:1.2rem;
padding-right:6px;
transform:scale(0.6,1);
display:inline-block;
}

#home-gallery-lnk{
font-size:1.5rem;
padding:6px 10%;
background:#fff;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}
#home-gallery-lnk:hover{
color:#fff;
background:#00585d;
opacity:1;
}

#gallery-sec{
width:100%;
display:flex;
flex-flow:wrap;
justify-content:flex-start;
}
#gallery-block{
width:25%;
padding-top:20%;
filter: brightness(60%);
transition:inherit;
}
#gallery-block:hover{
filter: brightness(110%);
opacity:1;
transition:inherit;
}

#book-image{
width:30%;
margin:60px auto;
display:block;
}


#base-lnk{
color:#fff;
font-size:1.4rem;
letter-spacing:2px;
padding:6px 100px;
margin:60px auto 0 auto;
background:#00585d;
display:table;
}
#base-lnk::before{
content:'>';
padding-right:4px;
transform:scale(0.6,1);
display:inline-block;
}

#president-image{
width:40%;
margin:60px auto;
display:table;
}


#common-image-gallery-sec{
width:100%;
margin:60px auto;
display:flex;
flex-flow:wrap;
justify-content:space-between;
}
#common-image-gallery-sec a, #common-image-gallery-sec object{
width:48%;
margin:30px auto;
display:table;
}

.resmenu-check{
display:none;
}
.res-menu-content{
display:none;
}
#navi-responsive{
display:none;
}

#navi-responsive-sec{
display:none;
}

#responsive-movie{
display:none;
}


#base-contact-sec{
width:100%;
margin:60px auto 0 auto;
display:flex;
flex-flow:wrap;
justify-content:space-between;
}

#base-contact-sec a{
width:31.33%;
color:#00585d;
font-size:1.4rem;
text-align:center;
padding:10px 0;
margin:0 auto;
background:#fff;
border:1px solid #00585d;
}
#base-contact-sec a span{
width:100%;
font-size:1.2rem;
text-align:center;
display:block;
}

#base-contact-sec a:hover{
color:#fff;
background:#00585d;
opacity:1;
}

#post-maps{
width:600px;
height:400px;
}


#ls5086-block{
width:68%;
min-width:800px;
margin:30px auto 0 auto;
border-bottom:1px solid #ccc;
display:flex;
flex-flow:wrap;
justify-content:flex-start;
}
#ls5086-block dt{
width:14%;
min-width:160px;
font-size:1.4rem;
text-align:center;
padding:15px 0 10px 0;
margin:auto 0;
}

#ls5086-block div{
width:78%;
font-size:1.5rem;
padding:10px 0;
margin-top:6px;
display:inline-block;
}

#ls5086-block div a:hover{
color:#00585d;
opacity:1;
}


#ls5086-list-block{
width:31.33%;
font-size:1.3rem;
margin:1%;
}
#ls5086-list-block div{
width:100%;
padding-top:60%;
margin-bottom:10px;
}
#ls5086-list-block span{
margin-right:20px;
display:inline-block;
}




#common-image-gallery-sec-single{
width:100%;
margin:60px auto;
display:flex;
flex-flow:wrap;
justify-content:space-between;
}
#common-image-gallery-sec-single a{
width:70%;
margin:50px auto;
display:table;
}

#common-image-gallery-sec-single a span{
width:100%;
font-size:1.6rem;
text-align:center;
margin-top:10px;
display:inline-block;
}

#new-era-contact-bnr{
color:#00585d;
font-size:1.8rem;
padding:10px 160px;
margin:60px auto;
background:#fff;
border:1px solid #00585d;
display:table;
}
#new-era-contact-bnr::before{
content:'>';
transform:scale(0.6,1);
padding-right:6px;
display:inline-block;
}

#new-era-contact-bnr:hover{
color:#fff;
background:#00585d;
opacity:1;
}

#ls5086-360-bnr{
color:#00585d;
padding:6px 80px;
margin:60px auto;
background:#fff;
border-bottom:1px solid #00585d;
display:table;
}
#ls5086-360-bnr::before{
content:'>';
transform:scale(0.6,1);
display:inline-block;
}
#ls5086-360-bnr:hover{
color:#fff;
background:#00585d;
opacity:1;
}

#home-ls5086-res{
display:none;
}


#LS5086-image-gallery{
width:100%;
margin:60px auto;
display:flex;
flex-flow:wrap;
justify-content:space-between;
}
#LS5086-image-gallery a{
width:33%;
margin:2px auto;
display:table;
}


#home-movie-box{
width:100%;
margin:0;
display:flex;
flex-flow:wrap;
justify-content:flex-start;
}
#home-movie-block{
width:22%;
font-size:1.6rem;
text-align:center;
line-height:1;
margin:20px 1.5%;
}
#home-movie-block iframe{
margin-top:10px;
}

#home-movie-caption{
margin-top:60px;
text-align:center;
}
#home-movie-caption a{
border-bottom:solid 1px;
font-size:3rem;
}


.tour-block{
margin:0 0 60px;
width:48%;
}
.tour-block:nth-child(2n){
margin-left:auto;
}
.tour-block div{
background-position:center;
background-size:cover;
padding-top:60%;
position:relative;
}
.tour-block div span{
position:absolute;
top:0;
left:0;
font-size:1.6rem;
padding:5px 15px;
color:#fff;
background:#00585d;
}
.tour-block dt{
margin:15px 0;
font-size:2rem;
color:#00585d;
}
.tour-block dt span{
color:#333;
}
.tour-block dd{
margin:15px 0;
font-size:1.3rem;
}
.tour-block a{
font-size:1.3rem;
line-height:3rem;
border:solid 1px #ccc;
display:table;
text-align:center;
width:150px;
}
.tour-block a:before{
content:'>';
font-size: 1.1rem;
padding-right:6px;
transform: scale(0.6, 1);
display: inline-block;
}
.tour-block .is-disable{
opacity:0.25;
}