@charset "utf-8";
html {
  scroll-behavior: smooth;
}
body {
  font-size: 18px;
  font-family: "Noto Sans CJK JP", "Segoe UI", "Roboto", "メイリオ", "Meiryo", "游ゴシック", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", 'Noto Sans JP', "Droid Sans", "ＭＳ Ｐゴシック", "Verdana", sans-serif;
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
  color: #333333;
}
/*-----------------------------------------トップボタン*/
#backtop {
  width: 20px;
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 999;
}
/*----------------*/
/*------------------------------トップボタン*/
/*------------------------------スマホ*/
@media (max-width: 640px) {
  #backtop {
    width: 3vw;
    bottom: 20vw;
    right: 5vw;
    z-index: 999999999999;
  }
}
/*--------------*/

/*-----------------------------------------固定CVボタン*/
#cv_fix {
  display: none;
}
/*----------------*/
/*------------------------------固定CVボタン*/
/*------------------------------スマホ*/
@media (max-width: 640px) {
#cv_fix {
  display: block;
	position: fixed;
	left:0;
	right: 0;
	bottom: 0;
	z-index: 9999999999;
}
}
/*--------------*/

/*------------------------------全体の設定PCここから*/
main {
  width: 700px;
  background: #fff;
  border-radius: 0 0 20px 20px;
  box-shadow: 5px 5px 30px 0 #ACACAC;
  margin: 0 auto;
}
section {
  margin: 0 auto;
}
#twitter {
  margin: 0 auto;
}
div, p {
  line-height: 1.8em;
  text-align: justify;
  text-justify: inter-ideograph;
}
h1, h2, h3, h4 {
  line-height: 1.6em;
}
.small_txt {
  display: inline-block;
  line-height: 1.5em;
  font-size: .7em;
}
.mgt50 {
  margin: 50px auto 0;
}
.mgt20 {
  margin: 20px auto 0;
}
.mgb20 {
  margin: 0 auto 20px;
}
.hover {
  transition: .5s;
}
.hover:hover {
  transform: scale(1.05);
  opacity: .8;
}
/*--------------*/
/*------------------------------全体の設定*/
/*------------------------------スマホ*/
@media (max-width: 640px) {
  main {
    width: 100vw;
    border-radius: 0 0 5vw 5vw;
    box-shadow: .1vw .1vw 2vw 0 #D8D8D8;
  }
  div, p {
    line-height: 1.7em;
    word-break: break-all;
  }
  p {
    font-size: 3.5vw;
  }
  h1, h2, h3, h4 {
    line-height: normal;
  }
  .small_txt {
    line-height: 1.5em;
    font-size: 2.5vw;
    margin: 0 auto;
  }
  .mgt50 {
    margin: 10vw auto 0;
  }
  .mgt20 {
    margin: 3vw auto 0;
  }
  .mgb20 {
    margin: 0 auto 5vw;
  }
}
/*--------------*/
/*-----------------------------------------パララックス背景*/
.parallax::before {
  display: block;
  background-image: url("../img/w1_bg.webp");
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}
.pc_menu_wrap {
  position: relative;
}
.center-box {
  width: 0;
  height: 0;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.center-box .pc_menu_reliability {
  width: 500px;
  height: 300px;
  background-image: url("../img/pc_menu1.webp");
  background-size: contain;
  background-repeat: no-repeat;
  position:absolute;
  top: -350px;
  left: 400px;
}
.center-box .pc_menu_reliability .pc_menu_button1 {
  position: absolute;
  top: 140px;
  left: 60px;
}
.center-box .pc_menu_reliability .pc_menu_button2 {
  position: absolute;
  top: 140px;
  right: 75px;
}
.center-box .pc_menu_buy {
  width: 360px;
  position: absolute;
  top: -50px;
  left: 385px;
}
.center-box .pc_menu_column {
  width: 300px;
  position:absolute;
  top: 150px;
  left: 400px;
}
.center-box .pc_menu_faq {
  width: 300px;
  position: absolute;
  top: 300px;
  left: 450px;
}
.center-box .pc_menu_movie {
  width: 400px;
  position: absolute;
  top: 170px;
  right: 300px;
}
.pc_menu_wrap a:hover {
  opacity: .6;
}
/*------------------------------パララックス背景*/
/*----------------------------------------------大タブレット*/
@media (min-width: 1024px) and (max-width: 1280px) {
  .center-box .pc_menu_reliability {
    display: none;
  }
  .center-box .pc_menu_buy {
    display: none;
  }
  .center-box .pc_menu_column {
    width: 120px;
    top: 100px;
    left: 370px;
  }
  .center-box .pc_menu_faq {
    width: 120px;
    top: 250px;
    left: 370px;
  }
  .center-box .pc_menu_movie {
    width: 250px;
    top: 400px;
    right: 250px;
  }
}
/*------------------------------パララックス背景*/
/*----------------------------------------------小タブレット*/
@media (min-width: 641px) and (max-width: 1023px) {
  .pc_menu_wrap {
    display: none;
  }
}
/*------------------------------パララックス背景*/
/*----------------------------------------------スマホ*/
@media (max-width: 640px) {
  .center-box {
    display: none;
  }
  .pc_menu_wrap {
    display: none;
  }
}
/*------------------------------ヘッダー・MVPC*/
header, #mv {
  width: 700px;
  margin: 0 auto;
}
header .flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
  position: sticky;
  z-index: 999999;
}
header .head_logo {
  width: 230px;
}
header .top_apply_btn {
  width: 230px;
  transition: 1s;
}
header .top_apply_btn:hover {
  transform: scale(1.1);
}
#mv img {
  width: 100%;
  text-align: center;
  margin: 0 0;
}
h1, .h2_headline {
  background: #EB4BA0;
  color: #fff;
  font-size: 1.6em;
  font-weight: 600;
  text-align: center;
  padding: 20px 0;
}
/*ここからナビ*/
.sp_menu_wrap {
  display: none;
}
nav {
  width: 700px;
  height: 400px;
  background: #F5F5F5;
  position: fixed;
  border-radius: 0 0 30px 30px;
  box-shadow: 2px 2px 5px 0 #A3A3A3;
  top: 165px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  visibility: hidden;
  transition: 0s;
  padding: 20px 30px;
  margin: 0 auto;
}
.nav_list li {
  margin: 15px 0;
}
.nav_list li p {
  font-size: .9em;
  font-weight: 100;
  margin: 0 0 0 10px;
}
.nav_list li img {
  width: 20px;
  object-fit: contain;
  vertical-align: middle;
}
.nav_list a {
  display: flex;
  text-decoration: none;
  color: #39383F;
}
.nav_list a:hover {
  opacity: .6;
}
/*--openNav---*/
.openNav nav {
  visibility: visible;
}
/*---------------------
navigation btn
----------------------*/
.navBtn {
  width: 700px;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  cursor: pointer;
  z-index: 999999;
  margin: 0 auto;
}
/*--------------*/
/*------------------------------ヘッダー・MV*/
/*------------------------------スマホ*/
@media (max-width: 640px) {
  header, #mv {
    width: 100%;
  }
  header .flex {
    padding: 2vw 2vw 5vw;
  }
  header .head_logo {
    width: 40vw;
  }
  header .top_apply_btn {
    width: 40vw;
  }
  #mv img {
    width: 96vw;
    text-align: center;
    margin: 0 2vw;
  }
  h1, .h2_headline {
    font-size: 5vw;
    padding: 5vw 0;
  }
  /*ここからナビ*/
  .sp_menu_wrap {
    display: block;
  }
  /*ここからナビ*/
  nav {
    width: 100vw;
    height: 70vh;
    top: 25vw;
    border-radius: 0 0 5vw 5vw;
    box-shadow: .1vw .1vw 1vw 0 #EBEBEB;
    padding: 4vw 6vw;
    overflow: scroll;
  }
  .nav_list li {
    margin: 3.5vw 0;
  }
  .nav_list li p {
    font-size: 3vw;
    margin: 0 0 0 2vw;
  }
  .nav_list li img {
    width: 3.5vw;
  }
  /*---------------------
navigation btn
----------------------*/
  .navBtn {
    width: 100vw;
  }
  .sp_menu_wrap .pc_menu_reliability {
    width: 86vw;
    height: 50vw;
    background-image: url("../img/pc_menu1.webp");
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
  }
  .sp_menu_wrap .pc_menu_reliability .pc_menu_button1 {
    width: 30vw;
    position: absolute;
    top: 24vw;
    left: 10vw;
  }
  .sp_menu_wrap .pc_menu_reliability .pc_menu_button2 {
    width: 30vw;
    position: absolute;
    top: 24vw;
    right: 12vw;
  }
  .sp_menu_wrap .nav_flex {
    display: flex;
    margin: -10vw 0 0;
  }
  .sp_menu_wrap .pc_menu_movie {
    width: 50vw;
  }
  .sp_menu_wrap .pc_menu_buy {
    width: 50vw;
  }
  .sp_menu_wrap .pc_menu_column {
    width: 20vw;
    margin: 10vw 0 0;
  }
  .sp_menu_wrap .pc_menu_faq {
    width: 20vw;
    margin: 10vw 0 0;
  }
}
/*--------------*/
/*------------------------------sec1はじめてのキットPC*/
#beginner {
  background: #E8F6F6;
  padding: 60px 0 0;
}
#beginner .gme-pv {
    padding: 0 70px;
    margin: 0 auto 70px;
}
#beginner .gme-pv iframe{
  width: 600px;
  height: 320px;
    border-radius: 15px;
}
.recommend_set {
  background: #fff;
  box-shadow: 3px 3px 15px 0 #C9DCD9;
  border-radius: 30px;
  margin: 0 50px 90px;
}
.recommend_set h2 {
  display: flex;
  background: #F9E3F0;
  color: #EB4BA0;
  border-radius: 30px 30px 0 0;
  padding: 50px 70px;
}
#hpv .recommend_set h2 {
  display: block;
  background: #E8F6F6;
  color: #00CCD2;
}
.recommend_set h2 img {
  width: 50px;
  object-fit: contain;
}
.recommend_set h2 p {
  font-size: 1.4em;
  font-weight: 600;
  margin: 0 0 0 20px;
}
.recommend_set .recommend_set_wrap {
  padding: 40px 50px 50px;
}
.recommend_set .kit_img {
  width: 450px;
}
.recommend_set h3 {
  font-size: 1.5em;
  font-weight: 600;
  margin: 20px auto;
}
.recommend_set h4 {
  font-weight: 600;
  margin: 20px auto 0;
}
.recommend_set ul {
  display: flex;
  flex-wrap: wrap;
}
.recommend_set ul li {
  line-height: 1em;
  background: #F9E3F0;
  font-size: .8em;
  padding: 5px 10px;
  margin: 3px;
}
.recommend_set .price {
  font-size: 1.1em;
  margin: 20px auto;
}
.recommend_set .price span {
  font-size: 1.3em;
  font-weight: 600;
}
.recommend_set h5 {
  font-size: 1.2em;
  font-weight: 600;
  text-align: center;
  margin: 30px auto 20px;
}
.recommend_set .amazon_btn, .recommend_set .rakuten_btn {
  width: 420px;
  margin: 0 auto 20px;
}
/*--------------*/
/*------------------------------sec1はじめてのキット*/
/*------------------------------スマホ*/
@media (max-width: 640px) {
  #beginner {
    padding: 10vw 0 0;
  }
