@import "base.css";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500&family=Yantramanav:wght@300;400;500;700&display=swap');



/* よくある質問非表示
------------------------------------------------------------ */
#faq,
.global-faq,
.footer-faq,
.top-btn-faq{
    display: none !important;
}


/* 現地見学会非表示
------------------------------------------------------------ */
#n03,
#footer dl.sitemap02 dt:nth-child(2),
.top-btn-tk{
    display: none !important;
}


/* ポラス友の会非表示
------------------------------------------------------------ */
#n04 .overmenu-nav ul:nth-child(2) li:nth-child(2),
#footer dt.sitemap04{
/*
    display: none !important;
*/
}
@media screen and (min-width: 961px){
    #n04 .overmenu-inner .overmenu-nav ul{
        width: 100% !important;
        float: none !important;
        padding: 10px 0 40px 0;
    }
    #n04 .overmenu-inner .overmenu-nav ul li{
        width: 48%;
        float: left !important;
    }
}


/* 
------------------------------------------------------------ */
a {
	color:#3C589F;
	text-decoration:underline;
}

a img {
	/*firefox*/
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	overflow:hidden;
	box-shadow: #000 0 0 0;
	/*background-color:#ffffff;*/
}

/*画像をウインドウサイズに合わせて可変*/
img{
    vertical-align: bottom;
	max-width: 100%;
    height: auto;
    width /***/:auto;　/*IE8のみ適用*/
	-webkit-backface-visibility: hidden;
	
}


body {
	color:#434C52;
	margin:0;
	padding:0;
	font-size:15px;
	font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
	/*font-family: -apple-system, BlinkMacSystemFont , '游ゴシック体' , 'Yu Gothic', YuGothic , 'ヒラギノ角ゴ ProN' , 'Hiragino Kaku Gothic ProN' , 'メイリオ', 'Meiryo', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;*/
	/*font-family: 游明朝, 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', HGS明朝E, メイリオ, Meiryo, serif;*/
	/*font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;*/
	line-height:180%;
	background-color:#fff;
	text-align:center;
	position:relative;
    
}




.main-cover{
    width: 100%;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top:0;
    left: 0;
    z-index: 1500;
}
.scrollin .main-cover{
    width: 0%;
    animation:main_anime_on 0.6s ease alternate;
}
@keyframes main_anime_on {
    0% {
        width: 100%;
        left: 0;
    }
    30% {
        width: 100%;
        left: 0;
    }
    100% {
        width: 0%;
        left: 100%;
    }
  
}

#main-wrapper{
	position:relative;    
}

#contents-wrapper{
	position:relative;
    padding-top: 0;
    /**/
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}

.scroll-wrapper #contents-wrapper{
    padding-top: 60px;
}


/* ローダー
--------------------------------------------*/

.loader-wrap {
	position: fixed;
	display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 1;
    /**/
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}

.loader,
.loader:after {
  border-radius: 50%;
  width: 3em;
  height: 3em;
}
.loader {
  margin: 60px auto;
  font-size: 5px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(0,0,0, 0.2);
  border-right: 1.1em solid rgba(0,0,0, 0.2);
  border-bottom: 1.1em solid rgba(0,0,0, 0.2);
  border-left: 1.1em solid #000000;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
  
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}



/* フッター
------------------------------------------------------------ */

#footer{
    margin-top: 180px;
    background-color: #EEEEEE;
    padding-top: 25px;
    line-height: 140%;
    border-top: solid 1px #aaa;
}
.footer-sns{
    text-align: right;
}
.footer-sns span{
    display: inline-block;
    margin-left: 5px;
}
.footer-sns span img{
    display: block;
    padding: 15px;
    width: 20px;
}

.footer-navi-inner{
    margin-top: 25px;
}
.footer-sitemap{
    width: 595px;
    float: right;
    padding-bottom: 40px;
}
.footer-office{
    width: 360px;
    float: left;
}


.footer-contact .telbox{
    width: 296px;
    float: left;
}
.footer-contact .mailbox{
    width: 240px;
    float: right;
}

.btn-contact{
    
}
.btn-contact{
    display: block;
    text-align: center;
}
.btn-contact a{
    display: block;
    background-color: #65A899;
    border: solid #65A899 1px;
    color: #fff;
    text-decoration: none;
    padding: 0 20px;
    font-family: 'Yantramanav', sans-serif;
    font-weight: 500;
    letter-spacing: 0.15em;
    font-size: 13px;
    line-height: 100%;
    /**/
    position: relative;
    z-index: 2;
    overflow: hidden;
    
}
.btn-contact a span{
    display: block;
    background: url("../../images/arrow_r_w.png") right center no-repeat;
    background-size: 4px auto;
}
.btn-contact a i{
    font-style: normal;
    display: inline-block;
    background: url("../../images/icon_mail.png") left center no-repeat;
    background-size: 20px auto;
    padding: 20px 15px 20px 30px;
}
@media screen and (min-width: 961px){
    .btn-contact a:hover{
        background-color: #fff;
        color: #65A899;
        opacity: 1;
        filter: alpha(opacity=100);
    }
    .btn-contact a:hover span{
        display: block;
        background: url("../../images/arrow_r_g.png") right center no-repeat;
        background-size: 4px auto;
    }
    .btn-contact a:hover i{
        background: url("../../images/icon_mail_g.png") left center no-repeat;
        background-size: 20px auto;
    }

    .btn-contact a:before,
    .btn-contact a:after {
        position: absolute;
        z-index: -1;
        display: block;
        content: '';
        top: -5%;
        width: 70%;
        height: 110%;
        -webkit-transform:skew(45deg,0);
        -ms-transform:skew(45deg,0);
        transform:skew(45deg,0);
        border: solid #65A899 1px;
        /**/
        -webkit-transition: 0.4s ease-out;
           -moz-transition: 0.4s ease-out;
             -o-transition: 0.4s ease-out;
                transition: 0.4s ease-out;
    }
    .btn-contact a:before {
      right: -20%;
    }
    .btn-contact a:after {
      left: -20%;
    }
    .btn-contact a:hover:before,
    .btn-contact a:hover:after {
      width: 0;
      background-color: #fff;
    }
}


.footer-sitemap-inner{
    border-top: solid #65A899 1px;
    margin-top: 40px;
    padding-top: 10px;
    font-size: 14px;
}

.footer-sitemap-inner dl{
    width: 36%;
    float: left;
    line-height: 120%;
}
.footer-sitemap-inner dl.sitemap03{
    width: 28%;
    float: right;
}

.footer-sitemap-inner dl dt{
    margin-top: 25px;
    margin-bottom: 10px;
    font-weight: 500;
    display: block;
}
.footer-sitemap-inner dl dd{
    margin-bottom: 6px;
    padding-left: 19px;
    display: block;
    position: relative;
}
.footer-sitemap-inner dl dd:after{
    content: '';
    width: 10px;
    height: 1px;
    background-color: #434C52;
    position: absolute;
    top:0.5em;
    left: 0;
}

.footer-sitemap-inner a{
    display: block;
    color: #434C52;
    text-decoration: none;
    font-size: 14px;
}
.footer-sitemap-inner dl dd a{
    font-size: 11px;
}

@media screen and (min-width: 961px){
    .footer-sitemap-inner a:hover{
        opacity: 1;
        filter: alpha(opacity=100);
        color: #65A899;
        text-decoration: underline;
    }
}


/**/
.footer-logo strong{
    display: block;
    width: 90px;
}
.footer-logo span{
    display: block;
    font-weight: 500;
    font-size: 16px;
    margin-top: 25px;
}

.footer-office-box{
    margin-top: 25px;
    font-size: 13px;
    line-height: 140%;
}
.footer-office-box strong{
    display: block;
    font-weight: 500;
    margin-bottom: 3px;
}
.footer-office-box p{
    display: inline-block;
}
.footer-office-box .btn-map{
    display: inline-block;
    margin-left: 15px;
}
.footer-office-box .btn-map a{
    display: inline-block;
    color: #65A899;
    border-bottom: solid #65A899 1px;
    text-decoration: none;
}
.footer-office-box .btn-map a span{
    display: block;
    padding-right: 12px;
    background: url("../../images/arrow_r_g.png") right center no-repeat;
    background-size: 4px auto;
}
.footer-office-box .btn-map a:hover{

}



.footer-banner{
    background-color: #fff;
    padding: 32px 0;
}
.footer-banner-inner{
    text-align: center;
}
.footer-banner-inner span{
    display: block;
    width: 30%;
    margin: 8px 1.5%;
    float: left;
    text-align: center;
}
.footer-banner-inner a{
    display: block;
    text-align: center;
}



.footer-copy{
    background-color: #52943c;
    padding: 15px;
    text-align: center;
    color: #fff;
    line-height: 110%;
}
.footer-copy address{
    font-size: 13px;
}




/* ページトップ 
------------------------------------------------------------ */
.pagetop{
	position:fixed;
	bottom:30px;
	right:3%;
	display:none;
	z-index:1000;
}
.pagetop a{
	display: block;
	text-indent: -9999px;
	width: 60px;
	height: 60px;
	background: #fff url(../img/btn_pagetop_off.png) center center no-repeat;
	background-size: 9px auto;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.10);
    border-radius: 60px;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
}

@media screen and (min-width: 961px){
    .pagetop a:hover{
        opacity: 1;
        filter: alpha(opacity=100);
        background: #65A899 url(../img/btn_pagetop_on.png) center center no-repeat;
        background-size: 9px auto;
        box-shadow: 0px 0px 5px rgba(0,0,0,0.10);
    }
}



/* ボタン 
--------------------------------------------*/
/**/
.btn-link-more{
    display: block;
    width: 312px;
    text-align: center;
   
}
.btn-link-more a{
    display: block;
    background-color: #5aad21;
    border: solid #5aad21 1px;
        border-radius: 4px;

    color: #fff;
    text-decoration: none;
    padding: 25px 20px;
    font-family: 'Yantramanav', sans-serif;
    font-weight: 500;
    letter-spacing: 0.15em;
    font-size: 16px;
    line-height: 100%;
    /**/
    position: relative;
    z-index: 2;
    overflow: hidden;
}
.btn-link-more a span{
    display: block;
/*
    background: url("../../images/arrow_r_w.png") right center no-repeat;
*/
    background-size: 4px auto;
}
@media screen and (min-width: 961px){
    .btn-link-more a:hover{
        color: #65A899;
        background-color: #fff;
        opacity: 1;
        filter: alpha(opacity=100);
    }
    .btn-link-more a:hover span{
        display: block;
        background: url("../../images/arrow_r_g.png") right center no-repeat;
        background-size: 4px auto;
    }

    .btn-link-more a:before,
    .btn-link-more a:after {
        position: absolute;
        z-index: -1;
        display: block;
        content: '';
        top: -5%;
        width: 70%;
        height: 110%;
        -webkit-transform:skew(45deg,0);
        -ms-transform:skew(45deg,0);
        transform:skew(45deg,0);
        border: solid #65A899 1px;
        background-color: #5aad21;
        /**/
        -webkit-transition: 0.4s ease-out;
           -moz-transition: 0.4s ease-out;
             -o-transition: 0.4s ease-out;
                transition: 0.4s ease-out;
    }
    .btn-link-more a:before {
      right: -20%;
    }
    .btn-link-more a:after {
      left: -20%;
    }
    .btn-link-more a:hover:before,
    .btn-link-more a:hover:after {
      width: 0;
      background-color: #65A899;
    }
}

/**/
.btn-link-more-b{
    display: block;
    width: 312px;
    text-align: center;
}
.btn-link-more-b a{
    display: block;
    background-color: #434C52;
    border: solid #434C52 1px;
    color: #fff;
    text-decoration: none;
    padding: 25px 20px;
    font-family: 'Yantramanav', sans-serif;
    font-weight: 500;
    letter-spacing: 0.15em;
    font-size: 16px;
    line-height: 100%;
    /**/
    position: relative;
    z-index: 2;
    overflow: hidden;
}
.btn-link-more-b a span{
    display: block;
    background: url("../../images/arrow_r_w.png") right center no-repeat;
    background-size: 4px auto;
}
@media screen and (min-width: 961px){
    .btn-link-more-b a:hover{
        background-color: #fff;
        color: #65A899;
        border: solid #65A899 1px;
        opacity: 1;
        filter: alpha(opacity=100);
    }
    .btn-link-more-b a:hover span{
        display: block;
        background: url("../../images/arrow_r_g.png") right center no-repeat;
        background-size: 4px auto;
    }

    .btn-link-more-b a:before,
    .btn-link-more-b a:after {
        position: absolute;
        z-index: -1;
        display: block;
        content: '';
        top: -5%;
        width: 70%;
        height: 110%;
        -webkit-transform:skew(45deg,0);
        -ms-transform:skew(45deg,0);
        transform:skew(45deg,0);
        border: solid #434C52 1px;
        background-color: #434C52;
        /**/
        -webkit-transition: 0.4s ease-out;
           -moz-transition: 0.4s ease-out;
             -o-transition: 0.4s ease-out;
                transition: 0.4s ease-out;
    }
    .btn-link-more-b a:before {
      right: -20%;
    }
    .btn-link-more-b a:after {
      left: -20%;
    }
    .btn-link-more-b a:hover:before,
    .btn-link-more-b a:hover:after {
      width: 0;
      background-color: #434C52;
    }
}


/**/
.btn-link-arrow p,
.btn-link-arrow a{
    display: block;
    text-decoration: none;
    color: #fff;
    width: 70px;
    height: 70px;
    background:#62998d url("../../images/arrow_r_w.png") center center no-repeat;
    background-size: 4px auto;
    /**/
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}

@media screen and (min-width: 961px){
    a:hover .btn-link-arrow p,
    .btn-link-arrow a:hover{
        background:#fff url("../../images/arrow_r_g.png") center center no-repeat;
        background-size: 4px auto;
    }
}


/**/
.btn-link-read{
    text-align: right;
    line-height: 110%;
    margin-top: 15px;
}
.btn-link-read p,
.btn-link-read a{
    display: inline-block;
    text-decoration: none;
    color: #65A899;
    font-family: 'Yantramanav', sans-serif;
    font-weight: 500;
    font-size: 14px;
    
    
}
.btn-link-read p span,
.btn-link-read a span{
    display: block;
    padding: 5px 0;
    border-bottom: solid #fff 1px;
    /**/
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}
@media screen and (min-width: 961px){
    a:hover .btn-link-read p span,
    .btn-link-read a:hover span{
        border-bottom: solid #434C52 1px;
        color: #434C52;
    }
}





/* 下層ページ
------------------------------------------------------------ */
.crumb{
    background-color: #fff;
    border-bottom: solid 2px #52943c;
    padding: 0 30px;
    text-align: left;
    color: #72b14a;
}
.crumb ul li{
    list-style: none;
    display: inline-block;
    font-size: 12px;
    line-height: 120%;
/*
    background: url("../../images/arrow_r_g.png") right center no-repeat;
*/
    background-size: 4px auto;
    padding-right: 15px;
    padding-left: 8px;
    padding-top: 12px;
    padding-bottom: 12px;
    vertical-align: middle;
    font-size: 14px;
}
.crumb ul{
	position: relative;
	height: 60px;
}
.crumb ul li.charslogo{
	display: none !important;
}
.crumb ul li.poluslogo{
    background: url("../img/logo.svg") center center no-repeat;
    background-size: contain;
    width: 100px;
    height: 40px;
    padding: 0;
	position: absolute;
	left: 0;
	top: 10px;
}
.crumb ul li.bunjologo{
    background: url("../img/h_logo.png") center center no-repeat;
    background-size: contain;
    width: 240px;
    height: 60px;
    padding: 0;
	position: absolute;
	right: 0;
}
.crumb ul li a{
    text-decoration: none;
    color: #fff;
    display: inline-block;
    padding: 12px 0 12px 0px;
    
}
.crumb ul li:first-child{
    padding-left: 0;
}
.crumb ul li:first-child a{
/*
    background: url("../../images/icon_home.png") left center no-repeat;
*/
    background-size: 13px auto;
    padding-left: 20px;
}


