@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: #222;
	-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;
}



header {
	width: 100%;
	border-top: 5px solid #222;
}
.hInner {
	margin: 0 auto;
}

#h1, #first-title {
	width: 100%;
	background-color: #dcdcdc;
	padding: 10px 30px;
	text-align: center;
}
#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.4rem;
}


.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-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;
}

.iqura {
	margin: 20px 20px 20px 0;
}

.sns_group {
	margin-top: 36px;
}

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

#btn-share {
	position: fixed;
	top: 50%;
	right: 0;
	z-index: 99;
	margin-top: -207px;
}
#btn-share li {
	margin-bottom: 10px;
}
#btn-share li:last-child {
	margin-bottom: 0;
}
#btn-share a {
	display: block;
	padding-top: 5px;
	width: 56px;
	height: 56px;
	color: #fff;
	font-size: 2.8rem;
	text-align: center;
	cursor: pointer;
}
#btn-share .btn_facebook { background-color: #3b5998; }
#btn-share .btn_twitter  { background-color: #1da1f2; }
#btn-share a:hover, #btn-share a:focus { opacity: .6; }

#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;
}


.sec_content {
	margin-top: 50px;
	width: 100%;
	line-height: 1.6;
}
.sec_content01 {
	margin-top: 0;
}

.sec_content02 {
	margin-top: 50px;
	padding-top: 10px;
}

.top_title01 {
	margin-bottom: 3px;
	text-align: center;
	position: relative;
	background: #dcdcdc;
	padding: 15px 15px 3px;
	border-bottom: 3px solid #666;
}
.top_title01 span {
	font-size: 1.5rem;
}
.top_title01 a {
	color: #222;
	font-size: 1.3rem;
	position: absolute;
	bottom: 3px;
	right: 0;
}
.top_title01 a:after {
	margin-left: 3px;
	font-family: Fontawesome;
}
.top_title01 a:hover, .top_title01 a:focus {
	color: #d69c02;
}

.top_title02_wrap {
	display: table;
	margin-bottom: 20px;
	width: 100%;
}
.top_title02 {
	font-size: 2.0rem;
	letter-spacing: 0.8rem;
	margin-bottom: 20px;
}
.top_title02 img {
	margin-right: 15px;
	vertical-align: top;
}
.top_title02_wrap .top_title02 {
	display: table-cell;
	margin-bottom: 0;
}
.top_title02_wrap .lead {
	display: table-cell;
	text-align: right;
}

.top_title03_wrap {
	display: table;
	margin-bottom: 15px;
}
.top_title03_wrap .title_icon {
	display: table-cell;
	width: 70px;
	vertical-align: middle;
}
.top_title03_wrap .text {
	display: table-cell;
	vertical-align: middle;
}
.top_title03_wrap .lead {
	font-size: 1.2rem;
}
.top_title03 {
	font-size: 2.0rem;
}

.top_title04 {
	position: relative;
	padding: 1rem 2rem;
	border-bottom: 6px solid #016cb2;
}
.top_title04:before {
	position: absolute;
	bottom: -6px;
	left: 0;
	width: 20%;
	height: 6px;
	content: '';
	background: #6bb5e7;
}

.top_title04 img {
	margin-right: 11px;
	vertical-align: bottom;
}
.top_title04 span {
	vertical-align: bottom;
	font-size:2.5rem
}

.top_title05_wrap {
	display: table;
	margin-bottom: 15px;
	width: 100%;
}
.top_title05_wrap .title_icon {
	display: table-cell;
	width: 52px;
	vertical-align: middle;
}
.top_title05_wrap .text {
	display: table-cell;
	vertical-align: middle;
}
.top_title05_wrap .lead {
	font-size: 1.2rem;
}
.top_title05_wrap a {
	display: table-cell;
	color: #222;
	font-size: 1.2rem;
	text-align: right;
	vertical-align: bottom;
}
.top_title05_wrap a:after {
	margin-left: 3px;
	font-family: Fontawesome;
	content: '\f138';
}
.top_title05_wrap a:hover, .top_title05_wrap a:focus {
	color: #d69c02;
	text-decoration: none;
}
.top_title05 {
	font-size: 2.0rem;
}

.search_area {
	float: left;
	width: 200px;
}

.search_area_img img {
	width: 200px;
	height: 275px;
}
.search_nav {
	width: 100%;
}
.search_nav td {
	border: 1px solid #ccc;
	background-color: #fff;
	width: 50%;
	text-align: center;
}
.search_nav tr td:first-child { border-left: none; }
.search_nav tr td:last-child { border-right: none; }
.search_nav td a {
	display: block;
	padding: 17px 5px;
	color: #222;
	font-weight: bold;
}
.search_nav td a:hover img, .search_nav td a:focus img {
	opacity: 1;
}
.search_nav td a:hover, .search_nav td a:focus {
	color: #d69c02;
	text-decoration: none;
}
.search_nav td a p {
	margin-top: 10px;
	font-size: 1.6rem;
	line-height: 1.3;
	letter-spacing: 0;
}
.new_area {
	float: right;
	width: 640px;
}

.content_box {
	border: 1px solid #ddd;
	background-color: #fff;
	padding: 20px;
}
.box_image {
	margin-bottom: 15px;
}

.area_wrap {
	margin-bottom: 20px;
}
.assessment_area {
	float: left;
	width: 200px;
}
.needs_area {
	float: right;
	width: 640px;
}
.content_list01 img {
	transition: all 0.75s ease;
	transform: scale(1);
}
.content_list01 :hover img {
	transform: scale(1.1);
}
.content_list01 li {
	margin-bottom: 20px;
}
.content_list02 li {
	margin-bottom: 10px;
}
.content_list02 li a {
	display: table;
}
.content_list02 li a figure {
	display: table-cell;
	width: 72px;
	text-align: left;
	vertical-align: middle;
}
.content_list02 li a p {
	display: table-cell;
	vertical-align: middle;
}

.content_list03 {
	border-top: 1px solid #ddd;
	margin-top: 10px;
	padding-top: 20px;
}
.content_list03 li {
	margin-bottom: 10px;
}
.content_list03 li a {
	color: #222;
	padding-left: 3px;
	font-size: 1.4rem;
	position: relative;
}
.content_list03 li a:before {
	margin-right: 6px;
	position: absolute;
	top: 0;
	left: 0;
}

.content_list04 li {
	display: inline-block;
	margin-right: 16px;
}
.content_list04 li:last-child {
	margin-right: 0;
}
.content_list04 li a {
	color: #222;
	display: block;
	padding-left: 16px;
	font-size: 1.4rem;
	position: relative;
}
.content_list04 li a:before {
	margin-right: 6px;
	color: #f0be00;
	font-family: Fontawesome;
	content: '\f138';
	position: absolute;
	top: 0;
	left: 0;
}
.content_list05 li {
	display: table;
	border-bottom: 1px solid #ddd;
	padding: 5px 3px;
	width: 100%;
}
.content_list05 li figure {
	display: table-cell;
	width: 72px;
	text-align: left;
	vertical-align: top;
}
.content_list05 li .text_wrap {
	display: table-cell;
	vertical-align: top;
}
.content_list05 li .text_wrap .link_text {
	font-size: 1.6rem;
	line-height: 1.3;
	padding-top: 3px;
}
.content_list05 li .text_wrap .text {
	margin-top: 3px;
	font-size: 1.3rem;
	line-height: 1.8;
}
.content_list06 {
	margin-top: 15px;
}
.content_list06 li {
	margin-top: 5px;
}
.content_list06 li a {
	display: block;
	padding-left: 15px;
	color: #222;
	font-size: 1.4rem;
	letter-spacing: 0;
	position: relative;
}
.content_list06 li a:before {
	 color: #f0be00;
	 font-family: Fontawesome;
	 font-size: 80%;
	 content: '\f138';
	 position: absolute;
	 top: 1px;
	 left: 0;
}

.fukai {
	list-style-type: none;
	text-align: center;
	margin: 10px auto;
	width: 70%;
}


.iframe_wrap iframe {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.jutyu_iframe_wrap {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: 640px;
	height: 250px;
}
.jt_pc {
	display: block;
}
.jt_sp {
	display: none;
}
.grid_iframe_wrap_01 {
	width: 860px;
	height: 450px;
}
.grid_iframe_wrap_02 {
	width: 860px;
	height: 910px;
}
.grid_iframe_wrap_03 {
	width: 860px;
	height: 450px;
}
.needs_iframe_wrap {
	border-top: 1px solid #222;
	border-bottom: 1px solid #ccc;
	width: 640px;
	height: 140px;
}


#promotion {
	margin-bottom: 50px;
	width: 100%;
	position: relative;
}
.promotion_slider {
	display:none;
}
.promotion_slider.slick-initialized {
	display: block;
}
.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;
}
.rank_cat {
	margin-bottom: 15px;
	padding: 20px;
	width: 200px;
	text-align: center;
	position: relative;
}
.rank_cat:before, .rank_cat:after {
	width: 20px;
	height: 20px;
	content: '';
	position: absolute;
}
.rank_cat:before {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	top: 0;
	left: 0;
}
.rank_cat:after {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	bottom: 0;
	right: 0;
}

.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;
}


.fudo_wrap .grid-content {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.fudo_wrap .grid-content li, .fudo_wrap #syousai_box li, .fudo_wrap .grid-content.cookie_fudou_single li {
	list-style-type: none;
	margin: 0 0 30px 0;
	overflow: hidden;
	position: relative;
	max-width: 23%;
	flex: 0 0 23%;
	display: block;
	border: 1px solid #ddd;
	background-color: #fff;
	padding: 8px 12px;
	line-height: 1.2;
	display: flex;
	flex-flow: column nowrap;
}
	.fudo_wrap .fudo_top_image {
		padding: 0 0 10px;
	}
	
	.fudo_wrap .grid-content li > a {
		display: block;
		margin: 0 0 15px 0;
	}
	.fudo_wrap img.box1image, .fudo_wrap img.box4image {
		display: block;
		font-family: 'object-fit: contain;';
		height: 172px;
		object-fit: cover;
		width: 100%;
	}
	.fudo_wrap .fudo_kaiin_type_logo {
		position: absolute;
		right: 20px;
		top: 20px;
		z-index: 10;
	}
	.fudo_wrap .top_bukkenshubetsu {
		line-height: 1.0;
	}
	.fudo_wrap .top_title {
		display: -webkit-box;
		overflow: hidden;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
			
	}
	.fudo_wrap .top_bukkenshubetsu span {
		padding: 3px 5px;
		background-color: #016cb2;
		border-radius: 3px;
		color: white;
		display: inline-block;
		line-height: 1.0;
		font-size: 1.1rem;
		margin-bottom: 5px;
	}
	.fudo_wrap .top_kaiin {
		margin-top: 15px;
		display: block;
	}
	.fudo_wrap .top_title {
		float: left;
		letter-spacing: 1px;
		line-height: 1.3;
		width: 100%;
		font-weight: bold;
		margin-bottom: 5px;
	}
	.fudo_wrap .top_price {
		display: block;
		color: #661418;
	}
	.fudo_wrap .top_madori {
		font-size: 1.1rem;
	}
	.fudo_wrap .top_shozaichi {
		font-size: 1.1rem;
	}
	.fudo_wrap .grid-content li span.top_kotsu {
		font-size: 1.1rem;
	}
	.fudo_wrap .box1low {
		display: block;
		margin-top: 10px;
	}
	.fudo_wrap .box1low a, .fudo_wrap .more-link {
		display: inline-block;
		font-size: 0;
		margin: 0;
		text-decoration: none;
	}
	.fudo_wrap .box1low a:before {
		content: "MORE";
		font-size: 12px;
		letter-spacing: 1px;
		color: #011b48;
		font-family: "Oswald";
	}

.fudo_wrap .new_mark {
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.39);
	float: left;
	font-family: 'Helvetica', 'sans-serif';
	font-size: 14px;
	font-weight: 400;
	height: 30px;
	left: -40px;
	margin-right: 10px;
	margin-top: 3px;
	padding: 6px 0 0 0;
	position: absolute;
	text-transform: uppercase;
	text-align: center;
	top: 5px;
	transform: rotate(-45deg);
	width: 125px;
	z-index: 2;
	color: #fff;
	background-color: #c32136;
}

.new_area .top_title01 a {
	margin: 0 10px;
}
.new_area .top_title01 span {
	font-size: 1.2rem;
	transform: translate(-70px, 0);
}
.new_area .top_title01 span b {
	font-size: 1.5rem;
} 
.new_area .top_title01 img {
	transform: translate(-70px, 0);
}
.needs_iframe_wrap {
	height: 270px;
	width: 640px;
	overflow: hidden;
}
.needs_area .content_list02 li:not(:last-child) {
		margin-bottom: 30px;
}

.new_area .top_title01 span.sp_on {
	display: none;
}

.r-btn {
	text-align: right;
}

.fudo_wrap01 .more-btn {
	border: 1px solid #ddd;
	display: inline-block;
	
}

.fudo_wrap01 .more-btn a {
		display: block;
		padding: 10px 45px 10px 35px;
		color: #222;
		position: relative;
		text-decoration: none;
		font-weight: bold;
		background-color: #fff;
	}

.fudo_wrap01 .more-btn a:focus {
			color: #d69c02;
			text-decoration: none;
		}
	
.fudo_wrap01 .more-btn a:hover {
	 color: #d69c02;
	 text-decoration: none;
	}

.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-table {
	display: table;
	table-layout: fixed;
	-webkit-flex-direction: initial;
	-ms-flex-direction: initial;
	flex-direction: initial;
	-webkit-flex-wrap: initial;
	-ms-flex-wrap: initial;
	flex-wrap: initial;
	-webkit-justify-content: initial;
	-ms-justify-content: initial;
	justify-content: initial;
	-webkit-align-content: initial;
	-ms-align-content: initial;
	align-content: initial;
	-webkit-align-items: initial;
	-ms-align-items: initial;
	align-items: initial;
	-webkit-column-count: auto;
	-moz-column-count: auto;
	column-count: auto;
}

.xl-table > * {
	display: table-cell;
}

.xl-flexbox {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	table-layout: auto;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	-ms-justify-content: flex-start;
	justify-content: flex-start;
	-webkit-align-content: center;
	-ms-align-content: center;
	align-content: center;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
	-webkit-column-count: auto;
	-moz-column-count: auto;
	column-count: auto;
}

.xl-flexbox > * {
	display: inline-block;
}

.xl-normal {
	display: block;
	table-layout: auto;
	-webkit-flex-direction: initial;
	-ms-flex-direction: initial;
	flex-direction: initial;
	-webkit-flex-wrap: initial;
	-ms-flex-wrap: initial;
	flex-wrap: initial;
	-webkit-justify-content: initial;
	-ms-justify-content: initial;
	justify-content: initial;
	-webkit-align-content: initial;
	-ms-align-content: initial;
	align-content: initial;
	-webkit-align-items: initial;
	-ms-align-items: initial;
	align-items: initial;
	-webkit-column-count: auto;
	-moz-column-count: auto;
	column-count: auto;
}

.xl-normal > * {
	display: inline-block;
}

.xl-left {
	-webkit-justify-content: flex-start;
	-ms-justify-content: flex-start;
	justify-content: flex-start;
	text-align: left;
}

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

.xl-right {
	-webkit-justify-content: flex-end;
	-ms-justify-content: flex-end;
	justify-content: flex-end;
	text-align: right;
}

.xl-top {
	-webkit-align-items: flex-start;
	-ms-align-items: flex-start;
	align-items: flex-start;
}

.xl-top > * {
	vertical-align: top;
}

.xl-middle {
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
}

.xl-middle > * {
	vertical-align: middle;
}

.xl-bottom {
	-webkit-align-items: flex-end;
	-ms-align-items: flex-end;
	align-items: flex-end;
}

.xl-bottom > * {
	vertical-align: bottom;
}

.xl-between {
	-webkit-justify-content: space-between;
	-ms-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-content: space-between;
	-ms-align-content: space-between;
	align-content: space-between;
}

.xl-around {
	-webkit-justify-content: space-around;
	-ms-justify-content: space-around;
	justify-content: space-around;
	-webkit-align-content: space-around;
	-ms-align-content: space-around;
	align-content: space-around;
}

.xl-baseline {
	-webkit-align-items: baseline;
	-ms-align-items: baseline;
	align-items: baseline;
}

.xl-reverse {
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-webkit-flex-wrap: wrap-reverse;
	-ms-flex-wrap: wrap-reverse;
	flex-wrap: wrap-reverse;
}

.xl-not-reverse {
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

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

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

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

.xl-gutter-8 > * {
	padding-left: 4px;
	padding-right: 4px;
}

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

.xl-gutter-10 > * {
	padding-left: 5px;
	padding-right: 5px;
}

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

.xl-gutter-14 > * {
	padding-left: 7px;
	padding-right: 7px;
}

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

.xl-gutter-16 > * {
	padding-left: 8px;
	padding-right: 8px;
}
/*
.xl-gutter-20 {
	width: calc(100% + 20px);
	margin-left: -10px;
	margin-right: -10px;
	padding-left: 0;
	padding-right: 0;
}
*/

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

.xl-gutter-24 > * {
	padding-left: 12px;
	padding-right: 12px;
}

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

.xl-gutter-30 > * {
	padding-left: 15px;
	padding-right: 15px;
}

.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-gutter-60 {
	width: calc(100% + 60px);
	margin-left: -30px;
	margin-right: -30px;
	padding-left: 0;
	padding-right: 0;
}

.xl-gutter-60 > * {
	padding-left: 30px;
	padding-right: 30px;
}


.xl-outside-0 {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	padding-left: 0px;
	padding-right: 0px;
}

.xl-outside-8 {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	padding-left: 4px;
	padding-right: 4px;
}

.xl-outside-16 {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	padding-left: 8px;
	padding-right: 8px;
}

.xl-outside-24 {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	padding-left: 12px;
	padding-right: 12px;
}

.xl-outside-40 {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	padding-left: 20px;
	padding-right: 20px;
}

.xl-outside-60 {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
	padding-left: 30px;
	padding-right: 30px;
}

.xl-masonry-2 {
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
}

.xl-masonry-3 {
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
}

.xl-masonry-4 {
	-webkit-column-count: 4;
	-moz-column-count: 4;
	column-count: 4;
}

.xl-masonry-5 {
	-webkit-column-count: 5;
	-moz-column-count: 5;
	column-count: 5;
}

.xl-masonry-6 {
	-webkit-column-count: 6;
	-moz-column-count: 6;
	column-count: 6;
}

.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;
}

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

.xl-3-4 {
	width: 75%;
}

.xl-1-5 {
	width: 20%;
}

.xl-2-5 {
	width: 40%;
}

.xl-3-5 {
	width: 60%;
}

.xl-4-5 {
	width: 80%;
}

.xl-1-6 {
	width: 16.66667%;
}

.xl-2-6 {
	width: 33.33333%;
}

.xl-3-6 {
	width: 50%;
}

.xl-4-6 {
	width: 66.66667%;
}

.xl-5-6 {
	width: 83.33333%;
}

.xl-1-7 {
	width: 14.28571%;
}

.xl-2-7 {
	width: 28.57143%;
}

.xl-3-7 {
	width: 42.85714%;
}

.xl-4-7 {
	width: 57.14286%;
}

.xl-5-7 {
	width: 71.42857%;
}

.xl-6-7 {
	width: 85.71429%;
}

.xl-1-8 {
	width: 12.5%;
}

.xl-2-8 {
	width: 25%;
}

.xl-3-8 {
	width: 37.5%;
}

.xl-4-8 {
	width: 50%;
}

.xl-5-8 {
	width: 62.5%;
}

.xl-6-8 {
	width: 75%;
}

.xl-7-8 {
	width: 87.5%;
}

.xl-1-9 {
	width: 11.11111%;
}

.xl-2-9 {
	width: 22.22222%;
}

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

.xl-4-9 {
	width: 44.44444%;
}

.xl-5-9 {
	width: 55.55556%;
}

.xl-6-9 {
	width: 66.66667%;
}

.xl-7-9 {
	width: 77.77778%;
}

.xl-8-9 {
	width: 88.88889%;
}

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

.xl-2-10 {
	width: 20%;
}

.xl-3-10 {
	width: 30%;
}

.xl-4-10 {
	width: 40%;
}

.xl-5-10 {
	width: 50%;
}

.xl-6-10 {
	width: 60%;
}

.xl-7-10 {
	width: 70%;
}

.xl-8-10 {
	width: 80%;
}

.xl-9-10 {
	width: 90%;
}

.xl-1-11 {
	width: 9.09091%;
}

.xl-2-11 {
	width: 18.18182%;
}

.xl-3-11 {
	width: 27.27273%;
}

.xl-4-11 {
	width: 36.36364%;
}

.xl-5-11 {
	width: 45.45455%;
}

.xl-6-11 {
	width: 54.54545%;
}

.xl-7-11 {
	width: 63.63636%;
}

.xl-8-11 {
	width: 72.72727%;
}

.xl-9-11 {
	width: 81.81818%;
}

.xl-10-11 {
	width: 90.90909%;
}

.xl-1-12 {
	width: 8.33333%;
}

.xl-2-12 {
	width: 16.66667%;
}

.xl-3-12 {
	width: 25%;
}

.xl-4-12 {
	width: 33.33333%;
}

.xl-5-12 {
	width: 41.66667%;
}

.xl-6-12 {
	width: 50%;
}

.xl-7-12 {
	width: 58.33333%;
}

.xl-8-12 {
	width: 66.66667%;
}

.xl-9-12 {
	width: 75%;
}

.xl-10-12 {
	width: 83.33333%;
}

.xl-11-12 {
	width: 91.66667%;
}

.xl-hidden {
	display: none;
}

.xl-not-hidden {
	display: inline-block;
}

.xl-first {
	-ms-flex-order: -1;
	-webkit-order: -1;
	order: -1;
}

.xl-not-first {
	-ms-flex-order: 0;
	-webkit-order: 0;
	order: 0;
}

.xl-last {
	-ms-flex-order: 1;
	-webkit-order: 1;
	order: 1;
}

.xl-not-last {
	-ms-flex-order: 0;
	-webkit-order: 0;
	order: 0;
}

.md-hidden {
		display: none;
	}
.md-not-hidden {
		display: inline-block;
	}
.md-first {
		-ms-flex-order: -1;
		-webkit-order: -1;
		order: -1;
	}
.md-not-first {
		-ms-flex-order: 0;
		-webkit-order: 0;
		order: 0;
	}
.md-last {
		-ms-flex-order: 1;
		-webkit-order: 1;
		order: 1;
	}
.md-not-last {
		-ms-flex-order: 0;
		-webkit-order: 0;
		order: 0;
	}

 .scroll_area table {
		width: 650px;
		line-height: 1.5;
		border-collapse: collapse;
		border-spacing: 0;
}

.scroll_area table tbody tr:nth-child(2n) {
		background-color: #f0ede8;
}

.scroll_area table th {
		border-bottom: 1px solid #ccc;
		font-size: 1.1rem;
		font-weight: bold;
		line-height: 1.3;
		padding: 10px 0 8px 5px;
		text-align: center;
		white-space: nowrap;
		width: 70%;
}

.scroll_area table td {
		font-size: 1.1rem;
		line-height: 1.2;
		padding: 10px 0 10px 5px;
		letter-spacing: 0;
		overflow: hidden;
		text-overflow: ellipsis;
}
.hp_ct {
	width: 448px;
	overflow-y: auto;
}

.line_a0 {
	font-size:1.6rem;
	margin: 40px auto 5px;
	color: #011b48;
}


.p_top {
	width: 50px;
	height: 50px;
	position: fixed;
	right: 0;
	bottom: 0;
	background: #011b48;
	z-index: 100;
  }
  .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: -10px;
	bottom: 3px;
	right: 1px;
	left: 1px;
	margin: auto;
	text-align: center;
}



.shinchiku {
	margin: 10px auto;
	width: 100%;
	display: flex;
}

.hp_date2 {
	font-size: 1rem;
}

