@charset "UTF-8";
#mainArea{
  margin: 0 auto;
  font-size: 62.5%;
  color: #000000;
  letter-spacing: 0.5px;
  line-height: 2;
}
a{
  text-decoration: none;
}
.h_bar{
  display: none;
}
.blc{
  display: block;
}
.f-12{
  font-size: 1.2rem;
}
.f-15{
  font-size: 1.5rem;
}
.f-en{
  font-family: 'Mulish', sans-serif;
}
.italic{
  font-style: italic;
}
.border{
  border: 1px solid #000000;
}
p{
  margin: 5% 0;
  font-family: "Harmonia Sans W01", 'Mulish', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体","Hiragino Kaku Gothic Pro", "Noto Sans JP", sans-serif;
}
.mainB_{
  margin: 0 auto;
  text-align: center;
  background: #d7d7d7;
  padding: 5% 0;
  background: linear-gradient(to right, #d7d7d7 0%, #d7d7d7 99%, #204675 99%, #204675 100%);
}
.contentArea_{
  background: rgba(238, 238, 238, 1);
  padding: 2% 0;
  margin: 0 auto;
}
.leadCap_{
  display: inline-block;
  width: 32%;
  margin: 2% 0;
}
.leadTxt_{
  text-align: center;
  margin: 10% auto 5%;
  border-bottom: 1px solid #b5b5b5;
  padding: 0 0 10% 0;
}
.inner__{
  width: 1100px;
  padding: 5% 0;
  margin: 0 auto;
  text-align: center;
}
.colum_1-1_,.colum_1-2_,.colum_2-1_,.colum_2-2_,.colum_3-1_,.colum_3-2_{
  margin: 5% 0;
}
.colum_1-1_ .aboutArea_{
  text-align: left;
  margin: -5% 0 5%;
  padding: 0 10% 0 0;
}
.colum_1-1_ .list_l_ {
  display: inline-block;
  width: 52%;
  vertical-align: middle;
  position: relative;
}
.colum_1-1_ .list_r_ {
  width: 40%;
  margin: 0;
  display: inline-block;
  vertical-align: top;
}
.colum_1-2_ .list_l_ {
  display: inline-block;
  width: 35%;
  vertical-align: middle;
  position: relative;
  margin: 0 3%;
}
.colum_1-2_ .list_r_ {
  width: 43%;
  margin: 0;
  display: inline-block;
  vertical-align: top;
}
.colum_1-1_ .itemCap_{
  margin: 5% 0 0 0;
  line-height: 1.8;
  width: 43%;
  text-align: left;
  display: inline-block;
}
.colum_1-1_ .list_l_ .item_{
  width: 55%;
  display: inline-block;
  margin: -15% 0 0 0;
  vertical-align: top;
  position: relative;
}

.colum_1-1_ .list_r_ .item_{
  width: 58%;
  display: inline-block;
  margin: -10% 5% 0 -15%;
  vertical-align: top;
  position: relative;
}
.colum_1-2_ .itemCap_{
  display: block;
width: 100%;
}
.colum_1-2_ .list_l_ .item_{
  display: block;
  width: 100%;
  margin: 10% 0 5% 5%;
  position: relative;
  z-index: 100;
}

/* 2 */
.colum_2-1_ .aboutArea_{
  text-align: left;
  margin: -5% 0 5%;
  padding: 0 10% 0 0;
}
.colum_2-1_ .list_l_ {
  display: inline-block;
  width: 40%;
  vertical-align: middle;
  position: relative;
}
.colum_2-1_ .list_r_ {
  width: 48.5%;
  margin: 0 0 0 5%;
  display: inline-block;
  vertical-align: top;
}
.colum_2-2_ .list_l_ {
  display: inline-block;
  width: 30%;
  vertical-align: middle;
  position: relative;
  margin: 0 3%;
}
.colum_2-2_ .list_r_ {
  width: 43%;
  margin: 0;
  display: inline-block;
  vertical-align: top;
}
.colum_2-1_ .itemCap_{
  margin: 5% 0 0 0;
  line-height: 1.8;
  width: 58%;
  text-align: left;
  display: inline-block;
}
.colum_2-1_ .list_l_ .item_{
  width: 49%;
  display: inline-block;
  margin: -12% 0 0 -15%;
  vertical-align: top;
  position: relative;
}

.colum_2-1_ .list_r_ .item_{
  width: 48%;
  display: inline-block;
  margin: -12% -20% 0 0;
  vertical-align: top;
  position: relative;
}
.colum_2-2_ .itemCap_{
  display: block;
width: 100%;
}
.colum_2-2_ .list_l_ .item_{
  display: block;
  width: 100%;
  margin: 10% 0 5% -23%;
  position: relative;
  z-index: 100;
}

/* 3 */
.colum_3-1_ .aboutArea_{
  text-align: left;
  margin: -15% 0 7% 10%;
  padding: 0 10% 0 0;
}
.colum_3-1_ .list_l_ {
  display: inline-block;
  width: 41.1%;
  vertical-align: middle;
  position: relative;
}
.colum_3-1_ .list_r_ {
  width: 52%;
  margin: 0;
  display: inline-block;
  vertical-align: top;
}
.colum_3-2_ .list_l_ {
  display: inline-block;
  width: 40%;
  vertical-align: middle;
  position: relative;
  margin: 0 3%;
}
.colum_3-2_ .list_r_ {
  width: 40%;
  margin: 0 12% 0 0;
  display: inline-block;
  vertical-align: top;
}
.colum_3-3_ .list_l_ {
  display: inline-block;
  width: 48%;
  vertical-align: middle;
  /* position: relative; */
  margin: 0;
}
.colum_3-3_ .list_r_ {
  width: 40%;
  margin: -15% 0 0 4%;
  display: inline-block;
  vertical-align: top;
}
.colum_3-1_ .itemCap_{
  margin: 5% 0 0 0;
  line-height: 1.8;
  width: 75%;
  text-align: left;
  display: inline-block;
}
.colum_3-1_ .list_l_ .item_{
  vertical-align: top;
  position: relative;
}

.colum_3-1_ .list_r_ .item_{
  width: 48%;
  display: inline-block;
  margin: -12% -20% 0 0;
  vertical-align: top;
  position: relative;
}
.colum_3-2_ .itemCap_ {
  display: inline-block;
  width: 67%;
  text-align: left;
  vertical-align: middle;
}
.colum_3-2_ .list_l_ .item_{
  display: inline-block;
  width: 75%;
  margin: 8% 0 5% -48%;
}
.colum_3-3_ .itemCap_ {
  display: inline-block;
  width: 52%;
  text-align: left;
  vertical-align: middle;
}
.colum_3-3_ .list_l_ .item_{
  display: inline-block;
  width: 47%;
  margin: 8% 0 5% 0;
}


.title_{
  margin: 0 1% 0 -5px;
  vertical-align: top;
}
.colum_2-1_ .title_{
  margin: 0 0 -1px 6%;
}
.caption_  {
  color: #ffffff;
  position: absolute;
  top: calc(35% - 1ch/2);
  left: calc(50% - 55ch/2);
  text-align: left;
  width: 80%;
}

.s_btn_ a {
  position: relative;
  transition: 0.2s;
  color: #ffffff;
  margin: 1% 0;
  display: table;
}
.s_btn_ a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 0;
  border-bottom: solid 1px #ffffff;
  transition: 0.2s;
}
.mask_ {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	background-color:	rgba(0,0,0,0.4);
	-webkit-transition:	all 0.6s ease;
	transition:	all 0.6s ease;
}
.style_:hover .mask_ {
	opacity:1;
}
.box_{
  width: 100%;
  height: 100%;
  text-align: center;
  margin: 0 auto;
}
.box_ .style_ {
  width: 100%;
  height: 100%;
	overflow:hidden;
	position:relative;
}