/**/
.page-title{
    position: relative;
    z-index: 2;
}
.page-title:after{
    content:'';
    width: 100%;
    height: 90%;
    position: absolute;
    z-index: -1;
    top:0;
    left: 0;
}

.page-title-inner{
    position: relative;
    background-size: auto 100%;
}

.page-title h2{ 
    font-size: 36px;
    letter-spacing: 0.1em;
    color: #434C52;
    font-weight: 500;
    padding: 45px 0 55px 0;
    line-height: 120%;
}
.page-title h2 span{
    display: block;
    font-size: 14px;
    font-family: 'Yantramanav', sans-serif;
    font-weight: 400;
    line-height: 120%;
    margin-top: 5px;
}

/**/
.page-title.title-news:after{
    background:#F5F4F4 url("../../images/page_title_news.png") left 10px no-repeat;
}
.page-title.title-product:after{
    background:#F5F4F4 url("../../images/page_title_product.png") left 10px no-repeat;
}
.page-title.title-field_tour:after{
    background:#F5F4F4 url("../../images/page_title_field.png") left 10px no-repeat;
}
.page-title.title-guide:after{
    background:#F5F4F4 url("../../images/page_title_guide.png") left 10px no-repeat;
}
.page-title.title-land_recruitment:after{
    background:#F5F4F4 url("../../images/page_title_land.png") left 10px no-repeat;
}
.page-title.title-company:after{
    background:#F5F4F4 url("../../images/page_title_company.png") left 10px no-repeat;
}
.page-title.title-tomonokai:after{
    background:#F5F4F4 url("../../images/page_title_tomonokai.png") left 10px no-repeat;
}
.page-title.title-contact:after{
    background:#F5F4F4;
    border-bottom: solid 1px #aaa;
}
.page-title.title-request:after{
    background:#F5F4F4 url("../../images/page_title_request.png") left 10px no-repeat;
}
.page-title.title-visit:after{
    background:#F5F4F4 url("../../images/page_title_visit.png") left 10px no-repeat;
}

/**/
.page-contents-wrapp{
    position: relative;
    z-index: 5;
}



/*cms関連*/
.contents-area{
    width: 780px;
    float: left;
    margin-top: 60px;
}
.contents-side{
    width: 300px;
    float: right;
    margin-top: 60px;
}
.contents-side-inner{
    margin-bottom: 60px;
}


.contents-title h2,
.contents-title h3{
    font-size: 40px;
    font-family: 'Yantramanav', sans-serif;
    font-weight: 400;
    color: #65A899;
    line-height: 140%;
}
.contents-title h2 span,
.contents-title h3 span{
    display: block;
    line-height: 120%;
    font-size: 14px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
    color: #434C52;
    padding: 3px 0 3px 12px;
    border-left: solid #65A899 1px;
    margin-left: 0.2em;
}


.contents-area-inner{
    margin-top: 40px;
}



.contents-item{
    margin-bottom: 50px;
    line-height: 160%;
}
.contents-item a{
    display: block;
    text-decoration: none;
    color: #434C52;
    font-size: 14px;
}

.contents-item .txtbox{
    margin-top: 13px;
}

.contents-item h3,
.contents-item h4{
    font-weight: 400;
}

.contents-item .day{
    color: #666;
    margin-top: 10px;
}


@media screen and (min-width: 961px){
    .contents-item a .imgbox{
        overflow: hidden;
        
    }
    .contents-item a .txtbox,
    .contents-item a .txtbox .day,
    .contents-item a .imgbox img{
        /**/
        -webkit-transition: 0.3s ease-in-out;
           -moz-transition: 0.3s ease-in-out;
             -o-transition: 0.3s ease-in-out;
                transition: 0.3s ease-in-out;
    }
    .contents-item a:hover{
        opacity: 1;
    }
    .contents-item a:hover .imgbox img{
        transform: scale(1.1);
    }
    .contents-item a:hover .txtbox,
    .contents-item a:hover .txtbox .day{
        color: #65A899;
    }
}


.pickup-list{
    margin-top: 40px;
}
.pickup-item{
    list-style: none;
    clear: both;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: solid #EEEEEE 1px;
}
.pickup-item a{
    display: block;
    text-decoration: none;
    color: #434C52;
    line-height: 140%;
}

.pickup-item .imgbox{
    width: 100px;
    float: left;
}
.pickup-item .txtbox{
    width: 185px;
    float: right;
}

.pickup-item h3,
.pickup-item h4{
    font-weight: 400;
    font-size: 13px;
}
.pickup-item .day{
    font-size: 12px;
    color: #666;
    margin-top: 10px;
}




@media screen and (min-width: 961px){
    .pickup-item a .imgbox{
        overflow: hidden;
        
    }
    .pickup-item a .txtbox,
    .pickup-item a .txtbox .day,
    .pickup-item a .imgbox img{
        /**/
        -webkit-transition: 0.3s ease-in-out;
           -moz-transition: 0.3s ease-in-out;
             -o-transition: 0.3s ease-in-out;
                transition: 0.3s ease-in-out;
    }
    .pickup-item a:hover{
        opacity: 1;
    }
    .pickup-item a:hover .imgbox img{
        transform: scale(1.1);
    }
    .pickup-item a:hover .txtbox,
    .pickup-item a:hover .txtbox .day{
        color: #65A899;
    }
}





.tag-list{
    margin-top: 40px;
}

.tag-list ul li{
    list-style: none;
    display: inline-block;
}
.tag-list ul li a,
.tag-list ul li span{
    display: inline-block;
    font-size: 11px;
    color: #434C52;
    line-height: 120%;
    padding: 10px 12px;
    border: solid #EEEEEE 1px;
    text-decoration: none;
    margin-bottom: 4px;
    margin-left: 2px;
}



@media screen and (min-width: 961px){
    .tag-list ul li a{
        /**/
        -webkit-transition: 0.3s ease-in-out;
           -moz-transition: 0.3s ease-in-out;
             -o-transition: 0.3s ease-in-out;
                transition: 0.3s ease-in-out;
    }
    .tag-list ul li a:hover{
        opacity: 1;
        border: solid #65A899 1px;
        background-color: #65A899;
        color: #fff;
    }

}




/**/
.contents-select{
    margin-top: 40px;
}
.contents-select-inner{
    background-color: #fff;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.10);
}
.contents-select-inner ul{
    width: 730px;
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}
.contents-select-inner ul li{
    list-style: none;
    text-align: center;
    width: 25%;
    
}
.contents-select-inner ul li a{
    display: block;
    text-decoration: none;
    color: #434C52;
    font-size: 14px;
    padding: 20px 0;
    line-height: 120%;
    position: relative;
}
@media screen and (min-width: 961px){
    .contents-select-inner ul li a:hover{
        opacity: 1;
        box-shadow: 0px 0px 15px rgba(0,0,0,0.10);
        color: #65A899;
    }
    
}


.contents-select-inner ul li a:before{
    content: '';
    width: 1px;
    height: 5px;
    background-color: #65A899;
    position: absolute;
    left: 49.999%;
    bottom:-5px;
    display: none;
}
.contents-select-inner ul li a:after{
    content: '';
    width: 1px;
    height: 5px;
    background-color: #fff;
    position: absolute;
    left: 49.999%;
    bottom:0;
    display: none;
}


.page-news .contents-select-inner ul li.btn-news a{
    background-color: #65A899;
    color: #fff;
}
.page-news .contents-select-inner ul li.btn-news a:after,
.page-news .contents-select-inner ul li.btn-news a:before{
    display: block;
}
.page-architecture .contents-select-inner ul li.btn-architecture a{
    background-color: #65A899;
    color: #fff;
}
.page-architecture .contents-select-inner ul li.btn-architecture a:after,
.page-architecture .contents-select-inner ul li.btn-architecture a:before{
    display: block;
}
.page-voice .contents-select-inner ul li.btn-voice a{
    background-color: #65A899;
    color: #fff;
}
.page-voice .contents-select-inner ul li.btn-voice a:after,
.page-voice .contents-select-inner ul li.btn-voice a:before{
    display: block;
}
.page-staff .contents-select-inner ul li.btn-staff a{
    background-color: #65A899;
    color: #fff;
}
.page-staff .contents-select-inner ul li.btn-staff a:after,
.page-staff .contents-select-inner ul li.btn-staff a:before{
    display: block;
}




/**/
.contents-navi{
    clear: both;
    margin-top: 100px;
    text-align: center;
}


.pagination {
	clear:both;
	padding:20px 0;
	position:relative;
	line-height:100%;
	display:inline-block;
    font-family: 'Yantramanav', sans-serif;
    font-weight: 400;
    width: 100%;
}
.pagination .btn{
    display: inline-block;
    position: relative;
}
.pagination .btn:after{
    content: '';
    width: 88%;
    height: 1px;
    background-color: #65A899;
    position: absolute;
    left: 10px;
    top:49.999%;
    z-index: 0;
}

.pagination span, .pagination a {
    position: relative;
    z-index: 99;
    font-size: 15px;
    text-decoration: none;
    color: #65A899;
    width: 45px;
    height: 15px;
    padding: 15px 0;
    line-height: 100%;
	display:inline-block;
    vertical-align: middle;
    margin: 0 6px;
	background-size: 4px auto;
	cursor:pointer;
	border: none;
    border: solid #65A899 1px;
    background-color: #fff;
    border-radius: 60px;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
    /**/
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}
.pagination span.current{
	background: #65A899;
	color:#fff;
}

.pagination a.next{
    position: relative;
    padding-left: 50px;
    border: none !important;
    font-size: 13px;
    margin-top: 1px;
}
.pagination a.prev{
    position: relative;
    padding-right: 50px;
    border: none !important;
    font-size: 13px;
    margin-top: 1px;
}
.pagination a.next:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top:0;
    z-index: 99;
	width:45px;
	height:45px;
	background: url(../../images/arrow_r_g.png) no-repeat center center;
	background-size: 4px auto!important;
	cursor:pointer;
	border: none;
    border: solid #65A899 1px !important;
    border-radius: 60px;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
    /**/
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}
.pagination a.prev:after {
	content: '';
    display: block;
    position: absolute;
    right: 0;
    top:0;
    z-index: 99;
	width:45px;
	height:45px;
	background: url(../../images/arrow_l_g.png) no-repeat center center;
	background-size: 4px auto!important;
	cursor:pointer;
	border: none;
    border: solid #65A899 1px;
    border-radius: 60px;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
    /**/
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}

.pagination.detail-pagination{
    
}
.pagination .back-btn{
    display: inline-block;
    position: relative;
    padding-left: 15%;
    padding-right: 15%;
}
.pagination .back-btn:after{
    content: '';
    width: 33%;
    height: 1px;
    background-color: #65A899;
    position: absolute;
    left: 0;
    top:49.999%;
    z-index: 0;
}
.pagination .back-btn:before{
    content: '';
    width: 33%;
    height: 1px;
    background-color: #65A899;
    position: absolute;
    right: 0;
    top:49.999%;
    z-index: 0;
}

.pagination .back-btn .btn-back a{
     border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
    width: 90px;
    padding: 20px 0;
}



@media screen and (min-width: 961px){
    .pagination a:hover{
        opacity: 1;
        border: solid #fff 1px !important;
        box-shadow: 0px 0px 15px rgba(0,0,0,0.10);
    }
    
    .pagination a.next:hover{
        box-shadow: 0px 0px 0px rgba(0,0,0,0);
        border: none !important;
    }
    .pagination a.prev:hover{
        box-shadow: 0px 0px 0px rgba(0,0,0,0);
        border: none !important;
    }
    
    .pagination a:hover.next:after{
        opacity: 1;
        border: solid #fff 1px !important;
        box-shadow: 0px 0px 15px rgba(0,0,0,0.10);
    }
    .pagination a:hover.prev:after{
        opacity: 1;
        border: solid #fff 1px !important;
        box-shadow: 0px 0px 15px rgba(0,0,0,0.10);
    }
    
}



/*CMS 詳細*/
.detail-contents-wrapp{
    margin-top: 30px;
}


.title-news-detail{
    background-size: cover !important;
    position: relative;
    border-bottom: solid #F5F4F4 10px;
}
.title-news-detail:after{
    content: '';
    width: 100%;
    height: 360px;
    position: absolute;
    background-color: rgba(0,0,0,0.50);
    left: 0;
    top:0;
    z-index: 1;
}
.title-news-detail:before{
    content: '';
    width: 50%;
    height: 10px;
    position: absolute;
    background-color: #65A899;
    left: 0;
    bottom: -10px;
}

.title-news-detail-inner{
    height: 360px;
    position: relative;
}
.title-news-detail-inner .detail-title{
    position: absolute;
    bottom:60px;
    left: 0;
    width: 100%;
    z-index: 10;
}


.title-news-detail .tag-list{
    margin-top: 0;
    margin-bottom: 10px;
}
.title-news-detail .tag-list ul li a,
.title-news-detail .tag-list ul li span{
    color: #fff;
}

.title-news-detail h2{
    font-size: 24px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
    color: #fff;
    line-height: 150%;
}
.title-news-detail .day{
    color: #fff;
    font-size: 16px;
    margin-top: 15px;
}

.entry-area h3{
    font-size: 22px;
    line-height: 150%;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
    border-bottom: solid #CCCCCC 1px;
    margin-top: 60px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    clear: both;
    position: relative;
}
.entry-area h3:after{
    content: '';
    width: 140px;
    height: 1px;
    position: absolute;
    background-color: #65A899;
    left: 0;
    bottom: -1px;
}

.entry-area h4{
    font-size: 20px;
    color: #65A899;
    line-height: 150%;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
    margin-top: 40px;
    margin-bottom: 20px;
    clear: both;
}


.entry-area p,
.entry-area br{
    clear: both;
}

.entry-area .leftimg{
    width: 48%;
    float: left;
}
.entry-area .rightimg{
    width: 48%;
    float: right;
}


.txt-link{
    clear: both;
    margin-top: 40px;
}
.txt-link a{
    display: block;
    position: relative;
    line-height: 140%;
    padding-left: 30px;
}
.txt-link a:after{
    content: '';
    width: 1.5em;
    height: 1.5em;
    position: absolute;
    display: block;
    background: #65A899 url("../../images/arrow_r_w.png") center center no-repeat;
    background-size: 4px auto;
    left: 0;
    top: 0;
}




/* 当社の特徴
------------------------------------------------------------ */
.page-title-about{
    height: 640px;
    background: url("../../images/about_main.jpg") center center no-repeat;
    background-size: cover;
}
.page-title-about-inner{
    height: 640px;
    background: url("../../images/page_title_about.png") left top no-repeat;
}

.page-title-about .about-title{
    padding: 80px 0 0 0;
}
.page-title-about .about-title h2{
    width: 608px;
    padding-bottom: 60px;
}
.page-title-about .about-title-point span{
    display: inline-block;
    width: 280px;
    margin-right: 8px;
}
.page-title-about .about-title-point span.all-point{
    display: block;
    width: 500px;
    margin-right: 0px;
}


.about-page-area{
    position: relative;
    background-color: #F5F4F4;
    overflow: hidden;
}

.about-page-area .products-area-title-wrapp{
   margin-top: 0px !important;
   padding-top: 180px !important;
   padding-bottom: 0 !important;
   position: relative;
   z-index: 10;
}


.about-box{
    position: relative;
    z-index: 2;
}
.about-box .txtbox{
    color: #fff;
    background:#434C52 url("../../images/top_about_txtbg.png") left top no-repeat;
    background-size: 180px auto;
}

.about-box .txtbox .txtbox-inner .about-number{
    width: 162px;
    float: left;
    text-align: right;
    padding-top: 80px;
    padding-bottom: 70px;
    position: relative;
}
.about-box .txtbox .txtbox-inner .about-number:after{
    content: '';
    width: 1px;
    height: 60px;
    display: block;
    background-color: #fff;
    top:0;
    right: 60px;
    position: absolute;
}