.hp_seiyaku {
	padding: 2px 10px;
	font-size: 1.2rem;
}

.shinchiku table tbody tr:nth-child(2n) {
	background-color: #f0ede8;
}


.maebashi {
	display: none;
} 
#tokusetsu {
	display:block;
	width: 1080px;
	height: auto;
	margin: 30px auto 10px;
}
#tokusetsu .top_title02 {
	margin: 40px 10px auto;
	
}

#tokusetsu .heartfeels {
	width: 88%;
	padding: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	height: auto;
}
 #tokusetsu .heartfeels li {
	width: 50%;
	height: auto;
	margin: auto;
} 
.fukai img {
	transition: all 0.75s ease;
	transform: scale(1);
}
.fukai img:hover {
	transform: scale(1.1);
}
.uri img {
	padding: 5px;
	transition: all 0.75s ease;
	transform: scale(1);
}
.uri :hover img {
 transform: scale(1.1);
} 
.uri2 {
	display: flex;
	width: 100%;
	height: auto;
	flex-wrap: wrap;
}

.uri2 p {
	margin: 0 10px;
}
.uri3 img {
	margin: 5px 10px;
	width: 200px;
	height: 80px;
	transition: all 0.75s ease;
	transform: scale(1);
}
.uri3 {
	 display: flex;
	 overflow: hidden;
}
.uri3 i {
	color: #016cb2;
}
.uri2 img, .uri6 img {
	width: 20px;
	height: 20px;
	margin: 5px;
}
.uri6 {
	margin: 5px auto;
}
.uri3 img:hover {
	transform: scale(1.1);
}

.uri7 img {
	transition: none;
	transform: none;
}
.uri7 img:hover {
	transform: none;
}
.arrow04 {
	position: relative;
	padding-left: 22px;
}
.arrow04::before {
	position: absolute;
	content: '';
	width: 16px;
	height: 16px;
	background: #016cb2;
	border-radius: 50%;
	top: 50%;
	left: 0;
	margin-top: -8px;
}
.arrow04::after {
	position: absolute;
	content: '';
	width: 0;
	height: 0;
	border: solid 4px transparent;
	border-left: solid 6px #fff;
	top: 50%;
	left:6px;
	margin-top: -4px;
}

/*--------下層ページここから--------------------*/
#omoi {
	display: flex;
	width: 1080px;
	margin: 0 auto;
}

.omoi1 {
	width: 95%;
}

.midashi {
	width: 100%;
	margin: 20px auto;
	text-align: center;
}

.midashi h1 {
	text-align: center;
	margin: 30px auto ;
}


.asterecs1 {
	width: 100%;
	height: 500px;
	margin: 0 auto;
	padding: 0;
	background-image: url("/image/asterecs1.jpg");
	background-size: cover;
	background-repeat: no-repeat;
}
.asterecs2 {
	display: flex;
	width: 100%;
	height: auto;
	margin: 30px auto;
}
.asterecs3 {
	width: 100%;
	height: 300px;
	color: #fff;
	background-color: #c53d43;
	margin-top: 100px;
	margin-right: -50px;
	z-index: 1;
}
.ast-midashi {
	font-size: 2.3rem;
	color: #fff;
	font-weight: bold;
}
.asterecs3 p, .asterecs4 p {
	margin: 10px;
	padding: 10px;
	line-height: 1.7;
}
.asterecs2 img {
	margin-top: 30px;
}
.asterecs4 span img {
	width: 150px;
	height: 30px;
}
.asterecs4 {
	width: 70%;
	height: 280px;
	color: #fff;
	background-color:#c53d43;
	margin-top: 50px;
	margin-left: -50px;
	z-index: 1;
}
.asterecs7 {
	margin: 100px auto;
	width: 100%;
	padding: 20px;
}
.asterecs7 strong {
	font-size: 3.5rem;
	font-weight: bold;
	color: #c53d43;
}
.asterecs6 {
	margin: 5px auto;
	text-align: center;
}
.asterecs6 h3 {
	font-size: 2rem;
	margin: 20px auto;
}
.asterecs9 img {
	transition: all 0.75s ease;
	transform: scale(1);
	margin: 40px;
}
.asterecs9 :hover img {
 transform: scale(1.1);
}
.glowAnime span{opacity: 0;}
.glowAnime.glow span{ animation:glow_anime_on 1s ease-out forwards; }

@keyframes glow_anime_on{
	0% { opacity:0; text-shadow: 0 0 0 #ff8c00,0 0 0 #ffd700;}
	50% { opacity:1;text-shadow: 0 0 10px #ff8c00,0 0 15px #ff8c00; }
	100% { opacity:1; text-shadow: 0 0 0 #ff8c00,0 0 0 #ffd700;}
}


 #company-0 {
	display: flex;
	width: 1080px;
	margin: 0 auto;
} 

.company-1 {
	width: 90%;
}
.company-2 {
	width: 100%;
	margin: 20px auto;
	text-align: center;
} 

.company-3 {
	margin-top: 50px;
}

.company-3 h2 {
	font-size: 3rem;
	text-align: center;
	margin-bottom: 20px;
}

.ichiran table {
	margin: 0 auto;
}

.company3 table {
	border-collapse: collapse;
	border: 1px solid #a9a9a9; 
} 
 
td, th {
	border: 1px solid #a9a9a9;
	padding: 0.8em 1em; 
}

th {
	background-color: #a9a9a9;
	color: #FFF;
	text-align: left;
} 
 
th:first-child {
	border-right: 1px solid #EEE;
}

.company-4 h1 {
	text-align: center;
	font-size: 3rem;
	margin: 70px auto 30px auto;
}

.company-4 .map {
	display: block;
	width: 90%;
	height: auto;
	margin: 20px auto;
	text-align: center;
}

.company-4 .map img {
	margin: 0 auto 30px;
	padding: 2px;
	width: 80%;
}

.company-5 {
	text-align: center;
	font-size: 2.5rem;
	margin-top: 50px;
}

.company-5 h1 {
	text-align: center;
	font-size: 3rem;
	margin: 50px auto;
}

.company-5 p {
	font-size: 1.5rem;
}

.company-5 h2 {
	width: 100%;
	margin: 20px auto;
}
.jspContainer {
	overflow: scroll;
}

.jspContainer2 {
	width: 105%;
	height: 197px;
	margin-left: -9px;
	overflow: scroll;

}

.seiyaku_wrap {
	height: 35px;
	padding: 10px;
	background-color: #cca16a;
	width: 50%;
}

.seiyaku_joho {
	color: #fff;
	text-align: center;
}




.staff-a {
	box-sizing: border-box;
	background-color: rgb(202, 36, 72);
	position: relative;
}

.staff-b {
	width: 1000px;
	height: 600px;
	margin: 0 auto;
	background: url(/image/staff3.jpg)no-repeat center top / cover;
	position: relative;
}
.staff-c img:first-child {
	position: absolute;
	left: -25%;
}
.staff-c img:last-child {
	position: absolute;
	right: -10%;
	width: 280px;
}
.staff-d {
	padding-top: 100px;
	text-align: center;
}
.staff-d img:first-child {
	width: 400px;
}
.staff-d img:last-child {
	width: 50%;
	margin-top: -10px;
}
.staff-a h2 {
	margin: 20px;
	font-size: 5rem;
	font-family: 'Noto Serif', serif;
}
.staff-a p {
	font-size: 1.8rem;
}
.staff-e img:first-child {
	width: 320px;
	position: absolute;
	top: 28%;
	left: -10%;
}
.staff-e img:nth-child(2){
	position: absolute;
	top: 66%;
	left: 15%;
	width: 280px;
}
.staff-e img:nth-child(3){
	position: absolute;
	top: 68%;
	right: 40%;
	width: 170px;
}
.staff-e img:nth-child(4){
	position: absolute;
	top: 65%;
	right: 20%;
	width: 170px;
}
.staff-e img:nth-child(5){
	position: absolute;
	top: 36%;
	right: 11%;
	width: 150px;
}
.staff-e img:last-child {
	position: absolute;
	top: 77%;
	right: -23%;
}
.staff-f {
	width: 100%;
	height: auto;
	padding: 80px 0;
	background-color: #d7d5d5;
}
.staff-f img {
	width: 100%;
	box-shadow: 0 6px 3px -3px rgba(0,0, 0, 0.5);
}
.staff-g {
	width: 980px;
	height: 450px;
	margin: 20px auto;
}
.staff-h {
	margin: 0 40px 0 0;
}
.staff-i {
	padding: 50px 0;
	background-color: #fff;
	display: flex;
	justify-content: center;
}
.staff-i img {
	width: 300px;
	height: 300px;
	margin: 5px;
}
.staff-a h3, .staff-a h4 {
	font-size: 3rem;
	margin: 10px 0;
	font-family: 'Noto Serif', serif;
}
.staff-h p {
	font-size: 2rem;
	font-family: 'Noto Serif', serif;
}
.staff-j {
	padding: 80px 0;
	text-align: center;
}
.staff-j a:hover {
	background-color: rgba(0,0, 0, 0.5);
	text-decoration: none;
}
.staff-j h3 {
	color: rgb(251, 211, 48);
}
.staff-j img {
	width: 650px;
	margin: 35px 20px;
	box-shadow: 0 6px 3px -3px rgba(0,0, 0, 0.5);
}
.staff-k {
	margin: 10px auto 0;
	display: flex;
}
.staff-btn {
	margin-top: 20px;
	padding: 6px 5px;
	text-align: center;
	background-color: #222;
	border-radius: 10px;
	box-shadow: 0 6px 3px -3px rgb(0, 0, 0, 0.2);
}
.staff-btn a {
	color: #fff;
}
.staff-x {
	width: 100%;
	display: flex;
	overflow: hidden;
	justify-content: space-around;
}
.staff-x img:first-child,.staff-x img:nth-child(3), .staff-x img:nth-child(5), .staff-x img:nth-child(6), .staff-x img:last-child {
	width: 180px;
	height: 180px;
}
.staff-x img :nth-child(2), .staff-x img:nth-child(4) {
	width: 160px;
	height: 100px;
}



.smooth {
	animation-name: smoothAnime;
	animation-duration: 1s;
	animation-fill-mode: forwards;
	transform-origin: left;
	opacity: 0;
}
@keyframes sommthAnime{
	from{
		transform: translate3d(0, 100, 0) skewY(12deg);
		opacity: 0;
	}
	to{
		transform: translate3d(0, 0, 0) skewY(0);
		opacity: 1;
	}
}

.fadeIn {
	animation-name: fadeInAnime;
	animation-duration: 1s;
	animation-fill-mode: forwards;
	opacity: 0;
}
@keyframes fadeInAnime {
	from{
		opacity: 1;
	}
	to{
		opacity: 0;
	}
}

.cast1, .cast5 {
	display: flex;
	justify-content: space-around;
	box-sizing: border-box;
	overflow: hidden;
}
.cast1 p {
	font-size: 1.8rem;
}
.cast-side {
	width: 7%;
	height: 100vh;
}
.cast3 {
	margin: 30px auto;
	text-align: center;
}
.cast3 img:first-child {
	width: 100px;
	height: 100px;
}
.cast3 img:last-child {
	width: 35%;
}
.cast3 h2 {
	margin: 15px 0;
	font-size: 5rem;
	font-family: 'Noto Serif', serif;
}
.cast4 {
	width: 1080px;
	margin: 50px auto; 
	padding: 50px;
	border: 1px solid #222;
	box-shadow: 0 6px 3px -3px rgb(0, 0, 0, 0.5);
}
.cast4 h3 {
	margin: 0 auto 30px;
	font-size: 3rem;
	font-family: 'Noto Serif', serif;
	text-align: center;
}
.cast5 {
	align-items: flex-end;
}
.cast5 img {
	width: 400px;
	height: 400px;
	box-shadow: 0 6px 3px -3px rgb(0, 0, 0, 0.5);
}
.cast7 h4 {
	font-size: 4rem;
	font-family: 'Noto Serif', serif;
}
.cast7 table {
	margin-top: 30px;
}
.cast8 {
	margin: 50px auto -10px;
	display: flex;
	justify-content: center;
}
.cast6 {
	margin: 100px auto 30px;
	background: url(../image/staff15.jpg) no-repeat center top / cover;	
}
.cast9 {
	margin-top: 50px;
	padding: 30px;
	background: rgba(251, 250, 250, 0.7);	
}
.cast9 p {
	line-height: 1.8;
}
.cast6 h4 {
	font-size: 3rem;
	font-family: 'Noto Serif', serif;
	border-bottom: 1px solid #666;
}
.cast6 p {
	margin: 20px 0;
}
.cast20 {
	text-align: center;
	display:none;
}
.cast21 {
	margin-top: 8px;
	margin-left: 50px;
}


@keyframes goDownAndUp {
	100% {
		transform: translateY(100%);
	  }
	  to {
		transform: translateY(-10%);
	  }
  }
  
.goDownAndUp {
	position: relative;
	left: 0px;
	top: 0px;
	animation-name: goDownAndUp;
	animation-duration: 10s;
	animation-iteration-count: infinite;
	animation-timing-function: ease;
}
.cast11 {
	display: flex;
	justify-content: center;
	font-family: 'Noto Serif', serif;
}
.cast11 p {
	margin: 50px 10px 0;
	text-align: center;
}
.cast12 {
	text-align: center;
}



.slider {
	width:94%;
	margin:0 auto;
}
.slider .slick-slide {
	margin:0 10px;
}
.slick-prev, .slick-next {
	position: absolute;
	top: 42%;
	cursor: pointer;
	outline: none;
	border-top: 8px solid #222;
	border-right: 8px solid #222;
	height: 28px;
	width: 28px;
}

.slick-dots {
	text-align:center;
	margin:20px 0 0 0;
}
.slick-dots li {
	display:inline-block;
	margin:0 5px;
} 
.slick-dots button {
	color: transparent;
	outline: none;
	width:13px;
	height:13px;
	display:block;
	border-radius:50%;
	background:#ccc;
}
.slick-dots .slick-active button{
	background:#333;
}

.loop_wrap {
	display: flex;
	width: 100vw;
	height: 100px;
	overflow: hidden;
  }
  
  .loop_wrap img {
	width: auto;
	height: 100%;
  }
  @keyframes loop {
	0% {
	  transform: translateX(100%);
	}
	to {
	  transform: translateX(-100%);
	}
  }
  
  @keyframes loop2 {
	0% {
	  transform: translateX(0);
	}
	to {
	  transform: translateX(-200%);
	}
  }
  .loop_wrap img:first-child {
	animation: loop 50s -25s linear infinite;
  }
  
  .loop_wrap img:last-child {
	animation: loop2 50s linear infinite;
  }
	  
  
 

/* -----------現行スタッフ紹介-------------------- */
#staff-0 {
	display: flex;
	width: 1080px;
	margin: 0 auto;
}
.staff-1 {
	width: 95%;
}
.staff-2 {
	width: 100%;
	margin: 20px auto;
	text-align: center;
}
#staff-4 {
	display:flex;
	flex-wrap: wrap;
	justify-content: space-around;
	width: 100%;
	margin-top: 60px;

}

#staff-4 .syain {
	display: inline-block; 
	width: 370px;
	height: auto;
	margin:50px auto;
	background-color:#f8f4e6;
	text-align: center;
	border-radius: 15px;
}

#staff-4 .syain img {
	border-radius: 10%;
	width: 150px;
	height:150px; 
	margin-top:-60px;
	padding: 5px;
	box-shadow: 3px 4px 4px 2px #6f5436;
}
	
#staff-4 .syain .kozin {
	width: 150px;
	height: 45px;
	margin: -40px 10px auto 25p;
	background-color:#866629;
	border-radius: 15px; 
	color:#fff;
	position: relative;
	box-shadow: 3px 3px 3px 2px #6f5436
}

#staff-4 .syain .kozin h2 {
	color: #fff;
}

#staff-4 .syain h2 {
	font-size: 1.6rem;
	color: #866629;
	text-align: center;
	padding: 2px;
}

.syain2 {
	margin: 50px auto;
	width: 370px;
}
.syain2 img {
	width: 50%;
	margin-left: 100px;
	margin-top: 50px;
}
#staff-4 .profile {
	width: 290px;
	height: auto;
	margin: -3px auto 20px;
	background-color: #f2d58a;
	border-radius: 10px;
	padding: 5px;
	color:#866629;
	text-align: left;
}
.staff-5 img {
	width: 40%;
	height: auto;
	margin-top: 400px;
	margin-left: 120px;
}
/* ---------ここまで------------- */

.howto120 {
	width: 100%;
	height: 300px;
	padding: 50px;
	background: url(/image/apartment1.jpg)no-repeat center top / cover;
}
.howto120 h1 {
	width: 700px;
	height: auto;
	margin: 0 auto;
	padding: 20px 20px 0 20px;
	font-size: 5rem;
	color: #fff;
	background-color: #947A63;
	position: relative;
}
.howto120 h1 span {
	position: absolute;
	padding: 1px 5px;
	font-size: 8rem;
	color: #173fb7;
	background-color: #fff;
	transform: rotate(-5deg);
	border: 5px solid #173fb7;
}
.howto1 {
	width: 100%;
	height: auto;
	background: url(/image/floor.jpg);
}
.howto-a {
	width: 1080px;
	margin: 0 auto;
	padding: 40px 0 0;
	display: block;
}
.howto2 {
	width: 1080px;
	margin: 0 auto;
	display: flex;
	background-color: #fff;
}
.howto2 img {
	width: 100%;
}
.howto6 h2 {
	font-size: 2.5rem;
	color: #947a63;
	margin: 20px 0;
}
.howto12 h3 {
	font-size: 2.3rem;
	color: #947a63;
	margin-bottom: 15px;
}
.howto3  {
	margin: 50px auto;
	background: #fff;
	padding: 20px 20px 50px;
}
.howto5 {
	display: flex;
	text-align: center;
}
.howto6 {
	padding: 20px;
}
.howto3 table {
	width: 100%;
}
.howto3 table th {
	border: 1px #fff solid;
	background-color: #947a63;
}
.howto3 table th:first-child {
	width: 80px;
}
.howto3 table caption {
	font-size: 2.5rem;
	color: #947a63;
	margin: 20px 0;
	font-weight: bold;
}
.howto-t {
	width: 100%;
	height: 180px;
	padding: 20px;
	position: relative;
	display: inline-block;
	margin: 1.5em 15px 1.5em 0;
	min-width: 120px;
	max-width: 100%;
	color: #fff;
	background: #947a63;
	border-radius: 30px;
}
.howto-t:before {
	content: "";
	position: absolute;
	top: 100%;
  	left: 50%;
	margin-left: -15px;
	border: 20px solid transparent;
	border-top: 30px solid #947a63;
}
.howto-t p {
	text-align: left;
}
.howto7 img {
	width: 160px;
	height: 200px;
	margin-top: 10px;
}
.howto7 {
	width: 50%;
	margin: 10px 10px 0;
}
.howto-y {
	border-bottom: 1px solid #fff;
	margin-bottom: 10px;
	text-align: left;
}
.houto11 {
	text-align: center;
	background-color: #947a63;
	padding: 30px 0;
	font-size: 2.5rem;
	color: #fff;
}
.howto-e {
	width: 1080px;
	margin: 0 auto;
	padding-top: 30px;
	display: flex;
	flex-wrap: wrap;
}
.howto12 {
	width: 30%;
	height: 430px;
	margin: 10px;
	padding: 20px;
	background-color: #fff;
	position: relative;
}
.howto12 img {
	width: 100%;
	height: 220px;
	position: absolute;
	bottom: 0;
	left: 0;
	lighting-color: 0;
}
.howto13 {
	width: 30%;
	position: relative;
}
.howto13 img {
	position: absolute;
	bottom: 40px;
}
.howto16 {
	width: 30%;
	position: relative;
}
.howto16 p {
	margin: 10px;
	padding: 20px;
	background-color: #947a63;
	color: #fff;
	position: absolute;
	bottom: 40px;
}
.howto12 a {
	background-color: #faddbe;
}
.howto14 {
	width: 1080px;
	margin: 0 auto;
	display: flex;
}
.howto14 img {
	width: 400px;
}
.howto15 {
	padding: 40px 20px;
}
.howto15 img {
	width: 160px;
}




.step-comment {
	text-align: center;
	padding: 10px;
}
.step-blk h2 {
	width: 1080px;
	margin: 80px auto 10px;
	font-size: 3rem;
}
.challenge-blk h2 {
	padding-top: 20px;
}
.step-blk h3 {
	font-size: 2.3rem;
	margin-bottom: 30px;
	border-bottom: 5px solid #666;
}
.stepcyukai {
	width: 1080px;
  	height: auto;
	margin: 0 auto;
}
.stepcyukai p, .stepc-5 p, .step-wrap p, .challemge-blk p {
	font-size: 1.8rem;
	line-height: 1.8;
}
.stepcyukai h2, .cover h2, .step-wrap h2 {
	font-size: 3rem;
	margin-bottom: 40px;
	text-align: left;
}
.stepcyukai h2 {
	margin-top: 30px;
}
.stepcyukai h3 {
	position: relative;
	font-size: 2rem;
	width: 50%;
	padding: 20px;
	background: #016cb2;
	color: #fff;
}
.stepcyukai h3:after {
	position: absolute;
	content: '';
	top: 100%;
	left: 30px;
	border: 15px solid transparent;
	border-top: 15px solid #016cb2;
	width: 0;
	height: 0;
}
.stepc-1 {
	width: 100%;
	margin: 80px auto;
	display: flex;
	justify-content: space-around;
}

.stepc-2 {
	width: 600px;
	height: 200px;
	height: auto;
	padding-right: 40px;
	margin-top: 20px;
	margin-right: 20px;
	position: relative;
}
.stepc-3 {
	display: flex;
	justify-content: space-around;
	width: 600px;
	height: auto;
	padding: 20px;
	position: absolute;
	bottom: 0;
	right: -20px;
}
.stepc-3 img {
	width: 240px;
	height: 170px;
	margin-top: 10px;
	border-radius: 20px;
}
.on-cover {
	position: relative;
}
.cover {
	width: 100%;
	height: auto;
	background: url(../image/town.jpg)no-repeat center top / cover;
	text-align: center;
}
.cover::after {
	position: absolute;
	top: 0;
	left:0;
	width: 100%;
	height: 100%;
	background: rgba(253, 251, 251, 0.7);
	content:"";

}
.stepc-5 {
	width: 1080px;
	margin: 0 auto;
	padding: 50px 0;
	position: relative;
	z-index: 1;
}
.stepc-6 {
	width: 100%;
	margin: 50px auto;
	height: auto;
	display: flex;
	justify-content: space-between;
	text-align: left;
	z-index: 10 !important;
}
.stepc-7 {
	width: 50%;
}
.stepc-7 p {
	background: rgba(255, 253, 253, 0.4);
}
.stepc-8 img, .stepc-9 img {
	width: 480px;
	margin-top: 20px;
}
.stepc-10 {
	display: flex;
	justify-content: center;
	margin-top: 20px;
}
.stepc-10 img:first-child {
	width: 250px;
	height: 170px;
}
.stepc-10 img:last-child {
	width: 110px;
	height: 160px;
}
.stepc-11 {
	margin: 50px auto;
}
.stepc-12 {
	display: flex;
	justify-content: space-between;
	text-align: center;
}
.stepc-13 {
	width: 48%;
}
.stepc-14 {
	display: flex;
	justify-content: space-between;
	background-color: beige;
	margin: 10px;
	padding: 15px;
	text-align: left;
	position: relative;
}
.stepc-14 img {
	width: 200px;
	height: 130px;
}
.stepc-15 {
	width: 450px;
	margin: 20px auto;
	padding: 10px;
	border: 3px solid #016cb2;
	background-color: #016cb2;
	color: #fff;
	
}
.stepc-16 {
	padding: 10px;
	background-color: #e0edff;
	border-radius: 20px;
	text-align: left;
	margin: 20px auto;
}
.stepc-12, .stepc-15 {
	display: flex;
	justify-content: space-around;
}
.stepc-14 span {
	width: 40px;
	font-size: 2.3rem;
	color: #fff;
	text-align: center;
	background-color: #016cb2;
	position: absolute;
	left: -10px;
	top: -25px;
}
.stepc-17 img {
	width: 450px;
	margin-top: -40px;
}

