@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20161002
*/

/* Simplicity子テーマ用のスタイルを書く */



.mt0{margin-top: 0px !important;}
.mt8{margin-top: 8px !important;}
.mt16{margin-top: 16px !important;}
.mt24{margin-top: 24px !important;}
.mt32{margin-top: 32px !important;}
.mt40{margin-top: 40px !important;}
.mt48{margin-top: 48px !important;}
.mt56{margin-top: 56px !important;}
.mt64{margin-top: 64px !important;}
.mt72{margin-top: 72px !important;}
.mt80{margin-top: 80px !important;}

.mb0{margin-bottom: 0px !important;}
.mb8{margin-bottom: 8px !important;}
.mb16{margin-bottom: 16px !important;}
.mb24{margin-bottom: 24px !important;}
.mb32{margin-bottom: 32px !important;}
.mb40{margin-bottom: 40px !important;}
.mb48{margin-bottom: 48px !important;}
.mb56{margin-bottom: 56px !important;}
.mb64{margin-bottom: 64px !important;}
.mb72{margin-bottom: 72px !important;}
.mb80{margin-bottom: 80px !important;}

.ml0{margin-left: 0px!important;}
.ml8{margin-left: 8px!important;}
.ml12{margin-left: 12px!important;}
.ml16{margin-left: 16px!important;}
.ml24{margin-left: 24px!important;}
.ml32{margin-left: 32px!important;}

.mr0{margin-right: 0px!important;}
.mr8{margin-right: 8px!important;}
.mr12{margin-right: 12px!important;}
.mr16{margin-right: 16px!important;}
.mr24{margin-right: 24px!important;}
.mr32{margin-right: 32px!important;}

.w5 {width:5%}
.w10 {width:10%}
.w15 {width:15%}
.w20 {width:20%}
.w25 {width:25%}
.w30 {width:30%}
.w35 {width:35%}
.w40 {width:40%}
.w45 {width:45%}
.w50 {width:50%}
.w55 {width:55%}
.w60 {width:60%}
.w65 {width:65%}
.w70 {width:70%}
.w75 {width:75%}
.w80 {width:80%}
.w85 {width:85%}
.w90 {width:90%}
.w95 {width:95%}
.w100 {width:100%}

.quarter {width:49%}
.triplets {width:33.333%}
.half {width:49%}

.f-left{float:left;}
.f-right{float:right}
.f-none {float: none !important;}

.m-auto {
	margin-left: auto;
	margin-right: auto;
}

.kome {
    text-indent: -19px;
    padding-left: 18px;
    margin-left: 8px !important;
}
.kome.small::before {
    content: "※";
    padding-right: 3px;
}
.kome.small {
    text-indent: -16px;
    padding-left: 9px;
    margin-left: 5px !important;
}   
.t-center {
    text-align: center;
}
.t-left {
    text-align: left;
}
.t-right {
    text-align: right;
}
.bold {
    color: #242424;
}
.small {
    font-size: 85%;
}
.gray { color: #B1B1B1;}
#body-in {
    width: 1170px;
	margin: 12vh auto;
}
.singlepage #body-in {
    width: 1020px;
}
#main {
	width: 850px;
     border: none;
}


a{
    color: #7d9c64;
}

.sp{
  display: none;
}
.pc{
  display: block;
}
br.sp{
  display: none;
}
br.pc{
  display: block;
}
p.sp{
  display: none;
}
p.pc{
  display: block;
}
form.sp{
  display: none;
}
form.pc{
  display: block;
}
span.sp{
  display: none;
}
span.pc{
    display: inline-block;
}


/* --------------------------------------共通CSS ここまで---------------------------------------*/

/* --------------------------------------テンプレートCSS ここから---------------------------------------*/

/*------------------------------------------------------------------
Project:	Nantes - multi purpose one-page template
Version:	1.0
Last change:	18/02/2016 [...]
Designed by:	MOOZ Themes / www.MOOZthemes.com
Primary use:	One page
-------------------------------------------------------------------*/




/* --------------------------------------テンプレートCSSここまで---------------------------------------*/

