@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　01. 基本
　02. モジュール

******************************************************************************* */

body{
	font-family: 'Noto Sans Japanese', "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", Arial, Helvetica, sans-serif;
}

#subHeader {
	height: 60px;
	border-color: #fa0046;
}
.subHeader_id a {
	display: table;
	height: 60px;
	text-decoration: none;
	font-size: 20px;
	color: #969087;
}
.subHeader_id a span {
	display: table-cell;
	vertical-align: middle;
}
.subHeader_item a:hover {
	color: #727272;
}




/* ==

　01. 基本

=============================================================================== */
#container {
	min-width: 980px;
	padding-bottom: 100px;
	color: #333;
}
p {
	line-height: 1.8;
	font-size: 134%;
}
.link03 {
	padding-left: 30px;
	background: url(/jutaku/images/rn01/link_icon_05.gif) left 0.15em no-repeat;
}
.dAnchor {
	margin-top: -140px;
	padding-top: 140px;
	/*
	margin-top: -70px;
	padding-top: 70px;
	*/
}
.link02 {
	background-position: left 0.4em;
}
/* ==

　02. モジュール

=============================================================================== */
/* バナー
------------------------------------------------------------------------------- */
.dBnr {
	display: block;
	max-width: 950px;
	margin: 40px auto;
}
/* リード
------------------------------------------------------------------------------- */
.dLead {
	max-width: 950px;
	margin: 0 auto;
	padding: 37px 0 42px;
	text-align: center;
}
.dLead_catch {
	line-height: 1.3;
	margin: 0 0 10px;
	color: #333;
	font-size: 200%;
	font-weight: bold;
}
.dLead_bnr {
	display: block;
	margin: 33px 0 0;
}
/* 強調
------------------------------------------------------------------------------- */
.dEm {
	color: #00b2e9;
	font-weight: bold;
}
/* 見出し
------------------------------------------------------------------------------- */
.dHeading01 {
	position: relative;
	min-height: 40px;
	margin: 25px 0 16px;
	padding: 12px 0 6px 77px;
}
.dHeading01-a {
	border-bottom: 12px solid #fee8d1;
}
.dHeading01-b {
	border-bottom: 12px solid #cce7f6;
}
.dHeading01:before {
	content: "";
	display: block;
	position: absolute;
	bottom: -6px;
	left: 0;
	width: 56px;
	height: 64px;
	background-position: left top;
	background-repeat: no-repeat;
}
.dHeading01-a:before {
	background-image: url(../images/index_ico01.png);
}
.dHeading01-b:before {
	background-image: url(../images/index_ico02.png);
}
.dHeading01_tit {
	display: inline-block;
	font-size: 200%;
	font-weight: bold;
}
.dHeading01_txt {
	display: inline-block;
	margin: 0 0 0 18px;
	font-weight: bold;
}
.dHeading01_txt-t1 {
	color: #ed6d34;
}
.dHeading01_txt-t2 {
	color: #005bac;
}
.dHeading02 {
	min-height: 48px;
	margin: 0 0 20px;
	padding: 0 0 10px 58px;
	border-bottom: 1px solid #999;
	background-position: left top;
	background-repeat: no-repeat;
}
.dHeading02-n1 {
	background-image: url(../images/index_ico03.png);
}
.dHeading02-n2 {
	background-image: url(../images/index_ico04.png);
}
.dHeading02-n3 {
	background-image: url(../images/index_ico05.png);
}
.dHeading02-n4 {
	background-image: url(../images/index_ico06.png);
}
.dHeading02-n5 {
	background-image: url(../images/index_ico07.png);
}
.dHeading02_tit {
	line-height: 1.3333;
	margin: 1px 0 0;
	color: #333;
	font-size: 150%;
	font-weight: bold;
}
.dHeading02_txt {
	line-height: 1.7;
	color: #ed6d34;
	font-size: 117%;
}
.dHeading02-n1 {
}
.dHeading03 {
	width: 120px;
	line-height: 23px;
	margin: 15px 0 15px;
	padding: 1px 0 0;
	background-color: #005bac;
	color: #fff;
	font-size: 117%;
	font-weight: normal;
	text-align: center;
}
.dHeading04 {
	margin: 50px 0 30px;
	padding: 18px 0 15px;
	background-color: #ffee9b;
	font-size: 184%;
	font-weight: bold;
	text-align: center;
}
.dHeading04:before {
	content: "";
	display: inline-block;
	width: 88px;
	height: 74px;
	margin: -43px 0 -13px;
	background: url(../images/index_ico09.png) left top no-repeat;
}
.dHeading05 {
	min-height: 62px;
	line-height: 1.33333;
	margin: 0 0 25px;
	padding: 8px 0 0 131px;
	background: url(../images/index_ico10.png) left top no-repeat;
	color: #ed6d34;
	font-size: 200%;
	font-weight: bold;
}
.dHeading06 {
	margin: 0 0 5px;
	font-size: 167%;
	font-weight: bold;
}
.dPoint {
	margin: 0 0 17px;
	background-color: #fbe2d6;
	font-size: 117%;
}
.dPoint span {
	display: block;
	width: 120px;
	line-height: 29px;
	padding: 1px 0 0;
	background-color: #ed6d34;
	color: #fff;
	font-weight: normal;
	text-align: center;
}
.dHeading07 {
	line-height: 1.4;
	margin: 0 0 15px;
	padding: 0 0 11px;
	border-bottom: 1px solid #999;
	color: #333;
	font-size: 150%;
	font-weight: bold;
}
.dHeading07 span {
	color: #ed6d34;
}
.dHeading08 {
	line-height: 1.33333;
	margin: 40px 0 20px;
	padding: 9px 0 8px;
	border-radius: 25px;
	background-color: #4d4d4d;
	color: #fff;
	font-size: 150%;
	font-weight: bold;
	text-align: center;
}
.dHeading09 {
	line-height: 1.3333;
	margin: 0 0 15px;
	padding: 0 0 11px;
	border-bottom: 1px solid #999;
	color: #333;
	font-size: 150%;
	font-weight: bold;
}
.dHeading09_ico {
	display: block;
	width: 120px;
	margin: 0 0 12px;
	padding: 4px 0 2px;
	color: #000;
	font-size: 78%;
	font-weight: normal;
	text-align: center;
}
.dHeading09_ico-t1 {
	background-color: #f9f3c1;
}
.dHeading09_ico-t2 {
	background-color: #fff33f;
}
.dHeading09_ico-t3 {
	background-color: #f9f3c1;
}
/* カラム
------------------------------------------------------------------------------- */
.dCol01 {
	margin: 12px 0 30px;
}
.dCol01_item {
	display: block;
	float: left;
	width: 465px;
}
.dCol01_item:nth-child(2n-1) {
	margin: 0 20px 0 0;
}
.dCol01_w {
	float: left;
	width: 310px;
}
.dCol01_n {
	float: right;
	width: 130px;
}
.dCol02 {
	margin: 0 0 35px;
}
.dCol02_item {
	display: block;
	float: left;
	width: 300px;
	margin: 23px 0 0;
}
.dCol02_item:nth-child(3n-1),
.dCol02_item:nth-child(3n-2) {
	margin-right: 25px;
}
.dCol02_item:nth-child(1),
.dCol02_item:nth-child(2),
.dCol02_item:nth-child(3) {
	margin-top: 0;
}
.dCol02_img {
	display: block;
	margin: 0 0 15px;
}
.dCol03 {
	margin: 0 0 24px;
}
.dCol03_n {
	float: left;
	width: 400px;
}
.dCol03_w {
	float: right;
	width: 525px;
}
/* リスト
------------------------------------------------------------------------------- */
.dList01 {
	font-size: 134%;
}
.dList01 li {
	position: relative;
	padding: 0 0 0 22px;
}
.dList01 li:before {
	content: "";
	display: block;
	position: absolute;
	top: 0.5em;
	left: 2px;
	width: 9px;
	height: 9px;
	background-color: #005bac;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/* CHECK POINT
------------------------------------------------------------------------------- */
.dCheck {
	margin: 26px 0 40px;
	padding: 0 0 35px;
	background-color: #edf8ff;
}
.dCheck_in {
	max-width: 950px;
	margin: 0 auto;
}
.dCheck_tit {
	position: relative;
	top: -26px;
	max-width: 320px;
	height: 57px;
	margin: 0 auto -3px;
	padding: 10px 0 0;
	background: url(../images/index_bg01.png) left top no-repeat;
	color: #333;
	font-size: 167%;
	font-weight: bold;
	text-align: center;
}
.dCheck h3 {
	margin: 0 0 15px;
	padding: 0 0 10px;
	border-bottom: 1px solid #005bac;
	color: #005bac;
	font-size: 184%;
	font-weight: bold;
	text-align: center;
}
.dCheck p {
	line-height: 1.625;
}
/* プラン
------------------------------------------------------------------------------- */
.dPlan {
	margin: 0 0 28px;
}
.dPlan_head {
	margin: 0 0 24px;
}
.dPlan_head h2 {
	position: relative;
	float: left;
	width: 240px;
	line-height: 37px;
	margin: 0 40px 0 0;
	padding: 3px 0 0;
	background-color: #4d4d4d;
	color: #fff;
	font-size: 150%;
	font-weight: bold;
	text-align: center;
}
.dPlan_head h2:after {
	content: "";
	display: block;
	position: absolute;
	top: -1px;
	right: -1px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 21px 10px 21px 0;
	border-color: transparent #fff transparent transparent;
}
.dPlan_head p {
	padding: 9px 0 0;
}

/* ほかにもこんな使い方！
------------------------------------------------------------------------------- */
.dItem {
	padding: 30px 30px 20px;
	border-radius: 10px;
	background-color: #fffbdb;
}
.dItem_head_tit {
	float: left;
	width: 350px;
	line-height: 1.333;
	color: #333;
	font-size: 134%;
	font-weight: bold;
}
.dItem_head_tit span {
	display: block;
	margin: 9px 0 0;
	color: #005bac;
	font-size: 149%;
}
.dItem_head_txt {
	float: right;
	width: 360px;
	min-height: 53px;
	line-height: 1.7142857;
	padding: 17px 20px 10px 100px;
	border-radius: 7px;
	background-color: #fff;
	background: #fff url(../images/index_ico08.png) 20px center no-repeat;
	font-size: 117%;
}
.dItem_head_txt span {
	display: none !important;
}
.dItem_tit {
	position: relative;
	height: 28px;
	line-height: 1.3;
	margin: 25px 0 18px;
	padding: 8px 15px 0 19px;
	border: 2px solid #005bac;
	background-color: #fff;
	color: #005bac;
	font-size: 150%;
	font-weight: bold;
}
.dItem_tit:before {
	content: "";
	display: block;
	position: absolute;
	top: -2px;
	right: -1px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 10px 20px 0;
	border-color: transparent #005bac transparent transparent;
}
.dItem_tit:after {
	content: "";
	display: block;
	position: absolute;
	top: -2px;
	right: -3px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 10px 20px 0;
	border-color: transparent #fffbdb transparent transparent;
}
.dItem_list {
	margin: 12px 0 0;
}
.dItem_list li {
	float: left;
	width: 210px;
	margin: 13px 0 0;
}
.dItem_list li:nth-child(4n-3),
.dItem_list li:nth-child(4n-2),
.dItem_list li:nth-child(4n-1) {
	margin-right: 16px;
}
.dItem_list li:nth-child(1),
.dItem_list li:nth-child(2),
.dItem_list li:nth-child(3),
.dItem_list li:nth-child(4) {
	margin-top: 0;
}
.dItem_caption {
	margin: 10px 0 0;
	color: #005bac;
	text-align: center;
}
/* アクティブ土間を動画で見る
------------------------------------------------------------------------------- */
.dMovie	{
	padding: 34px 0 38px;
	background: url(../images/index_bg02.png) left top repeat;
}
.dMovie_head {
	margin: 0 0 19px;
	color: #222;
	font-size: 200%;
	font-weight: bold;
	text-align: center;
}
.dMovie_in {
	display: block;
	max-width: 465px;
	margin: 0 auto;
	text-decoration: none;
}
.dMovie_bnr {
	display: block;
	padding: 3px;
	background-color: #fff;
}
.dMovie_in p {
	line-height: 1.5;
	margin: 18px 0 0;
	font-weight: bold;
}
.d_hover .dMovie_in:hover {
	text-decoration: underline;
}
/* 枠線
------------------------------------------------------------------------------- */
.dFrame {
	border: 1px solid #ccc;
}
/* キャッチ
------------------------------------------------------------------------------- */
.dCatch01 {
	line-height: 1.625;
	margin: 0 0 8px;
	color: #ed6d34;
	font-size: 134%;
	font-weight: bold;
}
/* 身につけたい力
------------------------------------------------------------------------------- */
.dSpec {
	margin: 12px 0 0;
	padding: 5px 10px 4px;
	border: 1px solid #ccc;
}
.dSpec dt {
	font-size: 117%;
}
.dSpec dd {
	line-height: 1.625;
	padding: 1px 0 0 36px;
	background: url(../images/index_ico11.png) left center no-repeat;
	font-size: 134%;
	font-weight: bold;
}
/* 記事
------------------------------------------------------------------------------- */
.nColumn {
	padding: 40px 20px;
	text-align: left;
	position: relative;
	background: url(../images/index_bg03.jpg) center top repeat;
}
.nColumn:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 5px;
	background: -moz-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.3) 20%, rgba(0,0,0,0) 100%);
	background: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.3) 20%,rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.3) 20%,rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#00000000',GradientType=0 );
}
.nColumn_head {
	max-width: 950px;
	line-height: 1.2;
	margin: 0 auto 10px;
	color: #3c1b08;
	font-size: 200%;
	font-weight: bold;
	text-align: center;
}
.nColumn_head span {
	font-size: 67%;
}
.nColumn_in {
	max-width: 950px;
	margin: 0 auto;
}
.cArticle .areaIn {
	margin: 0 -12px;
}
.cArticle .colBox {
	float: left;
	width: 33.3%;
	margin: 25px 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.cArticle .boxIn {
	margin: 0 12px;
	border: 1px solid #e3e3e3;
	background-color: #fff;
	max-width: 300px;
}
*:first-child+html .cArticle .boxIn { zoom: 1; } /* ie7 */
.cArticle .boxIn:after { content: ''; display: block; clear: both; height: 0; }
.cArticle .opFill {
	display: block;
	text-align: center;
}
.cArticle .opFill img {
	width: 100%;
	max-width: none;
	vertical-align: top;
}
.cArticle .boxInfo {
	padding: 6px 16px 0;
}
.cArticle .dateTxt {
	display: block;
	color: #666;
	font-size: 100%;
}
.cArticle .linkTxt,
.cArticle .linkBlank {
	display: block;
	line-height: 1.5;
	margin: 2px 0 0 0;
	background-position: left 0.45em;
	background-repeat: no-repeat;
	color: #666;
	font-size: 134%;
	font-weight: bold;
}
.cArticle .linkTxt {
	padding-left: 10px;
	background-image: url(/jutaku/images/rn01/link_icon_01.png);
}
.cArticle .linkBlank {
	padding-left: 18px;
	background-image: url(/jutaku/images/rn01/link_icon_02.png);
}
.cArticle .linkTxt a,
.cArticle .linkTxt a:hover,
.cArticle .linkBlank a,
.cArticle .linkBlank a:hover {
	text-decoration: underline;
}
.cArticle .linkTxt a,
.cArticle .linkBlank a {
	color: #666;
}
.cArticle .boxCate {
	line-height: 26px;
	margin: 17px -17px -1px;
	padding: 3px 6px 4px;
	background-color: #4f7471;
	color: #fff;
	font-size: 117%;
	font-weight: bold;
	white-space: nowrap;
	text-align: center;
}
.fnBoxLink { cursor: pointer; }
.d_hover .fnBoxLink {
  -ms-filter: "alpha( opacity=100 )";
}
.d_hover .fnBoxLink.uiHover {
  opacity:0.75;
  filter: alpha(opacity=75);
  -ms-filter: "alpha( opacity=75 )";
}
/* モーダルウィンドウ
------------------------------------------------------------------------------- */
body .mfp-iframe-holder .mfp-content {
	max-width: 99%;
	width: 672px;
	height: 390px;
	border: 1px solid #959593;
	padding: 0;
}
body .mfp-iframe-scaler iframe {
	box-shadow: none;
	background: #fff;
}
.mfp-ie7 .mfp-iframe-holder .mfp-close {
	top: -54px;
}
.mfp-ie7 .mfp-iframe-holder .mfp-close:active {
	top: -53px;
}