main {
color: #444;
background: radial-gradient(
circle farthest-side at 0 1200px,
#ffd9d9 0%, #fff 40%
);
}
/* 繝偵�繝ｭ繝ｼ繝倥ャ繝繝ｼ */
.hero-wrapper {
position: relative;
color: #fff;
margin: 0 auto;
padding: min(5vw, 50px) 0 min(10vw, 60px);
width: min(90vw, 1300px);
}
.hero-wrapper h1 {
border-bottom: solid 3px red;
font-size: 2.6rem;
line-height: 1.6;
margin-top: 0;
}
.hero-lead {
font-size: 1.06rem;
font-weight: bold;
line-height: 1.8;
}
/* 繝偵�繝ｭ繝ｼ繝倥ャ繝繝ｼ縺薙％縺ｾ縺ｧ */
/* 髢｢騾｣繝ｪ繝ｳ繧ｯ */
/* .contents {
margin: min(5vw, 70px) auto;
width: min(90vw, 1400px);
}
.contents h3 {
color: red;
font-size: clamp(1.4em, 3vw, 1.6em);
margin-left: min(3vw, 50px);
margin-bottom: 0;
}
.contents a {color: #333;}
.contents a:hover {opacity: .7;}
.contents h4 {
font-weight: normal;
margin-top: 1em;
}
.cs-title {
display: block;
margin: 1em 0;
border-bottom: solid 1px red;
font-size: larger;
} */
/* slick繧ｹ繝ｩ繧､繝繝ｼ */
/*
.slick__feature-keywords {padding-left: 0;}
.slick__feature-keywords li {margin-right: 25px;}
.slick__feature-keywords img {
display: block;
width:100%;
border: solid 1px #bbb;
}
*/
/* slick.css荳頑嶌縺� */
/*
.slick__feature-keywords .slick-list {
margin: 0 min(3vw, 50px);
}
.slick__feature-keywords .slick-track {
margin-left: 0;
}
*/
/* 遏｢蜊ｰ */
/* .slick-prev:before,
.slick-next:before {
content: '';
display: inline-block;
width: clamp(10px, 1.4vw, 22px);
height: clamp(10px, 1.4vw, 22px);
border-left: 1px solid red;
border-bottom: 1px solid red;
opacity: 1;
}
.slick-prev:before {transform: rotate(45deg);}
.slick-next:before {transform: rotate(225deg);}
.slick-prev {
left: 0;
transition:.4s;
}
.slick-next {
right: 0;
transition:.4s;
}
.slick-prev.slick-disabled,
.slick-next.slick-disabled {
opacity: .3;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
opacity: 1;
} */
/* slick繧ｹ繝ｩ繧､繝繝ｼ縺薙％縺ｾ縺ｧ */
/* 髢｢騾｣繝ｪ繝ｳ繧ｯ縺薙％縺ｾ縺ｧ */
/* 縺雁撫縺�粋繧上○繧ｨ繝ｪ繧｢ */
/* .bottom-contact-wrapper {
position: relative;
padding: min(10vw, 50px) 0 min(10vw, 70px);
background-color: #f1f1f1;
color: #444;
font-size: 1rem;
}
.contact-container {
background-color: #fff;
border-radius: 5px;
line-height: 1;
margin: 0 auto;
padding: min(3vw, 2em) 0 min(10vw, 3em);
text-align: center;
word-break: break-all;
width: min(90vw, 1000px);
} */
/* 縺雁撫縺�粋繧上○襍､繝懊ち繝ｳ */
/* .contact-btn {
display: block;
border-radius: 5px;
box-sizing: border-box;
color: #fff;
font-weight: bold;
font-size: larger;
letter-spacing: 0.1em;
margin: 1.2rem auto 2.5rem;
position: relative;
width: clamp(250px, 80%, 18em);
-webkit-transition: all 0.3s;
transition: all 0.3s;
}
.contact-btn::before {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: solid 2px #0009;
border-radius: inherit;
background-color: #ff3e3e;
box-sizing: border-box;
-webkit-transition: all 0.3s;
transition: all 0.3s;
-webkit-transform: translate3d(0, 0.75rem, -1rem);
transform: translate3d(0, 0.75rem, -1rem);
-webkit-box-shadow: 0 0.6rem 0 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0.6rem 0 0 rgba(0, 0, 0, 0.2);
}
.contact-btn span {
position: relative;
display: block;
padding: 1.2em 0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
border: 2px solid #0009;
border-radius: inherit;
background: #ff3e3e;
}
.contact-btn i:first-child {
margin-right: .5em;
}
.contact-btn i:last-child {
margin-left: .5em;
}
.contact-btn:hover {
-webkit-transform: translate(0, 0.25rem);
transform: translate(0, 0.25rem);
}
.contact-btn:hover::before {
-webkit-transform: translate3d(0, 0.5rem, -1rem);
transform: translate3d(0, 0.5rem, -1rem);
-webkit-box-shadow: 0 0.35rem 0 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0.35rem 0 0 rgba(0, 0, 0, 0.2);
}
.contact-btn:active {
-webkit-transform: translate(0rem, 0.75rem);
transform: translate(0rem, 0.75rem);
}
.contact-btn:active::before {
-webkit-transform: translate3d(0, 0, -1rem);
transform: translate3d(0, 0, -1rem);
-webkit-box-shadow: 0 0.35rem 0 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0.35rem 0 0 rgba(0, 0, 0, 0.2);
} */
/* 縺雁撫縺�粋繧上○襍､繝懊ち繝ｳ 縺薙％縺ｾ縺ｧ */
/* .contact-mailaddress,
.contact-phone-num,
.contact-hours {
display: inline-block;
}
.contact-mailaddress i { margin-right: 10px;}
.contact-phone-num {
font-size: 2em;
margin-top: .4em;
}
.contact-phone-num i {
color: #ff3e3e;
margin-right: 10px;
}
.contact-phone-num a {color: #444;}
.contact-hours {margin: .7em 0 0 1em;}
@media screen and (max-width: 480px) {
.contact-btn {letter-spacing: normal;}
.contact-btn i:last-child {display: none;}
} */
/* 縺雁撫縺�粋繧上○繧ｨ繝ｪ繧｢縺薙％縺ｾ縺ｧ */
/* EDR-RTA迚ｹ險ｭ繝壹�繧ｸ */
.edr-rta {
background: none;
line-height: 2.2;
letter-spacing: 0.015em;
}
.edr-rta .article-container p {
margin: 0 0 1.5em 0;
}
/* 繝偵�繝ｭ繝ｼ繝倥ャ繝繝ｼ */
.hero--edr-rta {
background: url("../images/bg_EDR-RTA.jpg") center bottom 61% /cover;
}
.edr-rta .hero-wrapper {width: min(90vw, 1240px);padding: max(20px, 10vw) 0 max(20px, 1.5vw);}
.edr-rta .hero-lead {
font-size: 1.3rem;
line-height: 1.5;
}
/* 險倅ｺ区悽譁� */
.article-container {margin: 0 auto;width: min(90vw, 1000px);}
.article-container img {display: block;margin: min(6vw, 50px) auto min(6vw, 80px);max-width: 100%;}
/* 蜍慕判 */
.edr-rta--youtube {
position: relative;
overflow: hidden;
margin: min(4vw, 100px) auto;
-webkit-box-shadow: 2px 2px 15px rgba(60,60,60,1.00);
box-shadow: 2px 2px 15px rgba(60,60,60,1.00);
aspect-ratio: 16 / 9;
width: min(100%, 680px);
}
.edr-rta--youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
/* h2 */
.article-container h2 {
color: #2b2b2b;
font-size: 1.6rem;
margin: 18vh 0 28px;
position: relative;
display: flex;
line-height: 1.5;
}
.article-container h2::after { /* 蛹ｺ蛻�ｊ邱� */
content: "";
background: -webkit-linear-gradient(to right,#ffbcc6, #bddeff);
background: linear-gradient(to right, #ffbcc6, #bddeff);
display: block;
position: absolute;
top: -9vh;
height: 2px;
width: 100%;
}
section:nth-of-type(2) h2 {margin: min(4vw, 100px) 0 28px;}
section:nth-of-type(2) h2::after {content: none;}
/* h3 */
.article-container h3 {
background: linear-gradient(to right, #ebebf1, transparent);
border-left: solid 6px #ff1e1e;
margin: 28px 0 14px;
padding: 9px 18px;
line-height: 1.4;
}
/* h3縺薙％縺ｾ縺ｧ */
section:nth-of-type(6) {padding: 0 0 9vh;}
.pic03 {border: solid 1px #97a5b7;}
/* EDR-RTA迚ｹ險ｭ繝壹�繧ｸ 縺薙％縺ｾ縺ｧ */
/* 陦ｨ遉ｺ蛻�崛 */
@media screen and (max-width: 767px) {
.hero-wrapper h1 {font-size: revert;line-height: 1.5;}
.hero-heading-label {font-size: revert;}
.hero-lead {padding: 0;line-height: 1.6;}
.contents h3 {font-weight: normal;margin: 0px;}
img.pc-view {display: none;}
}/* 豸医＆縺ｪ縺� */
/* 陦ｨ遉ｺ蛻�崛 */
@media screen and (min-width: 768px) {
img.mobile-view {display: none;}
img.pc-view {display: block;}
}/* 豸医＆縺ｪ縺� */