/* IMPORT */
@import url("reset.css");
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@600&family=Oswald:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Hind:wght@700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Kosugi+Maru&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Questrial&display=swap');
/* ===================================================================
 style info : 全体スタイル

fonts
 10px = 77%     11px = 85%     12px = 93%     13px = 100%
 14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
 18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
 22px = 167%    23px = 174%    24px = 182%    25px = 189%
 26px = 197%
=================================================================== */

/*.h_navi li:nth-child(5) {
display:none;
}
.sp_navi li:nth-child(5) {
display:none;
}
.limited_page .h_navi li:nth-child(5) {
display:block;
}
.limited_page .sp_navi li:nth-child(5) {
display:block;
}*/


*::-webkit-scrollbar
{
        width:10px;
        background:#666;
}
        *::-webkit-scrollbar:horizontal
        {
                height:10px;
        }
*::-webkit-scrollbar-button
{
        width:10px;
        height:10px;
        background:#000;
}
*::-webkit-scrollbar-piece
{
        background:#666;
}
        *::-webkit-scrollbar-piece:start
        {
                background:#666;
        }
*::-webkit-scrollbar-thumb
{
        background:#333;
}
*::-webkit-scrollbar-corner
{
        background:#333;
}
* {
    scrollbar-width: thin;/*細さ*/
    scrollbar-color: #333 #666;/*つまみの色 軌道の色*/
}

.peta {
width:100%;
max-width: 1660px;
margin:0 auto;
}
.peta img {
width:100%;
height: inherit;
}

/* NEW マーク */
.g_navi li {
  position: relative; }
  
.g_navi li:nth-child(99) a::after,
.g_navi li:nth-child(99) a::after
{
  position: absolute;
  top: 0px;
  left: 2px;
  font-size: 10px;
  content: "NEW";
  background: none;
  color:#C91619;
  padding: 0px 0px 0px 2px;
  line-height: 12px;
  margin-left: 0px; }

@media ( max-width : 960px ) {
.fullscreenmenu .g_navi a {
  position: relative;
  display:block;
}

.fullscreenmenu .g_navi li:nth-child(99)::after,
.fullscreenmenu .g_navi li:nth-child(99)::after,
.fullscreenmenu .g_navi a:nth-child(99) .position_r::after,
.fullscreenmenu .g_navi a:nth-child(99) .position_r::after
{
  position: absolute;
  top: 3px;
  left: 3px;
  font-size: 10px;
  content: "NEW";
  background: none;
  color:#C91619;
  padding: 0px 0px 0px 2px;
  line-height: 12px;
  margin-left: 0px; }

/*.fullscreenmenu .g_navi ul li::after
{
  position: absolute;
  top: 3px;
  left: 3px;
  font-size: 2vw;
  padding: 0px 0px 0px 1px;
  line-height: 2vw;
  margin-left: 0px;
}
*/
}

.new {
  position: relative; }

.new a::after {
  position: absolute;
  top: 0px;
  left: 2px;
  font-size: 10px;
  content: "NEW";
  background: #fff;
  color:#C91619;
  padding: 0px 0px 0px 2px;
  line-height: 12px;
  margin-left: 0px; }


/*@media ( min-width : 1600px ) {
.h_navi li:nth-child(1) {
width:12%;
max-width: 130px;
}
.h_navi li:nth-child(2) {
width:14.5%;
max-width: 130px;
}
}*/

#container {
overflow: hidden;
}


.non_active {
background:#333;
}
.non_active img {
opacity: 0.5;
}
.main_catch {
position:absolute;
width:15%;
top:4%;
left:6%;
opacity: 0;
}
.main_logo {
position:absolute;
width:12%;
top:55%;
left:7.5%;
opacity: 0;
}
@media ( max-width : 960px ) {
.main_catch {
position:absolute;
width:25%;
top:13%;
left:42%;
}
.main_logo {
position:absolute;
width:21%;
top:48%;
left:44%;
}
}

.main_catch {
    animation-name: maincatch;
    animation-duration: 1s;
    animation-timing-function: ease-out;
    animation-delay: 1.8s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: forwards;
  }
  @keyframes maincatch {
    0% {
      opacity: 0;
      transform: translate3d(0, 20px, 0);
    }
    100% {
      opacity: 1;
      transform: translate3d(0, 0, 0);
    }
}
.main_logo {
    animation-name: mainlogo;
    animation-duration: 3s;
    animation-timing-function: ease-out;
    animation-delay: 3.5s;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: forwards;
  }
  @keyframes mainlogo {
    0% {
      opacity: 0;
	  transform: scale3d(0.9,0.9,0.9);
    }
    100% {
      opacity: 1;
      transform: scale3d(1,1,1);
    }
}

.ani{
    transition: 1s all;
    opacity: 0;
    position: relative;
    top: 100px;
}
 
.ani.move{
    opacity: 1;
    top: 0;
}

/********************************************************************/
/*ランドスケープモード対応*/

.sp_alert {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: rgba(0, 0, 0, 0.7);
display: none;
height: 100vh;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
left: 0;
opacity: 0;
position: fixed;
top: 0;
-webkit-transition: opacity .3s;
transition: opacity .3s;
visibility: hidden;
width: 100vw;z-index: 99999;
}
@media screen and (max-width: 840px){
.sp_alert{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
@media screen and (max-width: 840px) and (orientation: landscape) {
.sp_alert{
opacity: 1;
visibility: visible;
}
}
.sp_alert_inner {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
pointer-events: none;
position: relative;
z-index: 2;
}
.sp_alert_message {
color: #ffffff;
font-size: 12px;
letter-spacing: .15em;
line-height: 1;
margin-top: 25px;
}
.sp_alert img {
margin: 20px auto;
width: 100px;
}
.spAlert .svgIcon__path {
fill: none;
stroke: #ffffff;
stroke-linecap: round;
stroke-linejoin: round;
stroke-miterlimit: 10;
stroke-width: 17;
}


/********************************************************************/
/*基本レイアウト*/

/*ブラウザサイズ960以上はスクロールバーを出さない*/
body { margin:0; padding:0; overflow-x:hidden; }
@media ( max-width : 960px ) {
body {
overflow-x:inherit;
}
}
p {
font-feature-settings: "palt";
}

html {

}
html, body { height:100%;}

/*
* { 
transition:all 0.5s ease-out;
}
*/

#container {
width:100%;
margin:0 auto;
position: relative;
}
.hideClass {
    transform: translateY(-180px);
}
@media ( max-width : 960px ) {
#container {
margin-top:14.8vw;
}
}
#header {
width:100%;
margin:0 auto;
z-index: 11;
/*height:52px;*/
position:absolute;
top:-180px;
left:0;
right:0;
transition: all 0.5s ease;
}
#header.show {
top:0;
position:fixed;
transition: all 0.5s ease;
}
#header_inner {
width:100%;
margin:0 auto;
box-sizing: border-box;
max-width: 1660px;
}
@media ( max-width : 960px ) {

}

.contents {
width:100%;
margin:0 auto;
padding-top:60px;
}
@media ( max-width : 960px ) {
.contents {
padding-top:4vw;
}
}
.contents_inner {
width:100%;
margin:0 auto;
background:#38789C;
max-width: 1000px;
}

#footer {
width:100%;
margin:0 auto;
}
#footer_inner {
width:100%;
margin:0 auto;
}



/********************************************************************/
/*ヘッダー*/

#logo_wrapper {
padding:0px 0 15px 0;
background: rgba(255,255,255,1);
}
ul.logo {
width:36%;
float:left;
display: flex;
align-items: center;
/*padding-left:40px;*/
}
ul.logo li {
float:left;
}
.logo img {
width:100%;
}
li.mainlogo {
width:100%;
max-width: 440px;
margin-right:2%;
margin-top:15px;
}
li.sublogo {
width:58%;
max-width: 376px;
}

@media ( max-width : 1660px ) {
ul.logo {
width:40%;
padding-left:20px;
}
ul.logo img {
width:100%;
}
}
@media ( max-width : 960px ) {
#pc_header {
display:none;
}
#header {
padding: 0px 10px 0px 10px;
}
ul.logo {
width:100%;
float:left;
display: flex;
align-items: center;
padding-left:10px;
}
li.mainlogo {
width:100%;
max-width: 330px;
margin-right:0%;
margin:8px auto;
}
li.sublogo {
width:58%;
max-width: 376px;
}
#sp_header h1 {
position: absolute;
top:3vw;
left:2vw;
width:40%;
}
#sp_header h1 img {
width:100%;
}
.sp_header {
  position: fixed;
  width: 100%;
  z-index: 9;
  /*top: -100px;*/
  height: 15vw;
  background:#fff;
  padding:5px;
  text-align: left;
  top:0px;
}
.sp_header img {
margin:1.5vw auto 1.5vw 2vw;
width:54% !important;
}
.sp_header.fixed {
  position: fixed;
  top: 0;
  left: 0;
}
}

/********************************************************************/
/*ナビ*/

.g_navi {
width:100%;
margin:0 auto;
}
.g_navi ul {
width:100%;
margin:0 auto;
text-align: center;
max-width: 1662px;
border-right:solid 1px #ffffff;
}
.g_navi ul li {
float:left;
/*width:8.33%;*/
width:7.69%;
/*width:7.142%;*/
text-align: center;
display:block;
border-top:solid 1px #ffffff;
border-left:solid 1px #ffffff;
border-bottom:solid 1px #ffffff;
color:#ffffff;
font-size:14px;
padding:8px 0;
}
.g_navi ul li.soon {
cursor: pointer;
}
.g_navi.pc ul li {
background: rgba(51,126,103,0.5);
}
.g_navi.pc ul li.soon {
/*background: rgba(100,100,100,0.5);*/
background: rgba(51,126,103,0.3);
}
.g_navi.pc ul li.soon:hover {
/*background: rgba(100,100,100,0.5);*/
background: rgba(51,126,103,0.3);
}
.g_navi.pc ul li.soon font,
.g_navi.pc ul li.soon span {
opacity: 0.3;
}
.g_navi.pc ul li.soon .coming {
/*color:#061F03;*/
color:#ffffff;
position:absolute;
left:0;
right:0;
top:0;
bottom:0;
padding-top:1em;
}
.g_navi.pc ul li.active {
background: rgba(51,126,103,0.8);
}
.g_navi ul li span {
font-size:10px;
display:block;
}
@media ( max-width : 960px ) {
#sp_nav ul li.soon .coming {
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
font-size:4.1vw;
text-align: center;
padding-top:5.4vw;
}
#sp_nav ul li.soon .page_title_white {
opacity: 0.3;
}
#sp_nav ul li.soon .pic_caption_right_wht {
opacity: 0.5;
}
}

@media ( max-width : 1260px ) {
.g_navi ul li {
font-size:12px;
padding:8px 4px;
}
.g_navi ul li span {
font-size:9px;
}
}
@media ( max-width : 1080px ) {
.g_navi ul li {
font-size:1vw;
padding:1vw 0.5vw;
}
.g_navi ul li span {
font-size:0.5vw;
}
}

.g_navi ul li img {
width:100%;
max-width: 196px;
}
.g_navi ul li a {
display:block;
color:#ffffff;
text-decoration: none;
}
.g_navi ul li:hover {
display: block;
}
.g_navi.pc ul li:hover {
background: rgba(51,126,103,0.4);
}

.g_navi ul li:last-child {
margin-right:0%;
}
.g_navi_bg {
/*background-color: rgb(67,72,76,1);*/
/*background-color: rgb(139,28,72,1);*/
/*background: rgb(0,0,0);
filter:alpha(opacity=100);
background: rgba(0,0,0,1);
background: rgba(255,255,255,1);*/
}

.h_navi_wrapper {
float:right;
width:58%;
/*padding-right:70px;*/
}
.h_navi {
/*width:59%;*/
margin:0 auto;
/*max-width: 700px;*/
/*max-width: 800px;*/
/*max-width: 500px;*/
max-width: 840px;
float:right;
}
/*.limited_page .h_navi {
max-width: 840px;
}*/
.h_navi ul {
width:100%;
margin:0 auto;
text-align: center;
display:flex;
justify-content:flex-end;
align-items: center;
/*padding-right:90px;*/
padding-right:0px;
}
.h_navi ul li {
/*width:14%;*/
/*margin-right:0.8%;*/
/*border:solid 1px #ffffff;*/
text-align: center;
display:block;
align-items: center;
/*border-right:solid 1px #f1e3d3;*/
padding:15px 3px 5px 3px;
}
.h_navi ul li a {
padding:15px 1px 15px 1px;
}
/*.h_navi ul li:nth-child(1) {
border-right:solid 0px #f1e3d3;
}
.h_navi ul li:nth-child(2) {
border-right:solid 0px #f1e3d3;
}
.h_navi ul li:nth-child(3) {
border-right:solid 1px #ffffff;
}
.h_navi ul li:last-child {
border-right:solid 0px #f1e3d3;
}*/
.h_navi ul li img {
width:100%;
/*max-width: 102px;*/
}
@media ( max-width : 1760px ) {
.h_navi ul li {
/*width:18%;*/
}
}
@media ( max-width : 1660px ) {
.h_navi ul li img {
width:100%;
}
.h_navi ul {
padding-right:20px;
}
.h_navi ul li {
  padding: 10px 1px 10px 1px;
}
}
.h_navi ul li a {
display:block;
}
.h_navi ul li a:hover {
background: rgb(255,255,255);
filter:alpha(opacity=20);
background: rgba(255,255,255,0.2);
}
/*.h_navi ul  li:last-child {
margin-right:0%;
border:solid 0px #ffffff;
width:10%;
}*/

.sp_navi_wrapper {
width:100%;
z-index: 11;
position:fixed;
bottom:-150px;
/*left:0;*/
right:0;
transition: .5s ease-in-out;
/*transform: translateY(105%);*/
padding:0px;
}
.sp_navi_wrapper.show {
  transform:translateY(-100px);
}
.sp_navi ul {
/*display: flex;*/
align-items: right;
width:100%;
margin:0 auto;
text-align: right;
justify-content: right;
}
.sp_navi li {
text-align: center;
display:block;
height:100%;
width:120px;
float:right;
/*background:#5cb3b0;*/
background:#0fa7ad;

}
.sp_navi li:last-child {
margin-right:0px;
}


.sp_navi li a {
display:block;
}
.sp_navi li img {
width:100%;
align-items: center;
}
@media ( max-width : 960px ) {
.sp_navi ul {
display: flex;
align-items: center;
width:100%;
margin:0 auto;
text-align: center;
justify-content:center;
padding-top:1px;
}
.sp_navi li {
/*width:20%;*/
width:25%;
margin-right:3px;
}
.sp_navi li:nth-child(4) {
margin-right:1px;
}
/*.g_navi_bg {
background: rgb(69,69,69);
filter:alpha(opacity=100);
background: rgba(69,69,69,1);
}
.sp_navi li:nth-child(4) {
background:#3eb157;
}*/
}

.btn_member {
  font-size: 28px;
  text-align: center;
  margin: 60px auto 0 auto;
    margin-top: 40px;
    margin-bottom: 0px;
  padding: 0.5em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  letter-spacing: 0.1em;
  color: #eabf29;
  color: #ffffff;
  display: block;
  background-color:#094235;
  max-width: 700px;
}
a.btn_member {
text-decoration: none;
}
.btn_member span {
background: url("../images/common/ico_member.png") 0% 50% no-repeat;
background-size: 30px;
padding-left:40px;
}
.btn_member2 {
  font-size: 28px;
  text-align: center;
  margin: 60px auto 0 auto;
    margin-top: 40px;
    margin-bottom: 0px;
  padding: 0.5em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  letter-spacing: 0.1em;
  color: #eabf29;
  color: #ffffff;
  display: block;
  background-color:#5faf96;
  max-width: 700px;
}
a.btn_member2 {
text-decoration: none;
}
.btn_member2 span {
background: url("../images/common/ico_member2.png") 0% 50% no-repeat;
background-size: 30px;
padding-left:40px;
}
.btn_member3 {
  font-size: 28px;
  text-align: center;
  margin: 60px auto 0 auto;
    margin-top: 40px;
    margin-bottom: 0px;
  padding: 0.5em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  letter-spacing: 0.1em;
  color: #eabf29;
  color: #ffffff;
  display: block;
  background-color:#c61e57;
  max-width: 700px;
}
a.btn_member3 {
text-decoration: none;
}
.btn_member3 span {
background: url("../images/common/ico_member3.png") 0% 50% no-repeat;
background-size: 30px;
padding-left:40px;
}
@media ( max-width : 960px ) {
.btn_member {
  font-size: 3.6vw;
  text-align: center;
  margin-bottom: 0.5em;
  padding-top: 0.8em;
  letter-spacing: 0em;
  padding-bottom: 0.8em;
  margin-top: 0vw;
  max-width: 90%;
}
.btn_member span {
background: url("../images/common/ico_member.png") 0% 50% no-repeat;
background-size: 4vw;
padding-left:5vw;
}
.btn_member2 {
  font-size: 3.6vw;
  text-align: center;
  margin-bottom: 0.5em;
  padding-top: 0.8em;
  letter-spacing: 0em;
  padding-bottom: 0.8em;
  margin-top: 0vw;
  max-width: 90%;
}
.btn_member2 span {
background: url("../images/common/ico_member2.png") 0% 50% no-repeat;
background-size: 4vw;
padding-left:5vw;
}
.btn_member3 {
  font-size: 3.6vw;
  text-align: center;
  margin-bottom: 0em;
  padding-top: 0.8em;
  letter-spacing: 0em;
  padding-bottom: 0.8em;
  margin-top: 0vw;
  max-width: 90%;
}
.btn_member3 span {
background: url("../images/common/ico_member3.png") 0% 50% no-repeat;
background-size: 4vw;
padding-left:5vw;
}
}

.btn_raijo {
  font-size: 28px;
  text-align: center;
  margin: 60px auto 0 auto;
    margin-top: 40px;
    margin-bottom: 0px;
  padding: 0.5em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  letter-spacing: 0.1em;
  color: #eabf29;
  color: #ffffff;
  display: block;
  background-color:#c61e57;
  max-width: 700px;
}
a.btn_raijo {
text-decoration: none;
}

.btn_entry {
  font-size: 28px;
  text-align: center;
  margin: 60px auto 0 auto;
    margin-top: 40px;
    margin-bottom: 0px;
  padding: 0.5em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  letter-spacing: 0.1em;
  color: #eabf29;
  color: #ffffff;
  display: block;
  background-color:#094235;
  max-width: 700px;
}
a.btn_entry {
text-decoration: none;
}


/********************************************************************/
/*グロナビ*/
@keyframes fadeIn {
    0% {
        opacity: 0;
        transform: translateX(-100%);
    }
    100% {
        opacity: 1;
        transform: translateX(0%);
    }
}


/* 20240723グロナビ文字サイズ＋幅調整 */
.g_navi ul li {
font-size: 13px;
}
.g_navi ul li span {
font-size: 13px;
transform: scale(0.7);
}
@media (max-width: 1590px) {
.g_navi ul li {
width: 7.6%;
font-size: 13px;
}
.g_navi ul li:nth-child(10) {
width: 8.8%;
}
.g_navi ul li span {
font-size: 13px;
transform: scale(0.7);
}
}
@media (max-width: 1330px) {
.g_navi ul li {
width: 7.6%;
font-size: 12px;
}
.g_navi ul li:nth-child(10) {
width: 8.8%;
}
.g_navi ul li span {
font-size: 12px;
transform: scale(0.7);
}
}
@media (max-width: 1250px) {
.g_navi ul li {
width: 7%;
}
.g_navi ul li:nth-child(1) {
width: 7.6%;
}
.g_navi ul li:nth-child(4) {
width: 8.8%;
}
.g_navi ul li:nth-child(6) {
width: 8.8%;
}
.g_navi ul li:nth-child(10) {
width: 10%;
}
.g_navi ul li:nth-child(12) {
width: 8.8%;
}
}

@media (max-width: 1190px) {
.g_navi ul li {
font-size: 11px;
}
.g_navi ul li span {
font-size: 11px;
transform: scale(0.6);
}
}

@media (max-width: 1030px) {
.g_navi ul li {
font-size: 10px;
}
.g_navi ul li span {
font-size: 10px;
transform: scale(0.5);
}
}


.fullscreenmenu .entry_navi {
margin-top:1em;
margin-bottom:0.4em;
width:60%;
margin-left:auto;
margin-right:auto;
}

.fullscreenmenu .entry_navi img {
width:100%;
}

.fullscreenmenu .g_navi_wrapper {
width:100%;
margin:0 auto;
padding:0 35% 0 35%;
position: relative;
height:100vh;
padding-top:15vh;
box-sizing: border-box;
}
.fullscreenmenu .g_navi_wrapper ul {
padding-bottom:1em;
}
.fullscreenmenu .g_navi_wrapper .footer_contact {
padding-top:2em;
}
/*.fullscreenmenu .g_navi ul li {
float:left;
width:50%;
margin-right:0%;
border-top:none;
border-left:solid 1px rgb(67,72,76,0);
border-bottom:solid 1px #ffffff;
border-right:solid 1px rgb(67,72,76,0);
text-align: center;
display:block;
padding:5px;
}
.fullscreenmenu .g_navi ul li img {
opacity: 0;
}
.fullscreenmenu .g_navi ul li a img {
opacity: 1;
}
.fullscreenmenu .g_navi ul {
border-top:solid 1px #ffffff;
}
.fullscreenmenu .g_navi ul li:nth-child(1n) {
border-top:none;
border-left:solid 1px rgb(67,72,76,0);
border-bottom:solid 1px #ffffff;
border-right:solid 1px #ffffff;
}
.fullscreenmenu .g_navi ul li:nth-child(2n) {
border-top:none;
border-left:none;
border-bottom:solid 1px #ffffff;
border-right:solid 1px rgb(67,72,76,0);
}
.fullscreenmenu .g_navi ul li img {
max-width: 260px;
}
.fullscreenmenu .footer_contact {
    color: #ffffff;
}
.fullscreenmenu .footer_contact a {
    text-decoration: none;
    color: #ffffff;
}
*/


.fullscreenmenu {
display:none;
position:fixed;
top:-100vh;
}
@media ( max-width : 960px ) {
.fullscreenmenu {
display:block;
position:relative;
top:15vw;
top:0;
z-index: 10;
left:0;
width: 100%;
}
/*.fullscreenmenu .g_navi_wrapper {
width:100%;
margin:0 auto;
padding:5vw 4vw 5vw;
position: relative;
height:100vh;
}
.fullscreenmenu .g_navi ul li {
float:left;
width:49.5%;
margin-right:1%;
margin-bottom:5px;
border-top:solid 1px rgb(255,255,255,0.5);
border-left:solid 1px rgb(255,255,255,0.5);
border-bottom:solid 1px rgb(255,255,255,0.5);
border-right:solid 1px rgb(255,255,255,0.5);
text-align: center;
display:block;
padding:0px 5px;
}
.fullscreenmenu .g_navi ul li img {
opacity: 0;
}
.fullscreenmenu .g_navi ul li a img {
opacity: 1;
}
.fullscreenmenu .g_navi ul li:nth-child(1n) {
margin-right:1%;
}
.fullscreenmenu .g_navi ul li:nth-child(2n) {
margin-right:0%;
}
.fullscreenmenu .g_navi ul li img {
max-width: 194px;
}*/
.fullscreenmenu .g_navi ul li {
float:left;
width:8.33%;
text-align: center;
display:block;
border-top:solid 1px #ffffff;
border-left:solid 1px #ffffff;
border-bottom:solid 1px #ffffff;
color:#ffffff;
font-size:14px;
padding:8px 0;
}
.fullscreenmenu .g_navi ul li.active {
background: rgba(51,126,103,0.8);
}
.fullscreenmenu .sp_header {
position:relative;
background: rgb(0,0,0,1.0);
}
.fullscreenmenu .g_navi_wrapper {
width:100%;
margin:0 auto;
padding:0vw 0vw 40vw 0vw;
position: relative;
height:100vh;
background: rgb(0,0,0,0.8);
overflow: auto;
-webkit-overflow-scrolling: touch;
}
.fullscreenmenu .g_navi_wrapper::-webkit-scrollbar {
  width: 5px;
}
.fullscreenmenu .g_navi_wrapper::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.3);
}
.fullscreenmenu .g_navi_wrapper::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 0.1);
}
.fullscreenmenu .g_navi ul li {
float:left;
width:50%;
margin-right:0%;
margin-bottom:0px;
border-top:solid 0px rgb(255,255,255,0.5);
border-left:solid 0px rgb(255,255,255,0.5);
border-bottom:solid 1px rgb(0,0,0,0.5);
border-right:solid 0px rgb(255,255,255,0.5);
text-align: center;
border-right:solid 1px rgb(0,0,0,0.5);
display:block;
padding:0px 5px;
}
.fullscreenmenu .top_banner .page_title_white img {
  width: 14% !important;
  height:inherit;
  top:4.4vw;
  left:1.5vw;
  position:absolute;
}
.fullscreenmenu .top_banner ul li {
  height: 18vw;
}

.fullscreenmenu .page_title_white {
  width: 100%;
  margin: 0 auto;
  text-align: left;
  padding-top:3.5vw;
}
.fullscreenmenu .top_banner .page_title_white h2 {
  font-size: 2vw;
  padding-left:10vw;
  line-height:1.2;
}
.fullscreenmenu .top_banner .page_title_white h3 {
font-size: 4.1vw;
padding-left:9vw;
line-height:1.0;
margin-top: 0em;
display: inline-block;
padding-bottom: 0.2em;
margin-bottom: 0em;
border-bottom:none;
}
.fullscreenmenu .top_banner .page_title_white h3{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
}
.fullscreenmenu .top_banner .page_title_white h3::before,
.fullscreenmenu .top_banner .page_title_white h3::after{
    position: absolute;
    top: 0;
    bottom: 0;
    right: -5vw;
    margin: auto;
    content: "";
    vertical-align: middle;
}
.fullscreenmenu .top_banner .page_title_white h3::before{
    width: 4vw;
    height: 4vw;
    background: #5faf96;
}
.fullscreenmenu .top_banner .soon .page_title_white h3::before{
    width: 4vw;
    height: 4vw;
    background: #666;
}
.fullscreenmenu .top_banner .page_title_white h3::after{
    right: -3.5vw;
    width: 1.8vw;
    height: 1.8vw;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.fullscreenmenu .top_banner .pic_caption_right_wht {
text-shadow: none;
color: rgb(255,255,255,0.5);
}
.fullscreenmenu .g_navi ul {
border-right:none;
}
.fullscreenmenu .g_navi ul li:nth-child(2n) {
margin-right:0%;
border-right:none;
border-right:solid 0px rgb(0,0,0,0.5) !important;
}

.fullscreenmenu .entry_navi {
margin-top:0.6em;
margin-bottom:0.2em;
width:80%;
}
.h_link {
text-align: center;
padding-top: 6vw;
}
.h_link div {
  display: inline-block;
  margin: 0 .5rem;
  text-align: center;
}
.h_link a {
  font-size: 1.1rem;
  line-height: 1.2rem;
  color: #0fa7ad;
  border-radius: .5em;
  border: solid 1px #0fa7ad;
  padding: .2em 1em;
  letter-spacing: .105em;
  text-decoration: none;
  margin:0 auto;
  text-align: center;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN","小塚明朝 Pro","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝", 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', 'メイリオ', Meiryo, serif;
}
.h_link a:hover {
opacity: 0.7;
outline: 0;
}
}
@media ( max-width : 960px ) {
.fullscreenmenu .g_navi ul {

}
.fullscreenmenu .g_navi ul li {
font-size:3vw;
padding:2vw 0.5vw;
float:none;
float:left;
position: relative;
}
.fullscreenmenu .g_navi ul li span {
font-size:2vw;
}
.fullscreenmenu .g_navi a {
position:relative;
display: block;
}
/*.fullscreenmenu .g_navi ul a {
width:50%;
float:left;
}*/
/*.fullscreenmenu .g_navi ul li {
width:100%;
}*/
}
/********************************************************************/
/*ハンバーガー*/
.menu {
background: #333;
/*width:52px;
height:52px;*/
width:15vw;
/*height:52px;*/
position:fixed;
top:0px;
right:0px;
}
.menu-trigger,
.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
}
.menu-trigger {
  position: relative;
  width: 30px;
  height: 34px;
  background: none;
  border: none;
  appearance: none;
  cursor: pointer;
  margin:10px 11px;
}
.menu-trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #fff;
  background-color: #5cb3b0;
  border-radius: 4px;
}
.menu-trigger span:nth-of-type(1) {
  top: 5px;
}
.menu-trigger span:nth-of-type(2) {
  top: 15px;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 5px;
}

