@charset "utf-8";
@import url(cmn.css);
@import url(base.css);

/* ==========================================================================
	MAIN
	========================================================================== */
	
.main {
  background: url("../images/main.jpg") 50% 50% no-repeat;
  height: 825px;
  margin-bottom: 80px;
}
.main .wrapper {
  position: relative;
}
.main__tit {
  float: right;
  font-size: clamp(2rem,3.75vw,4.65rem);
  line-height: 100%;
  background: url("../images/main-txt.png") 0 0 no-repeat;
  background-size: 180px;
  padding: 180px 0 180px 130px;
  margin-top: 250px;
}
.bg-white {
  display: block;
  background-color: #fff;
  padding: 10px;
  margin-bottom: 10px;
}
.txt-green {
  color: #98c911;
}

/* ==========================================================================
	CONTENTS
	========================================================================== */

/*LEAD*/

.lead__tit {
  color: #98c911;
  font-size: clamp(3rem,6.875vw,6.4rem);
  text-align: center;
  line-height: 130%;
  background: url("../images/line.gif") 50% 100% no-repeat;
  padding-bottom: 80px;
	margin-bottom: 40px
}
.lead__txt {
  font-size: clamp(1.8rem,2.5vw,2.3rem);
  font-weight: 700;
  text-align: center;
  margin-bottom: 40px;
}
.lead__img {
  display: block;
  margin: 0 auto;
}
.txt-orange {
  color: #f98608;
}
.txt-large {
  font-size: 150%;
}

/*ONAYAMI*/	

.onayami__tit {
	font-size: clamp(2rem,3.625vw,3rem);
	background-color: #e4eaf3;
	padding: 10px;
}
.onayami__item {
  font-family: 'Noto Sans JP', sans-serif;
	font-size: clamp(1.8rem,2.5vw,2rem);
	font-weight: bold;
	background: url("../images/icon-check.png") 5px 0 no-repeat;
	background-size: 36px;
	padding: 5px 0 5px 50px;
	margin-bottom: 20px;
}

/*CHOICE*/

.choice__tit01 {
	font-size: clamp(2rem,3.75vw,4rem);
	text-align: center;
	margin-bottom: 80px;
}
.choice__tit01 span {
	display: block;
	font-size: 170%;
	background: url("../images/line03.gif") 50% 100% no-repeat;
	padding-bottom: 30px;
}
.choice__tit02 {
	color: #f98608;
	font-size: clamp(2rem,4.375vw,4rem);
	border-left: solid 2px;
	border-bottom: solid 2px;
	padding: 5px 0 20px 20px;
	margin-bottom: 60px;
}
.choice .layout01 {
	margin-bottom: 60px;
}
.choice .layout01:last-child {
	margin-bottom: 0;
}

/*PRICE*/

.price {
	background-image: url("../images/ill01.png");
	background-size: 200px;
	background-repeat: no-repeat;
	background-position: calc(50% + 450px) 50px;

}
.price__lead {
	width: 80%;
}
.price__tit01 {
	font-size: clamp(2.5rem,5vw,5rem);
	text-align: center;
	background: url("../images/line02.gif") 50% 100% no-repeat;
	padding-bottom: 40px;
}
.price__tit02 {
	color: #fff;
	font-size: clamp(2rem,3.5vw,3rem);
	text-align: center;
	background-color: #98c911;
	padding: 10px;
	margin-bottom: 0;
}
.price__table tr:nth-child(even) {
	background-color: #f6f6f6;
}
.price__txt {
	font-size: clamp(1.8rem,2.5vw,2.2rem);
	border-right: solid 2px #f98608;
	border-bottom: solid 1px #dbdbdb;
	padding: 20px;
}
.txt-min {
	display: block;
	font-size: clamp(1.3rem,1.875vw,1.6rem); 
	font-weight: normal;
}
.price__price {
	width: 250px;
	font-size: clamp(1.8rem,2.5vw,2.2rem);
	text-align: right;
	border-bottom: solid 1px #dbdbdb;
	padding: 20px;
}
.border-bottom {
	border-bottom: solid 2px #f98608;
}

/*FLOW*/

