@charset "UTF-8";
html,body{
margin: 0;
padding: 0;
font-family: "FOT-マティス Pro M";
color: #333;
font-size: 17px;
}
img{
max-width: 100%;
}
ul,
li{
padding: 0;
margin: 0;
}
a{
text-decoration: none;
cursor: pointer;
outline: none;
}
a:focus, *:focus { outline:none; }
a:hover{
opacity: 0.7;
}
a:hover img {
opacity: 0.7;
}
h1,h2,h3{
margin: 0;
}
.inner{
max-width: 1240px;
margin: auto;
position: relative;
overflow: hidden;
}
li{
list-style-type: none;
}
.w70per{
width: 70%;
}
.sp,
.sp3{
display: none;
}

#header {
position: fixed;
top: 0;
z-index: 20;
width: 100%;
background-color: #FFF;
}
#nav{
max-width: 1240px;
margin: auto;
width: 220px;
position: fixed;
top: 8%;
z-index: 10;
}
#nav ul {
display: flex;
justify-content: space-between;
align-items: center;
}
#keyWrap,
.keyWrap {
background-color: #e9eeeb;
position: relative;
}
#slider {
max-height: 100vh;
}
.headerText {
text-align: center;
padding: 14px 0;
}
.headerText p{
font-size: clamp(10px,1vw,16px);
max-width: 1240px;
margin: 0 auto;
z-index: 10;
}
#nav {
max-width: 1240px;
margin: auto;
width: 100%;
position: relative;
z-index: 10;
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 0;
}
#nav li {
position: relative;
padding-left: 10px;
font-family: "游明朝", YuMincho, "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#nav li.navContact {
background-color: #fc7103;
}
#nav a{
width: 145px;
padding: 15px;
display: block;
color: #fff;
background: #9a7d44;
display: flex;
justify-content: center;
align-items: center;
padding: 8px 5px;
font-size: 13px;
font-family:"Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体";
}
#navButton{
display: none;
}
.logo {
display: flex;
max-width: 370px;
width: 100%;
padding: 0 5px;
align-items: center;
font-feature-settings: "palt";
}
.logo img{
display: block;
max-width: 110px;
}
.logo span{
font-family: "游明朝", YuMincho, "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 16px;
padding-left: 10px;
}
.LogoBr{
display: none;
}
.h1textWrap {
    display: flex;
    flex-direction: column;
}
/*
*
* slide1
*
*/
#c-00 {
position: relative;
padding-bottom: 0;
max-width: initial;
width: 100%;
margin-top: 68px;
}
#c-00 #introText {
position: absolute;
z-index: 12;
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 0px 20px 50px;
box-sizing: border-box;
}
#c-00 #introText h1 {
color: #fff;
font-weight: normal;
font-size: 2.2vw;
text-shadow: 0px 0px 5px #000;
}
#c-00 .slideText {
position: absolute;
z-index: 12;
padding: 20px;
box-sizing: border-box;
color: #fff;
font-weight: normal;
font-size: 20px;
bottom: 0;
font-feature-settings: "palt";
background-color: rgba(0,0,0,.5);
display: none;
}
.listmark li {
padding: 6px 0;
padding-left: 0.5em;
border-bottom: 1px solid #50a035;
border-left: 6px solid #50a035;
margin-top: 8px;
line-height: 1;
}
#topSlider img {
max-width: initial;
width: 100%;
}
.slick-dots li.slick-active button:before{
color: #d0132a;
}
.slick-dots li button:before {
font-size: 14px;
color: #FFF;
opacity: 1;
cursor: pointer;
text-shadow: 0px 0px 10px rgba(0,0,0,.5);
}
#c-00 .slick-dots li button:before {
color: #DDD;
opacity: 1;
cursor: pointer;
text-shadow: none;
}
#c-00 .slick-dots li.slick-active button:before{
color: #d0132a;
}

