@charset "utf-8";

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

:root {
  --main-color: #F68B1F;
}

/* background-color: var(--main-color);*/
figure, figcaption
{margin:0; padding:0;}

*,
*:before,
*:after {
  box-sizing: border-box;
}

/* PC用CSS */
@media print, screen and (min-width: 640px) {
					html {
					font-size: 62.5%;
					}
					.pcno {
					display: none;
					}
					a[href^="tel:"] {
					pointer-events: none;
					}
					.top-information {
					border: 3px solid #ee8888;
					border-radius: 4px;
					margin: 30px auto;
					padding: 16px;
					background-color: #fff4f4;
					width: 922px;
					}
					.top-information h3{
					border-left:4px solid #555;
					text-indent:10px;
					font-weight:bold;
					font-size:16px;
					color:#555;
					margin:0 0 10px 0;
					}
					.top-information p:not(:last-child) {
					margin-bottom: 0.5rem;
					}

					.top-information.info {
					border: 3px solid #87cefa;
					background-color: #f4ffff;
					}

					.pcno{
					display:none !important;
					}

					aside, footer, header, nav, section{
					display: block;
					margin:0;
					padding:0;
					}
					body{
					width:100%;
					min-width:960px;/*横スクロールで背景が切れないように*/
					line-height:1.7;
					font-size:1.4rem;
					padding:0;
					margin:0;
					font-family: Verdana,Arial,"メイリオ",Meiryo,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
					color:#000;
					}

					ul, ol, dl,dt,dd,div,ol,ul,li {
					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;}

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

					img {vertical-align: middle;border:0;}

					/*位置と状態*/
					.r{ text-align: right;}
					.left{float:left;}
					.right{float:right;}
					.clear{clear:both;}
					.cen{text-align:center;}
					.textright{text-align:right;}
					.bold{font-weight:bold;}
					.imgcen{
					margin-left:auto; margin-right:auto;
					display: block;
					text-align: center;
					}
					/*余白*/
					.mb05em {margin-bottom:0.5em;}
					.mb1em {margin-bottom:1em;}
					.mb2em {margin-bottom:2em;}
					.mb3em {margin-bottom:3em;}
					.pb1em {padding-bottom:1em;}
					.pb2em {padding-bottom:2em;}
					.ml1em {margin-left:1em;}
					.ml2em {margin-left:2em;}
					.mt05em {margin-top:0.5em;}
					.mt1em {margin-top:1em;}
					.mtb1em {margin-top:1em;
					margin-bottom:1em;}
					.s_bottom{margin-bottom:60px;}
					.m10a{
					margin:10px auto;}
					.jisage{
					padding-left:1em;
					text-indent:-1em;
					}

					input[type="checkbox"],
					input[type="text"],
					select{
					margin:0 4px 0 0;
					}
					img.waku{
					padding:2px;
					background:#fff;
					border:1px solid #ccc;
					}
					.ovfh{
					overflow:hidden;}
					.pem p{
					margin-bottom: 1em;}
					/*-----------------------------------------------
					header
					-----------------------------------------------*/
					header{
					width:960px;
					margin:0 auto 10px auto;
					}
					header:after{content: "";display: block;clear: both;}

					header .header_inner{
					width:960px;
					margin:4px 0 0 0;
					position:relative;
					}

					header .header_logo{
					width:540px;
					float:left;
					}
					.logo img{
					width:433px;
					}
					
					header .header_logo .catchtext{
					height:16px;
					margin:0px 0 14px 0;
					color:#333;
					}
					header .header_info{
					width:370px;
					margin-top: 20px;
					float:right;

					}
					header .header_info .h_info{
					float:left;
					width:270px;
					margin:0px 4px 0 0;
					}
					header .header_info .btn_h_mail{
					float:right;
					width:115px;
					height:70px;
					margin-bottom: 5px;
					}

					.headinfol {
					display: inline-block;
					width: 254px;
					}

					.h_tel{
					display: block;
					margin-bottom: 6px;
					letter-spacing: -0.1px;
					font-size: 32px;
					line-height: 1;
					color: #e50012;
					font-weight: bold;
					font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
					}
					.h_tel a:before{
					font-family: 'FontAwesome' ;
					content: '\f095';
					display: inline-block;
					width: 1.0em;
					text-align: center;
					font-size: 1em;
					line-height: 1;
					color: var(--main-color);
					}
					.h_tel a:link{color:var(--main-color); }
					.h_tel a:visited{color:var(--main-color); }
					.h_tel a:hover{color:var(--main-color); }
					.h_tel a:active{color:var(--main-color); }
					.h_tel span{
					display: block;
					text-align: right;
					font-size: 10px;
					line-height: 1;
					margin-right: 15px;
					/*letter-spacing: -0.1em;*/
					}

					.h_time{
					font-size:11px;
					line-height:1.5;
					letter-spacing:0.2px;
					}



					/*-----------------------------------------------
					footer
					-----------------------------------------------*/
					.footcontactposi{
					margin-left:auto; margin-right:auto;
					display: block;
					text-align: center;
					padding: 20px;
					margin-bottom: 30px;
					}
					footer{
					width:100%;
					color:#fff;
					font-size:12px;
					padding: 10px 0;
					}
					footer .footer_inner{
					width:960px;
					margin:0 auto 10px;
					overflow:hidden;
					}
					footer .footer_inner:after{content: "";display: block;clear: both;}

					footer .footer_inner .pagetop{
					float:right;
					display:block;
					width:64px;
					height:64px;
					}
					footer .footer_inner ul{
					float:left;
					width:860px;
					margin:20px 0 0 0;
					line-height:1.8;
					}
					footer .footer_inner ul li{
					float:left;
					padding:0 10px;
					border-right:1px solid #ccc;
					margin-bottom:10px;
					width: 140px;
					}
}/*@media print, screen and (min-width: 640px) 
*/
		@media print, screen and (max-width: 640px) {
		.pagetop {
		width: 44px;
		height: 44px;
		padding-top: 8px;}
		.pagetop .fa-chevron-up{
		font-size: 26px;
		}

		.pagetop .fa-chevron-up:after{
		transform: translateY(-8px);}
		}/*@media print, screen and (max-width: 640px) 
		*/
.pagetop {
width: 64px;
height: 64px;
padding-top: 6px;
padding-left: 10px;
padding-right: 10px;
box-sizing: border-box;
color: #fff;
border-radius: 6px;
text-align: center;
border: 1px solid #fff;
background:rgba(0,0,0,0.4);

display: block;
position: fixed;
bottom: 1.5em;
right: 5px;
}

.pagetop .fa-chevron-up{
color: #fff;
font-size: 32px;
text-align: center;
margin-left: auto; margin-right: auto;
line-height: 1;
}



.pagetop .fa-chevron-up:after{
content: 'TOP';
display: inline-block;
text-align: center;
line-height: 1;
color: #fff;
font-size: 12px;
transform: translateY(-14px);
	font-family: 'Noto Sans JP',"游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
}