.about-box .txtbox .txtbox-inner .about-number img{
    width: 43px;
    padding-right: 40px;
}
.about-box .txtbox .txtbox-inner .about-txt{
    width: 470px;
    float: left;
    text-align: left;
    padding-top: 70px;
    padding-bottom: 70px;
}
.about-box .txtbox .txtbox-inner .about-txt h3{
    font-weight: 500;
    font-size: 20px;
    line-height: 200%;
    padding-bottom: 30px;
}
.about-box .txtbox .txtbox-inner .about-txt p{
    line-height: 220%;
}

/**/
.about-box.about01{
    z-index: 10;
    padding-top: 80px;
}
.about-box.about01:after{
    content: '';
    width: 360px;
    height: 115%;
    display: block;
    background-color: #eee;
    top:-237px;
    right: 0px;
    position: absolute;
    z-index: -1;
}
.about-box.about01 .about-box-inner{
    background: url("../../images/about_bgtitle001.png") right top no-repeat;
    padding-top: 70px;
}
.about-box.about01 .txtbox.about01-txt{
    position: absolute;
    width: 55%;
    top:250px;
    right: 0;
    z-index: 3;
}
.about-box.about01 .about01-img01{
    position: relative;
    width: 55%;
    top:0;
    left: 0;
    z-index: 1;
    text-align: right;
}
/*
.about-box.about01 .about01-img02{
    position: absolute;
    width: 35%;
    top:0;
    right: 0;
    z-index: 2;
}
*/

/**/
.about-box.about02{
    z-index: 5;
    padding-top: 120px;
}
.about-box.about02:after{
    content: '';
    width: 360px;
    height: 90%;
    display: block;
    background-color: #eee;
    top:-80px;
    left: 0px;
    position: absolute;
    z-index: -1;
}
.about-box.about02 .about-box-inner{
    background: url("../../images/about_bgtitle002.png") left top no-repeat;
    padding-top: 180px;
}
.about-box.about02 .txtbox.about02-txt{
    position: relative;
    width: 80%;
    padding-left: 10%;
    top:0px;
    right: 0;
    z-index: 1;
}

.about-box.about02 .about02-img01{
    position: absolute;
    width: 400px;
    top:220px;
    right: 14%;
    z-index: 1;
    text-align: right;
}
.about-box.about02 .about02-img02{
    position: absolute;
    width: 400px;
    top:470px;
    right: 14%;
    z-index: 1;
    text-align: right;
}
.about-box.about02 .about02-img03{
    position: absolute;
    width: 400px;
    top:720px;
    right: 14%;
    z-index: 1;
    text-align: right;
}

.about-box.about02 .imgbox span{
    display: block;
    position: relative;
}
.about-box.about02 .imgbox span:after{
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    background: url("../../images/img_cover.png") bottom center no-repeat;
    background-size: 100% auto;
    z-index: 1;
    opacity: 0.8;
}
.about-box.about02 .imgbox p{
    position: absolute;
    width: 90%;
    bottom: 10px;
    left: 5%;
    text-align: left;
    color: #fff;
    line-height: 160%;
    z-index: 2;
}

/**/
.about-box.about03{
    z-index: 2;
    padding-top: 80px;
    margin-top: 100px;
}
.about-box.about03:after{
    content: '';
    width: 360px;
    height: 130%;
    display: block;
    background-color: #eee;
    top:-307px;
    right: 0px;
    position: absolute;
    z-index: -1;
}
.about-box.about03 .about-box-inner{
    background: url("../../images/about_bgtitle003.png") right top no-repeat;
    padding-top: 70px;
}
.about-box.about03 .txtbox.about03-txt{
    position: absolute;
    width: 55%;
    top:270px;
    right: 0;
    z-index: 3;
}
.about-box.about03 .about03-img01{
    position: relative;
    width: 55%;
    top:0;
    left: 0;
    z-index: -1;
    text-align: right;
    padding-bottom: 330px;
}




/**/
.quality-area{
    padding-bottom: 150px;
}
.quality-area .products-area-title-wrapp{
   margin-top: -60px !important;
   padding-top: 170px !important;
   padding-bottom: 0 !important;
   position: relative;
   z-index: 10;
}

.quality-area .quality-area-head{
    background: url("../../images/about_bgtitle_quality.png") left bottom no-repeat;
}
.quality-area .quality-area-head .txtbox{
    width: 470px;
    margin-left: 50%;
    padding: 60px 0;
}
.quality-area .quality-area-head .txtbox h3{
    font-weight: 500;
    font-size: 20px;
    line-height: 200%;
    letter-spacing: 0.1em;
    padding-bottom: 30px;
}
.quality-area .quality-area-head .txtbox p{
    font-size: 15px;
    line-height: 220%;
}



.quality-area-tab .contents-select-inner.contents-select-tab{
    box-shadow: 0px 0px 0px rgba(0,0,0,0.0);
    background-color: #434C52;
}
.quality-area-tab .contents-select-inner.contents-select-tab ul li{
    list-style: none;
    text-align: center;
    width: 25%;
    
}
.quality-area-tab .contents-select-inner.contents-select-tab ul li span{
    display: block;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    padding: 20px 0;
    line-height: 120%;
    position: relative;
    cursor: pointer;
    /**/
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}
.quality-area-tab .contents-select-inner.contents-select-tab ul li span i{
    font-style: normal;
    display: inline-block;
    margin-right: 5px;
    color: #65A899;
}

.quality-area-tab .contents-select-inner.contents-select-tab ul li.is-active{
    color: #fff;
}
.quality-area-tab .contents-select-inner.contents-select-tab ul li.is-active span i{
    color: #fff;
}

@media screen and (min-width: 961px){
    .quality-area-tab .contents-select-inner.contents-select-tab ul li span:hover{
        opacity: 1;
        box-shadow: 0px 0px 15px rgba(0,0,0,0.10);
        color: #65A899;
        background-color: #fff;
    }
    .quality-area-tab .contents-select-inner.contents-select-tab ul li span:hover i{
        color: #65A899;
    }   
}


.quality-area-tab .panel{
    display:none;
}

.quality-area-tab .panel.is-show{
    display:block;
}


.quality-panel{
    padding: 50px 0 0 0;
}
.quality-panel .imgbox{
    width: 470px;
    float: left;
}
.quality-panel .txtbox{
    width: 640px;
    float: right;
}    

.quality-panel h4{
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 15px;
}
.quality-panel p{
    font-size: 14px;
}
.quality-panel .mt{
    margin-top: 30px;
}


.at{
    color: #666;
    font-size: 12px !important;
    line-height: 140% !important;
    margin-top: 5px;
}

.indent{
    text-indent: -1em;
    padding-left: 1em;
}


/**/
.about-page-architecture .architecture-title{
    position: relative;
    text-align: center;
    margin-top: -30px;
}
.about-page-architecture .architecture-title:after{
    content: '';
    display: block;
    width: 1px;
    height: 60px;
    background-color: #fff;
    position: absolute;
    left: 49.9%;
    top:-100px;
    
}
.about-page-architecture .architecture-title h2{
    font-size: 26px !important;
}
.about-page-architecture .architecture-title strong{
    color: #fff;
    font-size: 14px !important;
    margin-top: 15px;
}




/* 住まいガイド
------------------------------------------------------------ */
.guide-page-title{
    background-color: #65A899;
    position: relative;
    margin-top: -28px;
    color: #fff;
    overflow: hidden;
    
}
.guide-page-title-inner{
    position: relative;
    padding: 90px 0 80px 0;
}
.guide-page-title-inner:after{
    content: '';
    width: 360px;
    height: 100%;
    display: block;
    background-color: rgba(67,76,82,0.10);
    position: absolute;
    left: 0;
    top:0;
    z-index: 1;
}
.guide-page-title-inner .line-title{
    position: absolute;
    top:90px;
    left: 0;
    font-family: 'Yantramanav', sans-serif;
    font-weight: 400;
    padding-left: 160px;
    font-size: 14px;
    z-index: 5;
}
.guide-page-title-inner .line-title:after{
    content: '';
    width: 140px;
    height: 1px;
    display: block;
    background-color: #fff;
    position: absolute;
    left: 0;
    top:47%;
    z-index: 5;
}
.guide-page-title-txt{
    width: 870px;
    margin: 0 auto;
    text-align: left;
    position: relative;
    z-index: 5;
}

.guide-page-title-txt h3{
    font-size: 34px;
    font-weight: 500;
    line-height: 150%;
}
.guide-page-title-txt p{
    margin-top: 30px;
    line-height: 200%;
}


/**/
.guide-page-area{
    position: relative;
}

.guide-page-area .products-area-title-wrapp{
   margin-top: 0 !important;
   padding-top: 180px !important;
   padding-bottom: 0 !important;
   position: relative;
   z-index: 10;
}
.read{
    text-align: center;
    margin-top: 40px;
    font-size: 15px;
    line-height: 180%;
}

.guide-table{
    margin-top: 40px;
    padding-bottom: 100px;
}
.guide-table table{
    border-collapse: collapse;
    line-height: 150%;
}
.guide-table table th{
    background-color: #434C52;
    color: #fff;
    font-size: 14px;
    padding: 15px 0;
    font-weight: 400;
    text-align: center;
}
.guide-table table td{
    font-size: 11px;
    padding: 20px 0 20px 0;
    font-weight: 400;
    border-bottom: solid #434C52 1px;
    line-height: 150%;
}
.guide-table table td.genre{
    font-size: 13px;
    width: 150px;
    padding: 15px 8px;
    vertical-align: middle;
}
.guide-table table td.genre strong{
    font-weight: 400;
    display: block;
    border-left: solid #65A899 4px;
    padding: 15px 0 15px 12px;
}

.guide-table table td div.inner{
    padding: 0 15px;
    border-right: solid #eee 1px;
}
.guide-table table td .icon{
    text-align: center;
    padding-bottom: 15px;
}
.guide-table table td .icon img{
    width: 20px;
}

.guide-table table th.this{
    background-color: #65A899;
}
.guide-table table td.this{
    background-color: #EDF7F6;
}



.guide-flow{
   position: relative;
   padding-bottom: 0px;
   padding-top: 0px;
   margin-bottom: 100px;
}
.guide-flow:after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top:60px;
    left: 0;
    background-color: #EDF7F6;
    z-index: -1;
}
.guide-flow .products-area-title-wrapp{
   margin-top: -60px !important;
   padding-top: 170px !important;
   padding-bottom: 0 !important;
   position: relative;
   z-index: 10;
}


.guide-flow-head{
    margin-top: 60px;
}
.guide-flow-head ul{
    display: table;
    width: 80%;
    margin: 0 auto;
    border-collapse: collapse;
}
.guide-flow-head ul li{
    list-style: none;
    display: table-cell;
    width: 20%;
    text-align: center;
    vertical-align: top;
    border-left: solid #ccc 1px;
    border-right: solid #ccc 1px;
}
.guide-flow-head ul li a{
    display: block;
    text-decoration: none;
    color: #65A899;
    font-size: 14px;
    line-height: 150%;
    text-align: center;
    background: url("../../images/btn_anc.png") center bottom no-repeat;
    background-size: 15px auto;
    padding-bottom: 30px;
}
.guide-flow-head ul li span{
    display: block;
    font-family: 'Yantramanav', sans-serif;
    font-weight: 300;
    font-size: 30px;
    padding-bottom: 10px;
}
.guide-flow-head ul li p{
    padding: 0.7em 0;
}
.guide-flow-head ul li:first-child p{
    padding: 0;
}



.guide-flow-contents{
    margin-top: 50px;
}
.guide-flow-contents ul li{
    list-style: none;
    margin-top: -70px;
    padding-top: 90px;
    padding-bottom: 40px;
    background: url("../../images/arrow_flow.png") bottom center no-repeat;
    background-size: 40px auto;
}
.guide-flow-contents ul li:last-child{
    background: none;
}
.guide-flow-contents ul li .guide-flow-box{
    background-color: #fff;
}
.guide-flow-contents ul li .guide-flow-box .imgbox{
    position: relative;
    width: 300px;
    height: 200px;
    color: #fff;
    float: left;
    display: table;
}
.guide-flow-contents ul li .guide-flow-box .imgbox:after{
    content: '';
    width: 100%;
    height: 4px;
    background-color: #65A899;
    position: absolute;
    top:0;
    left: 0;
}


.guide-flow-contents ul li .guide-flow-box .imgbox h3{
    font-weight: 400;
    font-size: 20px;
    display: table-cell;
    width: 100%;
    height: 200px;
    vertical-align: middle;
    line-height: 150%;
}
.guide-flow-contents ul li .guide-flow-box .imgbox h3 span{
    font-family: 'Yantramanav', sans-serif;
    font-weight: 300;
    font-size: 40px;
    text-align: center;
    width: 100px;
    margin-top: 5px;
    display: inline-block;
    vertical-align: middle;
}
.guide-flow-contents ul li .guide-flow-box .imgbox h3 p{
    text-align: left;
    display: inline-block;
    vertical-align: middle;
}

.guide-flow-contents ul li#flow01 .guide-flow-box .imgbox{
    background: url("../../images/guide_flow001.jpg") center center no-repeat;
    background-size: cover;
}
.guide-flow-contents ul li#flow02 .guide-flow-box .imgbox{
    background: url("../../images/guide_flow002.jpg") center center no-repeat;
    background-size: cover;
}
.guide-flow-contents ul li#flow03 .guide-flow-box .imgbox{
    background: url("../../images/guide_flow003.jpg") center center no-repeat;
    background-size: cover;
}
.guide-flow-contents ul li#flow04 .guide-flow-box .imgbox{
    background: url("../../images/guide_flow004.jpg") center center no-repeat;
    background-size: cover;
}
.guide-flow-contents ul li#flow05 .guide-flow-box .imgbox{
    background: url("../../images/guide_flow005.jpg") center center no-repeat;
    background-size: cover;
}


.guide-flow-contents ul li .guide-flow-box .txtbox{
    width: 660px;
    float: right;
}
.guide-flow-contents ul li .guide-flow-box .txtbox .txtbox-inner{
    padding: 60px 40px 50px 0;
    font-size: 14px;
}
.guide-flow-contents ul li .guide-flow-box .txtbox .txtbox-inner h4{
    font-weight: 500;
    font-size: 17px;
    margin-bottom: 20px;
    letter-spacing: 0.1em;
}




.guide-support{
    padding-bottom: 120px;
}
.guide-support .products-area-title-wrapp{
   margin-top: -100px !important;
   padding-top: 170px !important;
   padding-bottom: 0 !important;
   position: relative;
   z-index: 10;
}

.guide-support-head{
    margin-top: 60px;
}
.guide-support-head .imgbox{
    width: 470px;
    float: left;
}
.guide-support-head .txtbox{
    width: 470px;
    float: right;
}
.guide-support-head .txtbox h3{
    font-size: 20px;
    color: #65A899;
    line-height: 200%;
    font-weight: 500;
}
.guide-support-head .txtbox p{
    margin-top: 30px;
}

.guide-support-box{
    margin-top: 60px;
}
.guide-support-box h3{
    font-size: 22px;
    line-height: 150%;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
    border-bottom: solid #CCCCCC 1px;
    padding-bottom: 20px;
    margin-bottom: 30px;
    clear: both;
    position: relative;
}
.guide-support-box h3:after{
    content: '';
    width: 140px;
    height: 1px;
    position: absolute;
    background-color: #65A899;
    left: 0;
    bottom: -1px;
}

.guide-support-box .mt{
    margin-top: 30px;
}




.guide-support-tab .contents-select-inner.contents-select-tab{
    position: relative;
    z-index: 5;
}
.guide-support-tab .contents-select-inner.contents-select-tab ul{
    width: 80%;
}
.guide-support-tab .contents-select-inner.contents-select-tab ul li{
    width: 16.666%;
    font-size: 14px;
}
.guide-support-tab .contents-select-inner.contents-select-tab ul li span{
    
}
.guide-support-tab .contents-select-inner.contents-select-tab ul li span em{
    font-size: 20px;
    font-family: 'Yantramanav', sans-serif;
    font-weight: 400;
    font-style: normal;
}


@media screen and (min-width: 961px){
    .guide-support-tab .contents-select-inner.contents-select-tab ul li span:hover{
        opacity: 1;
        box-shadow: 0px 0px 15px rgba(0,0,0,0.10);
        color: #65A899;
        background-color: #fff;
    }
    .quality-area-tab .contents-select-inner.contents-select-tab ul li span:hover i{
        color: #65A899;
    }   
}