#c-00 .slick-dots {
bottom: 8px;
z-index: 15;
}
#topSlider .slick-continue .slideBG {
transform: scale(1.0);
transition: 8s ease-out;
}
#topSlider .slick-active .slideBG {
transform: scale(1.1);
transition: 8s ease-out;
}
#c-00 .topSliderItem .slideBG:after {
content: '';
display: block;
top: 0;
right: 0;
bottom: 0;
left: 0;
position: absolute;
z-index: 10;
pointer-events: none;
}
.slideCredit {
position: absolute;
bottom: 10%;
left: 10%;
text-shadow: 0px 0px 5px #000;
color: #FFF;
z-index: 15;
transform: scale(1.0);
transition: 8s ease-out;
font-size: 10px;
}
.slick-active .slideCredit {
transform: scale(0.9);
}
/*
*
* content
*
*/
.keyUnder {
text-align: center;
background-color: #0d2a57;
padding: 10px 0;
}
.keyUnder p {
margin: 0;
font-size: clamp(13px,2vw,22px);
color: #efb508;
}
.keyUnder p:before,
.keyUnder p:after{
content: "";
display: block;
background-color: #efb508;
height: 1px;
margin: 5px auto;
width: 80%;
}
.content .inner {
box-sizing: border-box;
}
.titleImg {
text-align: center;
padding-bottom: clamp(10px,1vw,40px);
font-size: clamp(20px,4vw,38px);
font-weight: 600;
font-family: "FOT-マティス Pro M";
color: #444a5a;
}
.titleImg3 {
text-align: center;
padding-bottom: clamp(20px,1vw,40px);
font-size: clamp(16px,1.8vw,30px);
font-weight: 600;
font-family: "FOT-マティス Pro M";
color: #444a5a;
}
.content1 .box {
display: flex;
justify-content: center;
align-items: center;
padding: 20px 0;
}
.content {
padding-top: 70px;
margin-top: -70px;
padding-bottom: 50px;
}
.content.seinouWrap {
padding-top: 150px;
padding-bottom: 100px;
}
.seinou {
padding-left: clamp(20px,5vw,60px);
padding-right: clamp(20px,5vw,60px);
}
.content .inner {
box-sizing: border-box;
}
.box01 {
padding: 3px;
box-shadow: 0px 0px 12px #c3c3c3;
}
.box01 p {
margin: 0;
padding: 10px 30px;
background-size: contain;
font-size: clamp(14px,2vw,26px);
text-align: center;
line-height: 1.3;
}
.content1_small {
font-size: clamp(12px,1vw,16px);
}
.kakeru {
padding: 10px;
text-align: center;
}
.colorRed {
color: #e20000;
font-weight: bold;
}
.kome {
position: relative;
}
.kome:after {
content: "※";
position: absolute;
font-size: 12px;
top: -14px;
right: 0;
color: #000;
}
.fontSizeMiddle {
font-size: clamp(14px,1vw,20px);
}
.fontSizeSmall {
font-size: clamp(13px,1vw,16px);
}
.textCenter{
text-align: center;
}

.content2 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.box2 {
margin: 10px;
width: calc((100% / 4) - 20px);
box-sizing: border-box;
padding: 3px;
background-color: #44455a;
color: #FFF;
}
.box2 img {
box-sizing: border-box;
height: auto;
object-fit: contain;
}
.infoIco {
padding: 10% 20%;
}
.content2 p{
text-align: center;
margin: 0;
padding: 10px;
font-size: 20px;
line-height: 1.2;
}
.content2 .merittoTitle {
padding: 5px;
border-bottom: 1px solid #0d2a57;
}
.number {
font-size: 1.2em;
font-family: "FOT-マティス Pro M";
padding-right: 0.5em;
}
.merittoContent {
height: 100%;
display: flex;
justify-content: center;
align-items: center;
min-height: 70px;
background-size: contain;
}
.content2 p.merittoContent {
padding-bottom: 0;
}
.content3 p {
text-align: center;
margin: 0;
}
.buttonCenter {
text-align: center;
display: block;
}

