@charset "utf-8";

*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
img {
  -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;
}
 
body {
	font-family: /*"游ゴシック", YuGothic,"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3", */ "メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
	font-size: 16px;
	font-weight: 200;
	line-height: 1.85;
	letter-spacing: 0;
	text-align: center;
	color: #222;
	margin: 0;
	padding: 0;
	min-width:1040px;
	_display: inline;
	_zoom:1;
}

a:link { color: #0484dd;}
a:visited { color: #0484dd;}
a:hover { color: #0484dd; text-decoration: none;}
a:active { color: #0484dd; text-decoration: none;}

a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity:0.80;
	opacity:0.80;
}

/* IE8 */
html>/**/body a:hover img {
	display /*\**/:inline-block\9;
	zoom /*\**/: 1\9;
}

/* 新旧Firefox */
/*a:hover img, x:-moz-any-link { background: #FFF;}
a:hover img, x:-moz-any-link, x:default { background: #FFF;}*/
    

input[type=radio] {
  vertical-align: top;
}
input[type=radio] + label {
}

/* =================================================================
		layout
================================================================= */

.mm-fixed {
  position: fixed;
  width: 100%;
  height: 100%;
}
	
.container {
	position: relative;
	width: 1040px;
	padding: 0 20px;
	margin: 0 auto;
}

/* header
------------------------- */
#header .container {
	text-align: left;
	height: 132px;
}
.lp_top_head #header{
	border-bottom: 2px solid #00349a;	
}
.hd_logo, .hd_summary, .hd_contact, .hd_navi {
	position: absolute;
}
.hd_logo { top: 10px; }
.hd_summary { left: 358px; top: 28px; }
.hd_contact { left: 668px; top: 45px; }
.hd_navi { left: 734px; top: 8px; }
.hd_navi li { float: left; }

@media (min-width: 767px) {
#header .header_logo_sp{
    display: none;
    }}

@media (max-width: 768px) {
.pc {display:none;}
}
@media (min-width: 767px) {
.sp {display:none;}
}

/* gnavi
------------------------- */
#gnavi {
	display: none;
}
@media (max-width: 768px) {
.indextop #gnavi {display:none;}
}
@media (min-width: 767px) {
.indextop #gnavi {display:block;}
}
/* header
------------------------- */
#header .container,#header_ab .container {
	text-align: left;
	height: 132px;
}
.hd_logo, .hd_summary, .hd_contact, .hd_navi {
	position: absolute;
}
.hd_logo { top: 10px; }
.hd_summary { left: 363px; top: 43px; }
.hd_contact {  top: 45px; }
.hd_navi { left: 718px; top: 8px; }
.hd_navi li { float: left; }

/* gnavi
------------------------- */
#gnavi {
	background: #00349a;
	height: 77px;
	overflow: hidden;
}
#gnavi .container > li,
#gnavi .container > li > ul {
	display: none;
}
#gnavi li.gn_02,
#gnavi li.gn_03,
#gnavi li.gn_04 {
	display: block !important;
}
#gnavi li.gn_02 > a,
#gnavi li.gn_03 > a,
#gnavi li.gn_04 > a {
	display: block;
	height: 77px;
	width: 333px;
	float: left;
	background-image: url(../img/common/gnav_01.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
}
#gnavi li.gn_03 > a { background-image: url(../img/common/gnav_02.gif); width:334px; }
#gnavi li.gn_04 > a { background-image: url(../img/common/gnav_03.gif); }

#gnavi .container > li > a:hover {
	opacity: 0.85;
}

/* column
------------------------- */
.column_main {
	width: 740px;
	float: left;
	padding: 0 0 80px;
	text-align: left;
}
.column_side {
	width: 230px;
	float: right;
	padding: 0 0 90px;
	text-align: left;
}

.column_side li a:link,
.column_side li a:visited {
  color: #000;
	text-decoration: none;
}
.column_side li a:hover,
.column_side li a:active {
	text-decoration: none;
}