.active .menu-trigger span:nth-of-type(1) {
  transform: translateY(10px) rotate(-45deg);
}
.active .menu-trigger span:nth-of-type(2) {
  opacity: 0;
}
.active .menu-trigger span:nth-of-type(3) {
  transform: translateY(-10px) rotate(45deg);
}
@media ( max-width : 960px ) {
.menu {
background: #5cb3b0;
/*width:44px;
height:44px;
position:absolute;
top:0px;
right:0px;*/
width:20%;
height:inherit;
position:fixed;
top:0;
right:0;
/*background: url("../images/common/sp/h_navi_01.png") no-repeat;*/
background-size: cover;
color:#5cb3b0;
z-index: 11;
}
.menu-trigger {
  position:absolute;
  width: 28px;
  height: 31px;
  background: none;
  border: none;
  appearance: none;
  cursor: pointer;
  margin:-15px auto 0px auto;
  top:42%;
  left:0px;
  right:0px;
}
.menu-trigger span {
  height: 3px;
  border-radius: 3px;
}
.menu .menu_txt {
font-size:2.7vw;
position: absolute;
bottom:19%;
left:0;
right:0;
display:none;
}
.menu-trigger span:nth-of-type(1) {
  top: 4px;
}
.menu-trigger span:nth-of-type(2) {
  top: 14px;
}
.menu-trigger span:nth-of-type(3) {
  bottom: 4px;
}

.active .menu-trigger span:nth-of-type(1) {
  transform: translateY(10px) rotate(-45deg);
}
.active .menu-trigger span:nth-of-type(2) {
  opacity: 0;
}
.active .menu-trigger span:nth-of-type(3) {
  transform: translateY(-10px) rotate(45deg);
}
.menu {
width:15vw;
height:11vw;
}
.sp_navi {
background:#fff;
}
}


.menu{
width: 15vw;
height:15vw;
cursor: pointer;
background:#5faf96;
position: fixed;
z-index: 12;
}
.menu span{
display: inline-block;
transition: all .4s;
position: absolute;
}
.menu span:nth-of-type(1) {
top:30%; 
left: 32%;
width: 40%;
height: 2px;
background-color: #fff;
}
.menu span:nth-of-type(2) {
top:40%;
left: 32%;
width:25%;
height: 2px;
background-color: #fff;
}
.menu span:nth-of-type(3) {
top:60%;
left: 0;
right:0;
text-align: center;
color:#fff;
font-size:2vw;
}
.menu.active span:nth-of-type(1) {
top: 30%;
left: 35%;
transform: translateY(0px) rotate(-45deg);
width: 35%;
}

.menu.active span:nth-of-type(2) {
top: 30%;
left: 35%;
transform: translateY(0px) rotate(42deg);
width: 35%;
}

#nav {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9;
  width: 100%;
  /*height: 100vh;*/
  opacity: 0;
  background: rgb(67,72,76);
  filter:alpha(opacity=90);
  background: rgba(67,72,76,0.9);
  transition: all 0.3s ease-in-out;
  visibility: hidden;
}
#nav.active {
  right: 0;
  opacity: 1;
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
  visibility: visible;
}
#sp_nav {
  position: fixed;
  /*top: -100vh;*/
  top:0;
  right: 0;
  right:-100vw;
  /*left:0;*/
  z-index: 9;
  width: 100%;
  height: 100vh;
  opacity: 0;
  /*background: rgb(0,0,0);
  filter:alpha(opacity=90);
  background: rgba(255,255,255,0.9);*/
  transition: all 0.3s ease-in-out;
  visibility: hidden;
}
#sp_nav.active {
  right: 0;
  left:0;
  /*top:15vw;*/
  top:0;
  opacity: 1;
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
  transform: translateX(0);
  visibility: visible;
}
@media ( max-width : 960px ) {
/*.menu {
  position: absolute;
  width: 40px;
  width:64px;
  background:#388c96;
  cursor: pointer;
  display:block;
  background: url("../images2/common/humburger_menu.png") center center no-repeat;
  text-indent:-9999px;
  height:64px;
  top:0px;
  right:0px;
  background-size:cover;
}*/
#sp_nav {
/*
background: -moz-linear-gradient(left,  rgba(0,0,0,0) 0%, rgba(0,0,0,0) 10%, rgba(0,0,0,0.80) 100%);
background: -webkit-linear-gradient(left,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0.80) 100%);
background: linear-gradient(to right,  rgba(0,0,0,0) 0%,rgba(0,0,0,0) 10%,rgba(0,0,0,0.80) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#8a000000',GradientType=1 );
*/
}
}
/********************************************************************/
/*フッター*/
#footer {
/*padding-top:50px;*/
}
.footer_contact {
text-align: center;
padding:0px 0px;
color:#3e4e57;
}

.line_wrapper {
width:100%;
margin:0 auto;
text-align: center;
max-width: 1000px;
}
.line_wrapper img {
width: 100%;
}
.line_wrapper a:hover {
opacity: 0.5;
}

.footer_contact a {
text-decoration: none;
color:#3e4e57;
}

.footer_contact ul {
margin:0em auto 0em auto;
width:100%;
max-width: 1300px;
overflow: hidden;
}
.footer_contact ul li span {
display:block;
text-align: center;
}
.footer_contact ul li img {
width:100%;
}
.footer_contact ul li:nth-child(1) {
float:left;
width:25%;
margin-right:0%;
}
.footer_contact ul li:nth-child(2) {
float:left;
width:25%;
margin-right:0%;
}
.footer_contact ul li:nth-child(3) {
float:left;
width:25%;
margin-right:0%;
}
.footer_contact ul li:nth-child(4) {
float:left;
width:25%;
}

.footer_contact ul li:last-child span {
margin-bottom:8px;
}
.footer_contact .contact01 {
font-size:115%;
}
.footer_contact .contact02 {
font-size:400%;
line-height: 1.5;
}
.footer_logo {
background:#5faf96;
margin-top:60px;
}
.footer_logo_inner {
width:100%;
margin:0 auto;
max-width: 1200px;
padding:40px 0px;
}
.footer_logo_inner .contact_left {
float:left;
width:60%;
text-align: left;
}
.footer_logo_inner .contact_right {
float:right;
width:32%;
text-align: right;
}
.footer_logo_inner .contact_left img {
width:35% !important;
}
p.copyright {
text-align: left;
padding-top:0.7em;
padding-bottom:1em;
color:#ffffff;
line-height: 1.4em;
font-size: 81%;
}
@media ( max-width : 1200px ) {
.footer_contact ul {
padding:0 30px;
}
.footer_logo_inner .contact_left {
padding-left:30px;
}
.footer_logo_inner .contact_right {
padding-right:30px;
}
}

#sp_nav .footer_contact img {
max-width: 500px;
}
@media ( max-width : 960px ) {
p.copyright {
text-align: center;
padding-top:1em;
padding-bottom:1em;
}
#footer {
/*padding-top:3vw;*/
}
.line_wrapper {
/*background: url("../images/common/mv_bg.png");*/
padding: 4vw 6vw;
}
.footer_contact {
padding:0em 0em 0em 0em;
font-size:90%;
line-height:1.3;
background:none;
}
.footer_logo {
  background: #5faf96;
  margin-top: 20px;
}
.footer_logo_inner .contact_left {
float:none;
width:100%;
text-align: center;
padding-left: 0px;
margin-top:40px;
}
.footer_logo_inner .contact_right {
float:none;
width:100%;
text-align: center;
padding-right: 0px;
}
.footer_logo_inner .contact_left img {
  width: 40% !important;
}
.footer_logo_inner .contact_right img {
  width: 70% !important;
}
p.copyright {
font-size:2.2vw;
padding-top:40px;
}
.footer_contact ul {
margin:0em auto 2em auto;
}
.footer_contact ul li:nth-child(1) {
float:none;
width:100%;
text-align: center;
font-size:80%;
margin:0 auto;
/*padding:3vw 6vw;*/
}
.footer_contact ul li:nth-child(2) {
float:none;
width:100%;
margin:0 auto;
padding-top:0.5vw;
}
.footer_contact ul li:nth-child(3) {
float:none;
width:100%;
margin:0 auto;
padding-top:0.5vw;
}
.footer_contact ul li:nth-child(4) {
float:none;
width:100%;
margin:0 auto;
padding-top:0.5vw;
}

.footer_contact .contact01 {
font-size:110%;
}
.footer_contact .contact02 {
font-size:380%;
line-height: 1.5;
}

#sp_nav .footer_contact {
color:#ffffff !important;
padding:0 5vw;
}
#sp_nav .footer_contact a {
color:#ffffff !important;
max-width: 500px;
}
}
/********************************************************************/
/*基本設定*/

*,
*::before,
*::after {
  box-sizing: border-box;
}
a { 
transition:all 0.5s ease-out;
}

body {
font-size: 13px/1.231;
font-family: 'Noto Sans JP', Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
color:#0F0F0F;
}


body {
  font-family: 'Noto Sans JP', Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-weight: 500;
}
@media ( max-width : 960px ) {
body {
  font-family: 'Noto Sans JP', Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  /*font-weight: 600;*/
}
}
.gothic {
font-family: 'Noto Sans JP', Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
/*.oswald {
font-family: 'Oswald', Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}*/
.mincho {
font-family: "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN","小塚明朝 Pro","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝", 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', 'メイリオ', Meiryo, serif;
}
.marugothic {
/*font-family: 'Kosugi Maru', 'Noto Sans JP', Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;*/
}
.q_gothic {
font-family: 'Questrial', 'Noto Sans JP', Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
/*.josefin {
font-family: 'Josefin Sans', 'Noto Sans JP', Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}*/
/*.hind {
font-family: 'Hind', sans-serif;
}*/



select, input, button, textarea {
font-size: 99%;
font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
table {
font-size: inherit;
}
pre, code, kbd, samp, tt {
font-family: monospace;
line-height: 100%;
}

img { vertical-align:bottom; }
img { -ms-interpolation-mode: bicubic; }

sup,
sub {
height: 0;
line-height: 1;
vertical-align: baseline;
_vertical-align: bottom;
position: relative;
 font-size:60%;
}
sup { bottom: 1ex; }
sub { top: .5ex; }
.display_none { display: none; }
.display_block { display: block; }

/* 	SET ALL ELEMENTS TO BOX-SIZING : BORDER-BOX */
* { 
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
*behavior: url(boxsizing.htc); 
}

/*	SELF CLEARING FLOATS - CLEARFIX METHOD */
.container:after,
.row:after, 
.col:after, 
.clr:after, 
.g_navi,
.group:after { 
content: ""; 
display: table; 
clear: both; 
}

/* clerfix */
.cf:after {
content: "";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.cf {display: inline-table;}
* html .cf {height: 1%;}
.cf {display: block;}

/* 	DEFAULT ROW STYLES */
.row { padding-bottom: 0; }
		  
/* DEFAULT COLUMN STYLES */
/*.col { 
display: block;
float: left;
width: 100%;
}*/
.span1 { width: 6.25%; }
.span2 { width: 12.5%; }
.span3 { width: 33.33333%; }
.span4 { width: 25%; }
.span5 { width: 31.25%; }
.span6 { width: 37.5%; }
.span7 { width: 43.75%; }
.span8 { width: 50%; }

.float_l {
float:left;
}
.float_r {
float:right;
}
.position_a {
position:absolute;
}
.position_r {
position:relative;
}

.c_btn {
width:100%;
text-align: center;
margin-bottom:40px;
}
.c_btn img {
margin:0 auto;
}
.c_btn a:hover img {
opacity: .50; /* Standard: FF gt 1.5, Opera, Safari */
filter: alpha(opacity=50); /* IE lt 8 */
-ms-filter: "alpha(opacity=50)"; /* IE 8 */
-khtml-opacity: .50; /* Safari 1.x */
-moz-opacity: .50; /* FF lt 1.5, Netscape */
}
#container img {
width:100%;
height:auto;
}
#container a:hover {
opacity: 0.7;
}


/********************************************************************/
/*キャプション*/
.caption_wrapper {
padding:3em 0 3em 0;
}
.caption {
width:100%;
margin:0em auto 0em auto;
padding:1.5em 0vw 1.5em 0em;
font-size:90%;
text-align:left;
line-height:1.5;
max-width: 1200px;
/*border-top:solid 1px #ccc;
border-bottom:solid 1px #ccc;*/
font-weight:300;
}
.caption ul li {
padding-left:1em;
text-indent: -1em;
margin-bottom:0;
}
.caption2 {
width:100%;
margin:2em auto 0em auto;
padding:1.5em 0vw 1.5em 0em;
font-size:90%;
text-align:left;
line-height:1.5;
max-width: 1200px;
ont-weight:300;
}
@media ( max-width : 1200px ) {
.caption {
padding:30px;
}
}
@media ( max-width : 960px ) {
.caption_wrapper {
padding:0px 5vw 5vw 5vw;
margin-top:5vw;
}
.caption {
width:100%;
margin:0em auto 0em auto;
font-size:2.2vw !important;
text-align:left;
padding:3vw 0vw 3vw 0vw;
}
.caption2 {
width:100%;
margin:2em auto 0em auto;
font-size:2.2vw !important;
text-align:left;
padding:3vw 0vw 3vw 0vw;
}
}

/*写真上　黒フチ　白　右寄せ*/
p.pic_caption_right_wht {
position:absolute;
bottom:5px;
right:5px;
color:#fff;
margin-bottom:0px !important;
text-shadow:1px 1px 0 #333, -1px -1px 0 #333,
-1px 1px 0 #333, 1px -1px 0 #333,
0px 1px 0 #333,  0-1px 0 #333,
-1px 0 0 #333, 1px 0 0 #333;
text-align: right;
font-size:11px !important;
}
/*写真上　黒フチ　白　左寄せ*/
p.pic_caption_left_wht {
position:absolute;
bottom:5px;
left:5px;
color:#fff;
margin-bottom:0px !important;
text-shadow:1px 1px 0 #333, -1px -1px 0 #333,
-1px 1px 0 #333, 1px -1px 0 #333,
0px 1px 0 #333,  0-1px 0 #333,
-1px 0 0 #333, 1px 0 0 #333;
text-align: left;
font-size:11px !important;
}
/*写真上 白フチ　スミ　右寄せ*/
p.pic_caption_right_blk {
position:absolute;
bottom:5px;
right:5px;
color:#333;
margin-bottom:0px !important;
text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
-1px 1px 0 #FFF, 1px -1px 0 #FFF,
0px 1px 0 #FFF,  0-1px 0 #FFF,
-1px 0 0 #FFF, 1px 0 0 #FFF;
text-align: right;
font-size:11px !important;
}

/*写真上　フチなし　白　右寄せ*/
p.pic_caption_right_wht_noborder {
position:absolute;
bottom:5px;
right:5px;
color:#fff;
margin-bottom:0px !important;
text-align: right;
padding-bottom:0;
font-size:11px !important;
}
/*写真上 フチなし　スミ　右寄せ*/
p.pic_caption_right_blk_noborder {
position:absolute;
bottom:5px;
right:5px;
color:#333;
margin-bottom:0px !important;
text-align: right;
font-size:11px !important;
}

/*写真上 フチなし　スミ　左寄せ*/
p.pic_caption_left_blk_noborder {
position:absolute;
bottom:5px;
left:5px;
color:#333;
margin-bottom:0px !important;
text-align: left;
font-size:11px !important;
}

/*写真下 フチなし　スミ　右寄せ*/
p.caption_right_blk {
margin-top:0.3em;
text-align: right;
font-size:13px !important;
}
/*写真下 フチなし　スミ　左寄せ*/
p.caption_left_blk {
margin-top:0.3em;
text-align: left;
line-height:1.4;
font-size:13px !important;
}

/*写真下 フチなし　白　右寄せ*/
p.caption_right_wht {
margin-top:0.3em;
text-align: right;
color:#fff;
font-size:13px;
}
/*写真下 フチなし　白　左寄せ*/
p.caption_left_wht {
margin-top:0.3em;
text-align: left;
line-height:1.4;
color:#fff;
font-size:13px;
}

p.caption_left_wht {
color:#fff;
margin-top:0.3em;
text-align: left;
line-height:1.4;
}

@media ( max-width : 960px ) {
p.pic_caption_right_wht,
p.pic_caption_left_wht,
p.pic_caption_right_blk,
p.pic_caption_right_wht_noborder,
p.pic_caption_left_blk_noborder,
p.pic_caption_right_blk_noborder,
p.caption_right_blk,
p.caption_left_blk,
p.caption_right_wht,
p.caption_left_wht {
font-size:1.5vw !important;
line-height: 1.4;
bottom:3px;
}
p.caption_right_blk {
font-size:2vw !important;
}
p.caption_left_blk {
font-size:2vw !important;
}
}

/*a:hover img {
-webkit-opacity: 0.5;
-moz-opacity: 0.5;
-o-opacity: 0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha(opacity=50)";
opacity: 0.5;
}
 
a img {
-webkit-transition: opacity 0.3s ease-out;
-moz-transition: opacity 0.3s ease-out;
-ms-transition: opacity 0.3s ease-out;
-o-transition: opacity 0.3s ease-out;
transition: opacity 0.3s ease-out;
}*/

/*box-shadow: 0px 0px 5px #555;
-moz-box-shadow: 0px 0px 5px #555;
-webkit-box-shadow: 0px 0px 5px #555;
-ms-box-shadow: 0 0 5px #555;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=0, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=90, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=180, strength=3, enabled=true), progid:DXImageTransform.Microsoft.Shadow(color=#aaaaaa, direction=270, strength=3, enabled=true);
*/

/********************************************************************/
/*ゆっくり点滅*/

.blink2 {
	-webkit-animation: blink2 2s ease-in-out infinite alternate;
	-ms-animation: blink2 2s ease-in-out infinite alternate;
	animation: blink2 2s ease-in-out infinite alternate;

}
@-webkit-keyframes blink2 {
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes blink {
	0% {opacity: 0;}
	100% {opacity: 1;}
}

/********************************************************************/
/*フラッシュ*/
.blink {
	position: relative;
	overflow: hidden;
}
.blink::before {
	content: "";
	width: 20px;
	height: 100%;
	background: rgba(255,255,255,.8);
	position: absolute;
	top: -100px;
	left: 0;
	opacity: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-animation: blink 2s ease-in-out infinite;
	animation: blink 2s ease-in-out infinite;
}
@-webkit-keyframes blink {
	0% {
		-webkit-transform: scale(0) rotate(45deg);
		transform: scale(0) rotate(45deg);
		opacity: 0;
	}
	80% {
		-webkit-transform: scale(0) rotate(45deg);
		transform: scale(0) rotate(45deg);
		opacity: .5;
	}
	81% {
		-webkit-transform: scale(4) rotate(45deg);
		transform: scale(4) rotate(45deg);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(50) rotate(45deg);
		transform: scale(50) rotate(45deg);
		opacity: 0;
}
}
@keyframes blink {
	0% {
		-webkit-transform: scale(0) rotate(45deg);
		transform: scale(0) rotate(45deg);
		opacity: 0;
	}
	80% {
		-webkit-transform: scale(0) rotate(45deg);
		transform: scale(0) rotate(45deg);
		opacity: .5;
	}
	81% {
		-webkit-transform: scale(4) rotate(45deg);
		transform: scale(4) rotate(45deg);
		opacity: 1;
	}
	100% {
		-webkit-transform: scale(50) rotate(45deg);
		transform: scale(50) rotate(45deg);
		opacity: 0;
	}
}

/********************************************************************/
/*メインビジュアル*/

.main_visual {
width:100%;
margin:0 auto;
position: relative;
vertical-align: bottom;
}
.main_visual img {
width:100%;
vertical-align: bottom;
}
.pre {
width:100%;
/*padding:1.5% 0% 2% 0%;*/
/*max-width: 1660px;*/
margin:0 auto;
}
.mv {
width:100%;
margin:0 auto;
}
.mv img {
width:100%;
}
.mv .wrapper {
width:100%;
margin:0 auto;
max-width: 1660px;
position: relative;
}

@media ( max-width : 1580px ) {
.pre {
/*padding:2% 2%;*/
}
}

.action {
width:100%;
margin:0 auto;
background: url("../images/top/action_bg.jpg") center center no-repeat;
background-size: cover;
/*max-width: 1660px;*/
}
.action00 {
width:100%;
max-width: 680px;
margin:0px auto;
padding:30px 30px;
}
.action01 {
width:100%;
max-width: 800px;
margin:0px auto;
padding:0px 30px 30px 30px;
}
.action2 {
width:100%;
margin:0 auto;
background: url("../images/top/park_bright_base.jpg") center center no-repeat;
background-size: cover;
/*max-width: 1660px;*/
}
.action2 .action2_0 {
width:33.333%;
width:50%;
float: left;
}
.action2 .action2_1 {
width:33.333%;
width:50%;
float: left;
}
.action2 .action2_2 {
width:33.333%;
width:50%;
float: left;
}
.action2_inner {
width:100%;
max-width: 1200px;
margin:0 auto;
}
.action2 h3 {
font-size:28px;
text-align: center;
margin:60px auto 0 auto;
padding:0.5em;
letter-spacing: 0.1em;
color:#ffffff;
display: block;
background-color: rgba(1, 9, 1, 0.6);
max-width: 700px;
position:absolute;
top:0;
left:0;
right: 0;
}
@media ( max-width : 980px ) {
.action00 {
padding:20px 20px;
}
.action01 {
padding:0px 20px 20px 20px;
}
.action2 .action2_0 {
width:100%;
float: none;
}
.action2 .action2_1 {
width:100%;
float: none;
}
.action2 .action2_2 {
width:100%;
float: none;
}
.action2_inner {
width:100%;
max-width: 100%;
margin:0 auto;
}
.action2 h3 {
font-size:3.6vw;
text-align: center;
/*margin-bottom:0.5em;*/
padding-top:1em;
letter-spacing: 0em;
padding-bottom:1em;
/*margin-top:6vw;
max-width: 90%;*/
margin:0px auto 0 auto;
max-width: 100%;
position: relative;
}
}
#concept .title_btn {
width: 100%;
text-align: center;
max-width: 400px;
margin:0 auto;
}
#concept .title_btn img {
  width: 100%;
  max-width: 300px;
}
@media (max-width: 960px) {
#concept .title_btn img {
  width: 100%;
  max-width: 220px;
}
}


.action_00 {
font-family: "Ibarra Real Nova", "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN","小塚明朝 Pro","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝", 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', 'メイリオ', Meiryo, serif;
/*color: #ed6d1e;*/
color: #ffffff;
letter-spacing: 0.17em;
width:100%;
margin:0 auto;
text-align: center;
font-size: 2.7em;
padding: 10px 0 0 0;
}
.action_00 img {
width:100%;
max-width: 1200px;
margin:0 auto;
}
.action_00 span{
font-size: 1.3em;
}
.action_00 span.small {
font-size: 0.5em;
font-weight: 600;
}
.action_00 span.small_cap {
font-size: 0.3em;
font-weight: 400;
letter-spacing: 0.01em;
}
@media ( max-width : 960px ) {
.action_00 {
font-size: 2em;
letter-spacing: 0.05em;
}
.action_00 span{
font-size: 1.04em;
letter-spacing: 0.05em;
}
.action_00 span.small {
font-size: 0.4em;
letter-spacing: 0.05em;
}
.action_00 span.small_cap {
font-size: 0.3em;
font-weight: 400;
letter-spacing: 0.01em;
}
}

.action_01 {
width:100%;
margin:0 auto;
text-align: center;
/*background:url("../images/index/pc/feature_bg.png") repeat-x;*/
/*background:#eee7d8;*/
max-width: 1200px;
}
.action_01 img {
width:100%;
margin:0 auto;
max-width: 1200px;
}
.action_02 {
width:100%;
margin:0 auto;
text-align: center;
background:#43484c;
}
.action_02 img {
width:100%;
margin:0 auto;
max-width: 1000px;
}

.title_wrapper {
position:absolute;
width:100%;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}
.movie {
width:100%;
margin:0 auto;
text-align: center;
vertical-align: bottom;
}
.movie video {
width:100%;
margin:0 auto;
vertical-align: bottom;
}

.mv_wrapper {
overflow: hidden;
}

@media ( max-width : 960px ) {
.action_01 {
padding:2vw 5vw;
}
.action_01 img {
width:80%;
}
}

/********************************************************************/
/*インフォメーション*/

.information_box{
width: 100%;
max-width: 1300px;
margin: auto;
background-color: #FCFCFC;
padding: 3%;
margin-top: 3%;
}
.information_box_t{
line-height: 1.8em;
font-size: 1.1em;
font-weight: 200;
text-align: left;
}
@media ( max-width : 960px ) {
.information_box_t{
line-height: 1.8em;
font-size: 0.8em;
font-weight: 200;
text-align: left;
}
}
p.info_text01 {
font-size:14px !important;
}
@media ( max-width : 960px ) {
p.info_text01 {
font-size:11px !important;
}
}


.btn_box{
width: 90%;
max-width: 800px;
margin: auto;
margin-top: 80px;
margin-bottom: 50px;
}

/********************************************************************/
/*　トップページ　*/
.info {
background:#ed6d1e;
padding:0 0px 0px 0;
width:100%;
margin:0 auto;
}
.info_inner {
padding:40px 0px;
width:100%;
margin:0 auto;
max-width:1100px;
/*background:#ddd9b7;*/
}
.info h2 {
text-align: center;
width:100%;
}
.info h2 img {
width:100%;
max-width: 459px;
margin:0 auto;
}
.info_text {
padding:20px 20px 0px 20px;
width:100%;
letter-spacing: 0.1em;
}
.info_inner dt {
text-align: center;
font-size:140%; 
}
.info_inner dd {
text-align: center;
font-size:200%;
margin-bottom:10px;
line-ehgiht:1.6;
}
.info_inner span.small {
font-size:16px;
padding-top:10px;
margin-bottom:10px;
width:100%;
display:block;
}

