@charset "utf-8";

/*PR（個別記事）*/

/*sideのPICK UP表示設定*/
@import url(side-pickup.css);

/*企業情報表示設定 読み込み*/
@import url(corporate-info-style.css);

h1 {
	color: #283764;
}

.corporate-name {
	margin-bottom: 1.5em;
}

#tags {
display: flex;
}

#tags div {
display: inline-block;
padding: 5px 10px;
/*background-color: #7DB305;*/
background-image: url(../img/tag-background.png);
color: #FFF;
margin-right: 10px;
}

#pr-area {
	/*width: 830px;*/
	margin-top: 1.5em;
}

.msg-box {
	margin: 1.5em 0;
}

.photo-box img {
	width: 100%;
	height: auto;
}

/*特典*/
.tokuten {
	border-left: 2px #283764 solid;
	border-right: 2px #283764 solid;
	border-bottom: 2px #283764 solid;
}

.tokuten h3 {
	margin: 0;
	padding: 5px 0;
	background-color: #283764;
	color: #FFF;
	text-align: center;
}

.tokuten .inner {
padding: 10px;
}

.tokuten .inner strong {
	color: #d32f2f;
	margin-right: 0.5em;
}

/*特徴*/
#tokuchou {
	/*width: 830px;*/
	display: flex;
	justify-content: space-between;
	margin-bottom: 1.5em;
}

#tokuchou h3 {
	display: flex;
	padding: 0;	
	margin: 0;
	width: 68px;
	/*height: 68px;*/
	margin-right: 6px;
	background-color: #283764;
	color: #FFF;
	font-size: 17px;
	justify-content: center;
	align-items: center;
	margin-bottom: 6px;
}

#tokuchou ul {
	margin: 0;
	padding: 0;
	/*width: 755px;*/
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-content: space-between;
}

#tokuchou ul li {
	list-style-type: none;
	background-color: #C3C3C4;
	color: #8A8684;
	/*width: 248px;*/
	width: calc(33.33% - 4px );
	/*height: 30px;*/
	padding: 5px 0;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 6px;
}

#tokuchou ul li.on {
	background-color: #379EDE;
color: #FFF;
}

/*料金表*/
table.price {
	border-collapse: collapse;
	border-top: 1px #666 solid;
	border-right: 1px #666 solid;
	width: 100%;
	margin-top: 15px;
}

table.price th{
	padding:10px 15px;
	background-color: #E4E5E5;
	text-align: left;
	width: 50%;
}

table.price thead th{
	border-left: 1px #868687 solid;
	border-bottom: 1px #868687 solid;
}

table.price tbody th{
	border-left: 1px #868687 solid;
	border-bottom: 1px #868687 solid;
}

table.price tbody td{
	border-left: 1px #868687 solid;
	border-bottom: 1px #868687 solid;
	padding:10px 15px;
}

/* SP */
@media screen and (max-width:767px) {
	#tags {
		display: flex;
		flex-direction: column;
	}

	#tags div {
		margin-right: 0;
		margin-bottom: 10px;
	}

	h1 {
	font-size: 1.6em;
	}

	.main-photo img {
	width: 100%;
	height: auto;
	}

	#pr-area {
	width: 100%;
	}

	/*特徴*/
	#tokuchou {
		width: 100%;
	}

	#tokuchou h3 {
		width: 2.5em;
		padding: 0 6px;
	}

	#tokuchou ul {
		width: 100%;
	}

	#tokuchou ul li {
		width: calc(50% - 3px );
	}
}

/* Tablet */
@media only screen and (min-width: 767px) and (max-width:1024px) {
#pr-area {
	width: 100%;
}

.main-photo img {
	width: 100%;
	height: auto;
	}
}