@media print, screen and (min-width: 640px) {

					/*-----------------------------------------------
					共通
					-----------------------------------------------*/
					.contents{
					width:960px;
					margin:0 auto 40px;
					}
					.contents:after{content: "";display: block;clear: both;}

					main{
					}

					aside{
					width: 214px;
					margin-bottom: 2em;
					}
					.pan{
					width: 100%;
					background-color: #eee;
					}
					.pan p{
					font-size: 12px;
					color: #666;
					padding: 5px 0;
					font-weight: normal;
					width: 960px;
					margin-left: auto;
					margin-right: auto;
					min-height: 20px;
					overflow: hidden;
					line-height: 1.6;
					position: relative;
					margin-bottom: 10px;
					
					}
					.pan p a i{
					font-size: 120%;
					}
					.wrapper:after{content: "";display: block;clear: both;}



					/*-----------------------------------------------
					トップページコンテンツ
					-----------------------------------------------*/

					/*各エリア*/
					.area01{
					overflow:hidden;
					background:#F6F6F6;
					padding:12px 0 20px 22px;
					margin:0 0 30px 0;
					}
					.area02{
					overflow:hidden;
					background:#F6F6F6;
					padding:12px 20px 20px 22px;
					margin:0 0 30px 0;
					}
					.jigyonaiyo_inner{
					width:920px;
					overflow:hidden;
					}
					.jigyonaiyo_inner:after{content: "";display: block;clear: both;}

					.jigyonaiyo_inner ul{
					width:940px;
					margin:0 -20px 0 0;
					overflow:hidden;

					display:flex;

					flex-wrap:wrap;
					}



					.jigyonaiyo_inner ul li{
					float:left;
					width:290px;
					margin:0 20px 20px 0;
					background:#fff;
					position:relative;
					border:1px solid #ccc;
					-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.4);
					-moz-box-shadow: 0px 3px 6px rgba(0,0,0,0.4);
					-ms-box-shadow: 0px 3px 6px rgba(0,0,0,0.4);
					-o-box-shadow: 0px 3px 6px rgba(0,0,0,0.4);
								box-shadow: 0px 3px 3px rgba(0,0,0,0.4);

					-webkit-border-radius: 0.2em;
					-moz-border-radius: 0.2em;
					-ms-border-radius: 0.2em;
					-o-border-radius: 0.2em;
								border-radius: 0.2em;
								padding-top: 20px;
								padding-bottom: 10px;
					}
					.jigyonaiyo_inner ul li .jigyobox{
					padding:0px 14px 14px;
					/*height:220px;*/
					}

					.jigyo_rino{
					width: 600px !important;
					position: relative;
					}
					.jigyo_rino p{
					position: absolute;
					left: 20px;
					top:60px;
					width: 300px;
					}
					.mt16{
					margin-top: 16px;
					}
					.jigyo_rino h3{
					display:flex;
					justify-content:space-between;
					align-items: start;
					flex-wrap:wrap;
					}
					


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

.top_about .area01_inner .left iframe{
height: 230px;
}
.title_about{
background-color: #FFE4DE;
border-radius: 3px;
overflow: hidden;
padding:1em;
margin-bottom: 1em;
}
/*ttl タイトル*/


.title_about h2{
overflow:hidden;
line-height:16px;
font-size:120%;
display:block;
color:#2B7500;
/*border-bottom: 2px solid #fff;*/
}


.title_about h2 span{
font-size: 70%;
font-family: 'Sawarabi Gothic', sans-serif;
margin-left: auto;
display: block;
}