/* footer
------------------------- */
#footer {
	margin: 0;
	padding: 25px 0 0;
	background: #f1f1f1 ;
}
#footer .container {
	text-align: left;
}
.ft_navi_sp {
	display:none;
}
.ft_navi {
	width: 200px;
	float: left;
	font-size: 14px;
	padding-bottom: 25px;
}
.ft_navi:nth-of-type(4) {	width: 225px; }
.ft_navi:nth-of-type(5) {	width: 175px; }

.ft_navi h2 {
	font-size: 16px;
	margin: 0 0 14px;
}

.ft_navi li {
	margin: 0;
	padding: 0 0 14px 10px;
	background: url(../img/common/arrow_01.gif) no-repeat 0 5px;
	line-height: 1.2;
}

#ft_copyright {
	padding: 25px 0 80px;
	background: #184191;
	color: #FFF;
	font-size: 16px;
}

#fixed_footer {
	display: none;
}

/* sd_menu
------------------------- */
.sd_menu {
	margin: 0 0 10px;
	border-bottom: solid 1px #c5cee0;
}
.sd_menu h3 {
	margin: 0;
}
.sd_menu h3 img {
	width: 230px;
	height: auto;
}
.sd_menu li a {
	display: block;
	padding: 11px 10px 9px 38px;
	background: #fff url(../img/common/arrow_02.png) no-repeat 17px center;
	border: solid 1px #c5cee0;
	border-width: 0px 1px 1px 1px;
	font-size: 16px;
	line-height: 1.25;
}
.sd_menu li:last-child a {
	border-bottom: none;
}
.sd_menu li a:hover {
	background: #fffadf url(../img/common/arrow_02.png) no-repeat 17px center;
}

/* sd_navi
------------------------- */
.sd_navi {
	margin: 0 0 10px;
}
.sd_navi h3 {
	margin: 0;
}
.sd_navi ul {
	border: solid 5px #1f8bde;
	border-radius: 0 0 2px 2px;
}
.sd_navi li a {
	display: block;
	padding: 11px 10px 9px 31px;
	background: #fff url(../img/common/arrow_03.png) no-repeat 14px center;
	border-bottom: solid 1px #1f8bde;
	font-size: 14px;
	line-height: 1.25;
}
.sd_navi li:last-child a {
	border-bottom: none;
}
.sd_navi li a:hover {
	background: #fffadf url(../img/common/arrow_03.png) no-repeat 14px center;
}




/* =================================================================
		Common Parts
================================================================= */

/* kv
------------------------- */
#kv {
	width: 100%;
	margin: 0 0 7px;
	text-align: center;
	background: url(/assets/img/common/kv_bg.jpg) no-repeat center top ;
}

/* breadcrumb
------------------------- */
.breadcrumb {
	margin: 0 0 57px;
	text-align: left;
	font-size: 14px;
}
.breadcrumb li {
  display: inline-block;
	background: url(/assets/img/common/path.png) no-repeat right 2px ;
	line-height: 1.2;
	padding: 0 15px 0 0;
	margin: 0 5px 0 0;
}
.breadcrumb li:last-child {
	background: none;
}
.breadcrumb li a:link,
.breadcrumb li a:visited {
  color: #010101;
}
.breadcrumb li a:hover,
.breadcrumb li a:active {
	text-decoration: none;
}

/* heading 
------------------------------*/
.heading_01 {
	margin: 0 0 20px;
	padding: 12px 10px 7px 19px;
	line-height: 1.2;
	background: #1f8bde;
	color: #fff;
	font-size: 175%;
	font-weight: normal;
}
.heading_02 {
	margin: 0 0 20px;
	padding: 12px 10px 7px 19px;
	line-height: 1.2;
	background: #e3f2fd url(/assets/img/common/heading_02_bg.gif) no-repeat 0 0;
	color: #1f8bde;
	font-size: 150%;
	font-weight: normal;
}

.heading_03 {
	margin: 0 0 20px;
	padding: 6px 10px 6px 9px;
	line-height: 1.2;
	font-size: 162.5%;
	font-weight: normal;
	border-left: solid 5px #1f8bde;
}

