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

/*-------------------------
   汎用クラス
-------------------------*/
.c_onlyPc {
	display: block;
}
img.c_onlyPc {
	display: inline-block;
}
.c_onlySp {
	display: none;
}
.c_onlySpIb {
	display: none;
}
img.c_onlySp {
	display: none;
}
@media screen and (max-width: 767px) {
	.c_onlyPc {
		display: none;
	}
	img.c_onlyPc {
		display: none;
	}
	.c_onlySp {
		display: block;
	}
	.c_onlySpIb {
		display: inline-block;
	}
	img.c_onlySp {
		display: inline-block;
	}
}
.c_displayInBlo {
	display: inline-block;
}

/*-------------------------
   ページフレーム
-------------------------*/

.f_pageArea {
	max-width: 1280px;
	margin: 0 auto 60px;
}
.f_mainArea,
.f_footer {
	/*margin-right: 260px;*/
	box-sizing: border-box;
	font-size: 92.86%;/* 13px */
}
.f_header {
    padding: 40px 0 0 40px;
    height: 250px;
    width: 1020px;
    margin: 0 auto;
}
.f_breadCrumb {
	color: #111;
}
.f_breadCrumb.txtWht {
	color: #fff;
}
.f_breadCrumb li {
	display: inline-block;
	vertical-align: middle;
}
.f_breadCrumb li:after {
	content: ">";
	padding: 0 5px;
}
.f_breadCrumb li:last-child::after {
	content: none;
}
.f_breadCrumb li a:hover {
	text-decoration: underline;
}
.f_header h1 {
	color: #111;
	font-size: 292.3%;/* 38px */
	margin-top: 186px;
}
.f_header .m_titEn {
	font-size: 115.38%;/* 15px */
	font-weight: bold;
	color: #193996;
	margin-top: 5px;
}
.f_contents {
	padding: 40px 90px 0;
	margin-top: 50px;
	background-color: #f7fcff;
}
.f_contents02 {
	margin: 50px 40px 0;
}
.f_contents.noBg {
	background-color: inherit;
	margin-top: 0;
}

.f_footer {
	padding: 0 40px;
	font-size: 76.923%;/* 10px */
}
.f_footer .f_footerInner {
	border-top: 1px solid #e6e6e6;
	padding: 20px 15px;
	margin-top: 30px;
}
.f_footer .f_footerInner .colL {
	float: left;
	width: 150px;
	margin-top: 20px;
}
.f_footer .f_footerInner .colL a.hasIco {
	margin-top: 10px;
	display: inline-block;
	position: relative;
	padding-left: 10px;
}
.f_footer .f_footerInner .colL a.hasIco:hover {
	text-decoration: underline;
}
.f_footer .f_footerInner .colL a.hasIco::before {
	content: "";
	border-bottom: 2px solid rgba(0,0,0,0);
	border-top: 2px solid rgba(0,0,0,0);
	border-left: 4px solid #ACACAC;
	position: absolute;
	left: 0;
	top: 0.5em;
}
.f_footer .f_footerInner .colL2 {
	float: left;
	width: 56px;
	margin-top: 20px;
	display:none;
}
.f_footer .f_footerInner .colL2 img {
	width: 100%;
}
.f_footer .f_footerInner .colR {
	float: right;
	padding-bottom: 10px;
}
.f_footer .f_footerNav {
	clear: both;
}
.f_footer small {
	font-size: 100%;
	padding-right: 20px;
}
.f_footerNav {
	padding: 15px 0 20px;
	border-top: 1px solid #d4d4d4;
	margin-top: 20px;

}
.f_footerNav li {
	display: inline-block;
	border-left: 1px solid #d4d4d4;
	text-align: center;
	padding: 0 1%;
	margin-bottom: 5px;
}
.f_footerNav li:first-child {
	border-left: none;
	padding-left: 0;
}
.f_footerNav li a:hover {
	text-decoration: underline;
}
.f_pageTop {
	display: block;
	width: 75px;
	height: 75px;
	background-color: #014099;
	border-radius: 2px;
	position: fixed;
	right: 90px;
	bottom: 20px;
	z-index: 1100;
	opacity: 0.7;
}
.f_pageTop span {
	width: 20px;
	height: 2px;
	background-color: #fff;
	display: block;
	position: absolute;
	top: 29px;
	left: 0;
	right: 0;
	margin: auto;
}
.f_pageTop span::after {
	display: block;
	content: "";
	width: 14px;
	height: 14px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
	position: absolute;
	left: 0;
	right: 0;
	top: 13px;
	margin: auto;
}

