@charset "utf-8";

#info{
margin-top: 50px;
}

/*home.php*/
.send{
	 padding-top:1rem;
  padding-bottom:1rem;
}
.send li{
  position: relative;
  padding-left: 2rem;
 
}
.send li a{
	color:#ad0404;
	text-decoration: underline;
}
.send li a:hover{
	opacity: 0.8;
}

.send li::before {
  position: absolute;
  display: inline-block;
  content: "■";
  color: #666;
  left: 0;
	
}




/*resut.php*/

/* ----------------------------------------
 img-group-u
------------------------------------------- */
.img-group-u {
  display: flex;
  flex-wrap: wrap;
}
.img-group-u li {
  width: 32%;
  margin: 0 1% 40px 0;
}
.img-group-u li:nth-child(3n) {
  margin: 0 0 40px 0;
}
.img-group-u .img-box {
  position: relative;
  padding-top: 70%;
  margin-bottom: 10px;
}
.img-group-u .img-box img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
}

.img-group-u .cate {
  color: #fff;
  font-size: 90%;
  text-align: center;
  line-height: 1;
  background-color: #ffb566;
  padding: 5px;
}
.img-group-u .txt {
  text-align: left;
  line-height: 1.4;
  margin-bottom: 0;
}
/* ----------------------------------------
 result-items
------------------------------------------- */
.result-items {
  display: flex;
  flex-wrap: wrap;
}
.result-items li {
  width: 24%;
  margin: 0 1% 40px 0;
}
.result-items li:nth-child(4n) {
  margin: 0 0 40px 0;
}
.result-items .img-box {
  position: relative;
  padding-top: 70%;
  margin-bottom: 10px;
}
.result-items .img-box img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
}


.result-items .txt {
  text-align: left;
  line-height: 1.4;
  margin-bottom: 0;
}

/* ----------------------------------------
 img-group-shop
------------------------------------------- */
.img-group-shop {
  display: flex;
  flex-wrap: wrap;
}
.img-group-shop li {
  width: 32%;
  margin: 0 1% 40px 0;
}
.img-group-shop li:nth-child(3n) {
  margin: 0 0 40px 0;
}
.img-group-shop .img-box {
  position: relative;
  padding-top: 70%;
  margin-bottom: 10px;
}
.img-group-shop .img-box img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
}

.img-group-shop .cate {
  color: #fff;
  font-size: 90%;
  text-align: center;
  line-height: 1;
  background-color: #ffb566;
  padding: 5px;
}
.img-group-shop .txt {
  text-align: left;
  line-height: 1.4;
  margin-bottom: 0;
}
/* ----------------------------------------
 shopTable
------------------------------------------- */
.shopTable {
 width: 100%;
 border-collapse: collapse;
 border-spacing: 0;
 background: #fff;
}

.shopTable th {
 padding: 10px;
 border: solid 1px #eee;
 background: #f3f3f3;
 color: #000;
 text-align: left;
}
.shopTable td {
 padding: 10px;
 border: solid 1px #eee;
	background: #fff;
}

/*privacy*/
#privacy dd{
font-size: 1.7rem!important;
font-weight:normal!important;
margin-bottom:10px!important;
font-family: "Osaka-mono", "MS Gothic", "monospace";
	border-bottom:dotted 1px #ccc;
	padding-bottom:10px;
}


/* ----------------------------------------
 pager
------------------------------------------- */
.pager  ul.pagination {
  text-align: center;
  margin: 0;
  padding: 0;
}

.pager .pagination li {
  display: inline;
  margin: 0 2px;
  padding: 0;
  display: inline-block;
  background:#efefef;
  width: 50px;
  height: 50px;
  text-align: center;
  position: relative;
}

.pager .pagination li a{
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display:table;
  color: #000;
  text-decoration: none;
}

.pager .pagination li a span{
  display:table-cell;
  vertical-align:middle!important;
  margin-top:25%!important;
}

.pager .pagination li a:hover,
.pager .pagination li a.active{
  color: #fff;
  background: #ad0404;
}

@media only screen and (max-width: 767px){
  .pager .pagination li{
    display: none;
  }

  .pager .pagination li.pre,
  .pager .pagination li.next{
    display: inline-block;
    width: 40%;
    height: 50px;
    text-align: center;
  }

  .pager .pagination li.pre a,
  .pager .pagination li.next a{
    width: 100%;
    text-align: center;
  }

  .pager .pagination li.pre span::after{
    content: "　前の12件へ";
  }

  .pager .pagination li.next span::before{
    content: "次の12件へ　";
  }

}

/* ----------------------------------------
 faq
------------------------------------------- */

.faq_section {
  padding: 50px 0;
 
}

