@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


html, body { width: 100%; }
html { font-size: 62.5%; }
body {
	background-color: #fff;
	font-size: 14px;
	font-size: 1.4em;
	line-height: 1.5;
	letter-spacing: 0.1rem;
	color: #5d5e5f;
	-webkit-text-size-adjust: 100%;
	scroll-behavior: smooth;
	font-family: sans-serif;
}
table { 
	line-height: 1.5;
 }
* {
	box-sizing: border-box;
	font-size: 1.4rem;
	-webkit-text-size-adjust: 100%;
}

*:first-child + html body { font-size:75%; }

* html body { font-size:75%; }

h1, h2, h3, h4, h5, h6 {
	line-height: 1.3;
	font-weight: bold;
}
h2 {
	font-size: 4rem;
}
h3 {
	font-size: 2.4rem;
}
h4 {
	font-size: 2rem;
}


header {
	width: 100%;
	border-top: 5px solid #222;
}
.hInner {
	margin: 0 auto;
}
#h1 {
	width: 100%;
	background-color: #dcdcdc;
	padding: 10px 30px;
}
#breadcrumb {
	width: 100%;
	background-color: #fafafa;
	padding: 30px 0 0;
}
.breadcrumb-inner {
	margin: 0 auto;
	width: 1080px;
}
.container-wrapper {
	width: 100%;
	margin: 0 auto;
}
#container {
	margin: 0 auto;
	width: 1080px;
}
.container-inner {
	width: 1080px;
	}
#main {
	float: left;
	width: 790px;
}
#main_top {
	float: left;
	width: 860px;
}
.side {
	float: right;
	width: 250px;
}
.side_top {
	float: right;
	width: 200px;
}
#onecolumn .side {
	display: none;
}

#onecolumn #main {
	float: inherit;
	width: 1080px;
	margin: 0 auto;
}
#onecolumn .side {
	display: none;
}

footer {
	width: 100%;
}

#footer-top {
	width: 100%;
	background-color: #f5f5f5;
}
.footer-top-inner {
	margin: 0 auto;
	padding: 40px 0;
	width: 1080px;
}
#footer-middle {
	width: 100%;
	padding: 60px 0 80px;
	background-color: #fff;
}
#footer-bottom {
	width: 100%;
	background-color: #f5f5f5;
}
.footer-bottom-inner {
	margin: 0 auto;
	padding: 40px 0 80px;
	width: 1080px; 
}
#copyright {
	width: 100%;
	background-color: #222;
}


a {
	color: #011b48;
	text-decoration: none;
	transition: .5s;
}
a:hover, a:focus {
	text-decoration: underline;
}
a.line {
	text-decoration: underline;
}
a.line:hover, a.line:focus {
	text-decoration: none;
}

header a,
#side a,
footer a {
	color: #222;
}
header a:hover, header a:focus,
#side a:hover, #side a:focus,
footer a:hover, footer a:focus {
	color: #011b48;
	text-decoration: none;
}


img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
a img {
	transition: .8s;
}
a:hover img, a:focus img {
	opacity: 0.6;
	transition: .5s;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
p {
	font-size: 1.8rem;
}


.clearfix {
	min-height: 1%;
}
.clearfix:after {
	clear: both;
	content:"";
	display: block;
	height: 0;
	visibility: hidden;
}
* html .clearfix {
	height: 1%;
}

.clear { clear: both; }
.sp_on { display: none; }
.pc_on { display: block; }
.d_block { display: block; }
.d_inline { display: inline; }

body {
	position: relative;
}

header {
	font-weight: bold;
}
.header-title {
	float: left;
	width: 300px;
}
.header-title a:hover img,
.header-title a:focus img {
	opacity: 1;
}
#header-message {
	float: left;
	font-family: 'sans-serif';
}
#header-message-inner {
	position: relative;
	display: inline-block;
	width: auto;
	color: #030303;
	text-align: center;
	z-index: 0;
	margin:20px 0 0;
	border-radius: 3px; 
}
.header-message-tel {
	font-size: 2.4rem;
	letter-spacing: 4px;
	font-weight: bold;
	line-height: 1; 
}
.header-message-tel i {
	margin-right: 5px;
}
.header-message-tel span {
	font-size: 1.4rem;
	letter-spacing: 2px;
	line-height: 1;
	margin: 0 0 0 10px;
}
.header-message-tel span i {
	margin-right: 2px;
}
.header-menu {
	float: right;
}