.guide-support-tab .panel{
    display:none;
}

.guide-support-tab .panel.is-show{
    display:block;
}


.guide-support-panel{
    padding: 50px;
    background-color: #F5F4F4;
}
.guide-support-panel .support-img{
    width: 300px;
    float: left;
}
.guide-support-panel .support-txt{
    width: 560px;
    float: right;
}
.guide-support-panel .support-txt h4{
    font-size: 18px;
    font-weight: 500;
    line-height: 190%;
    margin-bottom: 25px;
}





.guide-faq{
   position: relative;
   padding-bottom: 0px;
   padding-top: 0px;
   margin-bottom: 100px;
}
.guide-faq:after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top:60px;
    left: 0;
    background-color: #EDF7F6;
    z-index: -1;
}
.guide-faq .products-area-title-wrapp{
   margin-top: -60px !important;
   padding-top: 170px !important;
   padding-bottom: 0 !important;
   position: relative;
   z-index: 10;
}

.guide-faq-accordion{
    margin-top: 60px;
}


.guide-faq-accordion .accordion li .toggle-box{
    display: none;
    background-color: #fff;
    padding: 30px 50px;
}
.guide-faq-accordion .accordion{
    
}
.guide-faq-accordion .accordion li{
    list-style: none;
    padding-bottom: 8px;
}

.guide-faq-accordion .toggle-btn {
    background-color: #65A899;
    color: #fff;
    padding: 25px 25px;
    position: relative;
}
.guide-faq-accordion .toggle-btn em{
    font-style: normal;
    font-family: 'Yantramanav', sans-serif;
    font-weight: 300;
    font-size: 30px;
    display: block;
    width: 5%;
    float: left;
}
.guide-faq-accordion .toggle-btn span{
    width: 90%;
    float: left;
    display: block;
    font-size: 15px;
    line-height: 150%;
    font-weight: 400;
}

.guide-faq-accordion .accordion li .toggle-box .ans-em{
    width: 5%;
    float: left;
    font-style: normal;
    font-family: 'Yantramanav', sans-serif;
    font-weight: 300;
    font-size: 30px;
    color: #B14276;
}
.guide-faq-accordion .accordion li .toggle-box .ans-txt{
    width: 95%;
    float: left;
    font-size: 15px;
    line-height: 180%;
}




.guide-faq-accordion .toggle-btn .icon{
    position: absolute;
    width: 40px;
    height: 100%;
    top:0;
    right: 10px;
    z-index: 10;
}

.guide-faq-accordion .toggle-btn .icon i {
  position: absolute;
  display: inline-block;
  width: 100%;
  height: 100%;
  width: 30px;
  height: 30px;
  transition: all 0.6s;
  top:50%;
  margin-top: -15px;
  right: 12px;
}
.guide-faq-accordion .toggle-btn .icon i:before,
.guide-faq-accordion .toggle-btn .icon i:after {
  position: absolute;
  content: "";
  display: block;
  transition: all 0.3s;
  background-color: #fff;
  left: 50%;
  top: 50%;
  width: 16px;
  height: 2px;
  transform: translate(-50%, -50%);
  opacity: 1;
}
.guide-faq-accordion .toggle-btn .icon .i:after{
    
}
.guide-faq-accordion .toggle-btn .icon i:before {
  transform: translate(-50%, -50%) rotate(90deg);
  
}

/*＋、－切り替え*/
.guide-faq-accordion .toggle-btn .icon.open i{
    background-color: #fff;
}
.guide-faq-accordion .toggle-btn .icon.open i:after{
   background-color: #65A899; 
}
.guide-faq-accordion .toggle-btn.open .icon i:before {
  transform: translate(-50%, -50%) rotate(0deg);
  margin-left: 0;
  opacity: 0;
  background-color: #65A899;
}





/* 建売用地募集
------------------------------------------------------------ */
.land-page-area{
    margin-top: 60px;
}
.land-page-area h3.land-title{
    font-size: 34px;
    font-weight: 500;
    color: #65A899;
    text-align: center;
    margin-bottom: 60px;
}

.land-page-area-inner .txtbox{
    width: 580px;
    float: left;
    line-height: 190%;
}
.land-page-area-inner .imgbox{
    width: 380px;
    float: right;
}
.land-page-area-inner .txtbox .at{
    margin-top: 15px;
}


.land-page-area .entry-area{
    margin-top: 80px;
}

.bosyu-table table{
    border-collapse: collapse;
    width: 100%;
    line-height: 170%;
    font-size: 15px;
}
.bosyu-table table th{
    background-color: #666;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    padding: 15px 0;
    width: 140px;
    font-weight: 500;
    border-bottom: solid  #fff 4px;
}
.bosyu-table table td{
    background-color: #F5F4F4;
    vertical-align: middle;
    padding: 20px 15px;
    border-bottom: solid  #fff 4px;
}

.bosyu-link-area{
    margin-top: 80px;
}
.bosyu-link-area p.read{
    text-align: center !important;
    font-size: 15px !important;
}

.bosyu-link{
    margin-top: 40px;
    padding: 0 150px;
}
.bosyu-item{
    width: 48%;
    float: left;
}
.bosyu-item02{
    float: right;
}


.bosyu-item{
    
}
.bosyu-item a{
    display: block;
    text-decoration: none;
    color: #fff;
    background-color: #65A899;
}
.bosyu-item02 a{
    background-color: #3C589F;
}

.bosyu-item-inner{
    display: table;
    width: 100%;
    position: relative;
    line-height: 140%;
}

.bosyu-item .txtbox{
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding: 25px 25px;
}
.bosyu-item .txtbox .btn-title{
    font-weight: 400;
    font-size: 16px;
}
.bosyu-item .txtbox .btn-title span{
    font-size: 28px;
}
.bosyu-item .txtbox p{
    font-size: 14px;
    text-align: left;
}

.bosyu-item .btn-link-arrow{
    position: absolute;
    top:18.5%;
    right: 5%;
    display: block;
}
.bosyu-item02 .btn-link-arrow a,
.bosyu-item02 .btn-link-arrow p{
    background:#334b87 url("../../images/arrow_r_w.png") center center no-repeat;
    background-size: 4px auto;
}


.bosyu-item a{
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.bosyu-item a:after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
    top: -5%;
    width: 120%;
    height: 110%;
    /**/
	-webkit-transition: 0.4s ease-out;
	   -moz-transition: 0.4s ease-out;
		 -o-transition: 0.4s ease-out;
			transition: 0.4s ease-out;
}

.bosyu-item a:after {
  right: -20%;
}

@media screen and (min-width: 961px){
    .bosyu-item a:hover{
        background-color: #438878;
        opacity: 1;
        filter: alpha(opacity=100);
    }
    
    .bosyu-item a:hover:before,
    .bosyu-item a:hover:after {
      width: 0;
      background-color: #438878;
    }
    
    .bosyu-item02 a:hover{
        background-color: #1f356b;
        opacity: 1;
        filter: alpha(opacity=100);
    }
    
    .bosyu-item02 a:hover:before,
    .bosyu-item02 a:hover:after {
      width: 0;
      background-color: #1f356b;
    }
    
    
}


.land-contact-wrapp{
    margin-top: 60px;
    background-color: #EDF7F6;
    text-align: center;
    font-size: 16px;
    padding: 40px 60px 50px 60px;
}
.land-contact-inner{
    margin-top: 40px;
}
.land-contact-inner .telbox{
    width: 46%;
    float: left;
}
.land-contact-inner .faxbox{
    width: 46%;
    float: right;
}



/* 会社概要
------------------------------------------------------------ */
.company-page-area{
    margin-top: 60px;
}


.company-table table{
    border-collapse: collapse;
    width: 100%;
    font-size: 15px;
    line-height: 160%;
}
.company-table table th{
    width: 135px;
    padding: 15px 0px 15px 15px;
    background-color: #FAFAFA;
    border-top: solid #eee 1px;
    font-weight: 400;
}
.company-table table td{
    padding: 15px 0px 15px 15px;
    border-top: solid #eee 1px;
}


.btn-map-link{
    display: inline-block;
    margin-left: 20px;
}
.btn-map-link a{
    display: block;
    text-decoration: none;
    color: #fff;
    background-color: #3C589F;
    font-size: 12px;
    line-height: 120%;
    padding: 8px 15px;
}
.btn-map-link a span{
    display: block;
    background: url("../../images/icon_blank.png") right center no-repeat;
    background-size: 12px auto;
    padding-right: 20px;
}




.office-index{
    padding-top: 10px;
}

.office-link a{
    display: block;
    text-decoration: none;
    color: #454C51;
    font-size: 15px;
}
.office-link .imgbox{
    position: relative;
    overflow: hidden;
}
.office-link .imgbox div:before{
    content: '';
    display: block;
    position: absolute;
    width: 96%;
    height: 94%;
    top:2.8%;
    left: 1.8%;
    border: solid #fff 1px;
    z-index: 3;
}
.office-link .imgbox div:after{
    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    background-color: rgba(0,0,0,0.50);
    z-index: 2;
}

.office-link .imgbox h4{
    display: table;
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left: 0;
    z-index: 5;
    padding: 0;
    margin: 0;
    color: #fff;
    font-size: 20px;
    font-weight: 400;
}
.office-link .imgbox strong{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

@media screen and (min-width: 961px){
    .office-link a .imgbox img{
        -webkit-transition: 0.3s ease-in-out;
           -moz-transition: 0.3s ease-in-out;
             -o-transition: 0.3s ease-in-out;
                transition: 0.3s ease-in-out;
    }
    .office-link a:hover .imgbox img{
        transform: scale(1.1);
    }
}

.office-link .txtbox{
    margin-top: 15px;
}

.office-link .txtbox .train-txt{
    margin-bottom: 10px;
    background: url("../../images/icon_ex.png") left center no-repeat;
    background-size: 15px auto;
    padding: 5px 0 5px 20px;
}



/**/
.office-page-title h2{
    font-size: 32px;
    line-height: 120%;
}
.office-page-title h2 span{
    display: block;
    font-family: 'Yantramanav', sans-serif;
    font-weight: 300;
    font-size: 14px;
}
.office-page-title p{
    color: #fff;
    margin-top: 20px;
    width: 50%;
}


.office-page-area{
    margin-top: 80px;
}
.office-mess .contents-title{
    width: 200px;
    float: left;
}
.office-mess .txtbox{
    width: 780px;
    float: right;
    font-size: 15px;
    margin-top: 10px;
}

.office-main{
    margin-top: 100px;
}
.office-main .products-img{
    width: 470px;
}
.office-main .products-txt{
    width: 470px;
}
.office-main .products-txt .products-info{
    margin-top: 0;
}

.office-main .products-txt .products-info .btn-map-link{
    margin-left: 0;
    margin-top: 15px;
}

.office-main .products-img .thumb-item{
    position: relative;
}
.office-main .products-img .thumb-item div span{
    position: relative;
    z-index: 1;
    display: block;
}
.office-main .products-img .thumb-item div span:after{
    content: '';
    width: 100%;
    height: 100%;
    background: url("../../images/img_cover.png") bottom left no-repeat;
    background-size: 100% auto;
    position: absolute;
    bottom:0;
    left: 0;
    z-index: 10;
    opacity: 0.7;
}
.office-main .products-img .thumb-item div span.no-cover:after{
    display: none;
}

.office-main .products-img .thumb-item p{
    position: absolute;
    z-index: 5;
    color: #fff;
    width: 90%;
    bottom: 15px;
    left: 5%;
    font-size: 13px;
    line-height: 140%;
}


.office-pickup-area{
    margin-top: 100px;
    background-color: #F5F4F4;
}

.office-pickup-area ul li{
    list-style: none;
}
.office-pickup-area ul li .office-pickup-box .imgbox{
    width: 50%;
    float: right;
}
.office-pickup-area ul li .office-pickup-box .txtbox{
    width: 420px;
    float: left;
    padding-left: 80px;
    display: table;
    
}
.office-pickup-area ul li .office-pickup-box .txtbox .txtbox-inner{
   display: table-cell;
   vertical-align: middle;
}

.office-pickup-area ul li .office-pickup-box .txtbox .txtbox-inner h4{
    font-weight: 500;
    color: #65A899;
    font-size: 18px;
    line-height: 180%;
}
.office-pickup-area ul li .office-pickup-box .txtbox .txtbox-inner p{
    margin-top: 20px;
    font-size: 13px;
}



.office-pickup-area ul li:nth-child(even) .office-pickup-box .imgbox{
    float: left;
}
.office-pickup-area ul li:nth-child(even) .office-pickup-box .txtbox{
    float: right;
    padding-left: 0;
    padding-right: 80px;
}




.office-bottom-navi{
    margin-top: 100px;
}

.office-bottom-link{
    padding: 0 50px;
}
.office-bottom-link .guide-item{
    width: 48%;
    float: left;
    border: none;
}
.office-bottom-link .guide-item02{
    float: right;
}

.office-bottom-link .guide-item a{
    display: block;
    text-decoration: none;
    color: #fff;
    background-color: #65A899;
}

.office-bottom-link .guide-item-inner{
    display: table;
    width: 100%;
    position: relative;
    line-height: 140%;
}

.office-bottom-link .guide-item .txtbox{
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding: 33px 25px;
}
.office-bottom-link .guide-item .txtbox .btn-title{
    font-weight: 400;
    font-size: 22px !important;
}
.office-bottom-link .guide-item .txtbox .btn-title span{
    font-size: 14px !important;
    font-family: 'Yantramanav', sans-serif;
    font-weight: 300;
    display: block;
    margin-top: 5px;
    letter-spacing: 0.1em;
}


.office-bottom-link .guide-item .btn-link-arrow{
    position: absolute;
    top:18.5%;
    right: 5%;
    display: block;
}




@media screen and (min-width: 961px){
    .office-bottom-link .guide-item a:hover{
        background-color: #438878;
        opacity: 1;
        filter: alpha(opacity=100);
    }
    
    .office-bottom-link .guide-item a:hover:before,
    .office-bottom-link .guide-item a:hover:after {
      width: 0;
      background-color: #438878;
    }
    
    
}






/* 物件情報
------------------------------------------------------------ */
/*top流用：販売中の物件*/
.page-contents-wrapp .products-area{
    overflow: inherit;
    position: relative;
    background: none;
    background-size: none;
    height: auto !important;
}
.page-contents-wrapp .products-area-inner{
    background: none;
    padding-top: 0px;
}


.page-contents-wrapp .products-area-title-wrapp{
    background: none;
    padding: 60px 0 70px 0;
}


.page-contents-wrapp .products-area-title{
    position: relative;
}
.page-contents-wrapp .products-area-title:after{
    content: '';
    display: block;
    width: 1px;
    height: 60px;
    background-color: #65A899;
    position: absolute;
    left: 49.9%;
    top:-110px;
    
}
.page-contents-wrapp .products-area-title h2{
    font-size: 26px !important;
}
.page-contents-wrapp .products-area-title strong{
    color: #65A899;
    font-size: 14px !important;
    margin-top: 15px;
}


.page-contents-wrapp .products-pickup-wrapp{
    height: auto !important;
}
.page-contents-wrapp .products-search{
    position: relative;
    z-index: 100;
}

.page-contents-wrapp .products-search.product-page-search{
    top:0;
    left: 0;
    padding-top: 60px;
    margin-top: -60px;
    position: -webkit-sticky; /* Safariに対応する */
    position: sticky; /* 要素を固定/解除する */
    /**/
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}



.page-contents-wrapp .products-search .panel-group{
    height: 100%;
}

@media screen and (min-width: 961px){
    .page-contents-wrapp .products-result{
        height: auto !important;
    }
}



.more-link{
    height: 125px;
    position: relative;
    text-align: center;
}
.more-link a,
.more-link p{
    display: table;
    position: relative;
    margin: 0 auto;
    text-decoration: none;
    color: #65A899;
    font-family: 'Yantramanav', sans-serif;
    font-weight: 400;
    width:88px;
	height:88px;
	cursor:pointer;
    border: solid #65A899 1px;
    border-radius: 60px;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
    /**/
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}
.more-link a:after,
.more-link p:after{
    content: '';
    display: block;
    width: 35px;
    height: 63px;
    background: url("../../images/more_arrow.png") center top no-repeat;
    background-size: cover;
    position: absolute;
    left: 50%;
    margin-left: -17px;
    bottom:-35px;
}
.more-link a span,
.more-link p span{
    display: table-cell;
    vertical-align: middle;
}
@media screen and (min-width: 961px){
    .more-link a:hover,
    .more-link p:hover{
        opacity: 1;
        border: solid #fff 1px !important;
        box-shadow: 0px 0px 15px rgba(0,0,0,0.10);
    }
    
}


/*物件詳細*/


.product-detail-title{
    margin-top: 40px;
}
.product-detail-title h3{
    background-color: #65A899;
    color: #fff;
    font-size: 24px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
    padding: 20px 30px;
    line-height: 150%;
    
}


.product-detail-main{
    margin-top: 30px;
}
.products-img{
    width: 660px;
    float: left;
}
.products-txt{
    width: 430px;
    float: right;
    
}
.products-txt.products-item{
    width: auto;
    margin: 0 !important;
    padding: 0 !important;
}


.detail-slider .slick-next {
	position: absolute;
    right: -25px;
	top:50%;
	margin-top: 0px;
    z-index: 99;
	display: block;
	text-indent: -9999px;
	width:50px !important;
	height:50px !important;
	background:#fff url(../../images/arrow_r_g.png) no-repeat center center !important;
	background-size: 4px auto!important;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.10);
	cursor:pointer;
	border: none  !important;
    border: solid #fff 1px  !important;
    border-radius: 60px;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
    /**/
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}
.detail-slider .slick-prev {
	position: absolute;
    left: -25px;
	top:50%;
	margin-top: 0px;
    z-index: 100;
	display: block;
	text-indent: -9999px;
	width:50px !important;
	height:50px !important;
	background:#fff url(../../images/arrow_l_g.png) no-repeat center center !important;
	background-size: 4px auto!important;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.10);
	cursor:pointer;
	border: none  !important;
    border: solid #fff 1px  !important;
    border-radius: 60px;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
    /**/
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}
@media screen and (min-width: 961px){
    .detail-slider .slick-next:hover {
        background: #65A899 url(../../images/arrow_r_w.png) no-repeat center center !important;
        background-size: 4px auto!important;
        border: solid #65A899 1px  !important;
        box-shadow: 0px 0px 15px rgba(0,0,0,0.30);
    }
    .detail-slider .slick-prev:hover {
        background: #65A899 url(../../images/arrow_l_w.png) no-repeat center center !important;
        background-size: 4px auto!important;
        border: solid #65A899 1px  !important;
        box-shadow: 0px 0px 15px rgba(0,0,0,0.30);
    }
}




