@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@100;300;400;500;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Courgette&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Alice&display=swap');
@import url('./custom/margin.css');
@import url('./custom/padding.css');
@import url('./custom/width.css');


/*------------------------------------------------------------------------------------------------------------------
　base style
-------------------------------------------------------------------------------------------------------------------*/
html,body{
    height: 100%;
}

body {	
	color:#32323B;
	font-size:16px;
	margin:0;
	height:100%;
	position:relative;
	font-family: "Yu Gothic", YuGothic,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 400;
	line-height:1.6;
	letter-spacing: 0.01em;
}
@media screen and (max-width:640px) {
  body {	
    font-size: 22px;
  }  
}

strong { font-weight:700; }

a { color:#00719f; text-decoration:none; }
a:visited { color:#F58080; text-decoration:none;}
a:hover { color:#F58080; text-decoration:none; }

p { margin-top: 0; }

ul {
	margin: 0;
	padding: 0;
	list-style: none;
}


/*------------------------------------------------------------------------------------------------------------------
　Expression
-------------------------------------------------------------------------------------------------------------------*/

.fr,.right{ float:right;}
.fl,.left { float:left;}
.cl:after {
    content: "";
    display: block;
    clear: both;
}

.ro {
	transition: 0.2s all;
}
.ro:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

.pc {
	display:inherit;
}
.sp {
	display:none;
}

.txt-hide {
	overflow: hidden;
	text-indent: 200%;
	white-space: nowrap;
}

.mplus1p { font-family: 'M PLUS 1p', serif; transform: rotate(0.03deg); }
.courgette { font-family: 'Courgette', cursive; }
.alice { font-family: 'Alice', serif; }

.fsize-ss { font-size: 75.0%; }
.fsize-s { font-size: 87.5%; }
.fsize-m { font-size: 112.5%; }
.fsize-l { font-size: 125.0%; }
.fsize-ll { font-size: 150.0%; }


/*------------------------------------------------------------------------------------------------------------------
　Float Image
-------------------------------------------------------------------------------------------------------------------*/

.photo-l {
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}

.photo-r {
	float:right;
	margin-left:20px;
	margin-bottom:20px;
}

.photo-c {
	text-align:center;
	margin: 0 auto;
}


/*------------------------------------------------------------------------------------------------------------------
　Primary
-------------------------------------------------------------------------------------------------------------------*/

.wrapper {
  width:100%;
  height: auto;
  min-height: 100%;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  position: relative;
}

.inner {
	width: 1180px;
	margin-left:auto;
	margin-right:auto;
}

@media screen and (max-width:1260px) {
	.inner {
		margin-left:40px;
		margin-right:40px;
	}
}

@media screen and (max-width:640px) {
	.inner {
		width: 600px;
		margin-left:20px;
		margin-right:20px;
	}
}


/*------------------------------------------------------------------------------------------------------------------
　table
-------------------------------------------------------------------------------------------------------------------*/

.table-content {
	width:100%;
	border-collapse:collapse;
	text-align:left;
}
.table-content th {
  text-align:center;
  min-width: 3em;
  padding:0.5em;
  vertical-align: middle;
  white-space:nowrap;	
	background-color:#f6f6f6;
	border:1px solid #ccc;
}
.table-content td {
	padding:0.5em;
	background-color:#ffffff;
	border:1px solid #ccc;
}


/*------------------------------------------------------------------------------------------------------------------
　Header
-------------------------------------------------------------------------------------------------------------------*/

header .inner {
  position: relative;
  height: 130px;
}

header h1 {
  position: absolute;
  left: 0;
  top: 38px;
}
header h1 a {
	display: block;
	width: 254px;
	height: 69px;
	background-image: url("../image/header/logo.png");
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: 200%;
	white-space: nowrap;
}

header .subnav {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 320px;
  overflow: hidden;
}
header .subnav li {
  float: left;
  box-sizing: border-box;
  line-height: 1;
}
header .subnav li:nth-child(1) {
  width: 180px;
  background-color: #36B2AC;
}
header .subnav li:nth-child(2) {
  width: 140px;
  background-color: #F8AC4C;
}
header .subnav li a {
  display: flex;
  align-items:center;
  box-sizing: border-box;
  width: 100%;
  height: 44px;
  padding: 0 1em;
  color: #fff;
  text-decoration: none;
}
header .subnav li a span {
  display: block;
}
header .subnav li:nth-child(1) a span.ic {
	width: 18px;
	height: 17px;
	background-image: url("../image/header/ic_hope.png");
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: 200%;
	white-space: nowrap;
  margin-right: 0.75em;  
}
header .subnav li:nth-child(2) a span.ic {
	width: 14px;
	height: 18px;
	background-image: url("../image/header/ic_raiten.png");
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: 200%;
	white-space: nowrap;  
  margin-right: 0.75em;  
}


header .cominfo {
  position: absolute;
  right: 0;
  top: 68px;
  display: flex;
  align-items: center;
}
header .cominfo .hdtel {
	display: inline-block;
	width: 225px;
	height: 29px;
	background-image: url("../image/header/tel.png");
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: 200%;
	white-space: nowrap;
  margin-right: 30px;
}
header .cominfo .desc {
  color: #32323C;
}

@media screen and (max-width:640px) {
  header .inner {
    height: 80px;
  }
  header h1 {
    top: 10px;
  }
  header h1 a {
    background-size: contain;
  }
  header .subnav {
    position: fixed;
    top: auto;
    bottom: 0;
    z-index: 9999;
    width: 100%;
    font-size: 125.0%;
  }
  header .subnav li:nth-child(1) {
    width: 50%;
  }
  header .subnav li:nth-child(2) {
    width: 50%;
  }
  header .subnav li a {
    height: 80px;
  }
  header .cominfo {
    right: 60px;
    top: 26px;
  }  
  header .cominfo .desc {
    display: none;
  }
}


/*------------------------------------------------------------------------------------------------------------------
　PCNav
-------------------------------------------------------------------------------------------------------------------*/

.pcnav {
  width: 100%;
  box-shadow: 0px 0px 6px -4px rgba(50,50,60,0.6);
}
.pcnav ul {
  display: flex;
  justify-content: space-between;
}
.pcnav ul li {
  display: block;
}
.pcnav ul li a {
  position: relative;
  display: block;
  height: 64px;
  line-height: 64px;
  color: #32323C;
  text-decoration: none;
  box-sizing: border-box;
  padding: 0 2.75em;
  transition: 0.2s all;
}
.pcnav ul li a:hover {
  color: #F58080;
}
.pcnav ul li a::after {
  position: absolute;
  transition: 0.2s all;
  content: '';
  width: 0;
  left: 50%;
  bottom: 0;
  height: 2px;
  background: #F58080;
}
.pcnav ul li a:hover:after {
  width: 100%;
  left: 0;
}

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


/*-----------------------------------------------------------------------------------
  SPnav
-----------------------------------------------------------------------------------*/

html.openNav_on { overflow-y:hidden; }

#openNav-warp {
  width:0;
  height:0;
  top:0;
  right:0;
  z-index:9998;
  overflow:hidden;
}

#openNav-warp.on {
  position:fixed;
  width:100vw;
  height:100vh;
  top:0;
  right:0;
  z-index:9998;
  overflow-y:auto;
  background-color:#fff;
}

.lte-ie8 #openNav-warp {
  display:none !important;
}

.lte-ie8 #openNav-warp.on { min-width:640px; }

@media screen and (min-width:641px) {
  #openNav-warp.on {
      min-width:640px;
  }
}

#openNav_sw {
  width:100%;
  height:100vh;
  filter:alpha(opacity=0);
  opacity:0;
  -moz-opacity:0;
  transition:opacity 0.2s ease;
  background-color:#F58080;
}

#openNav-warp.on #openNav_sw {
  filter:alpha(opacity=100);
  opacity:1;
  -moz-opacity:1;
}

#openNav {
  background-color:#F58080;
}

#openNav a { transition:opacity 0.2s ease; }

#openNav a,
#openNav a:visited { color:#fff; text-decoration:none; }

#openNav .estbtn {
  width:100%;
  padding:120px 1.5rem 0;
  font-size:120%;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
}
#openNav .estbtn .fav {
  display: inline-block;
  width: calc(50% - 15px);
  box-sizing: border-box;
  padding: 0.5em 1em;
  background-color: #F9C923;
  border-radius: 6px;
  text-align: center;
  color: #fff !important;
  text-decoration: none !important;
}
#openNav .estbtn .fav:hover {
  background-color: #F56E4E;
}
#openNav .estbtn .fav i {
  display: inline-block;
  margin-right: 0.5em;
}

#openNav .estbtn .saw {
  display: inline-block;
  width: calc(50% - 15px);
  box-sizing: border-box;
  padding: 0.5em 1em;
  background-color: #3676B2;
  border-radius: 6px;
  text-align: center;
  color: #fff !important;
  text-decoration: none !important;
}
#openNav .estbtn .saw:hover {
  background-color: #FFA054;
}
#openNav .estbtn .saw i {
  display: inline-block;
  margin-right: 0.5em;
}

#openNav nav {
  width:100%;
  padding:2rem 1.5rem;
  font-size:120%;
  display: block;
  box-sizing: border-box;
}

#openNav nav > ul.mnav {
  list-style:none;
}

#openNav nav > ul.mnav > li {
  width:100%;
}

#openNav nav > ul.mnav > li > a {
  border-bottom:1px solid rgba(255,255,255,0.2);
  width:100%;
  padding:0.7rem 1rem;
  display:block;
  transition: 0.2s all;
  box-sizing: border-box;
}

#openNav nav > ul.mnav > li:first-child a {
  border-top:1px solid rgba(255,255,255,0.2);
}
  
#openNav nav > ul.mnav > li.active > a,
#openNav nav > ul.mnav > li > a:hover {
  background-color:rgba(255,255,255,0.2);
}

#openNav .nav_info {
  width: calc(100% - 3em);
  padding: 1.5rem 2rem;
  margin: 1.5em;
  box-sizing: border-box;
  background-color: rgba(255,255,255,1.00);
}
#openNav .nav_info a {
  color: #F58080;
}
#openNav .nav_info .logo a {
	display: block;
	width: 303px;
	height: 72px;
	background-image: url("../image/header/logo.png");
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: 200%;
	white-space: nowrap;
	margin: 0 auto 1em;
}
#openNav .nav_info address {
	font-style: normal;
}
#openNav .nav_info address a {
  color: inherit;
}


/* ボタン ----------------------------------------*/

#openNav_btn {
  display: none;
  cursor:pointer;
  position: fixed;
  top: 0;
  right: 0;
  z-index: 9999;
  width:80px;
  height:80px;
  text-align:center;
  color:#fff;
  background-color:#F58080;
  transition: 0.2s all;
}

#openNav_btn:hover {
  background-color:#F79A9A;
}

#openNav_btn.close {
	position: fixed;
  top: 0;
  right: 0;
  z-index: 9999;
}

#openNav_btn.fixed { top:0; }
#openNav-warp.on #openNav_btn { position:absolute; }

.lte-ie8 #openNav_btn {
  display:none !important;
}

@media screen and (max-width:640px) {
  #openNav_btn {
    display: inline-block;
  }
}

.openNav_btn_ic,
.openNav_btn_ic span,
.openNav_btn_ic span:before,
.openNav_btn_ic span:after {
  display:inline-block;
  transition:transform .2s, opacity .2s;
  box-sizing:border-box;
}
.openNav_btn_ic {
  position:relative;
  width:26px;
  height:20px;
  margin-top:22px;
}
  
.openNav_btn_ic span,
.openNav_btn_ic span:nth-of-type(2),
.openNav_btn_ic span:nth-of-type(3) {
  position:absolute;
  left:0;
  width:100%;
  height:2px;
  background-color:#fff;
}
.openNav_btn_ic span:nth-of-type(1) {
  top:0;
}
.openNav_btn_ic span:nth-of-type(2) {
  top:9px;
}
.openNav_btn_ic span:nth-of-type(3) {
  bottom:0;
}
  
#openNav_btn.close .openNav_btn_ic span:nth-of-type(1) {
  -webkit-transform:translateY(9px) rotate(-315deg);
  transform:translateY(9px) rotate(-315deg);
}
#openNav_btn.close .openNav_btn_ic span:nth-of-type(2) {
  opacity:0;
}
#openNav_btn.close .openNav_btn_ic span:nth-of-type(3) {
  -webkit-transform:translateY(-9px) rotate(315deg);
  transform:translateY(-9px) rotate(315deg);
}

.preload .openNav_btn_ic,
.preload .openNav_btn_ic span,
.preload .openNav_btn_ic span:before,
.preload .openNav_btn_ic span:after {
  -webkit-transition:none !important;
  -moz-transition:none !important;
  -ms-transition:none !important;
  -o-transition:none !important;
  transition:none !important;
}

@media screen and (max-width:1300px) {
  .openNav_btn_ic {
    width:36px;
    height:30px;
    margin-top:28px;
  }

  .openNav_btn_ic span:nth-of-type(2) {
    top:14px;
  }

  #openNav_btn.close .openNav_btn_ic span:nth-of-type(1) {
    -webkit-transform:translateY(14px) rotate(-315deg);
    transform:translateY(14px) rotate(-315deg);
  }

  #openNav_btn.close .openNav_btn_ic span:nth-of-type(3) {
    -webkit-transform:translateY(-14px) rotate(315deg);
    transform:translateY(-14px) rotate(315deg);
  }
}