.flow__bg {
	overflow: hidden;
	background-image: url("../images/ill02.png");
	background-size: 200px;
	background-repeat: no-repeat;
	background-position: calc(50% - 500px) 100%;
}
.flow__lead {
	float: right;
	width: 80%;
}
.flow__list {
	clear: both;
	display: flex;
  font-family: 'Noto Sans JP', sans-serif;
	font-weight: bold;
}
.flow__item {
	width: 150px;
	background: url("../images/icon-arrow.gif") 92% 50% no-repeat;
	background-size: 15%;
}
.flow__item:last-child {
	background: none;
}
.flow-inner {
	width: 70%;
	color: #fff;
	text-align: center;
	background-color: #98c911;
	border-radius: 5px;
	padding: 20px;
}
.flow-inner__number {
	font-size: clamp(1.8rem,2.75vw,2.5rem);
	font-style: italic;
	border-bottom: dotted 1px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.flow-inner__txt {
	font-size: clamp(2rem,2.75vw,2.5rem);
	text-align: center;
  line-height: 100%;
}
.flow-inner__txt span {
	display: inline-block;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-align: left;
}

/*VOICE*/

.voice {
	background-color: #eef6d7;
}
.voice__inner {
	display: flex;
	align-items: center;
	margin-bottom: 50px;
}
.voice__img {
	width: 200px;
}
.voice__img img {
	display: block;
	width: 80%;
	margin: 0 auto;
}
.voice__txt {
	flex: 1;
}
.fukidashi {
  position: relative;
  display: inline-block;
  margin: 0 0 0 15px;
  padding: 30px;
	width: 100%;
  background: #fff;
	border-radius: 10px;
}
.fukidashi:before {
  content: "";
  position: absolute;
  top: 50%;
  left: -30px;
  margin-top: -15px;
  border: 15px solid transparent;
  border-right: 15px solid #fff;
}

/*MESSAGE*/

.message .wrapper {
	text-align: center;
}
.message__tit01 {
	position: relative;
	display: inline-block;
	color: #f98608;
	font-size: clamp(2.5rem,5vw,4rem);
	text-align: center;
    padding: 0 30px;
}
.message__tit01:before {
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	width: 3px;
	height: 100%;
	background: #f98608;
	border-radius: 3px;
	transform: rotate(-25deg);
}
.message__tit01:after {
	position: absolute;
	content: "";
	right: 0;
	top: 0;
	width: 3px;
	height: 100%;
	background: #f98608;
	border-radius: 3px;
	transform: rotate(25deg);
}
.message__tit02 {
	font-size: clamp(1.9rem,3.125vw,2.7rem);
}
.message__txt {
	float: right;
	width: 65%;
	text-align: left;
}
.message__img {
	float: left;
	width: 27%;
}
.message__img img {
	display: block;
	margin-bottom: 20px;
}
.message__img span {
	display: block;
	font-size: 90%;
}

/*ACCESS*/

.access__box {
	overflow: hidden;
	margin-bottom: 30px;
}
.access__tit {
	color: #fff;
	font-size: clamp(1.7rem,2.375vw,2rem);
	background-color: #98c911;
	padding: 20px;
}
.access__tit span {
	border-left: solid 5px;
	padding-left: 15px;
}
.access__txt {
	float: left;
	width: 50%;
}
.access__map {
	float: right;
	width: 45%;
}
.info {
	display: flex;
	margin-bottom: 20px;
}
.info__tit {
	width: 130px;
}
.info__txt {
	flex: 1;
}

/* ==========================================================================
	PC 1025px -
	========================================================================== */

@media screen and (min-width: 1025px){


}
@media screen and (max-width: 1200px){/*1200以下*/

}


/* ==========================================================================
	TABLET - 1024px
	========================================================================== */

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

/*MAIN*/

.main {
  background: url("../images/main.jpg") 30% 0 no-repeat;
	background-size: 1500px;
  height: 700px;
  margin-bottom: 60px;
}
.main__tit {
	width: 55%;
  background: url("../images/main-txt.png") 0 0 no-repeat;
  background-size: 130px;
  padding: 150px 0 0 50px;
  margin-top: 200px;
}
.bg-white {
	display: inline;
	line-height: 200%;
  background-color: #fff;
  padding: 0;
}

/*LEAD*/

.lead__tit {
	background-size: 80%;
  padding-bottom: 60px;
	margin-bottom: 30px
}
.lead__txt {
  margin-bottom: 30px;
}

/*ONAYAMI*/	

.onayami__item {
	background: url("../images/icon-check.png") 3px 0 no-repeat;
	background-size: 30px;
	padding: 0 0 0 45px;
}

/*CHOICE*/

.choice__tit01 {
	margin-bottom: 60px;
}
.choice__tit01 span {
	background-size: 50%;
	padding-bottom: 25px;
}

/*PRICE*/

.price {
	background-image: none;
}
.price__lead {
	width: 100%;
}
.price__tit01 {
	background: url("../images/line02.gif") 50% 100% no-repeat;
	background-size: 50%;
	padding-bottom: 20px;
}
.price__price {
	width: 180px;
}

/*FLOW*/

.flow__bg {
	background-image: none;
}
.flow__lead {
	float: none;
	width: 100%;
}
.flow__img {
	display: block;
	width: 200px;
	margin: 0 auto;
}
.flow__list {
	display: block;
}
.flow__item {
	width: 100%;
	background: url("../images/icon-arrow02.gif")50% 100% no-repeat;
	background-size: 30px;
	padding-bottom: 30px;
	margin-bottom: 10px;
}
.flow-inner {
	width: 100%;
	display: flex;
	align-items: center;
	padding: 20px 20px 20px 0;
}
.flow-inner__number {
	width: 60px;
	border-bottom: none;
	padding: 0 10px 0 0;
	margin-bottom: 0;
}
.flow-inner__txt {
	flex: 1;
	border-left: dotted 1px;
	padding-left: 20px;
}
.flow-inner__txt span {
	display: block;
	-ms-writing-mode: tb-rl;
	writing-mode: horizontal-tb;
}

/*MESSAGE*/

.message__txt {
	float: none;
	width: 100%;
  margin-bottom: 40px;
}
.message__img {
	float: none;
  width: 100%;
}
.message__img img {
  width: 400px;
  margin: 0 auto 20px auto;
}

/*ACCESS*/

.access__txt {
	float: none;
	width: 100%;
  margin-bottom: 40px;
}
.access__map {
	float: none;
	width: 100%;
}

}

