@charset "UTF-8";

/*CONTENT*/
.content .section-inner {
	font-family: "Noto Sans Javanese";
	line-height: 1.6em;
}

.top {
	margin-top: 16vw;
	/*padding-top: 16vw;*/
	position: relative;
}

.content h2 {
	font-size: 5.33vw;
	font-weight: bold;
	color: #e6a096;
	margin-top: 5.33vw;
	padding-bottom: 4vw;
}

.content h3 {
	font-size: 4vw;
	font-weight: bold;
	color: #e6a096;
	margin-top: 5vw;
	margin-bottom: 2vw;
	padding-bottom: 2vw;
	border-bottom: 1px solid;
}

.content h4 {
	font-size: 3.8vw;
	font-weight: bold;
	margin-top: 5vw;
	margin-bottom: 2vw;
	padding-bottom: 2vw;
	padding-left: 2vw;
	border-left: 6px solid;
}

@media print,
screen and (min-width: 1025px) {
	.content h2 {
		font-size: 22px;
		margin-top: 16px;
		padding-bottom: 24px;
	}

	.content h3 {
		font-size: 18px;
		margin-top: 16px;
		margin-bottom: 8px;
		padding-bottom: 8px;
	}

	.content h4 {
		font-size: 16px;
		margin-top: 16px;
		margin-bottom: 8px;
		padding-left: 8px;
		padding-bottom: 0;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.content h2 {
		font-size: 20px;
		margin-top: 24px;
		padding-bottom: 24px;
	}

	.content h3 {
		font-size: 16px;
		margin-top: 16px;
		margin-bottom: 8px;
		padding-bottom: 8px;
	}

	.content h4 {
		font-size: 14px;
		margin-top: 14px;
		margin-bottom: 8px;
		padding-left: 8px;
		padding-bottom: 0;
	}
}

@media print,
screen and (min-width: 768px) {
	.top {
		background-size: cover;
		background-position: center;
		height: 24vw;
		margin-top: 4vw;
		padding-top: 0;
		position: relative;
	}
}

@media print,
screen and (min-width: 1025px) {
	.top {
		background-size: cover;
		background-position: center;
		height: 17.81vw;
		margin-top: 1.82vw;
		padding-top: 0;
		position: relative;
	}

	.top_icon::before {
		content: "　";
		background: url(../images/top-dot-line01.png);
		background-repeat: no-repeat;
		background-size: 100%;
		position: absolute;
		top: -40px;
		left: 0;
		width: 100%;
		height: 100px;
	}

	.top_icon::after {
		content: "　";
		background: url(../images/top-dot-line02.png);
		background-repeat: no-repeat;
		background-size: 100%;
		position: absolute;
		bottom: -160px;
		left: 0;
		width: 100%;
		height: 300px;
	}
}

@media print,
screen and (min-width: 639px) {
	.top img {
		display: none;
	}
}

@media print,
screen and (min-width: 768px) {

	.top>div,
	.top>div>div {
		background-size: cover;
		background-position: center !important;
		height: 100%;
		margin-top: 4vw;
	}
}

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

	.top>div,
	.top>div>div {
		background-size: cover;
		background-position: center;
		height: 17.81vw;
		margin-top: 1.82vw;
	}
}

.top div.ccm-block,
.top div.ccm-add-block,
.top div.ccm-area {
	height: 3vw;
}

.top-title {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	display: inline-block;
	padding: 4vw 0;
	font-size: 5.5vw;
	background: rgba(135, 191, 193, 0.8);
	color: #fff;
	text-align: center;
	width: 40vw;
}

@media print,
screen and (min-width: 639px) {
	.top-title {
		font-size: 2.15vw;
		padding: 1vw 0;
		width: 22.5vw;
	}
}


/*院内紹介*/
.content {
	padding-top: 5.42vw;
	padding-bottom: 16vw;
}

@media print,
screen and (min-width: 639px) {
	.content {
		padding-bottom: 6.25vw;
	}
}