.bg {
padding-top: clamp(100px,40%,450px);
background-attachment: fixed;
background-size: cover;
margin-top: clamp(70px,6%,100px);
}
.bg01{
background-image: url(../img/bg01.jpg);
}
.bg02{
background-image: url(../img/bg02.jpg);
}
.bg03{
background-image: url(../img/bg05.jpg);
}
.bg04{
background-image: url(../img/bg07.jpg);
}
.flowWrap {
display: flex;
justify-content: center;
padding: 20px 0;
}
.flow01 p {
background-image: url(../img/flow01_2.png);
background-size: cover;
background-repeat: no-repeat;
background-position: bottom center;
padding: 30px 14px 36px;
font-family: sans-serif;
font-size: clamp(16px,2vw,20px);
font-weight: bold;
}
.flow01 .flowTitle {
background: none;
background-color: #6d6d6d;
color: #FFF;
padding: 8px 15px;
}

.flow02 p {
background-image: url(../img/flow02_2.png);
background-size: cover;
background-repeat: no-repeat;
background-position: bottom center;
padding: 30px 14px 36px;
font-family: sans-serif;
font-size: clamp(16px,2vw,20px);
font-weight: bold;
}
.flow02 .flowTitle {
background: none;
background-color: #112b52;
color: #FFF;
padding: 8px 2.5em;
}