.header-nav-list li {
	float: right;
	margin: 30px 30px 0;
	font-size: 1.6rem;
	text-align: center;
	line-height: 1;
	font-weight: bold;
}

.header-nav-list li span {
	display: block;
	font-size: 1.0rem;
	color: #aaa;
	margin-top: 6px;
	letter-spacing: 2px;
	font-family: 'sans-serif';
}
.header-nav-list li a {
	display: block;
}
.header-nav-list a:hover img {
	opacity: 1;
}
.header-nav-list .satei {
	margin-top: 20px;
}
.header-nav .satei {
	width: 160px;
	margin: 15px auto 0;
}

#h1 h1 {
	text-align: center;
	font-size: 1.2rem;
	color: #222;
	line-height: 1.2;
	font-weight: bolder;
}

.side-info-list {
	margin-bottom: 30px;
}
.side-info-list li {
	margin-bottom: 10px;
}

.group-title01 {
	background-color: #222;
	margin-bottom: 15px;
	padding: 10px;
	color: #fff;
	font-size: 1.4rem;
	text-align: center;
}
.group-subtitle01 {
	font-size: 1.4rem;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 0 0 8px;
	color: #222;
	border-bottom: 1px solid #222;
}
.group-subtitle02 {
	font-weight: bold;
	line-height: 1.4;
	margin: 30px 0 10px;
}

.drawer-dropdown {
	margin-bottom: 30px;
}
.drawer-dropdown-menu li, .drawer-dropdown-menu2 li {
	border-bottom: 1px solid #ddd;
}
.drawer-dropdown-menu a, .drawer-dropdown-menu2 a {
	display: block;
	padding: 8px 10px 8px 5px;
	color: #222;
	position: relative;
	font-size: 1.2rem;
}
.drawer-dropdown-menu a:before, .drawer-dropdown-menu2 a:before {
	font-family: Fontawesome;
	content: '\f105';
	position: absolute;
	right: 5px;
}
.drawer-dropdown-menu a:hover, .drawer-dropdown-menu a:focus,
.drawer-dropdown-menu2 a:hover, .drawer-dropdown-menu2 a:focus {
	background-color: #f0ede8;
	text-decoration: none;
}	

.jspTrack {
	position: relative;
	height: 100% !important;
}

.jspDrag {
	height: 26px !important;
	background: #000;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.crown-yelow {
	color: #f0e68c
}

.desktop-navy {
	color: navy;
}

#footer-top {
	background-color: #f5f5f5;
	padding: 30px 0;
	text-align: center;
}
.footer-top-inner {
	margin: 0 auto;
	width: 1080px;
}
.footer-middle-title {
	position: relative;
}
.footer-middle-title .tit_ja {
	font-size: 2.4rem;
}
.footer-middle-title .tit_ja:after {
	background-color: #222;
	margin-left: -10px;
	width: 20px;
	height: 1px;
	content: "";
	position: absolute;
	top: 50px;
	left: 50%;
}
.footer-middle-title .tit_en {
	margin-top: 45px;
	color: #011b48;
	font-size: 1.6rem;
}
.footer-contact {
	margin-top: 40px;
}
.footer-contact-box {
	border: 1px solid #ccc;
	background-color: #fff;
	padding: 35px 0 50px;
	height: 275px;
}
.footer-contact-box h4 .tit {
	margin-top: 15px;
	font-size: 2.0rem;
}
.footer-contact-tel a {
	display: block;
	margin-top: 20px;
	font-family: 'sans-serif';
	font-size: 3.6rem;
	font-weight: 800;
	letter-spacing: 5px;
}
.footer-contact-tel a img {
	margin-right: 15px;
	vertical-align: middle;
}
.footer-contact-tel a:hover img,
.footer-contact-tel a:focus img {
	opacity: 1;
}
.footer-contact-tel .memo {
	font-weight: bold;
}
.footer-contact-mail a {
	display: inline-block;
	margin-top: 25px;
	padding: 15px 40px;
	background-color: #011b48;
	color: #fff;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size: 2.4rem;
	letter-spacing: 2px;
}
.footer-contact-mail a img {
	margin-right: 10px;
	vertical-align: text-bottom;
}
.footer-contact-mail a:hover, .footer-contact-mail a:focus {
	opacity: .8;
	color: #fff;
}

