@charset "utf-8";
/*general---------------------------------------*/
body {
  font-family: メイリオ, Meiryo, "ＭＳ Ｐゴシック", mono-space, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka;
  background: #fff;
  color: #333;
  line-height: 1.6;
}
.wrap {
	overflow: hidden;
}
p,li,dd {
  font-size: 16px;
  font-size: 1.6rem;
}
.pull-center {
  text-align: center;
}
a:hover,
a:hover img {
    opacity: 0.8;
    transition: 0.3s;
}
/*btn*/
.btn a {
  border-radius: 4px;
  color: #fff;
  display: block;
  position: relative;
  text-align: center;
  text-decoration: none;
  -moz-box-shadow: 0 4px 8px rgba(0,0,0,0.22);
  -webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.22);
  box-shadow: 0 4px 8px rgba(0,0,0,0.22);
  outline: none;
}
.PCshow {
  display: block;
}
.SPshow {
  display: none;
}
.nolink {
  opacity: 1;
}

/*header---------------------------------------*/
header {
  background: #e6ffff;
  left: 0;
  margin-top: -80px;
  padding-top: 80px;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10;
}
.header_inner {
  background: url(../../common/images/illust_cloud_few.png) no-repeat 280px 50%;
  height: 80px;
  margin: 0 auto;
  padding: 0 20px;
  position: relative;
  width: 980px;
}
.header_logo {
  left: 20px;
  position: absolute;
  top: 22px;
}
.header_btn_login {
  position: absolute;
  right: 20px;
  top: 16px;
}
.header_btn_login a {
  background: #ff0000;
  background: -moz-linear-gradient(top, #ff6767, #ff0000); 
  background: -webkit-linear-gradient(top, #ff6767, #ff0000); 
  background: linear-gradient(to bottom, #ff6767, #ff0000);
  font-size: 16px;
  font-size: 1.6rem;
  padding: 12px;
  width: 330px;
}

.header_btn_login a:before {
  background: url(../../common/images/icon_login.png)no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 26px;
  position: absolute;
  left: 20px;
  top: 11px;
  width: 18px;
  vertical-align: middle;
}

/*visual---------------------------------------*/
#visual {
  margin: 120px auto 25px;
  padding: 0 20px;
  text-align: center;
  width: 980px;
}

/*intro---------------------------------------*/
#intro {
  background: url(../../common/images/bg_service_title.jpg)repeat-x left 18px;
}
  #intro > p {
    margin: 0 auto 25px;
    padding: 0 20px;
    width: 980px;
  }

/*nav---------------------------------------*/
nav {
  position: relative;
  margin: 0 auto 30px;
  width: 980px;
}
  .nav_item > li {
    display: inline-block;
    padding-right: 16px;
  }
  .nav_item > li:last-child {
    padding-right: 0;
  }

/*lead_text---------------------------------------*/
#lead_text {
  background: #fff;
  margin: 0 auto 30px;
  padding: 0 20px;
  text-align: center;
  width: 980px;
}

/*servivce---------------------------------------*/
.section {
  margin: 0 auto;
  padding: 0 10px 70px;
}
.bg_basic {
  background: #fffdec;
}
.bg_topices {
  background: #ffeae9;
}

/*title*/
.title {
  margin: 0 -10px 34px;
  text-align: center;
}
.title img {
  padding: 6px 10px 0;
}
.title_benefitn {
  background: #edfcff url(../../common/images/line_benefitn.gif) repeat-x;
  border-bottom: 1px solid #d5e9ed;
}
.title_value {
  background: #ffefee url(../../common/images/line_value.gif) repeat-x;
  border-bottom: 1px solid #fee1df;
}
.title_health {
  background: #e9f9e3 url(../../common/images/line_health.gif) repeat-x;
  border-bottom: 1px solid #d5e4cf;
}

/*contents*/
.contents {
  background: #fff;
  border: 1px solid #f2edd7;
  padding: 30px 30px 0;
  width: 918px;
  margin: 0 auto;
  -moz-box-shadow: 0 0 8px 3px rgba(148, 128, 44, 0.1);
  -webkit-box-shadow: 0 0 8px 3px rgba(148, 128, 44, 0.1);
  box-shadow: 0 0 8px 3px rgba(148, 128, 44, 0.1);
}
  .contents_item > li {
    text-align: center;
    padding-bottom: 60px;
  }
  .contents_item > li:last-child {
    padding-bottom: 40px;
  }

/*contact---------------------------------------*/
.contact_item {
  background: #f2f2f2;
  margin: 0 -30px;
  padding: 30px;
}
  .contact_item > li {
    display: inline-block;
    padding-right: 18px;
  }
  .contact_item > li:last-child {
    padding-right: 0;
  }
