@charset "utf-8";
/* CSS Document */

/*bootstrapのマージンリセット*/
@import url('https://fonts.googleapis.com/css2?family=Damion&display=swap');
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
body{
position: relative;
/*font-family: source-han-sans-japanese, sans-serif;
font-style: normal;
font-weight: 100;*/
font-family: 'Noto Sans JP', sans-serif;}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
margin-bottom: unset;
font-weight: 700;
line-height: 1.6em;}

.normal{font-weight: normal !important;
text-decoration: none;
color: #000;}
.text-orange{color: #EC6C00;}
.text-blue{color: #09B6C9;}
.text-green{color:#27AE60;}
.text-black{color: #000;}

.bg-orange{background-color: #EC6C00;}
.bg-gray{background-color: #E4E4E4;}
.bg-light-gray{background-color: #EFEFEF;}

.text-light-gray{ color:#7B7B7B; }

.f14{
font-size: 14px;
line-height: 22px;
}



.f14 p{	font-size: 14px;
line-height: 22px;}
.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;}
.mb56{margin-bottom: 56px !important;}
.mb80{margin-bottom: 80px !important;}
.mb80ss{margin-bottom: 80px !important;}

.mb80s{margin-bottom: 40px !important;}
@media (min-width: 960px) {
.mb80s{margin-bottom: 40px !important;}
}

.mb80s2{margin-bottom: 40px !important;}
@media (min-width: 960px) {
.mb80s2{margin-bottom: 80px !important;}
}
@media (max-width: 480px) {
.mb80ss{margin-bottom: 40px !important;}
}

.mt8{margin-top: 8px !important;}
.mt16{margin-top: 16px !important;}
.mt24{margin-top: 24px !important;}
.mt30{margin-top: 30px;}
.mt40{margin-top: 40px;}
.mt56{margin-top: 56px !important;}
.mt80{margin-top: 80px;}

.mts8{margin-top: 8px !important;}
.mts16{margin-top: 16px !important;}
.mts24{margin-top: 24px !important;}
.mts40{margin-top: 40px !important;}

._mt8{margin-top: -8px;}
._mt16{margin-top: -16px;}
._mt24{margin-top: -24px;}

.mb0{margin-bottom: 0!important;}

.spacer-88{height: 88px; width: 100%;}

a.top-icon { display: none;}

.no-gutters {
margin:0;
padding:0;
}
a{
transition: 0.3s;
}
a img{
transition: 0.3s;
}

a:hover{ text-decoration: none;}

a div, a p , a img, a h1 ,a h2 , a h3 , a h4, a h5, a figure,a p{transition: 0.3s;  color: #212529; }

a:hover div , a img:hover , a:hover figure, a:hover p{
text-decoration: none !important;
opacity: 0.7;
}

.fnav a:hover,a.normal:hover{
opacity: 0.7;
color: #000;
}


a .card-lead-title{
color: #212529;
}


.logo {
display: flex;
flex-direction: column;
width: 46vw;
margin-left: 8px;
max-width: 170px;
}

.logo img {
width: 100%;
height: auto;
}
#discription {
display: block;
font-size: 10px;
color: #373737;
transition: 0.3s;
}
.logo:hover  #discription{
opacity: 0.7;
}


.menu-main-container {
display: flex;
align-items: center;
}

.navs {
display: none;
margin-left: auto;
align-self: stretch;
}

.menu-item {
height: 100%;
margin-right: 8px;

}
.menu-item a {
font-weight: 700;
color: #000;
font-size: 13px;
display: flex;
align-items: center;
height: 100%;
transition: color 0.3s;
}

.menu-item a:hover {
color: #EC6C00;
}
.menu-item a::after {
content: '';
width: 16px;
height: 16px;
background: url(../images/iconsbullet_down.svg) center no-repeat;
background-size: contain;
}

/*アイコンなし*/
.menu-item_B {
height: 100%;
margin-right: 8px;

}
.menu-item_B a {
font-weight: 700;
color: #000;
font-size: 13px;
display: flex;
align-items: center;
height: 100%;
transition: color 0.3s;
}

.menu-item_B a:hover {
color: #EC6C00;
}



#pc-main {
display: flex;
list-style: none;
align-items: center;
height: 100%;
}
.top-icon {
display: none;
}

/*.logo{display: inline-block;} 
.navs{display: none;}
.nav-right{ display: none;}*/

.no-gutters　> .col,
.no-gutters　> [class*="col-"] {
margin:0;
padding:0;
}


#gnav a:hover{text-decoration: none;}
#gnav a{transition: 0.3s;}
#gnav a:hover img{opacity: 0.7;}

a{
text-decoration: none;
transition: 0.3s;
}

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

#gnav .pull{
transition: 0.3s;
}
#gnav .pull:hover .sub-menu{
visibility: visible;
opacity: 1;
}


/*ヘッダー*/

#main-screen {
background-image: url(../parts/mv01.webp?v=20250520);
background-size: cover;
background-position: center;
position: relative;
margin-bottom: 40px;
height: calc(100vh - 139px);
}
#main-screen .main-screen-inner{
text-align: center;
height: 150px;
position: absolute;
top:0;
bottom: 0;
left: 0;
right: 0;
color: #fff;
margin: auto;
}


#main-screen .main-screen-inner img{
margin: auto;
}

.mw80vw{
width: 80vw;
max-width: 380px;
}


#main-screen .scrole_arrow{
text-align: center;
height: 142px;
position:absolute;
left:0;
right:0;
margin: auto;
bottom: 0;
}

.top-page-main-bana img{
width: 100%;
max-width: 840px;
height: auto;
position: relative;
}

.pickup-news {
background-color: #EC6C00;
color: #fff;
font-size: 20px;
line-height: 42px;
position: relative;
margin-bottom: 0;
}
.pickup-news span{ position: relative;}
.pickup-news span::before{
position: absolute;
content: "";
width: 24px;
height: 24px;
margin: auto;
display: block;
background-image: url(../images/top/iconsicon_attention.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
left: -32px;
top: 0;
bottom: 0;
margin: auto;
}

video.spOnly {
width: 100%;
}

.video-gray{
background-color: #EFEFEF;
}

.video-inner{
padding: 24px 20px;
}

.video-inner h3{
font-size: 18px;
line-height: 28.8px;
color: #EC6C00;
font-weight: 700;
margin-bottom: 8px;
}

.video-inner p{
font-size: 14px;
line-height: 28px;
color: #000;
}

.black_auto_btn{

display: inline-block;
border: solid 1px #000;
padding: 8px 24px;
font-size: 16px;
font-weight: 700;
background-color: transparent;
text-align: center;
color: #000;
width: 100%;
max-width: 168px;
margin: auto;
}

.black_auto_btn span{
padding-right: 16px;
position: relative;
}

.black_auto_btn span::after{
content: "";
right: -4px;
position: absolute;
background-size: contain;
background-repeat: no-repeat;
width: 16px;
height: 16px;
background-image: url(../images/top/iconsbullet_black_front.svg);
top: 2px;
bottom: 0;
margin: auto;
}

a.sp-reserved-bana {
width: 112px;
position: absolute;
right: 56px;
}

.main-slide-sp{
max-width:520px;
width: 100%
}
.main-slide-pc{
max-width:960px;
width: 100%
}

.form-image-caption{
font-size: 20px;
line-height: 1.6;
padding-top: 16px;
margin-top: 0;
}
h2.form-image-title {
font-size: 24px;
line-height: 1.6;
text-align: center;
margin-top: 40px;
}
@media (min-width: 640px) {
a.sp-reserved-bana {
width: 112px;
position: absolute;
right: 56px;
}
#main-screen{
background-image: url(../parts/mv01.webp?v=20250520);
height: 100vh;
background-size: cover;
background-position: center;
position: relative;
margin-bottom: 40px;
}

#main-screen .main-screen-inner{
text-align: center;
height: 190px;}
#main-screen{
margin-bottom: 48px;
}
.video-inner{
padding: 40px;
}

}
@media (min-width: 960px) {
a.sp-reserved-bana {
width: 112px;
position: absolute;
right: 56px;
display: none;
}
#main-screen{
margin-bottom: 48px;
}
}
@media (min-width: 1200px) {
#main-screen{
margin-bottom: 85px;
}
#main-screen .main-screen-inner{
text-align: center;
height: 102px;
}

.black_auto_btn{
margin-left: 0px;
}

}

@media (min-width: 320px){
.logo {
display: flex;
flex-direction: column;
width: 36vw;
margin-left: 8px;
max-width: 120px;
}
#discription {
display: none;
}
}
.main_screen{
position: relative;
width: 100%;
height: 260px;
background-size: cover;
background-position: center;
}
@media (min-width: 640px) {

.main_screen{
position: relative;
width: 100%;
height: 420px;
background-size: cover;
background-position: center;
}
}

.main_screen_inner{

color: #fff;
width: 100%;
text-align: center;
position: absolute;
top: calc(50% - 15px);
-webkit-transform: translateY(-50%); /* Safari用 */
transform: translateY(-50%);
background-color:transparent;
margin: auto;
}
.main_screen_inner .page-title{
margin-top: 16px;
}

@media (min-width: 640px) {
.main_screen_inner{

color: #fff;
width: 100%;
text-align: center;
position: absolute;
top:55%;
-webkit-transform: translateY(-50%); /* Safari用 */
transform: translateY(-50%);
background-color:transparent;
margin: auto;
}

}

/*.page-title{font-size: 36px;
font-weight: 700;
letter-spacing: 0.1em;
line-height: 1.6;
text-shadow: 0 0 16px rgba(0,0,0,0.5);
margin-top: 16px;
color: #fff;
}
.page-sub-title{
font-family: 'Damion', cursive;
text-shadow: 0 0 16px rgba(0,0,0,0.5);
font-size:24px;
color: #fff;
}*/
.page-title{font-size: 36px;
font-weight: 700;
letter-spacing: 0.1em;
line-height: 1.6;
text-shadow: 0 0 16px rgba(0,0,0,0.5);
color: #fff;
}

.page-sub-title{
font-family: 'Damion', cursive;
text-shadow: 0 0 16px rgba(0,0,0,0.5);
font-size:24px;
color: #fff;
line-height: 1em;
}

.head_triangle {
position: absolute;
bottom: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 50vw 40px 50vw;
border-color: transparent transparent #fff transparent;
margin-bottom: 0px;
}
@media (min-width: 640px) {
.head_triangle {
position: absolute;
bottom: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 50vw 40px 50vw;
border-color: transparent transparent #fff transparent;
margin-bottom: -1px;
}
}

.thanks_title
{
font-family: 'Damion', cursive;
font-size: 48px;
text-align: center;
color: #EC6C00;
line-height: 1.6;
}
.thanks_sub_title{
font-size: 20px;
line-height: 2;
text-align: center;
font-weight: 700;
}

.thanks_p{
font-size: 16px;
line-height: 2;
}

@media (min-width: 640px) {
.head_triangle {
position: absolute;
bottom: 1px;
width: 0;
height: 0;
border-style: solid;
border-width: 0 50vw 80px 50vw;
border-color: transparent transparent #fff transparent;
}
}

.human_l {
width: 1040px;
position: absolute;
z-index: 1;
bottom: 0;
margin: auto;
display: none;
}
.human_l img{
width: auto;
height: 178px;
}

.human_r {
width: 1040px;
position: absolute;
z-index: 1;
bottom: 0;
margin: auto;
display: none;
}
.human_r img{
width: auto;
height: 178px;
}

#sp-nav{ background-color: #EC6C00;
padding: 16px;
display: none;
height: 96vh;
overflow-y: scroll;}

#sp-nav .wrap{
max-width: 640px;
margin: auto;

}

.sp-list-item:first-child{
border-top: solid 1px #F5B580;
}

.sp-list-item{
font-size: 16px;
padding: 16px 0px;
width: 100%;
display: block;
border-bottom: solid 1px #F5B580;
position: relative;
font-weight: 700;
margin-bottom: 0;
}

.sp-list-item::after{
transition: 0.3s;
position: absolute;
content: "";
background-image: url("../images/iconsbullet_black_down.svg");
background-size: contain;
width: 16px;
height: 16px;
top: 18px;
right: 0;
}
.sp-list-item:focus{

}


/*通常ボタン*/
.sp-list-items {
font-size: 16px;
padding: 16px 0px;
width: 100%;
display: block;
border-bottom: solid 1px #F5B580;
position: relative;
font-weight: 700;
margin-bottom: 0;
}
.normal-list-nav{color: #212529 !important; width: 100%; border-top: none;}

/**/

.sp-list-item.dec {
border-bottom: unset;
}
.dec::after{
transform: rotate(180deg);}

.sp-list-contents{
border: solid 1px #F5B580;
border-radius: 8px;

}
.sp-list-contents a{
display: block;
padding: 16px 8px;
color: #fff;
font-weight: 700;
border-bottom: solid 1px #ee8832;
}
.sp-list-contents a:last-child{
border: none;
}

.three_btn{width:100%; max-width:  370px; margin: auto; font-size: 13px; }

.four_btn{ margin: auto; font-size: 14px; }
.sns_three_btn{width: 176px; margin: auto; font-size: 14px; }

.mb30{margin-bottom: 30px;}

.sp-nav-border-bottom{border-bottom: solid 1px #F5B580;}

.white-cercle {
background-color: #fff;
padding: 16px;
border-radius: 50%;
display: inline-block;
margin-bottom: 8px;
}

.orange-cercle {
background-color: #EC6C00;
padding: 16px;
border-radius: 50%;
display: inline-block;
margin-bottom: 8px;
}


#header-top{ width: 100%;  position: fixed; z-index: 99; /*text-align: center*/;}
/*
#gnav{
position: relative;
background-color: #fff;
box-shadow: 0px 2px 4px rgb(100 100 100 / 50%);
min-height: 60px;
top: 0;
padding: 8px;
}

#gnav ul{padding: 0;}

#gnav li{
padding: 16px 0px;
display:inline-block;
border-top: solid 1px #fff;
position: relative;
}

#gnav li::after{
transition: 0.3s;
position: absolute;
content: "";
background-image: url("../images/iconsbullet_black_down.svg");
background-size: contain;
width: 16px;
height: 16px;
top: 18px;
right: 0;
}

#gnav li a{
font-size: 16px;
color: #000;
font-weight: 700;
}
*/

#gnav {
background-color: #fff;
box-shadow: 0 2px 16px rgba(0, 0, 0, 0.1);
}
#gnav a {
text-decoration: none;
}
#gnav .sub-menu a { 
padding: 16px 8px;
font-weight: normal;
display: block;
}

#gnav .sub-menu a:hover { 
font-weight: 700;
color: #fff;
text-decoration: none;
background-color: #EC6C00;
}


#gnav .sub-menu {
transition: 0.3s;
visibility: hidden;
opacity: 0;
width: 200px;
position: absolute;
/* border: solid 1px #F5B580; */
top: 80%;
border-radius: 5px;
background-color: #fff;
box-shadow: 0px 2px 4px rgb(100 100 100 / 50%);
font-weight: normal;
overflow: hidden;
}
#gnav .sub-menu li::after{
transition: 0.3s;
position: absolute;
content: "";
background-image: none;
}

#gnav .sub-menu li{
border-bottom: solid 1px #eaeaea;
border-top: unset;
display: block;
padding: 0;
margin-right: 0;
}

#gnav .sub-menu li:last-child{border-bottom: unset;}



#discription{font-size: 10px;}

.top-slide {
background-image: url(../images/materials/watercolor_bg.jpg);
padding-top: 72px;
padding-bottom: 60px;
}


/* ナビゲーションアイコン */

.navBtn {
display: block;
width: 60px;
height: 45px;
/* position: absolute; */
/* top: 15px; */
/* right: 0px; */
cursor: pointer;
font-size: 12px;
text-align: center;
margin-left: auto;
margin-top: 13px;
margin-bottom: 0;
}
/*.navBtn {
display: block;
width: 60px;
position: absolute;
top: 15px;
right: 0px;
cursor: pointer;
font-size: 12px;
text-align: center;
}*/
.navBtn span {
display: block;
height: 2px;
width: 24px;
margin: auto;
background: #3A3A3C;
-webkit-transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
transition: all .5s ease-in-out;
}
.navBtn span:nth-of-type(2),
.navBtn span:nth-of-type(3) {
margin-top: 5px;
}

.navBtn::after{content:"MENU"; }

/* ナビゲーションアイコン：アクティブ */
.navOpen .navBtn span:nth-of-type(1) {
-webkit-transform: translateY(6px) translateX(0) rotate(45deg);
-ms-transform: translateY(6px) translateX(0) rotate(45deg);
transform: translateY(6px) translateX(0) rotate(45deg);
}
.navOpen .navBtn span:nth-of-type(2) {
margin-top: 5px;
opacity: 0;
-webkit-transform: translateY(9px);
-ms-transform: translateY(9px);
transform: translateY(9px);
}
.navOpen .navBtn span:nth-of-type(3) {
-webkit-transform: translateY(-9px) translateX(0) rotate(-45deg);
-ms-transform: translateY(-9px) translateX(0) rotate(-45deg);
transform: translateY(-9px) translateX(0) rotate(-45deg);
}
.navOpen .navBtn::after{content:"CLOSE";}


@media (min-width: 960px) {

#gnav{padding: 0;}



.navBtn{ display: none;}
#header-top{
padding-top: 24px;
}	
.human_l {
display: block;
width: 100%;
max-width: 1040px;
position: absolute;
z-index: 1;
bottom: 0;
/* top: 0; */
left: 0;
right: 0;
margin: auto;

}
.human_l img{
width: auto;
height: 193px;
}
.human_r {
display: block;
width: 100%;
max-width: 1040px;
position: absolute;
z-index: 1;
bottom: 0;
/* top: 0; */
left: 0;
right: 0;
margin: auto;
text-align: right;
}
.human_r img{
width: auto;
height: 193px;
}


.navs{display: flex;}	
.nav-right{ display: inline-block;}

#discription{display: none;}	

#gnav{display: block;
border-radius: 9999px;
margin-top: 16px;
padding: 0 8px;
position: fixed;
left: 50%;
transform: translateX(-50%);
width: calc(100% - 32px);
box-sizing: border-box;
max-width: 1600px;
}	


#gnav li a{
font-size: 13px;
}
/*
#gnav li a:hover{
font-size: 13px;
color: #EC6C00;
text-decoration: none;
}*/
#gnav li{ margin-right: 4px;}

#sp-nav{display: none;}

a.top-icon {
display: block;
text-align: center;
border-left: 1px solid #E4E4E4;
font-size: 11.5px;
font-weight: 700;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 72px;
width: 84px;
tansition: opacity 0.3s;
}	
a.top-icon span{display: block; text-align: center;}

.logo {
width: 12vw;
margin-left: 8px;
max-width: none;
}

.logo img {
widows: 100%;
max-width: 600px;
display: block;}	
#discription {
font-size: 10px;
display: none;
}

.top-icon {
display: block;
text-align: center;
border-left: 1px solid #E4E4E4;
font-size: 11.5px;
font-weight: 700;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 72px;
width: 84px;
tansition: opacity 0.3s;

}	
.top-icon:hover {
opacity: 0.7;
}
.top-icon span {
margin-top: 4px;
}
.top-icon span.text-orange {
color: #EC6C00;
}
.top-icon span .text-blue {
color: #09B6C9;
}
.top-icon span .text-green {
color: #27AE60;
}
}

@media (min-width: 1200px) {
#discription{display: block; margin-left: 0; font-size: 11px;}	

#gnav{
padding: 0 16px;
}
.logo{width: auto; margin-left: 0px;}
.logo img {
width: 100%;
margin-top: 4px;
}	


#discription{    font-size: 11px;
margin-left: 8px;}

#gnav .before {
left: -80px;
width: 80px;
height: 100%;
/* padding-top: 100%; */
display: inline-block;
position: absolute;
background-color: #fff;
border-top-left-radius: 50%;
z-index: 0;
border-bottom-left-radius: 50%;
box-shadow: 0px 2px 4px rgb(100 100 100 / 50%);
}
#gnav li{margin-right: 16px;}

#gnav li a{
font-size: 15px;
}	
/*
#gnav li a:hover{
font-size: 15px;
color: #EC6C00;
}



a.top-icon {
display: inline-block;
width: 74px;
text-align: center;
display: inline-block;
border-left: solid 1px #ccc;
height: 80px;
vertical-align: middle;
font-size: 13px;
padding-top: 16px;
font-weight: 700;
}	*/
a.top-icon span{display: block; text-align: center;}
a.top-icon {
text-align: center;
border-left: 1px solid #E4E4E4;
font-size: 13px;
height: 86px;
width: 94px;
}
}
/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\*/

/*共通*/

body{font-size: 14px;}


.orange_co_btn{
width: 100%;
display: inline-block;
padding: 18px 24px;
font-size: 16px;
font-weight: 700;
background-color: #EC6C00;
text-align: center;
color: #fff;
max-width: 280px;
}
.orange_co_btn_os {
width: 100%;
display: inline-block;
padding: 17px;
font-size: 16px;
font-weight: 700;
background-color: #fff;
text-align: center;
color: #EC6C00;
border: solid 1px #EC6C00;
max-width: 280px;
}

@media (min-width: 960px) {
.orange_co_btn{
width: auto;
display: inline-block;
padding: 24px;
font-size: 16px;
font-weight: 700;
background-color: #EC6C00;
text-align: center;
color: #fff;
min-width: 240px;
}
.orange_co_btn_os{
width: auto;
display: inline-block;
padding: 24px;
font-size: 16px;
font-weight: 700;
background-color: #fff;
text-align: center;
color: #EC6C00 !important;
border: solid 1px #EC6C00;
min-width: 240px;
}	
}

.orange_co_btn span{
padding-right: 16px;
position: relative;
}

.orange_co_btn span::after{
content: "";
right: -4px;
position: absolute;
background-size: contain;
background-repeat: no-repeat;
width: 16px;
height: 16px;
background-image: url(../images/iconsbullet_half_front.svg);
top: 2px;
bottom: 0;
margin: auto;
}

.orange_co_btn_os span{
padding-right: 16px;
position: relative;
}

.orange_co_btn_os span::after{
content: "";
right: -4px;
position: absolute;
background-size: contain;
background-repeat: no-repeat;
width: 16px;
height: 16px;
background-image: url(../images/iconsbullet_half_front.svg);
top: 2px;
bottom: 0;
margin: auto;
}



.black_co_btn{

display: inline-block;
border: solid 1px #000;
padding: 16px 24px;
font-size: 16px;
font-weight: 700;
background-color: #fff;
text-align: center;
color: #000;
min-width: 240px;
margin-top: 16px;
}

.black_co_btn span{
padding-right: 16px;
position: relative;
}

.black_co_btn span::after{
content: "";
right: -4px;
position: absolute;
background-size: contain;
background-repeat: no-repeat;
width: 16px;
height: 16px;
background-image: url(../images/top/iconsbullet_black_front.svg);
top: 2px;
bottom: 0;
margin: auto;
}



#site-wapper{
overflow: hidden;
}
span.black-tag {
background-color: #000;
font-size: 14px;
color: #fff;
padding: 0px 8px;
display: inline-block;
margin-bottom: 16px;
margin-top: 16px;
}

span.orange-tag {
background-color: #EC6C00;
font-size: 14px;
color: #fff;
padding: 0px 4px;
display: inline-block;
/*margin-bottom: 16px;*/
margin-top: 16px;
}



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

.bg-320{padding-top: 62.5%; background-size: cover; background-position: center; margin: auto;}


.card-lead-title{ font-weight: 700; font-size: 16px; padding: 8px; padding-left: 0;}

.relative{position: relative;}

.pc-center-sp-left{text-align: left;}




.stucco_bg {
background-image: url("../images/stucco_bg.png");

}
.watercolor_bg{
background-image: url("../images/watercolor_bg.jpg")
}

