@charset "UTF-8";
body {
	margin:0;
	padding:0;
}
@media screen and (min-width: 768px){
body{
min-width: 1240px;
}
}
body a:hover{
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
transition: 0.6s ;
}
a img{
border:0;
}

@media screen and (min-width: 768px){
#gnavi {
position: absolute;
top: 0; 
background-color: #fff;
z-index: 3;
width: 100%; 
} 
header {
height: 80px;
width: 1240px;
z-index: 10000;
overflow: hidden;
line-height: 100%;
margin: 0 auto;
}
header .inner {
position: relative;
width: 1240px;
margin: 0 auto;
height: 80px;
padding: 0 20px;
box-sizing: border-box 
}
header #logo {
width: 271px;
position: absolute;
top: 50%;
left: 20px;
z-index: 2;
transform: translateY(-50%);
font-size: 0;
} 
header, header a, header p {
transition: 0.3s ease-in-out;
} 
header #logo img {
position: relative;
z-index: 3;
width: 100%;
height: auto; 
} 
} 
	
@media screen and (max-width: 767px){
#gnavi {
position: absolute;
top: 0; 
background-color: #fff;
z-index: 3;
width: 100%; 
}  
header {
width: 100%;
z-index: 10000;
overflow: hidden;
line-height: 100%;
}
header .inner {
height: 60px;
position: relative;
width: 100%;
margin: 0px auto;	
box-sizing: border-box 
} 
header #logo {
width: 200px;
position: absolute;
top: 55%;
left: 50%;
z-index: 2;
transform: translate(-50%, -50%);
font-size: 0;
} 
header, header a, header p {
transition: 0.3s ease-in-out;
} 
header #logo img {
position: relative;
z-index: 3;
width: 100%;
height: auto; 
}
} 


