/*
Theme Name:stem-cell
*/
@charset "utf-8";

body{font-size: 15px;  font-family: 'Noto Sans JP', sans-serif; font-weight: 300; color: #000; line-height: 1.7;}
img{max-width: 100%;}
a{text-decoration: none; transition: .3s;}
a:hover{text-decoration: none; opacity: .7;}
p{margin-bottom: 0;}
ul,li{padding: 0; margin: 0;}
.mincho{font-family: 'Shippori Mincho', serif;}
body{position: relative;}
.container{max-width: 1100px;}

/*--- header ---*/
header{position: absolute; width: 100%; top: 0; left: 0; z-index: 2;}
header .btn_box{text-align: right;}

/*--- btn ---*/
.btn_box{text-align: center;}
.btn_box.ad_mt{margin-top: 60px;}
.head_btn{background-color: #8c5da2; color: #fff; padding: 20px 30px; line-height: 1; display: inline-block;}
.head_btn:hover{color: #fff;}
.pub_btn{color: #fff; background: -moz-linear-gradient(left, #0bbafb, #1a59b9); background: -webkit-linear-gradient(left, #0bbafb, #1a59b9); background: linear-gradient(to right, #0bbafb, #1a59b9); padding: 12px 0; text-align: center; border-radius: 3px; font-weight: 500; display: block; font-size: 18px;}
.pub_btn i{margin-right: 0; margin-left: 10px;}
.pub_btn.fff{color: #1f648c; background: none; background-color: #fff;}
.pub_btn.fff:hover{color: #1f648c;}
.pub_btn:hover{color: #fff;}

/*--- section ---*/
.sec_inner{padding: 80px 0;}
.sec_tit{color: #1f648c; font-size: 42px; font-family: 'Shippori Mincho', serif; margin-bottom: 30px; line-height: 1.3;}
.sec_tit.fff{color: #fff; margin-bottom: 60px;}
.sec_tit2{color: #1f648c; font-size: 42px; font-family: 'Shippori Mincho', serif; text-align: center; line-height: 1; margin-bottom: 50px;}

/*--- public ---*/
.back{font-weight: bold; display: inline; background-color: #b2e3ff;}
.pink{color: #ff3366;}
.yellow{color: #fff600;}
.blue{color: #1f648c; font-weight: 600;}
.tri_bg{background-image: url(assets/images/tri_bg.png); background-size: cover;}
.bt_blue{position: relative;}
.bt_blue::after{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 20%; background-color: #f2fbff; z-index: -1;}
.blue_bg{background-color: #e6eff3;}
.blue_bg2{background: -moz-linear-gradient(left, #41a9c7, #1d6089); background: -webkit-linear-gradient(left, #41a9c7, #1d6089); background: linear-gradient(to right, #41a9c7, #1d6089);}

/*--- mv ---*/
.mv{position: relative;}
.mv img{width: 100%;}
.mv_ab{position: absolute; bottom: 50px; left: 4%;}
.mv_ab .m_tag{color: #fff; line-height: 1; background: -moz-linear-gradient(left, #09bbfe, #5a42ec); background: -webkit-linear-gradient(left, #09bbfe, #5a42ec); background: linear-gradient(to right, #09bbfe, #5a42ec); text-align: center; padding: 15px 0; margin-bottom: 20px; border-radius: 30px; font-size: 30px; max-width: 500px; font-weight: 300;}
.mv_ab .sub{font-family: 'Shippori Mincho', serif; font-size: 42px; margin-bottom: 20px;}
.mv_ab h1{font-family: 'Shippori Mincho', serif; font-size: 72px; color: #1f648c; letter-spacing: 3px;}
.mv_ab h1 .mid{font-size: 54px;}

.sec_bg.ad_blue{background-color: #f5fcfd;}
.sec_bg{background-image: url(assets/images/sec_bg.png); background-size: cover; padding-bottom: 120px;}
.sec_bg2{background-image: url(assets/images/sec_bg2.png); background-size: cover; padding-bottom: 60px;}
.sec_bt{text-align: center; color: #fff;}
.sec_bt h2{font-family: 'Shippori Mincho', serif; color: #fff; font-size: 39px; margin-bottom: 40px;}
.sec_bg2 .sec_bt h2{margin-bottom: 10px;}
.sec_bt p{font-size: 18px; line-height: 1.7; font-weight: 300;}

/*--- lr_box ---*/
.lr_box{display: flex; flex-wrap: wrap; margin-bottom: 60px;}
.lr_box .item_img{width: 35%;}
.lr_box .content{width: 65%; padding-left: 40px; line-height: 2;}

/*--- lr_box ---*/
.lr_box2{display: flex; flex-wrap: wrap; margin-bottom: 60px;}
.lr_box2 .item_img{width: 55%;}
.lr_box2 .content{width: 45%; padding-right: 30px; line-height: 2;}
.lr_box2 .text{width: 100%; margin-top: 30px; line-height: 2;}

/*--- right_box ---*/
.wrp_right_box{background-image: url(assets/images/rb_bg.png); background-repeat: no-repeat; margin-bottom: 60px;}
.right_box{max-width: 55%; margin-left: auto;}
.right_box .sec_tit{text-align: right;}
.right_box .text{margin-bottom: 30px;}
.right_box .pub_btn{display: block;}

/*--- ub_box ---*/
.ub_box.plus{margin-bottom: 50px;}
.ub_box .sec_tit{text-align: center;}
.ub_box p{margin-bottom: 60px; line-height: 2;}
.ub_box .item_img{text-align: center;}
.ub_box .text-center{max-width: 800px; margin: 0 auto;}

/*--- e_box ---*/
.e_box{display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; margin-bottom: 60px;}
.e_box:nth-of-type(2n){flex-direction: row-reverse;}
.e_box .content{width: 48%;}
.e_box .content .item_tit{margin-bottom: 30px;}
.e_box .content .item_tit img{max-height: 250px;}
.e_box .item_img{width: 48%;}
.e_box .text{line-height: 2;}
.wrp_box .e_box{margin-bottom: 30px;}
.wrp_box2 .e_box:nth-of-type(2n+1){flex-direction: row-reverse;}
.wrp_box2 .e_box:nth-of-type(2n){flex-direction: row;}
.wrp_box2 .e_box .text{line-height: 1.5;}
.wrp_box3 .e_box{align-items: flex-start;}
.wrp_box3 .e_box:nth-of-type(2n+1){flex-direction: row-reverse;}
.wrp_box3 .e_box:nth-of-type(2n){flex-direction: row;}
.wrp_box3 .e_box .text{line-height: 1.5;}

/*--- wrp_pre ---*/
.pre_bg{background-image: url(assets/images/pre_bg.png); background-size: cover; padding-bottom: 50px; background-color: #f2fbff;}
.wrp_pre .box_tit{margin-bottom: 50px; text-align: center; color: #fff;}
.wrp_pre .box_tit .sec_tit2{color: #fff; margin-bottom: 20px;}
.wrp_pre .box_tit .sub .mid{font-weight: bold; font-size: 18px;}
.wrp_pre .fif_box{display: flex; justify-content: space-between; color: #fff;}
.wrp_pre .fif_box .content{width: 48%; line-height: 2;}
.wrp_pre .fif_box .content h3{font-weight: bold; font-size: 21px;}
.wrp_pre .fif_box .content .small{font-size: 14px;}
.wrp_pre .fif_box .item_img{width: 48%;}

/*--- voice ---*/
.v_bg{background-image: url(assets/images/v_bg.png); background-size: cover;}

/*--- c_box ---*/
.c_box{display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 50px;}
.c_box .box{width: 32%;}
.c_box .box .content{background-color: #fff; padding: 20px 20px 30px;}
.c_box .box .content .item_tit{margin-bottom: 20px; padding-bottom: 15px; border-bottom: solid 1px #000; text-align: center;}
.c_box .box .content .item_tit h3{color: #1f648c; font-size: 21px; margin-bottom: 15px;}
.c_box .box .content .item_tit .sub{font-size: 14px; font-weight: 600;}
.c_box .box .content .price{text-align: center; font-weight: 600;}
.c_box .box .content .price .sub{font-size: 27px;}
.c_box .box .content .price .main{font-size: 27px; margin-bottom: 5px;}
.c_box .box .content .price .main .pink{font-size: 42px; color: #cd4082; line-height: 1;}
.sub_text{text-align: center; margin-bottom: 50px;}

/*--- contact ---*/
.wrp_form .box{margin-bottom: 20px; display: flex; flex-wrap: wrap; padding-bottom: 40px; margin-bottom: 40px; border-bottom: dashed 2px #fff;}
.wrp_form .box.last{border-bottom: 0px;}
.wrp_form .box .name{width: 30%; font-weight: 500; color: #fff;}
.wrp_form .box .name .hissu{display: inline-block; position: relative;}
.wrp_form .box .name .hissu::after{content: '※'; color: #f00; position: absolute; top: 0px; right: -30px;}
.wrp_form .box .item{width: 70%;}
.wrp_form .box .item .wrp_input input{width: 100%; padding: 10px 15px; border: solid 1px #ccc; border-radius: 3px; -webkit-appearance: none;}
.wrp_form .box .item .wrp_text textarea{width: 100%; padding: 10px 15px; border: solid 1px #ccc; border-radius: 3px; -webkit-appearance: none;}
.wrp_form .box .item .wrp_input_dub{display: flex;}
.wrp_form .box .item .wrp_input_dub > span{display: block; width: 49%; margin: 0 1%;}
.wrp_form .box .item .wrp_input_dub input{width: 100%; padding: 10px 15px; border: solid 1px #ccc; border-radius: 3px; -webkit-appearance: none; font-size: 16px;}
.send_btn{background-color: #9ed5e6; font-weight: 600; padding: 15px 60px; font-size: 18px; letter-spacing: 3px; border: 0px;}
.wpcf7-spinner{display: block; margin: 10px auto 0;}

/*------PC3------*/
@media only screen and (max-width: 1580px) {
  
}
  
/*------PC2------*/
@media only screen and (max-width: 1440px) {

}


/*---PAD pro---*/
@media only screen and (max-width: 1050px) {

  /*--- section ---*/
  .sec_tit{font-size: 39px;}
  
}
  
/*---PAD---*/
@media only screen and (max-width: 880px) {

  body{font-size: 14px;}

  .sec_tit{font-size: 33px;}

  /*--- mv ---*/
  .mv_ab .sub{font-size: 30px; margin-bottom: 10px;}
  .mv_ab .m_tag{font-size: 24px; margin-bottom: 10px;}
  .mv_ab h1{font-size: 60px;}
  .mv_ab h1 .mid{font-size: 42px;}

  .sec_bt p{font-size: 16px;}

  .right_box{max-width: 90%; margin: 0 auto;}

  .sec_bt h2{font-size: 30px;}

  .c_box .box .content{padding: 20px 10px 30px;}
  .c_box .box .content .price .main{font-size: 21px;}
  .c_box .box .content .price .main .pink{font-size: 33px;}

}
  
/*---Sm---*/
@media only screen and (max-width: 767px) {

  .mv_ab{left: 0; width: 100%; text-align: center; bottom: 20px;}
  .mv_ab h1{font-size: 33px;}
  .mv_ab h1 .mid{font-size: 24px;}
  .mv_ab .sub{font-size: 18px;}
  .mv_ab .m_tag{font-size: 16px; width: 250px; display: inline-block;}

  .sec_bt h2{font-size: 21px;}

  .sec_inner{padding: 40px 0;}
  .sec_bg{padding-bottom: 70px;}
  .sec_tit{font-size: 27px;}
  .sec_bg2{padding-bottom: 30px;}
  .sec_tit2{font-size: 24px;}

  .lr_box .item_img{width: 100%; margin-bottom: 15px;}
  .lr_box .content{width: 100%; padding-left: 0;}

  .lr_box2 .item_img{width: 100%;}
  .lr_box2 .content{width: 100%; padding-right: 0;}
  .lr_box2 .content p{margin-bottom: 20px;}
  .lr_box2 .text{margin-top: 20px;}

  .right_box .sec_tit{text-align: center;}
  .wrp_right_box{margin-right: -0.75rem; margin-left: -0.75rem;}
  .right_box{padding: 20px 0;}

  .pub_btn{font-size: 16px;}

  .e_box .content{width: 100%; margin-bottom: 15px;}
  .e_box .item_img{width: 100%;}
  .e_box .content .item_tit img{max-height: 190px;}

  .sec_bg.ad_blue{padding-bottom: 100px;}
  .e_box .content .item_tit.adjust img{max-height: 160px;}

  .wrp_pre .box_tit .sub .mid{font-size: 14px;}

  .wrp_pre .fif_box .content{width: 100%;}
  .wrp_pre .fif_box .item_img{width: 100%; margin-bottom: 15px;}
  .wrp_pre .fif_box{flex-wrap: wrap-reverse;}
  .wrp_pre .fif_box .content h3{font-size: 18px; margin-bottom: 15px;}

  .wrp_box3 .e_box{flex-wrap: wrap-reverse;}
  .wrp_box3 .e_box:last-of-type{margin-bottom: 0;}
  .e_box .item_img{margin-bottom: 15px;}

  .c_box{margin-bottom: 20px;}
  .c_box .box{width: 100%; margin-bottom: 15px;}

  .wrp_form .box .name{width: 100%; margin-bottom: 15px;}
  .wrp_form .box .item{width: 100%;}
  .wrp_form .box{padding-bottom: 20px; margin-bottom: 20px;}

  header{position: fixed; bottom: 0; top: auto;}
  .head_btn{display: block; background-color: rgba(141, 94, 162, 0.85); text-align: center;}

  main{margin-bottom: 55px;}


}
  
/*---Sm small---*/
@media only screen and (max-width: 350px) {


}