.challenge-blk {
	position: relative;
	z-index: 1;
	width: 1080px;
	height: auto;
	margin: 0 auto;
	padding: 0 0 50px;
}
.stepc-18 {
	display: flex;
	width: 100%;
	text-align: center;
}
.stepc-19 {
	padding: 30px;
	width: 50%;
	height: 600px;
	box-sizing: border-box;
	background-color: #e0edff;
}
.step-blk3 {
	text-align: left;
	margin: 0 auto;
	width: 480px;
}
.stepc-18 img {
	border-radius: 20px;
	width: 400px;
	height: 260px;
	margin: 50px auto 0;
}
.stepc-20 {
	padding: 30px;
	width: 50%;
	height: 600px;
	box-sizing: border-box;
	background-color: #f5f5f5;
}
.stepc-21 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.stepc-22 {
	width: 480px;
	height: 130px;
	margin: 40px 20px 20px;
	padding: 20px;
	background-color: beige;
	display: flex;
	text-align: left;
	position: relative;
}
.stepc-22 p {
	font-size: 1.8rem;
	width: 300px;
}
.stepc-21 span {
	font-size: 2.5rem;
	color: #fff;
	text-align: center;
	background-color: #016cb2;
	padding: 2px 15px;
	position: absolute;
	top: -30px;
	left: -10px;
}
.stepc-22 img {
	width: 150px;
	height: 100px;
	position: absolute;
	right: 10px;
	bottom: 15px;
}
.stepc-23 {
	margin: 10px auto;
	background-color: #fff;
	border: 5px solid #016cb2;
	text-align: left;
}
.stepc-23 h3 {
	font-size: 2.2rem;
	padding: 20px 20px 0;
}
.stepc-23 p {
	font-size: 1.8rem;
	padding: 20px;
}
.challemge-blk h2 {
	text-align: left;
	padding: 40px 0;
	margin-bottom: 10px
}
.qa-list dl {
	position: relative;
	margin: 30px auto;
	cursor: pointer;
	border: 1px solid #DDD;
	width: 80%;
}
.qa-list dl:first-child {
	margin-top: 0;
}
.qa-list dl::after {
	position: absolute;
	top: 27px;
	right: 26px;
	display: block;
	width: 7px;
	height: 7px;
	margin: auto;
	content: '';
	transform: rotate(135deg);
	border-top: 2px solid #000;
	border-right: 2px solid #000;
}
.qa-list .open::after {
	transform: rotate(-45deg);
}
.qa-list dl dt {
	position: relative;
	margin: 0;
	padding: 20px 20px 20px 60px;
	font-weight: bold;
	background: #DDD;
}
.qa-list dl dt::before {
	font-size: 22px;
	line-height: 1;
	position: absolute;
	top: 20px;
	left: 20px;
	display: block;
	content: 'Q.';
	color: #3285bf;
}
.qa-list dl dd::before {
	font-size: 22px;
	line-height: 1;
	position: absolute;
	left: 20px;
	display: block;
	content: 'A.';
	font-weight: bold;
	color: #3285bf;
}
.qa-list dl dd {
	position: relative;
	margin: 0;
	padding: 20px 20px 20px 60px;
}
.qa-list dl dd p {
	margin: 1px 0 0;
}
.qa-list dl dd p:first-child{
	margin-top: 0;
}


/* -------------ページタイトルで使用中--------- */

 #section {
	 font-family: 'M PLUS Rounded 1c', sans-serif;
	 margin: 0 auto;
 }
 .produce1 {
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	background-image: url("/image/produce1.jpg");
	background-size: cover;
	background-repeat: no-repeat;
}
.produce2 {
	display: flex;
	width: 100%;
	height: 450px;
}
.produce3 {
	width: 350px;
	height: 280px;
	margin: 10px auto;
	background: beige;
} 
.produce3 h1 {
	font-size: 2rem;
	line-height: 2;
	width: 280px;
	height: 280px;
	text-align: center;
	margin: 25px auto;
	letter-spacing: 0.2em;
}
.produce3 span {
	font-size: 3rem;
}
/* ------------ここまで---------- */

.scrolldown1{
  position:absolute;
  right:10%;
  top: 700px;
  height:70px;
}
.scrolldown1 span{
  position: absolute;
  left:-30px;
  top: -5px;
  color: #222;
  font-size: 2rem;
  letter-spacing: 0.05em;
}
.scrolldown1::after{
  content: "";
  position: absolute;
  top: 0;
  width: 4px;
  height: 40px;
  background: #222;
  animation: pathmove 1.4s ease-in-out infinite;
  opacity:0;
}
@keyframes pathmove{
  0%{
	height:0;
	top:0;
	opacity: 0;
  }
  30%{
	height:30px;
	opacity: 1;
  }
  100%{
	height:0;
	top:50px;
	opacity: 0;
  }
}


.buy1 {
	width: 100%;
}
.buy1 p {
	font-size: 1.8rem;
}
.buy1 h2 {
	margin: 60px auto;
	font-size: 4rem;
	color: #016cb2;
	font-family: "M PLUS Rounded 1c";
	border-bottom: 5px dotted #016cb2;
	text-align: center;
	width: 40%;
}
.buy8 {
	background-color: #f4f4f4;
}
.buy2 {
	margin: 0 auto;
	padding: 0 0 50px;
	text-align: center;
}
.buy2 p, .buy2 .fa-arrow-circle-down, .buy2 .fa-flag-checkered {
	margin-top: 20px;
	font-size: 6rem;
	color: #016cb2;
	font-weight: bold;
}
.buy2 p:before {
	content: "// ";
}
.buy2 p:after {
	content: " //";
}
.buy8 {
	padding-left: calc(1.22449vw + 20.4816px);
	padding-right: calc(1.22449vw + 20.4816px);
	box-sizing: border-box;
}
.buy5 {
	display: flex;
	padding: 90px 0 50px;
}
.buy3 {
	width: 60vw;
}
.buy6 {
	width: 40vw;
	display: flex;
}
.buy6 img {
	width: 200px;
	height: 200px;
	margin: 0 auto;
	border-radius: 50%;
}
.buy6 img:nth-child(2){
	margin-left: -250px;
	border-radius: 0%;
}
.buy4 {
	text-align: center;
	color: #fff;
	background-color: #016cb2;
	padding: 2px 5px;
	box-shadow: 0 6px 3px -3px #666;
}
.buy1 h3 {
	margin: 11px 30px 5px;
	font-size: 3.2rem;
	color: #666;
}
.buy11 {
	margin-top: 50px;
	max-width: 650px;
}
.buy10 {
	display: flex;
}
.buy12 {
	width: 100%;
	margin: 60px auto;
	padding-left: calc(20% - 100px);
	padding-right: calc(20% - 100px);
	box-sizing: border-box;	
}
.buy9 {
	margin: 0 auto;
	padding: 20px;
	background-color: #cbdef2;
	border-radius: 10px;
}
.buy13 {
	display: flex;
	flex-wrap: wrap;
}
.buy14 {
	max-width: 370px;
	padding: 10px;
	margin: 5px;
	background-color: #fff;
	display: flex;
	justify-content: space-between;
	border-radius: 20px;
}
.buy14 p:first-child, .buy22 p:first-child {
	border-bottom: 3px dotted #666;
}
.buy14 p:nth-child(2), .buy22 p:nth-child(2){
	margin-top: 15px;
}
.buy14 img {
	width: 100px;
	height: 100px;
	margin: 0 1px;
	margin-top: 11px;
}
.buy15 {
	width: 200px;
}
.buy16 {
	max-width: 700px;
	margin: 0 auto;
}
.buy18 img {
	width: 200px;
}
.buy18 {
	display: flex;
	width: 980px;
	margin: 0 auto;
}
.buy22 {
	max-width: 320px;
	background-color: #fff;
	margin: 5px;
	padding: 10px;
	border-radius: 20px;
}
.buy22 img {
	width: 340px;
	height: 160px;
}
.buy25 {
	margin-top: 20px;
}

.buy20 {
	padding: 30px;
	background: url(/image/buy9.jpg);
}
.buy21 {
	width: 960px;
	margin: 0 auto;
	padding: 20px;
	background-color: rgba(255, 247, 247, 0.8);
	border-radius: 20px;
}
.buy26 {
	width: 980px;
	margin: 0 auto;
	display: flex;
	box-sizing: border-box;
}
.buy26 img, .buy27 img {
	width: 200px;
}
.buy26 p {
	width: 600px;
}
.buy27, .buy26 {
	position: relative;
}
.buy26 img {
	position: absolute;
	right: 120px;
	bottom: -50px;
}
.buy27 img {
	position: absolute;
	right: -5%;
	bottom: -28%;
}
.buy27 ul {
	list-style-type: square;
}
.buy30 {
	width: 900px;
	margin: 30px auto;
	position: relative;
}
.buy31 {
	position: absolute;
	top: 10%;
	right: 5%;
	width: 35%;
}




.produce-c {
	background: url(/image/floor.jpg);
}
.produce-b p, .produce-g p {
	font-size: 1.8rem;
}
.produce-b h2  {
	margin: 30px auto;
	font-size: 3.5rem;
	position: relative;
	padding: 0.25em 1em;
	border-top: solid 5px #222;
	border-bottom: solid 5px #222;
	font-family: "M PLUS Rounded 1c";
	background-color: #fff;
}
.produce-b h2:before, .produce-b h2:after {
	content: '';
	position: absolute;
	top: -10px;
	width: 5px;
	height: calc(100% + 20px);
	background-color: #222;
}
.produce-b h2:before {
	left: 7px;
}
.produce-b h2:after {
	right: 7px;
}
.produce-b {
	width: 1080px;
	margin: 0 auto;
	text-align: center;
}
.produce-b h3, .produce-f h3 {
	font-size: 2.5rem;
	margin-bottom: 20px;
	border-bottom: 2px dotted #016cb2;
}
.produce-b h3:first-letter, .produce-f h3:first-letter {
	font-size: 3.5rem;
	color: #016cb2;
  }
.produce-d {
	display: flex;
	padding: 50px 0;
	text-align: left;
}	
.produce-d img {
	width: 400px;
}
.produce-e {
	background-color: #fff;
	padding: 20px;
	margin-right: 20px;
}
.produce-f {
	padding: 20px 0;
	text-align: center;
	background-color: #fff;
}
.produce-g {
	width: 1080px;
	margin: 0 auto;
	display: block;
	padding: 0 0 50px;
	text-align: left;
}
.produce-h {
	width: 92%;
	display: flex;
	justify-content: space-between;
	margin: 10px auto;
	background-color: #fff;
}
.produce-h img {
	width: 380px;
}
.produce-k {
	padding: 40px;
}
.produce-h h4, .produce-o h4, .produce-p h4 {
	font-size: 2.5rem;
	color: #666;
	margin: 10px 0 20px;
	border-bottom: 1px dashed #666;
	text-align: left;
}
.produce-o strong {
	font-size: 2rem;
}
.produce-o p {
	text-align: left;
}
.produce-j, .produce-m {
	display: flex;
	width: 100%;
	margin: 50px auto;
}
.produce-j img {
	border-radius: 20px;
	margin: 10px;
}
.produce-l {
	margin: 0 0 50px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
} 
.produce-p  {
	margin: 10px;
	text-align: left;
	padding: 30px;
	box-shadow: 3px 4px 5px 2px #999;
	background-color: #fff;
	border-radius: 20px;
}
.produce-m {
	width: 48%;
	box-shadow: 3px 4px 5px 2px #999;
	margin: 10px 0;
	padding: 10px;
	border-radius: 20px;
	position: relative;
	background-color: #fff;
}
.produce-m img {
	width: 100px;
	height: 100px;
	padding: 10px;
	position: absolute;
	right: 0;
}
.produce-z {
	margin-top: 10px;
	padding: 10px;
}
.produce-r {
	width: 1080px;
	margin: 50px auto 0;
	display: flex;
	padding: 0 0 50px;
	text-align: center;
}
.produce-s img {
	width: 100%;
	margin: 25px auto;
}
.produce-t img, .tenant5 img, .staff-c {
	animation-name: zoomInAnime;
	animation-duration: 0.7s;
	animation-fill-mode: forwards;
}
@keyframes zoomInAnime {
	from {transform: scale(0.6);}
	to {transform: scale(1);}
}
.staff-e img {
	animation: poyoyon2 1s ease-in-out 1 forwards;
}

@keyframes poyoyon2 {
	0%  {transform: scale(1.0, 1.0) translate(0, 0);}
	15% {transform: scale(0.98, 0.9) translate(0, 5px);}
	30% {transform: scale(1.02, 1.0) translate(0, 8px);}
	50% {transform: scale(0.98, 1.05) translate(0, -8px);}
	70% {transform: scale(1.0, 0.9) translate(0, 5px);}
	100% {transform: scale(1.0, 1.0) translate(0, 0);}
	0%, 100% {opacity: 1;}
}

.flipDown img {
	animation-name: flipDownAnime;
	animation-duration: 1s;
	animation-fill-mode: forwards;
	opacity: 0;
}

@keyframes flipDownAnime {
	from{
		transform: perspective(2500px) rotatex(100deg);
		opacity: 0;
	}
	to{
		transform: perspective(2500px) rotatex(0);
		opacity: 1;
	}	
}


#box {
	width: 1080px;
	margin: 0 auto;
}

.hiyou1 {
	width: 100%;
	height: 350px;
	margin: 0 auto;
	padding: 0;
	background-image: url("/image/hiyou1.jpg");
	background-size: cover;
	background-repeat: no-repeat;
}
#box h1 {
	border-bottom: 1px solid #011b48;
	font-size: 2.5rem;
	color: #011b48;
	margin: 40px 0;
	width: 70%;
}
.h3_title {
	border-bottom: 1px solid #011b48;
	font-size: 2.5rem;
	color: #011b48;
	margin: 40px 0;
	width: 70%;
}
.h2_title {
	font-size: 2rem;
	line-height: 2;
	width: 280px;
	height: 280px;
	text-align: center;
	margin: 25px auto;
	letter-spacing: 0.2em;
}
.hiyou3 {
	display: flex;
	width: 100%;
	height: auto;
	margin-top: 30px;
}

#box h2 {
	padding: 10px;
	border-left: 10px solid #011b48;
	color: #011b48;
	font-size: 1.6rem;
	margin:10px auto 20px;
}
.h4_title {
	padding: 10px;
	border-left: 10px solid #011b48;
	color: #011b48;
	font-size: 1.6rem;
	margin:10px auto 20px;
}

.hiyou4 {
	display: block;
	width: 50%;
	height: auto;
	line-height: 2.3;
	padding: 20px;
}
.hiyou5 {
	width: 50%;
}
.hiyou6 {
	display: flex;
	height: auto;
}
.hiyou7 {
	margin-top: -40px;
}
.hiyou8, .hiyou9, .hiyou10, .hiyou11 {
	width: 50%;
	margin: 10px;
	padding: 10px;
}
.hiyou8 img {
	width: 80%;
}
.hiyou10 {
	line-height: 2.3;
}
.hiyou12 {
 text-align: center;
}
.hiyou12 img {
	width: 20%;
}