@media print {
  #openNav_btn { display:none !important; }
}

/*------------------------------------------------------------------------------------------------------------------
　Contents
-------------------------------------------------------------------------------------------------------------------*/

.contents {
}

/* pagetitle */
.pagetitle h1 {
}


/*------------------------------------------------------------------------------------------------------------------
　footer
-------------------------------------------------------------------------------------------------------------------*/

/* banner */
#banner {
  padding: 50px 0;
  background: #F9F6F0;
}
#banner ul {
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  gap: 24px;
  width: 100%;
  padding: 0;
  margin: 0;
}
#banner ul li {
  display: block;
  width: 378px;
  padding: 0;
  margin: 0;
  line-height: 1;
}
#banner ul li img {
  width: 100%;
  height: auto;
}
@media screen and (max-width:640px) {
	#banner ul li {
		width: calc(50% - 12px);
	}
}

/* footer */
footer {
  width: 100%;
  padding: 70px 0;
}

footer .inner {
  display: flex;
  justify-content: space-between;
}
footer .comname {
  margin-bottom: 20px;
}
footer .comname .logo {
	display: inline-block;
	width: 222px;
	height: 27px;
	background-image: url("../image/footer/logo.jpg");
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: 200%;
	white-space: nowrap;
  margin-right: 20px;
}
footer .comname .license {
  font-size: 14px;
  color: #EA7064;
}
footer address {
  font-size: 15px;
  font-style: normal;
}
footer address a {
	color: inherit;
  transition: 0.2s all;
}

footer .ftlink {
  margin-top: 50px;
}
footer .ftlink a {
	color: inherit;
  transition: 0.2s all;
}
footer .ftlink a:hover {
  color: #F58080;
}

@media screen and (max-width:640px) {
	footer {
		padding: 30px 0 110px;
	}
  footer .comname .license {
    font-size: 87.5%;
  }
  footer address {
    font-size: 87.5%;
  }
	footer .inner {
		display: inherit;
	}
	footer .ftlink {
		display: none;
	}
}

.favest {
  position: fixed;
  top:250px;
  right: 0;
  z-index: 99;
  width: 44px;
  padding: 1em;
  line-height: 1.2;
  box-sizing: border-box;
  -webkit-writing-mode: horizontal-tb;
  -ms-writing-mode: lr-tb;
  writing-mode: horizontal-tb;
  background-color: #F9C923;
  text-align: center;
  color: #fff !important;
  text-decoration: none !important;
}
.favest i {
  display: inline-block;
  margin-bottom: 0.25em;
}

.sawest {
  position: fixed;
  top:420px;
  right: 0;
  z-index: 99;
  width: 44px;
  padding: 1em;
  line-height: 1.2;
  box-sizing: border-box;
  -webkit-writing-mode: horizontal-tb;
  -ms-writing-mode: lr-tb;
  writing-mode: horizontal-tb;
  background-color: #3676B2;
  text-align: center;
  color: #fff !important;
  text-decoration: none !important;
}
.sawest i {
  display: inline-block;
  margin-bottom: 0.25em;
}

@media screen and (max-width:1200px) {
  .favest {
    top:120px;
  }
  .sawest {
    top:330px;
  }
}
@media screen and (max-width:640px) {
  .favest,
  .sawest {
    display: none;
  }
}

.pagetop {
  position: fixed;
	bottom: 30px;
	right: 30px;
	z-index: 5;
}
.pagetop a {
	display: inline-block;
  color: #fff;
  text-decoration:  none;
  background-color: #a61941;
  height: 60px;
  width: 60px;
	border-radius: 30px;
	transition: 0.2s all;
}
.pagetop a:hover {
	cursor:pointer;
	background-color: #AD3759;
}
.pagetop a::before {
  content:  '';
  width: 20px;
  height: 20px;
  display:  block;
  border-top: solid 2px;
  border-right: solid 2px;
  transform: rotate(-45deg);
  position:  absolute;
  top: 10px;
  bottom:  0;
  left:  0;
  right:  0;
  margin:  auto;
	transition: 0.2s all;
}
.pagetop a:hover:before {
	top: 5px;
}

/*----------------------------------------------------------------------------
   Home
------------------------------------------------------------------------------*/

/* mainvisual */
#home #mainvisual {
	width: 100%;
  min-width: 1260px;
  background: url("../image/home/mv_bg.png") no-repeat top center #EBF4FD;
}
#home #mainvisual .inner {
  position: relative;
  height: 540px;
}
#home #mainvisual .msg01 {
  position: absolute;
  top: 123px;
  left: calc(50% - 268px);
  max-width: 535px;
}
#home #mainvisual .msg02 {
  position: absolute;
  top: 84px;
  left: 60px;
  max-width: 230px;
}
#home #mainvisual .photo {
  width: 1180px;
  overflow:hidden;
  position: absolute;
  left:50%;
  bottom: -94px;
  z-index: 2;
  transform:translateX(-50%);
  filter:drop-shadow(0 6px 6px rgba(50,50,60,0.1));
}
#home #mainvisual .photo .mv_photos__slider {
  width:200%;
  display:-webkit-flex;
  display:flex;
  -webkit-flex-flow:row nowrap;
  flex-flow:row nowrap;
}
#home #mainvisual .photo .mv_photos__slider .slide1 {
  animation:loop1 60s -30s linear infinite;
}
#home #mainvisual .photo .mv_photos__slider .slide2 {
  animation:loop2 60s linear infinite;
}
#home #mainvisual .photo .mv_photos__slider img {
  width:2758px;
}
@keyframes loop1 {
  0% {
    -webkit-transform:translateX(100%);
    -ms-transform:translateX(100%);
    transform:translateX(100%);
  }
  to {
    -webkit-transform:translateX(-100%);
    -ms-transform:translateX(-100%);
    transform:translateX(-100%);
  }
}
@keyframes loop2 {
  0% {
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(0);
  }
  to {
    -webkit-transform:translateX(-200%);
    -ms-transform:translateX(-200%);
    transform:translateX(-200%);
  }
}
@media screen and (max-width:640px) {  
  #home #mainvisual {
    min-width: 640px;
  }
  #home #mainvisual .inner {
    height: 400px;
  }
  #home #mainvisual .msg01 {
    position: absolute;
    top: 150px;
    left: calc(50% - 268px);
    max-width: 535px;
  }
  #home #mainvisual .msg02 {
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    max-width: 180px;
  }
  #home #mainvisual .photo {
    position: absolute;
    bottom: -80px;
    width: 600px;
  }
  #home #mainvisual .photo .mv_photos__slider img {
    width:1379px;
  }
}


/* top_np_src */
#home #top_np_src {
	margin-top: 180px;
	margin-bottom: 100px;
}
#home #top_np_src h2 {
  font-weight: 400;
  margin: 0;
  padding: 0;
}
#home #top_np_src h2 .courgette {
  font-size: 300.0%;
  margin-right: 20px;
}
#home #top_np_src .categorysrc {
  float: left;
  width: 650px;
}
#home #top_np_src .categorysrc ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style: none;
  overflow: hidden;
  margin: 40px 0 50px;
}
#home #top_np_src .categorysrc li {
  width: 305px;
  display: block;
  box-sizing: border-box;
  line-height: 1;
  border-top: 1px solid #ddd;
}
#home #top_np_src .categorysrc li:nth-child(7),
#home #top_np_src .categorysrc li:nth-child(8) {
  border-bottom: 1px solid #ddd;
}
#home #top_np_src .categorysrc li a {
  display: flex;
  justify-content: space-between;
  align-items:center;
  box-sizing: border-box;
  width: 100%;
  height: 75px;
  padding: 0 20px;
  color: inherit;
  text-decoration: none;
  text-align: left;
  transition: 0.2s all;
}
#home #top_np_src .categorysrc li a:hover {
  color: #F58080;
}
#home #top_np_src .categorysrc li a span {
  display: block;
}
#home #top_np_src .categorysrc li a span.ic {
  padding-right: 0.75em;
}
#home #top_np_src .categorysrc li:nth-child(1) a span.ic {
	width: 50px;
	height: 38px;
	background: url("../image/home/np_ic01.png") no-repeat center;
}
#home #top_np_src .categorysrc li:nth-child(2) a span.ic {
	width: 50px;
	height: 32px;
	background: url("../image/home/np_ic02.png") no-repeat center;
}
#home #top_np_src .categorysrc li:nth-child(3) a span.ic {
	width: 50px;
	height: 38px;
	background: url("../image/home/np_ic03.png") no-repeat center;
}
#home #top_np_src .categorysrc li:nth-child(4) a span.ic {
	width: 50px;
	height: 36px;
	background: url("../image/home/np_ic04.png") no-repeat center;
}
#home #top_np_src .categorysrc li:nth-child(5) a span.ic {
	width: 50px;
	height: 31px;
	background: url("../image/home/np_ic06.png") no-repeat center;
}
#home #top_np_src .categorysrc li:nth-child(6) a span.ic {
	width: 50px;
	height: 28px;
	background: url("../image/home/np_ic05.png") no-repeat center;
}
#home #top_np_src .categorysrc li:nth-child(7) a span.ic {
	width: 50px;
	height: 25px;
	background: url("../image/home/np_ic07.png") no-repeat center;
}
#home #top_np_src .categorysrc li:nth-child(8) a span.ic {
	width: 50px;
	height: 27px;
	background: url("../image/home/np_ic08.png") no-repeat center;
}
#home #top_np_src .categorysrc li a span.arrow {
  position: relative;
  width: 10px;
  height: 7px;
}
#home #top_np_src .categorysrc li a span.arrow::after {
  position: absolute;
  left: 0;
  display: block;
  content: "";
  width: 7px;
  height: 7px;
  border-top: 1px solid #F58080;
  border-right: 1px solid #F58080;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: 0.2s all;
}
#home #top_np_src .categorysrc li a:hover span.arrow::after {
  position: absolute;
  left: 3px;
}
#home #top_np_src .categorysrc .srcbtn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 56px;
  background-color: #F58080;
  border-radius: 4px;
  color: #fff;
  text-decoration: none;
}
#home #top_np_src .categorysrc .srcbtn span {
  display: block;
}
#home #top_np_src .categorysrc .srcbtn span.ic {
  width: 25px;
  height: 26px;
  background: url("../image/src_ic.png") no-repeat;
  margin-right: 20px;
}

#home #top_np_src .mapsrc {
  float: right;
  position: relative;
  width: 470px;
  height: 440px;
  margin-top: 14px;
  background: url("../image/home/np_areamap.png") no-repeat center;
}
#home #top_np_src .mapsrc ul {
  list-style: none;
}
#home #top_np_src .mapsrc ul li a {
  position: absolute;  
  padding: 0.25em 1em;
  font-size: 15px;
  color: #fff;
  background-color: #36B2AC;
  border-bottom: 3px solid #3F9B96;
  border-radius: 4px;
  transition: 0.2s all;
}
#home #top_np_src .mapsrc ul li:nth-child(1) a { top: 295px; left: 120px; }
#home #top_np_src .mapsrc ul li:nth-child(2) a { top: 185px; left: 133px; }
#home #top_np_src .mapsrc ul li:nth-child(3) a { top: 110px; left: 182px; }
#home #top_np_src .mapsrc ul li:nth-child(4) a { top: 167px; left: 335px; }
#home #top_np_src .mapsrc ul li:nth-child(5) a { top: 271px; left: 335px; }
#home #top_np_src .mapsrc ul li a:hover {  
  color: #fff;
  background: #F58080;
  border-bottom: 3px solid #EF6262;
}
#home #top_np_src .mapsrc ul li a:active {
  border-bottom: 1px solid #EF6262;
}
#home #top_np_src .mapsrc ul li:nth-child(1) a:active { top: 297px; left: 120px; }
#home #top_np_src .mapsrc ul li:nth-child(2) a:active { top: 187px; left: 133px; }
#home #top_np_src .mapsrc ul li:nth-child(3) a:active { top: 112px; left: 182px; }
#home #top_np_src .mapsrc ul li:nth-child(4) a:active { top: 169px; left: 335px; }
#home #top_np_src .mapsrc ul li:nth-child(5) a:active { top: 273px; left: 335px; }

