@charset "UTF-8";
@charset 'UTF-8';
.drawer-open{overflow:hidden!important}.drawer-nav{position:fixed;z-index:2;top:0;overflow:hidden;width:16.25rem;height:100%;color:#222;background-color:#fff}.drawer-brand{font-size:1.5rem;font-weight:700;line-height:3.75rem;display:block;padding-right:.75rem;padding-left:.75rem;text-decoration:none;color:#222}.drawer-menu{margin:0;padding:0;list-style:none}.drawer-menu-item{font-size:1rem;display:block;padding:.75rem;text-decoration:none;color:#222}.drawer-menu-item:hover{text-decoration:underline;color:#555;background-color:transparent}.drawer-overlay{position:fixed;z-index:1;top:0;left:0;display:none;width:100%;height:100%;background-color:rgba(0,0,0,.2)}.drawer-open .drawer-overlay{display:block}.drawer--top .drawer-nav{top:-100%;left:0;width:100%;height:auto;max-height:100%;-webkit-transition:top .6s cubic-bezier(.19,1,.22,1);transition:top .6s cubic-bezier(.19,1,.22,1)}.drawer--top.drawer-open .drawer-nav{top:0}.drawer--top .drawer-hamburger,.drawer--top.drawer-open .drawer-hamburger{right:0}.drawer--left .drawer-nav{left:-16.25rem;-webkit-transition:left .6s cubic-bezier(.19,1,.22,1);transition:left .6s cubic-bezier(.19,1,.22,1)}.drawer--left .drawer-hamburger,.drawer--left.drawer-open .drawer-nav,.drawer--left.drawer-open .drawer-navbar .drawer-hamburger{left:0}.drawer--left.drawer-open .drawer-hamburger{left:16.25rem}.drawer--right .drawer-nav{right:-16.25rem;-webkit-transition:right .6s cubic-bezier(.19,1,.22,1);transition:right .6s cubic-bezier(.19,1,.22,1)}.drawer--right .drawer-hamburger,.drawer--right.drawer-open .drawer-nav,.drawer--right.drawer-open .drawer-navbar .drawer-hamburger{right:0}.drawer--right.drawer-open .drawer-hamburger{right:16.25rem}.drawer-hamburger{position:fixed;z-index:4;top:0;display:block;box-sizing:content-box;width:2rem;padding:0;padding:18px .75rem 30px;-webkit-transition:all .6s cubic-bezier(.19,1,.22,1);transition:all .6s cubic-bezier(.19,1,.22,1);-webkit-transform:translateZ(0);transform:translateZ(0);border:0;outline:0;background-color:transparent}.drawer-hamburger:hover{cursor:pointer;background-color:transparent}.drawer-hamburger-icon{position:relative;display:block;margin-top:10px}.drawer-hamburger-icon,.drawer-hamburger-icon:after,.drawer-hamburger-icon:before{width:100%;height:2px;-webkit-transition:all .6s cubic-bezier(.19,1,.22,1);transition:all .6s cubic-bezier(.19,1,.22,1);background-color:#222}.drawer-hamburger-icon:after,.drawer-hamburger-icon:before{position:absolute;top:-10px;left:0;content:" "}.drawer-hamburger-icon:after{top:10px}.drawer-open .drawer-hamburger-icon{background-color:transparent}.drawer-open .drawer-hamburger-icon:after,.drawer-open .drawer-hamburger-icon:before{top:0}.drawer-open .drawer-hamburger-icon:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.drawer-open .drawer-hamburger-icon:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.sr-only{position:absolute;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;padding:0;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;overflow:visible;clip:auto;width:auto;height:auto;margin:0}.drawer--sidebar,.drawer--sidebar .drawer-contents{background-color:#fff}@media (min-width:64em){.drawer--sidebar .drawer-hamburger{display:none;visibility:hidden}.drawer--sidebar .drawer-nav{display:block;-webkit-transform:none;transform:none;position:fixed;width:12.5rem;height:100%}.drawer--sidebar.drawer--left .drawer-nav{left:0;border-right:1px solid #ddd}.drawer--sidebar.drawer--left .drawer-contents{margin-left:12.5rem}.drawer--sidebar.drawer--right .drawer-nav{right:0;border-left:1px solid #ddd}.drawer--sidebar.drawer--right .drawer-contents{margin-right:12.5rem}.drawer--sidebar .drawer-container{max-width:48rem}}@media (min-width:75em){.drawer--sidebar .drawer-nav{width:16.25rem}.drawer--sidebar.drawer--left .drawer-contents{margin-left:16.25rem}.drawer--sidebar.drawer--right .drawer-contents{margin-right:16.25rem}.drawer--sidebar .drawer-container{max-width:60rem}}.drawer--navbarTopGutter{padding-top:3.75rem}.drawer-navbar .drawer-navbar-header{border-bottom:1px solid #ddd;background-color:#fff}.drawer-navbar{z-index:3;top:0;width:100%}.drawer-navbar--fixed{position:fixed}.drawer-navbar-header{position:relative;z-index:3;box-sizing:border-box;width:100%;height:3.75rem;padding:0 .75rem;text-align:center}.drawer-navbar .drawer-brand{line-height:3.75rem;display:inline-block;padding-top:0;padding-bottom:0;text-decoration:none}.drawer-navbar .drawer-brand:hover{background-color:transparent}.drawer-navbar .drawer-nav{padding-top:3.75rem}.drawer-navbar .drawer-menu{padding-bottom:7.5rem}@media (min-width:64em){.drawer-navbar{height:3.75rem;border-bottom:1px solid #ddd;background-color:#fff}.drawer-navbar .drawer-navbar-header{position:relative;display:block;float:left;width:auto;padding:0;border:0}.drawer-navbar .drawer-menu--right{float:right}.drawer-navbar .drawer-menu li{float:left}.drawer-navbar .drawer-menu-item{line-height:3.75rem;padding-top:0;padding-bottom:0}.drawer-navbar .drawer-hamburger{display:none}.drawer-navbar .drawer-nav{position:relative;left:0;overflow:visible;width:auto;height:3.75rem;padding-top:0;-webkit-transform:translateZ(0);transform:translateZ(0)}.drawer-navbar .drawer-menu{padding:0}.drawer-navbar .drawer-dropdown-menu{position:absolute;width:16.25rem;border:1px solid #ddd}.drawer-navbar .drawer-dropdown-menu-item{padding-left:.75rem}}.drawer-dropdown-menu{display:none;box-sizing:border-box;width:100%;margin:0;padding:0;background-color:#fff}.drawer-dropdown-menu>li{width:100%;list-style:none}.drawer-dropdown-menu-item{line-height:3.75rem;display:block;padding:0;padding-right:.75rem;padding-left:1.5rem;text-decoration:none;color:#222}.drawer-dropdown-menu-item:hover{text-decoration:underline;color:#555;background-color:transparent}.drawer-dropdown.open>.drawer-dropdown-menu{display:block}.drawer-dropdown .drawer-caret{display:inline-block;width:0;height:0;margin-left:4px;-webkit-transition:opacity .2s ease,-webkit-transform .2s ease;transition:opacity .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,opacity .2s ease;transition:transform .2s ease,opacity .2s ease,-webkit-transform .2s ease;-webkit-transform:rotate(0deg);transform:rotate(0deg);vertical-align:middle;border-top:4px solid;border-right:4px solid transparent;border-left:4px solid transparent}.drawer-dropdown.open .drawer-caret{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.drawer-container{margin-right:auto;margin-left:auto}@media (min-width:64em){.drawer-container{max-width:60rem}}@media (min-width:75em){.drawer-container{max-width:70rem}}
 .slick-loading .slick-list
{
background: #fff url(https://mmc-inc.jp/wordpress/wp-content/themes/mmc/css/ajax-loader.gif) center center no-repeat;
} @font-face
{
font-family: 'slick';
font-weight: normal;
font-style: normal;
src: url(https://mmc-inc.jp/wordpress/wp-content/themes/mmc/css/fonts/slick.eot);
src: url(https://mmc-inc.jp/wordpress/wp-content/themes/mmc/css/fonts/slick.eot?#iefix) format('embedded-opentype'), url(https://mmc-inc.jp/wordpress/wp-content/themes/mmc/css/fonts/slick.woff) format('woff'), url(https://mmc-inc.jp/wordpress/wp-content/themes/mmc/css/fonts/slick.ttf) format('truetype'), url(https://mmc-inc.jp/wordpress/wp-content/themes/mmc/css/fonts/slick.svg#slick) format('svg');
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
font-family: 'slick';
font-size: 20px;
line-height: 1;
opacity: .75;
color: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-prev
{
left: -25px;
}
[dir='rtl'] .slick-prev
{
right: -25px;
left: auto;
}
.slick-prev:before
{
content: '←';
}
[dir='rtl'] .slick-prev:before
{
content: '→';
}
.slick-next
{
right: -25px;
}
[dir='rtl'] .slick-next
{
right: auto;
left: -25px;
}
.slick-next:before
{
content: '→';
}
[dir='rtl'] .slick-next:before
{
content: '←';
} .slick-dotted.slick-slider
{
margin-bottom: 30px;
}
.slick-dots
{
position: absolute;
bottom: -25px;
display: block;
width: 100%;
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
font-family: 'slick';
font-size: 6px;
line-height: 20px;
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
content: '•';
text-align: center;
opacity: .25;
color: black;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
opacity: .75;
color: black;
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 @font-face {
font-family: "Christopherhand";
src: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/_font/Christopherhand.eot?#iefix) format("embedded-opentype"), url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/_font/Christopherhand.woff) format("woff"), url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/_font/Christopherhand.ttf) format("truetype");
} @font-face {
font-family: "Coves-Light";
src: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/_font/Coves-Light.eot?#iefix) format("embedded-opentype"), url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/_font/Coves-Light.woff) format("woff"), url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/_font/Coves-Light.ttf) format("truetype");
} @font-face {
font-family: "Coves-Bold";
src: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/_font/Coves-Bold.eot?#iefix) format("embedded-opentype"), url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/_font/Coves-Bold.woff) format("woff"), url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/_font/Coves-Bold.ttf) format("truetype");
} @font-face {
font-family: "Morganite-SemiBold";
src: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/_font/Morganite-SemiBold.eot?#iefix) format("embedded-opentype"), url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/_font/Morganite-SemiBold.woff) format("woff"), url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/_font/Morganite-SemiBold.ttf) format("truetype");
letter-spacing: 20px;
} @font-face {
font-family: "Morganite-Black";
src: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/_font/Morganite-Black.eot?#iefix) format("embedded-opentype"), url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/_font/Morganite-Black.woff) format("woff"), url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/_font/Morganite-Black.ttf) format("truetype");
letter-spacing: 10px;
}
.font-shueiL {
font-family: "dnp-shuei-gothic-gin-std", sans-serif;
font-weight: 400;
font-style: normal;
}
.font-shueiB {
font-family: "dnp-shuei-gothic-gin-std", sans-serif;
font-weight: 600;
font-style: normal;
}
.font-retiro24 {
font-family: "retiro-std-24pt", sans-serif;
font-weight: 700;
font-style: normal;
}
.font-retiro64 {
font-family: "retiro-std-48pt", sans-serif;
font-weight: 400;
font-style: normal;
}
.font-neonoir {
font-family: "neonoir", sans-serif;
font-weight: 200;
font-style: normal;
}
.font-neonoirB {
font-family: "neonoir", sans-serif;
font-weight: 700;
font-style: normal;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
input[type=submit],
input[type=button] {
border-radius: 0;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
appearance: button;
border: none;
box-sizing: border-box;
}
input[type=submit]::-webkit-search-decoration,
input[type=button]::-webkit-search-decoration {
display: none;
}
input[type=submit]::focus,
input[type=button]::focus {
outline-offset: -2px;
}
.item:nth-child(1) {
-webkit-animation: example 0.5s ease 0.5s 1 forwards;
animation: example 0.5s ease 0.5s 1 forwards;
}
.item:nth-child(2) {
-webkit-animation: example 0.5s ease 1s 1 forwards;
animation: example 0.5s ease 1s 1 forwards;
}
.item:nth-child(3) {
-webkit-animation: example 0.5s ease 1.5s 1 forwards;
animation: example 0.5s ease 1.5s 1 forwards;
}
.item:nth-child(4) {
-webkit-animation: example 0.5s ease 2s 1 forwards;
animation: example 0.5s ease 2s 1 forwards;
}
.item:nth-child(5) {
-webkit-animation: example 0.5s ease 2.5s 1 forwards;
animation: example 0.5s ease 2.5s 1 forwards;
}
.item:nth-child(6) {
-webkit-animation: example 0.5s ease 3s 1 forwards;
animation: example 0.5s ease 3s 1 forwards;
}
@-webkit-keyframes example {
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes example {
100% {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes fadein {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadein_slide {
from {
opacity: 0;
transform: translateY(0.75em);
animation: fadein 6s ease forwards;
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes fadein_slide2 {
from {
opacity: 0;
transform: translateY(1.5em);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.aniDelay1 {
animation-delay: 1s;
}
.aniDelay2 {
animation-delay: 2s;
}
.aniDelay4 {
animation-delay: 4s;
}
.aniDelay8 {
animation-delay: 8s;
}
.aniDelay10 {
animation-delay: 10s;
}
.aniDelay12 {
animation-delay: 12s;
}
.aniDelay16 {
animation-delay: 16s;
}
.mt-u1 {
margin-top: 8px !important;
}
.mt-u2 {
margin-top: 16px !important;
}
.mt-u3 {
margin-top: 24px !important;
}
.mt-u4 {
margin-top: 32px !important;
}
.mt-u5 {
margin-top: 40px !important;
}
.mt-u6 {
margin-top: 48px !important;
}
.mt-u7 {
margin-top: 56px !important;
}
.mt-u8 {
margin-top: 64px !important;
}
.mt-u9 {
margin-top: 72px !important;
}
.mt-u10 {
margin-top: 80px !important;
}
.mr-u1 {
margin-right: 8px !important;
}
.mr-u2 {
margin-right: 16px !important;
}
.mr-u3 {
margin-right: 24px !important;
}
.mr-u4 {
margin-right: 32px !important;
}
.mr-u5 {
margin-right: 40px !important;
}
.mr-u6 {
margin-right: 48px !important;
}
.mr-u7 {
margin-right: 56px !important;
}
.mr-u8 {
margin-right: 64px !important;
}
.mr-u9 {
margin-right: 72px !important;
}
.mr-u10 {
margin-right: 80px !important;
}
.mb-u1 {
margin-bottom: 8px !important;
}
.mb-u2 {
margin-bottom: 16px !important;
}
.mb-u3 {
margin-bottom: 24px !important;
}
.mb-u4 {
margin-bottom: 32px !important;
}
.mb-u5 {
margin-bottom: 40px !important;
}
.mb-u6 {
margin-bottom: 48px !important;
}
.mb-u7 {
margin-bottom: 56px !important;
}
.mb-u8 {
margin-bottom: 64px !important;
}
.mb-u9 {
margin-bottom: 72px !important;
}
.mb-u10 {
margin-bottom: 80px !important;
}
.ml-u1 {
margin-left: 8px !important;
}
.ml-u2 {
margin-left: 16px !important;
}
.ml-u3 {
margin-left: 24px !important;
}
.ml-u4 {
margin-left: 32px !important;
}
.ml-u5 {
margin-left: 40px !important;
}
.ml-u6 {
margin-left: 48px !important;
}
.ml-u7 {
margin-left: 56px !important;
}
.ml-u8 {
margin-left: 64px !important;
}
.ml-u9 {
margin-left: 72px !important;
}
.ml-u10 {
margin-left: 80px !important;
}
.pt-u1 {
padding-top: 8px !important;
}
.pt-u2 {
padding-top: 16px !important;
}
.pt-u3 {
padding-top: 24px !important;
}
.pt-u4 {
padding-top: 32px !important;
}
.pt-u5 {
padding-top: 40px !important;
}
.pt-u6 {
padding-top: 48px !important;
}
.pt-u7 {
padding-top: 56px !important;
}
.pt-u8 {
padding-top: 64px !important;
}
.pt-u9 {
padding-top: 72px !important;
}
.pt-u10 {
padding-top: 80px !important;
}
.pr-u1 {
padding-right: 8px !important;
}
.pr-u2 {
padding-right: 16px !important;
}
.pr-u3 {
padding-right: 24px !important;
}
.pr-u4 {
padding-right: 32px !important;
}
.pr-u5 {
padding-right: 40px !important;
}
.pr-u6 {
padding-right: 48px !important;
}
.pr-u7 {
padding-right: 56px !important;
}
.pr-u8 {
padding-right: 64px !important;
}
.pr-u9 {
padding-right: 72px !important;
}
.pr-u10 {
padding-right: 80px !important;
}
.pb-u1 {
padding-bottom: 8px !important;
}
.pb-u2 {
padding-bottom: 16px !important;
}
.pb-u3 {
padding-bottom: 24px !important;
}
.pb-u4 {
padding-bottom: 32px !important;
}
.pb-u5 {
padding-bottom: 40px !important;
}
.pb-u6 {
padding-bottom: 48px !important;
}
.pb-u7 {
padding-bottom: 56px !important;
}
.pb-u8 {
padding-bottom: 64px !important;
}
.pb-u9 {
padding-bottom: 72px !important;
}
.pb-u10 {
padding-bottom: 80px !important;
}
.pl-u1 {
padding-left: 8px !important;
}
.pl-u2 {
padding-left: 16px !important;
}
.pl-u3 {
padding-left: 24px !important;
}
.pl-u4 {
padding-left: 32px !important;
}
.pl-u5 {
padding-left: 40px !important;
}
.pl-u6 {
padding-left: 48px !important;
}
.pl-u7 {
padding-left: 56px !important;
}
.pl-u8 {
padding-left: 64px !important;
}
.pl-u9 {
padding-left: 72px !important;
}
.pl-u10 {
padding-left: 80px !important;
}
.pc-disnone {
display: none !important;
}
@media screen and (max-width: 600px) {
.pc-disnone {
display: block !important;
}
}
.sp-disnone {
display: block !important;
}
@media screen and (max-width: 600px) {
.sp-disnone {
display: none !important;
}
}
.lp-pc-disnone {
display: none !important;
}
@media screen and (max-width: 768px) {
.lp-pc-disnone {
display: block !important;
}
}
.lp-sp-disnone {
display: block !important;
}
@media screen and (max-width: 768px) {
.lp-sp-disnone {
display: none !important;
}
}
.lp-cv-pc-disnone {
display: none !important;
}
@media screen and (max-width: 1040px) {
.lp-cv-pc-disnone {
display: block !important;
}
}
.lp-cv-sp-disnone {
display: block !important;
}
@media screen and (max-width: 1040px) {
.lp-cv-sp-disnone {
display: none !important;
}
}
@keyframes txtscroll {
0% {
transform: translateX(80%);
}
100% {
transform: translateX(-100%);
}
}
.temp-button,
a.temp-button,
button.temp-button {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
padding: 1.2rem 0;
display: inline-block;
border: none;
border-radius: 0;
position: relative;
line-height: 1.5;
color: #fff;
width: 100%;
font-weight: 700;
text-align: center;
text-decoration: none;
vertical-align: middle;
letter-spacing: 0.1em;
transition: all 0.3s;
-webkit-transition: all 0.3s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
}
@media screen and (max-width: 768px) {
.temp-button,
a.temp-button,
button.temp-button {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
a.temp-button-gradient {
border-radius: 0;
font-weight: normal;
color: #fff;
background-image: -webkit-gradient(linear, left top, right top, color-stop(40%, #ff3cac), to(#562b7c));
background-image: -webkit-linear-gradient(left, #ff3cac 40%, #562b7c 100%);
background-image: linear-gradient(120deg, #ff3cac 40%, #562b7c 100%);
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}
a.temp-button-gradient::before {
content: "";
border: 1px solid #fff;
box-sizing: border-box;
position: absolute;
top: 2px;
left: 2px;
width: calc(100% - 4px);
height: calc(100% - 4px);
z-index: 1;
}
a.temp-button-gradient::after {
content: "";
border-radius: 0;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: all 0.5s;
transition: all 0.5s;
background-image: -webkit-gradient(linear, left top, right top, from(#ff3cac), color-stop(#562b7c), to(#2b86c5));
background: -webkit-gradient(linear, left top, right top, from(rgb(5, 79, 178)), to(rgb(254, 12, 118)));
background: linear-gradient(90deg, rgb(5, 79, 178), rgb(254, 12, 118));
animation: bggradient 20s ease infinite;
}
a.temp-button-gradient span {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
position: relative;
line-height: 1.4;
color: #fff;
font-weight: bold;
z-index: 1;
}
@media screen and (max-width: 768px) {
a.temp-button-gradient span {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
a.temp-button-gradient:hover {
color: #fff;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}
a.temp-button-gradient:hover::after {
opacity: 0;
}
@keyframes bggradient {
0% {
background-position: 0% 50%;
}
50% {
background-position: 100% 50%;
}
100% {
background-position: 0% 50%;
}
}
html {
font-size: 62.5%;
-webkit-overflow-scrolling: touch;
}
body {
box-sizing: border-box;
line-height: 1.6;
color: #333;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-size: 10px;
font-size: 1rem;
background: #fff;
background: none;
-webkit-text-size-adjust: 100%;
opacity: 0;
animation: late-open 0.8s ease-in 0.8s forwards;
}
body.frontPage {
padding-top: 0;
}
body.p-mod {
background: seashell;
}
@media screen and (min-width: 768px) {
body {
margin-bottom: 0 !important;
}
}
@keyframes late-open {
to {
opacity: 1;
}
}
h1 {
font-size: 24px;
font-size: 2.4rem;
}
p {
font-size: 16px;
font-size: 1.6rem;
}
img {
width: 100%;
height: auto;
}
small.supplement {
padding-top: 0.5em;
line-height: 1.4;
font-size: 14px;
font-size: 1.4rem;
}
small.supplement.indent {
padding-left: 1em;
display: block;
text-indent: -1em;
}
a {
border: none;
color: #1d3994;
text-decoration: none;
}
a:hover, a:visited, a:focus, a:active {
color: #1d3994;
text-decoration: none;
}
a.hover__underline {
border: none;
text-decoration: none;
}
a.hover__underline:hover, a.hover__underline:active {
border-bottom: 1px solid;
text-decoration: none;
}
a.hover__opacity img {
opacity: 1;
}
a.hover__opacity.opacity-5:hover img, a.hover__opacity.opacity-5:active img {
filter: alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}
a.hover__opacity.opacity-6:hover img, a.hover__opacity.opacity-6:active img {
filter: alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}
a.hover__opacity.opacity-7:hover img, a.hover__opacity.opacity-7:active img {
filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
}
a.hover__opacity.opacity-8:hover img, a.hover__opacity.opacity-8:active img {
filter: alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
}
a.hover__opacity.opacity-9:hover img, a.hover__opacity.opacity-9:active img {
filter: alpha(opacity=90);
-moz-opacity: 0.9;
opacity: 0.9;
}
.disB {
display: block;
}
#header,
#header_fix_area {
display: none !important;
}
.globalHeader {
position: relative;
}
.p-top-test .globalHeader {
display: block;
}
@media screen and (max-width: 768px) {
.p-top-test .globalHeader {
width: 100%;
z-index: 100;
}
}
.globalHeader-description {
margin-top: 1px;
position: relative;
color: #777;
width: 100%;
background-color: #eee;
}
@media screen and (max-width: 768px) {
.globalHeader-description {
display: none;
}
}
.globalHeader-description-inner {
font-size: calc(10px * 1.2);
font-size: calc(1rem * 1.2);
margin: 0 auto;
padding: 0.85em 0;
display: block;
line-height: 1.4;
width: 96%;
max-width: 1040px;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.globalHeader-description-inner {
font-size: calc(10px * 1.2);
font-size: calc(0.7rem * 1.2);
}
}
@media screen and (max-width: 1040px) {
.globalHeader-description-inner {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
}
}
@media screen and (max-width: 1040px) and (max-width: 768px) {
.globalHeader-description-inner {
font-size: calc(1.8vw * 1.2);
}
}
.globalHeader-wire {
margin: 6px auto 0;
padding: 0.675rem 0 1.25rem 0;
display: table;
width: 96%;
max-width: 1040px;
background: #fff;
font-size: 0;
}
.globalHeader-wire::after {
content: "";
clear: both;
display: block;
}
@media screen and (max-width: 768px) {
.globalHeader-wire {
margin-top: 0;
padding: 0;
display: block;
position: relative;
width: 100%;
z-index: 10;
}
.globalHeader-wire::after {
content: "";
clear: both;
display: block;
}
}
.globalHeader-wire._mod {
display: none;
}
@media screen and (max-width: 768px) {
.globalHeader-wire._mod {
display: block;
}
}
.globalHeader-logo {
display: table-cell;
width: 11%;
vertical-align: middle;
}
@media screen and (max-width: 768px) {
.globalHeader-logo {
margin: 1vw;
display: block;
float: left;
width: 18%;
}
}
.globalHeader-logo a {
display: block;
line-height: 0;
transition: 0.25s;
}
.globalHeader-logo a:hover, .globalHeader-logo a:active {
opacity: 0.9;
}
.globalHeader-logo._mod {
display: none;
}
@media screen and (max-width: 768px) {
.globalHeader-logo._mod {
display: block;
}
}
.globalHeader-main {
display: table-cell;
width: 88%;
vertical-align: middle;
}
@media screen and (max-width: 768px) {
.globalHeader-main {
display: none;
}
}
.globalHeader-main-info {
display: table;
width: 100%;
font-size: 0;
}
.globalHeader-main-info-cname {
font-size: 10px;
font-size: 1rem;
display: table-cell;
width: 22.2222222222%;
vertical-align: middle;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
text-align: center;
white-space: nowrap;
}
@media screen and (max-width: 768px) {
.globalHeader-main-info-cname {
font-size: 10px;
font-size: 0.7rem;
}
}
@media screen and (max-width: 1040px) {
.globalHeader-main-info-cname {
font-size: 10px;
font-size: 1rem;
font-size: 0.6vw;
}
}
@media screen and (max-width: 1040px) and (max-width: 768px) {
.globalHeader-main-info-cname {
font-size: 1.8vw;
}
}
.globalHeader-main-info-tel {
display: table-cell;
width: 52.7777777778%;
vertical-align: middle;
}
.globalHeader-main-info-tel dl {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
font-size: 0;
}
.globalHeader-main-info-tel dt {
padding: 0;
width: 42%;
vertical-align: middle;
text-align: center;
}
.globalHeader-main-info-tel dt span {
font-size: calc(10px * 1.2);
font-size: calc(1rem * 1.2);
padding: 0.5em 1em;
border: 2px solid #3f95ff;
border-radius: 0.8rem;
-webkit-border-radius: 0.8rem;
-moz-border-radius: 0.8rem;
line-height: 1.4;
color: #3f95ff;
background: transparent;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
white-space: nowrap;
}
@media screen and (max-width: 768px) {
.globalHeader-main-info-tel dt span {
font-size: calc(10px * 1.2);
font-size: calc(0.7rem * 1.2);
}
}
@media screen and (max-width: 1040px) {
.globalHeader-main-info-tel dt span {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
}
}
@media screen and (max-width: 1040px) and (max-width: 768px) {
.globalHeader-main-info-tel dt span {
font-size: calc(1.8vw * 1.2);
}
}
.globalHeader-main-info-tel dd {
padding: 0;
width: 54%;
vertical-align: middle;
text-align: center;
}
.globalHeader-main-info-tel dd a {
font-size: calc(10px * 3);
font-size: calc(1rem * 3);
color: #3f95ff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
text-decoration: none;
}
@media screen and (max-width: 768px) {
.globalHeader-main-info-tel dd a {
font-size: calc(10px * 3);
font-size: calc(0.7rem * 3);
}
}
@media screen and (max-width: 1040px) {
.globalHeader-main-info-tel dd a {
font-size: 50px;
font-size: 5rem;
font-size: calc(0.6vw * 5);
}
}
@media screen and (max-width: 1040px) and (max-width: 768px) {
.globalHeader-main-info-tel dd a {
font-size: calc(1.8vw * 5);
}
}
.globalHeader-main-info-mail {
display: table-cell;
width: 18.5%;
vertical-align: middle;
}
.globalHeader-main-info-mailBtn {
display: table-cell;
position: relative;
width: 25%;
}
.globalHeader-main-info-mailBtn::before {
content: "";
position: absolute;
top: -1px;
left: 0;
width: 30%;
height: 100%;
background-image: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/img/common/ftr_cv_form.png);
background-repeat: no-repeat;
background-size: contain;
background-position: top;
z-index: 1;
}
.globalHeader-main-info-mailBtn a.temp-button-gradient {
padding-left: 23.5%;
width: 76.5%;
text-align: center;
letter-spacing: 1px;
}
.globalHeader-main-nav {
margin: 0;
padding-top: 0.5rem;
width: 100%;
}
.globalHeader-main-nav ul {
width: 100%;
font-size: 0;
}
.globalHeader-main-nav ul li {
margin: 0 5px 0 0;
display: inline-block;
width: 12.5%;
text-align: center;
}
.globalHeader-main-nav ul li a {
font-family: ab-babywalk, sans-serif;
font-weight: 400;
font-style: normal;
font-size: calc(10px * 1.3);
font-size: calc(1rem * 1.3);
padding: 0.5em 0;
border: none;
border: 0.25em solid #fafafa !important;
box-sizing: border-box;
display: block;
position: relative;
line-height: 1.4;
color: #47526a;
background-image: linear-gradient(to right, #47526a 50%, #fff 50%);
background-size: 200% 100.5%;
background-position: right bottom;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
text-align: center;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
transition: 0.25s ease-out;
}
@media screen and (max-width: 768px) {
.globalHeader-main-nav ul li a {
font-size: calc(10px * 1.3);
font-size: calc(0.7rem * 1.3);
}
}
@media screen and (max-width: 1040px) {
.globalHeader-main-nav ul li a {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
}
}
@media screen and (max-width: 1040px) and (max-width: 768px) {
.globalHeader-main-nav ul li a {
font-size: calc(1.8vw * 2);
}
}
.globalHeader-main-nav ul li a:hover, .globalHeader-main-nav ul li a:active {
color: #fff;
background-position: left bottom;
box-shadow: none;
}
.globalHeader-main-nav ul li a span {
position: relative;
z-index: 10;
}
.globalHeader-main-nav ul li:last-of-type {
margin-right: 0;
}
.globalHeader-main-nav ul li.navlist-han {
width: calc((100% - 35px) * 0.2222222222);
}
.globalHeader-main-nav ul li.navlist-han a {
border: none;
border-left: 0.5em solid #387ddd !important;
position: relative;
color: #47526a;
background-image: linear-gradient(to right, #387ddd 40%, #fff 40%);
background-size: 200% 100.5%;
background-position: right bottom;
}
.globalHeader-main-nav ul li.navlist-han a:hover {
background-image: linear-gradient(to right, #387ddd 50%, #fff 50%);
background-position: left bottom;
color: #fff;
}
.globalHeader-main-nav ul li.navlist-han a:hover::before, .globalHeader-main-nav ul li.navlist-han a:hover::after {
display: none;
}
.globalHeader-main-nav ul li.navlist-han a::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: repeating-linear-gradient(-45deg, #fff, #fff 5px, transparent 0, transparent 10px);
transition: 0.25s;
z-index: 2;
}
.globalHeader-main-nav ul li.navlist-han a::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(56, 125, 221, 0);
transition: 0.25s;
z-index: 1;
}
.globalHeader-main-nav ul li.navlist-jyo {
width: calc((100% - 35px) * 0.0833333333);
}
.globalHeader-main-nav ul li.navlist-jyo a {
border: none;
border-left: 0.5em solid #ff8882 !important;
background-image: linear-gradient(to right, #ff8882 40%, #fff 40%);
background-size: 200% 100%;
background-position: right bottom;
}
.globalHeader-main-nav ul li.navlist-jyo a:hover {
background-image: linear-gradient(to right, #ff8882 50%, #fff 50%);
background-position: left bottom;
color: #fff;
}
.globalHeader-main-nav ul li.navlist-jyo a:hover::before, .globalHeader-main-nav ul li.navlist-jyo a:hover::after {
display: none;
}
.globalHeader-main-nav ul li.navlist-jyo a::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: repeating-linear-gradient(-45deg, #fff, #fff 5px, transparent 0, transparent 10px);
transition: 0.25s;
z-index: 2;
}
.globalHeader-main-nav ul li.navlist-jyo a::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 136, 130, 0);
transition: 0.25s;
z-index: 1;
}
.globalHeader-main-nav ul li.navlist-bus {
width: calc((100% - 35px) * 0.0555555556);
}
.globalHeader-main-nav ul li.navlist-bus a {
border: none;
border-left: 0.5em solid #59b5b4 !important;
background-image: linear-gradient(to right, #59b5b4 40%, #fff 40%);
background-size: 200% 100%;
background-position: right bottom;
}
.globalHeader-main-nav ul li.navlist-bus a:hover {
background-image: linear-gradient(to right, #59b5b4 50%, #fff 50%);
background-position: left bottom;
color: #fff;
}
.globalHeader-main-nav ul li.navlist-bus a:hover::before, .globalHeader-main-nav ul li.navlist-bus a:hover::after {
display: none;
}
.globalHeader-main-nav ul li.navlist-bus a::before {
content: "";
position: absolute;
top: 0;
left: -1px;
width: calc(100% + 1px);
height: 100%;
background-image: repeating-linear-gradient(-45deg, #fff, #fff 5px, transparent 0, transparent 10px);
transition: 0.25s;
z-index: 2;
}
.globalHeader-main-nav ul li.navlist-bus a::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(89, 181, 180, 0);
transition: 0.25s;
z-index: 1;
}
.globalHeader-main-nav ul li.navlist-kid {
width: calc((100% - 35px) * 0.1666666667);
}
.globalHeader-main-nav ul li.navlist-kid a {
border: none;
border-left: 0.5em solid #f5b226 !important;
background-image: linear-gradient(to right, #f5b226 40%, #fff 40%);
background-size: 200% 100%;
background-position: right bottom;
}
.globalHeader-main-nav ul li.navlist-kid a:hover {
background-image: linear-gradient(to right, #f5b226 50%, #fff 50%);
background-position: left bottom;
color: #fff;
}
.globalHeader-main-nav ul li.navlist-kid a:hover::before, .globalHeader-main-nav ul li.navlist-kid a:hover::after {
display: none;
}
.globalHeader-main-nav ul li.navlist-kid a::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: repeating-linear-gradient(-45deg, #fff, #fff 5px, transparent 0, transparent 10px);
transition: 0.25s;
z-index: 2;
}
.globalHeader-main-nav ul li.navlist-kid a::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(245, 178, 38, 0);
transition: 0.25s;
z-index: 1;
}
.globalHeader-main-nav ul li.navlist-bgv {
width: calc((100% - 35px) * 0.1111111111);
}
.globalHeader-main-nav ul li.navlist-bgv a {
border: none;
border-left: 0.5em solid #b74faf !important;
background-image: linear-gradient(to right, #b74faf 40%, #fff 40%);
background-size: 200% 100%;
background-position: right bottom;
}
.globalHeader-main-nav ul li.navlist-bgv a:hover {
background-image: linear-gradient(to right, #b74faf 50%, #fff 50%);
background-position: left bottom;
color: #fff;
}
.globalHeader-main-nav ul li.navlist-bgv a:hover::before, .globalHeader-main-nav ul li.navlist-bgv a:hover::after {
display: none;
}
.globalHeader-main-nav ul li.navlist-bgv a::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: repeating-linear-gradient(-45deg, #fff, #fff 5px, transparent 0, transparent 10px);
transition: 0.25s;
z-index: 2;
}
.globalHeader-main-nav ul li.navlist-bgv a::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(183, 79, 175, 0);
transition: 0.25s;
z-index: 1;
}
.globalHeader-main-nav ul li.navlist-exh {
width: calc((100% - 35px) * 0.1111111111);
}
.globalHeader-main-nav ul li.navlist-exh a {
border: none;
border-left: 0.5em solid #7b6079 !important;
background-image: linear-gradient(to right, #7b6079 40%, #fff 40%);
background-size: 200% 100%;
background-position: right bottom;
}
.globalHeader-main-nav ul li.navlist-exh a:hover {
background-image: linear-gradient(to right, #7b6079 50%, #fff 50%);
background-position: left bottom;
color: #fff;
}
.globalHeader-main-nav ul li.navlist-exh a:hover::before, .globalHeader-main-nav ul li.navlist-exh a:hover::after {
display: none;
}
.globalHeader-main-nav ul li.navlist-exh a::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: repeating-linear-gradient(-45deg, #fff, #fff 5px, transparent 0, transparent 10px);
transition: 0.25s;
z-index: 2;
}
.globalHeader-main-nav ul li.navlist-exh a::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(123, 96, 121, 0);
transition: 0.25s;
z-index: 1;
}
.globalHeader-main-nav ul li.navlist-ony {
width: calc((100% - 35px) * 0.1111111111);
}
.globalHeader-main-nav ul li.navlist-ony a {
border: none;
border-left: 0.5em solid #f8893e !important;
background-image: linear-gradient(to right, #f8893e 40%, #fff 40%);
background-size: 200% 100%;
background-position: right bottom;
}
.globalHeader-main-nav ul li.navlist-ony a:hover {
background-image: linear-gradient(to right, #f8893e 50%, #fff 50%);
background-position: left bottom;
color: #fff;
}
.globalHeader-main-nav ul li.navlist-ony a:hover::before, .globalHeader-main-nav ul li.navlist-ony a:hover::after {
display: none;
}
.globalHeader-main-nav ul li.navlist-ony a::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: repeating-linear-gradient(-45deg, #fff, #fff 5px, transparent 0, transparent 10px);
transition: 0.25s;
z-index: 2;
}
.globalHeader-main-nav ul li.navlist-ony a::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(248, 137, 62, 0);
transition: 0.25s;
z-index: 1;
}
.globalHeader-main-nav ul li.navlist-dig {
width: calc((100% - 35px) * 0.1388888889);
}
.globalHeader-main-nav ul li.navlist-dig a {
border: none;
border-left: 0.5em solid #669a5e !important;
background-image: linear-gradient(to right, #669a5e 40%, #fff 40%);
background-size: 200% 100%;
background-position: right bottom;
}
.globalHeader-main-nav ul li.navlist-dig a:hover {
background-image: linear-gradient(to right, #669a5e 50%, #fff 50%);
background-position: left bottom;
color: #fff;
}
.globalHeader-main-nav ul li.navlist-dig a:hover::before, .globalHeader-main-nav ul li.navlist-dig a:hover::after {
display: none;
}
.globalHeader-main-nav ul li.navlist-dig a::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: repeating-linear-gradient(-45deg, #fff, #fff 5px, transparent 0, transparent 10px);
transition: 0.25s;
z-index: 2;
}
.globalHeader-main-nav ul li.navlist-dig a::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(102, 154, 94, 0);
transition: 0.25s;
z-index: 1;
}
.globalHeader-main-nav ul li.navlist-com {
width: calc((100% - 35px) * 0.1111111111);
}
.globalHeader-main-nav ul li.navlist-com a {
border: none;
border-left: 0.5em solid #9eb5ba !important;
background-image: linear-gradient(to right, #9eb5ba 40%, #fff 40%);
background-size: 200% 100%;
background-position: right bottom;
}
.globalHeader-main-nav ul li.navlist-com a:hover {
background-image: linear-gradient(to right, #9eb5ba 50%, #fff 50%);
background-position: left bottom;
color: #fff;
}
.globalHeader-main-nav ul li.navlist-com a:hover::before, .globalHeader-main-nav ul li.navlist-com a:hover::after {
display: none;
}
.globalHeader-main-nav ul li.navlist-com a::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: repeating-linear-gradient(-45deg, #fff, #fff 5px, transparent 0, transparent 10px);
transition: 0.25s;
z-index: 2;
}
.globalHeader-main-nav ul li.navlist-com a::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(158, 181, 186, 0);
transition: 0.25s;
z-index: 1;
}
.globalNavi-hamburger {
display: none;
}
@media screen and (max-width: 768px) {
.globalNavi-hamburger {
display: block;
position: fixed;
top: 0;
right: 0;
width: 15.584vw;
height: 15.584vw;
vertical-align: top;
z-index: 1000;
}
}
.globalNavi-hamburger-btn {
line-height: 0;
width: 4vw;
height: 4vw;
font-size: 12px;
text-align: center;
cursor: pointer;
}
.globalNavi-hamburger-btn span {
color: #727171;
}
.globalNavi-hamburger-btn span::after {
content: attr(data-txt-menu);
}
.open .globalNavi-hamburger-btn span::after {
content: attr(data-txt-close);
}
.globalNavi-hamburger-trigger,
.globalNavi-hamburger-trigger ._dec {
display: inline-block;
transition: transform 0.4s;
box-sizing: border-box;
}
.globalNavi-hamburger-trigger {
border: 3px solid #ccc;
box-sizing: border-box;
float: right;
width: 15.584vw;
height: 15.584vw;
background: #fff;
z-index: 100;
}
.globalNavi-hamburger-trigger::before {
content: "";
position: absolute;
background-color: #ccc;
top: 5.75vw;
left: calc(50% - 3vw);
width: 6vw;
height: 2px;
transition: transform 0.4s;
}
.globalNavi-hamburger-trigger::after {
content: "";
position: absolute;
bottom: 5.75vw;
left: calc(50% - 3vw);
width: 6vw;
height: 2px;
background-color: #ccc;
transition: transform 0.4s;
}
.globalNavi-hamburger-trigger ._dec {
margin-top: -1px;
position: absolute;
top: 50%;
left: calc(50% - 3vw);
width: 6vw;
height: 2px;
background-color: #ccc;
overflow: hidden;
transition: transform 0.4s;
}
.globalNavi-hamburger-trigger ._hambTag {
margin: 60px auto 0 0;
padding: 0 10px 6px 0;
content: "MENU";
display: block;
color: #000;
background: rgba(255, 255, 255, 0.8);
font-size: 16px;
font-size: 1.6rem;
letter-spacing: 4px;
writing-mode: vertical-rl;
transition: transform 0.4s;
white-space: nowrap;
}
.globalNavi-hamburger-trigger.is-active::before {
top: 50%;
left: calc(50% - 3.1875vw);
width: 6.375vw;
height: 2px;
background-color: #ccc;
transform: rotate(225deg);
}
.globalNavi-hamburger-trigger.is-active::after {
top: 50%;
left: calc(50% - 3.1875vw);
width: 6.375vw;
height: 2px;
background-color: #ccc;
transform: rotate(-225deg);
}
.globalNavi-hamburger-trigger.is-active ._dec {
margin-top: -1px;
top: 50%;
background-color: #ccc;
opacity: 0;
}
.globalNavi-hamburger-trigger.is-active ._hambTag {
color: #3fcaff;
background: none;
}
.globalNavi-hamburger-trigger._colorChange::before {
background-color: #3fcaff;
}
.globalNavi-hamburger-trigger._colorChange::after {
background-color: #3fcaff;
}
.globalNavi-hamburger-trigger._colorChange.is-active::before {
background-color: #727171;
}
.globalNavi-hamburger-trigger._colorChange.is-active::after {
background-color: #727171;
}
.globalNavi-hamburger-trigger._colorChange ._dec {
background-color: #3fcaff;
}
.globalNavi-modalMenu {
position: fixed;
display: block;
top: 0;
right: 0;
width: 100%;
height: 100%;
min-height: 100vh;
background: #fafafa;
-webkit-transition: transform 0.5s;
transition: transform 0.5s;
visibility: hidden;
opacity: 0;
-webkit-overflow-scrolling: touch;
overflow-y: scroll;
z-index: 100;
overflow-y: auto;
max-height: 90%;
}
.open .globalNavi-modalMenu {
height: auto;
-webkit-transition: transform 0.5s;
transition: transform 0.5s;
visibility: visible;
overflow-y: scroll;
opacity: 1;
}
.globalNavi-modalMenu-cont {
font-size: 16px;
font-size: 1.6rem;
font-size: calc(0.6vw * 1.6);
margin: 0 auto;
line-height: 1.4;
clear: both;
width: 100%;
font-size: 0;
text-align: center;
vertical-align: top;
}
@media screen and (max-width: 768px) {
.globalNavi-modalMenu-cont {
font-size: calc(1.8vw * 1.6);
}
}
.globalNavi-modalMenu-ttl {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
padding: 0.7em 2em;
color: #fff;
background: #ccc;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
text-align: left;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.globalNavi-modalMenu-ttl {
font-size: calc(1.8vw * 2);
}
}
.globalNavi-modalMenu-nav {
margin: 0 auto;
border-top: 1px solid #e2e2e2;
box-sizing: border-box;
position: relative;
width: 100%;
font-size: 0;
}
.globalNavi-modalMenu-nav:last-of-type {
padding-bottom: 100px;
}
.globalNavi-modalMenu-nav .globalNavi-modalMenu-nav-list {
margin: 0;
padding: 0;
display: block;
width: 100%;
text-align: center;
}
.globalNavi-modalMenu-nav .globalNavi-modalMenu-nav-list a {
position: relative;
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
margin: 0;
padding: 1.35em 2em;
border-bottom: 1px solid #e2e2e2;
box-sizing: border-box;
position: relative;
display: block;
line-height: 1;
color: #333;
background: #fff;
font-weight: bold;
cursor: pointer;
letter-spacing: 1px;
text-align: left;
}
.globalNavi-modalMenu-nav .globalNavi-modalMenu-nav-list a::after {
content: "";
margin-top: -4px;
border-top: 1px solid #3f95ff;
border-right: 1px solid #3f95ff;
position: absolute;
top: 50%;
left: 10px;
width: 8px;
height: 8px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.globalNavi-modalMenu-nav .globalNavi-modalMenu-nav-list a {
font-size: calc(1.8vw * 2);
}
}
.globalNavi-modalMenu-nav .globalNavi-modalMenu-nav-list a::after {
left: 0.5em;
}
.globalNavi-modalMenu-nav .globalNavi-modalMenu-nav-list .accordion-header {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
padding: 1.35em 2em;
border-bottom: 1px solid #e2e2e2;
border-top: none;
box-sizing: border-box;
position: relative;
display: block;
line-height: 1;
color: #333;
font-weight: bold;
cursor: pointer;
letter-spacing: 1px;
text-align: left;
}
@media screen and (max-width: 768px) {
.globalNavi-modalMenu-nav .globalNavi-modalMenu-nav-list .accordion-header {
font-size: calc(1.8vw * 2);
}
}
.globalNavi-modalMenu-nav .globalNavi-modalMenu-nav-list .accordion-header::before {
content: "";
display: block;
position: absolute;
top: 0;
left: auto;
bottom: 0;
right: 1em;
margin: auto;
width: 16px;
height: 1px;
background-color: #3f95ff;
transition: 0.2s;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
}
.globalNavi-modalMenu-nav .globalNavi-modalMenu-nav-list .accordion-header::after {
content: "";
display: block;
position: absolute;
top: 0;
right: 1em;
bottom: 0;
left: auto;
margin: auto;
width: 16px;
height: 1px;
background-color: #3f95ff;
transition: 0.3s;
}
.globalNavi-modalMenu-nav .globalNavi-modalMenu-nav-list .accordion-header.is-active::before {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
.globalNavi-modalMenu-nav .globalNavi-modalMenu-nav-list .accordion-header.is-active::after {
background-color: transparent;
}
.globalNavi-modalMenu-nav .globalNavi-modalMenu-nav-list .accordion-cont {
margin-bottom: 0;
display: none;
}
.globalNavi-modalMenu-nav .globalNavi-modalMenu-nav-list .accordion-cont .accordion-cont-list a {
padding: 1.35em 2em 1.35em 3.5em;
color: #3f95ff;
background: #fafafa;
}
.globalNavi-modalMenu-nav .globalNavi-modalMenu-nav-list .accordion-cont .accordion-cont-list a::after {
left: calc(2rem + 8px);
}
.globalNavi-modalMenu-sns {
margin: 2.5vw auto 10vw;
display: inline-block;
width: 80%;
font-size: 0;
vertical-align: middle;
}
.globalNavi-modalMenu-sns ._list {
margin: 0 29.435% 0 0;
display: inline-block;
vertical-align: top;
width: 13.71%;
}
.globalNavi-modalMenu-sns ._list:last-of-type {
margin-right: 0;
}
.globalNavi-modalMenu-sns ._list a img {
width: 100%;
height: auto;
transition: 0.25s;
}
.globalNavi-modalMenu-sns ._list a:hover img, .globalNavi-modalMenu-sns ._list a:active img {
opacity: 0.8;
}
.globalHeader-mail {
display: none;
}
@media screen and (max-width: 768px) {
.globalHeader-mail {
border-left: 1px solid #ccc;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
margin: 0 15.584vw 0 0;
display: block;
float: right;
width: 15.584vw;
height: 15.584vw;
}
}
.globalHeader-mail a {
padding: 12.5% 0;
display: flex;
justify-content: center;
align-items: center;
}
.globalHeader-mail a img {
width: 100%;
max-width: 75%;
height: auto;
}
.globalHeader-tel {
display: none;
}
@media screen and (max-width: 768px) {
.globalHeader-tel {
border-left: 1px solid #ccc;
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
margin: 0;
display: block;
float: right;
width: 15.584vw;
height: 15.584vw;
}
}
.globalHeader-tel a {
padding: 12.5% 0;
display: flex;
justify-content: center;
align-items: center;
}
.globalHeader-tel a img {
width: 100%;
max-width: 75%;
height: auto;
}
.globalNaviSp {
display: none;
}
@media screen and (max-width: 768px) {
.globalNaviSp {
border-top: none;
display: block;
float: none;
clear: both;
width: 100%;
overflow-x: scroll;
}
}
.globalNaviSp-menuList {
margin: 0;
padding: 0;
text-align: center;
font-size: 0;
width: 280%;
}
.globalNaviSp-menuList li {
display: inline-block;
}
.globalNaviSp-menuList li a {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
padding: 1rem 0;
display: block;
line-height: 1.6;
position: relative;
color: #fff;
background-color: #113F8C;
font-weight: bold;
z-index: 0;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.globalNaviSp-menuList li a {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.globalNaviSp-menuList li a {
font-size: 14px;
font-size: 1.4rem;
font-size: calc(0.6vw * 1.4);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.globalNaviSp-menuList li a {
font-size: calc(1.8vw * 1.4);
}
}
.globalNaviSp-menuList li:first-of-type {
width: 16.3265306122%;
}
.globalNaviSp-menuList li:first-of-type a {
background: #3f95ff;
background: #387ddd;
}
.globalNaviSp-menuList li:nth-of-type(2) {
width: 6.1224489796%;
}
.globalNaviSp-menuList li:nth-of-type(2) a {
background: #FF8882;
background: #FF8882;
}
.globalNaviSp-menuList li:nth-of-type(3) {
width: 4.0816326531%;
}
.globalNaviSp-menuList li:nth-of-type(3) a {
background: #126E82;
background: #59b5b4;
}
.globalNaviSp-menuList li:nth-of-type(4) {
width: 12.2448979592%;
}
.globalNaviSp-menuList li:nth-of-type(4) a {
background: #FFC537;
background: #F5B226;
}
.globalNaviSp-menuList li:nth-of-type(5) {
width: 8.1632653061%;
}
.globalNaviSp-menuList li:nth-of-type(5) a {
background: #7B6079;
background: #b74faf;
}
.globalNaviSp-menuList li:nth-of-type(6) {
width: 8.1632653061%;
}
.globalNaviSp-menuList li:nth-of-type(6) a {
background: #f8893e;
}
.globalNaviSp-menuList li:nth-of-type(7) {
width: 10.2040816327%;
}
.globalNaviSp-menuList li:nth-of-type(7) a {
background: #669a5e;
}
.globalNaviSp-menuList li:nth-of-type(8) {
width: 8.1632653061%;
}
.globalNaviSp-menuList li:nth-of-type(8) a {
background: #9eb5ba;
}
.globalNaviSp-menuList li:nth-of-type(9) {
width: 20.4081632653%;
}
.globalNaviSp-menuList li:nth-of-type(9) a {
background: #FE7F9C;
}
.globalNaviSp-menuList li:nth-of-type(10) {
width: 6.1224489796%;
}
.globalNaviSp-menuList li:nth-of-type(10) a {
color: #333;
background: #BBFFBB;
}
.globalHeader-topics {
padding: 1em 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
box-sizing: border-box;
width: 100%;
background: #fafafa;
box-shadow: 2px 2px 4px 0 rgba(0, 0, 0, 0.1) inset;
}
@media screen and (max-width: 768px) {
.globalHeader-topics {
display: none;
}
}
.globalHeader-topics-wire {
margin: 0 auto;
width: 96%;
max-width: 1040px;
overflow: hidden;
}
.globalHeader-topics-content {
margin-left: calc((10.5% - 6.5rem) / 2);
width: calc(100% - (10.5% - 6.5rem) / 2);
}
@media screen and (max-width: 768px) {
.globalHeader-topics-content {
margin-left: 0;
}
}
.globalHeader-topics-content dt {
font-size: calc(10px * 1.2);
font-size: calc(1rem * 1.2);
padding: 0.5em 0.75em;
border: 2px dashed #3f95ff;
box-sizing: border-box;
display: table-cell;
width: 5em;
line-height: 1.4;
color: #3f95ff;
background: #fff;
font-weight: normal;
font-weight: bold;
text-align: center;
letter-spacing: 2px;
}
@media screen and (max-width: 768px) {
.globalHeader-topics-content dt {
font-size: calc(10px * 1.2);
font-size: calc(0.7rem * 1.2);
}
}
@media screen and (max-width: 1040px) {
.globalHeader-topics-content dt {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
}
}
@media screen and (max-width: 1040px) and (max-width: 768px) {
.globalHeader-topics-content dt {
font-size: calc(1.8vw * 1.2);
}
}
.globalHeader-topics-content dd {
margin: 0;
padding: 0;
display: table-cell;
position: relative;
width: calc(100% - 5em);
white-space: nowrap;
overflow: hidden;
}
.globalHeader-topics-content dd::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 20px;
height: 100%;
background-image: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/img/common/bg_topics.png);
background-repeat: repeat-y;
background-size: auto;
background-position: left top;
z-index: 10;
}
.globalHeader-topics-content dd ul {
margin: 0;
line-height: 1.4;
width: 100%;
white-space: nowrap;
animation: txtscroll 28s linear infinite;
}
.globalHeader-topics-content dd ul li {
margin: 0 4rem 0 0;
display: inline;
width: auto;
}
.globalHeader-topics-content dd ul li a,
.globalHeader-topics-content dd ul li span {
font-size: calc(10px * 1.2);
font-size: calc(1rem * 1.2);
padding: 0.5em 2em 0.5em 1em;
border-left: 8px solid #3f95ff;
border-radius: 0;
box-sizing: border-box;
line-height: 1.4;
color: #47526a;
background: #fff;
font-weight: bold;
transition: none;
}
@media screen and (max-width: 768px) {
.globalHeader-topics-content dd ul li a,
.globalHeader-topics-content dd ul li span {
font-size: calc(10px * 1.2);
font-size: calc(0.7rem * 1.2);
}
}
@media screen and (max-width: 1040px) {
.globalHeader-topics-content dd ul li a,
.globalHeader-topics-content dd ul li span {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
}
}
@media screen and (max-width: 1040px) and (max-width: 768px) {
.globalHeader-topics-content dd ul li a,
.globalHeader-topics-content dd ul li span {
font-size: calc(1.8vw * 1.2);
}
}
.globalHeader-topics-content dd ul li a:hover, .globalHeader-topics-content dd ul li a:active {
border-top: 1px solid #3f95ff;
border-right: 1px solid #3f95ff;
border-bottom: 1px solid #3f95ff;
color: #3f95ff;
}
.globalHeader-renewal-pc {
margin: auto 0;
padding: 10px 0 0;
position: relative;
display: block;
width: 100%;
background: #fff;
font-size: 0;
}
@media screen and (max-width: 768px) {
.globalHeader-renewal-pc {
display: none;
}
}
.globalHeader-renewal-pc__wire {
margin: 0 auto;
display: flex;
line-height: 0;
width: 96%;
max-width: 1040px;
align-items: stretch;
justify-content: space-between;
font-size: 0;
}
.globalHeader-renewal-pc__logo {
width: 12.5%;
}
.globalHeader-renewal-pc__detail {
margin: 0 0 30px;
width: 87.5%;
}
.globalHeader-renewal-pc__detail-inner {
display: flex;
align-items: center;
justify-content: flex-end;
}
.globalHeader-renewal-pc__detail-description {
font-size: calc(10px * 1.2);
font-size: calc(1rem * 1.2);
margin: 0 0 10px;
display: flex;
line-height: 1.4;
align-items: stretch;
justify-content: flex-end;
text-align: right;
}
@media screen and (max-width: 768px) {
.globalHeader-renewal-pc__detail-description {
font-size: calc(10px * 1.2);
font-size: calc(0.7rem * 1.2);
}
}
.globalHeader-renewal-pc__detail-button {
display: flex;
width: 45.9340659341%;
}
.globalHeader-renewal-pc__detail-button li {
display: table-cell;
}
.globalHeader-renewal-pc__detail-button li a {
display: block;
transition: all ease 0.25s;
}
.globalHeader-renewal-pc__detail-button li a img {
width: 100%;
height: auto;
transition: all ease 0.25s;
}
.globalHeader-renewal-pc__detail-button li a:hover, .globalHeader-renewal-pc__detail-button li a:active {
opacity: 0.85;
}
.globalHeader-renewal-pc__detail-button li a:hover img, .globalHeader-renewal-pc__detail-button li a:active img {
opacity: 0;
}
.globalHeader-renewal-pc__detail-button--phone {
width: 54.4364508393%;
}
.globalHeader-renewal-pc__detail-button--phone a {
margin: 0 1px 0 0;
background-image: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/img/common/hdr_phone_ov.png);
background-position: left top;
background-repeat: no-repeat;
background-size: cover;
}
.globalHeader-renewal-pc__detail-button--contact {
width: 45.5635491607%;
}
.globalHeader-renewal-pc__detail-button--contact a {
background-image: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/img/common/hdr_contact_ov.png);
background-position: left top;
background-repeat: no-repeat;
background-size: cover;
}
.globalHeader-renewal-pc__menu {
border-top: 1px solid #ebebeb;
box-sizing: border-box;
width: 100%;
}
.globalHeader-renewal-pc__menu ul {
margin: 0 auto;
display: flex;
width: 96%;
max-width: 1040px;
}
.globalHeader-renewal-pc__menu ul li {
width: 14.2857142857%;
}
.globalHeader-renewal-pc__menu ul li a {
font-size: calc(10px * 1.3);
font-size: calc(1rem * 1.3);
padding: 1em 0;
display: block;
position: relative;
display: block;
line-height: 1.4;
color: #333;
font-weight: bold;
text-align: center;
}
@media screen and (max-width: 768px) {
.globalHeader-renewal-pc__menu ul li a {
font-size: calc(10px * 1.3);
font-size: calc(0.7rem * 1.3);
}
}
.globalHeader-renewal-pc__menu ul li a::before {
content: "";
margin-left: -3px;
border-radius: 7px;
box-sizing: border-box;
position: absolute;
top: -3px;
left: 50%;
width: 7px;
height: 7px;
background: #ccc;
transition: all ease 0.25s;
}
.globalHeader-renewal-pc__menu ul li a::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
width: 0;
height: 1px;
background-color: #000;
transition: all 0.3s ease;
transform: translateX(-50%);
}
.globalHeader-renewal-pc__menu ul li a:hover.menu--han::before, .globalHeader-renewal-pc__menu ul li a:hover.menu--jyo::before, .globalHeader-renewal-pc__menu ul li a:hover.menu--bus::before, .globalHeader-renewal-pc__menu ul li a:hover.menu--kid::before, .globalHeader-renewal-pc__menu ul li a:hover.menu--bgv::before, .globalHeader-renewal-pc__menu ul li a:hover.menu--ony::before, .globalHeader-renewal-pc__menu ul li a:hover.menu--dig::before, .globalHeader-renewal-pc__menu ul li a:active.menu--han::before, .globalHeader-renewal-pc__menu ul li a:active.menu--jyo::before, .globalHeader-renewal-pc__menu ul li a:active.menu--bus::before, .globalHeader-renewal-pc__menu ul li a:active.menu--kid::before, .globalHeader-renewal-pc__menu ul li a:active.menu--bgv::before, .globalHeader-renewal-pc__menu ul li a:active.menu--ony::before, .globalHeader-renewal-pc__menu ul li a:active.menu--dig::before {
background: white;
}
.globalHeader-renewal-pc__menu ul li a:hover::after, .globalHeader-renewal-pc__menu ul li a:active::after {
width: 100%;
transition: width 0.3s ease, left 0.3s ease 0.3s;
}
.globalHeader-renewal-pc__menu ul li a.menu--han::before {
border: 1px solid #387ddd;
background: #387ddd;
}
.globalHeader-renewal-pc__menu ul li a.menu--han::after {
background-color: #387ddd;
}
.globalHeader-renewal-pc__menu ul li a.menu--jyo::before {
border: 1px solid #FF8882;
background: #FF8882;
}
.globalHeader-renewal-pc__menu ul li a.menu--jyo::after {
background-color: #FF8882;
}
.globalHeader-renewal-pc__menu ul li a.menu--bus::before {
border: 1px solid #59b5b4;
background: #59b5b4;
}
.globalHeader-renewal-pc__menu ul li a.menu--bus::after {
background-color: #59b5b4;
}
.globalHeader-renewal-pc__menu ul li a.menu--kid::before {
border: 1px solid #F5B226;
background: #F5B226;
}
.globalHeader-renewal-pc__menu ul li a.menu--kid::after {
background-color: #F5B226;
}
.globalHeader-renewal-pc__menu ul li a.menu--bgv::before {
border: 1px solid #b74faf;
background: #b74faf;
}
.globalHeader-renewal-pc__menu ul li a.menu--bgv::after {
background-color: #b74faf;
}
.globalHeader-renewal-pc__menu ul li a.menu--ony::before {
border: 1px solid #f8893e;
background: #f8893e;
}
.globalHeader-renewal-pc__menu ul li a.menu--ony::after {
background-color: #f8893e;
}
.globalHeader-renewal-pc__menu ul li a.menu--dig::before {
border: 1px solid #669a5e;
background: #669a5e;
}
.globalHeader-renewal-pc__menu ul li a.menu--dig::after {
background-color: #669a5e;
}
.globalHeader-renewal-pc__sub-menu {
margin: 0 1.6483516484% 0 0;
display: flex;
width: 43.956043956%;
}
.globalHeader-renewal-pc__sub-menu ul li {
position: relative;
}
.globalHeader-renewal-pc__sub-menu ul li:first-of-type {
width: 25% !important;
}
.globalHeader-renewal-pc__sub-menu ul li:first-of-type::after {
content: "";
position: absolute;
top: 4px;
right: 0;
width: 1px;
height: calc(100% - 8px);
background: #ebebeb;
}
.globalHeader-renewal-pc__sub-menu ul li:nth-of-type(2) {
width: 50% !important;
}
.globalHeader-renewal-pc__sub-menu ul li:nth-of-type(2)::after {
content: "";
position: absolute;
top: 4px;
right: 0;
width: 1px;
height: calc(100% - 8px);
background: #ebebeb;
}
.globalHeader-renewal-pc__sub-menu ul li:nth-of-type(3) {
width: 25% !important;
}
.globalHeader-renewal-pc__sub-menu ul li a.menu--com::before {
border: 1px solid #9eb5ba;
background: #9eb5ba;
}
.globalHeader-renewal-pc__sub-menu ul li a.menu--com::after {
background-color: #9eb5ba;
}
.globalHeader-renewal-pc__sub-menu ul li a.menu--mod::before {
border: 1px solid #FE7F9C;
background: #FE7F9C;
}
.globalHeader-renewal-pc__sub-menu ul li a.menu--mod::after {
background-color: #FE7F9C;
}
.globalHeader-renewal-pc__sub-menu ul li a.menu--lib::before {
border: 1px solid #BBFFBB;
background: #BBFFBB;
}
.globalHeader-renewal-pc__sub-menu ul li a.menu--lib::after {
background-color: #BBFFBB;
}
.globalHeader-renewal-pc__sub-menu ul li a:hover.menu--com::before, .globalHeader-renewal-pc__sub-menu ul li a:hover.menu--mod::before, .globalHeader-renewal-pc__sub-menu ul li a:hover.menu--lib::before, .globalHeader-renewal-pc__sub-menu ul li a:active.menu--com::before, .globalHeader-renewal-pc__sub-menu ul li a:active.menu--mod::before, .globalHeader-renewal-pc__sub-menu ul li a:active.menu--lib::before {
background: white;
}
.globalFooter {
margin: 0;
border-top: 12px solid #eee;
box-sizing: border-box;
position: relative;
width: 100%;
background: #fff;
}
.globalFooter::before {
content: "";
position: absolute;
top: -12px;
left: 0;
width: 100%;
height: calc(100% + 12px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
@media screen and (max-width: 768px) {
.globalFooter::before {
top: -8px;
height: calc(100% + 8px);
}
}
.globalFooter::after {
content: "";
position: absolute;
top: -12px;
left: 0;
width: 100%;
height: calc(100% + 12px);
background-image: -webkit-linear-gradient(120deg, rgba(71, 82, 106, 0.8) 0%, #3f95ff 80%);
background-image: linear-gradient(120deg, rgba(71, 82, 106, 0.8) 0%, #3f95ff 80%);
z-index: -10;
}
@media screen and (max-width: 768px) {
.globalFooter::after {
top: -8px;
height: calc(100% + 8px);
}
}
.globalFooter-wire {
margin: 0 auto;
padding: 4rem 0;
width: 90%;
max-width: 1040px;
font-size: 0;
}
@media screen and (max-width: 768px) {
.globalFooter-wire {
padding: 0;
}
}
.globalFooter-info {
margin: -2rem 2.5% 0 0;
padding: 2rem 0 4rem;
display: inline-block;
width: 31.6666666667%;
background: transparent;
vertical-align: top;
}
@media screen and (max-width: 768px) {
.globalFooter-info {
margin-top: 0;
display: block;
width: 100%;
}
}
.globalFooter-info-logo {
margin: 0 auto 1rem;
width: 30%;
}
.globalFooter-info-cname {
font-size: calc(10px * 1.2);
font-size: calc(1rem * 1.2);
line-height: 1.8;
font-weight: bold;
text-align: center;
}
@media screen and (max-width: 768px) {
.globalFooter-info-cname {
font-size: calc(10px * 1.2);
font-size: calc(0.7rem * 1.2);
}
}
@media screen and (max-width: 768px) {
.globalFooter-info-cname {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.globalFooter-info-cname {
font-size: calc(1.8vw * 2);
}
}
.globalFooter-info-catch {
font-size: calc(10px * 1.2);
font-size: calc(1rem * 1.2);
margin: 0 0 2rem;
line-height: 1.8;
font-weight: bold;
text-align: center;
}
@media screen and (max-width: 768px) {
.globalFooter-info-catch {
font-size: calc(10px * 1.2);
font-size: calc(0.7rem * 1.2);
}
}
@media screen and (max-width: 768px) {
.globalFooter-info-catch {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.globalFooter-info-catch {
font-size: calc(1.8vw * 2);
}
}
.globalFooter-info-tel {
margin: 0 0 0.5rem;
padding: 0;
text-align: center;
}
.globalFooter-info-tel a {
font-size: calc(10px * 3.6);
font-size: calc(1rem * 3.6);
line-height: 1;
color: #000;
}
@media screen and (max-width: 768px) {
.globalFooter-info-tel a {
font-size: calc(10px * 3.6);
font-size: calc(0.7rem * 3.6);
}
}
@media screen and (max-width: 768px) {
.globalFooter-info-tel a {
font-size: 48px;
font-size: 4.8rem;
font-size: calc(0.6vw * 4.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.globalFooter-info-tel a {
font-size: calc(1.8vw * 4.8);
}
}
.globalFooter-info-mail {
margin: 0 0 2rem;
padding: 0;
text-align: center;
}
.globalFooter-info-mail a {
font-size: calc(10px * 3);
font-size: calc(1rem * 3);
line-height: 1;
color: #000;
}
@media screen and (max-width: 768px) {
.globalFooter-info-mail a {
font-size: calc(10px * 3);
font-size: calc(0.7rem * 3);
}
}
@media screen and (max-width: 768px) {
.globalFooter-info-mail a {
font-size: 48px;
font-size: 4.8rem;
font-size: calc(0.6vw * 4.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.globalFooter-info-mail a {
font-size: calc(1.8vw * 4.8);
}
}
.globalFooter-info-address {
font-size: calc(10px * 1.2);
font-size: calc(1rem * 1.2);
margin-bottom: 0;
line-height: 1.4;
text-align: center;
}
@media screen and (max-width: 768px) {
.globalFooter-info-address {
font-size: calc(10px * 1.2);
font-size: calc(0.7rem * 1.2);
}
}
@media screen and (max-width: 768px) {
.globalFooter-info-address {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.globalFooter-info-address {
font-size: calc(1.8vw * 2);
}
}
.globalFooter-cont {
display: inline-block;
width: 63.3333333333%;
vertical-align: top;
font-size: 0;
}
@media screen and (max-width: 768px) {
.globalFooter-cont {
display: none;
width: 100%;
}
}
.globalFooter-cont dl {
width: 100%;
font-size: 0;
}
.globalFooter-cont dl dt {
font-size: calc(10px * 1.8);
font-size: calc(1rem * 1.8);
margin: 0 0 2rem;
padding: 0 0 1rem;
display: block;
position: relative;
overflow: hidden;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
letter-spacing: 0.5px;
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin-bottom: 1rem;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
}
@media screen and (max-width: 768px) {
.globalFooter-cont dl dt {
font-size: calc(10px * 1.8);
font-size: calc(0.7rem * 1.8);
}
}
.globalFooter-cont dl dt::before {
content: "";
border-bottom: 1px solid #9eb5ba;
border-color: #3f95ff;
position: absolute;
bottom: 0;
width: 100%;
}
.globalFooter-cont dl dt::after {
content: "";
position: absolute;
bottom: 0;
width: 100%;
border-bottom: 1px solid #e5e5e5;
}
@media screen and (max-width: 768px) {
.globalFooter-cont dl dt {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
.globalFooter-cont dl dd ul {
list-style: none;
}
.globalFooter-cont dl dd ul li {
list-style: none;
}
.globalFooter-cont dl dd ul li a {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
padding: 0.5rem 0;
display: block;
line-height: 1.4;
color: #000;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.globalFooter-cont dl dd ul li a {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
.globalFooter-cont dl dd ul li a:hover, .globalFooter-cont dl dd ul li a:active {
text-decoration: underline;
}
.globalFooter-cont dl.globalFooter-cont-menu {
margin: 0 2.5%;
display: inline-block;
width: 45%;
vertical-align: top;
}
.globalFooter-cont dl.globalFooter-cont-menu dd ul li {
display: block;
width: 100%;
}
.globalFooter-cont dl.globalFooter-cont-cat {
margin: 0 2.5%;
display: inline-block;
width: 45%;
vertical-align: top;
font-size: 0;
}
.globalFooter-cont dl.globalFooter-cont-cat dd ul li {
display: inline-block;
width: 50%;
}
.globalFooter-copyright {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
padding: 1rem 0;
display: block;
line-height: 1.4;
width: 100%;
color: #ccc;
background: #47526a;
text-align: center;
}
@media screen and (max-width: 768px) {
.globalFooter-copyright {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.globalFooter-copyright {
font-size: 14px;
font-size: 1.4rem;
font-size: calc(0.6vw * 1.4);
padding-bottom: 2rem;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.globalFooter-copyright {
font-size: calc(1.8vw * 1.4);
}
}
.globalFooter-cv {
display: none;
}
@media screen and (max-width: 768px) {
.globalFooter-cv {
display: block;
padding: 5px;
position: fixed;
left: 0;
bottom: 0;
width: 100%;
background: #47526a;
visibility: visible;
font-size: 0;
z-index: 100;
}
}
body.p-contact .globalFooter-cv, body.p-complete .globalFooter-cv, body.p-j-contact .globalFooter-cv, body.p-j-complete .globalFooter-cv {
display: none !important;
}
@media screen and (max-width: 768px) {
body.p-contact .globalFooter-cv, body.p-complete .globalFooter-cv, body.p-j-contact .globalFooter-cv, body.p-j-complete .globalFooter-cv {
display: none !important;
}
}
.globalFooter-cv-icn {
display: none;
}
@media screen and (max-width: 768px) {
.globalFooter-cv-icn {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
margin: 0 5px 0 0;
padding: 2.5% 0 2.5% 17.5%;
border: 2px solid #999;
box-sizing: border-box;
display: inline-block;
line-height: 1.3;
color: #fff !important;
width: calc((100% - 15px) / 2);
font-weight: bold;
background-repeat: no-repeat;
background-size: 40%;
background-position: left center;
text-align: left;
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.globalFooter-cv-icn {
font-size: calc(1.8vw * 1.8);
}
}
.globalFooter-cv-icn._tel {
background-image: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/img/common/ftr_cv_tel.png);
background-position: -1% center;
}
.globalFooter-cv-icn._form {
position: relative;
background-image: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/img/common/ftr_cv_form.png);
}
.globalFooter-cv-icn._form::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: -webkit-gradient(linear, left top, right top, color-stop(40%, #ff3cac), to(#562b7c));
background: -webkit-gradient(linear, left top, right top, from(rgb(5, 79, 178)), to(rgb(254, 12, 118)));
background: linear-gradient(90deg, rgb(5, 79, 178), rgb(254, 12, 118));
z-index: -1;
}
.globalFooter-cv-icn:last-of-type {
margin-right: 0;
}
.globalFooter-sidecv {
padding: 15px 0 10px 10px;
border-radius: 10px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
position: fixed;
right: 0;
bottom: 100px;
width: 180px;
background: #333333;
font-size: 0;
z-index: 10;
box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 768px) {
.globalFooter-sidecv {
display: none !important;
}
}
.globalFooter-sidecv::after {
content: "";
margin-left: -23px;
position: absolute;
top: -23px;
left: 50%;
width: 46px;
height: 46px;
background-image: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/img/common/ftr_scv_icn.png);
background-repeat: no-repeat;
background-size: 100%;
background-position: left top;
}
.p-contact .globalFooter-sidecv, .p-j-contact .globalFooter-sidecv {
display: none !important;
}
.globalFooter-sidecv-item,
.globalFooter-sidecv-tel,
.globalFooter-sidecv-form {
margin: 0;
padding: 0;
display: block;
font-size: 0;
}
.globalFooter-sidecv-tel img,
.globalFooter-sidecv-form img {
transition: 0.25s;
}
.globalFooter-sidecv-tel:hover img, .globalFooter-sidecv-tel:active img,
.globalFooter-sidecv-form:hover img,
.globalFooter-sidecv-form:active img {
opacity: 0.85;
}
.commonContactBox {
margin: 0 auto 32px;
width: 100%;
font-size: 0;
}
.commonContactBox-lead {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
margin: 0 0 30px;
padding: 1.5em 0;
border-bottom: 1px solid #eee;
box-sizing: border-box;
line-height: 1.4;
width: 100%;
background: #eee;
font-weight: bold;
text-align: center;
position: relative;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.commonContactBox-lead {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.commonContactBox-lead {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
letter-spacing: 0;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.commonContactBox-lead {
font-size: calc(1.8vw * 1.8);
}
}
.commonContactBox-lead::after {
content: "";
margin-left: -20px;
border-top: 20px solid #eee;
border-right: 20px solid transparent;
border-bottom: 20px solid transparent;
border-left: 20px solid transparent;
position: absolute;
left: 50%;
bottom: -40px;
}
@media screen and (max-width: 768px) {
.commonContactBox-lead::after {
margin-left: -12px;
border-top: 12px solid #eee;
border-right: 12px solid transparent;
border-bottom: 12px solid transparent;
border-left: 12px solid transparent;
bottom: -24px;
}
}
.commonContactBox-btn {
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
width: 90%;
max-width: 1040px;
}
@media screen and (max-width: 768px) {
.commonContactBox-btn {
display: block;
width: 90%;
}
}
.commonContactBox-btn a {
width: 32.7%;
}
@media screen and (max-width: 768px) {
.commonContactBox-btn a {
display: block;
width: 45%;
}
}
.commonContactBox-btn a.commonContactBox-btn-tel {
margin: 0 8.65% 0 0;
}
@media screen and (max-width: 768px) {
.commonContactBox-btn a.commonContactBox-btn-tel {
margin: 0 auto 15px;
width: 75%;
}
}
.commonContactBox-btn a.commonContactBox-btn-form {
margin: 0 0 0 8.65%;
}
@media screen and (max-width: 768px) {
.commonContactBox-btn a.commonContactBox-btn-form {
margin: 0 auto;
width: 75%;
}
}
.commonContactBox-btn a:hover img, .commonContactBox-btn a:active img {
opacity: 0.85;
}
.commonBnrBox {
margin: 0;
padding: 40px 0;
width: 100%;
background: #47526a;
}
@media screen and (max-width: 768px) {
.commonBnrBox {
padding: 5vw 0;
}
}
.commonBnrBox-wire {
margin: 0 auto;
width: 90%;
max-width: 1040px;
font-size: 0;
}
.commonBnrBox-linkBox {
margin: 0 2.6666666667% 0 0;
padding: 10px;
border: 1px solid #fff;
box-sizing: border-box;
display: inline-block;
width: 23%;
background: #fff;
transition: 0.25s;
}
@media screen and (max-width: 768px) {
.commonBnrBox-linkBox {
margin: 0 2.5% 5vw 0;
padding: 5px;
width: 47.5%;
}
}
@media screen and (max-width: 768px) {
.commonBnrBox-linkBox:nth-of-type(2n) {
margin-right: 0;
margin-left: 2.5%;
}
}
.commonBnrBox-linkBox:nth-of-type(3), .commonBnrBox-linkBox:nth-of-type(4) {
margin-bottom: 0;
}
.commonBnrBox-linkBox:last-of-type {
margin-right: 0;
}
.commonBnrBox-linkBox img {
margin: 0 0 10px;
display: block;
}
@media screen and (max-width: 768px) {
.commonBnrBox-linkBox img {
margin-bottom: 5px;
}
}
.commonBnrBox-linkBox p {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0 0 1em;
padding: 0;
position: relative;
line-height: 1.6;
color: #000;
font-weight: bold;
transition: 0.25s;
}
@media screen and (max-width: 768px) {
.commonBnrBox-linkBox p {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.commonBnrBox-linkBox p {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.commonBnrBox-linkBox p {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
.commonBnrBox-linkBox p::before {
content: "";
position: absolute;
top: 0;
right: 0;
border-radius: 10px;
width: 20px;
height: 20px;
background: #ccc;
transition: 0.25s;
}
@media screen and (max-width: 768px) {
.commonBnrBox-linkBox p::before {
display: none;
}
}
.commonBnrBox-linkBox p::after {
content: "";
margin: 0;
padding: 0;
border-top: 4px solid transparent;
border-bottom: 4px solid transparent;
border-left: 4px solid #fff;
position: absolute;
top: 6px;
right: -1px;
width: 8px;
transition: 0.25s;
}
@media screen and (max-width: 768px) {
.commonBnrBox-linkBox p::after {
display: none;
}
}
.commonBnrBox-linkBox:hover, .commonBnrBox-linkBox:active {
background: transparent;
transition: 0.25s;
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
}
.commonBnrBox-linkBox:hover p, .commonBnrBox-linkBox:active p {
color: #fff;
}
.commonBnrBox-linkBox:hover p::after, .commonBnrBox-linkBox:active p::after {
border-left: 4px solid #47526a;
}
.breadcrumbs {
margin: 0 auto;
padding: 0.5em 0;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
box-sizing: border-box;
position: relative;
line-height: 1.4;
width: 100%;
background: #fafafa;
font-size: 12px;
font-size: 1.2rem;
}
@media screen and (max-width: 768px) {
.breadcrumbs {
padding: 0;
}
}
.breadcrumbs .breadcrumbs-frame {
margin: 0 auto;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
max-width: 1040px;
overflow-x: scroll;
}
@media screen and (max-width: 768px) {
.breadcrumbs .breadcrumbs-frame {
padding: 0;
width: 100%;
}
}
.breadcrumbs .breadcrumbs-frame::-webkit-scrollbar {
display: none;
}
@media screen and (max-width: 600px) {
.breadcrumbs .breadcrumbs-frame::after {
content: "";
display: block;
background-image: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/img/common/item_bread_fade.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 100%;
}
}
.breadcrumbs .breadcrumbs-frame-inner {
margin: 0 auto;
padding: 5px 5% 5px 10px;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
}
@media screen and (min-width: 600px) {
.breadcrumbs .breadcrumbs-frame-inner {
margin: 0 auto;
padding: 0 2%;
width: 96%;
overflow-x: auto;
justify-content: left;
}
}
@media screen and (min-width: 768px) {
.breadcrumbs .breadcrumbs-frame-inner {
justify-content: center;
}
}
@media screen and (max-width: 768px) {
.breadcrumbs .breadcrumbs-frame-inner {
width: calc(95% - 10px);
}
}
.breadcrumbs .breadcrumbs-frame-inner li {
font-size: calc(10px * 1.2);
font-size: calc(1rem * 1.2);
margin: 0;
padding: 0;
padding: 0 0.5em 0 0;
display: inline;
line-height: 1.4;
list-style: none;
white-space: nowrap;
}
@media screen and (max-width: 768px) {
.breadcrumbs .breadcrumbs-frame-inner li {
font-size: calc(10px * 1.2);
font-size: calc(0.7rem * 1.2);
}
}
@media screen and (max-width: 768px) {
.breadcrumbs .breadcrumbs-frame-inner li {
font-size: 14px;
font-size: 1.4rem;
font-size: calc(0.6vw * 1.4);
padding-right: 8px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.breadcrumbs .breadcrumbs-frame-inner li {
font-size: calc(1.8vw * 1.4);
}
}
.breadcrumbs .breadcrumbs-frame-inner li::after {
content: ">";
padding: 0;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-size: 11px;
font-size: 1.1rem;
}
@media screen and (min-width: 600px) {
.breadcrumbs .breadcrumbs-frame-inner li::after {
font-size: 12px;
font-size: 1.2rem;
}
}
.breadcrumbs .breadcrumbs-frame-inner li:last-child {
padding-right: 1em;
}
.breadcrumbs .breadcrumbs-frame-inner li:last-child::after {
display: none;
}
.breadcrumbs .breadcrumbs-frame-inner li a,
.breadcrumbs .breadcrumbs-frame-inner li span {
font-size: calc(10px * 1.2);
font-size: calc(1rem * 1.2);
padding: 0;
line-height: 1.4;
color: #000;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
}
@media screen and (max-width: 768px) {
.breadcrumbs .breadcrumbs-frame-inner li a,
.breadcrumbs .breadcrumbs-frame-inner li span {
font-size: calc(10px * 1.2);
font-size: calc(0.7rem * 1.2);
}
}
@media screen and (max-width: 768px) {
.breadcrumbs .breadcrumbs-frame-inner li a,
.breadcrumbs .breadcrumbs-frame-inner li span {
font-size: 14px;
font-size: 1.4rem;
font-size: calc(0.6vw * 1.4);
line-height: 1.4;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.breadcrumbs .breadcrumbs-frame-inner li a,
.breadcrumbs .breadcrumbs-frame-inner li span {
font-size: calc(1.8vw * 1.4);
}
}
.breadcrumbs .breadcrumbs-frame-inner li a {
margin: 0 0.5em 0 0;
}
@media screen and (max-width: 768px) {
.breadcrumbs .breadcrumbs-frame-inner li a {
margin-right: 8px;
}
}
.breadcrumbs .breadcrumbs-frame-inner li a:hover, .breadcrumbs .breadcrumbs-frame-inner li a:active {
text-decoration: underline;
}
.breadcrumbs .breadcrumbs-frame-inner li.home span a span {
margin-top: -2px;
display: inline-block;
width: 15px;
height: 12px;
background-image: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/img/common/icn_home.png);
background-repeat: no-repeat;
background-size: cover;
background-position: left top;
vertical-align: middle;
font-size: 0;
}
.breadcrumbs a:hover, .breadcrumbs a:active {
border-bottom: 1px solid;
}
.nbLinks {
margin: 2vw auto 0;
padding: 2vw 0 0;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: stretch;
align-items: stretch;
border-top: 1px solid #ccc;
box-sizing: border-box;
width: 100%;
font-size: 0;
}
@media screen and (max-width: 768px) {
.nbLinks {
margin: 20px auto 0;
}
}
@media screen and (max-width: 768px) {
.nbLinks {
padding: 20px 0 0;
}
}
@media screen and (max-width: 768px) {
.nbLinks {
margin: 20px 0;
}
}
.nbLinks._joint {
margin: 4vw 0 0;
padding: 4vw 0 0;
border-top: 1px solid #dcdcdc;
box-sizing: border-box;
}
@media screen and (max-width: 768px) {
.nbLinks._joint {
margin-top: 40px;
padding-top: 20px;
}
}
.nbLinks-back,
.nbLinks-next {
margin: 0 5px;
display: inline-block;
}
.nbLinks-back a,
.nbLinks-next a {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
padding: 0.5em 0.5em 1em;
box-sizing: border-box;
display: block;
text-align: center;
letter-spacing: 2px;
transition: 0.25s;
}
@media screen and (max-width: 768px) {
.nbLinks-back a,
.nbLinks-next a {
font-size: calc(1.8vw * 2);
}
}
@media screen and (max-width: 768px) {
.nbLinks-back a,
.nbLinks-next a {
border-bottom: 4px solid #3fcaff;
}
}
.nbLinks-back a:hover, .nbLinks-back a:active,
.nbLinks-next a:hover,
.nbLinks-next a:active {
background: #e5e5e5;
}
.nbLinks-back {
margin: 0 1em 0 0;
}
.nbLinks-back a {
border-bottom: 5px solid #3fcaff;
color: #3fcaff;
}
.nbLinks-next a {
border-bottom: 5px solid #000;
color: #000;
}
.pagination {
margin: 40px auto 80px;
width: 88.542%;
max-width: 1640px;
}
@media screen and (max-width: 768px) {
.pagination {
margin: 4vw auto 8vw;
width: 90%;
}
}
.pagination ul {
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center;
-webkit-align-items: stretch;
align-items: stretch;
}
.pagination ul li {
margin: 0 2px 0 0;
display: inline-block;
}
.pagination ul li span {
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
display: none;
}
.pagination ul li span.page-numbers {
display: inline-block;
}
.pagination ul li span.page-numbers.current {
font-size: 16px;
font-size: 1.6rem;
font-size: calc(0.6vw * 1.6);
border: 1px solid #47526a;
box-sizing: border-box;
display: inline-block;
line-height: 30px;
color: #fff;
width: 2.5em;
height: 30px;
background: #47526a;
text-align: center;
}
@media screen and (max-width: 768px) {
.pagination ul li span.page-numbers.current {
font-size: calc(1.8vw * 1.6);
}
}
@media screen and (max-width: 768px) {
.pagination ul li span.page-numbers.current {
width: 30px;
}
}
.pagination ul li a {
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
transition: 0.25s;
}
.pagination ul li a.page-numbers {
font-size: 16px;
font-size: 1.6rem;
font-size: calc(0.6vw * 1.6);
border: 1px solid #47526a;
box-sizing: border-box;
display: inline-block;
line-height: 30px;
color: #47526a;
width: 2.5em;
height: 30px;
text-align: center;
}
@media screen and (max-width: 768px) {
.pagination ul li a.page-numbers {
font-size: calc(1.8vw * 1.6);
}
}
@media screen and (max-width: 768px) {
.pagination ul li a.page-numbers {
line-height: 30px;
width: 30px;
}
}
.pagination ul li a.page-numbers:hover, .pagination ul li a.page-numbers:active {
color: #fff;
background: rgba(71, 82, 106, 0.75);
}
@media screen and (max-width: 768px) {
.grecaptcha-badge {
display: none !important;
}
}
@media screen and (max-width: 768px) {
body.p-contact .grecaptcha-badge, body.p-j-contact .grecaptcha-badge {
display: block !important;
}
}
.fade_off {
opacity: 0;
-webkit-transition: transform 1s;
-moz-transition: transform 1s;
-o-transition: transform 1s;
-ms-transition: transform 1s;
transition: transform 1s;
}
.fade_off._lr {
transform: translate(100px, 0);
}
.fade_off._rl {
transform: translate(-100px, 0);
}
.fade_off._ud {
transform: translate(0, -100px);
}
.fade_off._du {
transform: translate(0, 100px);
}
.fade_on {
opacity: 1;
}
.fade_on._lr, .fade_on._rl, .fade_on._ud, .fade_on._du {
transform: translate(0, 0);
} .fadein {
opacity: 0.1;
transform: translate(0, 20px);
transition: all 1000ms;
} .fadein.scrollin {
opacity: 1;
transform: translate(0, 0);
}
.mainContents > section {
padding: 0 0 4vw;
}
@media screen and (max-width: 768px) {
.mainContents > section {
padding: 0 0 40px;
}
}
.mainCont {
margin: 20px auto 0;
width: 96%;
max-width: 1040px;
overflow-x: hidden;
}
.mainCont::after {
content: "";
clear: both;
display: block;
}
@media screen and (max-width: 768px) {
.mainCont {
margin: 0 auto;
}
}
.mainCont._mt0 {
margin-top: 0;
}
.mainCont .mainCont-col1 {
margin: 60px auto;
width: 100%;
}
@media screen and (max-width: 768px) {
.mainCont .mainCont-col1 {
margin: 40px auto 60px;
width: 90%;
}
}
.mainCont .mainCont-appeal {
margin: 40px 0;
width: 100%;
}
.mainCont .commonDivision {
margin: 0 0 40px;
padding: 0 0 40px;
border-bottom: 1px dashed #ccc;
box-sizing: border-box;
width: 100%;
}
.mainCont .commonDivision:last-of-type {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.mainCont .commonDivision._bdr {
margin-bottom: 40px;
border-bottom: 1px dashed #ccc;
}
.mainCont .commonDivision._noBdr {
padding-bottom: 0;
border-bottom: none;
}
.mainCont .commonDivision._topModule {
padding: 10px;
border: 10px solid #f7f7f7;
box-sizing: border-box;
position: relative;
}
.mainCont .commonDivision-ttl {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .commonDivision-ttl {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .commonDivision-ttl {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .commonDivision-ttl {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .commonDivision-ttl span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .commonDivision-ttl._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .commonDivision-ttl._addIcn ._ja {
width: 88%;
}
}
.mainCont .commonDivision-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainCont .commonDivision-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .commonDivision-ttl ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .commonDivision-ttl ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .commonDivision-ttl ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .commonDivision-ttl ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .commonDivision-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .commonDivision-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .commonDivision-ttl ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .commonDivision-ttl ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .commonDivision-ttl ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .commonDivision-ttl ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .commonDivision-ttl ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .commonDivision-ttl ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .commonDivision-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .commonDivision-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .commonDivision-ttl ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .commonDivision-ttl ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .commonDivision-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .commonDivision-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .commonDivision-ttl ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .commonDivision-ttl ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .commonDivision-ttl ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .commonDivision-ttl ._icn {
right: 1rem;
}
}
.mainCont .commonDivision-ttl ._icn:hover, .mainCont .commonDivision-ttl ._icn:active {
opacity: 0.85;
}
.mainCont .commonDivision-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .commonDivision-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .commonDivision-ttl ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .commonDivision-ttl ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .commonDivision-ttl ._btn:visited {
color: #1d3994;
}
.mainCont .commonDivision-ttl ._btn:hover, .mainCont .commonDivision-ttl ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .commonDivision-ttl::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .commonDivision-ttl::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(158, 181, 186, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
background-image: linear-gradient(120deg, rgba(158, 181, 186, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
z-index: -10;
}
.mainCont .commonDivision-btnlist {
font-size: 0;
margin: 0;
width: 100%;
font-size: 0;
}
.mainCont .commonDivision-btnlist._psC {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.mainCont .commonDivision-btnlist .buttonDefault-link {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
margin: 0 auto;
padding: 1em 2.25em;
border: 1px solid #aaa;
box-sizing: border-box;
display: block;
position: relative;
line-height: 1.8;
width: 90%;
color: #000 !important;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
letter-spacing: 2px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .commonDivision-btnlist .buttonDefault-link {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .commonDivision-btnlist .buttonDefault-link {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
width: 70%;
max-width: none;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .commonDivision-btnlist .buttonDefault-link {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .commonDivision-btnlist .buttonDefault-link::before {
content: "";
position: absolute;
top: calc(50% - 1px);
right: 2em;
width: 50px;
height: 1px;
background: #aaa;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .commonDivision-btnlist .buttonDefault-link::before {
width: 40px;
}
}
.mainCont .commonDivision-btnlist .buttonDefault-link::after {
content: "";
margin-top: -5px;
border-top: 1px solid #aaa;
border-right: 1px solid #aaa;
position: absolute;
top: 50%;
right: 2em;
width: 8px;
height: 8px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .commonDivision-btnlist .buttonDefault-link::after {
margin-top: -4px;
width: 6px;
height: 6px;
}
}
.mainCont .commonDivision-btnlist .buttonDefault-link:hover, .mainCont .commonDivision-btnlist .buttonDefault-link:active {
border: 1px solid #333;
color: #fff !important;
background: #333;
}
.mainCont .commonDivision-btnlist .buttonDefault-link:hover::before, .mainCont .commonDivision-btnlist .buttonDefault-link:active::before {
background: #fff;
}
.mainCont .commonDivision-btnlist .buttonDefault-link:hover::after, .mainCont .commonDivision-btnlist .buttonDefault-link:active::after {
border-top: 1px solid #fff;
border-right: 1px solid #fff;
right: 1.5em;
}
.mainCont .commonDivision-btnlist .buttonDefault-link ._en {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
}
@media screen and (max-width: 768px) {
.mainCont .commonDivision-btnlist .buttonDefault-link ._en {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .commonDivision-btnlist .buttonDefault-link ._en {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .commonDivision-btnlist .buttonDefault-link ._en {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .commonDivision-btnlist .buttonDefault-link ._ja {
font-size: calc(10px * 1.2);
font-size: calc(1rem * 1.2);
display: block;
}
@media screen and (max-width: 768px) {
.mainCont .commonDivision-btnlist .buttonDefault-link ._ja {
font-size: calc(10px * 1.2);
font-size: calc(0.7rem * 1.2);
}
}
@media screen and (max-width: 768px) {
.mainCont .commonDivision-btnlist .buttonDefault-link ._ja {
font-size: 14px;
font-size: 1.4rem;
font-size: calc(0.6vw * 1.4);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .commonDivision-btnlist .buttonDefault-link ._ja {
font-size: calc(1.8vw * 1.4);
}
}
.mainCont .commonDivision-btnlist .buttonDefault-link._anchor::before, .mainCont .commonDivision-btnlist .buttonDefault-link._pdf::before {
top: calc(45% - 5px);
right: calc(2em + 4px);
width: 1px;
height: 24px;
}
@media screen and (max-width: 768px) {
.mainCont .commonDivision-btnlist .buttonDefault-link._anchor::before, .mainCont .commonDivision-btnlist .buttonDefault-link._pdf::before {
top: calc(45% - 8px);
}
}
.mainCont .commonDivision-btnlist .buttonDefault-link._anchor::after, .mainCont .commonDivision-btnlist .buttonDefault-link._pdf::after {
top: calc(50% - 10px + 20px);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
@media screen and (max-width: 768px) {
.mainCont .commonDivision-btnlist .buttonDefault-link._anchor::after, .mainCont .commonDivision-btnlist .buttonDefault-link._pdf::after {
right: calc(2em + 1px);
}
}
.mainCont .commonDivision-btnlist .buttonDefault-link._anchor:hover::before, .mainCont .commonDivision-btnlist .buttonDefault-link._anchor:active::before, .mainCont .commonDivision-btnlist .buttonDefault-link._pdf:hover::before, .mainCont .commonDivision-btnlist .buttonDefault-link._pdf:active::before {
top: calc(45% - 5px);
}
.mainCont .commonDivision-btnlist .buttonDefault-link._anchor:hover::after, .mainCont .commonDivision-btnlist .buttonDefault-link._anchor:active::after, .mainCont .commonDivision-btnlist .buttonDefault-link._pdf:hover::after, .mainCont .commonDivision-btnlist .buttonDefault-link._pdf:active::after {
top: calc(50% - 10px + 20px + 0.5em);
right: 2em;
}
@media screen and (max-width: 768px) {
.mainCont .commonDivision-btnlist .buttonDefault-link._anchor:hover::after, .mainCont .commonDivision-btnlist .buttonDefault-link._anchor:active::after, .mainCont .commonDivision-btnlist .buttonDefault-link._pdf:hover::after, .mainCont .commonDivision-btnlist .buttonDefault-link._pdf:active::after {
right: calc(2em + 1px);
}
}
.mainCont .commonDivision-btnlist .buttonDefault-link._anchor {
color: #47526a;
}
.mainCont .commonDivision-btnlist .buttonDefault-link._anchor:hover, .mainCont .commonDivision-btnlist .buttonDefault-link._anchor:active {
background: #47526a;
}
.mainCont .commonDivision-btnlist .buttonDefault-link._pdf {
color: #FF5A37;
}
.mainCont .commonDivision-btnlist .buttonDefault-link._pdf:hover, .mainCont .commonDivision-btnlist .buttonDefault-link._pdf:active {
background: #FF5A37;
}
.mainCont .commonDivision-btnlist .buttonDefault-link._cat {
background-image: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/img/common/icn_video_r.png);
background-repeat: no-repeat;
background-size: 20%;
background-position: -8% bottom;
}
.mainCont .commonDivision-btnlist::after {
content: "";
clear: both;
display: block;
}
@media screen and (max-width: 768px) {
.mainCont .commonDivision-btnlist {
margin-left: -5.555%;
margin-bottom: 20px;
width: 111.111%;
}
}
.mainCont .commonDivision-btnlist._col2 .commonDivision-btnlist-btn {
width: 40%;
}
.mainCont .commonDivision-btnlist._col2 .commonDivision-btnlist-btn .buttonDefault-link {
padding: 1em 1.5em;
}
@media screen and (max-width: 768px) {
.mainCont .commonDivision-btnlist._col2 .commonDivision-btnlist-btn .buttonDefault-link::before {
right: 1em;
width: 20px;
}
}
@media screen and (max-width: 768px) {
.mainCont .commonDivision-btnlist._col2 .commonDivision-btnlist-btn .buttonDefault-link::after {
right: 1em;
}
}
.mainCont .commonDivision-btnlist._col2 .commonDivision-btnlist-btn:nth-of-type(1) {
float: left;
}
@media screen and (max-width: 768px) {
.mainCont .commonDivision-btnlist._col2 .commonDivision-btnlist-btn:nth-of-type(1) {
width: 50%;
}
}
.mainCont .commonDivision-btnlist._col2 .commonDivision-btnlist-btn:nth-of-type(2) {
float: right;
}
@media screen and (max-width: 768px) {
.mainCont .commonDivision-btnlist._col2 .commonDivision-btnlist-btn:nth-of-type(2) {
width: 50%;
}
}
@media screen and (max-width: 768px) {
.mainCont .commonDivision-btnlist._col2 .commonDivision-btnlist-btn:nth-of-type(2) .buttonDefault-link {
border-left: none;
}
}
.mainCont .commonh3ttl {
font-size: calc(10px * 1.8);
font-size: calc(1rem * 1.8);
margin: 0 0 2rem;
padding: 1.5rem 1rem 1.5rem 5rem;
border: 1px solid #aaa;
box-sizing: border-box;
position: relative;
line-height: 1.6;
color: #000;
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .commonh3ttl {
font-size: calc(10px * 1.8);
font-size: calc(0.7rem * 1.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .commonh3ttl {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding: 1.25rem 1rem 1.25rem 3.75rem;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .commonh3ttl {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .commonh3ttl._mgS {
margin-bottom: 2rem;
}
.mainCont .commonh3ttl._mgM {
margin-bottom: 4rem;
}
.mainCont .commonh3ttl._mgL {
margin-bottom: 6rem;
}
.mainCont .commonh3ttl::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 2.4em;
height: 100%;
background-color: transparent;
background-image: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/svg/film.svg);
background-repeat: no-repeat;
background-position: left center;
}
@media screen and (max-width: 768px) {
.mainCont .commonh3ttl::before {
width: 2.2em;
}
}
.mainCont .commonh3ttl::after {
content: "";
border: 1px solid #ccc;
box-sizing: border-box;
position: absolute;
bottom: -0.5rem;
right: -0.5rem;
width: 100%;
height: 100%;
z-index: -1;
}
.mainCont .commonSubttl {
font-size: calc(10px * 1.8);
font-size: calc(1rem * 1.8);
margin: 0 0 2.5rem;
padding: 0.25rem 0 0.25rem 2rem;
border-left: 4px solid #47526a;
box-sizing: border-box;
line-height: 1.6;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .commonSubttl {
font-size: calc(10px * 1.8);
font-size: calc(0.7rem * 1.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .commonSubttl {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding: 0.25rem 0 0.25rem 1rem;
border-left: 3px solid #47526a;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .commonSubttl {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .commonTxt {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
position: relative;
display: block;
line-height: 1.8;
}
@media screen and (max-width: 768px) {
.mainCont .commonTxt {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .commonTxt {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .commonTxt {
font-size: calc(1.8vw * 2);
}
}
.mainCont .commonTxt._mbS {
margin-bottom: 2rem;
}
.mainCont .commonTxt._mbM {
margin-bottom: 4rem;
}
.mainCont .commonTxt._mbL {
margin-bottom: 6rem;
}
.mainCont .commonTxt a:hover, .mainCont .commonTxt a:active {
text-decoration: underline;
}
.mainCont .commonTxtPen {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
margin: 0 0 4rem;
padding-left: 1.6em;
position: relative;
line-height: 1.8;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
}
@media screen and (max-width: 768px) {
.mainCont .commonTxtPen {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .commonTxtPen {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .commonTxtPen {
font-size: calc(1.8vw * 2);
}
}
.mainCont .commonTxtPen::before {
content: "";
position: absolute;
top: 0.15em;
left: 0;
width: 1em;
height: 1em;
background-color: transparent;
background-image: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/svg/edit.svg);
background-repeat: no-repeat;
background-position: left center;
}
.mainCont .commonTxtPen a:hover, .mainCont .commonTxtPen a:active {
text-decoration: underline;
}
.mainCont .commonLeadtxt {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
line-height: 1.8;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
}
@media screen and (max-width: 768px) {
.mainCont .commonLeadtxt {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .commonLeadtxt {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .commonLeadtxt {
font-size: calc(1.8vw * 2);
}
}
.mainCont .commonLeadtxt a:hover, .mainCont .commonLeadtxt a:active {
text-decoration: underline;
}
.mainCont .commonLeadtxt:last-of-type {
margin-bottom: 0;
padding-bottom: 0;
}
.mainCont .commonLeadtxt._mbS {
margin-bottom: 20px;
}
.mainCont .commonLeadtxt._mbM {
margin-bottom: 40px;
}
.mainCont .commonLeadtxt._mbL {
margin-bottom: 60px;
}
.mainCont .commonLeadtxt._mbXl {
margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
.mainCont .commonLeadtxt._sw90 {
margin-right: auto;
margin-left: auto;
width: 90%;
}
}
.mainCont .commonNopost {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
margin: 0 0 60px;
line-height: 1.8;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
}
@media screen and (max-width: 768px) {
.mainCont .commonNopost {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .commonNopost {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .commonNopost {
font-size: calc(1.8vw * 2);
}
}
.mainCont .commonSearchbox {
margin: 0 auto 60px;
width: 50%;
}
@media screen and (max-width: 768px) {
.mainCont .commonSearchbox {
width: 100%;
}
}
.mainCont .commonImg {
margin: 0 auto 4rem;
width: 100%;
}
.mainCont .commonImg._w60 {
width: 60%;
}
.mainCont .commonImg._w70 {
width: 70%;
}
.mainCont .commonImg._w80 {
width: 80%;
}
.mainCont .commonImg._w90 {
width: 90%;
}
@media screen and (max-width: 768px) {
.mainCont .commonImg._w60, .mainCont .commonImg._w70, .mainCont .commonImg._w80, .mainCont .commonImg._w90 {
width: 100%;
}
}
.mainCont .commonListul {
margin: 0;
border-top: 1px solid #eee;
border-left: 1px solid #eee;
box-sizing: border-box;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
font-size: 0;
}
.mainCont .commonListul-list {
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
box-sizing: border-box;
display: inline-block;
width: 50%;
background: #fff;
vertical-align: middle;
}
@media screen and (max-width: 768px) {
.mainCont .commonListul-list {
width: 100%;
}
}
.mainCont .commonListul-list:nth-of-type(1), .mainCont .commonListul-list:nth-of-type(4n), .mainCont .commonListul-list:nth-of-type(4n+1) {
background: #fafafa;
}
@media screen and (max-width: 768px) {
.mainCont .commonListul-list:nth-of-type(1), .mainCont .commonListul-list:nth-of-type(4n), .mainCont .commonListul-list:nth-of-type(4n+1) {
background: #fff;
}
}
@media screen and (max-width: 768px) {
.mainCont .commonListul-list:nth-of-type(odd) {
background: #fafafa;
}
}
.mainCont .commonListul-list a {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
padding: 2rem;
display: block;
line-height: 1.6;
height: calc(100% - 4rem);
text-align: left;
vertical-align: middle;
}
@media screen and (max-width: 768px) {
.mainCont .commonListul-list a {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .commonListul-list a {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .commonListul-list a {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .commonListul-list a:hover, .mainCont .commonListul-list a:active {
text-decoration: underline;
}
.mainCont .commonListol {
margin: 0 0 4rem;
padding: 0;
list-style-type: none;
counter-reset: item;
list-style-type: none;
padding-left: 0;
}
.mainCont .commonListol ol {
padding-left: 1em;
}
.mainCont .commonListol-list {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
margin: 0;
padding: 0;
padding-left: 1.8em;
line-height: 2;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
text-indent: -1.8em;
}
@media screen and (max-width: 768px) {
.mainCont .commonListol-list {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .commonListol-list {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
line-height: 1.8;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .commonListol-list {
font-size: calc(1.8vw * 2);
}
}
.mainCont .commonListol-list::before {
content: counter(item) ".";
counter-increment: item; padding: 0 0.25em;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
color: #3f95ff;
}
.mainCont .commonListdl {
margin: 0;
box-sizing: border-box;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
font-size: 0;
}
.mainCont .commonListdl dt,
.mainCont .commonListdl dd {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
border-bottom: 1px dashed #ccc;
box-sizing: border-box;
display: inline-block;
line-height: 1.6;
vertical-align: top;
}
@media screen and (max-width: 768px) {
.mainCont .commonListdl dt,
.mainCont .commonListdl dd {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .commonListdl dt,
.mainCont .commonListdl dd {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
display: block;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .commonListdl dt,
.mainCont .commonListdl dd {
font-size: calc(1.8vw * 2);
}
}
.mainCont .commonListdl dt:first-of-type,
.mainCont .commonListdl dd:first-of-type {
padding-top: 0;
}
.mainCont .commonListdl dt {
padding: 2.5%;
text-align: left;
width: 25%;
}
@media screen and (max-width: 768px) {
.mainCont .commonListdl dt {
padding: 4%;
width: 100%;
}
}
.mainCont .commonListdl dd {
padding: 2.5%;
width: 75%;
}
@media screen and (max-width: 768px) {
.mainCont .commonListdl dd {
margin-bottom: 1.5rem;
padding: 4%;
width: 100%;
}
}
@media screen and (max-width: 768px) {
.mainCont .commonListdl dd:first-of-type {
padding-top: 4%;
}
}
.mainCont .commonListdl dd a:hover, .mainCont .commonListdl dd a:active {
text-decoration: underline;
}
.mainCont .commonListdl dd > dl {
margin: 0 0 2.5rem;
}
.mainCont .commonListdl dd > dl dt,
.mainCont .commonListdl dd > dl dd {
margin: 0;
padding: 0;
border: none;
width: 100%;
text-align: left;
}
.mainCont .commonListdl dd > dl:last-of-type {
margin-bottom: 0;
}
.mainCont .commonListdl._mb {
margin-bottom: 40px;
}
.mainCont .commonListdl._dtTaC dt {
text-align: center;
}
@media screen and (max-width: 768px) {
.mainCont .commonListdl._dtTaC dt {
text-align: left;
}
}
.mainCont .commonListdl._dtTaC dd > dl dt {
text-align: left;
}
.mainCont .commonListdl._dtTaR dt {
text-align: right;
}
@media screen and (max-width: 768px) {
.mainCont .commonListdl._dtTaR dt {
text-align: left;
}
}
.mainCont .commonListdl._dtTaR dd > dl dt {
text-align: left;
}
.mainCont .commonCaution {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin-left: 1.6em;
padding-left: 1em;
line-height: 1.6;
text-indent: -1em;
}
@media screen and (max-width: 768px) {
.mainCont .commonCaution {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .commonCaution {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .commonCaution {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .commonCaution::before {
content: "※";
}
.mainCont .commonCaution:last-of-type {
margin-bottom: 0;
}
.mainCont .privacySubttl {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
margin: 40px 0 20px;
padding: 0.25rem 0 0.25rem 2rem;
border-left: 4px solid #47526a;
box-sizing: border-box;
line-height: 1.6;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .privacySubttl {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .privacySubttl {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
margin-bottom: 3em 0 1.5em;
padding: 0.25rem 0 0.25rem 1rem;
border-left: 3px solid #47526a;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .privacySubttl {
font-size: calc(1.8vw * 2);
}
}
.mainCont .privacyTxt {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin-bottom: 20px;
line-height: 1.6;
}
@media screen and (max-width: 768px) {
.mainCont .privacyTxt {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .privacyTxt {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
margin-bottom: 1.5em;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .privacyTxt {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .privacyListol {
margin: 0 0 20px;
padding: 0;
list-style-type: none;
counter-reset: item;
list-style-type: none;
padding-left: 0;
}
.mainCont .privacyListol ol {
margin-bottom: 1.5em;
padding-left: 0;
}
.mainCont .privacyListol-list {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 0;
padding-left: 1.6em;
line-height: 1.6;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
text-indent: -1.6em;
}
@media screen and (max-width: 768px) {
.mainCont .privacyListol-list {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .privacyListol-list {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
line-height: 1.8;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .privacyListol-list {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .privacyListol-list::before {
content: counter(item) ".";
counter-increment: item; padding: 0 0.25em;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
color: #333;
}
.mainCont .mainCont-btnlist {
font-size: 0;
margin: 0;
width: 60%;
font-size: 0;
}
.mainCont .mainCont-btnlist._psC {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.mainCont .mainCont-btnlist .buttonDefault-link {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
margin: 0 auto;
padding: 1em 2.25em;
border: 1px solid #aaa;
box-sizing: border-box;
display: block;
position: relative;
line-height: 1.8;
width: 90%;
color: #000 !important;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
letter-spacing: 2px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .mainCont-btnlist .buttonDefault-link {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .mainCont-btnlist .buttonDefault-link {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
width: 70%;
max-width: none;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .mainCont-btnlist .buttonDefault-link {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .mainCont-btnlist .buttonDefault-link::before {
content: "";
position: absolute;
top: calc(50% - 1px);
right: 2em;
width: 50px;
height: 1px;
background: #aaa;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .mainCont-btnlist .buttonDefault-link::before {
width: 40px;
}
}
.mainCont .mainCont-btnlist .buttonDefault-link::after {
content: "";
margin-top: -5px;
border-top: 1px solid #aaa;
border-right: 1px solid #aaa;
position: absolute;
top: 50%;
right: 2em;
width: 8px;
height: 8px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .mainCont-btnlist .buttonDefault-link::after {
margin-top: -4px;
width: 6px;
height: 6px;
}
}
.mainCont .mainCont-btnlist .buttonDefault-link:hover, .mainCont .mainCont-btnlist .buttonDefault-link:active {
border: 1px solid #333;
color: #fff !important;
background: #333;
}
.mainCont .mainCont-btnlist .buttonDefault-link:hover::before, .mainCont .mainCont-btnlist .buttonDefault-link:active::before {
background: #fff;
}
.mainCont .mainCont-btnlist .buttonDefault-link:hover::after, .mainCont .mainCont-btnlist .buttonDefault-link:active::after {
border-top: 1px solid #fff;
border-right: 1px solid #fff;
right: 1.5em;
}
.mainCont .mainCont-btnlist .buttonDefault-link ._en {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
}
@media screen and (max-width: 768px) {
.mainCont .mainCont-btnlist .buttonDefault-link ._en {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .mainCont-btnlist .buttonDefault-link ._en {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .mainCont-btnlist .buttonDefault-link ._en {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .mainCont-btnlist .buttonDefault-link ._ja {
font-size: calc(10px * 1.2);
font-size: calc(1rem * 1.2);
display: block;
}
@media screen and (max-width: 768px) {
.mainCont .mainCont-btnlist .buttonDefault-link ._ja {
font-size: calc(10px * 1.2);
font-size: calc(0.7rem * 1.2);
}
}
@media screen and (max-width: 768px) {
.mainCont .mainCont-btnlist .buttonDefault-link ._ja {
font-size: 14px;
font-size: 1.4rem;
font-size: calc(0.6vw * 1.4);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .mainCont-btnlist .buttonDefault-link ._ja {
font-size: calc(1.8vw * 1.4);
}
}
.mainCont .mainCont-btnlist .buttonDefault-link._anchor::before, .mainCont .mainCont-btnlist .buttonDefault-link._pdf::before {
top: calc(45% - 5px);
right: calc(2em + 4px);
width: 1px;
height: 24px;
}
@media screen and (max-width: 768px) {
.mainCont .mainCont-btnlist .buttonDefault-link._anchor::before, .mainCont .mainCont-btnlist .buttonDefault-link._pdf::before {
top: calc(45% - 8px);
}
}
.mainCont .mainCont-btnlist .buttonDefault-link._anchor::after, .mainCont .mainCont-btnlist .buttonDefault-link._pdf::after {
top: calc(50% - 10px + 20px);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
@media screen and (max-width: 768px) {
.mainCont .mainCont-btnlist .buttonDefault-link._anchor::after, .mainCont .mainCont-btnlist .buttonDefault-link._pdf::after {
right: calc(2em + 1px);
}
}
.mainCont .mainCont-btnlist .buttonDefault-link._anchor:hover::before, .mainCont .mainCont-btnlist .buttonDefault-link._anchor:active::before, .mainCont .mainCont-btnlist .buttonDefault-link._pdf:hover::before, .mainCont .mainCont-btnlist .buttonDefault-link._pdf:active::before {
top: calc(45% - 5px);
}
.mainCont .mainCont-btnlist .buttonDefault-link._anchor:hover::after, .mainCont .mainCont-btnlist .buttonDefault-link._anchor:active::after, .mainCont .mainCont-btnlist .buttonDefault-link._pdf:hover::after, .mainCont .mainCont-btnlist .buttonDefault-link._pdf:active::after {
top: calc(50% - 10px + 20px + 0.5em);
right: 2em;
}
@media screen and (max-width: 768px) {
.mainCont .mainCont-btnlist .buttonDefault-link._anchor:hover::after, .mainCont .mainCont-btnlist .buttonDefault-link._anchor:active::after, .mainCont .mainCont-btnlist .buttonDefault-link._pdf:hover::after, .mainCont .mainCont-btnlist .buttonDefault-link._pdf:active::after {
right: calc(2em + 1px);
}
}
.mainCont .mainCont-btnlist .buttonDefault-link._anchor {
color: #47526a;
}
.mainCont .mainCont-btnlist .buttonDefault-link._anchor:hover, .mainCont .mainCont-btnlist .buttonDefault-link._anchor:active {
background: #47526a;
}
.mainCont .mainCont-btnlist .buttonDefault-link._pdf {
color: #FF5A37;
}
.mainCont .mainCont-btnlist .buttonDefault-link._pdf:hover, .mainCont .mainCont-btnlist .buttonDefault-link._pdf:active {
background: #FF5A37;
}
.mainCont .mainCont-btnlist .buttonDefault-link._cat {
background-image: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/img/common/icn_video_r.png);
background-repeat: no-repeat;
background-size: 20%;
background-position: -8% bottom;
}
@media screen and (max-width: 768px) {
.mainCont .mainCont-btnlist {
margin-bottom: 20px;
width: 100%;
}
}
.mainCont .mainCont-btnlist._col2 {
margin: 0 auto;
width: 100%;
}
@media screen and (max-width: 768px) {
.mainCont .mainCont-btnlist._col2 {
margin-top: 20px;
width: calc(100% - 40px);
}
}
.mainCont .mainCont-btnlist._col2 .mainCont-btnlist-btn {
margin: 0;
width: 50%;
}
@media screen and (max-width: 768px) {
.mainCont .mainCont-btnlist._col2 .mainCont-btnlist-btn {
display: block;
width: 100%;
}
}
.mainCont .mainCont-btnlist._col3 {
margin: 0 auto;
width: 100%;
}
@media screen and (max-width: 768px) {
.mainCont .mainCont-btnlist._col3 {
margin-top: 20px;
width: calc(100% - 40px);
}
}
.mainCont .mainCont-btnlist._col3 .mainCont-btnlist-btn {
margin: 0;
width: 33.3333333333%;
}
@media screen and (max-width: 768px) {
.mainCont .mainCont-btnlist._col3 .mainCont-btnlist-btn {
display: block;
width: 100%;
}
}
.mainCont .mainCont-btnlist._col3 .mainCont-btnlist-btn:first-of-type .buttonDefault-link, .mainCont .mainCont-btnlist._col3 .mainCont-btnlist-btn:nth-of-type(2) .buttonDefault-link, .mainCont .mainCont-btnlist._col3 .mainCont-btnlist-btn:nth-of-type(4) .buttonDefault-link, .mainCont .mainCont-btnlist._col3 .mainCont-btnlist-btn:nth-of-type(5) .buttonDefault-link {
border-right: none !important;
}
@media screen and (max-width: 768px) {
.mainCont .mainCont-btnlist._col3 .mainCont-btnlist-btn:first-of-type .buttonDefault-link, .mainCont .mainCont-btnlist._col3 .mainCont-btnlist-btn:nth-of-type(2) .buttonDefault-link, .mainCont .mainCont-btnlist._col3 .mainCont-btnlist-btn:nth-of-type(4) .buttonDefault-link, .mainCont .mainCont-btnlist._col3 .mainCont-btnlist-btn:nth-of-type(5) .buttonDefault-link {
border: 1px solid #aaa !important;
}
}
.mainCont .mainCont-btnlist._col3 .mainCont-btnlist-btn:first-of-type .buttonDefault-link, .mainCont .mainCont-btnlist._col3 .mainCont-btnlist-btn:nth-of-type(2) .buttonDefault-link, .mainCont .mainCont-btnlist._col3 .mainCont-btnlist-btn:nth-of-type(3) .buttonDefault-link {
border-bottom: none !important;
}
@media screen and (max-width: 768px) {
.mainCont .mainCont-btnlist._col3 .mainCont-btnlist-btn:first-of-type .buttonDefault-link, .mainCont .mainCont-btnlist._col3 .mainCont-btnlist-btn:nth-of-type(2) .buttonDefault-link, .mainCont .mainCont-btnlist._col3 .mainCont-btnlist-btn:nth-of-type(3) .buttonDefault-link {
border: 1px solid #aaa !important;
}
}
@media screen and (max-width: 768px) {
.mainCont .mainCont-btnlist._col3 .mainCont-btnlist-btn:nth-of-type(2) .buttonDefault-link, .mainCont .mainCont-btnlist._col3 .mainCont-btnlist-btn:nth-of-type(3) .buttonDefault-link, .mainCont .mainCont-btnlist._col3 .mainCont-btnlist-btn:nth-of-type(4) .buttonDefault-link, .mainCont .mainCont-btnlist._col3 .mainCont-btnlist-btn:nth-of-type(5) .buttonDefault-link, .mainCont .mainCont-btnlist._col3 .mainCont-btnlist-btn:nth-of-type(6) .buttonDefault-link {
border-top: none !important;
}
}
.mainCont .mainCont-btnlist._col4 {
width: 100%;
}
@media screen and (max-width: 768px) {
.mainCont .mainCont-btnlist._col4 {
margin: 0 auto;
width: 90%;
}
}
.mainCont .mainCont-btnlist._col4 .mainCont-btnlist-btn {
margin: 0 auto;
width: 25%;
}
@media screen and (max-width: 768px) {
.mainCont .mainCont-btnlist._col4 .mainCont-btnlist-btn {
display: inline-block;
width: 50%;
}
}
.mainCont .mainCont-btnlist._col4 .mainCont-btnlist-btn .buttonDefault-link {
padding: 1em 1.125em 1em 2.8em;
letter-spacing: 1px;
}
.mainCont .mainCont-btnlist._col4 .mainCont-btnlist-btn .buttonDefault-link ._en {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
}
@media screen and (max-width: 768px) {
.mainCont .mainCont-btnlist._col4 .mainCont-btnlist-btn .buttonDefault-link ._en {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .mainCont-btnlist._col4 .mainCont-btnlist-btn .buttonDefault-link::before {
right: 1.5em;
width: 30px;
}
}
@media screen and (max-width: 768px) {
.mainCont .mainCont-btnlist._col4 .mainCont-btnlist-btn .buttonDefault-link::after {
right: 1.5em;
}
}
.mainCont .mainCont-btnlist._col4 .mainCont-btnlist-btn:first-of-type .buttonDefault-link, .mainCont .mainCont-btnlist._col4 .mainCont-btnlist-btn:nth-of-type(5) .buttonDefault-link {
border-right: 1px solid #aaa !important;
border-left: 1px solid #aaa !important;
}
@media screen and (max-width: 768px) {
.mainCont .mainCont-btnlist._col4 .mainCont-btnlist-btn:first-of-type .buttonDefault-link, .mainCont .mainCont-btnlist._col4 .mainCont-btnlist-btn:nth-of-type(5) .buttonDefault-link {
border: 1px solid #aaa !important;
}
}
.mainCont .mainCont-btnlist._col4 .mainCont-btnlist-btn:nth-of-type(2) .buttonDefault-link, .mainCont .mainCont-btnlist._col4 .mainCont-btnlist-btn:nth-of-type(3) .buttonDefault-link, .mainCont .mainCont-btnlist._col4 .mainCont-btnlist-btn:nth-of-type(4) .buttonDefault-link, .mainCont .mainCont-btnlist._col4 .mainCont-btnlist-btn:nth-of-type(6) .buttonDefault-link, .mainCont .mainCont-btnlist._col4 .mainCont-btnlist-btn:nth-of-type(7) .buttonDefault-link {
border-left: none !important;
}
@media screen and (max-width: 768px) {
.mainCont .mainCont-btnlist._col4 .mainCont-btnlist-btn:nth-of-type(2) .buttonDefault-link, .mainCont .mainCont-btnlist._col4 .mainCont-btnlist-btn:nth-of-type(3) .buttonDefault-link, .mainCont .mainCont-btnlist._col4 .mainCont-btnlist-btn:nth-of-type(4) .buttonDefault-link, .mainCont .mainCont-btnlist._col4 .mainCont-btnlist-btn:nth-of-type(6) .buttonDefault-link, .mainCont .mainCont-btnlist._col4 .mainCont-btnlist-btn:nth-of-type(7) .buttonDefault-link {
border: 1px solid #aaa !important;
}
}
.mainCont .mainCont-btnlist._col4 .mainCont-btnlist-btn:nth-of-type(5) .buttonDefault-link, .mainCont .mainCont-btnlist._col4 .mainCont-btnlist-btn:nth-of-type(6) .buttonDefault-link, .mainCont .mainCont-btnlist._col4 .mainCont-btnlist-btn:nth-of-type(7) .buttonDefault-link {
border-top: none !important;
}
@media screen and (max-width: 768px) {
.mainCont .mainCont-btnlist._col4 .mainCont-btnlist-btn:nth-of-type(5) .buttonDefault-link, .mainCont .mainCont-btnlist._col4 .mainCont-btnlist-btn:nth-of-type(6) .buttonDefault-link, .mainCont .mainCont-btnlist._col4 .mainCont-btnlist-btn:nth-of-type(7) .buttonDefault-link {
border: 1px solid #aaa !important;
}
}
@media screen and (max-width: 768px) {
.mainCont .mainCont-btnlist._col4 .mainCont-btnlist-btn:nth-of-type(1) .buttonDefault-link, .mainCont .mainCont-btnlist._col4 .mainCont-btnlist-btn:nth-of-type(2) .buttonDefault-link, .mainCont .mainCont-btnlist._col4 .mainCont-btnlist-btn:nth-of-type(3) .buttonDefault-link, .mainCont .mainCont-btnlist._col4 .mainCont-btnlist-btn:nth-of-type(4) .buttonDefault-link, .mainCont .mainCont-btnlist._col4 .mainCont-btnlist-btn:nth-of-type(5) .buttonDefault-link {
border-bottom: none !important;
}
}
@media screen and (max-width: 768px) {
.mainCont .mainCont-btnlist._col4 .mainCont-btnlist-btn:nth-of-type(2) .buttonDefault-link, .mainCont .mainCont-btnlist._col4 .mainCont-btnlist-btn:nth-of-type(4) .buttonDefault-link, .mainCont .mainCont-btnlist._col4 .mainCont-btnlist-btn:nth-of-type(6) .buttonDefault-link {
border-left: none !important;
}
}
.mainCont .mainCont-btnlist._mbM {
margin-bottom: 30px;
}
.mainCont .mainCont-btnlist-btn {
margin: 0 0 20px;
display: inline-block;
width: 50%;
}
@media screen and (max-width: 768px) {
.mainCont .mainCont-btnlist-btn {
margin: 0 0 5px;
display: block;
width: 80%;
}
}
.mainCont .mainCont-btnlist-btn:first-of-type .buttonDefault-link {
border-right: none !important;
}
@media screen and (max-width: 768px) {
.mainCont .mainCont-btnlist-btn:first-of-type .buttonDefault-link {
border-right: 1px solid #aaa !important;
}
}
.mainCont .buttonDefault-link {
width: 100% !important;
}
.mainCont .mainCont-facilitylist {
margin: 0 0 10px;
width: 60%;
font-size: 0;
}
@media screen and (max-width: 768px) {
.mainCont .mainCont-facilitylist {
width: 80%;
}
}
.mainCont .mainCont-facilitylist li {
margin: 0 1%;
display: inline-block;
width: 9.1111111111%;
}
@media screen and (max-width: 768px) {
.mainCont .mainCont-facilitylist li {
margin: 0 0.5% 1%;
width: 15.6666666667%;
}
}
.mainCont .mainCont-facilitycaution {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
}
@media screen and (max-width: 768px) {
.mainCont .mainCont-facilitycaution {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .mainCont-facilitycaution {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .mainCont-facilitycaution {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .mainVisual {
margin: 0;
padding: 0;
position: relative;
float: left;
width: 67.5%;
overflow-x: hidden;
}
@media screen and (max-width: 768px) {
.mainCont .mainVisual {
float: none;
width: 100%;
}
}
.mainCont .mainVisual-navigation {
margin: 0;
padding: 0;
position: relative;
line-height: 0;
width: 100%;
font-size: 0;
}
.mainCont .mainVisual-navigation .item {
position: relative;
cursor: pointer;
}
.mainCont .mainVisual-navigation .item .image {
margin: 0;
padding: 0;
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
.mainCont .mainVisual-navigation .item .image::before {
content: "";
display: block;
padding-top: 60.3174%;
}
.mainCont .mainVisual-navigation .item .image::after {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
content: "";
opacity: 0.5;
background: #000;
}
.mainCont .mainVisual-navigation .item .image img {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
width: 100%;
}
.mainCont .mainVisual-navigation .slick-current .image::after {
opacity: 0;
}
.mainCont .mainVisual-navigation img {
display: inline-block;
width: 12.5%;
}
.mainCont .mainVisual-slider {
margin: 0;
padding: 0;
position: relative;
}
.mainCont .mainVisual-slider._pc {
display: block;
}
@media screen and (max-width: 768px) {
.mainCont .mainVisual-slider._pc {
display: none;
}
}
.mainCont .mainVisual-slider._sp {
display: none;
}
@media screen and (max-width: 768px) {
.mainCont .mainVisual-slider._sp {
display: block;
}
}
.mainCont .mainVisual-slider .item {
position: relative;
height: 100%;
}
.mainCont .mainVisual-slider .item a {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 50;
}
@media screen and (max-width: 768px) {
.mainCont .mainVisual-slider .item a::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(71, 82, 106, 0.2);
z-index: 1;
}
}
.mainCont .mainVisual-slider .item::before {
content: "";
padding-top: 60.3174%;
display: block;
}
@media screen and (max-width: 768px) {
.mainCont .mainVisual-slider .item::before {
padding-top: 100%;
}
}
.mainCont .mainVisual-slider .item .image {
position: relative;
overflow: hidden;
}
.mainCont .mainVisual-slider .item img {
margin: auto;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: 100%;
}
.mainCont .mainVisual-slider .item img.sp-disnone {
display: block;
}
@media screen and (max-width: 768px) {
.mainCont .mainVisual-slider .item img.sp-disnone {
display: none;
}
}
.mainCont .mainVisual-slider .item img.pc-disnone {
display: none;
}
@media screen and (max-width: 768px) {
.mainCont .mainVisual-slider .item img.pc-disnone {
display: block;
}
}
.mainCont .mainVisual-slider .item._slide01::after {
background: transparent;
}
@media screen and (max-width: 768px) {
.mainCont .mainVisual-slider .item._slide01 a::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.2);
z-index: 1;
}
}
.mainCont .mainVisual-slider .item._slide01 .catchcopy {
font-size: calc(10px * 3);
font-size: calc(1rem * 3);
top: 22.5%;
line-height: 1.6;
font-family: "Hiragino Mincho ProN W3", "HiraMinPro-W6", "HiraMinProN-W6", "ヒラギノ明朝 ProN W3", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
color: #fff;
font-weight: bold;
letter-spacing: 10px;
}
@media screen and (max-width: 768px) {
.mainCont .mainVisual-slider .item._slide01 .catchcopy {
font-size: calc(10px * 3);
font-size: calc(0.7rem * 3);
}
}
@media screen and (max-width: 768px) {
.mainCont .mainVisual-slider .item._slide01 .catchcopy {
font-size: 38px;
font-size: 3.8rem;
font-size: calc(0.6vw * 3.8);
margin-top: -5.6rem;
line-height: 1.8;
top: 50%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .mainVisual-slider .item._slide01 .catchcopy {
font-size: calc(1.8vw * 3.8);
}
}
.mainCont .mainVisual-slider .item._slide02 a, .mainCont .mainVisual-slider .item._slide03 a {
background: black;
}
.mainCont .mainVisual-slider .item._slide02 a img, .mainCont .mainVisual-slider .item._slide03 a img {
opacity: 0.9;
}
.mainCont .mainVisual-slider .item._slide04::after {
background: transparent;
}
.mainCont .mainVisual-slider .item._slide04 .catchcopy {
margin: 0 0 0 45%;
top: 10%;
color: #47526a;
width: 55%;
text-align: center;
}
@media screen and (max-width: 768px) {
.mainCont .mainVisual-slider .item._slide04 .catchcopy {
margin: -5.6rem 0 0;
top: 50%;
color: #fff;
width: 100%;
}
}
.mainCont .mainVisual-slider .item._slide05 a, .mainCont .mainVisual-slider .item._slide06 a, .mainCont .mainVisual-slider .item._slide07 a {
background: black;
}
.mainCont .mainVisual-slider .item._slide05 a img, .mainCont .mainVisual-slider .item._slide06 a img, .mainCont .mainVisual-slider .item._slide07 a img {
opacity: 0.8;
}
.mainCont .mainVisual-slider .catchcopy {
font-size: calc(10px * 3.2);
font-size: calc(1rem * 3.2);
margin-top: -2.8rem;
line-height: 1.4;
position: absolute;
left: 0;
top: 50%;
width: 100%;
color: #fff;
font-family: "Hiragino Mincho ProN W3", "HiraMinPro-W6", "HiraMinProN-W6", "ヒラギノ明朝 ProN W3", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: bold;
text-align: center;
letter-spacing: 2px;
text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.25);
vertical-align: middle;
z-index: 10;
}
@media screen and (max-width: 768px) {
.mainCont .mainVisual-slider .catchcopy {
font-size: calc(10px * 3.2);
font-size: calc(0.7rem * 3.2);
}
}
@media screen and (max-width: 768px) {
.mainCont .mainVisual-slider .catchcopy {
font-size: 42px;
font-size: 4.2rem;
font-size: calc(0.6vw * 4.2);
margin-top: -5.6rem;
letter-spacing: 6px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .mainVisual-slider .catchcopy {
font-size: calc(1.8vw * 4.2);
}
}
.mainCont .mainVisual-slider .catchcopy small {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
letter-spacing: 0;
vertical-align: middle;
}
@media screen and (max-width: 768px) {
.mainCont .mainVisual-slider .catchcopy small {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
.mainCont .mainVisual-slider .logo {
margin-top: 0;
margin-left: -10%;
position: absolute;
left: 50%;
top: 51%;
width: 12.5%;
height: auto;
}
@media screen and (max-width: 768px) {
.mainCont .mainVisual-slider .logo {
margin-left: -13.75%;
top: 21%;
width: 22.5%;
z-index: 10;
}
}
.mainCont .mainVisual-slider .bodycopy {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1em;
position: absolute;
left: 0;
bottom: 0;
width: calc(100% - 2em);
line-height: 1.6;
color: #fff;
background: rgba(0, 0, 0, 0.75);
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
z-index: 10;
}
@media screen and (max-width: 768px) {
.mainCont .mainVisual-slider .bodycopy {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
.mainCont .mainVisual-slider .slick-arrow {
position: absolute;
margin-top: 0;
top: 50%;
width: 50px;
height: 50px;
z-index: 10;
background: rgba(255, 255, 255, 0.5);
}
@media screen and (max-width: 768px) {
.mainCont .mainVisual-slider .slick-arrow {
margin-top: 0;
width: 36px;
height: 36px;
}
}
.mainCont .mainVisual-slider .slick-arrow::before {
content: "";
margin-top: -4px;
border-top: 3px solid #959595;
border-right: 3px solid #959595;
position: absolute;
top: 50%;
left: 50%;
width: 8px;
height: 8px;
transition: 0.25s;
}
.mainCont .mainVisual-slider .slick-arrow:hover::before, .mainCont .mainVisual-slider .slick-arrow:active::before {
border-top: 3px solid #333;
border-right: 3px solid #333;
}
.mainCont .mainVisual-slider .slick-prev {
left: 7%;
}
.mainCont .mainVisual-slider .slick-prev::before {
margin-left: -3px;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.mainCont .mainVisual-slider .slick-next {
right: 7%;
}
.mainCont .mainVisual-slider .slick-next::before {
margin-left: -5px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.mainCont .mainVisualSide {
float: right;
position: relative;
width: 30%;
min-height: 475px;
}
@media screen and (max-width: 768px) {
.mainCont .mainVisualSide {
margin: 5vw auto;
float: none;
width: 90%;
min-height: auto;
}
}
.mainCont .mainVisualSide-pickup-catTtl {
font-size: calc(10px * 1.8);
font-size: calc(1rem * 1.8);
margin: 0;
padding: 0.75em 0;
border-bottom: 1px solid #333;
box-sizing: border-box;
line-height: 1.4;
color: #fff;
background: #000;
text-align: center;
}
@media screen and (max-width: 768px) {
.mainCont .mainVisualSide-pickup-catTtl {
font-size: calc(10px * 1.8);
font-size: calc(0.7rem * 1.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .mainVisualSide-pickup-catTtl {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
padding: 0.75em 0;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .mainVisualSide-pickup-catTtl {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
.mainCont .wp-video-shortcode {
height: 200px !important;
}
.mainCont .mainVisualSide-pickup-meta {
margin: 1rem auto 0;
width: 96%;
}
.mainCont .mainVisualSide-pickup-meta ._date {
font-size: calc(10px * 1.2);
font-size: calc(1rem * 1.2);
margin: 0 0 0.5em;
padding: 0.2em 0.5em;
border: 1px solid #9eb5ba;
box-sizing: border-box;
display: inline-block;
color: #9eb5ba;
}
@media screen and (max-width: 768px) {
.mainCont .mainVisualSide-pickup-meta ._date {
font-size: calc(10px * 1.2);
font-size: calc(0.7rem * 1.2);
}
}
@media screen and (max-width: 768px) {
.mainCont .mainVisualSide-pickup-meta ._date {
font-size: 14px;
font-size: 1.4rem;
font-size: calc(0.6vw * 1.4);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .mainVisualSide-pickup-meta ._date {
font-size: calc(1.8vw * 1.4);
}
}
.mainCont .mainVisualSide-pickup-meta ._cat a {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
line-height: 1.4;
}
@media screen and (max-width: 768px) {
.mainCont .mainVisualSide-pickup-meta ._cat a {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
.mainCont .mainVisualSide-pickup-artTtl {
margin: 0 auto 2rem;
width: 96%;
}
.mainCont .mainVisualSide-pickup-artTtl a {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
position: relative;
color: #000;
}
@media screen and (max-width: 768px) {
.mainCont .mainVisualSide-pickup-artTtl a {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .mainVisualSide-pickup-artTtl a {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .mainVisualSide-pickup-artTtl a {
font-size: calc(1.8vw * 2);
}
}
.mainCont .mainVisualSide-pickup-artTtl a:hover, .mainCont .mainVisualSide-pickup-artTtl a:active {
text-decoration: underline;
}
.mainCont .mainVisualSide-pickup-link {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 2rem auto 0;
padding: 1em;
border: 1px solid #ccc;
box-sizing: border-box;
display: block;
line-height: 1.4;
width: 90%;
}
@media screen and (max-width: 768px) {
.mainCont .mainVisualSide-pickup-link {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
.mainCont .mainVisualSide-pickup-searchBox {
margin: 0;
padding: 0;
border: 2px solid #3f95ff;
box-sizing: border-box;
border-radius: 8px;
width: 100%;
}
@media screen and (max-width: 768px) {
.mainCont .mainVisualSide-pickup-searchBox {
position: relative;
}
}
.p-search .mainCont .mainVisualSide-pickup-searchBox {
margin: 0 0 60px;
width: 50%;
}
.mainCont .mainVisualSide-pickup-searchBox form#searchform {
display: block;
width: 100%;
font-size: 0;
}
.mainCont .mainVisualSide-pickup-searchBox form#searchform::after {
content: "";
clear: both;
display: block;
}
.mainCont .mainVisualSide-pickup-searchBox form#searchform .searchform-txt {
margin: 0 2.5% 0 0;
display: inline-block;
width: 75%;
vertical-align: middle;
}
.mainCont .mainVisualSide-pickup-searchBox form#searchform .searchform-txt input {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
padding: 10px 0 10px 10px;
border: none;
width: 100%;
background: transparent;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
}
@media screen and (max-width: 768px) {
.mainCont .mainVisualSide-pickup-searchBox form#searchform .searchform-txt input {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .mainVisualSide-pickup-searchBox form#searchform .searchform-txt input {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .mainVisualSide-pickup-searchBox form#searchform .searchform-txt input {
font-size: calc(1.8vw * 2);
}
}
.mainCont .mainVisualSide-pickup-searchBox form#searchform .searchform-btn {
display: inline-block;
width: 20%;
background: #3f95ff;
vertical-align: middle;
}
.mainCont .mainVisualSide-pickup-searchBox form#searchform .searchform-btn input {
border: none;
width: 100%;
background: #3f95ff;
}
.mainCont .mainVisualSide-pickup-searchBox form#searchform .searchform-btn input[type=submit] {
padding: 16px 0;
cursor: pointer;
font-family: FontAwesome;
border: none;
background: none;
color: #fff;
width: 100%;
height: 100%;
outline: none;
}
.mainCont #featured_post > ul {
margin: 0;
width: 100%;
font-size: 0;
}
.mainCont #featured_post > ul li {
margin: 0 0.5%;
border: none;
position: relative;
width: 19%;
box-sizing: border-box;
}
@media screen and (max-width: 768px) {
.mainCont #featured_post > ul li {
margin: 0 1%;
width: 48%;
}
}
.mainCont #featured_post > ul li .image {
margin: 0 auto;
padding-top: 141.4427157001%;
position: relative;
width: 100%;
height: 0;
background: transparent;
object-fit: cover;
overflow: hidden;
}
.mainCont #featured_post > ul li .image img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
height: auto;
}
@media screen and (max-width: 768px) {
.mainCont #featured_post > ul li .info {
float: none;
width: 100%;
}
}
.mainCont #featured_post > ul li .info a.title {
margin: 0;
border-top: none;
width: 100%;
min-height: auto;
}
@media screen and (max-width: 768px) {
.mainCont #featured_post > ul li .info a.title {
margin-top: 0;
}
}
.mainCont #featured_post > ul li .info .meta {
margin: 10px auto 0;
width: 100%;
}
@media screen and (max-width: 768px) {
.mainCont #featured_post > ul li .info .meta {
width: 100%;
}
}
@media screen and (max-width: 768px) {
.mainCont #featured_post > ul li .info .meta li {
margin: 0;
}
}
.mainCont #featured_post > ul li .info .meta li.date {
font-size: 10px;
font-size: 1rem;
}
@media screen and (max-width: 768px) {
.mainCont #featured_post > ul li .info .meta li.date {
font-size: 10px;
font-size: 0.7rem;
}
}
@media screen and (max-width: 768px) {
.mainCont #featured_post > ul li .info .meta li.date {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont #featured_post > ul li .info .meta li.date {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .mainMenu {
margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
.mainCont .mainMenu {
margin-bottom: 80px;
}
}
.mainCont .mainMenu-ttl {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .mainMenu-ttl {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .mainMenu-ttl {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .mainMenu-ttl {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .mainMenu-ttl span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .mainMenu-ttl._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .mainMenu-ttl._addIcn ._ja {
width: 88%;
}
}
.mainCont .mainMenu-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainCont .mainMenu-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .mainMenu-ttl ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .mainMenu-ttl ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .mainMenu-ttl ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .mainMenu-ttl ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .mainMenu-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .mainMenu-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .mainMenu-ttl ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .mainMenu-ttl ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .mainMenu-ttl ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .mainMenu-ttl ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .mainMenu-ttl ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .mainMenu-ttl ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .mainMenu-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .mainMenu-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .mainMenu-ttl ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .mainMenu-ttl ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .mainMenu-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .mainMenu-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .mainMenu-ttl ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .mainMenu-ttl ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .mainMenu-ttl ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .mainMenu-ttl ._icn {
right: 1rem;
}
}
.mainCont .mainMenu-ttl ._icn:hover, .mainCont .mainMenu-ttl ._icn:active {
opacity: 0.85;
}
.mainCont .mainMenu-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .mainMenu-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .mainMenu-ttl ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .mainMenu-ttl ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .mainMenu-ttl ._btn:visited {
color: #1d3994;
}
.mainCont .mainMenu-ttl ._btn:hover, .mainCont .mainMenu-ttl ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .mainMenu-ttl::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .mainMenu-ttl::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(71, 82, 106, 0.8) 0%, rgba(63, 149, 255, 0.25) 80%);
background-image: linear-gradient(120deg, rgba(71, 82, 106, 0.8) 0%, rgba(63, 149, 255, 0.25) 80%);
z-index: -10;
}
.mainCont .mainMenu-cont {
margin: 0;
width: 100%;
font-size: 0;
}
.mainCont .mainMenu-cont-list {
margin: 0 0.5%;
display: inline-block;
width: 23.75%;
vertical-align: top;
}
@media screen and (max-width: 768px) {
.mainCont .mainMenu-cont-list {
margin-bottom: 6vw;
width: 48.5%;
}
}
.mainCont .mainMenu-cont-list:first-of-type {
margin-left: 1%;
}
.mainCont .mainMenu-cont-list:nth-of-type(4) {
margin-right: 1%;
}
@media screen and (max-width: 768px) {
.mainCont .mainMenu-cont-list:nth-of-type(odd) {
margin-left: 1%;
margin-right: 0.5%;
}
}
@media screen and (max-width: 768px) {
.mainCont .mainMenu-cont-list:nth-of-type(even) {
margin-right: 1%;
margin-left: 0.5%;
}
}
.mainCont .mainMenu-cont-list:nth-of-type(3), .mainCont .mainMenu-cont-list:nth-of-type(4) {
margin-bottom: 0;
}
.mainCont .mainMenu-cont-list dl dd {
margin: 0.25rem 0 0;
}
.mainCont .mainMenu-cont-list dl dd a {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
line-height: 1.4;
color: #1d3994;
}
@media screen and (max-width: 768px) {
.mainCont .mainMenu-cont-list dl dd a {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .mainMenu-cont-list dl dd a {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .mainMenu-cont-list dl dd a {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .mainMenu-cont-list dl dd a:hover, .mainCont .mainMenu-cont-list dl dd a:active {
color: #bd413b;
text-decoration: underline;
}
.mainCont .aboutCompany {
margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
.mainCont .aboutCompany {
margin-bottom: 80px;
}
}
.mainCont .aboutCompany-ttl {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
margin: 10px 0 calc(3rem + 10px);
}
@media screen and (max-width: 768px) {
.mainCont .aboutCompany-ttl {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .aboutCompany-ttl {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .aboutCompany-ttl {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .aboutCompany-ttl span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .aboutCompany-ttl._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .aboutCompany-ttl._addIcn ._ja {
width: 88%;
}
}
.mainCont .aboutCompany-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainCont .aboutCompany-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .aboutCompany-ttl ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .aboutCompany-ttl ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .aboutCompany-ttl ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .aboutCompany-ttl ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .aboutCompany-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .aboutCompany-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .aboutCompany-ttl ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .aboutCompany-ttl ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .aboutCompany-ttl ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .aboutCompany-ttl ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .aboutCompany-ttl ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .aboutCompany-ttl ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .aboutCompany-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .aboutCompany-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .aboutCompany-ttl ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .aboutCompany-ttl ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .aboutCompany-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .aboutCompany-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .aboutCompany-ttl ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .aboutCompany-ttl ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .aboutCompany-ttl ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .aboutCompany-ttl ._icn {
right: 1rem;
}
}
.mainCont .aboutCompany-ttl ._icn:hover, .mainCont .aboutCompany-ttl ._icn:active {
opacity: 0.85;
}
.mainCont .aboutCompany-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .aboutCompany-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .aboutCompany-ttl ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .aboutCompany-ttl ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .aboutCompany-ttl ._btn:visited {
color: #1d3994;
}
.mainCont .aboutCompany-ttl ._btn:hover, .mainCont .aboutCompany-ttl ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .aboutCompany-ttl::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .aboutCompany-ttl::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(63, 149, 255, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
background-image: linear-gradient(120deg, rgba(63, 149, 255, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
z-index: -10;
}
.mainCont .aboutCompany-txtArea::after {
content: "";
clear: both;
display: block;
}
.mainCont .aboutCompany-txtArea-icon {
float: left;
padding: 0 5%;
width: 15%;
}
@media screen and (max-width: 768px) {
.mainCont .aboutCompany-txtArea-icon {
float: none;
margin: 0 auto 20px;
width: 30%;
}
}
.mainCont .aboutCompany-txtArea-txt {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
line-height: 1.8;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
}
@media screen and (max-width: 768px) {
.mainCont .aboutCompany-txtArea-txt {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .aboutCompany-txtArea-txt {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .aboutCompany-txtArea-txt {
font-size: calc(1.8vw * 2);
}
}
.mainCont .manual {
margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
.mainCont .manual {
margin-bottom: 80px;
}
}
.mainCont .manual-ttl {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
margin: 10px 0 calc(3rem + 10px);
}
@media screen and (max-width: 768px) {
.mainCont .manual-ttl {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .manual-ttl {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .manual-ttl {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .manual-ttl span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .manual-ttl._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .manual-ttl._addIcn ._ja {
width: 88%;
}
}
.mainCont .manual-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainCont .manual-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .manual-ttl ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .manual-ttl ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .manual-ttl ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .manual-ttl ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .manual-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .manual-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .manual-ttl ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .manual-ttl ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .manual-ttl ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .manual-ttl ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .manual-ttl ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .manual-ttl ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .manual-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .manual-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .manual-ttl ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .manual-ttl ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .manual-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .manual-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .manual-ttl ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .manual-ttl ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .manual-ttl ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .manual-ttl ._icn {
right: 1rem;
}
}
.mainCont .manual-ttl ._icn:hover, .mainCont .manual-ttl ._icn:active {
opacity: 0.85;
}
.mainCont .manual-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .manual-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .manual-ttl ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .manual-ttl ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .manual-ttl ._btn:visited {
color: #1d3994;
}
.mainCont .manual-ttl ._btn:hover, .mainCont .manual-ttl ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .manual-ttl::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .manual-ttl::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(255, 136, 130, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
background-image: linear-gradient(120deg, rgba(255, 136, 130, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
z-index: -10;
}
@media screen and (max-width: 768px) {
.mainCont .manual-ttl ._ja {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .manual-ttl ._ja {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .manual-contact-btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0 1.5em 0 0;
padding: 1em 1.5em;
border: 1px solid #1d3994;
box-sizing: border-box;
display: inline-block;
line-height: 1.4;
width: auto;
color: #1d3994;
text-align: center;
transition: 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .manual-contact-btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .manual-contact-btn {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
margin: 0 5px 10px;
display: inline-block;
display: block;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .manual-contact-btn {
font-size: calc(1.8vw * 1.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .manual-contact-btn:last-of-type {
margin-bottom: 0;
}
}
.mainCont .manual-contact-btn:hover, .mainCont .manual-contact-btn:active {
color: #fff;
background: #1d3994;
}
.mainCont .handlingTitle {
margin-bottom: 60px;
width: 100%;
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle {
margin-bottom: 60px;
}
}
.mainCont .handlingTitle-ttl {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .handlingTitle-ttl {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .handlingTitle-ttl span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._addIcn ._ja {
width: 88%;
}
}
.mainCont .handlingTitle-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .handlingTitle-ttl ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .handlingTitle-ttl ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .handlingTitle-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .handlingTitle-ttl ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .handlingTitle-ttl ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .handlingTitle-ttl ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .handlingTitle-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .handlingTitle-ttl ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .handlingTitle-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .handlingTitle-ttl ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .handlingTitle-ttl ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl ._icn {
right: 1rem;
}
}
.mainCont .handlingTitle-ttl ._icn:hover, .mainCont .handlingTitle-ttl ._icn:active {
opacity: 0.85;
}
.mainCont .handlingTitle-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .handlingTitle-ttl ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .handlingTitle-ttl ._btn:visited {
color: #1d3994;
}
.mainCont .handlingTitle-ttl ._btn:hover, .mainCont .handlingTitle-ttl ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .handlingTitle-ttl::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .handlingTitle-ttl::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(63, 149, 255, 0.8) 0%, rgba(234, 227, 209, 0.25) 80%);
background-image: linear-gradient(120deg, rgba(63, 149, 255, 0.8) 0%, rgba(234, 227, 209, 0.25) 80%);
z-index: -10;
}
.mainCont .handlingTitle-ttl._cHan {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cHan {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cHan {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cHan {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .handlingTitle-ttl._cHan span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cHan._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cHan._addIcn ._ja {
width: 88%;
}
}
.mainCont .handlingTitle-ttl._cHan ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cHan ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cHan ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cHan ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cHan ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cHan ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .handlingTitle-ttl._cHan ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cHan ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cHan ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cHan ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .handlingTitle-ttl._cHan ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cHan ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cHan ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cHan ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .handlingTitle-ttl._cHan ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cHan ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cHan ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cHan ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .handlingTitle-ttl._cHan ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cHan ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cHan ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cHan ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .handlingTitle-ttl._cHan ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cHan ._icn {
right: 1rem;
}
}
.mainCont .handlingTitle-ttl._cHan ._icn:hover, .mainCont .handlingTitle-ttl._cHan ._icn:active {
opacity: 0.85;
}
.mainCont .handlingTitle-ttl._cHan ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cHan ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cHan ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cHan ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .handlingTitle-ttl._cHan ._btn:visited {
color: #1d3994;
}
.mainCont .handlingTitle-ttl._cHan ._btn:hover, .mainCont .handlingTitle-ttl._cHan ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .handlingTitle-ttl._cHan::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .handlingTitle-ttl._cHan::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(56, 125, 221, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
background-image: linear-gradient(120deg, rgba(56, 125, 221, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
z-index: -10;
}
.mainCont .handlingTitle-ttl._cJyo {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cJyo {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cJyo {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cJyo {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .handlingTitle-ttl._cJyo span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cJyo._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cJyo._addIcn ._ja {
width: 88%;
}
}
.mainCont .handlingTitle-ttl._cJyo ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cJyo ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cJyo ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cJyo ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cJyo ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cJyo ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .handlingTitle-ttl._cJyo ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cJyo ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cJyo ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cJyo ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .handlingTitle-ttl._cJyo ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cJyo ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cJyo ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cJyo ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .handlingTitle-ttl._cJyo ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cJyo ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cJyo ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cJyo ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .handlingTitle-ttl._cJyo ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cJyo ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cJyo ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cJyo ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .handlingTitle-ttl._cJyo ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cJyo ._icn {
right: 1rem;
}
}
.mainCont .handlingTitle-ttl._cJyo ._icn:hover, .mainCont .handlingTitle-ttl._cJyo ._icn:active {
opacity: 0.85;
}
.mainCont .handlingTitle-ttl._cJyo ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cJyo ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cJyo ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cJyo ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .handlingTitle-ttl._cJyo ._btn:visited {
color: #1d3994;
}
.mainCont .handlingTitle-ttl._cJyo ._btn:hover, .mainCont .handlingTitle-ttl._cJyo ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .handlingTitle-ttl._cJyo::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .handlingTitle-ttl._cJyo::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(255, 136, 130, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
background-image: linear-gradient(120deg, rgba(255, 136, 130, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
z-index: -10;
}
.mainCont .handlingTitle-ttl._cBus {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cBus {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cBus {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cBus {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .handlingTitle-ttl._cBus span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cBus._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cBus._addIcn ._ja {
width: 88%;
}
}
.mainCont .handlingTitle-ttl._cBus ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cBus ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cBus ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cBus ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cBus ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cBus ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .handlingTitle-ttl._cBus ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cBus ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cBus ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cBus ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .handlingTitle-ttl._cBus ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cBus ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cBus ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cBus ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .handlingTitle-ttl._cBus ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cBus ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cBus ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cBus ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .handlingTitle-ttl._cBus ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cBus ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cBus ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cBus ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .handlingTitle-ttl._cBus ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cBus ._icn {
right: 1rem;
}
}
.mainCont .handlingTitle-ttl._cBus ._icn:hover, .mainCont .handlingTitle-ttl._cBus ._icn:active {
opacity: 0.85;
}
.mainCont .handlingTitle-ttl._cBus ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cBus ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cBus ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cBus ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .handlingTitle-ttl._cBus ._btn:visited {
color: #1d3994;
}
.mainCont .handlingTitle-ttl._cBus ._btn:hover, .mainCont .handlingTitle-ttl._cBus ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .handlingTitle-ttl._cBus::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .handlingTitle-ttl._cBus::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(89, 181, 180, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
background-image: linear-gradient(120deg, rgba(89, 181, 180, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
z-index: -10;
}
.mainCont .handlingTitle-ttl._cBgv {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cBgv {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cBgv {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cBgv {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .handlingTitle-ttl._cBgv span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cBgv._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cBgv._addIcn ._ja {
width: 88%;
}
}
.mainCont .handlingTitle-ttl._cBgv ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cBgv ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cBgv ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cBgv ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cBgv ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cBgv ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .handlingTitle-ttl._cBgv ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cBgv ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cBgv ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cBgv ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .handlingTitle-ttl._cBgv ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cBgv ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cBgv ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cBgv ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .handlingTitle-ttl._cBgv ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cBgv ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cBgv ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cBgv ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .handlingTitle-ttl._cBgv ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cBgv ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cBgv ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cBgv ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .handlingTitle-ttl._cBgv ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cBgv ._icn {
right: 1rem;
}
}
.mainCont .handlingTitle-ttl._cBgv ._icn:hover, .mainCont .handlingTitle-ttl._cBgv ._icn:active {
opacity: 0.85;
}
.mainCont .handlingTitle-ttl._cBgv ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cBgv ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cBgv ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cBgv ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .handlingTitle-ttl._cBgv ._btn:visited {
color: #1d3994;
}
.mainCont .handlingTitle-ttl._cBgv ._btn:hover, .mainCont .handlingTitle-ttl._cBgv ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .handlingTitle-ttl._cBgv::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .handlingTitle-ttl._cBgv::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(183, 79, 175, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
background-image: linear-gradient(120deg, rgba(183, 79, 175, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
z-index: -10;
}
.mainCont .handlingTitle-ttl._cOny {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cOny {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cOny {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cOny {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .handlingTitle-ttl._cOny span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cOny._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cOny._addIcn ._ja {
width: 88%;
}
}
.mainCont .handlingTitle-ttl._cOny ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cOny ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cOny ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cOny ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cOny ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cOny ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .handlingTitle-ttl._cOny ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cOny ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cOny ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cOny ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .handlingTitle-ttl._cOny ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cOny ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cOny ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cOny ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .handlingTitle-ttl._cOny ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cOny ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cOny ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cOny ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .handlingTitle-ttl._cOny ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cOny ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cOny ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cOny ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .handlingTitle-ttl._cOny ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cOny ._icn {
right: 1rem;
}
}
.mainCont .handlingTitle-ttl._cOny ._icn:hover, .mainCont .handlingTitle-ttl._cOny ._icn:active {
opacity: 0.85;
}
.mainCont .handlingTitle-ttl._cOny ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cOny ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cOny ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cOny ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .handlingTitle-ttl._cOny ._btn:visited {
color: #1d3994;
}
.mainCont .handlingTitle-ttl._cOny ._btn:hover, .mainCont .handlingTitle-ttl._cOny ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .handlingTitle-ttl._cOny::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .handlingTitle-ttl._cOny::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(248, 137, 62, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
background-image: linear-gradient(120deg, rgba(248, 137, 62, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
z-index: -10;
}
.mainCont .handlingTitle-ttl._cCom {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cCom {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cCom {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cCom {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .handlingTitle-ttl._cCom span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cCom._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cCom._addIcn ._ja {
width: 88%;
}
}
.mainCont .handlingTitle-ttl._cCom ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cCom ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cCom ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cCom ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cCom ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cCom ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .handlingTitle-ttl._cCom ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cCom ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cCom ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cCom ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .handlingTitle-ttl._cCom ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cCom ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cCom ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cCom ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .handlingTitle-ttl._cCom ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cCom ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cCom ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cCom ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .handlingTitle-ttl._cCom ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cCom ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cCom ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cCom ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .handlingTitle-ttl._cCom ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cCom ._icn {
right: 1rem;
}
}
.mainCont .handlingTitle-ttl._cCom ._icn:hover, .mainCont .handlingTitle-ttl._cCom ._icn:active {
opacity: 0.85;
}
.mainCont .handlingTitle-ttl._cCom ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cCom ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cCom ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .handlingTitle-ttl._cCom ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .handlingTitle-ttl._cCom ._btn:visited {
color: #1d3994;
}
.mainCont .handlingTitle-ttl._cCom ._btn:hover, .mainCont .handlingTitle-ttl._cCom ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .handlingTitle-ttl._cCom::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .handlingTitle-ttl._cCom::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(158, 181, 186, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
background-image: linear-gradient(120deg, rgba(158, 181, 186, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
z-index: -10;
}
.mainCont .handlingTitle-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-ttl ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .handlingTitle-ttl ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .handlingTitle-cont {
width: 100%;
font-size: 0;
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-cont {
margin-left: -5.555%;
width: 111.111%;
}
}
.mainCont .handlingTitle-cont li {
margin: 0 0.5% 1rem;
display: inline-block;
width: calc((100% / 5) - 1%);
vertical-align: top;
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-cont li {
width: calc(calc(100% - 4%) / 3);
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-cont li:first-of-type, .mainCont .handlingTitle-cont li:nth-of-type(3n+1) {
margin-left: 1%;
margin-right: 0.5%;
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-cont li:nth-of-type(2n) {
margin-right: 0.5%;
margin-left: 0.5%;
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-cont li:nth-of-type(3n) {
margin-right: 1%;
margin-left: 0.5%;
}
}
.mainCont .handlingTitle-cont-list {
margin: 0 1%;
padding: 0;
border: none;
position: relative;
width: 19%;
box-sizing: border-box;
width: 48%;
}
.mainCont .handlingTitle-cont-list:nth-last-of-type(1), .mainCont .handlingTitle-cont-list:nth-last-of-type(2), .mainCont .handlingTitle-cont-list:nth-last-of-type(3), .mainCont .handlingTitle-cont-list:nth-last-of-type(4), .mainCont .handlingTitle-cont-list:nth-last-of-type(5) {
margin-bottom: 0;
}
.mainCont .handlingTitle-cont-list ._newIcon {
font-size: calc(10px * 1.2);
font-size: calc(1rem * 1.2);
margin: 0 0.25rem 0 0;
padding: 0 0.25rem;
line-height: 1.4;
background: red;
color: #fff;
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-cont-list ._newIcon {
font-size: calc(10px * 1.2);
font-size: calc(0.7rem * 1.2);
}
}
.mainCont .handlingTitle-cont-list-linkImg {
margin: 0 auto;
padding-top: 141.4427157001%;
display: block;
position: relative;
width: 100%;
height: 0;
background: transparent;
object-fit: cover;
overflow: hidden;
}
.mainCont .handlingTitle-cont-list-linkImg img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
height: auto;
}
.mainCont .handlingTitle-cont-list-linkImg::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.25);
transition: all ease 0.25s;
z-index: 10;
opacity: 0;
}
.mainCont .handlingTitle-cont-list-linkImg:hover::before, .mainCont .handlingTitle-cont-list-linkImg:active::before {
opacity: 1;
}
.mainCont .handlingTitle-cont-list-info {
margin-bottom: 2rem;
}
.mainCont .handlingTitle-cont-list-info-meta ._tag {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0.5rem 0 0;
line-height: 1.4;
width: 100%;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-cont-list-info-meta ._tag {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
.mainCont .handlingTitle-cont-list-info-meta ._tag a {
font-size: 10px;
font-size: 1rem;
color: #777;
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-cont-list-info-meta ._tag a {
font-size: 10px;
font-size: 0.7rem;
}
}
.mainCont .handlingTitle-cont-list-info-ttlName {
font-size: calc(10px * 1.2);
font-size: calc(1rem * 1.2);
margin: 0.5rem 0 0;
padding: 0;
border: none;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
text-align: left;
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-cont-list-info-ttlName {
font-size: calc(10px * 1.2);
font-size: calc(0.7rem * 1.2);
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-cont-list-info-ttlName {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .handlingTitle-cont-list-info-ttlName {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .handlingTitle-cont-list-info-ttlName ._link {
color: #1d3994;
}
.mainCont .handlingTitle-cont-list-info-ttlName ._link:hover, .mainCont .handlingTitle-cont-list-info-ttlName ._link:active {
text-decoration: underline;
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-cont-list-info-ttlName {
font-size: 16px;
font-size: 1.6rem;
font-size: calc(0.6vw * 1.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .handlingTitle-cont-list-info-ttlName {
font-size: calc(1.8vw * 1.6);
}
}
.mainCont .handlingTitle-note {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin-bottom: 20px;
padding: 1em 2em;
border: 2px solid #eee;
box-sizing: border-box;
line-height: 1.4;
text-indent: -1em;
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-note {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-note {
font-size: 16px;
font-size: 1.6rem;
font-size: calc(0.6vw * 1.6);
margin-bottom: 15px;
margin-left: -5.555%;
width: calc(111.111% - 4px);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .handlingTitle-note {
font-size: calc(1.8vw * 1.6);
}
}
.mainCont .handlingTitle-note span.pc-disnone {
display: inline !important;
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-note span.pc-disnone {
display: none !important;
}
}
.mainCont .handlingTitle-note span.sp-disnone {
display: none !important;
}
@media screen and (max-width: 768px) {
.mainCont .handlingTitle-note span.sp-disnone {
display: inline !important;
}
}
.mainCont .recentPost {
margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
.mainCont .recentPost {
margin-bottom: 80px;
}
}
.mainCont .recentPost-ttl {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .recentPost-ttl {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .recentPost-ttl {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .recentPost-ttl {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .recentPost-ttl span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .recentPost-ttl._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .recentPost-ttl._addIcn ._ja {
width: 88%;
}
}
.mainCont .recentPost-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainCont .recentPost-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .recentPost-ttl ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .recentPost-ttl ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .recentPost-ttl ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .recentPost-ttl ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .recentPost-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .recentPost-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .recentPost-ttl ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .recentPost-ttl ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .recentPost-ttl ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .recentPost-ttl ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .recentPost-ttl ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .recentPost-ttl ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .recentPost-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .recentPost-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .recentPost-ttl ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .recentPost-ttl ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .recentPost-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .recentPost-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .recentPost-ttl ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .recentPost-ttl ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .recentPost-ttl ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .recentPost-ttl ._icn {
right: 1rem;
}
}
.mainCont .recentPost-ttl ._icn:hover, .mainCont .recentPost-ttl ._icn:active {
opacity: 0.85;
}
.mainCont .recentPost-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .recentPost-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .recentPost-ttl ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .recentPost-ttl ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .recentPost-ttl ._btn:visited {
color: #1d3994;
}
.mainCont .recentPost-ttl ._btn:hover, .mainCont .recentPost-ttl ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .recentPost-ttl::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .recentPost-ttl::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(71, 82, 106, 0.8) 0%, rgba(63, 149, 255, 0.1) 80%);
background-image: linear-gradient(120deg, rgba(71, 82, 106, 0.8) 0%, rgba(63, 149, 255, 0.1) 80%);
z-index: -10;
}
.mainCont .recentPost-cont {
margin: 0;
position: relative;
width: 100%;
font-size: 0;
}
@media screen and (max-width: 768px) {
.mainCont .recentPost-cont {
max-width: 100%;
min-width: 100%;
white-space: nowrap;
overflow: scroll hidden;
}
}
@media screen and (max-width: 768px) {
.mainCont .recentPost-cont._manual {
margin-left: -5.555%;
width: 111.111%;
max-width: 111.111%;
min-width: 111.111%;
}
}
.mainCont .recentPost-cont._manual .recentPost-cont-list {
margin: 0 0.5% 30px;
width: 32%;
}
@media screen and (max-width: 768px) {
.mainCont .recentPost-cont._manual .recentPost-cont-list {
width: 58.7878787879%;
}
}
.mainCont .recentPost-cont._manual .recentPost-cont-list:first-of-type {
margin-left: 1%;
}
.mainCont .recentPost-cont._manual .recentPost-cont-list:nth-of-type(3) {
margin-right: 1%;
}
.mainCont .recentPost-cont._manual .recentPost-cont-list-linkImg {
padding-top: 61.4457831325%;
}
.mainCont .recentPost-cont-list {
margin: 0 0.5% 0.5rem;
padding: 0;
border: none;
display: inline-block;
position: relative;
box-sizing: border-box;
width: 18.8%;
vertical-align: top;
}
@media screen and (max-width: 768px) {
.mainCont .recentPost-cont-list {
margin-bottom: 20px;
width: 42.5%;
}
}
.mainCont .recentPost-cont-list:first-of-type {
margin-left: 1%;
}
.mainCont .recentPost-cont-list:nth-of-type(5) {
margin-right: 1%;
}
.mainCont .recentPost-cont-list-linkImg {
margin: 0 auto;
padding-top: 141.4427157001%;
display: block;
position: relative;
width: 100%;
height: 0;
background: transparent;
object-fit: cover;
overflow: hidden;
}
.mainCont .recentPost-cont-list-linkImg img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
height: auto;
}
.mainCont .recentPost-cont-list-linkImg::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.25);
transition: 0.25s;
z-index: 10;
opacity: 0;
}
.mainCont .recentPost-cont-list-linkImg:hover::before, .mainCont .recentPost-cont-list-linkImg:active::before {
opacity: 1;
}
.mainCont .recentPost-cont-list-info {
margin-bottom: 2rem;
}
.mainCont .recentPost-cont-list-info:hover .recentPost-cont-list-info-ttlName, .mainCont .recentPost-cont-list-info:active .recentPost-cont-list-info-ttlName {
color: #bd413b;
text-decoration: underline;
}
.mainCont .recentPost-cont-list-info-meta {
list-style-type: none;
margin: 0;
padding: 0;
line-height: 0%;
}
.mainCont .recentPost-cont-list-info-ttlName {
font-size: calc(10px * 1.2);
font-size: calc(1rem * 1.2);
margin: 0.75rem 0 0;
padding: 0;
border: none;
line-height: 1.4;
color: #1d3994;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
text-align: left;
}
@media screen and (max-width: 768px) {
.mainCont .recentPost-cont-list-info-ttlName {
font-size: calc(10px * 1.2);
font-size: calc(0.7rem * 1.2);
}
}
@media screen and (max-width: 768px) {
.mainCont .recentPost-cont-list-info-ttlName {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
white-space: normal;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .recentPost-cont-list-info-ttlName {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .recentPost-cont-list-info-ttlName ._link {
color: #1d3994;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
}
.mainCont .recentPost-cont-list-info-meta-cat {
font-size: 10px;
font-size: 1rem;
margin: 0.5rem 0 0;
color: #777;
width: 100%;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
}
@media screen and (max-width: 768px) {
.mainCont .recentPost-cont-list-info-meta-cat {
font-size: 10px;
font-size: 0.7rem;
}
}
@media screen and (max-width: 768px) {
.mainCont .recentPost-cont-list-info-meta-cat {
font-size: 14px;
font-size: 1.4rem;
font-size: calc(0.6vw * 1.4);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .recentPost-cont-list-info-meta-cat {
font-size: calc(1.8vw * 1.4);
}
}
.mainCont .recentPost-cont-list-info-meta-cat a {
font-size: 10px;
font-size: 1rem;
font-size: 0.6vw;
line-height: 1.4;
color: #777;
}
@media screen and (max-width: 768px) {
.mainCont .recentPost-cont-list-info-meta-cat a {
font-size: 1.8vw;
}
}
@media screen and (max-width: 768px) {
.mainCont .recentPost-cont-list-info-meta-cat a {
font-size: 14px;
font-size: 1.4rem;
font-size: calc(0.6vw * 1.4);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .recentPost-cont-list-info-meta-cat a {
font-size: calc(1.8vw * 1.4);
}
}
.mainCont .recentPost-cont-list-info-meta-date {
font-size: 10px;
font-size: 1rem;
margin: 0;
line-height: 1.4;
color: #777;
width: 100%;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
}
@media screen and (max-width: 768px) {
.mainCont .recentPost-cont-list-info-meta-date {
font-size: 10px;
font-size: 0.7rem;
}
}
@media screen and (max-width: 768px) {
.mainCont .recentPost-cont-list-info-meta-date {
font-size: 10px;
font-size: 1rem;
font-size: 0.6vw;
margin-top: 0;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .recentPost-cont-list-info-meta-date {
font-size: 1.8vw;
}
}
.mainCont .qa {
margin-bottom: 120px;
}
@media screen and (max-width: 768px) {
.mainCont .qa {
margin-bottom: 80px;
}
}
.mainCont .qa-ttl {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .qa-ttl {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .qa-ttl {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .qa-ttl {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .qa-ttl span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .qa-ttl._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .qa-ttl._addIcn ._ja {
width: 88%;
}
}
.mainCont .qa-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainCont .qa-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .qa-ttl ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .qa-ttl ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .qa-ttl ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .qa-ttl ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .qa-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .qa-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .qa-ttl ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .qa-ttl ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .qa-ttl ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .qa-ttl ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .qa-ttl ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .qa-ttl ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .qa-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .qa-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .qa-ttl ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .qa-ttl ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .qa-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .qa-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .qa-ttl ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .qa-ttl ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .qa-ttl ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .qa-ttl ._icn {
right: 1rem;
}
}
.mainCont .qa-ttl ._icn:hover, .mainCont .qa-ttl ._icn:active {
opacity: 0.85;
}
.mainCont .qa-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .qa-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .qa-ttl ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .qa-ttl ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .qa-ttl ._btn:visited {
color: #1d3994;
}
.mainCont .qa-ttl ._btn:hover, .mainCont .qa-ttl ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .qa-ttl::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .qa-ttl::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(158, 181, 186, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
background-image: linear-gradient(120deg, rgba(158, 181, 186, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
z-index: -10;
}
.mainCont .qa-cont {
margin: 0 0 2em 0;
padding: 0;
line-height: 0%;
list-style-type: none;
width: 100%;
font-size: 0;
}
.mainCont .qa-cont li {
margin-bottom: 45px;
border: none;
width: 100%;
}
.mainCont .qa-cont li dl dt {
font-size: calc(10px * 2);
font-size: calc(1rem * 2);
margin-bottom: 10px;
padding-bottom: 10px;
border-bottom: 1px dashed #c2c2c2;
display: table;
width: 100%;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .qa-cont li dl dt {
font-size: calc(10px * 2);
font-size: calc(0.7rem * 2);
}
}
.mainCont .qa-cont li dl dt::before {
display: table-cell;
width: 7%;
content: "Q.";
color: #3f95ff;
font-size: 36px;
text-align: center;
}
.mainCont .qa-cont li dl dd {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
line-height: 1.6;
width: 100%;
text-align: left;
display: table;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
}
@media screen and (max-width: 768px) {
.mainCont .qa-cont li dl dd {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
.mainCont .qa-cont li dl dd::before {
display: table-cell;
width: 7%;
line-height: 1;
content: "A.";
color: #e561d1;
font-size: 36px;
text-align: center;
}
@media screen and (max-width: 768px) {
.mainCont .qa-cont li dl dd::before {
padding: 0 3px;
}
}
.mainCont .notification {
margin-bottom: 80px;
}
@media screen and (max-width: 768px) {
.mainCont .notification {
margin-bottom: 80px;
}
}
.mainCont .notification._mgbAdjust {
margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
.mainCont .notification._mgbAdjust {
margin-bottom: 40px;
}
}
.mainCont .notification-ttl {
font-size: calc(10px * 1.8);
font-size: calc(1rem * 1.8);
margin: 0 1% 2rem;
padding: 0.25rem 0 0.25rem 1rem;
border-left: 6px solid #47526a;
box-sizing: border-box;
line-height: 1.8;
color: #47526a;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .notification-ttl {
font-size: calc(10px * 1.8);
font-size: calc(0.7rem * 1.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-ttl {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-left: -4.555%;
width: 109.111%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-ttl {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
.mainCont .notification-tab {
margin: 0;
padding: 0 1%;
box-sizing: border-box;
width: 100%;
font-size: 0;
display: flex;
flex-wrap: wrap;
align-items: center;
align-content: stretch;
justify-content: center;
}
@media screen and (max-width: 768px) {
.mainCont .notification-tab {
margin-bottom: 2.5%;
margin-left: -5.555%;
padding-bottom: 10px;
display: block;
max-width: 111.111%;
min-width: 111.111%;
overflow: scroll hidden;
white-space: nowrap;
}
}
.mainCont .notification-tab li {
margin: 0;
border: 1px solid #ddd;
border-right: none;
box-sizing: border-box;
display: inline-block;
position: relative;
width: 20%;
background: transparent;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
}
@media screen and (max-width: 768px) {
.mainCont .notification-tab li {
width: 45%;
}
}
.mainCont .notification-tab li:last-of-type {
border-right: 1px solid #ddd;
}
.mainCont .notification-tab li a {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 3rem 0;
border-bottom: none;
display: block;
position: relative;
color: #cfe0e5;
background: transparent;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
text-align: center;
}
@media screen and (max-width: 768px) {
.mainCont .notification-tab li a {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-tab li a {
font-size: 16px;
font-size: 1.6rem;
font-size: calc(0.6vw * 1.6);
padding: 1.2rem 0 2rem;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-tab li a {
font-size: calc(1.8vw * 1.6);
}
}
.mainCont .notification-tab li a span {
font-size: 10px;
font-size: 1rem;
padding: 0.25rem 1rem;
display: none;
position: absolute;
top: -5px;
left: -10px;
color: #fff;
background: #aaa;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
transform: rotate(-5deg);
}
@media screen and (max-width: 768px) {
.mainCont .notification-tab li a span {
font-size: 10px;
font-size: 0.7rem;
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-tab li a span {
display: none;
font-size: 14px;
font-size: 1.4rem;
font-size: calc(0.6vw * 1.4);
padding: 0.2rem 0.5rem;
border: none;
box-sizing: border-box;
top: 0;
left: 0;
width: calc(100% - 1rem);
transform: inherit;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-tab li a span {
font-size: calc(1.8vw * 1.4);
}
}
.mainCont .notification-tab li a strong {
font-size: calc(10px * 1.2);
font-size: calc(1rem * 1.2);
display: block;
color: #777;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .notification-tab li a strong {
font-size: calc(10px * 1.2);
font-size: calc(0.7rem * 1.2);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-tab li a strong {
font-size: calc(10px * 1.5);
font-size: calc(1rem * 1.5);
margin-top: 1rem;
margin-bottom: 1rem;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-tab li a strong {
font-size: calc(10px * 1.5);
font-size: calc(0.7rem * 1.5);
}
}
.mainCont .notification-tab li a small._subTtl {
font-size: 10px;
font-size: 1rem;
margin: 0;
display: block;
line-height: 1.2;
position: absolute;
bottom: 0.35rem;
left: 0;
width: 100%;
color: #666;
}
@media screen and (max-width: 768px) {
.mainCont .notification-tab li a small._subTtl {
font-size: 10px;
font-size: 0.7rem;
}
}
.mainCont .notification-tab li:hover, .mainCont .notification-tab li:active {
background: rgba(255, 197, 55, 0.05);
}
.mainCont .notification-tab li.active::after {
content: "";
margin-left: -10px;
border-top: 10px solid #F0897F;
border-right: 10px solid transparent;
border-bottom: 10px solid transparent;
border-left: 10px solid transparent;
box-sizing: border-box;
position: absolute;
left: 50%;
bottom: -20px;
z-index: 10;
}
.mainCont .notification-tab li.active a {
color: #9eb5ba;
}
.mainCont .notification-tab li.active a span {
display: inline-block;
color: #fff;
background: #FFC537;
}
@media screen and (max-width: 768px) {
.mainCont .notification-tab li.active a span {
display: none;
border: none;
color: #fff;
width: 100%;
background: #FFC537;
}
}
.mainCont .notification-tab li.active a small._subTtl {
color: #fff;
}
.mainCont .notification-tab li.tab-bestRecommended a {
color: #194350;
}
.mainCont .notification-tab li.tab-bestRecommended.active::after {
border-top: 10px solid #194350;
}
.mainCont .notification-tab li.tab-bestRecommended.active a {
background: #194350;
}
.mainCont .notification-tab li.tab-bestRecommended.active a strong {
color: #fff;
}
.mainCont .notification-tab li.tab-specialNotice.active::after {
border-top: 10px solid #40A080;
}
.mainCont .notification-tab li.tab-specialNotice.active a {
background: #40a080;
}
.mainCont .notification-tab li.tab-specialNotice.active a strong {
color: #fff;
}
.mainCont .notification-tab li.tab-recommended.active::after {
border-top: 10px solid #7B6079;
}
.mainCont .notification-tab li.tab-recommended.active a {
color: #7b6079;
background: #7b6079;
}
.mainCont .notification-tab li.tab-recommended.active a strong {
color: #fff;
}
.mainCont .notification-tab li.tab-moomin.active::after {
border-top: 10px solid #9DBEB9;
}
.mainCont .notification-tab li.tab-moomin.active a {
color: #9dbeb9;
background: #9dbeb9;
}
.mainCont .notification-tab li.tab-moomin.active a strong {
color: #fff;
}
.mainCont .notification-tab li.tab-shinkaimakoto.active::after {
border-top: 10px solid #126e82;
}
.mainCont .notification-tab li.tab-shinkaimakoto.active a {
color: #126e82;
background: #126e82;
}
.mainCont .notification-tab li.tab-shinkaimakoto.active a strong {
color: #fff;
}
.mainCont .notification-tab li.tab-peacenippon.active::after {
border-top: 10px solid #194350;
}
.mainCont .notification-tab li.tab-peacenippon.active a {
background: #194350;
}
.mainCont .notification-tab li.tab-peacenippon.active a strong {
color: #fff;
}
.mainCont .notification-tab li.tab-toho.active::after {
border-top: 10px solid #387ddd;
}
.mainCont .notification-tab li.tab-toho.active a {
color: #387ddd;
background: #387ddd;
}
.mainCont .notification-tab li.tab-toho.active a strong {
color: #fff;
}
.mainCont .notification-tab li.tab-holiday.active::after {
border-top: 10px solid #344c72;
}
.mainCont .notification-tab li.tab-holiday.active a {
color: #344c72;
background: #344c72;
}
.mainCont .notification-tab li.tab-holiday.active a strong {
color: #fff;
}
.mainCont .notification-tab li.tab-gw.active::after, .mainCont .notification-tab li.tab-svs.active::after {
border-top: 10px solid #6dd4d9;
}
.mainCont .notification-tab li.tab-gw.active a, .mainCont .notification-tab li.tab-svs.active a {
color: #6dd4d9;
background: #6dd4d9;
}
.mainCont .notification-tab li.tab-gw.active a strong, .mainCont .notification-tab li.tab-svs.active a strong {
color: #fff;
}
.mainCont .notification-tab li.tab-pickup.active::after {
border-top: 10px solid #4664a0;
}
.mainCont .notification-tab li.tab-pickup.active a {
color: #4664a0;
background: #4664a0;
}
.mainCont .notification-tab li.tab-pickup.active a strong {
color: #fff;
}
.mainCont .notification-tab li.tab-cpanime.active::after {
border-top: 10px solid #C04020;
}
.mainCont .notification-tab li.tab-cpanime.active a {
color: #c04020;
background: #c04020;
}
.mainCont .notification-tab li.tab-cpanime.active a strong {
color: #fff;
}
.mainCont .notification-tab li.tab-xmas.active::after {
border-top: 10px solid #cf0c2c;
}
.mainCont .notification-tab li.tab-xmas.active a {
color: #cf0c2c;
background: #cf0c2c;
}
.mainCont .notification-tab li.tab-xmas.active a strong {
color: #fff;
}
.mainCont .notification-tab li.tab-nc24.active::after {
border-top: 10px solid #9dce1d;
}
.mainCont .notification-tab li.tab-nc24.active a {
color: #9dce1d;
background: #9dce1d;
}
.mainCont .notification-tab li.tab-nc24.active a strong {
color: #fff;
}
.mainCont .notification-cont {
padding: calc(2rem + 10px) 1% 0;
display: none;
background: #fff;
opacity: 0;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont {
padding: 10px 0 0;
}
}
.mainCont .notification-cont.is-active {
border: none;
box-sizing: border-box;
display: block;
background: #fff;
animation-name: displayAnime;
animation-duration: 0.5s;
animation-fill-mode: forwards;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont.is-active {
border-bottom: none;
border-right: none;
border-left: none;
}
}
.mainCont .notification-cont#tf-bestRecommended .feature-ttl, .mainCont .notification-cont#bgv-peacenippon .feature-ttl {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #194350;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-bestRecommended .feature-ttl, .mainCont .notification-cont#bgv-peacenippon .feature-ttl {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-bestRecommended .feature-ttl, .mainCont .notification-cont#bgv-peacenippon .feature-ttl {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-bestRecommended .feature-ttl, .mainCont .notification-cont#bgv-peacenippon .feature-ttl {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .notification-cont#tf-bestRecommended .feature-ttl span, .mainCont .notification-cont#bgv-peacenippon .feature-ttl span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-bestRecommended .feature-ttl._addIcn ._en, .mainCont .notification-cont#bgv-peacenippon .feature-ttl._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-bestRecommended .feature-ttl._addIcn ._ja, .mainCont .notification-cont#bgv-peacenippon .feature-ttl._addIcn ._ja {
width: 88%;
}
}
.mainCont .notification-cont#tf-bestRecommended .feature-ttl ._en, .mainCont .notification-cont#bgv-peacenippon .feature-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #194350;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-bestRecommended .feature-ttl ._en, .mainCont .notification-cont#bgv-peacenippon .feature-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-bestRecommended .feature-ttl ._en, .mainCont .notification-cont#bgv-peacenippon .feature-ttl ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-bestRecommended .feature-ttl ._en, .mainCont .notification-cont#bgv-peacenippon .feature-ttl ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-bestRecommended .feature-ttl ._en._fs, .mainCont .notification-cont#bgv-peacenippon .feature-ttl ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-bestRecommended .feature-ttl ._en._fs, .mainCont .notification-cont#bgv-peacenippon .feature-ttl ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .notification-cont#tf-bestRecommended .feature-ttl ._en ._date, .mainCont .notification-cont#bgv-peacenippon .feature-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #194350;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-bestRecommended .feature-ttl ._en ._date, .mainCont .notification-cont#bgv-peacenippon .feature-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-bestRecommended .feature-ttl ._en ._date, .mainCont .notification-cont#bgv-peacenippon .feature-ttl ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-bestRecommended .feature-ttl ._en ._date, .mainCont .notification-cont#bgv-peacenippon .feature-ttl ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .notification-cont#tf-bestRecommended .feature-ttl ._ja, .mainCont .notification-cont#bgv-peacenippon .feature-ttl ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #194350;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-bestRecommended .feature-ttl ._ja, .mainCont .notification-cont#bgv-peacenippon .feature-ttl ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-bestRecommended .feature-ttl ._ja, .mainCont .notification-cont#bgv-peacenippon .feature-ttl ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-bestRecommended .feature-ttl ._ja, .mainCont .notification-cont#bgv-peacenippon .feature-ttl ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .notification-cont#tf-bestRecommended .feature-ttl ._ja._txt, .mainCont .notification-cont#bgv-peacenippon .feature-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-bestRecommended .feature-ttl ._ja._txt, .mainCont .notification-cont#bgv-peacenippon .feature-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-bestRecommended .feature-ttl ._ja._txt, .mainCont .notification-cont#bgv-peacenippon .feature-ttl ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-bestRecommended .feature-ttl ._ja._txt, .mainCont .notification-cont#bgv-peacenippon .feature-ttl ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .notification-cont#tf-bestRecommended .feature-ttl ._time, .mainCont .notification-cont#bgv-peacenippon .feature-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #194350;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-bestRecommended .feature-ttl ._time, .mainCont .notification-cont#bgv-peacenippon .feature-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-bestRecommended .feature-ttl ._time, .mainCont .notification-cont#bgv-peacenippon .feature-ttl ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-bestRecommended .feature-ttl ._time, .mainCont .notification-cont#bgv-peacenippon .feature-ttl ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .notification-cont#tf-bestRecommended .feature-ttl ._icn, .mainCont .notification-cont#bgv-peacenippon .feature-ttl ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-bestRecommended .feature-ttl ._icn, .mainCont .notification-cont#bgv-peacenippon .feature-ttl ._icn {
right: 1rem;
}
}
.mainCont .notification-cont#tf-bestRecommended .feature-ttl ._icn:hover, .mainCont .notification-cont#tf-bestRecommended .feature-ttl ._icn:active, .mainCont .notification-cont#bgv-peacenippon .feature-ttl ._icn:hover, .mainCont .notification-cont#bgv-peacenippon .feature-ttl ._icn:active {
opacity: 0.85;
}
.mainCont .notification-cont#tf-bestRecommended .feature-ttl ._btn, .mainCont .notification-cont#bgv-peacenippon .feature-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-bestRecommended .feature-ttl ._btn, .mainCont .notification-cont#bgv-peacenippon .feature-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-bestRecommended .feature-ttl ._btn, .mainCont .notification-cont#bgv-peacenippon .feature-ttl ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-bestRecommended .feature-ttl ._btn, .mainCont .notification-cont#bgv-peacenippon .feature-ttl ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .notification-cont#tf-bestRecommended .feature-ttl ._btn:visited, .mainCont .notification-cont#bgv-peacenippon .feature-ttl ._btn:visited {
color: #1d3994;
}
.mainCont .notification-cont#tf-bestRecommended .feature-ttl ._btn:hover, .mainCont .notification-cont#tf-bestRecommended .feature-ttl ._btn:active, .mainCont .notification-cont#bgv-peacenippon .feature-ttl ._btn:hover, .mainCont .notification-cont#bgv-peacenippon .feature-ttl ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .notification-cont#tf-bestRecommended .feature-ttl::before, .mainCont .notification-cont#bgv-peacenippon .feature-ttl::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .notification-cont#tf-bestRecommended .feature-ttl::after, .mainCont .notification-cont#bgv-peacenippon .feature-ttl::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(25, 67, 80, 0.8) 0%, rgba(25, 67, 80, 0.2) 80%);
background-image: linear-gradient(120deg, rgba(25, 67, 80, 0.8) 0%, rgba(25, 67, 80, 0.2) 80%);
z-index: -10;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-bestRecommended .feature-ttl, .mainCont .notification-cont#bgv-peacenippon .feature-ttl {
font-size: 24px;
font-size: 2.4rem;
font-size: calc(0.6vw * 2.4);
font-weight: normal;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-bestRecommended .feature-ttl, .mainCont .notification-cont#bgv-peacenippon .feature-ttl {
font-size: calc(1.8vw * 2.4);
}
}
.mainCont .notification-cont#tf-bestRecommended .feature-ttl::before, .mainCont .notification-cont#tf-bestRecommended .feature-ttl::after, .mainCont .notification-cont#bgv-peacenippon .feature-ttl::before, .mainCont .notification-cont#bgv-peacenippon .feature-ttl::after {
top: -8px;
height: calc(100% + 16px);
}
.mainCont .notification-cont#tf-bestRecommended .feature-ttl span::before, .mainCont .notification-cont#bgv-peacenippon .feature-ttl span::before {
background-color: #194350;
}
.mainCont .notification-cont#tf-bestRecommended .feature-ttl span::after, .mainCont .notification-cont#bgv-peacenippon .feature-ttl span::after {
background-color: #194350;
}
.mainCont .notification-cont#tf-specialNotice .feature-ttl {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #40a080;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-specialNotice .feature-ttl {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-specialNotice .feature-ttl {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-specialNotice .feature-ttl {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .notification-cont#tf-specialNotice .feature-ttl span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-specialNotice .feature-ttl._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-specialNotice .feature-ttl._addIcn ._ja {
width: 88%;
}
}
.mainCont .notification-cont#tf-specialNotice .feature-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #40a080;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-specialNotice .feature-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-specialNotice .feature-ttl ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-specialNotice .feature-ttl ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-specialNotice .feature-ttl ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-specialNotice .feature-ttl ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .notification-cont#tf-specialNotice .feature-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #40a080;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-specialNotice .feature-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-specialNotice .feature-ttl ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-specialNotice .feature-ttl ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .notification-cont#tf-specialNotice .feature-ttl ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #40a080;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-specialNotice .feature-ttl ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-specialNotice .feature-ttl ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-specialNotice .feature-ttl ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .notification-cont#tf-specialNotice .feature-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-specialNotice .feature-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-specialNotice .feature-ttl ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-specialNotice .feature-ttl ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .notification-cont#tf-specialNotice .feature-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #40a080;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-specialNotice .feature-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-specialNotice .feature-ttl ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-specialNotice .feature-ttl ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .notification-cont#tf-specialNotice .feature-ttl ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-specialNotice .feature-ttl ._icn {
right: 1rem;
}
}
.mainCont .notification-cont#tf-specialNotice .feature-ttl ._icn:hover, .mainCont .notification-cont#tf-specialNotice .feature-ttl ._icn:active {
opacity: 0.85;
}
.mainCont .notification-cont#tf-specialNotice .feature-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-specialNotice .feature-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-specialNotice .feature-ttl ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-specialNotice .feature-ttl ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .notification-cont#tf-specialNotice .feature-ttl ._btn:visited {
color: #1d3994;
}
.mainCont .notification-cont#tf-specialNotice .feature-ttl ._btn:hover, .mainCont .notification-cont#tf-specialNotice .feature-ttl ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .notification-cont#tf-specialNotice .feature-ttl::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .notification-cont#tf-specialNotice .feature-ttl::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(64, 160, 128, 0.8) 0%, rgba(64, 160, 128, 0.1) 80%);
background-image: linear-gradient(120deg, rgba(64, 160, 128, 0.8) 0%, rgba(64, 160, 128, 0.1) 80%);
z-index: -10;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-specialNotice .feature-ttl {
font-size: 24px;
font-size: 2.4rem;
font-size: calc(0.6vw * 2.4);
font-weight: normal;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-specialNotice .feature-ttl {
font-size: calc(1.8vw * 2.4);
}
}
.mainCont .notification-cont#tf-specialNotice .feature-ttl::before, .mainCont .notification-cont#tf-specialNotice .feature-ttl::after {
top: -8px;
height: calc(100% + 16px);
}
.mainCont .notification-cont#tf-specialNotice .feature-ttl span::before {
background-color: #40A080;
}
.mainCont .notification-cont#tf-specialNotice .feature-ttl span::after {
background-color: #40A080;
}
.mainCont .notification-cont#tf-recommended .feature-ttl {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #7b6079;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-recommended .feature-ttl {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-recommended .feature-ttl {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-recommended .feature-ttl {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .notification-cont#tf-recommended .feature-ttl span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-recommended .feature-ttl._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-recommended .feature-ttl._addIcn ._ja {
width: 88%;
}
}
.mainCont .notification-cont#tf-recommended .feature-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #7b6079;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-recommended .feature-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-recommended .feature-ttl ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-recommended .feature-ttl ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-recommended .feature-ttl ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-recommended .feature-ttl ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .notification-cont#tf-recommended .feature-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #7b6079;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-recommended .feature-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-recommended .feature-ttl ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-recommended .feature-ttl ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .notification-cont#tf-recommended .feature-ttl ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #7b6079;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-recommended .feature-ttl ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-recommended .feature-ttl ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-recommended .feature-ttl ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .notification-cont#tf-recommended .feature-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-recommended .feature-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-recommended .feature-ttl ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-recommended .feature-ttl ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .notification-cont#tf-recommended .feature-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #7b6079;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-recommended .feature-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-recommended .feature-ttl ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-recommended .feature-ttl ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .notification-cont#tf-recommended .feature-ttl ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-recommended .feature-ttl ._icn {
right: 1rem;
}
}
.mainCont .notification-cont#tf-recommended .feature-ttl ._icn:hover, .mainCont .notification-cont#tf-recommended .feature-ttl ._icn:active {
opacity: 0.85;
}
.mainCont .notification-cont#tf-recommended .feature-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-recommended .feature-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-recommended .feature-ttl ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-recommended .feature-ttl ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .notification-cont#tf-recommended .feature-ttl ._btn:visited {
color: #1d3994;
}
.mainCont .notification-cont#tf-recommended .feature-ttl ._btn:hover, .mainCont .notification-cont#tf-recommended .feature-ttl ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .notification-cont#tf-recommended .feature-ttl::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .notification-cont#tf-recommended .feature-ttl::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(123, 96, 121, 0.8) 0%, rgba(123, 96, 121, 0.1) 80%);
background-image: linear-gradient(120deg, rgba(123, 96, 121, 0.8) 0%, rgba(123, 96, 121, 0.1) 80%);
z-index: -10;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-recommended .feature-ttl {
font-size: 24px;
font-size: 2.4rem;
font-size: calc(0.6vw * 2.4);
font-weight: normal;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-recommended .feature-ttl {
font-size: calc(1.8vw * 2.4);
}
}
.mainCont .notification-cont#tf-recommended .feature-ttl::before, .mainCont .notification-cont#tf-recommended .feature-ttl::after {
top: -8px;
height: calc(100% + 16px);
}
.mainCont .notification-cont#tf-recommended .feature-ttl span::before {
background-color: #7B6079;
}
.mainCont .notification-cont#tf-recommended .feature-ttl span::after {
background-color: #7B6079;
}
.mainCont .notification-cont#tf-recommended .feature-detailArea-btn a {
border: 2px solid #1d3994;
box-sizing: border-box;
color: #1d3994;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-recommended .feature-detailArea-btn a {
font-size: 16px;
font-size: 1.6rem;
font-size: calc(0.6vw * 1.6);
margin: 0 auto;
padding: 1.5rem 2rem;
border: 2px solid #1d3994;
width: 50%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-recommended .feature-detailArea-btn a {
font-size: calc(1.8vw * 1.6);
}
}
.mainCont .notification-cont#tf-recommended .feature-detailArea-btn a:hover, .mainCont .notification-cont#tf-recommended .feature-detailArea-btn a:active {
color: #fff;
background: #1d3994;
}
.mainCont .notification-cont#tf-moomin .feature-ttl {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #9dbeb9;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-moomin .feature-ttl {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-moomin .feature-ttl {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-moomin .feature-ttl {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .notification-cont#tf-moomin .feature-ttl span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-moomin .feature-ttl._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-moomin .feature-ttl._addIcn ._ja {
width: 88%;
}
}
.mainCont .notification-cont#tf-moomin .feature-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #9dbeb9;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-moomin .feature-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-moomin .feature-ttl ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-moomin .feature-ttl ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-moomin .feature-ttl ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-moomin .feature-ttl ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .notification-cont#tf-moomin .feature-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #9dbeb9;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-moomin .feature-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-moomin .feature-ttl ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-moomin .feature-ttl ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .notification-cont#tf-moomin .feature-ttl ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #9dbeb9;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-moomin .feature-ttl ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-moomin .feature-ttl ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-moomin .feature-ttl ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .notification-cont#tf-moomin .feature-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-moomin .feature-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-moomin .feature-ttl ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-moomin .feature-ttl ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .notification-cont#tf-moomin .feature-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #9dbeb9;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-moomin .feature-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-moomin .feature-ttl ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-moomin .feature-ttl ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .notification-cont#tf-moomin .feature-ttl ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-moomin .feature-ttl ._icn {
right: 1rem;
}
}
.mainCont .notification-cont#tf-moomin .feature-ttl ._icn:hover, .mainCont .notification-cont#tf-moomin .feature-ttl ._icn:active {
opacity: 0.85;
}
.mainCont .notification-cont#tf-moomin .feature-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-moomin .feature-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-moomin .feature-ttl ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-moomin .feature-ttl ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .notification-cont#tf-moomin .feature-ttl ._btn:visited {
color: #1d3994;
}
.mainCont .notification-cont#tf-moomin .feature-ttl ._btn:hover, .mainCont .notification-cont#tf-moomin .feature-ttl ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .notification-cont#tf-moomin .feature-ttl::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .notification-cont#tf-moomin .feature-ttl::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(157, 190, 185, 0.8) 0%, rgba(157, 190, 185, 0.1) 80%);
background-image: linear-gradient(120deg, rgba(157, 190, 185, 0.8) 0%, rgba(157, 190, 185, 0.1) 80%);
z-index: -10;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-moomin .feature-ttl {
font-size: 24px;
font-size: 2.4rem;
font-size: calc(0.6vw * 2.4);
font-weight: normal;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-moomin .feature-ttl {
font-size: calc(1.8vw * 2.4);
}
}
.mainCont .notification-cont#tf-moomin .feature-ttl::before, .mainCont .notification-cont#tf-moomin .feature-ttl::after {
top: -8px;
height: calc(100% + 16px);
}
.mainCont .notification-cont#tf-moomin .feature-ttl span::before {
background-color: #9DBEB9;
}
.mainCont .notification-cont#tf-moomin .feature-ttl span::after {
background-color: #9DBEB9;
}
.mainCont .notification-cont#tf-shinkaimakoto .feature-ttl {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #126e82;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-shinkaimakoto .feature-ttl {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-shinkaimakoto .feature-ttl {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-shinkaimakoto .feature-ttl {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .notification-cont#tf-shinkaimakoto .feature-ttl span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-shinkaimakoto .feature-ttl._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-shinkaimakoto .feature-ttl._addIcn ._ja {
width: 88%;
}
}
.mainCont .notification-cont#tf-shinkaimakoto .feature-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #126e82;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-shinkaimakoto .feature-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-shinkaimakoto .feature-ttl ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-shinkaimakoto .feature-ttl ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-shinkaimakoto .feature-ttl ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-shinkaimakoto .feature-ttl ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .notification-cont#tf-shinkaimakoto .feature-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #126e82;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-shinkaimakoto .feature-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-shinkaimakoto .feature-ttl ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-shinkaimakoto .feature-ttl ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .notification-cont#tf-shinkaimakoto .feature-ttl ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #126e82;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-shinkaimakoto .feature-ttl ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-shinkaimakoto .feature-ttl ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-shinkaimakoto .feature-ttl ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .notification-cont#tf-shinkaimakoto .feature-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-shinkaimakoto .feature-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-shinkaimakoto .feature-ttl ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-shinkaimakoto .feature-ttl ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .notification-cont#tf-shinkaimakoto .feature-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #126e82;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-shinkaimakoto .feature-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-shinkaimakoto .feature-ttl ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-shinkaimakoto .feature-ttl ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .notification-cont#tf-shinkaimakoto .feature-ttl ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-shinkaimakoto .feature-ttl ._icn {
right: 1rem;
}
}
.mainCont .notification-cont#tf-shinkaimakoto .feature-ttl ._icn:hover, .mainCont .notification-cont#tf-shinkaimakoto .feature-ttl ._icn:active {
opacity: 0.85;
}
.mainCont .notification-cont#tf-shinkaimakoto .feature-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-shinkaimakoto .feature-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-shinkaimakoto .feature-ttl ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-shinkaimakoto .feature-ttl ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .notification-cont#tf-shinkaimakoto .feature-ttl ._btn:visited {
color: #1d3994;
}
.mainCont .notification-cont#tf-shinkaimakoto .feature-ttl ._btn:hover, .mainCont .notification-cont#tf-shinkaimakoto .feature-ttl ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .notification-cont#tf-shinkaimakoto .feature-ttl::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .notification-cont#tf-shinkaimakoto .feature-ttl::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(18, 110, 130, 0.8) 0%, rgba(18, 110, 130, 0.1) 80%);
background-image: linear-gradient(120deg, rgba(18, 110, 130, 0.8) 0%, rgba(18, 110, 130, 0.1) 80%);
z-index: -10;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-shinkaimakoto .feature-ttl {
font-size: 24px;
font-size: 2.4rem;
font-size: calc(0.6vw * 2.4);
font-weight: normal;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-shinkaimakoto .feature-ttl {
font-size: calc(1.8vw * 2.4);
}
}
.mainCont .notification-cont#tf-shinkaimakoto .feature-ttl::before, .mainCont .notification-cont#tf-shinkaimakoto .feature-ttl::after {
top: -8px;
height: calc(100% + 16px);
}
.mainCont .notification-cont#tf-shinkaimakoto .feature-ttl span::before {
background-color: #126e82;
}
.mainCont .notification-cont#tf-shinkaimakoto .feature-ttl span::after {
background-color: #126e82;
}
.mainCont .notification-cont#tf-toho .feature-ttl {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #387ddd;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-toho .feature-ttl {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-toho .feature-ttl {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-toho .feature-ttl {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .notification-cont#tf-toho .feature-ttl span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-toho .feature-ttl._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-toho .feature-ttl._addIcn ._ja {
width: 88%;
}
}
.mainCont .notification-cont#tf-toho .feature-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #387ddd;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-toho .feature-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-toho .feature-ttl ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-toho .feature-ttl ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-toho .feature-ttl ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-toho .feature-ttl ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .notification-cont#tf-toho .feature-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #387ddd;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-toho .feature-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-toho .feature-ttl ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-toho .feature-ttl ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .notification-cont#tf-toho .feature-ttl ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #387ddd;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-toho .feature-ttl ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-toho .feature-ttl ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-toho .feature-ttl ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .notification-cont#tf-toho .feature-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-toho .feature-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-toho .feature-ttl ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-toho .feature-ttl ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .notification-cont#tf-toho .feature-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #387ddd;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-toho .feature-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-toho .feature-ttl ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-toho .feature-ttl ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .notification-cont#tf-toho .feature-ttl ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-toho .feature-ttl ._icn {
right: 1rem;
}
}
.mainCont .notification-cont#tf-toho .feature-ttl ._icn:hover, .mainCont .notification-cont#tf-toho .feature-ttl ._icn:active {
opacity: 0.85;
}
.mainCont .notification-cont#tf-toho .feature-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-toho .feature-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-toho .feature-ttl ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-toho .feature-ttl ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .notification-cont#tf-toho .feature-ttl ._btn:visited {
color: #1d3994;
}
.mainCont .notification-cont#tf-toho .feature-ttl ._btn:hover, .mainCont .notification-cont#tf-toho .feature-ttl ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .notification-cont#tf-toho .feature-ttl::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .notification-cont#tf-toho .feature-ttl::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(56, 125, 221, 0.8) 0%, rgba(56, 125, 221, 0.1) 80%);
background-image: linear-gradient(120deg, rgba(56, 125, 221, 0.8) 0%, rgba(56, 125, 221, 0.1) 80%);
z-index: -10;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-toho .feature-ttl {
font-size: 24px;
font-size: 2.4rem;
font-size: calc(0.6vw * 2.4);
font-weight: normal;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-toho .feature-ttl {
font-size: calc(1.8vw * 2.4);
}
}
.mainCont .notification-cont#tf-toho .feature-ttl::before, .mainCont .notification-cont#tf-toho .feature-ttl::after {
top: -8px;
height: calc(100% + 16px);
}
.mainCont .notification-cont#tf-toho .feature-ttl span::before {
background-color: #387ddd;
}
.mainCont .notification-cont#tf-toho .feature-ttl span::after {
background-color: #387ddd;
}
.mainCont .notification-cont#tf-holiday .feature-ttl {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #344c72;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-holiday .feature-ttl {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-holiday .feature-ttl {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-holiday .feature-ttl {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .notification-cont#tf-holiday .feature-ttl span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-holiday .feature-ttl._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-holiday .feature-ttl._addIcn ._ja {
width: 88%;
}
}
.mainCont .notification-cont#tf-holiday .feature-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #344c72;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-holiday .feature-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-holiday .feature-ttl ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-holiday .feature-ttl ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-holiday .feature-ttl ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-holiday .feature-ttl ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .notification-cont#tf-holiday .feature-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #344c72;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-holiday .feature-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-holiday .feature-ttl ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-holiday .feature-ttl ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .notification-cont#tf-holiday .feature-ttl ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #344c72;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-holiday .feature-ttl ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-holiday .feature-ttl ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-holiday .feature-ttl ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .notification-cont#tf-holiday .feature-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-holiday .feature-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-holiday .feature-ttl ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-holiday .feature-ttl ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .notification-cont#tf-holiday .feature-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #344c72;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-holiday .feature-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-holiday .feature-ttl ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-holiday .feature-ttl ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .notification-cont#tf-holiday .feature-ttl ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-holiday .feature-ttl ._icn {
right: 1rem;
}
}
.mainCont .notification-cont#tf-holiday .feature-ttl ._icn:hover, .mainCont .notification-cont#tf-holiday .feature-ttl ._icn:active {
opacity: 0.85;
}
.mainCont .notification-cont#tf-holiday .feature-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-holiday .feature-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-holiday .feature-ttl ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-holiday .feature-ttl ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .notification-cont#tf-holiday .feature-ttl ._btn:visited {
color: #1d3994;
}
.mainCont .notification-cont#tf-holiday .feature-ttl ._btn:hover, .mainCont .notification-cont#tf-holiday .feature-ttl ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .notification-cont#tf-holiday .feature-ttl::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .notification-cont#tf-holiday .feature-ttl::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(52, 76, 114, 0.8) 0%, rgba(52, 76, 114, 0.1) 80%);
background-image: linear-gradient(120deg, rgba(52, 76, 114, 0.8) 0%, rgba(52, 76, 114, 0.1) 80%);
z-index: -10;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-holiday .feature-ttl {
font-size: 24px;
font-size: 2.4rem;
font-size: calc(0.6vw * 2.4);
font-weight: normal;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-holiday .feature-ttl {
font-size: calc(1.8vw * 2.4);
}
}
.mainCont .notification-cont#tf-holiday .feature-ttl::before, .mainCont .notification-cont#tf-holiday .feature-ttl::after {
top: -8px;
height: calc(100% + 16px);
}
.mainCont .notification-cont#tf-holiday .feature-ttl span::before {
background-color: #344c72;
}
.mainCont .notification-cont#tf-holiday .feature-ttl span::after {
background-color: #344c72;
}
.mainCont .notification-cont#tf-pickup .feature-ttl {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #4664a0;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-pickup .feature-ttl {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-pickup .feature-ttl {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-pickup .feature-ttl {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .notification-cont#tf-pickup .feature-ttl span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-pickup .feature-ttl._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-pickup .feature-ttl._addIcn ._ja {
width: 88%;
}
}
.mainCont .notification-cont#tf-pickup .feature-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #4664a0;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-pickup .feature-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-pickup .feature-ttl ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-pickup .feature-ttl ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-pickup .feature-ttl ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-pickup .feature-ttl ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .notification-cont#tf-pickup .feature-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #4664a0;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-pickup .feature-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-pickup .feature-ttl ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-pickup .feature-ttl ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .notification-cont#tf-pickup .feature-ttl ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #4664a0;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-pickup .feature-ttl ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-pickup .feature-ttl ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-pickup .feature-ttl ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .notification-cont#tf-pickup .feature-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-pickup .feature-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-pickup .feature-ttl ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-pickup .feature-ttl ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .notification-cont#tf-pickup .feature-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #4664a0;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-pickup .feature-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-pickup .feature-ttl ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-pickup .feature-ttl ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .notification-cont#tf-pickup .feature-ttl ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-pickup .feature-ttl ._icn {
right: 1rem;
}
}
.mainCont .notification-cont#tf-pickup .feature-ttl ._icn:hover, .mainCont .notification-cont#tf-pickup .feature-ttl ._icn:active {
opacity: 0.85;
}
.mainCont .notification-cont#tf-pickup .feature-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-pickup .feature-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-pickup .feature-ttl ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-pickup .feature-ttl ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .notification-cont#tf-pickup .feature-ttl ._btn:visited {
color: #1d3994;
}
.mainCont .notification-cont#tf-pickup .feature-ttl ._btn:hover, .mainCont .notification-cont#tf-pickup .feature-ttl ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .notification-cont#tf-pickup .feature-ttl::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .notification-cont#tf-pickup .feature-ttl::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(70, 100, 160, 0.8) 0%, rgba(70, 100, 160, 0.1) 80%);
background-image: linear-gradient(120deg, rgba(70, 100, 160, 0.8) 0%, rgba(70, 100, 160, 0.1) 80%);
z-index: -10;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-pickup .feature-ttl {
font-size: 24px;
font-size: 2.4rem;
font-size: calc(0.6vw * 2.4);
font-weight: normal;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-pickup .feature-ttl {
font-size: calc(1.8vw * 2.4);
}
}
.mainCont .notification-cont#tf-pickup .feature-ttl::before, .mainCont .notification-cont#tf-pickup .feature-ttl::after {
top: -8px;
height: calc(100% + 16px);
}
.mainCont .notification-cont#tf-pickup .feature-ttl span::before {
background-color: #4664a0;
}
.mainCont .notification-cont#tf-pickup .feature-ttl span::after {
background-color: #4664a0;
}
.mainCont .notification-cont#tf-cpanime .feature-ttl {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #c04020;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-cpanime .feature-ttl {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-cpanime .feature-ttl {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-cpanime .feature-ttl {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .notification-cont#tf-cpanime .feature-ttl span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-cpanime .feature-ttl._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-cpanime .feature-ttl._addIcn ._ja {
width: 88%;
}
}
.mainCont .notification-cont#tf-cpanime .feature-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #c04020;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-cpanime .feature-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-cpanime .feature-ttl ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-cpanime .feature-ttl ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-cpanime .feature-ttl ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-cpanime .feature-ttl ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .notification-cont#tf-cpanime .feature-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #c04020;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-cpanime .feature-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-cpanime .feature-ttl ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-cpanime .feature-ttl ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .notification-cont#tf-cpanime .feature-ttl ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #c04020;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-cpanime .feature-ttl ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-cpanime .feature-ttl ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-cpanime .feature-ttl ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .notification-cont#tf-cpanime .feature-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-cpanime .feature-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-cpanime .feature-ttl ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-cpanime .feature-ttl ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .notification-cont#tf-cpanime .feature-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #c04020;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-cpanime .feature-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-cpanime .feature-ttl ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-cpanime .feature-ttl ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .notification-cont#tf-cpanime .feature-ttl ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-cpanime .feature-ttl ._icn {
right: 1rem;
}
}
.mainCont .notification-cont#tf-cpanime .feature-ttl ._icn:hover, .mainCont .notification-cont#tf-cpanime .feature-ttl ._icn:active {
opacity: 0.85;
}
.mainCont .notification-cont#tf-cpanime .feature-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-cpanime .feature-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-cpanime .feature-ttl ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-cpanime .feature-ttl ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .notification-cont#tf-cpanime .feature-ttl ._btn:visited {
color: #1d3994;
}
.mainCont .notification-cont#tf-cpanime .feature-ttl ._btn:hover, .mainCont .notification-cont#tf-cpanime .feature-ttl ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .notification-cont#tf-cpanime .feature-ttl::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .notification-cont#tf-cpanime .feature-ttl::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(192, 64, 32, 0.8) 0%, rgba(192, 64, 32, 0.1) 80%);
background-image: linear-gradient(120deg, rgba(192, 64, 32, 0.8) 0%, rgba(192, 64, 32, 0.1) 80%);
z-index: -10;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-cpanime .feature-ttl {
font-size: 24px;
font-size: 2.4rem;
font-size: calc(0.6vw * 2.4);
font-weight: normal;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-cpanime .feature-ttl {
font-size: calc(1.8vw * 2.4);
}
}
.mainCont .notification-cont#tf-cpanime .feature-ttl::before, .mainCont .notification-cont#tf-cpanime .feature-ttl::after {
top: -8px;
height: calc(100% + 16px);
}
.mainCont .notification-cont#tf-cpanime .feature-ttl span::before {
background-color: #C04020;
}
.mainCont .notification-cont#tf-cpanime .feature-ttl span::after {
background-color: #C04020;
}
.mainCont .notification-cont#tf-gw .feature-ttl, .mainCont .notification-cont#tf-svs .feature-ttl {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #6dd4d9;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-gw .feature-ttl, .mainCont .notification-cont#tf-svs .feature-ttl {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-gw .feature-ttl, .mainCont .notification-cont#tf-svs .feature-ttl {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-gw .feature-ttl, .mainCont .notification-cont#tf-svs .feature-ttl {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .notification-cont#tf-gw .feature-ttl span, .mainCont .notification-cont#tf-svs .feature-ttl span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-gw .feature-ttl._addIcn ._en, .mainCont .notification-cont#tf-svs .feature-ttl._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-gw .feature-ttl._addIcn ._ja, .mainCont .notification-cont#tf-svs .feature-ttl._addIcn ._ja {
width: 88%;
}
}
.mainCont .notification-cont#tf-gw .feature-ttl ._en, .mainCont .notification-cont#tf-svs .feature-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #6dd4d9;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-gw .feature-ttl ._en, .mainCont .notification-cont#tf-svs .feature-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-gw .feature-ttl ._en, .mainCont .notification-cont#tf-svs .feature-ttl ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-gw .feature-ttl ._en, .mainCont .notification-cont#tf-svs .feature-ttl ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-gw .feature-ttl ._en._fs, .mainCont .notification-cont#tf-svs .feature-ttl ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-gw .feature-ttl ._en._fs, .mainCont .notification-cont#tf-svs .feature-ttl ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .notification-cont#tf-gw .feature-ttl ._en ._date, .mainCont .notification-cont#tf-svs .feature-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #6dd4d9;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-gw .feature-ttl ._en ._date, .mainCont .notification-cont#tf-svs .feature-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-gw .feature-ttl ._en ._date, .mainCont .notification-cont#tf-svs .feature-ttl ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-gw .feature-ttl ._en ._date, .mainCont .notification-cont#tf-svs .feature-ttl ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .notification-cont#tf-gw .feature-ttl ._ja, .mainCont .notification-cont#tf-svs .feature-ttl ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #6dd4d9;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-gw .feature-ttl ._ja, .mainCont .notification-cont#tf-svs .feature-ttl ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-gw .feature-ttl ._ja, .mainCont .notification-cont#tf-svs .feature-ttl ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-gw .feature-ttl ._ja, .mainCont .notification-cont#tf-svs .feature-ttl ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .notification-cont#tf-gw .feature-ttl ._ja._txt, .mainCont .notification-cont#tf-svs .feature-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-gw .feature-ttl ._ja._txt, .mainCont .notification-cont#tf-svs .feature-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-gw .feature-ttl ._ja._txt, .mainCont .notification-cont#tf-svs .feature-ttl ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-gw .feature-ttl ._ja._txt, .mainCont .notification-cont#tf-svs .feature-ttl ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .notification-cont#tf-gw .feature-ttl ._time, .mainCont .notification-cont#tf-svs .feature-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #6dd4d9;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-gw .feature-ttl ._time, .mainCont .notification-cont#tf-svs .feature-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-gw .feature-ttl ._time, .mainCont .notification-cont#tf-svs .feature-ttl ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-gw .feature-ttl ._time, .mainCont .notification-cont#tf-svs .feature-ttl ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .notification-cont#tf-gw .feature-ttl ._icn, .mainCont .notification-cont#tf-svs .feature-ttl ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-gw .feature-ttl ._icn, .mainCont .notification-cont#tf-svs .feature-ttl ._icn {
right: 1rem;
}
}
.mainCont .notification-cont#tf-gw .feature-ttl ._icn:hover, .mainCont .notification-cont#tf-gw .feature-ttl ._icn:active, .mainCont .notification-cont#tf-svs .feature-ttl ._icn:hover, .mainCont .notification-cont#tf-svs .feature-ttl ._icn:active {
opacity: 0.85;
}
.mainCont .notification-cont#tf-gw .feature-ttl ._btn, .mainCont .notification-cont#tf-svs .feature-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-gw .feature-ttl ._btn, .mainCont .notification-cont#tf-svs .feature-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-gw .feature-ttl ._btn, .mainCont .notification-cont#tf-svs .feature-ttl ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-gw .feature-ttl ._btn, .mainCont .notification-cont#tf-svs .feature-ttl ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .notification-cont#tf-gw .feature-ttl ._btn:visited, .mainCont .notification-cont#tf-svs .feature-ttl ._btn:visited {
color: #1d3994;
}
.mainCont .notification-cont#tf-gw .feature-ttl ._btn:hover, .mainCont .notification-cont#tf-gw .feature-ttl ._btn:active, .mainCont .notification-cont#tf-svs .feature-ttl ._btn:hover, .mainCont .notification-cont#tf-svs .feature-ttl ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .notification-cont#tf-gw .feature-ttl::before, .mainCont .notification-cont#tf-svs .feature-ttl::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .notification-cont#tf-gw .feature-ttl::after, .mainCont .notification-cont#tf-svs .feature-ttl::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(109, 212, 217, 0.8) 0%, rgba(109, 212, 217, 0.1) 80%);
background-image: linear-gradient(120deg, rgba(109, 212, 217, 0.8) 0%, rgba(109, 212, 217, 0.1) 80%);
z-index: -10;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-gw .feature-ttl, .mainCont .notification-cont#tf-svs .feature-ttl {
font-size: 24px;
font-size: 2.4rem;
font-size: calc(0.6vw * 2.4);
font-weight: normal;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-gw .feature-ttl, .mainCont .notification-cont#tf-svs .feature-ttl {
font-size: calc(1.8vw * 2.4);
}
}
.mainCont .notification-cont#tf-gw .feature-ttl::before, .mainCont .notification-cont#tf-gw .feature-ttl::after, .mainCont .notification-cont#tf-svs .feature-ttl::before, .mainCont .notification-cont#tf-svs .feature-ttl::after {
top: -8px;
height: calc(100% + 16px);
}
.mainCont .notification-cont#tf-gw .feature-ttl span::before, .mainCont .notification-cont#tf-svs .feature-ttl span::before {
background-color: #6dd4d9;
}
.mainCont .notification-cont#tf-gw .feature-ttl span::after, .mainCont .notification-cont#tf-svs .feature-ttl span::after {
background-color: #6dd4d9;
}
.mainCont .notification-cont#tf-xmas .feature-ttl {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #486257;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-xmas .feature-ttl {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-xmas .feature-ttl {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-xmas .feature-ttl {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .notification-cont#tf-xmas .feature-ttl span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-xmas .feature-ttl._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-xmas .feature-ttl._addIcn ._ja {
width: 88%;
}
}
.mainCont .notification-cont#tf-xmas .feature-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #486257;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-xmas .feature-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-xmas .feature-ttl ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-xmas .feature-ttl ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-xmas .feature-ttl ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-xmas .feature-ttl ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .notification-cont#tf-xmas .feature-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #486257;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-xmas .feature-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-xmas .feature-ttl ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-xmas .feature-ttl ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .notification-cont#tf-xmas .feature-ttl ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #486257;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-xmas .feature-ttl ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-xmas .feature-ttl ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-xmas .feature-ttl ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .notification-cont#tf-xmas .feature-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-xmas .feature-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-xmas .feature-ttl ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-xmas .feature-ttl ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .notification-cont#tf-xmas .feature-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #486257;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-xmas .feature-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-xmas .feature-ttl ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-xmas .feature-ttl ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .notification-cont#tf-xmas .feature-ttl ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-xmas .feature-ttl ._icn {
right: 1rem;
}
}
.mainCont .notification-cont#tf-xmas .feature-ttl ._icn:hover, .mainCont .notification-cont#tf-xmas .feature-ttl ._icn:active {
opacity: 0.85;
}
.mainCont .notification-cont#tf-xmas .feature-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-xmas .feature-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-xmas .feature-ttl ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-xmas .feature-ttl ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .notification-cont#tf-xmas .feature-ttl ._btn:visited {
color: #1d3994;
}
.mainCont .notification-cont#tf-xmas .feature-ttl ._btn:hover, .mainCont .notification-cont#tf-xmas .feature-ttl ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .notification-cont#tf-xmas .feature-ttl::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .notification-cont#tf-xmas .feature-ttl::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(72, 98, 87, 0.8) 0%, rgba(207, 12, 44, 0.1) 80%);
background-image: linear-gradient(120deg, rgba(72, 98, 87, 0.8) 0%, rgba(207, 12, 44, 0.1) 80%);
z-index: -10;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-xmas .feature-ttl {
font-size: 24px;
font-size: 2.4rem;
font-size: calc(0.6vw * 2.4);
font-weight: normal;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-xmas .feature-ttl {
font-size: calc(1.8vw * 2.4);
}
}
.mainCont .notification-cont#tf-xmas .feature-ttl::before, .mainCont .notification-cont#tf-xmas .feature-ttl::after {
top: -8px;
height: calc(100% + 16px);
}
.mainCont .notification-cont#tf-xmas .feature-ttl span {
color: #486257;
}
.mainCont .notification-cont#tf-xmas .feature-ttl span::before {
background-color: #486257;
}
.mainCont .notification-cont#tf-xmas .feature-ttl span::after {
background-color: #486257;
}
.mainCont .notification-cont#tf-nc24 .feature-ttl {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #486257;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-nc24 .feature-ttl {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-nc24 .feature-ttl {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-nc24 .feature-ttl {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .notification-cont#tf-nc24 .feature-ttl span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-nc24 .feature-ttl._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-nc24 .feature-ttl._addIcn ._ja {
width: 88%;
}
}
.mainCont .notification-cont#tf-nc24 .feature-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #486257;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-nc24 .feature-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-nc24 .feature-ttl ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-nc24 .feature-ttl ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-nc24 .feature-ttl ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-nc24 .feature-ttl ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .notification-cont#tf-nc24 .feature-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #486257;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-nc24 .feature-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-nc24 .feature-ttl ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-nc24 .feature-ttl ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .notification-cont#tf-nc24 .feature-ttl ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #486257;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-nc24 .feature-ttl ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-nc24 .feature-ttl ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-nc24 .feature-ttl ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .notification-cont#tf-nc24 .feature-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-nc24 .feature-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-nc24 .feature-ttl ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-nc24 .feature-ttl ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .notification-cont#tf-nc24 .feature-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #486257;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-nc24 .feature-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-nc24 .feature-ttl ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-nc24 .feature-ttl ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .notification-cont#tf-nc24 .feature-ttl ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-nc24 .feature-ttl ._icn {
right: 1rem;
}
}
.mainCont .notification-cont#tf-nc24 .feature-ttl ._icn:hover, .mainCont .notification-cont#tf-nc24 .feature-ttl ._icn:active {
opacity: 0.85;
}
.mainCont .notification-cont#tf-nc24 .feature-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-nc24 .feature-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-nc24 .feature-ttl ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-nc24 .feature-ttl ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .notification-cont#tf-nc24 .feature-ttl ._btn:visited {
color: #1d3994;
}
.mainCont .notification-cont#tf-nc24 .feature-ttl ._btn:hover, .mainCont .notification-cont#tf-nc24 .feature-ttl ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .notification-cont#tf-nc24 .feature-ttl::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .notification-cont#tf-nc24 .feature-ttl::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(72, 98, 87, 0.8) 0%, rgba(157, 206, 29, 0.1) 80%);
background-image: linear-gradient(120deg, rgba(72, 98, 87, 0.8) 0%, rgba(157, 206, 29, 0.1) 80%);
z-index: -10;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont#tf-nc24 .feature-ttl {
font-size: 24px;
font-size: 2.4rem;
font-size: calc(0.6vw * 2.4);
font-weight: normal;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont#tf-nc24 .feature-ttl {
font-size: calc(1.8vw * 2.4);
}
}
.mainCont .notification-cont#tf-nc24 .feature-ttl::before, .mainCont .notification-cont#tf-nc24 .feature-ttl::after {
top: -8px;
height: calc(100% + 16px);
}
.mainCont .notification-cont#tf-nc24 .feature-ttl span {
color: #486257;
}
.mainCont .notification-cont#tf-nc24 .feature-ttl span::before {
background-color: #486257;
}
.mainCont .notification-cont#tf-nc24 .feature-ttl span::after {
background-color: #486257;
}
@keyframes displayAnime {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.mainCont .notification-cont .feature {
margin: 0 0 4rem;
width: 100%;
font-size: 0;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont .feature {
margin: 0 auto 4rem;
width: 96%;
}
}
.mainCont .notification-cont .feature:last-of-type {
margin-bottom: 0;
}
.mainCont .notification-cont .feature-eyecatch {
margin: 0 0 4rem;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont .feature-eyecatch {
margin-bottom: 25px;
margin-left: -5.555%;
width: 111.111%;
}
}
.mainCont .notification-cont .feature-ttl {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #3f95ff;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
border-bottom: none;
position: relative;
font-weight: bold;
text-align: left;
cursor: pointer;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont .feature-ttl {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont .feature-ttl {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont .feature-ttl {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .notification-cont .feature-ttl span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont .feature-ttl._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont .feature-ttl._addIcn ._ja {
width: 88%;
}
}
.mainCont .notification-cont .feature-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #3f95ff;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont .feature-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont .feature-ttl ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont .feature-ttl ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont .feature-ttl ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont .feature-ttl ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .notification-cont .feature-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #3f95ff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont .feature-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont .feature-ttl ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont .feature-ttl ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .notification-cont .feature-ttl ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #3f95ff;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont .feature-ttl ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont .feature-ttl ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont .feature-ttl ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .notification-cont .feature-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont .feature-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont .feature-ttl ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont .feature-ttl ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .notification-cont .feature-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #3f95ff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont .feature-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont .feature-ttl ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont .feature-ttl ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .notification-cont .feature-ttl ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont .feature-ttl ._icn {
right: 1rem;
}
}
.mainCont .notification-cont .feature-ttl ._icn:hover, .mainCont .notification-cont .feature-ttl ._icn:active {
opacity: 0.85;
}
.mainCont .notification-cont .feature-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont .feature-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont .feature-ttl ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont .feature-ttl ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .notification-cont .feature-ttl ._btn:visited {
color: #1d3994;
}
.mainCont .notification-cont .feature-ttl ._btn:hover, .mainCont .notification-cont .feature-ttl ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .notification-cont .feature-ttl::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .notification-cont .feature-ttl::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(63, 149, 255, 0.8) 0%, rgba(63, 149, 255, 0.1) 80%);
background-image: linear-gradient(120deg, rgba(63, 149, 255, 0.8) 0%, rgba(63, 149, 255, 0.1) 80%);
z-index: -10;
}
.mainCont .notification-cont .feature-ttl span {
display: block;
position: relative;
line-height: 1.4;
width: 100%;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont .feature-ttl span {
font-weight: bold;
letter-spacing: 0;
}
}
.mainCont .notification-cont .feature-ttl span::before {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: auto;
margin: auto;
width: 20px;
height: 2px;
background-color: #3f95ff;
transition: 0.2s;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont .feature-ttl span::before {
width: 16px;
height: 1px;
}
}
.mainCont .notification-cont .feature-ttl span::after {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: auto;
margin: auto;
width: 20px;
height: 2px;
background-color: #3f95ff;
transition: 0.3s;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont .feature-ttl span::after {
width: 16px;
height: 1px;
}
}
.mainCont .notification-cont .feature-ttl.is-active span::before {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
.mainCont .notification-cont .feature-ttl.is-active span::after {
background-color: transparent;
}
.mainCont .notification-cont .feature-cont {
margin-bottom: 4rem;
display: none;
}
.mainCont .notification-cont .feature-cont::after {
content: "";
clear: both;
display: block;
}
.mainCont .notification-cont .feature-cont.is-active {
display: block;
}
.mainCont .notification-cont .feature-main {
margin: 0 0 20px;
width: 100%;
}
.mainCont .notification-cont .feature-phtArea {
display: inline-block;
width: 30%;
vertical-align: middle;
text-align: right;
vertical-align: top;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont .feature-phtArea {
margin: 0 auto 2rem;
display: block;
width: 70%;
}
}
.mainCont .notification-cont .feature-phtArea._vaMiddle {
vertical-align: middle;
}
.mainCont .notification-cont .feature-phtArea._divide2 {
font-size: 0;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont .feature-phtArea._divide2 {
width: 90%;
}
}
.mainCont .notification-cont .feature-phtArea._divide2 .feature-phtArea-devide {
margin: 0;
display: inline-block;
width: 50%;
}
.mainCont .notification-cont .feature-phtArea img {
margin: 0 0 5px;
display: block;
}
.mainCont .notification-cont .feature-phtArea img:last-of-type {
margin-bottom: 0;
}
.mainCont .notification-cont .feature-phtArea-gallery {
margin: 20px 0;
padding: 0;
width: 100%;
font-size: 0;
}
.mainCont .notification-cont .feature-phtArea-gallery li {
margin: 0;
padding: 0;
display: inline-block;
width: 20%;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont .feature-phtArea-gallery li {
width: 33.3333333333%;
}
}
.mainCont .notification-cont .feature-phtArea-facility {
margin: 10px 0 0;
}
.mainCont .notification-cont .feature-phtArea-facility-ttl {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 5px 10px;
border: 1px dashed #3f95ff;
box-sizing: border-box;
width: 100%;
background: #fafafa;
text-align: left;
text-align: center;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont .feature-phtArea-facility-ttl {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont .feature-phtArea-facility-ttl {
font-size: 16px;
font-size: 1.6rem;
font-size: calc(0.6vw * 1.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont .feature-phtArea-facility-ttl {
font-size: calc(1.8vw * 1.6);
}
}
.mainCont .notification-cont .feature-phtArea-facility-icn {
margin: 5px 0;
width: 100%;
text-align: left;
font-size: 0;
}
.mainCont .notification-cont .feature-phtArea-facility-icn li {
margin: 0 1px;
display: inline-block;
width: calc(25% - 2px);
text-align: left;
}
.mainCont .notification-cont .feature-phtArea-facility-caution {
font-size: calc(10px * 1.2);
font-size: calc(1rem * 1.2);
padding-left: 1em;
line-height: 1.4;
text-align: left;
text-indent: -1em;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont .feature-phtArea-facility-caution {
font-size: calc(10px * 1.2);
font-size: calc(0.7rem * 1.2);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont .feature-phtArea-facility-caution {
font-size: 14px;
font-size: 1.4rem;
font-size: calc(0.6vw * 1.4);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont .feature-phtArea-facility-caution {
font-size: calc(1.8vw * 1.4);
}
}
.mainCont .notification-cont .feature-phtArea-facility-caution a {
color: #333;
}
.mainCont .notification-cont .feature-phtArea-facility-caution a:hover, .mainCont .notification-cont .feature-phtArea-facility-caution a:active {
text-decoration: underline;
}
.mainCont .notification-cont .feature-detailArea {
padding: 0 0 0 2%;
display: inline-block;
width: 68%;
vertical-align: middle;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont .feature-detailArea {
padding: 0;
width: 100%;
}
}
.mainCont .notification-cont .feature-detailArea-catchcopy {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin-bottom: 1.4rem;
padding: 0 0 0 1rem;
border-left: 2px solid #3f95ff;
box-sizing: border-box;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont .feature-detailArea-catchcopy {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont .feature-detailArea-catchcopy {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont .feature-detailArea-catchcopy {
font-size: calc(1.8vw * 2);
}
}
.mainCont .notification-cont .feature-detailArea-txt {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin-bottom: 1.4rem;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont .feature-detailArea-txt {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont .feature-detailArea-txt {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont .feature-detailArea-txt {
font-size: calc(1.8vw * 2);
}
}
.mainCont .notification-cont .feature-detailArea-txt strong {
font-weight: bold;
}
.mainCont .notification-cont .feature-detailArea-cast {
margin: 0 0 2rem;
width: 100%;
font-size: 0;
}
.mainCont .notification-cont .feature-detailArea-cast dt {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin-bottom: 0.5rem;
display: inline-block;
position: relative;
width: 10rem;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
vertical-align: top;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont .feature-detailArea-cast dt {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont .feature-detailArea-cast dt {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont .feature-detailArea-cast dt {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .notification-cont .feature-detailArea-cast dt:last-of-type {
margin-bottom: 0;
}
.mainCont .notification-cont .feature-detailArea-cast dt::after {
content: "：";
position: absolute;
right: 0;
top: 0;
}
.mainCont .notification-cont .feature-detailArea-cast dd {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin-bottom: 0.5rem;
display: inline-block;
width: calc(100% - 10rem);
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
vertical-align: top;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont .feature-detailArea-cast dd {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont .feature-detailArea-cast dd {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont .feature-detailArea-cast dd {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .notification-cont .feature-detailArea-cast dd:last-of-type {
margin-bottom: 0;
}
.mainCont .notification-cont .feature-detailArea-copyright {
font-size: calc(10px * 1.2);
font-size: calc(1rem * 1.2);
margin: 0 0 2rem;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont .feature-detailArea-copyright {
font-size: calc(10px * 1.2);
font-size: calc(0.7rem * 1.2);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont .feature-detailArea-copyright {
font-size: 16px;
font-size: 1.6rem;
font-size: calc(0.6vw * 1.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont .feature-detailArea-copyright {
font-size: calc(1.8vw * 1.6);
}
}
.mainCont .notification-cont .feature-detailArea-caution {
font-size: calc(10px * 1.2);
font-size: calc(1rem * 1.2);
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont .feature-detailArea-caution {
font-size: calc(10px * 1.2);
font-size: calc(0.7rem * 1.2);
}
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont .feature-detailArea-caution {
font-size: 16px;
font-size: 1.6rem;
font-size: calc(0.6vw * 1.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .notification-cont .feature-detailArea-caution {
font-size: calc(1.8vw * 1.6);
}
}
.mainCont .notification-cont .feature-detailArea-btn a {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
padding: 1rem 2rem;
border: 1px solid #1d3994;
box-sizing: border-box;
display: block;
line-height: 1.4;
width: 40%;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
text-align: center;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont .feature-detailArea-btn a {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
.mainCont .notification-cont .feature-detailArea-btn a:hover, .mainCont .notification-cont .feature-detailArea-btn a:active {
color: #fff;
background: #1d3994;
}
.mainCont .notification-cont .feature-detailArea-subttl {
font-size: calc(10px * 2);
font-size: calc(1rem * 2);
margin: 0 0 20px;
padding: 0 0 0 5px;
line-height: 1.2;
border-left: 22px solid #cfe0e5;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont .feature-detailArea-subttl {
font-size: calc(10px * 2);
font-size: calc(0.7rem * 2);
}
}
.mainCont .notification-cont .feature-detailArea-lead {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin-bottom: 15px;
line-height: 1.4;
text-align: left;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont .feature-detailArea-lead {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
.mainCont .notification-cont .feature-detailArea-prefectures {
margin: 0;
padding: 0;
width: 100%;
font-size: 0;
}
.mainCont .notification-cont .feature-detailArea-prefectures li {
margin: 1px 1px 0;
display: inline-block;
width: calc(20% - 2px);
vertical-align: top;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont .feature-detailArea-prefectures li {
width: calc(25% - 2px);
}
}
.mainCont .notification-cont .feature-detailArea-prefectures input.acd-check {
display: none;
}
.mainCont .notification-cont .feature-detailArea-prefectures label.acd-label {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin-bottom: 1px;
padding: 10px;
display: block;
position: relative;
color: #fff;
background: #9eb5ba;
cursor: pointer;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont .feature-detailArea-prefectures label.acd-label {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
.mainCont .notification-cont .feature-detailArea-prefectures label.acd-label:hover, .mainCont .notification-cont .feature-detailArea-prefectures label.acd-label:active {
background: #3f95ff;
}
.mainCont .notification-cont .feature-detailArea-prefectures label.acd-label::before {
content: "";
display: block;
position: absolute;
top: 0;
right: 0.25em;
bottom: 0;
left: auto;
margin: auto;
width: 16px;
height: 2px;
background-color: #fff;
transition: 0.2s;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont .feature-detailArea-prefectures label.acd-label::before {
width: 12px;
height: 1px;
}
}
.mainCont .notification-cont .feature-detailArea-prefectures label.acd-label::after {
content: "";
display: block;
position: absolute;
top: 0;
right: 0.25em;
bottom: 0;
left: auto;
margin: auto;
width: 16px;
height: 2px;
background-color: #fff;
transition: 0.3s;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont .feature-detailArea-prefectures label.acd-label::after {
width: 12px;
height: 1px;
}
}
.mainCont .notification-cont .feature-detailArea-prefectures .acd-content {
margin: 0;
padding: 0 10px;
border: 1px solid #9eb5ba;
border-radius: 5px;
height: 0;
opacity: 0;
transition: 0.2s;
visibility: hidden;
}
.mainCont .notification-cont .feature-detailArea-prefectures .acd-content li {
font-size: 10px;
font-size: 1rem;
margin: 0;
padding: 0;
display: list-item;
line-height: 1.4;
width: 100%;
}
@media screen and (max-width: 768px) {
.mainCont .notification-cont .feature-detailArea-prefectures .acd-content li {
font-size: 10px;
font-size: 0.7rem;
}
}
.mainCont .notification-cont .feature-detailArea-prefectures .acd-check:checked + .acd-label {
background: #3f95ff;
}
.mainCont .notification-cont .feature-detailArea-prefectures .acd-check:checked + .acd-label::before {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
.mainCont .notification-cont .feature-detailArea-prefectures .acd-check:checked + .acd-label::after {
background-color: transparent;
}
.mainCont .notification-cont .feature-detailArea-prefectures .acd-check:checked + .acd-label + .acd-content {
height: auto;
opacity: 1;
padding: 10px;
visibility: visible;
}
.mainCont .categoryInformation {
margin-bottom: 80px;
}
.mainCont .categoryInformation .categoryInformation-txt::after {
content: "";
clear: both;
display: block;
}
.mainCont .categoryInformation .categoryInformation-txt-img {
float: right;
margin: 0 0 2% 2%;
width: 36%;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation .categoryInformation-txt-img {
margin: 0 auto 20px;
float: none;
width: 100%;
}
}
.mainCont .categoryInformation .categoryInformation-txt-paragraph {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
margin: 0 0 2rem;
line-height: 1.8;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation .categoryInformation-txt-paragraph {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation .categoryInformation-txt-paragraph {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation .categoryInformation-txt-paragraph {
font-size: calc(1.8vw * 2);
}
}
.mainCont .categoryInformation .categoryInformation-txt-paragraph ._emphasis {
display: inline-block;
position: relative;
font-weight: bold;
}
.mainCont .categoryInformation .categoryInformation-txt-paragraph ._emphasis span {
display: inline-block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(transparent 70%, rgba(254, 228, 105, 0.75) 70%);
animation: txtAnimationMarker 3s ease-in infinite;
mix-blend-mode: multiply;
}
@keyframes txtAnimationMarker {
0% {
right: 100%;
}
25% {
right: 0;
}
100% {
right: 0;
}
}
.mainCont .categoryInformation .categoryInformation-txt-paragraph:last-of-type {
margin-bottom: 0;
}
.mainCont .categoryInformation .categoryInformation-txt-caution {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin-bottom: 40px;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation .categoryInformation-txt-caution {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation .categoryInformation-txt-caution {
font-size: 16px;
font-size: 1.6rem;
font-size: calc(0.6vw * 1.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation .categoryInformation-txt-caution {
font-size: calc(1.8vw * 1.6);
}
}
.mainCont .categoryInformation#b-categoryInformation .categoryInformation-ttl {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#b-categoryInformation .categoryInformation-ttl {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#b-categoryInformation .categoryInformation-ttl {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation#b-categoryInformation .categoryInformation-ttl {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .categoryInformation#b-categoryInformation .categoryInformation-ttl span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#b-categoryInformation .categoryInformation-ttl._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#b-categoryInformation .categoryInformation-ttl._addIcn ._ja {
width: 88%;
}
}
.mainCont .categoryInformation#b-categoryInformation .categoryInformation-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#b-categoryInformation .categoryInformation-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#b-categoryInformation .categoryInformation-ttl ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation#b-categoryInformation .categoryInformation-ttl ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#b-categoryInformation .categoryInformation-ttl ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation#b-categoryInformation .categoryInformation-ttl ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .categoryInformation#b-categoryInformation .categoryInformation-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#b-categoryInformation .categoryInformation-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#b-categoryInformation .categoryInformation-ttl ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation#b-categoryInformation .categoryInformation-ttl ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .categoryInformation#b-categoryInformation .categoryInformation-ttl ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#b-categoryInformation .categoryInformation-ttl ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#b-categoryInformation .categoryInformation-ttl ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation#b-categoryInformation .categoryInformation-ttl ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .categoryInformation#b-categoryInformation .categoryInformation-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#b-categoryInformation .categoryInformation-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#b-categoryInformation .categoryInformation-ttl ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation#b-categoryInformation .categoryInformation-ttl ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .categoryInformation#b-categoryInformation .categoryInformation-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#b-categoryInformation .categoryInformation-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#b-categoryInformation .categoryInformation-ttl ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation#b-categoryInformation .categoryInformation-ttl ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .categoryInformation#b-categoryInformation .categoryInformation-ttl ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#b-categoryInformation .categoryInformation-ttl ._icn {
right: 1rem;
}
}
.mainCont .categoryInformation#b-categoryInformation .categoryInformation-ttl ._icn:hover, .mainCont .categoryInformation#b-categoryInformation .categoryInformation-ttl ._icn:active {
opacity: 0.85;
}
.mainCont .categoryInformation#b-categoryInformation .categoryInformation-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#b-categoryInformation .categoryInformation-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#b-categoryInformation .categoryInformation-ttl ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation#b-categoryInformation .categoryInformation-ttl ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .categoryInformation#b-categoryInformation .categoryInformation-ttl ._btn:visited {
color: #1d3994;
}
.mainCont .categoryInformation#b-categoryInformation .categoryInformation-ttl ._btn:hover, .mainCont .categoryInformation#b-categoryInformation .categoryInformation-ttl ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .categoryInformation#b-categoryInformation .categoryInformation-ttl::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .categoryInformation#b-categoryInformation .categoryInformation-ttl::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(89, 181, 180, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
background-image: linear-gradient(120deg, rgba(89, 181, 180, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
z-index: -10;
}
.mainCont .categoryInformation#g-categoryInformation .categoryInformation-ttl {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#g-categoryInformation .categoryInformation-ttl {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#g-categoryInformation .categoryInformation-ttl {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation#g-categoryInformation .categoryInformation-ttl {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .categoryInformation#g-categoryInformation .categoryInformation-ttl span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#g-categoryInformation .categoryInformation-ttl._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#g-categoryInformation .categoryInformation-ttl._addIcn ._ja {
width: 88%;
}
}
.mainCont .categoryInformation#g-categoryInformation .categoryInformation-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#g-categoryInformation .categoryInformation-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#g-categoryInformation .categoryInformation-ttl ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation#g-categoryInformation .categoryInformation-ttl ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#g-categoryInformation .categoryInformation-ttl ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation#g-categoryInformation .categoryInformation-ttl ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .categoryInformation#g-categoryInformation .categoryInformation-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#g-categoryInformation .categoryInformation-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#g-categoryInformation .categoryInformation-ttl ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation#g-categoryInformation .categoryInformation-ttl ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .categoryInformation#g-categoryInformation .categoryInformation-ttl ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#g-categoryInformation .categoryInformation-ttl ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#g-categoryInformation .categoryInformation-ttl ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation#g-categoryInformation .categoryInformation-ttl ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .categoryInformation#g-categoryInformation .categoryInformation-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#g-categoryInformation .categoryInformation-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#g-categoryInformation .categoryInformation-ttl ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation#g-categoryInformation .categoryInformation-ttl ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .categoryInformation#g-categoryInformation .categoryInformation-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#g-categoryInformation .categoryInformation-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#g-categoryInformation .categoryInformation-ttl ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation#g-categoryInformation .categoryInformation-ttl ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .categoryInformation#g-categoryInformation .categoryInformation-ttl ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#g-categoryInformation .categoryInformation-ttl ._icn {
right: 1rem;
}
}
.mainCont .categoryInformation#g-categoryInformation .categoryInformation-ttl ._icn:hover, .mainCont .categoryInformation#g-categoryInformation .categoryInformation-ttl ._icn:active {
opacity: 0.85;
}
.mainCont .categoryInformation#g-categoryInformation .categoryInformation-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#g-categoryInformation .categoryInformation-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#g-categoryInformation .categoryInformation-ttl ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation#g-categoryInformation .categoryInformation-ttl ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .categoryInformation#g-categoryInformation .categoryInformation-ttl ._btn:visited {
color: #1d3994;
}
.mainCont .categoryInformation#g-categoryInformation .categoryInformation-ttl ._btn:hover, .mainCont .categoryInformation#g-categoryInformation .categoryInformation-ttl ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .categoryInformation#g-categoryInformation .categoryInformation-ttl::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .categoryInformation#g-categoryInformation .categoryInformation-ttl::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(183, 79, 175, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
background-image: linear-gradient(120deg, rgba(183, 79, 175, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
z-index: -10;
}
.mainCont .categoryInformation#e-categoryInformation {
margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#e-categoryInformation {
margin-bottom: 40px;
}
}
.mainCont .categoryInformation#e-categoryInformation .categoryInformation-ttl {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#e-categoryInformation .categoryInformation-ttl {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#e-categoryInformation .categoryInformation-ttl {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation#e-categoryInformation .categoryInformation-ttl {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .categoryInformation#e-categoryInformation .categoryInformation-ttl span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#e-categoryInformation .categoryInformation-ttl._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#e-categoryInformation .categoryInformation-ttl._addIcn ._ja {
width: 88%;
}
}
.mainCont .categoryInformation#e-categoryInformation .categoryInformation-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#e-categoryInformation .categoryInformation-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#e-categoryInformation .categoryInformation-ttl ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation#e-categoryInformation .categoryInformation-ttl ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#e-categoryInformation .categoryInformation-ttl ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation#e-categoryInformation .categoryInformation-ttl ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .categoryInformation#e-categoryInformation .categoryInformation-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#e-categoryInformation .categoryInformation-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#e-categoryInformation .categoryInformation-ttl ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation#e-categoryInformation .categoryInformation-ttl ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .categoryInformation#e-categoryInformation .categoryInformation-ttl ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#e-categoryInformation .categoryInformation-ttl ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#e-categoryInformation .categoryInformation-ttl ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation#e-categoryInformation .categoryInformation-ttl ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .categoryInformation#e-categoryInformation .categoryInformation-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#e-categoryInformation .categoryInformation-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#e-categoryInformation .categoryInformation-ttl ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation#e-categoryInformation .categoryInformation-ttl ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .categoryInformation#e-categoryInformation .categoryInformation-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#e-categoryInformation .categoryInformation-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#e-categoryInformation .categoryInformation-ttl ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation#e-categoryInformation .categoryInformation-ttl ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .categoryInformation#e-categoryInformation .categoryInformation-ttl ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#e-categoryInformation .categoryInformation-ttl ._icn {
right: 1rem;
}
}
.mainCont .categoryInformation#e-categoryInformation .categoryInformation-ttl ._icn:hover, .mainCont .categoryInformation#e-categoryInformation .categoryInformation-ttl ._icn:active {
opacity: 0.85;
}
.mainCont .categoryInformation#e-categoryInformation .categoryInformation-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#e-categoryInformation .categoryInformation-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#e-categoryInformation .categoryInformation-ttl ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation#e-categoryInformation .categoryInformation-ttl ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .categoryInformation#e-categoryInformation .categoryInformation-ttl ._btn:visited {
color: #1d3994;
}
.mainCont .categoryInformation#e-categoryInformation .categoryInformation-ttl ._btn:hover, .mainCont .categoryInformation#e-categoryInformation .categoryInformation-ttl ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .categoryInformation#e-categoryInformation .categoryInformation-ttl::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .categoryInformation#e-categoryInformation .categoryInformation-ttl::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(123, 96, 121, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
background-image: linear-gradient(120deg, rgba(123, 96, 121, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
z-index: -10;
}
.mainCont .categoryInformation#m-categoryInformation {
margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#m-categoryInformation {
margin-bottom: 40px;
}
}
.mainCont .categoryInformation#m-categoryInformation .categoryInformation-ttl {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#m-categoryInformation .categoryInformation-ttl {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#m-categoryInformation .categoryInformation-ttl {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation#m-categoryInformation .categoryInformation-ttl {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .categoryInformation#m-categoryInformation .categoryInformation-ttl span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#m-categoryInformation .categoryInformation-ttl._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#m-categoryInformation .categoryInformation-ttl._addIcn ._ja {
width: 88%;
}
}
.mainCont .categoryInformation#m-categoryInformation .categoryInformation-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#m-categoryInformation .categoryInformation-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#m-categoryInformation .categoryInformation-ttl ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation#m-categoryInformation .categoryInformation-ttl ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#m-categoryInformation .categoryInformation-ttl ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation#m-categoryInformation .categoryInformation-ttl ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .categoryInformation#m-categoryInformation .categoryInformation-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#m-categoryInformation .categoryInformation-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#m-categoryInformation .categoryInformation-ttl ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation#m-categoryInformation .categoryInformation-ttl ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .categoryInformation#m-categoryInformation .categoryInformation-ttl ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#m-categoryInformation .categoryInformation-ttl ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#m-categoryInformation .categoryInformation-ttl ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation#m-categoryInformation .categoryInformation-ttl ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .categoryInformation#m-categoryInformation .categoryInformation-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#m-categoryInformation .categoryInformation-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#m-categoryInformation .categoryInformation-ttl ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation#m-categoryInformation .categoryInformation-ttl ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .categoryInformation#m-categoryInformation .categoryInformation-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#m-categoryInformation .categoryInformation-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#m-categoryInformation .categoryInformation-ttl ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation#m-categoryInformation .categoryInformation-ttl ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .categoryInformation#m-categoryInformation .categoryInformation-ttl ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#m-categoryInformation .categoryInformation-ttl ._icn {
right: 1rem;
}
}
.mainCont .categoryInformation#m-categoryInformation .categoryInformation-ttl ._icn:hover, .mainCont .categoryInformation#m-categoryInformation .categoryInformation-ttl ._icn:active {
opacity: 0.85;
}
.mainCont .categoryInformation#m-categoryInformation .categoryInformation-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#m-categoryInformation .categoryInformation-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation#m-categoryInformation .categoryInformation-ttl ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation#m-categoryInformation .categoryInformation-ttl ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .categoryInformation#m-categoryInformation .categoryInformation-ttl ._btn:visited {
color: #1d3994;
}
.mainCont .categoryInformation#m-categoryInformation .categoryInformation-ttl ._btn:hover, .mainCont .categoryInformation#m-categoryInformation .categoryInformation-ttl ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .categoryInformation#m-categoryInformation .categoryInformation-ttl::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .categoryInformation#m-categoryInformation .categoryInformation-ttl::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(158, 181, 186, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
background-image: linear-gradient(120deg, rgba(158, 181, 186, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
z-index: -10;
}
.mainCont .categoryInformation-ttl {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation-ttl {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .categoryInformation-ttl span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._addIcn ._ja {
width: 88%;
}
}
.mainCont .categoryInformation-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation-ttl ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation-ttl ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .categoryInformation-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation-ttl ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .categoryInformation-ttl ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation-ttl ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .categoryInformation-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation-ttl ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .categoryInformation-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation-ttl ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .categoryInformation-ttl ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl ._icn {
right: 1rem;
}
}
.mainCont .categoryInformation-ttl ._icn:hover, .mainCont .categoryInformation-ttl ._icn:active {
opacity: 0.85;
}
.mainCont .categoryInformation-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation-ttl ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .categoryInformation-ttl ._btn:visited {
color: #1d3994;
}
.mainCont .categoryInformation-ttl ._btn:hover, .mainCont .categoryInformation-ttl ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .categoryInformation-ttl::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .categoryInformation-ttl::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(158, 181, 186, 0.8) 0%, rgba(234, 227, 209, 0.25) 80%);
background-image: linear-gradient(120deg, rgba(158, 181, 186, 0.8) 0%, rgba(234, 227, 209, 0.25) 80%);
z-index: -10;
}
.mainCont .categoryInformation-ttl._cHan {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cHan {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cHan {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cHan {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .categoryInformation-ttl._cHan span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cHan._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cHan._addIcn ._ja {
width: 88%;
}
}
.mainCont .categoryInformation-ttl._cHan ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cHan ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cHan ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cHan ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cHan ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cHan ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .categoryInformation-ttl._cHan ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cHan ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cHan ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cHan ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .categoryInformation-ttl._cHan ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cHan ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cHan ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cHan ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .categoryInformation-ttl._cHan ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cHan ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cHan ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cHan ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .categoryInformation-ttl._cHan ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cHan ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cHan ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cHan ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .categoryInformation-ttl._cHan ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cHan ._icn {
right: 1rem;
}
}
.mainCont .categoryInformation-ttl._cHan ._icn:hover, .mainCont .categoryInformation-ttl._cHan ._icn:active {
opacity: 0.85;
}
.mainCont .categoryInformation-ttl._cHan ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cHan ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cHan ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cHan ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .categoryInformation-ttl._cHan ._btn:visited {
color: #1d3994;
}
.mainCont .categoryInformation-ttl._cHan ._btn:hover, .mainCont .categoryInformation-ttl._cHan ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .categoryInformation-ttl._cHan::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .categoryInformation-ttl._cHan::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(56, 125, 221, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
background-image: linear-gradient(120deg, rgba(56, 125, 221, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
z-index: -10;
}
.mainCont .categoryInformation-ttl._cJyo {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cJyo {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cJyo {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cJyo {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .categoryInformation-ttl._cJyo span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cJyo._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cJyo._addIcn ._ja {
width: 88%;
}
}
.mainCont .categoryInformation-ttl._cJyo ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cJyo ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cJyo ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cJyo ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cJyo ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cJyo ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .categoryInformation-ttl._cJyo ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cJyo ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cJyo ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cJyo ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .categoryInformation-ttl._cJyo ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cJyo ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cJyo ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cJyo ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .categoryInformation-ttl._cJyo ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cJyo ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cJyo ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cJyo ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .categoryInformation-ttl._cJyo ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cJyo ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cJyo ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cJyo ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .categoryInformation-ttl._cJyo ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cJyo ._icn {
right: 1rem;
}
}
.mainCont .categoryInformation-ttl._cJyo ._icn:hover, .mainCont .categoryInformation-ttl._cJyo ._icn:active {
opacity: 0.85;
}
.mainCont .categoryInformation-ttl._cJyo ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cJyo ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cJyo ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cJyo ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .categoryInformation-ttl._cJyo ._btn:visited {
color: #1d3994;
}
.mainCont .categoryInformation-ttl._cJyo ._btn:hover, .mainCont .categoryInformation-ttl._cJyo ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .categoryInformation-ttl._cJyo::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .categoryInformation-ttl._cJyo::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(255, 136, 130, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
background-image: linear-gradient(120deg, rgba(255, 136, 130, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
z-index: -10;
}
.mainCont .categoryInformation-ttl._cBus {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cBus {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cBus {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cBus {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .categoryInformation-ttl._cBus span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cBus._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cBus._addIcn ._ja {
width: 88%;
}
}
.mainCont .categoryInformation-ttl._cBus ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cBus ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cBus ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cBus ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cBus ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cBus ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .categoryInformation-ttl._cBus ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cBus ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cBus ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cBus ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .categoryInformation-ttl._cBus ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cBus ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cBus ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cBus ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .categoryInformation-ttl._cBus ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cBus ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cBus ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cBus ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .categoryInformation-ttl._cBus ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cBus ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cBus ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cBus ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .categoryInformation-ttl._cBus ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cBus ._icn {
right: 1rem;
}
}
.mainCont .categoryInformation-ttl._cBus ._icn:hover, .mainCont .categoryInformation-ttl._cBus ._icn:active {
opacity: 0.85;
}
.mainCont .categoryInformation-ttl._cBus ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cBus ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cBus ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cBus ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .categoryInformation-ttl._cBus ._btn:visited {
color: #1d3994;
}
.mainCont .categoryInformation-ttl._cBus ._btn:hover, .mainCont .categoryInformation-ttl._cBus ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .categoryInformation-ttl._cBus::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .categoryInformation-ttl._cBus::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(89, 181, 180, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
background-image: linear-gradient(120deg, rgba(89, 181, 180, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
z-index: -10;
}
.mainCont .categoryInformation-ttl._cBgv {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cBgv {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cBgv {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cBgv {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .categoryInformation-ttl._cBgv span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cBgv._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cBgv._addIcn ._ja {
width: 88%;
}
}
.mainCont .categoryInformation-ttl._cBgv ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cBgv ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cBgv ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cBgv ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cBgv ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cBgv ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .categoryInformation-ttl._cBgv ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cBgv ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cBgv ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cBgv ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .categoryInformation-ttl._cBgv ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cBgv ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cBgv ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cBgv ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .categoryInformation-ttl._cBgv ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cBgv ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cBgv ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cBgv ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .categoryInformation-ttl._cBgv ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cBgv ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cBgv ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cBgv ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .categoryInformation-ttl._cBgv ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cBgv ._icn {
right: 1rem;
}
}
.mainCont .categoryInformation-ttl._cBgv ._icn:hover, .mainCont .categoryInformation-ttl._cBgv ._icn:active {
opacity: 0.85;
}
.mainCont .categoryInformation-ttl._cBgv ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cBgv ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cBgv ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cBgv ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .categoryInformation-ttl._cBgv ._btn:visited {
color: #1d3994;
}
.mainCont .categoryInformation-ttl._cBgv ._btn:hover, .mainCont .categoryInformation-ttl._cBgv ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .categoryInformation-ttl._cBgv::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .categoryInformation-ttl._cBgv::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(183, 79, 175, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
background-image: linear-gradient(120deg, rgba(183, 79, 175, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
z-index: -10;
}
.mainCont .categoryInformation-ttl._cOny {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cOny {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cOny {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cOny {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .categoryInformation-ttl._cOny span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cOny._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cOny._addIcn ._ja {
width: 88%;
}
}
.mainCont .categoryInformation-ttl._cOny ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cOny ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cOny ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cOny ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cOny ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cOny ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .categoryInformation-ttl._cOny ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cOny ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cOny ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cOny ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .categoryInformation-ttl._cOny ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cOny ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cOny ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cOny ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .categoryInformation-ttl._cOny ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cOny ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cOny ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cOny ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .categoryInformation-ttl._cOny ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cOny ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cOny ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cOny ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .categoryInformation-ttl._cOny ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cOny ._icn {
right: 1rem;
}
}
.mainCont .categoryInformation-ttl._cOny ._icn:hover, .mainCont .categoryInformation-ttl._cOny ._icn:active {
opacity: 0.85;
}
.mainCont .categoryInformation-ttl._cOny ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cOny ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cOny ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cOny ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .categoryInformation-ttl._cOny ._btn:visited {
color: #1d3994;
}
.mainCont .categoryInformation-ttl._cOny ._btn:hover, .mainCont .categoryInformation-ttl._cOny ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .categoryInformation-ttl._cOny::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .categoryInformation-ttl._cOny::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(248, 137, 62, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
background-image: linear-gradient(120deg, rgba(248, 137, 62, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
z-index: -10;
}
.mainCont .categoryInformation-ttl._cCom {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cCom {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cCom {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cCom {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .categoryInformation-ttl._cCom span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cCom._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cCom._addIcn ._ja {
width: 88%;
}
}
.mainCont .categoryInformation-ttl._cCom ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cCom ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cCom ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cCom ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cCom ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cCom ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .categoryInformation-ttl._cCom ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cCom ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cCom ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cCom ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .categoryInformation-ttl._cCom ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cCom ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cCom ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cCom ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .categoryInformation-ttl._cCom ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cCom ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cCom ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cCom ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .categoryInformation-ttl._cCom ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cCom ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cCom ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cCom ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .categoryInformation-ttl._cCom ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cCom ._icn {
right: 1rem;
}
}
.mainCont .categoryInformation-ttl._cCom ._icn:hover, .mainCont .categoryInformation-ttl._cCom ._icn:active {
opacity: 0.85;
}
.mainCont .categoryInformation-ttl._cCom ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cCom ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cCom ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryInformation-ttl._cCom ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .categoryInformation-ttl._cCom ._btn:visited {
color: #1d3994;
}
.mainCont .categoryInformation-ttl._cCom ._btn:hover, .mainCont .categoryInformation-ttl._cCom ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .categoryInformation-ttl._cCom::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .categoryInformation-ttl._cCom::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(158, 181, 186, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
background-image: linear-gradient(120deg, rgba(158, 181, 186, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
z-index: -10;
}
.mainCont .categoryDetail {
margin: 0 0 80px;
}
.mainCont .categoryDetail#o-category .categoryDetail-ttl {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .categoryDetail#o-category .categoryDetail-ttl {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryDetail#o-category .categoryDetail-ttl {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryDetail#o-category .categoryDetail-ttl {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .categoryDetail#o-category .categoryDetail-ttl span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .categoryDetail#o-category .categoryDetail-ttl._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryDetail#o-category .categoryDetail-ttl._addIcn ._ja {
width: 88%;
}
}
.mainCont .categoryDetail#o-category .categoryDetail-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainCont .categoryDetail#o-category .categoryDetail-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryDetail#o-category .categoryDetail-ttl ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryDetail#o-category .categoryDetail-ttl ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryDetail#o-category .categoryDetail-ttl ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryDetail#o-category .categoryDetail-ttl ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .categoryDetail#o-category .categoryDetail-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .categoryDetail#o-category .categoryDetail-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryDetail#o-category .categoryDetail-ttl ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryDetail#o-category .categoryDetail-ttl ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .categoryDetail#o-category .categoryDetail-ttl ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .categoryDetail#o-category .categoryDetail-ttl ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryDetail#o-category .categoryDetail-ttl ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryDetail#o-category .categoryDetail-ttl ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .categoryDetail#o-category .categoryDetail-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .categoryDetail#o-category .categoryDetail-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryDetail#o-category .categoryDetail-ttl ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryDetail#o-category .categoryDetail-ttl ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .categoryDetail#o-category .categoryDetail-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .categoryDetail#o-category .categoryDetail-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryDetail#o-category .categoryDetail-ttl ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryDetail#o-category .categoryDetail-ttl ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .categoryDetail#o-category .categoryDetail-ttl ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .categoryDetail#o-category .categoryDetail-ttl ._icn {
right: 1rem;
}
}
.mainCont .categoryDetail#o-category .categoryDetail-ttl ._icn:hover, .mainCont .categoryDetail#o-category .categoryDetail-ttl ._icn:active {
opacity: 0.85;
}
.mainCont .categoryDetail#o-category .categoryDetail-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .categoryDetail#o-category .categoryDetail-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryDetail#o-category .categoryDetail-ttl ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryDetail#o-category .categoryDetail-ttl ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .categoryDetail#o-category .categoryDetail-ttl ._btn:visited {
color: #1d3994;
}
.mainCont .categoryDetail#o-category .categoryDetail-ttl ._btn:hover, .mainCont .categoryDetail#o-category .categoryDetail-ttl ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .categoryDetail#o-category .categoryDetail-ttl::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .categoryDetail#o-category .categoryDetail-ttl::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(248, 137, 62, 0.8) 0%, rgba(234, 227, 209, 0.25) 80%);
background-image: linear-gradient(120deg, rgba(248, 137, 62, 0.8) 0%, rgba(234, 227, 209, 0.25) 80%);
z-index: -10;
}
.mainCont .categoryDetail-txt {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0 auto 40px;
line-height: 1.4;
width: calc(100% - 40px);
}
@media screen and (max-width: 768px) {
.mainCont .categoryDetail-txt {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryDetail-txt {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
width: calc(100% - 20px);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryDetail-txt {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .categoryDetail-cont {
margin: 0;
box-sizing: border-box;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
font-size: 0;
}
.mainCont .categoryDetail-cont dt,
.mainCont .categoryDetail-cont dd {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
border-bottom: 1px dashed #ccc;
box-sizing: border-box;
display: inline-block;
line-height: 1.6;
vertical-align: top;
}
@media screen and (max-width: 768px) {
.mainCont .categoryDetail-cont dt,
.mainCont .categoryDetail-cont dd {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryDetail-cont dt,
.mainCont .categoryDetail-cont dd {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
display: block;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryDetail-cont dt,
.mainCont .categoryDetail-cont dd {
font-size: calc(1.8vw * 2);
}
}
.mainCont .categoryDetail-cont dt:first-of-type,
.mainCont .categoryDetail-cont dd:first-of-type {
padding-top: 0;
}
.mainCont .categoryDetail-cont dt {
padding: 2.5%;
text-align: left;
width: 25%;
}
@media screen and (max-width: 768px) {
.mainCont .categoryDetail-cont dt {
padding: 4%;
width: 100%;
}
}
.mainCont .categoryDetail-cont dd {
padding: 2.5%;
width: 75%;
}
@media screen and (max-width: 768px) {
.mainCont .categoryDetail-cont dd {
margin-bottom: 1.5rem;
padding: 4%;
width: 100%;
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryDetail-cont dd:first-of-type {
padding-top: 4%;
}
}
.mainCont .categoryDetail-cont dd a:hover, .mainCont .categoryDetail-cont dd a:active {
text-decoration: underline;
}
.mainCont .categoryDetail-cont dd > dl {
margin: 0 0 2.5rem;
}
.mainCont .categoryDetail-cont dd > dl dt,
.mainCont .categoryDetail-cont dd > dl dd {
margin: 0;
padding: 0;
border: none;
width: 100%;
text-align: left;
}
.mainCont .categoryDetail-cont dd > dl:last-of-type {
margin-bottom: 0;
}
.mainCont .categoryDetail-caution {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0 auto 40px;
line-height: 1.4;
width: calc(100% - 40px);
}
@media screen and (max-width: 768px) {
.mainCont .categoryDetail-caution {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .categoryDetail-caution {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
width: calc(100% - 20px);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .categoryDetail-caution {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .examplesCont {
margin: 0 0 80px;
}
.mainCont .examplesCont#b-examples .examplesCont-ttl {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont#b-examples .examplesCont-ttl {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont#b-examples .examplesCont-ttl {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .examplesCont#b-examples .examplesCont-ttl {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .examplesCont#b-examples .examplesCont-ttl span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont#b-examples .examplesCont-ttl._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont#b-examples .examplesCont-ttl._addIcn ._ja {
width: 88%;
}
}
.mainCont .examplesCont#b-examples .examplesCont-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont#b-examples .examplesCont-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont#b-examples .examplesCont-ttl ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .examplesCont#b-examples .examplesCont-ttl ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont#b-examples .examplesCont-ttl ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .examplesCont#b-examples .examplesCont-ttl ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .examplesCont#b-examples .examplesCont-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont#b-examples .examplesCont-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont#b-examples .examplesCont-ttl ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .examplesCont#b-examples .examplesCont-ttl ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .examplesCont#b-examples .examplesCont-ttl ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont#b-examples .examplesCont-ttl ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont#b-examples .examplesCont-ttl ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .examplesCont#b-examples .examplesCont-ttl ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .examplesCont#b-examples .examplesCont-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont#b-examples .examplesCont-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont#b-examples .examplesCont-ttl ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .examplesCont#b-examples .examplesCont-ttl ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .examplesCont#b-examples .examplesCont-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont#b-examples .examplesCont-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont#b-examples .examplesCont-ttl ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .examplesCont#b-examples .examplesCont-ttl ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .examplesCont#b-examples .examplesCont-ttl ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont#b-examples .examplesCont-ttl ._icn {
right: 1rem;
}
}
.mainCont .examplesCont#b-examples .examplesCont-ttl ._icn:hover, .mainCont .examplesCont#b-examples .examplesCont-ttl ._icn:active {
opacity: 0.85;
}
.mainCont .examplesCont#b-examples .examplesCont-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont#b-examples .examplesCont-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont#b-examples .examplesCont-ttl ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .examplesCont#b-examples .examplesCont-ttl ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .examplesCont#b-examples .examplesCont-ttl ._btn:visited {
color: #1d3994;
}
.mainCont .examplesCont#b-examples .examplesCont-ttl ._btn:hover, .mainCont .examplesCont#b-examples .examplesCont-ttl ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .examplesCont#b-examples .examplesCont-ttl::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .examplesCont#b-examples .examplesCont-ttl::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(183, 79, 175, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
background-image: linear-gradient(120deg, rgba(183, 79, 175, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
z-index: -10;
}
.mainCont .examplesCont#e-examples .examplesCont-ttl {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont#e-examples .examplesCont-ttl {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont#e-examples .examplesCont-ttl {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .examplesCont#e-examples .examplesCont-ttl {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .examplesCont#e-examples .examplesCont-ttl span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont#e-examples .examplesCont-ttl._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont#e-examples .examplesCont-ttl._addIcn ._ja {
width: 88%;
}
}
.mainCont .examplesCont#e-examples .examplesCont-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont#e-examples .examplesCont-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont#e-examples .examplesCont-ttl ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .examplesCont#e-examples .examplesCont-ttl ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont#e-examples .examplesCont-ttl ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .examplesCont#e-examples .examplesCont-ttl ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .examplesCont#e-examples .examplesCont-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont#e-examples .examplesCont-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont#e-examples .examplesCont-ttl ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .examplesCont#e-examples .examplesCont-ttl ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .examplesCont#e-examples .examplesCont-ttl ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont#e-examples .examplesCont-ttl ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont#e-examples .examplesCont-ttl ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .examplesCont#e-examples .examplesCont-ttl ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .examplesCont#e-examples .examplesCont-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont#e-examples .examplesCont-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont#e-examples .examplesCont-ttl ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .examplesCont#e-examples .examplesCont-ttl ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .examplesCont#e-examples .examplesCont-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont#e-examples .examplesCont-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont#e-examples .examplesCont-ttl ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .examplesCont#e-examples .examplesCont-ttl ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .examplesCont#e-examples .examplesCont-ttl ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont#e-examples .examplesCont-ttl ._icn {
right: 1rem;
}
}
.mainCont .examplesCont#e-examples .examplesCont-ttl ._icn:hover, .mainCont .examplesCont#e-examples .examplesCont-ttl ._icn:active {
opacity: 0.85;
}
.mainCont .examplesCont#e-examples .examplesCont-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont#e-examples .examplesCont-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont#e-examples .examplesCont-ttl ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .examplesCont#e-examples .examplesCont-ttl ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .examplesCont#e-examples .examplesCont-ttl ._btn:visited {
color: #1d3994;
}
.mainCont .examplesCont#e-examples .examplesCont-ttl ._btn:hover, .mainCont .examplesCont#e-examples .examplesCont-ttl ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .examplesCont#e-examples .examplesCont-ttl::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .examplesCont#e-examples .examplesCont-ttl::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(123, 96, 121, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
background-image: linear-gradient(120deg, rgba(123, 96, 121, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
z-index: -10;
}
.mainCont .examplesCont#o-examples .examplesCont-ttl {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont#o-examples .examplesCont-ttl {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont#o-examples .examplesCont-ttl {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .examplesCont#o-examples .examplesCont-ttl {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .examplesCont#o-examples .examplesCont-ttl span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont#o-examples .examplesCont-ttl._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont#o-examples .examplesCont-ttl._addIcn ._ja {
width: 88%;
}
}
.mainCont .examplesCont#o-examples .examplesCont-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont#o-examples .examplesCont-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont#o-examples .examplesCont-ttl ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .examplesCont#o-examples .examplesCont-ttl ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont#o-examples .examplesCont-ttl ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .examplesCont#o-examples .examplesCont-ttl ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .examplesCont#o-examples .examplesCont-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont#o-examples .examplesCont-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont#o-examples .examplesCont-ttl ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .examplesCont#o-examples .examplesCont-ttl ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .examplesCont#o-examples .examplesCont-ttl ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont#o-examples .examplesCont-ttl ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont#o-examples .examplesCont-ttl ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .examplesCont#o-examples .examplesCont-ttl ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .examplesCont#o-examples .examplesCont-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont#o-examples .examplesCont-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont#o-examples .examplesCont-ttl ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .examplesCont#o-examples .examplesCont-ttl ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .examplesCont#o-examples .examplesCont-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont#o-examples .examplesCont-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont#o-examples .examplesCont-ttl ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .examplesCont#o-examples .examplesCont-ttl ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .examplesCont#o-examples .examplesCont-ttl ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont#o-examples .examplesCont-ttl ._icn {
right: 1rem;
}
}
.mainCont .examplesCont#o-examples .examplesCont-ttl ._icn:hover, .mainCont .examplesCont#o-examples .examplesCont-ttl ._icn:active {
opacity: 0.85;
}
.mainCont .examplesCont#o-examples .examplesCont-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont#o-examples .examplesCont-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont#o-examples .examplesCont-ttl ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .examplesCont#o-examples .examplesCont-ttl ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .examplesCont#o-examples .examplesCont-ttl ._btn:visited {
color: #1d3994;
}
.mainCont .examplesCont#o-examples .examplesCont-ttl ._btn:hover, .mainCont .examplesCont#o-examples .examplesCont-ttl ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .examplesCont#o-examples .examplesCont-ttl::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .examplesCont#o-examples .examplesCont-ttl::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(248, 137, 62, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
background-image: linear-gradient(120deg, rgba(248, 137, 62, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
z-index: -10;
}
.mainCont .examplesCont-ttl {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont-ttl {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont-ttl {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .examplesCont-ttl {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .examplesCont-ttl span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont-ttl._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont-ttl._addIcn ._ja {
width: 88%;
}
}
.mainCont .examplesCont-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont-ttl ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .examplesCont-ttl ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont-ttl ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .examplesCont-ttl ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .examplesCont-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont-ttl ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .examplesCont-ttl ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .examplesCont-ttl ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont-ttl ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont-ttl ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .examplesCont-ttl ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .examplesCont-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont-ttl ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .examplesCont-ttl ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .examplesCont-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont-ttl ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .examplesCont-ttl ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .examplesCont-ttl ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont-ttl ._icn {
right: 1rem;
}
}
.mainCont .examplesCont-ttl ._icn:hover, .mainCont .examplesCont-ttl ._icn:active {
opacity: 0.85;
}
.mainCont .examplesCont-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont-ttl ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .examplesCont-ttl ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .examplesCont-ttl ._btn:visited {
color: #1d3994;
}
.mainCont .examplesCont-ttl ._btn:hover, .mainCont .examplesCont-ttl ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .examplesCont-ttl::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .examplesCont-ttl::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(183, 79, 175, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
background-image: linear-gradient(120deg, rgba(183, 79, 175, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
z-index: -10;
}
.mainCont .examplesCont-scene {
margin: 0;
width: 100%;
font-size: 0;
}
.mainCont .examplesCont-scene-list {
margin: 0 1%;
display: inline-block;
width: 48%;
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont-scene-list {
width: 98%;
}
}
.mainCont .examplesCont-scene-list dl dt {
margin: 0 0 1rem;
}
.mainCont .examplesCont-scene-list dl dd ._client {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
margin: 0 0 1rem;
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont-scene-list dl dd ._client {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont-scene-list dl dd ._client {
font-size: 24px;
font-size: 2.4rem;
font-size: calc(0.6vw * 2.4);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .examplesCont-scene-list dl dd ._client {
font-size: calc(1.8vw * 2.4);
}
}
.mainCont .examplesCont-scene-list dl dd ._client a:hover, .mainCont .examplesCont-scene-list dl dd ._client a:active {
text-decoration: underline;
}
.mainCont .examplesCont-scene-list dl dd ._txt {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
line-height: 1.4;
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont-scene-list dl dd ._txt {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .examplesCont-scene-list dl dd ._txt {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .examplesCont-scene-list dl dd ._txt {
font-size: calc(1.8vw * 2);
}
}
.mainCont .moviesList {
margin-top: -10px;
margin-bottom: 110px;
padding-top: 10px;
}
.mainCont .moviesList._mb0 {
margin-bottom: 0;
}
.mainCont .moviesList._mbS {
margin-bottom: 50px;
}
.mainCont .moviesList#j-bestRecommended .moviesList-ttl, .mainCont .moviesList#j-stillHot .moviesList-ttl, .mainCont .moviesList#j-blog .moviesList-ttl, .mainCont .moviesList#j-disney .moviesList-ttl, .mainCont .moviesList#j-bloglist .moviesList-ttl {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#j-bestRecommended .moviesList-ttl, .mainCont .moviesList#j-stillHot .moviesList-ttl, .mainCont .moviesList#j-blog .moviesList-ttl, .mainCont .moviesList#j-disney .moviesList-ttl, .mainCont .moviesList#j-bloglist .moviesList-ttl {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#j-bestRecommended .moviesList-ttl, .mainCont .moviesList#j-stillHot .moviesList-ttl, .mainCont .moviesList#j-blog .moviesList-ttl, .mainCont .moviesList#j-disney .moviesList-ttl, .mainCont .moviesList#j-bloglist .moviesList-ttl {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList#j-bestRecommended .moviesList-ttl, .mainCont .moviesList#j-stillHot .moviesList-ttl, .mainCont .moviesList#j-blog .moviesList-ttl, .mainCont .moviesList#j-disney .moviesList-ttl, .mainCont .moviesList#j-bloglist .moviesList-ttl {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .moviesList#j-bestRecommended .moviesList-ttl span, .mainCont .moviesList#j-stillHot .moviesList-ttl span, .mainCont .moviesList#j-blog .moviesList-ttl span, .mainCont .moviesList#j-disney .moviesList-ttl span, .mainCont .moviesList#j-bloglist .moviesList-ttl span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#j-bestRecommended .moviesList-ttl._addIcn ._en, .mainCont .moviesList#j-stillHot .moviesList-ttl._addIcn ._en, .mainCont .moviesList#j-blog .moviesList-ttl._addIcn ._en, .mainCont .moviesList#j-disney .moviesList-ttl._addIcn ._en, .mainCont .moviesList#j-bloglist .moviesList-ttl._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#j-bestRecommended .moviesList-ttl._addIcn ._ja, .mainCont .moviesList#j-stillHot .moviesList-ttl._addIcn ._ja, .mainCont .moviesList#j-blog .moviesList-ttl._addIcn ._ja, .mainCont .moviesList#j-disney .moviesList-ttl._addIcn ._ja, .mainCont .moviesList#j-bloglist .moviesList-ttl._addIcn ._ja {
width: 88%;
}
}
.mainCont .moviesList#j-bestRecommended .moviesList-ttl ._en, .mainCont .moviesList#j-stillHot .moviesList-ttl ._en, .mainCont .moviesList#j-blog .moviesList-ttl ._en, .mainCont .moviesList#j-disney .moviesList-ttl ._en, .mainCont .moviesList#j-bloglist .moviesList-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#j-bestRecommended .moviesList-ttl ._en, .mainCont .moviesList#j-stillHot .moviesList-ttl ._en, .mainCont .moviesList#j-blog .moviesList-ttl ._en, .mainCont .moviesList#j-disney .moviesList-ttl ._en, .mainCont .moviesList#j-bloglist .moviesList-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#j-bestRecommended .moviesList-ttl ._en, .mainCont .moviesList#j-stillHot .moviesList-ttl ._en, .mainCont .moviesList#j-blog .moviesList-ttl ._en, .mainCont .moviesList#j-disney .moviesList-ttl ._en, .mainCont .moviesList#j-bloglist .moviesList-ttl ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList#j-bestRecommended .moviesList-ttl ._en, .mainCont .moviesList#j-stillHot .moviesList-ttl ._en, .mainCont .moviesList#j-blog .moviesList-ttl ._en, .mainCont .moviesList#j-disney .moviesList-ttl ._en, .mainCont .moviesList#j-bloglist .moviesList-ttl ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#j-bestRecommended .moviesList-ttl ._en._fs, .mainCont .moviesList#j-stillHot .moviesList-ttl ._en._fs, .mainCont .moviesList#j-blog .moviesList-ttl ._en._fs, .mainCont .moviesList#j-disney .moviesList-ttl ._en._fs, .mainCont .moviesList#j-bloglist .moviesList-ttl ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList#j-bestRecommended .moviesList-ttl ._en._fs, .mainCont .moviesList#j-stillHot .moviesList-ttl ._en._fs, .mainCont .moviesList#j-blog .moviesList-ttl ._en._fs, .mainCont .moviesList#j-disney .moviesList-ttl ._en._fs, .mainCont .moviesList#j-bloglist .moviesList-ttl ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .moviesList#j-bestRecommended .moviesList-ttl ._en ._date, .mainCont .moviesList#j-stillHot .moviesList-ttl ._en ._date, .mainCont .moviesList#j-blog .moviesList-ttl ._en ._date, .mainCont .moviesList#j-disney .moviesList-ttl ._en ._date, .mainCont .moviesList#j-bloglist .moviesList-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#j-bestRecommended .moviesList-ttl ._en ._date, .mainCont .moviesList#j-stillHot .moviesList-ttl ._en ._date, .mainCont .moviesList#j-blog .moviesList-ttl ._en ._date, .mainCont .moviesList#j-disney .moviesList-ttl ._en ._date, .mainCont .moviesList#j-bloglist .moviesList-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#j-bestRecommended .moviesList-ttl ._en ._date, .mainCont .moviesList#j-stillHot .moviesList-ttl ._en ._date, .mainCont .moviesList#j-blog .moviesList-ttl ._en ._date, .mainCont .moviesList#j-disney .moviesList-ttl ._en ._date, .mainCont .moviesList#j-bloglist .moviesList-ttl ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList#j-bestRecommended .moviesList-ttl ._en ._date, .mainCont .moviesList#j-stillHot .moviesList-ttl ._en ._date, .mainCont .moviesList#j-blog .moviesList-ttl ._en ._date, .mainCont .moviesList#j-disney .moviesList-ttl ._en ._date, .mainCont .moviesList#j-bloglist .moviesList-ttl ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .moviesList#j-bestRecommended .moviesList-ttl ._ja, .mainCont .moviesList#j-stillHot .moviesList-ttl ._ja, .mainCont .moviesList#j-blog .moviesList-ttl ._ja, .mainCont .moviesList#j-disney .moviesList-ttl ._ja, .mainCont .moviesList#j-bloglist .moviesList-ttl ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#j-bestRecommended .moviesList-ttl ._ja, .mainCont .moviesList#j-stillHot .moviesList-ttl ._ja, .mainCont .moviesList#j-blog .moviesList-ttl ._ja, .mainCont .moviesList#j-disney .moviesList-ttl ._ja, .mainCont .moviesList#j-bloglist .moviesList-ttl ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#j-bestRecommended .moviesList-ttl ._ja, .mainCont .moviesList#j-stillHot .moviesList-ttl ._ja, .mainCont .moviesList#j-blog .moviesList-ttl ._ja, .mainCont .moviesList#j-disney .moviesList-ttl ._ja, .mainCont .moviesList#j-bloglist .moviesList-ttl ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList#j-bestRecommended .moviesList-ttl ._ja, .mainCont .moviesList#j-stillHot .moviesList-ttl ._ja, .mainCont .moviesList#j-blog .moviesList-ttl ._ja, .mainCont .moviesList#j-disney .moviesList-ttl ._ja, .mainCont .moviesList#j-bloglist .moviesList-ttl ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .moviesList#j-bestRecommended .moviesList-ttl ._ja._txt, .mainCont .moviesList#j-stillHot .moviesList-ttl ._ja._txt, .mainCont .moviesList#j-blog .moviesList-ttl ._ja._txt, .mainCont .moviesList#j-disney .moviesList-ttl ._ja._txt, .mainCont .moviesList#j-bloglist .moviesList-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#j-bestRecommended .moviesList-ttl ._ja._txt, .mainCont .moviesList#j-stillHot .moviesList-ttl ._ja._txt, .mainCont .moviesList#j-blog .moviesList-ttl ._ja._txt, .mainCont .moviesList#j-disney .moviesList-ttl ._ja._txt, .mainCont .moviesList#j-bloglist .moviesList-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#j-bestRecommended .moviesList-ttl ._ja._txt, .mainCont .moviesList#j-stillHot .moviesList-ttl ._ja._txt, .mainCont .moviesList#j-blog .moviesList-ttl ._ja._txt, .mainCont .moviesList#j-disney .moviesList-ttl ._ja._txt, .mainCont .moviesList#j-bloglist .moviesList-ttl ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList#j-bestRecommended .moviesList-ttl ._ja._txt, .mainCont .moviesList#j-stillHot .moviesList-ttl ._ja._txt, .mainCont .moviesList#j-blog .moviesList-ttl ._ja._txt, .mainCont .moviesList#j-disney .moviesList-ttl ._ja._txt, .mainCont .moviesList#j-bloglist .moviesList-ttl ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .moviesList#j-bestRecommended .moviesList-ttl ._time, .mainCont .moviesList#j-stillHot .moviesList-ttl ._time, .mainCont .moviesList#j-blog .moviesList-ttl ._time, .mainCont .moviesList#j-disney .moviesList-ttl ._time, .mainCont .moviesList#j-bloglist .moviesList-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#j-bestRecommended .moviesList-ttl ._time, .mainCont .moviesList#j-stillHot .moviesList-ttl ._time, .mainCont .moviesList#j-blog .moviesList-ttl ._time, .mainCont .moviesList#j-disney .moviesList-ttl ._time, .mainCont .moviesList#j-bloglist .moviesList-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#j-bestRecommended .moviesList-ttl ._time, .mainCont .moviesList#j-stillHot .moviesList-ttl ._time, .mainCont .moviesList#j-blog .moviesList-ttl ._time, .mainCont .moviesList#j-disney .moviesList-ttl ._time, .mainCont .moviesList#j-bloglist .moviesList-ttl ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList#j-bestRecommended .moviesList-ttl ._time, .mainCont .moviesList#j-stillHot .moviesList-ttl ._time, .mainCont .moviesList#j-blog .moviesList-ttl ._time, .mainCont .moviesList#j-disney .moviesList-ttl ._time, .mainCont .moviesList#j-bloglist .moviesList-ttl ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .moviesList#j-bestRecommended .moviesList-ttl ._icn, .mainCont .moviesList#j-stillHot .moviesList-ttl ._icn, .mainCont .moviesList#j-blog .moviesList-ttl ._icn, .mainCont .moviesList#j-disney .moviesList-ttl ._icn, .mainCont .moviesList#j-bloglist .moviesList-ttl ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#j-bestRecommended .moviesList-ttl ._icn, .mainCont .moviesList#j-stillHot .moviesList-ttl ._icn, .mainCont .moviesList#j-blog .moviesList-ttl ._icn, .mainCont .moviesList#j-disney .moviesList-ttl ._icn, .mainCont .moviesList#j-bloglist .moviesList-ttl ._icn {
right: 1rem;
}
}
.mainCont .moviesList#j-bestRecommended .moviesList-ttl ._icn:hover, .mainCont .moviesList#j-bestRecommended .moviesList-ttl ._icn:active, .mainCont .moviesList#j-stillHot .moviesList-ttl ._icn:hover, .mainCont .moviesList#j-stillHot .moviesList-ttl ._icn:active, .mainCont .moviesList#j-blog .moviesList-ttl ._icn:hover, .mainCont .moviesList#j-blog .moviesList-ttl ._icn:active, .mainCont .moviesList#j-disney .moviesList-ttl ._icn:hover, .mainCont .moviesList#j-disney .moviesList-ttl ._icn:active, .mainCont .moviesList#j-bloglist .moviesList-ttl ._icn:hover, .mainCont .moviesList#j-bloglist .moviesList-ttl ._icn:active {
opacity: 0.85;
}
.mainCont .moviesList#j-bestRecommended .moviesList-ttl ._btn, .mainCont .moviesList#j-stillHot .moviesList-ttl ._btn, .mainCont .moviesList#j-blog .moviesList-ttl ._btn, .mainCont .moviesList#j-disney .moviesList-ttl ._btn, .mainCont .moviesList#j-bloglist .moviesList-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#j-bestRecommended .moviesList-ttl ._btn, .mainCont .moviesList#j-stillHot .moviesList-ttl ._btn, .mainCont .moviesList#j-blog .moviesList-ttl ._btn, .mainCont .moviesList#j-disney .moviesList-ttl ._btn, .mainCont .moviesList#j-bloglist .moviesList-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#j-bestRecommended .moviesList-ttl ._btn, .mainCont .moviesList#j-stillHot .moviesList-ttl ._btn, .mainCont .moviesList#j-blog .moviesList-ttl ._btn, .mainCont .moviesList#j-disney .moviesList-ttl ._btn, .mainCont .moviesList#j-bloglist .moviesList-ttl ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList#j-bestRecommended .moviesList-ttl ._btn, .mainCont .moviesList#j-stillHot .moviesList-ttl ._btn, .mainCont .moviesList#j-blog .moviesList-ttl ._btn, .mainCont .moviesList#j-disney .moviesList-ttl ._btn, .mainCont .moviesList#j-bloglist .moviesList-ttl ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .moviesList#j-bestRecommended .moviesList-ttl ._btn:visited, .mainCont .moviesList#j-stillHot .moviesList-ttl ._btn:visited, .mainCont .moviesList#j-blog .moviesList-ttl ._btn:visited, .mainCont .moviesList#j-disney .moviesList-ttl ._btn:visited, .mainCont .moviesList#j-bloglist .moviesList-ttl ._btn:visited {
color: #1d3994;
}
.mainCont .moviesList#j-bestRecommended .moviesList-ttl ._btn:hover, .mainCont .moviesList#j-bestRecommended .moviesList-ttl ._btn:active, .mainCont .moviesList#j-stillHot .moviesList-ttl ._btn:hover, .mainCont .moviesList#j-stillHot .moviesList-ttl ._btn:active, .mainCont .moviesList#j-blog .moviesList-ttl ._btn:hover, .mainCont .moviesList#j-blog .moviesList-ttl ._btn:active, .mainCont .moviesList#j-disney .moviesList-ttl ._btn:hover, .mainCont .moviesList#j-disney .moviesList-ttl ._btn:active, .mainCont .moviesList#j-bloglist .moviesList-ttl ._btn:hover, .mainCont .moviesList#j-bloglist .moviesList-ttl ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .moviesList#j-bestRecommended .moviesList-ttl::before, .mainCont .moviesList#j-stillHot .moviesList-ttl::before, .mainCont .moviesList#j-blog .moviesList-ttl::before, .mainCont .moviesList#j-disney .moviesList-ttl::before, .mainCont .moviesList#j-bloglist .moviesList-ttl::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .moviesList#j-bestRecommended .moviesList-ttl::after, .mainCont .moviesList#j-stillHot .moviesList-ttl::after, .mainCont .moviesList#j-blog .moviesList-ttl::after, .mainCont .moviesList#j-disney .moviesList-ttl::after, .mainCont .moviesList#j-bloglist .moviesList-ttl::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(255, 136, 130, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
background-image: linear-gradient(120deg, rgba(255, 136, 130, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
z-index: -10;
}
.mainCont .moviesList#j-manual .moviesList-ttl {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#j-manual .moviesList-ttl {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#j-manual .moviesList-ttl {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList#j-manual .moviesList-ttl {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .moviesList#j-manual .moviesList-ttl span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#j-manual .moviesList-ttl._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#j-manual .moviesList-ttl._addIcn ._ja {
width: 88%;
}
}
.mainCont .moviesList#j-manual .moviesList-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#j-manual .moviesList-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#j-manual .moviesList-ttl ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList#j-manual .moviesList-ttl ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#j-manual .moviesList-ttl ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList#j-manual .moviesList-ttl ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .moviesList#j-manual .moviesList-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#j-manual .moviesList-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#j-manual .moviesList-ttl ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList#j-manual .moviesList-ttl ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .moviesList#j-manual .moviesList-ttl ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#j-manual .moviesList-ttl ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#j-manual .moviesList-ttl ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList#j-manual .moviesList-ttl ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .moviesList#j-manual .moviesList-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#j-manual .moviesList-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#j-manual .moviesList-ttl ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList#j-manual .moviesList-ttl ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .moviesList#j-manual .moviesList-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#j-manual .moviesList-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#j-manual .moviesList-ttl ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList#j-manual .moviesList-ttl ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .moviesList#j-manual .moviesList-ttl ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#j-manual .moviesList-ttl ._icn {
right: 1rem;
}
}
.mainCont .moviesList#j-manual .moviesList-ttl ._icn:hover, .mainCont .moviesList#j-manual .moviesList-ttl ._icn:active {
opacity: 0.85;
}
.mainCont .moviesList#j-manual .moviesList-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#j-manual .moviesList-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#j-manual .moviesList-ttl ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList#j-manual .moviesList-ttl ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .moviesList#j-manual .moviesList-ttl ._btn:visited {
color: #1d3994;
}
.mainCont .moviesList#j-manual .moviesList-ttl ._btn:hover, .mainCont .moviesList#j-manual .moviesList-ttl ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .moviesList#j-manual .moviesList-ttl::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .moviesList#j-manual .moviesList-ttl::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(255, 136, 130, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
background-image: linear-gradient(120deg, rgba(255, 136, 130, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
z-index: -10;
}
.mainCont .moviesList#g-recommended .moviesList-ttl, .mainCont .moviesList#g-comedy .moviesList-ttl {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#g-recommended .moviesList-ttl, .mainCont .moviesList#g-comedy .moviesList-ttl {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#g-recommended .moviesList-ttl, .mainCont .moviesList#g-comedy .moviesList-ttl {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList#g-recommended .moviesList-ttl, .mainCont .moviesList#g-comedy .moviesList-ttl {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .moviesList#g-recommended .moviesList-ttl span, .mainCont .moviesList#g-comedy .moviesList-ttl span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#g-recommended .moviesList-ttl._addIcn ._en, .mainCont .moviesList#g-comedy .moviesList-ttl._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#g-recommended .moviesList-ttl._addIcn ._ja, .mainCont .moviesList#g-comedy .moviesList-ttl._addIcn ._ja {
width: 88%;
}
}
.mainCont .moviesList#g-recommended .moviesList-ttl ._en, .mainCont .moviesList#g-comedy .moviesList-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#g-recommended .moviesList-ttl ._en, .mainCont .moviesList#g-comedy .moviesList-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#g-recommended .moviesList-ttl ._en, .mainCont .moviesList#g-comedy .moviesList-ttl ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList#g-recommended .moviesList-ttl ._en, .mainCont .moviesList#g-comedy .moviesList-ttl ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#g-recommended .moviesList-ttl ._en._fs, .mainCont .moviesList#g-comedy .moviesList-ttl ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList#g-recommended .moviesList-ttl ._en._fs, .mainCont .moviesList#g-comedy .moviesList-ttl ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .moviesList#g-recommended .moviesList-ttl ._en ._date, .mainCont .moviesList#g-comedy .moviesList-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#g-recommended .moviesList-ttl ._en ._date, .mainCont .moviesList#g-comedy .moviesList-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#g-recommended .moviesList-ttl ._en ._date, .mainCont .moviesList#g-comedy .moviesList-ttl ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList#g-recommended .moviesList-ttl ._en ._date, .mainCont .moviesList#g-comedy .moviesList-ttl ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .moviesList#g-recommended .moviesList-ttl ._ja, .mainCont .moviesList#g-comedy .moviesList-ttl ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#g-recommended .moviesList-ttl ._ja, .mainCont .moviesList#g-comedy .moviesList-ttl ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#g-recommended .moviesList-ttl ._ja, .mainCont .moviesList#g-comedy .moviesList-ttl ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList#g-recommended .moviesList-ttl ._ja, .mainCont .moviesList#g-comedy .moviesList-ttl ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .moviesList#g-recommended .moviesList-ttl ._ja._txt, .mainCont .moviesList#g-comedy .moviesList-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#g-recommended .moviesList-ttl ._ja._txt, .mainCont .moviesList#g-comedy .moviesList-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#g-recommended .moviesList-ttl ._ja._txt, .mainCont .moviesList#g-comedy .moviesList-ttl ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList#g-recommended .moviesList-ttl ._ja._txt, .mainCont .moviesList#g-comedy .moviesList-ttl ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .moviesList#g-recommended .moviesList-ttl ._time, .mainCont .moviesList#g-comedy .moviesList-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#g-recommended .moviesList-ttl ._time, .mainCont .moviesList#g-comedy .moviesList-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#g-recommended .moviesList-ttl ._time, .mainCont .moviesList#g-comedy .moviesList-ttl ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList#g-recommended .moviesList-ttl ._time, .mainCont .moviesList#g-comedy .moviesList-ttl ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .moviesList#g-recommended .moviesList-ttl ._icn, .mainCont .moviesList#g-comedy .moviesList-ttl ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#g-recommended .moviesList-ttl ._icn, .mainCont .moviesList#g-comedy .moviesList-ttl ._icn {
right: 1rem;
}
}
.mainCont .moviesList#g-recommended .moviesList-ttl ._icn:hover, .mainCont .moviesList#g-recommended .moviesList-ttl ._icn:active, .mainCont .moviesList#g-comedy .moviesList-ttl ._icn:hover, .mainCont .moviesList#g-comedy .moviesList-ttl ._icn:active {
opacity: 0.85;
}
.mainCont .moviesList#g-recommended .moviesList-ttl ._btn, .mainCont .moviesList#g-comedy .moviesList-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#g-recommended .moviesList-ttl ._btn, .mainCont .moviesList#g-comedy .moviesList-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#g-recommended .moviesList-ttl ._btn, .mainCont .moviesList#g-comedy .moviesList-ttl ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList#g-recommended .moviesList-ttl ._btn, .mainCont .moviesList#g-comedy .moviesList-ttl ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .moviesList#g-recommended .moviesList-ttl ._btn:visited, .mainCont .moviesList#g-comedy .moviesList-ttl ._btn:visited {
color: #1d3994;
}
.mainCont .moviesList#g-recommended .moviesList-ttl ._btn:hover, .mainCont .moviesList#g-recommended .moviesList-ttl ._btn:active, .mainCont .moviesList#g-comedy .moviesList-ttl ._btn:hover, .mainCont .moviesList#g-comedy .moviesList-ttl ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .moviesList#g-recommended .moviesList-ttl::before, .mainCont .moviesList#g-comedy .moviesList-ttl::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .moviesList#g-recommended .moviesList-ttl::after, .mainCont .moviesList#g-comedy .moviesList-ttl::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(183, 79, 175, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
background-image: linear-gradient(120deg, rgba(183, 79, 175, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
z-index: -10;
}
.mainCont .moviesList#e-recommended .moviesList-ttl, .mainCont .moviesList#e-comedy .moviesList-ttl {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#e-recommended .moviesList-ttl, .mainCont .moviesList#e-comedy .moviesList-ttl {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#e-recommended .moviesList-ttl, .mainCont .moviesList#e-comedy .moviesList-ttl {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList#e-recommended .moviesList-ttl, .mainCont .moviesList#e-comedy .moviesList-ttl {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .moviesList#e-recommended .moviesList-ttl span, .mainCont .moviesList#e-comedy .moviesList-ttl span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#e-recommended .moviesList-ttl._addIcn ._en, .mainCont .moviesList#e-comedy .moviesList-ttl._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#e-recommended .moviesList-ttl._addIcn ._ja, .mainCont .moviesList#e-comedy .moviesList-ttl._addIcn ._ja {
width: 88%;
}
}
.mainCont .moviesList#e-recommended .moviesList-ttl ._en, .mainCont .moviesList#e-comedy .moviesList-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#e-recommended .moviesList-ttl ._en, .mainCont .moviesList#e-comedy .moviesList-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#e-recommended .moviesList-ttl ._en, .mainCont .moviesList#e-comedy .moviesList-ttl ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList#e-recommended .moviesList-ttl ._en, .mainCont .moviesList#e-comedy .moviesList-ttl ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#e-recommended .moviesList-ttl ._en._fs, .mainCont .moviesList#e-comedy .moviesList-ttl ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList#e-recommended .moviesList-ttl ._en._fs, .mainCont .moviesList#e-comedy .moviesList-ttl ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .moviesList#e-recommended .moviesList-ttl ._en ._date, .mainCont .moviesList#e-comedy .moviesList-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#e-recommended .moviesList-ttl ._en ._date, .mainCont .moviesList#e-comedy .moviesList-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#e-recommended .moviesList-ttl ._en ._date, .mainCont .moviesList#e-comedy .moviesList-ttl ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList#e-recommended .moviesList-ttl ._en ._date, .mainCont .moviesList#e-comedy .moviesList-ttl ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .moviesList#e-recommended .moviesList-ttl ._ja, .mainCont .moviesList#e-comedy .moviesList-ttl ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#e-recommended .moviesList-ttl ._ja, .mainCont .moviesList#e-comedy .moviesList-ttl ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#e-recommended .moviesList-ttl ._ja, .mainCont .moviesList#e-comedy .moviesList-ttl ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList#e-recommended .moviesList-ttl ._ja, .mainCont .moviesList#e-comedy .moviesList-ttl ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .moviesList#e-recommended .moviesList-ttl ._ja._txt, .mainCont .moviesList#e-comedy .moviesList-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#e-recommended .moviesList-ttl ._ja._txt, .mainCont .moviesList#e-comedy .moviesList-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#e-recommended .moviesList-ttl ._ja._txt, .mainCont .moviesList#e-comedy .moviesList-ttl ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList#e-recommended .moviesList-ttl ._ja._txt, .mainCont .moviesList#e-comedy .moviesList-ttl ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .moviesList#e-recommended .moviesList-ttl ._time, .mainCont .moviesList#e-comedy .moviesList-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#e-recommended .moviesList-ttl ._time, .mainCont .moviesList#e-comedy .moviesList-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#e-recommended .moviesList-ttl ._time, .mainCont .moviesList#e-comedy .moviesList-ttl ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList#e-recommended .moviesList-ttl ._time, .mainCont .moviesList#e-comedy .moviesList-ttl ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .moviesList#e-recommended .moviesList-ttl ._icn, .mainCont .moviesList#e-comedy .moviesList-ttl ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#e-recommended .moviesList-ttl ._icn, .mainCont .moviesList#e-comedy .moviesList-ttl ._icn {
right: 1rem;
}
}
.mainCont .moviesList#e-recommended .moviesList-ttl ._icn:hover, .mainCont .moviesList#e-recommended .moviesList-ttl ._icn:active, .mainCont .moviesList#e-comedy .moviesList-ttl ._icn:hover, .mainCont .moviesList#e-comedy .moviesList-ttl ._icn:active {
opacity: 0.85;
}
.mainCont .moviesList#e-recommended .moviesList-ttl ._btn, .mainCont .moviesList#e-comedy .moviesList-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#e-recommended .moviesList-ttl ._btn, .mainCont .moviesList#e-comedy .moviesList-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#e-recommended .moviesList-ttl ._btn, .mainCont .moviesList#e-comedy .moviesList-ttl ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList#e-recommended .moviesList-ttl ._btn, .mainCont .moviesList#e-comedy .moviesList-ttl ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .moviesList#e-recommended .moviesList-ttl ._btn:visited, .mainCont .moviesList#e-comedy .moviesList-ttl ._btn:visited {
color: #1d3994;
}
.mainCont .moviesList#e-recommended .moviesList-ttl ._btn:hover, .mainCont .moviesList#e-recommended .moviesList-ttl ._btn:active, .mainCont .moviesList#e-comedy .moviesList-ttl ._btn:hover, .mainCont .moviesList#e-comedy .moviesList-ttl ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .moviesList#e-recommended .moviesList-ttl::before, .mainCont .moviesList#e-comedy .moviesList-ttl::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .moviesList#e-recommended .moviesList-ttl::after, .mainCont .moviesList#e-comedy .moviesList-ttl::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(123, 96, 121, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
background-image: linear-gradient(120deg, rgba(123, 96, 121, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
z-index: -10;
}
.mainCont .moviesList#o-recommended .moviesList-ttl, .mainCont .moviesList#o-comedy .moviesList-ttl {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#o-recommended .moviesList-ttl, .mainCont .moviesList#o-comedy .moviesList-ttl {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#o-recommended .moviesList-ttl, .mainCont .moviesList#o-comedy .moviesList-ttl {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList#o-recommended .moviesList-ttl, .mainCont .moviesList#o-comedy .moviesList-ttl {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .moviesList#o-recommended .moviesList-ttl span, .mainCont .moviesList#o-comedy .moviesList-ttl span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#o-recommended .moviesList-ttl._addIcn ._en, .mainCont .moviesList#o-comedy .moviesList-ttl._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#o-recommended .moviesList-ttl._addIcn ._ja, .mainCont .moviesList#o-comedy .moviesList-ttl._addIcn ._ja {
width: 88%;
}
}
.mainCont .moviesList#o-recommended .moviesList-ttl ._en, .mainCont .moviesList#o-comedy .moviesList-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#o-recommended .moviesList-ttl ._en, .mainCont .moviesList#o-comedy .moviesList-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#o-recommended .moviesList-ttl ._en, .mainCont .moviesList#o-comedy .moviesList-ttl ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList#o-recommended .moviesList-ttl ._en, .mainCont .moviesList#o-comedy .moviesList-ttl ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#o-recommended .moviesList-ttl ._en._fs, .mainCont .moviesList#o-comedy .moviesList-ttl ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList#o-recommended .moviesList-ttl ._en._fs, .mainCont .moviesList#o-comedy .moviesList-ttl ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .moviesList#o-recommended .moviesList-ttl ._en ._date, .mainCont .moviesList#o-comedy .moviesList-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#o-recommended .moviesList-ttl ._en ._date, .mainCont .moviesList#o-comedy .moviesList-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#o-recommended .moviesList-ttl ._en ._date, .mainCont .moviesList#o-comedy .moviesList-ttl ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList#o-recommended .moviesList-ttl ._en ._date, .mainCont .moviesList#o-comedy .moviesList-ttl ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .moviesList#o-recommended .moviesList-ttl ._ja, .mainCont .moviesList#o-comedy .moviesList-ttl ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#o-recommended .moviesList-ttl ._ja, .mainCont .moviesList#o-comedy .moviesList-ttl ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#o-recommended .moviesList-ttl ._ja, .mainCont .moviesList#o-comedy .moviesList-ttl ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList#o-recommended .moviesList-ttl ._ja, .mainCont .moviesList#o-comedy .moviesList-ttl ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .moviesList#o-recommended .moviesList-ttl ._ja._txt, .mainCont .moviesList#o-comedy .moviesList-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#o-recommended .moviesList-ttl ._ja._txt, .mainCont .moviesList#o-comedy .moviesList-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#o-recommended .moviesList-ttl ._ja._txt, .mainCont .moviesList#o-comedy .moviesList-ttl ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList#o-recommended .moviesList-ttl ._ja._txt, .mainCont .moviesList#o-comedy .moviesList-ttl ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .moviesList#o-recommended .moviesList-ttl ._time, .mainCont .moviesList#o-comedy .moviesList-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#o-recommended .moviesList-ttl ._time, .mainCont .moviesList#o-comedy .moviesList-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#o-recommended .moviesList-ttl ._time, .mainCont .moviesList#o-comedy .moviesList-ttl ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList#o-recommended .moviesList-ttl ._time, .mainCont .moviesList#o-comedy .moviesList-ttl ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .moviesList#o-recommended .moviesList-ttl ._icn, .mainCont .moviesList#o-comedy .moviesList-ttl ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#o-recommended .moviesList-ttl ._icn, .mainCont .moviesList#o-comedy .moviesList-ttl ._icn {
right: 1rem;
}
}
.mainCont .moviesList#o-recommended .moviesList-ttl ._icn:hover, .mainCont .moviesList#o-recommended .moviesList-ttl ._icn:active, .mainCont .moviesList#o-comedy .moviesList-ttl ._icn:hover, .mainCont .moviesList#o-comedy .moviesList-ttl ._icn:active {
opacity: 0.85;
}
.mainCont .moviesList#o-recommended .moviesList-ttl ._btn, .mainCont .moviesList#o-comedy .moviesList-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#o-recommended .moviesList-ttl ._btn, .mainCont .moviesList#o-comedy .moviesList-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#o-recommended .moviesList-ttl ._btn, .mainCont .moviesList#o-comedy .moviesList-ttl ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList#o-recommended .moviesList-ttl ._btn, .mainCont .moviesList#o-comedy .moviesList-ttl ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .moviesList#o-recommended .moviesList-ttl ._btn:visited, .mainCont .moviesList#o-comedy .moviesList-ttl ._btn:visited {
color: #1d3994;
}
.mainCont .moviesList#o-recommended .moviesList-ttl ._btn:hover, .mainCont .moviesList#o-recommended .moviesList-ttl ._btn:active, .mainCont .moviesList#o-comedy .moviesList-ttl ._btn:hover, .mainCont .moviesList#o-comedy .moviesList-ttl ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .moviesList#o-recommended .moviesList-ttl::before, .mainCont .moviesList#o-comedy .moviesList-ttl::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .moviesList#o-recommended .moviesList-ttl::after, .mainCont .moviesList#o-comedy .moviesList-ttl::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(248, 137, 62, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
background-image: linear-gradient(120deg, rgba(248, 137, 62, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
z-index: -10;
}
.mainCont .moviesList#h-latest .moviesList-ttl {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#h-latest .moviesList-ttl {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#h-latest .moviesList-ttl {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList#h-latest .moviesList-ttl {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .moviesList#h-latest .moviesList-ttl span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#h-latest .moviesList-ttl._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#h-latest .moviesList-ttl._addIcn ._ja {
width: 88%;
}
}
.mainCont .moviesList#h-latest .moviesList-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#h-latest .moviesList-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#h-latest .moviesList-ttl ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList#h-latest .moviesList-ttl ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#h-latest .moviesList-ttl ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList#h-latest .moviesList-ttl ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .moviesList#h-latest .moviesList-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#h-latest .moviesList-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#h-latest .moviesList-ttl ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList#h-latest .moviesList-ttl ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .moviesList#h-latest .moviesList-ttl ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#h-latest .moviesList-ttl ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#h-latest .moviesList-ttl ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList#h-latest .moviesList-ttl ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .moviesList#h-latest .moviesList-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#h-latest .moviesList-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#h-latest .moviesList-ttl ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList#h-latest .moviesList-ttl ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .moviesList#h-latest .moviesList-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#h-latest .moviesList-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#h-latest .moviesList-ttl ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList#h-latest .moviesList-ttl ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .moviesList#h-latest .moviesList-ttl ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#h-latest .moviesList-ttl ._icn {
right: 1rem;
}
}
.mainCont .moviesList#h-latest .moviesList-ttl ._icn:hover, .mainCont .moviesList#h-latest .moviesList-ttl ._icn:active {
opacity: 0.85;
}
.mainCont .moviesList#h-latest .moviesList-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#h-latest .moviesList-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#h-latest .moviesList-ttl ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList#h-latest .moviesList-ttl ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .moviesList#h-latest .moviesList-ttl ._btn:visited {
color: #1d3994;
}
.mainCont .moviesList#h-latest .moviesList-ttl ._btn:hover, .mainCont .moviesList#h-latest .moviesList-ttl ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .moviesList#h-latest .moviesList-ttl::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .moviesList#h-latest .moviesList-ttl::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(56, 125, 221, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
background-image: linear-gradient(120deg, rgba(56, 125, 221, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
z-index: -10;
}
.mainCont .moviesList#c-attention .moviesList-ttl, .mainCont .moviesList#c-copyright .moviesList-ttl {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#c-attention .moviesList-ttl, .mainCont .moviesList#c-copyright .moviesList-ttl {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#c-attention .moviesList-ttl, .mainCont .moviesList#c-copyright .moviesList-ttl {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList#c-attention .moviesList-ttl, .mainCont .moviesList#c-copyright .moviesList-ttl {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .moviesList#c-attention .moviesList-ttl span, .mainCont .moviesList#c-copyright .moviesList-ttl span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#c-attention .moviesList-ttl._addIcn ._en, .mainCont .moviesList#c-copyright .moviesList-ttl._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#c-attention .moviesList-ttl._addIcn ._ja, .mainCont .moviesList#c-copyright .moviesList-ttl._addIcn ._ja {
width: 88%;
}
}
.mainCont .moviesList#c-attention .moviesList-ttl ._en, .mainCont .moviesList#c-copyright .moviesList-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#c-attention .moviesList-ttl ._en, .mainCont .moviesList#c-copyright .moviesList-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#c-attention .moviesList-ttl ._en, .mainCont .moviesList#c-copyright .moviesList-ttl ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList#c-attention .moviesList-ttl ._en, .mainCont .moviesList#c-copyright .moviesList-ttl ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#c-attention .moviesList-ttl ._en._fs, .mainCont .moviesList#c-copyright .moviesList-ttl ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList#c-attention .moviesList-ttl ._en._fs, .mainCont .moviesList#c-copyright .moviesList-ttl ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .moviesList#c-attention .moviesList-ttl ._en ._date, .mainCont .moviesList#c-copyright .moviesList-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#c-attention .moviesList-ttl ._en ._date, .mainCont .moviesList#c-copyright .moviesList-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#c-attention .moviesList-ttl ._en ._date, .mainCont .moviesList#c-copyright .moviesList-ttl ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList#c-attention .moviesList-ttl ._en ._date, .mainCont .moviesList#c-copyright .moviesList-ttl ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .moviesList#c-attention .moviesList-ttl ._ja, .mainCont .moviesList#c-copyright .moviesList-ttl ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#c-attention .moviesList-ttl ._ja, .mainCont .moviesList#c-copyright .moviesList-ttl ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#c-attention .moviesList-ttl ._ja, .mainCont .moviesList#c-copyright .moviesList-ttl ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList#c-attention .moviesList-ttl ._ja, .mainCont .moviesList#c-copyright .moviesList-ttl ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .moviesList#c-attention .moviesList-ttl ._ja._txt, .mainCont .moviesList#c-copyright .moviesList-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#c-attention .moviesList-ttl ._ja._txt, .mainCont .moviesList#c-copyright .moviesList-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#c-attention .moviesList-ttl ._ja._txt, .mainCont .moviesList#c-copyright .moviesList-ttl ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList#c-attention .moviesList-ttl ._ja._txt, .mainCont .moviesList#c-copyright .moviesList-ttl ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .moviesList#c-attention .moviesList-ttl ._time, .mainCont .moviesList#c-copyright .moviesList-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#c-attention .moviesList-ttl ._time, .mainCont .moviesList#c-copyright .moviesList-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#c-attention .moviesList-ttl ._time, .mainCont .moviesList#c-copyright .moviesList-ttl ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList#c-attention .moviesList-ttl ._time, .mainCont .moviesList#c-copyright .moviesList-ttl ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .moviesList#c-attention .moviesList-ttl ._icn, .mainCont .moviesList#c-copyright .moviesList-ttl ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#c-attention .moviesList-ttl ._icn, .mainCont .moviesList#c-copyright .moviesList-ttl ._icn {
right: 1rem;
}
}
.mainCont .moviesList#c-attention .moviesList-ttl ._icn:hover, .mainCont .moviesList#c-attention .moviesList-ttl ._icn:active, .mainCont .moviesList#c-copyright .moviesList-ttl ._icn:hover, .mainCont .moviesList#c-copyright .moviesList-ttl ._icn:active {
opacity: 0.85;
}
.mainCont .moviesList#c-attention .moviesList-ttl ._btn, .mainCont .moviesList#c-copyright .moviesList-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#c-attention .moviesList-ttl ._btn, .mainCont .moviesList#c-copyright .moviesList-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList#c-attention .moviesList-ttl ._btn, .mainCont .moviesList#c-copyright .moviesList-ttl ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList#c-attention .moviesList-ttl ._btn, .mainCont .moviesList#c-copyright .moviesList-ttl ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .moviesList#c-attention .moviesList-ttl ._btn:visited, .mainCont .moviesList#c-copyright .moviesList-ttl ._btn:visited {
color: #1d3994;
}
.mainCont .moviesList#c-attention .moviesList-ttl ._btn:hover, .mainCont .moviesList#c-attention .moviesList-ttl ._btn:active, .mainCont .moviesList#c-copyright .moviesList-ttl ._btn:hover, .mainCont .moviesList#c-copyright .moviesList-ttl ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .moviesList#c-attention .moviesList-ttl::before, .mainCont .moviesList#c-copyright .moviesList-ttl::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .moviesList#c-attention .moviesList-ttl::after, .mainCont .moviesList#c-copyright .moviesList-ttl::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(158, 181, 186, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
background-image: linear-gradient(120deg, rgba(158, 181, 186, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
z-index: -10;
}
.mainCont .moviesList-ttl {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .moviesList-ttl span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._addIcn ._ja {
width: 88%;
}
}
.mainCont .moviesList-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .moviesList-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .moviesList-ttl ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .moviesList-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .moviesList-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .moviesList-ttl ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl ._icn {
right: 1rem;
}
}
.mainCont .moviesList-ttl ._icn:hover, .mainCont .moviesList-ttl ._icn:active {
opacity: 0.85;
}
.mainCont .moviesList-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .moviesList-ttl ._btn:visited {
color: #1d3994;
}
.mainCont .moviesList-ttl ._btn:hover, .mainCont .moviesList-ttl ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .moviesList-ttl::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .moviesList-ttl::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(71, 82, 106, 0.8) 0%, rgba(63, 149, 255, 0.1) 80%);
background-image: linear-gradient(120deg, rgba(71, 82, 106, 0.8) 0%, rgba(63, 149, 255, 0.1) 80%);
z-index: -10;
}
.mainCont .moviesList-ttl._cHan {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cHan {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cHan {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl._cHan {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .moviesList-ttl._cHan span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cHan._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cHan._addIcn ._ja {
width: 88%;
}
}
.mainCont .moviesList-ttl._cHan ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cHan ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cHan ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl._cHan ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cHan ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl._cHan ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .moviesList-ttl._cHan ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cHan ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cHan ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl._cHan ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .moviesList-ttl._cHan ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cHan ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cHan ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl._cHan ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .moviesList-ttl._cHan ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cHan ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cHan ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl._cHan ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .moviesList-ttl._cHan ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cHan ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cHan ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl._cHan ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .moviesList-ttl._cHan ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cHan ._icn {
right: 1rem;
}
}
.mainCont .moviesList-ttl._cHan ._icn:hover, .mainCont .moviesList-ttl._cHan ._icn:active {
opacity: 0.85;
}
.mainCont .moviesList-ttl._cHan ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cHan ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cHan ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl._cHan ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .moviesList-ttl._cHan ._btn:visited {
color: #1d3994;
}
.mainCont .moviesList-ttl._cHan ._btn:hover, .mainCont .moviesList-ttl._cHan ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .moviesList-ttl._cHan::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .moviesList-ttl._cHan::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(56, 125, 221, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
background-image: linear-gradient(120deg, rgba(56, 125, 221, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
z-index: -10;
}
.mainCont .moviesList-ttl._cJyo {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cJyo {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cJyo {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl._cJyo {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .moviesList-ttl._cJyo span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cJyo._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cJyo._addIcn ._ja {
width: 88%;
}
}
.mainCont .moviesList-ttl._cJyo ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cJyo ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cJyo ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl._cJyo ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cJyo ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl._cJyo ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .moviesList-ttl._cJyo ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cJyo ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cJyo ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl._cJyo ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .moviesList-ttl._cJyo ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cJyo ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cJyo ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl._cJyo ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .moviesList-ttl._cJyo ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cJyo ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cJyo ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl._cJyo ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .moviesList-ttl._cJyo ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cJyo ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cJyo ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl._cJyo ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .moviesList-ttl._cJyo ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cJyo ._icn {
right: 1rem;
}
}
.mainCont .moviesList-ttl._cJyo ._icn:hover, .mainCont .moviesList-ttl._cJyo ._icn:active {
opacity: 0.85;
}
.mainCont .moviesList-ttl._cJyo ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cJyo ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cJyo ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl._cJyo ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .moviesList-ttl._cJyo ._btn:visited {
color: #1d3994;
}
.mainCont .moviesList-ttl._cJyo ._btn:hover, .mainCont .moviesList-ttl._cJyo ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .moviesList-ttl._cJyo::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .moviesList-ttl._cJyo::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(255, 136, 130, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
background-image: linear-gradient(120deg, rgba(255, 136, 130, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
z-index: -10;
}
.mainCont .moviesList-ttl._cKid {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cKid {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cKid {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl._cKid {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .moviesList-ttl._cKid span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cKid._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cKid._addIcn ._ja {
width: 88%;
}
}
.mainCont .moviesList-ttl._cKid ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cKid ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cKid ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl._cKid ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cKid ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl._cKid ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .moviesList-ttl._cKid ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cKid ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cKid ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl._cKid ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .moviesList-ttl._cKid ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cKid ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cKid ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl._cKid ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .moviesList-ttl._cKid ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cKid ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cKid ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl._cKid ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .moviesList-ttl._cKid ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cKid ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cKid ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl._cKid ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .moviesList-ttl._cKid ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cKid ._icn {
right: 1rem;
}
}
.mainCont .moviesList-ttl._cKid ._icn:hover, .mainCont .moviesList-ttl._cKid ._icn:active {
opacity: 0.85;
}
.mainCont .moviesList-ttl._cKid ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cKid ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cKid ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl._cKid ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .moviesList-ttl._cKid ._btn:visited {
color: #1d3994;
}
.mainCont .moviesList-ttl._cKid ._btn:hover, .mainCont .moviesList-ttl._cKid ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .moviesList-ttl._cKid::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .moviesList-ttl._cKid::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(245, 178, 38, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
background-image: linear-gradient(120deg, rgba(245, 178, 38, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
z-index: -10;
}
.mainCont .moviesList-ttl._cBus {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cBus {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cBus {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl._cBus {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .moviesList-ttl._cBus span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cBus._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cBus._addIcn ._ja {
width: 88%;
}
}
.mainCont .moviesList-ttl._cBus ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cBus ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cBus ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl._cBus ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cBus ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl._cBus ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .moviesList-ttl._cBus ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cBus ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cBus ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl._cBus ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .moviesList-ttl._cBus ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cBus ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cBus ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl._cBus ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .moviesList-ttl._cBus ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cBus ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cBus ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl._cBus ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .moviesList-ttl._cBus ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cBus ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cBus ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl._cBus ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .moviesList-ttl._cBus ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cBus ._icn {
right: 1rem;
}
}
.mainCont .moviesList-ttl._cBus ._icn:hover, .mainCont .moviesList-ttl._cBus ._icn:active {
opacity: 0.85;
}
.mainCont .moviesList-ttl._cBus ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cBus ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cBus ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl._cBus ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .moviesList-ttl._cBus ._btn:visited {
color: #1d3994;
}
.mainCont .moviesList-ttl._cBus ._btn:hover, .mainCont .moviesList-ttl._cBus ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .moviesList-ttl._cBus::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .moviesList-ttl._cBus::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(89, 181, 180, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
background-image: linear-gradient(120deg, rgba(89, 181, 180, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
z-index: -10;
}
.mainCont .moviesList-ttl._cBgv {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cBgv {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cBgv {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl._cBgv {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .moviesList-ttl._cBgv span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cBgv._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cBgv._addIcn ._ja {
width: 88%;
}
}
.mainCont .moviesList-ttl._cBgv ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cBgv ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cBgv ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl._cBgv ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cBgv ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl._cBgv ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .moviesList-ttl._cBgv ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cBgv ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cBgv ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl._cBgv ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .moviesList-ttl._cBgv ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cBgv ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cBgv ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl._cBgv ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .moviesList-ttl._cBgv ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cBgv ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cBgv ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl._cBgv ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .moviesList-ttl._cBgv ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cBgv ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cBgv ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl._cBgv ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .moviesList-ttl._cBgv ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cBgv ._icn {
right: 1rem;
}
}
.mainCont .moviesList-ttl._cBgv ._icn:hover, .mainCont .moviesList-ttl._cBgv ._icn:active {
opacity: 0.85;
}
.mainCont .moviesList-ttl._cBgv ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cBgv ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cBgv ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl._cBgv ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .moviesList-ttl._cBgv ._btn:visited {
color: #1d3994;
}
.mainCont .moviesList-ttl._cBgv ._btn:hover, .mainCont .moviesList-ttl._cBgv ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .moviesList-ttl._cBgv::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .moviesList-ttl._cBgv::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(183, 79, 175, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
background-image: linear-gradient(120deg, rgba(183, 79, 175, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
z-index: -10;
}
.mainCont .moviesList-ttl._cOny {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cOny {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cOny {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl._cOny {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .moviesList-ttl._cOny span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cOny._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cOny._addIcn ._ja {
width: 88%;
}
}
.mainCont .moviesList-ttl._cOny ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cOny ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cOny ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl._cOny ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cOny ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl._cOny ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .moviesList-ttl._cOny ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cOny ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cOny ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl._cOny ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .moviesList-ttl._cOny ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cOny ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cOny ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl._cOny ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .moviesList-ttl._cOny ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cOny ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cOny ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl._cOny ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .moviesList-ttl._cOny ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cOny ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cOny ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl._cOny ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .moviesList-ttl._cOny ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cOny ._icn {
right: 1rem;
}
}
.mainCont .moviesList-ttl._cOny ._icn:hover, .mainCont .moviesList-ttl._cOny ._icn:active {
opacity: 0.85;
}
.mainCont .moviesList-ttl._cOny ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cOny ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cOny ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl._cOny ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .moviesList-ttl._cOny ._btn:visited {
color: #1d3994;
}
.mainCont .moviesList-ttl._cOny ._btn:hover, .mainCont .moviesList-ttl._cOny ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .moviesList-ttl._cOny::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .moviesList-ttl._cOny::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(248, 137, 62, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
background-image: linear-gradient(120deg, rgba(248, 137, 62, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
z-index: -10;
}
.mainCont .moviesList-ttl._cCom {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cCom {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cCom {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl._cCom {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .moviesList-ttl._cCom span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cCom._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cCom._addIcn ._ja {
width: 88%;
}
}
.mainCont .moviesList-ttl._cCom ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cCom ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cCom ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl._cCom ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cCom ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl._cCom ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .moviesList-ttl._cCom ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cCom ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cCom ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl._cCom ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .moviesList-ttl._cCom ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cCom ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cCom ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl._cCom ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .moviesList-ttl._cCom ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cCom ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cCom ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl._cCom ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .moviesList-ttl._cCom ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cCom ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cCom ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl._cCom ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .moviesList-ttl._cCom ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cCom ._icn {
right: 1rem;
}
}
.mainCont .moviesList-ttl._cCom ._icn:hover, .mainCont .moviesList-ttl._cCom ._icn:active {
opacity: 0.85;
}
.mainCont .moviesList-ttl._cCom ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cCom ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-ttl._cCom ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-ttl._cCom ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .moviesList-ttl._cCom ._btn:visited {
color: #1d3994;
}
.mainCont .moviesList-ttl._cCom ._btn:hover, .mainCont .moviesList-ttl._cCom ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .moviesList-ttl._cCom::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .moviesList-ttl._cCom::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(158, 181, 186, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
background-image: linear-gradient(120deg, rgba(158, 181, 186, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
z-index: -10;
}
.mainCont .moviesList-subTtl {
font-size: calc(10px * 1.8);
font-size: calc(1rem * 1.8);
margin: 4rem 0 2.4rem;
padding: 0 2rem;
border-left: 4px solid #47526a;
box-sizing: border-box;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
letter-spacing: 2px;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-subTtl {
font-size: calc(10px * 1.8);
font-size: calc(0.7rem * 1.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-subTtl {
font-size: 24px;
font-size: 2.4rem;
font-size: calc(0.6vw * 2.4);
margin: 4rem auto 2.4rem;
padding: 1rem;
border-left: none;
border-top: 1px solid #47526a;
border-bottom: 1px solid #47526a;
width: 80%;
text-align: center;
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-subTtl {
font-size: calc(1.8vw * 2.4);
}
}
.mainCont .moviesList-lead {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin-bottom: 3rem;
line-height: 1.6;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
letter-spacing: 2px;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-lead {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-lead {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-lead {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .moviesList-cont {
width: 100%;
font-size: 0;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-cont {
margin-left: -5.555%;
width: 111.111%;
}
}
.mainCont .moviesList-cont li {
margin: 0 0.5% 1rem;
display: inline-block;
width: calc((100% / 4) - 1%);
vertical-align: top;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-cont li {
width: calc(calc(100% - 4%) / 3);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-cont li:first-of-type, .mainCont .moviesList-cont li:nth-of-type(3n+1) {
margin-left: 1%;
margin-right: 0.5%;
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-cont li:nth-of-type(2n) {
margin-right: 0.5%;
margin-left: 0.5%;
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-cont li:nth-of-type(3n) {
margin-right: 1%;
margin-left: 0.5%;
}
}
.mainCont .moviesList-cont._col3 {
width: 100%;
font-size: 0;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-cont._col3 {
margin-left: -5.555%;
width: 111.111%;
}
}
.mainCont .moviesList-cont._col3 li {
margin: 0 0.5% 1rem;
display: inline-block;
width: calc((100% / 3) - 1%);
vertical-align: top;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-cont._col3 li {
width: calc(calc(100% - 4%) / 2);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-cont._col3 li:first-of-type, .mainCont .moviesList-cont._col3 li:nth-of-type(3n+1) {
margin-left: 1%;
margin-right: 0.5%;
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-cont._col3 li:nth-of-type(2n) {
margin-right: 0.5%;
margin-left: 0.5%;
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-cont._col3 li:nth-of-type(3n) {
margin-right: 1%;
margin-left: 0.5%;
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-cont._col3 {
margin-left: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-cont._col3 li {
width: 48.5%;
}
}
.mainCont .moviesList-cont._col4 {
width: 100%;
font-size: 0;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-cont._col4 {
margin-left: -5.555%;
width: 111.111%;
}
}
.mainCont .moviesList-cont._col4 li {
margin: 0 0.5% 1rem;
display: inline-block;
width: calc((100% / 4) - 1%);
vertical-align: top;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-cont._col4 li {
width: calc(calc(100% - 4%) / 3);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-cont._col4 li:first-of-type, .mainCont .moviesList-cont._col4 li:nth-of-type(3n+1) {
margin-left: 1%;
margin-right: 0.5%;
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-cont._col4 li:nth-of-type(2n) {
margin-right: 0.5%;
margin-left: 0.5%;
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-cont._col4 li:nth-of-type(3n) {
margin-right: 1%;
margin-left: 0.5%;
}
}
.mainCont .moviesList-cont._col5 {
width: 100%;
font-size: 0;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-cont._col5 {
margin-left: -5.555%;
width: 111.111%;
}
}
.mainCont .moviesList-cont._col5 li {
margin: 0 0.5% 1rem;
display: inline-block;
width: calc((100% / 5) - 1%);
vertical-align: top;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-cont._col5 li {
width: calc(calc(100% - 4%) / 2);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-cont._col5 li:first-of-type, .mainCont .moviesList-cont._col5 li:nth-of-type(3n+1) {
margin-left: 1%;
margin-right: 0.5%;
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-cont._col5 li:nth-of-type(2n) {
margin-right: 0.5%;
margin-left: 0.5%;
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-cont._col5 li:nth-of-type(3n) {
margin-right: 1%;
margin-left: 0.5%;
}
}
.mainCont .moviesList-cont._col6 {
width: 100%;
font-size: 0;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-cont._col6 {
margin-left: -5.555%;
width: 111.111%;
}
}
.mainCont .moviesList-cont._col6 li {
margin: 0 0.5% 1rem;
display: inline-block;
width: calc((100% / 6) - 1%);
vertical-align: top;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-cont._col6 li {
width: calc(calc(100% - 4%) / 3);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-cont._col6 li:first-of-type, .mainCont .moviesList-cont._col6 li:nth-of-type(3n+1) {
margin-left: 1%;
margin-right: 0.5%;
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-cont._col6 li:nth-of-type(2n) {
margin-right: 0.5%;
margin-left: 0.5%;
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-cont._col6 li:nth-of-type(3n) {
margin-right: 1%;
margin-left: 0.5%;
}
}
.mainCont .moviesList-cont._col8 {
width: 100%;
font-size: 0;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-cont._col8 {
margin-left: -5.555%;
width: 111.111%;
}
}
.mainCont .moviesList-cont._col8 li {
margin: 0 0.5% 1rem;
display: inline-block;
width: calc((100% / 8) - 1%);
vertical-align: top;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-cont._col8 li {
width: calc(calc(100% - 4%) / 3);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-cont._col8 li:first-of-type, .mainCont .moviesList-cont._col8 li:nth-of-type(3n+1) {
margin-left: 1%;
margin-right: 0.5%;
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-cont._col8 li:nth-of-type(2n) {
margin-right: 0.5%;
margin-left: 0.5%;
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-cont._col8 li:nth-of-type(3n) {
margin-right: 1%;
margin-left: 0.5%;
}
}
.mainCont .moviesList-cont._ranking {
margin-top: 60px;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-cont._ranking .moviesList-cont-list:first-of-type, .mainCont .moviesList-cont._ranking .moviesList-cont-list:nth-of-type(2), .mainCont .moviesList-cont._ranking .moviesList-cont-list:nth-of-type(3) {
margin-bottom: 10vw;
}
}
.mainCont .moviesList-cont._ranking .moviesList-cont-list .moviesList-cont-list-linkImg {
overflow: visible;
}
.mainCont .moviesList-cont._ranking .moviesList-cont-list .moviesList-cont-list-linkImg::after {
content: "";
margin-left: -30px;
position: absolute;
top: -42px;
left: 50%;
width: 60px;
height: 42px;
background-repeat: no-repeat;
background-size: cover;
background-position: left top;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-cont._ranking .moviesList-cont-list .moviesList-cont-list-linkImg::after {
margin-left: -23px;
top: -31px;
width: 45px;
height: 31px;
}
}
.mainCont .moviesList-cont._ranking .moviesList-cont-list:first-of-type .moviesList-cont-list-linkImg::after {
background-image: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/img/common/icn_ranking1.png);
}
.mainCont .moviesList-cont._ranking .moviesList-cont-list:nth-of-type(2) .moviesList-cont-list-linkImg::after {
background-image: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/img/common/icn_ranking2.png);
}
.mainCont .moviesList-cont._ranking .moviesList-cont-list:nth-of-type(3) .moviesList-cont-list-linkImg::after {
background-image: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/img/common/icn_ranking3.png);
}
.mainCont .moviesList-cont._ranking .moviesList-cont-list:nth-of-type(4) .moviesList-cont-list-linkImg::after {
background-image: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/img/common/icn_ranking4.png);
}
.mainCont .moviesList-cont._ranking .moviesList-cont-list:nth-of-type(5) .moviesList-cont-list-linkImg::after {
background-image: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/img/common/icn_ranking5.png);
}
.mainCont .moviesList-cont-list {
margin: 0 1%;
padding: 0;
border: none;
position: relative;
width: 19%;
box-sizing: border-box;
width: 48%;
}
.mainCont .moviesList-cont-list:nth-last-of-type(1), .mainCont .moviesList-cont-list:nth-last-of-type(2), .mainCont .moviesList-cont-list:nth-last-of-type(3), .mainCont .moviesList-cont-list:nth-last-of-type(4), .mainCont .moviesList-cont-list:nth-last-of-type(5) {
margin-bottom: 0;
}
.mainCont .moviesList-cont-list ._newIcon {
font-size: calc(10px * 1.2);
font-size: calc(1rem * 1.2);
margin: 0 0.25rem 0 0;
padding: 0 0.25rem;
line-height: 1.4;
background: red;
color: #fff;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-cont-list ._newIcon {
font-size: calc(10px * 1.2);
font-size: calc(0.7rem * 1.2);
}
}
.mainCont .moviesList-cont-list-linkImg {
margin: 0 auto;
padding-top: 141.4427157001%;
display: block;
position: relative;
width: 100%;
height: 0;
background: transparent;
object-fit: cover;
overflow: hidden;
}
.mainCont .moviesList-cont-list-linkImg img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
height: auto;
}
.mainCont .moviesList-cont-list-linkImg::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.25);
transition: all ease 0.25s;
z-index: 10;
opacity: 0;
}
.mainCont .moviesList-cont-list-linkImg:hover::before, .mainCont .moviesList-cont-list-linkImg:active::before {
opacity: 1;
}
.mainCont .moviesList-cont-list-linkImg2 {
margin: 0 auto;
padding-top: 141.4427157001%;
display: block;
position: relative;
width: 100%;
height: 0;
background: transparent;
object-fit: cover;
overflow: hidden;
}
.mainCont .moviesList-cont-list-linkImg2 img {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 100%;
height: auto;
}
.mainCont .moviesList-cont-list-linkImg2::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255, 255, 255, 0.25);
transition: all ease 0.25s;
z-index: 10;
opacity: 0;
}
.mainCont .moviesList-cont-list-linkImg2:hover::before, .mainCont .moviesList-cont-list-linkImg2:active::before {
opacity: 1;
}
.mainCont .moviesList-cont-list-info {
margin-bottom: 2rem;
}
.mainCont .moviesList-cont-list-info-cat {
font-size: 10px;
font-size: 1rem;
margin: 0.5rem 0 0;
padding: 0;
border: none;
line-height: 1.4;
color: #999;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
text-align: left;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-cont-list-info-cat {
font-size: 10px;
font-size: 0.7rem;
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-cont-list-info-cat {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-cont-list-info-cat {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .moviesList-cont-list-info-date {
font-size: 10px;
font-size: 1rem;
margin: 5px 0;
padding: 0;
display: block;
line-height: 1.4;
color: #999;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-cont-list-info-date {
font-size: 10px;
font-size: 0.7rem;
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-cont-list-info-date {
font-size: 14px;
font-size: 1.4rem;
font-size: calc(0.6vw * 1.4);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-cont-list-info-date {
font-size: calc(1.8vw * 1.4);
}
}
.mainCont .moviesList-cont-list-info-meta ._tag {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0.5rem 0 0;
line-height: 1.4;
width: 100%;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-cont-list-info-meta ._tag {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
.mainCont .moviesList-cont-list-info-meta ._tag a {
font-size: 10px;
font-size: 1rem;
color: #777;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-cont-list-info-meta ._tag a {
font-size: 10px;
font-size: 0.7rem;
}
}
.mainCont .moviesList-cont-list-catchcopy {
font-size: calc(10px * 1.2);
font-size: calc(1rem * 1.2);
margin: 5px 0;
padding: 10px 0;
border: 4px solid #ccc;
box-sizing: border-box;
line-height: 1.4;
width: 100%;
font-weight: bold;
text-align: center;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-cont-list-catchcopy {
font-size: calc(10px * 1.2);
font-size: calc(0.7rem * 1.2);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-cont-list-catchcopy {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-cont-list-catchcopy {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
.mainCont .moviesList-cont-list-catchcopy._row1 {
line-height: 4.2;
}
.mainCont .moviesList-cont-list-catchcopy._row2 {
line-height: 2.1;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-cont-list-catchcopy._row2sp {
line-height: 1.4;
}
}
.mainCont .moviesList-cont-list-trailer {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0 0 5px;
padding: 20px 10px 20px 20px;
border: 3px solid #88AAC7;
box-sizing: border-box;
display: block;
position: relative;
line-height: 1.4;
color: #88AAC7;
text-align: left;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-cont-list-trailer {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-cont-list-trailer {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
padding: 16px 8px;
border: 2px solid #88AAC7;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-cont-list-trailer {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
.mainCont .moviesList-cont-list-trailer::after {
content: "";
margin-top: -12px;
position: absolute;
right: 10px;
top: 50%;
width: 20px;
height: 20px;
background-image: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/img/common/icn_link_blank.png);
background-size: cover;
background-position: top center;
background-repeat: no-repeat;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-cont-list-trailer::after {
margin-top: -8px;
right: 8px;
width: 16px;
height: 16px;
}
}
.mainCont .moviesList-cont-list-trailer:hover, .mainCont .moviesList-cont-list-trailer:active {
border: 3px solid #88AAC7;
color: white;
background: #88AAC7;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-cont-list-trailer:hover, .mainCont .moviesList-cont-list-trailer:active {
border: 2px solid #88AAC7;
}
}
.mainCont .moviesList-cont-list-trailer:hover::after, .mainCont .moviesList-cont-list-trailer:active::after {
background-image: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/img/common/icn_link_blank_w.png);
}
.mainCont .moviesList-cont-list-theme {
font-size: calc(10px * 1.2);
font-size: calc(1rem * 1.2);
padding: 5px;
width: calc(100% - 10px);
color: white;
line-height: 1.4;
background: #999;
text-align: center;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-cont-list-theme {
font-size: calc(10px * 1.2);
font-size: calc(0.7rem * 1.2);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-cont-list-theme {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-cont-list-theme {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
.mainCont .moviesList-cont-list-theme._row1 {
line-height: 2.8;
}
.mainCont .moviesList-cont-list-info-ttlName {
font-size: calc(10px * 1.2);
font-size: calc(1rem * 1.2);
margin: 0.5rem 0 0;
padding: 0;
border: none;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
text-align: left;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-cont-list-info-ttlName {
font-size: calc(10px * 1.2);
font-size: calc(0.7rem * 1.2);
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-cont-list-info-ttlName {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-cont-list-info-ttlName {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .moviesList-cont-list-info-ttlName ._link {
color: #1d3994;
}
.mainCont .moviesList-cont-list-info-ttlName ._link:hover, .mainCont .moviesList-cont-list-info-ttlName ._link:active {
text-decoration: underline;
}
.mainCont .moviesList-cont-list-info-ttlName ._screening-time {
font-size: calc(10px * 1.2);
font-size: calc(1rem * 1.2);
display: block;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-cont-list-info-ttlName ._screening-time {
font-size: calc(10px * 1.2);
font-size: calc(0.7rem * 1.2);
}
}
.mainCont .moviesList-cont-list-info-ttlName ._copyright {
font-size: 10px;
font-size: 1rem;
display: block;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-cont-list-info-ttlName ._copyright {
font-size: 10px;
font-size: 0.7rem;
}
}
.mainCont .moviesList-cont-list-info-ttlName._blank::after {
content: "";
display: inline-block;
width: 14px;
height: 14px;
background-image: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/img/icn_blank.png);
background-repeat: no-repeat;
background-size: cover;
background-position: left top;
vertical-align: top;
}
.mainCont .moviesList-cont-list-info-cat {
font-size: 10px;
font-size: 1rem;
margin: 0.5rem 0 0;
padding: 0;
border: none;
line-height: 1.4;
color: #999;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
text-align: left;
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-cont-list-info-cat {
font-size: 10px;
font-size: 0.7rem;
}
}
@media screen and (max-width: 768px) {
.mainCont .moviesList-cont-list-info-cat {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .moviesList-cont-list-info-cat {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .aboutCont {
margin: 0 0 100px;
}
.mainCont .aboutCont:last-of-type {
margin-bottom: 0;
}
.mainCont .aboutCont-ttl {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .aboutCont-ttl {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .aboutCont-ttl {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .aboutCont-ttl {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .aboutCont-ttl span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .aboutCont-ttl._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .aboutCont-ttl._addIcn ._ja {
width: 88%;
}
}
.mainCont .aboutCont-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainCont .aboutCont-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .aboutCont-ttl ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .aboutCont-ttl ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .aboutCont-ttl ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .aboutCont-ttl ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .aboutCont-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .aboutCont-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .aboutCont-ttl ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .aboutCont-ttl ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .aboutCont-ttl ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .aboutCont-ttl ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .aboutCont-ttl ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .aboutCont-ttl ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .aboutCont-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .aboutCont-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .aboutCont-ttl ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .aboutCont-ttl ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .aboutCont-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .aboutCont-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .aboutCont-ttl ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .aboutCont-ttl ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .aboutCont-ttl ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .aboutCont-ttl ._icn {
right: 1rem;
}
}
.mainCont .aboutCont-ttl ._icn:hover, .mainCont .aboutCont-ttl ._icn:active {
opacity: 0.85;
}
.mainCont .aboutCont-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .aboutCont-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .aboutCont-ttl ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .aboutCont-ttl ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .aboutCont-ttl ._btn:visited {
color: #1d3994;
}
.mainCont .aboutCont-ttl ._btn:hover, .mainCont .aboutCont-ttl ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .aboutCont-ttl::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .aboutCont-ttl::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(255, 136, 130, 0.8) 0%, rgba(234, 227, 209, 0.1) 80%);
background-image: linear-gradient(120deg, rgba(255, 136, 130, 0.8) 0%, rgba(234, 227, 209, 0.1) 80%);
z-index: -10;
}
@media screen and (max-width: 768px) {
.mainCont .aboutCont-ttl {
font-size: 30px;
font-size: 3rem;
font-size: calc(0.6vw * 3);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .aboutCont-ttl {
font-size: calc(1.8vw * 3);
}
}
@media screen and (max-width: 768px) {
.mainCont .aboutCont-ttl ._ja._txt {
font-size: 30px;
font-size: 3rem;
font-size: calc(0.6vw * 3);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .aboutCont-ttl ._ja._txt {
font-size: calc(1.8vw * 3);
}
}
.mainCont .aboutCont-ttl ._en {
margin: 0;
line-height: 1.4;
}
.mainCont .aboutCont-subTtl {
font-size: calc(10px * 1.8);
font-size: calc(1rem * 1.8);
margin: 4rem 0 2.4rem;
padding: 0 2rem;
border-left: 4px solid #3f95ff;
box-sizing: border-box;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
letter-spacing: 2px;
}
@media screen and (max-width: 768px) {
.mainCont .aboutCont-subTtl {
font-size: calc(10px * 1.8);
font-size: calc(0.7rem * 1.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .aboutCont-subTtl {
font-size: 24px;
font-size: 2.4rem;
font-size: calc(0.6vw * 2.4);
margin: 4rem auto 2.4rem;
padding: 1rem;
border-left: none;
border-top: 1px solid #3f95ff;
border-bottom: 1px solid #3f95ff;
width: 80%;
text-align: center;
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .aboutCont-subTtl {
font-size: calc(1.8vw * 2.4);
}
}
.mainCont .aboutCont-txt {
padding: 0 2rem;
}
@media screen and (max-width: 768px) {
.mainCont .aboutCont-txt {
padding: 0;
}
}
.mainCont .aboutCont-txt-paragraph {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
margin: 0 0 2rem;
line-height: 1.8;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
}
@media screen and (max-width: 768px) {
.mainCont .aboutCont-txt-paragraph {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .aboutCont-txt-paragraph {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .aboutCont-txt-paragraph {
font-size: calc(1.8vw * 2);
}
}
.mainCont .aboutCont-txt-paragraph ._emphasis {
display: inline-block;
position: relative;
font-weight: bold;
}
.mainCont .aboutCont-txt-paragraph ._emphasis span {
display: inline-block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(transparent 70%, rgba(254, 228, 105, 0.75) 70%);
animation: txtAnimationMarker 3s ease-in infinite;
mix-blend-mode: multiply;
}
@keyframes txtAnimationMarker {
0% {
right: 100%;
}
25% {
right: 0;
}
100% {
right: 0;
}
}
.mainCont .aboutCont-txt-paragraph:last-of-type {
margin-bottom: 0;
}
.mainCont .aboutCont-txt-caution {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin-bottom: 40px;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
}
@media screen and (max-width: 768px) {
.mainCont .aboutCont-txt-caution {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .aboutCont-txt-caution {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .aboutCont-txt-caution {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .aboutCont-menu {
margin-bottom: 15px;
display: table;
width: 100%;
}
.mainCont .aboutCont-menu dl {
display: table-cell;
width: 20%;
}
.mainCont .aboutCont-menu dl dt {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
padding: 10px 0;
border-right: 1px solid #fff;
box-sizing: border-box;
display: block;
font-weight: bold;
width: 100%;
background: #cfe0e5;
text-align: center;
}
@media screen and (max-width: 768px) {
.mainCont .aboutCont-menu dl dt {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
.mainCont .aboutCont-menu dl dd {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 10px 0;
border-right: 1px solid #cfe0e5;
border-bottom: 1px solid #cfe0e5;
box-sizing: border-box;
line-height: 1.4;
font-size: 14px;
text-align: center;
}
@media screen and (max-width: 768px) {
.mainCont .aboutCont-menu dl dd {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
.mainCont .aboutCont-menu dl:first-of-type dd {
border-left: 1px solid #cfe0e5;
}
.mainCont .aboutCont-menu dl:last-of-type dt {
border-right: none;
}
.mainCont .aboutCont-list {
margin: 0 2rem;
}
@media screen and (max-width: 768px) {
.mainCont .aboutCont-list {
margin: 0;
}
}
.mainCont .aboutCont-list li {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
line-height: 1.8;
}
@media screen and (max-width: 768px) {
.mainCont .aboutCont-list li {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .aboutCont-list li {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .aboutCont-list li {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .aboutCont-list li::after {
content: "／";
}
.mainCont .procedureCont {
margin: 0 0 80px;
}
.mainCont .procedureCont:last-of-type {
margin-bottom: 0;
}
.mainCont .procedureCont-ttl {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .procedureCont-ttl {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .procedureCont-ttl {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .procedureCont-ttl {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .procedureCont-ttl span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .procedureCont-ttl._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .procedureCont-ttl._addIcn ._ja {
width: 88%;
}
}
.mainCont .procedureCont-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainCont .procedureCont-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .procedureCont-ttl ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .procedureCont-ttl ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .procedureCont-ttl ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .procedureCont-ttl ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .procedureCont-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .procedureCont-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .procedureCont-ttl ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .procedureCont-ttl ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .procedureCont-ttl ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .procedureCont-ttl ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .procedureCont-ttl ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .procedureCont-ttl ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .procedureCont-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .procedureCont-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .procedureCont-ttl ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .procedureCont-ttl ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .procedureCont-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .procedureCont-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .procedureCont-ttl ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .procedureCont-ttl ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .procedureCont-ttl ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .procedureCont-ttl ._icn {
right: 1rem;
}
}
.mainCont .procedureCont-ttl ._icn:hover, .mainCont .procedureCont-ttl ._icn:active {
opacity: 0.85;
}
.mainCont .procedureCont-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .procedureCont-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .procedureCont-ttl ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .procedureCont-ttl ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .procedureCont-ttl ._btn:visited {
color: #1d3994;
}
.mainCont .procedureCont-ttl ._btn:hover, .mainCont .procedureCont-ttl ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .procedureCont-ttl::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .procedureCont-ttl::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(255, 136, 130, 0.8) 0%, rgba(234, 227, 209, 0.1) 80%);
background-image: linear-gradient(120deg, rgba(255, 136, 130, 0.8) 0%, rgba(234, 227, 209, 0.1) 80%);
z-index: -10;
}
@media screen and (max-width: 768px) {
.mainCont .procedureCont-ttl {
font-size: 30px;
font-size: 3rem;
font-size: calc(0.6vw * 3);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .procedureCont-ttl {
font-size: calc(1.8vw * 3);
}
}
@media screen and (max-width: 768px) {
.mainCont .procedureCont-ttl ._ja._txt {
font-size: 30px;
font-size: 3rem;
font-size: calc(0.6vw * 3);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .procedureCont-ttl ._ja._txt {
font-size: calc(1.8vw * 3);
}
}
.mainCont .procedureCont-ttl ._en {
margin: 0;
line-height: 1.4;
}
.mainCont .procedureCont-ttl ._emphasis {
display: inline-block;
position: relative;
}
.mainCont .procedureCont-ttl ._emphasis span {
display: inline-block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(transparent 70%, rgba(55, 255, 130, 0.75) 70%);
animation: txtAnimationMarker 3s ease-in infinite;
mix-blend-mode: multiply;
}
@keyframes txtAnimationMarker {
0% {
right: 100%;
}
25% {
right: 0;
}
100% {
right: 0;
}
}
.mainCont .procedureCont-subTtl {
font-size: calc(10px * 1.8);
font-size: calc(1rem * 1.8);
margin: 4rem 0 2.4rem;
padding: 0 2rem;
border-left: 4px solid #3fcaff;
box-sizing: border-box;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
letter-spacing: 2px;
}
@media screen and (max-width: 768px) {
.mainCont .procedureCont-subTtl {
font-size: calc(10px * 1.8);
font-size: calc(0.7rem * 1.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .procedureCont-subTtl {
font-size: 24px;
font-size: 2.4rem;
font-size: calc(0.6vw * 2.4);
margin: 4rem auto 2.4rem;
padding: 1rem;
border-left: none;
border-top: 1px solid #3fcaff;
border-bottom: 1px solid #3fcaff;
width: 80%;
text-align: center;
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .procedureCont-subTtl {
font-size: calc(1.8vw * 2.4);
}
}
.mainCont .procedureCont-flow {
margin: 0;
border-top: 1px dashed #ccc;
box-sizing: border-box;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
font-size: 0;
}
@media screen and (max-width: 768px) {
.mainCont .procedureCont-flow {
border-top: none;
}
}
.mainCont .procedureCont-flow dt,
.mainCont .procedureCont-flow dd {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
padding: 4% 2.5%;
border-bottom: 1px dashed #ccc;
box-sizing: border-box;
display: inline-block;
line-height: 1.6;
vertical-align: top;
}
@media screen and (max-width: 768px) {
.mainCont .procedureCont-flow dt,
.mainCont .procedureCont-flow dd {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .procedureCont-flow dt,
.mainCont .procedureCont-flow dd {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
display: block;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .procedureCont-flow dt,
.mainCont .procedureCont-flow dd {
font-size: calc(1.8vw * 2);
}
}
.mainCont .procedureCont-flow dt {
text-align: left;
width: 25%;
}
@media screen and (max-width: 768px) {
.mainCont .procedureCont-flow dt {
width: 100%;
}
}
.mainCont .procedureCont-flow dt::before {
content: "1";
margin: 0 3px 0 0;
padding: 0 8px;
display: inline-block;
background-color: #3fcaff;
color: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
}
.mainCont .procedureCont-flow dt:nth-of-type(1)::before {
content: "1";
}
.mainCont .procedureCont-flow dt:nth-of-type(2)::before {
content: "2";
}
.mainCont .procedureCont-flow dt:nth-of-type(3)::before {
content: "3";
}
.mainCont .procedureCont-flow dt:nth-of-type(4)::before {
content: "4";
}
.mainCont .procedureCont-flow dt:nth-of-type(5)::before {
content: "5";
}
.mainCont .procedureCont-flow dd {
width: 75%;
}
@media screen and (max-width: 768px) {
.mainCont .procedureCont-flow dd {
margin-bottom: 3rem;
width: 100%;
}
}
.mainCont .procedureCont-flow dd a:hover, .mainCont .procedureCont-flow dd a:active {
text-decoration: underline;
}
.mainCont .procedureCont-img {
margin: 0;
padding: 0;
}
@media screen and (max-width: 768px) {
.mainCont .procedureCont-img {
margin-left: -5.555%;
width: 111.111%;
}
}
.mainCont .procedureCont-caution {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
}
@media screen and (max-width: 768px) {
.mainCont .procedureCont-caution {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .procedureCont-caution {
font-size: 16px;
font-size: 1.6rem;
font-size: calc(0.6vw * 1.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .procedureCont-caution {
font-size: calc(1.8vw * 1.6);
}
}
.mainCont .procedureCont-caution ._cRed {
color: #aa0000;
}
.mainCont .procedureCont-txt-paragraph {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
margin: 0 0 2rem;
line-height: 1.8;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
}
@media screen and (max-width: 768px) {
.mainCont .procedureCont-txt-paragraph {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .procedureCont-txt-paragraph {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .procedureCont-txt-paragraph {
font-size: calc(1.8vw * 2);
}
}
.mainCont .procedureCont-txt-paragraph ._emphasis {
display: inline-block;
position: relative;
font-weight: bold;
}
.mainCont .procedureCont-txt-paragraph ._emphasis span {
display: inline-block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(transparent 70%, rgba(254, 228, 105, 0.75) 70%);
animation: txtAnimationMarker 3s ease-in infinite;
mix-blend-mode: multiply;
}
@keyframes txtAnimationMarker {
0% {
right: 100%;
}
25% {
right: 0;
}
100% {
right: 0;
}
}
.mainCont .procedureCont-list li {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
margin: 0 0 2rem;
line-height: 1.6;
}
@media screen and (max-width: 768px) {
.mainCont .procedureCont-list li {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .procedureCont-list li {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .procedureCont-list li {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .procedureCont-list li:last-of-type {
margin-bottom: 0;
}
.mainCont .procedureCont-list li ._emphasis {
display: inline-block;
position: relative;
font-weight: bold;
}
.mainCont .procedureCont-list li ._emphasis span {
display: inline-block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(transparent 70%, rgba(254, 228, 105, 0.75) 70%);
animation: txtAnimationMarker 3s ease-in infinite;
mix-blend-mode: multiply;
}
@keyframes txtAnimationMarker {
0% {
right: 100%;
}
25% {
right: 0;
}
100% {
right: 0;
}
}
.mainCont .blogList {
margin-bottom: 80px;
}
.mainCont .blogList#jt-recommend .blogList-ttl {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .blogList#jt-recommend .blogList-ttl {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .blogList#jt-recommend .blogList-ttl {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .blogList#jt-recommend .blogList-ttl {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .blogList#jt-recommend .blogList-ttl span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .blogList#jt-recommend .blogList-ttl._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .blogList#jt-recommend .blogList-ttl._addIcn ._ja {
width: 88%;
}
}
.mainCont .blogList#jt-recommend .blogList-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainCont .blogList#jt-recommend .blogList-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .blogList#jt-recommend .blogList-ttl ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .blogList#jt-recommend .blogList-ttl ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .blogList#jt-recommend .blogList-ttl ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .blogList#jt-recommend .blogList-ttl ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .blogList#jt-recommend .blogList-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .blogList#jt-recommend .blogList-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .blogList#jt-recommend .blogList-ttl ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .blogList#jt-recommend .blogList-ttl ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .blogList#jt-recommend .blogList-ttl ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .blogList#jt-recommend .blogList-ttl ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .blogList#jt-recommend .blogList-ttl ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .blogList#jt-recommend .blogList-ttl ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .blogList#jt-recommend .blogList-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .blogList#jt-recommend .blogList-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .blogList#jt-recommend .blogList-ttl ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .blogList#jt-recommend .blogList-ttl ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .blogList#jt-recommend .blogList-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .blogList#jt-recommend .blogList-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .blogList#jt-recommend .blogList-ttl ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .blogList#jt-recommend .blogList-ttl ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .blogList#jt-recommend .blogList-ttl ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .blogList#jt-recommend .blogList-ttl ._icn {
right: 1rem;
}
}
.mainCont .blogList#jt-recommend .blogList-ttl ._icn:hover, .mainCont .blogList#jt-recommend .blogList-ttl ._icn:active {
opacity: 0.85;
}
.mainCont .blogList#jt-recommend .blogList-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .blogList#jt-recommend .blogList-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .blogList#jt-recommend .blogList-ttl ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .blogList#jt-recommend .blogList-ttl ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .blogList#jt-recommend .blogList-ttl ._btn:visited {
color: #1d3994;
}
.mainCont .blogList#jt-recommend .blogList-ttl ._btn:hover, .mainCont .blogList#jt-recommend .blogList-ttl ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .blogList#jt-recommend .blogList-ttl::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .blogList#jt-recommend .blogList-ttl::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(255, 136, 130, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
background-image: linear-gradient(120deg, rgba(255, 136, 130, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
z-index: -10;
}
.mainCont .blogList#jt-recommend .blogList-ttl ._btn {
width: 14rem;
}
@media screen and (max-width: 768px) {
.mainCont .blogList#jt-recommend .blogList-ttl ._btn {
bottom: 13px;
right: 0;
width: 12rem;
top: auto;
}
}
.mainCont .blogList-ttl {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .blogList-ttl {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .blogList-ttl {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .blogList-ttl {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .blogList-ttl span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .blogList-ttl._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .blogList-ttl._addIcn ._ja {
width: 88%;
}
}
.mainCont .blogList-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainCont .blogList-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .blogList-ttl ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .blogList-ttl ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .blogList-ttl ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .blogList-ttl ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .blogList-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .blogList-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .blogList-ttl ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .blogList-ttl ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .blogList-ttl ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .blogList-ttl ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .blogList-ttl ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .blogList-ttl ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .blogList-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .blogList-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .blogList-ttl ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .blogList-ttl ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .blogList-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .blogList-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .blogList-ttl ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .blogList-ttl ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .blogList-ttl ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .blogList-ttl ._icn {
right: 1rem;
}
}
.mainCont .blogList-ttl ._icn:hover, .mainCont .blogList-ttl ._icn:active {
opacity: 0.85;
}
.mainCont .blogList-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .blogList-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .blogList-ttl ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .blogList-ttl ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .blogList-ttl ._btn:visited {
color: #1d3994;
}
.mainCont .blogList-ttl ._btn:hover, .mainCont .blogList-ttl ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .blogList-ttl::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .blogList-ttl::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(71, 82, 106, 0.8) 0%, rgba(255, 90, 55, 0.1) 80%);
background-image: linear-gradient(120deg, rgba(71, 82, 106, 0.8) 0%, rgba(255, 90, 55, 0.1) 80%);
z-index: -10;
}
.mainCont .blogList-lead {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin-bottom: 3rem;
line-height: 1.6;
letter-spacing: 2px;
}
@media screen and (max-width: 768px) {
.mainCont .blogList-lead {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .blogList-lead {
font-size: 14px;
font-size: 1.4rem;
font-size: calc(0.6vw * 1.4);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .blogList-lead {
font-size: calc(1.8vw * 1.4);
}
}
.mainCont .blogList-cont {
border: none;
border-top: 1px solid #eee;
border-left: 1px solid #eee;
box-sizing: border-box;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
font-size: 0;
}
.mainCont .blogList-cont._manual {
border: none;
}
@media screen and (max-width: 768px) {
.mainCont .blogList-cont._manual {
margin-left: -5.555%;
width: 111.111%;
}
}
.mainCont .blogList-cont._manual .blogList-cont-list {
margin: 0 10px 10px 0;
border: none;
width: calc((100% - 20px) / 3);
}
@media screen and (max-width: 768px) {
.mainCont .blogList-cont._manual .blogList-cont-list {
width: calc((100% - 10px) / 2);
}
}
.mainCont .blogList-cont._manual .blogList-cont-list .blogList-cont-thumbnail {
margin: 0 0 10px;
display: block;
width: 100%;
}
.mainCont .blogList-cont._manual .blogList-cont-list .blogList-cont-info {
display: block;
width: 100%;
}
.mainCont .blogList-cont._manual .blogList-cont-list .blogList-cont-info ._ttl {
margin-bottom: 0.75em;
}
.mainCont .blogList-cont._manual .blogList-cont-list:nth-of-type(3n) {
margin-right: 0;
}
@media screen and (max-width: 768px) {
.mainCont .blogList-cont._manual .blogList-cont-list:nth-of-type(3n) {
margin-right: 10px;
}
}
@media screen and (max-width: 768px) {
.mainCont .blogList-cont._manual .blogList-cont-list:nth-of-type(2n) {
margin-right: 0;
}
}
.mainCont .blogList-cont-list {
padding: 5px;
border-right: 1px #eee solid;
border-bottom: 1px #eee solid;
box-sizing: border-box;
display: inline-block;
width: 50%;
font-size: 0;
}
@media screen and (max-width: 768px) {
.mainCont .blogList-cont-list {
width: 100%;
}
}
.mainCont .blogList-cont-link {
display: table;
color: #1d3994;
font-size: 0;
}
.mainCont .blogList-cont-link:hover .blogList-cont-info ._lead,
.mainCont .blogList-cont-link:hover .blogList-cont-info ._ttl, .mainCont .blogList-cont-link:active .blogList-cont-info ._lead,
.mainCont .blogList-cont-link:active .blogList-cont-info ._ttl {
color: #bd413b;
text-decoration: underline;
}
.mainCont .blogList-cont-thumbnail {
margin: 0;
padding: 0 10px 0 0;
display: table-cell;
line-height: 0;
width: 30%;
vertical-align: top;
font-size: 0;
}
.mainCont .blogList-cont-info {
margin: 0;
padding: 10px 5px 5px 0;
display: table-cell;
width: calc(70% - 20px);
vertical-align: top;
}
.mainCont .blogList-cont-info ._lead {
font-size: calc(10px * 1.2);
font-size: calc(1rem * 1.2);
margin: 0;
padding: 0;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
}
@media screen and (max-width: 768px) {
.mainCont .blogList-cont-info ._lead {
font-size: calc(10px * 1.2);
font-size: calc(0.7rem * 1.2);
}
}
@media screen and (max-width: 768px) {
.mainCont .blogList-cont-info ._lead {
font-size: 14px;
font-size: 1.4rem;
font-size: calc(0.6vw * 1.4);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .blogList-cont-info ._lead {
font-size: calc(1.8vw * 1.4);
}
}
.mainCont .blogList-cont-info ._ttl {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0 0 0.75em;
padding: 0;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .blogList-cont-info ._ttl {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .blogList-cont-info ._ttl {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
margin-bottom: 0.5rem;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .blogList-cont-info ._ttl {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .blogList-cont-info ._date {
font-size: calc(10px * 1.2);
font-size: calc(1rem * 1.2);
margin: 0.75em 0 0;
padding: 0;
color: #999;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
}
@media screen and (max-width: 768px) {
.mainCont .blogList-cont-info ._date {
font-size: calc(10px * 1.2);
font-size: calc(0.7rem * 1.2);
}
}
@media screen and (max-width: 768px) {
.mainCont .blogList-cont-info ._date {
font-size: 14px;
font-size: 1.4rem;
font-size: calc(0.6vw * 1.4);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .blogList-cont-info ._date {
font-size: calc(1.8vw * 1.4);
}
}
.mainCont .mainCont-movies {
margin-top: -20px;
width: 100%;
background: #000;
text-align: center;
}
.mainCont .mainCont-movies video {
margin: 0 auto;
width: 100%;
}
@media screen and (max-width: 768px) {
.mainCont .mainCont-movies video {
width: 100%;
}
}
.mainCont .bgvCont {
margin: 0 0 80px;
}
.mainCont .bgvCont-ttl {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .bgvCont-ttl {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .bgvCont-ttl {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .bgvCont-ttl {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .bgvCont-ttl span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .bgvCont-ttl._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .bgvCont-ttl._addIcn ._ja {
width: 88%;
}
}
.mainCont .bgvCont-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainCont .bgvCont-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .bgvCont-ttl ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .bgvCont-ttl ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .bgvCont-ttl ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .bgvCont-ttl ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .bgvCont-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .bgvCont-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .bgvCont-ttl ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .bgvCont-ttl ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .bgvCont-ttl ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .bgvCont-ttl ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .bgvCont-ttl ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .bgvCont-ttl ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .bgvCont-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .bgvCont-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .bgvCont-ttl ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .bgvCont-ttl ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .bgvCont-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .bgvCont-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .bgvCont-ttl ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .bgvCont-ttl ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .bgvCont-ttl ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .bgvCont-ttl ._icn {
right: 1rem;
}
}
.mainCont .bgvCont-ttl ._icn:hover, .mainCont .bgvCont-ttl ._icn:active {
opacity: 0.85;
}
.mainCont .bgvCont-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .bgvCont-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .bgvCont-ttl ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .bgvCont-ttl ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .bgvCont-ttl ._btn:visited {
color: #1d3994;
}
.mainCont .bgvCont-ttl ._btn:hover, .mainCont .bgvCont-ttl ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .bgvCont-ttl::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .bgvCont-ttl::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(183, 79, 175, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
background-image: linear-gradient(120deg, rgba(183, 79, 175, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
z-index: -10;
}
.mainCont .bgvCont-flow {
margin: 0;
border-top: 1px dashed #ccc;
box-sizing: border-box;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
font-size: 0;
}
@media screen and (max-width: 768px) {
.mainCont .bgvCont-flow {
border-top: none;
}
}
.mainCont .bgvCont-flow dt,
.mainCont .bgvCont-flow dd {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
padding: 4% 2.5%;
border-bottom: 1px dashed #ccc;
box-sizing: border-box;
display: inline-block;
line-height: 1.6;
vertical-align: top;
}
@media screen and (max-width: 768px) {
.mainCont .bgvCont-flow dt,
.mainCont .bgvCont-flow dd {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .bgvCont-flow dt,
.mainCont .bgvCont-flow dd {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
display: block;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .bgvCont-flow dt,
.mainCont .bgvCont-flow dd {
font-size: calc(1.8vw * 2);
}
}
.mainCont .bgvCont-flow dt {
text-align: left;
width: 25%;
}
@media screen and (max-width: 768px) {
.mainCont .bgvCont-flow dt {
width: 100%;
}
}
.mainCont .bgvCont-flow dt::before {
content: "1";
margin: 0 3px 0 0;
padding: 0 8px;
display: inline-block;
background-color: #47526a;
color: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
}
.mainCont .bgvCont-flow dt:nth-of-type(1)::before {
content: "1";
}
.mainCont .bgvCont-flow dt:nth-of-type(2)::before {
content: "2";
}
.mainCont .bgvCont-flow dt:nth-of-type(3)::before {
content: "3";
}
.mainCont .bgvCont-flow dt:nth-of-type(4)::before {
content: "4";
}
.mainCont .bgvCont-flow dt:nth-of-type(5)::before {
content: "5";
}
.mainCont .bgvCont-flow dd {
width: 75%;
}
@media screen and (max-width: 768px) {
.mainCont .bgvCont-flow dd {
margin-bottom: 3rem;
width: 100%;
}
}
.mainCont .bgvCont-flow dd a:hover, .mainCont .bgvCont-flow dd a:active {
text-decoration: underline;
}
.mainCont .exhibitionCont {
margin: 0 0 80px;
}
.mainCont .exhibitionCont#b-examples .exhibitionCont-ttl {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont#b-examples .exhibitionCont-ttl {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont#b-examples .exhibitionCont-ttl {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .exhibitionCont#b-examples .exhibitionCont-ttl {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .exhibitionCont#b-examples .exhibitionCont-ttl span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont#b-examples .exhibitionCont-ttl._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont#b-examples .exhibitionCont-ttl._addIcn ._ja {
width: 88%;
}
}
.mainCont .exhibitionCont#b-examples .exhibitionCont-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont#b-examples .exhibitionCont-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont#b-examples .exhibitionCont-ttl ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .exhibitionCont#b-examples .exhibitionCont-ttl ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont#b-examples .exhibitionCont-ttl ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .exhibitionCont#b-examples .exhibitionCont-ttl ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .exhibitionCont#b-examples .exhibitionCont-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont#b-examples .exhibitionCont-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont#b-examples .exhibitionCont-ttl ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .exhibitionCont#b-examples .exhibitionCont-ttl ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .exhibitionCont#b-examples .exhibitionCont-ttl ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont#b-examples .exhibitionCont-ttl ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont#b-examples .exhibitionCont-ttl ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .exhibitionCont#b-examples .exhibitionCont-ttl ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .exhibitionCont#b-examples .exhibitionCont-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont#b-examples .exhibitionCont-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont#b-examples .exhibitionCont-ttl ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .exhibitionCont#b-examples .exhibitionCont-ttl ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .exhibitionCont#b-examples .exhibitionCont-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont#b-examples .exhibitionCont-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont#b-examples .exhibitionCont-ttl ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .exhibitionCont#b-examples .exhibitionCont-ttl ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .exhibitionCont#b-examples .exhibitionCont-ttl ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont#b-examples .exhibitionCont-ttl ._icn {
right: 1rem;
}
}
.mainCont .exhibitionCont#b-examples .exhibitionCont-ttl ._icn:hover, .mainCont .exhibitionCont#b-examples .exhibitionCont-ttl ._icn:active {
opacity: 0.85;
}
.mainCont .exhibitionCont#b-examples .exhibitionCont-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont#b-examples .exhibitionCont-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont#b-examples .exhibitionCont-ttl ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .exhibitionCont#b-examples .exhibitionCont-ttl ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .exhibitionCont#b-examples .exhibitionCont-ttl ._btn:visited {
color: #1d3994;
}
.mainCont .exhibitionCont#b-examples .exhibitionCont-ttl ._btn:hover, .mainCont .exhibitionCont#b-examples .exhibitionCont-ttl ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .exhibitionCont#b-examples .exhibitionCont-ttl::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .exhibitionCont#b-examples .exhibitionCont-ttl::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(71, 82, 106, 0.8) 0%, rgba(55, 255, 130, 0.25) 80%);
background-image: linear-gradient(120deg, rgba(71, 82, 106, 0.8) 0%, rgba(55, 255, 130, 0.25) 80%);
z-index: -10;
}
.mainCont .exhibitionCont#e-examples .exhibitionCont-ttl {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont#e-examples .exhibitionCont-ttl {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont#e-examples .exhibitionCont-ttl {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .exhibitionCont#e-examples .exhibitionCont-ttl {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .exhibitionCont#e-examples .exhibitionCont-ttl span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont#e-examples .exhibitionCont-ttl._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont#e-examples .exhibitionCont-ttl._addIcn ._ja {
width: 88%;
}
}
.mainCont .exhibitionCont#e-examples .exhibitionCont-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont#e-examples .exhibitionCont-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont#e-examples .exhibitionCont-ttl ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .exhibitionCont#e-examples .exhibitionCont-ttl ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont#e-examples .exhibitionCont-ttl ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .exhibitionCont#e-examples .exhibitionCont-ttl ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .exhibitionCont#e-examples .exhibitionCont-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont#e-examples .exhibitionCont-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont#e-examples .exhibitionCont-ttl ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .exhibitionCont#e-examples .exhibitionCont-ttl ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .exhibitionCont#e-examples .exhibitionCont-ttl ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont#e-examples .exhibitionCont-ttl ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont#e-examples .exhibitionCont-ttl ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .exhibitionCont#e-examples .exhibitionCont-ttl ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .exhibitionCont#e-examples .exhibitionCont-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont#e-examples .exhibitionCont-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont#e-examples .exhibitionCont-ttl ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .exhibitionCont#e-examples .exhibitionCont-ttl ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .exhibitionCont#e-examples .exhibitionCont-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont#e-examples .exhibitionCont-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont#e-examples .exhibitionCont-ttl ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .exhibitionCont#e-examples .exhibitionCont-ttl ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .exhibitionCont#e-examples .exhibitionCont-ttl ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont#e-examples .exhibitionCont-ttl ._icn {
right: 1rem;
}
}
.mainCont .exhibitionCont#e-examples .exhibitionCont-ttl ._icn:hover, .mainCont .exhibitionCont#e-examples .exhibitionCont-ttl ._icn:active {
opacity: 0.85;
}
.mainCont .exhibitionCont#e-examples .exhibitionCont-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont#e-examples .exhibitionCont-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont#e-examples .exhibitionCont-ttl ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .exhibitionCont#e-examples .exhibitionCont-ttl ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .exhibitionCont#e-examples .exhibitionCont-ttl ._btn:visited {
color: #1d3994;
}
.mainCont .exhibitionCont#e-examples .exhibitionCont-ttl ._btn:hover, .mainCont .exhibitionCont#e-examples .exhibitionCont-ttl ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .exhibitionCont#e-examples .exhibitionCont-ttl::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .exhibitionCont#e-examples .exhibitionCont-ttl::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(71, 82, 106, 0.8) 0%, rgba(255, 197, 55, 0.25) 80%);
background-image: linear-gradient(120deg, rgba(71, 82, 106, 0.8) 0%, rgba(255, 197, 55, 0.25) 80%);
z-index: -10;
}
.mainCont .exhibitionCont#o-examples .exhibitionCont-ttl {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont#o-examples .exhibitionCont-ttl {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont#o-examples .exhibitionCont-ttl {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .exhibitionCont#o-examples .exhibitionCont-ttl {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .exhibitionCont#o-examples .exhibitionCont-ttl span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont#o-examples .exhibitionCont-ttl._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont#o-examples .exhibitionCont-ttl._addIcn ._ja {
width: 88%;
}
}
.mainCont .exhibitionCont#o-examples .exhibitionCont-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont#o-examples .exhibitionCont-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont#o-examples .exhibitionCont-ttl ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .exhibitionCont#o-examples .exhibitionCont-ttl ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont#o-examples .exhibitionCont-ttl ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .exhibitionCont#o-examples .exhibitionCont-ttl ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .exhibitionCont#o-examples .exhibitionCont-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont#o-examples .exhibitionCont-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont#o-examples .exhibitionCont-ttl ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .exhibitionCont#o-examples .exhibitionCont-ttl ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .exhibitionCont#o-examples .exhibitionCont-ttl ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont#o-examples .exhibitionCont-ttl ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont#o-examples .exhibitionCont-ttl ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .exhibitionCont#o-examples .exhibitionCont-ttl ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .exhibitionCont#o-examples .exhibitionCont-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont#o-examples .exhibitionCont-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont#o-examples .exhibitionCont-ttl ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .exhibitionCont#o-examples .exhibitionCont-ttl ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .exhibitionCont#o-examples .exhibitionCont-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont#o-examples .exhibitionCont-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont#o-examples .exhibitionCont-ttl ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .exhibitionCont#o-examples .exhibitionCont-ttl ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .exhibitionCont#o-examples .exhibitionCont-ttl ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont#o-examples .exhibitionCont-ttl ._icn {
right: 1rem;
}
}
.mainCont .exhibitionCont#o-examples .exhibitionCont-ttl ._icn:hover, .mainCont .exhibitionCont#o-examples .exhibitionCont-ttl ._icn:active {
opacity: 0.85;
}
.mainCont .exhibitionCont#o-examples .exhibitionCont-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont#o-examples .exhibitionCont-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont#o-examples .exhibitionCont-ttl ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .exhibitionCont#o-examples .exhibitionCont-ttl ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .exhibitionCont#o-examples .exhibitionCont-ttl ._btn:visited {
color: #1d3994;
}
.mainCont .exhibitionCont#o-examples .exhibitionCont-ttl ._btn:hover, .mainCont .exhibitionCont#o-examples .exhibitionCont-ttl ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .exhibitionCont#o-examples .exhibitionCont-ttl::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .exhibitionCont#o-examples .exhibitionCont-ttl::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(71, 82, 106, 0.8) 0%, rgba(255, 159, 55, 0.25) 80%);
background-image: linear-gradient(120deg, rgba(71, 82, 106, 0.8) 0%, rgba(255, 159, 55, 0.25) 80%);
z-index: -10;
}
.mainCont .exhibitionCont-ttl {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont-ttl {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont-ttl {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .exhibitionCont-ttl {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .exhibitionCont-ttl span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont-ttl._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont-ttl._addIcn ._ja {
width: 88%;
}
}
.mainCont .exhibitionCont-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont-ttl ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .exhibitionCont-ttl ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont-ttl ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .exhibitionCont-ttl ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .exhibitionCont-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont-ttl ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .exhibitionCont-ttl ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .exhibitionCont-ttl ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont-ttl ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont-ttl ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .exhibitionCont-ttl ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .exhibitionCont-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont-ttl ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .exhibitionCont-ttl ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .exhibitionCont-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont-ttl ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .exhibitionCont-ttl ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .exhibitionCont-ttl ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont-ttl ._icn {
right: 1rem;
}
}
.mainCont .exhibitionCont-ttl ._icn:hover, .mainCont .exhibitionCont-ttl ._icn:active {
opacity: 0.85;
}
.mainCont .exhibitionCont-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont-ttl ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .exhibitionCont-ttl ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .exhibitionCont-ttl ._btn:visited {
color: #1d3994;
}
.mainCont .exhibitionCont-ttl ._btn:hover, .mainCont .exhibitionCont-ttl ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .exhibitionCont-ttl::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .exhibitionCont-ttl::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(71, 82, 106, 0.8) 0%, rgba(255, 159, 55, 0.25) 80%);
background-image: linear-gradient(120deg, rgba(71, 82, 106, 0.8) 0%, rgba(255, 159, 55, 0.25) 80%);
z-index: -10;
}
.mainCont .exhibitionCont-flow {
margin: 0;
border-top: 1px dashed #ccc;
box-sizing: border-box;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
font-size: 0;
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont-flow {
border-top: none;
}
}
.mainCont .exhibitionCont-flow dt,
.mainCont .exhibitionCont-flow dd {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
padding: 4% 2.5%;
border-bottom: 1px dashed #ccc;
box-sizing: border-box;
display: inline-block;
line-height: 1.6;
vertical-align: top;
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont-flow dt,
.mainCont .exhibitionCont-flow dd {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont-flow dt,
.mainCont .exhibitionCont-flow dd {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
display: block;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .exhibitionCont-flow dt,
.mainCont .exhibitionCont-flow dd {
font-size: calc(1.8vw * 2);
}
}
.mainCont .exhibitionCont-flow dt {
text-align: left;
width: 25%;
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont-flow dt {
width: 100%;
}
}
.mainCont .exhibitionCont-flow dt::before {
content: "1";
margin: 0 3px 0 0;
padding: 0 8px;
display: inline-block;
background-color: #47526a;
color: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
}
.mainCont .exhibitionCont-flow dt:nth-of-type(1)::before {
content: "1";
}
.mainCont .exhibitionCont-flow dt:nth-of-type(2)::before {
content: "2";
}
.mainCont .exhibitionCont-flow dt:nth-of-type(3)::before {
content: "3";
}
.mainCont .exhibitionCont-flow dt:nth-of-type(4)::before {
content: "4";
}
.mainCont .exhibitionCont-flow dt:nth-of-type(5)::before {
content: "5";
}
.mainCont .exhibitionCont-flow dd {
width: 75%;
}
@media screen and (max-width: 768px) {
.mainCont .exhibitionCont-flow dd {
margin-bottom: 3rem;
width: 100%;
}
}
.mainCont .exhibitionCont-flow dd a:hover, .mainCont .exhibitionCont-flow dd a:active {
text-decoration: underline;
}
.mainCont .onyokuCont {
margin: 0 0 80px;
}
.mainCont .onyokuCont#b-examples .onyokuCont-ttl {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .onyokuCont#b-examples .onyokuCont-ttl {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .onyokuCont#b-examples .onyokuCont-ttl {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .onyokuCont#b-examples .onyokuCont-ttl {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .onyokuCont#b-examples .onyokuCont-ttl span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .onyokuCont#b-examples .onyokuCont-ttl._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .onyokuCont#b-examples .onyokuCont-ttl._addIcn ._ja {
width: 88%;
}
}
.mainCont .onyokuCont#b-examples .onyokuCont-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainCont .onyokuCont#b-examples .onyokuCont-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .onyokuCont#b-examples .onyokuCont-ttl ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .onyokuCont#b-examples .onyokuCont-ttl ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .onyokuCont#b-examples .onyokuCont-ttl ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .onyokuCont#b-examples .onyokuCont-ttl ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .onyokuCont#b-examples .onyokuCont-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .onyokuCont#b-examples .onyokuCont-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .onyokuCont#b-examples .onyokuCont-ttl ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .onyokuCont#b-examples .onyokuCont-ttl ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .onyokuCont#b-examples .onyokuCont-ttl ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .onyokuCont#b-examples .onyokuCont-ttl ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .onyokuCont#b-examples .onyokuCont-ttl ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .onyokuCont#b-examples .onyokuCont-ttl ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .onyokuCont#b-examples .onyokuCont-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .onyokuCont#b-examples .onyokuCont-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .onyokuCont#b-examples .onyokuCont-ttl ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .onyokuCont#b-examples .onyokuCont-ttl ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .onyokuCont#b-examples .onyokuCont-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .onyokuCont#b-examples .onyokuCont-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .onyokuCont#b-examples .onyokuCont-ttl ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .onyokuCont#b-examples .onyokuCont-ttl ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .onyokuCont#b-examples .onyokuCont-ttl ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .onyokuCont#b-examples .onyokuCont-ttl ._icn {
right: 1rem;
}
}
.mainCont .onyokuCont#b-examples .onyokuCont-ttl ._icn:hover, .mainCont .onyokuCont#b-examples .onyokuCont-ttl ._icn:active {
opacity: 0.85;
}
.mainCont .onyokuCont#b-examples .onyokuCont-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .onyokuCont#b-examples .onyokuCont-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .onyokuCont#b-examples .onyokuCont-ttl ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .onyokuCont#b-examples .onyokuCont-ttl ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .onyokuCont#b-examples .onyokuCont-ttl ._btn:visited {
color: #1d3994;
}
.mainCont .onyokuCont#b-examples .onyokuCont-ttl ._btn:hover, .mainCont .onyokuCont#b-examples .onyokuCont-ttl ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .onyokuCont#b-examples .onyokuCont-ttl::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .onyokuCont#b-examples .onyokuCont-ttl::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(183, 79, 175, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
background-image: linear-gradient(120deg, rgba(183, 79, 175, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
z-index: -10;
}
.mainCont .onyokuCont-ttl {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .onyokuCont-ttl {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .onyokuCont-ttl {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .onyokuCont-ttl {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .onyokuCont-ttl span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .onyokuCont-ttl._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .onyokuCont-ttl._addIcn ._ja {
width: 88%;
}
}
.mainCont .onyokuCont-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainCont .onyokuCont-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .onyokuCont-ttl ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .onyokuCont-ttl ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .onyokuCont-ttl ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .onyokuCont-ttl ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .onyokuCont-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .onyokuCont-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .onyokuCont-ttl ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .onyokuCont-ttl ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .onyokuCont-ttl ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .onyokuCont-ttl ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .onyokuCont-ttl ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .onyokuCont-ttl ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .onyokuCont-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .onyokuCont-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .onyokuCont-ttl ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .onyokuCont-ttl ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .onyokuCont-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .onyokuCont-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .onyokuCont-ttl ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .onyokuCont-ttl ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .onyokuCont-ttl ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .onyokuCont-ttl ._icn {
right: 1rem;
}
}
.mainCont .onyokuCont-ttl ._icn:hover, .mainCont .onyokuCont-ttl ._icn:active {
opacity: 0.85;
}
.mainCont .onyokuCont-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .onyokuCont-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .onyokuCont-ttl ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .onyokuCont-ttl ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .onyokuCont-ttl ._btn:visited {
color: #1d3994;
}
.mainCont .onyokuCont-ttl ._btn:hover, .mainCont .onyokuCont-ttl ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .onyokuCont-ttl::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .onyokuCont-ttl::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(248, 137, 62, 0.8) 0%, rgba(234, 227, 209, 0.25) 80%);
background-image: linear-gradient(120deg, rgba(248, 137, 62, 0.8) 0%, rgba(234, 227, 209, 0.25) 80%);
z-index: -10;
}
.mainCont .onyokuCont-flow {
margin: 0;
border-top: 1px dashed #ccc;
box-sizing: border-box;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
font-size: 0;
}
@media screen and (max-width: 768px) {
.mainCont .onyokuCont-flow {
border-top: none;
}
}
.mainCont .onyokuCont-flow dt,
.mainCont .onyokuCont-flow dd {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
padding: 4% 2.5%;
border-bottom: 1px dashed #ccc;
box-sizing: border-box;
display: inline-block;
line-height: 1.6;
vertical-align: top;
}
@media screen and (max-width: 768px) {
.mainCont .onyokuCont-flow dt,
.mainCont .onyokuCont-flow dd {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .onyokuCont-flow dt,
.mainCont .onyokuCont-flow dd {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
display: block;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .onyokuCont-flow dt,
.mainCont .onyokuCont-flow dd {
font-size: calc(1.8vw * 2);
}
}
.mainCont .onyokuCont-flow dt {
text-align: left;
width: 25%;
}
@media screen and (max-width: 768px) {
.mainCont .onyokuCont-flow dt {
width: 100%;
}
}
.mainCont .onyokuCont-flow dt::before {
content: "1";
margin: 0 3px 0 0;
padding: 0 8px;
display: inline-block;
background-color: #47526a;
color: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
}
.mainCont .onyokuCont-flow dt:nth-of-type(1)::before {
content: "1";
}
.mainCont .onyokuCont-flow dt:nth-of-type(2)::before {
content: "2";
}
.mainCont .onyokuCont-flow dt:nth-of-type(3)::before {
content: "3";
}
.mainCont .onyokuCont-flow dt:nth-of-type(4)::before {
content: "4";
}
.mainCont .onyokuCont-flow dt:nth-of-type(5)::before {
content: "5";
}
.mainCont .onyokuCont-flow dd {
width: 75%;
}
@media screen and (max-width: 768px) {
.mainCont .onyokuCont-flow dd {
margin-bottom: 3rem;
width: 100%;
}
}
.mainCont .onyokuCont-flow dd a:hover, .mainCont .onyokuCont-flow dd a:active {
text-decoration: underline;
}
.mainCont .catalogCont {
margin-bottom: 80px;
width: 100%;
font-size: 0;
}
.mainCont .catalogCont-ttl {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .catalogCont-ttl {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .catalogCont-ttl {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .catalogCont-ttl {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .catalogCont-ttl span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .catalogCont-ttl._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .catalogCont-ttl._addIcn ._ja {
width: 88%;
}
}
.mainCont .catalogCont-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainCont .catalogCont-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .catalogCont-ttl ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .catalogCont-ttl ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .catalogCont-ttl ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .catalogCont-ttl ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .catalogCont-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .catalogCont-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .catalogCont-ttl ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .catalogCont-ttl ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .catalogCont-ttl ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .catalogCont-ttl ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .catalogCont-ttl ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .catalogCont-ttl ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .catalogCont-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .catalogCont-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .catalogCont-ttl ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .catalogCont-ttl ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .catalogCont-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .catalogCont-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .catalogCont-ttl ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .catalogCont-ttl ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .catalogCont-ttl ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .catalogCont-ttl ._icn {
right: 1rem;
}
}
.mainCont .catalogCont-ttl ._icn:hover, .mainCont .catalogCont-ttl ._icn:active {
opacity: 0.85;
}
.mainCont .catalogCont-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .catalogCont-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .catalogCont-ttl ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .catalogCont-ttl ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .catalogCont-ttl ._btn:visited {
color: #1d3994;
}
.mainCont .catalogCont-ttl ._btn:hover, .mainCont .catalogCont-ttl ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .catalogCont-ttl::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .catalogCont-ttl::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(56, 125, 221, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
background-image: linear-gradient(120deg, rgba(56, 125, 221, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
z-index: -10;
}
.mainCont .catalogCont-block {
margin: 0 0.5% 40px;
display: inline-block;
width: 49%;
vertical-align: top;
}
@media screen and (max-width: 768px) {
.mainCont .catalogCont-block {
margin: 0 0 60px;
width: 100%;
}
}
.mainCont .catalogCont-block:last-of-type, .mainCont .catalogCont-block:nth-last-of-type(2) {
margin-bottom: 0;
}
@media screen and (max-width: 768px) {
.mainCont .catalogCont-block:last-of-type {
margin-bottom: 0;
}
}
@media screen and (max-width: 768px) {
.mainCont .catalogCont-block:last-of-type p:last-of-type {
margin-bottom: 0;
}
}
.mainCont .catalogCont-block._mgB {
margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
.mainCont .catalogCont-block._mgB {
margin-bottom: 60px;
}
}
.mainCont .catalogCont-block._topModule {
margin: 0;
width: 70%;
font-size: 0;
}
.mainCont .catalogCont-block._topModule p:nth-of-type(1) {
margin: 0;
padding: 0;
display: inline-block;
width: 40%;
vertical-align: top;
}
@media screen and (max-width: 768px) {
.mainCont .catalogCont-block._topModule p:nth-of-type(1) {
padding-bottom: 0;
}
}
.mainCont .catalogCont-block._topModule p:nth-of-type(2) {
margin: 0;
padding: 0;
display: inline-block;
width: 60%;
vertical-align: middle;
}
.mainCont .catalogCont-block p {
line-height: 0;
font-size: 0;
}
.mainCont .catalogCont-block p a {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin-top: 25px;
padding-left: 50px;
display: inline-block;
position: relative;
line-height: 1.6;
}
@media screen and (max-width: 768px) {
.mainCont .catalogCont-block p a {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .catalogCont-block p a {
font-size: calc(10px * 1.8);
font-size: calc(1rem * 1.8);
margin-top: -15.9375px;
padding-left: 30px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .catalogCont-block p a {
font-size: calc(10px * 1.8);
font-size: calc(0.7rem * 1.8);
}
}
.mainCont .catalogCont-block p a::before {
content: "";
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
left: 0;
width: 40px;
height: 51px;
background-image: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/img/common/icn_pdf.png);
background-repeat: no-repeat;
background-position: left bottom;
background-size: contain;
}
@media screen and (max-width: 768px) {
.mainCont .catalogCont-block p a::before {
margin-top: -15.9375px;
width: 25px;
height: 31.875px;
}
}
.mainCont .catalogCont-block p a:hover, .mainCont .catalogCont-block p a:active {
text-decoration: underline;
}
.mainCont .catalogCont-block p:nth-of-type(1) {
margin-bottom: 3rem;
}
@media screen and (max-width: 768px) {
.mainCont .catalogCont-block p:nth-of-type(1) {
padding-bottom: 0;
}
}
.mainCont .catalogCont-block p:nth-of-type(2) {
width: 100%;
}
.mainCont .catalogRecent-ttl {
position: absolute;
top: 0;
left: 0;
width: 30%;
color: #fff;
background: #47526a;
text-align: center;
}
.mainCont .catalogoCont-linkBtn {
display: inline-block;
width: 30%;
}
.mainCont .catalogoCont-linkBtn a {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
margin: 0 auto;
display: block;
text-align: center;
}
@media screen and (max-width: 768px) {
.mainCont .catalogoCont-linkBtn a {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
.mainCont .recentCatalog {
margin-top: -5em;
}
@media screen and (max-width: 768px) {
.mainCont .recentCatalog {
margin-left: -2.0833333333%;
width: 104.1666666667%;
}
}
.mainCont .recentCatalog-cont {
padding: 0 0 100px;
position: relative;
}
.mainCont .recentCatalog-cont-wire {
padding: 30px 20px;
border: 10px solid #f7f7f7;
box-sizing: border-box;
width: 60%;
background: #fff;
}
@media screen and (max-width: 768px) {
.mainCont .recentCatalog-cont-wire {
padding: 20px;
border: 5px solid #f7f7f7;
width: 80%;
}
}
.mainCont .recentCatalog-cont-ttl {
font-size: calc(10px * 1.8);
font-size: calc(1rem * 1.8);
line-height: 1.6;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .recentCatalog-cont-ttl {
font-size: calc(10px * 1.8);
font-size: calc(0.7rem * 1.8);
}
}
.mainCont .recentCatalog-cont-pdf {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin-top: 25px;
padding-left: 50px;
display: inline-block;
position: relative;
line-height: 1.6;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
}
@media screen and (max-width: 768px) {
.mainCont .recentCatalog-cont-pdf {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .recentCatalog-cont-pdf {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
margin-top: 10px;
padding-left: 30px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .recentCatalog-cont-pdf {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .recentCatalog-cont-pdf:hover, .mainCont .recentCatalog-cont-pdf:active {
text-decoration: underline;
}
.mainCont .recentCatalog-cont-pdf::before {
content: "";
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
left: 0;
width: 40px;
height: 51px;
background-image: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/img/common/icn_pdf.png);
background-repeat: no-repeat;
background-position: left bottom;
background-size: contain;
}
@media screen and (max-width: 768px) {
.mainCont .recentCatalog-cont-pdf::before {
margin-top: -15.9375px;
width: 25px;
height: 31.875px;
}
}
.mainCont .recentCatalog-cont-link {
font-size: calc(10px * 1.2);
font-size: calc(1rem * 1.2);
margin-top: 3em;
padding: 1rem 0;
border: 1px solid #1d3994;
box-sizing: border-box;
display: block;
line-height: 1;
color: #1d3994;
width: 50%;
height: auto;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
text-align: center;
letter-spacing: 0;
transition: 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .recentCatalog-cont-link {
font-size: calc(10px * 1.2);
font-size: calc(0.7rem * 1.2);
}
}
@media screen and (max-width: 768px) {
.mainCont .recentCatalog-cont-link {
margin-top: 2.5em;
}
}
.mainCont .recentCatalog-cont-link:hover, .mainCont .recentCatalog-cont-link:active {
color: #fff;
background: #1d3994;
}
.mainCont .recentCatalog-cont-img {
position: absolute;
top: 40px;
left: 40%;
width: 40%;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 768px) {
.mainCont .recentCatalog-cont-img {
top: 60px;
left: auto;
right: 0;
width: 54%;
}
}
.mainCont .recentCatalog-cont-img-pdf {
display: block;
}
.mainCont .recentCatalog-cont-img-pdf:hover img, .mainCont .recentCatalog-cont-img-pdf:active img {
opacity: 0.8;
}
.mainCont .recentCatalog-cont-img-pdf img {
transition: 0.25s;
}
.mainCont .titleArchiveCont-btnlist {
font-size: 0;
margin: 0;
width: 100%;
font-size: 0;
}
.mainCont .titleArchiveCont-btnlist._psC {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.mainCont .titleArchiveCont-btnlist .buttonDefault-link {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
margin: 0 auto;
padding: 1em 2.25em;
border: 1px solid #aaa;
box-sizing: border-box;
display: block;
position: relative;
line-height: 1.8;
width: 90%;
color: #000 !important;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
letter-spacing: 2px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .titleArchiveCont-btnlist .buttonDefault-link {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .titleArchiveCont-btnlist .buttonDefault-link {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
width: 70%;
max-width: none;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .titleArchiveCont-btnlist .buttonDefault-link {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .titleArchiveCont-btnlist .buttonDefault-link::before {
content: "";
position: absolute;
top: calc(50% - 1px);
right: 2em;
width: 50px;
height: 1px;
background: #aaa;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .titleArchiveCont-btnlist .buttonDefault-link::before {
width: 40px;
}
}
.mainCont .titleArchiveCont-btnlist .buttonDefault-link::after {
content: "";
margin-top: -5px;
border-top: 1px solid #aaa;
border-right: 1px solid #aaa;
position: absolute;
top: 50%;
right: 2em;
width: 8px;
height: 8px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .titleArchiveCont-btnlist .buttonDefault-link::after {
margin-top: -4px;
width: 6px;
height: 6px;
}
}
.mainCont .titleArchiveCont-btnlist .buttonDefault-link:hover, .mainCont .titleArchiveCont-btnlist .buttonDefault-link:active {
border: 1px solid #333;
color: #fff !important;
background: #333;
}
.mainCont .titleArchiveCont-btnlist .buttonDefault-link:hover::before, .mainCont .titleArchiveCont-btnlist .buttonDefault-link:active::before {
background: #fff;
}
.mainCont .titleArchiveCont-btnlist .buttonDefault-link:hover::after, .mainCont .titleArchiveCont-btnlist .buttonDefault-link:active::after {
border-top: 1px solid #fff;
border-right: 1px solid #fff;
right: 1.5em;
}
.mainCont .titleArchiveCont-btnlist .buttonDefault-link ._en {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
}
@media screen and (max-width: 768px) {
.mainCont .titleArchiveCont-btnlist .buttonDefault-link ._en {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .titleArchiveCont-btnlist .buttonDefault-link ._en {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .titleArchiveCont-btnlist .buttonDefault-link ._en {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .titleArchiveCont-btnlist .buttonDefault-link ._ja {
font-size: calc(10px * 1.2);
font-size: calc(1rem * 1.2);
display: block;
}
@media screen and (max-width: 768px) {
.mainCont .titleArchiveCont-btnlist .buttonDefault-link ._ja {
font-size: calc(10px * 1.2);
font-size: calc(0.7rem * 1.2);
}
}
@media screen and (max-width: 768px) {
.mainCont .titleArchiveCont-btnlist .buttonDefault-link ._ja {
font-size: 14px;
font-size: 1.4rem;
font-size: calc(0.6vw * 1.4);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .titleArchiveCont-btnlist .buttonDefault-link ._ja {
font-size: calc(1.8vw * 1.4);
}
}
.mainCont .titleArchiveCont-btnlist .buttonDefault-link._anchor::before, .mainCont .titleArchiveCont-btnlist .buttonDefault-link._pdf::before {
top: calc(45% - 5px);
right: calc(2em + 4px);
width: 1px;
height: 24px;
}
@media screen and (max-width: 768px) {
.mainCont .titleArchiveCont-btnlist .buttonDefault-link._anchor::before, .mainCont .titleArchiveCont-btnlist .buttonDefault-link._pdf::before {
top: calc(45% - 8px);
}
}
.mainCont .titleArchiveCont-btnlist .buttonDefault-link._anchor::after, .mainCont .titleArchiveCont-btnlist .buttonDefault-link._pdf::after {
top: calc(50% - 10px + 20px);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
@media screen and (max-width: 768px) {
.mainCont .titleArchiveCont-btnlist .buttonDefault-link._anchor::after, .mainCont .titleArchiveCont-btnlist .buttonDefault-link._pdf::after {
right: calc(2em + 1px);
}
}
.mainCont .titleArchiveCont-btnlist .buttonDefault-link._anchor:hover::before, .mainCont .titleArchiveCont-btnlist .buttonDefault-link._anchor:active::before, .mainCont .titleArchiveCont-btnlist .buttonDefault-link._pdf:hover::before, .mainCont .titleArchiveCont-btnlist .buttonDefault-link._pdf:active::before {
top: calc(45% - 5px);
}
.mainCont .titleArchiveCont-btnlist .buttonDefault-link._anchor:hover::after, .mainCont .titleArchiveCont-btnlist .buttonDefault-link._anchor:active::after, .mainCont .titleArchiveCont-btnlist .buttonDefault-link._pdf:hover::after, .mainCont .titleArchiveCont-btnlist .buttonDefault-link._pdf:active::after {
top: calc(50% - 10px + 20px + 0.5em);
right: 2em;
}
@media screen and (max-width: 768px) {
.mainCont .titleArchiveCont-btnlist .buttonDefault-link._anchor:hover::after, .mainCont .titleArchiveCont-btnlist .buttonDefault-link._anchor:active::after, .mainCont .titleArchiveCont-btnlist .buttonDefault-link._pdf:hover::after, .mainCont .titleArchiveCont-btnlist .buttonDefault-link._pdf:active::after {
right: calc(2em + 1px);
}
}
.mainCont .titleArchiveCont-btnlist .buttonDefault-link._anchor {
color: #47526a;
}
.mainCont .titleArchiveCont-btnlist .buttonDefault-link._anchor:hover, .mainCont .titleArchiveCont-btnlist .buttonDefault-link._anchor:active {
background: #47526a;
}
.mainCont .titleArchiveCont-btnlist .buttonDefault-link._pdf {
color: #FF5A37;
}
.mainCont .titleArchiveCont-btnlist .buttonDefault-link._pdf:hover, .mainCont .titleArchiveCont-btnlist .buttonDefault-link._pdf:active {
background: #FF5A37;
}
.mainCont .titleArchiveCont-btnlist .buttonDefault-link._cat {
background-image: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/img/common/icn_video_r.png);
background-repeat: no-repeat;
background-size: 20%;
background-position: -8% bottom;
}
@media screen and (max-width: 768px) {
.mainCont .titleArchiveCont-btnlist {
margin-bottom: 20px;
width: 100%;
}
}
.mainCont .titleArchiveCont-btnlist-btn {
margin: 0 0 20px;
display: inline-block;
width: 50%;
}
@media screen and (max-width: 768px) {
.mainCont .titleArchiveCont-btnlist-btn {
margin: 0 0 5px;
display: block;
width: 80%;
}
}
.mainCont .titleArchiveCont-btnlist-btn:first-of-type .buttonDefault-link {
border-right: none !important;
}
@media screen and (max-width: 768px) {
.mainCont .titleArchiveCont-btnlist-btn:first-of-type .buttonDefault-link {
border-right: 1px solid #aaa !important;
}
}
.mainCont .buttonDefault-link {
width: 100% !important;
}
.mainCont .titleArchiveCont-archives {
width: 100%;
font-size: 0;
}
@media screen and (max-width: 768px) {
.mainCont .titleArchiveCont-archives {
margin-left: -5.555%;
width: 111.111%;
}
}
.mainCont .titleArchiveCont-archives-list {
margin: 0 0.5% 1%;
display: inline-block;
width: 32.3333333333%;
vertical-align: top;
}
@media screen and (max-width: 768px) {
.mainCont .titleArchiveCont-archives-list {
width: 49%;
}
}
.mainCont .titleArchiveCont-archives-list a {
font-size: calc(10px * 1.2);
font-size: calc(1rem * 1.2);
padding: 1rem;
border: 1px solid #1d3994;
box-sizing: border-box;
display: block;
line-height: 1.6;
color: #1d3994;
text-align: left;
transition: 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .titleArchiveCont-archives-list a {
font-size: calc(10px * 1.2);
font-size: calc(0.7rem * 1.2);
}
}
@media screen and (max-width: 768px) {
.mainCont .titleArchiveCont-archives-list a {
font-size: 14px;
font-size: 1.4rem;
font-size: calc(0.6vw * 1.4);
padding: 1.6rem 0.5rem 1.6rem 1rem;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .titleArchiveCont-archives-list a {
font-size: calc(1.8vw * 1.4);
}
}
.mainCont .titleArchiveCont-archives-list a:hover, .mainCont .titleArchiveCont-archives-list a:active {
border: 1px solid #bd413b;
color: #bd413b;
}
.mainCont .postArticle {
margin-bottom: 30px;
}
.mainCont .postArticle-ttl {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .postArticle-ttl {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .postArticle-ttl {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .postArticle-ttl {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .postArticle-ttl span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .postArticle-ttl._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .postArticle-ttl._addIcn ._ja {
width: 88%;
}
}
.mainCont .postArticle-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainCont .postArticle-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .postArticle-ttl ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .postArticle-ttl ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .postArticle-ttl ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .postArticle-ttl ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .postArticle-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .postArticle-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .postArticle-ttl ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .postArticle-ttl ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .postArticle-ttl ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .postArticle-ttl ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .postArticle-ttl ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .postArticle-ttl ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .postArticle-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .postArticle-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .postArticle-ttl ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .postArticle-ttl ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .postArticle-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .postArticle-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .postArticle-ttl ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .postArticle-ttl ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .postArticle-ttl ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .postArticle-ttl ._icn {
right: 1rem;
}
}
.mainCont .postArticle-ttl ._icn:hover, .mainCont .postArticle-ttl ._icn:active {
opacity: 0.85;
}
.mainCont .postArticle-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .postArticle-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .postArticle-ttl ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .postArticle-ttl ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .postArticle-ttl ._btn:visited {
color: #1d3994;
}
.mainCont .postArticle-ttl ._btn:hover, .mainCont .postArticle-ttl ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .postArticle-ttl::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .postArticle-ttl::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(71, 82, 106, 0.8) 0%, rgba(255, 159, 55, 0.25) 80%);
background-image: linear-gradient(120deg, rgba(71, 82, 106, 0.8) 0%, rgba(255, 159, 55, 0.25) 80%);
z-index: -10;
}
.mainCont .postArticle-ttl ._en {
line-height: 1.4;
}
@media screen and (max-width: 768px) {
.mainCont .postArticle-ttl ._en {
font-size: 24px;
font-size: 2.4rem;
font-size: calc(0.6vw * 2.4);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .postArticle-ttl ._en {
font-size: calc(1.8vw * 2.4);
}
}
.mainCont .postArticle-ttl._cJyo {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .postArticle-ttl._cJyo {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .postArticle-ttl._cJyo {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .postArticle-ttl._cJyo {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .postArticle-ttl._cJyo span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .postArticle-ttl._cJyo._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .postArticle-ttl._cJyo._addIcn ._ja {
width: 88%;
}
}
.mainCont .postArticle-ttl._cJyo ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainCont .postArticle-ttl._cJyo ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .postArticle-ttl._cJyo ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .postArticle-ttl._cJyo ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .postArticle-ttl._cJyo ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .postArticle-ttl._cJyo ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .postArticle-ttl._cJyo ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .postArticle-ttl._cJyo ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .postArticle-ttl._cJyo ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .postArticle-ttl._cJyo ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .postArticle-ttl._cJyo ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .postArticle-ttl._cJyo ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .postArticle-ttl._cJyo ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .postArticle-ttl._cJyo ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .postArticle-ttl._cJyo ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .postArticle-ttl._cJyo ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .postArticle-ttl._cJyo ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .postArticle-ttl._cJyo ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .postArticle-ttl._cJyo ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .postArticle-ttl._cJyo ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .postArticle-ttl._cJyo ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .postArticle-ttl._cJyo ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .postArticle-ttl._cJyo ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .postArticle-ttl._cJyo ._icn {
right: 1rem;
}
}
.mainCont .postArticle-ttl._cJyo ._icn:hover, .mainCont .postArticle-ttl._cJyo ._icn:active {
opacity: 0.85;
}
.mainCont .postArticle-ttl._cJyo ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .postArticle-ttl._cJyo ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .postArticle-ttl._cJyo ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .postArticle-ttl._cJyo ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .postArticle-ttl._cJyo ._btn:visited {
color: #1d3994;
}
.mainCont .postArticle-ttl._cJyo ._btn:hover, .mainCont .postArticle-ttl._cJyo ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .postArticle-ttl._cJyo::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .postArticle-ttl._cJyo::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(255, 136, 130, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
background-image: linear-gradient(120deg, rgba(255, 136, 130, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
z-index: -10;
}
.mainCont .postArticle-ttl._cKid {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .postArticle-ttl._cKid {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .postArticle-ttl._cKid {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .postArticle-ttl._cKid {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .postArticle-ttl._cKid span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .postArticle-ttl._cKid._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .postArticle-ttl._cKid._addIcn ._ja {
width: 88%;
}
}
.mainCont .postArticle-ttl._cKid ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainCont .postArticle-ttl._cKid ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .postArticle-ttl._cKid ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .postArticle-ttl._cKid ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .postArticle-ttl._cKid ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .postArticle-ttl._cKid ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .postArticle-ttl._cKid ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .postArticle-ttl._cKid ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .postArticle-ttl._cKid ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .postArticle-ttl._cKid ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .postArticle-ttl._cKid ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .postArticle-ttl._cKid ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .postArticle-ttl._cKid ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .postArticle-ttl._cKid ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .postArticle-ttl._cKid ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .postArticle-ttl._cKid ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .postArticle-ttl._cKid ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .postArticle-ttl._cKid ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .postArticle-ttl._cKid ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .postArticle-ttl._cKid ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .postArticle-ttl._cKid ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .postArticle-ttl._cKid ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .postArticle-ttl._cKid ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .postArticle-ttl._cKid ._icn {
right: 1rem;
}
}
.mainCont .postArticle-ttl._cKid ._icn:hover, .mainCont .postArticle-ttl._cKid ._icn:active {
opacity: 0.85;
}
.mainCont .postArticle-ttl._cKid ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .postArticle-ttl._cKid ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .postArticle-ttl._cKid ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .postArticle-ttl._cKid ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .postArticle-ttl._cKid ._btn:visited {
color: #1d3994;
}
.mainCont .postArticle-ttl._cKid ._btn:hover, .mainCont .postArticle-ttl._cKid ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .postArticle-ttl._cKid::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .postArticle-ttl._cKid::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(245, 178, 38, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
background-image: linear-gradient(120deg, rgba(245, 178, 38, 0.8) 0%, rgba(234, 227, 209, 0.4) 80%);
z-index: -10;
}
.mainCont .postArticle-img {
margin: 0 0 2.5% 2.5%;
float: right;
width: 30%;
}
@media screen and (max-width: 768px) {
.mainCont .postArticle-img {
margin: 0 auto 5%;
float: none;
width: 70%;
}
}
.mainCont .postArticle-content p {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0 0 2.4rem;
line-height: 1.8;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
}
@media screen and (max-width: 768px) {
.mainCont .postArticle-content p {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .postArticle-content p {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .postArticle-content p {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .postArticle-content p:last-of-type {
font-size: calc(10px * 1.2);
font-size: calc(1rem * 1.2);
}
@media screen and (max-width: 768px) {
.mainCont .postArticle-content p:last-of-type {
font-size: calc(10px * 1.2);
font-size: calc(0.7rem * 1.2);
}
}
@media screen and (max-width: 768px) {
.mainCont .postArticle-content p:last-of-type {
font-size: 14px;
font-size: 1.4rem;
font-size: calc(0.6vw * 1.4);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .postArticle-content p:last-of-type {
font-size: calc(1.8vw * 1.4);
}
}
.mainCont .postArticle-content p strong {
font-weight: bold;
}
.mainCont .postArticle-content p a {
word-wrap: break-word !important;
}
.mainCont .pnLink {
margin: 4rem auto 0;
padding: 4rem 0 0;
border-top: 1px solid #e5e5e5;
box-sizing: border-box;
width: 100%;
}
.mainCont .pnLink::after {
content: "";
clear: both;
display: block;
}
@media screen and (max-width: 768px) {
.mainCont .pnLink {
margin: 2rem auto;
padding: 2rem 0 4rem;
width: 100%;
}
}
.mainCont .pnLink .pnLink-previous a,
.mainCont .pnLink .pnLink-next a {
font-size: calc(10px * 1.2);
font-size: calc(1rem * 1.2);
padding: 8px 16px;
display: block;
line-height: 1.4;
color: #000;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
letter-spacing: 2px;
text-transform: uppercase;
transition: 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .pnLink .pnLink-previous a,
.mainCont .pnLink .pnLink-next a {
font-size: calc(10px * 1.2);
font-size: calc(0.7rem * 1.2);
}
}
@media screen and (max-width: 768px) {
.mainCont .pnLink .pnLink-previous a,
.mainCont .pnLink .pnLink-next a {
font-size: 16px;
font-size: 1.6rem;
font-size: calc(0.6vw * 1.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .pnLink .pnLink-previous a,
.mainCont .pnLink .pnLink-next a {
font-size: calc(1.8vw * 1.6);
}
}
.mainCont .pnLink .pnLink-previous a:hover, .mainCont .pnLink .pnLink-previous a:active,
.mainCont .pnLink .pnLink-next a:hover,
.mainCont .pnLink .pnLink-next a:active {
color: #AFAFAF;
}
.mainCont .pnLink .pnLink-previous {
float: left;
width: 50%;
text-align: right;
}
.mainCont .pnLink .pnLink-next {
float: right;
width: 50%;
text-align: left;
}
.mainCont .companyCont {
margin-bottom: 100px;
}
.mainCont .contactCont {
margin-bottom: 100px;
}
.mainCont .contactCont-ttl {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainCont .contactCont-ttl {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .contactCont-ttl {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .contactCont-ttl {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .contactCont-ttl span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainCont .contactCont-ttl._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainCont .contactCont-ttl._addIcn ._ja {
width: 88%;
}
}
.mainCont .contactCont-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainCont .contactCont-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .contactCont-ttl ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .contactCont-ttl ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainCont .contactCont-ttl ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .contactCont-ttl ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainCont .contactCont-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .contactCont-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .contactCont-ttl ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .contactCont-ttl ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .contactCont-ttl ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainCont .contactCont-ttl ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont .contactCont-ttl ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .contactCont-ttl ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainCont .contactCont-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainCont .contactCont-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .contactCont-ttl ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .contactCont-ttl ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainCont .contactCont-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont .contactCont-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .contactCont-ttl ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .contactCont-ttl ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont .contactCont-ttl ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainCont .contactCont-ttl ._icn {
right: 1rem;
}
}
.mainCont .contactCont-ttl ._icn:hover, .mainCont .contactCont-ttl ._icn:active {
opacity: 0.85;
}
.mainCont .contactCont-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainCont .contactCont-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .contactCont-ttl ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .contactCont-ttl ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainCont .contactCont-ttl ._btn:visited {
color: #1d3994;
}
.mainCont .contactCont-ttl ._btn:hover, .mainCont .contactCont-ttl ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainCont .contactCont-ttl::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainCont .contactCont-ttl::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(71, 82, 106, 0.8) 0%, rgba(63, 149, 255, 0.1) 80%);
background-image: linear-gradient(120deg, rgba(71, 82, 106, 0.8) 0%, rgba(63, 149, 255, 0.1) 80%);
z-index: -10;
}
.mainCont .contactCont-ttl._noMg {
margin-bottom: 10px;
}
.mainCont #form_area {
padding: 0 2rem 2rem;
background: #fafafa;
}
@media screen and (max-width: 768px) {
.mainCont #form_area {
margin-left: -5.555%;
width: calc(111.111% - 4rem);
}
}
.mainCont #form_area dl {
padding-top: 15px;
display: table;
width: 100%;
}
.mainCont #form_area dl dt,
.mainCont #form_area dl dd {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
}
@media screen and (max-width: 768px) {
.mainCont #form_area dl dt,
.mainCont #form_area dl dd {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont #form_area dl dt,
.mainCont #form_area dl dd {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont #form_area dl dt,
.mainCont #form_area dl dd {
font-size: calc(1.8vw * 2);
}
}
.mainCont #form_area dl dt {
margin: 0;
padding: 2%;
display: table-cell;
line-height: 1.6;
width: 40%;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
vertical-align: top;
}
@media screen and (max-width: 768px) {
.mainCont #form_area dl dt {
padding: 2% 2% 0;
display: block;
width: 96%;
}
}
.mainCont #form_area dl dt .essential {
font-size: calc(10px * 1.2);
font-size: calc(1rem * 1.2);
padding: 0 0.35em;
background: #aa0000;
font-weight: normal;
color: #fff;
vertical-align: text-bottom;
}
@media screen and (max-width: 768px) {
.mainCont #form_area dl dt .essential {
font-size: calc(10px * 1.2);
font-size: calc(0.7rem * 1.2);
}
}
@media screen and (max-width: 768px) {
.mainCont #form_area dl dt .essential {
font-size: 16px;
font-size: 1.6rem;
font-size: calc(0.6vw * 1.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont #form_area dl dt .essential {
font-size: calc(1.8vw * 1.6);
}
}
.mainCont #form_area dl dt .optional {
font-size: calc(10px * 1.2);
font-size: calc(1rem * 1.2);
padding: 0 0.35em;
background: #47526a;
font-weight: normal;
color: #fff;
vertical-align: text-bottom;
}
@media screen and (max-width: 768px) {
.mainCont #form_area dl dt .optional {
font-size: calc(10px * 1.2);
font-size: calc(0.7rem * 1.2);
}
}
@media screen and (max-width: 768px) {
.mainCont #form_area dl dt .optional {
font-size: 16px;
font-size: 1.6rem;
font-size: calc(0.6vw * 1.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont #form_area dl dt .optional {
font-size: calc(1.8vw * 1.6);
}
}
.mainCont #form_area dl dt .en {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainCont #form_area dl dt .en {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont #form_area dl dt .en {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont #form_area dl dt .en {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont #form_area dl dd {
margin: 0;
padding: 2%;
display: table-cell;
width: 60%;
vertical-align: top;
}
@media screen and (max-width: 768px) {
.mainCont #form_area dl dd {
display: block;
width: 96%;
}
}
.mainCont #form_area dl dd input,
.mainCont #form_area dl dd textarea {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
margin: 0 auto;
padding: 1% 2%;
-webkit-border-radius: 5px 5px;
-moz-border-radius: 5px 5px;
border: 1px solid #ccc;
border-radius: 5px 5px;
width: 85%;
background: #fff;
line-height: 1.6;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
@media screen and (max-width: 768px) {
.mainCont #form_area dl dd input,
.mainCont #form_area dl dd textarea {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont #form_area dl dd input,
.mainCont #form_area dl dd textarea {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont #form_area dl dd input,
.mainCont #form_area dl dd textarea {
font-size: calc(1.8vw * 2);
}
}
.mainCont #form_area dl dd input::placeholder,
.mainCont #form_area dl dd textarea::placeholder {
color: #bbb;
}
.mainCont #form_area dl dd .caution {
font-size: calc(10px * 1.2);
font-size: calc(1rem * 1.2);
}
@media screen and (max-width: 768px) {
.mainCont #form_area dl dd .caution {
font-size: calc(10px * 1.2);
font-size: calc(0.7rem * 1.2);
}
}
@media screen and (max-width: 768px) {
.mainCont #form_area dl dd .caution {
font-size: 16px;
font-size: 1.6rem;
font-size: calc(0.6vw * 1.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont #form_area dl dd .caution {
font-size: calc(1.8vw * 1.6);
}
}
.mainCont #form_area dl dd .wpcf7-not-valid-tip {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
color: #aa0000;
}
@media screen and (max-width: 768px) {
.mainCont #form_area dl dd .wpcf7-not-valid-tip {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont #form_area dl dd .wpcf7-not-valid-tip {
font-size: 16px;
font-size: 1.6rem;
font-size: calc(0.6vw * 1.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont #form_area dl dd .wpcf7-not-valid-tip {
font-size: calc(1.8vw * 1.6);
}
}
.mainCont #form_area dl .wpcf7-list-item {
margin: 0;
padding: 0;
display: inline;
}
.mainCont #form_area dl .wpcf7-list-item input {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
}
@media screen and (max-width: 768px) {
.mainCont #form_area dl .wpcf7-list-item input {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont #form_area dl .wpcf7-list-item input {
font-size: 16px;
font-size: 1.6rem;
font-size: calc(0.6vw * 1.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont #form_area dl .wpcf7-list-item input {
font-size: calc(1.8vw * 1.6);
}
}
.mainCont #form_area dl .wpcf7-list-item .wpcf7-list-item-label {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
}
@media screen and (max-width: 768px) {
.mainCont #form_area dl .wpcf7-list-item .wpcf7-list-item-label {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont #form_area dl .wpcf7-list-item .wpcf7-list-item-label {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont #form_area dl .wpcf7-list-item .wpcf7-list-item-label {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont #form_area dl.checkbox dd label {
margin: 0;
padding: 0;
display: inline-block;
line-height: 1.6;
width: 25%;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
}
.mainCont #form_area dl.checkbox dd input {
width: auto;
}
.mainCont #form_area dl.checkbox dd .wpcf7-form-control-wrap .wpcf7-form-control {
display: block;
width: 100%;
font-size: 0;
}
.mainCont #form_area dl.checkbox dd .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item {
display: inline-block;
width: 50%;
vertical-align: top;
}
.mainCont #form_area dl.checkbox dd .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item label {
width: 100%;
}
.mainCont #form_area dl.checkbox dd .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item label input {
vertical-align: middle;
}
.mainCont #form_area dl.checkbox dd .wpcf7-form-control-wrap .wpcf7-form-control .wpcf7-list-item label .wpcf7-list-item-label {
vertical-align: middle;
}
.mainCont #form_area dl.checkbox.type2 dd p {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin-bottom: 0.5em;
width: 100%;
}
@media screen and (max-width: 768px) {
.mainCont #form_area dl.checkbox.type2 dd p {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont #form_area dl.checkbox.type2 dd p {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont #form_area dl.checkbox.type2 dd p {
font-size: calc(1.8vw * 1.8);
}
}
.mainCont #form_area dl.child {
padding-top: 0;
}
@media screen and (max-width: 768px) {
.mainCont #form_area dl.child {
padding-top: 8px;
}
}
.mainCont #form_area dl.child dt {
width: 30%;
}
@media screen and (max-width: 768px) {
.mainCont #form_area dl.child dt {
width: 96%;
}
}
.mainCont #form_area dl.child dd {
width: 70%;
}
@media screen and (max-width: 768px) {
.mainCont #form_area dl.child dd {
width: 96%;
}
}
@media screen and (max-width: 768px) {
.mainCont #form_area dl.child:first-of-type {
padding-top: 8px;
}
}
.mainCont #form_area dl.child:first-of-type dt,
.mainCont #form_area dl.child:first-of-type dd {
padding-top: 0;
}
@media screen and (max-width: 768px) {
.mainCont #form_area dl.child:last-of-type {
padding-bottom: 30px;
}
}
.mainCont #form_area p.confirm {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 1.5rem 0;
text-align: center;
}
@media screen and (max-width: 768px) {
.mainCont #form_area p.confirm {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont #form_area p.confirm {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont #form_area p.confirm {
font-size: calc(1.8vw * 1.8);
}
}
@media screen and (max-width: 768px) {
.mainCont #form_area p.confirm .wpcf7-list-item {
width: 2rem;
}
}
.mainCont #form_area p input[type=text] ::-webkit-input-placeholder {
color: #ddd;
}
.mainCont #form_area p input[type=text] :-ms-input-placeholder {
color: #ddd !important;
}
.mainCont #form_area p input[type=text] ::-moz-placeholder {
color: #ddd;
opacity: 1;
}
.mainCont #form_area p input[type=text] ::placeholder {
color: #ddd;
opacity: 1;
}
.mainCont #form_area p input[type=text] :focus::-webkit-input-placeholder {
color: transparent;
}
.mainCont #form_area p input[type=text] :focus:-ms-input-placeholder {
color: transparent;
}
.mainCont #form_area p input[type=text] :focus::-moz-placeholder {
color: transparent;
}
.mainCont #form_area p input[type=text] :focus::placeholder {
color: transparent;
}
.mainCont #form_area p input[type=submit] {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
margin: 20px auto 0;
border: 2px solid #1d3994;
box-sizing: border-box;
border-radius: 0;
display: block;
width: 40%;
}
@media screen and (max-width: 768px) {
.mainCont #form_area p input[type=submit] {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainCont #form_area p input[type=submit] {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
width: 70%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont #form_area p input[type=submit] {
font-size: calc(1.8vw * 2);
}
}
.mainCont #form_area p input[type=submit]:hover, .mainCont #form_area p input[type=submit]:active {
border: 2px solid #bd413b;
color: #bd413b;
}
.mainCont #form_area p.explain {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0 auto;
padding: 0.5em 0;
border-top: 1px dashed #ccc;
border-bottom: 1px dashed #ccc;
box-sizing: border-box;
width: 96%;
}
@media screen and (max-width: 768px) {
.mainCont #form_area p.explain {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont #form_area p.explain {
font-size: 16px;
font-size: 1.6rem;
font-size: calc(0.6vw * 1.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont #form_area p.explain {
font-size: calc(1.8vw * 1.6);
}
}
.mainCont #form_area p.explain a:hover, .mainCont #form_area p.explain a:active {
text-decoration: underline;
}
.mainCont .wpcf7 form.invalid .wpcf7-response-output,
.mainCont .wpcf7 form.unaccepted .wpcf7-response-output {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
padding: 1.5rem;
border: 2px solid #aa0000;
box-sizing: border-box;
line-height: 1.6;
color: #aa0000;
}
@media screen and (max-width: 768px) {
.mainCont .wpcf7 form.invalid .wpcf7-response-output,
.mainCont .wpcf7 form.unaccepted .wpcf7-response-output {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainCont .wpcf7 form.invalid .wpcf7-response-output,
.mainCont .wpcf7 form.unaccepted .wpcf7-response-output {
font-size: 16px;
font-size: 1.6rem;
font-size: calc(0.6vw * 1.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainCont .wpcf7 form.invalid .wpcf7-response-output,
.mainCont .wpcf7 form.unaccepted .wpcf7-response-output {
font-size: calc(1.8vw * 1.6);
}
}
.mainCont__bnr {
margin: 20px auto 40px;
width: 100%;
}
@media screen and (max-width: 768px) {
.mainCont__bnr {
margin: 6vw auto;
}
}
.mainCont__bnr-link {
display: block;
}
.mainCont__bnr-link img {
width: 100%;
height: auto;
transition: 0.25s;
}
.mainCont__bnr-link:hover img, .mainCont__bnr-link:active img {
opacity: 0.9;
}
.mainSideCont {
margin: 0 auto;
padding: 40px 0;
position: relative;
clear: both;
width: 100%;
max-width: 1040px;
}
.mainSideCont::after {
content: "";
clear: both;
display: block;
}
@media screen and (max-width: 768px) {
.mainSideCont {
padding-bottom: 0;
width: 90%;
}
}
.mainSideCont-appeal {
margin: 0 auto 80px;
}
@media screen and (max-width: 768px) {
.mainSideCont-appeal {
margin-top: -20px;
margin-bottom: 60px;
margin-left: -5.555%;
width: 111.111%;
}
}
.mainSideCont-appeal-ttl {
font-size: calc(10px * 2.6);
font-size: calc(1rem * 2.6);
margin: 0;
padding: 0 0 0.4em;
position: relative;
line-height: 1.8;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainSideCont-appeal-ttl {
font-size: calc(10px * 2.6);
font-size: calc(0.7rem * 2.6);
}
}
@media screen and (max-width: 768px) {
.mainSideCont-appeal-ttl {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
padding-bottom: 0.2em;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainSideCont-appeal-ttl {
font-size: calc(1.8vw * 3.2);
}
}
.mainSideCont-appeal-ttl strong {
background: linear-gradient(transparent 60%, #FFF100 60%);
}
.mainSideCont-appeal-ttl::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 50px;
height: 3px;
background: #000;
}
@media screen and (max-width: 768px) {
.mainSideCont-appeal-ttl::after {
width: 40px;
height: 2px;
}
}
.mainSideCont-appeal-wire {
margin: 0 auto;
position: relative;
width: 100%;
}
.mainSideCont-appeal-wire::before {
content: "";
padding-top: 26.7272727273%;
position: absolute;
top: 35px;
left: 0;
width: 4%;
background-image: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/img/index/icn_strength.png);
background-repeat: no-repeat;
background-size: 100%;
background-position: left top;
}
@media screen and (max-width: 768px) {
.mainSideCont-appeal-wire::before {
padding-top: 40.2739726027%;
top: 10px;
width: 6.0273972603%;
}
}
.mainSideCont-appeal-frame {
margin: 0 auto;
position: relative;
width: 78.3653846154%;
}
@media screen and (max-width: 768px) {
.mainSideCont-appeal-frame {
margin: 0 0 0 auto;
width: 87.6712328767%;
}
}
.mainSideCont-appeal-point.point01, .mainSideCont-appeal-point.point02 {
margin: 0 20px 50px 0;
position: relative;
width: 46.6257668712%;
background: #fff;
z-index: 1;
}
@media screen and (max-width: 768px) {
.mainSideCont-appeal-point.point01, .mainSideCont-appeal-point.point02 {
margin: 0 15px calc(5vw + 15px) 0;
width: calc(50% - 15px);
}
}
.mainSideCont-appeal-point.point01::before, .mainSideCont-appeal-point.point02::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 45px;
height: 20px;
background-repeat: no-repeat;
background-size: cover;
background-position: left top;
}
@media screen and (max-width: 768px) {
.mainSideCont-appeal-point.point01::before, .mainSideCont-appeal-point.point02::before {
width: 31.5px;
height: 14px;
}
}
.mainSideCont-appeal-point.point01::after, .mainSideCont-appeal-point.point02::after {
content: "";
position: absolute;
right: -20px;
bottom: -20px;
width: 100%;
height: 100%;
z-index: -1;
}
@media screen and (max-width: 768px) {
.mainSideCont-appeal-point.point01::after, .mainSideCont-appeal-point.point02::after {
right: -5%;
bottom: -5%;
}
}
.mainSideCont-appeal-point.point01 .mainSideCont-appeal-point-ttl, .mainSideCont-appeal-point.point02 .mainSideCont-appeal-point-ttl {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
padding: 200px 0 40px;
border-bottom-right-radius: 10px;
box-sizing: border-box;
line-height: 1.3;
width: 100%;
background: #fff;
font-weight: bold;
text-align: center;
}
@media screen and (max-width: 768px) {
.mainSideCont-appeal-point.point01 .mainSideCont-appeal-point-ttl, .mainSideCont-appeal-point.point02 .mainSideCont-appeal-point-ttl {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainSideCont-appeal-point.point01 .mainSideCont-appeal-point-ttl, .mainSideCont-appeal-point.point02 .mainSideCont-appeal-point-ttl {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
padding: 28vw 0 10px;
min-height: 13em;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainSideCont-appeal-point.point01 .mainSideCont-appeal-point-ttl, .mainSideCont-appeal-point.point02 .mainSideCont-appeal-point-ttl {
font-size: calc(1.8vw * 2);
}
}
.mainSideCont-appeal-point.point01 .mainSideCont-appeal-point-ttl::before, .mainSideCont-appeal-point.point02 .mainSideCont-appeal-point-ttl::before {
content: "";
margin-left: -75px;
position: absolute;
left: 50%;
top: 30px;
width: 150px;
height: 150px;
background-repeat: no-repeat;
background-size: contain;
background-position: left top;
}
@media screen and (max-width: 768px) {
.mainSideCont-appeal-point.point01 .mainSideCont-appeal-point-ttl::before, .mainSideCont-appeal-point.point02 .mainSideCont-appeal-point-ttl::before {
margin-left: -30%;
top: 8%;
width: 60%;
height: 60%;
}
}
.mainSideCont-appeal-point.point01 {
float: left;
}
.mainSideCont-appeal-point.point01::before {
background-image: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/img/index/item_apeal01.png);
}
.mainSideCont-appeal-point.point01::after {
background: #fbedba;
}
.mainSideCont-appeal-point.point01 .mainSideCont-appeal-point-ttl {
border: 4px solid #ffd744;
}
@media screen and (max-width: 768px) {
.mainSideCont-appeal-point.point01 .mainSideCont-appeal-point-ttl {
border: 2px solid #ffd744;
}
}
.mainSideCont-appeal-point.point01 .mainSideCont-appeal-point-ttl::before {
background-image: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/img/index/icn_apeal01.png);
}
.mainSideCont-appeal-point.point02 {
float: right;
}
.mainSideCont-appeal-point.point02::before {
background-image: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/img/index/item_apeal02.png);
}
.mainSideCont-appeal-point.point02::after {
background: #a9e9de;
}
.mainSideCont-appeal-point.point02 .mainSideCont-appeal-point-ttl {
border: 4px solid #94e4d6;
}
@media screen and (max-width: 768px) {
.mainSideCont-appeal-point.point02 .mainSideCont-appeal-point-ttl {
border: 2px solid #94e4d6;
}
}
.mainSideCont-appeal-point.point02 .mainSideCont-appeal-point-ttl::before {
background-image: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/img/index/icn_apeal02.png);
}
.mainSideCont-appeal-point.point03, .mainSideCont-appeal-point.point04, .mainSideCont-appeal-point.point05 {
margin: 0 0 20px;
position: relative;
width: 100%;
}
@media screen and (max-width: 768px) {
.mainSideCont-appeal-point.point03, .mainSideCont-appeal-point.point04, .mainSideCont-appeal-point.point05 {
margin-left: -14.0625%;
width: 114.0625%;
}
}
.mainSideCont-appeal-point.point03::before, .mainSideCont-appeal-point.point04::before, .mainSideCont-appeal-point.point05::before {
content: "";
padding-top: 22px;
position: absolute;
top: -10px;
left: 0;
width: 60px;
background-repeat: no-repeat;
background-size: cover;
background-position: left top;
z-index: 1;
}
@media screen and (max-width: 768px) {
.mainSideCont-appeal-point.point03::before, .mainSideCont-appeal-point.point04::before, .mainSideCont-appeal-point.point05::before {
padding-top: 15.4px;
width: 42px;
}
}
.mainSideCont-appeal-point.point03 .mainSideCont-appeal-point-ttl, .mainSideCont-appeal-point.point04 .mainSideCont-appeal-point-ttl, .mainSideCont-appeal-point.point05 .mainSideCont-appeal-point-ttl {
font-size: calc(10px * 2);
font-size: calc(1rem * 2);
margin: 10px 0 20px 15px;
padding: 50px 10px 50px 170px;
line-height: 1.4;
position: relative;
width: calc(100% - 15px - 10px - 170px);
background: #f3f3f3;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainSideCont-appeal-point.point03 .mainSideCont-appeal-point-ttl, .mainSideCont-appeal-point.point04 .mainSideCont-appeal-point-ttl, .mainSideCont-appeal-point.point05 .mainSideCont-appeal-point-ttl {
font-size: calc(10px * 2);
font-size: calc(0.7rem * 2);
}
}
@media screen and (max-width: 768px) {
.mainSideCont-appeal-point.point03 .mainSideCont-appeal-point-ttl, .mainSideCont-appeal-point.point04 .mainSideCont-appeal-point-ttl, .mainSideCont-appeal-point.point05 .mainSideCont-appeal-point-ttl {
margin-bottom: 2.5vw;
padding: 5vw 10px 5vw 25vw;
width: calc(100% - 10px - 25vw - 15px);
}
}
.mainSideCont-appeal-point.point03 .mainSideCont-appeal-point-ttl::before, .mainSideCont-appeal-point.point04 .mainSideCont-appeal-point-ttl::before, .mainSideCont-appeal-point.point05 .mainSideCont-appeal-point-ttl::before {
content: "";
position: absolute;
margin-top: -40px;
top: 50%;
left: 40px;
width: 100px;
height: 80px;
background-repeat: no-repeat;
background-size: cover;
background-position: top left;
}
@media screen and (max-width: 768px) {
.mainSideCont-appeal-point.point03 .mainSideCont-appeal-point-ttl::before, .mainSideCont-appeal-point.point04 .mainSideCont-appeal-point-ttl::before, .mainSideCont-appeal-point.point05 .mainSideCont-appeal-point-ttl::before {
margin-top: -28px;
left: 10px;
width: 70px;
height: 56px;
}
}
.mainSideCont-appeal-point.point03 {
clear: both;
}
.mainSideCont-appeal-point.point03::before {
background-image: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/img/index/item_apeal03.png);
}
.mainSideCont-appeal-point.point03 .mainSideCont-appeal-point-ttl::before {
background-image: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/img/index/icn_apeal03.png);
}
.mainSideCont-appeal-point.point04::before {
background-image: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/img/index/item_apeal04.png);
}
.mainSideCont-appeal-point.point04 .mainSideCont-appeal-point-ttl::before {
background-image: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/img/index/icn_apeal04.png);
}
.mainSideCont-appeal-point.point05 {
margin-bottom: 0;
}
.mainSideCont-appeal-point.point05::before {
background-image: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/img/index/item_apeal05.png);
}
.mainSideCont-appeal-point.point05 .mainSideCont-appeal-point-ttl::before {
background-image: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/img/index/icn_apeal05.png);
}
.mainSideCont-main {
float: left;
width: 72.5%;
}
@media screen and (max-width: 768px) {
.mainSideCont-main {
margin-bottom: 80px;
float: none;
width: 100%;
}
}
.mainSideCont-main._manual .postArticle-ttl {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 10px 0 calc(3rem + 10px);
padding: 2.25rem 2rem;
position: relative;
line-height: 1;
color: #47526a;
width: calc(100% - 4rem);
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainSideCont-main._manual .postArticle-ttl {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainSideCont-main._manual .postArticle-ttl {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
margin-bottom: calc(2rem + 10px);
margin-left: -5.555%;
padding: 1.6rem 10px;
width: calc(111.111% - 20px);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainSideCont-main._manual .postArticle-ttl {
font-size: calc(1.8vw * 3.2);
}
}
.mainSideCont-main._manual .postArticle-ttl span {
padding-right: 20px;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
width: calc(100% - 20px);
}
@media screen and (max-width: 768px) {
.mainSideCont-main._manual .postArticle-ttl._addIcn ._en {
width: 88%;
}
}
@media screen and (max-width: 768px) {
.mainSideCont-main._manual .postArticle-ttl._addIcn ._ja {
width: 88%;
}
}
.mainSideCont-main._manual .postArticle-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 1rem;
display: block;
line-height: 1.2;
color: #47526a;
}
@media screen and (max-width: 768px) {
.mainSideCont-main._manual .postArticle-ttl ._en {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainSideCont-main._manual .postArticle-ttl ._en {
font-size: 28px;
font-size: 2.8rem;
font-size: calc(0.6vw * 2.8);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainSideCont-main._manual .postArticle-ttl ._en {
font-size: calc(1.8vw * 2.8);
}
}
@media screen and (max-width: 768px) {
.mainSideCont-main._manual .postArticle-ttl ._en._fs {
font-size: 26px;
font-size: 2.6rem;
font-size: calc(0.6vw * 2.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainSideCont-main._manual .postArticle-ttl ._en._fs {
font-size: calc(1.8vw * 2.6);
}
}
.mainSideCont-main._manual .postArticle-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainSideCont-main._manual .postArticle-ttl ._en ._date {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainSideCont-main._manual .postArticle-ttl ._en ._date {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainSideCont-main._manual .postArticle-ttl ._en ._date {
font-size: calc(1.8vw * 1.8);
}
}
.mainSideCont-main._manual .postArticle-ttl ._ja {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
display: block;
color: #47526a;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainSideCont-main._manual .postArticle-ttl ._ja {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.mainSideCont-main._manual .postArticle-ttl ._ja {
font-size: 22px;
font-size: 2.2rem;
font-size: calc(0.6vw * 2.2);
padding-right: 0;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainSideCont-main._manual .postArticle-ttl ._ja {
font-size: calc(1.8vw * 2.2);
}
}
.mainSideCont-main._manual .postArticle-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainSideCont-main._manual .postArticle-ttl ._ja._txt {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.mainSideCont-main._manual .postArticle-ttl ._ja._txt {
font-size: 32px;
font-size: 3.2rem;
font-size: calc(0.6vw * 3.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainSideCont-main._manual .postArticle-ttl ._ja._txt {
font-size: calc(1.8vw * 3.2);
}
}
.mainSideCont-main._manual .postArticle-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: block;
color: #47526a;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.mainSideCont-main._manual .postArticle-ttl ._time {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainSideCont-main._manual .postArticle-ttl ._time {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainSideCont-main._manual .postArticle-ttl ._time {
font-size: calc(1.8vw * 1.8);
}
}
.mainSideCont-main._manual .postArticle-ttl ._icn {
margin-top: -25px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
width: 40px;
height: 51px;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.mainSideCont-main._manual .postArticle-ttl ._icn {
right: 1rem;
}
}
.mainSideCont-main._manual .postArticle-ttl ._icn:hover, .mainSideCont-main._manual .postArticle-ttl ._icn:active {
opacity: 0.85;
}
.mainSideCont-main._manual .postArticle-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1rem 1.6rem;
border: 1px solid #1d3994;
box-sizing: border-box;
border-radius: 8px;
display: block;
position: absolute;
top: 50%;
right: 2rem;
line-height: 1.4;
color: #1d3994;
width: auto;
height: auto;
text-align: center;
box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.15);
letter-spacing: 0;
transition: all ease 0.25s;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
.mainSideCont-main._manual .postArticle-ttl ._btn {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainSideCont-main._manual .postArticle-ttl ._btn {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
right: 0;
width: auto;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainSideCont-main._manual .postArticle-ttl ._btn {
font-size: calc(1.8vw * 1.2);
}
}
.mainSideCont-main._manual .postArticle-ttl ._btn:visited {
color: #1d3994;
}
.mainSideCont-main._manual .postArticle-ttl ._btn:hover, .mainSideCont-main._manual .postArticle-ttl ._btn:active {
border: 1px solid #bd413b;
color: #fff;
background: #bd413b;
}
.mainSideCont-main._manual .postArticle-ttl::before {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: repeating-linear-gradient(-45deg, #fff, #fff 7px, transparent 0, transparent 14px);
z-index: -1;
}
.mainSideCont-main._manual .postArticle-ttl::after {
content: "";
position: absolute;
top: -10px;
left: 0;
width: 100%;
height: calc(100% + 20px);
background-image: -webkit-linear-gradient(120deg, rgba(255, 136, 130, 0.8) 0%, rgba(245, 178, 38, 0.15) 80%);
background-image: linear-gradient(120deg, rgba(255, 136, 130, 0.8) 0%, rgba(245, 178, 38, 0.15) 80%);
z-index: -10;
}
.mainSideCont-main._manual .postArticle-ttl ._en {
font-size: calc(10px * 2);
font-size: calc(1rem * 2);
line-height: 1.4;
}
@media screen and (max-width: 768px) {
.mainSideCont-main._manual .postArticle-ttl ._en {
font-size: calc(10px * 2);
font-size: calc(0.7rem * 2);
}
}
@media screen and (max-width: 768px) {
.mainSideCont-main._manual .postArticle-ttl ._en {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainSideCont-main._manual .postArticle-ttl ._en {
font-size: calc(1.8vw * 2);
}
}
.mainSideCont-main._manual .postArticle-ttl ._en._noMgb {
margin-bottom: 0;
}
.mainSideCont-main._manual .postArticle-img {
margin: 0 auto 40px;
float: none;
width: 100%;
}
@media screen and (max-width: 768px) {
.mainSideCont-main._manual .postArticle-img {
margin-bottom: 20px;
}
}
.mainSideCont-main._manual .postArticle-content h2 {
font-size: calc(10px * 1.8);
font-size: calc(1rem * 1.8);
margin: 0 auto 20px !important;
padding: 0.75em 1em;
color: #fff;
background: #FF8882;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainSideCont-main._manual .postArticle-content h2 {
font-size: calc(10px * 1.8);
font-size: calc(0.7rem * 1.8);
}
}
@media screen and (max-width: 768px) {
.mainSideCont-main._manual .postArticle-content h2 {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainSideCont-main._manual .postArticle-content h2 {
font-size: calc(1.8vw * 2);
}
}
.mainSideCont-main._manual .postArticle-content h2 strong {
font-weight: bold;
}
.mainSideCont-main._manual .postArticle-content p {
margin-bottom: 3.6rem;
line-height: 2.25;
}
.mainSideCont-main._manual .postArticle-content p:last-of-type {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
}
@media screen and (max-width: 768px) {
.mainSideCont-main._manual .postArticle-content p:last-of-type {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainSideCont-main._manual .postArticle-content p:last-of-type {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainSideCont-main._manual .postArticle-content p:last-of-type {
font-size: calc(1.8vw * 1.8);
}
}
.mainSideCont-main._manual .postArticle-content ul {
margin: 0 auto 3.6rem;
padding: 2em;
border: 4px solid #e5e5e5;
background: transparent;
}
@media screen and (max-width: 768px) {
.mainSideCont-main._manual .postArticle-content ul {
padding: 2em;
border: none;
background: #f9f9f9;
}
}
.mainSideCont-main._manual .postArticle-content ul li {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
padding-left: 1.4em;
line-height: 2.25;
list-style: inside;
text-indent: -1.4em;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.mainSideCont-main._manual .postArticle-content ul li {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainSideCont-main._manual .postArticle-content ul li {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainSideCont-main._manual .postArticle-content ul li {
font-size: calc(1.8vw * 1.8);
}
}
.mainSideCont-main._manual .postArticle-content ul.movies {
padding: 50px 20px 10px;
position: relative;
font-size: 0;
}
@media screen and (max-width: 768px) {
.mainSideCont-main._manual .postArticle-content ul.movies {
padding: 40px 0 0;
border: none;
background: transparent;
}
}
.mainSideCont-main._manual .postArticle-content ul.movies::before {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
content: "おすすめ作品";
padding: 0.5rem 1rem;
display: inline-block;
position: absolute;
top: 0;
left: 0;
line-height: 1.6;
color: #fff;
background: #3f95ff;
}
@media screen and (max-width: 768px) {
.mainSideCont-main._manual .postArticle-content ul.movies::before {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainSideCont-main._manual .postArticle-content ul.movies::before {
font-size: 16px;
font-size: 1.6rem;
font-size: calc(0.6vw * 1.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainSideCont-main._manual .postArticle-content ul.movies::before {
font-size: calc(1.8vw * 1.6);
}
}
.mainSideCont-main._manual .postArticle-content ul.movies li {
margin: 0 10px 10px 0;
padding: 0;
display: inline-block;
line-height: 1.4;
width: calc((100% - 30px) / 4);
list-style: none;
vertical-align: top;
}
@media screen and (max-width: 768px) {
.mainSideCont-main._manual .postArticle-content ul.movies li {
width: calc((100% - 10px) / 2);
}
}
.mainSideCont-main._manual .postArticle-content ul.movies li:nth-of-type(4n) {
margin-right: 0;
}
@media screen and (max-width: 768px) {
.mainSideCont-main._manual .postArticle-content ul.movies li:nth-of-type(2n) {
margin-right: 0;
}
}
.mainSideCont-main._manual .postArticle-content ul.movies li strong {
font-size: calc(10px * 1.2);
font-size: calc(1rem * 1.2);
margin: 10px 0 0;
padding: 0;
display: block;
line-height: 1.4;
text-indent: 0;
}
@media screen and (max-width: 768px) {
.mainSideCont-main._manual .postArticle-content ul.movies li strong {
font-size: calc(10px * 1.2);
font-size: calc(0.7rem * 1.2);
}
}
@media screen and (max-width: 768px) {
.mainSideCont-main._manual .postArticle-content ul.movies li strong {
font-size: 16px;
font-size: 1.6rem;
font-size: calc(0.6vw * 1.6);
margin-top: 5px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainSideCont-main._manual .postArticle-content ul.movies li strong {
font-size: calc(1.8vw * 1.6);
}
}
.mainSideCont-main._manual .postArticle-content ul.movies li img {
display: block;
width: 100% !important;
height: auto;
}
.mainSideCont-main._manual .related_post .related_post_container li {
margin: 0 1% 20px 0;
width: 32.3333333333%;
}
@media screen and (max-width: 768px) {
.mainSideCont-main._manual .related_post .related_post_container li {
width: 49%;
}
}
.mainSideCont-main._manual .related_post .related_post_container li a .related_thumb img {
height: auto;
}
@media screen and (max-width: 768px) {
.mainSideCont-main._manual .related_post .related_post_container li a .related_thumb img {
height: auto;
}
}
.mainSideCont-main._jtRecommend .postArticle-ttl {
margin: 0 0 40px;
padding: 2rem;
border-left: 6px solid #FF8882;
box-sizing: border-box;
background: rgba(255, 136, 130, 0.05);
}
@media screen and (max-width: 768px) {
.mainSideCont-main._jtRecommend .postArticle-ttl {
padding: 1.5rem 1rem;
border-left: 4px solid #FF8882;
}
}
.mainSideCont-main._jtRecommend .postArticle-ttl::before, .mainSideCont-main._jtRecommend .postArticle-ttl::after {
display: none;
}
.mainSideCont-main._jtRecommend .postArticle-ttl ._en {
margin-bottom: 0;
}
.mainSideCont-main._jtRecommend .postArticle-ttl cite {
color: #000;
text-align: left;
}
.mainSideCont-main._jtRecommend .postArticle-img {
margin: 0 auto 40px;
width: 70%;
float: none;
max-width: 300px;
}
.mainSideCont-main._jtRecommend .postArticle-content p,
.mainSideCont-main._jtRecommend .postArticle-content div {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin-bottom: 3.6rem;
line-height: 2.2;
}
@media screen and (max-width: 768px) {
.mainSideCont-main._jtRecommend .postArticle-content p,
.mainSideCont-main._jtRecommend .postArticle-content div {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainSideCont-main._jtRecommend .postArticle-content p,
.mainSideCont-main._jtRecommend .postArticle-content div {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainSideCont-main._jtRecommend .postArticle-content p,
.mainSideCont-main._jtRecommend .postArticle-content div {
font-size: calc(1.8vw * 2);
}
}
.mainSideCont-main._jtRecommend .postArticle-content .meta {
line-height: 1.6;
}
.mainSideCont-main._jtRecommend .postArticle-content .story {
padding-top: 4.25rem;
border-bottom: 1px solid #ddd;
box-sizing: border-box;
position: relative;
}
.mainSideCont-main._jtRecommend .postArticle-content .story::before {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
content: "ストーリー";
padding: 0.5rem 1rem;
display: inline-block;
position: absolute;
top: 0;
left: 0;
line-height: 1.6;
color: #fff;
background: #3f95ff;
}
@media screen and (max-width: 768px) {
.mainSideCont-main._jtRecommend .postArticle-content .story::before {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainSideCont-main._jtRecommend .postArticle-content .story::before {
font-size: 16px;
font-size: 1.6rem;
font-size: calc(0.6vw * 1.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainSideCont-main._jtRecommend .postArticle-content .story::before {
font-size: calc(1.8vw * 1.6);
}
}
.mainSideCont-main._jtRecommend .postArticle-content .copy {
font-size: calc(10px * 1.2);
font-size: calc(1rem * 1.2);
line-height: 1.2;
}
@media screen and (max-width: 768px) {
.mainSideCont-main._jtRecommend .postArticle-content .copy {
font-size: calc(10px * 1.2);
font-size: calc(0.7rem * 1.2);
}
}
@media screen and (max-width: 768px) {
.mainSideCont-main._jtRecommend .postArticle-content .copy {
font-size: 14px;
font-size: 1.4rem;
font-size: calc(0.6vw * 1.4);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainSideCont-main._jtRecommend .postArticle-content .copy {
font-size: calc(1.8vw * 1.4);
}
}
.mainSideCont-main._jtRecommend .postArticle-content .wp-block-columns {
margin-bottom: 3.6rem;
position: relative;
width: 100%;
}
.mainSideCont-main._jtRecommend .postArticle-content .wp-block-columns::before {
content: "";
border: 1px solid #e5e5e5;
border-radius: 60px;
position: absolute;
left: 0;
top: 0;
width: 60px;
height: 60px;
background-image: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/img/icn_jt.png);
background-repeat: no-repeat;
background-size: 100%;
background-position: left top;
}
@media screen and (max-width: 768px) {
.mainSideCont-main._jtRecommend .postArticle-content .wp-block-columns::before {
width: 80px;
height: 80px;
}
}
.mainSideCont-main._jtRecommend .postArticle-content .wp-block-columns .wp-block-column {
margin: 0 0 0 80px;
padding: 2rem 2.5rem;
position: relative;
border: solid 2px #3f95ff;
border-radius: 8px;
box-sizing: border-box;
background-color: #fff;
}
@media screen and (max-width: 768px) {
.mainSideCont-main._jtRecommend .postArticle-content .wp-block-columns .wp-block-column {
margin: 100px 0 0 0;
}
}
.mainSideCont-main._jtRecommend .postArticle-content .wp-block-columns .wp-block-column::before {
content: "";
position: absolute;
top: 30px;
display: block;
width: 0px;
height: 0px;
border-style: solid;
margin-top: -13px;
left: -13px;
border-width: 13px 13px 13px 0;
border-color: transparent #3f95ff transparent transparent;
}
@media screen and (max-width: 768px) {
.mainSideCont-main._jtRecommend .postArticle-content .wp-block-columns .wp-block-column::before {
top: -13px;
left: 24px;
border-right: 13px solid transparent;
border-bottom: 13px solid #3f95ff;
border-left: 13px solid transparent;
}
}
.mainSideCont-main._jtRecommend .postArticle-content .wp-block-columns .wp-block-column::after {
content: "";
position: absolute;
top: 30px;
left: -10px;
margin-top: -10px;
display: block;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 10px 0;
border-color: transparent #f9f9f9 transparent transparent;
left: -10px;
border-width: 10px 10px 10px 0;
border-color: transparent #fff transparent transparent;
}
@media screen and (max-width: 768px) {
.mainSideCont-main._jtRecommend .postArticle-content .wp-block-columns .wp-block-column::after {
top: -10px;
left: 27px;
border-right: 10px solid transparent;
border-bottom: 10px solid #fff;
border-left: 10px solid transparent;
}
}
.mainSideCont-main._jtRecommend .postArticle-content .wp-block-columns .wp-block-column p {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
}
@media screen and (max-width: 768px) {
.mainSideCont-main._jtRecommend .postArticle-content .wp-block-columns .wp-block-column p {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainSideCont-main._jtRecommend .postArticle-content .wp-block-columns .wp-block-column p {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainSideCont-main._jtRecommend .postArticle-content .wp-block-columns .wp-block-column p {
font-size: calc(1.8vw * 1.8);
}
}
.mainSideCont-main._jtRecommend .postArticle-content .wp-block-columns .wp-block-column p:last-of-type {
margin-bottom: 0;
}
.mainSideCont-main._jtRecommend .author {
margin: 3.6rem 0;
padding: 3.6rem;
border: none;
border-radius: 16px;
word-wrap: break-word;
background: #f5f5f5;
letter-spacing: 0.05rem;
line-height: 1.6;
width: calc(100% - 7.2rem);
word-break: break-all;
}
@media screen and (max-width: 768px) {
.mainSideCont-main._jtRecommend .author {
padding: 2.4rem;
border-radius: 8px;
width: calc(100% - 4.8rem);
}
}
.mainSideCont-main._jtRecommend .author dl {
font-size: 0;
}
.mainSideCont-main._jtRecommend .author dl dt {
margin: 0 40px 0 0;
display: inline-block;
width: 100px;
height: 100px;
vertical-align: middle;
}
@media screen and (max-width: 768px) {
.mainSideCont-main._jtRecommend .author dl dt {
margin-right: 20px;
width: 80px;
height: 80px;
}
}
.mainSideCont-main._jtRecommend .author dl dt img {
border-radius: 100px;
box-sizing: border-box;
}
@media screen and (max-width: 768px) {
.mainSideCont-main._jtRecommend .author dl dt img {
border-radius: 80px;
}
}
.mainSideCont-main._jtRecommend .author dl dd {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
display: inline-block;
font-weight: bold;
width: calc(100% - 100px - 42px);
font-family: "ヒラギノ丸ゴ Pro W6", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
text-align: left;
vertical-align: middle;
}
@media screen and (max-width: 768px) {
.mainSideCont-main._jtRecommend .author dl dd {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainSideCont-main._jtRecommend .author dl dd {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
width: calc(100% - 80px - 22px);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainSideCont-main._jtRecommend .author dl dd {
font-size: calc(1.8vw * 1.8);
}
}
.mainSideCont-main._jtRecommend .author p {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 1.8rem 0 0;
font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
}
@media screen and (max-width: 768px) {
.mainSideCont-main._jtRecommend .author p {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainSideCont-main._jtRecommend .author p {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainSideCont-main._jtRecommend .author p {
font-size: calc(1.8vw * 1.8);
}
}
.mainSideCont-side {
float: right;
width: 22.5%;
}
@media screen and (max-width: 768px) {
.mainSideCont-side {
display: none;
margin: 0 auto;
float: none;
width: 75%;
}
}
.mainOnlyCont {
margin: 0 auto;
padding: 40px 0;
position: relative;
clear: both;
width: 100%;
max-width: 1040px;
}
@media screen and (max-width: 768px) {
.mainOnlyCont {
padding-bottom: 0;
width: 90%;
}
}
.mainOnlyCont._pt0 {
padding-top: 0;
}
h2.cmnH2 {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-bottom: 15px;
padding: 10px 15px;
border-bottom: 1px solid #3f95ff;
font-weight: normal;
}
@media screen and (max-width: 768px) {
h2.cmnH2 {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
#main_menu ul li {
margin: 0 0.5%;
float: left;
width: 24%;
background: #fff;
text-align: center;
}
#main_menu ul li dl {
padding: 0;
border: 1px solid #eee;
list-style: none;
}
#main_menu ul li dl dt {
display: block;
line-height: 0;
}
#main_menu ul li dl dd {
margin: 0;
padding: 0;
line-height: normal;
zoom: 1;
}
#main_menu ul li dl dd a {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
padding: 5px 10px;
display: block;
width: calc(100% - 20px);
text-align: left;
}
@media screen and (max-width: 768px) {
#main_menu ul li dl dd a {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
.asideCont {
margin: 0 0 4rem;
padding: 0;
box-sizing: border-box;
width: 100%;
background: transparent;
}
.asideCont-wire {
margin: 0 auto;
width: 100%;
}
.asideCont-ttl {
font-size: calc(10px * 1.8);
font-size: calc(1rem * 1.8);
margin: 0 0 2rem;
padding: 0 0 1rem;
display: block;
position: relative;
overflow: hidden;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
letter-spacing: 0.5px;
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin-bottom: 0;
padding: 1.5rem;
color: #fff;
background: #3f95ff;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.asideCont-ttl {
font-size: calc(10px * 1.8);
font-size: calc(0.7rem * 1.8);
}
}
.asideCont-ttl::before {
content: "";
border-bottom: 1px solid #9eb5ba;
border-color: #3f95ff;
position: absolute;
bottom: 0;
width: 100%;
}
.asideCont-ttl::after {
content: "";
position: absolute;
bottom: 0;
width: 100%;
border-bottom: 1px solid #e5e5e5;
}
@media screen and (max-width: 768px) {
.asideCont-ttl {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.asideCont-ttl {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.asideCont-ttl {
font-size: calc(1.8vw * 2);
}
}
.asideCont-ttl::before {
border-bottom: 4px solid #F5B226;
left: 0;
width: 30%;
}
.asideCont-ttl::after {
border-bottom: 4px solid #e5e5e5;
left: 30%;
width: 70%;
}
.asideCont-ttl._recent {
padding: 1.5rem;
color: #FFC537;
background: #47526a;
}
.asideCont-ttl._recent::before, .asideCont-ttl._recent::after {
display: none;
}
.asideCont-ttl._ranking {
padding: 1.5rem;
border: 1px solid #59b5b4;
box-sizing: border-box;
position: relative;
color: #59b5b4;
background: transparent;
text-align: center;
overflow: visible;
}
.asideCont-ttl._ranking::before, .asideCont-ttl._ranking::after {
display: none;
}
.asideCont-ttl._ranking::before {
content: "";
border: 1px solid #59b5b4;
box-sizing: border-box;
display: block;
position: absolute;
top: -5px;
left: -5px;
width: calc(100% + 2px);
height: calc(100% + 2px);
}
.asideCont-cat {
margin: 0;
}
.asideCont-cat li a {
position: relative;
font-size: calc(10px * 1.2);
font-size: calc(1rem * 1.2);
padding: 1.5rem 2rem 1.5rem calc(2rem + 10px);
border: 1px solid rgba(63, 149, 255, 0.5);
border-bottom: none;
box-sizing: border-box;
display: block;
line-height: 1.4;
color: #3f95ff;
background: transparent;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
text-align: left;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}
.asideCont-cat li a::after {
content: "";
margin-top: -4px;
border-top: 1px solid #3f95ff;
border-right: 1px solid #3f95ff;
position: absolute;
top: 50%;
left: 10px;
width: 8px;
height: 8px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.asideCont-cat li a {
font-size: calc(10px * 1.2);
font-size: calc(0.7rem * 1.2);
}
}
@media screen and (max-width: 768px) {
.asideCont-cat li a {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.asideCont-cat li a {
font-size: calc(1.8vw * 1.8);
}
}
.asideCont-cat li a::after {
margin-top: -6px;
border-top: 2px solid #F5B226;
border-right: 2px solid #F5B226;
left: 5px;
transition: 0.25s;
}
.asideCont-cat li a:hover, .asideCont-cat li a:active {
color: #F5B226;
background: #47526a;
}
.asideCont-cat li a:hover::after, .asideCont-cat li a:active::after {
border-top: 2px solid #000;
border-right: 2px solid #000;
left: 10px;
}
.asideCont-cat li:last-of-type a {
border-bottom: 1px solid rgba(63, 149, 255, 0.5);
}
.asideCont-cat-list a {
font-size: calc(10px * 1.2);
font-size: calc(1rem * 1.2);
padding: 1.5rem 2rem;
border-bottom: 2px dotted #ddd;
box-sizing: border-box;
display: block;
line-height: 1.4;
color: #000;
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
text-align: left;
}
@media screen and (max-width: 768px) {
.asideCont-cat-list a {
font-size: calc(10px * 1.2);
font-size: calc(0.7rem * 1.2);
}
}
@media screen and (max-width: 768px) {
.asideCont-cat-list a {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.asideCont-cat-list a {
font-size: calc(1.8vw * 1.8);
}
}
.asideCont-cat-list a ._newIcon {
font-size: calc(10px * 1.2);
font-size: calc(1rem * 1.2);
margin: 0 0.25rem 0 0;
padding: 0 0.25rem;
line-height: 1.4;
background: #ffe200;
color: #000;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.asideCont-cat-list a ._newIcon {
font-size: calc(10px * 1.2);
font-size: calc(0.7rem * 1.2);
}
}
.asideCont-cat-list a ._date {
color: #777;
}
.accordion-header {
font-size: calc(10px * 1.2);
font-size: calc(1rem * 1.2);
padding: 1.5rem 2rem 1.5rem calc(2rem + 10px);
border: 1px solid rgba(63, 149, 255, 0.5);
border-bottom: none;
box-sizing: border-box;
display: block;
position: relative;
line-height: 1.4;
color: #3f95ff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
text-align: left;
cursor: pointer;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width: 768px) {
.accordion-header {
font-size: calc(10px * 1.2);
font-size: calc(0.7rem * 1.2);
}
}
@media screen and (max-width: 768px) {
.accordion-header {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.accordion-header {
font-size: calc(1.8vw * 1.8);
}
}
.accordion-header::before {
content: "";
display: block;
position: absolute;
top: -2px;
left: 6px;
bottom: 0;
right: auto;
margin: auto;
width: 14px;
height: 2px;
background-color: #F5B226;
transition: 0.2s;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
}
@media screen and (max-width: 768px) {
.accordion-header::before {
width: 12px;
height: 1px;
}
}
.accordion-header::after {
content: "";
display: block;
position: absolute;
top: -2px;
left: 6px;
bottom: 0;
right: auto;
margin: auto;
width: 14px;
height: 2px;
background-color: #F5B226;
transition: 0.3s;
}
@media screen and (max-width: 768px) {
.accordion-header::after {
width: 12px;
height: 1px;
}
}
.accordion-header:hover, .accordion-header:active {
color: #F5B226;
background: #47526a;
}
@media screen and (max-width: 768px) {
.accordion-header:hover, .accordion-header:active {
background: #fff;
}
}
.accordion-header.is-active::before {
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
.accordion-header.is-active::after {
background-color: transparent;
}
.accordion-cont {
margin-bottom: 0;
display: none;
}
.accordion-cont .accordion-cont-list a {
padding: 1.5rem 2rem 1.5rem 4rem;
background: rgba(63, 149, 255, 0.06);
}
.accordion-cont .accordion-cont-list a::after {
left: 10px;
}
.accordion-cont .accordion-cont-list a:hover::after, .accordion-cont .accordion-cont-list a:active::after {
left: 15px;
}
.asideCont-recent {
margin: 0;
}
.asideCont-recent li a {
font-size: calc(10px * 1.2);
font-size: calc(1rem * 1.2);
padding: 0.5rem;
border-bottom: 1px dashed #ccc;
box-sizing: border-box;
display: block;
line-height: 1.4;
color: #1d3994;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
text-align: left;
}
.asideCont-recent li a::after {
content: "";
clear: both;
display: block;
}
@media screen and (max-width: 768px) {
.asideCont-recent li a {
font-size: calc(10px * 1.2);
font-size: calc(0.7rem * 1.2);
}
}
@media screen and (max-width: 768px) {
.asideCont-recent li a {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.asideCont-recent li a {
font-size: calc(1.8vw * 1.8);
}
}
.asideCont-recent li a:hover, .asideCont-recent li a:active {
background: #fafafa;
}
.asideCont-ranking li {
position: relative;
}
.asideCont-ranking li::after {
content: "";
clear: both;
display: block;
}
.asideCont-ranking li a {
font-size: calc(10px * 1.2);
font-size: calc(1rem * 1.2);
padding: 0.5rem;
border-bottom: 1px dotted #eee;
box-sizing: border-box;
display: block;
line-height: 1.4;
color: #000;
position: relative;
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
text-align: left;
}
.asideCont-ranking li a::after {
content: "";
clear: both;
display: block;
}
@media screen and (max-width: 768px) {
.asideCont-ranking li a {
font-size: calc(10px * 1.2);
font-size: calc(0.7rem * 1.2);
}
}
@media screen and (max-width: 768px) {
.asideCont-ranking li a {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.asideCont-ranking li a {
font-size: calc(1.8vw * 1.8);
}
}
.asideCont-ranking li a ._img {
margin: 0 0.25rem 0 0;
float: left;
line-height: 0;
position: relative;
width: 25%;
font-size: 0;
}
.asideCont-ranking li a ._ttl {
padding: 30px 0 0 0;
position: relative;
}
.asideCont-ranking li a ._ttl::after {
content: "";
position: absolute;
top: -3px;
left: 27.5%;
width: 36px;
height: 25px;
background-image: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/img/common/icn_ranking1.png);
background-repeat: no-repeat;
background-size: cover;
background-position: left top;
}
.asideCont-ranking li a:hover, .asideCont-ranking li a:active {
color: #bd413b !important;
}
.asideCont-ranking li a:hover ._cat,
.asideCont-ranking li a:hover ._date, .asideCont-ranking li a:active ._cat,
.asideCont-ranking li a:active ._date {
color: #777;
}
.asideCont-ranking li a:visited {
color: #1d3994;
}
.asideCont-ranking li a:visited ._cat,
.asideCont-ranking li a:visited ._date {
color: #777;
}
.asideCont-ranking li:first-of-type a {
padding-top: 0.5rem;
}
.asideCont-ranking li:first-of-type a ._ttl::after {
background-image: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/img/common/icn_ranking1.png);
}
.asideCont-ranking li:nth-of-type(2) a ._ttl::after {
background-image: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/img/common/icn_ranking2.png);
}
.asideCont-ranking li:nth-of-type(3) a ._ttl::after {
background-image: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/img/common/icn_ranking3.png);
}
.asideCont-ranking li:nth-of-type(4) a ._ttl::after {
background-image: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/img/common/icn_ranking4.png);
}
.asideCont-ranking li:nth-of-type(5) a ._ttl::after {
background-image: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/img/common/icn_ranking5.png);
}
.asideCont-recent-list::after {
content: "";
clear: both;
display: block;
}
.asideCont-recent-list a {
font-size: calc(10px * 1.2);
font-size: calc(1rem * 1.2);
padding: 1.5rem 2rem;
border-bottom: 1px dotted #eee;
box-sizing: border-box;
display: block;
line-height: 1.4;
color: #000;
background: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
text-align: left;
}
@media screen and (max-width: 768px) {
.asideCont-recent-list a {
font-size: calc(10px * 1.2);
font-size: calc(0.7rem * 1.2);
}
}
@media screen and (max-width: 768px) {
.asideCont-recent-list a {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.asideCont-recent-list a {
font-size: calc(1.8vw * 1.8);
}
}
.asideCont-recent-list a ._newIcon {
font-size: calc(10px * 1.2);
font-size: calc(1rem * 1.2);
margin: 0 0.25rem 0 0;
padding: 0 0.25rem;
line-height: 1.4;
background: #ffe200;
color: #000;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.asideCont-recent-list a ._newIcon {
font-size: calc(10px * 1.2);
font-size: calc(0.7rem * 1.2);
}
}
.asideCont-recent-list a ._cat,
.asideCont-recent-list a ._date {
font-size: 10px;
font-size: 1rem;
color: #777;
display: block;
font-weight: normal;
}
@media screen and (max-width: 768px) {
.asideCont-recent-list a ._cat,
.asideCont-recent-list a ._date {
font-size: 10px;
font-size: 0.7rem;
}
}
@media screen and (max-width: 768px) {
.asideCont-recent-list a ._cat,
.asideCont-recent-list a ._date {
font-size: 12px;
font-size: 1.2rem;
font-size: calc(0.6vw * 1.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.asideCont-recent-list a ._cat,
.asideCont-recent-list a ._date {
font-size: calc(1.8vw * 1.2);
}
}
.asideCont-recent-list a ._img {
margin: 0 0.25rem 0 0;
float: left;
line-height: 0;
width: 20%;
font-size: 0;
}
.asideCont-recent-list a:hover, .asideCont-recent-list a:active {
color: #bd413b !important;
}
.asideCont-recent-list a:hover ._cat,
.asideCont-recent-list a:hover ._date, .asideCont-recent-list a:active ._cat,
.asideCont-recent-list a:active ._date {
color: #777;
}
.asideCont-recent-list a:visited {
color: #1d3994;
}
.asideCont-recent-list a:visited ._cat,
.asideCont-recent-list a:visited ._date {
color: #777;
}
.mainFirstView {
margin: 0;
position: relative;
width: 100%;
height: 200px;
}
@media screen and (max-width: 768px) {
.mainFirstView {
height: 160px;
}
}
.mainFirstView::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: repeating-linear-gradient(-45deg, #fff, #fff 2px, transparent 0, transparent 10px);
z-index: -1;
}
@media screen and (max-width: 768px) {
.mainFirstView::before {
background-image: repeating-linear-gradient(-45deg, #fff, #fff 1px, transparent 0, transparent 10px);
}
}
.mainFirstView::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: -webkit-linear-gradient(120deg, rgba(204, 204, 204, 0.15) 0%, rgba(204, 204, 204, 0.15) 100%);
background-image: linear-gradient(120deg, rgba(204, 204, 204, 0.15) 0%, rgba(204, 204, 204, 0.15) 100%);
z-index: -10;
}
.mainFirstView-wire {
margin: 0 auto;
display: table;
position: relative;
width: 100%;
max-width: 1040px;
height: 100%;
overflow: hidden;
}
.mainFirstView-wire::after {
content: "";
padding-top: 15%;
position: absolute;
right: 5%;
bottom: 0;
width: 15%;
background-image: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/img/common/icn_video.png);
background-repeat: no-repeat;
background-size: contain;
background-position: left top;
}
@media screen and (max-width: 768px) {
.mainFirstView-wire::after {
padding-top: 30%;
right: -12%;
bottom: -5%;
width: 30%;
}
}
.mainFirstView-ttl {
font-size: calc(10px * 3.6);
font-size: calc(1rem * 3.6);
padding: 0 2%;
display: table-cell;
color: #333;
width: 96%;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
text-align: left;
vertical-align: middle;
letter-spacing: 4px;
}
@media screen and (max-width: 768px) {
.mainFirstView-ttl {
font-size: calc(10px * 3.6);
font-size: calc(0.7rem * 3.6);
}
}
@media screen and (max-width: 768px) {
.mainFirstView-ttl {
font-size: 36px;
font-size: 3.6rem;
font-size: calc(0.6vw * 3.6);
padding: 0 5%;
width: 90%;
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainFirstView-ttl {
font-size: calc(1.8vw * 3.6);
}
}
.mainFirstView-ttl._ls0 {
letter-spacing: 0;
}
.mainFirstView-ttl._fsS {
font-size: calc(10px * 3);
font-size: calc(1rem * 3);
letter-spacing: 2px;
}
@media screen and (max-width: 768px) {
.mainFirstView-ttl._fsS {
font-size: calc(10px * 3);
font-size: calc(0.7rem * 3);
}
}
@media screen and (max-width: 768px) {
.mainFirstView-ttl._fsS {
font-size: calc(10px * 2.8);
font-size: calc(1rem * 2.8);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainFirstView-ttl._fsS {
font-size: calc(10px * 2.8);
font-size: calc(0.7rem * 2.8);
}
}
.mainFirstView-ttl-catch {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0.5rem 0 0 0;
padding: 0;
color: #333;
font-weight: normal;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.mainFirstView-ttl-catch {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainFirstView-ttl-catch {
letter-spacing: 1px;
}
}
.asideCont-archive li {
padding: 0;
list-style: none;
background: none;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
}
.asideCont-archive li .asideCont-archive-year {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
cursor: pointer;
}
@media screen and (max-width: 768px) {
.asideCont-archive li .asideCont-archive-year {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.asideCont-archive li .asideCont-archive-year {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.asideCont-archive li .asideCont-archive-year {
font-size: calc(1.8vw * 1.8);
}
}
.asideCont-archive li .asideCont-archive-year .asideCont-archive-icon {
margin-right: 5px;
display: inline-block;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
position: relative;
width: 15px;
height: 15px;
background: #3f95ff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
vertical-align: -2px;
}
.asideCont-archive li .asideCont-archive-year .asideCont-archive-icon::before {
content: "";
display: block;
position: absolute;
top: 7px;
left: 3px;
width: 9px;
height: 1px;
background: #fff;
}
.asideCont-archive li .asideCont-archive-year .asideCont-archive-icon::after {
content: "";
height: 9px;
width: 1px;
display: block;
background: #fff;
position: absolute;
top: 3px;
left: 7px;
}
.asideCont-archive li .asideCont-archive-year .asideCont-archive-icon.acv_open::after {
width: 0;
height: 0;
}
.asideCont-archive > li {
padding: 0.5em 0;
}
.asideCont-archive > li:nth-of-type(1) {
padding-top: 1em;
}
.asideCont-archive .asideCont-archive-child {
margin: 0.5em 0 0.5em 20px;
padding: 0;
}
.asideCont-archive .asideCont-archive-child li {
font-size: calc(10px * 1.2);
font-size: calc(1rem * 1.2);
margin: 0;
padding: 0.25em 0;
position: relative;
list-style: none;
background: none;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
}
@media screen and (max-width: 768px) {
.asideCont-archive .asideCont-archive-child li {
font-size: calc(10px * 1.2);
font-size: calc(0.7rem * 1.2);
}
}
@media screen and (max-width: 768px) {
.asideCont-archive .asideCont-archive-child li {
font-size: 16px;
font-size: 1.6rem;
font-size: calc(0.6vw * 1.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.asideCont-archive .asideCont-archive-child li {
font-size: calc(1.8vw * 1.6);
}
}
.asideCont-archive .asideCont-archive-child li::after {
display: none;
}
.asideCont-archive .asideCont-archive-child li a {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
}
@media screen and (max-width: 768px) {
.asideCont-archive .asideCont-archive-child li a {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.asideCont-archive .asideCont-archive-child li a {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.asideCont-archive .asideCont-archive-child li a {
font-size: calc(1.8vw * 1.8);
}
}
.asideCont-archive .asideCont-archive-child li a:hover, .asideCont-archive .asideCont-archive-child li a:active {
text-decoration: underline;
}
.asideCont-archive .asideCont-archive-child._hide {
display: none;
}
.bgvBgmFeature {
margin-top: -80px;
margin-bottom: 110px;
font-size: 0;
}
@media screen and (max-width: 768px) {
.bgvBgmFeature {
margin-left: -5.555%;
margin-bottom: 0;
width: 111.111%;
}
}
.bgvBgmFeature-ttl {
font-size: calc(10px * 3.6);
font-size: calc(1rem * 3.6);
padding: 20px 40px;
border-top: 8px solid #eee;
box-sizing: border-box;
line-height: 1.6;
color: #1f4e79;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
font-weight: bold;
letter-spacing: 2px;
}
@media screen and (max-width: 768px) {
.bgvBgmFeature-ttl {
font-size: calc(10px * 3.6);
font-size: calc(0.7rem * 3.6);
}
}
@media screen and (max-width: 768px) {
.bgvBgmFeature-ttl {
font-size: calc(10px * 3);
font-size: calc(1rem * 3);
padding: 10px 5%;
border-top: 6px solid #eee;
text-align: center;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.bgvBgmFeature-ttl {
font-size: calc(10px * 3);
font-size: calc(0.7rem * 3);
}
}
.bgvBgmFeature-soundScapes {
padding: 40px;
position: relative;
background: #1f4e79;
font-size: 0;
}
@media screen and (max-width: 768px) {
.bgvBgmFeature-soundScapes {
padding: 10% 5% 5%;
}
}
.bgvBgmFeature-soundScapes-icnTxt {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 10px 20px;
border: 1px solid #fff;
border-top: none;
border-right: none;
box-sizing: border-box;
line-height: 1.4;
position: absolute;
top: 0;
right: 0;
color: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
letter-spacing: 2px;
background: rgba(170, 179, 191, 0.5);
}
@media screen and (max-width: 768px) {
.bgvBgmFeature-soundScapes-icnTxt {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.bgvBgmFeature-soundScapes-icnTxt {
padding: 5px 15px;
}
}
.bgvBgmFeature-soundScapes-img {
display: inline-block;
width: 30%;
vertical-align: top;
}
@media screen and (max-width: 768px) {
.bgvBgmFeature-soundScapes-img {
vertical-align: middle;
}
}
.bgvBgmFeature-soundScapes-detail {
margin: 0 0 0 5%;
display: inline-block;
width: 65%;
vertical-align: top;
}
@media screen and (max-width: 768px) {
.bgvBgmFeature-soundScapes-detail {
vertical-align: middle;
}
}
.bgvBgmFeature-soundScapes-detail ._presents,
.bgvBgmFeature-soundScapes-detail ._ttl,
.bgvBgmFeature-soundScapes-detail ._meta,
.bgvBgmFeature-soundScapes-detail ._lead {
margin: 0;
color: #fff;
line-height: 1.4;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
letter-spacing: 2px;
}
.bgvBgmFeature-soundScapes-detail ._presents {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
}
@media screen and (max-width: 768px) {
.bgvBgmFeature-soundScapes-detail ._presents {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.bgvBgmFeature-soundScapes-detail ._presents {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.bgvBgmFeature-soundScapes-detail ._presents {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
.bgvBgmFeature-soundScapes-detail ._ttl {
font-size: calc(10px * 4.2);
font-size: calc(1rem * 4.2);
}
@media screen and (max-width: 768px) {
.bgvBgmFeature-soundScapes-detail ._ttl {
font-size: calc(10px * 4.2);
font-size: calc(0.7rem * 4.2);
}
}
@media screen and (max-width: 768px) {
.bgvBgmFeature-soundScapes-detail ._ttl {
font-size: calc(10px * 3.6);
font-size: calc(1rem * 3.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.bgvBgmFeature-soundScapes-detail ._ttl {
font-size: calc(10px * 3.6);
font-size: calc(0.7rem * 3.6);
}
}
.bgvBgmFeature-soundScapes-detail ._meta {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0 0 2em;
}
@media screen and (max-width: 768px) {
.bgvBgmFeature-soundScapes-detail ._meta {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.bgvBgmFeature-soundScapes-detail ._meta {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin-bottom: 1em;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.bgvBgmFeature-soundScapes-detail ._meta {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
.bgvBgmFeature-soundScapes-detail ._lead {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
letter-spacing: 4px;
}
@media screen and (max-width: 768px) {
.bgvBgmFeature-soundScapes-detail ._lead {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.bgvBgmFeature-soundScapes-detail ._lead {
font-size: calc(10px * 1.8);
font-size: calc(1rem * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.bgvBgmFeature-soundScapes-detail ._lead {
font-size: calc(10px * 1.8);
font-size: calc(0.7rem * 1.8);
}
}
.bgvBgmFeature-soundScapes-copy {
margin: 30px 0 0;
}
@media screen and (max-width: 768px) {
.bgvBgmFeature-soundScapes-copy {
margin-top: 15px;
}
}
.bgvBgmFeature-soundScapes-copy ._catch {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
padding-left: 1em;
color: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
text-indent: -1em;
}
@media screen and (max-width: 768px) {
.bgvBgmFeature-soundScapes-copy ._catch {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.bgvBgmFeature-soundScapes-copy ._catch {
font-size: calc(10px * 1.8);
font-size: calc(1rem * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.bgvBgmFeature-soundScapes-copy ._catch {
font-size: calc(10px * 1.8);
font-size: calc(0.7rem * 1.8);
}
}
.bgvBgmFeature-soundScapes-copy ._catch:last-of-type {
margin-bottom: 0;
}
.bgvBgmFeature-appeal {
margin: 30px 0;
}
@media screen and (max-width: 768px) {
.bgvBgmFeature-appeal {
margin: 0;
}
}
.bgvBgmFeature-appeal-txt {
font-size: calc(10px * 1.8);
font-size: calc(1rem * 1.8);
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
text-align: center;
}
@media screen and (max-width: 768px) {
.bgvBgmFeature-appeal-txt {
font-size: calc(10px * 1.8);
font-size: calc(0.7rem * 1.8);
}
}
@media screen and (max-width: 768px) {
.bgvBgmFeature-appeal-txt {
margin-top: 15px;
font-weight: bold;
}
}
.bgvBgmFeature-appeal-txt--small {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 10px 0 0;
display: block;
line-height: 1.4;
}
@media screen and (max-width: 768px) {
.bgvBgmFeature-appeal-txt--small {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.bgvBgmFeature-appeal-txt--small {
font-size: 1.12rem;
margin: 10px 0 20px;
}
}
.bgvBgmFeature-appeal-txt--small a {
transition: 0.25s;
}
.bgvBgmFeature-appeal-txt--small a:hover, .bgvBgmFeature-appeal-txt--small a:active {
text-decoration: underline;
}
.bgvBgmFeature-detail {
padding: 20px;
font-size: 0;
}
@media screen and (max-width: 768px) {
.bgvBgmFeature-detail {
padding: 2.5%;
display: inline-block;
width: 45%;
vertical-align: top;
}
}
.bgvBgmFeature-detail._hometime {
background: #f4b5c5;
}
.bgvBgmFeature-detail._cafetime {
background: #87372d;
}
.bgvBgmFeature-detail._chillpiano {
background: #b09bc9;
}
.bgvBgmFeature-detail._mg {
background: #9fc6ea;
}
.bgvBgmFeature-detail-img {
display: inline-block;
width: 20%;
vertical-align: top;
}
@media screen and (max-width: 768px) {
.bgvBgmFeature-detail-img {
margin: 0 auto 10px;
display: block;
width: 100%;
}
}
.bgvBgmFeature-detail-info {
margin: 0 2.5%;
display: inline-block;
width: 60%;
vertical-align: top;
}
@media screen and (max-width: 768px) {
.bgvBgmFeature-detail-info {
margin: 0 auto 10px;
display: block;
width: 100%;
}
}
.bgvBgmFeature-detail-info ._ttl,
.bgvBgmFeature-detail-info ._meta,
.bgvBgmFeature-detail-info ._txt {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0 0 0.25em;
line-height: 1.4;
color: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
}
@media screen and (max-width: 768px) {
.bgvBgmFeature-detail-info ._ttl,
.bgvBgmFeature-detail-info ._meta,
.bgvBgmFeature-detail-info ._txt {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.bgvBgmFeature-detail-info ._ttl,
.bgvBgmFeature-detail-info ._meta,
.bgvBgmFeature-detail-info ._txt {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.bgvBgmFeature-detail-info ._ttl,
.bgvBgmFeature-detail-info ._meta,
.bgvBgmFeature-detail-info ._txt {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
.bgvBgmFeature-detail-info ._ttl {
font-size: calc(10px * 2.2);
font-size: calc(1rem * 2.2);
font-weight: bold;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.bgvBgmFeature-detail-info ._ttl {
font-size: calc(10px * 2.2);
font-size: calc(0.7rem * 2.2);
}
}
@media screen and (max-width: 768px) {
.bgvBgmFeature-detail-info ._ttl {
font-size: calc(10px * 2.8);
font-size: calc(1rem * 2.8);
margin-bottom: 0.7em;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.bgvBgmFeature-detail-info ._ttl {
font-size: calc(10px * 2.8);
font-size: calc(0.7rem * 2.8);
}
}
.bgvBgmFeature-detail-info ._meta {
letter-spacing: 2px;
}
@media screen and (max-width: 768px) {
.bgvBgmFeature-detail-info ._meta {
font-size: calc(10px * 1.2);
font-size: calc(1rem * 1.2);
margin-bottom: 1em;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.bgvBgmFeature-detail-info ._meta {
font-size: calc(10px * 1.2);
font-size: calc(0.7rem * 1.2);
}
}
.bgvBgmFeature-detail-info ._txt {
margin-bottom: 0;
letter-spacing: 2px;
}
@media screen and (max-width: 768px) {
.bgvBgmFeature-detail-info ._txt {
font-size: calc(10px * 1.8);
font-size: calc(1rem * 1.8);
min-height: 7em;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.bgvBgmFeature-detail-info ._txt {
font-size: calc(10px * 1.8);
font-size: calc(0.7rem * 1.8);
}
}
.bgvBgmFeature-detail-qr {
display: inline-block;
width: 15%;
vertical-align: top;
}
@media screen and (max-width: 768px) {
.bgvBgmFeature-detail-qr {
margin: 0 auto 10px;
display: block;
width: 50%;
}
}
.bgvBgmFeature-detail-qr ._txt {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 5px 0 0;
color: #fff;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
text-align: center;
}
@media screen and (max-width: 768px) {
.bgvBgmFeature-detail-qr ._txt {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
.mainSlider {
margin: 0 auto;
width: 100%;
opacity: 0;
transition: 0.5s;
}
.mainSlider .slick-list {
padding: 0 !important;
}
.mainSlider .slick-list .slick-track {
padding: 0 !important;
}
.mainSlider.slick-initialized {
opacity: 1;
}
@media screen and (max-width: 768px) {
.mainSlider .slick-dots {
bottom: 25px;
}
}
.mainSlider .slick-dots li {
width: 10px;
height: 10px;
}
.mainSlider .slick-dots li button {
width: 10px;
height: 10px;
}
.mainSlider .slick-dots li button::before {
font-size: 0;
width: 10px;
height: 10px;
border-radius: 5px;
background: #47526a;
}
@media screen and (max-width: 768px) {
.mainSlider .slick-dots li button::before {
background: #fff;
}
}
.mainSlider .slick-arrow {
margin: 0 auto;
width: 40px;
height: 40px;
z-index: 10;
}
@media screen and (max-width: 768px) {
.mainSlider .slick-arrow {
top: auto;
bottom: 0;
width: 30px;
height: 30px;
}
}
.mainSlider .slick-arrow.slick-prev::before, .mainSlider .slick-arrow.slick-next::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.mainSlider .slick-arrow.slick-prev {
left: 5vw;
}
@media screen and (max-width: 768px) {
.mainSlider .slick-arrow.slick-prev {
left: 2.5vw;
}
}
.mainSlider .slick-arrow.slick-prev::before {
content: "";
background-image: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/img/index/icn_prev.png);
background-repeat: no-repeat;
background-size: 100%;
background-position: left top;
}
.mainSlider .slick-arrow.slick-next {
right: 5vw;
}
@media screen and (max-width: 768px) {
.mainSlider .slick-arrow.slick-next {
right: 2.5vw;
}
}
.mainSlider .slick-arrow.slick-next::before {
content: "";
background-image: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/img/index/icn_next.png);
background-repeat: no-repeat;
background-size: 100%;
background-position: left top;
}
.mainSlider-slide {
position: relative;
width: 1040px;
min-width: 1040px;
display: flow-root;
transition: 0.5s;
opacity: 0.5;
}
@media screen and (max-width: 768px) {
.mainSlider-slide {
width: auto;
min-width: fit-content;
}
}
.mainSlider-slide.slick-active {
transition: 0.5s;
opacity: 1;
}
.mainSlider-slide-link {
display: flex;
justify-content: center;
align-items: center;
position: relative;
}
@media screen and (max-width: 768px) {
.mainSlider-slide-link {
overflow: hidden;
max-width: 100vw;
}
}
.mainSlider-slide-link._contR {
justify-content: right;
align-items: center;
}
@media screen and (max-width: 768px) {
.mainSlider-slide-link._contR {
justify-content: right;
justify-content: flex-end;
}
}
.mainSlider-slide-link._contR .slide-cont {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
background: white;
}
.mainSlider-slide-link._contC {
justify-content: center;
align-items: center;
}
.mainSlider-slide-link._contC .slide-cont {
background: white;
}
.mainSlider-slide-link._contL {
justify-content: left;
align-items: center;
}
@media screen and (max-width: 768px) {
.mainSlider-slide-link._contL {
justify-content: left;
justify-content: flex-start;
}
}
.mainSlider-slide-link._contL .slide-cont {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
background: white;
}
.mainSlider-slide-link._contLspC {
justify-content: left;
align-items: center;
}
@media screen and (max-width: 768px) {
.mainSlider-slide-link._contLspC {
justify-content: center;
justify-content: center;
}
}
.mainSlider-slide-link._contLspC .slide-cont {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
background: white;
}
@media screen and (max-width: 768px) {
.mainSlider-slide-link._contLspC .slide-cont.slide-f {
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
}
}
@media screen and (max-width: 768px) {
.mainSlider-slide-link._opL img {
object-position: left;
}
}
@media screen and (max-width: 768px) {
.mainSlider-slide-link._opR img {
object-position: right;
}
}
.mainSlider-slide-link img {
width: 100%;
height: auto;
}
@media screen and (max-width: 768px) {
.mainSlider-slide-link img {
width: 100%;
height: auto;
object-fit: cover;
overflow: hidden;
}
}
.mainSlider-slide-link .slide-cont {
margin: 0 auto;
padding: 20px 4% 40px;
border-radius: 20px;
width: 23%;
background: rgba(0, 0, 0, 0.5);
position: absolute;
}
@media screen and (max-width: 768px) {
.mainSlider-slide-link .slide-cont {
width: calc(70vw - 4%);
}
}
.mainSlider-slide-link .slide-cont.slide-j {
margin: 0 auto;
padding: 16px 4%;
border-radius: 20px;
width: 23%;
background: rgba(0, 0, 0, 0.5);
position: absolute;
}
@media screen and (max-width: 768px) {
.mainSlider-slide-link .slide-cont.slide-j {
padding: 16px 5%;
width: calc(64vw - 10%);
}
}
.mainSlider-slide-link .slide-cont.slide-j .slide-cont-jCatch {
margin: 0 0 10px;
display: block;
}
.mainSlider-slide-link .slide-cont.slide-j .slide-cont-jCatch img {
width: 100%;
height: auto;
}
.mainSlider-slide-link .slide-cont.slide-j .slide-cont-jCopy {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 8px 0 0 -5.555%;
display: block;
line-height: 1.4;
color: #fff;
width: 111.111%;
font-weight: bold;
text-align: center;
letter-spacing: 1px;
white-space: nowrap;
}
@media screen and (max-width: 768px) {
.mainSlider-slide-link .slide-cont.slide-j .slide-cont-jCopy {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.mainSlider-slide-link .slide-cont.slide-j .slide-cont-jCopy {
font-size: 16px;
font-size: 1.6rem;
font-size: calc(0.6vw * 1.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainSlider-slide-link .slide-cont.slide-j .slide-cont-jCopy {
font-size: calc(1.8vw * 1.6);
}
}
.mainSlider-slide-link .slide-cont .slide-cont-catch {
font-size: calc(10px * 3);
font-size: calc(1rem * 3);
margin: 40px 0 20px;
padding: 20px 0;
display: flex;
justify-content: center;
align-items: center;
position: relative;
line-height: 1.4;
font-weight: bold;
text-align: center;
letter-spacing: 0;
white-space: nowrap;
}
@media screen and (max-width: 768px) {
.mainSlider-slide-link .slide-cont .slide-cont-catch {
font-size: calc(10px * 3);
font-size: calc(0.7rem * 3);
}
}
@media screen and (max-width: 768px) {
.mainSlider-slide-link .slide-cont .slide-cont-catch {
font-size: calc(10px * 4.2);
font-size: calc(1rem * 4.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainSlider-slide-link .slide-cont .slide-cont-catch {
font-size: calc(10px * 4.2);
font-size: calc(0.7rem * 4.2);
}
}
.mainSlider-slide-link .slide-cont .slide-cont-catch::before {
content: "";
padding-top: 12.0612%;
position: absolute;
top: -20px;
width: 63.48%;
background-image: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/img/index/slide_item_copy_b.png);
background-repeat: no-repeat;
background-size: 100%;
background-position: left top;
}
.mainSlider-slide-link .slide-cont .slide-cont-catch::after {
content: "";
padding-top: 4%;
position: absolute;
bottom: 0;
width: 100%;
background-image: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/img/index/slide_item_bwline.png);
background-repeat: no-repeat;
background-size: 100%;
background-position: left top;
}
.mainSlider-slide-link .slide-cont .slide-cont-copy {
font-size: calc(10px * 1.2);
font-size: calc(1rem * 1.2);
margin: 0;
display: block;
color: #000;
line-height: 1.4;
font-weight: bold;
text-align: left;
letter-spacing: 1px;
white-space: nowrap;
}
@media screen and (max-width: 768px) {
.mainSlider-slide-link .slide-cont .slide-cont-copy {
font-size: calc(10px * 1.2);
font-size: calc(0.7rem * 1.2);
}
}
@media screen and (max-width: 768px) {
.mainSlider-slide-link .slide-cont .slide-cont-copy {
font-size: 16px;
font-size: 1.6rem;
font-size: calc(0.6vw * 1.6);
padding: 0 5%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.mainSlider-slide-link .slide-cont .slide-cont-copy {
font-size: calc(1.8vw * 1.6);
}
}
.mainSlider-slide-link .slide-cont.slide-h .slide-cont-catch {
color: #387ddd;
}
.mainSlider-slide-link .slide-cont.slide-h .slide-cont-catch::before {
background-image: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/img/index/slide_item_copy_h.png);
}
.mainSlider-slide-link .slide-cont.slide-b .slide-cont-catch {
color: #59b5b4;
}
.mainSlider-slide-link .slide-cont.slide-k .slide-cont-catch {
color: #F5B226;
}
.mainSlider-slide-link .slide-cont.slide-k .slide-cont-catch::before {
background-image: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/img/index/slide_item_copy_k.png);
}
.mainSlider-slide-link .slide-cont.slide-g .slide-cont-catch {
color: #b74faf;
}
.mainSlider-slide-link .slide-cont.slide-g .slide-cont-catch::before {
background-image: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/img/index/slide_item_copy_g.png);
}
.mainSlider-slide-link .slide-cont.slide-o .slide-cont-catch {
color: #f8893e;
}
.mainSlider-slide-link .slide-cont.slide-o .slide-cont-catch::before {
background-image: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/img/index/slide_item_copy_o.png);
}
.mainSlider-slide-link .slide-cont.slide-f {
background: rgba(43, 68, 139, 0.05);
}
.mainSlider-slide-link .slide-cont.slide-f .slide-cont-catch {
color: #f8893e;
}
.mainSlider-slide-link .slide-cont.slide-f .slide-cont-catch::before {
background-image: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/img/index/slide_item_copy_f.png);
}
.mainSlider-slide-link .slide-cont.slide-f .slide-cont-catch {
color: #2b448b;
}
.related_post {
margin: 40px auto;
}
.related_post h3 {
font-size: calc(10px * 1.8);
font-size: calc(1rem * 1.8);
margin: 0 0 2rem;
padding: 0.25rem 0 0.25rem 1rem;
border-left: 6px solid #4f4c4a;
box-sizing: border-box;
line-height: 1.8;
color: #4f4c4a;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.related_post h3 {
font-size: calc(10px * 1.8);
font-size: calc(0.7rem * 1.8);
}
}
@media screen and (max-width: 768px) {
.related_post h3 {
font-size: calc(10px * 2);
font-size: calc(1rem * 2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.related_post h3 {
font-size: calc(10px * 2);
font-size: calc(0.7rem * 2);
}
}
.related_post .related_post_container {
margin: 0 auto 40px;
padding: 0;
border: none;
width: 100%;
font-size: 0;
}
.related_post .related_post_container li {
margin: 0 1% 20px 0;
padding: 0;
display: inline-block;
width: 15.6666666667%;
vertical-align: top;
font-size: 0;
}
@media screen and (max-width: 768px) {
.related_post .related_post_container li {
width: 32.3333333333%;
}
}
@media screen and (max-width: 768px) {
.related_post .related_post_container li:nth-of-type(3n) {
margin-right: 0;
}
}
.related_post .related_post_container li:nth-of-type(6n) {
margin-right: 0;
}
@media screen and (max-width: 768px) {
.related_post .related_post_container li:nth-of-type(6n) {
margin-right: 1%;
}
}
.related_post .related_post_container li a {
display: block;
width: 100%;
overflow: hidden;
}
.related_post .related_post_container li a .related_thumb {
margin: 0 0 0.5rem;
}
.related_post .related_post_container li a .related_thumb img {
width: 100%;
height: 170px;
object-fit: cover;
}
@media screen and (max-width: 768px) {
.related_post .related_post_container li a .related_thumb img {
height: auto;
}
}
.related_post .related_post_container li a .related_title {
font-size: calc(10px * 1.2);
font-size: calc(1rem * 1.2);
margin: 0;
padding: 0;
line-height: 1.2;
color: #1d3994;
font-weight: bold;
text-indent: 0;
}
@media screen and (max-width: 768px) {
.related_post .related_post_container li a .related_title {
font-size: calc(10px * 1.2);
font-size: calc(0.7rem * 1.2);
}
}
@media screen and (max-width: 768px) {
.related_post .related_post_container li a .related_title {
font-size: 14px;
font-size: 1.4rem;
font-size: calc(0.6vw * 1.4);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.related_post .related_post_container li a .related_title {
font-size: calc(1.8vw * 1.4);
}
}
.related_post .related_post_container li a:hover .related_title, .related_post .related_post_container li a:active .related_title {
text-decoration: underline;
}
.underlayMainVisual {
margin: 0;
position: relative;
width: 100%;
height: 100%;
}
.underlayMainVisual::before {
content: "";
position: absolute;
left: 0;
top: 0;
background-image: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/img/common/icn_mv_film.png);
background-repeat: repeat-x;
background-size: 11px 18px;
width: 100%;
height: 18px;
z-index: 10;
}
@media screen and (max-width: 768px) {
.underlayMainVisual::before {
background-size: 9px 15px;
height: 15px;
}
}
.underlayMainVisual._handlingtitle .underlayMainVisual-wire::before {
background-color: #387ddd;
}
.underlayMainVisual._handlingtitle .underlayMainVisual-area {
width: 60%;
}
@media screen and (max-width: 768px) {
.underlayMainVisual._handlingtitle .underlayMainVisual-area {
width: 90%;
}
}
.underlayMainVisual._handlingtitle .underlayMainVisual-ttl {
font-size: calc(10px * 4.8);
font-size: calc(1rem * 4.8);
letter-spacing: 0;
}
@media screen and (max-width: 768px) {
.underlayMainVisual._handlingtitle .underlayMainVisual-ttl {
font-size: calc(10px * 4.8);
font-size: calc(0.7rem * 4.8);
}
}
@media screen and (max-width: 768px) {
.underlayMainVisual._handlingtitle .underlayMainVisual-ttl {
font-size: 40px;
font-size: 4rem;
font-size: calc(0.6vw * 4);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.underlayMainVisual._handlingtitle .underlayMainVisual-ttl {
font-size: calc(1.8vw * 4);
}
}
.underlayMainVisual._handlingtitle._archive .underlayMainVisual-ttl {
letter-spacing: -2px;
}
.underlayMainVisual._handlingtitle._catalogArchive .underlayMainVisual-area {
width: 50%;
}
@media screen and (max-width: 768px) {
.underlayMainVisual._handlingtitle._catalogArchive .underlayMainVisual-area {
width: 75%;
}
}
.underlayMainVisual._vod .underlayMainVisual-ttl {
letter-spacing: 0;
}
.underlayMainVisual._jyoueikai .underlayMainVisual-wire::before {
background-color: #FF8882;
}
.underlayMainVisual._jyoueikai .underlayMainVisual-ttl {
font-size: calc(10px * 5.4);
font-size: calc(1rem * 5.4);
}
@media screen and (max-width: 768px) {
.underlayMainVisual._jyoueikai .underlayMainVisual-ttl {
font-size: calc(10px * 5.4);
font-size: calc(0.7rem * 5.4);
}
}
@media screen and (max-width: 768px) {
.underlayMainVisual._jyoueikai .underlayMainVisual-ttl {
font-size: 48px;
font-size: 4.8rem;
font-size: calc(0.6vw * 4.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.underlayMainVisual._jyoueikai .underlayMainVisual-ttl {
font-size: calc(1.8vw * 4.8);
}
}
.underlayMainVisual._jyoueikai._manual .underlayMainVisual-area {
width: 57.5%;
}
@media screen and (max-width: 768px) {
.underlayMainVisual._jyoueikai._manual .underlayMainVisual-area {
width: 90%;
}
}
.underlayMainVisual._jyoueikai._manual .underlayMainVisual-ttl {
font-size: calc(10px * 4.8);
font-size: calc(1rem * 4.8);
letter-spacing: -1px;
}
@media screen and (max-width: 768px) {
.underlayMainVisual._jyoueikai._manual .underlayMainVisual-ttl {
font-size: calc(10px * 4.8);
font-size: calc(0.7rem * 4.8);
}
}
@media screen and (max-width: 768px) {
.underlayMainVisual._jyoueikai._manual .underlayMainVisual-ttl {
font-size: 40px;
font-size: 4rem;
font-size: calc(0.6vw * 4);
letter-spacing: -2px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.underlayMainVisual._jyoueikai._manual .underlayMainVisual-ttl {
font-size: calc(1.8vw * 4);
}
}
.underlayMainVisual._jyoueikai._jtrecommend .underlayMainVisual-area {
width: 62.5%;
}
@media screen and (max-width: 768px) {
.underlayMainVisual._jyoueikai._jtrecommend .underlayMainVisual-area {
width: 92.5%;
}
}
.underlayMainVisual._jyoueikai._jtrecommend .underlayMainVisual-ttl {
font-size: calc(10px * 4.6);
font-size: calc(1rem * 4.6);
letter-spacing: 2px;
}
@media screen and (max-width: 768px) {
.underlayMainVisual._jyoueikai._jtrecommend .underlayMainVisual-ttl {
font-size: calc(10px * 4.6);
font-size: calc(0.7rem * 4.6);
}
}
@media screen and (max-width: 768px) {
.underlayMainVisual._jyoueikai._jtrecommend .underlayMainVisual-ttl {
font-size: 38px;
font-size: 3.8rem;
font-size: calc(0.6vw * 3.8);
letter-spacing: 0;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.underlayMainVisual._jyoueikai._jtrecommend .underlayMainVisual-ttl {
font-size: calc(1.8vw * 3.8);
}
}
.underlayMainVisual._jyoueikai._blog .underlayMainVisual-ttl {
font-size: calc(10px * 4.8);
font-size: calc(1rem * 4.8);
letter-spacing: -1px;
}
@media screen and (max-width: 768px) {
.underlayMainVisual._jyoueikai._blog .underlayMainVisual-ttl {
font-size: calc(10px * 4.8);
font-size: calc(0.7rem * 4.8);
}
}
@media screen and (max-width: 768px) {
.underlayMainVisual._jyoueikai._blog .underlayMainVisual-ttl {
font-size: 40px;
font-size: 4rem;
font-size: calc(0.6vw * 4);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.underlayMainVisual._jyoueikai._blog .underlayMainVisual-ttl {
font-size: calc(1.8vw * 4);
}
}
.underlayMainVisual._jyoueikai._about .underlayMainVisual-ttl {
font-size: calc(10px * 4.8);
font-size: calc(1rem * 4.8);
letter-spacing: -1px;
}
@media screen and (max-width: 768px) {
.underlayMainVisual._jyoueikai._about .underlayMainVisual-ttl {
font-size: calc(10px * 4.8);
font-size: calc(0.7rem * 4.8);
}
}
@media screen and (max-width: 768px) {
.underlayMainVisual._jyoueikai._about .underlayMainVisual-ttl {
font-size: 40px;
font-size: 4rem;
font-size: calc(0.6vw * 4);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.underlayMainVisual._jyoueikai._about .underlayMainVisual-ttl {
font-size: calc(1.8vw * 4);
}
}
.underlayMainVisual._jyoueikai._procedure .underlayMainVisual-ttl {
font-size: calc(10px * 4.8);
font-size: calc(1rem * 4.8);
letter-spacing: -1px;
}
@media screen and (max-width: 768px) {
.underlayMainVisual._jyoueikai._procedure .underlayMainVisual-ttl {
font-size: calc(10px * 4.8);
font-size: calc(0.7rem * 4.8);
}
}
@media screen and (max-width: 768px) {
.underlayMainVisual._jyoueikai._procedure .underlayMainVisual-ttl {
font-size: 40px;
font-size: 4rem;
font-size: calc(0.6vw * 4);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.underlayMainVisual._jyoueikai._procedure .underlayMainVisual-ttl {
font-size: calc(1.8vw * 4);
}
}
.underlayMainVisual._jyoueikai._japanese .underlayMainVisual-area {
width: 57.5%;
}
@media screen and (max-width: 768px) {
.underlayMainVisual._jyoueikai._japanese .underlayMainVisual-area {
width: 90%;
}
}
.underlayMainVisual._jyoueikai._japanese .underlayMainVisual-ttl {
font-size: calc(10px * 4.6);
font-size: calc(1rem * 4.6);
letter-spacing: -1px;
}
@media screen and (max-width: 768px) {
.underlayMainVisual._jyoueikai._japanese .underlayMainVisual-ttl {
font-size: calc(10px * 4.6);
font-size: calc(0.7rem * 4.6);
}
}
@media screen and (max-width: 768px) {
.underlayMainVisual._jyoueikai._japanese .underlayMainVisual-ttl {
font-size: 36px;
font-size: 3.6rem;
font-size: calc(0.6vw * 3.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.underlayMainVisual._jyoueikai._japanese .underlayMainVisual-ttl {
font-size: calc(1.8vw * 3.6);
}
}
@media screen and (max-width: 768px) {
.underlayMainVisual._jyoueikai._family .underlayMainVisual-area {
width: 92.5%;
}
}
.underlayMainVisual._jyoueikai._family .underlayMainVisual-ttl {
font-size: calc(10px * 4.6);
font-size: calc(1rem * 4.6);
letter-spacing: -4px;
}
@media screen and (max-width: 768px) {
.underlayMainVisual._jyoueikai._family .underlayMainVisual-ttl {
font-size: calc(10px * 4.6);
font-size: calc(0.7rem * 4.6);
}
}
@media screen and (max-width: 768px) {
.underlayMainVisual._jyoueikai._family .underlayMainVisual-ttl {
font-size: 36px;
font-size: 3.6rem;
font-size: calc(0.6vw * 3.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.underlayMainVisual._jyoueikai._family .underlayMainVisual-ttl {
font-size: calc(1.8vw * 3.6);
}
}
.underlayMainVisual._jyoueikai._woman .underlayMainVisual-area {
width: 57.5%;
}
@media screen and (max-width: 768px) {
.underlayMainVisual._jyoueikai._woman .underlayMainVisual-area {
width: 90%;
}
}
.underlayMainVisual._jyoueikai._woman .underlayMainVisual-ttl {
font-size: calc(10px * 4.6);
font-size: calc(1rem * 4.6);
letter-spacing: -1px;
}
@media screen and (max-width: 768px) {
.underlayMainVisual._jyoueikai._woman .underlayMainVisual-ttl {
font-size: calc(10px * 4.6);
font-size: calc(0.7rem * 4.6);
}
}
@media screen and (max-width: 768px) {
.underlayMainVisual._jyoueikai._woman .underlayMainVisual-ttl {
font-size: 40px;
font-size: 4rem;
font-size: calc(0.6vw * 4);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.underlayMainVisual._jyoueikai._woman .underlayMainVisual-ttl {
font-size: calc(1.8vw * 4);
}
}
.underlayMainVisual._jyoueikai._senior .underlayMainVisual-area {
width: 57.5%;
}
@media screen and (max-width: 768px) {
.underlayMainVisual._jyoueikai._senior .underlayMainVisual-area {
width: 90%;
}
}
.underlayMainVisual._jyoueikai._senior .underlayMainVisual-ttl {
font-size: calc(10px * 4.6);
font-size: calc(1rem * 4.6);
letter-spacing: -1px;
}
@media screen and (max-width: 768px) {
.underlayMainVisual._jyoueikai._senior .underlayMainVisual-ttl {
font-size: calc(10px * 4.6);
font-size: calc(0.7rem * 4.6);
}
}
@media screen and (max-width: 768px) {
.underlayMainVisual._jyoueikai._senior .underlayMainVisual-ttl {
font-size: 40px;
font-size: 4rem;
font-size: calc(0.6vw * 4);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.underlayMainVisual._jyoueikai._senior .underlayMainVisual-ttl {
font-size: calc(1.8vw * 4);
}
}
.underlayMainVisual._jyoueikai._peace .underlayMainVisual-area {
width: 57.5%;
}
@media screen and (max-width: 768px) {
.underlayMainVisual._jyoueikai._peace .underlayMainVisual-area {
width: 90%;
}
}
.underlayMainVisual._jyoueikai._peace .underlayMainVisual-ttl {
font-size: calc(10px * 4.6);
font-size: calc(1rem * 4.6);
letter-spacing: -1px;
}
@media screen and (max-width: 768px) {
.underlayMainVisual._jyoueikai._peace .underlayMainVisual-ttl {
font-size: calc(10px * 4.6);
font-size: calc(0.7rem * 4.6);
}
}
@media screen and (max-width: 768px) {
.underlayMainVisual._jyoueikai._peace .underlayMainVisual-ttl {
font-size: 40px;
font-size: 4rem;
font-size: calc(0.6vw * 4);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.underlayMainVisual._jyoueikai._peace .underlayMainVisual-ttl {
font-size: calc(1.8vw * 4);
}
}
.underlayMainVisual._jyoueikai._walfare .underlayMainVisual-area {
width: 57.5%;
}
@media screen and (max-width: 768px) {
.underlayMainVisual._jyoueikai._walfare .underlayMainVisual-area {
width: 90%;
}
}
.underlayMainVisual._jyoueikai._walfare .underlayMainVisual-ttl {
font-size: calc(10px * 4.6);
font-size: calc(1rem * 4.6);
letter-spacing: -1px;
}
@media screen and (max-width: 768px) {
.underlayMainVisual._jyoueikai._walfare .underlayMainVisual-ttl {
font-size: calc(10px * 4.6);
font-size: calc(0.7rem * 4.6);
}
}
@media screen and (max-width: 768px) {
.underlayMainVisual._jyoueikai._walfare .underlayMainVisual-ttl {
font-size: 40px;
font-size: 4rem;
font-size: calc(0.6vw * 4);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.underlayMainVisual._jyoueikai._walfare .underlayMainVisual-ttl {
font-size: calc(1.8vw * 4);
}
}
.underlayMainVisual._bus .underlayMainVisual-area {
width: 40%;
}
@media screen and (max-width: 768px) {
.underlayMainVisual._bus .underlayMainVisual-area {
width: 80%;
}
}
.underlayMainVisual._bus .underlayMainVisual-wire::before {
background-color: #59b5b4;
}
.underlayMainVisual._bus .underlayMainVisual-ttl {
font-size: calc(10px * 6);
font-size: calc(1rem * 6);
}
@media screen and (max-width: 768px) {
.underlayMainVisual._bus .underlayMainVisual-ttl {
font-size: calc(10px * 6);
font-size: calc(0.7rem * 6);
}
}
@media screen and (max-width: 768px) {
.underlayMainVisual._bus .underlayMainVisual-ttl {
font-size: 54px;
font-size: 5.4rem;
font-size: calc(0.6vw * 5.4);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.underlayMainVisual._bus .underlayMainVisual-ttl {
font-size: calc(1.8vw * 5.4);
}
}
.underlayMainVisual._bgv .underlayMainVisual-area {
width: 55%;
}
@media screen and (max-width: 768px) {
.underlayMainVisual._bgv .underlayMainVisual-area {
width: 90%;
}
}
.underlayMainVisual._bgv .underlayMainVisual-wire::before {
background-color: #b74faf;
}
.underlayMainVisual._bgv .underlayMainVisual-ttl {
letter-spacing: -3px;
}
.underlayMainVisual._onyoku .underlayMainVisual-wire::before {
background-color: #f8893e;
}
.underlayMainVisual._onyoku .underlayMainVisual-ttl {
font-size: calc(10px * 5.4);
font-size: calc(1rem * 5.4);
}
@media screen and (max-width: 768px) {
.underlayMainVisual._onyoku .underlayMainVisual-ttl {
font-size: calc(10px * 5.4);
font-size: calc(0.7rem * 5.4);
}
}
@media screen and (max-width: 768px) {
.underlayMainVisual._onyoku .underlayMainVisual-ttl {
font-size: 42px;
font-size: 4.2rem;
font-size: calc(0.6vw * 4.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.underlayMainVisual._onyoku .underlayMainVisual-ttl {
font-size: calc(1.8vw * 4.2);
}
}
.underlayMainVisual._company .underlayMainVisual-area {
width: 40%;
}
@media screen and (max-width: 768px) {
.underlayMainVisual._company .underlayMainVisual-area {
width: 65%;
}
}
.underlayMainVisual._company .underlayMainVisual-wire::before {
background-color: #9eb5ba;
}
.underlayMainVisual._company .underlayMainVisual-ttl {
font-size: calc(10px * 5);
font-size: calc(1rem * 5);
}
@media screen and (max-width: 768px) {
.underlayMainVisual._company .underlayMainVisual-ttl {
font-size: calc(10px * 5);
font-size: calc(0.7rem * 5);
}
}
@media screen and (max-width: 768px) {
.underlayMainVisual._company .underlayMainVisual-ttl {
font-size: 42px;
font-size: 4.2rem;
font-size: calc(0.6vw * 4.2);
letter-spacing: 4px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.underlayMainVisual._company .underlayMainVisual-ttl {
font-size: calc(1.8vw * 4.2);
}
}
.underlayMainVisual._contact .underlayMainVisual-area {
width: 47.5%;
}
@media screen and (max-width: 768px) {
.underlayMainVisual._contact .underlayMainVisual-area {
width: 90%;
}
}
.underlayMainVisual._contact .underlayMainVisual-wire::before {
background: #3f95ff;
}
.underlayMainVisual._contact .underlayMainVisual-ttl {
letter-spacing: 0;
}
@media screen and (max-width: 768px) {
.underlayMainVisual._contact .underlayMainVisual-ttl {
font-size: 42px;
font-size: 4.2rem;
font-size: calc(0.6vw * 4.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.underlayMainVisual._contact .underlayMainVisual-ttl {
font-size: calc(1.8vw * 4.2);
}
}
.underlayMainVisual._contact._jcontact .underlayMainVisual-ttl {
letter-spacing: 0;
}
@media screen and (max-width: 768px) {
.underlayMainVisual._contact._jcontact .underlayMainVisual-ttl {
font-size: 44px;
font-size: 4.4rem;
font-size: calc(0.6vw * 4.4);
letter-spacing: 2px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.underlayMainVisual._contact._jcontact .underlayMainVisual-ttl {
font-size: calc(1.8vw * 4.4);
}
}
.underlayMainVisual._contact._kcontact .underlayMainVisual-wire::before {
background-color: #FF8882;
}
.underlayMainVisual._contact._kcontact .underlayMainVisual-area {
width: 65%;
}
@media screen and (max-width: 768px) {
.underlayMainVisual._contact._kcontact .underlayMainVisual-area {
width: 90%;
}
}
.underlayMainVisual._contact._kcontact .underlayMainVisual-ttl {
letter-spacing: 0;
}
@media screen and (max-width: 768px) {
.underlayMainVisual._contact._kcontact .underlayMainVisual-ttl {
font-size: 44px;
font-size: 4.4rem;
font-size: calc(0.6vw * 4.4);
letter-spacing: 2px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.underlayMainVisual._contact._kcontact .underlayMainVisual-ttl {
font-size: calc(1.8vw * 4.4);
}
}
.underlayMainVisual._contact._kcontact .underlayMainVisual-ttl span {
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
}
.underlayMainVisual._tag .underlayMainVisual-area {
width: 80%;
}
@media screen and (max-width: 768px) {
.underlayMainVisual._tag .underlayMainVisual-area {
width: 90%;
}
}
.underlayMainVisual._tag .underlayMainVisual-wire::before {
background: #3f95ff;
}
.underlayMainVisual._tag .underlayMainVisual-ttl {
font-size: calc(10px * 3);
font-size: calc(1rem * 3);
letter-spacing: -1px;
}
@media screen and (max-width: 768px) {
.underlayMainVisual._tag .underlayMainVisual-ttl {
font-size: calc(10px * 3);
font-size: calc(0.7rem * 3);
}
}
@media screen and (max-width: 768px) {
.underlayMainVisual._tag .underlayMainVisual-ttl {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.underlayMainVisual._tag .underlayMainVisual-ttl {
font-size: calc(1.8vw * 2);
}
}
@media screen and (max-width: 768px) {
.underlayMainVisual._gyoumuyou .underlayMainVisual-area {
width: 80%;
}
}
.underlayMainVisual._copyright .underlayMainVisual-ttl {
letter-spacing: 0;
}
.underlayMainVisual._faq .underlayMainVisual-ttl {
letter-spacing: -1px;
}
.underlayMainVisual._recruit .underlayMainVisual-area {
width: 35%;
}
@media screen and (max-width: 768px) {
.underlayMainVisual._recruit .underlayMainVisual-area {
width: 75%;
}
}
.underlayMainVisual._search .underlayMainVisual-area {
width: 35%;
}
@media screen and (max-width: 768px) {
.underlayMainVisual._search .underlayMainVisual-area {
width: 60%;
}
}
.underlayMainVisual._search .underlayMainVisual-ttl {
letter-spacing: 4px;
}
.underlayMainVisual._mod .underlayMainVisual-wire::before {
background-color: #FE7F9C;
}
.underlayMainVisual._mod .underlayMainVisual-area {
width: 70%;
}
@media screen and (max-width: 768px) {
.underlayMainVisual._mod .underlayMainVisual-area {
width: 90%;
}
}
.underlayMainVisual._mod .underlayMainVisual-ttl {
font-size: calc(10px * 4.4);
font-size: calc(1rem * 4.4);
letter-spacing: 0;
}
@media screen and (max-width: 768px) {
.underlayMainVisual._mod .underlayMainVisual-ttl {
font-size: calc(10px * 4.4);
font-size: calc(0.7rem * 4.4);
}
}
@media screen and (max-width: 768px) {
.underlayMainVisual._mod .underlayMainVisual-ttl {
font-size: calc(10px * 3);
font-size: calc(1rem * 3);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.underlayMainVisual._mod .underlayMainVisual-ttl {
font-size: calc(10px * 3);
font-size: calc(0.7rem * 3);
}
}
.underlayMainVisual._mod .underlayMainVisual-ttl--small {
font-size: calc(10px * 3);
font-size: calc(1rem * 3);
}
@media screen and (max-width: 768px) {
.underlayMainVisual._mod .underlayMainVisual-ttl--small {
font-size: calc(10px * 3);
font-size: calc(0.7rem * 3);
}
}
@media screen and (max-width: 768px) {
.underlayMainVisual._mod .underlayMainVisual-ttl--small {
font-size: calc(10px * 2);
font-size: calc(1rem * 2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.underlayMainVisual._mod .underlayMainVisual-ttl--small {
font-size: calc(10px * 2);
font-size: calc(0.7rem * 2);
}
}
.underlayMainVisual._kids .underlayMainVisual-wire::before {
background-color: #F5B226;
}
.underlayMainVisual._kids .underlayMainVisual-ttl {
font-size: calc(10px * 5.4);
font-size: calc(1rem * 5.4);
letter-spacing: -4px;
}
@media screen and (max-width: 768px) {
.underlayMainVisual._kids .underlayMainVisual-ttl {
font-size: calc(10px * 5.4);
font-size: calc(0.7rem * 5.4);
}
}
@media screen and (max-width: 768px) {
.underlayMainVisual._kids .underlayMainVisual-ttl {
font-size: 52px;
font-size: 5.2rem;
font-size: calc(0.6vw * 5.2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.underlayMainVisual._kids .underlayMainVisual-ttl {
font-size: calc(1.8vw * 5.2);
}
}
.underlayMainVisual._privacy .underlayMainVisual-area {
width: 65%;
}
@media screen and (max-width: 768px) {
.underlayMainVisual._privacy .underlayMainVisual-area {
width: 90%;
}
}
.underlayMainVisual._privacy .underlayMainVisual-ttl {
letter-spacing: 0;
white-space: nowrap;
}
@media screen and (max-width: 768px) {
.underlayMainVisual._privacy .underlayMainVisual-ttl {
font-size: 6vw;
white-space: nowrap;
}
}
.underlayMainVisual-wire {
border-top: 2px solid #e7e1cf;
border-bottom: 2px solid #e7e1cf;
box-sizing: border-box;
position: relative;
min-height: 334px;
background: -moz-linear-gradient(left, transparent 65%, #eae3d1 65%, #eae3d1);
background: -webkit-linear-gradient(left, transparent 65%, #eae3d1 65%, #eae3d1);
background: linear-gradient(to right, transparent 65%, #eae3d1 65%, #eae3d1);
}
@media screen and (max-width: 768px) {
.underlayMainVisual-wire {
min-height: auto;
background: -moz-linear-gradient(left, transparent 80%, #eae3d1 80%, #eae3d1);
background: -webkit-linear-gradient(left, transparent 80%, #eae3d1 80%, #eae3d1);
background: linear-gradient(to right, transparent 80%, #eae3d1 80%, #eae3d1);
}
}
.underlayMainVisual-wire::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #9eb5ba;
z-index: -1;
}
.underlayMainVisual-inner {
margin: 0 auto;
position: relative;
width: 100%;
max-width: 1040px;
min-height: 334px;
background-image: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/img/common/img_mv_video.png);
background-repeat: no-repeat;
background-size: contain;
background-position: right top;
}
@media screen and (max-width: 768px) {
.underlayMainVisual-inner {
padding-top: 50%;
width: 100%;
min-height: auto;
background-image: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/img/common/img_mv_video_sp.png);
background-position: right top;
}
}
.underlayMainVisual-area {
margin: 0;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%) translateX(-50%);
width: 50%;
}
@media screen and (max-width: 768px) {
.underlayMainVisual-area {
width: 90%;
}
}
.underlayMainVisual-ttl {
font-size: calc(10px * 4.8);
font-size: calc(1rem * 4.8);
font-family: ab-babywalk, sans-serif;
font-weight: 400;
font-style: normal;
margin: 0;
margin-left: -0.5rem;
line-height: 1.2;
color: #fff;
letter-spacing: 4px;
}
@media screen and (max-width: 768px) {
.underlayMainVisual-ttl {
font-size: calc(10px * 4.8);
font-size: calc(0.7rem * 4.8);
}
}
@media screen and (max-width: 768px) {
.underlayMainVisual-ttl {
font-size: 42px;
font-size: 4.2rem;
font-size: calc(0.6vw * 4.2);
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.underlayMainVisual-ttl {
font-size: calc(1.8vw * 4.2);
}
}
.underlayMainVisual-ttl .fGothic {
font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
font-size: 0.95em;
}
.underlayMainVisual-des {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 1.4rem 0 0;
padding: 0;
line-height: 1.8;
color: #fff;
text-align: left;
}
@media screen and (max-width: 768px) {
.underlayMainVisual-des {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.underlayMainVisual-des {
font-size: 14px;
font-size: 1.4rem;
font-size: calc(0.6vw * 1.4);
line-height: 1.5;
letter-spacing: 1px;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.underlayMainVisual-des {
font-size: calc(1.8vw * 1.4);
}
}
.postArticle-fix {
width: 100%;
z-index: 10;
}
.postArticle-fix::after {
content: "";
clear: both;
display: block;
}
@media screen and (max-width: 768px) {
.postArticle-fix {
margin-top: 5vw;
}
}
.postArticle-fix-ttl {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 0 auto 4rem;
padding: 4rem;
position: relative;
line-height: 1.4;
width: 70%;
background: #fafafa;
background: #fff;
font-weight: bold;
text-align: center;
}
@media screen and (max-width: 768px) {
.postArticle-fix-ttl {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.postArticle-fix-ttl {
margin-bottom: 2em;
padding: 1.6em 0;
width: 100%;
}
}
.postArticle-fix-ttl::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 14.4px;
background-image: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/img/common/icn_mv_film.png);
background-repeat: repeat-x;
background-size: 8.8px 14.4px;
background-position: center;
}
@media screen and (max-width: 768px) {
.postArticle-fix-ttl::before {
height: 9px;
background-size: 5.5px 9px;
}
}
.postArticle-fix-ttl::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 14.4px;
background-image: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/img/common/icn_mv_film.png);
background-repeat: repeat-x;
background-size: 8.8px 14.4px;
background-position: center;
}
@media screen and (max-width: 768px) {
.postArticle-fix-ttl::after {
height: 9px;
background-size: 5.5px 9px;
}
}
.postArticle-fix-img {
margin: 0 auto 3em;
width: 70%;
}
@media screen and (max-width: 768px) {
.postArticle-fix-img {
margin-bottom: 2em;
width: calc(100% - 20px);
}
}
.postArticle-fix-content {
margin: 0 auto 6em;
width: 70%;
}
@media screen and (max-width: 768px) {
.postArticle-fix-content {
width: calc(100% - 20px);
}
}
.postArticle-fix-content h2 {
font-size: calc(10px * 1.8);
font-size: calc(1rem * 1.8);
margin: 0 auto 1em;
padding: 0.75em 1em;
color: #fff;
background: #FF8882;
font-weight: bold;
letter-spacing: 1px;
}
@media screen and (max-width: 768px) {
.postArticle-fix-content h2 {
font-size: calc(10px * 1.8);
font-size: calc(0.7rem * 1.8);
}
}
@media screen and (max-width: 768px) {
.postArticle-fix-content h2 {
font-size: 24px;
font-size: 2.4rem;
font-size: calc(0.6vw * 2.4);
padding: 0.75em 1.5em;
text-align: center;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.postArticle-fix-content h2 {
font-size: calc(1.8vw * 2.4);
}
}
.postArticle-fix-content p {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
margin: 0 0 3em;
line-height: 1.8;
}
@media screen and (max-width: 768px) {
.postArticle-fix-content p {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.postArticle-fix-content p {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.postArticle-fix-content p {
font-size: calc(1.8vw * 2);
}
}
.postArticle-fix-content p:last-of-type {
margin-bottom: 0;
}
.postArticle-fix-content ul {
margin: 0 auto 3em;
padding: 2em;
border: 4px solid #e5e5e5;
background: transparent;
}
.postArticle-fix-content ul li {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
margin: 0 0 0.5em;
padding-left: 1.5em;
line-height: 1.6;
list-style: inside;
text-indent: -1.5em;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.postArticle-fix-content ul li {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.postArticle-fix-content ul li {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.postArticle-fix-content ul li {
font-size: calc(1.8vw * 2);
}
}
.postArticle-fix-content ul li:last-of-type {
margin-bottom: 0;
}
.postArticle-fix-content .emphasis {
background-color: #dafbfb;
font-weight: bold;
}
.postArticle-fix-content .alart {
color: #fff;
background-color: #FF4B00;
font-weight: bold;
}
.postArticle-content .fixed_section {
margin: 0 auto 80px;
width: 100%;
}
.postArticle-content .fixed_section:last-of-type {
margin-bottom: 0;
}
.postArticle-content .fixed_section .fixed_paragraph:last-of-type {
margin-bottom: 0;
}
.postArticle-content .fixed_block {
margin: 0 auto 80px;
width: 100%;
}
.postArticle-content .fixed_icn._message::before {
font-size: calc(10px * 1.8);
font-size: calc(1rem * 1.8);
padding: 1rem 2rem;
border: 2px solid #777;
box-sizing: border-box;
display: inline-block;
position: absolute;
top: -5.5rem;
left: 0;
line-height: 1.4;
color: #777;
width: auto;
background: #f5f5f5;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
letter-spacing: 0.18em;
box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 768px) {
.postArticle-content .fixed_icn._message::before {
font-size: calc(10px * 1.8);
font-size: calc(0.7rem * 1.8);
}
}
@media screen and (max-width: 768px) {
.postArticle-content .fixed_icn._message::before {
font-size: 16px;
font-size: 1.6rem;
font-size: calc(0.6vw * 1.6);
padding: 0.5rem 1rem;
border: 1px solid #777;
top: -2.5rem;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.postArticle-content .fixed_icn._message::before {
font-size: calc(1.8vw * 1.6);
}
}
.postArticle-content .fixed_icn._message::after {
content: "";
position: absolute;
top: -0.84rem;
left: 4rem;
border-top: 1rem solid #777;
border-right: 1rem solid transparent;
border-bottom: 1rem solid transparent;
border-left: 1rem solid transparent;
z-index: -1;
}
@media screen and (max-width: 768px) {
.postArticle-content .fixed_icn._message::after {
top: calc(-2.5rem + 0.5rem + 1.44vw + 1.6rem);
left: 2.4rem;
border-top: 0.8rem solid #777;
border-right: 0.8rem solid transparent;
border-bottom: 0.8rem solid transparent;
border-left: 0.8rem solid transparent;
}
}
.postArticle-content .fixed_ttl {
font-size: calc(10px * 3.6);
font-size: calc(1rem * 3.6);
margin: 0 0 3rem;
padding: 1.5rem 0 1.5rem 1rem;
border-bottom: 5px dotted #3fcaff;
box-sizing: border-box;
position: relative;
line-height: 1.4;
color: #333;
font-weight: normal;
text-align: left;
letter-spacing: 4px;
}
@media screen and (max-width: 768px) {
.postArticle-content .fixed_ttl {
font-size: calc(10px * 3.6);
font-size: calc(0.7rem * 3.6);
}
}
@media screen and (max-width: 768px) {
.postArticle-content .fixed_ttl {
font-size: 30px;
font-size: 3rem;
font-size: calc(0.6vw * 3);
padding: 2rem 0 1.5rem;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.postArticle-content .fixed_ttl {
font-size: calc(1.8vw * 3);
}
}
.postArticle-content .fixed_subTtl {
font-size: 16px !important;
font-size: 1.6rem !important;
margin: 0 0 30px !important;
padding: 1.5rem 0 1.5rem 20px !important;
border-top: 3px solid #eee !important;
border-bottom: 3px solid #eee !important;
position: relative !important;
line-height: 1.4 !important;
color: #333 !important;
background: none !important;
font-weight: bold !important;
text-align: left !important;
}
@media screen and (max-width: 768px) {
.postArticle-content .fixed_subTtl {
font-size: 3.24vw !important;
padding: 1.5rem 0 1.5rem 36px !important;
border-top: 2px solid #eee !important;
border-bottom: 2px solid #eee !important;
}
}
.postArticle-content .fixed_subTtl::before {
content: "";
margin-top: -3px;
position: absolute;
left: 0;
top: 0;
width: 9px;
height: calc(100% + 6px);
background: #FF8882 !important;
}
@media screen and (max-width: 768px) {
.postArticle-content .fixed_subTtl::before {
margin-top: -2px;
width: 6px;
height: calc(100% + 4px);
}
}
.postArticle-content .fixed_subTtl_indent {
padding-right: 1em;
padding-left: 3em;
position: relative;
text-indent: -2em;
}
.postArticle-content .fixed_anchor_number {
padding-left: 2em;
position: relative;
}
@media screen and (max-width: 768px) {
.postArticle-content .fixed_anchor_number {
padding-left: 2.5em;
}
}
.postArticle-content .fixed_anchor_number::after {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
content: "1";
position: absolute;
display: inline-block;
background: transparent;
border: 1px solid #333;
color: #333;
font-family: "Arial", sans-serif;
font-weight: bold;
border-radius: 50%;
top: 1.4rem;
left: 2rem;
width: calc(2.24rem - 2px);
height: calc(2.24rem - 2px);
line-height: 2.24rem;
font-weight: bold;
text-align: center;
display: none;
}
@media screen and (max-width: 768px) {
.postArticle-content .fixed_anchor_number::after {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.postArticle-content .fixed_anchor_number::after {
font-size: 14px;
font-size: 1.4rem;
font-size: calc(0.6vw * 1.4);
top: calc(1.5rem + 0.32vw - 2px);
left: 1.5rem;
width: calc(4.48vw - 2px);
height: calc(4.48vw - 2px);
line-height: 4.48vw;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.postArticle-content .fixed_anchor_number::after {
font-size: calc(1.8vw * 1.4);
}
}
.postArticle-content .fixed_anchor_number:nth-of-type(2)::after {
content: "2";
}
.postArticle-content .fixed_anchor_number:nth-of-type(3)::after {
content: "3";
}
.postArticle-content .fixed_anchor_number:nth-of-type(4)::after {
content: "4";
}
.postArticle-content .fixed_anchor_number:nth-of-type(5)::after {
content: "5";
}
.postArticle-content .fixed_anchor_number:nth-of-type(6)::after {
content: "6";
}
.postArticle-content .fixed_anchor_number:nth-of-type(7)::after {
content: "7";
}
.postArticle-content .fixed_anchor_number:nth-of-type(8)::after {
content: "8";
}
.postArticle-content .fixed_anchor_number:nth-of-type(9)::after {
content: "9";
}
.postArticle-content .fixed_anchor_number:nth-of-type(10)::after {
content: "10";
}
.postArticle-content .fixed_anchor_number:nth-of-type(11)::after {
content: "11";
}
.postArticle-content .fixed_leadTxt {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
line-height: 1.8;
}
@media screen and (max-width: 768px) {
.postArticle-content .fixed_leadTxt {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.postArticle-content .fixed_leadTxt {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.postArticle-content .fixed_leadTxt {
font-size: calc(1.8vw * 2);
}
}
.postArticle-content .fixed_paragraph {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
margin: 0 0 3rem;
line-height: 1.8;
letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
.postArticle-content .fixed_paragraph {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.postArticle-content .fixed_paragraph {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.postArticle-content .fixed_paragraph {
font-size: calc(1.8vw * 2);
}
}
.postArticle-content .fixed_paragraph._mbL {
margin-bottom: 6rem;
}
.postArticle-content .fixed_paragraph._mb {
margin-bottom: 3rem !important;
}
.postArticle-content .fixed_paragraph._sep {
margin-bottom: 4.5rem;
padding-bottom: 4.5rem;
border-bottom: 1px dashed #ccc;
box-sizing: border-box;
}
.postArticle-content .fixed_emphasis {
background-color: #ffff66;
font-weight: bold;
}
.postArticle-content .fixed_dl {
margin: 0 0 3rem;
}
.postArticle-content .fixed_dl dt {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
margin: 0 0 1em;
padding: 0.5em 1.5em;
border: 1px dashed #3fcaff;
box-sizing: border-box;
display: inline-block;
position: relative;
line-height: 1.4;
color: #3fcaff;
width: auto;
background: transparent;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.postArticle-content .fixed_dl dt {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.postArticle-content .fixed_dl dt {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.postArticle-content .fixed_dl dt {
font-size: calc(1.8vw * 2);
}
}
.postArticle-content .fixed_dl dt::after {
content: "";
margin-bottom: -1.6rem;
margin-left: -0.8rem;
border-top: 0.8rem solid #3fcaff;
border-right: 0.8rem solid transparent;
border-bottom: 0.8rem solid transparent;
border-left: 0.8rem solid transparent;
position: absolute;
bottom: 0;
left: 50%;
z-index: -1;
}
.postArticle-content .fixed_dl dd {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
padding: 1em;
border: 1px dashed #3fcaff;
box-sizing: border-box;
line-height: 1.8;
}
@media screen and (max-width: 768px) {
.postArticle-content .fixed_dl dd {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.postArticle-content .fixed_dl dd {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.postArticle-content .fixed_dl dd {
font-size: calc(1.8vw * 2);
}
}
.postArticle-content .fixed_dl dd p:last-of-type {
margin-bottom: 0 !important;
}
.postArticle-content .fixed_dl._mtN {
margin-top: -1.5rem;
}
.postArticle-content .fixed_ul_ttl {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
margin: 0 0 1rem;
padding-left: 1em;
line-height: 1.4;
color: #333;
font-weight: bold;
text-indent: -1em;
letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
.postArticle-content .fixed_ul_ttl {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.postArticle-content .fixed_ul_ttl {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.postArticle-content .fixed_ul_ttl {
font-size: calc(1.8vw * 2);
}
}
.postArticle-content .fixed_ul_ttl::before {
content: "■";
color: rgba(63, 202, 255, 0.4);
}
.postArticle-content .fixed_ul {
margin: 0 0 3rem;
padding: 3rem 6rem 3rem 3rem;
border: 3px solid rgba(63, 202, 255, 0.4);
box-sizing: border-box;
border-radius: 8px;
display: inline-block;
font-size: 0;
box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 768px) {
.postArticle-content .fixed_ul {
padding: 3rem 3rem 3rem 2rem;
}
}
.postArticle-content .fixed_ul li {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
margin: 0 0 2rem;
padding-left: 1em;
line-height: 1.4;
color: #333;
font-weight: bold;
text-indent: -1em;
list-style: none;
letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
.postArticle-content .fixed_ul li {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.postArticle-content .fixed_ul li {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.postArticle-content .fixed_ul li {
font-size: calc(1.8vw * 2);
}
}
.postArticle-content .fixed_ul li:last-of-type {
margin-bottom: 0;
}
.postArticle-content .fixed_ul._checkbox li {
padding-left: 3rem;
line-height: 1.4;
background-repeat: no-repeat;
background-size: 2.24rem;
background-position: left top;
list-style: none;
text-indent: 0;
}
@media screen and (max-width: 768px) {
.postArticle-content .fixed_ul._checkbox li {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
background-repeat: no-repeat;
background-size: 5.04vw;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.postArticle-content .fixed_ul._checkbox li {
font-size: calc(1.8vw * 2);
}
}
.postArticle-content .fixed_ul._checkbox._pink li {
background-image: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/img/common/icn_cb_p.png);
}
.postArticle-content .fixed_ul._checkbox._blue li {
background-image: url(//mmc-inc.jp/wordpress/wp-content/themes/mmc/img/common/icn_cb_b.png);
}
.postArticle-content .fixed_check-list {
border: none;
position: relative;
background: none;
}
.postArticle-content .fixed_check-list li {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
margin: 0 0 2rem 30px;
padding-left: 1em;
line-height: 1.4;
color: #333;
font-weight: bold;
list-style: none;
letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
.postArticle-content .fixed_check-list li {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.postArticle-content .fixed_check-list li {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.postArticle-content .fixed_check-list li {
font-size: calc(1.8vw * 2);
}
}
.postArticle-content .fixed_check-list li::before {
content: "";
position: absolute;
width: 20px;
height: 19px;
background-image: url(https://mmc-inc.jp/wordpress/wp-content/uploads/2024/09/icn_cb_p.png);
background-repeat: no-repeat;
background-size: cover;
}
.postArticle-content .fixed_ol {
margin: 0 0 3rem;
padding: 3rem 6rem 3rem 3rem;
border: 3px solid rgba(63, 202, 255, 0.4);
box-sizing: border-box;
border-radius: 8px;
display: inline-block;
font-size: 0;
box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1);
list-style-type: none !important;
counter-reset: num;
}
@media screen and (max-width: 768px) {
.postArticle-content .fixed_ol {
padding: 3rem 3rem 3rem 2rem;
}
}
.postArticle-content .fixed_ol li {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
margin: 0 0 2rem;
padding: 0 0 0 3rem;
position: relative;
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.postArticle-content .fixed_ol li {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.postArticle-content .fixed_ol li {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.postArticle-content .fixed_ol li {
font-size: calc(1.8vw * 2);
}
}
.postArticle-content .fixed_ol li::before {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
position: absolute;
counter-increment: num;
content: counter(num);
display: inline-block;
background: transparent;
border: 1px solid #727171;
color: #727171;
font-family: "Arial", sans-serif;
font-weight: bold;
border-radius: 50%;
top: 0;
left: 0;
width: calc(2.24rem - 2px);
height: calc(2.24rem - 2px);
line-height: 2.24rem;
font-weight: bold;
text-align: center;
}
@media screen and (max-width: 768px) {
.postArticle-content .fixed_ol li::before {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.postArticle-content .fixed_ol li::before {
font-size: 16px;
font-size: 1.6rem;
font-size: calc(0.6vw * 1.6);
width: calc(5.04vw - 2px);
height: calc(5.04vw - 2px);
line-height: 5.04vw;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.postArticle-content .fixed_ol li::before {
font-size: calc(1.8vw * 1.6);
}
}
.postArticle-content .fixed_ol li:last-of-type {
margin-bottom: 0;
}
.postArticle-content .fixed_index {
margin: 0 !important;
padding: 8rem 6rem 4rem 3rem !important;
border: 1px dashed #333333 !important;
box-sizing: border-box !important;
border-radius: 0 !important;
display: inline-block !important;
position: relative !important;
font-size: 0 !important;
box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.1) !important;
list-style-type: none !important;
counter-reset: num !important;
}
@media screen and (max-width: 768px) {
.postArticle-content .fixed_index {
margin: 0 0 6rem !important;
padding: 5rem 2rem 2rem 2rem !important;
}
}
.postArticle-content .fixed_index::before {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
content: "目次 -index-";
position: absolute;
top: 3rem;
left: 3rem;
color: #333;
font-weight: bold;
text-align: left;
text-decoration: underline;
}
@media screen and (max-width: 768px) {
.postArticle-content .fixed_index::before {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.postArticle-content .fixed_index::before {
font-size: 16px;
font-size: 1.6rem;
font-size: calc(0.6vw * 1.6);
top: 1.75rem;
left: 2rem;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.postArticle-content .fixed_index::before {
font-size: calc(1.8vw * 1.6);
}
}
.postArticle-content .fixed_index::before._mg0 {
margin-bottom: 0;
}
.postArticle-content .fixed_index li {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0 0 2rem;
padding: 0 0 0 3rem;
position: relative;
line-height: 1.4;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.postArticle-content .fixed_index li {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.postArticle-content .fixed_index li {
font-size: 16px;
font-size: 1.6rem;
font-size: calc(0.6vw * 1.6);
margin-bottom: 1.25rem;
padding-left: 2rem;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.postArticle-content .fixed_index li {
font-size: calc(1.8vw * 1.6);
}
}
.postArticle-content .fixed_index li::before {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
position: absolute;
counter-increment: num;
content: counter(num);
display: inline-block;
background: transparent;
border: 1px solid #333;
color: #333;
font-family: "Arial", sans-serif;
font-weight: bold;
border-radius: 50%;
top: 0;
left: 0;
width: calc(2.24rem - 2px);
height: calc(2.24rem - 2px);
line-height: 2.24rem;
font-weight: bold;
text-align: center;
}
@media screen and (max-width: 768px) {
.postArticle-content .fixed_index li::before {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.postArticle-content .fixed_index li::before {
font-size: 14px;
font-size: 1.4rem;
font-size: calc(0.6vw * 1.4);
top: -1px;
width: calc(3.92vw - 2px);
height: calc(3.92vw - 2px);
line-height: 3.92vw;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.postArticle-content .fixed_index li::before {
font-size: calc(1.8vw * 1.4);
}
}
.postArticle-content .fixed_index li:last-of-type {
margin-bottom: 0;
}
.postArticle-content .fixed_img {
margin: 0 0 3rem;
width: 70%;
}
@media screen and (max-width: 768px) {
.postArticle-content .fixed_img {
width: 100%;
}
}
.postArticle-content .fixed_img img {
width: 100%;
height: auto;
}
.postArticle-content .fixedList {
margin: 0;
padding: 0;
width: 100%;
font-size: 0;
}
.postArticle-content .fixedList li {
margin: 0 2.5% 2.5% 0;
display: inline-block;
position: relative;
width: 31.6666666667%;
vertical-align: top;
}
@media screen and (max-width: 768px) {
.postArticle-content .fixedList li {
width: 48.75%;
}
}
.postArticle-content .fixedList li:nth-of-type(3n) {
margin-right: 0;
}
@media screen and (max-width: 768px) {
.postArticle-content .fixedList li:nth-of-type(2n) {
margin-right: 0;
}
}
.postArticle-content .fixedList li a {
display: block;
position: relative;
overflow: hidden;
transition: all ease 0.25s;
}
.postArticle-content .fixedList li a::before {
content: "";
position: absolute;
left: 1.5rem;
top: 1.5rem;
transition: all ease 0.25s;
width: calc(100% - 3rem);
height: 1px;
background: rgba(255, 255, 255, 0.75);
z-index: 10;
}
@media screen and (max-width: 768px) {
.postArticle-content .fixedList li a::before {
left: 2.5vw;
top: 2.5vw;
width: calc(100% - 5vw);
}
}
.postArticle-content .fixedList li a::after {
content: "";
position: absolute;
left: 1.5rem;
bottom: 1.5rem;
transition: all ease 0.25s;
width: calc(100% - 3rem);
height: 1px;
background: rgba(255, 255, 255, 0.75);
z-index: 10;
}
@media screen and (max-width: 768px) {
.postArticle-content .fixedList li a::after {
left: 2.5vw;
bottom: 2.5vw;
width: calc(100% - 5vw);
}
}
.postArticle-content .fixedList li a .fixedList_thumbnail {
margin: 0;
display: block;
position: relative;
width: 100%;
height: auto;
font-size: 0;
transition: all ease 0.25s;
}
.postArticle-content .fixedList li a .fixedList_thumbnail::before {
content: "";
position: absolute;
left: 1.5rem;
top: 1.5rem;
transition: all ease 0.25s;
width: 1px;
height: calc(100% - 3rem);
background: rgba(255, 255, 255, 0.75);
z-index: 10;
}
@media screen and (max-width: 768px) {
.postArticle-content .fixedList li a .fixedList_thumbnail::before {
left: 2.5vw;
top: 2.5vw;
height: calc(100% - 5vw);
}
}
.postArticle-content .fixedList li a .fixedList_thumbnail::after {
content: "";
position: absolute;
right: 1.5rem;
top: 1.5rem;
transition: all ease 0.25s;
width: 1px;
height: calc(100% - 3rem);
background: rgba(255, 255, 255, 0.75);
z-index: 10;
}
@media screen and (max-width: 768px) {
.postArticle-content .fixedList li a .fixedList_thumbnail::after {
right: 2.5vw;
top: 2.5vw;
height: calc(100% - 5vw);
}
}
.postArticle-content .fixedList li a .fixedList_thumbnail img {
position: relative;
width: 100%;
height: auto;
transition: all ease 0.25s;
}
.postArticle-content .fixedList li a .fixedList_thumbnail img:hover, .postArticle-content .fixedList li a .fixedList_thumbnail img:active {
transform: scale(1.1, 1.1);
}
.postArticle-content .fixedList li a .fixedList_ttl {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin-top: -2em;
padding: 1em 0;
display: block;
position: absolute;
left: 1.5rem;
top: 50%;
line-height: 1.4;
color: #fff;
width: auto;
width: calc(100% - 3rem);
height: auto;
font-weight: bold;
text-align: center;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.postArticle-content .fixedList li a .fixedList_ttl {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.postArticle-content .fixedList li a .fixedList_ttl {
font-size: 24px;
font-size: 2.4rem;
font-size: calc(0.6vw * 2.4);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.postArticle-content .fixedList li a .fixedList_ttl {
font-size: calc(1.8vw * 2.4);
}
}
.postArticle-content .fixedList li a:hover, .postArticle-content .fixedList li a:active {
box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.2);
}
.postArticle-content .fixedList li a:hover .fixedList_ttl, .postArticle-content .fixedList li a:active .fixedList_ttl {
left: -5.555%;
width: 111.111%;
background: rgba(63, 202, 255, 0.25);
transform: rotate(-10deg);
}
.postArticle-content .fixed_aside {
margin: 0 auto 3rem 0;
padding: 20px;
border: 1px solid #eee;
box-sizing: border-box;
width: calc(100% - 40px);
display: flex;
justify-content: space-between;
align-items: flex-start;
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}
@media screen and (max-width: 768px) {
.postArticle-content .fixed_aside {
padding-bottom: 30px 20px 0;
width: 100%;
display: block;
}
}
.postArticle-content .fixed_aside-img {
width: 40%;
}
@media screen and (max-width: 768px) {
.postArticle-content .fixed_aside-img {
margin: 0 auto 30px;
width: 80%;
}
}
.postArticle-content .fixed_aside-img img {
width: 100%;
height: auto;
}
.postArticle-content .fixed_aside-detail {
width: 55%;
}
@media screen and (max-width: 768px) {
.postArticle-content .fixed_aside-detail {
margin: 0 auto;
width: 100%;
}
}
.postArticle-content .fixed_aside-ttl {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
padding: 0.75em 0 10px !important;
border-bottom: 4px dotted black;
line-height: 1.4 !important;
color: #333 !important;
background: none !important;
font-weight: bold !important;
}
@media screen and (max-width: 768px) {
.postArticle-content .fixed_aside-ttl {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.postArticle-content .fixed_aside-ttl {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
border-bottom: 3px dotted black;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.postArticle-content .fixed_aside-ttl {
font-size: calc(1.8vw * 2);
}
}
.postArticle-content .fixed_aside-text {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
line-height: 1.8 !important;
color: #333;
}
@media screen and (max-width: 768px) {
.postArticle-content .fixed_aside-text {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.postArticle-content .fixed_aside-text {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.postArticle-content .fixed_aside-text {
font-size: calc(1.8vw * 2);
}
}
.postArticle-content .fixed_aside-link {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 10px auto 0 0 !important;
border: 1px solid #3f95ff !important;
box-sizing: border-box !important;
padding: 1em !important;
display: block !important;
color: #3f95ff !important;
font-size: 14px !important;
max-width: 420px !important;
text-align: center !important;
line-height: 1.4 !important;
transition: all ease 0.25s !important;
}
@media screen and (max-width: 768px) {
.postArticle-content .fixed_aside-link {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.postArticle-content .fixed_aside-link {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.postArticle-content .fixed_aside-link {
font-size: calc(1.8vw * 2);
}
}
.postArticle-content .fixed_aside-link:hover, .postArticle-content .fixed_aside-link:active {
color: white !important;
background: #3f95ff;
}
.postArticle-content .sakuhin_link {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
margin: 10px auto 0 0;
border: 1px solid #3f95ff;
box-sizing: border-box;
padding: 1em;
display: block;
color: #3f95ff;
font-size: 14px;
max-width: 420px;
text-align: center;
line-height: 1.4;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.postArticle-content .sakuhin_link {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.postArticle-content .sakuhin_link {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.postArticle-content .sakuhin_link {
font-size: calc(1.8vw * 2);
}
}
.postArticle-content .sakuhin_link:hover, .postArticle-content .sakuhin_link:active {
color: white;
background: #3f95ff;
}
.oj-section {
margin: 0 auto 80px;
}
.oj-section .oj-section {
margin: 0 auto 60px;
}
.oj-catchcopy {
font-family: ab-babywalk, sans-serif;
font-weight: 400;
font-style: normal;
font-size: calc(10px * 3.6);
font-size: calc(1rem * 3.6);
line-height: 1.6;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.oj-catchcopy {
font-size: calc(10px * 3.6);
font-size: calc(0.7rem * 3.6);
}
}
.oj-title {
font-size: calc(10px * 2.4);
font-size: calc(1rem * 2.4);
margin: 0 0 20px;
padding: 20px 20px 18px;
border: 1px solid #FE7F9C;
border-left: 40px solid #FE7F9C;
border-radius: 60px;
box-sizing: border-box;
line-height: 1.4;
color: #FE7F9C;
box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.1);
font-weight: bold;
}
@media screen and (max-width: 768px) {
.oj-title {
font-size: calc(10px * 2.4);
font-size: calc(0.7rem * 2.4);
}
}
@media screen and (max-width: 768px) {
.oj-title {
padding: 15px 10px 15px;
border-left: 28px solid #FE7F9C;
}
}
.oj-sub-title {
font-size: calc(10px * 1.8);
font-size: calc(1rem * 1.8);
margin: 0 0 16px;
padding: 16px 20px;
line-height: 1.4;
color: white;
background: #88AAC7;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.oj-sub-title {
font-size: calc(10px * 1.8);
font-size: calc(0.7rem * 1.8);
}
}
@media screen and (max-width: 768px) {
.oj-sub-title {
font-size: 24px;
font-size: 2.4rem;
font-size: calc(0.6vw * 2.4);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.oj-sub-title {
font-size: calc(1.8vw * 2.4);
}
}
.oj-dl {
margin: 0 auto 40px;
display: flex;
justify-content: space-between;
}
@media screen and (max-width: 768px) {
.oj-dl {
display: block;
}
}
.oj-dl .oj-dl__list {
width: calc(33.3333333333% - 10px);
}
@media screen and (max-width: 768px) {
.oj-dl .oj-dl__list {
margin: 0 auto 20px;
width: 85%;
}
}
.oj-dl dt {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
line-height: 1.6;
text-align: center;
}
@media screen and (max-width: 768px) {
.oj-dl dt {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
.oj-dl dd {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
line-height: 1.6;
}
@media screen and (max-width: 768px) {
.oj-dl dd {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.oj-dl dd {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.oj-dl dd {
font-size: calc(1.8vw * 2);
}
}
.oj-dl__accent {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0 0 10px;
padding: 10px;
display: block;
width: calc(100% - 20px);
color: white;
background: #FE7F9C;
text-align: center;
}
@media screen and (max-width: 768px) {
.oj-dl__accent {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.oj-dl__accent {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.oj-dl__accent {
font-size: calc(1.8vw * 2);
}
}
.oj-list {
margin: 0 auto 20px;
}
@media screen and (max-width: 768px) {
.oj-list {
width: 100%;
}
}
.oj-list__item {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
margin: 0;
padding-left: 1em;
line-height: 1.6;
list-style: none;
text-indent: -1em;
}
@media screen and (max-width: 768px) {
.oj-list__item {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.oj-list__item {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.oj-list__item {
font-size: calc(1.8vw * 2);
}
}
.oj-ollist {
margin-bottom: 20px;
counter-reset: item;
list-style-type: none;
padding-left: 0;
}
.oj-ollist__item {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
margin-left: 20px;
padding-left: 1.3em;
line-height: 1.6;
list-style-type: none;
text-indent: -1.3em;
}
@media screen and (max-width: 768px) {
.oj-ollist__item {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.oj-ollist__item {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.oj-ollist__item {
font-size: calc(1.8vw * 2);
}
}
.oj-ollist__item::before {
counter-increment: item;
content: counter(item) "."; padding-right: 0.5em;
font-weight: bold;
color: #FE7F9C;
}
.oj-ollist__item::marker {
display: none;
}
.oj-text {
font-size: calc(10px * 1.8);
font-size: calc(1rem * 1.8);
margin: 0 0 20px;
line-height: 1.6;
}
@media screen and (max-width: 768px) {
.oj-text {
font-size: calc(10px * 1.8);
font-size: calc(0.7rem * 1.8);
}
}
@media screen and (max-width: 768px) {
.oj-text {
font-size: 24px;
font-size: 2.4rem;
font-size: calc(0.6vw * 2.4);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.oj-text {
font-size: calc(1.8vw * 2.4);
}
}
.oj-text__paragraph {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
margin: 0 auto 20px;
line-height: 1.6;
}
@media screen and (max-width: 768px) {
.oj-text__paragraph {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.oj-text__paragraph {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.oj-text__paragraph {
font-size: calc(1.8vw * 2);
}
}
.oj-text__paragraph:last-of-type {
margin-bottom: 0;
width: 60%;
}
@media screen and (max-width: 768px) {
.oj-text__paragraph:last-of-type {
width: 100%;
}
}
.oj-text__paragraph--center {
line-height: 1.4;
text-align: center;
}
.oj-text__focus {
margin-right: auto;
margin-left: auto;
padding: 20px 10px;
border: 3px dashed #88AAC7;
box-sizing: border-box;
line-height: 1.8;
width: 60%;
color: #88AAC7;
font-weight: bold;
text-align: center;
}
@media screen and (max-width: 768px) {
.oj-text__focus {
padding: 16px 10px;
border: 2px dashed #88AAC7;
width: 100%;
}
}
.oj-conversion a {
font-size: calc(10px * 2);
font-size: calc(1rem * 2);
margin: 20px auto 0;
padding: 30px 0;
border: 4px solid #FE7F9C;
box-sizing: border-box;
border-radius: 10px;
display: block;
width: 70%;
max-width: 500px;
color: #FE7F9C;
background: #fff;
letter-spacing: 1px;
text-align: center;
cursor: pointer;
font-weight: bold;
transition: 0.25s;
}
@media screen and (max-width: 768px) {
.oj-conversion a {
font-size: calc(10px * 2);
font-size: calc(0.7rem * 2);
}
}
@media screen and (max-width: 768px) {
.oj-conversion a {
font-size: 24px;
font-size: 2.4rem;
font-size: calc(0.6vw * 2.4);
padding: 20px 0;
border: 2px solid #FE7F9C;
width: 90%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.oj-conversion a {
font-size: calc(1.8vw * 2.4);
}
}
.oj-conversion a:hover, .oj-conversion a:active {
color: white;
background: #FE7F9C;
}
.oj-reason {
margin-bottom: 30px;
}
.oj-reason__cont {
margin: 0 auto;
width: 90%;
}
.oj-reason__cont::after {
content: "";
clear: both;
display: block;
}
@media screen and (max-width: 768px) {
.oj-reason__cont {
width: 100%;
}
}
.oj-reason__image {
float: left;
width: 30%;
}
@media screen and (max-width: 768px) {
.oj-reason__image {
margin: 0 auto;
float: none;
width: 85%;
}
}
.oj-reason__image img {
width: 100%;
height: auto;
}
.oj-reason__title {
font-size: calc(10px * 1.8);
font-size: calc(1rem * 1.8);
margin: 0 0 16px;
padding: 10px 16px;
line-height: 1.4;
color: white;
float: right;
width: calc(70% - 32px - 20px);
background: #88AAC7;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.oj-reason__title {
font-size: calc(10px * 1.8);
font-size: calc(0.7rem * 1.8);
}
}
@media screen and (max-width: 768px) {
.oj-reason__title {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
margin: 0 auto 16px;
float: none;
width: calc(85% - 32px);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.oj-reason__title {
font-size: calc(1.8vw * 2);
}
}
.oj-reason__text {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
margin: 0 0 16px;
padding: 0;
float: right;
width: calc(70% - 20px);
line-height: 1.4;
}
@media screen and (max-width: 768px) {
.oj-reason__text {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.oj-reason__text {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
margin: 0 auto 32px;
float: none;
width: 85%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.oj-reason__text {
font-size: calc(1.8vw * 2);
}
}
.oj-reason__appeal {
font-size: calc(10px * 1.8);
font-size: calc(1rem * 1.8);
margin: 0 0 16px;
padding: 16px;
border: 2px solid #88AAC7;
border-radius: 16px;
box-sizing: border-box;
position: relative;
float: right;
width: calc(70% - 20px);
line-height: 1.4;
text-align: center;
color: #666;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.oj-reason__appeal {
font-size: calc(10px * 1.8);
font-size: calc(0.7rem * 1.8);
}
}
@media screen and (max-width: 768px) {
.oj-reason__appeal {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
margin: 0 auto;
padding: 16px 8px;
float: none;
width: 85%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.oj-reason__appeal {
font-size: calc(1.8vw * 2);
}
}
.oj-reason:nth-of-type(odd) .oj-reason__title {
background: #FE7F9C;
}
.oj-reason:nth-of-type(odd) .oj-reason__appeal {
border: 2px solid #FE7F9C;
}
.oj-reason:last-of-type {
margin-bottom: 60px;
}
.oj-appeal {
font-family: "dnp-shuei-gothic-gin-std", sans-serif;
font-weight: 600;
font-style: normal;
font-size: calc(10px * 3.6);
font-size: calc(1rem * 3.6);
margin: 0 auto;
padding: 20px 0;
border: 3px dotted pink;
box-sizing: border-box;
border-radius: 20px;
line-height: 1.4;
text-align: center;
letter-spacing: 3px;
max-width: 680px;
white-space: nowarap;
}
@media screen and (max-width: 768px) {
.oj-appeal {
font-size: calc(10px * 3.6);
font-size: calc(0.7rem * 3.6);
}
}
@media screen and (max-width: 768px) {
.oj-appeal {
font-size: 36px;
font-size: 3.6rem;
font-size: calc(0.6vw * 3.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.oj-appeal {
font-size: calc(1.8vw * 3.6);
}
}
.oj-appeal strong {
color: #FE7F9C;
}
.oj-table {
margin: 0 0 20px;
border-top: 1px solid #eee;
border-left: 1px solid #eee;
box-sizing: border-box;
width: 100%;
}
.oj-table th,
.oj-table td {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
padding: 20px;
border-bottom: 1px solid #eee;
border-right: 1px solid #eee;
box-sizing: border-box;
line-height: 1.6;
width: 50%;
}
@media screen and (max-width: 768px) {
.oj-table th,
.oj-table td {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.oj-table th,
.oj-table td {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.oj-table th,
.oj-table td {
font-size: calc(1.8vw * 2);
}
}
.oj-table th {
background: #dadada;
}
.oj-table sup {
font-size: 70%;
color: red;
}
.oj-kiyaku {
padding: 30px;
border: 4px solid #eee;
box-sizing: border-box;
width: 100%;
height: 400px;
overflow: hidden;
overflow-y: scroll;
}
@media screen and (max-width: 768px) {
.oj-kiyaku {
padding: 20px;
border: 2px solid #eee;
height: 360px;
}
}
.oj-kiyaku-section {
margin: 0 0 30px;
}
.oj-kiyaku-section:last-of-type {
margin-bottom: 0;
}
.oj-kiyaku-ttl {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
line-height: 1.6;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.oj-kiyaku-ttl {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.oj-kiyaku-ttl {
font-size: 20px;
font-size: 2rem;
font-size: calc(0.6vw * 2);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.oj-kiyaku-ttl {
font-size: calc(1.8vw * 2);
}
}
.oj-kiyaku-text {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin-top: 1.6em;
line-height: 1.6;
}
@media screen and (max-width: 768px) {
.oj-kiyaku-text {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.oj-kiyaku-text {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.oj-kiyaku-text {
font-size: calc(1.8vw * 1.8);
}
}
.oj-kiyaku-ol {
counter-reset: item;
list-style-type: none;
padding-left: 0;
list-style-type: none;
}
.oj-kiyaku-ol li {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
line-height: 1.6;
text-indent: -1.7em;
padding-left: 1.7em;
}
@media screen and (max-width: 768px) {
.oj-kiyaku-ol li {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.oj-kiyaku-ol li {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.oj-kiyaku-ol li {
font-size: calc(1.8vw * 1.8);
}
}
.oj-kiyaku-ol li::before {
counter-increment: item;
content: counter(item) "."; padding-right: 0.5em;
font-weight: bold;
}
.oj-kiyaku-ol li .oj-kiyaku-ol-child {
padding: 0;
counter-reset: sub-item;
}
.oj-kiyaku-ol li .oj-kiyaku-ol-child li {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
text-indent: -2.5em;
padding-left: 2.5em;
line-height: 1.6;
}
@media screen and (max-width: 768px) {
.oj-kiyaku-ol li .oj-kiyaku-ol-child li {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.oj-kiyaku-ol li .oj-kiyaku-ol-child li {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.oj-kiyaku-ol li .oj-kiyaku-ol-child li {
font-size: calc(1.8vw * 1.8);
}
}
.oj-kiyaku-ol li .oj-kiyaku-ol-child li::before {
counter-increment: sub-item;
content: counter(item) "-" counter(sub-item) ".";
padding-right: 0.5em;
font-weight: bold;
}
.oj-button-wire {
margin: 20px auto 0;
width: 50%;
max-width: 280px;
}
.mainCont #form_area p input[type=submit] {
padding: 20px 0;
border: 4px solid #4AE092;
box-sizing: border-box;
border-radius: 8px;
color: #4AE092;
background: white;
font-weight: bold;
}
.mainCont #form_area p input[type=submit]:hover, .mainCont #form_area p input[type=submit]:active {
border: 4px solid #FE7F9C;
color: #FE7F9C;
transition: all ease 0.25s;
}
.popup {
padding: 0 0 30px 0;
width: 640px;
overflow: scroll;
overflow-x: hidden;
}
@media screen and (max-width: 768px) {
.popup {
padding-top: 0;
width: 100%;
}
}
.popup .headline2#page_headline {
font-size: calc(10px * 2);
font-size: calc(1rem * 2);
margin: 0 0 40px;
padding: 1.5rem 1rem;
line-height: 1.4;
border: none;
border: 5px dashed #fff !important;
border-right: none !important;
border-left: none !important;
width: calc(100% - 2rem);
color: #fff;
background: #aab3bf !important;
text-align: center;
}
@media screen and (max-width: 768px) {
.popup .headline2#page_headline {
font-size: calc(10px * 2);
font-size: calc(0.7rem * 2);
}
}
@media screen and (max-width: 768px) {
.popup .headline2#page_headline {
font-size: 24px;
font-size: 2.4rem;
font-size: calc(0.6vw * 2.4);
margin-bottom: 20px;
border: 4px dashed #fff !important;
border-right: none !important;
border-left: none !important;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.popup .headline2#page_headline {
font-size: calc(1.8vw * 2.4);
}
}
.popup .detail_box {
margin: 0 auto;
width: 90%;
}
.popup .detail_box::after {
content: "";
clear: both;
display: block;
}
@media screen and (max-width: 768px) {
.popup .detail_box {
padding-right: 0;
padding-left: 0;
}
}
.popup .detail_box .img_area {
margin: 0 auto 20px;
display: block;
float: left;
width: 40%;
}
@media screen and (max-width: 768px) {
.popup .detail_box .img_area {
margin-top: 0;
margin-bottom: 20px;
float: none;
max-height: fit-content;
width: 70%;
}
}
.popup .detail_box .post_area {
float: right;
width: 55%;
}
@media screen and (max-width: 768px) {
.popup .detail_box .post_area {
margin: 0 auto;
float: none;
width: 100%;
}
}
.popup .detail_box .post_area p {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0 0 2rem;
line-height: 1.6;
word-break: break-all;
}
@media screen and (max-width: 768px) {
.popup .detail_box .post_area p {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.popup .detail_box .post_area p {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
line-height: 1.4;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.popup .detail_box .post_area p {
font-size: calc(1.8vw * 1.8);
}
}
.popup .detail_box .post_area p strong {
font-size: calc(10px * 1.6);
font-size: calc(1rem * 1.6);
color: #000 !important;
font-family: "Hiragino Mincho ProN W3", "HiraMinPro-W6", "HiraMinProN-W6", "ヒラギノ明朝 ProN W3", "游明朝", "YuMincho", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-weight: bold;
}
@media screen and (max-width: 768px) {
.popup .detail_box .post_area p strong {
font-size: calc(0.7rem * 1.6);
font-size: calc(10px * 1.6);
}
}
@media screen and (max-width: 768px) {
.popup .detail_box .post_area p strong {
font-size: 18px;
font-size: 1.8rem;
font-size: calc(0.6vw * 1.8);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.popup .detail_box .post_area p strong {
font-size: calc(1.8vw * 1.8);
}
}
.popup .detail_box .post_area p span {
font-weight: bold;
}
.popup .facilities {
margin: 0 0 40px;
line-height: 0;
width: 40%;
font-size: 0;
}
@media screen and (max-width: 768px) {
.popup .facilities {
margin: 0 auto 20px;
position: relative;
top: auto;
left: auto;
width: 100%;
list-style-type: none;
}
}
.popup .facilities li {
margin: 0 2% 2% 0;
display: inline-block;
width: 23.5%;
vertical-align: top;
}
@media screen and (max-width: 768px) {
.popup .facilities li {
margin: 0 1% 1% 0;
width: 19.2%;
}
}
.popup .facilities li:nth-of-type(4n) {
margin-right: 0;
}
@media screen and (max-width: 768px) {
.popup .facilities li:nth-of-type(4n) {
margin-right: 1%;
}
}
@media screen and (max-width: 768px) {
.popup .facilities li:nth-of-type(5n) {
margin-right: 0;
}
}
.popup .popupTxtArea {
margin: 0 auto 20px;
border: 2px solid #aab3bf;
box-sizing: border-box;
width: 93%;
}
.popup .popupTxtArea p {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1em;
line-height: 1.4;
color: #aab3bf;
font-family: Avenir, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "游ゴシック", YuGothic, "ＭＳ Ｐゴシック", sans-serif;
}
@media screen and (max-width: 768px) {
.popup .popupTxtArea p {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.popup .popupTxtArea p {
font-size: 16px;
font-size: 1.6rem;
font-size: calc(0.6vw * 1.6);
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.popup .popupTxtArea p {
font-size: calc(1.8vw * 1.6);
}
}
.popup .popupBtnArea {
margin: 10px auto 20px;
width: 93%;
}
.popup .popupBtnArea::after {
content: "";
clear: both;
display: block;
}
.popup .popupBtnArea-btn._contact {
float: left;
position: relative;
width: 47.5%;
}
@media screen and (max-width: 768px) {
.popup .popupBtnArea-btn._contact {
margin: 0 auto 10px;
float: none;
width: 100%;
}
}
.popup .popupBtnArea-btn._top {
float: right;
position: relative;
width: 47.5%;
}
@media screen and (max-width: 768px) {
.popup .popupBtnArea-btn._top {
margin: 0 auto 10px;
float: none;
width: 100%;
}
}
.popup .popupBtnArea-btn-link {
font-size: calc(10px * 1.4);
font-size: calc(1rem * 1.4);
margin: 0;
padding: 1.5rem 0;
border: none;
display: block;
color: #fff;
width: 100%;
background-image: -webkit-linear-gradient(120deg, #aab3bf 25%, #cfe0e5 100%);
background-image: linear-gradient(120deg, #aab3bf 25%, #cfe0e5 100%);
text-align: center;
transform: all ease 0.25s;
transition: all ease 0.25s;
}
@media screen and (max-width: 768px) {
.popup .popupBtnArea-btn-link {
font-size: calc(10px * 1.4);
font-size: calc(0.7rem * 1.4);
}
}
@media screen and (max-width: 768px) {
.popup .popupBtnArea-btn-link {
font-size: calc(10px * 1.8);
font-size: calc(1rem * 1.8);
margin: 0 auto;
display: block;
float: none;
width: 100%;
}
}
@media screen and (max-width: 768px) and (max-width: 768px) {
.popup .popupBtnArea-btn-link {
font-size: calc(10px * 1.8);
font-size: calc(0.7rem * 1.8);
}
}
.popup .popupBtnArea-btn-link:hover, .popup .popupBtnArea-btn-link:active {
background-image: -webkit-linear-gradient(120deg, #cfe0e5 25%, #aab3bf 100%);
background-image: linear-gradient(120deg, #cfe0e5 25%, #aab3bf 100%);
}
@media print {
@page {
margin: 12.7mm 9.7mm;
size: A4;
page-break-before: always;
}
body {
margin: 0 auto;
-webkit-print-color-adjust: exact;
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
overflow-y: visible;
overflow-x: visible;
}
.mainSideCont-main {
overflow-y: visible;
}
.globalHeader,
.globalFooter,
.breadcrumbs,
.grecaptcha-badge,
.mainFirstView,
.notification,
.mainSideCont-side {
display: none !important;
}
.mainFirstView {
background: none;
}
.mainFirstView::before, .mainFirstView::after {
display: none;
background: none;
}
.mainFirstView-wire::after {
display: none;
}
.mainFirstView-ttl {
display: none !important;
}
.mainFirstView-ttl-catch {
display: none;
}
.mainSideCont-main {
margin: 0 auto;
float: none;
width: 90%;
}
.fade_off {
opacity: 1;
}
.mainVisual,
.mainVisualSide {
display: none !important;
}
.mainCont-movies,
.mainCont-btnlist,
.commonLeadtxt,
.mainCont-btnlist {
display: none;
}
}