@charset  "utf-8";
/* CSS Document */

body {
	color: #252525;
	font-family:"Noto Sans JP",'Hiragino Kaku Gothic Pro',Helvetica,Arial,sans-serif;
	line-height: 1.8;
	background: #ffffff;
	background-size: cover;
	font-size: 18px;
	font-weight: 400;
}

  
	h1{font-size:250%;}
	h2{font-size: 51px;font-weight: 600;letter-spacing: 0.05em;}
	h3{font-size:150%;margin-bottom: 0.3em;}
	h4{font-size:125%;}
	h5{font-size:100%;}
	
@media screen and (max-width: 1000px) {

	h1{font-size:200%}
	h2{font-size: 250%;}
	h3{font-size:150%}
	h4{font-size:125%}
	h5{font-size:100%}
}

@media screen and (max-width: 700px) {
	body {
		font-size: 16px;
	}
  
	h1{font-size:150%}
	h2{font-size: 8.5vw;line-height: 1.5;}
	h3{font-size:120%}
	h4{font-size: 120%;}
	h5{font-size:100%}
}



ul.list_a01,ul.list_b01 {
	padding: 1em 0;
	font-weight: bold;
	font-size: 140%;
}

ul.list_a01 li,ul.list_b01 li {
	background-image: url(../img/check.png);
	background-repeat: no-repeat;
	background-size: 1.3em;
	padding: .5em 0 .5em 2.9em;
	margin: 0;
	background-position: top 0.7em left 0.5em;
	font-size: 1em;
	border-bottom: dotted 2px #d8c9ba;
}

ul.list_b01 li {
	background-image: url(https://s3-ap-northeast-1.amazonaws.com/j-i-s-sl/temp/img/moya.png);
}

@media screen and (max-width: 700px) {
	ul.list_a01,ul.list_b01 {
		padding: 1em 0;
		font-weight: bold;
		font-size: 140%;
	}
	
	ul.list_a01 li,ul.list_b01 li {
		background-image: url(../img/check.png);
		background-repeat: no-repeat;
		background-size: 1em;
		padding: .5em 0 .5em 1.5em;
		margin: 0;
		background-position: top 0.9em left 0em;
		font-size: 20px;
		border-bottom: dotted 2px #d8c9ba;
	}
}

@media screen and (min-width: 700px) {
	.pc_none,.pcnone {
		display: none;
	}
	}
	@media screen and (max-width: 700px) {
	.sp_none,.spnone {
		display: none;
	}
	}
/*=========================================================================

ヘッダãƒ

===========================================================================*/
header {
    padding: 20px 1em;
    background: url(../img/fv_pc_textbac.jpg);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}

.header_in {
    max-width: 1260px;
    margin: 0 auto;
}

.head_item01 {
    display: flex;
    justify-content: space-between;
    width: 100%;
    background: #fff;
    padding: 0.8em;
    border-radius: 0.6em;
    box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.13);
}

.head_left img {
}
.head_left {
    display: flex;
    align-items: center;
}

.head_right {
    display: flex;
    align-items: center;
    max-width: 50%;
}

.tel_btn, .web_btn {
    background-color: #ff9900;
    color: #fff;
    padding: 10px 2em;
    border-radius: 3em;
    margin-left: 0.1em;
    cursor: pointer;
}

.web_btn {
    background-color: #00cc66;
}

.head_item02 {
    margin: 4.3em 0 1.2em 1em;
}

.head_item02 h1 {
    font-size: 70px;
    line-height: 1.6;
    text-align: left;
    font-family: "Noto Serif JP", serif;
    font-weight: 500;
    letter-spacing: 4px;
    margin: 0;
}

.head_yellow {
    background-color: #f0f989;
    padding: 0 5px;
    display: inline-block;
    line-height: 1.2;
}

.head_item03 {
    width: 100%;
    text-align: left;
}

.head_item03 img {
    max-width: 100%;
    height: auto;
}

.head_item04 {
    width: 100%;
    text-align: center;
    margin-top: 20px;
}


@media screen and (max-width: 800px) {
	.head_item02 h1 {
		font-size: 6.6vw;
		line-height: 2;
		text-shadow: 1px 1px 0.1em #fff;
		font-weight: 600;
	}
	
	.web_btn,.tel_btn {
		text-align: center;
		font-size: 3vw;
		padding: 0.7em 1.2em;
		line-height: 1.2;
	}
	
	.head_left {
		width: 45%;
	}
	
	.head_item01 {
		padding: 0.4em 0.5em;
		position: fixed;
		top: 0.3em;
		width: 96%;
		z-index: 999;
		margin: 0.5em 0 0em;
		box-sizing: border-box;
	}
	
	header {
		padding: 2.4em 0.5em 0.4em;
		background-position-x: 59%;
	}
}


/*=========================================================================

全体レイアウãƒ

===========================================================================*/
#contents {
	max-width: 100%;
	margin: 0 auto;
}