.faq_section:first-child{
	
	
}
.faq li {
  font-weight: 600;
	
}
.faq li dt {
  position: relative;
  color: #ffd200;
  line-height: 1.5;
  background-color: #ad0404;
  padding: 10px 10px 10px 45px;
}
.faq li dd {
  position: relative;
  color: #503a26;
  line-height: 1.5;
  background-color: #fff;
  padding: 10px 10px 10px 45px;
}
.faq li dt::before {
  position: absolute;
  display: inline-block;
  content: "Q";
  color: #ffd200;
  font-size: 2.8rem;
  top: 0;
  left: 15px;
}
.faq li dd::before {
  position: absolute;
  display: inline-block;
  content: "A";
  color: #ad0404;
  font-size: 2.8rem;
  top: 0;
  left: 15px;
}


/* =======================
  PC
======================== */
@media screen and (min-width: 1200px) {}
/* =======================
  TABLET
======================== */
@media screen and (max-width:1199px) {}
/* =======================
  SP
======================== */
@media screen and (max-width: 880px) {
#info{
margin-top: 30px;
}
/* ----------------------------------------
 img-group-u
------------------------------------------- */

.img-group-u li {
  width: 48%;
  font-size: clamp(14px,2.5vw,18px);
  margin: 0 4% 20px 0;
}

.img-group-u li:nth-child(4),.img-group-u li:nth-child(6), .img-group-u li:nth-child(10){
  margin: 0 0 0 4%;
}
.img-group-u li:nth-child(2),.img-group-u li:nth-child(5),.img-group-u li:nth-child(8){
  margin: 0 0 20px 0;
}
/* ----------------------------------------
 img-group-shop
------------------------------------------- */
.img-group-shop {
  display: flex;
  flex-wrap: wrap;
}
.img-group-shop li {
  width: 32%;
  margin: 0 1% 40px 0;
}
.img-group-shop li:nth-child(3n) {
  margin: 0 0 40px 0;
}
.img-group-shop .img-box {
  position: relative;
  padding-top: 70%;
  margin-bottom: 10px;
}
.img-group-shop .img-box img {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  left: 0;
}

.img-group-shop .cate {
  color: #fff;
  font-size: 90%;
  text-align: center;
  line-height: 1;
  background-color: #ffb566;
  padding: 5px;
}
.img-group-shop .txt {
  text-align: left;
  line-height: 1.4;
  margin-bottom: 0;
}
}

/* ----------------------------------------
 contact
------------------------------------------- */
#contact .group {
  margin-bottom: 30px;
}
#contact p {
  
}
#contact a {
  color: #2c6c72;
}
#contact .group .txt01 {
  color: #2c6c72;
  font-size: 3rem;
  line-height: 1;
  text-align: center;
  padding-top: 15px;
  margin-bottom: 10px;
}
#contact .group .txt02 {
  font-size: 2rem;
  line-height: 1;
  text-align: center;
  border-bottom: 1px solid #ccc;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
#contact .group .txt03 {
  font-size: 2rem;
  line-height: 1;
  text-align: center;
  margin-bottom: 10px;
}
#contact .group .txt04 {
  color: #2c6c72;
  font-size: 3rem;
  line-height: 1;
  text-align: center;
}
#contact .btn {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}
/* ----------------------------------------
form
------------------------------------------- */
#form table {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 30px;
}
#form table th {
  width: 30%;
  position: relative;
  text-align: left;
  vertical-align: top;
  line-height: 1.7;
  font-weight: normal;
  box-sizing: border-box;
  border-bottom: 1px solid #d0d0d0;
  padding: 20px 10px;
}

.cp_ipselect {
	overflow: hidden;
	width: 100%;
	margin: 1em auto;
	text-align: center;
}
.cp_ipselect select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	line-height: 1.7;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.cp_ipselect select::-ms-expand {
    display: none;
}
.cp_ipselect.cp_sl01 {
	position: relative;
	border: 1px solid #bbbbbb;
	border-radius: 2px;
	background: #ffffff;
}
.cp_ipselect.cp_sl01::before {
	position: absolute;
	top: 2em;
	right: 0.9em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #666666;
	pointer-events: none;
}
.cp_ipselect.cp_sl01 select {
	padding: 20px 20px 20px 20px;
	color: #666666;
}


