@charset "UTF-8";

/* ==

　リノベーション

=================================================================================== */
h1,
h2,
h3,
h4,
p {
	margin: 0;
}

img {
	max-width: 100%;
	height: auto;
}
.rMv01,
.rMain {
	font-family: 'Noto Sans JP', "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", Arial, Helvetica, sans-serif;
}

/* MV
---------------------------------*/
.rMv01 {
	width: 100%;
}
.rMv01 p {
	line-height: 1.6;
	font-size: 16px;
}
.rMv01_in {
	max-width: 1200px;
	height: 250px;
	margin: 0 auto;
	padding: 0 20px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.rMv01_in h1,
.rMv01_in p {
	color: #fff;
	margin: 10px 0;
}
.rMv01_in .rMv01_tit {
	font-size: 56px;
	line-height: 1;
}
.rMv01_in .rMv01_tit-v1 {
	font-size: 48px;
	letter-spacing: 2px;
}
.rMv01_in .rMv01_label {
	padding: 10px 20px 10px 25px;
	background-color: #000;
	border-radius: 30px;
	letter-spacing: 7px;
	font-size: 13px;
}
.rMv01_in .rMv01_txt {
	font-size: 20px;
}

/* テキスト
---------------------------------*/
.rTit01 {
	position: relative;
	text-align: center;
	font-weight: bold;
	font-size: 32px;
	margin-bottom: 40px;
	line-height: 1;
}
.rTit01::after {
	content: "";
	width: 50px;
	height: 5px;
	background-color: #e65921;
	position: absolute;
	bottom: -20px;
	left: 50%;
	margin-left: -25px;
}
.rTit01 span {
	font-size: 16px;
}
.rTit01-v1::after {
	display: none;
}
.rTit02 {
	position: relative;
	text-align: center;
	font-weight: bold;
	font-size: 24px;
	margin-bottom: 10px;
}
.rTit03 {
	position: relative;
	font-weight: bold;
	font-size: 24px;
	margin-bottom: 30px;
	padding-bottom: 15px;
	border-bottom: 2px solid #ddd;
}
.rTit03::after {
	content: "";
	width: 50px;
	height: 2px;
	position: absolute;
	bottom: -2px;
	left: 0;
	background-color: #ea5503;
}
.rTit03 + p {
	margin-bottom: 30px;
}
.rTit04 {
	background-color: #e7ecef;
	margin-bottom: 20px;
	padding: 15px 20px;
	font-size: 18px;
	font-weight: bold;
}
.rTit04 + p {
	margin-bottom: 30px;
}
.rTit05 {
	position: relative;
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: bold;
	background-color: #fff;
}
.rTit05::after {
	content: "";
	width: calc(100% - 70px);
	height: 1px;
	background-color: #ddd;
	position: absolute;
	top: 50%;
	left: 70px;
	z-index: 1;
}
.rMain .rNote01,
.rMain .rCat01 {
	font-size: 14px;
}
.rCat01 {
	margin-top: 5px;;
}

.rBlock01 {
	border: 1px solid #ddd;
	margin-bottom: 10px;
	padding: 10px 20px;
}

/* コンテンツ
---------------------------------*/
.rLead-01 {
	background-color: #e7ecef;
	padding: 50px 0 35px;
}
.rLead-02 {
	background-color: #92a9b1;
	color: #fff;
	padding: 35px 0;
	font-weight: 700;
}
.rLead_in {
	max-width: 990px;
	margin: 0 auto;
	padding: 0 20px;
}
.rLead_in p {
	line-height: 1.8;
	font-size: 16px;
}
.rMain {
	margin-bottom: 60px;
	padding: 0;
}
.rMain_section {
	background-color: #faf7f2;
	padding: 50px 0;
}
.rMain_info {
	background-color: #fff;
	padding: 50px 0;
}
.rMain_layer {
	padding: 50px 0;
	background-color: #e7ecef;
}
.rMain_in {
	max-width: 980px;
	margin: 0 auto 40px;
	padding: 0 20px;
}
.rMain_in:last-child {
	margin-bottom: 0;
}

/* カラム
---------------------------------*/
.rCol01 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: stretch;
	margin-bottom: 20px;
}
.rCol01_item {
	max-width: 465px;
	width: 49%;
	margin-bottom: 20px;
	background-color: #fff;
}
.rCol01-v2 .rCol01_item {
	max-width: 300px;
}
.rCol01-bc1 .rCol01_item {
	background-color: #e7ecef;
}
.rCol01_img img {
	width: 100%;
	height: auto;
}
.rCol01_txt {
	padding: 15px 20px 20px;
}
.rCol01_txt h3 {
	margin-bottom: 30px;
}
.rCol01_txt p {
	font-size: 18px;
	font-weight: 500;
}
.rCol01_txt .rCol01_label {
	display: inline-block;
	margin-bottom: 10px;
	padding: 3px 10px;
	color: #fff;
	background-color: #94a8af;
	font-size: 14px;
}
a.rCol01_item:hover {
	opacity: 0.7;
	text-decoration: none;
	color: #333;
}
a.rCol01_item:hover img {
	opacity: 1;
}
.rMain .rLabel {
	display: inline-block;
	margin-bottom: 10px;
	padding: 3px 25px;
	color: #fff;
	background-color: #94a8af;
	font-size: 14px;
}