.s-qa1 {
	width: 100%;
	height: 550px;
	margin: 0 auto;
	padding: 0;
	background-image: url("/image/s-qa1.jpg");
	background-size: cover;
	background-repeat: no-repeat;
}
.fadein1 p {
	font-size: 6rem;
	text-align: center;
	color: #fff;
	text-shadow:1px 0 5px black;
}
.fadein1 {
		/* opacity: 0.1; */
		transform : translate(0, 50px);
		transition : all 1000ms;
		position: absolute;
		width: 400px;
		height: 100px;
		padding: 0;
}
.fadein3 {
		/* opacity: 0; */
		transform : translate(0, 50px);
		transition : all 1000ms;
		position: absolute;
		width: 200px;
		height: 200px;
		padding: 0;
		box-shadow: 5px 5px 10px rgba(0,0, 0, 0.5);
}
.fadein1 {
		top:250px;
		left: 20%;
}
.fadein3 {
		top:250px;
		left: 60%;
}
.scrollin {
		opacity: 1;
		transform: translate(0, 0);
}
.s-qa2 {
	margin: 100px 30px auto 0;
	display: flex;
	width: 100%;
	height: auto
}
 .s-qa4 h3 {
	 margin: 30px;
	font-size: 2rem;
	width: 30%;
	text-align: center;
	padding: 1rem 3rem;
	-webkit-transform: skew(-15deg);
	transform: skew(-15deg);
	color: #fff;
	background-image: -webkit-gradient(linear, left top, right top, from(#011b48), to(#209cff));
	background-image: -webkit-linear-gradient(left, #011b48 0%, #209cff 100%);
	background-image: linear-gradient(to right, #011b48 0%, #209cff 100%);
	}

.s-qa5 {
	width: 50%;
	line-height: 1.8;
	padding: 10px 10px 10px 0;
}
.s-qa5 p {
	font-size: 1.5rem;
}
.s-qa2 img {
	width: 50%;
	margin: 10px auto;
	padding: 10px;
}
.s-qa7 {
	display: flex;
	width: 100%;
	height: auto;
	margin: 10px auto;
}
.s-qa6 {
	display: flex;
	width: 90%;
	height: auto;
	justify-content: space-around;
	margin: 30px 0;
}


.s-koumoku0 {
	background-image: url("/image/s-koumoku1.jpg");
	height: 300px;
}
.s-koumoku1 {
	display: flex;
	width: 100%;
	height: auto;
	margin: 20px auto;
}
.s-koumoku2 {
	width: 45%;
	height: auto;
	padding: 10px;
	margin: 20px auto;
	background-color: beige;
}
.s-koumoku3 {
	display: flex;
	width: 100%;
	height: auto;
	flex-wrap: wrap;
}
.s-koumoku10 {
	display: flex;
	height: auto;
	padding: 20px;
}
.s-koumoku10 img {
	width: 180px;
	height: auto;
	padding: 10px;
}
.s-koumoku14 {
	display: block;
	width: 80%;
	height: auto;
	border-radius: 10px;
	margin: 20px auto 10px auto;
	text-align: center;
	box-shadow: 5px 5px 10px rgba(0,0, 0, 0.5);
	background-color: #fff;
}
.s-koumoku4 h3 {
	font-size: 3rem;
	margin-bottom: 10px;
}
.s-koumoku4 h4 {
	font-size: 2.2rem;
	margin-bottom: 10px;
}
.s-koumoku4 {
	width: 50%;
	padding: 20px;
	margin: 25px 0;
	background-color: beige;
}
.s-koumoku6 {
	display: flex;
}
.s-koumoku6 img {
	width: 180px;
	margin: 10px;
}
.s-koumoku6 p {
width: 300px;
}
.s-koumoku13 {
	margin: 10px 0;
}
.s-koumoku8 {
width: 100%;
margin: 80px auto;
}
.s-koumoku9 {
	display: flex;
	width: 100%;
	height: auto;
}
.s-koumoku9 img {
	margin-top: 70px;
	padding: 20px;
	transition: all 0.75s ease;
	transform: scale(1);
}
.s-koumoku9 :hover img {
	transform: scale(1.1);
	overflow: hidden;
}
.s-koumoku11 span a {
	color: red;
}


.need1 {
	background-image: url("/image/need1.jpg");
	height: 360px; 
}
.need2 {
	display: flex;
	width: 100%;
	height: auto;
	margin-top: 40px;
}
.need2 img {
	margin: 10px;
	padding: 10px;
}
.need6 {
	background-image: url("/image/need3.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	height: auto;
	display: flex;
	margin: 50px auto 30px;
}
.need3 p, .need8 p {
	line-height: 2;
}
.need4, .need5 {
	width: 45%;
	padding: 10px;
}
.need4 {
	margin: 80px 0 50px 50px;
}
.need5 {
	margin: 80px 0 50px 10px;
}
.toggle_title {
	position: relative;
	padding: 20px;
	border-bottom: 3px solid #6b3906;
	cursor: pointer;
	font-weight: bold;
	font-size: 1.6rem; 
}
.toggle_contents {
	width: 95%;
	margin: 0 auto;
	padding: 10px;
}
.toggle_title:hover {
	opacity: 0.7;
	transition: 0.5s;
}
.toggle_ans {
	margin: 0;
	padding: 20px;
	display: none;
	text-align: left;
}
.plus {
	position: absolute;
	right: 20px;
	top: 0;
	height: 100%;
	border-radius: 0px 10px 10px 0px;
}
.plus:before, .plus:after {
	display: block;
	content: "";
	background-color: #6b3906;
	position: absolute;
	width: 15px;
	height: 1px;
	bottom: 50%;
	right: 50%;
	transform: translate(50%, 50%);
	transition: 0.5s;
}
.plus:before {
	width: 1px;
	height: 15px;
}
.toggle_title.selected .plus:before {
	transform: translate(50%, 50%) rotate(90deg);
}
.need8 {
	display: flex;
	margin: 50px auto;
	width: 100%;
	height: 300px;
}
.need8 img, .need8 p {
	width: 33%;
	margin: 10px;
	padding: 10px;
}	

.apartment1 { 
	background-image: url("/image/apartment1.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	height: 350px;
}
.apartment2 {
	margin-top: 50px;
}
 .apartment3 {
	display: flex;
	width: 100%;
	height: auto;
	padding: 10px;
}
.apartment3 img {
	margin: 10px auto;
	width: 300px;
	height: auto;
}
.apartment3 p {
	margin: 20px;
}
.apartment4 {
	width: 50%;
}
.apartment5 {
	background-color: beige;
	margin: 10px auto;
	padding: 15px;
	width: 30%;
}
.apartment2 h3, .apartment9 h3 {
	margin: 20px auto;
	font-size: 1.6rem;
}
.apartment6 {
	background-color: beige;
	margin: 10px auto;
	padding: 15px;
	width: 45%;
}
.apartment6 img {
	margin: 10px auto;
	width: auto;
}
.apartment8 {
	display: flex;
	width: 100%;
	height: auto;
	margin: 50px auto;
}
.apartment9 {
	width: 45%;
	margin: 10px auto;
	padding: 15px;
	background-color: beige;
}


.advice1 { 
	background-image: url("/image/advice1.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	height: 350px;
}
.advice2, .advice4, .advice9 {
	display: flex;
	width: 100%;
	height: auto;
	margin-bottom: 100px;
}
.advice3 {
	width: 50%;
	line-height: 1.8;
	padding: 20px;
	background-color: beige;
}
.advice4 img {
	padding: 10px;
	transition: all 0.75s ease;
	transform: scale(1);
}
.advice4 img:hover {
	transform: scale(1.1);
}
.advice5 {
	width: 40%;
	padding: 5px;
	margin: 10px;
	line-height: 1.8;
}
.advice6 {
	margin: 20px 5px;
	padding: 20px;   
	width: 100%;
	background-color: beige;
}
.advice6 h3 {
	margin: 10px;
}
.advice8 img {
	margin: 20px auto;
	width: 50%;
}
.advice10 {
	display: flex;
}
.advice11 {
	display: flex;
}


.cyukai1 {
	background-image: url("/image/cyukai1.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	height: 300px;
}
.cyukai2, .cyukai8, .cyukai6 {
	width: 100%;
	height: auto;
	display: flex;
	margin: 50px auto;
}
.cyukai2 p, .cyukai9 p {
	padding: 10px 10px 10px 0;
	line-height: 1.8;
}
.cyukai3, .cyukai4 {
	height: 350px;
} 
.cyukai4 {
	background-color: beige;
}
.cyukai9 {
	background-color: beige;
	padding: 10px;
	margin: 10px;
	width: 33%;
	height: auto;
}

.div_si {
	margin: 20px 0;
	height: 300px;
	overflow-y: scroll;
}
.tbl_si {
	border-collapse: collapse;
	width: 100%;
}
.tbl_si tr:nth-child(2n) {
	background: #fbf5f5;
}
.tbl_si th, .tbl_si td {
	border: 1px solid #ddd;
	height: 30px;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
}
.tbl_si th {
	background-color: #f5f5f5;
	color: #000;
}
.tbl_si .th1 {
	width: 10%;
}
.tbl_si .th2 {
	width: 15%;
}
.tbl_si .th3 {
	width: 20%;
}
.tbl_si .th4 {
	width: 35%;
}
.tbl_si .th5 {
	width: 20%;
}
.tbl_si .td4 div {
	text-decoration: underline;
	color: blue;
	margin-bottom: -7px;
}
.tbl_si .td4 div:hover {
	cursor: pointer;
}

.baikai1 {
	background-image: url("/image/baikai1.jpg");
	background-size: cover;
	height: 360px;
}
.baikai3 {
	width: 78%;
	padding: 10px;
}
.baikai2, .baikai4, .baikai11 {
	width: 100%;
}
.baikai2, .baikai5, .baikai11, .baikai16 {
	display: flex;
	justify-content: space-around;
}
.baikai5 {
	margin: 10px;
	padding: 10px;
	box-shadow: 3px 4px 4px 2px #d8d6d6;
	background-color: #f9fcff;
}
.baikai5 img {
	width: 150px;
	height: 180px;
	padding: 10px;
	margin: 10px;
}
.baikai6 {
	padding: 10px;
	margin: 10px;
}
.baikai7 {
	width: 50%;
}
.baikai7 {
	margin: 0;
	padding: 0.5em;
	color: #494949;
	border-left: solid 3px #011b48;
}
.baikai7 p {
	padding: 5px;
}
.baikai8 {
	font-size: 1.6rem;
	font-weight: bold;
	color: #011b48;
}
.baikai3 h3 {
	margin: 50px 0 30px;
	font-size: 1.8rem;
	position: relative;
	padding: 0.5em;
	background: #011b48;
	color: white;
	width: 330px;
}
.baikai3 h3::before {
	position: absolute;
	content: '';
	top: 100%;
	left: 0;
	border: none;
	border-bottom: solid 15px transparent;
	border-right: solid 20px rgb(149, 158, 155);
}

.baikai11 h4 {
	font-size: 1.6rem;
	font-weight: bold;
	margin: 10px;
	text-align: center;
}
.baikai14 {
	width: 33%;
	height: 420px;
	margin: 5px 5px 50px;
	border: 1px dashed #666;
	text-align: center;
}
.baikai14 img {
	width: 200px;
	height: auto
}
.baikai15 p {
	margin: 10px 5px;
	background-color: #f5f5f5;
	text-align: left;
}
.baikai15 .baikai16 {
	color: #f31e30;
}

.baikai9 {
	width: 25%;
	padding: 0 20px;
	background-color: #f5f5f5;
	margin-bottom: 55px;
}
.baikai12 {
	width: 100%;
	height: auto;
	padding: 10px;
	margin: 40px auto;
}
.baikai12 p {
	padding: 20px 0;
}

.taisyo {
	margin-top: 20px;
	font-size: 1.8rem;
	text-align: center;
}

.loan-cover {
	background: url(/image/green.jpg);
}
.loan-y {
	display: flex;
	margin: 30px auto 0;
}
.loan-m {
	width: 300px;
	height: 300px;
	margin: 8px;
}
.loan-m img {
	width: 200px;
}
.loan-m p {
	position: relative;
	display: inline-block;
	margin: 1.5em 0;
	padding: 7px 10px;
	min-width: 120px;
	max-width: 100%;
	color: #555;
	font-size: 16px;
	background: #fff;
}
.loan-m p:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #fff;
}
  
.loan-g img  {
	width: 350px;
	height: 250px;
}
.loan-t {
	border-bottom: 1px solid #fff;
}
.loan-u {
	margin-top: 10px;
}
.loan-f {
	padding: 20px 15px;
	background-color: #599190;
	color: #fff;
	margin: 20px 12px 0 12px;
}
.loan-r {
	margin: 50px auto;
	background-color: #edf9e7;
	padding: 20px;
	border-radius: 20px;
}
.loan-r h3, .loan13 h3 {
	font-size: 2rem;
	color: #599190;
}
.loan-x {
	width: 100%;
	height: 580px;
	background: url(/image/loan1.jpg) no-repeat center top /cover;
}
.loan3, .loan4, .loan6 {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	height: auto;
	margin: 20px auto;
	justify-content: space-between;
}

.loan1 img {
	margin: 40px auto 40px 55px;
}
.loan1 p {
	margin: 0 40px;
	padding: 10px;
	font-size: 2.3rem;
	font-weight: bold;
	color: rgb(82, 80, 80);
}
.loan1 span {
	color: rgb(223, 5, 5);
	font-size: 3rem;
	background-color: #FBD904;
}
.loan2 p {
	font-size: 2.5rem;
	color: rgb(21, 131, 107);
	font-weight: bold;
	margin: 10px 50px;
}

.loan5 {
	width: 47%;
	height: auto;
	margin: 10px;
	padding: 10px;
	background-color:#edf9e7;
	border-radius: 5%;
}
.loan6 th {
	background-color: #599190;
}
.loan4 h3 {
	font-size: 1.8rem;
}
.loan6 img {
	border-radius: 5%;
}
.loan10 {
	margin: 40px auto;
}
.loan11 {
	display: flex;
	width: 100%;
	height: auto;
}
.loan11 img {
	margin: 35px;
	height: 200px;
}
.loan12 {
	display: flex;
}
.loan18 {
	width: 40%;
}
.loan18 img {
	width: 400px;
	margin: 30px 10px 10px;
}
.loan14 {
	width: 550px;
	display: flex;
	font-size: 1.6rem;
	padding: 20px;
	justify-content: space-between;

}
.loan14 p {
	margin: 10px;
}
.loan14 table {
	font-size: 1.2rem;
}
.loan16 {
	margin: 80px auto 0;
	display: flex;
	justify-content: space-around;
}
.loan16 img {
	width: 350px;
	padding: 20px;
}
.loan15 {
	display: flex;
	margin: 30px auto;
}
.yosan0 {
	background-image: url(/image/yosan2.jpg);
	height: 300px;
}
.yosan1, .yosan3, .yosan7 {
	display:flex;
	margin: 50px auto;
}
.yosan10 table {
	margin: 5px;
}
.yosan2 p {
	line-height: 2;
	margin: 50px 20px 20px 0;
}
.yosan3 {
	flex-wrap: wrap;
	justify-content: space-between;
	background-color: beige;
} 
.yosan4 {
	width: 500px;
	margin: 20px;
	display: block;
	padding: 10px;
}
.yosan4 h3 {
	font-size: 2rem;
	color: #011b48;
	margin-top: 20px;
}
.yosan4 span {
	font-size: 3rem;
}
.yosan4 h4 {
		font-size: 1.6rem;
		color: #011b48;
}
.yosan4 p {
	margin-top: 60px;
	width: 450px;
}
.yosan4 img {
	width: 450px;
	height: 300px;
	margin-top: 20px;
}
.yosan5 {
	display: block;
	padding: 20px;
	background-color: beige;
	margin: 10px;
	text-align: center;
	width: 50%;
}
.yosan6 p {
	margin: 30px 30px 10px 10px;
}
.yosan6 {
	text-align: left;
}
.yosan5 img, .tetsuke9 img {
	transition: all 0.75s ease;
	transform: scale(1);
}
.yosan5 img:hover, .tetsuke9 img:hover {
	transform: scale(1.1);
}

.yosan12 {
	text-align: center;
}
.yosan12 img {
	width: 350px;
	height: 250px;
}


.simulation1 {
	padding: 100px 20px;
	width: 70%;
	height: auto;
	background-color: transparent;
	text-align: center;
}
.simulation1 p {
	font-size: 1.7rem;
	font-weight: bold;
}
.simulation2 {
	font-size:6rem;
	color: #f31b30;
	font-weight: bold;
}
.simulation3 {
	display: flex;
	width: 1080px;
	height: 470px;
	margin: 10px auto;
}
.simulation4 {
	width: 50%;
}
.simulation6 {
	text-align: left;
}
.simulation7 {
	margin: 0 auto;
	background-color: #011b48;
}
.simulation7 p {
	font-size: 3.5rem;
	font-weight: bold;
	text-align: center;
	color: #fff;
	padding: 20px;
}
.yoyaku2 h1 {
	font-size: 3rem;
	text-align: center;
	color: #fff;
}
.yoyaku2 p {
	font-size: 1.8rem;
	color: #fff;
}
.yoyaku3 {
	font-size: 2rem;
	text-align: center;
	font-weight: bold;
	padding: 20px;
}
.yoyaku4 {
	width: 100%;
	height: auto;
	text-align: center;
	background-color: #fff;
}
#my_calendar {
	width: 480px;
	margin: 0 auto;
	height: 400px;
}
.hanbai1 {
	background-image: url(/image/hanbai1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	height: 300px;
}
.hanbai2, .hanbai7, .hanbai3, .hanbai10 {
	display: flex;
	width: 100%;
	margin: 20px auto;
	justify-content: space-between;
}
.hanbai2 img {
	width: 180px;
	height: auto;
	padding: 10px;
	margin-top: 20px;
}
.hanbai3 {
	flex-wrap: wrap;
	justify-content: center;
}
.hanbai4 {
	display: block;
	background-color: beige;
	width: 500px;
	height: auto;
	padding: 20px;
	margin: 10px;
}
.hanbai4 p {
	padding: 10px;
} 
.hanbai7 {
	display: flex;
	justify-content: space-between;
	width: 100%;
	height: 280px;
	background-color: beige;
}
.hanbai9 {
	display: block;
	width: 600px;
	height: auto;
	padding: 30px;
}


.uri-nairan10 {
	background-image: url(/image/produce1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	height: 350px;
}
.uri-nairan1, .uri-nairan3, .uri-nairan5, .uri-nairan8 {
	display: flex;
}
.uri-nairan1 img {
	padding: 20px;
	margin: 20px;
	width: 500px;
}
.uri-nairan2 p {
	margin: 10px;
}
.uri-nairan4 {
	width: 50%;
	margin: 10px 0;
	padding: 20px;
	border: 0.5px dashed;
}
.uri-nairan6 {
	background-color: beige;
	padding: 20px;
}
.uri-nairan5 img, .uri-nairan8 img {
	width: 200px;
	height: auto;
}
.uri-nairan5 {
	margin: 10px;
	padding: 10px;
}
.uri-nairan6 h3 {
	margin: 10px 0;
}
.uri-nairan7 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.uri-nairan8 {
	width: 48%;
	justify-content: space-between;
	margin: 10px;
	padding: 10px;
	border: 1px dashed #666;
}
.uri-nairan9 {
	margin-top: 20px;
}


.zyuyou1 {
	background-image: url(/image/zyuyou1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	height: 340px;
}
.zyuyou3, .zyuyou5, .zyuyou7, .zyuyou11, .zyuyou16, .zyuyou17, .zyuyou20 {
	display: flex;
	margin: 10px;
	padding: 10px;
}
.zyuyou2, .zyuyou18 {
	width: 48%;
}
.zyuyou2 p {
	margin: 10px;
}
.zyuyou4 {
	width: 50%;
	background-color: beige;
	padding: 10px;
}
.zyuyou3 img {
	width: 150px;
	height: auto;
}
.zyuyou8 {
	margin: 10px 40px 10px 10px;
	line-height: 1.7;
}
.zyuyou6 img {
	width: 200px;
	height: 140px;
}
.zyuyou6 {
	margin: 15px;
}
.zyuyou9 {
	padding: 10px;
}
.zyuyou11 {
	border: 1px dashed #666;
}
.zyuyou20 {
	height: auto;
	padding: 10px;
	border-radius: 10px;
	margin: 5px;
	background-color: #f5f5f5;
}
.zyuyou12 h4 {
	font-size: 1.6rem;
	color: #011b48;
	margin: 10px 0;
}
.zyuyou12 h5 {
	margin: 10px 0 0;
}
.zyuyou15 {
	background-color: beige;
	padding: 20px;
	margin: 30px auto auto;
	width: 400px;
}
.zyuyou15 p {
	text-align: left;
}
.zyuyou15 img {
	width: 300px;
	height: auto;
	margin-top: 20px;
}
.zyuyou12 strong {
	font-weight: bold;
}
.zyuyou20 img {
	width: 150px;
	height: auto;
	padding: 10px;
} 
.zyuyou18 h3 {
	position: relative;
	padding-left: 1.2em;
	line-height: 1.4;
	font-size: 1.8rem;
	margin-top: 20px;
}
.zyuyou18 h3:before {
  font-family: "Font Awesome 5 Free";
  content: "\f00c";
  font-weight: 900;
  position: absolute;
  font-size: 1em;
  left: 0;
  top: 0;
  color: #5ab9ff; 
  font-weight: 900;
}


.bbkys1 {
	background-image: url(/image/advice1.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	height: 340px;
}
.bbkys2 {
	display: flex;
	line-height: 1.6;
	margin: 50px auto;
}
.bbkys2 img {
	width: 430px;
	height: auto;
	padding: 10px;
	margin: 10px;
	border-radius: 20px;
}
.bbkys3 {
	margin: 10px;
}
.bbkys3 p {
	padding: 0 40px 0 0;
}

.bbkys5 span, .bbkys7 span {
	font-size: 2.5rem;
}
.bbkys4 {
	display: block;
}
.bbkys5, .bbkys7 {
	display: flex;
	width: 900px;
	height: 280px;
	margin: 10px;
	padding: 10px;
}
.bbkys5 img, .bbkys7 img {
	width: 400px;
	height: 210px;
	border-radius: 10px;
	margin-top: 40px;
}
.bbkus6 {
	display: block;
}
.bbkys8 {
	background-color: beige;
	padding: 20px;
	height: 165px;
	line-height: 1.6;
}
.bbkys7 {
	margin-left: 150px;
}


.tetsuke1, .tetsuke2, .tetsuke5, .tetsuke7, .tetsuke9 {
	display: flex;
}
.tetsuke1 {
	margin: 50px auto;
}
.tetsuke4 {
	width: 35%;
	padding: 20px;
	background-color: beige;
	border-radius: 20px;
	margin: 10px;
}
.tetsuke2 {
	width: 65%;
	padding: 10px;
}
.tetsuke2 img {
	width: 300px;
	height: 150px;
	margin-top: 70px;
}
.tetsuke5 img {
	width: 650px;
	height: 550px;
}
.tetsuke6 h3 {
	font-size: 1.7rem;
	color: #011b48;
	margin: 10px auto 5px;
	border-bottom: 2px dotted #011b48
}
.tetsuke12 {
	margin: 27px auto;
} 
.tetsuke12 span {
	color: #f31e30;
	font-weight: bold;
	background-color: beige;
}
.tetsuke9 {
	justify-content: center;
}
.tetsuke9 img {
	padding: 20px;
}
.tetsuke7, .tetsuke10 {
	margin: 50px auto;
}
.tetsuke10 {
	text-align: center;
	line-height: 1.7;
}
.tetsuke10 h3 {
	text-align: left;
	background-color: #011b48;
	color: #fff;
	height: 40px;
	padding: 10px;
	margin-bottom: 20px;
}
.tetsuke10 p {
	text-align: left;
}
.tetsuke8 {
	line-height: 1.7;
}
.tetsuke7 img {
	margin-left: 100px;
	width: 400px;
	padding: 10px;
	background-color: beige;
}
.tetsuke10 img {
	margin: 20px auto;
} 


.kyfgsn1, .kyfgsn3, .kyfgsn5 {
	display: flex;
}
.kyfgsn1, .kyfgsn3, .kyfgsn9 {
	margin: 50px auto;
}
.kyfgsn2 {
	background-color: beige;
	margin: 10px;
	padding: 10px;
	box-shadow: 3px 3px 6px -2px #555;
}
.kyfgsn1 img {
	padding: 10px;
	width: 480px;
}
.kyfgsn2 p, .kyfgsn10 {
	padding: 10px;
}
.kyfgsn5 img {
	width: 180px;
	height: 150px;
	padding: 10px;
}
.kyfgsn4 {
	margin: 10px;
	padding: 10px;
}
.kyfgsn6 {
	margin: 30px auto 70px;
	padding: 20px;
	background-color: beige;
}
.kyfgsn8 {
	width: 180px;
	height: auto;
	margin: 5px;
	text-align: center;
}
#kyfgsn7, .kyfgsn10, .kyfgsn13 {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.kyfgsn14 img {
	transform: rotate(-20deg);
	padding: 20px;
	width: 140px;
	height: 113px;
}
.kyfgsn10 {
	border: 1px dotted #666;
	margin: 10px 0;
	box-shadow: 3px 3px 6px -2px #555;
}
.kyfgsn11 {
	width: 150px;
}
.kyfgsn12 {
	width: 590px;
	padding: 10px;
	border-right: 2px solid #011b48;
}
.kyfgsn13 {
	width: 360px;
	padding: 15px 0 0;
	margin-left: 5px;
}
.kyfgsn13 img {
	padding: 10px;
	width: 140px;
}


.uritzu1, .uritzu2, .uritzu4, .uritzu7 {
	display: flex;
	justify-content: space-around;
	padding: 10px;
	margin: 10px;
}
.uritzu1 img, .uritzu6 img, .uritzu7 img {
	width: 180px;
	height: 140px;
	padding: 15px;
}
.uritzu7 img {
	margin-top: 30px;
}
.uritzu1 {
	background-color: beige;
}
.triangle-bottom {
	display: inline-block;
	border-style: solid;
	border-width: 24px 14px 0 14px;
	border-color: #666 transparent transparent transparent;
}
.triangle-bottom2 {
	margin-left: 50px;
	border-width: 14px 8px 0 8px;
	display: inline-block;
	border-style: solid;
	border-color: #011b48 transparent transparent transparent;
}
.triangle-right {
	display: inline-block;
	margin: 20px;
	height: 30px;
	border-style: solid;
	border-width: 14px 0 14px 24px;
	border-color: transparent transparent transparent #666;
}
.uritzu7 {
	border: 1px dotted #666;
}
.uritzu8 h4, .uritzu9 h4 {
	font-size: 2rem;
	text-align: left;
} 
.uritzu8 h3 span {
	font-size: 3rem;
}
.uritzu8 h3 {
	text-align: left;
}
.uritzu10 {
	margin-top: 30px;
	text-align: left;
}
.uritzu8 p {
	text-align: left;
}
.uritzu5 {
	text-align: center;
	width: 75%;
}
.uritzu9 {
	width: 25%;
	background-color: #f5f5f5;
	margin: 10px;
	padding: 10px;
}
.uritzu9 img {
	margin: 40px auto;
	padding: 10px;
}


.ktsms1, .ktsms3, .ktsms6, .ktsms9 {
	display: flex;
	justify-content: space-between;
}
.ktsms1 {
	background-color: beige;
	margin: 50px auto;
}
.ktsms2 {
	padding: 30px;
}
.ktsms1 img {
	margin: 90px auto 20px;
	padding: 10px;
	width: 420px;
	height: 300px;
}
.ktsms3 img {
	width: 400px;
	height: 300px;
	margin-top: 50px;
	box-shadow: 40px 40px 2px 2px beige;
}
.ktsms4 {
	margin: 10px;
	padding: 20px;
	width: 600px;
	height: auto;
}
.ktsms5 h3 {
	font-size: 1.6rem;
	color: #011b48;
	border-bottom: 2px dotted #011b48;
	margin: 10px auto;
}
.ktsms7 {
	position: relative;
	margin: 2em auto;
	padding: 1.6em 1em 1em;
	width: 90%; 
	background-color: #fff; 
	color: #000000; 
	border: 5px solid #c6c6c6; 
	box-shadow: 0 0 8px #333, 0 0 2px #555 inset;
   }
.ktsms7::before,
.ktsms7::after {
	position: absolute;
	content: '';
	bottom: 4px;
	width: 25px; 
	border-radius: 2px;
	box-shadow: 1px 1px 3px #666;
} 
.ktsms7::before {
	right: 60px;
	border: solid 3px #333; 
	transform: rotate(2deg); 
}
.ktsms7::after {
	right: 22px;
	border: solid 3px #ff0000; 
	transform: rotate(9deg); 
}
.ktsms7 h3 {
	font-weight: bold;
	color: #f31e30;
	margin: 10px 0 0 0;
}
.ktsms6 img {
	width: 350px;
	height: 420px;
	margin: 20px;
}
.ktsms12 {
	margin-top: -10px;
	margin-bottom: 50px;
}
.ktsms11 {
	width: 250px;
	height: 150px;
	background-color: beige;
	padding: 20px;
	position: absolute
}	
.ktsms11 h3 {
	margin-bottom: 20px;
	font-size: 1.5rem;
}
.ktsms10 img {
	width: 300px;
	height: auto;
	margin-top: 80px;
	margin-left: 50px;
}
.ktsms9 {
	margin-bottom: 50px;
}



.touki1, .touki7 {
	display: flex;
	margin: 50px auto;
	justify-content: space-around;
}
.touki2 {
	width: 650px;
	height: auto;
	padding: 20px;
	background-color: #f5f5f5;
	border-radius: 20px;
	margin: 10px;
	text-align: center;
}
.touki2 h2, .touki6 h2 {
	text-align: left;
}
.touki2 p {
	padding: 10px;
	text-align: left;
}
.touki2 img {
	width: 360px;
	padding: 20px;
}
.touki3, .touki9 {
	width: 400px;
	height: auto;
	margin: 10px;
	background-color: beige;
	border-radius: 20px;
	padding: 20px;
}
.touki3 img, .touki10 img {
	padding: 20px;
}
.touki7 {
	border: 2px dotted #666;
	justify-content: space-between;
	padding: 20px;
	margin: 20px auto;
}
.touki7 p {
	font-size: 2rem;
	font-weight: bold;
}
.touki7 img {
	width: 150px;
	height: 110px;
}
.touki6 {
	width: 650px;
	height: auto;
	padding: 20px;
	border-radius: 20px;
	margin: 10px;
	text-align: center;
}
.touki8 {
	font-size: 1.7rem;
	font-weight: bold;
	color: #011b48;
	border-bottom: 2px dotted #011b48;
	margin: 10px;
}
.touki10 {
	margin: 0 20px;
}
.touki12 img {
	width: 200px;
	margin: 20px;
	padding: 20px;
}
.touki11 {
	width: 30%;
	margin: 10px auto;
	background-color: beige;
	padding: 10px;
	border-radius: 20px;
}
.touki11 h3 {
	margin: 10px auto;
	font-size: 1.7rem;
	color: #011b48;
	border-bottom: 2px dotted #011b48;
}
.touki5 {
	background-color: #011b48;
	border-radius: 20px;
	font-size: 1.8rem;
	margin: 15px;
	transition: all 0.75s ease;
	transform: scale(1);
	}
.touki5:hover {
	transform: scale(1.1);
	}	
.touki5 a {
	color: #fff;
	padding: 5px;
	text-decoration: none;
}


.t-menzei1 {
	width: 100%;
	background-color: #64b4cf;
	height: auto;
	justify-content: space-between;
}

.t-menzei1 h1 {
	font-size: 2.5rem;
	font-weight: bold;
	border-bottom: 2px dotted #fff;
}
.t-menzei1 h2 {
	font-size: 2rem;
	margin: 20px auto;
}
.t-menzei1 p, .t-menzei1 h1, .t-menzei1 h2 {
	color: #fff;
}
.t-menzei2 {
	width: 1080px;
	margin: 20px auto 0;
	padding-top: 20px;
	display: flex;
	justify-content: space-around;
}
.t-menzei10 {
	margin-top: 70px;
	height: 300px;
	padding: 10px;
	border: 1px solid #fff;
	border-radius: 20px;
}
.t-menzei11 {
	margin: 20px 0 20px;
	font-weight: bold;
	font-size: 1.8rem;
	border: 1px solid #FFF;
	padding: 10px;
	border-radius: 20px;
	width: 65%;
	text-align: left;
}
.t-menzei11 a {
	color: #fff;
}
.t-menzei5 p, .t-menzei7 p {
	font-size: 2rem;
	color: #666;	
}
.t-menzei8 p {
	color: #666;
}
.t-menzei5 {
	padding: 20px;
	margin: 10px auto;
	color: #666;
}
.t-menzei7 {
	padding: 0 20px;
}
.t-menzei8 {
	margin: 10px auto;
	padding: 0 20px;
}
.t-menzei9 p {
	font-size: 3rem;
	color: #f31e30;
}
.t-menzei4 {
	font-size: 4rem;
	color: #666;
	font-weight: bold;
	width: 80%;
	margin: 10px;
	padding: 10px;
	background: linear-gradient(transparent 70%, #64b4cf 70%);
  }
.t-menzei6 {
	width: 100%;
	height: auto;
	margin: 30px;
	border-radius: 10px;
	background-image:
	linear-gradient(0deg, rgba(190,200,206,0.3) 1px, rgba(0,0,0,0) 0),
	linear-gradient(90deg, rgba(190,200,206,0.3) 1px, rgba(0,0,0,0) 0);
	background-size: 20px 20px;
	background-position: center;
	border: 10px solid #64b4cf;
} 


.sokuryo1, .sokuryo3, .sokuryo8 {
	display: flex;
	width: 100%;
	height: auto;
	justify-content: space-between;
}
.sokuryo3 {
	flex-wrap: wrap;
}
.sokuryo1 img {
	margin: 30px;
}
.sokuryo2 {
	margin: 20px 10px 10px;
}
.sokuryo3 {
	margin: 50px auto;
}

.sokuryo4 h3, .sokuryo8 h3 {
	font-size: 2rem;
	color: #011b48;
	border-bottom: 3px solid #011b48;
}
.sokuryo8 h3 {
	border-bottom:  none;
	margin: 10px auto;
}
.sokuryo4 {
	display: block;
	width: 500px;
	height: auto;
	margin: 20px;
	padding: 20px;
	box-shadow:1px 1px 3px 2px #666;
}
.sokuryo9 {
	font-size: 2rem;
	font-weight: bold;
	color: #011b48;
}
.sokuryo7 {
	text-align: center;
}
.sokuryo7 h2 {
	text-align: left;
}
.sokuryo10 {
	margin: 20px auto;
	width: 460px;
	height: 150px;
}
.sokuryo8 {
	width: 900px;
	height: 150px;
	margin: 20px auto;
	padding: 10px;
	border: 2px dotted #555;
	text-align: left;
}


.teitou1 {
	display: flex;
	width: 100%;
	margin: 30px auto;
	background-color:#eaf3fa;
	padding: 20px;
}
.teitou1 img {
	width: 550px;
	margin: 10px;
	padding: 10px;
}
.teitou2 {
	margin: 50px auto;
}
.teitou7 {
	width: 100%;
	height: auto;
	padding: 20px;
	margin: 10px auto;
	border-radius: 20px;
	border: 3px dotted #0075a9;
}
.teitou7 h3 {
	font-size: 2rem;
	position: relative;
	display: inline-block;
	margin: 1rem 0 1rem -10px;
	padding: 1rem 3rem;
	color: #fff;
	border-radius: 0 100vh 100vh 0;
	background: #0075a9;
	-webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
	box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
}
  
.teitou7 h3:before {
	position: absolute;
	bottom: -10px;
	left: 0;
	width: 0;
	height: 0;
	content: '';
	border-top: 10px solid #005276;
	border-left: 10px solid transparent;
}
.teitou7 p {
	padding: 5px;
}
.teitou8, .teitou10 {
	display: flex;
	justify-content: space-around;
}
.teitou9 {
	position: relative;
	padding: 1.5rem 2rem;
	border: 3px solid #0075a9;
	border-radius: 10px;
	background: #f9f9f9;
	margin: 10px;
} 
.teitou9:before {
	position: absolute;
	bottom: -14px;
	left: 1em;
	width: 0;
	height: 0;
	content: '';
	border-width: 14px 12px 0 12px;
	border-style: solid;
	border-color: #0075a9 transparent transparent transparent;
}
.teitou9:after {
	position: absolute;
	bottom: -10px;
	left: 1em;
	width: 0;
	height: 0;
	content: '';
	border-width: 14px 12px 0 12px;
	border-style: solid;
	border-color: #f9f9f9 transparent transparent transparent;
}
.teitou10 img {
	width: 200px;
	height: auto;
	padding: 10px;
}
.teitou4 {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	height: auto;
}
.teitou5 {
	width: 300px;
	height: 290px;
	margin: 5px;
	padding: 10px;
	background-color: #eaf3fa;
	text-align: center;
}
.teitou5 img {
	width: 230px;
	height: auto;
	padding: 30px;
}
.teitou5 p {
	text-align: left;
}
.teitou11 {
	margin: 10px auto;
}
.teitou12 {
	margin: 10px auto 50px;
}


.moving1, .moving4, .moving6, .moving7 {
	display: flex;
}
.moving1, .moving8 {
	margin: 50px auto;
}
.moving1 img {
	margin: 10px;
	padding: 20px;
	width: 540px;
}
.moving2 {
	margin-top: 50px;
}
.moving2 p {
	margin: 5px auto;
}
.moving3 {
	display: flex;
	flex-wrap: wrap;
}
.moving4 {
	width: 520px;
	height: 200px;
	background-color: #edfafc;
	margin: 5px;
	padding: 10px;
}
.moving4 img, .moving7 img {
	width: 180px;
	height: auto;
	margin: 10px;
}
.moving4 h3, .moving7 h3 {
	font-size: 2rem;
	margin: 10px auto;
	color: #666;
}
.moving6 {
	justify-content: space-around;
	background-color: #edfafc;
	margin: 10px auto;
}
.moving7 {
	width: 500px;
	height: 165px;
	margin: 10px auto;
	padding: 10px;
}


section.fixed{
	position: -webkit-sticky;
	position: sticky;    
	top:50px;
	background:#fff;
	padding:70px 30px 170px 30px;
	min-height: 100vh;
	text-align: center;
}

section.fixed h1 {
	margin-bottom: 50px;
	font-size: 5rem;
	color: #666;
	text-shadow:
		3px 3px 3px #fff, -3px -3px 3px #fff,
		-3px 3px 3px #fff,  3px -3px 3px #fff,
		3px 0px 3px #fff, -3px -0px 3px #fff,
		0px 3px 3px #fff,  0px -3px 3px #fff;
}
.m-list2, section.fixed h2 {
	font-size: 2.5rem;
	font-weight: bold;
	color: #666;
	text-shadow:
		3px 3px 3px #fff, -3px -3px 3px #fff,
		-3px 3px 3px #fff,  3px -3px 3px #fff,
		3px 0px 3px #fff, -3px -0px 3px #fff,
		0px 3px 3px #fff,  0px -3px 3px #fff;
}
section.fixed span {
	font-size: 3.5rem;
}

section.fixed:last-of-type{
  padding:100px 30px 100px 30px;
  background:url("/image/m-list4.jpg") no-repeat center;
  background-size:cover;
}

section.fixed:nth-of-type(1){
  background:url("/image/m-list1.jpg") no-repeat center;
  background-size:cover;
}

section.fixed:nth-of-type(2){
	background:url("/image/m-list2.jpg") no-repeat center;
	background-size:cover;
}

section.fixed:nth-of-type(3){
	background:url("/image/m-list3.jpg") no-repeat center;
	background-size:cover;
}

.m-list5 {
	width: 600px;
	height: auto;
	padding: 20px;
	margin: 10px auto;
	font-weight: bold;
	text-align: left;
	border: 2px dotted #fff; 
	background: rgba(0, 0, 0, 0.5);
	color: #fff;
}
.m-list5 p {
	font-size: 1.8rem;
}
.m-list3 {
	display: flex;
	flex-wrap: wrap;
	width: 1080px;
	margin: 0 auto;
}
.m-list5 h2 {
	font-size: 2.7rem;
	margin: 10px auto 20px;	
}


.payoff1, .payoff7, .payoff13, .payoff14 {
	display: flex;
	justify-content: space-between;
	margin: 30px auto;
}
.payoff2 {
	margin-top: 20px;
}
.payoff3 {
	margin-top: 50px;
	padding: 10px;
}
.payoff12, .payoff11 h3 {
	border-bottom: 4px dotted #011b48;
	font-size: 2rem;
	margin-bottom: 20px;
}
.payoff1 img {
	margin: 20px;
	width: 400px;
	box-shadow: 20px 20px 20px -5px #d3d5d6;
}
.payoff14, .payoff9 {
	margin: 10px auto;
	padding: 20px;
	background-color: #edfafc;
	border-radius: 20px;
}
.payoff14 img {
	width: 300px;
	padding: 20px;
}
.payoff4 {
	padding: 15px;
}
.payoff6 {
	text-align: center;
}
.payoff7 {
	text-align: left;
	border: 2px dotted #666;
	padding: 20px;
}
.payoff5 {
	margin: 50px auto;
}
.payoff7 img {
	width: 230px;
	padding: 10px;
}
.payoff8 h3 {
	font-size: 1.7rem;
	margin: 10px auto;
	color: #011b48;
}
.payoff8 {
	padding: 10px;
	width: 750px;
}
.payoff8 img {
	width: 180px;
	height: 60px;
}
.payoff10 {
	width: 500px;
	height: 500px;
	margin: 10px;
	padding: 10px;
	box-sizing: border-box;
}
.payoff10 img {
	width: 400px;
	height: 300px;
	padding: 20px;
}

#purchase, .naiken {
	line-height: 1.7;
	width: 100%;
	height: auto;
	background-image:
	linear-gradient(0deg, rgba(190,200,206,0.3) 1px, rgba(0,0,0,0) 0),
	linear-gradient(90deg, rgba(190,200,206,0.3) 1px, rgba(0,0,0,0) 0);
	background-size: 20px 20px;
	background-position: center;
	background-color: #f5f5f5;
}

#purchase p {
	font-size: 1.6rem;
}
#purchase img {
	border-radius: 30px;
}
.purchase1 {
	width: 1080px;
	margin: 0 auto;
}
.purchase1 p {
	font-size: 1.6rem;
}
#purchase h2 {
	position: relative;
	padding: 0.5rem 1rem;
	background: #ded296;
  	font-size: 2.8rem;
  	width:500px;
  	margin: 30px 0;
	color: #555;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	border-radius: 20px;	
}

#purchase h2:before {
	position: absolute;
	top: -8px;
	left: -8px;
	width: 100%;
	height: 100%;
	content: '';
	border: 4px solid #666;
	border-radius: 20px;
}
#purchase h3 {
	border-bottom: 4px dotted #666;
	font-size: 2rem;
	color: #555;
	margin: 10px 0;
	text-shadow: 3px 3px 3px #fff, -3px -3px 3px #fff, -3px 3px 3px #fff,  3px -3px 3px #fff, 3px 0px 3px #fff, -3px -0px 3px #fff, 0px 3px 3px #fff,  0px -3px 3px #fff;
}
.tateuri2 {
	display: flex;
	margin: 80px auto;
}

.tateuri2 img {
	width: 500px;
	margin: 20px;
}
.tateuri4 {
	margin: 50px auto 0;
}
.tateuri6 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.tateuri5 {
	width: 320px;
	height: 400px;
	margin: 10px;
	padding: 10px;
	position: relative;
}
.tateuri5 img {
	width: 300px;
	height: 200px;
	position: absolute;
	bottom:0;
}
.tateuri5 p {
	margin-bottom: 10px;
}



.kodate1 {
	width: 100%;
	margin: 50px auto;
	border-radius: 50px;
	display: flex;
}
.kodate1 img {
	width: 600px;
	height: auto;
	margin: 10px;
	padding: 10px;
}
.kodate2 {
	border: 3px dotted #666;
}
.kodate3 {
	margin-top: 10px;
}
.kodate6 {
	display: flex;
	flex-wrap: wrap;
}
.kodate7 {
	width: 340px;
	height: 260px;
	margin: 10px;
	padding: 10px;
	border: 2px dotted #666;
	border-radius: 30px;
	background-color: #fff;
} 
.kodate4 {
	width: 340px;
	margin: 30px 10px 30px 10px;
	padding: 10px;
}
.kodate5 {
	margin: 100px auto;
}
.kodate8 {
	margin-top: 100px;
}
.kodate10 {
	margin: 20px;
}
.kodate9 p {
	margin-top: 20px;
	padding: 10px;
}
.kodate9 {
	margin: 20px auto;
	padding: 20px;
	border: 2px dotted #666;
	border-radius: 30px;
}
.kodate11 {
	display: flex;
}
.kodate12 {
	margin: 20px auto;
}

.naiken1 {
	margin: 100px auto;
}
.naiken2 {
	width: 580px;
}
.naiken1, .naiken4 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.naiken1 img {
	margin-top: 10px;
	width: 400px;
	height: 280px;
	border-radius: 15px;
}
.naiken1 img:first-child {
	margin-right: 40px;
}
.naiken1 img:last-child {
	margin-left: 40px;
}
.naiken2 h2 {
	font-size: 3rem;
	color: #016cb2;
	margin-bottom: 25px;
}
.naiken2 h3, .naiken3 h3, .naiken6 h3 {
	font-size: 2.2rem;
	margin: 10px 0;
}
.naiken4 {
	margin: 30px auto;
}
.naiken5 {
	width: 320px;
	height: 300px;
	margin: 10px;
	padding: 20px;
	background-color: #fff;
	border-radius: 15px;
	position: relative;
	border: 1px solid #666;
}
.naiken5 img {
	width: 180px;
	height: 120px;
	position: absolute;
	bottom: 10px;
	right: 70px;
}
.naiken5 h4 {
	font-size: 2rem;
	color: #016cb2;
	margin-bottom: 20px;
}
.naiken7 table {
	margin: 50px auto;
}
.naiken7 td {
	background-color: #fff;
}


.b-text {
	width: 700px;
	height: auto;
	padding: 30px;
	margin: 50px auto;
	background-color: rgba(244, 248, 247, 0.6);
	position: relative;
	box-shadow: 0 6px 3px -3px rgba(0, 0, 0, 0.15);
}
.b-text h1 {
	font-size: 4rem;
	color: #2b2b2b;
}
.b-text2 {
	width: 300px;
	display: flex;
	align-items: center;
	border: 1px solid #2b2b2b;
	background-color: #fff;
	justify-content: center;
	position: absolute;
	right: 30px;
	bottom: 20px;
}
.buyapart {
	width: 100%;
	background: url(/image/floor.jpg) no-repeat center top / cover;
}
.buyapart p {
	font-size: 1.6rem;
	line-height: 1.6;
}
.buyapart1 {
	width: 1080px;
	height: auto;
	margin:0 auto;
}
.buyapart2 {
	display: flex; 
	flex-wrap: wrap;
	justify-content: center;	                                                          
}
.buyapart2 img {
	width: 180px;
	height: 250px;
	margin-top: 50px;
}

.buyapart h2 {
	font-size: 3rem;
	padding-top: 80px;
	color: #2b2b2b;
	margin-bottom: 20px;
}
.buyapart h3 {
	margin: 20px 0;
	font-size: 2.2rem;
	color: #2b2b2b;
	text-align: left;
}
.buyapart4 {
	position: relative;
	display: inline-block;
	margin: 3em 15px 3em 0;
	padding: 20px;
	min-width: 120px;
	max-width: 100%;
	color: #555;
	font-size: 16px;
	background: #947A63;
	border-radius: 15px;
} 
.buyapart4:before {
	content: "";
	position: absolute;
	top: 50%;
	left: 100%;
	margin-top: -15px;
	border: 15px solid transparent;
	border-left: 15px solid #947A63;
}
.buyapart4 p {
	margin: 0;
	padding: 0;
	font-size: 2.5rem;
	color: #fff;
}
.buyapart5 {
	display: flex; 
	flex-wrap: wrap;
	justify-content: center;
	margin: 30px auto;
	background: rgba(253, 251, 251, 0.5);

}
.buyapart6 {
	width: 360px;
	height: 450px;
	margin: 20px 0;
	padding: 0 10px;
	border-left: 1px solid #666;
	position: relative;
}
.buyapart6 ul {
	padding-left: 10px;
	margin: 40px 10px;
}
.buyapart6 li {
	font-size: 1.6rem;
	list-style: square;
}
.buyapart6 img {
	position: absolute;
	bottom: 0;
	left: 46px;
	width: 250px;
	height: 150px;
}
.buyapart7 {
	width: 1080px;
	margin: 50px auto;
}

.buyapart9 {
	margin: 40px auto 0;
	padding: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	background: rgba(253, 251, 251, 0.5);	
}
.buyapart9 span {
	font-size: 2rem;
	font-weight: bold;
	border-bottom: 2px solid #666;
}
.buyapart12 {
	width: 500px;
	height: auto;
}
.buyapart9 img {
	width: 500px;
	height: 320px;
}
.buyapart13 {
	margin-top: 15px;
	padding: 10px;
	background-color: #947A63;
	border-radius: 15px;
	font-size: 1.5rem;
	color: #fff;
}
.buyapart15 {
	width: 500px;
	padding: 20px;
	background: rgba(253, 251, 251, 0.5);
}

.buyapart1 .qa-list dt {
	background-color: #947A63;
	color: #fff;
}
.buyapart1 .qa-list dd {
	background-color: #fff;
}
.buyapart17 {
	margin-top: 30px;
}
.buyapart18 img{
	width: 220px;
	height: 220px;
}

.ninbai-g {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.ninbai0 {
	width: 60%;
	height: 380px;
	margin: 0 auto;
	display:flex;
	position: relative;
}
.ninbai2 {
	padding: 8px;
	background-color: #947A63;
	color: #fff;
	position: absolute;
	top: 16%;
	left: 16%;
	z-index: 1;
}
.ninbai2 p {
	font-size: 2rem;
}
.ninbai3 {
	padding: 10px;
	background-color: rgba(253, 251, 251, 0.7);
	position: absolute;
	top: 36%;
	left: 24%;
}
.ninbai3 h2 {
	font-size: 10rem;
	color: #947A63;
}
.ninbai4 {
	display: flex;
	min-width: 1080px;
	box-sizing: border-box;
}
.n-point {
	background-color: #947A63;
	color: #fff;
	font-size: 1.8rem;
	width: 80px;
	padding: 5px;
	text-align: center;
}
.ninbai4 h3, .ninbai6 h3, .ninbai-x h3, .nin-contact h3 {
	font-size: 2.8rem;
	color: #947A63;
	margin: 10px 0 20px;
}
.ninbai6 h3 {
	margin: 10px 10px 10px 20px;
}
.ninbai-a h4 {
	font-size: 2.4rem;
	color: #947A63;
	margin: 0 10px;
	border-left: 10px solid #947A63;
	padding-left: 10px;
}
.ninbai7 {
	padding-top: 50px;
}
.ninbai7 .n-point {
	margin-left: 20px;
} 
.ninbai5 {
	margin: 50px 60px 0 auto;
	padding: 10px;
	width: 40%;
}
.ninbai5 p {
	letter-spacing: calc( 50 / 1000 * 1em);
}
.ninbai6 {
	width: 100%;
	background: url(/image/floor.jpg);
}
.ninbai7 {
	width: 1080px;
	margin: 0 auto;
	box-sizing: border-box;
}
.ninbai8 {
	display: flex;
	justify-content: space-around;
	position: relative;
}
.ninbai10 {
	width: 50%;
	height: 430px;
	margin: 50px 20px;
	padding: 30px;
	background-color: #fff;
	box-sizing: border-box;
}
.ninbai10 img {
	width: 250px;
	height: 170px;
	position: absolute;
	top: 285px;
}
.ninbai10 h4 {
	width: 40%;
	margin: 20px 0;
	color: #947A63;
	font-size: 2.4rem;
	border-bottom: 1px solid #947A63;
}
.ninbai11 {
	margin: 20px auto;
	padding: 20px;
	background-color: rgba(253, 251, 251, 0.7);
}

.ninbai11 table {
	width: 80%;
	margin: 0 auto;
}
.ninbai11 caption, .ninbai12 h4 {
	margin: 50px auto;
	font-size: 2.4rem;
	color: #947A63;
	font-weight: bold;
}
.ninbai11 tr {
	background-color: #fff;
	text-align: left;
}
.ninbai11 table p {
	font-size: 1.8rem;
} 
.ninbai11 table span {
	color: #fff;
	font-size: 1.8rem;
	font-weight: bold;
}
.ninbai11 table tr:first-child {
	background-color: #947A63;
	text-align: center;
}
.ninbai11 table tr {
	font-size: 1.8rem;
}
.ninbai11 th {
	background-color: #947A63;
}
.ninbai12 {
	width: 100%;
	margin: auto;
	padding: 20px;
	text-align: center;
}
.ninbai12 li {
	width: 62%;
	margin: 0 auto;
	font-size: 2rem;
	text-align: left;
	line-height: 2.4;
}
.ninbai12 img {
	width: 600px;
	padding: 30px 30px 0;
}
.ninbai13 {
	margin: 80px auto 0;
}
.ninbai15 {
	display: block;
	margin-bottom: 50px;
}

.ninbai16 {
	width: 100%;
	height: 190px;
	margin: 30px auto;
	display:flex;
	background-color: #fff;
	position: relative;
}
.ninbai16 img {
	width: 150px;
	height: 100px;
	position: absolute;
	bottom: 5px;
	left: 8px;
}
.ninbai17  {
	width: 18%;
	padding: 10px;
	display: block;
	color: #fff;
	background: #947a63;
}
.ninbai18 {
	width: 100%;
	padding: 20px;
}
.ninbai19 {
	display: flex;
}
.ninbai-a {
	width: 100%;
	background-color: #f5f5f5;
}
.ninbai20 {
	margin-top: 60px;
}
.ninbai20 p {
	margin: 20px 10px;
}
.ninbai21 {
	display: flex;
}
.ninbai22 {
	width: 15%;
	padding: 1%;
	margin-top: 20px;
	text-align: center;
}
.ninbai22 img {
	width: 70%;
	margin: 25px;
}

.ninbai23 {
	display: flex;
	width: 90%;
	height: auto;
	padding-left: 20px;
	background-color: #fff;
	clip-path: polygon(0.3% 96.69%, 7.21% 2.81%, 90.65% 2.93%, 83.18% 96.73%);
}
.ninbai24 {
	width: 70%;
	margin: 30px 30px 30px 100px;
	background-color: #f5f5f5;
	padding: 25px;
}
.ninbai25 {
	width: 50%;
	position: relative;
}
.ninbai25 img:first-child {
	position: absolute;
	top: 10%;
	right: 20%;
}
.ninbai25 img:nth-child(2) {
	position: absolute;
	top: 500px;
	right: 90px;
}
.ninbai25 img:last-child {
	position: absolute;
	top: 850px;
	right: 150px;
}

.ninbai24 h4 {
	color: #947A63;
	font-size: 2rem;
	margin-bottom: 10px;
}
.ninbai26 {
	margin: 50px auto;
}
.ninbai26 .n-point, .ninbai26 h3 {
	margin-left: 100px;
}
.ninbai27 {
	padding: 5%;
	background: #fff;
	border: 5px solid #947a63;
}
.ninbai27 h4 {
	font-size: 2rem;
	background-color: #947a63;
	color: #fff;
	padding: 5px;
}
.ninbai-d {
	background-color: #fff;
	text-align: center;
}
.ninbai-x dl {
	font-size: 1.8rem;
}
.ninbai-p {
	width: 870px;
	margin: 50px auto;
	justify-content: space-between;
	background-color: #f5f5f5;
	padding: 30px;
}
.ninbai-p h2 {
	margin: 10px;
	font-size: 2.3rem;
	color: #947a63;
}
@media (min-width: 480px){
	.ninbai-pc{ display: none; }
}
.nin-contact {
	background: url(/image/floor.jpg) no-repeat center top / cover;
	padding: 50px 0;
}
.nin-contact h3 {
	text-align:  center;
	margin: 10px 0 0;
}
.nin-tel {
	margin: 0 auto;
	display: flex;
	background-color: #fff;
	width: 900px;
	height: 100px;
	justify-content: space-around;
	padding: 10px;
	border: 5px solid #947a63;
}

.nin-telno p {
	font-size: 3.8rem;
	font-weight: bold;
	color: #947A63;
}

.nin-telno p a {
	color:#947a63;
	text-decoration:none;
}
.nin-telno img {
	margin: 25px auto;
	padding: 0 5px;
}
.nin-mail {
	width: 900px;
	height: auto;
	margin: 50px auto;
	padding: 30px;
	background-color: #fff;
	border: 5px solid #947a63;
}
.nin-form #contact-table {
	width: 100%;
} 
.nin-form .contact-inner {
	padding: 30px 0;
}

.contact-bg .contact-message {
	text-align: center;
	font-size: 14px;
	line-height: 2;
	margin-bottom: 50px;
}
 
.nin-form #contact-table .message-notice {
	color: #c10811;
	font-size: 14px;
}
 
.nin-form #contact-table .essential {
	background: #c10811;
	color: #fafafa;
	font-size: 12px;
	padding: 0 10px;
	font-weight: normal;
	margin-left: 10px;
}
 
.nin-form #contact-table .contact-area {
	background: #fafafa;
	padding: 90px;
	margin: 100px auto;
	width: 1000px;
}
 
.nin-form #contact-table .contact-table {
	width: 100%;
}
 
