@charset "UTF-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, address,
em, img, small, strong, b, i,dl, dt, dd, ol, ul, li, form, label, table, caption,
tbody, tfoot, thead, tr, th, td, article, canvas, footer, header, menu, nav, section,
time, audio, video, figure , button
{
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
}
html {font-size: 62.5%;
-webkit-text-size-adjust: 100%;}
input[type="button"],input[type="text"],input[type="submit"],input[type="image"],textarea{-webkit-appearance: none;border-radius: 0;}
body {
  line-height: 1.6;
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", YuGothic, sans-serif;
  color: #000;
  font-size: 3rem;
  font-weight: 500;
  letter-spacing: -2px;
  font-feature-settings: "palt";
}
article, footer, header, menu, nav, section {display: block;}
ul {list-style: none; }
a {margin: 0;color: inherit;padding: 0;font-size: 100%;text-decoration: none;vertical-align: baseline;background: transparent;}
a:link{transition: .3s;}
a:link:hover{opacity: 0.7;cursor: pointer;}
table {border-collapse: collapse;border-spacing: 0; }
em, b {font-style: normal; }
img {max-width: 100%;vertical-align: bottom;}
hr {display: block;height: 1px;margin: 0;padding: 0;border: 0;outline: 0; }
input, select {vertical-align: middle;}

@media screen and (max-width:1366px) {
  html {
    font-size: calc(1000vw / 1366);
  }
}

@media screen and (max-width:750px) {
  html {
    font-size: calc(1000vw / 750);
  }
}
/* @media screen and (max-width:600px) {
  html {
    font-size: calc(1000vw / 600);
  }
} */
/* ///////////////
common
/////////////// */
.sec_inner {
    max-width: 120rem;
    margin: 0 auto;
}
.sec_ttl {
    margin: 8.6rem 0 5rem 0;
}
@media screen and (max-width: 768px) {
.sec_inner {
    padding: 0 4.75rem;
}
}
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}
@media screen and (min-width: 750px){   
      .pc { display:block; }
      .sp { display:none; }
    }
    @media screen and (max-width: 750px){   
      .pc { display:none; }
      .sp { display:block; }
    }
