/*
.col{
background:#ccc;
&:nth-child(odd){
background:#eee;
}
}
*/
/*font*/

.box {
  margin-bottom: 30px;
  position: relative;
}

.box hr.map_link01 {
  position: absolute;
  top: -160px;
  border: none;
  font-size: 0;
}

img {
  max-width: 100%;
}

.g_box001 {
  padding: 30px;
  border: solid 2px #ddd;
}

.box_base {
  margin-bottom: -200px;
}

.box_base02 {
  /*margin-bottom: -50px;*/
}

#contents_main {
  width: 100%;
  z-index: 0;
  position: fixed;
  height: 706px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  /*background-attachment:fixed;*/
}

#contents_main #con_md001 {
  display: table;
  position: absolute;
  height: 100%;
  width: 100%;
  vertical-align: middle;
  left: 0;
  top: 0;
  z-index: 9;
}

#contents_main #con_md001 #con_md001_in {
  display: table-cell;
  height: 100%;
  width: 100%;
  vertical-align: middle;
}

#contents_main #con_md001 #con_md001_in #con_box001 {
  width: 70%;
  max-width: 1200px;
  margin: -140px auto 0;
}
#contents_main #con_md001 #con_md001_in #con_box001 .tabArea{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
}
#contents_main #con_md001 #con_md001_in #con_box001 .tabArea .tabbox{
 margin: 0px 20px 0px 0px;
	padding: 10px 40px;
	text-align: center;
	line-height: 1;
	font-size: 30px;
	font-weight: bold;
	border: 3px solid #000;
	border-radius: 10px;
	box-shadow: 2px 0px 3px rgb(0,0,0,0.5);
	text-shadow:  2px 0px 3px rgb(0,0,0,0.5);
	background: rgba(255,255,255,0.75);
}



#contents_main #con_md001 #con_md001_in #con_box001.follow h1{
  -moz-transform: rotate3d(1, 0, 0, -90deg);
  -webkit-transform: rotate3d(1, 0, 0, -90deg);
  transform: rotate3d(1, 0, 0, -90deg);
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-transition: ease-in 0.6s;
  -o-transition: ease-in 0.6s;
  -webkit-transition: ease-in 0.6s;
  transition: ease-in 0.6s;
  -moz-transform: skew(-20deg, 0deg);
  -ms-transform: skew(-20deg, 0deg);
  -webkit-transform: skew(-20deg, 0deg);
  transform: skew(-20deg, 0deg);
}

#contents_main #con_md001 #con_md001_in #con_box001 h1 {
  font-size: 200%;
  font-weight: bold;
  letter-spacing: 0.1em;
  /* margin-bottom: 50px;*/
  color: #000;
  -moz-transform: rotate3d(1, 0, 0, 0);
  -webkit-transform: rotate3d(1, 0, 0, 0);
  transform: rotate3d(1, 0, 0, 0);
  -moz-transition: ease-in 0.6s;
  -o-transition: ease-in 0.6s;
  -webkit-transition: ease-in 0.6s;
  transition: ease-in 0.6s;
  opacity: 1;
  filter: alpha(opacity=100);
  margin-left: 4px;
}

#contents_main #con_md001 #con_md001_in #con_box001 h2 {
  font-size: 400%;
  font-family: "Ailerons", sans-serif;
  line-height: 1.6;
  color: #000;
  letter-spacing: 0.1em;
  margin-bottom: 0;
  -moz-transform: rotate3d(1, 0, 0, 0);
  -webkit-transform: rotate3d(1, 0, 0, 0);
  transform: rotate3d(1, 0, 0, 0);
  -moz-transition: ease-in 0.6s;
  -o-transition: ease-in 0.6s;
  -webkit-transition: ease-in 0.6s;
  transition: ease-in 0.6s;
  opacity: 1;
  filter: alpha(opacity=100);
  margin-left: -6px;
  line-height: 1.2;
  margin-bottom: 10px;
}

#contents_main #con_md001 #con_md001_in #con_box001 .ca_name001 {
  font-family: "Ailerons", sans-serif;
  /*font-weight: bold;*/
  color: #000;
  font-size: 187%;
  margin-bottom: 20px;
  -moz-transform: rotate3d(1, 0, 0, 0);
  -webkit-transform: rotate3d(1, 0, 0, 0);
  transform: rotate3d(1, 0, 0, 0);
  -moz-transition: ease-in 0.6s;
  -o-transition: ease-in 0.6s;
  -webkit-transition: ease-in 0.6s;
  transition: ease-in 0.6s;
  opacity: 1;
  filter: alpha(opacity=100);
}

#contents_main::before {
  content: "";
  display: block;
  padding-top: 706px;
}

.inner_area06 {
  width: 100%;
  position: relative;
  z-index: 0;
}

.inner_area06 .inner_area_in {
  width: 100%;
  position: relative;
  z-index: 0;
  background: #fff;
  padding: 0 0 80px;
}

.inner_area06 .inner_area_in.upper {
  padding-top: 300px;
}

.inner_area06 .inner_area_in.bb02 {
  background: #eee;
  color: #000;
  padding-top: 263px;
}

.inner_area06 .inner_area_in.bb03 {
  padding-top: 500px;
}

.inner_area05 {
  width: 100%;
  position: relative;
  z-index: 0;
}

.inner_area05 .inner_area_in {
  width: 100%;
  position: relative;
  z-index: 0;
  background: #000;
  padding: 0 0 80px;
}

.inner_area05 .inner_area_in * {
  color: #fff !important;
}

.inner_area05 .inner_area_in *::before {
  background-color: #fff !important;
}

.inner_area05 .inner_area_in.upper {
  padding-top: 300px;
}

.inner_area05 .inner_area_in.bb02 {
  background: #000;
  color: #fff;
  padding-top: 263px;
}

.inner_area04 {
  width: 100%;
  position: relative;
  z-index: 1;
}

.inner_area04 .inner_area_in {
  width: 100%;
  position: relative;
  z-index: 1;
  background: #fff;
  padding: 0 0 80px;
}

.inner_area04 .inner_area_in.upper {
  padding-top: 300px;
}

.inner_area04 .inner_area_in.bb02 {
  background: #eee;
  color: #000;
  padding-top: 263px;
}

.inner_area04 {
  width: 100%;
  position: relative;
  z-index: 1;
}

.inner_area04 .inner_area_in {
  width: 100%;
  position: relative;
  z-index: 1;
  background: #fff;
  padding: 0 0 80px;
}

.inner_area04 .inner_area_in.bb02 {
  background: #eee;
  color: #000;
  padding-top: 263px;
}

.inner_area04 .inner_area_in.bb03 {
  padding-top: 263px;
}

.inner_area03 {
  width: 100%;
  position: relative;
  z-index: 2;
}

.inner_area03 .inner_area_in {
  width: 100%;
  position: relative;
  z-index: 2;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  background-image: url(../../company/image/me_ph001.jpg);
}

.inner_area03 .inner_area_in::before {
  content: "";
  display: block;
  padding-top: 600px;
}

.inner_area02 {
  width: 100%;
  position: relative;
  z-index: 3;
}

.inner_area02 .inner_area_in {
  width: 100%;
  position: relative;
  z-index: 3;
  background: #fff;
}

.inner_area02 .inner_area_in.bb01 {
  background: #000;
  color: #fff;
}

.inner_area02 .inner_area_in.bb04 {
  background: #fff;
  color: #000;
  padding-top: 263px;
}

.inner_area02 .inner_area_in.bb02 {
  background: #eee;
  color: #000;
  padding-top: 100px;
}

.inner_area02 .inner_area_in.bb05 {
  background: #eee;
  color: #000;
  /*padding-top: 263px;*/
}

.inner_area02 .inner_area_in.bb03 {
  background: #eee;
  color: #000;
  padding-top: 500px;
}

.inner_area {
  width: 100%;
  position: relative;
  z-index: 5;
}

.inner_area .inner_area_in {
  width: 100%;
  position: relative;
  z-index: 4;
  background: #fff;
}

.inner_area .inner_area_in.bb01 {
  background: #000;
  color: #fff;
}
.inner_area .inner_area_in.bb01_b {
  background: #fff;
  color: #000;
}

.inner_area .inner_area_in.bb02 {
  background: #eee;
  color: #000;
}

.inner_area07 {
  width: 100%;
  position: relative;
  z-index: 4;
}

.inner_area07 .inner_area_in {
  width: 100%;
  position: relative;
  z-index: 4;
  background: #fff;
}

.inner_area07 .inner_area_in.bb01 {
  background: #000;
  color: #fff;
}

.inner_area07 .inner_area_in.bb02 {
  background: #eee;
  color: #000;
}

.inner_area07 .inner_area_in.bb03 {
  background: #fff;
  padding-top: 500px;
}

.inner_area07 .inner_area_in.bb04 {
  background: #fff;
  padding-top: 263px;
}

.contents_in {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  top: -262px;
  left: 0;
  height: 0px;
  width: 0px;
  border-top: 263px solid transparent;
  border-right: 0px solid transparent;
  /*border-left:#990000 40px solid;*/
  border-left-color: #fff;
  border-left-style: solid;
  border-bottom: 0px solid transparent;
  z-index: 99;
}

.contents_in.bb01 {
  border-left-color: #000;
}
.contents_in.bb01_b {
  border-left-color: #FFF;
}

.contents_in02 {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  bottom: -262px;
  left: 0;
  height: 0px;
  width: 0px;
  border-bottom: 263px solid transparent;
  border-left: 0px solid transparent;
  /*border-left:#990000 40px solid;*/
  border-right-color: #000;
  border-right-style: solid;
  border-top: 0px solid transparent;
  z-index: 99;
}

.contents_in02.bb01 {
  border-left-color: #000;
}

.contents_in02.bb02 {
  border-right-color: #eee;
}

.contents_in02.bb03 {
  border-right-color: #fff;
}

.contents_in03 {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  bottom: -262px;
  left: 0;
  height: 0px;
  width: 0px;
  border-bottom: 263px solid transparent;
  border-right: 0px solid transparent;
  /*border-left:#990000 40px solid;*/
  border-left-color: #000;
  border-left-style: solid;
  border-top: 0px solid transparent;
  z-index: 99;
}
.contents_in03_b {
  border-left-color: #FFF;
}

.contents_in03.bb01 {
  border-left-color: #000;
}

.contents_in03.bb02 {
  border-left-color: #eee;
}

.contents_in03.bb03 {
  border-left-color: #fff;
}

.contents_in04 {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  height: 0px;
  width: 0px;
  border-top: 262px solid transparent;
  border-left: 0px solid transparent;
  /*border-left:#990000 40px solid;*/
  border-right-color: #000;
  border-right-style: solid;
  border-bottom: 0px solid transparent;
  z-index: 99;
}

.contents_in04.bb01 {
  border-right-color: #fff;
}

.contents_in04.bb02 {
  border-right-color: #eee;
}

.contents_in04.bb03 {
  border-right-color: #fff;
}

.me_md001 {
  font-size: 200%;
  font-weight: bold;
  margin-bottom: 30px;
  text-align: center;
}

.me_md001 .b50 {
  margin-bottom: 50px;
}

.me_md001.bb01 {
  color: #fff;
}

.box {
  width: 94%;
  max-width: 1200px;
  margin: 0 auto 30px;
  z-index: 100;
}

.box.la001 {
  max-width: 1200px;
}

.box.me001 {
  width: 94%;
  max-width: 1200px;
  margin: 0 auto;
}

.box.me001 p {
  line-height: 1.6;
}

.box.me001 .me_md001 {
  font-size: 200%;
  font-weight: bold;
  margin-bottom: 30px;
  text-align: center;
}

.box.me001 .me_md001 .b50 {
  margin-bottom: 50px;
}

.box.me001 .me_md001.bb01 {
  color: #fff;
}

.box.of001 {
  top: -200px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: dotted 1px #ccc;
}

.box.of002 {
  top: -50px;
  margin-bottom: 20px;
}

.box.of003 {
  top: -200px;
}

.box.me002 {
  margin-bottom: 60px;
}

.box .of_box001 {
  display: table;
  width: 100%;
}

.box .of_box001 .of_box001_l,
.box .of_box001 .of_box001_r {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
}

.box .of_box001 .of_box001_l {
  padding-right: 30px;
}

.box .of_box001 .of_box001_l ul {
  width: 100%;
}

.box .of_box001 .of_box001_l ul li {
  display: table;
  width: 100%;
  margin-bottom: 4px;
}

.box .of_box001 .of_box001_l ul li.last {
  margin-bottom: 0;
}

.box .of_box001 .of_box001_l ul li span,
.box .of_box001 .of_box001_l ul li em {
  display: table-cell;
  text-align: left;
}

.box .of_box001 .of_box001_l ul li span {
  padding-right: 20px;
  width: 20%;
}

.box .of_box001 .of_box001_l h3 {
  font-size: 200%;
  letter-spacing: 0.1em;
  font-weight: bold;
  margin-bottom: 40px;
  text-align: left;
}

.box .of_box001 .of_box001_l h4 {
  font-weight: bold;
  margin-bottom: 20px;
  font-size: 108%;
}

.box .of_box001 .of_box001_r img {
  width: 100%;
}

/********/
.m_box002 {
  width: 100%;
  margin-bottom: 40px;
}

.m_box002.mm001 {
  margin-bottom: 140px;
}

.m_box002.mm002 {
  margin-bottom: 60px;
}

.m_box002 ul {
  letter-spacing: -0.4em;
}

.m_box002 ul li {
  letter-spacing: normal;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 23.5%;
  margin-right: 2%;
  vertical-align: top;
  margin-bottom: 16px;
  border: solid 4px #ddd;
  padding: 20px;
  text-align: center;
}

.m_box002 ul li.none {
  margin-right: 0;
}

.m_box001 {
  width: 100%;
  margin-bottom: 40px;
}

.m_box001.mm001 {
  margin-bottom: 140px;
}

.m_box001.mm002 {
  margin-bottom: 60px;
}

.m_box001 ul {
  letter-spacing: -0.4em;
}

.m_box001 ul li {
  letter-spacing: normal;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 32%;
  margin-right: 2%;
  vertical-align: top;
}

.m_box001 ul li.four {
  width: 23.5%;
  margin-right: 2%;
}

.m_box001 ul li.last {
  margin-right: 0;
}

.m_box001 ul li a {
  display: table;
  border: solid 4px #ddd;
  padding: 60px 20px 20px;
  text-align: center;
  width: 100%;
  -moz-transform: skew(0deg, -3deg);
  -ms-transform: skew(0deg, -3deg);
  -webkit-transform: skew(0deg, -3deg);
  transform: skew(0deg, -3deg);
  position: relative;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, rgba(221, 221, 221, 0.6) 50%);
  background-position: 0 0;
  background-size: 200% auto;
  -moz-transition: ease-in 0.4s;
  -o-transition: ease-in 0.4s;
  -webkit-transition: ease-in 0.4s;
  transition: ease-in 0.4s;
}

.m_box001 ul li a:hover {
  background-position: -100% 0;
  -moz-transition: ease-in 0.2s;
  -o-transition: ease-in 0.2s;
  -webkit-transition: ease-in 0.2s;
  transition: ease-in 0.2s;
}