#footer-middle {
	text-align: center;
}
.footer-middle-inner {
	margin: 0 auto;
	width: 1080px;
}
.footer-ast-info dl {
	display: table;
}
.footer-ast-info dt {
	display: table-cell;
	border-right: 1px solid #ccc;
	padding-top: 3px;
	width: 20%;
	vertical-align: top;
}
 .footer-ast-info dt a:hover img,
 .footer-ast-info dt a:focus img {
	opacity: 1;
}
.footer-ast-info dd {
	display: table-cell;
	padding: 10px 0 10px 36px;
	vertical-align: top;
}
 .footer-ast-info dd .name {
	 font-weight: bold;
}
.footer-ast-info dd .addr {
	margin-top: 5px;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.4;
}
.footer-ast-info dd a {
	display: inline-block;
	margin-top: 5px;
	color: #011b48;
	font-size: 1.2rem;
	font-weight: bold;
}
.footer-ast-info dd a:before {
	margin-right: 5px;
			 
}
.footer-ast-info dd a:hover, .footer-ast-info dd a:focus {
	color: #d69c02;
}
.footer-works-box {
	border: 1px solid #ccc;
	padding: 20px 30px;
}
.footer-works-box dl {
	display: table;
	width: 100%;
}
.footer-works-box dl:first-child {
	margin-bottom: 15px;
}
.footer-works-box dt {
	display: table-cell;
	border-right: 1px solid #222;
	width: 95px;
	font-size: 1.2rem;
	font-weight: bold;
}
.footer-works-box dd {
	display: table-cell;
	padding-left: 20px;
	font-size: 1.2rem;
	font-weight: bold;
}
.footer-box {
	margin: 20px auto 0;
	width: 70%;
}
	
.footer-bottom-group {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	padding: 35px 35px 50px 35px;  
}
	 
.footer-bottom-block {
	margin: 0 30px;
	width: 250px;
}
.footer-bottom-block .block-title {
	font-weight: bold;
	line-height: 2.0;
	border-bottom: 1px solid #555;
	margin-bottom: 10px;
	text-align: center;
}
.footer-bottom-block .block-subtitle {
	font-size: 1.2rem;
	font-weight: bold;
	margin-bottom: 5px;
}
.footer-bottom-block .block-spacer {
	margin-top: 20px;
}

.footer-bottom-list a {
	display: inline-block;
	position: relative;
	font-size: 1.1rem;
	margin-bottom: 5px;
	padding-left: 2px;
	width: 95%;
	vertical-align: top;
}
.footer-bottom-list a:before {
	left: 2px;
	position: absolute;
	color: #011b48;
}
.footer-bottom-list a:hover,
.footer-bottom-list a:focus {
	color: #d69c02;
}

.copyright {
	padding: 10px 10px 20px;
	text-align: center;
	font-size: 1.2rem;
	color: #ddd;
}

/* -------------お問い合わせ-------------- */
#block-contact {
	position: fixed;
	top:65%;
	right: 0;
	z-index: 99;
}
#block-contact a {
	display: block;
	color: #fff;
	font-size: 2.0rem;
	width: 50px;
	height: 160px;
	text-align: center;
	padding: 15px 0;
	background-color: #011b48;
}
#block-contact a span {
	/* line-height: 56px; */
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
}
#block-contact a:hover,
#block-contact a:focus {
	opacity: .8;
	text-decoration: none; 
}
#block-contact a:hover span,
#block-contact a:focus span {
	text-decoration: none;
}
#block-contact a i {
	margin-bottom: 5px;
}

/*------------サイドバー------------------------  */

.side_content {
	margin-bottom: 10px;
}
.side_content01 {
	margin-top: 0;
}

.side_title {
	background-color: #565656;
	margin-bottom: 15px;
	padding: 10px;
	color: #fff;
	font-size: 1.4rem;
	text-align: center;
}

