@charset "UTF-8";
/* PC用CSS */

* {
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}

img{
-webkit-backface-visibility: hidden;
}

:root {
  --main-bg: #ab2849;/**/
  --main-color: ;
  --sub-color:#806755;/**/
  --btn-color: ;/*#bb112b;*/
  --btn-bg: ;
  --blog-bg: #ab2849;/**/
  --nav-drawer: ;/**/
}

/*#fadee5 サイトからー薄め*/

input[type="submit"] {
appearance: none;
-webkit-appearance: none;
}

/* background-color: var(--main-color);*/
.head_area{
position: relative;
color: #fff;
padding-top: 10px;
}
#top .logobox .logo{
background: url(../img/logo.png) no-repeat;
}
.logobox .logo{
display: block;
background: url(../img/logo.png) no-repeat;
/*background: url(../img/logo_w.png) no-repeat;*/
white-space: nowrap;
text-indent: 100%;
overflow: hidden;
background-size: cover !important;
aspect-ratio: 387/62;
height: 62px;
}



.logoarea{
max-width: 1200px;
margin-left: auto; margin-right: auto;
@media (1000px <= width){
display:flex;
justify-content: space-between;
align-items:center;
flex-wrap:wrap;}}
}

.head_area .lead{
max-width: 950px;
margin-left: auto; margin-right: auto;
font-size: 12px;
line-height: 1.2;
text-align: left;
padding-top: 10px;
}


.head_r{
display:flex;
justify-content:space-evenly;
align-items:center;
flex-wrap:wrap;
margin-bottom: 10px;
@media (768px <= width) {margin-left: 2%;

}

@media (768px <= width <= 1000px) {
/*max-width:calc(98% - 387px);*/
width:100%;
}


@media (width <= 959px) {margin-top: 10px;}
}

