@charset "utf-8";

.pt0 {
padding-top: 0!important;
}
#h1_mys {
font-size: 28px;
line-height: 1.5;
}
#head_navi #navi1 li a {
letter-spacing: 0px;
}
.mys-content {
position: relative;
z-index: -1;
}
#pankuzu.mys-pankuzu {
background: #fff;
max-width: none;
}
#pankuzu.mys-pankuzu ul {
max-width: 1000px;
margin: 0 auto;
height: 100%;
display: flex;
align-items: center;
}
.cr_v {
margin-top: 362px;
}
#foot {
z-index: 3;
position: relative;
}
#foot01 {
background: #fff;
}
.mys-cv-wrap {
background: #fff;
}
.mys-cv-wrap a {
letter-spacing: 0px;
}
#foot01 ul.pc {
display: flex;
justify-content: center;
align-items: center;
height: 100%;
font-size: 16px;
}
#foot02_02 {
font-size: 16px;
}
#foot_tel a,
#foot02_02 a {
letter-spacing: 0px;
}
#foot02_03 {
display: flex;
align-items: center;
}
#copy {
background: #fff;
}
.top-line-up .text_center {
font-size: 16px;
line-height: 170%;
}
.cv-contact {
padding: 0 0 80px;
}
.cv-contact a {
position: relative;
display: block;
width: 446px;
margin: 0 auto;
font-size: 25px;
text-align: center;
color: #fff;
background: #CD3939;
border: 1px solid #CD3939;
z-index: 10;
line-height: 1.3;
padding: 10px 0;
font-family: 'kinuta-maruminfuji-stdn', "Yu Mincho", serif;
transition: 0.3s;
transition-duration: .4s;
}
.cv-contact a:before {
content: "";
width: 91px;
height: 63px;
background: #fff;
background: url(//www.umhouse.jp/mgr/wp-content/themes/toda/mys/img/md_icon.webp) center center no-repeat;
background-size: cover;
background-repeat: no-repeat;
position: absolute;
display: block;
top: calc(50% - 31.5px);
left: -49px;
}
.cv-contact a:after {
position: absolute;
top: 50%;
right: -24px;
display: block;
content: "";
width: 50px;
height: 1px;
background: #CD3939;
z-index: 1;
transition: 0.3s;
}
.cv-contact a:hover:after {
right: -34px;
transition: 0.5s;
}
.cv-contact a:hover {
transform: scale(1.1);
}
@media only screen and (max-width: 750px){
#bar01 {
padding: 42px 0 130px 0;
}
.mys-cv-wrap .top-line-up {
margin-top: 0px;
}
.top-contact .wrap .box a {
font-size: 30px;
}
.top-line-up .text_center {
font-size: 32px;
}
#foot02_02 div:last-child {
font-size: 28px;
}
#foot02_03 {
display: none;
}
.cv-contact a {
width: 516px;
font-size: 31px;
}
} img, object, embed{
}
*,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,input,textarea,p,th,td,address,figure{
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-left-width: 0;
border-right-width: 0;
border-bottom-width: 0;
vertical-align: baseline; line-height: 1;
background-repeat: no-repeat;
background-size: contain;
letter-spacing: 0.1em;
} .ie6 img {
width:100%;
} .font_min{ font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.font_go{
font-family: 'Noto Sans JP', sans-serif;
}
.font_Fjalla{
font-family: 'Fjalla One', sans-serif;
}
.font_seasons{
font-family: "the-seasons", sans-serif;
}
.font_kinuta{
font-family: 'kinuta-maruminfuji-stdn',"Yu Mincho", serif;	
}
.vertical {
writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
width: 100%;
} html, body {
height:100%;
}
body{
width: 100%; }
a{
transition: all  1.5s ease;
}
a:hover{
text-decoration: none;
}
html { 
font-size:1.3333333333vw;
}
.fluidwidth{
width: 100%;
}
.fluidheight{
height: 100%;
}
.pc480{
visibility:hidden;
display: none;
}
.pc768{
visibility:hidden;
display: none;
}
.pc1200{
display: none;
}
.btn{ position: relative;
overflow: hidden; text-decoration: none;
display: inline-block;
padding: 10px 30px;
text-align: center;
outline: none; transition: ease .2s;
} .btn span {
position: relative;
z-index: 3; display: flex;
justify-content: space-between;
align-items: center;
}
.btn_cv span {
display: block;
} .bgcenterx:before {
content: ''; position: absolute;
top: 0;
left: 0;
z-index: 2; background: #fff;
width: 100%;
height: 100%; transition: transform .3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
transform: scale(0, 1);
transform-origin: top;
}
.bgcenterx02:before {
content: ''; position: absolute;
top: 0;
left: 0;
z-index: 2; background: #006f81;
width: 100%;
height: 100%; transition: transform .3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
transform: scale(0, 1);
transform-origin: top;
} .thankspage #yt_wrap{
min-height: auto;
} #yt_wrap{
position: relative;  text-align: center;
background-repeat: no-repeat;
background-size: cover;
min-height: 667px;
} #container{
position: relative; z-index: 3;  text-align: center;
background-repeat: repeat;
background-position: 50% 0%;
background-color: #FFFFFF;
} .updown{ animation-name:UpDown; animation-duration: 1.2s; animation-iteration-count: infinite; animation-timing-function: ease-in-out; animation-direction: alternate;
} @keyframes UpDown{ 0%{ transform: translateY(0);
} 100%{ transform: translateY(15px);
}
} .yureru {
animation: purupuru_anim 5s infinite;
}
@keyframes purupuru_anim {
0% {  transform: translate(0, 0);}
5% {  transform: translate(-5px, -0);}
10% { transform: translate(5px, 0);}
15% { transform: translate(-5px, -0);}
20% { transform: translate(5px, 0);}
25% { transform: translate(-5px, -0);}
30% { transform: translate(0, 0);}
100% {  transform: translate(0, 0);}
}
.head {
width: 100%;
position: absolute;
padding-top: 0px;
padding-left: 0px;
z-index: 3;
}
.logo {
width: 100px;
margin-top: 30px;
margin-left: auto;
position: relative;
z-index: 3;
margin-right: auto;
}
.top_ttl02 {
display: flex;
text-align: center;
align-items: center;
width: 45px;
font-size: 44px;
margin: 0 auto;
letter-spacing: 0.4rem;
color: #FFFFFF;
}
.top_ttl03 {
font-size: 18px;
margin-bottom: 15px;
border-bottom: 1px solid #FFFFFF;
padding-bottom: 15px;
}
.marquee {
display: flex;
white-space: nowrap;
overflow: hidden;
gap: 1rem;
}
.marquee-inner {
animation: marquee 30s linear infinite;
}
@keyframes marquee {
0%   { translate: 0; }
100% { translate: calc(-100% - 1rem); }
}
.f_ttl_big {
font-size: 3em;
letter-spacing: -1rem;
}
.top_ttl04 {
font-size: 12px;
}
.top_house {
background-color: #4e515d;
padding-top: 90px;
position: relative;
padding-bottom: 80px;
z-index: 15;
}
.top_house_img {
width: 270px;
position: absolute;
left: 50%;
margin-top: -150px;
transform: translate(-50%,0)
}
.top_house_no1_log {
width: 50%;
float: left;
text-align: center;
}
.top_house_no1_log img {
display: block;
margin: 0 auto;
width: 90%;
}
.top_house_no1_txt {
width: 50%;
float: right;
}
.top_house_txt01 {
font-size: 3.5rem;
line-height: 2;
font-weight: 600;
color: #FFFFFF;
padding-bottom: 5%;
padding-top: 2%;
}
.top_house_txt02 {
font-size: 2rem;
color: #FFFFFF;
font-weight: 100;
}
.msg {
line-height: 2;
word-spacing: 0.2em;
padding-top: 90px;
padding-bottom: 90px;
}
.msg01 {
font-size: 14px;
padding-bottom: 6rem;
}
.msg02 {
font-size: 20px;
padding-bottom: 6rem;
font-weight: 400;
}
.msg03 {
line-height: 3;
font-size: 12px;
font-weight: 100;
}
.top_ttl_w {
position: absolute;
top: 50%;
left: 0px;
width: 100%;
height: 100vh;
z-index: 2;
}
.top_ttl_wrap {
position: relative;
z-index: 3;
}
.cv_wrap {
display: flex;
padding-left: 0px;
z-index: 10;
left: 0px;
bottom: 0px;
flex: 1;
text-align: left;
}
.cv_wrap .cv_btn {
width: 100%;
position: relative;
}
.cv_wrap a {
padding-top: 20px;
padding-left: 80px;
padding-bottom: 20px;
display: block;
text-align: center;
color: #FFFFFF;
vertical-align: middle;
font-size: 14px;
letter-spacing: 0.1em;
font-weight: 600;
}
.cv_btn01 a {
background-color: #a98769;
}
.cv_btn02 a {
background-color: #100702;
color: #FFFFFF;
}
.cv_wrap img  {
width: 70px;
height: auto;
margin-right: 5px;
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-67%);
z-index: 10;
}
.m_box {
position: relative;
overflow-x: hidden;
height: 100%;
overflow-y: hidden;
}
.tab {
width: 40px;
height: 400px;
position: absolute;
left: 0px;
top: 50px;
z-index: 10;
}
.tab_deleat .tab{
display: none;
}
.tab_img {
padding-top: 15px;
padding-right: 5px;
padding-left: 5px;
padding-bottom: 5px;
margin-top: -30px;
}
.m_p {
padding-top: 70px;
padding-left: 60px;
text-align: left;
padding-right: 20px;
padding-bottom: 10px;
}
.msg04 {
font-size: 20px;
font-weight: 300;
padding-bottom: 20px;
}
.m_sec {
position: relative;
padding-bottom: 60px;
}
.tab_fix #tab_img01,.tab_fix02 #tab_img02,.tab_fix03 #tab_img03,.tab_fix04 #tab_img04{
position: fixed;
top: 50px;
left: 0px;
}
.m_coco {
z-index: 10;
}
.m_glr {
padding-top: 8em;
position: relative;
z-index: 15;
overflow-x: hidden;
overflow-y: hidden;
background-color: #000000;
background-image: url(//www.umhouse.jp/mgr/wp-content/themes/toda/mys/img/msg_bk.jpg);
background-repeat: repeat;
background-position: 50% 0%;
}
.land_info_ttl {
font-size: 24px;
font-weight: 300;
padding-bottom: 20px;
letter-spacing: 0.2rem;
}
.land_info_ttl02 {
font-size: 12px;
font-weight: 100;
padding-bottom: 35px;
}
.m_glr_bk {
position: absolute;
top: 20px;
left: 20px;
}
.m_glr_i {
display: flex;
justify-content: center;
align-items: center;
position: relative;
z-index: 5;
}
.m_glr_line {
width: 1px;
height: 50px;
background-color: #000000;
}
.m_glr_icon {
flex: 1;
border-bottom: 2px solid transparent;
cursor:pointer;
}
.m_glr_txt {
text-align: center;
}
.glr_box {
padding: 5px;
}
.glr_txt_icon{
text-align: center;
margin-bottom: 5px;
margin-left: auto;
margin-right: auto;
}
.glr_txt_icon img{
width: 80%;
}
.glr_active {
cursor: default;
border-bottom: 3px solid #050505;
}
.glr_txt_p {
text-align: center;
font-weight: 600;
padding-left: 5px;
font-size: 10px;
padding-bottom: 10px;
}
.slide_wrap {
min-height: 35vh;
height: auto;
position: relative;
}
.slide-box {
opacity: 0;
z-index: 10;
position: absolute;
display: block;
top: 0px;
left: 0px;
width: 100vw;
}
.slide_active {
display: block;
animation-name: displayAnime; animation-duration: 2s;
animation-fill-mode: forwards;
position: relative;
z-index: 11;
}
@keyframes displayAnime{
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.m_glr_icon {
display: block;
}
.cv_box {
position: relative;
z-index: 10;
background-color: #7F7B71;
}
.cv_waku {
position: absolute;
left: 50%;
top: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
z-index: 11;
}
.cv_ttl {
font-weight: 600;
font-size: 20px;
padding-bottom: 20px;
text-align: center;
}
.cv_txt {
font-size: 10px;
font-weight: 300;
letter-spacing: 0.2rem;
text-align: left;
line-height: 2.5;
padding-bottom: 20px;
}
.cv_right {
margin: 0 auto;
width: 50%;
}
.cv_link {
background-color: #bc9a7a;
color: #FFFFFF;
display: block;
font-size: 14px;
padding-top: 20px;
padding-bottom: 20px;
margin-top: -50px;
margin-right: 20%;
margin-left: 20%;
margin-bottom: 0;
text-align: center;
position: relative;
z-index: 11;
letter-spacing: 0.2rem;
}
.cv_in {
margin: 20px;
border: 1px solid #FFFFFF;
padding-top: 30px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 40px;
color: #FFFFFF;
position: relative;
}
.tec_wrap { position: relative;
z-index: 10;
-webkit-transition: all 5s ease;
-moz-transition: all 5s ease;
-o-transition: all 5s ease;
transition: all  5s ease;
overflow: hidden;
background-color: #000000;
}
.tec_wrap.tec_active{
background-color: #fff;
}
.ev_wrap { position: relative;
z-index: 10;
-webkit-transition: all 5s ease;
-moz-transition: all 5s ease;
-o-transition: all 5s ease;
transition: all  5s ease;
padding-top: 90px;
padding-bottom: 90px;
}
.ev_wrap.tec_active{
background-color: #d0a658;	
}
.tec_ttl01 {
font-size: 14px;
color: #FFFFFF;
letter-spacing: 0.2rem;
padding-bottom: 20px;
}
.tec_ttl02 {
font-size: 17px;
color: #FFFFFF;
letter-spacing: 0.2rem;
margin-bottom: 60px;
padding-bottom: 15px;
text-align: center;
position: relative;
border-bottom: 1px solid #d9d9d9;
width: 80%;
margin-left: auto;
margin-right: auto;
}
.tec_ttl02:before {
content: "";
position: absolute;
left: 0;
bottom: -1px;
width: 50%;
height: inherit;
border-bottom: 1px solid #ff3d00;
}
.tec_box {
padding-top: 90px;
}
.bk_w {
background-color: #FFFFFF;
}
.land_main {
position: relative;
z-index: 10;
overflow-y: hidden;
overflow-x: hidden;
}
.land_txt_box {
position: absolute;
top: 20%;
left: 50%;
transform: translateX(-50%);
z-index: 11;
width: 100%;
}
.land_ttl {
font-size: 25px;
font-weight: 300;
letter-spacing: 0.2rem;
color: #FFFFFF;
padding-bottom: 10px;
}
.land_ttl02 {
color: #c49f7c;
font-size: 9px;
padding-bottom: 20px;
}
.land_ttl03 {
font-size: 18px;
line-height: 2.5;
font-weight: 600;
letter-spacing: 0.2rem;
color: #FFFFFF;
}
.land_logo {
width: 100px;
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
z-index: 11;
}
.land_star {
width: 150px;
z-index: 100;
position: absolute;
top: 30%;
left: 5%;
transform: translateY(-50%);
}
.land_wrap {
position: relative;
background-color: #FFFFFF;
padding-bottom: 0px;
}
.land_grad {
position: relative;
max-width: 100%;
} .font_big {
font-size: 36px;
letter-spacing: -0.1rem;
}
.land_ttl04 {
font-size: 330%;
font-weight: 600;
line-height: 2.5;
letter-spacing: 0.2rem;
padding-top: 30px;
padding-bottom: 60px;
}
.land_info_flex {
display: flex;
align-items: stretch;
justify-content: space-between;
margin-left: 20px;
margin-right: 20px;
}
.land_l {
width: 48%;
display: block;
}
.land_l:nth-child(3) {
display: none;
}
.land_info_img img {
width: 100%;
height: 25vw;
object-fit: cover;
}
.land_l_ttl {
font-size: 12px;
text-align: left;
font-weight: 200;
letter-spacing: 0.2rem;
padding-top: 20px;
padding-bottom: 20px;
line-height: 2.5;
}
.land_l_p {
font-size: 10px;
line-height: 2;
font-weight: 100;
letter-spacing: 0.2rem;
text-align: left;
border-bottom: 1px solid #dddddd;
padding-bottom: 20px;
}
.land_l_p01 {
padding-top: 20px;
display: flex;
}
.land_l_tab {
text-align: left;
font-weight: 400;
font-size: 12px;
letter-spacing: 0.2rem;
width: 30%;
line-height: 2;
padding-bottom: 20px;
border-bottom: 1px solid #606060;
}
.land_l_detail {
font-weight: 400;
font-size: 12px;
text-align: left;
letter-spacing: 0.2rem;
line-height: 2;
flex: 1;
width: 65%;
padding-bottom: 20px;
border-bottom: 1px solid #bebebe;
}
.land_info {
position: relative;
}
.access {
background-color: #f5f5f5;
position: relative;
padding-top: 90px;
padding-bottom: 90px;
}
.access_l {
padding-left: 20px;
padding-right: 20px;
}
.contact {
background-color: #FFFFFF;
padding-bottom: 80px;
position: relative;
}
.contact_msg {
color: #3d404b;
font-size: 20px;
letter-spacing: 0.2rem;
font-weight: 300;
padding-top: 120px;
padding-bottom: 120px;
}
.crn {
border: 15px solid #6d7078;
padding-top: 30px;
cursor: pointer;
}
.crn_ttl02 {
padding-bottom: 10px;
color: #3d404b;
font-size: 12px;
font-weight: 600;
letter-spacing: 0.2rem;
line-height: 2;
padding-left: 20px;
text-align: left;
padding-right: 20px;
}
.crn_p02 {
color: #3d404b;
font-size: 10px;
font-weight: 100;
line-height: 2.5;
letter-spacing: 0.2rem;
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px;
text-align: left;
}
.crn_img img {
width: 100%;
height: 55vw;
object-fit: cover;
padding-bottom: 25px;
}
.crn_ttl02big {
font-size: 16px;
text-align: center;
}
.contact_pre {
position: relative;
background-image: url(//www.umhouse.jp/mgr/wp-content/themes/toda/mys/img/contact_bk.jpg);
background-repeat: no-repeat;
background-size: cover;
padding-top: 90px;
padding-bottom: 90px;
}
.contact_flex {
padding-left: 20px;
padding-right: 20px;
z-index: 11;
}
.contact_img {
display: flex;
align-content: center;
align-items: center;
position: relative;
z-index: 12;
margin-top: 0;
margin-right: auto;
margin-left: auto;
margin-bottom: -20px;
width: 80%;
}
.contact_img_l {
width: 30%;
position: relative;
}
.contact_img_l02 {
width: 70%;
position: relative;
margin-left: 10px;
}
.contact_lead {
padding: 30px;
background-color: #2b2f35;
}
.contact_bk {
position: relative;
z-index: 10;
}
.contact_lead02 {
color: #FFFFFF;
text-align: left;
font-size: 16px;
line-height: 2;
letter-spacing: 0.2rem;
padding-bottom: 20px;
}
.contact_lead03 {
color: #FFFFFF;
text-align: left;
font-size: 12px;
line-height: 2.5;
letter-spacing: 0.2rem;
}
.contact_lead04 {
color: #3d404b;
font-size: 10px;
font-weight: 100;
text-align: left;
line-height: 2;
letter-spacing: 0.2rem;
padding-left: 30px;
padding-top: 30px;
padding-right: 30px;
padding-bottom: 30px;
}
.contact_form {
background-color: #FFFFFF;
padding: 10px;
margin-bottom: 40px;
}
.thanks {
width: 80vw;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
padding: 30px;
background-color: rgba(255,255,255,0.80);
z-index: 11;
letter-spacing: 0.2rem;
line-height: 2.5;
display: flex;
align-items: center;
max-width: 800px;
text-align: center;
}
.thanks_ttl_sub {
font-size: 10px;
color: #050505;
padding-bottom: 20px;
}
.thanks_ttl {
font-size: 14px;
padding-bottom: 30px;
line-height: 2.5;
}
.thanks_p {
font-size: 12px;
text-align: left;
line-height: 2.5;
padding-bottom: 20px;
}
.thanks_p02 {
background-color: rgba(255,255,255,1.00);
font-size: 12px;
padding: 40px;
line-height: 2.5;
text-align: left;
}
.thanks_box {
width: 100%;
}
.thanks_tel01 {
color: rgba(0,0,0,1.00);
font-size: 14px;
padding-bottom: 20px;
line-height: 2;
}
.thanks_tel02 {
color: #050505;
font-size: 25px;
padding-bottom: 20px;
}
.thanks_tel03 {
color: rgba(0,0,0,1.00);
font-weight: 100;
font-size: 8px;
}
.foot_fix {
width: 100%;
bottom: 59px;
opacity: 0;
left: 50%;
}
.foot_fix.tag_active{
position: fixed;
z-index: 200;
opacity: 1;
animation-name:fadeUpbnr;
animation-duration:0.5s;
animation-fill-mode:forwards;	
}
@keyframes fadeUpbnr{
from {
opacity: 0;
transform: translate(-50%,100px);
}
to {
opacity: 1;
transform: translate(-50%,0);
}
}
.top_bnr_flex {
display: flex;
align-items: stretch;
justify-content: space-between;
position: relative;
z-index: 200;
width: 300px;
margin-right: 0px;
margin-left: auto;
}
.top_bnr_pick_wrap02 {
width: 20px;
display: flex;
justify-content: center;
align-items: center;
}
.top_bnr_img_wrap02 {
width: 15%;
}
.top_bnr_txt_wrap02 {
flex: 1;
display: flex;
align-items: center;
}
.top_bnr_close {
width: 50px;
font-size: 20px;
z-index: 300;
position: relative;
min-height: 100%;
cursor: pointer;
background-color: #A98769;
color: #d9d9d9;
margin-top: 6px;
margin-bottom: 2px;
}
.top_bnr_pick02 {
margin: 0px;
font-size: 9px;
padding-top: 0px;
padding-right: 5px;
padding-left: 0px;
padding-bottom: 0px;
line-height: 1;
}
.top_bnr_txt01_02 {
text-align: left;
font-size: 12px;
font-weight: 600;
line-height: 1;
padding-bottom: 2px;
}
.top_bnr_txt02_02 {
text-align: left;
font-size: 9px;
padding-bottom: 5px;
line-height: 1;
}
.top_bnr_txt_box {
}
.bnr_close_btn {
transform:translate(-50%,-50%);
position: absolute;
top: 50%;
left: 50%;
}
.bnr_a {
display: flex;
flex: 1;
align-items: stretch;
justify-content: space-between;
}
.arrow{
position: relative;
display: inline-block;
padding-left: 20px;
}
.arrow::before{
content: '';
width: 12px;
height: 12px;
border: 0px;
border-top: solid 1px #3d404b;
border-right: solid 1px #3d404b;
-ms-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
position: absolute;
top: 50%;
left: 0;
margin-top: -15px;
}
.crn_btn {
padding-bottom: 20px;
display: block;
}
.close .crn_box {
display: none;
}
.close .arrow::before{
-ms-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
.tec_k_ttl {
font-size: 14px;
font-weight: 900;
}
.tec_k_st{
background:linear-gradient(transparent 60%, #C8A17E 60%);
}
.zumen_box {
display: flex;
justify-content: space-between;
padding: 20px;
background-color: #FFFFFF;
margin-left: 50px;
margin-right: 10px;
margin-bottom: 20px;
border: 1px solid #000000;
position: relative;
}
.zumen_l {
width: 48%;
}
.zumen_row {
display: flex;
justify-content: space-between;
}
.zumen_label {
width: 30%;
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
border-bottom: 1px solid #000000;
font-size: 12px;
font-weight: 600;
}
.zumen_val {
border-bottom: 1px solid #BCBCBC;
padding-top: 20px;
padding-bottom: 20px;
flex: 1;
font-size: 12px;
}
.zumen_t {
margin-left: 50px;
margin-right: 10px;
}
.zumen_f {
display: block;
text-align: center;
padding-top: 10px;
}
.zumen_flex {
margin-bottom: 5%;
}
.megane {
display: flex;
width: 40px;
height: 40px;
text-align: center;
background-color: #000000;
position: absolute;
right: 0px;
bottom: 0px;
justify-content: center;
align-items: center;
z-index: 3;
}
.megane img{
width: 60%;
display: block;
}
.vr {
margin-top: 0px;
margin-bottom: 40px;
margin-left: auto;
margin-right: auto;
padding-left: 50px;
padding-right: 10px;
}
.vr iframe {
height: 400px;
width: 100%;
}
.bnr01 {
background-color: #17345C;
text-decoration: underline;
}
.bnr_link {
padding: 20px;
display: inline-block;
background-color: #0B2241;
color: #FDEF9E;
font-size: 18px;
font-weight: 900;
margin-top: 1rem;
margin-bottom: 1rem;
}
.md_yoyaku.nondisp{
display: none;
}
.news {
margin-top: 10%;
margin-left: 2%;
margin-right: 2%;
padding: 5%;
background-color: #F4F4F4;
}
.news_title {
font-size: 2rem;
font-weight: 900;
padding-bottom: 3%;
}
.news_p {
line-height: 2.5;
text-align: left;
}
.news_p strong {
font-size: 1.5rem;
font-weight: 900;
}
.v_main_img {
object-fit: cover;
min-height: 667px;
}
.top_bnr a {
background-color: #dcdbdb;
}
.top_bnr_txt02_02.top_bnr_txt02_03 {
padding-left: 10px;
}
.kaeru_md {
padding-top: 90px;
padding-bottom: 90px;
background-color: #FFFFFF;
}
.kaeru_ttl {
color: #d0a658;
font-size: 26px;
font-weight: 900;
padding-bottom: 20px;
}
.kaeru_ttl02 {
color: #A4A4A4;
font-size: 14px;
padding-bottom: 20px;
}
.kaeru_l_box {
margin-left: auto;
margin-right: auto;
padding-top: 2%;
}
.kaeru_l_in {
position: relative;
}
.kaeru_tab {
position: absolute;
top: 20px;
left: 0px;
}
.kaeru_tab02 {
position: absolute;
bottom: 20px;
left: 0px;
}
.kaeru_title03 {
color: #515862;
text-align: left;
line-height: 1.8;
padding-top: 30px;
padding-left: 30px;
padding-right: 30px;
font-size: 16px;
font-weight: 900;
letter-spacing: 0.1rem;
}
.kaeru_tabin {
position: relative;
display: inline-block;
margin-right: 30px;
padding-top: 9px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 0px;
color: #fff;
background: #5bb262;
height: 32px;
line-height: 1;
vertical-align: middle;
font-size: 12px;
letter-spacing: 0.1rem;
}
.kaeru_tabin:before {
position: absolute;
top: 0;
right: -30px;
content: '';
border-width: 16px 15px 16px 15px;
border-style: solid;
border-color: transparent transparent transparent #5bb262;
}
.kaeru_tabin02 {
position: relative;
display: inline-block;
padding-top: 9px;
padding-right: 10px;
padding-left: 10px;
color: #fff;
background: #2e3540;
height: 32px;
line-height: 1;
vertical-align: middle;
font-size: 12px;
letter-spacing: 0.1rem;
}
.kaeru_tabin02 {
color: #fff;
background-color: #515862;
}
.kaeru_tabin02:before {
border-color: transparent transparent transparent #577c64;
}
.kaeru_dl {
margin-left: 30px;
margin-right: 30px;
display: flex;
align-content: space-between;
justify-content: space-between;
margin-top: 15px;
}
.kaeru_dt {
color: #515862;
font-weight: 600;
font-size: 14px;
width: 70px;
text-align: left;
letter-spacing: 0.1rem;
}
.kaeru_dd {
font-size: 14px;
color: #515862;
font-weight: 400;
flex: 1;
text-align: left;
letter-spacing: 0.1rem;
}
.kaeru_dl02 {
text-align: left;
display: flex;
justify-content: space-between;
align-content: space-between;
color: #515862;
padding-top: 15px;
margin-left: 30px;
}
.kaeru_dt02 {
width: 49%;
}
.kaeru_dt02txt {
font-size: 14px;
font-weight: 600;
padding-bottom: 10px;
}
.kaeru_dt02txt02 {
display: flex;
}
.kaeru_dt02price {
width: 60%;
color: #e85555;
font-size: 30px;
font-weight: 900;
letter-spacing: 0.2rem;
}
.kaeru_dt02price02 {
width: 40%;
}
.kaeru_dt02ptxt01 {
text-align: right;
font-size: 10px;
font-weight: 400;
letter-spacing: 0.1rem;
}
.kaeru_dt02ptxt02 {
text-align: right;
font-size: 18px;
font-weight: 600;
padding-right: 14px;
letter-spacing: 0.1rem;
}
.kaeru_hensai {
border: 1px solid #515862;
}
.kaeru_hensai_ttl {
padding-top: 10px;
padding-right: 10px;
padding-left: 10px;
background-color: #515862;
color: #FFFFFF;
font-size: 12px;
font-weight: 600;
text-align: center;
padding-bottom: 10px;
letter-spacing: 0.1rem;
}
.kaeru_hensai_dd {
padding-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
padding-top: 10px;
}
.kaeru_btn {
display: flex;
margin-top: 20px;
justify-content: space-between;
align-content: space-between;
}
.kaeru_hensai_dd01 {
font-size: 12px;
font-weight: 600;
text-align: left;
}
.kaeru_hensai_dd02 {
color: #e85555;
font-size: 14px;
font-weight: 900;
text-align: left;
}
.kaeru_hensai_dd03 {
font-size: 10px;
font-weight: 400;
text-align: left;
}
.kaeru_btn01 {
color: #FFFFFF;
font-size: 16px;
font-weight: 600;
display: block;
width: 50%;
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
letter-spacing: 0.2rem;
}
.kaeru_btn_gold {
background-color: #c3936a;
}
.kaeru_btn_gray {
background-color: #9a9eac;
} .overlay {
display: none;
position: fixed;
top: 0;
left: 0;
background-color:rgba(132,103,78,0.50);
width: 100%;
height: 100%;
z-index: 10;
}
.modal-window {
display: none;
position: fixed;
top: 45%;
left: 50%;
transform: translate(-50%, -50%);
width: 90%;
background-color: #fff;
z-index: 11;
padding: 30px;
height: 80%;
max-width: 400px;
}
.button-close {
position: absolute;
bottom: 2%;
left: 50%;
transform: translate(-50%, -50%);
width: 200px;
padding: 15px;
background-color: #9a9eac;
color: #eaeaea;
cursor: pointer;
font-size: 14px;
font-weight: 600;
}
.section-title {
text-align: center;
margin: 2em;
font-size: 20px;
}
.button-open {
display: block;
margin: 0 auto;
cursor: pointer;
} .no_scroll {
overflow: hidden;
}
.kaeru_d_ttl {
color: #515862;
font-size: 14px;
font-weight: 600;
padding-bottom: 15px;
text-align: left;
line-height: 1.5;
}
.kaeru_d_photo {
display: flex;
padding-bottom: 15px;
justify-content: space-between;
align-content: space-between;
}
.kaeru_d_l {
width: 49%;
}
.kaeru_d_p {
padding-bottom: 10px;
}
.kaeru_d_ttl02 {
color: #515862;
font-size: 14px;
font-weight: 600;
text-align: left;
padding-bottom: 15px;
}
.kaeru_d_tbl {
display: flex;
justify-content: space-between;
align-content: space-between;
padding-bottom: 10px;
}
.kaeru_d_dt {
width: 100px;
color: #515862;
font-size: 14px;
font-weight: 400;
text-align: left;
line-height: 1.5;
}
.kaeru_d_dd {
color: #515862;
text-align: left;
font-size: 14px;
font-weight: 200;
flex: 1;
line-height: 1.5;
}
.kaeru_win {
height: 87%;
overflow-y: scroll;
}
.kaeru_sold {
padding: 20px;
background-color: #dcdbdb;
text-align: center;
color: #797d83;
font-size: 16px;
font-weight: 600;
margin-top: 27px;
margin-left: 30px;
margin-right: 30px;
letter-spacing: 0.1rem;
}
.kaeru_btn02 {
width: 100%;
}
.kaeru_l {
padding-left: 20px;
padding-right: 20px;
}
.kaeru_non_ttl {
width: 100%;
text-align: center;
position: absolute;
top: 0px;
left: 0px;
}
.kaeru_non_ttl01 {
background-color: #dcdbdb;
color: #515862;
text-align: center;
font-size: 16px;
font-weight: 400;
margin-top: 40%;
margin-right: auto;
margin-left: auto;
margin-bottom: 0;
padding-top: 20px;
padding-bottom: 20px;
width: 50%;
}
.kaeru_non_ttl02 {
color: #FFFFFF;
font-size: 20px;
font-weight: 600;
text-align: center;
padding-top: 20px;
}
.kaeru_nonopen {
background-color: #dcdbdb;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
height: 258px;
}
.kaeru_non_txt {
color: #515862;
font-size: 16px;
line-height: 1.5;
text-align: center;
font-weight: 400;
letter-spacing: 0.1rem;
}
.cr_model {
position: relative;
overflow: hidden;
}
.cr_ttl {
z-index: 1;
position: relative;
}
.cr_ttl01 {
color: #d0a658;
font-size: 42px;
font-weight: 500;
text-align: center;
padding-bottom: 20px;
}
.cr_ttl02 {
color: #d0a658;
font-size: 20px;
font-weight: 600;
text-align: center;
}
.cr_v {
top: 0px;
left: 0px;
z-index: -1;
min-width: 100%;
position: fixed;
z-index: 0;
overflow: hidden;
min-height: 100vh;
}
.cr_ttl_tate {
position: absolute;
top: 0px;
z-index: 1;
text-align: left;
left: 0px;
width: 100%;
}
.crttl01_tate {
text-align: left;
font-size: 16px;
padding: 20px;
color: #303030;
background-color: #FFFFFF;
margin-left: 15px;
display: inline-block;
letter-spacing: 0.2rem;
}
.cr_ttl_tate_in {
padding-right: 20px;
text-align: left;
}
.cr_bk {
background-color: #2e3540;
padding-top: 90px;
padding-bottom: 0px;
}
.cr_box01 {
}
.cr_b01_01ttl01 {
font-size: 20px;
font-weight: 600;
color: #FFFFFF;
letter-spacing: 0.1rem;
}
.cr_b01_01ttl02 {
color: #d0a658;
font-size: 30px;
font-weight: 600;
}
.cr_b01_01ttl {
padding-bottom: 30px;
}
.cr_b01_01link {
padding-bottom: 20px;
}
.cr_b01_01link a {
color: #d0a658;
font-size: 14px;
font-weight: 600;
text-align: left;
padding-right: 20px;
letter-spacing: 0.2rem;
display: inline-block;
padding-bottom: 20px;
}
.cr_b01_01link a strong {
color: #FFFFFF;
font-weight: 900;
padding-left: 5px;
}
.cr_b01_01img {
margin: 0 auto;
width: 90%;
padding-bottom: 30px;
}
.cr_box01new {
padding-top: 40px;
}
.cr_b01num {
margin: 0 auto;
padding-bottom: 20px;
height: 80px;
}
.cr_b01ttl {
color: #FFFFFF;
font-size: 20px;
line-height: 2;
padding-bottom: 20px;
font-weight: 600;
text-align: left;
}
.cr_b01p {
color: #FFFFFF;
font-size: 14px;
font-weight: 300;
text-align: left;
line-height: 2.5;
padding-bottom: 30px;
}
.cr_b01txt {
padding-left: 20px;
padding-right: 20px;
}
.cr_img_r {
padding-left: 20px;
}
.cr_img_both {
padding-left: 20px;
padding-right: 20px;
}
.cr_img_r02 {
padding-left: 0px;
}
.cr_img_l {
padding-right: 20px;
}
.cr_b01_l {
position: relative;
z-index: 2;
}
.cr_box02 {
position: relative;
z-index: 1;
margin-top: 40px;
}
.cr_box02::before {
content: '';
position: absolute;
top: 0;
bottom: 40px;
left: 60px;
right: 0;
background-color: #d0a658;
z-index: 0;
}
.cr_box04 {
position: relative;
z-index: 1;
margin-top: 40px;
}
.cr_box04::before {
content: '';
position: absolute;
top: 0;
bottom: 0px;
left: 0px;
right: 0;
background-color: #fff;
z-index: 0;
}
.cr_box05::before {
background-color:#D9DCEB;
}
.cr_b04ttl {
color: #2e3540;
}
.cr_b04p {
color: #2e3540;
}
.cr_land {
color: #FFFFFF;
font-size: 16px;
font-weight: 600;
text-align: center;
border-radius: 100px;
padding-top: 20px;
padding-right: 60px;
padding-left: 60px;
padding-bottom: 20px;
background-color: #c3936a;
margin-left: auto;
margin-right: auto;
display: inline-block;
margin-bottom: 30px;
}
.cr_box05 {
margin-top: 0px;
}
.cr_b05subttl {
font-size: 14px;
font-weight: 300;
color: #000000;
letter-spacing: 0.2rem;
padding-bottom: 15px;
}
.cr_b05_a {
color: #5bb262;
font-weight: 600;
font-size: 30px;
}
.cr_b05_b {
font-size: 30px;
color: #e2ae00;
font-weight: 600;
}
.cr_b05_c {
color: #c3936a;
font-weight: 600;
font-size: 30px;
}
.cr_b05_img {
display: none;
}
.cr_b05_house {
display: none;
}
.works {
padding-top: 90px;
padding-bottom: 90px;
background-color: #FFFFFF;
}
.works_img_flex {
padding-left: 20px;
padding-right: 20px;
}
.works_img01 {
padding-bottom: 20px;
}
.works_img02 {
padding-bottom: 20px;
}
.works_img_l02 {
display: flex;
padding-bottom: 20px;
}
.works_img03 {
width: 50%;
}
.works_img04 {
width: 50%;
}
.cr_b03_s {
padding-bottom: 30px;
}
.cr_v video{
-webkit-backface-visibility: hidden; -webkit-filter: brightness(100%);
filter: brightness(100%); }
.cr_v video.v_over{
opacity: 0;
-webkit-filter: blur(15px) brightness(140%);
filter: blur(15px) brightness(140%);
z-index: -1;
}
.cr_v video{ }
.cr_v .cr_img{
-webkit-backface-visibility: hidden;  }
.cr_v .cr_img.v_over{
opacity: 0;
-webkit-filter: blur(15px) brightness(150%);
filter: blur(15px) brightness(150%);
z-index: -1;
}
.cr_v img{
object-fit: cover;
}
.cr_ttl img.op0 {
opacity: 0;
}
.cr_maru_flex {
display: flex;
justify-content: center;
align-content: center;
}
.cr_maru_l {
width: 33.333%;
}
.cr_left {
margin-right: -10px;
}
.cr_right {
margin-left: -10px;
}
.cr_btm {
margin-bottom: -40px;
}
.cr_maru_l a img:hover {
filter: opacity(0.2) drop-shadow(0 0 0 #d0a658); 
}
.kaeru_map_btn {
margin-top: -30px;
margin-right: auto;
margin-left: auto;
margin-bottom: 30px;
width: 80%;
position: relative;
z-index: 5;
}
.kaeru_map_btn a {
display: block;
border-radius: 100px;
padding: 10px;
background-color: #FFFFFF;
-webkit-box-shadow: 0px 0px 3px 0px #1A1A1A;
box-shadow: 0px 0px 3px 0px #1A1A1A;
text-align: center;
color: #528AC4;
font-size: 12px;
font-weight: 600;
}
.kaeru_map_icon {
width: 20px;
display: inline-block;
margin-right: 5px;
}
.kaeru_map_txt_sp {
display: inline-block;
}
.kaeru_map_txt_pc {
display: none;
}
.foot_menkyo {
border-top: 1px solid #E8E8E8;
padding-top: 10px;
margin-top: 10px;
}
.foot_p02 {
padding-bottom: 20px;
}
.kaeru_p_box {
position: relative;
}
.kaeru_tbl_btm {
padding-bottom: 30px;
}
.kaeru_bn {
font-size: 9px;
line-height: 1.1;
padding-left: 30px;
text-align: right;
padding-top: 5px;
color: #5E5E5E;
}
.kaeru_ttil03box {
position: relative;
}
.kaeru_ttl_tab {
position: absolute;
left: 30px;
top: 10px;
display: inline-block;
font-size: 10px;
color: #676d74;
font-weight: 600;
background-color: #dcdbdb;
padding: 5px;
text-align: left;
}
.crm01 {
font-size: 14px;
font-weight: 600;
text-align: center;
padding-bottom: 20px;
color: #2e3540;
}
.crm02 {
font-size: 22px;
font-weight: 600;
text-align: center;
line-height: 2;
padding-bottom: 20px;
color: #2e3540;
}
.crm03 {
font-size: 14px;
font-weight: 600;
text-align: center;
line-height: 2.5;
color: #2e3540;
padding-bottom: 20px;
}
.crm_b_flex {
text-align: center;
padding-bottom: 60px;
padding-top: 20px;
}
.crm_b {
width: 32%;
padding-left: 0px;
padding-right: 0px;
display: inline-block;
}
.btn_big{
transition: 0.3s;
transition-duration: .4s;	
}
.btn_big:hover {
transform: scale(1.1);
z-index: 301;
}
.crm_wrap {
position: relative;
padding-bottom: 90px;
background-repeat: repeat-y;
}
.crm_t01 {
color: #3d404b;
font-size: 14px;
font-weight: 400;
}
.crm_v02 {
position: relative;
z-index: 1;
padding-left: 60px;
}
.crm_w02 {
border-top: 1px solid #dcdbdb;
}
.crm_tag {
color: #2e3540;
font-size: 16px;
padding-top: 15px;
padding-right: 30px;
padding-left: 30px;
padding-bottom: 15px;
font-weight: 100;
position: absolute;
right: 20px;
top: -20px;
z-index: 1;
display: inline-block;
background-color: #FFFFFF;
letter-spacing: 0.1em;
}
.crm_tag.crm_tag_l {
position: absolute;
right: auto;
left: 20px;
top: -20px;
z-index: 1;
display: inline-block;
}
.crm_v03 {
margin-left: 60px;
margin-right: 60px;
padding-bottom: 60px;
} @keyframes infinity-scroll-left {
from {
transform: translateX(0);
}
to {
transform: translateX(-100%);
}
} _:-ms-lang(x)::-ms-backdrop,
.d-demo {
display: -ms-grid;
overflow: hidden;
} .d-demo__wrap {
display: flex;
overflow: hidden;
}
.d-demo__list {
display: flex;
list-style: none;
}
.d-demo__list--left{
animation :infinity-scroll-left 95s infinite linear 0.5s both;
}
.d-demo__item {
width: calc(100vw / 2);
}
.crm_f_flex {
margin-top: 10px;
margin-right: 20px;
margin-left: 20px;
margin-bottom: 40px;
padding: 20px;
background-color: #FFFFFF;
}
.crm_f_flex02 {
padding-right: 20px;
padding-left: 20px;
padding-bottom: 40px;
}
.crm_fd_flex {
display: flex;
justify-content: space-between;
align-content: center;
align-items: center;
margin-bottom: 20px;
}
.crm_fd_ttl {
font-size: 14px;
width: 100px;
text-align: left;
border-bottom: 1px solid #606060;
padding-bottom: 20px;
}
.crm_fd_dd {
font-size: 14px;
text-align: left;
flex: 1;
border-bottom: 1px solid #bebebe;
padding-bottom: 20px;
}
.crm_t01w {
color: #FFFFFF;
}
.top_msg_box {
margin-left: 20px;
margin-right: 20px;
padding-right: 20px;
padding-left: 20px;
padding-bottom: 50px;
position: relative;
z-index: 1;
max-width: 1400px;
}
.cmr_day01 {
font-size: 70px;
text-align: center;
display: inline-block;
padding-bottom: 20px;
color: #FFFFFF;
}
.ev_box_flex {
margin-top: -50px;
position: relative;
}
.ev_dayin {
margin-right: 40px;
padding-top: 60px;
padding-left: 40px;
padding-bottom: 120px;
background-color: #FFFFFF;
position: relative;
z-index: -1;
}
.ev_ttl01 {
color: #2e3540;
font-size: 14px;
font-weight: 600;
text-align: center;
padding-bottom: 30px;
}
.ev_ttl02 {
color: #c3936a;
font-size: 20px;
font-weight: 600;
text-align: center;
padding-bottom: 30px;
}
.ev_p {
color: #2e3540;
font-size: 14px;
font-weight: 400;
text-align: center;
line-height: 2;
}
.ev_p strong {
color: #c3936a;
}
.ev_daybox02 {
margin-left: 40px;
margin-top: -40px;
position: relative;
z-index: 0;
}
.ev_img {
position: relative;
z-index: 0;
}
.ev_img02 {
position: absolute;
z-index: 1;
top: -60px;
width: 200px;
left: 50%;
margin-left: -120px;
}
.top_msg_box_bnr {
margin-top: 8em;
padding-top: 8em;
padding-bottom: 10em;
padding-left: 0px;
padding-right: 0px;
position: relative;
background-image: url(//www.umhouse.jp/mgr/wp-content/themes/toda/mys/img/md_bk.gif);
background-repeat: repeat;
background-size: 100% auto;
}
.top_msg_box_ttl {
margin-bottom: 5px;
margin-top: 0px;
padding-top: 20px;
padding-bottom: 20px;
color: #FFFFFF;
text-align: center;
font-size: 16px;
font-weight: 600;
background-color: #2e3540;
display: inline-block;
position: absolute;
top: -80px;
left: 15px;
padding-right: 12px;
width: 40px;
}
.v_img {
margin-bottom: -10em;
position: relative;
z-index: 2;
max-width: 65em;
margin-left: auto;
margin-right: auto;
padding-left: 5px;
padding-right: 5px;
}
.ev_img_b {
padding-top: 20px;
}
.crm_day03 {
font-size: 20px;
font-weight: 400;
}
.crm_day03m {
margin-right: 10px;
}
.crm_day03mr {
margin-left: -5px;
}
.f_c {
padding-left: 10px;
color: #535353;
font-size: 10px;
line-height: 1.7;
}
.txt_free {
width: 80px;
position: absolute;
top: 0px;
left: 4%;
z-index: 1;
}
.ev_san {
font-size: 12px;
color: #000000;
}
.actions.margin0 a {
margin: 0 auto;
}
.cv_telp {
font-size: 14px;
text-align: center;
font-weight: 600;
color: #3d404b;
line-height: 1.7;
padding-bottom: 10px;
}
.c_book_ttl {
color: #000000;
font-size: 20px;
text-align: center;
font-weight: 600;
padding-bottom: 70px;
padding-top: 20px;
position: relative;
}
.c_book_ttl:after{
bottom: 0px;
left: 50%;
margin-left: -25px;
width: 50px;
height: 50px;
border-top: 1px solid #7f7d79;
}
.c_book_ttl:after {
position: absolute;
content: '';
}
.c_book_flex {
}
.c_book_p {
text-align: left;
color: #000000;
padding-top: 10px;
}
.c_book_lead {
font-size: 14px;
color: #000000;
text-align: left;
line-height: 2;
padding-top: 20px;
padding-bottom: 20px;
}
.access_l02 {
color: #FFFFFF;
padding-left: 40px;
padding-right: 40px;
}
.ctg_eng {
padding-top: 20px;
}
.c_book {
background-color: #FFFFFF;
margin: 20px;
padding: 30px;
border: 10px solid #2B2F35;
}
.c_book_img_flex {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.c_book_img img {
display: block;
}
.price {
padding-top: 30px;
padding-bottom: 30px;
text-align: center;
position: relative;
margin-left: auto;
margin-right: auto;
}
.pd_btm80 {
padding-bottom: 80px;
}
.price01 {
font-size: 12px;
font-weight: 600;
color: rgba(255,255,255,0.65);
}
.price02 {
font-size: 50px;
color: #FFFFFF;
margin-left: 10px;
margin-right: 5px;
letter-spacing: 3px;
font-style: italic;
}
.price_tx {
color: rgba(255,255,255,0.08);
font-size: 80px;
position: absolute;
top: 0px;
left: 20px;
}
.prt_ttl {
background-color: #2E3540;
color: #FFFFFF;
text-align: center;
padding-top: 20px;
padding-bottom: 20px;
font-size: 14px;
font-weight: 600;
}
.prt_box {
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 0px;
}
.prt_lead {
padding-top: 20px;
padding-bottom: 20px;
text-align: center;
font-size: 14px;
font-weight: 600;
color: #A60F12;
}
.prt_list {
font-size: 14px;
color: #000000;
text-align: left;
font-weight: 600;
line-height: 1.3;
padding-bottom: 10px;
}
.prt_lead2 {
font-size: 10px;
line-height: 1.5;
text-align: center;
}
.cmp_box {
background-color: #FFFFFF;
padding-bottom: 80px;
background-image: url(//www.umhouse.jp/mgr/wp-content/themes/toda/mys/img/bnr1420_350bk.jpg);
background-size: cover;
background-repeat: no-repeat;
}
.cmp_box02{
background-color: #013354;
background-image: none;
}
.balloon1 {
position: relative;
display: inline-block;
margin: 1.5em 0;
padding: 14px 10px;
max-width: 100%;
color: #FFFFFF;
font-size: 12px;
background-color: #050505;
font-weight: 600;
}
.balloon1:before {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border: 5px solid transparent;
border-top: 5px solid #050505;
}
.ank_more_lead {
font-size: 16px;
color: #2E3540;
font-weight: 600;
line-height: 1.4;
text-align: left;
}
.ank_lst {
padding-bottom: 10px;
}
.ank01 {
padding-bottom: 20px;
padding-top: 20px;
border-top: 1px solid #2E3540;
margin-top: 30px;
}
.ank_flex {
max-width: 400px;
margin-left: auto;
margin-right: auto;
padding-bottom: 40px;
}
.ank_btn {
font-size: 14px;
font-weight: 600;
color: #FFFFFF;
text-align: center;
margin-left: auto;
margin-right: auto;
cursor: pointer;
max-width: 230px;
}
.ank_btn_close,.ank_btn_open {
display: none;
}
.close .ank_btn_close {
display: block;
background-color: #050505;
padding-top: 15px;
padding-bottom: 15px;
}
.open .ank_btn_open {
display: block;
}
.ank_form {
display: none;
padding-top: 20px;
}
.ank_box {
padding-top: 20px;
margin-left: auto;
margin-right: auto;
position: relative;
}
.ank_ttl {
font-size: 20px;
font-weight: 500;
color: #515862;
text-align: center;
padding-top: 40px;
}
.ank_br {
padding-bottom: 10px;
}
.ank_row {
line-height: 1.7;
text-align: left;
}
.ank_kome {
padding-bottom: 20px;
}
.mv_box_lead {
line-height: 2;
font-size: 12px;
text-align: left;
padding-top: 20px;
color: #FFFFFF;
padding-bottom: 20px;
padding-left: 40px;
padding-right: 40px;
}
.mv_box {
padding-left: 0px;
padding-right: 0px;
}
.top_logo {
margin-left: auto;
margin-right: auto;
text-align: center;
margin-top: -370px;
position: relative;
z-index: 10;
}
.no_line {
border: none;
}
.actions.actions02 a {
background-color: #006f81;
color: #FFFFFF;
}
.quo_bnr_wrap {
position: relative;
z-index: 1;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.quo_bnr_box {
padding-top: 1em;
padding-right: 5em;
padding-left: 5em;
padding-bottom: 5em;
}
.quo_bnr {
position: relative;
background-image: url(//www.umhouse.jp/mgr/wp-content/themes/toda/mys/img/msg_bk.jpg);
background-repeat: repeat;
background-size: cover;
background-position: 50% 0%;
margin-top: 20px;
margin-right: 20px;
margin-left: 20px;
padding-top: 25px;
}
.quo_bnr.quo_bnr_k {
position: relative;
box-shadow: none;
-webkit-box-shadow: none;
max-width: 1000px;
margin-top: 0px;
margin-right: auto;
margin-left: auto;
margin-bottom: 0px;
}
.quo_img {
}
.actions02 {
padding-bottom: 30px;
}
.tec_wrap_bk {
background-color: #EFEAD7;
}
.mgn_btm10 {
margin-bottom: 10px;
}
.cv_ttl {
position: absolute;
z-index: 2;
top: 80px;
left: 0;	
}
.cr_m_active .cv_ttl {
position: fixed;
z-index: 2;
top: 80px;
left: 0;
}
.cr_m_active .cr_v02 {
position: fixed;
left: 0px;
z-index: -1;
top: 0px;
}
.fade_active{
animation-duration:2s;
animation-fill-mode:forwards;
transition-timing-function: ease;
}
.fade_active_short{
animation-duration:0.5s;
animation-fill-mode:forwards;	
}
.fade_active.fadeLeft{
animation-name:fadeLeftAnime;
}
@keyframes fadeLeftAnime{
from {
opacity: 0;
transform: translateX(-20px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
.fade_active.fadeRight{
animation-name:fadeRightAnime;
}
@keyframes fadeRightAnime{
from {
opacity: 0;
transform: translateX(20px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
.fade_active.fadeUp{
animation-name:fadeUpAnime;
}
@keyframes fadeUpAnime{
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.fade_active.fadeIn{
animation-name:fadeInAnime;
}
@keyframes fadeInAnime{
from {
opacity: 0;
transform: translateY(0px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.fade_active.fadeFit{
animation-name:fadeFitAnime;
}
@keyframes fadeFitAnime{
from {
opacity: 0;
transform: translateY(0px);
transform: scale(1.3);
filter: blur(1.5rem);  
}
to {
opacity: 1;
transform: translateY(0);
transform: scale(1);
filter: blur(0);  
}
}
.fade_active.fade_active_short.fadeOut{
animation-name:fadeOutAnime;
}
@keyframes fadeOutAnime{
from {
opacity: 1;
}
to {
opacity: 0;
z-index: -10;
}
}
.Trigger{
opacity: 0;
}
.Trigger.fade_active_short {
opacity: 1;
}
.toku_ul {
padding-right: 1em;
padding-left: 2.3em;
padding-bottom: 0.5em;
position: relative;
color: #050505;
font-size: 14px;
font-weight: 500;
}
.toku_ul li {
line-height: 2;
padding: 0.5em 0;
list-style-type: none!important;
text-align: left;
}
.toku_ul li:before {
font-family: "FontAwesome";
content: "\f0da";
position: absolute;
left : 0.7em; color: #FF3E00; font-size: 12px;	
}
.toku_box {
padding-top: 20px;
padding-right: 20px;
padding-left: 20px;
margin-top: 60px;
margin-right: 20px;
margin-left: 20px;
margin-bottom: 20px;
border-left-color: #050505;
border-right-color: #050505;
border-top-color: #050505;
border-left-style: solid;
border-right-style: solid;
border-top-style: solid;
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 1px;
}
.toku_ttl {
color: #050505;
font-size: 20px;
display: inline-block;
margin-left: auto;
margin-right: auto;
background-color: #FFFFFF;
font-weight: 600;
padding-left: 15px;
padding-right: 15px;
line-height: 1.5;
}
.toku_ttl_wrap {
margin-top: -30px;
}
.toku_tyui {
color: #c45555;
font-size: 14px;
font-weight: 600;
padding-top: 30px;
padding-bottom: 20px;
}
.toku_kome {
font-size: 10px;
line-height: 2;
text-align: left;
padding-left: 10px;
padding-right: 10px;
}
.cv_ttl02 {
color: #ffef72;
font-size: 28px;
font-weight: 900;
padding-top: 30px;
padding-bottom: 30px;
}
.radio_input_k {
max-width: 400px;
margin-left: auto;
margin-right: auto;
width: 48%;
}
.toku_box.toku_box02 {
margin-left: 0px;
margin-right: 0px;
border-left-style: none;
border-right-style: none;
padding-left: 0px;
padding-right: 0px;
margin-top: 10px;
}
.ank_btn_open {
background-color: #E5E5E5;
padding-top: 15px;
padding-bottom: 15px;
}
.actions.actions_form a {
background-color: #006f81;
color: #FFFFFF;
max-width: 550px;
font-size: 20px;
width: 80%;
}
.foot_wrap {
background-repeat: repeat;
background-image: url(//www.umhouse.jp/mgr/wp-content/themes/toda/mys/img/md_bk.gif);
background-position: 50% 0%;
background-size: 80% auto;
background-color: #CCCCCC;
}
.top_logo_wrap {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100vh;
display: flex;
align-items: center;
}
.quo_tyui {
color: #FFFFFF;
font-size: 10px;
text-align: left;
font-weight: 100;
line-height: 2;
}
.txt_gray {
color: #d9d9d9;
}
.mdl_ttl02{
font-size: 28px;
font-weight: 300;
padding-bottom: 20px;
letter-spacing: 0.2em;	
}
.mdl_cnt_flex {
position: relative;
z-index: 2;
padding-left: 20px;
padding-right: 20px;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.mdl_img {
margin-bottom: 8em;
}
.mdl_lead {
padding-bottom: 7em;
margin-bottom: 20px;
position: relative;
}
.mdl_lead_ttl {
font-size: 4em;
font-weight: 100;
line-height: 1.7;
padding-bottom: 0.5em;
text-align: left;
}
.mdl_lead_p {
font-size: 2em;
line-height: 3;
font-weight: 500;
text-align: left;
}
.plan_ttl {
font-size: 40px;
font-weight: 400;
letter-spacing: 0.3em;
padding-bottom: 10px;
}
.plan_ttl02 {
font-size: 14px;
font-weight: 600;
padding-bottom: 40px;
}
.madori_label {
display: inline-block;
padding-top: 15px;
padding-right: 25px;
padding-left: 25px;
padding-bottom: 15px;
font-size: 5em;
font-weight: 400;
margin-bottom: 20px;
}
.margin-top30 {
margin-top: 50px;
}
.midle_cv_bk {
background-image: url(//www.umhouse.jp/mgr/wp-content/themes/toda/mys/img/midle_cv_bk.jpg);
background-repeat: no-repeat;
background-size: cover;
padding-top: 24em;
padding-bottom: 14em;
text-align: center;
position: relative;
z-index: 20;
padding-left: 5em;
padding-right: 5em;
}
.md_img {
margin-bottom: 20px;
width: 80%;
margin-left: auto;
margin-right: auto;
}
.midle_cv_box {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
background-color: #ececec;
position: relative;
}
.contact_book .midle_cv_box {
margin-left: auto;
margin-right: auto;
background-color: #ececec;
position: relative;
padding-bottom: 2em;
}
.glr_ttl_box {
max-width: 1200px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 40px;
}
.m_glr_ttl {
font-size: 40px;
font-weight: 500;
letter-spacing: 0.2em;
padding-bottom: 20px;
}
.txt_black {
color: #050505;
text-align: left;
}
.m_glr_ttl02 {
width: 80%;
margin-right: 0px;
margin-left: auto;
position: relative;
text-align: right;
font-size: 14px;
font-weight: 600;
}
.m_glr_ttl02:before {
position: absolute;
top: calc(50% - 1px);
left: 0;
width: 100%;
height: 1px;
content: '';
background: #050505;
}
.m_glr_ttl02 span {
position: relative;
padding: 0 1em;
background: #fff;
}
.contact_ttl {
background-color: #FFFFFF;
padding-top: 80px;
padding-bottom: 0px;
overflow: hidden;
}
.cv_tel_bk {
padding-right: 5em;
padding-left: 5em;
background-size: cover;
padding-bottom: 10em;
position: relative;
}
.cv_tel_box {
padding-top: 8em;
position: relative;
max-width: 700px;
margin-left: auto;
margin-right: auto;
padding-bottom: 8em;
background-size: cover;
border: 1px solid #000000;
}
.cv_tel_ttl {
font-size: 3.5em;
font-weight: 400;
padding-bottom: 20px;
text-align: center;
}
.cv_tel_num {
font-size: 7em;
font-weight: 200;
padding-bottom: 0.4em;
padding-top: 0.1em;
}
.cv_tel_p {
font-size: 3em;
font-weight: 300;
text-align: center;
}
.md_tyui .md_visit_p, .md_tyui .md_stay_p{
font-size: 12px;
font-weight: 300;
text-align: left;
line-height: 2;
display: none;
}
.md_tyui.md_stay .md_stay_p{
display: block;
}
.md_tyui.md_visit .md_visit_p{
display: block;
}
.top_logo_img {
width: 30em;
}
.start_img{
opacity: 0;
visibility: hidden;
}
.start_img.active{
opacity: 1;
visibility: visible;
}
.logo_txt {
font-size: 5em;
text-align: center;
color: #231714;
font-weight: 100;
line-height: 1.5;
letter-spacing: 0.3em;
}
.cv_tel_sp {
color: #000000;
text-align: center;
border-radius: 100px;
padding-top: 0.7em;
padding-bottom: 0.5em;
font-size: 4em;
display: inline-block;
padding-left: 1.5em;
padding-right: 1.5em;
margin-bottom: 20px;
border: 1px solid #000000;
}
.land_l_detail_noborder {
border: none;
}
.gmap iframe {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-o-filter: grayscale(100%);
-ms-filter: grayscale(100%);
filter: grayscale(100%);
margin-bottom: 20px;
}
.mdl_ttl01 .mdl_ttl01-02 {
font-weight: 500;
}
.blend {
height: 200px;
width: 90%;
background-image: linear-gradient(90deg, rgba(0, 111, 129, 1), rgba(225, 216, 199, 1) 76%, rgba(115, 104, 95, 1));
}
.color_white {
color: #FFFFFF;
}
.gift_wrap {
padding-top: 4em;
padding-right: 6em;
padding-left: 6em;
padding-bottom: 3em;
background-color: #000913;
margin-left: auto;
margin-right: auto;
max-width: 800px;
}
.md_bk_box {
position: relative;
padding-top: 12em;
}
.md_main{
display: inline-block;
position: relative;
width: 100%;
margin-bottom: 8em;
overflow: hidden;
}
.md_main::before{
content: "";
display: block;
padding-top: 100%;
}
.md_main img{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
object-fit: cover;
object-position: auto;
}
.mdl_img_k {
margin-bottom: 8em;
}
.md_txt02 {
font-size: 3.7em;
font-weight: 100;
line-height: 2;
padding-top: 0em;
padding-bottom: 1em;
margin-top: -1em;
}
.md_txt03 {
font-size: 3em;
padding-bottom: 1em;
}
.quo_tyui_k {
color: #000000;
}
.tel_time {
font-size: 2em;
padding-bottom: 2em;
}
.catalog_row.nondisp {
display: none;
}
.foot_logo {
width: 35em;
margin-left: auto;
margin-right: auto;
padding-bottom: 8em;
}
.foot_lead {
font-size: 10px;
text-align: center;
padding-bottom: 1em;
line-height: 1.5;
}
.foot_cp {
font-size: 3em;
padding-bottom: 2em;
}
.foot_cp_post {
font-size: 2em;
padding-bottom: 2em;
line-height: 2;
text-align: left;
}
.foot_lead02 {
font-size: 2em;
padding-bottom: 5em;
}
.foot_btm {
background-color: #888989;
padding-top: 8em;
padding-bottom: 16em;
}
.foot_c {
padding-top: 2em;
font-size: 10px;
}
.top_logo_pos {
position: absolute;
left: 0px;
top: 5vh;
width: 100%;
z-index: 3;
}
.top_msg_no1 img {
width: 30em;
margin-left: auto;
margin-right: auto;
display: block;
margin-top: -5em;
}
.top_msg_no1 {
padding-bottom: 10em;
}
.top_msg_daia img {
height: 10em;
display: block;
margin-left: auto;
margin-right: auto;
width: auto;
}
.top_msg_daia_ttl {
font-size: 4em;
text-align: center;
transform: translateY(-1.7em);
}
.gmap {
padding-bottom: 1em;
}
.btn_anm_line{
overflow: visible;
}
.qr_btn_box {
padding-top: 5em;
padding-bottom: 5em;
}
.dli-chevron-right {
display: inline-block;
vertical-align: middle;
color: #fff;
line-height: 1;
width: 8px;
height: 8px;
border: 1px solid currentColor;
border-left: 0;
border-bottom: 0;
box-sizing: border-box;
transform: rotate(45deg) translateX(-0.6em) translateY(0.3em);
position: absolute;
top: 50%;
right: 0;
transition: ease .2s;
}
.actions a:hover .dli-chevron-right{
transform: rotate(45deg) translateX(-0.2em) translateY(-0.05em);
}
.top_msg02box {
padding-top: 22em;
background-repeat: repeat-y;
background-color: rgba(255,255,255,0.70);
z-index: 0;
position: relative;
margin-top: -22em;
}
.top_msg02_flex {
display: flex;
align-items: center;
padding-top: 5em;
}
.top_msg02_list {
width: 20em;
}
.top_msg02_p   {
font-size: 4em;
line-height: 2;
display: flex;
align-items: center;
text-align: left;
}
.top_msg02_img {
flex: 1;
}
.top_msg02_img img {
display: block;
}
.top_msg02_img01 {
}
.top_msg02_img02 {
}
.top_msg02_lead {
font-size: 4em;
padding-bottom: 0.5em;
line-height: 2;
}
.top_msg03_lead {
font-size: 4em;
padding-bottom: 0.5em;
padding-top: 0.8em;
line-height: 2;
}
.top_msg02_tate {
padding-top: 6em;
}
.top_tate_img {
display: block;
width: 80%;
margin-left: auto;
}
.top_msg_daia {
padding-bottom: 5em;
}
.top_msg02_flex_wrap {
padding-bottom: 8em;
}
.top_msg03 {
padding-right: 3em;
padding-left: 3em;
padding-bottom: 8em;
font-size: 28px;
text-align: left;
line-height: 3;
margin-left: auto;
margin-right: auto;
max-width: 900px;
}
.md_in_flex01 {
padding-right: 20px;
padding-left: 20px;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.color_black {
color: #231714;
}
.seo_txt {
color: #231714;
font-size: 28px;
text-align: center;
width: 100%;
margin-top: 1.5em;
line-height: 1.7;
}
.prms_main {
position: relative;
}
.prms_img {
}
.prms_m_img{
display: inline-block;
position: relative;
width: 100%;
margin-bottom: 12em;
}
.prms_m_img::before{
content: "";
display: block;
padding-top: 100%;
}
.prms_m_img img{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
object-fit: cover;
object-position: auto;
}
.top_msg_obi_prms {
padding-bottom: 11em;
}
.prms_daia {
position: absolute;
top: -10em;
left: 50%;
margin-left: -10em;
}
.prms_daia_txtbox {
width: 20em;
}
.prms_num_txt {
font-size: 1.5em;
padding-bottom: 1em;
}
.prms_num_num {
font-size: 6em;
}
.daia_in {
transform: translateY(-13em);
}
.prms_catch {
font-size: 4em;
line-height: 2;
position: absolute;
z-index: 3;
top: 5em;
left: 0.2em;
width: 5em;
text-align: left;
}
.prms_flex {
padding-left: 5em;
padding-right: 5em;
padding-bottom: 12em;
margin-left: auto;
margin-right: auto;
max-width: 1200px;
}
.prms_ttl {
text-align: left;
font-size: 4em;
padding-bottom: 0.5em;
}
.prms_txt {
font-size: 2.4em;
text-align: left;
line-height: 3;
}
.prms_tyui {
font-size: 2em;
text-align: left;
line-height: 3;
color: #767676;
}
.prms_list {
padding-bottom: 5em;
}
.prms_img_flex {
display: flex;
}
.prms_f_img {
width: 50%;
padding-left: 1em;
padding-right: 1em;
}
.prms_f_txt {
font-size: 2em;
text-align: left;
padding-top: 1em;
}
.prms_img02 {
padding-bottom: 5em;
}
.prms_box {
padding-bottom: 10em;
}
.prms_ttl_list {
font-size: 5em;
text-align: center;
padding-bottom: 1.2em;
line-height: 1.7;
}
.prms_lead_list {
padding-left: 5em;
padding-right: 5em;
padding-bottom: 10em;
}
.prms_sim_list {
padding: 5em;
border: 1px solid #d3d3d3;
margin-left: 5em;
margin-right: 5em;
margin-bottom: 5em;
}
.prms_sim_list img {
display: block;
margin-bottom: 5em;
}
.prms_flex03 {
padding-bottom: 10em;
}
.prms_waku {
margin: 5em;
padding: 5em;
border: 1px solid #d3d3d3;
}
.prms_flex_icon {
display: flex;
padding-top: 2.5em;
}
.prms_icon_list {
width: 33.333%;
margin-left: 1em;
margin-right: 1em;
}
.prms_icon_p {
font-size: 10px;
text-align: left;
line-height: 2;
}
.prms_icon_list img {
display: block;
padding-bottom: 2em;
}
.prms_ttl_kizyun {
text-align: center;
}
.stay_bk {
padding: 5em;
margin: 5em;
background-image: url(//www.umhouse.jp/mgr/wp-content/themes/toda/mys/img/stay_bk.jpg);
background-size: cover;
}
.stay_cnt {
background-color: #FFFFFF;
padding-top: 6em;
padding-right: 3em;
padding-left: 3em;
padding-bottom: 14em;
position: relative;
}
.stay_icon {
width: 10em;
display: block;
margin-left: 0px;
margin-right: auto;
position: absolute;
left: 0px;
top: -2em;
}
.stay_ttl {
text-align: center;
padding-top: 1em;
padding-bottom: 1em;
border: 1px solid #000000;
font-size: 2.5em;
margin-bottom: 1.5em;
width: 90%;
margin-left: auto;
margin-right: auto;
}
.stay_ttl_img {
padding-bottom: 3em;
}
.stay_footimg {
width: 10em;
position: absolute;
bottom: 1em;
right: 5em;
}
.actions a {
display: block;
padding-top: 1.5em;
padding-bottom: 1.5em;
margin-right: auto;
margin-left: auto;
text-align: center;
font-weight: 100;
color: #FFFFFF;
font-size: 16px;
position: relative;
background-color: #006f81;
}
.actions_k a {
background-color: #a98769;
}
.stay_box .actions_k a {
background-color: transparent;
border: 1px solid #000000;
color: #000000;
font-size: 3em;
padding-top: 1.5em;
padding-bottom: 1.3em;
max-width: 400px;
width: 80%;
}
.contact_quo {
background-color: #FFFFFF;
margin-left: auto;
margin-right: auto;
}
.contact_quo .quo_bnr {
margin-top: 0px;
margin-left: 5em;
margin-right: 5em;
}
.well_box {
background-color: #FFFFFF;
}
.gift_c_lead {
font-size: 10px;
text-align: left;
line-height: 3;
font-weight: 400;
padding-left: 2em;
padding-right: 2em;
padding-top: 1.5em;
padding-bottom: 3em;
background-color: #FFFFFF;
}
.gift_contact {
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%);
padding-top: 0px;
padding-right: 1px;
padding-left: 1px;
padding-bottom: 0px;
margin-left: 5em;
margin-right: 5em;
max-width: 1200px;
}
.cv_tel_img {
width: 8em;
position: absolute;
right: 1em;
bottom: 0px;
}
.foot_cp_post strong {
font-size: 1.2em;
}
.foot_cp_link a {
font-size: 10px;
}
.foot_list {
padding-top: 2em;
}
.prms_btm {
padding-bottom: 20em;
}
.foot_cp_link {
padding-bottom: 4em;
}
.main_price {
background-color: #231714;
margin-left: auto;
padding: 2em;
margin-right: auto;
margin-top: 3em;
margin-bottom: 1em;
}
.main_price img {
width: 40em;
display: block;
margin-left: auto;
margin-right: auto;
}
.main_komi {
font-size: 20px;
margin-top: 1em;
margin-bottom: 1em;
}
.price_logo {
width: 60%;
margin-left: auto;
margin-right: auto;
margin-top: 4em;
margin-bottom: 4em;
max-width: 650px;
}
.price_logo_txt {
font-size: 2.4em;
text-align: center;
}
.md_bk_point {
width: 5em;
margin-left: auto;
margin-right: auto;
border-top-left-radius: 10px;
position: relative;
z-index: 1;
}
.maru01 {
border-top-left-radius: 10px;
}
.maru02 {
border-bottom-right-radius: 10px;
}
.maru03 {
border-top-right-radius: 10px;
}
.book_ttl {
transform: translateY(-8em);
}
.md_txt {
font-size: 28px;
text-align: left;
padding-left: 2em;
padding-right: 2em;
line-height: 2.5;
padding-bottom: 1.5em;
}
.spec_flex {
}
.spec_l01 {
background-color: rgba(101,109,146,0.14);
}
.spec_l02 {
background-color: rgba(161,86,85,0.14);
}
.spec_l03 {
background-color: rgba(180,156,54,0.14);
}
.spec_l04 {
background-color: rgba(120,138,122,0.14);
}
.spec_flex_sub {
}
.spec_lead_box {
color: rgba(255,255,255,1.00);
font-size: 28px;
text-align: left;
line-height: 2.5;
padding: 2em;
position: relative;
}
.spec_bk01 {
background-color: #3e4565;
}
.spec_bk02 {
background-color: #7d3a39;
}
.spec_bk03 {
background-color: #7d6b1f;
}
.spec_bk04 {
background-color: #435444;
}
.spec_num {
font-size: 15em;
position: absolute;
right: 0px;
bottom: 0px;
line-height: 0.5;
}
.spec_num01{
color: rgba(101,109,146,0.14);
}
.spec_num02{
color: rgba(161,86,85,0.14);
}
.spec_num03{
color: rgba(180,156,54,0.14);
}
.spec_num04{
color: rgba(120,138,122,0.14);
}
.spec {
background-color: #FFFFFF;
background-image: url(//www.umhouse.jp/mgr/wp-content/themes/toda/mys/img/spec_bk.gif);
background-repeat: repeat;
background-size: 150% auto;
padding-left: 5em;
padding-right: 5em;
padding-top: 12em;
padding-bottom: 12em;
}
.spec_ttl_bk {
padding-bottom: 10em;
max-width: 700px;
margin-left: auto;
margin-right: auto;
}
.spec_ttl {
padding-bottom: 1em;
font-size: 5.9em;
text-align: center;
line-height: 2;
}
.spec_ttl_b {
color: #FFFFFF;
display: inline-block;
padding-top: 0.3em;
padding-right: 0.2em;
padding-left: 0.2em;
padding-bottom: 0.3em;
background-color: #231714;
}
.spec_lead {
font-size: 32px;
text-align: center;
line-height: 2;
padding-bottom: 4em;
}
.spec_sub_list img {
padding: 3em;
display: block;
max-width: 360px;
margin-left: auto;
margin-right: auto;
width: 80%;
}
.spec_list {
margin-bottom: 5em;
}
.spec_detail_flex {
display: flex;
padding-top: 10em;
padding-bottom: 5em;
flex-wrap: wrap;
justify-content: space-around;
}
.spec_d_list {
width: 48%;
border: 2px solid #5C5C5C;
position: relative;
font-size: 28px;
padding-top: 1.5em;
padding-bottom: 1.5em;
display: flex;
justify-content: center;
margin-bottom: 1.2em;
}
.spec_d_list01 {
border-color: #477c91;
color: #386e83;
}
.spec_d_list02 {
border-color: #8e415c;
color: #8e415c;	
}
.spec_d_list03 {
border-color: #a97866;
color: #7e5141;
}
.spec_d_list04 {
border-color: #508e8d;
color: #327271;
}
.spec_d_list05 {
border-color: #6b638b;
color: #575173;
}
.spec_d_label {
color: #FFFFFF;
font-size: 20px;
padding-top: 5px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 5px;
display: inline-block;
position: absolute;
left: -2px;
top: -15px;
line-height: 1;
font-weight: 100;
}
.spec_d_label01 {
background-color: #477c91;
}
.spec_d_label02 {
background-color: #8e415c;
}
.spec_d_label03 {
background-color: #a97866;
}
.spec_d_label04 {
background-color: #508e8d;
}
.spec_d_label05 {
background-color: #6b638b;
}
.spec_d_box {
text-align: center;
line-height: 1.5;
display: flex;
flex-wrap: wrap;
align-items: center;
font-weight: 900;
justify-content: center;
}
.spec_sub {
font-size: 10px;
text-align: center;
width: 100%;
flex-wrap: wrap;
}
.spec_pr_ttl {
font-size: 4em;
text-align: center;
padding-bottom: 1em;
padding-top: 1em;
}
.spec_price {
margin-left: auto;
margin-right: auto;
max-width: 1000px;
}
.case {
padding-top: 12em;	
}
.case_bar {
width: 30%;
margin-left: auto;
margin-right: auto;
display: block;
max-width: 240px;
}
.case_bk {
color: #f4f3f3;
font-size: 13em;
text-align: center;
padding-top: 0.2em;
}
.case_ttl_txt {
font-size: 3em;
text-align: center;
transform: translateY(-2.9em);
}
.st_ttl_txt {
transform: translateY(-9.9em);
width: 60em;
margin-left: auto;
margin-right: auto;
}
.case_link {
position: relative;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
padding-bottom: 3em;
cursor: pointer;
}
.case_icon {
width: 20%;
max-width: 195px;
}
.case_txt_box {
text-align: left;
width: 70%;
padding-left: 1em;
}
.case_eng {
display: flex;
font-size: 2em;
align-items: center;
}
.case_num {
font-size: 4em;
padding-left: 0.2em;
}
.case_j_ttl {
display: inline-block;
font-size: 3em;
margin-top: -1em;
}
.case_z_eng {
display: flex;
font-size: 2em;
align-items: center;
justify-content: center;
}
.case_z_num {
font-size: 4em;
padding-left: 0.2em;
}
.case_point {
width: 20px;
position: absolute;
right: 10%;
top: 50%;
transform: translateY(-10px);
}
.case_z_ttl {
display: inline-block;
background-color: #FFFFFF;
padding: 0.2em;
font-size: 5em;
margin-bottom: 0.2em;
}
.case_z_ttl02 {
background-color: #231714;
padding: 0.2em;
font-size: 3em;
display: inline-block;
}
.case_zoku {
text-align: left;
position: relative;
margin-top: -26em;
}
.case_z_ttl03 {
font-size: 4em;
line-height: 1.7;
padding-top: 1em;
}
.case_z_detail {
padding: 5em;
background-color: #FFFFFF;
margin-top: 15em;
position: relative;
}
.case_z_human {
width: 10em;
position: absolute;
left: 5em;
top: -1em;
}
.case_z_fam {
font-size: 3em;
text-align: center;
padding-top: 1em;
padding-bottom: 1em;
margin-top: 1em;
margin-bottom: 1em;
border-top: 1px solid #231714;
border-bottom: 1px solid #231714;
}
.case_z_lead {
font-size: 14px;
text-align: left;
line-height: 2;
}
.case_box {
position: relative;
padding-top: 5em;
-webkit-box-shadow: 0px 5px 5px -5px rgba(79,79,79,0.36);
box-shadow: 0px 5px 5px -5px rgba(79,79,79,0.36);	
}
.case_cnt{
display: none;
padding-bottom: 5em;
overflow: hidden;
}
.case_active.case_box .case_cnt{
display: block;
}
.case_box02 {
position: relative;
padding-top: 5em;
padding-bottom: 5em;
}
.case_bk_eng {
font-size: 30em;
color: #f8f8f8;
position: absolute;
left: 0px;
top: 0px;
z-index: -1;
width: 0.7em;
}
.case_nav_flex {
display: flex;
margin-left: auto;
margin-right: auto;
max-width: 1000px;
}
.case_n_list {
width: 33.333%;
background-color: #e7e7e7;
border-left-color: #e7e7e7;
border-right-color: #e7e7e7;
border-top-color: #e7e7e7;
border-left-style: solid;
border-right-style: solid;
border-top-style: solid;
border-left-width: 1px;
border-right-width: 1px;
border-top-width: 1px;
font-size: 4em;
padding: 0.5em;
text-align: center;
margin-left: 0.1em;
margin-right: 0.1em;
cursor:pointer;
}
.case_n_active.case_n_list{
background-color: #FFFFFF;
cursor:default;
}
.case_nav_txt {
font-size: 12px;
}
.case_i_ttl {
font-size: 5em;
line-height: 2;
text-align: left;
padding-bottom: 0.3em;
}
.case_i_lead {
font-size: 28px;
text-align: left;
line-height: 2.5;
}
.case_i_lead_in {
padding: 5em;
}
.case_mado_flex {
padding-left: 5em;
padding-right: 5em;
}
.case_map {
padding: 5em;
background-color: #FFFFFF;
}
.case_ul_flex {
display: flex;
padding-bottom: 7em;
}
.case_ul_num {
background-color: #bea593;
display: inline-block;
padding-top: 0.5em;
padding-right: 0.3em;
padding-left: 0.5em;
padding-bottom: 0.3em;
font-size: 32px;
}
.case_ul_lead {
font-size: 28px;
text-align: left;
line-height: 2.2;
padding-left: 1.2em;
}
.case_ul_n {
display: flex;
align-items: center;
}
.case_price_flex {
display: flex;
align-items: center;
justify-content: center;
}
.case_p_waku {
border: 1px solid #221613;
font-size: 2.4em;
padding-top: 2em;
padding-right: 1.2em;
padding-left: 2em;
padding-bottom: 2em;
width: 1em;
}
.case_price {
color: #a48367;
font-size: 16em;
}
.case_p_komi {
font-size: 24px;
text-align: right;
display: inline-block;
margin-top: -5em;
}
.case_betsu {
font-size: 2em;
padding-bottom: 0.5em;
display: inline-block;
}
.case_betsu02 {
font-size: 5em;
}
.case_price_box {
padding-left: 3em;
} .case_zoku_right {
text-align: right;
}
.case_active .case_close_btn, .case_close_arrow{
display: block;
}
.case_close_btn, .case_active .case_close_arrow {
display: none;
}
.st {
padding-top: 12em;
padding-bottom: 10em;
}
.st_ttl {
font-size: 4.2em;
text-align: center;
padding-bottom: 1em;
}
.st_lead {
font-size: 28px;
padding-right: 2em;
padding-left: 2em;
text-align: left;
line-height: 3;
margin-left: auto;
margin-right: auto;
}
.st_ex {
font-size: 6em;
text-align: center;
padding-bottom: 1em;
padding-top: 2em;
}
.st_point_box {
position: relative;
margin-left: 5em;
margin-right: 5em;
padding-top: 10em;
}
.st_left {
width: 49%;
position: absolute;
left: 0px;
top: 0px;
max-width: 400px;
z-index: 2;
}
.st_left img, .st_right img {
display: block;
padding-bottom: 2em;
}
.st_right {
width: 49%;
position: absolute;
top: 0px;
right: 0px;
max-width: 400px;
z-index: 2;
}
.st_house {
width: 80%;
margin-left: auto;
margin-right: auto;
max-width: 450px;
}
.st_siyo {
font-size: 4em;
text-align: center;
padding-top: 2em;
}
.st_arrow {
position: relative;
z-index: -1;
margin-top: -13em;
display: block;
}
.cz_ttl {
overflow-x: hidden;
}
.cz {
padding-top: 12em;
padding-bottom: 10em;
}
.cz_ttl .case_bk{
letter-spacing: 0em;
}
.cz_box {
position: relative;
}
.cz_tab {
font-size: 3em;
width: 2.5em;
position: absolute;
top: 0px;
left: 2em;
z-index: 2;
padding: 0.8em;
background-color: #FFFFFF;
}
.cz_dbox {
padding-left: 5em;
padding-right: 5em;
}
.cz_f01_ttl {
font-size: 4em;
padding-top: 1em;
padding-bottom: 1em;
}
.cz_f01_lead {
font-size: 28px;
line-height: 2.5;
text-align: left;
}
.cz_flex02wrap {
border: 1px solid #cec5c3;
margin-bottom: 5em;
margin-left: auto;
margin-right: auto;
max-width: 1400px;
}
.case_ttl {
overflow: hidden;
}
.cz_f02_ttl {
font-size: 4em;
text-align: left;
line-height: 1.7;
}
.cz_f02_ttl_sub {
font-size: 28px;
line-height: 2;
font-weight: 100;
}
.cz_f02_lead {
font-size: 28px;
text-align: left;
line-height: 2.5;
}
.cz_flex01 {
padding-bottom: 5em;
}
.cz_f02_in {
padding: 5em;
}
.cz_flex03 {
padding: 3em;
}
.cz_flex03_list {
padding-bottom: 3em;
}
.cz_flex03_list img {
display: block;
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
.cz_img_center {
margin-bottom: 5em;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
}
.cz_img_c {
padding-top: 2em;
max-width: 400px;
margin-left: auto;
margin-right: auto;
}
.contact_cv_wrap {
background-color: #ececec;
}
.contact_book {
padding-top: 10em;
padding-bottom: 5em;
}
.input_name {
padding-bottom: 0.5em;
}
.pp_link {
display: block;
font-size: 12px;
text-decoration: underline;
}
.ank_hissu {
padding-top: 1em;
line-height: 1.5;
font-size: 12px;
padding-bottom: 2em;
}
.submit_btn {
width: 80%;
margin-left: auto;
margin-right: auto;
max-width: 400px;
}
.hissu_box {
max-width: 350px;
margin-left: auto;
margin-right: auto;
}
.foot_flex {
display: flex;
justify-content: center;
align-items: center;
max-width: 1400px;
margin-left: auto;
margin-right: auto;
padding-top: 10em;
padding-bottom: 10em;
}
.case_d_box {
border: 1px solid #BEA593;
margin-left: auto;
margin-right: auto;
padding-top: 3em;
padding-right: 5em;
padding-left: 5em;
margin-bottom: 5em;
max-width: 900px;
padding-bottom: 1.5em;
}
.case_d_flex {
display: flex;
align-items: center;
}
.case_d_list {
width: 200px;
font-size: 28px;
text-align: left;
padding-bottom: 1em;
}
.case_d_list02 {
font-size: 28px;
text-align: left;
font-weight: 900;
flex: 1;
padding-bottom: 1em;
}
.case_d_ttl {
background-color: #FFFFFF;
display: inline-block;
padding-left: 1em;
padding-right: 1em;
font-size: 2.4em;
text-align: center;
margin-left: auto;
margin-right: auto;
transform: translateY(-1.8em);
}
.tec_01_img::-webkit-scrollbar {
height: 14px; }
.tec_01_img::-webkit-scrollbar-thumb {
background: #ff4d00; border-radius: 7px; }
.tec_01_img::-webkit-scrollbar-track {
background: #ff8a57; border-radius: 7px; }
.owl_flow_step::-webkit-scrollbar {
height: 14px; }
.owl_flow_step::-webkit-scrollbar-thumb {
background: #0E3C7E; border-radius: 7px; }
.owl_flow_step::-webkit-scrollbar-track {
background: #9eb8dd; border-radius: 7px; } @media only screen and (min-width: 751px) {
html { 
font-size:1.1vw;
}
.sp480{
visibility: hidden;
display: none;
}
.pc480{
visibility:visible;
display: block;
} .bgcenterx:hover span{
color: #000913;
z-index: 5;
}
.bgcenterx:hover:before{
transform:scale(1, 1);
}
.bgcenterx02:hover span{
color: #fff;
z-index: 5;
}
.bgcenterx02:hover:before{
transform:scale(1, 1);
}	
.top_house_img {
width: 350px;
margin-top: -200px;
}
.msg01 {
font-size: 2.2rem;
}
.msg02 {
font-size: 3.8rem;
}
.msg03 {
font-size: 1.8rem;
}
.cv_wrap a {
padding: 15px;
}
.glr_txt_p {
font-size: 1.5em;
}
.crn_flex {
display: flex;
}
.crn_img {
width: 30%;
}
.crn_lead {
flex: 1;
}
#yt_wrap {
min-height: 850px;
}
.foot_fix {
bottom: 44px;
}
.top_bnr_txt02_02 {
font-size: 12px;
}
.top_bnr_txt01_02 {
font-size: 18px;
}
.v_main_img {
min-height: 850px;
height: 100vh;
}
.kaeru_map_txt_sp {
display: none;
}
.kaeru_map_txt_pc {
display: inline-block;
}
.crm01 {
font-size: 20px;
}
.crm02 {
font-size: 32px;
}
.crm03 {
font-size: 18px;
}
.txt_free {
width: 100px;
top: 0px;
left: 6%;
}
.balloon1-right {
position: relative;
display: inline-block;
margin-top: 1.5em;
margin-right: 15px;
margin-left: 0;
margin-bottom: 5.em;
padding: 14px 10px;
max-width: 100%;
color: #fff;
font-size: 16px;
background-color: #050505;
font-weight: 300;
margin-bottom: 0.5em;
}
.balloon1-right:before {
content: "";
position: absolute;
top: 50%;
left: 100%;
margin-top: -5px;
border: 5px solid transparent;
border-left: 5px solid #050505;
}	
.ank_more_lead {
text-align: center;
}
.prt_bnr {
padding-top: 20px;
padding-right: 20px;
padding-left: 20px;
}
.ank_btn {
font-size: 20px;
}
.top_logo {
margin-top: -10em;
}
.v_img {
max-width: 76em;
}
.land_l_tab {
font-size: 14px;
}
.land_l_detail {
font-size: 14px;
}
.pita_txt {
font-size: 16px;
}
#form .actions.actions_form a {
font-size: 28px;
}
.cv_wrap img {
width: 70px;
transform: translateY(-60%);
}
.top_logo_pos {
top: 5vh;
}
.actions a {
width: 350px;
font-size: 20px;
}	
.book_ttl {
transform: translateY(-10em);
}
.md_txt {
padding-left: 5em;
padding-right: 5em;
}
.midle_cv_box {
padding-bottom: 8em;
}
.spec_d_list {
width: 32%;
}
}
@media only screen and (min-width:768px){
html { 
font-size:1vw;
}	
.sp768{
visibility:hidden;
display: none;
}
.pc768{
visibility: visible;
display: block;
}
.logo {
width: 200px;
margin-top: 60px;
margin-bottom: 0px;
}
.top_ttl03 {
font-size: 1.8rem;
}
.midle_cv_bk {
}
.md_img {
}
.top_ttl04 {
font-size: 1em;
}
.top_house_no1_sp {
width: 200px;
position: absolute;
left: 5%;
top: 200px;
border-top: 1px solid #FFFFFF;
border-bottom: 1px solid #FFFFFF;
padding-top: 40px;
padding-bottom: 40px;
}
.top_house_no1_log {
width: 100%;
float: none;
clear: none;
}
.top_house_no1_txt {
width: 100%;
float: none;
clear: none;
}
.top_house_txt01 {
font-size: 20px;
font-weight: 400;
}
.top_house_txt02 {
font-size: 10px;
}
.top_house_img {
width: 570px;
transform: translate(-50%,0);
margin-top: -200px;
}
.top_house {
background-color: transparent;
}
.msg03 {
font-size: 14px;
}
.cv_wrap {
right: 10px;
top: 50%;
transform: translateY(-50%);
width: auto;
display: inline-block;
left: auto;
}
.cv_wrap a {
writing-mode: vertical-rl;
width: auto;
padding-top: 40px;
padding-bottom: 40px;
}
.cv_wrap .cv_btn {
width: auto;
margin-right: 0px;
margin-left: auto;
}
.cv_wrap img {
margin-right: 0px;
margin-bottom: 5px;
top: -10px;
left: 50%;
width: 30px;
transform: translateX(-50%)
}
.tab {
width: 60px;
}
.tab_img {
padding-top: 20px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 10px;
}
.m_p {
background-color: #FFFFFF;
padding: 50px;
display: flex;
position: relative;
z-index: 4;
}
.vertical768 {
writing-mode: vertical-rl;
}
.m_txt {
flex: 1;
margin-left: 40px;
}
.m_p_right01 {
margin-top: -40vh;
margin-left: 50%;
}
.m_p_left01 {
margin-top: -40vh;
margin-right: 50%;
}	
.msg04l {
padding-left: 30px;
}
.glr_txt_p {
font-size: 1.3em;
}
.cv_in {
display: flex;
margin-right: auto;
margin-left: auto;
margin-bottom: 0;
width: 80%;
padding-left: 40px;
padding-right: 40px;
padding-top: 40px;
padding-bottom: 50px;
}
.cv_left {
flex: 1;
}
.cv_ttl {
text-align: left;
font-size: 1.8rem;
}
.cv_txt {
font-size: 1rem;
}
.cv_right {
margin-right: 0px;
margin-left: 20px;
width: 300px;
}
.cv_link {
font-size: 1.7rem;
padding-top: 30px;
padding-bottom: 30px;
}
.tec_box {
padding-top: 180px;
}
.tec_ttl01 {
font-size: 1.5rem;
padding-bottom: 30px;
}
.tec_ttl02 {
font-size: 2.5rem;
padding-bottom: 30px;
width: 60%;
margin-bottom: 120px;
}
.sub40 {
width: 40%;
}
.tec_sub80 {
width: 80%;
margin-left: auto;
margin-right: auto;
}
.tec_sub3_flex {
display: flex;
align-items: stretch;
justify-content: space-between;
}
.tec_sub3b_flex {
display: flex;
align-items: stretch;
justify-content: space-between;
margin-left: 0px;
margin-right: 0px;
border-top: 1px solid #4e515d;
padding-top: 4.5%;
}
.tec_sub3_l {
margin-top: 60px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
width: 30%;
}
.tec_sub3 {
padding-bottom: 0px;
margin-top: 50px;
padding-top: 70px;
margin-bottom: 0px;
}
.tec_sub3b {
padding-top: 4.5%;
padding-bottom: 40px;
}
.tec_sub3_tk_img {
width: 50%;
margin-top: -3.3vw;
}
.tec_sub3_ttl {
font-size: 22px;
padding-bottom: 50px;
}
.tec_sub3_ttl02 {
font-size: 18px;
padding-bottom: 30px;
padding-left: 70px;
padding-right: 70px;
text-align: center;
}
.tec_sub3_txt01 {
font-size: 14px;
padding-bottom: 0px;
padding-left: 70px;
padding-right: 70px;
}
.tec_sub3_ttl03 {
padding-top: 40px;
}
.tec_sub3b_l {
width: 30%;
}
.tec_sub3b_txt_l {
padding-left: 30px;
font-weight: 500;
font-size: 14px;
}
.tec_sub3b_img_r {
padding-right: 20px;
}
.land_l:nth-child(3) {
display: block;
}
.land_l {
width: 32%;
}
.land_info_img img {
height: 20vw;
}
.land_ttl {
font-size: 50px;
padding-bottom: 30px;
}
.land_ttl02 {
font-size: 14px;
}
.land_ttl03 {
font-size: 36px;
}
.font_big {
font-size: 70px;
}
.land_logo {
width: 150px;
bottom: 5%;
}
.land_star {
width: 240px;
left: 5%;
}
.land_ttl04 {
font-size: 220%;
}
.land_l_ttl {
font-size: 18px;
font-weight: 500;
}
.land_l_p {
font-size: 14px;
}
.land_l_tab {
font-size: 16px;
}
.land_l_detail {
font-size: 16px;
}
.access_flex {
display: flex;
align-items: stretch;
justify-content: space-between;
}
.access_l {
width: 50%;
}
.access_r {
width: 50%;
padding-top: 20px;
}
.access {
padding-top: 120px;
padding-bottom: 120px;
}
.btntextchange:hover{
background:#4e515d;
opacity: 0.9;	
color:#fff;
}
.btntextchange:hover .btntextchange_a{
opacity:0.1; }
.btntextchange:hover .btntextchange_b{
opacity:1; }
.crn_img {
width: 20%;
padding-right: 20px;
}
.crn_flex02 {
display: flex;
}
.crn_l {
width: 50%;
}
.crn_img img {
height: 35vw;
}
.contact_msg {
font-size: 34px;
}
.contact_img {
display: block;
width: 240px;
margin-top: -20px;
margin-right: -20px;
padding-left: 20px;
}
.contact_img_mozi {
position: relative;
z-index: 12;
margin-bottom: -15%;
}
.contact_lead {
padding: 60px;
flex: 1;
}
.contact_lead02 {
font-size: 29px;
}
.contact_lead03 {
font-size: 14px;
}
.contact_lead04 {
font-size: 12px;
}
.contact_img_l {
width: 100%;
}
.contact_flex {
display: flex;
padding-left: 0px;
}
.contact_big {
font-size: 50px;
}
.thanks_ttl_sub {
font-size: 12px;
}
.thanks_ttl {
font-size: 24px;
}
.thanks_p {
font-size: 14px;
}
.thanks_p02 {
font-size: 14px;
}
.foot_fix.tag_active {
width: 668px;
bottom: 10px;
left: 50%;
transform: translateX(-50%);
}
.npala_img01 {
width: 60%;
}
.npala_img02 {
width: 50%;
}
.npala_l_min {
margin-right: auto;
margin-left: 10%;
}
.npala_r_min {
margin-right: 10%;
margin-left: auto;
}
.tec_sub3b_txt_r {
font-weight: 500;
font-size: 14px;
}
.zumen_flex {
margin-left: 80px;
margin-right: 20px;
}
.zumen_box {
margin-left: 0px;
margin-right: 0px;
}
.zumen_detail {
margin-left: 0px;
}
.zumen_t {
margin-left: 0px;
margin-right: 0px;
}
.top_ttl01 {
font-weight: 600;
}
.msg04 {
font-size: 24px;
font-weight: 400;
}
.vr {
margin-top: 0px;
padding-left: 70px;
padding-right: 20px;
padding-bottom: 5%;
max-width: 1340px;
}
.vr iframe {
height: 500px;
}
.bnr_link {
padding: 25px;
font-size: 20px;
}
.kaeru_ttl {
font-size: 50px;
}
.kaeru_md {
padding-top: 140px;
padding-bottom: 140px;
}
.kaeru_ttl {
padding-bottom: 30px;
}
.kaeru_ttl02 {
padding-bottom: 30px;
}
.cr_bk {
padding-top: 140px;
padding-bottom: 0px;
}
.cr_box01 {
display: flex;
justify-content: space-between;
align-content: space-between;
}
.cr_b01_l {
width: 50%;
}
.cr_b01_01ttl01 {
font-size: 40px;
}
.cr_b01_01ttl02 {
font-size: 60px;
}
.cr_b01_01ttl {
padding-bottom: 50px;
}
.cr_img_r {
padding-left: 0px;
}
.cr_img_both {
padding-left: 0px;
padding-right: 0px;
}
.cr_img_l {
padding-right: 0px;
}	
.cr_b01num {
height: 90px;
}
.cr_box02 {
flex-direction:row-reverse;
}
.cr_box04 {
flex-direction:row-reverse;
}
.cr_box05 {
flex-direction:row;
}		
.cr_b02ttl {
color: #2e3540;
}
.cr_b02p {
color: #2e3540;
}
.cr_box01new {
padding-top: 90px;
}
.cr_b05_img {
width: 200px;
margin-left: 0px;
margin-right: auto;
margin-top: 20px;
display: block;
}
.works {
padding-top: 140px;
padding-bottom: 140px;
}
.works_ttl {
}
.works_img_flex {
padding: 0px;
display: flex;
}
.works_img_flex02 {
flex-direction : row-reverse;
}	
.works_img_l01 {
width: 65%;
padding-bottom: 0px;
}
.works_img_l02 {
width: 35%;
display: block;
padding-bottom: 0;
}
.works_img02 {
width: 60%;
margin-left: auto;
margin-right: 0px;
}
.works_img03 {
padding-left: 20px;
width: auto;
padding-bottom: 20px;
}
.works_img03b {
padding-left: 0px;
padding-right: 20px;	
padding-bottom: 20px;
}	
.works_img04 {
padding-left: 20px;
width: auto;
}
.works_img04b {
padding-left: 0px;
padding-right: 20px;
width: auto;
}	
.cr_ttl_tate {
position: absolute;
top: 0px;
z-index: 1;
text-align: left;
left: 0px;
width: 100%;
}
.crttl01_tate {
text-align: left;
font-size: 16px;
padding: 20px;
color: #303030;
background-color: #FFFFFF;
margin-left: 15px;
display: inline-block;
letter-spacing: 0.2rem;
}
.cr_ttl_tate_in {
padding-right: 100px;
}
.cr_ttl01 {
text-align: center;
font-size: 70px;
padding-right: 0px;
padding-left: 0px;
}
.cr_ttl02 {
text-align: center;
font-size: 40px;
padding-right: 0px;
padding-left: 0px;
}
.crm_b {
width: 210px;
}
.crm_b_flex {
padding-bottom: 140px;
}
.crm_wrap {
padding-bottom: 140px;
}
.crm_t03_l {
right: none;
left: 3%;
text-align: left;
width: auto;
font-size: 20px;
}	
.crm_t04_l {
text-align: left;
font-size: 140px;
padding-right: 0;
padding-left: 3%;	
}	
.crm_t01 {
font-size: 20px;
}
.crm_v02 {
padding-left: 20%;	
}
.d-demo__item {
width: calc(100vw / 4);
}
.tec_wrap {
}
.crm_f_flex {
display: flex;
justify-content: space-between;
align-items: center;
padding: 60px;
align-content: center;
margin-left: 40px;
margin-right: 40px;
}
.crm_f_l {
width: 40%;
}
.crm_f_flex02 .crm_f_l {
width: 32%;
}	
.crm_f_flex02 {
display: flex;
justify-content: space-between;
align-content: center;
align-items: center;
padding-left: 40px;
padding-right: 40px;
}
.crm_f02_l {
width: 48%;
}
.crm_fd_ttl {
font-size: 16px;
padding-bottom: 30px;
}
.crm_fd_dd {
font-size: 16px;
padding-bottom: 30px;
}
.crm_fd_flex {
margin-bottom: 30px;
}
.top_msg_box {
}
.ev_wrap {
padding-top: 140px;
padding-bottom: 140px;
}
.ev_box_flex {
display: flex;
justify-content: space-between;
align-content: center;
align-items: center;
}
.ev_daybox {
width: 50%;
position: relative;
z-index: 0;
}
.ev_daybox02 {
width: 50%;
margin-top: 0px;
margin-left: 0px;
}
.ev_img {
margin-left: -40px;
}
.ev_dayin {
margin-right: 0px;
padding-top: 90px;
padding-left: 40px;
padding-bottom: 90px;
background-color: #FFFFFF;
position: relative;
z-index: -1;
}
.ev_ttl01 {
font-size: 20px;
}
.ev_ttl02 {
font-size: 32px;
}
.ev_p {
font-size: 18px;
}
.ev_img02 {
width: 250px;
margin-left: 0px;
bottom: -60px;
right: 10%;
left: auto;
top: auto;
}
.contact_pre {
padding-top: 140px;
padding-bottom: 140px;
}
.cmr_day01 {
font-size: 140px;
}
.v_img {
}
.top_msg_box_bnr {
padding-top: 4em;
}
.top_msg_box_ttl {
width: 60px;
padding-top: 30px;
padding-right: 24px;
padding-bottom: 30px;
left: 10%;
letter-spacing: 0.2rem;
}
.crm_day03 {
font-size: 40px;
}
.txt_free {
left: 30px;
top: 0px;
width: 90px;
}
.cv_telp {
font-size: 20px;
}
.c_book_flex {
padding-bottom: 40px;
padding-top: 40px;
}
.c_book_img {
padding-left: 20px;
padding-right: 20px;
display: flex;
align-items: center;
}
.c_book_p {
padding-top: 40px;
}
.c_book_lead {
padding-top: 0px;
padding-bottom: 0px;
padding-left: 20px;
padding-right: 20px;
font-size: 16px;
}
.c_book_ttl {
font-size: 30px;
}
.access_l02 {
width: 80%;
margin-left: auto;
margin-right: auto;
}
.c_book {
padding: 80px;
max-width: 1000px;
}
.price {
margin: 0 auto;
padding: 60px;
width: 700px;
}
.price01 {
font-size: 20px;
}
.price02 {
font-size: 100px;
margin-left: 15px;
margin-right: 5px;
}
.price_tx {
font-size: 150px;
}
.prt_ttl {
font-size: 40px;
padding-top: 30px;
padding-bottom: 30px;
}
.prt_lead {
font-size: 20px;
padding-top: 30px;
padding-bottom: 30px;
}
.prt_list {
font-size: 20px;
text-align: center;
padding-bottom: 20px;
}
.prt_lead2 {
font-size: 14px;
}
.cmp_box {
padding-bottom: 120px;
}
.ank_flex {
max-width: none;
display: flex;
justify-content: space-between;
}
.ank_lst {
width: 32%;
}
.ank_btn {
font-size: 26px;
max-width: 330px;
font-weight: 500;
}
.ank_ttl {
font-size: 30px;
padding-bottom: 20px;
}
.mv_box_lead {
padding-top: 60px;
font-size: 20px;
}
.mv_box {
margin-left: auto;
margin-right: auto;
width: 80%;
}
.top_logo {
}
.msg_btn_box {
padding-bottom: 20px;
padding-top: 20px;
position: relative;
}
.actions a{
width: 400px;
font-size: 30px;
}	
.quo_bnr_box {
padding-left: 10px;
padding-right: 10px;
}
.quo_bnr_wrap {
}
.tec_ttl03box_r {
position: absolute;
top: 5%;
right: 5%;
z-index: 1;
text-align: right;
}	
.nonfixed .cr_v02 {
position: absolute;
left: 0px;
bottom: 0px;
top: auto;
}
.nonfixed .cr_v02 img{
object-position: 0 0;
}	
.toku_ttl {
font-size: 40px;
}
.toku_ttl_wrap {
margin-top: -40px;
}
.toku_tyui {
font-size: 24px;
padding-top: 50px;
padding-bottom: 40px;
}
.toku_ul {
font-size: 24px;
margin-left: auto;
width: 740px;
margin-right: auto;
}
.toku_box {
margin-left: 60px;
margin-right: 60px;
margin-top: 120px;
padding-bottom: 20px;
}
.toku_kome {
padding-left: 30px;
padding-right: 30px;
width: 740px;
margin-left: auto;
margin-right: auto;
}
.contact {
padding-bottom: 140px;
display: none;
}
.cv_ttl02 {
font-size: 60px;
padding-top: 50px;
padding-bottom: 50px;
}
.close .ank_btn_close {
padding-top: 25px;
padding-bottom: 25px;
}
.ank_btn_open {
padding-top: 25px;
padding-bottom: 25px;
}
.mdl_ttl02 {
font-size: 50px;
}	
.mdl_cnt_flex {
display: flex;
}
.mdl_c_left {
width: 50%;
margin-right: 4em;
margin-left: 2em;
}
.mdl_c_right {
width: 50%;
margin-right: 20px;
margin-left: 4em;
margin-top: 30em;
}
.mdl_c_right_k {
margin-top: -10em;
}	
.margin-top30 {
margin-top: 0px;
}
.plan_ttl {
font-size: 100px;
}
.plan_ttl02 {
font-size: 20px;
}
.m_glr_ttl {
font-size: 100px;
}
.m_glr_ttl02 {
font-size: 20px;
}
.glr_txt_icon {
width: 120px;
}
.contact_ttl {
padding-bottom: 60px;
padding-top: 180px;
}
.cv_tel_box {
}
.cv_tel_ttl {
font-size: 20px;
}
.cv_tel_num {
font-size: 50px;
}
.cv_tel_p {
font-size: 20px;
}
.top_logo_img {
width: 20em;
}
.logo_txt {
}
.top_bnr_flex {
width: 420px;
margin-left: auto;
margin-right: auto;
}
.cv_tel_bk {
}
.m_glr {
}
.toku_ul li:before {
font-size: 14px;
line-height: 47px;
left:1.7em;
}
.gmap iframe {
margin-top: 10px;
margin-bottom: 30px;
}
.vh100 {
height: 100vh;
}
.mdl_lead_ttl {
font-size: 3em;
}
.mdl_lead {
padding-top: 5em;
padding-bottom: 5em;
margin-bottom: 0px;
}
.mdl_lead_p {
font-size: 16px;
font-weight: 300;
}
.md_main{
display: block;
position: relative;
width: 100%;
}
.md_main::before{
content: "";
display: none;
padding-top: 0%;
}
.md_main img{
position: relative;
width: 100%;
top: 0;
left: 0;
object-fit: cover;
object-position: auto;
max-height: 800px;
}
.madori_label {
font-size: 2.5em;
}
.foot_logo {
width: 260px;
}
.foot_lead {
font-size: 12px;
}
.foot_cp {
font-size: 16px;
}
.foot_cp_post {
}
.foot_lead02 {
font-size: 1em;
}
.foot_btm {
padding-bottom: 40px;
}
.top_msg_no1 img {
width: 100%;
}
.top_msg_no1 {
width: 15em;
position: absolute;
left: 70%;
top: 5em;
}
.top_msg02_flex_wrap {
display: flex;
align-items: center;
flex-direction: row-reverse;
}
.top_msg02_tate {
width: 40%;
}
.top_msg02_flex {
flex: 1;
}
.top_tate_img {
margin-left: auto;
margin-right: 0px;
width: 100%;
}
.top_msg02_lead {
text-align: left;
font-size: 3.5em;
}
.top_msg02_flex_wrap_k {
flex-direction: row;
}
.top_msg02_flex_k {
flex-direction: row-reverse;
}
.top_msg02_flex_k .top_msg02_img02 {
margin-left: auto;
margin-right: 0px;
}
.top_msg02_tate_k .top_msg02_lead {
text-align: left;
}
.top_msg02_tate_k .top_tate_img {
margin-left: 0px;
margin-right: auto;
}
.top_msg03 {
font-size: 16px;
}
.md_in_flex01 {
display: flex;
justify-content: space-between;
align-items: center;
}
.md_in_list {
padding-right: 4em;
padding-left: 20px;
}
.md_in_list_k {
padding-left: 4em;
padding-right: 20px;
}
.md_in_list_tate {
width: 40%;
}
.md_in_list_yoko {
width: 60%;
}
.prms_flex   {
display: flex;
padding-bottom: 6em;
}
.prms_list {
width: 70%;
padding-right: 4em;
}
.prms_img_flex {
flex: 1;
display: block;
}
.prms_f_img {
width: 100%;
padding-bottom: 5em;
}
.prms_ttl {
font-size: 20px;
line-height: 1.5;
}
.prms_txt {
font-size: 16px;
}
.prms_tyui {
font-size: 12px;
}
.prms_f_txt {
font-size: 12px;
}
.prms_main {
width: 90%;
margin-left: auto;
margin-right: 0px;
}
.prms_m_img{
display: block;
position: relative;
width: 100%;
}
.prms_m_img::before{
content: "";
display: none;
padding-top: 100%;
}
.prms_m_img img{
position: relative;
width: 100%;
height: auto;
max-height: 800px;
}
.prms_daia {
top: 10%;
left: -10em;
margin-left: 0px;
}
.prms_catch {
font-size: 3em;
top: 5em;
left: 3.2em;
}
.top_msg_obi_prms {
padding-bottom: 4em;
}
.prms_img02 {
flex: 1;
}
.prms_list02 {
width: 60%;
padding-left: 6em;
}
.prms_flex02 {
display: flex;
align-items: center;
padding-left: 5em;
padding-right: 5em;
padding-bottom: 10em;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
.prms_main_list {
width: 60%;
}
.prms_ttl_list {
font-size: 20px;
text-align: right;
}
.prms_lead_list {
flex: 1;
padding-right: 0px;
padding-bottom: 0px;
}
.prms_flex03 {
display: flex;
margin-left: auto;
margin-right: auto;
max-width: 1200px;
}
.prms_sim_list {
width: 33.333%;
margin-left: 1em;
padding: 3em;
margin-right: 1em;
}
.prms_lead_list_kizyun {
padding-left: 0px;
}
.prms_main_list_kizyun {
width: 65%;
}
.prms_waku {
margin-right: 0px;
}
.stay_ttl {
font-size: 20px;
}
.stay_cnt {
max-width: 1000px;
margin-left: auto;
margin-right: auto;
padding-bottom: 10em;
}
.stay_box .actions_k a {
font-size: 30px;
padding-top: 30px;
padding-bottom: 26px;
}
.gift_c_lead {
padding-bottom: 6em;
padding-left: 5em;
padding-right: 5em;
padding-top: 3.5em;
}
.tel_time {
font-size: 14px;
}
.prms_flex_btm {
padding-bottom: 0px;
}
.foot_cp_post {
font-size: 12px;
}
.foot_cp_link a {
font-size: 12px;
}
.foot_c {
font-size: 10px;
}
.foot_cp_post strong {
font-size: 14px;
}
.md_price {
margin-left: 7em;
margin-right: 7em;
margin-top: 4em;
margin-bottom: 2em;
}
.top_msg03_lead {
font-size: 3.5em;
}
.top_msg02_p {
font-size: 3.5em;
}
.book_ttl {
transform: translateY(-12em);
}
.md_txt {
font-size: 16px;
max-width: 900px;
margin-left: auto;
margin-right: auto;
}
.md_txt02 {
margin-top: -2em;
}
.book_pop {
width: 17em;
position: absolute;
top: 50%;
left: 50%;
z-index: 1;
transform: translateX(-42em) translateY(-7em);
}
.spec_flex_sub {
max-width: 700px;
display: flex;
align-items: center;
margin-left: auto;
margin-right: auto;
}
.spec_sub_list {
width: 50%;
}
.spec_lead {
font-size: 2em;
}
.spec_ttl {
font-size: 7em;
}
.spec_lead_box {
font-size: 16px;
}
.spec_d_list {
font-size: 18px;
}
.spec_d_label {
font-size: 12px;
}
.case_txt_box {
width: 30%;
}
.case_j_ttl {
font-size: 2em;
}
.case_num {
font-size: 3em;
}
.case_mado_flex {
display: flex;
max-width: 1400px;
margin-left: auto;
margin-right: auto;
align-items: center;	
}
.case_map {
padding: 0px;
}
.case_ul_lead {
font-size: 16px;
}
.case_mado_list01 {
width: 30%;
}
.case_ul_flex {
padding-bottom: 3em;
}
.case_mado_list02 {
width: 70%;
padding-left: 5em;
}
.case_price_flex {
padding-top: 5em;
}
.st_lead {
font-size: 2em;
text-align: center;
}
.cz_flex01 {
display: flex;
align-items: center;
margin-left: auto;
margin-right: auto;
max-width: 1400px;
}
.cz_f01_ttl {
width: 40%;
}
.cz_f01_lead {
font-size: 16px;
width: 60%;
padding-left: 2em;
}
.cz_f02_in {
padding: 8em;
}
.cz_f02_ttl_sub {
font-size: 16px;
}
.cz_f02_lead {
font-size: 16px;
}
.hissu_box {
margin-left: 0px;
}
.top_bnr_close {
margin-bottom: 3px;
margin-top: 9px;
width: 60px;
}
.case_d_list {
font-size: 16px;
}
.case_d_list02 {
font-size: 16px;
}
.case_d_box {
padding-top: 2em;
margin-left: 0px;
margin-right: auto;
}
.case_d_ttl {
font-size: 2em;
transform: translateY(-1.5em);
}
}
@media only screen and (min-width: 900px) {
html { 
width:100%;
}
.glr_txt_p {
font-size: 1.1em;
}
.thanks {
padding: 60px;
}
.thankspage #yt_wrap {
min-height: 620px;
}
.cr_b02_img {
margin-right: 0px;
margin-left: auto;
}
.top_msg_box {
padding-left: 0px;
padding-right: 0px;
margin-left: auto;
margin-right: auto;
}
.txt_free {
top: 0px;
left: 20px;
width: 100px;
}
.quo_bnr {
}
.prms_main_list {
width: 50%;
}
.prms_ttl_list {
font-size: 2.2em;
}
.prms_main_list_kizyun {
width: 65%;
}
.case_d_box {
padding-top: 1.6em;
}
.case_d_ttl {
font-size: 1.6em;
transform: translateY(-1.6em);
}
}
@media only screen and (min-width: 1000px) {	
.slide_wrap {
margin: 0 auto;
max-width: 1200px;
}
.m_glr_i {
margin: 0 auto;
width: 1000px;
}
.cv_in {
padding-top: 60px;
padding-left: 60px;
padding-right: 60px;
padding-bottom: 60px;
}
.cv_link {
margin-top: -40px;
}
.crn_ttl02big {
font-size: 18px;
}
.crn_p02 {
font-size: 12px;
padding-right: 40px;
}
.crn_ttl02 {
font-size: 14px;
padding-right: 40px;
}
.crn {
padding-top: 50px;
padding-bottom: 30px;
width: 1000px;
margin-left: auto;
margin-right: auto;
margin-bottom: 60px;
}
.crn_img {
padding-right: 40px;
}
.crn_img img {
height: 280px;
}
.contact_lead04 {
width: 1000px;
margin-left: auto;
margin-right: auto;
padding-left: 0px;
padding-right: 0px;
padding-top: 50px;
padding-bottom: 40px;
}
.contact_form {
width: 1000px;
margin-left: auto;
margin-right: auto;
}
.slide-box {
max-width: 1200px;
}
.zumen_flex {
display: flex;
justify-content: space-between;
align-content: center;
align-items: center;
}
.zumen_box {
width: 65%;
}
.zumen_detail {
width: 35%;
}
.vr iframe {
height: 600px;
}
.cnt1000 {
width: 1000px;
margin-left: auto;
margin-right: auto;
}
.foot_p02 {
padding-bottom: 0px;
}
.txt_free {
top: 8%;
left: 3%;
}
.c_book {
margin-left: auto;
margin-right: auto;
}
.prt_box {
margin-left: auto;
margin-right: auto;
max-width: 1000px;
}
.balloon1-right {
font-size: 30px;
}
.ank_more_lead {
font-size: 20px;
}
.quo_bnr {
margin-left: auto;
margin-right: auto;
max-width: 1400px;
}
.foot_c {
}
.cv_wrap a {
padding-top: 60px;
padding-right: 25px;
padding-left: 25px;
padding-bottom: 60px;
font-size: 16px;
}
.quo_img {
margin-top: -55px;
}
.foot_link_flex a {
display: inline-block;
padding-right: 10px;
width: auto;
}
.cv_wrap img {
width: 50px;
top: -5%;
}
.foot_list {
}
.foot_wrap {
}
.foot_logo {
margin-left: 0px;
margin-right: auto;
}
.foot_lead {
}
.spec_flex {
display: flex;
flex-wrap: wrap;
}
.foot_cp {
text-align: left;
}
.spec_list {
width: 50%;
display: flex;
margin-bottom: 0px;
padding-top: 3em;
padding-bottom: 3em;
}
.case_zoku {
width: 60%;
max-width: 800px;
margin-top: -55em;
margin-left: 5em;
}
.case_zoku_right {
margin-right: 5em;
margin-left: auto;
}	
.case_z_ttl {
font-size: 4em;
}
.case_z_ttl02 {
font-size: 2em;
}
.case_z_human {
top: -7em;
}
.case_z_num {
font-size: 3em;
}
.case_z_ttl03 {
font-size: 2em;
}
.case_z_fam {
font-size: 2em;
}
.case_z_lead {
font-size: 1.3em;
}
.case_i_flex {
display: flex;
flex-direction: row-reverse;
}
.case_i_img {
width: 50%;
}
.case_i_main_lead_box {
width: 50%;
}
.case_i_ttl {
font-size: 3em;
}
.case_i_lead {
font-size: 16px;
}
.case_i_lead_in {
max-width: 700px;
margin-left: auto;
}
.cz_flex02 {
display: flex;
margin-left: auto;
margin-right: auto;
flex-direction: row-reverse;
}
.cz_flex02re {
flex-direction:row;
}	
.cz_f02_list {
width: 60%;
display: flex;
align-items: center;
}
.cz_f02_in {
padding: 5em;
}
.cz_f02_list2 {
flex: 1;
}
.cz_flex03 {
display: flex;
}
.cz_flex03_list {
width: 50%;
}
.cz_flex03_list img {
width: 90%;
}
}
@media only screen and (min-width: 1100px) {
html { 
font-size: 12px;
}	
.prt_bnr {
padding-top: 80px;
}
.prms_img_flex {
display: flex;
}
.prms_list {
width: 55%;
}
.book_pop {
transform: translateX(-37em) translateY(-7.5em);
}
}
@media only screen and (min-width: 1200px) {
.pc1200{
display: block;
}	
.top_bnr_wrap {
width: 100%;
position: absolute;
right: 0px;
top: 0px;
z-index: 20;
}
.top_bnr {
width: 500px;
margin-right: 0px;
margin-left: auto;
transform: translate(0, -50%);
}
.top_bnr a {
display: block;
padding-top: 20px;
padding-right: 20px;
padding-left: 10px;
padding-bottom: 20px;
-webkit-box-shadow: 0 0px 20px rgba(61,61,61,0.25);
box-shadow: 0 0px 20px rgba(61,61,61,0.25);
}
.top_bnr_pick_wrap {
width: 5%;
float: left;
vertical-align: middle;
}
.top_bnr_img_wrap {
width: 15%;
float: left;
}
.top_bnr_txt_wrap {
width: 80%;
float: left;
}
.top_bnr_pick {
text-align: left;
font-size: 9px;
padding-right: 5px;
}
.top_bnr_txt01 {
font-size: 16px;
text-align: left;
padding-left: 10px;
font-weight: 400;
padding-bottom: 5px;
}
.top_bnr_txt02 {
font-size: 12px;
font-weight: 100;
text-align: left;
line-height: 1.7;
padding-left: 10px;
}
.m_p_right01 {
margin-top: -27vh;
margin-left: 60%;
}
.m_p_left01 {
margin-top: -15vh;
margin-right: 50%;
padding-left: 18vw;
}	
.m_txt {
padding-right: 6vw;
}
.m_txt02 {
padding-right: 0px;
}
.land_info_ttl {
writing-mode: vertical-rl;
position: absolute;
left: 50%;
top: 45px;
font-size: 34px;
z-index: 11;
transform: translateX(-50%);
margin-left: -550px;
}
.m_glr {
padding-bottom: 10em;
}
.cv_1200 {
margin: 0 auto;
width: 1200px;
}
.tec_sub80 {
width: 1100px;
}
.sub40 {
width: 45%;
}
.tec_sub3 {
width: 1200px;
margin-left: auto;
margin-right: auto;
}
.tec_sub3b {
width: 1200px;
margin-left: auto;
margin-right: auto;
}
.tec_sub3_tk_img {
margin-top: -42px;
}
.tec_sub3_ttl03 {
font-size: 14px;
}
.tec_sub3b_txt_l {
padding-left: 70px;
}
.tec_sub3b_txt_r {
padding-right: 50px;
}
.land_info_flex {
width: 1000px;
margin-right: auto;
margin-left: auto;
}
.land_logo {
bottom: auto;
top: 50%;
right: 1%;
left: auto;
}
.land_ttl {
padding-top: 40px;
}
.land_info_img img {
height: 200px;
}
.access_flex {
width: 1000px;
margin-left: auto;
margin-right: auto;
}
.access_ttl {
top: 185px;
}
.contact_flex {
width: 1000px;
margin-left: auto;
margin-right: auto;
}
.npala_img01 {
width: 80%;
}
.npala_l_min {
}
.npala_img02 {
width: 600px;
}
.npala_r_min {
margin-top: -30%;
}
.zumen_flex {
margin-top: 0;
margin-right: auto;
margin-left: auto;
width: 88%;
max-width: 1200px;
}
.cr_ttl01 {
font-size: 90px;
text-align: center;
}
.cr_ttl02 {
font-size: 40px;
}
.crttl01_tate {
font-size: 20px;
}
.cr_b01_01 {
width: 600px;
margin-right: 0px;
margin-left: auto;
}
.cr_img01_fit {
height: 330px;
object-fit: cover;
}
.cr_b01_flex {
display: flex;
justify-content: space-between;
align-content: space-between;
}
.cr_b01txt {
width: 400px;
padding-right: 40px;
padding-left: 0px;
}
.cr_b01num {
padding-top: 10px;
height: 100px;
width: auto;
}
.cr_b02_01 {
margin-left: 0px;
margin-right: auto;
}
.cr_b02_img {
width: 600px;
}
.cr_img_r600 {
width: 600px;
margin-left: 0px;
margin-right: auto;
}
.cr_box02::before {
bottom: 230px;
}
.cr_box04::before {
bottom: 0px;
}		
.cr_b05_house {
display: block;
padding-top: 30px;
}
.crm_tag {
padding-top: 30px;
padding-right: 50px;
padding-left: 50px;
padding-bottom: 30px;
top: -40px;
right: 68px;
font-size: 22px;
}
.crm_v03 {
margin: 0 auto;
width: 1200px;
}
.crm_v03 img {
padding-left: 440px;
}
.crm_v03l img {
padding-left: 0;
padding-right: 440px;
}
.d-demo__item {
width: calc(100vw / 6);
}
.crm_f_flex {
margin-left: auto;
padding: 80px;
margin-right: auto;
max-width: 1120px;
}
.crm_f_flex02 {
width: 1120px;
padding-left: 0px;
padding-right: 0px;
margin-left: auto;
margin-right: auto;
}
.ev_dayin {
padding-top: 140px;
padding-bottom: 140px;
}
.ev_ttl01 {
font-size: 24px;
padding-bottom: 50px;
}
.ev_ttl02 {
font-size: 42px;
padding-bottom: 50px;
}
.ev_img {
width: 90%;
}
.txt_free {
width: 150px;
}
.mdl_ttl02 {
font-size: 84px;
}
.prms_flex02 {
padding-left: 1em;
padding-right: 1em;
}
.prms_flex03 {
padding-bottom: 0px;
}
.spec_d_list {
width: 24%;
}
.case_mado_flex {
padding-top: 5em;
}
}
@media only screen and (min-width:1300px){
.tab01 {
background-color: #000000;
}
.tab01::before {
content: '';
position: absolute;
top: 50px;
bottom: -30px;
left: 0;
right: 0;
background-color: #000913;
transform: skewY(-45deg);
z-index: -1;
}	
.gift_contact {
margin-left: auto;
margin-right: auto;
max-width: 1200px;
}
.contact_quo .quo_bnr {
width: 1200px;
margin-left: auto;
margin-right: auto;
}
}
@media only screen and (min-width:1400px){
.top_bnr {
width: 35%;
}
.top_bnr a {
padding-top: 30px;
padding-right: 30px;
padding-left: 10px;
padding-bottom: 30px;
}
.m_txt {
}
.land_logo {
width: 220px;
}
.slide.kaeru_l_box {
width: 1400px;
}
.works_img_flex {
width: 1400px;
margin-left: auto;
margin-right: auto;
}
.prt_bnr {
width: 1400px;
margin-left: auto;
margin-right: auto;
}
.spec_d_list {
width: 18%;
margin-bottom: 2.2em;
}
.st_point_box {
max-width: 1400px;
margin-left: auto;
margin-right: auto;
}
.cz_f02_in {
padding: 8em;
}
}
@media only screen and (min-width:1600px){
.no1 {
width: 200px;
position: absolute;
right: 100px;
bottom: 52%;
}	
}