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

body {
	font-family: sans-serif;
}

/*--------- Common ---------*/
img { display:block; }
.inner { width:960px; margin:0 auto; }
.bg { width:100%; }
.fl { float:left; }
.fr { float:right; }
.clear { clear:both; }
.notes { font-size:12px; padding-top:20px; text-align:left !important; }
p { font-size:14px; line-height:1.8em;}
sup{font-size: 10px;}

.all { text-align: left; }
.alc { text-align: center; }

.mR34{ margin-right:34px;}

.mB10{ margin-bottom:10px;}
.mB20{ margin-bottom:20px;}
.mB30{ margin-bottom:30px;}
.mB40{ margin-bottom:40px;}
.mB60{ margin-bottom:60px;}
.mB80{ margin-bottom:80px;}

.mT20{ margin-top:20px;}
.mT26{ margin-top:25px;}
.mT30{ margin-top:30px;}
.mT40{ margin-top:40px;}
.mT80{ margin-top:80px;}

.mL20{ margin-left:20px;}
.mL30{ margin-left:30px;}
.mL40{ margin-left:40px;}

.mR20{ margin-right:20px;}
.mR26{ margin-right:25px;}
.mR30{ margin-right:30px;}
.mR40{ margin-right:40px;}

.pB80{ padding-bottom:80px;}

.pT0{ padding-top: 0px; }