@media screen and (max-width:640px) {
  #home #top_np_src {
    margin-top: 120px;
  }
  #home #top_np_src .categorysrc {
    float: none;
    width: 100%;
    margin-bottom: 80px;
  }
  #home #top_np_src .categorysrc li {
    width: calc(50% - 10px);
  }
  #home #top_np_src .categorysrc li .fsize-m {
    font-size: 87.5%;
  }
  #home #top_np_src .mapsrc {
    float: none;
    margin: 0 auto;
  }
  #home #top_np_src .mapsrc ul li a {
    font-size: 100%;
  }
  #home #top_np_src .mapsrc ul li:nth-child(1) a { top: 285px; left: 100px; }
  #home #top_np_src .mapsrc ul li:nth-child(2) a { top: 175px; left: 100px; }
  #home #top_np_src .mapsrc ul li:nth-child(3) a { top: 100px; left: 172px; }
  #home #top_np_src .mapsrc ul li:nth-child(4) a { top: 167px; left: 335px; }
  #home #top_np_src .mapsrc ul li:nth-child(5) a { top: 290px; left: 305px; }
  #home #top_np_src .mapsrc ul li:nth-child(1) a:active { top: 287px; left: 100px; }
  #home #top_np_src .mapsrc ul li:nth-child(2) a:active { top: 177px; left: 100px; }
  #home #top_np_src .mapsrc ul li:nth-child(3) a:active { top: 102px; left: 172px; }
  #home #top_np_src .mapsrc ul li:nth-child(4) a:active { top: 169px; left: 335px; }
  #home #top_np_src .mapsrc ul li:nth-child(5) a:active { top: 292px; left: 305px; }
}

/* message */
#home #message {
  height: 720px;
  background: url("../image/home/msg_bg.jpg") no-repeat center top #EBF4FD;
  text-align: center;
}
#home #message .inner {
  position: relative;
}
#home #message strong {
  display: block;
  color: #3A7AA5;
  font-size: 200.0%;
  font-weight: 700;
  line-height: 2;
  padding-top: 80px;
  margin-bottom: 40px;
}
#home #message .point {
  position: absolute;
  top: 50px;
  right: 100px;
  width: 211px;
  height: 108px;
  box-sizing: border-box;
  padding-top: 34px;
  background: url("../image/home/msg_point.png") no-repeat center;
  color: #3A7AA5;
}
#home #message p {
  line-height: 1.8;
}
@media screen and (max-width:640px) {
  #home #message strong {
    font-size: 150.0%;
    padding-top: 140px;
  }
  #home #message .point {
    top: 40px;
    right: 40px;
    line-height: 1.4;
  }
  #home #message p {
    font-size: 92.5%;
    line-height: 1.6;
  }
}


/* news */
#home #news {
  margin-top: -60px;
  margin-bottom: 100px;
}
#home #news .inner {
	display: flex;
	align-items:center;
  height: 330px;
  box-sizing: border-box;
  padding: 30px;
  background-color: #fff;
  box-shadow: 0px 0px 6px -4px rgba(50,50,60,0.6);
}
#home #news .titlebox {	
	width: 25%;
	text-align: center;
}
#home #news .titlebox h2 {
  font-size: 175.0%;
	font-weight: 700;
}
#home #news .titlebox h2 span {
  display: block;
  color: #FFA5A5;
	font-size: 60%;
	font-weight: 400;
}
#home #news .newslist {
	width: 75%;
	text-align-last: left;
}
#home #news .newslist li {
	border-bottom: 1px solid #ddd;
}
#home #news .newslist li a {
	display: flex;
	width: 100%;
	padding: 1em 2em;
	box-sizing: border-box;
	color: inherit;
  transition: 0.2s all;
}
#home #news .newslist li a:hover {
	text-decoration: none;
	color: #F58080;
}
#home #news .newslist li a .date {
	width: 8em;
}
#home #news .newslist li a .title {
	width: calc(100% - 8em);
}
@media screen and (max-width:640px) {  
  #home #news .inner {
    display: block;
    height: auto;
  }
  #home #news .titlebox {	
    width: 100%;
  }
  #home #news .newslist {
    width: 100%;
    text-align-last: left;
  }
  #home #news .newslist li a {
    padding: 1em;
  }
}


/* newestate */
#home #newestate {
  height: 796px;
  background: url("../image/home/newest_bg.jpg") no-repeat center top #DDF3F2;
}
#home #newestate h2 {
  font-weight: 400;
  font-size: 15px;
  margin: 0;
  padding: 80px 0 50px;
  text-align: center;
}
#home #newestate h2 .courgette {
  display: block;
  font-size: 300.0%;
}
#home #newestate .newest_list {
	display: block;
	position: relative;
  width: 1180px;
	overflow: visible;
}
#home #newestate .newest_list li {
	width: 384px !important;
	background-color: #fff;
	margin-right: 14px;
}
#home #newestate .newest_list a {
    display: block;
    height: 100%;
	transition: 0.2s all;
	color: inherit;
}
#home #newestate .newest_list .estimg {
	width: 100%;
	height: 280px;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	overflow: hidden;
}
#home #newestate .newest_list .estimg img {
	width: 100%;
	height: auto;
	min-height: 280px;
	object-fit: cover;
	position: absolute;
	z-index: 1;
	top:0;
	transition: 0.2s all;
}
#home #newestate .newest_list a:hover .estimg img {
	transform:scale(1.2,1.2);
}
#home #newestate .newest_list .estdesc {
	padding: 20px;
}
#home #newestate .newest_list .estdesc .cate {
	display: inline-block;
	color: #fff;
  font-size: 13px;
  background-color: #F8AC4C;
  box-sizing: border-box;
	padding: 0.15em 0.5em;
  margin-right: 0.5em;
}
#home #newestate .newest_list .estdesc .madori {
	display: inline-block;
	color: #36B2AC;
  font-size: 13px;
  border: 1px solid #36B2AC;
  box-sizing: border-box;
	padding: 0.15em 0.5em;
}
#home #newestate .newest_list .estdesc .bikou {
	line-height: 1.3;
  font-size: 18px;
	margin: 0.5em 0;
}
#home #newestate .newest_list .estdesc .ad {
	font-size: 15px;
	margin-bottom: 0.5em;
}
#home #newestate .newest_list .estdesc .price {
  color: #BF3F45;
  font-size: 26px;
  font-weight: 700;
	margin-bottom: 0;
}
#home #newestate .newest_list .estdesc .price span {
  font-size: 18px;
}

#home #newestate .bx-controls-direction {
  padding-top: -270px;
  margin-top: -270px;
}
#home #newestate .bx-controls-direction .bx-prev {
	float: left;
	position: relative; 
	text-decoration: none;
	text-indent: 200%;
	overflow: hidden;
	white-space: nowrap;
	width: 54px;
	height: 54px;
	background-color: #36B2AC;
  border-radius: 4px;
  left: -80px;
} 
#home #newestate .bx-controls-direction .bx-prev::after { 
	content: ''; 
	display: block; 
	width: 10px; /* 矢印の大きさの指定 */ 
	height: 10px; /* 矢印の大きさの指定 */ 
	border-top: 2px solid #fff; /* 矢印の太さの指定 */ 
	border-left: 2px solid #fff; /* 矢印の太さの指定 */ 
	transform: rotate(315deg); /* 矢印の角度の指定 */ 
	position: absolute; /* 矢印の位置の指定 */ 
	left: 24px; /* 矢印の位置の指定 */ 
	top: 22px; /* 矢印の位置の指定 */ 
	transition: 0.2s all;
} 
#home #newestate .bx-controls-direction .bx-prev:hover:after {
	left: 20px;
}
#home #newestate .bx-controls-direction .bx-next {
	float: right;
	position: relative; 
	text-decoration: none;
	text-indent: 200%;
	overflow: hidden;
	white-space: nowrap;
	width: 54px;
	height: 54px;
	background-color: #36B2AC;
  border-radius: 4px;
  right: -80px;
}
#home #newestate .bx-controls-direction .bx-next::after { 
	content: ''; 
	display: block; 
	width: 10px; /* 矢印の大きさの指定 */ 
	height: 10px; /* 矢印の大きさの指定 */
	border-top: 2px solid #fff; /* 矢印の太さの指定 */ 
	border-left: 2px solid #fff; /* 矢印の太さの指定 */ 
	transform: rotate(135deg); /* 矢印の角度の指定 */ 
	position: absolute; /* 矢印の位置の指定 */ 
	right: 24px; /* 矢印の位置の指定 */ 
	top: 22px; /* 矢印の位置の指定 */ 
	transition: 0.2s all;
} 
#home #newestate .bx-controls-direction .bx-next:hover:after {
	right: 20px;
}

@media screen and (max-width:640px) {
	#home #newestate h2 {
		font-size: 100%;
	}
	#home #newestate .newest_list li {
		width: 290px !important;
		margin-right: 20px;
	}
	#home #newestate .newest_list .estimg {
		height: 218px;
	}
  #home #newestate .bx-wrapper {
    position: relative;
  }
  #home #newestate .bx-controls-direction {
    position: absolute;
    top: 164px;
    width: 100%;
    padding-top: auto;
    margin-top: auto;
  }
  #home #newestate .bx-controls-direction .bx-prev {
    left: 0;
    opacity: 0.7;
  } 
  #home #newestate .bx-controls-direction .bx-next {
    right: 0;
    opacity: 0.7;
  }  
  #home #newestate .newest_list .estdesc .cate {
    font-size: 18px;
  }
  #home #newestate .newest_list .estdesc .madori {
    font-size: 18px;
  }
  #home #newestate .newest_list .estdesc .bikou {
    font-size: 24px;
  }
  #home #newestate .newest_list .estdesc .ad {
    font-size: 20px;
  }
  #home #newestate .newest_list .estdesc .price {
    font-size: 40px;
  }
  #home #newestate .newest_list .estdesc .price span {
    font-size: 22px;
  }
}


/* pickup */
#home #pickup {
	padding: 80px 0;
  background: #F9F6F0;
}

#home #pickup h2 {
  font-weight: 400;
  font-size: 15px;
  margin: 0 0 50px;
  padding: 0;
  text-align: center;
}
#home #pickup h2 .courgette {
  display: block;
  font-size: 300.0%;
}
#home #pickup h3 {
	padding: 0.75em 1em;
	margin: 0 0 30px;
  background: #36B2AC;
  box-sizing: border-box;
  color: #fff;
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
}

#home #pickup ul {
  width: 100%;
  overflow: hidden;
  margin-bottom: -11px;
}
#home #pickup li {
  float: left;
	width: 286px;
  margin-right: 11px;
  margin-bottom: 11px;
	background-color: #fff;
}
#home #pickup li:nth-child(4n) {
  margin-right: 0;
}
#home #pickup a {
    display: block;
    height: 100%;
	transition: 0.2s all;
	color: inherit;
}
#home #pickup .estimg {
	width: 100%;
	height: 200px;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	overflow: hidden;
}
#home #pickup .estimg img {
	width: 100%;
	height: auto;
	min-height: 200px;
	object-fit: cover;
	position: absolute;
	z-index: 1;
	top:0;
	transition: 0.2s all;
}
#home #pickup a:hover .estimg img {
	transform:scale(1.2,1.2);
}

#home #pickup .estdesc {
	padding: 20px;
}
#home #pickup .estdesc .cate {
	display: inline-block;
	color: #fff;
  font-size: 12px;
  background-color: #F8AC4C;
  box-sizing: border-box;
	padding: 0.15em 0.5em;
  margin-right: 0.5em;
}
#home #pickup .estdesc .madori {
	display: inline-block;
	color: #36B2AC;
  font-size: 12px;
  border: 1px solid #36B2AC;
  box-sizing: border-box;
	padding: 0.15em 0.5em;
}
#home #pickup .estdesc .bikou {
	line-height: 1.3;
	margin: 0.5em 0;
}
#home #pickup .estdesc .ad {
	font-size: 14px;
	margin-bottom: 0;
}
#home #pickup .estdesc .price {
  color: #BF3F45;
  font-size: 22px;
  font-weight: 700;
	margin-bottom: 0;
}
#home #pickup .estdesc .price span {
  font-size: 16px;
}

#home #pickup .hidearea {
	width: 100%;
	height: 120px;
	overflow: hidden;
	position: relative;
}
#home #pickup .hidearea::after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	content: "";
	width: 100%;
	height: 120px;
	background: -moz-linear-gradient(bottom, #fff, rgba(255, 255, 255, 0));
	background: -webkit-linear-gradient(bottom, #fff, rgba(255, 255, 255, 0));
	background: linear-gradient(to top, #fff, rgba(255, 255, 255, 0));
}

#home #pickup .hidearea .btn {
	position: absolute;
	left: calc(50% - 150px);
	top: calc(50% - 25px);
	z-index: 3;
	display: block;
	width: 300px;
	height: 50px;
	border-radius: 25px;
	background-color: #F58080;
	margin: 0 auto;
	color: #fff;
	text-align: center;
	line-height: 50px;
	transition: 0.2s all;
}
#home #pickup .hidearea .btn i {
	position: relative;
	top: -2px;
	display: inline-block;
	width: 14px;
	height: 14px;
	border-top: 2px solid #fff;
	border-left: 2px solid #fff;
	transform: rotate(225deg);
	margin-right: 1em;
} 
#home #pickup .hidearea .btn:hover {
	background-color: #F46D93;
}
#home #pickup .hidearea.active::after {
	display: none;
}

#home #pickup #np_ip_pick,
#home #pickup #pist_pick {
	margin-top: 60px;
}

