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

/*===================================
	
=====================================*/

div.page_content{
	width: 100%;
	max-width: 1050px;
	padding: 0 25px;
	box-sizing: border-box;
	margin: 0 auto;
}

div.dammy_inner{
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

h2.page_midashi{
	min-height: 87px;
	padding-top: 25px;
	box-sizing: border-box;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
	font-size: 3.0rem;
	line-height: 1;
	letter-spacing: 0.1em;
	color: #000000;
	position: relative;
}

h2.page_midashi::before{
	content: '';
	display: inline-block;
	background: #39b04a;
	width: 3px;
	height: 87px;
	position: absolute;
	top: 0;
	left: -4.8%;
}

h2.page_midashi.orange::before{
	background: #ec5a24;
}

/*↓色変更*/
html.pageYellow h2.page_midashi::before{
	background: #000 !important;
}
html.pageBlack h2.page_midashi::before{
	background: #fff !important;
}
html.pageBlue h2.page_midashi::before{
	background: #fff !important;
}
/*↑色変更*/


h2.page_midashi span[data-ruby]::before{
	font-size: 1.6rem;
	letter-spacing: 0;
	top: -20px;
	left: 0;
	right: 0;
	transform: translateX(0);
}

h2.page_midashi span.en_midashi{
	display: block;
	font-size: 1.7rem;
	line-height: 1.2411;
	letter-spacing: 0.1em;
	color: #ec5a24;
	padding-top: 7px;
}

h2.page_midashi.green span.en_midashi{
	color: #39b04a;
}

h3.midashi_h3{
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
	padding-bottom: 22px;
	box-sizing: border-box;
	border-bottom: 1px solid #39b04a;
}

h3.midashi_h3.red{
	border-bottom: 1px solid #ec5a24;
}

h3.midashi_h3.orange{
	border-bottom: 1px solid #ec5a24;
}

h3.midashi_h3 span.jp_txt{
	display: block;
	font-size: 2.5rem;
	line-height: 1;
	letter-spacing: 0.1em;
	color: #008d45;
}

h3.midashi_h3 span.en_txt{
	display: block;
	font-size: 1.7rem;
	line-height: 1.2411;
	letter-spacing: 0.1em;
	color: #008d45;
	padding-top: 8px;
}

h3.midashi_h3.red span.jp_txt,
h3.midashi_h3.red span.en_txt{
	color: #e81c24;
}

h3.midashi_h3.orange span.jp_txt,
h3.midashi_h3.orange span.en_txt{
	color: #ec5a24
}


h3.midashi_h3.num-1,
h3.midashi_h3.num-2,
h3.midashi_h3.num-3{
	padding-left: 7.0%;
	position: relative;
}

h3.midashi_h3.num-1::before,
h3.midashi_h3.num-2::before,
h3.midashi_h3.num-3::before{
	content: '1';
	display: flex;
	justify-content: center;
	align-items: center;
	background: #39b04a;
	width: 49px;
	height: 49px;
	border-radius: 50%;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
	font-size: 2.5rem;
	line-height: 0;
	letter-spacing: 0.1em;
	color: #fff;
	position: absolute;
	top: -11px;
	left: 2px;
	z-index: 1;
}

h3.midashi_h3.num-2::before{
	content: '2';
}

h3.midashi_h3.num-3::before{
	content: '3';
}

/*↓色変更*/
html.pageYellow h3.midashi_h3.num-1::before{
	background: #F4E621;
	border: 1px solid #000;
	color: #000 !important;
}
html.pageYellow h3.midashi_h3.num-2::before{
	content: '2';
	background: #F4E621;
	border: 1px solid #000;
	color: #000 !important;
}
html.pageYellow h3.midashi_h3.num-3::before{
	content: '3';
	background: #F4E621;
	border: 1px solid #000;
	color: #000 !important;
}
html.pageBlack h3.midashi_h3.num-1::before{
	background: #000;
	border: 1px solid #fff;
}
html.pageBlack h3.midashi_h3.num-2::before{
	content: '2';
	background: #000;
	border: 1px solid #fff;
}
html.pageBlack h3.midashi_h3.num-3::before{
	content: '3';
	background: #000;
	border: 1px solid #fff;
}
html.pageBlue h3.midashi_h3.num-1::before{
	background: #0071b4;
	border: 1px solid #fff;
}
html.pageBlue h3.midashi_h3.num-2::before{
	content: '2';
	background: #0071b4;
	border: 1px solid #fff;
}
html.pageBlue h3.midashi_h3.num-3::before{
	content: '3';
	background: #0071b4;
	border: 1px solid #fff;
}
/*↑色変更*/


h3.midashi_h3.num-1 span.jp_txt,
h3.midashi_h3.num-2 span.jp_txt,
h3.midashi_h3.num-3 span.jp_txt,
h3.midashi_h3.num-1 span.en_txt,
h3.midashi_h3.num-2 span.en_txt,
h3.midashi_h3.num-3 span.en_txt{
	color: #333;
}

h3.jp_midashi_h3{
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
	padding-bottom: 22px;
	box-sizing: border-box;
	border-bottom: 1px solid #39b04a;
}

h3.jp_midashi_h3.orange{
	border-bottom: 1px solid #ec5a24;
}


h3.jp_midashi_h3 span.jp_txt{
	display: block;
	font-size: 2.5rem;
	line-height: 1;
	letter-spacing: 0.1em;
	color: #008d45;
}

h3.jp_midashi_h3 span.en_txt{
	display: block;
	font-size: 1.7rem;
	line-height: 1.2411;
	letter-spacing: 0.1em;
	color: #008d45;
	padding-top: 8px;
}

h3.jp_midashi_h3.orange span.jp_txt,
h3.jp_midashi_h3.orange span.en_txt{
	color: #ec5a24
}


h3.jp_midashi_h3.num-1,
h3.jp_midashi_h3.num-2,
h3.jp_midashi_h3.num-3{
	padding-left: 7.0%;
	position: relative;
}

h3.jp_midashi_h3.num-1::before,
h3.jp_midashi_h3.num-2::before,
h3.jp_midashi_h3.num-3::before{
	content: '1';
	display: flex;
	justify-content: center;
	align-items: center;
	background: #39b04a;
	width: 49px;
	height: 49px;
	border-radius: 50%;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
	font-size: 2.5rem;
	line-height: 0;
	letter-spacing: 0.1em;
	color: #fff;
	position: absolute;
	top: -11px;
	left: 2px;
	z-index: 1;
}

/*↓色変更*/
html.pageYellow h3.jp_midashi_h3.num-1::before,
html.pageYellow h3.jp_midashi_h3.num-2::before,
html.pageYellow h3.jp_midashi_h3.num-3::before{
	background: #000;
	border: 1px solid #000;
	color: #fff !important;
}
html.pageBlack h3.jp_midashi_h3.num-1::before,
html.pageBlack h3.jp_midashi_h3.num-2::before,
html.pageBlack h3.jp_midashi_h3.num-3::before{
	background: #000;
	border: 1px solid #fff;
}
html.pageBlue h3.jp_midashi_h3.num-1::before,
html.pageBlue h3.jp_midashi_h3.num-2::before,
html.pageBlue h3.jp_midashi_h3.num-3::before{
	background: #0071b4;
	border: 1px solid #fff;
}
/*↑色変更*/


h3.jp_midashi_h3.num-2::before{
	content: '2';
}

h3.jp_midashi_h3.num-3::before{
	content: '3';
}

h3.jp_midashi_h3.num-1 span.jp_txt,
h3.jp_midashi_h3.num-2 span.jp_txt,
h3.jp_midashi_h3.num-3 span.jp_txt,
h3.jp_midashi_h3.num-1 span.en_txt,
h3.jp_midashi_h3.num-2 span.en_txt,
h3.jp_midashi_h3.num-3 span.en_txt{
	color: #333;
}

div.page_content h4 span{
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
	font-size: 2.5rem;
	line-height: 1.44;
	letter-spacing: 0.1em;
}

/**/

div.external_link{
	width: 100%;
}

div.external_link + div.external_link{
	margin-top: 35px;
}

div.external_link a{
	display: flex;
	align-items: center;
	width: 100%;
	height: 80px;
	border-radius: 20px;
	border: 1px solid #c7c7c7;
	padding: 0 7.5% 0 5.2%;
	box-sizing: border-box;
	background: url("../images/common/external-link_ico.svg")no-repeat #fff right 2.6% center;
	background-size: 30px auto;
	font-size: 1.8rem;
	line-height: 1.4472;
	letter-spacing: 0.05em;
	color: #0071b7;
	text-decoration: underline;
	position: relative;
}

div.external_link a::before{
	content: '';
	display: inline-block;
	background: #ec5a24;
	width: 17px;
	height: 17px;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 2.3%;
	transform: translateY(-50%);
	z-index: 1;
}

div.external_link a.green::before{
	background: #008d45;
}

/*↓色変更*/
html.pageYellow div.external_link a{
	background: url("../images/common/external-link_ico.svg")no-repeat #F4E621 right 2.6% center;
	background-size: 30px auto;
}
html.pageBlack div.external_link a{
	background: url("../images/common/external-link_ico.svg")no-repeat #000 right 2.6% center;
	background-size: 30px auto;
}
html.pageBlue div.external_link a{
	background: url("../images/common/external-link_ico.svg")no-repeat #0071b4 right 2.6% center;
	background-size: 30px auto;
}
html.pageYellow div.external_link a::before{
	background: #000 !important;
}
html.pageBlack div.external_link a::before{
	background: #fff !important;
}
html.pageBlue div.external_link a::before{
	background: #fff !important;
}
/*↑色変更*/


/**/

div.file_link{
	width: 100%;
}

div.file_link + div.file_link{
	margin-top: 35px;
}

div.file_link a{
	display: flex;
	align-items: center;
	width: 100%;
	height: 94px;
	border-radius: 40px;
	border: 1px solid #f6ab3b;
	padding: 0 7.5% 0 9.7%;
	box-sizing: border-box;
	/*background: url("../images/common/dl_ico.svg")no-repeat #fff right 3.6% center;
	background-size: 30px auto;*/
	background: url("../images/common/link_ico-lightorange.svg")no-repeat #fff right 3.9% center;
	background-size: 25px auto;
	font-size: 1.8rem;
	line-height: 1.4472;
	letter-spacing: 0.03em;
	color: #0071b7;
	text-decoration: underline;
	box-shadow: 0px 0px 5px 1px rgba(105,135,142,0.45);
	position: relative;
}

div.file_link.download a{
	background: url("../images/common/dl_ico.svg")no-repeat #fff right 3.6% center;
	background-size: 30px auto;
}

/*↓色変更*/
html.pageYellow div.file_link a{
	background: url("../images/common/link_ico-lightorange.svg")no-repeat #F4E621 right 3.9% center;
	background-size: 25px auto;
}
html.pageBlack div.file_link a{
	background: url("../images/common/link_ico-lightorange.svg")no-repeat #000 right 3.9% center;
	background-size: 25px auto;
}
html.pageBlue div.file_link a{
	background: url("../images/common/link_ico-lightorange.svg")no-repeat #0071b4 right 3.9% center;
	background-size: 25px auto;
}
html.pageYellow div.file_link.download a{
	background: url("../images/common/dl_ico.svg")no-repeat #F4E621 right 3.6% center;
	background-size: 30px auto;
}
html.pageBlack div.file_link.download a{
	background: url("../images/common/dl_ico.svg")no-repeat #000 right 3.6% center;
	background-size: 30px auto;
}
html.pageBlue div.file_link.download a{
	background: url("../images/common/dl_ico.svg")no-repeat #0071b4 right 3.6% center;
	background-size: 30px auto;
}
/*↑色変更*/


div.file_link a.pdf::before{
	content: '';
	display: inline-block;
	background: url("../images/common/pdf_ico.svg")no-repeat;
	background-size: contain;
	width: 30px;
	height: 3.65rem;
	position: absolute;
	top: 50%;
	left: 4.0%;
	transform: translateY(-50%);
	z-index: 1;
}

div.file_link a.doc::before{
	content: '';
	display: inline-block;
	background: url("../images/common/doc_ico.svg")no-repeat;
	background-size: contain;
	width: 30px;
	height: 3.65rem;
	position: absolute;
	top: 50%;
	left: 4.0%;
	transform: translateY(-50%);
	z-index: 1;
}

div.file_link a.xls::before{
	content: '';
	display: inline-block;
	background: url("../images/common/xls_ico.svg")no-repeat;
	background-size: contain;
	width: 30px;
	height: 3.65rem;
	position: absolute;
	top: 50%;
	left: 4.0%;
	transform: translateY(-50%);
	z-index: 1;
}

/**/

div.two_column{
	width: 100%;
	display: flex;
	justify-content: space-between;
}

div.two_column .photo_area{
	width: 44.6%;
}

div.two_column .photo_area img{
	width: 100%;
	height: auto;
	border-radius: 10px;
}

div.two_column .text_area{
	width: 50.1%;
}

/**/

.list01{
	width: 100%;
}

.list01 + .list01{
	margin-top: 25px;
}

.list01 p.choose_color{
	display: none;
}

.list01 p{
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
	font-size: 1.6rem;
	line-height: 2.3125;
	letter-spacing: 0.05em;
	color: #000;
	text-align: justify;
	padding-left: 3.1%;
	box-sizing: border-box;
	position: relative;
}

.list01 p::before{
	content: '';
	display: inline-block;
	background: #008d45;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	position: absolute;
	top: 11px;
	left: 8px;
	z-index: 1;
}

.list01.orange p::before{
	background: #f28e1e;
}

.list01.red p::before{
	background: #e81c24;
}

/*↓色変更*/
html.pageYellow .list01 p::before,
html.pageYellow .list01.orange p::before,
html.pageYellow .list01.red p::before{
	background: #000 !important;
}
html.pageBlack .list01 p::before,
html.pageBlack .list01.orange p::before,
html.pageBlack .list01.red p::before{
	background: #fff !important;
}
html.pageBlue .list01 p::before,
html.pageBlue .list01.orange p::before,
html.pageBlue .list01.red p::before{
	background: #fff !important;
}
/*↑色変更*/

.list01 p + p{
	margin-top: 6px;
}

/**/

div.page_content .ac_container02{
	width: 100%;
}

div.page_content .ac_container02 + .ac_container02{
	margin-top: 20px;
}

div.page_content .ac_container02 .ac-box{
	display: flex;
	align-items: center;
	width: 100%;
	height: 94px;
	border-radius: 40px;
	background: #39b04a;
	box-shadow: 0px 0px 5px 1px rgba(105,135,142,0.45);
	font-size: 2.0rem;
	line-height: 1;
	letter-spacing: 0.03em;
	color: #fff;
	padding-left: 4.3%;
	box-sizing: border-box;
	position: relative;
}

/*↓色変更*/
html.pageYellow div.page_content .ac_container02 .ac-box{
	background: #F4E621;
	border: 2px solid #000;
}
html.pageBlack div.page_content .ac_container02 .ac-box{
	background: #000;
	border: 2px solid #fff;
}
html.pageBlue div.page_content .ac_container02 .ac-box{
	background: #0071b4;
	border: 2px solid #fff;
}
/*↑色変更*/


div.page_content .ac_container02 .ac-box span{
	width: 43px;
	line-height: 0;
	position: absolute;
	top: 50%;
	right: 33px;
	transform: translateY(-50%);
	z-index: 1;
}

div.page_content .ac_container02 .ac-box span img{
	width: 100%;
	height: auto;
}

div.page_content .ac_container02 .ac-box span.minus{
	display: none;
}

div.page_content .ac_container02 .detail{
	display: none;
}

div.page_content .ac_container02 .detail .detail_inner{
	width: 100%;
	padding: 27px 0 50px;
}

div.page_content .ac_container02 .detail .detail_inner .box{
	display: none;
}

/**/

div.page_content .ac_container03{
	width: 100%;
}

div.page_content .ac_container03 + .ac_container03{
	margin-top: 20px;
}

div.page_content .ac_container03 .ac-box{
	display: flex;
	align-items: center;
	width: 100%;
	height: 94px;
	border-radius: 40px;
	background: #ec5a24;
	box-shadow: 0px 0px 5px 1px rgba(105,135,142,0.45);
	font-size: 2.5rem;
	line-height: 1;
	letter-spacing: 0.03em;
	color: #fff;
	padding-left: 4.3%;
	box-sizing: border-box;
	position: relative;
}

/*↓色変更*/
html.pageYellow div.page_content .ac_container03 .ac-box{
	background: #F4E621;
	border: 2px solid #000;
}
html.pageBlack div.page_content .ac_container03 .ac-box{
	background: #000;
	border: 2px solid #fff;
}
html.pageBlue div.page_content .ac_container03 .ac-box{
	background: #0071b4;
	border: 2px solid #fff;
}
/*↑色変更*/

div.page_content .ac_container03 .ac-box span{
	width: 43px;
	line-height: 0;
	position: absolute;
	top: 50%;
	right: 33px;
	transform: translateY(-50%);
	z-index: 1;
}

div.page_content .ac_container03 .ac-box span img{
	width: 100%;
	height: auto;
}

div.page_content .ac_container03 .ac-box span.minus{
	display: none;
}

div.page_content .ac_container03 .detail{
	display: none;
}

div.page_content .ac_container03 .detail .detail_inner{
	width: 100%;
	padding: 27px 0 50px;
}

div.page_content .ac_container03 .detail .detail_inner .box,
div.page_content .ac_container03 .detail .detail_inner .id{
	display: none;
}


/**/

.echo-mt-be-spacer hr {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 none !important;
  height: 0 !important;
  opacity: 0 !important;
}

.echo-mt-be-spacer.is-size-xsmall {
  height: 0.5em;
}


.echo-mt-be-spacer.is-size-small {
  height: 1em;
}


.echo-mt-be-spacer.is-size-medium {
  height: 2em;
}


.echo-mt-be-spacer.is-size-large {
  height: 3em;
}


.echo-mt-be-spacer.is-size-xlarge {
	height: 5em;
}

/**/