.pg40{ padding: 40px;}

.section_middle_sp_zero {
position: relative;
width: 100%;
padding: 0 0px;
margin: auto;
}

@media (min-width: 640px) {
.section_middle_sp_zero {
position: relative;
width: 100%;
max-width: 1080px;
padding: 0 20px;
margin: auto;
}

}

.section_middle_sp_zero2 {
position: relative;
width: 100%;
padding: 0 0px;
margin: auto;
margin-top: 64px;
}


@media (min-width: 940px) {
.section_middle_sp_zero2 {
position: relative;
width: 100%;
max-width: 1080px;
padding: 0 20px;
margin: auto;
margin-top: 64px;
}

}
.mw1600 { width:100%; max-width:1600px; margin: auto; }

.section_middle {
position: relative;
width: 100%;
max-width: 1080px;
padding: 0 24px;
margin: auto;
}
body .npc .col,
body .npc [class*="col-"] {
margin:0;
padding:0px 24px;
margin-bottom: 40px;
}
body .npc .row{
margin-left:-24px;
margin-right:-24px;
}

@media (max-width: 480px) {


}


.footer-npc [class*="col-"]{
margin-bottom: 24px;

}


body .npc.npcs [class*="col-"] {
margin:0;
padding:0px 12px;
margin-bottom: 24px;
}
body .npcs .row{
margin-left:-12px;
margin-right:-12px;
}


@media (min-width: 640px) {
.section_middle {
position: relative;
width: 100%;
max-width: 1120px;
padding: 0 40px;
margin: auto;
}	


body .npc .col,
body .npc [class*="col-"] {
margin:0;
padding:0px 20px;
margin-bottom: 24px;
}
body .npc .row{
margin-left:-20px;
margin-right:-20px;
}
body .npc [class*="col-"].mbcol{
margin-bottom: 48px;
}
}

body .npc-bana .col, body .npc-bana [class*="col-"] {
margin: 0;
padding: 0px 24px;
margin-bottom: 24px;
}
body .npc-bana .row{
margin-left:-24px;
margin-right:-24px;
}



.col-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
position: relative;
min-height: 1px;
padding:0px 20px;
margin-bottom: 40px;
}

.col-15 {
width: 20%;
float: left;
}
@media (min-width: 640px) {
.col-sm-15 {
width: 20%;
float: left;
}
}
@media (min-width: 960px) {
.col-md-15 {
width: 20%;
float: left;
}
}
@media (min-width: 1200px) {
.col-lg-15 {
width: 20%;
float: left;
}
}



.col-25 {
	position: relative;
	min-height: 1px;
	padding-top: 0px;
	padding-right: 40px;
	padding-left: 40px;
	padding-bottom: 0px;
	margin-bottom: 40px;
	text-align: center;
}
.col-25 {
width: 25%;
float: left;
}
.col-25 p {
	text-align: center!important;
}


@media (min-width: 640px) { 

body .npc-bana .col,
body .npc-bana [class*="col-"] {
margin:0;
padding:0px 17.7px;
/*padding:0px 24px;*/
margin-bottom: 40px;
}

body .npc [class*="col-"].mbcol{
margin-bottom: 80px;
}	

}


body .npc-zero .col,
body .npc-zero  [class*="col-"] {
margin:0;
padding:0px 0px;
margin-bottom: 40px;
}
body .npc-zero  .row{
margin-left:0px;
margin-right:0px;
}
body .col-12.sp_zero{padding-left: 0; padding-right: 0;}

p{font-size: 14px; line-height: 1.6em;}

body .npc [class*="col-"].mbcol{
margin-bottom: 80px;
}

.eyllow_marker{
background-color: #F8E71C;
}

.table{font-size: 16px;}
.table tr:first-child th{border: none;}
.table tr:first-child td{border: none;}

.table th{width: 110px;}

.table th, .table td {
padding: 8px;
}

.page_lead{ font-size: 16px; line-height:2em;  margin-top: 16px; margin-bottom: 88px; text-align: left;}

.sanel-title{
font-size: 20px;
line-height: 2em;
color: #EC6C00;
margin-bottom: 32px;
}

.giji-col{padding: 16px 24px 0px 24px;}


@media (min-width: 460px) { 
.giji-col{padding: 16px 40px 0px 40px;}

}

@media (min-width: 640px) { 
.giji-col{padding: 16px 40px 0px 40px;}
.sanel-title{
font-size: 24px;
line-height: 2em;
color: #EC6C00;
}



}
@media (min-width: 768px) { 

.page_lead{ font-size: 16px; line-height: 2em;  margin-top: 40px; margin-bottom: 88px; text-align: center;}

}
@media (min-width: 960px) { 

.giji-col{padding: 16px 40px 0px 40px;}

body .npc .col,
body .npc [class*="col-"] {
margin:0;
padding:0 ;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 40px;
}
body .npc .row{
margin-left: -20px;
margin-right: -20px;
}	

body .npc.npcs [class*="col-"] {
margin:0;
padding:0 ;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 40px;
}
body .npcs .row{
margin-left: -20px;
margin-right: -20px;
}	


.page_lead{ font-size: 16px; line-height: 2em;  margin-top: 40px; margin-bottom: 88px; text-align: center;}


.sanel-title{
font-size: 24px;
color: #EC6C00;
line-height: 2em;
margin-bottom: 32px;
}

.card-lead-title{ 
font-weight: 700;
font-size: 18px;
padding-left: 0;
}

.section_middle{
max-width: 1120px;
padding: 0 40px;
margin: auto;
}


}


@media (min-width: 960px) { 
.pc-center-sp-left{text-align: center;}

.sanel-title{
font-size: 24px;
line-height: 2em;
color: #EC6C00;
}

}

@media (min-width: 1200px) { 



}


/*TOP*/

.big-black-tag{ 
text-align: center;
width: 100%;
max-width: 330px;
background-color: #000;
font-weight: 700;
padding: 8px;
font-size: 18px;
color: #fff;
display: block;
margin: auto;
margin-top: 16px;
margin-bottom: 16px;
}