/* タグ
---------------------------------*/
.rTags {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 1000px;
  margin: 15px auto 30px;
  line-height: 1.428;
  font-size: 16px;
}
.rTags_tag {
	width: 19%;
}
.rTags_tag a {
	display: block;
	padding: 7px 20px 8px;
	border: 1px solid #D3D3D4;
	background-color: #fff;
	border-radius: 50px;
	text-align: center;
	color: #333333;
	text-decoration: none;
}

/* ボタン
---------------------------------*/
.rBtn01 {
	display: block;
	width: 200px;
	border-radius: 30px;
	margin: 0 auto;
	padding: 14px 40px;
	background-color: #e65921;
	text-align: center;
	color: #fff;
	text-decoration: none;
	font-size: 18px;
	font-weight: 500;
}
.rBtn01-v1 {
	width: 240px;
	padding: 15px 20px;
}
.rBtn01-v2 {
	width: 360px;
	padding: 20px;
}
.rBtn01:hover {
	color: #fff;
	text-decoration: underline;
}
.rBtn01-more {
	position: relative;
	background-color: #fff;
	border: 1px solid #ccc;
	color: #333;
	font-weight: bold;
	cursor: pointer;
	margin-top: 20px;
	padding: 14px 20px 14px 40px;
	line-height: 1;
}
.rBtn01-more:hover {
	color: #333;
}
.rBtn01-more::before {
	content: '';
  position: absolute;
  top: 16px;
  left: 39px;
  width: 4px;
	height: 16px;
	background: #ccc;
}
.rBtn01-more::after {
	content: '';
  position: absolute;
	top: 22px;
	left: 33px;
	width: 16px;
	height: 4px;
	background: #ccc;
}

@media screen and (max-width: 1150px) {
	
}

@media only screen and (max-width: 1014px) {

}

@media only screen and (max-width: 800px) {
	.rCol01-v2 .rCol01_item {
		    max-width: none;
	}
	/* タグ
	---------------------------------*/
	.rTags {
		font-size: 14px;
	}
	.rTags .rTags_tag {
		width: 49%;
		margin-bottom: 5px;
	}
	.rTags_tag a {
		padding: 5px 15px 6px;
	}
}

@media only screen and (max-width: 700px) {
	
}