.title_about h2{
width: 100%;
text-align: center;
padding-bottom: 3px;
background: linear-gradient(to right, #fff 80%, #FFE4DE 96%);
}
.title_about h2 p {
display: inline-block;
width: 100%;
background: #FFE4DE;
}



.title_about h2{
color:var(--main-color);
font-family: 'Noto Sans JP',"游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
font-weight: bold;
font-size:24px;
line-height: 50px;

}

.title_about h2:last-child{

}
.title_about h2 p:before {
display: inline-block;
font-family: 'FontAwesome';
content: '\f041';
font-size: 120%;
margin-right: 6px;
}
.title_about .text{
font-size:14px;
text-indent:24px;
padding-top: 10px;
padding-bottom: 10px;
}




.top_info_r img{
margin-bottom: 1em;
}
.top_info_l{
margin-bottom: 1em;
}

@media print, screen and (min-width: 640px) {
					.title_about h2 p{display: flex;}
					.jigyonaiyo_inner ul li .jigyobox .shosai{
					position:absolute;
					bottom:10px;
					right:8px;
					}
					.top_about{
					width:960px;
					overflow:hidden;
					margin:0 0 20px 0;
					}

					

					.area01_inner{
					width:960px;
					padding:18px 0;
					}
					.area01_inner:after{content: "";display: block;clear: both;}

					.area01_inner .photo{
					padding:3px;
					display: block;
					width: 300px;
					}
					.area01_inner .left p{
					margin-left: 20px;
					}
					.area01_inner .text{
					float:right;
					margin:0 0 0 0;
					width:calc(100% - 330px);
					}
					.area01_inner .text ul li{
					padding:8px 0;
					border-bottom:1px solid #ccc;
					}
					.top_info,
					.top_annaizu{
					width:960px;
					overflow:hidden;
					}
					.top_annaizu iframe,
					.top_annaizu img{
					width:100%;
					display:inline-block;
					vertical-align:top;
					}
					.top_info_posi{
						display:flex;
						justify-content:space-between;
						align-items:flex-start;
						flex-wrap:wrap;
					}
					.top_info_l{
					width: calc(100% - 445px);
					}
					.top_info_r{
					width: 415px;
					}
					.titletopics h2{
					background:url(../img/title_topics.png) repeat-x;
					height:37px;
					white-space: nowrap;text-indent: 100%;overflow: hidden;/*テキスト非表示*/
					}


					.ttl_privacy{
					aspect-ratio: 960/200; /*横縦*/
					background: url(../img/ttl_privacy.png) no-repeat;
					box-sizing:border-box;
					margin-bottom: 30px;
					color:#fff;
					font-family: "游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",monospace, sans-serif;
					line-height:2;
					text-align: left !important;
					}

					.ttl_next{
					width: 960px;
					margin-left: auto; margin-right: auto;
					display: block;
					text-align: center;
					}
					.ttl_staff{
					aspect-ratio: 960/200; /*横縦*/
					background: url(../img/ttl_staff.png) no-repeat;
					box-sizing:border-box;
					margin-bottom: 30px;
					color:#fff;
					font-family: "游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",monospace, sans-serif;
					line-height:2;
					margin-left: auto; margin-right: auto;
					display: block;
					text-align: left;
					}
					.ttl_contact{
					aspect-ratio: 960/200; /*横縦*/
					background: url(../img/ttl_contact.png) no-repeat;
					box-sizing:border-box;
					margin-bottom: 30px;
					color:#fff;
					font-family: "游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",monospace, sans-serif;
					line-height:2;
					margin-left: auto; margin-right: auto;
					display: block;
					text-align: left;
					}
					.ttl_news{
					aspect-ratio: 960/200; /*横縦*/
					background: url(../img/ttl_news.png) no-repeat;
					box-sizing:border-box;
					margin-bottom: 30px;
					color:#fff;
					font-family: "游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",monospace, sans-serif;
					line-height:2;
					margin-left: auto; margin-right: auto;
					display: block;
					text-align: left;
					}
					.ttl_buy{
					aspect-ratio: 960/200; /*横縦*/
					background: url(../img/ttl_buy.png) no-repeat;
					box-sizing:border-box;
					margin-bottom: 30px;
					color:#fff;
					font-family: "游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",monospace, sans-serif;
					line-height:2;
					margin-left: auto; margin-right: auto;
					display: block;
					text-align: left;
					}
					.ttl_sitemap{
					width: 720px;
					height: 175px;
					background: url(../img/ttl_sitemap.jpg) no-repeat;
					box-sizing:border-box;
					margin-bottom: 30px;
					color:#222;

					font-family: "游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",monospace, sans-serif;
					line-height:2;

					text-align: left;
					}
					.ttl_company{
					aspect-ratio: 960/200; /*横縦*/
					background: url(../img/ttl_company.png) no-repeat;
					box-sizing:border-box;
					margin-bottom: 30px;
					color:#fff;
					line-height:2;
					text-align: left;
					}

					.ttl_info{
					width: 720px;
					height: 175px;
					background: url(../img/ttl_info.png) no-repeat;
					box-sizing:border-box;
					margin-bottom: 30px;
					color:#222;
					line-height:2;
					text-align: left;
					}

					.ttl_cancel{
					width: 720px;
					height: 175px;
					background: url(../img/ttl_cancel.png) no-repeat;
					box-sizing:border-box;
					margin-bottom: 30px;
					color:#222;
					line-height:2;
					text-align: left;
					}
					.ttl_buy p,
					.ttl_news p,
					.ttl_staff p,
					.ttl_privacy p,
					.ttl_sitemap p,
					.ttl_cancel p,
					.ttl_info p,
					.ttl_contact p,
					.ttl_company p{
					text-shadow: 2px 2px 3px rgba(0,0,0,0);
					font-size: 30px;
					font-weight: bold;
					padding:2em 0 0 1em;
					font-family: 'Poppins', 'Noto Sans JP', sans-serif;
					}
					/*-----------------------------------------------
					共通
					-----------------------------------------------*/
					.wrap,
					.contents{
					width:960px;
					margin:0 auto 60px;
					}
					.wrap:after,
					.contents:after{content: "";display: block;clear: both;}

					.wrapper{
					width:960px;
					margin:0 auto;
					}
					.wrapper:after{content: "";display: block;clear: both;}

					/*パンくず*/
					.path{
					margin:0 0 20px 0;
					font-size:11px;
					height:20px;
					}
					.contents_inner{
					width:960px;
					margin:0 auto 40px;
					}
					/*左コンテンツ*/
					.inner_left{
					float:left;
					width:720px;
					margin:0 0 30px 0;
					}
					.sidemenu {
					float: right;
					width: 214px;
					overflow: hidden;
					}
					.sidemenu img{
					margin:0 0 20px 0;
					}
					.sidemenu_inner{
					padding:0 0 15px 0;
					}
					.sidemenu_inner dl{
					margin:0 0 20px 0;
					}
					.sidemenu_inner dt{
					text-align: center;
					color: #fff;
					background-color: #666;
					border-top-left-radius: 4px;
					border-top-right-radius: 4px;
					font-size: 16px;
					padding: 4px;
					}
					.sidemenu_inner dd{
					width:100%;
					margin:10px 0 0 0;
					}
					.sidemenu_inner dd a:link{color:#003f63; text-decoration: underline;}
					.sidemenu_inner dd a:visited{color:#003f63; text-decoration: underline;}
					.sidemenu_inner dd a:hover{color:#990000;text-decoration:underline;}
					.sidemenu_inner dd a:active{color:#003f63; text-decoration: underline;}

					.sidemenu_inner dd ul li{
					border-bottom:1px dotted #999;
					padding:5px 0;
					margin:10px 0 0 0;
					}

					.sidemenu_inner dd li a:link{color:#003f63; text-decoration: none;}
					.sidemenu_inner dd li a:visited{color:#003f63; text-decoration: none;}
					.sidemenu_inner dd li a:hover{color:#990000;text-decoration:underline;}
					.sidemenu_inner dd li a:active{color:#003f63; text-decoration: none;}

					/*お問い合わせ*/
					.calculatetable .w_100{
					width: 90%;
					}
					.calculatetable td textarea {
					width: 90%;
					}
					.yaji_box{
					overflow: hidden;
					}

					/* 矢印エリア */
					.yajirushi{
					width:30%;
					float:left;
					margin:0 20px 20px 0;
					font-family: 'Noto Sans JP',"游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;

					}
					.arrow{
					width:100%;
					}
					/* 矢印on */
					.arrow_on {
					padding-top: 5px; /* 要素の上の余白調整 */
					width: 96%; /* 四角形の幅 */
					height: 40px; /* 四角形の高さ */
					background: #666;
					position: relative;
					color:#fff;
					}
					.arrow_on:after {
					border-left: 20px solid #666; /* 右向きの三角形を作るため左のボーダーに色を付ける */
					border-top: 20px solid transparent; /* 上のボーダーを透過に指定 */
					border-bottom: 20px solid transparent; /* 下のボーダーを透過に指定 */
					content: "";
					position: absolute;
					right: -20px;
					top: 0;
					}
					/* 矢印off */
					.arrow_off {
					padding-top: 5px; /* 要素の上の余白調整 */
					width: 96%; /* 四角形の幅 */
					height: 40px; /* 四角形の高さ */
					background: #eee;
					position: relative;
					color:#aaa;
					}
					.arrow_off:after {
					border-left: 20px solid #eee; /* 右向きの三角形を作るため左のボーダーに色を付ける */
					border-top: 20px solid transparent; /* 上のボーダーを透過に指定 */
					border-bottom: 20px solid transparent; /* 下のボーダーを透過に指定 */
					content: "";
					position: absolute;
					right: -20px;
					top: 0;
					}
					/* テキストの指定 */
					.arrow span {
					position: relative;
					z-index: 3;
					font-weight: bold;
					height:30px;
					line-height:30px;
					font-size:14px;
					text-align:center;
					padding:0 0 0 5px;
					display:block;
					}

					/*-----------------------------------------------
					解約通知フォーム
					-----------------------------------------------*/
					.title_kaiyaku{
					width:100%;
					height:160px;
					border-top:1px solid #F0F2F5;
					border-bottom:1px solid #F0F2F5;
					white-space: nowrap;text-indent: 100%;overflow: hidden;
					background-image:url(../img/title_kaiyaku.png),url(../img/bk_bigtitle.png);
					background-repeat:no-repeat,repeat;
					background-position:center 50%,	0% 0%;
					}
					.kaiyaku_inn_table{
					width:458px!important;
					margin:0!important;
					border-collapse:collapse;
					border:2px solid #CEA868!important;
					background:#FCF6E8;
					}
					.kaiyaku_inn_table th{
					width:40%!important;
					text-align:left;
					font-weight:normal;
					padding:4px;
					background:#CEA868!important;
					color:#fff;
					border-right:none!important;
					border-bottom:1px solid #fff!important;
					font-size:12px;
					}
					.kaiyaku_inn_table td{
					width:60%!important;
					padding:4px;
					border-right:none!important;
					border-bottom:1px solid #CEA868!important;
					}
					.kaiyaku_inn_table02{
					/*width:600px!important;*/
					margin:0 0 0 0!important;
					border-collapse:collapse;
					border:none!important;
					font-size:13px!important;
					}
					.kaiyaku_inn_table02 td{
					width:33%!important;
					padding:4px 0 !important;
					border-right:none!important;
					border-bottom:none!important;
					}

					.calculatetable table{
					width:100%;
					margin:0 auto 40px;
					border:1px solid #ccc;
					font-size:14px;
					border-collapse:collapse;
					}
					.calculatetable table th{
					width:20%;
					background:#eee;
					font-weight:normal;
					text-align:left;
					padding:10px 14px;
					vertical-align:top;
					border-bottom:1px solid #ccc;
					border-right:1px solid #ccc;
					}
					.calculatetable table td{
					width: 80%;
					box-sizing: border-box;
					padding:10px 14px;
					vertical-align:top;
					border-bottom:1px solid #ccc;
					border-right:1px solid #ccc;
					}
					.calculatetable table input[type="text"],
					.calculatetable table textarea{
					padding:6px;
					}
					.calculatetable table label{
					display:block;
					margin:0 10px 10px 0;
					}
					.calculatetable table label:last-child{
					margin:0 10px 0 0;
					}
					.input_long{width:85%;}
					textarea.long{width:90%;}



					.contactbox{
					background:#fff;
					padding:5px;
					margin:0 0 30px 0;
					overflow:hidden;
					}
					.contactbox .contactbox_inner{
					padding:14px 0;
					background:#fff;
					}
					.oisogiposi{
					margin:0 0 0 10px;
					}

					.contactbox_bottom{
					max-width: 100%;
					padding:10px 20px;
					border: 4px solid #ddd;
					background-color: #fff;
					margin-bottom: 20px;
					box-sizing: border-box;
					background: url(../img/contact_bottom_w.png) no-repeat left bottom;
					background-size: 200px 150px;
					box-sizing: border-box;


					}
					.contactbox_bottom .tel {
					font-size: 42px;
					height: 50px;
					font-weight: bold;
					font-family: Arial, Helvetica, sans-serif;
					/* font-family: 'Poppins', sans-serif; */
					display: inline-block;
					color: #ff1818;
					line-height: 1;
					width: 100%;
					}
					.contactbox_bottom .tel:before {
					font-family: 'FontAwesome';
					content: '\f095';
					display: inline-block;
					width: 1.2em;
					text-align: center;
					font-size: 1.0em;
					}
					.contactbox_bottoml{

					display: inline-block;
					width:48%;
					border-right: 1px solid #999;
					text-align: left;
					box-sizing: border-box;
					padding-left: 4em;
					}
					.contactbox_bottomr{
					display: inline-block;
					width: 48%;
					text-align: center;
					vertical-align: top;
					padding: 4px 0 0 17px;
					color: #666;
					}
					.contact_bottom_deco01{
					font-weight: bold;
					color:#000;
					font-size: 170%;
					margin: 0 0 0.5em 0;
					text-align: center;
					display: block;
					}
					.contactbox_bottoml .subtext{
					}
					.contactbox_bottom .subtext{
					text-align: left;
					margin-left: 48px;
					color:#666;
					/*font-family: 'Noto Serif JP',Georgia,游明朝,"Yu Mincho", serif;*/

					}
					.contactbox_bottom .subtext02{
					text-align: left;
					color:#666;
					/*font-family: 'Noto Serif JP',Georgia,游明朝,"Yu Mincho", serif;*/

					}
					.contactbox_bottom .subtext00{
					color:#000;
					font-weight: bold;
					font-size: 110%;
					text-align: left;
					}
					.contactbox_bottom .title{
					height:33px;
					line-height:33px;
					text-align:center;
					color:#666;
					font-size:40px;
					font-family: 'Poppins', 'Noto Sans JP', sans-serif;
					}
					.contactbox_bottom .tel{
					font-size:38px;
					height:50px;
					font-weight: bold;
					font-family: Arial, Helvetica, sans-serif;
					/*font-family: 'Poppins', sans-serif;*/
					display: inline-block;
					color:#D00053;
					line-height:1;
					width: 100%;

					}


					.telsmp,
					.contactinin p{
					display:none;
					}
					.contactinin ul{
					padding-top:66px;
					margin:0 0 0 430px;
					}
					.contactinin ul li{
					font-size: 12px;
					}
					.search_merit{
					margin:0 0 0 50px ;
					}
					.search_merit ul {
					}
					.search_merit li {
					list-style-type:disc;
					padding:4px 0;
					}
					.formtable_area{
					margin:0 20px 0 20px;
					}
					.signarea{
					margin:0 20px 20px 20px;
					padding-top:10px;
					}
					.signarea ul{}

					.signarea li{
					background-color:#FFC;
					padding:10px;
					margin-bottom:10px;
					overflow:hidden;
					}
					.signarea li img{
					margin-right:20px;
					float:left;
					background-color:#FFF;
					text-align:center;
					width:115px;
					}
					.signarea li p{
					float:left;
					line-height:1.6;
					width:440px;
					text-align:left;
					}
					.img_center{
					text-align:center;
					padding:20px 0 ;
					}
					.contact_02 {
					width:100%;
					border:1px solid #aaa;
					margin-bottom:20px;
					border-collapse:collapse;
					}
					.contact_02 table{
					}
					.contact_02 th {
					font-weight: bold;
					color:#666666;
					width:25%;
					background:#f7f7f7;
					text-align: left;
					line-height: 1.5;
					padding: 10px;
					vertical-align: middle;
					border-bottom:1px solid #aaa;
					border-right:1px solid #aaa;
					}
					.contact_02 td {
					padding: 10px;
					vertical-align: middle;
					background-color: #fff;
					line-height: 1.75em;
					text-align:left;
					border-bottom:1px solid #aaa;
					border-right:1px solid #aaa;
					}
					.hissu {
					color: red;
					}
					.error {
					color:#CC0000;
					display:block;
					}
					.contact_li{
					overflow:hidden;
					padding-left: 1em;}
					.contact_li li{
					float:left;
					width:40%;
					margin:0 10px 10px 0;
					}
					.rai_01 {
					border-left: 4px solid #1258A8;
					border-bottom:1px dotted #ccc;
					margin:10px 0 10px 0;
					padding:0;
					text-indent:10px;
					}
					.rai_02 {
					border-left: 4px solid #1258A8;
					border-bottom:1px dotted #ccc;
					margin:20px 0 0 0;
					padding:0;
					text-indent:10px;
					}
					.mrspace{
					margin-right: 10px;}
					.pccen{
					text-align: center;
					}
					/*-----------------------------------------------
					会社案内
					-----------------------------------------------*/
					.flx_comp{
					display:flex;
					justify-content:space-between;
					align-items:flex-start;
					flex-wrap:wrap;
					}
					.comp_l{
					width: calc(100% - 240px)
					}
					.comp_r{
					width: 200px;
					margin-left: 30px;
					}
					.comp_r img{
					max-width: 100%;
					}
					.comp_r p{
					text-align: center;
					}
					.comp_map iframe{
					height: 400px;
					}
					.le_photo_president {
					float: left;
					width: 155px;
					margin-right: 25px;
					text-align: center;
					}

					.ri_text_president {
					float: right;
					width: calc(100% - 180px);
					}

					.company_table td dl{
					width:100%;
					overflow:hidden;
					padding:10px 20px 0 20px;
					box-sizing: border-box;
					}
					.company_table td dl dt{
					clear:both;
					float:left;
					width:120px;
					margin:0 0 10px;
					font-weight: bold;
					color: #666;
					}
					.company_table td dl dd{
					margin:0 0 10px;
					border-bottom:1px dotted #ddd;
					padding:0 0 10px 120px;
					}

					.kajo{
					margin-left: 1em;
					}
					.kajo ol li {
					list-style-type: decimal;
					margin: 0 0 6px 1em;
					}

					.company_table{
					width:100%;
					margin:0 0 2em 0;
					border:1px solid #ccc;
					border-collapse:collapse;
					}
					.company_table th {
					width:160px;
					color:#666;
					text-align: left;
					background:#eee;
					border-right:1px solid #ccc;
					border-bottom:1px solid #ccc;
					padding:6px 10px;
					font-weight:normal;
					}
					.company_table td {
					vertical-align: top;
					border-right:1px solid #ccc;
					border-bottom:1px solid #ccc;
					padding: 6px 10px;
					}
					/*ページ下部のお問合せBOX*/

					.contactbox_bottom .title{
					height:33px;
					line-height:33px;
					background:#1258A8;
					text-align:center;
					color:#fff;
					font-size:18px;

					margin-bottom: 1em;
					}

					.contactbox_bottom .tel a:link{color:var(--main-color);text-decoration:none;}
					.contactbox_bottom .tel a:visited{color:var(--main-color);text-decoration:none;}
					.contactbox_bottom .tel a:hover{color:#0371bb;text-decoration:none;}
					.contactbox_bottom .tel a:active{color:var(--main-color);text-decoration:none;}

					.contactbox_bottom .tel:before{
					font-family: 'FontAwesome' ;
					content: '\f095';
					display: inline-block;
					width: 1.2em;		/*文字の1.2倍の横幅に*/
					text-align: center;	/*その中で中央寄せ*/
					color:var(--main-color);		/*色*/
					font-size: 1.1em;		/*2倍の大きさ*/


					}
					.contactbox_bottom dl.time{
					width:310px;
					margin:0 auto 6px;
					padding:0 0 0 10px;
					font-size:15px;
					}
					.contactbox_bottom dl.time:after{content: "";display: block;clear: both;}

					.contactbox_bottom dl.time dt{
					display:block;
					float:left;
					font-weight:bold;
					}
					.contactbox_bottom dl.time dd{
					display:block;
					float:left;
					margin:0 20px 0 4px;
					}
					.contactbox_bottom .line{
					text-align:center;
					font-size:15px;
					margin:0 0 12px 0;
					font-weight:bold;
					}
					.contactbox_bottom a.contactbox_mail{
					display: inline-block;
					background:#777;
					margin:0 auto;
					font-size:15px;
					padding:10px 20px ;
					-webkit-border-radius: 3px;
					-moz-border-radius: 3px;
					-ms-border-radius: 3px;
					border-radius: 3px;
					font-family: 'Poppins', 'Noto Sans JP', sans-serif;
					}
					.contactbox_bottom a.contactbox_mail span{
					/*position: absolute;
					top: 0px;
					left: 84px;*/
					color:#777;
					background-color: #fff;
					-webkit-border-radius: 10px;
					-moz-border-radius: 10px;
					-ms-border-radius: 10px;
					border-radius: 10px;
					padding:2px 10px;
					display: inline-block;
					line-height:1.2;
					margin-right: 10px;
					margin-top: 5px;
					font-size: 12px;
					}

					.contactbox_bottom a.contactbox_mail p{
					display: inline-block;
					vertical-align:top;
					}

					.contactbox_bottom a.contactbox_mail p:before{
					font-family: 'FontAwesome' ;
					content: '\f003';
					color:#fff;
					font-size: 24px;
					margin-right: 5px;

					}
					.contactbox_bottom a.contactbox_mail:link{color:#fff; text-decoration:none;}
					.contactbox_bottom a.contactbox_mail:visited{color:#fff; text-decoration:none;}
					.contactbox_bottom a.contactbox_mail:hover{color:#fff; text-decoration:none;opacity:0.7;}
					.contactbox_bottom a.contactbox_mail:active{color:#fff; text-decoration:none;}

					.sitemaparea ul{
					overflow: hidden;}

					.sitemaparea ul li { list-style:none;
					width:44%;
					display: inline-block;
					margin-bottom: 1em;}
					.sitemaparea ul li:before { content:"▶";
					margin-right:3px;
					font-size:80%;
					color: #069;
					}

					/**/
					.privacyarea{
					font-size: 14px;
					}
					.privacyarea ul{
					}
					.privacyarea ul li{
					padding-left:2em;
					text-indent:-2em;
					margin-bottom: 2em;
					}

					.privacyarea ul li ul li{
					margin-bottom: 1em;
					padding-left:2.5em;
					text-indent:-2.5em;
					}

					/*物件検索*/
					.wrap_cms {
					margin-right: auto;
					margin-left: auto;
					width: 960px;
					margin-bottom: 20px;
					}
					.wrap_cms h2 {
					padding: 5px 0 10px 0;
					}
					.asp_pan{
					font-size: 12px;
					color: #666;
					padding:5px 0;
					font-weight: normal;
					width:960px;
					margin-left:auto; margin-right:auto;
					min-height: 20px;
					overflow: hidden;
					line-height: 1.6;
					position:relative;
					}
					.asp_pan p{
					width:600px;
					float:left;
					line-height: 1.6;
					}
					#genzai{
					position:absolute;
					top:5px;
					right:3px;

					}
					#genzai ul{
					overflow:hidden;
					}
					#genzai ul li{
					float:right;
					display:inline;
					margin:0 0 0 10px;
					}

					}
/*
@media print, screen and (min-width: 640px) 
*/
.fz120{
font-size: 120%;
}
input.w_100{
width: 100%;
}
input.w_50{
width: 50%;
}
input.form_w {
    padding: 6px 4px;
    box-sizing: border-box;
				border: 1px solid #aaa;
}

.prv a:link{
text-decoration: none;
}
.member_contact {
	width:100%;
	border-top:1px solid #aaa;
	border-bottom:1px solid #aaa;
border-collapse:collapse;
	margin:0 auto 40px auto;
}
.member_contact table{
	}
.member_contact th {
	font-weight: bold;
	color:#222222;
	width:25%;
	background:#E9E9E9;
	text-align: left;
	line-height: 1.5;
	padding: 16px;
	vertical-align: middle;
	border-bottom:1px solid #aaa;
}
.member_contact th span{
	font-weight: normal;}
.member_contact td {
	padding: 16px;
	vertical-align: middle;
	background-color: #fff;
	line-height: 1.75em;
	text-align:left;
	border-bottom:1px solid #aaa;
}
.member_contact .hissu {
background-color: #FC0006;
	color:#fff;
	font-size: 60%;
	/*font-weight:bold;*/
	border-radius: 5px;
	padding:3px 6px;
	float: right;
}

.top_info dl{
overflow:hidden;
padding:6px 0 0 0;
width: 100%;
display: flex;
	flex-wrap:wrap;
}


.top_info dl dt{
width: 120px;
margin: 0 0 6px;
display: inline-block;
border-bottom: 1px dotted #ccc;
vertical-align: top;
font-weight: bold;
padding: 4px 0;
}
.top_info dl dd{
margin: 0 0 6px;
border-bottom: 1px dotted #ccc;
/* padding: 0 0 6px 180px; */
display: inline-block;
			padding: 4px 0;
width: calc(100% - 120px);

}


@media print, screen and (min-width: 640px) {
					.footmenu dl{
					display: flex;
						flex-wrap:wrap;
						width: 810px;
					}
					.footmenu dl dt{
					width: 130px;
					}
					.footmenu dl dd a{
					width: 140px;
					}

					.footmenu dl dd{
					width: calc(100% - 130px);
					}

					}
/*
@media print, screen and (min-width: 640px) 
*/
.jigyonaiyo_inner ul li .jigyobox .titlejigyo{
border-left:4px solid var(--main-color);
text-indent:10px;
font-weight:bold;
font-size:16px;
color:var(--main-color);
margin:0 0 10px 0;
}
.title_top_jigyou{
	overflow:hidden;
font-size: 24px;
padding:0 0 6px 6px;
display:block;
color:var(--main-color);
font-family: 'Noto Sans JP',"游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
font-weight: bold;
	}

.title_top_jigyou:before {
display: inline-block;
font-family: 'FontAwesome';
content: '\f0b1';
color:var(--main-color);
font-size: 24px;
margin-right: 6px;
}


footer .footer_inner ul li a:link{color:#fff;text-decoration:none;}
footer .footer_inner ul li a:visited{color:#fff;text-decoration:none;}
footer .footer_inner ul li a:hover{color:#ccc;text-decoration:underline;}
footer .footer_inner ul li a:active{color:#fff;text-decoration:none;}


.footmenu dl dt{
margin-bottom: 4px;
font-weight: bold;
color:#ffffff;
}
.footmenu dl dd{
margin-bottom: 4px;

}
.footmenu dl dd a{
display: inline-block;
border-left: 1px solid #D4E4ED;
margin-left: 20px;
padding-left: 4px;
}

.footmenu dl dd a:link{color:#ffffff;text-decoration:none;}
.footmenu dl dd a:visited{color:#ffffff;text-decoration:none;}
.footmenu dl dd a:hover{color:#ffffff;text-decoration:underline;}
.footmenu dl dd a:active{color:#ffffff;text-decoration:none;}

footer{
background-color: var(--main-color);}
footer .copyright{
text-align: center;
/*background-color:var(--main-color);*/
font-size: 80%;
padding: 10px 0;
}
.copyright small{
font-size:12px;
}
	


a.btn_top_motto{
color: #fff;
	text-decoration:none;
	font-size:14px;
	width: 80%;
	position: relative;
	overflow: hidden;
	padding: 4px 0;
	
		display:flex;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
	border-radius: 4px;
position: absolute;
				left: 10%;
				bottom: 1em;
}

a.btn_top_motto:after{/*末尾に矢印*/
	border-right: 4px solid #fff;
	border-top: 4px solid #fff;
	border-radius: 2px;
    content: "";
    margin: 0 0 0 10px;
    height: 10px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    top: 14px;
				right: 20px;
    width: 10px;
				
	
}



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

.btn_c1{background-color: #666;}
.btn_c1:hover{background-color:#aaa;}

.btn_c2{background-color: #5E905F;}
.btn_c2:hover{background-color: rgba(94,144,95,0.5);}

.btn_c3{background-color: #72A6C8;}
.btn_c3:hover{background-color: rgba(88,138,169,0.5);}

.btn_c4{background-color: #9C4140;}
.btn_c4:hover{background-color: rgba(156,65,64,0.5);}

.btn_c5{background-color: #964063;}
.btn_c5:hover{background-color: rgba(150,64,99,0.5);}

.btn_g{/*ボタン緑*/
	padding:10px 16px;
	overflow: hidden;
	text-decoration: none!important;
	border:1px solid #1B8B09;
	background:#1B8B09;
	/*background: -webkit-linear-gradient(top, #ffd65e, #febf04);
	background:         linear-gradient(top, #ffd65e, #febf04);*/
	border-radius:4px;
	cursor: pointer;
	font-weight:bold;
	font-size: 18px;
	color:#fff;
	font-family: 'Noto Sans JP',"游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
}
.btn_g:link{color:#fff;}
.btn_g:visited{color:#fff;}
.btn_g:hover{color:#fff; opacity:0.6;}
.btn_g:active{color:#fff;}
.btn_submit01{/*ボタングレー*/
	padding:10px 16px;
	font-size: 18px;
	overflow: hidden;
	text-decoration: none!important;
	border:1px solid #ccc;
	background:#eee;
	background: -webkit-linear-gradient(top, #fafafa, #eee);
	background:         linear-gradient(top, #fafafa, #eee);
	border-radius:4px;
	cursor: pointer;
	color:#666;
}
.btn_submit01:link{color:#333;text-decoration:none;}
.btn_submit01:visited{color:#333;text-decoration:none;}
.btn_submit01:hover{color:#333;text-decoration:none;opacity:0.5;}
.btn_submit01:active{color:#333;text-decoration:none;}

.red {
color: red;
}



.inner01{
margin-bottom: 3em;
overflow: hidden;
}

.search_merit{
margin-left: 3em;
margin-bottom: 3em;
}
.search_merit li {
list-style-type: disc !important;
line-height: 1.8em;
}

.search_merit strong {
/*color: #0B005A;*/
}


/*ttl タイトル*/
.ttl001{
color:#FFF;
padding:5px 10px;
line-height: 34px;
font-size: 120%;
display: block;
background: linear-gradient(to bottom, #E67E0F 0%, #FA9134 88%);
border-radius: 4px;
font-family: 'Noto Sans JP',"游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;

}
.ttl001 i{
font-size: 160%;
}
.ttl002,
.title02{
	background:#eee;
	text-indent:14px;
	font-size:16px;a
	font-weight:bold;
	border-left:6px solid var(--main-color);
	border-radius: 4px;
	padding: 4px 0;
}

.mainbox{
padding-top: 20px;
margin-left: auto; margin-right: auto;
text-align: center;
}

@media print, screen and (min-width: 640px) {
					.mainbox{
					padding-bottom: 40px;}
}

.top_main_greeting{
background-color: #fff;
border-top: 3px solid var(--main-color);
border-bottom: 3px solid var(--main-color);
box-sizing: border-box;

}
.top_main_greeting dl{
padding: 6px ;
}
.top_main_greeting dl dd img{
width: 100%;
margin-bottom: 20px;
margin-left: auto; margin-right: auto;
display: block;
text-align: center;
}
.top_main_greeting dl dd p{
text-align: left;
font-size: 90%;
line-height: 1.5;
}
.top_main_greeting dl dd a{
text-align: right;
display: block;
}
.top_main_greeting dl dt{
font-weight: bold;
font-size: 140%;
color: var(--main-color);
text-align: left;
}
.top_main_greeting dl dt:before{
display: inline-block;
font-family: 'FontAwesome';
content: '\f130';
font-size: 18px;
margin-right: 4px;
}
.top_main_greeting dl dd a:before {
display: inline-block;
font-family: 'FontAwesome';
content: '\f105';
margin-right: 4px;
}

.top_main_greeting dl dd a:link{text-decoration:underline;}
.top_main_greeting dl dd a:visited{text-decoration:underline;}
.top_main_greeting dl dd a:hover{color: #666; text-decoration:none;}
.top_main_greeting dl dd a:active{text-decoration:underline;}


#navbox{
}
.title_posi,
.title_company {
width: 100%;
position: relative;
margin: 0 0 30px 0;
height: 159px;
}
.title_posi img {
width: 100%;
height: 159px;
object-fit: cover;
}
.title_posi p {
position:absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
background :rgba(255,255,255,0.9);
display: flex;
align-items: center;
letter-spacing: 0.1em;

font-family: ‘Noto Serif Japanese’, serif;
font-size: 2rem;
color: #000;
padding: 10px 4%;
}

/*
.title_posi span {
position:absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
display: flex;
align-items: center;
font-family: ‘Noto Serif Japanese’, serif;
font-size: 2rem;
color: #000;
padding: 10%;

}

*/

input[type="checkbox"] {
transform: scale(1.4);
margin-right: 8px;
vertical-align: middle;
}

.top_bukken_btn{}



.ribbon21-wrapper {  
  display: block;
  position: relative;
  margin: 0 auto;
  padding: 10px;
  background: #fff;
  }
.ribbon21 {
  display: inline-block;
  position: absolute;
  left: 0;
  top: 10px;
  box-sizing: border-box;
  padding: 0 10px;
  margin: 0;
  height: 30px;
  line-height: 30px;
  font-size: 18px;
  letter-spacing: 0.1em;
  color: white;
  background: #ff7470;
  box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.1);
}
.ribbon21:before {
  position: absolute;
  content: '';
  top: -8px;
  left: -7px;
  border: none;
  height: 38px;
  width: 7px;
  background: #ff7470;
  border-radius: 5px 0 0 5px;
}
.ribbon21:after {
  position: absolute;
  content: '';
  top: -7px;
  left: -5px;
  border: none;
  height: 7px;
  width: 5px;
  background: #b25552;
  border-radius: 5px 0 0 5px;
}

.top_bukken_btn li img{
width: 100%;
}
.top_bukken_btn li + li{
margin-left: 1%;
}


.top_bukken_btn li:nth-child(2) .ribbon21,
.top_bukken_btn li:nth-child(2) .ribbon21:before{
background: #6CC7FF;
}
.top_bukken_btn li:nth-child(2) .ribbon21:after{
background: #2D71B7;
}
.top_bukken_btn li:nth-child(3) .ribbon21,
.top_bukken_btn li:nth-child(3) .ribbon21:before{
background: #ACDA76
}
.top_bukken_btn li:nth-child(3) .ribbon21:after{
background: #5BA218;
}

.top_bukken_btn li p.icon_r{
font-size: 120%;
line-height: 34px;
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
	flex-wrap:wrap;
}

.top_bukken_btn li p.icon_r:after {
    display: inline-block;
    font-family: 'FontAwesome';
    content: '\f054';
    margin-left: 4px;
}
.top_bukken_btn li a:link{color:#666;text-decoration:none;}
.top_bukken_btn li a:visited{color:#666;text-decoration:none;}
.top_bukken_btn li a:hover{color:#5BA218;text-decoration:underline;}
.top_bukken_btn li a:active{color:#666;text-decoration:none;}

@media print, screen and (min-width: 640px) {

.top_bukken_btn li{
width: 30%;
display: inline-block;
}

					.staff_li li{
					margin-bottom: 70px;
					}
					.staff_name{
					font-size: 2rem;
					padding-bottom: 20px;
					margin-bottom: 40px;
					}
					.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% - 340px);
					}
					.staffbox img{
					width: 300px;
					}
					.staff_prof dt{
					width: 150px;
					float: left;
					text-align: center;
					}
					.staff_prof dd{
					margin-left: 180px;
					margin-bottom: 10px;
					font-size: 1.6rem;
					}
					}/*@media print, screen and (min-width: 640px) 
*/
.staff_name{
border-bottom: 3px solid var(--main-color);
font-weight: bold;
}
.staff_prof dt{
font-size: 1.5rem;
background-color: #666;
color: #fff;
}
.staff_prof{
margin-bottom: 30px;
}


.staff_info dt{
font-size: 1.8rem;
font-weight: bold;
color: #F08E55;
border-left: 4px solid #F08E55;
padding-left: 13px;
margin-bottom: 10px;
}
.staff_info dd {
font-size: 1.6rem;
padding-left: 16px;
margin-bottom: 20px;
}
.privacy01{
margin-left: 1em; margin-right: 1em;
}
.privacy01 ul li{
	list-style-type: decimal;
	margin: 0 0 2em 18px;
}
.privacy01 ul li::marker {
color: var(--main-color);
border-bottom: 2px solid #FFE4DE;
font-size: 1.7rem;
}
.privacy01 ul li span{
color: var(--main-color);
border-bottom: 2px solid #FFE4DE;
font-size: 1.7rem;
display: inline-block;
width: 100%;
margin-bottom: 0.5em;
}
.privacy01 ul li span:first-letter{
color: var(--main-color);
 }
.privacy_sp{
	width:20px;
	height:20px;
	text-indent: 20px;
	padding:5px;
	background: #6b9ad3;
	color: #fff;
	font-weight: bold;
	line-height: 29px;
}

.ol_privacy li{
	padding-left:1em;
	text-indent:-1em;
	margin:0 0 16px 0;
	line-height:1.7;
}

.privacy01 ul li ul.maru{
margin:0.5em 0 0 -1em;
				padding: 0;
}
.privacy01 ul li ul.maru li{
list-style-type: none;
    list-style-position: hanging;
    padding-left: 1.5em;
    text-indent: -1.3em;
}


@media print, screen and (min-width: 640px) {

.top_voice {
display:flex;
justify-content:space-between;
align-items:stretch;
flex-wrap:wrap;
}
.top_voice li{
width: 33%;
}

.top_bn{
margin-bottom: 40px;
}
.top_voice li dl dd{
min-height: 3em;
line-height: 1.6;
}
}/*@media print, screen and (min-width: 640px) */


/**/

.top_voice li{
background-color: #fff;
padding: 4px;
box-sizing: border-box;
}
.top_voice li figure{
max-height: 200px;
margin-bottom: 0.5em;
}
.top_voice li figure img{
max-width: 100%;
object-fit: cover;
display: block;
object-position: center center;
margin-left: auto; margin-right: auto;
}
.top_voice li a{
padding: 4px;
display: block;
/*border: 1px dashed #D49F5D;*/
box-sizing: border-box;
}

.top_voice li dl dt{font-size: 1.2rem;}
.top_voice li dl dd{
font-size: 1.3rem;
margin-bottom: 1em;
padding-top: 6px;
}


.memo {
position: relative;
padding:6px;
/*border-left: 15px solid #bae52d;*/
background-image: linear-gradient(-45deg, transparent 10px, #D49F5D 10px);
color: #fff;
overflow: hidden;
display: inline-flex;
transform: rotate(-2deg);
}
.memo p{
transform: rotate(2deg);
display:inherit !important;
}
.memo p:after {
display:none ;

}
.memo::before {
position: absolute;
content: '';
right: 0px;
bottom: 0px;
border-width: 0px 0px 15px 15px;
border-style: solid;
border-color: transparent #fff transparent;
/*box-shadow: 0 0 3px #000;*/
}

.top_voice li a:link{color:#222;text-decoration:none;}
.top_voice li a:visited{color:#222;text-decoration:none;}
.top_voice li a:hover{color:#999;text-decoration:none;}
.top_voice li a:active{color:#222;text-decoration:none;}

.link_a_r{
font-size: 1.3rem;
line-height: 34px;
display: block;overflow: hidden;
float: right;
}

.link_a_r:after {
display: inline-block;
font-family: 'FontAwesome';
content: '\f054';
margin-left: 4px;
font-size: 80%;
}
a.link_a_r:link{color:#222;text-decoration:underline;}
a.link_a_r:visited{color:#222;text-decoration:underline;}
a.link_a_r:hover{color:#999;text-decoration:none;}
a.link_a_r:active{color:#222;text-decoration:underline;}

/**/


/**/
.top_bukken_li{
margin-left: auto; margin-right: auto;
}
@media print, screen and (min-width: 640px) {
					.mainbox{
						z-index:2;
						position:relative;
						text-align: center;
							width:960px;
							height: 380px;
					/*background-color:#115794;*/
					overflow: hidden;

						}

					.mainbn{
						margin-left:auto; margin-right:auto;

						position:absolute;
						text-align: center;
						left:0;
						right:0;

						}
					.mainbn .mainbnl{
						margin-top: 194px;
						width:350px;
						margin-left:100px;
					}	
					.mainbn .mainbnr{
						width:230px;
						float: right;
							z-index:3;
					}

					.top_bn img{
					margin-bottom: 20px;
					}

					.mainbox .sp-slides a{
					display:block;
						position:absolute;
						text-align: center;
						top:0;
						left: 0;
					width: 730px;
					height:310px;
					z-index: 2;
					}
					#simple{
						position:absolute;
						top:20px;
						left: 0;
					}
					.top_bukken_li{
					display:flex;
					align-items:stretch;
					flex-wrap:wrap;
					}
					.top_bukken_li li{
					width: 48%;
					display: inline-block;}
					.top_bukken_li li:nth-child(odd){
					margin-right: 3%;
					}
					.top_bukken_li li{
						padding: 20px;}
						.bukken_li_icon li{
						width:18%;}
}/*@media print, screen and (min-width: 640px) */


.top_bukken_li li{
background-color: #fff;
box-sizing: border-box;
margin-bottom: 1em;
}

.bukken_ttl{
border-left: 5px solid var(--main-color);
font-family: 'Noto Sans JP',"游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
padding-left: 10px;
font-size: 120%;
font-weight: bold;
margin-bottom: 0.5em;
}

.bukken_li_icon{
	display:flex;
	align-items:flex-start;
	flex-wrap:wrap;
	margin-bottom: 1em;
}
.bukken_li_icon li{
/*
border: 1px solid #7C9251;
background: #62A334;
background: linear-gradient(0deg, #657E41 50%, #86B232 100%);
box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), 0 5px 10px rgba(0, 0, 0, .1);

color: #fff;
border-radius: 4px;
line-height: 1.2;

text-align: center;
font-family: 'Noto Sans JP',"游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
font-weight: bold;*/
padding:0;
margin-right: 1% !important;
}
.bukken_li_icon li:first-child {
margin-right: 1%;
}
.bukken_li_icon li img{
width: 100%;
}
.bukken_li_icon li span{
font-size: 10px;
}
.bukken_li_icon li p{
font-size: 1.3rem;
font-family: 'Noto Sans JP',"游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
font-weight: bold;
letter-spacing: 0.08em;
}


.top_bukken_li figure{
max-height: 260px;
margin-bottom: 1em;
overflow: hidden;
}

.top_bukken_li figure img{
max-width: 100%;
object-fit: cover;
/*aspect-ratio: 500/300;*/
display: block;
object-position: center center;
}

.shubetsu_yen{
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-wrap:wrap;
	margin-bottom: 1em;
}
.bukken_shu{
font-family: 'Noto Sans JP',"游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
padding:2px 10px;
color: #fff;
background-color: var(--main-color);}

.bukken_shu{
    position: relative;
    margin-bottom: 0.2rem;
}


.bukken_shu:before {
    position: absolute;
    content: '';
    bottom: -6px;
    left: 0;
    width: 100%;
    height: 6px;
    /* オレンジの四角 */
    background: linear-gradient(45deg, #EA5433 25%, transparent 25%, transparent 75%, #EA5433 75%),
        linear-gradient(45deg, #EA5433 25%, transparent 25%, transparent 75%, #EA5433 75%);
    background-position: 0 0, 2px 2px;
    /* 四角のサイズ */
    background-size: 4px 4px;
    /* 白の四角 */
    background-color: #dedede;
}
.bukken_yen{
color: #f00;
font-weight: bold;
}

.bukken_li_txt{
margin-bottom: 1em;
}

.bukken_li_txt dl{
display: flex;
margin-bottom: 0.5em;
}
.bukken_li_txt dl dt{
width: 6em;
font-weight: bold;
}
.bukken_li_txt dl dd{
width: calc(100% - 6em);
}

.bukken_li_last{
display: flex;
}

.bukken_li_last dl{
width: 49%;
}

.bukken_li_come{
background-color: #E2F0DE;
padding: 16px;
margin-bottom: 1em;
}
.bukken_li_come p{}

.btn_orange_ya{
font-size: 120%;
line-height: 34px;
display:flex;
justify-content:center;
align-items:center;
flex-wrap:wrap;
border-radius: 4px;
font-family: 'Noto Sans JP',"游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
background: linear-gradient(to bottom, #E67E0F 0%, #FA9134 88%);
padding: 10px;
box-shadow: 0px 3px 3px rgb(0 0 0 / 40%);
}

.btn_orange_ya:after {
display: inline-block;
font-family: 'FontAwesome';
content: '\f054';
margin-left: 10px;
font-size: 80%;
}
a.btn_orange_ya:link{color:#fff;text-decoration:none;}
a.btn_orange_ya:visited{color:#fff;text-decoration:none;}
a.btn_orange_ya:hover{color:#fff;text-decoration:underline;opacity: 0.5;}
a.btn_orange_ya:active{color:#fff;text-decoration:none;}

/****************
物件情報
****************/
@media print, screen and (max-width: 640px) {
	.contact_a a{
	width: 80%;}
	}
.contact_a a{
display: block;
    padding:2px 10px 10px 10px;
    margin: 10px;
    color: #FFFFFF;
	text-decoration:none;
    font-family: 'Noto Sans JP',"游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
	background-color: #7AB210;
    border: 1px solid #61AB0C;
    font-weight: 400;
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    -webkit-border-radius: 3px;
    border-radius: 3px;
    
    text-decoration: none;
    font-weight: bold;
    display: flex;
    align-items: center;
	flex-wrap:wrap;
}

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


.clickdeco p{
    text-align: center;
    font-size: 24px;
    font-weight: bold;
	line-height:1.3;
	margin-left:auto; margin-right:auto;
}
/*
.clickdeco p:after {
    content: url(../img/click.png);
    background-size: 72px 44px;
    display: inline-block;
}*/
.clickdeco p:after {
    content: '';/*何も入れない*/
	background: url(../img/click.png) no-repeat center center;
width: 72px;/*画像の幅*/
  height: 44px;/*画像の高さ*/
  background-size: contain;
  margin-left:4px;
vertical-align: text-bottom;    display: inline-block;
	padding-bottom:4px;
}
.clickdeco span{
	display: block;
    text-align: center;
	width:100%;
	line-height:1;
	font-weight: normal;
	

}
/**/
.detail_gaiyo{
margin-bottom: 3em;
}
.detail_gaiyo_l table{
	width:100%;
	font-size:12px;
	color:#333;
	border:1px solid #d6d6d6;
	border-collapse:collapse;
	}
.detail_gaiyo_l table span{
	color:#FF0000;
	font-weight: bold;}

.detail_gaiyo_l table th {
font-weight: normal;
width:200px;
text-align: left;
line-height: 1.5;
padding: 5px 7px;
vertical-align:top;
background:#eee;
border-bottom:1px solid #d6d6d6;
}


.detail_gaiyo_l table td {
padding: 5px 7px;
vertical-align:top;
background-color: #fff;
line-height: 1.75em;
text-align:left;
border-bottom:1px solid #d6d6d6;
}



.detail_gaiyo_r iframe{
	width:100%;
}

.madoribox{
	margin-bottom: 2em;
	display:flex;
	justify-content: space-between;
	align-items: stretch;
	}
.madoribox li{
	display: inline-block;
	width:49%;
	border: 1px solid #aaa;
	}
	
.madoribox li p{
	font-size: 90%;}	
.madoribox div{
	display: block;
	text-align: center;
	margin-left:auto; margin-right:auto;
	}
.madoribox div img{
	max-width:100%;
	max-height:246px;
	text-align: center;
	}
.madoribox div{

	}
	
.sliderbox{
	margin-bottom: 1em;
	overflow: hidden;}



.detail_gaiyo_r iframe{
height: 300px;
}
@media print, screen and (min-width: 640px) {
					.sliderbox{
					height:670px;
					}
					.buy_detail .bukken_li_icon{
					width: 60%;
					}
					.detail_gaiyo_r iframe{
					height: 500px;}
					#buy_area .contact_a a {
					width: 30%;
					
					}
}
#buy_area .contact_a a {
text-align: center;
display: table;
margin-left: auto; margin-right: auto;
}
#buy_area .bukken_li_icon li{
margin-bottom: 6px;
}
.note_wrap {
background: #fff;
margin: 0px 20px 40px 2%;
box-shadow: 1px 2px 2px 2px rgb(0 0 0 / 40%);
padding: 1em;
width: 96%;
}

.note {
background-image: linear-gradient( 180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 97%, #ddd 97%, #ddd 100% );
background-size: 100% 2em;
line-height: 2;
}


#buy_area .note_come{
margin-bottom: 2em;
}
.buy_detail .shubetsu_yen{
justify-content: flex-start;
}

#buy_area .shubetsu_yen .bukken_shu{
margin-right: 20px;
}

#buy_area .shubetsu_yen .bukken_yen{
font-size: 2rem;
}

#buy_area .ttl003{
font-family: 'Noto Sans JP',"游ゴシック",YuGothic,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
font-weight: bold;
font-size: 1.6rem;
color:var(--main-color);
}

.detail_gaiyo_l{
margin-bottom: 2em;
}