.subscription { width: 952px; margin: 0 auto; border: solid 4px #ff9d00; background:#ffe4ba; }
.subscription .content { padding: 20px 40px 30px; }
.subscription ul li { width:426px; height: 210px; margin-left: 20px; position: relative; float: left; background: url(../1day_img/msad_ss_base.png) no-repeat 0 0; }
.subscription ul li:first-child { margin-left: 0; }
.subscription ul li > * { position: absolute; }
.subscription .sp01 { top: 20px; left: 50%; margin-left: -158px; }
.subscription .button { display: block; bottom: 20px; left: 50%; margin-left: -132.5px; }
.subscription .button:before { content: ""; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; border-radius: 10px; }
.subscription .button:hover:before { background: rgba(255, 157, 0, 0.2); }
.subscription .pc01{ top: 20px; left: 50%; margin-left: -130px; }
.subscription .pc02{ bottom: 20px; left: 30px; }
.subscription .pc03{ bottom: 50px; right: 25px; }

/*--------- ヘッダー ---------*/
header { width:100%;}
header .txt { padding: 4px 0; background: #00665a; }
header .txt p { color: #fff; font-size: 12px; text-align: right; }
header #logo { padding: 24px 0 20px; border-bottom: solid 3px #d4d4d4;}

/*---------mv---------*/
#mv { background:#fefcf2; }

/*---------sec01---------*/
#sec01 { margin-bottom: 80px; }

#readtxt { padding-bottom: 28px; background: url(../1day_img/msad_mv_img_02.png) no-repeat center bottom; }
#readtxt div { padding-top: 10px; padding-bottom: 30px; background: #00665a; }
#readtxt img { margin:0 auto; }

#sec01 h2 { margin-top: 44px; padding-bottom: 44px; }
#sec01 h2 img { margin: 0 auto; }

#sec01 > div { position: relative; }

#c3 .inner { width: 788px; }
#c3 ul li { float: left; margin-left: 34px; }
#c3 ul li:first-child { margin-left: 0; }

#check { margin-top: 50px; margin-bottom: 40px; padding: 20px 0; background:#e5efee; }
#check p { margin: -12px 0 -13px; padding: 25px 194px; }
#check p span{ color: #e60012; }
#check img { position: absolute; bottom: 0; right: 50%; margin-right: -300px; }

#attention { width: 952px; margin: 0 auto 40px; padding: 30px 0; border: solid 4px #d2d2d2; }
#attention .content { padding: 0 40px; }
#attention h3 img { margin: 0 auto; }
#attention ol { margin-top: 30px; font-size: 14px; line-height: 1.6; }
#attention ol li { padding-left: 1.2em; text-indent: -1.2em; margin-bottom: 5px; }


/*---------sec02---------*/
#sec02 { background: #e5efee; padding: 50px 0 60px;}
#sec02 h2 { margin-bottom: 20px; }
#sec02 h2 img { margin: 0 auto; }
#sec02 ul li { width: 300px; float: left; margin-left: 30px; }
#sec02 ul li:first-child { margin-left: 166px; }
#sec02 ul li span { display: block; margin-top: 10px; margin-right: 5px; padding-left: 3em; text-indent: -3em; font-size: 12px; }

/*---------sec03---------*/
#sec03 { margin: 56px 0 80px; }
#sec03 h2 { margin-bottom: 30px; }
#sec03 h2 img { margin: 0 auto; }
#sec03 .lead { margin-bottom: 30px; }
#sec03 .lead p { margin-bottom: 32px; font-size:16px; text-align: center; }
#sec03 .lead p span { color: #e60012; }
#sec03 .lead ul { margin: 0 0 40px 40px; }
#sec03 h3 { margin-bottom: 30px; }
#sec03 h3 img { margin: 0 auto; }
#sec03 ul li { float: left; margin-left: 30px; }
#sec03 ul li:first-child { margin-left: 0; }

/*テーブル*/
.tbl_wrap { margin: 20px 0 56px; }
.tbl_txt { margin-bottom: 10px; font-size:16px; }

table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
th,
td {
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	box-sizing: border-box;
	padding: 12px 15px;
	text-align: center;
	vertical-align: middle;
}
.width_a {
	width: 192px;
}
.width_b {
	width: 576px;
}
.width_c {
	width: 160px;
}

.width_d {
	width: 384px;
}

.width_a_02{
	padding: 12px 12px;
}

.tbl_style01 th {
	background: #e9e9e9;
}
.tbl_style01 th span {
	font-weight: bold;
}
.tbl_style01 td span {
	color: #ed115e;
	font-size: 20px;
	font-weight: bold;
}
.tbl_style02 {
	border-top: none;
}
.tbl_style02 th {
	background: #eff5cd;
	text-align: left;
}
.tbl_style02 th.type02, .tbl_style02 td.type02 {
	padding-right: 4px;
	padding-left: 4px;
}
.tbl_style02 td span {
	font-size: 20px;
	font-weight: bold;
}
.tbl_style03 {
	border-top: none;
}
.tbl_style03 th {
	background: #fbe4ef;
	text-align: left;
}
.tbl_style03 td span {
	font-size: 20px;
	font-weight: bold;
}
.tbl_style03 td.type02 {
	padding-right: 4px;
	padding-left: 4px;
}

/*---------sec04---------*/
#sec04 { padding: 56px 0 48px; background:#eee; }
#sec04 h2 { margin-bottom: 30px; }
#sec04 h2 img { margin: 0 auto; }
#sec04 h3 { margin-bottom: 30px; }
#sec04 .note li { margin-bottom: 5px; padding-left: 1.5em; text-indent: -1.5em; font-size: 12px; }
.card_box {
	margin-bottom: 15px;
}
.card_box > div {
	width: 303px;
	height: 203px;
	float: left;
	margin-bottom: 25px;
	margin-left: 25px;
	position: relative;
	cursor: pointer;
	overflow: hidden;
}
.card_box > div img {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.card_box > div:nth-child(3n+1) {
	margin-left: 0;
	clear: left;
}
.card_box > div:before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
.card_ov {
	display: none;
}

/*---------sec05---------*/
#sec05 { padding: 52px 0 95px; }
#sec05 img { margin: 0 auto; }


#sec05 h2 img {
	padding-bottom: 40px;
	padding-left: 1px;
}

.msad_sec05_img_01 {
	margin-bottom: 11px;
}
.msad_sec05_txt {
	font-size: 20px;
	line-height: 1.7;
	text-align: center;
	margin-bottom: 51px;
	padding-left: 7px;
}
.msad_sec05_img_02 {
	margin-bottom: 24px;
}
.msad_sec05_list {
	font-size: 16px;
	margin-bottom: 38px;
	padding: 0 40px 0 60px;
}
.msad_sec05_list_title {
	font-size: 16px;
	padding: 0 0 15px 40px;
}
.msad_sec05_list li {
	list-style-type: decimal;
}
.msad_sec05_list_title,.msad_sec05_list span {
	color: #e60012;
}
#sec05 .tbl_style04 {
	margin-bottom: 40px;
}
#sec05 .sec05_th_01 {
	width: 280px;
	font-size: 16px;
	line-height: 1.8;
	padding-left: 40px;
	color: #000000;
	background-color: #ffc572;
}
#sec05 .sec05_th_02 {
	font-size: 16px;
	color: #000000;
	background-color: #ffe3ba;
}

#sec05 .sec05_th_03 {
	background-color: #ffc592;
}

#sec05 .sec05_th_04 {
	background-color: #f9e2ce;
}

#sec05 .sec05_td span {
	font-size: 16px;
	color: #000000;
}
.msad_sec05_img_03 {
	margin-bottom: 39px;
	padding-left: 1px;
}
.msad_sec05_img_04_area {
	font-size: 0;
}
.msad_sec05_img_04 {
	display: inline-block;
}

/*---------sec06---------*/
#sec06 .notes a { color: #004090; }
#sec06 .notes a:hover { text-decoration: none; }



/*---------footer---------*/
footer{ background:#eeeeee; height:100px; width:100%; vertical-align:middle; }
footer p{ display:inline-block; vertical-align:middle; font-size:14px; margin-top:40px; }

/*---------add---------*/
.clearfix:after {
	content:" ";
	display:block;
	clear:both;
}