.entry_component {
padding:16px 0px;
width:100%;
margin:0 auto;
max-width:1200px;
}
.entry_component img {
width:100%;
}
.entry_component form {
width: 100%;
margin: auto;
/*display: flex;
justify-content: space-between;
align-items: center;*/
}
/*.entry_component form button {
padding: 26px 26px;
font-size: 20px;
width: 100%;
min-width: 200px;
}
.entry_component form button {
cursor: pointer;
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
position: relative;
background-color: #333333;
border: none;
color: #fff;
font-family: "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN","小塚明朝 Pro","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝", 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', 'メイリオ', Meiryo, serif;
}*/

.entry_component form a {
padding: 20px 20px;
font-size: 14px;
text-align: center;
text-decoration: none;
}
/*.entry_component form a span {
font-size: 20px;
width:100%;
display:block;
text-decoration: underline;
}
.entry_component form a,
.entry_component a.entry_btn {
cursor: pointer;
-webkit-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
position: relative;
background-color: #333333;
border: none;
color: #fff;
margin-right:2em;
font-family: "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN","小塚明朝 Pro","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝", 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', 'メイリオ', Meiryo, serif;
width:28%;
}
.entry_component form a:hover {
opacity: 0.7;
z-index: 1;
}
.entry_component form button:hover {
opacity: 0.7;
z-index: 1;
}
.entry_component form input {
border: 1px solid #bfbfbf;
border-radius: 0;
width: 100%;
max-width: 520px;
padding: 24px 18px;
font-size: 20px;
color: #7a7a7a;
}

.entry {
background:#ed6d1e;
padding:0 0px 60px 0;
width:100%;
margin:0 auto;
border-bottom:solid 3px #ffffff;
}*/
.entry_wrapper {
background: rgb(158,129,100);
background: linear-gradient(0deg, rgba(158,129,100,1) 0%, rgba(200,166,124,1) 100%);
}
.entry_component input[type=password] {
-webkit-appearance: none;
display: block;
float:left;
margin-right: 0;
margin-bottom: 10px;
padding: 10px;
width: 300px;
height: 50px;
font-size: 100%;
box-sizing: border-box;
border-radius: 5px 0 0 5px;
border: 1px solid #666;
border-right: none;
font-family: 'Noto Sans JP', Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.entry_component button[type=submit] {
-webkit-appearance: none;
display: block;
float:left;
padding: 0 10px;
color: #fff;
width: 80px;
height: 52px;
font-size: 100%;
vertical-align: top;
border:1px solid #540707;
border-radius: 0 5px 5px 0;
background: rgb(141,108,78);
background:linear-gradient(to bottom, #cc2626 5%, #880909 100%);
background-color:#923535;
cursor: pointer;
font-weight: bold;
text-shadow:0px 1px 0px #923535;
box-shadow:inset 0px 1px 0px 0px #f7c5c0;
font-family: 'Noto Sans JP', Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.entry_component button[type=button] {
-webkit-appearance: none;
display: block;
float:left;
padding: 0 10px;
color: #fff;
width: 80px;
height: 52px;
font-size: 100%;
vertical-align: top;
border:1px solid #540707;
border-radius: 0 5px 5px 0;
background: rgb(141,108,78);
background:linear-gradient(to bottom, #cc2626 5%, #880909 100%);
background-color:#923535;
cursor: pointer;
font-weight: bold;
text-shadow:0px 1px 0px #923535;
box-shadow:inset 0px 1px 0px 0px #f7c5c0;
font-family: 'Noto Sans JP', Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

        
.entry_component button[type=submit]:hover{
background:linear-gradient(to bottom, #6a0909 5%, #b51717 100%);
background-color:#e4685d;
}

.entry_component button[type=submit]:hover {
opacity: 0.7;
}
.entry_component button[type=button]:hover{
background:linear-gradient(to bottom, #6a0909 5%, #b51717 100%);
background-color:#e4685d;
}

.entry_component button[type=button]:hover {
opacity: 0.7;
}

#member .entry {
background:#fbefc1;
padding:0 0px 30px 0;
width:100%;
margin:0 auto;
border-bottom:solid 0px #ffffff;
}
.footer_entry {
padding-top:60px;
}
.entry_inner {
padding:20px 40px 50px 40px;
width:100%;
margin:0 auto;
max-width:1100px;
background:#fbefc1;
}
#member .entry_inner {
padding:20px 40px 50px 40px;
width:100%;
margin:0 auto;
max-width:900px;
background:#fbefc1;
}
.entry img {
width:100%;
}
.entry_inner ul {
margin-top:20px;
text-align: center;
}
.entry_inner li {
width:32%;
padding:0% 1%;
display:inline-block;
}
.entry_inner li:last-child {
margin-right:0%;
}

.big_banner {
width:100%;
max-width: 1100px;
margin:0 auto;
padding:2% 0;
}
.big_banner li {
margin-bottom:10px;
}

.entry_01 {
float:left;
width:50%;
padding:15px 15px 15px 0px;
}
.entry_02 {
float:right;
width:50%;
padding:15px 0px 15px 15px;
position: relative;
}
.entry_02 form {
position: absolute;
left:20px;
bottom:20px;
}

.entry_component .entry_02b form button {
width: 20%;
}
.entry_component .entry_02b form input {
width: 75%;
}

@media ( max-width : 960px ) {
.info {
/*background:#eeeeed;*/
padding:0 0 1vw 0;
width:100%;
margin:0 auto;
}
.info_inner {
padding:0vw 0vw;
width:100%;
margin:0 auto;
max-width:1000px;

}
.info h2 {
text-align: center;
width:100%;
padding:5vw 5vw 0vw 5vw;
}
.info h2 img {
width:100%;
margin:0 auto;
}
.info_text {
padding:4vw 1vw 5vw 1vw;
}
.info_inner dt {
text-align: center;
font-size:100%; 
}
.info_inner dd {
text-align: center;
font-size:150%;
margin-bottom:0.5vw;
}
.info_inner span.small {
font-size:2.2vw;
padding-top:5px;
margin-bottom:0.5vw;
}
.entry_component {
padding:4vw 5vw 1.2vw 5vw;
width:100%;
margin:0 auto;
max-width:1000px;
}

.entry_component a.entry_btn {
font-size: 12px;
padding: 16px 12px 18px;
text-decoration: none;
width:70%;
margin:0 auto 10px auto;
text-align: center;
}

.entry_component a.entry_btn span {
font-size: 20px;
margin-right:0.5em;
width:inherit;
text-decoration: underline;
}
.entry_component form button {
font-size: 11px;
padding: 18.5px 12px;
width: 40%;
min-width: 130px;
}
.entry_component form input {
padding: 20px 7px;
font-size: 12px;
max-width: none;
width: 80%;
font-size:11px;
}

.entry_component .entry_02b form button {
width: 20%;
min-width: 90px;
}
.entry_component .entry_02b form input {
width: 70%;
}

.entry {
padding:0 3vw 3vw 3vw;
width:100%;
margin:0 auto;
}
.footer_entry {
padding-top:3vw;
}
.entry_inner {
padding:3vw 3vw;
width:100%;
margin:0 auto;
max-width:1000px;
}
.entry img {
width:100%;
}
.entry_inner ul {
margin-top:3vw;
}
.entry_inner li {
width:100%;
margin-right:0%;
float:none;
margin-bottom:5px;
}
.entry .btn_limited {
margin-top:4vw;
margin-bottom:2vw;
padding:0 4vw;
}
.entry_inner li:last-child {
margin-right:0%;
margin-bottom:0px;
display:none;
}
.big_banner {
padding:3% 0;
}
.big_banner li {
margin-bottom:6px;
}
#member .entry_inner {
padding:3vw 3vw;
width:100%;
margin:0 auto;
max-width:900px;
background:#fbefc1;
background:#ffffff;
}
.entry_01 {
float:none;
width:100%;
padding:2vw 0 1.4vw 0;
}
.entry_02 {
float:none;
width:100%;
padding:0 0 2vw 0;
position: relative;
}
.entry_02 form {
position:relative;
left:0px;
bottom:0px;
}
.entry_component input[type=password] {
-webkit-appearance: none;
margin-right: 0;
margin-bottom: 10px;
padding: 10px;
width: 64%;
height: 50px;
}
.entry_component button[type=submit] {
-webkit-appearance: none;
padding: 0 3px;
width:36%;
height: 50px;
}
input::-webkit-input-placeholder {
font-size:2.3vw;
}
input:-moz-placeholder {
font-size:2.3vw;
}
input::-moz-placeholder {
font-size:2.3vw;
}
input:-ms-input-placeholder {
font-size:2.3vw;
}
}











/********************************************************************/
/*インフォメーション*/
.main_actinfo {
width:100%;
margin:0 auto;
position: relative;
max-width: 1200px;
padding:20px 0px;
}
.main_actinfo2 {
width:100%;
margin:0 auto;
position: relative;
max-width: 1200px;
padding:40px 0px;
}
.main_actinfo_inner {
background: #fff;
padding:30px;
}
.main_actinfo_title {
text-align: center;
background:#00463f;
width:100%;
margin:0 auto;
padding:10px;
max-width: 900px;
}
.main_actinfo_title img {
width:100%;
max-width: 300px;
}
.main_actinfo_btn {
text-align: center;
/*background:#ae0e16;*/
/*background:#00463f;*/
background:#5faf96;
width:100%;
margin:0 auto;
padding:15px 10px;
max-width: 900px;
}
.main_actinfo_btn img {
width:100%;
max-width: 500px;
}
.main_actinfo_btn2 {
text-align: center;
background:#c61e57;
width:100%;
margin:0 auto;
padding:15px 10px;
max-width: 900px;
}
.main_actinfo_btn2 img {
width:100%;
max-width: 500px;
}

.main_actinfo_btn3 {
text-align: center;
width:100%;
margin:0 auto;
padding:15px 30px;
max-width: 900px;
border: solid 4px #e5adc0;
}
.main_actinfo_btn4 {
text-align: center;
width:100%;
margin:0 auto;
padding:15px 30px;
max-width: 900px;
border: solid 4px #b4d2cf;
}
@media ( max-width : 960px ) {
.main_actinfo_btn3 {
padding:0.5em 1em;
border: solid 2px #e5adc0;
}
.main_actinfo_btn4 {
padding:0.5em 1em;
border: solid 2px #b4d2cf;
}
.main_actinfo_inner_inner {
padding:8px;
}
}

.main_actinfo h3,
.main_actinfo2 h3 {
font-size:28px;
text-align: center;
margin-bottom:0.5em;
margin-top:1em;
letter-spacing: 0.2em;
}

.main_actinfo201 {
font-family: 'Kiwi Maru', serif;
font-family: 'Kosugi Maru', sans-serif;
font-family: 'Oswald', sans-serif;
font-family: 'Zen Kaku Gothic New', sans-serif;
font-weight: 700;
font-size:36px;
text-align: center;
margin-bottom:0.5em;
margin-top:0.1em;
letter-spacing: 0.2em;
font-feature-settings: "palt";
}
.main_actinfo201 sup {
font-size: x-small;

}
.main_actinfo201 span {
font-size:39px !important;
letter-spacing: 0.49px;
}
.main_actinfo201t {
font-size:1.1em;
line-height: 1.4em;
letter-spacing: 0.09px;
color: #8A1A1C;
margin-top: 0.5em;
}
@media ( max-width : 960px ) {
.main_actinfo201t {
font-size:1.11em;
line-height: 1.4em;
color: #8A1A1C;
margin-top: 0.5em;
}
}


.main_actinfo201s {
font-size:0.58em; !important;
}

.main_actinfo201p {
font-size:0.97em; !important;
letter-spacing: 0.5px;
margin-top: -1em;
margin-bottom: 1em;
}

.main_actinfo201pb {
font-size:0.84em; !important;
letter-spacing: 0.5px;
margin-top: 0.8em;
margin-bottom: 1em;
}


@media ( max-width : 960px ) {
.main_actinfo201 {
font-weight: 700;
font-size:22px;

}
.main_actinfo201 span {
font-size:20px !important;
}
}

.main_actinfo202 {
margin-bottom:1.5em;
margin-top:1em;
font-family: 'Zen Kaku Gothic New', sans-serif;
font-size:14px;
text-align: center;

letter-spacing: 0.2em;
font-feature-settings: "palt";
width: 100%;
max-width: 800px;
margin: auto;
text-align: justify;
}
@media ( max-width : 960px ) {
.main_actinfo202 {
width: 96%;
font-size: 9px;
}
}

.main_actinfo203 {
font-family: 'Kiwi Maru', serif;
font-family: 'Kosugi Maru', sans-serif;
font-family: 'Oswald', sans-serif;
font-family: 'Zen Kaku Gothic New', sans-serif;
font-size: 2.2em;
font-weight: 700;
text-align: center;
padding-bottom: 0.1em;
padding-top: 0.6em;
margin-top:1.5em;
font-feature-settings: "palt";
width: 100%;
max-width: 800px;
margin: auto;
line-height: 1.4em;
}
.main_actinfo203 span {
font-size: 0.8em;
}

@media ( max-width : 960px ) {
.main_actinfo203 {
width: 96%;
font-size: 1.5em;;
}
.main_actinfo203 span {
font-size:20px !important;
}
}


.main_actinfo205 {
border: 1px solid #ccc;
padding: 20px;
line-height: 20px;
text-align: center;
display:block;
font-size:12px;
width: 100%;
max-width: 1200px;
margin: 40px auto 0px;
text-align: justify;
}
@media ( max-width : 960px ) {
.main_actinfo205 {
width: 96%;
font-size: 10px;
line-height: 16px;
margin: 0px auto 0px;
}
}




.main_actinfo h4,
.main_actinfo2 h4 {
font-size:20px;
text-align: center;
margin-bottom:0.5em;
margin-top:1em;
letter-spacing: 0.1em;
}
.main_actinfo p {
font-size:22px;
text-align: center;
margin-bottom:0.5em;
line-height:1.7;
}
.main_actinfo2 p {
font-size:18px;
text-align: center;
margin-bottom:0.5em;
line-height:1.7;
}
.main_actinfo_flow {
display: flex;
justify-content: space-between;
align-items: flex-end;
padding:15px 20px 0 20px;
}
.main_actinfo_flow li {
width: 32%;
}
.main_actinfo_flow li img {
vertical-align: bottom;
width: 100%;
}
@media ( max-width : 960px ) {
.main_actinfo {
padding:10px 20px;
}
.main_actinfo2 {
padding:20px 20px;
}
.main_actinfo_inner {
padding:0px 0 20px 0;
}
.sp_toppadding10 {
padding-top:10px;
}
.main_actinfo h3,
.main_actinfo2 h3 {
font-size:4vw;
text-align: center;
margin-bottom:0.5em;
margin-top:1em;
letter-spacing: 0.2em;
}
.main_actinfo h4,
.main_actinfo2 h4 {
font-size:3.2vw;
text-align: center;
margin-bottom:0.5em;
margin-top:1em;
letter-spacing: 0.1em;
}
.main_actinfo p {
font-size:3vw;
text-align: center;
margin-bottom:0.5em;
line-height:1.5;
}
.main_actinfo2 p {
font-size:2.8vw;
text-align: center;
margin-bottom:0.5em;
line-height:1.5;
}
.main_actinfo_title {
padding:5px;
}
.main_actinfo_title img {
max-width: 55%;
}
.main_actinfo_btn img {
max-width: 90%;
}
.main_actinfo_btn2 img {
max-width: 90%;
}
.main_actinfo_flow {
display: block;
padding:10px 25px 0px 25px;
}

.main_actinfo_flow li {
width: 100%;
margin-bottom:25px;
}
.main_actinfo_flow li img {
vertical-align: bottom;
width: 100%;
}
}

/********************************************************************/
/*　共通　*/

.bg_lightblue {
background:#edf2f6;
}
.bg_dark_blue {
background:#8ca9b8;
}
.bg_beige {
background:#ede9e3;
}
.bg_gray {
background:#eeeeed;
}
.bg_dgray {
background:#363636;
}
.bg_light_gray {
background:#f2f5f7;
}
.bg_black {
background:#030303;
}
.bg_white {
background:#ffffff;
}
.bg_orange {
background:#ed6d1e;
}
.bg_green {
background:#75aa98;
}
.bg_green2 {
background:#00463f;
}
.bg_airy_marks {
background: #1f7ebb;
}
.bg_bright_arena {
background: #b5af70;
}
.bg_park_front {
background: #74aa98;
}


.bg_top {
background: url("../images/common/bg_top.jpg") center top no-repeat;
background-size: cover;
}
.bg_concept {
background: url("../images/concept/concept_bg.jpg") center top no-repeat;
background-size: cover;
}
.bg_position {
background: url("../images/common/bg_position.jpg") center bottom no-repeat;
background-size: cover;
}
.bg_masterplan {
background: url("../images/common/bg_masterplan.jpg") center top no-repeat;
background-size: cover;
}
.bg_design {
background: url("../images/common/bg_design.jpg") center top no-repeat;
background-size: cover;
}
@media ( max-width : 1600px ) {
.bg_design {
background: url("../images/common/bg_design2.jpg") center top no-repeat;
background-size: cover;
}
}
/*.bg_relations {
background: url("../images/common/bg_relations.jpg") center top no-repeat;
background-size: cover;
}*/
.bg_relations {
background: url("../images/common/bg_relations.png") center top no-repeat;
background-size: cover;
}
.bg_support {
background: url("../images/common/bg_support.jpg") center top no-repeat;
background-size: cover;
}
@media ( max-width : 1600px ) {
.bg_support {
background: url("../images/common/bg_support2.jpg") center center no-repeat;
background-size: cover;
}
}
.top_banner .bg_support {
background: url("../images/common/bg_support2.jpg") center center no-repeat;
background-size: cover;
}
.bg_plans {
background: url("../images/common/bg_plans.jpg") center top no-repeat;
background-size: cover;
}
.bg_quality {
background: url("../images/common/bg_quality.jpg") center top no-repeat;
background-size: cover;
}
.bg_modelroom {
background: url("../images/common/bg_modelroom.jpg") center top no-repeat;
background-size: cover;
}
.bg_gallery {
background: url("../images/common/bg_gallery.jpg") center top no-repeat;
background-size: cover;
}
.bg_access {
background: url("../images/common/bg_access.jpg") center top no-repeat;
background-size: cover;
}
.bg_location {
background: url("../images/common/bg_location.jpg") center top no-repeat;
background-size: cover;
}
.bg_brand {
background: url("../images/common/bg_brand.jpg") center top no-repeat;
background-size: cover;
}
.bg_limited {
background: url("../images/common/bg_limited.jpg") center top no-repeat;
background-size: cover;
}
.bg_reservation {
background: url("../images/reservation/bg_reservation.jpg") center top no-repeat;
background-size: cover;
}


.bg_pettern {
background: #e75710 url("../images/common/pc/pettern.png");
background-position: center;
}
.bg_kami {
background: url("../images/common/mv_bg.png");
}
.bg_hankami {
background-image:
    linear-gradient(90deg, rgba(0,0,0,1) 50%,
    rgba(0,0,0,0) 50%), url("../images/common/mv_bg.png");
}
.bg_purple {
background:#e9e9f5;
}

.bg_kami2 {
background: url("../images/common/title_bg01.png") !important;
}
.bg_kami3 {
background: url("../images/common/title_bg02.png") !important;
}
hr {
display: block;
height: 1px;
border: 0;
border-top-color: currentcolor;
border-top-style: none;
border-top-width: 0px;
border-top: 1px solid #4c251b;
margin: 0em 0;
padding: 0;
}
.contents img {
width:100%;
}


.txt_center {
text-align: center;
}
.txt_left {
text-align: left;
}
.txt_right {
text-align: right;
}
.img_center {
margin:0 auto;
}
.txt_white {
color:#ffffff;
}

.position_r {
position: relative;
}
.position_a {
position: absolute;
}
.contents_400 {
width:100%;
max-width: 400px;
margin:0 auto;
position: relative;
}
.contents_478 {
width:100%;
max-width: 478px;
margin:0 auto;
position: relative;
}
.contents_569 {
width:100%;
max-width: 569px;
margin:0 auto;
position: relative;
}
.contents_650 {
width:100%;
max-width: 650px;
margin:0 auto;
position: relative;
}
.contents_700 {
width:100%;
max-width: 700px;
margin:0 auto;
position: relative;
}
.contents_70p {
width:100%;
max-width: 70%;
margin:0 auto;
position: relative;
}
.contents_731 {
width:100%;
max-width: 731px;
margin:0 auto;
position: relative;
}
.contents_740 {
width:100%;
max-width: 740px;
margin:0 auto;
position: relative;
}
.member_740 {
width:100%;
max-width: 740px;
margin:0 auto;
position: relative;
background-color:rgba(255,255,255,0.6);
padding:40px;
}
.contents_740_max {
width:100%;
max-width: 740px;
margin:0 auto;
position: relative;
padding:0px 0;
}
.contents_790 {
width:100%;
max-width: 790px;
margin:0 auto;
position: relative;
}

.contents_590 {
width:100%;
max-width: 590px;
margin:0 auto;
position: relative;
}

.contents_790_max {
width:100%;
max-width: 790px;
margin:0 auto;
position: relative;
}
.contents_822 {
width:100%;
max-width: 822px;
margin:0 auto;
position: relative;
}
.contents_835 {
width:100%;
max-width: 835px;
margin:0 auto;
position: relative;
}
.contents_870 {
width:100%;
max-width: 868px;
margin:0 auto;
position: relative;
}
.contents_900 {
width:100%;
max-width: 900px;
margin:0 auto;
position: relative;
}
.contents_950 {
width:100%;
max-width: 950px;
margin:0 auto;
position: relative;
}
.contents_1000 {
width:100%;
max-width: 1000px;
margin:0 auto;
position: relative;
}
.contents_1000_max {
width:100%;
max-width: 1000px;
margin:0 auto;
position: relative;
}
.contents_1100 {
width:100%;
max-width: 1100px;
margin:0 auto;
position: relative;
}
.contents_1200 {
width:100%;
max-width: 1200px;
margin:0 auto;
position: relative;
}
.contents_1200_max {
width:100%;
max-width: 1200px;
margin:0 auto;
position: relative;
}
.contents_1400_max {
width:100%;
max-width: 1400px;
margin:0 auto;
position: relative;
}
.contents_1660 {
width:100%;
max-width: 1660px;
margin:0 auto;
position: relative;
}
.contents_1660_max {
width:100%;
max-width: 1660px;
margin:0 auto;
position: relative;
}
.border_box_inner {
padding:60px;
}
@media ( max-width : 960px ) {
.contents_400 {
padding:0 6vw;
}
.contents_478 {
padding:0 6vw;
}
.contents_569 {
padding:0 6vw;
}
.contents_650 {
padding:0 6vw;
}
.contents_731 {
padding:0 5vw;
}
.contents_700 {
padding:0 5vw;
}
.contents_740 {
padding:0 5vw;
}
.contents_740_max {
padding:0vw 0vw;
}
.member_740 {
padding:5vw 5vw;
width:90%;
}
.contents_790 {
padding:0 5vw;
}
.contents_822 {
padding:0 5vw;
}
.contents_835 {
padding:0 5vw;
}
.contents_870 {
padding:0 5vw;
}
.contents_900 {
padding:0 5vw;
}
.contents_950 {
padding:0 5vw;
}
.contents_1000 {
padding:0 5vw;
}
.contents_1100 {
padding:0 5vw;
}
.contents_1200 {
padding:0 5vw;
}
.contents_1660 {
padding:0 5vw;
}
.border_box_inner {
padding:4vw;
}

}

.pt_pc10_sp5 {
padding-top:10px;
}
.pt_pc20_sp10 {
padding-top:20px;
}
.pt_pc40_sp20 {
padding-top:40px;
}
.pt_pc60_sp30 {
padding-top:60px;
}
.pt_pc80_sp40 {
padding-top:80px;
}
.pt_pc100_sp50 {
padding-top:100px;
}
.pt_pc180_sp90 {
padding-top:180px;
}

.pb_pc10_sp5 {
padding-bottom:10px;
}
.pb_pc20_sp10 {
padding-bottom:40px;
}
.pb_pc40_sp20 {
padding-bottom:40px;
}
.pb_pc60_sp30 {
padding-bottom:60px;
}
.pb_pc80_sp40 {
padding-bottom:80px;
}
.pb_pc100_sp50 {
padding-bottom:100px;
}

.mb_pc80_sp40 {
margin-bottom:80px;
}
.mb_pc30_sp20 {
margin-bottom: 10px;
}

@media ( max-width : 960px ) {
.pt_pc10_sp5 {
padding-top:10px;
}
.pt_pc20_sp10 {
padding-top:5px;
}
.pt_pc40_sp20 {
padding-top:10px;
}
.pt_pc60_sp30 {
padding-top:20px;
}
.pt_pc80_sp40 {
padding-top:30px;
}
.pt_pc100_sp50 {
padding-top:40px;
}
.pt_pc180_sp90 {
padding-top:70px;
}

.pb_pc10_sp5 {
padding-bottom:5px;
}
.pb_pc20_sp10 {
padding-bottom:5px;
}
.pb_pc40_sp20 {
padding-bottom:10px;
}
.pb_pc60_sp30 {
padding-bottom:20px;
}
.pb_pc80_sp40 {
padding-bottom:30px;
}
.pb_pc100_sp50 {
padding-bottom:40px;
}

.mb_pc80_sp40 {
margin-bottom:30px;
}
.mb_pc30_sp20 {
margin-bottom: 10px;
}
.sp_txt_left {
text-align: left;
}

}


/********************************************************************/
/*　共通　*/
/* ページタイトル */
.page_title {
position:absolute;
margin:auto;
top:50%;
left:50%;
transform: translateY(-50%) translateX(-50%);
text-align: center;
width:100%;
}
.page_title_white {
width:100%;
margin:0 auto;
text-align: center;
}
.page_title_white img {
width:105px !important;
}
.page_title_white h2 {
color:#fff;
font-size:60px;
font-family: 'Libre Franklin', "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN","小塚明朝 Pro","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝", 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', 'メイリオ', Meiryo, serif;
letter-spacing: 0.1em;
margin-top:0.5em;
}
.page_title_white h3 {
color:#fff;
font-size:28px;
border-bottom:solid 2px #fff;
margin-top:0.4em;
display:inline-block;
padding-bottom:0.4em;
margin-bottom:2em;
}

.copy_white {
font-size:18px;
line-height:2.4;
color:#fff;
letter-spacing: 0.1em;
}
.copy_white2 {
font-size:17px;
line-height:1.8;
color:#fff;
letter-spacing: 0.1em;
}
.copy_white_rl {
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
font-size:60px;
line-height:1.1;
color:#fff;
letter-spacing: 0.2em;
font-family: "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN","小塚明朝 Pro","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝", 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', 'メイリオ', Meiryo, serif;
position: absolute;
right:5%;
top:0;
bottom:0;
display:block;
text-align: center;
}
.page_title .title_btn {
width:100%;
margin:0 auto;
display: block;
}
.page_title .title_btn img {
width:100%;
margin:0 auto;
max-width: 300px;
}

.top_banner .page_title_white img {
width:60px !important;
}
.top_banner .page_title_white h2 {
font-size:36px;
}
.top_banner .page_title_white h3 {
font-size:18px;
}
.top_banner .copy_white_rl {
font-size:32px;
right:5%;
}

.page_title .title_btn {
width:100%;
margin:0 auto;
display: block;
}
.page_title .title_btn img {
width:100%;
margin:0 auto;
max-width: 300px;
transition: all 0.3s ease-in-out;
}
a:hover .page_title .title_btn img {
/*max-width: 200px;*/
transform: scale(1.1, 1);
transition: all 0.3s ease-in-out;
}

.subtitle_white {
font-size:42px;
line-height:1.1;
color:#fff;
letter-spacing: 0.2em;
font-family: "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN","小塚明朝 Pro","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝", 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', 'メイリオ', Meiryo, serif;
width:100%;
text-align: center;
padding-top:0.5em;
padding-left:0.6em;
}
/*.bg_limited .subtitle_white span {
font-size:24px;
}
.bg_limited .page_title_white h2 {
font-size:36px;
padding-top:0.5em;
}*/

@media ( max-width : 960px ) {
.page_title_white img {
width:50px !important;
}
.page_title_white h2 {
font-size:6vw;
}
.page_title_white h3 {
font-size:3vw;
border-bottom:solid 2px #fff;
}
.copy_white {
font-size:2.6vw;
}
.copy_white2 {
font-size:2.4vw;
}
.copy_white_rl {
font-size:5vw;
line-height:1.1;
letter-spacing: 0.2em;
right:5%;
}
.page_title .title_btn img {
width:100%;
max-width: 220px;
}

.top_banner .page_title_white img {
width:50px !important;
}
.top_banner .page_title_white h2 {
font-size:6vw;
}
.top_banner .page_title_white h3 {
font-size:3vw;
border-bottom:solid 2px #fff;
}
.top_banner .copy_white_rl {
font-size:7vw;
line-height:1.1;
letter-spacing: 0.1em;
right:5%;
}
.top_banner .copy_white_rl span {
padding-top:0.2em;
}
.subtitle_white {
font-size:4vw;
}
/*.bg_limited .subtitle_white span {
font-size:2.2vw;
}
.bg_limited .page_title_white h2 {
font-size:4vw;
}*/
}


.border_bottom {
border-bottom: solid 1px #666;
padding-bottom: 1.2em;
padding-bottom: 0.6em;
}
.border_bottom_w {
border-bottom: solid 1px #fff;
padding-bottom: 1.2em;
padding-bottom: 0.6em;
}
@media ( max-width : 960px ) {
.border_bottom {
padding-bottom: 0.6em;
}
.border_bottom_w {
padding-bottom: 0.6em;
}
}

/* トップバナー */
.mv {
width:100%;
margin:0 auto;
padding:0 0 0 0;
}
.mv li {
height:480px;
}
.mv li img {
width:90px !important;
margin-top:30px;
}
.top_banner {
width:100%;
margin:0 auto;
max-width: 1690px;
padding:80px 15px 0 15px;
overflow: hidden;
}
.top_banner ul {
padding-left:2%;
}
.top_banner ul li {
height:320px;
width:32%;
float: left;
margin-right:1%;
margin-bottom:20px;
box-sizing: border-box;
}
.top_banner li.bg_position {
width:48.5%;
margin-right:1%;
}
.top_banner li.bg_masterplan {
width:48.5%;
margin-right:1%;
}
/*.top_banner li.bg_design {
width:48.5%;
margin-right:1%;
}
.top_banner li.bg_relations {
width:48.5%;
margin-right:1%;
}*/



/*.top_banner li.bg_design {
width:48.5%;
margin-right:1%;
}
.top_banner li.bg_relations {
width:48.5%;
margin-right:1%;
}*/

.top_banner dl {
padding-left:0%;
}
.top_banner dl dt {
height:320px;
width:100%;
float: none;
margin-right:0%;
margin-bottom:0px;
box-sizing: border-box;
}
.top_banner dl dd {
display:none;
}

@media ( max-width : 960px ) {
.top_banner {
padding:0 0 0 0;
}
.top_banner ul {
padding-left:0%;
}
.top_banner ul li {
height:50vw;
width:100%;
float:none;
margin-right:0%;
margin-bottom:0px;
}
.top_banner .top_residence ul li,
.top_banner .top_position ul li {
height:auto;
}

.top_banner .slick-slide li {
height:inherit;
}
.top_banner li.bg_position,
.top_banner li.bg_masterplan,
.top_banner li.bg_design,
.top_banner li.bg_relations {
width:100%;
margin-right:0%;
}

.top_banner dl {
padding-left:0%;
}
.top_banner dl dt {
height:54vw;
width:100%;
float:none;
margin-right:0%;
margin-bottom:0px;
}
.top_banner dl dd {
/*display:none; 閉じておく*/
display:block;
}
.top_banner dt.bg_position,
.top_banner dt.bg_masterplan,
.top_banner dt.bg_design,
.top_banner dt.bg_relations {
width:100%;
margin-right:0%;
}

.mv {
padding:0 0 0 0;
}
.mv li {
height:46vw;
width:100%;
float:none;
}
.mv li img {
width:40px !important;
margin-top:10px;
}
}

.title_black_01 {
width:100%;
margin:0 auto;
text-align: center;
}
.title_black_01 h2 {
color:#282728;
font-size:46px;
font-family: 'Libre Franklin', "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN","小塚明朝 Pro","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝", 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', 'メイリオ', Meiryo, serif;
letter-spacing: 0.05em;
padding-bottom:0.2em;
display:block;
}
.title_black_01 h3 {
color:#282728;
font-size:20px;
padding-top:0.5em;
border-top:solid 1px #282728;
display:block;
margin-bottom:2em;
font-weight: 500;
max-width: 55%;
margin-left:auto;
margin-right:auto;
}
h4 {
color:#282728;
font-size:34px;
margin-top:0.5em;
display:block;
margin-bottom:1.5em;
line-height:1.5;
font-weight:600 !important;
}
h4.eng {
font-family: 'Libre Franklin', "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN","小塚明朝 Pro","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝", 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', 'メイリオ', Meiryo, serif;
font-size:48px;
margin-top:0.5em;
display:block;
margin-bottom:1.5em;
line-height:1.5;
font-weight:600 !important;
}
.title_black_01 h5 {
color:#282728;
font-size:24px;
padding-top:0.8em;
display:block;
margin-bottom:1em;
font-weight: 500;
margin-left:auto;
margin-right:auto;
}
.title_white_01 h5 {
color:#ffffff;
font-size:24px;
padding-top:0.8em;
display:block;
margin-bottom:1em;
font-weight: 500;
margin-left:auto;
margin-right:auto;
}
@media ( max-width : 960px ) {
.title_black_01 h2 {
font-size:6vw;
}
.title_black_01 h3 {
font-size:2.8vw;
margin-bottom:1em;
}
h4 {
font-size:4.1vw;
margin-top:0em;
margin-bottom:0.6em;
}
h4.eng {
font-size:6vw;
margin-top:0em;
margin-bottom:0.6em;
}
.title_black_01 h5 {
font-size:3vw;
margin-bottom:0.6em;
}
.title_white_01 h5 {
font-size:3vw;
margin-bottom:0.6em;
}
}

.title_white_01 {
width:100%;
margin:0 auto;
text-align: center;
}
.title_white_01 h2 {
color:#ffffff;
font-size:46px;
font-family: 'Libre Franklin', "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN","小塚明朝 Pro","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝", 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', 'メイリオ', Meiryo, serif;
letter-spacing: 0.05em;
padding-bottom:0.2em;
display:block;
}
.title_white_01 h3 {
color:#ffffff;
font-size:24px;
padding-top:0.5em;
border-top:solid 1px #ffffff;
display:block;
margin-bottom:1em;
max-width: 55%;
margin-left:auto;
margin-right:auto;
}
@media ( max-width : 960px ) {
.title_white_01 h2 {
font-size:6vw;
}
.title_white_01 h3 {
font-size:3.3vw;
}
}

.title_white_02 {
width:100%;
margin:0 auto;
text-align: center;
}
.title_white_02 h2 {
color:#ffffff;
font-size:46px;
font-family: 'Libre Franklin', "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN","小塚明朝 Pro","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝", 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', 'メイリオ', Meiryo, serif;
letter-spacing: 0.05em;
padding-bottom:0.1em;
display:block;
}
.title_white_02 h3 {
color:#ffffff;
font-size:24px;
padding-top:0.3em;
/*border-top:solid 1px #ffffff;*/
border:none;
display:block;
margin-bottom:1em;
max-width: 55%;
margin-left:auto;
margin-right:auto;
}
@media ( max-width : 960px ) {
.title_white_02 h2 {
font-size:6vw;
}
.title_white_02 h3 {
font-size:3.3vw;
}
}

.title_green_01 {
width:100%;
margin:0 auto;
text-align: center;
}
.title_green_01 h2 {
color:#75aa98;
font-size:46px;
font-family: 'Libre Franklin', "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN","小塚明朝 Pro","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝", 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', 'メイリオ', Meiryo, serif;
letter-spacing: 0.05em;
padding-bottom:0.1em;
padding-top:0.1em;
display:block;
}
.title_green_01 h3 {
color:#75aa98;
font-size:24px;
padding-top:0.3em;
/*border-top:solid 1px #ffffff;*/
display:block;
margin-bottom:1em;
max-width: 55%;
margin-left:auto;
margin-right:auto;
}
.title_green_01 h2.bg_green_title {
background:#75aa98;
color:#fff;
}

@media ( max-width : 960px ) {
.title_green_01 h2 {
font-size:6vw;
}
.title_green_01 h3 {
font-size:3.3vw;
}
}

.title_green_02 {
width:100%;
margin:0 auto;
text-align: center;
}
.title_green_02 h2 {
background:#75aa98;
color:#fff;
font-size:46px;
font-family: 'Libre Franklin', "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN","小塚明朝 Pro","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝", 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', 'メイリオ', Meiryo, serif;
letter-spacing: 0.05em;
padding-bottom:0.1em;
padding-top:0.1em;
display:block;
}
.title_green_02 h3 {
color:#75aa98;
font-size:24px;
padding-top:0.3em;
/*border-top:solid 1px #ffffff;*/
display:block;
margin-bottom:1em;
max-width: 55%;
margin-left:auto;
margin-right:auto;
}
@media ( max-width : 960px ) {
.title_green_02 h2 {
font-size:6vw;
}
.title_green_02 h3 {
font-size:3.3vw;
}
}

.title_green_03 {
width:100%;
margin:0 auto;
text-align: center;
}
.title_green_03 h2 {
background:#a0994d;
color:#fff;
font-size:46px;
font-family: 'Libre Franklin', "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN","小塚明朝 Pro","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝", 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', 'メイリオ', Meiryo, serif;
letter-spacing: 0.05em;
padding-bottom:0.1em;
padding-top:0.1em;
display:block;
}
.title_green_03 h3 {
color:#a0994d;
font-size:24px;
padding-top:0.3em;
/*border-top:solid 1px #ffffff;*/
display:block;
margin-bottom:1em;
max-width: 55%;
margin-left:auto;
margin-right:auto;
}
@media ( max-width : 960px ) {
.title_green_03 h2 {
font-size:6vw;
}
.title_green_03 h3 {
font-size:3.3vw;
}
}

.title_green_04 {
width:100%;
margin:0 auto;
text-align: center;
}
.title_green_04 h2 {
background:#1f7ebb;
color:#fff;
font-size:46px;
font-family: 'Libre Franklin', "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN","小塚明朝 Pro","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝", 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', 'メイリオ', Meiryo, serif;
letter-spacing: 0.05em;
padding-bottom:0.1em;
padding-top:0.1em;
display:block;
}
.title_green_04 h3 {
color:#1f7ebb;
font-size:24px;
padding-top:0.3em;
/*border-top:solid 1px #ffffff;*/
display:block;
margin-bottom:1em;
max-width: 55%;
margin-left:auto;
margin-right:auto;
}
@media ( max-width : 960px ) {
.title_green_04 h2 {
font-size:6vw;
}
.title_green_04 h3 {
font-size:3.3vw;
}
}


.copy_black_big {
font-size:20px;
line-height:2;
color:#282728;
letter-spacing: 0.1em;
}
.copy_black {
font-size:18px;
line-height:2;
color:#282728;
letter-spacing: 0.1em;
}
.copy_red {
font-size:28px;
line-height:1.6;
color:#AC220E;
letter-spacing: 0.1em;
padding-top:1.5em;
}
.copy_white2 {
font-size:18px;
line-height:2;
color:#ffffff;
letter-spacing: 0.1em;
}
.copy_black_small {
font-size:16px;
line-height:2;
color:#282728;
letter-spacing: 0.1em;
}
.copy_white_small {
font-size:16px;
line-height:1.8;
color:#ffffff;
letter-spacing: 0.1em;
}
.copy_black_small2 {
font-size:14px;
line-height:2;
color:#282728;
letter-spacing: 0.1em;
}
.copy_black_small3 {
font-size:14px;
line-height:1.5;
color:#282728;
letter-spacing: 0.1em;
padding-top:0.3em;
}

@media ( max-width : 960px ) {
.copy_black_big {
font-size:2.5vw;
}
.copy_black {
font-size:2.4vw;
}
.copy_red {
font-size:3.8vw;
padding-top:1.2em;
}
.copy_white2 {
font-size:2.4vw;
}
.copy_black_small {
font-size:2.2vw;
}
.copy_white_small {
font-size:2.2vw;
}
.copy_black_small2 {
font-size:2vw;
}
.copy_black_small3 {
font-size:2vw;
}
.location .copy_black_small {
line-height:1.5;
font-size:2.8vw;
}
}

.bg_contents {
background: url("../images/common/contents_bg.jpg") no-repeat;
/*background-attachment: fixed;*/
background-size:cover;
background-position: center bottom;
}
.bg_contents2 {
background: url("../images/common/contents_bg2.jpg") no-repeat;
/*background-attachment: fixed;*/
background-size:cover;
background-position: center bottom;
}
.bg_contents3 {
background: url("../images/common/contents_bg.jpg") no-repeat;
/*background-attachment: fixed;*/
background-size:cover;
background-position: center top;
}
/*.bg_kotei {
background-attachment: fixed;
background-position: center top;
}*/

.top_banner .col ul {
padding:0;
}
.top_banner .col ul li {
height:inherit;
}
.col_pc2_sp1_m0 {
width:50%;
float:left;
}
ul.col_pc2_sp1_m1p li {
width:49.5%;
margin-right:1%;
float:left;
margin-bottom:20px;
}
ul.col_pc2_sp1_m1p li:nth-child(2n) {
margin-right:0%;
}
ul.col_pc2_sp1_m3p li {
width:48.5%;
margin-right:3%;
float:left;
margin-bottom:20px;
}
ul.col_pc2_sp1_m3p li:nth-child(2n) {
margin-right:0%;
}
ul.col_pc2_sp2_m0p li {
width:50%;
margin-right:0%;
float:left;
margin-bottom:20px;
}
ul.col_pc2_sp2_m0p li:nth-child(2n) {
margin-right:0%;
}
ul.col_pc2_sp2_m2p li {
width:49%;
margin-right:2%;
float:left;
margin-bottom:20px;
}
ul.col_pc2_sp2_m2p li:nth-child(2n) {
margin-right:0%;
}
ul.col_pc2_sp2_m3p li {
width:48.5%;
margin-right:3%;
float:left;
margin-bottom:20px;
}
ul.col_pc2_sp2_m3p li:nth-child(2n) {
margin-right:0%;
}
ul.col_pc3_sp2_m3p li {
width:31.333%;
margin-right:3%;
float:left;
margin-bottom:20px;
}
ul.col_pc3_sp2_m3p li:nth-child(3n) {
margin-right:0%;
}
ul.col_pc3_sp1_m3p li {
width:31.333%;
margin-right:3%;
float:left;
margin-bottom:20px;
}
ul.col_pc3_sp1_m3p li:nth-child(3n) {
margin-right:0%;
}
ul.col_pc3_sp3_m2p li {
width:32%;
margin-right:2%;
float:left;
margin-bottom:20px;
}
ul.col_pc3_sp3_m2p li:nth-child(3n) {
margin-right:0%;
}

ul.col_pc2_sp2_m1p {
padding-top:1%;
}
ul.col_pc2_sp2_m1p li {
width:49.5%;
margin-right:1%;
float:left;
margin-bottom:1%;
}
ul.col_pc2_sp2_m1p li:nth-child(2n) {
margin-right:0%;
}

.col ul h5 {
font-size:24px;
text-align: center;
font-weight: normal;
padding-top:0.3em;
font-weight: 600;
}
.col ul h5.name {
font-size:26px;
text-align: center;
font-weight: normal;
padding-top:0.5em;
padding-bottom:0.3em;
border-bottom:solid 1px #333;
}
.col ul p.detaile {
font-size:18px;
text-align: center;
font-weight: normal;
padding-top:0.5em;
padding-bottom:0.5em;
}
.col ul h6 {
font-size:20px;
text-align: center;
font-weight: normal;
padding-top:0.3em;
}
.design03 .design03_1 {
width:49%;
margin-right:0%;
float:left;
margin-bottom:20px;
}
.design03 .design03_2 {
width:49%;
float:right;
margin-right:0%;
margin-bottom:20px;
}
@media ( max-width : 960px ) {
.col_pc2_sp1_m0 {
width:100%;
float:none;
}
ul.col_pc2_sp1_m3p li {
width:100%;
margin-right:0%;
float:none;
margin-bottom:10px;
}
ul.col_pc2_sp1_m1p li {
width:100%;
margin-right:0%;
float:none;
margin-bottom:10px;
}
ul.col_pc2_sp2_m3p li {
margin-bottom:10px;
}
ul.col_pc3_sp2_m3p li {
width:48.5%;
margin-right:3%;
float:left;
margin-bottom:10px;
}
ul.col_pc3_sp2_m3p li:nth-child(3n) {
margin-right:3%;
}
ul.col_pc3_sp2_m3p li:nth-child(2n) {
margin-right:0%;
}
ul.col_pc3_sp1_m3p li {
width:100%;
margin-right:0%;
float:none;
margin-bottom:10px;
}

.col ul h5 {
font-size:3vw;
}
.col ul h5.name {
font-size:3vw;
}
.col ul p.detaile {
font-size:1.8vw;
}
.col ul h6 {
font-size:1.6vw;
}
.design03 .design03_1 {
margin-bottom:10px;
}
.design03 .design03_2 {
margin-bottom:10px;
}
}

ul.col_pc3_sp3_m5p li {
width:30%;
margin-right:5%;
float:left;
margin-bottom:60px;
}
ul.col_pc3_sp3_m5p li:nth-child(3n) {
margin-right:0%;
}
@media ( max-width : 960px ) {
ul.col_pc3_sp3_m5p li {
margin-bottom:30px;
}
}

ul.col_pc2_sp2_m10p li {
width:45%;
margin-right:10%;
float:left;
margin-bottom:50px;
}
ul.col_pc2_sp2_m10p li:nth-child(2n) {
margin-right:0%;
}
@media ( max-width : 960px ) {
ul.col_pc2_sp2_m10p li {
margin-bottom:25px;
}
}

ul.col_pc1_sp1 li {
width:100%;
margin-right:0%;
float:none;
margin-bottom:40px;
}
@media ( max-width : 960px ) {
ul.col_pc1_sp1 li {
margin-bottom:20px;
}
}

ul.col_pc4_sp2_m3p li {
width:32.33%;
float: left;
margin-right:1%;
}
ul.col_pc4_sp2_m3p li:nth-child(4n) {
margin-right:0%;
}
@media ( max-width : 960px ) {
ul.col_pc4_sp2_m3p li {
width:48.5%;
float: left;
margin-right:3%;
margin-bottom:3%;
}
ul.col_pc4_sp2_m3p li:nth-child(2n),
ul.col_pc4_sp2_m3p li:nth-child(4n) {
margin-right:0%;
}
}

ul.col_pc4_sp2_m2p li {
width:24.2%;
float: left;
margin-right:1%;
}
ul.col_pc4_sp2_m2p li:nth-child(4n) {
margin-right:0%;
}
@media ( max-width : 960px ) {
ul.col_pc4_sp2_m2p li {
width:49%;
float: left;
margin-right:2%;
margin-bottom:2%;
}
ul.col_pc4_sp2_m2p li:nth-child(2n),
ul.col_pc4_sp2_m2p li:nth-child(4n) {
margin-right:0%;
}
}

.guide_navi {
width:100%;
max-width: 1200px;
margin:0 auto;
padding-bottom:3em;
}
.guide_navi .prev {
width:49.8%;
float:left;
}
.guide_navi .next {
width:49.8%;
float:right;
}
.guide_navi .next img,
.guide_navi .prev img {
width:100%;
height: auto;
}
/********************************************************************/
/*コンセプト*/
.concept_01 {
width:100%;
max-width:500px;
margin:0px auto;
padding:60px 0 0 0;
}
.concept_02 {
width:100%;
max-width:800px;
margin:0px auto;
padding:80px 0 60px 0;
}
@media ( max-width : 960px ) {
.concept_01 {
max-width:70%;
padding:40px 0 0 0;
}
.concept_02 {
max-width:94%;
padding:40px 0 30px 0;
}
}

/********************************************************************/
/*ポジション*/
.img_inage {
width:31.4%;
}
.img_konakadai {
width:47.3%;
}

/********************************************************************/
/*マスタープラン*/
.img_name {
font-size:48px;
text-align: right;
position: absolute;
bottom:4px;
right:10px;
color:#fff;
line-height: 1 !important;
}
.img_name span {
font-size:18px;
text-align: right;
color:#fff;
line-height: 1 !important;
width: 100%;
display: block;
padding-bottom:0.3em;
}
@media ( max-width : 960px ) {
.img_name {
font-size:6.5vw;
bottom:2px;
right:6px;
}
.img_name span {
font-size:2.8vw;
line-height: 1 !important;
width: 100%;
padding-bottom:0.3em;
}
}


.bg_green h5 {
font-size:26px;
}
@media ( max-width : 960px ) {
.bg_green h5 {
font-size:2.8vw;
}
}
h5.subtitle {
font-size:26px;
}
@media ( max-width : 960px ) {
h5.subtitle {
font-size:2.8vw;
line-height: 1.8em;
}
}

.left_block img,
.right_block img,
.right_block2 img {
width:100%;
}
.right_block {
float:right;
width:65%;
}
.right_block2 {
float:right;
width:85%;
}
.left_block {
float:left;
width:70%;
}
.right_block2_txt {
width:85%;
float:right;
}
.right_block .shadow_photo1 img {
position:absolute;
left:-25px;
bottom:-25px;
}
.left_block .shadow_photo1 img {
position:absolute;
left:25px;
bottom:-25px;
}
.shadow_photo_text {
width:65%;
float: left;
}
.img_box_right {
width:25%;
float: right;
}
.shadow_photo h5 {
font-size:28px;
padding:0.5em 0 0.5em 0;
border-bottom: solid 1px #666;
letter-spacing: 0.1em;
margin-bottom:0.5em;
margin-top:1em;
line-height:1.4;
}
.shadow_photo_text h6 {
font-size:24px;
padding:0 0 1em 0;
letter-spacing: 0.1em;
line-height:1.6;
}
.shadow_photo_text p {
font-size:16px;
line-height:1.7;
letter-spacing: 0.1em;
}

.shadow_photo1 img {
position:absolute;
left:-20px;
bottom:-20px;
}
.left_block .shadow_photo_text {
width:65%;
float: left;
padding-left:5%;
}
.left_block.shadow_photo h5 {
padding-left:5%;
}


@media ( max-width : 960px ) {
.right_block {
float:right;
width:80%;
}
.shadow_photo_text {
width:65%;
}
.img_box_right {
width:32%;
}
.right_block .shadow_photo1 img {
left:-10px;
bottom:-10px;
}
.left_block .shadow_photo1 img {
left:10px;
bottom:-10px;
}
.shadow_photo h5 {
font-size:3.6vw;
padding:0.5em 0 0.5em 0;
border-bottom: solid 1px #666;
letter-spacing: 0.1em;
margin-bottom:0.5em;
margin-top:1em;
line-height:1.4;
}
.shadow_photo_text h6 {
font-size:3vw;
padding:0 0 0.5em 0;
letter-spacing: 0.1em;
line-height:1.6;
}
.shadow_photo_text p {
font-size:2.2vw;
line-height:1.5;
letter-spacing: 0.1em;
}
.img_box_right {
padding-top:2vw;
padding-right:1vw;
}
.left_block {
float:left;
width:85%;
}
}



.block_section-nav {
width:100%;
margin:0 auto;
padding:80px 40px 0 40px;
text-align: center;
display: flex;
justify-content: space-between;
max-width: 1180px;
}
.block_section-nav .block_section-nav__btn {
width:33.33333%;
background: #1f7ebb;
color:#fff;
padding:0.8em 2em;
font-size:26px;
cursor: pointer;
/*background: linear-gradient(to bottom, #42846e, #74aa98);
border-top:solid 1px #fff;
border-left:solid 1px;
border-right:solid 1px;
border-image: linear-gradient(to bottom, #ffffff, #74aa98) 3;
border-radius: 15px 15px 0px 0px;*/
margin:0px 4px;
height:100px;
padding:0px;
}
.block_section-nav .block_section-nav__btn:nth-child(2) {
background: #b5af70;
}
.block_section-nav .block_section-nav__btn:nth-child(3) {
background: #74aa98;
}
.block_section-nav .block_section-nav__btn:nth-child(1) {
background:url("../images/common/design_select_menu_a.png") bottom center no-repeat;
text-indent: -9999px;
background-size:contain;
}
.block_section-nav .block_section-nav__btn:nth-child(2) {
background:url("../images/common/design_select_menu_b.png") bottom center no-repeat;
text-indent: -9999px;
background-size:contain;
}
.block_section-nav .block_section-nav__btn:nth-child(3) {
background:url("../images/common/design_select_menu_p.png") bottom center no-repeat;
text-indent: -9999px;
background-size:contain;
}
.block_section-nav .block_section-nav__btn:hover {
opacity: 0.7;
}
@media ( max-width : 960px ) {
.block_section-nav {
width:100%;
margin:0 auto;
padding:40px 0px 0 0px;
}
.block_section-nav .block_section-nav__btn {
padding:1em 0.5em;
font-size:14px;
margin:0px 4px;
height:50px;
padding:0px;
}
}

.block_section-navb {
width:100%;
margin:0 auto;
padding:0px 40px 0 40px;
text-align: center;
display: flex;
justify-content: space-between;
max-width: 1180px;
}
.block_section-navb .block_section-nav__btn {
width:33.33333%;
background: #1f7ebb;
color:#fff;
padding:0.8em 2em;
font-size:26px;
cursor: pointer;
/*background: linear-gradient(to bottom, #42846e, #74aa98);
border-top:solid 1px #fff;
border-left:solid 1px;
border-right:solid 1px;
border-image: linear-gradient(to bottom, #ffffff, #74aa98) 3;
border-radius: 15px 15px 0px 0px;*/
margin:0px 4px;
height:100px;
padding:0px;
}
.block_section-navb .block_section-nav__btn:nth-child(2) {
background: #b5af70;
}
.block_section-navb .block_section-nav__btn:nth-child(3) {
background: #74aa98;
}
.block_section-navb .block_section-nav__btn:nth-child(1) {
background:url("../images/common/design_select_menu_a_b.png") top center no-repeat;
text-indent: -9999px;
background-size:contain;
}
.block_section-navb .block_section-nav__btn:nth-child(2) {
background:url("../images/common/design_select_menu_b_b.png") top center no-repeat;
text-indent: -9999px;
background-size:contain;
}
.block_section-navb .block_section-nav__btn:nth-child(3) {
background:url("../images/common/design_select_menu_p_b.png") top center no-repeat;
text-indent: -9999px;
background-size:contain;
}
.block_section-navb .block_section-nav__btn:hover {
opacity: 0.7;
}
@media ( max-width : 960px ) {
.block_section-navb {
width:100%;
margin:0 auto;
padding:0px 0px 0 0px;
}
.block_section-navb .block_section-nav__btn {
padding:1em 0.5em;
font-size:14px;
margin:0px 4px;
height:50px;
padding:0px;
}
}


.block_section-nav2 {
width:100%;
margin:0 auto;
padding:80px 40px 0 40px;
text-align: center;
display: flex;
justify-content: space-between;
max-width: 1180px;
}
.block_section-nav2 .block_section-nav__btn {
width:33.33333%;
background: #1f7ebb;
color:#fff;
padding:0.8em 2em;
font-size:26px;
cursor: pointer;
/*background: linear-gradient(to bottom, #42846e, #74aa98);
border-top:solid 1px #fff;
border-left:solid 1px;
border-right:solid 1px;
border-image: linear-gradient(to bottom, #ffffff, #74aa98) 3;
border-radius: 15px 15px 0px 0px;*/
margin:0px 4px;
height:100px;
padding:0px;
}
.block_section-nav2 .block_section-nav__btn:nth-child(2) {
background: #b5af70;
}
.block_section-nav2 .block_section-nav__btn:nth-child(3) {
background: #74aa98;
}
.block_section-nav2 .block_section-nav__btn:nth-child(1) {
background:url("../images/common/design_select_menu_a.png") bottom center no-repeat;
text-indent: -9999px;
background-size:contain;
}
.block_section-nav2 .block_section-nav__btn:nth-child(2) {
background:url("../images/common/design_select_menu_b.png") bottom center no-repeat;
text-indent: -9999px;
background-size:contain;
}
.block_section-nav2 .block_section-nav__btn:nth-child(3) {
background:url("../images/common/design_select_menu_p.png") bottom center no-repeat;
text-indent: -9999px;
background-size:contain;
}
.block_section-nav2 .block_section-nav__btn:hover {
opacity: 0.7;
}
@media ( max-width : 960px ) {
.block_section-nav2 {
width:100%;
margin:0 auto;
padding:40px 0px 0 0px;
}
.block_section-nav2 .block_section-nav__btn {
padding:1em 0.5em;
font-size:14px;
margin:0px 4px;
height:50px;
padding:0px;
}
}

.block_section-nav2b {
width:100%;
margin:0 auto;
padding:0px 40px 0 40px;
text-align: center;
display: flex;
justify-content: space-between;
max-width: 1180px;
}
.block_section-nav2b .block_section-nav__btn {
width:33.33333%;
background: #1f7ebb;
color:#fff;
padding:0.8em 2em;
font-size:26px;
cursor: pointer;
/*background: linear-gradient(to bottom, #42846e, #74aa98);
border-top:solid 1px #fff;
border-left:solid 1px;
border-right:solid 1px;
border-image: linear-gradient(to bottom, #ffffff, #74aa98) 3;
border-radius: 15px 15px 0px 0px;*/
margin:0px 4px;
height:100px;
padding:0px;
}
.block_section-nav2b .block_section-nav__btn:nth-child(2) {
background: #b5af70;
}
.block_section-nav2b .block_section-nav__btn:nth-child(3) {
background: #74aa98;
}
.block_section-nav2b .block_section-nav__btn:nth-child(1) {
background:url("../images/common/design_select_menu_a_b.png") top center no-repeat;
text-indent: -9999px;
background-size:contain;
}
.block_section-nav2b .block_section-nav__btn:nth-child(2) {
background:url("../images/common/design_select_menu_b_b.png") top center no-repeat;
text-indent: -9999px;
background-size:contain;
}
.block_section-nav2b .block_section-nav__btn:nth-child(3) {
background:url("../images/common/design_select_menu_p_b.png") top center no-repeat;
text-indent: -9999px;
background-size:contain;
}
.block_section-nav2b .block_section-nav__btn:hover {
opacity: 0.7;
}
@media ( max-width : 960px ) {
.block_section-nav2b {
width:100%;
margin:0 auto;
padding:0px 0px 0 0px;
}
.block_section-nav2b .block_section-nav__btn {
padding:1em 0.5em;
font-size:14px;
margin:0px 4px;
height:50px;
padding:0px;
}
}


.block_section-nav3 {
width:100%;
margin:0 auto;
padding:40px 40px 0 40px;
text-align: center;
display: flex;
justify-content: space-between;
max-width: 1180px;
}
.block_section-nav3 .block_section-nav__btn {
width:33.33333%;
background: #1f7ebb;
color:#fff;
padding:0.8em 2em;
font-size:26px;
cursor: pointer;
/*background: linear-gradient(to bottom, #42846e, #74aa98);
border-top:solid 1px #fff;
border-left:solid 1px;
border-right:solid 1px;
border-image: linear-gradient(to bottom, #ffffff, #74aa98) 3;
border-radius: 15px 15px 0px 0px;*/
margin:0px 4px;
height:100px;
padding:0px;
}
.block_section-nav3 .block_section-nav__btn:nth-child(2) {
background: #b5af70;
}
.block_section-nav3 .block_section-nav__btn:nth-child(3) {
background: #74aa98;
}
.block_section-nav3 .block_section-nav__btn:nth-child(1) {
background:url("../images/common/design_select_menu_a.png") bottom center no-repeat;
text-indent: -9999px;
background-size:contain;
}
.block_section-nav3 .block_section-nav__btn:nth-child(2) {
background:url("../images/common/design_select_menu_b.png") bottom center no-repeat;
text-indent: -9999px;
background-size:contain;
}
.block_section-nav3 .block_section-nav__btn:nth-child(3) {
background:url("../images/common/design_select_menu_p.png") bottom center no-repeat;
text-indent: -9999px;
background-size:contain;
}
.block_section-nav3 .block_section-nav__btn:hover {
opacity: 0.7;
}
@media ( max-width : 960px ) {
.block_section-nav3 {
width:100%;
margin:0 auto;
padding:20px 0px 0 0px;
}
.block_section-nav3 .block_section-nav__btn {
padding:1em 0.5em;
font-size:14px;
margin:0px 4px;
height:50px;
padding:0px;
}
}

.block_section-nav3b {
width:100%;
margin:0 auto;
padding:0px 40px 0 40px;
text-align: center;
display: flex;
justify-content: space-between;
max-width: 1180px;
}
.block_section-nav3b .block_section-nav__btn {
width:33.33333%;
background: #1f7ebb;
color:#fff;
padding:0.8em 2em;
font-size:26px;
cursor: pointer;
/*background: linear-gradient(to bottom, #42846e, #74aa98);
border-top:solid 1px #fff;
border-left:solid 1px;
border-right:solid 1px;
border-image: linear-gradient(to bottom, #ffffff, #74aa98) 3;
border-radius: 15px 15px 0px 0px;*/
margin:0px 4px;
height:100px;
padding:0px;
}
.block_section-nav3b .block_section-nav__btn:nth-child(2) {
background: #b5af70;
}
.block_section-nav3b .block_section-nav__btn:nth-child(3) {
background: #74aa98;
}
.block_section-nav3b .block_section-nav__btn:nth-child(1) {
background:url("../images/common/design_select_menu_a_b.png") top center no-repeat;
text-indent: -9999px;
background-size:contain;
}
.block_section-nav3b .block_section-nav__btn:nth-child(2) {
background:url("../images/common/design_select_menu_b_b.png") top center no-repeat;
text-indent: -9999px;
background-size:contain;
}
.block_section-nav3b .block_section-nav__btn:nth-child(3) {
background:url("../images/common/design_select_menu_p_b.png") top center no-repeat;
text-indent: -9999px;
background-size:contain;
}
.block_section-nav3b .block_section-nav__btn:hover {
opacity: 0.7;
}
@media ( max-width : 960px ) {
.block_section-nav3b {
width:100%;
margin:0 auto;
padding:0px 0px 0 0px;
}
.block_section-nav3b .block_section-nav__btn {
padding:1em 0.5em;
font-size:14px;
margin:0px 4px;
height:50px;
padding:0px;
}
}



.block_section-nav4 {
width:100%;
margin:0 auto;
padding:40px 40px 0 40px;
text-align: center;
display: flex;
justify-content: space-between;
max-width: 800px;
}
.block_section-nav4 .block_section-nav__btn {
width:50%;
background: #1f7ebb;
color:#fff;
padding:0.8em 2em;
font-size:26px;
cursor: pointer;
margin:0px 4px;
height:100px;
padding:0px;
}
.block_section-nav4 .block_section-nav__btn:nth-child(2) {
background: #b5af70;
}
.block_section-nav4 .block_section-nav__btn:nth-child(3) {
background: #74aa98;
}
.block_section-nav4 .block_section-nav__btn:nth-child(1) {
background:url("../images/common/design_select_menu_a.png") bottom center no-repeat;
text-indent: -9999px;
background-size:contain;
}
.block_section-nav4 .block_section-nav__btn:nth-child(2) {
background:url("../images/common/design_select_menu_b.png") bottom center no-repeat;
text-indent: -9999px;
background-size:contain;
}
.block_section-nav4 .block_section-nav__btn:nth-child(3) {
background:url("../images/common/design_select_menu_p.png") bottom center no-repeat;
text-indent: -9999px;
background-size:contain;
}
.block_section-nav4 .block_section-nav__btn:hover {
opacity: 0.7;
}
@media ( max-width : 960px ) {
.block_section-nav4 {
width:100%;
margin:0 auto;
padding:20px 0px 0 0px;
max-width: 70%;
}
.block_section-nav4 .block_section-nav__btn {
padding:1em 0.5em;
font-size:14px;
margin:0px 4px;
height:50px;
padding:0px;
}
}

.block_section-nav4b {
width:100%;
margin:0 auto;
padding:0px 40px 0 40px;
text-align: center;
display: flex;
justify-content: space-between;
max-width: 800px;
}
.block_section-nav4b .block_section-nav__btn {
width:50%;
background: #1f7ebb;
color:#fff;
padding:0.8em 2em;
font-size:26px;
cursor: pointer;
/*background: linear-gradient(to bottom, #42846e, #74aa98);
border-top:solid 1px #fff;
border-left:solid 1px;
border-right:solid 1px;
border-image: linear-gradient(to bottom, #ffffff, #74aa98) 3;
border-radius: 15px 15px 0px 0px;*/
margin:0px 4px;
height:100px;
padding:0px;
}
.block_section-nav4b .block_section-nav__btn:nth-child(2) {
background: #b5af70;
}
.block_section-nav4b .block_section-nav__btn:nth-child(3) {
background: #74aa98;
}
.block_section-nav4b .block_section-nav__btn:nth-child(1) {
background:url("../images/common/design_select_menu_a_b.png") top center no-repeat;
text-indent: -9999px;
background-size:contain;
}
.block_section-nav4b .block_section-nav__btn:nth-child(2) {
background:url("../images/common/design_select_menu_b_b.png") top center no-repeat;
text-indent: -9999px;
background-size:contain;
}
.block_section-nav4b .block_section-nav__btn:nth-child(3) {
background:url("../images/common/design_select_menu_p_b.png") top center no-repeat;
text-indent: -9999px;
background-size:contain;
}
.block_section-nav4b .block_section-nav__btn:hover {
opacity: 0.7;
}
@media ( max-width : 960px ) {
.block_section-nav4b {
width:100%;
margin:0 auto;
padding:0px 0px 0 0px;
max-width: 70%;
}
.block_section-nav4b .block_section-nav__btn {
padding:1em 0.5em;
font-size:14px;
margin:0px 4px;
height:50px;
padding:0px;
}
}











/*.block_section-nav3 {
width:100%;
margin:0 auto;
padding:40px 40px 0px 40px;
text-align: center;
display: flex;
justify-content: space-between;
max-width: 1180px;
}
.block_section-nav3 .block_section-nav__btn {
width:33.33333%;
background: #1f7ebb;
color:#fff;
padding:0.8em 2em;
font-size:26px;
cursor: pointer;
height: inherit;
margin:0px 4px;
height:100px;
}
.block_section-nav3 .block_section-nav__btn:nth-child(2) {
background: #b5af70;
}
.block_section-nav3 .block_section-nav__btn:nth-child(3) {
background: #74aa98;
}
.block_section-nav3 .block_section-nav__btn:nth-child(1) {
background:url("../images/common/design_select_menu_a.png") bottom center no-repeat;
text-indent: -9999px;
background-size:contain;
}
.block_section-nav3 .block_section-nav__btn:nth-child(2) {
background:url("../images/common/design_select_menu_b.png") bottom center no-repeat;
text-indent: -9999px;
background-size:contain;
}
.block_section-nav3 .block_section-nav__btn:nth-child(3) {
background:url("../images/common/design_select_menu_p.png") bottom center no-repeat;
text-indent: -9999px;
background-size:contain;
}
.block_section-nav3 .block_section-nav__btn:hover {
opacity: 0.7;
}
@media ( max-width : 960px ) {
.block_section-nav3 {
width:100%;
margin:0 auto;
padding:20px 0px 0px 0px;
}
.block_section-nav3 .block_section-nav__btn {
padding:1em 0.5em;
font-size:12px;
position: relative;
margin:0px 4px;
height:50px;
}
}*/



.plan-slick #panel1 {
border-top:6px solid #1f7ebb;
padding-top:60px;
}
.plan-slick #panel2 {
border-top:6px solid #b5af70;
padding-top:60px;
}
.plan-slick #panel3 {
border-top:6px solid #74aa98;
padding-top:60px;
}

.plan-slick .panel1_end {
border-bottom:6px solid #1f7ebb;
}
.plan-slick .panel2_end {
border-bottom:6px solid #b5af70;
}
.plan-slick .panel3_end {
border-bottom:6px solid #74aa98;
}

@media ( max-width : 960px ) {
.plan-slick #panel1 {
padding-top:30px;
}
.plan-slick #panel2,
.plan-slick #panel3 {
padding-top:30px;
}
}

