@charset "UTF-8";

.contents {
font-size: 16px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width:100%;
font-family: 'Noto Sans JP', sans-serif;
/*text-align: justify;*/
line-height: 1.75;
letter-spacing: 0.05em;
color:#281a14;
font-weight: 500;
margin:0;padding:0;
clear:both;
}

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

.bg_box01

=======================================*/
.bg_box01 {
width:97%;margin:0;
text-align:center;
padding:0 0 336px 0;
/*background: url("img/box_wrap1_bg.jpg") repeat-y center top;*/
clear:both;
}

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

.top_feature

=========================================*/
.top_feature .box1 {
	position: relative;z-index: 1;
}
/*
.top_feature .box1::before {
	position: absolute;
	top: -65px;
	left: 24px;
	content: "";
	width: 392px;
	height: 329px;
	background: url("img/feature_item01.png") no-repeat;
}

.top_feature .box1::after {
	position: absolute;
	top: 20px;
	right: 92px;
	content: "";
	width: 82px;
	height: 160px;
	background: url("img/046-05.png") no-repeat;
	background-size:100%;
}
*/
.feature_list_box .feature_list {
	display: flex;
	display: -ms-flex;
	justify-content: center;
	justify-content: -ms-center;
	align-items: center;
	/* flex-start */
	margin:0 auto 0;
	padding:0 auto 0;
}


.feature01 {
	position: relative;
	margin-bottom: 66px;
	z-index: 1;
}
.circle_pink {
	background-image:url(../img/bg_circle2.png);
	background-repeat: no-repeat;
	background-position:left 74px top 0px;
	background-size:35%;
}
.circle_gray {
	background-image:url(../img/bg_circlegr3.png);
	background-repeat: no-repeat;
	background-position:left 74px top 0px;
	background-size:35%;
}

.bgtop50 {background-position:left 74px top 50px;}
.bgtop30 {background-position:left 74px top 30px;}
.btm35 {padding-bottom:35px;}
.btmtop35 {padding-bottom:35px;padding-top:35px;}

hr.line11 {
  height: 1px;
  border: none;
  border-top: 1px #000000 solid;
  width:80%;
  margin-top:40px;
  clear:both;
}
.linebtm_50 {margin-bottom:50px;}
.linebtm_25 {margin-bottom:25px;}



/* 繝�く繧ｹ繝医�繝�け繧ｹ驛ｨ蛻� 
--------------------------------------- */

.feature_list_box .feature_list .about {
width:295px;
padding-top:0;
vertical-align:top;
}



.feature_list_box .feature01 .about {
	padding:0 0 0 20px;
	margin:0 20px 0 0;
	text-align:justify;
	text-justify : inter-ideograph;
}

/*
.feature_list_box .feature02 .about {
	padding:20px 0 0 0;margin-left:20px;
	text-align:right;text-justify : inter-ideograph;
}*/


.feature_list_box .feature_list .about h4 {
	margin:0 0 8px 0;
	padding:0;
	color: #281a14;
	font-size: 22px;
	line-height: 1.3;
	letter-spacing: 0.1em;
	font-family: adobe-garamond-pro, serif;
	font-feature-settings: "palt";
	vertical-align:top;
}

/* 繝�く繧ｹ繝磯Κ蛻��隱ｿ謨ｴ */
.feature_list_box .feature_list .about p {
	line-height: 1.875;
	font-size:0.8rem;
	letter-spacing: 0.125;
	padding:0;
	margin-top:0;
	text-align:justify;
	text-justify : inter-ideograph;
}

/* 01 02縺ｮ謨ｰ蟄怜､ｧ縺阪＞驛ｨ蛻�  */
.feature_list_box .feature_list .about h4 span {
	position: relative;
	left: -8px;
	top:0px;
	display: block;
	color: #281a14;
	font-family: adobe-garamond-pro, serif;
	font-weight: 400;
	font-style: italic;
	font-size: 70px;
	line-height: 1;
	letter-spacing: 0;
	padding:0;margin:0;
	vertical-align:top;
}


/*
.feature_list_box .feature_list .about h4 span::before {
	position: relative;
	right: -8px;
	display: block;
	width: 97px;
	height: 32px;
	background: url("img/feature01_text.png") no-repeat;
	content: "";
}
.feature_list_box .feature_list .about h4.left span::before {
	text-align:right;
	position: relative;
	display: block;
	left:182px;
	width: 97px;
	height: 32px;
	background: url("img/feature02_text.png") no-repeat 0 0px;
	content: "";
}
*/

/* 繝舌ャ繧ｰ逕ｻ蜒� */
/*.feature_list_box .feature02 img {padding: 20px 25px 0 28px;}*/

.feature_list_box .feature01 img {

}
img.f1 {
width:35%;
padding: 0px 23px 0 10px;
}
img.f2 {
width:32%;
padding: 0px 23px 0 10px;
}
img.f3 {
width:38%;
padding: 0px 23px 0px 10px;
}
img.f4 {
width:40%;
padding: 15px 23px 0 10px;
}
img.f5 {
width:40%;
padding: 0px 23px 0 10px;
}
img.f6 {
width:40%;
padding: 0px 23px 0 10px;
}
/*
.feature_list_box .feature02 {
	position: relative;
	flex-direction: row-reverse;
	flex-direction: -ms-row-reverse;
}


 2蛟狗岼縺ｮ闡�
.feature_list_box .feature02::before {
	position: absolute;
	top: -25px;
	left: 201px;
	width: 205px;
	height: 132px;
	background: url("img/046-02.png") no-repeat;
	background-size:50%;
	content: "";
}*/