@media screen and (max-width:640px) {
	#home #pickup h2 {
		font-size: 100%;
	}
  #home #pickup h3 {
    font-size: 125.0%;
  }
	#home #pickup ul {
		width: calc(100% + 20px);
		overflow: hidden;
    margin-bottom: -20px;
	}
	#home #pickup li {
		width: 290px;
		margin-right: 20px;
    margin-bottom: 20px;
	}
	#home #pickup .estimg {
		height: 218px;
	}
  #home #pickup .estdesc .cate {
    font-size: 18px;
  }
  #home #pickup .estdesc .madori {
    font-size: 18px;
  }
  #home #pickup .estdesc .bikou {
    font-size: 24px;
  }
  #home #pickup .estdesc .ad {
    font-size: 20px;
  }
  #home #pickup .estdesc .price {
    font-size: 40px;
  }
  #home #pickup .estdesc .price span {
    font-size: 22px;
  }
}

/* お役立ち情報 */
#home #link {
	text-align: center;
	padding: 80px 0;
}
#home #link h2 {
  font-weight: 400;
  font-size: 15px;
  margin: 0 0 50px;
  padding: 0;
  text-align: center;
}
#home #link h2 .courgette {
  display: block;
  font-size: 300.0%;
}

#home #link ul {
  width: 100%;
  margin-bottom: -20px;
}
#home #link li {
	float: left;
	width: 220px;
	margin-right: 20px;
	margin-bottom: 20px;
}
#home #link li:nth-child(5n) {
	margin-right: 0;
}
#home #link li a {
	display: block;
  width: 100%;
	height: 80px;
	border: 1px solid #ddd;
	border-radius: 4px;
	transition: 0.2s all;
}
#home #link li a img {
    width: 100%;
    height: auto;
    max-height: 80px;
}
#home #link li a:hover {
	border: 1px solid #F58080;
}

@media screen and (max-width:640px) {
	#home #link h2 {
		font-size: 100%;
	}
	#home #link li {
		width: calc(33.33% - 12px);
		margin-right: 18px !important;
		margin-bottom: 18px;		
	}
	#home #link li:nth-child(3n) {
		margin-right: 0 !important;
	}
	#home #link li a {
		width: 190px;
		height: 72px;
	}
}


/*----------------------------------------------------------------------------
   subpage-common
------------------------------------------------------------------------------*/

/* subvisual */
.subvisual {
	width: 100%;
	height: 200px;
  background: -moz-linear-gradient(left, #EAEBCD, #E99380);
  background: -webkit-linear-gradient(left, #EAEBCD, #E99380);
  background: linear-gradient(to right, #EAEBCD, #E99380);
}
.subvisual h1 {
  font-weight: 400;
  font-size: 1.25rem;
  padding: 30px 0;
  color: #5A3A31;
  text-align: center;
}
.subvisual h1 span {
  display: block;
  font-size: 300.0%;
}


/* subpage h2 */
.subpage h2 {
  font-weight: 400;
  margin: 0;
  padding: 0;
}
.subpage h2 .courgette {
  font-size: 300.0%;
  margin-right: 20px;
}
.subpage h2 .categorysrc {
  float: left;
  width: 650px;
}

/* breadcrumbs */
.breadcrumbs {
	padding: 1em 0;
	margin-bottom: 1.5em;
}
.breadcrumbs li {
	display: inline-block;
}
.breadcrumbs li::after {
	content: "/";
	padding: 0 0.5em;
}
.breadcrumbs li:last-child:after {
	content: "";
	padding: 0;
}


/* button */
.button a {
	display:inline-block;
	vertical-align:middle;
	padding: 1em 0;
	color:#FFF;
	text-decoration:none;
	background-color:#F58080;
  border-radius: 6px;
	transition:0.3s;
}
.button a:hover {
	background-color:#F8A9A9;
}

/* table */
@media screen and (max-width: 1030px) {
	/* horizontal scroll table mode - example 1030px */
	.table-content.nowrap {
		width:100%;
		overflow-y:hidden;
		overflow-x:scroll;
		margin-bottom:30px;
	}
	/* horizontal scroll table width */
	.table-content.nowrap table {
		width:1200px;
	}
}

.table-content table {
	width:100%;
	border-collapse:collapse;
	text-align:left;
	border:1px solid #d8d8d8;
}

.table-content th {
	text-align:left;
	background-color:#f4f4f4;
	/*width:28%;*/
	padding:13px;
	border-bottom:1px solid #d8d8d8;
	border-right:1px solid #d8d8d8;
	vertical-align:top;
	white-space:nowrap;
	box-sizing: border-box;
}

.table-content th .ic-required {
	float:right;
	margin-left:150px;
}

.table-content td {
	padding:10px;
	border-bottom:1px solid #d8d8d8;
	border-right:1px solid #d8d8d8;
	background-color:#ffffff;
	box-sizing: border-box;
}


/* gmap */
#gmap {
	position:relative;
}
#gmap iframe {
	width:100%;
	height:535px;
}



/*----------------------------------------------------------------------------
   estlist
------------------------------------------------------------------------------*/

/*
.estlist li {
  width: 285px !important;
	background-color: #fff;
	margin-right: 14px;
}
.estlist li a {
    display: block;
    color: inherit;
    background-color: #fff;
    transition: 0.3s all;
}
.estlist li a:hover {
    text-decoration: none;
    opacity: 0.8;
}
.estlist li .thum-primary {
    position: relative;
    width: 100%;
    height: 215px;
    overflow: hidden;
}
.estlist li .thum-primary img {
    width: 100%;
    height: auto;
    min-height: 215px;
    object-fit: cover;
}
.estlist li .shubetsumei {
    position: absolute;
    bottom: 0;
    left: 0;
    font-weight: 500;
    padding: 0.1em 0.75em;
}
.estlist li .detail {
    padding: 20px;
}
.estlist li .detail .movie {
	display: inline-block;
	color:#ffffff;
	font-weight:700;
	font-size: 87.5%;
	text-align:center;
	background:#FF0000;
	padding:0.25em 0.5em;
	margin: 0 0.5em 0.25em 0;
}
.estlist li .detail .theta {
	display: inline-block;
	color:#ffffff;
	font-weight:700;
	font-size: 87.5%;
	text-align:center;
	background:#36a85b;
	padding:0.25em 0.5em;
	margin: 0 0 0.25em 0;
}
.estlist li .detail .bukkenmei {
  display: block;
  font-size: 125.0%;
}
.estlist li .detail .price,
.estlist li .detail .madori {
    display: inline-block;
    font-size: 112.5%;
}
.estlist li .detail .price {
    margin-right: 0.75em;
}
.estlist li .detail .price span,
.estlist li .detail .madori span {
    display: inline-block;
	color: #fff;
    padding: 0.25em 0.3em 0.35em 0.35em;
    margin-right: 0.5em;
    border-radius: 50%;
    font-size: 80.0%;
    line-height: 1;
    text-align: center;
}
.estlist li .detail .price span {
    background-color: #DC3A3C;	
}
.estlist li .detail .madori span {
    background-color: #EC722B;	
}
.estlist li .detail .shozaichi {
    margin-top: 0.25em;
}

/* shubetsu-color */
/*
.estlist li .shubetsumei.np {
    background-color: #36B2AC;
    color: #fff;
}
.estlist li .shubetsumei.pd1 {
    background-color: #331a15;
    color: #fff;
}
.estlist li .shubetsumei.pd2 {
    background-color: #174a30;
    color: #fff;
}
*/

.estlist ul {
  width: 100%;
  overflow: hidden;
  margin-bottom: -11px;
}
.estlist li {
  float: left;
	width: 286px;
  margin-right: 11px;
  margin-bottom: 11px;
	background-color: #fff;
  border: 1px solid #eee;
  box-sizing: border-box;
}
.estlist li:nth-child(4n) {
  margin-right: 0;
}
.estlist a {
	transition: 0.2s all;
	color: inherit;
}
.estlist .estimg {
	width: 100%;
	height: 200px;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	overflow: hidden;
}
.estlist .estimg img {
	width: 100%;
	height: auto;
	min-height: 200px;
	object-fit: cover;
	position: absolute;
	z-index: 1;
	top:0;
	transition: 0.2s all;
}
.estlist a:hover .estimg img {
	transform:scale(1.2,1.2);
}

.estlist .estdesc {
	padding: 20px;
}
.estlist .estdesc .cate {
	display: inline-block;
	color: #fff;
  font-size: 12px;
  background-color: #F8AC4C;
  box-sizing: border-box;
	padding: 0.15em 0.5em;
  margin-right: 0.5em;
}
.estlist .estdesc .madori {
	display: inline-block;
	color: #36B2AC;
  font-size: 12px;
  border: 1px solid #36B2AC;
  box-sizing: border-box;
	padding: 0.15em 0.5em;
}
.estlist .estdesc .bikou {
	line-height: 1.3;
	margin: 0.5em 0;
}
.estlist .estdesc .ad {
	font-size: 14px;
	margin-bottom: 0;
}
.estlist .estdesc .price {
  color: #BF3F45;
  font-size: 22px;
  font-weight: 700;
	margin-bottom: 0;
}
.estlist .estdesc .price span {
  font-size: 16px;
}

/*----------------------------------------------------------------------------
   npist_db-src
------------------------------------------------------------------------------*/

#npist_db .search,
#npist_db .search_word {
	width: 100%;
	padding: 0 0 80px;
	background-color: #F9F6F0;
}

/* エリア検索 */
.areamap {
  min-width: 1180px;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  box-sizing: border-box;
  padding: 15px;
  margin-bottom: 30px;
  background-color: #fff;
  border: 1px solid #E3D9CC;
}

.areamap .mapimg {
  position: relative;
  width: 470px;
  height: 440px;
}
.areamap .mapimg ul {
  list-style: none;
}
.areamap .mapimg ul li {
  position: absolute;  
  padding: 0.25em 1em;
  font-size: 15px;
  color: #fff;
  background-color: #36B2AC;
  border-bottom: 3px solid #3F9B96;
  border-radius: 4px;
  transition: 0.2s all;
}
.areamap .mapimg ul li:nth-child(1) { top: 295px; left: 120px; }
.areamap .mapimg ul li:nth-child(2) { top: 185px; left: 133px; }
.areamap .mapimg ul li:nth-child(3) { top: 110px; left: 182px; }
.areamap .mapimg ul li:nth-child(4) { top: 167px; left: 335px; }
.areamap .mapimg ul li:nth-child(5) { top: 271px; left: 335px; }
.areamap .mapimg ul li:hover {  
  color: #fff;
  background: #F58080;
  border-bottom: 3px solid #EF6262;
  cursor: pointer;
}
.areamap .mapimg ul li:active {
  border-bottom: 1px solid #EF6262;
}
.areamap .mapimg ul li:nth-child(1):active { top: 297px; left: 120px; }
.areamap .mapimg ul li:nth-child(2):active { top: 187px; left: 133px; }
.areamap .mapimg ul li:nth-child(3):active { top: 112px; left: 182px; }
.areamap .mapimg ul li:nth-child(4):active { top: 169px; left: 335px; }
.areamap .mapimg ul li:nth-child(5):active { top: 273px; left: 335px; }

@media screen and (max-width:640px) {
  .areamap {
    min-width: auto;
    display: block;
  }
  .areamap .mapimg {
    margin: 0 auto;
  }
  #npist_db .areamap .mapimg {
    margin: 0 auto 15px;
  }
  .areamap .mapimg ul li {
    font-size: 100%;
  }
  .areamap .mapimg ul li:nth-child(1) { top: 285px; left: 100px; }
  .areamap .mapimg ul li:nth-child(2) { top: 175px; left: 100px; }
  .areamap .mapimg ul li:nth-child(3) { top: 100px; left: 172px; }
  .areamap .mapimg ul li:nth-child(4) { top: 167px; left: 335px; }
  .areamap .mapimg ul li:nth-child(5) { top: 290px; left: 305px; }
  .areamap .mapimg ul li:nth-child(1):active { top: 287px; left: 100px; }
  .areamap .mapimg ul li:nth-child(2):active { top: 177px; left: 100px; }
  .areamap .mapimg ul li:nth-child(3):active { top: 102px; left: 172px; }
  .areamap .mapimg ul li:nth-child(4):active { top: 169px; left: 335px; }
  .areamap .mapimg ul li:nth-child(5):active { top: 292px; left: 305px; }
}

.search-area {
  width: calc(100% - 500px);  
}
@media screen and (max-width:640px) {
  .search-area {
    width: 100%;  
  }
}