section{
	background-color: #f6f6f6;
	background-image: url(../img/back01.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: contain;
	clear: both;
	padding-bottom: 2em;
}
section:nth-child(even){
	background-color: #f2f0ec;
	background-image: url(../img/back02.jpg);
}

.mark{
	background: linear-gradient(transparent 70%, #edfc9b 70%);
}


@media screen and (max-width: 435px) {
	/* 表示領域が435px以下の場合に適用するスタイル */
	#contents {
		background-color: #fff;
	}
	section{

		padding-bottom: 1em;
	}
}

p {
	white-space: pre-line;
	letter-spacing: 1px;
	line-height: 1.75;
}
.gold{
color: #c0b58d;
}
.text {
	padding: 0 2em;
	margin: 0 auto;
	max-width: 820px;
	box-sizing: border-box;
	display: block;
}
.text02 {
	padding: 0 2em;
	margin: 0 auto;
	max-width: 1140px;
	box-sizing: border-box;
	display: block;
}
.text03 {
	padding: 0 2em;
	margin: 0 auto;
	max-width: 1340px;
	box-sizing: border-box;
	display: block;
}


@media screen and (max-width: 700px) {
	/* 表示領域が435px以下の場合に適用するスタイル */
	.text {
		margin: 0 2%;
		padding: 0 1em;
	}
	.text02 {
		padding: 0 6%;
	}
	.text03 {
		padding: 0 5%;
	}
	.mail .text02 {
		padding: 0;
	}
}

.ttl {
	width: 100%;
	margin: 6rem 0 4rem;
	background-repeat: repeat-x;
	background-size: contain;
}

.ttl_in {
	margin: 0 auto;
	position: relative;
	line-height: 1.6;
	padding-bottom: 0.5em;
}
.ttl_text {
	width: 100%;
	padding: 4em 0em 2.5em;
	color: #353535;
	text-align: center;
	box-sizing: border-box;
	font-family: "Noto Serif JP", serif;
	font-weight: 400;
}

.point{
	color: #a69340;
}

@media screen and (max-width: 700px) {
	/* 表示領域が320px以下の場合に適用するスタイル */
	.ttl_text {
		width: 100%;
		padding: 4.1em 0.5em 2.3em;
		text-align: center;
	}

	.ttl {
		width: 100%;
		margin: 2.5em 0 2em;
		background-repeat: repeat-x;
		background-size: contain;
	}
}



/*=========================================================================

テーブãƒ

===========================================================================*/
table {
	border: solid 1px #DADADA;
}

caption {
	background: #3e3e3e;
	color: #fff;
	padding: .5em;
	border-radius: 5px 5px 0 0;
}

table tr {
	border-bottom: solid 1px #ddd;
}

table th {
	border-right: solid 1px #ddd;
	font-weight: 400;
	background: #b3aa80;
	padding: 0.6em 1.1em;
	color: #fff;
	width: 10em;
	text-align: left;
}

table td {
	padding: 0.5em;
	/* text-align: right; */
	border: solid 1px #797979;
}

@media screen and (max-width: 435px) {
	/* 表示領域が435px以下の場合に適用するスタイル */
	/* table:not(.time-table),table:not(.time-table) tr,table:not(.time-table) th,table:not(.time-table) td,table:not(.time-table) tbody,caption {
		width: 100%;
		display: block;
		box-sizing: border-box;
	} */

	table th {
		padding: .5em;
		border: 0;
	}
	
}

#send-table {
	font-size: 100%;
	border: none;
	margin-bottom: 0.8em;
}
#send-table tbody {
	border: none;
}

#send-table tr {
	border-bottom: 1px solid #dcdcc1;
}

#send-table th {
	text-align: left;
	border-bottom: 1px solid #dcdcc1;
	color: #fff;
	padding: 0.1em 1em;
	min-width: 10em;
}

#send-table td {
	background-color: #fff;
	padding: 0em 0.8em;
	border: none;
}

#send-table caption {
	background: #7FBFFF;
	padding: 8px 12px;
	margin: 5px 0;
	color: #fff;
	font-size: 130%;
	font-weight: 700;
}

.hissu {
    background: #fffc80;
    border-radius: 3px;
    padding: 0 3px;
    font-size: 80%;
    color: #080808;
}

@media screen and (max-width: 800px)  {
	#send-table tr {
		width: 100%;
		display: block;
		box-sizing: border-box;

	}
	
	#send-table th {
		width: 100%;
		display: block;
		box-sizing: border-box;
	}
	
	#send-table td {
		width: 100%;
		display: block;
		box-sizing: border-box;
	}
}

/*=========================================================================

Q&

===========================================================================*/
.qa {
	/* background: #fff; */
	padding-bottom: 2em;
}

.qa dl {
	border-radius: 5px;
	margin: 0 0 1em;
}