.nin-form #contact-table .table-list {
	display: flex;
	justify-content: space-between;
	letter-spacing: 0.05em;
	width: 100%;
}
 
.nin-form #contact-table .table-list th {
	font-size: 2rem;
	font-weight: bold;
	width: 250px;
	text-align: left;
}
 
.nin-form #contact-table .table-list-address {
	flex-wrap: wrap;
}
 
.nin-form #contact-table .table-list-address .input-area {
	margin-bottom: 10px;
}
 
.nin-form #contact-table .input-area {
	letter-spacing: 0.05em;
	padding: 0 10px;
	border: none;
	width: 550px;
	height: 40px;
	box-sizing: border-box;
	border: 1px solid #c4c4c4;
}

.nin-form #contact-table .input-area2 {
	letter-spacing: 0.05em;
	padding: 0 10px;
	border: none;
	width: 360px;
	height: 40px;
	box-sizing: border-box;
	border: 1px solid #c4c4c4;
}
 
.nin-form #contact-table .table-list td {
	font-size: 1.6rem;
	width: calc(100% - 250px);
}
 
.nin-form #contact-table input::placeholder {
	color: #bfbfbf;
	font-size: 1.6rem;
	font-weight: bold;
}
 
.nin-form #contact-table textarea {
	border: none;
	width: 550px;
	height: 200px;
	padding: 0;
	border: 1px solid #c4c4c4;
	resize: vertical;
}
 