.areabtn {
  display: flex;
  flex-wrap:wrap;
	margin-bottom: -12px;
}
.areabtn li {
  width: calc(33.33% - 4px);
  display: block;
  box-sizing: border-box;
  background-color: #fff;
  position: relative;
  transition: 200ms;
  margin-bottom: 6px;
  margin-right: 6px;
}
.areabtn li:nth-child(3n) {
  margin-right: 0;
}
.areabtn li input[type=checkbox] {	
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  right: 0;
  bottom: 0;
  left: 0;
  height: 20px;
  width: 20px;
  vertical-align: -0.8rem;
  transition:all .15s ease-out 0s;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  margin: .5rem;
  outline: none;
  border-radius: 10%;
	border: 1px solid #aaa;
  background: #f6f6f6;
}
.areabtn li input[type=checkbox]:before,
.areabtn li input[type=checkbox]:after {
  position: absolute;
  content: "";
  background: #ccc;
}
.areabtn li input[type=checkbox]:before {
  left: 2px;
  top: 11px;
  width: 6px;
  height: 2px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
.areabtn li input[type=checkbox]:after {
  right: 5px;
  bottom: 1px;
  width: 2px;
  height: 14px;
  transform: rotate(40deg);
  -webkit-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  -o-transform: rotate(40deg);
}
.areabtn li input[type=checkbox]:checked,
.areabtn li input[type=checkbox]:indeterminate {
	background: #36B2AC;
	border: 1px solid #36B2AC;
}
.areabtn li input[type=checkbox]:checked:before {
  background: #fff;
  left: 2px;
  top: 11px;
  width: 6px;
  height: 2px;
}
.areabtn li input[type=checkbox]:checked:after {
  background: #fff;
  right: 5px;
  bottom: 1px;
  width: 2px;
  height: 14px;
}
.areabtn li input[type=checkbox]:indeterminate:before,
.areabtn li input[type=checkbox]:indeterminate:after {
  width: 7px;
  height: 2px;
  transform: rotate(0);
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
}
.areabtn li input[type=checkbox]:indeterminate:before {
  left: 1px;
  top: 7px;
}
.areabtn li input[type=checkbox]:indeterminate:after {
  right: 1px;
  bottom: 7px;
}
.areabtn li label {
  padding-left: 0.5em;
  height: 50px;
  line-height: 50px;
  width: 100%;
  box-sizing: border-box;
  display: block;
  text-align: left;
  cursor: pointer;
  position: relative;
  z-index: 2;
  overflow: hidden;
  transition: color 200ms ease-in;
	border: 1px solid #ccc;
}
.areabtn li label:hover {
	border: 1px solid #36B2AC;
}
.areabtn li label input:checked {
	color: #36B2AC;
	border: 1px solid #36B2AC;
}
@media screen and (max-width:640px) {
  .areabtn.option li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.areabtn li input[type=checkbox] {	
		vertical-align: -0.7rem;
	}
	.areabtn li label {
    height: 70px;
    line-height: 70px;
	}
}

.areasubmit button {
  display: block;
  width: 100%;
  height: 60px;
  margin-top: 30px;
  background-color: #36B2AC;
  border: none;
  color: #fff;
  font-size: 125.0%;
  font-weight: 700;
  transition: 0.3s;
}
.areasubmit button:hover {
  background-color: #199EDB;
}
.areasubmit button i {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("../image/icon/ic_src.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 1em;
}


/* 詳細入力 */
.detailsrc {
  display: none;
}
.plusBlock_on 	{ display:none; }
.plusBlock_off 	{ display:block; }
.search-area table,
.detailsrc table {
	width:100%;
	border: 1px solid #E3D9CC;
	border-collapse: collapse;
	margin: 30px auto;
}
.search-area table th,
.detailsrc table th {
	border: 1px solid #E3D9CC;
	background:#DDF3F2;
	padding: 0.5em 1em;
	min-width: 100px;
}
.search-area table td,
.detailsrc table td {
	border: 1px solid #E3D9CC;
	background:#E2F6FF;
	background:#fff;
	padding: 0.5em;
	box-sizing: border-box;
}

.search-area table td input[type=text],
.search-area table td select,
.detailsrc table td input[type=text],
.detailsrc table td select {
	padding: 0.25em 0.5em;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
.search-area table td input[type=text],
.detailsrc table td input[type=text] {
	width: 100%;
}
.search-area table td select,
.detailsrc table td select {
	margin-right: 0.25em;
}
.no-spin::-webkit-inner-spin-button,
.no-spin::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
    -moz-appearance:textfield !important;
}
@media screen and (max-width:640px) {
  .search-area table th,
	.detailsrc table th {
		min-width: 80px;
    vertical-align: top;
	}
}

.search-area .chkboxlist,
.detailsrc .chkboxlist {
  display: flex;
  flex-wrap:wrap;
  justify-content:flex-start;
  margin-bottom: -12px;
}
.search-area .chkboxlist li {
  width: calc(50% - 9px);
  margin-right: 12px;
  display: block;
  box-sizing: border-box;
  background-color: #fff;
  position: relative;
  transition: 200ms;
  margin-bottom: 12px;
}
.detailsrc .chkboxlist li {
  width: calc(25% - 9px);
  margin-right: 12px;
  display: block;
  box-sizing: border-box;
  background-color: #fff;
  position: relative;
  transition: 200ms;
  margin-bottom: 12px;
}
.search-area .chkboxlist li:nth-child(even) {
	margin-right: 0px;
}
.detailsrc .chkboxlist li:nth-child(4n) {
	margin-right: 0px;
}
.search-area .chkboxlist.maker li,
.detailsrc .chkboxlist.maker li {
    width: calc(33.33% - 8px);
}
.search-area .chkboxlist.maker li:nth-child(3n),
.detailsrc .chkboxlist.maker li:nth-child(3n) {
	margin-right: 0px;
}
@media screen and (max-width:640px) {
  .search-area .chkboxlist li,
  .detailsrc .chkboxlist li {
   	width: calc(50% - 9px);
	}
	.search-area .chkboxlist li:nth-child(even),
	.detailsrc .chkboxlist li:nth-child(even) {
		margin-right: 0px;
	}
	.search-area .chkboxlist li .changefsize,
	.detailsrc .chkboxlist li .changefsize {
		font-size: 82.5%;
	}
  .search-area .chkboxlist.option li,
  .detailsrc .chkboxlist.option li {
		font-size: 75.0%;    
	}
}

.search-area .chkboxlist li input[type=checkbox],
.detailsrc .chkboxlist li input[type=checkbox] {	
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  right: 0;
  bottom: 0;
  left: 0;
  height: 20px;
  width: 20px;
  vertical-align: -0.8rem;
  transition:all .15s ease-out 0s;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  margin: .5rem;
  outline: none;
  border-radius: 10%;
	border: 1px solid #aaa;
  background: #f6f6f6;
}
.search-area .chkboxlist li input[type=checkbox]:before,
.search-area .chkboxlist li input[type=checkbox]:after,
.detailsrc .chkboxlist li input[type=checkbox]:before,
.detailsrc .chkboxlist li input[type=checkbox]:after {
  position: absolute;
  content: "";
  background: #ccc;
}
.search-area .chkboxlist li input[type=checkbox]:before,
.detailsrc .chkboxlist li input[type=checkbox]:before {
  left: 2px;
  top: 11px;
  width: 6px;
  height: 2px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
}
.search-area .chkboxlist li input[type=checkbox]:after,
.detailsrc .chkboxlist li input[type=checkbox]:after {
  right: 5px;
  bottom: 1px;
  width: 2px;
  height: 14px;
  transform: rotate(40deg);
  -webkit-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  -o-transform: rotate(40deg);
}
.search-area .chkboxlist li input[type=checkbox]:checked,
.search-area .chkboxlist li input[type=checkbox]:indeterminate,
.detailsrc .chkboxlist li input[type=checkbox]:checked,
.detailsrc .chkboxlist li input[type=checkbox]:indeterminate {
	background: #36B2AC;
	border: 1px solid #36B2AC;
}
.search-area .chkboxlist li input[type=checkbox]:checked:before,
.detailsrc .chkboxlist li input[type=checkbox]:checked:before {
  background: #fff;
  left: 2px;
  top: 11px;
  width: 6px;
  height: 2px;
}
.search-area .chkboxlist li input[type=checkbox]:checked:after,
.detailsrc .chkboxlist li input[type=checkbox]:checked:after {
  background: #fff;
  right: 5px;
  bottom: 1px;
  width: 2px;
  height: 14px;
}
.search-area .chkboxlist li input[type=checkbox]:indeterminate:before,
.search-area .chkboxlist input[type=checkbox]:indeterminate:after,
.detailsrc .chkboxlist li input[type=checkbox]:indeterminate:before,
.detailsrc .chkboxlist input[type=checkbox]:indeterminate:after {
  width: 7px;
  height: 2px;
  transform: rotate(0);
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
}
.search-area .chkboxlist li input[type=checkbox]:indeterminate:before,
.detailsrc .chkboxlist li input[type=checkbox]:indeterminate:before {
  left: 1px;
  top: 7px;
}
.search-area .chkboxlist li input[type=checkbox]:indeterminate:after,
.detailsrc .chkboxlist li input[type=checkbox]:indeterminate:after {
  right: 1px;
  bottom: 7px;
}
.search-area .chkboxlist li label,
.detailsrc .chkboxlist li label {
  padding-left: 0.5em;
  height: 40px;
  line-height: 36px;
  width: 100%;
  box-sizing: border-box;
  display: block;
  text-align: left;
  cursor: pointer;
  position: relative;
  z-index: 2;
  overflow: hidden;
  transition: color 200ms ease-in;
	border: 1px solid #ccc;
}
.search-area .chkboxlist li label:hover,
.detailsrc .chkboxlist li label:hover {
	border: 1px solid #36B2AC;
}
.search-area .chkboxlist li label input:checked,
.detailsrc .chkboxlist li label input:checked {
	color: #36B2AC;
	border: 1px solid #36B2AC;
}
@media screen and (max-width:640px) {
	.search-area .chkboxlist li input[type=checkbox],
	.detailsrc .chkboxlist li input[type=checkbox] {	
		vertical-align: -0.7rem;
	}
	.search-area .chkboxlist li label,
	.detailsrc .chkboxlist li label {
    height: 70px;
    line-height: 70px;
	}
}

/* srcsubmit */
.srcbtn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;  
}

.srcbtn button {
  width: calc(33.33% - 15px);
  height: 60px;
  color: #fff;
  font-size: 125.0%;
  transition: 0.3s;
  box-sizing: border-box;
  border: none;
  border-radius: 4px;
}

.srcbtn .plusButton {
  background-color: #80cdf5;
}
.srcbtn .plusButton i {
  margin-right: 1em;
}
.srcbtn .inpclear {
  background-color: #888888;
}
.srcbtn .inpclear:hover {
  background-color: #aaaaaa;
}

@media screen and (max-width:640px) {
  .srcbtn {
    flex-wrap: wrap;
  }
	.srcbtn button {
    font-size: 100.0%;
    width: calc(50% - 12px);
    height: 80px;
	}
  .srcbtn .plusButton {
    width: 100%;
    margin-bottom: 24px;
  }
}
.srcbtn .srcsubmit {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #F58080;
}
.srcbtn .srcsubmit:hover {
  background-color: #F8B0B0;
}
.srcbtn .srcsubmit span {
  display: block;
}
.srcbtn .srcsubmit span.ic {
  width: 25px;
  height: 26px;
  background: url("../image/src_ic.png") no-repeat;
  margin-right: 20px;
}

/* 検索ワード表示 */
.search_word .box {
	width: 100%;
	margin: 40px auto 0;
	background-color: #fff;
	box-sizing: border-box;
	padding: 1.5em 2em 0.5em;
	border-radius: 10px;
}
.search_word .box h3 {
	font-size: 1.5rem;
	margin: 0 0 0.5em;
	color: #36B2AC;
}
.search_word .box dl {
	width: 100%;
	overflow: hidden;
}
.search_word .box dt {	
	clear: left;
	float: left;
	font-weight: 700;
	width: 6em;
	margin-bottom: 0.5em;
	margin-right: 1em;
}
.search_word .box dd {
	float: left;
	width: calc(100% - 7em);
	margin: 0 0 0.5em;
}

/* research_btn */
.research_btn {
	display:block;
	width:100%;
	max-width: 380px;
	padding:15px;
	margin:40px auto 0;
	color:#fff !important;
	font-size:20px;
	text-align: center;
	text-decoration:none;
	border-radius:3px;
	background-color:#666666;
	box-sizing: border-box;
	-moz-transition:background-color ease-in-out  0.15s;
	-o-transition:background-color ease-in-out  0.15s;
	-webkit-transition:background-color ease-in-out  0.15s;
	transition:background-color ease-in-out  0.15s;
}
.research_btn:hover {
  background-color:#888888;
	text-decoration:none;
}
.research_btn:disabled,
.research_btn:disabled:hover {
  background-color:#888888;
	text-decoration:none;
}


/*----------------------------------------------------------------------------
   npist_list
------------------------------------------------------------------------------*/
#npist_db .list {
	padding: 60px 0;
}
#npist_db .list .count {
	float:left;
	text-align:left;
	margin:1em 0;
}
#npist_db .list .sort {
	float:right;
	margin:1em 0;
}
#npist_db .list .npist_box {
	display:block;
	text-decoration:none;
	box-sizing:border-box;
	border:solid 1px #E3D9CC;
	padding:1em;
	margin-bottom:2em;
}

#npist_db .list .npist_box .photo {
	position:relative;
	float:left;
	width:calc(25% - 10px);
	margin-right: 20px;
	margin-bottom: 1em;
	text-align:center;
}
#npist_db .list .npist_box .photo img {
    width: 100%;
    height: auto;
	object-fit: contain;
	object-position: center;
	max-height: 280px;
}
#npist_db .list .npist_box .photo .stamp {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:200px !important;
	height:63px !important;
	margin:auto;
}
@media screen and (max-width:640px) {
	#npist_db .list .npist_box .photo {
		float:none;
		width:100%;
		margin-right: 0;
	}
}
#npist_db .list .npist_box .detail {
	float:left;
	width:calc(75% - 10px);  
}
@media screen and (max-width:640px) {
  #npist_db .list .npist_box .detail {
    float:none;
    width:100%;  
  }
}