.webfont{	font-family: "Noto Sans JP","游ゴシック", "Yu Gothic",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",verdana,Osaka,Sans-Serif;}

/*pc sp 切り替え*/
@media screen and (min-width:768px){
.pc-only{
display: block;
}
.sp-only{
display: none;
}
}

@media screen and (max-width:767px){
.pc-only{
display: none;
}
.sp-only{
display: block;
}
}


@media screen and (min-width: 768px){
/* breadcrumb パンくず */
.breadcrumb *, .breadcrumb *:after, .breadcrumb *:before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.breadcrumb {
margin: 1em auto 0.5em;
/*padding: 1em 0 0.5em;*/
color: #83838f;
}
.breadcrumb a {
text-decoration: none;
color: #83838f;
}
.breadcrumb .breadcrumbs {
padding-left: 0;
margin-top: 0;
margin-bottom: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
font-size: 0.875em;
line-height: 1.5; 
}
.breadcrumb li {
display: inline-block;
position: relative;
padding-right: calc(16px + 8px);
margin-right: 8px;
color: #83838f;
}
.breadcrumb li::before {
content: '\FF1E';
width: 1em;
height: 1em;
line-height: 1;
text-align: center;
font-size: 1em;
color: inherit;
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.breadcrumb li:last-child {
margin-right: 0;
padding-right: 0;
color: #ffffff;
}
.breadcrumb li:last-child::before {
content: normal;
}
/* -- breadcrumb パンくずend --  */
.section-local-head {
width: 100%;
max-width: 1200px;
margin: 0 auto;
}
}


@media screen and (max-width: 767px){
/* breadcrumb パンくず */
.breadcrumb *, .breadcrumb *:after, .breadcrumb *:before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.breadcrumb {
margin: 1em auto 0.5em;
/*padding: 1em 0 0.5em;*/
color: #83838f;
}
.breadcrumb.sp-pl15 {
padding-left: 15px;
}
.breadcrumb a {
text-decoration: none;
color: #83838f;
}
.breadcrumb .breadcrumbs {
padding-left: 0;
margin-top: 0;
margin-bottom: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
font-size: 0.875em;
line-height: 1.5; 
}
.breadcrumb li {
display: inline-block;
position: relative;
padding-right: calc(12px + 4px);
margin-right: 8px;
color: #83838f;
}
.breadcrumb li::before {
content: '\FF1E';
width: 1em;
height: 1em;
line-height: 1;
text-align: center;
font-size: 1em;
color: inherit;
position: absolute;
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.breadcrumb li:last-child {
margin-right: 0;
padding-right: 0;
color: #ffffff;
}
.breadcrumb li:last-child::before {
content: normal;
}
}
/* -- breadcrumb パンくずend --  */


@media screen and (min-width: 768px) {
.primary {
margin: 0 auto 0;
width: 100%;
color: #333;
position: relative;
}
.primary .wrap_main {
background-image: url(../img/rental_main.jpg);
background-repeat: no-repeat;
background-position: bottom center;
background-size: cover;
width: 100%;
height: calc( 100vh - 80px) ; 
margin-top: 80px;
}
.primary .wrap_main .bgc {
position: absolute;
top: 45%;
left: 0;
right: 0;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
display: inline-block;
width: 80%;
margin: 0 auto;
text-align: center;
z-index: 10;
}
.primary .wrap_main h1 {
margin-top: 0.5em; 
margin-bottom: 0.25em;
font-size: 4rem;
font-weight: bold;
color: #fff;
line-height: 1.2;
text-align: center;
text-shadow: -1px 5px 10px rgba(0,0,0,1); 
font-feature-settings: "palt"; 
}
.primary .wrap_main p {
font-size: 2rem;
font-weight: bold;
text-align: center;
color: #fff;
letter-spacing: 0.05em;
text-shadow: -1px 5px 10px rgba(0,0,0,1);  
}
.primary .wrap_main .anchor {
margin-top: 20px;
}
.primary .wrap_main .text-small {
font-size: 1.5rem;
}  
.second {
margin: 0 auto;
width: 100%;
color: #333;
}
.second .wrap_main {
width: 100%; 
background-image: url(../img/rental_02.jpg);
background-repeat: no-repeat;
background-position: bottom center;
background-size: cover;
}
.second .wrap_main .bgc {
padding: 80px 60px 80px 60px;
background: rgba(255,255,255,0.5); 
}
.second .wrap_main .text-area {
width: 1000px;
margin: 0 auto;
} 
.second .wrap_main h2 {
margin-top: 0.5em; 
margin-bottom: 0.5em;
font-size: 2.75rem;
font-weight: bold;
line-height: 1.2;
text-align: center;
text-shadow: 2px 2px 2px #ffffff, -2px 2px 2px #ffffff, 2px -2px 2px #ffffff, -2px -2px 2px #ffffff, 2px 0px 2px #ffffff, 0px 2px 2px #ffffff, -2px 0px 2px #ffffff, 0px -2px 2px #ffffff; 
}
.second .wrap_main .lead-text--area {
font-size: 1.25rem;
line-height: 1.5; 
font-weight: bold;
text-align: center;
letter-spacing: 0.05em;
text-shadow: 2px 2px 2px #ffffff, -2px 2px 2px #ffffff, 2px -2px 2px #ffffff, -2px -2px 2px #ffffff, 2px 0px 2px #ffffff, 0px 2px 2px #ffffff, -2px 0px 2px #ffffff, 0px -2px 2px #ffffff;  
}
.second .wrap_main .anchor {
margin-top: 38px;
} 
} 

@media screen and (max-width: 767px){
.primary {
margin: 0;
width: 100%;
position: relative;
}
.primary .wrap_main {
background-image: url(../img/rental_main_sp.jpg);
background-repeat: no-repeat;
background-position: bottom  center;
background-size: cover;
width: 100%;
height: calc( 100vh - 120px) ; 
margin-top: 60px;
}
.primary .wrap_main .bgc {
position: absolute;
top: 40%;
left: 0;
right: 0;
-ms-transform: translateY(-50%);
transform: translateY(-50%);
display: inline-block;
width: 92%;
margin: 0 auto;
text-align: center;
z-index: 10;
} 
.primary .wrap_main h1 {
margin-top: 0.9em;
font-size: 2.25rem;
font-weight: bold;
color: #fff;
line-height: 1.2;
text-align: center;
text-shadow: -1px 5px 10px rgba(0,0,0,1); 
font-feature-settings: "palt"; 
}
.primary .wrap_main p {
font-size: 1.5rem;
font-weight: bold;
text-align: center;
color: #fff;
letter-spacing: 0.05em;
text-shadow: -1px 5px 10px rgba(0,0,0,1);  
}
.primary .wrap_main .text-small {
font-size: 1rem;
} 
.primary .wrap_main .anchor {
margin-top: 2em;
}
 
.second {
margin: 0 auto;
width: 100%;
color: #333; 
}
.second .wrap_main {
width: 100%; 
background-image: url(../img/rental_02.jpg);
background-repeat: no-repeat;
background-position: bottom center;
background-size: cover;
}
.second .wrap_main .bgc {
padding: 40px 15px 40px 15px;
background: rgba(255,255,255,0.5); 
} 
.second .wrap_main .text-area {
width: 100%;
margin: 0 auto;
}  
.second .wrap_main h2 {
font-size: 1.5rem;
font-weight: bold;
line-height: 1.3;
text-align: center;
text-shadow: 2px 2px 2px #ffffff, -2px 2px 2px #ffffff, 2px -2px 2px #ffffff, -2px -2px 2px #ffffff, 2px 0px 2px #ffffff, 0px 2px 2px #ffffff, -2px 0px 2px #ffffff, 0px -2px 2px #ffffff; 
}
.second .wrap_main .lead-text--area {
font-weight: bold;
text-align: center;
font-size: 0.9rem; 
line-height: 1.5; 
letter-spacing: 0.05em;
text-shadow: 1px 1px 1px #ffffff, -1px 1px 1px #ffffff, 1px -1px 1px #ffffff, -1px -1px 1px #ffffff, 1px 0px 1px #ffffff, 0px 1px 1px #ffffff, -1px 0px 1px #ffffff, 0px -1px 1px #ffffff;
}
.second .wrap_main .anchor {
margin-top: 38px;
} 
}


@media screen and (min-width: 768px) and (max-width: 960px) and (orientation: landscape) {
.primary .wrap_main {
background-image: url(../img/rental_main.jpg);
background-repeat: no-repeat;
background-position: bottom center;
background-size: cover;
width: 100%;
height: 100vh;
margin-top: 80px;
}
.primary .wrap_main h1 {
margin-top: 0.9em;
font-size: 2rem;
font-weight: bold;
color: #fff;
line-height: 1.2;
text-align: center;
text-shadow: -1px 5px 10px rgba(0,0,0,1); 
font-feature-settings: "palt"; 
}
.primary .wrap_main p {
font-size: 1.25rem;
font-weight: bold;
text-align: center;
color: #fff;
letter-spacing: 0.05em;
text-shadow: -1px 5px 10px rgba(0,0,0,1);  
}
.primary .wrap_main .text-small {
font-size: 1rem;
} 
.primary .wrap_main .anchor {
margin-top: 1.5em;
}   
} 
 
@media (max-width: 767px) and (orientation: landscape){
.primary .wrap_main {
background-image: url(../img/rental_main.jpg);
background-repeat: no-repeat;
background-position: bottom center;
background-size: cover;
width: 100%;
height: calc( 100vh - 60px);
margin-top: 60px;
} 
.primary .wrap_main h1 {
margin-top: 0.9em;
font-size: 2rem;
font-weight: bold;
color: #fff;
line-height: 1.2;
text-align: center;
text-shadow: -1px 5px 10px rgba(0,0,0,1); 
font-feature-settings: "palt"; 
}
.primary .wrap_main p {
font-size: 1.25rem;
font-weight: bold;
text-align: center;
color: #fff;
letter-spacing: 0.05em;
text-shadow: -1px 5px 10px rgba(0,0,0,1);  
}
.primary .wrap_main .text-small {
font-size: 1rem;
} 
.primary .wrap_main .anchor {
margin-top: 1.5em;
}  
}


/*スクロールダウン全体の場所*/
.scrolldown{
/*描画位置※位置は適宜調整してください*/
position:absolute;
bottom:1%;
right:50%;
/*矢印の動き1秒かけて永遠にループ*/
animation: arrowmove 1s ease-in-out infinite;
}

/*下からの距離が変化して全体が下→上→下に動く*/
@keyframes arrowmove{
0%{bottom:1%;}
50%{bottom:3%;}
100%{bottom:1%;}
}

/*Scrollテキストの描写*/
.scrolldown span{
/*描画位置*/
position: absolute;
left:-20px;
bottom:1px;
/*テキストの形状*/
color: #fff;
font-size: 0.75rem;
font-weight: bold;
letter-spacing: 0.05em;
/*縦書き設定*/
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
}

/* 矢印の描写 */
.scrolldown:before {
content: "";
/*描画位置*/
position: absolute;
bottom: 0;
right: -6px;
/*矢印の形状*/
width: 1px;
height: 20px;
background: #fff;
transform: skewX(-31deg);
-webkit-transform: skewX(-31deg);
-ms-transform: skewX(-31deg); 
}

.scrolldown:after{
content:"";
/*描画位置*/
position: absolute;
bottom:0;
right:0;
/*矢印の形状*/
width:1px;
height: 50px;
background:#fff;
}

@media screen and (max-width: 767px){
.scrolldown{
/*描画位置※位置は適宜調整*/
position:absolute;
bottom: 10vh;
right:50%;
/*矢印の動き1秒かけて永遠にループ*/
animation: arrowmove 1s ease-in-out infinite;
} 
 
.scrolldown span{
/*描画位置*/
position: absolute;
left:-20px;
bottom: 10vh;
/*テキストの形状*/
color: #fff;
font-size: 0.75rem;
font-weight: bold;
letter-spacing: 0.05em;
/*縦書き設定*/
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
}
/* 矢印の描写 */
.scrolldown:before {
content: "";
/*描画位置*/
position: absolute;
bottom: 10vh;
right: -6px;
/*矢印の形状*/
width: 1px;
height: 20px;
background: #fff;
transform: skewX(-31deg);
-webkit-transform: skewX(-31deg);
-ms-transform: skewX(-31deg);
}

.scrolldown:after{
content:"";
/*描画位置*/
position: absolute;
bottom: 10vh;
right:0;
/*矢印の形状*/
width:1px;
height: 50px;
background:#fff;
} 
} 

@media screen and (min-width: 768px) and (max-width: 960px) and (orientation: landscape) {
.scrolldown{
/*描画位置※位置は適宜調整*/
position:absolute;
bottom: 5vh;
right:50%;
/*矢印の動き1秒かけて永遠にループ*/
animation: arrowmove 1s ease-in-out infinite;
} 
 
.scrolldown span{
/*描画位置*/
position: absolute;
left:-20px;
bottom: 5vh;
/*テキストの形状*/
color: #fff;
font-size: .75rem;
font-weight: bold;
letter-spacing: 0.05em;
/*縦書き設定*/
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
}
/* 矢印の描写 */
.scrolldown:before {
content: "";
/*描画位置*/
position: absolute;
bottom: 5vh;
right: -6px;
/*矢印の形状*/
width: 1px;
height: 20px;
background: #fff;
transform: skewX(-31deg);
-webkit-transform: skewX(-31deg);
-ms-transform: skewX(-31deg);
}

.scrolldown:after{
content:"";
/*描画位置*/
position: absolute;
bottom: 5vh;
right:0;
/*矢印の形状*/
width:1px;
height: 50px;
background:#fff;
} 
} 

@media (max-width: 767px) and (orientation: landscape){
.scrolldown{
/*描画位置※位置は適宜調整*/
position:absolute;
bottom: 5vh;
right:50%;
/*矢印の動き1秒かけて永遠にループ*/
animation: arrowmove 1s ease-in-out infinite;
} 
 
.scrolldown span{
/*描画位置*/
position: absolute;
left:-20px;
bottom: 5vh;
/*テキストの形状*/
color: #fff;
font-size: .75rem;
font-weight: bold;
letter-spacing: 0.05em;
/*縦書き設定*/
-ms-writing-mode: tb-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
}
/* 矢印の描写 */
.scrolldown:before {
content: "";
/*描画位置*/
position: absolute;
bottom: 5vh;
right: -6px;
/*矢印の形状*/
width: 1px;
height: 20px;
background: #fff;
transform: skewX(-31deg);
-webkit-transform: skewX(-31deg);
-ms-transform: skewX(-31deg);
}

.scrolldown:after{
content:"";
/*描画位置*/
position: absolute;
bottom: 5vh;
right:0;
/*矢印の形状*/
width:1px;
height: 50px;
background:#fff;
} 
} 



/*.slide-top {
	opacity: 0;
	transform: translate(0, -20px);
	transition: all 1s ease-out;
 }

.slide-bottom {
	opacity: 0;
	transform: translate(0, 20px);
	transition: all 1s ease-out;
 }

.slide-left {
	opacity: 0;
	transform: translate(-20px, 0);
	transition: all 1.5s ease-out;
 }

.slide-right {
	opacity: 0;
	transform: translate(20px, 0);
	transition: all 2s ease-out;
 }

.slide-delay{
	opacity: 0;
	transform: translate(0, 5px);
	transition: all 3s ease-out;
 }

.slideUp{
		opacity: 0;
	animation-name: slideUp;
	-webkit-animation-name: slideUp;	

	animation-duration: 1.5s;	
	-webkit-animation-duration: 1.5s;

	animation-timing-function: ease;	
	-webkit-animation-timing-function: ease;

	visibility: visible !important;			
}

@keyframes slideUp {
	0% {
		transform: translateY(100%);
	}
	50%{
		transform: translateY(-8%);
	}
	65%{
		transform: translateY(4%);
	}
	80%{
		transform: translateY(-4%);
	}
	95%{
		transform: translateY(2%);
	}			
	100% {
		transform: translateY(0%);
	}	
}

@-webkit-keyframes slideUp {
	0% {
		-webkit-transform: translateY(100%);
	}
	50%{
		-webkit-transform: translateY(-8%);
	}
	65%{
		-webkit-transform: translateY(4%);
	}
	80%{
		-webkit-transform: translateY(-4%);
	}
	95%{
		-webkit-transform: translateY(2%);
	}			
	100% {
		-webkit-transform: translateY(0%);
	}	
 }*/



/* ----pc  h2 見出し---- */
@media screen and (min-width: 768px){
.feature-hdg2 {
position: relative;
padding-bottom: 1.25rem;
border-bottom: 3px solid #B6B6B6;
font-size: 1.75rem;
margin-top: calc(80px - 0.6rem);
margin-bottom: calc(40px - 0.75rem); 
}
.feature-hdg2::after {
position: absolute;
content: " ";
border-bottom: solid 3px #E5002D;
bottom: -3px;
width: 8%;
display: block;
}
/* -- pc  h2 見出し end --  */

/* ----pc  h2 見出し 補足（リード文）---- */
.lead-text p {
font-size: 1.15em;
line-height: 1.4; 
margin: 1rem 0 
}
/* -- pc  h2 見出し 補足（リード文） end --  */ 
 
/* ----pc  h3 見出しデフォルト---- */
.feature-hdg3 {
font-size: 1.75rem;
margin-top: calc(60px - 0.6rem);
margin-bottom: calc(40px - 0.75rem);  
padding-bottom: 0.5rem;
font-weight: bold;
} 
/* -- pc  h3 見出し end --  */ 
} 


/* ----sp  h2 見出し---- */
@media screen and (max-width: 767px){
.feature-hdg2 {
position: relative;
padding-bottom: 1.25rem;
border-bottom: 3px solid #B6B6B6;
font-size: 1.5rem;
margin-top: calc(60px - 0.6rem);
margin-bottom: calc(45px - 0.75rem);
line-height: 1.2; 
}
.feature-hdg2::after {
position: absolute;
content: " ";
border-bottom: solid 3px #E5002D;
bottom: -3px;
width: 8%;
display: block;
}
/* -- sp  h2 見出し end --  */

/* ----sp  h2 見出し 補足（リード文）---- */
.lead-text p {
font-size: 0.95em;
line-height: 1.5; 
margin: 1rem 0 
}
/* -- sp  h2 見出し 補足（リード文） end --  */
 
/* ----sp  h3 見出しデフォルト---- */
.feature-hdg3 {
font-size: 1.25rem;
margin-top: calc(50px - 0.6rem); 
margin-bottom:calc(30px - 0.75rem); 
padding-bottom: 0.5rem;
line-height: 1.3; 
font-weight: bold; 
} 
} 
/* -- sp  h3 見出し end --  */ 
 


/* ----ボタン組み合わせ---- */
.flatbtn {
box-sizing: border-box;
text-align: center;
border-radius: 40px;
color: #333; 
display: flex;
opacity: 1.0;
width: auto; 
height: 100%;
align-items: center;
justify-content: center;
cursor: pointer;
}
/* ----sp  ボタン組み合わせ---- */
@media screen and (max-width: 767px){
.flatbtn {
border-radius: 25px;
}
}
.flatbtn:hover,
.flatbtn:focus {
text-decoration: none;
opacity: 0.75;
transition: 0.6s; 
}
.flatbtn:active,
.flatbtn.active {
outline: 0;
box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.125); 
}
.flatbtn.disabled,
.flatbtn[disabled],
.flatbtn.disabled:hover,
.flatbtn[disabled]:hover,
.flatbtn.disabled:active,
.flatbtn[disabled]:active {
cursor: not-allowed;
opacity: 0.65;
filter: alpha(opacity=65);
box-shadow: none !important;
}
.default-btn{
background:#979797;
}
.orange-btn{
background:#EA6D0D;
}
.red-btn{
background:#E50012;
}
.blue-btn{
background:#19499c;
}
.mustard-btn{
background:#d7ab1a;
}
.default-btn,.orange-btn,.red-btn,.blue-btn,.mustard-btn {
color: #fff; 
}
.border-btn {
border: 1px solid #B6B6B6;
background-color: #fff; 
}
.border-btn:hover{
border-color: #E5002D;
}
.border-btn.selected {
border-color: #d4122c;
}
.border-btn-orange {
border: 1px solid #EA6D0D;
color: #EA6D0D;
}
.arrow-r,.arrow-d {
position: relative
}
.arrow-r::after {
content: "";
position: absolute;
right: 18px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
width: 8px;
height: 8px;
-webkit-transform: rotate( 45deg);
transform: rotate( 45deg);
top: 0;
bottom: 0;
margin: auto;
}
.arrow-r-orange::after {
border-color: #EA6D0D;
}
.arrow-r-red::after {
border-color: #E5002D;
}

.arrow-d::after {
content: "";
position: absolute;
right: 15px;
border-top: 2px solid #B6B6B6;
border-right: 2px solid #B6B6B6;
width: 8px;
height: 8px;
-webkit-transform: rotate( 135deg);
transform: rotate( 135deg);
top: 0;
bottom: 0;
margin: auto;
}
.arrow-d-red::after {
border-color: #E5002D;
}
.arrow-d-orange::after {
border-color: #EA6D0D;
}
.arrow-d-white::after {
border-color: #fff;
}
.mwbtn{
max-width: 480px;
margin: 0 auto
}
.etcbtn{
font-size: 1.2rem
}
.fs-small { font-size: 0.8em; padding: 0.8rem 1.2rem; }
.fs-medium { font-size: 1.0em; 	padding: 0.8rem 0.2rem; }
.fs-large { font-size: 1.62em; padding: 1.05rem 1rem; }
/* -- ボタン組み合わせend --  */

/*-- margin-top --*/
.mt1em { margin-top: 1em !important; }
.mt2em { margin-top: 2em !important; }
.mt3em { margin-top: 3em !important; }
.mt4em { margin-top: 4em !important; }
.mt5em { margin-top: 5em !important; }

/*-- margin-bottom --*/
.mb1em { margin-bottom: 1em !important; }
.mb2em { margin-bottom: 2em !important; }
.mb3em { margin-bottom: 3em !important; }
.mb4em { margin-bottom: 4em !important; }
.mb5em { margin-bottom: 5em !important; }

/* ----ボーダーライン---- */
.border-line {
width: 100%;
background-color: #ddd;
border: none;
height: 1px;
margin: 3.75em 0;
}
/* --ボーダーライン end --  */

.text--indent {
padding-left: 1em;
text-indent: -1em;  
}  

/* ----準備中message---- */
.coming_soon {
display: flex;
justify-content: space-around;
align-items: center; 
height: 300px; 
}
@media screen and (min-width: 768px) {
.preparing-message {
font-size: 3rem; 
}
}  
@media only screen and (max-width: 767px) { 
.preparing-message {
font-size: 2rem; 
} 
} 
/* --準備中message end --  */

@media screen and (min-width: 768px) {
.pane-main {
max-width: 1240px;
padding: 0 20px;
margin: 0 auto;
box-sizing: border-box;
color: #333;
}
.bg-color {
background: #EFEFEF;
padding-bottom: 3.75rem;
padding-top: 3.75rem; 
overflow: hidden; 
} 
.bg-color-white {
background: #fff;
margin: 0 calc(50% - 50vw);
width: 100vw;
height: 80px; 
} 
}
 
@media only screen and (max-width: 767px) {
.pane-main {
color: #333;
padding: 0 15px;
}
.bg-color {
background: #EFEFEF;
padding-bottom: 2.5rem;
padding-top: 2.5rem;
overflow: hidden; 
} 
.bg-color-white {
background: #fff;
margin: 0 calc(50% - 50vw);
width: 100vw;
height: 60px; 
}  
} 
.pane-main img{
width: 100%;
height: auto;
} 


/* ----ボタン2列表示----*/
@media screen and (min-width: 768px) {
.action-btn-list {
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
} 
.action-btn-list li { 
width: calc( 35% - 10px);
margin-right: 40px;
line-height: 1.2; 
margin-top: 2em; 
}
.action-btn-list li:nth-child(-n+4) {
margin-top: 0 
} 
.action-btn-list li:last-child {
margin-right: 0 
} 
.action-btn-list .summary-text {
font-size: 1.15em;
line-height: 1.3;
margin-bottom: 0.5em;
text-align: center;
} 
.action-btn-list  .link-btn {
height: 60px;
} 
.action-btn-list  .notes-text {
margin-top: 0.75em  
}
} 
@media only screen and (max-width: 767px) {
.action-btn-list {
display: flex;
flex-wrap: wrap;
-ms-flex-pack: distribute;
justify-content: space-around; 
} 
.action-btn-list li { 
width: 90%;
margin-bottom: 1.5em; 
line-height: 1.2; 
}
.action-btn-list li:last-child {
margin-bottom: 0 
}
.action-btn-list .summary-text {
font-size: 1em;
line-height: 1.3;
margin-bottom: 0.5em;
text-align: center;
}  
.action-btn-list  .link-btn {
height: 3.25em; 
}  
.action-btn-list  .notes-text {
font-size: 0.875em; 
margin-top: 0.75em  
} 
} 
/* -- ボタン2列表示end --  */


/* ----関連特集・関連情報・関連動画　共通----*/
/* pc2列表示 sp1列表示 */
@media screen and (min-width: 768px) {
.feature__items{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.feature__items li{
width: 48%;
min-height: 140px;
margin-top: 24px;
font-size: 0.9em;
position: relative;
font-feature-settings: "palt"; 
}
.feature__items li:nth-child(-n+2) {
margin-top: 0 
}
.feature__items li a{
display: flex;
justify-content: space-between;
width: 100%;
height: 100%;
box-sizing: border-box;
padding: 20px 15px 15px 20px;
border: 1px solid #CCC;
border-radius: 5px;
overflow: hidden;
color: #333; 
}
.feature__items li a:hover{
border-color: #E5002D;
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
transition: 0.6s; 
text-decoration: none;
}
.feature__items li a .feature__items--img{
width:24% ;
display: flex;
align-items: center; 
position: relative;
}
.feature__items li a .feature__items--txt{
width: calc( 76% - 20px);
}
.feature__items.secondary li a .feature__items--txt {
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; 
} 
.feature__items li a .feature__items--txt .feature__items--txt__title{
font-weight: bold;
font-size: 1.5rem;
line-height: 1.3;
margin-bottom: 0.6rem
}
.feature__items li a .feature__items--txt .feature__items--txt__catch{
line-height: 1.5;
font-size: 1.1rem
}
.feature__items .movie {
opacity: 1;
position: absolute;
width: 40% !important;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
} 
/* pc3列表示 sp2列表示 */
.feature__items.col-3 {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; 
}
.feature__items.col-3 li {
width: calc( 33.3% - 10px);
margin: 24px 15px 0 0;
min-height: auto; 
position: relative;
}
.feature__items.col-3 li:nth-child(3n) {
margin-right: 0;
}
.feature__items.col-3 li:nth-child(-n+3) {
margin-top: 0 
}
.feature__items.col-3 li a {
padding: 10px 8px 8px 10px;
}
.feature__items.col-3 li a .feature__items--txt {
width: 70%;
}
.feature__items.col-3 li a .feature__items--txt .feature__items--txt__title {
font-weight: bold;
font-size: 1.15rem;
line-height: 1.3;
margin-bottom: 0.5rem;
}
.feature__items.col-3 li a .feature__items--txt .feature__items--txt__catch {
line-height: 1.4;
font-size: 0.9rem;
}
.feature__items.col-3 li a .future--img {
margin: 0 10px;
width: calc( 30% - 20px);
display: flex;
align-items: center; 
}
/* pc3列表示 sp1列表示 */
.feature__items.col-31 {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start; 
}
.feature__items.col-31 li {
width: calc( 33.3% - 10px);
margin: 24px 15px 0 0;
min-height: auto; 
position: relative;
}
.feature__items.col-31 li:nth-child(3n) {
margin-right: 0;
}
.feature__items.col-31 li:nth-child(-n+3) {
margin-top: 0 
}
.feature__items.col-31 li a {
padding: 10px 8px 8px 10px;
}
.feature__items.col-31.pb a {
border: none;
padding: 0;
border-radius: 0;
}
.feature__items.col-31 li a .feature__items--txt {
width: 70%;
}
.feature__items.col-31 li a .feature__items--txt .feature__items--txt__title {
font-weight: bold;
font-size: 1.15rem;
line-height: 1.3;
margin-bottom: 0.5rem;
}
.feature__items.col-31 li a .feature__items--txt .feature__items--txt__catch {
line-height: 1.4;
font-size: 0.9rem;
}
.feature__items.col-31 li a .future--img {
margin: 0 10px;
width: calc( 30% - 20px);
display: flex;
align-items: center; 
}
} 
/* -- 関連特集・関連情報・関連動画　共通 end --  */


/* ----関連特集・関連情報・関連動画　共通----*/
/* pc2列表示 sp1列表示 */
@media only screen and (max-width: 767px) {
.feature__items{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.feature__items li{
width: 100%;
margin-top: 1rem;
position: relative;
font-feature-settings: "palt"; 
}
.feature__items li:first-child {
margin-top: 0 
}
.feature__items li a{
display: flex;
justify-content: space-between;
width: 100%;
height: 100%;
box-sizing: border-box;
padding: 12px 8px 12px 12px;
border: 1px solid #CCC;
border-radius: 5px;
overflow: hidden;
color: #333; 
}
.feature__items li a .pickup--img{
margin: 0 10px 0 10px;
width:28% ;
}
.feature__items li a .feature__items--img{
margin: 0 5px 0 5px;
width:24% ;
display: flex;
align-items: center;	
position: relative;
}
.feature__items li a .feature__items--txt{
width: 76%;
}
.feature__items.secondary li a .feature__items--txt {
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; 
}  
.feature__items li a .feature__items--txt .feature__items--txt__title{
font-weight: bold;
font-size: 1.15rem;
line-height: 1.3;
margin-bottom: 0.4rem;
}
.feature__items li a .feature__items--txt .feature__items--txt__catch{
line-height: 1.5;
font-size: 0.85rem;
}
.feature__items .movie {
opacity: 1;
position: absolute;
width: 40% !important;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}  
/* pc3列表示 sp2列表示 */
.feature__items.col-3 {
}
.feature__items.col-3 li {
width: 48%;
margin-top: 1rem;
position: relative;
}
.feature__items.col-3 li:nth-child(-n+2) {
margin-top: 0 
}
.feature__items.col-3 li a {
padding: 8px 5px;
}
.feature__items.col-3 li a .feature__items--txt {
width: 62%;
}
.feature__items.col-3 li a .feature__items--txt .feature__items--txt__title {
font-weight: bold;
font-size: 11px;
line-height: 1.3;
margin-bottom: 0.4rem;
}
.feature__items.col-3 li a .feature__items--txt .feature__items--txt__catch {
line-height: 1.3;
font-size: 9px;
}
.feature__items.col-3 li a .future--img {
margin: 0 5px;
width: calc( 38% - 10px);
display: flex;
align-items: center;
}
} 
/* -- 関連特集・関連情報・関連動画　共通 end --  */


.attention_block {
background: #fff;
border: 2px solid #FF0000;
box-sizing: border-box;
padding: 1.5rem;
position: relative;
}
.attention {
display: flex;
align-items: center;
color: #FE3737;
font-size: 1.5rem;
font-weight: bold;
margin-bottom: 1.25rem; 
}
.attention img {
width: 2.5rem;
height: 2.5rem;
margin-right: 0.5rem;
}
.card-target {
width: 100%;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
flex-wrap: wrap;
}
.card-target li {
width: 49%;
margin-bottom: 1%;
padding: 1.3em 0;
border-radius: 5px; 
}
.card-target li .text-detail {
color: #fff; 
font-weight: bold;
font-size: 1.3rem;
text-align: center;
}
.card-target li.card01 {
background-color: #DE3038;
}
.card-target li.card02 {
background-color: #1CA255;
}
.card-target li.card03 {
background-color: #EB8139;
}
.card-target li.card04 {
background-color: #2E23B8;
}
.card-target li.card05 {
background-color: #084D48;
}
.attention_block .text-summary {
font-size: 1.25rem;
line-height: 1.5;
font-weight: bold;
letter-spacing: 0.05em; 
}
.co-blue {
color: #0031B8;
text-decoration: underline; 
text-align: center 
}
.co-blue a {
color: #0031B8; 
}
.attention_text {
color: #FE3737; 
line-height: 1.3 
}
.example-text {
margin-left: 0.5em;
font-size: 1.25rem; 
}
.common-img--area {
position:  relative;
}
.attention-text-list {
margin-left: 1em; 
color: #FE3737; 
font-size: 1.25rem;
font-weight: bold;
margin-top: 2rem; 
}
.attention-text-list li {
line-height: 1.5;
margin-bottom: 0.5em;
list-style-type: disc;
}
.attention-text-link {
    color: #005FC3;
}
.custom_subtitle {
display: flex;
align-items: center;
font-size: 1.5rem;
font-weight: bold;
margin-bottom: 1.25rem; 
}
.custom_subtitle img {
width: 2.75em;
height: 2.75em;
margin-right: 0.5rem;
}

/*店舗選択アコーディオン*/
.store-ac {
width: 60%;
margin: 0 auto;
}
.store-ac li {
padding-bottom: 6px;
list-style: none;
}
.store-ac-label  {
cursor: pointer;
text-align: center;
position: relative;
border: 1px solid #d9d9d9;
box-sizing: border-box; 
background-color: #fff; 
}
.store-ac-content {
display: none;
padding: 0 8px;
border: 1px solid #d9d9d9;
box-sizing: border-box;
background-color: #fff; 
}
.store-icon-wrap {
position: absolute;
right: 5px;
top: 50%;
transform: translatey(-50%);
width: 38px;
height: 38px;
}
.store-icon {
position: relative;
display: inline-block;
width: 100%;
height: 100%;
}
.store-icon:before {
position: absolute;
content: "";
transition: all .4s;
width: 8px;
height: 8px;
border: 0px;
border-top: solid 2px #000;
border-right: solid 2px #000;
top: 46%;
left: 50%;
transform: translate(-50%, -50%) rotate(135deg);
}
.store-icon.open:before {
top: 56%;
transform: translate(-50%, -50%) rotate(-45deg);
}
.store-select{
display: flex;
flex-wrap: wrap;
-ms-flex-pack: distribute;
justify-content: space-around;
margin-bottom: 1em;
font-feature-settings: "palt"; 
}
.store-select li a {
padding: 0.5em 0 0.5em 1em;
color: #333;
font-size: 1.125rem;
}
.acd--material {
display: block;
}
.acd--material a {
margin-top: 0.5rem;
display: block;
padding-left: 0rem;
}
.store-select li a:hover{
text-decoration: underline
}
.accordion--title {
font-size: 1.25rem;
padding: 1.25em 0.75em 
}
.shop-list--title {
font-size: 1.25rem;
font-weight: bold;
padding: 0.5em 0;
}
.custom-store-item {
padding-top: 20px;
padding-bottom: 20px;
display: flex;
align-items: center;
}
.ac-close-button {
width: 100px;
margin: 3em auto 0;
padding: 0.5em 0;
text-align: center;
border-radius: 40px;
color: #fff; 
background-color: #979797;
transition: .3s;
cursor: pointer;
}
@media screen and (min-width: 768px) {
.store-ac-content {
padding: 0 20px;
} 
.store-select li{
width: calc(100% - 15px);
padding: 0.25em 0 0.5em; 
box-sizing: border-box;
margin-top: 1em; 
}
.store-select li:nth-child(-n+2) {
border-top: none;
} 
.store-select li:nth-child(even) {
border-right: none; 
}
.acd--material {
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
flex-wrap: wrap 
} 
.store-select li a {
width: calc(50% - 20px);
padding: 0.5em 0 0.5em 1em; 
} 
} 
@media screen and (max-width: 767px){
/*sp 店舗選択アコーディオン*/
.store-ac {
width: 100%;
}
.store-ac li {
padding-bottom: 0;
} 
.accordion--title {
font-size: 1.125rem;
} 
.shop-list--title {
font-size: 1.125rem;
} 
.store-select li{
width: calc(100% - 15px);
padding: 0.25em 0 0.25em 1rem;
margin-bottom: 1em;
} 
.store-select li a {
font-size: 1rem;
} 
}
/* -- 店舗選択アコーディオン end --  */


.flow-area {
display: flex;
flex-wrap: wrap; 
justify-content: space-between;
margin: 0 auto;
}
.flow-area li {
width: calc( 280px - 20px ) ;
position: relative;
}
.flow-area li:last-child::after {
content: none 
}
.flow_icon {
width: 100%;
margin: 0 auto;
}
 
@media screen and (min-width: 768px) {
.common-img--area .rent-type {
position: absolute;
top: 50%;
left: 50%;
color: #fff;
font-weight: 700;
transform: translate(-50%, -50%);
font-size: 3.75rem;
width: 80%;
text-align: center; 
text-shadow: -1px 5px 10px rgba(0,0,0,1); 
font-feature-settings: "palt"; 
}
.flow-area li::after {
position: absolute;
top: 45%;
right: -20%;
content: "";
width: 0;
height: 0;
border-top: 15px solid transparent;
border-right: 25px solid transparent;
border-bottom: 15px solid transparent;
border-left: 25px solid #000;
} 
} 

@media screen and (max-width: 767px){
.attention_block {
padding: 1.25rem 0.75rem;
position: relative;
}
.attention {
font-size: 1.125rem;
align-items: flex-start; 
line-height: 1.3;
}
.attention img {
width: 1.5rem;
height: 1.5rem;
padding-top: 0.2em; 
margin-right: 0.5rem;
}
.attention span {
padding-top: 0.25em  
} 
.card-target li {
margin-bottom: 0.5em;
padding: 0.8em 0;
}
.card-target li .text-detail {
color: #fff; 
font-weight: bold;
font-size: 1rem;
text-align: center;
} 
.attention_block .text-summary {
font-size: 0.95rem;
line-height: 1.3;
padding-left: 1em;
text-indent: -1em;
} 
.attention_text {
font-size: 0.85rem;
} 
.example-text {
margin-left: 0.5em;
font-size: 1.25rem; 
} 
.common-img--area .rent-type {
position: absolute;
bottom: 6%;
left: 4%;
color: #fff;
font-weight: bold;
font-size: 2rem;
width: max-content;
text-shadow: -1px 5px 10px rgba(0,0,0,1); 
font-feature-settings: "palt"; 
}
.attention-text-list {
font-size: 0.9rem;
margin-top: 1.5em; 
} 
.custom_subtitle {
font-size: 1.25rem;
line-height: 1.3;
}
.custom_subtitle img {
width: 2.5em;
height: 2.5em;
padding-top: 0.2em; 
margin-right: 0.5rem;
} 
.custom_subtitle span {
padding-top: 0.25em  
}
.flow-area li {
width: 80%;
margin: 0 auto;
} 
.flow-area li::after {
position: absolute;
display: block;
margin-left: -10px;
top: auto;
right: auto;
bottom: auto;
left: 50%;
content: "";
width: 0;
height: 0;
border-top: 25px solid #000;
border-right: 15px solid transparent;
border-bottom: 25px solid transparent;
border-left: 15px solid transparent;
} 
.co-blue {
font-size: 1rem;
} 
}


/* ----スライダーエリア----*/
@media screen and (min-width: 768px) {
.service-area{
	width:98%;/*padding-left,rightと画像幅の総量*/
	margin:30px auto;
}
/*.slider {
	margin: 0 0 50px;
}*/
.multiple-item {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.multiple-item li {
display: flex;
flex-direction: column; 
width: calc((100% - 120px)/4); 
background-color: #fff;
padding: 1.25rem 1rem;
margin-top: 1rem; 
border-radius: 4px;
box-sizing: border-box;
/*box-shadow: rgb(0 0 0 / 10%) 0px 4px 6px -1px, rgb(0 0 0 / 6%) 0px 2px 4px -1px; */
box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
/*border: solid 1px #c0c0c0; */
}
.multiple-item li:nth-child(-n+4) {
margin-top: 0 
}    
.multiple-item .thum {
width: 180px;
height: 180px;
position: relative;
margin: auto;
/*border: 1px solid #B8B8B8;
box-sizing: border-box; */
} 
.multiple-item .empty_item {
background-color: #EFEFEF;
box-shadow: none; 
} 
 
.multiple-item .thum img  {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: auto;
width: auto;
max-width: 80%;
max-height: 85%;
margin: auto;
} 
.item-name-box {
line-height: 1.3;
padding-bottom: 0.9rem;
word-break: break-all;
overflow-wrap: break-word;
font-feature-settings: 'palt'; 
overflow: hidden;
height: 4.5rem;
font-weight: bold;
}
.item-name-box a, .item-name-box a {
color: #333;
}
.service-area .price-service-area {
display: flex;
bottom: 0;
width: 100%;
flex-direction: column;
min-height: 0;
margin-top: auto;
} 
.service-area .product-card__text {
font-size: 0.9rem;
line-height: 1.3;
padding-bottom: 1rem;
overflow: hidden;
word-break: break-all;
overflow-wrap: break-word;
font-feature-settings: 'palt'; 
height: 6rem; 
}
.service-area .price-area {
font-size: 0.9rem;
line-height: 1.3;
font-weight: bold; 
}
.service-area .price-area .head {
padding-right: .8rem; 
} 
.service-area .price-area .pr-red {
color: #E50012 ;
}
.service-area .price-area .amt {
font-size: 1.8rem;
font-weight: bold;
margin: 0.8rem 0;
}
.service-area .price-area .en {
font-size: 1rem;
font-weight: normal;
padding-left: 2px;
} 
}

@media screen and (max-width: 767px){
.service-area{
width: 100%; /*padding-left,rightと画像幅の総量*/
/*margin:30px auto;*/
}
/*.slider {
	margin: 0 0 50px;
}*/
 .multiple-item {
 display: flex;
 justify-content: space-between; 
 flex-wrap: wrap; 
 margin-bottom: 20px; 
 }
.multiple-item li {
display: flex;
flex-direction: column; 
width: calc((100% - 20px)/2);  
background-color: #fff;
border-radius: 4px;
box-sizing: border-box;
/*border: solid 1px #c0c0c0; */
box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px; 
padding: 0.75em;
margin-top: 1rem; 
    justify-content: space-between;
}
.multiple-item li:nth-child(-n+2) {
margin-top: 0 
}   
.multiple-item .empty_item {
display: none;
}  
.multiple-item .thum {
width: 32vw;
height: 32vw;
position: relative;
margin: 0 auto 0;
} 
.multiple-item .thum img  {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
height: auto;
width: auto;
max-width: 98%;
max-height: 98%;
margin: auto;
} 
.item-name-box {
overflow: hidden;
/*height: 3.5em;*/
font-size: .875rem;
margin-top: .5rem;
line-height: 1.3;
padding-bottom: .7rem;
word-break: break-all;
overflow-wrap: break-word;
font-feature-settings: 'palt';
font-weight: bold;
margin-bottom: auto;
}
.item-name-box a, .item-name-box a {
color: #333;
}
.service-area .price-service-area {
display: flex;
bottom: 0;
width: 100%;
flex-direction: column;
min-height: 0;
margin-top: auto;
}  
.service-area .product-card__text {
font-size: .8rem;
line-height: 1.3;
padding-bottom: .5rem;
overflow: hidden;
word-break: break-all;
overflow-wrap: break-word;
font-feature-settings: 'palt'; 
height: 7rem; 
}
.space-show {
margin-left: .8em; 
} 
.service-area .price-area {
font-size: .8rem;
line-height: 1.3;
font-weight: bold; 
}
.service-area .price-area .head {
} 
.service-area .price-area .pr-red {
color: #E50012 ;
}
.service-area .price-area .amt {
font-size: 1.8em;
font-weight: bold;
margin: 0.8em 0;
}
.service-area .price-area .en {
font-size: 1rem;
font-weight: normal;
padding-left: 2px;
} 
}
/* -- スライダーエリアend --  */


/* -- ページ内リンク --  */
@media screen and (min-width: 768px) {
.model-case__row {
padding-top: 40px;
padding-bottom: 40px;
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.model-case__col {
width: calc((100% - 40px)/3);    
}
.model-case__col a {
display: block;
box-sizing: border-box; 
text-decoration: none;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
border-radius: 6px;
will-change: transform;
} 
.model-case__col a:hover{
box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
} 
.model-case__img {
width: 100%;
}
.model-case__img img {
width: 100%;
height: auto;
display: block;
transition: all 0.3s ease 0s; 
}
.model-case__heading {
display: flex;
justify-content: center;
align-items: center;
font-size: 1.5rem;
line-height: 1.3;
height: 4rem; 
color: #333;
position: relative;
background-color: #fff
}
.model-case__heading::before {
position: absolute;
display: block;
margin-left: -10px;
top: auto;
right: auto;
bottom: -105%;
left: 50%;
content: "";
width: 0;
height: 0;
border-top: 25px solid #000;
border-right: 15px solid transparent;
border-bottom: 25px solid transparent;
border-left: 15px solid transparent;
transform: translateY(-50%);
}
}


@media screen and (max-width: 767px){
.model-case__row {
padding-top: 20px;
width: 100%;
display: flex;
flex-wrap: wrap;
}
.model-case__col {
width: 100%; 
margin-bottom: 40px; 
}
.model-case__col:last-child {
margin-bottom: 0; 
} 
.model-case__col a {
display: block;
text-decoration: none;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px; 
} 
.model-case__col a:hover{
box-shadow: rgba(17, 17, 26, 0.05) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
} 
.model-case__img {
width: 100%;
}
.model-case__img img {
width: 100%;
height: auto;
display: block;
}
.model-case__heading {
display: flex;
justify-content: center;
align-items: center;
font-size: 1.25rem;
line-height: 1.5;
height: 3rem; 
color: #333;
position: relative;
background-color: #fff
}
.model-case__heading::before {
position: absolute;
display: block;
margin-left: -10px;
top: auto;
right: auto;
bottom: -110%;
left: 50%;
content: "";
width: 0;
height: 0;
border-top: 20px solid #000;
border-right: 12px solid transparent;
border-bottom: 20px solid transparent;
border-left: 12px solid transparent;
transform: translateY(-50%);
}
}
/* -- ページ内リンクend --  */





/*フッター
--------------------------------------*/
#fot {
}
@media only screen and (min-width: 768px){
#fot {
background-color: #F0F0F0;
color: #000;
clear: both;
text-align: left;
margin: 0 auto;
}
#fot h2 {
font-size: 1.2em;
font-weight: bold;
color: #333;
margin: 30px 0;
}
#fot .fotBoxFirst {

}
#fot .fotBox{
padding-top: 79px
}
#fot ul li {
margin-bottom: 16px;
background-image: url(/img/menuarow.png);
background-repeat: no-repeat;
background-position: left center;
background-size: 6px;
padding-left: 0.8em;
}
#fot a {
color: #000;
text-decoration: none;
}
#fot a:visited {
color: #000;
text-decoration: none;
}
#fot a:hover {
text-decoration: underline;
}
#footer {
width: 1200px;
padding: 0 20px;
box-sizing: border-box;
margin: 0 auto;
padding: 20px 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
}
#copyright {
text-align: center;
padding-top: 15px;
padding-bottom: 15px;
margin: 0px;
padding-right: 0px;
padding-left: 0px;
font-size: 80%;
clear: both;
}
.site-nav {
background-color: #E6001B;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
justify-content: center;
padding: 30px 0;
}
.site-nav a {
position: relative;
display: inline-block;
}
.site-nav li {
padding: 0 1em;
border-right: 1px solid #FFF;
font-size: 14px
}
.site-nav li:first-of-type {
border-left: 1px solid #FFF;
} 
.link.wh a {
color: #FFFFFF;
} 
.link.wh a::after {
background: #FFFFFF;
} 
.link a::after {
position: absolute;
bottom: -8px;
left: 0;
content: '';
width: 100%;
height: 1px;
opacity: 0;
visibility: hidden;
transition: .3s;
}
.link a:hover::after {
bottom: -4px;
opacity: 1;
visibility: visible;
} 
}

