main{
	background-color: #eee;
}
article{
	background-color: #fff;
}
h1,h2{
	font-family: 'Fjalla One', sans-serif;
	font-size: xx-large;
	text-align: center;
}
h3{
	font-family: 'M PLUS Rounded 1c', sans-serif;
	font-size: xx-large;
	text-align: center;
}
@media screen and (max-width: 768px){
	h3{
		font-size: x-large;
	}
}
section{
	padding:10px 0;
}
section .flex{
	display: flex;
	flex-wrap: wrap;
	position: relative;
}
section .flex > div{
	width: 50%;
	padding: 15px;
}
p{
	line-height: 2;
}


@media screen and (max-width:768px){
	/*画面幅が768px以下の時*/
	section .flex > div{
		width: 100%;
	}
	section:nth-child(4) .flex > div:nth-child(2){
		order: 1;
	}
	section:nth-child(4) .flex > div:nth-child(1){
		order: 2;
	}
}
/*---------first_section-----------*/
.title_section{
	margin-top:15%; 
}
.title_section h1{
	font-size: xx-large;
	text-align: left;
}
.point{
	padding-bottom: 30px;
	border-bottom: solid 5px brown;
}
.ordered{
	font-size: x-large;
	margin-bottom: 10px;
}
section:nth-child(1){
		padding:40px 10px;
}
@media screen and (max-width:768px){
	/*画面幅が768px以下の時*/
	section:nth-child(2) .flex > div:nth-child(1){
		padding: 0;
	}
	section:nth-child(2) .flex{
		line-height: 0;
	}
	.title_section{
		margin-top: 0;
		position: absolute;
		bottom: 0;
		background-color: #00000054;
		line-height: 1.5;
	}
	.title_section *{
		color: #fff;
	}
	.point{
		padding: 0;
		border: 0;
	}
	section:nth-child(1){
		padding:20px 10px;
	}
}

/*--------タブ切り替え--------*/

.tabs{
	padding: 5%;
	font-size: 0;
}
.tab_item{
	display: inline-block;
	width: 33%;
	font-size: 24px;
	text-align: center;
	border-bottom:solid 4px #eee;
	padding-bottom: 10px;
}
/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

.tab_content{
	display: none;
}

/*選択されているタブのコンテンツのみを表示*/
#evaluation:checked ~ #evaluation_content,
#detail:checked ~ #detail_content,
#map:checked ~ #map_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  border-bottom: solid 4px brown;
}
.tab_content_description{
	font-size: large;
	padding: 10px;
	margin:0 auto;
}

/*----table-----*/
section table{
	margin: 0 auto;
}
section table tr *{
	padding: 10px;
	font-size: larger;
	word-break: break-all;
}
.every_point tr:nth-child(1){
	background-color: #ccc;
	color: #fff;
}
.every_point tr:nth-child(2){
	background-color: #eee;
}
.detail_table th{
	background-color: #bbb;
	color: #fff;
	width: 26%;
}
.detail_table td{
	background-color:#ddd;
}
@media screen and (max-width:768px){
	/*画面幅が768px以下の時*/
	section table tr *{
		font-size: smaller;
	}
}