#npist_db .list .npist_box .detail .bukkenmei {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 0 1em;
  padding: 0 0 0.5em;
  line-height: 1;
  border-bottom: 1px solid #ccc;
}

#npist_db .list .npist_box .detail .bukkenmei .type {
	display: inline-block;
	color:#ffffff;
	font-size: 87.5%;
	font-weight:700;
	text-align:center;
	background:#F8AC4C;
	padding:0.5em 0.5em;
	margin: 0 0.5em 0 0;
}

#npist_db .list .npist_box .detail .bukkenmei h3 {
	font-size: 125.0%;
	font-weight:700;
  margin: 0;
  padding: 0;
}

#npist_db .list .npist_box .pist_inner {
	text-align:left;
	margin: 0 0 1em;
	overflow: hidden;
}
#npist_db .list .npist_box .pist_inner dt {
	clear: left;
	float: left;
	width: 3.5em;
	font-weight: 700;
}
#npist_db .list .npist_box .pist_inner dd {
	float: left;
	width: calc(100% - 5em);
	margin: 0;
	padding-left: 1em;
}
#npist_db .list .npist_box .pist_inner dd::before {
	content: "：";
	margin-left: -1em;
}
#npist_db .list .npist_box .pist_inner .shozai {
	font-weight:700;
	font-size: 110%;
	margin-bottom: 0.25em;
}
@media screen and (max-width:640px) {
	#npist_db .list .npist_box .pist_inner {
		float:none;
		width:100%;
	}
}
#npist_db .list .npist_box .line_head table {
	width:100%;
	box-sizing:border-box;
    border-collapse:collapse;
    border-spacing:0;
}
#npist_db .list .npist_box .line_head table th {
	text-align:center;
	vertical-align:middle;
	box-sizing:border-box;
	background:#F9F6F0;
	border:solid 1px #E3D9CC;
	padding:0.5em;
	empty-cells:show;
}
#npist_db .list .npist_box .line_head table th:nth-of-type(6) {
	padding:0 !important;
}
#npist_db .list .npist_box .line_cover a {
	position:relative;
	display:block;
	text-decoration:none;
	color: inherit;
}
#npist_db .list .npist_box .line_cover a:hover {
	color:#F58080;
	background:#FDFCFB;
}
#npist_db .list .npist_box .line_cover table {
	width:100%;
	box-sizing:border-box;
	background:transparent !important;
  border-collapse:collapse;
  border-spacing:0;
}
#npist_db .list .npist_box .line_cover table td {
	text-align:center;
	vertical-align:middle;
	box-sizing:border-box;
	background:transparent !important;
	border-left:solid 1px #E3D9CC;
	border-right:solid 1px #E3D9CC;
	border-bottom:solid 1px #E3D9CC;
	padding:0.5em;
	empty-cells:show;
}
@media screen and (max-width:640px) {
	#npist_db .list .npist_box .line_cover table td {
		font-size: 85.0%;
	}
}
#npist_db .list .npist_box .line_cover table td:nth-of-type(6) {
	padding:0 !important;
}
#npist_db .list .npist_box .line_cover table td .detail_button {
	position:absolute;
	top:0;
	right:0;
	width:3%;
	height:100%;
	box-sizing:border-box;
	border-right:solid 1px #E3D9CC;
	border-bottom:solid 1px #E3D9CC;
}
#npist_db .list .npist_box .line_cover table td.madori {
	color: #36B2AC;
}
#npist_db .list .npist_box .line_cover table td.kakaku {
	color: #BF3F45;
}
#npist_db .list .npist_box .line_cover .otherdesc {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
	box-sizing:border-box;
	background:#ffffff;
	border-top:dotted 1px #E3D9CC;
	border-right:solid 1px #E3D9CC;
	border-bottom:solid 1px #E3D9CC;
	border-left:solid 1px #E3D9CC;
	margin:-1px 0 0 0;
	padding:0.5em;
}
#npist_db .list .npist_box .line_cover .otherdesc .txtbox {
  width: calc(100% - 230px);
}
#npist_db .list .npist_box .line_cover .stamp {
	display: inline-block;
	text-align:center;
  font-weight: 500;
	padding:0.25em 0.5em;
	margin: 0 0.5em 0.25em 0;
  box-sizing: border-box;
}
#npist_db .list .npist_box .line_cover .stamp01 {
	color:#ff9327;
	background:#FFF8F1;
	border:solid 1px #ff9327;
}
#npist_db .list .npist_box .line_cover .stamp02 {
	color:#ff4d4d;
	background:#FFEFEF;
	border:solid 1px #ff4d4d;
}
#npist_db .list .npist_box .line_cover .stamp03 {
	color:#01a3d9;
	background:#EFFAFE;
	border:solid 1px #01a3d9;
}
#npist_db .list .npist_box .line_cover .stamp04 {
	color:#92bb1f;
	background:#F6FBE8;
	border:solid 1px #92bb1f;
}
#npist_db .list .npist_box .line_cover .otherdesc .movie {
	display: inline-block;
	color:#ffffff;
	text-align:center;
	background:#FF0000;
	padding:0.25em 0.5em;
	margin: 0 0.5em 0.25em 0;
}
#npist_db .list .npist_box .line_cover .otherdesc .theta {
	display: inline-block;
	color:#ffffff;
	text-align:center;
	background:#36a85b;
	padding:0.25em 0.5em;
	margin: 0 0.5em 0.25em 0;
}
#npist_db .list .npist_box .line_cover .otherdesc .comment {
	margin:0;
}
#npist_db .list .npist_box .line_cover .otherdesc .btn {
  width: 200px;
  height: 40px;
  line-height: 40px;
  color: #fff;
  transition: 0.3s;
  box-sizing: border-box;
  border: none;
  border-radius: 4px;
  background-color: #F58080;
  margin-left: 30px;
  text-align: center;
}
#npist_db .list .npist_box .line_cover .otherdesc .btn:hover {
  background-color: #F8B0B0;
}
#npist_db .list .npist_box .line_cover a:hover .otherdesc {
	background:#FDFCFB;
}
@media screen and (max-width:640px) {
  #npist_db .list .npist_box .line_cover .otherdesc {
    display: block;
    overflow: hidden;
  }
  #npist_db .list .npist_box .line_cover .otherdesc .txtbox {
    width: 100%;
  }
  #npist_db .list .npist_box .line_cover .otherdesc .btn {
    float: right;
    margin-top: 0.25em;
    margin-left: auto;
  }
}

/* fav_list,see_list */
#npist_db .favlist,
#npist_db .seelist {
	padding: 60px 0;
}
#npist_db .favlist .estlist,
#npist_db .seelist .estlist {
	display: flex;
	justify-content:flex-start;
	flex-wrap: wrap;
	margin:0 auto -20px;
}
#npist_db .favlist .estlist li,
#npist_db .seelist .estlist li {
	margin-bottom: 20px;
}
#npist_db .favlist .estlist li:nth-child(4n),
#npist_db .seelist .estlist li:nth-child(4n) {
	margin-right: 0;
}
#npist_db .favlist .estlist li a,
#npist_db .seelist .estlist li a {
	box-shadow: 0px 0px 16px -6px rgba(0,0,0,0.4);
}
#npist_db .favlist .favdel,
#npist_db .seelist .seedel {
	text-align: center;
	margin-top: 40px;
}
@media screen and (max-width:1300px) {
	#npist_db .favlist .estlist,
	#npist_db .seelist .estlist {
		width: 895px;
	}	
	#npist_db .favlist .estlist li:nth-child(4n),
	#npist_db .seelist .estlist li:nth-child(4n) {
		margin-right: 20px;
	}
	#npist_db .favlist .estlist li:nth-child(3n),
	#npist_db .seelist .estlist li:nth-child(3n) {
		margin-right: 0;
	}
}
@media screen and (max-width:1000px) {
	#npist_db .favlist .estlist,
	#npist_db .seelist .estlist {
		width: 560px;
	}	
	#npist_db .favlist .estlist li,
	#npist_db .seelist .estlist li {
		width:270px !important;
	}
	#npist_db .favlist .estlist li:nth-child(3n),
	#npist_db .seelist .estlist li:nth-child(3n) {
		margin-right: 20px;
	}
	#npist_db .favlist .estlist li:nth-child(even),
	#npist_db .seelist .estlist li:nth-child(even) {
		margin-right: 0;
	}
}


/*----------------------------------------------------------------------------
   pist_list
------------------------------------------------------------------------------*/
#pist_db .list {
	padding: 0 0 60px;
}
#pist_db .list .count {
	float:left;
	text-align:left;
	margin:1em 0;
}
#pist_db .list .listbox {
	display:block;
	text-decoration:none;
	box-sizing:border-box;
	margin-bottom:2em;
}
#pist_db .list .listbox a {
	color: inherit;
	display: block;
	width: 100%;
	padding:1em;
	border: 1px solid #E3D9CC;
	box-sizing:border-box;
	transition: 0.3s all;
}
#pist_db .list .listbox a:hover {
	border: 1px solid #F58080;
	background-color: #FDFCFB;
	text-decoration: none;
}
#pist_db .list .listbox .comment {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 0 0 1.5em;
  padding: 0 0 0.5em;
  line-height: 1;
  border-bottom: 1px solid #ccc;
}

#pist_db .list .listbox .comment .shubetu {
  display: inline-block;
  color: #ffffff;
  font-size: 87.5%;
  font-weight: 700;
  text-align: center;
  padding: 0.5em 0.5em;
  margin: 0 0.5em 0 0;
}
#pist_db .list .listbox .comment .shubetu-1 { background: #F5C43B; }
#pist_db .list .listbox .comment .shubetu-2 { background: #6894C8; }
#pist_db .list .listbox .comment .movie {
	display: inline-block;
	color:#ffffff;
  font-size: 87.5%;
  font-weight: 700;
	text-align:center;
	background:#FF0000;
  padding: 0.5em 0.5em;
  margin: 0 0.5em 0 0;
}
#pist_db .list .listbox .comment .theta {
	display: inline-block;
	color:#ffffff;
  font-size: 87.5%;
	text-align:center;
  font-weight: 700;
	background:#36a85b;
  padding: 0.5em 0.5em;
  margin: 0 0.5em 0 0;
}
#pist_db .list .listbox .comment h3 {
  display: inline-block;
	font-size: 125.0%;
	font-weight:700;
  margin: 0;
  padding: 0;
}

#pist_db .list .listbox .photo {
	position:relative;
	float:left;
	width:calc(25% - 10px);
	margin-right: 20px;
	margin-bottom: 1em;
	text-align:center;
}
#pist_db .list .listbox .photo img {
    width: 100%;
    height: auto;
	object-fit: cover;
	object-position: center;
}
#pist_db .list .listbox .photo .stamp {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:200px !important;
	height:63px !important;
	margin:auto;
}
@media screen and (max-width:640px) {
	#pist_db .list .listbox .photo {
		float:none;
		width:100%;
		margin-right: 0;
	}
}
#pist_db .list .listbox .pist_inner {
	float:left;
	width:calc(75% - 10px);
	text-align:left;
	margin: 0 0 1em;
	overflow: hidden;
}
#pist_db .list .listbox .pist_inner .price {
  display: inline-block;
  color: #BF3F45;
  font-weight:700;
  font-size: 175.0%;	
  margin-bottom: 0.25em;
  margin-right: 1em;
}
#pist_db .list .listbox .pist_inner .price .ic {
	color: #fff;
	font-weight: 500;
  display: inline-block;
  padding: 0.25em 0.3em 0.35em 0.35em;
  background-color: #BF3F45;
  margin-right: 0.5em;
  border-radius: 10px;
  font-size: 80.0%;
  line-height: 1;
  text-align: center;
}
#pist_db .list .listbox .pist_inner .space {
  display: inline-block;
  color: #36B2AC;
  font-weight:700;
  font-size: 175.0%;	
  margin-bottom: 0.25em;
}
#pist_db .list .listbox .pist_inner .space .ic {
  color: #fff;
  font-weight: 500;
  display: inline-block;
  padding: 0.25em 0.3em 0.35em 0.35em;
  background-color: #36B2AC;
  margin-right: 0.5em;
  border-radius: 10px;
  font-size: 80.0%;
  line-height: 1;
  text-align: center;
}
#pist_db .list .listbox .pist_inner .shozai {
	font-weight:700;
	font-size: 110.0%;
	margin-bottom: 0.25em;
}
#pist_db .list .listbox .pist_inner .other {
	width:100%;
	box-sizing:border-box;
	border:1px solid #E3D9CC;
	border-collapse: collapse;
	margin-top: 1em;
}
#pist_db .list .listbox .pist_inner .other th,
#pist_db .list .listbox .pist_inner .other td {
	width:25%;
	border:1px solid #E3D9CC;
	text-align:center;
	font-weight:normal;
	box-sizing:border-box;
	padding:0.5em;
}
#pist_db .list .listbox .pist_inner .other th {
	background-color: #F9F6F0;
	font-weight: 700;
}
#pist_db .list .listbox .pist_inner .other td {
	background-color: #ffffff;
}