@media (max-width: 767px) and (min-width: 320px) {
#menu,#sub{
display: none
}

#fot {
background-color: #F0F0F0;
color: #000;
text-align: left;
margin: 0 auto;
}
#fot h2 {
 font-size: 1em;
font-weight: bold;
color: #333;
margin: 20px 0 15px;
}
#fot .fotBoxFirst {
width: 100%

}
#fot .fotBox{
width: 100%
}

#fot ul{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%
}
#fot ul li {
margin-bottom: 10px;
background-image: url(../img/menuarow.png);
background-repeat: no-repeat;
background-position: left center;
background-size: 6px;
padding-left: 1em;
font-size: 0.68em;
line-height: 1.4em;
width: calc(49% - 12px);
}
#fot a {
color: #000;
text-decoration: none;
}
#fot a:visited {
color: #000;
text-decoration: none;
}

#footer {
width: 100%;
margin: 0 auto;
padding: 5px 10px 20px 10px;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#copyright {
/*background-color: #F0F0F0;*/
text-align: center;
padding-top: 15px;
padding-bottom: 15px;
margin: 0px;
padding-right: 0px;
padding-left: 0px;
font-size: 80%;
clear: both;
}
.site-nav {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
background-color: #E6001B;
padding: 20px 0 10px 0;
}
.site-nav li {
padding: 0 0.6em;
border-right: 1px solid #FFF;
font-size: 0.87em;
margin-bottom: 12px;
box-sizing: border-box;
}
.site-nav li:first-of-type {
border-left: 1px solid #FFF
} 
.link.wh a {
color: #FFFFFF;
}
.link.wh a::after {
background: #FFFFFF;
} 
.link a::after {
position: absolute;
bottom: -8px;
left: 0;
content: '';
width: 100%;
height: 1px;
opacity: 0;
visibility: hidden;
transition: .3s;
}
.link a:hover::after {
bottom: -4px;
opacity: 1;
visibility: visible;
} 
}