/* pagetop
------------------------- */
#pagetop {
	position: fixed;
	z-index: 300;
	margin-left: 1060px;
	bottom: 10px;
	overflow: hidden;
}


/* thumb_index
------------------------- */
.thumb_index {
	position: relative;
	margin: 0 0 45px;
	padding: 20px 20px 1px;
	background: #e3f2fd;
}
.thumb_index .item {
	position: relative;
	margin: 0 0 20px;
	padding: 19px 21px 19px 277px;
	background: #fff;
	border: solid 1px #bdd8ec;
	min-height: 230px;
}
.thumb_index .item .thumb {
	position: absolute;
	top: 19px;
	left: 19px;
	width: 240px;
	padding: 4px;
	background: #fff;
	border: solid 1px #d0d0d0;
}
.thumb_index .item h3 {
	font-size: 175%;
	line-height: 1.3;
	color: #00349a;
	font-weight: normal;
	margin: 0 0 12px;
	padding: 7px 0 6px 0;
	border-bottom: dotted 1px #c0ccd3;
}
.thumb_index .item p {
	margin-bottom: 20px;
}

/* thumb_index_strength
------------------------- */
#thumb_index_strength {
	margin-bottom: 60px;
}
#thumb_index_strength h2 {
	margin: 0;
}
#thumb_index_strength .item {
	min-height: 214px;
}
#thumb_index_strength .item:nth-of-type(1) h3 {
	padding-top: 1px;
}
#thumb_index_strength .item p {
	margin-bottom: 0;
}


/* btn
------------------------- */
.btn {
	width: 217px;
	height: 43px;
	margin-bottom: 3px;
}
.btn a {
	display: block;
	background: url(/assets/img/common/btn_bg.png) no-repeat 0 0 ;
	color: #fff;
	text-align: center;
	text-decoration: none;
	line-height: 1.2;
	padding: 11px 5px 18px 0;
}
.btn a:before {
	content: "";
	display: inline-block;
	width: 13px;
	height: 13px;
	vertical-align: top;
	margin-right: 9px;
	background: url(/assets/img/common/btn_arrow.png) no-repeat 0 0 ;
}
.btn a:hover {
	opacity: 0.85;
}


/* icon_menu 
------------------------------*/
.icon_menu {
	margin: 0 0 40px;
	padding: 0 0 0px;
	background: #1f8bde;
	text-align: center;
	color: #FFF;
}
.icon_menu h3 {
	margin: 0;
	padding: 25px 0 16px;
	background: #1f8bde;
	text-align: center;
	font-size: 175%;
	font-weight: normal;
	line-height: 1.3;
}
.icon_menu ul {
	font-size: 0;
}
.icon_menu h3:nth-of-type(2) {
	border-top: dotted 2px #419fe4;
}
.icon_menu ul li {
	display: inline-block;
	width: 132px;
	margin: 0 5px 12px;
	font-size: 16px;
}
.icon_menu ul li img {
	width: 100%;
	height: auto;
	margin-bottom: 6px;
}
.icon_menu a {
	text-decoration: none;
	color: #FFF;
}


/* workflow_list 
------------------------------*/
.workflow_list {
	margin: 0 0 40px;
}
#page_place_index .workflow_list {
	display: block;
}
.workflow_list li {
	width: 233px;
	float: left;
	min-height: 270px;
	margin-right: 20px;
}
.workflow_list li p {
	margin: 6px 0 0;
	line-height: 1.5;
}
.workflow_list li:nth-child(3n) {
	margin-right: 0px;
}

/* offerbox_pc
------------------------- */
.offerbox_pc {
	position: relative;
	margin: 0 0 60px;
}
.offerbox_pc h2 {
	position: absolute;
	z-index: 100;
	left: 0px;
	top: 9px;
	width: 100%;
	text-align: center;
	font-size: 30px;
	color: #FFF;
	font-weight: normal;
}
.offerbox_pc .offer_copy {
	position: absolute;
	left: 20px;
	top: 174px;
	font-size: 22px;
}
.offerbox_pc .offer_copy span {
	font-size: 140%;
}