.m_box001 ul li a span {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  line-height: 1.6;
  font-weight: bold;
  -moz-transform: skew(0deg, 3deg);
  -ms-transform: skew(0deg, 3deg);
  -webkit-transform: skew(0deg, 3deg);
  transform: skew(0deg, 3deg);
  position: relative;
  padding-bottom: 50px;
}

.m_box001 ul li a span::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  margin-left: -4px;
  width: 14px;
  height: 14px;
  border-top: 4px solid #000;
  border-right: 4px solid #000;
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.m_md001 {
  text-align: center;
  margin-bottom: 40px;
}

.m_md001.mm002 {
  margin-bottom: 60px;
}

.m_md001 h4,
.m_md001 .h4{
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
  margin: 0 auto 30px;
  padding-bottom: 10px;
  font-size: 158%;
  font-weight: bold;
}

.m_md001 .b_bo001::before {
  background: #fff;
}

.m_md001 h4::before,
.m_md001 .h4::before{
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  background: #000;
}

.base_box {
  margin-bottom: 60px;
}

.m_txt001 {
  text-align: center;
  line-height: 2.4 !important;
  margin-bottom: 30px;
}

.m_txt002 {
  text-align: left;
  line-height: 2.4 !important;
  margin-bottom: 30px;
}

.m_ph001 {
  text-align: center;
}

.m_ph001 img {
  max-width: 100%;
}

.n001 {
  letter-spacing: -0.4em;
  width: 100%;
}

.n001 li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  vertical-align: top;
  letter-spacing: normal;
  margin-bottom: 10px;
  width: 49%;
  margin-right: 2%;
  border: solid 4px #ddd;
  padding: 40px 20px 30px;
  text-align: center;
}

.n001 li h4 {
  font-weight: bold;
  margin-bottom: 20px;
  font-size: 123.1%;
}

.n001 li.even {
  margin-right: 0;
}

.head002 {
  font-size: 135.1%;
  font-weight: bold;
  text-align: center;
  margin-bottom: 40px;
}

.head003 {
  font-size: 168% !important;
  font-weight: bold;
  margin-bottom: 26px;
  padding-bottom: 16px;
  border-bottom: solid 4px #ddd;
  text-align: left !important;
}

.head_a {
  font-size: 116% !important;
  font-weight: bold;
  margin-bottom: 26px;
  /*padding-bottom: 16px;
  border-bottom: solid 4px #ddd;*/
  text-align: left !important;
}

.head004 {
  font-size: 116%;
  font-weight: bold;
  margin-bottom: 26px;
  padding: 14px;
  border: solid 3px #ddd;
  overflow: hidden;
}

a.btn001 {
  text-decoration: underline;
  padding-left: 10px;
  position: relative;
}

a.btn001:hover {
  text-decoration: none;
}

a.btn001::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -4px;
  box-sizing: border-box;
  width: 4px;
  height: 4px;
  border: 4px solid transparent;
  border-left: 4px solid #000;
}

/********/
.n002 {
  width: 100%;
  letter-spacing: -0.4em;
}

.n002 .n002_in {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  vertical-align: top;
  width: 32%;
  margin-right: 2%;
  letter-spacing: normal;
}

.n002 .n002_in .n002_box002 {
  border: solid 4px #eee;
  padding: 30px 20px;
}

.n002 .n002_in .n002_box002 .num01 li {
  margin-bottom: 10px;
}

.n002 .n002_in .n002_box002 .num01 li.last {
  margin-bottom: 0;
}

.n002 .n002_in .n002_box001 {
  background: #eee;
  text-align: center;
  padding: 40px 20px 30px;
}

.n002 .n002_in .n002_box001 .n_name001 {
  font-weight: bold;
}

.n002 .n002_in .n002_box001 .n_num001 {
  width: 60px;
  height: 60px;
  display: table;
  border: solid 1px #000;
  margin: 0 auto 20px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
}

.n002 .n002_in .n002_box001 .n_num001 span {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  font-family: "Bebas", Meiryo, YuGothic, "Hiragino Kaku Gothic Pro", "Osaka", sans-serif;
  font-size: 156%;
}

.n002 .n002_in.last {
  margin-right: 0;
}

/********/
.n003 {
  width: 100%;
  letter-spacing: -0.4em;
}

.n003 .n002_in {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  vertical-align: top;
  width: 32%;
  margin-right: 2%;
  letter-spacing: normal;
  border: solid 4px #eee;
  margin-bottom: 16px;
}

.n003 .n002_in .n002_box002 {
  padding: 0px 20px 30px;
}

.n003 .n002_in .n002_box002 .num01 li {
  margin-bottom: 10px;
}

.n003 .n002_in .n002_box002 .num01 li.last {
  margin-bottom: 0;
}

.n003 .n002_in .n002_box001 {
  background: #fff;
  text-align: center;
  padding: 40px 20px 20px;
}

.n003 .n002_in .n002_box001 .n_name001 {
  font-weight: bold;
  font-size: 116%;
}

.n003 .n002_in .n002_box001 .n_num001 {
  width: 60px;
  height: 60px;
  display: table;
  /*border: solid 1px $bc;*/
  background: #333;
  margin: 0 auto 20px;
  -moz-border-radius: 100px;
  -webkit-border-radius: 100px;
  border-radius: 100px;
}

.n003 .n002_in .n002_box001 .n_num001 span {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  font-family: "Bebas", Meiryo, YuGothic, "Hiragino Kaku Gothic Pro", "Osaka", sans-serif;
  font-size: 156%;
  color: #fff;
}

.n003 .n002_in.none {
  margin-right: 0;
}

/*****2018.6.11 RiSOKO PAGE****/
a.img_l {
  width: 29.5%;
  float: left;
  display: block;
  overflow: hidden;
}

p.text_tlt {
  text-align: center;
  width: 100%;
}

.text_r {
  text-align: center;
  width: 68%;
  float: right;
}

span.test_tlt {
  font-weight: bold;
  font-size: 1.4em;
}

.text_box01 {
  width: 100%;
  background: #fff;
  padding: 21px 20px;
  text-align: center;
  position: relative;
}

.text_box01::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 25px 25px 0 25px;
  border-color: #ccc transparent transparent;
  bottom: -56px;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.text_box {
  width: 100%;
  padding: 21px 20px;
  text-align: center;
  /*border: solid 1px #eee;*/
  margin: 59px 0 0 0;
  font-weight: bold;
  font-size: 1.3em;
  background: #fff;
}

.backcolor01 {
  background: #ffe3dc;
}

.backcolor02 {
  background: #d9f1fd;
}

.backcolor03 {
  background: #edf3c4;
}

/********/
/*******for sp*/
@media screen and (max-width: 1100px) {
  .box * {
    font-size: 100%;
  }

  .box .of_box001 .of_box001_l,
  .box .of_box001 .of_box001_r {
    display: block;
    width: 100%;
  }

  .box .of_box001 .of_box001_l {
    padding-right: 0;
  }

  .box .of_box001 .of_box001_r {
    margin-bottom: 10px;
    text-align: center;
  }

  .box .of_box001 .of_box001_r img {
    width: auto;
  }

  .m_box001 ul li a span {
    text-align: left;
  }

  .m_box001 ul li a span br {
    display: none;
  }

  .box .of_box001 .of_box001_l h4 {
    font-size: 87%;
    margin-bottom: 6px;
  }

  .box .of_box001 .of_box001_l h3 {
    font-size: 123.1%;
    margin-bottom: 10px;
  }

  .box .of_box001 .of_box001_l ul li span {
    background: #eee;
    padding: 4px;
    margin-bottom: 6px;
    font-weight: bold;
  }

  .box .of_box001 .of_box001_l ul li span,
  .box .of_box001 .of_box001_l ul li em {
    display: block;
    width: 100% !important;
  }
}

@media screen and (max-width: 640px) {
  h3.head003 {
    font-size: 100% !important;
  }

  .m_md001 .head001 {
    font-size: 100%;
    margin-bottom: 14px !important;
    text-align: left;
  }

  .m_md001.mm002 {
    margin-bottom: 20px;
  }

  .box.me001 p {
    text-align: left;
  }

  .box.me001 p br {
    display: none;
  }

  .m_box001.mm001 {
    display: none !important;
  }

  .box.me001 h3 {
    font-size: 135.1%;
    margin-bottom: 32px;
  }

  .inner_area_in p {
    font-size: 78%;
  }

  .inner_area02 .inner_area_in.bb02 {
    padding-top: 66px;
  }

  .inner_area02 .inner_area_in.bb03 {
    padding-top: 300px;
  }

  .inner_area02 .inner_area_in.bb04 {
    padding-top: 263px;
  }

  .inner_area04 .inner_area_in.upper {
    padding-top: 90px;
  }

  .inner_area03 .inner_area_in::before {
    padding-top: 350px;
  }

  .box {
    font-size: 96%;
  }

  #contents_main #con_md001 #con_md001_in #con_box001 {
    margin: -220px auto 0;
				width: 90%;
  }
  #contents_main #con_md001 #con_md001_in #con_box001 .tabArea{
			 margin: 0px;
		}
		#contents_main #con_md001 #con_md001_in #con_box001 .tabArea .tabbox{
			 margin: 0px 10px 0px 0px;
    padding: 10px 20px;
    font-size: 16px;
		}
  #contents_main #con_md001 #con_md001_in #con_box001 h1 {
    font-size: 150%;
  }

  /****contents_main*/
  .contents_in {
    top: -65px;
    border-top: 66px solid transparent !important;
  }

  .contents_in02 {
    bottom: -65px;
    border-bottom: 66px solid transparent !important;
  }

  .contents_in03 {
    bottom: -65px;
    border-bottom: 66px solid transparent !important;
  }

  .contents_in04 {
    border-top: 64px solid transparent !important;
  }
}

/*******for sp*/
/*******common*/
.box_b001 {
  padding-bottom: 60px;
  border-bottom: dotted 1px #ccc;
}

.box_b001.bb60 {
  margin-bottom: 60px !important;
}

h3.head004 {
  font-size: 146%;
  font-weight: bold;
  margin-bottom: 30px;
  text-align: left;
}

/*h4.head001 {
    border:solid 3px #ddd;
    padding: 14px;
    font-size:123.1%;
    font-weight: bold;
    margin-bottom:25px;
}*/
h5.head001 {
  border-bottom: solid 3px #ddd;
  padding-bottom: 6px;
  font-size: 116%;
  font-weight: bold;
  margin-bottom: 10px;
}

.ind_txt001 {
  font-size: 108%;
  line-height: 1.6;
}

.ind_box001 {
  width: 100%;
  display: table;
}

.ind_box001 .ind_box_l {
  width: 65%;
  display: table-cell;
  vertical-align: middle;
  padding-right: 30px;
}

.ind_box001 .ind_box_r {
  width: 35%;
  display: table-cell;
  vertical-align: top;
}

.ind_box002 {
  width: 100%;
  display: table;
}

.ind_box002 .ind_box_l {
  width: 30%;
  display: table-cell;
  vertical-align: top;
}

.ind_box002 .ind_box_l.off001 {
  width: 40%;
}

.ind_box002 .ind_box_r {
  width: 70%;
  padding-left: 50px;
  display: table-cell;
  vertical-align: middle;
}

.ind_nav001 {
  width: 100%;
}

.ind_nav001 .ind_nav_in {
  width: 100%;
  letter-spacing: -0.4em;
}

.ind_nav001 .ind_nav_in li.ind_in02 {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  vertical-align: top;
  letter-spacing: normal;
  width: 49%;
  margin-right: 2%;
  margin-bottom: 16px;
  border: solid 4px #ddd;
}

.ind_nav001 .ind_nav_in li.ind_in02.even {
  margin-right: 0;
}