.flow01, .flow02 {
padding: 20px;
}
.flowSkipArrow {
text-align: center;
}
.font02 {
color: #efb508;
font-size: 1.2em;
font-weight: bold;
}
.content4 p {
margin-top: 0;
}
.inheritanceWrap {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.inheritanceTitle {
border: 1px solid #0d2a57;
text-align: center;
margin: 0;
background-color: #0d2a57;
color: #FFF;
padding: 5px;
font-weight: normal;
box-sizing: border-box;
}
.inheritanceContent {
border: 3px solid #0d2a57;
margin: 5px;
width: calc((100% / 2) - 10px);
box-sizing: border-box;
padding: 3px;
display: flex;
flex-direction: column;
}
.inheritanceContent table {
border: 1px solid #0d2a57;
height: 81%;
box-sizing: border-box;
}
.inheritanceContent table th {
text-align: left;
padding: 5px;
}
.content5 .font02 {
font-size: clamp(18px,4vw,28px);
margin-top: 0;
}
.content5 .fontSizeMiddle {
margin-bottom: 0;
color: #333;
}
.propertyWrap {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.propertyWrap img{
display: block;
margin: auto;
}
.propertyBox {
width: calc((100% / 3) - 10px);
margin: 5px;
box-shadow: 0px 0px 13px #d8d8d8;
}
.propertyBox a {
position: relative;
display: block;
}
.fuyou,
.otherLinkIco {
position: absolute;
top: 5px;
right: 5px;
z-index: 100;
display: block;
width: 76px;
height: 29px;
}
.propertyBox01 {
background-color: #0e2a57;
padding: 10px 20px;
color: #FFF;
}
.propertyBox02 {
background-color: #FFF;
padding-bottom: 10px;
}
.propertyName {
font-weight: normal;
}
.propertySubTitle {
margin: 0;
font-size: 0.8em;
}
.propertyBox02 table {
width: 100%;
}
.propertyBox02 table th {
word-break: keep-all;
text-align: left;
padding: 5px 10px 5px 20px;
font-weight: normal;
vertical-align: bottom;
color: #333;
}
.propertyBox02 table td {
padding: 5px 10px;
vertical-align: bottom;
color: #333;
}
.price {
color: #e20000;
font-size: 1.7em;
font-weight: bold;
vertical-align: baseline;
}
.propertyBox02 table td.propertyLink{
text-align: center;
}
.propertyBox02 table td.propertyLink img {
max-width: 70%;
margin: 0;
display: inline-block;
}
#footer {
background-color: #3d3d3d;
text-align: center;
padding: 30px 0 20px;
color: #FFF;
font-weight: lighter;
}
#footer p{
margin: 0;
}
#footer a{
color: #FFF;
}
.address {
font-size: 0.8em;
}
.copyright {
font-size: 0.8em;
padding-top: 1em;
}
.footerLink {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin: auto;
}
.footerLink li {
padding: 0 10px;
}
.footerLogo img {
width: clamp(200px,10%,300px);
margin: auto;
display: block;
}
#footer .inner {
box-sizing: border-box;
}
#sideButton {
position: fixed;
top: 11%;
right: 0;
opacity: 0;
transition: all 0.65s;
}
#sideButton.isActive {
opacity: 1;
}
.headerText {
padding: 0;
}
.content5 .font02 {
text-align: center;
}
#footer p.footerText {
text-align: justify;
padding: 0 20px;
font-size: 12px;
}
.bg_g {
background-color: #f3f3f3;
}
.bgGreen {
background-color: #e9eeeb;
padding: clamp(20px,5vw,60px);
}
.torikumi2 {
padding-top: clamp(20px,5vw,30px);
}
.torikumiIco {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.torikumiIco li {
width: calc(100% / 6);
padding: 10px;
box-sizing: border-box;
}
.footer_upper {
display: flex;
width: 100%;
justify-content: space-between;
}
.footer_upper_inner ul {
text-align: justify;
padding: 20px;
box-sizing: border-box;
}
.scrollIco {
position: absolute;
padding-top: 45px;
text-align: center;
color: #FFF;
display: block;
bottom: 0;
left: 0;
right: 0;
margin: auto;
text-shadow: 0 0 9px #000;
max-width: 73px;
}
.scrollIco span {
position: absolute;
top: 0;
left: 50%;
width: 20px;
height: 20px;
margin-left: -12px;
border-left: 1px solid #fff;
border-bottom: 1px solid #fff;
transform: rotate(-45deg);
animation: sdb 2s infinite;
opacity: 0;
box-sizing: border-box;
}
.scrollIco span:nth-of-type(1) {
animation-delay: 0s;
}
.scrollIco span:nth-of-type(2) {
top: 12px;
animation-delay: .15s;
}
.scrollIco span:nth-of-type(3) {
top: 24px;
animation-delay: .3s;
}
@keyframes sdb {
0% {
opacity: 0;
}
50% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.content3 {
position: relative;
}
.man01 {
position: absolute;
top: 12%;
right: 0;
}
.contactButtonWrap {
text-align: center;
padding-top: 20px;
}
.contactButton {
display: inline-block;
color: #016eb1;
background-color: #FFF;
padding: 20px;
border-radius: 10px;
border-bottom: 2px solid #016eb1;
}
.contactButton2 {
display: inline-block;
color: #FFF;
background-color: #dd0329;
padding: 20px 40px;
border-radius: 10px;
border-bottom: 2px solid #610011;
}
.lum-lightbox-image-wrapper img {
max-width: 88%;
}
.madori {
display: flex;
flex-wrap: wrap;
}
.madori > div{
box-sizing: border-box;
width: calc(100% / 2);
padding: 40px 10px 10px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.madoriPropertyBox {
background-color: #ffffff;
border: 1px solid #9a7d44;
padding: 0 10px;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.popup1 img {
border: 1px solid #9a7d44;
box-sizing: border-box;
}
.madoriPropertyBox th {
text-align: left;
font-weight: normal;
color: #233e69;
padding: 10px 0 0 10px;
}
.madoriPropertyBox td {
padding: 10px 0 0 10px;
}
.madoriPropertyBox td.linkButtonTd {
padding: 0 0 20px 0;
}
.madoriPropertyBox table {
width: 100%;
}
.propertyLinkWrap {
text-align: center;
padding: 10px 0 20px;
}
.propertyLink {
display: inline-block;
color: #ffffff;
background-color: #9a7d44;
padding: 10px 20px;
border-radius: 10px;
border-bottom: 2px solid #462e00;
}
.madori img {
display: block;
}
.propertyName {
color: #d2c897;
font-family: "游明朝", YuMincho, "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: clamp(16px,3vw,24px);
background-color: #000;
padding: 15px 0;
}
.pointText01 {
background-image: url(../img/bg01.png);
padding: 30px;
color: #233e69;
font-size: 2.2em;
margin-top: 50px;
position: relative;
display: flex;
align-items: center;
}
.pointText01:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 50px 50px 0 0;
border-color: #233e69 transparent transparent transparent;
}
.flexCol1 {
display: flex;
}
.flexCol1 img{
display: block;
}
.flexCol2 {
display: flex;
}
.flexCol2 img{
display: block;
}
.flexCol2 .imgWrap01:first-child {
margin-right: 10px;
}
.flexCol3 {
display: flex;
}
.flexCol3 img{
display: block;
}
.flexCol3 .imgWrap01:nth-child(2){
margin: 0 10px;
}
.pointText02 {
padding: 20px 10px 0px;
}
.imgWrap01 {
position: relative;
}
.imgWrap01 p {
position: absolute;
bottom: 0;
background-color: rgba(000,000,000,.5);
color: #FFF;
margin: 0;
padding: 10px;
box-sizing: border-box;
width: 100%;
font-size: 13px;
}
.imgWrap01 p.bunjouchi {
width: auto;
}
.flexColContent3Wrap {
display: flex;
}
.flexColContent3 {
width: calc(100% / 3);
display: flex;
flex-direction: column;
padding: 0 5px;
box-sizing: border-box;
}
.flexColContent3 .pointText02 {
display: flex;
align-items: center;
font-size: clamp(16px,2vw,20px);
min-height: 65px;
font-feature-settings: "palt";
}
.flexColContent3 p {
padding: 0 10px;
box-sizing: border-box;
text-align: justify;
line-height: 1.7;
}
.flexColContent3 p.oriconText {
font-size: 11px;
text-align: center;
}
.flexColContent3 p.oriconText span {
display: inline-block;
}
.linkButton3Wrap {
text-align: center;
}
.linkButton3 {
display: inline-block;
color: #ffffff;
background-color: #9a7d44;
padding: 10px 20px;
border-radius: 10px;
border-bottom: 2px solid #462e00;
}
.oriconImg {
width: 45%;
padding: 10px;
box-sizing: border-box;
}
.mapTitle {
text-align: center;
font-size: 1.2em;
margin: 0;
}
.lifeWrap {
margin-top: 0;
}
.mutsukawaInfo {
padding: 20px 0;
}
.mutsukawaInfoInner ul {
display: flex;
flex-wrap: wrap;
}
.mutsukawaInfoInner li {
display: block;
width: calc(100% / 2);
box-sizing: border-box;
padding: 0 20px;
}
#nav .headerLink01 a:before {
background-image: url(../img/headerIco01.png);
background-repeat: no-repeat;
content: "";
display: block;
width: 18px;
height: 22px;
background-size: cover;
margin-right: 3px;
}
#nav .headerLink02 a:before {
background-image: url(../img/headerIco02.png);
background-repeat: no-repeat;
content: "";
display: block;
width: 18px;
height: 22px;
background-size: cover;
margin-right: 3px;
}
#nav .headerLink03 a:before {
background-image: url(../img/headerIco03.png);
background-repeat: no-repeat;
content: "";
display: block;
width: 18px;
height: 22px;
background-size: cover;
margin-right: 3px;
}
#nav .headerLink04 a:before {
background-image: url(../img/headerIco04.png);
background-repeat: no-repeat;
content: "";
display: block;
width: 18px;
height: 22px;
background-size: cover;
margin-right: 3px;
}
.footerLogo {
max-width: 150px;
padding: 0 20px;
}
.slick-slider .slick-track > div {
overflow: hidden;
}
.discription {
position: absolute;
left: 0;
bottom: 0;
background-color: rgba(0,0,0,.5);
margin: 0;
color: #FFF;
padding: 10px;
font-size: 16px;
}
.propertyCopy li {
font-size: 14px;
text-align: justify;
padding-top: 8px;
color: #9a711f;
padding-left: 18px;
text-indent: -18px;
padding-right: 18px;
font-feature-settings: "palt";
}
.topSliderItem a:hover,
.topSliderItem a:hover img {
    opacity: 1;
}
.madori > div.moreBox {
display: none;
}
.madori > div.propertyMore {
width: 100%;
box-sizing: border-box;
text-align: center;
display: block;
padding: clamp(20px,2vw,40px);
}
#propertyMoreButton {
display: inline-block;
background-color: #FFF;
width: auto;
padding: 16px 20px;
border: 1px solid #9a7d44;
color: #9a7d44;
cursor: pointer;
}