#beginner .gme-pv {
    padding: 0 5vw;
    margin: 0 auto 8vw;
}
#beginner .gme-pv iframe{
  width: 100%;
  height: 51vw;
    border-radius: 2vw;
}    
  .recommend_set {
    box-shadow: .5vw .5vw 3vw 0 #C9DCD9;
    border-radius: 6vw;
    margin: 0 10vw 15vw;
  }
  .recommend_set h2 {
    border-radius: 6vw 6vw 0 0;
    padding: 8vw;
  }
  .recommend_set h2 img {
    width: 7vw;
  }
  .recommend_set h2 p {
    font-size: 4.5vw;
    margin: 0 0 0 5vw;
  }
  .recommend_set .recommend_set_wrap {
    padding: 8vw;
  }
  .recommend_set h3 {
    font-size: 4.5vw;
    margin: 5vw auto 2vw;
  }
  .recommend_set h4 {
    font-size: 3.5vw;
    margin: 5vw auto 1vw;
  }
  .recommend_set ul li {
    font-size: 3vw;
    padding: 1vw 2vw;
    margin: .5vw;
  }
  .recommend_set .price {
    font-size: 3.5vw;
    margin: 5vw auto;
  }
  .recommend_set .price span {
    font-size: 4vw;
  }
  .recommend_set h5 {
    font-size: 3.5vw;
    margin: 5vw auto 3vw;
  }
  .recommend_set .amazon_btn, .recommend_set .rakuten_btn {
    width: 100%;
    margin: 0 auto 4vw;
  }
}
/*--------------*/
/*------------------------------GMEの特典PC*/
.benefits {
  background: #00CCD2;
  padding: 0 0 100px;
}
.benefits2 {
  background: #EB4BA0;
  padding: 0 0 100px;
}
.benefits h2 {
  width: 500px;
  margin: 0 auto;
}
.benefits h2 img {
  margin: -30px auto 0;
}
.benefits .benefits_contents {
  background: #fff;
  border-radius: 20px;
  padding: 40px;
  margin: 20px 50px 0;
}
.benefits .flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: auto;
}
.benefits .flex img {
  width: 120px;
}
.benefits .flex p {
  color: #00CCD2;
  font-size: .9em;
  font-weight: 600;
  text-align: center;
}
.benefits2 .flex p {
  color: #EB4BA0;
}
.benefits .annotation {
  line-height: 1.5em;
  font-size: .7em;
  margin: 40px 0 0;
}
/*--------------*/
/*------------------------------GMEの特典*/
/*------------------------------スマホ*/
@media (max-width: 640px) {
  .benefits {
    padding: 0 0 10vw;
  }
  .benefits2 {
    padding: 0 0 10vw;
  }
  .benefits h2 {
    width: 80vw;
  }
  .benefits h2 img {
    margin: -5vw auto 0;
  }
  .benefits .benefits_contents {
    border-radius: 6vw;
    padding: 8vw;
    margin: 3vw 5vw 0;
  }
  .benefits .flex img {
    width: 20vw;
  }
  .benefits .flex p {
    line-height: 1.7em;
    font-size: 3.3vw;
  }
  .benefits .annotation {
    line-height: 1.3em;
    font-size: 2.5vw;
    margin: 4vw 0 0;
  }
}
/*--------------*/
/*------------------------------sec2GMEの特徴PC*/
#feature {
  background: #E5E4F0;
  padding: 0 0 60px;
}
.h2_title img {
    width: 100%;
  margin: -80px auto 0;
}
#feature .feature_list {
  display: flex;
  flex-wrap: wrap;
  width: 500px;
  justify-content: space-between;
  margin: 40px auto;
}
#feature .feature_list li {
  width: 240px;
}
#feature .feature_list li .feature_list_wrap {
  background: #fff;
  text-align: center;
  border-radius: 30px;
  padding: 30px;
}
#feature .feature_list li .feature_list_wrap div {
  color: #EB4BA0;
  font-weight: 600;
  text-align: center;
  border-top: 2px solid #EB4BA0;
  border-bottom: 2px solid #EB4BA0;
}
#feature .feature_list li .feature_list_wrap h2 {
  color: #EB4BA0;
  font-size: 1.3em;
  font-weight: 600;
  margin: 15px 0 10px;
}
#feature .feature_list li .feature_list_wrap p {
  text-align: center;
}
#feature .annotation {
  width: 500px;
  line-height: 1.5em;
  font-size: .8em;
  margin: 0 auto;
}
/*--------------*/
/*------------------------------sec2GMEの特徴*/
/*------------------------------スマホ*/
@media (max-width: 640px) {
  #feature {
    padding: 0 0 10vw;
  }
  .h2_title img {
    margin: -10vw auto 0;
  }
  #feature .feature_list {
    width: 86vw;
    margin: 4vw auto;
  }
  #feature .feature_list li {
    width: 40vw;
  }
  #feature .feature_list li .feature_list_wrap {
    border-radius: 5vw;
    padding: 5vw;
  }
  #feature .feature_list li .feature_list_wrap div {
    font-size: 3.5vw;
    border-top: .5vw solid #EB4BA0;
    border-bottom: .5vw solid #EB4BA0;
  }
  #feature .feature_list li .feature_list_wrap h2 {
    color: #EB4BA0;
    font-size: 4vw;
    margin: 2vw 0;
  }
  #feature .feature_list li .feature_list_wrap p {
    font-size: 3vw;
  }
  #feature .annotation {
    width: 90vw;
    font-size: 2.5vw;
  }
}
/*--------------*/
/*------------------------------ご案内PC*/
.invitation {
  width: 560px;
  background-image: url("../img/movie_bg.webp");
  background-repeat: no-repeat;
  background-size: cover;
  /*background: #F9E3F0;*/
  /*border-radius: 30px;*/
  padding: 90px 60px 50px;
  margin: 100px auto;
  position: relative;
}
.invitation h2 {
  color: #EB4BA0;
  font-size: 2em;
  font-weight: 600;
  text-align: center;
}
.invitation .invitation_img1 {
  width: 360px;
  margin: 40px 40px 20px;
}
.invitation .invitation_img2 {
  width: 140px;
  position: absolute;
  bottom: 30px;
  left: -40px;
}
.invitation .invitation_img3 {
  width: 140px;
  position: absolute;
  bottom: 30px;
  right: -30px;
}
.invitation iframe {
  width: 460px;
  height: 250px;
  margin: 20px 0 0;
}
.invitation .list_btn {
  width: 340px;
  height: 80px;
  line-height: 80px;
  background: #EB4BA0;
  font-size: 1.1em;
  text-align: center;
  border-radius: 60px;
  margin: 40px auto 20px;
}
.invitation .list_btn a {
  display: block;
  text-decoration: none;
  color: #fff;
}
.invitation p {
  text-align: center;
}
.invitation .invitation_logo {
  width: 240px;
  margin: 20px 100px 0;
}
/*--------------*/
/*------------------------------ご案内*/
/*------------------------------スマホ*/
@media (max-width: 640px) {
  .invitation {
    width: 80vw;
    padding: 11vw 6vw 8vw;
    margin: 10vw auto;
  }
  .invitation h2 {
    font-size: 5.5vw;
  }
  .invitation .invitation_img1 {
    width: 50vw;
    margin: 5vw 9vw 4vw;
  }
  .invitation .invitation_img2 {
    width: 20vw;
    bottom: 5vw;
    left: -6vw;
  }
  .invitation .invitation_img3 {
    width: 20vw;
    bottom: 5vw;
    right: -6vw;
  }
  .invitation iframe {
    width: 80vw;
    height: 35vw;
    margin: 2vw 0 0;
    z-index: 10;
  }
  .invitation .list_btn {
    width: 60vw;
    height: 15vw;
    line-height: 15vw;
    font-size: 3.8vw;
    border-radius: 15vw;
    margin: 2vw auto 0;
  }
  .invitation p {
    font-size: 3vw;
  }
  .invitation .invitation_logo {
    width: 40vw;
    margin: 3vw 14vw;
  }
}
/*--------------*/
/*------------------------------sec3どんな時に検査PC*/
#timing .timing_contents {
  width: 500px;
  text-align: center;
  margin: 50px auto 100px;
}
#timing .timing_contents h2 {
  color: #EB4BA0;
  font-size: 2em;
  font-weight: 600;
  text-align: center;
  margin: 20px auto;
}
#timing .timing_contents p {
  font-size: 1.2em;
  margin: 20px auto;
}
/*--------------*/
/*------------------------------sec3どんな時に検査*/
/*------------------------------スマホ*/
@media (max-width: 640px) {
  #timing .timing_contents {
    width: 80vw;
    margin: 10vw auto;
  }
  #timing .timing_contents h2 {
    font-size: 6vw;
    margin: 5vw auto;
  }
  #timing .timing_contents p {
    font-size: 3.5vw;
    margin: 5vw auto;
  }
}
/*--------------*/
/*------------------------------sec4人気ランキングPC*/
#ranking {
  background: #F9E3F0;
  padding: 0 0 10px;
}
#ranking .ranking_list {
  list-style: none;
}
#ranking .ranking_list .ranking_list_li {
  background: #fff;
  box-shadow: 3px 3px 15px 0 #DCC9D7;
  border-radius: 30px;
  padding: 70px 60px 60px;
  margin: 60px 50px 0;
  position: relative;
}
#ranking .ranking_list .kit_img{
  width: 450px;
}
#ranking .other_lineup {
  font-weight: 600;
  text-align: center;
}
.medical-device-number {
  font-size: .6em;
  text-align: center;
  margin: 40px auto;
}
#ranking .ranking_list .ranking_list_li .ranking_icon {
  width: 90px;
  position: absolute;
  top: 20px;
  left: 20px;
}
#ranking .ranking_list .ranking_list_li h3 {
  font-size: 1.6em;
  font-weight: 600;
  margin: 20px auto 0;
}
#ranking .ranking_list .ranking_list_li .price {
  font-size: 1.1em;
  margin: 0 auto 20px;
}
#ranking .ranking_list .ranking_list_li .price span {
  font-weight: 600;
}
#ranking .ranking_list .ranking_list_li h4 {
  font-weight: 600;
  margin: 20px auto 0;
}
#ranking .ranking_list .ranking_list_li ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 30px;
}
#ranking .ranking_list .ranking_list_li ul li {
  line-height: 1em;
  background: #F9E3F0;
  font-size: .8em;
  padding: 5px 10px;
  margin: 3px;
}
#ranking .ranking_list .ranking_list_li h5 {
  text-align: center;
  margin: 40px auto 20px;
}
#ranking .ranking_list .ranking_list_li .flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#ranking .ranking_list .ranking_list_li .amazon_btn, #ranking .ranking_list .ranking_list_li .rakuten_btn {
  width: 210px;
}
/*--------------*/
/*------------------------------sec4人気ランキング*/
/*------------------------------スマホ*/
@media (max-width: 640px) {
  #ranking {
    padding: 0 0 5vw;
  }
  #ranking .ranking_list .ranking_list_li {
    box-shadow: .5vw .5vw 3vw 0 #DCC9D7;
    border-radius: 6vw;
    padding: 10vw 8vw 8vw;
    margin: 15vw 10vw 10vw;
  }
  #ranking .other_lineup {
    font-size: 4vw;
      margin: 6vw 0 0;
  }
  .medical-device-number {
    font-size: 2.5vw;
    margin: 6vw auto 0;
  }
  #ranking .ranking_list .ranking_list_li .ranking_icon {
    width: 15vw;
    top: 5vw;
    left: 5vw;
  }
  #ranking .ranking_list .ranking_list_li h3 {
    font-size: 4.5vw;
    margin: 5vw auto 2vw;
  }
  #ranking .ranking_list .ranking_list_li .price {
    font-size: 3.8vw;
    margin: 0 auto 5vw;
  }
  #ranking .ranking_list .ranking_list_li h4 {
    font-size: 3.5vw;
    margin: 5vw auto 1vw;
  }
  #ranking .ranking_list .ranking_list_li ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 30px;
  }
  #ranking .ranking_list .ranking_list_li ul li {
    font-size: 3vw;
    padding: 1vw 2vw;
    margin: .5vw;
  }
  #ranking .ranking_list .ranking_list_li h5 {
    font-size: 3.5vw;
    margin: 5vw auto;
  }
  #ranking .ranking_list .ranking_list_li .amazon_btn, #ranking .ranking_list .ranking_list_li .rakuten_btn {
    width: 30vw;
  }
}
/*--------------*/
/*------------------------------sec5郵送検査についてPC*/
#reliability {
  margin: 100px auto;
}
#reliability .reliability_headline h2 {
  color: #00CCD2;
  font-size: 2.5em;
  font-weight: 600;
  text-align: center;
}
#reliability .reliability_headline p {
  font-size: 1.3em;
  text-align: center;
  margin: 20px auto 60px;
}
#reliability .reliability_contents {
  width: 500px;
  margin: 0 auto 60px;
}
#reliability .reliability_q {
  text-align: center;
  margin: 0 auto;
}
#reliability .reliability_answer {
  background: #E8F6F6;
  border-radius: 30px;
  padding: 40px 40px 20px;
}
#reliability .reliability_answer .flex, #reliability .reliability_answer .flex2 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
#reliability .reliability_answer .flex img {
  width: 200px;
}
#reliability .reliability_answer h3 {
  font-size: 1.5em;
  text-align: center;
  font-weight: 600;
  margin: 0 0 30px;
}
#reliability .reliability_answer .flex2 img {
  width: 120px;
}
#reliability .reliability_answer .flex2 p {
  width: 280px;
  font-size: .9em;
}
#reliability .reliability_text {
  background: #fff;
  padding: 40px;
  margin: 40px auto 10px;
}
#reliability iframe {
  width: 100%;
  height: 235px;
}
/*--------------*/
/*------------------------------sec5郵送検査について*/
/*------------------------------スマホ*/
@media (max-width: 640px) {
  #reliability {
    margin: 15vw auto;
  }
  #reliability .reliability_headline h2 {
    font-size: 7vw;
  }
  #reliability .reliability_headline p {
    font-size: 3.8vw;
    margin: 5vw auto;
  }
  #reliability .reliability_q img {
    width: 72vw;
  }
  #reliability .reliability_contents {
    width: 86vw;
    margin: 0 auto 10vw;
  }
  #reliability .reliability_answer {
    border-radius: 6vw;
    padding: 8vw 8vw 6vw;
  }
  #reliability .reliability_answer .flex img {
    width: 33vw;
  }
  #reliability .reliability_answer h3 {
    font-size: 4.5vw;
    margin: 0 0 5vw;
  }
  #reliability .reliability_answer .flex2 img {
    width: 25%;
    margin: 5vw 0 0;
  }
  #reliability .reliability_answer .flex2 p {
    width: 73%;
    line-height: 1.5em;
    font-size: 3.2vw;
    margin: 5vw 0 0 2%;
  }
  #reliability .reliability_text {
    padding: 8vw;
    margin: 5vw auto 0;
  }
  #reliability iframe {
    width: 100%;
    height: 40vw;
  }
}
/*--------------*/
/*------------------------------sec6子宮頸がん検査PC*/
#hpv {
  background: #F9E3F0;
}
#hpv .recommend_set {
  box-shadow: 3px 3px 15px 0 #DCC9D7;
  margin: 60px 50px 90px;
}
/*--------------*/
/*------------------------------sec6子宮頸がん検査*/
/*------------------------------スマホ*/
@media (max-width: 640px) {
  #hpv .recommend_set {
    box-shadow: .5vw .5vw 3vw 0 #DCC9D7;
    margin: 10vw 10vw 15vw;
  }
}
/*--------------*/
/*------------------------------sec7郵送のながれPC*/
#flow {
  background: #E8F6F6;
  padding: 0 0 60px;
}
#flow .h2_headline {
  background: #00CCD2;
}
#flow .flow_wrap h3 {
  width: 524px;
  background: #F9E3F0;
  color: #EB4BA0;
  font-size: 1.6em;
  font-weight: 600;
  text-align: center;
  border-radius: 30px 30px 0 0;
  padding: 20px;
  margin: 60px auto 0;
}
#flow .flow_list {
  position: relative;
  overflow-x: hidden;
}
#flow .flow_list li {
  background: #fff;
  border-radius: 0 0 30px 30px;
  padding: 50px;
  margin: 0 80px;
  float: left;
}
#flow .flow_list li img {
  width: 330px;
  margin: 0 50px;
}
#flow .flow_list h4 {
  font-size: 1.4em;
  font-weight: 600;
}
#flow .flow_list .flow_number {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  background: #333333;
  color: #fff;
  font-size: .8em;
  text-align: center;
  margin: 0 10px 0 0;
}
#flow .flow_list .small_text {
  display: block;
  line-height: 1.5em;
  font-size: .8em;
  margin: 10px auto 0;
}
.slick-prev {
  color: #EB4BA0;
  font-size: 1.5em;
  position: absolute;
  top: 40%;
  left: 20px;
}
.slick-next {
  color: #EB4BA0;
  font-size: 1.5em;
  position: absolute;
  top: 40%;
  right: 20px;
}
.slick-prev.slick-disabled {
  visibility: hidden;
}
.slick-next.slick-disabled {
  visibility: hidden;
}
/*--------------*/
/*------------------------------sec7郵送のながれ*/
/*------------------------------スマホ*/
@media (max-width: 640px) {
  #flow {
    padding: 0 0;
  }
  #flow .flow_wrap h3 {
    width: 80vw;
    font-size: 4.5vw;
    border-radius: 6vw 6vw 0 0;
    padding: 8vw;
    margin: 10vw auto 0;
  }
  #flow .flow_list li {
    border-radius: 0 0 6vw 6vw;
    padding: 8vw;
    margin: 0 10vw;
  }
  #flow .flow_list li img {
    width: 50vw;
    margin: 0 7vw;
  }
  #flow .flow_list h4 {
    font-size: 4.5vw;
    margin: 0 0 5vw;
  }
  #flow .flow_list .flow_number {
    width: 6vw;
    height: 6vw;
    line-height: 6vw;
    font-size: 4vw;
    margin: 0 2vw 0 0;
  }
  #flow .flow_list .small_text {
    font-size: 2.5vw;
    margin: 3vw auto;
  }
  .slick-prev {
    font-size: 5vw;
    top: 40%;
    left: 5vw;
  }
  .slick-next {
    font-size: 5vw;
    top: 40%;
    right: 5vw;
  }
}
/*--------------*/
/*------------------------------Q&Aよくある質問PC*/
#faq {
  padding: 100px 50px 60px;
}
#faq .h2_title {
  font-size: 2em;
  font-weight: 600;
  text-align: center;
  margin: 0 auto 60px;
}
#faq .about-list {
  margin: 30px auto 50px;
}
#faq .about-list li h3 {
  display: flex;
  align-items: center;
  background: #E8F6F6;
  font-size: 1.1em;
  font-weight: 600;
  border-radius: 60px;
  padding: 20px 50px;
  margin: 30px auto 0;
}
#faq .about-list li h3 p {
  width: 97%;
}
#faq .about-list li h3 span {
  display: block;
  width: 3%;
  color: #00CCD2;
}
#faq .about-list li .question-a p {
  margin: 0 auto 20px;
}
#faq .about-list li img {
  margin: 20px auto;
}
#faq .review .flex {
  display: flex;
  align-items: center;
  font-size: 1.1em;
  justify-content: center;
}
#faq .review .flex img {
  width: 180px;
  margin: 0 20px 0 0;
}
/*開閉ボックスの設定*/
#upbtn, #upbtn2, #upbtn3, #upbtn4, #upbtn5, #upbtn6, #upbtn7, #upbtn8, #upbtn9, #upbtn10 {
  cursor: pointer;
}
.upbox, .upbox2, .upbox3, .upbox4, .upbox5, .upbox6, .upbox7, .upbox8, .upbox9, .upbox10 {
  display: none;
  height: 100%;
  padding: 30px 50px;
}
/*--------------*/
/*------------------------------Q&Aよくある質問*/
/*------------------------------スマホ*/
@media (max-width: 640px) {
  #faq {
    padding: 15vw 0 5vw;
  }
  #faq .h2_title {
    font-size: 6vw;
    margin: 0 auto 10vw;
  }
  #faq .about-list {
    width: 80vw;
    margin: 5vw auto;
  }
  #faq .about-list li h3 {
    font-size: 3.8vw;
    border-radius: 50vw;
    padding: 5vw 8vw;
    margin: 5vw auto 0;
  }
  #faq .about-list li .question-a p {
    margin: 0 auto 5vw;
  }
  #faq .about-list li img {
    margin: 3vw auto;
  }
  #faq .review {
    margin: 10vw auto;
  }
  #faq .review .flex {
    font-size: 3.8vw;
  }
  #faq .review .flex img {
    width: 18vw;
    margin: 0 2vw 0 0;
  }
  /*開閉ボックスの設定*/
  .upbox, .upbox2, .upbox3, .upbox4, .upbox5, .upbox6, .upbox7, .upbox8, .upbox9, .upbox10 {
    padding: 5vw;
  }
}
/*--------------*/
/*------------------------------sec8コラムと精度PC*/
#information {
  background: #E8F6F6;
  border-radius: 0 0 20px 20px;
  padding: 0 0 60px;
}
#information .h2_headline {
  background: #00CCD2;
  margin: 0 0 30px;
}
#information a img {
  width: 500px;
  margin: 30px 100px;
}
#information .sns {
    display: flex;
  width: 300px;
    margin: 50px auto 0;
}
#information .sns a,#information .sns img{
  width: 70px;
    margin: 0 auto;
}
/*--------------*/
/*------------------------------sec8コラムと精度*/
/*------------------------------スマホ*/
@media (max-width: 640px) {
  #information {
    padding: 0 0 10vw;
  }
  #information .h2_headline {
    margin: 0 0 5vw;
  }
  #information a img {
    width: 80vw;
    margin: 5vw 10vw;
  }
    #information .sns {
    display: flex;
  width: 50vw;
    margin: 5vw auto 0;
}
#information .sns a,#information .sns img{
  width: 15vw;
} 
}
/*--------------*/
/*------------------------------お問い合わせPC*/
#inquiry .invitation {
  background: #fff;
  border-radius: 30px;
  box-shadow: 5px 5px 30px 0 #C4C4C4;
}
#inquiry h2 {
  font-size: 1.5em;
  font-weight: 600;
  text-align: center;
  margin: 0 0 20px;
}
#inquiry .inquiry_contents {
  margin: 30px auto;
}
#inquiry .inquiry_contents p {
  font-size: 1.2em;
  text-align: center;
}
#inquiry .inquiry_contents .tel {
  line-height: 1.2em;
  font-size: 2em;
  font-weight: 600;
}
#inquiry .inquiry_contents .tel a {
  text-decoration: none;
  color: #333333;
}
#twitter {
  text-align: center;
  margin: 0 auto 60px;
}
/*--------------*/
/*------------------------------お問い合わせ*/
/*----------------------------------------------スマホ*/
@media (max-width: 640px) {
  #inquiry .invitation {
    box-shadow: .1vw .1vw 2vw 0 #D8D8D8;
    border-radius: 5vw;
    margin: 10vw auto;
  }
  #inquiry h2 {
    font-size: 4vw;
    margin: 0 0 5vw;
  }
  #inquiry .inquiry_contents {
    margin: 3vw auto;
  }
  #inquiry .inquiry_contents p {
    font-size: 3.5vw;
  }
  #inquiry .inquiry_contents .tel {
    font-size: 5.5vw;
  }
  #twitter {
    margin: 0 auto 5vw;
  }
}
/*--------------*/
/*------------------------------フッターPCここから*/
#footer {
  padding: 50px 0;
}
#footer h2 {
  font-size: .9em;
  text-align: center;
  margin: 0 auto 20px;
}
#footer .foot_logo {
  width: 250px;
  margin: 0 auto 10px;
}
#footer .add {
  font-size: .8em;
  text-align: center;
}
#footer .foot_list {
  display: flex;
  justify-content: center;
}
#footer .foot_list li {
  font-size: .7em;
  font-weight: 300;
  text-align: center;
  padding: 15px 30px;
  margin: 30px 10px;
}
#footer .foot_list li a {
  text-decoration: none;
  color: #333333;
}
#footer .small_box {
  font-size: .5em;
  text-align: center;
}
/*--------------*/
/*------------------------------フッター*/
/*----------------------------------------------スマホ*/
@media (max-width: 640px) {
  #footer {
    padding: 5vw 0 20vw;
  }
  #footer h2 {
    font-size: 3vw;
    margin: 0 auto;
  }
  #footer .foot_logo {
    width: 45vw;
    margin: 2vw auto;
  }
  #footer .add {
    font-size: 3vw;
  }
  #footer .foot_list {
    flex-direction: column;
    margin: 5vw auto 0;
  }
  #footer .foot_list li {
    width: 70vw;
    font-size: 3vw;
    padding: 1vw 0;
    margin: 0 auto;
  }
  #footer .small_box {
    font-size: 2.5vw;
    margin: 5vw auto 0;
  }
}
/*--------------*/
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}