.detail-slider .thumb-item-nav{
    margin: 10px -3px 0 -4px;
    height: 100px;
    text-align: left;
}
.detail-slider .thumb-item-nav .slick-list{
    padding: 0 1px !important;
}
.detail-slider .thumb-item-nav .slick-track{
    
}

.detail-slider .thumb-item-nav li div{
    display: block;
    margin: 0 3px;
    position: relative;
}
.detail-slider .thumb-item-nav li.slick-current div span{
    display: block;
     border: solid #fff 1px;
    padding: 0px;
    /**/
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}
.detail-slider .thumb-item-nav li.slick-current div span {
    border: solid #65A899 1px;
    padding: 3px;
}

.detail-txt{
    margin-top: 20px;
}



.products-txt .txtbox .products-data{
    text-align: right;
}
.products-txt .txtbox .products-data span{
    display: inline-block;
    border: solid #EEEEEE 1px;
    line-height: 100%;
    padding: 10px 15px;
    margin: 0 0 5px 3px;
    font-size: 11px;
}

.products-txt .products-info{
    margin-top: 25px;
    border-top: solid #65A899 1px;
}

.products-txt .products-info table{
    border-collapse: collapse;
    width: 100%;
    line-height: 170%;
    font-size: 13px;
}
.products-txt .products-info table th{
    width: 30%;
    font-weight: 400;
    padding: 12px 0;
    border-bottom: solid #EEEEEE 1px;
}
.products-txt .products-info table td{
    padding: 12px 0;
    border-bottom: solid #EEEEEE 1px;
}
.products-txt .products-info table td .list{
    padding-left: 1em;
    position: relative;
    margin-bottom: 0.2em;
}
.products-txt .products-info table td .list:after{
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background-color: #65A899;
    position: absolute;
    left: 0;
    top:0.65em;
}

.product-detail-link{
    margin-top: 30px;
}

.product-detail-link .products-site-btn a{
    display: block;
    text-align: center;
    background-color: #434C52;
    color: #fff;
    font-size: 16px;
    text-decoration: none;
    padding: 20px;
}
.product-detail-link .products-site-btn a span{
    display: block;
    background: url("../../images/icon_blank.png") right center no-repeat;
    background-size: 12px auto;
    padding: 5px 20px 5px 5px;
}

.product-detail-link-inner{
    margin: 12px 0 0 0;
}

.product-detail-link .products-btn{
    float: left;
    width: 48.5%;
}
.product-detail-link .products-btn.btn03{
    float: right;
}

.product-detail-link .products-btn a{
    
    line-height: 100%;
    text-decoration: none;
    display: block;
    color: #fff;
    font-size: 14px;
    text-align: center;
    padding: 20px 20px;
    letter-spacing: 0.1em;
    position: relative;
    /**/
    z-index: 2;
    overflow: hidden;
}
.product-detail-link .products-btn a span{
    position: relative;
    display: block;
    padding: 0 10px 0 0;
    background: url("../../images/arrow_r_w.png") right center no-repeat;
    background-size: 4px auto;
}
.product-detail-link .products-btn a span i{
    font-style: normal;
    display: inline-block;
    padding: 10px 0 10px 30px;
}


.product-detail-link .products-btn.btn02 a{
    background-color: #3C589F;
}
.product-detail-link .products-btn.btn02 a span i{
    background: url("../../images/icon_002_w.png") center left no-repeat;
    background-size: 23px auto;
}

.product-detail-link .products-btn.btn03 a{
    background-color: #B14276;
}
.product-detail-link .products-btn.btn03 a span i{
    background: url("../../images/icon_003_w.png") center left no-repeat;
    background-size: 23px auto;
}


.product-tag{
    clear: both;
    padding-top: 10px;
}




.product-data-box{
    margin-top: 60px;
    padding-top: 60px;
    border-top: solid #CCCCCC 1px;
}

.product-data-box .contentS{
    padding-left: 80px;
    padding-right: 80px;
}

.product-data-box-inner{
    margin-top: 60px;
}


.product-data-tab{
    margin-top: -30px;
}


.contents-select-inner.contents-select-tab ul li{
    list-style: none;
    text-align: center;
    width: 25%;
    
}
.contents-select-inner.contents-select-tab ul li span{
    display: block;
    text-decoration: none;
    color: #434C52;
    font-size: 14px;
    padding: 20px 0;
    line-height: 120%;
    position: relative;
    cursor: pointer;
    /**/
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}
@media screen and (min-width: 961px){
    .contents-select-inner.contents-select-tab ul li span:hover{
        opacity: 1;
        box-shadow: 0px 0px 15px rgba(0,0,0,0.10);
        color: #65A899;
    }
    
}


.contents-select-inner.contents-select-tab ul li span:before{
    content: '';
    width: 1px;
    height: 5px;
    background-color: #65A899;
    position: absolute;
    left: 49.999%;
    bottom:-5px;
    display: none;
}
.contents-select-inner.contents-select-tab ul li span:after{
    content: '';
    width: 1px;
    height: 5px;
    background-color: #fff;
    position: absolute;
    left: 49.999%;
    bottom:0;
    display: none;
}


.contents-select-inner.contents-select-tab ul li.is-active span{
    background-color: #65A899;
    color: #fff;
}
.contents-select-inner.contents-select-tab ul li.is-active span:after,
.contents-select-inner.contents-select-tab ul li.is-active span:before{
    display: block;
}



.product-data-tab .panel{
    display:none;
}

.product-data-tab .panel.is-show{
    display:block;
}


.product-data-panel{
    padding: 60px 0 20px 0;
}

.product-data-panel .product-item .title{
    border-top: solid #65A899 1px;
    padding: 25px 0;
    
}
.product-data-panel .product-item .title .title-inner{
    display: table;
    width: 100%;
    line-height: 150%;
}
.product-data-panel .product-item .title .title-inner span{
    display: table-cell;
    width: 50px;
    vertical-align: middle;
    color: #65A899;
    font-family: 'Yantramanav', sans-serif;
    font-weight: 300;
    font-size: 40px;
}
.product-data-panel .product-item .title .title-inner h4{
    display: table-cell;
    vertical-align: middle;
    font-weight: 500;
    font-size: 16px;
}

.product-data-panel .product-item .txtbox h5{
    font-weight: 500;
    font-size: 15px;
    margin-top: 15px;
}
.product-data-panel .product-item .txtbox p{
    margin-top: 12px;
    font-size: 13px;
}



/**/
.overview-box{
   
}

.overview-table{
    width: 48%;
    float: left;
}
.overview-table02{
    float: right;
}

.overview-table table{
    border-collapse: collapse;
    line-height: 150%;
    font-size: 13px;
    border-top: solid #EEEEEE 1px;
}
.overview-table table th{
    font-weight: 400;
    width: 25%;
    background-color: #FAFAFA;
    border-bottom: solid #EEEEEE 1px;
    padding: 10px 0px 10px 15px;
}
.overview-table table td{
    border-bottom: solid #EEEEEE 1px;
    padding: 10px 0px 10px 15px;
}

.overview-table .data-day{
    text-align: right;
    font-size: 12px;
    color: #666;
    margin-top: 5px;
}


.overview-box .txtbox{
    clear: both;
    padding-top: 30px;
    font-size: 12px;
    color: #666;
    line-height: 150%;
}



/**/
.recommend-area{
    border-top: solid #E2F0E9 20px;
    background-color: #F5F4F4;
    margin-top: 120px;
    padding-bottom: 90px;
}
.recommend-area .products-area-title-wrapp{
    padding-top: 90px;
}

.recommend-area-inner .item-box a{
    display: block;
    text-decoration: none;
    color: #333;
}
.recommend-area-inner .item-box a:hover{
    opacity: 1;
    color: #65A899;
}

.recommend-area-inner .item-box .products-data{
    margin-bottom: 10px;
}
.recommend-area-inner .item-box .products-data span{
    display: inline-block;
    border: solid #EEEEEE 1px;
    line-height: 100%;
    padding: 10px 15px;
    margin: 0 3px 5px 0px;
    font-size: 11px;
    background-color: #fff;
}

.recommend-area-inner .item-box .imgbox{
    position: relative;
    margin-top: 10px;
}
.recommend-area-inner .item-box .imgbox span{
    display: block;
    position: relative;
    top:0;
    left: 0;
    z-index: 10;
    /**/
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}
.recommend-area-inner .item-box .imgbox:after{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left: 0;
    background-color: #65A899;
    z-index: 0;
}

.recommend-area-inner .item-box .imgbox span:after{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left: 0;
    background:rgba(0,0,0,0.50) url("../../images/view_details.png") center center no-repeat;
    background-size: 158px auto;
    opacity: 0;
    /**/
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}

@media screen and (min-width: 961px){
    .recommend-area-inner .item-box a:hover .imgbox span{
        display: block;
        top:-10px;
        left: -10px;
        opacity: 1;
    }
    
    .recommend-area-inner .item-box a:hover .imgbox span:after{
        
        opacity: 1;
    }
    
}

.recommend-area-inner .item-box .txtbox h3{
    color: #65A899;
    font-size: 16px;
    font-weight: 500;
    margin-top: 13px;
}
.recommend-area-inner .item-box .txtbox p{
    margin-top: 10px;
}


/**/
.share-area-inner{
    padding: 90px 0 0 0;
    text-align: center;
    margin-bottom: -60px;
}
.share-area-inner h3{
    display: inline-block;
    font-weight: 500;
    color: #65A899;
    font-size: 16px;
    line-height: 140%;
    padding: 8px 0;
    width: 280px;
    border: solid #65A899 1px;
}
.share-area-inner .share-sns{
    display: block;
    text-align: center;
    margin-top: 30px;
}
.share-area-inner .share-sns span{
    display: inline-block;
    margin: 0 28px;
    width: 50px;
}





/* イメージタイトル
------------------------------------------------------------ */
.img-title-wrapp{
    background-color: #65A899;
    margin-top: -25px;
    position: relative;
    overflow: hidden;
}
.img-title-inner{
    
    text-align: left;
    padding: 130px 0;
}

.img-title{
    background-color: rgba(0,0,0,0.5);
    width: 36%;
    padding: 60px 50px;
    position: relative;
    z-index: 2;
}
.img-title .txtbox{
    color: #fff;
    padding-left: 15%;
    
}
.img-title .txtbox h3{
    font-weight: 500;
    font-size: 26px;
    margin-bottom: 20px;
    line-height: 180%;
    
}
.img-title .txtbox p{
    font-size: 15px;
    line-height: 200%;
}



/* 現地見学会
------------------------------------------------------------ */
.field-title .img-title-inner:after{
    content: '';
    width: 80%;
    height: 100%;
    display: block;
    position: absolute;
    right:0;
    top:0;
    background: url("../../images/page_img_field.jpg") center center no-repeat;
    background-size: cover;
    z-index: 1;
}



/**/
.field-area .products-area-title-wrapp{
   margin-top: 0 !important;
   padding-top: 180px;
}

.field-area-inner{
    margin-top: 20px;
}
.field-area-inner ul li{
    list-style: none;
    margin-bottom: 70px;
}

.field-area-inner .item-box .products-data{
    margin-bottom: 10px;
}
.field-area-inner .item-box .products-data span{
    display: inline-block;
    border: solid #EEEEEE 1px;
    line-height: 100%;
    padding: 10px 15px;
    margin: 0 3px 5px 0px;
    font-size: 11px;
    background-color: #fff;
}

.field-area-inner .item-box .txtbox h3{
    margin-top: 15px;
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
}
.field-area-inner .item-box .txtbox .item-data{
    margin-top: 13px;
}
.field-area-inner .item-box .txtbox .item-data p{
    position: relative;
    border-top: solid #EEEEEE 1px;
    padding: 8px 0 8px 20px;
    font-size: 13px;
    line-height: 140%;
}
.field-area-inner .item-box .txtbox .item-data p:after{
    content: '';
    width: 100px;
    height: 1px;
    background-color: #65A899;
    position: absolute;
    top:-1px;
    left: 0;
    z-index: 2;
}

.field-area-inner .item-box .txtbox .item-data p.add{
    background: url("../../images/icon_add.png") left center no-repeat;
    background-size: 14px auto;
}
.field-area-inner .item-box .txtbox .item-data p.train{
     background: url("../../images/icon_ex.png") left center no-repeat;
    background-size: 14px auto;
}

.field-area-inner .item-box .txtbox p.txt{
    margin-top: 5px;
    font-size: 14px;
}


.field-title-wrapp .more-link{
    margin-top: 30px;
}






/* 友の会
------------------------------------------------------------ */
.tomonokai-title .img-title-inner:after{
    content: '';
    width: 80%;
    height: 100%;
    display: block;
    position: absolute;
    right:0;
    top:0;
    background:url("../../images/page_img_tomonokai.jpg") right center no-repeat;
    background-size: cover;
    z-index: 1;
}

.tomonokai-title .img-title{
    width: 48%;
}

.tomonokai-title .img-title-inner h3{
    font-size: 40px;
    letter-spacing: 0.1em;
    background: url("../../images/icon_tomonokai.png") left center no-repeat;
    background-size: 50px auto;
    padding-left: 75px;
}
.tomonokai-title .img-title-inner h4{
    font-size: 26px;
    font-weight: 500;
    line-height: 150%;
    margin-bottom: 20px;
}