.madori > div.moreBox {
width: 100%;
padding: 0;
}
.moreBoxInner{
display: flex;
flex-wrap: wrap;
}
.moreBoxInner > div {
box-sizing: border-box;
width: calc(100% / 2);
padding: 40px 10px 10px;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.gaiyouTable{
border-collapse: collapse;
}
.gaiyouTable th {
background-color: #e4e4e4;
border: 1px solid #CCC;
line-height: 1.4;
padding: 15px;
font-size: 16px;
font-weight: normal;
width: 180px;
}
.gaiyouTable td{
padding: 15px;
font-size: 16px;
border: 1px solid #CCC;
}
#gaiyou {
padding: 40px 20px 40px;
max-width: 780px;
margin: auto;
}
.closeButtonWrap {
text-align: center;
padding: 30px 0;
}
.closeButton {
display: inline-block;
background-color: #FFF;
width: auto;
padding: 16px 50px;
border: 1px solid #9a7d44;
color: #9a7d44;
cursor: pointer;
}

#navClose {
display: none;
}

.mutsukawaInfoInner p {
margin: 0;
color: #9a7d43;
border-bottom: 1px solid #9a7d43;
margin-bottom: 5px;
font-family: "游明朝", YuMincho, "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.mutsukawaInfoInner li {
padding-bottom: 20px;
}
.mutsukawaInfoInner span {
display: block;
}
.mutsukawaInfoInner span.pc {
/*display: inline;*/
display: none;
}
.mutsukawaInfoInner span.pc:before {
display: none;
}
.mutsukawaInfoInner span.font03 {
display: inline-block;
font-size: 0.8em;
}
.mutsukawaInfoInner br.sp {
    display: block;
}
.mutsukawaInfoInner span.mark + span {
    text-align: right;
}
.kukakuWrap {
max-width: 600px;
margin: auto;
}
.mutsukawaInfoInner .areaInfo {
display: flex;
justify-content: space-between;
border-bottom: 1px solid #DDD;
padding-bottom: 5px;
margin-bottom: 5px;
}
.mutsukawaInfoInner .areaInfo span.mark:before {
content: "";
display: inline-block;
width: 5px;
height: 100%;
background-color: #b3862b;
vertical-align: middle;
margin-right: 5px;
}