.top_mvarea_txt{
visibility: hidden;

}
/***************************/
.search_container{
box-sizing: border-box;
display: inline-block;
text-align: left;
}
.search_container input[type="text"]{
background: #fff;
border: none;
height: 30px;
width: calc(100% - 34px);
max-width: 255px;
padding-inline: 6px;
box-sizing: border-box;
font-size: 14px;
font-weight: bold;
border-right: 2px solid var(--main-bg);
}
.search_container input[type="text"]::placeholder{color: var(--main-bg);}
.search_container input[type="text"]:focus {
outline: 0;
}
.search_container input[type="submit"]{cursor: pointer;font-family: FontAwesome;border: none;background: #fff;
color: var(--main-bg);outline : none;
width: 1.4em;height: 30px;font-size: 2rem;text-align: center;
border: 1px solid #fff;}

/***************************/

/*
.yamenu-sp{
display:block;
height:30px;
width: 300px;
@media print, screen and (min-width: 768px) {
padding-top: 20px;
width: 240px;
margin-left: 30px;
}
}*/
.yamenu{
display:block;
width:100%;
height:30px;
float:left;
position:relative;
}
.yamenu p{
display:block;float: left;
width:85%;
height:30px;
text-align: center;
position:absolute;
color:#666;
}
.yamenu span {
display:block;
font-size: 1.2rem;
line-height: 30px;
height: 30px;
}
.yamenu-sp div:first-child p{background:#fff;}
.yamenu-sp div:nth-child(2) p{ background:#666; }
.yamenu-sp div:nth-child(3) p{ background:#999; }

.yamenu p:after{
content:'';
border-top: 24px solid transparent;
border-bottom: 24px solid transparent;
position: absolute;
top: -9px;
left: 100%;
z-index: 1;
}
.yamenu-sp div:first-child p:after{border-left: 24px solid #fff;}
.yamenu-sp div:nth-child(2) p:after{ border-left: 50px solid #666; }
.yamenu-sp div:nth-child(3) p:after{ border-left: 50px solid #999; }


#top .head_time_box{
border: 2px solid #fff;
border-radius: 6px;}
.head_time_box{
border-left: 1px solid #fc7584;
padding: 10px 6px;
}



.head_telno dl dt{
display:flex;
align-items:center;
flex-wrap:wrap;
}

@media print, screen and (min-width: 768px) {
		.head_telno{
		line-height: 1.2;
		margin-inline: 10px;}
		.head_telno dl dt{font-size: 13px;}
		.head_telno dl dd{font-size: 13px;}
		.head_telno dl dd a{font-size: 17px;}
}/*@media print, screen and (min-width: 768px) */



.head_telno dl dt img{
width: 23px;
margin-right: 2px;
}
.head_telno{
color: #fff;
text-align: left;
}
.head_telno a span{
font-size: 1.1rem;
display: inline-block;
text-align: center;
width: 10em;
margin-right: 10px;
}
#top .head_telno a {
display: inline-block;
	&:link,
	&:visited,
	&:active {color:#fff;text-decoration:none;}
	&:hover {color:#fff;text-decoration:none;opacity: 0.5;}
}
.head_telno a {
display: block;
font-size: 1.8rem;

	&:link,
	&:visited,
	&:active {color:#000;text-decoration:none;}
	&:hover {color:#000;text-decoration:none;opacity: 0.5;}
}
.head_telno a:before {
font-family: 'FontAwesome';
content: '\f095';
display: inline-block;
width: 1.2em;
text-align: center;
font-size: 1.0em;
line-height: 1;
}
#top .head_telno dt:before {
font-family: 'FontAwesome';
content: '\f095';
display: inline-block;
width: 1.2em;
text-align: center;
font-size: 1.0em;
line-height: 1;
}
#top .head_telno a:before {
content:none;
}
#top .head_time_box p span,
#top .head_time_box p{
color: #fff;
}
.head_time_box p{
color: #000;
text-align: left;
font-size: 1.1rem;
@media print, screen and (min-width: 768px) {line-height: 1.6;}
line-height: 1.2;
}
.head_time_box p span{
color: #000;
display: inline-block;
font-size: 1.8rem;
}


/*******************/
.balloon-012 {
display: grid;
gap: 1em 0;
padding: 6px 0 0 15px;
}

.balloon-012__section {
display: flex;
align-items: center;
gap: 0 15px;
}

.balloon-012__img {

width: 100px;
height: 100px;
}

.balloon-012__p {
display: inline-block;
position: relative;
max-width: 80%;
margin: 0;
padding: .4em .8em;
border-radius: 20px;
color: var(--sub-color);
font-size: .9em;
}

.balloon-012__p.left {
background-color: #fff;
}

.balloon-012__p.right {
background-color: #30e852;
margin: 0 10px 0 auto;
}

.balloon-012__p::before {
position: absolute;
top: -15px;
width: 20px;
height: 30px;
content: '';
}

.balloon-012__p.left::before {
left: -10px;
border-radius: 0 0 0 15px;
box-shadow: -3px -15px 0 -7px white inset;
}

.balloon-012__p.right::before {
right: -10px;
border-radius: 0 0 15px 0;
box-shadow: 3px -15px 0 -7px #30e852 inset;
}
/******************/
.mvarea{
position: relative;

}


@media (971px <= width) {
	.top_mvarea{
	margin-inline: auto;
	background: url(../img/origami_KV_pc.png);
	background-position: top; /* お好みで */
	background-size: contain; /* 必要 */
	background-repeat:no-repeat;
	width: 100%; /* 必要 */
	aspect-ratio: 2732 / 1300; /* アスペクト比を保持してレスポンシブ */
	}
 }/* 971px以上 */



@media (width <= 970px) {
	.top_mvarea{
	margin-inline: auto;
	background: url(../img/origami_KV_pc.png);
	background-position: bottom; /* お好みで */
	background-color: #FBB4AC;

	background-size: contain; 
	background-repeat:no-repeat;
	width: 100%;
	aspect-ratio: 1 / 0.7; /* アスペクト比を保持してレスポンシブ */
	}
}/* 970px以下 */


.mvarea img,
.top_mvarea img{
max-width: 100%;
position: relative;
z-index: 1;
}
.top_head{
position: relative;
background-color: #fff;
/*z-index: -2;*/
}
.sub_head{
position: relative;
background-color: #fff;
/*background: #fce3e3;*/
background: #f5f5dc;
}
.sub_head .head_area::after{
z-index: 1;
}





.foot_pagetop i {
color: #fff;
font-size: 50px;
}
.foot_pagetop a:link{
text-decoration: none;}

#page-top{position: fixed;
bottom:1%;
right:4px;

/*background-color: rgba(46, 46, 46, 0.7);*/
background-color: rgba(255, 255, 255, 0.7);
border-radius: 10px;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
line-height: 44px;
width: 44px;
height: 44px;
}
#page-top img {
height: 40px;
width: auto;
}
#page-top i {
background-color: rgba(46, 46, 46, 0.7);
border-radius: 10px;
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
line-height: 44px;
width: 44px;
}

figure, figcaption
{margin:0; padding:0;}

aside, footer, header, nav, section{
display: block;
margin:0;
padding:0;
}
html{
box-sizing: border-box; scroll-behavior: smooth; font-size: 62.5%;/* 10px */}
body{
padding: 0;
margin: 0;
}

a:link{color:#111;text-decoration:underline;}
a:visited{color:#111;text-decoration:underline;}
a:hover{color:#111;text-decoration:none;}
a:active{color:#111;text-decoration:underline;}
a.borde_none:link{text-decoration:none;}

.mb1em_p p{
margin-bottom: 1em;
}

.cen {
text-align: center;
}
h1, h2, h3, h4, h5, h6, p {
margin:0;
padding:0;
font-weight:normal;
font-size:100%;
}

ul, ol, dl,dt,dd,div,ol,ul,li,figure,figcaption {
padding: 0;
margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
margin:0;
padding:0;
font-weight:normal;
font-size:100%;
}
li {list-style-type:none;}
.mb1{
margin-bottom: 1em;}
.mb2{
margin-bottom: 2em;}
/* form */
button, fieldset, form, input, label, legend, select, textarea {
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
padding:0;
vertical-align:middle;
}
a {outline:none;border:0;}
a:hover img,
input[type="image"]:hover{
opacity:0.5;
-moz-opacity: 0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
}

a:hover{
opacity:0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
}


table {
border-collapse:collapse;
border-spacing:0;
}

footer {
color: #fff;

}

footer .inner{
margin-left: auto; margin-right: auto;
background-color: var(--main-bg);
padding-top: 20px;
}
.foot_dl dd a {
	&:link,
	&:visited,
	&:active {color:#fff;text-decoration:none;}
	&:hover {color:#fff;text-decoration:none;opacity: 0.5;}
}

.foot_dl {
max-width: 950px;
margin-left: auto; margin-right: auto;
}

.foot_dl dl {
margin-bottom: 30px;
vertical-align: top;
width: 100%;
}


.foot_dl dl dt {
color: #fff;
margin: 0 0 0.5em 0;
}
.foot_dl dl dd{
font-size: 1.5rem;
}
.foot_dl dl a {
display: block;
margin-bottom: 0.5em;
}
.foot_dl dl dd .foot_dd_w a{
margin-bottom: 0;
}
.foot_dd_w{
margin-bottom: 1em;
}
.foot_dl dl a::before {
content: "-";
margin-right: 3px;
}

.copyright{
text-align: center;
font-size: 1.2rem;
}


#top footer.bg_foot{
position: relative;
padding-top: 22.6%;
}


#top footer.bg_foot::before{
content: '';
display: block;
background: url(../img/foot_bill.png) repeat-x;
background-position: bottom;
white-space: nowrap;
text-indent: 100%;
overflow: hidden;
background-size: cover !important;
aspect-ratio: 1200/272;
object-fit: cover;
position: absolute;
top:0px;
left: 0px;
width: 100%;

}

.title_dllist{
margin-bottom: 30px;
}

.title_dllist figure{
display:flex;
justify-content:space-between;
align-items:flex-start;
flex-wrap:wrap;
border-bottom: 1px solid #FD7584;
padding-block: 0.5em;
position: relative;
overflow: hidden;
}
.title_dllist figure span{
display: inline-block;
width: 75px;
height: auto;
overflow: hidden;
}
.title_dllist figure img{
width: 75px;
height: auto;
transition: transform 0.3s ease;
}


.title_dllist figure img:hover{
transform:scale(1.3);
object-position: center center; /* ズームイン時に中心に合わせる */
opacity: 1;
}



.title_dllist figure figcaption{
width: calc(100% - 90px);
padding-top: 6px;
position: relative;
}

.title_dllist figure figcaption:before {
content: '';
position: absolute;
bottom: 12px;
right: 10px;
transform: translateY(calc(-50% - 2px)) rotate(30deg);
width: 12px;
height: 2px;
background-color: var(--main-bg);
transition: 0.3s;
}
.title_dllist figure figcaption:after {
content: '';
position: absolute;
bottom: 10px;
right: 10px;
transform: translateY(-50%);
width: 40px;
height: 2px;
background-color: var(--main-bg);
transition: 0.3s;
}


.title_dllist a:hover figure figcaption:before{
right: 0em;
}
.title_dllist a:hover figure figcaption:after{
right: 0em;
}


.title_dllist a{color:#222;}
.title_dllist a:not(:hover) {color:#222;text-decoration:none;}
.title_dllist a:hover{color:#222;text-decoration:none; opacity: 1;}
.title_dllist a:hover img{opacity: 1;}
.title_dllist figure figcaption p{
font-weight: bold;
line-height: 1.2;
margin-bottom: 0.5em;
}

.title_dllist figure figcaption p:hover{
color:var(--main-bg);
text-decoration:none;
}

.title_dllist figure figcaption span{
font-size: 1.1rem;
}

.title_dllist dl{
margin: 0 0 8px;
font-size: 1.4rem;
border-bottom: 1px solid #FD7584;
padding-inline: 0.5em;
padding-bottom: 6px;
color: var(--sub-color);
}

.title_dllist dl a {
	&:link,
	&:visited,
	&:active {color:var(--sub-color); text-decoration:none;}
	&:hover {color:var(--sub-color); text-decoration:none;opacity: 0.5;}
}

#staffblog .title_dllist dl a {
	&:link,
	&:visited,
	&:active {color:var(--sub-color); text-decoration:underline;}
	&:hover {color:var(--sub-color); text-decoration:none;opacity: 0.5;}
}

.top_info_box dl a {
	&:link,
	&:visited,
	&:active {text-decoration:underline;}
	&:hover {text-decoration:none;opacity: 0.5;}
}
.side_link_area a{
display: block;
margin-bottom: 10px;
text-align: center;
}
.side_link_area p{text-align: center;}

.side_link_area img{
@media (768px <= width) {max-width: 70%;}/* 768px以上 */
margin-inline: auto;
text-align: center;
display: block;
}
.top_btn_tokushuu{
display:flex;
align-items:flex-start;
flex-wrap:wrap;
justify-content:space-between;
margin-bottom: 30px;
}
.top_btn_tokushuu li{
margin-bottom: 10px;
text-align: center;
width: 32%;
position: relative;
display: inline-block;
filter: drop-shadow(0px 0px 5px #E2A1AB);
  transition: 
    background-color 0.7s ease-out,
    transform 0.7s ease-out,
    opacity 1s ease-out;
}

.top_btn_tokushuu li:hover{filter: none;
background-color: #fff;
opacity: 1;
}

/*********************/
.parentbox{
position: absolute;
bottom:0;
right:0;
z-index: 2;
}
.parent {
position: relative;
width: 20px;
height: 20px;

overflow: hidden;
transform: rotate(270deg);
}

/* 回転のための親ラッパー */
.corner-rotator {
position: absolute;
bottom: 0;
right: 0;
width: 50px;
height: 50px;
transform: rotate(45deg);
transform-origin: bottom right;
perspective: 600px;
}

/* 左上↖︎向きの三角形！！これがスタート！ */
.paper-corner {
width: 0;
height: 0;
border-left: 50px solid transparent;
border-bottom: 50px solid #F0897F;
transform: rotateX(0deg);
transform-origin: bottom right;
transition: transform 0.4s ease-out, opacity 0.4s ease-out;
opacity: 1;
}

/* hoverでパタンと開いて消える */


.top_btn_tokushuu li:hover .paper-corner,
.parent:hover .paper-corner {

transform: rotateX(-140deg);
transition: transform 0.4s ease-out, opacity 0.4s ease-out;
opacity: 0;

}

/*********************/
.top_btn_tokushuu li a{
border-radius: 1px;
background-color: #fff;

clip-path: polygon(
0 0,              /* 左上 */
100% 0,           /* 右上 */
100% calc(100% - 20px),   /* 右下の上端（20px上） */
calc(100% - 20px) 100%,   /* カットされた内側の角（左上に20px分） */
0 100%            /* 左下 */);

display: block;
padding-top: 16px;
padding-bottom: 8px;
position: relative;
}

.top_btn_tokushuu li a:hover{box-shadow: none;}


.top_btn_tokushuu li a p{
color: var(--main-bg);

@media (768px <= width) {font-size: 2rem;}/* 768px以上 */
font-weight: bold;
height: 2em;
line-height: 1;
display: grid;
place-content:center;
text-align: center;
}
.top_btn_tokushuu li img{
margin-inline: auto;
text-align: center;
-webkit-transition: all .3s;
transition: all .3s;
height: 94px;
object-fit: none;
}
.top_btn_tokushuu li a:hover img{
transform: scale(1.1,1.1);
opacity: 1;
}

.top_btn_tokushuu li a:not(:hover) {text-decoration:none;}
.top_btn_tokushuu li a:hover{text-decoration:none;opacity: 1;

}



.side_shop_area figure figcaption{
font-size:2rem;
}
.side_shop_area figure figcaption:before {
font-family: 'FontAwesome';
content: '\f10c';
display: inline-block;
width: 1.2em;
text-align: center;
font-size: 1.0em;
color: #F2728A;
}
.side_shop_area figure img{
width: 100%;
margin-bottom: 10px;
}
.side_link_area,
.side_shop_area{
margin-bottom: 30px;

}
.side_shop_area li{
font-size: 13px;
color:var(--sub-color);
}
.side_shop_area dl dt{
width: 5em;
text-align: center;
font-size: 12px;
background-color: var(--sub-color);
color: #fff;
text-align: center;
}
.side_shop_area dl dd{
margin-bottom: 6px;
}
.side_shop_area li+li{
border-top: 1px dashed #ccc;
padding-top: 0.5em;
}

.side_point{
margin-bottom: 30px;
}
.side_point span{
/*font-family: "Zen Kaku Gothic Antique", serif;*/
font-weight: 900;
font-style: normal;
}
.side_point dt{
color: var(--main-bg);
font-size: 1.9rem;
font-weight: bold;
text-align: center;
}
.side_point dt p{
font-weight: bold;
margin-bottom: 10px;

}


.side_point dt p::before {
display: inline-block;
content: '';
width: 36px;
height: 2px;
background-color: var(--main-bg);
position: unset;
border: unset;
margin-left: unset;
margin-right: unset;
flex-grow: unset;

transform: rotate(70deg) translate(-7px , -10px); 
}

.side_point dt p::after {
display: inline-block;
content: '';
width: 36px;
height: 2px;
background-color: var(--main-bg);
position: unset;
border: unset;
margin-left: unset;
margin-right: unset;
flex-grow: unset;

transform: rotate(-70deg) translate(5px , -15px); 
}

.side_point dt span{
font-size: 3rem;
}
.side_point dd .side_poimt_li li span{
font-size: 2.4rem;
display: inline-block;
text-align: center;
}
.side_point dd .side_poimt_li li p{
text-align: left;
min-height: 4em;
display: flex;
justify-content:flex-start;
align-items: center;
}
.side_point dd .side_poimt_li li a{
width: 100%;
min-height: 4em;
padding: 0.4em;
border-bottom: 1px solid #fff;

display: inline grid;
/*grid-template-columns: 1fr auto 1fr;*/

grid-template-columns: 3em calc(100% - 5em) 2em;

align-items: flex-start;
align-items: center;
/*
column-gap: 1em;
inline-size: min(100%, 400px);*/
box-sizing: border-box;

color: #fff;
background-color: #FD7584;
transition: background-color 0.5s ease, color 0.5s ease; /* 色の変化にトランジションを追加 */
}
.side_point dd .side_poimt_li li a:not(:hover) {color:#fff;text-decoration:none;}
.side_point dd .side_poimt_li li a:hover{color:#fff;text-decoration:none;background-color:var(--main-bg); opacity: 1;}

.side_point dd .side_poimt_li li a::after {
content: '';
justify-self: end;
inline-size: 0.5em;
aspect-ratio: 1;
border-block-start: 1px solid;
border-inline-end: 1px solid;
rotate: 45deg;
margin-right: 14px;
position: relative;
transition: transform 0.3s ease;  /* transformのトランジション */
}

.side_point dd .side_poimt_li li a:hover::after {
 transform: translateX(6px) translateY(-6px);  /* 右上に10px移動 */
}

.side_point dd .side_poimt_li li:first-letter{
color: var(--main-bg);
font-size: 110%;
}

.side_point dd h3 {font-size: 1.8rem;}
.side_point dd h3 .fa{
color: var(--main-bg);
margin-right: 4px;

}

.side_point dd li{

}

.side_point dd li:last-child{
border-bottom: none;
}
.side_faq{
margin-bottom: 30px;
color: var(--sub-color);
}
.side_faq ul{
padding-inline: 10px;
}

.side_faq ul li{
text-indent: -2em;
padding-left: 2em;
color: 222;
margin-bottom: 0.5em;
}
.side_faq ul li a {
	&:link,
	&:visited,
	&:active {color:#222; text-decoration:underline;}
	&:hover {color:#222; text-decoration:none;opacity: 0.5;}
}
.contents_l,
.pan{
color: var(--sub-color);
}

@media print, screen and (max-width: 1139px) {

}/*@media print, screen and (max-width: 1139px) 
*/


@media screen and (min-width:768px) and ( max-width:1139px) {
#navbox #gmenu{
/*width:calc(100% - 234px) !important;*/}

}/*　画面サイズが768pxから1139pxまではここを読み込む　*/





@media (768px <= width <= 980px) {

#top ul.dropmenu li a{
font-size: 1.3vw;
}
}


@media print, screen and (min-width: 768px) {
.kodawari_select .dropmenu li:nth-child(1)::after,
/* .dropmenu li:nth-child(2)::after,*/
.area_select .dropmenu li:nth-child(3)::after,
.flow_select .dropmenu li:nth-child(4)::after,
.supportguide_select .dropmenu li:nth-child(5)::after,
.special_select .dropmenu li:nth-child(6)::after,
.soumu_select .dropmenu li:nth-child(7)::after,
					.contact_select .dropmenu li:nth-child(8)::after {
					position: absolute;
					bottom: -8px;
					width: 100%;
					height: 60px;
					content: '';
					border-radius: 1px;
					background: #fadee5;
					opacity: 0.8;
					}
					ul.dropmenu li + li.gmenu_tel{
					display: none;
					}
					.foot_dl ul li + li{
					border-left: 1px solid #fff;
					padding-left: 1%;
					}
					footer .inner ul {
					width: 100%;
					display: flex;
					justify-content: space-evenly;
					align-items:stretch;
					flex-wrap: wrap;
					margin-inline: auto; margin-bottom: 20px;
					}

					footer .inner ul li {
					width: 22%;
					margin-right: 1%;
					}

					.title_dllist dl dt{
					width: 8em;
					}
					.side_shop_area dl dd{
					width: calc(100% - 6em);
					margin-left: 1em;
					}
					.contents_r .title_dllist dl dt{
					width: 6em;
					}
					.contents_r .title_dllist dl dd{
					width: calc(100% - 6em);
					}
					.title_dllist dl dd{
					width: calc(100% - 8em);
					}
					.side_shop_area dl,
					.title_dllist dl{
					display:flex;
					align-items:flex-start;
					flex-wrap:wrap;
					}
					.main_contents,
					#top .main_contents{
					max-width: 950px;
					margin-left: auto; margin-right: auto;
					display:flex;
					justify-content:space-between;
					align-items:flex-start;
					flex-wrap:wrap;
					}

					.main_contents .contents_l{
					max-width: calc(100% - 300px);
					width: 100%;
					}
					.contents_l{
					max-width: 960px;
					margin-inline: auto;
					margin-bottom: 3em;
					}
					.contents_r{
					width: 250px;
					}
					#nav-content{
					display:flex;
					justify-content:space-between;
					align-items:flex-start;
					}
					#navbox #gmenu{
					max-width: 940px;
					width: 100%;
					margin-left: auto; margin-right: auto;
					padding: 6px;
					olor: #fff;
					height: 60px;
					}
					.navfol{
					width: 100%;
					border-top: 1px solid #fc7584;
					margin-top: 10px;
					margin-left: auto; margin-right: auto;
					background-color: var(--main-bg);
					}
					#top .navfol{
					border-top: none;
					margin-inline: auto;
					max-width: 980px;
					background-color: #fff;
					border-radius: 30px;
					padding-inline: 16px;
					background-color: #fff;
					box-shadow: 0px 0px 3px 1px #ddd;
					min-height: 60px;
					position: absolute;
					bottom: 20px;
					left: 50%;
					transform: translateX(-50%);
					}
					#top .search_container input[type="text"]{
					border-right: none;
					border-bottom: 2px solid var(--main-bg);
					color: var(--main-bg);
					font-size: 14px;
					}
					#top .search_container input[type="text"]::placeholder{color: var(--main-bg);}
					
					#top ul.dropmenu li a:not(:hover) {color:var(--main-bg);text-decoration:none;}
					#top ul.dropmenu li a:hover{color:var(--main-bg);text-decoration:none;opacity: 1;}
					#top .yamenu-sp{
					display: inherit;
					min-height: 60px;
					display: grid;
					place-content:center;
					}

					#top ul.dropmenu li a:not(:hover)::before  {
					position: absolute;
					bottom: 4px;
					width: 100%;
					height: 3px;
					content: '';
					border-radius: 1px;
					background: #fff;}
					
					#top ul.dropmenu li a::before{
					transform: scale(0, 1);
					transform-origin: right top;
					transition: transform 0.5s;}
					#top ul.dropmenu li a:hover::before{color:var(--main-bg);
					position: absolute;
					bottom: 4px;
					width: 100%;
					height: 3px;
					content: '';
					border-radius: 1px;
					background: var(--main-bg);
					transform: scale(1, 1);
					transform-origin: left top;
					}
					.menubg_contact ul.dropmenu li:nth-child(8) a,
					.menubg_soumu ul.dropmenu li:nth-child(7) a,
					.menubg_special ul.dropmenu li:nth-child(6) a,
					.menubg_supportguide ul.dropmenu li:nth-child(5) a,
					.menubg_flow ul.dropmenu li:nth-child(4) a,
					.menubg_area ul.dropmenu li:nth-child(3) a,
					.menubg_kodawari ul.dropmenu li:nth-child(1) a{
					background:rgba(255,255,255,0.3);
					padding-inline: 4px;
					}
					.menubg_faq ul.dropmenu li:nth-child(6) a,
					.menubg_map ul.dropmenu li:nth-child(3) a,
					.menubg_name ul.dropmenu li:nth-child(2) a
					{
					background:rgba(255,255,255,0.3);
					padding-inline: 4px;
					}
					ul.dropmenu li a:hover{text-decoration:none;opacity: 1;}
					ul.dropmenu li a:not(:hover)::before  {
					position: absolute;
					bottom: 4px;
					width: 100%;
					height: 3px;
					content: '';
					border-radius: 1px;
					background: #fff;}
					
					ul.dropmenu li a::before{
					transform: scale(0, 1);
					transform-origin: right top;
					transition: transform 0.5s;}
					ul.dropmenu li a:hover::before{color:#fff;
					position: absolute;
					bottom: 4px;
					width: 100%;
					height: 3px;
					content: '';
					border-radius: 1px;
					background: #fff;
					transform: scale(1, 1);
					transform-origin: left top;
					}
					
					.yamenu-pc{
					background-color: #fff;
					border-radius: 15px;
					padding-inline: 10px;
					}
					.navfol .yamenu-sp{
					display: none;
					}
					.navfol #navbox #gmenu{display: inline-block;}
					.pan{
					max-width: 950px;
					margin-left: auto; margin-right: auto;
					margin-bottom: 20px;
					font-size: 1.4rem;
					}
					.top_nav_spc{
					padding-top: 40px;
					}

					#page-top{position: fixed;
					bottom: 2%;
					right: 20px;
					}

					body{
					width:100%;
					line-height: 1.7;
					font-size: 1.5rem;/*15px*/
					font-family: "Helvetica Neue",
					Arial,
					"Hiragino Kaku Gothic ProN",
					"Hiragino Sans",
					Meiryo,
					sans-serif;
					color: #111;
					scroll-behavior: smooth;
					}

					a[href^="tel:"] {pointer-events: none;}
					.pcno{display:none !important;}
					.ya_smp {
					display: none;
					}

					/*余白*/
					.mb05em {margin-bottom:0.5em;}
					.mb1em {margin-bottom:1em;}
					.mb2em {margin-bottom:2em;}
					.mb3em {margin-bottom:3em;}
					.mb5em {margin-bottom:5em;}
					.mb10{ margin-bottom:10px;}
					.mb20{ margin-bottom:20px;}
					.mb15{ margin-bottom:15px;}
					.mb30{ margin-bottom:30px;}
					.mb70{ margin-bottom:70px;}
					.mb50{ margin-bottom:50px;}
					.mb100{ margin-bottom:100px;}
					.mt30pc{margin-top: 30px;}
					.mt70{margin-top: 70px;}
					.pad50{padding: 50px;}
					.pad40{padding: 40px;}
					.padt50{padding-top: 50px;}
					header {
					margin-left: auto; margin-right: auto;
					box-sizing: border-box;
					text-align: center;
					}

					.flxpc{	display:flex;
					justify-content:space-evenly;
					align-items:flex-start;
					flex-wrap:wrap;}
}/**./@media print, screen and (min-width: 768px)***********************************/
/*************************************/
/*************************************/

.pb70{
padding-bottom: 40px;
@media print, screen and (min-width: 768px) {padding-bottom: 70px;}
}
.r{text-align: right;}
.bg_on{
/*background: url(../img/bg.png);*/
background-color: #F4F0E8;

}
.title_sub{
padding: 6px;
margin: 2px 2px 12px 2px;}
.ttl_000_comp_m{
background-color: #fff;
border-radius: 6px;
padding: 6px;
margin: 2px 2px 12px 2px;
box-shadow: 0px 0px 3px 1px #ddd;
}
#detail_w .ttl_000,
#top .ttl_000{
color: var(--main-bg);
font-weight: bold;
font-size: 2rem;
}
#detail_w .ttl_000:before,
#top .ttl_000:before {
content: '';
display: inline-block;
width: 48px;
height: 23px;
background-image: url(../img/icon_menu.svg);
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
margin-right: 6px;
}
.side_blog .ttl_000:before {
content: '';
display: inline-block;
width: 50px;
height: 50px;
background-image: url(../img/bird.svg);
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
margin-right: 6px;
}

.ttl_000 a:not(:hover) {color:var(--main-bg);;text-decoration:none;}
.ttl_000 a:hover{color:var(--main-bg);;text-decoration:none;opacity: 0.5;}

.title_sub p,
.ttl_000_comp_m p{
width: 100%;
padding-left: 6px;
color: var(--sub-color);
font-size: 1.8rem;
}
.ttl_000.ttl_side_coome{
display:flex;
justify-content:space-between;
align-items:center;
flex-wrap:wrap;
}
.ttl_000.ttl_side_coome a{
display: block;
font-size: 90%;
}
.ttl_000.ttl_side_coome a{
	&:link,
	&:visited,
	&:active {color:var(--main-bg);text-decoration:underline;}
	&:hover {color:var(--main-bg);text-decoration:none;opacity: 0.5;}
}

.ttl_000_comp_m p .fa {
font-size: 2.4rem;
margin-right:4px;
}
.title_sub p,
.ttl_000 p{
position: relative;
padding-left: 10px;
color: var(--sub-color);
font-size: 1.8rem;
text-align: left;
}
.title_sub p::before,
.ttl_000 p::before {
content: '';
position: absolute;
top: 0%;
left: 0px;
width: 3px;
height: 100%;
content: '';
border-radius: 1px;
background:var(--main-bg);
}
.title_sub p::after,
.ttl_000 p::after{
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
left: 3px;
top: 50%;
transform: translateY(-50%);
border-left:4px solid var(--main-bg);
border-top:4px solid transparent;
border-bottom:4px solid transparent;
}



.bukken_btn_shousai{
background-color: var(--main-bg);
border-radius: 16px;
border:1px solid var(--main-bg);
box-shadow: 0px 1px 4px 1px #E2A1AB;
color: #fff;
font-family: 'Noto Sans JP',"游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
font-size: 1.4rem;
font-weight: normal;
line-height: 1;
text-align: center;
padding-bottom: 4px;
position: relative;
width: 100%;
height: 32px;
}

.bukken_btn_shousai::after {
font-family: 'FontAwesome';
content: '\f105';
display: inline-block;
color: #fff;
font-size: 0.8em;
position: absolute;
top: 46%;
transform: translateY(-50%);
right: 18px;
transition: right .5s;
}

.bukken_btn_shousai:hover::after {
right: 8px;
}
.bukken_btn_shousai:hover{
border:1px solid #FD7584;
background-color: #FD7584;
text-decoration:none;
opacity: 1;
}




.top_bukken_area{
margin-bottom: 30px;
}
.bukken_00{
background-color: #fff;
padding: 16px;
@media print, screen and (min-width: 768px) {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
}
position: relative;
}

.bukken_00::before {
position: absolute;
bottom: 0;
right: 0;
content: '';
width: 0;
border-width: 20px 20px 0 0;
border-style: solid;
border-color: #FD7584 #F4F0E8 #FD7584 #F4F0E8;
box-shadow: 2px 3px 2px 3px #F4F0E8;
}


.bukken_00 figure{
text-align: center;
@media print, screen and (min-width: 768px) {
overflow: hidden;}
}


position: relative;
overflow: hidden;
}
.title_dllist figure span{
display: inline-block;
width: 75px;
height: auto;
overflow: hidden;
}
.title_dllist figure img{
width: 75px;
height: auto;
transition: transform 0.3s ease;
}


.bukken_00 a:hover figure img{
@media print, screen and (min-width: 768px) {
transform:scale(1.3);
object-position: center center; /* ズームイン時に中心に合わせる */
opacity: 1;}
}


.bukken_00 figure img{
@media print, screen and (min-width: 768px) {max-height: 130px;}
max-width: 100%;
aspect-ratio: 190/130;
object-fit: contain;
margin-left: auto; margin-right: auto;
height: auto;
transition: transform 0.3s ease;
}

.bukken_00 a {
	&:link,
	&:visited,
	&:active {text-decoration:none;}
	&:hover {text-decoration:none;opacity: 1;}
}



.bukken_00 a {
width:100%;
@media print, screen and (min-width: 768px) {width:188px;}
padding: 3px 0;
margin: 8px 10px 20px 10px;
}
.bukken_00 a{
display: grid;
grid-template-rows: subgrid;
grid-row: span 6;

}
.bukken_01 {
font-size: 12px;
font-weight: bold;
line-height: 1.5;
margin: 3px 0 0 0;
}

.bukken_02 {
color: #333;
font-size: 12px;
font-weight: bold;
}

.bukken_03 {
margin-bottom: 3px;
}

.bukken_03_l {
font-size: 12px;
font-weight: bold;
height: auto;
line-height: 16px;
margin: 2px 0 6px 0;

}

.bukken_03_l p {
font-size: 14px;
color: #C00;
margin-bottom: 4px;
display: inline-block;
}

.bukken_03_l span {
font-weight: bold;
font-size: 16px;
}

.bukken_03_r {
height: auto;
font-size: 11px;
}
.bukken_04 {
font-size: 12px;
font-weight: bold;
line-height: 13px;
margin-bottom: 4px;
}

.txt_area05{
padding-inline: 0.5em;
color: var(--sub-color);
}


.company_table th {
background-color: var(--main-bg);
font-size: 1.5rem;
color: #fff;
line-height: 1.5;
text-align: left;
vertical-align: middle;
}
.company_table th p {
display: block;
margin: 3px;
padding: 7px;
font-weight: normal;
text-align: center;
}
.company_table td {
line-height: 1.75em;
padding: 10px;
text-align: left;
vertical-align: middle;
}

.company_table td li{
margin-left: -1em;
text-indent: -1em;
 padding-left: 2em;
}
.comp_map iframe{
height:400px;
}
.company_table{width: 100%;}

.comp_messe_box .comp_messer,
.comp_messe_box .comp_messer p{
text-align: center;
}
.comp_messe_box .txt_area05{
margin-bottom: 1em;
}
.comp_messe_box .txt_area05 span{
font-weight: bold;
}

@media print, screen and (min-width: 768px) {
			.comp_messe_box .comp_messer img{
			max-width: 100%;
			}
			.comp_messe_box .txt_area05{
			width: 76%;
			}
			.comp_messe_box .comp_messer{
			width: 22%;
			margin-left: 2%;
			font-size: 1.8rem;
			}
			.company_table td {
			border-bottom: 1px solid #ccc;}
			.company_table th {
			border-bottom: 1px solid #ccc;
			width: 26%;}
			.comp_map iframe{
			height:600px;
			}
			.imp_time_box ul {
			}
			.imp_time_box ul li {width: 90%;margin-left: 5%;}
			
}/**./@media print, screen and (min-width: 768px)***********************************/
/*************************************/
/*************************************/

.white_contentsbox,
.imp_time_box {
background-color: #fff;
border-radius: 6px;
padding: 20px 6px 6px 6px;
margin: 2px 2px 12px 2px;
box-shadow: 0px 0px 3px 1px #ddd;

}

.imp_time_box ul {
}

.imp_time_box ul li {
text-align: center;
margin-bottom: 1em;
}

.imp_time_box ul li dt {
font-weight: bold;
margin-bottom: 0.5em;
font-size: 1.9rem;
}
/*
.imp_time_box ul li dt.telicon::before {
display: inline-block;
font-family: 'FontAwesome';
content: '\f095';
margin-right: 4px;
font-size: 140%;
}*/
.imp_time_ttl{
width: 100%;
display: block;
}
.imp_time_ttl span,
.imp_time_box_time span {
border: 1px solid #000;
display: block;
padding-inline: 4px;
width: 12em;
text-align: center;
margin-inline: auto;
margin-bottom: 6px;
}
.imp_time_box ul li dd {
position: relative;
padding-block: 1em; margin-bottom: 1em;
}

.imp_time_box ul li dd::before/*, .imp_time_box ul li dd::after */{
content: '';
position: absolute;
left: 0;
width: 100%;
height: 1px;
background-image: -webkit-linear-gradient(left, transparent, #222 25%, #222 75%, transparent);
background-image: linear-gradient(to right, transparent, #222 25%, #222 75%, transparent);
background-position: center;
background-repeat: no-repeat;
}
.imp_time_box_time p,
.contact_posi .imp_time_box_time p{
color: var(--main-bg);
}
.imp_time_box ul li dd::before {
top: 0;
}

a.maildeco{
text-align: center;
margin-inline: auto;
font-size: 2rem;
@media print, screen and (min-width: 768px) {font-size: 3rem;}
display: block;
}
a.maildeco::before {
display: inline-block;
font-family: 'FontAwesome';
content: '\f003';
margin-right: 4px;
color:var(--main-bg);
}
a.maildeco:not(:hover) {color:var(--main-bg);text-decoration:none;}
a.maildeco:hover{color:var(--main-bg);text-decoration:none;opacity: 0.5;}



/*
.imp_time_box ul li dd::after {
bottom: 0;
}*/

#contact{}
#contact .contact_posi .layer_cache{
font-weight: bold;
color: var(--main-bg);
font-size: 2rem;
}
#contact .contact_posi .contact_cache{
font-size: 2.4rem;
@media print, screen and (min-width: 768px) {font-size: 3rem;}
font-weight: bold;
color: #806755;
}

#contact .contact_form_box,
#contact .contact_nairan_box{
border-radius:10px;
border: 3px solid #fadee5;
padding-block: 30px;
margin-bottom: 30px;
@media print, screen and (min-width: 768px) {margin-bottom: 40px;
width: 94%;
margin-left: 3%;}
}

#contact .contact_nairan_box{
text-align: center;}