#body {
    margin-top: 0;
}
#site-title {
    margin-top: 4px;
    width: 300px;
    max-width: 250px;
}
.owl-slider-item {
	height: 950px;
}
.btn {
    margin: 0 1em;
}
.navbar-fixed-top .navbar-collapse {
	    max-height: 380px;
}
.col-md-3.mb-sm-30 {
    float: left;
    width: 25%;
    padding: 0;
}
.row.row-0-gutter.com {
    margin-bottom: 5vh;
}
.com dl {
    width: 75%;
    margin: 0 auto 0vh;
    border-bottom: 1px solid #eee;
    padding: 2vh 0 2vh;
}
.com dl:first-child {
    border-top: 1px solid #eee;
    padding-top: 2vh;
    margin-top: 2vh;
}
.com dl dt {
	width: 28%;
    float: left;
    letter-spacing: 0.12em;
    text-align: right;
    padding: 1px 3% 0px;
    font-weight: 500;
}
.com dl dd {
    margin: 0;
    width: 68%;
    float: right;
    line-height: 30px;
}
.com dl dd ul {
    margin: 0;
    padding: 0;
}
.owl-theme .owl-controls {
    display: none;
}
#page-top a {
    color: #fff;
    padding: 0;
    text-decoration: none;
    display: block;
    cursor: pointer;
    text-align: center;
    background-color: #b4cf9e;
    line-height: 100%;
    border-radius: 4px;
    font-size: 11px;
    width: 60px;
    height: 60px;
    position: relative;
}
#page-top a .fa-2x {
    font-size: 5.5rem;
}
form .f-left {
    padding-right: 0;
}
form .f-right {
    padding-left: 0;
}
.owl-carousel.owl-loaded {
    margin: 0vh auto 0vh;
}


#body-in footer {
    padding: 1px;
    background: none;
    color: #999;
    letter-spacing: 0.08em;
}


table#wp-calendar {
    width: 90%;
    margin: 2vh auto;
}
table#wp-calendar thead th {
	background-color: #998674;
    color: #fff;
}
table#wp-calendar thead th,
table#wp-calendar tbody td {
    padding: 5px 0 4px;
    text-align: center;
    border: 1px solid #f3f3f3;
    font-size: 14px;
}
#list article.entry {
    border: 1px solid #f2eee9;
    padding: 1.5vh 2%;
    margin: 0 0 2.5vh;
}
.navigation {
	margin: 32px -8px 40px;
}
#sidebar h3 {
    font-size: 18px;
    background: #7d9c64;
    padding: 7px 5% 6px;
    color: #fff;
    margin: 0 0 16px;
    height: 44px;
    line-height: 34px;
}
select {
    padding: 7px 5px;
    width: 90%;
    margin: 8px 5% 0;
}
.eye-catch {
	margin: 2vh 1% 0;
}
.entry-content {
    margin: 3vh 3% 2vh;
}
#sharebar {
    margin-top: 32px;
}
#sns-group {
    margin: 5vh 2% 0;
}
#main .post {
    margin-bottom: 0;
}
.entry h2 {
    margin: 7px 1% 13px;
    line-height: 20px;
}
.entry h2 a {
    margin: 8px 1% 10px;
    line-height: 20px;
    font-size: 16px;
}
.entry h2 a:hover {
    color: #998674;
}
.entry .post-meta {
    font-size: 13px;
    letter-spacing: 0.08em;
    padding: 2px 2% 2px;
    margin: 0 1% 8px;
}
.entry-snippet {
    margin: 0 10px 10px;
    line-height: 140%;
    color: #555;
    font-size: 14px;
}
.entry-read {
    margin: 0 2%;
    text-align: right;
}
.entry-read a {
    color: #b4cf9e;
}
#sidebar ul {
    margin: 1vh 1% 2vh;
    padding: 0;
}
#sidebar li {
    line-height: 1.4;
    padding: 8px 4% 8px;
    border-bottom: 1px solid #f3f3f3;
    margin: 0;
    letter-spacing: 0.05em;
    font-size: 13px;
}
#sidebar li:first-child {
    border-top: 1px solid #f3f3f3;
}
#body-in #main {
    padding: 0 30px 0;	
}
#archive-title ,
.article h1.entry-title {
    padding: 9px 2% 6px;
    font-size: 22px;
    background: #7d9c64;
    margin: 0 0 2vh;
    color: #fff;
    letter-spacing: 0.06em;
}
.article h1 {
    margin: 0 2% 12px;
    font-size: 25px;
    line-height: 32px;
}
.article h2 {
    border-left: 6px solid #dfd1c4;
    margin: 40px -2% 16px;
    padding: 9px 12px;
    font-size: 25px;
}
.article h3 {
    position: relative;
    line-height: 1.4;
    border: none;
    margin: 3vh -2% 8px;
    padding: 0;
}