#pageTop img {
width: 100%;
height: auto;
}
#pageTop {
position: fixed;
bottom: 0;
right: 0;
z-index: 9999;
width: 80px;
height: 80px;
z-index: 9999;
}
@media (max-width: 767px) and (min-width: 320px) {
#pageTop {
position: fixed;
bottom: 60px;
right: 10px;
width: 42px;
height: 42px;
z-index: 999;
}
}
/*フッター
--------------------------------------*/
footer {
    background-color: #f0f0f0
}

@media screen and (min-width: 768px) {
    .layout-footer {
        width:1240px;
        padding: 0 20px;
        margin: 0 auto;
        box-sizing: border-box
    }

    .footer__inner {
        padding: 2em 0 2.5em
    }

    .layout-footer_sns--arrea {
        width: 100%;
        margin: 2.5rem 0;
        border-bottom: 1px solid #c5c1c1;
        padding-bottom: 2.5rem;
        box-sizing: border-box
    }

    .footer-sns__list {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding: 0 1.5rem
    }

    .footer-sns__list li {
        width: calc((100% - 60px)/ 6)
    }

    .footer-sns__list li a {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 5px 0;
        color: #333;
    }

    .footer-sns__list li a:focus,.footer-sns__list li a:hover {
        text-decoration: underline;
        opacity: .8;
        transition: .6s
    }

    .footer-sns__list li a img {
        max-width: 100%;
        height: auto;
        max-height: 100%
    }

    .footer-sns__list .icon-pc__title {
        padding-left: .8rem;
        font-size: .9rem;
        line-height: 1.2
    }

    .layout-footer_nav {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0 2.5rem
    }

    .layout-footer_nav li {
        width: calc((100% - 40px)/ 4);
        margin: 1.5rem 0
    }

    .layout-footer_nav li a {
        position: relative;
        padding-left: 1.75rem;
        display: flex;
        align-items: center;
        color: #333;
    }

    .layout-footer_nav li a:focus,.layout-footer_nav li a:hover {
        text-decoration: underline;
        text-underline-offset: .35em;
        opacity: .75;
        transition: .6s
    }

    .layout-footer_nav li a span::before {
        content: "";
        background-image: url(/img/arow_red.svg);
        position: absolute;
        top: 0;
        left: 0;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        width: 20px;
        height: 20px
    }

    .footer-menu {
        margin-top: 2rem;
        border-top: 1px solid #c5c1c1;
        box-sizing: border-box;
        padding-bottom: 2.5rem
    }

    .footer-menu .footer-menu__title {
        font-size: 1.6rem;
        font-weight: 700;
        margin: 2.5rem 2.5rem 1rem
    }

    .footer-menu__column {
        margin: 2rem 2.5rem 0 2.5rem;
        display: grid;
        grid-template-columns: repeat(4,270px);
        gap: 3rem 1rem
    }

    .footer-menu__column li {
        width: 100%
    }

    .footer-menu__column li a {
        position: relative;
        display: flex;
        align-items: center;
        padding-left: 1.75rem;
        color: #333;
    }

    .footer-menu__column li a:focus,.footer-menu__column li a:hover {
        text-decoration: underline;
        text-underline-offset: .35em;
        opacity: .75;
        transition: .6s
    }

    .footer-menu__column li a::before {
        content: "";
        background-image: url(/img/arow_gray.svg);
        position: absolute;
        top: 0;
        left: 0;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        width: 20px;
        height: 20px
    }

    .footer__foot__inner {
        text-align: center;
        margin-top: 2rem
    }

    .footer-logo__area {
        display: flex;
        justify-content: center;
        align-items: center
    }

    .footer-logo__area img {
        max-width: 100%;
        max-height: 100%;
        width: 360px;
        height: auto
    }

    .footer-logo__area .detail-text {
        font-size: .875rem;
        padding-top: .8rem
    }

    .footer_copyright {
        text-align: center;
        margin-top: 2.5rem;
        font-size: .8rem
    }
}

