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


/* ==========================
==========　メイン　===========
============================= */

.under_visual {
	background: url(../../img/under_visual.png)no-repeat center center;
	background-size: cover;
}

.normal_container {
	background: #fff;
	padding: 3%;
	margin-bottom: 40px;
}

.welfare_intro {
	background: #fff;
	overflow: hidden;
	margin-bottom: 40px;
}
.welfare_intro .intro_img {
	float: left;
    width: 100%;
    max-width: 350px;
}
.welfare_intro .intro_txt {
	float: left;
	width: 100%;
    max-width: 390px;
    padding: 15px;
}


.sub_name {
    padding: 5px 20px;
    background: rgb(64,147,99);
    background: -moz-linear-gradient(left, rgb(64,147,99) 0%, rgb(57,114,124) 50%, rgb(50,80,151) 100%);
    background: -webkit-linear-gradient(left, rgb(64,147,99) 0%,rgb(57,114,124) 50%,rgb(50,80,151) 100%);
    background: linear-gradient(to right, rgb(64,147,99) 0%,rgb(57,114,124) 50%,rgb(50,80,151) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#409363', endColorstr='#325097',GradientType=1 );
    color: #fff;
    font-size: 115%;
    margin-bottom: 20px;
}

.txt_down {
	margin-bottom: 10px;
}

.intro_txt .txt_down:last-child {
    margin-bottom: 0px;
}

.intro_txt p.txt_down:last-child {
    margin-bottom: 0;
}

.txt_down .blue_point {
	color: #455fa3;
}

table.welfare_table {
	width: 100%;
    margin-bottom: 40px;
}

.welfare_table th,
.welfare_table td {
	padding: 10px 20px;
}

.welfare_table th {
	background: #7ec699;
	text-align: center;
	width: 30%;
}

.welfare_table th.odd {
	background: #65bb85;
}

.welfare_table td {
	width: 70%;
	background: #f5f5f5;
}

.welfare_table td.odd {
	background: #e6e6e6;
}


/* トップ固有のスマホ対応記述
========================== */

/* 1200pxより小さい場合 */
@media screen and ( max-width: 1200px ){
	
}

/* 700pxより小さい場合 */
@media screen and ( max-width: 700px ){
	
	.welfare_intro {
		max-width: 350px;
		width: 100%;
		margin: 0 auto 40px;
	}
	
	.welfare_intro .intro_txt {
		width: 92%;
	    padding: 4%;
	}
	
}


/* 500pxより小さい場合 */
@media screen and ( max-width: 500px ){
	
}

/* 420pxより小さい場合 */
@media screen and ( max-width: 420px ){

}

/* 360pxより小さい場合 */
@media screen and ( max-width: 360px ){
	
}