.nin-form #contact-table textarea::placeholder {
	color: #bfbfbf;
	font-size: 1.6rem;
}
 
.nin-form #contact-table input[type="text"] {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
 
.nin-form #contact-table .contact-area .text {
	font-size: 13px;
	text-align: center;
	margin-bottom: 100px;
}
 
.nin-form #contact-table .contact-area .text a {
	color: #000;
	border-bottom: 1px solid #000;
	transition: all .3s;
	text-decoration: none;
}
 
.nin-form #contact-table .contact-area .text a:hover {
	border-bottom: 1px solid #777;
	padding-bottom: 5px;
	color: #777;
}
#contact-table th {
	border: none;
	background-color: #fff;
	color: #666;
}
#contact-table td {
	border: none;
}
.nin-form .submit-button {
	box-sizing: border-box;
	position: relative;
	display: block;
	margin: 30px auto 0;
	background-color: #947a63;
	cursor: pointer;
	color: #fff;
	text-align: center;
	text-decoration: none;
	line-height: 1.5;
	outline: none;
	-webkit-transition: all .3s;
	transition: all .5s;
	padding: 15px 80px;
	font-size: 1.8rem;
}
 
.nin-form .submit-button:hover {
	background: #6d390b;
	color: #ffc0cb;
}
.form-check {
	font-size: 2rem;
	font-weight: bold;
	color: #f31e30;
}



.kaitori-top {
	width: 100%;
	height: 560px;
	background: url(/image/kaitori1.jpg)no-repeat center top / cover;
}
.kaitori1 {
	width: 1080px;
	margin: 0 auto;
}
.kaitori-title {
	padding-top: 50px;
	text-align: center;
	color: #fff;
}
.kaitori-title h1 {
	font-size: 11rem;
	text-shadow: 1px 1px 2px #222;
}
.kaitori-title span {
	font-size: 5rem;
	text-shadow: 1px 1px 2px #222;
}
.kaitori2 {
	margin-top: -50px;
	display: flex;
	justify-content: space-between;
}
.kaitori2 img {
	width: 35rem;
	height: 35rem;
	animation-name: zoomInAnime;
	animation-duration: 0.5s;
	animation-fill-mode: forwards;
}
.blurTrigger, .staff-d, .saiyo-kv .blur, .saiyo-a {
	animation-name:blurAnime;
	animation-duration:1.5s;
	animation-fill-mode:forwards;
}

@keyframes blurAnime{
  from {
	filter: blur(10px);
	transform: scale(1.02);
	opacity: 0;
  }
  to {
	filter: blur(0);
	transform: scale(1);
	opacity: 1;
  }
}
.fadeUp{
	animation-name: fadeUpAnime;
	animation-duration:1.5s;
	animation-fill-mode:forwards;
	opacity: 0;
	}
	
	@keyframes fadeUpAnime{
	  from {
		opacity: 0;
		transform: translateY(100px);
	  }
	
	  to {
		opacity: 1;
		transform: translateY(0);
	  }
	}
.blurTrigger{
	opacity: 0;
}

.kaitori3 {
	display: flex;
	justify-content: center;
}
.kaitori3 span {
	font-size: 2.8rem;
	font-family: "M PLUS Rounded 1c";
	color: #fff;
	text-shadow: 1px 1px 2px #222;
}
.kaitori4 {
	display: flex;
	justify-content: space-between;
	background-color: #f5f5f5;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 10rem 6rem;
	position: relative;
}
.kaitori5 {
	width: 65%;
	padding: 6rem;
}
.kaitori5 h2 {
	font-size: 4rem;
	margin-bottom: 60px;
}
.kaitori5 h3 {
	font-size: 3rem;
	color: #13ad67;
	margin-bottom: 20px;
}
.kaitori6 img {
	width: 38rem;
	border-radius: 50%;
	position: absolute;
	left: 66%;
	bottom: 26%;
	box-shadow: 0 6px 3px -3px rgba(0,0,0,0.6);
}
.kaitori7 h2 {
	padding: 15px;
	text-align: center;
	color: #fff;
	background-color: #13ad67;
	font-size: 4rem;
}
.kaitori8, .kaitori21 {
	width: 1080px;
	margin: 70px auto;
	text-align: center;
}
.kaitori8 h3 {
	width: 500px;
	margin: 80px auto;
	font-size: 3rem;
	color: #13ad67;
	border-bottom: 3px solid #13ad67;
}
.kaitori9 h4, .kaitori11 h4 {
	font-size: 2.2rem;
	margin: 20px;
}
.kaitori9 {
	width: 30%;
	text-align: left;
}
.kaitori10 {
	margin: 10px;
	padding: 10px;
	display: flex;
	justify-content: space-between;
}
.kaitori8 img {
	width: 300px;
	height: 230px;
}
.kaitori9 img {
	box-shadow: 0 6px 3px -3px rgba(0,0,0,0.6);
}
.kaitori12 {
	background-color: #f5f5f5;
}
.kaitori14, .kaitori15 {
	width: 1080px;
	margin: 0 auto;
	padding: 100px 0 50px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.kaitori13 {
	width: 350px;
	height: 480px;
	margin:  50px 0;
	position: relative;
}	 
.kaitori13 span {
	width: 70px;
	height: 70px;
	padding: 5px 10px;
	display: block;
	color: #fff;
	background-color: #13ad67;
	text-align: center;
	font-size: 2rem;
	position: absolute;
	top: -20px;
	box-shadow: 0 6px 3px -3px rgba(0,0,0,0.6);
}
.kaitori13 h3 {
	font-size: 2.2rem;
	margin: 40px auto 10px;
	padding: 0 20px;
}
.kaitori13 p {
	padding: 0 20px;
}
.kaitori-a {
	width: 300px;
	height: 260px;
	margin-left: 10px;
	border-radius: 50%;
	background: url(/image/loan19.jpg);
	background-position: center;
	box-shadow: 0 6px 3px -3px rgba(0,0,0,0.6);
}
.kaitori-b {
	width: 300px;
	height: 260px;
	margin-left: 10px;
	border-radius: 50%;
	background: url(/image/ktsms1.jpg);
	background-position: center;
	box-shadow: 0 6px 3px -3px rgba(0,0,0,0.6);
}
.kaitori-c {
	width: 300px;
	height: 260px;
	margin-left: 10px;
	border-radius: 50%;
	background: url(/image/s-koumoku7.jpg);
	background-position: center;
	box-shadow: 0 6px 3px -3px rgba(0,0,0,0.6);
}
.kaitori-d {
	width: 300px;
	height: 260px;
	margin-left: 10px;
	border-radius: 50%;
	background: url(/image/bbkys3.jpg);
	background-position: center;
	box-shadow: 0 6px 3px -3px rgba(0,0,0,0.6);
} 
.kaitori-e {
	width: 300px;
	height: 260px;
	margin-left: 10px;
	border-radius: 50%;
	background: url(/image/uri-nairan5.jpg);
	background-position: center;
	box-shadow: 0 6px 3px -3px rgba(0,0,0,0.6);
}
.kaitori16 { 
	display: block;
	width: 250px;
	height: auto;
	position: relative;
	box-shadow: 0 6px 3px -3px rgba(0,0,0,0.6);
}
.kaitori19 {
	display: block;
	width: 60px;
	height: 60px;
	text-align: center;
	background-color: #13ad67;
	margin-left: -30px;
	position: absolute;
	top: -30px;
	box-shadow: 0 6px 3px -3px rgba(0,0,0,0.6);
}
.kaitori19 p {
	color: #fff;
	padding: 3px;
	font-weight: bold;
}
.kaitori17 {
	background-color: #13ad67;
	text-align: center;
	font-size: 2rem;
	color: #Fff;
	height: 40px;
	padding: 10px;
}
.kaitori18 {
	background-color: #319838;
	text-align: center;
	height: 60px;
	padding: 5px;
	color: #fff;
}
.kaitori20 {
	padding: 10px;
	height: 130px;
	text-align: left;
	background-color: #dffed4;
}
.kaitori15 {
	padding: 50px 0;
}
.kaitori23 {
	animation: flash 1s linear infinite;
}
@keyframes flash {
	0%,100% {
	  opacity: 1;
	}
	50% {
	  opacity: 0;
	}
}



.tenant1 {
	width: 90%;
	margin: 0 auto;
}
.tenant2 {
	padding-top: 80px;
	box-sizing: border-box;
	display: flex;
	justify-content: center;
}
.tenant3 {
	width: 980px;
	margin: 0 auto;
	text-align: center;
	border: 15px solid #9f9a91;
	box-shadow: 3px 4px 4px 2px #e4dcdc;
}
.tenant4 {
	display: flex;
	justify-content: center;
	overflow: hidden;
}
.tenant4 img {
	width: 400px;
	transition: transform 0.3s ease-out;
}
.tenant3 p {
	font-size: 5.5rem;
	font-family: "M PLUS Rounded 1c";
	color: #de640b;
	font-weight: bold;
}

.tenant5, .tenant6 {
	text-align: center;
}
.tenant5 img {
	width: 70%;
}
.tenant4 img:hover {
	transform: rotate(10deg);
}
.tenant6 {
	padding: 70px 0 0;
}
.tenant7 {
	padding-bottom: 50px;
}
.tenant7 p, .tenant8 p {
	font-size: 4rem;
	font-weight: bold;
	color: #666;
}
.tenant7 p:nth-child(5) {
	margin: 30px auto;
	width: 450px;
	border: 5px solid #926a4d;
	box-shadow: 3px 4px 4px 2px #a9a9a9;
}
.tenant8 {
	background-color: #ef780f;
	text-align: center;
	padding: 30px 0;
}
.tenant8 p {
	color: #fff;
}
.tenant8 img {
	width: 400px;
}
.glowAnime span {
	opacity: 0;
}
.glowAnime.glow span {
	animation: glow_anime_on 3s ease-out forwards;
}
@keyframes glow_anime_on {
	0% {
		opacity: 0;
		text-shadow: 0 0 0 #fff,0 0 0 #fff;
	}
	50% {
		opacity: 1;
		text-shadow: 0 0 10px #fff,0 0 15px #fff;
	}
	100% {
		opacity: 1;
		text-shadow: 0 0 0 #fff,0 0 0 #fff;
	}
}
.smooth {
	animation-name: smoothAnime;
	animation-duration: 1s;
	animation-fill-mode: forwards;
	transform-origin: left;
	opacity: 0;
}
@keyframes smoothAnime {
	from {
		transform: translate3d(0, 100%, 0) skewY(12deg);
		opacity: 0;
	}
	to {
		transform: translate3d(0, 0, 0) skewY(0);
		opacity: 1;
	}
}


.king {
	width: 1000px;
	margin: 10px auto;
	background-color: #f5f5f5;
	height: auto;
	box-shadow: 3px 4px 4px 2px #a9a9a9;
}
.king1 p {
	text-align: right;
	margin-top: 30px;
}
.king1 span {
	font-weight: bold;
}
.king1 {
	padding: 10px;
	border-bottom: 2px solid #222;
}
.king2 {
	display: flex;
	width: 100%;
	height: auto;
 	padding: 10px;
}
.king3 {
	width: 50%;
}
.king4 {
	width: 102%;
	height: 63px; 
	margin-left: -10px;  
	background-color: #222;
	text-align: center;
}
.king4 h1 {
	color: #fff;
	font-size: 4.2rem;
	padding: 5px;
}
.king5 {
	writing-mode: vertical-rl;
	margin: 30px;
	width: 100%;
	height: 470px;
}
.king5 h2 {
	margin: 0 20px;
}
.king5 h2 p {
	font-size: 3.5rem;
	padding: 7px;
}
.king5 h3 {
	font-size: 1.6rem;
	line-height: 2;
	margin: 0 10px 0;
}
.king5 span {
	writing-mode: lr-tb;
}
.king6 p, .king8 p {
	text-align: center;
	margin: 10px;
}
.king6 img {
	width: 95%;
}
.king8 {
	width: 50%;
}
.king9 {
	width: 100%;
}
.king8 h3 {
	background-color: #222;
	color: #fff;
	margin: 30px auto 0;
	padding: 10px;
	font-size: 4rem;
	width: 80%;
	text-align: center;
}
.king10 {
	writing-mode: vertical-rl;
	height: 300px;
}
.king10 h2 {
	margin: 0 10px;
	font-size: 1.6rem;
}
.king9 .king2 img {
	padding: 0 10px;
	width: 80%;
}
.king11 {
	display: flex;
}



#splash p {
	font-family: 'Dancing Script', cursive;
	font-size: 2rem;
}
#splash_logo {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}	
.splashbg1,.splashbg2{
	display: none;
}
body.appear .splashbg1,body.appear .splashbg2{
	display:block;
}

body.appear .splashbg1{
	animation-name:PageAnime;
	animation-duration:1.2s;
	animation-timing-function:ease-in-out;
	animation-fill-mode:forwards;
	content: "";
	position:fixed;
	z-index: 999;
	width: 100%;
	height: 100vh;
	top: 0;
	left:50%;
	transform: scaleX(1);
}

body.appear .splashbg2{
	animation-name:PageAnime2;
	animation-duration:1.3s;
	animation-timing-function:ease-in-out;
	animation-fill-mode:forwards;
	content: "";
	position:fixed;
	z-index: 999;
	width: 100%;
	height: 100vh;
	top: 0;
	right:50%;
	transform: scaleX(1);
}

@keyframes PageAnime{
	0% {
		transform-origin:left;
		transform:scaleX(1);
	}
	50% {
		transform-origin:right;
	}
	100% {
		transform-origin:right;
		transform:scaleX(0);
	}
}
@keyframes PageAnime2{
	0% {
		transform-origin:right;
		transform:scaleX(1);
	}

	50% {
		transform-origin:left;
	}
	100% {
		transform-origin:left;
		transform:scaleX(0);
	}
}

@keyframes PageAnimeAppear{
	0% {
	opacity: 0;
	}
	100% {
	opacity: 1;
	}
}