#contact .contact_nairan_box.nairan_deco{
background-color: var(--main-bg);

}
#contact .contact_nairan_box.nairan_deco .btn_contact_nairan{
background-color: #fadee5;
color: var(--main-bg);}

#contact .contact_nairan_box.nairan_deco .contact_nairan_txt,
#contact .contact_nairan_box.nairan_deco .contact_nairan_red {
color: #fff;
}

#contact .title_sub {
font-size: 2rem;
@media print, screen and (min-width: 768px) {font-size: 2.4rem;}
color: #806755;
margin-bottom: 0;
text-align: center;
}
#contact .contact_form_ttl{
font-size: 2rem;
font-weight: bold;
}

#contact .contact_form_ttl:before {
content: '';/*何も入れない*/
display: inline-block;/*忘れずに！*/
width: 21px;/*画像の幅*/
height: 22px;/*画像の高さ*/
background-image: url(../img/contact_mk.png);
background-size: contain;
vertical-align: middle;
margin-right: 4px;
}

#contact .contact_btm_tel:before {
content: '';/*何も入れない*/
display: inline-block;/*忘れずに！*/
width: 30px;/*画像の幅*/
height: 30px;/*画像の高さ*/
background-image: url(../img/contact_tel_icon.png);
background-size: contain;
vertical-align: middle;
margin-right: 4px;
}
#contact .contact_btm_tel{
color: var(--main-bg);
font-weight: bold;
font-size: 3rem;
@media print, screen and (min-width: 768px) {font-size: 4rem;}
}