@media screen and (max-width:640px) {
	#pist_db .list .listbox .pist_inner {
		float:none;
		width:100%;
	}
	#pist_db .list .listbox .pist_inner .other td {
		font-size: 82.5%;
	}
}

/*
#pist_db1 .list,
#pist_db2 .list {
	padding: 0 0 60px;
}
#pist_db1 .list .count,
#pist_db2 .list .count {
	float:left;
	text-align:left;
	margin:1em 0;
}
#pist_db1 .list .listbox,
#pist_db2 .list .listbox {
	display:block;
	text-decoration:none;
	box-sizing:border-box;
	margin-bottom:2em;
}
#pist_db1 .list .listbox a,
#pist_db2 .list .listbox a {
	color: inherit;
	display: block;
	width: 100%;
	padding:1em;
	border: 1px solid #ccc;
	box-sizing:border-box;
	transition: 0.3s all;
}
#pist_db1 .list .listbox a:hover,
#pist_db2 .list .listbox a:hover {
	border: 1px solid #36B2AC;
	background-color: #f0f5f7;
	text-decoration: none;
}

#pist_db2 .list .listbox .comment .movie {
	display: inline-block;
	color:#ffffff;
    font-size: 87.5%;
	font-weight:700;
	text-align:center;
	background:#FF0000;
	padding:0.25em 0.5em;
    margin: 0;
}
#pist_db2 .list .listbox .comment .theta {
	display: inline-block;
	color:#ffffff;
    font-size: 87.5%;
	font-weight:700;
	text-align:center;
	background:#36a85b;
	padding:0.25em 0.5em;
    margin: 0;
}
#pist_db1 .list .listbox .comment h3,
#pist_db2 .list .listbox .comment h3 {
	font-size: 125.0%;
	font-weight:700;
	margin: 0.25em 0 1em;
	padding-bottom: 0.5em;
  border-bottom: 1px solid #36B2AC;
}

#pist_db1 .list .listbox .photo,
#pist_db2 .list .listbox .photo {
	position:relative;
	float:left;
	width:calc(25% - 10px);
	margin-right: 20px;
	margin-bottom: 1em;
	text-align:center;
}
#pist_db1 .list .listbox .photo img,
#pist_db2 .list .listbox .photo img {
	object-fit: cover;
	object-position: center;
}
#pist_db1 .list .listbox .photo .stamp,
#pist_db2 .list .listbox .photo .stamp {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:200px !important;
	height:63px !important;
	margin:auto;
}
@media screen and (max-width:640px) {
	#pist_db1 .list .listbox .photo,
	#pist_db2 .list .listbox .photo {
		float:none;
		width:100%;
		margin-right: 0;
	}
}
#pist_db1 .list .listbox .pist_inner,
#pist_db2 .list .listbox .pist_inner {
	float:left;
	width:calc(75% - 10px);
	text-align:left;
	margin: 0 0 1em;
	overflow: hidden;
}
#pist_db1 .list .listbox .pist_inner .price,
#pist_db2 .list .listbox .pist_inner .price {
	display: inline-block;
    color: #DC3A3C;
	font-weight:700;
	font-size: 175.0%;	
	margin-bottom: 0.25em;
	margin-right: 1em;
}
#pist_db1 .list .listbox .pist_inner .price .ic,
#pist_db2 .list .listbox .pist_inner .price .ic {
	color: #fff;
	font-weight: 500;
    display: inline-block;
    padding: 0.25em 0.3em 0.35em 0.35em;
    background-color: #DC3A3C;
    margin-right: 0.5em;
    border-radius: 10px;
    font-size: 80.0%;
    line-height: 1;
    text-align: center;
}
#pist_db1 .list .listbox .pist_inner .space,
#pist_db2 .list .listbox .pist_inner .space {
	display: inline-block;
    color: #EC722B;
	font-weight:700;
	font-size: 175.0%;	
	margin-bottom: 0.25em;
}
#pist_db1 .list .listbox .pist_inner .space .ic,
#pist_db2 .list .listbox .pist_inner .space .ic {
	color: #fff;
	font-weight: 500;
    display: inline-block;
    padding: 0.25em 0.3em 0.35em 0.35em;
    background-color: #EC722B;
    margin-right: 0.5em;
    border-radius: 10px;
    font-size: 80.0%;
    line-height: 1;
    text-align: center;
}
#pist_db1 .list .listbox .pist_inner .shozai,
#pist_db2 .list .listbox .pist_inner .shozai {
	font-weight:700;
	font-size: 110.0%;
	margin-bottom: 0.25em;
}
#pist_db1 .list .listbox .pist_inner .other,
#pist_db2 .list .listbox .pist_inner .other {
	width:100%;
	box-sizing:border-box;
	border:1px solid #ccc;
	border-collapse: collapse;
	margin-top: 1em;
}
#pist_db1 .list .listbox .pist_inner .other th,
#pist_db1 .list .listbox .pist_inner .other td,
#pist_db2 .list .listbox .pist_inner .other th,
#pist_db2 .list .listbox .pist_inner .other td {
	width:25%;
	border:1px solid #ccc;
	text-align:center;
	font-weight:normal;
	box-sizing:border-box;
	padding:0.5em;
}
#pist_db1 .list .listbox .pist_inner .other th,
#pist_db2 .list .listbox .pist_inner .other th {
	background-color: #efefef;
	font-weight: 700;
}
#pist_db1 .list .listbox .pist_inner .other td,
#pist_db2 .list .listbox .pist_inner .other td {
	background-color: #ffffff;
}

@media screen and (max-width:640px) {
	#pist_db1 .list .listbox .pist_inner,
	#pist_db2 .list .listbox .pist_inner {
		float:none;
		width:100%;
	}
	#pist_db1 .list .listbox .pist_inner .other td,
	#pist_db2 .list .listbox .pist_inner .other td {
		font-size: 82.5%;
	}
}
*/


/*----------------------------------------------------------------------------
   estdetail
------------------------------------------------------------------------------*/
.estdetail {
	padding-bottom:50px;
}

/* introduce */
.estdetail .introduce { 	
}

.estdetail .introduce .shubetsu {
	font-weight:700;
	display:inline-block;
	line-height:1;
	color: #fff;
	background-color: #F8AC4C;
	padding: 0.5em;
	margin-bottom: 0.5em;
}

.estdetail .introduce .updata {
  float:right;
	background-color:#efefef;
	line-height:1;
	display:inline-block;
	padding: 0.5em;
	margin-bottom: 0.5em;
}

.estdetail .introduce h1 { 	
  border-bottom: 1px solid #ccc;
  padding-bottom: 0.25em;
  margin-bottom: 0.5em;
}

.estdetail .introduce .box {
	margin-bottom: 20px;
}

.estdetail .introduce .price {
	font-size:175.0%;
	font-weight:500;
	display:inline-block;
	padding-right: 1em;
}
.estdetail .introduce .price .ic {
	color: #fff;
  display: inline-block;
  padding: 0.25em 0.3em 0.35em 0.35em;
  background-color: #BF3F45;
  margin-right: 0.5em;
  border-radius: 6px;
  font-size: 85.0%;
  line-height: 1;
  text-align: center;
}
.estdetail .introduce .price .tubotanka {
	font-size: 50%;
	font-weight: 300;
}

.estdetail .introduce .hirosa {
	font-size:175.0%;
	font-weight:500;
	display:inline-block;
	padding-right: 1em;
}
.estdetail .introduce .hirosa .ic {
	color: #fff;
  display: inline-block;
  padding: 0.25em 0.3em 0.35em 0.35em;
  background-color: #36B2AC;
  margin-right: 0.5em;
  border-radius: 6px;
  font-size: 85.0%;
  line-height: 1;
  text-align: center;
}

.estdetail .introduce .place {
	font-size: 125.0%;
  display: inline-block;
	margin-top: 0.5em;
}
/* photoarea */
.estdetail .icon_list {
}
.estdetail .icon_list img {
    display: inline-block;
    max-width: 60px;
    margin-right: 0.5em;
    margin-botom: 0.5em;
}

/* photoarea */
.estdetail {
	width:100%;
	box-sizing:border-box;
}
.estdetail .main-photo {
	width:100%;
	display: flex;
	justify-content:space-between;
    margin-top: 30px;
	margin-bottom: 20px;
}
.estdetail .main-photo .main-photo-cont {
	width: calc(50% - 20px);
	display: grid;
	place-items: center;
}

@media screen and (max-width:640px) {
	.estdetail .main-photo .main-photo-cont img {
		max-width: 280px;
		height: auto !important;
	}
}

.estdetail .alart {
	background-color:#ffe7e7;
	padding:15px;
	padding-left:18px;
	padding-right:18px;
	color:#b40101;
	font-size:87.5%;
	margin-bottom:25px;
}

.estdetail .sub-photo {
	position:relative;
	background-color:#f2f2f2;
	padding:20px;
	box-sizing: border-box;
}

.estdetail .gallery-button.button a {
	display: none;
	border:none;
	background-color:#36B2AC;
	text-align:center;
	padding-left:1.5em;
	padding-right:1.5em;
	margin-bottom: 20px;
	color:#ffffff;
}
.estdetail .gallery-button.button a:hover {
	background-color:#2BA7DF;
}

.estdetail .sub-photo-gallery {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.estdetail .sub-photo-gallery::after {
    display: inherit;
}

.estdetail .sub-photo-gallery li {
    width: calc(33.33% - 12px);
    margin-right: 18px;
    margin-bottom: 18px;
}
.estdetail .sub-photo-gallery li:nth-child(3n) {
    margin-right: 0;
}
.estdetail .sub-photo-gallery li a {
    display: grid;
}

.estdetail .sub-photo-gallery li a img {
    width: 100%;
    height: auto;
	max-height: 200px;
	object-fit: contain;
	object-position: center;
}

.estdetail .sub-photo .more-btn {
    width: 100%;
    max-width: 300px;
    display: block;
    box-sizing:border-box; 
    vertical-align:middle;
    padding: 1em 0;
    margin: 24px auto 0;
    color:#FFF;
    text-decoration:none;
    background-color:#36B2AC;
    border-radius: 6px;
    border: none;
    transition:0.3s;
}
.estdetail .sub-photo .more-btn:hover {
    background-color:#4EBDB8;
}

.estdetail .sub-photo .more-photo {
    display: none;
}

@media screen and (max-width:640px) {
    .estdetail .sub-photo-gallery li a img {
        max-height: 100px;
    }
}


/* favbuttons */
.estdetail .detail-button {
	width:100%;
	display: flex;
	justify-content:space-between;
	margin: 30px 0;
}

.estdetail .detail-button .fav {
	width: calc(33.33% - 20px);
}	
.estdetail .detail-button .fav button {
	width: 100%;
	display: block;
	box-sizing:border-box; 
	vertical-align:middle;
	padding: 1em 0;
	color:#FFF;
	text-decoration:none;
	background-color:#F58080;
  border-radius: 6px;
  border: none;
	transition:0.3s;
}

.estdetail .detail-button .button {
	width: calc(33.33% - 15px);
}
#pist_db1 .estdetail .detail-button .button,
#pist_db2 .estdetail .detail-button .button {
	width: calc(50% - 15px);
}
.estdetail .detail-button .button a {
	width: 100%;
	box-sizing:border-box;
	text-align: center;
}
.estdetail .detail-button .button i {
  display: inline-block;
  font-size: 125.0%;
  margin-right: 1em;
}

@media screen and (max-width: 640px) {
	.estdetail .detail-button .print-button {
		display:none;
	}
	.estdetail .detail-button .fav,
	.estdetail .detail-button .contact-button {
		width:calc(50% - 20px);
	}
  /*.estdetail .detail-button .button,*/
	#pist_db1 .estdetail .detail-button .button,
	#pist_db2 .estdetail .detail-button .button {
		width: 100%;
	}
	.estdetail .detail-button .button i {
		width: 1em;
		display: block;
		margin: 0 auto .25em;
	}
}

.estdetail .detail-button .print-button a,
.estdetail .detail-button .contact-button a {
	width:100%;
	height:100%;
	box-sizing:border-box;
	display:block;
}
.estdetail .detail-button .print-button a:after,
.estdetail .detail-button .contact-button a:after {
	top:9px;
}


/* detail-desc */
.estdetail .detail-desc h3 {
	padding: 0.75em 1em;
	margin: 50px 0 30px;
  background: #36B2AC;
  box-sizing: border-box;
  color: #fff;
	font-size: 20px;
	font-weight: 700;
	line-height: 1;
}
.estdetail .detail-desc table {
	width: 100%;
	margin-bottom:40px;
}
.estdetail .detail-desc table th {
	white-space:normal;
	width:150px;
}
.estdetail .detail-desc table td {
	white-space:normal;
	width:450px;
}
@media screen and (max-width: 640px) {
  .estdetail .detail-desc table {
    display: block;
  }
  .estdetail .detail-desc table tbody {
    display: block;
  }
  .estdetail .detail-desc table tr {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
	.estdetail .detail-desc table th {
		display:block;
    width: 32%;
	}
	.estdetail .detail-desc table td {
		display:block;
    width: 68%;
	}
}

/* youtube */
.estdetail .youtube {
  position: relative;
  width: 100%;
  margin-bottom:20px;
  margin-left:auto;
  margin-right:auto;
}
@media screen and (max-width: 640px) {
	.estdetail .youtube {
		margin-top:0;
	}
}
.estdetail .youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
	border:none;
}