.need {
 /* position: absolute;*/
  color: #fff;
  font-size: 1.2rem;
  background-color: #e60000;
  padding: 5px;
  margin-right:10px;
  display:inline-block;
}
#form table td {
  text-align: left;
  vertical-align: top;
  line-height: 1.7;
  border-bottom: 1px solid #d0d0d0;
  box-sizing: border-box;
  padding: 20px 10px;
}
#form table tr:last-child th, #form table tr:last-child td {
  border-bottom: none;
}
#form table td p {
  padding: 15px 0 0 0;
}
#form .txt01 {
  text-align: center;
  margin-bottom: 20px;
}
.input01 {
  width: 100%;
  box-sizing: border-box;
  color: #000;
  background-color: #fff;
  border: 1px solid #d0d0d0;
  padding: 20px;
}
.input01::placeholder {
  color: #b5b5b5;
}
.input02 {
  width: 80%;
  box-sizing: border-box;
  color: #000;
  background-color: #fff;
  border: 1px solid #d0d0d0;
  padding: 20px;
}
.input03 {
  width: 30%;
  box-sizing: border-box;
  color: #000;
  background-color: #fff;
  border: 1px solid #d0d0d0;
  padding: 20px;
}
.select01 {
  padding: 10px 15px;
}
.submit-flex{
	display: flex;
	justify-content: center;
	
}
.submit input {
  display: inline-block;
  position: relative;
  color: #fff;
  font-size: 1.6rem;
  width: 100%;
  box-sizing: border-box;
  max-width: 300px;
  background-color: #ad0404;
  border: solid 1px #ad0404;
  cursor: pointer;
  padding: 15px 30px;
  
  -webkit-transition: 0.4s ease-in-out;
  -moz-transition: 0.4s ease-in-out;
  -o-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}
.submit input:hover {
  color: #fff;
  cursor: pointer;
  opacity: 0.8;
}
.submit-flex .submit:nth-child(2){
	margin-left:5%;
}
.cmn-submit {
  display: inline-block;
  position: relative;
  color: #fff;
  font-size: 1.6rem;
  width: 50%;
  box-sizing: border-box;
  max-width: 200px;
  background-color: #2c6c72;
  border: solid 1px #2c6c72;
  cursor: pointer;
  padding: 15px 30px;
  margin-bottom: 15px;
  -webkit-transition: 0.4s ease-in-out;
  -moz-transition: 0.4s ease-in-out;
  -o-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
}

.submit-btn{
	margin-right:5%!important;
	width:30%;
}

.cmn-submit:hover {
  color: #fff;
  background-color: #2c6c72;
  cursor: pointer;
}
#policy {
  height: 300px;
  box-sizing: border-box;
  border: 1px solid #d0d0d0;
  background-color: #fefefe;
  overflow-y: scroll;
  padding: 40px 50px;
  margin-bottom: 50px;
}
#policy h2 {
  font-size: 2rem;
  margin-bottom: 15px;
}
#policy h3 {
  font-size: 1.6rem;
  margin-bottom: 15px;
}
#policy p {
  font-size: 1.5rem;
  margin-bottom: 20px;
}
.check {
  text-align: center;
  margin-bottom: 50px;
}
/* =======================
  PC
======================== */
@media screen and (min-width: 1200px) {}
/* =======================
  TABLET
======================== */
@media screen and (max-width:1199px) {}
/* =======================
  SP
======================== */
@media screen and (max-width: 799px) {
  /* ----------------------------------------
 
------------------------------------------- */
  #contact .group .txt01 {
    font-size: 2.4rem;
  }
  #contact .group .txt02 {
    font-size: 1.6rem;
    padding-bottom: 15px;
    margin-bottom: 15px;
  }
  #contact .group .txt03 {
    font-size: 1.6rem;
    margin-bottom: 10px;
  }
  #contact .group .txt04 {
    font-size: 2.4rem;
  }
  #form table {
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 30px;
  }
  #form table th {
    display: block;
    width: 100%;
    border-bottom: none;
    padding: 15px 10px 10px 10px;
  }
  #form table td {
    display: block;
    width: 100%;
    padding: 0 10px 15px 10px;
  }
  .input01 {
    width: 100%;
  }
  .input02 {
    width: 100%;
  }
  .input03 {
    width: 100%;
  }
  .select01 {
    width: 100%;
    box-sizing: border-box;
  }
  .need {
    font-size: 1.1rem;
    left: auto;
    margin-left: 0px;
  }
  #policy {
    height: 300px;
    padding: 20px;
    margin-bottom: 30px;
  }
  #policy h2 {
    font-size: 1.8rem;
    margin-bottom: 15px;
  }
  #policy h3 {
    font-size: 1.4rem;
    margin-bottom: 15px;
  }
  #policy p {
    font-size: 1.3rem;
    margin-bottom: 20px;
  }
  .check {
    margin-bottom: 30px;
  }
}

/*sitemap*/
#sitemap{
	display: flex;
	flex-wrap: wrap;
	
	width:100%;
}