.ind_nav001 .ind_nav_in li.ind_in02 .link_box001 {
  /*border: solid 4px #ddd;*/
  -moz-transition: ease-in 0.2s;
  -o-transition: ease-in 0.2s;
  -webkit-transition: ease-in 0.2s;
  transition: ease-in 0.2s;
  padding: 30px 20px 20px 20px;
  position: relative;
  background-image: linear-gradient(to right, #ffffff 50%, #eeeeee 50%);
  background-position: 0 0;
  background-size: 200% auto;
}

.ind_nav001 .ind_nav_in li.ind_in02 .link_box001 ul {
  padding-top: 14px;
}

.ind_nav001 .ind_nav_in li.ind_in02 .link_box001 ul li {
  border-bottom: dotted 1px #ccc;
}

.ind_nav001 .ind_nav_in li.ind_in02 .link_box001 ul li a {
  font-size: 92%;
  font-weight: bold;
  position: relative;
  display: block;
  padding: 8px;
  background-image: linear-gradient(to right, #ffffff 50%, #eeeeee 50%);
  background-position: 0 0;
  background-size: 200% auto;
  -moz-transition: ease-out 0.3s 0s;
  -o-transition: ease-out 0.3s 0s;
  -webkit-transition: ease-out 0.3s;
  -webkit-transition-delay: 0s;
  transition: ease-out 0.3s 0s;
}

.ind_nav001 .ind_nav_in li.ind_in02 .link_box001 ul li a:hover {
  background-position: -100% 0;
}

.ind_nav001 .ind_nav_in li.ind_in02 .link_box001 ul li a::before {
  -moz-transition: ease-out 0.3s 0.3s;
  -o-transition: ease-out 0.3s 0.3s;
  -webkit-transition: ease-out 0.3s;
  -webkit-transition-delay: 0.3s;
  transition: ease-out 0.3s 0.3s;
  content: "";
  display: block;
  position: absolute;
  right: 6px;
  top: 50%;
  margin-top: -2px;
  width: 4px;
  height: 4px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.ind_nav001 .ind_nav_in li.ind_in02 .link_box001 ul li.last {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.ind_nav001 .ind_nav_in li.ind_in02 .link_box001 .m_link001 .head005 {
  font-size: 116%;
  font-weight: bold;
  margin-bottom: 12px;
  padding-bottom: 12px;
  position: relative;
  text-align: left;
}

.ind_nav001 .ind_nav_in li.ind_in02 .link_box001 .m_link001 .head005::before {
  width: 100%;
  height: 3px;
  background: #ddd;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  background-image: linear-gradient(to right, #dddddd 50%, #000000 50%);
  background-position: 0 0;
  background-size: 200% auto;
  -moz-transition: ease-in 0.2s 0s;
  -o-transition: ease-in 0.2s 0s;
  -webkit-transition: ease-in 0.2s;
  -webkit-transition-delay: 0s;
  transition: ease-in 0.2s 0s;
}

.ind_nav001 .ind_nav_in li.ind_in02 .link_box001 .m_link001:hover .head005::before {
  background-position: -100% 0;
}

.ind_nav001 .ind_nav_in li.ind_in02 .self001 {
  display: block;
  -moz-transition: ease-in 0.2s;
  -o-transition: ease-in 0.2s;
  -webkit-transition: ease-in 0.2s;
  transition: ease-in 0.2s;
  padding: 30px 36px 20px 20px;
  position: relative;
  background-image: linear-gradient(to right, #ffffff 50%, #eeeeee 50%);
  background-position: 0 0;
  background-size: 200% auto;
  height: 100%;
}

.ind_nav001 .ind_nav_in li.ind_in02 .self001:hover {
  background-position: -100% 0;
}

.ind_nav001 .ind_nav_in li.ind_in02 .self001:hover .head005::before {
  background-position: -100% 0;
}

.ind_nav001 .ind_nav_in li.ind_in02 .self001 .head005 {
  font-size: 116%;
  font-weight: bold;
  margin-bottom: 12px;
  padding-bottom: 12px;
  position: relative;
  text-align: left;
}

.ind_nav001 .ind_nav_in li.ind_in02 .self001 .head005.none {
  margin-bottom: 0;
  padding-bottom: 12px;
}

.ind_nav001 .ind_nav_in li.ind_in02 .self001 .head005.none::before {
  display: none;
}

.ind_nav001 .ind_nav_in li.ind_in02 .self001 .head005::before {
  width: 100%;
  height: 3px;
  background: #ddd;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  background-image: linear-gradient(to right, #dddddd 50%, #000000 50%);
  background-position: 0 0;
  background-size: 200% auto;
  -moz-transition: ease-in 0.2s 0.2s;
  -o-transition: ease-in 0.2s 0.2s;
  -webkit-transition: ease-in 0.2s;
  -webkit-transition-delay: 0.2s;
  transition: ease-in 0.2s 0.2s;
}

.ind_nav001 .ind_nav_in li.ind_in02 .self001::before {
  -moz-transition: ease-out 0.3s 0.3s;
  -o-transition: ease-out 0.3s 0.3s;
  -webkit-transition: ease-out 0.3s;
  -webkit-transition-delay: 0.3s;
  transition: ease-out 0.3s 0.3s;
  content: "";
  display: block;
  position: absolute;
  right: 12px;
  top: 50%;
  margin-top: -6px;
  width: 10px;
  height: 10px;
  border-top: 3px solid #000;
  border-right: 3px solid #000;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.ind_nav001 .ind_nav_in li.ind_in02.none {
  margin-right: 0;
}

.ind_nav001 .ind_nav_in li.ind_in {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  vertical-align: top;
  letter-spacing: normal;
  width: 32%;
  margin-right: 2%;
  margin-bottom: 16px;
  border: solid 4px #ddd;
}

.ind_nav001 .ind_nav_in li.ind_in.three {
  width: 32%;
  margin-right: 2%;
}

.ind_nav001 .ind_nav_in li.ind_in.three:nth-child(3n) {
  margin-right: 0;
}

.ind_nav001 .ind_nav_in li.ind_in.four {
  width: 23.5%;
  margin-right: 2%;
}

.ind_nav001 .ind_nav_in li.ind_in.four:nth-child(3n) {
  margin-right: 2%;
}

.ind_nav001 .ind_nav_in li.ind_in.four:nth-child(4n) {
  margin-right: 0;
}

.ind_nav001 .ind_nav_in li.ind_in .link_box001 {
  /*border: solid 4px #ddd;*/
  -moz-transition: ease-in 0.2s;
  -o-transition: ease-in 0.2s;
  -webkit-transition: ease-in 0.2s;
  transition: ease-in 0.2s;
  padding: 30px 20px 20px 20px;
  position: relative;
  background-image: linear-gradient(to right, #ffffff 50%, #eeeeee 50%);
  background-position: 0 0;
  background-size: 200% auto;
}

.ind_nav001 .ind_nav_in li.ind_in .link_box001 ul {
  padding-top: 14px;
}

.ind_nav001 .ind_nav_in li.ind_in .link_box001 ul li {
  border-bottom: dotted 1px #ccc;
}

.ind_nav001 .ind_nav_in li.ind_in .link_box001 ul li a {
  font-size: 92%;
  font-weight: bold;
  position: relative;
  display: block;
  padding: 8px;
  background-image: linear-gradient(to right, #ffffff 50%, #eeeeee 50%);
  background-position: 0 0;
  background-size: 200% auto;
  -moz-transition: ease-out 0.3s 0s;
  -o-transition: ease-out 0.3s 0s;
  -webkit-transition: ease-out 0.3s;
  -webkit-transition-delay: 0s;
  transition: ease-out 0.3s 0s;
}

.ind_nav001 .ind_nav_in li.ind_in .link_box001 ul li a:hover {
  background-position: -100% 0;
}

.ind_nav001 .ind_nav_in li.ind_in .link_box001 ul li a::before {
  -moz-transition: ease-out 0.3s 0.3s;
  -o-transition: ease-out 0.3s 0.3s;
  -webkit-transition: ease-out 0.3s;
  -webkit-transition-delay: 0.3s;
  transition: ease-out 0.3s 0.3s;
  content: "";
  display: block;
  position: absolute;
  right: 6px;
  top: 50%;
  margin-top: -2px;
  width: 4px;
  height: 4px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.ind_nav001 .ind_nav_in li.ind_in .link_box001 ul li.last {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.ind_nav001 .ind_nav_in li.ind_in .link_box001 .m_link001 .head005 {
  font-size: 116%;
  font-weight: bold;
  margin-bottom: 12px;
  padding-bottom: 12px;
  position: relative;
  text-align: left;
}

.ind_nav001 .ind_nav_in li.ind_in .link_box001 .m_link001 .head005::before {
  width: 100%;
  height: 3px;
  background: #ddd;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  background-image: linear-gradient(to right, #dddddd 50%, #000000 50%);
  background-position: 0 0;
  background-size: 200% auto;
  -moz-transition: ease-in 0.2s 0s;
  -o-transition: ease-in 0.2s 0s;
  -webkit-transition: ease-in 0.2s;
  -webkit-transition-delay: 0s;
  transition: ease-in 0.2s 0s;
}

.ind_nav001 .ind_nav_in li.ind_in .link_box001 .m_link001:hover .head005::before {
  background-position: -100% 0;
}

.ind_nav001 .ind_nav_in li.ind_in .self001 {
  display: block;
  -moz-transition: ease-in 0.2s;
  -o-transition: ease-in 0.2s;
  -webkit-transition: ease-in 0.2s;
  transition: ease-in 0.2s;
  padding: 30px 36px 20px 20px;
  position: relative;
  background-image: linear-gradient(to right, #ffffff 50%, #eeeeee 50%);
  background-position: 0 0;
  background-size: 200% auto;
  height: 100%;
}

.ind_nav001 .ind_nav_in li.ind_in .self001:hover {
  background-position: -100% 0;
}

.ind_nav001 .ind_nav_in li.ind_in .self001:hover .head005::before {
  background-position: -100% 0;
}

.ind_nav001 .ind_nav_in li.ind_in .self001 .head005 {
  font-size: 116%;
  font-weight: bold;
  margin-bottom: 12px;
  padding-bottom: 12px;
  position: relative;
  text-align: left;
}

.ind_nav001 .ind_nav_in li.ind_in .self001 .head005.none {
  margin-bottom: 0;
  padding-bottom: 12px;
}

.ind_nav001 .ind_nav_in li.ind_in .self001 .head005.none::before {
  display: none;
}

.ind_nav001 .ind_nav_in li.ind_in .self001 .head005::before {
  width: 100%;
  height: 3px;
  background: #ddd;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  background-image: linear-gradient(to right, #dddddd 50%, #000000 50%);
  background-position: 0 0;
  background-size: 200% auto;
  -moz-transition: ease-in 0.2s 0.2s;
  -o-transition: ease-in 0.2s 0.2s;
  -webkit-transition: ease-in 0.2s;
  -webkit-transition-delay: 0.2s;
  transition: ease-in 0.2s 0.2s;
}

.ind_nav001 .ind_nav_in li.ind_in .self001::before {
  -moz-transition: ease-out 0.3s 0.3s;
  -o-transition: ease-out 0.3s 0.3s;
  -webkit-transition: ease-out 0.3s;
  -webkit-transition-delay: 0.3s;
  transition: ease-out 0.3s 0.3s;
  content: "";
  display: block;
  position: absolute;
  right: 12px;
  top: 50%;
  margin-top: -6px;
  width: 10px;
  height: 10px;
  border-top: 3px solid #000;
  border-right: 3px solid #000;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.ind_nav001 .ind_nav_in li.ind_in.none {
  margin-right: 0;
}

.ind_nav001 .ind_nav_in .orangeBtnMail{
	margin: 0 auto;
	padding: 20px 100px;
	color: #FFF;
	background: #EF6C00;
	border-radius: 5px;
	font-size: 20px;
	font-weight: bold;
	display: block;
	letter-spacing:2px;
	transition: all 300ms 0s ease;
}
.ind_nav001 .ind_nav_in .orangeBtnMail:hover{
	background: #cc6006;
}
.ind_nav001 .ind_nav_in .orangeBtnMail h3{
padding-left: 50px;
background: url(/image/icon_mail.png) 10px center no-repeat;
}
@media screen and (max-width: 640px) {
	.ind_nav001 .ind_nav_in .orangeBtnMail{
	 padding: 20px;
		text-align: center;
	}
	.ind_nav001 .ind_nav_in .orangeBtnMail h3{
		margin: 0px;
		padding: 0px 0px 0px 50px;
		display: inline-block;
	}
}


.ind_txt002 {
  font-size: 87%;
  line-height: 1.6;
}

.ind_nav002 {
  width: 100%;
}

.ind_nav002 .ind_nav_in {
  width: 100%;
  letter-spacing: -0.4em;
}

.ind_nav002 .ind_nav_in li.ind_in {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  vertical-align: top;
  letter-spacing: normal;
  width: 49%;
  margin-right: 2%;
  margin-bottom: 16px;
  border: solid 4px #ddd;
}

.ind_nav002 .ind_nav_in li.ind_in .self001 {
  display: block;
  -moz-transition: ease-in 0.2s;
  -o-transition: ease-in 0.2s;
  -webkit-transition: ease-in 0.2s;
  transition: ease-in 0.2s;
  padding: 30px 20px 20px 20px;
  position: relative;
  background-image: linear-gradient(to right, #ffffff 50%, #eeeeee 50%);
  background-position: 0 0;
  background-size: 200% auto;
  height: 100%;
  /*&::before {
              @include transition(.3s ease-out .3s);
              content: "";
              display: block;
              position: absolute;
              right: 12px;
              top: 50%;
              margin-top: -6px;
              width: 10px;
              height: 10px;
              border-top: 3px solid $bc;
              border-right: 3px solid $bc;
              @include rotate(45deg);
          }*/
}

.ind_nav002 .ind_nav_in li.ind_in .self001:hover {
  background-position: -100% 0;
}

.ind_nav002 .ind_nav_in li.ind_in .self001:hover .head005::before {
  background-position: -100% 0;
}

.ind_nav002 .ind_nav_in li.ind_in .self001 .head005 {
  font-size: 116%;
  font-weight: bold;
  margin-bottom: 12px;
  padding-bottom: 12px;
  position: relative;
  text-align: left;
}

.ind_nav002 .ind_nav_in li.ind_in .self001 .head005::before {
  width: 100%;
  height: 3px;
  background: #ddd;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  background-image: linear-gradient(to right, #dddddd 50%, #000000 50%);
  background-position: 0 0;
  background-size: 200% auto;
  -moz-transition: ease-in 0.2s 0.2s;
  -o-transition: ease-in 0.2s 0.2s;
  -webkit-transition: ease-in 0.2s;
  -webkit-transition-delay: 0.2s;
  transition: ease-in 0.2s 0.2s;
}

.ind_nav002 .ind_nav_in li.ind_in.none {
  margin-right: 0;
}

.h_list001 {
  width: 100%;
  letter-spacing: -0.4em;
  margin-bottom: 80px;
}

.h_list001 li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 32%;
  margin-right: 2%;
  letter-spacing: normal;
  border: solid 4px #ddd;
  padding: 20px;
  margin-bottom: 16px;
  text-align: center;
  font-size: 116%;
  font-weight: bold;
}

.h_list001 li.none {
  margin-right: 0;
}

.h_list002 {
  width: 100%;
  letter-spacing: -0.4em;
  margin-bottom: 80px;
}

.h_list002 li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 32%;
  margin-right: 2%;
  letter-spacing: normal;
  border: solid 4px #ddd;
  padding: 20px;
  margin-bottom: 16px;
  text-align: center;
  font-size: 116%;
  font-weight: bold;
}

.h_list002 li.none {
  margin-right: 0;
}

.g_ph001 {
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.g_ph001::before {
  content: "";
  display: block;
  padding-top: 30%;
}

h3.head006 {
  font-size: 123% !important;
  text-align: left;
  font-weight: bold;
  background: #000;
  color: #fff;
  padding: 14px;
  margin-bottom: 16px;
  text-align: left !important;
}

.head007 {
  font-size: 123.1%;
  font-weight: bold;
  border-bottom: solid 3px #ddd;
  padding-bottom: 8px;
  margin-bottom: 10px;
}

.head007.bb20 {
  margin-bottom: 20px;
}

.head008 {
  font-size: 116%;
  font-weight: bold;
  margin-bottom: 14px;
}

.head009 {
  font-size: 135.1%;
  font-weight: bold;
  margin-bottom: 30px;
  padding-top: 20px;
}

.b_box002 li {
  border-bottom: dotted 1px #ccc;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.b_box002 li.last {
  margin-bottom: 0;
  padding-bottom: 0;
  border: none;
}

.p_btn001 {
  position: relative;
  z-index: 3;
  text-align: center;
}

.p_btn001.l001 {
  text-align: left;
}

.p_btn001 a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  padding: 14px 20px 14px 20px;
  -moz-transition: ease-out 0.3s;
  -o-transition: ease-out 0.3s;
  -webkit-transition: ease-out 0.3s;
  transition: ease-out 0.3s;
  border: solid 3px #000;
  font-family: "Bebas", Meiryo, YuGothic, "Hiragino Kaku Gothic Pro", "Osaka", sans-serif;
  font-weight: bold;
  letter-spacing: 0.1em;
  /*font-size: 142%;*/
  background: #fff;
  color: #000;
  position: relative;
  background-image: linear-gradient(to right, #ffffff 50%, #000000 50%);
  background-position: 0 0;
  background-size: 200% auto;
}

.p_btn001 a.f_n {
  font-family: Meiryo, YuGothic, "Hiragino Kaku Gothic Pro", "Osaka", sans-serif;
}

.p_btn001 a:hover {
  background-position: -100% 0;
  color: #000;
}

.p_btn001 a:hover span {
  color: #fff;
}

.p_btn001 a:hover span::before {
  background: #fff;
}

.p_btn001 a:hover span::after {
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
}

.p_btn001 a span {
  padding-right: 180px;
  display: block;
  position: relative;
  -moz-transition: ease-in 0.3s;
  -o-transition: ease-in 0.3s;
  -webkit-transition: ease-in 0.3s;
  transition: ease-in 0.3s;
}

.p_btn001 a span::before {
  -moz-transition: ease-in 0.3s;
  -o-transition: ease-in 0.3s;
  -webkit-transition: ease-in 0.3s;
  transition: ease-in 0.3s;
  content: "";
  display: block;
  position: absolute;
  right: 0px;
  top: 50%;
  width: 18px;
  height: 2px;
  background: #000;
}

.p_btn001 a span::after {
  -moz-transition: ease-in 0.3s;
  -o-transition: ease-in 0.3s;
  -webkit-transition: ease-in 0.3s;
  transition: ease-in 0.3s;
  content: "";
  display: block;
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -7px;
  width: 14px;
  height: 14px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*//p_btn001*/
.p_btn002 {
  position: relative;
  z-index: 3;
  text-align: center;
}

.p_btn002.l001 {
  text-align: left;
}

.p_btn002 a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  padding: 14px 20px 14px 20px;
  -moz-transition: ease-out 0.3s;
  -o-transition: ease-out 0.3s;
  -webkit-transition: ease-out 0.3s;
  transition: ease-out 0.3s;
  border: solid 3px #000;
  font-family: "Bebas", Meiryo, YuGothic, "Hiragino Kaku Gothic Pro", "Osaka", sans-serif;
  font-weight: bold;
  letter-spacing: 0.1em;
  font-size: 142%;
  background: #000;
  color: #fff;
  position: relative;
  background-image: linear-gradient(to right, #000000 50%, #ffffff 50%);
  background-position: 0 0;
  background-size: 200% auto;
}

.p_btn002 a:hover {
  background-position: -100% 0;
  color: #fff;
}

.p_btn002 a:hover span {
  color: #000;
}

.p_btn002 a:hover span::before {
  background: #000;
}

.p_btn002 a:hover span::after {
  border-top: 2px solid #000;
  border-right: 2px solid #000;
}

.p_btn002 a span {
  padding-right: 180px;
  display: block;
  position: relative;
  -moz-transition: ease-in 0.3s;
  -o-transition: ease-in 0.3s;
  -webkit-transition: ease-in 0.3s;
  transition: ease-in 0.3s;
}

.p_btn002 a span::before {
  -moz-transition: ease-in 0.3s;
  -o-transition: ease-in 0.3s;
  -webkit-transition: ease-in 0.3s;
  transition: ease-in 0.3s;
  content: "";
  display: block;
  position: absolute;
  right: 0px;
  top: 50%;
  width: 18px;
  height: 2px;
  background: #fff;
}

.p_btn002 a span::after {
  -moz-transition: ease-in 0.3s;
  -o-transition: ease-in 0.3s;
  -webkit-transition: ease-in 0.3s;
  transition: ease-in 0.3s;
  content: "";
  display: block;
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -7px;
  width: 14px;
  height: 14px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*//p_btn001*/
/*******common-yet*/
#map_canvas {
  height: 500px;
  width: 100%;
  border: solid 3px #ddd;
  margin-bottom: 60px;
}

/******office*****/
#gg_list002 {
  width: 100%;
  margin-bottom: 40px;
}

#gg_list002 ul {
  width: 100%;
  letter-spacing: -0.4em;
}

#gg_list002 ul li {
  letter-spacing: normal;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 23.5%;
  margin-right: 2%;
  height: 100%;
  margin-bottom: 20px;
}

#gg_list002 ul li.none {
  margin-right: 0;
}

#gg_list002 ul li a {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  display: table;
  width: 100%;
  position: relative;
  height: 100%;
  opacity: 0;
  -moz-transition: ease-out 0.6s;
  -o-transition: ease-out 0.6s;
  -webkit-transition: ease-out 0.6s;
  transition: ease-out 0.6s;
}

#gg_list002 ul li a.lazyloaded {
  opacity: 1;
}

#gg_list002 ul li a .po_box {
  width: 100%;
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  vertical-align: middle;
  background: rgba(0, 0, 0, 0.5);
  opacity: 0;
  -moz-transition: ease-out 0.3s;
  -o-transition: ease-out 0.3s;
  -webkit-transition: ease-out 0.3s;
  transition: ease-out 0.3s;
}

#gg_list002 ul li a .po_box.active {
  opacity: 1;
}

#gg_list002 ul li a .po_box h3 {
  vertical-align: middle;
  text-align: center;
  color: #fff;
  font-family: YuMincho, "Hiragino Mincho ProN", "MS PMincho", Meiryo, serif;
  font-size: 72%;
  letter-spacing: 0.06em;
  position: relative;
  margin-bottom: 10px;
}

#gg_list002 ul li a .po_box .icon-search {
  text-align: center;
  color: #fff;
}

#gg_list002 ul li a .po_box::before {
  content: "";
  padding-top: 50%;
  margin-top: -0.5em;
  width: 100%;
  display: block;
}

