@charset "utf-8";

*
	{ margin: 0; padding: 0; }
p, ul, ol, input, textarea
	{ font-size: 120%; line-height: 200%; color: #191919; margin: 0; padding: 0; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; }
.min
	{ font-family: '小塚明朝 Pro','ヒラギノ明朝 ProN W3', 'HiraMinProN-W3','HG明朝E','ＭＳ Ｐ明朝','MS PMincho','MS 明朝',serif; }
ul ul, ul ol, ol ol, ol ul
	{ margin-top: 0; font-size: 100%; }
a
	{ color: #cc3333; text-decoration: none; font-weight: bold; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; }
a:hover
	{ color: #cc3333; text-decoration: underline; }

p.check
	{ min-height: 20px; margin-top: 5px; padding-top: 23px; padding-left: 45px; background: url('../img/check_bg.png') left center no-repeat; }

img
	{ border: 0; vertical-align: top; }
.vab
	{ vertical-align: bottom; }
.vam
	{ vertical-align: middle; }

.rbox
	{ float: right; }
.lbox
	{ float: left; }

.clb, .spacer
	{ font-size: 1%; clear: both; }
.clearfix:after
	{ height: 0; visibility: hidden; content: "."; display: block; clear: both; }
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.mgt
	{ margin-top: 15px; }
.mgt30
	{ margin-top: 30px; }
.mgt50
	{ margin-top: 50px; }
.mgb
	{ margin-bottom: 15px; }
.mgb30
	{ margin-bottom: 30px; }
.mgl
	{ margin-left: 15px; }
.mglra
	{ margin-left: auto; margin-right: auto; }
.pdt
	{ padding-top: 30px; }
.pdt50
	{ padding-top: 50px; }
.pdb
	{ padding-bottom: 30px; }

.dis_b
	{ display: block; }
.dis_i
	{ display: inline !important; }
.dis_ib
	{ display: inline-block; }

.fbd
	{ font-weight: bold; }
.und
	{ text-decoration: underline; }
.ita
	{ font-style: italic; }

.al
	{ text-align: left !important; }
.ar
	{ text-align: right; }
.ac
	{ text-align: center; }

p.tx0
	{ font-size: 1%; line-height: 0; }

.fs_s
	{ font-size: 100%; }
.fs_l
	{ font-size: 160%; }
.fs_ll
	{ font-size: 220%; }

.bgw
	{ background: #ffffff; }

body
	{ -webkit-text-size-adjust: 100%; background: #ffffff; }


/* ------------------------ 大コンテナ ---------------------- */
div#container
	{ width: 100%; min-width: 320px; background: #ffffff; z-index: 0; position: relative; }


/* ------------------------- 共通幅 ------------------------- */
div#header_area,
div.main_area,
div#footer_area
	{ width: 100%; max-width: 1000px; margin: 0 auto; position: relative; }


/* ------------------------ ヘッダー ------------------------ */
div#header_container
	{ width: 100%; background: #ffffff; }
div#header_border
	{ width: 100%; height: 10px;
	background: #225828;
	background: -moz-linear-gradient(left, #225828, #78a084);
	background: -webkit-gradient(linear, left top, right top, from(#225828), to(#78a084));
	}

/* 表示領域が568px以下 */
@media screen and (max-width: 568px) {
	div#header_area
		{ width: 98%; margin: 0 1%; }
}

/* ----------------------- コンテンツ ----------------------- */
div.main_container
	{ width: 100%; margin: 0; auto; position: relative; }

div.main_container.blue
	{padding: 50px 0; background: #75c4ae; }
div.main_container.gray
	{ background: #f3f3f3 url('../img/main_bg_gray.gif') repeat; }
div.main_container.green
	{ background: #f3fbf1 url('../img/main_bg_green.gif') repeat; }

div.main_container div.fukidashi01
	{ width: 58px; margin: auto; position: absolute; top: 0; left: 0; right: 0; }

div.main_area img
	{ max-width: 100%; }

div.main_area:after
	{ height: 0; visibility: hidden; content: "."; display: block; clear: both; }

div.main_area.white
	{ width: 90%; max-width: 900px; margin: 0 auto; padding: 30px 5%; background: #ffffff; }

/* 表示領域が1020px以下 */
@media screen and (max-width: 1020px) {
	div.main_area.white
		{ max-width: 94%; padding: 30px 2%; }
}

div.main_area p.plus_title
	{ max-width: 98%; margin: 40px auto; display: block; }
div.main_area h2.plus_title
	{ max-width: 98%; margin: 0 auto; padding: 40px 0; display: block; }
div.main_area h3.title
	{ display: block; }

/* 表示領域が568px以下 */
@media screen and (max-width: 568px) {
	div.main_area p.plus_title
		{ max-width: 94%; margin: 20px auto; }
	div.main_area>div,
	div.main_area h3.title
		{ max-width: 98%; margin-left: auto; margin-right: auto; }
}

/* 段落01 */
div.main_area.main01
	{ max-width: 1400px; }
div.main_area.main01 h1#main01_title
	{ width: 661px; max-width: 51%; position: absolute; top: 30%; right: 1%; }

/* 段落02 */
div#logo_container
	{ width: 100%; }
div#logo_container:after
	{ height: 0; visibility: hidden; content: "."; display: block; clear: both; }
div#logo_container div
	{ text-align: center; width: 21%; margin: 5px 2%; float: left; }
div#logo_container.up div
	{ text-align: center; width: 21%; margin: 5px 2%; float: left; }
/* 表示領域が568px以下 */
@media screen and (max-width: 568px) {
	div#logo_container div
		{ text-align: center; width: 44%; margin: 5px 3%; float: left; }
	div#logo_container.up div
		{ text-align: center; width: 44%; margin: 5px 3%; float: left; }
}

/* 段落07 */
div.main_area.main07
	{ max-width: 1400px; background: #f3f3f3; min-height: 540px; }
div.main_area.main07 div#main07_button
	{ width: 813px; max-width: 96%; position: absolute; top: 0; left: 0; right: 0; margin: 50px auto 0; }
div.main_area.main07 div#main07_button p
	{ font-size: 130%; line-height: 170%; }
div.main_area.main07 div#main07_button p span.fs_l
	{ font-size: 150%; line-height: 200%; }
div.main_area.main07 div#main07_button p span.line
	{ border-bottom: solid 3px #33ffff; }

/* 表示領域が568px以下 */
@media screen and (max-width: 568px) {
	div.main_area.main07
		{ min-height: 200px; padding-bottom: 20px; }
}

/* 段落10 */
div.main_area.main10 h3,
div.main_area.main10 div
	{ z-index: 10; position: relative; }
div.main_area.main10 div#reason01
	{ position: absolute; top: 50px; right: 0; z-index: 1; }

/* 段落11 */
div.main_area.main11 h3,
div.main_area.main11 div
	{ z-index: 10; position: relative; }
div.main_area.main11 div#reason02
	{ position: absolute; top: 50px; right: 0; z-index: 1; }

/* 段落12 */
div.main_area.main12 h3,
div.main_area.main12 div
	{ z-index: 10; position: relative; }
div.main_area.main12 div#reason03
	{ position: absolute; top: 50px; right: 0; z-index: 1; }

/* 段落13 */
div.main_area.main13
	{ max-width: 1400px; background: #f3f3f3; min-height: 443px; }
div.main_area.main13 div#main13_button
	{ width: 813px; max-width: 96%; position: absolute; top: 0; left: 0; right: 0; margin: 50px auto 0; }


/* 表示領域が568px以下 */
@media screen and (max-width: 568px) {
	div.main_area.main13
		{ min-height: 200px; padding-bottom: 20px; }
}

/* 段落14 */
div#main14_title
	{ padding-bottom: 30px; }
div#main14_title:after
	{ height: 0; visibility: hidden; content: "."; display: block; clear: both; }
div#main14_title_text
	{ width: 65%; margin-left: 14%; float: left; }
div#main14_title_img
	{ width: 21%; float: left; }
div#main14_title_img p
	{ margin-top: -100px; }
/* 表示領域が950px以下 */
@media screen and (max-width: 950px) {
	div#main14_title_text
		{ width: 80%; margin-left: 0; float: left; }
	div#main14_title_img
		{ width: 20%; float: left; }
	div#main14_title_img p
		{ margin-top: 0px; }
}

/* 段落16 */
div.main_area.main16
	{ max-width: 1400px; background: #f3f3f3; min-height: 335px; }
div.main_area.main16 div#main16_button
	{ width: 813px; max-width: 96%; position: absolute; top: 0; left: 0; right: 0; margin: 50px auto 0; }

/* 表示領域が568px以下 */
@media screen and (max-width: 568px) {
	div.main_area.main16
		{ min-height: 200px; padding-bottom: 20px; }
}

/* -------------------------- 横並び -------------------------- */

div.one,
div.one_fuki,
div.two_res_fuki,
div.two_res,
div.three_res,
div.four_res_one,
div.four_res,
div.five_res
	{ width: 100%; }
div.three_res.pre
	{ width: 800px; max-width: 96%; margin: 20px auto 0; }

div.one_fuki:after,
div.two_res_fuki:after,
div.two_res:after,
div.three_res:after,
div.four_res_one:after,
div.four_res:after,
div.five_res:after
	{ height: 0; visibility: hidden; content: "."; display: block; clear: both; }

div.one_fuki div
	{ width: 96%; margin-bottom: 60px; padding: 15px 2%; background: #ffffff; position: relative; }
div.one_fuki div:after {
	top: 100%;
	right: 10%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 30px;
	margin-left: -30px;
}

div.two_res_fuki div
	{ width: 42%; margin: 0 2% 60px; padding: 15px 2%; background: #ffffff; float: left; position: relative; }
div.two_res_fuki div:after {
	top: 100%;
	right: 10%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 30px;
	margin-left: -30px;
}

div.two_res div
	{ text-align: center; width: 48%; margin: 0 1%; float: left; }
div.three_res div
	{ text-align: center; width: 31%; margin: 0 1%; float: left; }
div.three_res.pre div
	{ }
div.three_res.pre p
	{ font-size: 100%; }
div.four_res_one div,
div.four_res div
	{ text-align: center; width: 23%; margin: 0 1%; float: left; }
div.five_res div
	{ text-align: center; width: 18%; margin: 0 1%; float: left; }

/* 表示領域が568px以下 */
@media screen and (max-width: 568px) {
	div.one,
	div.two_res div,
	div.three_res div,
	div.four_res_one div
		{ width: 98% !important; margin: 0 auto 10px; float: none; }
	div.two_res_fuki div
		{ width: 94% !important; margin: 0 auto 50px; float: none; }
	div.four_res div
		{ width: 48% !important; margin: 0 1% 10px; }
}
/* 表示領域が800px以下 */
@media screen and (max-width: 800px) {
	div.five_res div
		{ width: 48% !important; margin: 0 1% 10px; }
}


/* ------------------------ フッター ------------------------ */
div#footer_container
	{ width: 100%; }
div#footer_container:after
	{ height: 0; visibility: hidden; content: "."; display: block; clear: both; }
div#footer_logo
	{ float: left; }
div#footer_text
	{ margin-top: 15px; margin-left: 300px; }
div#footer_text p
	{ font-size: 80%; }
div#footer_border
	{ width: 100%; height: 17px; overflow: hidden;
	background: #225828;
	background: -moz-linear-gradient(left, #225828, #78a084);
	background: -webkit-gradient(linear, left top, right top, from(#225828), to(#78a084));
	}

/* 表示領域が568px以下 */
@media screen and (max-width: 568px) {
	div#footer_logo
		{ float: none; margin: 0 1%; }
	div#footer_text
		{ margin: 0 1%; }
}


/* --------------------------- 表示 --------------------------- */
.pc
	{ display: block !important; }
.pc_i
	{ display: inline-block !important; }

/* 表示領域が568px以下 */
@media screen and (max-width: 568px) {
	.pc,
	.pc_i
		{ display: none !important; }
}

/* -------------------------- 非表示 -------------------------- */
.sp,
.sp_i
	{ display: none !important; }

/* 表示領域が568px以下 */
@media screen and (max-width: 568px) {
	.sp
		{ display: block !important; }
	.sp_i
		{ display: inline-block !important; }
}