.article h3::before, 
.article h3::after { 
  position: relative;
  font-family: "Font Awesome 5 Free";
  display: inline-block;
  font-size: 1.0em;
  color: #72ba76;
}
.article h3::before {
  content:"\f053";
  padding-right: 0.2em;
	  font-weight: 900;
}
.article h3::after {
  content:"\f054";
  padding-left: 0.2em;
	  font-weight: 900;
}
.post-meta {
    margin: 0 auto 3vh;
    text-align: right;
    background-color: #F7F7F7;
    color: #555;
    font-size: 14px;
    padding: 4px 1% 4px;
    letter-spacing: 0.1em;
}
#prev-next p {
    font-size: 13px;
    margin: 1.5vh 2% 0;
}
#prev-next #prev img {
    margin-right: 5%;
}
.home nav {
	/*display:none;*/
}
nav.fixed_menu {
    position: fixed;
    top: 0;
    left: 0;
    display: block;
}
.slider_box {
    position: relative;
	z-index: 1;
}
.slick-slide img {
    z-index: 1;
    width: 100%;
    height: auto;
    margin-top: -10vh;
}
.slick-dots {
    bottom: 2vh;
}
.slick-dots li button:before {
    font-size: 12px;
    opacity: .45;
    color: white;
}
.slick-dots li.slick-active button:before {
    opacity: .85;
    color: #d51224;
}
.slick-dotted.slick-slider {
    margin: 0;
    position: relative;
}
.intro-logo {
    position: absolute;
	width: 519px;
	height: 91px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.nav ul li:last-child {
    padding: 0 0 0 1vw;
}
.nav>li {
    padding: 0;
}
.nav>li>a {
    padding: 10px 1vw ;
}

.cls-1 {
fill:#fff;
stroke:#fff;
stroke-dasharray: 2000;
stroke-dashoffset: 0;
stroke-width: 1;
-webkit-animation: hello 4s ease-in 0s;
animation: hello 4s ease-in 0s;
}
@-webkit-keyframes hello {
 0% {
 stroke-dashoffset: 2000;
 fill:transparent;
 }
 40% {
 stroke-dashoffset: 2000;
 fill:transparent;
 }
 50% {
 fill:transparent;
 }
 100% {
 stroke-dashoffset: 0;
 fill:#fff;
 }
}
.cls-2 {
fill:#d51224;
stroke:#d51224;
stroke-dasharray: 2000;
stroke-dashoffset: 0;
stroke-width: 1;
-webkit-animation: hello2 4s ease-in 0s;
animation: hello2 5s ease-in 0s;
}
@-webkit-keyframes hello2 {
 0% {
 stroke-dashoffset: 2000;
 fill:transparent;
 }
 40% {
 stroke-dashoffset: 2000;
 fill:transparent;
 }
 50% {
 fill:transparent;
 }
 100% {
 stroke-dashoffset: 0;
 fill:#d51224;
 }
}

.page-template-page-page-rec .singlepage #body-in{
    width: 100%;
    padding-top: 0;
}
.page-template-page-page-rec header.page_base_header{
    height: 70vh;
    background-position: center;
    background-size: cover;
    position: relative;
}
.page-template-page-page-rec header.page_base_header:after{
    content: "";
    width: 1px;
    background: #fff;
    height: 6vh;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    margin: auto;
}
.page-template-page-page-rec header.page_base_header .title_box{
    position: absolute;
    left: 0;
    right: 0;
    top: 42%;
    bottom: 0;
    /* width: 100%; */
    margin: auto;
    display: inline-block;
    height: auto;
    text-align: center;
}
.page-template-page-page-rec header.page_base_header .title_box h1{
    font-size: min(1.9vw, 1.9rem,8vw);
    letter-spacing: 0.4em;
    color: #fff;
    font-weight: 200;
    margin: 0 0 2%;
}
.page-template-page-page-rec header.page_base_header .title_box .en_title{
    font-size: min(6.3vw, 6.3rem,8vw);
    letter-spacing: 0.4em;
    color: #fff;
    font-weight: 200;
}
section.page_base{
    padding-top: 4%;
}
.page_head_des{
    text-align: center;
    font-size: min(1.8vw, 1.8rem,8vw);
    margin-bottom: 7%;
    line-height: 180%;
}
.rec_info{
    max-width: 1020px;
    margin: auto;
}
.rec_info dd{
}
.rec_info dt{
    padding: 2% 0;
    cursor: pointer;
    font-size: min(2.4vw, 2.4rem,8vw);
    border-bottom: solid 1px #333;
    font-weight: 400;
    position: relative;
    /*padding-left: 40px;*/
    letter-spacing: 2px;
}
.rec_table dd .rec_des_box{
    width: 100%;
    padding: 3% 0;
}
.rec_table dd .rec_des_box .left{
    width: 20%;
    border-bottom: dotted 1px #ddd;
    padding: 2% 0;
    margin-bottom: 0;
}
.rec_table dd .rec_des_box .right{
    width: 80%;
    padding: 2% 0;
    border-bottom: dotted 1px #ddd;
}
.rec_table dd .rec_des_box .right .des{
    font-size: min(1.4vw, 1.4rem,8vw); 
}
.rec_table dd .rec_des_box .right .des .title_span{
    font-weight: 600;
    display: block;
    margin-bottom: 10px;
}
.rec_info dt:after{
    font-size: min(1.8vw, 1.8rem,8vw);
    content: "▽";
    position: absolute;
    right: 0;
    top: 40%;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;
}
.rec_info dt.open:after{
    transform: rotateX(180deg);
}
.article .rec_page h2{
    text-align: center;
    border: none;
    margin: 0 0 5%;
    letter-spacing: 0.5em;
    font-size: min(3.6vw, 3.6rem,8vw);
    font-weight: bold;
}
@media (min-width: 768px) {
	.navbar-right {
		padding: 13px 0.5vw 0;
	}
	.modal-dialog {
    	margin: 10vh auto;
	}
}