/* mv */
.mv{
    background: url(assets/img/base_pc.png) center/cover no-repeat;
    height: 73.6rem;
}
.mv .mainmv {
    margin: 0 auto;
    max-width: 120rem;
}
@media screen and (max-width:750px) {
.mv {
    background: none;
    height: 99rem;
}
.mv .mainmv .header_sp {
    height: 6.8rem;
    padding: 1rem 5.6rem;
    width: 30%;
    margin: 0 auto;
}
.mv .mainmv {
    background-color: #E9F0FF;
}
}
/* ttl */
.ttl .sec_inner .sec_ttl .main_ttl {
    max-width: 70%;
    margin: 0 auto;
}
.ttl .sec_inner .sec_ttl .read {
    text-align: center;
}
@media screen and (max-width:750px) {
.ttl .sec_inner .sec_ttl {
    margin: 6rem 0 10rem 0;
}
.ttl .sec_inner .sec_ttl .main_ttl {
    max-width: 100%;
}
.ttl .sec_inner .sec_ttl .read {
    font-size: 4rem;
}
}
/* feature */
.feature {
    background-color: rgba(0,150,223,0.07);
    margin: 8.6rem 0;
    width: 100%;
}
.feature .sec_feature {
    background: url(assets/img/logo_mark_pc.png) 22% 30%/40% no-repeat;
}
.feature .sec_feature .sec_inner .sec_ttl .feature_des {
    padding: 8.6rem 0;
}
.feature .sec_feature .sec_inner .sec_ttl .feature_des dt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px 28rem;
}
.feature .sec_feature .sec_inner .sec_ttl .feature_des span,.product .sec_inner .sec_ttl p,.product_order .sec_inner .sec_ttl p {
    font-weight: 700;
    font-size: 5rem;
    text-align: center;
    color: #00469B;
}
.feature .sec_feature .sec_inner .sec_ttl .feature_des dl dt img {
    width: 10%;
    height: 5%;
}
.feature .sec_feature .sec_inner .sec_ttl .feature_des dl dd {
    text-align: center;
}
.feature .sec_feature .sec_inner .sec_ttl .feature_des dl dd img {
    margin: 5rem 5rem 2rem 45rem;
    width: 23%;
}
.feature .sec_feature .sec_inner .sec_ttl .feature_des dl dd p {
    font-size: 3rem;
}
@media screen and (max-width:750px) {
.feature .sec_feature {
    background: url(assets/img/logo_mark_sp.png) -247% 55%/90% no-repeat;
}
.feature .sec_feature .sec_inner .sec_ttl .feature_des dt {
    padding: 0 1rem;
}
.feature .sec_feature .sec_inner .sec_ttl .feature_des dl dd img {
    margin: 4rem 0 2rem 14rem;
    width: 55%;
}
.feature .sec_feature .sec_inner .sec_ttl .feature_des dl dd p {
    font-size: 4rem;
}
.feature .sec_feature .sec_inner .sec_ttl .feature_des {
    padding: 8.6rem 0 10rem 0;
}
}
/* product */
.product {
    margin-bottom: 8.6rem;
}
.product .sec_inner .main_feature,.product_order .sec_inner .main_feature {
    margin-bottom: 5rem;
}
.product .sec_inner .main_feature ul,.product_order .sec_inner .main_feature ul {
    display: flex;
    justify-content: space-between;
}
.product .sec_inner .sub_read,.product_order .sec_inner .sub_read {
    font-size: 2rem;
    line-height: 2;
    padding: 0 37rem;
}
@media screen and (max-width:750px) {
.product {
    margin-bottom: 10.2rem;
}
.product .sec_inner .sec_ttl,.product_order .sec_inner .sec_ttl {
    margin: 10rem 0 3.2rem 0;
}
.product .sec_inner .main_feature ul,.product_order .sec_inner .main_feature ul {
    flex-wrap: wrap;
}
.product .sec_inner .main_feature li:nth-child(1),.product_order .sec_inner .main_feature li:nth-child(1) {  
    padding-left: 16.5rem;
}
.product .sec_inner .main_feature li,.product_order .sec_inner .main_feature li {
    max-width: 47%;
}
.product .sec_inner .main_feature,.product_order .sec_inner .main_feature {
    margin-bottom: 3.4rem;
}
.product .sec_inner .sub_read,.product_order .sec_inner .sub_read {
    font-size: 2.8rem;
}
.product .sec_inner .sub_read, .product_order .sec_inner .sub_read {
    padding: 0;
}
}
/* sub_des */
.sub_des .sec_sub_des {
    background-color: #FFE600;
    height: 18.4rem;
}
.sub_des .sec_sub_des .sec_inner dl {
    position: relative;
}
.sub_des .sec_sub_des .sec_inner dl dt {
    max-width: 47%;
    position: absolute;
    padding: 3rem 2rem 2rem 10rem;

}
.sub_des .sec_sub_des .sec_inner dd {
    position: absolute;
    top: -10rem;
    right: 14rem;
    max-width: 29%;
}
@media screen and (max-width:750px) {
.sub_des .sec_sub_des {
    height: 31.4rem;
}
.sub_des .sec_sub_des .sec_inner dl dt {
    padding: 5rem 0 2rem 0;
    z-index: 99;
}
.sub_des .sec_sub_des .sec_inner dd {
    top: -4rem;
    right: -1rem;
    max-width: 62%;
}
}
/* quality */
.quality .sec_quality {
    background: url(assets/img/seiaiha_pc.png) 54%/cover no-repeat;
}
.quality .sec_quality .sec_inner .main_quality {
    display: flex;
    justify-content: space-around;
    text-align: center;
    align-items: center;
    padding: 17.2rem 5rem ;
}
.quality .sec_quality .sec_inner .main_quality .txt_erea {
    box-sizing: border-box;
    padding-bottom: 1.6rem;
}
.quality .sec_quality .sec_inner .main_quality .txt_erea dt{
    font-weight: bold;
    color: #00469B;
    line-height: 1.4;
    font-size: 4rem;
    text-align: left;
}
.quality .sec_quality .sec_inner .main_quality .txt_erea dd {
    font-size: 2rem;
    line-height: 1.6;
    text-align: left;
}
.kaijiru_imgerea {
    max-width: 100%;
}
@media screen and (max-width:1266px) {
.quality .sec_quality .sec_inner .main_quality {
    padding: 17.2rem 0rem;
}
.quality .sec_quality .sec_inner .main_quality .movie_erea {
    padding-right: 3rem;
}
.quality .sec_quality .sec_inner .main_quality .movie_erea iframe {
    width: 448px;
    height: 252px;
}
.quality .sec_quality .sec_inner .main_quality .txt_erea dt {
    font-size: 3.8rem;
}
}
@media screen and (max-width:750px) {
.quality .sec_quality {
    background: url(assets/img/seigaiha_sp.png) 17%/cover no-repeat;
}
.quality .sec_quality .sec_inner .main_quality {
    display: block;
}
.quality .sec_quality .sec_inner .main_quality {
    padding: 17rem 0 9rem 0;
}
.quality .sec_quality .sec_inner .main_quality .movie_erea {
    padding-right: 0;
}
.quality .sec_quality .sec_inner .main_quality .movie_erea iframe {
    width: 100%;
    height: 315px;
}
.quality .sec_quality .sec_inner .main_quality .txt_erea dt p {
    text-align: center;
    font-size: 4rem;
}
.quality .sec_quality .sec_inner .main_quality .txt_erea p {
    text-align: center;
    font-size: 2.8rem;
    margin-top: 3.4rem;
}
}
/* product_order */
.product_order .sec_inner .mainbtn {
    display: flex;
    justify-content: space-around;
    padding: 0px 10rem;
}
.btn img:hover {
    opacity: 0.5;
    color: #fff;
}

.subbtn img:hover {
    opacity: 0.5;
    color: #fff;
}

.product_order .sec_inner .btn,.product_order .sec_inner .subbtn {
    margin: 0 auto;
    max-width: 43%;
    padding: 8.6rem 0;
}

@media screen and (max-width:750px) {
.product_order .sec_inner .mainbtn {
    display: block;
    padding: 0;
}

.product_order .sec_inner .btn {
    max-width: 100%;
    padding: 10rem 0 0 0;
}
.product_order .sec_inner .subbtn {
    max-width: 100%;
    padding: 4rem 0 9.6rem 0;
}
}
/* footer */
.footer_main {
    padding: 5rem 0 ;
    background-color: #E9F0FF;
}
.footer_main .footer_logo,.footer_main .footer_txterea {
    
    padding-bottom: 1.6rem;
}
.footer_main .footer_logo {
    width: 15%;
    margin: 0 auto;
}
.footer_main .footer_txterea {
    color: #00469B;
    line-height: 1.6;
    text-align: center;
    padding: 1.6rem 0;
    font-size: 2rem;
    letter-spacing: 0.1em;
}
@media screen and (max-width:750px) {
.footer_main .footer_logo  {
    height: 6.8rem;
    padding: 1rem 5.6rem 0 5.6rem;
    width: 30%;
}  
.footer_main {
padding: 2.4rem 0;
}
}