/********************************************************************/
/*デザイン*/
.design01 {
width:24%;
float:left;
}
.design02{
width:72%;
float:right;
}
.design02 p.copy2,
.design03 p.copy2 {
font-size:20px;
line-height:2;
margin-top:15px;
margin-bottom:15px;
}
p.copy3 {
font-size:15px;
line-height:2;
margin-top:15px;
margin-bottom:15px;
}
.design03 {
margin-top:-30px;
}
.design_title {
width:100%;
background: #000;
text-align: center;
padding:25px;
margin-bottom:0em;
}

@media ( max-width : 960px ) {
.design01 {
width:30%;
float:left;
margin-bottom:5px;
}
.design02 {
width:66%;
float:right;
}
.design02 p.copy2,
.design03 p.copy2{
font-size:3.2vw;
line-height:1.9;
margin-top:1.4vw;
padding-left:0em;
padding-right:0em;
margin-bottom:1.4vw;
}
p.copy3 {
font-size:10px;
line-height:1.9;
margin-top:3px;
padding-left:0em;
padding-right:0em;
margin-bottom:0px;
}
.design02 p.copy2 {
line-height:1.7;
}
.design03 p.copy2 {
line-height:1.7;
}
p.copy3 {
line-height:1.4;
}
.design03 {
margin-top:0px;
padding-top:1.2vw;
}
.design_title {
padding:3%;
margin-bottom:1.5em;
}
}