@media only screen and (max-width: 640px) {
	/* MV
	---------------------------------*/
	.rMv01_in {
		height: 180px;
	}
	.rMv01_in .rMv01_tit {
		font-size: 28px;
	}
	.rMv01_in p {
		font-size: 16px;
		text-align: center;
	}
	.rMv01_in .rMv01_label {
		font-size: 10px;
	}
	.rMv01.rMv01-top .rMv01_in {
		height: 240px;
	}
	
	.rMain_section {
		padding: 35px 0;
	}
	
	/* コンテンツ
	---------------------------------*/
	.rLead-01,
	.rLead-02 {
		padding: 20px 0;
	}
	.rLead_in {
		padding: 0 10px;
	}
	.rLead-02 p {
		text-align: left;
	}
	.rMain_layer {
		padding: 20px 0;
	}
	.rBlock01 {
		padding: 10px;
	}
	
	/* テキスト
	---------------------------------*/
	.rTit01 {
		font-size: 24px;
	}
	.rTit02,
	.rTit03 {
		font-size: 20px;
	}
	.rTit03 {
		margin-bottom: 20px;
	}
	.rTit04 {
		margin-bottom: 10px;
		padding: 10px 15px;
	}
	
	/* カラム
	---------------------------------*/
	.rCol01 {
		display: block;
	}
	.rCol01_item {
		width: auto;
	}
	a.rCol01_item {
		display: block;
	}
	.rCol01_txt {
		padding: 15px 10px;
	}
	.rCol01_txt h3 {
		margin: 0;
	}
	.rCol01_txt p {
		font-size: 14px;
	}
	
	/* ボタン
	---------------------------------*/
	.rBtn01 {
		width: 150px;
		margin: 0 auto;
		padding: 14px 10px;
		font-size: 16px;
	}
	.rBtn01-v1 {
		width: 240px;
	}
	.rBtn01-more {
		padding: 14px 10px 14px 30px;
		font-size: 14px;
	}
	.rBtn01-more::before {
	  top: 17px;
	  left: 34px;
	  width: 2px;
		height: 10px;
	}
	.rBtn01-more::after {
		top: 21px;
		left: 30px;
		width: 10px;
		height: 2px;
	}
	.rCol01 .rBtn01,
	.rCol02 .rBtn01,
	.rBtn01-v2 {
		font-size: 14px;
	}
	.rBtn01-v2 {
		width: 240px;
	}
}



/* ==

　汎用スタイル

=================================================================================== */
.mt00 { margin-top: 0 !important; }
.mt05 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt70 { margin-top: 70px !important; }
.mt80 { margin-top: 80px !important; }

.mr00 { margin-right: 0 !important; }
.mr05 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }

.mb00 { margin-bottom: 0 !important; }
.mb05 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb100 { margin-bottom: 100px !important; }

.ml00 { margin-left: 0 !important; }
.ml05 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }

.pt00 { padding-top: 0 !important; }
.pt05 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }
.pt35 { padding-top: 35px !important; }
.pt40 { padding-top: 40px !important; }
.pt45 { padding-top: 45px !important; }
.pt50 { padding-top: 50px !important; }

.pr00 { padding-right: 0 !important; }
.pr05 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }

.pb00 { padding-bottom: 0 !important; }
.pb05 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }
.pb35 { padding-bottom: 35px !important; }
.pb40 { padding-bottom: 40px !important; }
.pb45 { padding-bottom: 45px !important; }
.pb50 { padding-bottom: 50px !important; }

.pl00 { padding-left: 0 !important; }
.pl05 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }


/* 幅調整
------------------------------------------------------------------------------- */
.w00 { width: 0 !important; }
.w05p { width: 5% !important; }
.w10p { width: 10% !important; }
.w15p { width: 15% !important; }
.w20p { width: 20% !important; }
.w25p { width: 25% !important; }
.w30p { width: 30% !important; }
.w35p { width: 35% !important; }
.w40p { width: 40% !important; }
.w45p { width: 45% !important; }
.w50p { width: 50% !important; }
.w55p { width: 55% !important; }
.w60p { width: 60% !important; }
.w65p { width: 65% !important; }
.w70p { width: 70% !important; }
.w75p { width: 75% !important; }
.w80p { width: 80% !important; }
.w85p { width: 85% !important; }
.w90p { width: 90% !important; }
.w95p { width: 95% !important; }
.w100p { width: 100% !important; }

.firstChild { margin-top: 0; }
.lastChild { margin-bottom: 0; }

.aRight {
	text-align: right;
}
.aLeft {
	text-align: left;
}
.aCenter {
	text-align: center;
}

/*
	表示切替
*/
.devPc { display: block; }
.devPcTbl { display: block; }
.devTbl { display: none; }
.devTblSmp { display: none; }
.devSmp { display: none; }
img.devPc,img.devPcTbl { display: inline; }
img.devTbl,img.devTblSmp,img.devSmp { display: none; }
@media only screen and (max-width: 630px) {
	img {
		width: 100%;
		height: auto;
	}
	.devPc { display: none; }
	.devPcTbl { display: none; }
	.devTbl {	display: none; }
	.devTblSmp { display: block; }
	.devSmp { display: block; }
	img.devTblSmp,img.devSmp { display: inline; }
	img.devPc,img.devPcTbl,img.devTbl { display: none; }
}