@charset "UTF-8";
/* PC用CSS */
* {
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
}

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

:root {
  --main-bg: #0071c1;/*テンプレgray*/
  --main-color: #222;
  --sub-color: #000;/**/
  --btn-color:#FF8001;/*#bb112b;*/
  --btn-bg:#0071c1;
  --blog-bg:#0071c1;/*テンプレgray*/
  --9680-bg:#937960;/*glovalhometxtcolor*/
}


/* background-color: var(--main-color);*/

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

#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{font-size: 62.5%;/* 10px */}
body{
font-size: 1.4rem;/*14px*/
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;
}

h1, h2, h3, h4, h5, h6, p {
margin:0;
padding:0;
font-weight:normal;
font-size:100%;
}
body{
font-family: "Helvetica Neue",
Arial,
"Hiragino Kaku Gothic ProN",
"Hiragino Sans",
Meiryo,
sans-serif;}
@media print, screen and (min-width: 640px) {
					#page-top{position: fixed;
					bottom: 2%;
					right: 20px;
					}

					body{
					width:100%;
					min-max-width: 1140px;
					line-height: 1.7;
					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;}
					.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 {
					max-width: 1140px;
					margin-left: auto; margin-right: auto;
					box-sizing: border-box;
					text-align: center;
					}

					.logoarea {
					width: 100%;
					margin-left: auto; margin-right: auto;
					box-sizing: border-box;
					text-align: center;
					
					display:flex;
					justify-content:space-between;
					align-items:flex-start;
					flex-wrap:wrap;
					}

					.logobox a .logo {
					display: inline-block;
					width: 196px;
					height: 43px;
					background: url(../img/logo.png) no-repeat;
					white-space: nowrap;
					text-indent: 100%;
					overflow: hidden;
					background-size: cover;
					}
					.logobox {
					float: left;
					width: 392px;
					margin-top: 10px;
					}


					.pcno{display:none;}

/*お問い合わせボタン*/
					a.btn_menucontact{
					display: inline-block;
					width: 110px;
					height: 60px;
					color: #fff;
					background: var(--sub-color);
					text-align: center;
					font-size: 1.3rem;
					line-height: 1.3;
					padding: 5px 0 0;
					float: right;
					margin: 10px 0 20px 20px;
					}