.design04 {
padding:60px;
}
.design_logo {
width:40%;
text-align: center;
margin:0 auto 40px;
}
.design_name {
width:40%;
margin:0 0 40px;
}
.design_photo {
width:30%;
float: left;
}
.design_text {
width:60%;
float:right;
}
.design_photo2 {
margin-top:30px;
}
@media ( max-width : 960px ) {
.design04 {
padding:30px;
}
.design_logo {
width:60%;
text-align: center;
margin:0 auto 20px;
}
.design_name {
width:100%;
margin:40px 0 0px;
}
.design_photo {
width:45%;
float: left;
padding-bottom:10px;
}
.design_text {
width:45%;
float:right;
}
.design_photo2 {
margin-top:15px;
}
}


.design_detail {
display: flex;
justify-content: space-between;
align-items :flex-start;
}
.design_detail ul {
width:31%;
}
.design05 li {
width: 63%;
float: left;
}
.design05 li:nth-child(2) {
width: 33%;
float: right;
margin-top:15px;
}
.design06 li {
width: 33%;
float: left;
}
.design06 li:nth-child(2) {
width: 63%;
float: right;
margin-top:15px;
}

.design05 li {
width: 100%;
float: left;
}
.design05 li:nth-child(2) {
width: 100%;
float: right;
}
.design06 li {
width: 100%;
float: left;
}
.design06 li:nth-child(2) {
width: 100%;
float: right;
}



@media ( max-width : 960px ) {
.design_detail {
display: block;
justify-content: space-between;
align-items :flex-start;
}
.design_detail ul {
width:100%;
}
.design05 li {
width: 43%;
float: right;
}
.design05 li:nth-child(2) {
width: 53%;
float: left;
margin-top:0px;
}
.design06 li {
width: 43%;
float: left;
margin-top:20px;
margin-bottom:20px;
}
.design06 li:nth-child(2) {
width: 53%;
float: right;
}
}
.top_banner ul.design05 li {
height:inherit;
width: 43%;
float: right;
}
.top_banner ul.design05 li:nth-child(2) {
height:inherit;
width: 53%;
float: left;
}
.top_banner ul.design06 li {
height:inherit;
width: 53%;
float: right;
}
.top_banner ul.design06 li:nth-child(2) {
height:inherit;
width: 43%;
float: left;
}

.bg_airy_marks .ico_new {
width:16%;
top:-70px;
right:15%;
position: absolute;
}
@media ( max-width : 960px ) {
.bg_airy_marks .ico_new {
width:15%;
top:-20px;
right:12%;
}
}

.ico_new2 {
width:12%;
top:-20px;
left:20%;
position: absolute;
z-index: 2;
}
@media ( max-width : 960px ) {
.ico_new2 {
width:15%;
top:-10px;
right:12%;
}
}

.design_07 {
display: flex;
justify-content: space-between;
}
.design_07_01 {
width:58%;
}
.design_07_02 {
width:36%;
}
@media ( max-width : 960px ) {
.design_07_01 {
width:100%;
}
.design_07_02 {
width:100%;
margn-top:20px;
}
}

/********************************************************************/
/*プラン*/

.tab_contents{
width: 100%;
margin: 00px auto;
max-width: 1200px;
}
@media ( max-width : 1200px ) {
.tab_contents{
padding-left:5%;
padding-right:5%;
}
}
input[type="radio"]{
    display: none;
}
.tab_area{
    font-size: 0;
    margin: 0 auto;
}
.tab_area label{
    width:49.94%;
    margin-bottom: 1px;
    margin-right:0.12%;
    display: inline-block;
    padding: 18px 10px;
    color: #fff;
    text-align: center;
    font-size: 22px;
    cursor: pointer;
    transition: ease 0.5s opacity;
    background:#436e67;
    font-family: 'Libre Franklin', "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN","小塚明朝 Pro","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝", 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', 'メイリオ', Meiryo, serif;
}
.tab_area label:last-child {
margin-right:0%;
}
.tab_area label:hover{
    opacity: 0.8;
}
.plan .tab_area ul {
display: flex;
}
.plan .tab_area ul li a{
    width:100%;
    margin-bottom: 1px;
    margin-right:0.12%;
    display: block;
    padding: 18px 10px;
    color: #fff;
    text-align: center;
    font-size: 22px;
    cursor: pointer;
    transition: ease 0.5s opacity;
    background:#436e67;
    font-family: 'Libre Franklin', "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN","小塚明朝 Pro","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝", 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', 'メイリオ', Meiryo, serif;
}
.plan .tab_area ul li {
margin-right:0px;
margin-bottom:0px;
}
/*.panel_area{
    background: #fff;
}*/
.tab_panel{
    width: 100%;
    padding: 0;
    /*display: none;*/
}
.panel_area {
position: relative;
}
.plan .tab_area {
padding-bottom:60px;
}
.panel_area #panel2 {
margin-top:80px;
}
/*.tab_area .tab1_label{background:#436e67; color:#fff;}
.tab_area .tab2_label{background:#a0994d; color:#fff;}
#tab1:checked ~ .tab_area .tab1_label{background:#436e67; color:#fff;}
#tab1:checked ~ .panel_area #panel1{display:block;}
#tab2:checked ~ .tab_area .tab2_label{background:#a0994d; color:#fff;}
#tab2:checked ~ .panel_area #panel2{display:block;}*/

.plan .tab_area li.tab1_label a {background:#436e67; color:#fff; display:block;}
.plan .tab_area li.tab2_label a {background:#a0994d; color:#fff; display:block;}
.plan .tab_area li.tab1_label.active{opacity: 0.6;}
.plan .tab_area li.tab2_label.active{opacity: 0.6;}
.plan .tab_area li a {
display:block;
text-decoration: none;
color:#ffffff;
}
.plan .tab_area li:hover
.plan .tab_area li a:hover {
opacity: 0.6 !important;
}

.gentei_label {
font-size: 120%;
text-align: center;
margin: auto;
max-width: 485px;
width: 100%;
line-height: 1em;
padding: 10px;
padding-bottom: 15px;
background-image: radial-gradient(circle, rgba(255, 242, 58, 1), rgba(224, 162, 8, 1) 80%);
border-radius: 0 0 10px 10px;
}

.illust_label {
color: white;
font-size: 120%;
text-align: center;
margin: auto;
max-width: 485px;
width: 100%;
line-height: 1em;
padding: 10px;
padding-bottom: 15px;
background-image: linear-gradient(90deg, rgba(57, 210, 248, 1), rgba(48, 97, 96, 1));
border-radius: 0 0 10px 10px;
}

.hanbai_label {
color: white;
font-size: 120%;
text-align: center;
margin: auto;
max-width: 485px;
width: 100%;
line-height: 1em;
padding: 10px;
padding-bottom: 15px;
background-color: #9c1818;
/*background-image: linear-gradient(90deg, rgba(85, 85, 85, 1), rgba(0, 0, 0, 1));*/
/*border-radius: 0 0 10px 10px;*/
}

.next_label {
color: white;
font-size: 120%;
text-align: center;
margin: auto;
max-width: 485px;
width: 100%;
line-height: 1em;
padding: 10px;
padding-bottom: 15px;
background-image: linear-gradient(90deg, rgba(85, 85, 85, 1), rgba(0, 0, 0, 1));
/*border-radius: 0 0 10px 10px;*/
}

.parking_label {
color: white;
font-size: 120%;
text-align: center;
margin: auto;
max-width: 485px;
width: 100%;
line-height: 1em;
padding: 10px;
padding-bottom: 15px;
background-color: #2a608a;
/*background-image: linear-gradient(90deg, rgba(85, 85, 85, 1), rgba(0, 0, 0, 1));*/
/*border-radius: 0 0 10px 10px;*/
}

@media ( max-width : 960px ) {
.panel_area #panel1,
.panel_area #panel2 {
display:block;
}
.tab_panel{
    width: 100%;
    padding: 0;
    display: block;
}
.panel_area #panel2 {
margin-top:40px;
}
.plan .tab_area {
padding-bottom:30px;
}
}
.plan .tab_area ul li {
width:50%;
}
.plan ul li {
width:48.5%;
float: left;
margin-right:3%;
margin-bottom:2%;
}
.plan ul li:nth-child(2n) {
margin-right:0%;
}

@media ( max-width : 960px ) {
.plan {
padding:25px 20px 0 20px;
}
.plan ul li {
width:100%;
float: none;
margin-right:0%;
margin-bottom:3%;
}
.plan ul li:nth-child(2n) {
margin-right:0%;
}
.plan .tab_area ul li a{
    font-size: 3vw;
}
}
.slick-next{ right:5px !important; }
.slick-prev{ left:5px !important; }
.slick-arrow{ z-index:2 !important; }
.slick-prev, .slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 40px;
  height: 40px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}
.slick-prev::before, .slick-next::before {
  font-family: 'slick';
  font-size: 40px;
  line-height: 1;
  opacity: .75;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.top_banner .slick-slide li {
height:inherit;
}

/**************************\
  Basic Modal Styles
\**************************/
.modal {
  display: none;
}
.modal.is-open {
  display: block;
}
.modal {
  font-family: -apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif;
}

.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999;
}

.modal__container {
  background-color: none;
  padding: 10px;
  width:100%;
  max-height: 93vh;
  border-radius: 0px;
  overflow-y: auto;
  box-sizing: border-box;
}

.modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.modal__title {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25;
  color: #00449e;
  box-sizing: border-box;
}
.modal-button {
cursor: pointer;
}
.modal__close {
background: transparent;
border: 0;
widht:100%;
background: #333;
color:#fff;
text-align: center;
font-size: 18px;
line-height:1.6;
cursor: pointer;
max-width: 500px;
margin:0 auto;
}

.modal__header .modal__close:before {
content: "\2715";
color:#fff;
text-align: center;
font-size: 20px;
width:100%;
}

.modal__content {
margin-top: 0rem;
margin-bottom: 0rem;
line-height: 1.5;
color:#fff;
max-width: 600px;
margin-left:auto;
margin-right:auto;
/*color: rgba(0,0,0,.8);*/
}

.modal__btn {
  font-size: .875rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: .5rem;
  padding-bottom: .5rem;
  background-color: #e6e6e6;
  color: rgba(0,0,0,.8);
  border-radius: .25rem;
  border-style: none;
  border-width: 0;
  cursor: pointer;
  -webkit-appearance: button;
  text-transform: none;
  overflow: visible;
  line-height: 1.15;
  margin: 0;
  will-change: transform;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition: -webkit-transform .25s ease-out;
  transition: transform .25s ease-out;
  transition: transform .25s ease-out,-webkit-transform .25s ease-out;
}

.modal__btn:focus, .modal__btn:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.modal__btn-primary {
  background-color: #00449e;
  color: #fff;
}

.block_section-nav__btn {
position: relative;
display: block;
padding:0px;
}
.block_section-nav__btn a {
position: relative;
display: block;
height:100%;
}

.block_section-nav__btn .ico_new {
width:28%;
top:-40px;
right:10%;
position: absolute;
}
@media ( max-width : 960px ) {
.block_section-nav__btn .ico_new {
width:40%;
top:-15px;
right:10%;
}
}

/**************************\
  Demo Animation Style
\**************************/
@keyframes mmfadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}

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

@keyframes mmslideIn {
  from { transform: translateY(15%); }
    to { transform: translateY(0); }
}

@keyframes mmslideOut {
    from { transform: translateY(0); }
    to { transform: translateY(-10%); }
}

.micromodal-slide {
  display: none;
}

.micromodal-slide.is-open {
  display: block;
}