/* 2蛟狗岼縺ｮ豕｢邱� 
.feature_list_box .feature02::after {
	position: absolute;
	top: -194px;
	left: 348px;
	width: 375px;
	height: 329px;
	background: url("img/feature_item04.png") no-repeat;
	z-index: -1;
	content: "";
}*/


.feature_list_box .feature02 .about h4,
.feature_list_box .feature02 .about h4 span {
	color: #09b7c2;
}
.feature_list_box .feature02 .about h4 span {
	padding-bottom: 6px;
	padding-left: 6px;
}
/* 2縺､逶ｮ縺ｮFuture縺�縺題牡螟画峩 
.feature_list_box .feature02 .about h4 span::before {
	background: url("img/feature02_text.png") no-repeat;
}*/



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

繧ｿ繧､繝医Ν

==================================================================*/
/*荳ｭ螟ｮ蟇�○*/
h3.tit01 {
	position: relative;
	display: block;
	margin-top:30px;
	margin-bottom: 46px;
	letter-spacing: 0.1em;
	color: #281a14;
	font-size: 20px;
	text-align: center;
	font-family: adobe-garamond-pro, serif;
	font-feature-settings: "palt";
}

/* 閭梧勹逕ｻ蜒� */
h3.tit01::before {
	position: relative;
	display: block;
	width: 46px;
	height: 46px;
	margin: 0 auto 5px;
	background: url("../img/logo_ch.svg") no-repeat 0 0px;
	background-size:100%;
	content: "";
}

/* 鬟ｾ繧翫�闍ｱ隱� */
h3.tit01 span {
	display: table;
	position: relative;
	margin: auto;
	padding-bottom: 6px;
	letter-spacing: 0.08em;
	color: #281a14;
	line-height: 1;
	font-size: 48px;
	font-family: 'Lato', sans-serif;
	font-weight: 600;
	background-size: contain;
	background-image: -webkit-linear-gradient(0deg, #281a14 0%, #281a14 100%);
	background-image: -moz-linear-gradient(0deg, #281a14 0%, #281a14 100%);
	background-image: -o-linear-gradient(0deg, #281a14 0%, #281a14 100%);
	background-image: linear-gradient(90deg, #281a14 0%, #281a14 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;

}

.text_11 {
	width:87%;line-height:1.9;
	text-align:justify;
	text-justify : inter-ideograph;
	font-feature-settings: "palt";
    font-size:0.9rem;
    margin:20px auto 55px auto;
}

.top1_img {width:88%;margin:0 auto;}


/* 蟾ｦ蟇�○ 
h3.tit02 {
	position: relative;
	margin-bottom: 30px;
	padding: 14px;
	letter-spacing: 0.15em;
	color: #1F2774;
	font-size: 24px;
	font-weight: bold;
	line-height: 1.4;
	text-align: left;
}

h3.tit02::before {
	position: absolute;
	width: 40px;
	height: 62px;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background-image: url(img/tit02_bg.png);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	z-index: -1;
	content: "";
}*/

/* 繧｢繧､繧ｳ繝ｳ縺ｮ菴咏區 
h3.tit02 i {
	margin-right: 7px;
}*/

/* 鬟ｾ繧翫�闍ｱ隱� 
h3.tit02 span {
	display: inline-block;
	position: relative;
	letter-spacing: 2.5px;
	color: #C0AB9A;
	font-size: 14.5px;
	font-family: "Times New Roman", Times, serif;
	font-weight: 400;
	z-index: 2;
}

h3.tit02 span::before {
	margin-left: 15px;
	margin-right: 15px;
	content: "/";
}*/





.btn_2 {
  margin:15px 0 0 0;
  font-weight: 500;
  display: inline-block;
  cursor: pointer;
  position: relative;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
}
.btn_2:hover,a.btn_2:hover {text-decoration:none;}

.btn_small::after {
  position: absolute;
  top: 50%;
  right: .2em;
  content: '';
  margin-top: -5px;
  border: 7px solid transparent;
  border-top-width: 5px;
  border-bottom-width: 5px;
  border-left-color: #281A14;
  transition: all .3s;
}

.btn_small,a.btn_small {
  width:13rem;
  font-size: 1.1rem;
  line-height: 1.1rem; padding: 0.6rem;
  color: #281A14; background-color:;transition : .3s;
  border:1px solid #281A14;text-decoration:none;
}
a.btn_small:hover {
transition : .3s;background-color: #281A14;color:#fff;
}

.btn--big,
a.btn--big {
  width:85%;
  font-size: 1.1rem;
  line-height: 1.1rem; padding: 1.8rem 0;
  color: #fff; background-color:#281A14;transition : .3s;
  text-decoration:none;
}
.btn--big::after {
  position: absolute;
  top: 50%;
  right: .4em;
  content: '';
  margin-top: -5px;
  border: 7px solid transparent;/*  */
  border-top-width: 5px;
  border-bottom-width: 5px;
  border-left-color: #fff;
  transition: all .3s;
}
a.btn--big:hover {
transition : .3s;background-color: #fff;color:#281A14;border:1px solid #281A14;
}
.btn--big:hover::after {  border-left-color: #281A14;
}
.btn_small:hover::after {  border-left-color: #fff;
}