.touroku{
    position: absolute;
    top:30px;
    right: 30px;
}
.touroku .inner{
    display: table;
    width: 120px;
    height: 120px;
    background-color: #fff;
    border-radius: 60px;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.30);
}
.touroku .inner span{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #B14276;
    font-size: 24px;
    letter-spacing: 0.1em;
}


.tomonokai-area .products-area-title-wrapp{
   margin-top: 0 !important;
   padding-top: 180px;
}

.tomonokai-area-inner{
    margin-top: 20px;
}

.tomonokai-box .title{
    border-top: solid #65A899 1px;
}
.tomonokai-box .title strong{
    display: block;
    color: #65A899;
    text-align: center;
    font-family: 'Yantramanav', sans-serif;
    font-weight: 300;
    font-size: 40px;
    padding: 25px 0;
}

.tomonokai-box .txtbox h3{
    margin-top: 15px;
    line-height: 150%;
    font-size: 16px;
    font-weight: 500;
    color: #65A899;
}
.tomonokai-box .txtbox p{
    font-size: 14px;
    margin-top: 12px;
}


.tomonokai-form-inner{
    border-top: solid #ccc 1px;
    margin-top: 80px;
    padding-top: 60px;
}




/* フォーム関連
------------------------------------------------------------ */
.form-list-txt p{
    position: relative;
    padding-left: 15px;
    font-size: 14px;
}
.form-list-txt p:after{
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background-color: #65A899;
    position: absolute;
    left: 0;
    top:0.8em;
}


/**/

.form-flow{
    margin-top: 60px;
}
.form-flow .form-flow-inner{
    text-align: center;
    position: relative;
}


.form-flow .form-flow-inner ul{
    display: inline-block;
    position: relative;
}
.form-flow .form-flow-inner ul:after{
    content: '';
    display: block;
    width: 80%;
    height: 1px;
    background-color: #65A899;
    position: absolute;
    top:40px;
    left: 10%;
    z-index: -2;
}
.form-flow .form-flow-inner ul li{
    list-style: none;
    display: inline-block;
    text-align: center;
    margin: 0 40px;
    position: relative;
}
.form-flow .form-flow-inner ul li div{
    display: table;
    position: relative;
    width: 80px;
    height: 80px;
    margin: 0 auto;
    font-size: 22px;
    color: #008740;
    font-family: 'Yantramanav', sans-serif;
    font-weight: 400;
    border: solid #008740 1px;
    background-color: #fff;
    border-radius: 60px;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
    /**/
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}
.form-flow .form-flow-inner ul li div span{
    display: table-cell;
    vertical-align: middle;
}
.form-flow .form-flow-inner ul li p{
    font-size: 15px;
    color: #008740;
    margin-top: 5px;
}


.form-flow .form-flow-inner ul li.active div{
    background-color: #8bc62a;
    color: #fff;
}
.form-flow .form-flow-inner ul li.end div{
    background-color: #ccc;
    border: solid #ccc 1px;
    color: #fff;
}
.form-flow .form-flow-inner ul li.end p{
    color: #ccc;
}
.form-flow .form-flow-inner ul li.end:after{
    content: '';
    display: block;
    width: 120px;
    height: 1px;
    background-color: #ccc;
    position: absolute;
    top:40px;
    right: -95px;
    z-index: -1;
}


.form-txt{
    margin-top: 60px;
    font-size: 15px;
}
.form-txt span{
    color: #65A899;
}


.form-wrapp .form-box{
    margin-top: 40px;
}

.form-wrapp .any{
    display: inline-block;
   line-height: 110%;
   font-size: 12px;
   padding: 3px 8px;
   color: #666;
   background-color: #fff;
   border: solid #65A899 1px;
   float: right;
}
.form-wrapp .req{
   display: inline-block;
   line-height: 110%;
   font-size: 12px;
   padding: 3px 8px;
   color: #fff;
   background-color: #e46c0a;
   border: solid #e46c0a 1px;
   float: right;
}


.form-wrapp .txt{
    font-size: 12px;
    color: #666;
    line-height: 120%;
    margin-top: 5px;
}

.form-wrapp .txt-inline{
    font-size: 12px;
    color: #666;
    line-height: 120%;
    margin-top: 5px;
    display: inline-block;
    margin-left: 15px;
}


.form-wrapp td.add span{
    display: inline-block;
    width: 78px;
}
.form-wrapp td.add .txt{
    padding-left: 78px;
}
.form-wrapp td.add div{
    padding: 8px 0;
}
.form-wrapp td.add{
    padding-top: 7px !important;
    padding-bottom: 7px !important;
}
.form-wrapp.confirm-wrapp td.add{
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}


.form-wrapp .check-section{
    padding-left: 1.5em;
    padding-top: 8px;
    padding-bottom: 20px;
}




.submit-area{
    text-align: center;
    margin-top: 60px;
    position: relative;
}
.submit-area p{
    font-size: 14px;
    margin-bottom: 20px;
}



.mark-gmo{
    position: absolute;
    width: 100px;
    top:0;
    left: 0;
}


.finish-wrapp{
    margin-top: 60px;
    padding: 50px;
    text-align: center;
    border-bottom: solid #65A899 1px;
    border-top: solid #65A899 1px;
}

.finish-wrapp h3{
    font-weight: 500;
    color: #65A899;
    font-size: 26px;
}
.finish-wrapp p{
    text-align: left;
    margin-top: 50px;
}

.finish-back{
    margin-top: 60px;
    text-align: center;
}
.finish-back .btn-link-more{
    display: inline-block;
}



/*資料請求*/
.request-item{
    margin-top: 40px;
    border-top: solid #65A899 1px;
    display: none !important;
}
.request-item table{
    border-collapse: collapse;
    width: 100%;
    border-bottom: solid #f0f0f0 1px;
    line-height: 140%;
    font-size: 14px;
}

.request-item table th{
    font-weight: 400;
    padding: 10px;
    border-left: solid #e1e9e8 1px;
    background-color: #52943c;
    color: #fff;
}
.request-item table td{
    font-weight: 400;
    padding: 10px;
    border-left: solid #f0f0f0 1px;
    background-color: #fff;
    white-space: nowrap;
}

.request-item table th:first-child,
.request-item table td:first-child{
    border-left:none;
}

.request-item table th:nth-child(4),
.request-item table th:nth-child(5){
    width: 10%;
}
.request-item table th:nth-child(6){
    width: 15%;
}


/*来場予約*/
.campaign{
    width: 780px;
    margin: 60px auto 0 auto;
}
.campaign .txt-link-btn{
    text-align: right;
}
.campaign .txt-link{
    display: inline-block;
    margin-top: 8px;
    
}

.form-calendar{
    margin-top: 60px;
    background-color: #EDF7F6;
    border-top: solid #65A899 1px;
}
.form-calendar-inner{
    padding: 50px 90px;
}

.calendar-head{
    text-align: center;
}
.calendar-head p{
    font-size: 15px;
}
.calendar-head h3{
    font-size: 18px;
    font-weight: 500;
}

.calendar{
    margin-top: 8px;
}
.calendar-navi{
    margin-top: 30px;
}
.calendar-navi .prev{
    display: inline-block;
    float: left;
}
.calendar-navi .next{
    display: inline-block;
    float: right;
}

.calendar-navi .prev a{
    display: block;
    background: url("../../images/arrow_l_g.png") left center no-repeat;
    background-size: 4px auto;
    padding-left: 10px;
    text-decoration: none;
    color: #65A899;
    font-size: 13px;
    line-height: 120%;
}
.calendar-navi .next a{
    display: block;
    background: url("../../images/arrow_r_g.png") right center no-repeat;
    background-size: 4px auto;
    padding-right: 10px;
    text-decoration: none;
    color: #65A899;
    font-size: 13px;
    line-height: 120%;
}


.calendar table{
    width: 100%;
    border-collapse: collapse;
    border: solid #ccc 1px;
    font-size: 15px;
    line-height: 150%;
    background-color: #fff;
}
.calendar table a{
    color: #666666;
}
.calendar table span{
    color: #666666;
    text-decoration: underline;
    cursor: pointer;
}

.calendar table td{
    padding: 15px 0;
    text-align: center;
    vertical-align: middle;
    border: solid #ccc 1px;
}

.calendar table .day td{
    border-bottom: solid #65A899 1px;
}

.calendar table td.time{
    width: 20%;
}
.calendar table td.sat{
    background-color: #EAF4FF;
}
.calendar table td.sun{
    background-color: #FFEAEA;
}
.calendar table td.holiday{
    background-color: #eee;
}


.calendar-ex{
    margin-top: 20px;
    font-size: 13px;
    margin-right: -20px;
    text-align: center;
}
.calendar-ex span{
    display: inline-block;
    margin-right: 20px;
}

.calendar-ex p{
    margin-top: 20px;
    font-size: 12px;
    line-height: 140%;
    text-align: left;
}
.calendar-ex p span{
    display: block;
    width: auto;
    margin: 0;
    text-indent: -1em;
    padding-left: 1em;
    margin-top: 5px;
}



.form-wrapp table .visit-place th{
    background-color: #65A899 !important;
    color: #fff;
    text-align: center;
    vertical-align: middle;
}

.form-wrapp table .visit-place td{
    padding-top: 20px;
    padding-bottom: 20px;
}
.form-wrapp table .visit-place td .place .imgbox{
    width: 20%;
    float: left;
}
.form-wrapp table .visit-place td .place .txtbox{
    width: 75%;
    float: right;
}
.form-wrapp table .visit-place td .place .txtbox strong{
    font-weight: 500;
    display: block;
}


/* フォーム
------------------------------------------------------------ */

input[type="submit"]{
-webkit-appearance: none;
}


.form-wrapp table{
	text-align: left;
	width: 100%;
	border-collapse: collapse;
    background-color: #F9F9F9;
    font-display: 15px;
    line-height: 150%;
}
.form-wrapp table th,
.form-wrapp table td{
	vertical-align: top;
    border-top: solid #eaeaea 1px;
	
}
.form-wrapp table th{
	font-weight: normal;
	width: 25%;
    background-color: #edfcd1;
    padding: 25px 15px 25px 15px;
    border-top: solid #e2e2e2 1px;
}

.form-wrapp table th p{
    font-size: 13px;
}

.form-wrapp table td{
    padding: 15px 25px;
    vertical-align: middle;
    
}


.form-wrapp.confirm-wrapp table th{
	font-weight: normal;
	width: 25%;
    background-color: #eee;
    padding: 25px 15px 15px 15px;
    border-top: solid #e2e2e2 1px;
}
.form-wrapp.confirm-wrapp table td{
    padding: 25px 25px;
}




.form-wrapp select,
.form-wrapp input,
.form-wrapp textarea{
	font-size: 16px;
	line-height: 160%;
	padding: 8px 2%;
	border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	border: solid #aaa 1px;
	background-color: #fff;
	width: 96%;
}



.form-wrapp .auto input{
	width: auto;
}

.form-wrapp textarea{
	height: 200px;
}

.form-wrapp label{
	display: inline-block;
	margin-right: 30px;
	vertical-align: middle;
    padding: 5px 0;
}

.form-wrapp input[type="radio"]{
    display: inline-block;
    width: auto;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -0.25em;
}
.form-wrapp input[type="checkbox"]{
    display: inline-block;
    width: auto;
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -0.1em;
}


.form-wrapp .send-btn,
.form-wrapp .inputback-btn{
    display: inline;
    margin: 0 -0.1em;
}

.form-wrapp .submit-area form{
    display: inline;
}
.form-wrapp .submit-area input{
    cursor: pointer;
}

.sslbox {
	text-align: center;
	margin-top: 20px;
}

@media screen and (min-width: 961px){
    .form-wrapp .submit-area input{
        /**/
        -webkit-transition: 0.3s ease-in-out;
           -moz-transition: 0.3s ease-in-out;
             -o-transition: 0.3s ease-in-out;
                transition: 0.3s ease-in-out;
    }
    .form-wrapp .submit-area input:hover{
        opacity: 0.6;
    }
}


.form-wrapp .send-btn input[type="submit"]{
	border: none;
	display: inline-block !important;
	width: auto;
	min-width: 290px;
	padding: 25px 15px;
	border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	background: #5aad21 url("../img/arrow_r_w.png") 90% center no-repeat;
    background-size: 4px auto;
    border-radius: 4px;
	-webkit-appearance: none;
}

.form-wrapp .inputback-btn input[type="submit"]{
	border: none;
	display: inline-block !important;
	width: auto;
	min-width: 290px;
	padding: 25px 15px;
	border-radius: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	background: #434C52 url("../img/arrow_l_w.png") 10% center no-repeat;
    background-size: 4px auto;
    border-radius: 4px;
	-webkit-appearance: none;
}


.form-wrapp .search-box .select{
    width: 300px;
    border: solid #65A899 1px;
}

.form-wrapp .search-box.search-box-s{
    display: inline-block;
    margin-left: 20px;
}
.form-wrapp .search-box.search-box-s .select{
    width: 100px;
    display: inline-block;
}

/*プレースフォルダ*/
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#888;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#888;
}
::placeholder{ /* Others */
 color:#888
}

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }
input:focus::-moz-placeholder { color:transparent; }
textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; }
textarea:focus::-moz-placeholder { color:transparent; }




.small01{
    width: 70px !important;
}
.small02{
    width: 200px !important;
}
.middle{
    width: 400px !important;
}
.long{
    width: 590px !important;
}

input.zip-btn{
    -webkit-appearance: none;
    border: none;
    background-color: #5aad21;
    color: #fff;
    font-size: 12px;
    width: auto;
    display: inline-block;
    padding: 15px 15px;
    line-height: 100%;
    margin-left: 15px;
}



/*エラー表示*/
.form-wrapp .errortxt{
    display: none;
    color: #B52C33;
    font-size: 12px;
    margin-bottom: 5px;
}

.form-wrapp .error .errortxt{
    display: block;
}

.form-wrapp table .error th{
    background-color: #F8E1DF;
    border-top: solid #ead8d6 1px;
}
.form-wrapp table .error td{
    background-color: #FFF0EF;
    border-top: solid #f0e4e3 1px;
}
.form-wrapp table .error input[type="text"],
.form-wrapp table .error textarea{
    border: solid #B52C33 1px;
}


/* TOPメインエリア
------------------------------------------------------------ */
.main-area{
    position: relative;
    height: 675px;
}


.main-area-inner{
    margin-left: 30px;
    height: 675px;
    position: fixed;
}

.main-area-inner .slide-title{
    position: absolute;
    z-index: 100;
}
.main-area-inner .slide-title h2{
    width: 785px;
    margin: 140px 0 0 80px;
    
}

.main-area-inner .scroll-btn{
    position: absolute;
    z-index: 110;
    right: 60px;
    bottom:30px;
}
.main-area-inner .scroll-btn a span:after{
    content: '';
    display: block;
    width: 1px;
    height: 70px;
    background-color: #fff;
    position: absolute;
    top:-80px;
    left: 7px;
}
.main-area-inner .scroll-btn img{
    width: 15px;
}


.mainImgSlider{
	
}
.mainImgSlider li{
    height: 675px;
    background-size: cover !important;
    list-style: none;
}
.mainImgSlider li img{
    width: 100%;
}

.main-area .bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
    position: absolute;
    bottom: 30px;
    right: 100px;
    z-index: 200;
}

.main-area .bx-wrapper .bx-pager .bx-pager-item,
.main-area .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
.main-area .bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 8px;
	height: 8px;
	margin: 0 10px;
	outline: 0;
	background:url(../../images/pagination_off.png) center center no-repeat;
	background-size:cover;
	cursor:pointer;
}

@media screen and (min-width: 961px){
    .main-area .bx-wrapper .bx-pager.bx-default-pager a:hover,
    .main-area .bx-wrapper .bx-pager.bx-default-pager a.active {
        background:url(../../images/pagination_on.png) center center no-repeat;
        background-size:cover;
    }
}

