@charset "utf-8";

body {
font-size: 28px;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="radio"],
textarea,
select {
padding: 10px;
font-size: 32px;
}
.pc {
display: none!important;
} #wrapper {
width: 100%;
text-align: center;
}
#container {
width: 100%;
padding-top: 143px;
}
.main01 {
width: 95%;
margin: 0 auto 60px;
}
.main02 {
width: 95%;
margin: 0 auto;
text-align: left;
}
#main {
width: 100%;
padding-bottom: 100px;
text-align: left;
}
#side {
display: none;
} #head {
position: fixed;
width: 100%;
height: 143px;
background: #fff;
z-index: 500;
}
#head01 {
width: 100%;
}
#head_logo {
width: 23.3%;
float: left;
}
#head_logo a {
display: block;
width: 100%;
max-width: 175px;
height: 143px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background: url(/img/head_logo_sp.png) no-repeat;
background-size: contain;
}
#head_sp {
width: 57.1%;
float: right;
}
#head_tel {
width: 33.2%;
float: left;
}
#head_tel a {
display: block;
width: 100%;
max-width: 142px;
height: 143px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background: url(/img/head_tel_sp.png) no-repeat;
background-size: contain;
border-left: 1px solid #C7E18F;
}
#head_mail {
width: 33.2%;
float: left;
}
#head_mail a {
display: block;
width: 100%;
max-width: 142px;
height: 143px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background: url(/img/head_mail_sp.png) no-repeat;
background-size: contain;
border-left: 1px solid #C7E18F;
}
#head_navi,
#head_navi_top {
display: none;
}
#sp_navi_btn {
width: 33.2%;
float: left;
}
#sp_navi_on a {
display: block;
width: 100%;
max-width: 142px;
height: 143px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background: url(/img/sp_nav_open.png) no-repeat;
background-size: contain;
border-left: 1px solid #C7E18F;
}
#sp_navi_of {
display: none;
background: #90C31F;
}
#sp_navi_of a {
display: block;
width: 100%;
max-width: 142px;
height: 143px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background: url(/img/sp_nav_close.png) no-repeat;
background-size: contain;
border-left: 1px solid #C7E18F;
}
#sp_navi {
display: none;
width: 100%;
height: 95vh;
position: fixed;
top: 143px;
z-index: 500;
color: #fff;
background: #90C31F;
overflow-y: scroll;
}
#sp_navi nav {
padding: 0 0 80px 0;
}
#navi2 {
width: 100%;
}
#navi2 > li > a {
position: relative;
display: block;
height: 100px;
padding-left: 30px;
line-height: 100px;
text-align: left;
font-size: 36px;
text-decoration: none;
color: #fff;
}
#navi2 > li > a:after {
position: absolute;
display: block;
content: "";
top: 32px;
right: 25px;
width: 25px;
height: 25px;
background: url(/img/icon_sp01.png) no-repeat;
}
.accshow1 ul li a {
position: relative;
display: block;
height: 90px;
padding-left: 30px;
line-height: 90px;
text-align: left;
font-size: 28px;
color: #fff;
background: #7CB621;
}
.accshow1 ul li a:after {
position: absolute;
display: block;
content: "";
top: 23px;
right: 25px;
width: 25px;
height: 25px;
background: url(/img/icon_sp01.png) no-repeat;
}
.accbox1 {
width: 100%;
}
.accbox1 label {
position: relative;
display: block;
height: 100px;
padding-left: 30px;
line-height: 100px;
text-align: left;
font-size: 36px;
text-decoration: none;
color: #fff;
cursor: pointer;
transition: all 0.4s;
}
.accbox1 label:after {
position: absolute;
display: block;
content: "";
top: 32px;
right: 25px;
width: 25px;
height: 25px;
background: url(/img/icon_sp02.png) no-repeat;
}
.accbox1 input {
display: none;
}
.accbox1 .accshow1 li {
height: 0;
padding: 0;
overflow: hidden;
opacity: 0;
transition: 0.6s;
}
.cssacc1:checked + label + .accshow1 li {
height: 90px;
opacity: 1;
transition: 0.6s;
}
.cssacc1:checked + label:after {
position: absolute;
display: block;
content: "";
top: 32px;
right: 25px;
width: 25px;
height: 25px;
background: url(/img/icon_sp03.png) no-repeat;
}
.sp_navi_facebook a {
position: relative;
display: block;
height: 100px;
padding-left: 90px;
line-height: 100px;
text-align: left;
font-size: 36px;
text-decoration: none;
color: #fff;
}
.sp_navi_facebook a:before {
position: absolute;
display: block;
content: "";
top: 20px;
left: 30px;
width: 45px;
height: 45px;
background: url(/img/icon_facebook_sp.png) no-repeat;
}
.sp_navi_facebook a:after {
position: absolute;
display: block;
content: "";
top: 32px;
right: 25px;
width: 34px;
height: 25px;
background: url(/img/icon_sp04.png) no-repeat;
}
.sp_navi_insta a {
position: relative;
display: block;
height: 100px;
padding-left: 90px;
line-height: 100px;
text-align: left;
font-size: 36px;
text-decoration: none;
color: #fff;
}
.sp_navi_insta a:before {
position: absolute;
display: block;
content: "";
top: 20px;
left: 30px;
width: 45px;
height: 45px;
background: url(/img/icon_insta_sp.png) no-repeat;
}
.sp_navi_insta a:after {
position: absolute;
display: block;
content: "";
top: 32px;
right: 25px;
width: 34px;
height: 25px;
background: url(/img/icon_sp04.png) no-repeat;
}
.color-gray {
background-color: #efefef;
}
.top-line-up {
margin-top: 80px;
padding: 0 4% 40px;
}
.top-line-up .pc {
display: none;
}
.top-line-up h2 {
font-size: 48px;
font-weight: bold;
text-align: center;
transform: translateY(-30px);
}
.top-line-up a img {
max-width: 100%;
height: auto;
}
.top-line-up .text_center {
margin-bottom: 48px;
font-size: 32px;
}
.top-line-up ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
margin: 0 auto;
list-style: none;
}
.top-line-up ul li {
width: 49%;
text-align: center;
margin-bottom: 4%;
}
.top-line-up ul li:nth-of-type(2n) {
margin-right: 0;
}
.top-line-up ul li img {
display: block;
width: 100%;
height: auto;
} #foot {
width: 100%;
border-top: 1px solid #ECEAE8;
}
.foot_in {
width: 100%;
max-width: 1000px;
margin: 0 auto;
}
#foot01 {
width: 100%;
}
#navi3 {
width: 100%;
}
#navi3 > li > a {
position: relative;
display: block;
height: 100px;
padding-left: 30px;
line-height: 100px;
text-align: left;
font-size: 36px;
text-decoration: none;
}
#navi3 > li > a:after {
position: absolute;
display: block;
content: "";
top: 32px;
right: 25px;
width: 25px;
height: 25px;
background: url(/img/icon_sp05.png) no-repeat;
}
.accshow2 ul li a {
position: relative;
display: block;
height: 90px;
padding-left: 30px;
line-height: 90px;
text-align: left;
font-size: 28px;
color: #000;
background: #E9E7E5;
}
.accshow2 ul li a:after {
position: absolute;
display: block;
content: "";
top: 23px;
right: 25px;
width: 25px;
height: 25px;
background: url(/img/icon_sp05.png) no-repeat;
}
.accbox2 {
width: 100%;
}
.accbox2 label {
position: relative;
display: block;
height: 100px;
padding-left: 30px;
line-height: 100px;
text-align: left;
font-size: 36px;
text-decoration: none;
color: #000;
cursor: pointer;
transition: all 0.4s;
}
.accbox2 label:after {
position: absolute;
display: block;
content: "";
top: 32px;
right: 25px;
width: 25px;
height: 25px;
background: url(/img/icon_sp06.png) no-repeat;
}
.accbox2 input {
display: none;
}
.accbox2 .accshow2 li {
height: 0;
padding: 0;
overflow: hidden;
opacity: 0;
transition: 0.6s;
}
.cssacc2:checked + label + .accshow2 li {
height: 90px;
opacity: 1;
transition: 0.6s;
}
.cssacc2:checked + label:after {
position: absolute;
display: block;
content: "";
top: 32px;
right: 25px;
width: 25px;
height: 25px;
background: url(/img/icon_sp07.png) no-repeat;
}
#foot02 {
position: relative;
width: 100%;
padding: 40px 0 130px 0;
text-align: center;
color: #fff;
background: #A1988A;
}
#foot02_01 {
position: absolute;
bottom: 50px;
width: 200px;
left: 0;
right: 0;
margin: 0 auto;
}
#foot02_01 ul li {
float: left;
}
#foot_facebook a {
display: block;
width: 66px;
height: 65px;
margin-right: 66px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background: url(/img/foot_facebook_sp.png) no-repeat;
}
#foot_instagram a {
display: block;
width: 67px;
height: 65px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background: url(/img/foot_insta_sp.png) no-repeat;
}
#foot02_02 {
width: 100%;
}
#foot02_03 {
display: none;
}
.foot_t01 {
margin-bottom: 10px;
font-size: 36px;
}
.foot_t01 a {
color: #fff;
}
#foot03 {
width: 100%;
}
#copy {
width: 100%;
height: 140px;
line-height: 140px;
}
#copy_in small {
font-size: 28px;
color: #333;
} #top_slider {
position: relative;
width: 100%;
margin: 0;
z-index: 1;
}
#slider {
width: 100%;
}
#slider img {
width: 100%;
height: auto;
}
#slider .slick-dots {
bottom: 20px;
}
#slider .slick-dots li button:before {
width: 20px;
height: 18px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background: url(/img/slide_dot.png) no-repeat;
opacity: 1;
}
#slider .slick-dots li.slick-active button:before {
width: 20px;
height: 18px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background: url(/img/slide_dot_on.png) no-repeat;
opacity: 1;
}
#top_news {
width: 100%;
padding: 50px 0 100px 0;
background: url(/img/bg_bar01.jpg) repeat-x;
background-position: bottom center;
}
#top_news dl{
width: 100%;
padding: 16px 0;
border-bottom: 1px dotted #ccc;
}
#top_news dl dt{
font-size: 24px;
font-weight: bold;
margin-bottom: 16px;
text-align: left;
}
#top_news dl dd{
text-align: left;
}
#top_news dl dd a{
font-size: 28px;
}
.col01_01 {
position: relative;
width: 100%;
margin-bottom: 40px;
text-align: left;
}
.col01_01 p {
font-size: 32px;
}
.col01_02 {
position: relative;
width: 100%;
text-align: left;
}
.col01_03 {
width: 45%;
float: left;
}
.col01_02 p {
font-size: 32px;
}
.col01_03 p {
font-size: 32px;
}
.col01_04 {
width: 45%;
float: right;
margin-bottom: 35px;
}
.icon_new:before {
display: block;
content: "";
position: absolute;
top: -10px;
left: -10px;
width: 170px;
height: 150px;
background: url(/img/icon_new02.png) no-repeat;
background-size: 170px auto;
z-index: 10;
}
.top_news_date {
margin-bottom: 10px;
font-size: 26px;
}
#top_concept {
width: 100%;
padding: 70px 0 80px 0;
background: url(/img/bg01.jpg);
}
.col02_01 {
width: 190px;
margin: 0 auto;
}
.col02_02 {
width: 100%;
text-align: left;
margin-top: 30px;
}
.top_mys {
padding: 70px 0;
}
.top_mys a img {
width: 100%;
}
#top_works {
width: 100%;
}
#top_works .btn01 {
margin-bottom: 56px;
}
#top_works01 {
margin-bottom: 70px;
}
.col03_01 {
position: relative;
width: 50%;
float: left;
}
a .works_t {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; opacity: 1;
}
.works_t_in {
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.works_t01 {
display: inline-block;
width: auto;
margin-bottom: 25px;
line-height: 34px;
font-size: 24px;
color: #fff;
padding: 0 15px;
background: #74835A;
}
.works_t02 {
font-size: 34px;
color: #fff;
text-shadow: 0px 0px 5px black;
background: linear-gradient(rgba(133, 107, 81, 0.3),rgba(133, 107, 81, 0.7));
}
#top_blog {
width: 100%;
padding: 70px 0;
background: url(/img/bg01.jpg);
}
.col04_01 {
width: 100%;
margin-bottom: 40px;
}
.col04_02 {
width: 100%;
margin-bottom: 40px;
}
.col04_03 {
position: relative;
width: 45%;
float: left;
}
.col04_04 {
position: relative;
width: 50%;
float: right;
text-align: left;
}
.col04_04 p {
font-size: 32px;
}
#top_voice {
width: 100%;
padding-top: 70px;
}
.col05_01 {
width: 90%;
margin: 0 auto 70px auto;
}
.col05_02 {
width: 90%;
margin: 0 auto 70px auto;
}
#top_bn {
width: 100%;
padding: 60px 0;
background: url(/img/bg01.jpg);
}
.col06_01 {
width: 80%;
margin: 0 auto 30px auto;
}
.col06_02 {
width: 80%;
margin: 0 auto;
}
.col06_center {
width: 80%;
margin: 0 auto;
}
#top_voice div.main01.clearfix div.col05_02 div#insta.cf div.box ul.img {
display: flex;
flex-wrap: wrap;
}
#top_voice div.main01.clearfix div.col05_02 div#insta.cf div.box ul.img li {
width: 33%;
}
#top_voice div.main01.clearfix div.col05_02 div#insta.cf div.box ul.img img {
width: 100%;
height: auto;
} .h2_01 {
margin-bottom: 40px;
padding: 0 0 15px 15px;
line-height: 1;
font-size: 46px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
}
.h2_02 {
margin: 10px 0 20px 0;
padding: 0 0 15px 15px;
line-height: 1;
font-size: 46px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
}
.h2_03 {
position: relative;
margin-bottom: 70px;
padding-top: 35px;
font-size: 42px;
font-weight: bold;
}
.h2_03:before {
position: absolute;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
display: block;
content: "";
width: 30px;
height: 25px;
background: url(/img/icon_leef.png) no-repeat;
}
.h2_04 {
margin-bottom: 30px;
font-size: 40px;
font-weight: bold;
}
.bgt-container h3 {
max-width: 100%;
width: 90%;
margin: 50px auto 24px;
padding: 0;
font-weight: 700;
font-size: 50px;
line-height: 1.4;
text-align: center;
position: relative;
overflow: inherit;
background: none;
box-shadow: none;
border: none;
z-index: 1;
}
.bgt-container h4 {
width: 90%;
margin: 40px auto 32px;
padding: 0;
font-weight: 900;
font-size: 36px;
line-height: 1.4;
text-align: center;
position: relative;
overflow: inherit;
background: none;
box-shadow: none;
border: none;
z-index: 1;
}
.h3_01 {
font-size: 40px;
font-weight: bold;
}
.h4_01 {
font-size: 36px;
font-weight: bold;
color: #90C31F;
}
.btn01 a {
position: relative;
display: block;
width: 450px;
height: 80px;
margin: 0 auto;
line-height: 80px;
font-size: 28px;
text-align: center;
background: #fff;
border: 1px solid #BFBFBF;
}
.btn01 a:after {
position: absolute;
top: 38px;
right: -24px;
display: block;
content: "";
width: 50px;
height: 1px;
background: #90C31F;
z-index: 10;
}
.btn02 a {
position: relative;
display: block;
width: 360px;
height: 80px;
margin: 0 auto;
line-height: 80px;
font-size: 28px;
text-align: center;
background: #fff;
border: 1px solid #BFBFBF;
}
.btn02 a:before {
position: absolute;
top: 20px;
left: 270px;
display: block;
content: "";
width: 15px;
height: 11px;
background: url(/img/icon_sns01.png) no-repeat;
}
.btn02 a:after {
position: absolute;
top: 38px;
right: -24px;
display: block;
content: "";
width: 50px;
height: 1px;
background: #90C31F;
z-index: 10;
}
.btn03 a {
position: relative;
display: block;
width: 320px;
height: 70px;
margin: 0 auto;
line-height: 70px;
font-size: 28px;
text-align: center;
color: #fff;
background: #CD3939;
border: 1px solid #CD3939;
z-index: 10;
}
.btn03 a:after {
position: absolute;
top: 30px;
right: -24px;
display: block;
content: "";
width: 50px;
height: 1px;
background: #CD3939;
z-index: 1;
}
.btn04 a {
position: relative;
display: block;
width: 80%;
height: 80px;
margin: 0 auto;
line-height: 80px;
font-size: 4vw;
text-align: center;
color: #fff;
background: #CD3939;
border: 1px solid #CD3939;
}
.btn04 a:after {
position: absolute;
top: 38px;
right: -24px;
display: block;
content: "";
width: 50px;
height: 1px;
background: #CD3939;
z-index: 10;
}
#pankuzu {
display: none;
}
#bar01 {
width: 100%;
height: 40px;
padding: 82px 0 78px 0;
background: url(/img/bg01.jpg);
}
#bar02 {
width: 100%;
padding: 52px 0 63px 0;
background: url(/img/bg01.jpg);
}
#h1_concept {
width: 590px;
height: 40px;
margin: 0 auto;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background: url(/img/h1_concept.png) no-repeat;
}
#h1_design {
width: 450px;
height: 85px;
margin: 0 auto;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background: url(/img/h1_design.png) no-repeat;
}
#h1_spec {
width: 490px;
height: 85px;
margin: 0 auto;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background: url(/img/h1_spec.png) no-repeat;
}
#h1_flow {
width: 250px;
height: 40px;
margin: 0 auto;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background: url(/img/h1_flow.png) no-repeat;
}
#h1_reform {
width: 490px;
height: 85px;
margin: 0 auto;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background: url(/img/h1_reform.png) no-repeat;
}
#h1_works {
width: 385px;
height: 40px;
margin: 0 auto;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background: url(/img/h1_works.png) no-repeat;
}
#h1_voice {
width: 430px;
height: 85px;
margin: 0 auto;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background: url(/img/h1_voice.png) no-repeat;
}
#h1_company {
width: 170px;
height: 40px;
margin: 0 auto;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background: url(/img/h1_company.png) no-repeat;
}
#h1_staff {
width: 190px;
height: 40px;
margin: 0 auto;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background: url(/img/h1_staff.png) no-repeat;
}
#h1_recruit {
width: 170px;
height: 40px;
margin: 0 auto;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background: url(/img/h1_recruit.png) no-repeat;
}
#h1_blog {
width: 110px;
height: 40px;
margin: 0 auto;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background: url(/img/h1_blog.png) no-repeat;
}
#h1_news {
width: 140px;
height: 40px;
margin: 0 auto;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background: url(/img/h1_news.png) no-repeat;
}
#h1_contact {
width: 392px;
height: 40px;
margin: 0 auto;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background: url(/img/h1_contact.png) no-repeat;
}
#h1_project {
width: 357px;
height: 35px;
margin: 0 auto;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background: url(/img/h1_project.png) no-repeat;
}
#h1_standerd {
width: 480px;
height: 40px;
margin: 0 auto;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background: url(/img/h1_standerd.png) no-repeat;
}
#h1_hiraya {
width: 340px;
height: 40px;
margin: 0 auto;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background: url(/img/h1_hiraya.png) no-repeat;
}
#h1_crash {
width: 480px;
height: 40px;
margin: 0 auto;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background: url(/img/h1_crash.png) no-repeat;
}
#h1_buy {
width: 480px;
height: 40px;
margin: 0 auto;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background: url(/img/h1_buy.png) no-repeat;
}
#h1_privacy {
width: 381px;
height: 47px;
margin: 0 auto;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background: url(/img/h1_privacy.png) no-repeat;
}
#concept01 {
position: relative;
padding-bottom: 30px;
background: url(/img/bg_bar01.jpg) repeat-x;
background-position: bottom center;
}
#concept_logo {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 300px;
height: 247px;
margin: auto;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background: url(/img/logo01.png) no-repeat;
}
#concept02 {
padding: 60px 0;
background: url(/img/concept_bg01.jpg) no-repeat;
background-size: cover;
background-position: 80% top;
}
.title01 {
margin-bottom: 50px;
font-size: 30px;
}
.content01 {
padding-bottom: 50px;
text-align: left;
}
.content01 p {
text-shadow: 0 0 3px #fff;
}
.content01 ul li {
line-height: 170%;
}
#concept02_01 {
text-align: left;
}
#concept02_01 p {
text-shadow: 0 0 3px #fff;
}
#concept03 {
padding: 80px 0 20px 0;
background: url(/img/bg02.jpg);
}
.contact_lead {
padding: 20px 0;
}
.txt01 {
margin-bottom: 60px;
}
.txt01 span {
position: relative;
padding-bottom: 4px;
font-size: 36px;
font-weight: bold;
}
.txt01 span:after {
position: absolute;
bottom: 0;
left: 0;
right: 0;
display: block;
content: "";
width: 100%;
height: 2px;
margin: 0 auto;
background: #90C31F;
}
#contact_bn {
padding: 50px 0;
}
.contact_b01 {
width: 100%;
}
#design01 {
padding: 55px 0 30px 0;
background: url(/img/design_bg01.jpg) no-repeat;
background-size: cover;
background-position: 80% top;
}
.mask {
height: 100%;
background: rgba(255, 255, 255, 0.8);
}
#design02 {
padding: 55px 0 30px 0;
}
#design02 img {
margin-bottom: 30px;
}
.col07_01 {
margin-bottom: 40px;
}
.col07_02 {
margin-bottom: 80px;
text-align: left;
}
#spec01 {
padding: 55px 0 0 0;
background: url(/img/spec_bg01.jpg) no-repeat;
background-size: cover;
background-position: 85% top;
}
#spec02 {
padding: 40px 0;
background: url(/img/bg01.jpg);
}
.col08_01 {
width: 80%;
margin: 0 auto 30px auto
}
.col08_02 {
width: 80%;
margin: 0 auto;
}
#spec03,
#spec05 {
padding: 55px 0 30px 0;
}
#spec03_01,
#spec04_01 {
margin-bottom: 70px;
}
.col09_01 {
text-align: left;
}
.col09_04 {
text-align: left;
}
.col09_05 {
width: 85%;
margin-left: 15%;
}
html body div#wrapper div#container section#spec03 div.main01 div#spec03_01.clearfix div.col09_01.mb40 div.mb20 {
text-align: center;
}
html body div#wrapper div#container section#spec03 div.main01 div#spec03_01.clearfix div.col09_01.mb40 div.mb20 img {
width: 80%;
height: auto;
}
#spec04 {
padding: 70px 0;
background: url(/img/bg02.jpg);
}
html body div#wrapper div#container section#spec05 div.main01 div#spec05_01.clearfix,
section#staff02 div.main01.clearfix {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.col10_01,
.col10_02 {
margin-bottom: 30px;
text-align: left;
width: 50%;
}
.col10_01:nth-child(odd) {}
.col10_01:nth-child(even) {}
#flow01 {
padding: 30px 0 0 0;
}
.flow01_01 {
background: url(/img/line01.png) repeat-y;
}
.step01,
.step02,
.step03,
.step04 {
width: 82px;
height: 82px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
.step01 {
background: url(/img/step01.png) no-repeat;
}
.step02 {
background: url(/img/step02.png) no-repeat;
}
.step03 {
background: url(/img/step03.png) no-repeat;
}
.step04 {
background: url(/img/step04.png) no-repeat;
}
.col11_01 {
width: 85px;
float: left;
}
.col11_02 {
width: 82%;
float: right;
margin-top: 20px;
}
.txt02 {
font-size: 20px;
}
#reform01_01 {
padding: 30px 0 0 0;
background: url(/img/reform_bg01.jpg) no-repeat;
background-size: cover;
background-position: 85% top;
}
#reform01_02 {
padding: 80px 0 0 0;
}
.col12_01,
.col12_02 {
margin-bottom: 60px;
text-align: left;
}
.col12_02 {
text-align: left;
}
#reform01_03,
#reform02_02 {
padding: 60px 0 50px 0;
background: url(/img/bg02.jpg);
}
.col13_01 {
width: 60%;
margin: 0 auto 30px auto;
}
.col13_02 {
width: 60%;
margin: 0 auto;
}
#reform02_01 {
background: url(/img/reform_bg02.jpg) no-repeat;
background-size: cover;
background-position: 85% top;
}
#works01 {
padding: 30px 0;
}
#category01 {
margin-bottom: 40px;
}
#category01 .selwrap {
width: 80%;
position: relative;
display: inline-block;
}
#category01 .selwrap::after {
content: '';
width: 16px;
height: 16px;
border: 0px;
border-bottom: solid 2px #b4b3b3;
border-right: solid 2px #b4b3b3;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 40%;
right: 20px;
margin-top: -4px;
}
#category01 select {
width: 100%;
padding: 10px 40px 10px 10px;
font-size: 40px;
border: #cccccc 1px solid;
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
border-radius: 0;
}
#category01 ul li {
position: relative;
display: inline-block;
margin-right: 20px;
padding-bottom: 5px;
font-size: 24px;
}
#category01 ul li.on:after {
position: absolute;
bottom: 0;
left: 0;
display: block;
content: "";
width: 100%;
height: 2px;
background: #90C31F;
}
#works01_01 {
margin-bottom: 40px;
}
.col03_02 {
position: relative;
width: 50%;
margin-bottom: 15px;
float: left;
}
.pager {
font-weight: bold;
}
.pager a {
display: inline-block;
width: 32px;
height: 32px;
line-height: 32px;
margin: 0 6px;
}
.pager .prev a,
.pager a.previouspostslink {
display: inline-block;
width: auto;
font-size: 120%;
margin-right: 30px;
padding-left: 20px;
background: url(/img/icon_prev.png) no-repeat;
background-position: left 25%;
}
.pager .next a,
.pager a.nextpostslink {
display: inline-block;
width: auto;
font-size: 120%;
margin-left: 30px;
padding-right: 20px;
background: url(/img/icon_next.png) no-repeat;
background-position: right 25%;
}
.pager .cullent a,
.pager .current {
display: inline-block;
width: 32px;
height: 32px;
line-height: 32px;
color: #90C31F;
background: #F4F9E8;
}
.pager .list a {
display: inline-block;
width: 240px;
height: 50px;
font-size: 36px;
line-height: 38px;
text-align: center;
padding: 10px 0 0 0;
border: 1px solid #BFBFBF;
}
#works02 {
padding: 30px 0 0 0;
}
.works_head {
text-align: left;
}
.works_cate01 {
display: inline-block;
margin: 0 25px 20px 0;
padding: 6px 20px;
line-height: 1;
font-size: 20px;
color: #fff;
background: #649AA0;
}
.works_add {
display: inline-block;
margin-bottom: 20px;
font-size: 18px;
}
#works_slider {
position: relative;
width: 100%;
}
#slider2 {
width: 100%;
}
#slider2 li img {
width: 100%;
height: auto;
}
.works_slider_t {
margin-bottom: 20px;
padding: 15px;
background: url(/img/bg01.jpg);
}
#slider2 .slick-prev,
#slider2 .slick-next {
width: 20px;
height: 32px;
}
#slider2 .slick-prev:before,
#slider2 .slick-next:before {
content: "";
}
#slider2 button.slick-prev,
#slider2 button.slick-next {
z-index: 400;
}
#arrows2 .slick-prev {
top: 35%;
left: 2%;
width: 20px;
height: 32px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background: url(/img/slider_prev.png) no-repeat;
cursor: pointer;
}
#arrows2 .slick-next {
top: 35%;
right: 2%;
width: 20px;
height: 32px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background: url(/img/slider_next.png) no-repeat;
cursor: pointer;
}
#arrows2 .slick-arrow {
z-index: 500;
}
.thumb-item-nav {
width: 90%;
margin: 0 auto 45px auto;
}
.thumb-item-nav li {
width: 18%;
float: left;
margin-right: 2%;
cursor: pointer;
}
.thumb-item-nav li img {
width: 100%;
height: auto;
}
.thumb-item-nav li {
border: 2px solid #fff;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.thumb-item-nav .slick-current {
border: 2px solid #90C31F;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.works02_01 {
margin-bottom: 50px;
text-align: left;
}
.works02_01 img.w {
width: 100%;
height: auto;
}
#voice01 {
padding: 30px 0;
}
#voice01_02 {
margin-bottom: 50px;
}
.voice_t {
padding: 30px 0 50px 0;
}
.voice_t .voice_t02 {
font-size: 32px;
}
#company01 {
padding: 30px 0;
}
#company01_01 {
background: url(/img/company_bg01.jpg) no-repeat;
background-size: cover;
background-position: 85% top;
}
#company02 {
padding: 50px 0 30px 0;
}
.table01 {
width: 100%;
border-collapse: collapse;
text-align: left;
}
.table01 tr {
border: 1px solid #E1DDDA;
}
.table01 th {
padding: 25px 35px;
font-weight: bold;
color: #608808;
background: #F4F9E8;
border-top: 1px solid #E1DDDA;
border-left: 1px solid #E1DDDA;
border-bottom: 1px solid #E1DDDA;
box-shadow: 0 0 0 1px #fff inset;
}
.table01 td {
padding: 25px 35px;
}
#company02_01 {
padding: 60px 0 55px 0;
background: #ECEAE7;
}
#staff01 {
padding: 50px 0 0 0;
background: url(/img/staff_bg01.jpg) no-repeat;
background-size: cover;
background-position: 80% top;
}
#staff02 {
padding: 80px 0 0 0;
}
#staff03 {
padding: 60px 0 55px 0;
background: #ECEAE7;
}
.shadow01 {
box-shadow: 1px 1px 7px #ccc;
}
.staff_t01 {
text-align: center;
}
.staff_t02 {
margin-bottom: 80px;
text-align: center;
font-size: 40px;
}
#recruit01 {
padding: 0;
background: url(/img/recruit_bg01.jpg) no-repeat;
background-size: cover;
background-position: 80% top;
}
#recruit01_01 {
padding-top: 50px;
}
#recruit02 {
padding: 80px 0;
}
#recruit03 {
padding: 60px 0 55px 0;
background: #ECEAE7;
}
#privacy01 {
padding: 30px 0;
}
#blog01 {
padding: 30px 0;
}
#blog01_01 {
margin-bottom: 40px;
}
.col14_01 {
width: 100%;
text-align: left;
}
.blog_date {
display: inline-block;
margin-right: 10px;
font-size: 24px;
}
.blog_t {
margin-top: 20px;
}
.blog_t01 {
display: inline-block;
margin-bottom: 10px;
padding: 4px 15px;
font-size: 24px;
color: #608808;
background: #F4F9E8;
}
.blog_t02 {
margin-bottom: 60px;
font-size: 34px;
} .teigaku {
text-align: center;
margin: 0 auto 72px;
}
.teigaku img {
width: 80%;
height: auto;
margin: 0 auto;
}
.step {
margin: 0 auto 80px;
background: #F0F0F0;
padding: 0 4% 48px;
box-sizing: border-box;
}
.step h2 {
width: 92%;
font-size: 8vw;
font-weight: bold;
padding: 20px 0;
border-top: 7px solid #707070;
text-align: center;
margin: 0 auto;
box-sizing: border-box;
}
.step h3 {
text-align: center;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.step p {
font-size: 4.5vw;
text-align: center;
}
.u-section .for-detail {
text-align: center;
}
.u-section .for-detail a {
display: block;
width: 60%;
margin: 7vw auto;
padding: 2vw 0;
font-size: 5vw;
text-align: center;
color: #3e3a39;
font-weight: bold;
box-sizing: border-box;
}
img.or {
margin: 0 auto 20px;
}
.for-detail a.sta {
background: #EFC162;
}
.for-detail a.hira {
background: #97B568;
}
.step .btn-area {
display: none;
}
.select-box {
position: relative;
width: 100%;
margin: 120px auto 40px;
padding: 4% 4% 7%;
border: 6px solid;
background: #fff;
box-sizing: border-box;
}
.select-box h3 {
font-size: 20px;
border-bottom: none;
text-align: center;
margin-bottom: 24px;
margin-top: 40px;
}
.select-box .image {
width: 100%;
height: auto;
margin-bottom: 40px;
}
.select-box .image img {
width: 100%;
height: auto;
}
.select-box .txt {
margin-bottom: 48px;
}
.select-box .txt p.title { font-size: 36px;
margin-bottom: 16px;
color: #3E3A39;
font-weight: bold;
text-align: center;
}
.select-box .txt p {
color: #707070;
text-align: left;
margin-bottom: 16px;
} .select-box img.price {
margin-top: -20vw;
}
.select-box a {
display: block;
width: 70%;
padding: 2vw;
margin: 0 auto;
text-align: center;
color: #3E3A39;
font-size: 30px;
font-weight: bold;
box-sizing: border-box;
}
.select-box:nth-of-type(1) {
border-color: #80B2B4;
} .select-box:nth-of-type(1) a {
background-color: #80B2B4;
}
.select-box:nth-of-type(2) {
border-color: #3E3A39;
} .select-box:nth-of-type(2) a {
background-color: #3E3A39;
color: #fff;
}
.select-box:nth-of-type(3) {
border-color: #D9C581;
} .select-box:nth-of-type(3) a {
background-color: #D9C581;
}
.select-box:nth-of-type(4) {
border-color: #E5AF9D;
margin-bottom: 0;
} .select-box:nth-of-type(4) a {
background-color: #E5AF9D;
}
.series-concept img {
max-width: 100%;
height: auto;
}
.series-concept h3 img {
width: 60%;
height: auto;
}
.series-concept figure {
margin-bottom: 40px;
} .u-content .series-logo {
text-align: center;
padding: 40px 0 0;
margin: 0 auto;
background: none;
}
.series-concept p {
font-size: 5vw;
text-align: left;
}
.series-concept p.center {
width: 92%;
margin: 0 auto 32px;
}
.page-id-105 .u-content .series-logo img {
width: 100%;
height: auto;
margin: 0 auto;
}
.u-content .series-logo figure {
margin-bottom: 0;
}
.u-content .series-logo figure img {
width: 80%;
height: auto;
}
.main-area.series-logo h1 img {
max-width: 100%;
height: auto;
margin: 0;
padding: 0;
border: none;
vertical-align: bottom;
line-height: 100%;
}
.standard-concept {
padding: 80px 4% 0;
margin: 0 auto;
text-align: center;
background: #FFFAF2;
}
.u-content section.standard-concept h3 {
margin-bottom: 0px;
margin-top: 0;
} .u-content section.standard-concept h3:nth-of-type(2) {
margin-bottom: 32px;
}
.u-content .standard-concept p.center {
margin-bottom: 24px;
text-align: left;
}
.standard-concept p.title {
text-align: center;
font-size: 5.5vw;
font-weight: bold;
margin-bottom: 48px;
}
.three-free {
margin: 0 auto 10%;
padding: 40px 4% 0;
}
.three-free h2 {
padding: 0 4%;
font-size: 7vw;
font-weight: bold;
margin-bottom: 10%;
}
.three-free h3 {
padding: 0 4%;
font-size: 6vw;
font-weight: bold;
margin-bottom: 4%;
}
.three-free figure {
padding: 0;
}
.three-free img {
margin-bottom: 40px;
max-width: 100%;
height: auto;
}
p.house-data {
text-align: center;
line-height: 1.8;
font-size: 4.5vw;
margin-bottom: 6%;
}
p.house-data span {
font-weight: bold;
display: block;
} .hiraya-concept {
padding: 56px 15px 0;
margin: 0 auto;
text-align: center;
background: #F5F8E7;
}
.u-content section.hiraya-concept h3 {
margin-bottom: 0px;
margin-top: 0;
} .u-content section.hiraya-concept h3:nth-of-type(2) {
margin-bottom: 32px;
margin-top: 60px;
}
.hiraya-concept figure {
margin-bottom: 0;
}
.hiraya-concept p.center {
margin-bottom: 32px;
text-align: left;
}
.hiraya-concept p.title {
text-align: center;
font-size: 40px;
font-weight: bold;
margin-bottom: 40px;
} .smaif-concept {
text-align: center;
background: #EDF8F8;
padding: 56px 15px 0;
margin: 0 auto;
text-align: center;
}
.u-content section.smaif-concept h3 {
margin: 0 auto;
line-height: 1.8;
}
.u-content .smaif-concept p.center-first {
margin-bottom: 40px;
}
.smaif-concept p.center:nth-last-of-type(1) {
margin-bottom: 40px;
}
.u-content section.smaif-concept h3 img {
width: 144px;
height: auto;
margin: 0 auto;
}
.smaif-concept p.title {
text-align: center;
font-size: 40px;
font-weight: bold;
margin-bottom: 40px;
}
.smaif-concept figure img {
margin: 0 auto;
}
.u-content .smaif-concept figure {
margin-bottom: 0;
}
.smaif-idea {
padding: 80px 0;
text-align: center;
}
.smaif-idea h2 {
padding: 0 15px;
text-align: center;
margin-bottom: 64px;
font-size: 7vw;
font-weight: bold;
}
.smaif-idea img.pc {
margin: 0 auto 60px;
}
.smaif-idea img {
max-width: 100%;
height: auto;
margin-bottom: 32px;
}
.smaif-idea figure {
padding: 0 15px;
margin-bottom: 40px;
}
.package {
background: #F7F7F7;
padding: 60px 4%;
}
h2.life-logo {
width: 100%;
height: auto;
margin: 0 auto;
text-align: center;
background: #fff;
padding: 56px 0;
margin-bottom: 72px;
font-size: 5.5vw;
font-weight: bold;
line-height: 1.8;
}
.package h3 {
padding: 0 4%;
font-size: 6vw;
font-weight: bold;
margin-bottom: 4%;
}
h2.life-logo img {
width: 60%;
margin: 0 auto 40px;
}
.u-content .include {
margin-bottom: 60px;
}
.u-content .include h3 {
margin-bottom: 48px;
}
.u-content .include img {
margin: 0 auto 24px;
}
.package p {
text-align: left;
margin-bottom: 54px;
font-size: 28px;
}
.package img.family {
margin-bottom: 80px;
}
.package .wrap {
width: 100%;
margin: 0 auto 100px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.package .wrap .box {
width: 48%;
background: #fff;
padding: 4% 2%;
margin-bottom: 4%;
box-sizing: border-box;
}
.package .wrap .box p.title {
font-size: 5vw;
font-weight: bold;
margin-bottom: 0;
text-align: center;
line-height: 1.5;
}
.package .wrap .box .image {
margin-bottom: 24px;
}
.package .wrap .box .image img {
width: 100%;
height: auto;
}
.package .wrap .box p {
text-align: left;
margin-bottom: 0;
font-size: 4vw;
}
img.zero {
margin-bottom: 40px;
}
img.zero2 {
margin-bottom: 80px;
}
.simulation {
margin: 0 auto 80px;
text-align: left;
}
.simulation h2 {
font-size: 7vw;
line-height: 1.5;
border-bottom: 2px solid #80B2B4;
border-top: 2px solid #80B2B4;
padding: 16px 0;
margin-bottom: 32px;
box-sizing: border-box;
}
.simulation img {
display: block;
margin: 0 auto;
}
.simulation h2 span {
display: block;
font-size: 5vw;
margin-top: 12px;
line-height: 1.2;
}
.system h3 {
margin-bottom: 60px;
}
.system p {
font-size: 4.5vw;
}
.sora-point p.title {
border-bottom: 2px dotted #34A7AC;
font-weight: bold;
margin-bottom: 18px;
padding-bottom: 8px;
font-size: 50px;
text-align: center;
}
.sora-point p.title span.number {
background: #3E3A39;
color: #fff;
text-align: center;
padding: 14px 0;
margin-bottom: 8px;
display: block;
font-family: oswald;
box-sizing: border-box;
}
.sora-point p.title span.big {
font-size: 70px;
}
.sora-point p.txt {
font-size: 32px;
margin-bottom: 40px;
text-align: left;
}
.package .system {
width: 100%;
margin: 0 auto;
}
.package .system img {
margin-bottom: 40px;
}
.package .system img.solazero {
width: 70%;
margin: 0 auto 32px;
}
.sample-plan {
width: 92%;
margin: 0 auto;
padding: 10% 0;
}
.sample-plan h3 {
padding: 0 4%;
font-size: 6vw;
font-weight: bold;
margin-bottom: 4%;
}
.sample-plan img {
margin-bottom: 60px;
}
.sample-plan img.floor {
display: block;
width: 80%;
height: auto;
margin: 0 auto;
}
.sample-plan .house-data {
text-align: left;
} .page-id-111 .crashgate-content .series-logo img {
width: 238px;
height: auto;
margin: 0 auto;
}
.crashgate-content .series-logo {
text-align: center;
padding: 20px 0 0;
margin: 0 auto;
background: none;
}
.page-id-105 .crashgate-content .series-logo img {
width: 92%;
height: auto;
margin: 0 auto;
}
.crashgate-content .series-logo figure {
margin-bottom: 0;
}
.crashgate-content .series-logo figure img {
width: 80%;
height: auto;
}
.crashgate-concept {
padding: 54px 0 0;
margin: 0 auto;
text-align: center;
background: #F0F0F0;
}
.u-content section.crashgate-concept h3 {
margin-bottom: 0px;
margin-top: 0;
}
.u-content section.crashgate-concept h3 img {
width: 144px;
height: auto;
margin: 0 auto;
}
.u-content section.crashgate-concept figure {
margin-bottom: 40px;
}
.u-content section.crashgate-concept h3:nth-of-type(2) {
margin-bottom: 32px;
}
.u-content .crashgate-concept p.center {
margin-bottom: 40px;
padding: 0 15px;
text-align: left;
}
.crashgate-concept p.title {
text-align: center;
font-size: 20px;
font-weight: bold;
margin-bottom: 24px;
padding: 0 15px;
}
.main-txt {
margin: 80px auto;
padding: 0 15px 32px;
text-align: center;
}
.cra_logo {
margin-bottom: 24px;
}
.cra_logo img {
margin: 0 auto 16px;
width: 80%;
height: auto;
}
.cra_logo a {
color: #0F3954;
display: block;
font-size: 32px;
word-break: break-all;
margin-bottom: 24px;
}
.main-txt p {
font-size: 32px;
line-height: 1.8;
text-align: left;
margin-bottom: 32px;
}
.main-txt .image {
width: 100%;
height: auto;
}
.main-txt .image img {
width: 100%;
height: auto;
}
.crash-teigaku {
margin: 0 auto;
padding: 40px 15px 0;
}
.crash-teigaku h2 {
padding: 0 4%;
font-size: 7vw;
font-weight: bold;
margin-bottom: 10%;
}
.crash-teigaku img {
margin-bottom: 40px;
}
.style-list {
margin: 0 auto 60px;
}
.style-list .style-box {
margin-bottom: 24px;
}
.style-list .style-box .title {
padding: 6%;
margin-bottom: 24px;
}
.style-list .style-box .title p {
color: #fff;
font-size: 32px;
margin-bottom: 0;
text-align: left;
}
.style-list .style-box:nth-of-type(1) .title {
background: #0F3954;
}
.style-list .style-box .title h3 {
margin: 0 auto 16px;
}
.style-list .style-box .title h3 img {
margin: 0 auto;
}
.style-list .style-box:nth-of-type(2) .title {
background: #078FB2;
}
.style-list .style-box:nth-of-type(3) .title {
background: #6EACA8;
}
.style-list .style-box img.style-image {
width: 92%;
height: auto;
margin: 0 auto;
}
.for-gate {
margin: 0 auto 100px;
text-align: center;
}
.for-gate a {
display: inline-block;
text-align: center;
font-size: 32px;
text-decoration: underline;
} .suiji-concept {
text-align: center;
padding: 56px 0 0;
margin: 0 auto;
text-align: center;
background: #F5F8E7;
}
.u-content section.suiji-concept h3 {
margin-bottom: 0px;
margin-top: 0;
}
.u-content section.suiji-concept h3 img {
margin: 0 auto;
}
.u-content section.suiji-concept h3:nth-of-type(2) {
margin-bottom: 32px;
}
.suiji-concept p.title {
text-align: center;
font-size: 40px;
font-weight: bold;
margin-bottom: 40px;
}
.u-content .suiji-concept p.center {
margin-bottom: 40px;
padding: 0 15px;
}
.suiji-concept figure img {
margin: 0 auto;
}
.suiji-visual {
width: 100%;
height: auto;
line-height: 1;
font-size: 0;
}
.suiji-visual img {
width: 100%;
height: auto;
}
.suiji-wrap {
padding: 0 15px;
margin: 0 auto 60px;
display: flex;
justify-content: space-between;
}
.suiji-detail p {
text-align: left;
margin-bottom: 24px;
font-size: 30px;
}
.suiji-detail p.last {
margin-bottom: 60px;
}
p.oteire {
font-size: 40px;
font-weight: bold;
padding-bottom: 16px;
margin: 40px auto 24px;
border-bottom: 2px dotted #ccc;
text-align: center;
}
.oteire-wrap {
margin: 0 auto 88px;
}
.oteire-wrap .image {
width: 100%;
height: auto;
}
.oteire-wrap p {
padding: 0 20px;
font-size: 32px;
text-align: left;
}
.oteire-wrap .image img {
width: 100%;
height: auto;
}
p.ubh2 {
margin-bottom: 80px;
}
p.caution {
font-size: 28px;
margin-bottom: 32px;
}
.suiji-detail {
margin: 0 auto;
padding: 40px 15px 10%;
}
.suiji-detail h2 {
text-align: center;
padding: 0 4%;
font-size: 7vw;
font-weight: bold;
margin-bottom: 10%;
}
.suiji-detail h3 {
padding: 0 4%;
font-size: 6vw;
font-weight: bold;
margin: 8% auto 5%;
}
.suiji-detail figure {
margin-bottom: 96px;
}
.suiji-detail img.sp {
max-width: 100%;
height: auto;
} .kajitan-concept {
text-align: center;
background: #FFF8F8;
padding: 56px 15px 0;
margin: 0 auto;
text-align: center;
}
section.kajitan-concept h3 {
margin: 0 auto;
line-height: 1.8;
}
.kajitan-concept p.center-first {
margin-bottom: 40px;
}
section.kajitan-concept h3:nth-last-of-type(1) {
margin-bottom: 40px;
font-size: 40px;
font-weight: bold;
}
.kajitan-concept p.center:nth-last-of-type(1) {
margin-bottom: 40px;
}
section.kajitan-concept h3 img {
margin: 0 auto;
}
.kajitan-concept p.title {
text-align: center;
font-size: 40px;
font-weight: bold;
margin-bottom: 40px;
}
.kajitan-concept figure img {
margin: 0 auto;
}
.kajitan-concept figure {
margin-bottom: 0;
}
.kajitan-idea {
padding: 80px 0 0;
text-align: center;
}
.kajitan-idea h2 {
padding: 0 15px;
text-align: center;
margin-bottom: 64px;
font-size: 7vw;
font-weight: bold;
}
.kajitan-idea h2 {
padding: 0 15px;
text-align: center;
margin-bottom: 64px;
}
.kajitan-idea h3 {
font-size: 40px;
border-bottom: none;
margin-bottom: 24px;
font-weight: bold;
padding: 10px;
}
.kajitan-idea img.pc {
margin: 0 auto 60px;
}
.kajitan-idea figure {
padding: 0 15px;
margin-bottom: 10%;
}
.kajitan-idea .wrap {
margin: 0 auto;
padding: 0 15px;
}
.kajitan-idea .wrap .box {
width: 92%;
margin: 0 auto 40px;
}
.kajitan-idea .wrap .box p.title {
font-size: 40px;
color: #E5AF9D;
margin-bottom: 0;
line-height: 1.6;
text-align: left;
}
.kajitan-idea .wrap .box p.title span {
background: #E5AF9D;
padding: 3px 20px;
color: #fff;
margin-right: 8px;
font-weight: bold;
}
.kajitan-idea .wrap .box p {
font-size: 30px;
}
.kajitan-idea .wrap .box p.sub {
background: #F0F0F0;
color: #3E3A39;
font-size: 32px;
margin-bottom: 16px;
text-align: left;
padding: 8px 20px;
font-weight: bold;
}
.kajitan-idea .wrap .box .inner-wrap .image {
height: auto;
margin-bottom: 8px;
}
.kajitan-idea .wrap .box .inner-wrap .image img.sp {
margin: 0 auto;
max-width: 100%;
height: auto;
}
.kajitan-idea .wrap .box .inner-wrap .txt {
text-align: left;
}
.kajitan-idea .wrap .box .inner-wrap .txt p.inner-title {
font-size: 36px;
color: #3e3a39;
margin-bottom: 24px;
font-weight: bold;
text-align: left;
}
.kajitan-idea .wrap p.under-title {
padding-bottom: 8px;
margin: 32px 0 8px;
border-bottom: 1px dotted #ccc;
font-size: 32px;
text-align: left;
font-weight: bold;
}
p.under-title + p {
font-size: 32px;
text-align: left;
}
.kajitan-idea .box2 {
margin: 0 auto 60px;
padding: 0 15px;
}
.kajitan-idea .box2 p {
margin-bottom: 24px;
text-align: left;
}
.kajitan-idea .box2 img {
max-width: 100%;
height: auto;
}
.kajitan-idea .box2 p.title {
font-size: 40px;
color: #E5AF9D;
margin-bottom: 0;
line-height: 1.6;
text-align: left;
}
.kajitan-idea .box2 .image,
.kajitan-idea .box2 .image2 {
margin: 10% 0;
}
.kajitan-idea .box2 p.title span {
background: #E5AF9D;
padding: 3px 20px;
color: #fff;
margin-right: 8px;
font-weight: bold;
}
.kajitan-idea .box2 p.sub {
background: #F0F0F0;
color: #3E3A39;
font-size: 32px;
margin-bottom: 16px;
text-align: left;
padding: 8px 20px;
font-weight: bold;
}
.kajitan-idea .box2 .wrap {
padding: 0;
}
.kajitan-idea .box2 .wrap .image img.pc {
margin-bottom: 16px;
}
.kajitan-idea .box2 .wrap .txt {
text-align: left;
}
.kajitan-idea .box2 .wrap .txt p.inner-title {
font-size: 36px;
color: #3e3a39;
margin-bottom: 16px;
font-weight: bold;
text-align: left;
}
.kajitan-idea .box2 .wrap .txt2 p.inner-title {
font-size: 36px;
color: #3e3a39;
margin-bottom: 24px;
font-weight: bold;
}
.kajitan-idea .box2 .wrap .txt2 p {
margin-bottom: 8px;
font-size: 30px;
}
.example01 {
background: #F7F7F7;
padding: 40px 15px;
}
.example01 img,
.example02 img {
margin-bottom: 40px;
}
.example01 p,
.example02 p {
text-align: left;
margin-bottom: 40px;
line-height: 1.8;
}
.example01 p.house-data,
.example02 p.house-data {
margin-bottom: 40px;
}
.example01 img.floor-map,
.example02 img.floor-map {
margin-bottom: 0;
}
.example02 {
padding: 40px 15px 0;
} .reservation-main-area {
padding: 10% 2%;
text-align: center;
}
.reservation-main-area h1 {
font-size: 6vw;
font-weight: bold;
line-height: 1.8;
}
.reservation-main-area h1 span {
font-size: 4vw;
display: block;
}
.reservation-intro {
width: 92%;
margin: 0 auto 60px;
text-align: left;
line-height: 1.8;
}
.plan-figure {
width: 92%;
margin: 0 auto;
text-align: center;
}
.plan-figure img {
width: 70%;
height: auto;
margin: 0 auto 54px;
}
.plan-intro {
width: 92%;
margin: 0 auto 60px;
text-align: left;
}
.image-area {
width: 100%;
height: 163px;
border-bottom: 1px solid #000;
text-align: center;
margin-bottom: 24px;
}
.image-area img {
margin: 7px auto 0;
}
.plan-check {
margin: 0 auto;
}
.plan-check p.title {
width: 92%;
margin: 0 auto;
text-align: left;
font-size: 5vw;
font-weight: bold;
border-bottom: 5px solid #3E3A39;
position: relative;
padding-bottom: 48px;
margin-bottom: 0;
padding-right: 30%;
box-sizing: border-box;
}
.plan-check p.title img.staff {
position: absolute;
right: 0;
bottom: 0;
width: 30%;
height: auto;
}
.plan-check ul {
width: 92%;
padding: 4% 6%;
border-bottom: 1px solid #3E3A39;
border-left: 1px solid #3E3A39;
border-right: 1px solid #3E3A39;
margin: 0 auto 60px;
box-sizing: border-box;
}
.plan-check ul li {
list-style-type: none;
margin-bottom: 32px;
text-align: left;
line-height: 1.8;
}
.plan-check ul li:nth-last-of-type(1) {
margin-bottom: 0;
}
.plan-check ul li img {
height: auto;
margin-right: 8px;
vertical-align: middle;
}
.plan-merit {
margin: 0 auto;
}
.plan-merit h2 {
padding: 0 15px;
text-align: center;
margin-bottom: 64px;
font-size: 6vw;
font-weight: bold;
}
.plan-merit .wrap {
margin-bottom: 60px;
}
.plan-merit .wrap .box {
width: 80%;
margin: 0 auto 32px;
background: #F0F0F0;
padding: 20px 10px;
box-sizing: border-box;
}
.plan-merit .wrap .box p {
padding: 0 10px;
margin-bottom: 0;
box-sizing: border-box;
text-align: left;
}
.plan-merit .wrap .box p.title {
text-align: center;
margin-bottom: 32px;
padding: 0;
font-weight: bold;
font-size: 4.5vw;
}
.plan-merit .wrap .box .image {
margin-bottom: 32px;
text-align: center;
}
.plan-merit .wrap .box .image img{
height: 154px;
}
.form-step {
width: 92%;
margin: 0 auto 100px;
}
.form-step p.title {
padding-bottom: 8px;
border-bottom: 5px solid #707070;
font-weight: bold;
font-size: 36px;
margin-bottom: 48px;
text-align: center;
}
.form-step p.title img {
vertical-align: middle;
width: 148px;
height: auto;
display: block;
margin: 0 auto 8px;
}
.form-step .wrap {
margin-bottom: 60px;
}
.form-step .wrap .image {
margin-bottom: 24px;
text-align: center;
}
.plan-form h2 {
font-size: 5vw;
font-weight: bold;
margin-bottom: 60px;
}
#mw_wp_form_mw-wp-form-1542 h3 {
margin-top: 40px;
font-size: 40px;
border-bottom: none;
margin-bottom: 24px;
text-align: left;
font-weight: bold;
}
select {
padding: 3%;
margin-bottom: 24px;
font-size: 32px;
}
form p {
margin-top: 32px;
} .consul-main-area {
padding: 10% 2%;
text-align: center;
}
.consul-main-area h1 {
font-size: 6vw;
font-weight: bold;
line-height: 1.8;
}
.consul-main-area h1 span {
font-size: 4vw;
display: block;
}
.consul-intro {
width: 92%;
margin: 0 auto 60px;
text-align: left;
line-height: 1.8;
}
.consul-title {
border-bottom: 1px solid #333;
margin-bottom: 100px;
text-align: center;
}
.consul-title p {
display: inline-block;
padding: 12px 24px;
background: #3E3A39;
color: #fff;
margin: 0 auto;
font-size: 6vw;
font-weight: bold;
border-radius: 10px 10px 0 0;
box-sizing: border-box;
}
.consul-check {
margin: 0 auto;
}
.consul-check p.title {
width: 92%;
margin: 0 auto;
text-align: left;
font-size: 5vw;
font-weight: bold;
border-bottom: 5px solid #3E3A39;
position: relative;
padding-bottom: 48px;
margin-bottom: 0;
padding-right: 30%;
box-sizing: border-box;
}
.consul-check p.title img.staff {
position: absolute;
right: 0;
bottom: 0;
width: 30%;
height: auto;
}
.consul-check ul {
width: 92%;
padding: 4% 6%;
border-bottom: 1px solid #3E3A39;
border-left: 1px solid #3E3A39;
border-right: 1px solid #3E3A39;
margin: 0 auto 60px;
box-sizing: border-box;
}
.consul-check ul li {
list-style-type: none;
margin-bottom: 32px;
text-align: left;
line-height: 1.8;
}
.consul-check ul li:nth-last-of-type(1) {
margin-bottom: 0;
}
.consul-check ul li img {
width: 36px;
height: auto;
margin-right: 8px;
vertical-align: middle;
}
.consul-merit {
margin: 0 auto;
}
.consul-merit h2 {
padding: 0 15px;
text-align: center;
margin-bottom: 64px;
font-size: 6vw;
font-weight: bold;
}
.consul-merit .wrap {
margin-bottom: 60px;
}
.consul-merit .wrap .box {
width: 80%;
margin: 0 auto 32px;
background: #F0F0F0;
padding: 36px 10px;
box-sizing: border-box;
}
.consul-merit .wrap .box p.title {
text-align: center;
margin-bottom: 0;
padding: 0;
font-weight: bold;
}
.consul-merit .wrap .box .image {
width: auto;
height: 116px;
margin-bottom: 16px;
text-align: center;
}
.consul-merit .wrap .box .image img {
width: auto;
height: 100%;
}
.form-step .wrap p {
text-align: left;
font-size: 4vw;
}
.form-step .image img {
width: 100%;
height: auto;
}
p.consul-caution {
width: 92%;
text-align: center;
margin: 0 auto 60px;
}
.consul-form h2 {
font-size: 5vw;
font-weight: bold;
margin-bottom: 60px;
}
dd .day-first,
dd .day-second {
margin-bottom: 16px;
}
.contact-intro {
text-align: center;
font-size: 16px;
margin-bottom: 30px;
}
.contact {
padding: 0 15px;
margin: 0 auto 40px;
box-sizing: border-box;
}
.contact dl {
border-bottom: 1px dotted #999;
}
.contact dl:first-child {
border-top: 1px dotted #999;
}
.contact dl.last {
margin-bottom: 40px;
}
.contact dl dt {
padding: 5% 0 0;
font-weight: bold;
color: #707070;
text-align: left;
font-size: 4vw;
}
.contact dl dt span {
padding: 6px 15px;
font-size: 24px;
text-align: center;
color: #fff;
margin-right: 10px;
}
.contact dl dt span.required {
background: #982B2B;
}
.contact dl dt span.any {
background: #aaa;
}
.contact dl dd {
padding: 15px 0 5%;
line-height: 1.5;
text-align: left;
}
.contact dl dd .mwform-checkbox-field {
margin-bottom: 8px;
}
.contact dl dd input[type="text"],
.contact dl dd input[type="email"] {
width: 100%;
padding: 3%;
font-size: 32px;
box-sizing: border-box;
}
.contact dl dd input.tel {
width: 60%;
}
.contact dl dd input.zip {
width: 40%;
margin-bottom: 10px;
padding: 3%;
box-sizing: border-box;
font-size: 3vw;
}
.contact dl dd textarea {
width: 100%;
height: 200px;
padding: 4%;
box-sizing: border-box;
}
.contact p {
text-align: center;
margin-bottom: 32px;
}
p .mwform-checkbox-field-text {
color: #982B2B;
}
.placeholder {
text-align: left;
color: #aaa;
font-size: 24px;
}
.submit-area {
text-align: center;
}
.submit-area input[type="submit"] {
-webkit-appearance: none;
width: 70%;
border: none;
text-align: center;
padding: 4% 0;
color: #fff;
background: #000;
margin: 0 auto 40px;
border-radius: 10px;
transition: 0.3s;
font-size: 5vw;
box-sizing: border-box;
}
.submit-area input[type="submit"]:hover {
background: #043868;
transform: translateY(-10px);
}
.submit-area input.return {
-webkit-appearance: none;
width: 50%;
border: none;
text-align: center;
padding: 4% 0;
color: #fff;
background: #aaa;
margin: 0 auto 40px;
border-radius: 10px;
transition: 0.3s;
font-size: 5vw;
box-sizing: border-box;
}
.mw_wp_form_preview .placeholder {
display: none;
}
p.thanks-txt {
Width: 90%;
text-align: center;
font-size: 40px;
font-weight: bold;
margin: 100px auto 60px;
}
p.thanks-sub {
Width: 90%;
text-align: center;
font-size: 32px;
Margin: 0 auto 32px;
}
.for-top {
margin: 60px auto;
text-align: center;
}
.for-top a {
display: block;
width: 80%;
padding: 3% 0;
text-align: center;
background: #a1988a;
color: #fff;
font-size: 32px;
font-weight: bold;
margin: 0 auto 40px;
}
.for-top a:hover {
background: #CCC;
} div#contact div.main01 div.telbox,
div.main01 div.telbox {
width: 96%;
margin: 30px auto;
padding: 20px 2% 30px;
background: #F2F1EF;
}
div#contact div.main01 div.telbox h3.h3_01,
div.main01 div.telbox h3.h3_01 {
margin-bottom: 10px;
}
div#contact div.main01 div.telbox p.tel,
div.main01 div.telbox p.tel {
padding-top: 0px;
}
html body div#wrapper div#container div#contact div.main01 div.telbox.clearfix p.tel a,
div.main01 div.telbox.clearfix p.tel a {
width: 50%;
display: block;
margin: 0 auto 15px;
}
html body div#wrapper div#container div#contact div.main01 div.telbox.clearfix p.tel a img,
div.main01 div.telbox.clearfix p.tel a img {
width: 100%;
height: auto;
}
div#contact div.main01 div.telbox p.time,
div.main01 div.telbox p.time {
text-align: center;
line-height: 100% !important;
}
span.need {
background: #BF2F36;
color: #fff;
margin-left: 10px;
padding: 2px 10px;
font-size: 20px;
}
div#contact div.main01 form#sfm-form table.table01 {
margin-bottom: 30px;
}
div#contact table th.con,
div.main01 div#mw_wp_form_mw-wp-form-2237 table th.con {
padding: 20px 35px !important;
display: block;
}
div#contact table td.con,
div.main01 div#mw_wp_form_mw-wp-form-2237 table td.con {
padding: 20px 15px !important;
display: block;
}
div#contact div.main01 form#sfm-form table.table01 tbody tr td.con div.checkbox ul.flist.cf li {
margin-bottom: 10px;
}
.ERR {
color: #CD3939;
}
html body div#wrapper div#container div#contact div.main01 form#sfm-form div.submit_area ul.cf.sp li input#submit.send,
html body div#wrapper div#container div#contact div.main01 p.home a,
div#contact div.main01 form#sfm-form div.submit_area ul.cf.pc li input#submit.send,
div#contact div.main01 form#sfm-form div.submit_area span input.pushbtn,
div.main01 div.submit_area span input.pushbtn {
position: relative;
display: block;
width: 452px;
height: 106px;
margin: 0 auto;
line-height: 53px;
font-size: 18px;
text-align: center;
color: #fff;
background: #CD3939;
border: 1px solid #CD3939;
z-index: 10;
margin: 30px auto 50px;
transition: 0.3s;
font-size: 32px;
}
html body div#wrapper div#container div#contact div.main01 p.home a {
position: relative;
display: block;
width: 452px;
margin: 0 auto;
line-height: 53px;
font-size: 18px;
text-align: center;
color: #fff;
background: #CD3939;
border: 1px solid #CD3939;
z-index: 10;
margin: 30px auto 50px;
transition: 0.3s;
font-size: 32px;
padding-top: 20px;
padding-bottom: 0px;
height: 75px;
}
html body div#wrapper div#container div#contact div.main01 p.home a:hover,
div#contact div.main01 form#sfm-form div.submit_area ul.cf.pc li input#submit.send:hover,
div#contact div.main01 form#sfm-form div.submit_area span input.pushbtn:hover,
div.main01 div.submit_area span input.pushbtn:hover {
background: #e84848;
text-decoration: none;
}
html body div#wrapper div#container div#contact div.main01 form#sfm-form div.submit_area ul.cf.sp li input.back,
div#contact div.main01 form#sfm-form div.submit_area p.btn_back input {
position: relative;
display: block;
width: 452px;
height: 106px;
margin: 0 auto;
line-height: 53px;
font-size: 18px;
text-align: center;
color: #fff;
background: #b2b2b2;
border: 1px solid #b2b2b2;
z-index: 10;
margin: 10px auto 50px;
transition: 0.3s;
font-size: 32px;
}
div#contact div.main01 form#sfm-form div.submit_area ul.cf.pc li {
display: inline-block;
width: 266px;
margin: 0 20px;
}
div#contact div.main01 form#sfm-form div.submit_area ul.cf.pc li input.back:hover,
div#contact div.main01 form#sfm-form div.submit_area p.btn_back input:hover {
background: #d4d4d4;
border: 1px solid #d4d4d4;
}
div#contact div.main01 form#sfm-form table.table01 tbody tr td.con a.add {
background: #90C31F;
padding: 10px 20px;
color: #fff;
}
div#contact div.main01 form#sfm-form table.table01 tbody tr td.con textarea {
height: 8em;
}
p.kakunin {
margin-bottom: 30px;
}
p.close {
margin-bottom: 30px;
}
input.txt001,
div.main01 div#mw_wp_form_mw-wp-form-2237 table td.con input[type="text"] {
width: 90%;
font-size: 38px;
border-radius: 0;
-webkit-appearance: none;
}
div.main01 div#mw_wp_form_mw-wp-form-2237 table td.con input.zip {
width: 50%;
font-size: 38px;
border-radius: 0;
-webkit-appearance: none;
border: 1px solid #C5C5C5;
padding: 10px;
margin-bottom: 16px;
}
div.main01 div#mw_wp_form_mw-wp-form-2237 .mwform-radio-field-text {
font-size: 30px;
}
div#contact div.main01 form#sfm-form table.table01 tbody tr td.con textarea,
div.main01 div#mw_wp_form_mw-wp-form-2237 table.table01 tbody tr td.con textarea {
width: 90%;
font-size: 38px;
border-radius: 0;
-webkit-appearance: none;
}
div#contact div.main01 form#sfm-form table.table01 tbody tr td.con div.checkbox ul.flist.cf li,
div#contact div.main01 form#sfm-form table.table01 tbody tr td.con div.checkbox ul.flist.cf li label {
font-size: 32px;
margin-bottom: 10px;
}
input[type="button"],
input[type="submit"] {
-webkit-appearance: none;
border-radius: 0;
}
div#contact div.main01 form#sfm-form table.table01 tbody tr td.con input#zip {
width: 270px !important;
font-size: 38px;
border-radius: 0;
-webkit-appearance: none;
}  .clearfix:after {
content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;
}
.clear {
clear: both;
}
.center {
text-align: center;
}
.right {
text-align: right;
}
.img01 img {
width: 100%;
height: auto;
}
.bold {
font-weight: bold;
}
.p01 {
margin-bottom: 10px;
}
.p02 {
margin-bottom: 20px;
}
.p03 {
margin-bottom: 30px;
}
.p04 {
margin-bottom: 40px;
}
.p05 {
margin-bottom: 50px;
}
.mb01 {
margin-bottom: 1px;
}
.mb05 {
margin-bottom: 5px;
}
.mb10 {
margin-bottom: 10px;
}
.mb20 {
margin-bottom: 20px;
}
.mb30 {
margin-bottom: 30px;
}
.mb35 {
margin-bottom: 35px;
}
.mb40 {
margin-bottom: 40px;
}
.mb50 {
margin-bottom: 50px;
}
.mb65 {
margin-bottom: 65px;
}
.mb70 {
margin-bottom: 70px;
}
.mb80 {
margin-bottom: 80px;
}
.mb100 {
margin-bottom: 100px;
}
.mt10 {
margin-top: 10px;
}
.mt20 {
margin-top: 20px;
}
.mt30 {
margin-top: 30px;
}
.mt40 {
margin-top: 40px;
}
.mt50 {
margin-top: 50px;
}
#loader-bg {
position: fixed;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background: #8fc22b;
z-index: 1000;
}
#loader {
position: fixed;
top: 50%;
left: 50%;
width: 200px;
height: 200px;
margin-top: -100px;
margin-left: -100px;
text-align: center;
color: #000;
z-index: 2000000;
}
#loader .pd {
padding: 0 0 20px 0;
} #project01 p.p_00 {
padding: 55px 5% 25px;
}
#project01 .main01 p.p_00 {
margin-top: 70px;
}
.main03 .project_box {
margin-top: 70px
}
.main03 .project_box .h2_03 {
line-height: .9;
margin-bottom: 30px;
font-size: 55px;
}
.main03 .project_box .h2_03 span.small {
font-size: 30px;
}
.project_slider {
position: relative;
width: 100%;
margin: 0;
z-index: 1;
}
#slider3 {
width: 100%;
}
#slider3 img {
width: 100%;
height: auto;
}
#slider3 .slick-dots {
bottom: -9%;
}
#slider3 .slick-dots li button:before {
width: 20px;
height: 18px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background: url(/img/slide_dot.png) no-repeat;
opacity: 1;
}
#slider3 .slick-dots li.slick-active button:before {
width: 20px;
height: 18px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background: url(/img/slide_dot_on.png) no-repeat;
opacity: 1;
}
.main03 .project_box {
margin-bottom: 50px;
}
.main03 .project_box .pbox01 {}
.project_box dl {
padding-top: 50px;
}
.project_box dl dt {
font-weight: bold;
line-height: 60px;
padding: 0 8%;
font-size: 40px;
margin-bottom: 25px;
color: #323232;
}
.project_box dl dd {
padding: 0 7%;
line-height: 170%;
text-align: left;
color: #323232;
text-align: justify;
text-justify: inter-ideograph;
}
.project_box dl dd.text {
margin-bottom: 15px;
}
.project_box .btn05 {
margin: 0 3%;
padding-bottom: 0px
}
.btn05 a {
display: block;
width: 100%;
padding: 20px 0;
line-height: 73px;
text-align: center;
background: url(/img/project/btn01.png) no-repeat 35rem 46% #90c31f;
color: #FFF;
font-size: 44px;
}
.btn05 a.open {
display: block;
width: 100%;
padding: 20px 0;
line-height: 73px;
text-align: center;
background: url(/img/project/btn02.png) no-repeat 35rem 46% #90c31f;
color: #FFF;
font-size: 44px;
}
#project01 .box03,
#project01 .box02,
#project01 .box01 {
padding: 30px 0 0 0;
margin: 0 3%;
border-right: solid 5px #90c31f;
border-left: solid 5px #90c31f;
border-bottom: solid 5px #90c31f
} .btn05 a:hover {
text-decoration: none;
} .project_box p {
padding-bottom: 30px;
}
.project_box p.ph img {
width: 100%;
}
#slider4 {
width: 100%;
}
#slider4 img {
width: 100%;
height: auto;
}
#slider4 .slick-dots {
bottom: -9%;
}
#slider4 .slick-dots li button:before {
width: 20px;
height: 18px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background: url(/img/slide_dot.png) no-repeat;
opacity: 1;
}
#slider4 .slick-dots li.slick-active button:before {
width: 20px;
height: 18px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background: url(/img/slide_dot_on.png) no-repeat;
opacity: 1;
}
.banner {
padding: 0 12px;
}
.banner img {
width: 100%;
}
.main03 .project_box .pbox02 {
padding-top: 90px;
position: relative;
}
.main03 .project_box .pbox02 a.anc {
display: block;
position: absolute;
top: -30px;
left: 0;
}
.main03 .project_box .pbox01 p.p_01 {
margin-top: 30px;
}
.main03 .project_box .pbox02 p.p_02 {
margin-top: 50px;
}
.main03 .project_box .pbox03 {
padding-top: 90px;
}
.main03 .project_box .pbox03 p.p_03 {
margin-top: 30px;
}
#slider5 {
width: 100%;
}
#slider5 .slick-dots {
bottom: -9%;
}
#slider5 img {
width: 100%;
height: auto;
}
#slider5 .slick-dots li button:before {
width: 20px;
height: 18px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background: url(/img/slide_dot.png) no-repeat;
opacity: 1;
}
#slider5 .slick-dots li.slick-active button:before {
width: 20px;
height: 18px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background: url(/img/slide_dot_on.png) no-repeat;
opacity: 1;
}
.sp .pbox {
display: none;
}
.pbox .rasia_box01 {
background: #f4f6ef;
padding-bottom: 35px;
}
.pbox p.pline {
background: url(/img/project/tl01.png) no-repeat center 0;
padding: 18px 0 115px 0;
border-top: solid 4px #90c31f;
font-size: 34px;
font-weight: bold;
color: #FFF;
line-height: 25px;
}
.pbox p.pline span {
font-size: 20px;
}
.pbox p.ph img {
width: 95%;
}
.pbox h2.t01 {
line-height: 60px;
font-size: 40px;
padding: 35px 0 30px 0;
font-weight: bold;
color: #323232;
}
.pbox p.text02 {
padding-bottom: 40px;
color: #323232;
padding: 0 5%;
}
.pbox p.s_pb {
padding-bottom: 40px;
}
.pbox .item_box01 {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.pbox .item_box01 .ibox {
width: 47%;
background: #FFF;
margin-bottom: 15px;
}
.pbox .item_box01 .ibox:nth-child(2n) {
margin-left: 2%;
}
.pbox .item_box01 .ibox dl dd {
padding: 0 7% 7%;
line-height: 170%;
text-align: left;
text-align: justify;
text-justify: inter-ideograph;
}
.pbox .item_box01 .ibox dl dt img {
width: 95%;
}
.pbox .item_box01 .ibox dl {
padding-top: 10px;
}
.pbox .rasia_box02 {
background: #eff2e9;
padding-bottom: 20px;
}
.pbox .pb0 {
padding-bottom: 0px;
}
.pbox p.ph {
padding-bottom: 0px;
}
.pbox .rasia_box03 {
background: #f4f6ef;
padding-bottom: 40px;
}
.pbox .rasia_box03 h3.t02 {
font-size: 32px;
font-weight: bold;
padding-bottom: 35px;
}
.pbox .item_box02 {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.pbox .item_box02 .ibox {
width: 47%;
background: #FFF;
margin-bottom: 15px;
}
.pbox .item_box02 .ibox:nth-child(2n) {
margin-left: 2%;
}
.pbox .item_box02 .ibox dl dd {
padding: 0 7% 7%;
line-height: 170%;
text-align: left;
text-align: justify;
text-justify: inter-ideograph;
}
.pbox .item_box02 .ibox dl dt img {
width: 95%;
}
.pbox .item_box02 .ibox dl {
padding-top: 10px;
}
.pbox .rasia_box04 {
background: #eff2e9;
padding-bottom: 50px;
}
.pt75 {
padding-top: 60px;
}
#project01 .rasia_box02 .s_pb30 {
padding-bottom: 30px;
}
.iro_image01 {
margin: 100px 0 30px 0;
width: 100%;
}
.iro_image02 {
margin: 50px 0 30px 0;
width: 100%;
}
.iro_text01 { margin: 0 auto 50px;
text-align: left;
}
.iro_text02 {
font-size: 40px;
letter-spacing: .1em;
line-height: 1.4;
font-family: "Oswald", "Noto Sans", "Noto Sans CJK JP", "Noto Sans Japanese", sans-serif;
font-weight: bold;
}
.padding10 {
padding: 10px;
}
.padding1030 {
padding: 10px 30px;
}
.sp_right_p {
text-align: left;
}
img.photo_mrg {
width: 90%;
margin-bottom: 50px;
margin-top: 20px;
}
a.op:hover {
opacity: 0.8;
filter: alpha(opacity=50); }
h5 {
font-weight: normal !important;
margin: 30px 0 20px;
padding: 0;
font-weight: 900;
font-size: 26px;
}
.flex_iroha,
.flex_iroha02 {
display: block;
margin: 60px 0;
}
.flex_iroha div,
.flex_iroha02 div {
text-align: center;
margin: 20px;
}
.flex_iroha img,
.flex_iroha02 img {
margin: 0 auto 20px;
width: 100%;
height: auto;
}
.flex_iroha03 {
display: block;
margin: 60px auto;
width: 90%;
}
.flex_iroha03 div {
margin-bottom: 10px;
}
.flex_iroha03 div img {
width: 100%;
height: auto;
}
.flex_iroha04 {
display: flex;
margin: 60px auto;
width: 90%;
}
.flex_iroha02 img.l_img {
margin-right: 0;
}
.flex_iroha02 img.r_img {
width: 60%;
margin: 30px;
}
.flex_iroha02 p {
text-align: left;
}
.oran_btn {
background-color: #e49534;
padding: 20px 30px;
width: 50%;
}
.gree_btn {
background-color: #97ad3f;
padding: 20px 30px;
width: 50%;
} .youtube-cont {
display: block;
width: 100%;
margin: 56px auto;
}
.youtube-inner-cont {
width: 100%;
}
.youtube-inner-cont:nth-of-type(1) {
margin: 0 auto 32px;
}
.top-contact {
padding-top: 60px;
margin-top: 10%;
}
.top-contact h2 {
font-size: 48px;
text-align: center;
transform: translateY(-8vw);
}
.top-contact .wrap .box {
width: 64%;
height: 62vw;
background-size: cover;
background-position: center center;
position: relative;
margin: 0 auto 40px;
}
.top-contact .wrap .box:nth-of-type(1) {
background-image: url(/img/top-contact01-sp.png);
}
.top-contact .wrap .box:nth-of-type(2) {
background-image: url(/img/top-contact02-sp.png);
}
.top-contact .wrap .box:nth-of-type(3) {
background-image: url(/img/top-contact03-sp.png);
}
.top-contact .wrap .box a {
display: block;
width: 86%;
text-align: center;
position: absolute;
left: 7%;
bottom: 27px;
background: #fff;
border: 3px solid #3e3a39;
box-shadow: 5px 5px 0px #d2d2d2;
font-weight: bold;
padding: 4%;
box-sizing: border-box;
}
.block {
display: block;
}
.footnote {
font-size: 25px;
font-weight: initial;
text-align: center;
display: block;
}
.style-list .style-box:nth-of-type(1) .title {
background: #8D8D72;
}
.style-list .style-box:nth-of-type(2) .title {
background: #16364E;
}
.style-list .style-box:nth-of-type(3) .title {
background:#78A09E;
}
.style-list .style-box:nth-of-type(4) .title {
background:#A38A77;
}
.style-list .style-box:nth-of-type(5) .title {
background:#40809D;
}
.select-color-stnd .image:nth-of-type(2) {
top: 337px;
}