.micromodal-slide[aria-hidden="false"] .modal__overlay {
  animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="false"] .modal__container {
  animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__overlay {
  animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal__container {
  animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
  will-change: transform;
}


.plan_title {
  position: relative;
  color:#333;
  text-align: center;
  padding: 0 1em;
}
.plan_title:before,
.plan_title:after {
  position: absolute;
  content: '';
  top: 50%;
  width: 38%;
  height: 2px;
  background: linear-gradient(90deg, transparent, #333 5%, #333 30%, transparent);
}
.plan_title:before {
  left:0;
  transform: rotate(180deg);
}
.plan_title:after {
  right: 0;
}

.plan_title2 {
  position: relative;
  color:#333;
  text-align: center;
  padding: 0 1em;
}
.plan_title2:before,
.plan_title2:after {
  position: absolute;
  content: '';
  top: 50%;
  width: 30%;
  height: 2px;
  background: linear-gradient(90deg, transparent, #333 5%, #333 30%, transparent);
}
.plan_title2:before {
  left:0;
  transform: rotate(180deg);
}
.plan_title2:after {
  right: 0;
}
@media ( max-width : 960px ) {
.plan_title2:before,
.plan_title2:after {
  width: 20%;
}
}

/********************************************************************/
/*設備・仕様*/
.equip {
width:100%;
max-width: 684px;
margin:0 auto;
}
.equip2 {
width:100%;
max-width: 1000px;
margin:0 auto;
}
.equip3 {
width:100%;
max-width: 40%;
margin:0 auto;
}
.equip_text {
padding:0 0;
width:90%;
margin:0 auto;
}
@media ( max-width : 960px ) {
.equip {
max-width: 80%;
}
.equip_text {
padding:0 0;
width:90%;
}
.equip3 {
width:100%;
max-width: 50%;
margin:0 auto;
}
}

.equip ul h5,
.equip2 ul h5,
.equip3 ul h5 {
  font-size: 26px;
  text-align: center;
  font-weight: normal;
  padding-top: 0.0em;
  font-weight: 600;
  margin-bottom:0.3em;
}
.equip2 ul h5,
.equip3 ul h5 {
  font-size: 21px;
  text-align: center;
  font-weight: normal;
  padding-top: 0.5em;
  font-weight: 600;
  margin-bottom:0.3em;
}
@media (max-width: 960px) {
.equip ul h5 {
  font-size: 3.5vw;
}
.equip2 ul h5,
.equip3 ul h5 {
  font-size: 2.6vw;
}
}

.equip_box h4 {
background:#666;
margin-top:0;
margi-bottom:0;
padding-bottom:0.5em;
padding-top:0.5em;
margin-bottom:0;
font-size:32px;
}
@media (max-width: 960px) {
.equip_box h4 {
background:#666;
margin-top:0;
margi-bottom:0;
padding-bottom:0.5em;
padding-top:0.5em;
margin-bottom:0;
font-size:3vw;
}
}
.equip_navi ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.equip_navi li {
width:15.5%;
}
.equip_navi li img {
width:100%;
}
.equip_navi li.active {
opacity: 0.5;
}
@media (max-width: 1200px) {
.equip_navi ul {
margin-left:40px;
margin-right:40px;
}
}
@media (max-width: 900px) {
.equip_navi ul {
margin-left:0px;
margin-right:0px;
}
.equip_navi li {
width:32%;
margin-bottom:10px;
}
}

/*.equip_navi2 {
margin-top:-50px;
}*/
.equip_navi2 ul {
display: flex;
flex-flow: wrap;
justify-content: space-between;
}
.equip_navi2 li {
/*flex: 0 0 13.5%;*/
flex: 0 0 15.5%;
}
.equip_navi2 li img {
width:100%;
}
.equip_navi2 li.active {
opacity: 0.5;
}

@media (max-width: 1200px) {
.equip_navi2 ul {
margin-left:40px;
margin-right:40px;
}
}
@media (max-width: 900px) {
/*.equip_navi2 {
margin-top:-10px;
}*/
.equip_navi2 ul {
margin-left:0px;
margin-right:0px;
}
.equip_navi2 li {
/*flex: 0 0 24%;*/
flex: 0 0 32%;
margin-bottom:4px;
}
/*.equip_navi2 li:nth-child(5),
.equip_navi2 li:nth-child(6),
.equip_navi2 li:nth-child(7) {
margin-left: auto;
margin-right: auto;
}*/

.equip_navi2 li:nth-child(7) {
margin-left: 0;
margin-right: 25.4%;
}
}

ul.flex_pc3_sp2_m3p {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
position: relative;
}
ul.flex_pc3_sp2_m3p li {
width:31%;
margin-bottom:3em;
}
ul.flex_pc3_sp2_m3p::after{
content:"";
display: block;
width:31%;
}
ul.flex_pc4_sp2_m3p {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
position: relative;
}
ul.flex_pc4_sp2_m3p li {
width:23.5%;
margin-bottom:3em;
}
ul.flex_pc4_sp2_m3p::after{
content:"";
display: block;
width:23.5%;
}
ul.flex_pc2_sp2_m3p li {
width:48%;
margin-bottom:3em;
}
ul.flex_pc2_sp2_m3p::after{
content:"";
display: block;
width:48%;
}
@media (max-width: 960px) {
ul.flex_pc3_sp2_m3p li {
width:48%;
margin-bottom:2em;
}
ul.flex_pc3_sp2_m3p::after{
content:"";
display: block;
width:48%;
}
ul.flex_pc4_sp2_m3p li {
width:48%;
margin-bottom:2em;
}
ul.flex_pc4_sp2_m3p::after{
content:"";
display: block;
width:48%;
}
}

.equip4 h2 {
background:#314f42;
color:#fff;
font-size:20px;
padding:0.2em 1em 0.3em;
font-weight: 300;
letter-spacing: 0.1em;
margin-bottom:60px;
}
.equip4 h2 span {
font-size:28px;
font-weight: 600;
padding-left:0.3em;
}
.equip4 ul h5 {
  font-size: 20px;
  text-align: center;
  font-weight: normal;
  padding-top: 0.4em;
  font-weight: 500;
  margin-bottom:0.2em;
  line-height:1.6;
}

.equip4 h5 span {
font-size:13px;
display:inline-block;
}
.equip4 .equip_text {
padding-top:0.5em;
padding-bottom:0.5em;
}
.equip4 .equip_text p {
font-size:16px;
line-height:1.7;
letter-spacing: 0.05em;
font-weight: 400;
}
.equip4 .equip_text p span {
font-size:13px;
display:inline-block;
}
@media (max-width: 960px) {
.equip4 h2 {
font-size:2.5vw;
margin-bottom:20px;
}
.equip4 h2 span {
font-size:3vw;
}
.equip4 ul h5 {
font-size: 3vw;
}
.equip4 ulh5 span {
font-size: 1.6vw;
line-height:1.4 !important;
}
.equip4 .equip_text p {
font-size: 2.5vw;
line-height:1.6;
}
.equip4 .equip_text p span {
font-size: 1.6vw;
line-height:1.4 !important;
}
.equip4 .equip_text {
width:96%;
}
}

/*
3列　31%　3.5%
2列　48%　4%
}*/

@media (max-width: 1200px) {
.equip4 {
padding-left:40px;
padding-right:40px;
}
}
@media (max-width: 960px) {
.equip4 {
padding-left:0px;
padding-right:0px;
}
}

.equip4_2 li:nth-child(3) {
float:right;
position: absolute;
right:0;
top:0;
}
@media (max-width: 960px) {
.equip4_3 li:nth-child(5) {
float:right;
position: absolute;
right:0;
top:0;
}
}

.equip4_5 li:nth-child(1) {
width:65.5%;
}
.equip_text_wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
position: relative;
align-items: stretch;
}
.equip_text_wrapper li:nth-child(1) {
width:45%;
margin-bottom:0;
}
.equip_text_wrapper li:nth-child(2) {
width:52%;
margin-bottom:0;
}
@media (max-width: 960px) {
.equip4_5 li:nth-child(1) {
width:100%;
}
.equip_text_wrapper li:nth-child(1) {
width:100%;
margin-bottom:0;
}
.equip_text_wrapper li:nth-child(2) {
width:70%;
margin-bottom:0;
margin:0 auto;
}
}

.equip4_6 li:nth-child(1) {
width:65.5%;
}
.equip4_6 li:nth-child(3) {
display:none;
}
@media (max-width: 960px) {
.equip4_6 li:nth-child(1) {
width:100%;
}
.equip4_6 li:nth-child(3) {
display:block;
}
}

.equip4_10 li:nth-child(16) {
width:65.5%;
}
@media (max-width: 960px) {
.equip4_10 li:nth-child(16) {
width:100%;
}
}

.equip4_11 li:nth-child(10) {
width:65.5%;
}
.equip4_11 li:nth-child(11) {
display:none;
}
@media (max-width: 960px) {
.equip4_11 li:nth-child(9) {
display:none;
}
.equip4_11 li:nth-child(10) {
width:100%;
}
.equip4_11 li:nth-child(11) {
display:block;
}
}

.equip4_12 li:nth-child(1) {
width:100%;
}
.equip4_12 li:nth-child(8) {
width:100%;
}

.equip4_13 li:nth-child(1) {
width:100%;
}
.equip4_13 li:nth-child(1) .center {
width:49%;
margin-left:auto;
margin-right:auto;
}
.equip4_13 li:nth-child(6) {
width:100%;
}
.equip4_13 li:nth-child(6) .center {
width:49%;
margin-left:auto;
margin-right:auto;
}
@media (max-width: 960px) {
.equip4_13 li:nth-child(1) .center {
width:100%;
}
.equip4_13 li:nth-child(6) .center {
width:100%;
}
}

.equip4_14 {
width:80%;
margin-left:auto;
margin-right:auto;
}
.equip4_14 li:nth-child(1) {
width:59%;
}
.equip4_14 li:nth-child(2) {
width:37%;
}

@media (max-width: 960px) {
.equip4_14 {
width:100%;
margin-left:auto;
margin-right:auto;
}
.equip4_14 li:nth-child(1) {
width:100%;
}
.equip4_14 li:nth-child(2) {
width:36%;
}
}

.equip4_15 {
width:80%;
margin-left:auto;
margin-right:auto;
}
.equip4_15 li:nth-child(1) {
width:100%;
}
.equip4_15 li:nth-child(2) {
width:36%;
}

@media (max-width: 960px) {
.equip4_15 {
width:100%;
margin-left:auto;
margin-right:auto;
}
.equip4_15 li:nth-child(1) {
width:100%;
}
.equip4_15 li:nth-child(2) {
width:36%;
}
}
.equip4_16 h5 {
color:#00743c;
text-align: center;
font-size:30px;
font-weight: 300;
line-height:1.5;
}
@media (max-width: 1200px) {
.zu {
margin-left:40px;
margin-right:40px;
}
}

@media (max-width: 900px) {
.zu {
margin-left:0px;
margin-right:0px;
}
.equip4_16 h5 {
font-size:3.5vw;
font-weight: 300;
line-height:1.5;
}
.equip4_16 .img_swipe_160p {
padding-top:30px;
}
}

/********************************************************************/
/*アクセス*/
.access_rute {
background:#f3f3f3;
padding:20px 60px 60px;
}
.access_rute h3 {
font-size:28px;
text-align: center;
border-bottom:solid 1px #333;
padding:0.5em;
margin-bottom:1em;
line-height:1.6;
}
.access_rute p {
font-size:20px;
line-height: 1.8;
text-align: center;
margin-bottom:1.5em;
}
.access_rute form {
font-size:18px;
}
.access_rute form span {
margin-right:1em;
}
.access_rute input::placeholder {
color:#999 !important;
font-size:18px;
}
.access_rute span.placeholder {
width:80%;
padding:0.5em 0.3em;
border:solid 1px #666;
font-size:18px;
display: inline-block;
background:#ffffff;
}
.access_rute input {
width:80%;
padding:0 0.3em;
border:solid 1px #666;
font-size     : 16pt !important;
line-height   : 1em;
}
.access_rute #submit {
display       : block;
font-size     : 18pt;
text-align    : center;
cursor        : pointer;
padding       : 0.8em 0.5em;
background    : #333333;
color         : #ffffff;
line-height   : 1em;
opacity       : 1;
transition    : .3s;
margin:0 auto;
}
.access_rute #submit:hover {
opacity       : 0.8;
}

@media (max-width: 960px) {
.access_rute {
padding:1vw 4vw 5vw;
}
.access_rute h3 {
font-size:4vw;
}
.access_rute p {
font-size:3vw;
}
.access_rute form {
font-size:2.8vw;
}
.access_rute span.placeholder {
font-size:3.2vw !important;
}
.access_rute input {
font-size:3.1vw !important;
padding:0.8em 0.4em;
}
.access_rute #submit {
font-size:3.2vw !important;
width:60%;
margin-top:0.5em;
}
}
/********************************************************************/
/*ロケーション*/

ul.location_photobox {
width:100%;
margin:0 auto;
max-width: 1000px;
}
ul.location_photobox li {
width:33.333%;
float: left;
}
.location_title {
width:66%;
}

.location1 {
display: table;
}
.location1 li {
float:left;
width:31.333%;
margin-right:3%;
margin-bottom:3%;
display: table-cell;
}
.location1 li:nth-child(3n) {
margin-right:0%;
}
.location2_txt {
padding-:2em 0 4em 0; 
}
.location1 h3 {
font-size:15px;
line-height: 1.5;
padding-top:0.5em;
padding-bottom:0.5em;
}
.location1 h3 span {
font-size:12px;
}
.location1 p {
font-size:15px;
line-height: 1.5;
padding-top:0.5em;
padding-bottom:0.5em;
}
.location2 {
display: table;
}
.location2 li {
float:left;
width:48%;
margin-right:4%;
margin-bottom:4%;
display: table-cell;
}
.location2 li:nth-child(2n) {
margin-right:0%;
}
.location2 h3 {
font-size:19px;
line-height: 1.5;
padding-top:0.5em;
padding-bottom:0.5em;
}
.location2 h3 span {
font-size:15px;
}
.location2 p {
font-size:15px;
line-height: 1.5;
padding-top:0em;
padding-bottom:0.5em;
}
.location2 p.location2_txt {
padding-top:1em !important;
padding-bottom:2em !important;
}

@media ( max-width : 960px ) {
ul.location_photobox li {
width:50%;
}
.sp_topnone {
padding-top:0px;
}
.location_title {
width:100%;
}

.location1 li {
float:left;
width:48%;
margin-right:4%;
margin-bottom:3%;
display: table-cell;
}
.location1 li:nth-child(3n) {
margin-right:4%;
}
.location1 li:nth-child(2n) {
margin-right:0%;
}
.location1 h3 {
font-size:2.1vw;
line-height: 1.4;
padding-top:0.5em;
padding-bottom:0.5em;
}
.location1 h3 span {
/*transform: scale(0.5);*/
font-size:1.2vw;
}
.location2 li {
float:left;
width:48%;
margin-right:4%;
margin-bottom:3%;
display: table-cell;
}
.location2 li {
float:left;
width:100%;
margin-right:0%;
margin-bottom:3%;
display: table-cell;
}
/*.location2 li:nth-child(2) {
margin-right:4%;
}
.location2 li:nth-child(3) {
margin-right:0%;
}
.location2 li:nth-child(4) {
margin-right:4%;
}
.location2 li:nth-child(5) {
margin-right:0%;
}
.location2 li:nth-child(8) {
margin-right:4%;
}
.location2 li:nth-child(7) {
margin-right:0%;
}*/
.location2 h3 {
font-size:2.8vw;
line-height: 1.4;
padding-top:0.5em;
padding-bottom:0.5em;
}
.location2 h3 span {
/*transform: scale(0.5);*/
font-size:1.2vw;
}

.location2 p {
font-size:2.2vw;
line-height: 1.4;
}
.location .equip_text {
  padding: 0 0;
  width: 100%;
}
}


.location .tab_contents{
width: 100%;
margin: 00px auto;
max-width: 1200px;
}
@media ( max-width : 1200px ) {
.location .tab_contents{
padding-left:0%;
padding-right:0%;
}
}
.location input[type="radio"]{
    display: none;
}
.location .tab_area{
    font-size: 0;
    margin: 0 auto;
}
/*.location .tab_area label {
    width:49.84%;
    margin-bottom: 1px;
    margin-right:0.12%;
    display: inline-block;
    padding: 18px 10px;
    color: #fff;
    text-align: center;
    font-size: 22px;
    cursor: pointer;
    transition: ease 0.5s opacity;
    background:#436e67;
    font-family: 'Noto Sans JP', Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.location .tab_area label:nth-child(3),
.location .tab_area label:nth-child(4) {
    width:33.18%;
    margin-bottom: 1px;
    margin-right:0.12%;
}
.location .tab_area label:nth-child(5) {
    width:33.18%;
    margin-bottom: 1px;
    margin-right:0%;
}
.location .tab_area label:last-child {
margin-right:0%;
}
.location .tab_area label:hover{
    opacity: 0.8;
}
.location .tab_panel{
    width: 100%;
    padding: 0;
    display: none;
}
.location .panel_area {
position: relative;
}
.location .tab_area .tab1_label{background:#004c66; color:#fff;}
.location .tab_area .tab2_label{background:#469887; color:#fff;}
.location .tab_area .tab3_label{background:#aa5c58; color:#fff;}
.location .tab_area .tab4_label{background:#b5b07d; color:#fff;}
.location .tab_area .tab5_label{background:#3475a2; color:#fff;}
.location #tab1:checked ~ .tab_area .tab1_label{background:#004c66; color:#fff;}
.location #tab1:checked ~ .panel_area #panel1{display:block;}
.location #tab2:checked ~ .tab_area .tab2_label{background:#469887; color:#fff;}
.location #tab2:checked ~ .panel_area #panel2{display:block;}
.location #tab3:checked ~ .tab_area .tab3_label{background:#aa5c58; color:#fff;}
.location #tab3:checked ~ .panel_area #panel3{display:block;}
.location #tab4:checked ~ .tab_area .tab4_label{background:#b5b07d; color:#fff;}
.location #tab4:checked ~ .panel_area #panel4{display:block;}
.location #tab5:checked ~ .tab_area .tab5_label{background:#3475a2; color:#fff;}
.location #tab5:checked ~ .panel_area #panel5{display:block;}
*/
.location .tab_area ul {
display:flex;
}
.location .tab_area li a {
    width:100%;
    margin-bottom: 1px;
    margin-right:0.12%;
    display: block;
    padding: 18px 10px;
    color: #fff;
    text-align: center;
    font-size: 22px;
    cursor: pointer;
    transition: ease 0.5s opacity;
    
    font-family: 'Noto Sans JP', Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.location .tab_area li.tab1_label {
width:49.95%;
margin-right:0.1%;
margin-bottom:1px;
}
.location .tab_area li.tab2_label {
width:49.95%;
margin-bottom:1px;
}
.location .tab_area li.tab3_label,
.location .tab_area li.tab4_label {
    width:33.18%;
    margin-bottom: 1px;
    margin-right:0.12%;
}
.location .tab_area li.tab5_label {
    width:33.18%;
    margin-bottom: 1px;
    margin-right:0%;
}
.location .tab_area li:last-child {
margin-right:0%;
}
.location .tab_area li:hover{
    opacity: 0.8;
}
.location .tab_panel{
    width: 100%;
    padding: 0;
    display: block;
}
.location .panel_area {
position: relative;
}
.location .tab_area .tab1_label{background:#004c66; color:#fff;}
.location .tab_area .tab2_label{background:#469887; color:#fff;}
.location .tab_area .tab3_label{background:#aa5c58; color:#fff;}
.location .tab_area .tab4_label{background:#b5b07d; color:#fff;}
.location .tab_area .tab5_label{background:#3475a2; color:#fff;}
.location .tab_area .tab1_label.active{opacity: 0.5;}
.location .tab_area .tab2_label.active{opacity: 0.5;}
.location .tab_area .tab3_label.active{opacity: 0.5;}
.location .tab_area .tab4_label.active{opacity: 0.5;}
.location .tab_area .tab5_label.active{opacity: 0.5;}

.location #panel2,
.location #panel3,
.location #panel4,
.location #panel5 {
margin-top:80px;
}
.location .tab_area li a {
color:#ffffff;
text-decoration: none;
}

@media ( max-width : 960px ) {
/*.location .panel_area #panel1,
.location .panel_area #panel2,
.location .panel_area #panel3,
.location .panel_area #panel4,
.location .panel_area #panel5 {
display:none;
}
.location .tab_panel{
    width: 100%;
    padding: 0;
    display: none;
}
.location .panel_area #panel2 {
margin-top:0px;
}
.location .tab_area label {
font-size:3vw;
}*/
.location .panel_area #panel1,
.location .panel_area #panel2,
.location .panel_area #panel3,
.location .panel_area #panel4,
.location .panel_area #panel5 {
/*display:none;*/
}
.location .tab_panel{
    width: 100%;
    padding: 0;
    /*display: none;*/
}
/*.location .panel_area #panel2 {
margin-top:0px;
}*/
.location .tab_area li {
font-size:3vw;
}
.location .tab_area li a {
font-size:3vw;
}
.location #panel2,
.location #panel3,
.location #panel4,
.location #panel5 {
margin-top:40px;
}
}

#panel1 .bg_location_panel {
background:#004c66;
}
#panel2 .bg_location_panel {
background:#469887;
}
#panel3 .bg_location_panel {
background:#aa5c58;
}
#panel4 .bg_location_panel {
background:#b5b07d;
}
#panel5 .bg_location_panel {
background:#3475a2;
}



.lifeinfo .tab_contents2 {
width: 100%;
margin: 00px auto;
max-width: 1200px;
}
@media ( max-width : 1200px ) {
.lifeinfo .tab_contents2 {
padding-left:0%;
padding-right:0%;
}
}
.lifeinfo input[type="radio"]{
    display: none;
}
.lifeinfo .tab_area2 {
    font-size: 0;
    margin: 0 auto;
}
.lifeinfo .tab_area2 label {
    width:49.84%;
    margin-bottom: 1px;
    margin-right:0.12%;
    display: inline-block;
    padding: 18px 10px;
    color: #fff;
    text-align: center;
    font-size: 22px;
    cursor: pointer;
    transition: ease 0.5s opacity;
    background:#436e67;
    font-family: 'Noto Sans JP', Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.lifeinfo .tab_area2 label:nth-child(3),
.lifeinfo .tab_area2 label:nth-child(4) {
    width:33.18%;
    margin-bottom: 1px;
    margin-right:0.12%;
}
.lifeinfo .tab_area2 label:nth-child(5) {
    width:33.18%;
    margin-bottom: 1px;
    margin-right:0%;
}
.lifeinfo .tab_area2 label:last-child {
margin-right:0%;
}
.lifeinfo .tab_area2 label:hover{
    opacity: 0.8;
}
.lifeinfo .tab_panel2 {
    width: 100%;
    padding: 0;
    display: none;
}
.lifeinfo .panel_area2 {
position: relative;
}
.lifeinfo .tab_area2 .tab1_label2{background:#eee; color:#222; border-bottom:5px solid #004c66; }
.lifeinfo .tab_area2 .tab2_label2{background:#eee; color:#222; border-bottom:5px solid #469887;}
.lifeinfo .tab_area2 .tab3_label2{background:#eee; color:#222; border-bottom:5px solid #aa5c58;}
.lifeinfo .tab_area2 .tab4_label2{background:#eee; color:#222; border-bottom:5px solid #b5b07d;}
.lifeinfo .tab_area2 .tab5_label2{background:#eee; color:#222; border-bottom:5px solid #3475a2;}
.lifeinfo #tab1i:checked ~ .tab_area2 .tab1_label2{background:#004c66; color:#fff;}
.lifeinfo #tab1i:checked ~ .panel_area2 #panel1i{display:block;}
.lifeinfo #tab2i:checked ~ .tab_area2 .tab2_label2{background:#469887; color:#fff;}
.lifeinfo #tab2i:checked ~ .panel_area2 #panel2i{display:block;}
.lifeinfo #tab3i:checked ~ .tab_area2 .tab3_label2{background:#aa5c58; color:#fff;}
.lifeinfo #tab3i:checked ~ .panel_area2 #panel3i{display:block;}
.lifeinfo #tab4i:checked ~ .tab_area2 .tab4_label2{background:#b5b07d; color:#fff;}
.lifeinfo #tab4i:checked ~ .panel_area2 #panel4i{display:block;}
.lifeinfo #tab5i:checked ~ .tab_area2 .tab5_label2{background:#3475a2; color:#fff;}
.lifeinfo #tab5i:checked ~ .panel_area2 #panel5i{display:block;}

@media ( max-width : 960px ) {
.lifeinfo .panel_area2 #panel1i,
.lifeinfo .panel_area2 #panel2i,
.lifeinfo .panel_area2 #panel3i,
.lifeinfo .panel_area2 #panel4i,
.lifeinfo .panel_area2 #panel5i {
display:none;
}
.lifeinfo .tab_panel2 {
    width: 100%;
    padding: 0;
    display: none;
}
.lifeinfo .panel_area2 #panel2i {
margin-top:0px;
}
.lifeinfo .tab_area2 label {
font-size:3vw;
}
.lifeinfo .panel_area2 {
padding:0 5vw;
}
}

#panel1i .bg_location_panel2 {
background:#004c66;
}
#panel2i .bg_location_panel2 {
background:#469887;
}
#panel3i .bg_location_panel2 {
background:#aa5c58;
}
#panel4i .bg_location_panel2 {
background:#b5b07d;
}
#panel5i .bg_location_panel2 {
background:#3475a2;
}


h5.title_small {
font-size:24px;
text-align: center;
border-bottom:solid 1px #333;
line-height:1.6;
padding-top:0.4em;
padding-bottom:0.4em;
margin-bottom:0.4em;
}
@media ( max-width : 960px ) {
h5.title_small {
font-size:3vw;
}
}







/********************************************************************/
/*設備仕様*/

.tab-wrap {
  display: flex;
  flex-wrap: wrap;
  margin:0px 0;
}