.content .content-list .item {
	line-height: 1.8;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

@media print,
screen and (min-width: 639px) {
	.content .content-list .item {
		width: auto;
		margin-left: 0;
		margin-right: 0;
	}
}

.content .content-list .item .item-img {
	width: 48vw;
	margin-left: auto;
	margin-right: auto;
	display: block;
	position: relative;
}

@media print,
screen and (min-width: 639px) {
	.content .content-list .item .item-img {
		width: 23.44vw;
		margin-left: 0;
		margin-right: 0;
	}
}

.content .content-list .item .item-img img {
	border-radius: 48vw;
}

@media print,
screen and (min-width: 639px) {
	.content .content-list .item .item-img {
		border-radius: 23.44vw;
	}
}

.content .content-list .item .item-img .item-img-no {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	display: inline-block;
	font-size: 8vw;
	color: #fff;
	text-align: center;
}

@media print,
screen and (min-width: 639px) {
	.content .content-list .item .item-img .item-img-no {
		font-size: 4vw;
	}
}

.content .content-list .item span {
	display: none;
}

@media print,
screen and (min-width: 639px) {
	.content .content-list .item span {
		display: inline;
	}
}

@media print,
screen and (min-width: 768px) {
	.content .content-list .item:nth-child(odd) {
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 3vw 0;
	}
}

@media print,
screen and (min-width: 1025px) {
	.content .content-list .item:nth-child(odd) {
		margin: 0;
	}
}

.content .content-list .item:nth-child(odd) .item-text {
	margin-top: 5.33vw;
}

@media print,
screen and (min-width: 768px) {
	.content .content-list .item:nth-child(odd) .item-text {
		margin-left: 3.13vw;
		width: 50vw;
		margin-top: 0;
	}
}

@media print,
screen and (min-width: 1025px) {
	.content .content-list .item:nth-child(odd) .item-text {
		margin-left: 3.13vw;
		width: 34.11vw;
		margin-top: 0;
	}
}

@media print,
screen and (min-width: 639px) {
	.content .content-list .item:nth-child(odd) .item-text h2 {
		/*font-size: 1.04vw;*/
		text-align: left;
	}
}

.content .content-list .item:nth-child(odd) .item-text h5 {
	color: #1A1A1A;
	font-size: 3.73vw;
	margin-top: 3.73vw;
}

@media print,
screen and (min-width: 639px) {
	.content .content-list .item:nth-child(odd) .item-text h5 {
		font-size: 0.83vw;
		margin-top: 1.04vw;
	}
}

@media print,
screen and (min-width: 768px) {
	.content .content-list .item:nth-child(even) {
		display: flex;
		flex-direction: row-reverse;
		justify-content: center;
		align-items: center;
		margin: 3vw 0;
	}
}

@media print,
screen and (min-width: 1025px) {
	.content .content-list .item:nth-child(even) {
		margin: 0;
	}
}

.content .content-list .item:nth-child(even) .item-text {
	margin-top: 5.33vw;
}

@media print,
screen and (min-width: 768px) {
	.content .content-list .item:nth-child(even) .item-text {
		margin-right: 3.13vw;
		width: 50vw;
		margin-top: 0;
	}
}

@media print,
screen and (min-width: 1025px) {
	.content .content-list .item:nth-child(even) .item-text {
		margin-right: 3.13vw;
		width: 34.11vw;
		margin-top: 0;
	}
}

@media print,
screen and (min-width: 639px) {
	.content .content-list .item:nth-child(even) .item-text h2 {
		/*font-size: 1.04vw;*/
		text-align: left;
	}
}

.content .content-list .item:nth-child(even) .item-text h5 {
	color: #1A1A1A;
	font-size: 3.73vw;
	margin-top: 3.73vw;
}

@media print,
screen and (min-width: 639px) {
	.content .content-list .item:nth-child(even) .item-text h5 {
		font-size: 0.83vw;
		margin-top: 1.04vw;
	}
}

.content .content-list .item+.item {
	margin-top: 10.67vw;
}

@media print,
screen and (min-width: 639px) {
	.content .content-list .item+.item {
		margin-top: 0;
	}
}

/* FORM */
.form_tbl {
	text-align: left;
	margin-top: 1vw;
}

.form_tbl input[type='text'],
.form_tbl input[type='email'] {
	width: 100%;
	padding: 5px;
	box-sizing: border-box;
}

.form_tbl th {
	vertical-align: top;
}

.form_tbl th,
.form_tbl td {
	padding: 1vw 0 !important;
	font-size: 14px;
	display: block;
}

.ccm-input-date,
.form_tbl select {
	width: 80px !important;
	font-size: 13px;
}

@media print,
screen and (min-width: 639px) {

	.form_tbl th,
	.form_tbl td {
		font-size: 14px;
		display: table-cell;
	}

	.ccm-input-date,
	.form_tbl select {
		width: 120px !important;
	}
}

.form_tbl tr:first-child th,
.form_tbl tr:first-child td {
	border-top: 1px dotted #CCC;
}

.form_tbl textarea {
	width: 100% !important;
	padding: 5px;
	box-sizing: border-box;
}

.form-btn-area {
	text-align: center;
	padding-top: 2vw;
}

.form-btn-area input[type='submit'] {
	padding: 1vw 4vw;
	font-size: 3.73vw;
	border: 1px solid;
	appearance: none;
	-webkit-appearance: none;
	cursor: pointer;
}

@media print,
screen and (min-width: 639px) {
	.form-btn-area input[type='submit'] {
		font-size: 1vw;
	}
}