#gg_list002 ul li a::before {
  content: "";
  padding-top: 100%;
  width: 100%;
  display: block;
}

@media screen and (max-width: 970px) {
  #gg_list002 ul li {
    width: 49% !important;
    margin-right: 2% !important;
  }

  #gg_list002 ul li.even {
    margin-right: 0 !important;
  }
}

/*****************CSV*/
.news_list {
  width: 100%;
  margin: 0 auto 60px;
}

.news_list ul {
  margin-bottom: 50px;
}

.news_list ul li {
  /*margin-bottom: 14px;*/
  /*border-bottom:dotted 1px #ccc;*/
}

.news_list ul li.last {
  margin-bottom: 0;
  border-bottom: none;
}

.news_list ul li a {
  display: block;
  padding: 10px 10px;
  position: relative;
  /*@include transition(.2s linear);*/
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 50%, #eeeeee 50%);
  background-position: 0 0;
  background-size: 200% auto;
  -moz-transition: ease-out 0.3s;
  -o-transition: ease-out 0.3s;
  -webkit-transition: ease-out 0.3s;
  transition: ease-out 0.3s;
  /*///////////////hover*/
}

.news_list ul li a:hover {
  background-position: -100% 0;
  /*color: #fff;*/
  -moz-transition: ease-out 0.3s;
  -o-transition: ease-out 0.3s;
  -webkit-transition: ease-out 0.3s;
  transition: ease-out 0.3s;
}

.news_list ul li a:hover {
  /*background:$wc;
                @include transition(.2s linear .8s);*/
}

.news_list ul li a .change-border01 {
  width: 100%;
  display: table;
}

.news_list ul li a .change-border01 p {
  display: table-cell;
  width: 20%;
}

.news_list ul li a .change-border01 em {
  display: table-cell;
}

.news_list ul li a .ca001,
.news_list ul li a time {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

.news_list ul li a em {
  display: table-cell;
}

.news_list ul li a time {
  color: #666;
  font-weight: bold;
  font-size: 106%;
  font-family: "Bebas", Meiryo, YuGothic, "Hiragino Kaku Gothic Pro", "Osaka", sans-serif;
  letter-spacing: 0.05em;
  padding-left: 16px;
}

.news_list ul li a .ca001 {
  padding: 4px 10px;
  width: 46%;
  /*max-width: 90px;*/
  text-align: center;
  background: #000;
  color: #fff;
  font-size: 106%;
  font-family: "Bebas", Meiryo, YuGothic, "Hiragino Kaku Gothic Pro", "Osaka", sans-serif;
  letter-spacing: 0.05em;
  font-weight: bold;
}

#con_bnr {
  width: 100%;
  margin: 0 auto;
}

#con_bnr ul {
  width: 100%;
  letter-spacing: -0.4em;
}

#con_bnr ul li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 32%;
  margin-right: 2%;
  margin-bottom: 20px;
}

#con_bnr ul li a {
  display: block;
  -moz-transition: ease-out 0.3s;
  -o-transition: ease-out 0.3s;
  -webkit-transition: ease-out 0.3s;
  transition: ease-out 0.3s;
}

#con_bnr ul li a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

#con_bnr ul li a img {
  width: 100%;
}

#con_bnr ul li.none {
  margin-right: 0;
}

#con_bnr002 {
  width: 100%;
  margin: 0 auto;
}

#con_bnr002 ul {
  width: 100%;
  letter-spacing: -0.4em;
}

#con_bnr002 ul li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 23.5%;
  margin-right: 2%;
  margin-bottom: 20px;
  border: solid 2px #ddd;
}

#con_bnr002 ul li a {
  display: block;
  -moz-transition: ease-out 0.3s;
  -o-transition: ease-out 0.3s;
  -webkit-transition: ease-out 0.3s;
  transition: ease-out 0.3s;
}

#con_bnr002 ul li a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

#con_bnr002 ul li a img {
  width: 100%;
}

#con_bnr002 ul li:nth-child(4n) {
  margin-right: 0;
}

.p_nav {
  width: 100%;
  padding-top: 10px;
  margin-bottom: 30px;
}

.p_nav ul {
  letter-spacing: -0.4em;
  text-align: center;
}

.p_nav ul li {
  letter-spacing: normal;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-right: 10px;
  margin-bottom: 4px;
}

.p_nav ul li a {
  display: block;
  padding: 10px 13px;
  background: #ddd;
  border: solid 2px #ddd;
  -moz-transition: ease-out 0.3s;
  -o-transition: ease-out 0.3s;
  -webkit-transition: ease-out 0.3s;
  transition: ease-out 0.3s;
}

.p_nav ul li a:hover {
  background: #fff;
}

.p_nav ul li span {
  display: block;
  padding: 10px 13px;
  background: #000;
  border: solid 2px #000;
  color: #fff;
}

.p_nav ul li.last {
  margin-right: 0;
}

#f_nav002 {
  width: 100%;
  padding-bottom: 30px;
  padding-top: 20px;
}

#f_nav002 ul {
  width: 100%;
  letter-spacing: -0.4em;
  text-align: left;
}

#f_nav002 ul li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  border-left: solid 1px #ccc;
  padding: 0 14px;
  letter-spacing: normal;
}

#f_nav002 ul li a {
  font-size: 92%;
}

#f_nav002 ul li a.active {
  font-weight: bold;
  text-decoration: underline;
}

#f_nav002 ul li a:hover {
  text-decoration: underline;
}

#f_nav002 ul li.last {
  border-right: solid 1px #ccc;
}

/*****************CSV-yet*/
/*****************curation*/
.cu_ca001 {
  letter-spacing: -0.4em;
  margin-bottom: 10px;
}

.cu_ca001 li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  padding: 3px 6px;
  background: #000;
  font-size: 82%;
  letter-spacing: 0.1em;
  -moz-transition: ease-out 0.3s;
  -o-transition: ease-out 0.3s;
  -webkit-transition: ease-out 0.3s;
  transition: ease-out 0.3s;
  color: #fff;
  font-family: "Bebas", Meiryo, YuGothic, "Hiragino Kaku Gothic Pro", "Osaka", sans-serif;
  font-weight: bold;
  margin-right: 6px;
}

#cu_area_in {
  position: relative;
  z-index: 99;
  width: 100%;
  /*max-width: 1600px;*/
  margin: 0 auto;
}

#cu_area_in #cu_list {
  width: 100%;
  margin-bottom: 60px;
}

#cu_area_in #cu_list .cu_list_in {
  width: 100%;
  letter-spacing: -0.4em;
}

#cu_area_in #cu_list .cu_list_in.se002 {
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
}

#cu_area_in #cu_list .cu_list_in .cu002 {
  letter-spacing: normal;
  width: 23.5%;
  margin-right: 2%;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-bottom: 26px;
  border-bottom: solid 3px #eee;
  vertical-align: top;
}

#cu_area_in #cu_list .cu_list_in .cu002.none {
  margin-right: 0;
}

#cu_area_in #cu_list .cu_list_in .cu002 a {
  display: block;
  width: 100%;
  /*padding:27px;*/
  padding: 16px;
  -moz-transition: ease-out 0.3s;
  -o-transition: ease-out 0.3s;
  -webkit-transition: ease-out 0.3s;
  transition: ease-out 0.3s;
}

#cu_area_in #cu_list .cu_list_in .cu002 a:hover {
  background: #eee;
}

#cu_area_in #cu_list .cu_list_in .cu002 a h4 {
  font-weight: bold;
  margin-bottom: 14px;
}

#cu_area_in #cu_list .cu_list_in .cu002 a .cu002_txt001 {
  font-size: 82%;
  margin-bottom: 14px;
}

#cu_area_in #cu_list .cu_list_in .cu002 a .cu_txt001 {
  font-size: 82%;
  margin-bottom: 6px;
}

#cu_area_in #cu_list .cu_list_in .cu002 a time {
  color: #666;
  font-family: "Bebas", Meiryo, YuGothic, "Hiragino Kaku Gothic Pro", "Osaka", sans-serif;
  letter-spacing: 0.1em;
  font-weight: bold;
  font-size: 92%;
  display: block;
  -moz-transition: ease-out 0.3s;
  -o-transition: ease-out 0.3s;
  -webkit-transition: ease-out 0.3s;
  transition: ease-out 0.3s;
}

#cu_area_in #cu_list .cu_list_in .cu002 a .cu_ca001 li {
  font-size: 76%;
}

#cu_area_in #cu_list .cu_list_in .cu002 a .cu002_ph {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-bottom: 20px;
}

#cu_area_in #cu_list .cu_list_in .cu002 a .cu002_ph::before {
  content: "";
  display: block;
  padding-top: 75%;
}

#cu_area_in #cu_list .cu_list_in .cu001 {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  letter-spacing: normal;
  width: 49%;
  margin-right: 2%;
  margin-bottom: 30px;
}

#cu_area_in #cu_list .cu_list_in .cu001 a {
  display: block;
  width: 100%;
}

#cu_area_in #cu_list .cu_list_in .cu001 a:hover .cu_box .cu_box_in .cu_box_in02 {
  background-position: -100% 0;
  /*color: #fff;*/
  /*@include transition(.3s ease-out .8s);*/
}

#cu_area_in #cu_list .cu_list_in .cu001 a:hover .cu_box .cu_box_in .cu_box_in02 time {
  color: #fff;
}

#cu_area_in #cu_list .cu_list_in .cu001 a:hover .cu_box .cu_box_in .cu_box_in02 h4 {
  color: #fff;
}

#cu_area_in #cu_list .cu_list_in .cu001 a:hover .cu_box .cu_box_in .cu_box_in02 .cu_txt001 {
  color: #fff;
}

#cu_area_in #cu_list .cu_list_in .cu001 a:hover .cu_box .cu_box_in .cu_box_in02 .cu_link001 em {
  color: #fff;
}

#cu_area_in #cu_list .cu_list_in .cu001 a:hover .cu_box .cu_box_in .cu_box_in02 .cu_ca001 li {
  background: #fff;
  color: #000;
}

#cu_area_in #cu_list .cu_list_in .cu001 a .cu_box {
  position: relative;
}

#cu_area_in #cu_list .cu_list_in .cu001 a .cu_box .cu_box_in {
  position: relative;
  z-index: 1;
  right: 0;
  bottom: 0;
  width: 100%;
  /*float:right;*/
  padding-left: 5%;
}

#cu_area_in #cu_list .cu_list_in .cu001 a .cu_box .cu_box_in .cu_box_in02 {
  /*background:#eee;*/
  background-image: linear-gradient(to right, #eeeeee 50%, #000000 50%);
  background-position: 0 0;
  background-size: 200% auto;
  -moz-transition: ease-out 0.3s;
  -o-transition: ease-out 0.3s;
  -webkit-transition: ease-out 0.3s;
  transition: ease-out 0.3s;
  padding: 20px;
}

#cu_area_in #cu_list .cu_list_in .cu001 a .cu_box .cu_box_in .cu_box_in02 .cu_link001 {
  text-align: right;
}

#cu_area_in #cu_list .cu_list_in .cu001 a .cu_box .cu_box_in .cu_box_in02 .cu_link001 em {
  font-size: 82%;
  text-decoration: underline;
}

#cu_area_in #cu_list .cu_list_in .cu001 a .cu_box .cu_box_in .cu_box_in02 h4 {
  font-weight: bold;
  margin-bottom: 12px;
}

#cu_area_in #cu_list .cu_list_in .cu001 a .cu_box .cu_box_in .cu_box_in02 .cu_txt001 {
  font-size: 82%;
  margin-bottom: 14px;
}