.saiyo-b p {
	font-size: 1.3888vw;
	font-family: 'Zen Maru Gothic', sans-serif;
	color: #fff;
	text-shadow: 1px 1px 2px #222;
}
.saiyo-kv {
	display: flex;
	justify-content: space-around;
	position: relative;
}
.saiyo-kv img {
	width: 1000px;
	margin: 30px;
	box-shadow: 0 6px 3px -3px rgba(0,0,0,0.3);
}
.saiyo-a {
	position: absolute;
	top: 50%;
	right: 100px;
	color: #fff;
}
.saiyo-kv h1 {
	font-size: 7vw;
	font-family: 'Zen Maru Gothic', sans-serif;
	text-shadow: 1px 1px 2px #222;
}
.saiyo-kv p {
	font-size: 2.5vw;
	text-align: center;
	font-family: 'Klee One', cursive;
	text-shadow: 1px 1px 2px #222;
}
.saiyo-z {
	width: 100%;
	height: auto;
	margin: 40px auto 0;
	padding:40px 40px 70px;
	box-sizing: border-box;
	background-color: #c3537d;	
}
.saiyo-c {
	margin: 30px auto;
	display: block;
}
.saiyo-b h2 {
	font-size: 3.5vw;
	font-weight: 600;
	color: #fff;
	font-family: 'Zen Maru Gothic', sans-serif;
	text-shadow: 1px 1px 2px #222;
	text-align: center;
}
.saiyo-z h2 {
	margin: 10px auto 30px;
}
.saiyo-b h3 {
	margin: 10px;
	font-size: 2.5vw;
	font-weight: 600;
	color: #fff;
	font-family: 'Zen Maru Gothic', sans-serif;
	text-shadow: 1px 1px 2px #222;
	text-align: center;
}
.saiyo-d, .saiyo-m {
	width: 68%;
	margin: 60px auto;
} 
.saiyo-h, .saiyo-f {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
.saiyo-h img {
	border-radius: 30px;
	width: 40%;
	height: 40%;
	box-shadow: 0 6px 3px -3px rgba(0,0,0,0.3);
}
.saiyo-e {
	width: 100%;
	height: auto;
	padding: 80px 0;
	box-sizing: border-box;
}
.bosyu-naiyo {
	width: 1024px;
	margin: 40px auto;
}
.saiyo-f {
	width: 100%;
	height: auto;
	margin: 30px auto;
}
.saiyo-g {
	width: 47%;
	height: auto;
	margin: 10px;
	padding: 10px;
	border: 3px solid #c9b82e;
	box-shadow: 0 6px 3px -3px rgba(0,0,0,0.3);
	background-color: #fff;
	text-align: center;
}
.saiyo-g h3 {
	color: #222;
	text-shadow: none;
	text-align: left;
}
.saiyo-g img {
	width: 50%;
	height: 50%;
	padding: 40px 0 10px;
}

.saiyo-g p {
	color: #222;
	text-align: left;
	text-shadow: none;
}
.saiyo-i {
	display: flex;
}
.saiyo-j {
	padding: 20px;
}
.saiyo-k {
	padding: 10px 0 70px;
	background-color: #c3537d;
}
.saiyo-l h3 {
	margin: 50px;
}
 
.saiyo-n {
	display: flex;
	justify-content: center;
}
.saiyo-n img {
	width: 25%;
	margin: 10px;
	border-radius: 20px;
	box-shadow: 0 6px 3px -3px rgba(0,0,0,0.3);
}
.saiyo-o {
	padding: 80px 0;
}
.saiyo-p {
	width: 1080px;
	height: auto;
	margin: 30px auto;
	padding: 30px;
	border-radius: 30px;
	background-color: #c3537d;
	box-shadow: 0 6px 3px -3px rgba(0,0,0,0.3);
}
.saiyo-p h3 {
	margin: 30px 0;
}
.saiyo-q {
	width: 1024px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
}
.saiyo-q img {
	width: 80%;
	margin: 0 30px;
	box-shadow: 0 6px 3px -3px rgba(0,0,0,0.3);
}
.bosyu-youkou {
	width: 100%;
	height: auto;
	padding: 80px 0 0;
	box-sizing: border-box;
}

.bosyu-naiyo {
	padding: 30px;
	background-color: #fff;
	box-shadow: 0 6px 3px -3px rgba(0,0,0,0.3);
}

.bosyu-naiyo strong {
	color: rgb(243, 18, 205);
	font-size: 1.6rem;
}

.bosyu-naiyo p, .bosyu-naiyo dt, .bosyu-naiyo dd {
	font-size: 1.8rem;
	font-family: 'Zen Maru Gothic', sans-serif;
	color: #555;
	text-shadow: none;
}
.bosyu-naiyo dl {
	display:flex;
	flex-wrap: wrap;
	border-top: none;
	text-align: center;
	padding: 0 50px 50px 50px;
}
.bosyu-naiyo dt {
	background: #ddd;
	width: 20%;
	padding: 10px;
	box-sizing: border-box;
	border: 1px solid #ccc; 
}
.bosyu-naiyo dd {
	padding: 10px;
	margin: 0;
	border: 1px solid #ccc;
	width: 80%;
	box-sizing: border-box;
	text-align: left;
}
.bosyu-naiyo h3 {
	color: #c3537d;
}
.bosyu-message p {
	color: #333;
	text-align: center;
	text-shadow: none;
}
.bosyu-btn {
	display: block;
	width: 200px;
	height: 80px;
	margin: 20px auto;
	padding: 10px;
	border-radius: 20px;
	background-color: #c3537d;
	box-shadow: 0 6px 3px -3px rgba(0,0,0,0.3);
	font-size: 3rem;
	text-align: center;
}
.bosyu-btn a {
	color: #fff;
}

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

.div_move:first-child {
	height: 200px;
	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: 60px;
	text-align: center;
	color: #fff;
	margin-top: 15px;
	width:95%;
}
.div_main .satei a {
	color: #fff;
	font-weight: bold;
}
.div_main .satei p {
	font-weight: bold;
}
.div_main .satei img {
	margin: 10px;
	width: 55px;
	height: 40px;
}

.div2 {
	background-color: rgb(0, 255, 179);	
	top: 139px;
	right: -160px;
	writing-mode: vertical-rl;
	z-index: 10;
}
.div3 {
	background-color: #f70439;
	top: 339px;
	right: -160px;
	writing-mode: vertical-rl;
	z-index: 10;
}

.about-blk {
	display: flex;
}
.about-blk a {
	margin: 10px;
}

.top_title04 .oshi {
    font-size: 1.4rem;
	font-weight: normal;
	
}.bunner_area {
	text-align: center;
}

.bunner_area img {
	margin: 40px auto;
	width: 45%;
}
.bunner_area h2 {
	text-align: left;
}

.search_area_img .pc {
	display: block;
}

.search_area_img .sp {
	display: none;
}

.sns_blk {
	display: flex;
	justify-content: center;
}

.sns_blk img {
	width: 80px;
	height: 80px;
	padding: 15px;
}

.for_sale {
	display: flex;
	margin: 20px auto 10px;
	justify-content: space-between;
}

.for_sale img {

	width: 400px;
 	margin: 10px 0;
 	box-shadow: 0 6px 3px -3px rgba(0,0,0,0.2);
}

.h_blog {
	box-shadow: 0 6px 3px -3px rgba(0,0,0,0.5);
}

#insta_gram {
	max-width: 200px !important;
}


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

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

	.jp_tbl1 {
		display: block;
	}

	#tbl_property_list {
		word-wrap: break-word;
	}

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

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

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

	#header-message-inner i {
		display:none;
	}
	.header-title img {
		width: 80%;
	}
	.header-message-tel {
		font-size: 1.8rem;
	}

	.hInner {
		margin: 10px 0 15px;
	} 
	#h1 {
		padding: 10px;
	}
	#breadcrumb {
		padding: 10px 0;
	}
	.breadcrumb-inner {
		padding: 0 10px;
		width: 100%;
	}
	.cwrapper {
		padding: 0 0 40px;
	}
	#con {
		 margin: 0 auto;
		 padding: 0;
		 width: 100%;
	}
	.con-inner {
		 width: 100%;
	}
	#main_top {
			float: inherit;
			width: 100%;
		
			border-left: none;
			margin-left: 0;
	}
		
	#onecolumn #side {
		display: block;
	}

	.scroll_area table th {
		text-align: left;
	}

	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;
		width: 200px;
	}

	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.4rem;
	}

	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;
	}

	.htitle {
		float: inherit;
		margin-top: 5px;
		text-align: left;
		padding-left: 0;
	}
	.htitle img {
		width: 120px;
		height: auto;
	}
	#hmessage {
		display: none;
	}
	.hmenu {
		float: inherit;
	}
	.hnav {
		display: none;
	}
 
	.fukai {
		width: 100%;
	}
							
	.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:hover, .drawer-dropdown-menu a:focus,
	.drawer-dropdown-menu2 a:hover, .drawer-dropdown-menu2 a:focus {
		background-color: #f0ede8;
		text-decoration: none;

	}
	.drawer-hamburger {
			display: none;
	}
	.drawer--right .drawer-nav {
		position: relative;
		right: 0;
		width: 250px;
		overflow: hidden;
		transition: none;
		background-color: #fafafa;
	}
	.drawer-dropdown-menu, .drawer-dropdown-menu2 {
		display: block;
		background-color: #fafafa;
	}
	.drawer-contact {
		display: none;
	}

	.drawer-contact {
		margin: 10px 0 20px;
		padding: 0 10px;
	}
	.drawer-contact-title {
		font-size: 1.4rem;
		color: #011b48;
	}
	.drawer-contact-title span {
		display: block;
		font-size: 1.2rem;
		font-weight: normal;
		letter-spacing: 5px;
	}
	.drawer-contact-list li {
		margin-top: 10px;
	}
	.drawer-contact-list li a {
		display: block;
		padding: 8px 10px 10px;
		color: #fff !important;
		text-align: center;
	}
	.drawer-contact-list li a img {
		margin-right: 10px;
		height:18px;
						}
	.drawer-contact-list li a:hover img {
		opacity: 1;
	}
	.drawer-contact-tel a {
		background-color: #011b48;
		letter-spacing: 4px;
		font-family: 'sans-serif';
		font-weight: bold;
	}
	.drawer-contact-mail a {
		background-color: #011b48;
	}
	.group-title01 {
		margin: 20px 0 0;
		padding-left: 10px;
	}
	.group-subtitle01 {
		background-color: #f5f5f5;
		border-bottom: 2px solid #fff;
		margin: 0;
		padding: 10px;
		position: relative;
		color: #222;
		font-size: 1.4rem;
		cursor: pointer;
	}
	.group-subtitle01:after {
		font-family: FontAwesome;
		content: '\f078';
		right: 10px;
		position: absolute;
	}
	.open .group-subtitle01:after {
		font-family: FontAwesome;
		content: '\f077';
		right: 10px;
		position: absolute;
	}
	.group-subtitle02 {
		font-weight: bold;
		padding-bottom: 8px;
		line-height: 1.4;
		margin: 10px 0 0;
		padding-left: 10px;
	}
	.drawer-dropdown {
		margin-bottom: 0;
	}
	.drawer-dropdown-menu, .drawer-dropdown-menu2 {
		padding-left: 10px;
	}
	.drawer-dropdown-menu li, .drawer-dropdown-menu2 li {
		margin-top: 0;
		position: relative;
		padding: 3px 0;
		border-bottom: 1px solid #555;
	}
	.drawer-dropdown-menu li:last-child, .drawer-dropdown-menu2 li:last-child {
		border-bottom: none;
	}
	.drawer-dropdown-menu li:before, .drawer-dropdown-menu2 li:before {
		left: 0;
	}
	.drawer-dropdown-ast .drawer-dropdown-menu2 {
		margin-bottom: 50px;
	}
	.drawer-dropdown-menu .drawer-dropdown-level2, .drawer-dropdown-menu2 .drawer-dropdown-level2 {
		border: none;
	}
	.drawer-dropdown-level2 .drawer-dropdown-menu, .drawer-dropdown-level2 .drawer-dropdown-menu2 {
		display: block;
		border: none;
		padding: 0;
		background-color: inherit;
	}

	.drawer-hamburger {
		padding: 6px 8px 16px;
		background-color: #fff;
		border: 2px solid #222;
		opacity: .8;
		top: 13px;
	}
	.drawer--right .drawer-hamburger {
		right: 10px;
	}
	.drawer-hamburger-icon:before {
		top: -8px;
	}
	.drawer-hamburger-icon:after {
		top: 8px;
	}
	.drawer--right.drawer-open .drawer-hamburger {
		right: 260px;
	}
	.drawer-hamburger:hover {
		background-color: #fff;
		opacity: .8;
	}
	.drawer-nav {
		border-top: 5px solid #222;
		width: 250px;
		z-index: 100;
	}
	.drawer--right .drawer-nav {
		border-left: 1px solid #ddd;
	}

	s.side-info {
			padding: 0 10px;
	}

	#footer-top {
		padding: 10px 0;
	}
	.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;
	}
	
	#btn-share {
		position: fixed;
		top: 50%;
		right: 0;
		z-index: 99;
		margin-top: -207px;
	}
	#btn-share li {
		margin-bottom: 10px;
	}
	#btn-share li:last-child {
		margin-bottom: 0;
	}
	#btn-share a {
		display: block;
		padding-top: 5px;
		width: 56px;
		height: 56px;
		color: #fff;
		font-size: 2.8rem;
		text-align: center;
		cursor: pointer;
	}
	
	#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;
	}
	.search_area {
		float: none;
		width: 100%;
		text-align: center;
	}
	.search_area_img {
		margin: 0 auto;
		display: block;
	}
	.sec_content04 .col:first-child {
		margin-bottom: 30px;
	}
	
	.top_title01 {
		width: 100%;
		padding: 5px;
	}
	.top_title01 span {
		display: block;
		margin-top: 5px;
		font-size: 1.6rem;
	}
	.top_title01 a {
		display: block;
		margin-top: 10px;
		position: static;
	}

	.new_area .top_title01 i {
		display: none;
	}
	.top_title02_wrap {
		display: block;
	}
	.top_title02 {
		font-size: 2.0rem;
		letter-spacing: 0;
		margin-bottom: 15px;
	}
	.top_title02 img {
		margin-right: 5px;
		vertical-align: middle;
	}
	.top_title02_wrap .top_title02 {
		display: block;
		margin-bottom: 0;
	}
	.top_title02_wrap .lead {
		display: block;
		margin-top: 10px;
		text-align: left;
		line-height: 1.3;
		font-size: 1.3rem;
	}
	
	.top_title03_wrap .lead {
		line-height: 1.2;
	}
	
	.top_title04 {
		margin-bottom: 15px;
		font-size: 2.0rem;
	}
	.top_title04 img {
		margin-right: 5px;
		vertical-align: bottom;
	}

	.top_title05_wrap {
		display: block;
	}
	.top_title05_wrap .title_icon {
		display: block;
		width: 100%;
		text-align: center;
	}
	.top_title05_wrap .text {
		display: block;
		text-align: center;
	}
	.top_title05_wrap .text .lead {
		line-height: 1.2;
	}
	.top_title05_wrap a {
		margin-top: 10px;
		display: block;
		text-align: center;
	}
	.top_title05 {
		margin-top: 5px;
		font-size: 2.0rem;
	}
	.content_box {
		width: 100%;
		padding: 10px;
		height: auto;
	}
	.content_list02 li {
		border-bottom: 1px solid #ddd;
	}
	.content_list03 {
		border-top: none;
		padding-top: 0;
	}
	.slick-slider img {
		height: 180px;
	}
	.new_area {
		float: none;
		margin-top: 3px;
		width: 100%;
	}
	.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;
	}
	.fudo_wrap .grid-content {
		display: block;
		flex-flow: column wrap;
		justify-content: start;
	}
	.fudo_wrap .grid-content li, .fudo_wrap #syousai_box li, .fudo_wrap .grid-content.cookie_fudou_single li {
		margin: 0 0 25px 0;
		max-width: 100%;
		flex: 0 0 100%;
		border: none;
		background-color: inherit;
		padding: 0;
		flex-flow: row nowrap;
	}
	.fudo_wrap .fudo_top_image {
		padding: 0 10px 0 0;
		flex: 0 0 45%;
		max-width: 45%;
	}
	.fudo_wrap .fudo_top_body {
		flex: 0 0 55%;
		max-width: 55%;
	}
	.fudo_wrap img.box1image, .fudo_wrap img.box2image {
		float: left;
		margin: 0 14px 0 0;
		height: inherit;
		max-height: 280px;
		object-position: center;
	}
	.fudo_wrap .top_kaiin {
		margin-top: 0;
		font-size: 70%;
	}
	.fudo_wrap .top_bukkenshubetsu span {
		font-size: 1.0rem;
		margin-bottom: 2px;
	}
	.fudo_wrap .top_title {
		display: block;
		font-size: 80%;
		font-weight: bold;
		margin: 0 0 5px;
		line-height: 1.3;
		padding-left: 0;
	}
	.fudo_wrap .grid-content li > a {
		display: inherit;
		margin: 0;
	}
	.fudo_wrap .new_mark {
		font-size: 1.1rem;
		height: 20px;
		left: -20px;
		padding: 4px;
		top: 3px;
		width: 70px;
	}
	.fudo_wrap .fudo_kaiin_type_logo {
		left: 26%;
		top: 5px;
		width: 30px;
	}
	
	.new_area .top_title01 span.pc_on {
		 display: none;
	}
	.new_area .top_title01 span.sp_on {
		display: inline-block;
	}
		
	.new_area .top_title01 span {
		display: inline;
	}
	.new_area .top_title01 img {
		width: 40px;
		padding-right: 5px;
	}
	.needs_iframe_wrap.jt_sp {
		display: block;
	}
	.needs_iframe_wrap {
		overflow: auto !important;
		-webkit-overflow-scrolling: touch !important;
		width: 100%;
		height: 200px;
		padding: 5px;
	}
	.new_area .top_title01 span {
		transform: translate(0, 0);
	}
	.new_area .top_title01 img {
		transform: translate(0, 0);
	}
	.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%;
	}
	.top_title04 span {
		font-size: 1.6rem;
	}
	.line_a0 {
		margin: 10px auto 5px;
	}
	.uri2 {
		display: block;
	}
	.uri2 p {
		font-size: 1.4rem;
		margin: 0;
	}
	.uri3 {
		flex-wrap: wrap;
		text-align: center;
	}
	.uri3 p {
		width: 45%;
		padding: 3px;
	} 
	.uri3 .uri6 p {
		width: 100%;
	}
	.uri6 {
		text-align: left;
	}
	

	 

	.container-wrapper {
		width: 100%;
		padding: 5px;
		overflow: hidden;
	}

	#promotion {
		margin-bottom: 5px;
	}

	#asterecs {
		width: 100%;
		padding: 5px;
	}

	#tokusetsu {
		width: 100%;
		margin: 0;
	}

	#tokusetsu .heartfeels {
		margin: auto;
		width: 100%;
		height: auto;
	}

	#tokusetsu .heartfeels li {
		width: 75%;
		height:auto;
		margin: auto;
	}
		
	#omoi {
		display: block;
		width: 100%;
		margin: 0 auto;
		padding: 10px;
	}
	.midashi {
		margin: auto;
	}
	
	.asterecs1 {
		height: 450px;
	}
	.asterecs2 {
		display: block;
		margin: 0;
	}
	.asterecs3, .asterecs4, .ast-midashi, .asterecs7, .asterecs2 img {
		margin: 0;
		padding: 5px;
	}
	.asterecs3 p, .asterecs4 p {
		font-size: 1.5rem;
		line-height: 1.4;
	}
	.asterecs7 strong {
		font-size: 2rem;
	}
	.asterecs4 {
		width: 100%;
		height: auto;
	}
	.asterecs6 h3 {
		font-size: 1.5rem;
	}

	#company-0 {
		width: 100%;
		margin: 0 auto;
		padding: 10px;
	}
	.ichiran {
		width: 100%;
		padding: 5px;
		margin: auto;
	}
	.ichiran {
		width: 100%;
	} 
	.ichiran .thead {
		display: none;
	}
	.ichiran th, .ichiran td{
		display: block;
		width: 100%;
		position: relative;
		text-align: center;
	}
	.ichiran tr {
		margin-bottom: 10px;
	}

	.company-4 .map {
		margin: auto;
		padding: 5px;
	}		
	.company-4 .map img {
		width: 100%;
		padding: 5px;
		margin: auto;
	}
	#company-0 .company-4 iframe {
		width: 100%;
		padding: 5px;
		margin: auto;
		height: 300px;
	}		
	.company-5 h2 {
		display: block;
	}
	.company-4 #map {
		width: 100%;
		padding: 10px;
		height: 380px;
	}



	.staff-1 {
		padding: 5px;
		width: 100%;
	}
	#staff-0 {
		display: block;
		width: 100%;
		margin: auto;
		padding: 5px;
	}
	.homeicon {
		text-align: center;
		font-size: 2rem;
		margin: 50px auto;
	}
	#staff-4 .profile {
		padding: 15px 5px 5px 5px;
	}
	#staff-4 .profile h2, .staff-5 img {
		display: none;
	}
	.toggle_title {
		padding: 20px 0;
	}

	.shinchiku {
		width: 100%;
		display: block;
		height: 460px;
		margin-bottom: 0;
	}

	.shinchiku img {
		margin: 5px 0 10px;
	}




	.howto1 p, .howto15 p, .howto6 p {
		font-size: 1.6rem;
	}
	.howto120 {
		padding: 20px 10px;
		height: auto;
	}
	.howto120 h1 {
		width: 100%;
		padding: 10px;
		font-size: 2.5rem;
		background: rgba(46, 46, 46, 0.5);
		}
	.howto120 h1 span {
		font-size: 3.5rem;
	}
	.howto-a {
		width: 100%;
		padding:10px;
	}
	.howto2, .howto5, .howto7, .howto14, .howto-e {
		width: 100%;
		padding: 10px;
		display: block;
	}
	.howto6 {
		padding: 3px;
	}
	.howto3, .howto7 {
		margin: 0;
		padding: 0;
	}
	.howto3 table, .howto3 table th {
		text-align: center;
	}
	.howto3 table caption {
		font-size: 2rem;
	}
	.howto3 table tr:first-child {
		display: none;
	} 
	.howto3 table tr, .howto3 table td{
		display: block;
		width: 100%;
		position: relative;
	}
	.howto3 table td:first-child:before {
		content: "見出し:before";
		background: #e9727e;
		box-sizing: border-box;
		color: #fff;
		font-weight: bold;
		height: 40px;
		padding: 10px;
		position: absolute;
		top: -41px;
		left: -0.2%;
		display: block;
		width: 100.5%;
	}
	.howto3 table th:first-child {
		width: 800px;
		overflow: hidden;
	}
	.howto-t {
		width: 100%;
		padding: 5px;
		border-radius: 0px;
	}
	.houto11 {
		padding: 20px;
		font-size: 2rem;
	}
	.howto12 {
		width: 100%;
		height: auto;
		margin: 10px 0;
	}
	.howto12 img, .howto16, .howto13 img {
		display: none;
	}
	.howto15 {
		padding: 10px;
	}


	.kaitori-top {
		height: auto;
	}
	.kaitori1 {
		width: 100%;
		margin: 0;
	}
	.kaitori-title {
		padding: 10px 0 0;
	}
	.kaitori-title span {
		font-size: 2.5rem;
	}
	.kaitori-title h1 {
		font-size: 4rem;
	}
	.kaitori5 h2 {
		font-size: 2.3rem;
		margin-bottom: 20px;
	}
	.kaitori5 h3 {
		font-size: 2rem;
		border-bottom: 2px solid #13ad67;
	}
	.kaitori3 span {
		font-size: 2.3rem;
		margin: 0 30px;
		text-align: center;
		font-weight: bold;
	}
	.kaitori2 {
		margin-top: 0;
	}
	.kaitori2 img {
		width: 10rem;
		height: 10rem;
	}
	.kaitori4 {
		display: block;
		margin: 0;
		padding: 0;
	}
	.kaitori5 {
		width: 100%;
		padding: 3rem 1rem;
	}
	.kaitori6 {
		text-align: center;
		padding: 0 0 30px;
	}
	.kaitori6 img {
		position: static;
		width: 50%;
	}
	.kaitori7 h2 {
		font-size: 2.3rem;
	}
	.kaitori8, .kaitori21 {
		width: 100%;
		margin: 0 0 30px;
	}
	.kaitori8 h3 {
		width: 100%;
		margin: 40px auto;
		font-size: 2.5rem;
	}
	.kaitori9 {
		width: 100%;
		margin-top: 20px;
		padding-top: 5px;
		text-align: center;
		background-color: #efffe6;
	}
	.kaitori10 {
		display: block;
		margin: 0;
	}
	.kaitori8 img {
		width: 180px;
		height: 120px;
		margin: 20px 0;
	}
	.kaitori8 p {
		margin: 0 20px;
	}
	.kaitori14 {
		width: 100%;
		padding: 50px 5px;
		display: block;
	}
	.kaitori13 {
		width: 100%;
		height: auto;
		margin: 50px auto;
	}
	.kaitori-a, .kaitori-b, .kaitori-c, .kaitori-d, .kaitori-e {
		margin: 0 auto;
	}
	.kaitori16 {
		width: 100%;
		margin: 0 auto 40px;
	}
	.kaitori19 {
		margin: 0;
	}
	.kaitori19 p {
		margin: 0;
	}
	.kaitori15 {
		width: 90%;
	}
	.kaitori16 img {
		width: 160px;
		height: 160px;
	}
	
	









	
	.wrapper .back-image {
		height: auto;
	}
	.wrapper .stepcyukai {
		width: 100%;
		padding: 15px;	
	}
	.stepcyukai h2, .stepc-5 h2, .step-wrap h2, .step-blk h2 {
		font-size: 2.3rem;
		margin: 20px 0;
		text-align: center;
	}
	.challemge-blk h2 {
		font-size: 2.3rem;
		margin: 0;
		text-align: left;
	}
	.stepcyukai p, .stepc-5 p, .step-wrap p, .challenge-blk p {
		font-size: 1.5rem;
	}
	.stepc-1, .stepc-6, .stepc-12, .stepc-14, .stepc-18, .stepc-21 {
		display: block;
		margin: 0;
	}
		.stepc-22 {
			margin: 10px 0;
			width: 100%;
			padding: 10px;
			height: auto;
		}
		.stepc-2, .stepc-5, .stepc-7, .stepc-15 {
			width: 100%;
			height: auto;
			padding: 0;
			margin: 0;
		}
		.stepc-3 {
			width: 100%;
			margin-top: 20px;
			padding: 0;
			box-sizing: border-box;
			position: static;
		}
		.stepc-3 img {
			width: 50%;
			height: auto;
			margin-top: 0;
		}
		.step-img img, .stepc-14 img {
			display: none;
		}
		.stepc-6 {
			padding: 10px;
		}
		.stepc-8 img, .stepc-9 img {
			display: none;
		}
		.stepc-11 {
			margin: 0;
		}
		.stepc-13, .step-blk h2, .step-blk3, .challenge-blk {
			width: 100%;
		}
		.stepc-19, .stepc-20 {
			padding: 15px;
			width: 100%;
			height: auto;
		}
		.stepc-21 span {
			top: 0;
			left: 0;
		}
		.stepc-22 img {
			position: static;
		}
		.stepc-22 p {
			width: 85%;
			margin-left: 50px;
		}
		.qa-list dl {
			margin: 10px 0 0;
			width: 100%;
		}
		.qa-list dl:after {
			top: 20px;
			right: 20px;
			width: 7px;
			height: 7px;
		}
		.qa-list dl dt {
			padding: 16px 25px 16px 42px;
			font-size: 14px;
		}
		.qa-list dl dt::before {
			font-size: 14px;
			top: 20px;
			left: 20px;
		}
		.qa-list dl dd::before {
			font-size: 14px;
			left: 20px;
			margin-top: 5px;
		}
		.qa-list dl dd {
			margin: 0;
			padding: 16px 16px 16px 45px;
			font-size: 14px;
		}
		.qa-list dl dd p {
			margin: 1px 0 0;
		}
		.qa-list dl dd p:first-child{
			margin-top: 0;
		}

		 

/* --------ページタイトルで使用中-------- */
		.produce1 .produce2 {
			display: block;
			width: 100%;
			height: 300px;
			margin: 0 auto;
		}
		.produce3 {
			background: rgba(46, 46, 46, 0.3);
			margin: 30px auto 0;
			color: #fff;
		}
		.produce1 .produce3 {
			margin: 0 auto;
		}
		
		.produce6 .produce3 {
			margin: 0 auto;
			background: beige;
			color: black;
			width: 100%;
			height: 240px;
		}
		/*-----------------ここまで----------------  */

		.produce-b, .produce-g, .produce-h, .produce-m, .produce-r {
			width: 100%;
		}
		.produce-b h2 {
			font-size: 2rem;
		}
		.produce-d, .produce-h, .produce-j, .produce-l, .produce-r {
			display: block;
			padding: 0;
		}
		.produce-e, .produce-j img, .produce-r {
			margin: 0;
		}
		.produce-h img:nth-child(2) {
			display: none;
		}
		.produce-b p, .produce-g p {
			font-size: 1.6rem;
		}
		.produce-b h3, .produce-f h3, .produce-k {
			padding: 10px;
		}
		.produce-y {
			display: flex;
			flex-wrap: wrap;
			justify-content: center;
		}
		.produce-y img {
			width: 150px;
			margin: 5px;
		}



		#box {
			width: 100%;
		}
			
		.hiyou3, .hiyou6 {
			display: block;
		}
		.hiyou4, .hiyou5, .hiyou8, .hiyou9, .hiyou10, .hiyou11 {
			width: 98%;
		}

