@charset "utf-8";

/* 蟆る摩螳ｶ縺ｮ螢ｰ繝壹�繧ｸ */


.top_title{
    width: 100%;
    height: 250px;
    margin: auto;
    text-align: center;
	background-image: url("../img/top.jpg");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
    display: flex;
    justify-content:center;
    align-items: center;

}

.top_title h1{
	display:flex;
    justify-content:center;
    align-items: center;
	width:400px;
	height:60px;
	background-color:rgba(255, 255, 255,0.75);
    font-family: 'Sawarabi Mincho';
	font-size:25px;
	letter-spacing: 2px;
	border-left: 5px #ffffff solid;
}


.expart_wrap{
	width:1100px;
	margin: auto;
}
.top_title_01{
    width: 100%;
    height: 250px;
    margin: auto;
    text-align: center;
	background-image: url("../img/title_01.jpg");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
    display: flex;
    justify-content:center;
    align-items: center;
}

.top_title_02{
    width: 100%;
    height: 250px;
    margin: auto;
    text-align: center;
	background-image: url("../img/title_02.jpg");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
    display: flex;
    justify-content:center;
    align-items: center;

}

.top_title_03{
    width: 100%;
    height: 250px;
    margin: auto;
    text-align: center;
	background-image: url("../img/title_03.jpg");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
    display: flex;
    justify-content:center;
    align-items: center;

}

.top_title_04{
    width: 100%;
    height: 250px;
    margin: auto;
    text-align: center;
	background-image: url("../img/title_04.jpg");
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
    display: flex;
    justify-content:center;
    align-items: center;

}
.top_title_01 h3,.top_title_02 h3,.top_title_03 h3,.top_title_04 h3{
	display:flex;
    justify-content:center;
    align-items: center;
	width:400px;
	height:60px;
	background-color:rgba(255, 255, 255,0.75);
    font-family: 'Sawarabi Mincho';
	font-size:25px;
	letter-spacing: 2px;
	border-left: 5px #ffffff solid;
}

/* 繧ｳ繝ｳ繝�リ */
#container01 {
    display: grid;
    grid-template-rows: 100px 300px;
    grid-template-columns: 300px 1fr;
    grid-template-areas:
        "areaA areaB"
        "areaA areaC";
	margin: 100px auto 0;
}

/* 繧｢繧､繝�Β */
#itemA {
    grid-area: areaA;
}
#itemB {
	padding-left: 30px;
    grid-area: areaB;
}
#itemC {
	padding-left: 30px;
    grid-area: areaC;
}

#container01 p{
	width: auto;
	line-height: 1.5em;
	letter-spacing: 0.01em;
	text-align: left;
}
p.name{font-size: 28px;}
p.history01{
	margin: 15px 0;
}
.expart_message{
	line-height: 2em;
	margin-top: 30px;
	margin-bottom: 300px;
	font-size: 18px;
}
.expart_txt{
	margin: 30px auto 300px;
	line-height: 2em;
}
.expart_flex01{
	margin: 50px auto 300px;
	display: flex;
	justify-content: space-around;
}
.expart_left01,.expart_right01{
	width: 50%;
	line-height: 2em;
	letter-spacing: 0.01em;
}

@media screen and (max-width: 1280px) {
.top_menu1,.expart_wrap{
	width: 100%;
	margin-top: 80px;
}

.top_title,.top_title_01,.top_title_02,.top_title_03,.top_title_04{
    height: 80px;
    margin-bottom:55px;
}

.top_title h1 ,.top_title_01 h3 ,.top_title_02 h3 ,.top_title_03 h3 ,.top_title_04 h3{
    background-color: unset;
	border-left:unset;
	margin-top: 140px;
	}
	
/* 繧ｳ繝ｳ繝�リ */
#container01 {
    display:flex;
	flex-wrap: wrap;
	justify-content: space-around;
	width: 90%;
	margin: 50px auto;
}

/* 繧｢繧､繝�Β */
#itemA {
	order: 2;
	width: 100%;
    grid-area: areaA;
	text-align: center;
}
#itemA img{
	width: 70%;
}
#itemB {
	order: 1;
	width: 80%;
	padding-left: 0px;
    grid-area: areaB;
}
#itemC {
	order: 3;
	width: 100%;
	padding-left: 0px;
    grid-area: areaC;
}

p.name{order: 1}
p.history01{margin: 0;}
.expart_message{display: none;}

.expart_txt{
	width: 90%;
	margin-top: 70px;
	margin-bottom: 50px;
}
.expart_flex01{flex-wrap: wrap; margin-top: 70px; margin-bottom: 50px;}
.expart_left01,.expart_right01{width: 90%;}


}