body.page-id-2406 {
font-family: 'Zen Old Mincho', serif;
font-size: 16px;
letter-spacing: 0.1em;
line-height: 1.9;
color: #000000;
}
body.page-id-2406 #content {
   padding: 0;
overflow: hidden;
}
body.page-id-2406 #content .elementor-section.elementor-section-boxed>.elementor-container {
max-width: inherit;
}
body.page-id-2406 #content .elementor-widget:not(:last-child) {
margin-bottom: 0;
}
#sidecontact {
display: none;
} #wrapper {
padding-top: 86px;
}
#header,
#mainimage,
#footer {
display: block !important;
font-family: 'Zen Old Mincho', serif;
}
.header_block {
margin: 0 auto;
}
#header .wrap {
max-width: inherit;
}
#header .logo {
display: none;
}
.header_menu {
text-align: center; padding: 0 20px;
}
.header_menu > .inner {
line-height: 0;
}
.header_menu .g_nav {
display: inline-block;
}
.header_menu .g_nav > li {
border-right: none;
width: auto !important;
}
.header_menu .g_nav > li:first-child {
border-left: none;
}
.header_menu .g_nav > li > a:before,
.header_menu .g_nav > li > span:before {
display: none;
}
.header_menu .g_nav > li > a,
.header_menu .g_nav > li > span {
font-size: 18px;
letter-spacing: 0.1em;
color: #342A3E;
padding: 29px 0 !important;
}
.header_menu .g_nav > li > a:hover,
.header_menu .g_nav > li > span:hover,
.header_menu .g_nav > li.hover > a,
.header_menu .g_nav > li.hover > span {
background: none;
color: #9793B9;
}
.header_menu .g_nav > li > a > span,
.header_menu .g_nav > li > span > span {
position: relative;
padding: 0 19px;
}
.header_menu .g_nav > li > a > span:after,
.header_menu .g_nav > li > span > span:after {
position: absolute;
content: '';
display: block;
width: 1px;
height: 25px;
right: 0;
top: 50%;
margin-top: -12.5px;
background: #BCBACE;
}
.header_menu .g_nav > li:last-child > a > span:after,
.header_menu .g_nav > li:last-child > span > span:after {
display: none;
} .header_menu .g_nav>li ul {
position: absolute;
top: 86px;
background: #EBEAF3;
padding: 20px 20%;
text-align: left;
box-sizing: border-box;
width: 400px;
} .header_menu .g_nav>li ul li {
border-top: none;
display: block;
margin-right: 25px;
padding-bottom: 20px;
} .header_menu .g_nav > li ul li:last-child {
margin-right: 0;
padding-bottom:0;
}
.header_menu .g_nav > li ul li a {
background: none;
padding: 0 0 0 16px;
font-size: 16px;
color: #000000;
letter-spacing: 0.1em;
display: inline-block;
position: relative;
}
.header_menu .g_nav > li ul li a:before {
position: absolute;
content: '';
display: block;
left: 0;
top: 7px;
width: 7px;
height: 12px;
background: url(//saiseinomori-cl.com/wp-content/uploads/icon_sub.png) no-repeat;
}
.header_menu .g_nav > li ul li a:hover {
color: #9793B9;
}
@media screen and (max-width: 1340px) and (min-width: 1061px) {
.header_menu .g_nav > li > a > span,
.header_menu .g_nav > li > span > span {
padding: 0 8px;
}
.header_menu .g_nav > li > a,
.header_menu .g_nav > li > span {
letter-spacing: 0;
font-size: 17px;
} .header_menu .g_nav > li ul {
padding: 20px 20%;
}
}
@media screen and (max-width: 1060px) and (min-width: 768px) {
#wrapper {
padding-top: 79px;
}
.header_menu {
padding: 0 5px;
}
.header_menu .g_nav > li > a > span,
.header_menu .g_nav > li > span > span {
padding: 0 5px;
}
.header_menu .g_nav > li > a,
.header_menu .g_nav > li > span {
letter-spacing: 0;
font-size: 13px;
} .header_menu .g_nav > li ul {
padding: 20px 20%;
}
}
#en_ul{
width:600px;
}
@media screen and (max-width: 767px) {
#en_ul{
width:400px;
}
#wrapper {
padding-top: 0;
}
#header {
height: 60px;
top: 0 !important;
position: relative;
}
#header .logo {
display: block;
margin: 8px 0 3px 15px;
float: left;
}
.logo a {
font-size: 17px;
color: #65627C;
display: inline-block;
line-height: 1.4;
letter-spacing: 0.1em;
}
.logo a span {
font-size: 10px;
color: #9793B9;
display: block;
margin-top: 4px;
letter-spacing: 0.02em;
}
.toggleMenu {
width: 60px;
height: 60px;
background: #FFFFFF;
position: fixed;
top: 0;
right: 0;
z-index: 999;
}
.menu-trigger {
margin: 20px auto 0;
}
.menu-trigger span {
position: absolute;
left: 0;
width: 100%;
height: 3px;
background-color: #65627C;
border-radius: 2px;
}
.menu-trigger span:nth-of-type(2) {
top: 9px;
}
.header_menu {
top: 60px;
height: calc(100% - 60px);
background: #EBEAF4;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #EBEAF4), color-stop(0.00, #FFFFFF));
background: -webkit-linear-gradient(top, #EBEAF4 0%, #FFFFFF 100%);
background: -moz-linear-gradient(top, #EBEAF4 0%, #FFFFFF 100%);
background: -o-linear-gradient(top, #EBEAF4 0%, #FFFFFF 100%);
background: -ms-linear-gradient(top, #EBEAF4 0%, #FFFFFF 100%);
background: -linear-gradient(top, #EBEAF4 0%, #FFFFFF 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EBEAF4', endColorstr='#FFFFFF',GradientType=0 );
padding: 0;
}
.header_menu .inner {
padding: 20px;
}
.header_menu .g_nav {
display: block;
}
.header_menu .g_nav > li {
width: 100% !important;
box-sizing: border-box;
}
.header_menu .g_nav > li > a,
.header_menu .g_nav > li > span {
font-size: 14px;
color: #000000;
padding: 20px 15px !important;
letter-spacing: 0;
font-family: 'Zen Old Mincho', serif;
}
.header_menu .g_nav > li > span {
padding-right: 40px !important;
}
.header_menu .g_nav > li > a > span,
.header_menu .g_nav > li > span > span {
padding: 0;
}
.header_menu .g_nav > li > a > span:after,
.header_menu .g_nav > li > span > span:after {
display: none;
}
.header_menu .g_nav > li > a:hover,
.header_menu .g_nav > li > span:hover,
.header_menu .g_nav > li.hover > a,
.header_menu .g_nav > li.hover > span {
background: #fff;
color: #000000;
}
.header_menu .g_nav > li ul {
position: relative;
padding: 0;
}
.header_menu .g_nav > li ul li {
margin: 0;
}
.header_menu .g_nav > li ul li a {
padding: 20px 20px 20px 30px;
letter-spacing: 0;
background: #65627C !important;
display: block;
color: #FFFFFF;
font-family: 'Zen Old Mincho', serif;
}
.header_menu .g_nav > li ul li a:before {
display: none;
}
.contactBoxTit {
text-align: center;
font-size: 26px;
color: #000000;
}
.contactBox ul {
position: relative;
}
.contactBox ul:before {
position: absolute;
content: '';
display: block;
width: 1px;
height: 73px;
background: #707070;
top: 0;
left: 50%;
margin-left: -1px;
}
.contactBox ul li {
letter-spacing: 0.1em;
line-height: 1.4;
float: left;
width: 48%;
margin-left: 4%;
text-align: center;
}
.contactBox ul li:first-child {
margin: 0;
font-size: 16px;
}
.contactBox ul li:nth-child(2) {
font-size: 19px;
}
.contactBox ul li a {
color: #000000;
position: relative;
padding-top: 85px;
display: inline-block;
}
.contactBox ul li a:before {
position: absolute;
content: '';
display: block;
width: 71px;
height: 71px;
background-size: cover !important;
left: 50%;
margin-left: -35.5px;
top: 0;
}
.contactBox ul li:first-child a:before {
background: url(//saiseinomori-cl.com/wp-content/uploads/lp_icon_tel.png) no-repeat;
}
.contactBox ul li:nth-child(2) a:before {
background: url(//saiseinomori-cl.com/wp-content/uploads/lp_icon_inq.png) no-repeat;
}
.contactBox ul li:nth-child(2) a span {
display: inline-block;
position: relative;
padding-right: 65px;
}
.contactBox ul li:nth-child(2) a span:before {
position: absolute;
content: '';
display: block;
right: 0;
top: 50%;
width: 51px;
height: 33px;
background: url(//saiseinomori-cl.com/wp-content/uploads/lp_icon_inq_link.png) no-repeat;
background-size: cover;
margin-top: -15.5px;
}
#header .contactBox .logo {
float: none;
margin: 20px 0 10px;
}
.contactBox .logo a {
font-size: 20px;
}
.contactBox .logo a span {
font-size: 12px;
}
.headerAddr {
font-size: 13px;
margin-bottom: 5px;
}
.headerLink a {
font-size: 13px;
color: #000000;
}
.headerBottom {
background: #65627C;
}
.headerBottom .inner {
padding: 5px 20px;
}
.headerBottom .inner .copyright {
font-size: 12px;
color: #FFFFFF;
}
} #footer {
background: #FFFFFF;
position: relative;
padding: 24px 0 0;
z-index: 1;
}
#footer:after {
position: absolute;
bottom: 0;
display: block;
content: '';
width: 100%;
height: 59%;
left: 0;
background: #fe941b;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, rgba(247, 247, 249, 0.29)), color-stop(0.00, #BCBACE));
background: -webkit-linear-gradient(top, rgba(247, 247, 249, 0.29) 0%, #BCBACE 100%);
background: -moz-linear-gradient(top, rgba(247, 247, 249, 0.29) 0%, #BCBACE 100%);
background: -o-linear-gradient(top, rgba(247, 247, 249, 0.29) 0%, #BCBACE 100%);
background: -ms-linear-gradient(top, rgba(247, 247, 249, 0.29) 0%, #BCBACE 100%);
background: -linear-gradient(top, rgba(247, 247, 249, 0.29) 0%, #BCBACE 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F7F7F9', endColorstr='#BCBACE',GradientType=0 );
z-index: -1;
opacity: 0.52;
}
.footerTtl {
text-align: center;
font-size: 28px;
color: #000000;
letter-spacing: 0.1em;
line-height: 1.4;
margin-bottom: 68px;
}
.footerColumn2 {
position: relative;
}
.footerColumn2:before {
position: absolute;
content: '';
display: block;
width: 1px;
height: 135px;
background: #707070;
top: 50%;
left: 50%;
margin-left: 2.4%;
margin-top: -67.5px;
}
.footerColumn2 li {
letter-spacing: 0.1em;
line-height: 1.4;
float: left;
width: 48%;
margin-left: 4%;
text-align: center;
font-size: 28px;
}
.footerColumn2 li:first-child {
margin: 0;
}
.footerColumn2 li:nth-child(2) {
width: 43%;
margin-left: 9%;
}
.footerColumn2 li a {
color: #000000;
position: relative;
padding-top: 118px;
display: inline-block;
letter-spacing: 0.1em;
}
.footerColumn2 li a:hover {
opacity: 0.8;
}
.footerColumn2 li a:before {
position: absolute;
content: '';
display: block;
width: 101px;
height: 101px;
background-size: cover !important;
left: 50%;
margin-left: -50.5px;
top: 0;
}
.footerColumn2 li:first-child a:before {
background: url(//saiseinomori-cl.com/wp-content/uploads/lp_icon_tel.png) no-repeat;
}
.footerColumn2 li:nth-child(2) a:before {
background: url(//saiseinomori-cl.com/wp-content/uploads/lp_icon_inq.png) no-repeat;
}
.footerColumn2 li:nth-child(2) a span {
display: inline-block;
position: relative;
padding-right: 70px;
}
.footerColumn2 li:nth-child(2) a span:before {
position: absolute;
content: '';
display: block;
right: 0;
top: 50%;
width: 61px;
height: 40px;
background: url(//saiseinomori-cl.com/wp-content/uploads/lp_icon_inq_link.png) no-repeat;
background-size: cover;
margin-top: -17px;
}
.footerColumn2 li a sub {
vertical-align: baseline;
letter-spacing: 0.3em;
}
#footer .logo {
margin-top: 116px;
}
#footer .logo a {
font-size: 26px;
color: #65627C;
display: inline-block;
line-height: 1.4;
letter-spacing: 0.1em;
}
#footer .logo a span {
display: block;
font-size: 13px;
color: #9793B9;
letter-spacing: 0.1em;
margin-top: 3px;
}
#footer .addr {
color: #000000;
font-size: 12px;
letter-spacing: 0.1em;
line-height: 1.67;
margin: 7px 0 1px;
}
#footer .footerLink a {
font-size: 12px;
color: #000000;
letter-spacing: 0.1em;
}
#footer .footerLink a:hover {
text-decoration: underline;
}
.footerBottom {
background: #65627C;
text-align: center;
margin-top: 17px;
padding: 12px 0 10px;
}
#footer .copyright {
font-size: 12px;
letter-spacing: 0.1em;
}
#wpfront-scroll-top-container {
display: none !important;
}
#footer .fixed_box {
display: block;
position: fixed;
right: 13px;
width: 320px;
z-index: 998;
-moz-transition-duration: 0.7s;
-o-transition-duration: 0.7s;
-webkit-transition-duration: 0.7s;
transition-duration: 0.7s;
bottom: 13px !important;
}
#footer .fixed_box li {
float: left;
margin-top: 6.1%;
}
#footer .fixed_box li:nth-child(1) {
width: 65.4%;
}
#footer .fixed_box li:nth-child(2) {
width: 15.7%;
margin: 6.1% 2.5% 0 2%;
}
#footer .fixed_box li:nth-child(3) {
width: 14.4%;
margin: 0;
}
#footer .fixed_box li img {
width: 100%;
}
@media screen and (max-width: 1020px) and (min-width: 768px) {
.footerColumn2 li a {
letter-spacing: 0;
}
.footerColumn2 li a sub {
letter-spacing: 0;
}
#footer .copyright {
text-align: left;
}
}
@media screen and (max-width: 767px) {
#footer {
padding: 30px 0 0;
text-align: center;
}
.footerTtl {
font-size: 25px;
margin-bottom: 20px;
}
.footerColumn2:before {
margin-left: -1px;
height: 73px;
margin-top: 0;
top: 0;
}
.footerColumn2 li a:before {
width: 71px;
height: 71px;
margin-left: -35.5px;
}
.footerColumn2 li:first-child {
font-size: 16px;
}
.footerColumn2 li:nth-child(2) {
font-size: 19px;
width: 48%;
margin-left: 4%;
}
.footerColumn2 li a {
padding-top: 85px;
}
.footerColumn2 li a sub {
display: none;
}
.footerColumn2 li:nth-child(2) a span:before {
width: 51px;
height: 33px;
margin-top: -17px;
}
.footerColumn2 li:nth-child(2) a span {
padding-right: 60px;
}
#footer .logo {
margin-top: 20px;
}
#footer .logo a {
font-size: 20px;
}
#footer .logo a span {
font-size: 12px;
letter-spacing: 0;
}
#footer .fixed_box {
width: 100%;
right: 0;
padding: 0 10px 10px;
box-sizing: border-box;
bottom: 0 !important;
}
#footer .fixed_box li:nth-child(1) {
width: 40%;
margin-top: 8.7%;
}
#footer .fixed_box li:nth-child(2) {
margin: 8.7% 3% 0;
width: 40%;
}
#footer .fixed_box li:nth-child(3) {
width: 14%;
}
.footerBottom {
padding-bottom: 17%;
}
} #mainimage {
margin-top: 0;
position: relative;
}
#mainimage:before {
position: absolute;
content: '';
display: block;
left: -146px;
top: -123px;
width: 471px;
height: 471px;
background: url(//saiseinomori-cl.com/wp-content/uploads/lp_top_bgimg01.png) no-repeat;
background-size: cover !important;
}
.mainArea {
max-width: 1285px;
margin: 87px auto 0;
width: 100%;
padding: 0 20px;
box-sizing: border-box;
}
.mainInner {
display: table;
width: 100%;
}
.mainTxtBox,
.mainImgBox {
display: table-cell;
vertical-align: middle;
}
.mainTxtBox {
width: 34%;
text-align: center;
padding-right: 2%;
}
.mainImgBox {
width: 66%;
position: relative;
}
.mainImgBox:before {
position: absolute;
content: '';
display: block;
bottom: -273px;
left: -272px;
width: 568px;
height: 568px;
background: url(//saiseinomori-cl.com/wp-content/uploads/lp_top_bgimg02.png) no-repeat;
background-size: cover !important;
}
.mainTtl {
font-size: 30px;
color: #65627C;
line-height: 1.4;
letter-spacing: 0.1em;
margin-bottom: 25px;
}
.mainTtl span {
display: block;
font-size: 16px;
color: #9793B9;
letter-spacing: 0.1em;
margin-top: 7px;
}
.mainName {
border-bottom: 1px solid #BCBACE;
font-size: 16px;
color: #000000;
letter-spacing: 0.1em;
line-height: 1.4;
margin-bottom: 58px;
}
.mainName span {
display: block;
font-size: 12px;
letter-spacing: 0.1em;
margin-top: 3px;
padding-bottom: 48px;
}
.mainTxt {
font-size: 18px;
color: #000000;
letter-spacing: 0.1em;
line-height: 1.27;
}
.mainTxt span {
display: block;
font-size: 14px;
letter-spacing: 0.1em;
margin-top: 14px;
}
@media screen and (max-width: 1300px) and (min-width: 1061px) {
.mainTtl {
font-size: 24px;
}
.mainTtl span {
font-size: 14px;
}
}
@media screen and (max-width: 1060px) and (min-width: 768px) {
#mainimage:before {
width: 300px;
height: 300px;
top: -180px;
}
.mainImgBox:before {
width: 268px;
height: 268px;
bottom: -133px;
left: -130px;
}
.mainTtl {
letter-spacing: 0;
font-size: 18px;
}
.mainTtl span {
letter-spacing: 0;
font-size: 11px;
}
.mainName {
margin-bottom: 35px;
}
.mainName span {
padding-bottom: 35px;
}
.mainTxt {
font-size: 16px;
}
}
@media screen and (max-width: 767px) {
#mainimage:before {
display: none;
}
.mainArea {
margin-top: 30px;
}
.mainInner,
.mainTxtBox,
.mainImgBox {
display: block;
width: 100%;
padding: 0;
}
.mainImgBox,
.mainImgBox:before {
display: none;
}
.mainTtl {
font-size: 21px;
letter-spacing: 0.05em;
margin: 20px 0;
}
.mainTtl span {
letter-spacing: 0;
font-size: 12px;
}
.mainName span {
padding-bottom: 25px;
}
.mainName {
margin-bottom: 25px;
}
} .wishSec {
padding-top: 116px;
}
.wishInner {
max-width: 1185px;
width: 100%;
margin: 0 auto;
padding: 0 20px 0 85px;
}
.wishBox {
display: table;
width: 100%;
margin-left: -65px;
}
.wishBoxImg,
.wishBoxTxt {
display: table-cell;
vertical-align: middle;
}
.wishBoxImg {
width: 58%;
padding-right: 9%;
}
.wishBoxTxt {
width: 42%;
}
.wishTtl {
color: #65627C;
font-size: 28px;
line-height: 1.2;
margin-bottom: 33px;
}
.wishTxt {
letter-spacing: 0.05em;
}
@media screen and (max-width: 1170px) and (min-width: 768px) {
.wishBoxImg {
width: 40%;
padding-right: 4%;
}
.wishBoxTxt {
width: 60%;
}
.wishTtl {
margin-bottom: 10px;
}
.wishTxt {
letter-spacing: 0;
font-size: 14px;
}
}
@media screen and (max-width: 767px) {
.wishSec {
padding-top: 40px;
}
.wishInner {
padding: 0 20px;
}
.wishBox {
display: block;
margin: 0;
}
.wishBoxImg {
display: none;
}
.wishBoxTxt {
width: 100%;
display: block;
}
.wishTtl {
text-align: center;
margin-bottom: 15px;
}
.wishBoxTxt img {
margin-left: 15px;
}
.wishTxt {
margin-top: 20px;
text-align: center;
}
} .menuSec {
padding-top: 104px;
position: relative;
}
.menuSec:before {
position: absolute;
content: '';
display: block;
background: url(//saiseinomori-cl.com/wp-content/uploads/lp_top_bgimg03.png) no-repeat;
background-size: cover;
width: 568px;
height: 568px;
top: -80px;
left: -220px;
}
.menuSec:after {
position: absolute;
content: '';
display: block;
background: url(//saiseinomori-cl.com/wp-content/uploads/lp_top_bgimg04.png) no-repeat;
background-size: cover;
width: 771px;
height: 771px;
bottom: -430px;
right: -385.5px;
}
.lp_title_h2 h2 {
text-align: center;
font-size: 40px;
color: #9793B9;
}
.lp_title_h2 h2 sub {
display: block;
font-size: 14px;
color: #000000;
letter-spacing: 0.1em;
margin-bottom: 8px;
}
@media screen and (max-width: 767px) {
.menuSec {
padding-top: 40px;
}
.menuSec:before,
.menuSec:after {
display: none;
}
} .greetingSec {
padding: 155px 0 95px;
position: relative;
}
.greetingSec:before {
position: absolute;
content: '';
display: block;
left: -400px;
top: 8%;
width: 906px;
height: 910px;
background: url(//saiseinomori-cl.com/wp-content/uploads/lp_top_bgimg05.png) no-repeat;
background-size: cover !important;
}
.greetingTop {
margin-bottom: 64px;
}
.greetingTopTxt {
float: left;
width: 53%;
}
.greetingTopTxt .lp_title_h2 h2 {
text-align: left;
line-height: 1.3;
margin-bottom: 32px;
}
.greetingTopTxt .lp_title_h2 h2 sub {
margin-bottom: 0;
}
.greetingTopTxt p {
line-height: 1.875;
margin-bottom: 30px;
}
.greetingTopTxt p:last-child {
margin-bottom: 0;
}
.greetingTopImg {
float: right;
width: 33%;
margin-top: 36px;
}
.greetingBottom > li {
width: 47.9%;
float: left;
margin-left: 4.2%;
}
.greetingBottom > li:first-child {
margin: 0;
}
.lp_title_h3 h3 {
font-size: 22px;
color: #000000;
line-height: 1.2;
position: relative;
padding-left: 40px;
}
.lp_title_h3 h3:before {
position: absolute;
content: '';
display: block;
width: 23px;
height: 23px;
background: #9793B9;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 3px;
left: 0;
}
.greetingBottom table {
margin-top: 31px;
}
.greetingBottom table th,
.greetingBottom table td {
color: #000000;
vertical-align: top;
font-size: 15px;
padding: 10px 0 11px;
}
.greetingBottom table tr:first-child th,
.greetingBottom table tr:first-child td {
padding-top: 0;
}
.greetingBottom table th {
border-bottom: 1px solid #9793B9;
width: 130.5px;
}
.greetingBottom table td {
letter-spacing: 0.04em;
border-bottom: 1px solid #CBCAC9;
}
.greetingTtl {
font-size: 18px;
color: #000000;
margin: 19px 0 3px;
}
.greetingBottom li ul {
margin: 0 0 29px 22px;
}
.greetingBottom li ul:nth-child(5) {
margin-bottom: 26px;
}
.greetingBottom li li {
position: relative;
padding-left: 23px;
line-height: 1.6;
margin-bottom: 12px;
}
.greetingBottom li li:before {
position: absolute;
content: '';
display: block;
width: 13px;
height: 13px;
background: #9793B9;
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 6px;
left: 0;
}
.greetingBottom li li:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 1140px) and (min-width: 768px) {
.greetingTopTxt {
width: 63%;
}
.greetingBottom table th,
.greetingBottom table td {
letter-spacing: 0;
font-size: 14px;
}
.greetingBottom table th {
width: 105px;
}
.greetingBottom li li {
letter-spacing: 0.05em;
}
}
@media screen and (max-width: 767px) {
.greetingSec {
padding: 40px 0 20px;
}
.greetingSec:before {
display: none;
}
.greetingTop {
margin-bottom: 30px;
}
.greetingTopTxt {
float: none;
width: 100%;
}
.greetingTopImg {
display: none;
}
.greetingTopTxt .lp_title_h2 h2 {
text-align: center;
margin-bottom: 20px;
}
.greetingTopTxt img {
margin-bottom: 20px;
}
.greetingTopTxt p {
margin-bottom: 15px;
}
.greetingBottom > li {
width: 100%;
float: none;
margin: 30px 0 0;
}
.greetingBottom table {
margin-top: 15px;
}
.greetingBottom table th,
.greetingBottom table td {
letter-spacing: 0;
font-size: 14px;
}
.greetingBottom table th {
width: 110px;
}
.greetingBottom li ul {
margin-left: 0;
}
.greetingBottom li ul {
margin: 0 0 20px 0 !important;
}
} .pfcSec {
background: url(//saiseinomori-cl.com/wp-content/uploads/lp_top_bgimg06.jpg) no-repeat top center;
background-size: cover;
padding: 67px 0 76px;
}
.pfcBoxTxt {
width: 55%;
float: left;
margin-top: 7px;
}
.pfcTtl {
font-size: 28px;
color: #FFFFFF;
}
.pfcTxt {
line-height: 2;
color: #FFFFFF;
font-size: 15px;
}
.pfcBoxLink {
float: right;
width: 37.9%;
}
.pfcBoxLink li {
border-bottom: 1px solid #FFFFFF;
}
.pfcBoxLink li a {
position: relative;
display: block;
line-height: 1.4;
font-size: 20px;
color: #FFFFFF;
padding: 30px 70px 29px 0;
}
.pfcBoxLink li a:after {
position: absolute;
content: '';
display: block;
right: 0;
background: url(//saiseinomori-cl.com/wp-content/uploads/lp_icon_btn.png) no-repeat;
background-size: cover !important;
width: 62px;
height: 40px;
top: 50%;
margin-top: -22px;
}
.pfcBoxLink li a:hover {
opacity: 0.8;
}
@media screen and (max-width: 1000px) and (min-width: 768px) {
.pfcBoxTxt {
width: 59%;
}
.pfcTxt {
letter-spacing: 0;
}
.pfcBoxLink li a {
letter-spacing: 0;
font-size: 19px;
}
}
@media screen and (max-width: 767px) {
.pfcSec {
background: url(//saiseinomori-cl.com/wp-content/uploads/lp_top_bgimg06_sp.jpg) no-repeat top center;
background-size: cover;
padding: 40px 0;
}
.pfcBoxTxt {
float: none;
width: 100%;
margin-top: 0;
}
.pfcTtl {
line-height: 1.4;
margin-bottom: 10px;
}
.pfcBoxLink {
float: none;
width: 100%;
}
.pfcBoxLink li a {
letter-spacing: 0;
padding: 20px 70px 20px 0;
}
} .map {
padding-top: 289px;
z-index: 1;
}
.infoSec { position: relative; width: 100%;
max-width: 1200px;
padding: 0 60px 10px;
margin: -80px auto 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
}
.infoSec > .container {
padding: 0;
z-index: 1;
position: relative;
}
.infoInner {
background: #FFFFFF;
box-shadow: 0 3px 6px rgba(160, 148, 168, 0.16);
padding: 54px 40px 41px;
border-radius: 5px;
}
.infoTtl {
font-size: 28px;
color: #9793B9;
line-height: 1.4;
text-align: center;
margin-bottom: 43px;
}
.infoBoxLeft {
float: left;
width: 44.4%;
margin-top: 2px;
}
.infoBoxLeft table {
margin-bottom: 8px;
}
.infoBoxLeft th,
.infoBoxLeft td {
letter-spacing: 0;
text-align: center;
vertical-align: top;
line-height: 1.5;
padding: 10px 0;
}
.infoBoxLeft thead th {
border-bottom: 1px solid #D9D9D9;
padding: 0 0 18px;
}
.infoBoxLeft thead th:first-child {
letter-spacing: 0.1em;
color: #65627C;
text-align: left;
width: 31%;
}
.infoBoxLeft tbody th,
.infoBoxLeft tbody td {
border-bottom: 1px solid #D9D9D9;
}
.infoBoxLeft tbody th {
text-align: left;
}
.infoBoxLeft tbody td {
color: #9793B9;
}
.infoBoxLeft p {
margin-bottom: 5px;
}
.infoTxt {
font-size: 14px;
line-height: 1.7;
margin-top: 7px;
}
.infoBoxRight {
float: right;
width: 47.5%;
}
.infoBoxRight th,
.infoBoxRight td {
line-height: 1.56;
padding-top: 25px;
vertical-align: top;
color: #000000;
}
.infoBoxRight th {
color: #65627C;
width: 116px;
}
.infoBoxRight td a {
color: #000000;
}
.infoBoxRight tr:first-child th,
.infoBoxRight tr:first-child td {
padding-top: 0;
}
@media screen and (max-width: 1110px) and (min-width: 768px) {
.infoInner {
padding: 54px 20px 41px;
}
.infoBoxLeft th,
.infoBoxLeft td {
letter-spacing: 0 !important;
font-size: 14px !important;
}
.infoTxt {
letter-spacing: 0;
}
.infoBoxRight th,
.infoBoxRight td {
letter-spacing: 0 !important;
font-size: 13px;
}
.infoBoxRight th {
width: 77px;
}
.infoBoxLeft thead th:first-child {
width: 35%;
}
}
@media screen and (max-width: 767px) {
.infoInner {
padding: 40px 10px;
}
.infoTtl {
margin-bottom: 20px;
font-size: 20px;
letter-spacing: 0;
}
.infoBoxLeft {
float: none;
width: 100%;
margin-top: 0;
}
.infoBoxLeft th,
.infoBoxLeft td {
letter-spacing: 0 !important;
font-size: 12px !important;
}
.infoBoxLeft thead th:first-child {
width: 45%;
}
.infoTxt {
letter-spacing: 0;
font-size: 12px;
}
.infoBoxRight {
float: none;
width: 100%;
margin-top: 20px;
}
.infoBoxRight th,
.infoBoxRight td {
letter-spacing: 0 !important;
font-size: 13px !important;
}
.infoBoxRight th {
width: 77px;
}
.infoBoxLeft p {
letter-spacing: 0;
}
} .elementor-element-183b67e {
padding: 98px 0 2px;
}
.elementor-element-7cdc3b2 > .elementor-column-wrap {
background: #F1F0F7;
border-radius: 5px;
box-shadow: 0 3px 6px rgba(160, 148, 168, 0.16);
}
.elementor-element-7cdc3b2 > .elementor-column-wrap > .elementor-widget-wrap {
padding: 58px 130px 60px 70px;
}
.elementor-element-5a7b687 .elementor-heading-title {
text-align: center;
position: relative;
line-height: 1.2;
font-size: 28px;
letter-spacing: 0.1em;
color: #9793B9;
}
.elementor-element-5a7b687 .elementor-heading-title a {
position: absolute;
right: 0;
top: 15px;
font-size: 16px;
letter-spacing: 0.1em;
color: #25242B;
text-decoration: underline;
}
.elementor-element-5a7b687 .elementor-heading-title a:hover {
text-decoration: none;
}
.elementor-element-f4ca072 {
margin-top: 20px;
}
#newsList dl {
padding: 18px 0;
border: none;
clear: both;
}
#newsList dl dt {
float: left;
font-size: 16px;
letter-spacing: 0.02em;
color: #98979D;
line-height: 1.4;
}
#newsList dl dt .newsLabel {
width: 49px;
height: 23px;
line-height: 23px;
background: #9793B9;
font-size: 12px;
letter-spacing: 0.1em;
margin: -2px 0 0 20px;
font-weight: normal;
}
#newsList dl dd {
line-height: 1.4;
padding-left: 170px;
}
#newsList dl dd a {
letter-spacing: 0.02em;
color: #98979D;
}
@media screen and (max-width: 1060px) and (min-width: 768px) {
.elementor-element-7cdc3b2 > .elementor-column-wrap > .elementor-widget-wrap {
padding: 58px 20px;
}
}
@media screen and (max-width: 767px) {
.elementor-element-183b67e {
padding: 40px 0 0;
}
.elementor-element-7cdc3b2 > .elementor-column-wrap > .elementor-widget-wrap {
padding: 40px 20px 20px;
}
.elementor-element-5a7b687 .elementor-heading-title {
padding-bottom: 30px;
}
.elementor-element-5a7b687 .elementor-heading-title a {
top: inherit;
bottom: 0;
}
.elementor-element-f4ca072 {
margin-top: 0;
}
#newsList dl dt {
float: none;
}
#newsList dl dd {
padding-left: 0;
}
}
.logocontact{
display: flex;
justify-content: space-between;
padding-bottom: 5px;
}
.logocontact .contactbx{
display: flex;
justify-content: space-between;
width: 560px;
}
.page-id-2737 .logocontact .contactbx,.page-id-2653 .logocontact .contactbx{
width: 700px;
}
.whatsapp_bnr {
margin-right: 5px;
top: 20px;
position: relative;
}
.whatsapp_bnr img{
width:85%;
}
@media screen and (min-width: 767px) {
.page-id-2653 .whatsapp_bnr img{
width:65%;
}
}	
.logocontact .contactbx ul{
display: flex;
width: 50%;
justify-content: space-between;
position: relative;
top: 20px;
}
.logocontact .contactbx ul li:nth-child(1){
width: 209px;
margin-right: 5px;
}
.logocontact .contactbx ul li:nth-child(2){
width: 50px;
margin-right:5px;
}
.logocontact .contactbx ul li:nth-child(3){
width: 50px;
}
.logocontact .contactbx p{
position: relative;
top: 20px;
line-height: 1.5;
border: solid 1px #9793B9;
padding: 5px;
margin-right: 10px;
}
.logocontact .logo2{
font-size: 24px;
position: relative;
top: 40px;
left: 0;
margin-left: 5%;
}
.logocontact .logo2 span{
display: block;
font-size: 14px;
color: #9793B9;
letter-spacing: 0.1em;
margin-top: 7px;
position: relative;
top: 20px;
}
@media screen and (max-width: 767px) {
.logo2-zh .whatsapp_bnr {
margin-left: 20px;
margin-right:0;
top: 5px;
position: relative;
}
.whatsapp_bnr img{
width:80px;
}
.icon03_wrapper img {
width: 40px;
top: 6px;
position: relative;
margin-left: -5px;
}
.contactBox ul li.icon03_li a:before {
display:none;
}
.icon03_li{
width: 71px !important;
height: 71px;
float: none !important;
margin: 0 auto;
padding-top: 20px !important;
display: inline-block;
}
.contactBox ul li.icon03_li a{
padding-top: 0px;
}
.logo2-en .whatsapp_bnr {
margin-left:15px;
top: 5px;
position: relative;
}	
.logo a {
font-size: 12px;
}
.logo_jp .icon03_wrapper img {
width: 40px;
top: 6px;
position: relative;
margin-left: 40px;
}
}
@media screen and (max-width: 480px) {
.logo2-en .icon03_wrapper img {
width: 35px !important;
}
.logo-en a {
font-size: 11px;
}
.logo2-en .whatsapp_bnr img{
width:65px  !important;
}
.logo2-en .whatsapp_bnr{
margin-left: 10px !important;
}
.icon03_wrapper img {
width: 35px !important;
}
.logo2-zh .icon03_wrapper img {
margin-left: -2px;
}
.logo a {
font-size: 11px;
}
.whatsapp_bnr img{
width:65px  !important;
}
.whatsapp_bnr{
margin-left: 10px !important;
}
}#footer .fixed_box{
right: 14px;
max-width: 605px;
width: 65%;
filter: drop-shadow(0 0 10px rgba(0,0,0,.25));
}
#footer .fixed_box ul{
display: flex;
justify-content: space-between;
}
#footer .fixed_box li{
width: auto !important;
margin: 0px !important;
}
.fixed-ai{
position: fixed;
bottom: 90px;
right: 24px;
width: 205px;
z-index: 99;
cursor: pointer;
}
@media screen and (max-width: 767px) {
#footer .fixed_box{
width: 100%;
padding: 0px;
right: 0;
max-width: unset;
}
.fixed-ai{
width: 130px;
bottom: 20vw;
}
} .txt-vertcal{
writing-mode: vertical-rl;
-o-writing-mode: vertical-rl;
-ms-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
-moz-writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
text-orientation: upright;
word-wrap: break-word;
}
.dis-flex{
display: flex;
justify-content: space-between;
}
@media screen and (min-width: 768px) {
.dis-flex-pc{
display: flex;
justify-content: space-between;
}
}
.header-lang{
position: fixed;
top: 64px;
right: 0px;
z-index: 9999;
width: 24px;
}
.header-lang p{
line-height: 24px;
text-align: center;
height: 52px;
text-align: center;
font-size: 14px;
font-weight: 400;
background: #9793B9;
margin-bottom: 0px !important;
}
.header-lang p a{
color: #fff;
}
.header-lang .lang2{
background: #797694;
}
.header-lang .lang3{
background: #615E76;
}
.header_block h1.kasouh1{
color: #66637A;
}
#mainimage:before{
background-image: url(//saiseinomori-cl.com/wp-content/themes/genova_tpl/img/top/header_deco1.png);
width: 320px;
height: 456px;
}
#mainimage::after{
content: '';
position: absolute;
top: -400px;
right: 0px;
width: 463px;
height: 545px;
background: url(//saiseinomori-cl.com/wp-content/themes/genova_tpl/img/top/header_deco2.png) center/cover; }
.mainInner{
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
z-index: 1;
}
.mainTxtBox{
width: 37%;
min-width: 380px;
position: relative;
z-index: 2;
}
.mainImgBox{
width: 57%;
z-index: 1;
}
.mainImgBox::before{
background-image: url(//saiseinomori-cl.com/wp-content/themes/genova_tpl/img/top/key_deco.png);
z-index: -1;
}
.mainTtl{
font-size: 32px;
color: #66637A;
font-weight: 500;
margin-bottom: 40px;
letter-spacing: 0;
}
.mainTtl span{
font-size: 14px;
}
.mainName{
font-size: 20px;
color: #08081F;
font-weight: 500;
}
.mainName span{
font-size: 12px;
}
.mainTxt{
font-size: 26px;
line-height: 1.6;
}
.mainTxt span{
font-size: 14px;
display: inline-block;
color: #66637A;
border: 1px solid #66637A;
padding: 0px 16px;
line-height: 26px;
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
.mainTtl{
font-size: 28px;
}
}
@media screen and (max-width: 767px) {
#mainimage::after{
display: none;
}
#mainimage::before{
display: block;
content: '';
position: absolute;
top: 89vw;
left: 0px;
width: 40vw;
height: 46vw;
background: url(//saiseinomori-cl.com/wp-content/themes/genova_tpl/img/top/header_deco1.png) bottom right/cover;
}
.mainArea{
padding: 0px;
}
.mainInner{
display: block;
}
.mainTxtBox{
width: 100%;
min-width: 330px;
margin: 0px auto 0px;
}
.mainTtl{
font-size: 24px;
margin-top: 40px;
}
.mainTtl span{
font-size: 12px;
}
.mainName{
width: calc(100% - 20px);
margin: 0px auto 25px;
font-size: 16px;
max-width: 330px;
}
.mainName span{
font-size: 10px;
}
.mainTxt{
font-size: 20px;
}
.mainTxt span{
font-size: 14px;
}
#header .logo,.logo a{
font-size: 18px;
font-weight: 500;
color: #08081F;
}
.logo a span{
font-size: 10px;
color: #66637A;
}
#header .header-tel{
width: 32px;
margin: 13px 0px 0px 18px;
float: left;
}
.menu-trigger{
width: 32px;
}
.toggleMenu{
width: 64px;
height: 64px;
}
}
@media screen and (min-width: 768px) {
.header_block h1.kasouh1{
top: 15px;
margin-left: 2%;
}
.logocontact{
padding-bottom: 10px;
}
.logocontact .logo2{
margin-left: 2%;
margin-top: 9px;
}
.logocontact .contactbx p{
font-size: 12px;
font-weight: 500;
padding: 5px 0px;
width: 169px;
margin-bottom: 4px;
top: 15px;
}
.logocontact .contactbx{
width: 530px;
}
.logocontact .contactbx ul li:nth-child(1){
width: 263px;
}
.logocontact .contactbx ul li:nth-child(2){
width: 64px;
margin-right: 0px;
}
.logocontact .contactbx ul{
width: auto;
top: 15px;
}
.header-lang{
top: 147px;
right: 11px;
width: 40px;
}
.header-lang.top1{
top:69px
}
.header-lang p{
line-height: 40px;
height: 76px;
font-size: 20px;
}
.header-lang p a:hover{
opacity: .8;
}
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
.logocontact .contactbx{
width: 50%;
}
.logocontact .contactbx ul{
width: 65%;
align-items: center;
}
.logocontact .contactbx ul li:nth-child(1){
width: 74%;
}
.logocontact .contactbx ul li:nth-child(2){
width: 20%;
}
}
@media screen and (min-width: 768px) and (max-width: 890px){
.logocontact .contactbx{
margin-top: 8px;
}
} @media screen and (min-width: 768px) {
.header_menu .g_nav > li > a, .header_menu .g_nav > li > span{
font-size: 16px;
font-weight: 500;
color: #08081F;
padding: 34px 0px 14px !important;
}
.header_menu .g_nav > li > a > span:after, .header_menu .g_nav > li > span > span:after{
height: 16px;
transform: translateY(-50%);
margin-top: 0;
}
.header_menu .g_nav > li.last > a > span:after, .header_menu .g_nav > li.last > span > span:after{
display: none;
}
.header_menu .g_nav > li.language_list{
position: absolute;
}
.header_menu .g_nav > li > a:hover, .header_menu .g_nav > li > span:hover, .header_menu .g_nav > li.hover > a, .header_menu .g_nav > li.hover > span{
color: #66637A;
}
.header_menu .g_nav > li{
position: unset;
}
.header_menu .g_nav>li ul{
top: 150px;
left: 0px;
width: 100vw;
padding-bottom: 30px;
}
#header:has(.header-lang.top1) .header_menu .g_nav>li ul{
top: 69px;
}
.header_menu .g_nav>li >ul >li{
display: flex;
justify-content: flex-start;
gap: 6%;
}
.header_menu .g_nav>li >ul >li >ul{
position: relative;
width: 270px;
padding: 0px;
opacity: 1;
inset: 0 !important;
pointer-events: unset;
}
.header_menu .g_nav>li >ul >li >ul li{
margin-right: 0px;
position: relative;
}
.header_menu .g_nav>li >ul >li >ul li a::before{
content: '';
position: absolute;
top: 50%;
left: -10px;
width: 9px;
height: 10px;
background: url(//saiseinomori-cl.com/wp-content/themes/genova_tpl/img/top/arrow_menu.png) center/cover;
transform: translateY(-50%);
}
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
.header_menu .g_nav > li > a, .header_menu .g_nav > li > span{
font-size: 13px;
}
}
@media screen and (min-width: 768px) and (max-width: 890px){
.header_menu .g_nav > li > a, .header_menu .g_nav > li > span{
font-size: 11px;
}
}
@media screen and (max-width: 767px) {
.header_menu{
background: url(//saiseinomori-cl.com/wp-content/themes/genova_tpl/img/top/menu_bg.png) no-repeat bottom center/ 100%, #fff;
}
.header_menu .g_nav > li > a, .header_menu .g_nav > li > span{
font-size: 20px;
background: none;
color: #08081F;
font-weight: 500;
padding: 12px 15px !important;
}
.header_menu .g_nav > li > span:after{
display: none;
}
.header_menu .g_nav > li ul{
display: block;
width: 100%;
opacity: 1;
pointer-events: unset;
background: none;
}
.header_menu .g_nav > li ul li{
padding-bottom: 0px;
}
.header_menu .g_nav > li ul li a{
background: none !important;
padding: 10px 0px 10px 40px;
font-size: 16px;
color: #000000;
}
.header_menu .g_nav > li ul li a span::before{
content: '';
position: absolute;
top: 50%;
left: 18px;
width: 9px;
height: 10px;
background: url(//saiseinomori-cl.com/wp-content/themes/genova_tpl/img/top/arrow_menu.png) center/cover;
transform: translateY(-50%);
}
.header_menu .contactBox{
margin-bottom: 10vw;
padding: 20px 4% 0px;
}
.header_menu .inner .contactBoxTit{
font-size: 40px;
line-height: 1;
color: #9793B9;
font-weight: 400;
margin-bottom: 30px;
}
.header_menu .inner .contactBoxTit span{
font-size: 14px;
color: #08081F;
}
.header_menu .contactBox ul::before{
display: none;
}
.header_menu .contactBox ul li{
float: unset;
width: 100%;
margin: 0px auto 16px !important;
}
.header_menu .contactBox ul li a{
padding-top: 0px;
}
.header_menu .contactBox ul li::before{
display: none;
}
}
#main{
color: #08081F;
font-family: 'Zen Old Mincho';
font-size: 16px;
line-height: 1.6;
overflow: hidden;
}
#main p{
margin-bottom: 0px;
}
#main .elementor img{
border-radius: 0 !important;
}
#main .elementor-section.elementor-section-boxed>.elementor-container{
max-width: unset;
}
#main  #toc_container{
display: none;
}
@media screen and (max-width: 767px) {
}
h2.ttl{
text-align: center;
font-size: 40px;
line-height: 1;
color: #9793B9;
}
h2.ttl span{
font-size: 14px;
color: #08081F;
}
@media screen and (max-width: 767px) {
h2.ttl{
}
} #sec1{
padding: 80px 0px;
position: relative;
z-index: 1;
}
#sec1 .sec1-img{
width: 51%;
}
#sec1 .sec1-box{
width: 46%;
align-self: center;
}
#sec1 h2{
font-size: 32px;
margin: 0px 0px 24px;
color: #66637A;
}
@media screen and (max-width: 767px) {
#sec1{
padding: 64px 0px;
}
#sec1 .sec1-img{
width: 100%;
}
#sec1 .sec1-box{
width: 100%;
}
#sec1 h2{
font-size: 28px;
margin: 16px 0px ;
}
} #sec2{
background: #F1F0F7;
padding: 80px 0px 52px;
}
#sec2 h2{
margin-bottom: 48px;
}
#sec2 .sec2-row{
margin-bottom: 88px;
}
#sec2 .sec2-img{
position: relative;
width: 48%;
margin: 0px ;
z-index: 1;
align-self: flex-start;
}
#sec2 .sec2-img::before{
content: '';
position: absolute;
top: 24px;
left: 24px;
width: 100%;
height: 100%;
background: linear-gradient(180deg,rgba(239, 238, 243, 1) 0%, rgba(206, 203, 221, 1) 100%);
z-index: -1;
}
#sec2 .sec2-img2::before{
left: auto;
right: 24px;
}
#sec2 .sec2-box{
width: 48%;
align-self: center;
margin-right: 12px;
}
#sec2 .sec2-row1{
flex-direction: row-reverse;
}
#sec2 .sec2-num{
font-size: 16px;
font-weight: 500;
color: #9793B9;
}
#sec2 h3{
font-size: 32px;
font-weight: 500;
line-height: 1.6;
margin: 24px 0px;
letter-spacing: 0.06em;
}
#sec2 h3 span{
color: #C58187;
}
#sec2 h3 span small{
font-size: 28px;
}
#sec2{
}
@media screen and (max-width: 767px) {
#sec2{
padding: 64px 0px;
}
#sec2 h2{
margin-bottom: 40px;
}
#sec2 .sec2-row{
margin-bottom: 40px;
}
#sec2 .sec2-img{
margin-bottom: 26px;
width: calc(100% - 10px);
}
#sec2 .sec2-img::before{
top: 10px;
left: 10px;
}
#sec2 .sec2-img2{
margin-left: auto;
}
#sec2 .sec2-img2{
left: auto;
right: 10px;
}
#sec2 .sec2-box{
width: 100%;
margin-right: 0px;
}
#sec2 h3{
font-size: 28px;
margin: 16px 0px;
}
#sec2 h3 span small{
font-size: 16px;
}
#sec2{
}
} #sec3{
position: relative;
background: url(//saiseinomori-cl.com/wp-content/themes/genova_tpl/img/top/sec3_deco1.png) no-repeat top left;
padding: 64px 0px;
}
#sec3::before{
content: '';
position: absolute;
bottom: -200px;
right: 0px;
width: 463px;
height: 640px;
background: url(//saiseinomori-cl.com/wp-content/themes/genova_tpl/img/top/sec3_deco2.png) no-repeat center left/cover;
}
#sec3 .sec3-box{
position: relative;
z-index: 1;
box-sizing: border-box;
border: 8px solid transparent;
background:
linear-gradient(#fff, #fff) padding-box,
linear-gradient(180deg, #7A74AE, #734C95) border-box;
padding: 56px 6% 62px;
}
#sec3 .sec3-box::before, #sec3 .sec3-box::after{
content: '';
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 25%;
clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);
background: #F1F0F7;
z-index: -1;
opacity: .4;
}
#sec3 .sec3-box::after{
right: 0;
left: auto;
clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
}
#sec3 h2{
text-align: center;
font-size: 32px;
color: #66637A;
font-weight: 500;
}
#sec3 h3{
text-align: center;
font-weight: 500;
font-size: 24px;
margin: 40px 0px 16px;
}
#sec3 h3 span{
color: #C58187;
}
#sec3 h4{
text-align: center;
font-size: 20px;
font-weight: 500;
}
#sec3 ul{
margin: 16px auto 0px;
width: 95%;
background: #F1F0F7;
box-sizing: border-box;
padding: 24px 32px;
max-width: 770px;
}
#sec3 ul li{
position: relative;
font-size: 16px;
line-height: 1.4;
font-weight: 500;
margin-bottom: 8px;
padding-left: 26px;
}
#sec3 ul li span{
color: #C58187;
}
#sec3 ul li::before{
content: '';
position: absolute;
top: 50%;
left: 8px;
width: 4px;
height: 4px;
border-radius: 50%;
background: #C58187;
transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
#sec3{
background: none;
padding: 40px 0px;
}
#sec3::before{
left: 0px;
bottom: -50vw;
width: 50vw;
height: 100vw;
background-image: url(//saiseinomori-cl.com/wp-content/themes/genova_tpl/img/top/sec3_deco2_sp.png);
background-position: center right;
}
#sec3 .sec3-box{
border-width: 4px;
padding: 24px;
}
#sec3 .sec3-box::before{
width: 100%;
clip-path: polygon(0 0, 100% 0, 80% 100%, 0% 100%);
}
#sec3 .sec3-box::after{
display: none;
}
#sec3 h2{
font-size: 28px;
}
#sec3 h3{
font-size: 20px;
margin: 16px 0px;
}
#sec3 h4{
font-size: 16px;
}
#sec3 ul{
margin: 16px 0px 0px;
padding: 24px;
width: 100%;
}
#sec3 ul li{
font-size: 14px;
}
#sec3{
}
} #sec4{
padding: 20px 0px 20px;
}
#sec4 h2{
margin-bottom: 40px;
}
#sec4 ul{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
#sec4 ul li{
width: 48%;
box-sizing: border-box;
margin: 0px 0px  40px;
}
#sec4 ul li a{
display: block;
position: relative;
z-index: 1;
background: #F1F0F7;
width: 100%;
padding: 40px 5%;
z-index: 1;
height: 100%;
}
#sec4 ul li a:hover{
opacity: .7;
}
#sec4 ul li a h3{
position: relative;
font-size: 24px;
font-weight: 500;
margin-bottom: 24px;
line-height: 1.3;
color: #66637A;
min-height: 62px;
display: flex;
align-items: center;
padding-right: 34px;
}
#sec4 ul li a h3::before{
content: '';
position: absolute;
top: 50%;
right: 0px;
width: 32px;
height: 32px;
transform: translateY(-50%);
background: url(//saiseinomori-cl.com/wp-content/themes/genova_tpl/img/top/arrow2.png) center/cover;
}
#sec4 ul li a::before, #sec4 ul li a::after{
content: '';
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 46%;
clip-path: polygon(0 0, 100% 0, 72% 100%, 0% 100%);
background: #E7E6F1;
z-index: -1;
}
#sec4 ul li a::after{
width: 20%;
clip-path: polygon(55% 0, 100% 0, 100% 100%, 0 100%);
right: 0px ;
left: auto;
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
#sec4 ul li a h3{
font-size: 20px;
}
}
@media screen and (max-width: 767px) {
#sec4{
padding: 20px 0px 30px;
}
#sec4 ul{
display: block;
}
#sec4 ul li{
width: 100%;
margin: 0px 0px 10px;
}
#sec4 ul li a{
padding: 24px;
}
#sec4 ul li a h3{
margin-bottom: 16px;
min-height: 92px;
}
#sec4 ul li a:hover{
opacity: 1;
}
} #sec5{
padding: 20px 0px 80px;
position: relative;
}
#sec5::before{
content: '';
position: absolute;
bottom: -95px;
right: 0px;
width: 463px;
height: 640px;
background: url(//saiseinomori-cl.com/wp-content/themes/genova_tpl/img/top/sec5_deco.png) center left/cover;
}
#sec5 h2{
margin-bottom: 24px;
}
#sec5 .sec5-img{
width: 52%;
margin-left: -2%;
}
#sec5 .sec5-box1{
width: 48%;
align-self: center;
}
#sec5 h3{
font-size: 30px;
font-weight: 500;
margin-bottom: 16px;
}
#sec5 h3 span{
color: #C58187;
}
#sec5 .sec5-row2{
margin: 48px 0px 0px;
}
#sec5 .sec5-box{
background: #F1F0F7;
box-sizing: border-box;
padding: 40px 4%;
width: 48%;
}
#sec5 h4{
position: relative;
font-size: 24px;
font-weight: 500;
color: #66637A;
margin-bottom: 24px;
}
#sec5 h4::before{
content: '';
position: relative;
display: inline-block;
width: 24px;
height: 24px;
background: url(//saiseinomori-cl.com/wp-content/themes/genova_tpl/img/top/sec5_icon.png) center/cover;
top: 3px;
margin-right: 8px;
}
#sec5 dl{
display: flex;
justify-content: space-between;
margin-bottom: 10px;
padding-bottom: 10px;
line-height: 1.3;
border-bottom: 1px solid #BBBACD;
font-weight: 500;
}
#sec5 dl dt{
width: 130px;
color: #66637A;
}
#sec5 dl dd{
width: calc(100% - 130px);
}
#sec5 h5{
font-size: 20px;
font-weight: 500;
color: #66637A;
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #BBBACD;
line-height: 1.3;
}
#sec5 ul{
margin-bottom: 24px;
}
#sec5 ul li{
position: relative;
padding-left: 24px;
margin-bottom: 10px;
line-height: 1.3;
}
#sec5 ul li::before{
content: '';
position: absolute;
top: 50%;
left: 10px;
width: 4px;
height: 4px;
border-radius: 50%;
transform: translateY(-50%);
background: #66637A;
}
#sec5 .sec5-btn a{
display: block;
position: relative;
width: 320px;
line-height: 60px;
padding: 0px 24px;
font-size: 20px;
font-weight: 500;
color: #fff;
background: url(//saiseinomori-cl.com/wp-content/themes/genova_tpl/img/top/bg_btn.jpg) center/cover;
margin: 64px auto 0px;
}
#sec5 .sec5-btn a::before{
content: '';
position: absolute;
top: 50%;
right: 24px;
width: 20px;
height: 20px;
background: url(//saiseinomori-cl.com/wp-content/themes/genova_tpl/img/top/arrow3.png) center/cover;
transform: translateY(-50%);
}
#sec5 .sec5-btn a:hover{
opacity: .8;
}
@media screen and (max-width: 767px) {
#sec5{
padding: 20px 0px 64px;
}
#sec5::before{
display: none;
}
#sec5 h2{
margin-bottom: 40px;
}
#sec5 .sec5-box1{
width: 100%;
}
#sec5 .sec5-img{
width: 100%;
margin-left: 0px;
}
#sec5 h3{
margin: 16px 0px;
font-size: 28px;
}
#sec5 .sec5-row2{
margin: 40px 0px 0px;
}
#sec5 .sec5-box{
width: 100%;
margin: 0px 0px 24px;
padding: 24px;
}
#sec5 h4{
margin-bottom: 24px;
}
#sec5 dl dt{
width: 130px;
}
#sec5 dl dd{
width: calc(100% - 130px);
}
#sec5 .sec5-btn a{
width: 320px;
margin: 40px auto 0px;
}
#sec5 .sec5-btn a:hover{
opacity: 1;
}
} #sec6{
padding: 0px 0px 60px;
position: relative;
z-index: 1;
}
#sec6::before{
content: '';
position: absolute;
bottom: -260px;
left: 0px;
width: 320px;
height: 640px;
background: url(//saiseinomori-cl.com/wp-content/themes/genova_tpl/img/top/sec6_deco.png) center right/cover;
z-index: -1;
}
#sec6 .sec6-box{
box-sizing: border-box;
width: 48%;
border: 4px solid #9793B9;
position: relative;
z-index: 1;
padding: 24px 3%;
}
#sec6 .sec6-box::before{
content: '';
position: absolute;
top: 0;
right: 0;
width: 48%;
height: 100%;
background: #F1F0F7;
z-index: -1;
clip-path: polygon(20% 0, 100% 0, 100% 100%, 0 100%);
}
#sec6 h2{
font-size: 24px;
font-weight: 500;
color: #66637A;
}
#sec6 h2 span{
font-size: 18px;
}
#sec6 .sec6-txt{
width: 66%;
margin: 16px 0px 0px;
font-size: 14px;
font-weight: 500;
}
#sec6 .sec6-img{
position: relative;
width: 24%;
margin: -14% 0px 0px;
}
#sec6 .sec6-img span{
position: absolute;
top: 0px;
text-align: right;
font-size: 10px;
font-weight: 500;
right: 104%;
display: block;
width: max-content;
}
#sec6 .sec6-banner{
width: 640px;
margin: 40px auto;
}
#sec6 .sec6-video{
width: 100%;
height: 608px;
}
#sec6 .sec6-video iframe{
width: 100%;
height: 100%;
}
@media screen and (min-width: 768px) and (max-width: 1000px) {
#sec6 .sec6-row1{
display: block;
}
#sec6 .sec6-box{
width: 90%;
margin: 0px auto 30px;
max-width: 640px;
}
}
@media screen and (max-width: 767px) {
#sec6{
padding-bottom: 65px;
}
#sec6::before{
width: 50vw;
height: 100vw;
border: -40vw;
}
#sec6 .sec6-box{
width: 100%;
margin-bottom: 16px;
padding: 24px;
}
#sec6 h2{
margin-bottom: 4px;
}
#sec6 .sec6-txt{
width: 58%;
margin: 20px 0px 0px;
}
#sec6 .sec6-img{
width: 36%;
margin: 0px;
}
#sec6 .sec6-img span{
position: relative;
margin-bottom: 3px;
inset: 0;
margin-left: auto;
}
#sec6 .sec6-banner{
width: 100%;
max-width: 330px;
margin: 16px auto 40px;
}
#sec6 .sec6-video{
height: 186px;
}
} #sec7{
padding: 20px 0px 80px;
position: relative;
z-index: 1;
}
#sec7::before{
content: '';
position: absolute;
bottom: -320px;
right: 0px;
width: 320px;
height: 640px;
background: url(//saiseinomori-cl.com/wp-content/themes/genova_tpl/img/top//sec7_deco.png) center right/cover;
}
#sec7 h2{
margin-bottom: 48px;
}
#sec7 #newsList{
width: 100%;
max-width: 1120px;
padding: 0px 20px;
margin: 0px auto;
display: flex;
justify-content: space-between;
}
#sec7 #newsList .news-box{
width: 32.5%;
box-sizing: border-box;
background: #F1F0F7;
padding: 32px 3%;
font-weight: 500;
display: flex;
flex-direction: column;
justify-content: space-between;
}
#sec7 #newsList .news-ttl{
font-size: 24px;
text-align: center;
line-height: 1.3;
margin-bottom: 16px;
color: #66637A;
}
#sec7 #newsList .news-ttl:hover{
opacity: .8;
}
#sec7 #newsList .news-time{
margin: 16px 0px 0px;
font-size: 14px;
color: #66637A;
}
#sec7 #newsList .news-des a:hover{
text-decoration: underline;
}
#sec7 .sec7-btn a{
display: block;
position: relative;
width: 320px;
line-height: 60px;
padding: 0px 24px;
font-size: 20px;
font-weight: 500;
color: #fff;
background: url(//saiseinomori-cl.com/wp-content/themes/genova_tpl/img/top/bg_btn.jpg) center/cover;
margin: 48px auto 0px;
}
#sec7 .sec7-btn a::before{
content: '';
position: absolute;
top: 50%;
right: 24px;
width: 20px;
height: 20px;
background: url(//saiseinomori-cl.com/wp-content/themes/genova_tpl/img/top/arrow3.png) center/cover;
transform: translateY(-50%);
}
#sec7 .sec7-btn a:hover{
opacity: .8;
}
@media screen and (max-width: 767px) {
#sec7{
padding: 20px 0px 80px;
}
#sec7::before{
bottom: -40vw;
width: 50vw;
height: 100vw;
}
#sec7 h2{
margin-bottom: 40px;
}
#sec7 #newsList{
margin-left: 20px;
overflow: hidden;
}
#sec7 #newsList .news-box{
width: 330px !important;
margin: 0px 14px 0px 0px;
padding: 32px 4%;
}
#sec7 #newsList .slick-list{
overflow: unset;
pointer-events: auto;
}
#sec7 #newsList{
}
#sec7 .sec7-btn a{
width: 320px;
margin: 40px auto 0px;
}
#sec7 .sec7-btn a:hover{
opacity: 1;
}
}
#sec8{
position: relative;
padding: 0px 0px ;
}
#sec8 h2{
margin-bottom: 48px;
}
#sec8 .map{
padding-top: 320px;
}
#sec8 .infoInner{
border: 4px solid transparent;
background:
linear-gradient(#fff, #fff) padding-box,
linear-gradient(180deg, #EFEEF3, #CECBDD) border-box;
border-radius: 0;
font-weight: 500;
padding: 65px 40px 80px;
box-shadow: none;
}
#sec8 .infoSec{
margin-top: -150px;
}
#sec8 .infoBoxLeft th {
}
#sec8 .infoBoxLeft th span{
font-size: 13px;
}
#sec8 .infoTxt{
font-size: 16px;
font-weight: 500;
}
#sec8 .infoBoxRight th{
color: #66637A;
font-size: 16px;
width: 144px;
}
#sec8 .infoBoxRight tr{
border-bottom: 1px solid #BBBACD;
}
#sec8 .infoBoxRight th, #sec8 .infoBoxRight td{ padding-top: 10px;
padding-bottom: 10px;
}
#sec8 .infoBoxRight{
width: 49%;
}
#sec8 .sec8-txt span{
color: #9793B9;
}
@media screen and (max-width: 767px) {
#sec8{
padding: 20px 0px 0px;
}
#sec8 h2{
margin-bottom: 40px;
}
#sec8 .map{
padding-top: 200px;
}
#sec8 .infoInner{
padding: 0px;
background: none;
}
#sec8 .infoSec{
margin-top: 24px;
padding: 0px 20px;
}
#sec8 .infoBoxRight{
width: 100%;
}
#sec8 .infoBoxLeft thead th:first-child{
width: 38%;
}
#sec8 .infoBoxLeft th, #sec8 .infoBoxLeft td{
font-size: 16px !important;
}
#sec8 .infoBoxRight th, #sec8 .infoBoxRight td{
font-size: 16px !important;
}
} #footer h2{
margin-bottom: 48px;
}
#footer .footerColumn2 li small{
color: #C58187;
}
#footer .footerColumn2 li:first-child a:before{
background-image: url(//saiseinomori-cl.com/wp-content/themes/genova_tpl/img/top/icon_tel.png);
}
#footer .footerColumn2 li:nth-child(2) a:before{
background-image: url(//saiseinomori-cl.com/wp-content/themes/genova_tpl/img/top/icon_mail.png);
}
#footer .footerColumn2 li a{
color: #08081F;
}
#footer .footerColumn2 li{
font-size: 32px;
}
#footer .footerColumn2 li:nth-child(2) a span:before{
background-image: url(//saiseinomori-cl.com/wp-content/themes/genova_tpl/img/top/arrow1.png);
width: 27px;
height: 27px;
margin-top: -10px;
}
#footer .footerColumn2 li:nth-child(2) a span{
padding-right: 32px;
}
#footer{
}
#footer .logo a{
font-size: 24px;
font-weight: 500;
color: #08081F;
}
#footer .logo a span{
font-size: 12px;
color: #9793B9;
}
#footer .logo a small{
font-size: 12px;
color: #66637A;
}
#footer .addr{
color: #08081F;
margin: 40px 0px 24px;
}
#footer .footerBottom{
margin-top: 80px;
background: #66637A;
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
#footer .copyright{
}
#footer .footerBottom{
padding-bottom: 120px;
}
}
@media screen and (max-width: 767px) {
#footer{
text-align: left;
}
#footer h2{
margin-bottom: 40px;
}
#footer .footerColumn2 li{
width: 100%;
float: unset;
margin-left: 0px 
!important;
margin-bottom: 16px;
}
#footer .footerColumn2 li a:before{
display: none !important;
}
#footer .footerColumn2:before{
display: none;
}
#footer .footerColumn2 li a span{
display: none;
padding: 0px;
}
#footer .footerColumn2 li a{
padding-top: 0px;
}
#footer .logo a{
text-align: left;
}
#footer .logo a small{
font-size: 10px;
letter-spacing: 0;
}
#footer .footerBottom{
padding-bottom: 35vw;
}
#footer{
}
}