/* ------------採用Q＆A------------ */
		.fadein1 {
			width: 200px;
			height: 50px;
			top:300px;
		}
		.fadein1 p {
			font-size: 2.5rem;
			margin: 20px;
			width: 180px;
		}
		.fadein3 {
			top: 430px;
			left: 25%;
		}
		.s-qa1 {
			height: 380px;
		}
		.s-qa2 {
			display: block;
			width: 100%;
		}
		.s-qa5 {
			width: 100%;
			padding: 5px;
			margin: 5px;
		}
		.s-qa2 img {
			width: 100%;
			padding: 5px;
		}
		.s-qa4 h3 {
			width: 80%;
		}
		.s-qa6 {
			margin: 30px auto;
		}
		 

		.s-koumoku1, .s-koumoku10, .s-koumoku3, .s-koumoku6, .s-koumoku9 {
			display: block;
		}
		.s-koumoku2, .s-koumoku4, .s-koumoku6 img {
			width: 100%;
			margin: 0;
			background-color: #fff;
		}
			.s-koumoku10 img {
				display: none;
			} 
			.maebashi {
				display: block;
			} 


			.need2, .need6, .need8 {
				display: block;
			}
			.need2 img, .need6, .need4, .need5, .need8 p {
				margin: 0;
			}
			.need4, .need5, .need8 p {
				width: 100%;
			}
			.need8 img {
				display: none;
			}
			.need7 {
				padding: 5px;
			}


		.apartment3, .apartment8 {
			display: block;
		}
		.apartment4, .apartment3 img, .apartment5, .apartment6, .apartment9 {
			width: 100%;
			margin: 0;
		}


		.advice2, .advice4, .advice9 {
			display: block;
			margin: 0;
			padding: 5px;
		}
		.advice3, .advice5, .advice6 {
			width: 100%;
			margin: 0;
		}
		.advice11 {
			margin-bottom: 50px;
		}

		 
		.cyukai2, .cyukai8, .cyukai6 {
			display: block;
		}
		.cyukai9 {
			width: 100%;
			margin: 0;
			padding: 5px;
		}
		.cyukai3, .cyukai4 {
			height: auto;
		}

		.tbl_si .thead {
			display: none;
		}
		.tbl_si th {
			border: none;
		}
		.tbl_si td {
			border: none;
			display: inline-block;
		}
			.tbl_si .td1 {
				width: 30%;
				height: auto;
			}
			.tbl_si .td2 {
				width: 30%;
				height: auto;
			}
			.tbl_si .td3 {
				width: 30%;
				height: auto;
			}
			.tbl_si .td4, .tbl_si .td5 {
				width: 100%;
			}
			.tbl_si .td4 {
				margin-bottom: 5px;
			}
			.tbl_si .td4 div {
				margin-bottom: -10px;
			}


		.loan3, .loan4, .loan16 {
			display: block;
		}
		.loan1 img, .loan9, .loan6 img {
			display: none;
		}
		.loan1 {
			margin: 20px auto;
			padding: 20px;
		}
		.loan1 p {
			margin: 0;
			padding: 0;
			font-size: 1.5rem;
		}
		.loan1 span {
			font-size: 1.5rem;
		}
		.loan5, .loan6 table, .loan18, .loan18 img {
			width: 100%;
			margin: 0;
		}
		.loan11, .loan15 {
			display: block;
			width: 100%;
			margin: 0 auto;
		}
		 .loan11 img {
			margin: 0 auto;
			padding: 10px;
		}
		.loan12 {
			display: flex;
		}
		.loan-x {
			height: 200px;
			overflow: hidden;
		}
		.taisyo {
			font-size: 1.4rem;
		}
		.loan-y {
			flex-wrap: wrap;
			margin: 0;
		}
		.loan-m {
			width: 45%;
			height: auto;
		}
		.loan14 {
			width: 100%;
			flex-wrap: wrap;
		}


		.yosan1, .yosan3, .yosan4, .yosan7, .yosan10 {
			display: block;
			margin: 0;
			width: 100%;
			height: auto;
		}
		.yosan4 p {
			width: 100%;
		}
		.yosan5 {
			width: 100%;
			margin: 0;
		}
		.yosan10 th, .yosan10 td {
			padding: 2px;
		}

		.simulation3 {
			display: block;
			width: 100%;
			margin: 0%;
			padding: 10px;
		}
		.simulation1 {
			width: 100%;
			padding: 10px;
		}
	  .simulation7 {
			margin: 85px auto 0;
		}
		.simulation7 p, .simulation2, .yoyaku2 h1, .yoyaku3 {
			font-size: 2rem;
		}
		#my_calendar {
			width: 350px;
			margin: 0 auto;
			height: auto;
		}
		#my_calendar .ui-datepicker {
			width: 100%;
		}


		.baikai2, .baikai5, .baikai11, .baikai16 {
			display: block;
		}
		.baikai3, .baikai7, .baikai14, .baikai9, .baikai14 img {
			width: 100%;
		} 

		.hanbai2, .hanbai7, .hanbai3, .hanbai10 {
			display: block;
			width: 100%;
			margin: 0;
		}
		.hanbai2 {
			padding: 10px;
		}
		.hanbai2 img {
			display: none;
		}
		.hanbai9, .hanbai4 {
			width: 100%;
			margin: 0;
		}
		.hanbai7 {
			height: auto;
		}

		.uri-nairan1, .uri-nairan3, .uri-nairan5, .uri-nairan7, .uri-nairan8 {
			display: block;
		}
		.uri-nairan4, .uri-nairan8 {
			width: 100%;
		}
		.uri-nairan1 img, .uri-nairan8 {
			margin: 0;
		}
		.uri-nairan5 img {
			display: none;
		}
		.uri-nairan5 {
			margin: 0;
			padding: 0;
		}

		.zyuyou3, .zyuyou5, .zyuyou7, .zyuyou11, .zyuyou16, .zyuyou17 {
			display: block;
			margin: 0;
		}
		.zyuyou2, .zyuyou4, .zyuyou18 {
			width: 100%;
		}
		.zyuyou15, .zyuyou8 {
			margin: 0;
			width: 100%;
		}
		.zyuyou17, .zyuyou3 img, .zyuyou20 img {
			display: none;
		}


		.bbkys2, .bbkys5, .bbkys7 {
			display: block;
		}
		.bbkys3 p, .bbkys2 img {
			padding: 0;
			margin: 0;
		}
		.bbkys5, .bbkys7 {
			display: block;
			width: 100%;
			height: auto;
			margin: 0;
			padding: 0;
		}
		.bbkys5 img, .bbkys7 img {
			width: 100%;
			height: auto;
		}
		.bbkys8 {
			padding: 10px;
			height: auto;
		}
		.bbkys7 img {
			display: none;
		}


		.tetsuke1, .tetsuke2, .tetsuke5, .tetsuke7 {
			display: block;
		}
		 
		.tetsuke2, .tetsuke4, .tetsuke2 img, .tetsuke5 img, .tetsuke7 img {
			width: 100%;
			height: auto;
			margin: 0;
		}
		.tetsuke5, .tetsuke7, .tetsuke10 {
			padding: 10px;
		}
		.tetsuke10 h3 {
			height: auto;
		}
		.tetsuke9 img {
			padding: 3px;
			width: 160px;
		}


		.kyfgsn1, .kyfgsn3, .kyfgsn5, .kyfgsn6, .kyfgsn10 {
			display: block;
		}
		.kyfgsn5 img {
			width: 100%;
			height: auto;
		}
		.kyfgsn1, .kyfgsn3, .kyfgsn9 {
			margin: 0;
		}
		#kyfgsn7 {
			flex-wrap: wrap;
		}
		.kyfgsn8 {
			width: 150px;
		}
		.kyfgsn12 {
			width: 100%;
			padding: 0;
			border: none;
		}


		.uritzu1, .uritzu2, .uritzu4, .uritzu7 {
			display: block;
			margin: 0%;
		}
		.uritzu5, .uritzu9 {
			width: 100%;
			margin: 0;
		}
		.uritzu9 img {
			display: none;
		}


		.ktsms1, .ktsms3, .ktsms6, .ktsms9 {
			display: block;
		}
		.ktsms1 img {
			margin: 0;
		}
		.ktsms4 {
			width: 100%;
			margin: 0;
		}
		.ktsms3 img {
			box-shadow: none;
		}
		.ktsms6 img {
			display: none;
		}
		.ktsms10 {
			margin: 10px;
		}



		.touki1, .touki7 {
			display: block;
			margin: 0;
		}
		.touki7 {
			margin: 5px auto;
		}
		.touki2, .touki3, .touki6, .touki9, .touki11 {
			width: 100%;
			padding: 10px;
			margin: 0;
		}
		.touki12 img {
			display: none;
		}
		.touki11 {
			margin: 5px auto;
		}


		.t-menzei6, .t-menzei5 {
			margin: 0;
		}
		.t-menzei4 {
			font-size: 1.8rem;
			width: 100%;
			margin: 0;
			background: linear-gradient(transparent 90%, #64b4cf 10%);
		}
		.t-menzei5 p, .t-menzei7 p {
			font-size: 1.5rem;
			margin: 0;
		}
		.t-menzei2 {
			width: 100%;
			margin: 0;
			display: block;
			padding: 10px;
		  }
		.t-menzei11 {
			font-size: 1.5rem;
			width: 70%;
			margin: 5px auto;
		}
		.t-menzei10 {
			height: auto;
		}

		.sokuryo1, .sokuryo3, .sokuryo8 {
			display: block;
		}
		.sokuryo1 img {
			margin: 0;
		}
		.sokuryo4, .sokuryo10 {
			margin: 10px 0 0 0;
			width: 100%;
			height: auto;
			padding: 10px;
		}
		.sokuryo4 h3, .sokuryo8 h3 {
			font-size: 1.6rem;
		}
		.sokuryo8 {
			width: 100%;
			height: auto;
		}


		.teitou1, .teitou4, .teitou8 {
			display: block;
		}
		.teitou10, .teitou4 .triangle-right, .teitou11 {
			display: none;
		}
		.teitou5 {
			width: 100%;
			margin: 5px auto;
		}
		.teitou1 img {
			margin: 0;
		}


		.moving1, .moving4, .moving6, .moving7, .moving3 {
			display: block;
		}
		.moving1 img {
			margin: 0;
		}
		.moving4, .moving7 {
			width: 100%;
			height: auto;
			margin: 10px auto;
		}


		section.fixed,section.fixed:last-of-type{
			position:relative!important;
			top:0;
			min-height: auto;
			padding:30px;
		}

		section.fixed:first-of-type{
 			 padding:100px 30px 30px 30px;
		}
  
		section.fixed:nth-of-type(2n){
  			padding:100px 30px;
		}

		section.fixed h1 {
			font-size: 2.5rem;
		}
		.m-list2, section.fixed h2, section.fixed span {
			font-size: 2rem;
		}
		.m-list5 {
			width: 100%;
			margin: 0;
		}
		.m-list3 {
			display: block;
			width: 100%;
			margin: 0 auto;
		}
		.m-list5 p {
			font-size: 1.6rem;
		}

		.payoff1, .payoff7, .payoff13, .payoff14 {
			display: block;
		}
		.payoff1 img {
			margin: 0;
		}
		
		.payoff8, .payoff10, #purchase h2 {
			width: 100%;
		}
		#purchase h2 {
			font-size: 2rem;
		}
		.payoff10 img {
			width: 100%;
			height: auto;
		}

		.tateuri2, .tateuri6 {
			display: block;
			margin: 0;
			padding: 5px;
		}
		.purchase1 {
			width: 100%;
			margin: 0 auto;
			height: auto;
			padding: 0;
		}
		
		.tateuri2 img, .tateuri5 {
			width: 100%;
			margin: 5px;
		}


		.g-title {
			width: 100%;
			margin: 50px auto;
		}
		.g-title .g-1 {
			font-size: 1.5rem;
			background: rgba(29, 27, 27, 0.5);
		}
		.g-top h1 {
			font-size: 2rem;
			background: rgba(29, 27, 27, 0.5);
		}
		#purchase-x .g-top img, .g-5, .g-6, .g-9, .g-10 {
			width: 100%;
			height: auto;
			padding: 10px;
		}
		.g-4 {
			display: block;
		}
		.g-3 {
			margin: 10px auto;
		}
		#purchase-x h2 {
			font-size: 2rem;
			border-left: 5px solid #fff;
			margin: 0;
		}
		.g-5, .g-6, .g-10 {
			margin: 0;
		}
		.g-5 img, .g-9 img {
			width: 100%;
			height: auto;
			margin: 10px auto;
		}
		.g-11 {
			padding: 0 0 30px;
		}

		.kodate1, .kodate6, .kodate11 {
			display: block;
			width: 100%;
			margin: 0;
			padding: 5px;
		}
		.kodate1 img, .naiken1 {
			margin: 0;
		}
		
		.naiken h2 {
			padding: 20px;
			font-size: 2rem;
		}
		.naiken1 img:last-child {
			margin: 0;
		}
		.naiken7 th, .naiken7 td, .naiken7 p {
			font-size: 1.4rem;
		}
		.naiken7 th {
			width: 90px;
		}


		.buyapart {
			width: 100%;
			background: url(/image/tairu.jpg);
		}
		.buyapart p {
			font-size: 1.4rem;
		}
		.buyapart1, .buyapart12, .buyapart15 {
			width: 100%;
		}
		.b-text, .buyapart7, .buyapart9 {
			width: 100%;
			margin: 0;
			padding: 10px;
		}
		.b-text h1 {
			font-size: 2rem;
		}
		.b-text2, .buyapart9 img {
			display: none;
		}

		.buyapart9 {
			display: block;
		}
		.buyapart h2 {
			margin: 0;
			font-size: 2rem;
			padding: 30px 10px;
		}
		.buyapart4 {
			width: 99%;
			margin: 0;
		}
		.buyapart4::before {
			display: none;
		}
		.buyapart4 p {
			font-size: 1.6rem;
			padding: 0;
		}
		.buyapart2 img {
			margin: 0;
			width: 150px;
			height: auto;
		}
		.buyapart5 {
			width: 100%;
			height: auto;
			display: block;
			margin: 0;
		}
		.buyapart6 {
			width: 100%;
			height: 420px;
			margin: 0 auto;
			padding: 10px;
			border-left: none;
			position: relative;
		}
		.buyapart6 li {
			font-size: 1.4rem;
		}
		.buyapart17 img, .buyapart18 img {
			display: block;
			width: 100%;
			height: auto;
		}
		.buyapart18 {
			display: flex;
		}

		.ninbai2 {
			padding: 1px;
		}
		.ninbai2 p {
			font-size: 1.5rem;
		}
		.ninbai0 {
			width: 100%;
			height: 200px;
		}
		.ninbai3 {
			top: 45%;
			left: 16%;
		}
		.ninbai3 h2 {
			font-size: 6rem;
		}
		.ninbai4, .ninbai-g {
			display: block;
			min-width: 100%;
		}
		.ninbai5, .ninbai10 {
			margin: 0;
			padding: 10px;
			width: 100%;
		}
		.ninbai7, .ninbai10, .ninbai16, .ninbai18 {
			width: 100%;
			height: auto;
		}
		.ninbai8 {
			display: block;
			margin: 30px auto;
			padding: 20px;
		}
		.ninbai10 img {
			width: 100%;
			height: auto;
			position: static;
		}
		.ninbai11, .ninbai15, .ninbai19, .ninbai21 {
			display: block;
			padding: 5px;
		}
		.ninbai11 table {
			width: 100%;
		}
		.ninbai12 {
			width: 100%;
			margin: 10px auto;
		}
		.ninbai12 img {
			bottom: -30px;
			right: 10px;
		}
		.ninbai16 img, .ninbai22, .ninbai22 img {
			display: none;
		}
		.ninbai16 {
			display: block;
			margin: 0;
		}
		.ninbai17 {
			display: flex;
			width: 100%;
		}
		.ninbai17 p, .ninbai26 .n-point, .ninbai26 h3 {
			margin: 10px;
		}
		.ninbai-pc {
			margin-top: 30px;
			padding: 5px;
		}
		.ninbai19 img {
			width: 40%;
			margin-left: 100px;
		}
		.ninbai23 {
			width: 95%;
			padding: 20px;
			clip-path: polygon(3.31% 99.61%, 5.3% 0.86%, 99.89% 3.93%, 100.27% 98.39%);
		}
		.ninbai24 {
			width: 95%;
			margin: 40px auto;
			background-color: #f5f5f5;
			padding: 5px;
		}
		.nin-tel {
			display: block;
			width: 100%;
			height: auto;
			text-align: center;
		}
	.nin-telno p {
		font-size: 2.5rem;
	}
	.nin-tel img {
		margin: 10px auto;
	}
	.nin-mail {
		width: 100%;
		margin: 50px 0;
		padding: 5px;;
	}
	.nin-form #contact-table .table-list {
		flex-wrap: wrap;
	} 
	.nin-form #contact-table .table-list th {
		font-size: 1.5rem;
		width: 100%;
		height: auto;
		padding: 0;
	}
	.nin-form #contact-table .table-list td {
		font-size: 1.5rem;
		width: 100%;
		padding: 5px;
	}
	.nin-form #contact-table .input-area, .nin-form #contact-table .input-area2, .nin-form #contact-table textarea {
		width: 100%;
	}
	.ninbai11 table span, .ninbai11 table tr, .ninbai11 table p {
		font-size: 1.3rem;
	}
	.ninbai12 h4 {
		font-size: 1.8rem;
	}
	.ninbai12 li {
		width: 100%;
		margin: 20px;
		font-size: 1.6rem;
		line-height: 1.3;
	}
	.ninbai-p {
		width: 80%;
		padding: 25px;
		flex-wrap: wrap;
	}


	.buy1 p {
		font-size: 1.6rem;
	}
	.buy1 h2 {
		width: 100%;
		font-size: 2rem;
	}
	.buy2 p, .buy2 .fa-arrow-circle-down, .buy2 .fa-flag-checkered {
		font-size: 4rem;
	}
	.buy8, .buy5, .buy9 {
		margin: 0;
		padding: 0;
	}
	.buy5 {
		display: block;
	}
	.buy6, .buy3, .buy30 {
		width: 100%;
	}
	.buy1 h3 {
		margin: 15px 0 15px 10px;
		font-size: 2.5rem;
	}
	.buy12 {
		margin: 20px auto;
	}
	.buy26, .buy21 {
		width: 100%;
	}
	.buy27 img, .buy26 img {
		display: none;
	}
	.buy20 {
		padding: 10px;
	}


	.tenant1 {
		width: 100%;
	}
	.tenant3 {
		border: 3px solid #9f9a91;
	}
	.tenant3 p {
		font-size: 3rem;
	}
	.tenant6 {
		padding: 0;
	}
	.tenant7 {
		margin: 0;
	}
	.tenant7 p, .tenant8 p {
		font-size: 2rem;
		padding: 10px;
	}
	.tenant7 p:nth-child(5) {
		width: 100%;
	}


	.king, .king3, .king8 {
		width: 100%;
		margin: 0;
	}
	.king1 p, .king6, .king11 {
		display: none;
	}
	.king2 {
		display: block;
		padding: 15px;
	}
	.king4 {
		height: auto;
	}
	.king4 h1 {
		font-size: 2.8rem;
	}
	.king8 h3 {
		font-size: 2.87rem;
		width: 100%;
	}
	.king5 p {
		line-height: 1.5;
	}
	.king10 {
		width: 100%;
		height: 250px;
		line-height: 1.8;
		margin: 15px auto;
	}
	.king10 h2 {
		font-size: 2rem;
	}
	.king10 p {
		margin-right: 35px;
	}
	.king-x {
		margin-right: 0 !important;
	}

	
	.staff-b {
		width: 100%;
		height: auto;
		margin: 0;
	}
	.staff-c img:first-child, .staff-c img:last-child {
		width: 100px;
	} 
	.staff-d img:first-child {
		width: 250px;
		padding: 10px;
	}
	.staff-a h2 {
		margin: 0;
		padding: 0 0 10px;
		font-size: 2.6rem;
	}
	.staff-c img:first-child{
		left: 0;
		top: 120px;
	}
	.staff-c img:last-child {
		top: 80px;
		right: -2%;
	}
	.staff-d {
		padding-top: 20px;
	}
	.staff-d img:last-child {
		width: 200px;
		margin-top: -20px;
	}
	.staff-e img:first-child {
		width: 100px;
	}
	.staff-e img:nth-child(2) {
		width: 100px;
		top: 90%;
	}
	.staff-e img:nth-child(3), .staff-e img:nth-child(4) {
		width: 50px;
		top: 90%;
	}
	.staff-e img:nth-child(5), .staff-e img:last-child, .staff-k {
		display: none;
	}
	.staff-f {
		padding: 50px 0;
	}
	.staff-g {
		width: 100%;
		height: auto;
		margin: 0;
	}
	.staff-h {
		margin: 0 auto;
	}
	.staff-h p {
		text-align: center;
	}
	.staff-a h3 {
		margin: 0;
		font-size: 1.3rem;
		text-align: center;
	}
	.staff-a h4, .staff-j h3 {
		margin: 0%;
		font-size: 2.2rem;
		text-align: center;
	}
	.staff-i {
		display: block;
		width: 95%;
		margin: 0 auto;
		padding: 30px 0;
	}
	.staff-i img {
		width: 260px;
		height: 260px;
		margin: 10px auto 0;
	}
	.staff-j {
		padding: 30px 0;
	}
	.staff-j img {
		width: 100%;
		margin: 0;
		padding: 10px;
	}
	.loop_wrap {
		height: 30px;
	}
	.cast3 h2 {
		font-size: 3rem;
	}
	.cast3 img:first-child {
		width: 80px;
		height: 80px;
	}
	.cast3 img:last-child {
		width: 400px;
	}
	.cast4 {
		width: 100%;
		margin: 10px 0;
		padding: 5px;
	}
	.cast4 h3 {
		margin-top: 8px;
		font-size: 2rem;
	}
	.cast-side {
		display: none;
	}
	.cast5 {
		display: block;
		text-align: center;
	}
	.cast5 img {
		width: 280px;
		height: 280px;
	}
	.cast7 h4 {
		font-size: 3rem;
		margin-top: 10px;
	}
	.cast7 table {
		width: 100%;
	}
	.cast7 table td, .cast7 table th  {
		padding: 10px 5px;
		text-align: center;
	}
	.cast6 {
		margin: 0;
	}
	.cast6 h4 {
		font-size: 2.3rem;
	}
	.cast9 {
		padding: 10px;
	}
	.cast20 {
		display: block;
	}
	.cast21 {
		display: none;
	}


	.saiyo-kv {
		margin-top: 100px;
		display: block;
	}
	.saiyo-kv img {
		width: 100%;
		margin: 0;
		padding-top: 30px;
		padding-left: 5px;
	}
	.saiyo-b h2 {
		font-size: 3rem;
	}
	.saiyo-b p {
		font-size: 1.8rem;
	}
	.saiyo-d, .saiyo-m, .saiyo-g {
		width: 100%;
		margin-left: 3px;
	}
	.saiyo-h, .saiyo-f, .saiyo-i, .saiyo-n {
		display: block;
	}
	.saiyo-h img, .saiyo-p {
		width: 100%;
		margin: 10px auto;
	}
	.saiyo-b h3 {
		font-size: 2.5rem;
	}
	.saiyo-g img {
		width: 60%;
		height: 60%;
		padding: 0;
	}
	.saiyo-m p {
		padding: 0 25px 0 30px;
	}
	.saiyo-n img {
		width: 95%;
	}
	.saiyo-p {
		border-radius: 0%;
	}
	.saiyo-q {
		width: 100%;
	}
	.saiyo-q img {
		width: 95%;
		margin: 5px;
	}
	.bosyu-naiyo {
		width: 100%;
	}
	.bosyu-naiyo dl { 
		padding: 0;
	}
	.bosyu-btn a {
		font-size: 3rem;
	}



	.div2 {
		display: none;
	}
	.div3 {
		top: 320px;
		right: -165px;
	}
	.p_top {
		width: 36px;
		height: 45px;
	}
	.p_top a::before {
		top: -25px;
		right: 10px;
	}

	.about-blk {
		display: block;
	}
	.about-blk a {
		margin: 0;
	}
	.about-blk img {
		margin: 10px 0;
	}

	.jspContainer2 {
		width: 105%;
		height: 165px;
		margin-top: 27px;
		padding: 0;
	}
	
	.sec_content {
		margin-top: 0;
	}

	.search_area_img img {
		width: 100%;
		height: auto;
	}

	.jp_tbl2 {
		display: table;
	}

	.seiyaku_joho {
		padding-top: 5px;
	}

	.seiyaku_wrap {
		width: 100%;
	}

	.bunner_area img {
		margin: 0 auto;
		width: 100%;
	}

	.search_area_img .pc {
		display: none;
	}

	.search_area_img .sp {
		display: block
	}
	.for_sale {
    		display: block;
    		margin: 20px auto 10px;
    		text-align: center;
	}
	.for_sale img {
 		 width: 260px;
	}
	.iqura {
		margin: 0;
	}

	
}