@charset "utf-8";
#mainArea{
  margin: 0 auto;
  line-height: 2.0;
  text-align: center;
  letter-spacing: 1px;
  font-size: 62.5%;
  color: #333333;
  font-size: 1.3rem;
}
.f-en{
  font-family: 'Source Code Pro', monospace;
  letter-spacing: 2px;
}
.f-ja{
  font-family: 'Noto Sans JP', sans-serif;
}
.bold{
  font-weight: 700;
}
.left{
  text-align: left;
}
.right{
  text-align: right;
}
.center{
  text-align: center;
}
a{
  text-decoration: none;
}
a:hover{
  opacity: 0.8;
}
.mainBnr_ img{
  width: 100vw;
}
.leadText{
  font-size: 1.8rem;
  margin: 7% auto;
  text-align: center;
}
/* Original */
.contentArea_{
  margin: 0 auto;
}

.h_bar{
  display: none;
}
h3{
  font-size: 5.0rem;
  line-height: 1.5;
  margin: 5% 0;
}
h3 span{
  font-size: 1.5rem;
  display: block;
 font-family: 'Noto Sans JP', sans-serif;
}
.co_i_{
  width: 23%;
      display: inline-block;
      vertical-align: top;
}
.co_t_{
  width: 75%;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  background: #ffffff;
  padding: 0 3%;
  position: relative;
}
.co_t_ p{
  margin: 0 0 5% 0;
}

.list_{
  width: 500px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin: 0 1%;
}
.list_:last-child{
  margin: 0;
}
.list_ p{
  text-align: left;
  line-height: 1.8;
  margin: 3% 0;
  font-size: 1.2rem;
}
.list_ p span{
  margin: 5% 0 0 0;
  display: block;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 1.2rem;
}
.list_ > div{
  margin: 30px 0;
}
/* orange */
.orange_{
  background: #ffedd2;
  text-align: left;
  padding: 5%;
  height: 268px;
}
.orange_ .btnArea_ a {
  border: 1px solid #fea71f;
  color: #ffffff;
  text-align: center;
  padding: 0;
  font-size: 1.2rem;
  margin: 0;
  transition: all .3s;
  display: inline-block;
  text-decoration: none;
  width: 100%;
  font-family: 'Source Code Pro', monospace;
  letter-spacing: 0;
  background: #fea71f;
  letter-spacing: 2px;
}
.orange_ .btnArea_ a:hover {
  color: #fea71f !important;
  background: #ffffff;
  border: 1px solid #fea71f;
}
/* light blue */
.lightblue_{
  background: #e1f4f7;
  text-align: left;
  padding: 5%;
  height: 250px;
}
.lightblue_ .btnArea_ a {
  border: 1px solid #69c6d7;
  color: #ffffff;
  text-align: center;
  padding: 0;
  font-size: 1.2rem;
  margin: 0;
  transition: all .3s;
  display: inline-block;
  text-decoration: none;
  width: 100%;
  font-family: 'Source Code Pro', monospace;
  letter-spacing: 0;
  background: #69c6d7;
  letter-spacing: 2px;
}
.lightblue_ .btnArea_ a:hover {
  color: #69c6d7 !important;
  background: #ffffff;
  border: 1px solid #69c6d7;
}
/* light green */
.lightgreen_{
  background: #e0ecde;
  text-align: left;
  padding: 5%;
  height: 268px;
}
.lightgreen_ .btnArea_ a {
  border: 1px solid #639f5b;
  color: #ffffff;
  text-align: center;
  padding: 0;
  font-size: 1.2rem;
  margin: 0;
  transition: all .3s;
  display: inline-block;
  text-decoration: none;
  width: 100%;
  font-family: 'Source Code Pro', monospace;
  letter-spacing: 0;
  background: #639f5b;
  letter-spacing: 2px;
}
.lightgreen_ .btnArea_ a:hover {
  color: #639f5b !important;
  background: #ffffff;
  border: 1px solid #639f5b;
}
/* yellow */
.yellow_{
  background: #fff5cd;
  text-align: left;
  padding: 5%;
  height: 188px;
}
.yellow_ .btnArea_ a {
  border: 1px solid #ffcd07;
  color: #ffffff;
  text-align: center;
  padding: 0;
  font-size: 1.2rem;
  margin: 0;
  transition: all .3s;
  display: inline-block;
  text-decoration: none;
  width: 100%;
  font-family: 'Source Code Pro', monospace;
  letter-spacing: 0;
  background: #ffcd07;
  letter-spacing: 2px;
}
.yellow_ .btnArea_ a:hover {
  color: #ffcd07 !important;
  background: #ffffff;
  border: 1px solid #ffcd07;
}
.co_t_ .value_ {
  width: 75%;
  display: inline-block;
  text-align: left;
  font-size: 1.3rem;
  letter-spacing: 0.5px;
  line-height: 1.8;
  vertical-align: middle;
}
.co_t_ .value_ span {
  display: block;
  font-size: 1.2rem;
}
.value_ {
  width: 84%;
  display: inline-block;
  text-align: left;
  font-size: 1.2rem;
  letter-spacing: 0.5px;
  line-height: 1.5;
  vertical-align: middle;
}
.btnArea_ {
  width: 65px;
  display: inline-block;
  text-align: left;
  line-height: 2.4;
  letter-spacing: 0.5px;
}
.btnAreaAll_ {
  width: 50%;
  display: inline-block;
  text-align: left;
  line-height: 3;
  letter-spacing: 0.5px;
  margin: 1% 0 10%;
}
.btnArea_ a,.btnAreaAll_ a {
  border: 1px solid #333333;
  color: #ffffff;
  text-align: center;
  padding: 0;
  font-size: 1.2rem;
  margin: 0;
  transition: all .3s;
  display: inline-block;
  text-decoration: none;
  width: 100%;
  font-family: 'Source Code Pro', monospace;
  letter-spacing: 0;
  background: #333333;
  letter-spacing: 2px;
}
.btnAreaAll_ a {
  border: 1px solid #333333;
  color: #ffffff;
  text-align: center;
  padding: 20px;
  font-size: 1.8rem;
  margin: 0;
  transition: all .3s;
  display: inline-block;
  text-decoration: none;
  width: 100%;
  font-family: 'Source Code Pro', monospace;
  letter-spacing: 0;
  background: #333333;
  letter-spacing: 2px;
}
.btnArea_ a:hover,.btnAreaAll_ a:hover {
  color: #333333 !important;
  background: #ffffff;
  border: 1px solid #333333;
}
.itemLink_{
  margin: 10px 0 0 0;
}
.itemArea_{
  max-height: 140px;
}
.icon_{
  display: inline-block;
  width: 10%;
  text-align: center;
}
.inner__{
  width: 1000px;
  margin: 10em auto;
}
.moreitem_ li{
  width: 230px;
  display: inline-block;
  position: relative;
  text-align: center;
  margin: 3% 2% 3% 0;
      vertical-align: top;
}
.moreitem_ li:nth-child(4n){
  margin: 3% 0;
}
.moreitem_ li span.itemicon_{
  position: absolute;
  top: 260px;
  left: 10px;
}
.moreitem_ li span.itemicon_2_{
  position: absolute;
  top: 260px;
  left: 60px;
}
.moreitem_ li span.itemicon_3_{
  position: absolute;
  top: 260px;
  left: 115px;
}
.itemName_{
  margin: 40px 0 0;
  line-height: 1.8;
}
.itemName_ span{
  font-weight: 700;
  display: block;
  font-size: 1.5rem;
  letter-spacing: 0;
}