#cu_area_in #cu_list .cu_list_in .cu001 a .cu_box .cu_box_in .cu_box_in02 time {
  color: #666;
  /*font-family: $fo021;
                        letter-spacing: 0.1em;*/
  margin-bottom: 8px;
  /*font-weight: bold;*/
  font-size: 92%;
  display: block;
  -moz-transition: ease-out 0.3s;
  -o-transition: ease-out 0.3s;
  -webkit-transition: ease-out 0.3s;
  transition: ease-out 0.3s;
}

#cu_area_in #cu_list .cu_list_in .cu001 a .cu_box .cu_ph {
  display: block;
  max-width: 40%;
  width: 362px;
  position: relative;
  top: -40px;
  z-index: 2;
  margin-right: 20px;
  /*margin-bottom:60px;*/
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  float: left;
}

#cu_area_in #cu_list .cu_list_in .cu001 a .cu_box .cu_ph img {
  width: 100%;
}

#cu_area_in #cu_list .cu_list_in .cu001 a .cu_box .cu_ph::before {
  content: "";
  padding-top: 75%;
  display: block;
}

#cu_area_in #cu_list .cu_list_in .cu001.even {
  margin-right: 0;
}

.colu002 {
  width: 100%;
  display: table;
  vertical-align: top;
}

.colu002 .colu002_l,
.colu002 .colu002_r {
  display: table-cell;
  vertical-align: top;
}

.colu002 .colu002_l {
  width: 75%;
}

.colu002 .colu002_r {
  width: 30%;
  max-width: 486px;
  padding-left: 48px;
  display: table-cell;
  vertical-align: top;
}

.colu002 .colu002_r #bnr_area {
  margin-bottom: 40px;
}

.colu002 .colu002_r #bnr_area li {
  margin-bottom: 10px;
}

.colu002 .colu002_r #bnr_area li a {
  display: block;
}

.colu002 .colu002_r #bnr_area li a img {
  width: 100%;
}

.colu002 .colu002_r #bnr_area li.last {
  margin-bottom: 0;
}

.colu002 .colu002_r #bnr_area02 {
  margin-bottom: 40px;
}

.colu002 .colu002_r #bnr_area02 li {
  margin-bottom: 10px;
}

.colu002 .colu002_r #bnr_area02 li a {
  display: block;
}

.colu002 .colu002_r #bnr_area02 li a img {
  width: 100%;
}

.colu002 .colu002_r #bnr_area02 li.last {
  margin-bottom: 0;
}

.colu002 .colu002_r #ran_area03 {
  margin-bottom: 40px;
}

.colu002 .colu002_r #ran_area03 h3 {
  /*border: solid 3px $bc;*/
  padding: 14px;
  font-weight: bold;
  font-family: "Bebas", Meiryo, YuGothic, "Hiragino Kaku Gothic Pro", "Osaka", sans-serif;
  font-size: 123.1%;
  letter-spacing: 0.05em;
  /*font-size: 156%;*/
  /*font-family: $fo025;*/
  /*font-weight: bold;*/
  /*font-style: italic;*/
  color: #fff;
  margin-bottom: 10px;
  background: #000;
}

.colu002 .colu002_r #ran_area03 ul {
  border: solid 2px #ccc;
}

.colu002 .colu002_r #ran_area03 ul li {
  border-bottom: dotted 1px #ddd;
}

.colu002 .colu002_r #ran_area03 ul li a {
  display: block;
  padding: 10px 10px 10px 30px;
  position: relative;
  /* font-weight: bold;*/
  font-family: "Bebas", Meiryo, YuGothic, "Hiragino Kaku Gothic Pro", "Osaka", sans-serif;
  font-size: 116%;
  letter-spacing: 0.05em;
  background-image: linear-gradient(to right, #ffffff 50%, #eeeeee 50%);
  background-position: 0 0;
  background-size: 200% auto;
  -moz-transition: ease-out 0.3s;
  -o-transition: ease-out 0.3s;
  -webkit-transition: ease-out 0.3s;
  transition: ease-out 0.3s;
}

.colu002 .colu002_r #ran_area03 ul li a:hover {
  background-position: -100% 0;
}

.colu002 .colu002_r #ran_area03 ul li a::before {
  content: "";
  display: block;
  position: absolute;
  left: 10px;
  top: 50%;
  margin-top: -4px;
  width: 6px;
  height: 6px;
  border-top: 3px solid #000;
  border-right: 3px solid #000;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.colu002 .colu002_r #ran_area02 {
  margin-bottom: 40px;
}

.colu002 .colu002_r #ran_area02 h3 {
  /*border: solid 3px $bc;*/
  padding: 14px;
  font-weight: bold;
  font-family: "Bebas", Meiryo, YuGothic, "Hiragino Kaku Gothic Pro", "Osaka", sans-serif;
  font-size: 123.1%;
  letter-spacing: 0.05em;
  /*letter-spacing: 0.05em;*/
  /*font-size: 156%;*/
  /*font-family: $fo025;*/
  /*font-weight: bold;*/
  /*font-style: italic;*/
  color: #fff;
  margin-bottom: 10px;
  background: #000;
}

.colu002 .colu002_r #ran_area02 .ran_area_in .ran_list {
  border-bottom: dotted 1px #ccc;
}

.colu002 .colu002_r #ran_area02 .ran_area_in .ran_list.last {
  border: none;
}

.colu002 .colu002_r #ran_area02 .ran_area_in .ran_list a {
  display: table;
  width: 100%;
  padding: 14px 10px;
}

.colu002 .colu002_r #ran_area02 .ran_area_in .ran_list a .ran_right {
  display: table-cell;
  vertical-align: top;
  width: 100%;
}

.colu002 .colu002_r #ran_area02 .ran_area_in .ran_list a .ran_right .ran_right_in {
  display: table;
  width: 100%;
}

.colu002 .colu002_r #ran_area02 .ran_area_in .ran_list a .ran_right .ran_r {
  display: table-cell;
  vertical-align: top;
  padding-left: 14px;
}

.colu002 .colu002_r #ran_area02 .ran_area_in .ran_list a .ran_right .ran_r .ran_txt001 {
  font-size: 87%;
}

.colu002 .colu002_r #ran_area02 .ran_area_in .ran_list a .ran_right .ran_r h4 {
  /*font-family: $fo021;
                font-size: 142%;
                font-style: italic;*/
  font-weight: bold;
  /*font-size:108%;*/
  /*letter-spacing: 0.05em;*/
  font-size: 92%;
  margin-bottom: 2px;
}

.colu002 .colu002_r #ran_area02 .ran_area_in .ran_list a .ran_right .ran_r .ran_name {
  margin-bottom: 6px;
}

.colu002 .colu002_r #ran_area02 .ran_area_in .ran_list a .ran_right .ran_r .ran_name time,
.colu002 .colu002_r #ran_area02 .ran_area_in .ran_list a .ran_right .ran_r .ran_name span {
  font-size: 78%;
}

.colu002 .colu002_r #ran_area02 .ran_area_in .ran_list a .ran_right .ran_r .ran_name time {
  /*font-family: $fo021;
                  font-style: italic;
                  font-weight: bold;*/
  /*letter-spacing: 0.1em;*/
  padding-right: 6px;
  color: #666;
  display: block;
  margin-bottom: 4px;
}

.colu002 .colu002_r #ran_area02 .ran_area_in .ran_list a .ran_right .ran_r .ran_name span {
  background: black;
  color: #fff;
  /*font-family: $fo021;
                  font-style: italic;*/
  padding: 2px 10px 2px 8px;
  font-weight: bold;
  font-size: 67%;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  /*letter-spacing: 0.1em;*/
}

.colu002 .colu002_r #ran_area02 .ran_area_in .ran_list a .ran_right .ran_p_area {
  display: table-cell;
  width: 24%;
  max-width: 124px;
  vertical-align: top;
}

.colu002 .colu002_r #ran_area02 .ran_area_in .ran_list a .ran_right .ran_ph {
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.colu002 .colu002_r #ran_area02 .ran_area_in .ran_list a .ran_right .ran_ph::before {
  content: "";
  display: block;
  padding-top: 75%;
}

.colu002 .colu002_r #ran_area {
  margin-bottom: 40px;
}

.colu002 .colu002_r #ran_area h3 {
  border: solid 3px #000;
  padding: 6px 14px;
  color: #000;
  margin-bottom: 30px;
  background: #fff;
  font-weight: bold;
  font-family: "Bebas", Meiryo, YuGothic, "Hiragino Kaku Gothic Pro", "Osaka", sans-serif;
  font-size: 123.1%;
  letter-spacing: 0.05em;
}

.colu002 .colu002_r #ran_area .ran_area_in .ran_list {
  margin-bottom: 14px;
}

.colu002 .colu002_r #ran_area .ran_area_in .ran_list a {
  display: table;
  width: 100%;
}

.colu002 .colu002_r #ran_area .ran_area_in .ran_list a .ran_right {
  display: table-cell;
  vertical-align: top;
}

.colu002 .colu002_r #ran_area .ran_area_in .ran_list a .ran_right .ran_right_in {
  display: table;
  width: 100%;
}

.colu002 .colu002_r #ran_area .ran_area_in .ran_list a .ran_right .ran_r {
  display: table-cell;
  vertical-align: top;
  padding-left: 14px;
}

.colu002 .colu002_r #ran_area .ran_area_in .ran_list a .ran_right .ran_r .ran_txt001 {
  font-size: 87%;
}

.colu002 .colu002_r #ran_area .ran_area_in .ran_list a .ran_right .ran_r h4 {
  font-size: 92%;
  /*letter-spacing: 0.05em;*/
  margin-bottom: 2px;
  font-weight: bold;
}

.colu002 .colu002_r #ran_area .ran_area_in .ran_list a .ran_right .ran_r .ran_name {
  margin-bottom: 6px;
}

.colu002 .colu002_r #ran_area .ran_area_in .ran_list a .ran_right .ran_r .ran_name time,
.colu002 .colu002_r #ran_area .ran_area_in .ran_list a .ran_right .ran_r .ran_name span {
  font-size: 78%;
}

.colu002 .colu002_r #ran_area .ran_area_in .ran_list a .ran_right .ran_r .ran_name time {
  padding-right: 6px;
  color: #666;
  display: block;
  margin-bottom: 4px;
}

.colu002 .colu002_r #ran_area .ran_area_in .ran_list a .ran_right .ran_r .ran_name span {
  background: black;
  color: #fff;
  padding: 2px 10px 2px 8px;
  font-weight: bold;
  /*letter-spacing: 0.1em;*/
  font-size: 67%;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

.colu002 .colu002_r #ran_area .ran_area_in .ran_list a .ran_right .ran_p_area {
  display: table-cell;
  width: 32%;
  max-width: 124px;
  vertical-align: top;
}

.colu002 .colu002_r #ran_area .ran_area_in .ran_list a .ran_right .ran_ph {
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.colu002 .colu002_r #ran_area .ran_area_in .ran_list a .ran_right .ran_ph::before {
  content: "";
  display: block;
  padding-top: 75%;
}

.colu002 .colu002_r #ran_area .ran_area_in .ran_list a .ran_mark {
  display: table-cell;
  width: 36px;
  vertical-align: top;
}

.colu002 .colu002_r #ran_area .ran_area_in .ran_list a .ran_mark01 {
  width: 36px;
  height: 36px;
  display: table;
  vertical-align: middle;
  text-align: center;
  position: relative;
  color: #fff;
  font-weight: bold;
  background: #000;
  margin-right: 10px;
}

.colu002 .colu002_r #ran_area .ran_area_in .ran_list a .ran_mark01.n01::before {
  content: "1";
}

.colu002 .colu002_r #ran_area .ran_area_in .ran_list a .ran_mark01.n02::before {
  content: "2";
}

.colu002 .colu002_r #ran_area .ran_area_in .ran_list a .ran_mark01.n03::before {
  content: "3";
}

.colu002 .colu002_r #ran_area .ran_area_in .ran_list a .ran_mark01.n04::before {
  content: "4";
}

.colu002 .colu002_r #ran_area .ran_area_in .ran_list a .ran_mark01.n05::before {
  content: "5";
}

.colu002 .colu002_r #ran_area .ran_area_in .ran_list a .ran_mark01::before {
  color: #fff;
  font-style: italic;
  font-size: 123.1%;
  display: table-cell;
  font-family: "Bebas", Meiryo, YuGothic, "Hiragino Kaku Gothic Pro", "Osaka", sans-serif;
  font-weight: bold;
  vertical-align: middle;
  text-align: center;
  width: 100%;
  height: 100%;
  padding-right: 4px;
}

.colu002 #o_area {
  margin-bottom: 40px;
}

.colu002 #o_area h3 {
  border: solid 3px #ccc;
  padding: 6px 14px;
  /*letter-spacing: 0.05em;*/
  /*font-size: 156%;*/
  /*font-family: $fo025;*/
  font-weight: bold;
  /* font-style: italic;*/
  color: #000;
  margin-bottom: 30px;
  background: #fff;
}

.colu002 #o_area #o_list .o_list_in {
  border-bottom: solid 1px #ddd;
  padding-bottom: 8px;
  margin-bottom: 14px;
}

.colu002 #o_area #o_list .o_list_in a {
  padding: 6px;
  display: block;
  -moz-transition: ease-in 0.4s;
  -o-transition: ease-in 0.4s;
  -webkit-transition: ease-in 0.4s;
  transition: ease-in 0.4s;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.9) 50%, #eeeeee 50%);
  background-position: 0 0;
  background-size: 200% auto;
}

.colu002 #o_area #o_list .o_list_in a:hover {
  background-position: -100% 0;
}

.colu002 #o_area #o_list .o_list_in.last {
  margin-bottom: 0;
}

.colu002 #o_area #o_list .o_list_in .ran_name {
  margin-bottom: 6px;
  overflow: hidden;
}

.colu002 #o_area #o_list .o_list_in .ran_name time,
.colu002 #o_area #o_list .o_list_in .ran_name span {
  font-size: 78%;
}

.colu002 #o_area #o_list .o_list_in .ran_name time {
  /*letter-spacing: 0.1em;*/
  padding-right: 6px;
  color: #666;
  display: block;
  margin-bottom: 4px;

}

.colu002 #o_area #o_list .o_list_in .ran_name span {
  background: black;
  color: #fff;
  padding: 2px 10px 2px 8px;
  font-weight: bold;
  /*letter-spacing: 0.1em;*/
  float: right;
  font-size: 67%;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

.colu002 #o_area #o_list .o_list_in h4 {
  /*font-family: $fo021;
        font-size: 162%;
        font-style: italic;*/
  font-size: 92%;
  font-weight: bold;
  margin-bottom: 2px;
}

.colu002 #o_area {
  margin-bottom: 40px;
}

.colu002 #o_area h3 {
  border: solid 3px #000;
  padding: 6px 14px;
  /*font-size: 156%;*/
  /*font-family: $fo025;*/
  /*font-weight: bold;*/
  /*font-style: italic;*/
  color: #000;
  margin-bottom: 30px;
  background: #fff;
}

.colu002 #o_area #o_list .o_list_in {
  border-bottom: solid 1px #ddd;
  padding-bottom: 8px;
  margin-bottom: 14px;
}