@media print, screen and (min-width: 768px) {
		#contact .contact_btm_telbox{
		display:flex;
		justify-content:center;
		align-items:center;
		flex-wrap:wrap;
		width: 94%;
		margin-left: 3%;
		}
}
#contact .contact_btm_telbox li{
background-color: #fadee5;
border-radius:10px;
margin: 2%;
@media print, screen and (min-width: 768px) {width: 48%;margin: 1%;
}
padding-block: 30px;
}
#contact .contact_btm_telbox li a:not(:hover) {color:var(--main-bg);text-decoration:none;}
#contact .contact_btm_telbox li a:hover{color:var(--main-bg);text-decoration:none;opacity: 0.5;}
#contact .contact_btm_telbox li p{
color: var(--main-bg);
font-size: 1.8rem;
}
#contact .contact_btm_telbox li .flg{
display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap;
}
#contact .contact_btm_telbox li .flg figure{
margin: 1%;
}
#contact .contact_btm_telbox li .flg figcaption{
color: #000;
line-height: 1;
}



.contact_nairan_txt{
font-size: 2rem;
@media print, screen and (min-width: 768px) {font-size: 2.4rem;}
font-weight: bold;
color: #806755;
margin-bottom: 0.5em;
}
.contact_nairan_txt span{
font-size:1.8rem;
display: block;
}
.contact_nairan_red{
font-weight: bold;
color: var(--main-bg);
margin-bottom: 2em;
}
.btn_contact_nairan,
a.btn_contact_nairan{
font-size: 1.8rem;
font-weight: bold;
display: inline-block;
color: #fff;
border-radius:10px;
background-color: var(--main-bg);
width: 80%;
border: none;
line-height: 44px;
@media print, screen and (min-width: 768px) {line-height: 60px;
width: 340px;}
}
.btn_contact_nairan:not(:hover),
a.btn_contact_nairan:not(:hover) {color:#fff;text-decoration:none;}
.btn_contact_nairan:hover,
a.btn_contact_nairan:hover{color:#fff;text-decoration:none;opacity: 0.5;}

.contact_posi .imp_time_box_time{text-align: center;}
.contact_posi .imp_time_box_time a,
.imp_time_box ul li dd a {
color: var(--main-bg);
font-size: 3.4rem;
display: inline-block;
@media print, screen and (min-width: 768px) {line-height: 1;}
}
.contact_posi .imp_time_box_time a,
.imp_time_box ul li dd a {
	&:link,
	&:visited,
	&:active {text-decoration:none;}
	&:hover {text-decoration:none;}
}
@media print, screen and (min-width: 768px) {
		.imp_time_box_flx{
		display:flex;
		justify-content:center;
		align-items:flex-start;
		flex-wrap:wrap;
		width: 90%;
		margin-left: 5%;
		}
		.imp_time_box_flx .imp_time_box_time{
		width: 38%;
		}
		.imp_time_box_time{
		font-size: 1.8rem;
		}
}
.contact_posi .imp_time_box_time a::before,
.imp_time_box ul li dd a::before {
display: inline-block;
font-family: 'FontAwesome';
content: '\f095';
margin-right: 4px;
}

.btn_buttom_contact {
font-family: 'Noto Sans JP',"游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
font-size: 2rem;
text-align: center;
padding: 4px 0;
border-radius: 4px;
width: 90%;
margin-bottom: 14px;
}

.btn_buttom_contact::after {
font-family: 'FontAwesome';
content: '\f138';
display: inline-block;
width: 1.4em;
text-align: center;
color: #fff;
font-size: 1em;
}
.imp_time_box ul li dd a.btn_buttom_contact::before,
a.btn_buttom_contact::before {
display: inline-block;
font-family: 'FontAwesome';
content: '\f0e0';
width: 1.4em;
color: #fff;
font-size: 1em;
}


.btn_buttom_contact.c_pink{
background:#F2B1CF;
font-size: 2rem;
width: 60%;
}
.btn_buttom_contact.c_green{
background:#85BD5F;
font-size: 2rem;
}
.btn_buttom_contact {
	&:link,
	&:visited,
	&:active {color: #fff;text-decoration:none;}
	&:hover {color: #fff;text-decoration:none;opacity: 0.5;}
}

.ttl_btm_contact{
text-align: center;
font-size:3rem;
font-weight: bold;
color:var(--sub-color);
line-height: 1.4;
}

.ttl_btm_contact span{
display: block;
font-weight:normal;
font-size: 1.8rem;
color:var(--main-bg);
}

/**/
.layer_cache {
text-align: center;
font-size: 1.6rem;
}

.whitebox {
width:100%;
background: #fff;
margin-left: auto; margin-right: auto;
overflow: hidden;
}

.contact_posi2 .contact_box table{
width: 100%;
}
.contact_posi2 .contact_box th {
font-weight: normal;
padding: 10px 1% 0px 1%;
vertical-align: top;
text-align: left;
font-size: 1.5rem;
}
.contact_posi2 .contact_box th p{
margin-top: 10px;
}
.contact_posi2 .contact_box td{
padding: 10px 1% 20px 1%;
font-size: 1.5rem;
}
@media print, screen and (min-width: 768px) {
			.contact_posi2 .contact_box td{width: 66%;}
			.btngroup {
			margin: 0 auto 100px;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-evenly;
			}
			.btn_modoru, .btn_soshin {
			width: 36%;
			}
}
.contact_posi2 .contact_box td textarea {
width: 100%;
height: 170px;
border-radius: 4px;
padding: 10px 12px;
border: 1px solid #aaa;
outline: none;
}
.contact_posi2 .contact_box th span.ninni{
background: #868686;
}
.contact_posi2 .contact_box td li {
margin: 0 0 10px 0;
}
.contact_posi2 .contact_box th span{
display: inline-block;
background: #f00;
text-align: center;
font-size: 1.3rem;
line-height: 1.4;
padding: 1px 6px;
color: #fff;
margin-left: 10px;
}
.contact_cache{
text-align: center;
font-size: 2.4rem;
}
input[type="checkbox"] {
transform: scale(1.5);
margin: 0 8px 0 4px;
}
#contact input[type="checkbox"] {
border-radius: 0;
border: #dadada;}
input[type="radio"] {
    transform: scale(1.5);
margin: 0 8px 0 4px;
}
.contact_posi2 .contact_box input[type="text"] {
margin: 4px 0 0;
border-radius: 4px;
padding: 4px 12px;
border: 1px solid #aaa;
outline: none;
height: 48px;
font-size: 1.5rem;
}
.contact_posi2 .contact_box input.w100{
width: 100%;
}
.contact_posi2 .contact_box input.w50{
width: 50%;
}
.notice {
margin-left: auto; margin-right: auto;
margin-bottom: 30px;
}
.notice ul {
margin-left: auto; margin-right: auto;
width: 80%;
}
.notice ul li {
margin: 0 0 0.5em 0;
list-style-type : disc;
}
.notice ul li a:link,
a.colorwhite:link {color: #222;text-decoration: none;}
.notice ul li a:visited,
a.colorwhite:visited {color: #222;text-decoration: none;}
.notice ul li a:hover,
a.colorwhite:hover {color: #222;text-decoration: underline;}
.notice ul li a:active,
a.colorwhite:active {color: #222;text-decoration: none;}
.notice_come{
text-indent: -1em;
padding-left: 1em;
margin-left: auto;
margin-right: auto;
width: calc(80% + 2em);
}
p.notice_come::first-letter {
font-family: 
"Noto Sans JP", 游ゴシック, YuGothic, メイリオ, Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}



.contact_line_box{
border-radius:10px;
background-color: #00c300;
padding: 4px;
display:flex;
justify-content:space-evenly;
align-items:center;
flex-wrap:wrap;
@media print, screen and (min-width: 768px) {width:94%;
margin-left: 3%;}
margin-bottom: 2em;
padding-block: 30px;
}
.contact_line_box_l {
color: #fff;
font-weight: bold;
font-size: 2rem;
}

@media print, screen and (min-width: 768px) {
.contact_line_box_r,
.contact_line_box_l {
width: 30%;
}
}



.contact_line_box_r{
background-color: #fff;
text-align: center;
border-radius:10px;
padding: 1em;
}
.contact_line_box_r img{
width: 160px;
margin-inline: auto;
display: block;
text-align: center;
}
.contact_line_box_l img{
width: 100px;
margin-inline: auto;
display: block;
text-align: center;
}
.contact_line_box_l ul{
width: max-content;
margin-inline: auto;
}
.contact_line_box_l ul li{
margin-bottom: 10px;
}
.contact_tel_posi{
display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap;
margin-bottom: 20px;
}

.contact_tel_posi a.tel{
display: block;
color: var(--main-bg);
font-size: 5.4rem;
margin-right: 14px;
}
.contact_tel_posi a.tel:link{color:var(--main-bg);text-decoration:none;}
.contact_tel_posi a.tel:visited{color:var(--main-bg);text-decoration:none;}
.contact_tel_posi a.tel:hover{color:var(--main-bg);text-decoration:none;}
.contact_tel_posi a.tel:active{color:var(--main-bg);text-decoration:none;}
.contact_tel_posi a.tel:before {
font-family: 'FontAwesome';
content: '\f095';
display: inline-block;
width: 1.2em;
text-align: center;
font-size: 1.0em;
}
.contact_tel_posi_r{width: 100%;
display: block;}
.contact_tel_posi_r p{
display: block;
font-size: 2rem;
text-align: center;
}

.contact_tel_posi_r p span{
color: var(--main-bg);
}

.imgcen{
display: block;
margin-left: auto; margin-right: auto;
text-align: center;
}


.link_black a:link{color:#111;text-decoration:underline;}
.link_black a:visited{color:#111;text-decoration:underline;}
.link_black a:hover{color:#111;text-decoration:none;}
.link_black a:active{color:#111;text-decoration:underline;}

.btn_soshin {
display: block;

height: 44px;
line-height: 48px;
@media print, screen and (min-width: 768px) {
height: 60px;
line-height: 60px;
}
text-align: center;
color: #fff;
position: relative;
background:  var(--main-bg);
border: none;
cursor: pointer;
font-size: 1.8rem;
border-radius: 4px;
}

.btn_soshin:hover,
.btn_modoru:hover {color:#fff; text-decoration: none;opacity: 0.7;}


.thanks01{
text-align: center;
margin-left: auto; margin-right: auto;
font-size: 2rem;
margin-bottom: 2rem;
}

.btn_01 {
display: block;
width: 36%;
height: 52px;
line-height: 52px;
color: #EA8A8A;
position: relative;
font-size: 1.8rem;
cursor: pointer;
border-radius: 4px;
}
.btn_01::before{
content: '';
width: 10px;
position: absolute;
top: 23px;
right: 25px;
border-top: solid 1px var(--main-bg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.btn_01::after{
content: '';
width: 26px;
position: absolute;
top: 26px;
right: 26px ;
border-bottom: solid 1px var(--main-bg);
}
.btn_01:link {color:var(--main-bg); text-decoration: none;}
.btn_01:visited {color:var(--main-bg); text-decoration: none;}
.btn_01:hover {color:var(--main-bg); text-decoration: none;opacity: 0.7;}
.btn_01:active {color:var(--main-bg); text-decoration: none;}

.btn_02 {
width: 36%;
height: 48px;
line-height: 48px;
color: #fff;
position: relative;
font-size: 1.8rem;
cursor: pointer;
background-color:var(--main-bg);
border: 1px solid var(--main-bg);
border-radius: 4px;
}
.flow_txtarea .btn_02 {
display: inline-block;
text-align: center;
}
.btn_02::before{
content: '';
width: 10px;
position: absolute;
top: 29px;
right: 25px;
border-top: solid 1px #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.btn_02::after{
content: '';
width: 26px;
position: absolute;
top: 32px;
right: 26px ;
border-bottom: solid 1px #fff;
}
.btn_02:link {color:#fff; text-decoration: none;}
.btn_02:visited {color:#fff; text-decoration: none;}
.btn_02:hover {color:#fff; text-decoration: none;opacity: 0.7;}
.btn_02:active {color:#fff; text-decoration: none;}

.whitebox.contact_posi{
padding:20px 16px 16px 16px;
margin-bottom: 40px;
}
.whitebox.contact_posi2{
padding:20px 16px 16px 16px;
}

.ttl_bg {
position: relative;
background-size: cover !important;
aspect-ratio: 3000/672;
object-fit: cover;
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
text-align: center;
vertical-align: middle;
width: 100%;
max-width: 1200px;
}

.ttl_txt {
color:#330000;
text-shadow: 1px 1px 2px #fff;
font-size: 4rem;
padding: 16px 0;
width: 60%;
line-height: 1.4;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-60%);
background-color: rgba(255, 255, 255, 0.7);
text-align: center;
	font-family: 'Noto Sans JP',"游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
font-weight: bold;	
}


.ttl_com {
background: url("../img/ttl_company.webp") center center / cover no-repeat;
}
.ttl_nairan{
background: url(../img/ttl_nairan.webp) center center / cover no-repeat;
}
.ttl_contact {
background: url(../img/ttl_contact.webp) center center / cover no-repeat;
}
.ttl_staffblog {
background: url("../img/ttl_staffblog.webp") center center / cover no-repeat;
}
.ttl_req {
background: url("../img/ttl_req.png") center center / cover no-repeat;
}
.ttl_sitemap {
background: url("../img/ttl_sitemap.png") center center / cover no-repeat;
}
.ttl_sell {
background: url("../img/ttl_sell.png") center center / cover no-repeat;
}
.ttl_faq {
background: url("../img/ttl_faq.webp") center center / cover no-repeat;
}
.ttl_flow {
background: url("../img/ttl_flow.webp") center center / cover no-repeat;
}
.ttl_supportguide {
background: url("../img/ttl_supportguide.webp") center center / cover no-repeat;
}
.ttl_special {
background: url("../img/ttl_special.webp") center center / cover no-repeat;
}
.ttl_soumu{
background: url("../img/ttl_soumu.webp") center center / cover no-repeat;
}
.ttl_kodawari {
background: url("../img/ttl_kodawari.webp") center center / cover no-repeat;
}
.ttl_name {
background: url("../img/ttl_name.webp") center center / cover no-repeat;
}
.ttl_map {
background: url("../img/ttl_map.webp") center center / cover no-repeat;
}

@media print, screen and (min-width: 768px) {
			.sales_pad,
			.title_dllist.sales_pad{
			padding: 20px;
			}
			.title_dllist.info_pad{
			padding:0 20px;
			}

}/**./@media print, screen and (min-width: 768px)***********************************/
/*************************************/
/*************************************/


.contact_box td select {
margin: 4px 0 0;
border-radius: 4px;
padding: 4px 12px;
border: 1px solid #aaa;
outline: none;
height: 48px;
font-size: 1.5rem;
}

.contact_li_posi li{
width: 48%;
display: inline-block;
}

.sitemap_li{
margin-bottom: 2em;
}


.sitemap_li li+li{
border-top: 1px dashed #ddd;
margin-top: 2em;
padding-top: 1em;
}

.sitemap_li a {
	&:link,
	&:visited,
	&:active {color:var(--sub-color);text-decoration:none;}
	&:hover {color:var(--sub-color);text-decoration:none;opacity: 0.5;}
}
.sitemap_li dl dt{
margin-bottom: 0.6em;
}
.sitemap_li dl dd{
margin-left: 1em;
}
.sitemap_li dl dd a{
display: block;
margin-bottom: 0.6em;
}
.sitemap_li dl dd  .foot_dd_w a{
margin-bottom: 0;
}
.sitemap_li dl dd .foot_dd_w{
margin-bottom: 1em;
}


.sitemap_li dl dd a::before {
content: "-";
margin-right: 3px;
font-weight: bold;
}

.sitemap_li dl dd a.l_blank::after{
font-family: 'FontAwesome';
content: '\f08e';
display: inline-block;
width: 1.2em;
text-align: center;
font-size: 1.0em;
margin-left: 6px;
}

/**/
.wrap_cms{
max-width: 960px;
margin-inline: auto;
}
.cms_new_icon{
font-size: 10px;
color: #fff;
background-color: #f00;
padding: 1px 2px;
}
@media print, screen and (min-width: 768px) {
		.asp_pan{
		color: #666;
		padding:5px 0;
		font-weight: normal;
		width:920px;
		margin-left:auto; margin-right:auto;
		min-height: 22px;
		overflow: hidden;
		line-height: 1.6;
		position:relative;
		margin-bottom: 20px;
		}

		.asp_pan p{
		width:600px;
		line-height: 1.6;
		}
		#genzai{
		position:absolute;
		top:5px;
		right:3px;

		}	 
		#genzai ul{
		overflow:hidden;
		float:left;
		}
		#genzai ul li{
		float:right;
		display:inline;
		margin:0 0 0 10px;
		}
		.baibai_btn_narabi{
		display:flex;
		justify-content:center;
		align-items:center;
		flex-wrap:wrap;
		}
		.baibai_btn_narabi a{
		margin-right: 20px;
		}
		.wrap_cms h2{
		margin-bottom: 10px;
		}
}

.sell_li li img{
max-width: 100%;
margin-inline: auto;
display: block;
margin-bottom: 0.5em;
}
.sell_li {
margin-bottom:40px;
}
.sell_li li{
box-sizing: border-box;
margin-bottom: 30px;
}
.flow_box li dl,
.sell_li li dl{
margin-inline: auto;
max-width: 560px;
}
.sell_li li dl dt span{
font-size: 3rem;
display: inline-block;
margin-right: 10px;
color: var(--main-bg);
line-height: 1.2;
}
.sell_li li dl dt p{
font-size: 2.6rem;
}

.sell_li li dl dt{
font-size: 2rem;
margin-bottom: 0.5em;
}
.sell_li li dl dd{
display: flex;
justify-content:space-between;
flex-wrap:wrap;
}

.sell_li li dl dd p{
font-size: 1.6rem;
}

.ttl_000.mb2em{
margin-bottom: 2em;
}

.flow_box li{
padding-bottom: 20px;
margin-bottom: 30px;
border-bottom: 1px dashed #ddd;
}

.flow_box li dd img{
width: 500px;
display: block;
margin-inline: auto;
margin-bottom: 0.5em;
}

.flow_box li dl dt{
display:flex;
align-items:center;
flex-wrap:wrap;
margin-bottom: 10px;
}
.flow_box li dl dt span{
font-size: 3rem;
display: block;
padding: 0px 10px;
color: #fff;
border-radius: 10px 0 10px 10px;
background: var(--main-bg);
margin-right: 10px;
}
.flow_box li dl dt p{
font-size: 2rem;
}

.flow_box li dl dd span{
color: #f00;
}

/*-----------------------------------------------
お問合せ
-----------------------------------------------*/
.title_contact span {
display: block;
width: 30%;
padding: 8px 0 10px;
}
.contact_prologue {
margin-bottom: 2em;
}
.oisogi {
max-width: 100%;
border: 5px solid #EFEFEF;
padding: 14px 10px;
margin:0 0 20px 0;
}
.oisogi_title {
font-weight: 600;
font-size: 2.6rem;
margin-bottom : .5em;
text-align: center;
}
.oisogi_title span {
background:linear-gradient(transparent 70%, #FFD700 70%);
}
.oisogi .inner {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.oisogi .inner .telbox {
width: 50%;
padding: 10px 20px 0;
border-right: 1px solid #ccc;
text-align: center;
}
.oisogi .inner .telbox .text {
font-size: 1.4rem;
margin-bottom: .5em;
}
.oisogi .inner .telbox .tel {
font-size: 3.2rem;
color:#000080;
font-family: 'Poppins', sans-serif;
font-weight: 900;
}
.oisogi .inner .telbox .tel:before {
display: inline-block;
font-family: "Font Awesome 5 Free";
content: '\f095';
font-size: 2.8rem;
color: #000080;
margin-right: .3em;
vertical-align: middle;
font-weight: 900;
}
.oisogi .inner .timebox {
width: 48%;
padding: 10px 20px;
font-size: 1.5rem;
}
.contact_notice {
width: 94%;
margin: 0 auto 3em;
}
.contact_notice li {
list-style: disc;
margin-bottom: .5em;
}
.mada{
color: #f00;
font-weight: bold;
}
/* 矢印エリア */
.step {
list-style-type: none;
display:table;
width:94%;
margin: 2em auto;
overflow:hidden;
text-align: center;
}
.step li{
width: 32%;

display:table-cell;
position:relative;
background: #fadee5;
padding: .8em 0.5em .8em 2em;
color: var(--main-bg);
}
.step li:first-child{
border-radius: 10px 0px 0px 10px;}
.step li:last-child{
padding-right: 1em;
border-radius: 0 10px 10px 0;
}
.step li:last-child:before,
.step li:last-child:after{
display:none;
}
.step li:before,
.step li:after{
content: "";
position: absolute;
margin: auto;
}
.step li:before{
top:-15px;
right:-1em;
border-style: solid;
border-color: transparent transparent transparent #fff;
border-width: 40px 0 40px 1em;
z-index: 10;
}
.step li:after{
top:-15px;
right:-.8em;
border-style: solid;
border-color: transparent transparent transparent #fadee5;
border-width: 40px 0 40px 1em;
z-index: 10;
}
.step li.is-current{
background: #e67c96;
font-weight: 600;
color: #fff;
}
.step li.is-current:after{
border-color: transparent transparent transparent #e67c96;
}
.w94{
width: 94%;
margin-left: 3%;}

.contact_line tr{
border-bottom: 1px solid #fadee5;
}

.contact_02 {
width: 94%;
margin: 0 0 30px 3%;
border-collapse:collapse;
}
.contact_02 th {
width: 200px;
text-align: left;
line-height: 1.5;
padding: 14px 10px;
font-weight: normal;
vertical-align: middle;
}
.contact_02 td {
padding: 14px 10px;
vertical-align: middle;
line-height: 1.7;
text-align:left;
}
.contact_qr_size{
max-width: 300px;
}
.contact_02 td input[type="text"] {
@media print, screen and (min-width: 768px) {
margin: 4px 0 0;
}
border-radius: 4px;
padding: 4px 12px;
border: 1px solid #dadada;
outline: none;
height: 48px;
font-size: 1.5rem;
}
.hissu {
color:var(--main-bg);
font-size: 1.3rem;
}
.error {
color:#CC0000;
display:block;
}
.contact_li {
overflow:hidden;
}
.form_04{
font-size:13px;
line-height:18px;
padding:0 3px;
height:24px;
width: 50%;
}
.form_05{
font-size:13px;
line-height:18px;
padding:0 3px;
height:24px;
width: 100%;
}

.contact_02 textarea {
width: 100%;
height: 160px;
border: 1px solid #ccc;
outline: none;
padding: 8px;
} 
.contact_agree {
text-align: center;
margin: 2em 0 1em;
}
.contact_agree a:not(:hover) {color:var(--main-bg);text-decoration:underline;}
.contact_agree a:hover{color:var(--main-bg);text-decoration:none;opacity: 0.5;}


.cotact_btn {
text-align:center;
margin: 2em 0 2em 0;
} 
.btn_kakunin {
display: inline-block;
width: 220px;
height: 44px;
line-height: 44px;
@media print, screen and (min-width: 768px) {
height: 60px;
line-height: 60px;
}
background: var(--main-bg);
text-align: center;
border-radius: 6px;
color: #fff;
border: none;
cursor: pointer;
}
.btn_kakunin:link {color: #fff;}
.btn_kakunin:visited {color: #fff;}
.btn_kakunin:hover {color: #fff;text-decoration: none;opacity: 0.7;}
.btn_kakunin:active {color: #fff;}

.btn_soshin {
display: inline-block;
width: 160px;
height: 44px;
line-height: 44px;
@media print, screen and (min-width: 768px) {
height: 60px;
line-height: 60px;
}
background: #f00;
text-align: center;
border-radius: 6px;
color: #fff;
border: none;
cursor: pointer;
}
.btn_soshin:link {color: #fff;}
.btn_soshin:visited {color: #fff;}
.btn_soshin:hover {color: #fff;text-decoration: none;opacity: 0.7;}
.btn_soshin:active {color: #fff;}

.btn_modoru{/*ボタングレー*/
display: inline-block;
width: 90px;
height: 44px;
line-height: 44px;
@media print, screen and (min-width: 768px) {
height: 60px;
line-height: 60px;
}
text-decoration: none!important;
border:1px solid #ccc;
background:#eee;
border-radius:4px;
cursor: pointer;
color:#666;
margin-right: 2em;
}
.btn_modoru:link{color:#333;text-decoration:none;}
.btn_modoru:visited{color:#333;text-decoration:none;}
.btn_modoru:hover{color:#333;text-decoration:none;opacity:0.5;}
.btn_modoru:active{color:#333;text-decoration:none;}

/*お問合せありがとうございました。*/
.thanks_inner {
width: 94%;
margin-inline: auto;
margin-left: 3%;
}
.thanks_inner .thankstext {
font-size: 2.0rem;
text-align: center;
color:#E97861;
margin-bottom: 1em;
}
.thanks_inner ul {
width: 94%;
@media print, screen and (min-width: 768px) {
width: max-content;}
margin-bottom: 3em;
margin-inline: auto;

}
.thanks_inner ul li {
list-style: disc;
margin-bottom: .5em;
}
.thanks_modoru {
text-align: center;
}
.thanks_modoru a:link {text-decoration: underline;}

								@media screen and (max-width: 1079px) {
									.oisogi {
										max-width: 790px;
										margin:0 auto 2em;
									}
									.contact_02 {
										width: 94%;
										max-width: initial;
									}
								}
								@media screen and (max-width: 879px) {
									.oisogi .inner .telbox .text {
										text-align: left;
									}
									.oisogi .inner .timebox .pc_only {
										display: none;
									}
}/********/


.cp_qa *, .cp_qa *:after, .cp_qa *:before {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.cp_qa {
overflow-x: hidden;
color: #333333;
}
.cp_qa .cp_actab {
padding: 20px 0;
border-bottom: 1px dotted #cccccc;
}
.cp_qa label {
font-size: 1.2em;
position: relative;
display: block;
width: 100%;
margin: 0;
padding: 10px 10px 0 48px;
cursor: pointer;
}
.cp_qa .cp_actab-content {
font-size: 1em;
position: relative;
overflow: hidden;
height: 0;
margin: 0 10px;
@media print, screen and (min-width: 768px) {
margin: 0 40px;
}/*@media print, screen and (min-width: 768px) */

padding: 0 14px;
-webkit-transition: 0.4s ease;
transition: 0.4s ease;
opacity: 0;
}
.cp_qa .cp_actab-content p{
margin-bottom: 1em;
}
.cp_qa .cp_actab input[type=checkbox]:checked ~ .cp_actab-content {
height: auto;
padding: 14px;
opacity: 1;
}
.cp_qa .cp_plus {
font-size: 2.4em;
line-height: 100%;
position: absolute;
z-index: 5;
margin: 3px 0 0 10px;
-webkit-transition: 0.2s ease;
transition: 0.2s ease;
}
.cp_qa .cp_actab input[type=checkbox]:checked ~ .cp_plus {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.cp_qa .cp_actab input[type=checkbox] {
display: none;
}
@media print, screen and (min-width: 768px)/*pc*/ {
		.ttl_block{
		display:flex;
		justify-content:space-between;
		align-items:center;
		flex-wrap:wrap;
		}
		.ttl_block p{
		width: calc(100% - 8em);

		}
		.ttl_block span{
		width: 9em;
		}
}

.ttl_block span{
display: block;
text-align: right;}


.special_box{
padding: 20px 16px 16px;
background-color: #fff;
/*background: linear-gradient(to bottom right, #6CAEDC, #C7DCED); */
}

.special_6{
display:flex;
/*justify-content:space-evenly;*/
align-items:stretch;
flex-wrap:wrap;
margin-inline: auto;
max-width: 96%;
}
.special_m li,
.special_6 li{
display: grid;
grid-template-rows: subgrid;
grid-row: span 1;
}
.special_ttl_area{
text-align: center;
margin-top:2em;
margin-bottom: 2em;
}

.special_ttl1{
color: var(--main-bg);
margin-bottom: 1em;
@media print, screen and (min-width: 768px)/*pc*/ {margin-bottom: 2em;}
font-weight: bold;
font-size: 2rem;
}
.special_ttl2{}
.special_ttl2 span{
font-size: 2rem;
}
.special_ttl3{
font-size: 2rem;
color: #005887;
border-top: 1px solid var(--sub-color);
}
.special_ttl4{
font-size: 4rem;
line-height: 1.4;
color: #005887;
}

.special_m ul{
margin-inline: auto;
max-width: 96%;
@media print, screen and (min-width: 768px)/*pc*/ {
display:flex;
align-items:stretch;
flex-wrap:wrap;}
}

.special_btm_come{
margin-inline: auto;
max-width: 96%;}

.special_btm_come p{
color: var(--main-bg);
margin-bottom: 1em;
font-weight: bold;
}
.special_btm_come ul{

}
.special_btm_come ul li{
text-indent: -1em;
 padding-left: 1em;
}
.special_txt .fz18:first-letter,
.special_btm_come ul li:first-letter {
font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
.special_txt p{
font-weight: bold;

}
.special_txt .fz18{
font-size: 1.8rem;
}
.special_txt .fz24{
font-size: 2.4rem;
}


@media print, screen and (min-width: 768px)/*pc*/ {
		.special_m ul li:nth-child(odd){
		margin-right: 2%;}
		}

.special_m ul li{
@media print, screen and (min-width: 768px)/*pc*/ {
width: 49%;
min-height:120px;}
background-color: #fff;
border-radius: 6px;
box-shadow: 0px 0px 3px 1px #ddd;
/*border-right: 2px solid var(--main-bg);
border-bottom: 2px solid var(--main-bg);*/
margin:0 0 2em 0;

}

.special_m ul li dl{
display:flex;
align-items:center;
flex-wrap:wrap;
width: 100%;
}
.special_m ul li dl dt{
width: 30%;
aspect-ratio: 1 / 1; /* アスペクト比を保持してレスポンシブ */
display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap;
}
.special_m ul li dl dt img{
@media print, screen and (min-width: 768px)/*pc*/ {max-width: 119px;}
object-fit: contain;
aspect-ratio: 1 / 1;
}
.special_m ul li dl dd{
width: 70%;
padding-left: 10px;
}

.cm,
.special_6bg li .mbc,
.special_m ul li dl dd .mbc{
color: var(--main-bg);
}
.special_6bg li .bold,
.special_m ul li dl dd .bold{
font-weight: bold;
}
.special_6bg li .rem24,
.special_m ul li dl dd .rem24{
font-size: 2.4rem;
line-height: 1.4;
font-weight: bold;
}
.special_m ul li .special_li_fst{
display: inherit;
}
.special_m ul li .special_li_fst li{
width: 100%;
background: none;
border-radius:0;
box-shadow: none;
margin: 0;
min-height: auto;
display: inherit;
}
.special_li_fst li::first-letter{
color: #d0bbab !important;
}

.special_6 li a:not(:hover) {color:var(--sub-color);text-decoration:none;}
.special_6 li a:hover{color:var(--sub-color);text-decoration:none;opacity: 0.5;}
.special_m ul li a:not(:hover) {color:var(--sub-color);text-decoration:none;}
.special_m ul li a:hover{color:var(--sub-color);text-decoration:none;opacity: 0.5;}

.special_m ul li dl dd .rem18{
font-size: 1.8rem;}

.special_6bg li .rem4,
.special_m ul li dl dd .rem4{
font-size: 3rem;
@media print, screen and (min-width: 768px)/*pc*/ {font-size: 4rem;}
line-height: 1.2;
font-weight: bold;
}
.special_6bg li .fz80,
.special_m ul li dl dd .fz80{
font-size: 80%;
line-height: 1.5;
}

.special_m ul li dl dd .mc{
margin-inline: auto;
width: max-content;
}

.special_6bg li{
position: relative;
box-sizing: border-box;
width: 100%;
@media print, screen and (min-width: 768px)/*pc*/ {
width: 48%;
margin-right: 3%;
}
background-color: #fff;
border-radius: 6px;
box-shadow: 0px 0px 3px 1px #ddd;
margin-top: 10px;
margin-bottom: 2em;

}
.special_6bg li:nth-child(2n){
margin-right: 0;
}
.special_6 .special_w{
padding-block: 30px;
}
.special_w{
border: 1px solid #877901;
margin: 10px;
border-radius: 6px;
}
.special_6bg li::before {
content: '';/*何も入れない*/
display: inline-block;/*忘れずに！*/
width: 80px;/*画像の幅*/
height: 112px;/*画像の高さ*/
background-image: url(../img/special_icon_deco.png);
background-repeat: no-repeat;
background-size: contain;
vertical-align: middle;
position: absolute;
top:0px;
left: 20px;
}


.special_6img{
text-align: center;
}
.special_6img img{
height: 160px;
width: auto;
max-width: 260px;
aspect-ratio: 300/160; /*横縦*/
object-fit: contain;
}
.special_6txt{
text-shadow: 0 0 5px #fff,0 0 5px #fff,0 0 5px #fff,0 0 5px #fff;
padding-top: 10px;
margin-bottom: 10px;
margin-inline: auto;
width: max-content;
}

.special_6bg li .waku{
border-bottom: 1px solid #ccc;
margin-bottom: 4px;
font-size: 1.8rem;
font-weight: bold;
}

.special_6bg li .waku_top{
border-top: 1px solid #ccc;
}

.flow_menu{
max-width: 1200px;
margin-inline: auto;
@media print, screen and (min-width: 1200px) {
padding-left: 10px;
}/*@media print, screen and (min-width: 1200px) */
}


/* 通常のスタイル */

/* 表示中の色 */
.highlight {
background-color: #fadee5;
}
#supportguide .flow_inner dl dt p{
font-size: 1.6rem;
}
#supportguide .flow_inner dl dd p{
text-indent:0;
padding-left:0;
margin: 0;
line-height: 2;
}
#supportguide .flow_inner dl dd{

}
#supportguide .flow_inner dl dd p::before {
content: none;
}



.supportguide_ttl_bg{
position: relative;
background-size: cover !important;
aspect-ratio: 870 / 180;
object-fit: cover;
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
text-align: center;
vertical-align: middle;
width: 100%;
margin: 30px 0 20px 0;
@media print, screen and (min-width:768px) {margin: 40px 0 30px 0;}
}
.supportguide_ttl_supportguide01{
background: url("../img/support_sub01.png") center center / cover no-repeat;}
.supportguide_ttl_supportguide02{
background: url("../img/support_sub02.png") center center / cover no-repeat;}
.supportguide_ttl_supportguide03{
background: url("../img/support_sub03.png") center center / cover no-repeat;}
.supportguide_ttl_supportguide04{
background: url("../img/support_sub04.png") center center / cover no-repeat;}
.supportguide_ttl_supportguide05{
background: url("../img/support_sub05.png") center center / cover no-repeat;}
.supportguide_ttl_supportguide06{
background: url("../img/support_sub06.png") center center / cover no-repeat;}
.supportguide_ttl_supportguide07{
background: url("../img/support_sub07.png") center center / cover no-repeat;}
.supportguide_ttl_supportguide08{
background: url("../img/support_sub08.png") center center / cover no-repeat;}
.supportguide_ttl_supportguide09{
background: url("../img/support_sub09.png") center center / cover no-repeat;}
.supportguide_ttl_supportguide10{
background: url("../img/support_sub10.png") center center / cover no-repeat;}
.supportguide_ttl_supportguide11{
background: url("../img/support_sub11.png") center center / cover no-repeat;}
.supportguide_ttl_supportguide12{
background: url("../img/support_sub12.png") center center / cover no-repeat;}


.supportguide_ttl_txt{
border-radius: 0 10px 10px 0;
color: #fff;
text-shadow: 1px 1px 2px var(--main-bg);
font-size: 1.8rem;
padding: 8px 10px;
@media print, screen and (min-width:768px) {font-size: 2.4rem; padding: 10px 24px;}
line-height: 1.4;
position: absolute;
left: 0%;
top: 50%;
transform: translateY(-60%);
background-color: rgba(171, 40, 73, 0.85);
text-align: center;
font-family: 'Noto Sans JP', "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
font-weight: bold;
}

#supportguide .flow_inner dl dd ul,
#supportguide .flow_inner dl dd ul li{
border-top: none;
border-bottom:none;
}
#supportguide .supportguide_meribox_ddttl{
color: var(--main-bg);
font-weight: bold;
margin-bottom: 1em;
}

#supportguide .flow_inner p span{
color: var(--main-bg);
}

.supportguide_bgg{
border-radius: 10px;
background-color: #f5f5f5;
padding: 14px;
}
#supportguide .supportguide_bgg .supportguide_meribox_ddttl{
margin-bottom: 0;
}

#supportguide .supportguide_netbox{
margin-bottom: 10px;
}
#supportguide .supportguide_netbox dl{
border-top: 0px;
border-bottom: 0px;
border-left: 0px;
background:none;
margin-bottom: 0;
border-radius: 0;

display:flex;
align-items:center;
flex-wrap:wrap;
}
#supportguide .supportguide_netbox dl dt{
background:none;
}
#supportguide .flow_inner .supportguide_netbox dl dt{
width: auto;
padding: 0;
}
#supportguide .flow_inner .supportguide_netbox dl dd{
flex: 1;
width: auto;
padding-left: 10px;
@media print, screen and (min-width: 768px)/*pc*/ {padding-left: 20px;}
}

#supportguide .flow_inner .supportguide_netbox dl dd p{
font-weight: bold;
font-size: 1.8rem;
}

#supportguide .flow_inner p a:not(:hover) {color:var(--sub-color);}
#supportguide .flow_inner p a:hover{color:var(--sub-color);text-decoration:none;opacity: 0.5;}

#supportguide .flow_inner .supportguide_netbox dl dd a:not(:hover) {color:var(--sub-color);}
#supportguide .flow_inner .supportguide_netbox dl dd a:hover{color:var(--sub-color);text-decoration:none;opacity: 0.5;}


.supportguide_tbl_meido{
border-radius: 10px;
border: 1px solid var(--sub-color);
background-color: #fff;
margin-bottom: 20px;
@media print, screen and (min-width: 768px)/*pc*/ {margin-bottom: 30px;}
width: 100%;
}

.come:first-letter { font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; }

#supportguide ul.supportguide_faci li{
color:var(--sub-color);
text-indent: -1.4em;
padding:0.5em 0.5em 0.5em 2em;
}

#supportguide ul.supportguide_faci li:before{ 
display:inline-block; 
vertical-align: middle;
/*以下白丸つくる*/
content:'';
width:1em;
height: 1em;
background: #fadee5;
border-radius: 50%;
margin-right: 8px;
font-size: 1rem;
}

@media print, screen and (min-width: 768px)/*pc*/ {
.supportguide_d_li{
display:flex;
align-items:flex-start;
flex-wrap:wrap;
}
.supportguide_d_li li{
width: 32%;
margin-right: 2%;
}
.supportguide_d_li li:nth-child(3n){
margin-right: 0%;
}
.supportguide_d_li li img{
width: 100%;
}
.supportguide_d_li li figcaption{
min-height: 5em;
display: grid;
place-content:center;
text-align: center;
}

		#supportguide ul.supportguide_faci{
		display:flex;
		align-items:flex-start;
		flex-wrap:wrap;
		}
		#supportguide ul.supportguide_faci li{
		width: calc(100% / 4);
		}
		#supportguide ul.supportguide_faci li{
		}
		.supportguide_tbl_meido{
		padding: 10px;
		}
		.supportguide_tbl_meido table th,
		.supportguide_tbl_meido table td{
		border-right: 1px solid var(--sub-color);
		}

		.supportguide_tbl_meido table th:last-child,
		.supportguide_tbl_meido table td:last-child{
		border-right:none;
		}
		.supportguide_tbl_meido table,
		.supportguide_tbl_meido table tbody{
		width: 100%;
		}
		.supportguide_tbl_meido table tbody{

		}
		.supportguide_tbl_meido td{
		width: calc(100% / 4);
		text-align: center;}
		
		.supportguide_netbox{
		display:flex;
		justify-content:space-evenly;
		align-items:stretch;
		flex-wrap:wrap;
		}
		#supportguide .flow_inner .supportguide_netbox dl{
		border-right: 1px solid var(--sub-color);
		width: calc(50% - 1px);
		}
		.supportguide_netbox_r{
		width: 50%;
		padding-left: 20px;
		}


		.letter-spacing012{
		letter-spacing:-0.02em;}
		.supportguide_meribox{
		display:flex;
		justify-content:space-evenly;
		align-items:stretch;
		flex-wrap:wrap;
		}
		.supportguide_meribox_l{
		border-right: 2px solid #fadee5;
		width: calc(50% - 2px);
		padding: 20px;
		}
		.supportguide_meribox_r{
		width: 50%;
		padding: 20px;
		}

		.flow_inner_fixed{
		margin-top: 150px;
		}
		.nav-fixed .flow_menu{
		width: 100%;
		margin-bottom: 30px;
		left: 50%;
		position: absolute;
		transform: translateX(-50%);
		}
		.nav-fixed{
		width: 100%;
		position: fixed;
		top: 0px;
		z-index: 100;
		margin-top:-100px;
		padding-top:100px;
		}
		
		.flow_menu ul{
		display:flex;
		justify-content:space-evenly;
		align-items:center;
		flex-wrap:wrap;
		margin-bottom: 40px;
		}

		.flow_menu ul li{
		width: calc(100% / 8);
		text-align: center;
		}
		#supportguide .flow_menu ul li{
		width: calc(100% / 6);
		text-align: center;
		}
		.flow_menu ul li + li {
		border-left: 1px solid #E0DFCA;
		}
		#supportguide ul li:nth-child(7){
		border-left: none;
		}
		#supportguide ul li.menu-step1,
		#supportguide ul li.menu-step2,
		#supportguide ul li.menu-step3,
		#supportguide ul li.menu-step4,
		#supportguide ul li.menu-step5,
		#supportguide ul li.menu-step6{
		border-bottom: 1px solid #E0DFCA;
		}

		.flow_menu ul li a{
		padding-top: 10px;
		}
		.flow_inner dl{
		display:flex;
		justify-content:space-evenly;
		align-items:stretch;
		flex-wrap:wrap;
		margin-bottom: 30px;
		}
		.flow_inner dl dt{
		border-radius: 6px 0 0 6px ;
		width: 16%;
		display: grid;
		place-content:center;
		}
		#supportguide .flow_inner dl dt{
		width: 12em;
		display: inline-block;
		text-align: left;
		padding-inline: 1em;
		}
		#supportguide .flow_inner dl dd{
		width: calc(100% - 12em);
		padding: 0;
		}
		#supportguide .flow_inner dl dd .supportguidetxt_pad{
		padding: 20px;
		}
		#supportguide .flow_inner dl dd ul{
		margin-left: -0.5em;
		}
		#supportguide .flow_inner dl dd ul li{
		padding-right: 0;
		}
		.flow_inner dl dd{
		width: 84%;
		padding: 30px 24px;
		box-sizing: border-box;
		}
		.flow_inner dl dt span{
		font-size:1.7rem;
		display: block;
		line-height: 1;
		width: 100%;
		}
		.flow_inner dl dt p{
		font-size:3.2rem;
		display: block;
		line-height: 1;
		font-weight: bold;
		width: 100%;
		}
}


#supportguide .flow_menu ul{
padding:0 6px;
}
.flow_menu ul{
border-radius: 6px;
padding: 6px;
background-color: #fff;
box-shadow: 0px 0px 3px 1px #ddd;
}


.flow_menu ul li a:not(:hover) {text-decoration:none;}
.flow_menu ul li a:hover{text-decoration:none;opacity: 0.5;}

#supportguide .flow_menu ul li p{
@media print, screen and (min-width: 768px)/*pc*/ {
height: auto;
}
}
.flow_menu ul li p{
font-size: 1.5rem; 
color: var(--sub-color);
font-weight: bold;
@media print, screen and (min-width: 768px)/*pc*/ {
line-height: 1.4;
display: grid;
place-content:center;
}
}

.flow_menu ul li span{font-size: 1.3rem; color:var(--main-bg); font-weight: bold;}
.flow_menu ul li div{font-size: 1.3rem; color:var(--main-bg);}

.flow_inner{
max-width: 870px;
margin-inline: auto;
}

.flow_inner dl{
border-radius: 10px;
border: 2px solid #fadee5;
background-color: #fff;
margin-bottom: 20px;
}

.flow_inner dl dt{
background-color: #fadee5;
color:var(--main-bg);
font-weight: bold;

}
.flow_inner dl dd{

}
.flow_inner dl dt{
font-weight: bold;
text-align: center;
}
.flow_inner dl dt span{
font-size:1.7rem;
}
.flow_inner dl dt p{
font-size:3.2rem;
}


.ttl_flow_dd{
font-size:2.2rem;
color: var(--sub-color);
font-weight: bold;
margin-bottom: 0.5em;
text-align: center;
}

.flow_inner dl dd p span{
color:var(--main-bg);
}

.flow_inner dl dd p{color: var(--sub-color);
text-indent: -1.8em;
padding-left: 2em;
margin:0 0 1em 1em;
line-height: 2;
}
.flow_inner dl dd p::before{
font-family: 'FontAwesome';
content: '\f05d';
display: inline-block;
width: 1em;
text-align: center;
font-size: 1.8em;
color:var(--main-bg);
line-height: 20px;
transform: translate(4px, 4px);
}

.flow_inner dl dd ul{
border-top: 1px dashed #b2b2b2;
@media print, screen and (min-width: 768px)/*pc*/ {margin-left: 3em;}
}
.flow_inner dl dd ul li{
border-bottom: 1px dashed #b2b2b2;
color:var(--sub-color);
text-indent: -1.4em;
padding:0.5em 0.5em 0.5em 2em;
}

.flow_inner dl dd ul li:before{ 
display:inline-block; 
vertical-align: middle;
/*以下白丸つくる*/
content:'';
width:1em;
height: 1em;
background: #fadee5;
border-radius: 50%;
margin-right: 8px;
font-size: 1rem;
}

.soumu_pad{
padding: 20px 16px 16px 16px;
@media print, screen and (min-width: 768px)/*pc*/ {padding: 40px;}
}


.soumu_top_txt {
margin-bottom: 30px;
font-size: 1.7rem;
@media print, screen and (min-width: 768px)/*pc*/ {margin-bottom: 40px;}
}

@media print, screen and (min-width: 768px)/*pc*/ {
		.soumu_top_txt figure{
		display:flex;
		justify-content:space-between;
		align-items:flex-start;
		flex-wrap:wrap;
		margin-bottom: 30px;}
		
		.soumu_top_txt figure:nth-of-type(even) {
		flex-direction:row-reverse;
		}
		.soumu_top_txt figure img{
		max-width: 48.5%;
		}
		.soumu_top_txt figure figcaption{
		max-width: 48.5%;
		}
		.soumu_li_no04{
		display:flex;
		justify-content:space-between;
		align-items:stretch;
		flex-wrap:wrap;
		}
		
		.soumu_li_no04 li{
		max-width: 48.5%;
		}
		.soumu_li_no10 figure{
		padding-left: 80px;
		display:flex;
		align-items:center;
		flex-wrap:wrap;
		margin-block: 20px;
		}
		.soumu_li_no10 figure figcaption {
		margin: 0 20px;
		width: calc(100% - 140px);
		}
}

.soumu_top_txt figure figcaption p{
margin-bottom: 1em;
}

.soumu_li_no10 li,
.soumu_li_no04 li{
border-radius: 10px;
border: 2px solid #fadee5;
position: relative;
margin-bottom: 20px;
@media print, screen and (min-width: 768px)/*pc*/ {margin-bottom: 30px;}
}

.soumu_li_no10 li .soumu_li_no,
.soumu_li_no04 li .soumu_li_no{
border-radius: 6px 0 10px 0px;
background-color: #fadee5;
color: var(--main-bg);
font-weight: bold;
display: grid;
place-content:center;
font-size: 2.4rem;
line-height: 60px;
width: 60px;
position: absolute;
top: 0;
left: 0;

}
.soumu_li_no04 li figure figcaption{
font-weight: bold;
text-align: center;
font-size: 2.2rem;
color: #806755;
margin-top: 30px;
margin-bottom: 20px;
line-height: 1.6;
min-height: 3em;
display: grid;
place-content:center;

}
.soumu_li_no04 li figure{
t
}
.soumu_li_no04 li figure img{
margin-inline: auto;
display: block;
}
.soumu_li_no04 li p{
padding: 24px 24px 36px 24px;
}


.soumu_li_no10 figure figcaption span{
font-size: 2.2rem;
color: #806755;
display: block;
font-weight: bold;
margin-bottom: 0.5em;
}
.soumu_li_no10 figure p{}

.pem,
.pem p{
margin-bottom: 1em
}

.bold{
font-weight: bold;
}

ul.input_w li input[type="text"] {
width: 14%;
}

ul.input_w li{
margin-bottom: 0.5em;
}

/************************************************/
@media (width <= 1040) {/* 1040px以下 */
#top .logoarea{
max-width: 1040px;}}

@media (1040px <= width){/* 1040px以上 */
#top .logoarea{
max-width: 100%;
padding-inline: 14%;
}

#top .logobox{
width: 36.35%;
}
#top .logobox .logo{
width: 100%;
height: auto;
}

