@charset "shift-jis";

body {
font-size: 16px;
}
a:hover {
text-decoration: underline;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
textarea {
padding: 5px;
font-size: 16px;
width: 100%;
}
.sp {
display: none;
}
input::placeholder {
color: #a9a9a9;
} input:-ms-input-placeholder {
color: #a9a9a9;
} input::-ms-input-placeholder {
color: #a9a9a9;
}
textarea {
font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
textarea::placeholder {
color: #a9a9a9;
font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
} #wrapper {
width: 100%;
text-align: center;
}
#container {
width: 100%;
padding-top: 115px;
}
.main01 {
width: 1000px;
margin: 0 auto;
}
.main02 {
width: 100%;
max-width: 1000px;
margin: 0 auto;
text-align: left;
}
.main03 {
width: 1000px;
margin: 0 auto;
}
#main {
width: 74%;
max-width: 740px;
float: right;
padding-bottom: 100px;
text-align: left;
}
#side {
width: 23%;
max-width: 230px;
float: left;
} #head {
position: fixed;
width: 100%;
height: 115px;
background: #fff;
z-index: 500;
}
#head01 {
width: 100%;
max-width: 1200px;
height: 115px;
margin: 0 auto;
}
#head_logo {
width: 10.5%;
float: left;
}
#head_logo a {
display: block;
width: 105px;
height: 85px;
margin-top: 15px;
text-indent: 150%;
white-space: nowrap;
overflow: hidden;
background: url(/img/head_logo.png) no-repeat;
background-size: contain;
}
#head_navi,
#head_navi_top {
width: 81%;
float: right;
margin-top: 60px;
}
#navi1 {
width: 100%;
height: 38px;
}
#navi1 > li > a {
display: block;
float: left;
font-size: 16px;
font-weight: bold;
}
#navi1 > li > a:hover {
text-decoration: none;
}
#navi1_01 > a {
position: relative;
display: block;
width: 9.8%;
max-width: 82px;
height: 30px;
margin: 25px 2.1% 0 0;
text-align: left;
background: url(/img/icon_navi.png) no-repeat;
background-position: right 1px;
}
#navi1_01 > a:hover:after,
#navi1_01 > a.here:after {
position: absolute;
bottom: 0;
left: 0;
display: block;
content: "";
width: 4em;
height: 3px;
background: #90C31F;
}
#navi1_02 > a {
position: relative;
display: block;
width: 9.2%;
max-width: 75px;
height: 30px;
margin: 25px 3.1% 0 0;
text-align: left;
}
#navi1_02 > a:hover:after,
#navi1_02 > a.here:after {
position: absolute;
bottom: 0;
left: 0;
display: block;
content: "";
width: 4em;
height: 3px;
background: #90C31F;
}
#navi1_03 > a {
position: relative;
display: block;
width: 10.5%;
max-width: 85px;
height: 30px;
margin: 25px 3.7% 0 0;
text-align: left;
}
#navi1_03 > a:hover:after,
#navi1_03 > a.here:after {
position: absolute;
bottom: 0;
left: 0;
display: block;
content: "";
width: 5em;
height: 3px;
background: #90C31F;
}
#navi1_04 > a {
position: relative;
display: block;
width: 10.1%;
max-width: 85px;
height: 30px;
margin: 25px 1.8% 0 0;
text-align: left;
background: url(/img/icon_navi.png) no-repeat;
background-position: right top;
}
#navi1_04 > a:hover:after,
#navi1_04 > a.here:after {
position: absolute;
bottom: 0;
left: 0;
display: block;
content: "";
width: 4em;
height: 3px;
background: #90C31F;
}
#navi1_05 > a {
position: relative;
display: block;
width: 13.4%;
height: 30px;
margin: 25px 3.1% 0 0;
text-align: left;
}
#navi1_05 > a:hover:after,
#navi1_05 > a.here:after {
position: absolute;
bottom: 0;
left: 0;
display: block;
content: "";
width: 4em;
height: 3px;
background: #90C31F;
}
#navi1_06 a {
position: relative;
display: block;
width:11%;
height: 30px;
margin: 25px 3.1% 0 0;
text-align: left;
}
#navi1_06 > a:hover:after,
#navi1_06 > a.here:after {
position: absolute;
bottom: 0;
left: 0;
display: block;
content: "";
width: 3em;
height: 3px;
background: #90C31F;
}
#navi1_07 a {
display: block;
width: 25.6%;
max-width: 208px;
height: 40px;
line-height: 40px;
font-size: 16px;
font-weight: bold;
color: #fff;
background: #BF2F36;
border-radius: 5px;
}
#navi1_07 a:hover {
opacity: 0.6;
transition: 0.3s;
}
ul.second-level {
visibility: hidden;
opacity: 0;
font-size: 16px;
z-index: 200;
}
#head_navi .second-level li a {
display: block;
height: 45px;
padding-left: 20px;
line-height: 45px;
text-align: left;
background: #fff;
border-bottom: 1px solid #D2D1D0;
}
#head_navi_top .second-level li a {
display: block;
height: 45px;
padding-left: 20px;
line-height: 45px;
text-align: left;
background: url(/img/navi_bg.jpg);
border-bottom: 1px solid #D2D1D0;
}
#head_navi .second-level li a:hover,
#head_navi_top .second-level li a:hover {
color: #fff;
background: #88C025;
transition: 0.3s;
text-decoration: none;
}
#navi1:before,
#navi1:after {
content: "";
display: table;
}
#navi1:after {
clear: both;
}
#navi1 {
*zoom: 1;
}
#navi1 > li.single {
position: relative;
}
#navi1 > li.single ul.second-level {
position: absolute;
top: 58px;
width: 38.3%;
background: #ccc;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#navi1 > li.single:hover ul.second-level {
top: 58px;
visibility: visible;
opacity: 1;
}
#navi1_04 ul.second-level {
left: 37.6%;
}
#sp_navi {
display: none;
}
@media screen and (min-width:951px) and (max-width:1010px) {
#navi1 > li > a,
ul.second-level {
font-size: 15px;
}
}
@media screen and (min-width:901px) and (max-width:950px) {
#navi1 > li > a,
ul.second-level {
font-size: 14px;
}
}
@media screen and (min-width:871px) and (max-width:900px) {
#navi1 > li > a,
ul.second-level {
font-size: 13px;
}
}
@media screen and (min-width:751px) and (max-width:870px) {
#navi1 > li > a,
ul.second-level {
font-size: 11.5px;
}
}
.color-gray {
background-color: #efefef;
}
.top-line-up {
padding: 40px 0;
}
.top-lineup-content{
margin-top: 100px !important;
}
.project-lineup-content{
margin-top: 100px !important;
padding-bottom: 0 !important;
}
.top-line-up .sp {
display: none;
}
.top-line-up h2 {
font-size: 28px;
font-weight: bold;
text-align: center; line-height: 1;
margin: -75px auto 40px;
}
.top-line-up p.text_center {
margin-bottom: 32px;
}
.top-line-up p.intro {
font-size: 27px;
margin-bottom: 24px;
text-align: center;
}
.top-line-up ul {
display: flex;
flex-wrap: wrap;
width: 760px;
margin: 0 auto;
list-style: none;
justify-content: space-between;
}
.top-line-up ul li {
position: relative;
width: 242px;
height: 242px;
text-align: center;
transition: 0.5s;
margin-bottom: 16px;
background-size: cover;
}
.top-line-up ul li a {
display: block;
opacity: 1;
}
.top-line-up ul li a:hover {
transform: translateY(0);
}
.top-line-up ul li .text-img,
.top-line-up ul li .text-img02 {
position: absolute;
top: 50px;
left: 0;
right: 0;
margin: auto;
z-index: 100;
}
.top-line-up ul li .text-img02 {
top: 63px !important;
}
.top-line-up ul li .text-img:hover {
opacity: 1;
}
.top-line-up ul li .glay-surface {
position: absolute;
top: 0;
left: 0;
width: 242px;
height: 242px;
background: rgba(0, 0, 0, 0.5);
z-index: 90;
}
.top-line-up ul li:hover .glay-surface {
transition: 0.5s;
background: rgba(0, 0, 0, 0);
}
.top-line-up ul li:nth-of-type(1) {
background-image: url(//www.umhouse.jp/img/top_line_up_img_01_hover.jpg);
}
.top-line-up ul li:nth-of-type(2) {
background-image: url(//www.umhouse.jp/img/top_line_up_img_03_hover.jpg);
}
.top-line-up ul li:nth-of-type(3) {
background-image: url(//www.umhouse.jp/img/top_line_up_img_02_hover.jpg);
}
.top-line-up ul li:nth-of-type(4) {
background-image: url(//www.umhouse.jp/img/top_line_up_img_04_hover.jpg);
}
.top-line-up ul li:nth-of-type(5) {
background-image: url(//www.umhouse.jp/img/top_line_up_img_06_hover.jpg);
}
.top-line-up ul li:nth-of-type(6) {
background-image: url(//www.umhouse.jp/img/top_line_up_img_05_hover.jpg);
}
.inner-cont {
width: 760px;
height: auto;
margin: 0 auto;
padding: 60px 0 80px;
}
.top-contact{
width: 500px;
margin: 60px auto 40px;
}
.top-contact h2 {
font-size: 28px;
margin-bottom: 40px;
text-align: center;
}
.top-contact .wrap {
display: flex;
justify-content: space-between;
}
.top-contact .wrap .box {
width: 241px;
height: 265px;
background-size: cover;
position: relative;
}
.top-contact .wrap .box:nth-of-type(1) {
background: url(/img/top-contact01.png);
}
.top-contact .wrap .box:nth-of-type(2) {
background: url(/img/top-contact03.png);
}
.top-contact .wrap .box a {
display: block;
width: 212px;
padding: 12px 0;
text-align: center;
font-size: 16px;
font-weight: bold;
position: absolute;
left: 14px;
bottom: 22px;
background: #fff;
border: 3px solid #3e3a39;
box-shadow: 5px 5px 0px #d2d2d2;
} #foot {
width: 100%;
border-top: 1px solid #ECEAE8;
}
.foot_in {
width: 100%;
max-width: 1000px;
margin: 0 auto;
}
#foot01 {
position: relative;
width: 100%;
height: 56px;
line-height: 56px;
text-align: center;
}
#foot01 ul li {
display: inline-block;
margin-right: 30px;
}
#foot01 ul li:last-child {
margin-right: 0;
}
#foot02 {
width: 100%;
padding: 25px 0;
color: #fff;
background: #A1988A;
}
#foot02_01 {
width: 60px;
float: right;
margin-bottom: 20px;
}
#foot02_01 ul li {
float: left;
}
#foot_facebook a {
display: block;
width: 24px;
height: 23px;
margin-right: 10px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background: url(/img/foot_facebook.png) no-repeat;
}
#foot_instagram a {
display: block;
width: 24px;
height: 23px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background: url(/img/foot_insta.png) no-repeat;
}
#foot02_02 {
width: 43%;
float: left;
text-align: left;
}
#foot02_03 {
width: 56.3%;
float: right;
margin-top: 45px;
}
.foot_t01 {
margin-bottom: 10px;
font-size: 18px;
}
.foot_t01 a {
color: #fff;
}
#foot02_04 {
width: 50%;
float: left;
}
#foot02_05 {
width: 49.3%;
float: right;
}
#foot_tel a {
color: #fff;
font-size: 32px;
padding: 0 0 0 25px;
text-decoration: none;
background: url(/img/tel.png) no-repeat 0 6px;
}
#foot03 {
width: 100%;
}
#copy {
width: 100%;
padding: 10px 0 15px 0;
}
#copy_in {
width: 100%;
max-width: 1000px;
margin: 0 auto;
}
#copy_in small {
font-size: 12px;
color: #333;
}
#pagetop a {
position: fixed;
bottom: 90px;
right: 15px;
display: block;
width: 56px;
height: 87px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
background: url(/img/pagetop.png) no-repeat;
z-index: 20;
} #top_slider {
position: relative;
width: 100%;
margin: 0;
z-index: 1;
}
#slider {
width: 100%;
}
#slider img {
width: 100%;
height: auto;
}
#slider .slick-dots {
bottom: 27px;
}
#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: 800px;
margin: 0 auto;
padding: 50px 0 100px 0; }
#top_news h2{
padding: 0;
}
#top_news .main01{
width: 800px;
margin: 0 auto;
}
#top_news dl{
width: 100%;
display: flex;
align-items: center;
padding: 16px 0;
border-bottom: 1px dotted #ccc;
}
#top_news dl dt{
font-size: 14px;
font-weight: bold;
width: 150px;
}
#top_news dl dd{
width: 650px;
text-align: left;
}
#top_news dl dd a{
font-size: 16px;
}
a:hover{
color:#BF2F36;
}
.col01_01 {
position: relative;
width: 396px;
float: left;
text-align: left;
}
.col01_01 a {
text-decoration: none;
}
.col01_01 a img {
transition: all 300ms 0ms ease;
display: inline-block;
-webkit-backface-visibility: hidden; backface-visibility: hidden; }
.col01_01 a:hover img {
opacity: 0.6;
}
.col01_02 {
position: relative;
width: 52%;
max-width: 520px;
float: right;
text-align: left;
}
.col01_02 a {
text-decoration: none;
}
.col01_02 a img {
transition: all 300ms 0ms ease;
-webkit-backface-visibility: hidden; backface-visibility: hidden; }
.col01_02 a:hover img {
opacity: 0.6;
}
.col01_03 {
width: 230px;
float: left;
}
.col01_04 {
width: 230px;
float: right;
margin-bottom: 35px;
}
.icon_new:before {
display: block;
content: "";
position: absolute;
top: -10px;
left: -10px;
width: 97px;
height: 66px;
background: url(/img/icon_new01.png) no-repeat;
z-index: 10;
}
.top_news_date {
margin-bottom: 3px;
font-size: 14px;
}
#top_concept {
width: 100%;
padding: 70px 0 80px 0;
background: url(/img/bg01.jpg);
}
#top_concept .main01 .flex_w {
display: flex;
justify-content: space-around;
}
#top_concept .main01 .flex_w div:nth-of-type(2) {
margin-top: 0!important;
}
.col02_01 {
width: 19%;
float: left;
margin-left: 8.7%;
}
.col02_02 {
width: 69%;
float: right;
text-align: left;
margin-top: 30px;
}
.top_mys {
padding: 70px 0;
}
.top_mys a {
transition: 0.3s;
}
.top_mys a:hover {
opacity: .7;
}
#top_works {
width: 100%;
}
#top_works .btn01 {
margin-bottom: 72px;
}
#top_works01 {
margin-bottom: 70px;
}
.col03_01 {
position: relative;
width: 33.3%;
float: left;
}
a .works_t {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(133, 107, 81, 0.7);
transition: 0.3s;
opacity: 0;
}
a:hover .works_t {
opacity: 1;
transition: 0.3s;
}
.works_t_in {
width: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.works_t01 {
display: inline-block;
width: auto;
height: 34px;
margin-bottom: 25px;
line-height: 34px;
font-size: 24px;
color: #fff;
padding: 0 15px;
background: #74835A;
}
.works_t02 {
font-size: 34px;
color: #fff;
}
#top_blog {
width: 100%;
padding: 70px 0;
background: url(/img/bg01.jpg);
}
.col04_01 {
width: 45.5%;
float: left;
}
.col04_01 a {
text-decoration: none;
}
.col04_01 a img {
transition: all 300ms 0ms ease;
-webkit-backface-visibility: hidden; backface-visibility: hidden; }
.col04_01 a:hover img {
opacity: 0.6;
}
.col04_02 {
width: 455px;
float: right;
}
.col04_02 a {
display: block;
text-decoration: none;
}
.col04_02 a img {
transition: all 300ms 0ms ease;
-webkit-backface-visibility: hidden; backface-visibility: hidden; }
.col04_02 a:hover img {
opacity: 0.6;
}
.col04_03 {
position: relative;
width: 230px;
float: left;
}
.col04_04 {
position: relative;
width: 44%;
float: right;
text-align: left;
}
#top_voice {
width: 100%;
padding-top: 70px;
}
.col05_01 {
float: left;
margin-bottom: 70px;
}
.col05_02 {
width: 45%;
float: right;
margin-bottom: 70px;
}
#top_bn {
width: 100%;
padding: 60px 0;
background: url(/img/bg01.jpg);
}
.col06_01 {
width: 470px;
float: left;
}
.col06_02 {
width: 470px;
float: right;
}
.col06_center {
width: 470px;
margin: 0 auto;
}
#top_voice div.main01.clearfix div.col05_02 div#insta.cf div.box ul.img {
display: flex;
flex-wrap: wrap;
}
figure {
margin: 0 0 1.5em;
}
.tl {
width: 1000px;
margin: 0 auto;
text-align: left;
}
.sp {
display: none!important;
} .h2_01 {
margin-bottom: 40px;
padding: 0 0 15px 15px;
line-height: 1;
font-size: 36px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
}
.bgt-container {
width: 1000px;
margin: 0 auto 80px;
}
.bge-title-h2 {
font-family: "Oswald", "Noto Sans", "Noto Sans CJK JP", "Noto Sans Japanese", sans-serif;
margin: 90px 0 40px;
padding: 0;
font-weight: normal;
font-size: 56px;
letter-spacing: .1em;
line-height: 1.4;
text-align: center;
position: relative;
overflow: inherit;
background: none;
box-shadow: none;
border: none;
z-index: 1;
font-size: calc(24px + 32 * ((100vw - 320px) / 680));
}
.bgt-container h3 {
max-width: 100%;
width: 800px;
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 {
margin: 32px 0 24px;
padding: 0;
font-weight: 900;
font-size: 40px;
line-height: 1.4;
text-align: center;
position: relative;
overflow: inherit;
background: none;
box-shadow: none;
border: none;
z-index: 1;
}
.h2_02 {
margin-bottom: 20px;
padding: 0 0 15px 15px;
line-height: 1;
font-size: 36px;
font-family: 'Noto Sans JP', sans-serif;
font-weight: 500;
}
.h2_03 {
position: relative;
margin-bottom: 70px;
padding-top: 35px;
font-size: 34px;
font-weight: bold;
}
.h2_03_fs {
font-size: 30px;
}
.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: 30px;
font-weight: bold;
}
.h3_01 {
font-size: 24px;
font-weight: bold;
}
.footnote {
font-size: 15px;
font-weight: initial;
text-align: center;
display: block;
}
.h4_01 {
font-size: 18px;
font-weight: bold;
color: #90C31F;
}
.btn01 a {
position: relative;
display: block;
width: 376px;
height: 73px;
margin: 0 auto;
line-height: 73px;
font-size: 18px;
text-align: center;
background: #fff;
border: 1px solid #BFBFBF;
}
.btn01l a {
margin: inherit;
}
.btn01 a:after {
position: absolute;
top: 36px;
right: -24px;
display: block;
content: "";
width: 50px;
height: 1px;
background: #90C31F;
z-index: 10;
}
.btn02 a {
position: relative;
display: block;
width: 319px;
height: 73px;
margin: 0 auto;
line-height: 73px;
font-size: 18px;
text-align: center;
background: #fff;
border: 1px solid #BFBFBF;
}
.btn02 a:before {
position: absolute;
top: 21px;
left: 217px;
display: block;
content: "";
width: 15px;
height: 11px;
background: url(/img/icon_sns01.png) no-repeat;
}
.btn02 a:after {
position: absolute;
top: 36px;
right: -24px;
display: block;
content: "";
width: 50px;
height: 1px;
background: #90C31F;
z-index: 10;
transition: 0.3s;
}
.btn01 a:hover,
.btn02 a:hover {
text-decoration: none;
}
.btn01 a:hover:after,
.btn02 a:hover:after {
right: -34px;
transition: 0.5s;
}
.btn03 a {
position: relative;
display: block;
width: 266px;
height: 53px;
margin: 0 auto;
line-height: 53px;
font-size: 18px;
text-align: center;
color: #fff;
background: #CD3939;
border: 1px solid #CD3939;
z-index: 10;
}
.btn03 a:after {
position: absolute;
top: 26px;
right: -24px;
display: block;
content: "";
width: 50px;
height: 1px;
background: #CD3939;
z-index: 1;
transition: 0.3s;
}
.btn03 a:hover:after {
right: -34px;
transition: 0.5s;
}
.btn04 a {
position: relative;
display: block;
width: 325px;
height: 54px;
margin: 0 auto;
line-height: 54px;
font-size: 18px;
text-align: center;
color: #fff;
background: #CD3939;
border: 1px solid #CD3939;
}
.btn04 a:after {
position: absolute;
top: 26px;
right: -24px;
display: block;
content: "";
width: 50px;
height: 1px;
background: #CD3939;
z-index: 10;
transition: 0.3s;
}
.btn04 a:hover:after {
right: -34px;
transition: 0.5s;
}
.btn03 a:hover,
.btn04 a:hover {
text-decoration: none;
}
#pankuzu {
width: 100%;
max-width: 1000px;
height: 48px;
line-height: 48px;
margin: 0 auto;
text-align: left;
}
#pankuzu ul li {
display: inline-block;
margin-right: 5px;
padding-right: 20px;
font-size: 14px;
background: url(/img/pankuzu_icon.png) no-repeat;
background-position: right center;
}
#pankuzu ul li:last-child {
background: none;
}
#pankuzu ul li a {
text-decoration: underline;
}
#pankuzu ul li a:hover {
text-decoration: none;
}
#bar01 {
width: 100%;
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_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_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_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-position: top right;
}
.title01 {
margin-bottom: 50px;
font-size: 30px;
}
.content01 {
text-align: left;
}
.content01 p {
text-shadow: 0 0 3px #fff;
}
.content01 ul li {
line-height: 170%;
}
#concept03 {
padding: 80px 0 20px 0;
background: url(/img/bg02.jpg);
}
#concept03 a {
transition: 0.3s;
}
#concept03 a:hover {
text-decoration: none;
opacity: 0.6;
transition: 0.3s;
}
.txt01 {
margin-bottom: 60px;
}
.txt01 span {
position: relative;
padding-bottom: 4px;
font-size: 22px;
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 {
position: relative;
width: 100%;
background: url(/img/contact_bg002.jpg) no-repeat center top;
height: 300px;
}
.contact_b01_b {
position: absolute;
top: 67.3%;
left: 49%;
z-index: 10;
}
#design01 {
padding: 55px 0 30px 0;
background: url(/img/design_bg01.jpg) no-repeat;
background-position: top right;
}
#design02 {
padding: 55px 0 0 0;
}
#design02 img {
margin-bottom: 80px;
}
.col07_01 {
width: 41.6%;
max-width: 416px;
float: left;
}
.col07_02 {
width: 51.5%;
max-width: 515px;
float: right;
text-align: left;
}
#spec01 {
padding: 55px 0 30px 0;
background: url(/img/spec_bg01.jpg) no-repeat;
background-position: top right;
}
#spec02 {
padding: 40px 0;
background: url(/img/bg01.jpg);
}
.col08_01 {
width: 31.8%;
float: left;
margin-right: 2.3%;
}
.col08_02 {
width: 31.8%;
float: left;
}
#spec03,
#spec05 {
padding: 55px 0 30px 0;
}
#spec03_01,
#spec04_01 {
margin-bottom: 70px;
}
.col09_01 {
width: 53%;
float: left;
text-align: left;
}
.col09_02 {
width: 41%;
float: right;
}
.col09_03 {
width: 41%;
float: left;
}
.col09_04 {
width: 53%;
float: right;
text-align: left;
}
.col09_05 {
width: 409px;
float: right;
margin-top: 25px;
}
#spec04 {
padding: 70px 0;
background: url(/img/bg02.jpg);
}
.col10_01 {
width: 300px;
float: left;
margin-right: 5%;
text-align: left;
}
.col10_01:nth-child(3n) {
margin-right: 0;
}
#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: 80%;
float: right;
margin-top: 20px;
}
.txt02 {
font-size: 12px;
}
#reform01_01 {
padding: 50px 0 30px 0;
background: url(/img/reform_bg01.jpg) no-repeat;
background-position: bottom right;
}
#reform01_03 .flex_w {
display: flex;
justify-content: space-evenly;
width: 1000px;
margin: 30px auto 0;
}
#reform01_03 .flex_w div:nth-of-type(2) {
margin-top: 0!important;
}
#reform01_02 {
padding: 80px 0;
}
.col12_01 {
width: 47%;
float: left;
text-align: left;
}
.col12_02 {
width: 47%;
float: right;
text-align: left;
}
#reform01_03,
#reform02_02 {
padding: 60px 0 50px 0;
background: url(/img/bg02.jpg);
}
.col13_01 {
width: 29.7%;
float: left;
margin-right: 5.4%;
}
.col13_02 {
width: 29.7%;
float: left;
}
#reform02_01 {
padding: 70px 0 60px 0;
background: url(/img/reform_bg02.jpg) no-repeat;
background-position: right 100px;
}
#reform02_01 .p02 {
padding: 0 200px 0 0;
}
#works01 {
padding: 30px 0;
}
#category01 {
margin-bottom: 40px;
}
#category01 ul li {
position: relative;
display: inline-block;
margin-right: 20px;
padding-bottom: 5px;
}
#category01 ul li a:hover {
text-decoration: none;
}
#category01 ul li a::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
-webkit-transform: scaleX(0);
-ms-transform: scaleX(0);
transform: scaleX(0);
background-color: #90C31F;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
#category01 ul li a:hover::after {
-webkit-transform: scaleX(1);
-ms-transform: scaleX(1);
transform: scaleX(1);
}
#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: 32.66%;
float: left;
margin-right: 1%;
margin-bottom: 15px;
}
.col03_02:nth-child(3n) {
margin-right: 0;
float: right;
}
.pager {
font-weight: bold;
}
.pager a {
display: inline-block;
width: 32px;
height: 32px;
line-height: 32px;
}
.pager .prev a {
width: auto;
display: inline-block;
margin-right: 30px;
padding-left: 20px;
background: url(/img/icon_prev.png) no-repeat;
background-position: left 35%;
}
.pager .next a {
width: auto;
display: inline-block;
margin-left: 30px;
padding-right: 20px;
background: url(/img/icon_next.png) no-repeat;
background-position: right 35%;
}
.pager a.previouspostslink {
display: inline-block;
margin-right: 30px;
padding-left: 20px;
background: url(/img/icon_prev.png) no-repeat;
background-position: left 35%;
}
.pager a.nextpostslink {
display: inline-block;
margin-left: 30px;
padding-right: 30px;
background: url(/img/icon_next.png) no-repeat;
background-position: right 35%;
}
.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: 138px;
height: 38px;
line-height: 38px;
text-align: center;
border: 1px solid #BFBFBF;
}
#works02 {
padding: 30px 0 0 0;
margin-bottom: 60px;
}
.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: -3.5%;
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: -3.5%;
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;
}
#arrows2 .slick-prev:hover,
#arrows2 .slick-next:hover {
opacity: 0;
transition: 0.3s;
}
.thumb-item-nav {
width: 70%;
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;
}
#voice01 {
padding: 30px 0;
}
#voice01_02 a:hover {
text-decoration: none;
}
#voice01_02 a img {
transition: 0.3s;
}
#voice01_02 a:hover img {
opacity: 0.6;
transition: 0.3s;
}
.voice_t {
padding: 30px 0;
}
#company01 {
padding: 30px 0;
}
#company01 .flex_w {
display: flex;
justify-content: space-evenly;
}
#company01 .flex_w div:nth-of-type(2) {
margin-top: 0!important;
}
#company01_01 {
background: url(/img/company_bg01.jpg) no-repeat;
background-size: cover;
background-position: top center;
}
#company02 {
padding: 50px 0 0;
}
.table01 {
width: 86.5%;
margin: 0 auto;
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-position: top center;
}
#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: 20px;
}
#staff01 div.mask div.main01 div.content01 p.first {
height: 350px;
padding-top: 50px;
}
#recruit01 {
padding: 50px 0 0 0;
background: url(/img/recruit_bg01.jpg) no-repeat; background-position: top center;
height: 350px;
}
#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;
}
#blog01_01 a:hover {
text-decoration: none;
}
#blog01_01 a img {
transition: 0.3s;
}
#blog01_01 a:hover img {
opacity: 0.6;
transition: 0.3s;
}
.col14_01 {
width: 29%;
float: left;
margin-right: 6.5%;
margin-bottom: 20px;
text-align: left;
}
.col14_01 a {
display: block;
}
.col14_01:nth-child(3n) {
margin-right: 0;
}
.blog_date {
display: inline-block;
margin-right: 10px;
font-size: 14px;
}
.blog_t01 {
display: inline-block;
margin-bottom: 10px;
padding: 4px 15px;
font-size: 14px;
color: #608808;
background: #F4F9E8;
}
.blog_t02 {
margin-bottom: 50px;
} .teigaku {
text-align: center;
margin: 0 auto 72px;
}
.teigaku img {
margin: 0 auto;
}
.step {
width: 1000px;
margin: 0 auto 40px;
background: #F0F0F0;
padding: 48px 120px;
border-radius: 12px;
box-sizing: border-box;
}
.step h2 {
width: 220px;
font-size: 28px;
font-weight: bold;
padding: 20px 0;
border-bottom: 1px solid #707070;
border-top: 1px solid #707070;
text-align: center;
margin: 0 auto 48px;
box-sizing: border-box;
}
.step h3 {
text-align: center;
margin-bottom: 32px;
}
.step p {
text-align: center;
margin-bottom: 20px;
line-height: 1.8;
}
.step .btn-area {
width: 755px;
margin: 32px auto;
display: flex;
}
.step .btn-area .box {
width: 50%;
}
.step .btn-area .box a {
display: block;
width: 207px;
height: auto;
text-align: center;
margin: 0 auto;
font-size: 18px;
font-weight: bold;
padding: 18px 0;
line-height: 1;
box-sizing: border-box;
transition: 0.3s;
}
.step .btn-area .box:nth-of-type(1) a {
background: #EFC162;
}
.step .btn-area .box:nth-of-type(2) a {
background: #97B568;
}
.select-box {
position: relative;
width: 708px;
height: 216px;
display: flex;
margin-bottom: 72px;
}
.select-box .image {
width: 276px;
height: 216px;
}
.select-box .txt {
width: 432px;
height: 216px;
border: 6px solid;
padding: 24px;
border-left: none !important;
box-sizing: border-box;
}
.select-box a:hover {
transform: translateY(-3px);
opacity: 0.8;
}
.select-box:nth-of-type(1) .txt {
border-color: #80B2B4;
}
.select-box:nth-of-type(1) a {
background-color: #80B2B4;
}
.select-box:nth-of-type(2) .txt {
border-color: #3E3A39;
}
.select-box:nth-of-type(2) a {
background-color: #3E3A39;
color: #fff;
}
.select-box:nth-of-type(3) .txt {
border-color: #D9C581;
}
.select-box:nth-of-type(3) a {
background-color: #D9C581;
}
.select-box:nth-of-type(4) .txt {
border-color: #E5AF9D;
}
.select-box:nth-of-type(4) a {
background-color: #E5AF9D;
}
.select-box .txt p.title {
font-size: 20px;
margin-bottom: 8px;
color: #3E3A39;
text-align: left;
}
.select-box .txt p {
color: #707070;
text-align: left;
margin-bottom: 16px;
}
.select-box img.price {
position: absolute;
top: -44px;
left: -47px;
}
.select-box a {
position: absolute;
display: block;
width: 207px;
height: 59px;
line-height: 59px;
text-align: center;
color: #3E3A39;
font-size: 18px;
bottom: 0;
right: 0;
font-weight: bold;
transition: 0.3s;
}
.step:nth-last-of-type(1) {
margin-bottom: 180px;
} .series-logo {
margin-top: 6%;
}
.series-logo h1 {
font-size: 56px;
margin-bottom: 48px;
font-weight: bold;
line-height: 1.5;
}
.series-logo {
background: none !important;
padding: 0 !important;
}
.series-logo h1 img.pc {
margin: 0 auto;
}
.series-concept {
padding: 72px 0;
}
.series-concept h3 {
font-family: "Noto Sans JP", sans-serif;
}
.series-concept figure {
margin-bottom: 0;
}
.standard-concept {
text-align: center;
background: #FFFAF2;
}
.u-content section.standard-concept h3 {
margin-bottom: 0px;
}
.u-content section.standard-concept h3 img.pc {
margin: 0 auto;
}
.u-content section.standard-concept img.pc {
margin: 0 auto;
}
.u-content section.standard-concept h3:nth-of-type(2) {
margin-bottom: 32px;
}
.standard-concept p.title {
text-align: center;
font-size: 26px;
font-weight: bold;
margin-bottom: 56px;
}
.three-free {
padding: 104px 0 84px;
text-align: center;
}
.three-free h2 {
text-align: center;
font-size: 28px;
font-weight: bold;
border-bottom: none;
margin-bottom: 40px;
}
.three-free h3 {
font-size: 24px;
font-weight: bold;
border-bottom: none;
margin-bottom: 24px;
}
.three-free img.pc {
margin: 0 auto 100px;
}
p.house-data {
text-align: center;
line-height: 1.8;
}
p.house-data span {
font-weight: bold;
display: block;
} .hiraya-concept {
text-align: center;
background: #F5F8E7;
}
.u-content section.hiraya-concept h3 {
margin-bottom: 0px;
}
.u-content section.hiraya-concept h3 img {
margin: 0 auto;
}
.u-content section.hiraya-concept h3:nth-of-type(2) {
margin-bottom: 32px;
}
.hiraya-concept p.title {
text-align: center;
font-size: 26px;
font-weight: bold;
margin-bottom: 56px;
}
.u-content .hiraya-concept p.center {
margin-bottom: 40px;
}
.hiraya-concept figure img {
margin: 0 auto;
}
.hiraya-wrap {
width: 960px;
margin: 0 auto 60px;
display: flex;
justify-content: space-between;
} .smaif-concept {
text-align: center;
background: #EDF8F8;
}
.u-content section.smaif-concept h3 {
margin: 0 auto;
line-height: 1.8;
}
.u-content .smaif-concept p.center-first {
margin-bottom: 72px;
}
.smaif-concept p.center:nth-last-of-type(1) {
margin-bottom: 48px;
}
.u-content section.smaif-concept h3 img {
margin: 0 auto;
}
.smaif-concept p.title {
text-align: center;
font-size: 26px;
font-weight: bold;
margin-bottom: 64px;
}
.smaif-concept figure img {
margin: 0 auto;
}
.smaif-idea {
padding: 104px 0 84px;
text-align: center;
}
.smaif-idea h2 {
text-align: center;
margin-bottom: 64px;
font-weight: bold;
font-size: 28px;
}
.smaif-idea img.pc {
margin: 0 auto 100px;
}
.package {
background: #F7F7F7;
padding: 80px 0;
}
h2.life-logo {
width: 1000px;
height: auto;
margin: 0 auto;
text-align: center;
background: #fff;
padding: 56px 0;
margin-bottom: 72px;
font-size: 28px;
font-weight: bold;
line-height: 1;
}
h2.life-logo img {
margin-bottom: 40px;
}
.package h3 {
font-size: 22px;
border-bottom: none;
margin-bottom: 48px;
font-weight: bold;
}
.smaif-idea .include {
margin-bottom: 60px;
}
.smaif-idea .include h3 {
margin-bottom: 48px;
font-size: 22px;
font-weight: bold;
}
.smaif-idea .include img {
margin-bottom: 40px;
}
.package p {
text-align: center;
margin-bottom: 32px;
}
.package img.family {
margin-bottom: 80px;
}
.package .wrap {
width: 820px;
margin: 60px auto 100px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.package .wrap .box {
width: 260px;
background: #fff;
padding: 20px 10px;
margin-bottom: 24px;
box-sizing: border-box;
}
.package .wrap .box p.title {
font-size: 30px;
font-weight: bold;
margin-bottom: 0;
text-align: center;
line-height: 1.5;
margin-bottom: 8px;
}
.package .wrap .box .image {
height: 124px;
margin-bottom: 8px;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
}
.package .wrap .box p {
text-align: left;
margin-bottom: 0;
font-size: 14px;
}
img.zero {
margin-bottom: 80px;
}
img.zero2 {
margin-bottom: 100px;
}
.simulation {
width: 1000px;
margin: 0 auto 100px;
text-align: left;
}
.simulation h2 {
font-size: 27px;
line-height: 1.5;
border-bottom: 2px solid #80B2B4;
border-top: 2px solid #80B2B4;
padding: 16px 0;
}
.simulation img {
display: block;
margin: 0 auto;
}
.simulation h2 span {
font-size: 16px;
}
.system h3 {
margin-bottom: 60px;
}
.sora-point p.title {
border-bottom: 1px dotted #34A7AC;
font-weight: bold;
margin-bottom: 18px;
padding-bottom: 8px;
font-size: 20px;
text-align: left;
}
.sora-point p.title span.number {
background: #3E3A39;
color: #fff;
text-align: center;
padding: 5px 10px;
margin-right: 8px;
box-sizing: border-box;
}
.sora-point p.title span.big {
font-size: 39px;
}
.sora-point p.txt {
font-size: 16px;
margin-bottom: 40px;
text-align: left;
}
.package .system {
width: 760px;
margin: 0 auto;
}
.package .system img {
margin-bottom: 40px;
}
.sample-plan {
padding: 80px 0 0;
}
.sample-plan h3 {
font-size: 22px;
border-bottom: none;
margin-bottom: 24px;
font-weight: bold;
}
.sample-plan img {
margin-bottom: 60px;
} .crashgate-concept {
text-align: center;
background: #F0F0F0;
padding-bottom: 64px !Important;
}
.u-content section.crashgate-concept h3 {
margin-bottom: 0px;
}
.u-content section.crashgate-concept h3 img.pc {
margin: 0 auto;
}
.u-content section.crashgate-concept img.pc {
margin: 0 auto;
}
.u-content section.crashgate-concept h3:nth-of-type(2) {
margin-bottom: 32px;
}
.u-content .irocrash-concept h3 {
margin-bottom: 0;
}
.u-content .irocrash-concept h3 img {
margin: 0 auto;
}
.u-content .irocrash-concept figure img {
margin: 0 auto;
}
.crashgate-concept p.title {
text-align: center;
font-size: 26px;
font-weight: bold;
margin-bottom: 56px;
}
.crashgate-concept p.center {
margin-bottom: 72px;
}
.u-content .interior h3 {
font-size: 34px;
}
.u-content .interior h3 span {
display: block;
text-align: center;
font-size: 14px;
font-weight: bold;
margin-bottom: 16px;
}
.interior p {
text-align: center;
}
.interior h4,
.komikomi h4 {
border-left: none;
padding: 0;
margin: 24px 0 32px;
text-align: center;
font-size: 20px;
}
.interior h4:before,
.komikomi h4:before {
content: "";
margin-right: 0;
}
.main-txt {
padding: 64px 0 0;
display: flex;
justify-content: center;
align-items: center;
}
.cra_logo {
width: 261px;
margin-right: 20px;
text-align: left;
}
.u-content section.crashgate-concept .cra_logo img {
margin-bottom: 16px;
}
.cra_logo a {
color: #0F3954;
font-size: 16px;
}
.main-txt p {
width: 492px;
font-size: 16px;
line-height: 1.8;
margin-right: 20px;
}
.main-txt .image {
width: 206px;
height: auto;
}
.main-txt .image img {
width: 100%;
height: auto;
}
.crash-teigaku {
padding: 120px 0 40px;
text-align: center;
}
.crash-teigaku img {
margin: 0 auto;
}
.style-list {
width: 995px;
margin: 0 auto 60px;
}
.style-list .style-box {
margin-bottom: 24px;
}
.style-list .style-box .title {
display: flex;
justify-content: space-between;
padding: 54px 40px;
margin-bottom: 24px;
}
.style-list .style-box .title p {
color: #fff;
width: 483px;
font-size: 16px;
margin-bottom: 0;
text-align: left;
}
.style-list .style-box:nth-of-type(1) .title {
background: #0F3954;
}
.style-list .style-box .title h3 {
width: 376px;
margin-right: 32px;
margin-bottom: 0;
}
.style-list .style-box:nth-of-type(2) .title {
background: #078FB2;
}
.style-list .style-box:nth-of-type(3) .title {
background: #6EACA8;
}
.for-gate {
margin: 0 auto 200px;
text-align: center;
}
.for-gate a {
display: inline-block;
text-align: center;
font-size: 16px;
text-decoration: underline;
} .suiji-concept {
text-align: center;
background: #F5F2E5;
padding-bottom: 0 !important;
}
section.suiji-concept h3 {
margin-bottom: 0px;
}
section.suiji-concept h3 img {
margin: 0 auto;
}
section.suiji-concept h3:nth-of-type(2) {
margin-bottom: 32px;
}
.suiji-concept p.title {
text-align: center;
font-size: 26px;
font-weight: bold;
margin-bottom: 56px;
}
.suiji-concept p.center {
margin-bottom: 40px;
}
.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 {
width: 960px;
margin: 0 auto 60px;
display: flex;
justify-content: space-between;
}
.suiji-detail h2 {
font-size: 28px;
margin-bottom: 56px;
font-weight: bold;
text-align: center;
}
.suiji-detail p {
text-align: center;
margin-bottom: 32px;
}
.suiji-detail p.last {
margin-bottom: 60px;
}
.suiji-detail h3 {
font-size: 22px;
border-bottom: none;
margin-bottom: 24px;
font-weight: bold;
padding: 10px;
}
p.oteire {
width: 706px;
font-size: 20px;
font-weight: bold;
padding-bottom: 8px;
margin: 0 auto 24px;
border-bottom: 2px dotted #ccc;
}
.oteire-wrap {
width: 706px;
margin: 0 auto 88px;
display: flex;
justify-content: space-between;
align-items: center;
flex-direction: row-reverse;
}
.oteire-wrap .image {
width: 205px;
height: 135px;
}
.oteire-wrap p {
width: 501px;
padding: 0 20px;
font-size: 14px;
text-align: left;
}
.oteire-wrap .image img {
width: 100%;
height: auto;
}
p.ubh2 {
margin-bottom: 120px;
}
p.caution {
font-size: 16px;
margin-bottom: 100px;
}
.suiji-detail {
padding: 104px 0 84px;
text-align: center;
}
.suiji-detail h2 {
text-align: center;
}
.suiji-detail img.pc {
margin: 0 auto 60px;
} .kajitan-concept {
text-align: center;
background: #FFF8F8;
}
section.kajitan-concept h3 {
margin: 0 auto;
line-height: 1.8;
}
.kajitan-concept p.center {
font-size: 16px;
line-height: 2;
}
.kajitan-concept p.center-first {
margin-bottom: 72px;
}
section.kajitan-concept h3:nth-last-of-type(1) {
margin-bottom: 64px;
font-size: 22px;
border-bottom: none;
margin-bottom: 24px;
font-weight: bold;
}
.kajitan-concept p.center:nth-last-of-type(1) {
margin-bottom: 48px;
}
section.kajitan-concept h3 img {
margin: 0 auto;
}
.kajitan-concept p.title {
text-align: center;
font-size: 26px;
font-weight: bold;
margin-bottom: 64px;
}
.kajitan-concept figure img {
margin: 0 auto;
}
.kajitan-idea {
padding: 104px 0 84px;
text-align: center;
}
.kajitan-idea h2 {
font-size: 28px;
margin-bottom: 56px;
font-weight: bold;
text-align: center;
}
.kajitan-idea h3 {
font-size: 22px;
border-bottom: none;
margin-bottom: 24px;
font-weight: bold;
padding: 10px;
}
.kajitan-idea img.pc {
margin: 0 auto 100px;
}
.kajitan-idea .wrap {
width: 1000px;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
.kajitan-idea .wrap .box {
width: 488px;
margin-bottom: 32px;
}
.kajitan-idea .wrap .box p {
text-align: left;
}
.kajitan-idea .wrap .box p.title {
font-size: 27px;
color: #E5AF9D;
margin-bottom: 0;
line-height: 1.6;
}
.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.sub {
background: #F0F0F0;
color: #3E3A39;
font-size: 16px;
margin-bottom: 16px;
text-align: left;
padding: 8px 20px;
font-weight: bold;
}
.kajitan-idea .wrap .box .inner-wrap {
display: flex;
justify-content: space-between;
}
.kajitan-idea .wrap .box .inner-wrap .image {
width: 260px;
height: auto;
margin-bottom: 8px;
}
.kajitan-idea .wrap .box .inner-wrap .image img.pc {
margin-bottom: 0;
}
.kajitan-idea .wrap .box .inner-wrap .txt {
width: 210px;
text-align: left;
}
.kajitan-idea .wrap .box .inner-wrap .txt p.inner-title {
font-size: 18px;
color: #3e3a39;
margin-bottom: 24px;
font-weight: bold;
text-align: left;
}
p.under-title {
padding-bottom: 8px;
margin-bottom: 8px;
border-bottom: 1px dotted #ccc;
font-size: 16px;
text-align: left;
}
.box2 {
width: 1000px;
margin: 0 auto 94px;
}
.kajitan-idea .box2 p.title {
font-size: 27px;
color: #E5AF9D;
margin-bottom: 0;
line-height: 1.6;
text-align: left;
}
.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: 16px;
margin-bottom: 16px;
text-align: left;
padding: 8px 20px;
font-weight: bold;
}
.kajitan-idea .box2 .wrap {
display: flex;
justify-content: space-between;
text-align: left;
}
.kajitan-idea .box2 .wrap .image {
width: 384px;
}
.kajitan-idea .box2 .wrap .image img.pc {
margin-bottom: 16px;
}
.kajitan-idea .box2 .wrap .txt {
width: 267px;
text-align: left;
}
.kajitan-idea .box2 .wrap .txt p.inner-title {
font-size: 18px;
color: #3e3a39;
margin-bottom: 16px;
font-weight: bold;
text-align: left;
}
.kajitan-idea .box2 .wrap .image2 {
width: 265px;
}
.kajitan-idea .box2 .txt2 {
width: 577px;
}
.kajitan-idea .box2 .wrap .txt2 p.inner-title {
font-size: 18px;
color: #3e3a39;
margin-bottom: 24px;
font-weight: bold;
}
.kajitan-idea .box2 .wrap .txt2 p {
margin-bottom: 8px;
}
.example01 {
background: #F7F7F7;
padding: 70px 0;
}
.example01 p,
.example02 p {
text-align: center;
margin-bottom: 100px;
line-height: 1.8;
}
.example01 p.house-data,
.example02 p.house-data {
margin-bottom: 80px;
}
.example01 img.floor-map,
.example02 img.floor-map {
margin-bottom: 0;
} .reservation-main-area {
background: url(/img/reservation-main-bg.png);
background-size: cover;
background-position: center center;
height: 290px;
margin-bottom: 40px;
}
.reservation-main-area h1 {
font-size: 56px;
margin-bottom: 48px;
font-weight: bold;
line-height: 1.3;
padding-top: 80px;
color: #fff;
}
.reservation-main-area h1 span {
display: block;
font-size: 18px;
font-weight: normal;
margin-bottom: 16px;
font-family: 'Oswald', sans-serif;
letter-spacing: 0.36em;
}
.plan-figure {
margin: 40px auto 0;
text-align: center;
}
.plan-figure img {
margin: 0 auto 54px;
}
.plan-intro {
text-align: center;
font-size: 16px;
margin-bottom: 80px;
}
.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 {
width: 760px;
margin: 0 auto;
}
.plan-check p.title {
text-align: center;
font-size: 22px;
font-weight: bold;
border-bottom: 5px solid #3E3A39;
position: relative;
padding-bottom: 24px;
margin-bottom: 0;
}
.plan-check p.title img.staff {
position: absolute;
right: 0;
bottom: 0;
}
.plan-check ul {
padding: 60px 84px;
border-bottom: 1px solid #3E3A39;
border-left: 1px solid #3E3A39;
border-right: 1px solid #3E3A39;
margin-bottom: 80px;
}
.plan-check ul li {
list-style-type: none;
margin-bottom: 16px;
text-align: left;
}
.plan-check ul li img {
margin-right: 8px;
vertical-align: middle;
}
.plan-merit {
width: 760px;
margin: 0 auto;
}
.plan-merit h2 {
text-align: center;
font-weight: bold;
font-size: 28px;
margin-bottom: 48px;
}
.plan-merit .wrap {
display: flex;
justify-content: space-between;
margin-bottom: 80px;
}
.plan-merit .wrap .box {
width: 240px;
background: #F0F0F0;
padding: 20px 10px;
box-sizing: border-box;
}
.plan-merit .wrap .box p {
padding: 0 10px;
margin-bottom: 0;
}
.plan-merit .wrap .box p.title {
text-align: center;
font-size: 17px;
margin-bottom: 16px;
padding: 0;
font-weight: bold;
}
.plan-merit .wrap .box .image {
height: 105px;
margin-bottom: 16px;
text-align: center;
}
.form-step {
width: 760px;
margin: 0 auto 160px;
}
.form-step p.title {
padding-bottom: 16px;
border-bottom: 5px solid #707070;
font-weight: bold;
font-size: 22px;
margin-bottom: 24px;
text-align: left;
}
.form-step p.title img {
margin-right: 24px;
vertical-align: middle;
}
.form-step .wrap {
display: flex;
justify-content: space-between;
margin-bottom: 60px;
}
.form-step .wrap .image {
width: 332px;
}
.form-step .wrap p {
width: 404px;
text-align: left;
}
.plan-form h2 {
padding-bottom: 32px;
text-align: center;
border-bottom: 1px solid #333;
font-size: 28px;
}
#mw_wp_form_mw-wp-form-1542 h3 {
margin-top: 40px;
font-size: 22px;
border-bottom: none;
margin-bottom: 24px;
text-align: left;
font-weight: bold;
}
select {
padding: 8px 16px;
font-size: 16px;
}
form p {
margin-top: 32px;
} .consul-main-area {
background: url(/img/consul-main-bg.jpg);
background-size: cover;
background-position: center center;
height: 290px;
margin-bottom: 40px;
}
.consul-main-area h1 {
font-size: 56px;
margin-bottom: 48px;
font-weight: bold;
line-height: 1.3;
padding-top: 52px;
color: #fff;
}
.consul-main-area h1 span {
display: block;
font-size: 18px;
font-weight: normal;
margin-bottom: 16px;
font-family: 'Oswald', sans-serif;
letter-spacing: 0.36em;
}
.consul-intro {
text-align: center;
font-size: 16px;
margin-bottom: 80px;
}
.consul-check {
width: 760px;
margin: 0 auto;
}
.consul-check p.title {
text-align: center;
font-size: 22px;
font-weight: bold;
border-bottom: 5px solid #3E3A39;
position: relative;
padding-bottom: 24px;
margin-bottom: 0;
}
.consul-check p.title img.staff {
position: absolute;
right: 0;
bottom: 0;
}
.consul-check ul {
padding: 60px 84px;
border-bottom: 1px solid #3E3A39;
border-left: 1px solid #3E3A39;
border-right: 1px solid #3E3A39;
margin-bottom: 80px;
box-sizing: border-box;
}
.consul-check ul li {
list-style-type: none;
margin-bottom: 16px;
text-align: left;
}
.consul-check ul li img {
margin-right: 8px;
vertical-align: middle;
}
.consul-merit {
width: 760px;
margin: 0 auto;
}
.consul-merit h2 {
text-align: center;
font-weight: bold;
font-size: 28px;
margin-bottom: 48px;
}
.consul-merit .wrap {
display: flex;
justify-content: space-between;
margin-bottom: 80px;
}
.consul-merit .wrap .box {
width: 240px;
background: #F0F0F0;
padding: 20px 10px;
}
.consul-merit .wrap .box p {
padding: 0 10px;
margin-bottom: 0;
}
.consul-merit .wrap .box p.title {
text-align: center;
font-size: 17px;
margin-bottom: 16px;
padding: 0;
font-weight: bold;
}
.consul-merit .wrap .box .image {
height: 105px;
margin-bottom: 16px;
text-align: center;
}
.consul-title {
border-bottom: 1px solid #333;
margin-bottom: 32px;
text-align: center;
}
.consul-title p {
display: inline-block;
padding: 12px 24px;
background: #3E3A39;
color: #fff;
margin: 0 auto;
font-size: 28px;
font-weight: bold;
border-radius: 10px 10px 0 0;
}
.consul-merit {
width: 760px;
margin: 0 auto;
}
.consul-merit h2 {
text-align: center;
font-weight: bold;
font-size: 28px;
margin-bottom: 48px;
}
.consul-merit .wrap {
display: flex;
justify-content: space-between;
margin-bottom: 32px;
}
.consul-merit .wrap .box {
width: 175px;
background: #F0F0F0;
padding: 36px 10px;
box-sizing: border-box;
}
.consul-merit .wrap .box p.title {
text-align: center;
font-size: 17px;
padding: 0;
font-weight: bold;
margin-bottom: 0;
}
.consul-merit .wrap .box .image {
height: 57px;
margin-bottom: 16px;
text-align: center;
}
p.consul-caution {
text-align: center;
font-size: 14px;
margin-bottom: 60px;
}
.consul-form h2 {
padding-bottom: 32px;
text-align: center;
border-bottom: 1px solid #333;
font-size: 28px;
margin-bottom: 48px;
}
#mw_wp_form_mw-wp-form-237 h3 {
margin-top: 40px;
}
.contact-intro {
text-align: center;
font-size: 14px;
margin-bottom: 30px;
}
dd.datepic {
display: flex;
}
#day-first,
#day-second {
width: 230px;
margin-right: 32px;
font-size: 16px;
}
.contact {
width: 750px;
margin: 0 auto 40px;
}
#mw_wp_form_mw-wp-form-1542 .contact,
#mw_wp_form_mw-wp-form-237 .contact {
width: 1000px;
}
.contact dl {
display: flex;
border-bottom: 1px dotted #999;
} #mw_wp_form_mw-wp-form-342 .contact dl:first-child,
#mw_wp_form_mw-wp-form-237 .contact dl:first-child {
border-top: none;
}
.contact dl.last {
margin-bottom: 40px;
}
.contact dl dt {
width: 28%;
padding: 20px 10px;
font-weight: bold;
font-size: 16px;
text-align: left;
}
#mw_wp_form_mw-wp-form-342 .contact dl dt {
width: 30%
}
.contact dl dt span {
padding: 1px 5px;
text-align: center;
color: #fff;
margin-right: 10px;
font-size: 12px;
}
.contact dl dt span.required {
background: #982B2B;
}
.contact dl dt span.any {
background: #aaa;
}
.contact dl dd {
width: 72%;
padding: 20px 10px;
line-height: 1.5;
font-size: 16px;
text-align: left;
}
#mw_wp_form_mw-wp-form-342 .contact dl dd {
width: 70% text-align: left;
}
.contact dl dd input[type="text"],
.contact dl dd input[type="email"] {
width: 100%;
padding: 13px 5px;
}
.contact dl dd input.tel {
width: 24%;
}
.contact dl dd input.zip {
width: 20%;
margin-bottom: 10px;
padding: 13px 5px;
}
.contact dl dd textarea {
width: 100%;
height: 200px;
padding: 13px 5px;
font-size: 16px;
}
p .mwform-checkbox-field-text {
color: #982B2B;
}
.contact p {
text-align: center;
margin-bottom: 32px;
}
.placeholder {
text-align: left;
color: #aaa;
font-size: 13px;
}
.submit-area {
text-align: center;
}
.submit-area input[type="submit"] {
width: 280px;
border: none;
text-align: center;
padding: 15px 0;
font-size: 16px;
color: #fff;
background: #000;
margin: 0 auto 40px;
border-radius: 10px;
transition: 0.3s;
}
.submit-area input[type="submit"]:hover {
background: #043868;
transform: translateY(-10px);
}
.submit-area input.return {
width: 200px;
border: none;
text-align: center;
padding: 15px 0;
font-size: 16px;
color: #fff;
background: #aaa;
margin: 0 auto 40px;
border-radius: 10px;
}
.mw_wp_form_preview .placeholder {
display: none;
}
.ui-datepicker-title .ui-datepicker-year,
.ui-datepicker-title .ui-datepicker-month{
min-width: 4.5em;
} p.thanks-txt {
Width: 90%;
text-align: center;
font-size: 26px;
font-weight: bold;
Margin: 0 auto 24px;
}
p.thanks-sub {
Width: 90%;
text-align: center;
font-size: 16px;
Margin: 0 auto 16px;
}
h3.thanks{
text-align: center;
margin: 40px auto 24px;
font-size: 18px;
font-weight: bold;
}
.for-top {
margin: 60px auto;
text-align: center;
}
.for-top a {
display: block;
width: 280px;
padding: 15px 0;
text-align: center;
background: #a1988a;
color: #fff;
font-size: 16px;
font-weight: bold;
margin: 0 auto 40px;
}
.for-top a:hover {
background: #CCC;
} div#contact div.main01 div.telbox,
div.main01 div.telbox {
width: 60%;
margin: 30px auto;
padding: 20px 10%;
background: #F2F1EF;
}
div#contact div.main01 div.telbox h3.h3_01,
div.main01 div.telbox h3.h3_01 {
margin-bottom: 20px;
}
div#contact div.main01 div.telbox p.tel,
div.main01 div.telbox p.tel {
float: left;
padding-top: 10px;
}
div#contact div.main01 div.telbox p.time,
div.main01 div.telbox p.time {
float: right;
text-align: left;
}
span.need {
background: #BF2F36;
color: #fff;
margin-left: 10px;
padding: 2px 10px;
font-size: 12px;
}
div#contact div.main01 form#sfm-form table.table01 {
margin-bottom: 30px;
}
div#contact table th.con {
padding: 20px 35px !important;
width: 30%;
}
div#contact table td.con {
padding: 20px 35px !important;
vertical-align: middle;
}
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 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: 266px;
height: 53px;
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;
}
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;
}
div#contact div.main01 form#sfm-form div.submit_area ul.cf.pc li input.back,
div#contact div.main01 form#sfm-form div.submit_area p.btn_back input {
position: relative;
display: block;
width: 266px;
height: 53px;
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;
}
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: 5px 10px;
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;
}
div.main01 tr td input.zip {
width: 20%;
margin-bottom: 10px;
padding: 5px;
border: 1px solid #C5C5C5;
} .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;
}
.img01 a img {
transition: all 300ms 0ms ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.img01 a:hover img {
opacity: 0.6;
}
.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;
} .dinone {
display: none;
}
#project01 .main03 p.p_00 {
margin-top: 50px;
padding: 0 0 30px 0;
}
.main03 .project_box {
margin-top: 70px
}
.main03 .project_box .h2_03 {
line-height: .9;
margin-bottom: 20px;
}
.main03 .project_box .h2_03_fs {
line-height: 1;
}
.main03 .project_box .h2_03 span.small {
font-size: 20px;
}
.project_slider {
position: relative;
width: 100%;
margin: 0;
z-index: 1;
}
#slider3 {
width: 100%;
}
#slider3 .slick-dots {
bottom: -15%;
}
#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 {
display: flex;
justify-content: center;
margin-bottom: 50px;
}
.main03 .project_box .pbox01 {
width: 310px;
}
.project_box dl {
margin-top: -30px;
background: #f4f6ef;
padding-top: 65px;
}
.project_box dl dt {
font-weight: bold;
padding: 0 8%;
font-size: 20px;
line-height: 30px;
margin-bottom: 25px;
color: #323232;
}
.project_box dl dt.dt_fs {
font-size: 16px;
}
.project_box dl dd {
padding: 0 7%;
line-height: 24px;
font-size: 16px;
text-align: left;
color: #323232;
text-align: justify;
text-justify: inter-ideograph;
}
.project_box dl dd.text {
margin-bottom: 15px;
}
.btn05 a {
position: relative;
display: block;
width: 70%;
height: 73px;
margin: 0 auto;
line-height: 73px;
font-size: 18px;
text-align: center;
background: #fff;
border: 1px solid #BFBFBF;
}
.btn05 a:after {
position: absolute;
top: 36px;
right: -24px;
display: block;
content: "";
width: 50px;
height: 1px;
background: #90C31F;
z-index: 10;
}
.btn05 a:hover {
text-decoration: none;
}
.btn05 a:hover:after {
right: -34px;
transition: 0.5s;
}
.project_box p {
padding-bottom: 30px;
}
#slider4 {
width: 100%;
}
#slider4 .slick-dots {
bottom: -15%;
}
#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;
}
.main03 .project_box .pbox02 {
width: 310px;
margin: 0 25px;
}
.main03 .project_box .pbox01 p.p_01 {
margin-top: 196px;
}
.main03 .project_box .pbox02 p.p_02 {
margin-top: 20px;
}
.main03 .project_box .pbox03 {
width: 310px;
}
.main03 .project_box .pbox03 p.p_03 {
margin-top: 106px;
}
#slider5 {
width: 100%;
}
#slider5 .slick-dots {
bottom: -15%;
}
#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;
}
.pbox .rasia_box01 {
background: #f4f6ef;
}
.pbox p.pline {
background: url(/img/project/tl01.png) no-repeat center 0;
padding: 18px 0 70px 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 h2.t01 {
font-size: 30px;
line-height: 35px;
padding: 75px 0 25px 0;
font-weight: bold;
color: #323232;
}
.pbox h2.t01 span {
font-size: 24px;
}
.pbox p.text02 {
font-size: 16px;
padding-bottom: 40px;
color: #323232;
}
.pbox .item_box01 {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-wrap: wrap;
padding-bottom: 65px;
}
.pbox .item_box01 .ibox {
width: 320px;
height: 270px;
background: #FFF;
margin-bottom: 15px;
}
.pbox .item_box01 .ibox:nth-child(2) {
margin: 0 2%;
}
.pbox .item_box01 .ibox:nth-child(5) {
margin: 0 2%;
}
.pbox .item_box01 .ibox dl dd {
padding: 0 7%;
line-height: 24px;
text-align: left;
text-align: justify;
text-justify: inter-ideograph;
}
.pbox .rasia_box02 {
background: #eff2e9;
padding-bottom: 75px;
}
.pbox .pb0 {
padding-bottom: 0px;
}
.pbox .rasia_box03 {
background: #f4f6ef;
padding-bottom: 40px;
}
.pbox .rasia_box03 h3.t02 {
font-size: 20px;
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;
padding-bottom: 40px;
}
.pbox .item_box02 .ibox {
width: 320px;
height: 335px;
background: #FFF;
margin-bottom: 15px;
}
.pbox .item_box02 .ibox:nth-child(2) {
margin: 0 2%;
}
.pbox .item_box02 .ibox:nth-child(5) {
margin: 0 2%;
}
.pbox .item_box02 .ibox dl dd {
padding: 0 7%;
line-height: 24px;
text-align: left;
text-align: justify;
text-justify: inter-ideograph;
}
.pbox .rasia_box04 {
background: #eff2e9;
padding-bottom: 40px;
border-bottom: solid 4px #90c31f;
}
.pt75 {
padding-top: 65px;
}
.iro_image01 {
margin: 100px 0 30px 0;
}
.iro_image02 {
margin: 50px 0 30px 0;
}
.iro_text01 {
width: 960px;
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;
}
.iro_text03 {
margin-top: 20px;
margin-bottom: 30px;
padding: 0 0 30px 0;
}
img.photo_mrg {
margin: 40px 0 50px;
}
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: flex;
justify-content: space-between;
margin: 60px 0;
}
.flex_iroha03 {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 60px auto;
width: 1000px;
}
.flex_iroha02 img.l_img {
margin-right: 40px;
}
.flex_iroha02 img.r_img {
width: 60%;
margin: 30px;
}
.flex_iroha02 p {
text-align: left;
}
.oran_btn {
margin-left: 30px;
background-color: #e49534;
padding: 20px 30px;
margin-right: 30px;
width: 200px;
}
.gree_btn {
margin-left: 30px;
background-color: #97ad3f;
padding: 20px 30px;
margin-right: 30px;
width: 200px;
}
.flex_iroha04 {
display: flex;
margin: 60px auto;
width: 1000px;
justify-content: center;
} .youtube-cont {
display: flex;
justify-content: space-around;
width: 1000px;
margin: 56px auto;
}
.youtube-inner-cont {
width: 50%;
}
.mb00 {
margin-bottom: 0!important;
}
.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;
}