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



/*
□□□□□□□□□□□□□□□□□□□□□□□□□□

                トップページ専用CSS

□□□□□□□□□□□□□□□□□□□□□□□□□□
*/

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆PC用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
@media only screen and (min-width: 641px) {
/*ここにcss*/




.opening{
	background-color:#f5f5f5;
	color:#230F03;
	padding:80px 0;
	box-sizing:border-box;
}
.opening_title{
	text-align:center;
	margin-bottom:70px;
}
.opening_con{
	background:url(images/top.jpg) no-repeat center center;
	width:1200px;
	margin:0 auto;
}
.opening_box{
	box-sizing:border-box;
	display:inline-block;
	text-align:left;
	font-size:1.3em;
	line-height:1.4em;
	color:#FFF;
	padding:80px 20px 80px 700px;
	text-shadow:0 0 3px #000000;
}

/*

マップ

*/
.m_map{
	text-align:center;
	padding:80px 0;
	background:url(images/bg01.png);
	background-color:#000;
	color:#FFF;
}
.map_title{
	text-align:center;
	margin-bottom:70px;
	color:#FFF;
	line-height:1.1em;
}
.map_box{
	width:1200px;
	padding:50px;
	box-sizing:border-box;
	margin:0 auto;
	background-color:#FFF;
	color:#000;
}
.map_img{
	margin-bottom:100px;
}
.map_img img{
	width:100%;
	height:auto;
}
/*

内容

*/

.contents_box{
	margin-bottom:90px;
	
}
.contents_box_title{
	text-align:left;
	font-size:1.4em;
	line-height:1.1em;
	padding-bottom:10px;
	margin-bottom:15px;
	border-bottom:1px dotted #999;
}
.contents_box_txt{
	text-align:left;
}

/*コンテンツカラー*/
.cc_a{color:#9595ef;}
.cc_b{color:#e5b02c;}
.cc_c{color:#defce3;}
.cc_d{color:#f9f5dc;}
.cc_e{color:#f9ded7;}


/*画像*/
.contents_box_img{
	width:1200px;
	margin:0 auto 80px;
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
}


.list_box{
    width:200px;
	box-sizing:border-box;
	margin:0 10px 20px;
}
.list_box span {
    display: block;
    height: 0;
    width: 100%;
    padding-bottom: 100%;
    background-size: cover;
    background-position:center center;
}
.list_box span:hover {
    opacity: .8;
}


.note{
	background-color:#333;
	color:#333;	
	box-sizing: border-box;
	padding: 80px 0;
	color:#FFF;
}

.note_title{
	text-align:center;
	margin-bottom:70px;
	color:#FFF;
}

.note_con{
	width:1100px;
	margin:0 auto;
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
}

.note_con{
	line-height:1.8em;
}

.note_con li{
	list-style:square;
}

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆↓PC用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
}
/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆↑PC用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆スマホ用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
@media only screen and (max-width: 640px) {
/*ここにcss*/

.opening{
	background-color:#f5f5f5;
	color:#230F03;
	padding:80px 0;
	box-sizing:border-box;
}
.opening_title{
	text-align:center;
	margin-bottom:80px;
}
.opening_con{
	background:url(images/top.jpg) no-repeat center center;
	width:100%;
	margin:0 auto;
	padding:20px 0;
}
.opening_box{
	width:90%;
	margin:0 auto;
	text-align:left;
	font-size:1.0em;
	line-height:1.4em;
	color:#FFF;
	text-shadow:0 0 3px #000000;
}

/*

マップ

*/
.m_map{
	text-align:center;
	padding:80px 0;
	background:url(images/bg01.png);
	background-color:#000;
	color:#FFF;
}
.map_title{
	text-align:center;
	margin-bottom:70px;
	color:#FFF;
	line-height:1.1em;
}
.map_box{
	width:90%;
	padding:50px 10px;
	box-sizing:border-box;
	margin:0 auto;
	background-color:#FFF;
	color:#000;
}
.map_img{
	margin-bottom:100px;
}
.map_img img{
	width:100%;
	height:auto;
}
/*

内容

*/

.contents_box{
	margin-bottom:50px;
	
}
.contents_box_title{
	text-align:left;
	font-size:1.1em;
	line-height:1.1em;
	padding-bottom:10px;
	margin-bottom:15px;
	border-bottom:1px dotted #999;
}
.contents_box_txt{
	text-align:left;
	font-size:0.9em;
}

/*コンテンツカラー*/
.cc_a{color:#9595ef;}
.cc_b{color:#e5b02c;}
.cc_c{color:#defce3;}
.cc_d{color:#f9f5dc;}
.cc_e{color:#f9ded7;}


/*画像*/
.contents_box_img{
	width:100%;
	margin:0 auto 40px;
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
}


.list_box{
    width:30%;
	box-sizing:border-box;
	margin:0 1.5% 20px;
}
.list_box span {
    display: block;
    height: 0;
    width: 100%;
    padding-bottom: 100%;
    background-size: cover;
    background-position:center center;
}
.list_box span:hover {
    opacity: .8;
}

/*注意書き*/
.note{
	background-color:#333;
	color:#333;	
	box-sizing: border-box;
	padding: 80px 0;
	color:#FFF;
}

.note_title{
	text-align:center;
	margin-bottom:70px;
	color:#FFF;
}

.note_con{
	width:80%;
	margin:0 auto;
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
}

.note_con{
	font-size:0.8em;
	line-height:1.8em;
}

.note_con li{
	list-style:square;
}





/*◆◆◆◆◆◆◆↓スマホ用◆◆◆◆◆◆◆*/    
}
/*◆◆◆◆◆◆◆↑スマホ用◆◆◆◆◆◆◆*/