.tab-label {
width:25%;
  font-weight: bold;
  white-space: nowrap;
  text-align: center;
  padding: 0.5em;
  order: -1;
  position: relative;
  z-index: 1;
  cursor: pointer;
  flex: 1;
font-size:30px;
}
.tab-label:not(:last-of-type) {
  margin-right: 5px;
}
.tab-content {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
.tab-label {
color:#B5C4D1;
}
.tab-switch:checked+.tab-label+.tab-content {
  height:inherit;
  overflow:inherit;
  padding: 30px;
  opacity: 1;
  transition: .5s opacity;
background: #fff;
}
.tab-switch {
  display: none;
}
.tab-switch:checked+.tab-label {
    /*margin-top: -1rem;*/
    transition: margin .3s;
    align-items: center;
    display: flex;
    justify-content: center;
    color:#000;
}
.tab-label{
    border-radius: 0;
    position: relative;
}
.tab-label::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
color:#B5C4D1;
	background: #000;
    z-index: -1;
	transform: scaleY(1) perspective(1em) rotateX(0.8deg);
	transform-origin: bottom left;
}
.tab-switch:checked+.tab-label::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
color:#000;
	background: #fff;
    z-index: -1;
	transform: scaleY(1) perspective(1em) rotateX(0.8deg);
	transform-origin: bottom left;
}
@media ( max-width : 960px ) {
.tab-switch:checked+.tab-label+.tab-content {
  padding: 10px;
}
.tab-label {
font-size:20px;
}
}
.equipment_list li {
width:47%;
float:left;
margin-right:6%;
margin-bottom:6%;
}
.equipment_list li:nth-child(2n) {
margin-right:0%;
}
.quality1 {
display: table;
}
.quality1 li {
float:left;
width:31.333%;
margin-right:3%;
margin-bottom:3%;
display: table-cell;
}
.quality1 li:nth-child(3n) {
margin-right:0%;
}
.quality2_txt {
padding-:2em 0 4em 0; 
}
.quality1 h3 {
font-size:15px;
line-height: 1.5;
padding-top:0.5em;
padding-bottom:0.5em;
}
.quality1 h3 span {
font-size:12px;
}
.quality1 p {
font-size:15px;
line-height: 1.5;
padding-top:0.5em;
padding-bottom:0.5em;
}
.quality2 {
display: table;
}
.quality2 li {
float:left;
width:48.5%;
margin-right:3%;
margin-bottom:3%;
display: table-cell;
}
.quality2 li:nth-child(2n) {
margin-right:0%;
}
.quality2 h3 {
font-size:19px;
line-height: 1.5;
padding-top:0.5em;
padding-bottom:0.5em;
}
.quality2 h3 span {
font-size:15px;
}
.quality2 p {
font-size:15px;
line-height: 1.5;
padding-top:0em;
padding-bottom:0.5em;
}
.quality3 {
display: table;
}
.quality3 li {
float:left;
width:48.5%;
margin-right:3%;
margin-bottom:3%;
display: table-cell;
}
.quality3 li:first-child {
width:100%;
margin-right:0%;
}
.quality3 li:nth-child(2) {
margin-right:3%;
}
.quality3 li:nth-child(3) {
margin-right:0%;
}
.quality3 li:nth-child(4) {
margin-right:3%;
}
.quality3 li:nth-child(5) {
margin-right:0%;
}
.quality3 li:nth-child(6) {
margin-right:3%;
}
.quality3 h3 {
font-size:19px;
line-height: 1.5;
padding-top:0.5em;
padding-bottom:0.5em;
}
.quality3 h3 span {
font-size:15px;
}
.quality3 p {
font-size:15px;
line-height: 1.5;
padding-top:0em;
padding-bottom:0.5em;
}
.quality4 {
display: table;
}
.quality4 li {
float:left;
width:48.5%;
margin-right:3%;
margin-bottom:3%;
display: table-cell;
}
.quality4 li:nth-child(2n) {
margin-right:0%;
}
.quality4 h3 {
font-size:19px;
line-height: 1.5;
padding-top:0.5em;
padding-bottom:0.5em;
}
.quality4 h3 span {
font-size:15px;
}
.quality4 p {
font-size:15px;
line-height: 1.5;
padding-top:0em;
padding-bottom:0.5em;
}
.quality1 p span,
.quality2 p span,
.quality3 p span,
.quality4 p span,
.quality5 p span {
font-size:12px;
}
h3.name_blue {
background: #3f97e4;
color:#fff;
font-size:18px;
line-height: 1.5;
padding-top:0.3em;
padding-bottom:0.3em;
padding-left:0.5em;
padding-right:0.5em;
}
h3.name_green {
background: #039748;
color:#fff;
font-size:18px;
line-height: 1.5;
padding-top:0.3em;
padding-bottom:0.3em;
padding-left:0.5em;
padding-right:0.5em;
}
h3.name_yellow {
background: #ea9920;
color:#fff;
font-size:18px;
line-height: 1.5;
padding-top:0.3em;
padding-bottom:0.3em;
padding-left:0.5em;
padding-right:0.5em;
}
h3.name_purple {
background:#5417AB;
color:#fff;
font-size:18px;
line-height: 1.5;
padding-top:0.3em;
padding-bottom:0.3em;
padding-left:0.5em;
padding-right:0.5em;
}
h3.name_pink {
background:#c441b8;
color:#fff;
font-size:18px;
line-height: 1.5;
padding-top:0.3em;
padding-bottom:0.3em;
padding-left:0.5em;
padding-right:0.5em;
}
.quality4 li:nth-child(7) {
width:100%;
margin-right:0%;
}
.quality4 li:nth-child(8) {
width:100%;
margin-right:0%;
}
.quality4 .p_img {
float:right;
margin-left:2em;
margin-bottom:2em;
width:35%;
}

.quality5 {
display: table;
}
.quality5 li {
float:left;
width:48.5%;
margin-right:3%;
margin-bottom:3%;
display: table-cell;
}
.quality5 li:nth-child(2n) {
margin-right:0%;
}
.quality5 h3 {
font-size:19px;
line-height: 1.5;
padding-top:0.5em;
padding-bottom:0.5em;
}
.quality5 h3 span {
font-size:15px;
}
.quality5 p {
font-size:15px;
line-height: 1.5;
padding-top:0em;
padding-bottom:0.5em;
}

@media ( max-width : 960px ) {
.quality1 li {
float:left;
width:48%;
margin-right:4%;
margin-bottom:3%;
display: table-cell;
}
.quality1 li:nth-child(3n) {
margin-right:4%;
}
.quality1 li:nth-child(2n) {
margin-right:0%;
}
.quality1 h3 {
font-size:2.1vw;
line-height: 1.4;
padding-top:0.5em;
padding-bottom:0.5em;
}
.quality1 h3 span {
transform: scale(0.5);
}
.quality2 li {
float:left;
width:48%;
margin-right:4%;
margin-bottom:3%;
display: table-cell;
}
.quality2 li:first-child {
float:left;
width:100%;
margin-right:0%;
margin-bottom:3%;
display: table-cell;
}
.quality2 li:nth-child(2) {
margin-right:4%;
}
.quality2 li:nth-child(3) {
margin-right:0%;
}
.quality2 li:nth-child(4) {
margin-right:4%;
}
.quality2 li:nth-child(5) {
margin-right:0%;
}
.quality2 li:nth-child(8) {
margin-right:4%;
}
.quality2 li:nth-child(7) {
margin-right:0%;
}
.quality2 h3 {
font-size:2.1vw;
line-height: 1.5;
padding-top:0.5em;
padding-bottom:0.5em;
}
.quality3 li {
float:left;
width:48%;
margin-right:4%;
margin-bottom:3%;
display: table-cell;
}
.quality3 li:first-child {
float:left;
width:100%;
margin-right:0%;
margin-bottom:3%;
display: table-cell;
}
.quality3 li:nth-child(2) {
margin-right:4%;
}
.quality3 li:nth-child(3) {
margin-right:0%;
}
.quality3 li:nth-child(4) {
margin-right:4%;
}
.quality3 li:nth-child(5) {
margin-right:0%;
}
.quality3 li:nth-child(8) {
margin-right:4%;
}
.quality3 li:nth-child(7) {
margin-right:0%;
}
.quality3 h3 {
font-size:2.1vw;
line-height: 1.5;
padding-top:0.5em;
padding-bottom:0.5em;
}
h3.name_blue {
font-size:2.1vw;
line-height: 1.5;
padding-top:0.3em;
padding-bottom:0.3em;
padding-left:0.5em;
padding-right:0.5em;
}
.quality1 h3 span {
font-size:1.7vw;
}

.quality1 p,
.quality2 p,
.quality3 p,
.quality4 p,
.quality5 p {
font-size:1.9vw;
line-height: 1.5;
padding-top:0em;
padding-bottom:0.5em;
}
.quality1 p span,
.quality2 p span,
.quality3 p span,
.quality4 p span,
.quality5 p span {
font-size:1.7vw;
line-height: 1.4;
padding-top:0em;
padding-bottom:0.5em;
}

.quality4 li {
float:left;
width:48%;
margin-right:4%;
margin-bottom:3%;
display: table-cell;
}
.quality4 li:nth-child(2n) {
margin-right:0%;
}
.quality4 h3 {
font-size:2.1vw;
line-height: 1.5;
padding-top:0.5em;
padding-bottom:0.5em;
}

.quality5 li {
float:left;
width:48%;
margin-right:4%;
margin-bottom:3%;
display: table-cell;
}
.quality5 li:nth-child(2n) {
margin-right:0%;
}
.quality5 h3 {
font-size:2.1vw;
line-height: 1.5;
padding-top:0.5em;
padding-bottom:0.5em;
}

.quality1 h3 span,
.quality2 h3 span,
.quality3 h3 span,
.quality4 h3 span,
.quality5 h3 span {
font-size:1.9vw;
}
.quality1 h3 span {
font-size:1.4vw;
}
.quality4 li:nth-child(7) {
width:100%;
margin-right:0%;
}
.quality4 li:nth-child(8) {
width:100%;
margin-right:0%;
}
.quality4 .p_img {
float:right;
margin-left:1em;
margin-bottom:1em;
width:40%;
}
}

.quality6 {
background:#fff;
padding:0 25px 20px 25px;
margin-bottom:4%;
}
.title_logo {
width:45%;
margin:0 auto;
}
.quality6 li {
float:left;
width:49%;
margin-right:2%;
margin-bottom:2%;
display: table-cell;
}
.quality6 li:nth-child(2n) {
margin-right:0%;
}
@media ( max-width : 960px ) {
.quality6 {
background:#fff;
padding:0 35px 20px 35px;
}
.title_logo {
width:55%;
margin:0 auto;
}
.quality6 li {
float:none;
width:100%;
margin-right:0%;
margin-bottom:2%;
display: block;
}
}

/********************************************************************/
/*ブランド*/
/*.quality2 p {
font-size:15px;
line-height: 1.5;
padding-top:0em;
padding-bottom:0.5em;
}*/
.brand1 {
display: table;
}
.brand1 li {
float:left;
width:23.5%;
margin-right:2%;
margin-bottom:3%;
display: table-cell;
}
.brand1 li:nth-child(4n) {
margin-right:0%;
}
.brand1 h3 {
font-size:20px;
line-height: 1.5;
padding-top:0.5em;
padding-bottom:0.5em;
}
.brand1 p {
font-size:15px;
line-height: 1.5;
padding-top:0em;
padding-bottom:0.5em;
}
.brand_waku {
border:solid 12px #F3F3F3;
}
@media ( max-width : 960px ) {
.brand1 li {
float:left;
width:48%;
margin-right:4%;
margin-bottom:3%;
display: table-cell;
}
.brand1 li:nth-child(4n) {
margin-right:4%;
}
.brand1 li:nth-child(2n) {
margin-right:0%;
}
.brand1 h3 {
font-size:3vw;
line-height: 1.5;
padding-top:0.5em;
padding-bottom:0.5em;
}
.brand1 p {
font-size:2.2vw;
line-height: 1.5;
padding-top:0em;
padding-bottom:0.5em;
}
.brand_waku {
border:solid 6px #F3F3F3;
padding-left:10px;
padding-right:10px;
}
}

.brand_logo1 {
width:80%;
margin:0 auto;
}
.brand_logo2 {
width:75%;
margin:0 auto;
}
.brand_logo3 {
width:92.7%;
margin:0 auto;
}
.brand_logo4 {
width:85.7%;
margin:0 auto;
}
.brand_logo5 {
width:47%;
margin:0 auto;
}
/********************************************************************/

/********************************************************************/
/*casbee*/
.casbee_list li {
width:47%;
float:left;
margin-left:10%;
margin-right:4%;
margin-bottom:6%;
}
.casbee_list li:last-child {
margin-right:0%;
width: 30%;
}
/********************************************************************/


/*メンバー*/
#member .info {
background:#ffffff;
padding:80px 0px 20px;
width:100%;
margin:0 auto;
}
#member .info_inner {
background:#efefef;
padding:30px;
width:100%;
margin:0 auto;
max-width: 900px;
}
#member .entrylink_01 {
padding:40px 0px;
width:100%;
margin:0 auto;
text-align: center;
}
#member .entrylink_01 a {
margin:0 auto;
max-width: 397px;
}
#member .entrylink_01 a:hover {
opacity: 0.7;
}
#member .entrylink_01 a img {
padding:0px 0px;
width:100%;
margin:0 auto;
max-width: 397px;
}
#member .entry_component {
padding:0px 0px 0px;
width:100%;
margin:0 auto;
max-width:800px;
}
#member .entry_component form input {
border: 2px solid #666;
border-radius: 0;
width: 80%;
max-width: 720px;
padding: 24px 18px;
font-size: 20px;
color: #7a7a7a;
/*background:#eeeeed;*/
background:#ffffff;
}
#member .copy_01 p {
text-align: center;
font-size:22px;
line-height:2.2;
margin-bottom:1.5em;
}
@media ( max-width : 960px ) {
#member .info {
/*background:#ffffff;*/
padding:40px 15px 10px;
width:100%;
margin:0 auto;
}
#member .entrylink_01 {
padding:20px 0px;
}
#member .entrylink_01 a {
max-width: 397px;
}
#member .entrylink_01 a img {
width:100%;
}
#member .entry_component {
padding:10px 0;
width:100%;
margin:0 auto;
max-width:600px;
}
#member .entry_component form input {
padding: 20px 7px;
font-size: 12px;
max-width: none;
width: 100%;
font-size:11px;
}
#member .copy_01 p {
text-align: center;
font-size:3vw;
line-height:2.2;
margin-bottom:1.5em;
}
.entry_component .entry_02b form button {
  width: 100%;
  min-width: 90px;
  border-radius: 5px 5px 5px 5px;
}
}

#member .section1 {
padding-top:80px;
}
#member .section2 {
padding-bottom:80px;
}
#member p.contents_copy1 {
padding:40px 0;
font-size:16px;
line-height: 1.8;
}
#member p.contents_copy2 {
padding:40px 0;
font-size:14px;
line-height: 1.8;
}
h2.txt_boxtitle {
font-size:22px;
background: #166F3F;
color:#fff;
padding:0.6em 1em;
text-align: center;
}
@media ( max-width : 960px ) {
#member .entry_component {
padding:0px 0;
}
#member .section1 {
padding-top:30px;
}
#member .section2 {
padding-bottom:30px;
}
#member p.contents_copy1 {
padding:20px 0;
font-size:3vw;
line-height: 1.8;
}
#member p.contents_copy2 {
padding:20px 0;
font-size:2.2vw;
line-height: 1.8;
}
h2.txt_boxtitle {
font-size:4vw;
background: #166F3F;
color:#fff;
padding:0.6em 1em;
text-align: center;
}
}
/********************************************************************/
/*物件概要*/
#outline .main_visual {
padding-bottom:0;
}
#outline #entrylink {
padding-bottom:4em;
}
@media ( max-width : 960px ) {
#outline .main_visual {
padding-bottom:20%;
background:#8b1c48;
}
}

h2.sec_title {
font-size:200%;
text-align: center;
background:#000;
margin-bottom:2em;
padding:0.5em;
color:#ffffff;
font-weight:normal;
}
.outline_container { max-width: 1000px; width:100%; margin: 0 auto; padding-top:5em; padding-bottom:0em;}
.outline_container .headline3 { line-height: 1.5; }
.outline_container h2 {margin:0 auto;}
.out-table { transform: rotate(0.001deg); font-feature-settings: "palt"; letter-spacing: 0.025em; width: 100%; border-top: 1px solid #ccc; border-left: 1px solid #ccc; margin-top:1em; }
.out-table th, .out-table td { border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; box-sizing: border-box; font-size: 14px; line-height: 160%; padding: 12px 12px; vertical-align: top; text-align: left; }
.out-table th { background: #dfdfdf;}
.out-table td { background: #fff; }
@media screen and (max-width: 500px) { .out-table th, .out-table td { display: block; } }
.out-table th a, .out-table td a { text-decoration: none; color: #7f7600; }
.out-table th a:hover, .out-table td a:hover { opacity: 0.7; }
.out-table th { white-space: nowrap; width: 180px; }
@media screen and (max-width: 500px) { .out-table th { width: 100%; } }
.out-table .caption { font-size: 11px; }

.outNote { margin: 10px auto 40px; font-size: 14px; font-family: "游明朝","Yu Mincho","YuMincho","Hiragino Mincho ProN","Hiragino Mincho Pro","HGS明朝E","メイリオ","Meiryo","serif"; transform: rotate(0.001deg); font-feature-settings: "palt"; letter-spacing: 0.025em; }

.outinfo { font-size: 12px; line-height: 1.5; width: 90%; max-width: 860px; margin: auto; margin-top: 30px; }
.outinfo .yokoku_txt { margin-bottom: 10px; }
.outinfo .yokoku_txt p { display: inline-block; margin-right: 10px; border: 1px solid #ccc; padding: 5px 10px; font-size: 14px; background: #fff;}

.outdate { width: 90%; max-width: 860px; margin: auto; text-align: right; font-feature-settings: "palt"; letter-spacing: 0.025em; margin-top: 30px; font-size: 12px; }

@media screen and (max-width: 960px) {
h2.sec_title {
font-size:130%;
}
}
/*----------------------------------------------------
	MAP
----------------------------------------------------*/
.big_btn2 {
text-align: center;
font-size:20px;
line-height:1.6;
width:40%;
margin:0 auto;
padding-top:2em;
}
.big_btn2 a {
/*background:#388c96;*/
text-align: center;
font-size:20px;
line-height:1.6;
font-weight:500;
color:#ffffff;
text-decoration: none;
/*border-radius: 8px;
line-height:3;*/
display:block;
}
.map_btn {
    margin: 0 auto;
    padding-top: 50px;
    padding-bottom: 50px;
    width: 30%;
}
@media ( max-width : 960px ) {
.big_btn2 {
text-align: center;
font-size:3vw;
width:80%;
margin:0 auto;
max-width: 740px;
padding-top:10px;
}
.big_btn2 a {
background:#388c96;
text-align: center;
font-size:3vw;
font-weight:500;
color:#ffffff;
text-decoration: none;
border-radius: 8px;
line-height:3;
display:block;
}
.map_btn {
    padding-top: 2vw;
    padding-bottom: 4vw;
    width: 50%;
}
}
/*----------------------------------------------------
	スクロールボタン
----------------------------------------------------*/

#page_top {
bottom: 0px;
font-size: 77%;
position: fixed;
right: 10px;
z-index: 8;
display: none;
padding-bottom:10px;
}

#page_top a {
/*background: #666 none repeat scroll 0 0;*/
/*border-radius: 5px;*/
color: #fff;
display: block;
/*padding: 30px 0;*/
padding: 0px 0;
text-align: center;
text-decoration: none;
width:80px;
}
#page_top a:hover {
/*background: #999 none repeat scroll 0 0;*/
text-decoration: none;
opacity: 0.7;
}
#page_top a img {
width:100%;
}
@media ( max-width : 960px ) {
#page_top {
width: 20%;
max-width: 86px;
bottom:10%;
padding-bottom:5px;
padding-right:5px;
}
.sp_margin {
padding-bottom:13.5vw;
}
#page_top a {
width:100%;
}
}


.pc {
display:block;
}
.sp {
display:none;
}
@media ( max-width : 960px ) {
.pc {
display:none;
}
.sp {
display:block;
}
}




#modal-close {
  padding-top: 10px;
  color: #fff;
  font-size: 32px;
  font-weight: bold;
  text-decoration: none; }

.right {
  text-align: right; }

.modal-main {
  width: 600px;
  height: 200px;
  margin: 0;
  padding: 20px;
  color: #fff;
  position: fixed;
  z-index: 2000000; }

@media screen and (max-width: 767px) {
  .modal-main {
    width: 100%; } }

#modal-overlay {
  display: none;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1111; }

#member {
  /* モーダル コンテンツエリア */
  /* モーダル 背景エリア */
  /*選択されているタブのコンテンツのみを表示*/ }
  #member #look-item {
    position: relative;
    z-index: 2; }
  #member #fujiya-secret {
    margin-top: 80px;
    margin-bottom: 40px; }
  #member .ani-1 {
    position: absolute;
    z-index: 100;
    top: 0; }
  #member .ani-2 {
    position: absolute;
    z-index: 100;
    top: 0; }
  #member .animate__bounce, #member .animate__pulse {
    visibility: visible !important; }
    
    
    
  #member .modal-main {
    display: none;
    margin: 0;
    padding: 20px;
    padding-bottom: 0;
    margin-bottom: 0;
    color: #fff;
    position: fixed;
    z-index: 2000;
    width: 960px;
    height: auto; }
  #member .modal-main2 {
    display: none;
    margin: 0;
    padding: 20px;
    padding-bottom: 0;
    margin-bottom: 0;
    color: #fff;
    position: fixed;
    z-index: 2000;
    width: 500px;
    height: auto; }
  @media screen and (max-width: 768px) {
    #member .modal-main, #member .modal-main2 {
      width: 100%; } }
  #member #modal-bg {
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000; }
  #member .modelroom-iframe {
    max-width: 960px;
    margin: auto;
    margin-bottom: 0px; }
  #member .aspect-ratio {
    height: 0;
    padding-top: 56.25%;
    position: relative; }
  #member .aspect-ratio--object {
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 10; }
  #member .tabs {
    padding-top: 50px;
    max-width: 718px;
    margin: auto; }
    #member .tabs img {
      max-width: 100%; }
  #member .tab_item {
    width: calc(100%/3);
    cursor: pointer;
    height: 30px;
    text-align: center;
    display: block;
    float: left;
    margin: auto; }
  #member .tabs-bg {
    background: #fef6e6;
    padding-bottom: 40px; }
  #member .tab-sp {
    margin: 40px 0; }
    #member .tab-sp .tab-sp-bg {
      background: #fef6e6;
      padding: 20px; }
  #member .tab-title {
    padding: 0 10px; }
  #member .tab_item {
    width: 230px;
    height: 51px; }
  #member .tab_1 {
    background: url("../img/pc/fujiya_img2_tab_1_off.png"); }
  #member #tab_1:checked ~ .tab_1 {
    background: url("../img/pc/fujiya_img2_tab_1_on.png"); }
  #member .tab_2 {
    background: url("../img/pc/fujiya_img2_tab_2_off.png"); }
  #member #tab_2:checked ~ .tab_2 {
    background: url("../img/pc/fujiya_img2_tab_2_on.png"); }
  #member .tab_3 {
    background: url("../img/pc/fujiya_img2_tab_3_off.png"); }
  #member #tab_3:checked ~ .tab_3 {
    background: url("../img/pc/fujiya_img2_tab_3_on.png"); }
  #member input[name="tab_item"] {
    display: none; }
  #member .tab_content {
    display: none;
    padding: 40px 0px 0;
    clear: both;
    overflow: hidden; }
  #member #tab_1:checked ~ #tab_1_content,
  #member #tab_2:checked ~ #tab_2_content,
  #member #tab_3:checked ~ #tab_3_content,
  #member #tab_4:checked ~ #tab_4_content,
  #member #tab_5:checked ~ #tab_5_content,
  #member #tab_6:checked ~ #tab_6_content {
    display: block;
    overflow: visible; }
  #member .acd-check {
    display: none; }
  #member .acd-label {
    color: #fff;
    display: block;
    margin-bottom: 1px;
    padding: 10px; }
  #member .acd-content {
    height: 0;
    opacity: 0;
    -webkit-transition: .5s;
    transition: .5s;
    visibility: hidden;
    display: none; }
  #member .acd-check:checked + .acd-label + .acd-content {
    height: auto;
    opacity: 1;
    visibility: visible;
    display: block; }
  #member .fuwatAnime {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: fuwatAnime;
    animation-name: fuwatAnime;
    visibility: visible !important; }
  #member .leftAnime {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    visibility: visible !important; }
  #member .rightAnime {
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    visibility: visible !important; }

@keyframes fuwatAnime {
  0% {
    opacity: 0;
    -webkit-transform: translateY(40px);
    transform: translateY(40px); }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0); } }

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-300px);
    transform: translateX(-300px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-300px);
    transform: translateX(-300px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(300px);
    transform: translateX(300px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(300px);
    transform: translateX(300px); }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
    
/*----------------------------------------------------
	ページタイトル
----------------------------------------------------*/
.pagetitle {
width:100%;
margin:0 auto;
text-align: center;
font-size:26px;
padding:8px 0;
background: linear-gradient(0deg, rgba(158,129,100,1) 0%, rgba(200,166,124,1) 100%);
}
h2.pagetitle {
margin:0;
}
h2.bg_silver {
background:#88857b;
}
h2.bg_gold{
background:#b88e51;
}
h2.bg_bronze{
background:#834525;
}
@media ( max-width : 960px ) {
.pagetitle {
font-size:6vw;
padding:2vw 2vw 1vw 2vw;
background: url("../images/common/mv_bg.png");
}
}


/*----------------------------------------------------
	プラン
----------------------------------------------------*/



.plan_entry {
width: 90%;
margin: auto;
text-align: center;
background-color: white;
padding: 3%;
border-color: #CCCCCC;
}


.elevation {
width:50%;
margin:0 auto;
}
.plan_btn li {
float:left;
/*width:48%;
margin-right:4%;*/
width:100%;
margin-bottom:10px;
}
.plan_btn li:nth-child(2n) {
margin-right:0%;
}
.plan_btn ul {
width:31.333%;
/*width:48.5%;*/
float:left;
margin-right:3%;
}
/*.plan_btn ul:nth-child(2) {
margin-right:0%;
}*/
.plan_btn ul:nth-child(3) {
margin-right:0%;
}
.madori {
width:100%;
padding:60px 80px;
background: #fff;
border-radius: 15px;
margin-top:60px;
}
.shikihai{
border:solid 4px #ac8a63;
/*border-radius: 15px;*/
}
.vr {
width:100%;
height:400px;
position: relative;
margin-bottom:15px;
}
.vr_caption {
margin-bottom:50px;
}
.vr_caption p {
font-weight: 300;
font-size: 11px !important;
}
.view_body {
position:relative;
}
.view_body .view img {
    max-width: none;
    display: block;
    width: 1300px !important;
    /*height:300px;*/
}
.swipe {
width:15%;
margin:10px auto 0 auto;
}
@media ( max-width : 960px ) {
.elevation {
width:80%;
}
.plan_btn li {
float:none;
width:100%;
margin-right:0%;
margin-bottom:2%;
}
.plan_btn li:nth-child(2n) {
margin-right:0%;
}
.plan_btn ul {
width:100%;
float:none;
margin-right:0%;
padding-bottom:2%;
}


.madori {
padding:15px 20px;
border-radius: 5px;
margin-top:20px;
}
.shikihai{
border:solid 3px #ac8a63;
/*border-radius: 15px;*/
}
.vr {
height:400px;
margin-bottom:4px;
}
.vr_caption {
margin-bottom:10px;
}
.vr_caption p {
font-weight: 300;
font-size: 70% !important;
}
.swipe {
width:25%;
margin:6px auto 0 auto;
}
}

/*----------------------------------------------------
	回遊ボタン
----------------------------------------------------*/
.site_navi ul {
width:100%;
text-align: center;
}
.site_navi ul li {
float:left;
width:50%;
padding:1%;
}

/*----------------------------------------------------
	プレゼント
----------------------------------------------------*/
.shirokadomaru {
background: #fff;
border-radius: 20px;
padding:52px;
}
@media ( max-width : 960px ) {
.shirokadomaru {
border-radius: 10px;
padding:20px;
}
}

/*----------------------------------------------------
	コンセプトルーム
----------------------------------------------------*/
.ul01 li {
width:48%;
float:left;
margin-right:4%;
}
.ul01 li:last-child {
margin-right:0%;
}
.conceptroom01 {
max-width:250px;
}
.ul02 li {
width:23.5%;
float:left;
margin-right:2%;
}
.ul02 li:last-child {
margin-right:0%;
}
.ul03 li {
width:25%;
float:left;
margin-right:0%;
}
.conceptroom02 .ico {
width:15%;
float:left;
}
.conceptroom02 .text {
width:80%;
float:right;
padding-top:1em;
}
.conceptroom02s {
padding-bottom:3em;
border-bottom:solid 2px #ccc;
width:100%;
}
@media ( max-width : 960px ) {
.conceptroom01 {
max-width:50%;
}
#concept_room .contents_822 {
width:100%;
padding:0 0;
}
#concept_room2 .contents_731 {
width:100%;
padding:0 0;
}
.ul01 li {
width:49%;
margin-right:2%;
}
.ul01 li:last-child {
margin-right:0%;
}
.ul02 li {
width:48%;
float:left;
margin-right:4%;
}
.ul02 li:nth-child(2n) {
margin-right:0%;
}
.ul02 li:nth-child(1),
.ul02 li:nth-child(2) {
margin-bottom:4vw;
}
.conceptroom02 .ico {
width:20%;
float:left;
}
.conceptroom02 .text {
width:75%;
float:right;
padding-top:0em;
}
.conceptroom02s {
padding-bottom:1.5em;
border-bottom:solid 1px #ccc;
}
.ul03 li {
width:50%;
margin-right:0%;
}
}
