#profile p img {
	width: 100%;
	height: auto;
}
#profile h2:first-child {
	margin-top: 0;
}
#profile .row-gutter {
    margin: 0 auto;
    width: 75%;
}
section.company {
    
}
.singlepage ul {
    padding-left: 3vw;
}
.singlepage ul li {
    list-style: square;
}
.logo-box{
    max-width: 300px;
    margin: 0vw auto 5vw;
}
.slick-prev, .slick-next{
    display: none!important;
}
#contact .tel{
    float: left;
    width: 48%;
    text-align: center;
    font-size: 38px;
    border-top: solid 1px #4e4948;
    border-bottom: solid 1px #4e4948;
    padding: 30px 0;
    font-weight: 200;
    letter-spacing: 3px;
    color: #fff;
}
#contact .mail{
    float: right;
    width: 48%;
    text-align: center;
}
#contact .mail a{
    display: block;
    font-size: 24px;
    padding: 38px 0;
    font-weight: 200;
    background-color: #fff;
    color: #231815;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    -o-transition: .5s;
    -ms-transition: .5s;
    transition: .5s;
}
#contact .mail a:hover{
    background-color: #d51224;
    text-decoration: none;
    color: #fff;
}
.footer_box{
    padding: 90px 0 90px;
    text-align: center;
    background: #fff;
}
.footer_box .foot_logo{
    max-width: 250px;
    margin: 0 auto 40px;
}
footer p.footadd{
    color: #333;
    font-size: 13px;
}
footer p.footadd a{
    color: #333;
    font-weight: 300;
    margin: 0 10px;
}
#contact .section-title h2 span{
    color: #fff;
}
.section-cta{
    display: none;
}
#info.light-bg{
    background: #b4cf9e;
}
#info .section-title h2{
    color: #fff;
}
#info .section-title h2 span{
    color: #fff;
}
/*
section{
  display: flex;
  align-items: center;
  justify-content: center;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  height: 100vh;
}
section#business{
    z-index: 100;
}
section#feature{
    z-index: 200;
}
section#boxlogo{
    z-index: 300;
    background: #fff;
}
section#info{
    z-index: 400;
}
section#company{
    z-index: 500;
}
section#relation{
    z-index: 600;
    background: #fff;
}
section#contact{
    z-index: 700;
}
*/
#body-in{
    padding-top: 10vh;
}
#sidebar{
    margin-top: 38px;
}
.insta_btn{
    position: fixed;
    right: -2px;
    top: 33vh;
}
.pc_none{
    display: none;
}
.sp_none{
    display: block;
}
.mz-module.color5:hover .ot-circle {
    color: #7159A6;
}
.row.w90.m-auto.bizbox.bizbox_bottom {
    margin-top: 3%;
}
.row.w90.m-auto.bizbox.bizbox_head {
    margin-bottom: 3%;
}
.home #business .row.w90.m-auto.bizbox.bizbox_head .col-md-3{
    width: 76%;
    padding: 2% 0;
}
.home #business .row.w90.m-auto.bizbox.bizbox_head .col-md-3 svg{
    max-width: 250px;
}
.row.w90.m-auto.bizbox.bizbox_head a .st0{
    fill:#7D9C64;
-webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}
.row.w90.m-auto.bizbox.bizbox_head .mz-module:hover .st0{
    fill:url(#svg-gra1);
}
.modal-works.link_box a{
    display: block;
    background: #7d9c64;
    color: #fff;
white-space: nowrap;
position: relative;
    padding: 2% 5% 2% 5%;
    margin-right: 2%;
    font-size: 14px;
    font-weight: 400;
-moz-border-radius-topleft: 30px;
-moz-border-radius-topright:30px;
-moz-border-radius-bottomleft:30px;
-moz-border-radius-bottomright:30px;
-webkit-border-top-left-radius:30px;
-webkit-border-top-right-radius:30px;
-webkit-border-bottom-left-radius:30px;
-webkit-border-bottom-right-radius:30px;
border-top-left-radius:30px;
border-top-right-radius:30px;
border-bottom-left-radius:30px;
border-bottom-right-radius:30px;
width: 70%;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
text-align: center;
}
.modal-works.link_box a img{
    max-height: 10px;
    position: relative;
    top: -2px;
    margin-left: 5px;

}
.color5 .mz-module-button:hover {
    background-color: #7159A6;
}
ul.pagination li:last-child{
    margin: 0;
    padding-bottom: 8px;
}
@media (max-width:680px) {
    .pc_none{
        display: block;
    }
    .sp_none{
        display: none;
    }
    .modal-works.link_box a{
        display: inline-block;
        display: block;
        white-space: unset;
        width: 100%;
        max-width: 260px;
        font-size: 13px;
    }

    .modal-works.link_box a:after{
        content: "";
        display: inline-block;
        width: 13px;
        height: 10px;
        background: url(https://renaterra.co.jp/images/new_window_link_btn.svg);
        margin-left: 5px;
    }
    .modal-works.link_box a img{
        position: static;
        float: right;
        display: none;
    }
    .slick-slide img{
        max-width: inherit;
        width: auto;
        max-height: 84vh;
    }
    .slick-slide img.img1{
        position: relative;
        right: 120vw;
    }
    #contact .tel{
        float: none;
        width: 100%;
        font-size: 30px;
        margin-bottom: 20px;
        margin-top: 40px;
    }
    #contact .mail{
        float: none;
        font-size: 18px;
        width: 100%;
    }
    #contact .mail a{
        font-size: 18px;
    }
    #copyright{
        background: #231815;
        position: relative;
        top: -47px;
    }
    .slick-initialized .slick-slide{
        height: 80vh;
        .slick-initialized .slick-slide
    }
    .insta_btn{
        width: 26px;
        top: 37.5vh;
    }