/* ==========================================================================
	SP - 640px
	========================================================================== */

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

/*MAIN*/

.main {
  background: url("../images/main.jpg") 30% 0 no-repeat;
	background-size: 1000px;
  height: 450px;
  margin-bottom: 40px;
}
.main__tit {
	width: 55%;
  background: url("../images/main-txt.png") 0 0 no-repeat;
  background-size: 100px;
  padding: 110px 0 0 30px;
  margin-top: 70px;
}
.bg-white {
	line-height: 150%;
}

/*ONAYAMI*/

.div-2column .inner:first-child {
	margin-bottom: 40px;
}

/*CHOICE*/

.choice__tit01 {
	margin-bottom: 40px;
}
.choice__tit01 span {
	padding-bottom: 20px;
}
.choice__tit02 {
	padding: 5px 0 15px 15px;
	margin-bottom: 40px;
}
.choice .layout01 {
	margin-bottom: 40px;
}

/*PRICE*/

.price__txt {
	display: block;
	width: 100%;
	border-right: none;
	padding: 10px;
}
.txt-min {
	display: block;
	font-size: clamp(1.3rem,1.875vw,1.6rem); 
	font-weight: normal;
}
.price__price {
	display: block;
	width: 100%;
	padding: 10px;
}
th.border-bottom {
	border-bottom: solid 1px #dbdbdb;
}

/*FLOW*/

.flow__img {
	width: 150px;
}
.flow__item {
	padding-bottom: 25px;
	margin-bottom: 5px;
}
.flow-inner {
	padding: 15px 15px 15px 0;
}
.flow-inner__number {
	width: 40px;
	border-bottom: none;
	padding: 0;
}


/*VOICE*/

.voice__inner {
  display: block;
	margin-bottom: 30px;
}
.voice__img {
	width: 100%;
}
.voice__img img {
	width: 150px;
}
.fukidashi {
  margin: 0;
  padding: 20px;
}
.fukidashi:before {
  left: 0;
  margin-top: 0;
}

/*MESSAGE*/

.message__tit01 {
    padding: 0 20px;
}
.message__img img {
  width: 60%;
  margin-bottom: 10px;
}


/*ACCESS*/

.access__tit {
	padding: 15px;
}
.access__tit span {
	padding-left: 10px;
}
.info {
	margin-bottom: 15px;
}
.info__tit {
	width: 100px;
}

}