.side_menulist01 li {
	border-bottom: 1px solid #ddd;
}
.side_menulist01 li a {
	padding: 8px 10px 8px 5px;
	color: #222;
	position: relative;
	font-size: 1.2rem;
	line-height: 3;
}
.side_menulist01 li a:hover, .side_menulist01 li a:focus {
	background-color: #f0ede8;
	text-decoration: none;
}

.side_menulist02 {
	height: 180px;
	overflow: auto;
}
.side_menulist02 li {
	border-bottom: 1px solid #ddd;
	padding: 10px;
}
.side_menulist02 li:nth-child(odd) {
	background-color: #fff;
}
.side_menulist02 li:nth-child(even) {
	background-color: #e2ded5;
}
.side_menulist02 li .date {
	color: #767676;
	font-size: 1.0rem;
	margin-bottom: 2px;
}
.side_menulist02 li .text {
	font-size: 1.2rem;
	line-height: 1.4;
}
.side_menulist02 li .text a {
	text-decoration: underline;
}
.side_menulist02 li .text a:hover, .side_menulist02 li .text a:focus {
	color: #d69c02;
}
.side_menulist03 li {
	border-bottom: 1px solid #ddd;
	position: relative;
}
.side_menulist03 li:first-child {
	border-top: 1px solid #ddd;
}
.side_menulist03 li a {
	display: table;
	background-color: #fff;
	width: 100%;
}
.side_menulist03 li a:hover, .side_menulist03 li a:focus {
	background-color: #f0ede8;
	text-decoration: none;
}
.side_menulist03 li a figure {
	display: table-cell;
	padding: 10px;
	width: 85px;
	text-align: left;
	vertical-align: middle;
}
.side_menulist03 li a p {
	display: table-cell;
	color: #222;
	font-size: 1.2rem;
	line-height: 1.4;
	vertical-align: middle;
}
.side_menulist03 li .rank_mark {
	position: absolute;
	top: 0;
	left: 0;
}

.side_bnrlist li a {
	display: block;
}

.side_link li {
	margin-bottom: 30px;

}
.side_link li a {
	display: block;
}
.side_link li a .title {
	font-size: 1.4rem;
	font-weight: bold;
	margin: 10px 0 5px;
}
.side_link li a .title i {
	margin-left: 5px;
}
.side_link li a .desc {
	font-size: 1.2rem;
	color: #222;
}
.side_content {
	margin-bottom: 10px;
}
.side_content01 {
	margin-top: 0;
}

/* -----------フッターお問い合わせ---------------- */

.wrap {
	display: block;
	width: 100%;
	font-size: 0;
	letter-spacing: 0;
	text-align: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.col {
	display: inline-block;
	min-height: 1px;
	font-size: 1rem;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


.xl-center {
	-webkit-justify-content: center;
	-ms-justify-content: center;
	justify-content: center;
	text-align: center;
}



.xl-gutter-40 {
	width: calc(100% + 40px);
	margin-left: -20px;
	margin-right: -20px;
	padding-left: 0;
	padding-right: 0;
}

.xl-gutter-40 > * {
	padding-left: 20px;
	padding-right: 20px;
}




.xl-1-1 {
	width: 100%;
}

.xl-1-2 {
	width: 50%;
}

.xl-1-3 {
	width: 33.33333%;
}

.xl-2-3 {
	width: 66.66667%;
}

.xl-1-4 {
	width: 200px;
	margin: 5px 7px;
}


.p_top {
	width: 50px;
	height: 50px;
	position: fixed;
	right: 0;
	bottom: 0;
	background: #011b48;
}

.p_top a {
	position: relative;
	display: block;
	width: 50px;
	height: 50px;
	text-decoration: none;
}
.p_top a::before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f106';
	font-size: 25px;
	color: #fff;
	position: absolute;
	width: 25px;
	height: 25px;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
}

.maebashi {
	display: none;
} 

#globalMenu {
	display: none;
}

.container-wrapper {
	width: 100%;
	background: url(/hiraya/img/back.jpg); 	
}



.sns_blk {
	display: flex;
	justify-content: center;
}
  