a.btn_menucontact:link{color:#fff;text-decoration:none;}
a.btn_menucontact:visited{color:#fff;text-decoration:none;}
a.btn_menucontact:hover{color:#fff;text-decoration:none;opacity: 0.5;}
a.btn_menucontact:active{color:#fff;text-decoration:none;}


					a.btn_menucontact:before {
					display: block;
					font-family: 'FontAwesome';
					content: '\f003';
					font-size: 2.6rem;
					}

					#navbox{
					display: flex;
					}
					.top_bn_shamaison {
					margin-bottom: 20px;
					transform: translateY(-60px);
					}
					.top_bn_shamaison a{
					margin: 0 2%;
					display: block;
					}

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

.top_bn_shamaison {
	display:flex;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
}


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;
}
a:link{color:#1E3F84;text-decoration:none;}
a:visited{color:#1E3F84;text-decoration:none;}
a:hover{color:#e50202;text-decoration:underline;}
a:active{color:#1E3F84;text-decoration:none;}

.top_info_ttl a:link{color:#fff;text-decoration:none;}
.top_info_ttl a:visited{color:#fff;text-decoration:none;}
.top_info_ttl a:hover{color:#fff;text-decoration:none;}
.top_info_ttl a:active{color:#fff;text-decoration:none;}


img {vertical-align: middle;border:0;}
.pem p{
margin-bottom: 1em;}
/*位置と状態*/
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.cen{text-align:center;}
.r{text-align:right;}
.l{text-align:left;}
.bold{font-weight:bold;}
.red{color:red;}

.jisage{
padding-left:1em;
text-indent:-1em;
}
.jisage_p p{
padding-left:1em;
text-indent:-1em;
}
input[type="checkbox"],
input[type="radio"],
input[type="text"],
select{
margin-right: 4px;
}

.top_info{
background-color: #EEEEEE;
z-index: 1;
}



.top_info_ttl p{
font-size: 2.8rem;
color:#fff;
background-color: var(--main-bg);
display: inline-block;
}


.top_info_ttl a::after {
content: '';
width: 26px;
position: absolute;
top: 13px;
right: 26px;
border-bottom: solid 1px #fff;
}



.mainimg{
width: 100%;
overflow: hidden;
position: relative;
}

.mainimg img{
width: 100%;
}

/* kv */
.kv{
display: grid;
justify-content: center;
align-items: flex-start;
font-family: 'Noto Sans JP',"游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;

width: 100%;
aspect-ratio: 2/1; /*横縦*/
}
.kv .catch-copy{
inset: 0;
margin: auto;
text-align: center;
}
.kv .main-copy{
/*
font-size: 30px;
font-weight: bold;
text-align: center;
line-height: 1;
letter-spacing: .2em;*/
font-weight: bold;
line-height: 1.4;
margin-bottom: 10px;
color: #fff;
font-size: clamp(10px, 30 / 768 * 100vw, 30px)
}

.kv .sub-copy span{
color: var(--sub-color);
}
.kv .sub-copy{
text-align: center;
/*text-shadow: 1px 2px 3px #fff; */
max-inline-size: max-content;
margin-inline: auto;

/*横幅375pxのアートボード上で30pxの文字*/
font-size: clamp(10px, 20 / 768 * 100vw, 20px)
}

/* video */
.video{
  width: 100%;
		aspect-ratio: 2/1; /*横縦*/
		object-fit: cover;
  background: url(../img/kv_bg_bg.png) no-repeat center/cover;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: -1;
}

.video::after{
  content: '';
  width: 100%;
  height: 100%;
  background-color: #10394b;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  opacity: .2;
}

.video video{
  min-width: 100%;
  min-height: 100%;
  width: 100%;
		aspect-ratio: 2/1; /*横縦*/
		object-fit: cover;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
}




@media screen and (min-width: 768px) {
  /* kv */
					.kv{
					max-max-width: 1140px;
					width: 100%;
					max-inline-size: max-content;
					margin-inline: auto;
					}

					.kv .main-copy{
					font-size: 46px;
					}

					.kv .sub-copy{
					font-size: 22px;
					}

  /* video */
  .video{
    /*min-width: 960px;*/
  }
}

/*▲video*/



.top_info_bkcss_bg{
/*background-color: #eee;*/
}
.top_info_txt dt{
font-size: 1.4rem;
color:#888;
}
.top_info_txt dt span{
font-size: 1rem;
border: solid 1px var(--main-color);
display: inline-block;
color:var(--main-color);
margin-left: 0.4em;
padding: 0 0.5em;
}
.top_info_txt dd{
font-size: 1.6rem;
}

a:link{color:#000;text-decoration:none;}
a:visited{color:#000;text-decoration:none;}
.top_info_txt dd a:hover{color:#000;text-decoration:underline;}
a:active{color:#000;text-decoration:none;}




.top_info_txt dl{
margin-bottom: 1rem;
}
.top_about_li a{
text-decoration: none;
}
@media print, screen and (min-width: 640px) {
					.section1 {
					display: flex;
					font-size: 16px;
					position: relative;
					color: #fff;
					width: 30%;
					min-height: 350px;
					background-color: var(--main-bg);

					}

					.section1 img{
					margin-right: 0;
					position: absolute;
					right: -1px;
					top:0;
					}

					.section_box{
					width: 30%;
					position: relative;
					height: 352px;
					background-color: var(--main-bg);
					}
					.top_info_txt{
					padding: 80px 0;
					width: 70%;
					}
					.top_info_scroll{
					height:200px;
					overflow-y: auto;
}
					.top_info_bkcss{
					/*position: absolute;
					left: 0;
					top:0;
					z-index: -2;
					width: 100%;
					min-height: 350px;*/
					}
					.section_aerea{
					overflow: hidden;
					position: relative;
					height: 352px;
					background-color:  #eee;
					
					}
					.top_info_ttl{
					width: calc(28% - 50px);
					height: 140px;
					position: absolute;
					left: 50px;
					top:120px;
					z-index: 100;
					}

					.top_info_up{
					position: absolute;
					left: 50%;
					transform: translateX(-50%);
					top:0;
					z-index: 10;
					max-max-width: 1140px;
					width: 100%;
					min-height: 352px;
					display: flex;
					
					}



					.top_info_ttl a{
					font-size: 1.4rem;
					color:#fff;
					background-color: var(--main-bg);
						font-family: 'Noto Sans JP',"游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
					position: relative;
					display: block;
					min-width: 160px;
					}

					.top_info_ttl a::before {
					content: '';
					width: 10px;
					position: absolute;
					top: 10px;
					right: 25px;
					border-top: solid 1px #fff;
					-webkit-transform: rotate(
					45deg);
					transform: rotate(
					45deg);
					}
					.top_property_li{
						display:flex;
						justify-content:stretch;
						align-items:flex-start;
						flex-wrap:wrap;
					}
					.top_property_li,
					.top_business_li{
					padding: 0 60px;
					margin-bottom: 100px;
					margin-left: auto; margin-right: auto;
					}
					.top_property_li li,
					.top_business_li li{
					display: inline-block;
					width: 31%;
					margin-right: 3%;
					margin-bottom: 50px;
					vertical-align: top;
					}
					.top_property_li li:nth-child(3n),
					.top_business_li li:nth-child(3n){
					margin-right: 0%;
					}
					/*ABOUT 当社の特徴*/
					.bk_topabout {
					width:100%;
					background: url(../img/top_bk_about.png) no-repeat center 0;
					background-size:100%;
					padding: 300px 0 0 0;
					margin: 0 0 100px 0;
					}

					.whitebox {
					max-width: 1140px;
					background: #fff;
					margin-left: auto; margin-right: auto;
					overflow: hidden;
					}
					

					.top_about_li p{
					background-color:  var(--btn-bg);
					color: #fff;
					position: relative;
					line-height: 2;
					font-size: 1.8rem;
					font-family: 'Noto Sans JP',"游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
					padding: 10px;
					}
					.top_about_li li{
					margin-bottom: 36px;
					}
					.top_about_li p::before{
					content: '';
					width: 10px;
					position: absolute;
					top: 27px;
					right: 25px;
					border-top: solid 1px #fff;
					-webkit-transform: rotate(45deg);
					transform: rotate(45deg);
					}
					.top_about_li p::after{
					content: '';
					width: 26px;
					position: absolute;
					top: 30px;
					right: 26px ;
					border-bottom: solid 1px #fff;
					}
					.bk_top_recommend {
					width:100%;
					background: url(../img/top_bk_recommend.png) no-repeat center 0;
					background-size:100%;
					padding: 30vh 0 0 0;
					margin: 0 0 100px 0;
					display: block;
					}
					.top_map_area_l dl,
					.top_map_box p,
					.top_recommend_li_in p{
					font-size: 18px;
					}
					.top_recommend_li_in{
					width: calc(100% - 260px);
					}
					.top_recommend_li li img{
					max-width: 240px;
					}
					.top_recommend_li_in .ttl_txt01{
					margin-bottom: 20px;
					}
					
					.top_map{
					position: relative;
					display: block;
					}

					.top_map_posi{
					width: 100%;
aspect-ratio: 2000/600; /*横縦*/
					}
					.top_map_box{
					position: relative;
					z-index: 3;
					overflow: hidden;
					transform: translateY(-100px);
					}
					
					footer{
					padding: 0px 0 30px 0;
					}
					footer .inner {
					max-width: 1140px;
					padding-top: 60px;
					margin: 0 auto 30px auto;
					}
					footer .inner ul{
					display:flex;
					justify-content:center;
					align-items:flex-start;
					flex-wrap:wrap;
					margin-inline: auto;
					text-align: center;
					margin-bottom: 20px;
					}
					footer .inner ul li{
					margin-inline: 10px;
					}
					.foot_dl{
					width: 860px;
					}
					.foot_dl dl{
					display: inline-block;
					width: 250px;
					margin-right: 20px;
					margin-bottom: 30px;
					vertical-align: top;
					}
					.foot_dl dl dt{
					color: #fff;
					border-bottom: 1px solid #fff;
					margin: 0 0 0.5em 0;
					padding: 0 0 0.3em 0;
					}
					.btn_03 {
					width: 600px;
					margin-left: auto; margin-right: auto;
					}
					.layer_w{
					max-width: 1140px;
					margin-left: auto; margin-right: auto;
					overflow: hidden;
					}
					.flow_txtarea .btn_02 {
					width: 380px;}
					.top_business_li li .ttl001 span{
					display: inline-block;
					}

.top_map_area{
	display:flex;
	justify-content:space-evenly;
	align-items:flex-start;
	flex-wrap:wrap;
}

.top_map_area_l{
flex: 1;
width: calc(100% - 300px);
}

.top_map_area_r{
width: 280px;
margin-left: 20px;
}

}/**./@media print, screen and (min-width: 640px)***********************************/
/*************************************/
/*************************************/
.top_map_area_r img{
width: 100%;
margin-bottom: 10px;
display: block;
margin-inline: auto;
}
.top_map_area_l dl{
margin-bottom: 2em;
}
.top_map_area_l dl dt:first-letter{
	font-family: 'Noto Sans JP',"游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;

}
.top_map_area_l dl dt{
font-weight: bold;
color: var(--main-bg);
}
.top_property_li li img{
width:100%;
object-fit:contain;
aspect-ratio: 463/347; /*横縦*/
margin-bottom: 20px;
}
.top_property_li li p span{
color: #f00;
}

.top_business_li li .ttl001{line-height: 1.6;}

.foot_dl dl dd a{
display: block;
}

footer a:link{color:#fff;text-decoration:none;}
footer a:visited{color:#fff;text-decoration:none;}
footer a:hover{color:#fff;text-decoration:underline;}
footer a:active{color:#fff;text-decoration:none;}


.copyright {
text-align: center;
font-size: 1.2rem;
padding: 10px 0;
}

footer{
background-color: var(--main-bg);
color: #fff;
}
.foot_pagetop{
background-color: #666;
line-height: 70px;
color: #fff;
text-align: center;
width: 100%;
}
.foot_pagetop i{
color: #fff;
font-size: 50px;

}
.top_recommend_li li{
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	flex-wrap:wrap;
	margin-bottom: 30px;
}


.top_about_li{
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	flex-wrap:wrap;
}

.top_about_li a:hover{
text-decoration: none;
}


.top_business_li li img{width: 100%;
margin-bottom: 20px;}

.ttl002{
font-size: 1.8rem;
font-weight: bold;
color: var(--main-bg);
margin-bottom: 10px;
}
.ttl001{
font-size: 2.2rem;
font-weight: bold;
color: var(--main-bg);
line-height: 1;
}
.ttl_txt01{
font-size: 2.4rem;
font-weight: bold;
color: var(--main-bg);
}
.top_business_li a:link{color:#222;text-decoration:none;}
.top_business_li a:visited{color:#222;text-decoration:none;}
.top_business_li a:hover{color:#222;text-decoration:none;}
.top_business_li a:active{color:#222;text-decoration:none;}

.ttl_968txt{
font-size: 2.2rem;
font-weight: bold;
color: var(--9680-bg);
line-height: 1.4;
}

.linkarrow{
width: 100%;
line-height: 1.6;
position: relative;
display: block;
color: var(--main-bg);
}

.linkarrow::before{
content: '';
width: 10px;
position: absolute;
top: 17px;
right: 25px;
border-top: solid 1px var(--sub-color);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.linkarrow::after{
content: '';
width: 26px;
position: absolute;
top: 20px;
right: 26px ;
border-bottom: solid 1px var(--sub-color);
}


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

.btn_02 {
width: 26%;
height: 68px;
line-height: 68px;
color: #fff;
position: relative;
font-size: 1.8rem;
cursor: pointer;
background-color:var(--main-bg);
border: 1px solid var(--main-bg);
}
.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;}

.btn_03 {
height: 68px;
line-height: 68px;
color: var(--main-color);
position: relative;
font-size: 1.8rem;
cursor: pointer;
background-color: #fff;
border: 1px solid var(--sub-color);
display: block;
text-align: center;
}
.btn_03::before{
content: '';
width: 10px;
position: absolute;
top: 29px;
right: 25px;
border-top: solid 1px var(--sub-color);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.btn_03::after{
content: '';
width: 26px;
position: absolute;
top: 32px;
right: 26px ;
border-bottom: solid 1px var(--sub-color);
}
.btn_03:link {color:var(--sub-color); text-decoration: none;}
.btn_03:visited {color:var(--sub-color); text-decoration: none;}
.btn_03:hover {color:var(--sub-color); text-decoration: none;opacity: 0.5; background-color:#eee;}
.btn_03:active {color:var(--sub-color); text-decoration: none;}


.title_top span{
font-size: 1.4rem;
color: var(--sub-color);
display: block;
}
.title_top{
margin-left: auto; margin-right: auto;
text-align: center;
font-family: 'Noto Sans JP',"游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
font-size: 3.4rem;
color:var(--main-bg);
}


.section_aereabg{
background-color: #f6f6ef;
overflow: auto;
}

.ttl_area{
font-family: 'Noto Sans JP',"游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
display: flex;
}

.ttl_000{
width: 50%;
}

.ttl_000_l{
width: 50%;
}



@media print, screen and (min-width: 640px) {
					.ttl_area{
					max-width: 1140px;
					margin-left: auto; margin-right: auto;
					}
					.ttl_txt{
					font-size: 4rem;
					margin-top: 160px;
					margin-bottom: 50px;
					}
					.ttl_000{
					font-size: 13.6rem;
					margin-top: 80px;
					}
					.ttl_000 span{
					font-size: 10rem;
					line-height: 1;
					display: inherit;
					}
					.layer_cache{
					padding-top: 70px;
					margin: 0px auto 40px auto;}
					.contact_posi{
					padding-top: 50px;
					margin-bottom: 60px;
					}
					.contact_posi2{
					padding-top: 50px;
					margin-bottom: 80px;
					}
					.contact_posi2 .contact_box{
					width: 860px;
					/*max-inline-size: max-content;*/
					margin-inline: auto;
					margin-bottom: 40px;
					}
					.contact_posi2 .contact_box th {
					width: 250px;}
					.notice ul {
						width: 760px;}
					.btngroup {
						width: 580px;
						margin: 0 auto 100px;
						display: flex;
						flex-wrap: wrap;
						justify-content: space-between;
					}
				.btn_modoru,
				.btn_soshin {
					width: 44%;}
					
					.footcontact{
					padding-top: 60px;
					margin-bottom: 60px;
					}
					
					.staff_li li{
					margin-bottom: 70px;
					}
					.staff_name{
					font-size: 3.6rem;
					padding-bottom: 20px;
					margin-bottom: 40px;
					border-bottom: 3px solid #000;
					font-weight: bold;
					}
					.staff_name span{
					font-size: 1.6rem;
					display: inline-block;
					margin-left: 1em;
					font-weight: normal;
					}
					.staffbox{
						display:flex;
					justify-content:space-between;
					align-items:flex-start;
					flex-wrap:wrap;
					}
					.staffbox_r{
					width: calc(100% - 440px);
					}
					.staffbox img{
					width: 400px;
					}
					.staff_prof dt{
					width: 150px;
					float: left;
					text-align: center;
					}
					.staff_prof dd{
					margin-left: 180px;
					margin-bottom: 10px;
					font-size: 1.6rem;
					}
					.path{
					max-width: 1140px;
					margin-left: auto; margin-right: auto;
					}
}/**./@media print, screen and (min-width: 640px)***********************************/
/*************************************/
/*************************************/
.staff_prof dt{
font-size: 1.5rem;
background-color: #111;
color: #fff;
}
.staff_prof{
margin-bottom: 30px;
}


.staff_info dt{
font-size: 1.8rem;
font-weight: bold;
color: var(--sub-color);
border-left: 4px solid var(--sub-color);
padding-left: 13px;
margin-bottom: 10px;
}
.staff_info dd {
font-size: 1.6rem;
padding-left: 16px;
margin-bottom: 20px;
}

.footcontact .contact_tel_posi a.tel:link{color:var(--main-bg);text-decoration:none;}
.footcontact .contact_tel_posi a.tel:visited{color:var(--main-bg);text-decoration:none;}
.footcontact .contact_tel_posi a.tel:hover{color:var(--main-bg);text-decoration:none;}
.footcontact .contact_tel_posi a.tel:active{color:var(--main-bg);text-decoration:none;}
.footcontact .contact_tel_posi a.tel:before {color:var(--main-bg);
}


.ttl_000{
color: #f3f3f3;
}
.ttl_000{
font-family: 'Noto Sans JP',"游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
font-weight: 100;
font-style: italic;
line-height: 1;
font-feature-settings: "palt" 1;
letter-spacing: -0.04em
}


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

.layer_cache{
text-align: center;
font-size: 1.6rem;
}
.layer_cache_l{
text-align: left;
font-size: 1.6rem;
margin-bottom: 60px;
}

.contact_posi2 .contact_box table{
width: 100%;
}
.contact_posi2 .contact_box th {
font-weight: normal;
padding: 10px 2% 0px 2%;
vertical-align: top;
text-align: left;
font-size: 1.6rem;
}
.contact_posi2 .contact_box th p{
margin-top: 10px;
}
.contact_posi2 .contact_box td{
padding: 10px 2% 20px 2%;
font-size: 1.5rem;
}
.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: #d60000;
text-align: center;
font-size: 1.4rem;
padding: 1px 6px;
color: #fff;
margin-right: 10px;
}
.contact_cache{
text-align: center;
font-size: 1.8rem;
margin-bottom: 20px;
}
input[type="checkbox"] {
transform: scale(1.5);
margin: 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;
}
.notice ul li {
	margin: 0 0 0.5em 0;
	list-style-type : disc;
}
.notice ul li a:link{color:var(--main-bg);text-decoration: underline;}
.notice ul li a:visited{color:var(--main-bg);text-decoration: underline;}
.notice ul li a:hover{color:var(--main-bg);text-decoration: none;}
.notice ul li a:active{color:var(--main-bg);text-decoration: underline;}

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

.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 p{
display: block;
font-size: 2.2rem;
}

.contact_tel_posi_r {}

.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: 68px;
	line-height: 68px;
	text-align: center;
	color: #fff;
	position: relative;
	background:var(--main-bg) ;
	border: none;
	cursor: pointer;
	font-size: 1.8rem;
}
.btn_modoru {
	display: block;
	height: 68px;
	line-height: 68px;
	text-align: center;
	color: #222;
	background: #ccc;
	border: none;
	cursor: pointer;
	font-size:2rem;
	position: relative;
}
.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;
}
.ttl_bg {
position: relative;
background-size: cover !important;
aspect-ratio: 1920/500; /*横縦*/
object-fit: cover;
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
text-align: center;
vertical-align: middle;
width: 100%;
}

.ttl_jirei{
background: url("../img/ttl_jirei.png") center center / cover no-repeat;
}
.ttl_flow{
background: url(../img/ttl_flow.png) center center / cover no-repeat;
}

.ttl_form_corporate{
background: url(../img/ttl_form_corporate.png) center center / cover no-repeat;
}
.ttl_form_personal{
background: url(../img/ttl_form_personal.png) center center / cover no-repeat;
}
.ttl_sell{
background: url(../img/ttl_sell.png) center center / cover no-repeat;
}
.ttl_privacy{
background: url(../img/ttl_privacy.png) center center / cover no-repeat;
}
.ttl_owner{
background: url(../img/ttl_owner.png) center center / cover no-repeat;
}
.ttl_sitemap{
background: url(../img/ttl_sitemap.png) center center / cover no-repeat;
}
.ttl_info{
background: url(../img/ttl_info.png) center center / cover no-repeat;
}
.ttl_company{
background: url(../img/ttl_company.png) center center / cover no-repeat;
}
.ttl_business{
background: url(../img/ttl_business.png) center center / cover no-repeat;
}
.ttl_staff{
background: url(../img/ttl_staff.png) center center / cover no-repeat;
}
.ttl_contact{
background: url(../img/ttl_contact.png) center center / cover no-repeat;
}
.ttl_spec{
background: url(../img/ttl_spec.png) center center / cover no-repeat;
}

.ttl_bg .ttl_000_l .ttl_txt,
.ttl_business .ttl_000_l .ttl_txt,
.ttl_sitemap .ttl_000_l .ttl_txt,
.ttl_info .ttl_000_l .ttl_txt,
.ttl_sell .ttl_000_l .ttl_txt,
.ttl_form_corporate .ttl_000_l .ttl_txt,
.ttl_form_personal .ttl_000_l .ttl_txt,
.ttl_sell .ttl_000_l .ttl_txt,
.ttl_privacy .ttl_000_l .ttl_txt,
.ttl_contact .ttl_000_l .ttl_txt,
.ttl_staff .ttl_000_l .ttl_txt,
.ttl_company .ttl_000_l .ttl_txt,
.ttl_owner .ttl_000_l .ttl_txt,
.ttl_spec .ttl_000_l .ttl_txt,
.ttl_flow .ttl_000_l .ttl_txt{
color: #fff;
text-align: left;
margin-bottom: 2rem;
}
.ttl_sitemap .ttl_000{
font-size: 14rem;
opacity: .8;
text-align: left;
line-height: 1;
}
.ttl_staff .ttl_000{
font-size: 17rem;
opacity: .8;
text-align: left;
line-height: 1;
}
.ttl_form_corporate .ttl_000{
font-size: 9rem;
opacity: .8;
text-align: left;
}
.ttl_business .ttl_000{
font-size: 10rem;
opacity: .8;
text-align: right;
}

.ttl_bg .ttl_000,
.ttl_info .ttl_000,
.ttl_form_personal .ttl_000,
.ttl_sell .ttl_000,
.ttl_privacy .ttl_000,
.ttl_contact .ttl_000,
.ttl_company .ttl_000,
.ttl_owner .ttl_000,
.ttl_flow .ttl_000{
font-size: 10rem;
opacity: .8;
text-align: left;
}

@media print, screen and (min-width: 640px) {
					.contact_cache{
					font-size: 2.4rem;
					}
					.ttl_bg .ttl_area,
					.ttl_business .ttl_area,
					.ttl_info .ttl_area,
					.ttl_sitemap .ttl_area,
					.ttl_form_corporate .ttl_area,
					.ttl_form_personal .ttl_area,
					.ttl_form_corporate .ttl_area,
					.ttl_form_personal .ttl_area,
					.ttl_sell .ttl_area,
					.ttl_privacy .ttl_area,
					.ttl_contact .ttl_area,
					.ttl_staff .ttl_area,
					.ttl_company .ttl_area,
					.ttl_owner .ttl_area,
					.ttl_spec .ttl_area,
					.ttl_flow .ttl_area{
					align-items:flex-end;
					position: absolute;
					bottom: 0;
					left: 0;
					right: 0;
					}
					.flow_box {
					margin-bottom: 130px;
					}
					.flow_box li{
					padding: 30px;
					box-sizing: border-box;
					margin-bottom: 50px;
					}
					.flow_box li dl dt span{
					font-size: 4.2rem;
					display: inline-block;
					margin-right: 24px;
					padding-right: 24px;
					padding-left: 10px;
					color: var(--main-color);
					line-height: 1.2;
					}
					.flow_box li dl dt p{
					font-size: 2.6rem;
					}

					.flow_box li dl dt{
					padding-bottom: 24px;
					margin-bottom: 24px;
					}
					.flow_box li dl dd{
					display: flex;
					justify-content:space-between;
					flex-wrap:wrap;
					}
					.flow_box li dl dd img{
					max-width: 350px;
					height: auto;
					}
					.flow_txtarea{
					width: calc(100% - 370px);
					}
					.flow_box li dl dd p{
					font-size: 1.6rem;
					}
					.owner_li li{
					margin-bottom: 70px;
					}
					.owner_li li{
					display:flex;
					justify-content:space-between;
					align-items:flex-start;
					flex-wrap:wrap;
					}
					.owner_li li:nth-child(even){
					flex-direction: row-reverse; /* 横並び逆順 */
					}
					.owner_li li img{
					width: 500px;
					}
					.owner_li li dl{
					width: calc(100% - 540px);
					}
					#company p{
					font-size: 1.6rem;
					}

					#company iframe{
					width: 100%;
					height: 550px;
					}
					.company_li li dl dt{
					float: left;
					}
					.company_li li dl dd{
					margin-left: 200px;
					}
					.company_li li{
					padding: 30px;
					font-size: 1.6rem;
					}
					.privacy_li{
					margin-bottom: 60px;
					}
					
					#owner_whitebox .flow_box li dd img{
					width: 340px;
					}
				.company_greeting_text{
				display:flex;
				justify-content:space-evenly;
				align-items:flex-start;
				flex-wrap:wrap;
				}
				.company_greeting_text figure{
				width: 30%;
				}
				
				.company_greeting_text figure img{
				width: 100%;
				}
				.company_greeting_text_in{
				text-align: left;
				margin-right: 40px;
				width: calc(100% - 38%);
				}
}/**./@media print, screen and (min-width: 640px)***********************************/
/*************************************/
/*************************************/
.company_greeting_text figure{
text-align: center;
}
.company_greeting_text figcaption{
	font-family:'Noto Serif JP', "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
font-size: 120%;
line-height: 1.4;
}

.company_li li:nth-child(odd){
background-color: #f6f6ef;
}




.ttl_01{
font-weight: bold;
font-size: 2.6rem;
margin-bottom: 40px;
}
.ttl_01 span{
font-weight: normal;
font-size: 12px;
display: inline-block;
margin-left: 20px;
color: var(--sub-color);
}

.ttl_02{
font-weight: bold;
font-size: 2.6rem;
margin-bottom: 16px;
}


.ttl_02 {
display: flex;
align-items: center;
}
.ttl_02:before {
border-top: 1px solid;
content: "";
/*flex-grow: 1;*/
color: var(--sub-color);
width: 30px;
}
.ttl_02:before {
margin-right: 10px;
}

.ttl_03{
font-weight: bold;
font-size: 3.2rem;
margin-bottom: 40px;
}
.ttl_03 span{
font-weight: normal;
font-size: 12px;
display: inline-block;
margin-left: 20px;
color: var(--sub-color);
}

.ttl_03.bar{
width: 100%;
border-bottom: 1px solid #ccc;
position: relative;
padding-bottom: 20px;
}
.ttl_03.bar:after {
content: "";
background-color: var(--main-bg);
position: absolute;
left: 6px;
bottom: -1px;
height: 1px;
width: 320px;
}
.ttl_04{
text-align: center;
font-size: 3.4rem;
font-weight: bold;
color: var(--main-bg);
}
.ttl_04 span{
font-size: 14px;
color: var(--sub-color);
display: block;
font-weight: normal;
}
.ttl_05{
font-weight: bold;
font-size: 2.2rem;
display: inline-block;
margin-bottom: 20px;
}

.service_txt_area{
margin-left:40px;
}

.flow_box li{
border: 1px solid #ccc;}

.flow_box li dl dt{
border-bottom: 1px solid #ccc;
}
.flow_box li dl dt span{
border-right: 1px solid #ccc;
}
.flow_box li dl dt p{
font-weight: bold;
display: inline-block;
}
.flow_box li dl dd p{
margin-bottom: 1em;
}

.bdt{
border-top: 1px solid #ccc;
}

.service_txt_box{
border: 1px solid #ccc;
padding: 30px;
}

.service_txt_box p{
font-weight: bold;
font-size: 1.8rem;
margin-bottom: 1em;
}


.service_txt_box ul{

}
.service_txt_box ul li{
width: 24%;
display: inline-block;
margin-bottom: 4px;
}


.owner_li li dl dt{
font-weight: bold;
font-size: 2.2rem;
display: inline-block;
margin-bottom: 20px;
}
.owner_li li dl dt span{
font-size: 4rem;
display: inline-block;
margin-right: 20px;
color: var(--main-color);
font-weight: normal;
}


.owner_li li dl dd p{
font-size: 1.5rem;
}

.privacy01{
margin-right: 1em;
}
.privacy01 ol{
margin-left: 1em;
}
.privacy01 ol li{
list-style-type: decimal;
	margin: 0 0 20px 18px;
	display: list-item;
	
}
.privacy_li li{
margin-bottom: 3em;
}

.privacy_li li dd ul{
}
.privacy_li li dd ul li{
margin-bottom: 0.5em;
padding-left:1.5em;
text-indent:-1.5em;
}
.privacy_li li dd.privacy_jisage p{
padding-left: 1.5em;
text-indent: -1.5em;
}
.privacy_li li dd.privacy_jisage p + p{
margin-top: 0.5em;

}
.privacy_li dl dt {
font-weight: bold;
font-size: 2.2rem;
display: inline-block;
margin-bottom: 10px;
}

#owner_whitebox .flow_box li{
background-color: #fff;
}

#owner_whitebox .flow_box li .flow_txtarea p span{
color: var(--sub-color);
}

.sitemap_wrap ul li a {
display: block;
width: 100%;
color: var(--main-color);
font-size: 18px;
text-decoration: none;
border-bottom: solid 1px #ccc;
padding: 10px 0;
margin-top: 40px;
letter-spacing: 2px;
}


@media print, screen and (min-width: 640px) {
					.sitemap_wrap ul li:first-child a {
					margin-top: 0px;
					}
					.sitemap_wrap{
					display:flex;
					justify-content:space-between;
					align-items:flex-start;
					flex-wrap:wrap;
					margin-bottom: 100px;
					}

					.sitemap_right,
					.sitemap_left {
					width: 48%;
					}
					.privacy01{
					font-size: 1.6rem;
					}
					.Area03{
					padding: 0 60px 60px 60px;
					}
					.ttl_h3{
					font-size: 2.6rem;}

					.ttl_h3 span{
					font-size: 1.8rem;}
					.Area03 .note th {
									width: 300px;
					}
					.Area03 .note{
					margin-bottom: 50px;
					}
					.Area03 .note th span{
					font-size: 1.4rem;
					}
					.Area03 .note textarea {
					width: 80%;}
					
					.wrap_cms{
					width: 960px;
					margin-left: auto; margin-right: auto;
					margin-bottom: 40px;
					}
					.sitemapli{
					margin-bottom: 60px;
					padding-top: 40px;
					}
					.sitemapli li{
					display: inline-block;
					width: 44%;
					margin-left: 2%; margin-right: 2%;
					vertical-align: top;
					}
					
}/**./@media print, screen and (min-width: 640px)***********************************/
/*************************************/
/*************************************/

.ttl_h3 p{
display: flex;
align-items: center;
font-weight: bold;

color: var(--sub-color);
}
.ttl_h3{
display:flex;
align-items: center;
margin-bottom: 16px;
}
.ttl_h3 span{
display: inline-block;
margin-left: 10px;
color: var(--sub-color);
line-height: 2.4;
}
.ttl_h3 p:before {
border-top: 1px solid;
content: "";
/*flex-grow: 1;*/
margin-right: 10px;
width: 30px;
color: #222;
}

.Area03 .note{
width: 100%;
}
.Area03 .note th {
font-weight: normal;
padding: 10px 2% 0px 2%;
vertical-align: top;
text-align: left;
font-size: 1.6rem;
background-color: #FCF3F4;
border-bottom: 1px solid #fff;
}

.Area03 .note th p{
margin-top: 10px;
}
.Area03 .note td{
padding: 10px 2% 20px 2%;
font-size: 1.5rem;
border-bottom: 1px solid #eee;
}
.Area03 .note td input[type="file"], 
.Area03 .note td input[type="button"] {
padding: 2px 8px;
outline: none;
}
.Area03 .note td input[type="text"] {
width: 14%;
}
.Area03 .note td 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;
}

.Area03 .note .f_txtposi {
margin-bottom: 10px;
}

.Area03 .note .form_01{
width: 80% !important;}
.Area03 .note .form_02,
.Area03 .note .form_03{
width: 30% !important;
text-align: left;
display: inline-block;
}

.Area03 .emp01{
color: var(--sub-color);
margin-bottom: 1em;
}

.ttl01{
font-size: 2rem !important;
color: #666;
font-weight: bold;
}

/*アコーディオン*/
.formmenu {

}
.formmenu label {
color: var(--sub-color);
padding: 10px;
display: block;
margin: 0;
margin-bottom: 40px;
}

.formmenu input[type="checkbox"].on-off{
    display: none;
}

.formmenu ul {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
margin: 0;
padding: 0;
list-style: none;
}

.formmenu li {
    padding: 5px;
}

input[type="checkbox"].on-off + ul{
    height: 0;
    overflow: hidden;
}

input[type="checkbox"].on-off:checked + ul{
    height: 260px;
}
.doukyo_bottom{
margin-top: 20px;
}
.doukyo_bottom .note{
margin-bottom: 10px !important;

}
.Area03 .note textarea {
height: 170px;
border-radius: 4px;
padding: 10px 12px;
border: 1px solid #aaa;
outline: none;
}

.sitemapli li dl dt{
color: var(--sub-color);
}

.sitemapli li a:link{color:#333; text-decoration:none;}
.sitemapli li a:visited{color:#333; text-decoration:none;}
.sitemapli li a:hover{color:#222; text-decoration:underline;}
.sitemapli li a:active{color:#333; text-decoration:none;}

.sitemapli li a{
display: block;
margin-bottom: 10px;
}
.sitemapli li a:before {
content: "-";
margin-right: 3px;
font-size: 60%;
color: #333;
font-weight: bold;
}



.sitemapli dl dt{
font-family: 'Kosugi Maru', sans-serif;
color: #666;
font-size: 140%;
border-bottom: 1px solid #aaa;
padding-bottom: 1em;
margin-bottom: 1em;
}
.sitemapli{
width: 100%;
}
.sitemapli li{
margin-bottom: 3em;}

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

@media print, screen and (min-width: 640px) {
					.bisiness_ill01{
					width: 80%;
					}
}/**./@media print, screen and (min-width: 640px)***********************************/
/*************************************/
/*************************************/

p#gaitokensu{height:auto; }

#wrap{margin-bottom: 2em;}
					@media print, screen and (min-width: 640px) {
					#wrap{
					width: 960px;
					margin-inline: auto;
					display: block;
					}

					#dpcms_h2_address_t01,
					#dpcms_h2_address_t02,
					.dpcms_cen.dpcms_h2_pano,
					.dpcms_h2_bukkenshosai_t01,
					.dpcms_h2_bukkenshosai_t02,
					.dpcms_h2_bukkenshosai_t03,
					.dpcms_h2_station_t01,
					.dpcms_h2_station_t02{
					margin-bottom: 10px;
					}
					.dpcms_ichi_checkarea {
					display: inline-block;
					height: auto !important;
					}
					}