/**/
.news-area{
    position: absolute;
    width: 920px;
    left: 0;
    bottom:-35px;
    z-index: 110;
    background-color: #fff;
    box-shadow: 5px 5px 8px rgba(0,0,0,0.10);
}
.news-area-inner{
    display: table;
    width: 100%;
}
.news-area-inner .news-area-title{
    width: 122px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background-color: #434C52;
}
.news-area-inner .news-area-title h2{
    font-size: 16;
    color: #fff;
    font-family: 'Yantramanav', sans-serif;
    font-weight: 500;
}
.news-area-inner .news-area-item{
    display: table-cell;
    vertical-align: middle;
}
.news-area-inner li a{
    display: block;
    text-decoration: none;
    color: #434C52;
    font-size: 13px;
}
.news-area-inner li a p{
    /**/
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}
@media screen and (min-width: 961px){
    .news-area-inner li a:hover{
        opacity: 1;
        filter: alpha(opacity=100);
    }
    .news-area-inner li a:hover p{
        color: #65A899;
    }
}

.news-area-inner .news-area-item{
    display: table;
    width: 100%;
    text-align: 140%;
    
}
.news-area-inner .news-area-item span{
    display: table-cell;
    width: 137px;
    vertical-align: middle;
    text-align: center;
    height: 70px;
}
.news-area-inner .news-area-item p{
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    height: 70px;
    
}

.news-area .slick-next {
    top: inherit !important;
    right: 0px !important;
    bottom:10% !important;
    z-index: 99;
	display: block;
	text-indent: -9999px;
	width:50px !important;
	height:30px !important;
	background: url(../../images/arrow_bottom.png) no-repeat center center !important;
	background-size: auto 5px !important;
	cursor:pointer;
}
.news-area .slick-prev {
    left: inherit!important;
    right: 0px !important;
    top:55% !important;
    z-index: 100;
	display: block;
	text-indent: -9999px;
	width:50px !important;
	height:30px !important;
	background: url(../../images/arrow_top.png) no-repeat center center !important;
	background-size: auto 5px !important;
	cursor:pointer;
}
@media screen and (min-width: 961px){
    .news-area .slick-next:hover {
        top: inherit !important;
        right: 0px !important;
        bottom:10% !important;
        z-index: 99;
        display: block;
        text-indent: -9999px;
        width:50px !important;
        height:30px !important;
        background: url(../../images/arrow_bottom_g.png) no-repeat center center !important;
        background-size: auto 5px !important;
        cursor:pointer;
        border: none !important;
        box-shadow: 0px 0px 0px rgba(0,0,0,0.0);
    }
    .news-area .slick-prev:hover {
        left: inherit!important;
        right: 0px !important;
        top:55% !important;
        z-index: 100;
        display: block;
        text-indent: -9999px;
        width:50px !important;
        height:30px !important;
        background: url(../../images/arrow_top_g.png) no-repeat center center !important;
        background-size: auto 5px !important;
        cursor:pointer;
        border: none !important;
        box-shadow: 0px 0px 0px rgba(0,0,0,0.0);
    }
}

/**/


.scroll-wrapp{
    position: relative;
    width: 100%;

}
.scroll-bottom{
    position: relative;
    width: 100%;
    background-color: #fff;
}

.about-area{
    position: relative;
    width: 100%;/*js制御*/
    z-index: 10;
    right: 0;
    background: #F5F4F4 url("../../images/top_about_bgtitle.png") left top no-repeat;
}



.about-area-inner{
    position: relative;
    height: 100%;
    overflow: hidden;
}

.about-flow{
    position: relative;
    top:0;
    left: 0;
    width: 20%;
    height: 100%;
    z-index: 10;
}
.about-flow-inner{
   position: relative;
   display: table; 
   width: 100%;
   height: 100%;
}
.about-flow-inner .about-flow-nav{
    display: table-cell;
    vertical-align: middle;
    text-align: right;
}

.about-flow-title{
    
}
.about-flow-title .sub{
    display: none;
}
.about-flow-title h2{
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
    letter-spacing: 0.1em;
    position: relative;
    background: url("../../images/top_about_title.png") center center no-repeat;
    background-size: 24px auto;
    width: 24px;
    height: 324px;
    margin: 0 0 0 auto;
}
.about-flow-title h2:after{
    content: '';
    display: block;
    width: 1px;
    height: 18%;
    background-color: #434C52;
    position: absolute;
    top:-80px;
    right: 12px;
}
.about-flow-title h2 span{
    text-indent: -9999px;
    display: none;
}

.about-flow-number{
    margin-top: 24px;
    position: relative;
}
.about-flow-number:after{
    content: '';
    display: block;
    width: 1px;
    height: 120%;
    background-color: #ccc;
    position: absolute;
    top:0px;
    right: 12px;
}
.about-flow-number:before{
    content: '';
    display: block;
    width: 1px;
    height: 20%;
    background-color: #434C52;
    position: absolute;
    top:0px;
    right: 12px;
    z-index: 2;
}
.about-flow-line{
    display: block;
    width: 1px;
    height: 0%;
    background-color: #434C52;
    position: absolute;
    top:0px;
    right: 12px;
    z-index: 5;
}

.about-flow-number ul{
    padding: 10% 0;
}
.about-flow-number ul li{
    list-style: none;
    position: relative;
    padding: 10px 0;
    z-index: 10;
    right: -11px;
    cursor: pointer;
    border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
    overflow: hidden;
    /**/
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}
.about-flow-number ul li strong{
    font-family: 'Yantramanav', sans-serif;
    font-weight: 500;
    font-size: 12px;
    letter-spacing: 0.1em;
    position: absolute;
    top: 22px;
    right: 58px;
    color: #434C52;
    /**/
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}
.about-flow-number ul li p{
    display: table;
    width: 46px;
    height: 46px;
    margin: 0 0 0 auto;
    background-color:#F5F4F4;
    line-height: 100%;
    /**/
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
    
}
.about-flow-number ul li p span{
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #434C52;
    border: solid #434C52 1px;
    border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
    font-size: 15px;
    font-family: 'Yantramanav', sans-serif;
    font-weight: 500;
    letter-spacing: 0.1em;
    /**/
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}

.about-flow-number ul li.flowthis p span{
    background-color: #434C52;
    color: #fff;
}

@media screen and (min-width: 961px){
    .about-flow-number ul li:hover strong{
        color: #65A899;
    }
    .about-flow-number ul li:hover p{

    }
    .about-flow-number ul li:hover p span{
        background-color:#65A899;
        border: solid #65A899 1px;
        color: #fff;
    }
}



.about-area-box{
    position: absolute;
    width: 75%;
    height: 100%;
    top:inherit;
    bottom:0;
    right: 0;
    opacity: 0;
    z-index: 50;
    /**/
	-webkit-transition: 0.6s ease-in-out;
	   -moz-transition: 0.6s ease-in-out;
		 -o-transition: 0.6s ease-in-out;
			transition: 0.6s ease-in-out;
}
.about-area-box .about-area-box-inner{
   display: table; 
   width: 100%;
   height: 90%;
}
.about-area-box .about-area-box-inner .about-item{
    display: table-cell;
    vertical-align: middle;
}

.about-area-box.about01{
  
}
.about-area-box.about01 .about-content .imgbox{
    
}

.show {
  opacity: 1;
  transform: scale(1);
  z-index: 100;
}


.about-content{
    position: relative;
    margin: 0 auto;
}
.about-content .imgbox{
    margin-top: -10%;
    width: 100%;
    text-align: center;
    
    transform: scale(0.9);
    /**/
	-webkit-transition: 0.6s ease-in-out;
	   -moz-transition: 0.6s ease-in-out;
		 -o-transition: 0.6s ease-in-out;
			transition: 0.6s ease-in-out;
}
.show .about-content .imgbox{
    transform: scale(1);
}


.about-content .imgbox img{
    display: block;
    width: auto;
    height: auto;
    max-width: inherit;
}


.about-content .txtbox{
    width: 456px;
    height: 272px;
    color: #fff;
    position: absolute;
    bottom:-15%;
    right: 0%;
    opacity: 0;
    background: #434C52 url("../../images/top_about_txtbg.png") left top no-repeat;
    /**/
	-webkit-transition: 0.8s ease-in-out;
	   -moz-transition: 0.8s ease-in-out;
		 -o-transition: 0.8s ease-in-out;
			transition: 0.8s ease-in-out;
}
.show .about-content .txtbox{
    bottom:-15%;
    right: 10%;
    opacity: 1;
}


.about-content .txtbox .txtbox-inner {
    
}
.about-content .txtbox .txtbox-inner h3{
    float: left;
    width: 144px;
    padding-top: 30px;
    text-align: center;
}
.about-content .txtbox .txtbox-inner h3 img{
    width: 40px;
}
.about-content .txtbox .txtbox-inner .inner-txt{
    float: right;
    width: 312px;
}
.about-content .txtbox .txtbox-inner .inner-txt p{
     padding: 25px 20px 0 0;
    text-align: left;
    font-size: 14px;
    line-height: 220%;
}
.about-content .txtbox .txtbox-inner .inner-txt p span{
    font-size: 11px;
}

.about-content .txtbox .txtbox-inner .inner-txt .btn-link-more{
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 10;
}



.about01 .about-content{
   
}
.about02 .about-content{

}
.about03 .about-content{

}



/**/
.top-area-title{
    line-height: 140%;
}
.top-area-title h2{
    font-size: 36px;
    letter-spacing: 0.2em;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
}
.top-area-title h2 strong{
    font-size: 14px;
    letter-spacing: 0.1em;
    font-family: 'Yantramanav', sans-serif;
    font-weight: 500;
    display: block;
    margin-top: 25px;
}


/*建築事例*/
.architecture-area{
    background:#434C52  url("../../images/top_architure_bgimg.jpg") 360px center no-repeat;
    background-size: cover;
    overflow: hidden;
}
.architecture-title{
    color: #fff;
}
.architecture-area-bg{
    padding: 130px 0 110px 0;
    background:url("../../images/top_architure_bgtitle.png") center 40px no-repeat;
    position: relative; 
}


.architecture-area-slider{
    margin-left: 13%;
    padding: 65px 0 75px 0;
    text-align: left;
    line-height: 150%;
}

.slider-architecture {
    
}
.slider-architecture .slick-list {
  padding: 0 38% 0 0!important;
}
.slider-architecture li {
  margin: 0 0.5%;
}

.architecture-item a{
    text-decoration: none;
    color: #fff;
    font-size: 13px;
}
@media screen and (min-width: 961px){
    .architecture-item a:hover{
        opacity: 1;
        filter: alpha(opacity=100);
    }
}


.architecture-item .imgbox{
    
    position: relative;
    margin-top: 10px;
}
.architecture-item .imgbox span{
    display: block;
    position: relative;
    top:0;
    left: 0;
    z-index: 10;
    /**/
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}
.architecture-item .imgbox:after{
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left: 0;
    background-color: #fff;
    z-index: 0;
}

@media screen and (min-width: 961px){
    .architecture-item a:hover .imgbox span{
        display: block;
        top:-10px;
        left: -10px;
    }
}

.architecture-item .txtbox{
    margin-top: 15px;
}


.architecture-area-slider .slick-dots
{
    position: absolute;
    bottom: -120px;
    left: 0;
    display: block;
    width: auto;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.architecture-area-slider .slick-next {
	position: absolute;
    right: inherit;
	top:inherit;
    left:30%;
    bottom:-140px;
	margin-top: 0px;
    z-index: 99;
	display: block;
	text-indent: -9999px;
	width:50px !important;
	height:50px !important;
	background: url(../../images/arrow_r_w.png) no-repeat center center !important;
	background-size: 4px auto!important;
	cursor:pointer;
	border: none  !important;
    border: solid #fff 1px !important;
    border-radius: 60px;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
    /**/
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}
.architecture-area-slider .slick-prev {
	position: absolute;
    left: inherit;
	top:inherit;
    bottom:-140px;
    left:25%;
	margin-top: 0px;
    z-index: 100;
	display: block;
	text-indent: -9999px;
	width:50px !important;
	height:50px !important;
	background: url(../../images/arrow_l_w.png) no-repeat center center !important;
	background-size: 4px auto!important;
	cursor:pointer;
	border: none  !important;
    border: solid #fff 1px !important;
    border-radius: 60px;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
    /**/
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}


.architecture-area-btn{
    position: relative;
    padding-top: 40px;
    
}
.architecture-area-btn .btn-link-more{
    position: absolute;
    right: 0;
    bottom: 0;
}



/*販売中の物件*/
.products-area{
    overflow: visible;
    position: relative;
    background: url("../../images/top_products_bgcolor.png") left top repeat-y;
    background-size: 360px;
    
    
    
}
.products-area-inner{
    background: url("../../images/top_products_bg.png") left top no-repeat;
    padding-top: 180px;
    
}


.products-area-title-wrapp{
    background: url("../../images/top_products_bgtitle.png") top center no-repeat;
    padding: 95px 0 90px 0;
}

.products-area-title{
    text-align: center;
    
}


.products-pickup-wrapp{
    height: auto !important;
    
    
    
}
.products-search{
    width: 360px;
    float: left;
    height: 100%;
    
    top:0;
    left: 0;
    padding-top: 60px;
    margin-top: -60px;
    position: -webkit-sticky; /* Safariに対応する */
    position: sticky; /* 要素を固定/解除する */
    
    
}

.products-search .tab-group{
    
}
.products-search .tab{
    list-style:none;
    text-align:center;
    cursor:pointer;
    color:#fff;
    width: 140px;
    float: left;
    background-color: #434C52;
    padding: 20px 0;
    font-size: 14px;
    line-height: 110%;
    /**/
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}
.products-search .panel-group{
    background-color: #65A899;
}
.products-search .panel{
    display:none;
    padding: 40px 40px;
    
}
.products-search .tab.is-active{
    background-color: #65A899;
    color:#fff;
}

@media screen and (min-width: 961px){
    .products-search .tab:hover{
        background-color: #fff;
        color:#65A899;
    }
}
.products-search .panel.is-show{
    display:block;
}

.products-search .search-box{
    overflow: auto;
}
.products-search .search-box::-webkit-scrollbar {
  width: 8px;
  height: auto;
}
.products-search .search-box::-webkit-scrollbar-track {
    background-color: #6ea89b;
}
.products-search .search-box::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #5a7776;
}

.products-search .search-box-inner{
    
    padding: 0px 10px;
}

.products-search .btn-link-more-b{
    width: auto;
}
.products-search .btn-link-more-b a{
    padding-top:50px;
    padding-bottom: 50px;
}


/*チェックボックス*/
.CheckInput{
    margin: 0;
    padding: 0;
    display: flex;
    width: 100%;
    margin-bottom: 4px;
}
.CheckInput p{
    text-align: left;
    padding: 8px 8px;
    margin: 0;
    display: flex;
    color: #fff;
    width: 100%;
    align-items: center;
    cursor: pointer;
    background-color: #6a9f95;
    border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
    /**/
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}
.CheckInput:hover p{
    background-color: #5b7b78;
}

.CheckInput-Input {
  margin: 0;
  width: 0;
  opacity: 0;
}

.CheckInput-Input:checked + p .CheckInput-DummyInput {
  border: none;
  background: #65A899;
}
.CheckInput-Input:checked + p .CheckInput-DummyInput::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background:#65A899 url("../../images/check.png") no-repeat center;
    background-size: 70% auto;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.CheckInput-Input:checked + p{
    background-color: #fff;
    color: #333;
}


.CheckInput-DummyInput {
    position: relative;
    top: 0;
    left: 0;
    display: block;
    width: 18px;
    height: 18px;
    border: none;
    background: #fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}


.CheckInput-LabelText {
    margin-left: 12px;
    display: block;
    font-size: 13px;
}

/*セレクトボックス*/
.search-box .select {
    position: relative;
    width: 100%;
    border: none;
    background-color: #fff;
    border-radius: 3px;
    color: #65A899;
    font-size: 14px;
    z-index: 1;
}
.search-box .select:after {
    content:'';
    position: absolute;
    top:50%;
    right: 8px;
    margin-top: -8px;
    width: 16px;
    height: 16px;
    display: block;
    background: url("../../images/arrow_bottom_g.png") center center no-repeat;
    background-size: 8px auto;
    z-index: 100;
}
.search-box .select > select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    box-sizing: border-box;
    padding-left: 8px;
    border: none;
    background-color: transparent;
    border-radius: 0;
    outline: none;
    color: #65A899;
}
/**/


