html {
overflow-x: hidden;
}
/* スマホアプリのプレビュー用 */
@media (max-width: 767px) {
body:has( > div#cms_contents_area) {
overflow-x: hidden;
width: 100vw;
}
}
/* ----------------------------------------------------------------------------------------
共通使用可能アイコン（ウェブフォント）
---------------------------------------------------------------------------------------- */
/* -----------------------------------------
2024.09 追加
----------------------------------------- */
.cparts-icon-block[class*="cparts-iconfont"] {
display: inline-block;
overflow: hidden;
vertical-align: middle;
width: 2rem;
white-space: nowrap;
}
.cparts-icon-block[class*="cparts-iconfont"]::before {
display: inline-block;
margin-right: 100px;
}
/* ベーシック
======================================================= */
@font-face {
font-family: "CmsBasicIcon";
src: url("/_administrator/css/default/fonts/CmsBasicIcon.eot?wl7fev");
src: url("f/_administrator/css/default/onts/CmsBasicIcon.eot?wl7fev#iefix") format("embedded-opentype"),
url("/_administrator/css/default/fonts/CmsBasicIcon.ttf?wl7fev") format("truetype"),
url("/_administrator/css/default/fonts/CmsBasicIcon.woff?wl7fev") format("woff"),
url("/_administrator/css/default/fonts/CmsBasicIcon.svg?wl7fev#CmsBasicIcon") format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
}
[class*="cparts-iconfont"]::before {
font-family: "CmsBasicIcon" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.cparts-iconsets--basic .cparts-iconfont__fax01::before,
.cparts-iconfont__fax01::before {
content: "\e900";
}
.cparts-iconsets--basic .cparts-iconfont__pc01::before,
.cparts-iconfont__pc01::before {
content: "\e901";
}
.cparts-iconsets--basic .cparts-iconfont__smartphone01::before,
.cparts-iconfont__smartphone01::before {
content: "\e902";
}
.cparts-iconsets--basic .cparts-iconfont__tablet01::before,
.cparts-iconfont__tablet01::before {
content: "\e903";
}
.cparts-iconsets--basic .cparts-iconfont__tel01::before,
.cparts-iconfont__tel01::before {
content: "\e904";
}
.cparts-iconsets--basic .cparts-iconfont__tel02::before,
.cparts-iconfont__tel02::before {
content: "\e905";
}
/* ライン
======================================================= */
@font-face {
font-family: "CmsLineIcon";
src: url("/_administrator/css/default/fonts/CmsLineIcon.eot?wdmsbr");
src: url("/_administrator/css/default/fonts/CmsLineIcon.eot?wdmsbr#iefix") format("embedded-opentype"),
url("/_administrator/css/default/fonts/CmsLineIcon.ttf?wdmsbr") format("truetype"),
url("/_administrator/css/default/fonts/CmsLineIcon.woff?wdmsbr") format("woff"),
url("/_administrator/css/default/fonts/CmsLineIcon.svg?wdmsbr#CmsLineIcon") format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
}
.cparts-iconsets--line [class*="cparts-iconfont"]::before {
font-family: "CmsLineIcon" !important;
}
.cparts-iconsets--basic .cparts-iconfont__fax01::before {
content: "\e900";
}
.cparts-iconsets--line .cparts-iconfont__pc01::before {
content: "\e901";
}
.cparts-iconsets--line .cparts-iconfont__smartphone01::before {
content: "\e902";
}
.cparts-iconsets--line .cparts-iconfont__tablet01::before {
content: "\e903";
}
.cparts-iconsets--line .cparts-iconfont__tel01::before {
content: "\e904";
}
.cparts-iconsets--line .cparts-iconfont__tel02::before {
content: "\e905";
}
/* ポップ
======================================================= */
@font-face {
font-family: "CmsPopIcon";
src: url("/_administrator/css/default/fonts/CmsPopIcon.eot?pzmkf4");
src: url("/_administrator/css/default/fonts/CmsPopIcon.eot?pzmkf4#iefix") format("embedded-opentype"),
url("/_administrator/css/default/fonts/CmsPopIcon.ttf?pzmkf4") format("truetype"),
url("/_administrator/css/default/fonts/CmsPopIcon.woff?pzmkf4") format("woff"),
url("/_administrator/css/default/fonts/CmsPopIcon.svg?pzmkf4#CmsPopIcon") format("svg");
font-weight: normal;
font-style: normal;
font-display: block;
}
.cparts-iconsets--pop [class*="cparts-iconfont"]::before {
font-family: "CmsPopIcon" !important;
}
.cparts-iconsets--pop .cparts-iconfont__pc01::before {
content: "\e901";
}
.cparts-iconsets--pop .cparts-iconfont__smartphone01::before {
content: "\e902";
}
.cparts-iconsets--pop .cparts-iconfont__tablet01::before {
content: "\e903";
}
.cparts-iconsets--pop .cparts-iconfont__tel01:before {
content: "\e904";
}
.cparts-iconsets--pop .cparts-iconfont__tel02::before {
content: "\e905";
}
/* ----------------------------------------------------------------------------------------
共通使用可能アニメーションclass（要素に下記のclassをそれぞれ追加するとアニメーションとして動きます）
---------------------------------------------------------------------------------------- */
/* -----------------------------------------
2022.01 追加
----------------------------------------- */
/* A：その場でフェードイン */
.cparts-animation--fadeIn {
animation-name: fadeInAnime;
animation-duration: 1s;
animation-fill-mode: forwards;
opacity: 0;
}
@keyframes fadeInAnime{
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/* B：下からフェードイン */
.cparts-animation--fadeUp {
animation-name:fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes fadeUpAnime{
from {
opacity: 0;
transform: translateY(100px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* C：上からフェードイン */
.cparts-animation--fadeDown {
animation-name:fadeDownAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes fadeDownAnime{
from {
opacity: 0;
transform: translateY(-100px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* D：左からフェードイン */
.cparts-animation--fadeLeft{
animation-name:fadeLeftAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes fadeLeftAnime{
from {
opacity: 0;
transform: translateX(-100px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
/* E：右からフェードイン */
.cparts-animation--fadeRight{
animation-name:fadeRightAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes fadeRightAnime{
from {
opacity: 0;
transform: translateX(100px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
/* A～E：スクロールをしたら出現する要素にはじめに透過0を指定 */
.cparts-animation--fadeInTrigger,
.cparts-animation--fadeUpTrigger,
.cparts-animation--fadeDownTrigger,
.cparts-animation--fadeLeftTrigger,
.cparts-animation--fadeRightTrigger {
opacity: 0;
}
/* F：拡大しながら表示 */
.cparts-animation--zoomIn {
animation-name:zoomInAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
}
@keyframes zoomInAnime{
from {
transform: scale(0.6);
opacity: 0;
}
to {
transform: scale(1);
opacity: 1;
}
}
/* G：縮小しながら表示 */
.cparts-animation--zoomOut {
animation-name:zoomOutAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
}
@keyframes zoomOutAnime{
from {
transform: scale(1.2);
opacity: 0;
}
to {
transform:scale(1);
opacity: 1;
}
}
/* F～G：スクロールをしたら出現する要素にはじめに透過0を指定 */
.cparts-animation--zoomInTrigger,
.cparts-animation--zoomOutTrigger {
opacity: 0;
}
/* H：ぼかしから徐々に表示 */
.cparts-animation--blur{
animation-name:blurAnime;
animation-duration:1s;
animation-fill-mode:forwards;
}
@keyframes blurAnime{
from {
filter: blur(10px);
transform: scale(1.02);
opacity: 0;
}
to {
filter: blur(0);
transform: scale(1);
opacity: 1;
}
}
/* H：スクロールをしたら出現する要素にはじめに透過0を指定 */
.cparts-animation--blurTrigger {
opacity: 0;
}
/* I～L：色が左から右に伸びて出現させる場合はそれぞれのclassと合わせて下記classも同一要素に追加 */
.cparts-animation--bgextend {
animation-name: bgextendAnimeBase;
animation-duration: 1s;
animation-fill-mode: forwards;
position: relative;
overflow: hidden;
opacity: 0;
}
@keyframes bgextendAnimeBase {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
/* I～L：アニメーションを動かすための文字列を囲う子要素の動き */
.cparts-animation--bgappear {
animation-name: bgextendAnimeSecond;
animation-duration: 1s;
animation-delay: 0.6s;
animation-fill-mode: forwards;
opacity: 0;
}
@keyframes bgextendAnimeSecond {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
/* I：疑似要素（::before）に設定された色が左から右に伸びて出現 */
.cparts-animation--bgLRextend::before {
animation-name: bgLRextendAnime;
animation-duration: 1s;
animation-fill-mode: forwards;
content: "";
position: absolute;
width: 100%;
height: 100%;
background-color: #fff;
}
@keyframes bgLRextendAnime {
0% {
transform-origin: left;
transform: scaleX(0);
}
50% {
transform-origin: left;
transform: scaleX(1);
}
50.001% {
transform-origin: right;
}
100% {
transform-origin: right;
transform: scaleX(0);
}
}
/* J：疑似要素（::before）に設定された色が右から左に伸びて出現 */
.cparts-animation--bgRLextend::before {
animation-name: bgRLextendAnime;
animation-duration: 1s;
animation-fill-mode: forwards;
content: "";
position: absolute;
width: 100%;
height: 100%;
background-color: #fff;
}
@keyframes bgRLextendAnime {
0% {
transform-origin: right;
transform: scaleX(0);
}
50% {
transform-origin: right;
transform: scaleX(1);
}
50.001% {
transform-origin: left;
}
100% {
transform-origin: left;
transform: scaleX(0);
}
}
/* K：疑似要素（::before）に設定された色が下から上に伸びて出現 */
.cparts-animation--bgDUextend::before {
animation-name: bgDUextendAnime;
animation-duration: 1s;
animation-fill-mode: forwards;
content: "";
position: absolute;
width: 100%;
height: 100%;
background-color: #fff;
}
@keyframes bgDUextendAnime {
0% {
transform-origin: bottom;
transform: scaleY(0);
}
50% {
transform-origin: bottom;
transform: scaleY(1);
}
50.001% {
transform-origin: top;
}
100% {
transform-origin: top;
transform: scaleY(0);
}
}
/* L：疑似要素（::before）に設定された色が上から下に伸びて出現 */
.cparts-animation--bgUDextend::before {
animation-name: bgUDextendAnime;
animation-duration: 1s;
animation-fill-mode: forwards;
content: "";
position: absolute;
width: 100%;
height: 100%;
background-color: #fff;
}
@keyframes bgUDextendAnime {
0% {
transform-origin: top;
transform: scaleY(0);
}
50% {
transform-origin: top;
transform: scaleY(1);
}
50.001% {
transform-origin: bottom;
}
100% {
transform-origin: bottom;
transform: scaleY(0);
}
}
/* I～L：スクロールをしたら出現する要素にはじめに透過0を指定 */
.cparts-animation--bgappearTrigger,
.cparts-animation--bgUDextendTrigger,
.cparts-animation--bgDUextendTrigger,
.cparts-animation--bgRLextendTrigger,
.cparts-animation--bgLRextendTrigger {
opacity: 0;
}
/* アニメーション設定
======================================================= */
/* アニメーションの回数を決めるCSS*/
.cparts-animation__count2{
animation-iteration-count: 2;/*この数字を必要回数分に変更*/
}
.cparts-animation__countinfinite{
animation-iteration-count: infinite;/*無限ループ*/
}
/* アニメーションスタートの遅延時間を決めるCSS*/
.cparts-animation__delay-time01 { animation-delay: 0.1s;}
.cparts-animation__delay-time02 { animation-delay: 0.2s;}
.cparts-animation__delay-time03 { animation-delay: 0.3s;}
.cparts-animation__delay-time04 { animation-delay: 0.4s;}
.cparts-animation__delay-time05 { animation-delay: 0.5s;}
.cparts-animation__delay-time06 { animation-delay: 0.6s;}
.cparts-animation__delay-time07 { animation-delay: 0.7s;}
.cparts-animation__delay-time08 { animation-delay: 0.8s;}
.cparts-animation__delay-time09 { animation-delay: 0.9s;}
.cparts-animation__delay-time10 { animation-delay: 1s;}
.cparts-animation__delay-time11 { animation-delay: 1.1s;}
.cparts-animation__delay-time12 { animation-delay: 1.2s;}
.cparts-animation__delay-time13 { animation-delay: 1.3s;}
.cparts-animation__delay-time14 { animation-delay: 1.4s;}
.cparts-animation__delay-time15 { animation-delay: 1.5s;}
.cparts-animation__delay-time16 { animation-delay: 1.6s;}
.cparts-animation__delay-time17 { animation-delay: 1.7s;}
.cparts-animation__delay-time18 { animation-delay: 1.8s;}
.cparts-animation__delay-time19 { animation-delay: 1.9s;}
.cparts-animation__delay-time20 { animation-delay: 2.0s;}
.cparts-animation__delay-time21 { animation-delay: 2.1s;}
.cparts-animation__delay-time22 { animation-delay: 2.2s;}
.cparts-animation__delay-time23 { animation-delay: 2.3s;}
.cparts-animation__delay-time24 { animation-delay: 2.4s;}
.cparts-animation__delay-time25 { animation-delay: 2.5s;}
.cparts-animation__delay-time26 { animation-delay: 2.6s;}
.cparts-animation__delay-time27 { animation-delay: 2.7s;}
.cparts-animation__delay-time28 { animation-delay: 2.8s;}
.cparts-animation__delay-time29 { animation-delay: 2.9s;}
.cparts-animation__delay-time30 { animation-delay: 3s;}
/* アニメーション自体が変化する時間を決めるCSS*/
.cparts-animation__duration-time01 { animation-duration: 0.1s;}
.cparts-animation__duration-time02 { animation-duration: 0.2s;}
.cparts-animation__duration-time03 { animation-duration: 0.3s;}
.cparts-animation__duration-time04 { animation-duration: 0.4s;}
.cparts-animation__duration-time05 { animation-duration: 0.5s;}
.cparts-animation__duration-time06 { animation-duration: 0.6s;}
.cparts-animation__duration-time07 { animation-duration: 0.7s;}
.cparts-animation__duration-time08 { animation-duration: 0.8s;}
.cparts-animation__duration-time09 { animation-duration: 0.9s;}
.cparts-animation__duration-time10 { animation-duration: 1s;}
.cparts-animation__duration-time11 { animation-duration: 1.1s;}
.cparts-animation__duration-time12 { animation-duration: 1.2s;}
.cparts-animation__duration-time13 { animation-duration: 1.3s;}
.cparts-animation__duration-time14 { animation-duration: 1.4s;}
.cparts-animation__duration-time15 { animation-duration: 1.5s;}
.cparts-animation__duration-time16 { animation-duration: 1.6s;}
.cparts-animation__duration-time17 { animation-duration: 1.7s;}
.cparts-animation__duration-time18 { animation-duration: 1.8s;}
.cparts-animation__duration-time19 { animation-duration: 1.9s;}
.cparts-animation__duration-time20 { animation-duration: 2.0s;}
.cparts-animation__duration-time21 { animation-duration: 2.1s;}
.cparts-animation__duration-time22 { animation-duration: 2.2s;}
.cparts-animation__duration-time23 { animation-duration: 2.3s;}
.cparts-animation__duration-time24 { animation-duration: 2.4s;}
.cparts-animation__duration-time25 { animation-duration: 2.5s;}
.cparts-animation__duration-time26 { animation-duration: 2.6s;}
.cparts-animation__duration-time27 { animation-duration: 2.7s;}
.cparts-animation__duration-time28 { animation-duration: 2.8s;}
.cparts-animation__duration-time29 { animation-duration: 2.9s;}
.cparts-animation__duration-time30 { animation-duration: 3s;}
/* 文字を1文字づつ出すアニメーション */
.cparts-animation--appeartext span {opacity: 0;}
.cparts-animation--appeartext.cparts-animation--appeartext__text span{ animation:text_anime_on 1s ease-out forwards; }
@keyframes text_anime_on {
0% {opacity:0;}
100% {opacity:1;}
}
/* エディタ時は最初から表示
======================================================= */
body#editor .cparts-animation--fadeInTrigger,
body#editor .cparts-animation--fadeUpTrigger,
body#editor .cparts-animation--fadeDownTrigger,
body#editor .cparts-animation--fadeLeftTrigger,
body#editor .cparts-animation--fadeRightTrigger,
body#editor .cparts-animation--zoomInTrigger,
body#editor .cparts-animation--zoomOutTrigger,
body#editor .cparts-animation--bgappearTrigger,
body#editor .cparts-animation--bgUDextendTrigger,
body#editor .cparts-animation--bgDUextendTrigger,
body#editor .cparts-animation--bgRLextendTrigger,
body#editor .cparts-animation--bgLRextendTrigger,
body#editor .cparts-animation--blurTrigger,
body#editor .cparts-animation--appeartext,
body#editor .cparts-animation--appeartext.cparts-animation--appeartext__text,
body#header .cparts-animation--fadeInTrigger,
body#header .cparts-animation--fadeUpTrigger,
body#header .cparts-animation--fadeDownTrigger,
body#header .cparts-animation--fadeLeftTrigger,
body#header .cparts-animation--fadeRightTrigger,
body#header .cparts-animation--zoomInTrigger,
body#header .cparts-animation--zoomOutTrigger,
body#header .cparts-animation--bgappearTrigger,
body#header .cparts-animation--bgUDextendTrigger,
body#header .cparts-animation--bgDUextendTrigger,
body#header .cparts-animation--bgRLextendTrigger,
body#header .cparts-animation--bgLRextendTrigger,
body#header .cparts-animation--blurTrigger,
body#header .cparts-animation--appeartext,
body#header .cparts-animation--appeartext.cparts-animation--appeartext__text,
body#upper .cparts-animation--fadeInTrigger,
body#upper .cparts-animation--fadeUpTrigger,
body#upper .cparts-animation--fadeDownTrigger,
body#upper .cparts-animation--fadeLeftTrigger,
body#upper .cparts-animation--fadeRightTrigger,
body#upper .cparts-animation--zoomInTrigger,
body#upper .cparts-animation--zoomOutTrigger,
body#upper .cparts-animation--bgappearTrigger,
body#upper .cparts-animation--bgUDextendTrigger,
body#upper .cparts-animation--bgDUextendTrigger,
body#upper .cparts-animation--bgRLextendTrigger,
body#upper .cparts-animation--bgLRextendTrigger,
body#upper .cparts-animation--blurTrigger,
body#upper .cparts-animation--appeartext,
body#upper .cparts-animation--appeartext.cparts-animation--appeartext__text,
body#main .cparts-animation--fadeInTrigger,
body#main .cparts-animation--fadeUpTrigger,
body#main .cparts-animation--fadeDownTrigger,
body#main .cparts-animation--fadeLeftTrigger,
body#main .cparts-animation--fadeRightTrigger,
body#main .cparts-animation--zoomInTrigger,
body#main .cparts-animation--zoomOutTrigger,
body#main .cparts-animation--bgappearTrigger,
body#main .cparts-animation--bgUDextendTrigger,
body#main .cparts-animation--bgDUextendTrigger,
body#main .cparts-animation--bgRLextendTrigger,
body#main .cparts-animation--bgLRextendTrigger,
body#main .cparts-animation--blurTrigger,
body#main .cparts-animation--appeartext,
body#main .cparts-animation--appeartext.cparts-animation--appeartext__text,
body#bottom .cparts-animation--fadeInTrigger,
body#bottom .cparts-animation--fadeUpTrigger,
body#bottom .cparts-animation--fadeDownTrigger,
body#bottom .cparts-animation--fadeLeftTrigger,
body#bottom .cparts-animation--fadeRightTrigger,
body#bottom .cparts-animation--zoomInTrigger,
body#bottom .cparts-animation--zoomOutTrigger,
body#bottom .cparts-animation--bgappearTrigger,
body#bottom .cparts-animation--bgUDextendTrigger,
body#bottom .cparts-animation--bgDUextendTrigger,
body#bottom .cparts-animation--bgRLextendTrigger,
body#bottom .cparts-animation--bgLRextendTrigger,
body#bottom .cparts-animation--blurTrigger,
body#bottom .cparts-animation--appeartext,
body#bottom .cparts-animation--appeartext.cparts-animation--appeartext__text,
body#side .cparts-animation--fadeInTrigger,
body#side .cparts-animation--fadeUpTrigger,
body#side .cparts-animation--fadeDownTrigger,
body#side .cparts-animation--fadeLeftTrigger,
body#side .cparts-animation--fadeRightTrigger,
body#side .cparts-animation--zoomInTrigger,
body#side .cparts-animation--zoomOutTrigger,
body#side .cparts-animation--bgappearTrigger,
body#side .cparts-animation--bgUDextendTrigger,
body#side .cparts-animation--bgDUextendTrigger,
body#side .cparts-animation--bgRLextendTrigger,
body#side .cparts-animation--bgLRextendTrigger,
body#side .cparts-animation--blurTrigger,
body#side .cparts-animation--appeartext,
body#side .cparts-animation--appeartext.cparts-animation--appeartext__text,
body#right .cparts-animation--fadeInTrigger,
body#right .cparts-animation--fadeUpTrigger,
body#right .cparts-animation--fadeDownTrigger,
body#right .cparts-animation--fadeLeftTrigger,
body#right .cparts-animation--fadeRightTrigger,
body#right .cparts-animation--zoomInTrigger,
body#right .cparts-animation--zoomOutTrigger,
body#right .cparts-animation--bgappearTrigger,
body#right .cparts-animation--bgUDextendTrigger,
body#right .cparts-animation--bgDUextendTrigger,
body#right .cparts-animation--bgRLextendTrigger,
body#right .cparts-animation--bgLRextendTrigger,
body#right .cparts-animation--blurTrigger,
body#right .cparts-animation--appeartext,
body#right .cparts-animation--appeartext.cparts-animation--appeartext__text,
body#opt1 .cparts-animation--fadeInTrigger,
body#opt1 .cparts-animation--fadeUpTrigger,
body#opt1 .cparts-animation--fadeDownTrigger,
body#opt1 .cparts-animation--fadeLeftTrigger,
body#opt1 .cparts-animation--fadeRightTrigger,
body#opt1 .cparts-animation--zoomInTrigger,
body#opt1 .cparts-animation--zoomOutTrigger,
body#opt1 .cparts-animation--bgappearTrigger,
body#opt1 .cparts-animation--bgUDextendTrigger,
body#opt1 .cparts-animation--bgDUextendTrigger,
body#opt1 .cparts-animation--bgRLextendTrigger,
body#opt1 .cparts-animation--bgLRextendTrigger,
body#opt1 .cparts-animation--blurTrigger,
body#opt1 .cparts-animation--appeartext,
body#opt1 .cparts-animation--appeartext.cparts-animation--appeartext__text,
body#opt2 .cparts-animation--fadeInTrigger,
body#opt2 .cparts-animation--fadeUpTrigger,
body#opt2 .cparts-animation--fadeDownTrigger,
body#opt2 .cparts-animation--fadeLeftTrigger,
body#opt2 .cparts-animation--fadeRightTrigger,
body#opt2 .cparts-animation--zoomInTrigger,
body#opt2 .cparts-animation--zoomOutTrigger,
body#opt2 .cparts-animation--bgappearTrigger,
body#opt2 .cparts-animation--bgUDextendTrigger,
body#opt2 .cparts-animation--bgDUextendTrigger,
body#opt2 .cparts-animation--bgRLextendTrigger,
body#opt2 .cparts-animation--bgLRextendTrigger,
body#opt2 .cparts-animation--blurTrigger,
body#opt2 .cparts-animation--appeartext,
body#opt2 .cparts-animation--appeartext.cparts-animation--appeartext__text,
body#opt3 .cparts-animation--fadeInTrigger,
body#opt3 .cparts-animation--fadeUpTrigger,
body#opt3 .cparts-animation--fadeDownTrigger,
body#opt3 .cparts-animation--fadeLeftTrigger,
body#opt3 .cparts-animation--fadeRightTrigger,
body#opt3 .cparts-animation--zoomInTrigger,
body#opt3 .cparts-animation--zoomOutTrigger,
body#opt3 .cparts-animation--bgappearTrigger,
body#opt3 .cparts-animation--bgUDextendTrigger,
body#opt3 .cparts-animation--bgDUextendTrigger,
body#opt3 .cparts-animation--bgRLextendTrigger,
body#opt3 .cparts-animation--bgLRextendTrigger,
body#opt3 .cparts-animation--blurTrigger,
body#opt3 .cparts-animation--appeartext,
body#opt3 .cparts-animation--appeartext.cparts-animation--appeartext__text,
body#footer .cparts-animation--fadeInTrigger,
body#footer .cparts-animation--fadeUpTrigger,
body#footer .cparts-animation--fadeDownTrigger,
body#footer .cparts-animation--fadeLeftTrigger,
body#footer .cparts-animation--fadeRightTrigger,
body#footer .cparts-animation--zoomInTrigger,
body#footer .cparts-animation--zoomOutTrigger,
body#footer .cparts-animation--bgappearTrigger,
body#footer .cparts-animation--bgUDextendTrigger,
body#footer .cparts-animation--bgDUextendTrigger,
body#footer .cparts-animation--bgRLextendTrigger,
body#footer .cparts-animation--bgLRextendTrigger,
body#footer .cparts-animation--blurTrigger,
body#footer .cparts-animation--appeartext,
body#footer .cparts-animation--appeartext.cparts-animation--appeartext__text {
opacity: 1;
}
/* ----------------------------------------------------------------------
見出し系
---------------------------------------------------------------------- */
/* 見出し（日本語と英語）*/
.parts_h_type16_ja {
display: block;
margin-bottom: 8px;
}
.parts_h_type16_en {
display: block;
font-size: 50%;
}
/* 見出しとテキスト */
.parts_h_type17 {
margin-left: -15px;
margin-right: -15px;
}
.parts_h_type17_box {
overflow: hidden;
box-sizing: border-box;
float: left;
width: 50%;
padding: 0 15px;
}
.parts_h_type17_box_photo {
float: left;
width: 30%;
}
.parts_h_type17_box_photo img {
display: block;
width: 100%;
max-width: none;
height: auto;
}
.parts_h_type17_box_text {
box-sizing: border-box;
float: right;
width: 70%;
padding-left: 15px;
}
.parts_h_type17_box_text_body {
margin-bottom: 16px;
}
.parts_h_type17_box_text_body > :last-child {
margin-bottom: 0;
}
.parts_h_type17_box_text_foot {
padding: 16px;
/* color.css */
}
.parts_h_type17_box_text_foot > :last-child {
margin-bottom: 0;
}
@media (max-width: 767px) {
.parts_h_type17 {
margin-left: 0;
margin-right: 0;
}
.parts_h_type17_box {
float: none;
width: 100%;
padding: 0;
}
.parts_h_type17_box_photo {
margin-right: 16px;
margin-bottom: 8px;
}
.parts_h_type17_box_text {
float: none;
width: 100%;
padding: 0;
}
.parts_h_type17_box_text_foot {
clear: both;
}
}
/* 見出しとテキスト2 */
.parts_h_type18 {
margin-left: -15px;
margin-right: -15px;
}
.parts_h_type18_box {
overflow: hidden;
box-sizing: border-box;
float: left;
width: 50%;
padding: 0 15px;
}
.parts_h_type18_box_photo {
float: left;
width: 30%;
margin-bottom: 16px;
}
.parts_h_type18_box_photo img {
display: block;
width: 100%;
max-width: none;
height: auto;
}
.parts_h_type18_box_text {
box-sizing: border-box;
float: right;
width: 70%;
margin-bottom: 16px;
padding-left: 15px;
}
.parts_h_type18_box_body {
margin-bottom: 16px;
}
.parts_h_type18_box_body > :last-child {
margin-bottom: 0;
}
.parts_h_type18_box_foot {
clear: both;
padding: 16px;
/* color.css */
}
.parts_h_type18_box_foot > :last-child {
margin-bottom: 0;
}
@media (max-width: 767px) {
.parts_h_type18 {
margin-left: 0;
margin-right: 0;
}
.parts_h_type18_box {
float: none;
width: 100%;
padding-left: 0;
padding-right: 0;
}
.parts_h_type18_box_photo {
margin-right: 16px;
margin-bottom: 8px;
}
.parts_h_type18_box_text {
float: none;
width: 100%;
margin-bottom: 0;
padding-left: 0;
}
}
/* 画像と見出しとテキスト */
.parts_h_type19_photo {
padding-bottom: 10px;
}
.parts_h_type19_photo img {
width: 100%;
max-width: none;
height: auto;
}
.parts_h_type19_body {
overflow: hidden;
}
.parts_h_type19_body_head {
box-sizing: border-box;
float: left;
width: 40%;
padding-right: 40px;
}
.parts_h_type19_body_head > * {
margin-top: 0;
}
.parts_h_type19_body_text {
float: left;
width: 60%;
}
.parts_h_type19_body_text > :last-child {
margin-bottom: 0;
}
/* 画像と見出しとテキスト2 */
.parts_h_type20 {
overflow: hidden;
margin-left: -15px;
margin-right: -15px;
}
.parts_h_type20_box {
box-sizing: border-box;
float: left;
width: 50%;
padding: 0 15px;
}
.parts_h_type20_box_photo {
padding-bottom: 10px;
}
.parts_h_type20_box_photo img {
width: 100%;
max-width: none;
height: auto;
}
.parts_h_type20_box_body {
overflow: hidden;
}
.parts_h_type20_box_body_head {
box-sizing: border-box;
float: left;
width: 40%;
padding-right: 40px;
}
.parts_h_type20_box_body_head > * {
margin-top: 0;
}
.parts_h_type20_box_body_text {
float: left;
width: 60%;
}
.parts_h_type20_box_body_text > :last-child {
margin-bottom: 0;
}
@media (max-width: 767px) {
.parts_h_type20 {
margin-left: 0;
margin-right: 0;
}
.parts_h_type20_box {
float: none;
width: 100%;
padding: 0;
}
}
/* 2カラム 上ライン付き */
.parts_h_type21_head {
box-sizing: border-box;
float: left;
width: 33.3333333333%;
padding-right: 15px;
}
.parts_h_type21_body {
box-sizing: border-box;
float: left;
width: 66.6666666666%;
padding-left: 15px;
}
.parts_h_type21_head > div,
.parts_h_type21_body > div {
padding-top: 20px;
border-top-width: 6px;
border-top-style: solid;
/* color.css */
}
.parts_h_type21_head h4 {
padding-left: 0;
background: transparent none;
border: none;
}
.parts_h_type21_body > div {
/* color.css */
}
/* 3カラム 上ライン付き */
.parts_h_type22 {
margin-left: -15px;
margin-right: -15px;
}
.parts_h_type22_head {
box-sizing: border-box;
float: left;
width: 33.3333333333%;
padding: 0 15px;
}
.parts_h_type22_body {
box-sizing: border-box;
float: left;
width: 33.3333333333%;
padding: 0 15px;
}
.parts_h_type22_head > div,
.parts_h_type22_body > div {
padding-top: 20px;
border-top-width: 6px;
border-top-style: solid;
/* color.css */
}
.parts_h_type22_head h4 {
padding-left: 0;
background: transparent none;
border: none;
}
.parts_h_type22_body > div {
/* color.css */
}
@media (max-width: 767px) {
.parts_h_type22_body {
float: right;
width: 66.6666666666%;
}
}
/* 番号付き1 */
.parts_h_type23 {
margin-left: -15px;
margin-right: -15px;
}
.parts_h_type23_box {
box-sizing: border-box;
float: left;
width: 33.3333333333%;
padding: 0 15px;
}
.parts_h_type23_box_head {
display: table;
width: 100%;
padding-bottom: 10px;
}
.parts_h_type23_box_head_num,
.parts_h_type23_box_head_num + h4 {
display: table-cell;
}
.parts_h_type23_box_head_num {
width: 36px;
}
.parts_h_type23_box_head_num > span {
display: block;
line-height: 36px;
text-align: center;
/* color.css */
}
.parts_h_type23_box_head_num + h4 {
margin: 0;
padding: 0 0 0 8px;
border: none;
vertical-align: middle;
line-height: 1.2;
}
.parts_h_type23_box_head_num h4:before,
.parts_h_type23_box_head_num h4:after {
display: none;
}
.parts_h_type23_box_photo {
margin-bottom: 8px;
}
.parts_h_type23_box_photo img {
display: block;
width: 100%;
max-width: none;
height: auto;
}
.parts_h_type23_box_text > :last-child {
margin-bottom: 0;
}
@media (max-width: 767px) {
.parts_h_type23 {
margin-left: 0;
margin-right: 0;
}
.parts_h_type23_box {
float: none;
width: 100%;
padding: 0;
}
div.parts_h_type23_box_text {
padding-top: 0;
}
}
/* 番号付き2 */
.parts_h_type24 {
margin-left: -15px;
margin-right: -15px;
}
.parts_h_type24_box {
box-sizing: border-box;
float: left;
width: 25%;
padding: 0 15px;
}
.parts_h_type24_box_head {
display: table;
width: 100%;
padding-bottom: 10px;
}
.parts_h_type24_box_head_num,
.parts_h_type24_box_head_num + h4 {
display: table-cell;
}
.parts_h_type24_box_head_num {
width: 36px;
}
.parts_h_type24_box_head_num > span {
display: block;
line-height: 36px;
text-align: center;
/* color.css */
}
.parts_h_type24_box_head_num + h4 {
margin: 0;
padding: 0 0 0 8px;
border: none;
line-height: 1.2;
}
.parts_h_type24_box_head_num + h4:before,
.parts_h_type24_box_head_num + h4:after {
display: none;
}
.parts_h_type24_box_photo {
margin-bottom: 8px;
}
.parts_h_type24_box_photo img {
display: block;
width: 100%;
max-width: none;
height: auto;
}
.parts_h_type24_box_text > :last-child {
margin-bottom: 0;
}
@media (max-width: 767px) {
.parts_h_type24 {
margin-left: 0;
margin-right: 0;
}
.parts_h_type24_box {
float: none;
width: 100%;
padding: 0;
}
div.parts_h_type24_box_text {
padding-top: 0;
}
}
/* 見出しとテキスト（背景）1 */
.parts_h_type25 {
padding: 8px;
/* color.css */
}
.parts_h_type25 h4 {
margin: 0;
padding: 8px 8px 16px;
border: none;
}
.parts_h_type25 h4:before,
.parts_h_type25 h4:after {
display: none;
}
div.parts_h_type25_body {
padding: 16px;
/* color.css */
}
.parts_h_type25_body > :last-child {
margin-bottom: 0;
}
/*見出しとテキスト（背景）2*/
.parts_h_type26 {
overflow: hidden;
padding: 8px;
/* color.css */
}
.parts_h_type26 h4 {
margin: 0;
padding: 8px 8px 16px;
border: none;
/* color.css */
}
.parts_h_type26 h4:before,
.parts_h_type26 h4:after {
display: none;
}
div.parts_h_type26_body {
overflow: hidden;
padding: 15px;
/* color.css */
}
.parts_h_type26_body_sec {
box-sizing: border-box;
float: left;
width: 50%;
}
.parts_h_type26_body_sec:nth-child(odd) {
padding-right: 15px;
}
.parts_h_type26_body_sec:nth-child(even) {
padding-left: 15px;
}
.parts_h_type26_body_sec > :last-child {
margin-bottom: 0;
}
@media (max-width: 767px) {
.parts_h_type26_body_sec:nth-child(n) {
float: none;
width: 100%;
padding-left: 0;
padding-right: 0;
}
}
/* 見出しとテキスト（背景）3 */
.parts_h_type27 {
overflow: hidden;
padding: 8px;
/* color.css */
}
.parts_h_type27 h4 {
margin: 0;
padding: 8px 8px 16px;
border: none;
/* color.css */
}
.parts_h_type27 h4:before,
.parts_h_type27 h4:after {
display: none;
}
div.parts_h_type27_body {
overflow: hidden;
padding: 15px;
/* color.css */
}
.parts_h_type27_body img {
float: right;
width: 30%;
margin: 0 0 8px 15px;
}
.parts_h_type27_body > :last-child {
margin-bottom: 0;
}
@media (max-width: 767px) {
.parts_h_type27_body img {
display: block;
float: none;
width: 100%;
max-width: none;
margin-left: 0;
}
}
/* ----------------------------------------------------------------------
画像系
---------------------------------------------------------------------- */
/* 画像とテキスト 5列 */
.parts_img_type26 {
margin-left: -15px;
margin-right: -15px;
}
.parts_img_type26_box {
box-sizing: border-box;
float: left;
width: 20%;
padding: 0 15px;
}
.parts_img_type26_box_photo img {
display: block;
width: 100%;
max-width: none;
height: auto;
}
.parts_img_type26_box_text {
padding-top: 15px;
}
.parts_img_type26_box_text > :last-child {
margin-bottom: 0;
}
@media (max-width: 767px) {
.parts_img_type26 {
margin-left: -10px;
margin-right: -10px;
}
.parts_img_type26_box {
float: left;
width: 50%;
padding: 0 10px;
}
.parts_img_type26_box:nth-child(odd) {
clear: both;
}
}
/* 画像とテキストリンク 5列 */
.parts_img_type27 {
margin-left: -15px;
margin-right: -15px;
}
.parts_img_type27_box {
box-sizing: border-box;
float: left;
width: 20%;
padding: 0 15px;
}
.parts_img_type27_box_photo img {
display: block;
width: 100%;
max-width: none;
height: auto;
}
.parts_img_type27_box_text {
padding-top: 15px;
}
.parts_img_type27_box_text > :last-child {
margin-bottom: 0;
}
@media (max-width: 767px) {
.parts_img_type27 {
margin-left: -10px;
margin-right: -10px;
}
.parts_img_type27_box {
float: left;
width: 50%;
padding: 0 10px;
}
.parts_img_type27_box:nth-child(odd) {
clear: both;
}
}
/* 画像とテキスト 5列（背景） */
.parts_img_type28 {
margin-left: -15px;
margin-right: -15px;
}
.parts_img_type28_box {
box-sizing: border-box;
float: left;
width: 20%;
padding: 0 15px;
}
div.parts_img_type28_box_photo {
padding-bottom: 0;
}
.parts_img_type28_box_photo img {
display: block;
width: 100%;
max-width: none;
height: auto;
}
.parts_img_type28_box_text {
padding: 15px;
/* color.css */
}
.parts_img_type28_box_text > :last-child {
margin-bottom: 0;
}
@media (max-width: 767px) {
.parts_img_type28 {
margin-left: -10px;
margin-right: -10px;
}
.parts_img_type28_box {
float: left;
width: 50%;
padding: 0 10px;
}
.parts_img_type28_box:nth-child(odd) {
clear: both;
}
}
/* 画像とテキスト 6列 */
.parts_img_type29 {
margin-left: -15px;
margin-right: -15px;
}
.parts_img_type29_box {
box-sizing: border-box;
float: left;
width: 16.6666667%;
padding: 0 15px;
}
.parts_img_type29_box_photo img {
width: 100%;
height: auto;
}
.parts_img_type29_box_text {
padding-top: 15px;
}
.parts_img_type29_box_text > :last-child {
margin-bottom: 0;
}
@media (max-width: 767px) {
.parts_img_type29 {
margin-left: -10px;
margin-right: -10px;
}
.parts_img_type29_box {
float: left;
width: 50%;
padding: 0 10px;
}
.parts_img_type29_box:nth-child(odd) {
clear: both;
}
}
/* 画像とテキストリンク 6列 */
.parts_img_type30 {
margin-left: -15px;
margin-right: -15px;
}
.parts_img_type30_box {
box-sizing: border-box;
float: left;
width: 16.6666667%;
padding: 0 15px;
}
.parts_img_type30_box_photo img {
width: 100%;
height: auto;
}
.parts_img_type30_box_text {
padding-top: 15px;
}
.parts_img_type30_box_text > :last-child {
margin-bottom: 0;
}
@media (max-width: 767px) {
.parts_img_type30 {
margin-left: -10px;
margin-right: -10px;
}
.parts_img_type30_box {
float: left;
width: 50%;
padding: 0 10px;
}
.parts_img_type30_box:nth-child(odd) {
clear: both;
}
}
/* 画像とテキスト 6列（背景） */
.parts_img_type31 {
margin-left: -15px;
margin-right: -15px;
}
.parts_img_type31_box {
box-sizing: border-box;
float: left;
width: 16.6666667%;
padding: 0 15px;
}
div.parts_img_type31_box_photo {
padding-bottom: 0;
}
.parts_img_type31_box_photo img {
width: 100%;
height: auto;
}
.parts_img_type31_box_text {
padding: 15px;
/* color.css */
}
.parts_img_type31_box_text > :last-child {
margin-bottom: 0;
}
@media (max-width: 767px) {
.parts_img_type31 {
margin-left: -10px;
margin-right: -10px;
}
.parts_img_type31_box {
float: left;
width: 50%;
padding: 0 10px;
}
.parts_img_type31_box:nth-child(odd) {
clear: both;
}
}
/* 画像6枚とテキスト */
.parts_img_type32_text {
box-sizing: border-box;
float: left;
width: 40%;
padding-right: 15px;
}
.parts_img_type32_photo {
float: left;
width: 60%;
}
.parts_img_type32_photo ul {
overflow: hidden;
margin: 0;
padding: 0;
list-style: none;
}
.parts_img_type32_photo li {
float: left;
width: 33.3333333333%;
margin: 0;
padding: 0 4px 6px 0;
background: none;
}
.parts_img_type32_photo li:nth-of-type(3n) {
padding-left: 4px;
padding-right: 0;
}
.parts_img_type32_photo li:nth-of-type(3n-1) {
padding-left: 2px;
padding-right: 2px;
}
.parts_img_type32_photo li:before,
.parts_img_type32_photo li:after {
display: none !important;
}
.parts_img_type32_photo li:nth-child(3n+1) {
clear: both;
}
.parts_img_type32_photo img {
width: 100%;
height: auto;
}
@media (max-width: 767px) {
.parts_img_type32_text {
float: none;
width: 100%;
}
.parts_img_type32_photo {
float: none;
width: 100%;
}
}
/* 画像3枚とテキスト */
.parts_img_type33_text {
box-sizing: border-box;
float: left;
width: 60%;
padding-right: 15px;
}
.parts_img_type33_photo {
float: left;
width: 40%;
}
.parts_img_type33_photo ul {
overflow: hidden;
margin: 0;
padding: 0;
list-style: none;
}
.parts_img_type33_photo li {
box-sizing: border-box;
margin: 0;
padding: 0;
background: none;
}
.parts_img_type33_photo li:before,
.parts_img_type33_photo li:after {
display: none !important;
}
.parts_img_type33_photo li:nth-child(1) {
margin-bottom: 8px;
}
.parts_img_type33_photo li:nth-child(2) {
float: left;
width: 50%;
padding-right: 4px;
}
.parts_img_type33_photo li:nth-child(3) {
float: left;
width: 50%;
padding-left: 4px;
}
.parts_img_type33_photo li img {
width: 100%;
height: auto;
}
@media (max-width: 767px) {
.parts_img_type33_text {
float: none;
width: 100%;
}
.parts_img_type33_photo {
float: none;
width: 100%;
}
}
/* 画像の中央にテキスト（1行） */
.parts_img_type34 {
position: relative;
}
.parts_img_type34 img {
display: block;
width: 100%;
max-width: none;
height: auto;
}
.parts_img_type34 p {
box-sizing: border-box;
position: absolute;
top: 50%;
width: 100%;
margin: -40px 0 0;
/* color.css */
text-align: center;
font-size: 36px;
line-height: 80px;
}
@media (max-width: 767px) {
.parts_img_type34 p {
position: static;
margin: 0;
padding: 16px;
font-size: 120%;
line-height: 1.4;
}
}
/* 画像の下部にテキスト（複数行） */
.parts_img_type35 {
position: relative;
}
.parts_img_type35 img {
display: block;
width: 100%;
max-width: none;
height: auto;
}
.parts_img_type35_text {
box-sizing: border-box;
position: absolute;
bottom: 0;
width: 100%;
padding: 15px;
/* color:css */
/* color.css */
}
.parts_img_type35_text > :last-child {
margin-bottom: 0;
}
.parts_img_type35_text h4 {
/* color.css */
}
@media (max-width: 767px) {
.parts_img_type35_text {
position: static;
}
}
/* 画像とテキスト背景（被せるパターン） */
.parts_img_type36 {
position: relative;
margin-bottom: 64px;
}
.parts_img_type36_text {
box-sizing: border-box;
position: absolute;
bottom: -24px;
width: 40%;
padding: 24px;
/* color.css */
}
.parts_img_type36_text h4 {
/* color.css */
}
.parts_img_type36 img {
margin-left: 36%;
width: 64%;
}
@media (max-width: 767px) {
.parts_img_type36_text {
position: relative;
width: 100%;
}
.parts_img_type36 img {
display: block;
width: 100%;
max-width: none;
margin-left: 0;
}
}
/* 画像とテキスト背景（被せるパターン）2 */
.parts_img_type37 {
position: relative;
margin-bottom: 64px;
}
.parts_img_type37_text {
position: absolute;
bottom: -24px;
width: 40%;
margin: 0 0 0 60%;
padding: 24px;
/* color.css */
}
.parts_img_type37_text h4 {
/* color.css */
}
.parts_img_type37 img {
margin-right: 36%;
width: 64%;
}
@media (max-width: 767px) {
.parts_img_type37_text {
position: relative;
width: 100%;
margin: 0;
}
.parts_img_type37 img {
display: block;
width: 100%;
max-width: none;
margin-right: 0;
}
}
/* 画像とテキスト（上下中央揃い）背景付き */
div.parts_img_type38 {
display: table;
width: 100%;
/* color.css */
}
div.parts_img_type38:before,
div.parts_img_type38:after {
display: none;
}
.parts_img_type38_text,
.parts_img_type38_photo {
box-sizing: border-box;
display: table-cell;
vertical-align: middle;
}
div.parts_img_type38_text {
width: 60%;
padding: 16px 32px;
}
.parts_img_type38_text > :last-child {
margin-bottom: 0;
}
div.parts_img_type38_photo {
width: 40%;
padding-top: 0;
padding-bottom: 0;
}
.parts_img_type38_photo img {
display: block;
width: 100%;
max-width: none;
height: auto;
}
@media (max-width: 767px) {
.parts_img_type38 {
display: block;
}
.parts_img_type38_text,
.parts_img_type38_photo {
display: block;
}
div.parts_img_type38_text {
width: 100%;
padding: 16px;
}
div.parts_img_type38_photo {
width: 100%;
}
}
/* 画像とテキスト（上下中央揃い）背景付き2 */
div.parts_img_type39 {
display: table;
width: 100%;
/* color.css */
}
div.parts_img_type39:before,
div.parts_img_type39:after {
display: none;
}
.parts_img_type39_text,
.parts_img_type39_photo {
box-sizing: border-box;
display: table-cell;
vertical-align: middle;
}
div.parts_img_type39_text {
width: 60%;
padding: 16px 32px;
}
.parts_img_type39_text > :last-child {
margin-bottom: 0;
}
div.parts_img_type39_photo {
width: 40%;
padding-top: 0;
padding-bottom: 0;
text-align: right;
}
.parts_img_type39_photo img {
display: block;
width: 100%;
max-width: none;
height: auto;
}
@media (max-width: 767px) {
.parts_img_type39 {
display: block;
}
.parts_img_type39_text,
.parts_img_type39_photo {
display: block;
}
div.parts_img_type39_text {
width: 100%;
padding: 16px;
}
div.parts_img_type39_photo {
width: 100%;
}
}
/* ランキング */
.parts_img_type40 {
margin-left: -15px;
margin-right: -15px;
}
.parts_img_type40_box {
box-sizing: border-box;
float: left;
width: 50%;
padding: 0 15px;
}
div.parts_img_type40_box_head {
overflow: visible;
position: relative;
padding-top: 0;
padding-bottom: 0;
}
div.parts_img_type40_box_photo {
padding: 0;
}
.parts_img_type40_box_photo img {
display: block;
max-width: none;
width: 100%;
height: auto;
}
.parts_img_type40_box .parts_img_type40_box_photo + div.parts_img_type40_box_num {
position: absolute;
bottom: -22px;
left: 50%;
height: 44px;
width: 44px;
margin: 0 0 0 -22px;
padding: 0;
border-radius: 22px;
text-align: center;
line-height: 44px;
/* color.css*/
font-size: 1.25rem;
}
div.parts_img_type40_box_text {
padding-top: 38px;
}
@media (max-width: 767px) {
.parts_img_type40 {
margin-left: 0;
margin-right: 0;
}
.parts_img_type40_box {
float: none;
width: 100%;
padding-left: 0;
padding-right: 0;
}
}
/* ランキング2 */
.parts_img_type41 {
margin-left: -15px;
margin-right: -15px;
}
.parts_img_type41_box {
box-sizing: border-box;
float: left;
width: 33.3333333333%;
padding: 0 15px;
}
div.parts_img_type41_box_head {
overflow: visible;
position: relative;
padding-top: 0;
padding-bottom: 0;
}
div.parts_img_type41_box_photo {
padding: 0;
}
.parts_img_type41_box_photo img {
display: block;
max-width: none;
width: 100%;
height: auto;
}
.parts_img_type41_box .parts_img_type41_box_photo + div.parts_img_type41_box_num {
position: absolute;
bottom: -22px;
left: 50%;
height: 44px;
width: 44px;
margin: 0 0 0 -22px;
padding: 0;
border-radius: 22px;
text-align: center;
line-height: 44px;
/* color.css*/
font-size: 1.25rem;
}
div.parts_img_type41_box_text {
padding-top: 38px;
}
@media (max-width: 767px) {
.parts_img_type41 {
margin-left: 0;
margin-right: 0;
}
.parts_img_type41_box {
float: none;
width: 100%;
padding-left: 0;
padding-right: 0;
}
}
/* ランキング3 */
.parts_img_type42 {
margin-left: -15px;
margin-right: -15px;
}
.parts_img_type42_box {
box-sizing: border-box;
float: left;
width: 25%;
padding: 0 15px;
}
div.parts_img_type42_box_head {
overflow: visible;
position: relative;
padding-top: 0;
padding-bottom: 0;
}
div.parts_img_type42_box_photo {
padding: 0;
}
.parts_img_type42_box_photo img {
display: block;
max-width: none;
width: 100%;
height: auto;
}
.parts_img_type42_box .parts_img_type42_box_photo + div.parts_img_type42_box_num {
position: absolute;
bottom: -22px;
left: 50%;
height: 44px;
width: 44px;
margin: 0 0 0 -22px;
padding: 0;
border-radius: 22px;
text-align: center;
line-height: 44px;
/* color.css*/
font-size: 1.25rem;
}
div.parts_img_type42_box_text {
padding-top: 38px;
}
@media (max-width: 767px) {
.parts_img_type42 {
margin-left: -10px;
margin-right: -10px;
}
.parts_img_type42_box {
width: 50%;
padding: 0 10px;
}
.parts_img_type42_box:nth-child(odd) {
clear: both;
}
}
/* ランキング4 */
.parts_img_type43 {
margin-left: -15px;
margin-right: -15px;
}
.parts_img_type43_box {
box-sizing: border-box;
float: left;
width: 20%;
padding: 0 15px;
}
div.parts_img_type43_box_head {
overflow: visible;
position: relative;
padding-top: 0;
padding-bottom: 0;
}
div.parts_img_type43_box_photo {
padding: 0;
}
.parts_img_type43_box_photo img {
display: block;
max-width: none;
width: 100%;
height: auto;
}
.parts_img_type43_box .parts_img_type43_box_photo + div.parts_img_type43_box_num {
position: absolute;
bottom: -22px;
left: 50%;
height: 44px;
width: 44px;
margin: 0 0 0 -22px;
padding: 0;
border-radius: 22px;
text-align: center;
line-height: 44px;
/* color.css*/
font-size: 1.25rem;
}
div.parts_img_type43_box_text {
padding-top: 38px;
}
@media (max-width: 767px) {
.parts_img_type43 {
margin-left: -10px;
margin-right: -10px;
}
.parts_img_type43_box {
width: 50%;
padding: 0 10px;
}
.parts_img_type43_box:nth-child(odd) {
clear: both;
}
}
/* 画像組み合わせ */
.parts_img_type44 {
margin-left: -15px;
margin-right: -15px;
}
.parts_img_type44_box {
overflow: hidden;
box-sizing: border-box;
float: left;
width: 20%;
padding: 0 15px;
}
.parts_img_type44_box-lg {
overflow: hidden;
box-sizing: border-box;
float: left;
width: 60%;
padding: 0 15px;
}
.parts_img_type44_box > div:first-child {
margin-bottom: 20px;
}
.parts_img_type44_box img {
display: block;
width: 100%;
max-width: none;
height: auto;
}
@media (max-width: 767px) {
.parts_img_type44 {
margin-left: -10px;
margin-right: -10px;
}
.parts_img_type44_box {
overflow: hidden;
float: none;
width: 100%;
padding: 0;
}
.parts_img_type44_box-lg {
float: none;
width: 100%;
}
.parts_img_type44_box > div {
box-sizing: border-box;
float: left;
width: 50%;
margin-bottom: 0;
padding: 0 10px;
}
.parts_img_type44_box > div:first-child {
margin-bottom: 0;
}
}
/* 画像組み合わせ2 */
.parts_img_type45 {
margin-left: -15px;
margin-right: -15px;
}
.parts_img_type45_box {
overflow: hidden;
box-sizing: border-box;
float: left;
width: 20%;
padding: 0 15px;
}
.parts_img_type45_box-lg {
overflow: hidden;
box-sizing: border-box;
float: left;
width: 60%;
padding: 0 15px;
}
.parts_img_type45_box > div:first-child {
margin-bottom: 20px;
}
.parts_img_type45_box img {
display: block;
width: 100%;
max-width: none;
height: auto;
}
@media (max-width: 767px) {
.parts_img_type45_box {
width: 100%;
padding: 0;
}
.parts_img_type45_box > div {
box-sizing: border-box;
float: left;
width: 50%;
padding: 0 10px;
}
.parts_img_type45_box-lg {
float: none;
width: 100%;
}
.parts_img_type45_box > div:first-child {
margin-bottom: 0;
}
}
/* 画像組み合わせ3 */
.parts_img_type46 {
margin-left: -15px;
margin-right: -15px;
}
.parts_img_type46_box {
overflow: hidden;
box-sizing: border-box;
float: left;
width: 20%;
padding: 0 15px;
}
.parts_img_type46_box-lg {
overflow: hidden;
box-sizing: border-box;
float: left;
width: 60%;
padding: 0 15px;
}
.parts_img_type46_box > div:first-child {
margin-bottom: 20px;
}
.parts_img_type46_box img {
display: block;
width: 100%;
max-width: none;
height: auto;
}
@media (max-width: 767px) {
.parts_img_type46_box {
overflow: hidden;
width: 100%;
padding: 0;
}
.parts_img_type46_box > div {
box-sizing: border-box;
float: left;
width: 50%;
padding: 0 10px;
}
.parts_img_type46_box-lg {
float: none;
width: 100%;
}
.parts_img_type46_box > div:first-child {
margin-bottom: 0;
}
}
/* 画像とテキスト（スクロール付き） */
.parts_img_type47 {
margin-left: -15px;
margin-right: -15px;
}
.parts_img_type47_photo {
box-sizing: border-box;
float: left;
width: 50%;
padding: 0 15px;
}
.parts_img_type47_photo img {
display: block;
width: 100%;
max-width: none;
height: auto;
}
div.parts_img_type47_text {
box-sizing: border-box;
float: left;
width: 50%;
padding: 46px 15px;
}
div.parts_img_type47_text_scrBox {
overflow-y: scroll;
}
@media (max-width: 767px) {
.parts_img_type47 {
margin-left: 0;
margin-right: 0;
}
.parts_img_type47_photo {
float: none;
width: 100%;
padding: 0;
}
div.parts_img_type47_text {
float: none;
width: 100%;
padding: 16px 0;
}
div.parts_img_type47_text_scrBox {
overflow-y: visible;
height: 100% !important;
}
}
/* 背景100%（テキストと画像） */
.parts_img_type48 {
margin-left: -100%;
margin-right: -100%;
padding: 40px 100%;
/* color.css*/
}
.parts_img_type48_text {
box-sizing: border-box;
float: left;
width: 60%;
padding-right: 40px;
}
.parts_img_type48_text > :last-child {
margin-bottom: 0;
}
.parts_img_type48_photo {
float: right;
width: 40%;
}
.parts_img_type48_photo img {
display: block;
width: 100%;
max-width: none;
height: auto;
}
@media (max-width: 767px) {
.parts_img_type48 {
margin-left: 0;
margin-right: 0;
padding: 16px;
}
.parts_img_type48_text,
.parts_img_type48_photo {
float: none;
width: 100%;
padding: 0;
}
.parts_img_type48_text {
padding-bottom: 16px;
}
}
/* 背景100%（テキストと画像）2 */
.parts_img_type49 {
margin-left: -100%;
margin-right: -100%;
padding: 40px 100%;
/* color.css*/
}
.parts_img_type49_text {
box-sizing: border-box;
float: right;
width: 60%;
padding-left: 40px;
}
.parts_img_type49_text > :last-child {
margin-bottom: 0;
}
.parts_img_type49_photo {
float: left;
width: 40%;
}
.parts_img_type49_photo img {
display: block;
width: 100%;
max-width: none;
height: auto;
}
@media (max-width: 767px) {
.parts_img_type49 {
margin-left: 0;
margin-right: 0;
padding: 16px;
}
.parts_img_type49_text,
.parts_img_type49_photo {
float: none;
width: 100%;
padding: 0;
}
.parts_img_type49_text {
padding-bottom: 16px;
}
}
/* 吹き出し */
.parts_img_type50_photo {
float: left;
margin-right: -120px;
}
.parts_img_type50_photo img {
position: relative;
z-index: 2;
width: 90px;
height: auto;
}
div.parts_img_type50_text {
overflow: visible;
width: 100%;
float: right;
}
div.parts_img_type50_text_box {
overflow: visible;
position: relative;
display: block;
/* display: inline-block; */
padding: 15px 20px;
margin-left: 120px;
border-radius: 10px;
padding: 16px;
/* color.css*/
}
.parts_img_type50_text_box:after {
content: "";
position: absolute;
top: 30px;
left: -10px;
margin-top: -10px;
display: block;
width: 0px;
height: 0px;
border-style: solid;
border-width: 10px 10px 10px 0;
/* color.css*/
}
.parts_img_type50_text_box > :last-child {
margin-bottom: 0;
}
/* 吹き出し */
.parts_img_type51_photo {
float: right;
margin-left: -120px;
}
.parts_img_type51_photo img {
position: relative;
z-index: 2;
width: 90px;
height: auto;
}
div.parts_img_type51_text {
overflow: visible;
width: 100%;
float: left;
}
div.parts_img_type51_text_box {
overflow: visible;
position: relative;
display: block;
/* display: inline-block; */
padding: 15px 20px;
margin-right: 120px;
border-radius: 10px;
padding: 16px;
/* color.css*/
}
.parts_img_type51_text_box:after {
content: "";
position: absolute;
top: 30px;
right: -10px;
margin-top: -10px;
display: block;
width: 0px;
height: 0px;
border-style: solid;
border-width: 10px 0 10px 10px;
/* color.css*/
}
.parts_img_type51_text_box > :last-child {
margin-bottom: 0;
}
/* テキストと画像 */
.parts_img_type52 {
margin-left: -15px;
margin-right: -15px;
}
.parts_img_type52_text {
box-sizing: border-box;
float: left;
width: 50%;
padding: 0 15px;
}
.parts_img_type52_photo {
box-sizing: border-box;
float: left;
width: 25%;
padding: 0 15px;
}
.parts_img_type52_photo_photo {
margin-bottom: 8px;
}
.parts_img_type52_photo_photo img {
display: block;
width: 100%;
max-width: none;
height: auto;
}
.parts_img_type52_photo_text > :last-child {
margin-bottom: 0;
}
@media (max-width: 767px) {
.parts_img_type52 {
margin-left: -10px;
margin-right: -10px;
}
.parts_img_type52_text {
float: none;
width: 100%;
padding: 0 10px;
}
.parts_img_type52_photo {
overflow: hidden;
float: none;
width: 100%;
margin: 16px 0;
padding: 0;
}
.parts_img_type52_photo:last-child {
margin-bottom: 0;
}
.parts_img_type52_photo_photo,
.parts_img_type52_photo_text {
box-sizing: border-box;
float: left;
width: 50%;
padding: 0 10px;
}
}
/* ----------------------------------------------------------------------
表組系
---------------------------------------------------------------------- */
/* 営業時間用 */
.parts_tabel_type10 {
margin-left: -15px;
margin-right: -15px;
}
.parts_tabel_type10_text {
box-sizing: border-box;
float: left;
width: 30%;
padding: 0 15px;
}
.parts_tabel_type10_table {
box-sizing: border-box;
float: right;
width: 70%;
padding: 0 15px;
}
.parts_tabel_type10_table table {
margin-bottom: 0;
}
@media (max-width: 767px) {
.parts_tabel_type10 {
margin-left: 0;
margin-right: 0;
}
.parts_tabel_type10_text {
float: none;
width: 100%;
padding: 0;
}
.parts_tabel_type10_table {
overflow-x: auto;
float: none;
width: 100%;
padding: 0;
}
.parts_tabel_type10_table table {
word-wrap: break-word;
}
}
/* 営業時間用2 */
.parts_tabel_type11 {
margin-left: -15px;
margin-right: -15px;
}
.parts_tabel_type11_table {
box-sizing: border-box;
float: left;
width: 70%;
padding: 0 15px;
}
.parts_tabel_type11_table table {
margin-bottom: 0;
}
.parts_tabel_type11_text {
box-sizing: border-box;
float: right;
width: 30%;
padding: 0 15px;
}
@media (max-width: 767px) {
.parts_tabel_type11 {
margin-left: 0;
margin-right: 0;
}
.parts_tabel_type11_table {
overflow-x: auto;
float: none;
width: 100%;
padding: 0;
}
.parts_tabel_type11_table table {
word-wrap: break-word;
}
.parts_tabel_type11_text {
float: none;
width: 100%;
padding: 0;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.column2 .parts_tabel_type11 {
flex-wrap: wrap;
}
.column2 .parts_tabel_type11_table {
margin-bottom: 10px;
}
.column2 .parts_tabel_type11_table,
.column2 .parts_tabel_type11_text {
width: 100%;
}
}
/* 見出しと表 2列 */
.parts_tabel_type12 {
margin-left: -15px;
margin-right: -15px;
}
.parts_tabel_type12_box {
box-sizing: border-box;
float: left;
width: 50%;
padding: 0 15px;
}
@media (max-width: 767px) {
.parts_tabel_type12 {
margin-left: 0;
margin-right: 0;
}
.parts_tabel_type12_box {
float: none;
width: 100%;
padding: 0;
}
}
/* 見出しと表 3列 */
.parts_tabel_type13 {
margin-left: -15px;
margin-right: -15px;
}
.parts_tabel_type13_box {
box-sizing: border-box;
float: left;
width: 33.3333333333%;
padding: 0 15px;
}
@media (max-width: 767px) {
.parts_tabel_type13 {
margin-left: 0;
margin-right: 0;
}
.parts_tabel_type13_box {
float: none;
width: 100%;
padding: 0;
}
}
/* 画像と表とテキスト */
.parts_tabel_type14 {
margin-left: -15px;
margin-right: -15px;
}
.parts_tabel_type14_photo {
box-sizing: border-box;
float: left;
width: 20%;
padding: 0 15px;
}
.parts_tabel_type14_table {
box-sizing: border-box;
float: right;
width: 80%;
padding: 0 15px;
}
@media (max-width: 767px) {
.parts_tabel_type14 {
margin-left: 0;
margin-right: 0;
}
.parts_tabel_type14_photo {
float: none;
width: 100%;
padding: 0;
}
.parts_tabel_type14_table {
float: none;
width: 100%;
padding: 0;
}
}
/* 画像と表とテキスト2 */
.parts_tabel_type15 {
margin-left: -15px;
margin-right: -15px;
}
.parts_tabel_type15_photo {
box-sizing: border-box;
float: right;
width: 20%;
padding: 0 15px;
}
.parts_tabel_type15_table {
box-sizing: border-box;
float: left;
width: 80%;
padding: 0 15px;
}
@media (max-width: 767px) {
.parts_tabel_type15 {
margin-left: 0;
margin-right: 0;
}
.parts_tabel_type15_photo {
float: none;
width: 100%;
padding: 0;
}
.parts_tabel_type15_table {
float: none;
width: 100%;
padding: 0;
}
}
/* 画像と表とテキスト3 */
.parts_tabel_type16 {
margin-left: -15px;
margin-right: -15px;
}
.parts_tabel_type16_photo {
box-sizing: border-box;
float: left;
width: 20%;
padding: 0 15px;
}
.parts_tabel_type16_photo img {
margin-bottom: 12px;
}
.parts_tabel_type16_table {
box-sizing: border-box;
float: right;
width: 80%;
padding: 0 15px;
}
@media (max-width: 767px) {
.parts_tabel_type16 {
margin-left: 0;
margin-right: 0;
}
.parts_tabel_type16_photo {
float: none;
width: 100%;
padding: 0;
}
.parts_tabel_type16_table {
float: none;
width: 100%;
padding: 0;
}
}
/* 画像と表とテキスト4 */
.parts_tabel_type17 {
margin-left: -15px;
margin-right: -15px;
}
.parts_tabel_type17_photo {
box-sizing: border-box;
float: right;
width: 20%;
padding: 0 15px;
}
.parts_tabel_type17_photo img {
margin-bottom: 12px;
}
.parts_tabel_type17_table {
box-sizing: border-box;
float: left;
width: 80%;
padding: 0 15px;
}
@media (max-width: 767px) {
.parts_tabel_type17 {
margin-left: 0;
margin-right: 0;
}
.parts_tabel_type17_photo {
float: none;
width: 100%;
padding: 0;
}
.parts_tabel_type17_table {
float: none;
width: 100%;
padding: 0;
}
}
/* ----------------------------------------------------------------------
テキスト系
---------------------------------------------------------------------- */
/* 縦書き */
.parts_text_type13_box {
text-align: center;
overflow: hidden;
flex: 1;
}
.parts_text_type13_box_sec {
display: inline-block;
text-align: left;
writing-mode: vertical-rl;
margin: 0 auto;
}
@media (max-width: 767px) {
.parts_text_type13_box_sec {
display: block;
-ms-writing-mode: lr-tb;
writing-mode: horizontal-tb;
}
.parts_text_type13_box_sec br {
display: none;
}
}
/* 流れ（矢印付き） */
.parts_text_type14 {
box-sizing: border-box;
display: table;
width: 100%;
margin-bottom: 16px;
border-width: 2px;
border-style: solid;
/* color.css*/
border-radius: 4px;
}
.parts_text_type14_head {
box-sizing: border-box;
position: relative;
display: table-cell;
width: 24%;
padding: 15px;
/* color.css*/
/* color.css*/
text-align: center;
vertical-align: middle;
}
.parts_text_type14_head:after {
content: ' ';
height: 0;
position: absolute;
width: 0;
border: 10px solid transparent;
/* color.css*/
bottom: -20px;
left: 50%;
margin-left: -10px;
}
.parts_text_type14_head_num {
margin: 0 0 2px;
font-size: 20px;
text-align: center;
}
.parts_text_type14_head h3 {
display: block;
margin: 0;
padding: 0;
background: none;
border: none;
/* color.css*/
text-align: center;
}
.parts_text_type14_head h3:before,
.parts_text_type14_head h3:after {
display: none;
}
.parts_text_type14_text {
box-sizing: border-box;
display: table-cell;
width: 76%;
padding: 15px;
vertical-align: middle;
}
.parts_text_type14_text > :last-child {
margin-bottom: 0;
}
.flowBoxLast .head:after {
display: none;
margin-bottom: 80px;
}
@media (max-width: 767px) {
.parts_text_type14 {
position: relative;
display: block;
}
.parts_text_type14_head {
position: static;
display: block;
width: 100%;
}
.parts_text_type14_text {
display: block;
width: 100%;
}
}
/* 流れ（矢印なし） */
.parts_text_type15 {
box-sizing: border-box;
display: table;
width: 100%;
margin-bottom: 16px;
border-width: 2px;
border-style: solid;
/* color.css*/
border-radius: 4px;
}
.parts_text_type15_head {
box-sizing: border-box;
position: relative;
display: table-cell;
width: 24%;
padding: 15px;
/* color.css*/
/* color.css*/
text-align: center;
vertical-align: middle;
}
.parts_text_type15_head_num {
margin: 0 0 2px;
font-size: 20px;
text-align: center;
}
.parts_text_type15_head h3 {
display: block;
margin: 0;
padding: 0;
background: none;
border: none;
/* color.css*/
text-align: center;
}
.parts_text_type15_head h3:before,
.parts_text_type15_head h3:after {
display: none;
}
.parts_text_type15_text {
box-sizing: border-box;
display: table-cell;
width: 76%;
padding: 15px;
vertical-align: middle;
}
.parts_text_type15_text > :last-child {
margin-bottom: 0;
}
.flowBoxLast .head:after {
display: none;
margin-bottom: 80px;
}
@media (max-width: 767px) {
.parts_text_type15 {
display: block;
}
.parts_text_type15_head {
display: block;
width: 100%;
}
.parts_text_type15_text {
display: block;
width: 100%;
}
}
/* 背景100%（テキスト） */
.parts_text_type16 {
margin-left: -100%;
margin-right: -100%;
padding: 40px 100%;
/* color.css*/
}
.parts_text_type16 > div > :last-child {
margin-bottom: 0;
}
@media (max-width: 767px) {
.parts_text_type16 {
margin-left: 0;
margin-right: 0;
padding: 16px;
}
}
/* 編集画面 */
@media (min-width: 768px) {
#cms_contents_area .parts_img_type48,
#cms_contents_area .parts_img_type49,
#cms_contents_area .parts_text_type16 {
margin-left: calc(50% - 50vw + 20px);
margin-right: calc(50% - 50vw + 20px);
padding: 40px calc((50% - 50vw) * -1);
}
}
/* よくある質問（クリックで回答を表示） */
.parts_text_type17 dt {
cursor: pointer;
}
/* チェックマーク */
.parts_text_type18 ul {
margin: 0 0 0 16px;
padding: 0;
list-style: none;
}
.parts_text_type18 ul li {
position: relative;
margin: 0;
padding: 0 0 0 8px;
background: none;
}
.parts_text_type18 ul li:before {
display: none !important;
}
.parts_text_type18 li::after {
display: block;
content: '';
position: absolute;
top: .4em;
left: -1em;
width: 12px;
height: 6px;
border-left-style: solid;
border-bottom-style: solid;
border-left-width: 2px;
border-bottom-width: 2px;
/* color.css*/
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
/* チェックマーク 2列 */
.parts_text_type19 {
margin-left: -15px;
margin-right: -15px;
}
.parts_text_type19_box {
float: left;
width: 50%;
padding: 0 15px;
}
.parts_text_type19 ul {
margin: 0 0 0 16px;
padding: 0;
list-style: none;
}
.parts_text_type19 ul li {
position: relative;
margin: 0;
padding: 0 0 0 8px;
background: none;
}
.parts_text_type19 ul li:before {
display: none !important;
}
.parts_text_type19 li::after {
display: block;
content: '';
position: absolute;
top: .4em;
left: -1em;
width: 12px;
height: 6px;
border-left-style: solid;
border-bottom-style: solid;
border-left-width: 2px;
border-bottom-width: 2px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
@media (max-width: 767px) {
.parts_text_type19 {
margin-left: 0;
margin-right:0;
}
.parts_text_type19_box {
float: none;
width: 100%;
padding: 0;
}
}
/* チェックマーク 3列 */
.parts_text_type20 {
margin-left: -15px;
margin-right: -15px;
}
.parts_text_type20_box {
float: left;
width: 33.3333333333%;
padding: 0 15px;
}
.parts_text_type20 ul {
margin: 0 0 0 16px;
padding: 0;
list-style: none;
}
.parts_text_type20 ul li {
position: relative;
margin: 0;
padding: 0 0 0 8px;
background: none;
}
.parts_text_type20 ul li:before {
display: none !important;
}
.parts_text_type20 li::after {
display: block;
content: '';
position: absolute;
top: .4em;
left: -1em;
width: 12px;
height: 6px;
border-left-style: solid;
border-bottom-style: solid;
border-left-width: 2px;
border-bottom-width: 2px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
@media (max-width: 767px) {
.parts_text_type20 {
margin-left: 0;
margin-right:0;
}
.parts_text_type20_box {
float: none;
width: 100%;
padding: 0;
}
}
/* チェックマーク 4列 */
.parts_text_type21 {
margin-left: -15px;
margin-right: -15px;
}
.parts_text_type21_box {
float: left;
width: 25%;
padding: 0 15px;
}
.parts_text_type21 ul {
margin: 0 0 0 16px;
padding: 0;
list-style: none;
}
.parts_text_type21 ul li {
position: relative;
margin: 0;
padding: 0 0 0 8px;
background: none;
}
.parts_text_type21 ul li:before {
display: none !important;
}
.parts_text_type21 li::after {
display: block;
content: '';
position: absolute;
top: .4em;
left: -1em;
width: 12px;
height: 6px;
border-left-style: solid;
border-bottom-style: solid;
border-left-width: 2px;
border-bottom-width: 2px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
@media (max-width: 767px) {
.parts_text_type21 {
margin-left: -10px;
margin-right: -10px;
}
.parts_text_type21_box {
width: 50%;
padding: 0 10px;
}
.parts_text_type21_box:nth-child(odd) {
clear: both;
}
}
/* チェックマーク 5列 */
.parts_text_type22 {
margin-left: -15px;
margin-right: -15px;
}
.parts_text_type22_box {
float: left;
width: 20%;
padding: 0 15px;
}
.parts_text_type22 ul {
margin: 0 0 0 16px;
padding: 0;
list-style: none;
}
.parts_text_type22 ul li {
position: relative;
margin: 0;
padding: 0 0 0 8px;
background: none;
}
.parts_text_type22 ul li:before {
display: none !important;
}
.parts_text_type22 li::after {
display: block;
content: '';
position: absolute;
top: .4em;
left: -1em;
width: 12px;
height: 6px;
border-left-style: solid;
border-bottom-style: solid;
border-left-width: 2px;
border-bottom-width: 2px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
@media (max-width: 767px) {
.parts_text_type22 {
margin-left: -10px;
margin-right: -10px;
}
.parts_text_type22_box {
width: 50%;
padding: 0 10px;
}
.parts_text_type22_box:nth-child(odd) {
clear: both;
}
}
/* チェックマーク 6列 */
.parts_text_type23 {
margin-left: -15px;
margin-right: -15px;
}
.parts_text_type23_box {
float: left;
width: 16.6666667%;
padding: 0 15px;
}
.parts_text_type23 ul {
margin: 0 0 0 16px;
padding: 0;
list-style: none;
}
.parts_text_type23 ul li {
position: relative;
margin: 0;
padding: 0 0 0 8px;
background: none;
}
.parts_text_type23 ul li:before {
display: none !important;
}
.parts_text_type23 li::after {
display: block;
content: '';
position: absolute;
top: .4em;
left: -1em;
width: 12px;
height: 6px;
border-left-style: solid;
border-bottom-style: solid;
border-left-width: 2px;
border-bottom-width: 2px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
@media (max-width: 767px) {
.parts_text_type23 {
margin-left: -10px;
margin-right: -10px;
}
.parts_text_type23_box {
width: 50%;
padding: 0 10px;
}
.parts_text_type23_box:nth-child(odd) {
clear: both;
}
}
/* ----------------------------------------------------------------------
フリーエリア
---------------------------------------------------------------------- */
/* お問い合わせ */
.parts_free_type01 {
box-sizing: border-box;
display: table;
width: 100%;
border-width: 1px;
border-style: solid;
/* color.css*/
}
.parts_free_type01_head {
position: relative;
box-sizing: border-box;
display: table-cell;
width: 26%;
padding: 36px 30px 36px 60px;
vertical-align: middle;
}
.parts_free_type01_head:after {
content: "";
position: absolute;
top: 54%;
right: 0;
width: 1px;
height: 100px;
margin: -50px 0 0;
/* color.css*/
}
.parts_free_type01_head p {
margin: 0;
}
.parts_free_type01_head_ja {
display: block;
font-size: 24px;
}
.parts_free_type01_head_en {
display: block;
}
.parts_free_type01_body {
box-sizing: border-box;
display: table-cell;
width: 70%;
padding: 36px 36px 36px 60px;
vertical-align: middle;
}
.parts_free_type01_body_tel {
box-sizing: border-box;
display: inline-block;
margin: 0;
padding-right: 48px;
font-size: 24px;
line-height: 1.8;
}
.parts_free_type01_body_fax {
box-sizing: border-box;
display: inline-block;
margin: 0;
font-size: 24px;
line-height: 1.8;
}
.parts_free_type01_body_tel span:first-child,
.parts_free_type01_body_fax span:first-child {
/* color.css*/
}
.parts_free_type01_body_foot {
clear: both;
font-size: 18px;
}
.parts_free_type01_body_foot > :last-child {
margin-bottom: 0;
}
@media (max-width: 767px) {
.parts_free_type01 {
display: block;
}
.parts_free_type01_head {
display: block;
width: 100%;
padding: 16px;
text-align: center;
}
.parts_free_type01_head:after {
top: 100%;
left: 50%;
width: 160px;
height: 1px;
margin-top: 0;
margin-left: -80px;
}
.parts_free_type01_body {
display: block;
width: 100%;
padding: 16px;
text-align: center;
}
.parts_free_type01_body_tel,
.parts_free_type01_body_fax {
display: block;
padding: 0;
font-size: 120%;
}
.parts_free_type01_body_foot {
padding-top: 16px;
font-size: 100%;
}
.parts_free_type01_body_foot a {
display: block;
}
}
/* お問い合わせ2 */
.parts_free_type02 {
box-sizing: border-box;
width: 100%;
padding: 24px 16px 16px;
border-width: 1px;
border-style: solid;
/* color.css*/
}
.parts_free_type02_head {
padding: 0 0 16px;
text-align: center;
}
.parts_free_type02_head_ja {
font-size: 36px;
}
.parts_free_type02_body {
display: table;
width: 100%;
}
.parts_free_type02_body_box {
box-sizing: border-box;
display: table-cell;
width: 50%;
padding: 0 36px;
vertical-align: middle;
text-align: center;
}
.parts_free_type02_body_box:first-child {
border-right-width: 1px;
border-right-style: solid;
/* color.css*/
}
.parts_free_type02_body_tel {
margin-bottom: 4px;
font-size: 24px;
}
.parts_free_type02_body_tel span:first-child {
/* color.css*/
}
.parts_free_type02_body_box:last-child a {
display: inline-block;
padding: 16px 32px;
/* color.css*/
text-decoration: none;
}
.parts_free_type02_body_box:last-child a:hover {
opacity: .7;
filter: alpha(opacity=70);
transition: all .6s ease-out;
}
@media (max-width: 767px) {
.parts_free_type02 {
padding: 16px;
}
.parts_free_type02_head {
padding-bottom: 0;
}
.parts_free_type02_head_ja {
font-size: 136%;
}
.parts_free_type02_body {
display: block;
}
.parts_free_type02_body.lay-row {
width: auto;
}
.parts_free_type02_body_box {
display: block;
width: 100%;
padding: 0;
}
.parts_free_type02_body_box:first-child {
border: none;
}
}
/* お問い合わせ3 */
.parts_free_type03 {
box-sizing: border-box;
display: table;
width: 100%;
padding: 16px 24px;
border-width: 1px;
border-style: solid;
/* color.css*/
}
.parts_free_type03_photo,
.parts_free_type03_text,
.parts_free_type03_tel,
.parts_free_type03_bu {
box-sizing: border-box;
display: table-cell;
vertical-align: middle;
}
.parts_free_type03_photo {
width: 18%;
padding-right: 30px;
}
.parts_free_type03_text {
width: 32%;
padding-right: 20px;
}
.parts_free_type03_tel {
width: 28%;
padding-right: 20px;
font-size: 24px;
}
.parts_free_type03_tel p {
line-height: 1.4;
}
.parts_free_type03_bu {
width: 22%;
}
.parts_free_type03_bu a {
box-sizing: border-box;
display: block;
padding: 16px;
/* color.css*/
text-align: center;
text-decoration: none;
}
.parts_free_type03_bu a:hover {
opacity: .7;
filter: alpha(opacity=70);
transition: all .6s ease-out;
}
.parts_free_type03_text > :last-child,
.parts_free_type03_tel > :last-child,
.parts_free_type03_bu > :last-child {
margin-bottom: 0;
}
@media (max-width: 767px) {
.parts_free_type03 {
display: block;
padding: 16px;
text-align: center;
}
.parts_free_type03_photo,
.parts_free_type03_text,
.parts_free_type03_tel,
.parts_free_type03_bu {
display: block;
width: 100%;
padding: 0;
}
.parts_free_type03_photo {
padding-bottom: 16px;
}
}
@media all and (-ms-high-contrast: none) {
.parts_free_type03_photo {
max-width: 200px;
}
}
/* お問い合わせ4 */
.parts_free_type04 {
box-sizing: border-box;
display: table;
width: 100%;
border-width: 1px;
border-style: solid;
/* color.css*/
}
.parts_free_type04_head,
.parts_free_type04_body,
.parts_free_type04_text {
box-sizing: border-box;
display: table-cell;
padding-top: 16px;
padding-bottom: 16px;
vertical-align: middle;
}
.parts_free_type04_head {
width: 26%;
padding-left: 24px;
padding-right: 24px;
/* color.css */
font-size: 18px;
}
.parts_free_type04_body {
width: 40%;
padding-left: 36px;
font-size: 30px;
}
.parts_free_type04_text {
width: 60%;
padding-right: 20px;
}
.parts_free_type04_text > :last-child {
margin-bottom: 0;
}
@media (max-width: 767px) {
.parts_free_type04 {
display: block;
text-align: center;
}
.parts_free_type04_head,
.parts_free_type04_body,
.parts_free_type04_text {
display: block;
width: 100%;
padding-left: 0;
padding-right: 0;
}
.parts_free_type04_body {
padding-bottom: 0;
font-size: 120%;
}
}
/* ----------------------------------------------------------------------
その他
---------------------------------------------------------------------- */
/* キービジュアル */
.parts_free_type05.box {
position: relative;
width: 100%;
/* color.css */
text-align: center;
}
#header .parts_free_type05.box {
width: auto;
margin-left: -100%;
margin-right: -100%;
padding: 0 100%;
}
.parts_free_type05_photo {
/* color.css */
}
.parts_free_type05_photo img {
display: block;
max-width: 1280px;
width: 100%;
height: auto;
}
.parts_free_type05_text {
box-sizing: border-box;
position: absolute;
top: 30%;
left: 0;
right: 0;
padding: 16px 0;
/* color.css */
text-align: center;
}
.parts_free_type06_text > div > :last-child {
margin-bottom: 0;
}
.parts_free_type05_text h1 {
margin-top: 0;
}
#main .parts_free_type05_text h1 {
margin: 0 0 16px;
padding: 0;
background: transparent none;
}
.parts_free_type05_text a {
display: inline-block;
margin: 8px 8px 0;
padding: 6px 12px;
/* color.css */
border: 1px solid transparent;
border-radius: 4px;
/* color.css */
font-weight: bold;
font-size: 14px;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
touch-action: manipulation;
text-decoration: none;
}
@media (max-width: 767px) {
.parts_free_type05_text {
position: relative;
top: auto;
/* color.css */
}
}
/* キービジュアル2 */
.parts_free_type06.box {
box-sizing: border-box;
position: relative;
/* color.css */
text-align: center;
}
#header .parts_free_type06.box {
margin-left: -100%;
margin-right: -100%;
padding-left: 100%;
padding-right: 100%;
}
.parts_free_type06_photo {
/* color.css */
}
.parts_free_type06_photo img {
display: block;
max-width: 1280px;
width: 100%;
height: auto;
}
.parts_free_type06_text {
position: absolute;
top: 30%;
width: 100%;
left: 0;
padding: 26px 0;
/* color.css */
text-align: center;
}
.parts_free_type06_text > div > :last-child {
margin-bottom: 0;
}
.parts_free_type06_text h1 {
margin-top: 0;
}
#main .parts_free_type06_text h1 {
margin: 0 0 16px;
padding: 0;
background: transparent none;
}
.parts_free_type06_text a {
display: inline-block;
padding: 0 16px;
/* color.css */
line-height: 36px;
border-radius: 18px;
text-decoration: none;
/* color.css */
cursor: pointer;
}
@media (max-width: 767px) {
.parts_free_type06_text {
position: relative;
top: auto;
/* color.css */
}
}
/* キービジュアル3 */
.parts_free_type07.box {
position: relative;
margin-left: 0;
margin-right: 0;
text-align: center;
/* color.css */
}
#header .parts_free_type07.box {
margin-left: -100%;
margin-right: -100%;
padding-left: 100%;
padding-right: 100%;
/* color.css */
}
.parts_free_type07_photo img {
max-width: none;
width: 100%;
height: auto;
margin: 0;
transform: none;
}
.parts_free_type07_text {
box-sizing: border-box;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 80px 0 100px;
transform: none !important;
/* color.css */
}
#main .parts_free_type07_text h1 {
margin: 0 0 16px;
padding: 0;
background: transparent none;
}
.parts_free_type07_text_bu a {
display: inline-block;
padding: 15px 25px;
border-radius: 4px;
font-size: 13px;
/* color.css */
/* color.css */
text-decoration: none;
}
@media (max-width: 767px) {
.parts_free_type07_text {
position: static;
padding-top: 0;
padding-bottom: 0;
}
.parts_free_type07_text > div:nth-child(1) {
position: absolute;
top: 35%;
width: 100%;
padding: 0 20px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.parts_free_type07_text_bu {
position: static;
bottom: 0;
margin: 0;
padding: 35px 15px;
/* color.css */
text-align: center;
}
}
/* キービジュアル4 */
.parts_free_type08.box {
position: relative;
margin-left: 0;
margin-right: 0;
}
.parts_free_type08_photo {
position: relative;
text-align: center;
width: 100%;
background: none;
}
.parts_free_type08_photo img {
max-width: none;
width: 100%;
height: auto;
margin: 0;
transform: none;
}
.parts_free_type08_text {
position: absolute;
bottom: 10%;
width: 100%;
/* color.css */
text-align: center;
/* color.css */
}
.parts_free_type08_text h1 {
box-sizing: border-box;
width: 100%;
margin: 0;
padding: 16px;
background: transparent none;
border-bottom: none;
/* color.css */
}
#main .parts_free_type08_text h1 {
margin: 0 0 16px;
padding: 8px 0;
background: transparent none;
}
@media (max-width: 767px) {
.parts_free_type08_text {
position: static;
/* color.css */
}
.parts_free_type08_text h1 {
/* color.css */
}
}
/* キービジュアル5 */
.parts_free_type09.box {
width: 100%;
padding: 0;
margin: 0;
}
.parts_free_type09_box {
position: relative;
width: 100%;
padding: 0;
margin: 0;
}
.parts_free_type09_box_text {
max-width: 1170px;
margin: 0 auto;
padding: 5px 0;
color: #fff;
}
.parts_free_type09_box_text > div {
box-sizing: border-box;
position: absolute;
top: 40%;
left: 30%;
right: 30%;
z-index: 200;
width: 40%;
margin: 0 auto;
padding: 25px 0;
background-color: rgba(0,0,0,0.7);
text-align: center;
}
.parts_free_type09_box_text h1 {
margin-top: 0;
}
#main .parts_free_type09_box_text h1 {
margin: 0 0 16px;
padding: 0;
background: transparent none;
}
.parts_free_type09_box img {
display: block;
max-width: none;
width: 100%;
height: auto;
}
@media (max-width: 767px) {
.parts_free_type09_box_text > div {
top: auto;
right: 0;
left: 0;
bottom: 0;
width: 100%;
padding: 10px 0;
}
}
/* You tube */
.youtube h2 + p{
position: relative;
width: 100%;
padding-top: 56.25%;
}
.youtube iframe{
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
/* SNS */
div iframe.fb-iframe {
width: 92px;
}
/* -----------------------------------------
Indeed
----------------------------------------- */
/* 募集一覧*/
.cparts_other_type07a .img_block img{
margin-bottom: 15px;
width: 100%;
}
.cparts_other_type07a .txt_block {
margin-bottom: 10px;
border-bottom: 1px solid;
}
.cparts_other_type07a .txt_block p {
margin-bottom: 10px;
}
.cparts_other_type07a .notes_block p {
margin-bottom: 10px;
font-size: 92%;
}
.cparts_other_type07a .foot_block {
display: flex;
justify-content: space-between;
margin-top: 15px;
margin-left: -5px;
margin-right: -5px;
}
.cparts_other_type07a .foot_block > div {
width: 50%;
padding: 0 5px;
}
.cparts_other_type07a .foot_block a[class^="btn"] {
font-size: 100%;
width: 100%;
cursor: pointer;
}
.btn.btn-primary,
.btn.btnA,
.btn.btn02 { cursor: pointer;}
@media screen and (min-width: 768px) {
.cms_col_3.cparts_other_type07a {
display: inline-block;
width: 33.333%;
padding: 15px;
vertical-align: top;
}
.cparts_other_type07a .img_block img{
margin-bottom: 15px;
width: 100%;
height: 220px;
object-fit: cover;
}
.cparts_other_type07a.left_ntn{
margin-right: -15px;
}
.cparts_other_type07a.rigth_ntn{
margin-left: -15px;
}
}
/* 編集 */
#cms_contents_area .cms_col_3.cparts_other_type07a {
padding: 10px 5px;
}
/* IEのみ適応 */
_:-ms-input-placeholder, :root .cparts_other_type07a .img_block img {
height: auto;
}
/* ----------------------------------------------------------------------------------------
2020.07 var.03
---------------------------------------------------------------------------------------- */
/* -----------------------------------------
コンテンツパーツ共通
----------------------------------------- */
/*
編集サイトの表示
--------------------------------------*/
@media (min-width:768px){
#cms_contents_area .cparts-cell-block.cparts-hide-pc {
display: table-cell !important;
}
#cms_contents_area .cparts-inline-block.cparts-hide-pc {
display: inline-block !important;
}
#cms_contents_area .lay-row.cparts-hide-pc {
display: flex !important;
}
}
/*
テーブルセル系コンテンツパーツ
--------------------------------------*/
/* T.タブレット以上 */
@media (min-width:768px){
.cparts-table-block {
display: table;
margin-left: -15px;
margin-right: -15px;
margin-bottom: 30px;
height: 100%;
table-layout: fixed;
width: calc(100% + 30px);
}
.cparts-cell-block {
display: inline-block;
padding: 0 15px;
margin-bottom: 30px;
width: 50%;
vertical-align: top;
}
body.column2 .cparts-cell-block {
width: 100%;
}
}
/* D.デスクトップ以上 */
@media (min-width:992px){
.cparts-cell-block {
display: table-cell;
padding-left: 15px;
padding-right: 15px;
}
}
/*
インラインブロック系コンテンツパーツ
--------------------------------------*/
/* 1/3列 */
.cparts-col3-block {
width: 33.333%;
display: inline-block;
padding: 0 15px;
vertical-align: top;
}
.cparts-col3-block.cparts-rigth-ntn {
padding-right: 0;
}
.cparts-col3-block.cparts-left-ntn {
padding-left: 0;
}
.cparts-col3-block.cparts-center-ntn {
padding-right: 7.5px;
padding-left: 7.5px;
}
/* 1/5列 */
.cparts-col5-block {
width: 20%;
display: inline-block;
padding: 0 15px;
vertical-align: top;
}
.cparts-col5-block.cparts-rigth-ntn {
padding-right: 0;
}
.cparts-col5-block.cparts-r-center-ntn {
padding-right: 5px;
padding-left: 15px;
}
.cparts-col5-block.cparts-left-ntn {
padding-left: 0;
}
.cparts-col5-block.cparts-l-center-ntn {
padding-right: 15px;
padding-left: 5px;
}
.cparts-col5-block.cparts-center-ntn {
padding-right: 10px;
padding-left: 10px;
}
/* D.デスクトップ以下 */
@media (max-width:991px){
.cparts-col3-block {
width: 50%;
}
.cparts-col5-block {
width: 33.333%;
}
}
/* S.スマートフォン */
@media (max-width:767px){
.cparts-col3-block {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.cparts-col5-block {
width: 50%;
}
}
/*
横スクロール付表組
--------------------------------------*/
/* S.スマートフォン */
@media (max-width:767px){
.cparts-table-block table {
display: block;
overflow-x: auto;
max-width: 1110px;
min-width: 800px;
-webkit-overflow-scrolling: touch;
}
[class*="cparts-id93"] .cparts-table-block tbody {
display: table;
width: 100%;
}
.lay-row > .lay-col12-xs-12:not(:first-child) {
margin-top: 30px;
}
.cparts-table-block thead,
.cparts-table-block tbody {
display: table;
width: 100%;
}
.cparts-table-block tbody {
margin-bottom: 15px;
}
/* 2024.03 改良分追加 */
[class*="lay-col12"] > .cparts-table-block {
overflow-x: auto;
padding-bottom: 1rem;
}
[class*="lay-col12"] > .cparts-table-block table {
display: table;
}
[class*="lay-col12"] > .cparts-table-block thead {
display: table-header-group;
}
[class*="lay-col12"] > .cparts-table-block tbody {
display: table-row-group;
}
}
/* -----------------------------------------
営業時間/診療時間
----------------------------------------- */
.cparts-var03-type02 .cparts-txt-block {
border-right: 1px solid #b9b9b9;
margin-bottom: 15px;
}
.cparts-var03-type02 .cparts-txt-block:nth-of-type(4) {
border-right: none;
}
.cparts-var03-type02 table {
margin-top: 15px;
}
.cparts-var03-type02 h4,
.cparts-var03-type02 .cparts-txt-block p {
text-align: center;
}
.cparts-var03-type02 caption {
caption-side: bottom;
}
/* S.スマートフォン */
@media (max-width:767px){
.cparts-var03-type02 .cparts-txt-block:nth-of-type(2n) {
border-right: none;
}
}
/* -----------------------------------------
流れ（画像つき・矢印なし）
----------------------------------------- */
.cparts-var03-type03a {
border: 2px solid;
border-radius: 4px;
}
.cparts-var03-type03a.cparts-cms_row,
.cparts-var03-type03a .cparts-cms_row {
margin-left: 0;
margin-right: 0;
}
.cparts-var03-type03a .cparts-head-block {
padding: 15px;
}
.cparts-var03-type03a h3.cparts-ttl-block {
background-color: transparent;
background-image: none;
border: none;
padding: 0;
margin: 0;
}
.cparts-var03-type03a h3.cparts-ttl-block:before,
.cparts-var03-type03a h3.cparts-ttl-block:after {
display: none;
}
.cparts-var03-type03a h3 > span {
display: block;
}
.cparts-var03-type03a h3 .cparts-no-block {
font-size: 2em;
margin-top: 5px;
}
.cparts-var03-type03a .cparts-body-block {
padding: 15px;
}
.cparts-var03-type03a .cparts-img-block {
text-align: center;
}
/* S.スマートフォン */
@media (max-width:767px){
.cparts-var03-type03a .cparts-head-block {
border-bottom: 1px dotted;
}
.cparts-var03-type03a .cparts-txt-block {
padding-top: 15px;
}
}
/* T.タブレット以上 */
@media (min-width:768px){
.cparts-var03-type03a .cparts-head-block {
border-right: 1px dotted;
display: flex;
align-items: center;
justify-content: center;
}
.cparts-var03-type03a .cparts-txt-block {
padding-right: 15px;
order: 1;
}
.cparts-var03-type03a .cparts-img-block {
display: flex;
order: 2;
}
.cparts-var03-type03a .cparts-img-block img {
align-self: center;
width: 100%;
}
}
/* -----------------------------------------
流れ（矢印のみ）
----------------------------------------- */
.cparts-var03-type03b {
text-align: center;
}
.cparts-var03-type03b .cparts-info-block {
border-top: 20px solid;
border-right: 20px solid transparent;
border-left: 20px solid transparent;
display: inline-block;
height: 30px;
line-height: 60px;
overflow: hidden;
width: 30px;
}
/* -----------------------------------------
プラン別価格表（横並び）
----------------------------------------- */
.cparts-var03-type04 .cparts-ttl-block {
border-bottom: 2px solid;
padding: 30px;
margin: 0 -30px 20px;
text-align: center;
}
.cparts-var03-type04 .cparts-ttl-block h4 {
background-color: transparent;
background-image: none;
border: none;
font-size: 2em;
font-weight: bold;
padding: 0;
margin: 0;
}
.cparts-var03-type04 .cparts-body-block {
border: 2px solid;
border-radius: 4px;
}
.cparts-var03-type04 .cparts-body-block {
padding: 0 30px 30px;
}
.cparts-var03-type04 p.cparts-txt-block,
.cparts-var03-type04 .cparts-notes-block {
margin-bottom: 0;
text-align: center;
}
.cparts-var03-type04 p.cparts-txt-block span {
font-size: 1.25em;
font-weight: bold;
padding: 0 2px;
}
.cparts-var03-type04 p.cparts-txt-block span.cparts-price-block {
font-size: 3.5em;
line-height: 1;
word-break: break-all;
}
.cparts-var03-type04 div.cparts-txt-block h5 {
border-top: 2px solid;
font-size: 1.25em;
font-weight: bold;
padding: 30px 0 0;
margin: 30px 0;
text-align: center;
}
/* T.タブレット以上 */
@media (min-width: 768px){
.cparts-var03-type04 .cparts-body-block {
display: table;
height: 100%;
width: 100%;
}
}
/* -----------------------------------------
商品紹介一覧
----------------------------------------- */
.cparts-var03-type05 .cparts-body-block {
padding: 20px;
background-color: #eee;
}
.cparts-var03-type05 h4{
margin-top: 20px;
margin-bottom: 20px;
}
.cparts-var03-type05 .cparts-img-block img {
width: 100%;
height: 230px;
object-fit: cover;
}
.cparts-var03-type05 .cparts-notes-block ul {
list-style: none;
padding-left: 0;
display: flex;
flex-wrap: wrap;
}
.cparts-var03-type05 .cparts-notes-block li {
display: inline-block;
padding: 5px;
line-height: 1;
font-size: .875em;
background:#000;
color: #fff;
margin-bottom: 5px;
margin-right: 5px;
}
/* IEのみ適応 */
_:-ms-input-placeholder, :root .cparts-var03-type05 .cparts-img-block {
height: 230px;
overflow: hidden;
}
_:-ms-input-placeholder, :root.cparts-var03-type05 .cparts-img-block img {
height: auto;
}
/* -----------------------------------------
リンクボタン
----------------------------------------- */
.cparts-btn-round,
.cparts-btn-square {
border: 1px solid #ccc;
color: #333;
background: #fff;
display: inline-block;
text-align: center;
text-decoration: none;
line-height: 1.5;
padding: 10px 20px;
transition: .5s;
}
.cparts-btn-round {
border-radius: 300px;
}
.cparts-btn-round:hover,
.cparts-btn-round:focus,
.cparts-btn-square:hover,
.cparts-btn-square:focus {
text-decoration: none;
background: #000;
color: #fff;
}
/*
サイズ別
--------------------------------------*/
.cparts-btn-min {
width: 20%;
min-width: 130px;
}
.cparts-btn-med {
width: 30%;
min-width: 160px;
padding: 15px 25px;
font-size: 16px;
}
.cparts-btn-max {
width: 40%;
min-width: 190px;
font-size: 18px;
padding: 20px 30px;
}
/* S.スマートフォン */
@media (max-width:768px){
.cparts-btn-min {
width: 50%;
min-width: 200px;
}
.cparts-btn-med {
width: 90%;
}
.cparts-btn-max {
width: 100%;
}
}
/* -----------------------------------------
社員・スタッフ紹介一覧
----------------------------------------- */
/*
共通
--------------------------------------*/
[class*="cparts-var03-type08"] .cparts-img-block {
order: 1;
overflow: hidden;
position: relative;
width: 100%
}
[class*="cparts-var03-type08"] .cparts-img-block:before {
content:"";
display: block;
padding-top: 100%;
}
[class*="cparts-var03-type08"] .cparts-img-block img {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
object-fit: cover;
height: 100%;
width: 100%;
}
/*
社員・スタッフ紹介一覧1
--------------------------------------*/
.cparts-var03-type08a .cparts-body-block {
display: flex;
flex-direction: column;
}
.cparts-var03-type08a .cparts-img-block:before {
padding-top: 75%;
}
.cparts-var03-type08a .cparts-img-block img {
-webkit-transition: all .3s;
transition: all .3s;
}
.cparts-var03-type08a .cparts-img-block:hover img {
transform: scale(1.1);
}
.cparts-var03-type08a .cparts-ttl-block,
.cparts-var03-type08a .cparts-txt-block {
background-color: #fff;
padding: 0 15px;
margin: 0 auto;
width: 92%;
z-index: 1;
}
.cparts-var03-type08a .cparts-ttl-block {
box-shadow: 0 0 4px -1px #0c0c0c;
display: flex;
flex-direction: column;
order: 2;
padding-top: 15px;
margin-top: -50px;
}
.cparts-var03-type08a .cparts-ttl-block h4 {
background-color: transparent;
background-image: none;
border: none;
font-size: 100%;
font-weight: normal;
padding: 0;
margin: 0;
order: 2;
}
.cparts-var03-type08a .cparts-ttl-block h4 span {
display: block;
font-size: 1.25em;
font-weight: bold;
}
.cparts-var03-type08a .cparts-ttl-block p {
align-self: flex-start;
-ms-align-self: flex-start;
border: 1px solid;
display: inline-block;
font-size: .875em;
padding: 5px;
margin-bottom: 10px;
order: 1;
}
.cparts-var03-type08a .cparts-txt-block {
order: 3;
padding-top: 15px;
}
/* T.タブレット以上 */
@media (min-width:768px){
.cparts-other-type10a {
display: inline-block;
padding: 0 15px;
vertical-align: top;
width: 50%
}
}
/* D.デスクトップ以上 */
@media (min-width:992px){
.cparts-other-type10a {
width: 33.333%
}
}
/* IEのみ適応 */
_:-ms-input-placeholder, :root [class*="cparts-var03-type08"] .cparts-img-block img {
height: auto;
width: 130%;
max-width: none;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
_:-ms-input-placeholder, :root .cparts-var03-type08a .cparts-img-block:hover img {
transform: translate(-50%,-50%) scale(1.1);
}
_:-ms-input-placeholder, :root .cparts-var03-type08a .cparts-ttl-block p {
max-width: 100%;
}
/*
社員・スタッフ紹介一覧2、3
--------------------------------------*/
.cparts-var03-type08b,
.cparts-var03-type08d {
position: relative;
}
.cparts-var03-type08b .cparts-body-block {
background-color: #eee;
}
.cparts-var03-type08d .cparts-body-block {
text-align: center;
}
.cparts-var03-type08d .cparts-img-block {
border-radius: 50%;
}
.cparts-var03-type08b .cparts-img-block img,
.cparts-var03-type08d .cparts-img-block img {
-webkit-transition: all .3s;
transition: all .3s;
}
.cparts-var03-type08b:hover .cparts-img-block img,
.cparts-var03-type08d:hover .cparts-img-block img {
transform: scale(1.1);
}
.cparts-var03-type08b .cparts-txt-block {
padding: 5px 15px 15px;
position: relative;
}
.cparts-var03-type08b .cparts-notes-block,
.cparts-var03-type08d .cparts-notes-block {
background-color: #000;
color: #fff;
display: inline-block;
font-size: .875em;
}
.cparts-var03-type08b .cparts-notes-block {
position: relative;
padding: 5px;
margin-top: -15px;
margin-left: 13px;
max-width: calc(100% - 26px);
}
.cparts-var03-type08d .cparts-notes-block {
padding: 5px 15px;
margin: 15px auto 5px;
max-width: 100%;
}
.cparts-var03-type08b p,
.cparts-var03-type08d p {
margin-bottom: 0;
}
.cparts-var03-type08b .cparts-txt-block p {
font-size: 1.125em;
font-weight: bold;
}
.cparts-var03-type08d .cparts-txt-block p {
font-size: 1.125em;
}
.cparts-var03-type08b .cparts-foot-block,
.cparts-var03-type08d .cparts-foot-block {
position: absolute;
top: 0;
right: 5px;
bottom: 0;
left: 5px;
overflow: hidden;
}
.cparts-var03-type08b .cparts-foot-block *,
.cparts-var03-type08d .cparts-foot-block * {
display: block;
line-height: 9999999px;
height: 100%;
width: 100%;
}
/* 編集サイト */
#cms_contents_area .cparts-var03-type08b .cparts-foot-block,
#cms_contents_area .cparts-var03-type08d .cparts-foot-block,
body#main .cparts-var03-type08b .cparts-foot-block,
body#main .cparts-var03-type08d .cparts-foot-block {
position: static;
overflow: visible;
text-align: center;
}
#cms_contents_area .cparts-var03-type08b .cparts-foot-block,
body#main .cparts-var03-type08b .cparts-foot-block {
padding: 15px 0;
}
#cms_contents_area .cparts-var03-type08d .cparts-foot-block,
body#main .cparts-var03-type08d .cparts-foot-block {
padding: 5px 0;
}
#cms_contents_area .cparts-var03-type08b .cparts-foot-block *,
#cms_contents_area .cparts-var03-type08d .cparts-foot-block *,
body#main .cparts-var03-type08b .cparts-foot-block *,
body#main .cparts-var03-type08d .cparts-foot-block * {
line-height: 1.2;
height: auto;
}
/* S.スマートフォン */
@media (max-width:767px){
.cparts-var03-type08b:hover .cparts-img-block img,
.cparts-var03-type08d:hover .cparts-img-block img {
transform: none;
}
}
/* T.タブレットサイズ以上 */
@media (min-width:768px){
.cparts-var03-type08b .cparts-foot-block,
.cparts-var03-type08d .cparts-foot-block {
right: 15px;
left: 15px;
}
}
/* IEのみ適応 */
_:-ms-input-placeholder, :root.cparts-var03-type08b .cparts-img-block img,
_:-ms-input-placeholder, :root .cparts-var03-type08d .cparts-img-block img {
width: 150%;
}
_:-ms-input-placeholder, :root .cparts-var03-type08b:hover .cparts-img-block img,
_:-ms-input-placeholder, :root .cparts-var03-type08d:hover .cparts-img-block img {
transform: translate(-50%,-50%) scale(1.1);
}
/* -----------------------------------------
社員・スタッフ紹介詳細
----------------------------------------- */
.cparts-var03-type08c,
.cparts-var03-type08e {
margin-left: -15px;
margin-right: -15px;
}
.cparts-var03-type08c > *,
.cparts-var03-type08e > * {
padding: 0 15px;
}
.cparts-var03-type08c > div:nth-child(2),
.cparts-var03-type08e > div:nth-child(2) {
order: 1;
}
.cparts-var03-type08e .cparts-img-block {
border-radius: 50%;
}
.cparts-var03-type08c > div:nth-child(1),
.cparts-var03-type08e > div:nth-child(1) {
display: flex;
flex-direction: column;
justify-content: flex-end;
order: 2;
}
.cparts-var03-type08c div.cparts-notes-block,
.cparts-var03-type08e div.cparts-notes-block {
order: 1;
}
.cparts-var03-type08c div.cparts-notes-block p,
.cparts-var03-type08e div.cparts-notes-block p {
background-color: #000;
color: #fff;
display: inline-block;
font-size: .875em;
padding: 5px 10px;
margin: 10px 0 20px;
}
.cparts-var03-type08c h2.cparts-ttl-block,
.cparts-var03-type08e h2.cparts-ttl-block {
background-color: transparent;
background-image: none;
color: #333;
font-size: 1.75em;
padding: 0;
order: 2;
margin: 0 0 30px;
text-align: left;
}
.cparts-var03-type08c h2.cparts-ttl-block span,
.cparts-var03-type08e h2.cparts-ttl-block span {
display: block;
}
.cparts-var03-type08c h2.cparts-ttl-block span.cparts-notes-block,
.cparts-var03-type08e h2.cparts-ttl-block span.cparts-notes-block {
color: #999;
font-size: .575em;
font-weight: bold;
margin-top: 10px;
}
.cparts-var03-type08c .cparts-txt-block,
.cparts-var03-type08e .cparts-txt-block {
order: 3;
}
/* S.スマートフォン */
@media (max-width:767px){
.cparts-var03-type08c,
.cparts-var03-type08e {
display: flex;
flex-direction: column;
}
.cparts-var03-type08c div.cparts-notes-block,
.cparts-var03-type08c h2.cparts-ttl-block,
.cparts-var03-type08e div.cparts-notes-block,
.cparts-var03-type08e h2.cparts-ttl-block {
text-align: center;
}
.cparts-var03-type08c div.cparts-notes-block p,
.cparts-var03-type08e div.cparts-notes-block p {
margin-left: auto;
margin-right: auto;
}
.cparts-var03-type08c .cparts-img-block,
.cparts-var03-type08e .cparts-img-block {
margin-bottom: 30px;
}
.cparts-var03-type08c table {
border: none;
}
.cparts-var03-type08c th,
.cparts-var03-type08c td {
display: block;
margin-top: -1px;
width: 100%;
}
}
/* T.タブレットサイズ以上 */
@media (min-width:768px){
.cparts-other-type10e .cparts-cms_col-2b {
justify-content: flex-end;
padding-bottom: 30px;
}
}
/* -----------------------------------------
利用者様の声1、2
----------------------------------------- */
.cparts-var03-type09a .cparts-img-block img,
.cparts-var03-type09b .cparts-img-block img {
width: 100%;
object-fit: cover;
}
.cparts-var03-type09a h4,
.cparts-var03-type09b h4 {
width: 80%;
}
.cparts-var03-type09a .cparts-body-block {
z-index: 1;
padding: 20px;
background: #fff;
margin-left: -80px;
margin-top: 50px;
display: flex;
flex-wrap: wrap;
align-items: center;
box-shadow: 5px 5px 0px 0 rgba(3, 3, 3, .5);
}
.cparts-var03-type09a .cparts-notes-block,
.cparts-var03-type09b .cparts-notes-block {
padding: 16px 24px;
display: inline-flex;
flex-flow: column;
align-items: center;
justify-content: center;
border-radius: 50%;
margin-right: 20px;
background: #000;
color: #fff;
}
.cparts-var03-type09a .cparts-no-block,
.cparts-var03-type09b .cparts-no-block {
display: block;
font-size: 20px;
}
.cparts-var03-type09a .cparts-txt-block,
.cparts-var03-type09b .cparts-txt-block {
margin-top: 20px;
width: 100%;
}
/*
テキスト＋画像
--------------------------------------*/
.cparts-var03-type09b .cparts-body-block {
padding: 20px;
background: #fff;
margin-right: -80px;
margin-top: 50px;
display: flex;
flex-wrap: wrap;
align-items: center;
box-shadow: -5px 5px 0px 0 rgba(3, 3, 3, .5);
}
.cparts-var03-type09b > div:nth-child(1){
order: 2;
}
.cparts-var03-type09b > div:nth-child(2) {
order: 1;
z-index: 1;
}
/* S.スマートフォン */
@media (max-width:767px){
.cparts-var03-type09a .cparts-body-block {
margin-top: -50px;
margin-left: 5%;
}
/* テキスト＋画像 */
.cparts-var03-type09b .cparts-body-block {
margin-top: -50px;
margin-right: 5%;
}
.cparts-var03-type09b > div:nth-child(1) {
order: 0;
}
.cparts-var03-type09b > div:nth-child(2) {
order: 0;
}
}
@media (max-width:567px){
.cparts-var03-type09a .cparts-body-block,
.cparts-var03-type09b .cparts-body-block {
padding: 20px 10px;
}
.cparts-var03-type09a h4,
.cparts-var03-type09b h4 {
width: 100%;
}
.cparts-var03-type09a .cparts-img-block img,
.cparts-var03-type09b .cparts-img-block img {
height: 260px;
}
}
/* -----------------------------------------
利用者様の声3
----------------------------------------- */
.cparts-var03-type10 {
padding: 30px;
}
.cparts-var03-type10 .cparts-img-block {
text-align: center;
}
.cparts-var03-type10 .cparts-img-block p {
font-size: 1.25em;
font-weight: bold;
line-height: 1;
margin-top: 10px;
margin-bottom: 0;
}
.cparts-var03-type10 .cparts-txt-block {
font-size: 1.25em;
}
.cparts-var03-type10 h4 {
margin-top: 0;
margin-bottom: 15px;
}
.cparts-var03-type10 .cparts-txt-block p:last-of-type {
margin-bottom: 0;
}
/* S.スマートフォン */
@media (max-width:767px){
.cparts-var03-type10 .cparts-img-block {
margin-bottom: 15px;
}
}
/* T.タブレットサイズ以上 */
@media (min-width: 768px){
.cparts-var03-type10 .cparts-img-block {
padding-right: 30px;
}
.cparts-var03-type10 .cparts-img-block img {
width: 100%;
}
}
/* -----------------------------------------
ドロップダウンで詳細を表示
----------------------------------------- */
.cparts-var03-type12a .cparts-body-block {
padding: 15px 15px 15px 45px;
position: relative;
cursor: pointer;
transition: 0s;
transition-delay: .5s;
background:#eee;
border-radius: 5px;
margin-bottom: 15px;
}
.cparts-var03-type12a.cparts-var03-type12a-open {
transition: 0s;
transition-delay: 0s !important;
}
.cparts-var03-type12a .cparts-ttl-block p {
margin:0;
}
.cparts-var03-type12a .cparts-icon-block span {
height: 2px;
width: 15px;
background-color: #000;
border-radius: 3px;
display: inline-block;
box-sizing: border-box;
position: absolute;
left: 19px;
top: 32px;
}
.cparts-var03-type12a .cparts-icon-block span:first-of-type {
transform:rotate(90deg);
transition: .6s;
}
.cparts-icon-block-open.cparts-icon-block span:first-of-type {
transform:rotate(0);
}
.cparts-var03-type12c{
text-align: center;
font-size: 16px;
position: relative;
}
.cparts-var03-type12c:before,
.cparts-var03-type12c:after {
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: calc((100% - 350px) / 2);
height: 5px;
border-top: solid 1px black;
border-bottom: solid 1px black;
}
.cparts-var03-type12c:before {
left:0;
}
.cparts-var03-type12c:after {
right: 0;
}
/* -----------------------------------------
アクセス道順
----------------------------------------- */
.cparts-var03-type20a ul,
.cparts-var03-type20b ul {
list-style: none;
padding-left:0;
}
.cparts-var03-type20a ul li,
.cparts-var03-type20b ul li {
padding: 25px 15px 25px 42px;
position: relative;
}
.cparts-var03-type20a ul li:nth-child(2n+1),
.cparts-var03-type20b ul li:nth-child(2n+1) {
background: #efefef;
}
.cparts-var03-type20a ul li:nth-child(2n+1):before,
.cparts-var03-type20b ul li:nth-child(2n+1):before {
content: "";
position: absolute;
display: inline-block;
left: 12px;
top: 22px;
width: 20px;
height: 20px;
color: #000;
margin-left: 4px;
margin-top: 2px;
background-color: currentColor;
border: solid 1px currentColor;
border-radius: 10px 10px 10px 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.cparts-var03-type20a ul li:nth-child(2n+1):after,
.cparts-var03-type20b ul li:nth-child(2n+1):after {
content: '';
position: absolute;
left: 21px;
top: 29px;
width: 9px;
height: 9px;
border: solid 1px currentColor;
border-radius: 7px;
background-color: currentColor;
color: #efefef;
}
.cparts-var03-type20a ul li:nth-child(2n):before,
.cparts-var03-type20b ul li:nth-child(2n):before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: 1.8em;
width: 1px;
border-left: 2px solid;
color: #000;
}
/* -----------------------------------------
求人募集一覧1
----------------------------------------- */
.cparts-var03-type14a {
margin-bottom: 25px;
}
.cparts-var03-type14a .cparts-img-block {
width: 100%;
height: 100%;
object-fit: cover;
}
.cparts-var03-type14a h4 {
font-weight: bold;
}
.cparts-var03-type14a .cparts-txt-block {
border-top: 2px solid #ccc;
padding-top: 20px;
}
.cparts-var03-type14a .cparts-foot-block {
display: flex;
margin-top: 25px;
justify-content: center;
flex-wrap: wrap;
}
.cparts-var03-type14a .cparts-foot-block .btn {
width: 120px;
}
.cparts-var03-type14a .cparts-foot-block > div {
margin-right: 10px;
margin-left: 10px;
}
/* S.スマートフォン */
@media (max-width:767px){
.cparts-var03-type14a .cparts-img-block {
height: 300px;
margin-bottom: 15px;
}
}
@media (max-width:567px){
.cparts-var03-type14a .cparts-img-block {
height: 200px;
}
}
/* IEのみ適応 */
_:-ms-input-placeholder, :root .cparts-var03-type14a .cparts-img-block {
height: auto;
}
/* -----------------------------------------
サイトマップ１
----------------------------------------- */
.cparts-var03-type16 {
padding-top: 20px;
}
.cparts-var03-type16:nth-of-type(n+2) {
border-top: 1px solid;
padding-top: 45px;
padding-bottom: 25px;
}
.cparts-var03-type16 h5 {
position: relative;
padding-left: 20px;
margin-top: 15px;
margin-bottom: 15px;
}
.cparts-var03-type16 h5::after {
display: block;
content: '';
position: absolute;
top: .2em;
left: 0em;
width: 7px;
height: 7px;
border-right: 1.5px solid;
border-bottom: 1.5px solid;
color: #666;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.cparts-var03-type16 ul {
list-style: none;
margin-left: 20px;
}
.cparts-var03-type16 ul li {
position: relative;
margin-bottom: 10px;
margin-top: 10px;
}
.cparts-var03-type16 ul li::after {
display: block;
content: '';
position: absolute;
top: .65em;
left: -1em;
width: 6px;
height: 2px;
background-color: #666;
}
/* -----------------------------------------
サイトマップ2
----------------------------------------- */
.cparts-var03-type17a,
.cparts-var03-type17b .cparts-body-block {
border: 1px solid;
border-radius: 4px;
padding: 30px 15px;
margin-left: 0;
margin-right: 0;
width: 100%;
}
.cparts-var03-type17b .cparts-img-block {
margin-bottom: 30px;
text-align: center;
}
div[class*="cparts-var03-type17"] .cparts-ttl-block h4,
div[class*="cparts-var03-type17"] .cparts-txt-block h5 {
position: relative;
}
div[class*="cparts-var03-type17"] .cparts-ttl-block h4 {
padding-left: 30px;
margin: 10px 0 30px;
}
div[class*="cparts-var03-type17"] .cparts-txt-block h5 {
padding-left: 15px;
margin: 0 0 15px;
}
div[class*="cparts-var03-type17"] .cparts-ttl-block h4:before,
div[class*="cparts-var03-type17"] .cparts-ttl-block h4:after,
div[class*="cparts-var03-type17"] .cparts-txt-block h5:before,
div[class*="cparts-var03-type17"] .cparts-txt-block h5:after {
content: "";
position: absolute;
}
div[class*="cparts-var03-type17"] .cparts-ttl-block h4:before {
border: 1px solid;
left: 0;
top: 0;
width: 20px;
height: 20px;
}
div[class*="cparts-var03-type17"] .cparts-ttl-block h4:after {
border-top: 1px solid;
border-right: 1px solid;
left: 6px;
top: 7px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 6px;
height: 6px;
}
div[class*="cparts-var03-type17"] .cparts-txt-block h5:before {
border-top: 2px solid;
height: 1px;
left: 2px;
top: 7px;
width: 6px;
}
div[class*="cparts-var03-type17"] .cparts-txt-block h5:after {
border-top: 2px solid;
border-right: 2px solid;
left: 4px;
top: 5px;
width: 6px;
height: 6px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
div[class*="cparts-var03-type17"] .cparts-txt-block h5 + ul {
margin-top: -5px;
}
div[class*="cparts-var03-type17"] .cparts-txt-block ul {
margin: 0 0 15px;
padding: 0 0 0 15px;
list-style: none;
}
body.column1 div[class*="cparts-var03-type17"] ul li:before,
body.column2 div[class*="cparts-var03-type17"] ul li:before {
display: none;
}
div[class*="cparts-var03-type17"] .cparts-txt-block li {
background-image: none;
display: inline-block;
list-style: none;
margin-right: 5px;
}
div[class*="cparts-var03-type17"] .cparts-txt-block li:after {
border-left: 1px solid;
content: "";
display: inline-block;
margin-left: 8px;
-webkit-transform: rotate(10deg);
transform: rotate(10deg);
height: 12px;
width: 1px;
}
div[class*="cparts-var03-type17"] .cparts-txt-block li:last-of-type {
margin: 0;
}
div[class*="cparts-var03-type17"] .cparts-txt-block li:last-of-type:after {
display: none;
}
/* S.スマートフォン */
@media (max-width:767px){
.cparts-var03-type17a > div:nth-child(1) {
text-align: center;
}
.cparts-var03-type17a > div:nth-child(1) img {
margin: 0 auto 30px;
}
}
/* T.タブレット以上 */
@media (min-width:768px){
.cparts-var03-type17a {
align-items: flex-start;
}
.cparts-var03-type17a > div:nth-child(1) {
padding: 0 15px;
width: 33.333%;
}
.cparts-var03-type17a > div:nth-child(2) {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
padding: 0 5px;
width: 66.6666%;
}
.cparts-var03-type17a > div:nth-child(2) .cparts-ttl-block {
padding: 0 10px;
width: 100%;
}
.cparts-var03-type17a > div:nth-child(2) .cparts-txt-block {
padding: 0 10px;
width: 50%;
}
.cparts-var03-type17b .cparts-body-block {
display: table;
padding-left: 30px;
padding-right: 30px;
height: 100%;
}
}
/* IEのみ適応 */
_:-ms-input-placeholder, :root .cparts-var03-type17b .cparts-img-block img {
width: 100%;
max-width: 580px;
}
/* -----------------------------------------
目次用パーツ（枠線付き）の3セット
----------------------------------------- */
.cparts-var03-type18 .cparts-body-block {
border: 1px solid #c4c4c4;
padding: 20px 20px 10px;
text-align: center;
}
.cparts-var03-type18 h4 {
margin-bottom: 20px;
}
.cparts-var03-type18 a {
border: 1px solid #ccc;
padding: 10px 20px;
color: #333;
background: #fff;
display: inline-block;
text-align: center;
text-decoration: none;
line-height: 1.2;
transition: .6s;
cursor: pointer;
}
.cparts-var03-type18 a:hover,
.cparts-var03-type18 a:focus {
text-decoration: none;
background: #000;
color: #fff;
}
/* S.スマートフォン */
@media (max-width:767px){
.cparts-var03-type18 .cparts-body-block {
margin-bottom:15px;
}
}
/* -----------------------------------------
画像マウスオーバーでテキスト表示
----------------------------------------- */
#cms_contents_area .cparts-var03-type19a .cparts-body-block,
#cms_contents_area .cparts-var03-type19b .cparts-body-block,
body#main .cparts-var03-type19a .cparts-body-block,
body#main .cparts-var03-type19b .cparts-body-block {
position: relative;
width: 100% !important;
left: 0;
padding: 20px 15px;
opacity: 1;
}
.cparts-var03-type19a .cparts-img-block,
.cparts-var03-type19b .cparts-img-block {
width: 100%;
display: inline-block;
}
.cparts-var03-type19a .cparts-img-block img,
.cparts-var03-type19b .cparts-img-block img {
width: 100%;
}
.cparts-var03-type19a .cparts-body-block,
.cparts-var03-type19b .cparts-body-block {
position: absolute;
top: 0;
bottom: 0;
left: 15px;
right: 0;
background: rgba(0,0,0,0.5);
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
color: #fff;
opacity: 0;
transition:all 0.6s ease;
}
.cparts-var03-type19a .cparts-body-block {
width: calc(100% - 30px);
padding: 30px;
}
.cparts-var03-type19b .cparts-body-block {
width: calc(100% - 30px);
padding: 15px;
}
.cparts-var03-type19a .cparts-txt-block,
.cparts-var03-type19b .cparts-txt-block {
overflow: auto;
max-width: 100%;
}
.cparts-var03-type19a > div:hover .cparts-body-block,
.cparts-var03-type19b > div:hover .cparts-body-block {
opacity: 1;
}
/* D.デスクトップ以下 */
@media (max-width:991px){
.cparts-var03-type19a .cparts-body-block,
.cparts-var03-type19b .cparts-body-block {
position: relative;
width: 100%;
left: 0;
padding: 20px 15px;
opacity: 1;
}
}
/* S.スマートフォン */
@media (max-width:767px){
.cparts-var03-type19a .cparts-body-block,
.cparts-var03-type19b .cparts-body-block {
margin-bottom:15px;
}
}
/* -----------------------------------------
流れ（横並び）
----------------------------------------- */
.cparts-var03-type21 {
position: relative;
}
.cparts-var03-type21:after {
border-style: solid;
content: "";
display: block;
position: absolute;
height: 0;
width: 0;
}
.cparts-var03-type21:last-of-type:after {
display: none;
}
.cparts-var03-type21 .cparts-no-block {
border-bottom: 1px solid;
padding-bottom: 15px;
margin-bottom: 30px;
text-align: center;
}
.cparts-var03-type21 .cparts-no-block h3 {
border: none;
padding: 0;
margin: 0;
}
.cparts-var03-type21 .cparts-body-block {
border: 1px solid;
display: table;
padding: 15px;
height: 100%;
width: 100%;
}
/* S.スマートフォン */
@media (max-width:767px){
.cparts-var03-type21 {
margin-bottom: 25px;
}
.cparts-var03-type21:after {
border-width: 15px 10px 0 10px;
border-color: #ccc transparent transparent transparent;
left: calc(50% - 10px);
bottom: -21px;
}
}
/* T.タブレット以上 */
@media (min-width:768px){
.cparts-var03-type21:after {
border-width: 10px 0 10px 12px;
border-color: transparent transparent transparent #ccc;
right: -7px;
top: calc(50% - 10px);
}
}
/* T.タブレット */
@media (min-width: 768px) and (max-width: 991px){
.cparts-var03-type21.cparts-cell-block {
padding-right: 30px;
}
body.column2 .cparts-var03-type21.cparts-cell-block {
padding-right: 50px;
}
.cparts-var03-type21:after {
right: 0;
}
.cparts-var03-type21:nth-of-type(even):after {
right: 10px;
}
body.column2 .cparts-var03-type21:after,
body.column2 .cparts-var03-type21:nth-of-type(even):after {
right: 25px;
}
}
/* -----------------------------------------
流れ（ライン）
----------------------------------------- */
/*
直線
--------------------------------------*/
.cparts-var03-type24.box {
margin-bottom: 0;
}
.cparts-var03-type24 > div {
padding: 0 50px;
position: relative;
margin-bottom: 30px;
}
.cparts-var03-type24 .cparts-head-block {
height: 15px;
}
.cparts-var03-type24 .cparts-no-block {
background-color: #000;
border-radius: 50%;
color: #fff;
height: 50px;
line-height: 50px;
position: absolute;
left: 0;
top: 0;
text-align: center;
width: 50px;
z-index: 1;
}
.cparts-var03-type24 .cparts-body-block {
border-left: 4px solid;
padding: 0 50px;
margin: 0 -27px;
text-align: left;
}
.cparts-var03-type24 .cparts-body-block h3 {
padding: 0;
margin-top: 0;
text-align: left;
}
/* 2つ目以降 */
.cparts-var03-type24 + .cparts-var03-type24 > div {
padding-top: 46px;
margin-top: -30px;
}
.cparts-var03-type24 + .cparts-var03-type24 > div:before {
border-style: solid;
border-width: 0 0 0 4px;
content: "";
display: block;
position: absolute;
left: 23px;
top: 46px;
width: 50px;
height: 50px;
}
.cparts-var03-type24 + .cparts-var03-type24 > div:after {
border-style: solid;
border-width: 0 0 0 4px;
content: "";
display: block;
position: absolute;
left: 23px;
top: 0;
width: 50px;
height: 50px;
}
.cparts-var03-type24 + .cparts-var03-type24 .cparts-no-block {
top: 46px;
}
.cparts-var03-type24 .cparts-txt-block> *:last-child {
margin-bottom: 0;
}
/*
バリエーション
--------------------------------------*/
.cparts-var03-type24.cparts-connector--curve + .cparts-var03-type24.cparts-connector--curve .cparts-head-block {
border-top: 4px solid;
}
.cparts-var03-type24.cparts-connector--curve + .cparts-connector--curve .cparts-head-block {
height: 50px;
}
.cparts-var03-type24.cparts-connector--curve + .cparts-connector--curve .cparts-no-block {
top: 80px;
}
.cparts-var03-type24.cparts-connector--curve + .cparts-connector--curve:nth-last-of-type(1) .cparts-body-block {
border: none !important;
padding-left: 54px;
padding-right: 54px;
}
.cparts-var03-type24.cparts-connector--curve + .cparts-var03-type24.cparts-connector--curve > div:before {
border-width: 4px 0 0 4px;
border-radius: 16px 0 0 0;
}
.cparts-var03-type24.cparts-connector--curve + .cparts-var03-type24.cparts-connector--curve > div:after {
border-width: 0 4px 4px 0;
border-radius: 0 0 16px 0;
right: 23px;
left: auto;
}
.cparts-var03-type24.cparts-connector--curve + .cparts-var03-type24.cparts-connector--curve:nth-of-type(odd) > div:before {
border-width: 0 0 4px 4px;
border-radius: 0 0 0 16px;
top: 0;
}
.cparts-var03-type24.cparts-connector--curve + .cparts-var03-type24.cparts-connector--curve:nth-of-type(odd) > div:after {
border-width: 4px 4px 0 0;
border-radius: 0 16px 0 0;
top: 46px;
}
.cparts-var03-type24.cparts-connector--curve + .cparts-var03-type24.cparts-connector--curve:nth-of-type(odd) .cparts-no-block {
left: auto;
right: 0;
}
.cparts-var03-type24.cparts-connector--curve + .cparts-var03-type24.cparts-connector--curve:nth-of-type(odd) .cparts-body-block {
border-right: 4px solid;
border-left: none;
text-align: right;
}
.cparts-var03-type24.cparts-connector--curve + .cparts-var03-type24.cparts-connector--curve:nth-of-type(odd) .cparts-body-block h3 {
text-align: right !important;
}
/* -----------------------------------------
キービジュアル6
----------------------------------------- */
.cparts-var03-type22 {
position: relative;
}
.cparts-var03-type22 .cparts-img-block {
height: 600px;
width: 100vw;
margin-left: calc(((100vw - 100%) / 2) * -1);
position: relative;
}
.cparts-var03-type22 .cparts-img-block img {
height: 100%;
object-fit: cover;
filter: blur(6px);
transition: 1.7s;
opacity: 0;
position: absolute;
right: 0;
width: 80%;
}
.cparts-var03-type22 .cparts-img-block img.cparts-img-in {
filter: blur(0px);
opacity: 1;
}
.cparts-var03-type22 .cparts-body-block {
display: inline-block;
position: absolute;
top: 50%;
font-weight: bold;
left: calc(((90vw - 100%) / 2) * -1);
}
#header .freeParts .boxBottom > div.cparts-var03-type22 .cparts-body-block,
#upper .cparts-var03-type22 .cparts-body-block,
.header .cparts-var03-type22 .cparts-body-block,
.upper .cparts-var03-type22 .cparts-body-block,
.siteblock-header .cparts-var03-type22 .cparts-body-block,
.siteblock-upper .cparts-var03-type22 .cparts-body-block {
left: calc(((90vw - 100%) / 2) * -1); /* 2022.07 追加 */
}
.cparts-var03-type22 .cparts-body-block .cparts-ttl-block h1 {
text-align: left !important;
font-weight: bold;
opacity: 0;
transition:1s;
transform: translateY(60px);
font-size: 40px;
}
.cparts-var03-type22 .cparts-body-block .cparts-txt-block {
opacity: 0;
transition:1s;
transition-delay: .5s;
transform: translateY(60px);
}
.cparts-var03-type22 .cparts-body-block.cparts-move .cparts-ttl-block h1,
.cparts-var03-type22 .cparts-body-block.cparts-move .cparts-txt-block {
opacity: 1;
transform: translateY(0);
}
.cparts-var03-type22 .cparts-body-block .cparts-txt-block p {
font-size: 20px;
}
/* D.デスクトップ以下 */
@media (max-width:991px){
.cparts-var03-type22 .cparts-img-block {
height: 550px;
}
}
/* S.スマートフォン */
@media (max-width:767px){
.cparts-var03-type22 h1 {
font-size: 28px !important;
}
.cparts-var03-type22 .cparts-body-block .cparts-txt-block p {
font-size: 14px;
}
.cparts-var03-type22 .cparts-body-block {
padding-right: 10px;
padding-left: 10px;
}
}
@media (max-width:567px){
.cparts-var03-type22 h1 {
font-size: 28px !important;
}
.cparts-var03-type22 .cparts-img-block {
height: 450px;
}
.cparts-var03-type22 .cparts-body-block {
top: 28%;
}
}
/* 編集サイト */
#cms_contents_area .cparts-var03-type22 .cparts-img-block img {
opacity: 1;
filter: none;
}
#cms_contents_area .cparts-var03-type22 .cparts-body-block .cparts-ttl-block h1,
#cms_contents_area .cparts-var03-type22 .cparts-body-block .cparts-txt-block {
opacity: 1;
transform: none;
}
body#header .cparts-var03-type22 .cparts-img-block img,
body#upper .cparts-var03-type22 .cparts-img-block img,
body#main .cparts-var03-type22 .cparts-img-block img,
body#header .cparts-var03-type22 .cparts-body-block .cparts-ttl-block h1,
body#upper .cparts-var03-type22 .cparts-body-block .cparts-ttl-block h1,
body#main .cparts-var03-type22 .cparts-body-block .cparts-ttl-block h1,
body#header .cparts-var03-type22 .cparts-body-block .cparts-txt-block,
body#upper .cparts-var03-type22 .cparts-body-block .cparts-txt-block,
body#main .cparts-var03-type22 .cparts-body-block .cparts-txt-block {
opacity: 1;
}
/* IEのみ適応 */
_:-ms-input-placeholder, :root .cparts-var03-type22 .cparts-img-block {
height: auto;
max-height: 600px;
overflow: hidden;
}
_:-ms-input-placeholder, :root .cparts-var03-type22 .cparts-img-block img {
position: relative;
margin-left: 20vw;
width: 80vw;
}
/* -----------------------------------------
キービジュアル7
----------------------------------------- */
.cparts-var03-type23 {
position: relative;
width: 100vw;
margin-left: calc(((100vw - 100%) / 2) * -1) !important;
}
.cparts-var03-type23 > div{
padding:0;
}
.cparts-var03-type23 .cparts-img-block {
position: relative;
width: 100%;
}
.cparts-var03-type23 .cparts-img-block img {
width: 100%;
height: 600px;
object-fit: cover;
}
.cparts-var03-type23 .cparts-img-block::before {
content:"";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 150px 100vw ;
border-color: transparent transparent #fff transparent;
}
.cparts-var03-type23 .cparts-body-block {
display: inline-block;
position: absolute;
bottom: 0;
right: 5%;
max-width: 760px;
}
.cparts-var03-type23 .cparts-body-block .cparts-ttl-block h1 {
text-align: left !important;
opacity: 0;
transform: translateY(50px);
transition:all 1s;
transition-delay:.5s;
font-size: 40px;
font-weight: bold;
}
.cparts-var03-type23 .cparts-body-block .cparts-txt-block {
opacity: 0;
transform: translateY(40px);
transition:all 1s;
transition-delay:.8s;
font-weight: bold;
}
.cparts-var03-type23 .cparts-body-block.cparts-fade-in .cparts-ttl-block h1,
.cparts-var03-type23 .cparts-body-block.cparts-fade-in .cparts-txt-block {
transform: translateY(0);
opacity: 1;
}
.cparts-var03-type23 .cparts-img-block {
overflow: hidden;
position: relative;
}
.cparts-var03-type23 .cparts-img-block:after {
animation: img-wrap 1s cubic-bezier(.4, 0, .2, 1) forwards;
background: #fff;
bottom: 0;
content: '';
left: 0;
pointer-events: none;
position: absolute;
right: 0;
top: 0;
z-index: 1;
}
@keyframes img-wrap {
100% {
transform: translateX(100%);
}
}
/*
column2
--------------------------------------*/
body.column2 #main .cparts-var03-type23{
width: auto;
margin-left: -15px !important;
}
body.column2 #main .cparts-var03-type22 .cparts-img-block{
margin-left: 0;
width: auto;
}
body#type2column02 #header .cparts-var03-type23 {
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
padding: 0;
width: 100vw;
max-width: none !important;
}
/* 編集サイト */
#cms_contents_area .cparts-var03-type23 .cparts-body-block .cparts-ttl-block h1,
#cms_contents_area .cparts-var03-type23 .cparts-body-block .cparts-txt-block,
body#header .cparts-var03-type23 .cparts-body-block .cparts-ttl-block h1,
body#header .cparts-var03-type23 .cparts-body-block .cparts-txt-block,
body#upper .cparts-var03-type23 .cparts-body-block .cparts-ttl-block h1,
body#upper .cparts-var03-type23 .cparts-body-block .cparts-txt-block,
body#main .cparts-var03-type23 .cparts-body-block .cparts-ttl-block h1,
body#main .cparts-var03-type23 .cparts-body-block .cparts-txt-block {
opacity: 1;
transform: translateY(0);
}
/* D.デスクトップ以下 */
@media (max-width:991px){
.cparts-var03-type23 .cparts-img-block img {
height: 550px;
}
}
/* S.スマートフォン */
@media (max-width:767px){
.cparts-var03-type23 h1{
font-size: 28px !important;
}
.cparts-var03-type23 .cparts-body-block {
right: 0;
padding: 0 10px;
}
.cparts-var03-type23 .cparts-img-block img {
height: 450px;
}
}
/* IEのみ適応 */
_:-ms-input-placeholder, :root .cparts-var03-type23 .cparts-img-block {
max-height: 600px;
overflow: hidden;
}
_:-ms-input-placeholder, :root .cparts-var03-type23 .cparts-img-block img {
height: auto;
}
/* -----------------------------------------
フリップカード
----------------------------------------- */
.cparts-var03-type25 .cparts-body-block {
cursor: pointer;
position: relative;
transition-duration: .6s;
transition-timing-function: ease-in-out;
transform-style: preserve-3d;
}
.cparts-var03-type25 .cparts-body-block:before {
content: "";
display: block;
padding-top: 100%;
}
.cparts-var03-type25:hover .cparts-body-block {
transform: rotateY(180deg);
}
.cparts-var03-type25 .cparts-body-block > div {
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
border-radius: 4px;
display: flex;
justify-content: center;
height: 100%;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.cparts-var03-type25 .cparts-ttl-block {
align-items: flex-end;
transform: rotateX(0deg);
z-index: 2;
}
.cparts-var03-type25 .cparts-img-block {
position: relative;
overflow: hidden;
width: 100%;
}
.cparts-var03-type25 .cparts-img-block:before {
content: "";
display: block;
padding-top: 100%;
}
.cparts-var03-type25 .cparts-img-block img {
object-fit: cover;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: 100%;
width: 100%;
z-index: -1;
}
.cparts-var03-type25 .cparts-txt-block {
align-items: center;
border: 1px solid;
padding: 15px;
transform: rotateY(180deg);
}
.cparts-var03-type25 .cparts-txt-block > div {
overflow: auto;
max-height: 100%;
}
/* バリエーション(デスクトップ以上) */
@media (min-width:992px){
.cparts-var03-type25.cparts-rotation--flipright:hover .cparts-body-block {
transform: rotateY(180deg);
}
.cparts-var03-type25.cparts-rotation--flipdown:hover .cparts-body-block {
transform: rotateX(-180deg);
}
.cparts-var03-type25.cparts-rotation--flipdown .cparts-txt-block {
transform: rotateX(-180deg);
}
.cparts-var03-type25.cparts-rotation--flipdiagonally:hover .cparts-body-block {
transform: rotate3d(-1, 1, 0, 180deg);
}
.cparts-var03-type25.cparts-rotation--flipdiagonally .cparts-txt-block {
transform: rotate3d(-1, 1, 0, 180deg);
}
}
/* S.スマートフォン */
@media (max-width:767px){
.cparts-var03-type25 .cparts-body-block > div {
display: block;
}
}
/* D.デスクトップ以下 */
@media (max-width:991px){
.cparts-var03-type25 .cparts-body-block {
cursor: auto;
}
.cparts-var03-type25 .cparts-body-block:before {
display: none;
}
.cparts-var03-type25 .cparts-body-block > div {
position: static;
}
.cparts-var03-type25 .cparts-ttl-block h3 {
position: static;
}
.cparts-var03-type25 .cparts-img-block img {
border-radius: 4px;
}
.cparts-var03-type25:hover .cparts-body-block,
.cparts-var03-type25 .cparts-txt-block {
transform: none;
}
.cparts-var03-type25 .cparts-txt-block {
border: none;
padding: 0;
margin-top: 15px;
}
}
/* T.タブレット */
@media (min-width:768px) and (max-width:991px){
.cparts-var03-type25 .cparts-ttl-block {
flex-direction: column;
}
.cparts-var03-type25 .cparts-ttl-block h3 {
order: 2;
width: 100%;
}
.cparts-var03-type25 .cparts-img-block {
order: 1;
margin-bottom: 15px;
}
}
/* D.デスクトップ以上 */
@media (min-width:992px){
.cparts-var03-type25 .cparts-ttl-block h3 {
color: #fff;
border: none;
text-shadow: 0 0 5px #333;
padding: 15px;
position: absolute;
bottom: 0;
margin: 0;
width: 100%;
}
}
/* 編集サイト */
#cms_contents_area .cparts-var03-type25 .cparts-body-block,
body#main .cparts-var03-type25 .cparts-body-block {
cursor: auto;
}
#cms_contents_area .cparts-var03-type25 .cparts-body-block:before,
body#main .cparts-var03-type25 .cparts-body-block:before {
display: none;
}
#cms_contents_area .cparts-var03-type25 .cparts-body-block > div,
body#main .cparts-var03-type25 .cparts-body-block > div {
position: static;
}
#cms_contents_area .cparts-var03-type25 .cparts-ttl-block h3,
body#main .cparts-var03-type25 .cparts-ttl-block h3 {
z-index: 2;
}
#cms_contents_area .cparts-var03-type25:hover .cparts-body-block,
#cms_contents_area .cparts-var03-type25 .cparts-txt-block,
body#main .cparts-var03-type25:hover .cparts-body-block,
body#main .cparts-var03-type25 .cparts-txt-block {
transform: none !important;
}
#cms_contents_area .cparts-var03-type25 .cparts-img-block img,
body#main .cparts-var03-type25 .cparts-img-block img {
z-index: 0;
}
/* IEのみ適応 */
_:-ms-input-placeholder, :root .cparts-var03-type25 .cparts-img-block img {
height: auto;
width: 180%;
max-width: none;
transform: translate(-50%,-50%);
top: 50%;
left: 50%;
}
_:-ms-input-placeholder, :root .cparts-var03-type25:hover .cparts-txt-block {
animation: cpartsFlipcardAnime .6s ease-in-out forwards;
background-color: #fff;
color: #333 !important;
border: 1px solid #eee;
backface-visibility: visible;
opacity: 0;
z-index: 2;
}
_:-ms-input-placeholder, :root .cparts-var03-type25:hover .cparts-txt-block p {
color: #333;
}
@keyframes cpartsFlipcardAnime {
50% {opacity: 0;}
100% {opacity: 1;}
}
/* -----------------------------------------
タブ切り替え
----------------------------------------- */
.cparts-var03-type26a ol {
list-style:none;
display: flex;
justify-content: center;
padding-left:0;
margin-bottom: 25px;
}
.cparts-var03-type26a ol li {
cursor: pointer;
display: inline-block;
padding: 15px 10px;
margin: 0 10px;
text-align: center;
background:#efefef;
}
.cparts-var03-type26a ol li.cparts-select-on {
position: relative;
background:#dadada;
transition: .3s;
}
.cparts-var03-type26a ol li.cparts-select-on:before {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -11px;
border: 11px solid transparent;
border-top: 11px solid;
animation: Fade .6s;
}
@keyframes Fade {
0%{
opacity: 0;
transform: translateY(-10px);
}
100%{
opacity: 1;
transform: translateY(0);
}
}
.cparts-var03-type26a ol li:first-of-type {
margin-left: 0;
}
.cparts-var03-type26a ol li:last-of-type {
margin-right: 0;
}
.cparts-var03-type26b,
.cparts-var03-type26c{
text-align: center;
font-weight: bold;
background: #efefef;
padding: 10px 0;
}
.cparts-var03-type26a .cparts-notes-block {
font-size: 18px;
margin: 20px 0;
padding: 10px 20px;
}
.cparts-var03-type26a .cparts-notes-block p {
padding: 10px 20px;
cursor: pointer;
background: #efefef;
transition:.3s;
}
.cparts-var03-type26a .cparts-notes-block p:hover {
background:#c4c4c4;
}
/* S.スマートフォン */
@media (max-width:767px){
.cparts-var03-type26a ol {
flex-wrap: wrap;
justify-content: flex-start;
}
.cparts-var03-type26a ol li {
width: calc(50% - 10px) !important;
margin-bottom: 15px;
padding-bottom:25px;
}
.cparts-var03-type26a ol li:nth-child(2n) {
margin-right: 0;
}
.cparts-var03-type26a ol li:nth-child(2n+1) {
margin-left: 0;
}
.cparts-var03-type26a ol li.cparts-select-on:before {
content: "";
display: block;
position: absolute;
bottom: 11px;
top: auto;
right: 50%;
width: 10px;
height: 10px;
border-top: 2px solid;
border-bottom: none;
border-left: none;
border-right: 2px solid;
transform: translateX(-50%) rotate(135deg);
animation: Fade 0s;
margin-left: 0;
}
}
.cparts-var03-type26d {
text-align: center;
font-size: 16px;
position: relative;
font-weight: bold;
}
.cparts-var03-type26d:before {
left:0;
}
.cparts-var03-type26d:after {
right: 0;
}
.cparts-var03-type26d:before,
.cparts-var03-type26d:after {
content: "";
position: absolute;
top: 50%;
display: inline-block;
width: 290px;
height: 5px;
border-top: solid 1px black;
border-bottom: solid 1px black;
}
/* ----------------------------------------------------------------------------------------
2020.00 var.04
---------------------------------------------------------------------------------------- */
/* -----------------------------------------
191：背景画像（見出し）
----------------------------------------- */
/* S.スマートフォン以上 */
@media (min-width:768px){
.cparts-var04-type01 > div {
position: relative;
}
.cparts-var04-type01 .cparts-img-block {
width: 100%;
}
.cparts-var04-type01 .cparts-body-block {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
bottom: 0;
right: 15px;
left: 15px;
text-align: center;
width: calc(100% - 30px);
}
.cparts-var04-type01 .cparts-ttl-block {
padding: 30px;
width: 100%;
}
.cparts-var04-type01 .cparts-ttl-block h4 {
font-size: 36px;
line-height: 1.2;
margin: 0;
}
}
/* 編集サイト */
#cms_contents_area .cparts-var04-type01 .cparts-body-block {
top: 50%;
bottom: 50%;
}
/* -----------------------------------------
202・203：見出し・画像・回り込みテキスト_2セット・3セット
----------------------------------------- */
div[class*="cparts-var04-type07"] .cparts-img-block {
float: left;
margin-right: 10px;
margin-bottom: 5px;
width: calc(33.333% - 10px);
}
/* -----------------------------------------
204・205：画像/テキスト_2～3セット
207：画像・リンクテキスト_4セット
----------------------------------------- */
[class*="cparts-var04-type08"] .cparts-img-block img,
[class*="cparts-var04-type09"] .cparts-img-block img {
width: 100%;
}
/*
スマートフォン時のレイアウト変更
--------------------------------------*/
@media (max-width:767px){
/* -----------------------------------------
194：テキスト／画像2枚・テキスト
----------------------------------------- */
.parts_img_type52.cparts-var04-type02 {
display: flex;
flex-wrap: wrap;
margin-left: -10px;
margin-right: -10px;
}
.cparts-var04-type02 .parts_img_type52_text {
width: 100%;
}
.cparts-var04-type02 .parts_img_type52_photo {
padding: 0 10px;
margin-bottom: 0;
width: 50%;
}
.cparts-var04-type02 .parts_img_type52_photo > * {
float: none;
padding: 0;
width: 100%;
}
/* -----------------------------------------
195：背景幅100％（画像／テキスト）
----------------------------------------- */
.parts_img_type49.cparts-var04-type03 {
display: flex;
flex-direction: column;
}
.cparts-var04-type03 .parts_img_type49_text {
order: 2;
padding: 0;
}
.cparts-var04-type03 .parts_img_type49_photo {
order: 1;
padding-bottom: 16px;
}
/* -----------------------------------------
197：利用者の声_ver.2
----------------------------------------- */
.cparts-var03-type09b.cparts-var04-type04 > div:nth-of-type(1) {
order: 2;
}
.cparts-var03-type09b.cparts-var04-type04 > div:nth-of-type(2) {
order: 1;
}
.cparts-var04-type04 .cparts-body-block {
margin-top: 0;
}
.cparts-var04-type04 .cparts-img-block {
margin-top: -50px;
}
/* -----------------------------------------
204・205：画像/テキスト_2～3セット
----------------------------------------- */
[class*="cparts-var04-type08"] .cparts-body-block:not(:last-child) {
margin-bottom: 15px;
}
}
/*
スマートフォン以外のレイアウト変更
--------------------------------------*/
@media (min-width:768px){
/* -----------------------------------------
198：見出し／見出し・テキスト／画像
----------------------------------------- */
.cparts-var03-type03a.cparts-var04-type05 .cparts-img-block {
order: 1;
}
.cparts-var03-type03a.cparts-var04-type05 .cparts-txt-block {
order: 2;
}
/* -----------------------------------------
200：画像／見出し・背景付テキスト_ver.3
----------------------------------------- */
.cparts-var04-type06a div.parts_img_type38_photo,
.cparts-var04-type06b div.parts_img_type39_photo {
padding-top: 45px;
padding-bottom: 45px;
}
}
/* ----------------------------------------------------------------------------------------
2021.05 var.05
---------------------------------------------------------------------------------------- */
/* -----------------------------------------
余白調整
----------------------------------------- */
div[col-flex*="1"] [class*="lay-col12-"] {
margin-left: 0;
margin-right: 0;
}
/*
テキスト_枠線付き_2セット ～ 4セット
--------------------------------------*/
div[col-flex*="1"].cparts-var05-type48 .parts_text_type04,
div[col-flex*="1"].cparts-var05-type49 .parts_text_type06,
div[col-flex*="1"].cparts-var05-type50 .parts_text_type08 {
padding-left: 15px;
padding-right: 15px;
}
/*
見出し・画像／テキスト
テキスト／見出し・画像
見出し・テキスト／画像
画像 ／見出し・テキスト
テキスト・営業時間表
--------------------------------------*/
@media (max-width: 767px) {
div[col-flex*="1"] div.parts_h_type09_box.lay-col12-xs-6,
div[col-flex*="1"] div.parts_h_type10_box.lay-col12-xs-6,
div[col-flex*="1"] div.parts_h_type11_box.lay-col12-xs-6,
div[col-flex*="1"] div.parts_h_type12_box.lay-col12-xs-6,
div[col-flex*="1"] div.parts_h_type09_box.lay-col12-xs-12,
div[col-flex*="1"] div.parts_h_type10_box.lay-col12-xs-12,
div[col-flex*="1"] div.parts_h_type11_box.lay-col12-xs-12,
div[col-flex*="1"] div.parts_h_type12_box.lay-col12-xs-12 {
padding-left: 15px;
padding-right: 15px;
}
div[col-flex*="1"].cparts-var03-type02 .cparts-txt-block.lay-col12-xs-12,
div[col-flex*="1"].cparts-var03-type02 .cparts-txt-block.lay-col12-xs-6:nth-of-type(2),
div[col-flex*="1"].cparts-var03-type02 .cparts-txt-block.lay-col12-xs-4:nth-of-type(3) {
border-right: none;
}
div[col-flex*="1"].cparts-var03-type02 .cparts-txt-block.lay-col12-xs-4:nth-of-type(2),
div[col-flex*="1"].cparts-var03-type02 .cparts-txt-block.lay-col12-xs-3:nth-of-type(2) {
border-right: 1px solid #b9b9b9;
}
div[col-flex*="1"] .lay-row [class*="lay-col12-xs-"].left,
div[col-flex*="1"] .lay-row [class*="lay-col12-xs-"].right {
padding-left: 15px;
padding-right: 15px;
}
div[col-flex*="1"] .lay-row > [class*="lay-col12-xs-"],
div[col-flex*="1"].lay-row > [class*="lay-col12-xs-"] {
margin-top: 0;
}
div[col-flex*="1"] .lay-row > .lay-col12-xs-12:not(:first-child),
div[col-flex*="1"] .lay-row > .lay-col12-xs-6:nth-child(n + 3),
div[col-flex*="1"] .lay-row > .lay-col12-xs-4:nth-child(n + 4),
div[col-flex*="1"] .lay-row > .lay-col12-xs-3:nth-child(n + 5),
div[col-flex*="1"] .lay-row > .lay-col12-xs-5t:nth-child(n + 6),
div[col-flex*="1"].lay-row > .lay-col12-xs-12:not(:first-child),
div[col-flex*="1"].lay-row > .lay-col12-xs-6:nth-child(n + 3),
div[col-flex*="1"].lay-row > .lay-col12-xs-4:nth-child(n + 4),
div[col-flex*="1"].lay-row > .lay-col12-xs-3:nth-child(n + 5),
div[col-flex*="1"].lay-row > .lay-col12-xs-5t:nth-child(n + 6) {
margin-top: 2rem;
}
}
/*
テキスト・営業時間表
--------------------------------------*/
@media (max-width: 767px) {
div[col-flex*="1"].cparts-var03-type02 div[class*="lay-col12-"].cparts-txt-block {
margin-top: 0;
}
}
/*
画像2列
マウスオーバー（画像→テキスト）_2セット ～ 3セット
画像／テキスト_2セット ～ 3セット
お問い合わせ_ver.2
テキスト・営業時間表
--------------------------------------*/
@media (min-width: 768px) and (max-width: 991px) {
div[col-flex*="1"] .parts_img_type05_box.lay-col12-md-12,
div[col-flex*="1"][class*="cparts-var03-type19"] .lay-col12-md-12,
div[col-flex*="1"][class*="cparts-var04-type08"] > .lay-col12-md-12,
div[col-flex*="1"].cparts-var03-type19b .lay-col12-md-6,
div[col-flex*="1"].cparts-var04-type08b > .lay-col12-md-6 {
margin-bottom: 30px;
}
div[col-flex*="1"] .parts_free_type02_body_box.lay-col12-md-12,
div[col-flex*="1"].cparts-var03-type02 .cparts-txt-block.lay-col12-md-12,
div[col-flex*="1"].cparts-var03-type02 .cparts-txt-block.lay-col12-md-6:nth-of-type(2),
div[col-flex*="1"].cparts-var03-type02 .cparts-txt-block.lay-col12-md-4:nth-of-type(3) {
border-right: none;
}
div[col-flex*="1"] .lay-row > .lay-col12-md-12:not(:first-child),
div[col-flex*="1"] .lay-row > .lay-col12-md-6:nth-child(n + 3),
div[col-flex*="1"] .lay-row > .lay-col12-md-4:nth-child(n + 4),
div[col-flex*="1"] .lay-row > .lay-col12-md-3:nth-child(n + 5),
div[col-flex*="1"] .lay-row > .lay-col12-md-5t:nth-child(n + 6),
div[col-flex*="1"].lay-row > .lay-col12-md-12:not(:first-child),
div[col-flex*="1"].lay-row > .lay-col12-md-6:nth-child(n + 3),
div[col-flex*="1"].lay-row > .lay-col12-md-4:nth-child(n + 4),
div[col-flex*="1"].lay-row > .lay-col12-md-3:nth-child(n + 5),
div[col-flex*="1"].lay-row > .lay-col12-md-5t:nth-child(n + 6) {
margin-top: 30px;
}
}
@media (min-width: 992px) {
div[col-flex*="1"] .parts_img_type05_box.lay-col12-lg-12,
div[col-flex*="1"][class*="cparts-var03-type19"] .lay-col12-lg-12,
div[col-flex*="1"][class*="cparts-var04-type08"] > .lay-col12-lg-12,
div[col-flex*="1"].cparts-var03-type19b .lay-col12-lg-6,
div[col-flex*="1"].cparts-var04-type08b > .lay-col12-lg-6 {
margin-bottom: 30px;
}
div[col-flex*="1"] .parts_free_type02_body_box.lay-col12-lg-12,
div[col-flex*="1"].cparts-var03-type02 .cparts-txt-block.lay-col12-lg-12,
div[col-flex*="1"].cparts-var03-type02 .cparts-txt-block.lay-col12-lg-6:nth-of-type(2),
div[col-flex*="1"].cparts-var03-type02 .cparts-txt-block.lay-col12-lg-4:nth-of-type(3) {
border-right: none;
}
div[col-flex*="1"] .lay-row > .lay-col12-lg-12:not(:first-child),
div[col-flex*="1"] .lay-row > .lay-col12-lg-6:nth-child(n + 3),
div[col-flex*="1"] .lay-row > .lay-col12-lg-4:nth-child(n + 4),
div[col-flex*="1"] .lay-row > .lay-col12-lg-3:nth-child(n + 5),
div[col-flex*="1"] .lay-row > .lay-col12-lg-5t:nth-child(n + 6),
div[col-flex*="1"].lay-row > .lay-col12-lg-12:not(:first-child),
div[col-flex*="1"].lay-row > .lay-col12-lg-6:nth-child(n + 3),
div[col-flex*="1"].lay-row > .lay-col12-lg-4:nth-child(n + 4),
div[col-flex*="1"].lay-row > .lay-col12-lg-3:nth-child(n + 5),
div[col-flex*="1"].lay-row > .lay-col12-lg-5t:nth-child(n + 6) {
margin-top: 30px;
}
}
/* ----------------------------------------------------------------------------------------
2021.08 id282 - id293
---------------------------------------------------------------------------------------- */
/* 共通
======================================================= */
/* -----------------------------------------
スライダー
----------------------------------------- */
.cparts-slideview-block {
position: relative;
}
.cparts-prevbtn-block,
.cparts-nextbtn-block {
display: block;
height: 80px;
position: absolute;
top: calc(50% - 40px);
-webkit-transition: .4s;
transition: .4s;
width: 35px;
}
.cparts-prevbtn-block:hover,
.cparts-nextbtn-block:hover {
cursor: pointer;
filter: grayscale(0);
opacity: 1;
}
.cparts-prevbtn-block:not(:hover),
.cparts-nextbtn-block:not(:hover) {
filter: grayscale(1);
opacity: .6;
}
.cparts-prevbtn-block {
left: -10px;
}
.cparts-nextbtn-block {
right: -10px;
}
.cparts-prevbtn-block::before,
.cparts-nextbtn-block::before {
border: 3px solid #fff;
border-bottom: none;
border-left: none;
content: "";
height: 17px;
position: absolute;
top: 29px;
width: 17px;
}
.cparts-prevbtn-block::before {
left: 12px;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.cparts-nextbtn-block::before {
right: 12px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.cparts-slider-block {
display: flex;
flex-wrap: nowrap;
margin-left: -15px;
margin-right: -15px;
}
.cparts-slide-block {
flex-shrink: 0;
padding-left: 15px;
padding-right: 15px;
-webkit-transition: .4s;
transition: .4s;
}
/* スマホ以外 */
@media (min-width: 768px) {
/* -----------------------------------------
メイン画像用
----------------------------------------- */
/* バリエーション */
.cparts-mainvisual--sm .cparts-img-block {
height: 50vh !important;
}
.cparts-mainvisual--md .cparts-img-block {
height: 70vh !important;
}
.cparts-mainvisual--lg .cparts-img-block {
height: 90vh !important;
}
.cparts-mainvisual--sm .cparts-img-block img,
.cparts-mainvisual--md .cparts-img-block img,
.cparts-mainvisual--lg .cparts-img-block img {
object-fit: cover;
height: 100%;
}
/* IE対応 */
_:-ms-input-placeholder, :root .cparts-mainvisual--sm .cparts-img-block,
_:-ms-input-placeholder, :root .cparts-mainvisual--md .cparts-img-block,
_:-ms-input-placeholder, :root .cparts-mainvisual--lg .cparts-img-block {
height: auto;
}
_:-ms-input-placeholder, :root .cparts-mainvisual--sm .cparts-img-block img,
_:-ms-input-placeholder, :root .cparts-mainvisual--md .cparts-img-block img,
_:-ms-input-placeholder, :root .cparts-mainvisual--lg .cparts-img-block img {
height: auto;
}
/* -----------------------------------------
スライダー
----------------------------------------- */
.cparts-prevbtn-block {
left: -15px;
}
.cparts-nextbtn-block {
right: -15px;
}
/* 2カラム対策 */
body[class*="column2"] #main .cparts-slideview-block,
body[id*="column02"] #main .cparts-slideview-block,
body[class*="column2"] .main .cparts-slideview-block,
body[class*="column2"] .siteblock-main .cparts-slideview-block {
margin-left: 0;
margin-right: 0;
overflow-x: hidden;
padding: 15px;
}
body[class*="column2"] #main .cparts-prevbtn-block,
body[id*="column02"] #main .cparts-prevbtn-block,
body[class*="column2"] .main .cparts-prevbtn-block,
body[class*="column2"] .siteblock-main .cparts-prevbtn-block {
left: 0;
}
body[class*="column2"] #main .cparts-nextbtn-block,
body[id*="column02"] #main .cparts-nextbtn-block,
body[class*="column2"] .main .cparts-nextbtn-block,
body[class*="column2"] .siteblock-main .cparts-nextbtn-block {
right: 0;
}
}
/* 目次
======================================================= */
[class*="cparts-id282"][class*="__ttl"] {
margin: 0 0 15px;
}
[class*="cparts-id282"] ol,
[class*="cparts-id282"] ul {
display: block;
}
[class*="cparts-id282"] ol,
[class*="cparts-id282"] ul,
[class*="cparts-id282"] ol li,
[class*="cparts-id282"] ul li {
background-color: transparent;
background-image: none;
border-radius: 0;
border: none;
box-shadow: none !important;
font-weight: 500;
list-style: none;
margin: 0;
padding: 0;
position: static;
-moz-transform: none;
webkit-transform: none;
-o-transform: none;
-ms-transform: none;
transform: none;
}
[class*="cparts-id282"] ol,
[class*="cparts-id282"] ul,
[class*="cparts-id282"] li > * > li {
border: none;
}
[class*="cparts-id282"] ol::before,
[class*="cparts-id282"] ol::after,
[class*="cparts-id282"] ul::before,
[class*="cparts-id282"] ul::after,
[class*="cparts-id282"] ol li::before,
[class*="cparts-id282"] ol li::after,
[class*="cparts-id282"] ul li::before,
[class*="cparts-id282"] ul li::after {
background-image: none;
border-radius: 0;
display: none;
font-size: 1em;
font-weight: 500;
line-height: 1.8;
margin: 0;
padding: 0;
position: static;
-moz-transform: none;
webkit-transform: none;
-o-transform: none;
-ms-transform: none;
transform: none;
}
[class*="cparts-id282"] ol::before,
[class*="cparts-id282"] ol::after,
[class*="cparts-id282"] ul::before,
[class*="cparts-id282"] ul::after,
[class*="cparts-id282"] ol li::before,
[class*="cparts-id282"] ol li::after,
[class*="cparts-id282"] .cparts-list-ul--01 > li::before,
[class*="cparts-id282"] .cparts-list-ul--01 > li::after,
[class*="cparts-id282"] .cparts-list-ul--03 > li::after {
border: none;
}
[class*="cparts-id282"] ol::before,
[class*="cparts-id282"] ol::after,
[class*="cparts-id282"] ul::before,
[class*="cparts-id282"] ul::after,
[class*="cparts-id282"] ol li::after,
[class*="cparts-id282"] ul li::after,
[class*="cparts-id282"] li ul li::before,
[class*="cparts-id282"] li ol li::before {
background-color: transparent;
}
[class*="cparts-id282"] ol li,
[class*="cparts-id282"] ul li {
display: list-item;
line-height: 1.8;
margin: 5px 0;
padding: 5px 0;
text-indent: 0;
}
[class*="cparts-id282"] ol li:last-child,
[class*="cparts-id282"] ul li:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
/* スマホ以外 */
@media (min-width: 768px) {
[class*="cparts-id282"] .cparts-body-block {
padding: 30px;
}
[class*="cparts-id282"][class*="__ttl"] {
margin-bottom: 30px;
}
/* バリエーション（横幅） */
[class*="cparts-id282"] .cparts-body-block,
[class*="cparts-id282"].cparts-size--width100 .cparts-body-block {
width: 100%;
}
[class*="cparts-id282"].cparts-size--width50 .cparts-body-block {
width: 50%;
}
[class*="cparts-id282"].cparts-size--width33 .cparts-body-block {
width: 33.333%;
}
}
/* -----------------------------------------
目次01
----------------------------------------- */
.cparts-id282--01 ol {
counter-reset: number;
}
.cparts-id282--01 li ol {
margin-left: 1em;
}
.cparts-id282--01 ol > li {
display: flex;
flex-wrap: wrap;
}
.cparts-id282--01 ol > li::before {
background-color: transparent;
background-image: none;
content: counters(number, "-")".";
counter-increment: number;
display: inline-block;
white-space: nowrap;
}
.cparts-id282--01 .cparts-list-ol--01 > li::before {
width: 1.5em;
}
.cparts-id282--01 .cparts-list-ol--01 > li > *:not(ol):not(ul) {
max-width: calc(100% - 1.5em);
}
.cparts-id282--01 .cparts-list-ol--02 > li::before {
width: 2.5em;
}
.cparts-id282--01 .cparts-list-ol--02 > li > *:not(ol):not(ul) {
max-width: calc(100% - 2.5em);
}
.cparts-id282--01 .cparts-list-ol--03 > li::before {
width: 3.5em;
}
.cparts-id282--01 .cparts-list-ol--03 > li > *:not(ol):not(ul) {
max-width: calc(100% - 3.5em);
}
.cparts-id282--01 li > ol,
.cparts-id282--01 li > ul {
width: 100%;
}
.cparts-id282--01 ul {
padding-left: 20px;
}
.cparts-id282--01 ul li {
padding-left: 0;
}
.cparts-id282--01 ul li:before,
.cparts-id282--01 ul li:after {
display: none !important;
}
.cparts-id282--01 .cparts-list-ul--01 > li {
list-style: disc;
}
.cparts-id282--01 .cparts-list-ul--02 > li {
list-style: circle;
}
.cparts-id282--01 .cparts-list-ul--03 > li {
list-style: square;
}
/* -----------------------------------------
目次02・03
----------------------------------------- */
.cparts-id282--02 ul li,
.cparts-id282--02 ol li,
.cparts-id282--03 ul li,
.cparts-id282--03 ol li {
position: relative;
}
.cparts-id282--02 ol,
.cparts-id282--03 ol {
counter-reset: number;
}
.cparts-id282--02 ol > li,
.cparts-id282--02 ul > li {
padding-left: 2em;
}
.cparts-id282--02 ol > li::before,
.cparts-id282--03 ol > li::before {
content: counter(number);
counter-increment: number;
display: inline-block;
position: absolute;
left: 0;
top: 5px;
bottom: auto;
width: 1.5em;
}
.cparts-id282--02 .cparts-list-li--01,
.cparts-id282--03 .cparts-list-li--01 {
border-bottom-width: 1px;
border-bottom-style: solid;
padding-top: 15px;
padding-bottom: 15px;
letter-spacing: normal;
margin-top: 0;
margin-bottom: 0;
}
.cparts-id282--02 .cparts-list-li--01:last-child,
.cparts-id282--03 .cparts-list-li--01:last-child {
border-bottom: none;
}
.cparts-id282--02 .cparts-list-li--01::before,
.cparts-id282--03 .cparts-list-li--01::before {
border-radius: 0;
color: #fff;
font-weight: bold;
line-height: 1.5em;
text-align: center;
top: 15px;
}
.cparts-id282--02 .cparts-list-ol--02 > li::before,
.cparts-id282--03 .cparts-list-ol--02 > li::before {
content: counter(number)".";
font-weight: bold;
text-align: right;
}
.cparts-id282--02 .cparts-list-ol--03 > li::before,
.cparts-id282--03 .cparts-list-ol--03 > li::before {
content: counter(number,lower-roman)".";
text-align: right;
}
.cparts-id282--02 ul > li::before,
.cparts-id282--02 ul > li::after,
.cparts-id282--03 ul > li::before,
.cparts-id282--03 ul > li::after{
content: "";
display: inline-block;
position: absolute;
}
.cparts-id282--02 .cparts-list-ul--01 > li::before,
.cparts-id282--03 .cparts-list-ul--01 > li::before {
border-radius: 0;
color: #fff;
height: 1.5em;
left: 0;
top: 15px;
width: 1.5em;
}
.cparts-id282--02 .cparts-list-ul--01 > li::after,
.cparts-id282--03 .cparts-list-ul--01 > li::after {
border-top: 2px solid #fff;
border-right: 2px solid #fff;
border-bottom: none;
border-left: none;
left: .285em;
top: calc(15px + .465em);
width: .57em;
height: .57em;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.cparts-id282--02 .cparts-list-ul--02 > li,
.cparts-id282--03 .cparts-list-ul--02 > li {
padding-left: 1.25em;
}
.cparts-id282--02 .cparts-list-ul--02 > li::before,
.cparts-id282--03 .cparts-list-ul--02 > li::before {
border-top-style: solid;
border-top-width: 1px;
border-right-style: solid;
border-right-width: 1px;
border-bottom: none;
border-left: none;
height: 6px;
left: 0;
top: calc(.5em + 5px);
width: 6px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.cparts-id282--02 .cparts-list-ul--02 > li::after,
.cparts-id282--03 .cparts-list-ul--02 > li::after {
border-top-style: solid;
border-top-width: 1px;
border-right-style: solid;
border-right-width: 1px;
height: 6px;
left: 5px;
top: calc(.5em + 5px);
width: 6px;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.cparts-id282--02 .cparts-list-ul--03 > li,
.cparts-id282--03 .cparts-list-ul--03 > li {
padding-left: 1em;
}
.cparts-id282--02 .cparts-list-ul--03 > li::before,
.cparts-id282--03 .cparts-list-ul--03 > li::before {
border-top: 5px solid transparent;
border-right: 5px solid transparent;
border-bottom: 5px solid transparent;
border-left-style: solid;
border-left-width: 5px;
left: 0;
top: 10px;
width: 5px;
height: 5px;
}
.cparts-id282--02 .cparts-list-ul--03 > li::after,
.cparts-id282--03 .cparts-list-ul--03 > li::after {
display: none !important;
}
/* -----------------------------------------
目次03
----------------------------------------- */
.cparts-id282--03 ol > li,
.cparts-id282--03 ul > li {
padding-left: 2.2em;
}
.cparts-id282--03 .cparts-list-ol--01 > li::before,
.cparts-id282--03 .cparts-list-ul--01 > li::before {
border-radius: 50%;
height: 1.65em;
line-height: 1.65em;
width: 1.65em;
}
.cparts-id282--03 .cparts-list-ul--01 > li::after {
left: .4em;
top: calc(15px + .53em);
}
/* メイン画像_ver.8
======================================================= */
.cparts-id285 .cparts-body-block {
position: relative;
}
.cparts-id285__ttl {
background-color: transparent !important;
background-image: none !important;
border-top: none !important;
border-right: none !important;
border-bottom: none !important;
border-left: none !important;
box-shadow: none !important;
color: #fff !important;
display: block !important;
margin-top: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
margin-bottom: 20px !important;
padding: 0 !important;
height: auto !important;
min-height: auto !important;
text-shadow: 0 0 0.5px rgba(0,0,0,.45) !important;
transform: translateX(-100%);
}
.cparts-id285__ttl:before,
.cparts-id285__ttl:after {
display: none !important;
}
.cparts-id285__ttl > span {
display: block;
font-size: 2.5rem;
font-weight: 500;
line-height: 1.2;
padding-left: 15px;
padding-right: 15px;
text-align: center;
transform: translateX(100%);
}
.cparts-id285 .cparts-notes-block {
display: inline-block;
padding: 15px;
width: 100%;
}
.cparts-fadeIn--id285 .cparts-notes-block > * {
opacity: 0;
transform: translateX(-10px);
}
.cparts-id285 .cparts-notes-block > *:last-child {
margin-bottom: 0;
}
.cparts-id285 .cparts-img-block img {
width: 100%;
}
/* アニメーション */
.cparts-id285 .cparts-txt-block:not(.cparts-fadeIn--id285) {
display: none;
}
.cparts-txt-block.cparts-fadeIn--id285 {
display: block;
}
.cparts-fadeIn--id285 .cparts-id285__ttl {
animation: fadeIn-id285--01 1s ease-in-out .1s forwards;
-webkit-animation: fadeIn-id285--01 1s ease-in-out .1s forwards;
overflow: hidden;
}
.cparts-fadeIn--id285 .cparts-id285__ttl span {
animation: fadeIn-id285--02 1s ease-in-out .1s forwards;
-webkit-animation: fadeIn-id285--02 1s ease-in-out .1s forwards;
}
.cparts-fadeIn--id285 .cparts-notes-block > * {
animation: fadeIn-id285--03 1s ease-in-out .1s forwards;
-webkit-animation: fadeIn-id285--03 1s ease-in-out .1s forwards;
}
@keyframes fadeIn-id285--01 {
0% {transform: translateX(-100%);}
100% {transform: translateX(0);}
}
@keyframes fadeIn-id285--02 {
0% {transform: translateX(100%);}
100% {transform: translateX(0);}
}
@keyframes fadeIn-id285--03 {
0% {opacity: 0; transform: translateX(-10px);}
100% {opacity: 1; transform: translateX(0);}
}
@-webkit-keyframes fadeIn-id285--01 {
0% {transform: translateX(-100%);}
100% {transform: translateX(0);}
}
@-webkit-keyframes fadeIn-id285--02 {
0% {transform: translateX(100%);}
100% {transform: translateX(0);}
}
@-webkit-keyframes fadeIn-id285--03 {
0% {opacity: 0; transform: translateX(-10px);}
100% {opacity: 1; transform: translateX(0);}
}
/* スマホのみ */
@media (max-width: 767px) {
.cparts-id285 .cparts-txt-block {
padding: 120px 15px 0;
position: relative;
z-index: 1;
}
.cparts-id285 .cparts-img-block {
overflow: hidden;
position: absolute;
top: 0;
right: 0;
bottom: 40px;
left: 0;
}
.cparts-id285 .cparts-img-block img {
height: 100%;
object-fit: cover;
width: 100%;
}
}
/* スマホ以外 */
@media (min-width: 768px) {
#header .cparts-id285 .cparts-body-block,
#upper .cparts-id285 .cparts-body-block,
.header .cparts-id285 .cparts-body-block,
.upper .cparts-id285 .cparts-body-block,
.siteblock-header .cparts-id285 .cparts-body-block,
.siteblock-upper .cparts-id285 .cparts-body-block {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
width: 100vw;
}
.cparts-id285 .cparts-txt-block {
position: absolute;
bottom: 0;
left: 10%;
width: 80%;
}
.cparts-id285__ttl {
margin-bottom: 100px !important;
}
.cparts-id285__ttl > span {
font-size: 4rem;
text-align: center;
}
.cparts-id285 .cparts-notes-block {
padding: 30px 40px;
}
.cparts-id285 .cparts-img-block {
padding-top: 20px;
padding-bottom: 20px;
}
#header .cparts-id285 .cparts-img-block,
#upper .cparts-id285 .cparts-img-block,
.header .cparts-id285 .cparts-img-block,
.upper .cparts-id285 .cparts-img-block,
.siteblock-header .cparts-id285 .cparts-img-block,
.siteblock-upper .cparts-id285 .cparts-img-block {
padding-right: 20px;
padding-left: 20px;
}
}
@media (min-width: 992px) {
.cparts-id285 .cparts-txt-block {
text-align: left;
}
.cparts-id285__ttl > span {
font-size: 6rem;
text-align: left;
}
.cparts-id285 .cparts-notes-block {
width: auto;
max-width: 60%;
}
}
@media (min-width: 1200px) {
#header .cparts-id285 .cparts-img-block,
#upper .cparts-id285 .cparts-img-block,
.header .cparts-id285 .cparts-img-block,
.upper .cparts-id285 .cparts-img-block,
.siteblock-header .cparts-id285 .cparts-img-block,
.siteblock-upper .cparts-id285 .cparts-img-block {
padding-right: 50px;
padding-left: 50px;
}
}
/* 2カラム対策 */
body[class*="column2"] #upper .cparts-id285 .cparts-body-block .cparts-img-block,
body[id*="column02"] #upper .cparts-id285 .cparts-body-block .cparts-img-block,
body[class*="column2"] .upper .cparts-id285 .cparts-body-block .cparts-img-block,
body[class*="column2"] .siteblock-upper .cparts-id285 .cparts-img-block {
padding-right: 0;
padding-left: 0;
}
@media (min-width: 768px) {
body[class*="column2"] #upper .cparts-id285 .cparts-body-block,
body[id*="column02"] #upper .cparts-id285 .cparts-body-block,
body[class*="column2"] .upper .cparts-id285 .cparts-body-block,
body[class*="column2"] .siteblock-upper .cparts-id285 .cparts-body-block {
margin-left: 0;
margin-right: 0;
width: 100%;
}
}
@media (min-width: 768px) and (max-width: 991px) {
body[class*="column2"] #main .cparts-id285__ttl,
body[id*="column02"] #main .cparts-id285__ttl,
body[class*="column2"] .cparts-id285__ttl,
body[class*="column2"] .cparts-id285__ttl {
margin-bottom: 30px !important;
}
}
/* 編集サイト */
body#header .cparts-id285 .cparts-txt-block:not(.cparts-fadeIn--id285),
body#upper .cparts-id285 .cparts-txt-block:not(.cparts-fadeIn--id285),
body#main .cparts-id285 .cparts-txt-block:not(.cparts-fadeIn--id285),
body#bottom .cparts-id285 .cparts-txt-block:not(.cparts-fadeIn--id285),
body#opt1 .cparts-id285 .cparts-txt-block:not(.cparts-fadeIn--id285),
body#opt2 .cparts-id285 .cparts-txt-block:not(.cparts-fadeIn--id285),
body#opt3 .cparts-id285 .cparts-txt-block:not(.cparts-fadeIn--id285),
body#side .cparts-id285 .cparts-txt-block:not(.cparts-fadeIn--id285),
body#right .cparts-id285 .cparts-txt-block:not(.cparts-fadeIn--id285),
body#footer .cparts-id285 .cparts-txt-block:not(.cparts-fadeIn--id285) {
display: block;
}
/* ブロークングリッドレイアウト
======================================================= */
[class*="cparts-id286"] .cparts-txt-block {
margin-bottom: 20px;
}
[class*="cparts-id286"] .cparts-txt-block > *:last-child {
margin-bottom: 0;
}
/* スマホのみ */
@media (max-width: 767px) {
.cparts-id286--01 > .cparts-img-block,
.cparts-id286--02 .cparts-body-block {
margin-bottom: 20px;
}
}
/* スマホ以外 */
@media (min-width: 768px) {
[class*="cparts-id286"] {
display: flex;
justify-content: space-between;
align-items: center;
}
[class*="cparts-id286"] .cparts-body-block {
width: 35%;
}
[class*="cparts-id286"] .cparts-txt-block {
margin-left: 7.5%;
margin-right: 7.5%;
margin-bottom: 70px;
width: 85%
}
[class*="cparts-id286"] > .cparts-img-block {
width: 57%;
}
[class*="cparts-id286"] [class*="cparts-img-block"] img {
width: 100%;
}
}
/* アニメーション */
[class*="cparts-id286"] > .cparts-img-block,
[class*="cparts-id286"] .cparts-body-block > * {
opacity: 0;
transform: translateY(60px);
}
.cparts-fadeIn--id286.cparts-txt-block {
animation: fadeIn-id286--01 .5s ease-in-out 0s forwards;
-webkit-animation: fadeIn-id286--01 .5s ease-in-out 0s forwards;
}
[class*="cparts-id286"] > .cparts-fadeIn--id286.cparts-img-block {
animation: fadeIn-id286--02 .5s ease-in-out .1s forwards;
-webkit-animation: fadeIn-id286--02 .5s ease-in-out .1s forwards;
}
.cparts-body-block .cparts-fadeIn--id286.cparts-img-block {
animation: fadeIn-id286--03 .5s ease-in-out .15s forwards;
-webkit-animation: fadeIn-id286--03 .5s ease-in-out .15s forwards;
}
@keyframes fadeIn-id286--01 {
0% {opacity: 0; transform: translateY(60px);}
100% {opacity: 1; transform: translateX(0);}
}
@keyframes fadeIn-id286--02 {
0% {opacity: 0; transform: translateY(60px);}
100% {opacity: 1; transform: translateX(0);}
}
@keyframes fadeIn-id286--03 {
0% {opacity: 0; transform: translateY(60px);}
100% {opacity: 1; transform: translateX(0);}
}
@-webkit-keyframes fadeIn-id286--01 {
0% {opacity: 0; transform: translateY(60px);}
100% {opacity: 1; transform: translateX(0);}
}
@-webkit-keyframes fadeIn-id286--02 {
0% {opacity: 0; transform: translateY(60px);}
100% {opacity: 1; transform: translateX(0);}
}
@-webkit-keyframes fadeIn-id286--03 {
0% {opacity: 0; transform: translateY(60px);}
100% {opacity: 1; transform: translateX(0);}
}
/* フルエディタ編集 */
body#header [class*="cparts-id286"] > .cparts-img-block,
body#header [class*="cparts-id286"] .cparts-body-block > *,
body#upper [class*="cparts-id286"] > .cparts-img-block,
body#upper [class*="cparts-id286"] .cparts-body-block > *,
body#main [class*="cparts-id286"] > .cparts-img-block,
body#main [class*="cparts-id286"] .cparts-body-block > *,
body#bottom [class*="cparts-id286"] > .cparts-img-block,
body#bottom [class*="cparts-id286"] .cparts-body-block > *,
body#side [class*="cparts-id286"] > .cparts-img-block,
body#side [class*="cparts-id286"] .cparts-body-block > *,
body#right [class*="cparts-id286"] > .cparts-img-block,
body#right [class*="cparts-id286"] .cparts-body-block > *,
body#opt1 [class*="cparts-id286"] > .cparts-img-block,
body#opt1 [class*="cparts-id286"] .cparts-body-block > *,
body#opt2 [class*="cparts-id286"] > .cparts-img-block,
body#opt2 [class*="cparts-id286"] .cparts-body-block > *,
body#opt3 [class*="cparts-id286"] > .cparts-img-block,
body#opt3 [class*="cparts-id286"] .cparts-body-block > *,
body#footer [class*="cparts-id286"] > .cparts-img-block,
body#footer [class*="cparts-id286"] .cparts-body-block > *,
body#editor [class*="cparts-id286"] > .cparts-img-block,
body#editor [class*="cparts-id286"] .cparts-body-block > * {
opacity: 1;
transform: none;
}
/* 背景設定済みパーツ
======================================================= */
[class*="cparts-id288"]:not([class*="__ttl"]),
[class*="cparts-id288"].box:not([class*="__ttl"]) { /* boxクラスに左右マージンが指定されている一部テンプレート対策 */
padding: 60px calc(50vw - 50%);
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
}
[class*="cparts-id288"][class*="__ttl"] {
margin: 0 0 30px;
text-align: center;
}
[class*="cparts-id288"]:not([class*="__ttl"]) .cparts-txt-block > *:last-child {
margin-bottom: 0;
}
/* スマホ以外 */
@media (min-width: 768px) {
[class*="cparts-id288"]:not([class*="__ttl"]) {
padding-top: 80px;
padding-bottom: 80px;
}
[class*="cparts-id288"][class*="__ttl"] {
margin-bottom: 40px;
}
/* 2カラム対策 */
body[class*="column2"] #main [class*="cparts-id288"]:not([class*="__ttl"]),
body[id*="column02"] #main [class*="cparts-id288"]:not([class*="__ttl"]),
body[class*="column2"] .main [class*="cparts-id288"]:not([class*="__ttl"]),
body[class*="column2"] .siteblock-main [class*="cparts-id288"]:not([class*="__ttl"]) {
padding-right: 30px;
padding-left: 30px;
margin-right: 0;
margin-left: 0;
}
}
/* -----------------------------------------
背景設定済みパーツ02
----------------------------------------- */
.cparts-id288--02,
.cparts-id288--02.box { /* boxクラスに色が指定されている一部テンプレート対策 */
color: #fff;
position: relative;
text-shadow: 0 0 5px rgba(0,0,0,.45);
}
.cparts-id288--02:before {
background-color: rgba(0,0,0,.5);
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.cparts-id288--02 .cparts-body-block {
position: relative;
}
.cparts-id288--02__ttl {
background-color: transparent !important;
background-image: none !important;
border: none !important;
box-shadow: none !important;
color: #fff !important;
padding: 0 !important;
}
.cparts-id288--02__ttl:before,
.cparts-id288--02__ttl:after {
display: none !important;
}
.cparts-id288--02 h4,
.cparts-id288--02 h5,
.cparts-id288--02 h6 {
background-color: transparent;
background-image: none;
border-color: #fff;
color: #fff;
}
.cparts-id288--02 table,
.cparts-id288--02 table td {
background-color: transparent;
}
.cparts-id288--02 table th,
.cparts-id288--02 table td {
border-color: #fff;
}
.cparts-id288--02 table th {
background-color: rgba(255,255,255,.4);
color: #fff;
}
.cparts-id288--02 li {
background-color: transparent;
}
/* -----------------------------------------
背景設定済みパーツ03
----------------------------------------- */
.cparts-id288--03 .cparts-body-block {
background-color: rgba(255,255,255,.7);
padding: 60px 45px;
}
/* カード（ホバー時アクション）
======================================================= */
[class*="cparts-id291"]:not([class*="__ttl"]) {
height: 100%;
}
[class*="cparts-id291"][class*="__ttl"] {
background-color: transparent!important;
background-image: none !important;
border-top: none !important;
border-right: none !important;
border-bottom: none !important;
border-left: none !important;
box-shadow: none !important;
display: block !important;
font-size: 1.75rem;
font-weight: normal !important;
margin-top: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
margin-bottom: 20px !important;
padding: 0 !important;
height: auto !important;
min-height: auto !important;
text-align: center !important;
}
[class*="cparts-id291"][class*="__ttl"]::before,
[class*="cparts-id291"][class*="__ttl"]::after {
display: none !important;
}
[class*="cparts-id291"] .cparts-body-block {
display: flex;
flex-direction: column;
justify-content: space-between;
position: relative;
height: 100%;
-webkit-transition: .4s;
transition: .4s;
}
[class*="cparts-id291"][class*="__ttl--01"] {
font-size: 1rem !important;
font-weight: normal !important;
opacity: .7;
}
[class*="cparts-id291"] .cparts-img-block {
margin-bottom: 20px;
width: 100%;
}
[class*="cparts-id291"][class*="__ttl--02"] {
font-size: 1.5rem !important;
font-weight: bold !important;
}
[class*="cparts-id291"] .cparts-txt-block > *:last-child {
margin-bottom: 0;
}
[class*="cparts-id291"] .cparts-footer-block {
text-align: center;
}
[class*="cparts-id291"] .cparts-icon-block {
filter: grayscale(1);
margin-top: 20px;
opacity: .4;
position: relative;
-webkit-transition: .4s;
transition: .4s;
}
[class*="cparts-id291"] .cparts-body-block:hover .cparts-icon-block {
filter: grayscale(0);
opacity: 1;
}
[class*="cparts-id291"] .cparts-icon-block span {
display: none;
}
[class*="cparts-id291"] .cparts-icon-block::before {
border-style: solid;
border-width: 2px;
border-radius: 50%;
content: "";
display: block;
height: 25px;
margin: 0 auto;
width: 25px;
}
[class*="cparts-id291"] .cparts-icon-block::after {
border-style: solid;
border-width: 2px;
border-top: none;
border-left: none;
content: "";
display: block;
height: 7px;
margin: 0 auto;
position: absolute;
top: 8px;
left: calc(50% - 3.5px);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 7px;
}
[class*="cparts-id291"] .cparts-footer-block p {
margin: 0;
}
[class*="cparts-id291"] .cparts-footer-block a {
line-height: 1000;
overflow: hidden;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
/* バリエーション */
[class*="cparts-id291"].cparts-hoverstyle--expansion .cparts-body-block {
box-shadow: none;
transform: scale(100%);
}
[class*="cparts-id291"].cparts-hoverstyle--expansion .cparts-body-block:hover {
box-shadow: 0 0 10px rgba(0,0,0,.3);
transform: scale(105%);
}
[class*="cparts-id291"].cparts-hoverstyle--up .cparts-body-block {
transform: translateY(0);
}
[class*="cparts-id291"].cparts-hoverstyle--up .cparts-body-block:hover {
transform: translateY(-15px);
}
/* 編集サイト */
#cms_contents_area [class*="cparts-id291"] .cparts-footer-block a {
line-height: 2;
overflow: visible;
position: static;
}
/* -----------------------------------------
カード01
----------------------------------------- */
.cparts-id291--01 .cparts-footer-block a:hover {
background-color: transparent;
}
/* -----------------------------------------
カード02
----------------------------------------- */
[class*="cparts-id291"] .cparts-body-block.dec-box--primary {
background-color: #fff;
border-width: 3px;
}
[class*="cparts-id291"] .cparts-body-block.dec-box--primary:not(:hover) {
border-color: #ddd;
}
/* スライダー
======================================================= */
[class*="cparts-id293"]:not([class*="__ttl"]) {
width: 25%;
}
[class*="cparts-id293"] .cparts-body-block {
height: 100%;
position: relative;
-webkit-transition: .2s;
transition: .2s;
}
[class*="cparts-id293"] .cparts-body-block:hover {
box-shadow: 0 0 5px rgba(0,0,0,.2);
transform: scale(102%);
}
[class*="cparts-id293"] .cparts-img-block {
margin-bottom: 20px;
width: 100%;
}
[class*="cparts-id293"] .cparts-txt-block h4 {
margin-bottom: 20px;
}
[class*="cparts-id293"] .cparts-txt-block > *:last-child {
margin-bottom: 0;
}
[class*="cparts-id293"] .cparts-notes-block {
text-align: center;
}
[class*="cparts-id293"] .cparts-notes-block a {
line-height: 1000;
overflow: hidden;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
[class*="cparts-id293"] .cparts-notes-block a:hover {
background-color: transparent;
}
/* 編集サイト */
#cms_contents_area [class*="cparts-id293"] .cparts-notes-block a {
line-height: 2;
overflow: visible;
position: static;
}
#cms_contents_area [class*="cparts-id293"] .cparts-body-block:hover {
box-shadow: none;
transform: scale(100%);
}
/* スマホ */
@media (max-width: 767px) {
.lay-row > .lay-col12-xs-12.cparts-id293 {
margin-top: 0 !important;
}
}
/* ----------------------------------------------------------------------------------------
2021.09 id294 - id310
---------------------------------------------------------------------------------------- */
/* テキスト縦書き
======================================================= */
[class*="cparts-id294"]{
position: relative;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
[class*="cparts-id294"] .cparts-txt-block{
width: 100%;
overflow-x: auto;
max-height: 360px;
}
[class*="cparts-id294"] .cparts-txt-block p:nth-of-type(n+1){
margin-right: 10px;
}
[class*="cparts-id294"] #cms_editor_form{
width: 100%;
}
.cparts-id294--02 .cparts-txt-block{
display: flex;
flex-direction: column;
justify-content: center;
}
.cparts-id294--03 .cparts-txt-block{
display: flex;
flex-direction: column;
justify-content: flex-end;
}
[class*="cparts-id294"].cparts-column--med .cparts-txt-block{
max-height: 360px;
}
[class*="cparts-id294"].cparts-column--max .cparts-txt-block{
max-height: 560px;
}
[class*="cparts-id294"].cparts-column--min .cparts-txt-block{
max-height: 260px;
}
/* ステップリスト
======================================================= */
[class*="cparts-id297"] {
justify-content: center;
align-items: center;
position: relative;
}
[class*="cparts-id297"] + [class*="cparts-id297"] {
margin-top: 80px;
}
[class*="cparts-id297"] .cparts-img-block img {
width: 100%;
}
[class*="cparts-id297"] .cparts-no-block {
text-align: center;
z-index: 2;
}
[class*="cparts-id297"] .cparts-no-block > div {
font-size: 70px;
border-radius: 600px;
display: inline-block;
z-index: 100;
line-height: 1.5;
text-align: center;
width: 105px;
}
.cparts--id295-border {
filter: contrast(.8);
position: absolute;
bottom: 0;
left: 50%;
display: inline-block;
width: 5px;
height: calc(100% / 2 - 40px);
z-index: 0;
transition: .3s;
padding: 0 !important;
}
[class*="cparts-id297"] + [class*="cparts-id297"]:nth-of-type(odd) div.cparts--id295-border,
[class*="cparts-id297"] + [class*="cparts-id297"]:nth-of-type(even) div.cparts--id295-border {
bottom: auto;
top: -80px;
height: calc(100% / 2 + 80px);
}
@media screen and (max-width: 991px) {
[class*="cparts-id297"] + [class*="cparts-id297"]{
margin-top: 50px;
}
[class*="cparts-id297"] + [class*="cparts-id297"]:nth-of-type(odd) div.cparts--id295-border,
[class*="cparts-id297"] + [class*="cparts-id297"]:nth-of-type(even) div.cparts--id295-border {
top: -50px;
height: calc(100% / 2 + 50px);
}
}
@media screen and (max-width: 767px) {
[class*="cparts-id297"]{
justify-content: flex-end;
}
[class*="cparts-id297"] .cparts-no-block {
order: 1;
min-height: auto;
width: 60px !important;
}
[class*="cparts-id297"] .cparts-no-block > div {
font-size: 40px;
line-height: 1.5;
width: 60px;
}
[class*="cparts-id297"] .cparts-img-block {
order: 2;
overflow: hidden;
}
[class*="cparts-id297"] .cparts-txt-block {
order: 3;
margin-top: 20px;
max-width: 75%;
}
div.cparts--id295-border {
left: calc(25% / 2);
height: calc(100% / 2 + 40px);
}
[class*="cparts-id297"] + [class*="cparts-id297"]:nth-of-type(odd) div.cparts--id295-border,
[class*="cparts-id297"] + [class*="cparts-id297"]:nth-of-type(even) div.cparts--id295-border {
height: calc(100% / 2);
}
}
/* タイトル付き枠線
======================================================= */
[class*="cparts-id299"] {
position: relative;
border-style: solid;
border-width: 1px;
padding-left: 15px;
padding-right: 15px;
border-radius: 5px;
margin-top: 50px;
}
[class*="cparts-id299"] .cparts-head-block {
position: absolute !important;
width: fit-content;
right: 0;
left: 0;
margin: auto;
text-align: center;
top: -20px;
display: inline-block;
z-index: 2;
}
[class*="cparts-id299"] .cparts-head-block .cparts-id299--01__ttl,
[class*="cparts-id299"] .cparts-head-block .cparts-id299--02__ttl,
[class*="cparts-id299"] .cparts-head-block .cparts-id299--03__ttl,
[class*="cparts-id299"] .cparts-head-block .cparts-id299--04__ttl,
[class*="cparts-id299"] .cparts-head-block .cparts-id299--05__ttl,
[class*="cparts-id299"] .cparts-head-block .cparts-id299--06__ttl,
[class*="cparts-id299"] .cparts-head-block .cparts-id299--07__ttl,
[class*="cparts-id299"] .cparts-head-block .cparts-id299--08__ttl,
[class*="cparts-id299"] .cparts-head-block .cparts-id299--09__ttl,
[class*="cparts-id299"] .cparts-head-block .cparts-id299--10__ttl,
[class*="cparts-id299"] .cparts-head-block .cparts-id299--11__ttl,
[class*="cparts-id299"] .cparts-head-block .cparts-id299--12__ttl {
display: inline-block !important;
padding: 0 15px !important;
margin: 10px 20px !important;
font-size: 20px;
line-height: 1.1;
border-top: none !important;
border-right: none !important;
border-bottom: none !important;
border-left: none !important;
box-shadow: none !important;
height: auto !important;
min-height: auto !important;
}
[class*="cparts-id299"] .cparts-head-block .cparts-id299--01__ttl:before,
[class*="cparts-id299"] .cparts-head-block .cparts-id299--01__ttl:after,
[class*="cparts-id299"] .cparts-head-block .cparts-id299--02__ttl:before,
[class*="cparts-id299"] .cparts-head-block .cparts-id299--02__ttl:after,
[class*="cparts-id299"] .cparts-head-block .cparts-id299--03__ttl:before,
[class*="cparts-id299"] .cparts-head-block .cparts-id299--03__ttl:after,
[class*="cparts-id299"] .cparts-head-block .cparts-id299--04__ttl:before,
[class*="cparts-id299"] .cparts-head-block .cparts-id299--04__ttl:after,
[class*="cparts-id299"] .cparts-head-block .cparts-id299--05__ttl:before,
[class*="cparts-id299"] .cparts-head-block .cparts-id299--05__ttl:after,
[class*="cparts-id299"] .cparts-head-block .cparts-id299--06__ttl:before,
[class*="cparts-id299"] .cparts-head-block .cparts-id299--06__ttl:after,
[class*="cparts-id299"] .cparts-head-block .cparts-id299--07__ttl:before,
[class*="cparts-id299"] .cparts-head-block .cparts-id299--07__ttl:after,
[class*="cparts-id299"] .cparts-head-block .cparts-id299--08__ttl:before,
[class*="cparts-id299"] .cparts-head-block .cparts-id299--08__ttl:after,
[class*="cparts-id299"] .cparts-head-block .cparts-id299--09__ttl:before,
[class*="cparts-id299"] .cparts-head-block .cparts-id299--09__ttl:after,
[class*="cparts-id299"] .cparts-head-block .cparts-id299--10__ttl:before,
[class*="cparts-id299"] .cparts-head-block .cparts-id299--10__ttl:after,
[class*="cparts-id299"] .cparts-head-block .cparts-id299--11__ttl:before,
[class*="cparts-id299"] .cparts-head-block .cparts-id299--11__ttl:after,
[class*="cparts-id299"] .cparts-head-block .cparts-id299--12__ttl:before,
[class*="cparts-id299"] .cparts-head-block .cparts-id299--12__ttl:after {
display: none !important;
}
[class*="cparts-id299"] .cparts-body-block {
padding-top: 60px;
padding-bottom: 20px;
}
[class*="cparts-id299"] .cparts-body-block img.cparts-img-block ,
[class*="cparts-id299"] .cparts-body-block .cparts-img-block img {
width: 100%;
}
[class*="cparts-id299"] .cparts-body-block .cparts-txt-block {
margin-top: 15px;
}
/* ----------------------------------------------------------------------------------------
2021.10 id320 - id329
---------------------------------------------------------------------------------------- */
/* メイン画像_ver.9
======================================================= */
.cparts-id320 {
position: relative;
align-items: center;
width: 100vw;
margin-left: calc(((100vw - 100%) / 2) * -1) !important;
}
.cparts-id320 .cparts-txt-block {
position: absolute;
left: 0;
right: 0;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
}
.cparts-id320 .cparts-head-block {
display: flex;
justify-content: flex-end;
max-width: 50%;
padding: 0 20px;
}
.cparts-id320 .cparts-id320__ttl {
display: block;
margin: 0 !important;
padding: 0 !important;
background-color: transparent !important;
background-image: none !important;
border: none !important;
box-shadow: none !important;
line-height: 1.2 !important;
min-height: auto !important;
}
.cparts-id320 .cparts-id320__ttl:before,
.cparts-id320 .cparts-id320__ttl:after {
display: none;
}
.cparts-id320 .cparts-notes-block {
max-width: 50%;
padding: 0 20px;
border-left-width: 2px;
border-left-style: solid;
}
.cparts-id320 .cparts-notes-block p {
line-height: 2;
}
.cparts-id320 .cparts-notes-block > :last-child {
margin-bottom: 0;
}
.cparts-id320 .cparts-img-block {
width: 100%;
}
.cparts-id320 .cparts-img-block img {
border-radius: 0;
max-width: none;
width: 100%;
height: 75vh;
object-fit: cover;
opacity: .75;
}
@media screen and (max-width: 1024px) {
.cparts-id320 .cparts-txt-block {
flex-wrap: wrap;
padding: 0 80px;
}
.cparts-id320 .cparts-head-block {
justify-content: center;
width: 100%;
max-width: 100%;
margin-bottom: 20px;
padding-right: 0;
padding-left: 0;
}
.cparts-id320 .cparts-id320__ttl {
text-align: center;
}
.cparts-id320 .cparts-notes-block {
max-width: 100%;
width: 100%;
padding-top: 20px;
padding-right: 0;
padding-left: 0;
border-left-width: 0;
border-top-width: 2px;
border-top-style: solid;
text-align: center;
}
}
@media screen and (max-width: 767px) {
.cparts-id320 .cparts-txt-block {
padding: 0 40px;
}
}
/* スマホ以外 */
@media (min-width: 768px) {
/* 2カラム対策 */
body[class*="column2"] #main .cparts-id320,
body[id*="column02"] #main .cparts-id320,
body[class*="column2"] .main .cparts-id320,
body[class*="column2"] .siteblock-main .cparts-id320 {
width: 100%;
margin-left: 0 !important;
}
}
/* IE対応 */
_:-ms-input-placeholder, :root .cparts-id320 .cparts-img-block img {
height: auto;
}
/* メイン画像_ver.10
======================================================= */
.cparts-id321 {
position: relative;
align-items: center;
width: 100vw;
margin-left: calc(((100vw - 100%) / 2) * -1) !important;
}
.cparts-id321 .cparts-txt-block {
position: absolute;
left: 0;
right: 0;
z-index: 1;
padding: 0 80px;
}
.cparts-id321 .cparts-id321__ttl {
display: block;
margin: 0 0 20px !important;
padding: 0 !important;
background-color: transparent !important;
background-image: none !important;
border: none !important;
box-shadow: none !important;
line-height: 1.2 !important;
text-align: left;
min-height: auto !important;
}
.cparts-id321 .cparts-id321__ttl:before,
.cparts-id321 .cparts-id321__ttl:after {
display: none;
}
.cparts-id321 .cparts-notes-block {
margin: 0 0 24px;
}
.cparts-id321 .cparts-notes-block p {
line-height: 2;
}
.cparts-id321 .cparts-notes-block p + p {
margin-top: 10px !important;
}
.cparts-id321 .cparts-notes-block > :last-child {
margin-bottom: 0;
}
.cparts-id321 .cparts-img-block {
width: 100%;
}
.cparts-id321 .cparts-img-block img {
border-radius: 0;
max-width: none;
width: 100%;
height: 75vh;
object-fit: cover;
opacity: .75;
}
@media (max-width: 767px) {
.cparts-id321 .cparts-txt-block {
padding-left: 2rem;
padding-right: 2rem;
}
.cparts-id321 .cparts-notes-block {
padding: 0;
}
}
/* スマホ以外 */
@media (min-width: 768px) {
/* 2カラム対策 */
body[class*="column2"] #main .cparts-id321,
body[id*="column02"] #main .cparts-id321,
body[class*="column2"] .main .cparts-id321,
body[class*="column2"] .siteblock-main .cparts-id321 {
width: 100%;
margin-left: 0 !important;
}
}
/* IE対応 */
_:-ms-input-placeholder, :root .cparts-id321 .cparts-img-block img {
height: auto;
}
/* メイン画像_ver.11
======================================================= */
.cparts-id322 {
position: relative;
align-items: center;
width: 100vw;
margin-left: calc(((100vw - 100%) / 2) * -1) !important;
}
.cparts-id322 .cparts-txt-block {
position: absolute;
right: 0;
top: 0;
bottom: 0;
z-index: 1;
display: flex;
justify-content: center;
align-items: center;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
.cparts-id322 .cparts-head-block {
margin: 0;
padding: 80px;
}
.cparts-id322 .cparts-id322__ttl {
display: block;
margin: 0 !important;
padding: 0 !important;
background-color: transparent !important;
background-image: none !important;
border: none !important;
box-shadow: none !important;
line-height: 1.2 !important;
text-align: left;
min-height: auto !important;
}
.cparts-id322 .cparts-id322__ttl:before,
.cparts-id322 .cparts-id322__ttl:after {
display: none;
}
.cparts-id322 .cparts-img-block {
width: 100%;
}
.cparts-id322 .cparts-img-block img {
border-radius: 0;
max-width: none;
width: 100%;
height: 75vh;
object-fit: cover;
opacity: .75;
}
/* スマホ以外 */
@media (min-width: 768px) {
/* 2カラム対策 */
body[class*="column2"] #main .cparts-id322,
body[id*="column02"] #main .cparts-id322,
body[class*="column2"] .main .cparts-id322,
body[class*="column2"] .siteblock-main .cparts-id322 {
width: 100%;
margin-left: 0 !important;
}
}
/* 編集サイト対応 */
#cms_contents_area .cparts-id322 .cparts-head-block {
margin-right: 200px;
}
/* IE対応 */
_:-ms-input-placeholder, :root .cparts-id322 .cparts-img-block img {
height: auto;
}
/* メイン画像_ver.12
======================================================= */
.cparts-id323 {
position: relative;
align-items: center;
width: 100vw;
margin-left: calc(((100vw - 100%) / 2) * -1) !important;
}
.cparts-id323:after {
content: '';
position: absolute;
left: 0;
top: 50%;
display: block;
width: 100%;
height: 50%;
}
.cparts-id323 .cparts-txt-block {
position: absolute;
bottom: 80px;
left: 0;
right: 0;
z-index: 2;
padding: 0 80px;
/*mix-blend-mode: exclusion;*/
}
.cparts-id323 .cparts-id323__ttl {
display: block;
margin: 0 !important;
padding: 0 !important;
background-color: transparent !important;
background-image: none !important;
border: none !important;
box-shadow: none !important;
line-height: 1.2 !important;
text-align: left;
min-height: auto !important;
}
.cparts-id323 .cparts-id323__ttl:before,
.cparts-id323 .cparts-id323__ttl:after {
display: none;
}
.cparts-id323 .cparts-img-block {
width: 100%;
padding-left: 20%;
}
.cparts-id323 .cparts-img-block img {
border-radius: 0;
position: relative;
z-index: 1;
max-width: none;
width: 100%;
height: 75vh;
object-fit: cover;
}
@media screen and (max-width: 1024px) {
.cparts-id323 .parts-txt-block {
bottom: 40px;
padding: 0 40px;
}
}
/* スマホ以外 */
@media (min-width: 768px) {
/* 2カラム対策 */
body[class*="column2"] #main .cparts-id323,
body[id*="column02"] #main .cparts-id323,
body[class*="column2"] .main .cparts-id323,
body[class*="column2"] .siteblock-main .cparts-id323 {
width: 100%;
margin-left: 0 !important;
}
}
/* IE対応 */
_:-ms-input-placeholder, :root .cparts-id323 .cparts-img-block img {
height: auto;
}
/* メイン画像_ver.13
======================================================= */
.cparts-id324 {
position: relative;
display: flex;
align-items: center;
width: 100vw;
margin-left: calc(((100vw - 100%) / 2) * -1) !important;
}
.cparts-id324 .cparts-img-block {
padding-left: 0 !important;
padding-right: 0 !important;
}
.cparts-id324 .cparts-img-block img {
border-radius: 0;
display: block;
max-width: none;
width: 100%;
height: 75vh;
object-fit: cover;
opacity: .75;
}
.cparts-id324 .cparts-txt-block {
position: absolute;
top: 40%;
right: 0;
left: 0;
z-index: 1;
padding: 0 40px;
text-align: center;
}
.cparts-id324 .cparts-id324__ttl {
display: block;
margin: 0 0 20px !important;
padding: 0 !important;
background-color: transparent !important;
background-image: none !important;
border: none !important;
box-shadow: none !important;
line-height: 1.2 !important;
text-align: center;
min-height: auto !important;
}
.cparts-id324 .cparts-id324__ttl:before,
.cparts-id324 .cparts-id324__ttl:after {
display: none;
}
.cparts-id324 .cparts-notes-block {
text-align: center;
}
.cparts-id324 .cparts-notes-block p {
text-align: center;
}
.cparts-id324 .cparts-notes-block p + p {
margin-top: 10px !important;
}
.cparts-id324 .cparts-notes-block > :last-child {
margin-bottom: 0;
}
/* スマホ以外 */
@media (min-width: 768px) {
/* 2カラム対策 */
body[class*="column2"] #main .cparts-id324,
body[id*="column02"] #main .cparts-id324,
body[class*="column2"] .main .cparts-id324,
body[class*="column2"] .siteblock-main .cparts-id324 {
width: 100%;
margin-left: 0 !important;
}
}
/* IE対応 */
_:-ms-input-placeholder, :root .cparts-id324 .cparts-img-block img {
height: auto;
}
/* メイン画像_ver.14
======================================================= */
.cparts-id325 {
position: relative;
display: flex;
align-items: center;
width: 100vw;
margin-left: calc(((100vw - 100%) / 2) * -1) !important;
}
.cparts-id325 .cparts-txt-block {
padding: 0 80px;
text-align: center;
}
.cparts-id325 .cparts-id325__ttl {
display: block;
margin: 0 0 20px !important;
padding: 0 !important;
background-color: transparent !important;
background-image: none !important;
border: none !important;
box-shadow: none !important;
line-height: 1.2 !important;
text-align: center;
min-height: auto !important;
}
.cparts-id325 .cparts-id325__ttl:before,
.cparts-id325 .cparts-id325__ttl:after {
display: none;
}
.cparts-id325 .cparts-notes-block {
line-height: 2;
text-align: center;
}
.cparts-id325 .cparts-notes-block p {
text-align: center;
line-height: 2;
}
.cparts-id325 .cparts-notes-block p + p {
margin-top: 10px !important;
}
.cparts-id325 .cparts-notes-block > :last-child {
margin-bottom: 0;
}
.cparts-id325 .cparts-img-block {
padding-left: 0 !important;
padding-right: 0 !important;
}
.cparts-id325 .cparts-img-block img {
border-radius: 0;
display: block;
max-width: none;
width: 100%;
height: 75vh;
object-fit: cover;
}
@media screen and (max-width: 1024px) {
.cparts-id325 .cparts-txt-block {
padding: 0 40px;
}
}
@media screen and (max-width: 767px) {
.cparts-id325 {
flex-direction: column-reverse;
}
.cparts-id325 .cparts-txt-block {
padding: 40px;
}
.cparts-id325 .cparts-img-block img {
height: 50vh;
}
}
/* スマホ以外 */
@media (min-width: 768px) {
/* 2カラム対策 */
body[class*="column2"] #main .cparts-id325,
body[id*="column02"] #main .cparts-id325,
body[class*="column2"] .main .cparts-id325,
body[class*="column2"] .siteblock-main .cparts-id325 {
width: 100%;
margin-left: 0 !important;
}
}
/* IE対応 */
_:-ms-input-placeholder, :root .cparts-id325 .cparts-img-block img {
height: auto;
}
/* メイン画像_ver.15
======================================================= */
.cparts-id326 {
background-repeat: no-repeat !important;
background-size: cover !important;
display: block !important;
position: relative;
}
.cparts-id326 .cparts-img-block {
display: flex;
align-items: center;
justify-content: center;
padding: 100px 0;
}
.cparts-id326 .cparts-txt-block {
animation: fadeIn-id326 1s ease-in-out 0.8s 1 forwards;
-webkit-animation: fadeIn-id326 1s ease-in-out 0.8s 1 forwards;
background-color: rgba(255,255,255,.7);
opacity: 0;
padding: 60px;
position: relative;
transform: translateY(20%);
max-width: calc(100% - 60px);
z-index: 1;
}
.cparts-id326 .cparts-notes-block > * {
margin-bottom: 30px !important;
}
.cparts-id326 .cparts-notes-block p {
color: #333;
}
.cparts-id326 .cparts-notes-block > *:last-child {
margin-bottom: 0 !important;
}
.cparts-id326__ttl {
background-color: transparent !important;
background-image: none !important;
border-top: none !important;
border-right: none !important;
border-bottom: none !important;
border-left: none !important;
box-shadow: none !important;
color: #333;
display: block !important;
margin-top: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
margin-bottom: 30px !important;
padding: 0 !important;
height: auto !important;
min-height: auto !important;
text-align: center !important;
text-shadow: none !important;
}
.cparts-id326__ttl:before,
.cparts-id326__ttl:after {
display: none !important;
}
/* アニメーション */
@keyframes fadeIn-id326 {
0% {opacity: 0; transform: translateY(20%);}
100% {opacity: 1; transform: translateY(0);}
}
@-webkit-keyframes fadeIn-id326 {
0% {opacity: 0; transform: translateY(20%);}
100% {opacity: 1; transform: translateY(0);}
}
/* スマホ以外 */
@media (min-width: 768px) {
.cparts-id326 {
background-attachment: fixed !important;
}
#header .freeParts .boxBottom > div.cparts-id326,
#upper .cparts-id326,
.header .cparts-id326,
.upper .cparts-id326,
.siteblock-header .cparts-id326,
.siteblock-upper .cparts-id326 {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
width: 100vw;
}
.cparts-id326 .cparts-txt-block {
max-width: 700px;
}
.cparts-id326__ttl {
font-size: 4rem;
}
}
/* タブレット以上 */
@media (min-width: 992px) {
.cparts-id326 .cparts-img-block {
padding: 0;
}
.cparts-id326 .cparts-txt-block {
margin: 60px 0;
}
}
/* 2カラム対策 */
@media (min-width: 768px) {
body[class*="column2"] #upper .cparts-id326,
body[id*="column02"] #upper .cparts-id326,
body[class*="column2"] .upper .cparts-id326,
body[class*="column2"] .siteblock-upper .cparts-id326,
body[class*="column2"] #main .cparts-id326,
body[id*="column02"] #main .cparts-id326,
body[class*="column2"] .main .cparts-id326,
body[class*="column2"] .siteblock-main .cparts-id326 {
margin-left: 0 !important;
margin-right: 0 !important;
width: 100% !important;
}
}
/* メイン画像_ver.16
======================================================= */
.cparts-id327 {
display: block !important;
position: relative;
}
#header .cparts-id327 .cparts-img-block,
#upper .cparts-id327 .cparts-img-block,
.header .cparts-id327 .cparts-img-block,
.upper .cparts-id327 .cparts-img-block,
.siteblock-header .cparts-id327 .cparts-img-block,
.siteblock-upper .cparts-id327 .cparts-img-block {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
width: 100vw;
}
.cparts-id327 .cparts-body-block {
display: flex;
align-items: center;
justify-content: center;
padding: 15px;
}
.cparts-id327 .cparts-txt-block {
padding: 15px;
position: relative;
}
.cparts-id327__ttl {
background-color: transparent !important;
background-image: none !important;
border-top: none !important;
border-right: none !important;
border-bottom: none !important;
border-left: none !important;
box-shadow: none !important;
display: block !important;
font-size: 3rem;
line-height: 1.2 !important;
margin-top: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
margin-bottom: 0 !important;
padding: 10px 0 !important;
height: auto !important;
min-height: auto !important;
text-align: center !important;
text-shadow: none !important;
word-wrap: break-word;
}
.cparts-id327__ttl:before,
.cparts-id327__ttl:after {
display: none !important;
}
.cparts-id327 .cparts-notes-block p {
font-size: 1.75rem;
line-height: 1.4;
margin-bottom: 0;
text-align: center;
}
.cparts-id327 .cparts-img-block {
height: 450px;
}
/* バリエーション */
.cparts-id327.cparts-mainvisual--sm .cparts-img-block {
height: 50vh;
}
.cparts-id327.cparts-mainvisual--md .cparts-img-block {
height: 70vh;
}
.cparts-id327.cparts-mainvisual--lg .cparts-img-block {
height: 90vh;
}
.cparts-id327 .cparts-foot-block {
display: block;
height: 150px;
margin-top: -150px;
position: relative;
}
.cparts-id327 .cparts-img-block img {
height: 100%;
object-fit: cover;
opacity: 0;
width: 100%;
}
body#header .cparts-id327 .cparts-img-block img,
body#upper .cparts-id327 .cparts-img-block img,
body#main .cparts-id327 .cparts-img-block img,
body#bottom .cparts-id327 .cparts-img-block img,
body#side .cparts-id327 .cparts-img-block img,
body#right .cparts-id327 .cparts-img-block img,
body#opt1 .cparts-id327 .cparts-img-block img,
body#opt2 .cparts-id327 .cparts-img-block img,
body#opt3 .cparts-id327 .cparts-img-block img,
body#footer .cparts-id327 .cparts-img-block img {
opacity: 1;
}
/* スマホのみ */
@media (max-width: 767px) {
.cparts-id327 .cparts-txt-block {
width: 100%;
}
/* バリエーション */
.cparts-id327.cparts-mainvisual--sm .cparts-img-block {
height: 50vh;
}
.cparts-id327.cparts-mainvisual--md .cparts-img-block {
height: 70vh;
}
.cparts-id327.cparts-mainvisual--lg .cparts-img-block {
height: 90vh;
}
}
/* スマホ以外 */
@media (min-width: 768px) {
.cparts-id327 .cparts-body-block {
margin-left: auto;
margin-right: auto;
max-width: 720px;
}
.cparts-id327 .cparts-body-block {
justify-content: flex-end;
}
#header .cparts-id327 .cparts-body-block,
#upper .cparts-id327 .cparts-body-block,
.header .cparts-id327 .cparts-body-block,
.upper .cparts-id327 .cparts-body-block,
.siteblock-header .cparts-id327 .cparts-body-block,
.siteblock-upper .cparts-id327 .cparts-body-block {
padding: 0;
}
.cparts-id327 .cparts-txt-block {
display: none;
}
.cparts-id327__ttl {
font-size: 4.5rem;
}
.cparts-id327 .cparts-notes-block p {
font-size: 2.5rem;
}
.cparts-id327 .cparts-img-block {
height: 650px;
}
/* バリエーション */
.cparts-id327.cparts-mainvisual--sm .cparts-img-block {
height: 50vh;
}
.cparts-id327.cparts-mainvisual--md .cparts-img-block {
height: 70vh;
}
.cparts-id327.cparts-mainvisual--lg .cparts-img-block {
height: 90vh;
}
body#header .cparts-id327 .cparts-txt-block,
body#upper .cparts-id327 .cparts-txt-block,
body#main .cparts-id327 .cparts-txt-block,
body#bottom .cparts-id327 .cparts-txt-block,
body#side .cparts-id327 .cparts-txt-block,
body#right .cparts-id327 .cparts-txt-block,
body#opt1 .cparts-id327 .cparts-txt-block,
body#opt2 .cparts-id327 .cparts-txt-block,
body#opt3 .cparts-id327 .cparts-txt-block,
body#footer .cparts-id327 .cparts-txt-block {
display: block;
}
}
/* タブレット以上 */
@media (min-width: 992px) {
.cparts-id327 .cparts-body-block {
max-width: 940px;
}
.cparts-id327 .cparts-txt-block {
padding-right: 80px;
padding-left: 80px;
max-width: 75%;
}
.cparts-id327 .cparts-img-block {
height: 900px;
}
/* バリエーション */
.cparts-id327.cparts-mainvisual--sm .cparts-img-block {
height: 50vh;
}
.cparts-id327.cparts-mainvisual--md .cparts-img-block {
height: 70vh;
}
.cparts-id327.cparts-mainvisual--lg .cparts-img-block {
height: 90vh;
}
.cparts-id327 .cparts-foot-block {
height: 200px;
margin-top: -200px;
}
}
/* ラップトップ以上 */
@media (min-width: 1200px) {
.cparts-id327 .cparts-body-block {
max-width: 1140px;
}
}
/* 2カラム対策 */
@media (min-width: 768px) {
body[class*="column2"] #upper .cparts-id327 .cparts-img-block,
body[id*="column02"] #upper .cparts-id327 .cparts-img-block,
body[class*="column2"] .upper .cparts-id327 .cparts-img-block,
body[class*="column2"] .siteblock-upper .cparts-id327 .cparts-img-block,
body[class*="column2"] #main .cparts-id327 .cparts-img-block,
body[id*="column02"] #main .cparts-id327 .cparts-img-block,
body[class*="column2"] .main .cparts-id327 .cparts-img-block,
body[class*="column2"] .siteblock-main .cparts-id327 .cparts-img-block {
margin-left: 0 !important;
margin-right: 0 !important;
width: 100% !important;
}
body[class*="column2"] #upper .cparts-id327 .cparts-body-block,
body[id*="column02"] #upper .cparts-id327 .cparts-body-block,
body[class*="column2"] .upper .cparts-id327 .cparts-body-block,
body[class*="column2"] .siteblock-upper .cparts-id327 .cparts-body-block,
body[class*="column2"] #main .cparts-id327 .cparts-body-block,
body[id*="column02"] #main .cparts-id327 .cparts-body-block,
body[class*="column2"] .main .cparts-id327 .cparts-body-block,
body[class*="column2"] .siteblock-main .cparts-id327 .cparts-body-block {
padding: 1.5rem;
}
}
/* IE対応 */
_:-ms-input-placeholder, :root .cparts-id327 .cparts-img-block,
_:-ms-input-placeholder, :root .cparts-id327 .cparts-img-block,
_:-ms-input-placeholder, :root .cparts-id327 .cparts-img-block {
height: auto;
}
_:-ms-input-placeholder, :root .cparts-id327 .cparts-img-block img,
_:-ms-input-placeholder, :root .cparts-id327 .cparts-img-block img,
_:-ms-input-placeholder, :root .cparts-id327 .cparts-img-block img {
height: auto;
}
/* メイン画像_ver.17
======================================================= */
.cparts-id328 {
display: block !important;
padding: 0 !important;
position: relative;
}
[class*="cparts-id328__ttl"] {
background-color: transparent !important;
background-image: none !important;
border-top: none !important;
border-right: none !important;
border-bottom: none !important;
border-left: none !important;
box-shadow: none !important;
display: block !important;
line-height: 1.2 !important;
margin-top: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
margin-bottom: 0 !important;
padding: 0 !important;
height: auto !important;
min-height: auto !important;
text-shadow: none !important;
word-wrap: break-word;
}
[class*="cparts-id328__ttl"]:before,
[class*="cparts-id328__ttl"]:after {
display: none !important;
}
.cparts-id328__ttl--01 {
font-size: 3rem;
font-weight: bold;
}
.cparts-id328__ttl--02 {
font-size: 2.5rem;
font-weight: bold;
margin-bottom: 15px !important;
order: 2;
text-align: left !important;
}
.cparts-id328__ttl--03 {
color: #333;
font-size: 1.75rem;
font-weight: bold;
margin-bottom: 10px !important;
order: 1;
text-align: left !important;
}
.cparts-id328 .cparts-img-block img {
border-radius: 0;
width: 100%;
}
.cparts-id328 .cparts-txt-block {
background-color: #fff;
border-style: solid;
border-width: 8px;
display: flex;
flex-direction: column;
justify-content: space-between;
padding: 15px;
}
.cparts-id328 .cparts-txt-block p {
color: #333;
margin-bottom: 0;
}
.cparts-id328__ttl--03 + div {
order: 3;
}
.cparts-id328 .cparts-notes-block {
margin: 15px -15px -15px;
order: 4;
padding: 15px 32px 7px 7px;
position: relative;
}
.cparts-id328 .cparts-notes-block::after {
border-top: 3px solid #fff;
border-right: 3px solid #fff;
content: "";
display: block;
height: 14px;
position: absolute;
right: 14px;
top: calc(50% - 5px);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
width: 15px;
}
.cparts-id328 .cparts-notes-block a {
color: #fff;
font-size: 1.5rem;
font-weight: bold;
text-decoration: none;
}
.cparts-id328 .cparts-notes-block a:hover,
.cparts-id328 .cparts-notes-block a:focus {
opacity: .6;
text-decoration: none;
}
.cparts-id328 .cparts-footer-block {
background-color: #fff;
}
/* スマホのみ */
@media (max-width: 767px) {
.cparts-id328 .cparts-body-block {
position: relative;
}
.cparts-id328 .cparts-body-block {
padding-top: 300px;
padding-bottom: 50px;
}
.cparts-id328__ttl--01 {
position: relative;
text-align: center !important;
z-index: 1;
}
.cparts-id328 .cparts-img-block {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.cparts-id328 .cparts-img-block img {
height: 100%;
object-fit: cover;
}
.cparts-id328 .cparts-txt-block + .cparts-txt-block {
margin-top: 1px;
}
}
/* スマホ以外 */
@media (min-width: 768px) {
.cparts-id328__ttl--01 {
font-size: min(5rem, 50px);
position: absolute !important;
top: calc(25% - 80px);
left: 30px;
right: 30px;
text-align: left !important;
}
.cparts-id328__ttl--02 {
font-size: min(3.5rem, 35px);
}
.cparts-id328__ttl--03 {
font-size: min(2.5rem, 25px);
}
.cparts-id328 .cparts-footer-block {
display: flex;
margin-top: -80px;
position: relative;
}
.cparts-id328 .cparts-txt-block {
width: 50%;
}
.cparts-id328 .cparts-txt-block + .cparts-txt-block {
margin-left: 1px;
}
.cparts-id328 .cparts-notes-block a {
font-size: min(1rem, 16px);
}
}
/* タブレット以上 */
@media (min-width: 992px) {
.cparts-id328__ttl--01 {
left: 5vw;
right: 5vw;
}
.siteblock-main .cparts-id328__ttl--01,
.siteblock-bottom .cparts-id328__ttl--01,
.siteblock-opt1 .cparts-id328__ttl--01,
.siteblock-opt2 .cparts-id328__ttl--01,
.siteblock-opt3 .cparts-id328__ttl--01,
.siteblock-footer .cparts-id328__ttl--01 {
left: 3vw;
right: 3vw;
top: 3vw;
}
.cparts-id328 .cparts-footer-block {
background-color: transparent;
flex-direction: column;
position: absolute;
right: 3vw;
bottom: 3vw;
max-width: 35vw;
}
.cparts-id328 .cparts-txt-block {
border-width: 5px;
width: 100%;
}
.cparts-id328 .cparts-txt-block + .cparts-txt-block {
margin-top: 15px;
margin-left: 0;
}
.cparts-id328 .cparts-notes-block::after {
right: 10px;
}
}
/* 2カラム対策 */
@media (min-width: 768px) {
body[class*="column2"] #upper .cparts-id328,
body[id*="column02"] #upper .cparts-id328,
body[class*="column2"] .upper .cparts-id328,
body[class*="column2"] .siteblock-upper .cparts-id328,
body[class*="column2"] #main .cparts-id328,
body[id*="column02"] #main .cparts-id328,
body[class*="column2"] .main .cparts-id328,
body[class*="column2"] .siteblock-main .cparts-id328 {
margin-left: 0 !important;
margin-right: 0 !important;
width: 100% !important;
}
body[class*="column2"] #upper .cparts-id328 .cparts-footer-block,
body[id*="column02"] #upper .cparts-id328 .cparts-footer-block,
body[class*="column2"] .upper .cparts-id328 .cparts-footer-block,
body[class*="column2"] .siteblock-upper .cparts-id328 .cparts-footer-block,
body[class*="column2"] #main .cparts-id328 .cparts-footer-block,
body[id*="column02"] #main .cparts-id328 .cparts-footer-block,
body[class*="column2"] .main .cparts-id328 .cparts-footer-block,
body[class*="column2"] .siteblock-main .cparts-id328 .cparts-footer-block {
display: flex;
flex-direction: row;
justify-content: space-between;
position: static;
margin-top: 0;
max-width: none;
width: 100%;
}
body[class*="column2"] #upper .cparts-id328 .cparts-txt-block,
body[id*="column02"] #upper .cparts-id328 .cparts-txt-block,
body[class*="column2"] .upper .cparts-id328 .cparts-txt-block,
body[class*="column2"] .siteblock-upper .cparts-id328 .cparts-txt-block,
body[class*="column2"] #main .cparts-id328 .cparts-txt-block,
body[id*="column02"] #main .cparts-id328 .cparts-txt-block,
body[class*="column2"] .main .cparts-id328 .cparts-txt-block,
body[class*="column2"] .siteblock-main .cparts-id328 .cparts-txt-block {
width: 50%;
}
body[class*="column2"] #upper .cparts-id328 .cparts-txt-block + .cparts-txt-block,
body[id*="column02"] #upper .cparts-id328 .cparts-txt-block + .cparts-txt-block,
body[class*="column2"] .upper .cparts-id328 .cparts-txt-block + .cparts-txt-block,
body[class*="column2"] .siteblock-upper .cparts-id328 .cparts-txt-block + .cparts-txt-block,
body[class*="column2"] #main .cparts-id328 .cparts-txt-block + .cparts-txt-block,
body[id*="column02"] #main .cparts-id328 .cparts-txt-block + .cparts-txt-block,
body[class*="column2"] .main .cparts-id328 .cparts-txt-block + .cparts-txt-block,
body[class*="column2"] .siteblock-main .cparts-id328 .cparts-txt-block + .cparts-txt-block {
margin-top: 0;
width: calc(50% - 1px);
}
}
/* IE対応 */
_:-ms-input-placeholder, :root .cparts-id328 .cparts-img-block,
_:-ms-input-placeholder, :root .cparts-id328 .cparts-img-block,
_:-ms-input-placeholder, :root .cparts-id328 .cparts-img-block {
height: auto;
}
_:-ms-input-placeholder, :root .cparts-id328 .cparts-img-block img,
_:-ms-input-placeholder, :root .cparts-id328 .cparts-img-block img,
_:-ms-input-placeholder, :root .cparts-id328 .cparts-img-block img {
height: auto;
}
/* メイン画像_ver.18
======================================================= */
.cparts-id329 {
background-repeat: no-repeat !important;
background-size: cover !important;
display: block !important;
position: relative;
}
#header .freeParts .boxBottom > div.cparts-id329,
#upper .cparts-id329,
.header .cparts-id329,
.upper .cparts-id329,
.siteblock-header .cparts-id329,
.siteblock-upper .cparts-id329 {
margin-left: calc(50% - 50vw);
margin-right: calc(50% - 50vw);
width: 100vw;
}
.cparts-id329 .cparts-txt-block {
position: relative;
z-index: 1;
}
.cparts-id329 .cparts-img-block {
display: flex;
align-items: center;
/*height: auto;*/
justify-content: center;
padding: 100px 0;
width: 100%;
}
.cparts-id329 .cparts-txt-block {
animation: fadeIn-id329 1s ease-in-out 0.8s 1 forwards;
-webkit-animation: fadeIn-id329 1s ease-in-out 0.8s 1 forwards;
opacity: 0;
transform: translateY(20%);
max-width: calc(100% - 60px);
}
.cparts-id329 .cparts-notes-block > * {
margin-bottom: 30px !important;
}
.cparts-id329 .cparts-notes-block > *:last-child {
margin-bottom: 0 !important;
}
.cparts-id329__ttl {
background-color: transparent !important;
background-image: none !important;
border-top: none !important;
border-right: none !important;
border-bottom: none !important;
border-left: none !important;
box-shadow: none !important;
display: block !important;
margin-top: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
margin-bottom: 30px !important;
padding: 0 !important;
height: auto !important;
min-height: auto !important;
text-align: center !important;
text-shadow: none !important;
}
.cparts-id329__ttl:before,
.cparts-id329__ttl:after {
display: none !important;
}
/* アニメーション */
@keyframes fadeIn-id329 {
0% {opacity: 0; transform: translateY(20%);}
100% {opacity: 1; transform: translateY(0);}
}
@-webkit-keyframes fadeIn-id329 {
0% {opacity: 0; transform: translateY(20%);}
100% {opacity: 1; transform: translateY(0);}
}
/* スマホ以外 */
@media (min-width: 768px) {
.cparts-id329 {
background-attachment: fixed !important;
}
.cparts-id329 .cparts-txt-block {
max-width: 680px;
}
.cparts-id329__ttl {
font-size: 4rem;
margin-bottom: 50px !important;
}
}
/* タブレット以上 */
@media (min-width: 992px) {
#header .cparts-id329,
.header .cparts-id329,
.siteblock-header .cparts-id329 {
height: 100vh;
}
.cparts-id329 .cparts-img-block {
padding: 0;
}
.cparts-id329 .cparts-txt-block {
margin: 60px 0;
}
}
/* 2カラム対策 */
@media (min-width: 768px) {
body[class*="column2"] #upper .cparts-id329,
body[id*="column02"] #upper .cparts-id329,
body[class*="column2"] .upper .cparts-id329,
body[class*="column2"] .siteblock-upper .cparts-id329,
body[class*="column2"] #main .cparts-id329,
body[id*="column02"] #main .cparts-id329,
body[class*="column2"] .main .cparts-id329,
body[class*="column2"] .siteblock-main .cparts-id329 {
margin-left: 0 !important;
margin-right: 0 !important;
width: 100% !important;
}
}
/* メイン画像_ver.9～15
======================================================= */
/* バリエーション */
.cparts-mainvisual--sm.cparts-id320 .cparts-img-block img,
.cparts-mainvisual--sm.cparts-id321 .cparts-img-block img,
.cparts-mainvisual--sm.cparts-id322 .cparts-img-block img,
.cparts-mainvisual--sm.cparts-id323 .cparts-img-block img,
.cparts-mainvisual--sm.cparts-id324 .cparts-img-block img,
.cparts-mainvisual--sm.cparts-id325 .cparts-img-block img {
height: 50vh;
}
.cparts-mainvisual--md.cparts-id320 .cparts-img-block img,
.cparts-mainvisual--md.cparts-id321 .cparts-img-block img,
.cparts-mainvisual--md.cparts-id322 .cparts-img-block img,
.cparts-mainvisual--md.cparts-id323 .cparts-img-block img,
.cparts-mainvisual--md.cparts-id324 .cparts-img-block img,
.cparts-mainvisual--md.cparts-id325 .cparts-img-block img {
height: 70vh;
}
.cparts-mainvisual--lg.cparts-id320 .cparts-img-block img,
.cparts-mainvisual--lg.cparts-id321 .cparts-img-block img,
.cparts-mainvisual--lg.cparts-id322 .cparts-img-block img,
.cparts-mainvisual--lg.cparts-id323 .cparts-img-block img,
.cparts-mainvisual--lg.cparts-id324 .cparts-img-block img,
.cparts-mainvisual--lg.cparts-id325 .cparts-img-block img {
height: 90vh;
}
/* フルエディタ編集対策 */
body#header .cparts-mainvisual--sm .cparts-img-block,
body#header .cparts-mainvisual--md .cparts-img-block,
body#header .cparts-mainvisual--lg .cparts-img-block,
body#upper .cparts-mainvisual--sm .cparts-img-block,
body#upper .cparts-mainvisual--md .cparts-img-block,
body#upper .cparts-mainvisual--lg .cparts-img-block,
body#main .cparts-mainvisual--sm .cparts-img-block,
body#main .cparts-mainvisual--md .cparts-img-block,
body#main .cparts-mainvisual--lg .cparts-img-block,
body#side .cparts-mainvisual--sm .cparts-img-block,
body#side .cparts-mainvisual--md .cparts-img-block,
body#side .cparts-mainvisual--lg .cparts-img-block,
body#right .cparts-mainvisual--sm .cparts-img-block,
body#right .cparts-mainvisual--md .cparts-img-block,
body#right .cparts-mainvisual--lg .cparts-img-block,
body[id^="opt"] .cparts-mainvisual--sm .cparts-img-block,
body[id^="opt"] .cparts-mainvisual--md .cparts-img-block,
body[id^="opt"] .cparts-mainvisual--lg .cparts-img-block,
body#footer .cparts-mainvisual--sm .cparts-img-block,
body#footer .cparts-mainvisual--md .cparts-img-block,
body#footer .cparts-mainvisual--lg .cparts-img-block,
body#footer .cparts-mainvisual--sm .cparts-img-block img,
body#footer .cparts-mainvisual--md .cparts-img-block img,
body#footer .cparts-mainvisual--lg .cparts-img-block img,
body#header .cparts-mainvisual--sm .cparts-img-block img,
body#header .cparts-mainvisual--md .cparts-img-block img,
body#header .cparts-mainvisual--lg .cparts-img-block img,
body#upper .cparts-mainvisual--sm .cparts-img-block img,
body#upper .cparts-mainvisual--md .cparts-img-block img,
body#upper .cparts-mainvisual--lg .cparts-img-block img,
body#main .cparts-mainvisual--sm .cparts-img-block img,
body#main .cparts-mainvisual--md .cparts-img-block img,
body#main .cparts-mainvisual--lg .cparts-img-block img,
body#side .cparts-mainvisual--sm .cparts-img-block img,
body#side .cparts-mainvisual--md .cparts-img-block img,
body#side .cparts-mainvisual--lg .cparts-img-block img,
body#right .cparts-mainvisual--sm .cparts-img-block img,
body#right .cparts-mainvisual--md .cparts-img-block img,
body#right .cparts-mainvisual--lg .cparts-img-block img,
body[id^="opt"] .cparts-mainvisual--sm .cparts-img-block img,
body[id^="opt"] .cparts-mainvisual--md .cparts-img-block img,
body[id^="opt"] .cparts-mainvisual--lg .cparts-img-block img,
body#footer .cparts-mainvisual--sm .cparts-img-block img,
body#footer .cparts-mainvisual--md .cparts-img-block img,
body#footer .cparts-mainvisual--lg .cparts-img-block img,
body#header .cparts-id320 .cparts-img-block img,
body#header .cparts-id321 .cparts-img-block img,
body#header .cparts-id322 .cparts-img-block img,
body#header .cparts-id323 .cparts-img-block img,
body#header .cparts-id324 .cparts-img-block img,
body#header .cparts-id325 .cparts-img-block img,
body#upper .cparts-id320 .cparts-img-block img,
body#upper .cparts-id321 .cparts-img-block img,
body#upper .cparts-id322 .cparts-img-block img,
body#upper .cparts-id323 .cparts-img-block img,
body#upper .cparts-id324 .cparts-img-block img,
body#upper .cparts-id325 .cparts-img-block img,
body#main .cparts-id320 .cparts-img-block img,
body#main .cparts-id321 .cparts-img-block img,
body#main .cparts-id322 .cparts-img-block img,
body#main .cparts-id323 .cparts-img-block img,
body#main .cparts-id324 .cparts-img-block img,
body#main .cparts-id325 .cparts-img-block img,
body#bottom .cparts-id320 .cparts-img-block img,
body#bottom .cparts-id321 .cparts-img-block img,
body#bottom .cparts-id322 .cparts-img-block img,
body#bottom .cparts-id323 .cparts-img-block img,
body#bottom .cparts-id324 .cparts-img-block img,
body#bottom .cparts-id325 .cparts-img-block img,
body#side .cparts-id320 .cparts-img-block img,
body#side .cparts-id321 .cparts-img-block img,
body#side .cparts-id322 .cparts-img-block img,
body#side .cparts-id323 .cparts-img-block img,
body#side .cparts-id324 .cparts-img-block img,
body#side .cparts-id325 .cparts-img-block img,
body#right .cparts-id320 .cparts-img-block img,
body#right .cparts-id321 .cparts-img-block img,
body#right .cparts-id322 .cparts-img-block img,
body#right .cparts-id323 .cparts-img-block img,
body#right .cparts-id324 .cparts-img-block img,
body#right .cparts-id325 .cparts-img-block img,
body[id^="opt"] .cparts-id320 .cparts-img-block img,
body[id^="opt"] .cparts-id321 .cparts-img-block img,
body[id^="opt"] .cparts-id322 .cparts-img-block img,
body[id^="opt"] .cparts-id323 .cparts-img-block img,
body[id^="opt"] .cparts-id324 .cparts-img-block img,
body[id^="opt"] .cparts-id325 .cparts-img-block img,
body#footer .cparts-id320 .cparts-img-block img,
body#footer .cparts-id321 .cparts-img-block img,
body#footer .cparts-id322 .cparts-img-block img,
body#footer .cparts-id323 .cparts-img-block img,
body#footer .cparts-id324 .cparts-img-block img,
body#footer .cparts-id325 .cparts-img-block img {
height: auto !important;
}
body#header .cparts-id324 .cparts-img-block img,
body#upper .cparts-id324 .cparts-img-block img,
body#main .cparts-id324 .cparts-img-block img,
body#bottom .cparts-id324 .cparts-img-block img,
body#side .cparts-id324 .cparts-img-block img,
body#right .cparts-id324 .cparts-img-block img,
body[id^="opt"] .cparts-id324 .cparts-img-block img,
body#footer .cparts-id324 .cparts-img-block img {
min-height: 600px !important;
}
/* ----------------------------------------------------------------------------------------
2021.11 id311 - id319
---------------------------------------------------------------------------------------- */
/* バナー01
======================================================= */
div[class*="cparts-id311"]{
transition: .5s;
position: relative;
cursor: pointer;
}
div[class*="cparts-id311"]:hover{
opacity: .8;
}
div[class*="cparts-id311"] > div{
display: flex;
flex-wrap: wrap;
}
div[class*="cparts-id311"] .cparts-img-block{
width: 55%;
display: inline-block;
position: relative;
height: 210px;
overflow: hidden;
}
div[class*="cparts-id311"] .cparts-img-block img{
object-fit: cover;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: 100%;
width: 100%;
border-radius: 0;
}
div[class*="cparts-id311"] .cparts-img-block:before{
content: "";
height: 100%;
display: block;
position: absolute;
top: 0;
z-index: 5;
}
div[class*="cparts-id311"] .cparts-body-block{
width: 45%;
display: inline-flex;
flex-direction: column;
justify-content: center;
}
div[class*="cparts-id311"] ul{
margin: 0 0 15px;
padding: 0;
}
div[class*="cparts-id311"] li{
display: inline-block !important;
padding: 5px 15px !important;
border-radius: 100px;
border-style: solid !important;
border-width: 2px !important;
margin: 0 5px 5px 0 !important;
background: none !important;
text-indent: 0 !important;
}
div[class*="cparts-id311"] li:before,
div[class*="cparts-id311"] li:after{
display: none !important;
}
div[class*="cparts-id311"] .cparts-body-block h4{
font-size: 28px;
font-weight: bold;
margin-bottom: 15px;
margin-top: 15px;
margin-left: 0 !important;
margin-right: 0 !important;
padding: 0 !important;
border: none !important;
background-color: transparent !important;
background-image: none !important;
height: auto !important;
min-height: auto !important;
color: #fff;
line-height: 1.2;
text-align: left;
}
div[class*="cparts-id311"] .cparts-body-block h4:before,
div[class*="cparts-id311"] .cparts-body-block h4:after{
display: none;
}
div[class*="cparts-id311"] .cparts-body-block p{
margin: 0 0 10px;
}
div[class*="cparts-id311"] .cparts-body-block .cparts-txt-block p{
padding: 0;
background: none;
}
div[class*="cparts-id311"] .cparts-body-block p:last-child{
margin: 0;
}
div[class*="cparts-id311"] .cparts-foot-block{
position: absolute;
top: 0;
left: 15px;
bottom: 0;
right: 15px;
z-index: 10;
overflow: hidden;
}
div[class*="cparts-id311"] .cparts-foot-block *{
line-height: 9999px;
width: 100%;
height: 100%;
display: block;
}
/*type01a*/
.cparts-id311--01 .cparts-img-block:before{
right: 0;
width: 40%;
}
.cparts-id311--01 .cparts-body-block{
padding: 30px 30px 30px 0;
}
/*type01b*/
.cparts-id311--02 .cparts-img-block:before{
left: 0;
width: 40%;
}
.cparts-id311--02 .cparts-body-block{
padding: 30px 0 30px 40px;
}
/*type01c*/
.cparts-id311--03 .cparts-img-block:before{
left: 0;
width: 16%;
}
.cparts-id311--03 .cparts-img-block:after{
right: 0;
width: 16%;
content: "";
height: 100%;
display: block;
position: absolute;
top: 0;
}
.cparts-id311--03 .cparts-body-block{
padding: 30px 30px 30px 40px;
position: relative;
}
.cparts-id311--03 .cparts-body-block .cparts-notes-block{
position: absolute;
right: -85px;
margin: auto;
text-align: center;
z-index: 10;
}
.cparts-id311--03 .cparts-body-block .cparts-notes-block p{
display: inline-flex;
align-items: center;
justify-content: center;
height: 80px;
width: 80px;
border-radius: 100px;
font-weight: bold;
font-size: 20px;
margin-left: -20px;
box-shadow: 0 0 10px #000000a6;
}
/*type01d*/
.cparts-id311--04 .cparts-img-block:before{
right: 0;
width: 16%;
}
.cparts-id311--04 .cparts-img-block:after{
left: 0;
width: 16%;
content: "";
height: 100%;
display: block;
position: absolute;
top: 0;
}
.cparts-id311--04 .cparts-body-block{
padding: 30px 30px 30px 40px;
position: relative;
}
.cparts-id311--04 .cparts-body-block .cparts-notes-block{
position: absolute;
left: -85px;
margin: auto;
text-align: center;
z-index: 10;
}
.cparts-id311--04 .cparts-body-block .cparts-notes-block p{
display: inline-flex;
align-items: center;
justify-content: center;
height: 80px;
width: 80px;
border-radius: 100px;
font-weight: bold;
font-size: 20px;
margin-left: -20px;
box-shadow: 0 0 10px #000000a6;
}
/* 編集サイト対応 */
#cms_contents_area div[class*="cparts-id311"] .cparts-foot-block{
position: relative;
margin-top: 15px;
padding: 0 15px;
left: 0;
right: 0;
}
#cms_contents_area div[class*="cparts-id311"] .cparts-foot-block *{
line-height: 1.2;
height: auto;
display: unset;
}
/* 縦 */
div[class*="cparts-id311"].cparts-id311-column > div{
flex-direction: column;
}
div[class*="cparts-id311"].cparts-id311-column .cparts-img-block,
div[class*="cparts-id311"].cparts-id311-column .cparts-img-block img{
height: 230px !important;
}
div[class*="cparts-id311"].cparts-id311-column .cparts-img-block,
div[class*="cparts-id311"].cparts-id311-column .cparts-body-block{
width: 100%;
}
div.cparts-id311--01.cparts-id311-column .cparts-body-block{
padding: 10px 30px 30px;
}
div.cparts-id311--02.cparts-id311-column .cparts-body-block{
padding: 30px 30px 10px;
}
div.cparts-id311--01.cparts-id311-column .cparts-img-block:before{
top: unset;
bottom: 0;
width: 100%;
height: 40%;
}
div.cparts-id311--02.cparts-id311-column .cparts-img-block:before{
width: 100%;
height: 40%;
}
div.cparts-id311--03.cparts-id311-column .cparts-img-block:before{
left: 0;
width: 100%;
height: 16%;
}
div.cparts-id311--03.cparts-id311-column .cparts-img-block:after{
right: 0;
width: 100%;
height: 16%;
bottom: 0;
top: auto;
}
div.cparts-id311--03.cparts-id311-column .cparts-body-block .cparts-notes-block{
right: 0 !important;
left: 0 !important;
bottom: -60px;
}
div.cparts-id311--04.cparts-id311-column .cparts-img-block:before{
left: 0;
top: unset;
bottom: 0;
width: 100%;
height: 16%;
}
div.cparts-id311--04.cparts-id311-column .cparts-img-block:after{
right: 0;
width: 100%;
height: 16%;
top: 0;
}
div.cparts-id311--04.cparts-id311-column .cparts-body-block .cparts-notes-block{
right: 0 !important;
left: 0 !important;
top: -60px;
}
/* バナー02
======================================================= */
div[class*="cparts-id315"]{
transition: .5s;
position: relative;
cursor: pointer;
}
div[class*="cparts-id315"]:hover{
opacity: .8;
}
div[class*="cparts-id315"] > div{
display: flex;
flex-wrap: wrap;
}
div[class*="cparts-id315"] .cparts-img-block{
width: 100%;
display: inline-block;
position: relative;
height: 250px;
overflow: hidden;
}
div[class*="cparts-id315"] .cparts-img-block img{
object-fit: cover;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: 100%;
width: 100%;
border-radius: 0;
}
div[class*="cparts-id315"] .cparts-img-block:before{
content: "";
height: 100%;
display: block;
position: absolute;
top: 0;
}
div[class*="cparts-id315"] .cparts-body-block{
position: absolute;
width: 45%;
display: inline-flex;
flex-direction: column;
justify-content: center;
top: 0;
padding: 30px;
}
div[class*="cparts-id315"] .cparts-body-block .cparts-txt-block{
text-align: center;
}
div[class*="cparts-id315"] ul{
margin: 0 0 15px;
padding: 0;
}
div[class*="cparts-id315"] li{
display: inline-block !important;
padding: 5px 15px !important;
border-radius: 100px;
border-style: solid !important;
border-width: 2px !important;
margin: 0 5px 5px 0 !important;
background: none !important;
text-indent: 0 !important;
word-break: break-all;
}
div[class*="cparts-id315"] li:before,
div[class*="cparts-id315"] li:after{
display: none !important;
}
div[class*="cparts-id315"] .cparts-body-block h4{
font-size: 28px;
font-weight: bold;
margin-bottom: 15px !important;
margin-top: 15px !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding: 0 !important;
border: none !important;
background-color: transparent !important;
background-image: none !important;
height: auto !important;
min-height: auto !important;
color: #fff;
line-height: 1.2;
}
div[class*="cparts-id315"] .cparts-body-block h4:before,
div[class*="cparts-id315"] .cparts-body-block h4:after{
display: none;
}
div[class*="cparts-id315"] .cparts-body-block p{
margin: 0 0 10px;
}
div[class*="cparts-id315"] .cparts-body-block .cparts-txt-block p{
padding: 0;
background: none;
}
div[class*="cparts-id315"] .cparts-body-block p:last-child{
margin: 0;
}
div[class*="cparts-id315"] .cparts-foot-block{
position: absolute;
top: 0;
left: 15px;
bottom: 0;
right: 15px;
z-index: 10;
overflow: hidden;
}
div[class*="cparts-id315"] .cparts-foot-block *{
line-height: 9999px;
width: 100%;
height: 100%;
display: block;
}
div[class*="cparts-id315"] .cparts-body-block{
left: 15px;
margin: 15px;
}
div[class*="cparts-id315"].cparts-position--center .cparts-body-block{
left: 0;
right: 0;
margin: 15px auto;
}
div[class*="cparts-id315"].cparts-position--right .cparts-body-block{
right: 15px;
left: auto;
margin: 15px;
}
div.cparts-id315--02 .cparts-body-block h4{
color: #fff !important;
}
div.cparts-id315--02 .cparts-body-block{
border-style: solid;
border-width: 3px;
}
div.cparts-id315--02 .cparts-img-block img{
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
transition: .5s;
}
div.cparts-id315--02:hover{
opacity: 1;
}
div.cparts-id315--02:hover .cparts-img-block img{
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0);
-o-filter: grayscale(0);
filter: grayscale(0);
}
/* 編集サイト対応 */
#cms_contents_area div[class*="cparts-id315"] .cparts-foot-block{
position: relative;
margin-top: 15px;
padding: 0 15px;
left: 0;
right: 0;
}
#cms_contents_area div[class*="cparts-id315"] .cparts-foot-block *{
line-height: 1.2;
height: auto;
display: unset;
}
div[class*="cparts-id315"].cparts-id315-column .cparts-body-block{
right: 15px;
width: calc(100% - 60px);
}
/* バナー03
======================================================= */
div[class*="cparts-id317"]{
transition: .5s;
position: relative;
cursor: pointer;
}
div[class*="cparts-id317"]:hover{
opacity: .8;
}
div[class*="cparts-id317"] .cparts-body-block{
display: flex;
flex-wrap: wrap;
}
div[class*="cparts-id317"] .cparts-img-block{
width: 33.333%;
display: inline-block;
position: relative;
height: 210px;
overflow: hidden;
}
div[class*="cparts-id317"] .cparts-img-block img{
object-fit: cover;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: 100%;
width: 100%;
border-radius: 0;
}
div[class*="cparts-id317"] .cparts-img-block:before{
content: "";
height: 100%;
display: block;
position: absolute;
top: 0;
}
div[class*="cparts-id317"] .cparts-txt-block{
width: 33.333%;
display: inline-flex;
flex-direction: column;
justify-content: center;
padding: 30px;
text-align: center;
}
div[class*="cparts-id317"] ul{
margin: 0 0 15px;
padding: 0;
text-align: center;
}
div[class*="cparts-id317"] li{
display: inline-block !important;
padding: 5px 15px !important;
border-radius: 100px;
border: 2px solid !important;
margin: 0 5px 5px 0 !important;
background: none !important;
text-indent: 0 !important;
}
div[class*="cparts-id317"] li:before,
div[class*="cparts-id317"] li:after{
display: none !important;
}
div[class*="cparts-id317"] .cparts-txt-block h4{
font-size: 28px;
font-weight: bold;
margin-bottom: 15px !important;
margin-top: 15px !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding: 0 !important;
border: none !important;
background-color: transparent !important;
background-image: none !important;
height: auto !important;
min-height: auto !important;
color: #fff;
line-height: 1.2;
}
div[class*="cparts-id317"] .cparts-txt-block h4:before,
div[class*="cparts-id317"] .cparts-txt-block h4:after{
display: none;
}
div[class*="cparts-id317"] .cparts-txt-block p{
margin: 0 0 10px;
}
div[class*="cparts-id317"] .cparts-body-block .cparts-txt-block p{
padding: 0;
background: none;
}
div[class*="cparts-id317"] .cparts-txt-block p:last-child{
margin: 0;
}
div[class*="cparts-id317"] .cparts-foot-block{
position: absolute;
top: 0;
left: 15px;
bottom: 0;
right: 15px;
z-index: 10;
overflow: hidden;
}
div[class*="cparts-id317"] .cparts-foot-block *{
line-height: 9999px;
width: 100%;
height: 100%;
display: block;
}
/* 編集サイト対応 */
#cms_contents_area div[class*="cparts-id317"] .cparts-txt-block > div{
width: 100% !important;
}
#cms_contents_area div[class*="cparts-id317"] .cparts-foot-block{
position: relative;
margin-top: 15px;
padding: 0 15px;
left: 0;
right: 0;
}
#cms_contents_area div[class*="cparts-id317"] .cparts-foot-block *{
line-height: 1.2;
height: auto;
}
/*縦*/
div[class*="cparts-id317"].cparts-id317-column .cparts-img-block,
div[class*="cparts-id317"].cparts-id317-column .cparts-img-block img{
height: 230px !important;
}
div[class*="cparts-id317"].cparts-id317-column .cparts-img-block,
div[class*="cparts-id317"].cparts-id317-column .cparts-txt-block{
width: 100% !important;
}
/* バナー04
======================================================= */
div[class*="cparts-id318"] > div{
position: relative;
transition: .5s;
margin-bottom: 15px;
}
div[class*="cparts-id318"] > div:hover{
opacity: .7;
}
div[class*="cparts-id318"] .cparts-img-block{
position: relative;
height: 400px;
overflow: hidden;
}
div[class*="cparts-id318"] .cparts-img-block img{
overflow: hidden;
object-fit: cover;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: 100%;
width: 100%;
border-radius: 0;
}
div[class*="cparts-id318"] .cparts-txt-block p{
margin: 0 0 10px;
}
div[class*="cparts-id318"] .cparts-body-block .cparts-txt-block p{
padding: 0;
background: none;
}
div[class*="cparts-id318"] .cparts-txt-block p:last-child{
margin: 0;
}
div[class*="cparts-id318"] ul{
margin: 0 0 15px;
padding: 0;
text-align: center;
}
div[class*="cparts-id318"] li{
display: inline-block !important;
padding: 5px 15px !important;
border-radius: 100px;
border-style: solid !important;
border-width: 2px !important;
margin: 0 5px 5px 0 !important;
background: none !important;
text-indent: 0 !important;
}
div[class*="cparts-id318"] li:before,
div[class*="cparts-id318"] li:after{
display: none !important;
}
div[class*="cparts-id318"] .cparts-foot-block{
position: absolute;
top: 0;
left: 15px;
bottom: 0;
right: 15px;
z-index: 10;
overflow: hidden;
}
div[class*="cparts-id318"] .cparts-foot-block *{
line-height: 9999px;
width: 100%;
height: 100%;
display: block;
}
.cparts-id318--01 .cparts-body-block{
position: absolute;
top: 15px;
left: 30px;
right: 30px;
margin: 15px;
padding: 30px;
}
div.cparts-id318--01 div.cparts-body-block.dec-bg--dark.dec-bg-pe--dark {
background-color: transparent !important;
}
.cparts-id318--01 .cparts-body-block.dec-bg--dark.dec-bg-pe--dark::before {
content: "";
display: block;
opacity: .75;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.cparts-id318--01 .cparts-body-block .cparts-txt-block{
position: relative;
text-align: center;
z-index: 2;
}
.cparts-id318--01 .cparts-txt-block h4{
font-size: 28px;
font-weight: bold;
margin-bottom: 15px !important;
margin-top: 15px !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding: 0 !important;
border: none !important;
background-color: transparent !important;
background-image: none !important;
height: auto !important;
min-height: auto !important;
color: #fff !important;
line-height: 1.2;
}
.cparts-id318--01 .cparts-txt-block h4:before,
.cparts-id318--01 .cparts-txt-block h4:after{
display: none;
}
.cparts-id318--02 .cparts-head-block{
position: absolute;
top: 30px;
right: 15px;
background: #fff;
max-width: calc(90% - 15px);
}
.cparts-id318--02 .cparts-head-block .cparts-id318--01__ttl{
padding: 15px !important;
margin: 0 !important;
text-align: left;
background-color: transparent !important;
background-image: none !important;
border-top: none !important;
border-right: none !important;
border-bottom: none !important;
border-left: none !important;
box-shadow: none !important;
display: block !important;
height: auto !important;
min-height: auto !important;
}
.cparts-id318--02 .cparts-head-block .cparts-id318--01__ttl:before,
.cparts-id318--02 .cparts-head-block .cparts-id318--01__ttl:after{
display: none !important;
}
.cparts-id318--02 .cparts-body-block{
padding: 15px;
}
div.cparts-id318--02 .cparts-img-block,
div.cparts-id318--02 .cparts-img-block img{
height: 200px;
}
/* 編集サイト対応 */
#cms_contents_area div[class*="cparts-id318"] .cparts-foot-block{
position: unset;
margin-top: 15px;
}
#cms_contents_area div[class*="cparts-id318"] .cparts-foot-block *{
line-height: 1.2;
height: auto;
}
#cms_contents_area div[class*="cparts-id318"] .cparts-foot-block p{
padding: 0;
}
#cms_contents_area div[class*="cparts-id318"] .cparts-body-block .cparts-txt-block > div{
width: 100% !important;
}
/* IE対応 */
_:-ms-input-placeholder, :root div[class*="cparts-id311"] .cparts-img-block img,
_:-ms-input-placeholder, :root div[class*="cparts-id315"] .cparts-img-block img,
_:-ms-input-placeholder, :root div[class*="cparts-id317"] .cparts-img-block img,
_:-ms-input-placeholder, :root div[class*="cparts-id318"] .cparts-img-block img{
height: auto !important;
}
/* ----------------------------------------------------------------------------------------
2022.07 id402
---------------------------------------------------------------------------------------- */
/* メイン画像_ver.19
======================================================= */
.cparts-id402 {
margin-left: calc(((100vw - 100%) / 2) * -1) !important;
padding-left: 0 !important;
padding-right: 0 !important;
position: relative;
width: 100vw !important;
max-width: none !important;
}
.cparts-id402 .cparts-body-block {
background-size: 100%;
padding: 0 40px 0;
width: 100%;
}
.cparts-id402 .cparts-body-block > div {
align-items: center;
padding-top: 100px;
padding-bottom: 80px;
}
.cparts-id402 .cparts-id402__ttl {
font-size: 70px;
word-break: break-word;
display: block;
margin: 0 0 15px !important;
padding: 0 !important;
background-color: transparent !important;
background-image: none !important;
border: none !important;
box-shadow: none !important;
line-height: 1.2 !important;
text-align: left !important;
min-height: auto !important;
}
.cparts-id402 .cparts-id402__ttl:before,
.cparts-id402 .cparts-id402__ttl:after {
display: none;
}
.cparts-id402 .cparts-notes-block p {
text-align: left;
font-size: 16px;
}
.cparts-id402 .cparts-notes-block p:last-child {
margin-bottom: 0;
}
.cparts-id402 .cparts-body-block .cparts-img-block {
position: relative;
text-align: center;
z-index: 1;
}
.cparts-id402 .cparts-body-block .cparts-img-block img {
height: auto;
width: auto;
}
.cparts-id402 canvas {
display: block;
width: 100%;
padding: 0 !important;
transform: rotate(180deg);
}
.cparts-id402 canvas.dec-wavebar__02,
.cparts-id402 canvas.dec-wavebar__03 {
position: absolute;
bottom: 0;
left: 0;
}
.cparts-mainvisual--sm.cparts-id402 .cparts-img-block,
.cparts-mainvisual--md.cparts-id402 .cparts-img-block,
.cparts-mainvisual--lg.cparts-id402 .cparts-img-block {
display: flex;
align-items: center;
}
@media (min-width: 768px) {
body[class*="column2"] #upper .cparts-id402,
body[id*="column02"] #upper .cparts-id402,
body[class*="column2"] .upper .cparts-id402,
body[class*="column2"] .siteblock-upper .cparts-id402,
body[class*="column2"] #main .cparts-id402,
body[id*="column02"] #main .cparts-id402,
body[class*="column2"] .main .cparts-id402,
body[class*="column2"] .siteblock-main .cparts-id402 {
margin-left: 0 !important;
margin-right: 0 !important;
width: 100% !important;
}
}
@media screen and (max-width: 767px) {
.cparts-id402 .cparts-body-block {
padding: 0 !important;
}
.cparts-id402 .cparts-id402__ttl {
font-size: 42px;
text-align: center;
}
.cparts-id402 .cparts-notes-block p {
text-align: center;
}
.cparts-id402 .cparts-body-block > div {
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.cparts-id402 .cparts-body-block .cparts-img-block {
width: 70%;
margin-top: 30px !important;
}
.cparts-id402 .cparts-body-block .cparts-img-block,
.cparts-id402 .cparts-body-block .cparts-txt-block {
width: 100% !important;
max-width: 100% !important;
flex: none;
}
.cparts-id402 canvas.dec-wavebar__01,
.cparts-id402 canvas.dec-wavebar__02,
.cparts-id402 canvas.dec-wavebar__03 {
margin-top: -1px;
}
}
/* ----------------------------------------------------------------------------------------
2022.09 id403～
---------------------------------------------------------------------------------------- */
/* スマホ時に横スクロールが必要な表組の親DIV用classの調整
======================================================= */
.lay-row .cparts-table-block {
margin-left: 0;
margin-right: 0;
width: 100%;
}
@media (min-width: 768px) {
.lay-row .cparts-table-block {
margin-bottom: 0;
}
}
/* 画像5枚組み合わせ
======================================================= */
[class*="cparts-id425"] .cparts-body-block,
[class*="cparts-id85"] .cparts-body-block{
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(3, auto);
grid-column-gap: 15px;
grid-row-gap: 15px;
}
[class*="cparts-id425"] .cparts-img-block,
[class*="cparts-id85"] .cparts-img-block {
overflow: hidden;
}
[class*="cparts-id425"] .cparts-img-block img,
[class*="cparts-id85"] .cparts-img-block img {
object-fit: cover;
height: 100%;
width: 100%;
}
.cparts-id425--01 .cparts-partsblock--01, .cparts-id85--01 .cparts-partsblock--01 { grid-area: 1 / 1 / 2 / 2; }
.cparts-id425--01 .cparts-partsblock--02, .cparts-id85--01 .cparts-partsblock--02 { grid-area: 1 / 2 / 2 / 3; }
.cparts-id425--01 .cparts-partsblock--03, .cparts-id85--01 .cparts-partsblock--03 { grid-area: 2 / 1 / 3 / 3; }
.cparts-id425--01 .cparts-partsblock--04, .cparts-id85--01 .cparts-partsblock--04 { grid-area: 3 / 1 / 4 / 2; }
.cparts-id425--01 .cparts-partsblock--05, .cparts-id85--01 .cparts-partsblock--05 { grid-area: 3 / 2 / 4 / 3; }
.cparts-id425--02 .cparts-partsblock--01, .cparts-id85--02 .cparts-partsblock--01 { grid-area: 1 / 1 / 2 / 3; }
.cparts-id425--02 .cparts-partsblock--02, .cparts-id85--02 .cparts-partsblock--02 { grid-area: 2 / 1 / 3 / 2; }
.cparts-id425--02 .cparts-partsblock--03, .cparts-id85--02 .cparts-partsblock--03 { grid-area: 2 / 2 / 3 / 3; }
.cparts-id425--02 .cparts-partsblock--04, .cparts-id85--02 .cparts-partsblock--04 { grid-area: 3 / 1 / 4 / 2; }
.cparts-id425--02 .cparts-partsblock--05, .cparts-id85--02 .cparts-partsblock--05 { grid-area: 3 / 2 / 4 / 3; }
.cparts-id425--03 .cparts-partsblock--01, .cparts-id85--03 .cparts-partsblock--01 { grid-area: 1 / 1 / 2 / 2; }
.cparts-id425--03 .cparts-partsblock--02, .cparts-id85--03 .cparts-partsblock--02 { grid-area: 1 / 2 / 2 / 3; }
.cparts-id425--03 .cparts-partsblock--03, .cparts-id85--03 .cparts-partsblock--03 { grid-area: 2 / 1 / 3 / 2; }
.cparts-id425--03 .cparts-partsblock--04, .cparts-id85--03 .cparts-partsblock--04 { grid-area: 2 / 2 / 3 / 3; }
.cparts-id425--03 .cparts-partsblock--05, .cparts-id85--03 .cparts-partsblock--05 { grid-area: 3 / 1 / 4 / 3; }
@media (min-width: 768px) {
.cparts-id425--01 .cparts-body-block,
.cparts-id85--01 .cparts-body-block {
grid-template-columns: 1fr 2fr 1fr;
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.cparts-id425--01 .cparts-partsblock--01, .cparts-id85--01 .cparts-partsblock--01 { grid-area: 1 / 1 / 2 / 2; }
.cparts-id425--01 .cparts-partsblock--02, .cparts-id85--01 .cparts-partsblock--02 { grid-area: 2 / 1 / 3 / 2; }
.cparts-id425--01 .cparts-partsblock--03, .cparts-id85--01 .cparts-partsblock--03 { grid-area: 1 / 2 / 3 / 3; }
.cparts-id425--01 .cparts-partsblock--04, .cparts-id85--01 .cparts-partsblock--04 { grid-area: 1 / 3 / 2 / 4; }
.cparts-id425--01 .cparts-partsblock--05, .cparts-id85--01 .cparts-partsblock--05 { grid-area: 2 / 3 / 3 / 4; }
.cparts-id425--02 .cparts-body-block,
.cparts-id85--02 .cparts-body-block {
grid-template-columns: 2fr repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.cparts-id425--02 .cparts-partsblock--01, .cparts-id85--02 .cparts-partsblock--01 { grid-area: 1 / 1 / 3 / 2; }
.cparts-id425--02 .cparts-partsblock--02, .cparts-id85--02 .cparts-partsblock--02 { grid-area: 1 / 2 / 2 / 3; }
.cparts-id425--02 .cparts-partsblock--03, .cparts-id85--02 .cparts-partsblock--03 { grid-area: 1 / 3 / 2 / 4; }
.cparts-id425--02 .cparts-partsblock--04, .cparts-id85--02 .cparts-partsblock--04 { grid-area: 2 / 2 / 3 / 3; }
.cparts-id425--02 .cparts-partsblock--05, .cparts-id85--02 .cparts-partsblock--05 { grid-area: 2 / 3 / 3 / 4; }
.cparts-id425--03 .cparts-body-block,
.cparts-id85--03 .cparts-body-block {
grid-template-columns: repeat(2, 1fr) 2fr;
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.cparts-id425--03 .cparts-partsblock--01, .cparts-id85--03 .cparts-partsblock--01 { grid-area: 1 / 1 / 2 / 2; }
.cparts-id425--03 .cparts-partsblock--02, .cparts-id85--03 .cparts-partsblock--02 { grid-area: 1 / 2 / 2 / 3; }
.cparts-id425--03 .cparts-partsblock--03, .cparts-id85--03 .cparts-partsblock--03 { grid-area: 2 / 1 / 3 / 2; }
.cparts-id425--03 .cparts-partsblock--04, .cparts-id85--03 .cparts-partsblock--04 { grid-area: 2 / 2 / 3 / 3; }
.cparts-id425--03 .cparts-partsblock--05, .cparts-id85--03 .cparts-partsblock--05 { grid-area: 1 / 3 / 3 / 4; }
}
/* 余白調整
======================================================= */
@media (min-width: 768px) {
[class*="cparts-id416"] .lay-margin-b--3 {
margin-bottom: 0 !important;
}
}
/* テキスト回り込みタイプ
======================================================= */
@media (max-width: 767px) {
[class*="cparts-id439"] .cparts-img-block[class*="lay-img-float"] {
float: none;
margin-right: 0;
margin-left: 0;
}
[class*="cparts-id439"] .cparts-img-block[class*="lay-img-float"] img {
display: block;
height: auto;
width: 100%;
max-width: none;
}
.cparts-id439--01 .clearfix {
display: flex;
flex-direction: column;
}
.cparts-id439--01 .cparts-txt-block {
order: 1;
}
.cparts-id439--01 .cparts-img-block {
order: 2;
margin-bottom: 0;
}
.cparts-id439--01 .cparts-txt-block,
.cparts-id439--02 .cparts-img-block {
margin-bottom: 10px;
}
[class*="cparts-id453"] .cparts-img-block[class*="lay-img-float"] img {
max-width: 25vw;
}
}
/* ----------------------------------------------------------------------------------------
2023.01 id456～
---------------------------------------------------------------------------------------- */
/* H2それぞれの調整
======================================================= */
/* id456、457 */
.cparts-id456,
.cparts-id457 {
background-color: transparent !important;
box-shadow: none !important;
color: currentColor !important;
min-height: auto !important;
letter-spacing: .05em;
margin-top: 64px;
margin-right: 0 !important;
margin-bottom: 56px;
margin-left: 0 !important;
position: static !important;
padding-top: 0;
padding-right: 0 !important;
padding-left: 0 !important;
padding-bottom: 0;
}
.cparts-id456::after,
.cparts-id457::after {
display: none !important;
}
#bootstrap_template h2.cparts-id456,
#bootstrap_template h2.cparts-id457 {
background-image: none;
}
/* id456 */
.cparts-id456 {
border: none !important;
display: flex !important;
flex-direction: column;
align-items: center;
padding-top: 0 !important;
}
.cparts-id456::before,
.cparts-id456.cparts-h2decoration--bottomhorizontal::before {
background-color: currentColor !important;
border: none !important;
content: "";
display: block !important;
margin-top: 40px !important;
mask: none !important;
-webkit-mask: none !important;
height: 1px !important;
opacity: 1 !important;
order: 1 !important;
position: static !important;
transform: rotate(0deg) !important;
width: 100px !important;
max-width: 80% !important;
}
.cparts-id456.cparts-h2decoration--tophorizontal::before {
order: 0 !important;
margin-top: 0 !important;
margin-bottom: 40px !important;
}
.cparts-id456.cparts-h2decoration--topvertical::before {
order: 0 !important;
margin-top: 0 !important;
margin-bottom: 40px !important;
height: 80px !important;
width: 1px !important;
}
.cparts-id456.cparts-h2decoration--bottomvertical::before {
order: 1 !important;
margin-top: 40px !important;
margin-bottom: 0 !important;
height: 80px !important;
width: 1px !important;
}
/* id457 */
.cparts-id457 {
display: block !important;
padding-top: 64px;
position: relative !important;
}
[style*="display: none;"].cparts-id456 {
display: flex !important;
}
.cparts-id457:not(.cparts-h2decoration--linediagonal) {
border: none !important;
}
.cparts-id457.cparts-h2decoration--linediagonal {
border-width: 0px;
}
.cparts-id457::before,
.cparts-id457.cparts-h2decoration--linesolid::before {
background-color: transparent !important;
border-top-style: solid !important;
border-top-width: 1px !important;
border-right: none !important;
border-bottom: none !important;
border-left: none !important;
content: "";
display: block !important;
height: 0 !important;
opacity: 1 !important;
position: absolute !important;
top: 0 !important;
right: auto !important;
bottom: auto !important;
left: auto !important;
margin-top: 0;
margin-right: calc(50% - 50vw) !important;
margin-left: calc(50% - 50vw) !important;
margin-bottom: 0;
mask: none !important;
-webkit-mask: none !important;
padding: 0;
text-align: center;
transform: rotate(0deg) !important;
width: 100vw !important;
}
.cparts-id457.cparts-h2decoration--linedotted::before {
border-top-style: dotted !important;
}
.cparts-id457.cparts-h2decoration--linestereo::before {
box-shadow: 0 1px 0 0 rgba(255,255,255,.85);
}
.cparts-id457.cparts-h2decoration--linediagonal::before {
background-image: repeating-linear-gradient(45deg, #ccc 0, #ccc 1px, transparent 0, transparent 50%);
background-size: 8px 8px;
border: none !important;
height: 8px !important;
}
/* id:458~ */
[class*="cparts-id458--"] {
padding-top: 64px;
padding-bottom: 56px;
}
[class*="cparts-id458--"] [class*="__ttl"] {
box-shadow: none !important;
color: currentColor !important;
display: flex !important;
flex-direction: column;
flex-wrap: wrap;
letter-spacing: .05em;
min-height: auto !important;
}
[class*="cparts-id458--"] [class*="__ttl"]::before,
[class*="cparts-id458--"] [class*="__ttl"]::after {
display: none !important;
opacity: 1 !important;
position: static !important;
mask: none !important;
-webkit-mask: none !important;
transform: rotate(0deg) !important;
}
[class*="cparts-id458--"] .cparts-notes-block,
[class*="cparts-id458--"].cparts-h2sub--bottom .cparts-notes-block {
font-size: .6em;
margin-top: 16px;
}
[class*="cparts-id458--"].cparts-h2sub--top .cparts-txt-block,
[class*="cparts-id458--"].cparts-h2sub--left .cparts-txt-block{
order: 2;
}
[class*="cparts-id458--"].cparts-h2sub--top .cparts-notes-block,
[class*="cparts-id458--"].cparts-h2sub--left .cparts-notes-block {
order: 1;
}
[class*="cparts-id458--"].cparts-h2sub--top .cparts-notes-block {
margin-top: 0;
margin-bottom: 16px;
}
[class*="cparts-id458--"].cparts-h2sub--right [class*="__ttl"],
[class*="cparts-id458--"].cparts-h2sub--left [class*="__ttl"] {
flex-direction: row;
align-items: center;
}
[class*="cparts-id458--"].cparts-h2sub--right .cparts-notes-block {
margin-top: 0;
margin-left: 24px;
}
[class*="cparts-id458--"].cparts-h2sub--left .cparts-notes-block {
margin-top: 0;
margin-right: 24px;
}
/* id:458--02 */
.cparts-id458--02 .cparts-txt-block {
position: relative;
z-index: 1;
}
.cparts-id458--02 .cparts-notes-block,
.cparts-id458--02.cparts-h2sub--bottom .cparts-id458--02__ttl .cparts-notes-block {
font-weight: bold;
font-size: min(2em,8vw);
letter-spacing: 0;
}
.cparts-id458--02 .cparts-notes-block,
.cparts-id458--02.cparts-h2sub--bottom .cparts-notes-block {
margin-top: -16px !important;
}
.cparts-id458--02.cparts-h2sub--top .cparts-notes-block {
margin-bottom: -16px !important;
}
.cparts-id458--02.cparts-h2sub--right .cparts-id458--02__ttl,
.cparts-id458--02.cparts-h2sub--left .cparts-id458--02__ttl {
flex-direction: column;
align-items: flex-start;
}
.cparts-id458--02.cparts-h2sub--right .cparts-txt-block,
.cparts-id458--02.cparts-h2sub--left .cparts-txt-block {
order: 2;
}
.cparts-id458--02.cparts-h2sub--right .cparts-notes-block,
.cparts-id458--02.cparts-h2sub--left .cparts-notes-block {
order: 1;
margin-bottom: -16px !important;
}
.cparts-id458--02.cparts-h2sub--left .cparts-txt-block {
margin-left: 48px;
}
.cparts-id458--02.cparts-h2sub--left .cparts-notes-block {
margin-right: 0;
}
/* id:458--03 */
.cparts-id458--03 .cparts-notes-block > span {
line-height: 1.7;
padding: 8px;
}
/* id:458--04 */
.cparts-id458--04 .cparts-id458--04__ttl,
.cparts-id458--04.cparts-h2sub--bottom .cparts-id458--04__ttl,
.cparts-id458--04.cparts-h2sub--top .cparts-id458--04__ttl {
text-align: center !important;
}
.cparts-id458--04 .cparts-notes-block::before,
.cparts-id458--04.cparts-h2sub--bottom .cparts-notes-block::before,
.cparts-id458--04.cparts-h2sub--top .cparts-notes-block::after {
background-color: currentColor;
content: "";
display: block;
height: 24px;
margin-bottom: 24px;
margin-right: auto;
margin-left: auto;
width: 1px
}
.cparts-id458--04.cparts-h2sub--top .cparts-notes-block::before,
.cparts-id458--04.cparts-h2sub--left .cparts-notes-block::before {
display: none;
}
.cparts-id458--04.cparts-h2sub--top .cparts-notes-block::after {
margin-top: 24px;
margin-bottom: 0;
}
.cparts-id458--04.cparts-h2sub--right .cparts-notes-block,
.cparts-id458--04.cparts-h2sub--left .cparts-notes-block {
display: flex;
align-items: center;
}
.cparts-id458--04.cparts-h2sub--right .cparts-notes-block::before,
.cparts-id458--04.cparts-h2sub--left .cparts-notes-block::after {
background-color: currentColor;
content: "";
display: inline-block;
height: 1px;
margin-bottom: 0;
width: 24px;
}
.cparts-id458--04.cparts-h2sub--right .cparts-notes-block::before {
margin-right: 24px;
}
.cparts-id458--04.cparts-h2sub--left .cparts-notes-block::after {
margin-left: 24px;
}
/* id:458--05 */
.cparts-id458--05 .cparts-notes-block > span {
display: inline-block;
position: relative;
padding-right: 24px;
padding-left: 24px;
}
.cparts-id458--05 .cparts-notes-block > span::before,
.cparts-id458--05 .cparts-notes-block > span::after {
content: "";
border-top: 1px solid currentColor;
border-bottom: 1px solid currentColor;
position: absolute;
top: 0;
bottom: 0;
width: 4px;
}
.cparts-id458--05 .cparts-notes-block > span::before {
border-left: 1px solid currentColor;
left: 0;
margin-right: 16px;
}
.cparts-id458--05 .cparts-notes-block > span::after {
border-right: 1px solid currentColor;
right: 0;
margin-left: 16px;
}
/* id:458--06 */
.cparts-id458--06,
.cparts-id458--06.cparts-h2img--right {
display: flex;
justify-content: flex-start;
margin-top: 64px;
margin-bottom: 56px;
padding-top: 0;
padding-bottom: 0;
position: relative;
}
.cparts-id458--06.cparts-h2img--left {
justify-content: flex-end;
}
.cparts-id458--06::before {
content: "";
position: absolute;
top: 0;
right: calc(50% - 50vw);
bottom: 20%;
left: calc(50% - 50vw);
width: 100vw;
}
.cparts-id458--06 .cparts-id458--06__ttl,
.cparts-id458--06.cparts-h2img--right .cparts-id458--06__ttl {
font-weight: bold;
padding: 150px 0 30px !important;
position: relative;
text-align: left !important;
z-index: 3;
}
.cparts-id458--06 .cparts-id458--06__ttl .cparts-txt-block,
.cparts-id458--06.cparts-h2img--right .cparts-id458--06__ttl .cparts-txt-block,
.cparts-id458--06 .cparts-id458--06__ttl .cparts-notes-block,
.cparts-id458--06.cparts-h2img--right .cparts-id458--06__ttl .cparts-notes-block {
text-align: left !important;
}
.cparts-id458--06 .cparts-id458--06__ttl {
width: auto !important;
}
.cparts-id458--06 .cparts-notes-block {
margin-top: 24px;
}
.cparts-id458--06 .cparts-img-block,
.cparts-id458--06.cparts-h2img--right .cparts-img-block {
height: 85%;
overflow: hidden;
position: absolute;
bottom: 0;
right: calc(50% - 50vw);
width: 70vw;
z-index: 2;
}
.cparts-id458--06.cparts-h2img--left .cparts-img-block {
right: auto;
left: calc(50% - 50vw);
}
.cparts-id458--06 .cparts-img-block img {
border: none !important;
object-fit: cover;
height: 100%;
width: 100%;
}
/* id:458--07 */
.cparts-id458--07 {
background-repeat: no-repeat !important;
background-size: cover !important;
background-position: center center;
margin-top: 64px;
margin-right: calc(50% - 50vw) !important;
margin-bottom: 56px;
margin-left: calc(50% - 50vw) !important;
padding-top: 100px;
padding-right: calc((50% - 50vw) * -1) !important;
padding-bottom: 100px;
padding-left: calc((50% - 50vw) * -1) !important;
position: relative;
}
.cparts-id458--07::before {
content: "";
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: .25;
}
.cparts-id458--07__ttl {
position: relative;
z-index: 2;
}
/* id:458--08 */
.cparts-id458--08__ttl {
align-items: center;
}
.cparts-id458--08 .cparts-txt-block {
writing-mode: vertical-rl;
}
.cparts-id458--08 .cparts-notes-block,
.cparts-id458--08.cparts-h2sub--bottom .cparts-notes-block {
margin-top: 0 !important;
}
.cparts-id458--08 .cparts-notes-block::before,
.cparts-id458--08.cparts-h2sub--bottom .cparts-notes-block::before {
background-color: currentColor;
content: "";
display: block !important;
margin: 40px auto;
height: 1px;
width: 100px;
max-width: 80%;
}
.cparts-id458--08.cparts-h2sub--top .cparts-notes-block {
margin-bottom: 0 !important;
}
.cparts-id458--08.cparts-h2sub--top .cparts-notes-block::before,
.cparts-id458--08.cparts-h2sub--left .cparts-notes-block::before {
display: none !important;
}
.cparts-id458--08.cparts-h2sub--top .cparts-notes-block::after,
.cparts-id458--08.cparts-h2sub--left .cparts-notes-block::after {
background-color: currentColor;
content: "";
display: block !important;
margin: 40px auto;
height: 1px;
width: 100px;
max-width: 80%;
}
.cparts-id458--08.cparts-h2sub--right .cparts-id458--08__ttl,
.cparts-id458--08.cparts-h2sub--left .cparts-id458--08__ttl {
align-items: flex-end;
flex-wrap: nowrap;
}
.cparts-id458--08.cparts-h2sub--left .cparts-id458--08__ttl {
justify-content: flex-end;
}
.cparts-id458--08.cparts-h2sub--right .cparts-notes-block,
.cparts-id458--08.cparts-h2sub--left .cparts-notes-block {
display: flex;
align-items: center;
margin: 0;
text-align: left;
}
.cparts-id458--08.cparts-h2sub--right .cparts-notes-block::before,
.cparts-id458--08.cparts-h2sub--left .cparts-notes-block::after {
height: 100px;
width: 1px;
}
.cparts-id458--08.cparts-h2sub--right .cparts-notes-block::before {
margin: 0 6vw 0 10vw;
}
.cparts-id458--08.cparts-h2sub--left .cparts-notes-block::after {
margin: 0 10vw 0 6vw;
}
/* id:458--09 */
.cparts-id458--09 .cparts-img-block,
.cparts-id458--09.cparts-h2icon--top .cparts-img-block {
margin-bottom: 24px;
}
.cparts-id458--09.cparts-h2icon--bottom .cparts-img-block {
font-size: .6em;
margin-bottom: 0;
margin-top: 24px;
}
.cparts-id458--09.cparts-h2icon--bottom .cparts-txt-block,
.cparts-id458--09.cparts-h2icon--right .cparts-txt-block{
order: 1;
}
.cparts-id458--09.cparts-h2icon--bottom .cparts-img-block,
.cparts-id458--09.cparts-h2icon--right .cparts-img-block {
order: 2;
}
.cparts-id458--09.cparts-h2icon--right .cparts-id458--09__ttl,
.cparts-id458--09.cparts-h2icon--left .cparts-id458--09__ttl {
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
}
.cparts-id458--09.cparts-h2icon--right .cparts-img-block {
margin-bottom: 0;
margin-left: 24px;
min-width: 50px;
}
.cparts-id458--09.cparts-h2icon--left .cparts-img-block {
margin-bottom: 0;
margin-right: 24px;
min-width: 50px;
}
.cparts-id458--09 .cparts-img-block img {
border: none !important;
height: auto;
width: auto;
max-width: 100%;
}
/* id:467 */
.cparts-id467 {
margin-top: 64px;
margin-right: calc(50% - 50vw) !important;
margin-left: calc(50% - 50vw) !important;
margin-bottom: 56px;
padding-top: 100px;
padding-right: calc((50% - 50vw) * -1) !important;
padding-bottom: 100px;
padding-left: calc((50% - 50vw) * -1) !important;
}
.cparts-id467__ttl {
background-image: none !important;
background-color: transparent !important;
border: none !important;
box-shadow: none !important;
color: currentColor !important;
min-height: auto !important;
letter-spacing: .05em;
margin: 0 !important;
padding: 0 !important;
}
.cparts-id467.cparts-animation--bgextend::before {
top: 0;
left: 0;
}
.cparts-id467__ttl::before,
.cparts-id467__ttl::after {
display: none !important;
}
/* スマホのみ */
@media (max-width: 767px) {
/* 左右にサブタイトルがくるものは上下に変更 */
[class*="cparts-id458--"].cparts-h2sub--right [class*="__ttl"],
[class*="cparts-id458--"].cparts-h2sub--left [class*="__ttl"] {
flex-direction: column;
align-items: flex-start;
}
[class*="cparts-id458--"].cparts-h2sub--right .cparts-notes-block {
margin-top: 16px;
margin-left: 0;
}
[class*="cparts-id458--"].cparts-h2sub--left .cparts-notes-block {
margin-bottom: 16px;
margin-right: 0;
}
.cparts-id458--02.cparts-h2sub--right .cparts-notes-block {
margin-left: 48px;
}
.cparts-id458--03 .cparts-notes-block,
.cparts-id458--03.cparts-h2sub--bottom .cparts-notes-block,
.cparts-id458--03.cparts-h2sub--right .cparts-notes-block {
margin-top: 24px;
}
.cparts-id458--03 .cparts-notes-block,
.cparts-id458--03.cparts-h2sub--top .cparts-notes-block,
.cparts-id458--03.cparts-h2sub--left .cparts-notes-block {
margin-bottom: 24px;
}
.cparts-id458--08.cparts-h2sub--right .cparts-id458--08__ttl,
.cparts-id458--08.cparts-h2sub--left .cparts-id458--08__ttl {
flex-direction: row;
align-items: flex-end;
justify-content: center;
}
}
/* スマホ以外 */
@media (min-width: 768px) {
/* テンプレート依存の文字サイズが小さくなりすぎないように */
.cparts-id456,
.cparts-id457,
.cparts-id467__ttl,
[class*="cparts-id458--"] [class*="__ttl"] {
font-size: min(2.4em,8vw);
}
/* 各種調整 */
[class*="cparts-id458--"].cparts-h2sub--top .cparts-notes-block,
.cparts-id458--03.cparts-h2sub--top .cparts-notes-block {
display: inline-block;
margin-bottom: 32px;
}
[class*="cparts-id458--"] .cparts-notes-block,
[class*="cparts-id458--"].cparts-h2sub--bottom .cparts-notes-block,
.cparts-id458--03.cparts-h2sub--bottom .cparts-notes-block {
margin-top: 32px;
}
.cparts-id458--02 .cparts-notes-block,
.cparts-id458--02.cparts-h2sub--bottom .cparts-notes-block {
margin-top: -32px !important;
}
.cparts-id458--02.cparts-h2sub--top .cparts-notes-block {
margin-bottom: -32px !important;
}
.cparts-id458--02.cparts-h2sub--right .cparts-notes-block,
.cparts-id458--02.cparts-h2sub--left .cparts-notes-block {
margin-bottom: -32px !important;
}
.cparts-id458--03.cparts-h2sub--right .cparts-notes-block,
.cparts-id458--03.cparts-h2sub--left .cparts-notes-block {
margin-top: 0;
}
.cparts-id458--06 .cparts-id458--06__ttl,
.cparts-id458--06.cparts-h2img--right .cparts-id458--06__ttl {
font-weight: bold;
padding: 400px 0 30px !important;
}
.cparts-id458--09.cparts-h2icon--bottom .cparts-img-block {
margin-top: 40px;
}
.cparts-id458--09 .cparts-img-block
.cparts-id458--09.cparts-h2icon--top .cparts-img-block {
margin-bottom: 40px;
}
/* 2カラムのMAIN・SIDE対策 */
body[id="type2column02"] #main .cparts-id457::before,
body[class*="column2"] #main .cparts-id457::before,
body[id*="column02"] #main .cparts-id457::before,
body[class*="column2"] .main .cparts-id457::before,
body[class*="column2"] .siteblock-main .cparts-id457::before,
body[id="type2column02"] #main .cparts-id457.cparts-h2decoration--linesolid::before,
body[class*="column2"] #main .cparts-id457.cparts-h2decoration--linesolid::before,
body[id*="column02"] #main .cparts-id457.cparts-h2decoration--linesolid::before,
body[class*="column2"] .main .cparts-id457.cparts-h2decoration--linesolid::before,
body[class*="column2"] .siteblock-main .cparts-id457.cparts-h2decoration--linesolid::before,
body[id="type2column02"] #main .cparts-id458--06::before,
body[class*="column2"] #main .cparts-id458--06::before,
body[id*="column02"] #main .cparts-id458--06::before,
body[class*="column2"] .main .cparts-id458--06::before,
body[class*="column2"] .siteblock-main .cparts-id458--06::before,
body[id="type2column02"] #main .cparts-id458--07,
body[class*="column2"] #main .cparts-id458--07,
body[id*="column02"] #main .cparts-id458--07,
body[class*="column2"] .main .cparts-id458--07,
body[class*="column2"] .siteblockmain .cparts-id458--07,
body[id="type2column02"] #main .cparts-id467,
body[class*="column2"] #main .cparts-id467,
body[id*="column02"] #main .cparts-id467,
body[class*="column2"] .main .cparts-id467,
body[class*="column2"] .siteblock-main .cparts-id467 {
margin-right: 0 !important;
margin-left: 0 !important;
width: 100% !important;
}
body[id="type2column02"] #main .cparts-id457::before,
body[class*="column2"] #main .cparts-id457::before,
body[id*="column02"] #main .cparts-id457::before,
body[class*="column2"] .main .cparts-id457::before,
body[class*="column2"] .siteblock-main .cparts-id457::before,
body[id="type2column02"] #main .cparts-id457.cparts-h2decoration--linesolid::before,
body[class*="column2"] #main .cparts-id457.cparts-h2decoration--linesolid::before,
body[id*="column02"] #main .cparts-id457.cparts-h2decoration--linesolid::before,
body[class*="column2"] .main .cparts-id457.cparts-h2decoration--linesolid::before,
body[class*="column2"] .siteblock-main .cparts-id457.cparts-h2decoration--linesolid::before {
margin-right: 0 !important;
margin-left: 0 !important;
}
body[id="type2column02"] #main .cparts-id458--06::before,
body[class*="column2"] #main .cparts-id458--06::before,
body[id*="column02"] #main .cparts-id458--06::before,
body[class*="column2"] .main .cparts-id458--06::before,
body[class*="column2"] .siteblock-main .cparts-id458--06::before {
right: 0 !important;
left: 0 !important;
}
body[id="type2column02"] #main .cparts-id458--06 .cparts-img-block,
body[class*="column2"] #main .cparts-id458--06 .cparts-img-block,
body[id*="column02"] #main .cparts-id458--06 .cparts-img-block,
body[class*="column2"] .main .cparts-id458--06 .cparts-img-block,
body[class*="column2"] .siteblock-main .cparts-id458--06 .cparts-img-block,
body[id="type2column02"] #main .cparts-id458--06.cparts-h2img--right .cparts-img-block,
body[class*="column2"] #main .cparts-id458--06.cparts-h2img--right .cparts-img-block,
body[id*="column02"] #main .cparts-id458--06.cparts-h2img--right .cparts-img-block,
body[class*="column2"] .main .cparts-id458--06.cparts-h2img--right .cparts-img-block,
body[class*="column2"] .siteblock-main .cparts-id458--06.cparts-h2img--right .cparts-img-block {
width: 80% !important;
right: 0 !important;
}
body[id="type2column02"] #main .cparts-id458--06.cparts-h2img--left .cparts-img-block,
body[class*="column2"] #main .cparts-id458--06.cparts-h2img--left .cparts-img-block,
body[id*="column02"] #main .cparts-id458--06.cparts-h2img--left .cparts-img-block,
body[class*="column2"] .main .cparts-id458--06.cparts-h2img--left .cparts-img-block,
body[class*="column2"] .siteblock-main .cparts-id458--06.cparts-h2img--left .cparts-img-block {
right: auto !important;
left: 0 !important;
}
body[id="type2column02"] #main .cparts-id458--06,
body[class*="column2"] #main .cparts-id458--06,
body[id*="column02"] #main .cparts-id458--06,
body[class*="column2"] .main .cparts-id458--06,
body[class*="column2"] .siteblock-main .cparts-id458--06,
body[id="type2column02"] #main .cparts-id458--07,
body[class*="column2"] #main .cparts-id458--07,
body[id*="column02"] #main .cparts-id458--07,
body[class*="column2"] .main .cparts-id458--07,
body[class*="column2"] .siteblockmain .cparts-id458--07,
body[id="type2column02"] #main .cparts-id467,
body[class*="column2"] #main .cparts-id467,
body[id*="column02"] #main .cparts-id467,
body[class*="column2"] .main .cparts-id467,
body[class*="column2"] .siteblock-main .cparts-id467 {
padding-right: 15px !important;
padding-left: 15px !important;
}
body[id="type2column02"] #side .cparts-id458--02.cparts-h2sub--right .cparts-notes-block,
body[class*="column2"] #side .cparts-id458--02.cparts-h2sub--right .cparts-notes-block,
body[id*="column02"] #side .cparts-id458--02.cparts-h2sub--right .cparts-notes-block,
body[class*="column2"] .side .cparts-id458--02.cparts-h2sub--right .cparts-notes-block,
body[class*="column2"] .siteblock-side .cparts-id458--02.cparts-h2sub--right .cparts-notes-block {
margin-left: 48px;
}
body[id="type2column02"] #side .cparts-id458--03 .cparts-notes-block,
body[class*="column2"] #side .cparts-id458--03 .cparts-notes-block,
body[id*="column02"] #side .cparts-id458--03 .cparts-notes-block,
body[class*="column2"] .side .cparts-id458--03 .cparts-notes-block,
body[class*="column2"] .siteblock-side .cparts-id458--03 .cparts-notes-block,
body[id="type2column02"] #side .cparts-id458--03.cparts-h2sub--bottom .cparts-notes-block,
body[class*="column2"] #side .cparts-id458--03.cparts-h2sub--bottom .cparts-notes-block,
body[id*="column02"] #side .cparts-id458--03.cparts-h2sub--bottom .cparts-notes-block,
body[class*="column2"] .side .cparts-id458--03.cparts-h2sub--bottom .cparts-notes-block,
body[class*="column2"] .siteblock-side .cparts-id458--03.cparts-h2sub--bottom .cparts-notes-block,
body[id="type2column02"] #side .cparts-id458--03.cparts-h2sub--right .cparts-notes-block,
body[class*="column2"] #side .cparts-id458--03.cparts-h2sub--right .cparts-notes-block,
body[id*="column02"] #side .cparts-id458--03.cparts-h2sub--right .cparts-notes-block,
body[class*="column2"] .side .cparts-id458--03.cparts-h2sub--right .cparts-notes-block,
body[class*="column2"] .siteblock-side .cparts-id458--03.cparts-h2sub--right .cparts-notes-block {
margin-top: 24px;
}
body[id="type2column02"] #side .cparts-id458--03 .cparts-notes-block,
body[class*="column2"] #side .cparts-id458--03 .cparts-notes-block,
body[id*="column02"] #side .cparts-id458--03 .cparts-notes-block,
body[class*="column2"] .side .cparts-id458--03 .cparts-notes-block,
body[class*="column2"] .siteblock-side .cparts-id458--03 .cparts-notes-block,
body[id="type2column02"] #side .cparts-id458--03.cparts-h2sub--top .cparts-notes-block,
body[class*="column2"] #side .cparts-id458--03.cparts-h2sub--top .cparts-notes-block,
body[id*="column02"] #side .cparts-id458--03.cparts-h2sub--top .cparts-notes-block,
body[class*="column2"] .side .cparts-id458--03.cparts-h2sub--top .cparts-notes-block,
body[class*="column2"] .siteblock-side .cparts-id458--03.cparts-h2sub--top .cparts-notes-block,
body[id="type2column02"] #side .cparts-id458--03.cparts-h2sub--left .cparts-notes-block,
body[class*="column2"] #side .cparts-id458--03.cparts-h2sub--left .cparts-notes-block,
body[id*="column02"] #side .cparts-id458--03.cparts-h2sub--left .cparts-notes-block,
body[class*="column2"] .side .cparts-id458--03.cparts-h2sub--left .cparts-notes-block,
body[class*="column2"] .siteblock-side .cparts-id458--03.cparts-h2sub--left .cparts-notes-block {
margin-bottom: 24px;
}
body[id="type2column02"] #side .cparts-id458--08.cparts-h2sub--right .cparts-id458--08__ttl,
body[class*="column2"] #side .cparts-id458--08.cparts-h2sub--right .cparts-id458--08__ttl,
body[id*="column02"] #side .cparts-id458--08.cparts-h2sub--right .cparts-id458--08__ttl,
body[class*="column2"] .side .cparts-id458--08.cparts-h2sub--right .cparts-id458--08__ttl,
body[class*="column2"] .siteblock-side .cparts-id458--08.cparts-h2sub--right .cparts-id458--08__ttl,
body[id="type2column02"] #side .cparts-id458--08.cparts-h2sub--left .cparts-id458--08__ttl,
body[class*="column2"] #side .cparts-id458--08.cparts-h2sub--left .cparts-id458--08__ttl,
body[id*="column02"] #side .cparts-id458--08.cparts-h2sub--left .cparts-id458--08__ttl,
body[class*="column2"] .side .cparts-id458--08.cparts-h2sub--left .cparts-id458--08__ttl,
body[class*="column2"] .siteblock-side .cparts-id458--08.cparts-h2sub--left .cparts-id458--08__ttl {
flex-direction: row;
align-items: flex-end;
justify-content: center;
}
body[id="type2column02"] #side .cparts-id458--08.cparts-h2sub--right .cparts-notes-block::before,
body[class*="column2"] #side .cparts-id458--08.cparts-h2sub--right .cparts-notes-block::before,
body[id*="column02"] #side .cparts-id458--08.cparts-h2sub--right .cparts-notes-block::before,
body[class*="column2"] .side .cparts-id458--08.cparts-h2sub--right .cparts-notes-block::before,
body[class*="column2"] .siteblock-side .cparts-id458--08.cparts-h2sub--right .cparts-notes-block::before {
margin: 0 16px 0 24px;
}
body[id="type2column02"] #side .cparts-id458--08.cparts-h2sub--left .cparts-notes-block::after,
body[class*="column2"] #side .cparts-id458--08.cparts-h2sub--left .cparts-notes-block::after,
body[id*="column02"] #side .cparts-id458--08.cparts-h2sub--left .cparts-notes-block::after,
body[class*="column2"] .side .cparts-id458--08.cparts-h2sub--left .cparts-notes-block::after,
body[class*="column2"] .siteblock-side .cparts-id458--08.cparts-h2sub--left .cparts-notes-block::after {
margin: 0 24px 0 16px;
}
}
/* デスクトップ以上 */
@media (min-width: 992px) {
.cparts-id458--07.cparts-h2bg--stop {
background-attachment: fixed;
}
}
/* ----------------------------------------------------------------------------------------
2023.02 id468～
---------------------------------------------------------------------------------------- */
/* ヘッダー用パーツ
======================================================= */
.sitedesign-headerparts__full {
width: 100%;
}
/* 共通 */
.cparts-header-block__logo {
font-size: 1.25em;
line-height: 1.2;
margin-bottom: 0;
}
.cparts-header-block__logo a,
.cparts-header-block__logo a:hover,
.cparts-header-block__logo a:focus {
color: currentColor;
text-decoration: none;
}
.cparts-header-block__description {
line-height: 1.2;
margin-top: 8px;
margin-bottom: 0;
}
.cparts-header-block__logo p,
.cparts-header-block__description p {
line-height: 1.2;
margin-bottom: 0;
}
#header .cparts-header-block__tel p,
.cparts-header-block__tel p {
text-align: center;
margin-bottom: 0;
}
#header .cparts-header-block__fontsize p,
.cparts-header-block__fontsize p {
font-size: .875em;
margin-bottom: 4px;
text-align: center;
}
.cparts-header-block__fontsize button {
border-radius: 5px;
border: 1px solid #fff;
line-height: 1;
padding: 8px;
min-width: auto;
}
.cparts-header-block__fontsize button + button {
margin-left: 5px;
}
.cparts-header-block__fontsize button:hover,
.cparts-header-block__fontsize button:focus,
.cparts-btn-fontsize__active {
opacity: .6;
}
/* バリエーション */
.cparts-header-block[class*="headerdesc--top"] .cparts-body-block {
display: flex;
flex-direction: column;
}
.cparts-header-block[class*="headerdesc--top"] .cparts-header-block__logo {
order: 2;
}
#header .cparts-header-block[class*="headerdesc--top"] .cparts-header-block__logo p,
.cparts-header-block[class*="headerdesc--top"] .cparts-header-block__logo p {
margin-top: 8px;
}
.cparts-header-block[class*="headerdesc--top"] .cparts-header-block__description {
order: 1;
}
.cparts-header-block[class*="headerdesc--top"] .cparts-header-block__description p {
margin-top: 0;
}
.cparts-header-block[class*="headerdesc--none"] .cparts-header-block__description {
display: none;
}
/* スマホのみ */
@media (max-width: 767px) {
.cparts-header-block__tel {
margin-top: 24px;
}
.cparts-header-block__fontsize {
display: none;
}
}
/* スマホ以外 */
@media (min-width: 768px) {
.cparts-header-block #logo,
.cparts-header-block__logo {
font-size: 1.75em;
}
.cparts-header-block .cparts-foot-block {
display: flex;
justify-content: flex-end;
}
.cparts-header-block .cparts-foot-block .cparts-header-block__fontsize {
order: 1;
text-align: center;
}
.cparts-header-block .cparts-foot-block .cparts-header-block__tel {
order: 2;
margin-left: 24px;
}
}
/* リンク付き画像（見出し・テキスト）_2～6セット
======================================================= */
[class*="cparts-id472--"] .cparts-body-block {
display: flex;
flex-direction: column;
justify-content: flex-end;
height: 100%;
position: relative;
}
[class*="cparts-id472--"] .cparts-img-block {
opacity: .6;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
transition: .5s;
}
[class*="cparts-id472--"] .cparts-img-block img {
border-radius: 0;
height: 100%;
object-fit: cover;
width: 100%;
}
[class*="cparts-id472--"] .cparts-body-block:hover .cparts-img-block,
[class*="cparts-id472--"] .cparts-body-block:focus .cparts-img-block {
opacity: .3;
}
[class*="cparts-id472--"] .cparts-img-block a:hover img,
[class*="cparts-id472--"] .cparts-img-block a:focus img {
opacity: 1;
}
[class*="cparts-id472--"] .cparts-txt-block {
margin-top: 240px;
margin-top: min(240px,20vh);
padding: 24px;
position: relative;
z-index: 1;
}
[class*="cparts-id472--"][class*="__ttl"] {
font-size: 2rem;
font-weight: bold;
text-align: left;
}
[class*="cparts-id472--"][class*="__ttl"] + .cparts-note-block {
margin-top: 2rem;
}
[class*="cparts-id472--"] .cparts-txt-block:hover {
cursor: pointer;
}
[class*="cparts-id472--"] .cparts-img-block:has(a) + .cparts-txt-block:hover {
cursor: pointer;
}
[class*="cparts-id472--"] .lay-row > [class*="lay-col12-"] {
margin-top: 0 !important;
transition: .5s;
}
[class*="cparts-id472--"] .cparts-overlink-block .cparts-overlink-block-url {
position: absolute;
z-index: 10;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: block;
text-decoration: none;
}
/* バリエーション - リサイズ・全サイズ */
[class*="cparts-id472--"].cparts-hover--full .cparts-txt-block .cparts-note-block,
[class*="cparts-id472--"].cparts-hover--resize .cparts-txt-block .cparts-note-block {
transition: .5s;
}
[class*="cparts-id472--"].cparts-hover--full .cparts-hover--resize-hover-off .cparts-txt-block,
[class*="cparts-id472--"].cparts-hover--resize .cparts-hover--resize-hover-off .cparts-txt-block {
padding: 15px;
}
[class*="cparts-id472--"].cparts-hover--full .cparts-hover--resize-hover .cparts-txt-block .cparts-note-block,
[class*="cparts-id472--"].cparts-hover--resize .cparts-hover--resize-hover .cparts-txt-block .cparts-note-block {
-webkit-line-clamp: unset;
}
[class*="cparts-id472--"].cparts-hover--full .cparts-hover--resize-hover-off .cparts-txt-block .cparts-note-block,
[class*="cparts-id472--"].cparts-hover--resize .cparts-hover--resize-hover-off .cparts-txt-block .cparts-note-block {
display: none;
}
/* バリエーション - 全サイズ */
[class*="cparts-id472--"].cparts-hover--full {
position: relative;
}
[class*="cparts-id472--"].cparts-hover--full > img {
position: absolute;
z-index: 0;
top: 0;
bottom: 0;
right: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 0;
opacity: .6;
animation-duration: .8s;
animation-name: animation;
}
@keyframes animation{
0%{
opacity: 0;
}
100%{
opacity: .6;
}
}
[class*="cparts-id472--"].cparts-hover--full > div {
z-index: 10;
position: relative;
}
[class*="cparts-id472--"].cparts-hover--full .cparts-img-block img {
transition: .5s;
}
[class*="cparts-id472--"].cparts-hover--full .cparts-hover--resize-hover {
flex: 0 0 100%;
max-width: 100%;
}
[class*="cparts-id472--"].cparts-hover--full .cparts-hover--resize-hover-off {
flex: 0 0 0%;
max-width: 0%;
}
/* バリエーション - ぼかし */
[class*="cparts-id472--"].cparts-hover--blue .cparts-img-block {
overflow: hidden;
}
[class*="cparts-id472--"].cparts-hover--blue .cparts-txt-block,
[class*="cparts-id472--"].cparts-hover--blue .cparts-img-block img {
transition: .5s;
}
[class*="cparts-id472--"].cparts-hover--blue .cparts-body-block:hover img,
[class*="cparts-id472--"].cparts-hover--blue .cparts-body-block:focus img {
filter: blur(5px);
transform: scale(1.1);
}
/* スマホ以外 */
@media (min-width: 768px) {
[class*="cparts-id472--"] .cparts-txt-block {
margin-top: 120px;
}
[class*="cparts-id472--"] .lay-col12-md-2 .cparts-txt-block,
[class*="cparts-id472--"] .lay-col12-lg-2 .cparts-txt-block {
margin-top: 80px;
}
/* バリエーション - リサイズ */
.cparts-id472--01.cparts-hover--resize .cparts-hover--resize-hover {
flex: 0 0 80%;
max-width: 80%;
}
.cparts-id472--01.cparts-hover--resize .cparts-hover--resize-hover-off {
flex: 0 0 20%;
max-width: 20%;
}
.cparts-id472--02.cparts-hover--resize .cparts-hover--resize-hover {
flex: 0 0 70%;
max-width: 70%;
}
.cparts-id472--02.cparts-hover--resize .cparts-hover--resize-hover-off {
flex: 0 0 15%;
max-width: 15%;
}
.cparts-id472--03.cparts-hover--resize .cparts-hover--resize-hover {
flex: 0 0 58%;
max-width: 58%;
}
.cparts-id472--03.cparts-hover--resize .cparts-hover--resize-hover-off {
flex: 0 0 14%;
max-width: 14%;
}
.cparts-id472--04.cparts-hover--resize .cparts-hover--resize-hover {
flex: 0 0 52%;
max-width: 52%;
}
.cparts-id472--04.cparts-hover--resize .cparts-hover--resize-hover-off {
flex: 0 0 12%;
max-width: 12%;
}
.cparts-id472--05.cparts-hover--resize .cparts-hover--resize-hover {
flex: 0 0 50%;
max-width: 50%;
}
.cparts-id472--05.cparts-hover--resize .cparts-hover--resize-hover-off {
flex: 0 0 10%;
max-width: 10%;
}
}
/* 番号付き画像（見出し・テキスト）
======================================================= */
.cparts-id477-row {
position: relative;
}
.cparts-id477 .cparts-no-block {
position: absolute;
z-index: 3;
top: 0;
left: 0;
margin: 0;
padding: .625rem;
font-size: 7.5rem;
line-height: 1;
font-weight: 700;
}
.cparts-id477 .lay-col12-xs-4 {
flex: none !important;
z-index: 2;
margin: 0 0 0 auto;
}
.cparts-id477__ttl.lay-reset-title {
width: 100%;
margin: 0 0 1.875rem !important;
padding: 0;
text-align: left;
color: currentColor !important;
}
.cparts-id477 .cparts-img-block {
position: absolute;
z-index: 1;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.cparts-id477 .cparts-img-block img {
height: 100%;
width: 100%;
object-fit: cover;
}
/* バリエーション */
.cparts-id477.cparts-numlayout--righttop .cparts-no-block {
right: 0;
left: auto;
}
.cparts-id477.cparts-numlayout--righttop .lay-col12-xs-4 {
margin: 0 auto 0 0;
}
.cparts-id477.cparts-numlayout--leftbottom .cparts-no-block {
top: inherit;
bottom: 0;
}
.cparts-id477.cparts-numlayout--rightbottom .cparts-no-block {
top: inherit;
right: 0;
bottom: 0;
left: auto;
}
.cparts-id477.cparts-numlayout--rightbottom .lay-col12-xs-4 {
margin: 0 auto 0 0;
}
/* スマホのみ */
@media (max-width: 767px) {
.cparts-id477-row {
display: flex;
flex-wrap: wrap;
}
.cparts-id477-row .cparts-head-block {
position: relative;
}
.cparts-id477 .cparts-img-block {
width: 100%;
order: 1;
}
.cparts-id477 .lay-col12-xs-4 {
order: 2;
z-index: 2;
width: 100%;
margin: 0 0 0 auto;
}
.cparts-id477 .cparts-no-block {
font-size: 3.75rem;
}
.cparts-id477 .lay-col12-xs-4 {
position: relative;
z-index: 1;
width: 100% !important;
max-width: 100% !important;
margin: 0;
padding: 0 !important;
}
.cparts-id477 .cparts-txt-block {
position: relative;
z-index: 2;
margin-top: -3.75rem;
}
.cparts-id477 .cparts-img-block {
position: static;
}
/* バリエーション */
.cparts-id477.cparts-numlayout--righttop .cparts-no-block {
right: 0;
left: auto;
font-size: 3.75rem;
}
.cparts-id477.cparts-numlayout--leftbottom .cparts-no-block {
bottom: 3.75rem;
}
.cparts-id477.cparts-numlayout--rightbottom .cparts-no-block {
bottom: 3.75rem;
}
}
/* フルエディタ編集 */
body#editor .cparts-id477 .lay-col12-xs-4,
body#header .cparts-id477 .lay-col12-xs-4,
body#upper .cparts-id477 .lay-col12-xs-4,
body#main .cparts-id477 .lay-col12-xs-4,
body#bottom .cparts-id477 .lay-col12-xs-4,
body#side .cparts-id477 .lay-col12-xs-4,
body#right .cparts-id477 .lay-col12-xs-4,
body#opt1 .cparts-id477 .lay-col12-xs-4,
body#opt2 .cparts-id477 .lay-col12-xs-4,
body#opt3 .cparts-id477 .lay-col12-xs-4,
body#footer .cparts-id477 .lay-col12-xs-4{
padding: 2rem;
position: relative;
width: 33.333333%;
}
/* 番号付き画像（テキスト）
======================================================= */
.cparts-id478 .cparts-caption-block {
position: relative; /* cparts-no-blockと被ってダブルクリックができないので上レイヤーにする */
z-index: 2; /* cparts-no-blockと被ってダブルクリックができないので上レイヤーにする */
margin: 0;
text-align: center;
font-size: 1.5rem;
line-height: 1;
}
.cparts-id478 .cparts-head-block {
z-index: 2;
}
.cparts-id478 .cparts-no-block {
margin: 0 0 5.5rem;
font-size: 7.5rem;
line-height: 1;
text-align: center;
font-weight: 700;
}
.cparts-id478 .cparts-txt-block {
margin-top: -5rem;
}
/* バリエーション */
.cparts-id478.cparts-layout--id47802 {
flex-direction: row-reverse;
}
.cparts-id478.cparts-layout--id47803 {
position: relative;
flex-direction: row-reverse;
}
.cparts-id478.cparts-layout--id47803 .cparts-head-block {
position: absolute;
top: 0;
left: 0;
}
.cparts-id478.cparts-layout--id47804 {
position: relative;
}
.cparts-id478.cparts-layout--id47804 .cparts-head-block {
position: absolute;
top: 0;
right: 0;
}
/* スマホのみ */
@media (max-width: 767px) {
.cparts-id478 .cparts-caption-block {
font-size: 1.25rem;
}
.cparts-id478 .cparts-no-block {
margin: 0;
font-size: 3.75rem;
}
.cparts-id478 .cparts-txt-block {
margin-top: 0;
}
}
/* 縦書き（見出し_テキスト）_画像
======================================================= */
.cparts-id479 .cparts-body-block {
position: relative;
z-index: 2;
display: flex;
flex-direction: row-reverse;
justify-content: center;
min-width: 66.666667%;
max-width: calc( 100% - 30px); /* colのpadding分 */
margin-top: -5rem;
margin-right: 15px; /* colのpadding */
margin-left: 15px; /* colのpadding */
}
.cparts-id479 .cparts-notes-block {
margin: 0 0 0 1rem;
padding: 0;
font-size: 1rem;
writing-mode: vertical-rl;
}
.cparts-id479 .cparts-id479__ttl {
width: auto;
margin: 0 0 0 1.875rem !important;
padding: 0;
text-align: left !important;
color: currentColor !important;
writing-mode: vertical-rl;
}
.cparts-id479 .cparts-txt-block {
line-height: 2;
writing-mode: vertical-rl;
}
.cparts-id479 .cparts-txt-block * {
margin: 0 0 0 1.25rem;
}
.cparts-id479 .cparts-txt-block > :last-child {
margin: 0;
}
/* バリエーション */
.cparts-id479.cparts-txtlayout--rightbottom {
flex-direction: row-reverse;
}
.cparts-id479.cparts-txtlayout--lefttop >[class*="lay-col"]:first-child {
order: 2;
}
.cparts-id479.cparts-txtlayout--lefttop >[class*="lay-col"]:nth-child(2) {
order: 1;
}
.cparts-id479.cparts-txtlayout--lefttop .cparts-body-block {
margin-top: 0;
margin-bottom: -5rem !important;
}
.cparts-id479.cparts-txtlayout--righttop {
flex-direction: row-reverse;
}
.cparts-id479.cparts-txtlayout--righttop >[class*="lay-col"]:first-child {
order: 2;
}
.cparts-id479.cparts-txtlayout--righttop >[class*="lay-col"]:nth-child(2) {
order: 1;
}
.cparts-id479.cparts-txtlayout--righttop .cparts-body-block {
margin-top: 0;
margin-bottom: -5rem !important;
}
/* スマホのみ */
@media (max-width: 767px) {
.cparts-id479 .cparts-body-block {
flex-direction: column;
max-height: none;
min-width: calc( 100% - 30px);
margin-top: 0;
}
.cparts-id479 .cparts-notes-block {
margin: 0 0 1rem;
writing-mode: horizontal-tb;
}
.cparts-id479 .cparts-id479__ttl {
margin: 0 0 1.875rem !important;
padding: 0;
text-align: left !important;
writing-mode: horizontal-tb;
}
.cparts-id479 .cparts-txt-block {
writing-mode: horizontal-tb;
}
.cparts-id479 .cparts-txt-block * {
margin: 0 0 1.25rem;
}
/* バリエーション */
.cparts-id479.cparts-txtlayout--lefttop .cparts-body-block {
margin-bottom: 0 !important;
}
.cparts-id479.cparts-txtlayout--righttop .cparts-body-block {
margin-bottom: 0 !important;
}
}
/* ----------------------------------------------------------------------------------------
2023.03 id480～
---------------------------------------------------------------------------------------- */
/* 画像系・文字系ライン
======================================================= */
.cparts-decoslider-block {
container-type: inline-size;
}
.cparts-decoslider-block .lay-row {
display: block;
}
.cparts-decoslider-block .cparts-txt-block {
overflow: hidden;
position: relative;
}
.cparts-decoslider-block ul,
.cparts-decoslider-block li {
background-color: transparent !important;
background-image: none !important;
border: none !important;
list-style: none !important;
margin: 0;
padding: 0;
text-indent: 0 !important;
}
.cparts-decoslider-block ul::before,
.cparts-decoslider-block ul::after,
.cparts-decoslider-block li::before,
.cparts-decoslider-block ul::before {
display: none !important;
}
.cparts-decoslider-block ul {
display: flex;
align-items: center;
width: max-content;
}
.cparts-decoslider-block ul + ul {
padding-left: 16px !important;
}
.cparts-decoslider-block li img {
width: 100%;
}
.cparts-id486--01 .cparts-txt-block li {
padding-right: 4px;
padding-left: 4px;
width: 8vw;
}
.cparts-id486--01 .cparts-txt-block li:nth-child(odd) {
padding-bottom: 24px;
}
.cparts-id486--02 .cparts-txt-block ul {
align-items: flex-start;
}
.cparts-id486--01 .cparts-txt-block li:nth-child(even) {
padding-top: 24px;
}
.cparts-id486--02 .cparts-txt-block li:nth-child(3n+1) {
padding-top: 32px;
width: 8vw;
}
.cparts-id486--02 .cparts-txt-block li:nth-child(3n-1) {
margin-left: -16px;
width: 4vw;
}
.cparts-id486--02 .cparts-txt-block li:nth-child(3n) {
padding-top: 48px;
padding-right: 16px;
padding-left: 16px;
width: 7vw;
}
.cparts-id488.cparts-decoslider-block li {
font-size: 1.75rem;
display: flex;
align-items: center;
line-height: 1;
white-space: nowrap;
}
.cparts-id488.cparts-decoslider-block li + li {
padding-left: 16px;
}
.cparts-id488.cparts-decoslider-block li::after {
background-color: currentColor;
display: block !important;
content: "";
height: 2px;
margin-left: 16px;
width: 32px;
}
.cparts-id488.cparts-decoslider-block ul:first-child li:last-child::after {
display: none;
}
/* バリエーション */
.cparts-loopslider--wrap {
display: flex;
flex-wrap: nowrap;
position: absolute;
top: 0;
}
.cparts-decoslider-block.cparts-current--rightleft .cparts-loopslider--wrap {
left: 0;
}
.cparts-decoslider-block.cparts-current--leftright .cparts-loopslider--wrap {
right: 0;
}
.cparts-decoslider-block.cparts-current--rightleft .cparts-txt-block ul,
.cparts-decoslider-block.cparts-current--leftright .cparts-txt-block ul {
display: flex;
flex-wrap: nowrap;
width: min-content;
}
/* 親サイズ 720px以上 */
@container (min-width: 720px) {
.cparts-decoslider-block ul + ul {
padding-left: 24px !important;
}
.cparts-id486--01.cparts-decoslider-block ul + ul,
.cparts-id486--02.cparts-decoslider-block ul + ul {
padding-left: 4px !important;
}
.cparts-decoslider-block .cparts-txt-block {
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
width: 100vw;
}
.cparts-id486--01 .cparts-txt-block li {
width: 16.6666vw;
}
.cparts-id486--01 .cparts-txt-block li:nth-child(odd) {
padding-bottom: 40px;
}
.cparts-id486--01 .cparts-txt-block li:nth-child(even) {
padding-top: 40px;
}
.cparts-id486--02 .cparts-txt-block li:nth-child(3n+1) {
padding-top: 48px;
width: 22vw;
}
.cparts-id486--02 .cparts-txt-block li:nth-child(3n-1) {
margin-left: -24px;
width: 12vw;
}
.cparts-id486--02 .cparts-txt-block li:nth-child(3n) {
padding-top: 64px;
padding-right: 24px;
padding-left: 24px;
width: 20vw;
}
.cparts-id488.cparts-decoslider-block li {
font-size: 2.875rem;
}
.cparts-id488.cparts-decoslider-block li + li {
margin-left: 24px;
padding-left: 24px;
}
.cparts-id488.cparts-decoslider-block li::after,
.cparts-id488.cparts-decoslider-block.cparts-current--rightleft ul::after,
.cparts-id488.cparts-decoslider-block.cparts-current--leftright ul::after {
height: 4px;
margin-left: 24px;
flex: 0 0 56px;
}
}
/* スマホのみ */
@media (max-width: 767px) {
.cparts-decoslider-block .lay-row,
.cparts-decoslider-block.cparts-current--stop .lay-row {
padding-right: 15px;
padding-left: 15px;
}
.cparts-decoslider-block.cparts-current--rightleft .lay-row,
.cparts-decoslider-block.cparts-current--leftright .lay-row {
margin-right: -15px;
margin-left: -15px;
padding: 0;
}
.cparts-id486--01 .cparts-txt-block li {
width: calc(50vw - 8px) !important;
}
.cparts-id486--02 .cparts-txt-block li:nth-child(3n+1) {
width: 55vw;
}
.cparts-id486--02 .cparts-txt-block li:nth-child(3n-1) {
width: 30vw;
}
.cparts-id486--02 .cparts-txt-block li:nth-child(3n) {
width: 45vw;
}
}
/* メイン画像_ver.20
======================================================= */
#header .cparts-id489,
#upper .cparts-id489,
.header .cparts-id489,
.upper .cparts-id489,
.siteblock-header .cparts-id489,
.siteblock-upper .cparts-id489 {
overflow: hidden;
margin-right: calc(50% - 50vw) !important;
margin-left: calc(50% - 50vw) !important;
width: 100vw !important;
max-width: none !important;
}
body#type2column02 #upper .cparts-id489 {
margin-right: 0 !important;
margin-left: 0 !important;
width: 100% !important;
}
.cparts-id489 {
container-type: inline-size;
position: relative;
}
.cparts-id489 > .lay-row {
display: flex;
position: relative;
padding: 72px 0 40px !important;
}
.cparts-id489::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 74.3589%;
}
.cparts-id489 .cparts-body-block {
background-color: transparent !important;
}
.cparts-id489 .cparts-body-block,
.cparts-id489 .cparts-img-block {
position: relative;
z-index: 1;
}
.cparts-id489 .cparts-body-block h1 {
color: currentColor !important;
font-size: 2.5rem;
font-weight: normal;
line-height: 1.2;
text-align: left;
word-break: break-all;
}
.cparts-id489 .cparts-txt-block {
margin-top: 8px;
}
.cparts-id489 .cparts-body-block p {
font-size: .9375rem;
text-align: left;
}
.cparts-id489 .cparts-img-block {
overflow: hidden;
}
.cparts-id489 .cparts-img-block img {
border: none !important;
width: 100%;
}
/* 親サイズ 737px以下 */
@container (max-width: 737px) {
.cparts-id489 > .lay-row {
flex-direction: column;
padding-left: 20px !important;
padding-left: 20px !important;
}
.cparts-id489 .cparts-img-block {
margin-left: 40px;
margin-bottom: 24px;
order: 1;
}
.cparts-id489 .cparts-body-block.dec-bg--light {
background-color: transparent !important;
order: 2;
padding: 0 15px;
}
}
/* 親サイズ 738px以上 */
@container (min-width: 738px) {
.cparts-id489 > .lay-row {
flex-wrap: nowrap !important;
margin-right: 0;
margin-left: 0;
padding: 100px 0 120px 4.1666% !important;
}
.cparts-id489::before {
width: 41.66666%;
}
.cparts-id489 .cparts-img-block {
width: 68.181%;
}
.cparts-id489 .cparts-img-block img {
object-fit: cover;
height: 100%;
width: 100%;
}
.cparts-id489 .cparts-body-block {
display: flex;
flex-direction: column;
justify-content: center;
padding-right: 24px;
width: 31.819%;
}
.cparts-id489 .cparts-body-block h1 {
font-size: 4.5rem;
}
.cparts-id489 .cparts-txt-block {
margin-top: 24px;
}
.cparts-id489 .cparts-body-block p {
font-size: 1.25rem;
}
}
/* ブロークングリッドレイアウト画像2列
======================================================= */
[class*="cparts-id490--"] .lay-row {
container-type: inline-size;
}
[class*="cparts-id490--"] .cparts-img-block img {
width: 100%;
}
/* 親サイズ 737px以下 */
@container (max-width: 737px) {
[class*="cparts-id490--"] .lay-row .cparts-img-block {
flex: 0 0 100%;
max-width: 100%;
}
[class*="cparts-id490--"] .cparts-img-block:last-child {
margin-top: 16px;
}
}
/* 親サイズ 738px以上 */
@container (min-width: 738px) {
[class*="cparts-id490--"] .cparts-img-block:first-child {
padding-right: 40px;
text-align: right;
}
[class*="cparts-id490--"] .cparts-img-block:last-child {
padding-left: 40px;
text-align: left;
}
.cparts-id490--01 .cparts-img-block:last-child {
padding-top: 100px;
}
.cparts-id490--02 .cparts-img-block:first-child {
padding-top: 100px;
}
[class*="cparts-id490--"] .cparts-img-block img,
[class*="cparts-id490--"].cparts-rayout--spacelg .cparts-img-block img {
width: 62.16216%;
}
/* バリエーション */
[class*="cparts-id490--"].cparts-rayout--spacesm .cparts-img-block:first-child {
padding-right: 25px;
}
[class*="cparts-id490--"].cparts-rayout--spacesm .cparts-img-block:last-child {
padding-left: 25px;
}
[class*="cparts-id490--"].cparts-rayout--spacesm .cparts-img-block img {
width: 90.09%;
}
}
/* メイン画像_ver.21
======================================================= */
.cparts-id504{
position: relative;
overflow: hidden;
padding-top: 250px !important;
padding-bottom: 30px !important;
padding-right: 0 !important;
padding-left: 0 !important;
max-width: unset !important;
}
.cparts-id504 .cparts-head-block{
height: 0;
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 0;
transition: 1s;
width: 100%;
}
.cparts-id504.cparts-mainvisual--nobgdark .cparts-head-block,
.cparts-id504.cparts-mainvisual--nobglight .cparts-head-block,
.cparts-id504.cparts-mainvisual--nobgdark .cparts-body-block:before,
.cparts-id504.cparts-mainvisual--nobglight .cparts-body-block:before{
display: none;
}
.cparts-id504 .cparts-body-block{
position: relative;
z-index: 1;
}
.cparts-id504 .cparts-txt-block{
}
.cparts-id504 .cparts-txt-block .cparts-id504__ttl{
position: absolute !important;
z-index: 1;
left: 0 !important;
top: -150px;
width: 100% !important;
font-size: 5rem !important;
font-weight: normal;
text-align: left !important;
background-color: transparent !important;
background-image: none !important;
border-top: none !important;
border-right: none !important;
border-bottom: none !important;
border-left: none !important;
box-shadow: none !important;
display: block !important;
line-height: 1.2 !important;
margin-top: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
margin-bottom: 0 !important;
padding: 0 30px !important;
height: auto !important;
min-height: auto !important;
text-shadow: none !important;
word-wrap: break-word;
word-break: break-all;
letter-spacing: .12rem !important;
animation: fadeIn-id504 1.5s;
}
.cparts-id504 .cparts-id504__ttl:before,
.cparts-id504 .cparts-id504__ttl:after{
display: none !important;
}
.cparts-id504 .cparts-txt-block .cparts-id504__ttl-span{
width: calc((100vw - 75vw) /2);
height: 350px;
position: absolute;
left: 0;
margin: 0;
top: 300px;
bottom: 0;
z-index: 12;
overflow: hidden;
padding: 0 !important;
background-color: transparent !important;
background-image: none !important;
border-top: none !important;
border-right: none !important;
border-bottom: none !important;
border-left: none !important;
box-shadow: none !important;
display: block;
line-height: 1.2 !important;
word-wrap: break-word;
word-break: break-all;
}
.cparts-id504 .cparts-txt-block .cparts-id504__ttl-span span{
position: absolute;
left: 0;
top: 0;
font-size: 10rem !important;
font-weight: normal;
padding: 0 30px !important;
transform: translateY(-300px);
width: 70vw;
letter-spacing: .12rem !important;
}
.cparts-id504 .cparts-img-block{
width: 75%;
margin: auto;
position: relative;
}
.cparts-id504 .cparts-img-block img{
opacity: .85;
width: 100.01%;
max-width: none;
height: 100.01%;
object-fit: cover;
animation: imadeIn-id504 1s;
margin: auto;
display: block;
}
.cparts-id504 .cparts-notes-block {
position: absolute;
right: -110px;
top: -110px;
margin: 0;
width: 220px;
height: 220px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
z-index: 299;
animation: fadeIn-id504 2s;
cursor: pointer;
display: none;
}
#header .cparts-id504 .cparts-notes-block,
#upper .cparts-id504 .cparts-notes-block,
.header .cparts-id504 .cparts-notes-block,
.upper .cparts-id504 .cparts-notes-block,
.siteblock-header .cparts-id504 .cparts-notes-block,
.siteblock-upper .cparts-id504 .cparts-notes-block {
display: flex;
}
.cparts-id504 .cparts-notes-block > div {
position: relative;
width: 20px;
height: 20px;
border-radius: 50%;
animation: rotateAnim-id504 7s linear infinite;
}
.cparts-id504 .cparts-notes-block > div span {
position: absolute;
inset: 0;
font-size: 14px;
}
.cparts-id504 .cparts-notes-block p.dec-bg--primary{
position: absolute;
right: 0;
top: 0;
bottom: 0;
left: 0;
margin: auto !important;
padding: 0 !important;
width: 40px;
height: 40px;
opacity: 0;
transition: .5s;
border-radius: 50%;
}
.cparts-id504 .cparts-notes-block .dec-bg--primary span {
position: absolute;
right: 0;
left: 0;
top: 0;
bottom: 0;
margin: auto;
display: block;
width: 1px;
height: 15px;
border-radius: 5px;
background-color: #fff;
}
.cparts-id504 .cparts-notes-block .dec-bg--primary span::before,
.cparts-id504 .cparts-notes-block .dec-bg--primary span::after {
content: "";
position: absolute;
bottom: 3px;
display: block;
width: 7px;
height: 1px;
border-radius: 5px;
background-color: #fff;
}
.cparts-id504 .cparts-notes-block .dec-bg--primary span::before{
right: 0px;
transform: rotate(45deg);
}
.cparts-id504 .cparts-notes-block .dec-bg--primary span::after {
left: 0px;
transform: rotate(-45deg);
}
.cparts-id504 .cparts-notes-block:hover .dec-bg--primary{
opacity: 1;
transform: scale(1.7);
}
@keyframes rotateAnim-id504 {
0% { transform: rotate(0deg); }
50%{ transform: rotate(180deg); }
100% { transform: rotate(360deg); }
}
@keyframes fadeIn-id504 {
0% { opacity:0; }
50%{ opacity:0; }
100% { opacity:1; }
}
@keyframes imadeIn-id504 {
0% { height: 0; }
100% { height:100%; }
}
#cms_contents_area .cparts-id504__ttl[contenteditable="true"]{
z-index: 20 !important;
}
@media (max-width: 992px){
.cparts-id504 .cparts-txt-block .cparts-id504__ttl,
.cparts-id504 .cparts-txt-block .cparts-id504__ttl span{
font-size: 7rem !important;
}
.cparts-id504 .cparts-img-block{
width: 80%;
}
.cparts-id504 .cparts-txt-block .cparts-id504__ttl-span{
width: calc((100vw - 80vw) /2);
}
}
@media (max-width: 767px){
.cparts-id504 {
padding-top: 150px;
width: 100vw !important;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
}
#header .cparts-id504,
#upper .cparts-id504,
#main .cparts-id504,
.header .cparts-id504,
.upper .cparts-id504,
.main .cparts-id504,
.siteblock-header .cparts-id504,
.siteblock-upper .cparts-id504 ,
.siteblock-main .cparts-id504{
padding-bottom: 100px !important;
}
.cparts-id504 .cparts-head-block{
width: 100vw !important;
}
.cparts-id504 .cparts-txt-block .cparts-id504__ttl{
font-size: 4rem !important;
width: 90vw !important;
}
.cparts-id504 .cparts-txt-block .cparts-id504__ttl-span{
display: none !important;
}
.cparts-id504 .cparts-img-block{
width: 95%;
height: 500px;
}
.cparts-id504 .cparts-notes-block{
top: auto;
bottom: -100px;
}
}
@media (min-width: 768px){
#header .cparts-id504,
#upper .cparts-id504,
#main .cparts-id504,
.header .cparts-id504,
.upper .cparts-id504,
.main .cparts-id504,
.siteblock-header .cparts-id504,
.siteblock-upper .cparts-id504 ,
.siteblock-main .cparts-id504 {
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
width: 100vw !important;
}
#header .cparts-id504 .cparts-head-block,
#upper .cparts-id504 .cparts-head-block,
#main .cparts-id504 .cparts-head-block,
.header .cparts-id504 .cparts-head-block,
.upper .cparts-id504 .cparts-head-block,
.main .cparts-id504 .cparts-head-block,
.siteblock-header .cparts-id504 .cparts-head-block,
.siteblock-upper .cparts-id504 .cparts-head-block,
.siteblock-main .cparts-id504 .cparts-head-block{
width: 100vw;
margin-left: calc(50% - 50vw) !important;
margin-right: calc(50% - 50vw) !important;
}
#header .cparts-id504 .cparts-txt-block .cparts-id504__ttl,
#upper .cparts-id504 .cparts-txt-block .cparts-id504__ttl,
#main .cparts-id504 .cparts-txt-block .cparts-id504__ttl,
.header .cparts-id504 .cparts-txt-block .cparts-id504__ttl,
.upper .cparts-id504 .cparts-txt-block .cparts-id504__ttl,
.main .cparts-id504 .cparts-txt-block .cparts-id504__ttl,
.siteblock-header .cparts-id504 .cparts-txt-block .cparts-id504__ttl,
.siteblock-upper .cparts-id504 .cparts-txt-block .cparts-id504__ttl,
.siteblock-main .cparts-id504 .cparts-txt-block .cparts-id504__ttl{
font-size: 10rem !important;
}
body[class*="column2"] #contents #upper .cparts-id504,
body[class*="column2"] .row #upper .cparts-id504,
body[id*="column02"] #contents #upper .cparts-id504,
body[class*="column2"] .row .upper .cparts-id504,
body[class*="column2"] .row .siteblock-upper .cparts-id504,
body[class*="column2"] #main .cparts-id504,
body[id*="column02"] #main .cparts-id504,
body[class*="column2"] .main .cparts-id504,
body[class*="column2"] .siteblock-main .cparts-id504,
body[class*="column2"] #side .cparts-id504,
body[id*="column02"] #side .cparts-id504,
body[class*="column2"] .side .cparts-id504,
body[class*="column2"] .siteblock-side .cparts-id504,
body[class*="column2"] #bottom .cparts-id504,
body[id*="column02"] #bottom .cparts-id504,
body[class*="column2"] .bottom .cparts-id504,
body[class*="column2"] .siteblock-bottom .cparts-id504 {
margin-left: 0 !important;
margin-right: 0 !important;
width: 100% !important;
}
body[class*="column2"] #contents #upper .cparts-id504 .cparts-head-block,
body[class*="column2"] .row #upper .cparts-id504 .cparts-head-block,
body[id*="column02"] #contents #upper .cparts-id504 .cparts-head-block,
body[class*="column2"] .row .upper .cparts-id504 .cparts-head-block,
body[class*="column2"] .row .siteblock-upper .cparts-id504 .cparts-head-block,
body[class*="column2"] #main .cparts-id504 .cparts-head-block,
body[id*="column02"] #main .cparts-id504 .cparts-head-block,
body[class*="column2"] .main .cparts-id504 .cparts-head-block,
body[class*="column2"] .siteblock-main .cparts-id504 .cparts-head-block,
body[class*="column2"] #side .cparts-id504 .cparts-head-block,
body[id*="column02"] #side .cparts-id504 .cparts-head-block,
body[class*="column2"] .side .cparts-id504 .cparts-head-block,
body[class*="column2"] .siteblock-side .cparts-id504 .cparts-head-block,
body[class*="column2"] #bottom .cparts-id504 .cparts-head-block,
body[id*="column02"] #bottom .cparts-id504 .cparts-head-block,
body[class*="column2"] .bottom .cparts-id504 .cparts-head-block,
body[class*="column2"] .siteblock-bottom .cparts-id504 .cparts-head-block {
width: 100% !important;
margin-left: 0!important;
margin-right: 0 !important;
}
body[class*="column2"] #contents #upper .cparts-id504 .cparts-txt-block .cparts-id504__ttl,
body[class*="column2"] .row #upper .cparts-id504 .cparts-txt-block .cparts-id504__ttl,
body[id*="column02"] #contents #upper .cparts-id504 .cparts-txt-block .cparts-id504__ttl,
body[class*="column2"] .row .upper .cparts-id504 .cparts-txt-block .cparts-id504__ttl,
body[class*="column2"] .row .siteblock-upper .cparts-id504 .cparts-txt-block .cparts-id504__ttl,
body[class*="column2"] #main .cparts-id504 .cparts-txt-block .cparts-id504__ttl,
body[id*="column02"] #main .cparts-id504 .cparts-txt-block .cparts-id504__ttl,
body[class*="column2"] .main .cparts-id504 .cparts-txt-block .cparts-id504__ttl,
body[class*="column2"] .siteblock-main .cparts-id504 .cparts-txt-block .cparts-id504__ttl,
body[class*="column2"] #side .cparts-id504 .cparts-txt-block .cparts-id504__ttl,
body[id*="column02"] #side .cparts-id504 .cparts-txt-block .cparts-id504__ttl,
body[class*="column2"] .side .cparts-id504 .cparts-txt-block .cparts-id504__ttl,
body[class*="column2"] .siteblock-side .cparts-id504 .cparts-txt-block .cparts-id504__ttl,
body[class*="column2"] #bottom .cparts-id504 .cparts-txt-block .cparts-id504__ttl,
body[id*="column02"] #bottom .cparts-id504 .cparts-txt-block .cparts-id504__ttl,
body[class*="column2"] .bottom .cparts-id504 .cparts-txt-block .cparts-id504__ttl,
body[class*="column2"] .siteblock-bottom .cparts-id504 .cparts-txt-block .cparts-id504__ttl {
width: 100% !important;
font-size: 4rem !important;
}
body[id*="column2"] #contents #upper .cparts-id504 .cparts-notes-block,
body[class*="column2"] #contents #upper .cparts-id504 .cparts-notes-block,
body[class*="column2"] .row #upper .cparts-id504 .cparts-notes-block,
body[class*="column2"] .row .upper .cparts-id504 .cparts-notes-block,
body[class*="column2"] .row .siteblock-upper .cparts-id504 .cparts-notes-block{
display: none;
}
body[id*="column2"] #contents #upper .cparts-id504 .cparts-id504__ttl-span,
body[class*="column2"] #contents #upper .cparts-id504 .cparts-id504__ttl-span,
body[class*="column2"] .row #upper .cparts-id504 .cparts-id504__ttl-span,
body[class*="column2"] .row .upper .cparts-id504 .cparts-id504__ttl-span,
body[class*="column2"] .row .siteblock-upper .cparts-id504 .cparts-id504__ttl-span{
display: none;
}
.row .cparts-id504{
margin-left: 0 !important;
width: 100% !important;
}
.row .cparts-id504 .cparts-head-block{
width: 100% !important;
}
.row .cparts-id504 .cparts-txt-block .cparts-id504__ttl,
.row .cparts-id504 .cparts-txt-block .cparts-id504__ttl-span,
.row .cparts-id504 .cparts-txt-block .cparts-id504__ttl-span span{
width: 100% !important;
font-size: 4rem !important;
}
.row .cparts-id504 .cparts-notes-block{
display: none;
}
}
/* 利用者の声_ver.4
======================================================= */
.cparts-id505 .cparts-txt-block {
filter: drop-shadow(0px 0px 2px rgba(255,255,255,.3));
position: relative;
}
.cparts-id505 .cparts-txt-block::before {
content: "";
height: 16px;
position: absolute;
bottom: 0;
left: calc(50% - 15px);
width: 30px;
z-index: 1;
}
.cparts-id505 .cparts-txt-block::after {
filter: drop-shadow(0px 0px 2px rgba(255,255,255,.3));
content: "";
height: 16px;
position: absolute;
bottom: -8px;
left: calc(50% - 8px);
transform: rotate(45deg);
width: 16px;
}
.cparts-id505 h1,
.cparts-id505 h2,
.cparts-id505 h3,
.cparts-id505 h4,
.cparts-id505 h5,
.cparts-id505 h6 {
background-image: none !important;
background-color: transparent !important;
border: none !important;
color: inherit !important;
padding: 0 !important;
margin-top: 0 !important;
text-shadow: none !important;
}
.cparts-id505 h1::before,
.cparts-id505 h2::before,
.cparts-id505 h3::before,
.cparts-id505 h4::before,
.cparts-id505 h5::before,
.cparts-id505 h6::before,
.cparts-id505 h1::after,
.cparts-id505 h2::after,
.cparts-id505 h3::after,
.cparts-id505 h4::after,
.cparts-id505 h5::after,
.cparts-id505 h6::after {
display: none !important;
}
.cparts-id505 a:not([class*="btn"]) {
background-image: none !important;
background-color: transparent !important;
border: none !important;
color: inherit !important;
padding: 0 !important;
margin-top: 0 !important;
}
.cparts-id505 h1::before,
.cparts-id505 h2::before,
.cparts-id505 h3::before,
.cparts-id505 h4::before,
.cparts-id505 h5::before,
.cparts-id505 h6::before,
.cparts-id505 h1::after,
.cparts-id505 h2::after,
.cparts-id505 h3::after,
.cparts-id505 h4::after,
.cparts-id505 h5::after,
.cparts-id505 h6::after {
display: none !important;
}
.cparts-id505 .cparts-img-block {
text-align: center;
}
.cparts-id505 .cparts-img-block > img {
border: none;
height: auto;
width: auto;
}
/* 中抜き文字（H3)とテキスト
======================================================= */
[class*="cparts-id527"] .lay-row {
container-type: inline-size;
}
[class*="cparts-id527"][class*="_ttl"] {
background-color: transparent !important;
background-image: none !important;
border: none !important;
box-shadow: none !important;
display: block !important;
color: transparent !important;
font-weight: bold !important;
line-height: 1.2 !important;
padding: 0 !important;
height: auto !important;
min-height: auto !important;
text-align: left;
}
[class*="cparts-id527"][class*="_ttl"]::before,
[class*="cparts-id527"][class*="_ttl"]::after {
display: none !important;
}
@media (max-width: 767px){
[class*="cparts-id527"][class*="_ttl"] {
text-align: center !important;
line-height: 1.2;
letter-spacing: .1rem;
}
}
@media (min-width: 768px){
[class*="cparts-id527"][class*="_ttl"] {
font-size: min(5vw,5.5rem) !important;
margin: 0 !important;
}
[class*="cparts-id527"] .cparts-txt-block {
padding-left: 10%;
padding-right: 10%;
}
.cparts-id527-02 .cparts-head-block {
order: 2;
}
.cparts-id527-02 .cparts-txt-block {
order: 1;
}
/* 親サイズ 737px以下 */
@container (max-width: 450px) {
[class*="cparts-id527"][class*="_ttl"] {
text-align: center !important;
line-height: 1.2;
letter-spacing: .1rem;
}
[class*="cparts-id527"] .lay-row .lay-col12-md-6.lay-col12-lg-6 {
flex: 0 0 100%;
max-width: 100%;
}
[class*="cparts-id527"] .cparts-txt-block {
margin-top: 30px;
}
.cparts-id527-02 .cparts-head-block {
order: 1;
}
.cparts-id527-02 .cparts-txt-block {
order: 2;
}
}
}
/* ブロークングリッドレイアウト画像＆テキスト2列
======================================================= */
@media (max-width: 767px){
.cparts-id490--03 .lay-row > div + div,
.cparts-id490--04 .lay-row > div + div {
margin-top: 1rem;
}
}
@media (min-width: 768px){
/* 親サイズ 400px以下 */
@container (max-width: 400px) {
.cparts-id490--03 .lay-row > div,
.cparts-id490--04 .lay-row > div {
flex: 0 0 100%;
max-width: 100%;
}
.cparts-id490--03 .lay-row > div + div,
.cparts-id490--04 .lay-row > div + div {
margin-top: 1rem;
}
.cparts-id490--03 .lay-row > div:last-child,
.cparts-id490--04 .lay-row > div:last-child {
padding-top: 16px;
}
}
/* 親サイズ 400px以上 */
.cparts-id490--03 .lay-row > div:first-child,
.cparts-id490--04 .lay-row > div:first-child {
padding-right: 40px;
text-align: right;
}
.cparts-id490--03 .lay-row > div:last-child,
.cparts-id490--04 .lay-row > div:last-child {
padding-right: 0;
padding-left: 40px;
text-align: left;
}
.cparts-id490--03 .lay-row > div:last-child,
.cparts-id490--04 .lay-row > div:first-child {
padding-top: 100px;
}
.cparts-id490--03 .cparts-img-block,
.cparts-id490--04 .cparts-img-block {
padding-left: 0 !important;
padding-right: 0 !important;
text-align: inherit !important;
}
[class*="cparts-id490--"] .cparts-txt-block {
display: inline-block;
width: 62.16216%;
}
[class*="cparts-id490--"] .lay-row > div:first-child .cparts-txt-block {
text-align: left;
}
[class*="cparts-id490--"].cparts-rayout--spacesm .cparts-txt-block {
width: 90.09%;
}
/* バリエーション */
.cparts-id490--03.cparts-rayout--spacesm .lay-row > div:first-child,
.cparts-id490--04.cparts-rayout--spacesm .lay-row > div:first-child {
padding-right: 25px;
}
.cparts-id490--03.cparts-rayout--spacesm .lay-row > div:last-child,
.cparts-id490--04.cparts-rayout--spacesm .lay-row > div:last-child {
padding-left: 25px;
}
[class*="cparts-id490--"].cparts-rayout--spacesm .cparts-txt-block {
width: 90.09%;
}
}
/* 画像／サブタイトル付き見出し2・テキスト
======================================================= */
@media (min-width: 768px){
[class*="cparts-id531--"] .parts_h_type16,
[class*="cparts-id531--"] .parts_h_type16 h2 {
margin-top: 0 !important;
}
[class*="cparts-id531--"] .lay-col12-md-6,
[class*="cparts-id531--"] .lay-col12-lg-6 {
display: flex;
flex-direction: column;
justify-content: center;
}
.cparts-id531--02 .lay-row > div:first-child.lay-col12-md-6,
.cparts-id531--02 .lay-row > div:first-child.lay-col12-lg-6 {
order: 2;
}
.cparts-id531--02 .cparts-img-block {
order: 1;
}
}
/* メイン画像_ver.22
======================================================= */
.cparts-id533 {
container-type: inline-size;
}
.cparts-id533 .cparts-body-block {
position: relative;
}
.cparts-id533 div.cparts-txt-block.dec-bg--primary {
background-color: transparent !important;
}
.cparts-id533 .cparts-txt-block.dec-bg--primary {
padding-right: 15px;
position: absolute;
left: 15px;
bottom: 10%;
z-index: 1;
}
.cparts-id533__ttl {
color: currentColor !important;
text-align: left !important;
}
.cparts-id533 div.cparts-note-block p {
background-color: transparent !important;
}
.cparts-id533 .cparts-img-block {
position: relative;
}
.cparts-id533 .cparts-img-block img {
border: none;
border-radius: 0;
}
.cparts-id533 .cparts-img-block.dec-line-pe--primary::before {
border-top-color: transparent !important;
border-right-color: transparent !important;
border-bottom-color: transparent !important;
border-style: solid;
border-width: 360px 0 0 61.803vw;
content: "";
opacity: .8;
position: absolute;
left: 0;
bottom: 0;
}
.cparts-id533 .cparts-caption-block.dec-bg--primary {
background-color: transparent !important;
display: flex;
align-items: center;
font-size: .75rem;
margin-bottom: 0;
padding-bottom: 116px;
position: absolute;
left: 6.5vw;
bottom: 40px;
writing-mode: vertical-rl;
z-index: 1;
}
.cparts-id533 .cparts-caption-block::after {
animation: cparts-id533--move 1.4s ease-in-out infinite;
background-color: currentColor;
content: "";
opacity:0;
position: absolute;
bottom: 100px;
left: calc(50% - .5px);
height: 0;
width: 1px;
}
@keyframes cparts-id533--move {
0%{
height: 0;
bottom: 100px;
opacity: 0;
}
30%{
height: 60px;
bottom: 40px;
opacity: 1;
}
100%{
height: 0;
bottom: 40px;
opacity: 0;
}
}
@media (max-width: 767px){
.cparts-id533 .cparts-img-block {
height: 75vh;
}
.cparts-id533 .cparts-img-block img {
object-fit: cover;
height: 100%;
width: 100%;
}
.cparts-id533 .cparts-caption-block {
display: none !important;
}
}
@media (min-width: 768px){
.cparts-id533 .cparts-body-block {
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
overflow: hidden;
}
.cparts-id533 .cparts-txt-block.dec-bg--primary {
background-color: transparent !important;
padding-right: 6.5vw;
left: 6.5vw;
bottom: 260px;
}
.cparts-id533:not([class*="cparts-mainvisual--"]) .cparts-img-block {
min-height: 60vh;
}
.cparts-id533:not([class*="cparts-mainvisual--"]) .cparts-img-block img {
height: 100%;
min-height: 60vh;
object-fit: cover;
width: 100%;
}
.cparts-id533.cparts-mainvisual--sm .cparts-txt-block {
bottom: 20%;
}
.cparts-id533 .cparts-note-block {
margin-top: 48px;
}
#main .cparts-id533 .cparts-txt-block,
#bottom .cparts-id533 .cparts-txt-block,
#side .cparts-id533 .cparts-txt-block,
#right .cparts-id533 .cparts-txt-block,
#opt1 .cparts-id533 .cparts-txt-block,
#opt2 .cparts-id533 .cparts-txt-block,
#opt3 .cparts-id533 .cparts-txt-block,
#footer .cparts-id533 .cparts-txt-block,
.main .cparts-id533 .cparts-txt-block,
.bottom .cparts-id533 .cparts-txt-block,
.side .cparts-id533 .cparts-txt-block,
.right .cparts-id533 .cparts-txt-block,
.opt1 .cparts-id533 .cparts-txt-block,
.opt2 .cparts-id533 .cparts-txt-block,
.opt3 .cparts-id533 .cparts-txt-block,
.footer .cparts-id533 .cparts-txt-block,
.siteblock-main .cparts-id533 .cparts-txt-block,
.siteblock-bottom .cparts-id533 .cparts-txt-block,
.siteblock-side .cparts-id533 .cparts-txt-block,
.siteblock-right .cparts-id533 .cparts-txt-block,
.siteblock-opt1 .cparts-id533 .cparts-txt-block,
.siteblock-opt2 .cparts-id533 .cparts-txt-block,
.siteblock-opt3 .cparts-id533 .cparts-txt-block,
.siteblock-footer .cparts-id533 .cparts-txt-block {
padding-right: 10%;
left: 10%;
bottom: 10%;
}
.cparts-id533 .cparts-img-block.dec-line-pe--primary::before {
border-width: 180vw 0 0 38.197vw;
}
/* 2カラム */
.pagetemp-column2 #main .cparts-id533 .cparts-body-block,
body:not(.column1) #contents #upper .cparts-id533 .cparts-body-block,
.column2 #contents #upper .cparts-id533 .cparts-body-block,
.column2 .row .upper .cparts-id533 .cparts-body-block,
.column2 .main .cparts-id533 .cparts-body-block,
body:not(.column1) #contents #bottom .cparts-id533 .cparts-body-block,
.column2 #main .cparts-id533 .cparts-body-block,
#bottomContents #side .cparts-id533 .cparts-body-block,
#type2column02 #main .cparts-id533 .cparts-body-block,
#type2column02 #footer .cparts-id533 .cparts-body-block,
.pagetemp-column2 .siteblock-main .cparts-id533 .cparts-body-block,
.pagetemp-column2 [class*="col-lg"] #upper .cparts-id533 .cparts-body-block,
.pagetemp-column2 [class*="col-lg"] .siteblock-upper .cparts-id533 .cparts-body-block,
.pagetemp-column2 [class*="lay-col12-xl"] .siteblock-upper .cparts-id533 .cparts-body-block,
.pagetemp-column2 [class*="col-lg"] #bottom .cparts-id533 .cparts-body-block,
.pagetemp-column2 [class*="col-lg"] .siteblock-bottom .cparts-id533 .cparts-body-block,
.pagetemp-column2 [class*="lay-col12-xl"] .siteblock-bottom .cparts-id533 .cparts-body-block {
margin-right: 0;
margin-left: 0;
}
body:not(.column1) #contents #upper .cparts-id533 .cparts-txt-block,
.column2 #contents #upper .cparts-id533 .cparts-txt-block,
.column2 .row .upper .cparts-id533 .cparts-txt-block,
.column2 .main .cparts-id533 .cparts-txt-block,
body:not(.column1)#contents #bottom .cparts-id533 .cparts-txt-block,
.column2 #main .cparts-id533 .cparts-txt-block,
#bottomContents #side .cparts-id533 .cparts-txt-block,
#type2column02 #main .cparts-id533 .cparts-txt-block,
#type2column02 #footer .cparts-id533 .cparts-txt-block,
.pagetemp-column2 [class*="col-lg"] #upper .cparts-id533 .cparts-txt-block,
.pagetemp-column2 [class*="col-lg"] .siteblock-upper .cparts-id533 .cparts-txt-block,
.pagetemp-column2 [class*="lay-col12-xl"] .siteblock-upper .cparts-id533 .cparts-txt-block {
padding-right: 10%;
left: 10%;
bottom: 10%;
}
body:not(.column1) #contents #upper .cparts-id533 .cparts-img-block.dec-line-pe--primary::before,
.column2 #upper .cparts-id533 .cparts-img-block.dec-line-pe--primary::before,
.column2 .row .upper .cparts-id533 .cparts-img-block.dec-line-pe--primary::before,
.column2 .main .cparts-id533 .cparts-img-block.dec-line-pe--primary::before,
body:not(.column1) #contents #bottom .cparts-id533 .cparts-img-block.dec-line-pe--primary::before,
.column2 #main .cparts-id533 .cparts-img-block.dec-line-pe--primary::before,
#bottomContents #side .cparts-id533 .cparts-img-block.dec-line-pe--primary::before,
#type2column02 #main .cparts-id533 .cparts-img-block.dec-line-pe--primary::before,
#type2column02 #footer .cparts-id533 .cparts-body-block,
.pagetemp-column2 [class*="col-lg"] #upper .cparts-id533 .cparts-img-block.dec-line-pe--primary::before,
.pagetemp-column2 [class*="col-lg"] .siteblock-upper .cparts-id533 .cparts-img-block.dec-line-pe--primary::before,
.pagetemp-column2 [class*="lay-col12-xl"] .siteblock-upper .cparts-id533 .cparts-img-block.dec-line-pe--primary::before {
border-width: 800px 0 0 20vw;
}
/* 親サイズ 650px以下 */
@container (max-width: 650px) {
div:not(#cms-contentsparts-parts-preview) .cparts-id533 .cparts-body-block {
margin-right: 0;
margin-left: 0;
}
div:not(#cms-contentsparts-parts-preview) .cparts-id533 .cparts-txt-block {
padding-right: 15px;
left: 15px;
bottom: 10%;
}
div:not(#cms-contentsparts-parts-preview) .cparts-id533 .cparts-note-block {
margin-top: 16px;
}
div:not(#cms-contentsparts-parts-preview) .cparts-id533 .cparts-caption-block {
display: none !important;
}
div:not(#cms-contentsparts-parts-preview) .cparts-id533 .cparts-img-block {
height: 75vh;
}
div:not(#cms-contentsparts-parts-preview) .cparts-id533 .cparts-img-block img {
object-fit: cover;
height: 100%;
width: 100%;
}
div:not(#cms-contentsparts-parts-preview) .cparts-id533 .cparts-img-block.dec-line-pe--primary::before {
border-width: 360px 0 0 210px;
}
}
}
@media (min-width: 992px){
/* 親サイズ 870px以下 */
@container (max-width: 870px) {
div:not(#cms-contentsparts-parts-preview) .cparts-id533 .cparts-body-block {
margin-right: 0;
margin-left: 0;
}
div:not(#cms-contentsparts-parts-preview) .cparts-id533 .cparts-txt-block {
padding-right: 15px;
left: 15px;
bottom: 10%;
}
div:not(#cms-contentsparts-parts-preview) .cparts-id533 .cparts-note-block {
margin-top: 16px;
}
div:not(#cms-contentsparts-parts-preview) .cparts-id533 .cparts-caption-block {
display: none !important;
}
div:not(#cms-contentsparts-parts-preview) .cparts-id533 .cparts-img-block {
height: 75vh;
}
div:not(#cms-contentsparts-parts-preview) .cparts-id533 .cparts-img-block img {
object-fit: cover;
height: 100%;
width: 100%;
}
div:not(#cms-contentsparts-parts-preview) .cparts-id533 .cparts-img-block.dec-line-pe--primary::before {
border-width: 360px 0 0 210px;
}
}
}
@media (min-width: 1200px){
/* 親サイズ 1100px以下 */
@container (max-width: 1100px) {
div:not(#cms-contentsparts-parts-preview) .cparts-id533 .cparts-body-block {
margin-right: 0;
margin-left: 0;
}
div:not(#cms-contentsparts-parts-preview) .cparts-id533 .cparts-txt-block {
padding-right: 15px;
left: 15px;
bottom: 10%;
}
div:not(#cms-contentsparts-parts-preview) .cparts-id533 .cparts-note-block {
margin-top: 16px;
}
div:not(#cms-contentsparts-parts-preview) .cparts-id533 .cparts-caption-block {
display: none !important;
}
div:not(#cms-contentsparts-parts-preview) .cparts-id533 .cparts-img-block {
height: 75vh;
}
div:not(#cms-contentsparts-parts-preview) .cparts-id533 .cparts-img-block img {
object-fit: cover;
height: 100%;
width: 100%;
}
div:not(#cms-contentsparts-parts-preview) .cparts-id533 .cparts-img-block.dec-line-pe--primary::before {
border-width: 360px 0 0 210px;
}
}
}
/* 背景設定済みパーツ_ver.4
======================================================= */
.cparts-id288--04 {
position: relative;
}
.cparts-id288--04::before {
content: "";
display: block;
opacity: .65;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.cparts-id288--04 .lay-row {
position: relative;
}
.cparts-id288--04 .parts_h_type16 h2 {
background-color: transparent !important;
background-image: none !important;
border-color: currentColor !important;
color: currentColor !important;
margin-top: 0 !important;
}
.cparts-id288--04 .parts_h_type16.dec-bg--primary,
.cparts-id288--04 .cparts-txt-block.dec-bg--primary,
body.sitedesign-bottom-bg .cparts-id288--04 .parts_h_type16.dec-bg--primary,
body.sitedesign-bottom-bg .cparts-id288--04 .cparts-txt-block.dec-bg--primary {
background-color: transparent !important;
}
.cparts-id288--04 .parts_h_type16 h2 .parts_h_type16_en,
.cparts-id288--04 .parts_h_type16 h2::before,
.cparts-id288--04 .parts_h_type16 h2::after,
.cparts-id288--04 .parts_h_type16 h2 .parts_h_type16_en::before,
.cparts-id288--04 .parts_h_type16 h2 .parts_h_type16_en::after,
.cparts-id288--04 .cparts-txt-block a:not([class*="dec-btn"]) {
color: currentColor !important;
}
.cparts-id288--04 .cparts-txt-block h4,
.cparts-id288--04 .cparts-txt-block h5,
.cparts-id288--04 .cparts-txt-block h6 {
background-color: transparent !important;
background-image: none !important;
border-color: currentColor !important;
color: currentColor !important;
}
.cparts-id288--04 .parts_h_type16 h2::after,
.cparts-id288--04 .parts_h_type16 .parts_h_type16_ja::after,
.cparts-id288--04 .cparts-txt-block h4::before,
.cparts-id288--04 .cparts-txt-block h5::before,
.cparts-id288--04 .cparts-txt-block h6::before,
.cparts-id288--04 .cparts-txt-block h4::after,
.cparts-id288--04 .cparts-txt-block h5::after,
.cparts-id288--04 .cparts-txt-block h6::after {
background-color: currentColor !important;
}
/* 画像／背景付テキスト
======================================================= */
[class*="cparts-id535"] .cparts-body-block {
height: 100%;
}
/* 新リンクボタン
======================================================= */
[class*="cparts-id160"],
[class*="cparts-id162"] {
container-type: inline-size;
}
[class*="cparts-id160"] a[class*="dec-btn"],
[class*="cparts-id162"] a[class*="dec-btn"] {
position: relative;
display: inline-block;
max-width: 100% !important;
margin: 0;
line-height: 1.5;
font-weight: 400;
text-decoration: none;
text-align: center;
vertical-align: middle;
cursor: pointer;
transition-property: color, background-color, border-color, box-shadow, opacity;
transition-duration: .5s !important;
transition-delay: 0s !important;
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
[class*="cparts-id160"] a[class*="dec-btn"]:focus,
[class*="cparts-id160"] a[class*="dec-btn"]:hover,
[class*="cparts-id162"] a[class*="dec-btn"]:focus,
[class*="cparts-id162"] a[class*="dec-btn"]:hover {
opacity: .6;
text-decoration: none !important;
}
[class*="cparts-id162"] a[class*="dec-btn"] { border-radius: 10rem !important;}
.dec-btn--square,
[class*="cparts-id160"] a[class*="dec-btn"] { border-radius: 0 !important;}
/* 大 */
[class*="cparts-id160--03"] a[class*="dec-btn"],
[class*="cparts-id162--03"] a[class*="dec-btn"] {
font-size: 1.5rem;
}
@media (min-width: 768px) {
/* 親サイズ 360px以下 */
@container (max-width: 360px) {
.dec-btn--size-md {
padding-left: 3rem;
padding-right: 3rem;
}
.dec-btn--size-lg {
padding-left: 5rem;
padding-right: 5rem;
}
}
}
/* 新お問い合わせ_ver.1
======================================================= */
.cparts-id144 {
border-style: solid;
border-width: 1px;
padding: 2rem !important;
}
.cparts-id144 [class*="cparts-id144__ttl"] {
background-image: none !important;
background-color: transparent !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
color: currentColor !important;
display: block !important;
font-weight: 500 !important;
margin: 0 !important;
padding: 0 !important;
min-height: auto !important;
text-shadow: none !important;
text-align: left !important;
}
.cparts-id144 [class*="cparts-id144__ttl"]::before,
.cparts-id144 [class*="cparts-id144__ttl"]::after {
display: none !important;
}
.cparts-id144 .cparts-id144__ttl--01 {
font-size: 1.5rem !important;
margin-bottom: 1rem !important;
}
.cparts-id144 .cparts-id144__ttl--02 {
font-size: 1.25rem !important;
}
.cparts-id144 .cparts-head-block,
.cparts-id144 .cparts-body-block {
padding-top: 1rem;
padding-bottom: 1rem;
}
.cparts-id144 .cparts-body-block .lay-row > div {
align-self: center;
}
.cparts-id144 p.cparts-note-block {
font-size: 1.5rem;
line-height: 1.2;
margin-bottom: 0.25rem;
word-break: break-all;
}
.cparts-id144 p.cparts-note-block + .cparts-note-block {
margin-bottom: 1.5rem;
}
.cparts-id144 .cparts-txt-block a[class*="dec-btn"] {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
width: 100%;
}
@media (max-width: 767px) {
.cparts-id144 .cparts-head-block {
border-bottom-style: solid;
border-bottom-width: 1px;
}
.cparts-id144 [class*="cparts-id144__ttl"] {
text-align: center !important;
}
.cparts-id144 p {
text-align: center;
}
.cparts-id144 .cparts-txt-block a[class*="dec-btn"] {
width: 80%;
}
}
@media (min-width: 768px) {
.cparts-id144 {
padding: 3rem !important;
}
.cparts-id144 .cparts-head-block {
display: flex;
justify-content: center;
flex-direction: column;
border-right-style: solid;
border-right-width: 1px;
padding-right: 3rem
}
.cparts-id144 .cparts-body-block {
padding-left: 3rem;
}
.cparts-id144 p.cparts-note-block {
font-size: 2rem;
}
}
/* 新お問い合わせ_ver.2
======================================================= */
.cparts-id260 {
border-style: solid;
border-width: 1px;
padding: 3rem 2rem 2rem !important;
}
.cparts-id260 .cparts-id260__ttl {
background-image: none !important;
background-color: transparent !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
color: currentColor !important;
display: block !important;
margin-top: 0 !important;
margin-bottom: 1.5rem;
padding: 0 !important;
min-height: auto !important;
text-shadow: none !important;
text-align: center !important;
}
.cparts-id260 .cparts-id260__ttl::before,
.cparts-id260 .cparts-id260__ttl::after {
display: none !important;
}
.cparts-id260 p {
text-align: center;
}
.cparts-id260 .cparts-body-block > div {
align-self: center;
padding-top: 1rem;
padding-bottom: 1rem;
}
.cparts-id260 p.cparts-note-block {
font-size: 1.75rem;
margin-bottom: 0.25rem;
word-break: break-all;
}
.cparts-id260 .cparts-txt-block a[class*="dec-btn"] {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
width: 80%;
}
@media (max-width: 767px) {
.cparts-id260 .cparts-body-block > div.lay-col12-xs-6:first-child {
border-right-style: solid;
border-right-width: 1px;
}
}
@media (min-width: 768px) {
.cparts-id260 {
padding: 4rem 3rem 3rem !important;
}
.cparts-id260 .cparts-id260__ttl {
font-size: 2.5rem !important;
margin-bottom: 3rem !important;
}
.cparts-id260 p.cparts-note-block {
font-size: 2rem;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.cparts-id260 .cparts-body-block > div.lay-col12-md-6:first-child {
border-right-style: solid;
border-right-width: 1px;
}
}
@media (min-width: 992px) {
.cparts-id260 .cparts-body-block > div.lay-col12-lg-6:first-child {
border-right-style: solid;
border-right-width: 1px;
}
}
/* 新お問い合わせ_ver.3
======================================================= */
.cparts-id146 {
border-style: solid;
border-width: 1px;
padding: 1rem !important;
}
.cparts-id146 .lay-row > div {
align-self: center;
}
.cparts-id146 h4 {
font-size: 1.75rem !important;
margin-bottom: 1.5rem !important;
}
.cparts-id146 p.cparts-note-block {
font-size: 1.5rem;
line-height: 1.2;
margin-bottom: 0.25rem;
word-break: break-all;
}
.cparts-id146 p.cparts-note-block + .cparts-note-block {
margin-bottom: 1.5rem;
}
.cparts-id146 .cparts-txt-block a[class*="dec-btn"] {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
width: 80%;
}
@media (max-width: 767px) {
.cparts-id146 .cparts-txt-block h4,
.cparts-id146 .cparts-txt-block p {
text-align: center;
}
}
@media (min-width: 768px) {
.cparts-id146 {
padding: 2rem !important;
}
.cparts-id146 p.cparts-note-block {
font-size: 1.75rem;
}
}
/* 新お問い合わせ_ver.4
======================================================= */
.cparts-id147 .cparts-body-block {
border-style: solid;
border-width: 1px;
}
.cparts-id147 .cparts-body-block > div:not(.cparts-head-block) {
align-self: center;
padding-top: 2rem;
padding-bottom: 2rem;
}
.cparts-id147 .cparts-head-block {
padding-top: 2rem;
padding-bottom: 2rem;
}
.cparts-id147 .cparts-id147__ttl {
background-image: none !important;
background-color: transparent !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
color: currentColor !important;
display: block !important;
font-size: 1.25rem !important;
margin: 0 !important;
padding: 0 !important;
min-height: auto !important;
text-shadow: none !important;
text-align: left !important;
}
.cparts-id147 .cparts-id147__ttl::before,
.cparts-id147 .cparts-id147__ttl::after {
display: none !important;
}
.cparts-id147 p {
text-align: center;
}
.cparts-id147 p.cparts-note-block {
font-size: 1.75rem;
word-break: break-all;
}
@media (max-width: 767px) {
.cparts-id147 .cparts-id147__ttl {
text-align: center !important;
}
.cparts-id147 .cparts-body-block {
padding-bottom: 15px;
}
.cparts-id147 .cparts-body-block > div.cparts-txt-block {
padding: 0 1rem;
}
}
@media (min-width: 768px) {
.cparts-id147 .cparts-head-block {
display: flex;
align-items: center;
}
.cparts-id147 .cparts-body-block > div {
padding-left: 2rem;
padding-right: 2rem;
}
.cparts-id147 p.cparts-note-block {
font-size: 2rem;
}
}
/* メイン画像_ver.23
======================================================= */
.cparts-id539 {
container-type: inline-size;
}
.cparts-id539 .cparts-body-block {
overflow: hidden;
position: relative;
}
.cparts-id539 .cparts-body-block::after {
content: "";
background: linear-gradient(160deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 60%,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 100%);
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
}
.cparts-id539 .cparts-body-block .lay-row {
position: relative;
z-index: 2;
}
.cparts-id539 .cparts-id539__ttl.dec-bg--light {
background-image: none !important;
background-color: #fff !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
font-size: 1.875rem !important;
font-weight: bold !important;
display: inline !important;
line-height: 2.4 !important;
margin: 0 !important;
padding: 8px 16px !important;
min-height: auto !important;
text-shadow: none !important;
text-align: left !important;
}
.cparts-id539 .cparts-id539__ttl::before,
.cparts-id539 .cparts-id539__ttl::after {
display: none!important;
}
.cparts-id539 .cparts-notes-block {
margin-top: 20px;
}
.cparts-id539 .cparts-notes-block.dec-bg--dark {
background-color: transparent !important;
}
.cparts-id539 .cparts-caption-block {
border-right: 1px solid currentColor;
background-color: transparent !important;
font-size: 1.125rem;
margin: 0;
padding: 10px 5px 10px 0;
position: absolute;
bottom: 30px;
left: calc(50% - 1.2rem);
text-align: center;
writing-mode: vertical-rl;
z-index: 3;
}
.cparts-id539 .cparts-img-block img {
border-radius: 0 !important;
}
.cparts-id539 .cparts-caption-block.dec-bg--light {
background-color: transparent !important;
}
.cparts-id539 .cparts-caption-block::after {
background-color: currentColor;
content: "";
display: block;
height: 1px;
position: absolute;
right: -11px;
bottom: 4px;
transform: rotate(-45deg);
width: 12px;
}
@media (max-width: 767px) {
.cparts-id539 .cparts-body-block {
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
}
.cparts-id539 .cparts-body-block > .dec-bg--primary {
padding: 30px 20px 120px;
}
.cparts-id539 .cparts-img-block {
margin-top: 20px;
}
}
@media (min-width: 768px) {
.cparts-id539 .cparts-body-block {
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
}
.cparts-id539 .cparts-body-block > .dec-bg--primary {
padding: 200px 30px 180px;
}
.cparts-id539 .cparts-body-block::after {
background: linear-gradient(165deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 75%,rgba(255,255,255,1) 75%,rgba(255,255,255,1) 100%);
}
.cparts-id539 .cparts-body-block .lay-row {
max-width: 1300px;
margin-left: auto;
margin-right: auto;
}
.cparts-id539 .cparts-txt-block {
align-self: center;
}
.cparts-id539 .cparts-id539__ttl.dec-bg--light {
font-size: 2.75rem !important;
line-height: 1.8 !important;
position: relative;
white-space: nowrap;
z-index: 1;
}
.cparts-id539 .cparts-notes-block {
margin-top: 30px;
}
.cparts-id539.cparts-mainvisual--sm .cparts-body-block > .dec-bg--primary {
padding-top: 120px;
padding-bottom: 150px;
}
.cparts-id539.cparts-mainvisual--md .cparts-body-block > .dec-bg--primary {
padding-top: 200px;
padding-bottom: 180px;
}
.cparts-id539.cparts-mainvisual--lg .cparts-body-block > .dec-bg--primary {
padding-top: 280px;
padding-bottom: 260px;
}
.cparts-id539.cparts-mainvisual--sm .cparts-img-block,
.cparts-id539.cparts-mainvisual--md .cparts-img-block,
.cparts-id539.cparts-mainvisual--lg .cparts-img-block {
height: auto !important;
}
.cparts-id539.cparts-mainvisual--sm .cparts-img-block img,
.cparts-id539.cparts-mainvisual--md .cparts-img-block img,
.cparts-id539.cparts-mainvisual--lg .cparts-img-block img {
object-fit: none;
height: auto !important;
}
}
@media (min-width: 992px) {
.cparts-id539 .cparts-body-block::after {
background: linear-gradient(165deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 60%,rgba(255,255,255,1) 60%,rgba(255,255,255,1) 100%);
}
.cparts-id539 .cparts-id539__ttl {
font-size: 3.375rem !important;
}
}
/* カラム別対応 */
@media (min-width: 768px){
/* 2カラム */
.pagetemp-column2 #main .cparts-id539 .cparts-body-block,
body:not(.column1) #contents #upper .cparts-id539 .cparts-body-block,
.column2 #contents #upper .cparts-id539 .cparts-body-block,
.column2 .row .upper .cparts-id539 .cparts-body-block,
.column2 .main .cparts-id539 .cparts-body-block,
body:not(.column1) #contents #bottom .cparts-id539 .cparts-body-block,
.column2 #main .cparts-id539 .cparts-body-block,
#bottomContents #side .cparts-id539 .cparts-body-block,
#type2column02 #main .cparts-id539 .cparts-body-block,
#type2column02 #footer .cparts-id539 .cparts-body-block,
.pagetemp-column2 .siteblock-main .cparts-id539 .cparts-body-block,
.pagetemp-column2 [class*="col-lg"] #upper .cparts-id539 .cparts-body-block,
.pagetemp-column2 [class*="col-lg"] .siteblock-upper .cparts-id539 .cparts-body-block,
.pagetemp-column2 [class*="lay-col12-xl"] .siteblock-upper .cparts-id539 .cparts-body-block,
.pagetemp-column2 [class*="col-lg"] #bottom .cparts-id539 .cparts-body-block,
.pagetemp-column2 [class*="col-lg"] .siteblock-bottom .cparts-id539 .cparts-body-block,
.pagetemp-column2 [class*="lay-col12-xl"] .siteblock-bottom .cparts-id539 .cparts-body-block {
margin-right: 0;
margin-left: 0;
}
/* 親サイズ 360px以下 */
@container (max-width: 360px) {
.cparts-id539 .cparts-id539__ttl.dec-bg--light {
font-size: 2rem !important;
line-height: 2.4 !important;
}
.cparts-id539 .cparts-body-block > .dec-bg--primary {
padding-top: 80px;
padding-bottom: 80px;
}
}
/* 親サイズ 650px以下 */
@container (max-width: 650px) {
.cparts-id539 .cparts-body-block {
margin-right: 0;
margin-left: 0;
}
.cparts-id539 .cparts-txt-block,
.cparts-id539 .cparts-img-block {
flex: 0 0 auto !important;
width: 100% !important;
max-width: none !important;
}
}
}
@media (min-width: 992px){
/* 親サイズ 870px以下 */
@container (max-width: 870px) {
.cparts-id539 .cparts-body-block {
margin-right: 0;
margin-left: 0;
}
}
}
@media (min-width: 1200px){
/* 親サイズ 1100px以下 */
@container (max-width: 1100px) {
.cparts-id539 .cparts-body-block {
margin-right: 0;
margin-left: 0;
}
}
}
/* ステップリスト（横並び）_ver.2
======================================================= */
.cparts-id540 .cparts-no-block {
padding-top: 20px;
padding-bottom: 10px;
}
.cparts-id540 .cparts-id540__ttl {
background-image: none !important;
background-color: transparent !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
display: block !important;
font-size: 1.75rem !important;
font-weight: 500 !important;
margin: 0 !important;
padding: 0 !important;
min-height: auto !important;
text-shadow: none !important;
text-align: center !important;
}
.cparts-id540 .cparts-id540__ttl::before,
.cparts-id540 .cparts-id540__ttl::after {
display: none !important;
}
.cparts-id540 .cparts-img-block {
position: relative;
}
.cparts-id540 + .cparts-id540 .cparts-img-block::before {
border-right-style: solid;
border-right-width: 2px;
content: "";
display: block;
height: 20px;
position: absolute;
top: -30px;
left: calc(50% - 1px);
width: 0;
}
@media (max-width: 767px) {
.cparts-id540 + .cparts-id540 {
margin-top: 40px !important;
}
}
@media (min-width: 768px) {
.cparts-id540 + .cparts-id540 .cparts-img-block::before {
border-top-style: solid;
border-top-width: 2px;
border-right: none;
height: 0;
position: absolute;
top: calc(50% - 1px);
left: -23px;
width: 18px;
}
}
/* 新・求人情報一覧（Indeed連携）_ver.1、2
======================================================= */
.cparts-id009 .cparts-id009--01__ttl,
.cparts-id172 .cparts-id172--01__ttl {
margin: 0 0 2rem !important;
}
.cparts-id009 .cparts-id009--02__ttl,
.cparts-id172 .cparts-id172--02__ttl {
margin: 0 !important;
}
.cparts-id009 .cparts-foot-block p,
.cparts-id172 .cparts-foot-block p {
text-align: center;
}
.cparts-id009 .cparts-foot-block a[class*="dec-btn--"],
.cparts-id172 .cparts-foot-block a[class*="dec-btn--"] {
padding: 16px 5px !important;
text-align: center !important;
max-width: 100% !important;
width: 100% !important;
}
.cparts-id009 .cparts-foot-block a[class*="dec-btn--"]::before,
.cparts-id009 .cparts-foot-block a[class*="dec-btn--"]::after,
.cparts-id172 .cparts-foot-block a[class*="dec-btn--"]::before,
.cparts-id172 .cparts-foot-block a[class*="dec-btn--"]::after {
display: none !important;
}
@media (min-width: 768px) and (max-width: 991px) {
.cparts-id009 {
width: calc(50% + 30px);
}
.cparts-id009:nth-child(even) {
margin-right: -30px;
}
.cparts-id009:nth-child(odd) {
margin-left: -30px;
}
}
@media (min-width: 992px) {
.cparts-id009 {
width: calc(33.3333% + 20px);
}
.cparts-id009:nth-child(3n) {
margin-right: -30px;
}
.cparts-id009:nth-child(3n+1) {
margin-left: -30px;
}
.cparts-id172 .cparts-foot-block a[class*="dec-btn--"] {
width: 80% !important;
}
}
/* 新・クリックで開く
======================================================= */
.cparts-click-block:focus,
.cparts-click-block:hover {
cursor: pointer;
opacity: .6;
transition: .5s;
}
[class*="cparts-id170"] .cparts-click-block {
border-radius: 5px;
display: flex;
align-items: center;
padding: 15px;
}
[class*="cparts-id170"] .cparts-click-block [class*="cparts-id170"][class*="__ttl"] {
background-color: transparent !important;
background-image: none !important;
border: none !important;
box-shadow: none !important;
display: block !important;
font-weight: bold !important;
height: auto !important;
margin: 0 !important;
padding: 0 !important;
text-align: left !important;
text-shadow: none !important;
width: auto !important;
}
[class*="cparts-id170"] .cparts-click-block h3[class*="cparts-id170"][class*="__ttl"] {
font-size: 1.5rem !important;
}
[class*="cparts-id170"] .cparts-click-block [class*="cparts-id170"][class*="__ttl"]::before,
[class*="cparts-id170"] .cparts-click-block [class*="cparts-id170"][class*="__ttl"]::after {
display: none !important;
}
[class*="cparts-id170"].cparts-id170-open {
transition: 0s;
transition-delay: 0s !important;
}
[class*="cparts-id170"] .cparts-icon-block {
position: relative;
height: 16px;
margin-right: 24px;
width: 16px;
}
[class*="cparts-id170"] .cparts-icon-block span {
border-radius: 3px;
display: inline-block;
height: 2px;
position: absolute;
left: 0;
top: 6px;
width: 16px;
}
[class*="cparts-id170"] .cparts-icon-block span:first-of-type {
transform:rotate(90deg);
transition: .6s;
}
[class*="cparts-id170"] .cparts-icon-block-open span:first-of-type {
transform:rotate(0);
}
.cparts-id170__foot-block.lay-row {
display: none;
}
/* 編集サイト */
#cms_contents_area .cparts-id170__foot-block {
display: block !important;
margin-bottom: 3rem;
}
#cms_contents_area .cparts-id170__foot-block::after {
background-color: #eee;
border-radius: 5px;
content: "ここまでのコンテンツパーツがクリックで表示されます。\A中ではなく下にコンテンツパーツを追加したい場合はこの上で追加してください。\A（この要素は公開サイトには表示されません）";
color: #333;
display: block;
font-size: 1.25rem;
font-weight: bold;
margin-left: 15px;
margin-right: 15px;
padding: 10px;
text-align: center;
width: calc(100% - 30px);
white-space: pre-wrap;
}
/* 新・ステップリスト
======================================================= */
[class*="cparts-id289"] ul {
background-color: transparent !important;
background-image: none !important;
border: none !important;
box-shadow: none !important;
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
text-shadow: none !important;
}
[class*="cparts-id289"] ul li {
background-image: none !important;
border: none !important;
box-shadow: none !important;
list-style: none !important;
line-height: 1.4 !important;
margin: 0 !important;
padding: 25px 15px 25px 45px !important;
position: relative;
text-indent: 0 !important;
text-shadow: none !important;
}
[class*="cparts-id289"] ul li::before,
[class*="cparts-id289"] ul li::after {
display: none !important;
}
[class*="cparts-id289"] ul li:nth-child(2n+1)::before {
border: none;
content: "";
position: absolute;
display: inline-block !important;
left: 12px;
top: 22px;
width: 20px;
height: 20px;
margin-left: 4px;
margin-top: 2px;
-webkit-mask: none !important;
mask: none !important;
background-color: currentColor;
border-radius: 10px 10px 10px 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
[class*="cparts-id289"] ul li:nth-child(2n+1) span.dec-bg--light {
border: none;
border-radius: 7px;
content: "";
display: block !important;
position: absolute;
left: 22px;
top: 30px;
height: 8px;
transform: none;
width: 8px;
}
[class*="cparts-id289"] ul li:nth-child(2n)::before {
border: none;
border-left: 2px solid;
border-radius: 0;
content: "";
display: block !important;
height: 100%;
-webkit-mask: none !important;
mask: none !important;
position: absolute;
top: 0;
bottom: 0;
left: 25px;
transform: none;
width: 1px;
}
/* 新・よくあるご質問（クリックで回答を表示）
======================================================= */
.cparts-id045--02 .qaList dl dd {
display: none;
}
/* 画像／番号付きタイトル・テキスト
======================================================= */
[class*="cparts-id542"] h3 {
background-color: transparent !important;
background-image: none !important;
border: none !important;
box-shadow: none !important;
color: currentColor;
display: grid !important;
justify-content: flex-start;
grid-template-columns: repeat(2, auto);
grid-template-rows: repeat(2, auto);
grid-column-gap: 16px;
grid-row-gap: 8px;
font-size: 1rem !important;
font-weight: bold !important;
line-height: 1.2 !important;
height: auto !important;
margin: 0 0 2rem !important;
padding: 0 !important;
text-align: left !important;
text-shadow: none !important;
width: auto !important;
}
[class*="cparts-id542"] h3::before {
display: none !important;
}
[class*="cparts-id542"] h3::after {
background-image: none !important;
border: none !important;
box-shadow: none !important;
content: "";
display: block !important;
height: 1px !important;
margin: 1rem 0 0 !important;
padding: 0 !important;
position: static !important;
text-shadow: none !important;
transform: none !important;
width: 60px !important;
}
[class*="cparts-id542"] .cparts-no-block {
align-self: center;
font-size: 5.25rem;
grid-area: 1 / 1 / 3 / 2;
}
[class*="cparts-id542"] [class*="cparts-id542--"][class*="ttl"] {
align-self: flex-end;
font-size: 2rem;
grid-area: 1 / 2 / 2 / 3;
}
[class*="cparts-id542"] .cparts-notes-block {
align-self: flex-start;
color: currentColor;
grid-area: 2 / 2 / 3 / 3;
}
/* テキスト付き画像（サムネイル3枚）
======================================================= */
.cparts-id543,
.cparts-id544 {
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
}
.cparts-id543 .cparts-body-block,
.cparts-id544 .cparts-body-block {
position: relative;
}
.cparts-id543 .cparts-body-block .cparts-img-block,
.cparts-id544 .cparts-body-block .cparts-img-block {
overflow: hidden;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.cparts-id543 .cparts-img-block img,
.cparts-id544 .cparts-img-block img {
border-radius: 0 !important;
border: none !important;
object-fit: cover;
height: 100%;
width: 100%;
}
.cparts-id543 .cparts-txt-block.dec-bg--primary,
.cparts-id544 .cparts-txt-block.dec-bg--primary {
background-color: transparent !important;
padding: 30px 30px 120px;
position: relative;
}
.cparts-id543 .cparts-txt-block.dec-bg--primary::before,
.cparts-id544 .cparts-txt-block.dec-bg--primary::before {
content: "";
display: block;
opacity: .4;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.cparts-id543 .cparts-txt-block.dec-bg--primary > *,
.cparts-id544 .cparts-txt-block.dec-bg--primary > * {
position: relative;
}
/* スマホのみ */
@media (max-width: 767px) {
.cparts-id543,
.cparts-id544 {
overflow: hidden;
width: 100vw;
}
.cparts-id543 .cparts-foot-block,
.cparts-id544 .cparts-foot-block {
padding-left: 30px;
padding-right: 30px;
transform: translateY(-50%);
}
}
/* スマホ以外 */
@media (min-width: 768px) {
.cparts-id543 .cparts-body-block,
.cparts-id544 .cparts-body-block {
padding-bottom: 400px;
}
.cparts-id543 .cparts-txt-block.dec-bg--primary,
.cparts-id544 .cparts-txt-block.dec-bg--primary {
margin-left: auto;
margin-right: auto;
max-width: 852px;
padding: 48px;
}
.cparts-id543 .cparts-foot-block,
.cparts-id544 .cparts-foot-block {
justify-content: flex-end;
margin-top: -100px;
padding-left: 50px;
padding-right: 50px;
}
}
/* カウンターパーツ
======================================================= */
[class*="cparts-id544--"][class*="__ttl"],
[class*="cparts-id546--"][class*="__ttl"] {
background-color: transparent !important;
background-image: none !important;
border-top: none !important;
border-right: none !important;
border-bottom: none !important;
border-left: none !important;
box-shadow: none !important;
color: currentColor !important;
display: block !important;
font-weight: bold !important;
margin-top: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
margin-bottom: 1.5rem !important;
padding: 0 !important;
height: auto !important;
min-height: auto !important;
text-align: center !important;
}
[class*="cparts-id544--"][class*="__ttl"]:before,
[class*="cparts-id544--"][class*="__ttl"]:after,
[class*="cparts-id546--"][class*="__ttl"]:before,
[class*="cparts-id546--"][class*="__ttl"]:after {
display: none !important;
}
[class*="cparts-id544--"] p,
[class*="cparts-id546--"] p {
margin-bottom: 1rem;
}
[class*="cparts-id544--"] .cparts-count-block p,
[class*="cparts-id546--"] .cparts-count-block p {
font-weight: bold;
line-height: 1;
margin-bottom: 1.5rem;
text-align: center;
}
.cparts-id544--03 .cparts-count-block p,
.cparts-id544--04 .cparts-count-block p,
.cparts-id544--05 .cparts-count-block p,
.cparts-id544--06 .cparts-count-block p,
.cparts-id546--03 .cparts-count-block p,
.cparts-id546--04 .cparts-count-block p,
.cparts-id546--05 .cparts-count-block p,
.cparts-id546--06 .cparts-count-block p {
margin-bottom: 2rem;
}
[class*="cparts-id544--"] .cparts-count-block span,
[class*="cparts-id546--"] .cparts-count-block span {
display: inline-block;
}
[class*="cparts-id544--"] .cparts-caption-block,
[class*="cparts-id546--"] .cparts-caption-block {
font-size: 1.5rem;
}
[class*="cparts-id544--"] .cparts-no-block,
[class*="cparts-id546--"] .cparts-no-block {
font-size: 3rem;
padding: 0 2px;
}
/* スマホ以外 */
@media (min-width: 768px) {
.cparts-id544--04 .lay-row > div:nth-of-type(1),
.cparts-id544--06 .lay-row > div:nth-of-type(1),
.cparts-id546--04 .lay-row > div:nth-of-type(1),
.cparts-id546--06 .lay-row > div:nth-of-type(1) {
order: 2;
}
.cparts-id544--04 .lay-row > div:nth-of-type(2),
.cparts-id544--06 .lay-row > div:nth-of-type(2),
.cparts-id546--04 .lay-row > div:nth-of-type(2),
.cparts-id546--06 .lay-row > div:nth-of-type(2) {
order: 1;
}
}
/* 新・テキスト／画像3枚
======================================================= */
.cparts-id74 .cparts-img-block .lay-col12-6:nth-child(2) {
padding-right: 0.5rem;
}
.cparts-id74 .cparts-img-block .lay-col12-6:nth-child(3) {
padding-left: 0.5rem;
}
/* スマホのみ */
@media (max-width: 767px) {
.cparts-id74 .cparts-img-block {
margin-top: 1.5rem;
}
}
/* 新・テキスト／画像6枚
======================================================= */
.cparts-id76 .cparts-img-block .lay-col12-4:nth-child(3n+1) {
padding-right: 0.3rem;
}
.cparts-id76 .cparts-img-block .lay-col12-4:nth-child(3n-1) {
padding-right: 0.7rem;
padding-left: 0.7rem;
}
.cparts-id76 .cparts-img-block .lay-col12-4:nth-child(3n) {
padding-left: 0.3rem;
}
/* スマホのみ */
@media (max-width: 767px) {
.cparts-id76 .cparts-img-block {
margin-top: 1.5rem;
}
}
/* 新・画像／スクロールテキスト
======================================================= */
.cparts-id88 .cparts-txt-block {
overflow-y: auto;
}
.cparts-id88 .cparts-txt-block > *:first-child {
margin-top: 0;
}
/* 新・画像／見出し・背景付テキスト_ver.1&見出し・背景付テキスト／画像_ver.1
======================================================= */
[class*="cparts-id79"].box {
padding: 0 !important;
}
[class*="cparts-id79"] .cparts-img-block img {
height: 100%;
object-fit: cover;
}
[class*="cparts-id79"] .cparts-txt-block > *:first-child {
margin-top: 0;
}
/* スマホのみ */
@media (max-width: 767px) {
[class*="cparts-id79"] .cparts-txt-block {
padding: 15px 30px;
}
}
/* スマホ以外 */
@media (min-width: 768px) {
[class*="cparts-id79"] .cparts-txt-block {
padding-top: 2rem;
padding-right: 2rem;
padding-bottom: 2rem;
padding-left: 2rem;
}
.cparts-id79--01 .cparts-txt-block {
padding-right: calc(15px + 2rem);
}
.cparts-id79--02 .cparts-txt-block {
padding-left: calc(15px + 2rem);
}
.cparts-id79--01 .cparts-img-block {
order: 1;
}
.cparts-id79--01 .cparts-txt-block {
order: 2;
}
}
/* 新・画像／見出し・背景付テキスト_ver.2&見出し・背景付テキスト／画像_ver.2
======================================================= */
[class*="cparts-id210"] .cparts-txt-block > *:first-child {
margin-top: 0;
}
/* スマホのみ */
@media (max-width: 767px) {
[class*="cparts-id210"] .cparts-txt-block {
padding: 15px 30px;
}
}
/* スマホ以外 */
@media (min-width: 768px) {
[class*="cparts-id210"] .cparts-txt-block {
margin-top: -10%;
padding-top: 2rem;
padding-bottom: 2rem;
}
}
/* 新：見出し／テキスト_ver.1、2 */
[class*="cparts-id131"].box {
border: 2px solid;
padding: 0 !important;
overflow: hidden;
}
.cparts-id131--02.box {
overflow: visible;
}
[class*="cparts-id131"].box > div {
padding: 0;
}
[class*="cparts-id131"] .cparts-head-block h3 {
background-color: transparent !important;
background-image: none !important;
border-top: none !important;
border-right: none !important;
border-bottom: none !important;
border-left: none !important;
box-shadow: none !important;
color: currentColor !important;
display: block !important;
font-weight: bold !important;
font-size: 1.25rem !important;
margin-top: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
margin-bottom: 0 !important;
padding: 0 !important;
height: auto !important;
min-height: auto !important;
text-align: center !important;
}
[class*="cparts-id131"] .cparts-head-block h3::before,
[class*="cparts-id131"] .cparts-head-block h3::after {
display: none !important;
}
[class*="cparts-id131"] .cparts-head-block h3 span {
display: block;
}
[class*="cparts-id131"] .cparts-head-block h3 span::before {
display: none !important;
}
[class*="cparts-id131"] .cparts-no-block {
line-height: 1;
}
/* スマホのみ */
@media (max-width: 767px) {
[class*="cparts-id131"] .cparts-head-block,
[class*="cparts-id131"] .cparts-body-block {
margin-top: 0 !important;
padding: 15px 30px;
}
.cparts-id131--02 {
position: relative;
}
div.cparts-id131--02.dec-line-pe--primary::after {
border-width: 10px;
border-style: solid;
border-right-color: transparent !important;
border-bottom-color: transparent !important;
border-left-color: transparent !important;
bottom: -20px;
content: ' ';
height: 0;
position: absolute;
width: 0;
left: 50%;
margin-left: -10px;
}
}
/* スマホ以外 */
@media (min-width: 768px) {
[class*="cparts-id131"] .cparts-head-block h3 {
font-size: 1.5rem !important;
}
[class*="cparts-id131"] .cparts-head-block,
[class*="cparts-id131"] .cparts-body-block {
display: flex;
align-items: center;
padding-top: 2rem;
padding-bottom: 2rem;
}
[class*="cparts-id131"] .cparts-head-block > *,
[class*="cparts-id131"] .cparts-body-block > * {
width: 100%;
}
.cparts-id131--02 .cparts-head-block {
position: relative;
}
div.cparts-id131--02 .cparts-head-block.dec-line-pe--primary::after {
border-width: 10px;
border-style: solid;
border-right-color: transparent !important;
border-bottom-color: transparent !important;
border-left-color: transparent !important;
bottom: -20px;
content: ' ';
height: 0;
position: absolute;
width: 0;
left: 50%;
margin-left: -10px;
}
}
/* 新・タブ切り替え
======================================================= */
#cms_contents_area .cparts-id177__tablast-block::before {
background-color: #eee;
border-radius: 5px 5px 0 0;
color: #333;
display: block;
font-size: 1.25rem;
font-weight: bold;
margin: 0 15px;
padding: 10px 10px 0;
text-align: center;
width: 100%;
}
#cms_contents_area .cparts-id177__foot-block::after {
background-color: #eee;
border-radius: 0 0 5px 5px;
color: #333;
display: block;
font-size: 1.25rem;
font-weight: bold;
margin: 0 15px;
padding: 0 10px 10px;
text-align: center;
width: 100%;
}
#cms_contents_area .cparts-id177__tablast-block.cparts-tab-block__01::before {
content: "ここまでのコンテンツパーツが「タブ1」内に表示されます。";
}
#cms_contents_area .cparts-id177__tablast-block.cparts-tab-block__02::before {
content: "ここまでのコンテンツパーツが「タブ2内」に表示されます。";
}
#cms_contents_area .cparts-id177__tablast-block.cparts-tab-block__03::before {
content: "ここまでのコンテンツパーツが「タブ3内」に表示されます。";
}
#cms_contents_area .cparts-id177__tablast-block.cparts-tab-block__04::before {
content: "ここまでのコンテンツパーツが「タブ4内」に表示されます。";
}
#cms_contents_area .cparts-id177__foot-block::after {
content: "\Aこの下にコンテンツパーツを追加できます。\Aこの文章の上でマウスオーバー、もしくは右クリックをしてください。\A（この要素は公開サイトには表示されません）";
}
.cparts-id177__tabstart-block p,
.cparts-id177__tablast-block p,
.cparts-id177__foot-block p {
margin-bottom: 0;
}
.cparts-id177__head-block ol {
background-color: transparent !important;
background-image: none !important;
border: none !important;
list-style: none !important;
margin: 0 -15px !important;
padding: 0 !important;
}
.cparts-id177__head-block ol::before,
.cparts-id177__head-block ol::after,
.cparts-id177__head-block ol li::before,
.cparts-id177__head-block ol li::after {
display: none !important;
}
.cparts-id177__head-block ol li {
background-color: transparent !important;
background-image: none !important;
border: none !important;
list-style: none !important;
margin-top: 0 !important;
margin-right: 0 !important;
margin-left: 0 !important;
padding: 0 15px !important;
}
.cparts-id177__head-block ol li span {
cursor: pointer;
display: block;
position: relative;
text-align: center;
}
.cparts-id177__head-block ol li span.dec-line-pe--primary:before {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -8px;
border: 8px solid;
border-right-color: transparent !important;
border-bottom-color: transparent !important;
border-left-color: transparent !important;
animation: Fade .6s;
}
/* スマホのみ */
@media (max-width: 767px) {
.cparts-id177--01.cparts-id177__head-block ol li:nth-child(odd),
.cparts-id177--03.cparts-id177__head-block ol li:nth-child(odd) {
padding-right: 5px !important;
}
.cparts-id177--01.cparts-id177__head-block ol li:nth-child(even),
.cparts-id177--03.cparts-id177__head-block ol li:nth-child(even) {
padding-left: 5px !important;
}
.cparts-id177--02.cparts-id177__head-block ol li:nth-of-type(1) {
padding-right: 1px !important;
}
.cparts-id177--02.cparts-id177__head-block ol li:nth-of-type(2) {
padding-right: 8px !important;
padding-left: 8px !important;
}
.cparts-id177--02.cparts-id177__head-block ol li:nth-of-type(3) {
padding-left: 1px !important;
}
.cparts-id177--03.cparts-id177__head-block ol li:nth-of-type(3),
.cparts-id177--03.cparts-id177__head-block ol li:nth-of-type(4) {
margin-top: -.75rem !important;
}
}
/* スマホ以外 */
@media (min-width: 768px) {
.cparts-id74,
.cparts-id76,
[class*="cparts-id79"],
[class*="cparts-id210"],
[class*="cparts-id131"] {
container-type: inline-size;
}
/* 親サイズ 360px以下 */
@container (max-width: 360px) {
.cparts-id74 .cparts-img-block,
.cparts-id74 .cparts-txt-block,
.cparts-id76 .cparts-img-block,
.cparts-id76 .cparts-txt-block,
[class*="cparts-id79"] .cparts-img-block,
[class*="cparts-id79"] .cparts-txt-block,
[class*="cparts-id210"] .cparts-img-block,
[class*="cparts-id210"] .cparts-txt-block,
[class*="cparts-id131"] .cparts-head-block,
[class*="cparts-id131"] .cparts-body-block {
flex: 0 0 100% !important;
max-width: 100% !important;
}
.cparts-id74 .cparts-img-block,
.cparts-id76 .cparts-img-block {
margin-top: 1.5rem;
}
.cparts-id79--01 .cparts-txt-block {
padding-left: calc(15px + 2rem);
}
.cparts-id79--02 .cparts-txt-block {
padding-right: calc(15px + 2rem);
}
.cparts-id79--01 .cparts-img-block {
order: 2;
}
.cparts-id79--01 .cparts-txt-block {
order: 1;
}
[class*="cparts-id210"] .cparts-txt-block {
margin-top: 0;
}
div.cparts-id131--02.dec-line-pe--primary::after {
border-width: 10px;
border-style: solid;
border-right-color: transparent !important;
border-bottom-color: transparent !important;
border-left-color: transparent !important;
bottom: -20px;
content: ' ';
height: 0;
position: absolute;
width: 0;
left: 50%;
margin-left: -10px;
}
.cparts-id131--02 .cparts-head-block::after {
display: none;
}
}
}
/* フレックスボックス（子要素に「cparts-flexinline-block」クラスのコンテンツパーツがあると囲む）
======================================================= */
.cparts-flex-block > .lay-row {
width: calc(100% + 30px);
}
/* 新・ライン・見出し／ライン・テキスト
======================================================= */
[class*="cparts-id1--"] .cparts-head-block,
[class*="cparts-id1--"] .cparts-body-block {
border-top: 6px solid;
}
[class*="cparts-id1--"][class*="__ttl"] {
background-color: transparent !important;
background-image: none !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
color: currentColor !important;
display: block !important;
line-height: 1.2;
margin: 0 !important;
padding: 0 !important;
text-align: left !important;
text-decoration: none !important;
text-shadow: none !important;
mask-image: none !important;
-webkit-mask-image: none !important;
}
[class*="cparts-id1--"][class*="__ttl"]::first-letter {
color: currentColor !important;
}
[class*="cparts-id1--"][class*="__ttl"]::before,
[class*="cparts-id1--"][class*="__ttl"]::after {
display: none !important;
}
/* スマホのみ */
@media (max-width: 767px) {
.cparts-id1--02 .lay-row > div:last-child {
margin-top: 2rem;
}
}
/* 新・見出し（太枠）・テキスト
======================================================= */
[class*="cparts-id8--"] > div {
margin-left: 0 !important;
margin-right: 0 !important;
padding: 8px;
}
[class*="cparts-id8--"][class*="__ttl"] {
background-color: transparent !important;
background-image: none !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
color: currentColor !important;
display: block !important;
line-height: 1.2;
margin: 0 !important;
padding: 0 !important;
text-align: left !important;
text-decoration: none !important;
text-shadow: none !important;
mask-image: none !important;
-webkit-mask-image: none !important;
}
[class*="cparts-id8--"][class*="__ttl"]::first-letter {
color: currentColor !important;
}
[class*="cparts-id8--"][class*="__ttl"]::before,
[class*="cparts-id8--"][class*="__ttl"]::after {
display: none !important;
}
[class*="cparts-id8--"] .cparts-head-block {
padding: 8px 0 16px;
}
[class*="cparts-id8--"] .cparts-body-block {
padding: 16px;
width: 100%;
}
.cparts-id8--03 .cparts-txt-block,
.cparts-id8--03 .cparts-img-block {
display: flex;
flex-direction: column;
justify-content: center;
}
.cparts-id8--01 .cparts-body-block {
margin-top: 0 !important;
}
/* 新・番号付き見出し・画像・テキスト
======================================================= */
[class*="cparts-id548"][class*="__ttl"] {
display: flex !important;
align-items: flex-start;
}
[class*="cparts-id548"][class*="__ttl"] {
background-color: transparent !important;
background-image: none !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
color: currentColor !important;
line-height: 36px;
margin: 0 !important;
padding: 0 !important;
text-align: left !important;
text-decoration: none !important;
text-shadow: none !important;
mask-image: none !important;
-webkit-mask-image: none !important;
}
[class*="cparts-id548"][class*="__ttl"]::first-letter {
color: currentColor !important;
}
[class*="cparts-id548"][class*="__ttl"]::before,
[class*="cparts-id548"][class*="__ttl"]::after {
display: none !important;
}
[class*="cparts-id548"] .cparts-no-block {
display: table;
font-size: 1rem;
line-height: 36px;
height: 36px;
margin-right: 8px;
padding: 0 4px;
text-align: center;
min-width: 36px;
}
/* 新・プラン別価格表（横並び）
======================================================= */
.cparts-id113 .cparts-body-block {
padding: 2px !important;
}
.cparts-id113__ttl {
background-color: transparent !important;
background-image: none !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
color: currentColor !important;
display: block !important;
line-height: 36px;
margin: 16px 0 !important;
padding: 0 !important;
text-align: center !important;
text-decoration: none !important;
text-shadow: none !important;
mask-image: none !important;
-webkit-mask-image: none !important;
}
.cparts-id113__ttl::first-letter {
color: currentColor !important;
}
.cparts-id113__ttl::before,
.cparts-id113__ttl::after {
display: none !important;
}
.cparts-id113 .cparts-txt-block {
border-radius: 0 0 6px 6px;
}
.cparts-id113 .cparts-txt-block > p {
line-height: 1.2;
text-align: center;
}
.cparts-id113 p.cparts-notes-block {
font-size: 1.25rem;
font-weight: bold;
}
.cparts-id113 p.cparts-notes-block + p {
margin-bottom: 0;
}
.cparts-id113 .cparts-price-block {
display: inline-block;
font-size: 3.5rem;
margin: 0 8px;
word-break: break-all;
}
.cparts-id113 .cparts-caption-block h4 {
background-color: transparent !important;
background-image: none !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
color: currentColor !important;
display: block !important;
filter: none !important;
font-weight: bold;
line-height: 1.2;
margin: 2rem 0 2rem !important;
padding: 2rem 0 0 !important;
text-align: center !important;
text-decoration: none !important;
text-shadow: none !important;
mask-image: none !important;
-webkit-mask-image: none !important;
}
.cparts-id113 .cparts-caption-block h4::first-letter {
color: currentColor !important;
}
.cparts-id113 .cparts-caption-block h4::before {
background-image: none !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
content: "" !important;
display: block !important;
margin: -2rem 0 2rem !important;
height: 2px !important;
padding: 0 !important;
position: static !important;
transform: none !important;
width: 100% !important;
mask-image: none !important;
-webkit-mask-image: none !important;
}
.cparts-id113 .cparts-caption-block h4::after {
display: none !important;
}
/* メイン画像_ver.24
======================================================= */
.cparts-id553 .cparts-txt-block {
margin: 0 20px 40px;
}
.cparts-id553__ttl {
background-color: transparent !important;
background-image: none !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
color: currentColor !important;
display: block !important;
font-size: 2rem !important;
line-height: 1.2;
margin: 0 0 8px !important;
padding: 0 !important;
text-align: left !important;
text-decoration: none !important;
text-shadow: none !important;
mask-image: none !important;
-webkit-mask-image: none !important;
}
.cparts-id553__ttl::before,
.cparts-id553__ttl::after {
display: none !important;
}
.cparts-id553 .cparts-txt-block p {
margin-bottom: 8px;
}
.cparts-id553 .cparts-img-block:nth-child(2) {
width: 85%;
}
.cparts-id553 .cparts-img-block:nth-child(3) {
margin-top: -20%;
margin-left: calc(65% - 40px);
width: 35%;
}
/* スマホ以外 */
@media (min-width: 768px) {
.cparts-id553 {
container-type: inline-size;
}
/* 親サイズ 420px以上 */
@container (min-width: 420px) {
.cparts-id553 .cparts-body-block {
display: flex;
flex-direction: column;
padding-bottom: 5vw;
position: relative;
}
.cparts-id553 .cparts-txt-block {
margin: 40px 0 0 80px;
order: 2;
width: calc(60% - 80px);
}
.cparts-id553__ttl {
font-size: 3rem !important;
margin-bottom: 24px !important;
}
.cparts-id553 .cparts-txt-block p {
margin-bottom: 16px;
}
.cparts-id553 .cparts-img-block:nth-child(2) {
order: 1;
width: 60%;
}
.cparts-id553 .cparts-img-block:nth-child(3) {
margin-top: 0px;
margin-left: 0;
overflow: hidden;
position: absolute;
right: 4%;
bottom: 0;
height: 85%;
width: 31%;
}
.cparts-id553 .cparts-img-block:nth-child(3) img {
object-fit: cover;
height: 100%;
width: 100%;
}
}
}
/* 新・メイン画像_ver.1～7
======================================================= */
#bootstrap_template #header .cparts-id180,
#bootstrap_template #header .cparts-id181,
#bootstrap_template #header .cparts-id182,
#bootstrap_template #header .cparts-id183,
#bootstrap_template #header .cparts-id184,
#bootstrap_template #header .cparts-id175,
#bootstrap_template #header .cparts-id176,
#bootstrap_template .header .cparts-id180,
#bootstrap_template .header .cparts-id181,
#bootstrap_template .header .cparts-id182,
#bootstrap_template .header .cparts-id183,
#bootstrap_template .header .cparts-id184,
#bootstrap_template .header .cparts-id175,
#bootstrap_template .header .cparts-id176,
#bootstrap_template:not(.column2) #upper .cparts-id180,
#bootstrap_template:not(.column2) #upper .cparts-id181,
#bootstrap_template:not(.column2) #upper .cparts-id182,
#bootstrap_template:not(.column2) #upper .cparts-id183,
#bootstrap_template:not(.column2) #upper .cparts-id184,
#bootstrap_template:not(.column2) #upper .cparts-id175,
#bootstrap_template:not(.column2) #upper .cparts-id176,
#bootstrap_template:not(.column2) .upper .cparts-id180,
#bootstrap_template:not(.column2) .upper .cparts-id181,
#bootstrap_template:not(.column2) .upper .cparts-id182,
#bootstrap_template:not(.column2) .upper .cparts-id183,
#bootstrap_template:not(.column2) .upper .cparts-id184,
#bootstrap_template:not(.column2) .upper .cparts-id175,
#bootstrap_template:not(.column2) .upper .cparts-id176,
.column1 #main .cparts-id180,
.column1 #main .cparts-id181,
.column1 #main .cparts-id182,
.column1 #main .cparts-id183,
.column1 #main .cparts-id184,
.column1 #main .cparts-id175,
.column1 #main .cparts-id176,
.column1 .main .cparts-id180,
.column1 .main .cparts-id181,
.column1 .main .cparts-id182,
.column1 .main .cparts-id183,
.column1 .main .cparts-id184,
.column1 .main .cparts-id175,
.column1 .main .cparts-id176,
#type2column02 #header .cparts-id180,
#type2column02 #header .cparts-id181,
#type2column02 #header .cparts-id182,
#type2column02 #header .cparts-id183,
#type2column02 #header .cparts-id184,
#type2column02 #header .cparts-id175,
#type2column02 #header .cparts-id176,
.siteblock-header .cparts-id180,
.siteblock-header .cparts-id181,
.siteblock-header .cparts-id182,
.siteblock-header .cparts-id183,
.siteblock-header .cparts-id184,
.siteblock-header .cparts-id175,
.siteblock-header .cparts-id176,
.siteblock-upper .cparts-id180,
.siteblock-upper .cparts-id181,
.siteblock-upper .cparts-id182,
.siteblock-upper .cparts-id183,
.siteblock-upper .cparts-id184,
.siteblock-upper .cparts-id175,
.siteblock-upper .cparts-id176,
.pagetemp-column1 .siteblock-main div:not(.cms-contentsparts-parts-preview) > .cparts-id180,
.pagetemp-column1 .siteblock-main div:not(.cms-contentsparts-parts-preview) > .cparts-id181,
.pagetemp-column1 .siteblock-main div:not(.cms-contentsparts-parts-preview) > .cparts-id182,
.pagetemp-column1 .siteblock-main div:not(.cms-contentsparts-parts-preview) > .cparts-id183,
.pagetemp-column1 .siteblock-main div:not(.cms-contentsparts-parts-preview) > .cparts-id184,
.pagetemp-column1 .siteblock-main div:not(.cms-contentsparts-parts-preview) > .cparts-id175,
.pagetemp-column1 .siteblock-main div:not(.cms-contentsparts-parts-preview) > .cparts-id176 {
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
width: 100vw;
max-width: none;
}
.cparts-id180 .cparts-body-block,
.cparts-id181 .cparts-body-block,
.cparts-id182 .cparts-body-block,
.cparts-id183 .cparts-body-block,
.cparts-id184 .cparts-body-block,
.cparts-id175 .cparts-body-block,
.cparts-id176 .cparts-body-block {
padding-left: 0;
padding-right: 0;
}
.cparts-id180 .cparts-body-block,
.cparts-id181 .cparts-body-block,
.cparts-id182 .cparts-body-block,
.cparts-id184 .cparts-body-block,
.cparts-id175 .cparts-body-block {
display: flex;
}
.cparts-id184 .cparts-body-block {
justify-content: center;
overflow: hidden;
position: relative;
}
.cparts-id184 .cparts-body-block {
align-items: center;
padding-top: 6rem;
padding-bottom: 6rem;
}
.cparts-id175 .cparts-body-block,
.cparts-id176 .cparts-body-block {
justify-content: flex-end;
position: relative;
}
.cparts-id180__ttl,
.cparts-id181__ttl,
.cparts-id182__ttl,
.cparts-id183__ttl,
.cparts-id184__ttl,
.cparts-id175__ttl,
.cparts-id176__ttl {
background-color: transparent !important;
background-image: none !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
color: currentColor !important;
display: block !important;
font-size: 2.25rem !important;
line-height: 1.2;
margin-top: 0!important;
margin-right: 0!important;
margin-left: 0!important;
padding: 0 !important;
text-align: center!important;
text-decoration: none !important;
text-shadow: none !important;
mask-image: none !important;
-webkit-mask-image: none !important;
width: auto !important;
}
.cparts-id175__ttl,
.cparts-id176__ttl {
text-align: left !important;
}
.cparts-id183__ttl {
margin-bottom: 0 !important;
}
.cparts-id180__ttl::before,
.cparts-id180__ttl::after,
.cparts-id181__ttl::before,
.cparts-id181__ttl::after,
.cparts-id182__ttl::before,
.cparts-id182__ttl::after,
.cparts-id183__ttl::before,
.cparts-id183__ttl::after,
.cparts-id184__ttl::before,
.cparts-id184__ttl::after,
.cparts-id175__ttl::before,
.cparts-id175__ttl::after,
.cparts-id176__ttl::before,
.cparts-id176__ttl::after {
display: none !important;
}
.cparts-id180 .cparts-txt-block.dec-bg--light,
.cparts-id181 .cparts-txt-block.dec-bg--light,
.cparts-id182 .cparts-txt-block.dec-bg--light,
.cparts-id184 .cparts-txt-block.dec-bg--primary {
background-color: transparent !important;
position: relative;
left: auto !important;
right: auto !important;
z-index: 1;
}
.cparts-id180 .cparts-txt-block,
.cparts-id181 .cparts-txt-block,
.cparts-id182 .cparts-txt-block,
.cparts-id183 .cparts-txt-block {
text-align: center;
width: 100%;
}
.cparts-id180 .cparts-txt-block p,
.cparts-id181 .cparts-txt-block p,
.cparts-id182 .cparts-txt-block p,
.cparts-id183 .cparts-txt-block p,
.cparts-id184 .cparts-txt-block p {
text-align: center;
}
.cparts-id180 .cparts-txt-block p:not(:last-child),
.cparts-id181 .cparts-txt-block p:not(:last-child),
.cparts-id182 .cparts-txt-block p:not(:last-child),
.cparts-id183 .cparts-txt-block p:not(:last-child),
.cparts-id184 .cparts-txt-block p:not(:last-child),
.cparts-id175 .cparts-txt-block p:not(:last-child),
.cparts-id176 .cparts-txt-block p:not(:last-child) {
margin-bottom: 1rem !important;
}
.cparts-id184 .cparts-txt-block {
max-width: 80%;
}
.cparts-id184 .cparts-txt-block > * {
position: relative;
left: auto !important;
right: auto !important;
z-index: 2;
}
.cparts-id184 .cparts-txt-block::before {
content: "";
opacity: .8;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
}
.cparts-id175 .cparts-txt-block {
position: absolute;
left: 1rem;
bottom: 3rem;
z-index: 1;
max-width: calc(100% - 2rem);
}
.cparts-id176 .cparts-txt-block {
position: absolute;
right: 1rem;
bottom: 0;
z-index: 1;
max-width: calc(100% - 2rem);
}
.cparts-id181 .cparts-notes-block a[class*="dec-btn"],
.cparts-id182 .cparts-notes-block a[class*="dec-btn"],
.cparts-id183 .cparts-notes-block a[class*="dec-btn"] {
margin: 0 !important;
}
.cparts-id184 .cparts-img-block {
overflow: hidden;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.cparts-id180 .cparts-img-block img,
.cparts-id181 .cparts-img-block img,
.cparts-id182 .cparts-img-block img,
.cparts-id183 .cparts-img-block img,
.cparts-id184 .cparts-img-block img,
.cparts-id175 .cparts-img-block img,
.cparts-id176 .cparts-img-block img {
border: none !important;
border-radius: 0 !important;
object-fit: cover;
height: 100%;
width: 100%;
}
.cparts-id175 .cparts-img-block {
width: 80%;
}
.cparts-id176 .cparts-img-block {
clip-path: polygon(0 0, 100% 0%, 100% 80%, 0% 100%);
}
.cparts-id180.cparts-mainvisual--sm .cparts-img-block,
.cparts-id180.cparts-mainvisual--md .cparts-img-block,
.cparts-id180.cparts-mainvisual--lg .cparts-img-block,
.cparts-id181.cparts-mainvisual--sm .cparts-img-block,
.cparts-id181.cparts-mainvisual--md .cparts-img-block,
.cparts-id181.cparts-mainvisual--lg .cparts-img-block,
.cparts-id182.cparts-mainvisual--sm .cparts-img-block,
.cparts-id182.cparts-mainvisual--md .cparts-img-block,
.cparts-id182.cparts-mainvisual--lg .cparts-img-block,
.cparts-id184.cparts-mainvisual--sm .cparts-img-block,
.cparts-id184.cparts-mainvisual--md .cparts-img-block,
.cparts-id184.cparts-mainvisual--lg .cparts-img-block {
height: auto;
}
.cparts-id184.cparts-mainvisual--sm .cparts-body-block {
padding-top: 2rem;
padding-bottom: 2rem;
}
.cparts-id184.cparts-mainvisual--md .cparts-body-block {
padding-top: 4rem;
padding-bottom: 4rem;
}
.cparts-id184.cparts-mainvisual--lg .cparts-body-block {
padding-top: 8rem;
padding-bottom: 8rem;
}
/* スマホのみ*/
@media (max-width: 767px) {
.cparts-id180 .cparts-body-block,
.cparts-id181 .cparts-body-block,
.cparts-id182 .cparts-body-block,
.cparts-id183 .cparts-body-block {
flex-direction: column;
}
.cparts-id183 .cparts-body-block {
display: flex;
}
.cparts-id180 .cparts-txt-block.dec-bg--light,
.cparts-id181 .cparts-txt-block.dec-bg--light,
.cparts-id182 .cparts-txt-block.dec-bg--light {
background-color: transparent !important;
color: currentColor !important;
order: 2;
padding-left: 1rem;
padding-bottom: 0;
padding-right: 1rem;
}
.cparts-id183 .cparts-txt-block {
order: 2;
padding-left: 1rem;
padding-right: 1rem;
}
.cparts-id180 .cparts-img-block,
.cparts-id181 .cparts-img-block,
.cparts-id182 .cparts-img-block,
.cparts-id183 .cparts-img-block {
order: 1;
}
.cparts-id175 .cparts-img-block,
.cparts-id176 .cparts-img-block {
height: 50vh;
}
.cparts-id175.cparts-mainvisual--sm .cparts-img-block,
.cparts-id176.cparts-mainvisual--sm .cparts-img-block {
height: 30vh;
}
.cparts-id175.cparts-mainvisual--md .cparts-img-block,
.cparts-id176.cparts-mainvisual--md .cparts-img-block {
height: 70vh;
}
.cparts-id175.cparts-mainvisual--lg .cparts-img-block,
.cparts-id176.cparts-mainvisual--lg .cparts-img-block {
height: 90vh;
}
}
/* スマホ以外 */
@media (min-width: 768px) {
.cparts-id180,
.cparts-id181,
.cparts-id182,
.cparts-id183,
.cparts-id184,
.cparts-id175,
.cparts-id176 {
container-type: inline-size;
}
/* 親サイズ 650px以下 */
@container (max-width: 650px) {
.cparts-id180 .cparts-body-block,
.cparts-id181 .cparts-body-block,
.cparts-id182 .cparts-body-block,
.cparts-id183 .cparts-body-block {
flex-direction: column;
}
.cparts-id183 .cparts-body-block {
display: flex;
}
.cparts-id180 .cparts-txt-block.dec-bg--light,
.cparts-id181 .cparts-txt-block.dec-bg--light,
.cparts-id182 .cparts-txt-block.dec-bg--light {
background-color: transparent !important;
color: currentColor !important;
order: 2;
padding-left: 0;
padding-right: 0;
}
.cparts-id183 .cparts-txt-block {
order: 2;
padding-left: 1rem;
padding-right: 1rem;
}
.cparts-id180 .cparts-img-block,
.cparts-id181 .cparts-img-block,
.cparts-id182 .cparts-img-block,
.cparts-id183 .cparts-img-block {
order: 1;
}
.cparts-id175 .cparts-img-block,
.cparts-id176 .cparts-img-block {
height: 50vh;
}
.cparts-id175.cparts-mainvisual--sm .cparts-img-block,
.cparts-id176.cparts-mainvisual--sm .cparts-img-block {
height: 30vh;
}
.cparts-id175.cparts-mainvisual--md .cparts-img-block,
.cparts-id176.cparts-mainvisual--md .cparts-img-block {
height: 70vh;
}
.cparts-id175.cparts-mainvisual--lg .cparts-img-block,
.cparts-id176.cparts-mainvisual--lg .cparts-img-block {
height: 90vh;
}
}
/* 親サイズ 650px以上 */
@container (min-width: 651px) {
.cparts-id180 .cparts-body-block,
.cparts-id181 .cparts-body-block {
align-items: center;
}
.cparts-id180 .cparts-body-block,
.cparts-id181 .cparts-body-block,
.cparts-id184 .cparts-body-block {
padding-top: 12rem;
padding-bottom: 12rem;
}
.cparts-id182 .cparts-body-block {
align-items: flex-end;
padding-top: 20rem;
}
.cparts-id183 .cparts-body-block {
padding-top: 6rem;
position: relative;
}
.cparts-id184 .cparts-txt-block {
max-width: 40%;
}
.cparts-id183 .cparts-txt-block {
position: absolute;
right: 0;
left: 0;
bottom: 6rem;
z-index: 1;
}
.cparts-id175 .cparts-txt-block,
.cparts-id176 .cparts-txt-block {
max-width: 40%;
}
.cparts-id180 .cparts-txt-block::before,
.cparts-id181 .cparts-txt-block::before,
.cparts-id182 .cparts-txt-block::before {
content: "";
opacity: .8;
height: 100%;
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
}
.cparts-id180 .cparts-txt-block > *,
.cparts-id181 .cparts-txt-block > *,
.cparts-id182 .cparts-txt-block > * {
position: relative;
left: auto !important;
right: auto !important;
z-index: 2;
}
.cparts-id180__ttl,
.cparts-id181__ttl,
.cparts-id182__ttl,
.cparts-id183__ttl,
.cparts-id184__ttl,
.cparts-id175__ttl,
.cparts-id176__ttl {
font-size: 3rem !important;
}
.cparts-id175 .cparts-txt-block {
left: 6rem;
bottom: 6rem;
}
.cparts-id176 .cparts-txt-block {
right: 6rem;
}
.cparts-id175 .cparts-notes-block,
.cparts-id176 .cparts-notes-block {
font-size: 1.25rem;
}
.cparts-id180 .cparts-body-block,
.cparts-id181 .cparts-body-block,
.cparts-id182 .cparts-body-block {
position: relative;
}
.cparts-id180 .cparts-img-block,
.cparts-id181 .cparts-img-block,
.cparts-id182 .cparts-img-block {
overflow: hidden;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
}
.cparts-id180.cparts-mainvisual--sm .cparts-body-block,
.cparts-id181.cparts-mainvisual--sm .cparts-body-block,
.cparts-id184.cparts-mainvisual--sm .cparts-body-block {
padding-top: 4rem;
padding-bottom: 4rem;
}
.cparts-id182.cparts-mainvisual--sm .cparts-body-block {
padding-top: 16rem;
}
.cparts-id180.cparts-mainvisual--md .cparts-body-block,
.cparts-id181.cparts-mainvisual--md .cparts-body-block,
.cparts-id184.cparts-mainvisual--md .cparts-body-block {
padding-top: 8rem;
padding-bottom: 8rem;
}
.cparts-id182.cparts-mainvisual--md .cparts-body-block {
padding-top: 24rem;
}
.cparts-id180.cparts-mainvisual--lg .cparts-body-block,
.cparts-id181.cparts-mainvisual--lg .cparts-body-block,
.cparts-id184.cparts-mainvisual--lg .cparts-body-block {
padding-top: 16rem;
padding-bottom: 16rem;
}
.cparts-id182.cparts-mainvisual--lg .cparts-body-block {
padding-top: 32rem;
}
}
}
/* 新・幅100%
======================================================= */
.cparts-fullwide-block {
margin-right: calc(50% - 50vw) !important;
margin-left: calc(50% - 50vw) !important;
padding-right: calc((50% - 50vw) * -1) !important;
padding-left: calc((50% - 50vw) * -1) !important;
width: auto !important;
max-width: none !important;
}
.cparts-fullwide-block__nopadding {
margin-right: calc(50% - 50vw) !important;
margin-left: calc(50% - 50vw) !important;
overflow: hidden;
width: auto !important;
max-width: none !important;
}
/* スマホ以外 */
@media (min-width:768px) {
[class*="lay-col12-md-"] .cparts-fullwide-block,
[class*="col-xs-"] .cparts-fullwide-block,
#type2column02 #side .cparts-fullwide-block,
#type2column02 #right .cparts-fullwide-block,
#type2column02:not(.pagetemp-column1) #upper .cparts-fullwide-block,
#type2column02:not(.pagetemp-column1) #main .cparts-fullwide-block,
#type2column02:not(.pagetemp-column1) #bottom .cparts-fullwide-block,
[class*="lay-col12-md-"] .cparts-fullwide-block__nopadding {
margin-right: 0 !important;
margin-left: 0 !important;
padding-right: 15px !important;
padding-left: 15px !important;
}
[class*="col-xs-"] .cparts-fullwide-block__nopadding,
#type2column02 #side .cparts-fullwide-block__nopadding,
#type2column02 #right .cparts-fullwide-block__nopadding,
#type2column02:not(.pagetemp-column1) #upper .cparts-fullwide-block__nopadding,
#type2column02:not(.pagetemp-column1) #main .cparts-fullwide-block__nopadding,
#type2column02:not(.pagetemp-column1) #bottom .cparts-fullwide-block__nopadding {
margin-right: 0 !important;
margin-left: 0 !important;
}
}
/* 新・スクロールバー付テキストボックス
======================================================= */
.cparts-id120--05 .cparts-txt-block {
height: 240px;
overflow-y: scroll;
}
/* 新・表（行見出し）・テキスト & 表（列見出し）・テキスト
======================================================= */
[class*="cparts-id96"] caption {
caption-side: bottom;
text-align: left;
}
/* スマホのみ*/
@media (max-width:767px) {
[class*="cparts-id96"] table {
display: flex;
flex-direction: column-reverse;
}
[class*="cparts-id96"] caption {
margin-bottom: 1rem;
}
[class*="cparts-id96"] tbody {
margin-bottom: 0;
}
}
/* 新・テキスト／画像2枚・テキスト
======================================================= */
/* スマホのみ*/
@media (max-width:767px) {
.cparts-id194 .cparts-txt-block:first-child {
margin-bottom: 2rem;
}
}
/* 新・メイン画像・見出し／テキスト & 画像・見出し／テキスト_2セット
======================================================= */
h4.cparts-id23__ttl,
.cparts-id23__ttl,
h4.cparts-id227__ttl,
.cparts-id227__ttl {
margin-top: 0 !important;
}
/* スマホのみ*/
@media (max-width:767px) {
.cparts-id23 .cparts-head-block,
.cparts-id227 .cparts-head-block {
margin-top: 0 !important;
padding-top: 1rem !important;
}
.cparts-id23 .cparts-body-block,
.cparts-id227 .cparts-body-block {
margin-top: 0 !important;
}
}
/* スマホ以外 */
@media (min-width:768px) {
.cparts-id227 .cparts-txt-block {
display: flex;
flex-wrap: wrap;
}
.cparts-id227 .cparts-img-block {
width: 100%;
}
.cparts-id227 .cparts-head-block {
padding-right: 15px;
width: 40%;
}
.cparts-id227 .cparts-body-block {
padding-left: 15px;
width: 60%;
}
}
/* 新・テキスト・営業時間表
======================================================= */
.cparts-id265 .cparts-txt-block {
border-right: 1px solid;
}
.cparts-id265 .cparts-txt-block:nth-of-type(4) {
border-right: none;
}
.cparts-id265 .cparts-txt-block .cparts-id265__ttl,
.cparts-id265 .cparts-txt-block p {
display: block;
text-align: center;
}
.cparts-id265 caption {
caption-side: bottom;
text-align: left;
}
/* スマホのみ*/
@media (max-width:767px) {
.cparts-id265 .cparts-txt-block.lay-col12-xs-12,
.cparts-id265 .cparts-txt-block.lay-col12-xs-6:nth-child(2),
.cparts-id265 .cparts-txt-block.lay-col12-xs-4:nth-child(3) {
border-right: none;
}
.cparts-id265 table {
display: flex;
flex-direction: column-reverse;
}
.cparts-id265 caption {
margin-bottom: 1rem;
}
.cparts-id265 tbody {
margin-bottom: 0;
}
}
@media (min-width:768px) and (max-width:991px) {
.cparts-id265 .cparts-txt-block.lay-col12-md-12,
.cparts-id265 .cparts-txt-block.lay-col12-md-6:nth-child(2),
.cparts-id265 .cparts-txt-block.lay-col12-md-4:nth-child(3) {
border-right: none;
}
}
@media (min-width:992px) {
.cparts-id265 .cparts-txt-block.lay-col12-lg-12,
.cparts-id265 .cparts-txt-block.lay-col12-lg-6:nth-child(2),
.cparts-id265 .cparts-txt-block.lay-col12-lg-4:nth-child(3) {
border-right: none;
}
}
/* メイン画像_ver.25
======================================================= */
.cparts-id557 {
overflow: hidden;
}
#bootstrap_template.top #upper .cparts-id557,
#bootstrap_template.column1 #upper .cparts-id557,
#bootstrap_template.column1 .upper .cparts-id557,
.pagetemp-top .siteblock-upper .cparts-id557,
.pagetemp-column1 .siteblock-upper .cparts-id557 {
margin-right: calc(50% - 50vw) !important;
margin-left: calc(50% - 50vw) !important;
width: auto !important;
max-width: none !important;
}
.cparts-id557 .cparts-body-block {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
padding: 40px 0 112px;
position: relative;
}
.cparts-mainvisual--sm.cparts-id557 .cparts-body-block {
padding: 16px 0 80px;
}
.cparts-mainvisual--md.cparts-id557 .cparts-body-block {
padding: 32px 0 96px;
}
.cparts-mainvisual--lg.cparts-id557 .cparts-body-block {
padding: 56px 0 128px;
}
.cparts-id557 .cparts-txt-block {
order: 3;
position: relative;
width: 100%;
z-index: 3;
}
.cparts-id557 .cparts-img-block {
overflow: hidden;
position: relative;
z-index: 2;
}
.cparts-id557 .cparts-img-block:nth-child(2) {
border: 1px solid;
border-radius: 50%;
height: 60vw !important;
margin-left: 10vw;
margin-right: -60vw;
order: 2;
padding: 8px;
width: 60vw;
}
.cparts-id557 .cparts-img-block:nth-child(3) {
height: 28vw !important;
margin-left: 25px;
margin-bottom: 25px;
order: 1;
width: 28vw;
}
.cparts-id557 .cparts-img-block img {
border: none !important;
border-radius: 50% !important;
object-fit: cover;
height: 100%;
width: 100%;
}
.cparts-id557__ttl {
background-color: transparent !important;
background-image: none !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
color: currentColor !important;
display: block !important;
font-size: 2rem !important;
font-weight: bold !important;
line-height: 1.2;
margin: 0 0 2rem !important;
padding: 0 !important;
text-align: left !important;
text-decoration: none !important;
text-shadow: none !important;
mask-image: none !important;
-webkit-mask-image: none !important;
}
.cparts-id557__ttl::before,
.cparts-id557__ttl::after {
display: none !important;
}
/* スマホのみ*/
@media (max-width:767px) {
.cparts-id557 {
max-width: 100vw;
}
.cparts-id557 .cparts-txt-block {
margin: 2rem 15px 0;
}
.cparts-id557__ttl {
text-align: center !important;
}
}
/* スマホ以外 */
@media (min-width: 768px) {
.cparts-id557 {
container-type: inline-size;
overflow: hidden;
}
/* 親サイズ 419px以下 */
@container (max-width: 419px) {
.cparts-id557 .cparts-body-block {
min-height: auto;
padding-bottom: 48px;
align-items: center;
}
.cparts-mainvisual--sm.cparts-id557 .cparts-body-block {
min-height: auto;
padding-bottom: 16px;
}
.cparts-mainvisual--md.cparts-id557 .cparts-body-block {
min-height: auto;
padding-bottom: 32px;
}
.cparts-mainvisual--lg.cparts-id557 .cparts-body-block {
min-height: auto;
padding-bottom: 56px;
}
.cparts-id557 .cparts-body-block::before {
height: 130px;
top: -50px;
left: -20px;
width: 180px;
}
.cparts-id557 .cparts-body-block::after {
height: 35px;
bottom: 0;
right: 20px;
width: 40px;
}
.cparts-id557 .cparts-txt-block {
position: relative;
z-index: 3;
}
.cparts-id557__ttl {
display: inline-block !important;
font-size: 2rem !important;
margin: 0 15px 32px 15px !important;
}
.cparts-id557 .cparts-notes-block {
margin: 0 auto;
width: 90%;
}
.cparts-id557 .cparts-img-block.cparts-img-block:nth-child(2),
[class*="cparts-mainvisual--"].cparts-id557 .cparts-img-block.cparts-img-block:nth-child(2) {
margin: 0;
height: 150px !important;
padding: 8px;
position: absolute;
top: 30px;
right: -30px;
width: 150px;
}
.cparts-id557 .cparts-img-block:nth-child(3),
[class*="cparts-mainvisual--"].cparts-id557 .cparts-img-block:nth-child(3) {
margin: 0;
height: 50px !important;
position: absolute;
bottom: 30px;
left: 15px;
width: 50px;
}
}
/* 親サイズ 420px以上 */
@container (min-width: 420px) {
.cparts-id557 .cparts-body-block {
min-height: calc(40vw + 200px);
align-items: center;
}
.cparts-mainvisual--sm.cparts-id557 .cparts-body-block {
min-height: calc(40vw + 50px);
}
.cparts-mainvisual--md.cparts-id557 .cparts-body-block {
min-height: calc(40vw + 100px);
}
.cparts-mainvisual--lg.cparts-id557 .cparts-body-block {
min-height: calc(40vw + 300px);
}
.cparts-id557 .cparts-body-block::before {
height: 30vw;
top: -10%;
left: -5%;
width: 40vw;
}
.cparts-id557 .cparts-body-block::after {
height: 5vw;
bottom: 0;
right: 40px;
width: 8vw;
}
.cparts-id557 .cparts-txt-block {
position: relative;
z-index: 3;
}
.cparts-id557__ttl {
display: inline-block !important;
font-size: 3rem !important;
margin: 0 15px 100px 15px !important;
}
.cparts-id557 .cparts-notes-block {
margin: 0 auto;
width: 80%;
}
.cparts-id557 .cparts-img-block:nth-child(2),
[class*="cparts-mainvisual--"].cparts-id557 .cparts-img-block:nth-child(2) {
margin: 0;
height: 25vw !important;
padding: 20px;
position: absolute;
top: 10%;
right: -5vw;
width: 25vw;
}
.cparts-id557 .cparts-img-block:nth-child(3),
[class*="cparts-mainvisual--"].cparts-id557 .cparts-img-block:nth-child(3) {
margin: 0;
height: 10vw !important;
position: absolute;
bottom: 10%;
left: 25px;
width: 10vw;
}
}
/* 親サイズ 992px以上 */
@container (min-width: 992px) {
.cparts-id557 .cparts-body-block {
min-height: calc(40vw + 300px);
padding-bottom: 136px;
}
.cparts-mainvisual--sm.cparts-id557 .cparts-body-block {
min-height: calc(40vw + 100px);
padding-bottom: 96px;
}
.cparts-mainvisual--md.cparts-id557 .cparts-body-block {
min-height: calc(40vw + 200px);
padding-bottom: 128px;
}
.cparts-mainvisual--lg.cparts-id557 .cparts-body-block {
min-height: calc(40vw + 400px);
padding-bottom: 160px;
}
.cparts-id557 .cparts-body-block::before {
height: 50vw;
top: -20%;
left: -10%;
width: 60vw;
}
.cparts-id557 .cparts-body-block::after {
height: 10vw;
bottom: 0;
right: 10vw;
width: 15vw;
}
.cparts-id557 .cparts-img-block:nth-child(2),
[class*="cparts-mainvisual--"].cparts-id557 .cparts-img-block:nth-child(2) {
height: 35vw !important;
padding: 20px;
top: 10%;
right: -5vw;
width: 35vw;
}
.cparts-id557 .cparts-img-block:nth-child(3),
[class*="cparts-mainvisual--"].cparts-id557 .cparts-img-block:nth-child(3) {
height: 15vw !important;
bottom: 10%;
left: 25px;
width: 15vw;
}
}
/* 親サイズ 1111px以上 */
@container (min-width: 1111px) {
.cparts-id557 .cparts-body-block::before {
height: 60vw;
top: -50%;
width: 70vw;
}
.cparts-id557 .cparts-body-block::after {
height: 15vw;
right: 25vw;
width: 20vw;
}
.cparts-id557__ttl {
margin: 0 100px 100px 100px !important;
}
.cparts-id557 .cparts-notes-block {
width: 40vw;
}
.cparts-id557 .cparts-img-block:nth-child(2),
[class*="cparts-mainvisual--"].cparts-id557 .cparts-img-block:nth-child(2) {
height: 40vw !important;
padding: 20px;
top: 10%;
right: -5vw;
width: 40vw;
}
.cparts-id557 .cparts-img-block:nth-child(3),
[class*="cparts-mainvisual--"].cparts-id557 .cparts-img-block:nth-child(3) {
height: 20vw !important;
bottom: 10%;
left: 25px;
width: 20vw;
}
}
}
/* タイトル・テキスト・画像2枚付き
======================================================= */
[class*="cparts-id556"] .cparts-body-block {
padding: 2rem 2rem 5rem;
}
h2.cparts-id556--01__ttl {
margin-top: 0 !important;
}
@media (max-width: 767px) {
[class*="cparts-id556"] .cparts-foot-block .cparts-img-block {
display: flex;
}
.cparts-id556--01 .cparts-foot-block .cparts-img-block {
justify-content: flex-end;
margin-right: -10px;
}
.cparts-id556--02 .cparts-foot-block .cparts-img-block {
justify-content: flex-start;
margin-left: -10px;
}
[class*="cparts-id556"] .cparts-foot-block .cparts-img-block img {
margin-top: -4rem;
width: 40vw;
}
}
@media (min-width: 768px) {
.cparts-id556--01,
.cparts-id556--02 {
container-type: inline-size;
position: relative;
}
/* 親サイズ 419px以下 */
@container (max-width: 419px) {
[class*="cparts-id556"] .cparts-foot-block .cparts-img-block {
display: flex;
}
.cparts-id556--01 .cparts-foot-block .cparts-img-block {
justify-content: flex-end;
margin-right: -10px;
}
.cparts-id556--02 .cparts-foot-block .cparts-img-block {
justify-content: flex-start;
margin-left: -10px;
}
[class*="cparts-id556"] .cparts-foot-block .cparts-img-block img {
margin-top: -4rem;
margin-left: 0;
margin-right: 0;
width: 110px;
}
}
/* 親サイズ 420px以上 */
@container (min-width: 420px) {
[class*="cparts-id556"] .cparts-img-block {
position: absolute;
}
[class*="cparts-id556"] .cparts-body-block {
margin: 7rem 5vw 5rem;
padding: 5rem;
}
[class*="cparts-id556"] .cparts-body-block .cparts-img-block {
width: 25%;
}
[class*="cparts-id556"] .cparts-foot-block .cparts-img-block {
width: 18%;
}
.cparts-id556--01 .cparts-body-block .cparts-img-block {
top: 0;
left: 0;
}
.cparts-id556--02 .cparts-body-block .cparts-img-block {
top: 0;
right: 0;
}
.cparts-id556--01 .cparts-foot-block .cparts-img-block {
bottom: 20px;
right: 0;
}
.cparts-id556--02 .cparts-foot-block .cparts-img-block {
bottom: 20px;
left: 0;
}
}
}
/* 画像3枚組（フル幅）
======================================================= */
[class*="cparts-id560"] .cparts-body-block {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, auto);
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.cparts-padding--yes[class*="cparts-id560"] .cparts-body-block {
grid-column-gap: 10px;
grid-row-gap: 10px;
}
.cparts-padding--no[class*="cparts-id560"] .cparts-body-block {
grid-column-gap: 0;
grid-row-gap: 0;
}
.cparts-id560--01 .cparts-partsblock--01 {
grid-area: 1 / 1 / 2 / 3;
}
.cparts-id560--01 .cparts-partsblock--02 {
grid-area: 2 / 1 / 3 / 2;
}
.cparts-id560--01 .cparts-partsblock--03 {
grid-area: 2 / 2 / 3 / 3;
}
.cparts-id560--02 .cparts-partsblock--01 {
grid-area: 1 / 1 / 2 / 2;
}
.cparts-id560--02 .cparts-partsblock--02 {
grid-area: 1 / 2 / 2 / 3;
}
.cparts-id560--02 .cparts-partsblock--03 {
grid-area: 2 / 1 / 3 / 3;
}
@media (min-width: 768px) {
[class*="cparts-id560"] {
container-type: inline-size;
}
/* 親サイズ 420px以上 */
@container (min-width: 420px) {
[class*="cparts-id560"] .cparts-body-block {
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.cparts-padding--yes[class*="cparts-id560"] .cparts-body-block {
grid-column-gap: 30px;
grid-row-gap: 30px;
}
.cparts-padding--no[class*="cparts-id560"] .cparts-body-block {
grid-column-gap: 0;
grid-row-gap: 0;
}
[class*="cparts-id560"] .cparts-img-block img {
height: 100%;
object-fit: cover;
width: 100%;
}
.cparts-id560--01 .cparts-partsblock--01 {
grid-area: 1 / 1 / 3 / 3;
}
.cparts-id560--01 .cparts-partsblock--02 {
grid-area: 1 / 3 / 2 / 4;
}
.cparts-id560--01 .cparts-partsblock--03 {
grid-area: 2 / 3 / 3 / 4;
}
.cparts-id560--02 .cparts-partsblock--01 {
grid-area: 1 / 1 / 2 / 2;
}
.cparts-id560--02 .cparts-partsblock--02 {
grid-area: 2 / 1 / 3 / 2;
}
.cparts-id560--02 .cparts-partsblock--03 {
grid-area: 1 / 2 / 3 / 4;
}
}
}
/* 新・一覧パーツ_ver.1
======================================================= */
.cparts-id35 .cparts-img-block {
padding-right: 0;
padding-left: 0;
}
.cparts-id35 .cparts-notes-block ul {
display: flex;
flex-wrap: wrap;
list-style: none !important;
margin: 0 -2px !important;
padding: 0 !important;
}
.cparts-id35 .cparts-notes-block li {
background-image: none !important;
border-radius: 0 !important;
font-size: .875rem !important;
list-style: none !important;
margin: 2px !important;
padding: 5px !important;
position: static !important;
-moz-transform: none !important;
webkit-transform: none !important;
-o-transform: none !important;
-ms-transform: none !important;
transform: none !important;
}
.cparts-id35 .cparts-notes-block li::before,
.cparts-id35 .cparts-notes-block li::after {
display: none !important;
}
.cparts-id35__ttl {
margin-top: 1.5rem !important;
margin-bottom: 1rem !important;
}
@media (min-width: 768px) {
.cparts-flex-block {
container-type: inline-size;
}
/* 親サイズ 419px以下 */
@container (max-width: 419px) {
.cparts-id35,
.cparts-id165,
.cparts-id166--01,
.cparts-id166--02,
.cparts-id114 {
flex: 0 0 100% !important;
max-width: none !important;
}
}
}
/* 編集サイト */
#cms_contents_area .cparts-hide-pc.cparts-id165,
#cms_contents_area .cparts-hide-sp.cparts-id165,
#cms_contents_area .cparts-hide-pc[class*="cparts-id166"],
#cms_contents_area .cparts-hide-sp[class*="cparts-id166"] {
display: flex !important;
}
.cparts-id165,
[class*="cparts-id166"] {
align-self: flex-start;
}
/* 新・一覧パーツ_ver.2
======================================================= */
.cparts-id165 {
display: flex;
flex-direction: column;
}
.cparts-id165 .cparts-img-block {
order: 1;
padding-right: 0;
padding-left: 0;
}
.cparts-id165 .cparts-head-block {
box-shadow: 0 0 4px -1px #0c0c0c;
display: flex;
flex-direction: column-reverse;
margin-top: -50px;
order: 2;
z-index: 1;
}
.cparts-id165__ttl {
background-color: transparent !important;
background-image: none !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
color: currentColor !important;
font-size: 1.25rem !important;
font-weight: bold !important;
margin: 0 !important;
padding: 0 !important;
}
.cparts-id165__ttl::before,
.cparts-id165__ttl::after {
display: none !important;
}
.cparts-id165 .cparts-notes-block {
align-self: flex-start;
border: 1px solid;
display: inline-block;
font-size: .875rem;
margin-bottom: 1rem;
padding: 5px;
}
.cparts-id165 .cparts-txt-block {
order: 3;
z-index: 2;
}
/* 新・一覧パーツ_ver.3・4
======================================================= */
[class*="cparts-id166"] {
display: flex;
flex-direction: column-reverse;
position: relative;
}
.cparts-id166--01 .cparts-txt-block {
display: flex;
flex-direction: column-reverse;
}
.cparts-id166--02 .cparts-body-block {
display: flex;
flex-direction: column;
align-items: center;
}
[class*="cparts-id166"][class*="__ttl"] {
background-color: transparent !important;
background-image: none !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
color: currentColor !important;
font-size: 1.25rem !important;
font-weight: bold !important;
margin: 0 !important;
padding: 0 !important;
}
[class*="cparts-id166"][class*="__ttl"]::before,
[class*="cparts-id166"][class*="__ttl"]::after {
display: none !important;
}
.cparts-id166--02__ttl {
order: 2;
text-align: center;
}
.cparts-id166--01 .cparts-notes-block {
align-self: flex-start;
font-size: .875rem;
margin-top: calc(-15px - 1rem);
max-width: calc(100% - 2rem);
padding: 5px;
position: relative;
z-index: 1;
}
.cparts-id166--02 .cparts-notes-block {
font-size: .875rem;
margin: 0 0 1rem;
order: 1;
padding: 5px 10px;
}
.cparts-id166--02 .cparts-txt-block {
margin-top: .5rem;
order: 3;
text-align: center;
}
[class*="cparts-id166"] .cparts-img-block {
overflow: hidden;
position: relative;
width: 100%
}
.cparts-id166--02 .cparts-img-block {
border-radius: 50%;
padding-right: 0;
padding-left: 0;
}
[class*="cparts-id166"] .cparts-img-block a::before {
content:"";
display: block;
padding-top: 100%;
}
[class*="cparts-id166"] .cparts-img-block img {
border: none;
height: 100%;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
object-fit: cover;
transition: all .3s;
width: 100%;
}
[class*="cparts-id166"] .cparts-img-block:hover img {
transform: scale(1.1);
}
/* 新・一覧パーツ_ver.5
======================================================= */
.cparts-id114__ttl {
margin: 0 !important;
}
.cparts-id114 .cparts-body-block {
border: 1px solid;
height: 100%;
}
.cparts-id114 .cparts-txt-block {
margin-top: 2rem;
}
/* 新・一覧パーツ詳細
======================================================= */
[class*="cparts-id167"] .cparts-body-block {
display: flex;
flex-direction: column;
}
[class*="cparts-id167"][class*="__ttl"] {
background-color: transparent !important;
background-image: none !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
color: currentColor !important;
font-size: 1.75rem !important;
font-weight: 500 !important;
margin: 0 !important;
order: 2;
padding: 0 !important;
text-align: left !important;
}
[class*="cparts-id167"][class*="__ttl"]::first-letter {
font-size: 100% !important;
color: currentColor !important;
}
[class*="cparts-id167"][class*="__ttl"]::before,
[class*="cparts-id167"][class*="__ttl"]::after {
display: none !important;
}
[class*="cparts-id167"] .cparts-notes-block {
font-size: .875rem;
margin-bottom: 1.5rem;
order: 1;
}
[class*="cparts-id167"] .cparts-notes-block p {
display: inline-block;
padding: 5px 10px;
}
[class*="cparts-id167"] .cparts-caption-block {
font-weight: bold;
margin-top: .5rem;
margin-bottom: 1.5rem;
opacity: .7;
order: 3;
}
[class*="cparts-id167"] .cparts-txt-block {
order: 4;
}
.cparts-id167--02 .cparts-img-block {
overflow: hidden;
position: relative;
width: 100%
}
.cparts-id167--02 .cparts-img-block {
border-radius: 50%;
}
.cparts-id167--02 .cparts-img-block::before {
content:"";
display: block;
padding-top: 100%;
}
.cparts-id167--02 .cparts-img-block img {
border: none;
height: 100%;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
object-fit: cover;
transition: all .3s;
width: 100%;
}
@media (max-width: 767px) {
[class*="cparts-id167"] .cparts-img-block {
margin-bottom: 1.5rem;
}
}
/* フル幅（画像）
======================================================= */
[class*="cparts-id562"] [class*="lay-col12-"] {
padding-right: 0;
padding-left: 0;
}
[class*="cparts-id562"] .cparts-img-block,
[class*="cparts-id562"] img {
border-radius: 0 !important;
}
[class*="cparts-id562"][col-flex*="1"] .lay-row > .lay-col12-xs-12:not(:first-child),
[class*="cparts-id562"][col-flex*="1"] .lay-row > .lay-col12-xs-6:nth-child(n + 3),
[class*="cparts-id562"][col-flex*="1"] .lay-row > .lay-col12-xs-4:nth-child(n + 4),
[class*="cparts-id562"][col-flex*="1"] .lay-row > .lay-col12-xs-3:nth-child(n + 5),
[class*="cparts-id562"][col-flex*="1"] .lay-row > .lay-col12-xs-5t:nth-child(n + 6),
[class*="cparts-id562"][col-flex*="1"].lay-row > .lay-col12-xs-12:not(:first-child),
[class*="cparts-id562"][col-flex*="1"].lay-row > .lay-col12-xs-6:nth-child(n + 3),
[class*="cparts-id562"][col-flex*="1"].lay-row > .lay-col12-xs-4:nth-child(n + 4),
[class*="cparts-id562"][col-flex*="1"].lay-row > .lay-col12-xs-3:nth-child(n + 5),
[class*="cparts-id562"][col-flex*="1"].lay-row > .lay-col12-xs-5t:nth-child(n + 6) {
margin-top: 0 !important;
}
/* メイン画像＿ver.26
======================================================= */
.cparts-id568 .cparts-body-block {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
position: relative;
}
.cparts-id568 .cparts-id568__ttl {
background-color: transparent !important;
background-image: none !important;
border: none !important;
box-shadow: none !important;
display: block;
font-size: 3rem !important;
font-weight: bold !important;
line-height: 1.2 !important;
min-height: auto !important;
margin: -2rem 0 0 !important;
order: 3;
padding: 0 !important;
text-align: center;
text-shadow: 0 0 4px rgba(255,255,255,.4);
text-decoration: none !important;
word-break: break-all;
z-index: 2;
}
.cparts-id568 .cparts-notes-block {
background-color: transparent !important;
background-image: none !important;
border: none !important;
box-shadow: none !important;
display: block;
font-size: 3rem !important;
font-weight: bold !important;
line-height: 1.2 !important;
min-height: auto !important;
margin: -.75rem 0 0 !important;
order: 4;
padding: 0 !important;
position: relative;
text-align: center;
text-shadow: 0 0 4px rgba(255,255,255,.4);
}
.cparts-id568 .cparts-notes-block span:first-child {
display: block;
opacity: .25;
transform: scale(1, -1);
}
.cparts-id568 .cparts-notes-block span:last-child {
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.cparts-id568 .cparts-id568__ttl::before,
.cparts-id568 .cparts-id568__ttl::after {
display: none !important;
}
.cparts-id568 .cparts-txt-block {
font-size: 1.5rem;
order: 2;
margin-bottom: 2.75rem;
position: absolute;
right: 3rem;
left: 3rem;
text-align: center;
z-index: 1;
}
.cparts-id568 .cparts-txt-block p {
background-color: transparent !important;
font-size: 1.5rem;
}
.cparts-id568 .cparts-img-block {
width: 100%;
}
.cparts-id568 .cparts-img-block img {
border: none !important;
border-radius: 0 !important;
opacity: .75;
}
@media (min-width: 768px) {
.cparts-id568 {
container-type: inline-size;
}
#type2column02 #main .cparts-id568 .cparts-body-block,
.pagetemp-column2 #main .cparts-id568 .cparts-body-block,
.pagetemp-column2 .main .cparts-id568 .cparts-body-block,
.pagetemp-column2 .siteblock-main .cparts-id568 .cparts-body-block {
margin-right: 0;
margin-left: 0;
}
@container (max-width: 419px) {
.cparts-id568 .cparts-body-block {
margin-right: 0;
margin-left: 0;
}
}
@container (min-width: 420px) {
.cparts-id568 .cparts-id568__ttl {
font-size: 4rem !important;
margin-top: -1.5rem !important;
}
.cparts-id568 .cparts-notes-block {
font-size: 4rem !important;
margin-top: -1rem !important;
}
.cparts-id568 .cparts-txt-block {
font-size: 2rem;
margin-bottom: 4.5rem;
}
.cparts-id568 .cparts-txt-block p {
font-size: 2rem;
}
}
}
@media (min-width: 992px) {
@container (min-width: 420px) {
.cparts-id568 .cparts-id568__ttl {
font-size: 6rem !important;
margin-top: -4rem !important;
}
.cparts-id568 .cparts-notes-block {
font-size: 6rem !important;
margin-top: -1.5rem !important;
}
.cparts-id568 .cparts-txt-block {
font-size: 3rem;
margin-bottom: 5.5rem;
}
.cparts-id568 .cparts-txt-block p {
font-size: 3rem;
}
#type2column02 #main .cparts-id568 .cparts-id568__ttl,
.pagetemp-column2 #main .cparts-id568 .cparts-id568__ttl,
.pagetemp-column2 .main .cparts-id568 .cparts-id568__ttl,
.pagetemp-column2 .siteblock-main .cparts-id568 .cparts-id568__ttl {
font-size: 4rem !important;
margin-top: -1.5rem !important;
}
#type2column02 #main .cparts-id568 .cparts-notes-block,
.pagetemp-column2 #main .cparts-id568 .cparts-notes-block,
.pagetemp-column2 .main .cparts-id568 .cparts-notes-block,
.pagetemp-column2 .siteblock-main .cparts-id568 .cparts-notes-block {
font-size: 4rem !important;
margin-top: -1rem !important;
}
#type2column02 #main .cparts-id568 .cparts-txt-block,
.pagetemp-column2 #main .cparts-id568 .cparts-txt-block,
.pagetemp-column2 .main .cparts-id568 .cparts-txt-block,
.pagetemp-column2 .siteblock-main .cparts-id568 .cparts-txt-block {
font-size: 2rem;
margin-bottom: 4.5rem;
}
}
}
/* 新・ランキング
======================================================= */
[class*="cparts-id569"] .cparts-img-block {
position: relative;
}
[class*="cparts-id569"] .cparts-no-block {
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
position: absolute;
left: calc(50% - 24px);
bottom: -24px;
height: 48px;
width: 48px;
}
/* スマホのみ */
@media (max-width: 767px) {
div[col-flex*="1"][class*="cparts-id569"] .lay-row > .lay-col12-xs-12:not(:first-child),
div[col-flex*="1"][class*="cparts-id569"] .lay-row > .lay-col12-xs-6:nth-child(n + 3),
div[col-flex*="1"][class*="cparts-id569"] .lay-row > .lay-col12-xs-4:nth-child(n + 4),
div[col-flex*="1"][class*="cparts-id569"] .lay-row > .lay-col12-xs-3:nth-child(n + 5),
div[col-flex*="1"][class*="cparts-id569"] .lay-row > .lay-col12-xs-5t:nth-child(n + 6) {
margin-top: 4rem;
}
}
/* タブレット以上 */
@media (min-width: 768px) and (max-width: 991px) {
div[col-flex*="1"][class*="cparts-id569"] .lay-row > .lay-col12-md-12:not(:first-child),
div[col-flex*="1"][class*="cparts-id569"] .lay-row > .lay-col12-md-6:nth-child(n + 3),
div[col-flex*="1"][class*="cparts-id569"] .lay-row > .lay-col12-md-4:nth-child(n + 4),
div[col-flex*="1"][class*="cparts-id569"] .lay-row > .lay-col12-md-3:nth-child(n + 5),
div[col-flex*="1"][class*="cparts-id569"] .lay-row > .lay-col12-md-5t:nth-child(n + 6) {
margin-top: 5rem;
}
}
/* ラップトップ以上 */
@media (min-width: 992px) {
div[col-flex*="1"][class*="cparts-id569"] .lay-row > .lay-col12-lg-12:not(:first-child),
div[col-flex*="1"][class*="cparts-id569"] .lay-row > .lay-col12-lg-6:nth-child(n + 3),
div[col-flex*="1"][class*="cparts-id569"] .lay-row > .lay-col12-lg-4:nth-child(n + 4),
div[col-flex*="1"][class*="cparts-id569"] .lay-row > .lay-col12-lg-3:nth-child(n + 5),
div[col-flex*="1"][class*="cparts-id569"] .lay-row > .lay-col12-lg-5t:nth-child(n + 6) {
margin-top: 5rem;
}
}
/* 新・利用者様の声1、2
======================================================= */
[class*="cparts-id280"] .lay-row > div:first-child {
position: relative;
z-index: 2;
}
[class*="cparts-id280"] .cparts-body-block {
margin: 0 8px 8px 0;
position: relative;
}
[class*="cparts-id280"] .cparts-body-block::before {
content: "";
display: block;
opacity: .3;
position: absolute;
height: 100%;
right: -8px;
bottom: -8px;
z-index: -1;
width: 100%;
}
[class*="cparts-id280"] .cparts-ttl-block {
display: flex;
align-items: center;
}
[class*="cparts-id280"] .cparts-no-block {
border-radius: 50%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
line-height: 1;
margin-right: 24px;
height: 80px;
width: 80px;
}
[class*="cparts-id280"] .cparts-no-block span {
display: block;
}
[class*="cparts-id280"] .cparts-notes-block:nth-child(2) {
font-size: 1.125rem;
margin-top: 8px;
}
.dec-bg--light h4.cparts-id280--01__ttl,
.dec-bg--light h4.cparts-id280--02__ttl {
background-color: transparent !important;
background-image: none !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
color: currentColor !important;
font-size: 1.24rem !important;
font-weight: bold !important;
margin: 0 !important;
padding: 0 !important;
text-align: left !important;
text-decoration: none !important;
width: calc(100% - 104px);
}
.cparts-id280--01__ttl::before,
.cparts-id280--02__ttl::before,
.cparts-id280--01__ttl::after,
.cparts-id280--02__ttl::after {
display: none !important;
}
[class*="cparts-id280"] .cparts-txt-block p {
background-color: transparent !important;
}
/* スマホのみ */
@media (max-width: 767px) {
[class*="cparts-id280"] .lay-row > div:first-child {
order: 2;
}
[class*="cparts-id280"] .cparts-body-block {
margin-top: -40px;
}
[class*="cparts-id280"] .lay-row > div:last-child {
margin: 0;
order: 1;
}
[class*="cparts-id280"] .cparts-ttl-block {
flex-direction: column;
}
[class*="cparts-id280"] .cparts-no-block {
margin-right: 0;
margin-bottom: 16px;
}
.dec-bg--light h4.cparts-id280--01__ttl,
.dec-bg--light h4.cparts-id280--02__ttl {
width: 100%;
}
[class*="cparts-id280"] .cparts-img-block img {
width: calc(100% - 40px);
}
.cparts-id280--01 .cparts-body-block {
margin-left: 40px;
}
.cparts-id280--01 .cparts-img-block img {
margin-right: 40px;
}
.cparts-id280--02 .cparts-body-block {
margin-right: 40px;
}
.cparts-id280--02 .cparts-img-block img {
margin-left: 40px;
}
}
/* スマホ以外 */
@media (min-width: 768px) {
[class*="cparts-id280"] {
container-type: inline-size;
}
@container (min-width: 420px) {
[class*="cparts-id280"] .lay-row {
flex-wrap: nowrap;
align-items: center;
}
[class*="cparts-id280"] .lay-row > div:first-child {
flex: 0 0 60%;
}
[class*="cparts-id280"] .lay-row > div:last-child {
flex: 0 0 50%;
}
.cparts-id280--01 .lay-row > div:first-child {
margin-left: -10%;
order: 2;
}
.cparts-id280--01 .lay-row > div:last-child {
order: 1;
}
.cparts-id280--02 .lay-row > div:last-child {
margin-left: -10%;
}
}
}
/* 新・利用者様の声3
======================================================= */
.cparts-id199 .lay-row > div:first-child {
order: 2;
}
.cparts-id199 .lay-row > div:last-child {
order: 1;
}
.cparts-id199 .cparts-txt-block h4 {
margin-top: 1rem !important;
margin-bottom: 2rem !important;
}
.cparts-id199 .cparts-notes-block {
margin-top: 8px;
}
.cparts-id199 .cparts-notes-block p {
font-size: 1.25rem;
font-weight: bold;
text-align: center;
}
/* スマホのみ */
@media (max-width: 767px) {
.cparts-id199 .lay-row > div:first-child {
margin-top: 1rem;
}
.cparts-id199 .lay-row > div:last-child {
margin-top: 0;
}
}
/* スマホ以外 */
@media (min-width: 768px) {
.cparts-id199 {
container-type: inline-size;
}
@container (max-width: 419px) {
.cparts-id199 .lay-row > div:first-child {
flex: 0 0 100%;
margin-top: 1rem;
max-width: 100%;
}
.cparts-id199 .lay-row > div:last-child {
flex: 0 0 100%;
margin-top: 0;
max-width: 100%;
}
}
}
/* 新・画像／見出し・テキスト・背景付テキスト_2セット
======================================================= */
[class*="cparts-id226"] .cparts-body-block {
float: none;
clear: both;
}
[class*="cparts-id226"] .cparts-ttl-block {
float: right;
width: calc(70% - 1.5rem);
}
[class*="cparts-id226"][class*="__ttl"] {
margin-top: 0 !important;
}
[class*="cparts-id226"] .cparts-img-block {
float: left;
width: 30%;
}
[class*="cparts-id226"] .cparts-notes-block {
clear: both;
float: none;
width: 100%;
}
[class*="cparts-id226"] .cparts-notes-block p {
background-color: transparent !important;
}
/* スマホのみ */
@media (max-width: 767px) {
[class*="cparts-id226"] .cparts-ttl-block {
margin-bottom: 1.5rem;
}
[class*="cparts-id226"] .cparts-img-block {
margin-bottom: 1.5rem;
}
}
/* スマホ以外 */
@media (min-width: 768px) {
[class*="cparts-id226"] {
container-type: inline-size;
}
@container (max-width: 419px) {
[class*="cparts-id226"] .cparts-ttl-block {
margin-bottom: 1.5rem;
}
[class*="cparts-id226"] .cparts-img-block {
margin-bottom: 1.5rem;
}
}
@container (min-width: 420px) {
.cparts-id226--02 .cparts-ttl-block {
margin-bottom: 1.5rem;
}
.cparts-id226--02 .cparts-img-block {
margin-bottom: 1.5rem;
}
.cparts-id226--01 .cparts-notes-block {
clear: none;
float: right;
margin-top: 1.5rem;
width: calc(70% - 1.5rem);
}
}
}
/* 新・見出し／見出し・テキスト／画像・見出し／画像／見出し・テキスト
======================================================= */
/* スマホのみ */
@media (max-width: 767px) {
.cparts-id131--03 .cparts-body-block > div,
.cparts-id131--04 .cparts-body-block > div {
padding-right: 0;
padding-left: 0;
}
.cparts-id131--03 .cparts-img-block {
margin-top: 30px;
}
.cparts-id131--04 .cparts-img-block {
margin-bottom: 30px;
}
}
/* スマホ以外 */
@media (min-width: 768px) {
.cparts-id131--03,
.cparts-id131--04 {
container-type: inline-size;
}
@container (max-width: 419px) {
.cparts-id131--03 .cparts-body-block > div,
.cparts-id131--04 .cparts-body-block > div {
padding-right: 0;
padding-left: 0;
}
.cparts-id131--03 .cparts-img-block {
margin-top: 30px;
}
.cparts-id131--04 .cparts-img-block {
margin-bottom: 30px;
}
}
}
/* 新・サイトマップ_ver.1
======================================================= */
.cparts-id11__ttl {
margin: 0 0 2rem !important;
}
.cparts-id11 a {
text-decoration: none !important;
}
.cparts-id11 .cparts-txt-block h5 {
background-color: transparent !important;
background-image: none !important;
border: none !important;
box-shadow: none !important;
color: currentColor;
display: block;
font-size: 1.2rem !important;
font-weight: bold !important;
line-height: 1.2 !important;
min-height: auto !important;
margin: 0 0 1rem !important;
padding: 0 0 0 20px !important;
position: relative;
text-align: left !important;
text-shadow: none !important;
text-decoration: none !important;
transform: none;
word-break: break-all;
width: 100%;
min-width: auto !important;
max-width: none !important;
}
.cparts-id11 .cparts-txt-block h5 a {
color: currentColor;
}
.cparts-id11 .cparts-txt-block h5 a:hover,
.cparts-id11 .cparts-txt-block h5 a:focus {
color: currentColor;
opacity: .6;
}
.cparts-id11 .cparts-txt-block h5::before {
background-color: transparent !important;
background-image: none !important;
border-top: none !important;
border-left: none !important;
border-right-style: solid !important;
border-right-width: 2px !important;
border-bottom-style: solid !important;
border-bottom-width: 2px !important;
box-shadow: none !important;
content: "";
display: block;
height: 7px;
min-height: auto !important;
max-height: none !important;
position: absolute;
top: .4rem;
left: .3rem;
transform: rotate(-45deg);
width: 7px;
min-width: auto !important;
max-width: none !important;
}
.cparts-id11 .cparts-txt-block h5::after {
display: none !important;
}
.cparts-id11 .cparts-txt-block ul {
background-color: transparent !important;
background-image: none !important;
border: none !important;
box-shadow: none !important;
display: block;
font-size: 1rem !important;
font-weight: normal !important;
line-height: 1.2 !important;
list-style: none;
min-height: auto !important;
max-height: none !important;
margin: 0 0 0 20px !important;
padding: 0 0 0 20px !important;
text-align: left !important;
text-shadow: none !important;
text-decoration: none !important;
min-width: auto !important;
max-width: none !important;
}
.cparts-id11 .cparts-txt-block * + h5 {
margin-top: 2rem !important;
}
.cparts-id11 .cparts-txt-block li {
background-color: transparent !important;
background-image: none !important;
border: none !important;
box-shadow: none !important;
display: block;
font-size: 1rem !important;
font-weight: normal !important;
line-height: 1.2 !important;
list-style: none;
min-height: auto !important;
max-height: none !important;
margin: 1rem 0 !important;
padding: 0 !important;
position: relative;
text-align: left !important;
text-shadow: none !important;
text-decoration: none !important;
min-width: auto !important;
max-width: none !important;
}
.cparts-id11 .cparts-txt-block li::after {
display: none !important;
}
.cparts-id11 .cparts-txt-block li::before {
background-image: none !important;
border: none !important;
box-shadow: none !important;
content: "";
display: block;
height: 2px;
min-height: auto !important;
max-height: none !important;
position: absolute;
top: .5rem;
left: -1rem;
transform: none;
width: 6px;
min-width: auto !important;
max-width: none !important;
}
/* 新・サイトマップ_ver.2/3
======================================================= */
.cparts-id173--01,
.cparts-id173--02 .cparts-body-block {
border-style: solid;
border-width: 1px;
}
.cparts-id173--02 {
width: 100%;
}
[class*="cparts-id173"] img {
border: none !important;
}
[class*="cparts-id173"][class*="__ttl"] {
background-color: transparent !important;
background-image: none !important;
border: none !important;
box-shadow: none !important;
display: block;
font-size: 1.375rem !important;
font-weight: bold !important;
line-height: 1.2 !important;
min-height: auto !important;
margin: 0 0 2rem !important;
padding: 0 0 0 30px !important;
position: relative;
text-align: left !important;
text-shadow: none !important;
text-decoration: none !important;
transform: none;
word-break: break-all;
width: 100%;
min-width: auto !important;
max-width: none !important;
}
[class*="cparts-id173"][class*="__ttl"]::before {
background-image: none !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
content: "" !important;
display: block;
height: 20px;
min-height: auto !important;
max-height: none !important;
margin: 0 !important;
padding: 00 !important;
position: absolute;
top: 1px;
left: 0;
width: 20px;
min-width: auto !important;
max-width: none !important;
}
[class*="cparts-id173"][class*="__ttl"]::after {
background-color: transparent !important;
background-image: none !important;
border-right: 1px solid #fff !important;
border-bottom: none !important;
border-left: none !important;
border-top: 1px solid #fff !important;
border-radius: 0 !important;
box-shadow: none !important;
content: "" !important;
display: block;
height: 6px;
min-height: auto !important;
max-height: none !important;
margin: 0 !important;
padding: 00 !important;
position: absolute;
top: 8px;
left: 6px;
transform: rotate(45deg);
width: 6px;
min-width: auto !important;
max-width: none !important;
z-index: 2;
}
[class*="cparts-id173"][class*="__ttl"] a {
color: currentColor !important;
}
[class*="cparts-id173"] a {
text-decoration: none !important;
}
[class*="cparts-id173"] .cparts-txt-block h5 {
background-color: transparent !important;
background-image: none !important;
border: none !important;
box-shadow: none !important;
color: currentColor;
display: block;
font-size: 1.125rem !important;
font-weight: bold !important;
line-height: 1.2 !important;
min-height: auto !important;
margin: 0 0 1rem !important;
padding: 0 0 0 20px !important;
position: relative;
text-align: left !important;
text-shadow: none !important;
text-decoration: none !important;
transform: none;
word-break: break-all;
width: 100%;
min-width: auto !important;
max-width: none !important;
}
[class*="cparts-id173"] .cparts-txt-block h5 a {
color: currentColor;
}
[class*="cparts-id173"] .cparts-txt-block h5 a:hover,
[class*="cparts-id173"] .cparts-txt-block h5 a:focus {
color: currentColor;
opacity: .6;
}
[class*="cparts-id173"] .cparts-txt-block h5::before {
background-image: none !important;
border-right: none !important;
border-bottom: none !important;
border-left: none !important;
border-top-style: solid !important;
border-top-width: 2px !important;
box-shadow: none !important;
content: "";
display: block;
height: 1px;
min-height: auto !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
position: absolute;
top: 7px;
left: 2px;
width: 8px;
min-width: auto !important;
max-width: none !important;
}
[class*="cparts-id173"] .cparts-txt-block h5::after {
background-color: transparent !important;
background-image: none !important;
border-bottom: none !important;
border-left: none !important;
border-top-style: solid !important;
border-top-width: 2px !important;
border-right-style: solid !important;
border-right-width: 2px !important;
box-shadow: none !important;
content: "";
display: block;
height: 6px;
min-height: auto !important;
max-height: none !important;
margin: 0 !important;
padding: 0 !important;
position: absolute;
top: 5px;
left: 4px;
transform: rotate(45deg);
width: 6px;
min-width: auto !important;
max-width: none !important;
}
[class*="cparts-id173"] .cparts-txt-block ul {
background-color: transparent !important;
background-image: none !important;
border: none !important;
box-shadow: none !important;
display: flex;
flex-wrap: wrap;
font-size: 1rem !important;
font-weight: normal !important;
line-height: 1.2 !important;
list-style: none;
min-height: auto !important;
max-height: none !important;
margin: 0 0 0 15px !important;
padding: 0 !important;
text-align: left !important;
text-shadow: none !important;
text-decoration: none !important;
min-width: auto !important;
max-width: none !important;
}
[class*="cparts-id173"] .cparts-txt-block * + h5 {
margin-top: 2rem !important;
}
[class*="cparts-id173"] .cparts-txt-block li {
background-color: transparent !important;
background-image: none !important;
border: none !important;
box-shadow: none !important;
display: block;
font-size: 1rem !important;
font-weight: normal !important;
line-height: 1.2 !important;
list-style: none;
min-height: auto !important;
max-height: none !important;
margin: 2px !important;
padding: 0 !important;
text-align: left !important;
text-shadow: none !important;
text-decoration: none !important;
text-indent: 0 !important;
min-width: auto !important;
max-width: none !important;
}
[class*="cparts-id173"] .cparts-txt-block li + li {
margin-right: 5px !important;
}
[class*="cparts-id173"] .cparts-txt-block li::before,
[class*="cparts-id173"] .cparts-txt-block li::after {
display: none !important;
}
[class*="cparts-id173"] .cparts-txt-block li + li::before {
background-color: transparent !important;
background-image: none !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
content: "/";
color: currentColor !important;
display: inline-block !important;
height: auto;
min-height: auto !important;
max-height: none !important;
margin: 0 5px 0 0;
padding: 0;
position: static !important;
transform: none;
width: auto;
min-width: auto !important;
max-width: none !important;
}
/* 新・吹き出しテキスト
======================================================= */
[class*="cparts-id91"] img {
border: none !important;
border-radius: 0 !important;
}
[class*="cparts-id91"] .cparts-txt-block {
position: relative;
}
[class*="cparts-id91"] .dec-line-pe--light.cparts-txt-block::before {
border-top-color: transparent !important;
border-bottom-color: transparent !important;
border-style: solid;
content: "";
display: block;
height: 0px;
position: absolute;
top: 30px;
margin-top: -10px;
width: 0px;
}
.cparts-id91--01 .dec-line-pe--light.cparts-txt-block::before {
border-left-color: transparent !important;
border-width: 10px 10px 10px 0;
left: -10px;
}
.cparts-id91--02 .dec-line-pe--light.cparts-txt-block::before {
border-right-color: transparent !important;
border-width: 10px 0 10px 10px;
right: -10px;
}
#header [class*="cparts-id91"] .dec-line-pe--light.cparts-txt-block::before,
#upper [class*="cparts-id91"] .dec-line-pe--light.cparts-txt-block::before,
#main [class*="cparts-id91"] .dec-line-pe--light.cparts-txt-block::before,
#side [class*="cparts-id91"] .dec-line-pe--light.cparts-txt-block::before,
#right [class*="cparts-id91"] .dec-line-pe--light.cparts-txt-block::before,
#bottom [class*="cparts-id91"] .dec-line-pe--light.cparts-txt-block::before,
#opt [class*="cparts-id91"] .dec-line-pe--light.cparts-txt-block::before,
#footer [class*="cparts-id91"] .dec-line-pe--light.cparts-txt-block::before {
border-top-color: transparent !important;
border-bottom-color: transparent !important;
}
#header .cparts-id91--01 .dec-line-pe--light.cparts-txt-block::before,
#upper .cparts-id91--01 .dec-line-pe--light.cparts-txt-block::before,
#main .cparts-id91--01 .dec-line-pe--light.cparts-txt-block::before,
#side .cparts-id91--01 .dec-line-pe--light.cparts-txt-block::before,
#right .cparts-id91--01 .dec-line-pe--light.cparts-txt-block::before,
#bottom .cparts-id91--01 .dec-line-pe--light.cparts-txt-block::before,
#opt .cparts-id91--01 .dec-line-pe--light.cparts-txt-block::before,
#footer .cparts-id91--01 .dec-line-pe--light.cparts-txt-block::before {
border-left-color: transparent !important;
}
#header .cparts-id91--02 .dec-line-pe--light.cparts-txt-block::before,
#upper .cparts-id91--02 .dec-line-pe--light.cparts-txt-block::before,
#main .cparts-id91--02 .dec-line-pe--light.cparts-txt-block::before,
#side .cparts-id91--02 .dec-line-pe--light.cparts-txt-block::before,
#right .cparts-id91--02 .dec-line-pe--light.cparts-txt-block::before,
#bottom .cparts-id91--02 .dec-line-pe--light.cparts-txt-block::before,
#opt .cparts-id91--02 .dec-line-pe--light.cparts-txt-block::before,
#footer .cparts-id91--02 .dec-line-pe--light.cparts-txt-block::before {
border-right-color: transparent !important;
}
/* 新・背景画像（テキスト）/背景画像（見出し・テキスト）
======================================================= */
.cparts-id75--01 .lay-col12-12 {
display: flex;
align-items: center;
position: relative;
}
.cparts-id75--01 .cparts-img-block {
position: absolute;
top: 0;
right: 15px;
bottom: 0;
left: 15px;
}
[class*="cparts-id75--"] .cparts-img-block img {
border: none !important;
border-radius: 0 !important;
object-fit: cover;
height: 100%;
width: 100%;
}
.cparts-id75--01 .cparts-txt-block {
font-size: 1.75rem;
margin-top: 120px;
margin-bottom: 120px;
position: relative;
width: 100%;
}
[class*="cparts-id75--"] .cparts-txt-block::before {
content: "";
display: block;
opacity: .6;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.cparts-id75--01 .cparts-txt-block p {
text-align: center;
}
[class*="cparts-id75--"] .lay-reset-child.dec-bg--primary {
background-color: transparent !important;
position: relative;
z-index: 2;
}
.cparts-id75--02 .cparts-img-block {
height: 100%;
min-height: 300px;
}
.cparts-id75--02.lay-col12-12 {
position: relative;
}
.cparts-id75--02 .cparts-txt-block {
position: absolute;
right: 15px;
bottom: 0;
left: 15px;
}
/* スマホ以外 */
@media (min-width: 768px) {
.cparts-id75--01 .cparts-txt-block {
font-size: 2.25rem;
margin-top: 320px;
margin-bottom: 320px;
}
}
/* 新・ステップリスト（直線・曲線）
======================================================= */
.cparts-id118__ttl {
background-color: transparent !important;
background-image: none !important;
border: none !important;
box-shadow: none !important;
display: block;
font-size: 1.75rem !important;
font-weight: bold !important;
line-height: 1.2 !important;
min-height: auto !important;
margin: 0 0 2rem !important;
padding: 0 !important;
position: relative;
text-align: left !important;
text-shadow: none !important;
text-decoration: none !important;
transform: none;
word-break: break-all;
width: 100%;
min-width: auto !important;
max-width: none !important;
}
.cparts-id118__ttl::before,
.cparts-id118__ttl::after {
display: none !important;
}
.cparts-connector--straight .cparts-id118__ttl {
text-align: left !important;
}
.cparts-id118.cparts-var03-type24.cparts-connector--curve + .cparts-id118.cparts-var03-type24.cparts-connector--curve:nth-of-type(even) .cparts-id118__ttl {
text-align: right !important;
}
/* 新・ステップリスト（横並び）
======================================================= */
.cparts-id117__ttl {
background-color: transparent !important;
background-image: none !important;
border: none !important;
box-shadow: none !important;
color: currentColor !important;
display: block;
min-height: auto !important;
margin: 0 !important;
padding: 0 !important;
text-decoration: none !important;
transform: none;
word-break: break-all;
width: 100%;
min-width: auto !important;
max-width: none !important;
}
.cparts-id117__ttl::before,
.cparts-id117__ttl::after {
display: none !important;
}
/* 新・SNSボタン
======================================================= */
[class*="cparts-id10--"] .cparts-txt-block {
display: flex;
align-items: center;
flex-wrap: wrap;
}
[class*="cparts-id10--"] .cparts-btn-block + .cparts-btn-block {
margin-left: 5px;
}
.cparts-id10--01 .cparts-txt-block {
justify-content: flex-end;
}
[class*="cparts-id10--"] div.cparts-btn-block iframe.fb-iframe {
width: 92px;
}
/* 新・よくある質問
======================================================= */
.cparts-id127 dl dt,
.cparts-id127 dl dd {
width: 100% !important;
}
/* メイン画像＿ver.27
======================================================= */
.cparts-id570 {
display: flex;
flex-direction: column;
}
.cparts-id570 .cparts-head-block {
margin-top: -28px;
order: 2;
width: calc(66.666% + 8px);
}
.cparts-id570__ttl {
background-color: transparent !important;
background-image: none !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
color: currentColor !important;
display: block !important;
font-size: 1.75rem !important;
font-weight: normal!important;
line-height: 1.4;
margin: 0 0 1rem !important;
padding: 0 !important;
text-align: left !important;
text-decoration: none !important;
text-shadow: none !important;
mask-image: none !important;
-webkit-mask-image: none !important;
}
.cparts-id570__ttl::before,
.cparts-id570__ttl::after {
display: none !important;
}
.cparts-id570 .cparts-body-block {
display: flex;
margin-right: -28px;
margin-left: -28px;
order: 1;
}
.cparts-id570 .cparts-img-block {
padding-right: 4px;
padding-left: 4px;
width: 33.333%;
}
.cparts-id570 .cparts-img-block:nth-child(1) {
align-self: flex-start;
}
.cparts-id570 .cparts-img-block:nth-child(2) {
align-self: center;
margin-top: 56px;
margin-bottom: 56px;
}
.cparts-id570 .cparts-img-block:nth-child(3) {
align-self: flex-end;
}
.cparts-id570 .cparts-img-block img {
object-fit: cover;
height: 100%;
width: 100%;
}
#cms_contents_area .cparts-hide-pc.cparts-id570,
#cms_contents_area .cparts-hide-sp.cparts-id570 {
display: flex !important;
}
@media (max-width: 767px) {
.cparts-id570 {
overflow-x: hidden;
}
.cparts-id570 .cparts-head-block {
margin-top: 0;
margin-right: 24px;
margin-left: 24px;
width: calc(100% - 48px);
}
}
@media (min-width: 768px) {
div:has( > .cparts-id570) {
container-type: inline-size;
}
.cparts-id570.cparts-mainvisual--sm .cparts-img-block {
height: 25vh;
}
.cparts-id570.cparts-mainvisual--md .cparts-img-block {
height: 50vh;
}
.cparts-id570.cparts-mainvisual--lg .cparts-img-block {
height: 75vh;
}
@container (min-width: 738px) {
.cparts-id570 {
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
}
.cparts-id570 .cparts-head-block {
margin-top: -304px;
margin-left: calc(50% - 50vw);
padding-right: 48px;
padding-left: 48px;
width: calc(33vw + 20px);
}
.cparts-id570__ttl {
font-size: 3rem !important;
margin-left: 1.5rem !important;
}
.cparts-id570 p {
font-size: 1.25rem;
margin-bottom: 1.5rem;
}
.cparts-id570 .cparts-body-block {
margin-right: -20px;
margin-left: -20px;
}
.cparts-id570 .cparts-img-block {
padding-right: 20px;
padding-left: 20px;
}
.cparts-id570 .cparts-img-block:nth-child(2) {
margin-top: 176px;
margin-bottom: 176px;
}
}
}
@media (min-width: 992px) {
@container (max-width: 961px) {
.cparts-id570 {
margin-right: 0;
margin-left: 0;
}
.cparts-id570 .cparts-head-block {
margin-top: -56px;
margin-left: 0;
padding-right: 0px;
padding-left: 0px;
width: 33%;
}
.cparts-id570__ttl {
font-size: 1.75rem !important;
margin-left: 1rem !important;
}
.cparts-id570 p {
font-size: 1rem;
margin-bottom: 1rem;
}
.cparts-id570 .cparts-body-block {
margin-right: -20px;
margin-left: -20px;
}
.cparts-id570 .cparts-img-block {
padding-right: 20px;
padding-left: 20px;
}
.cparts-id570 .cparts-img-block:nth-child(2) {
margin-top: 56px;
margin-bottom: 56px;
}
}
@container (min-width: 962px) {
.cparts-id570 {
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
}
.tempdata-re--type14 #opt1 .cparts-id570,
.tempdata-re--type20 .main .cparts-id570,
.tempdata-re--type20 .upper .cparts-id570,
.tempdata-re--type20 .bottom .cparts-id570,
.tempdata-re--type20 .footer .cparts-id570,
.tempdata-re--type26 .siteblock-main .cparts-id570,
.tempdata-re--type38 .siteblock-upper .cparts-id570,
.tempdata-re--type38 .siteblock-main .cparts-id570,
.tempdata-re--type38 .siteblock-bottom .cparts-id570,
.tempdata-re--type38 .siteblock-opt1 .cparts-id570 {
margin-right: 0;
margin-left: 0;
}
.cparts-id570 .cparts-head-block {
margin-top: -304px;
margin-left: calc(50% - 50vw);
padding-right: 48px;
padding-left: 48px;
width: calc(33vw + 20px);
}
.tempdata-re--type02 #main .cparts-id570 .cparts-head-block,
.tempdata-re--type08 #main .cparts-id570 .cparts-head-block,
.tempdata-re--type14 #opt1 .cparts-id570 .cparts-head-block,
.tempdata-re--type18 #main .cparts-id570 .cparts-head-block,
.tempdata-re--type18 #upper .cparts-id570 .cparts-head-block,
.tempdata-re--type18 #bottom .cparts-id570 .cparts-head-block,
.tempdata-re--type20 .main .cparts-id570 .cparts-head-block,
.tempdata-re--type20 .upper .cparts-id570 .cparts-head-block,
.tempdata-re--type20 .bottom .cparts-id570 .cparts-head-block,
.tempdata-re--type20 .footer .cparts-id570 .cparts-head-block,
.tempdata-re--type26 .siteblock-main .cparts-id570 .cparts-head-block,
.tempdata-re--type38 .siteblock-upper .cparts-id570 .cparts-head-block,
.tempdata-re--type38 .siteblock-main .cparts-id570 .cparts-head-block,
.tempdata-re--type38 .siteblock-bottom .cparts-id570 .cparts-head-block,
.tempdata-re--type38 .siteblock-opt1 .cparts-id570 .cparts-head-block {
margin-left: 0;
padding-right: 0;
padding-left: 0;
width: 33%;
}
.cparts-id570__ttl {
font-size: 3rem !important;
margin-left: 1.5rem !important;
}
.cparts-id570 p {
font-size: 1.25rem;
margin-bottom: 1.5rem;
}
.cparts-id570 .cparts-body-block {
margin-right: -20px;
margin-left: -20px;
}
.cparts-id570 .cparts-img-block {
padding-right: 20px;
padding-left: 20px;
}
.cparts-id570 .cparts-img-block:nth-child(2) {
margin-top: 176px;
margin-bottom: 176px;
}
}
}
/* 新・矢印
======================================================= */
.cparts-id112 .cparts-info-block {
height: 20px;
overflow: hidden;
text-align: center;
}
.cparts-id112 .cparts-info-block::before {
aspect-ratio: 2;
clip-path: polygon(50% 100%,100% 0,0 0);
content: "";
display: block;
height: 20px;
margin: 0 auto;
}
/* 見出し・表（列見出し）_2セット・3セット
======================================================= */
/* スマホ以外 */
@media (min-width: 768px) {
[class*="cparts-id250"] .cparts-table-block {
height: auto;
}
}
/* 新・背景画像（見出し）
======================================================= */
.cparts-id75--03 .cparts-txt-block {
margin-bottom: 1rem;
}
.cparts-id75--03 .cparts-txt-block::before {
display: none;
}
.cparts-id75--03__ttl {
background-color: transparent !important;
background-image: none !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
color: currentColor !important;
display: block !important;
font-size: 2.25rem;
font-weight: normal;
line-height: 1.2;
margin: 0 !important;
padding: 0 !important;
text-align: left;
text-decoration: none !important;
text-shadow: none !important;
mask-image: none !important;
-webkit-mask-image: none !important;
}
.cparts-id75--03__ttl::before,
.cparts-id75--03__ttl::after {
display: none;
}
#cms_contents_area .cparts-id75--03 .cparts-txt-block {
top: 50%;
bottom: 50%;
}
/* スマホ以外 */
@media (min-width: 768px) {
.cparts-id75--03 .cparts-body-block {
position: relative;
}
.cparts-id75--03 .cparts-txt-block {
display: flex;
align-items: center;
justify-content: center;
margin: 0;
padding: 3rem;
position: absolute;
top: 0;
right: 15px;
bottom: 0;
left: 15px;
text-align: center;
}
}
/* 一覧パーツ_ver.9、10
======================================================= */
.cparts-id572__ttl h3,
.cparts-id572__ttl h4,
.cparts-id572__ttl h5,
.cparts-id572__ttl h6 {
background-color: transparent !important;
background-image: none !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
color: currentColor !important;
display: block !important;
font-size: 2rem !important;
font-weight: bold !important;
line-height: 1.2;
margin: 0 0 1rem !important;
padding: 0 !important;
text-align: left;
text-decoration: none !important;
text-shadow: none !important;
mask-image: none !important;
-webkit-mask-image: none !important;
}
.cparts-id572__ttl h3::before,
.cparts-id572__ttl h4::before,
.cparts-id572__ttl h5::before,
.cparts-id572__ttl h6::before,
.cparts-id572__ttl h3::after,
.cparts-id572__ttl h4::after,
.cparts-id572__ttl h5::after,
.cparts-id572__ttl h6::after {
display: none;
}
/* スマホ以外 */
@media (min-width: 768px) {
.cparts-id552.lay-col12-xs-12:not([class*="lay-col12-md-"]),
.cparts-id572.lay-col12-xs-12:not([class*="lay-col12-md-"]) {
flex: 0 0 33.3333%;
}
.cparts-id572__ttl h3,
.cparts-id572__ttl h4,
.cparts-id572__ttl h5,
.cparts-id572__ttl h6 {
font-size: 4rem !important;
}
}
/* お問い合わせ_ver.5、6
======================================================= */
[class*="cparts-id573"] .cparts-txt-block {
height: 100%;
}
[class*="cparts-id573"] h4[style*="text-align: center;"] {
padding-left: 0;
}
[class*="cparts-id573"] h4[style*="text-align: center;"]::before,
[class*="cparts-id573"] h4[style*="text-align: center;"]::after {
display: none;
}
/* メイン画像＿ver.28
======================================================= */
.cparts-id575 {
overflow: hidden;
}
.cparts-id575 .cparts-body-block {
position: relative;
}
.cparts-id575 .cparts-body-block::before,
.cparts-id575 .cparts-body-block::after {
content: "";
display: block;
opacity: .7;
position: absolute;
z-index: 2;
}
.cparts-id575 .cparts-body-block::before {
aspect-ratio: 1;
clip-path: polygon(0 0,100% 0,100% 40%);
top: 0;
right: 0;
width: 20%;
}
.cparts-id575 .cparts-body-block::after {
aspect-ratio: 1;
clip-path: polygon(0 0,100% 0,100% 40%);
bottom: 0;
left: 0;
transform: rotate(180deg);
width: 70%;
}
.cparts-id575 .cparts-txt-block.dec-bg--primary {
background-color: transparent !important;
position: absolute;
right: 8%;
bottom: 32px;
left: 8%;
z-index: 3;
}
.cparts-id575__ttl {
background-color: transparent !important;
background-image: none !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
color: currentColor !important;
display: block !important;
font-size: 1.75rem !important;
font-weight: bold !important;
line-height: 1.4;
margin: 0 0 2rem !important;
padding: 0 !important;
text-align: left !important;
text-decoration: none !important;
text-shadow: none !important;
mask-image: none !important;
-webkit-mask-image: none !important;
}
.cparts-id575__ttl::before,
.cparts-id575__ttl::after {
display: none !important;
}
.cparts-id575 p {
margin-bottom: 1rem;
}
.cparts-id575 .cparts-img-block img {
object-fit: cover;
height: 100%;
width: 100%;
}
/* スマホのみ */
@media (max-width: 767px) {
.cparts-id575 {
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
width: 100vw;
}
}
/* スマホ以外 */
@media (min-width: 768px) {
div:has( > .cparts-id575) {
container-type: inline-size;
}
.cparts-id575.cparts-mainvisual--sm .cparts-body-block::after {
clip-path: polygon(0 0,100% 0,100% 20%);
}
@container (min-width: 738px) {
.cparts-id575 {
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
width: 100vw;
}
.cparts-id575 .cparts-txt-block.dec-bg--primary {
bottom: 64px;
}
.cparts-id575__ttl {
font-size: 3.375rem !important;
}
.cparts-id575 p {
font-size: 1.5rem;
}
}
}
@media (min-width: 992px) {
@container (max-width: 961px) {
.cparts-id575 {
margin-right: 0;
margin-left: 0;
width: 100%;
}
.cparts-id575__ttl {
font-size: 1.75rem !important;
}
.cparts-id575 p {
font-size: 1rem;
}
}
@container (min-width: 962px) {
.cparts-id575 {
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
}
.tempdata-re--type14 #opt1 .cparts-id575,
.tempdata-re--type20 .main .cparts-id575,
.tempdata-re--type20 .upper .cparts-id575,
.tempdata-re--type20 .bottom .cparts-id575,
.tempdata-re--type20 .footer .cparts-id575,
.tempdata-re--type26 .siteblock-main .cparts-id575,
.tempdata-re--type38 .siteblock-upper .cparts-id575,
.tempdata-re--type38 .siteblock-main .cparts-id575,
.tempdata-re--type38 .siteblock-bottom .cparts-id575,
.tempdata-re--type38 .siteblock-opt1 .cparts-id575 {
margin-right: 0;
margin-left: 0;
}
.cparts-id575 .cparts-txt-block.dec-bg--primary {
bottom: 64px;
}
.cparts-id575__ttl {
font-size: 3.375rem !important;
}
.cparts-id575 p {
font-size: 1.5rem;
}
}
}
/* メイン画像＿ver.29
======================================================= */
.cparts-id576 {
overflow: hidden;
}
.cparts-id576 .cparts-body-block {
position: relative;
}
.cparts-id576 .cparts-body-block::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 40%;
z-index: 2;
}
.cparts-id576 .cparts-txt-block.dec-bg--primary {
background-color: transparent !important;
position: absolute;
right: 8%;
bottom: 32px;
left: 8%;
z-index: 3;
}
.cparts-id576__ttl {
background-color: transparent !important;
background-image: none !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
color: currentColor !important;
display: block !important;
font-size: 1.75rem !important;
font-weight: bold !important;
line-height: 1.4;
margin: 0 0 2rem !important;
padding: 0 !important;
text-align: left !important;
text-decoration: none !important;
text-shadow: none !important;
mask-image: none !important;
-webkit-mask-image: none !important;
}
.cparts-id576__ttl::before,
.cparts-id576__ttl::after {
display: none !important;
}
.cparts-id576 p {
margin-bottom: 1rem;
}
.cparts-id576 .cparts-img-block img {
border: none;
border-radius: none;
object-fit: cover;
opacity: .8;
height: 100%;
width: 100%;
}
/* スマホのみ */
@media (max-width: 767px) {
.cparts-id576 {
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
width: 100vw;
}
.cparts-id576 .cparts-img-block {
height: 40vh;
}
.cparts-id576.cparts-mainvisual--sm .cparts-img-block {
height: 30vh;
}
.cparts-id576.cparts-mainvisual--md .cparts-img-block {
height: 50vh;
}
.cparts-id576.cparts-mainvisual--lg .cparts-img-block {
height: 60vh;
}
}
/* スマホ以外 */
@media (min-width: 768px) {
div:has( > .cparts-id576) {
container-type: inline-size;
}
@container (min-width: 720px) {
.cparts-id576 {
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
width: 100vw;
}
.cparts-id576 .cparts-txt-block.dec-bg--primary {
bottom: 64px;
}
.cparts-id576__ttl {
font-size: 3.375rem !important;
}
.cparts-id576 p {
font-size: 1.5rem;
}
}
/* 2カラム */
.pagetemp-column2 #main .cparts-id576,
body:not(.column1) #contents #upper .cparts-id576,
.column2 #contents #upper .cparts-id576,
.column2 .row .upper .cparts-id576,
.column2 .main .cparts-id576,
body:not(.column1) #contents #bottom .cparts-id576,
.column2 #main .cparts-id576,
#bottomContents #side .cparts-id576,
#type2column02 #main .cparts-id576,
#type2column02 #footer .cparts-id576,
.pagetemp-column2 .siteblock-main .cparts-id576,
.pagetemp-column2 [class*="col-lg"] #upper .cparts-id576,
.pagetemp-column2 [class*="col-lg"] .siteblock-upper .cparts-id576,
.pagetemp-column2 [class*="lay-col12-xl"] .siteblock-upper .cparts-id576,
.pagetemp-column2 [class*="col-lg"] #bottom .cparts-id576,
.pagetemp-column2 [class*="col-lg"] .siteblock-bottom .cparts-id576,
.pagetemp-column2 [class*="lay-col12-xl"] .siteblock-bottom .cparts-id576 {
margin-right: 0;
margin-left: 0;
width: 100%;
}
}
@media (min-width: 992px) {
@container (min-width: 962px) {
.cparts-id576 {
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
}
.tempdata-re--type14 #opt1 .cparts-id576,
.tempdata-re--type20 .main .cparts-id576,
.tempdata-re--type20 .upper .cparts-id576,
.tempdata-re--type20 .bottom .cparts-id576,
.tempdata-re--type20 .footer .cparts-id576,
.tempdata-re--type26 .siteblock-main .cparts-id576,
.tempdata-re--type38 .siteblock-upper .cparts-id576,
.tempdata-re--type38 .siteblock-main .cparts-id576,
.tempdata-re--type38 .siteblock-bottom .cparts-id576,
.tempdata-re--type38 .siteblock-opt1 .cparts-id576 {
margin-right: 0;
margin-left: 0;
}
.cparts-id576 .cparts-txt-block.dec-bg--primary {
bottom: 120px;
}
.cparts-id576__ttl {
font-size: 3.375rem !important;
}
.cparts-id576 p {
font-size: 1.5rem;
}
}
}
@media (min-width: 1200px) {
@container (max-width: 765px) {
.cparts-id576 {
margin-right: 0;
margin-left: 0;
width: 100%;
}
}
}
/* メイン画像＿ver.30
======================================================= */
.cparts-id577 {
padding-bottom: 40px;
position: relative;
}
.cparts-id577 .cparts-body-block {
display: flex;
align-items: center;
overflow: hidden;
position: relative;
}
.cparts-id577 .cparts-body-block::before {
background-color: currentColor;
content: "";
height: 1px;
position: absolute;
left: -15%;
transform: rotate(-55deg);
width: 100vh;
}
.cparts-id577 .cparts-txt-block {
padding-top: 16px;
padding-bottom: 16px;
position: relative;
margin: 40px calc(40% + 30px) 40px 10%;
z-index: 3;
}
.cparts-id577__ttl {
background-color: transparent !important;
background-image: none !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
color: currentColor !important;
display: block !important;
font-size: 1.75rem !important;
font-weight: bold !important;
line-height: 1.4;
margin: 0 0 2rem !important;
padding: 0 !important;
text-align: left !important;
text-decoration: none !important;
text-shadow: none !important;
mask-image: none !important;
-webkit-mask-image: none !important;
}
.cparts-id577__ttl::before,
.cparts-id577__ttl::after {
display: none !important;
}
.cparts-id577 p {
margin-bottom: 1rem;
}
.cparts-id577 .cparts-img-block {
display: flex;
align-items: flex-end;
position: absolute;
left: 60%;
bottom: 0;
width: 25%;
}
.cparts-id577 .cparts-img-block img {
border: none;
border-radius: none;
}
.cparts-id577.cparts-mainvisual--sm .cparts-img-block,
.cparts-id577.cparts-mainvisual--md .cparts-img-block,
.cparts-id577.cparts-mainvisual--lg .cparts-img-block {
height: auto !important;
}
/* スマホのみ */
@media (max-width: 767px) {
.cparts-id577 {
margin-right: calc(50% - 50vw);
margin-bottom: 80px;
margin-left: calc(50% - 50vw);
width: 100vw;
}
.cparts-id577 .cparts-body-block::before {
left: -300px;
}
.cparts-id577 .cparts-txt-block {
margin-right: 10%;
}
.cparts-id577 .cparts-img-block {
height: 40vh;
}
.cparts-id577.cparts-mainvisual--sm .cparts-txt-block {
margin-top: 24px;
margin-bottom: 24px;
}
.cparts-id577.cparts-mainvisual--md .cparts-txt-block {
margin-top: 64px;
margin-bottom: 64px;
}
.cparts-id577.cparts-mainvisual--lg .cparts-img-block {
margin-top: 80px;
margin-bottom: 80px;
}
}
/* スマホ以外 */
@media (min-width: 768px) {
div:has( > .cparts-id577) {
container-type: inline-size;
}
@container (min-width: 720px) {
.cparts-id577 {
margin-right: calc(50% - 50vw);
margin-bottom: 120px;
margin-left: calc(50% - 50vw);
width: 100vw;
}
.cparts-id577 .cparts-txt-block {
margin-top: 80px;
margin-bottom: 80px;
}
.cparts-id577__ttl {
font-size: 3.375rem !important;
}
.cparts-id577 p {
font-size: 1.5rem;
}
.cparts-id577.cparts-mainvisual--sm .cparts-txt-block {
margin-top: 40px;
margin-bottom: 40px;
}
.cparts-id577.cparts-mainvisual--md .cparts-txt-block {
margin-top: 160px;
margin-bottom: 160px;
}
.cparts-id577.cparts-mainvisual--lg .cparts-txt-block {
margin-top: 240px;
margin-bottom: 240px;
}
}
/* 2カラム */
.pagetemp-column2 #main .cparts-id577,
body:not(.column1) #contents #upper .cparts-id577,
.column2 #contents #upper .cparts-id577,
.column2 .row .upper .cparts-id577,
.column2 .main .cparts-id577,
body:not(.column1) #contents #bottom .cparts-id577,
.column2 #main .cparts-id577,
#bottomContents #side .cparts-id577,
#type2column02 #main .cparts-id577,
#type2column02 #footer .cparts-id577,
.pagetemp-column2 .siteblock-main .cparts-id577,
.pagetemp-column2 [class*="col-lg"] #upper .cparts-id577,
.pagetemp-column2 [class*="col-lg"] .siteblock-upper .cparts-id577,
.pagetemp-column2 [class*="lay-col12-xl"] .siteblock-upper .cparts-id577,
.pagetemp-column2 [class*="col-lg"] #bottom .cparts-id577,
.pagetemp-column2 [class*="col-lg"] .siteblock-bottom .cparts-id577,
.pagetemp-column2 [class*="lay-col12-xl"] .siteblock-bottom .cparts-id577 {
margin-right: 0;
margin-left: 0;
width: 100%;
}
}
@media (min-width: 992px) {
@container (min-width: 962px) {
.cparts-id577 {
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
}
.tempdata-re--type14 #opt1 .cparts-id577,
.tempdata-re--type20 .main .cparts-id577,
.tempdata-re--type20 .upper .cparts-id577,
.tempdata-re--type20 .bottom .cparts-id577,
.tempdata-re--type20 .footer .cparts-id577,
.tempdata-re--type26 .siteblock-main .cparts-id577,
.tempdata-re--type38 .siteblock-upper .cparts-id577,
.tempdata-re--type38 .siteblock-main .cparts-id577,
.tempdata-re--type38 .siteblock-bottom .cparts-id577,
.tempdata-re--type38 .siteblock-opt1 .cparts-id577 {
margin-right: 0;
margin-left: 0;
}
.cparts-id577 .cparts-body-block::before {
left: 0;
}
.cparts-id577 .cparts-txt-block {
margin-top: 160px;
margin-bottom: 160px;
}
.cparts-id577__ttl {
font-size: 3.375rem !important;
}
.cparts-id577 p {
font-size: 1.5rem;
}
}
}
@media (min-width: 1200px) {
@container (max-width: 765px) {
.cparts-id577 {
margin-right: 0;
margin-left: 0;
width: 100%;
}
}
}
/* タイトル見出し・テキスト／画像_ver.2&画像／タイトル見出し・テキスト_ver.2
======================================================= */
/* スマホのみ */
@media (max-width: 767px) {
[class*="cparts-id578"] .cparts-txt-block {
background-color: transparent !important;
}
}
/* スマホ以外 */
@media (min-width: 768px) {
[class*="cparts-id578"] .cparts-head-block {
padding-top: 200px;
}
[class*="cparts-id578"] .parts_h_type16 {
width: 100%;
}
[class*="cparts-id578"] .cparts-head-block h2 {
margin-top: 0;
}
[class*="cparts-id578"] .cparts-txt-block {
border-radius: 40px;
position: relative;
width: 30vw;
max-width: 760px;
z-index: 2;
}
[class*="cparts-id578"] .cparts-img-block {
position: relative;
z-index: 1;
}
.cparts-id578--01 .cparts-txt-block {
padding: 40px 40px 40px 0;
}
.cparts-id578--02 .cparts-head-block {
display: flex;
flex-direction: column;
align-items: flex-end;
order: 2;
}
.cparts-id578--02 .cparts-img-block {
order: 1;
}
.cparts-id578--02 .cparts-txt-block {
padding: 40px 0 40px 40px;
}
}
/* メイン画像＿ver.31
======================================================= */
.cparts-id580 .cparts-body-block {
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: flex-end;
min-height: 30vh;
overflow: hidden;
position: relative;
width: 100%;
}
.cparts-id580 .cparts-body-block::before {
content: "";
display: block;
height: 100%;
position: absolute;
left: 0;
bottom: 10px;
left: 0;
-webkit-mask-image: url("/_administrator/css/default/images/cparts/cparts-id580__mask_bg.svg");
mask-image: url("/_administrator/css/default/images/cparts/cparts-id580__mask_bg.svg");
-webkit-mask-position: left bottom;
mask-position: left bottom;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: cover;
mask-size: cover;
width: 100%;
}
.cparts-id580 .cparts-txt-block {
display: flex;
flex-direction: column;
justify-content: flex-start;
position: absolute;
top: 20%;
left: 15px;
bottom: 15px;
margin-right: 15px;
z-index: 3;
}
.cparts-id580__ttl {
background-color: transparent !important;
background-image: none !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
display: block !important;
font-size: 1.75rem !important;
font-weight: bold !important;
line-height: 1.4;
margin: 0 0 1rem !important;
padding: 0 !important;
text-align: left !important;
text-decoration: none !important;
text-shadow: none !important;
mask-image: none !important;
-webkit-mask-image: none !important;
}
.cparts-id580__ttl::before,
.cparts-id580__ttl::after {
display: none !important;
}
.cparts-id580 p {
margin-bottom: 1rem;
}
.cparts-id580 .cparts-img-block {
position: relative;
-webkit-mask-image: url("/_administrator/css/default/images/cparts/cparts-id580__mask_photo.svg");
mask-image: url("/_administrator/css/default/images/cparts/cparts-id580__mask_photo.svg");
-webkit-mask-position: left bottom;
mask-position: left bottom;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: cover;
mask-size: cover;
width: 90%;
z-index: 2;
}
.cparts-id580 .cparts-img-block img {
object-fit: cover;
border: none;
border-radius: 0;
height: 100%;
width: 100%;
max-width: none;
}
.cparts-mainvisual--sm.cparts-id580 .cparts-txt-block {
top: 15px;
}
.cparts-mainvisual--md.cparts-id580 .cparts-txt-block {
top: 20%;
}
.cparts-mainvisual--lg.cparts-id580 .cparts-txt-block {
top: 30%;
}
/* スマホのみ */
@media (max-width: 767px) {
.cparts-id580 {
overflow: hidden;
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
width: 100vw;
}
.cparts-id580 .cparts-body-block {
justify-content: flex-start;
}
.cparts-mainvisual--sm.cparts-id580 .cparts-img-block {
height: 35vh;
}
.cparts-mainvisual--md.cparts-id580 .cparts-img-block {
height: 50vh;
}
.cparts-mainvisual--lg.cparts-id580 .cparts-img-block {
height: 75vh;
}
}
/* スマホ以外 */
@media (min-width: 768px) {
.cparts-id580 {
container-type: inline-size;
}
@container (min-width: 720px) {
.cparts-id580 .cparts-body-block {
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
width: 100vw;
}
.cparts-id580 .cparts-body-block::before {
bottom: 40px;
}
.cparts-id580 .cparts-img-block {
width: 75%;
}
.cparts-id580 .cparts-txt-block {
left: 8%;
margin-right: 8%;
}
.cparts-mainvisual--sm.cparts-id580 .cparts-txt-block {
top: 10%;
}
}
/* 2カラム */
.pagetemp-column2 #main .cparts-id580 .cparts-body-block,
body:not(.column1) #contents #upper .cparts-id580 .cparts-body-block,
.column2 #contents #upper .cparts-id580 .cparts-body-block,
.column2 .row .upper .cparts-id580 .cparts-body-block,
.column2 .main .cparts-id580 .cparts-body-block,
body:not(.column1) #contents #bottom .cparts-id580 .cparts-body-block,
.column2 #main .cparts-id580 .cparts-body-block,
#bottomContents #side .cparts-id580 .cparts-body-block,
#type2column02 #main .cparts-id580 .cparts-body-block,
#type2column02 #footer .cparts-id580 .cparts-body-block,
.pagetemp-column2 .siteblock-main .cparts-id580 .cparts-body-block,
.pagetemp-column2 [class*="col-lg"] #upper .cparts-id580 .cparts-body-block,
.pagetemp-column2 [class*="col-lg"] .siteblock-upper .cparts-id580 .cparts-body-block,
.pagetemp-column2 [class*="lay-col12-xl"] .siteblock-upper .cparts-id580 .cparts-body-block,
.pagetemp-column2 [class*="col-lg"] #bottom .cparts-id580 .cparts-body-block,
.pagetemp-column2 [class*="col-lg"] .siteblock-bottom .cparts-id580 .cparts-body-block,
.pagetemp-column2 [class*="lay-col12-xl"] .siteblock-bottom .cparts-id580 .cparts-body-block {
margin-right: 0;
margin-left: 0;
width: 100%;
}
}
@media (min-width: 992px) {
@container (min-width: 962px) {
.cparts-id580 .cparts-body-block {
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
}
.tempdata-re--type14 #opt1 .cparts-id580 .cparts-body-block,
.tempdata-re--type20 .main .cparts-id580 .cparts-body-block,
.tempdata-re--type20 .upper .cparts-id580 .cparts-body-block,
.tempdata-re--type20 .bottom .cparts-id580 .cparts-body-block,
.tempdata-re--type20 .footer .cparts-id580 .cparts-body-block,
.tempdata-re--type26 .siteblock-main .cparts-id580 .cparts-body-block,
.tempdata-re--type38 .siteblock-upper .cparts-id580 .cparts-body-block,
.tempdata-re--type38 .siteblock-main .cparts-id580 .cparts-body-block,
.tempdata-re--type38 .siteblock-bottom .cparts-id580 .cparts-body-block,
.tempdata-re--type38 .siteblock-opt1 .cparts-id580 .cparts-body-block {
margin-right: 0;
margin-left: 0;
}
.cparts-id580__ttl {
font-size: 3.375rem !important;
margin-bottom: 2rem !important;
}
.cparts-id580 p {
font-size: 1.5rem;
}
}
}
@media (min-width: 1200px) {
@container (max-width: 765px) {
.cparts-id580 .cparts-body-block {
margin-right: 0;
margin-left: 0;
width: 100%;
}
}
}
/* メイン画像＿ver.32
======================================================= */
.cparts-id581 .cparts-body-block {
position: relative;
width: 100%;
}
.cparts-id581 .cparts-body-block::before {
content: "";
display: block;
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 30%;
}
.cparts-id581 .cparts-txt-block {
position: absolute;
right: 0;
bottom: 0;
left: 0;
margin: calc(6% + 2rem) calc(5% + 1rem);
z-index: 3;
}
.cparts-id581__ttl {
background-color: transparent !important;
background-image: none !important;
border: none !important;
border-radius: 0 !important;
box-shadow: none !important;
display: block !important;
font-size: 1.75rem !important;
font-weight: bold !important;
line-height: 1.4;
margin: 0 0 1rem !important;
padding: 0 !important;
text-align: left !important;
text-decoration: none !important;
text-shadow: none !important;
mask-image: none !important;
-webkit-mask-image: none !important;
}
.cparts-id581__ttl::before,
.cparts-id581__ttl::after {
display: none !important;
}
.cparts-id581 p {
margin-bottom: 1rem;
}
.cparts-id581 .cparts-img-block {
overflow: hidden;
position: relative;
min-height: 30vh;
}
.cparts-id581 .cparts-img-block img {
object-fit: cover;
border: none;
border-radius: 0;
height: 100%;
min-height: 30vh;
width: 100%;
max-width: none;
}
/* スマホのみ */
@media (max-width: 767px) {
.cparts-id581 {
overflow: hidden;
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
width: 100vw;
}
.cparts-id581 .cparts-body-block {
padding: 2rem 1rem !important;
}
.cparts-mainvisual--sm.cparts-id581 .cparts-img-block {
height: 35vh;
}
.cparts-mainvisual--md.cparts-id581 .cparts-img-block {
height: 50vh;
}
.cparts-mainvisual--lg.cparts-id581 .cparts-img-block {
height: 75vh;
}
}
/* スマホ以外 */
@media (min-width: 768px) {
.cparts-id581 {
container-type: inline-size;
}
@container (max-width: 719px) {
.cparts-id581 .cparts-body-block {
padding: 2rem 1rem !important;
}
}
@container (min-width: 720px) {
.cparts-id581 .cparts-body-block {
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
width: 100vw;
}
.cparts-id581 .cparts-txt-block {
margin: calc(6% + 5rem) calc(5% + 3rem);
}
}
/* 2カラム */
.pagetemp-column2 #main .cparts-id581 .cparts-body-block,
body:not(.column1) #contents #upper .cparts-id581 .cparts-body-block,
.column2 #contents #upper .cparts-id581 .cparts-body-block,
.column2 .row .upper .cparts-id581 .cparts-body-block,
.column2 .main .cparts-id581 .cparts-body-block,
body:not(.column1) #contents #bottom .cparts-id581 .cparts-body-block,
.column2 #main .cparts-id581 .cparts-body-block,
#bottomContents #side .cparts-id581 .cparts-body-block,
#type2column02 #main .cparts-id581 .cparts-body-block,
#type2column02 #footer .cparts-id581 .cparts-body-block,
.pagetemp-column2 .siteblock-main .cparts-id581 .cparts-body-block,
.pagetemp-column2 [class*="col-lg"] #upper .cparts-id581 .cparts-body-block,
.pagetemp-column2 [class*="col-lg"] .siteblock-upper .cparts-id581 .cparts-body-block,
.pagetemp-column2 [class*="lay-col12-xl"] .siteblock-upper .cparts-id581 .cparts-body-block,
.pagetemp-column2 [class*="col-lg"] #bottom .cparts-id581 .cparts-body-block,
.pagetemp-column2 [class*="col-lg"] .siteblock-bottom .cparts-id581 .cparts-body-block,
.pagetemp-column2 [class*="lay-col12-xl"] .siteblock-bottom .cparts-id581 .cparts-body-block {
margin-right: 0;
margin-left: 0;
width: 100%;
}
}
@media (min-width: 992px) {
@container (min-width: 962px) {
.cparts-id581 .cparts-body-block {
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
}
.tempdata-re--type14 #opt1 .cparts-id581 .cparts-body-block,
.tempdata-re--type20 .main .cparts-id581 .cparts-body-block,
.tempdata-re--type20 .upper .cparts-id581 .cparts-body-block,
.tempdata-re--type20 .bottom .cparts-id581 .cparts-body-block,
.tempdata-re--type20 .footer .cparts-id581 .cparts-body-block,
.tempdata-re--type26 .siteblock-main .cparts-id581 .cparts-body-block,
.tempdata-re--type38 .siteblock-upper .cparts-id581 .cparts-body-block,
.tempdata-re--type38 .siteblock-main .cparts-id581 .cparts-body-block,
.tempdata-re--type38 .siteblock-bottom .cparts-id581 .cparts-body-block,
.tempdata-re--type38 .siteblock-opt1 .cparts-id581 .cparts-body-block {
margin-right: 0;
margin-left: 0;
}
.cparts-id581__ttl {
font-size: 3.375rem !important;
margin-bottom: 2rem !important;
}
.cparts-id581 p {
font-size: 1.5rem;
}
}
}
@media (min-width: 1200px) {
@container (max-width: 765px) {
.cparts-id581 .cparts-body-block {
margin-right: 0;
margin-left: 0;
width: 100%;
}
}
}
/* フローティングバナー_ver.1
======================================================= */
.cparts-id582 {
bottom: 0;
margin-bottom: 0;
position: fixed;
right: 0;
width: 100%;
z-index: 999;
}
.cparts-id582 > .cparts-body-block{
display: flex;
}
.cparts-id582 .cparts-link-block {
align-items: center;
color: #fff;
display: flex;
font-size: 14px;
justify-content: center;
padding: 16px 8px;
transition: 0.5s;
width: 50%;
}
.cparts-id582 .cparts-link-block p {
color: #fff;
height: 100%;
margin-bottom: 0;
}
.cparts-id582 .cparts-link-block a {
color: #fff;
height: 100%;
text-decoration: unset;
width: 100%;
}
.cparts-id582 .cparts-link-block a:hover {
color: currentColor;
opacity: 1 !important;
text-decoration: unset !important;
}
.cparts-id582 .cparts-link-block a::before {
content: none !important;
}
@media (min-width: 768px) {
.cparts-id582 {
bottom: 180px;
display: block;
left: auto;
max-width: 100%;
}
.cparts-id582 > .cparts-body-block{
display: flex;
width: 100%;
flex-direction: column;
align-items: end;
}
.cparts-id582 .cparts-link-block p {
height: auto;
}
.cparts-id582 .cparts-link-block {
font-size: 16px;
height: auto;
max-height: 300px;
padding: 0;
transform: translateX(16px);
width: fit-content;
writing-mode: vertical-lr;
}
.cparts-id582 .cparts-link-block a {
display: block;
padding: 16px 32px 16px 16px !important;
text-decoration: unset !important;
}
.cparts-id582 .cparts-link-block:hover {
transform: translateX(0);
transition: 0.5s;
}
.cparts-id582 .cparts-link-block:first-child {
margin-bottom: 8px;
}
}
/* 編集サイト用 */
#cms_contents_area .cparts-id582 {
left: 20px;
right: unset;
bottom: 0;
width: auto !important;
}
#cms_contents_area .cparts-id582 > div {
display: flex;
flex-direction: row;
}
#cms_contents_area .cparts-id582 .cparts-link-block a {
padding: 16px !important;
}
#cms_contents_area .cparts-id582 .cparts-link-block {
margin-bottom: 0;
margin-right: 8px;
max-width: 300px;
transform: unset;
width: fit-content !important;
writing-mode: unset;
}
/* フローティングバナー_ver.2
======================================================= */
.cparts-id583 {
bottom: 0;
position: fixed;
margin-bottom: 0 !important;
right: 0;
width: 100%;
z-index: 999;
}
.cparts-id583 > .cparts-body-block {
display: flex;
flex-wrap: nowrap;
margin-left: 0;
margin-right: 0;
width: 100%;
}
.cparts-id583 .lay-col12-xs-6 {
padding-left: 0;
padding-right: 0;
}
.cparts-id583 .cparts-link-block {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
width: 50%;
}
.cparts-id583 .cparts-link-block p {
color: #fff;
height: 100%;
margin-bottom: 0;
}
.cparts-id583 .cparts-link-block a {
align-items: center;
color: #fff;
display: flex;
font-size: 14px;
height: 100%;
justify-content: center;
padding: 16px 8px 16px 8px;
text-align: center;
transition: 0.5s;
text-decoration: unset !important;
width: 100%;
}
.cparts-id583 .cparts-link-block a:hover {
text-decoration: unset !important;
}
@media (min-width: 768px) {
.cparts-id583 {
bottom: 40px;
right: 120px;
width: auto;
}
.cparts-id583 .cparts-link-block {
aspect-ratio: 1 / 1;
border-radius: 50%;
flex: 1 1 auto;
max-width: 25vw; /* 最大幅を300pxに制限 */
transition: 0.5s;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
}
.cparts-id583 .cparts-link-block p {
word-wrap: break-word; /* 長い単語で改行 */
word-break: break-word; /* 長い単語が収まらない場合に改行 */
white-space: normal; /* 通常の改行を許可 */
text-align: center;
}
.cparts-id583 .cparts-link-block:hover {
box-shadow: 0px 7px 5px rgba(0,0,0,.3);
transform: translateY(-7px);
transition: 0.5s;
}
.cparts-id583 .cparts-link-block a:hover {
opacity: 1 !important;
color: currentColor;
}
.cparts-id583 .cparts-link-block:hover a{
transform: translateX(0);
transition: 0.5s;
}
.cparts-id583 .cparts-link-block a {
align-items: center;
display: flex;
font-size: 16px;
height: 100%;
justify-content: center;
line-height: 1.4;
padding: 10px;
width: 100%;
}
.cparts-id583 .cparts-link-block:first-child {
margin-right: 16px;
}
}
/* 編集サイト用 */
#cms_contents_area .cparts-id583 .cparts-link-block:hover {
box-shadow: unset;
transform: unset;
transition: unset;
}
/* フローティングバナー_ver.3
======================================================= */
.cparts-id584 {
bottom: 30px;
position: fixed;
right: 0;
width: 100%;
z-index: 999;
}
.cparts-id584 .cparts-txt-block {
border: 5px solid #fff;
box-shadow: 0px 0px 15px -5px #777777;
margin-left: auto;
margin-right: auto;
max-width: 630px;
padding: 16px 24px;
position: relative;
width: calc(100% - 60px);
}
.cparts-id584 .cparts-txt-block p {
margin-bottom: 0;
}
.cparts-id584 .cparts-txt-block p:first-child {
text-align: center;
}
.cparts-id584 .cparts-icon-block {
background-color: #fff;
border-radius: 50%;
cursor: pointer;
height: 40px;
position: absolute;
right: 14px;
top: -20px;
width: 40px;
z-index: 1;
}
.cparts-id584 .cparts-icon-block span {
display: inline-block;
height: 16px;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 16px;
}
.cparts-id584 .cparts-icon-block span::before,
.cparts-id584 .cparts-icon-block span::after {
background-color: #949494;
content: '';
height: 100%;
left: 50%;
position: absolute;
top: 0;
transform-origin: center;
width: 2px;
}
.cparts-id584 .cparts-icon-block span::before {
transform: translateX(-50%) rotate(45deg);
}
.cparts-id584 .cparts-icon-block span::after {
transform: translateX(-50%) rotate(-45deg);
}
@media (min-width: 768px) {
.cparts-id584 {
bottom: 40px;
}
.cparts-id584 .cparts-txt-block {
margin-right: 100px;
padding: 2rem;
width: fit-content;
}
.cparts-id584 .cparts-icon-block {
right: 84px;
top: -18px;
}
}
/* フローティングバナー_ver.1/フローティングバナー_ver.2 フルエディタ用
======================================================= */
body#header .cparts-id582 .cparts-link-block a,
body#upper .cparts-id582 .cparts-link-block a,
body#main .cparts-id582 .cparts-link-block a,
body#side .cparts-id582 .cparts-link-block a,
body#bottom .cparts-id582 .cparts-link-block a,
body#opt1 .cparts-id582 .cparts-link-block a,
body#opt2 .cparts-id582 .cparts-link-block a,
body#opt3 .cparts-id582 .cparts-link-block a,
body#footer .cparts-id582 .cparts-link-block a,
body#header .cparts-id583 .cparts-link-block a,
body#upper .cparts-id583 .cparts-link-block a,
body#main .cparts-id583 .cparts-link-block a,
body#side .cparts-id583 .cparts-link-block a,
body#bottom .cparts-id583 .cparts-link-block a,
body#opt1 .cparts-id583 .cparts-link-block a,
body#opt2 .cparts-id583 .cparts-link-block a,
body#opt3 .cparts-id583 .cparts-link-block a,
body#footer .cparts-id583 .cparts-link-block a {
color: #fff;
}
body#header .cparts-id582 > .cparts-body-block,
body#upper .cparts-id582 > .cparts-body-block,
body#main .cparts-id582 > .cparts-body-block,
body#side .cparts-id582 > .cparts-body-block,
body#bottom .cparts-id582 > .cparts-body-block,
body#opt1 .cparts-id582 > .cparts-body-block,
body#opt2 .cparts-id582 > .cparts-body-block,
body#opt3 .cparts-id582 > .cparts-body-block,
body#footer .cparts-id582 > .cparts-body-block {
display: flex;
width: 40%;
}
body#header .cparts-id582 .cparts-link-block,
body#upper .cparts-id582 .cparts-link-block,
body#main .cparts-id582 .cparts-link-block,
body#side .cparts-id582 .cparts-link-block,
body#bottom .cparts-id582 .cparts-link-block,
body#opt1 .cparts-id582 .cparts-link-block,
body#opt2 .cparts-id582 .cparts-link-block,
body#opt3 .cparts-id582 .cparts-link-block,
body#footer .cparts-id582 .cparts-link-block {
margin-bottom: 0;
writing-mode: unset;
width: 50%;
}
body#header .cparts-id582,
body#upper .cparts-id582,
body#main .cparts-id582,
body#side .cparts-id582,
body#bottom .cparts-id582,
body#opt1 .cparts-id582,
body#opt2 .cparts-id582,
body#opt3 .cparts-id582,
body#footer .cparts-id582,
body#header .cparts-id583,
body#upper .cparts-id583,
body#main .cparts-id583,
body#side .cparts-id583,
body#bottom .cparts-id583,
body#opt1 .cparts-id583,
body#opt2 .cparts-id583,
body#opt3 .cparts-id583,
body#footer .cparts-id583,
body#header .cparts-id584,
body#upper .cparts-id584,
body#main .cparts-id584,
body#side .cparts-id584,
body#bottom .cparts-id584,
body#opt1 .cparts-id584,
body#opt2 .cparts-id584,
body#opt3 .cparts-id584,
body#footer .cparts-id584 {
position: absolute;
bottom: 0;
}
body#header .cparts-id582 .cparts-link-block:hover,
body#upper .cparts-id582 .cparts-link-block:hover,
body#main .cparts-id582 .cparts-link-block:hover,
body#side .cparts-id582 .cparts-link-block:hover,
body#bottom .cparts-id582 .cparts-link-block:hover,
body#opt1 .cparts-id582 .cparts-link-block:hover,
body#opt2 .cparts-id582 .cparts-link-block:hover,
body#opt3 .cparts-id582 .cparts-link-block:hover,
body#footer .cparts-id582 .cparts-link-block:hover {
transform: unset;
}
/* メイン画像_ver.33
======================================================= */
.cparts-id585 .cparts-id585__ttl::before,
.cparts-id585 .cparts-id585__ttl::after {
content: none !important;
}
.cparts-id585 {
padding-right: 15px;
width: auto !important;
container-type: inline-size;
}
.cparts-id585 .cparts-id585__ttl {
background: unset !important;
border: unset !important;
font-size: 4rem;
text-align: left !important;
box-shadow: unset !important;
padding: 0 !important;
margin: 0 !important;
}
.cparts-id585 .cparts-body-block > div:first-child {
padding-left: 30px;
padding-top: 15px;
padding-bottom: 15px;
display: flex;
align-items: center;
height: 100%;
}
.cparts-id585 .cparts-body-block {
display: flex;
flex-wrap: nowrap;
border-top-right-radius: 600px;
border-bottom-right-radius: 600px;
}
.cparts-id585 .cparts-id585__ttl {
margin-bottom: 0;
line-height: 1.35;
}
.cparts-id585 .cparts-img-block {
padding: 30px 30px 30px 10px;
text-align: right;
height: 60vh;
}
.cparts-id585 .cparts-img-block {
aspect-ratio: 1;
}
.cparts-id585 .cparts-img-block img {
aspect-ratio: 1;
object-fit: cover;
border-radius: 50% !important;
border: unset;
width: unset !important;
height: 100%;
}
@media (min-width: 768px) {
.cparts-id585 {
flex-wrap: nowrap;
}
.cparts-id585 h1 {
color: unset !important;
}
.cparts-id585 .cparts-body-block > div:first-child .cparts-txt-block {
justify-content: center;
}
.cparts-id585.cparts-mainvisual--lg .cparts-img-block {
height: 70vh !important;
}
.cparts-id585.cparts-mainvisual--md .cparts-img-block {
height: 60vh !important;
}
.cparts-id585.cparts-mainvisual--sm .cparts-img-block {
height: 50vh !important;
}
.cparts-id585 .cparts-body-block {
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
width: calc(100vw - 15px);
container-type: inline-size;
align-items: center;
}
@container (max-width: 860px) {
.cparts-id585 {
margin-left: 0 !important;
margin-right: 0 !important;
}
.cparts-id585 .cparts-body-block {
width: 100% !important;
margin-left: 0 !important;
margin-right: 15px !important;
align-items: center;
}
.cparts-id585 .cparts-id585__ttl {
font-size: 1.85rem !important;
}
.siteblock-upper .cparts-id585,
#upper .cparts-id585,
.cparts-id585 {
width: calc(100vw - 15px) !important;
flex-direction: column-reverse;
}
.cparts-id585.lay-row {
margin-left: 0;
}
.cparts-id585.box {
margin-bottom: 54px;
}
.siteblock-upper .cparts-id585 .cparts-body-block > .dec-bg--primary:first-child,
.siteblock-main .cparts-id585 .cparts-body-block > .dec-bg--primary:first-child,
.siteblock-bottom .cparts-id585 .cparts-body-block > .dec-bg--primary:first-child,
.siteblock-opt1 .cparts-id585 .cparts-body-block > .dec-bg--primary:first-child,
.siteblock-opt2 .cparts-id585 .cparts-body-block > .dec-bg--primary:first-child,
.siteblock-opt3 .cparts-id585 .cparts-body-block > .dec-bg--primary:first-child,
.siteblock-footer .cparts-id585 .cparts-body-block > .dec-bg--primary:first-child,
#header .cparts-id585 .cparts-body-block > .dec-bg--primary:first-child,
#upper .cparts-id585 .cparts-body-block > .dec-bg--primary:first-child,
#main .cparts-id585 .cparts-body-block > .dec-bg--primary:first-child,
#bottom .cparts-id585 .cparts-body-block > .dec-bg--primary:first-child,
#opt1 .cparts-id585 .cparts-body-block > .dec-bg--primary:first-child,
#opt2 .cparts-id585 .cparts-body-block > .dec-bg--primary:first-child,
#opt3 .cparts-id585 .cparts-body-block > .dec-bg--primary:first-child,
#footer .cparts-id585 .cparts-body-block > .dec-bg--primary:first-child {
background-color: unset !important;
}
.cparts-id585 .cparts-body-block > div:first-child .cparts-txt-block {
padding-left: 0;
}
.cparts-id585 .cparts-id585__ttl {
margin-bottom: 0;
margin-right: 0;
}
.cparts-id585 .cparts-img-block {
padding: 16px;
display: flex;
text-align: center;
margin-top: 0 !important;
height: auto;
}
.cparts-id585 .cparts-img-block img {
max-width: 100% !important;
width: 100% !important;
height: auto;
}
}
}
@media (max-width: 1200px) {
.cparts-id585 .cparts-img-block {
height: auto;
}
.cparts-id585 .cparts-id585__ttl {
font-size: 3rem;
}
.cparts-id585 .cparts-body-block > div:first-child .cparts-txt-block {
padding-left: 0;
}
}
@media (max-width: 767px) {
.cparts-id585 .cparts-body-block {
align-items: center;
}
.cparts-id585 .cparts-id585__ttl {
font-size: 1.85rem;
}
.siteblock-upper .cparts-id585,
#upper .cparts-id585,
.cparts-id585 {
width: calc(100vw - 30px) !important;
flex-direction: column-reverse;
}
.cparts-id585.lay-row {
margin-left: 0;
}
.cparts-id585.box {
margin-bottom: 54px;
}
.siteblock-upper .cparts-id585 .cparts-body-block > .dec-bg--primary:first-child,
.siteblock-main .cparts-id585 .cparts-body-block > .dec-bg--primary:first-child,
.siteblock-bottom .cparts-id585 .cparts-body-block > .dec-bg--primary:first-child,
.siteblock-opt1 .cparts-id585 .cparts-body-block > .dec-bg--primary:first-child,
.siteblock-opt2 .cparts-id585 .cparts-body-block > .dec-bg--primary:first-child,
.siteblock-opt3 .cparts-id585 .cparts-body-block > .dec-bg--primary:first-child,
.siteblock-footer .cparts-id585 .cparts-body-block > .dec-bg--primary:first-child,
#header .cparts-id585 .cparts-body-block > .dec-bg--primary:first-child,
#upper .cparts-id585 .cparts-body-block > .dec-bg--primary:first-child,
#main .cparts-id585 .cparts-body-block > .dec-bg--primary:first-child,
#bottom .cparts-id585 .cparts-body-block > .dec-bg--primary:first-child,
#opt1 .cparts-id585 .cparts-body-block > .dec-bg--primary:first-child,
#opt2 .cparts-id585 .cparts-body-block > .dec-bg--primary:first-child,
#opt3 .cparts-id585 .cparts-body-block > .dec-bg--primary:first-child,
#footer .cparts-id585 .cparts-body-block > .dec-bg--primary:first-child {
background-color: unset !important;
}
.cparts-id585 .cparts-body-block > div:first-child .cparts-txt-block {
padding-left: 0;
}
.cparts-id585 .cparts-id585__ttl {
margin-bottom: 0;
margin-right: 0;
}
.cparts-id585 .cparts-img-block {
padding: 16px;
text-align: center;
margin-top: 0 !important;
height: auto;
}
.cparts-id585 .cparts-img-block img {
max-width: 100% !important;
width: 100% !important;
height: auto;
}
}
@media (min-width: 768px) {
.siteblock-upper .cparts-id585 .cparts-body-block,
.upper .cparts-id585 .cparts-body-block,
#upper .cparts-id585 .cparts-body-block {
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
width: calc(100vw - 15px);
}
}
/* バリエーション */
.cparts-id585.cparts-mainvisual--sm .cparts-body-block > div:first-child {
flex: 0 0 60%;
max-width: 60%;
}
.cparts-id585.cparts-mainvisual--sm .cparts-img-block {
flex: 0 0 40%;
max-width: 40%;
height: auto !important;
}
.cparts-id585.cparts-mainvisual--md .cparts-img-block {
height: auto !important;
}
.cparts-id585.cparts-mainvisual--lg .cparts-body-block > div:first-child {
flex: 0 0 40%;
max-width: 40%;
}
.cparts-id585.cparts-mainvisual--lg .cparts-img-block {
flex: 0 0 60%;
max-width: 60%;
height: auto !important;
}
@media (max-width: 767px) {
.cparts-id585.cparts-mainvisual--md .cparts-body-block > div:first-child {
flex: 0 0 50%;
max-width: 50%;
}
.cparts-id585.cparts-mainvisual--md .cparts-img-block {
flex: 0 0 50%;
max-width: 50%;
}
}
/* フッター用パーツ_ver.1
フッター用パーツ_ver.2
フッター用パーツ_ver.3
======================================================= */
[class*="cparts-id586"] > .lay-row {
align-items: flex-end;
}
[class*="cparts-id586"].cparts-company-top > .lay-row {
align-items: flex-start;
}
[class*="cparts-id586"] a {
text-decoration: unset !important;
}
[class*="cparts-id586"] ul li {
margin-bottom: 0;
padding-bottom: 0;
}
.cparts-id586--01 > .lay-row > div:last-child > div div > ul > li > ul > li > ul > li,
.cparts-id586--02 > .lay-row > div:last-child > div div > ul > li > ul > li > ul > li,
.cparts-id586--03 > .lay-row > div:last-child > div div > ul > li > ul > li > ul > li {
background: unset;
}
.cparts-id586--04 > .lay-row > div:first-child > div div > ul > li > ul > li > ul > li,
.cparts-id586--05 > .lay-row > div:first-child > div div > ul > li > ul > li > ul > li,
.cparts-id586--06 > .lay-row > div:first-child > div div > ul > li > ul > li > ul > li {
background: unset;
}
.cparts-id586--01 > .lay-row > div:last-child > div div ul,
.cparts-id586--02 > .lay-row > div:last-child > div div ul,
.cparts-id586--03 > .lay-row > div:last-child div div ul
{
padding-left: 1.3rem;
}
.cparts-id586--01 > .lay-row > div:last-child > div div > ul,
.cparts-id586--02 > .lay-row > div:last-child > div div > ul,
.cparts-id586--03 > .lay-row > div:last-child div div > ul {
margin-top: 0;
margin-bottom: 0;
}
.cparts-id586--01 > .lay-row > div:last-child > div div ul,
.cparts-id586--02 > .lay-row > div:last-child > div div ul,
.cparts-id586--03 > .lay-row > div:last-child div div ul
{
margin-bottom: 0;
}
.cparts-id586--01 > .lay-row > div:last-child > div div > ul > li > ul > li > ul,
.cparts-id586--02 > .lay-row > div:last-child > div div > ul > li > ul > li > ul,
.cparts-id586--03 > .lay-row > div:last-child > div div > ul > li > ul > li > ul {
padding-left: 0.1rem;
}
.cparts-id586--01 > .lay-row > div:last-child > div div > ul > li > ul > li > ul > li,
.cparts-id586--02 > .lay-row > div:last-child > div div > ul > li > ul > li > ul > li,
.cparts-id586--03 > .lay-row > div:last-child > div div > ul > li > ul > li > ul > li
{
list-style: none;
font-size: 0.875rem;
}
.cparts-id586--04 > .lay-row > div:first-child,
.cparts-id586--05 > .lay-row > div:first-child,
.cparts-id586--06 > .lay-row > div:first-child {
margin-bottom: 0;
}
.cparts-id586--04 > .lay-row > div:first-child > div div ul > li > ul,
.cparts-id586--05 > .lay-row > div:first-child > div div ul > li > ul,
.cparts-id586--06 > .lay-row > div:first-child > div div ul > li > ul {
padding-left: 1.3rem;
}
.cparts-id586--04 > .lay-row > div:first-child > div div > ul > li > ul > li > ul > li,
.cparts-id586--05 > .lay-row > div:first-child > div div > ul > li > ul > li > ul > li,
.cparts-id586--06 > .lay-row > div:first-child > div div > ul > li > ul > li > ul > li {
list-style: none;
font-size: 0.875rem;
}
.cparts-id586--01 > .lay-row > div:last-child > div div > ul > li > ul > li > ul > li::before,
.cparts-id586--01 > .lay-row > div:last-child > div div > ul > li > ul > li > ul > li::after,
.cparts-id586--02 > .lay-row > div:last-child > div div > ul > li > ul > li > ul > li::before,
.cparts-id586--02 > .lay-row > div:last-child > div div > ul > li > ul > li > ul > li::after,
.cparts-id586--03 > .lay-row > div:last-child > div div > ul > li > ul > li > ul > li::before,
.cparts-id586--03 > .lay-row > div:last-child > div div > ul > li > ul > li > ul > li::after,
.cparts-id586--04 > .lay-row > div:first-child > div div > ul > li > ul > li > ul > li::before,
.cparts-id586--04 > .lay-row > div:first-child > div div > ul > li > ul > li > ul > li::after,
.cparts-id586--05 > .lay-row > div:first-child > div div > ul > li > ul > li > ul > li::before,
.cparts-id586--05 > .lay-row > div:first-child > div div > ul > li > ul > li > ul > li::after,
.cparts-id586--06 > .lay-row > div:first-child > div div > ul > li > ul > li > ul > li::before,
.cparts-id586--06 > .lay-row > div:first-child > div div > ul > li > ul > li > ul > li::after {
content: none !important;
}
@media (min-width: 768px) {
[class*="cparts-id586"] > .lay-row > div {
container-type: inline-size;
}
[class*="cparts-id586"] > .lay-row > div > .lay-row {
flex-wrap: nowrap;
}
.cparts-id586--03 > .lay-row > div:last-child > div div > ul,
.cparts-id586--06 > .lay-row > div:last-child > div div > ul {
padding-left: 0;
}
.cparts-id586--04 > .lay-row > div:last-child .cparts-txt-block,
.cparts-id586--05 > .lay-row > div:last-child .cparts-txt-block,
.cparts-id586--06 > .lay-row > div:last-child .cparts-txt-block {
width: fit-content;
margin-left: auto;
}
.cparts-id586--04 > .lay-row > div:first-child > div div ul,
.cparts-id586--05 > .lay-row > div:first-child > div div ul,
.cparts-id586--06 > .lay-row > div:first-child > div div ul {
margin-bottom: 0;
}
.cparts-id586--04 > .lay-row > div:first-child > div div > ul > li > ul > li > ul,
.cparts-id586--05 > .lay-row > div:first-child > div div > ul > li > ul > li > ul,
.cparts-id586--06 > .lay-row > div:first-child > div div > ul > li > ul > li > ul {
padding-left: 0;
}
}
@media (min-width: 768px) {
[class*="cparts-id586"] > .lay-row {
container-type: inline-size;
}
}
@container (max-width: 520px) {
[class*="cparts-id586"] > .lay-row > div {
max-width: 100%;
width: 100%;
flex: unset;
}
[class*="cparts-id586"] > .lay-row > div > div > div {
max-width: 100%;
width: 100%;
flex: unset;
}
.cparts-id586--04 > .lay-row > div:last-child .cparts-txt-block,
.cparts-id586--05 > .lay-row > div:last-child .cparts-txt-block,
.cparts-id586--06 > .lay-row > div:last-child .cparts-txt-block {
margin-left: 0;
}
}
@media (max-width: 767px) {
[class*="cparts-id586"] {
overflow: hidden;
}
[class*="cparts-id586"] ul {
margin-top: 8px;
margin-bottom: 0;
}
[class*="cparts-id586"] li {
margin-top: 8px;
margin-bottom: 8px;
}
[class*="cparts-id586"] > .lay-row {
flex-direction: column-reverse;
}
[class*="cparts-id586"] > .lay-row > div {
margin-bottom: 0 !important;
margin-top: 1rem !important;
}
[class*="cparts-id586"] > .lay-row > div:last-child > div div > ul,
[class*="cparts-id586"] > .lay-row > div:first-child > div div > ul {
margin-top: 0;
}
.cparts-id586--01 > .lay-row > div:last-child > div div,
.cparts-id586--02 > .lay-row > div:last-child > div div,
.cparts-id586--03 > .lay-row > div:last-child > div div
{
margin-top: 0 !important;
margin-left: 11px;
margin-right: 11px;
}
.cparts-id586--01 > .lay-row > div:last-child > div div > ul,
.cparts-id586--02 > .lay-row > div:last-child > div div > ul,
.cparts-id586--03 > .lay-row > div:last-child > div div > ul {
padding-left: 0;
}
[class*="cparts-id586"] > .lay-row > div > .lay-row {
justify-content: end;
}
.cparts-id586--04 > .lay-row,
.cparts-id586--05 > .lay-row,
.cparts-id586--06 > .lay-row {
flex-direction: column;
}
.cparts-id586--04 > .lay-row > div:first-child > div div,
.cparts-id586--05 > .lay-row > div:first-child > div div,
.cparts-id586--06 > .lay-row > div:first-child > div div {
margin-top: 0 !important;
margin-left: 11px;
margin-right: 11px;
}
.cparts-id586--04 > .lay-row > div:last-child,
.cparts-id586--05 > .lay-row > div:last-child,
.cparts-id586--06 > .lay-row > div:last-child {
margin-top: 1rem;
}
.cparts-id586--04 > .lay-row > div:first-child > div div > ul,
.cparts-id586--05 > .lay-row > div:first-child > div div > ul,
.cparts-id586--06 > .lay-row > div:first-child > div div > ul {
padding-left: 0;
margin-bottom: 0;
}
.cparts-id586--04 > .lay-row > div:first-child > div div > ul > li > ul > li > ul,
.cparts-id586--05 > .lay-row > div:first-child > div div > ul > li > ul > li > ul,
.cparts-id586--06 > .lay-row > div:first-child > div div > ul > li > ul > li > ul {
padding-left: 0.1rem;
}
}
/* ローディングアニメーション
======================================================= */
.cparts-id592 {
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: 999;
}
#cms_contents_area .cparts-id592 .cparts-body-block > div {
opacity: 1;
}
/* 全体が薄くなりオープン */
.cparts-id592 .cparts-body-block {
height: 100vh;
margin-left: calc(50% - 50vw);
margin-right: 0;
width: 100vw;
align-items: center;
display: flex;
flex-direction: column;
height: 100vh;
justify-content: center;
margin-left: 0;
margin-right: 0;
width: 100vw;
}
.cparts-id592 .cparts-body-block > div {
opacity: 0;
}
.cparts-id592 .lay-row .cparts-body-block > div {
width: fit-content;
margin: 0 auto;
}
.cparts-id592 .lay-row .cparts-body-block p {
margin-bottom: 10px;
}
.reveal-mask {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #111;
z-index: 9999;
clip-path: circle(0% at 50% 50%);
transition: clip-path 1.5s ease-in-out;
pointer-events: none;
}
/* 編集サイト用 */
#cms_contents_area .cparts-id592 {
margin-left: calc(50% - 50vw);
position: static !important;
width: 100vw;
}
/* プレビュー */
.cms-contentsparts-parts .cparts-id592 {
position: static !important;
}
.cms-contentsparts-parts .cparts-id592 .cparts-body-block {
width: 100% !important;
height: 400px;
margin: 0 !important;
}
.cms-contentsparts-parts .cparts-id592 .cparts-body-block {
width: 100%;
height: auto;
}
/* メイン画像_ver.34 */
.cparts-id593 {
width: 100vw;
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
overflow: hidden;
}
.cparts-id593 .cparts-body-block {
display: flex;
flex-wrap: nowrap;
}
.cparts-id593 .cparts-keyimg-block {
display: flex;
align-items: stretch;
overflow: hidden;
min-height: 400px; /* 高さは調整可能 */
}
.cparts-id593 .cparts-keyimg-block img {
border-radius: 0 !important;
}
.cparts-id593 .cparts-txt-block {
width: 40%;
z-index: 2;
padding: 2rem 1.5rem 2rem 12rem;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
}
.cparts-id593 .cparts-txt-block::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
top: 0;
left: 0;
width: 120%;
height: 100%;
background: rgba(255, 255, 255, 1);
clip-path: polygon(40% 0, 100% 0, 60% 100%, 0% 100%);
z-index: -1;
}
.cparts-id593.cparts-mainvisual--lg .cparts-txt-block::after {
right: -260px;
}
.cparts-id593.cparts-mainvisual--lg .cparts-txt-block::after {
right: -200px;
}
.cparts-id593__ttl {
text-align: left;
background-color: transparent !important;
background-image: none !important;
border-top: none !important;
border-right: none !important;
border-bottom: none !important;
border-left: none !important;
box-shadow: none !important;
margin-top: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding: 0 !important;
height: auto !important;
min-height: auto !important;
}
.cparts-id593__ttl {
color: #333;
font-size: 3.5rem !important;
margin-bottom: 1rem;
}
.cparts-id593__ttl::before,
.cparts-id593__ttl::after {
content: none !important;
}
.cparts-id593 .cparts-img-block {
width: 60%;
position: relative;
overflow: hidden;
clip-path: polygon(0 0, 100% 0, 100% 100%, 30% 100%);
z-index: 3;
}
.cparts-id593 .cparts-img-block img {
width: 100%;
height: 100%;
object-fit: cover;
border: unset;
}
.cparts-id593 .cparts-notes-block p {
color: #333;
}
.tempdata-re--type14 .cparts-id593 {
width: 100%;
margin-left: 0 !important;
margin-right: 0 !important;
}
.tempdata-re--type14 .cparts-id593 .cparts-body-block {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.tempdata-re--type14 .cparts-id593__ttl {
font-size: 1.5rem;
}
.tempdata-re--type14 .cparts-id593 .cparts-txt-block {
padding: 3rem 1.5rem 3rem 3rem;
}
.tempdata-re--type14 .cparts-id593 .cparts-txt-block::before {
left: -50px;
width: 160%;
}
.column2 .cparts-id593 .cparts-txt-block {
padding-left: 5rem;
}
@media (min-width: 768px) {
div:has( > .cparts-id593) {
container-type: inline-size;
}
@container (max-width: 750px) {
#bootstrap_template:not(.tempdata-re--type11) .cparts-id593 {
width: 100%;
margin-left: 0 !important;
margin-right: 0 !important;
}
#bootstrap_template .cparts-id593 .cparts-body-block {
width: 100%;
margin-left: 0;
margin-right: 0;
}
#bootstrap_template .cparts-id593__ttl {
font-size: 1.5rem;
}
#bootstrap_template .cparts-id593 .cparts-txt-block {
padding: 3rem 1.5rem 3rem 3rem;
}
#bootstrap_template .cparts-id593 .cparts-txt-block::before {
left: -50px;
width: 160%;
}
}
/* 親サイズ 650px以下 */
@container (max-width: 650px) {
.cparts-id593 {
width: 100%;
margin-left: 0 !important;
margin-right: 0 !important;
}
.cparts-id593 .cparts-body-block {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.cparts-id593__ttl {
font-size: 1.5rem !important;
}
.cparts-id593 .cparts-txt-block {
padding: 3rem 1.5rem 3rem 3rem;
}
.cparts-id593 .cparts-txt-block::before {
left: -50px;
width: 200%;
}
#side .cparts-id593 .cparts-txt-block,
.side .cparts-id593 .cparts-txt-block {
padding: 10px !important;
}
#side .cparts-id593 .cparts-txt-block::before,
.side .cparts-id593 .cparts-txt-block::before {
left: -60px;
width: calc(100% + 160px);
clip-path: polygon(30% 0, 100% 0, 70% 100%, 0 100%);
}
#side .cparts-id593 .cparts-txt-block,
.side .cparts-id593 .cparts-txt-block {
width: 50%;
}
#side .cparts-id593 .cparts-img-block,
.side .cparts-id593 .cparts-img-block {
width: 50%;
}
#side .cparts-id593.cparts-mainvisual--lg .cparts-txt-block::after,
.side .cparts-id593.cparts-mainvisual--lg .cparts-txt-block::after {
right: -70px;
}
}
}
@media (min-width: 768px) and (max-width: 1200px) {
@container (max-width: 255px) {
.cparts-id593 .cparts-txt-block {
padding: 10px !important;
}
.cparts-id593 .cparts-txt-block::before {
left: -60px;
width: calc(100% + 160px);
clip-path: polygon(30% 0, 100% 0, 70% 100%, 0 100%);
}
.cparts-id593 .cparts-txt-block {
width: 50%;
}
.cparts-id593 .cparts-img-block {
width: 50%;
}
.cparts-id593.cparts-mainvisual--lg .cparts-txt-block::after {
right: -70px;
}
}
}
@media (max-width: 1200px) {
.cparts-id593 .cparts-txt-block {
padding-top: 3rem;
padding-bottom: 3rem;
padding-left: 2rem;
}
.cparts-id593 .cparts-txt-block::before {
left: -60px;
width: calc(100% + 160px);
clip-path: polygon(30% 0, 100% 0, 70% 100%, 0 100%);
}
.cparts-id593 .cparts-txt-block {
width: 50%;
}
.cparts-id593 .cparts-img-block {
width: 50%;
}
.cparts-id593.cparts-mainvisual--lg .cparts-txt-block::after {
right: -70px;
}
}
@media (max-width: 767px) {
.cparts-id593__ttl {
font-size: 1.5rem !important;
}
}
#type2column02 .cparts-id593 {
width: 100%;
margin-left: 0;
margin-right: 0;
}
#type2column02 .cparts-id593 .cparts-body-block {
width: 100%;
margin-left: 0;
margin-right: 0;
}
#type2column02 .cparts-id593__ttl {
font-size: 1.5rem;
}
.tempdata-re--2columntype22 .cparts-id593__ttl {
margin-bottom: 10px;
padding: 16px 33px !important;
}
#type2column02 .cparts-id593 .cparts-txt-block {
padding: 3rem 1.5rem 3rem 3rem;
}
#type2column02 .cparts-id593 .cparts-txt-block::before {
left: -50px;
width: 200%;
}
@media (min-width: 768px) {
@container (max-width: 330px) {
#type2column02 .cparts-id593 .cparts-txt-block {
padding-left: 1.5rem;
}
}
}
/* メイン画像_ver.35 */
.cparts-id594 {
position: relative;
padding: 0;
width: 100vw;
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
}
.cparts-id594 .cparts-body-block {
width: 100vw;
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
display: flex;
flex-direction: column;
}
.cparts-id594 .cparts-img-block {
position: relative;
clip-path: ellipse(100% 100% at 50% 50%);
overflow: hidden;
height: 50vh;
order: 1;
}
.cparts-id594 .cparts-img-block img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
border: unset;
border-radius: 0 !important;
}
.cparts-id594 .cparts-img-block > div {
position: absolute;
bottom: 30px;
right: 80px;
width: 120px;
height: 120px;
border-radius: 50%;
font-size: 56px;
display: flex;
align-items: center;
justify-content: center;
z-index: 10;
}
@media (max-width: 767px) {
.cparts-id594 .cparts-img-block > div {
display: none;
}
}
.cparts-id594 .cparts-img-block > div a {
color: #fff;
display: flex;
width: 100%;
align-items: center;
justify-content: center;
height: 100%;
border-radius: 50%;
text-decoration: unset !important;
}
.cparts-id594 .cparts-img-block > div a:hover,
.cparts-id594 .cparts-img-block > div a:focus {
opacity: 1;
}
.cparts-id594 .cparts-copy-block {
position: relative;
height: 420px !important;
order: 2;
}
.cparts-id594 .cparts-copy-block ul {
margin-top: 1rem;
padding-left: 80px;
position: relative;
}
.cparts-id594 .cparts-copy-block ul li {
font-size: 290px;
white-space: nowrap;
}
.cparts-id594 .cparts-copy-block p {
font-size: 3rem;
position: absolute;
left: 30px;
bottom: -40px;
}
.cparts-id594 .cparts-body-block > div:nth-of-type(2) {
display: flex;
justify-content: space-between;
padding-left: 3rem;
order: 3;
}
.cparts-id594 .cparts-body-block > div:nth-of-type(2) > div {
width: 50%;
}
.cparts-id594 .cparts-body-block > div:nth-of-type(2) h1 {
background-color: transparent !important;
background-image: none !important;
border-top: none !important;
border-right: none !important;
border-bottom: none !important;
border-left: none !important;
box-shadow: none !important;
line-height: 1.35;
margin-top: 0 !important;
margin-left: 0 !important;
margin-right: 15px !important;
padding: 0 !important;
height: auto !important;
min-height: auto !important;
font-size: 3rem;
width: 50%;
margin-bottom: 0;
text-align: left;
}
.cparts-id594 .cparts-body-block > div:nth-of-type(2) h1::before,
.cparts-id594 .cparts-body-block > div:nth-of-type(2) h1::after {
content: none !important;
}
div:not(#cms-contentsparts-parts-preview) .siteblock-main .cparts-id594 .scroll-btn,
div:not(#cms-contentsparts-parts-preview) .siteblock-bottom .cparts-id594 .scroll-btn,
div:not(#cms-contentsparts-parts-preview) .siteblock-side .cparts-id594 .scroll-btn,
div:not(#cms-contentsparts-parts-preview) .siteblock-opt1 .cparts-id594 .scroll-btn,
div:not(#cms-contentsparts-parts-preview) .siteblock-opt2 .cparts-id594 .scroll-btn,
div:not(#cms-contentsparts-parts-preview) .siteblock-opt3 .cparts-id594 .scroll-btn,
div:not(#cms-contentsparts-parts-preview) .siteblock-footer .cparts-id594 .scroll-btn,
div:not(#cms-contentsparts-parts-preview) .main .cparts-id594 .scroll-btn,
div:not(#cms-contentsparts-parts-preview) .bottom .cparts-id594 .scroll-btn,
div:not(#cms-contentsparts-parts-preview) .side .cparts-id594 .scroll-btn,
div:not(#cms-contentsparts-parts-preview) .opt1 .cparts-id594 .scroll-btn,
div:not(#cms-contentsparts-parts-preview) .opt2 .cparts-id594 .scroll-btn,
div:not(#cms-contentsparts-parts-preview) .opt3 .cparts-id594 .scroll-btn,
div:not(#cms-contentsparts-parts-preview) .footer .cparts-id594 .scroll-btn,
div:not(#cms-contentsparts-parts-preview) #main .cparts-id594 .scroll-btn,
div:not(#cms-contentsparts-parts-preview) #bottom .cparts-id594 .scroll-btn,
div:not(#cms-contentsparts-parts-preview) #side .cparts-id594 .scroll-btn,
div:not(#cms-contentsparts-parts-preview) #opt1 .cparts-id594 .scroll-btn,
div:not(#cms-contentsparts-parts-preview) #opt2 .cparts-id594 .scroll-btn,
div:not(#cms-contentsparts-parts-preview) #opt3 .cparts-id594 .scroll-btn,
div:not(#cms-contentsparts-parts-preview) #footer .cparts-id594 .scroll-btn {
display: none !important;
}
.tempdata-re--type14 .cparts-id594 {
width: 100%;
margin-left: 0 !important;
margin-right: 0 !important;
}
.tempdata-re--type14 .cparts-id594 .cparts-body-block {
width: 100%;
margin-left: 0 !important;
margin-right: 0 !important;
}
.tempdata-re--type14 .cparts-id594 .cparts-img-block > div {
height: 100px;
width: 100px;
font-size: 40px;
bottom: 40px;
right: 40px;
}
.tempdata-re--type14 .cparts-id594 .cparts-copy-block {
height: 148px !important;
}
.tempdata-re--type14 .cparts-id594 .cparts-copy-block ul li {
font-size: 100px;
}
.tempdata-re--type14 .cparts-id594 .cparts-body-block > div:nth-of-type(2) h1 {
font-size: 1.5rem;
margin-right: 15px;
}
.tempdata-re--type14 .cparts-id594 .cparts-body-block > div:nth-of-type(2) {
padding-left: 0;
}
@media (min-width: 768px) and (max-width: 991px) {
.cparts-id594 .cparts-img-block > div {
width: 100px;
height: 100px;
bottom: 40px;
right: 60px;
font-size: 45px;
}
.cparts-id594 .cparts-copy-block {
height: 280px !important;
}
.cparts-id594 .cparts-copy-block ul li {
font-size: 180px;
}
.cparts-id594 .cparts-body-block > div:nth-of-type(2) > div:first-child p {
font-size: 2rem;
}
}
@media (min-width: 768px) {
div:has( > .cparts-id594) {
container-type: inline-size;
}
/* 親サイズ 750px以下 */
@container (max-width: 750px) {
#bootstrap_template:not(.tempdata-re--type11) .cparts-id594 {
width: 100%;
margin-left: 0 !important;
margin-right: 0 !important;
}
#bootstrap_template .cparts-id594 .cparts-img-block {
height: 30vh;
}
#bootstrap_template .cparts-id594 .cparts-body-block {
width: 100%;
margin-left: 0 !important;
margin-right: 0 !important;
}
#bootstrap_template .cparts-id594 .cparts-img-block > div {
height: 100px;
width: 100px;
font-size: 40px;
bottom: 40px;
right: 40px;
}
#bootstrap_template .cparts-id594 .cparts-copy-block {
height: 148px !important;
}
#bootstrap_template .cparts-id594 .cparts-copy-block ul li {
font-size: 100px;
}
#bootstrap_template .cparts-id594 .cparts-body-block > div:nth-of-type(2) h1 {
font-size: 1.5rem;
margin-right: 15px;
}
#bootstrap_template .cparts-id594 .cparts-body-block > div:nth-of-type(2) {
padding-left: 0;
}
}
@container (max-width: 650px) {
.cparts-id594 {
width: 100%;
margin-left: 0 !important;
margin-right: 0 !important;
}
.cparts-id594 .cparts-img-block {
height: 30vh;
}
.cparts-id594 .cparts-body-block {
width: 100%;
margin-left: 0 !important;
margin-right: 0 !important;
}
.cparts-id594 .cparts-img-block > div {
height: 100px;
width: 100px;
font-size: 40px;
bottom: 40px;
right: 40px;
}
.cparts-id594 .cparts-copy-block {
height: 148px !important;
}
.cparts-id594 .cparts-copy-block ul li {
font-size: 100px;
}
.cparts-id594 .cparts-body-block > div:nth-of-type(2) h1 {
font-size: 1.5rem;
margin-right: 15px;
}
.cparts-id594 .cparts-body-block > div:nth-of-type(2) {
padding-left: 0;
}
#side .cparts-id594 .cparts-img-block > div,
.side .cparts-id594 .cparts-img-block > div {
width: 60px;
height: 60px;
bottom: 30px;
right: 15px;
font-size: 20px;
}
#side .cparts-id594 .cparts-copy-block,
.side .cparts-id594 .cparts-copy-block {
height: 148px !important;
}
#side .cparts-id594 .cparts-copy-block ul li,
.side .cparts-id594 .cparts-copy-block ul li {
font-size: 100px;
}
#side .cparts-id594 .cparts-body-block > div:nth-of-type(2),
.side .cparts-id594 .cparts-body-block > div:nth-of-type(2) {
display: block;
}
#side .cparts-id594 .cparts-body-block > div:nth-of-type(2),
.side .cparts-id594 .cparts-body-block > div:nth-of-type(2) {
padding-left: 1rem;
padding-right: 1rem;
}
#side .cparts-id594 .cparts-body-block > div:nth-of-type(2) > div,
.side .cparts-id594 .cparts-body-block > div:nth-of-type(2) > div {
width: 100%;
}
#side .cparts-id594 .cparts-body-block > div:nth-of-type(2) h1,
.side .cparts-id594 .cparts-body-block > div:nth-of-type(2) h1 {
font-size: 1.75rem;
text-align: left;
width: 100%;
margin-bottom: 30px;
}
}
}
@media (max-width: 767px) {
.cparts-id594 .cparts-img-block > div {
width: 60px;
height: 60px;
bottom: 30px;
right: 15px;
font-size: 20px;
}
.cparts-id594 .cparts-copy-block {
height: 148px !important;
}
.cparts-id594 .cparts-copy-block ul li {
font-size: 100px;
}
.cparts-id594 .cparts-body-block > div:nth-of-type(2) {
display: block;
}
.cparts-id594 .cparts-body-block > div:nth-of-type(2) {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.cparts-id594 .cparts-body-block > div:nth-of-type(2) > div {
width: 100%;
}
.cparts-id594 .cparts-body-block > div:nth-of-type(2) h1 {
font-size: 1.75rem;
text-align: left;
width: 100%;
margin-bottom: 30px;
}
}
/* 編集サイト */
.cparts-id594 .cparts-copy-block #cms_editor_form {
width: calc(100% - 30px);
margin-left: auto;
}
/* バリエーション */
.cparts-loopslider--wrap02 {
display: flex;
flex-wrap: nowrap;
position: absolute;
top: 0;
height: 100%;
}
.cparts-decoslider-block02.cparts-current--rightleft .cparts-loopslider--wrap02 {
left: 0;
}
.cparts-decoslider-block02.cparts-current--leftright .cparts-loopslider--wrap02 {
right: 0;
}
.cparts-decoslider-block02.cparts-current--rightleft .cparts-copy-block ul,
.cparts-decoslider-block02.cparts-current--leftright .cparts-copy-block ul {
display: flex;
flex-wrap: nowrap;
width: min-content;
}
.cparts-decoslider-block02 {
container-type: inline-size;
}
.cparts-decoslider-block02 .lay-row {
display: block;
}
.cparts-decoslider-block02 .cparts-copy-block {
overflow: hidden;
position: relative;
}
.cparts-decoslider-block02 ul,
.cparts-decoslider-block02 li {
background-color: transparent !important;
background-image: none !important;
border: none !important;
list-style: none !important;
margin: 0;
padding: 0;
text-indent: 0 !important;
}
.cparts-decoslider-block02 ul::before,
.cparts-decoslider-block02 ul::after,
.cparts-decoslider-block02 li::before,
.cparts-decoslider-block02 ul::before {
display: none !important;
}
.cparts-decoslider-block02 ul {
display: flex;
align-items: center;
width: max-content;
}
.cparts-decoslider-block02 ul + ul {
padding-left: 16px !important;
}
.cparts-decoslider-block02 li img {
width: 100%;
}
#type2column02 .cparts-id594 {
width: 100%;
margin-left: 0;
margin-right: 0;
}
#type2column02 .cparts-id594 .cparts-img-block {
height: 30vh;
}
#type2column02 .cparts-id594 .cparts-body-block {
width: 100%;
margin-left: 0 !important;
margin-right: 0 !important;
}
#type2column02 .cparts-id594 .cparts-img-block > div {
height: 100px;
width: 100px;
font-size: 40px;
bottom: 40px;
right: 40px;
}
#type2column02 .cparts-id594 .cparts-copy-block {
height: 148px !important;
}
#type2column02 .cparts-id594 .cparts-copy-block ul li {
font-size: 100px;
}
#type2column02 .cparts-id594 .cparts-body-block > div:nth-of-type(2) h1 {
font-size: 1.5rem;
margin-right: 15px;
}
.tempdata-re--2columntype22 .cparts-id594 .cparts-body-block > div:nth-of-type(2) h1 {
margin-bottom: 10px;
padding: 16px 33px !important;
}
/* 装飾画像・テキスト_ver.1 */
[class*="cparts-id595"] {
container-type: inline-size;
width: 100vw;
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
padding-bottom: 210px !important;
}
[class*="cparts-id595"] .cparts-body-block {
display: flex;
flex-wrap: nowrap;
position: relative;
}
/* 共通リセット */
[class*="cparts-id595"] .cparts-img-block img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
border: unset;
border-radius: 0 !important;
}
[class*="cparts-id595"] .cparts-body-block > .cparts-img-block {
width: 48.7%;
height: 614px;
z-index: 2;
position: absolute;
top: 0;
}
.cparts-id595--01 .cparts-body-block > .cparts-img-block {
left: 0;
}
.cparts-id595--02 .cparts-body-block > .cparts-img-block {
right: 0;
}
[class*="cparts-id595"] .cparts-body-block > .cparts-txt-block > div:first-child {
display: flex;
flex-wrap: nowrap;
}
.cparts-id595--01 .cparts-body-block > .cparts-txt-block > div:first-child {
margin-left: 14.5%;
}
.cparts-id595--02 .cparts-body-block > .cparts-txt-block > div:first-child {
margin-left: 14.5%;
}
[class*="cparts-id595"] .cparts-body-block > .cparts-txt-block > div .cparts-img-block {
-webkit-mask-image: url("/_administrator/css/default/images/cparts/cparts-id595--01__mask_bg.svg");
mask-image: url("/_administrator/css/default/images/cparts/cparts-id595--01__mask_bg.svg");
-webkit-mask-position: center top;
mask-position: center top;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100%;
mask-size: 100%;
margin-left: -16.2%;
height: 16vw;
width: 50%;
}
.cparts-id595--02 .cparts-body-block > .cparts-txt-block > div .cparts-img-block {
transform: scale(-1, 1);
}
.cparts-id595--02 .cparts-body-block > .cparts-txt-block > div .cparts-img-block img {
transform: scale(-1, 1);
}
[class*="cparts-id595"] .cparts-body-block > .cparts-txt-block > div .cparts-img-block:first-child {
z-index: 3;
}
[class*="cparts-id595"] .cparts-body-block > .cparts-txt-block > div .cparts-img-block:nth-child(2) {
z-index: 2;
}
.cparts-id595--01 .cparts-body-block > .cparts-txt-block > div .cparts-img-block:last-child {
-webkit-mask-image: url("/_administrator/css/default/images/cparts/cparts-id595--03__mask_bg.svg");
mask-image: url("/_administrator/css/default/images/cparts/cparts-id595--03__mask_bg.svg");
z-index: 1;
margin-left: -16%;
}
.cparts-id595--02 .cparts-body-block > .cparts-txt-block > div .cparts-img-block:first-child {
-webkit-mask-image: url("/_administrator/css/default/images/cparts/cparts-id595--03__mask_bg.svg");
mask-image: url("/_administrator/css/default/images/cparts/cparts-id595--03__mask_bg.svg");
z-index: 1;
margin-left: -17%;
}
/* 親にflexを指定 */
[class*="cparts-id595"] .cparts-body-block > .cparts-txt-block .cparts-img-block {
display: flex;
flex-wrap: nowrap;;
}
.cparts-id595--01 .cparts-body-block > .cparts-txt-block {
width: 60%;
}
.cparts-id595--02 .cparts-body-block > .cparts-txt-block {
width: 59.5%;
}
.cparts-id595--01 .cparts-body-block > .cparts-txt-block {
margin-left: auto;
}
.cparts-id595--02 .cparts-body-block > .cparts-txt-block {
margin-right: auto;
}
[class*="cparts-id595"] .cparts-body-block > .cparts-img-block {
-webkit-mask-image: url("/_administrator/css/default/images/cparts/cparts-id595--02__mask_bg.svg");
mask-image: url("/_administrator/css/default/images/cparts/cparts-id595--02__mask_bg.svg");
-webkit-mask-position: center top;
mask-position: center top;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: 100%;
mask-size: 100%;
z-index: 4;
}
.cparts-id595--02 .cparts-body-block > .cparts-img-block {
transform: scale(-1, 1);
}
.cparts-id595--02 .cparts-body-block > .cparts-img-block img {
transform: scale(-1, 1);
}
/* テキストエリアスタイル */
[class*="cparts-id595"] .cparts-txt-block .cparts-txt-block {
padding: 2rem;
font-size: 16px;
line-height: 2;
}
.tempdata-re--type14 [class*="cparts-id595"] {
width: 100%;
margin-left: 0 !important;
margin-right: 0 !important;
padding-bottom: 0 !important;
}
.tempdata-re--type14 [class*="cparts-id595"] .cparts-body-block {
display: flex;
flex-wrap: nowrap;
}
.tempdata-re--type14 [class*="cparts-id595"] .cparts-body-block > .cparts-img-block {
height: 225px;
}
.tempdata-re--type14 [class*="cparts-id595"] .cparts-body-block > .cparts-txt-block > div .cparts-img-block {
height: 87px;
}
@media (min-width: 1200px) {
[class*="cparts-id595"] {
padding-bottom: 280px !important;
}
}
@media (min-width: 768px) {
div:has( > .cparts-id595) {
container-type: inline-size;
}
.column2 [class*="cparts-id595"] {
padding-bottom: 32px !important;
}
.column2 [class*="cparts-id595"] .cparts-body-block > .cparts-txt-block > div .cparts-img-block {
height: 10vw;
}
@container (max-width: 750px) {
#bootstrap_template [class*="cparts-id595"] {
width: 100%;
margin-left: 0 !important;
margin-right: 0 !important;
padding-bottom: 0 !important;
}
#bootstrap_template [class*="cparts-id595"] .cparts-body-block {
display: flex;
flex-wrap: nowrap;
}
#bootstrap_template [class*="cparts-id595"] .cparts-body-block > .cparts-img-block {
height: 225px;
}
#bootstrap_template [class*="cparts-id595"] .cparts-body-block > .cparts-txt-block > div .cparts-img-block {
height: 87px;
}
}
/* 親サイズ 737px以下 */
@container (max-width: 650px) {
[class*="cparts-id595"] {
width: 100%;
margin-left: 0 !important;
margin-right: 0 !important;
padding-bottom: 0 !important;
}
[class*="cparts-id595"] .cparts-body-block {
display: flex;
flex-wrap: nowrap;
}
[class*="cparts-id595"] .cparts-body-block > .cparts-img-block {
height: 225px;
}
[class*="cparts-id595"] .cparts-body-block > .cparts-txt-block > div .cparts-img-block {
height: 87px;
}
#side [class*="cparts-id595"] .cparts-img-block img,
.side [class*="cparts-id595"] .cparts-img-block img {
height: 100%;
}
#side [class*="cparts-id595"] .cparts-txt-block .cparts-txt-block,
.side [class*="cparts-id595"] .cparts-txt-block .cparts-txt-block {
padding: 1rem;
width: 100vw;
margin-top: 25px;
margin-right: calc(50% - 50vw) !important;
}
#side .cparts-id595--01 .cparts-txt-block .cparts-txt-block,
.side .cparts-id595--01 .cparts-txt-block .cparts-txt-block {
margin-left: -66% !important;
width: 166% !important;
}
#side .cparts-id595--02 .cparts-txt-block .cparts-txt-block,
.side .cparts-id595--02 .cparts-txt-block .cparts-txt-block {
margin-left: 0 !important;
width: 166% !important;
}
}
@container (max-width: 360px) {
#bootstrap_template [class*="cparts-id595"] .cparts-body-block > .cparts-img-block {
height: 105px;
}
}
@container (max-width: 255px) {
[class*="cparts-id595"] .cparts-txt-block .cparts-txt-block {
padding: 0;
}
}
}
@media (max-width: 991px) {
[class*="cparts-id595"] {
padding-bottom: 0 !important;
}
[class*="cparts-id595"] .cparts-body-block {
padding-bottom: 10px;
}
[class*="cparts-id595"] .cparts-body-block > .cparts-img-block {
height: 28vw;
object-fit: unset;
}
.cparts-id595--01 .cparts-body-block > .cparts-txt-block .cparts-img-block img {
height: 100%;
}
.cparts-id595--02 .cparts-body-block > .cparts-txt-block > div:first-child {
margin-left: 14%;
}
/* 親サイズ 737px以下 */
@container (max-width: 650px) {
[class*="cparts-id595"] .cparts-body-block > .cparts-img-block {
height: 130px;
}
}
}
@media (max-width: 767px) {
[class*="cparts-id595"] .cparts-img-block img {
height: 100%;
}
[class*="cparts-id595"] .cparts-txt-block .cparts-txt-block {
padding: 1rem 1.5rem;
width: 100vw;
margin-top: 100px;
margin-right: calc(50% - 50vw) !important;
}
.cparts-id595--01 .cparts-txt-block .cparts-txt-block {
margin-left: calc(17% - 50vw) !important;
}
.cparts-id595--02 .cparts-txt-block .cparts-txt-block {
margin-left: calc(84% - 50vw) !important;
}
}
#type2column02:not(.tempdata-re--2columntype23,.tempdata-re--2columntype25) [class*="cparts-id595"] {
width: 100%;
margin-left: 0 !important;
margin-right: 0 !important;
padding-bottom: 0 !important;
}
#type2column02:not(.tempdata-re--2columntype23,.tempdata-re--2columntype25) [class*="cparts-id595"] .cparts-body-block {
display: flex;
flex-wrap: nowrap;
}
#type2column02:not(.tempdata-re--2columntype23,.tempdata-re--2columntype25) [class*="cparts-id595"] .cparts-body-block > .cparts-img-block {
height: 230px;
}
#type2column02:not(.tempdata-re--2columntype23,.tempdata-re--2columntype25) [class*="cparts-id595"] .cparts-txt-block > div .cparts-img-block {
height: 87px;
}
@media (min-width: 768px) {
@container (max-width: 330px) {
#type2column02:not(.tempdata-re--2columntype23,.tempdata-re--2columntype25) [class*="cparts-id595"] .cparts-body-block > .cparts-img-block {
height: 130px;
}
}
@container (max-width: 765px) {
.tempdata-re--2columntype23 [class*="cparts-id595"],
.tempdata-re--2columntype25 [class*="cparts-id595"] {
width: 100%;
margin-left: 0 !important;
margin-right: 0 !important;
padding-bottom: 0 !important;
}
.tempdata-re--2columntype23 [class*="cparts-id595"] .cparts-body-block,
.tempdata-re--2columntype25 [class*="cparts-id595"] .cparts-body-block {
display: flex;
flex-wrap: nowrap;
}
.tempdata-re--2columntype23 [class*="cparts-id595"] .cparts-body-block > .cparts-img-block,
.tempdata-re--2columntype25 [class*="cparts-id595"] .cparts-body-block > .cparts-img-block {
height: 225px;
}
.tempdata-re--2columntype23 [class*="cparts-id595"] .cparts-body-block > .cparts-txt-block > div .cparts-img-block,
.tempdata-re--2columntype25 [class*="cparts-id595"] .cparts-body-block > .cparts-txt-block > div .cparts-img-block {
height: 87px;
}
}
}
@media (max-width: 767px) {
#type2column02:not(.tempdata-re--2columntype23,.tempdata-re--2columntype25) [class*="cparts-id595"] .cparts-body-block > .cparts-img-block {
height: 130px;
}
#type2column02:not(.tempdata-re--2columntype23,.tempdata-re--2columntype25) [class*="cparts-id595"] .cparts-txt-block > div .cparts-img-block {
height: 56px;
}
#type2column02:not(.tempdata-re--2columntype23,.tempdata-re--2columntype25) [class*="cparts-id595"] .cparts-txt-block .cparts-txt-block {
margin-top: 75px;
}
}
/* テキスト／流れる画像_ver.1 */
[class*="cparts-id599"] {
width: 100vw;
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
}
[class*="cparts-id599"] .cparts-txt-block,
[class*="cparts-id599"] .cparts-body-block {
width: 50%;
}
[class*="cparts-id599"] .lay-row {
margin-left: 0;
margin-right: 0;
}
[class*="cparts-id599"] .lay-row > .cparts-body-block {
max-width: 1170px;
width: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
min-height: 550px;
}
[class*="cparts-id599"] .cparts-body-block .cparts-body-block {
position: relative;
overflow: hidden;
}
[class*="cparts-id599"] .cparts-txt-block {
padding-left: 30px;
padding-right: 30px;
padding-top: 80px;
padding-bottom: 80px;
}
[class*="cparts-id599"] .cparts-img-block {
position: relative;
width: 50%;
}
[class*="cparts-id599"] .cparts-img-block:first-child {
position: absolute;
top: 0;
left: 0;
}
[class*="cparts-id599"] .cparts-img-block:last-child {
position: absolute;
top: 0;
right: 0;
}
[class*="cparts-id599"] .cparts-img-block img {
aspect-ratio: 3 / 2;
object-fit: cover;
border: unset;
border-radius: 0 !important;
}
#cms_contents_area [class*="cparts-id599"] .cparts-img-block {
height: auto;
overflow: visible;
}
.tempdata-re--type14 [class*="cparts-id599"] {
width: 100%;
margin-right: 0 !important;
margin-left: 0 !important;
}
.tempdata-re--type14 [class*="cparts-id599"] .lay-row {
margin-left: -15px;
margin-right: -15px;
}
.tempdata-re--type14 [class*="cparts-id599"] .lay-row > .cparts-body-block {
flex-direction: column;
padding-left: 15px;
padding-right: 15px;
}
.tempdata-re--type14 [class*="cparts-id599"] .cparts-txt-block,
.tempdata-re--type14 [class*="cparts-id599"] .cparts-body-block {
width: 100%;
}
.tempdata-re--type14 [class*="cparts-id599"] .cparts-txt-block {
padding-top: 45px;
padding-bottom: 45px;
}
.tempdata-re--type14 [class*="cparts-id599"] .cparts-body-block .cparts-body-block {
min-height: unset !important;
height: 100%;
}
.tempdata-re--type14 [class*="cparts-id599"] .cparts-img-block > div {
width: 100%;
height: 100%;
}
@media (min-width: 768px) {
div:has( > [class*="cparts-id599"]) {
container-type: inline-size;
}
@container (max-width: 750px) {
[class*="cparts-id599"] .lay-row {
margin-left: 0;
margin-right: 0;
}
#bootstrap_template [class*="cparts-id599"] {
width: 100%;
margin-right: 0 !important;
margin-left: 0 !important;
}
#bootstrap_template [class*="cparts-id599"] .cparts-txt-block,
#bootstrap_template [class*="cparts-id599"] .cparts-body-block {
width: 100%;
}
#bootstrap_template [class*="cparts-id599"] .cparts-txt-block {
padding-top: 45px;
padding-bottom: 45px;
}
}
/* 親サイズ 659px以下 */
@container (max-width: 650px) {
[class*="cparts-id599"] {
width: 100%;
margin-right: 0 !important;
margin-left: 0 !important;
}
[class*="cparts-id599"] .lay-row > .cparts-body-block {
flex-direction: column;
}
[class*="cparts-id599"] .cparts-txt-block,
[class*="cparts-id599"] .cparts-body-block {
width: 100%;
}
[class*="cparts-id599"] .cparts-txt-block {
padding-top: 45px;
padding-bottom: 45px;
}
#cms_contents_area [class*="cparts-id599"]:not(.cparts-animate--slideUpDown,.cparts-animate--slideDownUp,.cparts-animate--slideBothDown) .cparts-body-block .cparts-body-block {
height: auto !important;
}
[class*="cparts-id599"] .cparts-body-block .cparts-body-block,
[class*="cparts-id599"].cparts-animate--slideUpDown .cparts-body-block .cparts-body-block,
[class*="cparts-id599"].cparts-animate--slideDownUp .cparts-body-block .cparts-body-block,
[class*="cparts-id599"].cparts-animate--slideBothDown .cparts-body-block .cparts-body-block {
height: 300px !important;
}
#bootstrap_template #side [class*="cparts-id599"] .cparts-body-block .cparts-body-block,
#bootstrap_template .side [class*="cparts-id599"] .cparts-body-block .cparts-body-block {
height: 200px;
}
}
@container (max-width: 765px) {
.tempdata-re--2columntype23 [class*="cparts-id599"],
.tempdata-re--2columntype25 [class*="cparts-id599"] {
width: 100%;
margin-right: 0 !important;
margin-left: 0 !important;
}
.tempdata-re--2columntype23 [class*="cparts-id599"] .lay-row > .cparts-body-block,
.tempdata-re--2columntype25 [class*="cparts-id599"] .lay-row > .cparts-body-block {
padding-left: 15px;
padding-right: 15px;
min-height: unset !important;
}
.tempdata-re--2columntype23 [class*="cparts-id599"] .cparts-txt-block,
.tempdata-re--2columntype25 [class*="cparts-id599"] .cparts-txt-block,
.tempdata-re--2columntype23 [class*="cparts-id599"] .cparts-body-block,
.tempdata-re--2columntype25 [class*="cparts-id599"] .cparts-body-block {
width: 100%;
}
.tempdata-re--2columntype23 [class*="cparts-id599"] .cparts-txt-block,
.tempdata-re--2columntype25 [class*="cparts-id599"] .cparts-txt-block {
padding-top: 45px;
padding-bottom: 45px;
}
.tempdata-re--2columntype23 [class*="cparts-id599"] .cparts-body-block .cparts-body-block,
.tempdata-re--2columntype25 [class*="cparts-id599"] .cparts-body-block .cparts-body-block {
min-height: unset !important;
height: 610px;
}
.tempdata-re--2columntype25 [class*="cparts-id599"].cparts-animate--slideUpDown .cparts-body-block .cparts-body-block,
.tempdata-re--2columntype25 [class*="cparts-id599"].cparts-animate--slideDownUp .cparts-body-block .cparts-body-block,
.tempdata-re--2columntype25 [class*="cparts-id599"].cparts-animate--slideBothDown .cparts-body-block .cparts-body-block {
height: 400px;
}
.tempdata-re--2columntype25 #side [class*="cparts-id599"] .cparts-body-block .cparts-body-block,
.tempdata-re--2columntype25 #side [class*="cparts-id599"] .cparts-body-block .cparts-body-block,
.tempdata-re--2columntype25 #side [class*="cparts-id599"] .cparts-body-block .cparts-body-block {
height: 380px;
}
.tempdata-re--2columntype25 #side [class*="cparts-id599"].cparts-animate--slideUpDown .cparts-body-block .cparts-body-block,
.tempdata-re--2columntype25 #side [class*="cparts-id599"].cparts-animate--slideDownUp .cparts-body-block .cparts-body-block,
.tempdata-re--2columntype25 #side [class*="cparts-id599"].cparts-animate--slideBothDown .cparts-body-block .cparts-body-block {
height: 250px;
}
}
}
@media (max-width: 767px) {
[class*="cparts-id599"] .lay-row > .cparts-body-block {
flex-direction: column;
min-height: unset;
}
[class*="cparts-id599"] .cparts-txt-block,
[class*="cparts-id599"] .cparts-body-block {
width: 100%;
}
[class*="cparts-id599"] .cparts-txt-block {
padding-top: 45px;
padding-bottom: 45px;
padding-left: 30px;
padding-right: 30px;
}
[class*="cparts-id599"] .cparts-body-block .cparts-body-block {
min-height: unset !important;
height: 60vw;
}
}
[class*="cparts-id599"] .scroll-wrapper {
display: flex;
flex-direction: column;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
[class*="cparts-id599"] .cparts-body-block {
padding-right: 0;
}
.cparts-id599--01 .scroll-up,
.cparts-id599--02 .scroll-up {
animation-name: scrollUp;
animation-duration: 20s;
}
.cparts-id599--01 .scroll-down,
.cparts-id599--02 .scroll-down {
animation-name: scrollDown;
animation-duration: 20s;
}
.cparts-animate--slideUpDown.cparts-id599--01 .scroll-down,
.cparts-animate--slideUpDown.cparts-id599--02 .scroll-down {
animation-name: scrollDown;
}
.cparts-animate--slideDownUp.cparts-id599--01 .scroll-up,
.cparts-animate--slideDownUp.cparts-id599--02 .scroll-up {
animation-name: scrollDown;
}
.cparts-animate--slideDownUp.cparts-id599--01 .scroll-down,
.cparts-animate--slideDownUp.cparts-id599--02 .scroll-down {
animation-name: scrollUp;
}
.cparts-animate--slideBothDown.cparts-id599--01 .scroll-up,
.cparts-animate--slideBothDown.cparts-id599--02 .scroll-up {
animation-name: scrollDown;
}
@keyframes scrollUp {
0% {
transform: translateY(0);
}
100% {
transform: translateY(-50%);
}
}
@keyframes scrollDown {
0% {
transform: translateY(-50%);
}
100% {
transform: translateY(0);
}
}
#type2column02:not(.tempdata-re--2columntype23,.tempdata-re--2columntype25) [class*="cparts-id599"] {
width: 100%;
margin-right: 0 !important;
margin-left: 0 !important;
}
#type2column02:not(.tempdata-re--2columntype23,.tempdata-re--2columntype25) [class*="cparts-id599"] .lay-row > .cparts-body-block {
padding-left: 15px;
padding-right: 15px;
min-height: unset !important;
}
#type2column02:not(.tempdata-re--2columntype23,.tempdata-re--2columntype25) [class*="cparts-id599"] .cparts-txt-block,
#type2column02:not(.tempdata-re--2columntype23,.tempdata-re--2columntype25) [class*="cparts-id599"] .cparts-body-block {
width: 100%;
}
#type2column02:not(.tempdata-re--2columntype23,.tempdata-re--2columntype25) [class*="cparts-id599"] .cparts-txt-block {
padding-top: 45px;
padding-bottom: 45px;
}
#type2column02:not(.tempdata-re--2columntype23,.tempdata-re--2columntype25) [class*="cparts-id599"] .cparts-body-block .cparts-body-block {
min-height: unset !important;
height: 611px;
}
#type2column02:not(.tempdata-re--2columntype23,.tempdata-re--2columntype25) [class*="cparts-id599"].cparts-animate--slideUpDown .cparts-body-block .cparts-body-block,
#type2column02:not(.tempdata-re--2columntype23,.tempdata-re--2columntype25) [class*="cparts-id599"].cparts-animate--slideDownUp .cparts-body-block .cparts-body-block,
#type2column02:not(.tempdata-re--2columntype23,.tempdata-re--2columntype25) [class*="cparts-id599"].cparts-animate--slideBothDown .cparts-body-block .cparts-body-block {
height: 400px;
}
#type2column02:not(.tempdata-re--2columntype23,.tempdata-re--2columntype25) #side [class*="cparts-id599"] .cparts-body-block .cparts-body-block,
#type2column02:not(.tempdata-re--2columntype23,.tempdata-re--2columntype25) #side [class*="cparts-id599"] .cparts-body-block .cparts-body-block,
#type2column02:not(.tempdata-re--2columntype23,.tempdata-re--2columntype25) #side [class*="cparts-id599"] .cparts-body-block .cparts-body-block {
height: 250px;
}
#type2column02:not(.tempdata-re--2columntype23,.tempdata-re--2columntype25) [class*="cparts-id599"] .cparts-body-block .cparts-body-block {
min-height: unset !important;
height: 611px;
}
#type2column02:not(.tempdata-re--2columntype23,.tempdata-re--2columntype25) [class*="cparts-id599"].cparts-animate--slideUpDown .cparts-body-block .cparts-body-block,
#type2column02:not(.tempdata-re--2columntype23,.tempdata-re--2columntype25) [class*="cparts-id599"].cparts-animate--slideDownUp .cparts-body-block .cparts-body-block,
#type2column02:not(.tempdata-re--2columntype23,.tempdata-re--2columntype25) [class*="cparts-id599"].cparts-animate--slideBothDown .cparts-body-block .cparts-body-block {
height: 400px;
}
/* 見出し・テキスト／画像_ver.1 */
[class*="cparts-id597"] {
width: 100vw;
margin-left: calc(-50vw + 50%);
}
[class*="cparts-id597"] .cparts-body-block {
display: flex;
}
[class*="cparts-id597"] .cparts-body-block > div {
min-width: 55%;
}
[class*="cparts-id597"] .cparts-body-block .cparts-txt-block {
position: relative;
}
.cparts-id597--01 .cparts-body-block .cparts-txt-block::before {
content: '';
clip-path: polygon(0 0, 90% 0, 100% 100%, 10% 100%);
position: absolute;
display: block;
top: 0;
left: 0;
width: 95%;
height: 100%;
background-color: #000;
opacity: 0.03;
z-index: -1;
}
.cparts-id597--01 .cparts-body-block .cparts-txt-block::after {
content: '';
clip-path: polygon(20% 0, 100% 40%, 100% 100%, 40% 100%, 0 80%, 0 0);
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
opacity: 0.03;
z-index: -1;
}
.cparts-id597--02 .cparts-body-block .cparts-txt-block::before {
content: '';
clip-path: polygon(77% 0, 100% 20%, 100% 70%, 53% 100%, 13% 100%, 0 76%, 0 30%, 23% 0);
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
opacity: 0.03;
z-index: -1;
}
.cparts-id597--02 .cparts-body-block .cparts-txt-block::after {
content: '';
clip-path: polygon(86% 0, 100% 35%, 100% 100%, 68% 100%, 0 24%, 0 0);
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #fff;
opacity: 0.03;
z-index: -1;
}
[class*="cparts-id597"] .cparts-body-block .cparts-txt-block .cparts-id597--01__ttl,
[class*="cparts-id597"] .cparts-body-block .cparts-txt-block .cparts-id597--02__ttl {
background-color: transparent !important;
background-image: none !important;
border-top: none !important;
border-right: none !important;
border-bottom: none !important;
border-left: none !important;
box-shadow: none !important;
display: block !important;
margin-top: 0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding: 0 !important;
height: auto !important;
min-height: auto !important;
width: 100%;
}
[class*="cparts-id597"] .cparts-body-block .cparts-txt-block .cparts-id597--01__ttl::before,
[class*="cparts-id597"] .cparts-body-block .cparts-txt-block .cparts-id597--02__ttl::before,
[class*="cparts-id597"] .cparts-body-block .cparts-txt-block .cparts-id597--01__ttl::after,
[class*="cparts-id597"] .cparts-body-block .cparts-txt-block .cparts-id597--02__ttl::after {
content: none;
}
[class*="cparts-id597"] .cparts-body-block .cparts-txt-block .cparts-id597--01__ttl {
text-align: left;
font-size: 2rem;
}
[class*="cparts-id597"] .cparts-body-block .cparts-txt-block .cparts-id597--02__ttl {
font-size: 28px;
color: #fff;
}
[class*="cparts-id597"] .cparts-body-block .cparts-img-block img {
height: 100%;
object-fit: cover;
border: unset;
border-radius: 0 !important;
}
[class*="cparts-id597"] .cparts-body-block > div:first-child {
clip-path: polygon(0 0, 100% 0%, 85% 100%, 0% 100%);
}
[class*="cparts-id597"] .cparts-body-block > div:last-child {
clip-path: polygon(15% 0, 100% 0%, 100% 100%, 0% 100%);
margin-left: -10%;
}
.cparts-id597--01 .cparts-body-block > div:first-child.cparts-txt-block {
padding: 60px 10% 60px 70px;
}
.cparts-id597--02 .cparts-body-block > div:last-child.cparts-txt-block {
padding: 60px 70px 60px 10%;
}
[class*="cparts-id597"].lay-margin-b--3 {
margin-bottom: 48px !important;
}
.cparts-id597--01.lay-margin-b--3 + .cparts-id597--02.lay-margin-b--3,
.cparts-id597--02.lay-margin-b--3 + .cparts-id597--01.lay-margin-b--3 {
margin-top: -48px;
}
.tempdata-re--type14 [class*="cparts-id597"] {
width: 100%;
margin-left: 0 !important;
}
.tempdata-re--type14 [class*="cparts-id597"] .cparts-body-block > div:first-child.cparts-txt-block {
padding: 30px 60px 30px 30px;
}
.tempdata-re--type14 [class*="cparts-id597"] .cparts-body-block > div:last-child.cparts-txt-block {
padding: 30px 30px 30px 60px;
}
.tempdata-re--type14 .cparts-id597--01 .cparts-body-block .cparts-txt-block::before,
.tempdata-re--type14 .cparts-id597--02 .cparts-body-block .cparts-txt-block::before {
clip-path: polygon(0 0, 60% 0, 100% 100%, 40% 100%);
}
.tempdata-re--type14 .cparts-id597--01 .cparts-body-block .cparts-txt-block::after,
.tempdata-re--type14 .cparts-id597--02 .cparts-body-block .cparts-txt-block::after {
clip-path: polygon(20% 0, 100% 60%, 100% 100%, 149% 100%, 0% 50%, 0 0);
}
@media (min-width: 768px) {
div:has( > [class*="cparts-id597"]) {
container-type: inline-size;
}
[class*="cparts-id597"] .cparts-body-block .cparts-img-block {
position: relative;
}
[class*="cparts-id597"] .cparts-body-block .cparts-img-block img {
position: absolute;
top: 0;
left: 0;
}
@container (max-width: 750px) {
#bootstrap_template [class*="cparts-id597"] {
width: 100%;
margin-left: 0 !important;
}
#bootstrap_template [class*="cparts-id597"] .cparts-body-block .cparts-txt-block .cparts-id597--02__ttl::before,
#bootstrap_template [class*="cparts-id597"] .cparts-body-block .cparts-txt-block .cparts-id597--02__ttl::after {
content: none;
}
#bootstrap_template [class*="cparts-id597"] .cparts-body-block > div:first-child.cparts-txt-block {
padding: 30px 60px 30px 30px;
}
#bootstrap_template [class*="cparts-id597"] .cparts-body-block > div:last-child.cparts-txt-block {
padding: 60px 30px 30px 60px;
}
#bootstrap_template .cparts-id597--01 .cparts-body-block .cparts-txt-block::before,
#bootstrap_template .cparts-id597--02 .cparts-body-block .cparts-txt-block::before {
clip-path: polygon(0 0, 60% 0, 100% 100%, 40% 100%);
}
#bootstrap_template .cparts-id597--01 .cparts-body-block .cparts-txt-block::after,
#bootstrap_template .cparts-id597--02 .cparts-body-block .cparts-txt-block::after {
clip-path: polygon(20% 0, 100% 60%, 100% 100%, 149% 100%, 0% 50%, 0 0);
}
}
/* 親サイズ 650px以下 */
@container (max-width: 650px) {
[class*="cparts-id597"] {
width: 100%;
margin-left: 0 !important;
}
[class*="cparts-id597"] .cparts-body-block > div:first-child.cparts-txt-block {
padding: 30px 60px 30px 30px;
}
[class*="cparts-id597"] .cparts-body-block > div:last-child.cparts-txt-block {
padding: 30px 30px 30px 60px;
}
.cparts-id597--01 .cparts-body-block .cparts-txt-block::before,
.cparts-id597--02 .cparts-body-block .cparts-txt-block::before {
clip-path: polygon(0 0, 60% 0, 100% 100%, 40% 100%);
}
.cparts-id597--01 .cparts-body-block .cparts-txt-block::after,
.cparts-id597--02 .cparts-body-block .cparts-txt-block::after {
clip-path: polygon(20% 0, 100% 60%, 100% 100%, 149% 100%, 0% 50%, 0 0);
}
#side .cparts-id597--01 .cparts-body-block,
.side .cparts-id597--01 .cparts-body-block {
flex-direction: column-reverse;
}
#side .cparts-id597--02 .cparts-body-block,
.side .cparts-id597--02 .cparts-body-block {
flex-direction: column;
}
#side [class*="cparts-id597"] .cparts-body-block > div,
.side [class*="cparts-id597"] .cparts-body-block > div {
min-width: 100%;
}
#side [class*="cparts-id597"] .cparts-body-block > div:last-child,
.side [class*="cparts-id597"] .cparts-body-block > div:last-child {
margin-left: 0;
}
#side [class*="cparts-id597"] .cparts-body-block .cparts-txt-block,
.side [class*="cparts-id597"] .cparts-body-block .cparts-txt-block {
padding-left: 15px;
padding-right: 15px;
}
#side .cparts-id597--01 .cparts-body-block:first-child .cparts-img-block,
.side .cparts-id597--01 .cparts-body-block:first-child .cparts-img-block,
#side .cparts-id597--02 .cparts-body-block:last-child .cparts-img-block,
.side .cparts-id597--02 .cparts-body-block:last-child .cparts-img-block {
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 85%);
z-index: 2;
height: 145px;
}
#side .cparts-id597--01 .cparts-body-block:first-child .cparts-txt-block,
.side .cparts-id597--01 .cparts-body-block:first-child .cparts-txt-block,
#side .cparts-id597--02 .cparts-body-block:last-child .cparts-txt-block,
.side .cparts-id597--02 .cparts-body-block:last-child .cparts-txt-block {
clip-path: unset;
margin-top: -9.5%;
z-index: 1;
}
#side .cparts-id597--01 .cparts-body-block > div:first-child.cparts-txt-block,
.side .cparts-id597--01 .cparts-body-block > div:first-child.cparts-txt-block,
#side .cparts-id597--02 .cparts-body-block > div:last-child.cparts-txt-block,
.side .cparts-id597--02 .cparts-body-block > div:last-child.cparts-txt-block {
padding: 15% 15px 2rem !important;
}
}
@container (max-width: 765px) {
.tempdata-re--2columntype23 [class*="cparts-id597"],
.tempdata-re--2columntype25 [class*="cparts-id597"] {
width: 100%;
margin-left: 0;
}
.tempdata-re--2columntype23 [class*="cparts-id597"] .cparts-body-block > div:first-child.cparts-txt-block,
.tempdata-re--2columntype25 [class*="cparts-id597"] .cparts-body-block > div:first-child.cparts-txt-block {
padding: 30px 60px 30px 30px;
}
.tempdata-re--2columntype23 [class*="cparts-id597"] .cparts-body-block > div:last-child.cparts-txt-block,
.tempdata-re--2columntype25 [class*="cparts-id597"] .cparts-body-block > div:last-child.cparts-txt-block {
padding: 30px 30px 30px 60px;
}
.tempdata-re--2columntype23 .cparts-id597--01 .cparts-body-block .cparts-txt-block::before,
.tempdata-re--2columntype25 .cparts-id597--01 .cparts-body-block .cparts-txt-block::before,
.tempdata-re--2columntype23 .cparts-id597--02 .cparts-body-block .cparts-txt-block::before,
.tempdata-re--2columntype25 .cparts-id597--02 .cparts-body-block .cparts-txt-block::before {
clip-path: polygon(0 0, 60% 0, 100% 100%, 40% 100%);
}
.tempdata-re--2columntype23 .cparts-id597--01 .cparts-body-block .cparts-txt-block::after,
.tempdata-re--2columntype25 .cparts-id597--01 .cparts-body-block .cparts-txt-block::after,
.tempdata-re--2columntype23 .cparts-id597--02 .cparts-body-block .cparts-txt-block::after,
.tempdata-re--2columntype25 .cparts-id597--02 .cparts-body-block .cparts-txt-block::after {
clip-path: polygon(20% 0, 100% 60%, 100% 100%, 149% 100%, 0% 50%, 0 0);
}
}
@container (max-width: 360px) {
.cparts-id597--01 .cparts-body-block {
flex-direction: column-reverse;
}
.cparts-id597--02 .cparts-body-block {
flex-direction: column;
}
[class*="cparts-id597"] .cparts-body-block > div {
min-width: 100%;
}
[class*="cparts-id597"] .cparts-body-block > div:last-child {
margin-left: 0;
}
[class*="cparts-id597"] .cparts-body-block .cparts-txt-block {
padding-left: 15px;
padding-right: 15px;
}
.cparts-id597--01 .cparts-body-block:first-child .cparts-img-block,
.cparts-id597--02 .cparts-body-block:last-child .cparts-img-block {
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 85%);
z-index: 2;
height: 160px;
}
.cparts-id597--01 .cparts-body-block:first-child .cparts-txt-block,
.cparts-id597--02 .cparts-body-block:last-child .cparts-txt-block {
clip-path: unset;
margin-top: -9.5%;
z-index: 1;
}
.cparts-id597--01 .cparts-body-block > div:first-child.cparts-txt-block,
.cparts-id597--02 .cparts-body-block > div:last-child.cparts-txt-block {
padding: 4rem 15px 2rem !important;
}
}
}
@media (min-width: 768px) and (max-width: 1200px) {
@container (max-width: 255px) {
.cparts-id597--01 .cparts-body-block {
flex-direction: column-reverse;
}
.cparts-id597--02 .cparts-body-block {
flex-direction: column;
}
[class*="cparts-id597"] .cparts-body-block > div {
min-width: 100%;
}
[class*="cparts-id597"] .cparts-body-block > div:last-child {
margin-left: 0;
}
[class*="cparts-id597"] .cparts-body-block .cparts-txt-block {
padding-left: 15px;
padding-right: 15px;
}
.cparts-id597--01 .cparts-body-block:first-child .cparts-img-block,
.cparts-id597--02 .cparts-body-block:last-child .cparts-img-block {
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 85%);
z-index: 2;
height: 136px;
}
.cparts-id597--01 .cparts-body-block:first-child .cparts-txt-block,
.cparts-id597--02 .cparts-body-block:last-child .cparts-txt-block {
clip-path: unset;
margin-top: -9.5%;
z-index: 1;
}
.cparts-id597--01 .cparts-body-block > div:first-child.cparts-txt-block,
.cparts-id597--02 .cparts-body-block > div:last-child.cparts-txt-block {
padding: 15% 15px 2rem;
}
}
}
@media (max-width: 767px) {
.cparts-id597--01 .cparts-body-block {
flex-direction: column-reverse;
}
.cparts-id597--02 .cparts-body-block {
flex-direction: column;
}
[class*="cparts-id597"] .cparts-body-block > div {
min-width: 100%;
}
[class*="cparts-id597"] .cparts-body-block > div:last-child {
margin-left: 0;
}
[class*="cparts-id597"] .cparts-body-block .cparts-txt-block {
padding-left: 15px;
padding-right: 15px;
}
.cparts-id597--01 .cparts-body-block:first-child .cparts-img-block,
.cparts-id597--02 .cparts-body-block:last-child .cparts-img-block {
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 85%);
z-index: 2;
height: 60vw;
}
.cparts-id597--01 .cparts-body-block:first-child .cparts-txt-block,
.cparts-id597--02 .cparts-body-block:last-child .cparts-txt-block {
clip-path: unset;
margin-top: -9.5%;
z-index: 1;
}
.cparts-id597--01 .cparts-body-block > div:first-child.cparts-txt-block,
.cparts-id597--02 .cparts-body-block > div:last-child.cparts-txt-block {
padding: 15% 15px 2rem;
}
#type2column02:not(.tempdata-re--2columntype23,.tempdata-re--2columntype25) [class*="cparts-id599"] .cparts-body-block .cparts-body-block,
#type2column02:not(.tempdata-re--2columntype23,.tempdata-re--2columntype25) #side [class*="cparts-id599"] .cparts-body-block .cparts-body-block,
#type2column02:not(.tempdata-re--2columntype23,.tempdata-re--2columntype25) #side [class*="cparts-id599"] .cparts-body-block .cparts-body-block,
#type2column02:not(.tempdata-re--2columntype23,.tempdata-re--2columntype25) #side [class*="cparts-id599"] .cparts-body-block .cparts-body-block {
height: 157vw;
}
#type2column02:not(.tempdata-re--2columntype23,.tempdata-re--2columntype25) #side [class*="cparts-id599"].cparts-animate--slideUpDown .cparts-body-block .cparts-body-block,
#type2column02:not(.tempdata-re--2columntype23,.tempdata-re--2columntype25) #side [class*="cparts-id599"].cparts-animate--slideDownUp .cparts-body-block .cparts-body-block,
#type2column02:not(.tempdata-re--2columntype23,.tempdata-re--2columntype25) #side [class*="cparts-id599"].cparts-animate--slideBothDown .cparts-body-block .cparts-body-block {
height: 400px;
}
}
#type2column02:not(.tempdata-re--2columntype23,.tempdata-re--2columntype25) [class*="cparts-id597"] {
width: 100%;
margin-left: 0;
}
.tempdata-re--2columntype22 [class*="cparts-id597"] .cparts-body-block .cparts-txt-block .cparts-id597--01__ttl {
margin-bottom: 10px !important;
padding: 8px 21px 10px !important;
}
#type2column02:not(.tempdata-re--2columntype23,.tempdata-re--2columntype25) [class*="cparts-id597"] .cparts-body-block > div:first-child.cparts-txt-block {
padding: 30px 90px 30px 30px;
}
#type2column02:not(.tempdata-re--2columntype23,.tempdata-re--2columntype25) [class*="cparts-id597"] .cparts-body-block > div:last-child.cparts-txt-block {
padding: 30px 30px 30px 90px;
}
#type2column02:not(.tempdata-re--2columntype23,.tempdata-re--2columntype25) [class*="cparts-id597"] .cparts-body-block .cparts-txt-block .cparts-id597--01__ttl::before {
content: none;
}
#type2column02:not(.tempdata-re--2columntype23,.tempdata-re--2columntype25) .cparts-id597--01 .cparts-body-block .cparts-txt-block::before,
#type2column02:not(.tempdata-re--2columntype23,.tempdata-re--2columntype25) .cparts-id597--02 .cparts-body-block .cparts-txt-block::before {
clip-path: polygon(0 0, 60% 0, 100% 100%, 40% 100%);
}
#type2column02:not(.tempdata-re--2columntype23,.tempdata-re--2columntype25) .cparts-id597--01 .cparts-body-block .cparts-txt-block::after,
#type2column02:not(.tempdata-re--2columntype23,.tempdata-re--2columntype25) .cparts-id597--02 .cparts-body-block .cparts-txt-block::after {
clip-path: polygon(20% 0, 100% 60%, 100% 100%, 149% 100%, 0% 50%, 0 0);
}
.tempdata-re--2columntype25 .cparts-id597--01.lay-margin-b--3 + .cparts-id597--02.lay-margin-b--3,
.tempdata-re--2columntype25 .cparts-id597--02.lay-margin-b--3 + .cparts-id597--01.lay-margin-b--3 {
margin-top: 0;
}
.tempdata-re--2columntype25 #main .cparts-id597--01.lay-margin-b--3 + .cparts-id597--02.lay-margin-b--3,
.tempdata-re--2columntype25 #main .cparts-id597--02.lay-margin-b--3 + .cparts-id597--01.lay-margin-b--3,
.tempdata-re--2columntype25 #bottom .cparts-id597--01.lay-margin-b--3 + .cparts-id597--02.lay-margin-b--3,
.tempdata-re--2columntype25 #bottom .cparts-id597--02.lay-margin-b--3 + .cparts-id597--01.lay-margin-b--3 {
margin-top: -48px;
}
@media (min-width: 768px) {
@container (max-width: 330px) {
#type2column02:not(.tempdata-re--2columntype23,.tempdata-re--2columntype25) .cparts-id597--01 .cparts-body-block {
flex-direction: column-reverse;
}
#type2column02:not(.tempdata-re--2columntype23,.tempdata-re--2columntype25) .cparts-id597--02 .cparts-body-block {
flex-direction: column;
}
#type2column02:not(.tempdata-re--2columntype23,.tempdata-re--2columntype25) [class*="cparts-id597"] .cparts-body-block > div {
min-width: 100%;
}
#type2column02:not(.tempdata-re--2columntype23,.tempdata-re--2columntype25) [class*="cparts-id597"] .cparts-body-block > div:last-child {
margin-left: 0;
}
#type2column02:not(.tempdata-re--2columntype23,.tempdata-re--2columntype25) [class*="cparts-id597"] .cparts-body-block .cparts-txt-block {
padding-left: 15px;
padding-right: 15px;
}
#type2column02:not(.tempdata-re--2columntype23,.tempdata-re--2columntype25) .cparts-id597--01 .cparts-body-block:first-child .cparts-img-block,
#type2column02:not(.tempdata-re--2columntype23,.tempdata-re--2columntype25) .cparts-id597--02 .cparts-body-block:last-child .cparts-img-block {
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 85%);
z-index: 2;
height: 165px;
}
#type2column02:not(.tempdata-re--2columntype23,.tempdata-re--2columntype25) .cparts-id597--01 .cparts-body-block:first-child .cparts-txt-block,
#type2column02:not(.tempdata-re--2columntype23,.tempdata-re--2columntype25) .cparts-id597--02 .cparts-body-block:last-child .cparts-txt-block {
clip-path: unset;
margin-top: -9.5%;
z-index: 1;
}
#type2column02:not(.tempdata-re--2columntype23,.tempdata-re--2columntype25) .cparts-id597--01 .cparts-body-block > div:first-child.cparts-txt-block,
#type2column02:not(.tempdata-re--2columntype23,.tempdata-re--2columntype25) .cparts-id597--02 .cparts-body-block > div:last-child.cparts-txt-block {
padding: 15% 15px 2rem;
}
}
}
@media (max-width: 767px) {
#type2column02:not(.tempdata-re--2columntype23,.tempdata-re--2columntype25) [class*="cparts-id597"] .cparts-body-block > div:last-child.cparts-txt-block {
padding-top: 80px;
padding-left: 30px;
}
#type2column02:not(.tempdata-re--2columntype23,.tempdata-re--2columntype25) [class*="cparts-id597"] .cparts-body-block > div:first-child.cparts-txt-block {
padding-top: 80px;
padding-right: 30px;
}
}
/* 一覧パーツ_ver.10 */
.cparts-id601 .lay-row {
position: relative;
}
.cparts-id601 .lay-row::before {
content: '';
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
width: calc(100% - 15px);
height: calc(100% - 83px);
background-color: #fff;
border-radius: 1rem;
box-shadow: 0 8px 16px #00000010;
}
.cparts-id601__ttl {
background-color: transparent !important;
background-image: none !important;
border-top: none !important;
border-right: none !important;
border-bottom: none !important;
border-left: none !important;
box-shadow: none !important;
display: block !important;
margin-top: 32px !important;
margin-left: 15px !important;
margin-right: 15px !important;
padding: 0 !important;
height: auto !important;
min-height: auto !important;
width: auto;
color: #333;
}
.cparts-id601__ttl::before,
.cparts-id601__ttl::after {
content: none !important;
}
.cparts-id601 .cparts-img-block {
aspect-ratio: 1;
margin-left: 35px;
margin-right: 35px;
border-radius: 50%;
overflow: hidden;
}
.cparts-id601 .cparts-img-block img {
height: 100%;
object-fit: cover;
border: unset;
}
.cparts-id601 h2,
.cparts-id601 h3,
.cparts-id601 h4,
.cparts-id601 h5,
.cparts-id601 h6 {
margin-left: 15px;
margin-right: 15px;
}
.cparts-id601 .cparts-txt-block {
margin-left: 15px;
margin-right: 15px;
margin-bottom: 15px;
color: #333;
}
.cparts-id601 .cparts-txt-block p {
color: #333;
}
/* スマホ以外 */
@media (min-width: 768px) {
.cparts-id601.lay-col12-md-2 .lay-row::before {
height: calc(100% - 40px);
}
.cparts-id601.lay-col12-md-5t .lay-row::before {
height: calc(100% - 60px);
}
.cparts-id601.lay-col12-md-12 .lay-row::before,
.cparts-id601.lay-col12-md-6 .lay-row::before {
height: calc(100% - 150px);
}
.cparts-id601.lay-col12-xs-12:not([class*="lay-col12-md-"]) {
flex: 0 0 33.3333%;
}
/* 親サイズ 737px以下 */
@container (max-width: 650px) {
.cparts-id601.lay-col12-xs-12:not([class*="lay-col12-md-"]) {
flex: 0 0 50%;
max-width: 50%;
}
.cparts-id601.lay-col12-md-2,
.cparts-id601.lay-col12-md-5t,
.cparts-id601.lay-col12-md-3,
.cparts-id601.lay-col12-md-4 {
flex: 0 0 50% !important;
max-width: 50% !important;
}
.cparts-id601.lay-col12-md-6 .lay-row::before {
height: calc(100% - 70px);
}
.cparts-id601.lay-col12-md-6 .lay-row::before {
height: calc(100% - 70px);
}
.cparts-id601.lay-col12-md-4 .lay-row::before {
height: calc(100% - 70px);
}
.cparts-id601.lay-col12-md-3 .lay-row::before {
height: calc(100% - 70px);
}
.cparts-id601.lay-col12-md-3 .cparts-img-block,
.cparts-id601.lay-col12-md-5t .cparts-img-block,
.cparts-id601.lay-col12-md-2 .cparts-img-block {
margin-left: 35px;
margin-right: 35px;
}
.cparts-id601.lay-col12-md-5t .lay-row::before,
.cparts-id601.lay-col12-md-2 .lay-row::before {
height: calc(100% - 70px);
}
}
@container (max-width: 360px) {
.cparts-id601.lay-col12-xs-12,
.cparts-id601.lay-col12-md-2,
.cparts-id601.lay-col12-md-5t,
.cparts-id601.lay-col12-md-3,
.cparts-id601.lay-col12-md-4,
.cparts-id601.lay-col12-md-6,
.cparts-id601.lay-col12-md-12 {
flex: 0 0 100% !important;
max-width: 100% !important;
}
.cparts-id601.lay-col12-xs-12 .cparts-img-block,
.cparts-id601.lay-col12-md-2 .cparts-img-block,
.cparts-id601.lay-col12-md-5t .cparts-img-block,
.cparts-id601.lay-col12-md-3 .cparts-img-block,
.cparts-id601.lay-col12-md-4 .cparts-img-block,
.cparts-id601.lay-col12-md-6 .cparts-img-block,
.cparts-id601.lay-col12-md-12 .cparts-img-block {
margin-left: 35px;
margin-right: 35px;
}
.cparts-id601 .lay-row::before {
height: calc(100% - 83px) !important;
}
}
}
@media (min-width: 768px) and (max-width: 1200px){
.cparts-id601.lay-col12-md-4,
.cparts-id601.lay-col12-md-3,
.cparts-id601.lay-col12-md-2,
.cparts-id601.lay-col12-md-5t {
flex: 0 0 50%;
max-width: 50%;
}
.cparts-id601.lay-col12-md-4 .lay-row::before,
.cparts-id601.lay-col12-md-3 .lay-row::before,
.cparts-id601.lay-col12-md-2 .lay-row::before,
.cparts-id601.lay-col12-md-5t .lay-row::before {
height: calc(100% - 83px);
}
}
@media (max-width: 767px) {
.cparts-id601.lay-col12-md-2,
.cparts-id601.lay-col12-md-5t,
.cparts-id601.lay-col12-md-3,
.cparts-id601.lay-col12-md-4,
.cparts-id601.lay-col12-md-6,
.cparts-id601.lay-col12-md-12 {
flex: 0 0 100%;
max-width: 100%;
}
.cparts-id601 .lay-row::before {
height: calc(100% - 83px);
width: calc(100% - 30px);
}
}
@media (min-width: 768px) {
@container (max-width: 330px) {
#type2column02 .cparts-id601.lay-col12-xs-12,
#type2column02 .cparts-id601.lay-col12-md-2,
#type2column02 .cparts-id601.lay-col12-md-5t,
#type2column02 .cparts-id601.lay-col12-md-3,
#type2column02 .cparts-id601.lay-col12-md-4,
#type2column02 .cparts-id601.lay-col12-md-6,
#type2column02 .cparts-id601.lay-col12-md-12 {
flex: 0 0 100% !important;
max-width: 100% !important;
}
#type2column02 .cparts-id601 .lay-row::before {
height: calc(100% - 83px) !important;
}
}
}
@media (min-width: 768px) {
.pagetemp-column2 .main [class*="cparts-id599"],
.pagetemp-column2 .main .cparts-id594,
.pagetemp-column2 .main .cparts-id594 .cparts-body-block,
.pagetemp-column2 .main .cparts-id593,
.pagetemp-column2 .main [class*="cparts-id595"],
.pagetemp-column2 .main [class*="cparts-id597"],
.pagetemp-column2 .siteblock-main [class*="cparts-id599"],
.pagetemp-column2 .siteblock-main .cparts-id594,
.pagetemp-column2 .siteblock-main .cparts-id594 .cparts-body-block,
.pagetemp-column2 .siteblock-main .cparts-id593,
.pagetemp-column2 .siteblock-main [class*="cparts-id595"],
.pagetemp-column2 .siteblock-main [class*="cparts-id597"],
.column2 .main [class*="cparts-id599"],
.column2 .main .cparts-id594,
.column2 .main .cparts-id594 .cparts-body-block,
.column2 .main .cparts-id593,
.column2 .main [class*="cparts-id595"],
.column2 .main [class*="cparts-id597"] {
margin-right: 0;
margin-left: 0;
width: 100%;
}
.pagetemp-column2 .main [class*="cparts-id595"],
.pagetemp-column2 .siteblock-main [class*="cparts-id595"],
.column2 .main [class*="cparts-id595"] {
padding-bottom: 35px !important;
}
.pagetemp-column2 .main [class*="cparts-id595"] .cparts-body-block > .cparts-img-block,
.pagetemp-column2 .siteblock-main [class*="cparts-id595"] .cparts-body-block > .cparts-img-block,
.column2 .main [class*="cparts-id595"] .cparts-body-block > .cparts-img-block {
height: 380px;
}
.pagetemp-column2 .main [class*="cparts-id595"] .cparts-body-block > .cparts-txt-block > div .cparts-img-block,
.pagetemp-column2 .siteblock-main [class*="cparts-id595"] .cparts-body-block > .cparts-txt-block > div .cparts-img-block,
.column2 .main [class*="cparts-id595"] .cparts-body-block > .cparts-txt-block > div .cparts-img-block {
height: 125px;
}
.pagetemp-column2 .main .cparts-id593 .cparts-txt-block,
.pagetemp-column2 .siteblock-main .cparts-id593 .cparts-txt-block,
.column2 .main .cparts-id593 .cparts-txt-block {
padding-left: 3rem;
}
.pagetemp-column2 .main [class*="cparts-id599"] .lay-row,
.pagetemp-column2 .siteblock-main [class*="cparts-id599"] .lay-row,
.column2 .main [class*="cparts-id599"] .lay-row {
margin-left: 0;
margin-right: 0;
}
.siteblock-side [class*="cparts-id595"] .cparts-body-block > .cparts-img-block {
height: 100px;
}
.siteblock-side [class*="cparts-id595"] .cparts-body-block > .cparts-txt-block > div .cparts-img-block {
height: 50px;
}
.siteblock-side .cparts-id593 .cparts-txt-block {
padding: 10px;
}
@container (max-width: 850px) {
#bootstrap_template [class*="cparts-id599"] .lay-row {
margin-left: 0 !important;
margin-right: 0 !important;
}
#bootstrap_template .cparts-id594,
#bootstrap_template .cparts-id594 .cparts-body-block,
#bootstrap_template .cparts-id593,
#bootstrap_template [class*="cparts-id595"],
#bootstrap_template [class*="cparts-id599"],
#bootstrap_template [class*="cparts-id597"] {
width: 100% !important;
margin-right: 0 !important;
margin-left: 0 !important;
}
#bootstrap_template.column2 #main .cparts-id594,
#bootstrap_template.column2 #main .cparts-id593,
#bootstrap_template.column2 #main [class*="cparts-id595"],
#bootstrap_template.column2 #main [class*="cparts-id599"],
#bootstrap_template.column2 #main [class*="cparts-id597"] {
margin-right: 0 !important;
margin-left: 0 !important;
}
}
}
#bootstrap_template #header .cparts-id594,
#bootstrap_template #header .cparts-id593,
#bootstrap_template #header [class*="cparts-id595"],
#bootstrap_template #header [class*="cparts-id599"],
#bootstrap_template #header [class*="cparts-id597"] {
width: 100vw !important;
margin-right: calc(50% - 50vw) !important;
margin-left: calc(50% - 50vw) !important;
}
#bootstrap_template #header .cparts-id597--01__ttl,
#bootstrap_template #header .cparts-id597--02__ttl {
width: 100% !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
body#editor .cparts-id594 .cparts-img-block,
body#header .cparts-id594 .cparts-img-block,
body#upper .cparts-id594 .cparts-img-block,
body#main .cparts-id594 .cparts-img-block,
body#bottom .cparts-id594 .cparts-img-block,
body#side .cparts-id594 .cparts-img-block,
body#right .cparts-id594 .cparts-img-block,
body#opt1 .cparts-id594 .cparts-img-block,
body#opt2 .cparts-id594 .cparts-img-block,
body#opt3 .cparts-id594 .cparts-img-block {
height: auto;
}
body#editor .cparts-id594 .cparts-copy-block ul,
body#header .cparts-id594 .cparts-copy-block ul,
body#upper .cparts-id594 .cparts-copy-block ul,
body#main .cparts-id594 .cparts-copy-block ul,
body#bottom .cparts-id594 .cparts-copy-block ul,
body#side .cparts-id594 .cparts-copy-block ul,
body#right .cparts-id594 .cparts-copy-block ul,
body#opt1 .cparts-id594 .cparts-copy-block ul,
body#opt2 .cparts-id594 .cparts-copy-block ul,
body#opt3 .cparts-id594 .cparts-copy-block ul {
display: block !important;
}
body#editor .cparts-id594 .cparts-copy-block ul li,
body#header .cparts-id594 .cparts-copy-block ul li,
body#upper .cparts-id594 .cparts-copy-block ul li,
body#main .cparts-id594 .cparts-copy-block ul li,
body#bottom .cparts-id594 .cparts-copy-block ul li,
body#side .cparts-id594 .cparts-copy-block ul li,
body#right .cparts-id594 .cparts-copy-block ul li,
body#opt1 .cparts-id594 .cparts-copy-block ul li,
body#opt2 .cparts-id594 .cparts-copy-block ul li,
body#opt3 .cparts-id594 .cparts-copy-block ul li {
font-size: 20px !important;
}
body#editor .cparts-id594 .cparts-copy-block,
body#header .cparts-id594 .cparts-copy-block,
body#upper .cparts-id594 .cparts-copy-block,
body#main .cparts-id594 .cparts-copy-block,
body#bottom .cparts-id594 .cparts-copy-block,
body#side .cparts-id594 .cparts-copy-block,
body#right .cparts-id594 .cparts-copy-block,
body#opt1 .cparts-id594 .cparts-copy-block,
body#opt2 .cparts-id594 .cparts-copy-block,
body#opt3 .cparts-id594 .cparts-copy-block {
height: 100px !important;
}
/* メイン画像_ver.36 */
.cparts-id602 {
width: 100vw;
margin-right: calc(50% - 50vw);
margin-left: calc(50% - 50vw);
position: relative;
}
.cparts-id602 .cparts-txt-block {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
}
.cparts-id602__ttl {
background-color: transparent !important;
background-image: none !important;
border-top: none !important;
border-right: none !important;
border-bottom: none !important;
border-left: none !important;
box-shadow: none !important;
display: block !important;
margin-top: 120px;
margin-left: auto !important;
margin-right: auto !important;
margin-bottom: 0 !important;
padding: 0 !important;
height: auto !important;
min-height: auto !important;
line-height: 1.35;
width: calc(100% - 160px) !important;
color: #333;
font-size: 4rem;
text-align: left;
}
.cparts-id602 .cparts-table-block {
position: absolute;
bottom: 40px;
right: 0;
margin-left: 0 !important;
margin-right: 0 !important;
margin-bottom: 0 !important;
padding: 40px;
height: auto !important;
table-layout: fixed;
width: auto !important;
background-color: #fff;
border-radius: 1.5rem 0 0 1.5rem;
}
.cparts-id602 .cparts-table-block > p {
text-align: center;
font-weight: 700;
margin-bottom: 0;
}
.cparts-id602 .cparts-table-block table {
width: auto !important;
max-width: unset !important;
min-width: unset !important;
margin-top: 1rem !important;
margin-bottom: 0 !important;
}
.cparts-id602 .cparts-table-block table th,
.cparts-id602 .cparts-table-block table td {
padding: 1rem;
}
.cparts-id602 .cparts-img-block {
position: relative;
width: 100%;
height: 90vh;
z-index: 1;
}
.cparts-id602.cparts-mainvisual--sm .cparts-img-block {
height: 60vh !important;
}
.cparts-id602 .cparts-img-block img {
border: unset !important;
border-radius: unset !important;
height: 100%;
object-fit: cover;
}
.cparts-id602 .cparts-body-block {
width: 100%;
height: 100%;
}
@media (max-width: 1200px) {
.cparts-id602__ttl {
font-size: 3rem;
}
.cparts-id602 .cparts-table-block {
position: absolute;
bottom: 20px;
right: 0;
padding: 1rem;
border-radius: 1rem 0 0 1rem;
}
}
@media (max-width: 991px) {
.cparts-id602__ttl {
font-size: 2rem;
margin-top: 50px;
}
}
/* スマホ以外 */
@media (min-width: 768px) {
div:has( > .cparts-id602) {
container-type: inline-size;
}
.cparts-id602.cparts-mainvisual--md .cparts-id602__ttl,
.cparts-id602.cparts-mainvisual--sm .cparts-id602__ttl {
margin-top: 50px;
}
.cparts-id602.cparts-mainvisual--sm .cparts-id602__ttl {
font-size: 3rem;
}
}
@media (max-width: 767px) {
.cparts-id602 {
overflow: hidden;
}
.cparts-id602__ttl {
margin-top: 1.5rem;
width: calc(100% - 30px) !important;
}
.cparts-id602 .cparts-img-block {
height: 60vh;
}
.cparts-id602 .cparts-table-block {
width: calc(100% - 30px) !important;
bottom: 0;
right: 15px;
box-shadow: 0px 0px 15px 0px #777777;
}
.cparts-id602 .cparts-table-block > div {
overflow-x: auto;
}
.cparts-id602 .cparts-table-block table {
max-width: 900px !important;
min-width: 600px !important;
}
.cparts-id602 .cparts-table-block {
border-radius: 1rem 1rem 0 0;
}
}
/* ----------------------------------------------------------------------------------------
スマホアプリ対策
---------------------------------------------------------------------------------------- */
@media (max-width: 767px) {
.cparts-id114 .cparts-body-block,
[class*="cparts-id291"]:not([class*="__ttl"]),
[class*="cparts-id291"] .cparts-body-block,
.cparts-var03-type21 .cparts-body-block,
.cparts-var03-type25 .cparts-body-block > div {
height: auto;
}
}
/* ----------------------------------------------------------------------------------------
タブ切替強制非表示
---------------------------------------------------------------------------------------- */
.cparts-inner[style*="display: none"] {
display: none !important;
}