.qa dt {
	background-image: url(https://s3-ap-northeast-1.amazonaws.com/j-i-s-sl/temp/img/q01.jpg);
	background-position: left top;
	background-size: 1.3em;
	padding: 0 0 4px 2em;
	background-repeat: no-repeat;
	font-size: 1.2em;
	font-weight: 700;
	border-bottom: solid 1px #d10014;
	margin: 0 0 .5rem;
}

.qa dd {
	background-image: url(https://s3-ap-northeast-1.amazonaws.com/j-i-s-sl/temp/img/a01.jpg);
	background-position: left top;
	background-size: 1.3em;
	padding: 0 0 1em 2em;
	background-repeat: no-repeat;
	margin: 0;
}

/*=========================================================================

画像ç³

===========================================================================*/

.right_pic {
	padding: 0 0 1em 1em;
	float: right;
}

.left_pic {
	padding: 0 1em 1em 0;
	float: left;
}

@media screen and (max-width: 600px) {
	/* 表示領域が600px以下の場合に適用するスタイル */
	.right_pic {
		padding: 0 0 1em 1em;
		float: right;
		width: 50%;
	}
	.left_pic {
		padding: 0 1em 1em 0;
		float: left;
		width: 50%;
	}
}

@media screen and (max-width: 435px) {
	/* 表示領域が435px以下の場合に適用するスタイル */
	.right_pic {
		padding: 0 0 1em;
		float: none;
		width: 60%;
		display: block;
		margin: 0 auto;
	}
	.left_pic {
		padding: 0 0 1em;
		float: none;
		width: 60%;
	}
}

.sankaku {
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 1em 2em 0;
	border-color: #b8ac76 transparent transparent;
	display: block;
	text-align: center;
	margin: 0 auto -1em;
}
.movie {position: relative;width: 100%;margin:0 auto;padding-top: 56.25%;border: solid 4px #bebebe;box-sizing: border-box;}
.movie iframe { position: absolute; top: 0; left: 0; width: 100%;height: 100%;}
/*=========================================================================

フォーãƒ

===========================================================================*/
input[type="text"], input[type="email"], input[type="tel"],textarea {
	padding: 0.9em 1em;
	font-size: 100%;
	margin: 8px 0 6px;
	border-radius: 5px;
	border: solid 1px #c7c7c7;
}

select {

border: solid 1px #d1d1d1;

background: #fffade;

border-radius: 6px;

padding: 0.8em 0.9em;

min-width: 47%;
}
textarea{

}

input[type="submit"] {
	background-color: #5DC11A;
	box-shadow: 1px 2px 0 #149421;
	text-shadow: 0 -1px #149421;
	position: relative;
	padding: 0.9em 1em;
	border-radius: 0.7em;
	color: #FFF;
	font-weight: 700;
	text-decoration: none;
	border: solid 1px;
}

input[type="submit"]:hover {
	top: 3px;
	box-shadow: none;
	color: #fff;
}

label:hover {
	background: #FFEFB7;
	cursor: pointer;
	border-radius: 6px;
}

/*=========================================================================

レイアウãƒ

===========================================================================*/

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

.space-around {
  display: flex;
  justify-content: space-around;
}

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

.space-between {
  display: block;
}

.space-around {
  display: block;
  width: 83%;
  margin: 0 auto;
}

}


/*=========================================================================

決æ¸

===========================================================================*/
.order {
	border-radius: 10px;
	overflow: hidden;
	box-shadow: 3px 3px 10px 3px #8c8c8c;
}

.order h3 {
	background: #1f1f1f;
	text-align: center;
	padding: .5em 0;
	color: #fff;
}

.bar {
	background: #feffc6;
	display: block;
	padding: .5em 0;
	border: double 3px #dcb90f;
}

/*=========================================================================

ボタãƒ

===========================================================================*/
.submit {
	background-color: #48bb00;
	box-shadow: 0 8px 0 #399400;
	text-shadow: 0 -1px #007b15;
	position: relative;
	padding: 0.7em 0.9em;
	border-radius: 0.5em;
	font-weight: 700;
	text-decoration: none;
	color: #fff;
	display: inline-block;
	margin: .3em 1em 1.7rem;
	text-align: center;
	box-sizing: border-box;
	border: solid 1px #8cc966;
	font-size: 200%;
}

.submit:active,.submit:hover {
	top: 8px;
	box-shadow: none;
}

.submit02 {
    background-color: #dc8e00;
    box-shadow: 0 8px 0 #945a00;
    text-shadow: 0 -1px #a36900;
    position: relative;
    padding: .5em;
    border-radius: 5px;
    font-weight: 700;
    text-decoration: none;
    color: #fff;
    display: inline-block;
    margin: .3em 1em 1.7rem;
    text-align: center;
    box-sizing: border-box;
}
.submit02:active,.submit02:hover {
	top: 8px;
	box-shadow: none;
}

.imgbtn {
	display: block;
	margin: 30px auto;
}

.head_btn01 {
	display: block;
	right: 0;
	color: #000;
	font-size: 32px;
	background: #208F02;
	padding: 1.5em 0;
}
@media screen and (max-width: 764px)  {
	.submit {
		font-size: 5vw;
		border-radius: 6em;
		width: 100%;
		margin: 0.6em auto;
		line-height: 1.4;
		padding: 1.4em 1em;
	}
}

/*=========================================================================

フッタãƒ

===========================================================================*/
footer {
	border-top: 1px solid #9a9a9a;
	width: 100%;
	padding: 35px 0 10px;
	font-size: 80%;
	color: #5F5F5F;
}

.footer_in {
	max-width: 1040px;
	margin: 0 auto;
	padding: 0 2em;
}

footer a {
	color: #3C3C3C;
}

footer a:hover {
	color: #3C3C3C;
}

.page_top a {
	position: fixed;
	bottom: 10px;
	right: 10px;
	display: block;
	text-align: center;
	text-decoration: none;
	background: rgba(72, 187, 0, 0.83);
	color: #fff;
	padding: .5em;
	line-height: 1.4;
	width: 3.5em;
	height: 3.5em;
}

.page_top a:hover {
	background: rgba(121,121,121,0.7);
}

@media screen and (max-width: 435px) {
	/* 表示領域が320px以下の場合に適用するスタイル */
	.page_top a {
		display: none;
	}
	.footer_logo{
		max-width: 60%;
		margin: auto;
	}
}

/*=========================================================================

リンã‚

===========================================================================*/
a img {
	-webkit-transition: .2s ease-in-out;
	-moz-transition: .2s ease-in-out;
	-o-transition: .2s ease-in-out;
	transition: .2s ease-in-out;
}

a img:hover {
	opacity: .7;
	filter: alpha(opacity=70);
}




/*==============================================

 nayami

================================================*/
.nayami .sec {}

.nayami .sec01 {}

.nayami .sec_in {}

.nayami .ttl_text {}

.nayami .ttl_in {}

.nayami .text {}

.nayami .cf {}

.nayami .elem_wrap {}

.nayami .elem01 {}

.nayami .item01 {}

.nayami .item02 {
    display: block;
    margin: 1em 0;
}

.nayami .sankaku {}

.nayami .item03 {
    /* display: flex; */
    /* flex-direction: row; */
    /* flex-wrap: nowrap; */
    /* align-items: center; */
    position: relative;
}
.nayami .item03 p{

position: absolute;

width: 70%;

top: 2.5em;
}
.nayami .item03 img{float: right;}

@media screen and (max-width: 600px) {
	.nayami .item03 img {
		width: 45%;
		padding-top: 20vw;
	}
	
	.nayami .item03 p {
		top: 1em;
		width: 77%;
	}
}

/*==============================================

 riyu

================================================*/

.riyu {}
.riyu .ttl_in{
	line-height: 1.2;
}
.riyu .elem_wrap{}
.riyu .elem01{
    position: relative;
}
.riyu .elem02{}
.riyu .item01 {
    position: absolute;
    top: 20px;
    left: 0;
    z-index: 9;
}

.riyu .item02 {
    max-width: 774px;
    background: #fff;
    padding: 2.8em 7.1em 3.4em 3.4em;
    /* position: absolute; */
    margin-left: 98px;
    margin-bottom: 3em;
}
.riyu h3{
border-bottom: solid 1px #b8ac76;
margin-bottom: 0.6em;
font-size: 180%;
}

.riyu .item03 {
    position: absolute;
    right: 0;
    top: 1em;
    z-index: 9;
}
@media screen and (max-width: 1124px) {
	.riyu .item02 {
		margin-left: 8%;
		max-width: 76%;
	}
	
	.riyu .item01 {
		width: 11.5%;
	}
	
	.riyu .item03 {
		max-width: 27%;
	}
}
@media screen and (max-width: 700px) {
	.riyu .item02 {
		margin-left: 0;
		max-width: 100%;
		padding: 1.1em 7%;
		margin-bottom: 2em;
	}
	
	.riyu .item01 {
		width: 28.3%;
		top: 11%;
		left: 0;
	}
	
	.riyu .item03 {
		max-width: 64%;
		position: unset;
		text-align: right;
		margin-left: auto;
		margin-bottom: 0.6em;
		overflow: hidden;
		border-radius: 15px;
		border: solid 3px #b8ac76;
		overflow: hidden;
	}
	.riyu h3 {
		line-height: 1.4;
		padding-bottom: 0.5em;
		font-size: 145%;
	}
	
}
/*==============================================

 tokutyo

================================================*/

.tokutyo {}
.tokutyo .ttl_in{}
.tokutyo .elem_wrap{}
.tokutyo .elem01{}
.tokutyo .elem02{}
.tokutyo .item01 {}

.tokutyo .item02 {}

.tokutyo .item03 {}

/*==============================================

 point

================================================*/
.h_p_box {
    overflow: hidden;
    border-radius: 1em;
    background: #fff;
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
	margin-bottom: 1.4em;
}

.h_p_box_title {
    background: #b3aa80;
    padding: 0.4em 1.6em;
    color: #fff;
}

.h_p_box_text {
    padding-right: 1.5em;
}
.h_p_box_text h3 {
    border-bottom: solid 1px #b8ac76;
    margin-bottom: 0.6em;
    font-size: 150%;
    line-height: 1.4;
    padding-bottom: 0.4em;
}


.poi {
    background: #fff;
    border-radius: 3em;
    color: #b3aa80;
    font-weight: bold;
    padding: 0em 1.2em 0.1em;
}

.h_p_box_con {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-around;
    flex-wrap: nowrap;
    padding: 1.9em 1.9em 2em;
}

.h_p_box_left {
    max-width: 61.7%;
}
.h_p_box_right {
}




.tyui {
    display: flex;
    flex-direction: column;
    align-items: center;
	width: 100%;
    margin: 1.3em auto;
    padding: 1.3em;
    background-color: #e5e5e5;
    border: 1px solid #ddd;
    border-radius: 10px;
}

.tyui_ttl {
    margin-bottom: 1.3em;
}

.tyui_ttl img {
    max-width: 50px;
    margin-right: 10px;
}

.tyui_ttl h3 {
    font-size: 1.3em;
    color: #333;
}

.tyui_text {
    text-align: left;
	background-color: #fff;
	padding: 1.2em;
	border-radius: 10px;
}
@media screen and (max-width: 700px) {
	.max50 {
		max-width: 50%;
		margin: auto;
	}
	.h_p_box_con {
		padding: 1.4em 7%;
		display: flex;
		flex-direction: column-reverse;
	}
	
	.h_p_box_left {
		max-width: 100%;
		text-align: center;
	}
	
	.h_p_box_con {}
	
	.h_p_box_text {
		padding: 0;
	}
	
	.h_p_box_right {
		width: 60%;
		margin: auto;
		text-align: center;
		margin-bottom: 0.8em;
		border-radius: 8px;
		overflow: hidden;
	}
	
	.h_p_box_title {
		text-align: center;
	}
}
/*==============================================

 prof

================================================*/
.prof {}
.prof .ttl_in{}
.prof .elem_wrap{}
.prof .elem01{
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	align-items: flex-start;
	background: -moz-linear-gradient(208deg, rgba(241,237,223,1) 20%, rgba(255,253,248,1) 51%, rgba(241,237,223,1) 80%);
	background: -webkit-linear-gradient(208deg, rgba(241,237,223,1) 20%, rgba(255,253,248,1) 51%, rgba(241,237,223,1) 80%);
	background: linear-gradient(208deg, rgba(241,237,223,1) 20%, rgba(255,253,248,1) 51%, rgba(241,237,223,1) 80%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f1eddf",endColorstr="#f1eddf",GradientType=1);
	padding: 3em;
	margin-bottom: 2em;
	max-width: 1000px;
}
.prof .elem01::after{
	content: "";
	position: absolute;
	width: calc(100% - 2em);
	height: calc(100% - 2em);
	background-image: url(../img/kagi01.png),url(../img/kagi02.png),url(../img/kagi04.png),url(../img/kagi03.png);
	background-repeat: no-repeat,no-repeat,no-repeat,no-repeat;
	background-position: left top,right top,right bottom,left bottom;
	top: 1em;
}

.prof .elem01 h3{
    font-size: unset;
    border-bottom: solid 1px #c3b693;
    padding: 0.4em 0 0.7em 0em;
    line-height: 1;
    margin-bottom: 0.4em;
}


.prof_right {
    padding-left: 3em;
    width: 64.8%;
}

.prof_ttl01{
	font-size: 29px;
	font-weight: 700;
}

.prof_ttl02{
	font-size: 46px;
	line-height: 1.6;
	font-family: "Noto Serif JP", serif;
	font-weight: 700;
	letter-spacing: 4px;
}

.prof_ttl03{
	font-size: 27px;
	font-weight: 100;
	margin-bottom: 0.8em;
}

.prof .item01 {}

.prof .item02 {
}

.prof .item03 {
    background: #fff;
    padding: 1.4em 2em;
}
.ryakureki dl{
	
display: flex;
	
flex-direction: row;
	
justify-content: flex-start;
	
align-items: flex-start;
}
.ryakureki dt{

font-weight: bold;

min-width: 8.9em;
}
.ryakureki dd{

}

@media screen and (max-width: 800px)  {
	.prof .elem01 {
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 1.7em;
	}
	
	.prof_left {
		width: 70%;
		margin-top: 2em;
	}
	
	.prof_right {
		padding: 1.5em 0 0;
		width: 100%;
	}
	
	.prof .item02 {
		text-align: center;
	}
	
	.prof_ttl01 {
		font-size: 5vw;
	}
	
	.prof_ttl02 {
		font-size: 11vw;
	}
	
	.prof_ttl03 {
		font-size: 6vw;
	}
	
	.ryakureki dl {
		display: flex;
		flex-direction: column;
		font-size: 85%;
	}
	
	.prof .item03 {
		padding: 1.3em;
	}
}

/*==============================================



================================================*/




.rei {}
.rei .ttl_in{}
.rei .elem_wrap{}
.rei .elem01{}
.rei .elem02{}
.case{
    background: #b8ac76;
    line-height: 1;
    display: inline-block;
    padding: 0.2em 1em 0.3em;
    border-radius: 4em;
    color: #fff;
    margin-right: 0.8em;
}
.rei .elem01 .item01 {
    font-weight: bold;
    margin-bottom: 0.6em;
}

.rei .elem01 .item02 {
    margin-bottom: 0em;
}

.rei .elem01 .item03 {}

.description{

margin-bottom: 1.5em;
}

.description table{

font-size: 85%;

border-radius: 8px;

overflow: hidden;
}
.description table tr{

}
.description table th{

background: #c9c2a1;

width: 7em;
}
.description table td{

border: solid 1px #cfcfcf;

background: #fff;

line-height: 1.5;

padding-left: 0.9em;
}

/*==============================================

 pay

================================================*/




.pay {}
.pay .h_p_box_title{
	text-align: center;
}
.pay .h_p_box_con{
	padding: 0;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.pay .ttl_in{}
.pay .elem_wrap{}
.pay .elem01{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
}
.pay .elem02{}
.pay .elem01 .item01 {
    width: 30%;
}
.pay table{

font-size: 90%;
}
.pay table tr{

border-bottom: solid 1px #d6d6d6;
}
.pay table th{
width: 50%;
padding: 0.5em 1em;
}
.pay table td{

border: solid 1px #d6d6d6;
text-align: right;
}

.pay .elem01 .item02 {}

.pay .elem01 .item03 {}


.pay .elem02{}
.pay .elem02 .item01 {
    background: #fff;
    padding: 1.4em 2em;
    max-height: 21em;
    overflow-y: scroll;
    font-size: 90%;
    margin-top: 2em;
    border-radius: 1em;
    margin-bottom: 1em;
}
.pay .elem02 .item01 table{
text-align: center;
}
.pay .elem02 .item01 th{

background: #aaa;

padding: 0.4em 1em;

min-width: 7em;
text-align: center;
}
.pay .elem02 .item01 td{
text-align: left;
}

.pay .elem02 .item02 {}

.pay .elem02 .item03 {}

.white_box {
    background: #fff;
    padding: 0.7em 1.3em;
    border-radius: 0.7em;
    display: flex;
    justify-content: center;
}


@media screen and (max-width: 800px) {
	.pay .elem01 {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	.pay .elem01 .item01 {
		width: 100%;
	}
	
	.pay table td {
		width: 50%;
		display: block;
	}
	
	.pay table tr {
		display: flex;
		flex-direction: row;
		align-items: stretch;
	}
	.pay img.left_pic {
		width: 20%;
		float: left;
		margin-right: 3%;
	}
	
}




/*==============================================

 nagare

================================================*/




.nagare {}
.nagare .ttl_in{}
.nagare .elem_wrap{}
.nagare .elem01{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: space-between;
    max-width: 1000px;
    margin: auto;
    margin-bottom: 1.3em;
}

.nagare .num{
    font-size: 230%;
    color: #fff;
    position: relative;
    z-index: 9;
    width: 3em;
    display: flex;
    flex-direction: column;
    align-content: center;
    flex-wrap: nowrap;
    align-items: center;
    line-height: 0;
    font-weight: bold;
    z-index: 99999;
}

.nagare .num::after{
	content: "●";
	font-size: 200%;
	color: #b8ac76;
	position: absolute;
	top: 0;
	z-index: -5;
}
.nagare .elem01 .item01 {width: 7em;    position: relative;}


.nagare .elem01 .item02 {
    background: #fff;
    padding: 1.4em 2.2em;
    border-radius: 0.6em;
    padding-right: 4em;
    width: 80%;
    position: relative;
}
.nagare .elem01 .item02 p::before{
	content: "";
	width: 1px;
	display: block;
	height: calc(100% - 4em);
	background: #b8ac76;
	position: absolute;
	margin-left: -5.6em;
}

.nagare .elem01 .item03 {margin-left: -2em;z-index: 999;margin-top: 0.8em;}

.nagare .elem02{}
.nagare .elem02 .item01 {}

.nagare .elem02 .item02 {}

.nagare .elem02 .item03 {}

@media screen and (max-width: 800px) {
	.nagare .elem01 {
	}
	
	.nagare .elem01 .item02 {
		width: 100%;
		padding: 1.2em 6%;
	}
	
	.nagare .elem01 .item01 {
		width: 10%;
		z-index: 999;
	}
	
	.nagare .num {
		font-size: 6vw;
		width: 5vw;
	}
	
	.nagare .elem01 .item02 p::before {
		margin-left: -9.3vw;
		top: 3.6em;
		padding-bottom: 1em;
	}
	
	.nagare .elem01 .item03 {
		width: 27%;
		margin-left: -1em;
		margin-right: -1em;
	}
}

/*==============================================

 afer

================================================*/




.afer {}
.afer h3{
	
border: none;
	
margin: 1em;
	
padding: 0;
}

.afer .h_p_box_text{
	padding: 0;
}
.afer .ttl_in{}
.afer .elem_wrap{}
.afer .elem01{}
.afer .elem01 .item01 {}

.afer .elem01 .item02 {}

.afer .elem01 .item03 {}

.afer .elem02{}
.afer .elem02 .item01 {}

.afer .elem02 .item02 {}

.afer .elem02 .item03 {}

/*==============================================

 itami

================================================*/

p.itami_tyui {
    background: #f8f8ec;
    padding: 1.2em;
    max-height: 13em;
    overflow-y: scroll;
}


.aaa {}
.aaa .ttl_in{}
.aaa .elem_wrap{}
.aaa .elem01{}
.aaa .elem01 .item01 {}

.aaa .elem01 .item02 {}

.aaa .elem01 .item03 {}

.aaa .elem02{}
.aaa .elem02 .item01 {}

.aaa .elem02 .item02 {}

.aaa .elem02 .item03 {}


/*==============================================

QA 

================================================*/


.qa-7 {
    max-width: 100%;
    margin-bottom: 10px;
    border: none;
    border-radius: 5px;
    box-shadow: 0 4px 4px rgb(0 0 0 / 2%), 0 2px 3px -2px rgba(0 0 0 / 5%);
    background-color: #fff;
}

.qa-7 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em 1em 3em;
    color: #333333;
    font-weight: 600;
    cursor: pointer;
}

.qa-7 summary::before,
.qa-7 p::before {
    position: absolute;
    left: 1em;
    font-weight: 600;
    font-size: 1.3em;
}

.qa-7 summary::before {
    color: #75bbff;
    content: "Q";
}

.qa-7 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #333333b3;
    border-right: 3px solid #333333b3;
    content: '';
    transition: transform .5s;
}

.qa-7[open] summary::after {
    transform: rotate(225deg);
}

.qa-7 p {
    position: relative;
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 3em 1.5em;
    color: #333;
    transition: transform .5s, opacity .5s;
}

.qa-7[open] p {
    transform: none;
    opacity: 1;
}

.qa-7 p::before {
    color: #ff8d8d;
    line-height: 1.2;
    content: "A";
}
summary {
	list-style-type: none;
}
summary::-webkit-details-marker {
	display: none;
}



/*==============================================

 iin

================================================*/

.iin {}
.iin dl{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
}
.iin dt{
    min-width: 5em;
}
.iin dd{}
.iin .ttl_in{}
.iin .elem_wrap{}
.iin .elem01 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.2em;
}
.iin .elem01 .item01 {
    width: 60%;
    background: #fff;
    padding: 2em;
}

.iin .elem01 .item02 {
    width: 40%;
    height: 28.7em;
}

.iin .elem01 .item03 {}

.iin .elem02{}
.iin .elem02 .item01 {}

.iin .elem02 .item02 {}

.iin .elem02 .item03 {}

.time-table {
	display: block;
	border-collapse: collapse;
  }
  
  .time-table {
	display: block;
	border-collapse: collapse;
	border: none;
	}
  
  .time-table th {
	border-top: none;
	font-weight: bold;
	}
  
  .time-table th, .time-table td {
	padding: 0.7em 10px;
	text-align: center;
	background: #fff;
	border: none;
	color: #383838;
	text-align: left;
	}
  
  .time-table td {
		width: 100%;
		min-width: 58px;
		color: #a69340;
		position: relative;
		}
.time-table td span{
	
display: block;
	
line-height: 1;
	
margin-top: -0.9em;
}
  
  .time-table td .time {
   color:#3c3c3c;
  }
  
  @media screen and (max-width: 764px)  {
   .time-table td {
	min-width: auto;
	width:100%;
	max-width:5%;
	font-size:12px;
   }
  
   .time-table th, .time-table td {
	min-width: 35px;
	width:100%;
	padding: 11px 0px;
	font-size: 3.6vw;
	text-align: center;
	}
   .iin .elem01 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.iin .elem01 .item01 {
    width: 100%;
    padding: 2em 6%;
}

.iin .elem01 .item02 {
    width: 100%;
    height: auto;
}
.iin .elem01 .item02 iframe{
	height: 16em;
}

.iin dl{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
}
.iin dt{font-weight: bold;margin-top: 0.6em;}


  }
  
  
  
  
  
  


/*==============================================

 jiss

================================================*/

.jissi {}
.jissi .h_p_box_con{
	padding: 0;
}
.jissi .ttl_in{}
.jissi .elem_wrap{
    max-width: 995px;
    margin: auto;
}
.jissi .elem01{
    position: relative;
}
.jissi .elem01 .item01 {
    z-index: 9;
    position: relative;
}

.jissi .elem01 .item02 {
    z-index: 0;
    position: absolute;
    top: 2em;
    right: 0;
    width: 70%;
    background: #fff;
    border-radius: 0.5em;
    padding: 2.2em 3em 2.5em;
}

.jissi .elem01 .item03 {}

.jissi .elem02{}
.jissi .elem02 .item01 {}

.jissi .elem02 .item02 {}

.jissi .elem02 .item03 {}

@media screen and (max-width: 764px)  {
	.jissi .elem01 .item01 {
		width: 32%;
		margin-right: -4%;
	}
	
	.jissi .elem01 .item02 {
		position: unset;
		padding: 1.4em 7%;
		width: 84%;
		margin-bottom: 1em;
	}
	
	.jissi .elem01 {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-top: -1.7em;
	}
}

/*==============================================

 donn

================================================*/

.donna {}
.donna .ttl_in{}
.donna .elem_wrap{}
.donna .elem01{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: space-between;
}
.donna .elem01 .item01 {}

.donna .elem01 .item02 {
    width: 70%;
}

.donna .elem01 .item03 {}

.donna .elem02{}
.donna .elem02 .item01 {}

.donna .elem02 .item02 {}

.donna .elem02 .item03 {}

@media screen and (max-width: 764px)  {
	.donna .elem01 {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	.donna .elem01 .item01 {
		margin-bottom: 1em;
		max-width: 50%;
	}
	
	.donna .elem01 .item02 {
		margin-bottom: 1em;
		width: 100%;
	}
}


/*==============================================

cv

================================================*/

.cv {}
section#cv {
	background-image: url(../img/cv_back.png);
	background-position: top center;
	background-size: cover;
}
.cv .ttl_text {
    text-align: left;
    padding: 0;
    position: absolute;
        top: 17%;
}
.cv .text02 {
    max-width: 981px;
}
.cv .ttl_in{}
.cv .elem_wrap{}
.cv .elem01{
    position: relative;
}
.cv .elem01 .item01 {
}

.cv .elem01 .item02 {
    text-align: right;
    padding-top: 3em;
    padding-right: 1em;
}

.cv .elem01 .item03 {}

.cv .elem02{}
.cv .elem02 .item01 {}

.cv .elem02 .item02 {}

.cv .elem02 .item03 {}

@media screen and (max-width: 764px)  {
	.cv .ttl_text {
		text-align: center;
		position: static;
		padding: 4.1em 0.5em 0.4em;
	}
	
	.cv .elem01 .item02 {
		text-align: center;
		width: 33%;
		padding-right: 0;
		margin: auto;
		padding-top: 0;
	}
}


/*==============================================



================================================*/

.aaa {}
.aaa .ttl_in{}
.aaa .elem_wrap{}
.aaa .elem01{}
.aaa .elem01 .item01 {}

.aaa .elem01 .item02 {}

.aaa .elem01 .item03 {}

.aaa .elem02{}
.aaa .elem02 .item01 {}

.aaa .elem02 .item02 {}

.aaa .elem02 .item03 {}


/*==============================================



================================================*/

.aaa {}
.aaa .ttl_in{}
.aaa .elem_wrap{}
.aaa .elem01{}
.aaa .elem01 .item01 {}

.aaa .elem01 .item02 {}

.aaa .elem01 .item03 {}

.aaa .elem02{}
.aaa .elem02 .item01 {}

.aaa .elem02 .item02 {}

.aaa .elem02 .item03 {}


/*==============================================



================================================*/

.aaa {}
.aaa .ttl_in{}
.aaa .elem_wrap{}
.aaa .elem01{}
.aaa .elem01 .item01 {}

.aaa .elem01 .item02 {}

.aaa .elem01 .item03 {}

.aaa .elem02{}
.aaa .elem02 .item01 {}

.aaa .elem02 .item02 {}

.aaa .elem02 .item03 {}



/*==============================================

追åŠ

================================================*/




a.line_btn {
    margin-left: auto;
    max-width: 302px;
}



.cv_btn_wrap {
    background: #ffffff;
    border-radius: 0.7em;
    padding: 1.5em 1.4em;
    margin-bottom: 1em;
}

.cv_btn_in {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-evenly;
    align-items: flex-start;
}

@media screen and (max-width: 764px)  {
	.cv_btn_in {
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-content: center;
		align-items: center;
	}
	.cv_btn_in a:nth-child(1){
		margin-bottom: 0em;
	}
	
}

div#cv {
    height: 0;
}



.staff {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.staff .item01 {
    max-width: 25%;
}

@media screen and (max-width: 1100px)  {
	.staff .item01 {
		max-width: 33%;
	}
}

@media screen and (max-width: 764px)  {
	.staff .item01 {
		max-width: 50%;
	}
}


/*=========================================================================

review

===========================================================================*/


.review-card {
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 2px 8px rgba(0,0,0,0.1);
	padding: 20px;
	margin:0 auto 20px;
	max-width: 600px;
	font-size: 16px;
	}
  .review-header { display: flex; align-items: center; margin-bottom: 10px; }
  .avatar { width: 40px; height: 40px; border-radius: 50%; background: #ccc;
	display: flex; align-items: center; justify-content: center; margin-right: 10px; flex-shrink: 0; }
  .avatar::before { content: attr(data-initial); color: #fff; font-weight: bold; font-size: 1em; }
  .review-name {font-weight: bold;font-size: 1.1em;margin-right: 10px;}
  .stars { display: flex; }
  .star { font-size: 1.2em; color: #ccc; }
  .star.filled { color: #fbbc04; }
  .review-content { font-size: 1em; line-height: 1.6; color: #333; }
  .review-wrap {max-height: 24em;font-size: 16px;overflow-y: scroll;background: #f3f3f3;padding: 1em;}