.price{font-size: 20px; color: #EC6C00; font-weight: 700;}
.price span{font-size: 40px;}
.price-discription{font-size: 14px;}
.full-1186{
width: 100%;
max-width: 1186px;
}

h3.section-title{ font-size: 28px; line-height: 2em;}
.section-sub-title {	font-family: 'Damion', cursive; font-size: 24px; line-height: 1.6em; color: #EC6C00;}
.mini-section-title{ font-size: 16px; line-height: 1.6em; font-weight: 700; margin-top: 16px; margin-bottom: 16px;}

.life-head{
padding: 0 40px 80px 40px;
}
.life-head h2{
font-size: 28px;
line-height: 2em;
}

.life-style-inner{
width: 100%;
padding: 112px 40px; 
float: none;
}

.bg-voice-bana{background-image: url("../images/top/icathcmap.png");
background-size: cover;
background-position: center center;
}

.top-voice-bana{ min-height: 240px;}
.bana-inner{
padding:30px 30px 10px 30px;
}

a.shop-btn {
position: relative;
font-size: 16px;
text-align: center;
background-color: #EC6C00;
display: block;
padding: 16px;
color: #fff;
font-weight: 700;
text-decoration: none !important;
}
a.shop-btn span{ position: relative;padding-right: 16px;}
a.shop-btn span::after{
content: "";
right: -4px;
position: absolute;
background-size: contain;
background-repeat: no-repeat;
width: 16px;
height: 16px;
background-image: url(../images/iconsbullet_half_front.svg);
top: 0;
bottom: 0;
margin: auto;
}


.bk-section-title-en{ font-size: 40px; font-family: 'Damion', cursive; text-align: center; margin-bottom: 0px; margin-top: 8px; font-weight: normal;}
.bk-section-title-ja{ font-size: 16px; font-weight: 700; text-align: center;margin-bottom: 0;}
.left_lead_box {
margin-top: 40px;
}


.right_lead_box {
position: relative;
z-index: 0;
background-position: center right;
min-height: 474px;
background-repeat: no-repeat;
background-size: 100% 84%;
padding-left: 0;
padding: 4px;
margin-left: -24px;
margin-right: -24px;
padding-left: 28px;
padding-right: 28px;
padding-top: 16px;
padding-bottom: 0px;
}

@media (min-width: 960px) {
.right_lead_box{
position: relative;
z-index: 0;
background-position: center right;
min-height: 474px;
background-repeat: repeat;
background-size: 100%;

padding-left: 0;
}

}


.right_lead_box_r p
{
width: 100%;
font-size: 14px;
margin-top: 40px;
}

.blog-menu{
width: 100%;
max-width: 950px;
margin: auto!important;
text-align: center;
}
.blog-menu li {
border: solid 1px #E4E4E4;
text-align: center;
width: calc(100%/2 - 10px);
display: inline-block;
box-sizing: border-box;
margin-right: 8px;
padding: 8px 0px 0px 0px;
border-radius: 4px;
}
.tab-area {
display: flex;
justify-content: space-around;
background-color: #222e3e;
cursor: pointer;}
.tab {
text-align: center;
color: #000;
}
.tab.active {
background-color: #000;
color: #fff;
border: none;
}

.content-area {
font-size: 30px;
text-align: center;
}
.content {
display: none;
}
.content.show {
margin-top: 50px;
display: block;
}


.top-footer-bana{
height: 328px;
width: 100%;
background-image: url('../images/bginsta_bg.jpeg');
background-size: cover;
background-position: center;
position: relative;
}


.insta-inner{
width: 100%;
max-width: 520px;
height: 240px;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;

}
.insta-inner img{margin: auto;}

.right_lead_box_r {
display: none;
}

.left_lead_box_r {

background-image: url("../images/top/top-portfolio.png");
background-position: center;
background-size: cover;
height: 360px;
}

.left_lead_box_r img {
display: none;
}

.example-logo{
position: absolute;
display: block;
text-align: center;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 88px;
margin: auto;
}
.example-sp-caption {
width: 100%;
margin: auto;
max-width: 480px;
margin-top: 24px;
padding: 24px;
display: block;
}

.life-style-sub-title{
color: #fff;
font-family: 'Damion', cursive;
font-size: 24px;
line-height: 1.6em;
}
@media (min-width: 640px) {
.life-head{
padding: 0 40px 40px 40px;
}
.life-head h2{
font-size: 32px;
line-height: 1.6em;
}

.life-style-sub-title{
color: #fff;
font-family: 'Damion', cursive;
font-size: 24px;
line-height: 1.6em;
}

.bana-inner{
padding:56px 30px 0px 30px;
}


.life-style-inner{
width: 100%;
float: right;
max-width: 320px;
box-sizing: content-box;
padding-top: calc(100% / 4);
padding-right:92px;
}

.top-slicker .slick-dots{margin-top: 40px; bottom: -50px;}
.top-slicker .slick-dots li.slick-active button:before {
opacity: .75;
color: #fff;
}




h3.section-title{ font-size: 32px; line-height: 1.6em;}
.mini-section-title{ font-size: 18px; line-height: 1.6em; font-weight: 700;}

.grid-wapper_left_contents{
width: 100%;
height: 100%;
display: grid;
grid-template-columns: 40% 60%;
grid-auto-rows: minmax(100px, auto);

}

.grid-wapper_right_contents{
width: 100%;
height: 100%;
display: grid;
grid-template-columns: 60% 40%;
grid-auto-rows: minmax(100px, auto);

}



.left_lead_box {
position: relative;
z-index: 1;
margin-right: -88px;
margin-bottom: 0px;
margin-left: calc(100vw/8);
margin-top: calc(100vw/8);
width: 100%;
max-width: 100%;
float: right;
padding: 40px 0px 0px 40px;
}

.right_lead_box{
position: relative;
z-index: 0;
background-position: center right;
min-height: 474px;
background-repeat: repeat-x;
background-size: 100% 93%;
margin: -8px;
padding: 0px 48px;

}
.left_lead_box_r {
margin-top: 96px;

height: 360px;
}



.left_lead_box_r img {
position: relative;
z-index: 0;
margin-right: 0;
margin-bottom: 0px;
margin-left: calc(100vw/12);
top: 0;
width: 100%;
max-width: 1920px;
margin: 0;
display: none;

}

.right_lead_box_r {
display: none;
margin-left: 48px;
position: relative;
z-index: 2;
width: 100%;
max-width: 312px;
}
.blog-menu li {
border: none;
text-align: center;
width: calc(100%/2 - 16px);
display: inline-block;
box-sizing: border-box;
margin-right: 8px;
padding: 8px 0px 0px 0px;
border-radius: 4px;
}


.news_list .tab {
font-size: 16px;
text-align: center;
color: #000; 
border: none;
border-bottom: solid 4px #E4E4E4;
border-radius: 0px;
}
.tab.active {
background-color: #fff;
color: #000;
border: none;
border-bottom: solid 4px #000;
border-radius: 0px;
}	




}

@media (min-width: 960px) { 
.top-example {
width: 50%;
height: 5px;
/* float: right; */
left: 50%;
position: relative;
}	

.bottom-example {
width: 50%;
/* float: right; */
left: 50%;
position: relative;
}	

.left_lead_box_r{
height: auto;
}
.left_lead_box_r img{
position: relative;
z-index: 0;
margin-right: -64px;
margin-bottom: 0px;
margin-left: calc(100vw/12);
top: -96px;	
width: 80%;
max-width: 722px;
margin: auto;
display: block; 
margin-right: 120px;
}	


.left_lead_box{
position: relative;
z-index: 1;
margin-right: -88px;
margin-bottom: 0px;
margin-left: calc(100vw/8);
margin-top: calc(100vw/8);
width: 100%;
max-width: 444px;
float: right;
padding-left: 0px;
}		

.right_lead_box_r {
display: block;
/* padding-top: 146px; */
margin-left: -64px;
position: absolute;
z-index: 2;
max-width: 1000px;
width: 100%;
height: 355px;
bottom: 0;
margin: auto;
top: 80px;
left: -40px;
}

.example-logo{
position: absolute;
display: none;
}	
.example-sp-caption {
display: none;	
}

.blog-menu li {
border-bottom: solid 4px #000;
text-align: center;
width: calc(100%/5 - 16px);
display: inline-block;
margin-right: 8px;
}	

.left_lead_box_r {
margin-top: 96px;
padding-right: 0;
margin-right: 0;
background-image:url("../images/stucco_bg.png") ;
}
.life-head{
padding: 0 88px 40px;
}
.right_lead_box{
position: relative;
z-index: 0;
background-position: center right;
min-height: 474px;
background-repeat: repeat-x;
padding-left: 122px;
margin-top: 40px;
}

body .tab {
text-align: center;
color: #000; 
border: none;
border-bottom: solid 4px #E4E4E4;
}
body  .tab.active {
background-color: #fff;
color: #000;
border: none;
border-bottom: solid 4px #000;
}		

}
@media (min-width: 1200px) {
.left_lead_box{
position: relative;
z-index: 1;
margin-right: -88px;
margin-bottom: 0px;
margin-left: calc(100vw/8);
margin-top: calc(100vw/8);
width: 100%;
max-width: 444px;
float: right;
padding-left: 88px;
}	

.top-example {
width: 50%;
height: 5px;
/* float: right; */
left: 50%;
position: relative;
}	

.bottom-example {
width: 50%;
/* float: right; */
left: 50%;
position: relative;
}	



}


/*人間*/

.quality-padding{
margin-bottom: 0px;
}


@media (min-width: 640px) {
.quality-padding{
margin-bottom: 124px;
}


.top_family_1::before{
position: absolute;
content: "";
width: 230px;
height: 180px;
display: block;
background-image:url('../images/materials/home_parts/top_family_1.png');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
left: -32px;
top: -42px;
}
}
@media (min-width: 960px) {
.top_family_1::before{
position: absolute;
content: "";
width: 230px;
height: 180px;
display: block;
background-image:url('../images/materials/home_parts/top_family_1.png');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
left: -42px;
top: -42px;
}
}

@media (min-width: 1200px) {
.top_family_1::before{
position: absolute;
content: "";
width: 230px;
height: 180px;
display: block;
background-image:url('../images/materials/home_parts/top_family_1.png');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
left: -64px;
top: -42px;
}
}

.top_family_2{position: relative;}

@media (min-width: 640px) {
.top_family_2::before{
position: absolute;
content: "";
width: 240px;
height: 180px;
display: block;
background-image:url('../images/materials/home_parts/top_family_2.png');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
right: -40px;
top: -42px;
}
}

@media (min-width: 960px) {
.top_family_2::before{
position: absolute;
content: "";
width: 240px;
height: 180px;
display: block;
background-image:url('../images/materials/home_parts/top_family_2.png');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
right: 64px;
top: -42px;
}
}
@media (min-width: 1200px) {
.top_family_2::before{
position: absolute;
content: "";
width: 240px;
height: 180px;
display: block;
background-image:url('../images/materials/home_parts/top_family_2.png');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
right: 64px;
top: -42px;
}
}
.top_family_3{position: relative;}

@media (min-width: 960px) {
.top_family_3::after{
position: absolute;
content: "";
width: 220px;
height: 210px;
display: block;
background-image:url('../images/materials/home_parts/top_family_3.png');
background-size: contain;
background-position: center;
background-repeat: no-repeat;
right: 64px;
bottom: -136px;

}
}

.top_family_4{position: relative;}


p.photos img{box-shadow: 0 2px 16px 0 rgba(0,0,0,0.10);
margin-bottom: 24px;}
.top_family_4::before {
position: absolute;
content: "";
width: 120px;
height: 200px;
display: block;
background-image: url(../images/materials/home_parts/top_family_4.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
top: -110px;
z-index: 3;
left: unset;
right: 0px;
}
@media (min-width: 640px) {
.top_family_4::before {
position: absolute;
content: "";
width: 120px;
height: 200px;
display: block;
background-image: url(../images/materials/home_parts/top_family_4.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
top: -110px;
z-index: 3;
left: unset;
right: 0px;
}
}
@media (min-width: 960px) {
.top_family_4::before{
position: absolute;
content: "";
width: 120px;
height: 200px;
display: block;
background-image: url(../images/materials/home_parts/top_family_4.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
top: -220px;
z-index: 3;
left: 121px;
}
}
.top_photo_3{position: relative;}
@media (min-width: 640px) {
.top_photo_3::before {
position: absolute;
content: "";
width: 170px;
height: 190px;
display: block;
background-image: url(../images/materials/home_parts/top_family_5.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
left: 0;
top: -240px;
}
}
@media (min-width: 960px) {
.top_photo_3::before{
position: absolute;
content: "";
width: 210px;
height: 140px;
display: block;
background-image: url(../images/materials/home_parts/top_photo_3.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
left: -48px;
top: -240px;
}}


.top_family_5 {
position: relative;
right: 0;
top: 0;
margin: auto;
height: auto;
bottom: 0;
}
.left_lead_box {
margin-top: 40px;
}

@media (min-width: 640px) {

}

@media (min-width: 960px) {
.top_family_5 {
position: absolute;
right: -48px;
bottom: auto;
margin-top: 0;
padding-top: 0px;
top: 50%;
-webkit-transform: translateY(-50%); /* Safari用 */
transform: translateY(-50%);
}
}
@media (min-width: 960px) {
.top_family_5::after{
position: absolute;
content: "";
width: 170px;
height: 190px;
display: block;
background-image: url(../images/materials/home_parts/top_family_5.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
left: -16px;
bottom: -320px;
}
}
@media (min-width: 1200px) {


.top_family_5 {
position: absolute;
right: -72px;
bottom: auto;
margin-top: 0;
padding-top: 0px;
top: 50%;
padding-left: 0;
/*max-width: 480px;*/
max-width: 560px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}



.top_family_5::after{
position: absolute;
content: "";
width: 170px;
height: 190px;
display: block;
background-image: url(../images/materials/home_parts/top_family_5.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
left: -16px;
bottom: -220px;
}

}


@media (min-width: 960px) {
.top_photo_4::before {
position: absolute;
content: "";
width: 200px;
height: 130px;
display: block;
background-image: url(../images/materials/home_parts/top_photo_4.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
right: 0px;
bottom: -246px;
}
}
@media (min-width: 1200px) {
.top_photo_4::before{
position: absolute;
content: "";
width: 200px;
height: 130px;
display: block;
background-image: url(../images/materials/home_parts/top_photo_4.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
right: 88px;
bottom: -160px;
}
}

.top_family_6{position: relative; margin-bottom: 130px; margin-top: 129px;}


.top_family_6::before {
position: absolute;
content: "";
width: 270px;
height: 210px;
display: block;
background-image: url(../images/materials/home_parts/top_family_6.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
right: 0;
top: -128px;
}
@media (min-width: 640px) {

.top_family_6{margin-top: 0;}	

.top_family_6::before {
position: absolute;
content: "";
width: 270px;
height: 210px;
display: block;
background-image: url(../images/materials/home_parts/top_family_6.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
right: 0px;
top: -132px;
}
}
@media (min-width: 960px) {
.top_family_6 {
margin-bottom: 100px;
}
.top_family_6::before {
position: absolute;
content: "";
width: 270px;
height: 210px;
display: block;
background-image: url(../images/materials/home_parts/top_family_6.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
right: 64px;
top: -128px;
}
}


.mb147{margin-bottom:24px;}
@media (min-width: 960px) {
.mb147{margin-bottom: 147px;}
}
@media (min-width: 1200px) {
.mb147{margin-bottom: 147px;}
}

.mb121{margin-bottom: 121px;}

.top_photo_1{position: relative;}


.top_photo_1::after {
position: absolute;
content: "";
width: 231px;
height: 148px;
display: block;
background-image: url(../images/materials/home_parts/top_photo_1.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
top: -64px;
right: -40px;
z-index: 4;
}




@media (min-width: 960px) {

.top_photo_1::after{
position: absolute;
content: "";
width: 231px;
height: 148px;
display: block;
background-image: url(../images/materials/home_parts/top_photo_1.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
top: -168px;
right: -40px;
}
}
@media (min-width: 1200px) {
.top_photo_1::after{
position: absolute;
content: "";
width: 231px;
height: 148px;
display: block;
background-image: url(../images/materials/home_parts/top_photo_1.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
top: -128px;
right: 64px;
}
}
.mg-mi-56{
margin-right: -64px;
}





.pc56sp0 {
margin-bottom: 56px;
}
.top_family_14{position: relative; }
.top_family_14::after {
position: absolute;
content: "";
width: 200px;
height: 180px;
display: block;
background-image: url(../images/materials/home_parts/top_family_14.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
right: 64px;
bottom: -180px;
}
.top_photo_2{position: relative;}

.top_photo_2::before {
position: absolute;
content: "";
width: 236px;
height: 152px;
display: block;
background-image: url(../images/materials/home_parts/top_photo_2.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
bottom: 0px;
left: -24px;
}






@media (min-width: 640px) {


}

@media (min-width: 960px) {
.top_photo_2::before{
position: absolute;
content: "";
width: 236px;
height: 152px;
display: block;
background-image: url(../images/materials/home_parts/top_photo_2.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
bottom: -96px;
}
}

@media (min-width: 1200px) {
.top_photo_2::before{
position: absolute;
content: "";
width: 236px;
height: 152px;
display: block;
background-image: url(../images/materials/home_parts/top_photo_2.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
bottom: -96px;
}
}
.top_family_9{position: relative; }
@media (min-width: 640px) {
.top_family_9::after {
position: absolute;
content: "";
width: 230px;
height: 100px;
display: block;
background-image: url(../images/materials/home_parts/top_family_9.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
bottom: -16px;
left: -24px;
}
}
.bg-orange-images{
background-image: url(../images/materials/watercolor_bg.jpg);
}
.top_family_10{position: relative; }
@media (min-width: 640px) {
.top_family_10::after {
position: absolute;
content: "";
width: 130px;
height: 180px;
display: block;
background-image: url(../images/materials/home_parts/top_family_10.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
right: 40px;
top: -140px;
}
}
.top_family_11{position: relative; }
.top_family_11::before {
position: absolute;
content: "";
width: 170px;
height: 180px;
display: block;
background-image: url(../images/materials/home_parts/top_family_11.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
left: -64px;
top: -40px;
}
.top_family_12{position: relative; }
@media (min-width: 640px) {

.top_family_12::after {
position: absolute;
content: "";
width: 210px;
height: 200px;
display: block;
background-image: url(../images/materials/home_parts/top_family_12.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
right: -64px;
bottom: -112px;
}}
.top_family_13{position: relative; }

@media (min-width: 640px) {
.top_family_13::before {
position: absolute;
content: "";
width: 220px;
height: 210px;
display: block;
background-image: url(../images/materials/home_parts/top_family_13.png);
background-size: contain;
background-position: center;
background-repeat: no-repeat;
left: -64px;
top: -112px;
}
}
/*施工事例*/

.nos{	font-family: 'Damion', cursive; font-size: 64px; line-height: 0;}

.right_no{position: absolute; right: 36px; top: 0; z-index: 1;}
.example-inner{     color: #fff;
padding-bottom: 0;
/* vertical-align: middle; */
position: relative;
padding: 40px 24px;
}
@media (min-width: 640px) {
.example-inner{     color: #fff;
padding-bottom: 0;
/* vertical-align: middle; */
position: relative;
padding: 40px;
}

}
@media (min-width: 960px) {
.example-inner{     color: #fff;
padding-bottom: 0;
/* vertical-align: middle; */
position: relative;
margin: auto;
left: 0;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%); /* Safari用 */
transform: translateY(-50%);
padding: 40px;
}
}



/*.example_address{ border-bottom: solid 1px #fff; padding-bottom:8px;  }*/
.example_address{
padding-bottom: 0px;
border-left: 3px solid #DF7700;
padding-left: 15px;
}
.example-title{
font-size: 24px;
margin-top: 0px;
margin-bottom: 16px;
line-height: 1.6;
}


.example-contents{ font-size: 14px; line-height: 2em; margin-bottom: 0;}
.example-damion{font-family: 'Damion', cursive; font-size: 24px;  margin-bottom: 24px; line-height: 1em; color: #7B7B7B;}
.example-images{ background-size:100%;}
.bg-black{ background-color: #000;}
.work-top{margin-top: 64px;}

.works_g li.gallery-item {
/*  width: calc(100%/4);
display: inline-block;
padding: 20px;*/
}

/*.works_g .gallery {
height: 400px;
}*/
.slick-slide {
height: auto !important;
}


/*blog*/

.aligncenter {
clear: both;
display: block;
text-align: center;
margin: auto;
margin-bottom: 16px;
margin-top: 16px;
}

.blog-main-contents table{
/*display: none;*/
}

/**/
/*
.slick-slide img {
width: auto;
height: 25vw;
object-fit: cover;
}

.slick-slide img {
width: auto;
height: 180px;
object-fit: cover;
}



@media (min-width: 640px) {
.slick-slide img {
width: auto;
height: 300px;
object-fit: cover;
}
}
@media (min-width: 960px) {
.slick-slide img {
width: auto;
height: 360px;
object-fit: cover;
}
.style-item img{
height: 320px;
}

}
@media (min-width: 1200px) {

}
*/

.photo-gallery-title{ font-size: 32px; line-height: 1.6em;font-family: 'Damion', cursive; margin-top: 80px; margin-bottom: 0px;}
/* margin-bottom: 32px;*/
.work-btn{
display: inline-block;
padding: 24px;
font-size: 16px;
font-weight: 700;
background-color: #EC6C00;
text-align: center;
color: #fff;
min-width: 240px;
margin: auto;
margin-top: 40px;
margin-bottom: 40px;
}
.work-btn span{position: relative;    padding-left: 16px;}
.work-btn span::before{content: "";
left: -4px;
position: absolute;
background-size: contain;
background-repeat: no-repeat;
width: 16px;
height: 16px;
background-image: url(../images/iconsbullet_half_front.svg);
top: 0;
bottom: 0;
margin: auto;
}

.plr24{
padding-left: 24px;
padding-right: 24px;
}


.works-left,.works-right{
margin-top: 40px;
width: 100%;
}
.works-left img,.works-right img{ width: 100%;}
.works-left{}
.works-right{
margin-left: 0%;
}

@media (min-width: 640px) {
.works-left,.works-right{
margin-top: 80px;
width: 82.6%;
}
.works-left{}
.works-right{
margin-left: 17%;
}
}


.works-left h3,.works-right h3{
font-size: 24px;
margin-top: 24px;
margin-bottom: 16px;
line-height: 1.6em;
}


.model-w-side-black-line {
position: relative;
padding: 0 24px;
text-align: center;
margin-bottom: 56px;
margin-top: 40px;
}

@media (min-width: 640px) {
.model-w-side-black-line {
position: relative;
padding: 0 65px;
text-align: center;
margin-bottom: 56px;
}

}

.model-w-side-black-line::before {
position: absolute;
top: calc(50% - 1px);
left: 0;
width: 100%;
height: 2px;
content: '';
background: #000;
}


.model-w-side-black-line div {
font-size: 24px;
line-height: 1.6em;
position: relative;
padding: 8px 16px;
color: #EC6C00;
background: #fff;
display: inline-block;
font-weight: 700;
width: 90%;
/* max-width: 408px; */
}

@media (min-width: 640px) {
.model-w-side-black-line div {
font-size: 24px;
line-height: 1.6em;
position: relative;
padding: 8px 16px;
color: #EC6C00;	
background: #fff;
display: inline-block;
font-weight: 700;
width: auto;
}
}

.model-w-side-black-line_no_wrapp {
position: relative;
padding: 0 65px;
text-align: center;

}

.model-w-side-black-line_no_wrapp::before {
position: absolute;
top: calc(50% - 1px);
left: 0;
width: 100%;
height: 2px;
content: '';
background: #000;
}

.model-w-side-black-line_no_wrapp span {
font-size:32px;
line-height: 1.6em;
position: relative;
padding: 8px 32px;
color: #000;	
background: #fff;
display: inline-block;
font-weight: 700;
}



.cercle{
border-radius: 50%;
padding-top: 100%;
width: 100%;
background-position: center;
background-size: cover;
}

.colorful span:nth-child(3n+1) { color: #EC6C00; }
.colorful span:nth-child(3n+2) { color: #09B6C9; }
.colorful span:nth-child(3n) { color: #27AE60; }

.model-house-staff-title{
text-align: center;
font-size: 18px; font-weight: 700;
}
.model-house-staff-title span{
font-size: 14px;
font-weight: normal;
display: block;
line-height: 1.6;
}

.model-house-about-inner{
color: #fff;
width: 100%;
padding: 40px 24px;
position: relative;
top: 50%;
-webkit-transform: translateY(-50%); /* Safari用 */
transform: translateY(-50%);
margin: auto;
}
.model-house-about-inner th{
color: #fff;
min-width: 64px;
font-size: 16px;
}
.model-house-about-inner td{
color: #fff;
font-size: 16px;
padding-left: 24px;
}
.model-house-about-inner h3{
font-size: 18px; font-weight: 700;
padding-left: 8px;
}

.modelhouse_table.table tr:first-child td {
border: none;
}
.modelhouse_table.table tr:first-child th {
border: none;
}
.modelhouse_table.table th, .table td {
padding: 0.75rem;
vertical-align: top;
border-top: 1px solid #F5B580;
}

.staff_message{
font-size: 16px;
line-height: 1.6em;
margin-bottom: 40px;
}

.yakudokoro{
font-size: 16px;
line-height: 1.6em;
margin-bottom: 8px;
}

.staff-name{
font-size: 24px;
line-height: 1.6em;
margin-bottom: 24px;
}

.staff_table th{
width: 120px;
border-bottom: solid 1px #E4E4E4;
padding: 8px;
}
.staff_table td{
border-bottom: solid 1px #E4E4E4;
padding: 8px;
}
figure.cercle.staff_modal_img {
background-size: cover;
background-position: center;
width: 100%;
height: 240px;
margin: auto;
}
@media (min-width: 640px) {
.work-btn{margin-top: 40px; margin-bottom: 40px;}/*240*/
.work-top{margin-top: 112px;}
.model-house-about-inner{
color: #fff;

margin: auto;
padding: 40px;
}
figure.cercle.staff_modal_img {
background-size: cover;
background-position: center;
width: 100%;
height: 320px;
}
}
@media (min-width: 960px) {
.example-inner{position: absolute; 

top: 50%;
-webkit-transform: translateY(-50%); /* Safari用 */
transform: translateY(-50%);}


}
@media (min-width: 1200px) {}


/*オンライン相談*/

.online-head-wapper{
width: 100%;
max-width: 1040px;
}
.online-head-left{width: 100%; position: relative; background-color: #C7DDF2;}
.online-head-right{width: 100%;}

body .npc-zero .online-flow-item {
text-align: center;
padding: 40px;
border-right: solid 1px #27ae60;
position: relative;
}
body .npc-zero .online-flow-item:last-child{
border-right: transparent;
}
.online-flow-item h4{
color: #27AE60;
font-size: 18px;
line-height: 1.6em;
}
.online-flow-item p{
text-align: left;
font-size: 14px;
line-height: 1.6em;
}

.flow-back{
padding-top: 40px;
background-image: url("../images/stucco_bg.png");
}
.online-flow-title{
font-size: 18px;
line-height:1.6em;
color: #27AE60;
font-weight: 700;
border-radius: 100px;
border:solid 2px #27AE60;
background-color: #fff;
width: 296px;
padding: 16px;
text-align: center;
display: inline-block;
position: relative;
margin: auto;
top: -59px;
}
.online-flow-item:last-child::after{display: none;}
.online-flow-item::after{
content:"";
background-image: url(../images/online/partsarrow_next_green.png);
display: block;
width: 32px;
height: 32px;
position: absolute;
background-position: center;
background-size: contain;
top: 0;
bottom: 0;
right: -16px;
margin: auto;
}

.online_three_point h4 {
font-size: 18px;
border: solid 1px #EC6C00;
text-align: center;
color: #EC6C00;
font-weight: 700;
padding: 16px;
margin-bottom: 24px;
}

.online_three_point p { font-size: 14px;}

.online-cta-btn{
display: inline-block;
width: 100%;
max-width: 520px;
margin: auto;
}



h3.online_metting_title {
font-size: 24px;
text-align: center;
margin-bottom: 40px;
}

h3.online_metting_title span {
padding-bottom: 16px;
border-bottom: solid 3px #000;
line-height: 2.6em;
font-weight: 700;
}



.online_meet_inner h1{
font-size: 10px;
width: 100%;
max-width: 200px;
margin: auto;
text-align: left;
margin-bottom: 8px;
}

.online_meet_inner{
position:relative;
margin: auto;
width: 100%;
max-width: 448px;
height: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
padding: 40px 16px;
}

.online_lead_block{
width: 100%;
max-width: 860px;
margin: auto;
}

.form_slick{
margin-top: -40px;
}

.form_slick .slick-prev:before {
content: ' ';
background-image: url(../images/online/prev.png);
width: 54px;
height: 54px;
display: block;
position: absolute;
background-size: contain;
}

.slick-prev,.slick-next {
z-index: 2;	
}

.form_slick .slick-prev {
left: -20px;
}
.form_slick .slick-next {
right: 16px;
}

.form_slick .slick-next:before {
content: ' ';
background-image: url(../images/online/next.png);
width: 54px;
height: 54px;
display: block;
position: absolute;
background-size: contain;
}

.form_slick .slick-slide img {
margin: auto;
}

.form_slick .slick-dots li.slick-active button:before {
opacity: .75;
color: #27AE60;
}

.form_slick .slick-dots {
position: absolute;
bottom: 8px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}

.online-head-wapper {
width: 100%;
max-width: 1040px;
display: block;
justify-content: flex-end;
margin-top: 80px;
margin-bottom: 40px;
}

.flow-back {
padding-top: 40px;
background-image: url(../images/stucco_bg.png);
padding-bottom: 40px;
}

@media (min-width: 640px) {
.flow-back {
padding-top: 40px;
background-image: url(../images/stucco_bg.png);
padding-bottom: 0px;
}
}
@media (min-width: 960px) {

.online_meet_inner h1{
font-size: 16px;
width: 100%;
max-width: 319px;
margin: auto;
text-align: left;
margin-bottom: 16px;
}	

.online-head-wapper{
width: 100%;
max-width: 1040px;
display: flex;
justify-content: flex-end;
margin-top: 80px;
margin-bottom: 40px;
}
.online-head-left{width: 57.6923077%;}
.online-head-right{width: 42.3076923%;}

.online_meet_inner{
position: absolute;
margin: auto;
width: 100%;
max-width: 448px;
height: auto;
max-height:207px;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
padding: 0;
}	

}
@media (min-width: 1200px) {

}


/*来場予約*/
p.merit-no {
width: 88px;
margin: auto;
margin-top: 12px;
font-size: 48px;
color:#EC6C00;
font-family: 'Damion', cursive;
border-bottom: solid 3px #EC6C00;
margin-bottom: 24px;
}
p.merit-no span{font-size:24px;font-family: 'Damion', cursive; margin-right: 4px; }

.merit-title{
font-size: 18px;
line-height: 1.6em;
color: #EC6C00;
margin-bottom: 24px;
}
.merit-contents p{
font-size: 14px;
line-height: 1.6em;
}
body .shop-block .col-5{
margin: 0;
padding: 0;
padding-left: 20px;
padding-right: 20px;
margin-bottom: 24px;
}
.shop-block{ font-size: 14px; line-height: 1.6em;}
.shop-block h4 {
font-size: 18px;
line-height: 1.6em;
text-align: left;
color: #EC6C00;
border-bottom: solid 1px;
padding-bottom: 8px;
margin-bottom: 16px;
}
.shop-block strong.tel {
font-size: 24px;
font-weight: 700;
line-height: 1.6em;
}
.shop-block .time {
font-size: 12px;
line-height: 1.6em;
}
.shop-block .left-btn{
border: solid 1px;
}

.shop-block_time{

font-size: 12px;
line-height: 1.6em;

}

.shop-block_time:before{
content: "";
width: 0px;
height: 0px;
}

.shop-block .left-btn {
border: solid 1px;
margin: auto;
display: block;
padding: 8px;
font-weight: 700;
font-size: 16px;
}

body .five-padding .online-flow-item {
text-align: center;
padding: 16px;
border-right: solid 1px #27ae60;
position: relative;
}


body .npc .shopinfo-l{padding-right: 8px;}
body .npc .shopinfo-r{padding-left: 8px;}

.reservation-title{font-size: 32px; line-height: 46px; margin-top: 16px; color: #000; font-weight: 700;} 

.sp-center-pc-left{text-align: center;}
.pc-center-sp-left{text-align: left;}

.reserved-btn span{
position: relative;    padding-right: 16px;
}

.reserved-btn {
text-decoration: none;
border: solid 1px;
margin: auto;
display: block;
padding: 8px;
font-weight: 700;
font-size: 16px;
width: 100%;
max-width: 120px;
text-align: center;
margin: auto;
color: #000;
}

.reserved-btn span::after{
content: "";
right: -4px;
position: absolute;
background-size: contain;
background-repeat: no-repeat;
width: 16px;
height: 16px;
background-image: url(../images/top/iconsbullet_black_front.svg);
top: 2px;
bottom: 0;
margin: auto;
}

@media (min-width: 640px) {



}
@media (min-width: 960px) {
body .npc .shopinfo-l{padding: 20px;    padding-bottom: 8px;
margin-bottom: 0;}
body .npc .shopinfo-r{padding: 20px;    padding-bottom: 8px;
margin-bottom: 0;}
.shop-block h4{text-align: center;}
.sp-center-pc-left{text-align: left;}
.pc-center-sp-left{text-align: center;}
}
@media (min-width: 1200px) {

}




/*モデルハウス*/

.o{color:#EC6C00; }
.u{ color: #09B6C9;}
.c{ color:#27AE60; }
.staffcap-name{
font-weight: 700 !important;
font-size: 18px !important;
line-height: 1.6;
}
.model-white{padding-left: 4px; padding-right: 4px;}

.house-ti{ border: solid 2px #000;
box-shadow: 4px 4px 0px #000;}
.none-uper960{
display: none;
position: relative;
background-repeat: no-repeat;
}
.none-under960 {
display: block;
position: relative;
height: 45.7vh;
background-position: center;
background-size: cover;
margin-bottom: 40px;
}


.center-logo{
position: absolute;
width: 100%;
max-width: 440px;
height:100%;
max-height: 180px;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.center-logo-sp{
position: absolute;
width: 100%;
height: 100%;
top: 50%;
-webkit-transform: translateY(-50%); /* Safari用 */
transform: translateY(-50%);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
}
.mastu_home{    background-size: auto 100%;
background-position: 53%;}

@media (min-width: 640px) {
.none-under960{
display: block;
position: relative;
height: 500px;
background-position: center;
background-size: cover;
}
.mastu_home{	position: absolute;
width: 100%;
height: 100%;
top: 50%;
-webkit-transform: translateY(-50%); /* Safari用 */
transform: translateY(-50%);
background-repeat: no-repeat;
background-size: contain;
background-position: center;}

}
/*
.modelhouse_cta{
background-image: url(../images/banners/banner_bg.jpg);
/*padding: 40px 24px;*/
/*padding: 24px 24px;
background-size: cover;
margin-bottom: 80px;
}
*/

.modelhouse_cta {
background-image: url(../images/banners/banner_bg.jpg);
/* padding: 40px 24px; */
padding: 24px 24px;
background-size: cover;
margin-bottom: 80px;
border-top: solid 96px #fff;
border-bottom: solid 80px #fff;
}

.modelhouse_cta.pt40{
padding: 40px 24px ;
}

.modelhouse_cta img{
margin: auto;
width: 100%;
max-width: 640px;
margin-top: -140px;
margin-bottom: -120px;
}
.shop-wapper{background-image: url("../images/materials/lightblue_dot_pattern.png"); background-size: 6px 6px; padding: 40px 24px 0px 24px; margin-top: 40px;
margin-bottom: 80px;}

span.model-label {
background-color: #EC6C00;
padding: 8px 16px;
display: inline-block;
margin: auto;
font-weight: 700;
font-size: 16px;
color: #fff;
margin-top: 24px;
margin-bottom: 8px;
}

.model-house-title{
font-size: 24px;
line-height: 1.6em;
color:  #EC6C00;
text-align: center;
margin-bottom: 24px;
font-weight: 700;
}

.model-house-vr-title{
font-size: 24px;
line-height: 1.6em;
color:  #EC6C00;
text-align: center;
font-weight: 700;
margin-bottom: 24px;
}

.mode-house-virtual{margin-top: 64px;}

.model-house-vr-single-title{
background-color: #EC6C00;
color: #fff;
font-weight: 700;
font-size: 16px;
line-height: 1.6em;
padding: 8px 0px 8px 0px;
width: 100%;
text-align: center;
}

.reservation-btn{
width: 100%;
max-width: 520px;
}

@media (min-width: 960px) {


/*	
.modelhouse_cta img{
margin: auto;
width: 100%;
max-width: 640px;
}	
*/

.modelhouse_cta img {
margin: auto;
width: 100%;
max-width: 640px;
margin-top: -140px;
margin-bottom: -120px;
}	

.none-uper960{
display: block;
height: 620px;
background-position: center;
background-size: 1800px 620px;
margin-bottom: 0px;
}
.none-under960{
display: none;
}

}


/*借入*/

.kari-exa-tag{ font-size: 16px; line-height: 1.6em; color: #EC6C00; width:  134px; font-weight: 700; margin-bottom: 24px;}
.kari-exa-tag span{background-color: #fff; color: #EC6C00; padding: 4px 8px;border: solid 1px #EC6C00; }
.kari-exa-tag span.tag{background-color: #EC6C00; color:#fff; padding: 4px 8px;border: solid 1px #EC6C00;}

.kari-exa-title{ font-size:24px; line-height: 1.6em; margin-bottom: 16px;}


.kari-exa-panel{background-image: url("../images/orange_dot_pattern.png"); background-size: 6px 6px; padding: 24px;
margin-left: -24px;
margin-right: -24px;}

body .kari-exa-panel td{

border-top: 1px solid #dee2e6;
}
body .kari-exa-panel th{
width: 88px;
}
@media (min-width: 640px) {
body .kari-exa-panel th{
width: 120px;
}
}
.kari-inner {
position: relative;
border-right: unset;
border-bottom: solid 1px #ec6c00;
padding: 24px;
}
.kari-inner::after{
background-image: url(../images/top/partskariire_under_arrow.svg);
background-size: contain;
background-repeat: no-repeat;
background-position:center; 
content: "";
width: 48px;
height: 56px;
display: block;
top: auto;
bottom: -49px;
right: 0;
margin: auto;
left: 0;
position: absolute;
}



.kari-inner .table{padding: 24px;}

.kari-inner th,.kari-inner td{padding-left: 0px; padding-right: 0px;}
.kari-price-box .open-price{ line-height: 1.2;}
@media (min-width: 640px) {

.kari-exa-panel{background-image: url("../images/orange_dot_pattern.png"); background-size: 6px 6px; padding: 24px;
margin-left: 0;
margin-right: 0;}

}

.kari-exa-panel .read{background-color: #fff; }	




.kari-point{
position: relative;
}
.kari-price-box {
height: auto;
width: 100%;
text-align: center;
position: relative;
top: 0;
bottom: 0;
left: 0;
right: 0;
/* padding-top: 40px; */
margin: auto;
margin-top: 64px;
padding-bottom: 24px;
}


.open-price{
color: #EC6C00;
font-size: 48px;
line-height: 1.6em;
font-weight: 700;
}

.yen{font-size: 32px;}

span.month {
display: block;
font-size: 16px;
line-height: 1.6em;
font-weight: 700;
margin-top: 8px;
}

.kariire-btn{margin-top: 40px;}

.kariire-img{
display: block;
position: relative;
width: 100%;
max-width: 320px;
bottom: 0;

margin: auto;}

@media (min-width: 640px) {




}
@media (min-width: 960px) {

.kariire-img{
display: inline-block;
position: absolute;
width: 88.8%;
max-width: 320px;
bottom: 0;
margin: auto;}	

.kari-inner {
position: relative;
border-bottom: none;
border-right: solid 1px #ec6c00;
padding: 24px;
}
.kari-inner::after{
background-image: url(../images/top/partskariire_arrow.svg);
content: "";
width: 48px;
height: 56px;
display: block;
top: 0;
bottom: 0;
right: -48px;
margin: auto;
left: auto;
position: absolute;
}

}
@media (min-width: 1200px) {}


/*コンセプト*/

.concept-title{
font-size: 32px;
line-height: 1.6em;
position: relative;
text-align: center;
}

.concept_family_1{
position: relative;
}
.liget img{ width: 100%;}
@media (min-width: 640px) {
.concept_family_1::before{
content: "";
display: block;
position: absolute;
background-image: url(../images/concept/concept_family_1.png);
width: 224px;
height: 253px;
background-size: contain;
bottom: 0;
right: 88px;
}
.liget img{ max-width: 320px; display: block; margin: auto;}
}

.concept_family_2{
position: relative;
}
@media (min-width: 640px) {
.concept_family_2::before{
content: "";
display: block;
position: absolute;
background-image: url(../images/concept/concept_family_2.png);
width: 265px;
height: 208px;
background-size: contain;
bottom: 0;
left: 88px;
}}

.concept_family_3{
position: relative;
}
@media (min-width: 640px) {
.concept_family_3::before{
content: "";
display: block;
position: absolute;
background-image: url(../images/concept/concept_family_3.png);
width: 200px;
height: 250px;
background-size: contain;
bottom: 0;
right: 88px;
}}
.concept-title-after{
margin: auto;
display: block;
width: 24px;
height: 2px;
background-color: #000;
margin-top: 40px;
margin-bottom: 40px;
}

.concept-lead{
width: 100%;
max-width: 780px;
height: auto;
text-align: center;
margin: auto;
margin-bottom: 40px;
font-size: 16px;
line-height: 2em;

}

.left_concept_block,.right_concept_block{
width: 100%;
padding: 0px;
box-sizing: border-box;
margin-bottom: 145px;
}

.concept_theme_title{ font-size: 64px;font-family: 'Damion', cursive; color: #EC6C00; margin-top: 0px;  font-weight: normal; line-height: 1;}

.concept_theme_sub_title{ color: #000; font-size: 24px; margin-top: 40px; margin-bottom: 40px; font-weight: 700;    letter-spacing: 0.1em;}

.concept_contents_block{
width: 100%;
padding: 0px 24px;
box-sizing: border-box;
display: inline-block;

}
.human_block{
display: none;
}

.value_human{
width: 219px;
height: 253px;
}


.left_concept_block figure, .right_concept_block figure {
margin-bottom: -32px;
}

@media (min-width: 640px) {
.concept_contents_block{
width: 54%;
display: inline-block;
}	
.human_block{
width: 45%;
display: inline-block;
}

.value_human{
width: 219px;
height: 253px;
}	

.concept-title{
font-size: 40px;
line-height: 1.6em;
}
.concept_theme_title{ font-size: 120px;}

.left_concept_block{
width: 85.08287729%;
}
.left_concept_block figure{	
padding-right: 78px;
}

.right_concept_block{
width: 85.08287729%;
margin-left: 14.9171271%;
}	

.right_concept_block figure{
padding-left: 78px;
}



}
@media (min-width: 960px) {
.concept_theme_title{ font-size: 120px;font-family: 'Damion', cursive; color: #EC6C00; margin-top: -24px;  font-weight: normal;}

}
@media (min-width: 1200px) {

}

/*ライフスタイル*/

.style-item{width: 280px; display: inline-block;}

.style-item a:hover{text-decoration: none;}

.style-item-no {
font-size: 64px;
font-family: 'Damion', cursive;
color: #EC6C00;
/* margin-top: -52px; */
margin-bottom: 0px;
line-height: 1.6em;
margin-top: -32px;
}

.style-item-contents{
background-color: #bababa;
padding-bottom: 24px;
}

.style-item-contents h4{
font-size: 18px;
color: #000;
font-weight: 700;
text-align: center;
}
.style-item-contents h4 span{ 
font-size: 24px;
color: #fff;
display: block;
text-align: center;
font-family: 'Damion', cursive;
}

.style-single-title {
font-size: 32px;
color: #000;
margin-bottom: 40px;
}
.style-single-title span{
font-size: 24px;
display: block;
margin-top: 0px;
font-family: 'Damion', cursive;
}

.style-single-contents{
width: 100%;
max-width: 680px;
margin-bottom: 80px;
}

.style-no-single {
font-size: 120px;
font-family: 'Damion', cursive;
color: #EC6C00;
position: relative;
margin-top: -0.8em;
margin-bottom: 32px;
}
.style-no-single span{
position: relative;
}
.style-no-single span::after{
content: "";
position: absolute;
display: block;
width: 24px;
height: 4px;
background-color: #EC6C00;
bottom: 8px;
}

a.btn-orange {
position: relative;
font-size: 16px;
text-align: center;
background-color: #EC6C00;
display: block;
padding: 16px;
color: #fff;
font-weight: 700;
text-decoration: none !important;
}
a.btn-orange span{ position: relative;padding-right: 16px;}
a.btn-orange span::after{
content: "";
right: -4px;
position: absolute;
background-size: contain;
background-repeat: no-repeat;
width: 16px;
height: 16px;
background-image: url(../images/iconsbullet_half_front.svg);
top: 0;
bottom: 0;
margin: auto;
}


.btn-gray{

display: inline-block;
padding: 16px 24px;
font-size: 16px;
font-weight: 700;
background-color: #7B7B7B;
text-align: center;
color: #fff;
min-width: 240px;
}

.btn-gray span{
padding-right: 16px;
position: relative;
}

.btn-gray span::after{
content: "";
right: -4px;
position: absolute;
background-size: contain;
background-repeat: no-repeat;
width: 16px;
height: 16px;
background-image: url(../images/iconsbullet_white_front.svg);
top: 2px;
bottom: 0;
margin: auto;
}

a.btn-orange_auto {
position: relative;
font-size: 16px;
text-align: center;
background-color: #EC6C00;
display: block;
padding: 16px;
color: #fff;
font-weight: 700;
text-decoration: none !important;
}
a.btn-orange_auto span{ position: relative;padding-right: 16px;}
a.btn-orange_auto span::after{
content: "";
right: -4px;
position: absolute;
background-size: contain;
background-repeat: no-repeat;
width: 16px;
height: 16px;
background-image: url(../images/iconsbullet_half_front.svg);
top: 0;
bottom: 0;
margin: auto;
}


.btn-gray_auto{

display: inline-block;
padding: 16px 24px;
font-size: 16px;
font-weight: 700;
background-color: #7B7B7B;
text-align: center;
color: #fff;
}

.btn-gray_auto span{
padding-right: 16px;
position: relative;
}

.btn-gray_auto span::after{
content: "";
right: -4px;
position: absolute;
background-size: contain;
background-repeat: no-repeat;
width: 16px;
height: 16px;
background-image: url(../images/iconsbullet_white_front.svg);
top: 2px;
bottom: 0;
margin: auto;
}

.btn-gray_auto_no{

display: inline-block;
padding: 16px 24px;
font-size: 16px;
font-weight: 700;
background-color: #7B7B7B;
text-align: center;
color: #fff;
}

.btn-gray_auto_no span{
position: relative;
}



.btn-white_auto{

display: inline-block;
padding: 16px 24px;
font-size: 16px;
font-weight: 700;
background-color: #fff;
text-align: center;
color: #000;
}

.btn-white_auto span{
padding-right: 16px;
position: relative;
}

.btn-white_auto span::after{
content: "";
right: -4px;
position: absolute;
background-size: contain;
background-repeat: no-repeat;
width: 16px;
height: 16px;
background-image: url(../images/iconsbullet_black_front.svg);
top: 2px;
bottom: 0;
margin: auto;
}

.style-item a {
padding: 4px;
display: block;
}
label.field-item.check-shop {
display: block;
}

@media (min-width: 640px) {
.style-item{width: 320px;}
}
@media (min-width: 960px) {

}
@media (min-width: 1200px) {

}

/*インタビュー*/
.interviews p{
font-size: 16px;
line-height: 2;
}
.line-height-1em{
line-height: 1em !important;
}

.neo_interview{
position: relative;
height: auto;
padding-top: 40px;
padding-left: 24px;
padding-right: 24px;
padding-bottom: 40px;
width: 100%;
}


.head_interview {margin-top: 40px;}
body .head_interview .h_inner {
position: absolute;
width: 100%;
max-width: 292px;
bottom: 0;
left: 0px;
right: 0;
margin: auto;
top: 50%;
-webkit-transform: translateY(-50%); /* Safari用 */
transform: translateY(-50%);
}


.wp-block-columns.case-one, .wp-block-columns.case-two,.wp-block-columns.case-three,.wp-block-columns.case-four{

margin-top: 40px;
margin-bottom: 40px;
}

@media (min-width: 640px) {
.wp-block-columns.case-one, .wp-block-columns.case-two,.wp-block-columns.case-three,.wp-block-columns.case-four{

margin-top: 80px;
margin-bottom: 80px;
}

}




.wp-block-columns.case-three .wp-block-column{
width: 33% !important; margin-right: 1%;
}


.head_interview h3{ font-size: 24px; line-height: 1.6em;}
.head_interview .under-line{ border-bottom: solid 1px #000;}
.sub_h{font-size: 14px; display: block; margin-top: 16px; font-weight: normal; line-height: 1.6;}


.zurasi-r,.zurasi-l{margin-left: 0px; margin-top:0px;}
.case-one figure { margin-top: 0px; margin-left: 0px;background-image: url("../images/stucco_bg.png");}	
.zurasi-r,.zurasi-l{margin-left: 0px; margin-top:0px;}
.case-one .zurasi img{ margin-top: 0px; margin-left: 0px;}	




.interview h2{
margin-top: 24px;
font-size: 20px; 
line-height: 32px; 
color: #EC6C00;
position: relative;
padding-left: 28px;
margin-bottom: 24px;
}
.case-one p{ font-size: 16px; line-height: 2;}
.interview h2::before{
content: "";
position: absolute;
background-image: url("../images/top/title-line.svg");
width: 24px;
height: 2px;
background-size: contain;
top: 14px;
left: 0px;
}
.interview-left{
height: auto;
display: block;
width: 100%;
position: relative;
}

.interview-right{
height:250px;
background-size: cover;
background-position: center;
background-origin: content-box;
display: block;
width: 100%;
}	
body .interview .wp-block-column:nth-child(2n) {
margin-left: 0px;
}

@media (min-width: 640px) {
body .interview .wp-block-column:nth-child(2n) {
margin-left: 16px;
}	
}


@media (min-width: 960px) {
.case-one h2,.case-three h2{ margin-top: 0px;}

.interview h2{
margin-bottom: 24px;
}
.interview h1,.interview h2,.interview h3,.interview h4,.interview h5, .interview p
{
margin-left: 90px;
padding-right: 90px;
}
.case-one h1,.case-one h2,.case-one h3,.case-one h4,.case-one h5, .case-one p
{

padding-right: 0px;
}
.case-three h1,.case-three h2,.case-three h3,.case-three h4,.case-three h5, .case-three p
{
margin-left: 0px;

}
.case-three p
{
margin-left:0px;

}



}

@media (min-width: 640px) {

.neo_interview{
height: auto;
padding-top: 80px;
padding-left: 40px;
padding-right: 40px;
padding-bottom: 80px;
width: 100%;
}	

body .head_interview .h_inner {

}
.interview-right{
height: 430px;
}

.zurasi {
position: relative;
margin-right: -32px;
margin-bottom: -32px;
margin-top: 32px;
/* padding-right: 32px; */
margin-left: 32px;
}	
.zurasi-r{margin-left: -32px !important; margin-top: -32px !important;}	
.zurasi-l{ margin-top: -32px !important;
}	


.case-one figure img{
margin-top: -32px !important;
margin-left: -32px;
margin-bottom: 32px;
}	
.case-three	figure{
position: relative;
margin-right: 32px;
margin-bottom: -32px;
margin-top: 32px;
/* padding-right: 32px; */
margin-left: -32px;

background-image: url("../images/top/stucco_bg.png");
}

.case-three	figure img{ 
margin-top: -32px !important;
margin-left: 32px;
margin-bottom: 32px;
}

.case-one figure {
margin-top: 0px;
margin-left: 0px;
background-image: url(../images/stucco_bg.png);
margin-right: -32px;
margin-bottom: -32px;
margin-top: 32px;
/* padding-right: 32px; */
margin-left: 32px;
}	


body .head_interview .h_inner {
}

}
@media (min-width: 960px) { 


.neo_interview{
position: absolute;
height: auto;
left: 0;
padding: 0;
padding-left: 40px;
padding-right: 40px;
width: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);	
}	

.head_interview .row{
margin-left: -32px !important;
margin-top: -64px !important;
}
body .head_interview .h_inner {
position: absolute;
width: 360px;
bottom: 0;
left: 40px;
margin: auto;
top: 50%;
-webkit-transform: translateY(-50%); /* Safari用 */
transform: translateY(-50%);
}	

.head_interview {
padding-top: 32px;
position: relative;
margin-right: -32px;
margin-bottom: 32px;
margin-top: 32px;
padding-right: 32px;
margin-left: 32px;
background-image: url("../images/top/stucco_bg.png");
margin-top: 124px;
}



.interview-left{
height: 400px;
display: flex;

position: relative;
width: 45%;
max-width: 468px;
}

.interview-right{
height: 400px;
background-size: cover;
background-position: center;
background-origin: content-box;
display: flex;
width:55%;
max-width: 572px;
}

.inter-row {
padding-bottom: 32px;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;}
}
@media (min-width: 1200px) {}


/*感想文*/
.vol {
position: relative;
margin-top: -48px;
text-align: right;
font-size:32px;
font-family: 'Damion', cursive;
color: #EC6C00;
line-height: 1.6em;
}
.vol span{
font-size: 60px;
line-height: 1.6em;
}

.hukidasi{
position:relative;
width:100%;
height:auto;
background:#FFFFFF;
padding:10px 0px;
color:#000;
font-size:30px;
font-weight:normal;

border-bottom:1px solid #E4E4E4;
}

.hukidasi .vol {
margin-bottom: 0;
font-weight: normal;
}

.hukidasi .vol span{margin-left: 8px;}

@media (min-width: 640px) {
.hukidasi{
border:1px solid #E4E4E4;
padding:10px 40px;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
}
.hukidasi:after,.hukidasi:before{
border: solid transparent;
content:'';
height:0;
width:0;
pointer-events:none;
position:absolute;
right:100%;
top:40px;
}
.hukidasi:after{
border-color: rgba(255, 255, 255, 0);
border-top-width: 23px;
border-bottom-width: 23px;
border-left-width: 23px;
border-right-width: 23px;
margin-top: -10px;
border-right-color:#FFFFFF;
}
.hukidasi:before{
border-color: rgba(228, 228, 228, 0);
border-top-width: 24px;
border-bottom-width: 24px;
border-left-width: 24px;
border-right-width: 24px;
margin-top: -11px;
margin-right: 1px;
border-right-color:#E4E4E4;
}
}
@media (min-width: 960px) {

}
@media (min-width: 1200px) {

}

/*NEWS*/

body .news_list li.tab{padding-bottom: 8px;}


.news-bage{ color: #fff!important; font-size: 13px; width: 120px; text-align: center; display: inline-block; margin-right: 16px; background-color:#EC6C00; vertical-align: text-top; }

.news_list .date{font-size: 16px; width: 135px; display: block; margin-right: 16px;vertical-align: text-top; color: #000;}
@media (min-width: 960px) {


.news_list .date{font-size: 16px; width: 135px; display: inline-block; margin-right: 16px;vertical-align: text-top; color: #000;}
}
.news-bage.info{background-color: #24A2DD;}	
.news-bage.happy{background-color: #EC4F5B;}	
.news-bage.smile{background-color: #A15BD1;}	
.news-bage.update{background-color: #23B05F;}
.news_list ul{margin: 0; padding-left: 0;}
.news_list li{list-style-type: none; border-bottom: solid 1px #E4E4E4; /*padding-bottom: 16px;*/ margin-top: 16px;text-align: left;}
.news_contetns{display: block;color: #000; font-size: 16px; text-align: left;vertical-align: text-top;}
.post_title{font-size:24px; color: #000; line-height: 1.6em; }

.author_cercle{width:auto; height:96px; border-radius: 50%;}
.author_block{}
.author_block dt, .author_block dd{display: inline-block; vertical-align: top; font-size: 16px;}
.authors{font-family: 'Damion', cursive; font-size: 24px; color:#EC6C00; margin-bottom: 8px;}
.author_block dd{padding-left: 16px;}

.head_meta{ margin-bottom: 16px;}

.blog-main-contents{ font-size: 16px; margin-top: 40px;}

.blog-main-contents h1,
.blog-main-contents h2,
.blog-main-contents h3{
font-size: 24px;
color:#EC6C00;
margin-bottom: 40px;
}
.blog-main-contents p{font-size: 16px; line-height: 2em; margin-bottom: 40px;}

.blog-main-contents h4{ font-size: 20px; line-height: 1.6em; border-bottom:solid 4px #EC6C00; padding-bottom: 24px;  margin-bottom: 40px;}

.blog-main-contents h5{ font-size: 20px; position: relative; padding-left: 20px; margin-bottom: 40px;}

.blog-main-contents h5::before{
content: "";
position: absolute;
background-image: url("../images/top/h5-line.svg");
width: 16px;
height: 4px;
background-size: contain;
top: 8px;
left: 0px;
}
.blog-main-contents h6{ font-size: 18px; position: relative; margin-bottom: 40px;}

.blog-main-contents a{color: #EC6C00;}

.blog-main-contents figcaption{ font-size:14px;line-height:1.6em; color: #7B7B7B; }

.blog-main-contents ul{margin-left: 24px;margin-bottom: 40px; margin-left: 40px;}
.blog-main-contents li{ font-size: 16px; line-height: 2em;  }
.blog-main-contents ul li ul{margin-left:2em; margin-top:2em;}

.blog-main-contents ol{margin-left: 24px;margin-bottom: 40px; margin-left: 40px;}

.blog-main-contents table {
margin-bottom: 40px;
border: solid 1px #bababa;
}
.wp-block-table.is-style-stripes td, .wp-block-table.is-style-stripes th {
border-color: #bababa !important;
}
body .blog-main-contents table{
border-color: #bababa;
}

.blog-main-contents td{padding: 16px; font-size: 16px; line-height: 1.6em;}

.blog-main-contents table td, .blog-main-contents table th {
border: 1px solid  #bababa;
}
.blog-main-contents table tr:first-child th {
border-top: 0;
}
.blog-main-contents table tr:last-child td {
border-bottom: 0;
}
.blog-main-contents table tr td:first-child,
.blog-main-contents table tr th:first-child {
border-left: 0;
}
.blog-main-contents table tr td:last-child,
.blog-main-contents table tr th:last-child {
border-right: 0;
}
.blog-main-contents blockquote.wp-block-quote {
background-color: #EFEFEF;
padding: 32px;
font-size: 16px;
line-height: 2em;
margin-bottom: 40px;
}

.blog-main-contents blockquote.wp-block-quote p{
margin-bottom: 0;
}
.wp-block-table.is-style-stripes {
border-bottom: unset !important;
}

body .praivacy-title{
font-size: 24px;
font-weight: 700;
padding: 24px;
border: solid 1px #E4E4E4;
}

body .wac{

padding: 24px;
border: solid 1px #E4E4E4;
}

@media (min-width: 640px) {
.news_contetns {
display: inline-block;
width: 53%;
max-width: 392px;
vertical-align: text-top;
}
}
@media (min-width: 960px) { }
@media (min-width: 1200px) {}


/*イベント*/
.btn-wapper a{
width: 49%;
display: inline-block;
}
.btn-wapper div{
width: 49%;
display: inline-block;
}

.event-page-title{
text-align: center;
font-size: 24px;
line-height: 1.6em;
font-weight: 700;
margin-top: 80px;
margin-bottom: 40px;
}
.end-over {
position: relative;
width: 100%;
background-color: rgb(0 0 0 / 60%);
height: 100%;
position: absolute;
top: 0;
z-index: 4;
}
.event-bg{ background-color: #EFEFEF; }
.event-bg .inner{ padding: 16px;}


.closed_t_ball {
font-size: 14px;
color: #fff;
font-weight: 700;
height: 1em;
margin: auto;
top: 0;
/* bottom: 0; */
/* left: 0; */
right: 0;
position: absolute;
text-align: center;
z-index: 10;
display: inherit;
background-color: #EC6C00;
width: 48px;
height: 48px;
border-radius: 50%;
padding: 12px 0px;

right: -8px;
top: -8px;
}

.carendar {
position: relative;
padding-left: 28px;;
margin-bottom: 8px;
}
.carendar::before{
left: 0px;
content: "";
width: 24px;
height: 24px;
background-image: url("../images/event/carendar.svg");
display: inline-block;
background-size: contain;
background-position: center;
position: absolute;
}
.time{    position: relative;
padding-left:28px;
margin-bottom: 8px;
padding-bottom: 16px;
}
.time::before{
left: 0px;
content: "";
width: 24px;
height: 24px;
background-image: url("../images/event/time.png");
display: inline-block;
background-size: contain;
background-position: center;
position: absolute;
}

.stand-over{
z-index: 1;
width: 95%;
background-color: transparent;
border: solid 3px #fff;
height: 95%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}

p.closed_t {
font-size: 18px;
color: #fff;
font-weight: 700;
height: 1em;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
position: absolute;
text-align: center;
}

.event-title{
font-size: 24px;
color: #EC6C00;

}

.orange-dot{
background-image: url("../images/orange_dot_pattern.png"); background-size: 6px 6px; padding: 24px;
}

@media (min-width: 640px) {
.news_contetns {
display: inline-block;
width: 53%;
max-width: 392px;
vertical-align: text-top;
}
}
@media (min-width: 960px) { .news_contetns {
display: inline-block;
width: 53%;
max-width: 900px;
vertical-align: text-top;
}}
@media (min-width: 1200px) {}


/*ブログ*/

dl.author_block {
margin: 40px 0px;
margin-bottom: 0px;
}
.blog-title{
font-size: 24px;
line-height: 1.6em;

}


.wp-pagenavi {
width: 100%;
max-width: 1040px;
margin: auto;
font-size: 18px;
text-align: center;
}

.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: 1px solid #BFBFBF;
padding: 10px 14px !important;
margin: 2px;
width: 48px;
height: 48px;
display: inline-block;
text-align: center;
}
.wp-pagenavi a{color: #000;}
.wp-pagenavi span.current {
font-weight: 700;
color: #fff;
background-color: #000;
}

.blog-nav{
margin-top: 64px;
}

.blog-nav a{
display: block; 
text-align: center;
background-color: #FFF;
color: #000;
font-weight: normal;
border:solid 1px #E4E4E4;
padding: 24px;
margin-bottom: 0;
font-size: 18px;
}

.blog-nav a.active{
background-color: #EC6C00;
font-weight: 700;
border:solid 1px #EC6C00;
}

.blog_archive_title{
font-size: 18px;
line-height: 1.6em;
border-bottom: solid 1px #e4e4e4;
padding-bottom: 16px;
margin-bottom: 16px;
}

.blog_archive_title.black_bar{

border-bottom: solid 1px #000;
}

.colum_archive_title{
font-size: 18px;
line-height: 1.6em;
border-bottom: solid 1px #e4e4e4;
padding-bottom: 16px;
margin-bottom: 16px;
}


.footer_blog_archive_title{margin-top: 16px;}
.left-arrow {}
.back-blog{
font-size: 14px;
line-height: 1.6em;
color: #000;
position: relative;
padding-left: 24px;
}
.back-blog::after {
position: absolute;
content: "";
background-image: url(../images/left-arrow.png);
display: block;
width: 16px;
height: 20px;
top: 0;
bottom: 0;
left: 0;
background-size: contain;
margin: auto;
}

.adjacent_post_links {
width: 100%;
padding: 0px 0px;
margin: auto;
text-align: center;
border-top:solid 1px #E4E4E4;
border-bottom:solid 1px #E4E4E4;
}

.adjacent_post_links a{color: #000;}

.adjacent_post_links::after {
content: "";
display: block;
clear: both;
}
.adjacent_post_links li{
list-style-type: none;
margin: 40px 0px;
}
.adjacent_post_links p{margin-bottom: 0;}
.adjacent_post_links .previous  {
position: relative;
float: none;
padding-left: 24px;
text-align: left;
color: #000;
margin-bottom: 0;
}
.adjacent_post_links .previous::before{
position: absolute;
content: "";
background-image: url(../images/left-arrow.png);
display: block;
width: 16px;
height: 20px;
top: 0;
left: 0;
bottom: 0;
margin: auto;
background-size: contain;
}
.adjacent_post_links .next  {
position: relative;
float:right;
padding-right:24px;
text-align: left;
color: #000;
clear: both;
}
.adjacent_post_links .next::after{
position: absolute;
content: "";
background-image: url(../images/right-arrow.png);
display: block;
width: 16px;
height: 20px;
top: 0;
right: 0;
bottom: 0;
margin: auto;
background-size: contain;
}

.sidebar-title{ font-size: 18px; line-height: 1.6em; border-bottom: solid 1px #000; padding-bottom: 16px; margin-top: 40px;}

.sidebar-ul{
margin: 0;
padding: 0;
}
.sidebar-ul li{
list-style-type: none;
font-size: 16px;
color: #000;
border-bottom: solid 1px #E4E4E4;
padding: 8px 0;
}
.sidebar-ul li a{color: #000;}

.archive_date{
color: #EC6C00;
font-size: 14px;
line-height: 2em;
margin-top: 16px;
margin-bottom: 0px;
}

.archive_blog_title{
font-size: 16px;
line-height: 1.6em;
margin-bottom: 8px;
font-weight: normal;
}

.excerpt{font-size: 14px; color:#7B7B7B; line-height: 1.6em; }

.blogs-new{
font-size: 14px;
background-color: #EEF81C;
color: #000;
font-weight: 700;
padding: 14px 0px;
text-align: center;
width: 48px;
height: 48px;
border-radius: 100%;
display: inline-block;
position: absolute;
top: -16px;
left: -8px;

z-index:2;
}

@media (min-width: 640px){
.adjacent_post_links .previous  {
position: relative;
float: left;
width: auto;
max-width: 50%;
}
.adjacent_post_links .next  {
position: relative;
float:right;
width: auto;
max-width: 50%;
clear: none;
}	
.blog-nav a{
display: block; 
text-align: center;
background-color: #FFF;
color: #000;
font-weight: 700;
border:solid 0px transparent;
border-bottom: solid 4px #E4E4E4;
font-size: 18px;
padding: 16px;
line-height: 1.6em;

}
.blog-nav a.active{
color: #EC6C00;
background-color: #fff;
font-weight: 700;
border:solid 0px transparent;
border-bottom: solid 4px #EC6C00;
}
.blog-nav a.active {
color: #000000;
background-color: #fff;
font-weight: 700;
border: none;
border-bottom: solid 4px #000000;
}
.blog-nav a:hover{
color: #EC6C00;
background-color: #fff;
font-weight: 700;
border:solid 0px transparent;
border-bottom: solid 4px #EC6C00;
text-decoration: none;
}	
.blog-nav a:hover{
color: #000;
background-color: #fff;
font-weight: 700;
border:solid 0px transparent;
border-bottom: solid 4px #000;
text-decoration: none;
}	

.blog_archive_title{
font-size: 18px;
line-height: 1.6em;
border-bottom: solid 1px #e4e4e4;
padding-bottom: 16px;
margin-top: 40px;
margin-bottom: 40px;
}

}
@media (min-width: 960px) { 

}
@media (min-width: 1200px) {

}

/*動画ギャラリー*/
.h_lead{font-size: 16px; line-height: 2em;}

.youtube {
width: 100%;
padding-bottom: 56.25%;
height: 0px;
position: relative;
}
.youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
body .npc .mm_block{margin-bottom: 64px;}
.movie-caption{font-size: 16px; margin-top: 16px; display: inline-block;}
@media (min-width: 640px) {
body .npc .mm_block{margin-bottom: 80px;}

}

@media (min-width: 960px) { 
}

@media (min-width: 1200px) {

}

/*選ばれる理由*/

.reasons-h3{
font-size: 24px;
line-height: 1.6em;
}
.reasons-hukidasi {
background-color: #4BB9D5;
text-align: center;
position: relative;
margin-bottom: 0px;
padding-bottom: 40px;
padding-top: 40px;
}


.pricelist-contents {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.pricelist-contents li{

display: flex;
}



@media (min-width: 960px) {
.reasons-hukidasi {
background-color: #4BB9D5;
text-align: center;
position: relative;
margin-bottom: 0px;
padding-bottom: 40px;
padding-top: 0px;
}
}

.pt32{padding-top: 32px;}
.pt72{ padding-top: 72px;}
.reasons-hukidasi:after{
content: "";
position: absolute;
right: 0;
bottom: -30px;
left: 0;
width: 0px;
height: 0px;
margin: auto;
border-style: solid;
border-color: #4BB9D5 transparent transparent transparent;
border-width: 32px 32px 0 32px;
z-index: 1;
}

.reasons-title {
font-size: 24px;
text-align: center;
line-height: 1.6em;
border-top: solid 2px #EC6C00;
padding: 24px 0px;
border-bottom: solid 2px #EC6C00;
color: #EC6C00;
margin-bottom: 40px;
}

@media (min-width: 640px) {
.reasons-title {
font-size: 32px;
text-align: center;
border-top: solid 2px #EC6C00;
padding: 24px 0px;
border-bottom: solid 2px #EC6C00;
color: #EC6C00;
margin-bottom: 32px;
}
}
@media (max-width: 480px) {
.reasons-title {
font-size: 32px;
text-align: center;
border-top: solid 2px #EC6C00;
padding: 24px 0px;
border-bottom: solid 2px #EC6C00;
color: #EC6C00;
margin-bottom: 0px;
}
}

h2.reasons-title span {
width: 104px;
border: solid 2px;
font-size: 18px;
padding: 0px 8px;
border-radius: 20px;
position: absolute;
top: -16px;
background-color: #fff;
margin: auto;
text-align: center;
left: 0;
right: 0;
margin: auto;
line-height: 1.6em;
}

.blog-main-contents {
width: 100%;
padding: 24px 24px;
}
.blog-main-contents .blog-main-contents{
padding: 0px;
}

.reasons-hukidasi img{margin: auto;}

/*フロー*/
/*
.flow-block {
margin-left: -24px;
margin-right: -24px;
width: calc(100% + 48px);
}*/
@media (min-width: 640px) {

.flow-block {
margin-left: 0px;
margin-right: 0px;
width:100%;
}
}

.section_flow{width: 100%; max-width: 1040px; margin: auto; }

.section_flow:not(:last-child) {
margin-bottom: 40px;
}

@media (min-width: 960px) {
.section_flow:not(:last-child) {
margin-bottom: 144px;
}
}


.flow-image{width: 100%;}
.flow-title{font-size: 24px; line-height:1.6em; margin-bottom: 24px; margin-top: 24px; color:#EC6C00;padding-left: 24px; padding-right: 24px; }
.flow-contents{background-color: #fff; width: 100%; max-width: 860px; position: relative; margin: auto; margin-top: 28px; padding-left: 24px; padding-right: 24px;}
.flow-inner{padding: 16px 24px;}

.flow-no{

padding: 8px;
width: 100px;
height: 50px;
font-size: 64px;
line-height: 0;
color: #EC6C00;
text-align: center;
font-family: 'Damion', cursive;
margin: auto; 
position: relative;
}
.flow-no::after{

position: absolute;
content: "";
width: 24px;
height: 1px;
background-color: #EC6C00;
left: 0;
right: 0;
margin: auto;
display: block;
bottom: 0;
}


/* 下三角 */ 

.line_under_sankaku {
position: relative;
border-bottom: 1px solid #BABABA;
background: #fff;
color: #000;
text-align: center;
font-size: 24px;
padding: 0px 0 0px;
margin: 0;
margin: 72px 0px;
margin-top: 0;
}

.line_under_sankaku:before{
content: "";
position: absolute;
bottom: -44px;
left: calc(50% - 22px);
margin-left: -2px;
border: 22px solid transparent;
border-top: 22px solid #fff;
z-index: 2;
}
.line_under_sankaku:after {
position: absolute;
border: 24px solid transparent;
border-top-color: #BABABA;
border-bottom-width: 0;
bottom: -24px;
content: "";
left: calc(50% - 26px);
z-index: 1;
}

@media (min-width: 640px) {
.flow-no{}
.flow-image{width: 61.53%; max-width: 600px;}
.flow-contents{background-color: #fff; width: 74%; max-width: 860px; position: relative; margin: auto; margin-top: 40px; padding-left: 0; padding-right: 0;}
.flow-inner{padding: 16px 40px;}
}
@media (min-width: 960px) {
.flow-contents{background-color: #fff; width: 74%; max-width: 860px; position: relative; margin: auto; margin-top: 40px; padding-left: 0; padding-right: 0;}
}
@media (min-width: 1200px) {}


/*セーフティー*/

.polygon_pattern_blue{
background-image: url("../images/materials/polygon_pattern_blue.png");
}

.polygon-title{
padding: 40px;
background-size: contain;
}

h2.safety-title{
font-size: 32px;
line-height: 1.6 ;
margin-bottom: 40px;
}

.polygon-title h3{
font-size: 24px;
line-height: 1.6; 
}

.safety-section-title{
margin-top: 40px;
margin-bottom: 24px;
font-weight: 700;
font-size: 24px;
line-height: 1.6;
color: #EC6C00;
padding-top: 16px;
padding-bottom: 16px;
border-top:solid 1px #EC6C00;
border-bottom:solid 1px #EC6C00;
} 

.safety-middle-title{
font-size: 18px;
font-weight: 700;
margin-bottom: 24px;
}

.safety-middle-title span{
font-size: 18px;
padding: 8px 12px;
border: solid 1px #EC6C00;
color: #EC6C00;
display: inline-block;
border-radius: 100%;
line-height: 1em;
margin-right: 8px;
}

.safety-80{
margin-bottom: 56px;
}


@media (min-width: 640px) {
.polygon-title{
padding: 80px 24px;

}
.safety-section-title{
margin-top: 40px;
margin-bottom: 40px;
}

.safety-80{
margin-bottom: 88px;
}

}
@media (min-width: 960px) { }
@media (min-width: 1200px) {}

/*お客様の声*/

@media (min-width: 640px) { }
@media (min-width: 960px) { }
@media (min-width: 1200px) {}


/*ハウスプラン　商品ラインナップ*/
.btn_area{ margin-bottom: 40px;}
.btn_area ul{margin-bottom: 0;}
.btn_area li{
transition: 0.3s;
cursor: pointer;
border:solid 1px #E4E4E4;
list-style-type: none;
display: block;
text-align: center;
padding: 24px 8px;
width: 100%;
border-radius: 15px;
position: relative;

width: 87.2%;
margin: auto;
margin-bottom: 16px;
}
/*
.btn_area li.active{
border:solid 1px #7B7B7B;
}

.btn_area li:hover{
border:solid 1px #7B7B7B;

}*/

.btn_area li.active{
border: solid 1px #EC6C00;
background-color: #FFEFE0;
}

.btn_area li:hover{
border: solid 1px #EC6C00;
background-color: #FFEFE0;

}
.houseplan-title{
color: #EC6C00;
font-size: 24px;
line-height: 1.6em;
text-align: center;
}
.house-pan-cta{
background-image: url(../images/houseplan/plan_title_bg.jpg);
background-repeat: repeat-x;
background-size: cover;
padding: 28px;
text-align: center;
margin-bottom: 80px;
}
.house-pan-cta img{
width: 100%;
max-width: 392px;
}

#komikomi ul{ margin: auto; margin-bottom: 32px;  display: flex;
flex-direction:row;
flex-wrap:wrap;}

#komikomi li {
font-weight: 700;
text-align: center;
list-style-type: none;
width: calc(100%/2);
font-size: 18px;
line-height: 1.6;
padding: 40px 15px;
background-color: #EAEAEA;
color: #EC6C00;
border-radius: 8px;
border: solid 4px #fff;
}

#tanoshimo_info ul,#tanoshimo_info_2kai ul{margin: auto;
margin-bottom: 32px;
display: flex;
flex-direction: row;
margin-left: 0px;
flex-wrap: wrap;
margin-right: 0px;

}

#tanoshimo_info li,#tanoshimo_info_2kai li {
font-weight: 700;
text-align: center;
list-style-type: none;
position: relative;
width: calc( (100%/2) - 8px);
font-size: 14px;
line-height: 1.6;
padding: 16px 5px;
background-color: #fff;
color: #000;
margin: 4px;
border: solid 2px #000;
margin-top: 4px;
margin-bottom: 4px;
height: 58px;
text-align: center;
}
#tanoshimo_info li span{
position: absolute;
width: 100%;
left: 0;
text-align: center;
top: 50%;
-webkit-transform: translateY(-50%); 
transform: translateY(-50%);
/*position: absolute;
width: calc(100% - 32px);
left: 0;
right: 0;
text-align: center;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
margin: auto;*/
}

.kaiteki-title {
font-size: 24px;
line-height: 1.6;
padding: 16px;
border: solid 1px #000000;
margin-bottom: 1em;
} 
.tanoshimo-caption{font-size: 16px; line-height: 2;}
.banzai{
margin-top: 64px;
margin-bottom: 32px;
}
.banzai span {
position: relative;
padding-left: 24px;
color: #EC6C00;
padding-right: 24px;
display: inline-block;
}.banzai span::before {
content: "";
-webkit-transform: skewY(61deg);
-moz-transform: skewY(61deg);
transform: skewY(61deg);
height: 4px;
width: 24px;
background-color: #EC6C00;
display: inline-block;
position: absolute;
bottom: -16px;
top: 0;
left: 0;
margin: auto;
border-radius: 100%;
}

.banzai span::after {
content: "";
-webkit-transform: skewY(-61deg);
-moz-transform: skewY(-61deg);
transform: skewY(-61deg);
height: 4px;
width: 24px;
background-color: #EC6C00;
display: inline-block;
position: absolute;
bottom: -16px;
top: 0;
right: 0;
margin: auto;
border-radius: 100%;
}

.house-card {
margin-bottom: 20px;
}

h1.house-card-title {
font-size: 18px;
text-align: center;
color: #fff;
background-color: #000;
padding: 8px;
}

h2.house-card-sub-title {
font-size: 16px;
line-height: 1em;
text-align: center;
font-weight: 700;
margin-top: 16px;
}

.house-card .price {
text-align: center;
font-size: 18px;
color: #000;
}

.house-card .price strong {
font-size: 32px;
line-height: 1.6em;
color: #EC6C00;
}

.house-card .price .zeikin{ font-size: 14px; font-weight: normal;}

a.house-btn {
font-weight: 700;
padding: 8px;
border: solid 1px #000;
width: 152px;
display: inline-block;
color: #000;
transform: 0.3s;
}

a.house-btn:hover {
text-decoration: none;
opacity: 0.7;
}

.house-btn span{
position: relative;
padding-right: 24px;
}
.house-btn span::after{
content: "";
right: -4px;
position: absolute;
background-size: contain;
background-repeat: no-repeat;
width: 16px;
height: 16px;
background-image: url(../images/top/iconsbullet_black_front.svg);
top: 2px;
bottom: 0;
margin: auto;
}

a.house-left-btn {
font-weight: 700;
padding: 24px;
width: 232px;
display: inline-block;
color: #fff;
background-color: #EC6C00;
margin-top: 80px;
}
.house-left-btn span{
position: relative;
padding-left: 24px;
}
.house-left-btn span::before{
content: "";
left: -4px;
position: absolute;
background-size: contain;
background-repeat: no-repeat;
width: 16px;
height: 16px;
background-image: url(../images/bullet/bullet_half_back.svg);
top: 2px;
bottom: 0;
margin: auto;
}
.house-point .col-12 , .house-point .col-sm-4
{margin-bottom: 20px;}
p.house-point-title  {
font-size: 16px;
text-align: center;
color: #000;
font-weight: 700;
}
p.house-point-title a {
font-size: 16px;
text-align: center;
color: #000;
font-weight: 700;

}

p.house-point-contents {
font-size: 14px;
margin-bottom: 16px;
}


.w-side-line {
position: relative;
padding: 0 32px;
text-align: center;
margin-bottom: 24px;
}

.w-side-line::before {
position: absolute;
/*top: calc(50% - 1px);*/
top: 55%;
left: 0;
width: 100%;
height: 1px;
content: '';
background: #EC6C00;
}

.w-side-line span {
font-size: 24px;
line-height: 1.6em;
position: relative;
padding: 8px 16px;
color: #EC6C00;
border: solid 1px #EC6C00;
display: inline-block;
background: #fff;

}

@media (min-width: 640px) {
.w-side-line span {
font-size: 24px;
line-height: 1.6em;
position: relative;
padding: 8px 40px;
color: #EC6C00;
border: solid 1px #EC6C00;
display: inline-block;
background: #fff;

}
}

.w-side-black-line {
position: relative;
padding: 0 65px;
text-align: center;
margin-bottom: 56px;
}

.w-side-black-line::before {
position: absolute;
top: calc(50% - 1px);
left: 0;
width: 100%;
height: 2px;
content: '';
background: #000;
}

.w-side-black-line span {
font-size: 24px;
line-height: 1.6em;
position: relative;
padding: 8px 8px;
color: #EC6C00;	
background: #fff;
}


.vr-card{
margin-bottom: 40px;
}
.vr-card p{
font-size: 16px;
text-align: center;
color: #fff;
font-weight: 700;
padding: 8px;
background: #EC6C00;
}

.mw500 img{width: 100%; max-width: 500px;}


.tabs {

background-color: #fff;
/*box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);*/
margin: 0 auto;}

/*タブのスタイル*/
.tabs .nav-item {
width: calc(100%/2);

/*border-bottom: 3px solid #5ab4bd;*/

}
.tabs .nav-link{
width: 100%;
padding: 8px;
background-color: #7B7B7B;
font-size: 16px;
text-align: center;
color: #fff;
display: block;
float: left;
text-align: center;
font-weight: 700;
transition: all 0.2s ease;
border-radius: 0!important;}

.nav_item:hover {
opacity: 0.75;
}

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

/*タブ切り替えの中身のスタイル*/
.tab_content {
display: none;
padding: 40px 40px 0;
clear: both;
overflow: hidden;
}
.tabs .nav-item .nav-link.active {
background-color: #000;
color: #fff;
border-color: #000;
}
.nav-tabs .nav-link {
border: 1px solid #7B7B7B;}

.house-plan-inner{
padding: 40px 24px;
}

.example{
background-image: url(https://www.miki-3l.jp/official/wp-content/themes/kurusupo-sa/images/reasons/blue_dot_pattern.png);
background-size: 6px 6px;
padding: 24px;
}



.example .examples-inner{
background-color: #fff;
padding: 24px;
position: relative;
}
@media (min-width: 319px) {
.example .examples-inner{
background-color: #fff;
padding: 16px;
position: relative;
}

}


.examples-inner h2{
color: #09A3C9;
font-size: 24px;
line-height:1.6em;
max-width: 312px;
text-align: center;
margin: auto;
background-color: #fff;
}

.example-lead{
font-size: 18px;
line-height: 1.6em;
text-align: center;
font-weight: 700;
margin-top: 24px;
margin-bottom: 24px;
}

.list_price{ padding-top: 40px;}
.list_price ul{
margin: auto;
text-align: center;
}
.list_price li {
list-style-type: none;
display: inline-block;
text-align: center;
vertical-align: -webkit-baseline-middle;
vertical-align: middle;
color: #09A3C9;
}

.list-price-box{
width: 49%;
border: solid 1px;
padding: 8px;
margin-bottom: 8px;
}

@media (min-width: 640px) {
.list-price-box {
width: 49%;
border: solid 1px;
padding: 8px;
margin-bottom: 8px;

}
}
@media (min-width: 960px) {
.list-price-box{
width: 21.4%;
max-width: 200px;
margin-right: 0px;
}
/*.list_price{ padding-top: 72px;}*/

}

.list_price .plus{
list-style-type: none;
width: 37px;
position: relative;
display: none;
text-align: center;
}

.list_price .plus img{
position: absolute;
margin: auto;
left: 0;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%); /* Safari用 */
transform: translateY(-50%);
}



.list_price .box-theme{
font-size: 14px;
text-align: center;
color: #09A3C9;
margin-bottom: 0;
}


.list_price .box-price{
font-size: 16px;
text-align: center;
color: #09A3C9;
font-weight: normal;
}

.list_price .box-price strong{
font-size: 32px;
line-height: 1.6em;
}

.repayment{

}

.repayment .total{
font-weight: 700;
margin-top: 24px;
padding: 16px;
color:#000;
font-size: 16px;
border:solid 1px #09A3C9;
text-align: center;
}

.repayment .total strong{
font-size: 32px;
color:#09A3C9;
}
.result-price{
font-size: 18px;
font-weight: 700;
}
.result-price strong{
font-size: 40px;
color: #EC6C00;
}
.result-caption{
font-size: 14px;
text-align: center;
}
.lastpr strong{

font-size: 24px;
background-color: #F8E71C;
line-height: 1.6em;
}

.style-sub-title{ font-size: 40px; font-family: 'Damion', cursive; color: #777C9A; margin-top: 24px;}

.style-title{ font-size: 18px; line-height: 1.6em; font-weight: 700; margin-bottom: 32px;}

.style-patarn{
text-align: center;
font-size: 32px; font-family: 'Damion', cursive; color: #777C9A;
}

.style-patarn-ja{
text-align: center;
font-size: 18px;
font-weight: 700;
}


.st-modan{
background-image: url(../images/materials/pattern_stylish_modan.png);
}
.sp-st-modan{background-image: url(../images/materials/pattern_stylish_modan.png);
}
@media (min-width: 640px) {
.sp-st-modan{		background-image:unset;
}
}

.st-casual{
background-image: url(../images/materials/pattern_casual.png);
}

.sp-st-casual{background-image: url(../images/materials/pattern_casual.png);
}
@media (min-width: 640px) {
.sp-st-casual{		background-image:unset;
}
}

.st-natural{
background-image: url(../images/materials/pattern_natural.png);
}
.sp-st-natural{background-image: url(../images/materials/pattern_natural.png);
}
@media (min-width: 640px) {
.sp-st-natural{		background-image:unset;
}
}
.st-casual{
background-image: url(../images/materials/pattern_casual.png);
}

.st-california{
background-image: url(../images/materials/pattern_california.png);
}
.sp-st-california{background-image: url(../images/materials/pattern_california.png);
}


@media (min-width: 640px) {
.sp-st-california{		background-image:unset;
}
}

.partan-dpar .col-sm-6 p{
font-size: 14px;
margin-top: 24px;
}


.house-table{
width: 100%;
}
.house-table th{
width: 80px;
font-weight: normal;
padding: 8px;
}
.house-table td{
padding: 8px;
}
.house-table td strong{
font-weight: 700;
font-size: 18px;
}

.house-padding{
padding-left: 0px;
padding-right: 0px;
margin-top: 0px;
}

@media (min-width: 640px) {
.house-padding{
padding-left: 0px;
padding-right: 0px;
margin-top: 80px;
}
}

.house-image-bottom{margin-bottom: 0;}

.table-plice{
font-size: 16px;
font-weight: 700;
}
.house-table td .table-plice strong{

font-size: 40px;
color: #EC6C00;
font-weight: 700;
}

.plan-title {
font-size: 40px;
margin-bottom: 24px;
}
.houseplan-cat {
margin-bottom: 0px;
font-size: 18px;
font-weight: 700;
}

.mw382{
width: 90%;
max-width: 382px;
display: block;
margin: auto;
}

.color-casual{
color: #7FBE32;
}	
.color-natural{
color: #CC7F5B;
}	
.color-california{
color: #5B9ECF;
}	

.color-modan-line{
padding-left: 16px;
padding-right:16px;
border:solid 1px #777C9A;
}	
.color-casual-line{
padding-left: 16px;
padding-right:16px;
border:solid 1px #7FBE32;
}	
.color-natural-line{
padding-left: 16px;
padding-right:16px;
border:solid 1px #CC7F5B;
}	
.color-california-line{
padding-left: 16px;
padding-right:16px;
border:solid 1px #5B9ECF;
}	


@media (min-width: 640px) {

.house-padding{
padding-left: 24px;
padding-right: 24px;
margin-top: 80px;
}

.list_price .box-theme{
font-size: 16px;
text-align: center;
color: #09A3C9;
margin-bottom: 0;
}
.house-image-bottom{margin-bottom: 40px;}


.st-modan,.st-casual,.st-natural,.st-california{
margin-top: -178px;
padding-top: 178px;
}	






.examples-inner h2 {
top: -32px;
position: relative;
}

.list_price .plus{
display: none;
width: 4.2%;
max-width: 37px;
}
.example-lead{
font-size: 18px;
line-height: 1.6em;
text-align: center;
font-weight: 700;
margin-top: 24px;
}
.example .examples-inner{
background-color: #fff;
padding: 48px 32px;
padding-top: 0px;
}


#tanoshimo_info li {
font-weight: 700;
text-align: center;
list-style-type: none;
width: calc((100%/3) - 8px);
font-size: 16px;
line-height: 1.6;
padding: 16px 15px;
background-color: #fff;
color: #000;
border: solid 2px #000;
margin: 4px;
/* margin-top: 0px; */}


#komikomi li {
list-style-type: none;
width: calc(100%/3);
font-size: 18px;
line-height: 1.6;
padding: 40px 15px;
background-color: #EAEAEA;
color: #EC6C00;
border-radius: 8px;
border: solid 4px #fff;
}

.style-sub-title{margin-top: 72px;}	

/*.btn_area{border-bottom: solid 1px #3A3A3C; width: 100%; max-width: 1120px; margin: auto; margin-bottom: 40px;    margin-top: 80px;}*/
.btn_area{ width: 100%; max-width: 1120px; margin: auto; margin-bottom: 40px; }
.btn_area ul{text-align: center;}
.btn_area li{
width: 50%;
max-width: 500px;
list-style-type: none;
display: inline-block;
}

#page1{margin-right: 8px; margin-left: 8px;}
.btn_area li{
border:solid 1px #E4E4E4;
list-style-type: none;
display: inline-block;
text-align: center;
padding: 24px 8px;
width: 44%;
border-radius:0px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
position: relative;
margin-bottom: 0px;

margin: auto;
}
.btn_area li {
border: solid 1px #E4E4E4;
list-style-type: none;
display: inline-block;
text-align: center;
padding: 24px 8px;
width: calc((100% - 32px) / 3);
max-width: 336px;
border-radius: 15px;
/* border-top-left-radius: 15px; */
/* border-top-right-radius: 15px; */
position: relative;
margin-bottom: 0px;
margin: auto;
/* border-block: none; */
}
/*.btn_area li.active::after{
position: absolute;
width: 100%;
content: " ";
height: 5px;
border-bottom: solid 1px #E4E4E4;
display: block;
background-color: #fff;
left: 0;
bottom: -2px;
}*/

.house-plan-inner {
padding: 40px;
position: relative;
width: 100%;

}	
}
@media (min-width: 960px) { 

#page1{margin-right: 8px; margin-left: 8px;}

.house-plan-inner {
padding: 0px 40px;
position: absolute;
width: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
/*.btn_area{border-bottom: solid 1px #3A3A3C; width: 100%; max-width: 1120px; margin: auto; margin-bottom: 40px;    margin-top: 40px;}*/
.btn_area{ width: 100%; max-width: 1120px; margin: auto; margin-bottom: 40px;  }
.btn_area ul{text-align: center;}
.btn_area li{
width: 50%;
max-width: 500px;
list-style-type: none;
display: inline-block;
}

/*.btn_area li{
border:solid 1px #E4E4E4;
list-style-type: none;
display: inline-block;
text-align: center;
padding: 24px 8px;
width: 44%;
border-radius:0px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
position: relative;
margin-bottom: 0px;

margin: auto;
}*/
.btn_area li {
border: solid 1px #E4E4E4;
list-style-type: none;
display: inline-block;
text-align: center;
padding: 24px 8px;
width: calc((100% - 32px) / 3);
max-width: 336px;
border-radius: 15px;
/* border-top-left-radius: 15px; */
/* border-top-right-radius: 15px; */
position: relative;
margin-bottom: 0px;
margin: auto;
/* border-block: none; */
}
/*.btn_area li.active::after{
position: absolute;
width: 100%;
content: " ";
height: 5px;
border-bottom: solid 1px #E4E4E4;
display: block;
background-color: #fff;
left: 0;
bottom: -2px;
}*/
.house-padding{
padding-left: 24px;
padding-right: 24px;
margin-top: 80px;
}
.list_price .plus{
display: inline-block;
width: 4.2%;
max-width: 37px;
}
}
@media (min-width: 1200px) {
#page1{ margin-left: 16px; margin-right: 16px;}


}

/*フッター*/
footer{
margin: auto;
margin-top: 64px;
max-width: 1120px;}

@media (min-width: 640px) {
footer{
margin: auto;
margin-top: 112px;
max-width: 1120px;}

}
.footer-logo{ width: 100%; max-width: 160px; }

.f-icon-title{ font-size: 16px; font-weight: 700; color: #EC6C00; margin-left: 0px; display: block;}

footer h5{font-size: 16px; line-height: 1.6em; border-bottom: solid 1px #000; padding-bottom: 8px;     margin-bottom: 8px;}
.fnav{margin-left: 0; padding-left: 0;}
.fnav li{ list-style-type: none; line-height: 1.6em; font-size: 14px; margin-bottom: 8px;}
.fnav li a{color: #000;}

.f-image{width: 100%; max-width: 240px;}
.copyright{font-size: 11px; color:#a5a5a5; text-align: center; line-height: 1.6em;    margin-top: 8px; text-align:center; display: block;}

.f-sns {
text-align: center;
}
.footer-logo {
width: 100%;
max-width: 160px;
margin: auto;
display: block;
}
.f-sns a{margin-right: 0px;}

.g-show{display: none;}

.hr{    height: 1px;
background-color: #E4E4E4;
margin: auto;
width: calc(97%);
margin-bottom: 24px;}

.sp-center{
text-align: center;
}


@media (min-width: 640px) { 

footer{    padding: 0 20px;
margin: auto;
margin-top: 120px;
max-width: 1120px;}

}
@media (min-width: 960px) { 
.copyright{font-size: 13px; color:#a5a5a5; text-align: center; line-height: 1.6em;    margin-top: 8px; text-align:left; display: block;}

.f-icon-title{ font-size: 18px; font-weight: 700; color: #EC6C00; margin-left: 8px; display: inline-block;}
.hr{    height: 1px;
background-color: #E4E4E4;
margin: auto;
width: calc(97%);
margin-bottom: 24px;}
.sp-center{
text-align: left;
}	

.g-show{display: block;}
.f-image{width: 100%; max-width: 298px; float: right; position: relative; /*top: -40px;*/}
.f-sns {
text-align: right;
}
.footer-logo {
width: 100%;
max-width: 160px;
margin: auto;
display: inline-block;

}
}
@media (min-width: 1200px) {}

/*vr*/

.vr_top{
margin-top: 64px;
}
.vr-tube {
width: 100%;
padding-bottom: 64%;
height: 0px;
position: relative;
}
.vr-tube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.vr-title{
	background-color: #EFEFEF;
	text-align: center;
	color: #EC6C00;
	font-size: 15px;
	line-height: 1.5em;
	padding: 10px 8px;
	font-weight: 700;
	display:flex;
align-items:center;
justify-content: center;
}

.vr-btn{background-color: #EFEFEF; padding: 8px;}

.left-btn {
width: 50%;
display: inline-block;
position: relative;
background: #fff;
color: #000;
text-align: center;
padding: 16px;
}

.left-btn span{
position: relative;    padding-right: 16px;
}

.left-btn span::after{
content: "";
right: -4px;
position: absolute;
background-size: contain;
background-repeat: no-repeat;
width: 16px;
height: 16px;
background-image: url(../images/top/iconsbullet_black_front.svg);
top: 2px;
bottom: 0;
margin: auto;
}
.right-btn{
width: 50%;
display: inline-block;
position: relative;
background: #EC6C00;
color: #fff;
text-align: center;
padding: 16px;
}
.right-btn{
position: relative;
}
.right-btn span{position: relative;    padding-right: 16px;}
.right-btn span::after{content: "";
right: -4px;
position: absolute;
background-size: contain;
background-repeat: no-repeat;
width: 16px;
height: 16px;
background-image: url(../images/iconsbullet_half_front.svg);
top: 0;
bottom: 0;
margin: auto;
}

.mw680{ max-width: 680px; margin: auto;}
.mw200{ max-width: 200px; margin: auto;}
.mw152s{ max-width: 152px; margin: auto;}
.mw400s{max-width: 400px; width: 100%; margin:auto;}
.mw646{max-width: 646px; width: 100%; margin:auto;}
.mw735{ width: 71%;  max-width: 735px; margin: auto;}
.mw143{ max-width: 143px; width: 13.36%; }
.mw153{ max-width: 153px; float: right; width: 14.29%; position: relative; top:-24px; bottom: -24px;}

.mb-24{margin-bottom: -24px;}

body{padding-bottom: 103px; padding-top: 60px; }
#header-top{top:0;}

.fig-tanoshimo_pink,.fig-tanoshimo_blue,.fig-tanoshimo_yellow{
position: relative;
margin-bottom: 32px;
width: calc(100% - 16px);
/* height: 189px;*/
padding-top: 57.7%;
background-color: #fff;
border:solid 2px #000;
box-sizing: content-box;
font-weight: 700;
}
/*
.fig-tanoshimo::after{
background-color: #333;
content: "";
display: block;
position: absolute;
width: 100%;
height: 189px;
top: 8px;
left: 8px;
z-index: -1;
}*/




.fig-tanoshimo_pink::after {
border:solid 2px #000;
background-color: #333;
content: "";
display: block;
position: absolute;
width: 100%;
/* height: 189px; */
padding-top: calc(57.7% + 6px);
top: 8px;
left: 8px;
z-index: -1;
background-image: url("../images/houseplan/stripe_pattern_pink.png");
background-size: 8px 8px;
}

.fig-tanoshimo_blue::after {
border:solid 2px #000;
background-color: #333;
content: "";
display: block;
position: absolute;
width: 100%;
/* height: 189px; */
padding-top: calc(57.7% + 6px);
top: 8px;
left: 8px;
z-index: -1;
background-image: url("../images/houseplan/stripe_pattern_blue.png");
background-size: 8px 8px;
}

.fig-tanoshimo_yellow::after {
border:solid 2px #000;
background-color: #333;
content: "";
display: block;
position: absolute;
width: 100%;
/* height: 189px; */
padding-top: calc(57.7% + 6px);
top: 8px;
left: 8px;
z-index: -1;
background-image: url("../images/houseplan/stripe_pattern_yellow.png");
background-size: 8px 8px;
}

.fig-tanoshimo_pink span,.fig-tanoshimo_blue span,.fig-tanoshimo_yellow span{
display: block;
text-align: center;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%); /* Safari用 */
transform: translateY(-50%);
font-size: 24px;
width: 100%;
}
@media (min-width: 640px) { 
.vr_top{
margin-top: 80px;
}
}
@media (min-width: 960px) { 
body{padding-bottom: 0px; padding-top: 0px;}
#gnav{ top:
0px;}
}
@media (min-width: 1200px) {}


/**/
section.fixed-menu{
position: fixed;
background-color: #fff;
bottom: 0;
width: 100%;
z-index: 4;
}
section.fixed-menu a {
width: 25%;
display: block;
box-sizing: border-box;
border-right: solid 1px #FFF;
border-top: solid 1px #FFF;
margin: 0;
text-align: center;
color: #fff;
padding: 16px 4px;
font-size: 10px;
float: left;
}



section.fixed-menu a img{
display: block;
margin: auto;
margin-bottom: 8px;
}

section.fixed-menu a:last-child {
border-right: solid 1px #ec6c00;
}

.event-f-bt {
width: 100% !important;
text-align: center !important;
color: #fff !important;
font-size: 16px !important;
padding-top: 26px !important;
padding-bottom: 26px !important;
}
.event-f-bt img{ margin-bottom: 0 !important;}


.modal{
display: none;
height: 100vh;
position: fixed;
top: 0;
width: 100%;
}
.modal__bg{
background: rgba(0,0,0,0.8);
height: 100vh;
position: absolute;
width: 100%;
}
.modal__content{
background: #fff;
left: 50%;
padding: 24px;
position: absolute;
top: 50%;
width: 90%;
transform: translate(-50%,-50%);
overflow-y: scroll;
height: 90vh;
}

/*-----------*/

#coles-mask {
width: 54px;
height: 54px;
background: #ec6c00;
box-shadow: 0px 2px 8px rgba(0,0,0,0.2);
display: block;
border-radius: 50px;
position: absolute;
top: 8px;
right: 4px;
}

@media (min-width: 960px) { 
.modal__content{
background: #fff;
left: 50%;
padding: 24px;
position: absolute;
top: 50%;
transform: translate(-50%,-50%);
width: 90%;
max-width: 880px;
overflow-y: revert;
height: auto;

}
#coles-mask {
width: 54px;
height: 54px;
background: #ec6c00;
box-shadow: 0px 2px 8px rgba(0,0,0,0.2);
display: block;
border-radius: 50px;
position: absolute;
top: -8px;
right: -8px;
}

}

#rectangle {
width: 36px;
height: 2px;
background: #ffffff;
transform: rotate(45deg);
display: block;
position: absolute;
top: 25px;
left: 8px;
}

#rectangleC {
width: 36px;
height: 2px;
background: #ffffff;
transform: rotate(-45deg);
display: block;
top: 25px;
position: absolute;
left: 9px;
}

/*----------*/

.f12{font-size: 12px !important;}
.f14{
font-size: 14px;
line-height: 1.6em;
}

.f14-2em p{
font-size: 14;
line-height: 2em;
}
.f14-2em{
font-size: 14;
line-height: 2em;
}
.f16{
font-size: 16px;
line-height: 1.6em;
}

.f16-2em{
font-size: 16;
line-height: 2em;
}

p.f16-2em{
font-size: 16px;
line-height: 2em;
}

#pager {
margin-bottom: 80px;
}


.mt80{margin-top: 64px;}
.mt64{margin-top: 64px;}

.topmodal{
height: 100vh;
}
.topmodal .inner{
height: 70vh;
overflow-y: scroll;
padding: 24px;
}

.inwapper{
border: solid 1px #ec6c00;
padding: 16px;
}

.top-close-btn{
width: 100%;
display: inline-block;
padding: 24px;
font-size: 16px;
font-weight: 700;
background-color: #EC6C00;
text-align: center;
color: #fff;
max-width: 240px;
}




@media (min-width: 960px) { 
.mt80{margin-top: 80px;}
}
.mw320 img{ width: 100%;  max-width: 320px; margin: auto;}
.mw480 img{ max-width:480px; margin: auto;}

.mw450 img{ width: 100%; max-width:450px; margin: auto;}
.mw400{ width: 100%; max-width: 400px;}
.mw480{ width: 100%; max-width: 480px;}
.mw640{ width: 100%; max-width: 640px;}
.mw500 img{ width: 100%; max-width:500px;}
.mw560 img{ width: 100%; max-width:560px;}
.mw580 { width: 100%; max-width:580px; margin: auto;}
.mw1040 img{ width:100%; max-width:1040px; margin:auto;}
.mw862{ width:100%; max-width:862px; margin:auto;}
.mw860{     margin: auto;
max-height: 280px;
width: auto;}






/**/

img.slide-arrow.prev-arrow.slick-arrow {
position: absolute;
z-index: 2;
border-radius: 54px;
box-shadow: 0px 2px 8px rgba(0,0,0,0.2);
top: 50%;
-webkit-transform: translateY(-50%); /* Safari用 */
transform: translateY(-50%);
left: -8px;
}

img.slide-arrow.next-arrow.slick-arrow {
position: absolute;
z-index: 2;
border-radius: 54px;
box-shadow: 0px 2px 8px rgba(0,0,0,0.2);
top: 50%;
-webkit-transform: translateY(-50%); /* Safari用 */
transform: translateY(-50%);
right: -8px;
}

.form_slick img.slide-arrow.next-arrow.slick-arrow {
right: -16px;
}

.form_slick img.slide-arrow.prev-arrow.slick-arrow {
left: -16px;
}


@media (min-width: 960px) { 
img.slide-arrow.prev-arrow.slick-arrow {
position: absolute;
z-index: 2;
border-radius: 54px;
box-shadow: 0px 2px 8px rgba(0,0,0,0.2);
top: 50%;
-webkit-transform: translateY(-50%); /* Safari用 */
transform: translateY(-50%);
left: 40px;
}

img.slide-arrow.next-arrow.slick-arrow {
position: absolute;
z-index: 2;
border-radius: 54px;
box-shadow: 0px 2px 8px rgba(0,0,0,0.2);
top: 50%;
-webkit-transform: translateY(-50%); /* Safari用 */
transform: translateY(-50%);
right: 40px;
}
}



.slick-dots li button:before {
}


.btn-blocker{display: block;
min-width: auto;}


/*hover*/

.black_auto_btn:hover{
opacity: 0.7;
color: #000;
text-decoration: none;
}
.black_auto_btn:visited{

color: #000;
text-decoration: none;
}

.orange_co_btn:hover,.work-btn:hover{
opacity: 0.7;
color: #fff;
text-decoration: none;
}
.orange_co_btn:visited,.work-btn:visited{
color: #fff;
text-decoration: none;
}

.black_co_btn:hover,.reserved-btn:hover{
opacity: 0.7;
color: #000;
text-decoration: none;
}
.black_co_btn:visited,.reserved-btn:visited{
color: #000;
text-decoration: none;
}

.btn-gray:hover {
opacity: 0.7;
color: #fff;
text-decoration: none;
}
.bana-inner a{
transition: 0.3s;
}
.bana-inner a:hover{
text-decoration: none;
opacity: 0.7;
}
a.btn-orange:hover{
opacity: 0.7;
}


.blocks-gallery-grid.is-cropped .blocks-gallery-image a, .blocks-gallery-grid.is-cropped .blocks-gallery-image img, .blocks-gallery-grid.is-cropped .blocks-gallery-item a, .blocks-gallery-grid.is-cropped .blocks-gallery-item img, .wp-block-gallery.is-cropped .blocks-gallery-image a, .wp-block-gallery.is-cropped .blocks-gallery-image img, .wp-block-gallery.is-cropped .blocks-gallery-item a, .wp-block-gallery.is-cropped .blocks-gallery-item img{
height: auto;
flex: auto;
object-fit: none;
}
/*
.works_g .wp-block-gallery{margin-left: calc(50% - 50vw);
}*/


/*施工事例*/
/*.works_g .wp-block-gallery{
width: 100%;
}
.works_g .blocks-gallery-grid.slick-dotted.slick-slider {
margin-left: calc(50% - 50vw);
width: 100vw;
}

.works_g .wp-block-gallery.slick-dotted.slick-slider {
margin-left: calc(50% - 50vw);
width: 100vw;
}

.works_g .blocks-gallery-item{
padding-left: 8px;
padding-right: 8px;
}

.works_g .wp-block-gallery .wp-block-image{
padding-left: 8px;
padding-right: 8px;
}
.works_g .wp-block-gallery .wp-block-image img{
height: auto;
flex: auto;
object-fit: none;
}*/

a.house-left-btn:hover{
opacity: 0.7;
text-decoration: none;
}

.top-close-btn:hover {
opacity: 0.7;
text-decoration: none;
color:#fff;}


a.anchor{
display: block;
padding-top: 100px;
margin-top: -100px;
}
.giji-col a:hover{		opacity: 0.7;
text-decoration: none;}
.ankblock{    width: 100%;
height: 100%;
display: block;}

.md-center{
text-align: center;
}

body .footer-npc .col, body .footer-npc [class*="col-"] {
margin: 0;
padding: 0px 24px;
margin-bottom: 24px;
}

@media (min-width: 960px){
.md-center{
text-align: left;}


body .footer-npc .col, body .footer-npc [class*="col-"] {
margin: 0;
padding: 0px 24px;
margin-bottom: 8px;
}
body .pt16{padding-top: 16px !important;}
}
@media (min-width: 320px) and ( max-width:768px){
.pcsp64{
margin-top: 64px !important;
}
.pc-left-sp-center {
text-align: center;
}



}

.works-left .wp-block-image,.works-right .wp-block-image{
margin-bottom: 24px;
}


@media (min-width: 320px) and ( max-width:959px){
.spmb0{margin-bottom: 0px !important;}		
}

.works-left p,.works-right p{ 
padding-left: 24px;
padding-right: 24px;
font-size: 16px;
line-height: 2;
}
@media (min-width: 640px) { 
.works-left p,.works-right p{ 
padding-left: 0px;
padding-right: 0px;
}
}

.pc-center-sp-left{text-align: left;}
.pc-left-sp-center{text-align: center;}
@media (min-width: 798px) { 
.pc-center-sp-left{text-align: center;}
.pc-left-sp-center{text-align: left;}
}

@media (min-width: 640px) { 
.pc-center-sp-left{text-align: center;}
.pc-left-sp-center{text-align: left;}
}


/**/

.tanoshimo-row{ margin: auto;

display: flex;
flex-direction: row;
margin-left: 0px;
flex-wrap: wrap;
margin-right: 0px;

}
.tanoshimo-12{ width: 100%; margin-top: 8px; margin-bottom: 8px;}
.yellow-no_warp{
display: table-cell;

}
span.yellow-no {
position: relative;
background-color: #F9BE00;
width: 48px;
height: 48px;
display:block;
text-align: center;
padding: 4px;
margin-top: 8px;
margin-right: 16px;
font-size: 24px;
font-weight: 700;
border: solid 2px #231815;
}

span.yellow-no::after{
content: "";
width: 48px;
height: 48px;
display: block;
border: solid 2px #231815;
z-index: -1;
position: absolute;
top: 4px;
}

.tanoshimo-title{margin-bottom: 24px;}
.tanoshimo-p{ margin-bottom: 16px; font-size: 16px; line-height: 2;}
.title-co{
padding-top: 8px;
font-size: 24px;
color: #231815;
font-weight: 700;
width: calc(100% - 70px );
display: table-cell;
vertical-align: middle;
}
.tanosimoflex{
display: table;

}
@media (min-width: 960px){

.pcmb40{margin-bottom: 40px;}

.tanoshimo-row{ padding: 0;   
display: flex;
flex-direction: row;
margin-left: -4px;
flex-wrap: wrap;
margin-right: -4px;}
.tanoshimo-12{ 
width: calc((100%/2) - 8px);
margin: 4px;
}

}
b, strong{
font-weight: 700!important;
}

/*20210329追記*/
/*フッター固定バナーが無いぺージ*/
body.contact-ebook,
body.reservation,
body.booking-form,
body.booking-thanks {
padding-bottom: 0;
}




/*街角*/

.new-house-kai{
font-size: 18px;
text-align: center;
padding: 16px;
width: 100%;
background-color: #efefef;
margin-bottom: 40px;
}

.machikado_main{
margin-top: 80px;
margin-bottom: 40px;
margin-left: -24px;
margin-right: -24px;
}

.grids img{width: 100%;}
.grids {
display: grid;
grid-template-columns: 1fr;
}
.grid-two{display: grid;
grid-template-columns: 1fr;}

.grid-two-item-title{
font-size: 18px;
color: #ec6c00;
margin-top: 24px;
margin-bottom: 16px;
}

.grid-gallery{
display: grid;
grid-template-columns: 1fr 1fr 1fr;

}


.street-title{
position: relative;
text-align: center;
margin-bottom: 40px;
}
.street-title span {
font-size: 24px;
line-height: 1.6em;
position: relative;
padding: 8px 16px;
color: #EC6C00;
border: solid 1px #EC6C00;
display: inline-block;
background: #fff;

}
.grid-gallery{display: none;}
.lr-24{
margin-left: -24px;
margin-right: -24px;
}
@media (min-width: 640px) { 
.machikado_main{
position: relative;
margin: auto;
margin-top: 80px;
margin-bottom: 40px;	
}
.street-title span {
font-size: 24px;
line-height: 1.6em;
position: relative;
padding: 8px 40px;
color: #EC6C00;
border: solid 1px #EC6C00;
display: inline-block;
background: #fff;

}
}
@media (min-width: 960px) { 
.grids {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 40px;
}

.grid-two{
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 40px;
margin-bottom: 40px;
}

.grid-gallery{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 40px 40px;
}	

}
@media (min-width: 1200px) {


}
.slick-dots{
bottom: -40px !important
}
body .slick-dots li button:before {
font-family: 'slick';
font-size: 12px;
}
.price .f14{
font-size: 14px !important;
}
.zeikomi{
font-size: 20px !important;
}


p.f16.after-btn {
width: 100%;
max-width: 270px;
margin: auto;
text-align: center;
background-color: #ec6c00;
color: #fff;
padding: 16px;
}

@media (min-width: 640px) { 
p.f16.after-btn {
width: 100%;
max-width: 100%;
text-align: center;
background-color: #ec6c00;
color: #fff;
padding: 16px;
}
}

a.right-btn,a.left-btn{
transition: 0.3s;
}

a.right-btn:hover{
color: #fff;
opacity: 0.7;
}
a.left-btn:hover{
color: #000;
opacity: 0.7;

}

.catalog-grid{
display: grid;
gap :24px;
grid-template-columns: 1fr 1fr;
margin-top: 40px;
margin-bottom: 40px;
}

.catalog-grid p{
font-size: 14px;
line-height: 1.7;
margin-top: 16px;
text-align: center;
padding-bottom: 0;
margin-bottom: 0;
}

@media (min-width: 640px) { 
.catalog-grid{
display: grid;
margin-top: 80px;
margin-bottom: 80px;
grid-template-columns: 1fr 1fr 1fr;
}
}
@media (min-width: 960px) { 
.catalog-grid{
display: grid;
gap :40px 160px;
grid-template-columns: 1fr 1fr 1fr;
}
}



.catalog-grid img{
box-shadow: 0 2px 16px 0 rgb(0 0 0 / 10%);
}



/*アフターメンテナンス*/

.after_main_back{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f6efe9+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(255,255,255) 0%, rgb(246,239,233) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgb(255,255,255) 0%,rgb(246,239,233) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgb(255,255,255) 0%,rgb(246,239,233) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6efe9',GradientType=0 ); /* IE6-9 */

}

.after_main_back img {
margin: auto;
width: 100%;
max-width: 1040px;
}

.after_grid{
display: grid;
grid-template-columns: 1fr;
column-gap: 40px;
grid-row-gap:40px;
}

.aftermaintenance-forth-grid{
display: grid;
grid-template-columns: 1fr;
column-gap: 40px;
grid-row-gap:40px;
}

.aftermaintenance-three-grid{
display: grid;
grid-template-columns: 1fr;
column-gap: 40px;
grid-row-gap:40px;
}

.aftermaintenance-two-grid{
display: grid;
grid-template-columns: 1fr;
column-gap: 40px;
grid-row-gap:40px;
}


.aftermaintenance-w-grid{
display: grid;
grid-template-columns: 1fr ;
column-gap: 40px;
grid-row-gap:24px;
}

.aftermaintenance-w-s-grid{
display: grid;
grid-template-columns: 1fr ;
column-gap: 8px;
grid-row-gap:24px;
}

@media (min-width: 640px) { 
.after_grid{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
column-gap: 40px;
grid-row-gap:40px;
}

.aftermaintenance-forth-grid{
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
column-gap: 40px;
grid-row-gap:40px;
}

.aftermaintenance-three-grid{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
column-gap: 40px;
grid-row-gap:40px;
}

.aftermaintenance-w-grid{
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 40px;
grid-row-gap:40px;
}

.aftermaintenance-w-s-grid{
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 4px;
grid-row-gap:40px;
}

}

.after_grid_item{
position: relative;
padding-bottom: 0px;	
}
@media (min-width: 640px) { 
.after_grid_item{
position: relative;
padding-bottom: 40px;	
}
}
.pt16pb0{
padding: 16px;
padding-bottom: 0px;
}
.after_caption{

}

.after_caption h3{
margin-top: 16px;
margin-bottom: 16px;
text-align: center;
font-size: 16px;
line-height: 1.7;
}

.after_caption p{
font-size: 14px;
line-height: 1.7;
}

.after_black_btn{
position: relative;
bottom: 0;
}
@media (min-width: 640px) { 
.after_black_btn{
position: absolute;
bottom: 0;
}
}

.after-section-title{
font-size: 24px;
display: inline-block;
border: solid 2px #000;
padding-left: 16px;
padding-right: 16px;
padding-top: 16px;
padding-bottom: 16px;
}
.after-section-title span{
background-color: #fff;
position: relative;
padding: 24px 8px;
display: block;
margin-top: -24px;
margin-bottom: -24px;
}



.aftermaintenance_dot_blue{
background-image: url(../images/aftermaintenance/blue_dot_pattern.png);
background-size: 6px 6px;
border-top: solid 40px #fff;
}

.aftermaintenance_dot_green{
background-image: url(../images/aftermaintenance/green_dot_pattern.png);
background-size: 6px 6px;
border-top: solid 40px #fff;
}




.aftermaintenance_full_back{
margin: 0 calc(50% - 50vw);
width: 100vw;
}

.aftermaintenance_full_back_inner{
width: 100%;
max-width: 1120px;
padding: 0 40px;
margin: auto;
margin-top: -40px;
padding-bottom: 40px;
}
.img_w300px{
width: 100%;
margin: auto;
max-width: 300px;
}
.img_w640px{
width: 100%;
margin: auto;
max-width: 640px;
}
.img_w680px{
width: 100%;
margin: auto;
max-width: 680px;
}

.sin_orange_co_btn {
position: relative;
width: auto;
display: inline-block;
padding: 24px 16px;
font-size: 14px;
font-weight: 700;
background-color: #EC6C00;
text-align: center;
color: #fff;
transition: 0.3s;
min-width: 240px;
}
@media (min-width: 640px) { 
.sin_orange_co_btn {
position: relative;
width: auto;
display: inline-block;
padding: 24px 24px;
font-size: 16px;
font-weight: 700;
background-color: #EC6C00;
text-align: center;
color: #fff;
transition: 0.3s;
}
}
.sin_orange_co_btn span{position: relative; 
padding-left: 0px;
padding-right: 16px;

}
.sin_orange_co_btn span::after {
content: "";
right: -4px;
position: absolute;
background-size: contain;
background-repeat: no-repeat;
width: 16px;
height: 16px;
background-image: url(../images/iconsbullet_half_front.svg);
top: 2px;
bottom: 0;
margin: auto;
}

.sin_orange_co_btn:hover{
color: #fff;
background-color: rgb(236 108 0 / 70%);
}


.sin_black_co_btn {

width: auto;
display: inline-block;
padding: 8px;
font-size: 16px;
font-weight: 700;
background-color: #000;
text-align: center;
color: #fff;
transition: 0.3s;
width: 100%;
}
.sin_black_co_btn span{position: relative; 
padding-left: 16px;
padding-right: 16px;

}
.sin_black_co_btn span::after {
content: "";
right: -4px;
position: absolute;
background-size: contain;
background-repeat: no-repeat;
width: 16px;
height: 16px;
background-image: url(../images/top/iconsbullet_white_front.svg);
top: 2px;
bottom: 0;
margin: auto;
}

.sin_black_co_btn:hover{
color: #fff;
background-color: rgb(0 0 0 / 70%);
}

.free-orange-btn{

width: auto;
display: inline-block;
padding: 16px;
padding-left: 0;
padding-right: 0;
font-size: 16px;
font-weight: 700;
background-color: #EC6C00;
text-align: center;
color: #fff;
transition: 0.3s;
width: 100%;
}
.free-orange-btn span{position: relative; 
padding-left: 8px;
padding-right: 16px;

}
.free-orange-btn span::after {
content: "";
right: 0px;
position: absolute;
background-size: contain;
background-repeat: no-repeat;
width: 16px;
height: 16px;
background-image: url(../images/iconsbullet_half_front.svg);
top: 2px;
bottom: 0;
margin: auto;
}

@media (min-width: 640px) { 
.free-orange-btn{

width: auto;
display: inline-block;
padding: 16px;
font-size: 16px;
font-weight: 700;
background-color: #EC6C00;
text-align: center;
color: #fff;
transition: 0.3s;
width: 100%;
}
.free-orange-btn span{position: relative; 
padding-left: 16px;
padding-right: 16px;

}
.free-orange-btn span::after {
content: "";
right: -4px;
position: absolute;
background-size: contain;
background-repeat: no-repeat;
width: 16px;
height: 16px;
background-image: url(../images/iconsbullet_half_front.svg);
top: 2px;
bottom: 0;
margin: auto;
}
}
.free-orange-btn:hover{
color: #fff;
background-color: rgb(236 108 0 / 70%);
}

.after-yoyaku-title{
font-size: 24px;
font-weight: 700;
margin-bottom: 32px;
}


.bold-lead{
font-size: 18px;
font-weight: 700;
margin-bottom: 32px;
}

.after-section-title_before{
font-size: 18px;
font-weight: 700;
text-align: center;
margin-bottom: 0.2em;
}


.tel-section{
text-align: center;
}
.tel-section a {
font-size: 24px;
position: relative;
color: #EC6C00;
padding-left: 16px;
font-weight: 700;
}

.tel-section span {
font-size: 24px;
position: relative;
color: #EC6C00;
padding-left: 16px;
font-weight: 700;
}

.tel-section a::before{
content: "";
background-image: url(../images/aftermaintenance/icon_tel.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
display: block;
width: 24px;
height: 24px;
position: absolute;
left: -8px;
}

.tel-section span::before{
content: "";
background-image: url(../images/aftermaintenance/icon_tel.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
display: block;
width: 24px;
height: 24px;
position: absolute;
left: -8px;
}

@media (min-width: 640px) { 
.tel-section a {
font-size: 32px;
position: relative;
color: #EC6C00;
padding-left: 16px;
font-weight: 700;
}

.tel-section a::before{
content: "";
background-image: url(../images/aftermaintenance/icon_tel.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
display: block;
width: 32px;
height: 32px;
position: absolute;
left: -16px;
}
}
/*------------------------------*/
/*---点検---*/
/*------------------------------*/

h2.after-porigon-title-blue {
text-align: center;
padding: 16px;
background-image: url(../images/aftermaintenance/polygon_pattern_blue.png);
background-size: 50%;
background-position: center;
font-size: 24px;
}


h2.after-porigon-title-green {
text-align: center;
padding: 16px;
background-image: url(../images/aftermaintenance/polygon_pattern_green.png);
background-size: 50%;
background-position: center;
font-size: 24px;
}

h2.after-porigon-title-yellow {
text-align: center;
padding: 16px;
background-image: url(../images/aftermaintenance/polygon_pattern_yellow.png);
background-size: 50%;
background-position: center;
font-size: 24px;
}

h2.after-porigon-title-pink {
text-align: center;
padding: 16px;
background-image: url(../images/aftermaintenance/polygon_pattern_pink.png);
background-size: 50%;
background-position: center;
font-size: 24px;
}
.opacity30{
opacity: 0.3;
}

.tenken-lead-title{
font-size: 24px;
font-weight: 700;
line-height: 1.7;
margin-bottom: 1em;
}

.tenken-lead-title.sub{
font-size: 24px;
font-weight: 700;
line-height: 1.7;
margin-bottom: 0.5em;
}
.tenken-wrap {
border-radius: 8px;
position: relative;
margin-top: 62.5px;
padding: 20px;
padding-top: 40px;
}
@media (min-width: 640px) { 
.tenken-wrap{
border-radius: 8px;
position: relative;
margin-top: 62.5px;
padding: 40px;
}
}
.tenken-wrap ul{
margin: auto;
display: block;
padding: 0;
width: 100%;
}

.tenken-wrap ul li{
list-style-type: none;
position: relative;
}

.tenken-wrap ul li:not(:last-child){
padding-bottom: 16px;
margin-bottom: 32px;
border-bottom: solid 1px #d3d3d3;
}

.tenken-blue ul li:not(:last-child)::after{
position: absolute;
content: "";
display: block;
width: 72px;
height: 24px;
background-image: url(../images/aftermaintenance/down_tri_blue.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
bottom: -16px;
left: 0;
right: 0;
margin: auto;
background-color: #fff;
}

.tenken-orange ul li:not(:last-child)::after{
position: absolute;
content: "";
display: block;
width: 72px;
height: 24px;
background-image: url(../images/aftermaintenance/down_tri_orange.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
bottom: -16px;
left: 0;
right: 0;
margin: auto;
background-color: #fff;
}

.tenken-wrap ul li h3{
font-size: 18px;
font-weight: 700;
line-height: 1.7;
margin-bottom: 8px;
}

.tenken-wrap .tenken-title{
border-radius: 22.5px;
font-size: 18px;
font-weight: 700;
padding: 10px;
line-height: 1;
width: 240px;
display: block;
margin: auto;
text-align: center;
color: #fff;
position: absolute;
top: -19px;
left: 0;
right: 0;
}

.tenken-blue{
border: solid 1px #09B6C9;
}
.tenken-blue h3{ color: #09B6C9; }

.tenken-blue .tenken-title{
background-color: #09B6C9;
}

.tenken-orange{
border: solid 1px #EC6C00;
}

.tenken-orange h3{
color:  #EC6C00;
}

.tenken-orange .tenken-title{
background-color: #EC6C00;
}

.tenken-green{
border: solid 1px #27AE60;
}

.tenken-green h3{
color:  #27AE60;
}

.tenken-green .tenken-title{
background-color: #27AE60;
}

/*メンテナンス*/


.maintenance_gray {
background-image: url(../images/aftermaintenance/gray_dot_pattern.png);
background-size: 6px 6px;
padding: 16px;
margin: 0 calc(50% - 50vw);
width: 100vw;
}

.no-width{	  margin: auto;
width: 100%;}
@media (min-width: 640px) { 
.maintenance_gray{
background-image: url(../images/aftermaintenance/gray_dot_pattern.png);
background-size: 6px 6px;
padding: 40px;
margin: auto;
width: 100%;
}
}

.maint-flow-grid{
width: 100%;
height: 100%;
display: grid;
grid-template-columns: 1fr;
column-gap: 40px;
grid-row-gap:24px;
margin-bottom: 16px;
background-color: #fff;
padding: 24px;
}
@media (min-width: 640px) { 
.maint-flow-grid{
width: 100%;
height: 100%;
display: grid;
grid-template-columns: 2fr 1fr;
column-gap: 40px;
grid-row-gap:40px;
margin-bottom: 40px;
background-color: #fff;
padding: 24px;
}

}

.maint-flow-grid-w{
width: 100%;
height: 100%;
display: grid;
grid-template-columns:  1fr;
column-gap: 40px;
grid-row-gap:8px;
background-color: #fff;
padding: 24px;
}
@media (min-width: 640px) { 
.maint-flow-grid-w{
width: 100%;
height: 100%;
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 40px;
grid-row-gap:40px;
background-color: #fff;
padding: 24px;
}
}
.maint-flow-item span {
width: 70px;
text-align: center;
background-color: #000;
color: #fff;
display: block;
top: -24px;
position: relative;
padding: 8px;
font-size: 18px;
}

.maint-flow-item h3{
font-size: 24px;
margin-bottom: 24px;
font-weight: 700;
}



.mt43{
margin-top: 43px;
}

.forth-title{
width: 100%;
height: 109px;
position: relative;
background-image: url(../images/aftermaintenance/opback.png);
}

.forth-60{
margin-bottom: 60px;
}

.forth-title p{
padding-left: 16px;
padding-right: 16px;
font-size: 24px;
color: #fff;
text-align: center;
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%); /* Safari用 */
transform: translateY(-50%);
left: 0;
right: 0;
margin: auto;
font-weight: 700;
}

.forth-title-sub{ 
margin-top: 16px;
font-weight: 700;
margin-bottom: 16px;
}
.forth-title-sub-bottom {
color: #EC6C00;
font-size: 14px;
text-align: center;
margin-top: 40px;
border-top: solid 1px #EC6C00;
padding-top: 24px;
font-weight: 700;
display: block;
position: absolute;
bottom: -80px;
width: 100%;
}

.orange-border-wrap{
border: solid 1px #EC6C00;
padding: 40px; 
}


.f18{
font-size: 18px;
}

.trouble-item{
position: relative;
border-top:solid 1px #979797;
padding-top: 8px;
}
.trouble-item h4{ 
font-size: 18px;
font-weight: 700;
margin-bottom: 8px;
text-align: center;
}
h3.orange-title {
text-align: center;
font-size: 24px;
padding: 16px;
background-color: #EC6C00;
color: #fff;
}
.qabox{
padding: 16px;
background-color: #fff;
}
@media (min-width: 640px) { 
.qabox{
padding: 24px;
background-color: #fff;
}
}
.qabox:not(:last-child) {

margin-bottom: 16px;
}
@media (min-width: 640px) { 
.qabox:not(:last-child) {

margin-bottom: 40px;
}
}

.question_p{
margin-bottom: 24px;
}

.question_p,.anthor_p{
font-size: 16px;
line-height: 1.7;
position: relative;
padding-left: 32px;
}

.question_p::before{
content: "Q";
font-size: 24px;
display: block;
position: absolute;
left: 0px;
color: #EC6C00;
font-weight: 700;
top: -6px;
}

.anthor_p::before{
top: 0;
content: "A";
font-size: 24px;
display: block;
position: absolute;
left: 0px;
color: #EC6C00;
font-weight: 700;
top: -6px;
}

.k-renraku-grid{
width: 100%;
height: 100%;
display: grid;
grid-template-columns: 1fr;
margin-bottom: 16px;
}

@media (min-width: 640px) { 
.k-renraku-grid{
width: 100%;
height: 100%;
display: grid;
grid-template-columns: 1fr 3fr;
}
}

.k-renraku-grid .bg-black{
padding: 24px;
padding-bottom: 16px;
font-size: 16px;
color: #fff;
font-weight: 700;
background-color: #000;
}
.k-renraku-grid .bg-orange{
padding: 24px;
padding-bottom: 16px;
font-size: 16px;
color: #fff;
font-weight: 700;
background-color: #EC6C00;
}
.k-renraku-grid .bg-white{
padding: 24px;
padding-bottom: 16px;
font-size: 16px;
background-color: #fff;
}


.trabru-down-arrow {
position: absolute;
z-index: 2;
border-radius: 54px;
box-shadow: 0px 2px 8px rgb(0 0 0 / 20%);
bottom: -27px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
right: 0;
left: 0;
margin: auto;
transform: rotate(
90deg
);
}




.form-wrap {

margin-bottom: 16px;
padding-bottom: 16px;
}
.form-wrap:not(:last-child){border-bottom: solid 1px #EFEFEF;}


.mw300{
width: 100%;
max-width: 300px;
}

.form-control.mw200{
width: 100%;
max-width: 200px;
margin-left: 0;
}

.mw608{
width: 100%;
max-width: 608px;
}

.form-grid-2w-absolute{
width: 100%;
height: 100%;
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 8px;
}

.form-control {
border: 1px solid #7B7B7B;
}
p.form-p {
font-size: 14px;
color: #EC6C00;
margin-top: 28px;
line-height: 2;
font-weight: normal !important ;
}




.border-none{
border-bottom:#fff !important;
border-bottom: 16px;
padding-bottom: 0px;
}

.form-wrap p{font-weight: 700; font-size: 16px;}


span.form-req {
width: 50px;
background-color: #EC6C00;
border-radius: 11.5px;
display: inline-block;
text-align: center;
color: #fff;
font-size: 12px;
margin-right: 8px;
font-weight: normal;
line-height: 1;
padding: 4px;
}

span.form-no-req {
width: 50px;
background-color: #7B7B7B;
border-radius: 11.5px;
display: inline-block;
text-align: center;
color: #fff;
font-size: 12px;
margin-right: 8px;
font-weight: normal;
line-height: 1;
padding: 4px;
}


.form-wrap p.sub-text {
font-size: 14px;
color: #7b7b7b;
font-weight: normal;
}

.form-aleart {
padding: 16px;
border-radius: 4px;
text-align: center;
width: 100%;
/* display: block; */
background-color: #EFEFEF;
padding-top: 24px;
margin-bottom: 40px;
font-weight: normal;
}
.form-aleart p{
font-size: 14px;
font-weight: normal;
}


input.kakunin-btn.orange_co_btn {
outline: none;
border: none;
transition: 0.3s;
margin: auto;
display: block;
width: 100%;
max-width: 300px;
position: relative;
}
.button_wrap{
display: inline;
position: relative;
display: block;
width: 100%;
max-width: 300px;
margin: auto;
}
.button_wrap::after {
content: "";
right: 17%;
position: absolute;
background-size: contain;
background-repeat: no-repeat;
width: 16px;
height: 16px;
background-image: url(../images/iconsbullet_half_front.svg);
top: 2px;
bottom: 0;
margin: auto;
}


/*footer-menu*/
section.fixed-menu a.light-blue {
width: 50%;
display: block;
box-sizing: border-box;
border-right: solid 1px #ffffff;
background-color: #09B6C9;
margin: 0;
text-align: center;
color: #fff;
padding: 16px 4px;
font-size: 10px;
float: left;
padding: 8px 24px;
padding-bottom: 0;
margin-bottom: 0;
}
section.fixed-menu a.light-orange {
width: 50%;
display: block;
box-sizing: border-box;
border-right: solid 1px #ffffff;
background-color: #ec6c00;
margin: 0;
text-align: center;
color: #fff;
font-size: 10px;
float: left;
padding: 12px 24px;
padding-bottom: 0;
margin-bottom: 0;
}
section.fixed-menu a.light-green {
width: 50%;
display: block;
box-sizing: border-box;
border-right: solid 1px #27AE60;
background-color: #27AE60;
margin: 0;
text-align: center;
color: #fff;
padding: 16px 4px;
font-size: 10px;
float: left;
padding: 8px 24px;
padding-bottom: 0;
margin-bottom: 0;
}


section.fixed-menu a.light-blue img,section.fixed-menu a.light-green img {
display: block;
margin: auto;
margin-bottom: 8px;
}



.side_fixed{position: fixed;
right: 0;
top: 20%;
width: 70px;
z-index: 12;
}

a.normal.pc_light-blue {
background-color: #09B6C9;
width: 70px;
padding: 16px;
display: block;
/* height: 260px; */
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
border: solid 2px #fff;
margin-bottom: 0px;
}

a.normal.pc_light-green {
background-color: #27AE60;
width: 70px;
padding: 16px;
display: block;
/* height: 260px; */
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
border: solid 2px #fff;
}

.container, .container-sm, .container-md, .container-lg, .container-xl {
max-width: 1140px;}
.mb0{margin-bottom: 0!important;}


.form-wrap input[type="time"]::-webkit-calendar-picker-indicator {
background: none;
background-image: url(../images/bullet/bullet_black_down.svg);
background-position: center right -2px ;
background-size: 16px 16px;
background-repeat: no-repeat;
}

.form-wrap select {
position: relative;
-webkit-appearance: none;
appearance: none; /* デフォルトのスタイルを無効 */
background-image: url(../images/bullet/bullet_black_down.svg);
background-position: center right 8px;
background-size: 16px 16px;
background-repeat: no-repeat;
}
.form-wrap select::-ms-expand {
display: none; /* デフォルトのスタイルを無効(IE用) */
}
.select-wrap{
position: relative;
display: block;
}
.select-wrap::after {
content: "";
position: absolute;

right: 35px;
border-left: solid 1px #7B7B7B;
display: block;
top: 0;
width: 1px;
height: 37px;

}
.form-wrap .hasDatepicker{
background-image: url(../images/bullet/carendar.png);
background-position: center right 8px;
background-size: 24px 24px;
background-repeat: no-repeat;
}


span.manen {
font-size: 18px;
margin-left: 8px;
top: -4px;
position: relative;
}
.f14 span.manen{
font-size: 14px;
top: -2px;
}


.snc_cta_grid{
width: 100%;
height: 100%;
display: grid;
grid-template-columns: 1fr;
margin-bottom: 16px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
border: solid 1px #E4E4E4;
border-top: solid 0px;
}

.snc_cta_grid a{
padding-bottom: 24px;
padding-top: 24px;
text-align: center;
color: #000 !important;
transition: 0.3s;
}
.snc_cta_grid a:hover{
opacity: 0.7;
}

.snc_cta_grid a img{
width: 56px;
height: 56px;
margin-right: 16px;
}
.sns_cta_title {
text-align: center;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
background-color: #efefef;
padding: 24px 8px;
font-size: 14px;
border: solid 1px #E4E4E4;
border-bottom: solid 0px;
}
.rsolid{
border-bottom: solid 1px #E4E4E4;
border-right: solid 0px;
}

@media (min-width: 640px) { 
.sns_cta_title {
text-align: center;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
background-color: #efefef;
padding: 24px 8px;
font-size: 16px;
border: solid 1px #E4E4E4;
border-bottom: solid 0px;
}
.rsolid{
border-bottom: solid 0px;
border-right: solid 1px #E4E4E4;
}

.snc_cta_grid{
width: 100%;
height: 100%;
display: grid;
grid-template-columns: 1fr 1fr;
margin-bottom: 16px;
}

}

.grande-link{
transition: 0.3s;
}
.grande-link:hover,.grande-link:hover img,.grande-link:hover h1,.grande-link:hover h2,.grande-link:hover h3,.grande-link:hover h4,.grande-link:hover h5, .grande-link:hover p{
opacity: 0.7;	
}
.grande-link img:hover{
opacity: none;
}

/*2021 05 18*/

.shop-block .inner {
background-color: #ececec;
padding: 16px 16px 8px;
text-align: center !important;
}
.shop-block .inner h4,.shop-block .inner p{text-align: center !important;}

a.shop_reserved_btn {
text-align: center;
width: 100%;
padding: 16px 8px;
background-color: #ec6c00;
display: block;
margin-top: -4px;
font-size: 16px;
color: #fff;
}

.shop_reserved_btn{position: relative; transition: 0.3s;}
.shop_reserved_btn:hover{opacity: 0.7;}
.shop_reserved_btn span{position: relative; padding-left: 28px;}
.shop_reserved_btn span::before{
content: "";
background-image: url(../images/shopcard/icon_reserve_orange_half.png);
width: 24px;
height: 24px;
position: absolute;
background-repeat: no-repeat;
background-position: center;
left: 0;
background-size: contain;
}

.house_no_bo{
padding-top: 16px;
padding-bottom: 16px;
max-width: 100%;
background-color: #fff;
border:none;
}
.content-form label.field-item {
margin-right: 0.4rem;
display: block;
}
@media (min-width: 960px) {

}

.border-gray{
border: solid 1px #e4e4e4;
transition: 0.3s;
}

.tel_title{
font-size: 18px;
}

.tel_write{
font-size: 24px;
color: #EC6C00!important;
}
.border-gray:hover{
opacity: 0.7;
}


a.normal.pc_light-orange {
background-color: #EC6C00;
width: 70px;
padding: 16px;
display: block;
/* height: 260px; */
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
border: solid 2px #fff;
margin-bottom: 0px;
}

a.normal.pc_light-owner{
background-color: #EC5389;
width: 70px;
padding: 16px;
display: block;
/* height: 260px; */
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
border: solid 2px #fff;
margin-bottom: 0px;
border-right: none;
}
section.fixed-menu a.light-owner {
width: 50%;
display: block;
box-sizing: border-box;
border-right: solid 1px #ffffff;
background-color: #EC5389;
margin: 0;
text-align: center;
color: #fff;
font-size: 10px;
float: left;
padding: 12px 24px;
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none;
}
section.fixed-menu a.light-green{border-bottom: none;}

a.normal.pc_light-owner {
background-color: #EC5389;
width: 42px;
padding: 8px;
display: block;
/* height: 260px; */
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
border: solid 2px #fff;
margin-bottom: 0px;

z-index: 9;
border-right: none;
}
@media (min-width: 480px) {

a.normal.pc_light-owner{
background-color: #EC5389;
width: 100%;
padding: 16px;
display: block;
/* height: 260px; */
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;
border: solid 2px #fff;
margin-bottom: 0px;
border-right: none;
}
}

.side_fixed {
position: fixed;
right: 0;
top: 20%;
width: 60px;
z-index: 12;
}
.side_fixed img{
max-width: 30px;
}
@media (max-width: 480px) {
.side_fixed {
position: fixed;
right: 0;
top: 20%;
width: 42px;
z-index: 12;
}	

}
.f-two-grid{
width: 100%;
height: 100%;
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 1px;
}
html body .f-two-grid a{
width: 100% !important;
height: auto!important;
}



.footet-owner-btn {
position: relative;
width: auto;
display: inline-block;
padding: 24px 16px;
font-size: 14px;
font-weight: 700;
background-color: #EC5389;
text-align: center;
color: #fff;
transition: 0.3s;
min-width: 240px;
}
@media (min-width: 640px) { 
.footet-owner-btn {
position: relative;
width: auto;
display: inline-block;
padding: 24px 24px;
font-size: 16px;
font-weight: 700;
background-color: #EC5389;
text-align: center;
color: #fff;
transition: 0.3s;
}
}
.footet-owner-btn span{position: relative; 
padding-left: 0px;
padding-left: 16px;
}
.footet-owner-btn span::before {
content: "";
left: -4px;
position: absolute;
background-size: contain;
background-repeat: no-repeat;
width: 16px;
height: 16px;
background-image: url(../images/aftermaintenance/bullet_pink_half_back.svg);
top: 2px;
bottom: 0;
margin: auto;
}

.footet-owner-btn:hover{
color: #fff;
background-color: rgb(236 83 137 / 70%);
}

section.fixed-menu{
background-color: #fff;
}

.form-wrap:first-child{
border-top: solid 1px #EFEFEF;
padding-top: 16px;
}
@media (max-width: 320px) { 
.free-orange-btn {
font-size: 14px;
}
}


/*20210725*/
.price_order {
display: none;

}
.price_label {
background-color: #fff;
padding: 10px 20px;
border:solid 1px #E4E4E4;
transition: 0.3s;
font-weight: bold;
position: relative;
text-align: center;
text-indent: -16px;
}
.price_order:checked + .price_label {
background-color:#fff;
border:solid 1px #000;
}
.price_label span{position: relative;}	
.price_label span::after {
content: "";
right: -16px;
position: absolute;
background-size: contain;
background-repeat: no-repeat;
width: 16px;
height: 16px;
background-image: url(../images/top/iconsbullet_black_down.svg);
top: 2px;
bottom: 0;
margin: auto;
}	

.grid-price_label{
margin: auto;
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 16px;
}

/*0801*/
@keyframes arrowScroll {
0% {
background-position: 50% -102px;
}
40% {
background-position: 50% 0;
}
80% {
background-position: 50% 0;
}
100% {
background-position: 50% 102px;
}
}
.scroll {
position: absolute;
left: 50%;
bottom: 0;
transform: translateX(-50%);
}
.scroll__label {
color: #fff;
font-size: 16px;
font-weight: bold;
text-align: center;
letter-spacing: 0.05em;
}
.scroll__arrow {
margin: auto;
width: 44px;
height: 102px;
background: url(../images/202107images/top_scroll_down.png) no-repeat;
background-size: contain;
animation: arrowScroll ease-in-out infinite 2.5s;
}


/**/
.mb24b{
margin-bottom: 24px;
}
.yen {
position: relative;
top: -2px;
}

.list_price ul {
margin: auto;
text-align: center;
display: grid;
grid-template-columns: 20% 6% 20% 7% 20% 7% 20%;
}
.list_price li {
list-style-type: none;
display:block;
text-align: center;
vertical-align: -webkit-baseline-middle;
vertical-align: middle;
color: #09A3C9;
width: 100%;
}
.list_price .plus {
width: 100%;
max-width: 100%;
}
.result-price strong {
position: relative;
top: 3px;
}

.mode-house-virtual {
margin-top: 24px;
}

body .praivacy-title {
font-size: 24px;
font-weight: 700;
padding: 24px;
border: solid 1px #E4E4E4;
margin-bottom: 40px;
}

.privacypolicy h3,.sitepolicy h3{ font-size: 24px; color: #ec6c00; margin-top: 2em; margin-bottom: 1em;}

@media (min-width: 640px) {
.list_price .plus {
display: block;
}
}
@media (min-width: 480px) {
.list_price .plus {
display: block;
}

body .npc [class*="col-"] .b-title{
margin-top: 0px;

}
body .npc [class*="col-"].b-figure{
margin-bottom: 0px;
padding-right: 0px;
}
}
@media (max-width: 480px) {
.sp_150w{
margin: 0 calc(50% - 50vw);
width: 100vw;
}
.photo-gallery-title{margin-top: 40px;}
.mb24b{
margin-bottom: 0px !important;
}
.list_price{ padding-top: 0px;}
.repayment .total {
margin-top: 8px;}
.list_price ul {
margin: auto;
text-align: center;
display: grid;
grid-template-columns: 1fr 1fr;
grid-column-gap: 16px;
grid-row-gap: 8px;
}
.list_price .plus {
display: none;
}
body .npc [class*="col-"] .b-title{
margin-top: 0px;

}
body .npc [class*="col-"].b-figure{
margin-bottom: 0px;
padding-right: 0px;
}
body .npc [class*="col-"].b-b-0{
margin-bottom: 8px;
}
}

/**/

.tabbox { font-size: 0px; }

.tabbox input { display: none; }

.tab_house,.tab_house2 {
width: calc((100% + 4px ) / 4);
text-align: center;
text-decoration: underline;
display: inline-block;
border:solid 1px #EC6C00;
font-size: 24px;
font-weight: normal;
padding: 10px 1em;
color: #EC6C00;
box-sizing: border-box;
transition: 0.3s;
margin-left: -1px;
position: relative;
background-color: #FFEFE0;
}

@media (max-width: 860px) {
.tab_house a,.tab_house2 a{font-size: 18px; padding-left: 4px; padding-right: 4px;}
}
@media (max-width: 768px) {
.tab_house a,.tab_house2 a{font-size: 18px; padding-left: 4px; padding-right: 4px;}
}
@media (max-width: 680px) {
.sp-hidden{ display:none;}
.tab_house a,.tab_house2 a{font-size: 14px; padding-left: 0px; padding-right: 0px;}
}
@media (max-width: 320px) {
.tab_house a,.tab_house2 a{font-size: 12px; padding-left: 0px; padding-right: 0px;}
}
.tab_house:hover,.tab_house2:hover {
background-color: #EC6C00;
color: #fff;
cursor: pointer;position: relative;
transition: 0.3s;
}

input:checked + .tab_house {
color: #fff;
background-color: #EC6C00;
position: relative;
z-index: 14px;
text-decoration: none;
}
.tab_house:hover:after{
content: "";
position: absolute;
right: 0;
bottom: -11px;
left: 0;
width: 0px;
height: 0px;
margin: auto;
border-style: solid;
border-color: #EC6C00 transparent transparent transparent;
border-width: 17px 14px 0 14px;
z-index: -1;
}
.tab_house2:hover:before {
content: "";
position: absolute;
right: 0;
top: -17px;
/* bottom: -11px; */
left: 0;
width: 0px;
height: 0px;
margin: auto;
border-style: solid;
border-color: #EC6C00 transparent transparent transparent;
border-width: 17px 14px 0 14px;
text-decoration: none;
transform: rotate(180deg);
}
input:checked + .tab_house:after{
content: "";
position: absolute;
right: 0;
bottom: -11px;
left: 0;
width: 0px;
height: 0px;
margin: auto;
border-style: solid;
border-color: #EC6C00 transparent transparent transparent;
border-width: 17px 14px 0 14px;
text-decoration: none;
}

.house-table th{
font-size: 15px;
}

@media (max-width: 680px) {
.tab_house:hover:after{
content: "";
position: absolute;
right: 0;
bottom: -6px;
left: 0;
width: 0px;
height: 0px;
margin: auto;
border-style: solid;
border-color: #EC6C00 transparent transparent transparent;
border-width: 6px 5px 0 5px;
}

input:checked + .tab_house:after{
content: "";
position: absolute;
right: 0;
bottom: -6px;
left: 0;
width: 0px;
height: 0px;
margin: auto;
border-style: solid;
border-color: #EC6C00 transparent transparent transparent;
border-width: 6px 5px 0 5px;
}
}



.tabcontent {
display: none;

margin-top: -1px;

position: relative;
z-index: 0;
}
.section_middle_sp_zero3 .sp-st-natural,.section_middle_sp_zero3 .sp-st-casual,.section_middle_sp_zero3 .sp-st-modan{
	padding: 0px 24px;
}
@media (max-width: 640px) {
.section_middle_sp_zero3 {
margin: 0 calc(50% - 50vw);
width: 100vw;
}

}


#tabcheck1:checked ~ #tabcontent1 { display: block; }
#tabcheck2:checked ~ #tabcontent2 { display: block; }
#tabcheck3:checked ~ #tabcontent3 { display: block; }
#tabcheck4:checked ~ #tabcontent4 { display: block; }

.tab-content{
height: 75%;
min-height:325px;
position: relative;
}

@media (max-width: 640px) {
.tab-content{
height: 75%;
min-height:234px; 
}
.tab-pane img {
position: absolute;
bottom: 0;
}
}
@media (max-width: 414px) {
.tab-content{
height: 75%;
min-height:256px; 
}}
@media (max-width: 375px) {
.tab-content{
height: 75%;
min-height:234px; 
}}
@media (max-width: 360px) {
.tab-content{
height: 75%;
min-height:225px; 
}}
@media (max-width: 320px) {
.tab-content{
height: 75%;
min-height:200px; 
}}

.wh32{
width: 32px;
height: 32px;
}



/*2022-03*/
.tab_house,.tab_house2{
padding: 0;
}
.tab_house a,.tab_house2 a{
display: block;
color: #EC6C00;
padding: 10px 1em;
}
.tabBox{
padding-left: 0;
padding-right: 0;
}
@media (max-width: 860px) {
.tab_house a,.tab_house2 a{font-size: 18px; padding-left: 4px; padding-right: 4px;}
}
@media (max-width: 768px) {
.tab_house a,.tab_house2 a{font-size: 18px; padding-left: 4px; padding-right: 4px;}
}
@media (max-width: 680px) {
.tabBox{
padding-left: 24px;
padding-right: 24px;
}
.sp-hidden{ display:none;}
.tab_house a,.tab_house2 a{font-size: 14px; padding-left: 0px; padding-right: 0px;}
}
@media (max-width: 320px) {
.tab_house a,.tab_house2 a{font-size: 12px; padding-left: 0px; padding-right: 0px;}
}

.tab_house a:hover,.tab_house2 a:hover{
color: #fff;
}

.tab_house a.select,.tab_house2 a.select{
background-color: #EC6C00;
color: #fff;
text-decoration: none !important;
}

.tab_house a.select:after{
content: "";
position: absolute;
right: 0;
bottom: -11px;
left: 0;
width: 0px;
height: 0px;
margin: auto;
border-style: solid;
border-color: #EC6C00 transparent transparent transparent;
border-width: 17px 14px 0 14px;
text-decoration: none;
}
.tab_house2 a.select:before {
content: "";
position: absolute;
right: 0;
top: -10px;
/* bottom: -11px; */
left: 0;
width: 0px;
height: 0px;
margin: auto;
border-style: solid;
border-color: #EC6C00 transparent transparent transparent;
border-width: 17px 14px 0 14px;
text-decoration: none;
transform: rotate(180deg);
}

.tabBox .tabArea {
width: 100%;
height: 80px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-end;
}
.tabBox .tabArea .one_tab {

}
.tabBox .tabArea .one_tab a {

}
.tabBox .tabArea .one_tab a:hover {

}
.tabBox .tabArea .one_tab .tab_inner {
display: flex;
justify-content: center;
align-items: center;
height: 60px;
transition-duration: 0.3s;
}
.tabBox .tabArea .one_tab:nth-child(1) .tab_inner {

}
.tabBox .tabArea .one_tab:nth-child(2) .tab_inner {

}
.tabBox .tabArea .one_tab:nth-child(3) .tab_inner {

}
.tabBox .tabArea .one_tab a.select .tab_inner {

}
.tabBox .tabArea.bottom {
align-items: flex-start;
}
.contents .tab_main {
display: none;
min-height: 280px;
transition-duration: 0.3s;
}
.tab_main.is_show {
display: block;
}
#medal{ 
position: absolute;
right: 65px;
width: 180px;
}
@media (max-width: 640px) {

#medal{ 
position: absolute;
right: 5px;
top: 10px;
width: 120px;
}

}

/**/
.madori_grid{
display:grid;
grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;
grid-gap:30px;
margin-bottom: 2em;
}
@media (max-width: 680px) {
.madori_grid{display:grid;
grid-gap:5px;
margin-bottom: 2em;
grid-template-columns:1fr 1fr 1fr;
}
}
.madori_label {
display: block;
background-color: #fff;
padding: 10px 20px;
border:solid 1px #E4E4E4;
transition: 0.3s;
font-weight: bold;
position: relative;
text-align: center;
text-indent: -16px;
color: #000;
transition: 0.3s;
}

.madori_label:hover{
border-color: #000;
}

.madori_label.active{
border-color: #000;
}

.madori_label span{position: relative;}	
.madori_label span::after {
content: "";
right: -16px;
position: absolute;
background-size: contain;
background-repeat: no-repeat;
width: 16px;
height: 16px;
background-image: url(../images/top/iconsbullet_black_front.svg);
top: 2px;
bottom: 0;
margin: auto;
}	

.swpm-form-builder fieldset {
clear: both;
margin: 15px 0;
padding: 0;
border: 1px solid #ffffff;
border-radius: 3px;
background-color: #ffffff;
}

.sectTit {
position: relative;
text-align: center;
font-weight: bold;
line-height: 1.3;
font-size: 2.5rem;
font-size: 14px;
color: #ec6c00;
}

.sectTit:before,
.sectTit:after {
position: relative;
display: inline-block;
content: "";
background: #faa94d;
width: 2px;
height: 2em;
margin: 0 1em;
margin-top: -.2em;
vertical-align: middle;
}

.sectTit:before {
transform: rotate(-35deg);
}

.sectTit:after {
transform: rotate(35deg);
}
.swpm-item-submit,.swpm-pw-reset-submit{position: relative;}
.swpm-edit-profile-submit-section,.swpm-pw-reset-submit-button {
text-align: center;
max-width: 239px;
margin: auto;
position: relative;
}



.swpm-item-submit::after {
content: "";
right: -4px;
position: absolute;
background-size: contain;
background-repeat: no-repeat;
width: 16px;
height: 16px;
background-image: url(../images/iconsbullet_half_front.svg);
top: 2px;
bottom: 0;
margin: auto;
right: 2vw;
}

.swpm-pw-reset-submit-button{ margin-top: 24px !important;}
.swpm-pw-reset-submit-button::after {
content: "";
right: -4px;
position: absolute;
background-size: contain;
background-repeat: no-repeat;
width: 16px;
height: 16px;
background-image: url(../images/iconsbullet_half_front.svg);
top: 2px;
bottom: 0;
margin: auto;
right: 2vw;
}
@media (max-width: 680px) {
.swpm-item-submit::after {
right: 10vw;
}

}

button.btn-orange {
position: relative;
font-size: 16px;
text-align: center;
background-color: #EC6C00;
display: block;
padding: 16px;
color: #fff;
font-weight: 700;
text-decoration: none !important;
width: 100%;
border: none;
}
button.btn-orange {
position: relative;
display: inline-block;
}
button.btn-orange span::after {
content: "";
right: 16px;
position: absolute;
background-size: contain;
background-repeat: no-repeat;
width: 16px;
height: 16px;
background-image: url(../images/iconsbullet_half_front.svg);
top: 0;
bottom: 0;
margin: auto;
}


input.btn-orange {
position: relative;
font-size: 16px;
text-align: center;
background-color: #EC6C00;
display: block;
padding: 16px;
color: #fff;
font-weight: 700;
text-decoration: none !important;
width: 100%;
border: none;
}
input.btn-orange {
position: relative;
display: inline-block;
}

.wao{position: relative;}



body .swpm-form-builder li.swpm-left-half,body .swpm-form-builder li.swpm-right-half {
width: 50% !important;
}

body .swpm-form-builder ul li {
border-top: 1px solid #E4E4E4;
padding-top: 16px !important;
padding-bottom: 16px !important;
}
.swpm-required-asterisk{
display: none;
}

.wao{margin: auto;}

.wao::after{

content: "";
right: 8px;
position: absolute;
background-size: contain;
background-repeat: no-repeat;
width: 16px;
height: 16px;
background-image: url(../images/iconsbullet_half_front.svg);
top: 0;
bottom: 0;
margin: auto;
}
.waog::after{
content: "";
right: -4px;
position: absolute;
background-size: contain;
background-repeat: no-repeat;
width: 16px;
height: 16px;
background-image: url(../images/iconsbullet_white_front.svg);
top: 2px;
bottom: 0;
margin: auto;
}

.p60s30{
margin-top: 60px;
}

@media (max-width: 680px) {
.p40s24{
margin-top: 24px;	
}
.p60s30{
margin-top: 30px;
margin-bottom: 20px!important;
}	

}

input.swpm-text, input[type="text"].swpm-text, input[type="tel"].swpm-text, input[type="email"].swpm-text, input[type="url"].swpm-text, textarea.swpm-textarea, select.swpm-select{
border: 1px #7B7B7B solid !important;
margin-top: 0em !important;
margin-bottom: 1em !important;
}
a.btn-sinple {
padding: 10px 15px;
background-color: #ec6c00;
color: #fff;
border-radius: 10px;
margin-top: 0;
display: inline-block;
}


.madori-img .orange_co_btn,.madori-img .orange_co_btn_os{
width: 100%;
max-width: 320px;
}
.co202303{border-radius: 50px;
padding-left: 50px;
width: 95%;
}

.co202303_ico{width: 20px; position: absolute; left: -24px;}
.co202303_title{font-size: 21px;
text-align: center;
width: 80%;
display: block;
margin: auto;
/* border: solid 4px; */
font-weight: bold;
margin-bottom: 8px;}

.co202303_inner{margin: auto !important;
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
height: 210px;}
.co202303_discription{
font-size: 18px;
}
@media (max-width: 1080px) {
.madori-img .orange_co_btn,.madori-img .orange_co_btn_os{
padding-left: 28px;
padding-right: 5px;
min-width: 100px;
}	
.co202303 {
font-size: 12px;
}
.orange_co_btn span {
padding-right: 11px;
position: relative;
}
.co202303_inner {

height: 197px;
}
.co202303_discription {
font-size: 16px;
}
.co202303_title {
font-size: 21px;
}
.co202303_ico {
width: 15px;
position: absolute;
left: -24px;
}	

}

@media (max-width: 760px) {
.mb147 {   margin-bottom: 0px;}

.co202303_discription{
font-size: 16px;
}
.co202303_inner{ height: 200px;}	
.co202303_title{font-size: 21px; text-align: center; width: 80%; display: block;margin: auto;}	

.madori-img .orange_co_btn,.madori-img .orange_co_btn_os{
min-width: 120px;

}	

.madori-img .orange_co_btn span,.madori-img .orange_co_btn_os span{
padding-right: 6px;
position: relative;
}	

.co202303_ico{
width: 13px;
position: absolute;
left: -16px;
top: 3px;
}
.madori-img .orange_co_btn span::after,.madori-img .orange_co_btn_os span::after {
content: "";
right: -10px;
}
.co202303{border-radius: 50px;
padding-left: 30px;
width: 95%;
font-size: 12px;}
}