#top .head_telno dl dt{font-size: 0.8vw;}
#top .head_telno dl dd{font-size: 0.8vw;}
#top .head_telno dl dd a{font-size: 1vw;}

#top .head_time_box p{
font-size: 0.6vw;

}
#top .head_time_box p span{
font-size: 1vw;
}
}


/************************************************/

.heading-1 {
color: #000;
display: flex;
align-items: stretch;
font-weight: bold;
font-size: 2rem;
padding: .5em .7em .5em 0;
border-bottom: 1px solid #000;
margin-bottom: 1em;
}

.heading-1::before {
border-radius: 2.5px;
display: inline-block;
width: 5px;
margin-right: .5em;
background-color: var(--main-bg);
content: '';
}

.bukken_contact_w{
margin-inline: auto;
width: 94%;
}

@media (768px <= width) {
	.bukken_contact_bukken{
	display:flex;
	align-items:flex-start;
	flex-wrap:wrap;
	}
}

.bukken_contact_txt {
flex: 1;
}
.bukken_contact_bukken figure img{max-width: 100%;}
.bukken_contact_bukken figure{
width: 100%;
margin-bottom: 2em;
text-align: center;
@media (768px <= width) {margin-left: 30px;
width:170px;
}/* 768px以上 */
}

.bukken_contact_txt table{
border: 1px solid #ccc;
margin-bottom: 1em;
width: 100%;
}