.tab-wrap2 {
	/*background: White;*/
	/*box-shadow: 0 0 5px rgba(0,0,0,.1);*/
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
	padding: 0 0 20px;
}

.tab-label2 {
	cursor: pointer;
	flex: 1;
	font-weight: bold;
	order: -1;
	padding: 12px 6px;
	position: relative;
	text-align: center;
	transition: cubic-bezier(0.4, 0, 0.2, 1) .2s;
	user-select: none;
	white-space: nowrap;
	-webkit-tap-highlight-color: transparent;
	font-size:120%;
}
.tab-label2 span {
  font-size: 70%;
}
.tab-label2:hover {
	background: rgba(0, 0, 0,.1);
}

.tab-switch2:checked + .tab-label2 {
	color: #fff2f2;
	background: #b40e58;
}

.tab-label2::after {
	/*background: #e35366;*/
	bottom: 0;
	content: '';
	display: block;
	height: 3px;
	left: 0;
	opacity: 1;
	pointer-events: none;
	position: absolute;
	/*transform: translateX(100%);*/
	transition: cubic-bezier(0.4, 0, 0.2, 1) .2s 80ms;
	width: 100%;
	z-index: 1;
	background: #b40e58;
	transform: translateX(0);
}

.tab-switch2:checked ~ .tab-label2::after {
	/*transform: translateX(-100%);*/
	opacity: 1;
	transform: translateX(0);
	background: #b40e58;
}

.tab-switch2:checked + .tab-label2::after {
	opacity: 1;
	transform: translateX(0);
	background: #b40e58;
}

.tab-content2 {
	height:0;
	opacity:0;
	/*padding: 0 20px;*/
    padding: 0px 0px;
	pointer-events:none;
	transform: translateX(-30%);
	transition: transform .3s 80ms, opacity .3s 80ms;
	width: 100%;
}

.tab-switch2:checked ~ .tab-content2 {
	transform: translateX(30%);
}

.tab-switch2:checked + .tab-label2 + .tab-content2 {
	height: auto;
	opacity: 1;
	order: 1;
	pointer-events:auto;
	transform: translateX(0);
}

.tab-wrap2::after {
	content: '';
	height: 20px;
	order: -1;
	width: 100%;
}

.tab-switch2 {
	display: none;
}

.madori img {max-width: 1000px !important; margin:0 auto;}
@media (max-width:670px){
.plan_title img {
width:100% !important;
float:none;
}
.plan_inner {
padding:3% 3%;
}
.plan_title {
padding-bottom:0px;
}
p.plan_caption {
font-weight:bold !important;
text-align: center;
font-size:50%;
}
p.plan_caption2 {
font-weight:bold !important;
text-align: center;
font-size:120%;
}
.tab-label2 {
font-size:2vw;
}
.tab-label2 span {
font-size:1.1vw;
}
}

/* プランページ改修 */
hr.separator {
margin-bottom:60px;
padding-top:60px;
border:none;
border-top:solid 0px #fff;
border-left:solid 0px #fff;
border-right:solid 0px #fff;
border-bottom:solid 1px #333;
}
.quality4 p.pic_caption_right_wht {
position:absolute;
bottom:5px;
right:5px;
color:#fff;
margin-bottom:0px !important;
text-shadow:1px 1px 0 #333, -1px -1px 0 #333,
-1px 1px 0 #333, 1px -1px 0 #333,
0px 1px 0 #333,  0-1px 0 #333,
-1px 0 0 #333, 1px 0 0 #333;
text-align: right;
font-size:11px;
padding-bottom:0px;
}

.pic_caption_right_wht_normal {

bottom:5px;
right:5px;
color:#fff;
margin-bottom:0px !important;
text-shadow:1px 1px 0 #333, -1px -1px 0 #333,
-1px 1px 0 #333, 1px -1px 0 #333,
0px 1px 0 #333,  0-1px 0 #333,
-1px 0 0 #333, 1px 0 0 #333;
text-align: right;
font-size:11px;
padding-bottom:0px;
}
@media ( max-width : 960px ) {
.pic_caption_right_wht_normal {
font-size:1.4vw;
line-height: 1.4;
}
}
@media ( max-width : 960px ) {
.quality4 p.pic_caption_right_wht {
font-size:1.4vw;
line-height: 1.4;
}
hr.separator {
margin-bottom:25px;
padding-top:25px;
border-top:solid 0px #fff;
border-left:solid 0px #fff;
border-right:solid 0px #fff;
}
}
/* 設備ページ改修 */
.tab-content p {
height:6em;
}
.tab-content p.pic_caption_right_wht {
height:inherit;
padding-top:0px;
padding-bottom:0px;
font-size:12px;
}
@media ( max-width : 960px ) {
.tab-content p.pic_caption_right_wht {
font-size:1.9vw;
}
}


/********************************************************************/
/*限定ビューページ*/

.view_tab_contents{
width: 100%;
margin: 00px auto;
max-width: 1200px;
}
@media ( max-width : 1200px ) {
.view_tab_contents{
padding-left:5%;
padding-right:5%;
}
}
.view_tab_contents input[type="radio"]{
    display: none;
}
.view_tab_contents .tab_area{
    font-size: 0;
    margin: 0 auto;
}
.view_tab_contents .tab_area label{
    width:49.94%;
    margin-bottom: 1px;
    margin-right:0.12%;
    display: inline-block;
    padding: 18px 10px;
    color: #fff;
    text-align: center;
    font-size: 22px;
    cursor: pointer;
    transition: ease 0.5s opacity;
    background:#436e67;
    font-family: 'Libre Franklin', "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN","小塚明朝 Pro","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝", 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', 'メイリオ', Meiryo, serif;
}
.view_tab_contents .tab_area label:last-child {
margin-right:0%;
}
.view_tab_contents .tab_area label:hover{
    opacity: 0.8;
}
.view_tab_contents .tab_area ul {
display: flex;
}
.view_tab_contents .tab_area ul li a{
    width:100%;
    margin-bottom: 1px;
    margin-right:0.12%;
    display: block;
    padding: 18px 10px;
    color: #fff;
    text-align: center;
    font-size: 22px;
    cursor: pointer;
    transition: ease 0.5s opacity;
    background:#436e67;
    font-family: 'Libre Franklin', "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN","小塚明朝 Pro","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝", 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', 'メイリオ', Meiryo, serif;
}
.view_tab_contents .tab_area ul li {
margin-right:0px;
margin-bottom:0px;
}
/*.panel_area{
    background: #fff;
}*/
.view_tab_contents .tab_panel{
    width: 100%;
    padding: 0;
}
.view_tab_contents .panel_area {
position: relative;
}
.view_tab_contents .tab_area {
padding-bottom:60px;
}
.view_tab_contents .panel_area #panel2 {
margin-top:0px;
}
.view_tab_contents .tab_contents .tab_panel {
display:none;
}
.view_tab_contents .tab_area .tab1_label{background:#436e67; color:#fff;}
.view_tab_contents .tab_area .tab2_label{background:#a0994d; color:#fff;}
.view_tab_contents .tab_contents #tab1:checked ~ .tab_area .tab1_label{background:#436e67; color:#fff;}
.view_tab_contents .tab_contents #tab1:checked ~ .panel_area #panel1{display:block;}
.view_tab_contents .tab_contents #tab2:checked ~ .tab_area .tab2_label{background:#a0994d; color:#fff;}
.view_tab_contents .tab_contents #tab2:checked ~ .panel_area #panel2{display:block;}

.view_tab_contents .tab_area li.tab1_label a {background:#436e67; color:#fff; display:block;}
.view_tab_contents .tab_area li.tab2_label a {background:#a0994d; color:#fff; display:block;}
.view_tab_contents .tab_area li.tab1_label.active{opacity: 0.6;}
.view_tab_contents .tab_area li.tab2_label.active{opacity: 0.6;}
.view_tab_contents .tab_area li a {
display:block;
text-decoration: none;
color:#ffffff;
}
.view_tab_contents .tab_area li:hover
.view_tab_contents .tab_area li a:hover {
opacity: 0.6 !important;
}

@media ( max-width : 960px ) {
.view_tab_contents .panel_area #panel1,
.view_tab_contents .panel_area #panel2 {
display:none;
}
.view_tab_contents .tab_panel{
    width: 100%;
    padding: 0;
    display: block;
}
.view_tab_contents .panel_area #panel2 {
margin-top:0px;
}
.view_tab_contents .tab_area {
padding-bottom:30px;
}
}

.view_tab_contents ul li {
width:48.5%;
float: left;
margin-right:3%;
margin-bottom:2%;
}
.view_tab_contents ul li:nth-child(2n) {
margin-right:0%;
}

@media ( max-width : 960px ) {
.view_tab_contents {
padding:25px 20px 0 20px;
}
.view_tab_contents ul li {
width:100%;
float: none;
margin-right:0%;
margin-bottom:3%;
}
.view_tab_contents ul li:nth-child(2n) {
margin-right:0%;
}
.view_tab_contents .tab_area ul li a{
    font-size: 3vw;
}
}



/*タブ切り替え全体のスタイル*/
.tabs {
margin-top: 50px;
padding-bottom: 0px;
margin: 0 auto;
}

/*タブのスタイル*/
.tab_item {
width: 50%;
float: left;
margin-bottom: 1px;
display: block;
padding: 18px 10px;
color: #fff;
text-align: center;
font-size: 22px;
cursor: pointer;
transition: ease 0.5s opacity;
background:#436e67;
font-family: 'Libre Franklin', "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN","小塚明朝 Pro","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝", 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', 'メイリオ', Meiryo, serif;
transition: all 0.2s ease;
}
.ba {
background:#a0994d;
}
/*input[type=radio]:checked + .contents_1000_max .tab_item {
padding: 24px 10px;
font-size: 30px;
}*/
.tab_item:hover {
opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
display: none;
padding: 0;
clear: both;
overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#tab1:checked ~ #tab1panel,
#tab2:checked ~ #tab2panel {
display: block;
}


@media ( max-width : 960px ) {
.tab_item {
padding: 14px 10px;
font-size: 3vw;
}
}

#view1img,
#view2img,
#view3img {
display:none;
}
#view1img.act,
#view2img.act,
#view3img.act {
display:block;
}

/* VIEWページに移動 */
/*#view1 {
width:10%;
position: absolute;
bottom:4%;
right:40%;
cursor: pointer;
}
#view2 {
width:10%;
position: absolute;
bottom:33%;
left:20%;
cursor: pointer;
}
#view3 {
width:10%;
position: absolute;
bottom:12%;
right:24%;
cursor: pointer;
}
#view1 {
width:10%;
position: absolute;
bottom:69%;
right:30%;
cursor: pointer;
}
#view2 {
width:10%;
position: absolute;
bottom:27%;
left:27%;
cursor: pointer;
}
#view3 {
width:10%;
position: absolute;
bottom:62%;
right:47%;
cursor: pointer;
}*/


.tabs #view1,
.tabs #view2,
.tabs #view3 {
opacity:0.5;
}
.tabs #view1.active,
.tabs #view2.active,
.tabs #view3.active {
opacity:1;
}





/* フォント上書き */
.g_navi_wrapper li a {
  font-family: 'Open Sans', 'Noto Sans JP', 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-weight:500;
}
.g_navi_wrapper li a span {
  font-family: 'Kosugi Maru', 'Noto Sans JP', 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-weight:400;
}

.title_black_01 h2.q_gothic,
.title_white_01 h2.q_gothic {
font-family: 'Questrial', 'Noto Sans JP', Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.title_black_01 h2.small,
.title_white_01 h2.small {
font-size:36px;
font-weight: 300;
}
@media ( max-width : 960px ) {
.title_black_01 h2.small,
.title_white_01 h2.small {
font-size:3.6vw;
font-weight: 300;
}
.view .title_black_01 h3 {
max-width: 70%;
}
}



/* スクロール画像 */
.img_swipe .ico {
display:none;
}
.img_swipe_160p,
.img_swipe_160p_position,
.img_swipe_160p_position2,
.sample2,
.img_swipe_brightshikihai,
.img_swipe_200p,
.img_swipe_design01,
.img_swipe_design02 {
overflow-x: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
text-align: center;
}
.img_swipe_140p_4direction,
.img_swipe_parkshikihai,
.img_swipe_parkshikihai_limited,
.img_swipe_parkshikihai_limited2,
.img_swipe_brightshikihai_limited,
.img_swipe_airyshikihai {
overflow-x: scroll;
overflow-y: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
text-align: center;
overflow-y: auto;
}
.img_swipe_160p::-webkit-scrollbar,
.img_swipe_160p_position::-webkit-scrollbar,
.img_swipe_160p_position2::-webkit-scrollbar,
.img_swipe_140p_4direction::-webkit-scrollbar,
.sample2::-webkit-scrollbar,
.img_swipe_parkshikihai::-webkit-scrollbar,
.img_swipe_brightshikihai::-webkit-scrollbar,
.img_swipe_parkshikihai_limited::-webkit-scrollbar,
.img_swipe_parkshikihai_limited2::-webkit-scrollbar,
.img_swipe_brightshikihai_limited::-webkit-scrollbar,
.img_swipe_200p::-webkit-scrollbar,
.img_swipe_design01::-webkit-scrollbar,
.img_swipe_design02::-webkit-scrollbar,
.img_swipe_airyshikihai::-webkit-scrollbar {
display:none;
}
.img_swipe_160p img,
.img_swipe_160p_position img,
.img_swipe_160p_position2 img,
.img_swipe_140p_4direction img,
.img_swipe_parkshikihai img,
.img_swipe_brightshikihai img,
.img_swipe_parkshikihai_limited img,
.img_swipe_parkshikihai_limited2 img,
.img_swipe_brightshikihai_limited img,
.img_swipe_design01 img,
.img_swipe_design02 img,
.img_swipe_airyshikihai img {
width:100%;
margin-left:auto;
margin-right:auto;
}

#container .tab_content0 .img_swipe {
padding-top:10px;
}
@media ( max-width : 960px ) {
.img_swipe {
padding-top:30px;
}
.img_swipe .ico {
display:block;
}
#container .img_swipe .ico img {
width:70px;
position:absolute;
top:-5px;
left:0;
right:0;
margin: 0 auto;
z-index: 2;
}

#container .tab_content0 .img_swipe .ico img {
  width: 70px;
  position: absolute;
  top:auto;
  bottom:-30px;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: 2;
}
#container .tab_content0 .img_swipe {
padding-top:10px;
}

.img_swipe_160p img,
.img_swipe_160p_position img,
.img_swipe_160p_position2 img,
.img_swipe_brightshikihai img {
width:150% !important;
height:inherit;
margin-left:auto;
margin-right:auto;
}
.img_swipe_200p img {
width:200% !important;
height:inherit;
margin-left:auto;
margin-right:auto;
}
.img_swipe_140p_4direction img {
width:140% !important;
height:auto !important;
margin-left:auto;
margin-right:auto;
}
.img_swipe_parkshikihai img {
width:130% !important;
height:auto !important;
margin-left:auto;
margin-right:auto;
}
.img_swipe_parkshikihai_limited img {
width:160% !important;
height:inherit;
margin-left:auto;
margin-right:auto;
}
.img_swipe_parkshikihai_limited2 img {
width:160% !important;
height:inherit;
margin-left:auto;
margin-right:auto;
}
.img_swipe_brightshikihai_limited img {
width:160% !important;
height:inherit;
margin-left:auto;
margin-right:auto;
}
.img_swipe_design01 img {
width:160% !important;
height:inherit;
margin-left:auto;
margin-right:auto;
}
.img_swipe_design02 {
padding-top:4vw;
}
.img_swipe_design02 img {
width:120% !important;
height:inherit;
margin-left:auto;
margin-right:auto;
}
.img_swipe_airyshikihai img {
width:160% !important;
height:inherit;
margin-left:auto;
margin-right:auto;
}
}


.orien {
width:50px;
position:absolute;
right:10px;
bottom:10px;
}
.orien img {
width:100% !important;
height:auto;
}
@media ( max-width : 960px ) {
.orien {
width:45px;
right:6px;
bottom:6px;
}
}
.top_banner .plan ul li {
  height:inherit;
}

/* フッター固定ナビ */
.sp_navi_wrapper.UpMove{
  animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }
  to {
    opacity: 1;
  transform: translateY(0);
  }
}

/*　下に下がる動き　*/

.sp_navi_wrapper.DownMove{
  animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
    opacity: 1;
  transform: translateY(0);
  }
  to {
    opacity: 1;
  transform: translateY(100px);
  }
}
.sp_navi_wrapper {
  position: fixed;
  right: 0px;
  z-index: 2;
    /*はじめは非表示*/
  opacity: 0;
  transform: translateY(100px);
}

.ico_zoom {
width:7%;
position: absolute;
right:6px;
bottom:20px;
}


.park_title,
.bright_title,
.airy_title {
/*border:solid 1px #666;*/
padding:0.2em 0.3em 0.3em;
font-size:30px;
width:100%;
max-width: 1000px;
margin:0 auto;
text-align: center;
}
.park_title span {
font-family: 'Libre Franklin', "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN","小塚明朝 Pro","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝", 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', 'メイリオ', Meiryo, serif;
background:#436e67;
padding:0.1em 0.3em;
color:#fff;
}
.bright_title span {
font-family: 'Libre Franklin', "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN","小塚明朝 Pro","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝", 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', 'メイリオ', Meiryo, serif;
background:#a0994d;
padding:0.1em 0.3em;
color:#fff;
}
.airy_title span {
font-family: 'Libre Franklin', "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN","小塚明朝 Pro","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝", 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', 'メイリオ', Meiryo, serif;
background:#1f7ebb;
padding:0.1em 0.3em;
color:#fff;
}

.park_title2,
.bright_title2 {
padding:0.8em 0.8em 0.8em;
font-size:26px;
width:100%;
margin:0 auto;
text-align: center;
}
.park_title2 {
font-family: 'Libre Franklin', "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN","小塚明朝 Pro","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝", 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', 'メイリオ', Meiryo, serif;
background:#436e67;
color:#fff;
margin-top:10px;
}
.bright_title2 {
font-family: 'Libre Franklin', "Noto Serif JP", "游明朝", YuMincho, "Hiragino Mincho ProN","小塚明朝 Pro","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝", 'Helvetica Neue', Helvetica, Arial, Roboto, 'Droid Sans', 'メイリオ', Meiryo, serif;
background:#a0994d;
color:#fff;
margin-top:30px;
}
.mp4_movie {
padding-top:10px;
}
.mp4_movie video {
width:100%;
height:inherit;
}
@media ( max-width : 960px ) {
.park_title,
.bright_title,
.airy_title {
padding:0.2em 0.3em 0.3em;
font-size:3.4vw;
width:94%;
}
.park_title2,
.bright_title2 {
padding:0.8em 0.8em 0.8em;
font-size:3.4vw;
}
.park_title2 {
margin-top:5px;
}
.bright_title2 {
margin-top:15px;
}
}

.chapter_zone {
	background-color: black;
	color: white;
	padding: 2%;
	line-height: 1.4em;
	
}

.design_point img {
width:100%;
max-width: 800px;
}

/* 限定ページMVにロゴ追加 */
.mv li .mv_logo img {
  width: 300px !important;
  margin-top: 0px;
}
@media ( max-width : 960px ) {
.mv li .mv_logo img {
  width: 40% !important;
  margin-top: 0px;
}
}

.main_actinfo p.small {
font-size:16px;
line-height: 1.43em;
}
@media ( max-width : 960px ) {
.main_actinfo p.small {
font-size:2.6vw;
}
}

.plan li:hover {
opacity: 0.5;
}

.raijo_btn{
width: 100%;
padding: 0 30%;
margin-top: 2%;
background-color: #c61e57;
}
@media ( max-width : 960px ) {
.raijo_btn{
width: 90%;
margin: auto;
margin-top: 2%;
padding: 0 5%;
background-color: #c61e57;
}
}
.raijo_info{

width: 100%;
padding: 2% 5%;
font-weight: 600;
line-height: 1.5em;
text-align: center;
font-size: 2.4em;
}
@media ( max-width : 960px ) {
.raijo_info{

width: 100%;
padding: 2% 5%;

text-align: center;
font-size: 1.5em;
}
}

.link_btn {
width: 100%;
padding: 0 30px;
margin:30px auto 0px;
background-color: #c61e57;
text-align: center;
font-size:24px;
color:#fff;
max-width: 400px;
}
.link_btn a {
color:#fff;
text-decoration: none;
line-height:2;
}
.link_btn a span {
font-size:18px;
}
.link_btn:hover {
opacity: 0.5;
}
@media ( max-width : 960px ) {
.link_btn {
width: 100%;
padding: 0 20px;
margin:15px auto 0px;
font-size:3vw;
max-width: 80%;
}
.link_btn a span {
font-size:2vw;
}
}
.equip_caution {
background:#F9DECB;
border:solid 3px #CD7234;
padding:30px;
width:100%;
max-width: 600px;
margin:30px auto 15px;
text-align: center;
}
.equip_caution p {
font-size:17px;
line-height: 1.6;
}
@media ( max-width : 960px ) {
.equip_caution {
border:solid 2px #CD7234;
padding:15px;
max-width: 80%;
margin:15px auto 7px;
text-align: center;
}
.equip_caution p {
font-size:2.5vw;
}
}


/* 20230612 */
.main_actinfo201 span.small {
font-size:30px !important;
}
@media (max-width: 960px) {
.main_actinfo201 span.small {
    font-size: 15px !important;
}
}

.copy_black2 {
font-size:20px;
line-height: 1.6;
}
@media (max-width: 960px) {
.copy_black2 {
font-size:4vw;
}
}


.remo video {
width:100%;
}

.mv li .mv_logo2 {
  width: 100% !important;
  max-width: 800px;
  margin: 0 auto;
}
.mv li .mv_logo2 img {
  width: 100% !important;
  margin-top:inherit;
  margin: 16% auto;
}
.mv li.bg_reservation {
height: 340px;
}
@media (max-width: 1024px) {
.mv li .mv_logo2 {
  max-width:70%;
}
.mv li .mv_logo2 img {
  width: 100% !important;
  margin-top:inherit;
  margin: 24% auto;
}
.mv li.bg_reservation {
height: 40vw;
}
}

.reservation_contents ul {
display: flex;
padding-bottom:100px;
justify-content:space-between;
width:100%;
max-width: 900px;
margin:0 auto;
}
.reservation_contents li {
display: flex;
flex-direction: column;
margin-top:2.5em;
width:47%;
}
@media (max-width: 1024px) {
.reservation_contents ul {
display:block;
padding-bottom:50px;
width:100%;
max-width: 900px;
margin:0 auto;
padding-left:2em;
padding-right:2em;
}
.reservation_contents li {
display:block;
flex-direction: column;
margin-top:2.5em;
width:100%;
}
}
p.reservation_txt {
font-size:16px;
line-height: 1.8;
}
@media (max-width: 1024px) {
p.reservation_txt {
font-size:2.6vw;
line-height: 1.8;
}
}

/********************************************************************/
/*ルーフバルコニーページ*/
.roof01 ul {
display: flex;
justify-content:space-between;
flex-flow: wrap;
width:100%;
}
.roof01 ul li {
width:48%;
}
.roof01 ul li:nth-child(2) {
padding-top:40px;
}
.roof01 ul li:nth-child(3) {
padding-top:40px;
text-align: right;
}
.roof01 ul li:nth-child(4) {
margin-top:-20px;
}
.roof01 ul li:nth-child(5) {
margin-top:-20px;
}
.roof01 ul li:nth-child(6) {
padding-top:40px;
}
@media ( max-width : 960px ) {
.roof01 ul li {
width:100%;
}
.roof01 ul li:nth-child(2) {
padding-top:10px;
margin-bottom:10px;
}
.roof01 ul li:nth-child(3) {
padding-top:10px;
text-align: left;
order:4;
margin-bottom:10px;
}
.roof01 ul li:nth-child(4) {
margin-top:10px;
order:3;

}
.roof01 ul li:nth-child(5) {
margin-top:10px;
order:5;
}
.roof01 ul li:nth-child(6) {
padding-top:10px;
order:6;
}
}

.roof02 ul {
margin-bottom:60px;
}
.roof02 h5 {
font-size:32px;
margin-bottom:0.6em;
padding-top:0.5em;
}
.roof02 ul {
display: flex;
justify-content:space-between;
flex-flow: wrap;
width:100%;
background: #ebeaea;
border-radius: 1em;
padding:1.5em 2em 1.5em;
}
.roof02 ul li {
width:48%;
}
@media ( max-width : 960px ) {
.roof02 ul {
margin-bottom:20px;
}
.roof02 ul li {
width:100%;
}
.roof02 h5 {
font-size:4vw;
margin-bottom:0.6em;
padding-top:0em;
}
.roof02 ul li:nth-child(1) {
margin-bottom:15px;
}
}
.roof03 {
background:url("../images/roof_balcony/roof_00311.jpg");
background-size: cover;
background-position: center center;
margin-bottom:80px;
padding-top:100px;
padding-bottom:100px;
}
.roof03 h4 {
font-size:24px;
color: #fff;
margin-top:0px;
margin-bottom:15px;
}
.roof03 h3 {
font-size:38px;
color: #fff;
margin-bottom:0px;
}
@media ( max-width : 960px ) {
.roof03 {
background:url("../images/roof_balcony/roof_00311.jpg");
background-size: cover;
background-position: bottom right;
margin-bottom:0px;
padding-top:50px;
padding-bottom:50px;
}
.roof03 h4 {
font-size:3vw;
margin-bottom:8px;
}
.roof03 h3 {
font-size:4.1vw;
margin-bottom:0px;
}
}

.roof04 {
background:#1f7ebb;
margin-top:80px;
margin-bottom:60px;
padding-top:100px;
padding-bottom:100px;
padding-left:0px;
padding-right:0px;
}
@media ( max-width : 1400px ) {
.roof04 {
padding-left:60px;
padding-right:60px;
}
}
.roof04 h4 {
font-size:24px;
color: #fff;
margin-top:0px;
margin-bottom:15px;
}
.roof04 h3 {
font-size:38px;
color: #fff;
margin-bottom:0px;
}
.roof04 .caption_wrapper {
padding:0;
}
@media ( max-width : 960px ) {
.roof04 {
margin-bottom:30px;
margin-top:40px;
padding-top:50px;
padding-bottom:50px;
padding-left:0px;
padding-right:0px;
}
.roof04 h4 {
font-size:3vw;
margin-bottom:8px;
}
.roof04 h3 {
font-size:4.1vw;
margin-bottom:0px;
}
.roof04 .caption_wrapper {
padding:0 5vw;
}
}