@media screen and (max-width: 767px) {
    .layout-footer {
        padding:0 15px
    }

    .footer__inner {
        padding: 2em 0 2.5em
    }

    .layout-footer_sns--arrea {
        width: 100%
    }

    .footer-sns__list {
        display: grid;
        grid-template-columns: repeat(6,50px);
        gap: 6px;
        place-content: center;
        align-items: baseline
    }

    .footer-sns__list li a {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 100%;
        color: #333;
    }

    .footer-sns__list li a:focus,.footer-sns__list li a:hover {
        text-decoration: underline;
        opacity: .8;
        transition: .6s
    }

    .footer-sns__list li a img {
        width: 40px;
        height: auto
    }

    .footer-sns__list .icon-sp__title {
        font-size: .75em;
        text-align: center;
        line-height: 1.2;
        margin-top: .5em
    }

    .footer-sns__list .icon-pc__title.text-hide {
        display: none
    }

    .layout-footer_nav {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column
    }

    .layout-footer_nav li {
        border-bottom: 1px solid #c5c1c1;
        box-sizing: border-box;
        position: relative
    }

    .layout-footer_nav li:last-child {
        border: none
    }

    .layout-footer_nav li a {
        display: flex;
        align-items: center;
        padding: 1.5rem 1rem 1.5rem .8rem;
        font-size: .875rem;
            color: #333;
    }

    .layout-footer_nav li a:focus,.layout-footer_nav li a:hover {
        text-decoration: underline;
        text-underline-offset: .35em;
        opacity: .75;
        transition: .6s
    }

    .layout-footer_nav li a span::before {
        content: "";
        background-image: url(/img/arow_red.svg);
        position: absolute;
        top: 50%;
        left: 20px;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        width: 18px;
        height: 18px;
        transform: translate(-50%,-50%);
        margin-right: .8rem
    }

    .layout-footer_nav li a span {
        background-image: none;
        padding-left: 1.5rem
    }

    .footer-menu {
        margin-top: 2rem
    }

    .footer-menu .footer-menu__title {
        font-size: 1rem;
        font-weight: 700;
        margin: 1.75rem .8rem 1.5rem .8rem
    }

    .footer-menu__column {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 0 .8rem
    }

    .footer-menu__column li {
        width: calc((100% - 20px)/ 2);
        margin-bottom: 1.5rem
    }

    .footer-menu__column li:last-child {
        margin-bottom: 0
    }

    .footer-menu__column li a {
        position: relative;
        display: flex;
        align-items: center;
        padding-left: 1.25rem;
        font-size: .875rem;
        color: #333;
    }

    .footer-menu__column li a:focus,.footer-menu__column li a:hover {
        text-decoration: underline;
        opacity: .75;
        transition: .6s
    }

    .footer-menu__column li a::before {
        content: "";
        background-image: url(/img/arow_gray.svg);
        position: absolute;
        top: 5%;
        left: 0;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        width: 14px;
        height: 14px
    }

    .footer__foot__inner {
        text-align: center;
        margin-top: .9rem
    }

    .footer-logo__area {
        display: flex;
        justify-content: center;
        align-items: center
    }

    .footer-logo__area img {
        max-width: 100%;
        max-height: 100%;
        width: 180px;
        height: auto
    }

    .footer-logo__area .detail-text {
        font-size: .75rem;
        padding-top: .5rem
    }

    .footer_copyright {
        text-align: center;
        margin-top: 2.5rem;
        font-size: .7rem
    }
}