.bukken_contact_txt table th{
background-color: #eee8da;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
text-align: center;
padding: 14px;
}
.bukken_contact_txt table td{
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
text-align: center;
padding: 14px;
}
.bukken_contact_txt ul{
background-color: #ececec;
margin-bottom: 1em;
padding: 14px;
}
@media (768px <= width) {
	.bukken_contact_txt ul li{
	display: inline-block;
	width: 49%;}
}
.bukken_contact_txt ul li span{
width: 3em;
}
.bukken_contact_txt ul li span,
.bukken_contact_txt ul li p{
display: inline-block;
vertical-align: top;
}
@media (768px <= width) {
	.bukken_contact_txt ul li p{
	width:calc(100% - 3em);
	text-indent: -1em;
	padding-left: 2em;
	margin-left: -1em;
	}
}

.icon_posi{
display:flex;
align-items:flex-start;
flex-wrap:wrap;
}


.icon_posi figure{
margin-left: 0;
text-align: center;
width: 40px;
margin-right: 2%;
}
.icon_posi figure img{
max-width: 100%;
}
.icon_posi figcaption{
color:var(--main-bg);
text-align: center;
font-size:1.0rem;
line-height: 1.2;
}
.icon_posi figure.txt_g figcaption{
color: #666;
}

.rent_list_li ul li .heading-1{
margin: 20px;
}
.rent_list_li ul li .bukken_contact_bukken{
padding: 0px 20px ;
}