.colu002 #o_area #o_list .o_list_in a {
  padding: 6px;
  display: block;
  -moz-transition: ease-in 0.4s;
  -o-transition: ease-in 0.4s;
  -webkit-transition: ease-in 0.4s;
  transition: ease-in 0.4s;
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0.9) 50%, #eeeeee 50%);
  background-position: 0 0;
  background-size: 200% auto;
}

.colu002 #o_area #o_list .o_list_in a:hover {
  background-position: -100% 0;
}

.colu002 #o_area #o_list .o_list_in.last {
  margin-bottom: 0;
}

.colu002 #o_area #o_list .o_list_in .ran_name {
  margin-bottom: 6px;
  overflow: hidden;
}

.colu002 #o_area #o_list .o_list_in .ran_name time,
.colu002 #o_area #o_list .o_list_in .ran_name span {
  font-size: 78%;
}

.colu002 #o_area #o_list .o_list_in .ran_name time {
  /*font-family: $fo021;
          font-style: italic;*/
  font-weight: bold;
  display: block;
  margin-bottom: 4px;
  /*letter-spacing: 0.1em;*/
  padding-right: 6px;
  color: #666;
}

.colu002 #o_area #o_list .o_list_in .ran_name span {
  background: black;
  color: #fff;
  /*font-family: $fo021;
          font-style: italic;*/
  padding: 2px 10px 2px 8px;
  font-weight: bold;
  /*letter-spacing: 0.1em;*/
  float: right;
  font-size: 67%;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

.colu002 #o_area #o_list .o_list_in h4 {
  /*font-family: $fo021;*/
  font-size: 92%;
  /*font-style: italic;*/
  font-weight: bold;
  margin-bottom: 2px;
}

.colu002 #ran_area03 {
  margin-bottom: 40px;
}

.colu002 #ran_area03 h3 {
  border: solid 3px #000;
  padding: 10px 14px;
  letter-spacing: 0.05em;
  /*font-size: 156%;*/
  /*font-family: $fo025;*/
  /*font-weight: bold;*/
  /*font-style: italic;*/
  color: #000;
  margin-bottom: 10px;
  background: #fff;
}

.colu002 #ran_area03 .ran_area_in .ran_list {
  border-bottom: dotted 1px #ccc;
}

.colu002 #ran_area03 .ran_area_in .ran_list.last {
  border: none;
}

.colu002 #ran_area03 .ran_area_in .ran_list a {
  display: table;
  width: 100%;
  padding: 14px 10px;
}

.colu002 #ran_area03 .ran_area_in .ran_list a .ran_right {
  display: table-cell;
  vertical-align: top;
  width: 100%;
}

.colu002 #ran_area03 .ran_area_in .ran_list a .ran_right .ran_right_in {
  display: table;
  width: 100%;
}

.colu002 #ran_area03 .ran_area_in .ran_list a .ran_right .ran_r {
  display: table-cell;
  vertical-align: middle;
  padding-left: 22px;
}

.colu002 #ran_area03 .ran_area_in .ran_list a .ran_right .ran_r .ran_txt002 {
  margin-bottom: 16px;
  /*font-size: 87%;*/
}

.colu002 #ran_area03 .ran_area_in .ran_list a .ran_right .ran_r h4 {
  /*font-family: $fo021;*/
  /*font-size: 187%;*/
  /*font-style: italic;*/
  font-weight: bold;
  /*letter-spacing: 0.05em;*/
  margin-bottom: 10px;
  font-size: 92%;
}

.colu002 #ran_area03 .ran_area_in .ran_list a .ran_right .ran_r .ran_name {
  /* margin-bottom: 6px;*/
}

.colu002 #ran_area03 .ran_area_in .ran_list a .ran_right .ran_r .ran_name time,
.colu002 #ran_area03 .ran_area_in .ran_list a .ran_right .ran_r .ran_name span {
  font-size: 87%;
}

.colu002 #ran_area03 .ran_area_in .ran_list a .ran_right .ran_r .ran_name time {
  font-family: "Bebas", Meiryo, YuGothic, "Hiragino Kaku Gothic Pro", "Osaka", sans-serif;
  /*font-style: italic;*/
  font-weight: bold;
  /*letter-spacing: 0.1em;*/
  padding-right: 6px;
  color: #666;
  display: block;
  margin-bottom: 4px;
}

.colu002 #ran_area03 .ran_area_in .ran_list a .ran_right .ran_r .ran_name span {
  background: black;
  color: #fff;
  padding: 2px 10px 2px 8px;
  font-weight: bold;
  font-size: 67%;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

.colu002 #ran_area03 .ran_area_in .ran_list a .ran_right .ran_p_area {
  display: table-cell;
  width: 16%;
  max-width: 100px;
  vertical-align: top;
}

.colu002 #ran_area03 .ran_area_in .ran_list a .ran_right .ran_ph {
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.colu002 #ran_area03 .ran_area_in .ran_list a .ran_right .ran_ph::before {
  content: "";
  display: block;
  padding-top: 75%;
}

#tag_area {
  width: 100%;
  border: solid 2px #000;
  padding: 16px 10px 10px 16px;
  margin-bottom: 40px;
}

#tag_area #tag_area_in {
  letter-spacing: -0.4em;
}

#tag_area #tag_area_in li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-right: 6px;
  letter-spacing: normal;
  margin-bottom: 6px;
}

#tag_area #tag_area_in li a {
  display: block;
  background: #ddd;
  /*font-style: italic;*/
  padding: 4px 10px;
  /*font-family: $fo021;*/
  font-weight: bold;
  font-size: 82%;
  letter-spacing: 0.05em;
}

#tag_area h3 {
  letter-spacing: 0.05em;
  /*font-size: 156%;*/
  /*font-family: $fo025;*/
  /*font-style: italic;*/
  color: #000;
  margin-bottom: 10px;
}

/*****************curation-yet*/
.c_box001 {
  width: 50%;
}

.c_box001 .c_md {
  margin-bottom: 30px;
}

.c_box001 .c_md h2 {
  font-size: 200%;
  font-weight: bold;
  margin-bottom: 6px;
}

.c_box001 .c_md .c_md_txt001 {
  font-size: 108%;
  font-weight: bold;
}

.c_box001.c_left {
  float: left;
}

.c_box001.c_right {
  float: right;
}

.c_box001_in {
  padding-left: 50px;
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
  max-width: 500px;
}

.c_box001_in .c_md_txt002 {
  line-height: 2;
  margin-bottom: 20px;
}

.c_box001_in::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  background: #ddd;
}

.p001 {
  position: relative;
  top: 100px;
  left: -3%;
}

.p004 {
  position: relative;
  top: 40px;
  left: -10%;
}

.p007 {
  padding-right: 20px;
}

.p006 {
  position: relative;
  left: -10%;
}

.p002 {
  position: relative;
  left: -2.5%;
}

.p003 {
  position: relative;
  left: 0;
  padding-left: 2%;
  padding-top: 100px;
  z-index: 2;
}

.p005 {
  position: relative;
  padding-left: 30px;
  left: 0;
  padding-top: 100px;
}

.v_ph001 {
  -moz-transform: skew(0deg, -8deg);
  -ms-transform: skew(0deg, -8deg);
  -webkit-transform: skew(0deg, -8deg);
  transform: skew(0deg, -8deg);
  margin-bottom: 80px;
  overflow: hidden;
}

.v_ph001 .v_ph001_in {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-transform: scale(1.2) skew(0deg, 8deg);
  -ms-transform: scale(1.2) skew(0deg, 8deg);
  -webkit-transform: scale(1.2) skew(0deg, 8deg);
  transform: scale(1.2) skew(0deg, 8deg);
}

.v_ph001 .v_ph001_in.v001 {
  background-image: url(../../vision/image/v_ph001.jpg);
}

.v_ph001 .v_ph001_in.v003 {
  background-image: url(../../vision/image/v_ph004.jpg);
}

.v_ph001 .v_ph001_in::before {
  content: "";
  display: block;
  padding-top: 70%;
}

.v_ph002 {
  -moz-transform: skew(0deg, 8deg);
  -ms-transform: skew(0deg, 8deg);
  -webkit-transform: skew(0deg, 8deg);
  transform: skew(0deg, 8deg);
  margin-bottom: 80px;
  overflow: hidden;
}

.v_ph002 .v_ph001_in {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  -moz-transform: scale(1.2) skew(0deg, -8deg);
  -ms-transform: scale(1.2) skew(0deg, -8deg);
  -webkit-transform: scale(1.2) skew(0deg, -8deg);
  transform: scale(1.2) skew(0deg, -8deg);
}

.v_ph002 .v_ph001_in.v001 {
  background-image: url(../../vision/image/v_ph002.jpg);
}

.v_ph002 .v_ph001_in.v003 {
  background-image: url(../../vision/image/v_ph003.jpg);
}

.v_ph002 .v_ph001_in::before {
  content: "";
  display: block;
  padding-top: 70%;
}

/*****************c_box001-yet*/
.tab {
  width: 100%;
  letter-spacing: -0.4em;
  margin-bottom: 20px;
}

.tab#f_tab001 li .ta_box001::after {
  content: "";
  display: block;
  position: absolute;
  margin-left: -6px;
  left: 50%;
  bottom: 14px;
  width: 10px;
  height: 10px;
  border-top: 3px solid #fff;
  border-right: 3px solid #fff;
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.tab#f_tab001 li .ta_box001 {
  background: none;
}

.tab#f_tab001 li.select .ta_box001 {
  background: #fff;
}

.tab#f_tab002.four li,
.tab#f_tab003.four li,
.tab#f_tab004.four li {
  width: 23.5%;
}

.tab#f_tab002 li,
.tab#f_tab003 li,
.tab#f_tab004 li {
  width: 49%;
}

.tab#f_tab002 li .ta_box001 h4::before,
.tab#f_tab003 li .ta_box001 h4::before,
.tab#f_tab004 li .ta_box001 h4::before,
.tab#f_tab002 li .ta_box001 .h4::before,
.tab#f_tab003 li .ta_box001 .h4::before,
.tab#f_tab004 li .ta_box001 .h4::before{
  background: #000;
}

.tab#f_tab002 li.select div.ta_box001,
.tab#f_tab003 li.select div.ta_box001,
.tab#f_tab004 li.select div.ta_box001 {
  background: #000;
}

.tab#f_tab002 li.select div.ta_box001 .ta_box002 h4,
.tab#f_tab003 li.select div.ta_box001 .ta_box002 h4,
.tab#f_tab004 li.select div.ta_box001 .ta_box002 h4,
.tab#f_tab002 li.select div.ta_box001 .ta_box002 .h4,
.tab#f_tab003 li.select div.ta_box001 .ta_box002 .h4,
.tab#f_tab004 li.select div.ta_box001 .ta_box002 .h4 {
  color: #fff;
}

.tab#f_tab002 li.select div.ta_box001 .ta_box002 h4::before,
.tab#f_tab003 li.select div.ta_box001 .ta_box002 h4::before,
.tab#f_tab004 li.select div.ta_box001 .ta_box002 h4::before,
.tab#f_tab002 li.select div.ta_box001 .ta_box002 .h4::before,
.tab#f_tab003 li.select div.ta_box001 .ta_box002 .h4::before,
.tab#f_tab004 li.select div.ta_box001 .ta_box002 .h4::before{
  background: #fff;
}

.tab#f_tab002 li.select div.ta_box001 .ta_box002 .tab_txt001,
.tab#f_tab003 li.select div.ta_box001 .ta_box002 .tab_txt001,
.tab#f_tab004 li.select div.ta_box001 .ta_box002 .tab_txt001 {
  color: #fff;
}

.tab#f_tab002 li.select div.ta_box001::before,
.tab#f_tab003 li.select div.ta_box001::before,
.tab#f_tab004 li.select div.ta_box001::before {
  content: "";
  border-top: 16px solid #000;
}

.tab#f_tab002 li div.ta_box001,
.tab#f_tab003 li div.ta_box001,
.tab#f_tab004 li div.ta_box001 {
  border: solid 1px #000;
}

.tab li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 18.4%;
  margin-right: 2%;
  position: relative;
}

.tab li.select div.ta_box001 {
  background: #fff;
  display: table;
  width: 100%;
  height: 100%;
}

.tab li.select div.ta_box001::after {
  display: none;
}

.tab li.select div.ta_box001::before {
  content: "";
  position: absolute;
  display: block;
  left: 50%;
  bottom: -26px;
  box-sizing: border-box;
  width: 10px;
  height: 10px;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top: 16px solid #fff;
}

.tab li.select div.ta_box001 h4 {
  color: #000;
}

.tab li.select div.ta_box001 h4::before {
  background: #000;
}

.tab li.select div.ta_box001 .tab_txt001 {
  color: #000;
}

.tab li .ta_box001 {
  display: table;
  width: 100%;
  border: solid 1px #fff;
  padding: 40px 20px;
  letter-spacing: normal;
  text-align: center;
  cursor: pointer;
  position: relative;
  background: #fff;
}

.tab li .ta_box001::after {
  content: "";
  display: block;
  position: absolute;
  margin-left: -6px;
  left: 50%;
  bottom: 14px;
  width: 10px;
  height: 10px;
  border-top: 3px solid #000;
  border-right: 3px solid #000;
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.tab li .ta_box001 div.ta_box002 {
  width: 100%;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

.tab li .ta_box001 .tab_txt001 {
  font-family: "Bebas", Meiryo, YuGothic, "Hiragino Kaku Gothic Pro", "Osaka", sans-serif;
  letter-spacing: 0.14em;
  font-weight: bold;
  font-size: 92%;
  line-height: 1;
}

.tab li .ta_box001 h4,
.tab li .ta_box001 .h4{
  font-size: 108%;
  font-weight: bold;
  padding-bottom: 12px;
  margin-bottom: 10px;
  position: relative;
}

.tab li .ta_box001 h4::before,
.tab li .ta_box001 .h4::before{
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  width: 20px;
  height: 2px;
  background: #fff;
  margin-left: -10px;
  bottom: 0;
}

.tab li.last {
  margin-right: 0;
}

.content .hide {
  display: none;
}

.content#f_cont002,
.content#f_cont003,
.content#f_cont004 {
  border: solid 1px #000;
}

.content li {
  background: #fff;
  color: #000;
  padding: 30px;
}

.content li h5 {
  font-size: 123.1%;
  font-weight: bold;
  border-bottom: solid 2px #ddd;
  padding-bottom: 12px;
  margin-bottom: 12px;
}

/*****************tab-yet*/
.b_box001 {
  background: #fff;
  padding: 20px;
  border: solid 1px #000;
}

.b_area001 {
  width: 100%;
  display: table;
}

.b_area001.b_a001 {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: dotted 1px #ccc;
}

.b_area001 .b_area001_l,
.b_area001 .b_area001_r {
  display: table-cell;
  vertical-align: middle;
}

.b_area001 .b_area001_l {
  width: 298px;
}

.b_area001 .b_area001_l p {
  border: solid 2px #fff;
}

.b_area001 .b_area001_r {
  padding-left: 30px;
}

.b_area002 {
  width: 100%;
  display: table;
}

.b_area002.b_a001 {
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: dotted 1px #ccc;
}

.b_area002 .b_area001_l,
.b_area002 .b_area001_r {
  display: table-cell;
  vertical-align: middle;
}

.b_area002 .b_area001_r {
  width: 298px;
  vertical-align: top;
  /*p {
    border: solid 2px $wc;
  }*/
}

.b_area002 .b_area001_l {
  padding-right: 30px;
}

/*****************b_area001-yet*/
.k_box001 {
  clear: both;
  padding-top: 40px;
}

.k_box001 .k_box001_in {
  padding-top: 40px;
  border-top: dotted 1px #ccc;
}

.ph_list003 {
  letter-spacing: -0.4em;
}

.ph_list003.four li {
  width: 23.5%;
  margin-right: 2%;
}

.ph_list003.four li:nth-child(3n) {
  margin-right: 2%;
}

.ph_list003.four li:nth-child(4n) {
  margin-right: 0;
}

.ph_list003 li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: 32%;
  margin-right: 2%;
  text-align: center;
}

