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


/* ==========================
mainvisual
============================= */
.mainvisual{
	background: url(../img/mainvisual_bg.png) no-repeat;
	background-size: cover;
}

/* ==========================
ここから上は変更不可
============================= */

/* ==========================
main
============================= */
table{
	border-top: 2px solid #c0d3ce;

}
table tr{
	border-bottom: 2px solid #c0d3ce;
}
table th,table td{
	border: none;
	padding: 15px;
}
table th{
	background-color:#ebf1f0;
	text-align: center;
	font-weight: bold;
}
table td{
	text-align: left;
}
.gray_box{
	background-color:#f1f1f1;
	padding: 30px;
}
.gray_box .top_box{
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}
.gray_box .top_box .add{
	font-size:115%;
	line-height: 2;
}
.gray_box .top_box .add .name{
	font-size: 130%;
	font-weight: bold;
}
iframe{
	width: 100%;
}

/* ==========================
youtube
============================= */

section.youtube {
	margin: 50px auto;
}

.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}


@media screen and ( max-width: 1000px ){
.item_block {
	padding: 0 0 0 0;
	max-width: 100%;
	width: 49%;
	}
.detail_btn {
	max-width: 180px;
	width: 100%;
	margin: auto;
	margin-bottom: 20px;
	}
iframe{
	width: 100%;
	height: auto;
	}
.gray_box .top_box .right_img{
	width: 45%;
	}
.gray_box .top_box .right_img img{
	max-width: 100%;
	height: auto;
	}
}
@media screen and ( max-width: 767px ){
.item_block {
	width: 100%;
	max-width: 280px;
	margin: auto;
	margin-bottom: 30px;
	}
.item_block .item_lead_text {
	min-height: auto;
	}
.gray_box .top_box {
    display: block;
	margin-bottom: 30px;
	}
.gray_box .top_box .add {
    margin-bottom: 30px;
	}
.gray_box .top_box .right_img {
    width: 100%;
    text-align: center;
	}
table{
	width: 100%;
	}
table th, table td{
	display: block;
	width: 90%;
	padding: 5%;
	}
}
@media print {


}