.sns_blk img {
	width: 80px;
	height: 80px;
	padding: 15px;
}

/* ----sidemenu------- */
.div_main {
	position: relative;
	height: 100%;
	width: 100%;
}

.div_move:first-child {
	height: 220px;
	width: 200px;
	position: fixed;
	padding: 0 20px;
}
.div_move:last-child {
	height: 250px;
	width: 200px;
	position: fixed;
	padding: 0 20px;
}
.div_main .guide{
	position: absolute;
	left: 0;
	margin: 0;
	color: #fff; 
	padding: 8px 0;
	font-weight: bold;
}
.div_main .guide p {
	font-size: 1.8rem;
}
.div_main .satei {
	writing-mode: horizontal-tb;
	padding-left: 30px;
	text-align: center;
	color: #fff;
	margin-top: 30px;
	width:95%;
	margin-top: 15px;
}
.div_main .satei a {
	color: #fff;
	font-weight: bold;
}
.div_main .satei p {
	font-weight: bold;
	font-size: 1.6rem;
}
.div_main .satei img {
	margin: 10px;
	width: 55px;
	height: 40px;
}
.div2 {
	background-color: rgb(0, 255, 179);	
	top: 139px;
	right: -150px;
	writing-mode: vertical-rl;
	z-index: 10;
}
.div3 {
	background-color: #f70439;
	top: 360px;
	right: -150px;
	writing-mode: vertical-rl;
	z-index: 10;
}

@media screen and (max-width: 780px) {
  .div2 {
    display: none;
  }
}


.kv {
	background: url(/hiraya/img/kv_back.jpg);
	display: flex;
	justify-content: center;
	padding: 80px 0;
	font-family: "Yusei Magic", sans-serif;
	font-weight: 400;
	font-style: normal;
}
.gunma {
	width: 270px;
	height: auto;
}

.fukidashi_area {
	display: flex;
	justify-content: space-between;
}

.fukidashi_area img {
	width: 180px;
	height: auto;
}
.kv h2 {
	color: #fff;
	font-size: 7.6rem;
	text-shadow :  3px  3px 1px #222,-3px  3px 1px #222,3px -3px 1px #222,-3px -3px 1px #222,3px  0px 1px #222, 0px  3px 1px #222,-3px  0px 1px #222, 0px -3px 1px #222;
}


.main_blk {
	width: 1024px;
	margin: 50px auto 80px;
}

.fudo_top_r-5 {
	margin: 20px 0;
	padding: 15px;
	display: flex;
	background: #fff;
	border: 2px solid #f5f5f5;
	box-shadow: 0 6px 3px -3px rgba(0,0,0,0.2);
	font-family: "Yusei Magic", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 2rem;
	border-radius: 20px;
	border: 1px dotted #666;
}

.fudo_top_body {
	width: 50%;
	padding: 10px;
}

.top_title {
	margin: 0 10px;
}

.add_area, .shu_area {
	text-align: right;
	
}

.price_area {
	text-align: right;
	font-size: 2.6rem;
	font-weight: bold;
	color: red;
}

.top_madori {
	text-align: right;
}

.box1low {
	padding: 5px 8px;
	border-radius: 20px;
	background-color: #4b9ef7;
	border-bottom: 1px solid #666;
}

.box1low a {
	color: #fff;
}
.box1low a:hover {
	color: yellow;
}

.syousai {
	text-align: right;
	margin-top: 50px;
	font-size: 1.8rem;
}

.img_area {
	display: flex;
}
.new_conteiner {
	position: relative;
}

.new_mark {
	position: absolute;
	bottom: 35px;
	right: 7px;
	background-color: yellow;
	padding: 0 10px 5px;
	border-radius: 10%;
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
}

@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}


.boximage {
	width: 400px;
	height: 200px;
	padding: 0 10px;
	border-radius: 10%;
}

.plan {
	background: url(/hiraya/img/back2.jpg);
	background-position: center;
	background-attachment: fixed;
	padding: 50px 0;
	text-align: center;
}
.plan img {
	width: 600px;
	margin: 30px auto;
}

.plan h3 {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333333;
}

.plan h3::before,
.plan h3::after {
    width: 3px;
    height: 40px;
    background-color: #02070b;
    content: '';
}