.ph_list003 li:nth-child(3n) {
  margin-right: 0;
}

/*****************k_box001-yet*/
.q_a {
  margin-bottom: 30px;
}

.q_a a {
  text-decoration: underline;
}

.q_a a:hover {
  text-decoration: none;
}

.q_a .que {
  padding-left: 40px;
  position: relative;
  padding-top: 6px;
  font-weight: bold;
  padding-bottom: 14px;
  margin-bottom: 14px;
  border-bottom: solid 2px #ddd;
}

.q_a .que::before {
  content: "Q.";
  display: block;
  font-family: "Bebas", Meiryo, YuGothic, "Hiragino Kaku Gothic Pro", "Osaka", sans-serif;
  font-weight: bold;
  font-size: 156%;
  position: absolute;
  left: 10px;
  top: 0;
}

.q_a .ans {
  padding-left: 40px;
  padding-top: 6px;
  position: relative;
}


.q_a .ans::before {
  content: "A.";
  color: #990000;
  display: block;
  font-family: "Bebas", Meiryo, YuGothic, "Hiragino Kaku Gothic Pro", "Osaka", sans-serif;
  font-weight: bold;
  font-size: 156%;
  position: absolute;
  left: 10px;
  top: 0;
}

/*****************q_a-yet*/
#category h3 {
  text-align: left;
}

.editor h3 {
  text-align: left;
}

.editor a {
  text-decoration: underline;
}

.editor a:hover {
  text-decoration: none;
}

.n_list001 {
  width: 100%;
  letter-spacing: -0.4em;
}

.n_list001 li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-right: 2%;
  border: solid 4px #ddd;
  width: 32%;
  padding: 10px;
  text-align: center;
}

.n_list001 li img {
  max-width: 100%;
}

.n_list001 li.last {
  margin-right: 0;
}

/*****************sitemap*/
#site_list001 .site_list001_in .s_list001 {
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: dotted 1px #ccc;
}

#site_list001 .site_list001_in .s_list001 .s_list002 {
  padding-top: 10px;
}

#site_list001 .site_list001_in .s_list001 .s_list002 .s_list002_in {
  background: #eee;
  padding: 20px 20px 10px;
}

#site_list001 .site_list001_in .s_list001 .s_list002 .s_list002_in ul {
  /*padding-top:3px;*/
  padding-left: 14px;
  letter-spacing: -0.4em;
  margin-bottom: 8px;
}

#site_list001 .site_list001_in .s_list001 .s_list002 .s_list002_in ul li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-right: 18px;
  letter-spacing: normal;
  padding-left: 10px;
  position: relative;
  margin-bottom: 6px;
  vertical-align: top;
}

#site_list001 .site_list001_in .s_list001 .s_list002 .s_list002_in ul li::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 9px;
  width: 3px;
  height: 3px;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

#site_list001 .site_list001_in .s_list001 .s_list002 .s_list002_in ul li a:hover {
  text-decoration: underline;
}

#site_list001 .site_list001_in .s_list001 .s_list002 .s_list002_in h5 {
  position: relative;
  padding-left: 14px;
  font-weight: bold;
  margin-bottom: 8px;
}

#site_list001 .site_list001_in .s_list001 .s_list002 .s_list002_in h5 a:hover {
  text-decoration: underline;
}

#site_list001 .site_list001_in .s_list001 .s_list002 .s_list002_in h5::before {
  content: "";
  display: block;
  position: absolute;
  top: 6px;
  left: 4px;
  box-sizing: border-box;
  width: 4px;
  height: 4px;
  border: 4px solid transparent;
  border-left: 4px solid #000;
}

#site_list001 .site_list001_in .s_list001 h4 {
  position: relative;
  padding-left: 14px;
  font-size: 116%;
  font-weight: bold;
}

#site_list001 .site_list001_in .s_list001 h4 a:hover {
  text-decoration: underline;
}

#site_list001 .site_list001_in .s_list001 h4::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 9px;
  width: 6px;
  height: 6px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*****************sitemap-yet*/
.dis_img001 {
  display: block;
}

.dis_img002 {
  display: none;
}

.editor iframe {
  max-width: 100%;
}

@media screen and (max-width: 640px) {
  .dis_img002 {
    display: block !important;
  }

  .dis_img001 {
    display: none !important;
  }

  /****culation****/
  .colu002 {
    display: block;
  }

  .colu002 .colu002_l,
  .colu002 .colu002_r {
    /*width:100%;*/
    display: block;
  }

  .colu002 .colu002_l {
    width: 100%;
  }

  .colu002 .colu002_r {
    width: 100%;
    padding-left: 0;
    max-width: 100%;
  }

  #cu_area_in #cu_list .cu_list_in .cu001 a .cu_box .cu_box_in .cu_box_in02 time {
    clear: both;
  }

  #cu_area_in #cu_list .cu_list_in .cu002 {
    width: 49%;
  }

  #cu_area_in #cu_list .cu_list_in .cu002.even {
    margin-right: 0;
  }

  #cu_area_in #cu_list .cu_list_in .cu001 a .cu_box .cu_box_in .cu_box_in02 {
    padding: 10px 20px 20px;
  }

  #cu_area_in #cu_list .cu_list_in .cu001 a .cu_box .cu_ph {
    max-width: 88%;
  }

  #cu_area_in #cu_list .cu_list_in .cu001 a .cu_box .cu_box_in .cu_box_in02 {
    /*background:#eee;*/
  }

  #cu_area_in #cu_list .cu_list_in .cu001 a .cu_box .cu_ph {
    top: -15px;
  }

  #cu_area_in #cu_list .cu_list_in .cu001 {
    width: 100%;
    margin-right: 0;
  }

  #cu_area_in #cu_list .cu_list_in .cu001 {
    margin-bottom: 15px;
  }

  #cu_area_in #cu_list .cu_list_in .cu001 a .cu_box .cu_box_in .cu_box_in02 time,
  .cu_ca001 li {
    font-size: 76%;
  }

  #cu_area_in #cu_list .cu_list_in .cu001 a .cu_box .cu_box_in .cu_box_in02 h4 {
    font-size: 76%;
  }

  #cu_area_in #cu_list .cu_list_in .cu001 a .cu_box .cu_box_in .cu_box_in02 .cu_txt001 {
    font-size: 67%;
  }

  #cu_area_in #cu_list .cu_list_in .cu002 a {
    padding: 0 0 10px 0;
  }

  #cu_area_in #cu_list .cu_list_in .cu002 a .cu002_ph {
    margin-bottom: 10px;
  }

  #cu_area_in #cu_list .cu_list_in .cu002 a h4 {
    /*font-size:76%;*/
    margin-bottom: 8px;
  }

  #cu_area_in #cu_list .cu_list_in .cu002 a .cu002_txt001 {
    font-size: 67%;
  }

  #cu_area_in #cu_list .cu_list_in .cu002 a time {
    font-size: 76%;
  }

  /*****/
  /****culation-end***/
  .head007 {
    font-size: 92%;
  }

  .inner_area07 .inner_area_in {
    padding-top: 100px !important;
  }

  .inner_area07 .inner_area_in.bb04 {
    padding-top: 263px !important;
  }

  .inner_area06 .inner_area_in.upper {
    padding-top: 100px !important;
  }

  /***c_axis***/
  .content li {
    padding: 16px;
  }

  .tab#f_tab002.four li,
  .tab#f_tab003.four li,
  .tab#f_tab004.four li {
    width: 49%;
  }

  .tab {
    margin-bottom: 0;
  }

  .m_md001 {
    margin-bottom: 0 !important;
  }

  .m_md001 h4.b_bo001::before,
		.m_md001 .h4.b_bo001::before{
    display: none;
  }

  .tab#f_tab002 li.select div.ta_box001::before,
  .tab#f_tab003 li.select div.ta_box001::before,
  .tab#f_tab004 li.select div.ta_box001::before {
    border-top-width: 10px;
  }

  .tab li.select div.ta_box001::before {
    border-top: 10px solid #fff;
    bottom: -19px;
  }

  .tab li .ta_box001 h4::before,
		.tab li .ta_box001 .h4::before{
    display: none;
  }

  .tab li .ta_box001 h4,
		.tab li .ta_box001 .h4{
    font-size: 92%;
  }

  .tab li .ta_box001 .tab_txt001 {
    display: none;
  }

  .tab li .ta_box001 {
    padding: 10px;
  }

  .tab li {
    width: 49%;
    vertical-align: top;
    margin-bottom: 12px;
  }

  .tab li.even {
    margin-right: 0;
  }

  /***c_axis-end**/
  .b_area001.btm40 {
    margin-bottom: 0 !important;
  }

  .b_area001 .b_area001_l,
  .b_area001 .b_area001_r {
    display: block;
    width: 100%;
  }

  .b_area001 .b_area001_l {
    margin-bottom: 10px;
  }

  .b_area001 .b_area001_r {
    padding-left: 0;
  }

  .ind_nav001 .ind_nav_in li.ind_in .link_box001 ul li a {
    padding: 8px 8px 8px 2px !important;
  }

  .ind_nav001 .ind_nav_in li.ind_in .self001::before {
    display: none;
  }

  .ind_nav001 .ind_nav_in li.ind_in .link_box001 {
    padding: 10px;
  }

  .ind_nav001 .ind_nav_in li.ind_in {
    width: 49%;
  }

  /*****/
  .news_list ul li a .change-border01 p {
    display: block;
    width: 100%;
    margin-bottom: 4px;
  }

  .news_list ul li a .ca001 {
    width: auto;
  }

  .news_list ul li a .change-border01 em {
    display: block;
    width: 100%;
  }

  /*****/
  /**companyvision***/
  .s001 {
    width: 40%;
  }

  .c_box001_in .c_md_txt002 {
    margin-bottom: 10px;
  }

  .m_txt002 {
    margin-bottom: 10px;
  }

  .v_ph001 {
    width: 74%;
    position: relative;
    top: -52px;
    right: -58px;
    margin-bottom: 0;
  }

  .p005 {
    padding-top: 0;
    padding-left: 0;
  }

  .p003 {
    padding-top: 0;
  }

  .c_box001.c_left {
    width: 100% !important;
    float: none;
  }

  .c_box001 .c_md .c_md_txt001 {
    font-size: 92%;
  }

  .c_box001_in {
    padding-left: 20px;
  }

  .p001 {
    top: 30px;
  }

  .p002 {
    left: 0;
  }

  /****/
  .c_box001.c_right {
    width: 100% !important;
    float: none;
  }

  /**companyvision-end***/
  /**uniq**/
  .list .line_list li {
    font-size: 87%;
  }

  .list .m_box002 ul li {
    width: 49%;
    padding: 4px;
    margin-bottom: 10px;
  }

  .list .m_box002 ul li:nth-child(2n) {
    margin-right: 0;
  }

  h4.head004 {
    font-size: 76% !important;
    padding: 8px;
    margin-bottom: 16px;
  }

  .k_box001 {
    padding-top: 0;
  }

  .ind_nav002 .ind_nav_in li.ind_in .self001 {
    padding: 10px;
  }

  .ind_nav002 .ind_nav_in li.ind_in:nth-child(2n) {
    margin-right: 0;
  }

  .g_box001 {
    padding: 12px;
  }

  .ind_nav001 .ind_nav_in li.ind_in .self001::before {
    margin-top: -3px !important;
    width: 6px !important;
    height: 6px !important;
  }

  .ind_nav002 .ind_nav_in li.ind_in,
  .ind_nav001 .ind_nav_in li.ind_in02,
  .ind_nav001 .ind_nav_in li.ind_in {
    margin-bottom: 6px;
    border: solid 2px #ddd;
  }

  .ind_nav002 .ind_nav_in li.ind_in h3.head005,
  .ind_nav001 .ind_nav_in li.ind_in02 h3.head005,
  .ind_nav001 .ind_nav_in li.ind_in h3.head005 {
    font-size: 87% !important;
  }

  .ind_nav001 .ind_nav_in li.ind_in .self001 .head005.none,
  .ind_nav001 .ind_nav_in li.ind_in02 .self001 .head005.none {
    padding-bottom: 0;
  }

  .ind_nav001 .ind_nav_in li.ind_in .self001 {
    padding: 10px;
  }

  .ind_nav001 .ind_nav_in li.ind_in.four {
    width: 49%;
  }

  .ind_nav001 .ind_nav_in li.ind_in.four:nth-child(2n) {
    margin-right: 0;
  }

  #con_bnr002 ul li {
    width: 49%;
  }

  #con_bnr002 ul li.even {
    margin-right: 0;
  }

  .ind_box002 .ind_box_r {
    padding-left: 0;
  }

  .ind_box002 .ind_box_l {
    margin-bottom: 20px;
  }

  .ind_box002 .ind_box_l img.im001 {
    width: 40% !important;
  }

  .ind_box002 .ind_box_l,
  .ind_box002 .ind_box_r {
    width: 100% !important;
    display: block;
  }

  .box_b001.bb60 {
    margin-bottom: 20px !important;
    padding-bottom: 20px !important;
  }

  .ind_nav001 .ind_nav_in li.ind_in02 .self001::before {
    display: none !important;
  }

  .ind_nav001 .ind_nav_in li.ind_in02 .self001 .head005 {
    margin-bottom: 8px;
    padding-bottom: 8px;
    font-size: 92%;
  }

  h3.head006 {
    font-size: 92% !important;
    padding: 8px;
  }

  .ind_nav001 .ind_nav_in li.ind_in02 .self001 {
    padding: 14px;
  }

  .box_base02 {
    margin-bottom: 0 !important;
  }

  .box.of002 {
    top: 0 !important;
  }

  .box.of001 {
    top: 0 !important;
  }

  .h_list002 {
    padding-top: 30px;
    margin-bottom: 50px;
  }

  .h_list002 li {
    width: 49%;
    font-size: 92%;
    margin-bottom: 10px;
    padding: 10px;
    text-align: center;
  }

  .n003 .n002_in {
    width: 100%;
    margin-right: 0;
  }

  .ta01 table td ul.num01 li {
    font-size: 116%;
  }

  .owl-carousel .owl-controls .owl-nav .owl-prev,
  .owl-carousel .owl-controls .owl-nav .owl-next {
    margin-top: -100px !important;
  }

  .p_btn001 a span {
    padding-right: 30px;
  }

  /***uniq-end****/
  h4.head_a {
    font-size: 92% !important;
  }
}

.b_box003 {
  height: 300px;
  overflow-y: scroll;
  margin-bottom: 30px;
}

/**********/
.tab li .ta_box001::after {
  -moz-transition: ease-in 0.15s;
  -o-transition: ease-in 0.15s;
  -webkit-transition: ease-in 0.15s;
  transition: ease-in 0.15s;
}