.linkArea_{
  width: 60%;
  text-align: left;
  margin: -10% 0 0 auto;
}

.itemArea_ .itemLink_{
  margin: 0;
}
.itemLink_{
  margin: 3% 0;
}
.itemLink_ p{
  margin: 0;
}
.value_ {
  width: 72%;
  display: inline-block;
  text-align: left;
  font-size: 1.2rem;
  letter-spacing: 0;
  line-height: 1.5;
  vertical-align: middle;
}
.s_btn_ {
  display: inline-block;
  text-align: center;
  line-height: 2.4;
  font-size: 1.2rem;
  vertical-align: middle;
}
.s_btn_ a {
  position: relative;
  transition: 0.2s;
  color: #ffffff;
  margin: 1% 0;
  display: table;
}
.s_btn_ a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 0;
  border-bottom: solid 1px #ffffff;
  transition: 0.2s;
}
.s_btn_ a:hover::after {
  width: 100%;
}
.btn_{
  width: 60px;
  display: inline-block;
  text-align: left;
  line-height: 2;
  letter-spacing: 0.5px;
  margin: 3px 0;
}
.btn_ a {
  border: 1px solid #b99138;
  color: #ffffff;
  background-color: #b99138;
  text-align: center;
  padding: 0;
  margin: 0;
  transition: all .3s;
  display: inline-block;
  text-decoration: none;
  width: 100%;
  border-radius: 20px;
  font-size: 1.2rem;
}