/* CSS Document */


/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆PC用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
@media only screen and (min-width: 769px) {
	
.m_visual2{
	width:100%;
	height:300px;
	margin:0 auto 80px;
}
#m_visual_con{
	width:100%;
	height:100%;
	background: url(../lib/images/pc_sub_bg.jpg) no-repeat center center;
	background-size:cover;
	position:relative;
}
.test_bg{
	margin-top:30px;
}
.m_visual_txt_con{
	position:absolute;
	top:50px;
	left:0;
	width:100%;
	height:100%;
	color:#FFF;
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
	flex-direction: column;
    justify-content: center;
    align-items: center;
}
.m_visual_txt_box{
	font-size:50px;
	letter-spacing:0.2em;
	font-weight:900;
	text-shadow:
    	1px 1px 2px rgba(0, 0, 0, 0.057),
    	2px 2px 3px rgba(0, 0, 0, 0.076),
    	3px 3px 4px rgba(0, 0, 0, 0.086),
    	4px 4px 5px rgba(0, 0, 0, 0.092);
}


/*挨拶*/
.info{
	width:100%;
	padding:80px 0;
}
.info_con{
	width:1000px;
	margin:0 auto;
	
}

.info_title{
	border-top:3px solid #000;
	border-bottom:3px solid #000;
	margin-bottom:20px;
	padding:20px 0 23px;
	font-size:1.4em;
	text-align:center;
	font-weight:bold;
}
.info_txt{
	font-size:1em;
	line-height:1.2em;
	margin-bottom:40px;
}

.overview{
	text-align:center;
	margin-bottom:80px;
}
.overview table{
	width:1000px;
	margin:0 auto;
}
.overview table, td, th {
    border-collapse: collapse;
    border:1px solid #333;
}
.overview table th{
	white-space:nowrap;
	padding:15px 25px;
	background-color:#33436C;
	color:#FFF;
	vertical-align:middle;
}
.overview table td{
	padding:15px 25px;
}

.overview table td img{
	height:40px;
	width:auto;
	margin-right:20px;
}


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

/*◆◆◆◆◆◆◆◆◆◆◆◆◆◆スマホ用◆◆◆◆◆◆◆◆◆◆◆◆◆◆*/
@media only screen and (max-width: 768px) {
.m_visual2{
	width:100%;
	height:150px;
	margin:0 auto 40px;
}
#m_visual_con{
	width:100%;
	height:100%;
	background: url(../lib/images/pc_sub_bg.jpg) no-repeat center center;
	background-size:cover;
	position:relative;
}
.m_visual_txt_con{
	position:absolute;
	top:0px;
	left:0;
	width:100%;
	height:100%;
	color:#FFF;
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
	flex-direction: column;
    justify-content: center;
    align-items: center;
}
.m_visual_txt_box{
	font-size:1.3em;
	letter-spacing:0.2em;
	font-weight:900;
	text-shadow:
    	1px 1px 2px rgba(0, 0, 0, 0.057),
    	2px 2px 3px rgba(0, 0, 0, 0.076),
    	3px 3px 4px rgba(0, 0, 0, 0.086),
    	4px 4px 5px rgba(0, 0, 0, 0.092);
}


/*挨拶*/
.info{
	width:100%;
	padding:0 0 40px;
}
.info_con{
	width:100%;
	margin:0 auto;
	
}

.info_title{
	border-top:3px solid #000;
	border-bottom:3px solid #000;
	margin-bottom:20px;
	padding:20px 0 23px;
	font-size:1.4em;
	text-align:center;
	font-weight:bold;
}
.info_txt{
	width:90%;
	font-size:1em;
	line-height:1.2em;
	margin:0 auto 40px;
}

.overview{
	text-align:center;
	margin-bottom:80px;
}
.overview table{
	width:90%;
	margin:0 auto;
}
.overview table, td, th {
    border-collapse: collapse;
    border:1px solid #333;
}
.overview table th{
	width:100%;
	display: block;
    margin-bottom: 20px;
	white-space:nowrap;
	padding:15px;
	background-color:#33436C;
	color:#FFF;
	vertical-align:middle;
}
.overview table td{
	width:100%;
	display: block;
	padding:15px;
}

.overview table td img{
	width:80%;
	height:auto;
	margin-bottom:15px;
}



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