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


/* ==== html5 reset ==== */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

nav ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
  content: none; }

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent; }
 
a {
  outline: none; }

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none; }

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

input, select {
  vertical-align: middle; }
/* ==== html5 reset ==== */



/* ===== clearfix ===== */
* html .clearfix, #area-logo, #ctn-header .area-btn-header .box-gnav, .lyt-content-01 {
	height: 1%;
	overflow: visible;
}
.clearfix:after, #area-logo:after, #ctn-header .area-btn-header .box-gnav:after, .lyt-content-01:after {
	content:"."; 
	display:block; 
	height:0; 
	font-size:0;	
	clear:both; 
	visibility:hidden;
}



/*======================================================================
	Base setting
========================================================================*/
body {
	-webkit-touch-callout: none;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 14px;
	line-height: 1.2;
}

#wrapper {
	background: url("../images/bg_wrapper.png") no-repeat left top #1e6fc7;
	background-size: 100%;
}

.box-fimg {width: 100%;}
.txt-green {color: #009944;}
.txt-blue {color: #0d7caf;}
p { line-height: 1.4;}

/*======================================================================
	Logo Area
========================================================================*/
#area-logo {padding: 0 10px;}
#area-logo img { width:100%;}
#area-logo .box-logo-left {
	float: left;
	width: 50%;
}
#area-logo .box-logo-right {
	float: right;
	width: 50%;
}


/*======================================================================
	Header Container
========================================================================*/
#ctn-header .box-visual img {width: 100%;}
#ctn-header .area-btn-header {padding: 0 10px;}
#ctn-header .area-btn-header .btn-header a {
	display: block;
	background: #e4312b;
	text-align: center;
	font-weight: bold;
	padding: 10px 0;
	margin-bottom: 10px;
	border: 4px solid #fbe0df;
	color: #fff;
	font-size: 16px;
	text-decoration: none;
}
#ctn-header .area-btn-header .btn-header a.current {
	background: #fff;
	border: 4px solid #e4312b;
	color: #e4312b;
}

#ctn-header .area-btn-header .box-gnav {
	list-style: none;
}
#ctn-header .area-btn-header .box-gnav li {
	width: 48.5%;
	float: left;
	list-style: none;
	display: table;
	margin-bottom: 10px;
}
#ctn-header .area-btn-header .box-gnav li:nth-child(2n) {
	float: right;
}
#ctn-header .area-btn-header .box-gnav li:nth-child(3) a {
	font-size: 10px;
}
#ctn-header .area-btn-header .box-gnav li a {
	display: table-cell;
	background: #e4312b;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	width: 100%;
	height: 28px;
	border: 1px solid #fff;
	color: #fff;
	font-size: 16px;
	text-decoration: none;
}
#ctn-header .area-btn-header .box-gnav li a.current {
	background: #fff;
	border: 1px solid #e4312b;
	color: #e4312b;
}

/*======================================================================
	Content Container
========================================================================*/
#ctn-content {
	padding: 0 10px;
	margin: 10px 0 30px;
}
.area-content {
	padding: 20px 10px 10px;
	background:#d2e2f4;
}
.area-content .area-content-inner-01 {
	background: #fff;
	border: 2px solid #009944;
	padding: 5px 5.4% 14px;
}
.area-content .area-content-inner-02 {
	background: #fff;
	border-top: 5px solid #009944;
	border-bottom: 5px solid #009944;
	padding: 14px 5.4%;
}
.area-content .area-content-inner-03 {
	background: #fff;
	border-top: 5px solid #009944;
	border-bottom: 5px solid #009944;
	padding: 14px 0;
}
.area-content .area-content-inner-03 .content-inner {
	padding: 15px 5.4%;
}

.box-pagetop {
	text-align: right;
	margin-top: 15px;
	
}
.box-pagetop img {width: 105px;}

/*======================================================================
	Footer Container
========================================================================*/
#ctn-footer { background: #fff;}
#ctn-footer .area-footer-btn li {
	background: #e4312b;
	border-top: 1px solid #fff;
	display: table;
	width: 100%;
}
#ctn-footer .area-footer-btn li a {
	display: table-cell;
	background:url("../images/ico_arrow.png") no-repeat 95% 50%;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	vertical-align: middle;
	width: 100%;
	height: 53px;
	padding: 0 10px;
	text-decoration: none;
}
#ctn-footer .box-copyright {
	font-size: 12px;
	color: #009944;
	text-align: center;
	padding: 12px 0;
}


/*======================================================================
	Heading
========================================================================*/
/*== H2 ==*/
.hdg-lv2-01 {
	font-size: 24px;
	color: #009944;
	padding: 0 0 10px;
}
.hdg-lv2-02 {
	font-size: 24px;
	color: #009944;
	padding: 10px 0;
	margin-bottom: 10px;
	border-bottom: 1px dotted #91d3ae;
}

/*== H3 ==*/
.hdg-lv3-01 {
	background: #009944;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	padding: 10px 0;
}
.hdg-lv3-02 {
	font-size: 24px;
	color: #009944;
	border-top: 5px solid #009944;
	border-bottom: 5px solid #009944;	
	padding: 12px 0;
	margin: 25px 0 15px;
}


/*======================================================================
	Q and A List
========================================================================*/
.blk-qa-list {
	background: #fff;
	border-top: 5px solid #009944;
	border-bottom: 5px solid #009944;
	padding: 0 5.4% 15px 5.4%;
	list-style: none;
}
.blk-qa-list li {
	color: #009944;
	border-bottom: 1px solid #009944;
}
.blk-qa-list li .q-items {
	background: url("../images/ico_open.png") no-repeat 4px 50%;
	padding: 15px 0 15px 50px;
	line-height: 1.5;
}
.blk-qa-list li .q-items.close {
	background: url("../images/ico_close.png") no-repeat 4px 50%;
}
.blk-qa-list li .q-items .ico-q img {width: 20px;}
.blk-qa-list li .a-items { 
	display: none;
	color: #343434;
	border-top: 1px solid #009944;
	padding: 15px 10px;
	background:#d9f0e3;
}
.blk-qa-list li .a-items p {
	margin-bottom: 15px;
}