/* theta */
.estdetail .theta {
  width: 100%;
  margin-bottom:30px;
}
@media screen and (max-width: 640px) {
	.estdetail .theta {
		margin-top:0;
	}
}

/* simulation */
.estdetail .simulation {
	width: 100%;
	margin-bottom: 60px;
	border: 1px solid #55B03B;
	box-sizing: border-box;
}
.estdetail .simulation h3 {
	margin: 0;
	padding: 0.25em 30px;
	background-color: #55B03B;
	color: #fff !important;
	box-sizing: border-box;
}
.estdetail .simulation .contents {
	padding: 20px;
}
.estdetail .simulation table {
	width: 100%;
	margin-bottom: 30px;
}
.estdetail .simulation table th {
	white-space:normal;
	width:150px;
	text-align: center;
	background-color: #D4F3CC;
	border: 1px solid #55B03B;
}
.estdetail .simulation table th span {
	display: inline-block;
}
.estdetail .simulation table td {
	white-space:normal;
	border: 1px solid #55B03B;
}
.estdetail .simulation table .answer th {
	font-size: 125%;
	background-color: #7ACF62;
}
.estdetail .simulation table .answer td {
	font-size: 150%;
	font-weight: bold;
}
@media screen and (max-width:800px) {	
	.estdetail .simulation table {
		border: none;
	}
	.estdetail .simulation table th {
		width: 40%;
		border-collapse: collapse;
	}
	.estdetail .simulation table td {
		width: 60%;
		border-collapse: collapse;
	}
}
.estdetail .simulation table td input[type="number"] {
	width: 5em;
}
.estdetail .simulation button {
	width: 350px;
	display: block;
	box-sizing:border-box; 
	background-color:#ffffff;
	vertical-align:middle;
	margin: 0 auto 20px;
	padding: 1em 0;
	color:#f94c24;
	text-decoration:none;
	font-weight:bold;
	border:2px solid #f94c24;
	transition:0.3s;
}
.estdetail .simulation button:hover {
	background-color:#f94c24;
	color:#ffffff;
}
.estdetail .simulation .cartion {
	font-size: 87.5%;
	color: #b40101;
}

/* list-back */
.estdetail .list-back-button {
	text-align:center;
}
.estdetail .list-back-button .button a {
	padding-left:2em;
	padding-right:2em;
}
.estdetail .list-back-button .button i {
  display: inline-block;
  font-size: 125.0%;
  margin-right: 1em;
}


/*----------------------------------------------------------------------------
   estpager
------------------------------------------------------------------------------*/

.pager {
	text-align:center;
	margin: 20px auto;
}
.pager span {
	position:relative;
	display:inline-block;
	color:#121212;
	width:2em;
	text-align:center;
	font-weight:bold;
	background:#ededed;
	border:solid 1px #cccccc !important;
	margin-bottom:4px;
	padding:4px 1px 3px 1px;
}
.pager span:hover {
	color:#36B2AC !important;
	background:#ededed !important;
	border:solid 1px #36B2AC !important;
}
.pager span.stay {
	color:#ffffff !important;
	background:#36B2AC !important;
	border:solid 1px #36B2AC !important;
}


/*----------------------------------------------------------------------------
   subpage
------------------------------------------------------------------------------*/
.subpage .contents {
	padding: 0 0 60px;
}

/*----------------------------------------------------------------------------
   estinquiry
------------------------------------------------------------------------------*/
#estinquiry .contents table {
	margin-top: 1em;
}


/*----------------------------------------------------------------------------
   company
------------------------------------------------------------------------------*/
#company .contents .table-content {
	margin-bottom: 20px;
    display: flex;
}
#company h2 {
  margin-bottom: 40px;
  border-bottom: 4px double #E7B397;
}
#company h2 .courgette {
}

#company #profile {
  margin-bottom: 80px;
}
#company #profile h3 {
	font-size: 1.5rem;
	margin: 0 0 0.5em;
	color: #36B2AC;
}

#company #staff .greeting {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto 60px;
}
#company #staff .greeting .staff-img {
  display: block;
  width: calc(40% - 15px);
}
#company #staff .greeting .desc {
  width: calc(60% - 15px);
  padding: 24px;
  box-sizing: border-box;  
  background-color: #FFF7E9;
}

#company #staff h3 {
  font-size: 200.0%;
  text-align: center;
  position: relative;
  margin-bottom: 40px;
}
#company #staff h3::after {
  content: "";
  display: block;
  position: absolute;
  left: calc(50% - 1.5em);
  bottom: -10px;
  width: 3em;
  height: 6px;
  background-color: #3676B2;
  border-radius: 3px;
}
#company #staff .distinctive {
  display: flex;
  justify-content: space-between;
  text-align: center;
}
#company #staff .distinctiveBox {
  width: calc(50% - 15px);
  box-sizing: border-box;
  padding: 24px;
  background-color: #E9F3FD;
}
#company #staff .distinctiveBox img {
  max-width: 130px;
  margin-bottom: 16px;
}
#company #staff .distinctiveBox h4 {
  font-size: 125.0%;
  color: #3676B2;
  padding: 0;
  margin: 0;
}
@media screen and (max-width:640px) {
  #company #staff .greeting {
    display: block;
    margin: 0 auto 60px;
  }
  #company #staff .greeting .staff-img {
    width: 100%;
    margin-bottom: 24px;
  }
  #company #staff .greeting .desc {
    width: 100%;
  }  
  #company .contents .table-content {
    flex-direction: column-reverse;
  }
}


/*----------------------------------------------------------------------------
   students
------------------------------------------------------------------------------*/
#students .zev {
  display: block;
  width: 100%;
  height: auto;
  max-width: 1180px;
  margin: 40px auto 0;
}

#students .desc {
  text-align: center;
}
#students .desc span {
  font-weight: 700;
  color: #ff6f00;
  text-decoration: underline;
}


/*----------------------------------------------------------------------------
   owner
------------------------------------------------------------------------------*/
#owner .catch {
	margin-top: 40px;
  text-align: center;
}
#owner .catch img {
  display: block;
  margin: 0 auto;
}
#owner .catch .img01 { max-width: 674px; margin-bottom: 10px; }
#owner .catch .img02 { max-width: 409px; margin-bottom: 24px; }
#owner .catch .img03 { max-width: 568px; margin-bottom: 40px; }
#owner .catch .img04 { max-width: 339px; margin-bottom: 40px; }

#owner .suggestion {
  position: relative;
  text-align: center;
	padding: 120px 30px 10px;
  margin-top: 180px;
	box-sizing: border-box;
  background-color: #F1FAFA;
}
#owner .suggestion .img05 {
  position: absolute;
  top: -130px;
  left: calc(50% - 280px);
  max-width: 560px;
}
#owner .suggestion .contact {
	width: 700px;
	margin: 30px auto;
	display: flex;
	justify-content: space-between;
}
#owner .suggestion .contact .telbtn {
	display: block;
	box-sizing: border-box;
  width: calc(50% - 15px);
	padding: 0.5em 0;
	color: #fff;
  background-color: #36B2AC;
	transition: 0.3s all;
}
#owner .suggestion .contact .telbtn:hover {
  background-color: #59CDC8;
}
#owner .suggestion .contact .mailbtn {
	display: block;
	box-sizing: border-box;
  width: calc(50% - 15px);
	padding: 0.5em 0;
	color: #fff;
  background-color: #F8AC4C;
	transition: 0.3s all;
}
#owner .suggestion .contact .mailbtn:hover {
  background-color: #F9C17A;
}
#owner .suggestion .contact a i {
	display: inline-block;
	margin-right: 1em;
}
#owner .suggestion .point {
	color: #F58080;
  font-weight: 700;
	border-bottom: 1px solid #F58080;
}

@media screen and (max-width:640px) {
  #owner .suggestion .contact {
    width: 100%;
    display: block;
  }
  #owner .suggestion .contact .telbtn {
    width: 100%;
    margin-bottom: 15px;
  }
  #owner .suggestion .contact .mailbtn {
    width: 100%;
  }
}


/*----------------------------------------------------------------------------
   privacy・disclaimer
------------------------------------------------------------------------------*/
#privacy h3,
#disclaimer h3 {
	color: #36B2AC;
	font-size: 125.0%;
	margin-top: 2em;
	margin-bottom: 0.5em;
}

#privacy ol {
	margin: 0;
}
#privacy ol li {
	margin: 0;
	padding: 0;
}


/*----------------------------------------------------------------------------
   estinquiry・contact・tenant
------------------------------------------------------------------------------*/
#estinquiry .contents .intro,
#contact .contents .intro,
#desired .contents .intro,
#visit .contents .intro {
  width: 100%;
  max-width: 960px;
	margin: 0 auto 30px;
  text-align: center;
}
#estinquiry .contents table,
#contact .contents table,
#desired .contents table,
#visit .contents table {
	margin-top: 1em;
}
#consensus {
  text-align: center;
  margin: 30px auto;
}
.credentials {
  display: none;
}

#desired .contents .intro strong {
  display: inline-block;
  margin-bottom: 0.75em;
  color: #f0686c;
  border-bottom: 1px solid #f0686c;
}
#desired .contents .intro p {
  text-align: left;
  letter-spacing: 0.2ex;
  padding: 24px;
  box-sizing: border-box;
  background-color: #F9F6F0;
}
#desired h3 {
	color: #36B2AC;
	font-size: 125.0%;
	margin-top: 2em;
	margin-bottom: 0.5em;
}
#desired .table-content h4 {
  margin: 0.5em 0;
  padding: 0;
}

#visit .contents .intro {
  letter-spacing: 0.2ex;
  padding: 24px;
  box-sizing: border-box;
  background-color: #F9F6F0;  
}
#visit .contents .intro span {
  color: #f0686c;
  border-bottom: 1px solid #f0686c;  
}

#contact .contents .intro {
  letter-spacing: 0.2ex;
  padding: 24px;
  box-sizing: border-box;
  background-color: #F9F6F0;  
}
#contact .notes {
	color: #888;
  margin-top: 0.25em;
  margin-bottom: 0;
}


/*----------------------------------------------------------------------------
   towninfo
------------------------------------------------------------------------------*/
#towninfo .contents .intro {
  width: 100%;
  max-width: 960px;
	margin: 0 auto 30px;
  text-align: center;
  letter-spacing: 0.2ex;
  padding: 24px;
  box-sizing: border-box;
  background-color: #EFFFEB;  
}
#towninfo #gmap {
  width: 100%;
	height: 540px;
  box-sizing: border-box;
	margin: 24px auto;
}
#towninfo #infoWindow {
	width: 300px;
}
#towninfo #infoWindow h2 {
	font-size: 137.5%;
	font-weight: bold;
}
#towninfo #infoWindow dl {
	width: 100%;
	display: flex;
  flex-wrap: nowrap;
}
#towninfo #infoWindow dt {
	display: block;
	font-weight: 700;
  width: 3em;
}
#towninfo #infoWindow dd {
	display: block;
}
#towninfo #infoWindow .gmapinfobtn {
	width: 100%;
	overflow: hidden;  
}
#towninfo #infoWindow .gmapinfobtn a {
	display: inline-block;
  font-size: 112.5%;
  font-weight: bold;
  text-decoration: underline;
}

/*----------------------------------------------------------------------------
   loan
------------------------------------------------------------------------------
#loan h2 {
	margin-top: 40px;
}
#loan h3 {
	font-size:125.0%;
	margin: 0 0 0.25em;
}
#loan .error {
	color: #E70B0F;
}
#loan .hosoku {
	color: #666;
	font-size: 0.9rem;
	margin-top: 0.5em;
}

@media screen and (max-width:900px) {
	#loan .table-content .calc th,
	#loan .table-content .calc td {
		display: block;
		width: 100%;
		box-sizing: border-box;
	}
}

#loan .submit {
	width: 100%;
	box-sizing: border-box;
	margin-top: 40px;
}
#loan .submit button {
    display: inline-block;
	width: calc(50% - 11px);
    height: 60px;
    border: none;
    color: #fff;
    font-size: 125.0%;
    font-weight: 700;
    transition: 0.3s;
	box-sizing: border-box;
}
#loan .submit .clearbtn {
    background-color: #666666;
	margin-right: 14px;
}
#loan .submit .clearbtn:hover {
    background-color: #888888;
}
#loan .submit .calcbtn {
    background-color: #36B2AC;
}
#loan .submit .calcbtn:hover {
    background-color: #199EDB;
}
@media screen and (max-width:640px) {
	#loan .submit button {
    	font-size: 100.0%;
		width: calc(50% - 12px);
		height: 80px;
	}
}

#loan .link {
	width: 50%;
	text-align: left;
}
#loan .link li::before {
	content: "・";
}