#fixButton {
position: fixed;
right: 0;
top: 20%;
writing-mode: vertical-rl;
background: #9a7d44;
display: flex;
justify-content: center;
align-items: center;
padding: 10px 7px;
font-size: 13px;
font-family: "游明朝", YuMincho, "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#fixButton a{
color: #fff;
}
#fixButton a:before {
background-image: url(../img/headerIco03.png);
background-repeat: no-repeat;
content: "";
display: inline-block;
width: 18px;
height: 22px;
background-size: cover;
}
#fixButton2 {
    position: fixed;
    right: 0;
    top: 52%;
    writing-mode: vertical-rl;
    background: #00a1e9;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 7px;
    font-size: 13px;
    font-family: "游明朝", YuMincho, "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#fixButton2 a{
	color: #FFF;
}
#fixButton2 a:before {
background-image: url(../img/linkIcoImg.png);
background-repeat: no-repeat;
content: "";
display: inline-block;
width: 18px;
height: 22px;
background-size: cover;
}

#fixButton.fixContactButton {
    writing-mode: initial;
    line-height: 1;
    top: initial;
    bottom: 14px;
    padding: 14px;
/*    background: #0074d7;*/
    background: #de0029;
    border-radius: 5px 0 0 5px;
    font-weight: bold;
}
#fixButton.fixContactButton a {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    color: #FFF;
    cursor: pointer;
    font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
}
#fixButton.fixContactButton a:before {
/*    background-image: url(../img/headerIco03_2.png);*/
/*    width: 23px;*/
/*    background-position: center;*/
display: none;
}