.btn_login a {
  background:#ff0000;
  background: -moz-linear-gradient(top, #ff6767, #ff0000); 
  background: -webkit-linear-gradient(top, #ff6767, #ff0000); 
  background: linear-gradient(to bottom, #ff6767, #ff0000);
  font-size: 1.8rem;
  font-size: 18px;
  padding: 20px;
  width: 410px;
}

.btn_login a:before {
  background: url(../../common/images/icon_login.png)no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 30px;
  position: absolute;
  left: 20px;
  top: 18px;
  width: 22px;
  vertical-align: middle;
}

.btn_detail a {
  background: #25ad0a;
  background: -moz-linear-gradient(top, #65c32c, #25ad0a); 
  background: -webkit-linear-gradient(top, #65c32c, #25ad0a); 
  background: linear-gradient(to bottom, #65c32c, #25ad0a);
  font-size: 1.8rem;
  font-size: 18px;
  padding: 20px;
  width: 410px;
}

.btn_detail a:before {
    background: url(../../common/images/icon_arrow.png)no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 21px;
    position: absolute;
    right: 20px;
    top: 22px;
    width: 22px;
    vertical-align: middle;
  }
.contact_remarks {
  font-size: 1.3rem;
  font-size: 13px;
  margin: 20px 10px;
}

/*value_topics---------------------------------------*/
#value_topices {
  margin: 0 -20px 0;
  padding: 70px 20px 70px;
}
  #value_topices > .contents {
    border: none;
    margin-bottom: 70px;
    position: relative;
    -moz-box-shadow: 0 0 8px 3px rgba(215, 44, 29, 0.1);
    -webkit-box-shadow: 0 0 8px 3px rgba(215, 44, 29, 0.1);
    box-shadow: 0 0 8px 3px rgba(215, 44, 29, 0.1);
  }
  #value_topices > .contents > p {
    position: absolute;
    left: 15px;
    top: -40px;
  }
  #value_topices .contents:last-child {
    margin-bottom: 0;
  }

/*pdf_link---------------------------------------*/
#pdf_link {
  background: url(../../common/images/bg_sky.png)repeat-x left top;
  margin-bottom: 70px;
}
.pdf_link_inner {
  background: url(../../common/images/illust_cloud_many.png)no-repeat 40px top;
  padding: 70px 20px 20px;
  margin: 0 auto;
  max-width: 980px;
}
  .pdf_link_inner > p {
    text-align: center;
  }
  .pdf_link_inner > p img {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    max-width: 980px;
    border: 4px solid #ff3c3b;
  }

/*footer---------------------------------------*/
footer {
  border-top: 1px solid #eee;
  margin-top: 60px;
  text-align: center;
}
.footer_inner {
  margin: 0 auto;
  padding: 30px 20px 30px;
  position: relative;
  text-align: left;
  width: 980px;
}
.footer_nav {
  padding-bottom: 15px;
}
  .footer_nav > li {
    display: inline-block;
  }
  .footer_nav > li a {
    color: #666;
    padding-right: 4px;
  }
  .footer_nav > li a:hover {
    text-decoration: none;
  }
  .footer_nav > li:after {
    color: #ccc;
    content:"|";
    padding-right: 4px;
  }
  .footer_nav > li:last-child:after {
    content: "";
    padding-right: 0;
  }
  .footer_nav + small {
    line-height: 2.0;
  }
.footer_logo {
  right: 20px;
  position: absolute;
  top: 20px;
}

/*goto top*/
.pagetop {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
  z-index: 11;
}

/*---------------------------------------*/
  /*sp*/
/*---------------------------------------*/
@media screen and (max-width: 768px) {
  .verdana {
    font-family: Verdana;
  }
  .PCshow {
    display: none;
  }
  .SPshow {
    display: block;
  }
  
  /*sp_header---------------------------------------*/
  header {
    background: #e6ffff;
    left: 0;
    margin-top: -55px;
    padding-top: 55px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
  }
  .header_inner {
    background: url(../../common/images/illust_cloud_few.png) no-repeat 170px 50%;
    height: 55px;
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
  }
  .header_logo {
    left: 15px;
    position: absolute;
    top: 4px;
    width: 146px;
  }
  .header_btn_login {
    position: absolute;
    right: 15px;
    top: 10px;
  }
  .header_btn_login a {
    background: #ff0000;
    background: -moz-linear-gradient(top, #ff6767, #ff0000); 
    background: -webkit-linear-gradient(top, #ff6767, #ff0000); 
    background: linear-gradient(to bottom, #ff6767, #ff0000);
    font-size: 14px;
    font-size: 1.4rem;
    padding: 8px 30px 6px;
    width: 100px;
  }
  .header_btn_login a:before {
    background: url(../../common/images/icon_login.png)no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 17px;
    position: absolute;
    left: 14px;
    top: 10px;
    width: 12px;
    vertical-align: middle;
  }
  
  .header_btn_login span {
    display: none;
  }
  
  /*sp_visual---------------------------------------*/
  #visual {
    margin: 55px 0 4%;
    padding: 0;
    width: auto;
  }
  
  /*sp_intro---------------------------------------*/
  #intro {
    background: none;
    margin-bottom: 3%;
  }
    #intro > p {
      margin: 0;
      padding: 0;
      width: auto;
  }

  /*sp_nav---------------------------------------*/
  nav {
    margin: 0 3% 3%;
    width: auto;
  }
  .nav_item {
    padding: 0.4% 0;
    text-align: center;
  }
    .nav_item > li {
      display: inline-block;
      padding-right: 1.2%;
      width: 32.58%;
    }
    .nav_item > li:last-child {
      padding-right: 0;
    }
  
  /*sp_lead_text---------------------------------------*/
  #lead_text {
    margin: 0 auto 8%;
    padding: 0 3%;
    width: auto;
  }

  /*sp_servivce---------------------------------------*/
  .section {
    padding: 0 0 30px;
  }
  
  /*sp_contents*/
  .contents {
    padding: 10px 10px 0;
    margin: 0 3%;
    width: auto;
  }
    .contents_item > li {
      text-align: center;
      padding-bottom: 20px;
    }
    .contents_item > li:last-child {
      padding-bottom: 20px;
    }
  /*title*/
  .title {
    margin: 0 0 4%;
  }
  .title img {
    padding: 4px 0 0;
  }
/*sp_contact---------------------------------------*/
  .contact_item {
    margin: 0 -10px 0;
    padding: 20px 10px;
  }
  .contact_item > li {
    display: block;
    padding-right: 0;
  }

  .btn_login a {
    background: #ff0000;
    background: -moz-linear-gradient(top, #ff6767, #ff0000); 
    background: -webkit-linear-gradient(top, #ff6767, #ff0000); 
    background: linear-gradient(to bottom, #ff6767, #ff0000);
    font-size: 14rem;
    font-size: 14px;
    padding: 18px 20px 18px 30px;
    width: auto;
  }
  .btn_login a:before {
    background: url(../../common/images/icon_login.png)no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 22px;
    position: absolute;
    left: 12px;
    top: 16px;
    width: 16px;
    vertical-align: middle;
  }
  .btn_detail a {
      background: #25ad0a;
      background: -moz-linear-gradient(top, #65c32c, #25ad0a); 
      background: -webkit-linear-gradient(top, #65c32c, #25ad0a); 
      background: linear-gradient(to bottom, #65c32c, #25ad0a);
      font-size: 1.4rem;
      font-size: 14px;
      padding: 18px 30px 18px;
      width: auto;
  }
  .btn_detail a:before {
    background: url(../../common/images/icon_arrow.png)no-repeat;
    background-size: contain;
    content: "";
    display: inline-block;
    height: 17px;
    position: absolute;
    right: 12px;
    top: 20px;
    width: 16px;
    vertical-align: middle;
  }
  .contact_remarks {
    font-size: 1.3rem;
    font-size: 13px;
    margin: 12px 10px 8px;
  }
  
  /*sp_value_topics---------------------------------------*/
  #value_topices {
    margin: 0;
    padding: 40px 0 30px;
  }
    #value_topices > .contents {
      border: none;
      margin-bottom: 40px;
      position: relative;
    }
    #value_topices > .contents > p {
      position: absolute;
      left: 6px;
      top: -32px;
      width: 84px;
    }
    #value_topices .contents:last-child {
      margin-bottom: 0;
    }

  /*sp_pdf_link---------------------------------------*/
  #pdf_link {
    background: url(../../common/images/bg_sky.png)repeat-x left top;
    margin-bottom: 8%;
  }
  .pdf_link_inner {
    background: url(../../common/images/illust_cloud_many.png)repeat-x 110px 2%;
    background-size: 90%;
    padding: 4% 3% 0;
    margin: 0;
    max-width: 100%;
  }
  .pdf_link_inner > p {
    padding-top: 8%;
    min-height: 136px;
  }
  .pdf_link_inner > p img {
    border: 3px solid #ff3c3b;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    max-width: 100%;
  }
  
  /*sp_footer---------------------------------------*/
  footer {
    margin-top: 4%;
    position: relative;
    text-align: center;
    width: auto;
  }
  .footer_inner {
  margin: 0 auto;
  padding: 20px 4% 16px;
  text-align: left;
  width: auto;
  }
  .footer_nav {
    font-size: 1.3rem;
    font-size: 13px;
    padding-bottom: 0;
  }
    .footer_nav > li a:hover {
      text-decoration: underline;
    }
    .footer_nav + small {
      line-height: 2.0;
    }
      .footer_nav > li {
      display: block;
        padding-bottom: 6px;
    }
    .footer_nav > li a {
      color: #666;
      padding-right: 0;
    }
    .footer_nav > li:after {
      color: #ccc;
      content:"";
      padding-right: 0;
    }
  .footer_logo {
    position: absolute;
    top: 22px;
    right: 15px;
  }
  .footer_logo img {
    height: auto;
    width: 34px;
  }
  /*goto top*/
  .pagetop {
    bottom: 15px;
    right: 15px;
  }
  .pagetop a img {
    height: auto;
    width: 46px;
  }
  
}

/*---------------------------------------*/
  /*tablet*/
/*---------------------------------------*/
@media screen and (max-width: 767px) {
  a:hover,
  a:hover img {
      opacity:1.0;
  }
}

/*---------------------------------------*/
  /* 
    20230424追加
　　ヘッダー表示修正
  */
/*---------------------------------------*/
section.first-section {
    padding-top: 54px;
}