/*======================================================================
	layout Content
========================================================================*/
.lyt-content-01 .box-content{
	width: 65%;
	margin-top: 10px;
	float: right;
}
.lyt-content-01 .box-img {
	width: 30%;
	float: left;
}
.lyt-content-01 .box-img img {width: 100%;}



.lyt-content-02, .lyt-content-03 {
	padding: 15px 0;
	margin-bottom: 15px;
}
.lyt-content-02 img, .lyt-content-03 img {
	width: 100%;
	vertical-align: top;
}
.lyt-content-02 .lyt-inner, .lyt-content-03 .lyt-inner {padding: 0 4%;}

.lyt-content-02 {background: #d9f0e3;}
.lyt-content-03 {background: #d9f1fc;}



/*======================================================================
	box Button
========================================================================*/
.box-btn-01 {
	background: #e4312b;
	border: 4px solid #fbe0df;
	margin: 10px 0;
}
.box-btn-01 a {
	display: block;
	background: url("../images/ico_arrow.png") no-repeat 95% 50%;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	padding: 10px 10% 10px 10px;
}

.box-btn-mail {
	background: #e4312b;
	border: 4px solid #fbe0df;
	margin: 0 0 10px;
}
.box-btn-mail a {
	display: block;
	background: url("../images/ico_mail.png") no-repeat 90% 50%;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	padding: 20px 13% 20px 10px;
}

.box-btn-tv {
	background: #e4312b;
	border: 4px solid #dbd4dd;
	margin: 15px 0;
}
.box-btn-tv a {
	display: block;
	background: url("../images/ico_tv.png") no-repeat 93% 50%;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	padding: 10px 16% 10px 10px;
}


/*======================================================================
	Text and link format
========================================================================*/
.box-notice-01 {
	font-size: 10px;
	color: #666666;
	margin-top: 12px;
}
.box-notice-02 {
	font-size: 10px;
    padding-left: 1em;
    text-indent: -1em;
}
.box-notice-03 {
	font-size: 10px;
	padding-left: 13%;
}

.list-noitce-01 { 
	list-style: none;
	margin-top: 25px;
}
.list-noitce-01 li {
	list-style: none;
	margin-bottom: 15px;
}
.list-noitce-01 li:last-child { margin-bottom: 0;}

/*=== link format ===*/
.link-01 {color: #e4312b;}
.link-02 {color: #0072E3;}



/*======================================================================
	Table format
========================================================================*/

.tbl-list-date { width: 100%;}
.tbl-list-date tr td:nth-child(1) { width: 85%}
.tbl-list-date tr td:nth-child(2) { 
	width: 15%;
	vertical-align: middle;
}
.tbl-list-date tr:nth-child(even) {background: #fff}
.tbl-list-date tr:nth-child(odd) {background: #eef2f6}

.tbl-list-date tr td {
	padding: 20px 10px;
}
.tbl-list-date tr td .box-date-title {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 10px;
}
.tbl-list-date tr td .box-date-title .ico {
	background: #009944;
	color: #fff;
	font-size: 14px;
	padding: 4px;
	margin-left: 5px;
}



/*======================================================================
	circle style
========================================================================*/
.list-cricle {
	list-style: none;
	display: table;
	width: 100%;
	margin: 17px 0;
}
.list-cricle li {
	text-align: center;
	display: table-cell;
	width: 33%;
}
.list-cricle li p {
	margin-top: 12px;
	font-size: 12px;
	font-weight: bold;
}
.list-cricle li:nth-child(1){ color: #e60012}
.list-cricle li:nth-child(2){ color: #00a0e9}
.list-cricle li:nth-child(3){ color: #f39800}

.cricle-01 {
	display: block;
	width: 26px;
	height: 26px;
	line-height: 26px;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	background: #e60012;
	color: #fff;
	border-radius: 50%;
	margin: 0 auto; 
}
.cricle-02 {
	display: block;
	width: 26px;
	height: 26px;
	line-height: 26px;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	background: #00a0e9;
	color: #fff;
	border-radius: 50%;
	margin: 0 auto; 
}
.cricle-03 {
	display: block;
	width: 26px;
	height: 26px;
	line-height: 26px;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	background: #f39800;
	color: #fff;
	border-radius: 50%;
	margin: 0 auto; 
}


/*======================================================================
	Step style
========================================================================*/
.lyt-step h3 img, .lyt-step .step-img img {
	width: 100%;
	line-height: 0;
	vertical-align: top;
}

.lyt-step .step-content-01, .lyt-step .step-content-02 {
	padding: 0 9% 5px 9%;
}
.lyt-step .step-content-01 p, .lyt-step .step-content-02 p {
	margin-bottom: 14px;
}
.lyt-step .step-content-01 {
	background: url("../images/bg_step_01.png") repeat-y left top;
	background-size: 100%;
}
.lyt-step .step-content-02 {
	background: url("../images/bg_step_02.png") repeat-y left top;
	background-size: 100%;
}


/*======================================================================
	Mail block
========================================================================*/
.blk-mail-form {
	background: url("../images/bg_mail.png") repeat left top;
	border: 4px solid #009944;
	padding: 0 7px 15px 7px;
	margin-bottom: 25px;
}
.blk-mail-form h3 img {
	width: 100%;
}



/*======================================================================
	Utility
========================================================================*/
.mb15 { margin-bottom: 15px !important}