/*-------------------------
   モジュール
-------------------------*/
.m_box01 {
	width: 100%;
	background-color: #fffef5;
	border: 4px solid #cde8f7;
	text-align: center;
	font-size: 138.46%;/* 18px */
	padding: 30px 0;
	box-sizing: border-box;
}
.m_box01 .p_fontL {
	font-size: 144.4%;/* 26px */
	font-weight: bold;
}
.m_box01 .p_fontLL {
	font-size: 300%;/* 54px */
	color: #be001b;
	font-weight: bold;
}

.m_btmArea {
	border-top: 1px solid #ededed;
	margin-top: 50px;
	padding: 35px 40px 0;
}
.m_btmAreaInner01 {
	display: table;
	border-spacing: 30px 0;
	margin: 0 -30px;
}
.m_btmArea .m_btmAreaInner01 a {
	/*display: inline-block;*/
	display: table-cell;
	background-color: #009944;
	color: #fff;
	border-radius: 2px;
	padding: 20px 70px 20px 30px;
	border-bottom: 6px solid #00672e;
	box-sizing: border-box;
	max-width: 400px;
	width: 48%;
	position: relative;
}
.m_btmArea .m_btmAreaInner01 a::after {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
	-webkit-transform-origin: top right;
			transform-origin: top right;
	position: absolute;
	top: 50%;
	right: 20px;
}
.m_btmArea .m_btmAreaInner01 a h3 {
	font-size: 184.61%;/* 24px */
	font-weight: bold;
	margin-bottom: 10px;
}
.m_btmAreaInner02 {
	margin: 25px 0 30px;
	font-weight: bold;
	padding: 0 15px;
}
.m_btmAreaInner02 li {
	width: 220px;
	text-align: center;
}
.m_btmAreaInner02 .colL {
	float: left;
}
.m_btmAreaInner02 .colR {
	float: right;
}
.m_btmAreaInner02 a.btn {
	border: 2px solid #c8c8c8;
	padding: 2px;
	display: inline-block;
	margin-bottom: 8px;
	position: relative;
}
.m_btmAreaInner02 a.txtLink:hover {
	text-decoration: underline;
}
.m_btmAreaInner02 a.btn span {
	background-color: #fafafa;
	padding: 15px 35px;
	display: inline-block;

}
.m_btmAreaInner02 .colL a.btn {
	border-left: none;
}
.m_btmAreaInner02 .colR a.btn {
	border-right: none;
}
.m_btmAreaInner02 .colL a.btn::before {
	display: block;
	content: "";
	border-top: 2px solid #c8c8c8;
	border-left:  2px solid #c8c8c8;
	width: 36px;
	height: 36px;
	position: absolute;
	top: 25px;
	left: -27px;
	-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
	-webkit-transform-origin: left top;
			transform-origin: left top;
}
.m_btmAreaInner02 .colL a.btn::after {
	display: block;
	content: "";
	background-color: #fafafa;
	width:  34px;
	height: 34px;
	position: absolute;
	-webkit-transform: rotate(-45deg);
			transform: rotate(-45deg);
	-webkit-transform-origin: left top;
			transform-origin: left top;
	left: -22px;
	top: 25px;
}
.m_btmAreaInner02 .colR a.btn::before {
	display: block;
	content: "";
	border-top: 2px solid #c8c8c8;
	border-right:  2px solid #c8c8c8;
	width: 36px;
	height: 36px;
	position: absolute;
	top: 25px;
	right: -27px;
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
	-webkit-transform-origin: right top;
			transform-origin: right top;
}
.m_btmAreaInner02 .colR a.btn::after {
	display: block;
	content: "";
	background-color: #fafafa;
	width:  34px;
	height: 34px;
	position: absolute;
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
	-webkit-transform-origin: right top;
			transform-origin: right top;
	right: -22px;
	top: 25px;
}