.tab li:hover .ta_box001::after {
  bottom: 20px !important;
}

/*******fa_box001***/
.f_txt001 {


  text-align: right;
}

.f_txt001 a {
  text-decoration: underline;
}

.f_txt001 a:hover {
  text-decoration: none;
}

.fa_box001 {
  width: 100%;
  display: table;
}

.fa_box001 .fa_box001_l,
.fa_box001 .fa_box001_r {
  display: table-cell;
  vertical-align: top;
}

.fa_box001 .fa_box001_r {
  width: 38%;
  padding-left: 40px;
}

.fa_list001 {
  letter-spacing: -0.4em;
  margin-bottom: 20px;
}

.fa_list001 li {
  width: 23.5%;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-right: 2%;
}

.fa_list001 li a {
  display: block;
}

.fa_list001 li a img {
  width: 100%;
}

.fa_list001 li:nth-child(4n) {
  margin-right: 0;
}

.fa_list002 {
  letter-spacing: -0.4em;
  margin-bottom: 20px;
  text-align: center;
}

.fa_list002 li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-right: 2%;
  max-width: 49%;
}

.fa_list002 li.last {
  margin-right: 0;
}

.fa_list002 li a {
  border: solid 4px #ddd;
  display: block;
}


.fa_list003 {
  margin-bottom: 100px;
  overflow: hidden;
  width: 100%;
}

.fa_list003 li {
  width: 100%;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-right: 5%;
  letter-spacing: 0;
  /*  border: solid 4px #ddd;*/
  padding: 20px;
  margin-bottom: 30px;
}

.fa_list003 li:last-child {
  margin-right: 0;
}

@media screen and (max-width: 640px) {
  .fa_box001 .fa_box001_l {
    margin-bottom: 20px;
  }

  .fa_box001 .fa_box001_l,
  .fa_box001 .fa_box001_r {
    display: block;
    width: 100%;
    padding-left: 0;
  }

  .head009 {
    font-size: 100%;
    margin-bottom: 10px;
  }

  .head009 br {
    display: none;
  }

  .btm50 {
    margin-bottom: 20px !important;
  }

  .fa_list001 li {
    width: 49%;
    margin-bottom: 10px;
  }

  .fa_list001 li:nth-child(2n) {
    margin-right: 0;
  }

  .fa_list002 li {
    width: 90%;
    margin-right: 0;
    margin-bottom: 10px;
    max-width: 90%;
  }


  .fa_list003 li {
    width: 100%;
    margin-bottom: 10px;
    margin: 0 auto;
    display: block;
  }

  .fa_list003 li:nth-child(2n) {
    margin-right: 0;
  }

  .b_area002 .b_area001_l,
  .b_area002 .b_area001_r {
    display: block;
    width: 100%;
  }

  .b_area002 .b_area001_l {
    padding-right: 0;
    margin-bottom: 30px;
  }
}

/*******fa_box001-end***/
/*******estate***/
.e_box003 {
  padding: 45px 0 45px;
  width: 80%;
  margin: 0 auto;
  border-bottom: dotted 1px #ccc;
}

.e_box003.none {
  padding-bottom: 0;
  border-bottom: none;
}

.e_box003 .e_md001 {
  text-align: center;
}

.e_box003 .e_md001 .e_md001_in {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
  padding-bottom: 20px;
  margin-bottom: 30px;
  letter-spacing: -0.4em;
}

.e_box003 .e_md001 .e_md001_in h4 {
  font-size: 123.1%;
  font-weight: bold;
}

.e_box003 .e_md001 .e_md001_in span {
  background: #000;
  color: #fff;
  font-weight: bold;
  padding: 6px 14px;
  font-size: 116%;
  position: relative;
  margin-right: 20px;
}

.e_box003 .e_md001 .e_md001_in span::before {
  content: "";
  position: absolute;
  display: block;
  right: -12px;
  margin-top: -4px;
  top: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 12px 12px 0 0;
  border-color: #000 transparent transparent;
}

.e_box003 .e_md001 .e_md001_in span,
.e_box003 .e_md001 .e_md001_in h4 {
  letter-spacing: normal;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

.e_box003 .e_md001 .e_md001_in::before {
  width: 100%;
  height: 5px;
  background: #ddd;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
}

.e_box002 {
  border-left: solid 4px #eee;
  border-right: solid 4px #eee;
  border-bottom: solid 4px #eee;
  padding-bottom: 45px;
  margin-bottom: 30px;
}

.e_box002 .e_box002_in {
  background: #eee;
  padding: 30px 10px 20px;
  text-align: center;
}

.e_box002 .e_box002_in .e_txt001 {
  margin-bottom: 14px;
}

.box.yj001 {
  position: relative;
  padding-bottom: 70px;
  text-align: center;
}

.box.yj001::before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  margin-left: -13px;
  width: 24px;
  height: 24px;
  border-top: 8px solid #000;
  border-right: 8px solid #000;
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.box.yj001::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 22px;
  left: 50%;
  margin-left: -13px;
  width: 24px;
  height: 24px;
  border-top: 8px solid #000;
  border-right: 8px solid #000;
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.e_box001 {
  width: 90%;
  margin: 0 auto 30px;
  background: #eee;
  padding: 30px 20px;
  text-align: center;
}

.e_box001 .num01 {
  text-align: left;
  margin: 0 auto;
  width: 80%;
}

.e_box001 .num01 li {
  margin-bottom: 6px;
}

.e_box001 .num01 li.last {
  margin-bottom: 0;
}

.e_btn001 {
  position: relative;
  z-index: 3;
  text-align: center;
  margin-bottom: 30px;
}

.e_btn001.l001 {
  text-align: left;
}

.e_btn001 a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  padding: 14px 20px 14px 20px;
  -moz-transition: ease-out 0.3s;
  -o-transition: ease-out 0.3s;
  -webkit-transition: ease-out 0.3s;
  transition: ease-out 0.3s;
  border: solid 3px #990000;
  font-weight: bold;
  letter-spacing: 0.1em;
  font-size: 123.1%;
  background: #fff;
  color: #fff;
  position: relative;
  background-image: linear-gradient(to right, #990000 50%, #ffffff 50%);
  background-position: 0 0;
  background-size: 200% auto;
}

.e_btn001 a:hover {
  background-position: -100% 0;
  color: #000;
}

.e_btn001 a:hover span {
  color: #990000;
}

.e_btn001 a:hover span::before {
  background: #990000;
}

.e_btn001 a:hover span::after {
  border-top: 2px solid #990000;
  border-right: 2px solid #990000;
}

.e_btn001 a span {
  padding-right: 180px;
  display: block;
  position: relative;
  -moz-transition: ease-in 0.3s;
  -o-transition: ease-in 0.3s;
  -webkit-transition: ease-in 0.3s;
  transition: ease-in 0.3s;
}

.e_btn001 a span::before {
  -moz-transition: ease-in 0.3s;
  -o-transition: ease-in 0.3s;
  -webkit-transition: ease-in 0.3s;
  transition: ease-in 0.3s;
  content: "";
  display: block;
  position: absolute;
  right: 0px;
  top: 50%;
  width: 18px;
  height: 2px;
  background: #fff;
}

.e_btn001 a span::after {
  -moz-transition: ease-in 0.3s;
  -o-transition: ease-in 0.3s;
  -webkit-transition: ease-in 0.3s;
  transition: ease-in 0.3s;
  content: "";
  display: block;
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -7px;
  width: 14px;
  height: 14px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.e_txt001 {
  font-size: 142%;
  font-weight: bold;
  text-align: center;
  margin-bottom: 30px;
}

.e_list002 {
  width: 100%;
  letter-spacing: -0.4em;
}

.e_list002 li {
  width: 32%;
  margin-right: 2%;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
}

.e_list002 li img {
  max-width: 100%;
}

.e_list002 li.last {
  margin-right: 0;
}

.e_list001 {
  width: 100%;
  letter-spacing: -0.4em;
  position: relative;
  padding-bottom: 70px;
  margin-bottom: 40px;
}

.e_list001::before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 40px 45px 0 45px;
  border-color: #ccc transparent transparent;
  left: 50%;
  bottom: 0;
  margin-left: -45px;
}

.e_list001 li {
  letter-spacing: normal;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  vertical-align: top;
  width: 49%;
  margin-right: 2%;
  text-align: center;
  border: solid 4px #ddd;
  padding: 20px;
}

.e_list001 li .e_list_txt001 {
  font-size: 108%;
  font-weight: bold;
}

.e_list001 li.last {
  margin-right: 0;
}

.e_txt002 {
  border: solid 3px #990000;
  padding: 20px;
  font-size: 123.1%;
  font-weight: bold;
  margin-bottom: 30px;
  color: #990000;
  text-align: center;
}

.e_nav001 {
  width: 92%;
  margin: 0 auto;
}

.e_nav001 li {
  position: relative;
  background: #eee;
  padding: 20px;
  margin-bottom: 30px;
}

.e_nav001 li::before {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 26px 30px 0 30px;
  border-color: #eee transparent transparent;
  left: 50%;
  bottom: -26px;
  margin-left: -30px;
}

.e_nav001 li .e_box004 {
  margin-top: 20px;
  background: #fff;
  padding: 20px;
  text-align: center;
}

.e_nav001 li .e_txt003 {
  font-size: 116%;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 640px) {
  .e_txt001 {
    font-size: 100%;
  }

  .e_btn001 a span {
    padding-right: 90px;
  }

  .e_box001 .num01 {
    width: 100%;
  }

  .e_box003 {
    padding: 28px 0;
    width: 90%;
  }

  .e_box003 .e_md001 .e_md001_in span {
    margin-right: 0;
    margin-bottom: 10px;
    font-size: 100%;
  }

  .e_box003 .e_md001 .e_md001_in span::before {
    display: none;
  }

  .e_box003 p {
    text-align: left !important;
  }

  .e_txt002 {
    font-size: 108%;
    text-align: left;
  }

  .e_box003 p br {
    display: none;
  }

  .e_nav001 li .e_txt003 {
    font-size: 100%;
  }

  .e_nav001 {
    width: 100%;
  }
}

@media screen and (max-width: 640px) {
  .inner_area07 .inner_area_in {
    padding-top: 100px !important;
  }

  .inner_area07 .inner_area_in.bb04 {
    padding-top: 100px !important;
  }
}

/*******estate-end***/


/*******2018.6.11 risoko start***/



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

  .fa_list003 li {
    padding: 10px !important;
    margin-bottom: 20px !important;
  }

  a.img_l {
    width: 100% !important;
    display: block;
    padding: 0 80px 20px 80px !important;
  }

  .text_r {
    text-align: center;
    width: 100% !important;
    margin-left: 0 !important;
  }



  span.test_tlt {
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1.4em;
  }

  .text_box01 {
    width: 100%;
    padding: 15px 15px !important;
  }

  .text_box01::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 25px 0 25px;
    border-color: #ccc transparent transparent;
    bottom: -75px !importantim;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }

  .text_box {
    width: 100%;
    padding: 15px 15px !important;
    text-align: center;
    border: solid 1px #eee;
    margin: 55px 0 0 0 !important;
  }




}


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

  .fa_list003 li {
    width: 100%;
    padding: 30px;
    margin-bottom: 20px;
    overflow: hidden;
  }

  a.img_l {
    width: 37.9%;
  }

  .text_r {
    width: 59%;
  }

  span.test_tlt {
    font-weight: bold;
    font-size: 1.2em;
    line-height: 2em;
  }

  .text_box01 {
    width: 100%;
    padding: 25px 25px;
  }

  .text_box {
    width: 100%;
    padding: 25px 25px;
  }


}

/*******2018.6.11 risoko end***/


/* 2019.02.28 霑ｽ蜉�菫ｮ豁｣ */

tr.tBox {
  margin: 15px 0;
  display: inline-block;
}

tr.tBox th {
  width: 20%;
  padding: 0;
  text-align: left;
  vertical-align: top;
  font-weight: bold;
}

tr.tBox td {
  width: 100%;
  line-height: 1.7;
  padding-left: 2%;
}

tr.tBox th a {
  cursor: pointer;
  text-decoration: underline;
}

tr.tBox th a:hover {
  opacity: 0.5;
}

tr.tBox th a img {
  width: 100%;
}

.fa_list004 {
  padding-bottom: 100px;
  overflow: hidden;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}

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

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

  .fa_list004 {
    padding-bottom: 50px;
  }

  tr.tBox th {
    width: 50%;
    display: block;
    padding-bottom: 15px;
    margin: 0 auto;
  }

  tr.tBox td {
    width: 70%;
    display: block;
    letter-spacing: 0.05em;
    line-height: 1.7;
    font-size: 78%;
    margin: 0 auto;
    text-align: center;
  }

  tr.tBox {
    margin: 20px 0;
  }

}



/* 2019.12.16 霑ｽ蜉�菫ｮ豁｣ */
.sns_share.con_md001 {
  margin-bottom: 20px;
  text-align: center;
}
.sns_share.con_md001 .c_md001 {
    font-size: 340%;
    font-family: "Ailerons", sans-serif;
    line-height: 1;
    color: #000;
    letter-spacing: 0em;
}

ul.news_sns_share {
  display: flex;
  justify-content: center;
    margin: auto;
  margin-top: 50px;
  margin-bottom: 50px;
  max-width: 225px;
  width: 100%;
}
ul.news_sns_share li {
      width: 35%;
}
ul.news_sns_share li:last-child {
 margin-left: 10%;
}






@media screen and (max-width: 600px) {
ul.news_sns_share li {
  width: 48%;
}
}


.inner_area_o {
	padding: 50px 0px;
	margin: 0px;
	background: #e6e6e6;
		z-index: 5;
		position: relative;
}
.inner_area_o .head_title{
 margin: 0px 0px 40px 0px;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	line-height: 2;
}
.inner_area_o .head_title b{
    font-size: 168%
}
.inner_area_o .onayamiList{
	margin: 0px;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
}
.inner_area_o .onayamiList .onayamiBox{
 margin: 0px;
	padding: 0px;
	width : -webkit-calc(25% - 30px) ;
 width : calc(25% - 30px) ;
}
.inner_area_o .onayamiList .onayamiBox .img{
 margin: 0px 0px 10px 0px;
	padding: 0px;
	text-align: center;
}
.inner_area_o .onayamiList .onayamiBox .img img{
 margin: 0px;
	padding: 0px;
	width: 100%;
	max-width: 200px;
	object-fit: cover;
	border-radius: 50%;
	aspect-ratio:1/1;
}
.inner_area_o .onayamiList .onayamiBox .text{
 margin: 0px;
	padding: 0px;
	text-align: center;
	font-weight: bold;
}
@media screen and (max-width: 768px) {
body .head003{
	font-size: 140% !important;
}


.inner_area_o {
	padding: 50px 0px 0px 0px;

}
.inner_area_o .head_title{
	font-size: 16px;
}
.inner_area_o .head_title b{
    font-size: 140%;
}
.inner_area_o .onayamiList .onayamiBox{
 margin: 0px 0px 50px 0px;
	padding: 0px;
	width : -webkit-calc(50% - 20px) ;
 width : calc(50% - 20px) ;
}
}
.inner_area_w {
	padding: 50px 0px;
	margin: 0px;
	background: #FFF;
	z-index: 5;
	position: relative;
}