#sitemap div{
	width:30%!important;
	justify-content: center;
	margin-bottom:5%;
	margin-left:3%;
}


#sitemap .sitemapnav li {
  line-height: 1;
  margin-bottom: 15px;
}
#sitemap .sitemapfnav li a {
  font-size: 1.6rem;
  line-height: 1;
}
#sitemap .sitemapnav .parent a {
  background: url("../images/cmn/foot-icon01.png") 0 50% no-repeat;
  background-size: 8px auto;
  padding-left: 35px;
}
#sitemap .sitemapnav .child a {
  background: url("../images/cmn/foot-icon02.png") 20px 50% no-repeat;
  background-size: 8px auto;
  padding-left: 35px;
}
/* ----------------------------------------
news
------------------------------------------- */
#newsArchive{
	
}
#newsArchive{
  width: 98%;
  margin-right: 2%;
}

#newsArchive .box {
  
  padding: 2px;
}
#newsArchive .box .inner {

  padding: 30px;
}
#newsArchive ul {
  margin-bottom: 30px;
}
#newsArchive ul li {
  border-bottom: 1px dashed #a78563;
  padding: 10px 0;
}
#newsArchive dl {
  display: flex;
  flex-wrap: wrap;
  font-size: 1.6rem;
  line-height: 1.4;
   margin-bottom:1%;
}
#newsArchive dl dt {
  width: 20%;
}
#newsArchive dl dd {
  width: 80%;
}

/*line.php*/
#line_assessment p{
	margin-top:3%;
}


#line_offer{
	background-color:#06C755;
	margin-bottom:3%;
	padding:3%;
}
#line_offer .txt,#line_offer img{
	margin-top:5%;
	color:#fff;
}
#line_offer h3{
	margin-bottom:3%;
}

#photo{
	background-image: url("../images/line/line_img14.png") ;
	background-position: right bottom;
	background-repeat: no-repeat;
}

.line-flow-img {
  display: flex;
  flex-wrap: wrap;
}
.line-flow-img li {
  width: 29%;
  padding-right:1%;
　align-items: center；
}
.line-flow-img li:nth-child(5) {
  margin: 0 0 80px 0;
}
.line-flow-img li:nth-child(2n){
 align-items:center!important;
}
.line-flow-img .img-box {
  position: relative;
  padding-top: 120%;
  margin-bottom: -30px;
	
}
.line-flow-img .img-box img {
  position:absolute;
 /* width: 100%;
  height: 100%;
  object-fit: cover;*/
  top: 0;
  left: 0;
}

#line_flow li:nth-child(2n),#line_3step li:nth-child(2n){
	width:4%;
}
#line_flow li:nth-child(2n) img,#line_3step li:nth-child(2n) img{
	margin-top:300%;
}
@media screen and (max-width: 880px){
	.line-flow-img li {
  width: 98%;
  padding-right:1%;
　align-items: center;
	justify-content: center; 
	 
}
#line_flow li:nth-child(2n),#line_3step li:nth-child(2n){
	display:none;
}
.line-flow-img {
  display: block;
  flex-wrap: wrap;
  
}
	
#line_flow li img,#line_3step li img{
	text-align:center;
	margin:0 auto;
	width:85%;
	margin-left:5%;
}
.line-flow-img .img-box {
 text-align:center;
	}
#photo{
	background-image: none;
}
	
	#line_flow .txt,#line_3step .txt{
		margin-top:-25%;
		margin-left:5%!important;
	    margin-bottom:5%;
	}	
	

}
/**/
#photo ul li{
	width:100%;
	display: block;
}

#photo dl {
	display:flex;
	margin: 3% auto;
}
#photo dl dt{
	width:40%;
}
#photo dl dd{
	width:60%;
}
@media screen and (max-width: 880px){
	#photo dl dt{
	width:50%;
}
#photo dl dd{
	width:50%;
}
}

/* ----------------------------------------
 online
------------------------------------------- */
#online .group {
  margin-bottom: 30px;
}
#online p {
  
}
#online a {
  color: #2c6c72;
}
#online .group .txt01 {
  color: #2c6c72;
  font-size: 3rem;
  line-height: 1;
  text-align: center;
  padding-top: 15px;
  margin-bottom: 10px;
}
#online .group .txt02 {
  font-size: 2rem;
  line-height: 1;
  text-align: center;
  border-bottom: 1px solid #ccc;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
#online .group .txt03 {
  font-size: 2rem;
  line-height: 1;
  text-align: center;
  margin-bottom: 10px;
}
#online .group .txt04 {
  color: #2c6c72;
  font-size: 3rem;
  line-height: 1;
  text-align: center;
}
#online .btn {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}