.products-result{
    float: right;
    height: auto !important;
    overflow: auto;
    min-width: 1000px;
    
    
    
}

.slider-products-result li.products-item{
    list-style: none;
}

.products-item{
    padding: 0 0 0 60px;
    text-align: left;
    
}
.products-item-inner{
    border-bottom: solid #CCCCCC 1px;
    padding: 0 0 50px 0;
    margin: 0 0 50px 0;
    width: 100%;
}
.products-item .imgbox{
    width: 470px;
    float: left;
    position: relative;
    overflow: hidden;
    position: relative;
}
.products-item .imgbox .imgbox-inner span{
    display: block;
}

.products-item .imgbox .imgbox-txt{
    position: absolute;
    bottom:0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../../images/img_cover.png") bottom center no-repeat;
    background-size: 100% auto;
    
   
}
.products-item .imgbox .imgbox-txt p{
    position: absolute;
    bottom:0;
    left: 0;
    padding: 20px 40px;
    color: #fff;
}

.products-item .txtbox{
    width: 375px;
    float: left;
    margin-left: 50px;
    color: #434C52;
}

.products-item .txtbox .products-data{
    margin-bottom: 33px;
}
.products-item .txtbox .products-data span{
    display: inline-block;
    border: solid #EEEEEE 1px;
    line-height: 100%;
    padding: 15px;
    font-size: 11px;
}
.products-item .txtbox .products-title h3{
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 500;
    font-size: 24px;
    letter-spacing: 0.1em;
}
.products-item .txtbox .products-info{
    margin-top: 33px;
}
.products-item .txtbox .products-info table{
    border-collapse: collapse;
    line-height: 150%;
    width: 100%;
    line-height: 170%;
    font-size: 11px;
}
.products-item .txtbox .products-info table th{
    width: 25%;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 400;
    padding-bottom: 5px;
}
.products-item .txtbox .products-info table td{
    padding-bottom: 6px;
}
.products-item .txtbox .products-info table td .list{
    padding-left: 1em;
    position: relative;
    margin-bottom: 0.2em;
}
.products-item .txtbox .products-info table td .list:after{
    content: '';
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background-color: #65A899;
    position: absolute;
    left: 0;
    top:0.65em;
}

.products-link{
    margin-top: 25px;
    margin-right: -3%;
}
.products-link .products-btn{
    float: left;
    width: 30%;
    margin-right: 3%;
}
.products-link .products-btn a{
    border: solid #EEEEEE 1px;
    line-height: 100%;
    text-decoration: none;
    display: block;
    color: #333;
    font-size: 12px;
    text-align: center;
    padding: 15px 15px;
    padding-top: 73px;
    letter-spacing: 0.1em;
    position: relative;
    /**/
    z-index: 2;
    overflow: hidden;
}
.products-link .products-btn a span{
    position: relative;
    display: block;
    
}

.products-link .products-btn.btn01 a{
    background: url("../../images/icon_001.png") center 20px no-repeat;
    background-size: 33px auto;
    color: #65A899;
}
.products-link .products-btn.btn02 a{
    background: url("../../images/icon_002.png") center 20px no-repeat;
    background-size: 33px auto;
    color: #3C589F;
}
.products-link .products-btn.btn03 a{
    background: url("../../images/icon_003.png") center 20px no-repeat;
    background-size: 33px auto;
    color: #B14276;
}




.products-link .products-btn.btn01 a span:after{
    content: '';
    width: 57px;
    height: 1px;
    background-color: #65A899;
    position: absolute;
    bottom:-15px;
    right: -16px;
    z-index: 100;
}
.products-link .products-btn.btn02 a span:after{
    content: '';
    width: 57px;
    height: 1px;
    background-color: #3C589F;
    position: absolute;
    bottom:-15px;
    right: -16px;
    z-index: 10;
}
.products-link .products-btn.btn03 a span:after{
    content: '';
    width: 57px;
    height: 1px;
    background-color: #B14276;
    position: absolute;
    bottom:-15px;
    right: -16px;
    z-index: 10;
}



.products-link .products-btn a:before {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
    top: -5%;
    width: 110%;
    height: 110%;
    border: solid #EEEEEE 1px;
    /**/
	-webkit-transition: 0.4s ease-out;
	   -moz-transition: 0.4s ease-out;
		 -o-transition: 0.4s ease-out;
			transition: 0.4s ease-out;
}
.products-link .products-btn a:before {
  right: -5%;
}


@media screen and (min-width: 961px){
    .products-link .products-btn a:hover:before {
        width: 0;
        background-color: #fff;
    }
    
    .products-link .products-btn.btn01 a:hover{
        background:#65A899 url("../../images/icon_001_w.png") center 20px no-repeat;
        background-size: 33px auto;
        color: #fff;
        opacity: 1;
        filter: alpha(opacity=100);
        border: solid #65A899 1px;
    }
    .products-link .products-btn.btn02 a:hover{
        background:#3C589F url("../../images/icon_002_w.png") center 20px no-repeat;
        background-size: 33px auto;
        color: #fff;
        opacity: 1;
        filter: alpha(opacity=100);
        border: solid #3C589F 1px;
    }
    .products-link .products-btn.btn03 a:hover{
        background:#B14276 url("../../images/icon_003_w.png") center 20px no-repeat;
        background-size: 33px auto;
        color: #fff;
        opacity: 1;
        filter: alpha(opacity=100);
        border: solid #B14276 1px;
    }
}


/**/
.voice-area{
    position: relative;
    padding: 180px 0 160px 0;
    background-color: #F5F4F4;
    overflow: hidden;
}

.voice-area-title-wrapp{
    width: 440px;
    float: left;
    margin-left: 13%;
    text-align: left;
    margin-top: 185px;
    font-size: 15px;
    color: #434C52;
}
.voice-area-title-wrapp:after{
    content: '';
    width: 100%;
    height: 100%;
    background: url("../../images/top_voice_bgtitle.png") left 200px  no-repeat;
    position: absolute;
    top:0;
    left: 0;
    z-index: 5;
}
.voice-area-title-wrapp:before{
    content: '';
    width: 100%;
    height: 100%;
    background: url("../../images/top_voice_bg.png") right top no-repeat;
    position: absolute;
    top:0;
    right: 0;
    z-index: 4;
}

.voice-area-title-wrapp p{
    margin-top: 130px;
}
.voice-area-title-wrapp .btn-link-more{
    margin-top: 50px;
    position: relative;
    z-index: 10;
}



.voice-area-inner{
    position: relative;
    width: 48%;
    float: right;
}
.voice-area-inner:after{
    content: '';
    width: 100%;
    height: 100%;
    background-color: #E2F0E9;
    position: absolute;
    top:0;
    left: 0;
    z-index: 1;
}


.voice-item{
    background-color: #fff;
    line-height: 180%;
}
.voice-item a{
    display: block;
    text-decoration: none;
    color: #434C52;
    font-size: 14px;
}


.voice-item .imgbox{
    overflow: hidden;
    position: relative;
}
.voice-item .imgbox span{
    display: block;
    /**/
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}


@media screen and (min-width: 961px){
    .voice-item a:hover{
        opacity: 1;
        filter: alpha(opacity=100);
    }
    .voice-item a:hover span{
        transform: scale(1.1);
    }
}

.voice-item .txtbox{
    padding: 25px 50px 30px 50px;
}
.voice-item .txtbox h3{
    font-weight: 400;
    background: url("../../images/icon_user.png") left center no-repeat;
    background-size: 13px auto;
    padding: 5px 0 5px 20px;
    line-height: 140%;
    margin-bottom: 10px;
}
.voice-item .txtbox .day{
    font-family: 'Yantramanav', sans-serif;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.1em;
    margin-top: 10px;
}




.slider-voice{
    position: relative;
    z-index: 10;
    padding: 40px 0px 40px 30px;
    text-align: left;
    line-height: 150%;
}


.slider-voice .slick-list {
  padding: 0 30% 0 0!important;
}
.slider-voice li {
  margin: 0 0.5%;
}

.voice-area-slider .slick-next {
	position: absolute;
    right: 27.5%;
	top:60%;
	margin-top: 0px;
    z-index: 99;
	display: block;
	text-indent: -9999px;
	width:50px !important;
	height:50px !important;
	background: url(../../images/arrow_r_g.png) no-repeat center center !important;
	background-size: 4px auto!important;
	cursor:pointer;
	border: none  !important;
    border: solid #65A899 1px !important;
    border-radius: 60px;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
    /**/
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}
.voice-area-slider .slick-prev {
	position: absolute;
    left: 20px;
	top:60%;
	margin-top: 0px;
    z-index: 100;
	display: block;
	text-indent: -9999px;
	width:50px !important;
	height:50px !important;
	background: url(../../images/arrow_l_g.png) no-repeat center center !important;
	background-size: 4px auto!important;
	cursor:pointer;
	border: none  !important;
    border: solid #65A899 1px !important;
    border-radius: 60px;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
    /**/
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}



.voice-area-slider .slick-dots
{
    position: absolute;
    bottom: 0px;
    left: 35px;
    display: block;
    width: auto;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.voice-area-slider .slick-dots li
{
	background:url(../../images/pagination_off02.png) center center no-repeat;
	background-size:cover;
}



/**/
.guide-area{
    /*background: url("../../images/top_guide_bgimg.jpg") center center no-repeat;
    background-size: cover;*/
    background-color: #65A899;
    padding: 58px 0;
}
.guide-area-inner{
    text-align: center;
    color: #fff;
    font-size: 15px;
    padding-bottom: 55px;
    background:#65A899 url("../../images/top_guide_bgtitle.png") left top no-repeat;
   
}

.guide-area-title-wrapp{
    
     padding: 95px 55px 55px 55px;
}
.guide-area-title-wrapp p{
    margin-top: 55px;
}

.guide-list-wrapp{
    padding: 0 55px;
}
.guide-list-wrapp ul{
    width: 48%;
    
}
.guide-list-wrapp ul.guide-list01{
    float: left;
}
.guide-list-wrapp ul.guide-list02{
    float: right;
}

.guide-list-wrapp ul li{
    list-style: none;
}

.guide-item{
    border-top:solid #6a9e94 1px;
    padding: 8px 0;
}
.guide-item a{
    display: block;
    text-decoration: none;
    color: #fff;
}

.guide-item-inner{
    display: table;
    width: 100%;
    position: relative;
    line-height: 140%;
}
.guide-item .iconbox{
    width: 114px;
    display: table-cell;
    vertical-align: middle;
    text-align: center; 
    padding: 25px 0;
}
.guide-item .iconbox img{
    width: 55px;
}
.guide-item .txtbox{
    display: table-cell;
    vertical-align: middle;
    text-align: left;
    padding: 25px 0;
}
.guide-item .txtbox h4{
    font-weight: 400;
    font-size: 22px;
}
.guide-item .txtbox h4 span{
    font-family: 'Yantramanav', sans-serif;
    font-weight: 500;
    display: block;
    letter-spacing: 0.1em;
    margin-top: 8px;
    font-size: 13px;
}

.guide-item .btn-link-arrow{
    position: absolute;
    top:23.5%;
    right: 5%;
    display: block;
}
.guide-item a{
    position: relative;
    z-index: 2;
    overflow: hidden;
}

.guide-item a:after {
    position: absolute;
    z-index: -1;
    display: block;
    content: '';
    top: -5%;
    width: 120%;
    height: 110%;
    /**/
	-webkit-transition: 0.4s ease-out;
	   -moz-transition: 0.4s ease-out;
		 -o-transition: 0.4s ease-out;
			transition: 0.4s ease-out;
}

.guide-item a:after {
  right: -20%;
}

@media screen and (min-width: 961px){
    .guide-item a:hover{
        background-color: #62998d;
        opacity: 1;
        filter: alpha(opacity=100);
    }
    
    .guide-item a:hover:before,
    .guide-item a:hover:after {
      width: 0;
      background-color: #65A899;

    }
}







/* スライダー基本
--------------------------------------------*/

		
.slick-next {
	position: absolute;
    right: -30px;
	top:50%;
	margin-top: -30px;
    z-index: 99;
	display: block;
	text-indent: -9999px;
	width:60px;
	height:60px;
	background: url(../../images/arrow_r_w.png) no-repeat center center;
	background-size: cover;
	cursor:pointer;
	border: none;
}
.slick-prev {
	position: absolute;
    left: -30px;
	top:50%;
	margin-top: -30px;
    z-index: 100;
	display: block;
	text-indent: -9999px;
	width:60px;
	height:60px;
	background: url(../../images/arrow_l_w.png) no-repeat center center;
	background-size: cover;
	cursor:pointer;
	border: none;
}

@media screen and (min-width: 961px){
    .slick-next:hover {
        background: #fff url(../../images/arrow_r_g.png) no-repeat center center !important;
        background-size: 4px auto!important;
        border: solid #fff 1px !important;
        box-shadow: 0px 0px 15px rgba(0,0,0,0.10);
    }
    .slick-prev:hover {
        background: #fff url(../../images/arrow_l_g.png) no-repeat center center !important;
        background-size: 4px auto!important;
        border: solid #fff 1px !important;
        box-shadow: 0px 0px 15px rgba(0,0,0,0.10);
    }
}

/**/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: 0px;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
    z-index: 100;
}
.slick-dots li
{
    position: relative;
    display: inline-block;
    width: 8px;
	height: 8px;
	margin: 0 10px;
	outline: 0;
	background:url(../../images/pagination_off.png) center center no-repeat;
	background-size:cover;

    cursor: pointer;
    /**/
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}
@media screen and (min-width: 961px){
    .slick-dots li:hover{
        opacity: 0.6;
    }
}
.slick-dots li.slick-active
{
    width: 8px;
	height: 8px;
	margin: 0 10px;
	outline: 0;
	background:url(../../images/pagination_on.png) center center no-repeat;
	background-size:cover;
}

.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 8px;
	height: 8px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
@media screen and (min-width: 961px){
    .slick-dots li button:hover,
    .slick-dots li button:focus
    {
        outline: none;

    }
    .slick-dots li button:hover:before,
    .slick-dots li button:focus:before
    {
        opacity: 1;
    }
}
.slick-dots li button:before
{
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}



/* モーダル基本
--------------------------------------------*/
.modal-content {
    position:fixed;
    display:none;
    z-index:9999;
    width:80%;
	max-width:1100px;
    margin:0;
    padding:0;
	color:#333;
}

.modal-content-wrapp{
	position:relative;
	overflow:auto;
	-webkit-overflow-scrolling: touch;
	background-color:#fff;
	padding:0 0;
	max-height: 600px;
}
.modal-content-inner{
	padding:50px 30px;
    text-align: left;
}


.modal-content h2{
    font-weight: 500;
    font-size: 17px;
    color: #65A899;
}

.modal-content p {
    margin:15px 0 0 0;
    padding:0;
    font-size: 13px;
    line-height: 150%;
}

.modal-content .mt{
    margin-top: 20px;
}

.modal-overlay {
    z-index:9998;
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:120%;
    background-color:rgba(0,0,0,0.75);
}

.modal-open {
    text-decoration:underline;
}



.modal-close {
    cursor:pointer;
}


.modal-content .close{
	position:absolute;
	top:-35px;
	right:-35px;
	font-weight:100;
	z-index:10000;
}
.modal-content .close a{
	cursor:pointer;
	color:#fff;
	text-decoration:none;
	font-size:30px;
}



.formError .formErrorContent {
	padding: 4px 10px 4px 10px !important;
	background: #e46c0a !important;
}
.formError .formErrorArrow,
.formError .formErrorArrow div {
	padding: 0 !important;
}
.formError .formErrorArrow div {
	background: #e46c0a !important;
}


.cmsbanner-coms {
	line-height: 1.2;
}

.form-wrapp .red {
	color: #f00;
}
.form-wrapp .bld {
	font-weight: bold;
}