@charset "UTF-8";

/* ▼▼▼ prescription
=====================================*/
/* ▼ sec01
----------------------------------------*/
#sec01.flex_box div{
	flex: 1;
	}
	#sec01.flex_box div:nth-child(1){
		flex: 0.9;
		padding-right: 4%;
	}
	#sec01.flex_box h1{
		margin-bottom: 40px;
		font-size: 50px;
	}
	#sec01.flex_box .photo + p{
		margin-bottom: 15px;
		font-size: 20px;
		font-weight: bold;
		text-align:center;
	}

/* ▼ sec02
----------------------------------------*/
#sec02 > p{
	margin-bottom: 100px;
	font-size: 20px;
	text-align: center;
	}
	#sec02 h2{
		margin-bottom: 90px;
		font-size: 32px;
		text-align: center;
		text-decoration: underline;
		text-underline-offset: 10px;
	}
	#sec02 h3{
		margin-top: 60px;
		text-align: center;
		position: relative;
	}
	#sec02 h3 span{
		display: inline-block;
		padding: 0 20px;
		margin: 0 auto 40px;
		border-right: 7px solid #a78836;
		border-left: 7px solid #a78836;
		background: #fff;
		color: #a78836;
		font-size: 26px;
		text-align: center;
		line-height: 1.4;
	}
	#sec02 h3::before,
	#sec02 h3::after{
		content: "";
		width: 100%;
		height: 1px;
		border-top: 3px dotted #a78836;
		margin: auto;
		position: absolute;
		top: 20px;
		z-index: -1;
	}
	#sec02 h3::before{
		left: 0;
	}
	#sec02 h3::after{
		right: 0;
	}
	/* メニュー */
	#sec02 .menu_list {
		flex-wrap: wrap;
	}
	#sec02 .menu_list > div {
		width: 47%;
		margin-bottom: 60px;
	}
	#sec02 .menu_list > div:nth-child(odd){
		margin-right: 5%;
	}
	#sec02 .menu_list h4{
		margin-bottom: 20px;
		font-size: 22px;
	}
	#sec02 .menu_list .menu_list_read{
		margin-bottom: 15px;
		font-weight: bold;
	}
	#sec02 .menu_list .action{
		margin-bottom: 15px;
	}
	#sec02 .menu_list .action dt{
		display: inline-block;
		padding: 0 10px;
		height: 32px;
		background: #000;
		color: #fff;
		font-weight: bold;
		position: relative;
		top: 15px;
		left: -15px;
	}
	#sec02 .menu_list .action dt::after{
		content: "";
		width: 0;
	  height: 0;
	  border-style: solid;
	  border-top: 16px solid transparent;
	  border-bottom: 16px solid transparent;
	  border-left: 16px solid #000;
	  border-right: 0;
		position: absolute;
		right: -16px;
	}
	#sec02 .menu_list .action dd{
		background: #f0f0e6;
		border-radius: 10px;
		padding: 20px 35px;
		font-weight: bold;
	}
	#sec02 .menu_list table{
		width: 100%;
		font-size: 14px;
	}
	#sec02 .menu_list table th,
	#sec02 .menu_list table td{
		padding: 5px 10px;
		border-bottom: 2px solid #f0f0e6;
		vertical-align: middle;
		line-height: 1.5;
	}
	#sec02 .menu_list table th span{
		display: block;
		color: #8f2800;
		font-size: 12px;
	}
	#sec02 .menu_list table td{
		padding: 5px 0;
		text-align: right;
	}
	#sec02 p.kome{
		margin-bottom: 0;
		font-size: 14px;
		text-align: right;
	}


/* ▼▼▼ 480px〜768px
=====================================*/
@media screen and (max-width: 768px) {

	/* ▼ sec01
	----------------------------------------*/
	#sec01{
		padding: 0;
	}
	#sec01.flex_box div:nth-child(1){
		padding: 0 0 4%;
	}
	#sec01.flex_box div p{
		text-align: left;
		font-size: 12px;
		}
		#sec01.flex_box div p.mb10{
			text-align: center;
		}
		#sec01.flex_box h1{
			margin-bottom: 15px;
			font-size: 29px;
			text-align: center;
			line-height: 1;
		}
		#sec01.flex_box .photo{
			margin-bottom: 15px;
		}
		#sec01.flex_box .photo + p{
			margin-bottom: 15px;
			font-size: 14px;
			font-weight: bold;
			text-align: center;
		}

	/* ▼ sec02
	----------------------------------------*/
	#sec02 > p{
			margin-bottom: 40px;
			font-size: 14px;
			}
			#sec02 h2{
				margin-bottom: 40px;
				font-size: 18px;
			}
			#sec02 h3 span{
				margin: 0 auto 30px;
				padding: 0 15px;
				border-right: 4px solid #a78836;
				border-left: 4px solid #a78836;
				font-size: 18px;
			}
			#sec02 h3::before,
			#sec02 h3::after{
				border-top: 2px dotted #a78836;
				top: 13px;
			}
			/* メニュー */
			#sec02 .menu_list > div {
				width: 100%;
				margin-bottom: 40px;
			}
			#sec02 .menu_list > div:nth-child(odd){
				margin: 0 auto 45px;
			}
			#sec02 .menu_list h4{
				margin-bottom: 5px;
				font-size: 18px;
			}
			#sec02 .menu_list .menu_list_read{
				margin-bottom: 0;
			}
			#sec02 .menu_list .action{
				width: 97%;
				margin: 0 0 0 auto;
			}
			#sec02 .menu_list .action dt{
				left: -10px;
				height: 25px;
				font-size: 11px;
				top: 10px;
			}
			#sec02 .menu_list .action dt::after{
				border-top: 12px solid transparent;
				border-bottom: 13px solid transparent;
				border-left: 8px solid #000;
				right: -8px;
			}
			#sec02 .menu_list .action dd{
				padding: 17px 15px 15px;
				line-height: 1.4;
			}
			#sec02 .menu_list table{
				font-size: 12px;
				margin: 15px auto 0;
			}
			#sec02 .menu_list table th,
			#sec02 .menu_list table td{
			}
			#sec02 .menu_list table th span{
				font-size: 10px;
			}
			#sec02 .menu_list table td{
				padding: 5px 0;
				text-align: right;
			}
			#sec02 p.kome{
				font-size: 12px;
				text-align: left;
			}




}