.m_btmArea .m_btmAreaInner01 .bg01 {
	background-color: #19a356;
	border-bottom: 6px solid #00672e;
}
.m_btmArea .m_btmAreaInner01 .bg02 {
	background-color: #195a42;
	border-bottom: 6px solid #0a402c;
}

.m_tit01 {
	font-size: 246.15%;/* 32px */
	font-weight: bold;
	text-align: center;	
}
.m_tit02 {
	font-size: 180%;
	text-align: center;	
}
.list01 {
	display: table;
}
.list01 .listIco,
.list01 .listTxt {
	display: table-cell;
	vertical-align: top;
}
.list01 .listIco {
	width: 1%;
	white-space: nowrap;
	padding-right: 5px;
}
.m_fadeOver {
	transition: opacity 0.3s;
}
.m_fadeOver:hover {
	opacity: 0.7;
}


@media screen and (max-width: 1000px) {
/*-------------------------
   ページフレーム
-------------------------*/
	.f_mainArea,
	.f_footer {
		margin-right: 0;
	}
	.f_header {
		padding: 34px 0 0 0;
	}
	.f_contents {
		padding-right: 10px;
		padding-left: 10px;
	}
	.f_contents02 {
		margin-right: 10px;
		margin-left: 10px;
	}
	.f_header h1 {
		margin-top: 195px;
	}
	.f_pageTop {
		right: 20px;
	}
	.f_footer {
		padding: 0 10px;
	}
}
@media screen and (max-width: 767px) {
/*-------------------------
   ページフレーム
-------------------------*/
	.f_header {
		height: auto;
		padding: 0;
		width: auto;
	}
	.f_header h1 {
		font-size: 161.53%;/* 21px */
		margin: -14px 10px 0;
	}
	.f_header .m_titEn {
		font-size: 76.92%;/* 10px */
		margin-left: 10px;
		margin-right: 10px;
	}
	.f_breadCrumb.txtWht  {
		color: #111;
	}
	.f_spMainV {
		text-align: center;
	}
	.f_spMainV img {
		width: 100%;
		max-width: 640px;
	}
	.f_breadCrumb {
		border-top: 1px solid #eaeaea;
		padding: 7px 10px;
	}
	.f_contents02 {
		margin-top: 30px;
	}
	.f_pageTop {
		width: 60px;
		height: 60px;
		right: 10px;
		bottom: 30px;
	}
	.f_pageTop span {
		width: 16px;
		top: 23px;
	}
	.f_pageTop span::after {
		width: 10px;
		height: 10px;
		top: 10px;
	}
	.f_footer {
		padding: 0;
	}
	.f_footer .f_footerInner {
		padding: 15px;
	}
	.f_footerNav {
		padding: 0;
		border-top: none;
	}
	.f_footerNav li {
		border: none;
		margin-left: 5px;
		text-align: left;
	}
	.f_footerNav li a {
		padding: 6px 20px 6px 3px;
		display: inline-block;
	}
	.f_footerNav li .icoPc {
		background: url(../common/img/ft_mrk_pc_01.gif) no-repeat center right
		;
		background-size: 14px;
	}
		.f_footerNav li .icoBlank {
		background: url(../common/img/ft_mrk_blank.gif) no-repeat center right
		;
		background-size: 13px;
	}

	.f_footer .spCopy.c_onlySp {
		background-color: #152a97;
		color: #ccc;
		text-align: center;
		padding: 10px 0;
	}

/*-------------------------
   モジュール
-------------------------*/	
	.m_box01 {
		padding: 20px 10px;
		font-size: 107.69%;
	}
	.m_box01 .p_fontL {
		margin-top: 10px;
	}
	.m_box01 .p_fontLL {
		font-size: 228.57%;/* 32px */
		margin-top: 10px;
	}
	.m_btmArea {
		margin-left: -10px;
		margin-right: -10px;
		padding: 20px 10px;
	}
	.m_btmAreaInner01 {
		display: block;
		margin: 0;
	}
	.m_btmArea .m_btmAreaInner01 a {
		display: block;
		width: 100%;
		margin: 0 auto 25px;
		padding: 13px 45px 13px 20px;
	}
/*	.m_btmArea a{
		text-align: left;
		
		width: 93%;
	}*/
	.m_btmArea .m_btmAreaInner01 a h3 {
		font-size: 138.46%;/* 18px */
	}
	.m_btmAreaInner02 {
		margin: 20px 0 0;
	}
	.m_btmAreaInner02 li {
		width: 130px;
	}
	.m_btmAreaInner02 a {
		font-size: 76.92%;/* 10px */
	}
	.m_btmAreaInner02 .colL a.btn span {
		padding: 15px 10px 15px 20px;
	}
	.m_btmAreaInner02 .colR a.btn span {
		padding: 15px 20px 15px 10px;
	}
	.m_btmAreaInner02 .colL a.btn::before {
		width: 29px;
		height: 29px;
		top: 23px;
		left: -20px;
		-webkit-transform: rotate(-53deg) skew(-15deg);
				transform: rotate(-53deg) skew(-15deg);
	}
	.m_btmAreaInner02 .colL a.btn.long::before {
		width: 37px;
		height: 37px;
		top: 29px;
		left: -25px;
		-webkit-transform: rotate(-52deg) skew(-15deg); 
				transform: rotate(-52deg) skew(-15deg); 
	}
	.m_btmAreaInner02 .colL a.btn::after {
		width: 27px;
		height: 27px;
		-webkit-transform: rotate(-55deg) skew(-15deg);
		transform: rotate(-55deg) skew(-15deg);
		top: 23px;
		left: -15px;
	}
	.m_btmAreaInner02 .colL a.btn.long::after {
		width: 35px;
		height: 35px;
		top: 29px;
		left: -20px;
		-webkit-transform: rotate(-52deg) skew(-15deg); 
				transform: rotate(-52deg) skew(-15deg); 
	}
	.m_btmAreaInner02 .colR a.btn::before {
		width: 29px;
		height: 29px;
		top: 23px;
		right: -20px;
		-webkit-transform: rotate(53deg) skew(15deg);
				transform: rotate(53deg) skew(15deg);
	}
	.m_btmAreaInner02 .colR a.btn.long::before {
		width: 37px;
		height: 37px;
		top: 29px;
		right: -25px;
		-webkit-transform: rotate(52deg) skew(15deg); 
				transform: rotate(52deg) skew(15deg); 
	}
	.m_btmAreaInner02 .colR a.btn::after {
		width: 27px;
		height: 27px;
		-webkit-transform: rotate(53deg) skew(15deg);
				transform: rotate(53deg) skew(15deg);
		top: 23px;
		right: -15px;
	}
	.m_btmAreaInner02 .colR a.btn.long::after {
		width: 35px;
		height: 35px;
		top: 29px;
		right: -20px;
		-webkit-transform: rotate(52deg) skew(15deg); 
				transform: rotate(52deg) skew(15deg); 
	}
	.m_btmAreaInner02 .colL a.btn.long br,
	.m_btmAreaInner02 .colR a.btn.long br {
		display: inline-block;
	}

	.m_tit01 {
		font-size: 138.46%;/* 18px */
	}
	.m_fadeOver:hover {
		opacity: 1;
	}
	.m_tit02 {
	    font-size: 138.46%;
	}
}