/*250731*/
@media(max-width: 767px) {
    .c-breadcrumb {
        padding:0 10px
    }
}

.c-breadcrumb * {
    box-sizing: border-box
}

.c-breadcrumb li {
    display: inline;
    color: #83838f;
    font-size: 14px;
    line-height: 1.5;
    position: relative
}

@media(max-width: 767px) {
    .c-breadcrumb li {
        font-size:12px
    }
}

.c-breadcrumb li:first-child a::before {
    content: normal
}

.c-breadcrumb li a {
    display: inline;
    color: #83838f;
    text-decoration: none
}

.c-breadcrumb li a::before {
    content: "＞";
    display: inline-block;
    margin: 0 .5em;
    font-size: 11px;
    position: relative;
    top: -1px
}

@media(max-width: 767px) {
    .c-breadcrumb li a::before {
        margin:0 .1em
    }
}

.c-breadcrumb.-mb {
    margin-bottom: .75rem
}

@media(max-width: 767px) {
    .c-breadcrumb.-mb {
        margin-bottom:.5rem
    }
}

 .c-breadcrumb * {
    box-sizing: border-box
}

 .c-breadcrumb li {
    display: inline;
    color: #83838f;
    font-size: 14px;
    line-height: 1.5;
    position: relative
}

@media(max-width: 767px) {
 .c-breadcrumb li {
        font-size:12px
    }
}

 .c-breadcrumb li:first-child a::before {
    content: normal
}

 .c-breadcrumb li a {
    display: inline;
    color: #83838f;
    text-decoration: none
}

 .c-breadcrumb li a::before {
    content: "\FF1E";
    display: inline-block;
    margin: 0 .5em;
    font-size: 11px;
    position: relative;
    top: -1px
}

@media(max-width: 767px) {
 .c-breadcrumb li a::before {
        margin:0 .1em
    }
}