.owl-partners .item{
    width: 100%;
}
.owl-partners .item span.text{
    margin-top: 0;
}
.partner-logo{
    height: auto;
}
.home #business .col-md-3{
    width: 100%;
    margin: 0 auto 20px;
}
.home #business .row.w90.m-auto.bizbox.bizbox_head .col-md-3{
    width: 100%;
    padding-bottom: 0;
}
.home .team-item h3{
    margin-top: 0;
}
#container #flags:before{
    font-size: 1rem;
    padding: 6px 10px;
    left: -67px;
}
#container #flags ul{
    padding-left: 20px;
    height: 114px;
}
#container #flags{
    right: -243px;
}
#container #flags li:before{
    left: -17px;
}
#container #flags li[id="Chinese (Simplified)"]:before{
    left: -5px;
}
.page_head_des{
    font-size: min(3.3vw, 1.8rem,8vw);
}
.rec_info dt{
    font-size: min(4.2vw, 2.4rem,8vw);
}
.page-template-page-page-rec header.page_base_header .title_box h1 {
    font-size: min(3.8vw, 1.9rem,8vw);
}
.page-template-page-page-rec header.page_base_header .title_box .en_title {
    font-size: min(10vw, 6.3rem,10vw);
}
.article .rec_page h2{
    font-size: min(5.6vw, 3.6rem,8vw);
}
.rec_table dd .rec_des_box .right .des{
    font-size: min(3.8vw, 1.4rem,8vw);
}
.rec_table dd .rec_des_box .right{
    width: 75%;
}
.rec_table dd .rec_des_box .left{
    width: 25%;
    padding: 2%;
    letter-spacing: 0;
}
.rec_info{
    width: 90%;
    margin: auto;
}
}