.sp_only {
display: none;
}
#maternity_kv {
height: 512px;
background: url(//www.weddingtable.jp/wordpress/wp-content/themes/wedding_table_theme/img/maternity/main.jpg) no-repeat;
background-size: cover;
background-position: center;
text-align: center;
padding-top: 220px;
box-sizing: border-box;
}
#maternity_kv .main-ttl {
font-size: 32px;
font-weight: bold;
color: #fff;
letter-spacing: 2px;
text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.8);
}
#maternity_kv .maternity_logo {
font-size: 72px;
font-weight: bold;
color: #fff;
font-family: 'robot';
letter-spacing: 4px;
text-shadow: 0px 0px 8px rgba(224, 29, 87, 0.8), 0px 0px 16px rgba(224, 29, 87, 0.8), 0px 0px 24px rgba(224, 29, 87, 0.8);
}
#maternity_about {
padding: 20px 0;
position: relative;
}
.maternity_about_copy {
margin-top: 32px;
font-size: 40px;
color: #fff;
line-height: 2;
font-weight: bold;
text-align: center;
text-shadow: 0px 0px 8px rgba(224, 29, 87, 0.8), 0px 0px 16px rgba(224, 29, 87, 0.8), 0px 0px 24px rgba(224, 29, 87, 0.8);
}
.maternity_about_txt {
margin-top: 16px;
font-size: 18px;
line-height: 2;
text-align: center;
}
#maternity_about>p {
position: absolute;
top: -100px;
opacity: 0.3;
z-index: -1;
}
.maternity_about_left {
left: -30px;
}
.maternity_about_right {
right: -30px;
}
#maternity_about h2 span {
font-size: 37px;
}
#maternity_feature {
padding: 100px 0 10px;
}
#maternity_feature h2 {
margin-bottom: 30px;
}
.maternity_feature_in {
position: relative;
}
.maternity_feature_in1 .maternity_feature_content {
padding-left: calc(50% - 512px);
padding-right: 250px;
}
.maternity_feature_in {
margin-bottom: 70px;
}
.maternity_feature_in2 {
text-align: right;
}
.maternity_feature_in3 {
margin-bottom: 150px;
}
.maternity_feature_in2 .maternity_feature_content {
padding-right: calc(50% - 512px);
padding-left: 250px;
}
.maternity_feature_in3 .maternity_feature_content {
padding-left: calc(50% - 512px);
padding-right: 250px;
}
.maternity_feature_content_in {
width: 590px;
position: relative;
}
.maternity_feature_content {
padding-top: 70px;
padding-bottom: 40px;
background-color: rgba(214, 119, 131, 0.1);
display: inline-block;
text-align: left;
}
.maternity_feature_img {
position: absolute;
}
.maternity_feature_in1 .maternity_feature_img {
bottom: -25px;
right: calc(50% - 512px);
}
.maternity_feature_in2 .maternity_feature_img {
bottom: -25px;
left: calc(50% - 512px);
}
.maternity_feature_in3 .maternity_feature_img {
bottom: -25px;
right: calc(50% - 512px);
}
.maternity_feature_ttl {
font-size: 28px;
font-weight: bold;
margin-bottom: 25px;
}
.maternity_feature_num {
position: absolute;
left: -60px;
font-size: 81px;
font-family: 'Quilline';
color: #d67783;
top: -65px;
}
#maternity_flow {
padding: 10px 0 32px; }
#maternity_faq {
padding: 80px 0;
}
.maternity_faq_subttl {
margin-top: 20px;
font-size: 27px;
text-align: center;
margin-bottom: 30px;
}
.maternity_faq_in {
border-top: 1px dotted #d9d9d9;
margin-bottom: 40px;
}
.maternity_faq_one { }
.maternity_faq_ques {
padding-left: 35px;
font-size: 18px;
font-weight: bold;
line-height: 2;
margin-bottom: 10px;
position: relative;
}
.maternity_faq_ques:before {
position: absolute;
content: 'Q.';
font-size: 24px;
color: #d67783;
left: 0;
line-height: 36px;
font-family: 'Noto Serif';
}
.maternity_faq_ans {
color: #4d4d4d;
position: relative;
padding-left: 35px;
display: none;
}
.maternity_faq_ans:before {
position: absolute;
content: 'A.';
font-size: 24px;
color: #d67783;
left: 0;
line-height: 24px;
font-weight: bold;
font-family: 'Noto Serif';
}
.maternity_style_btn .btn {
background-color: #d67783;
}
.maternity_style_btn .btn {
font-size: 2.4rem;
font-weight: 700;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
letter-spacing: 0.1em;
padding: 0rem 5rem;
color: #8f7500;
border-radius: 8px;
border: 3px solid #8f7500;
background: #fff;
}
.maternity_style_btn .btn:hover {
color: #fff;
background: #8f7500;
opacity: 0.8;
}
.maternity_style_btn .btn::after {
content: '\25b6';
font-family: 'icon';
font-size: 32px;
color: #8f7500;
transition: 0.8s;
}
.maternity_style_btn .btn:hover::after {
color: #fff;
transform: translateX(8px);
transition: 0.8s;
}
.maternity_column#top_column {
background: rgb(255, 255, 255);
}
.maternity_column .top_column_in {
padding: 30px 28px 10px;
border: 2px solid #8f7500;
box-sizing: border-box;
}
.maternity_column#top_column h2:after {
background: url(//www.weddingtable.jp/wordpress/wp-content/themes/wedding_table_theme/img/maternity/bg_column_r.svg) no-repeat;
background-position: center;
background-size: contain;
}
.maternity_column#top_column h2:before {
background: url(//www.weddingtable.jp/wordpress/wp-content/themes/wedding_table_theme/img/maternity/bg_column_l.svg) no-repeat;
background-position: center;
background-size: contain;
}
.maternity_column #tabs li a {
background-color: #d67783;
}
.maternity_column #tabs li a.inactive {
background-color: #fff;
}
#maternity_present {
background-color: rgba(214, 119, 131, 0.1);
padding: 90px 0;
}
#maternity_present .present-img a:hover {
opacity: 0.8;
transition: 0.3s;
}
#top_report.maternity_report {
padding-top: 40px;
}
.report_ex {
display: flex;
flex-wrap: wrap;
max-width: 1080px;
width: 100%;
margin: 0 92px 40px;
justify-content: center;
}
.report_image {
width: 90%;
margin: 24px 16px;
}
.report_image a:hover {
opacity: 0.7;
transition: 0.3s;
}
.maternity_report .top_report_back {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: calc(100% - 160px);
z-index: -1;
}
.report_bottom_background {
width: 100%;
height: 200px;
margin-top: -200px;
background: #fbf1f2;
}
.maternity_report .top_report_back div:before {
background: url(//www.weddingtable.jp/wordpress/wp-content/themes/wedding_table_theme/img/maternity/bg_report_l.svg) no-repeat;
background-size: contain;
background-position: left;
}
.maternity_report .top_report_back div:after {
background: url(//www.weddingtable.jp/wordpress/wp-content/themes/wedding_table_theme/img/maternity/bg_report_r.svg) no-repeat;
background-size: contain;
background-position: right;
}
.maternity_feature_subttl {
font-size: 30px;
font-weight: bold;
text-align: center;
margin: 64px 0;
-webkit-animation: visible 1.5s ease infinite;
animation: visible 1.5s ease infinite;
}
.maternity_feature_subttl p {
display: inline-block;
padding: 0 60px;
position: relative;
}
.maternity_feature_subttl span {
background: linear-gradient( to top, rgba(255, 242, 151, 0.5) 0, rgba(255, 242, 151, 0.5) 16px, transparent 16px, transparent 100%);
}
.maternity_feature_subttl p:before {
position: absolute;
content: '';
width: 49px;
height: 44px;
top: 0;
left: 0;
background: url(//www.weddingtable.jp/wordpress/wp-content/themes/wedding_table_theme/img/maternity/title-mark1.png) no-repeat;
background-size: contain;
background-position: center;
}
.maternity_feature_subttl p:after {
position: absolute;
content: '';
width: 49px;
height: 44px;
top: 0;
right: 0;
background: url(//www.weddingtable.jp/wordpress/wp-content/themes/wedding_table_theme/img/maternity/title-mark2.png) no-repeat;
background-size: contain;
background-position: center;
}
.more {
text-align: center;
font-size: 40px;
font-weight: bold;
margin-top: 56px;
}
.top_triangle_white:before {
border-top-color: #fff;
}
[class*='top_triangle'] {
position: relative;
}
[class*='top_triangle']:before {
content: '';
width: 0;
height: 0;
border-top: 68px solid transparent;
border-right: 135px solid transparent;
border-bottom: none;
border-left: 135px solid transparent;
position: absolute;
left: 50%;
top: 0;
transform: translate(-50%, 0);
border-top-color: #fff;
}
#maternity_schedule {
padding: 90px 0 120px;
}
#maternity_schedule h2 {
margin-bottom: 40px;
}
#maternity_schedule .maternity_feature_subttl {
font-size: 26px;
margin: 24px 0 0;
}
#maternity_schedule .maternity_btn_wrap {
margin: 32px 0 24px;
}
#maternity_dress {
padding-bottom: 60px;
background: linear-gradient( to top, rgba(214, 119, 131, 0.1) 0%, rgba(214, 119, 131, 0.1) 50%, transparent 50%, transparent 100%);
}
#maternity_photo {
padding: 140px 0 60px;
}
.maternity_photo1 {
display: flex;
}
.maternity_photo_in {
display: flex;
} .maternity_photo11 picture {
width: 415px;
height: 563px;
}
.maternity_photo11 picture img {
width: 100%;
height: 563px;
object-fit: cover;
}
.maternity_photo11 picture:last-of-type,
.maternity_photo11 picture:last-of-type img {
height: 246px;
}
.maternity_photo12 picture {
width: 325px;
height: 184px;
}
.maternity_photo12 picture img {
width: 325px;
height: 184px;
object-fit: cover;
}
.maternity_photo12 picture:nth-child(2),
.maternity_photo12 picture:nth-child(2) img {
height: 422px;
}
.maternity_photo2 picture:last-of-type {
width: 409px;
height: 560px;
}
.maternity_photo2 picture:last-of-type img {
width: 409px;
height: 560px;
object-fit: cover;
} .maternity_dress_ttl {
font-size: 27px;
margin-top: 40px;
text-align: center;
}
.maternity_dress_txt {
text-align: center;
margin-bottom: 40px;
}
.maternity_dress_slider_one {
position: relative;
}
.maternity_dress_slider_one p {
position: absolute;
left: 0;
bottom: 0;
width: 110px;
text-align: center;
font-size: 12px;
color: #b97a80;
background: rgb(251, 241, 242);
padding: 5px;
}
.maternity_dress_slider_one p span {
display: block;
font-size: 15px;
font-weight: bold;
}
#maternity_dress_slider .slick-dots {
bottom: -55px;
}
#maternity_dress .maternity_style_btn {
margin-top: 80px;
}
#maternity_dress_slider .slick-dots li.slick-active button:before {
color: #d67783;
}
#maternity_dress_slider .slick-dots li button:before {
color: #b0b0b0;
}
.maternity_photo_in picture {
display: block;
}
.maternity_photo_ttl {
font-size: 18px;
text-align: center;
margin: 40px 0;
}
.maternity_photo11 {
margin-right: 25px;
}
.maternity_photo1 {
margin-right: 25px;
}
.maternity_photo1 picture,
.maternity_photo2 picture {
margin-bottom: 20px;
}
.maternity_photo2 {
width: 410px;
}
.maternity_photo2 picture:first-child img {
width: 410px;
height: 250px;
object-fit: cover;
}
.maternity_photo_in {
margin-bottom: 30px;
}
#maternity_dress_slider .slick-prev,
#maternity_dress_slider .slick-next {
top: 50%;
}
.contact_img.maternity_contact {
background: url(//www.weddingtable.jp/wordpress/wp-content/themes/wedding_table_theme/img/maternity/salon.jpg) no-repeat;
background-size: cover;
background-position: center;
}
.maternity_modal {
display: none;
}
.tablet_only {
display: none;
}
#maternity_schedule .minimal_style_in ul li {
width: 20%;
user-select: none;
}
#maternity_schedule .minimal_style_in ul li a.inactive {
color: #1a1a1a;
font-weight: normal;
border-bottom: 2px solid transparent;
}
#maternity_schedule .minimal_style_in ul li a {
width: 100%;
box-sizing: border-box;
text-align: center;
font-weight: normal;
}
#maternity_schedule .minimal_style_in ul li a {
padding: 15px 22px;
border-bottom: 2px solid #cd5c5c;
color: #cd5c5c;
font-weight: bold;
display: block;
}
#maternity_schedule .minimal_style_in ul li a.inactive {
border-bottom-color: #e5e5e5;
}
#top_column .maternity_style_btn {
margin: 24px 0 32px;
}
#top_column .maternity_style_btn a {
font-size: 2rem;
}
@media screen and (min-width: 480px) and (max-width: 768px) {
main {
margin-top: 16px;
}
#maternity_kv {
height: 320px;
background-size: cover;
background-position: 24px 0 0;
padding-top: 64px;
}
#maternity_kv .main-ttl {
font-size: 28px;
letter-spacing: 4px;
text-shadow: 3px 3px 4px rgb(0 0 0 / 80%);
}
#maternity_kv .maternity_logo {
font-size: 48px;
letter-spacing: 6px;
}
.maternity_btn_wrap {
margin: 36px 0 24px;
}
.maternity_feature_in1 .maternity_feature_content,
.maternity_feature_in3 .maternity_feature_content {
padding-left: calc(50% - 300px);
}
.maternity_feature_in2 .maternity_feature_content {
padding-right: calc(50% - 260px);
padding-left: 100px;
}
.maternity_feature_in2 .maternity_feature_num {
left: -80px;
}
.tablet_only {
display: block;
}
.maternity_feature_txt span {
font-size: 16px;
}
.maternity_feature_in2 {
margin-bottom: 92px;
}
.maternity_feature_in1 .maternity_feature_img,
.maternity_feature_in3 .maternity_feature_img {
width: 300px;
bottom: -32px;
right: calc(50% - 350px);
}
.maternity_feature_in2 .maternity_feature_img {
width: 260px;
bottom: -52px;
left: calc(50% - 350px);
}
.maternity_feature_in2 .maternity_feature_txt {
padding-left: 222px;
}
.maternity_feature_content_in {
width: 630px;
}
.minimal_flow_one {
width: 200px;
}
.minimal_flow_ttl span {
font-size: 14px;
font-family: initial;
}
.minimal_flow_img img {
width: 100%;
height: 188px;
object-fit: cover;
}
#maternity_present {
padding: 72px 0;
}
#maternity_present .present-img {
width: 88%;
height: 400px;
}
#maternity_present .present-img img {
height: 400px;
}
.report_ex {
margin: 4px 8px;
}
}
@media screen and (max-width: 736px) {
#maternity_kv {
background: url(//www.weddingtable.jp/wordpress/wp-content/themes/wedding_table_theme/img/maternity/main_sp.jpg) no-repeat;
background-size: cover;
background-position: center;
}
#maternity_about>p {
top: 0;
width: 18vw;
height: 174px;
}
.maternity_about_right {
right: 0;
}
.maternity_about_left {
left: 0;
}
#maternity_about>p>img {
width: 18vw;
height: 174px;
object-fit: cover;
}
#maternity_faq {
padding: 50px 0;
}
.maternity_faq_subttl {
font-size: 20px;
}
.maternity_faq_one {
padding: 15px 10px;
}
.maternity_faq_ques {
font-size: 16px;
line-height: 1.7;
padding: 0 25px;
}
.maternity_faq_ques:before {
font-size: 20px;
line-height: 24px;
}
.maternity_faq_ans {
padding-left: 25px;
}
.maternity_faq_ans:before {
font-size: 20px;
line-height: 24px;
}
#maternity_feature>div {
width: 92%;
margin: 0 auto;
}
.maternity_feature_img {
position: initial;
}
.maternity_feature_num {
position: initial;
}
.maternity_feature_in1 .maternity_feature_content {
padding: 20px 15px;
box-sizing: border-box;
}
.maternity_feature_in2 .maternity_feature_content {
padding: 20px 15px;
box-sizing: border-box;
}
.maternity_feature_in3 .maternity_feature_content {
padding: 20px 15px;
box-sizing: border-box;
}
.maternity_feature_in1,
.maternity_feature_in2 {
margin-bottom: 40px;
}
#maternity_feature {
padding: 60px 0 8px;
}
.maternity_feature_num {
line-height: 1;
font-size: 42px;
}
.maternity_feature_content_in {
width: 100%;
}
.maternity_feature_ttl {
font-size: 18px;
margin-bottom: 10px;
}
.maternity_feature_txt {
font-size: 13px;
line-height: 2;
}
.maternity_feature_in3 {
margin-bottom: 50px;
}
.maternity_feature_subttl {
font-size: 16px;
}
.maternity_feature_subttl p {
padding: 0 30px;
}
.maternity_feature_subttl p:after {
width: 25px;
}
.maternity_feature_subttl p:before {
width: 25px;
}
#maternity_dress_slider .slick-dots li {
margin: 0;
}
#maternity_schedule {
padding: 40px 0;
}
.maternity_dress_ttl {
font-size: 18px;
margin-bottom: 10px;
}
.maternity_dress_txt {
font-size: 13px;
margin-bottom: 30px;
}
#maternity_dress_slider .slick-dots {
bottom: -35px;
}
#maternity_dress .maternity_style_btn {
margin-top: 50px;
}
#maternity_photo {
padding: 40px 0;
}
.maternity_photo_in {
display: block;
}
.maternity_photo1 {
margin-right: 0;
}
.maternity_photo11 {
margin-right: 4%;
width: 54%;
}
.maternity_photo12 {
width: 42%;
}
.maternity_photo1 picture,
.maternity_photo2 picture {
margin-bottom: 10px;
}
.maternity_photo2 {
width: 100%;
display: flex;
}
.maternity_photo2 picture img {
width: 100%;
height: 150px;
object-fit: cover;
}
.maternity_photo2 picture:first-child img {
width: 100%;
height: 150px;
object-fit: cover;
}
.maternity_photo2 picture:first-child {
width: 44%;
margin-right: 4%;
}
.maternity_photo2 picture:last-child {
width: 52%;
}
.maternity_photo_ttl {
font-size: 14px;
}
#maternity_schedule .minimal_style_in ul {
width: 700px;
}
#maternity_schedule .minimal_style_in ul li a {
padding: 5px;
}
#maternity_schedule .minimal_style_in .container {
overflow: scroll;
}
#maternity_schedule .minimal_style_in .container img {
max-width: 1200px;
width: 1200px;
}
.maternity_modal {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
box-sizing: border-box;
padding: 4%;
background: rgba(0, 0, 0, 0.5);
}
.maternity_modal.active {
display: flex;
align-items: center;
justify-content: center;
}
.maternity_modal_img {
background-color: #fff;
padding: 5px;
}
.maternity_modal_close {
position: fixed;
top: 80px;
right: 4%;
}
}
@media screen and (max-width: 480px) {
main {
margin-top: 16px;
}
#maternity_schedule .maternity_feature_subttl {
font-size: 20px;
}
#maternity_schedule .minimal_style_in,
#maternity_schedule .minimal_style_in .container,
#maternity_schedule .minimal_style_in .container img {
width: 100%;
padding: 4px 0;
}
#top_column .maternity_style_btn {
margin: 0 0 16px;
}
}
.small {
font-size: 2rem;
} .maternity_btn_wrap {
margin: 56px 0 24px;
text-align: center;
width: 100%;
bottom: 0px;
}
.maternity_contact_btn {
font-size: 2.4rem;
font-weight: 700;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
letter-spacing: 0.1em;
width: 88%;
min-width: 290px;
max-width: 1000px;
position: relative;
padding: 1.5rem 4rem;
color: #fff;
border-radius: 8px;
border: 1px solid #8f7500;
border-radius: 1rem;
background: #8f7500;
background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #1b7e40), to(#ead783));
background: -webkit-linear-gradient(bottom, #8f7500 50%, #ead783 100%);
background: linear-gradient(0deg, #8f7500 50%, #ead783 100%);
-webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), 0 5px 10px rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), 0 5px 10px rgba(0, 0, 0, .1);
}
.maternity_contact_btn:hover {
-webkit-transform: translate(0, 3px);
transform: translate(0, 3px);
opacity: 0.9;
background: #fff;
border: 2px solid #8f7500;
color: #8f7500;
}
.display_button {
position: relative;
width: 100%;
}
.display_button span {
position: absolute;
}
.button2-c::before {
content: '';
width: 40px;
height: 40px;
background: url() no-repeat;
background-size: contain;
background-position: center;
position: absolute;
left: 206px;
top: 57%;
transform: translateY(-50%);
}
.contact_text {
position: relative;
}
.active_contact_btn .button2-c::after {
right: 34%; }
.active_maternity_contact_btn {
animation-name: fadein;
animation-duration: 3s;
}
@-webkit-keyframes visible {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@keyframes visible {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@media screen and (max-width: 769px) {
.fadeIn_box {
display: block;
}
.active_contact_btn .footer_box {
bottom: 56px;
}
.active_contact_btn .button2-c-wrap {
bottom: 56px;
}
.active_contact_btn {
bottom: 56px;
}
.maternity_photo2 {
display: none;
}
.maternity_photo11 picture,
.maternity_photo11 picture img {
width: 343.781px;
height: 515.672px;
}
.maternity_photo11 picture:last-of-type,
.maternity_photo11 picture:last-of-type img {
height: 246px;
}
.maternity_photo12 picture,
.maternity_photo12 picture img {
width: 267.383px;
height: 184px;
}
.maternity_photo12 picture:nth-of-type(2),
.maternity_photo12 picture:nth-of-type(2) img {
height: 384px;
}
}
@media screen and (max-width: 600px) {
a.button2-c span {
left: calc(50% - 140px);
width: 280px;
}
a.button2-c {
width: 90%;
}
}
@media screen and (max-width: 480px) {
.sp_only {
display: block;
}
.btn {
height: 40px;
line-height: 40px;
}
.btn::after {
right: 8px;
}
.report_ex {
justify-content: center;
}
.report_image img {
width: 96%;
margin: 0 auto;
}
.maternity_report .maternity_style_btn {
margin-top: 48px;
}
.maternity_style_btn .btn {
border: 2px solid #8f7500;
font-size: 1.5rem;
padding: 0rem 4rem;
}
.maternity_style_btn .btn::after {
font-size: 24px;
}
.maternity_feature_subttl {
margin: 48px 0 24px;
}
.maternity_btn_wrap {
margin: 32px 0 24px;
}
.maternity_contact_btn {
font-size: 1.6rem;
padding: 1.2rem 2rem;
}
.small {
font-size: 1.4rem;
}
.maternity_about_copy {
font-size: 24px;
}
.maternity_about_txt {
font-size: 13px;
}
.maternity_feature_ttl {
font-size: 16px;
}
.slick-prev {
background: url(//www.weddingtable.jp/wordpress/wp-content/themes/wedding_table_theme/img/arrow_left.png) no-repeat;
}
.slick-next {
background: url(//www.weddingtable.jp/wordpress/wp-content/themes/wedding_table_theme/img/arrow_right.png) no-repeat;
}
.slick-prev,
.slick-next {
top: 200px;
z-index: 2;
background-size: 88%;
background-position: 3px 10px;
background-color: rgba(255, 255, 255, 0.8);
}
.more {
font-size: 28px;
margin-top: 48px;
}
.report_ex {
margin: 16px 0;
}
.report_image {
width: 100%;
}
.report_image.left {
margin: 4px 0px 4px 0;
}
.report_image.right {
margin: 4px 0 4px 32px;
}
.report_image:last-of-type {
margin-bottom: 32px;
}
#maternity_flow {
padding: 10px 0 0px;
}
#maternity_present {
padding: 80px 0 40px;
}
#maternity_present .present-img {
width: 96%;
height: 168px;
margin: 0 auto;
padding: 6px 0 0;
}
#maternity_present .present-img img {
width: 100%;
height: 168px;
}
.maternity_photo11 picture,
.maternity_photo11 picture img {
width: 205.67px;
height: 278.5px;
}
.maternity_photo11 picture:last-of-type,
.maternity_photo11 picture:last-of-type img {
height: 121.33px;
}
.maternity_photo12 picture,
.maternity_photo12 picture img {
width: 160px;
height: 90.56px;
}
.maternity_photo12 picture:nth-of-type(2),
.maternity_photo12 picture:nth-of-type(2) img {
height: 208.5px;
}
#maternity_kv .main-ttl {
font-size: 20px;
font-weight: bold;
color: #fff;
-webkit-text-stroke: none;
text-stroke: none;
text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.6);
}
#maternity_kv .maternity_logo {
font-size: 40px;
font-weight: bold;
color: #fff;
font-family: 'NotoSandsCJK-JP Thin';
letter-spacing: 4px;
text-shadow: 0px 0px 8px rgba(224, 29, 87, 0.8), 0px 0px 16px rgba(224, 29, 87, 0.8), 0px 0px 24px rgba(224, 29, 87, 0.8);
}
.maternity_feature_subttl.second {
font-size: 18px;
}
.maternity_feature_subttl p:before,
.maternity_feature_subttl p:after {
height: 34px;
}
.button2,
a.button2 {
line-height: 0.7;
}
.active_contact_btn a.button2 {
line-height: 0.7;
}
.button2-c-wrap {
margin: 32px 0;
}
a.button2-c span {
font-size: 0.7rem;
top: -1.5rem;
left: calc(50% - 120px);
width: 240px;
padding: 0.5rem 0;
}
.active_contact_btn a.button2-c span {
font-size: 0.8rem;
top: -1.5rem;
left: calc(50% - 120px);
width: 240px;
padding: 0.4rem 0;
}
a.button2-c {
font-size: 1.6rem;
width: 92%;
padding: 0.4rem 1rem 1rem;
}
.active_contact_btn a.button2-c {
font-size: 1.8rem;
padding: 0.01rem 1rem 0.8rem;
}
.button2-c::after {
right: 56px;
top: 60%;
font-size: 22px;
}
.contact_text::after {}
.active_contact_btn .button2-c::after {
right: 56px;
}
.contact_img img {
height: 250px;
width: 100%;
object-fit: cover;
}
.maternity_column_taxonomy {
width: 100%;
height: 100%;
box-sizing: border-box;
background-color: #d67783;
padding: 10px 8px;
text-align: center;
border: 0.5px solid #e5e5e5;
color: #fff;
font-size: 16px;
}
[class*='top_triangle']:before {
content: '';
width: 0;
height: 0;
border-top: 60px solid transparent;
border-right: 100px solid transparent;
border-left: 100px solid transparent;
border-top-color: #fff;
}
}
@media screen and (max-width:360px) {
#maternity_kv {
padding-top: 180px;
}
#maternity_kv .main-ttl {
font-size: 16px;
}
#maternity_kv .maternity_logo {
font-size: 32px;
}
.maternity_btn_wrap {
margin: 40px 0 24px;
}
.maternity_contact_btn {
font-size: 1.6rem;
padding: 1.2rem 1.4rem;
}
.small {
font-size: 1.2rem;
}
#maternity_photo .maternity_style_btn .btn {
font-size: 1.3rem;
}
#top_column .maternity_style_btn a {
font-size: 1.6rem;
}
#top_column .maternity_contact_btn {
font-size: 1.4rem;
}
}