html, body {
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M" , "A+EqpB-游ゴシック体 Pr6N B" , "Hiragino Sans", "ヒラギノ角ゴシック", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
vertical-align: baseline;
margin: 0;
padding: 0;
}
@media all and (-ms-high-contrast: none) {
html, body {
font-family: "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M" , "A+EqpB-游ゴシック体 Pr6N B" , "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
}
body {
line-height: 1;
}
div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M" , "A+EqpB-游ゴシック体 Pr6N B" , "Hiragino Sans", "ヒラギノ角ゴシック", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
vertical-align: baseline;
margin: 0;
padding: 0;
}
@media all and (-ms-high-contrast: none) {
div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
font-family: "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M" , "A+EqpB-游ゴシック体 Pr6N B" , "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
content: none;
}
table {
width: 100%;
border-collapse: collapse;
border-spacing: 0px;
}
a {
text-decoration: none;
color: #000;
}
a.decoration {
text-decoration: underline;
}
a.decoration:visited, a.decoration:focus, a.decoration:active {
text-decoration: underline;
outline: 0;
}
a:visited, a:focus, a:active {
text-decoration: none;
color: #000;
outline: 0;
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix {
zoom: 1;
}
*:first-child + html .clearfix {
zoom: 1;
}
html {
font-size: 62.5%;
visibility: hidden;
}
html #headWrap {
z-index: -1;
visibility: hidden;
opacity: 0;
}
html.wf-active, html.loading-delay {
visibility: visible;
}
html.wf-active #headWrap, html.loading-delay #headWrap {
z-index: 100;
visibility: visible;
opacity: 1;
}
body {
font-size: 14px;
color: #221e1f;
-webkit-text-size-adjust: 100%;
}
@media only screen and (max-width: 767px) {
body {
font-size: 3.6458333333vw;
}
}
#wrap {
font-size: 14px;
}
@media only screen and (max-width: 767px) {
#wrap {
font-size: 3.6458333333vw;
}
}
a {
color: #221e1f;
}
a:visited, a:focus, a:active {
color: #221e1f;
}
@media only screen and (min-width: 1080px) {
a[href^="tel:"] {
pointer-events: none;
}
}
img {
max-width: 70%;
height: auto;
vertical-align: top;
image-rendering: -webkit-optimize-contrast;
}
@media only screen and (min-width: 1080px) {
.flL {
float: left;
}
.flR {
float: right;
}
.hoverOpacity {
transition-property: opacity;
transition-duration: 0.5s;
transition-timing-function: ease;
transition-delay: 0s;
}
.hoverOpacity:hover {
opacity: 0.8;
}
.pcH {
display: none !important;
}
}
@media only screen and (max-width: 1079px) {
.spTabH {
display: none !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.tabH {
display: none !important;
}
}
@media only screen and (max-width: 767px) {
.spH {
display: none !important;
}
}
.alignL {
text-align: left;
}
.alignC {
text-align: center;
}
.alignR {
text-align: right;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.tabAlignL {
text-align: left;
}
.tabAlignC {
text-align: center;
}
.tabAlignR {
text-align: right;
}
}
@media only screen and (max-width: 767px) {
.spAlignL {
text-align: left;
}
.spAlignC {
text-align: center;
}
.spAlignR {
text-align: right;
}
}
.flexWrap {
display: flex;
}
@media only screen and (max-width: 767px) {
.flexWrap.spBlock {
display: block;
}
}
@media only screen and (max-width: 1079px) {
.flexWrap.spTabBlock {
display: block;
}
}
.flexWrap.flexAlignC {
align-items: center;
}
.tabBox {
width: 100%;
display: none;
}
.tabBox.active {
display: block;
}
.contentAndLinkListWrap {
padding-top: 60px;
padding-bottom: 60px;
}
@media only screen and (max-width: 767px) {
.contentAndLinkListWrap {
padding-top: 15.625vw;
padding-bottom: 15.625vw;
}
}
.contentAndLinkListWrap .flexWrap {
justify-content: space-between;
}
.contentAndLinkListWrap .titleWrap.flexWrap {
align-items: center;
}
@media only screen and (max-width: 767px) {
.contentAndLinkListWrap .titleWrap.flexWrap.spBlock .arrowLink {
margin-top: 5.2083333333vw;
}
}
.contentAndLinkListWrap .titleWrap .title {
font-size: 24px;
font-family: aktiv-grotesk-extended, sans-serif;
font-weight: 700;
font-style: normal;
}
@media only screen and (max-width: 767px) {
.contentAndLinkListWrap .titleWrap .title {
font-size: 5.2083333333vw;
}
}
.contentAndLinkListWrap .titleWrap .title.minTitle {
font-size: 20px;
}
@media only screen and (max-width: 767px) {
.contentAndLinkListWrap .titleWrap .title.minTitle {
font-size: 4.6875vw;
}
}
.contentAndLinkListWrap .titleWrap .enTitle {
margin-top: 5px;
font-size: 12px;
font-family: aktiv-grotesk-extended, sans-serif;
font-weight: 700;
font-style: normal;
}
@media only screen and (max-width: 767px) {
.contentAndLinkListWrap .titleWrap .enTitle {
margin-top: 1.3020833333vw;
font-size: 3.125vw;
}
}
.contentAndLinkListWrap .titleWrap > .text {
margin-top: 10px;
line-height: 1.8;
}
@media only screen and (max-width: 767px) {
.contentAndLinkListWrap .titleWrap > .text {
margin-top: 2.6041666667vw;
}
}
.contentAndLinkListWrap .titleWrap .textLink {
margin-top: 30px;
display: inline-block;
font-size: 18px;
font-weight: bold;
}
@media only screen and (max-width: 767px) {
.contentAndLinkListWrap .titleWrap .textLink {
margin-top: 7.8125vw;
font-size: 3.6458333333vw;
}
}
@media only screen and (max-width: 767px) {
.contentAndLinkListWrap .contentWrap {
margin-top: 10.4166666667vw;
width: 100% !important;
}
}
.contentAndLinkListWrap.titleAndLink .titleWrap {
width: 30%;
}
@media only screen and (max-width: 767px) {
.contentAndLinkListWrap.titleAndLink .titleWrap {
width: 100%;
}
}
.contentAndLinkListWrap.titleAndLink .contentWrap {
width: 66%;
}
.contentAndLinkListWrap.imageAndLink .imageWrap {
width: 38.94%;
}
@media only screen and (max-width: 767px) {
.contentAndLinkListWrap.imageAndLink .imageWrap {
width: 100%;
}
}
.contentAndLinkListWrap.imageAndLink .contentWrap {
width: 49.1%;
}
.contentAndLinkListWrap.blockWrap .contentWrap {
margin-top: 40px;
width: 100%;
}
.contentAndLinkListWrap#careersContentLink .linkListWrap .link .infoTxt, .contentAndLinkListWrap#aboutUs .linkListWrap .link .infoTxt, .contentAndLinkListWrap#companyLinkBlock .linkListWrap .link .infoTxt {
font-family: "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M" , "A+EqpB-游ゴシック体 Pr6N B" , "Hiragino Sans", "ヒラギノ角ゴシック", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.contentAndLinkListWrap#careersContentLink .titleWrap .title, .contentAndLinkListWrap#companyLinkBlock .titleWrap .title, .contentAndLinkListWrap#aboutUs .titleWrap .title {
font-family: "游ゴシック", "游ゴシック体", "Yu Gothic", YuGothic, "A+EqpB-游ゴシック体 Pr6N M" , "A+EqpB-游ゴシック体 Pr6N B" , "Hiragino Sans", "ヒラギノ角ゴシック", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.contentAndLinkListWrap#companyLinkBlock {
padding: 80px 0 120px;
}
@media only screen and (max-width: 767px) {
.contentAndLinkListWrap#companyLinkBlock {
padding: 16.9270833333vw 0;
}
}
.serviceInfoBlock {
padding: 90px 0;
background-color: #72c5d0;
}
@media only screen and (max-width: 767px) {
.serviceInfoBlock {
padding: 9.1145833333vw 0;
}
}
.serviceInfoBlock .flexWrap {
align-items: center;
justify-content: space-between;
}
.serviceInfoBlock .titleWrap .title {
font-size: 24px;
font-weight: bold;
}
@media only screen and (max-width: 767px) {
.serviceInfoBlock .titleWrap .title {
font-size: 5.2083333333vw;
}
}
.serviceInfoBlock .titleWrap .enTitle {
margin-top: 10px;
font-size: 12px;
font-family: aktiv-grotesk-extended, sans-serif;
font-weight: 700;
font-style: normal;
}
@media only screen and (max-width: 767px) {
.serviceInfoBlock .titleWrap .enTitle {
margin-top: 2.6041666667vw;
font-size: 3.125vw;
}
}
.serviceInfoBlock .contentWrap {
width: 66%;
}
@media only screen and (max-width: 767px) {
.serviceInfoBlock .contentWrap {
margin-top: 5.2083333333vw;
width: 100%;
}
}
.serviceInfoBlock .contentWrap .linkWrap .link .text {
padding-right: 80px;
font-size: 16px;
line-height: 2;
}
@media only screen and (max-width: 767px) {
.serviceInfoBlock .contentWrap .linkWrap .link .text {
padding-right: 0;
font-size: 3.6458333333vw;
}
}
@media only screen and (max-width: 767px) {
.serviceInfoBlock .contentWrap .linkWrap .link .text .arrow {
top: -11.71875vw;
transform: translateY(0);
}
}
#knowledge {
padding: 90px 0;
}
@media only screen and (max-width: 767px) {
#knowledge {
padding: 0;
}
}
@media only screen and (max-width: 767px) {
#knowledge a {
padding: 9.1145833333vw 0;
display: block;
}
}
#knowledge .flexWrap {
align-items: center;
justify-content: space-between;
}
#knowledge .flexWrap > .linkWrap {
width: 66%;
}
#knowledge .flexWrap > .linkWrap .link {
width: 100%;
line-height: 1.4;
}
@media only screen and (min-width: 1080px) {
#knowledge .arrowLink:hover .arrow {
right: 0;
width: 2.5em;
}
}
#knowledge .arrowLink .text {
padding-right: 80px;
}
@media only screen and (max-width: 767px) {
#knowledge .arrowLink .text {
padding-right: 0;
}
}
#knowledge .arrowLink .arrow {
right: 0.7em;
width: 1.95em;
}
@media only screen and (max-width: 767px) {
#knowledge .arrowLink .arrow {
right: 0.6em;
width: 1.7em;
}
#knowledge .arrowLink .arrow::before {
top: -0.25em;
width: 0.47em;
height: 0.47em;
}
}
#knowledge .arrowLink .arrow::before {
top: -0.27em;
width: 0.5em;
height: 0.5em;
}
#knowledge .titleWrap .title {
font-size: 24px;
font-weight: bold;
}
@media only screen and (max-width: 767px) {
#knowledge .titleWrap .title {
font-size: 5.2083333333vw;
}
}
#knowledge .titleWrap .enTitle {
margin-top: 5px;
font-size: 12px;
font-family: aktiv-grotesk-extended, sans-serif;
font-weight: 700;
font-style: normal;
}
@media only screen and (max-width: 767px) {
#knowledge .titleWrap .enTitle {
margin-top: 1.3020833333vw;
font-size: 3.125vw;
}
}
#knowledge .contentWrap {
display: flex;
align-items: center;
justify-content: space-between;
width: 68.57%;
}
@media only screen and (max-width: 767px) {
#knowledge .contentWrap {
display: block;
margin-top: 5.2083333333vw;
width: 100%;
}
}
#knowledge .contentWrap .textWrap .text {
font-size: 16px;
line-height: 2;
}
@media only screen and (max-width: 767px) {
#knowledge .contentWrap .textWrap .arrow {
top: -11.71875vw;
transform: translateY(0);
}
}
#knowledge .contentWrap .linkWrap {
flex: none;
margin-left: 55px;
}
@media only screen and (max-width: 767px) {
#knowledge .contentWrap .linkWrap {
margin-left: 0;
}
}
#knowledge .contentWrap .linkWrap .link .text {
font-size: 18px;
line-height: 2;
}
@media only screen and (max-width: 767px) {
#knowledge .contentWrap .linkWrap .link .text {
padding: 0;
font-size: 3.6458333333vw;
}
}
@media only screen and (max-width: 767px) {
#knowledge .contentWrap .linkWrap .link .arrow {
top: -11.71875vw;
transform: translateY(0);
}
}
.imageAndTxtLinkBlock .linkCardWrap {
display: flex;
justify-content: space-between;
}
.imageAndTxtLinkBlock .linkCardWrap .cardWrap {
width: 49%;
}
.imageAndTxtLinkBlock .linkCardWrap .cardWrap a {
position: relative;
display: block;
}
.imageAndTxtLinkBlock .linkCardWrap .cardWrap .image {
position: relative;
}
.imageAndTxtLinkBlock .linkCardWrap .cardWrap .image::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}
.imageAndTxtLinkBlock .linkCardWrap .cardWrap .image img {
width: 100%;
}
.imageAndTxtLinkBlock .linkCardWrap .cardWrap .textWrap {
position: absolute;
bottom: 15px;
left: 25px;
}
@media only screen and (max-width: 767px) {
.imageAndTxtLinkBlock .linkCardWrap .cardWrap .textWrap {
bottom: 2.6041666667vw;
left: 3.90625vw;
}
}
.imageAndTxtLinkBlock .linkCardWrap .cardWrap .textWrap * {
color: #fff;
}
.imageAndTxtLinkBlock .linkCardWrap .cardWrap .textWrap .text {
font-size: 28px;
font-weight: bold;
}
@media only screen and (max-width: 767px) {
.imageAndTxtLinkBlock .linkCardWrap .cardWrap .textWrap .text {
font-size: 4.6875vw;
}
}
.imageAndTxtLinkBlock .linkCardWrap .cardWrap .textWrap .enText {
margin-top: 10px;
font-family: aktiv-grotesk-extended, sans-serif;
font-weight: 500;
font-style: normal;
}
@media only screen and (max-width: 767px) {
.imageAndTxtLinkBlock .linkCardWrap .cardWrap .textWrap .enText {
margin-top: 1.3020833333vw;
font-size: 3.125vw;
}
}
@media only screen and (max-width: 767px) {
.imageAndTxtLinkBlock .linkCardWrap.spBlock {
display: block;
}
}
@media only screen and (max-width: 767px) {
.imageAndTxtLinkBlock .linkCardWrap.spBlock .cardWrap {
width: 100%;
}
.imageAndTxtLinkBlock .linkCardWrap.spBlock .cardWrap + .cardWrap {
margin-top: 10.4166666667vw;
}
}
@media only screen and (max-width: 767px) {
.imageAndTxtLinkBlock .linkCardWrap.spBlock .cardWrap .textWrap {
position: relative;
bottom: 0;
left: 0;
margin-top: 20px;
}
}
@media only screen and (max-width: 767px) {
.imageAndTxtLinkBlock .linkCardWrap.spBlock .cardWrap .textWrap * {
color: #221e1f;
}
}
.teamJazzInfoBlock {
padding: 80px 0;
}
@media only screen and (max-width: 767px) {
.teamJazzInfoBlock {
padding: 13.0208333333vw 0;
}
}
.teamJazzInfoBlock .flexWrap {
justify-content: space-between;
}
.teamJazzInfoBlock .logoWrap .logo {
width: 280px;
}
@media only screen and (max-width: 767px) {
.teamJazzInfoBlock .logoWrap .logo {
margin: 0 auto;
width: 72.9166666667vw;
}
}
.teamJazzInfoBlock .logoWrap .logo img {
width: 100%;
}
.teamJazzInfoBlock .infoWrap {
width: 55%;
}
@media only screen and (max-width: 767px) {
.teamJazzInfoBlock .infoWrap {
margin-top: 15.625vw;
width: 100%;
}
}
.teamJazzInfoBlock .infoWrap .titleWrap .title {
font-size: 24px;
font-weight: bold;
line-height: 1.8;
}
@media only screen and (max-width: 767px) {
.teamJazzInfoBlock .infoWrap .titleWrap .title {
font-size: 4.6875vw;
}
}
.teamJazzInfoBlock .infoWrap .textWrap {
margin-top: 15px;
}
@media only screen and (max-width: 767px) {
.teamJazzInfoBlock .infoWrap .textWrap {
margin-top: 5.2083333333vw;
}
}
.teamJazzInfoBlock .infoWrap .textWrap .text {
font-size: 18px;
line-height: 2;
}
@media only screen and (max-width: 767px) {
.teamJazzInfoBlock .infoWrap .textWrap .text {
font-size: 3.6458333333vw;
}
}
.teamJazzInfoBlock .infoWrap .textLinkWrap {
margin-top: 45px;
}
@media only screen and (max-width: 767px) {
.teamJazzInfoBlock .infoWrap .textLinkWrap {
margin-top: 7.8125vw;
}
}
.teamJazzInfoBlock .infoWrap .textLinkWrap .textLink {
font-size: 16px;
font-family: aktiv-grotesk-extended, sans-serif;
font-weight: 700;
font-style: normal;
}
@media only screen and (max-width: 767px) {
.teamJazzInfoBlock .infoWrap .textLinkWrap .textLink {
font-size: 4.6875vw;
}
}
.relatedPostCardBlock {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 0 15px;
}
@media only screen and (max-width: 767px) {
.relatedPostCardBlock .post {
margin-right: 3.90625vw;
width: 69.7916666667vw;
}
}
.relatedPostCardBlock .post .logoWrap .logo,
.relatedPostCardBlock .post .imageWrap .image {
width: 100%;
}
.relatedPostCardBlock .post .logoWrap .logo img,
.relatedPostCardBlock .post .imageWrap .image img {
width: 100%;
}
.relatedPostCardBlock .post .logoWrap {
border-bottom: 1px solid #221e1f;
}
@media only screen and (max-width: 767px) {
.relatedPostCardBlock .post .logoWrap {
padding-bottom: 7.8125vw;
}
}
.relatedPostCardBlock .post .infoWrap {
margin-top: 20px;
}
@media only screen and (max-width: 767px) {
.relatedPostCardBlock .post .infoWrap {
margin-top: 5.2083333333vw;
}
}
.relatedPostCardBlock .post .infoWrap * {
transition-property: all;
transition-duration: 0.5s;
transition-timing-function: ease;
transition-delay: 0s;
}
.relatedPostCardBlock .post .infoWrap .textLink {
margin-top: 20px;
font-size: 16px;
font-family: aktiv-grotesk-extended, sans-serif;
font-weight: 700;
font-style: normal;
}
@media only screen and (max-width: 767px) {
.relatedPostCardBlock .post .infoWrap .textLink {
margin-top: 5.2083333333vw;
font-size: 3.6458333333vw;
}
}
.switching,
.historyBlockWrap {
padding: 50px 0;
}
@media only screen and (max-width: 767px) {
.switching,
.historyBlockWrap {
padding: 10.4166666667vw 0;
}
}
.switchingContentAndImageBlock {
display: flex;
align-items: center;
justify-content: space-between;
}
@media only screen and (max-width: 767px) {
.switchingContentAndImageBlock {
display: block;
}
}
.switchingContentAndImageBlock .contentWrap .titleWrap .title {
font-size: 24px;
font-weight: bold;
}
@media only screen and (max-width: 767px) {
.switchingContentAndImageBlock .contentWrap .titleWrap .title {
font-size: 6.25vw;
}
}
.switchingContentAndImageBlock .contentWrap .titleWrap .title + .enTitle {
margin-top: 5px;
font-size: 12px;
}
@media only screen and (max-width: 767px) {
.switchingContentAndImageBlock .contentWrap .titleWrap .title + .enTitle {
margin-top: 1.3020833333vw;
font-size: 3.125vw;
}
}
.switchingContentAndImageBlock .contentWrap .titleWrap .enTitle {
font-size: 16px;
font-family: aktiv-grotesk-extended, sans-serif;
font-weight: 700;
font-style: normal;
}
@media only screen and (max-width: 767px) {
.switchingContentAndImageBlock .contentWrap .titleWrap .enTitle {
font-size: size(16);
}
}
.switchingContentAndImageBlock .contentWrap .infoWrap {
margin-top: 30px;
}
@media only screen and (max-width: 767px) {
.switchingContentAndImageBlock .contentWrap .infoWrap {
margin-top: 7.8125vw;
}
}
.switchingContentAndImageBlock .contentWrap .infoWrap .textWrap {
padding-left: 15px;
display: none;
border-left: 1px solid #221e1f;
}
@media only screen and (max-width: 767px) {
.switchingContentAndImageBlock .contentWrap .infoWrap .textWrap {
padding-left: 3.90625vw;
}
}
.switchingContentAndImageBlock .contentWrap .infoWrap .textWrap .text {
font-size: 16px;
line-height: 2;
}
@media only screen and (max-width: 767px) {
.switchingContentAndImageBlock .contentWrap .infoWrap .textWrap .text {
font-size: 4.1666666667vw;
}
}
.switchingContentAndImageBlock .contentWrap .infoWrap .textWrap.active {
display: block;
}
.switchingContentAndImageBlock .contentWrap .infoWrap .switchingBtnWrap {
margin-top: 60px;
}
@media only screen and (max-width: 767px) {
.switchingContentAndImageBlock .contentWrap .infoWrap .switchingBtnWrap {
margin-top: 10.4166666667vw;
}
}
.switchingContentAndImageBlock .contentWrap .infoWrap .switchingBtnWrap .switchingList {
display: flex;
}
.switchingContentAndImageBlock .contentWrap .infoWrap .switchingBtnWrap .switchingList li {
margin-right: 15px;
}
@media only screen and (max-width: 767px) {
.switchingContentAndImageBlock .contentWrap .infoWrap .switchingBtnWrap .switchingList li {
margin-right: 3.90625vw;
}
}
.switchingContentAndImageBlock .contentWrap .infoWrap .switchingBtnWrap .switchingList li:last-of-type {
margin-right: 0;
}
.switchingContentAndImageBlock .contentWrap .infoWrap .switchingBtnWrap .switchingList li a {
font-size: 16px;
font-family: aktiv-grotesk-extended, sans-serif;
font-weight: 300;
font-style: normal;
}
@media only screen and (max-width: 767px) {
.switchingContentAndImageBlock .contentWrap .infoWrap .switchingBtnWrap .switchingList li a {
font-size: 4.1666666667vw;
}
}
.switchingContentAndImageBlock .contentWrap .infoWrap .switchingBtnWrap .switchingList li a.active {
font-weight: bold;
}
@media only screen and (max-width: 767px) {
.switchingContentAndImageBlock .imageWrap {
margin-top: 18.2291666667vw;
}
}
.switchingContentAndImageBlock .imageWrap .image {
width: 445px;
}
@media only screen and (max-width: 767px) {
.switchingContentAndImageBlock .imageWrap .image {
width: 100%;
}
}
.switchingContentAndImageBlock .imageWrap .image img {
width: 100%;
}
.historyBlock {
position: relative;
display: grid;
grid-template-columns: repeat(8, 1fr);
grid-gap: 0 25px;
}
@media only screen and (max-width: 767px) {
.historyBlock {
padding-left: 6.5104166667vw;
grid-template-columns: repeat(1, 1fr);
grid-gap: 5.2083333333vw 0;
}
}
.historyBlock::before {
content: "";
position: absolute;
top: 50px;
left: 0;
width: 100vw;
height: 4px;
background-color: #72c5d0;
}
@media only screen and (max-width: 767px) {
.historyBlock::before {
top: 0;
left: 0;
width: 4px;
height: 100%;
transform: translateX(0);
}
}
.historyBlock dl dt {
font-size: 24px;
font-family: aktiv-grotesk-extended, sans-serif;
font-weight: 700;
font-style: normal;
}
@media only screen and (max-width: 767px) {
.historyBlock dl dt {
font-size: 5.2083333333vw;
line-height: 1.8;
}
}
.historyBlock dl dd {
margin-top: 50px;
font-size: 10px;
font-family: aktiv-grotesk-extended, sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.8;
}
@media only screen and (max-width: 767px) {
.historyBlock dl dd {
margin-top: 0;
font-size: 3.125vw;
}
}
.toggleSelectWrap {
position: relative;
}
.toggleSelectWrap.active .selectWrap::before {
top: 45%;
transform: rotate(-45deg);
}
.toggleSelectWrap .selectWrap {
position: relative;
padding-right: 1.5em;
display: inline-block;
}
.toggleSelectWrap .selectWrap::before {
content: "";
position: absolute;
top: 8%;
right: 0;
width: 0.5em;
height: 0.5em;
border-top: 1px solid #221e1f;
border-right: 1px solid #221e1f;
transform: rotate(135deg);
transition-property: 0.3s;
transition-duration: 0.5s;
transition-timing-function: ease;
transition-delay: 0s;
}
.toggleSelectWrap .selectorListWrap {
position: absolute;
top: 2em;
left: 0;
display: none;
}
.toggleSelectWrap .selectorListWrap ul {
display: flex;
}
.toggleSelectWrap .selectorListWrap ul li {
margin-right: 15px;
}
@media only screen and (max-width: 767px) {
.toggleSelectWrap .selectorListWrap ul li {
margin-right: 3.90625vw;
}
}
.toggleSelectWrap .selectorListWrap ul li:last-of-type {
margin-right: 0;
}
.dropdownBtnWrap {
position: relative;
}
.dropdownBtnWrap .dropdownWrap {
z-index: -1;
position: absolute;
top: 1em;
left: 0;
padding: 30px 0 40px;
visibility: hidden;
white-space: nowrap;
opacity: 0;
transition-property: all;
transition-duration: 0.5s;
transition-timing-function: ease;
transition-delay: 0s;
}
.dropdownBtnWrap .dropdownWrap.active {
z-index: 1;
visibility: visible;
opacity: 1;
}
.pageLinkWrap {
display: flex;
flex-wrap: wrap;
}
.pageLinkWrap .link {
position: relative;
margin-right: 35px;
padding-right: 20px;
}
@media only screen and (max-width: 767px) {
.pageLinkWrap .link {
margin-top: 5.2083333333vw;
margin-right: 3.90625vw;
padding-right: 2.6041666667vw;
}
}
.pageLinkWrap .link a {
font-size: 16px;
font-weight: bold;
}
@media only screen and (max-width: 767px) {
.pageLinkWrap .link a {
font-size: 4.1666666667vw;
}
}
.pageLinkWrap .link .arrow {
position: absolute;
bottom: 0;
right: 0;
width: 1px;
height: 1.125em;
background-color: #221e1f;
transition-property: all;
transition-duration: 0.5s;
transition-timing-function: ease;
transition-delay: 0s;
}
.pageLinkWrap .link .arrow::before {
content: "";
position: absolute;
left: -0.2em;
bottom: 1px;
width: 0.4em;
height: 0.4em;
border-top: solid 1px #221e1f;
border-right: solid 1px #221e1f;
transform: rotate(135deg);
}
.inner {
width: 100%;
max-width: 945px;
margin-right: auto;
margin-left: auto;
box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.inner {
width: 90%;
max-width: none;
padding-right: 0;
padding-left: 0;
}
}
@media only screen and (max-width: 767px) {
.inner {
width: 90%;
max-width: none;
padding-right: 0;
padding-left: 0;
}
}
.largeInner {
width: 90%;
max-width: 1135px;
margin-right: auto;
margin-left: auto;
box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.largeInner {
max-width: none;
}
}
@media only screen and (max-width: 767px) {
.largeInner {
width: 90%;
max-width: none;
}
}
.middleInner {
width: 100%;
max-width: 860px;
padding-right: 20px;
padding-left: 20px;
margin-right: auto;
margin-left: auto;
box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.middleInner {
width: 90%;
max-width: none;
padding-right: 0;
padding-left: 0;
}
}
@media only screen and (max-width: 767px) {
.middleInner {
width: 90%;
max-width: none;
padding-right: 0;
padding-left: 0;
}
}
.smallInner {
width: 100%;
max-width: 725px;
padding-right: 20px;
padding-left: 20px;
margin-right: auto;
margin-left: auto;
box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.smallInner {
width: 90%;
max-width: none;
padding-right: 0;
padding-left: 0;
}
}
@media only screen and (max-width: 767px) {
.smallInner {
width: 90%;
max-width: none;
padding-right: 0;
padding-left: 0;
}
}
.sectionWrap {
width: 100%;
box-sizing: border-box;
}
.sectionWrap .section {
box-sizing: border-box;
}
.sectionWrap .section.hasBorderT {
border-top: 1px solid #ddd;
}
.sectionWrap .sectionInner {
padding-top: 60px;
padding-bottom: 60px;
}
.sectionWrap .sectionInner.hasBorderT {
border-top: 1px solid #ddd;
}
.sectionWrap .sectionInner.pTNone {
padding-top: 0;
}
.sectionWrap .sectionInner.pBNone {
padding-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.sectionWrap .sectionInner {
padding-top: 7.8125vw;
padding-bottom: 7.8125vw;
}
.sectionWrap .sectionInner.tabPTNone {
padding-top: 0;
}
.sectionWrap .sectionInner.tabPBNone {
padding-bottom: 0;
}
.sectionWrap .sectionInner.tabHasPT {
padding-top: 7.8125vw;
}
.sectionWrap .sectionInner.tabHasPB {
padding-bottom: 7.8125vw;
}
}
@media only screen and (max-width: 767px) {
.sectionWrap .sectionInner {
padding-top: 15.625vw;
padding-bottom: 15.625vw;
}
.sectionWrap .sectionInner.spPTNone {
padding-top: 0;
}
.sectionWrap .sectionInner.spPBNone {
padding-bottom: 0;
}
.sectionWrap .sectionInner.spHasPT {
padding-top: 15.625vw;
}
.sectionWrap .sectionInner.spHasPB {
padding-bottom: 15.625vw;
}
}
.sectionWrap .sectionInner.smallPd {
padding-top: 100px;
padding-bottom: 100px;
}
.sectionWrap .sectionInner.smallPd.pTBig {
padding-top: 60px;
}
.sectionWrap .sectionInner.smallPd.pBBig {
padding-bottom: 60px;
}
.sectionWrap .sectionInner.smallPd.pTNone {
padding-top: 0;
}
.sectionWrap .sectionInner.smallPd.pBNone {
padding-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.sectionWrap .sectionInner.smallPd {
padding-top: 6.5104166667vw;
padding-bottom: 6.5104166667vw;
}
.sectionWrap .sectionInner.smallPd.tabPTNone {
padding-top: 0;
}
.sectionWrap .sectionInner.smallPd.tabPBNone {
padding-bottom: 0;
}
.sectionWrap .sectionInner.smallPd.tabHasPT {
padding-top: 6.5104166667vw;
}
.sectionWrap .sectionInner.smallPd.tabHasPB {
padding-bottom: 6.5104166667vw;
}
.sectionWrap .sectionInner.smallPd.tabHasPTBig {
padding-top: 7.8125vw;
}
.sectionWrap .sectionInner.smallPd.tabHasPBBig {
padding-bottom: 7.8125vw;
}
}
@media only screen and (max-width: 767px) {
.sectionWrap .sectionInner.smallPd {
padding-top: 13.0208333333vw;
padding-bottom: 13.0208333333vw;
}
.sectionWrap .sectionInner.smallPd.spPTNone {
padding-top: 0;
}
.sectionWrap .sectionInner.smallPd.spPBNone {
padding-bottom: 0;
}
.sectionWrap .sectionInner.smallPd.spHasPT {
padding-top: 13.0208333333vw;
}
.sectionWrap .sectionInner.smallPd.spHasPB {
padding-bottom: 13.0208333333vw;
}
.sectionWrap .sectionInner.smallPd.spHasPTBig {
padding-top: 15.625vw;
}
.sectionWrap .sectionInner.smallPd.spHasPBBig {
padding-bottom: 15.625vw;
}
}
.sectionWrap .sectionInner.largePd {
padding-top: 120px;
padding-bottom: 120px;
}
.sectionWrap .sectionInner.largePd.pTMin {
padding-top: 60px;
}
.sectionWrap .sectionInner.largePd.pBMin {
padding-bottom: 60px;
}
.sectionWrap .sectionInner.largePd.pTNone {
padding-top: 0;
}
.sectionWrap .sectionInner.largePd.pBNone {
padding-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.sectionWrap .sectionInner.largePd {
padding-top: 7.8125vw;
padding-bottom: 7.8125vw;
}
.sectionWrap .sectionInner.largePd.tabPTNone {
padding-top: 0;
}
.sectionWrap .sectionInner.largePd.tabPBNone {
padding-bottom: 0;
}
.sectionWrap .sectionInner.largePd.tabHasPT {
padding-top: 7.8125vw;
}
.sectionWrap .sectionInner.largePd.tabHasPB {
padding-bottom: 7.8125vw;
}
}
@media only screen and (max-width: 767px) {
.sectionWrap .sectionInner.largePd {
padding-top: 15.625vw;
padding-bottom: 15.625vw;
}
.sectionWrap .sectionInner.largePd.spPTNone {
padding-top: 0;
}
.sectionWrap .sectionInner.largePd.spPBNone {
padding-bottom: 0;
}
.sectionWrap .sectionInner.largePd.spHasPT {
padding-top: 15.625vw;
}
.sectionWrap .sectionInner.largePd.spHasPB {
padding-bottom: 15.625vw;
}
}
.sectionWrap .sectionInner.middlePd {
padding-top: 80px;
padding-bottom: 80px;
}
.sectionWrap .sectionInner.middlePd.pTMin {
padding-top: 60px;
}
.sectionWrap .sectionInner.middlePd.pBMin {
padding-bottom: 60px;
}
.sectionWrap .sectionInner.middlePd.pTNone {
padding-top: 0;
}
.sectionWrap .sectionInner.middlePd.pBNone {
padding-bottom: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.sectionWrap .sectionInner.middlePd {
padding-top: 7.8125vw;
padding-bottom: 7.8125vw;
}
.sectionWrap .sectionInner.middlePd.tabPTNone {
padding-top: 0;
}
.sectionWrap .sectionInner.middlePd.tabPBNone {
padding-bottom: 0;
}
.sectionWrap .sectionInner.middlePd.tabHasPT {
padding-top: 7.8125vw;
}
.sectionWrap .sectionInner.middlePd.tabHasPB {
padding-bottom: 7.8125vw;
}
}
@media only screen and (max-width: 767px) {
.sectionWrap .sectionInner.middlePd {
padding-top: 15.625vw;
padding-bottom: 15.625vw;
}
.sectionWrap .sectionInner.middlePd.spPTNone {
padding-top: 0;
}
.sectionWrap .sectionInner.middlePd.spPBNone {
padding-bottom: 0;
}
.sectionWrap .sectionInner.middlePd.spHasPT {
padding-top: 15.625vw;
}
.sectionWrap .sectionInner.middlePd.spHasPB {
padding-bottom: 15.625vw;
}
}
.sectionTitleWrap .sectionTitle {
font-size: 24px;
font-weight: bold;
}
@media only screen and (max-width: 767px) {
.sectionTitleWrap .sectionTitle {
font-size: 5.2083333333vw;
}
}
.sectionTitleWrap .sectionTitle + .enTitle {
margin-top: 10px;
}
@media only screen and (max-width: 767px) {
.sectionTitleWrap .sectionTitle + .enTitle {
margin-top: 1.3020833333vw;
}
}
.sectionTitleWrap .enTitle {
font-size: 14px;
font-family: aktiv-grotesk-extended, sans-serif;
font-weight: 700;
font-style: normal;
}
@media only screen and (max-width: 767px) {
.sectionTitleWrap .enTitle {
font-size: 3.125vw;
}
}
.sectionTitleWrap.titleOnlyWrap .sectionTitle {
font-size: 32px;
}
@media only screen and (max-width: 767px) {
.sectionTitleWrap.titleOnlyWrap .sectionTitle {
font-size: 6.25vw;
}
}
.sectionTitleWrap.titleOnlyWrap .sectionTitle.enTitle {
font-family: aktiv-grotesk-extended, sans-serif;
font-weight: 700;
font-style: normal;
}
@media only screen and (max-width: 767px) {
.sectionTitleWrap.titleOnlyWrap .sectionTitle.enTitle {
font-size: 8.3333333333vw;
}
}
.bg-brown {
background-color: #ddc9b5;
}
.bg-blue {
background-color: #72c5d0;
}
.bg-cream {
background-color: #f7f2ed;
}
.lineLimit1 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.lineLimit2 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.lineLimit3 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.lineLimit5 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;
}
.normalTitle {
line-height: 1.6;
font-size: 20px;
letter-spacing: 0.08em;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.normalTitle {
font-size: 2.6041666667vw;
}
}
@media only screen and (max-width: 767px) {
.normalTitle {
font-size: 5.2083333333vw;
}
}
.normalTitle.size-xxs {
line-height: 1.6;
font-size: 14px;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.normalTitle.size-xxs {
font-size: 1.5625vw;
}
}
@media only screen and (max-width: 767px) {
.normalTitle.size-xxs {
font-size: 3.125vw;
}
}
.normalTitle.size-s {
font-size: 18px;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.normalTitle.size-s {
font-size: 2.0833333333vw;
}
}
@media only screen and (max-width: 767px) {
.normalTitle.size-s {
font-size: 4.1666666667vw;
}
}
.normalTitle.size-xxl {
font-size: 32px;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.normalTitle.size-xxl {
font-size: 2.34375vw;
}
}
@media only screen and (max-width: 767px) {
.normalTitle.size-xxl {
font-size: 4.6875vw;
}
}
.wysiwygText h1 + *,
.wysiwygText h2 + *,
.wysiwygText h3 + * {
margin-top: 10px !important;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.wysiwygText h1 + *,
.wysiwygText h2 + *,
.wysiwygText h3 + * {
margin-top: 1.3020833333vw !important;
}
}
@media only screen and (max-width: 767px) {
.wysiwygText h1 + *,
.wysiwygText h2 + *,
.wysiwygText h3 + * {
margin-top: 3.90625vw !important;
}
}
.wysiwygText h4 + *,
.wysiwygText h5 + *,
.wysiwygText h6 + * {
margin-top: 8px !important;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.wysiwygText h4 + *,
.wysiwygText h5 + *,
.wysiwygText h6 + * {
margin-top: 1.0416666667vw !important;
}
}
@media only screen and (max-width: 767px) {
.wysiwygText h4 + *,
.wysiwygText h5 + *,
.wysiwygText h6 + * {
margin-top: 2.0833333333vw !important;
}
}
.wysiwygText h1 {
line-height: 1.6;
padding-bottom: 0.5em;
font-size: 28px;
font-weight: bold;
letter-spacing: 0.06em;
border-bottom: 2px solid #000;
box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.wysiwygText h1 {
font-size: 3.6458333333vw;
}
}
@media only screen and (max-width: 767px) {
.wysiwygText h1 {
font-size: 7.2916666667vw;
}
}
.wysiwygText * + h2 {
margin-top: 70px;
}
@media only screen and (max-width: 767px) {
.wysiwygText * + h2 {
margin-top: 10.4166666667vw;
}
}
.wysiwygText h2 {
line-height: 1.8;
font-size: 24px;
font-weight: bold;
box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.wysiwygText h2 {
font-size: 3.125vw;
}
}
@media only screen and (max-width: 767px) {
.wysiwygText h2 {
font-size: 4.6875vw;
}
}
.wysiwygText * + h3,
.wysiwygText * + h4,
.wysiwygText * + h5,
.wysiwygText * + h6 {
margin-top: 40px;
}
@media only screen and (max-width: 767px) {
.wysiwygText * + h3,
.wysiwygText * + h4,
.wysiwygText * + h5,
.wysiwygText * + h6 {
margin-top: 6.5104166667vw;
}
}
.wysiwygText * + p {
margin-top: 1.75em;
}
.wysiwygText h3,
.wysiwygText h4 {
line-height: 1.8;
font-size: 20px;
font-weight: bold;
box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.wysiwygText h3,
.wysiwygText h4 {
font-size: 2.6041666667vw;
}
}
@media only screen and (max-width: 767px) {
.wysiwygText h3,
.wysiwygText h4 {
font-size: 4.1666666667vw;
}
}
.wysiwygText h3.largeTitle,
.wysiwygText h4.largeTitle {
font-size: 24px;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.wysiwygText h3.largeTitle,
.wysiwygText h4.largeTitle {
font-size: 3.125vw;
}
}
@media only screen and (max-width: 767px) {
.wysiwygText h3.largeTitle,
.wysiwygText h4.largeTitle {
font-size: 4.6875vw;
}
}
.wysiwygText h5,
.wysiwygText h6 {
line-height: 1.8;
font-size: 16px;
font-weight: bold;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.wysiwygText h5,
.wysiwygText h6 {
font-size: 2.0833333333vw;
}
}
@media only screen and (max-width: 767px) {
.wysiwygText h5,
.wysiwygText h6 {
font-size: 4.1666666667vw;
}
}
.wysiwygText p {
line-height: 1.8;
font-size: 16px;
letter-spacing: 0.02em;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.wysiwygText p {
font-size: 1.8229166667vw;
}
}
@media only screen and (max-width: 767px) {
.wysiwygText p {
font-size: 3.6458333333vw;
}
}
.wysiwygText a {
line-height: 2;
letter-spacing: 0.02em;
text-decoration: underline;
font-size: 16px;
color: #0cb4ce;
}
.wysiwygText a:visited, .wysiwygText a:focus, .wysiwygText a:active {
color: #0cb4ce;
}
@media only screen and (min-width: 1080px) {
.wysiwygText a:hover {
text-decoration: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.wysiwygText a {
font-size: 1.8229166667vw;
}
}
@media only screen and (max-width: 767px) {
.wysiwygText a {
font-size: 3.6458333333vw;
}
}
@media only screen and (min-width: 1080px) {
.wysiwygText a[href^="tel:"] {
text-decoration: none;
color: #221e1f;
}
}
.wysiwygText a[target=_blank]:after {
width: 0.7em;
height: 0.7em;
content: "";
margin-left: 0.2em;
display: inline-block;
vertical-align: super;
background-color: currentColor;
-webkit-mask-image: url('data:image/svg+xml;utf-8,');
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center center;
-webkit-mask-size: contain;
mask-image: url('data:image/svg+xml;utf-8,');
mask-repeat: no-repeat;
mask-position: center center;
mask-size: contain;
}
.wysiwygText b,
.wysiwygText em,
.wysiwygText strong {
font-weight: bold;
}
.wysiwygText em {
font-style: italic;
}
.wysiwygText sup,
.wysiwygText sub {
font-size: 80%;
}
.wysiwygText sup {
vertical-align: super;
}
.wysiwygText sub {
vertical-align: sub;
}
.wysiwygText img.alignleft {
padding-right: 30px;
padding-bottom: 30px;
float: left;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.wysiwygText img.alignleft {
padding-right: 2.6041666667vw;
padding-bottom: 2.6041666667vw;
}
}
@media only screen and (max-width: 767px) {
.wysiwygText img.alignleft {
padding: 0;
padding-bottom: 5.2083333333vw;
margin-left: auto;
margin-right: auto;
float: none;
display: block;
}
}
.wysiwygText img.alignright {
padding-bottom: 30px;
padding-left: 30px;
float: right;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.wysiwygText img.alignright {
padding-bottom: 2.6041666667vw;
padding-left: 2.6041666667vw;
}
}
@media only screen and (max-width: 767px) {
.wysiwygText img.alignright {
padding: 0;
padding-bottom: 5.2083333333vw;
margin-left: auto;
margin-right: auto;
float: none;
display: block;
}
}
.wysiwygText img.aligncenter {
padding-bottom: 30px;
margin-left: auto;
margin-right: auto;
clear: both;
display: block;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.wysiwygText img.aligncenter {
padding-bottom: 2.6041666667vw;
}
}
@media only screen and (max-width: 767px) {
.wysiwygText img.aligncenter {
padding: 0;
padding-bottom: 5.2083333333vw;
margin-left: auto;
margin-right: auto;
float: none;
}
}
.wysiwygText hr {
width: 100%;
height: 2px;
border: none;
background-color: #ccc;
display: block;
}
.wysiwygText blockquote {
width: 100%;
line-height: 2;
padding: 40px;
font-size: 16px;
letter-spacing: 0.02em;
color: #6a6a6a;
background-color: #eee;
display: block;
position: relative;
box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.wysiwygText blockquote {
padding: 5.2083333333vw;
font-size: 1.8229166667vw;
}
}
@media only screen and (max-width: 767px) {
.wysiwygText blockquote {
padding: 10.4166666667vw;
font-size: 3.6458333333vw;
}
}
.wysiwygText blockquote * {
color: inherit;
}
.wysiwygText blockquote:before, .wysiwygText blockquote:after {
width: 21px;
height: 16px;
content: "";
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
display: block;
position: absolute;
top: auto;
right: auto;
bottom: auto;
left: auto;
z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.wysiwygText blockquote:before, .wysiwygText blockquote:after {
width: 2.734375vw;
height: 2.0833333333vw;
}
}
@media only screen and (max-width: 767px) {
.wysiwygText blockquote:before, .wysiwygText blockquote:after {
width: 5.46875vw;
height: 4.1666666667vw;
}
}
.wysiwygText blockquote:before {
background-image: url("../image/quate_top_2x.png");
top: 13px;
left: 13px;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.wysiwygText blockquote:before {
top: 1.6927083333vw;
left: 1.6927083333vw;
}
}
@media only screen and (max-width: 767px) {
.wysiwygText blockquote:before {
top: 3.3854166667vw;
left: 3.3854166667vw;
}
}
.wysiwygText blockquote:after {
background-image: url("../image/quate_bottom_2x.png");
right: 20px;
bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.wysiwygText blockquote:after {
right: 2.6041666667vw;
bottom: 2.6041666667vw;
}
}
@media only screen and (max-width: 767px) {
.wysiwygText blockquote:after {
right: 5.2083333333vw;
bottom: 5.2083333333vw;
}
}
.wysiwygText blockquote > * {
margin-top: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.wysiwygText blockquote > * {
margin-top: 2.0833333333vw;
}
}
@media only screen and (max-width: 767px) {
.wysiwygText blockquote > * {
margin-top: 4.1666666667vw;
}
}
.wysiwygText blockquote > *:first-child {
margin-top: 0;
}
.wysiwygText blockquote p {
line-height: 2;
position: relative;
z-index: 2;
}
.wysiwygText ul {
line-height: 2;
padding-left: 1.75em;
list-style: disc;
font-size: 16px;
letter-spacing: 0.02em;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.wysiwygText ul {
font-size: 1.8229166667vw;
}
}
@media only screen and (max-width: 767px) {
.wysiwygText ul {
font-size: 3.6458333333vw;
}
}
.wysiwygText ul li {
list-style: disc;
}
.wysiwygText ol {
line-height: 2;
padding-left: 1.2em;
list-style: decimal;
font-size: 16px;
letter-spacing: 0.02em;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.wysiwygText ol {
font-size: 1.8229166667vw;
}
}
@media only screen and (max-width: 767px) {
.wysiwygText ol {
font-size: 3.6458333333vw;
}
}
.wysiwygText ol li {
list-style: decimal;
}
.wysiwygText li {
line-height: 2;
margin-top: 0.5em;
font-size: inherit;
letter-spacing: 0.02em;
}
.wysiwygText li:first-child {
margin-top: 0;
}
.wysiwygText li li {
margin-top: 0;
}
.wysiwygText iframe,
.wysiwygText video {
max-width: 100% !important;
}
@media only screen and (max-width: 767px) {
.wysiwygText iframe,
.wysiwygText video {
width: 100% !important;
height: 56.25vw !important;
}
}
.wysiwygText table {
width: 100%;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #ccc;
}
@media only screen and (max-width: 47.9375em) {
.wysiwygText table {
margin-bottom: 27px;
}
}
@media print, screen and (min-width: 48em) {
.wysiwygText table {
margin-bottom: 26px;
}
}
.wysiwygText table tr > :first-child {
background-color: #f5f5f5;
font-weight: 700;
}
.wysiwygText table th {
background-color: #f5f5f5;
white-space: nowrap;
line-height: 1.25;
vertical-align: top;
padding: 17px 20px 16px;
font-size: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.wysiwygText table th {
font-size: 1.8229166667vw;
}
}
@media only screen and (max-width: 767px) {
.wysiwygText table th {
font-size: 3.6458333333vw;
}
}
@media only screen and (max-width: 47.9375em) {
.wysiwygText table th {
display: block;
}
}
.wysiwygText table td {
line-height: 1.7;
padding: 13px 20px 14px;
font-size: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.wysiwygText table td {
font-size: 1.8229166667vw;
}
}
@media only screen and (max-width: 767px) {
.wysiwygText table td {
font-size: 3.6458333333vw;
}
}
@media only screen and (max-width: 47.9375em) {
.wysiwygText table td {
display: block;
}
}
@media only screen and (max-width: 47.9375em) {
.wysiwygText table td img {
max-width: 50px;
}
}
@media print, screen and (min-width: 48em) {
.wysiwygText table td img {
max-width: 100px;
}
}
.wysiwygText table tr {
vertical-align: top;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #ccc;
}
@media print, screen and (min-width: 48em) {
.wysiwygText table .w150 {
width: 150px;
}
}
.customBlockText .mce-menubar.mce-toolbar.mce-first {
display: none !important;
}
.wp-admin .customBlockText .wp-block[data-align=left], .wp-admin .customBlockText .wp-block[data-align=right] {
height: auto;
}
.customBlockText h1 + *,
.customBlockText h2 + *,
.customBlockText h3 + * {
margin-top: 15px !important;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText h1 + *,
.customBlockText h2 + *,
.customBlockText h3 + * {
margin-top: 1.953125vw !important;
}
}
@media only screen and (max-width: 767px) {
.customBlockText h1 + *,
.customBlockText h2 + *,
.customBlockText h3 + * {
margin-top: 3.90625vw !important;
}
}
.customBlockText h4 + *,
.customBlockText h5 + *,
.customBlockText h6 + * {
margin-top: 8px !important;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText h4 + *,
.customBlockText h5 + *,
.customBlockText h6 + * {
margin-top: 1.0416666667vw !important;
}
}
@media only screen and (max-width: 767px) {
.customBlockText h4 + *,
.customBlockText h5 + *,
.customBlockText h6 + * {
margin-top: 2.0833333333vw !important;
}
}
.customBlockText h1 {
line-height: 1.6;
padding-bottom: 0.5em;
font-size: 28px;
font-weight: bold;
letter-spacing: 0.06em;
border-bottom: 2px solid #000;
box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText h1 {
font-size: 3.6458333333vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText h1 {
font-size: 7.2916666667vw;
}
}
.customBlockText h2 {
line-height: 1.6;
padding: 0.8em 1em;
font-size: 24px;
font-weight: bold;
letter-spacing: 0.06em;
background-color: #eee;
box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText h2 {
font-size: 3.125vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText h2 {
font-size: 6.25vw;
}
}
.customBlockText h3 {
line-height: 1.6;
padding-left: 0.3em;
border-left: 3px solid #000;
font-size: 24px;
font-weight: bold;
letter-spacing: 0.06em;
box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText h3 {
font-size: 3.125vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText h3 {
font-size: 6.25vw;
}
}
.customBlockText h4 {
line-height: 1.8;
font-size: 18px;
font-weight: bold;
letter-spacing: 0.06em;
box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText h4 {
font-size: 2.34375vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText h4 {
font-size: 4.6875vw;
}
}
.customBlockText h5 {
line-height: 1.8;
font-size: 16px;
font-weight: bold;
letter-spacing: 0.06em;
box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText h5 {
line-height: 1.6;
font-size: 2.0833333333vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText h5 {
line-height: 1.6;
font-size: 4.1666666667vw;
}
}
.customBlockText h6 {
line-height: 2;
font-size: 14px;
font-weight: bold;
letter-spacing: 0.06em;
box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText h6 {
line-height: 1.8;
font-size: 1.8229166667vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText h6 {
line-height: 1.8;
font-size: 3.6458333333vw;
}
}
.customBlockText p {
line-height: 2;
font-size: 16px;
letter-spacing: 0.02em;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText p {
font-size: 2.0833333333vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText p {
font-size: 4.1666666667vw;
}
}
.customBlockText a {
line-height: 2;
letter-spacing: 0.02em;
text-decoration: underline;
font-size: 16px;
color: #0cb4ce;
}
.customBlockText a:visited, .customBlockText a:focus, .customBlockText a:active {
color: #0cb4ce;
}
@media only screen and (min-width: 1080px) {
.customBlockText a:hover {
text-decoration: none;
}
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText a {
font-size: 2.0833333333vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText a {
font-size: 4.1666666667vw;
}
}
.customBlockText a[target=_blank]:after {
width: 0.7em;
height: 0.7em;
content: "";
margin-left: 0.2em;
display: inline-block;
vertical-align: super;
background-color: currentColor;
-webkit-mask-image: url('data:image/svg+xml;utf-8,');
mask-image: url('data:image/svg+xml;utf-8,');
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-size: contain;
mask-size: contain;
}
.customBlockText b,
.customBlockText em,
.customBlockText strong {
font-weight: bold;
}
.customBlockText em {
font-style: italic;
}
.customBlockText sup,
.customBlockText sub {
font-size: 80%;
}
.customBlockText sup {
vertical-align: super;
}
.customBlockText sub {
vertical-align: sub;
}
.customBlockText blockquote {
width: 100%;
line-height: 2;
padding: 40px;
font-size: 16px;
letter-spacing: 0.02em;
color: #6a6a6a;
background-color: #eee;
display: block;
position: relative;
box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText blockquote {
padding: 5.2083333333vw;
font-size: 2.0833333333vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText blockquote {
padding: 10.4166666667vw;
font-size: 4.1666666667vw;
}
}
.customBlockText blockquote * {
color: inherit;
}
.customBlockText blockquote:before, .customBlockText blockquote:after {
width: 21px;
height: 16px;
content: "";
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
display: block;
position: absolute;
top: auto;
right: auto;
bottom: auto;
left: auto;
z-index: 1;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText blockquote:before, .customBlockText blockquote:after {
width: 2.734375vw;
height: 2.0833333333vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText blockquote:before, .customBlockText blockquote:after {
width: 5.46875vw;
height: 4.1666666667vw;
}
}
.customBlockText blockquote:before {
background-image: url("../image/quate_top_2x.png");
top: 13px;
left: 13px;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText blockquote:before {
top: 1.6927083333vw;
left: 1.6927083333vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText blockquote:before {
top: 3.3854166667vw;
left: 3.3854166667vw;
}
}
.customBlockText blockquote:after {
background-image: url("../image/quate_bottom_2x.png");
right: 20px;
bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText blockquote:after {
right: 2.6041666667vw;
bottom: 2.6041666667vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText blockquote:after {
right: 5.2083333333vw;
bottom: 5.2083333333vw;
}
}
.customBlockText blockquote > * {
margin-top: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText blockquote > * {
margin-top: 2.0833333333vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText blockquote > * {
margin-top: 4.1666666667vw;
}
}
.customBlockText blockquote > *:first-child {
margin-top: 0;
}
.customBlockText blockquote p {
line-height: 2;
position: relative;
z-index: 2;
}
.customBlockText blockquote cite,
.customBlockText blockquote .wp-block-quote__citation {
width: 100%;
line-height: 2;
font-size: 14px;
letter-spacing: 0.02em;
text-align: right;
display: block;
box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText blockquote cite,
.customBlockText blockquote .wp-block-quote__citation {
line-height: 1.8;
font-size: 1.8229166667vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText blockquote cite,
.customBlockText blockquote .wp-block-quote__citation {
line-height: 1.8;
font-size: 3.6458333333vw;
}
}
.customBlockText ul {
line-height: 2;
padding-left: 1.2em;
list-style: disc;
font-size: 16px;
letter-spacing: 0.02em;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText ul {
font-size: 2.0833333333vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText ul {
font-size: 4.1666666667vw;
}
}
.customBlockText ul li {
list-style: disc;
}
.customBlockText ol {
line-height: 2;
padding-left: 1.2em;
list-style: decimal;
font-size: 16px;
letter-spacing: 0.02em;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText ol {
font-size: 2.0833333333vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText ol {
font-size: 4.1666666667vw;
}
}
.customBlockText ol li {
list-style: decimal;
}
.customBlockText li {
line-height: 2;
margin-top: 0.5em;
font-size: inherit;
letter-spacing: 0.02em;
}
.customBlockText li:first-child {
margin-top: 0;
}
.customBlockText li li {
margin-top: 0;
}
.customBlockText pre.wp-block-code {
width: 100%;
padding: 30px;
border: 1px solid #ddd;
background-color: #f8f8f8;
border-radius: 6px;
box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText pre.wp-block-code {
padding: 3.90625vw;
border-radius: 0.78125vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText pre.wp-block-code {
padding: 7.8125vw;
border-radius: 1.5625vw;
}
}
.customBlockText pre.wp-block-code code {
line-height: 2;
font-size: 16px;
color: #333;
letter-spacing: 0.02em;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText pre.wp-block-code code {
font-size: 2.0833333333vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText pre.wp-block-code code {
font-size: 4.1666666667vw;
}
}
.wp-admin .customBlockText .wp-block[data-align=left] .wp-block-table {
width: auto;
margin-right: auto;
margin-left: 0;
float: none;
}
.wp-admin .customBlockText .wp-block[data-align=left] table {
margin-right: auto;
margin-left: 0;
}
.wp-admin .customBlockText .wp-block[data-align=center] .wp-block-table {
width: auto;
margin-right: auto;
margin-left: auto;
float: none;
}
.wp-admin .customBlockText .wp-block[data-align=center] table {
margin-right: auto;
margin-left: auto;
}
.wp-admin .customBlockText .wp-block[data-align=right] .wp-block-table {
width: auto;
margin-right: 0;
margin-left: auto;
float: none;
}
.wp-admin .customBlockText .wp-block[data-align=right] table {
margin-right: 0;
margin-left: auto;
}
.customBlockText .wp-block-table {
width: 100%;
margin-right: auto;
margin-left: auto;
border-bottom: none;
display: block;
overflow: auto;
clear: both;
box-sizing: border-box;
}
.customBlockText .wp-block-table .alignleft {
margin-top: 0;
margin-bottom: 0;
margin-right: auto;
float: none;
}
.customBlockText .wp-block-table .aligncenter {
margin: 0 auto;
float: none;
}
.customBlockText .wp-block-table .alignright {
margin-top: 0;
margin-bottom: 0;
margin-left: auto;
float: none;
}
.customBlockText .wp-block-table > * {
margin-top: 6px;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .wp-block-table > * {
margin-top: 0.78125vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .wp-block-table > * {
margin-top: 1.5625vw;
}
}
.customBlockText .wp-block-table > *:first-child {
margin-top: 0;
}
.customBlockText .wp-block-table table {
font-size: 16px;
letter-spacing: 0.02em;
border-collapse: collapse;
border-spacing: 0;
border: 1px solid #ccc;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .wp-block-table table {
font-size: 2.0833333333vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .wp-block-table table {
font-size: 4.1666666667vw;
}
}
.customBlockText .wp-block-table table th {
line-height: 1.8;
padding: 1em;
font-size: inherit;
letter-spacing: 0.02em;
border: 1px solid #ccc;
box-sizing: border-box;
}
.customBlockText .wp-block-table table td {
line-height: 1.8;
padding: 1em;
font-size: inherit;
letter-spacing: 0.02em;
border: 1px solid #ccc;
box-sizing: border-box;
}
.customBlockText .wp-block-table thead th,
.customBlockText .wp-block-table thead td {
background-color: #eee;
}
.customBlockText .wp-block-table tfoot th,
.customBlockText .wp-block-table tfoot td {
background-color: #eee;
}
.customBlockText .wp-block-table figcaption {
width: 100%;
line-height: 1.8;
font-size: 14px;
text-align: right;
color: #666;
letter-spacing: 0.02em;
display: block;
box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .wp-block-table figcaption {
font-size: 1.8229166667vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .wp-block-table figcaption {
font-size: 3.6458333333vw;
}
}
.wp-admin .customBlockText .wp-block[data-align=left] .wp-block-image {
width: auto;
margin-right: auto;
margin-left: 0;
float: none;
}
.wp-admin .customBlockText .wp-block[data-align=center] .wp-block-image {
width: auto;
margin-right: auto;
margin-left: auto;
float: none;
}
.wp-admin .customBlockText .wp-block[data-align=right] .wp-block-image {
width: auto;
margin-right: 0;
margin-left: auto;
float: none;
}
.customBlockText .wp-block-image {
width: 100%;
padding: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
clear: both;
box-sizing: border-box;
}
.customBlockText .wp-block-image.is-style-rounded img {
border-radius: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .wp-block-image.is-style-rounded img {
border-radius: 1.3020833333vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .wp-block-image.is-style-rounded img {
border-radius: 2.6041666667vw;
}
}
.customBlockText .wp-block-image .alignleft {
margin-top: 0;
margin-bottom: 0;
margin-right: auto;
float: none;
}
.customBlockText .wp-block-image .aligncenter {
margin: 0 auto;
float: none;
}
.customBlockText .wp-block-image .alignright {
margin-top: 0;
margin-bottom: 0;
margin-left: auto;
float: none;
}
.customBlockText .wp-block-image > img {
max-width: 100%;
}
.customBlockText .wp-block-image figcaption {
width: 100%;
line-height: 1.8;
padding: 0;
margin: 0;
margin-top: 6px;
text-align: center;
font-size: 14px;
color: #666;
letter-spacing: 0.02em;
display: block;
box-sizing: border-box;
}
.customBlockText .wp-block-image figcaption:first-child {
margin-top: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .wp-block-image figcaption {
margin-top: 0.78125vw;
font-size: 1.8229166667vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .wp-block-image figcaption {
margin-top: 1.5625vw;
font-size: 3.6458333333vw;
}
}
.customBlockText iframe,
.customBlockText video {
max-width: 100% !important;
}
@media only screen and (max-width: 767px) {
.customBlockText iframe,
.customBlockText video {
width: 100% !important;
height: 56.25vw !important;
}
}
.customBlockText .wp-block-video figcaption {
width: 100%;
line-height: 1.8;
padding: 0;
margin: 0;
margin-top: 6px;
text-align: center;
font-size: 14px;
color: #666;
letter-spacing: 0.02em;
display: block;
box-sizing: border-box;
}
.customBlockText .wp-block-video figcaption:first-child {
margin-top: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .wp-block-video figcaption {
margin-top: 0.78125vw;
font-size: 1.8229166667vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .wp-block-video figcaption {
margin-top: 1.5625vw;
font-size: 3.6458333333vw;
}
}
.customBlockText hr.wp-block-separator {
width: 100%;
height: 2px;
margin-right: auto;
margin-left: auto;
border: 0;
display: block;
box-sizing: border-box;
}
.customBlockText hr.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: 100px;
}
.customBlockText hr.wp-block-separator.is-style-dots {
width: 100%;
max-width: none;
height: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText hr.wp-block-separator.is-style-dots {
height: 5.2083333333vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText hr.wp-block-separator.is-style-dots {
height: 10.4166666667vw;
}
}
.customBlockText hr.wp-block-separator.is-style-dots:before {
content: "···";
font-size: 40px;
letter-spacing: 1em;
padding-left: 1em;
font-family: serif;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText hr.wp-block-separator.is-style-dots:before {
font-size: 5.2083333333vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText hr.wp-block-separator.is-style-dots:before {
font-size: 10.4166666667vw;
}
}
.customBlockText hr.wp-block-separator:not(.has-background) {
background-color: #ccc;
}
.customBlockText hr.wp-block-separator:not(.has-background).is-style-dots:before {
color: #ccc;
}
.customBlockText .textArea .text {
line-height: 2;
font-size: 16px;
letter-spacing: 0.02em;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .textArea .text {
font-size: 2.0833333333vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .textArea .text {
font-size: 4.1666666667vw;
}
}
.customBlockText .blockIntroTextArea {
width: 100%;
box-sizing: border-box;
}
.customBlockText .blockIntroTextArea + .blockIntroTextArea {
margin-top: 16px !important;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockIntroTextArea + .blockIntroTextArea {
margin-top: 2.0833333333vw !important;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockIntroTextArea + .blockIntroTextArea {
margin-top: 4.1666666667vw !important;
}
}
.customBlockText .blockIntroTextArea .blockIntroText > * {
margin-top: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockIntroTextArea .blockIntroText > * {
margin-top: 2.0833333333vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockIntroTextArea .blockIntroText > * {
margin-top: 4.1666666667vw;
}
}
.customBlockText .blockIntroTextArea .blockIntroText > *:first-child {
margin-top: 0;
}
.customBlockText .blockIntroTextArea .blockIntroText p {
line-height: 2;
font-size: 18px;
letter-spacing: 0.02em;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockIntroTextArea .blockIntroText p {
font-size: 2.34375vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockIntroTextArea .blockIntroText p {
font-size: 4.6875vw;
}
}
.customBlockText .blockProfileArea {
width: 100%;
box-sizing: border-box;
}
.customBlockText .blockProfileArea + .blockProfileArea {
margin-top: 16px !important;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockProfileArea + .blockProfileArea {
margin-top: 2.0833333333vw !important;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockProfileArea + .blockProfileArea {
margin-top: 4.1666666667vw !important;
}
}
.customBlockText .blockProfileArea .blockProfileList > * {
margin-top: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockProfileArea .blockProfileList > * {
margin-top: sizetab(16);
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockProfileArea .blockProfileList > * {
margin-top: 4.1666666667vw;
}
}
.customBlockText .blockProfileArea .blockProfileList > *:first-child {
margin-top: 0;
}
.customBlockText .blockProfileArea .blockProfile {
width: 100%;
padding: 30px;
background-color: #eee;
box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockProfileArea .blockProfile {
padding: 3.90625vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockProfileArea .blockProfile {
width: 100vw;
padding: 7.8125vw 5.2083333333vw;
margin-left: -5vw;
}
}
.customBlockText .blockProfileArea .blockProfile .blockProfileInner {
width: 100%;
display: flex;
align-items: stretch;
justify-content: space-between;
box-sizing: border-box;
}
.customBlockText .blockProfileArea .blockProfile .photo {
width: 180px;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockProfileArea .blockProfile .photo {
width: 15.625vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockProfileArea .blockProfile .photo {
width: 26.0416666667vw;
}
}
.customBlockText .blockProfileArea .blockProfile .photo > .img {
width: 100%;
box-sizing: border-box;
}
.customBlockText .blockProfileArea .blockProfile .photo > .img > img {
width: 100%;
max-width: none;
margin-right: auto;
margin-left: auto;
display: block;
}
.customBlockText .blockProfileArea .blockProfile .detail {
width: calc(100% - 200px);
box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockProfileArea .blockProfile .detail {
width: calc(100% - (18.2291666667vw));
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockProfileArea .blockProfile .detail {
width: calc(100% - (31.25vw));
}
}
.customBlockText .blockProfileArea .blockProfile .detail > * {
margin-top: 12px;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockProfileArea .blockProfile .detail > * {
margin-top: 1.5625vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockProfileArea .blockProfile .detail > * {
margin-top: 3.125vw;
}
}
.customBlockText .blockProfileArea .blockProfile .detail > *:first-child {
margin-top: 0;
}
.customBlockText .blockProfileArea .blockProfile .detail .titleArea .profileTitle {
line-height: 1;
font-size: 16px;
font-weight: bold;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockProfileArea .blockProfile .detail .titleArea .profileTitle {
font-size: 2.0833333333vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockProfileArea .blockProfile .detail .titleArea .profileTitle {
font-size: 4.1666666667vw;
}
}
.customBlockText .blockProfileArea .blockProfile .detail .nameArea > p {
line-height: 1.4;
font-size: 14px;
display: flex;
align-items: stretch;
justify-content: flex-start;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockProfileArea .blockProfile .detail .nameArea > p {
font-size: 1.8229166667vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockProfileArea .blockProfile .detail .nameArea > p {
line-height: 1.8;
font-size: 3.6458333333vw;
flex-wrap: wrap;
}
}
.customBlockText .blockProfileArea .blockProfile .detail .nameArea > p .name {
font-weight: bold;
white-space: nowrap;
}
.customBlockText .blockProfileArea .blockProfile .detail .nameArea > p .katagaki {
margin-left: 0.5em;
}
.customBlockText .blockProfileArea .blockProfile .detail .nameArea > p .katagaki:before {
content: "/";
margin-right: 0.5em;
}
@media only screen and (max-width: 767px) {
.customBlockText .blockProfileArea .blockProfile .textArea {
margin-top: 4.1666666667vw;
}
}
.customBlockText .blockProfileArea .blockProfile .textArea .profileText {
line-height: 1.6;
font-size: 14px;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockProfileArea .blockProfile .textArea .profileText {
font-size: 1.8229166667vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockProfileArea .blockProfile .textArea .profileText {
line-height: 1.8;
font-size: 3.6458333333vw;
}
}
.customBlockText .blockProfileArea .blockProfile .textArea .profileText * {
line-height: inherit;
font-size: inherit;
}
.customBlockText .blockIndexArea {
width: 100%;
box-sizing: border-box;
}
.customBlockText .blockIndexArea + .blockIndexArea {
margin-top: 16px !important;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockIndexArea + .blockIndexArea {
margin-top: 2.0833333333vw !important;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockIndexArea + .blockIndexArea {
margin-top: 4.1666666667vw !important;
}
}
.customBlockText .blockIndexArea .blockIndexWrap {
width: 100%;
padding: 30px;
background-color: #eee;
box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockIndexArea .blockIndexWrap {
padding: 2.6041666667vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockIndexArea .blockIndexWrap {
width: 100vw;
padding: 5.2083333333vw;
margin-left: -5vw;
}
}
.customBlockText .blockIndexArea .blockIndexWrap > dl {
width: 100%;
box-sizing: border-box;
}
.customBlockText .blockIndexArea .blockIndexWrap > dl > dt {
width: 100%;
box-sizing: border-box;
}
.customBlockText .blockIndexArea .blockIndexWrap > dl > dt > .blockIndexAcrBtn {
width: 100%;
display: block;
text-decoration: none;
box-sizing: border-box;
position: relative;
color: #000;
}
.customBlockText .blockIndexArea .blockIndexWrap > dl > dt > .blockIndexAcrBtn:visited, .customBlockText .blockIndexArea .blockIndexWrap > dl > dt > .blockIndexAcrBtn:focus, .customBlockText .blockIndexArea .blockIndexWrap > dl > dt > .blockIndexAcrBtn:active {
color: #000;
}
.customBlockText .blockIndexArea .blockIndexWrap > dl > dt > .blockIndexAcrBtn.active:after {
transform: translateY(-50%) rotate(180deg);
}
.customBlockText .blockIndexArea .blockIndexWrap > dl > dt > .blockIndexAcrBtn:after {
width: 18px;
height: 9px;
content: "";
display: block;
background-color: currentColor;
-webkit-mask-image: url('data:image/svg+xml;utf-8,');
mask-image: url('data:image/svg+xml;utf-8,');
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-size: contain;
mask-size: contain;
transition-property: transform;
transition-duration: 0.3s;
transition-timing-function: ease;
transition-delay: 0s;
transform: translateY(-50%) rotate(0deg);
position: absolute;
top: 50%;
right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockIndexArea .blockIndexWrap > dl > dt > .blockIndexAcrBtn:after {
width: 2.34375vw;
height: 1.171875vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockIndexArea .blockIndexWrap > dl > dt > .blockIndexAcrBtn:after {
width: 4.6875vw;
height: 2.34375vw;
}
}
.customBlockText .blockIndexArea .blockIndexWrap > dl > dt > .blockIndexAcrBtn > span {
line-height: 1;
margin-left: 1em;
font-weight: bold;
display: inline-block;
vertical-align: middle;
}
.customBlockText .blockIndexArea .blockIndexWrap > dl > dt > .blockIndexAcrBtn > span:first-child {
margin-left: 0;
}
.customBlockText .blockIndexArea .blockIndexWrap > dl > dt > .blockIndexAcrBtn .en {
font-size: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockIndexArea .blockIndexWrap > dl > dt > .blockIndexAcrBtn .en {
font-size: 3.90625vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockIndexArea .blockIndexWrap > dl > dt > .blockIndexAcrBtn .en {
font-size: 7.8125vw;
}
}
.customBlockText .blockIndexArea .blockIndexWrap > dl > dt > .blockIndexAcrBtn .jp {
margin-top: 0.5em;
font-size: 14px;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockIndexArea .blockIndexWrap > dl > dt > .blockIndexAcrBtn .jp {
font-size: 1.8229166667vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockIndexArea .blockIndexWrap > dl > dt > .blockIndexAcrBtn .jp {
font-size: 3.6458333333vw;
}
}
.customBlockText .blockIndexArea .blockIndexWrap > dl > dd {
width: 100%;
margin-top: 35px;
box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockIndexArea .blockIndexWrap > dl > dd {
margin-top: 4.5572916667vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockIndexArea .blockIndexWrap > dl > dd {
margin-top: 9.1145833333vw;
}
}
.wp-admin .customBlockText .blockIndexArea .blockIndexWrap > dl > dd {
display: block;
}
.customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndexList {
width: 100%;
box-sizing: border-box;
}
.customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndexList > * {
margin-top: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndexList > * {
margin-top: 3.90625vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndexList > * {
margin-top: 7.8125vw;
}
}
.customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndexList > *:first-child {
margin-top: 0;
}
.customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndex {
width: 100%;
box-sizing: border-box;
}
.customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndex > * {
margin-top: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndex > * {
margin-top: 2.6041666667vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndex > * {
margin-top: 5.2083333333vw;
}
}
.customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndex > *:first-child {
margin-top: 0;
}
.customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndex .titleArea .blockIndexTitle {
width: 100%;
line-height: 1.6;
font-size: 18px;
font-weight: bold;
display: block;
text-decoration: none;
box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndex .titleArea .blockIndexTitle {
font-size: 2.34375vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndex .titleArea .blockIndexTitle {
font-size: 4.6875vw;
}
}
.customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndex .titleArea a.blockIndexTitle {
text-decoration: underline;
color: #000;
}
.customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndex .titleArea a.blockIndexTitle:visited, .customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndex .titleArea a.blockIndexTitle:focus, .customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndex .titleArea a.blockIndexTitle:active {
color: #000;
}
@media only screen and (min-width: 1080px) {
.customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndex .titleArea a.blockIndexTitle:hover {
text-decoration: none;
}
}
.customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndex .indexLinkList {
width: 100%;
box-sizing: border-box;
}
.customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndex .indexLinkList.noIndent > ul > li {
padding-left: 0;
}
.customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndex .indexLinkList > ul {
width: 100%;
padding-left: 0;
list-style: none;
box-sizing: border-box;
}
.customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndex .indexLinkList > ul > li {
line-height: 1.6;
padding-left: 1em;
margin-top: 20px;
list-style: none;
font-size: 18px;
box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndex .indexLinkList > ul > li {
margin-top: 2.6041666667vw;
font-size: 2.34375vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndex .indexLinkList > ul > li {
margin-top: 5.2083333333vw;
font-size: 4.6875vw;
}
}
.customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndex .indexLinkList > ul > li:first-child {
margin-top: 0;
}
.customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndex .indexLinkList > ul > li > a,
.customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndex .indexLinkList > ul > li > span {
line-height: inherit;
font-size: inherit;
color: #000;
}
.customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndex .indexLinkList > ul > li > a:visited, .customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndex .indexLinkList > ul > li > a:focus, .customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndex .indexLinkList > ul > li > a:active,
.customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndex .indexLinkList > ul > li > span:visited,
.customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndex .indexLinkList > ul > li > span:focus,
.customBlockText .blockIndexArea .blockIndexWrap > dl > dd .blockIndex .indexLinkList > ul > li > span:active {
color: #000;
}
.customBlockText .blockRelatedArea {
width: 100%;
box-sizing: border-box;
}
.customBlockText .blockRelatedArea + .blockRelatedArea {
margin-top: 16px !important;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockRelatedArea + .blockRelatedArea {
margin-top: 2.0833333333vw !important;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockRelatedArea + .blockRelatedArea {
margin-top: 4.1666666667vw !important;
}
}
.customBlockText .blockRelatedArea > * {
margin-top: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockRelatedArea > * {
margin-top: 2.0833333333vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockRelatedArea > * {
margin-top: 4.1666666667vw;
}
}
.customBlockText .blockRelatedArea > *:first-child {
margin-top: 0;
}
.customBlockText .blockRelatedArea .blockRelatedList {
width: 100%;
box-sizing: border-box;
}
.customBlockText .blockRelatedArea .blockRelatedList > * {
margin-top: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockRelatedArea .blockRelatedList > * {
margin-top: 2.0833333333vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockRelatedArea .blockRelatedList > * {
margin-top: 4.1666666667vw;
}
}
.customBlockText .blockRelatedArea .blockRelatedList > *:first-child {
margin-top: 0;
}
.customBlockText .blockRelatedArea .blockRelatedList .blockRelated {
width: 100%;
padding: 40px 30px;
border: 1px solid #eee;
box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockRelatedArea .blockRelatedList .blockRelated {
padding: 2.6041666667vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockRelatedArea .blockRelatedList .blockRelated {
padding: 5.2083333333vw;
}
}
.customBlockText .blockRelatedArea .blockRelatedList .blockRelated > dl {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
.customBlockText .blockRelatedArea .blockRelatedList .blockRelated > dl {
flex-wrap: wrap;
}
}
.customBlockText .blockRelatedArea .blockRelatedList .blockRelated > dl > dt {
width: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockRelatedArea .blockRelatedList .blockRelated > dl > dt {
width: 13.0208333333vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockRelatedArea .blockRelatedList .blockRelated > dl > dt {
width: 100%;
}
}
.customBlockText .blockRelatedArea .blockRelatedList .blockRelated > dl > dt .titleLabel {
width: 100%;
line-height: 1;
padding: 1em 2em;
text-align: center;
font-size: 12px;
color: #fff;
display: block;
background-color: #898989;
box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockRelatedArea .blockRelatedList .blockRelated > dl > dt .titleLabel {
font-size: 1.5625vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockRelatedArea .blockRelatedList .blockRelated > dl > dt .titleLabel {
width: auto;
padding: 0.8em 2em;
font-size: 3.125vw;
display: inline-block;
}
}
.customBlockText .blockRelatedArea .blockRelatedList .blockRelated > dl > dd {
width: calc(100% - 100px - 30px);
box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockRelatedArea .blockRelatedList .blockRelated > dl > dd {
width: calc(100% - (15.625vw));
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockRelatedArea .blockRelatedList .blockRelated > dl > dd {
width: 100%;
margin-top: 3.90625vw;
}
}
.customBlockText .blockRelatedArea .blockRelatedList .blockRelated > dl > dd .linkList {
width: 100%;
box-sizing: border-box;
}
.customBlockText .blockRelatedArea .blockRelatedList .blockRelated > dl > dd .linkList > ul {
width: 100%;
padding-left: 0;
list-style: none;
box-sizing: border-box;
}
.customBlockText .blockRelatedArea .blockRelatedList .blockRelated > dl > dd .linkList > ul > li {
line-height: 1.6;
margin-top: 20px;
list-style: none;
font-size: 16px;
box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockRelatedArea .blockRelatedList .blockRelated > dl > dd .linkList > ul > li {
margin-top: 2.6041666667vw;
font-size: 2.0833333333vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockRelatedArea .blockRelatedList .blockRelated > dl > dd .linkList > ul > li {
margin-top: 5.2083333333vw;
font-size: 4.1666666667vw;
}
}
.customBlockText .blockRelatedArea .blockRelatedList .blockRelated > dl > dd .linkList > ul > li:first-child {
margin-top: 0;
}
.customBlockText .blockRelatedArea .blockRelatedList .blockRelated > dl > dd .linkList > ul > li > a,
.customBlockText .blockRelatedArea .blockRelatedList .blockRelated > dl > dd .linkList > ul > li > span {
line-height: inherit;
font-size: inherit;
}
.customBlockText .blockRelatedArea .blockRelatedList .blockRelated > dl > dd .linkList > ul > li > a {
text-decoration: underline;
color: #000;
}
.customBlockText .blockRelatedArea .blockRelatedList .blockRelated > dl > dd .linkList > ul > li > a:visited, .customBlockText .blockRelatedArea .blockRelatedList .blockRelated > dl > dd .linkList > ul > li > a:focus, .customBlockText .blockRelatedArea .blockRelatedList .blockRelated > dl > dd .linkList > ul > li > a:active {
color: #000;
}
@media only screen and (min-width: 1080px) {
.customBlockText .blockRelatedArea .blockRelatedList .blockRelated > dl > dd .linkList > ul > li > a:hover {
text-decoration: none;
}
}
.customBlockText .blockInfoArea {
width: 100%;
box-sizing: border-box;
}
.customBlockText .blockInfoArea + .blockInfoArea {
margin-top: 16px !important;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockInfoArea + .blockInfoArea {
margin-top: 2.0833333333vw !important;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockInfoArea + .blockInfoArea {
margin-top: 4.1666666667vw !important;
}
}
.customBlockText .blockInfoArea > * {
margin-top: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockInfoArea > * {
margin-top: 2.0833333333vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockInfoArea > * {
margin-top: 4.1666666667vw;
}
}
.customBlockText .blockInfoArea > *:first-child {
margin-top: 0;
}
.customBlockText .blockInfoArea .blockInfoList {
width: 100%;
box-sizing: border-box;
}
.customBlockText .blockInfoArea .blockInfoList > * {
margin-top: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockInfoArea .blockInfoList > * {
margin-top: 2.0833333333vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockInfoArea .blockInfoList > * {
margin-top: 4.1666666667vw;
}
}
.customBlockText .blockInfoArea .blockInfoList > *:first-child {
margin-top: 0;
}
.customBlockText .blockInfoArea .blockInfoList .blockInfo {
width: 100%;
padding: 40px;
background-color: #eee;
box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockInfoArea .blockInfoList .blockInfo {
padding: 3.90625vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockInfoArea .blockInfoList .blockInfo {
width: 100vw;
padding: 7.8125vw 5.2083333333vw;
margin-left: -5vw;
}
}
.customBlockText .blockInfoArea .blockInfoList .blockInfo > dl {
width: 100%;
display: flex;
align-items: stretch;
justify-content: space-between;
}
@media only screen and (max-width: 767px) {
.customBlockText .blockInfoArea .blockInfoList .blockInfo > dl {
flex-wrap: wrap;
}
}
.customBlockText .blockInfoArea .blockInfoList .blockInfo .photo {
width: 31.25%;
box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
.customBlockText .blockInfoArea .blockInfoList .blockInfo .photo {
width: 100%;
}
}
.customBlockText .blockInfoArea .blockInfoList .blockInfo .photo .img {
width: 100%;
box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
.customBlockText .blockInfoArea .blockInfoList .blockInfo .photo .img {
width: 50%;
}
}
.customBlockText .blockInfoArea .blockInfoList .blockInfo .photo .img > img {
width: 100%;
max-width: none;
margin-right: auto;
margin-left: auto;
display: block;
}
.customBlockText .blockInfoArea .blockInfoList .blockInfo .detail {
width: 64%;
box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
.customBlockText .blockInfoArea .blockInfoList .blockInfo .detail {
width: 100%;
margin-top: 7.8125vw;
}
}
.customBlockText .blockInfoArea .blockInfoList .blockInfo .detail > * {
margin-top: 4px;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockInfoArea .blockInfoList .blockInfo .detail > * {
margin-top: 0.5208333333vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockInfoArea .blockInfoList .blockInfo .detail > * {
margin-top: 1.0416666667vw;
}
}
.customBlockText .blockInfoArea .blockInfoList .blockInfo .detail > *:first-child {
margin-top: 0;
}
.customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .titleArea > * {
margin-top: 12px !important;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .titleArea > * {
margin-top: 1.5625vw !important;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .titleArea > * {
margin-top: 3.125vw !important;
}
}
.customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .titleArea > *:first-child {
margin-top: 0 !important;
}
.customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .titleArea .infoTitle {
line-height: 1;
font-size: 16px;
font-weight: bold;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .titleArea .infoTitle {
font-size: 2.0833333333vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .titleArea .infoTitle {
font-size: 4.1666666667vw;
}
}
.customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .titleArea .name {
line-height: 1.8;
font-size: 18px;
font-weight: bold;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .titleArea .name {
font-size: 2.34375vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .titleArea .name {
font-size: 4.6875vw;
}
}
.customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .information > * {
margin-top: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .information > * {
margin-top: 2.0833333333vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .information > * {
margin-top: 4.1666666667vw;
}
}
.customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .information > *:first-child {
margin-top: 0;
}
.customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .information .infoList {
width: 100%;
box-sizing: border-box;
}
.customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .information .infoList > dl {
width: 100%;
display: flex;
align-items: stretch;
justify-content: flex-start;
box-sizing: border-box;
}
.customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .information .infoList > dl > dt {
line-height: 1.8;
font-size: 14px;
white-space: nowrap;
box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .information .infoList > dl > dt {
font-size: 1.8229166667vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .information .infoList > dl > dt {
font-size: 3.6458333333vw;
}
}
.customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .information .infoList > dl > dd {
line-height: 1.8;
font-size: 14px;
box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .information .infoList > dl > dd {
font-size: 1.8229166667vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .information .infoList > dl > dd {
font-size: 3.6458333333vw;
}
}
.customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .information .notes {
width: 100%;
box-sizing: border-box;
}
.customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .information .notes .text {
line-height: 1.8;
font-size: 14px;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .information .notes .text {
font-size: 1.8229166667vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .information .notes .text {
font-size: 3.6458333333vw;
}
}
.customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .information .btnArea {
width: 100%;
box-sizing: border-box;
}
.customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .information .btnArea > a {
line-height: 1;
padding: 0.8em 1em 0.6em 1em;
border: 2px solid #000;
display: inline-block;
font-size: 14px;
font-weight: bold;
text-decoration: none;
box-sizing: border-box;
color: #000;
}
.customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .information .btnArea > a:visited, .customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .information .btnArea > a:focus, .customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .information .btnArea > a:active {
color: #000;
}
@media only screen and (min-width: 1080px) {
.customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .information .btnArea > a {
transition-property: background-color,color;
transition-duration: 0.3s;
transition-timing-function: ease;
transition-delay: 0s;
}
.customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .information .btnArea > a:hover {
background-color: #000;
color: #fff;
}
.customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .information .btnArea > a:hover:visited, .customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .information .btnArea > a:hover:focus, .customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .information .btnArea > a:hover:active {
color: #fff;
}
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .information .btnArea > a {
font-size: 1.8229166667vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockInfoArea .blockInfoList .blockInfo .detail .information .btnArea > a {
font-size: 3.6458333333vw;
}
}
.customBlockText .blockQuateArea {
width: 100%;
box-sizing: border-box;
}
.customBlockText .blockQuateArea + .blockQuateArea {
margin-top: 16px !important;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockQuateArea + .blockQuateArea {
margin-top: 2.0833333333vw !important;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockQuateArea + .blockQuateArea {
margin-top: 4.1666666667vw !important;
}
}
.customBlockText .blockQuateArea .blockQuate {
width: 100%;
box-sizing: border-box;
}
.customBlockText .blockQuateArea .blockQuate > * {
margin-top: 4px;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockQuateArea .blockQuate > * {
margin-top: 0.5208333333vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockQuateArea .blockQuate > * {
margin-top: 1.0416666667vw;
}
}
.customBlockText .blockQuateArea .blockQuate > *:first-child {
margin-top: 0;
}
.customBlockText .blockQuateArea .blockQuate .quateCopy .quateCopyInner {
line-height: 1.6;
font-size: 14px;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockQuateArea .blockQuate .quateCopy .quateCopyInner {
font-size: 1.8229166667vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockQuateArea .blockQuate .quateCopy .quateCopyInner {
font-size: 3.6458333333vw;
}
}
.customBlockText .blockQuateArea .blockQuate .quateCopy .quateCopyInner * {
font-size: inherit;
}
.customBlockText .blockInterviewArea {
width: 100%;
box-sizing: border-box;
}
.customBlockText .blockInterviewArea > * {
margin-top: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockInterviewArea > * {
margin-top: 2.0833333333vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockInterviewArea > * {
margin-top: 4.1666666667vw;
}
}
.customBlockText .blockInterviewArea > *:first-child {
margin-top: 0;
}
.customBlockText .blockInterviewArea .blockInterviewList {
width: 100%;
box-sizing: border-box;
}
.customBlockText .blockInterviewArea .blockInterviewList > * {
margin-top: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockInterviewArea .blockInterviewList > * {
margin-top: 2.0833333333vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockInterviewArea .blockInterviewList > * {
margin-top: 4.1666666667vw;
}
}
.customBlockText .blockInterviewArea .blockInterviewList > *:first-child {
margin-top: 0;
}
.customBlockText .blockInterviewArea .blockInterview {
width: 100%;
box-sizing: border-box;
}
.customBlockText .blockInterviewArea .blockInterview > dl {
width: 100%;
box-sizing: border-box;
}
.customBlockText .blockInterviewArea .blockInterview > dl > * {
margin-top: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockInterviewArea .blockInterview > dl > * {
margin-top: 1.0416666667vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockInterviewArea .blockInterview > dl > * {
margin-top: 2.0833333333vw;
}
}
.customBlockText .blockInterviewArea .blockInterview > dl > *:first-child {
margin-top: 0;
}
.customBlockText .blockInterviewArea .blockInterview > dl > dt > * {
margin-top: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockInterviewArea .blockInterview > dl > dt > * {
margin-top: 1.0416666667vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockInterviewArea .blockInterview > dl > dt > * {
margin-top: 2.0833333333vw;
}
}
.customBlockText .blockInterviewArea .blockInterview > dl > dt > *:first-child {
margin-top: 0;
}
.customBlockText .blockInterviewArea .blockInterview > dl > dt .questionText {
padding-left: 1.5em;
box-sizing: border-box;
position: relative;
}
.customBlockText .blockInterviewArea .blockInterview > dl > dt .questionText:before {
width: 0.8em;
height: 2px;
content: "";
background-color: #000;
display: block;
transform: translateY(-50%);
position: absolute;
top: 1em;
left: 0;
}
.customBlockText .blockInterviewArea .blockInterview > dl > dd > * {
margin-top: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockInterviewArea .blockInterview > dl > dd > * {
margin-top: 1.0416666667vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockInterviewArea .blockInterview > dl > dd > * {
margin-top: 2.0833333333vw;
}
}
.customBlockText .blockInterviewArea .blockInterview > dl > dd > *:first-child {
margin-top: 0;
}
.customBlockText .blockInterviewArea .blockInterview > dl > dd .answerText {
line-height: 1.8;
font-size: 14px;
display: flex;
align-items: flex-start;
justify-content: flex-start;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockInterviewArea .blockInterview > dl > dd .answerText {
font-size: 1.8229166667vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockInterviewArea .blockInterview > dl > dd .answerText {
font-size: 3.6458333333vw;
}
}
.customBlockText .blockInterviewArea .blockInterview > dl > dd .answerText * {
line-height: inherit;
font-size: inherit;
}
.customBlockText .blockInterviewArea .blockInterview > dl > dd .name {
white-space: nowrap;
font-weight: bold;
}
.customBlockText .blockInterviewArea .blockInterview > dl > dd .answerTextInner {
width: 100%;
box-sizing: border-box;
}
.customBlockText .blockInterviewArea .blockInterview .questionText {
line-height: 2;
font-size: 16px;
font-weight: bold;
letter-spacing: 0.02em;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockInterviewArea .blockInterview .questionText {
font-size: 2.0833333333vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockInterviewArea .blockInterview .questionText {
font-size: 4.1666666667vw;
}
}
.customBlockText .blockBtnArea {
width: 100%;
box-sizing: border-box;
}
.customBlockText .blockBtnArea + .blockBtnArea {
margin-top: 16px !important;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockBtnArea + .blockBtnArea {
margin-top: 2.0833333333vw !important;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockBtnArea + .blockBtnArea {
margin-top: 4.1666666667vw !important;
}
}
.customBlockText .blockBtnArea .btnListBox {
width: 100%;
display: flex;
align-items: stretch;
justify-content: flex-start;
flex-wrap: wrap;
box-sizing: border-box;
}
.customBlockText .blockBtnArea .btnListBox.alignL {
justify-content: flex-start;
}
.customBlockText .blockBtnArea .btnListBox.alignC {
justify-content: center;
}
.customBlockText .blockBtnArea .btnListBox.alignR {
justify-content: flex-end;
}
.customBlockText .blockBtnArea .btnListBox.btnCol1 > a {
width: 100%;
margin-top: 16px;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockBtnArea .btnListBox.btnCol1 > a {
margin-top: 2.0833333333vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockBtnArea .btnListBox.btnCol1 > a {
margin-top: 4.1666666667vw;
}
}
.customBlockText .blockBtnArea .btnListBox.btnCol1 > a:first-child {
margin-top: 0;
}
.customBlockText .blockBtnArea .btnListBox.btnCol2 > a {
width: 49%;
margin-top: 16px;
margin-left: 2%;
}
.customBlockText .blockBtnArea .btnListBox.btnCol2 > a:nth-child(-n+2) {
margin-top: 0;
}
.customBlockText .blockBtnArea .btnListBox.btnCol2 > a:nth-child(2n+1) {
margin-left: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockBtnArea .btnListBox.btnCol2 > a {
margin-top: 2.0833333333vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockBtnArea .btnListBox.btnCol2 > a {
margin-top: 4.1666666667vw;
}
}
.customBlockText .blockBtnArea .btnListBox.btnCol2_sp1 > a {
width: 49%;
margin-top: 16px;
margin-left: 2%;
}
.customBlockText .blockBtnArea .btnListBox.btnCol2_sp1 > a:nth-child(-n+2) {
margin-top: 0;
}
.customBlockText .blockBtnArea .btnListBox.btnCol2_sp1 > a:nth-child(2n+1) {
margin-left: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockBtnArea .btnListBox.btnCol2_sp1 > a {
margin-top: 2.0833333333vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockBtnArea .btnListBox.btnCol2_sp1 > a {
width: 100%;
margin-top: 4.1666666667vw;
margin-left: 0;
}
.customBlockText .blockBtnArea .btnListBox.btnCol2_sp1 > a:nth-child(-n+2) {
margin-top: 4.1666666667vw;
}
.customBlockText .blockBtnArea .btnListBox.btnCol2_sp1 > a:first-child {
margin-top: 0;
}
}
.customBlockText .blockBtnArea .btnListBox.btnCol3 > a {
width: 32%;
margin-top: 16px;
margin-left: 2%;
}
.customBlockText .blockBtnArea .btnListBox.btnCol3 > a:nth-child(-n+3) {
margin-top: 0;
}
.customBlockText .blockBtnArea .btnListBox.btnCol3 > a:nth-child(3n+1) {
margin-left: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockBtnArea .btnListBox.btnCol3 > a {
margin-top: 2.0833333333vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockBtnArea .btnListBox.btnCol3 > a {
margin-top: 4.1666666667vw;
}
}
.customBlockText .blockBtnArea .btnListBox.btnCol3_sp2 > a {
width: 32%;
margin-top: 16px;
margin-left: 2%;
}
.customBlockText .blockBtnArea .btnListBox.btnCol3_sp2 > a:nth-child(-n+3) {
margin-top: 0;
}
.customBlockText .blockBtnArea .btnListBox.btnCol3_sp2 > a:nth-child(3n+1) {
margin-left: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockBtnArea .btnListBox.btnCol3_sp2 > a {
margin-top: 2.0833333333vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockBtnArea .btnListBox.btnCol3_sp2 > a {
width: 49%;
margin-top: 4.1666666667vw;
margin-left: 2%;
}
.customBlockText .blockBtnArea .btnListBox.btnCol3_sp2 > a:nth-child(-n+3) {
margin-top: 4.1666666667vw;
}
.customBlockText .blockBtnArea .btnListBox.btnCol3_sp2 > a:nth-child(3n+1) {
margin-left: 2%;
}
.customBlockText .blockBtnArea .btnListBox.btnCol3_sp2 > a:nth-child(-n+2) {
margin-top: 0;
}
.customBlockText .blockBtnArea .btnListBox.btnCol3_sp2 > a:nth-child(2n+1) {
margin-left: 0;
}
}
.customBlockText .blockBtnArea .btnListBox.btnCol3_sp1 > a {
width: 32%;
margin-top: 16px;
margin-left: 2%;
}
.customBlockText .blockBtnArea .btnListBox.btnCol3_sp1 > a:nth-child(-n+3) {
margin-top: 0;
}
.customBlockText .blockBtnArea .btnListBox.btnCol3_sp1 > a:nth-child(3n+1) {
margin-left: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockBtnArea .btnListBox.btnCol3_sp1 > a {
margin-top: 2.0833333333vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockBtnArea .btnListBox.btnCol3_sp1 > a {
width: 100%;
margin-top: 4.1666666667vw;
margin-left: 0;
}
.customBlockText .blockBtnArea .btnListBox.btnCol3_sp1 > a:nth-child(-n+3) {
margin-top: 4.1666666667vw;
}
.customBlockText .blockBtnArea .btnListBox.btnCol3_sp1 > a:first-child {
margin-top: 0;
}
}
.customBlockText .blockBtnArea .btnListBox > a {
padding: 1em;
font-size: 16px;
text-decoration: none;
display: flex;
align-items: center;
justify-content: flex-start;
background-color: #1a73e8;
color: #fff;
box-sizing: border-box;
}
.customBlockText .blockBtnArea .btnListBox > a:visited, .customBlockText .blockBtnArea .btnListBox > a:focus, .customBlockText .blockBtnArea .btnListBox > a:active {
color: #fff;
}
@media only screen and (min-width: 1080px) {
.customBlockText .blockBtnArea .btnListBox > a {
transition-property: background-color;
transition-duration: 0.3s;
transition-timing-function: ease;
transition-delay: 0s;
}
.customBlockText .blockBtnArea .btnListBox > a:hover {
background-color: #8ebaf4;
}
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockBtnArea .btnListBox > a {
font-size: 2.0833333333vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockBtnArea .btnListBox > a {
font-size: 4.1666666667vw;
}
}
.customBlockText .blockBtnArea .btnListBox > a.alignL {
justify-content: flex-start;
}
.customBlockText .blockBtnArea .btnListBox > a.alignC {
justify-content: center;
}
.customBlockText .blockBtnArea .btnListBox > a.alignR {
justify-content: flex-end;
}
.customBlockText .blockBtnArea .btnListBox > a * {
font-size: inherit;
font-weight: inherit;
color: inherit;
}
.customBlockText .blockBtnArea .btnListBox > a .jp {
line-height: 1;
}
.customBlockText .blockBtnArea .btnListBox > a .en {
line-height: 1;
}
.customBlockText .blockBtnArea .btnListBox > a.enJpBtn .en, .customBlockText .blockBtnArea .btnListBox > a.enBtn .en {
line-height: 1.4;
font-size: 130%;
font-weight: 600;
order: 1;
}
.customBlockText .blockBtnArea .btnListBox > a.enJpBtn .jp, .customBlockText .blockBtnArea .btnListBox > a.enBtn .jp {
line-height: 1.4;
margin-left: 0.5em;
font-size: 80%;
order: 2;
}
.customBlockText .blockBtnArea .btnListBox > a.jpEnBtn .jp, .customBlockText .blockBtnArea .btnListBox > a.jpBtn .jp {
line-height: 1.4;
font-size: 130%;
font-weight: bold;
order: 1;
}
.customBlockText .blockBtnArea .btnListBox > a.jpEnBtn .en, .customBlockText .blockBtnArea .btnListBox > a.jpBtn .en {
line-height: 1.4;
margin-left: 0.5em;
font-size: 80%;
order: 2;
}
.customBlockText .blockBtnArea .btnListBox > a[target=_blank]:after {
order: 3;
}
.customBlockText .blockSliderImgArea {
width: 100%;
box-sizing: border-box;
@import url("https://unpkg.com/swiper@8/swiper-bundle.min.css");
}
.customBlockText .blockSliderImgArea + .blockSliderImgArea {
margin-top: 16px !important;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockSliderImgArea + .blockSliderImgArea {
margin-top: 2.0833333333vw !important;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockSliderImgArea + .blockSliderImgArea {
margin-top: 4.1666666667vw !important;
}
}
.customBlockText .blockSliderImgArea .blockSliderImg {
padding-bottom: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockSliderImgArea .blockSliderImg {
padding-bottom: 3.90625vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockSliderImgArea .blockSliderImg {
padding-bottom: 7.8125vw;
}
}
.customBlockText .blockSliderImgArea .slide {
display: block;
}
.customBlockText .blockSliderImgArea .slide > * {
margin-top: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockSliderImgArea .slide > * {
margin-top: 1.0416666667vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockSliderImgArea .slide > * {
margin-top: 2.0833333333vw;
}
}
.customBlockText .blockSliderImgArea .slide > *:first-child {
margin-top: 0;
}
.customBlockText .blockSliderImgArea .slide .photo {
width: 100%;
box-sizing: border-box;
}
.customBlockText .blockSliderImgArea .slide .photo .img {
width: 100%;
box-sizing: border-box;
}
.customBlockText .blockSliderImgArea .slide .photo .img > img {
width: 100%;
max-width: none;
margin-right: auto;
margin-left: auto;
display: block;
}
.customBlockText .blockSliderImgArea .slide .detail {
line-height: 1.8;
font-size: 14px;
letter-spacing: 0.02em;
box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockSliderImgArea .slide .detail {
font-size: 1.8229166667vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockSliderImgArea .slide .detail {
font-size: 3.6458333333vw;
}
}
.customBlockText .blockSliderImgArea .slide .detail p {
line-height: inherit;
font-size: inherit;
letter-spacing: inherit;
box-sizing: border-box;
}
.customBlockText .blockSliderImgArea .sliderNext,
.customBlockText .blockSliderImgArea .sliderPrev {
width: 40px;
height: 120px;
margin-top: 0;
display: block;
background-color: #fff;
color: #1a73e8;
transform: translateY(-50%);
}
.customBlockText .blockSliderImgArea .sliderNext:visited, .customBlockText .blockSliderImgArea .sliderNext:focus, .customBlockText .blockSliderImgArea .sliderNext:active,
.customBlockText .blockSliderImgArea .sliderPrev:visited,
.customBlockText .blockSliderImgArea .sliderPrev:focus,
.customBlockText .blockSliderImgArea .sliderPrev:active {
color: #1a73e8;
}
@media only screen and (min-width: 1080px) {
.customBlockText .blockSliderImgArea .sliderNext,
.customBlockText .blockSliderImgArea .sliderPrev {
transition-property: opacity;
transition-duration: 0.3s;
transition-timing-function: ease;
transition-delay: 0s;
}
.customBlockText .blockSliderImgArea .sliderNext:hover,
.customBlockText .blockSliderImgArea .sliderPrev:hover {
opacity: 0.8;
}
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockSliderImgArea .sliderNext,
.customBlockText .blockSliderImgArea .sliderPrev {
display: none;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockSliderImgArea .sliderNext,
.customBlockText .blockSliderImgArea .sliderPrev {
display: none;
}
}
.customBlockText .blockSliderImgArea .sliderNext:after,
.customBlockText .blockSliderImgArea .sliderPrev:after {
width: 100%;
height: 100%;
content: "";
display: block;
background-color: currentColor;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-size: 30% auto;
mask-size: 30% auto;
box-sizing: border-box;
}
.customBlockText .blockSliderImgArea .sliderNext {
right: 0;
}
.customBlockText .blockSliderImgArea .sliderNext:after {
-webkit-mask-image: url('data:image/svg+xml;utf-8,');
mask-image: url('data:image/svg+xml;utf-8,');
}
.customBlockText .blockSliderImgArea .sliderPrev {
left: 0;
}
.customBlockText .blockSliderImgArea .sliderPrev:after {
-webkit-mask-image: url('data:image/svg+xml;utf-8,');
mask-image: url('data:image/svg+xml;utf-8,');
}
.customBlockText .blockSliderImgArea .sliderPager {
width: 100%;
box-sizing: border-box;
bottom: 0;
}
.customBlockText .blockSliderImgArea .sliderPager .swiper-pagination-bullet-active {
background-color: #1a73e8;
}
.customBlockText .blockIframeBoxArea {
width: 100%;
box-sizing: border-box;
}
.customBlockText .blockIframeBoxArea + .blockIframeBoxArea {
margin-top: 16px !important;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockIframeBoxArea + .blockIframeBoxArea {
margin-top: 2.0833333333vw !important;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockIframeBoxArea + .blockIframeBoxArea {
margin-top: 4.1666666667vw !important;
}
}
.customBlockText .blockIframeBoxArea .blockIframeBox {
width: 100%;
box-sizing: border-box;
}
.customBlockText .blockIframeBoxArea .blockIframeBox > * {
margin-top: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockIframeBoxArea .blockIframeBox > * {
margin-top: 1.0416666667vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockIframeBoxArea .blockIframeBox > * {
margin-top: 2.0833333333vw;
}
}
.customBlockText .blockIframeBoxArea .blockIframeBox > *:first-child {
margin-top: 0;
}
.customBlockText .blockIframeBoxArea .blockIframeBox .iframeBox {
width: 100%;
box-sizing: border-box;
}
.customBlockText .blockIframeBoxArea .blockIframeBox .iframeBox .code {
box-sizing: border-box;
}
.customBlockText .blockIframeBoxArea .blockIframeBox .iframeBox .code > iframe,
.customBlockText .blockIframeBoxArea .blockIframeBox .iframeBox .code > video {
max-width: 100%;
margin-right: auto;
margin-left: auto;
display: inline-block;
}
.customBlockText .blockIframeBoxArea .blockIframeBox .iframeBox.iframe_left .code {
margin-right: auto;
margin-left: 0;
text-align: left;
}
.customBlockText .blockIframeBoxArea .blockIframeBox .iframeBox.iframe_center .code {
margin-right: auto;
margin-left: auto;
text-align: center;
}
.customBlockText .blockIframeBoxArea .blockIframeBox .iframeBox.iframe_right .code {
margin-right: 0;
margin-left: auto;
text-align: right;
}
.customBlockText .blockIframeBoxArea .blockIframeBox .iframeBox.iframe_full .code {
width: 100%;
max-width: none;
padding-top: 56.25%;
margin-right: auto;
margin-left: auto;
position: relative;
}
.customBlockText .blockIframeBoxArea .blockIframeBox .iframeBox.iframe_full .code > iframe,
.customBlockText .blockIframeBoxArea .blockIframeBox .iframeBox.iframe_full .code > video {
width: 100% !important;
height: 100% !important;
max-width: none;
display: block;
position: absolute;
top: 0;
right: 0;
z-index: 1;
}
.customBlockText .blockIframeBoxArea .blockIframeBox .detail {
width: 100%;
box-sizing: border-box;
}
.customBlockText .blockIframeBoxArea .blockIframeBox .detail .caption {
width: 100%;
line-height: 1.8;
font-size: 14px;
letter-spacing: 0.02em;
box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.customBlockText .blockIframeBoxArea .blockIframeBox .detail .caption {
font-size: 1.8229166667vw;
}
}
@media only screen and (max-width: 767px) {
.customBlockText .blockIframeBoxArea .blockIframeBox .detail .caption {
font-size: 3.6458333333vw;
}
}
.textArea .text {
line-height: 1.6;
font-size: 16px;
letter-spacing: 0.08em;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.textArea .text {
font-size: 1.6927083333vw;
}
}
@media only screen and (max-width: 767px) {
.textArea .text {
font-size: 3.3854166667vw;
}
}
.textArea .text.size-s {
line-height: 1.6;
font-size: 13px;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.textArea .text.size-s {
font-size: 1.3020833333vw;
}
}
@media only screen and (max-width: 767px) {
.textArea .text.size-s {
font-size: 2.6041666667vw;
}
}
.textArea .text.size-l {
line-height: 1.6;
font-size: 18px;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.textArea .text.size-l {
font-size: 1.953125vw;
}
}
@media only screen and (max-width: 767px) {
.textArea .text.size-l {
font-size: 3.90625vw;
}
}
.textArea .text.lh2 {
line-height: 2;
}
.textArea .text.indent1 {
padding-left: 1em;
box-sizing: border-box;
}
.cloudListWrap {
width: 100%;
overflow: hidden;
box-sizing: border-box;
}
.cloudListWrap .cloudList {
width: calc(100% + 10px);
margin-top: -10px;
display: flex;
align-items: stretch;
justify-content: flex-start;
flex-wrap: wrap;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.cloudListWrap .cloudList {
width: calc(100% + 1.3020833333vw);
margin-top: -1.3020833333vw;
}
}
@media only screen and (max-width: 767px) {
.cloudListWrap .cloudList {
width: calc(100% + 2.6041666667vw);
margin-top: -2.6041666667vw;
}
}
.cloudListWrap .cloudList.alignC {
justify-content: center;
}
.cloudListWrap .cloudList > li {
margin-top: 10px;
margin-right: 10px;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.cloudListWrap .cloudList > li {
margin-top: 1.3020833333vw;
margin-right: 1.3020833333vw;
}
}
@media only screen and (max-width: 767px) {
.cloudListWrap .cloudList > li {
margin-top: 2.6041666667vw;
margin-right: 2.6041666667vw;
}
}
.cloudListWrap .cloudList > li > a,
.cloudListWrap .cloudList > li > span {
line-height: 1.2;
padding: 0.4em 0.8em;
border-radius: 10em;
font-size: 12px;
background-color: #e4eced;
color: #221e1f;
display: inline-block;
box-sizing: border-box;
}
.cloudListWrap .cloudList > li > a:visited, .cloudListWrap .cloudList > li > a:focus, .cloudListWrap .cloudList > li > a:active,
.cloudListWrap .cloudList > li > span:visited,
.cloudListWrap .cloudList > li > span:focus,
.cloudListWrap .cloudList > li > span:active {
color: #221e1f;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.cloudListWrap .cloudList > li > a,
.cloudListWrap .cloudList > li > span {
font-size: 1.5625vw;
}
}
@media only screen and (max-width: 767px) {
.cloudListWrap .cloudList > li > a,
.cloudListWrap .cloudList > li > span {
font-size: 3.125vw;
}
}
@media only screen and (min-width: 1080px) {
.cloudListWrap .cloudList > li > a {
transition-property: background-color, color;
transition-duration: 0.3s;
transition-timing-function: ease;
transition-delay: 0s;
}
.cloudListWrap .cloudList > li > a:hover {
background-color: #4e89dd;
color: #fff;
}
.cloudListWrap .cloudList > li > a:hover:visited, .cloudListWrap .cloudList > li > a:hover:focus, .cloudListWrap .cloudList > li > a:hover:active {
color: #fff;
}
}
.columnListArea {
width: 100%;
overflow: hidden;
box-sizing: border-box;
}
.columnList {
width: 100%;
display: flex;
align-items: stretch;
justify-content: flex-start;
flex-wrap: wrap;
box-sizing: border-box;
}
@media only screen and (min-width: 1080px) {
.columnList.column3 .columnBox {
width: 33.8624338624%;
margin-top: -0.7936507937%;
margin-left: -0.7936507937%;
}
.columnList.column3 .columnBox:nth-child(-n+3) {
margin-top: 0;
}
.columnList.column3 .columnBox:nth-child(3n+1) {
margin-left: 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.columnList.tabColumn2 .columnBox {
width: 47%;
margin-top: 6%;
margin-left: 6%;
}
.columnList.tabColumn2 .columnBox:nth-child(-n+2) {
margin-top: 0;
}
.columnList.tabColumn2 .columnBox:nth-child(2n+1) {
margin-left: 0;
}
}
@media only screen and (max-width: 767px) {
.columnList.spColumn1 .columnBox {
width: 100%;
margin-top: 10.4166666667vw;
}
.columnList.spColumn1 .columnBox:first-child {
margin-top: 0;
}
}
@media only screen and (min-width: 1080px) {
.columnList a.columnBox:hover .img {
opacity: 0.7;
}
.columnList a.columnBox:hover .articleTitle {
color: #ddc9b5;
}
.columnList a.columnBox:hover .articleTitle:visited, .columnList a.columnBox:hover .articleTitle:focus, .columnList a.columnBox:hover .articleTitle:active {
color: #ddc9b5;
}
}
.columnList .columnBox {
box-sizing: border-box;
}
.columnList .columnBox > * {
margin-top: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.columnList .columnBox > * {
margin-top: 1.953125vw;
}
}
@media only screen and (max-width: 767px) {
.columnList .columnBox > * {
margin-top: 3.90625vw;
}
}
.columnList .columnBox > *:first-child {
margin-top: 0;
}
.columnList .columnBox .photo {
width: 100%;
box-sizing: border-box;
position: relative;
}
.columnList .columnBox .photo .category {
width: 100%;
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.columnList .columnBox .photo .img {
width: 100%;
height: 0;
padding-top: 70.3125%;
overflow: hidden;
box-sizing: border-box;
position: relative;
}
@media only screen and (min-width: 1080px) {
.columnList .columnBox .photo .img {
transition-property: opacity;
transition-duration: 0.3s;
transition-timing-function: ease;
transition-delay: 0s;
}
}
.columnList .columnBox .photo .img > img {
width: 100%;
max-width: none;
height: 100%;
display: block;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
transform: translate3d(-50%, -50%, 0);
position: absolute;
top: 50%;
left: 50%;
z-index: 1;
}
.columnList .columnBox .detail {
width: 100%;
box-sizing: border-box;
}
.columnList .columnBox .detail .detailInner > * {
margin-top: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.columnList .columnBox .detail .detailInner > * {
margin-top: 2.6041666667vw;
}
}
@media only screen and (max-width: 767px) {
.columnList .columnBox .detail .detailInner > * {
margin-top: 5.2083333333vw;
}
}
.columnList .columnBox .detail .detailInner > *:first-child {
margin-top: 0;
}
.columnList .columnBox .detail .detailInner .articleTitle {
line-height: 1.6;
font-size: 16px;
}
@media only screen and (min-width: 1080px) {
.columnList .columnBox .detail .detailInner .articleTitle {
transition-property: color;
transition-duration: 0.3s;
transition-timing-function: ease;
transition-delay: 0s;
}
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.columnList .columnBox .detail .detailInner .articleTitle {
font-size: 2.0833333333vw;
}
}
@media only screen and (max-width: 767px) {
.columnList .columnBox .detail .detailInner .articleTitle {
font-size: 4.1666666667vw;
}
}
.bold {
font-weight: bold;
}
.color_black {
color: #000;
}
.color_black:visited, .color_black:focus, .color_black:active {
color: #000;
}
.color_black * {
color: inherit;
}
.color_white {
color: #fff;
}
.color_white:visited, .color_white:focus, .color_white:active {
color: #fff;
}
.color_white * {
color: inherit;
}
.color_baseColor {
color: #ddc9b5;
}
.color_baseColor:visited, .color_baseColor:focus, .color_baseColor:active {
color: #ddc9b5;
}
.color_baseColor * {
color: inherit;
}
.color_required {
color: #f81515;
}
.color_required:visited, .color_required:focus, .color_required:active {
color: #f81515;
}
.color_required * {
color: inherit;
}
.bg_white {
background-color: #fff;
}
.bg_baseColor {
background-color: #ddc9b5;
}
.bg_gray {
background-color: #f7f7f7;
}
.numListWrap .numList {
padding-left: 1.3em;
list-style: decimal;
}
.numListWrap .numList li {
line-height: 1.8;
}
.discListWrap .discList {
padding-left: 1.3em;
list-style: disc;
}
.discListWrap .discList li {
margin-top: 0.75em;
}
.discListWrap .discList li:first-of-type {
margin-top: 0;
}
.squareListWrap .squareList li {
position: relative;
margin-top: 0.5em;
padding-left: 1.25em;
line-height: 1.8;
}
.squareListWrap .squareList li:first-of-type {
margin-top: 0;
}
.squareListWrap .squareList li::before {
content: "";
position: absolute;
top: 0.5em;
left: 0;
width: 0.5em;
height: 0.5em;
background-color: #ddc9b5;
}
.checkListWrap .checkList li {
position: relative;
margin-top: 0.5em;
padding-left: 2em;
line-height: 1.8;
}
.checkListWrap .checkList li:first-of-type {
margin-top: 0;
}
.checkListWrap .checkList li::before {
content: "";
position: absolute;
top: 0.25em;
left: 0;
width: 1em;
height: 0.5em;
border-bottom: solid 2px #383b56;
border-left: solid 2px #383b56;
transform: rotate(-45deg);
}
.borderDlListWrap dl {
padding: 30px 0;
display: flex;
justify-content: space-between;
border-bottom: 1px solid #221e1f;
}
.borderDlListWrap dl:first-of-type {
padding-top: 0 !important;
}
.borderDlListWrap dl dt,
.borderDlListWrap dl dd {
line-height: 1.8;
}
.borderDlListWrap dl dt {
width: 23.5%;
font-weight: bold;
}
.borderDlListWrap dl dd {
width: 70%;
}
@media only screen and (max-width: 767px) {
.borderDlListWrap.spBlock dl {
display: block;
}
}
.linkListWrap .link {
margin-top: 35px;
display: block;
width: 100%;
font-size: 18px;
font-weight: bold;
}
@media only screen and (max-width: 767px) {
.linkListWrap .link {
margin-top: 9.1145833333vw;
font-size: 4.1666666667vw;
}
}
.linkListWrap .link:first-of-type {
margin-top: 0;
}
.linkListWrap .link .infoTxt {
margin-top: 10px;
display: inline-block;
width: 100%;
font-size: 14px;
font-family: aktiv-grotesk-extended, sans-serif;
font-weight: 400;
font-style: normal;
line-height: 1.5;
}
@media only screen and (max-width: 767px) {
.linkListWrap .link .infoTxt {
margin-top: 2.6041666667vw;
font-size: 3.6458333333vw;
}
}
@media only screen and (max-width: 767px) {
.linkListWrap .link.arrowLink .text {
padding-right: 13%;
}
}
.linkListWrap .link.blankLink .text {
position: relative;
width: 95%;
}
@media only screen and (max-width: 767px) {
.linkListWrap .link.blankLink .text {
width: 90%;
}
}
.linkListWrap.borderBList .link {
padding-bottom: 15px;
border-bottom: 1px solid #221e1f;
}
@media only screen and (max-width: 767px) {
.linkListWrap.borderBList .link {
padding-bottom: 3.90625vw;
}
}
.linkListWrap.flexWrap {
flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
.linkListWrap.flexWrap.spBlock .link {
width: 100%;
}
}
@media only screen and (max-width: 767px) {
.linkListWrap.flexWrap.spBlock .link .text {
padding-right: 13%;
}
}
@media only screen and (max-width: 767px) {
.linkListWrap.flexWrap.spBlock .link:nth-of-type(2) {
margin-top: 9.1145833333vw;
}
}
.linkListWrap.flexWrap .link {
width: 48%;
}
.linkListWrap.flexWrap .link:nth-of-type(2) {
margin-top: 0;
}
.linkListWrap.flexWrap .link .text {
padding-right: 15%;
}
.imageArchiveWrap {
display: grid;
}
.imageArchiveWrap.column3 {
grid-template-columns: repeat(3, 1fr);
grid-gap: 100px 15px;
}
@media only screen and (max-width: 767px) {
.imageArchiveWrap.column3 {
grid-template-columns: 1fr;
grid-gap: 14.3229166667vw 0;
}
}
.imageArchiveWrap .columnBox .stateLabel {
padding: 5px;
width: 70px;
text-align: center;
background-color: #72c5d0;
}
@media only screen and (max-width: 767px) {
.imageArchiveWrap .columnBox .stateLabel {
padding: 1.3020833333vw;
width: 18.2291666667vw;
}
}
.imageArchiveWrap .columnBox .stateLabel.state_end {
background-color: #e0e0e0;
}
.imageArchiveWrap .columnBox .stateLabel.state_end span {
color: #757575;
}
.imageArchiveWrap .columnBox .stateLabel span {
font-size: 12px;
font-weight: bold;
}
@media only screen and (max-width: 767px) {
.imageArchiveWrap .columnBox .stateLabel span {
font-size: 3.125vw;
}
}
.imageArchiveWrap .columnBox .articleInfoArea {
margin-bottom: 15px;
padding-top: 10px;
display: flex;
align-items: center;
justify-content: space-between;
border-top: 1px solid #221e1f;
}
@media only screen and (max-width: 767px) {
.imageArchiveWrap .columnBox .articleInfoArea {
margin-bottom: 3.90625vw;
padding-top: 2.6041666667vw;
}
}
.imageArchiveWrap .columnBox .articleInfoArea .date {
font-size: 12px;
font-weight: bold;
line-height: 1.3;
}
@media only screen and (max-width: 767px) {
.imageArchiveWrap .columnBox .articleInfoArea .date {
font-size: 3.125vw;
}
}
.imageArchiveWrap .columnBox .articleInfoArea .categoryLabel span {
font-size: 12px;
font-family: aktiv-grotesk-extended, sans-serif;
font-weight: 700;
font-style: normal;
line-height: 1.3;
text-transform: uppercase;
}
@media only screen and (max-width: 767px) {
.imageArchiveWrap .columnBox .articleInfoArea .categoryLabel span {
font-size: 3.125vw;
}
}
.imageArchiveWrap .columnBox .photo {
margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
.imageArchiveWrap .columnBox .photo {
margin-bottom: 3.90625vw;
}
}
.imageArchiveWrap .columnBox .photo .img {
width: 100%;
height: 14.37vw;
max-height: 207px;
overflow: hidden;
}
@media only screen and (max-width: 767px) {
.imageArchiveWrap .columnBox .photo .img {
height: 53.90625vw;
}
}
.imageArchiveWrap .columnBox .photo .img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
.imageArchiveWrap .columnBox .categoryLabel {
margin: 20px 0 10px;
margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
.imageArchiveWrap .columnBox .categoryLabel {
margin: 2.6041666667vw 0;
}
}
.imageArchiveWrap .columnBox .categoryLabel span {
font-size: 16px;
font-weight: bold;
line-height: 1.8;
color: #72c5d0;
}
@media only screen and (max-width: 767px) {
.imageArchiveWrap .columnBox .categoryLabel span {
font-size: 3.125vw;
}
}
.imageArchiveWrap .columnBox .titleWrap .normalTitle {
font-size: 18px;
line-height: 1.2;
}
@media only screen and (max-width: 767px) {
.imageArchiveWrap .columnBox .titleWrap .normalTitle {
font-size: 4.6875vw;
}
}
.imageArchiveWrap .columnBox .titleWrap .minTitle {
font-size: 16px;
line-height: 1.5;
}
@media only screen and (max-width: 767px) {
.imageArchiveWrap .columnBox .titleWrap .minTitle {
font-size: 3.6458333333vw;
}
}
.imageArchiveWrap .columnBox .textWrap {
margin-top: 10px;
}
@media only screen and (max-width: 767px) {
.imageArchiveWrap .columnBox .textWrap {
margin-top: 2.6041666667vw;
}
}
.imageArchiveWrap .columnBox .textWrap .text {
font-size: 14px;
line-height: 1.5;
}
@media only screen and (max-width: 767px) {
.imageArchiveWrap .columnBox .textWrap .text {
font-size: 3.6458333333vw;
}
}
.noImageArchiveWrap .columnBox {
padding: 25px 0;
display: block;
border-bottom: 1px solid #221e1f;
}
@media only screen and (max-width: 767px) {
.noImageArchiveWrap .columnBox {
padding: 6.5104166667vw 0;
}
}
.noImageArchiveWrap .columnBox:first-of-type {
padding-top: 0;
}
.noImageArchiveWrap .columnBox .articleInfoArea {
margin-bottom: 15px;
display: flex;
align-items: flex-end;
}
@media only screen and (max-width: 767px) {
.noImageArchiveWrap .columnBox .articleInfoArea {
margin-bottom: 3.90625vw;
}
}
.noImageArchiveWrap .columnBox .articleInfoArea .date {
font-size: 14px;
font-family: aktiv-grotesk-extended, sans-serif;
font-weight: 500;
font-style: normal;
}
@media only screen and (max-width: 767px) {
.noImageArchiveWrap .columnBox .articleInfoArea .date {
font-size: 3.6458333333vw;
}
}
.noImageArchiveWrap .columnBox .articleInfoArea .categoryLabel {
margin-left: 20px;
}
@media only screen and (max-width: 767px) {
.noImageArchiveWrap .columnBox .articleInfoArea .categoryLabel {
margin-left: 5.2083333333vw;
}
}
.noImageArchiveWrap .columnBox .articleInfoArea .categoryLabel span {
font-size: 14px;
}
@media only screen and (max-width: 767px) {
.noImageArchiveWrap .columnBox .articleInfoArea .categoryLabel span {
font-size: 3.6458333333vw;
}
}
.noImageArchiveWrap .columnBox .titleWrap .normalTitle {
font-size: 18px;
line-height: 1.5;
}
@media only screen and (max-width: 767px) {
.noImageArchiveWrap .columnBox .titleWrap .normalTitle {
font-size: 4.1666666667vw;
}
}
.textLink {
color: #221e1f;
}
.textLink.border {
text-decoration: underline;
}
@media only screen and (min-width: 1080px) {
.textLink.border:hover {
text-decoration: none;
}
}
.textLink.blank .icon {
display: inline;
padding-left: 8px;
width: 15.5px;
vertical-align: middle;
}
.textLink.blank .icon svg {
width: 15.5px;
}
.textLink.blank .icon svg * {
fill: #221e1f;
transition-property: all;
transition-duration: 0.5s;
transition-timing-function: ease;
transition-delay: 0s;
}
.textLink.color {
color: #72c5d0;
text-decoration: underline;
}
@media only screen and (min-width: 1080px) {
.textLink.color:hover {
text-decoration: none;
}
}
.blankLink {
position: relative;
}
.blankLink .text {
display: inline-block;
}
.blankLink .icon {
position: absolute;
top: 50%;
right: -1.5em;
width: 1em;
transform: translateY(-50%);
}
.blankLink .icon svg {
width: 1em;
}
.blankLink .icon svg * {
transition-property: all;
transition-duration: 0.5s;
transition-timing-function: ease;
transition-delay: 0s;
}
.arrowLink {
position: relative;
display: inline-block;
}
@media only screen and (min-width: 1080px) {
.arrowLink:hover .arrow {
right: 0;
width: 2em;
}
}
.arrowLink .text {
position: relative;
padding-right: 2.5em;
}
.arrowLink .arrow {
position: absolute;
top: 50%;
right: 0.5em;
width: 1.5em;
height: 1px;
background-color: #221e1f;
transform: translateY(-50%);
transition-property: all;
transition-duration: 0.5s;
transition-timing-function: ease;
transition-delay: 0s;
}
.arrowLink .arrow::before {
content: "";
position: absolute;
right: 1px;
top: -0.2em;
width: 0.4em;
height: 0.4em;
border-top: solid 1px #221e1f;
border-right: solid 1px #221e1f;
transform: rotate(45deg);
}
.mw_wp_form_input .inputH {
display: none !important;
}
.mw_wp_form_confirm .confirmH {
display: none !important;
}
.slick-arrow {
z-index: 20;
position: absolute;
cursor: pointer;
transition-property: all;
transition-duration: 0.5s;
transition-timing-function: ease;
transition-delay: 0s;
}
.slick-arrow .icon {
display: inline-block;
width: 20px;
height: 20px;
border-top: 1px solid #221e1f;
border-right: 1px solid #221e1f;
}
@media only screen and (max-width: 767px) {
.slick-arrow .icon {
width: 3.125vw;
height: 3.125vw;
}
}
.slick-arrow.prev .icon {
transform: rotate(-135deg);
}
.slick-arrow.next .icon {
transform: rotate(45deg);
}
.numAndSliderServiceWrap .slick-arrow,
.numAndSliderWrap .slick-arrow {
bottom: -5px;
}
@media only screen and (max-width: 767px) {
.numAndSliderServiceWrap .slick-arrow,
.numAndSliderWrap .slick-arrow {
bottom: -0.2604166667vw;
}
}
.numAndSliderServiceWrap .slick-arrow.prev,
.numAndSliderWrap .slick-arrow.prev {
left: 10px;
}
@media only screen and (max-width: 767px) {
.numAndSliderServiceWrap .slick-arrow.prev,
.numAndSliderWrap .slick-arrow.prev {
left: 2.6041666667vw;
}
}
.numAndSliderServiceWrap .slick-arrow.next,
.numAndSliderWrap .slick-arrow.next {
left: 145px;
}
@media only screen and (max-width: 767px) {
.numAndSliderServiceWrap .slick-arrow.next,
.numAndSliderWrap .slick-arrow.next {
left: 35.15625vw;
}
}
.numAndSliderServiceWrap .slick-num,
.numAndSliderWrap .slick-num {
margin-top: 90px;
padding: 0 35px;
display: inline-block;
font-size: 18px;
font-family: aktiv-grotesk-extended, sans-serif;
font-weight: 500;
font-style: normal;
}
@media only screen and (max-width: 767px) {
.numAndSliderServiceWrap .slick-num,
.numAndSliderWrap .slick-num {
margin-top: 11.71875vw;
padding: 0 7.8125vw;
font-size: 4.1666666667vw;
}
}
.numAndSliderServiceWrap .slick-num span,
.numAndSliderWrap .slick-num span {
padding: 0 10px;
font-size: 18px;
font-family: aktiv-grotesk-extended, sans-serif;
font-weight: 500;
font-style: normal;
}
@media only screen and (max-width: 767px) {
.numAndSliderServiceWrap .slick-num span,
.numAndSliderWrap .slick-num span {
padding: 0 2.6041666667vw;
font-size: 4.1666666667vw;
}
}
#breadcrumbWrap {
width: 100%;
padding-top: 20px;
padding-bottom: 20px;
box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
#breadcrumbWrap {
padding-top: 2.6041666667vw;
padding-bottom: 2.6041666667vw;
}
}
@media only screen and (max-width: 767px) {
#breadcrumbWrap {
padding-top: 5.2083333333vw;
padding-bottom: 5.2083333333vw;
}
}
.breadcrumb {
overflow: hidden;
}
.breadcrumb > ul {
width: 100%;
margin-top: -0.4em;
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
box-sizing: border-box;
}
.breadcrumb > ul > li {
line-height: 1.6;
padding-left: 1em;
margin-top: 0.4em;
margin-right: 0.5em;
color: #221e1f;
display: flex;
align-items: center;
justify-content: flex-start;
flex-wrap: wrap;
position: relative;
font-size: 14px;
box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.breadcrumb > ul > li {
font-size: 1.8229166667vw;
}
}
@media only screen and (max-width: 767px) {
.breadcrumb > ul > li {
font-size: 3.6458333333vw;
}
}
.breadcrumb > ul > li:before {
width: 0.42em;
height: 0.71em;
content: "";
background-color: #221e1f;
-webkit-mask-image: url('data:image/svg+xml;utf-8,');
-webkit-mask-repeat: no-repeat;
-webkit-mask-position: center center;
-webkit-mask-size: contain;
mask-image: url('data:image/svg+xml;utf-8,');
mask-repeat: no-repeat;
mask-position: center center;
mask-size: contain;
position: absolute;
top: 0.4em;
left: 0;
}
.breadcrumb > ul > li:first-child {
padding-left: 0;
}
.breadcrumb > ul > li:first-child:before {
display: none;
}
.breadcrumb > ul > li.breadcrumb_home > a:before {
width: 1em;
height: 1em;
content: "";
margin-right: 0.25em;
background-color: currentColor;
-webkit-mask-image: url('data:image/svg+xml;utf-8,');
mask-image: url('data:image/svg+xml;utf-8,');
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-size: contain;
mask-size: contain;
display: inline-block;
}
.breadcrumb > ul > li span,
.breadcrumb > ul > li a {
line-height: 1.6;
vertical-align: top;
display: inline-block;
color: inherit;
}
.breadcrumb > ul > li span:visited, .breadcrumb > ul > li span:focus, .breadcrumb > ul > li span:active,
.breadcrumb > ul > li a:visited,
.breadcrumb > ul > li a:focus,
.breadcrumb > ul > li a:active {
color: inherit;
}
.pagerArea {
display: flex;
align-items: center;
justify-content: center;
}
.pagerArea a,
.pagerArea span {
line-height: 1;
padding: 0.3em 0.5em;
margin-right: 0.5em;
margin-left: 0.5em;
font-size: 16px;
border: 1px solid #000;
color: #000;
box-sizing: border-box;
transition-property: background-color, color;
transition-duration: 0.5s;
transition-timing-function: ease;
transition-delay: 0s;
}
.pagerArea a:visited, .pagerArea a:focus, .pagerArea a:active,
.pagerArea span:visited,
.pagerArea span:focus,
.pagerArea span:active {
color: #000;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
.pagerArea a,
.pagerArea span {
font-size: 2.0833333333vw;
}
}
@media only screen and (max-width: 767px) {
.pagerArea a,
.pagerArea span {
font-size: 4.1666666667vw;
}
}
.pagerArea a.current,
.pagerArea span.current {
font-weight: bold;
color: #fff;
background-color: #000;
}
.pagerArea a.current:visited, .pagerArea a.current:focus, .pagerArea a.current:active,
.pagerArea span.current:visited,
.pagerArea span.current:focus,
.pagerArea span.current:active {
color: #fff;
}
.pagerArea a.dots,
.pagerArea span.dots {
border: none;
}
.pagerArea a.next, .pagerArea a.prev,
.pagerArea span.next,
.pagerArea span.prev {
padding-right: 0;
padding-left: 0;
border: none;
}
@media only screen and (min-width: 1080px) {
.pagerArea a.next:hover, .pagerArea a.prev:hover,
.pagerArea span.next:hover,
.pagerArea span.prev:hover {
color: #ddc9b5;
}
.pagerArea a.next:hover:visited, .pagerArea a.next:hover:focus, .pagerArea a.next:hover:active, .pagerArea a.prev:hover:visited, .pagerArea a.prev:hover:focus, .pagerArea a.prev:hover:active,
.pagerArea span.next:hover:visited,
.pagerArea span.next:hover:focus,
.pagerArea span.next:hover:active,
.pagerArea span.prev:hover:visited,
.pagerArea span.prev:hover:focus,
.pagerArea span.prev:hover:active {
color: #ddc9b5;
}
}
.pagerArea a.next:after, .pagerArea a.prev:after,
.pagerArea span.next:after,
.pagerArea span.prev:after {
width: 0.8em;
height: 1em;
content: "";
display: inline-block;
vertical-align: middle;
background-color: currentColor;
-webkit-mask-image: url('data:image/svg+xml;utf-8,');
mask-image: url('data:image/svg+xml;utf-8,');
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center center;
mask-position: center center;
-webkit-mask-size: contain;
mask-size: contain;
}
.pagerArea a.prev:after,
.pagerArea span.prev:after {
transform: rotate(180deg);
}
@media only screen and (min-width: 1080px) {
.pagerArea a:hover {
color: #fff;
background-color: #000;
}
.pagerArea a:hover:visited, .pagerArea a:hover:focus, .pagerArea a:hover:active {
color: #fff;
}
}
#notFound {
padding-top: 60px;
padding-bottom: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
#notFound {
padding-top: 7.8125vw;
padding-bottom: 7.8125vw;
}
}
@media only screen and (max-width: 767px) {
#notFound {
padding-top: 15.625vw;
padding-bottom: 15.625vw;
}
}
#notFound.articleNotFound {
padding-top: 0;
padding-bottom: 0;
}
#notFound .notFoundInner > * {
margin-top: 30px;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
#notFound .notFoundInner > * {
margin-top: 3.6458333333vw;
}
}
@media only screen and (max-width: 767px) {
#notFound .notFoundInner > * {
margin-top: 7.2916666667vw;
}
}
#notFound .notFoundInner > *:first-child {
margin-top: 0;
}
#notFound .notFoundInner > .titleArea + * {
margin-top: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
#notFound .notFoundInner > .titleArea + * {
margin-top: 1.6927083333vw;
}
}
@media only screen and (max-width: 767px) {
#notFound .notFoundInner > .titleArea + * {
margin-top: 3.3854166667vw;
}
}
#notFound .notFoundTitle {
line-height: 1.6;
font-size: 26px;
font-family: aktiv-grotesk-extended, sans-serif;
font-weight: 700;
font-style: normal;
letter-spacing: 0.08em;
color: #221e1f;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
#notFound .notFoundTitle {
font-size: 3.125vw;
}
}
@media only screen and (max-width: 767px) {
#notFound .notFoundTitle {
font-size: 6.25vw;
}
}
#notFound .link {
max-width: 200px;
}
@media only screen and (max-width: 767px) {
#notFound .link {
max-width: none;
width: 100%;
}
}
#wrap {
width: 100%;
background-color: #fff;
box-sizing: border-box;
}
#wrap:before {
width: 100vw;
height: 100vh;
content: "";
display: block;
background-color: rgba(255, 255, 255, 0.8);
opacity: 0;
position: fixed;
top: 0;
left: 0;
z-index: -1;
transition-property: opacity;
transition-duration: 0.5s;
transition-timing-function: ease;
transition-delay: 0s;
}
#wrap.drawer:before {
opacity: 1;
z-index: 100;
}
#wrapInner {
width: 100%;
margin-right: auto;
margin-left: auto;
background-color: #fff;
box-sizing: border-box;
}
#headWrap {
z-index: 100;
position: fixed;
top: 0;
padding: 80px 50px 80px 25px;
display: flex;
justify-content: flex-end;
width: 100%;
background-color: #fff;
transition: transform 0.5s;
box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
#headWrap {
padding: 5.2083333333vw 3.90625vw;
}
}
#headWrap.hide {
transform: translateY(-100%);
}
#headWrap #header {
position: relative;
}
#headWrap #header .headLogoAndNaviWrap {
display: flex;
align-items: center;
justify-content: flex-end;
}
@media only screen and (max-width: 1079px) {
#headWrap #header .headLogoAndNaviWrap .naviWrap {
display: none;
}
}
#headWrap #header .headLogoAndNaviWrap .naviWrap .navi {
display: flex;
}
#headWrap #header .headLogoAndNaviWrap .naviWrap .navi > li {
font-weight: bold;
}
#headWrap #header .headLogoAndNaviWrap .naviWrap .navi > li.delimiter {
position: relative;
margin: 0 15px;
}
#headWrap #header .headLogoAndNaviWrap .naviWrap .navi > li.delimiter::before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 1px;
height: 1.2em;
background-color: #221e1f;
transform: translateY(-50%);
}
#headWrap #header .headLogoAndNaviWrap .naviWrap .navi > li > a,
#headWrap #header .headLogoAndNaviWrap .naviWrap .navi > li .dropdownBtnWrap {
padding: 0 15px;
color: #221e1f;
}
#headWrap #header .headLogoAndNaviWrap .naviWrap .navi > li > a .link,
#headWrap #header .headLogoAndNaviWrap .naviWrap .navi > li .dropdownBtnWrap .link {
position: relative;
color: #221e1f;
transition: color 0.3s ease 0s;
}
#headWrap #header .headLogoAndNaviWrap .naviWrap .navi > li > a .link::before,
#headWrap #header .headLogoAndNaviWrap .naviWrap .navi > li .dropdownBtnWrap .link::before {
content: "";
position: absolute;
bottom: -5px;
left: 0;
width: 100%;
height: 1px;
background-color: #72c5d0;
transition: 0.3s ease 0s;
transform: scale(0, 1);
transform-origin: center top;
}
@media only screen and (min-width: 1080px) {
#headWrap #header .headLogoAndNaviWrap .naviWrap .navi > li > a.active .link,
#headWrap #header .headLogoAndNaviWrap .naviWrap .navi > li .dropdownBtnWrap.active .link {
color: #72c5d0;
}
#headWrap #header .headLogoAndNaviWrap .naviWrap .navi > li > a.active .link::before,
#headWrap #header .headLogoAndNaviWrap .naviWrap .navi > li .dropdownBtnWrap.active .link::before {
transform: scale(1, 1);
}
}
#headWrap #header .headLogoAndNaviWrap .naviWrap .navi > li .dropdownBtnWrap > a {
transition-property: color;
transition-duration: 0.5s;
transition-timing-function: ease;
transition-delay: 0s;
}
#headWrap #header .headLogoAndNaviWrap .naviWrap .navi > li .dropdownWrap {
padding: 30px 15px 40px !important;
}
#headWrap #header .headLogoAndNaviWrap .naviWrap .navi > li .dropdownWrap ul li {
margin: 0 0 20px;
}
#headWrap #header .headLogoAndNaviWrap .naviWrap .navi > li .dropdownWrap ul li:last-of-type {
margin: 0;
}
#headWrap #header .headLogoAndNaviWrap .naviWrap .navi > li .dropdownWrap ul li.active a {
opacity: 1;
}
#headWrap #header .headLogoAndNaviWrap .naviWrap .navi > li .dropdownWrap ul li:nth-of-type(2) a {
transition-delay: 67ms;
}
#headWrap #header .headLogoAndNaviWrap .naviWrap .navi > li .dropdownWrap ul li:nth-of-type(3) a {
transition-delay: 0.128s;
}
#headWrap #header .headLogoAndNaviWrap .naviWrap .navi > li .dropdownWrap ul li:nth-of-type(4) a {
transition-delay: 0.183s;
}
#headWrap #header .headLogoAndNaviWrap .naviWrap .navi > li .dropdownWrap ul li:nth-of-type(5) a {
transition-delay: 0.232s;
}
#headWrap #header .headLogoAndNaviWrap .naviWrap .navi > li .dropdownWrap ul li:nth-of-type(6) a {
transition-delay: 0.275s;
}
#headWrap #header .headLogoAndNaviWrap .naviWrap .navi > li .dropdownWrap ul li:nth-of-type(7) a {
transition-delay: 0.312s;
}
#headWrap #header .headLogoAndNaviWrap .naviWrap .navi > li .dropdownWrap ul li:nth-of-type(8) a {
transition-delay: 0.343s;
}
#headWrap #header .headLogoAndNaviWrap .naviWrap .navi > li .dropdownWrap ul li:nth-of-type(9) a {
transition-delay: 0.368s;
}
#headWrap #header .headLogoAndNaviWrap .naviWrap .navi > li .dropdownWrap ul li:nth-of-type(10) a {
transition-delay: 0.387s;
}
@media only screen and (min-width: 1080px) {
#headWrap #header .headLogoAndNaviWrap .naviWrap .navi > li .dropdownWrap ul li a {
opacity: 0;
transition: color 0.3s ease 0s;
}
#headWrap #header .headLogoAndNaviWrap .naviWrap .navi > li .dropdownWrap ul li a:hover {
color: #72c5d0;
}
}
#headWrap #header .headLogoAndNaviWrap .naviWrap .navi > li .dropdownWrap ul li .icon {
margin-left: 0.5em;
}
#headWrap #header .headLogoAndNaviWrap .naviWrap .navi > li .dropdownWrap ul li .icon svg {
padding-bottom: 0.2em;
width: 0.9em;
vertical-align: middle;
}
#headLogo {
z-index: 100;
position: fixed;
top: 30px;
left: 20px;
margin-top: 0 !important;
transition: transform 0.7s;
}
#headLogo.hide {
transform: translateY(-300%);
}
#headLogo .logo {
width: 110px;
}
@media only screen and (max-width: 767px) {
#headLogo .logo {
width: 27.34375vw;
}
}
#headLogo .logo img {
width: 80%;
}
#globalNavWrap {
z-index: 100;
position: fixed;
top: 20.0520833333vw;
right: 0;
display: none;
width: 100vw;
height: calc(100svh - 20.0520833333vw);
background-color: #fff;
overflow-y: scroll;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
#globalNavWrap {
top: 10.15625vw;
height: calc(100svh - 10.15625vw);
width: 50vw;
}
}
#globalNavWrap #globalNav {
padding-bottom: 50px;
}
@media only screen and (max-width: 767px) {
#globalNavWrap #globalNav {
padding-bottom: 13.0208333333vw;
}
}
#globalNavWrap #globalNav .naviWrap .naviList .navi {
padding: 20px 0;
font-size: 14px;
font-weight: bold;
border-bottom: 1px solid #221e1f;
}
@media only screen and (max-width: 767px) {
#globalNavWrap #globalNav .naviWrap .naviList .navi {
padding: 5.2083333333vw 0;
font-size: 3.6458333333vw;
}
}
#globalNavWrap #globalNav .naviWrap .naviList .navi > .accordionWrap .accordionBtn {
position: relative;
padding-right: 30px;
width: 100%;
box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
#globalNavWrap #globalNav .naviWrap .naviList .navi > .accordionWrap .accordionBtn {
padding-right: 10.4166666667vw;
}
}
#globalNavWrap #globalNav .naviWrap .naviList .navi > .accordionWrap .accordionBtn::before, #globalNavWrap #globalNav .naviWrap .naviList .navi > .accordionWrap .accordionBtn::after {
content: "";
position: absolute;
top: 50%;
right: 20px;
width: 15px;
height: 1px;
background-color: #221e1f;
transition: 0.3s;
}
@media only screen and (max-width: 767px) {
#globalNavWrap #globalNav .naviWrap .naviList .navi > .accordionWrap .accordionBtn::before, #globalNavWrap #globalNav .naviWrap .naviList .navi > .accordionWrap .accordionBtn::after {
right: 5.2083333333vw;
width: 3.90625vw;
}
}
#globalNavWrap #globalNav .naviWrap .naviList .navi > .accordionWrap .accordionBtn::after {
transform: rotate(90deg);
}
#globalNavWrap #globalNav .naviWrap .naviList .navi > .accordionWrap .accordionBtn.active::after {
transform: rotate(180deg);
}
#globalNavWrap #globalNav .naviWrap .naviList .accordionContentWrap {
display: none;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
#globalNavWrap #globalNav .naviWrap .naviList .accordionContentWrap .naviChildList {
padding: 20px 15px 10px;
}
}
@media only screen and (max-width: 767px) {
#globalNavWrap #globalNav .naviWrap .naviList .accordionContentWrap .naviChildList {
padding: 5.2083333333vw 3.90625vw 0;
}
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
#globalNavWrap #globalNav .naviWrap .naviList .accordionContentWrap .naviChildList li {
margin-top: 30px;
}
}
@media only screen and (max-width: 767px) {
#globalNavWrap #globalNav .naviWrap .naviList .accordionContentWrap .naviChildList li {
margin-top: 7.8125vw;
}
}
#globalNavWrap #globalNav .naviWrap .naviList .accordionContentWrap .naviChildList li:first-of-type {
margin-top: 0;
}
#globalNavWrap #globalNav .naviWrap .naviList .accordionContentWrap .naviChildList li a {
font-size: 14px;
font-weight: bold;
}
@media only screen and (max-width: 767px) {
#globalNavWrap #globalNav .naviWrap .naviList .accordionContentWrap .naviChildList li a {
font-size: 3.6458333333vw;
}
}
#globalNavWrap #globalNav .naviWrap .naviList .accordionContentWrap .naviChildList li .icon {
margin-left: 0.5em;
}
#globalNavWrap #globalNav .naviWrap .naviList .accordionContentWrap .naviChildList li .icon svg {
padding-bottom: 0.2em;
width: 1em;
vertical-align: middle;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
#globalNavWrap #globalNav .otherNaviWrap {
margin-top: 40px;
}
}
@media only screen and (max-width: 767px) {
#globalNavWrap #globalNav .otherNaviWrap {
margin-top: 10.4166666667vw;
}
}
#globalNavWrap #globalNav .otherNaviWrap .navi {
display: flex;
flex-wrap: wrap;
}
#globalNavWrap #globalNav .otherNaviWrap .navi li {
display: inline-block;
font-weight: bold;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
#globalNavWrap #globalNav .otherNaviWrap .navi li {
margin-top: 25px;
margin-right: 25px;
}
}
@media only screen and (max-width: 767px) {
#globalNavWrap #globalNav .otherNaviWrap .navi li {
margin-top: 6.5104166667vw;
margin-right: 6.5104166667vw;
}
}
#globalNavWrap #globalNav .otherNaviWrap .navi li:nth-of-type(-n + 3) {
margin-top: 0;
}
#globalNavWrap #globalNav .otherNaviWrap .navi li:nth-of-type(3n), #globalNavWrap #globalNav .otherNaviWrap .navi li:last-of-type {
margin-right: 0;
}
#globalNavWrap #globalNav .otherNaviWrap .navi li.wrap {
margin: 0;
width: 100%;
}
#globalNavBtnWrap {
z-index: 105;
position: fixed;
right: 5.2083333333vw;
transition: transform 0.7s;
}
#globalNavBtnWrap.hide {
transform: translateY(-250%);
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
#globalNavBtnWrap {
top: 30px;
}
}
@media only screen and (max-width: 767px) {
#globalNavBtnWrap {
top: 7.2916666667vw;
}
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
#globalNavBtnWrap #globalNavBtn {
width: 25px;
height: 20px;
}
}
@media only screen and (max-width: 767px) {
#globalNavBtnWrap #globalNavBtn {
width: 6.5104166667vw;
height: 5.2083333333vw;
}
}
#globalNavBtnWrap #globalNavBtn a {
position: relative;
display: block;
width: 100%;
height: 100%;
}
#globalNavBtnWrap #globalNavBtn a.drawerActive span {
opacity: 0;
}
#globalNavBtnWrap #globalNavBtn a.drawerActive::before {
top: 50%;
transform: rotate(45deg);
}
#globalNavBtnWrap #globalNavBtn a.drawerActive::after {
top: 50%;
transform: rotate(-45deg);
}
#globalNavBtnWrap #globalNavBtn a span, #globalNavBtnWrap #globalNavBtn a::before, #globalNavBtnWrap #globalNavBtn a::after {
position: absolute;
width: 100%;
height: 1px;
background-color: #221e1f;
transition-property: all;
transition-duration: 0.5s;
transition-timing-function: ease;
transition-delay: 0s;
}
#globalNavBtnWrap #globalNavBtn a::before, #globalNavBtnWrap #globalNavBtn a::after {
content: "";
}
#globalNavBtnWrap #globalNavBtn a::before {
top: 0;
}
#globalNavBtnWrap #globalNavBtn a::after {
bottom: 0;
}
#globalNavBtnWrap #globalNavBtn a span {
top: 50%;
}
#mainWrap {
width: 100%;
box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
#mainWrap {
padding-top: 10.4166666667vw;
}
}
#mainWrap #main {
width: 100%;
box-sizing: border-box;
}
#mainWrap #contents {
width: 100%;
box-sizing: border-box;
}
#fixedScrollContentWrap {
position: relative;
}
#fixedLeftContentWrap {
z-index: 95;
position: absolute;
top: 0;
width: 7.3206442167vw;
max-width: 150px;
box-sizing: border-box;
}
#fixedLeftContentWrap.is_scroll {
display: block;
}
#fixedLeftContentWrap .fixedContentWrap {
position: relative;
width: 100%;
max-height: 95vh;
}
#fixedLeftContentWrap .contentInner {
position: absolute;
bottom: 40px;
left: 35%;
width: 1.5em;
font-size: 32px;
overflow: hidden;
}
#fixedLeftContentWrap #fixedTitle {
font-family: aktiv-grotesk-extended, sans-serif;
font-weight: 700;
font-style: normal;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
transform: rotateZ(180deg);
}
#fixedLeftContentWrap #fixedTitle span {
display: block;
font-family: aktiv-grotesk-extended, sans-serif;
font-weight: 700;
font-style: normal;
}
@-webkit-keyframes animate-hide {
0% {
transform: translateX(0); /*要素を左の枠外に移動*/
}
100% {
transform: translateX(150%); /*要素を元の位置に移動*/
}
}
@keyframes animate-hide {
0% {
transform: translateX(0); /*要素を左の枠外に移動*/
}
100% {
transform: translateX(150%); /*要素を元の位置に移動*/
}
}
@-webkit-keyframes animate-show {
0% {
transform: translateX(150%); /*要素を左の枠外に移動*/
}
100% {
transform: translateX(0); /*要素を元の位置に移動*/
}
}
@keyframes animate-show {
0% {
transform: translateX(150%); /*要素を左の枠外に移動*/
}
100% {
transform: translateX(0); /*要素を元の位置に移動*/
}
}
#footWrap {
padding: 80px 0;
width: 100%;
box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
#footWrap {
padding: 10.4166666667vw 0;
}
}
#footWrap #footer {
position: relative;
}
#footWrap #footer .footLogoAndNaviWrap {
display: flex;
justify-content: space-between;
}
@media only screen and (max-width: 1079px) {
#footWrap #footer .footLogoAndNaviWrap {
display: block;
}
}
#footWrap #footer .footLogoAndNaviWrap .logoWrap {
margin-top: 0 !important;
}
#footWrap #footer .footLogoAndNaviWrap .logoWrap .logo {
width: 213px;
}
#footWrap #footer .footLogoAndNaviWrap .logoWrap .logo img {
width: 100%;
}
#footWrap #footer .footLogoAndNaviWrap .naviWrap {
display: flex;
}
#footWrap #footer .footLogoAndNaviWrap .naviWrap .navi {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 20px 65px;
}
@media only screen and (max-width: 767px) {
#footWrap #footer .footLogoAndNaviWrap .naviWrap .navi {
grid-gap: 5.2083333333vw 10.4166666667vw;
}
}
#footWrap #footer .footLogoAndNaviWrap .naviWrap .navi li {
font-size: 12px;
font-weight: bold;
}
@media only screen and (max-width: 767px) {
#footWrap #footer .footLogoAndNaviWrap .naviWrap .navi li {
font-size: 3.125vw;
}
}
#footWrap #footer .footLogoAndNaviWrap .naviWrap .snsWrap {
margin-left: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
#footWrap #footer .footLogoAndNaviWrap .naviWrap .snsWrap {
margin-right: 20px;
margin-left: auto;
}
}
@media only screen and (max-width: 767px) {
#footWrap #footer .footLogoAndNaviWrap .naviWrap .snsWrap {
margin-left: 7.8125vw;
}
}
#footWrap #footer .footLogoAndNaviWrap .naviWrap .snsWrap li {
margin-top: 23px;
font-size: 10px;
}
@media only screen and (max-width: 767px) {
#footWrap #footer .footLogoAndNaviWrap .naviWrap .snsWrap li {
margin-top: 5.2083333333vw;
font-size: 3.125vw;
}
}
#footWrap #footer .footLogoAndNaviWrap .naviWrap .snsWrap li:first-of-type {
margin-top: 0;
}
#footWrap #footer .footOtherNaviWrap {
margin-top: 80px;
}
@media only screen and (max-width: 1079px) {
#footWrap #footer .footOtherNaviWrap {
border-top: 1px solid #e0e0e0;
}
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
#footWrap #footer .footOtherNaviWrap {
margin-top: 3.90625vw;
padding-top: 3.90625vw;
}
}
@media only screen and (max-width: 767px) {
#footWrap #footer .footOtherNaviWrap {
margin-top: 6.5104166667vw;
padding-top: 6.5104166667vw;
}
}
#footWrap #footer .footOtherNaviWrap .otherNaviWrap {
display: flex;
align-items: flex-end;
justify-content: space-between;
}
@media only screen and (max-width: 1079px) {
#footWrap #footer .footOtherNaviWrap .otherNaviWrap {
align-items: flex-end;
}
}
#footWrap #footer .footOtherNaviWrap .otherNaviWrap .naviWrap {
display: flex;
}
@media only screen and (max-width: 1079px) {
#footWrap #footer .footOtherNaviWrap .otherNaviWrap .naviWrap {
flex-wrap: wrap;
}
}
#footWrap #footer .footOtherNaviWrap .otherNaviWrap .naviWrap li {
margin-right: 15px;
font-size: 12px;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
#footWrap #footer .footOtherNaviWrap .otherNaviWrap .naviWrap li {
margin: 0.6510416667vw 1.953125vw 0.6510416667vw 0;
}
}
@media only screen and (max-width: 767px) {
#footWrap #footer .footOtherNaviWrap .otherNaviWrap .naviWrap li {
margin: 1.3020833333vw 3.90625vw 1.3020833333vw 0;
font-size: 2.6041666667vw;
}
}
#footWrap #footer .footOtherNaviWrap .otherNaviWrap .naviWrap li:last-of-type {
margin-right: 0;
}
@media only screen and (min-width: 768px) and (max-width: 1079px) {
#footWrap #footer .footOtherNaviWrap .otherNaviWrap .toggleSelectWrap {
margin-bottom: 0.6510416667vw;
}
}
@media only screen and (max-width: 767px) {
#footWrap #footer .footOtherNaviWrap .otherNaviWrap .toggleSelectWrap {
margin-bottom: 1.3020833333vw;
}
}
#footWrap #footer .footOtherNaviWrap .otherNaviWrap .toggleSelectWrap .selectWrap a {
font-size: 12px;
}
@media only screen and (max-width: 767px) {
#footWrap #footer .footOtherNaviWrap .otherNaviWrap .toggleSelectWrap .selectWrap a {
font-size: 2.6041666667vw;
}
}
@media only screen and (max-width: 1079px) {
#footWrap #footer .footOtherNaviWrap .otherNaviWrap .toggleSelectWrap .selectorListWrap {
left: auto;
right: 0;
}
}
#footWrap #footer .footOtherNaviWrap .otherNaviWrap .toggleSelectWrap .selectorListWrap ul li {
font-size: 12px;
}
@media only screen and (max-width: 767px) {
#footWrap #footer .footOtherNaviWrap .otherNaviWrap .toggleSelectWrap .selectorListWrap ul li {
font-size: 2.6041666667vw;
}
}
#footWrap #copyright {
margin-top: 20px;
width: 100%;
box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
#footWrap #copyright {
margin-top: 7.8125vw;
}
}
#footWrap #copyright > p {
line-height: 1.2;
font-size: 12px;
}
@media only screen and (max-width: 767px) {
#footWrap #copyright > p {
font-size: 2.6041666667vw;
}
}
/* 2023/07/13 サービス テーブル作成 EnMediaここから */
.borderDlListWrap_service dl {
padding: 30px 0;
display: flex;
justify-content: space-between;
border-bottom: 1px solid #221e1f;
}
.borderDlListWrap_service dl:first-of-type {
padding-top: 0 !important;
}
.borderDlListWrap_service dl dt{
line-height: 1.8;
display: flex;
align-items: center;
}
.borderDlListWrap_service dl dt {
width: 23.5%;
font-weight: bold;
}
.borderDlListWrap_service dl dd {
width: 70%;
line-height: normal;
}
@media only screen and (max-width: 767px) {
.borderDlListWrap_service.spBlock dl {
display: block;
}
.borderDlListWrap_service dl dt {
width: 50%;
}
.borderDlListWrap_service dl dd {
width: 100%;
}
}
/* 2023/07/13 サービス テーブル作成 EnMediaここまで */