.kome2 {
font-size: 0.8em;
padding-left: 10px;
}
.text7 {
display: block;
font-size: 13px;
}
.col2-1Wrap {
display: flex;
align-items: center;
}
.col2_1_l,
.col2_2_r {
width: 30%;
}
.col2_2_l,
.col2_1_r  {
width: 70%;
}
.col2_1_l2,
.col2_1_r2 {
width: 50%;
}
.sec_G_1 {
padding-top: 6vw;
}
#content6 .sec_G_1 {
padding-top: 0;
margin-bottom: 50px;
}
#content6 .pointText01{
margin-top: 0;
}
.col3-1Wrap {
display: flex;
align-items: center;
justify-content: space-between;
}
.col3-1Wrap div{
width: 30%;
position: relative;
}
.col3-1Wrap div img {
display: block;
}
.col3-1Wrap div p {
margin: 0;
padding: 10px;
background-color: rgba(000,000,000,.5);
color: #FFF;
position: absolute;
bottom: 0;
width: 100%;
box-sizing: border-box;
font-size: 13px;
}
.text_G_2 {
max-width: 680px;
margin: auto;
padding: 0 10px 10px;
box-sizing: border-box;
}
.slideCaption {
position: absolute;
bottom: 0;
margin: 0;
padding: 10px;
font-size: 13px;
color: #FFF;
background-color: rgba(000,000,000,.5);
width: 100%;
box-sizing: border-box;
}
.col2_50per {
width: 50%;
padding: 10px;
box-sizing: border-box;
}
.mapImg{
width: 80%;
display: block;
margin: auto;
}
.col3-2Wrap {
display: flex;
flex-wrap: wrap;
}
.col3_3 {
width: calc(100% / 3);
padding: 20px;
box-sizing: border-box;
}
.col3_3 p {
margin-top: 0;
}
.text_G_3 {
padding: 50px 0 0;
}
.fadeRight{
opacity: 0;
transform: translateX(-100px);
transition: opacity .8s, transform .8s;
}
.fadeRight.is-inview{
opacity: 1;
transform: translateX(0);
transition-delay: .1s;
}
.fadeLeft{
opacity: 0;
transform: translateX(100px);
transition: opacity .8s, transform .8s;
}
.fadeLeft.is-inview{
opacity: 1;
transform: translateX(0);
transition-delay: .1s;
}
.fadeUp{
opacity: 0;
transform: translateY(100px);
transition: opacity .8s, transform .8s;
}
.fadeUp.is-inview{
opacity: 1;
transform: translateY(0);
transition-delay: .1s;
}
.linkButton3Wrap {
text-align: center;
margin-top: auto;
margin-bottom: 30px;
}
.content4 .pointText01 {
margin-bottom: 30px;
}
.banner02Wrap p {
margin-top: 0;
}
.button02 {
text-align: center;
}
.button03 {
text-align: center;
padding-top: 20px;
}
.banner02Wrap a {
display: inline-block;
text-align: center;
border: 5px solid #00a1e9;
max-width: 800px;
border-radius: 10px;
color: #333;
}
.button02 span {
background-color: #00a1e9;
padding: 10px 20px;
display: inline-block;
border-radius: 5px;
color: #FFF;
}
.button03 span {
background-color: #9a7d44;
padding: 10px 20px;
display: inline-block;
border-radius: 5px;
color: #FFF;
}
#toTop {
position: fixed;
z-index: 10;
width: 40px;
right: 0;
bottom: 75px;
}
.banner01{
max-width: 800px;
display: block;
width: 100%;
}
.imgBlock{
display: block;
}
.col4-1Wrap {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
padding: 20px;
box-sizing: border-box;
}
.col4Item {
width: 24%;
position: relative;
margin-bottom: 16px;
}
.col4Item img {
display: block;
}
.col4Item p {
margin: 0;
padding: 10px;
background-color: rgba(000,000,000,.5);
color: #FFF;
position: absolute;
bottom: 0;
width: 100%;
box-sizing: border-box;
font-size: 13px;
}
.boxColoe02 {
background-color: #f7f7f7;
padding: 0 20px 40px;
}
.box26 {
position: relative;
display: flex;
align-items: center;
}
.img26 {
width: 24%;
}
.text10 {
background-color: #4fa700;
color: #FFF;
padding: 20px;
border-radius: 10px;
}
.kukakuLink,
.toMail {
background-color: #00a1e9;
padding: 5px 14px;
display: inline-block;
border-radius: 5px;
color: #FFF;
font-size: 14px;
}
.box03 {
display: flex;
align-items: center;
justify-content: center;
background-color: #EEE;
max-width: 1200px;
margin: auto;
padding: 20px;
box-sizing: border-box;
}
.box03_1 {
width: 50%;
}
.box03_1_inner {
display: flex;
align-items: center;
}
.box03_1_01 {
width: 50%;
}
.box03_1_02 {
width: 50%;
padding: 30px;
box-sizing: border-box;
}
.box03_2 {
width: 50%;
padding: 0 20px;
box-sizing: border-box;
}
.box05 {
max-width: 800px;
margin: 0 auto;
padding: 2rem 20px 0;
box-sizing: border-box;
}
.box06 {
position: relative;
}
.box06 img{
display: block;
}
.box06 p {
margin: 0;
padding: 10px;
background-color: rgba(000,000,000,.5);
color: #FFF;
position: absolute;
bottom: 0;
width: 100%;
box-sizing: border-box;
font-size: 13px;
}
.seinou1,
p {
line-height: 1.7em;
}
.text05 {
margin: -10px 0 0;
font-size: 2.0rem;
}
.box7 {
background-color: #f7f7f7;
margin-top: 50px;
padding: 20px;
box-sizing: border-box;
}
.content4 .conseptImgWrap {
text-align: center;
}
.flexAlignTop{
align-items: flex-start;
}
.text17 {
font-size: 1.5em;
}
.time {
position: relative;
display: inline-block;
line-height: 1;
}
.time:after {
content: '※';
position: relative;
top: 6px;
right: 0;
font-size: 12px;
line-height: 0;
vertical-align: top;
}
.comment {
display: block;
text-align: right;
font-size: 0.8em;
}
.comment_left {
display: block;
text-align: left;
font-size: 0.8em;
}
.oriconText {
font-size: 11px;
text-align: left;
display: block;
}
.oriconText span {
display: inline-block;
}
.toLpButton {
    text-align: center;
}
.toLpButton a {
    text-align: center;
    background-color: #00a1e9;
    color: #FFF;
    padding: 15px 40px;
    margin-top: 20px;
    display: inline-block;
    border-radius: 5px;
    min-width: 300px;
    box-shadow: 0 4px 8px #aeaeae;
    transition: all .5s;
    font-size: 20px;
}
.toLpButton a:hover{
	transform: scale(1.1);
}
.toLpButton span {
    display: block;
    padding-top: 6px;
    font-size: 16px;
}
.jimushoTxt {
    padding: 50px 20px 10px;
    font-size: 1.5rem;
}
.jimushoTxt span {
    font-size: 1rem;
}
.jimusho {
    display: flex;
    flex-wrap: wrap;
}
.jimushoImg {
    padding: 10px;
    box-sizing: border-box;
    width: calc(100% / 3);
}

#popImg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100dvh;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 50;
    background-color: rgb(51 51 51 / 70%);
    transition: all 0.5s;
    opacity: 1;
}
#popImg.close{
    opacity: 0;
    pointer-events: none;
    user-select: none;
}
.popItem {
    position: relative;
}
#popClose {
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 80px;
}

/*　豊洲説明会　*/
.eventBanner {
    position: fixed;
    bottom: 0;
    right: 0;
    max-width: 600px;
    width: 100%;
    z-index: 30;
}
.eventBanner a:hover {
    opacity: 1;
}
.eventBanner a img{
    filter: brightness(1);
    transition: filter 0.3s;
}
.eventBanner a:hover img{
    opacity: 1;
    filter: brightness(1.3);
}

#toTop {
/*    bottom: 150px;*/
}
#footer {
    padding-bottom: 150px;
}
/*　//豊洲説明会　*/