.plan h3::before {
    transform: rotate(-35deg);
    margin-right: 30px;
}

.plan h3::after {
    transform: rotate(35deg);
    margin-left: 30px;
}
.plan h3 {
	font-size: 3rem;
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
}

@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
.plan p {
	font-size: 3rem;
	font-weight: bold;
}

/* ------------レスポンシブ設定------------- */

 @media screen and (max-width: 780px) {


	.header-nav-list li {
		display:none;
	}

	#header-message {
		clear: both;
		margin: auto;
	}

	#header-message-inner {
		width: 100%;
		margin: auto;
		padding:15px;
	}

	#header-message-inner i {
		display:none;
	}
		
	.header-title {
		margin-top: 15px;
	}

	.hInner {
		margin: 10px 0 15px;
	}
	#h1 {
		padding: 10px;
	}
	

	footer {
		width: 100%;
	}
	.footer-top-inner {
		padding: 20px 10px;
		width: 100%;
	}
	#footer-middle {
		padding: 30px 10px 40px;
	}
	#footer-bottom {
		display: none;
	}
		
	#container {
		margin: 0 auto;
		padding: 0;
		width: 100%;
	}

	#globalMenu {
		display: none;
	}

	#menuOverlay {
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.6);
		display: none; 
		position: fixed;
		z-index: 97;
	}

	#switchBtn {
		border: 2px solid #222;
		background-color: #fff;
		width: 40px;
		height: 40px;
		top: 10px;
		right: 10px;
		position: fixed;
		z-index: 98;
	}
	#switchBtn span:after {
		display: block;
		padding-top: 8px;
		padding-left: 8px;
		color: #222;
		font-size: 2.2rem;
		font-family: "Font Awesome 5 Free";
		content: "\f0c9";
		line-height: 1;
	}
	#switchBtn.btnClose span:after {
		font-family: "Font Awesome 5 Free";
		content: "\f00d"; 
	}

	#rwdMenuWrap {
		background-color: #fff;
		top: 0;
		right: -250px;
		width: 250px;
		height: 100%;
		overflow: auto;
		position: fixed;
		z-index: 99;
		-webkit-overflow-scrolling: touch;
	}

	.side_content {
		margin: 0;
		padding: 5px;
	}

	a {
		color: #011b48;
		text-decoration: none;
		transition: .5s;
	}

	a:hover, a:focus {
		text-decoration: underline;
	}
	a.line {
		text-decoration: underline;
	}
	a.line:hover, a.line:focus {
		text-decoration: none;
	}
	
	header a, #side a, footer a {
		color: #222;
	}
	header a:hover, header a:focus, #side a:hover, #side a:focus, footer a:hover, footer a:focus {
		color: #011b48;
		text-decoration: none;
	}
	
	img {
		max-width: 100% !important;
		height: auto;
		vertical-align: bottom;
	}
	a img {
		transition: .8s;
	}
	a:hover img, a:focus img {
		opacity: 0.6;
		transition: .5s;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}
	
	p {
		font-size: 1.6rem;
	}

	span.sp_p {
		display: block;
		margin-top: 20px;
	}
	 .clearfix {
		display: block;
		line-height: 1%;
		width: 100%;
	}
	 .clearfix:after {
		clear: both;
		content:"";
		display: block;
		height: 0;
		visibility: hidden;
	}	
	* html .clearfix {
		height: 1%;
	}
	.fL { float: left;}
	.fR { float: right;}
	.ft {overflow: hidden;zoom: 1;}
	.fLimg { display: inline; float: left; margin-right: 10px;}
	.fRimg { display: inline; float: right; margin-left: 10px;}
	.clear { clear: both; }
	.sp_on { display: none; }
	.pc_on { display: block; }
	.sp_on { display: block; }
	.pc_on { display: none; }
	body {
		position: relative;
	}
	header {
		font-weight: bold;
	}

	#h1 h1 {
		text-align: center;
		font-size: 1.2rem;
		color: #222;
		line-height: 1.2;
		font-weight: normal;
	}


	#footer-top {
		padding: 10px 0;
		margin-top: -30px;
	}
	.footer-top-inner {
		width: 100%;
	}
	.footer-middle-title .tit_ja {
		font-size: 1.8rem;
	}
	.footer-middle-title .tit_ja:after {
		top: 35px;
	}
	.footer-middle-title .tit_en {
		margin-top: 30px;
	}
	.footer-contact {
		margin-top: 0;
	}
	.footer-contact-box {
		margin-top: 20px;
		padding: 20px 0;
		height: auto;
	}
	.footer-contact-box h4 .tit {
		margin-top: 10px;
		font-size: 1.6rem;
	}
	.footer-contact-tel a {
		margin-top: 10px;
		font-size: 2.6rem;
		font-weight: 800;
		letter-spacing: 2px;
	}
	.footer-contact-tel a img {
		margin-right: 10px;
	}
	.footer-contact-mail a {
		margin-top: 20px;
		padding: 15px;
		font-size: 2.0rem;
		letter-spacing: 0;
	}
	
	#footer-middle {
			text-align: center;
	}
	.footer-middle-inner {
		margin: 0 auto;
		width: 1080px;
	}
	.footer-ast-info dl {
		display: table;
	}
	.footer-ast-info dt {
		display: table-cell;
		border-right: 1px solid #ccc;
		padding-top: 3px;
		width: 184px;
		vertical-align: top;
	}
	.footer-ast-info dt a:hover img,
	.footer-ast-info dt a:focus img {
		opacity: 1;
	}
	.footer-ast-info dd {
		display: table-cell;
		padding: 10px 0 10px 36px;
		vertical-align: top;
	}
	.footer-ast-info dd .name {
		font-weight: bold;
	}
	.footer-ast-info dd .addr {
		margin-top: 5px;
		font-size: 1.2rem;
		font-weight: bold;
		line-height: 1.4;
	}
	.footer-ast-info dd a {
		display: inline-block;
		margin-top: 5px;
		color: #011b48;
		font-size: 1.2rem;
		font-weight: bold;
	}
	
	.footer-ast-info dd a:hover, .footer-ast-info dd a:focus {
		color: #d69c02;
	}
	.footer-works-box {
		border: 1px solid #ccc;
		padding: 20px 30px;
	}
	.footer-works-box dl {
		display: table;
		width: 100%;
	}
	.footer-works-box dl:first-child {
		margin-bottom: 15px;
	}
	.footer-works-box dt {
		display: table-cell;
		border-right: 1px solid #222;
		width: 95px;
		font-size: 1.2rem;
		font-weight: bold;
	}
	.footer-works-box dd {
		display: table-cell;
		padding-left: 20px;
		font-size: 1.2rem;
		font-weight: bold;
	}
		
	.footer-middle-inner {
		width: 100%;
	}
	.footer-ast-info dl {
		display: table;
	}
	.footer-ast-info dt {
		display: block;
		border-right: none;
		padding-top: 0;
		width: 50%;
	}
	.footer-ast-info dd {
		display: block;
		padding: 10px;
	}
	.footer-works-box {
		margin-top: 20px;
		margin-bottom: 20px;
		padding: 20px;
	}
	.footer-works-box dl {
		display: table;
		width: 100%;
	}
	.footer-works-box dl:first-child {
		margin-bottom: 15px;
	}
	.footer-works-box dt {
		display: block;
		border-right: none;
		width: 100%;
	}
	.footer-works-box dd {
		display: block;
		margin-top: 5px;
		padding-left: 20px;
	}
	
	.footer-bottom-group {
			float: left;
			width: 200px;
			margin-right: 20px;
	}
	.footer-bottom-group-end {
			margin-right: 0;
	}
	.footer-bottom-block {
			margin-bottom: 30px;
	}
	.footer-bottom-block .block-title {
		font-weight: bold;
		line-height: 2.0;
		border-bottom: 1px solid #555;
		margin-bottom: 10px;
	}
	.footer-bottom-block .block-subtitle {
		font-size: 1.2rem;
		font-weight: bold;
		margin-bottom: 5px;
	}
	.footer-bottom-block .block-spacer {
		margin-top: 20px;
	}
	.footer-bottom-list a {
		display: inline-block;
		position: relative;
		font-size: 1.1rem;
		margin-bottom: 5px;
		padding-left: 2px;
		width: 95%;
		vertical-align: top;
	}
	.footer-bottom-list a:before {
		left: 2px;
		position: absolute;
		color: #011b48;
	}
	.footer-bottom-list a:hover,
	.footer-bottom-list a:focus {
		color: #d69c02;
	}

	.copyright {
		padding: 10px 10px 20px;
		text-align: center;
		font-size: 1.2rem;
		color: #ddd;
	}
	

	
	#block-contact {
		display: none;
	}
	
	#pagetop {
		display: none;
		position: fixed;
		right: 0;
		bottom: 0;
		z-index: 99;
	}
	#pagetop p {
		text-align: center;
		display: inline-block;
		width: 56px;
		padding: 15px 0;
		background-color: #222;
		color: #fff;
		cursor: pointer;
		font-size: 1.2rem;
	}
	#pagetop p i {
		display: block;
		margin-bottom: 5px;
	}
	#pagetop p:hover {
		background-color: #d69c02;
	}

	#pagetop p {
		width: 40px;
		padding: 14px 0;
		color: #fff;
		font-size: 1.0rem;
	}
	#pagetop p i {
		margin-bottom: 0;
	}

	.jt_sp {
		display: block;
	}
	
	.side_title {
		margin-bottom: 5px;
	}
	.rank_cat {
		margin: 15px;
		padding: 20px 0;
		width: auto;
	}
	.side_content01 {
		margin: 10px 10px 0;
	}
	.side_content03 {
		text-align: center;
	}
	.side_content06 {
		margin: 10px;
	}
	.side_content06 .side_bnrlist li {
		margin-bottom: 10px;
	}
	.side_content06 .side_bnrlist li:last-child {
		margin-bottom: 80px;
	}
	
	.side_menulist01 li a {
		padding: 8px 0 8px 5px;
	}
	.side_menulist01 li a:after {
		right: 10px;
	}
	.side_menulist02 li {
		padding: 10px 10px 10px 4px;
	}
	.side_menulist03 li a p {
		padding-right: 10px;
	}
	.drawer--right .drawer-nav {
		width: 240px;
	}
	

	.md-1 > * {
		width: 100%;
	}
	.md-top {
		-webkit-align-items: flex-start;
		-ms-align-items: flex-start;
		align-items: flex-start;
	}
	.md-top > * {
		vertical-align: top;
	}
			 
	.md-gutter-0 {
		width: calc(100% + 0px);
		margin-left: -0px;
		margin-right: -0px;
		padding-left: 0;
		padding-right: 0;
	}
	.md-gutter-0 > * {
		padding-left: 0px;
		padding-right: 0px;
	}
				
	.md-gutter-10, .uri {
		display: flex;
		width: 100%;
	}
	.md-gutter-11 {
		display: flex;
		flex-wrap: wrap;
		width: 100%;
	}
				
	.md-1-1 {
		width: 100%;
	}
	.md-1-2 {
		width: 50%;
	}
	.md-1-3 {
		width: 33%;
	}


	.div3 {
		top: 9%;
		right: -179px;
	}


	.gunma {
		width: 90px;
		height: 90px;
	}
	.fukidashi_area img {
		width: 96px;
		height: auto;
	}
	.kv {
		padding: 20px 0;
	}
	.kv h2 {
		font-size: 3rem;
		 background-color: rgba(255, 255, 255, 0.1);
	}
	
	.main_blk {
		width: 100%;
		margin: 10px 0 auto;
	}
	.fudo_top_body {
		width: 100%;
		font-size: 1.8rem;
	}
 	.fudo_top_r-5 {
		display: block;
	}
	.add_area, .shu_area, .top_madori, .price_area {
		text-align: left;
	}
	.new_mark {
		bottom: 50px;
	}
	.syousai {
		margin-top: -30px;
	}
	.plan h3, .plan p {
		font-size: 1.8rem;
	}
	.plan img {
		width: 90%;
		margin: 10px auto;
	}
	.boximage {
		width: 200px;
		height: 120px;
	}
	.plan h3::before {
		margin-right: 10px;
	}
	.plan h3::after {
		margin-left: 10px;
	}
 }