@charset "utf-8";

/*======================================

　TOPページ

======================================*/

/*----------------------------------------------------
　MAIN
----------------------------------------------------*/
#main {
	background-image: url(../img/back.jpg);
	background-repeat: repeat;
	padding-bottom: 2em;
}

#main_img {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3em;
	margin-bottom: 5em;
	position: relative;
	text-align: center;
}
#main_copy {
	position: absolute;
	color: #FFFFFF;
    font-size: 120%;
    font-weight: 700;
    left: 64%;
    bottom: 18%;
    line-height: 1.6em;
}
#contents{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
#side_copy{
	position: absolute;
	height: 95%;
	width: auto;
	opacity: 0.8;
}
#side_copy img{
	height: 100%;
}
/*----------------------------------------------------
　インデックス
----------------------------------------------------*/
#index_box ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
#index_box ul li{
	width: 30%;
	margin-right: 5%;
	margin-bottom: 8%;
	text-align: center;
	position: relative;
}

.index_no{
	width: 30%;
}

#index_box li .index_copy,#index_box li .index_title{
	background-image: url(../img/line.png);
	background-size: 100% 5px;
	background-repeat: no-repeat;
}
#index_box ul li:nth-of-type(3n){
	margin-right: 0%;
}
/*== 画像裏返し */
.index_img {
	width: 80%; /* 任意の横幅を指定 */
}
.index_title{
    width: 80%;
    font-size: 98%;
    padding-top: 0.8em;
    height: 7em;
    display: flex;
    justify-content: center;
    align-items: center;
}