.name_search{
padding-block: 40px;
}

.ttl_001{
background-color: #FFD5D7;
padding: 10px;
}

.pagenationbox{
margin-top: 40px;
margin-bottom: 80px;
text-align: center;
}

.pagination-2 {
display: flex;
justify-content: center;
align-items: center;
gap: 0 8px;
list-style-type: none;
padding: 0;
}


.pagination-2 a {
box-sizing: border-box;
display: flex;
justify-content: center;
align-items: center;
width: 2em;
height: 2em;
border-radius: 25px;
background-color: #fff;
color: #ab2849;
}

.pagination-2 a:not(:hover) {
text-decoration: none;
}

.pagination-2 .current a {
background-color: #ab2849;
color: #fff;
pointer-events: none;
}

.pagination-2 .prev a,
.pagination-2 .next a {
gap: 0 4px;
width: auto;
padding: .5em .8em;
line-height: 1;
}

.pagination-2 .prev a::before,
.pagination-2 .next a::after {
display: inline-block;
transform: rotate(45deg);
width: .3em;
height: .3em;
content: '';
}

.pagination-2 .prev a::before {
border-bottom: 1px solid #ab2849;
border-left: 1px solid #ab2849;
}

.pagination-2 .next a::after {
border-top: 1px solid #ab2849;
border-right: 1px solid #ab2849;
}


.whitebox_bg{
@media (768px <= width) {padding: 16px; }/* 768px以上 */
background-color: #fff;
max-width: 672px;
margin-inline: auto;
display: block;
margin-bottom: 3em;
}

@media (768px <= width) { }/* 768px以上 */

@media (width <= 767px) { }/* 767px以下 */

@media (768px <= width <= 1200px) {}