@charset "UTF-8";
/* realsizevision.css */


section.main{ margin-top:68px;}

@media (max-width: 767px) {
section.main{ margin-top:64px;}
}



.ttl{ background:url(../images/realsizevision/main_bg.jpg) no-repeat top center; background-size:cover; height:368px;}
.ttl .inner{ width:1320px; margin:0 auto; position:relative;}
.ttl .top_txt{ position:absolute; left:0; top:50px;}
.ttl .top_txt h1{ font-size:38px; font-weight:bold; color:#fff; margin-bottom:10px; text-align:left;}
.ttl .top_txt p{ font-size:19px; font-weight:bold; color:#FFF; text-align:left; line-height:1.8;}
.ttl .top_btn{ position:absolute; left:0; top:260px; width:200px;}
.ttl .top_btn a{ display:block; background:#ff8000; color:#fff; text-align:center; width:100%; line-height:50px; border-radius: 10px;	 -webkit-border-radius: 10px; -moz-border-radius: 10px;	 font-size:16px; font-weight:bold; position:relative; padding-left: 20px;}
.ttl .top_btn a:before{ position:absolute; content:""; width:22px; height:22px; background:url(../images/realsizevision/realsizevision_icon01.png) no-repeat top center; background-size:cover; top:0; bottom:0; margin:auto; left:10px;}
.ttl .top_img{ position:absolute; right:0; top:50px;}

@media (max-width: 1320px) {
.ttl .inner{ width:100%; position:relative;}
.ttl .top_txt{ position:absolute; left:20px; top:20;}
.ttl .top_img{ display:none;}
.ttl .top_btn{ left:20px; }
}


@media (max-width: 767px) {
.ttl{ height:auto;}
.ttl .inner{ width:100%;  position: inherit; overflow: hidden;}
.ttl .top_txt{ position: inherit; padding:40px 10px 40px;}
.ttl .top_txt h1{ font-size: 24px; font-size: 5vw;
    line-height: 1.4;}
.ttl .top_txt p{ font-size: 16px; font-size: 3.2vw;}
.ttl .top_txt br{ display:none;}
.ttl .top_btn{ position:inherit; margin: 0 0 20px 10px;}
.ttl .top_btn a{ line-height:40px; font-size:3.2vw;}
}




.contents{width:100%; margin:80px auto 40px; }
.contents02{width:100%; margin:80px auto 40px; background:#eee;}


.inner{ width:1320px; margin:0 auto; }
.contents02 .inner{ box-sizing:border-box; padding:80px 0;}

.tp-about-fig-dl div.rsvbox {
    background-color: #eee;
}



@media (max-width: 1320px) {
.contents,
.contents02{width:100%; padding-right: 15px;
    padding-left: 15px; box-sizing:border-box;   }
.inner{ width:100%; margin:0 auto; }
}

@media (max-width: 979px) {
.contents02 .inner{ padding:40px 0;}
}

@media (max-width: 767px) {
.contents{width:100%; margin:20px auto; display:block;
    padding-right: 15px;
    padding-left: 15px; box-sizing:border-box;   }
.contents p.date{  font-size: 3.2vw;}
.contents p{  font-size: 3.2vw;}
.contents p.news_txt{ line-height:1.8;}
.contents02{margin:40px auto 20px;}
.contents02 .inner{ padding:40px 0;}
}


.ttl-bar02 {
  display: flex;
  justify-content: center;
  -ms-flex-pack: center;
  align-items: center;
  height: 108px;
  line-height: 1.2;
  font-size: 32px;
  font-size: 2rem;
  font-weight: 900;
  background-color: #001952;
  color: #FFF;
  text-align: center; position:relative; padding-top: 10px; }

.ttl-bar02 span{ position:absolute; width:auto; line-height:40px; background:#eee; color:#001b55; font-size:14px; text-align:center; font-weight:bold; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px; top:-20px; padding:0 50px;}

.ttl-bar02:after {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
right:0;
margin:auto;
  border: 10px solid transparent;
  border-top: 10px solid #001952;
  width: 0;
  height: 0;
}

@media all and (-ms-high-contrast: none){
.ttl-bar02 span{ width:53%; left:0; right:0; margin:auto;}
}

@media (max-width: 1040px) and (-ms-high-contrast: none){
.ttl-bar02 span{ width:65%; left:0; right:0; margin:auto;}
}

@media (max-width: 979px) {
    .ttl-bar02 {
      font-size: 28px;
      font-size: 3.4vw;
      height: auto;
padding:40px 0 20px; } 
}
  @media (max-width: 767px) {
    .ttl-bar02 {
      font-size: 28px;
      font-size: 3.7333333333vw;
      height: auto;
padding:10px 0; line-height:1.8; } 
.ttl-bar02 span{ display: none; }
}
  @media screen and (max-width: 767px) and (orientation: landscape) {
    .ttl-bar02 {
      font-size: 28px;
      font-size: 2.1052631579vw; } }
  @media screen and (max-width: 767px) and (orientation: landscape) {
    .ttl-bar02 {
      height: 6.015037594vw; } }

.feature_box{ background:#fff; border-bottom:8px solid #c6c6c6; position:relative; margin-bottom:35px;}
.feature_box h3{ background:#001b54; line-height:95px; color:#fff; font-size:28px; font-weight:bold; text-align:left; padding-left:90px;}
.feature_box .circle{border-radius: 50%;
  height: 70px;
  width: 70px; position:absolute; background:#ff8000; text-align:center;     top: -20px;
    left: 15px;}
.feature_box .circle p{ color:#fff; font-weight:bold; font-size:29px; padding-top: 18px;}
.feature_box .circle p span{ font-size:15px; display:block; line-height:0;}
.feature_box .txt_area{ margin:40px 40px 120px 40px;}
.feature_box .txt_area li{ text-align:left; font-size:18px; color:#111; line-height:2; position:relative; padding-left:30px;}
.feature_box .txt_area li:before{ content:""; width:20px; height:20px; background:url(../images/realsizevision/realsizevision_icon02.png) no-repeat; background-size:cover; position: absolute;
    top: 0;
    bottom: 0;
    margin: auto; left: 0;}
.feature_box .movie{ position:absolute; width:40%; height:280px; top:30px; right:20px;}

.feature_box .movie iframe {
    width: 100%;
    height: 100%;
}

.feature_btn{ width:1050px; margin:0 auto ; display:flex; justify-content:space-between;}
.feature_btn li{ width:500px;}
.feature_btn li a{ border:1px solid #ccc; background:#fff; display:block; line-height:90px; color:#001b54; text-align:center; font-weight:bold; font-size:24px; border-radius: 45px; -webkit-border-radius: 45px; -moz-border-radius: 45px;}
.feature_btn li a:after{}

@media only screen and (min-width: 1170px) and (max-width: 1270px) {
.feature_box .movie{ width:35%; }
}

@media only screen and (min-width: 1090px) and (max-width: 1170px) {
.feature_box .movie{ width:30%; }
.feature_btn{ width:100%;}
}

@media only screen and (min-width: 1046px) and (max-width: 1090px) {
.feature_box .movie{ width:27%; }
.feature_btn{ width:100%;}
}

@media (max-width: 1046px) {
.feature_box{ padding-bottom:30px;}
.feature_box .txt_area{ margin:20px ;}
.feature_box .movie{ position: inherit; width:90%; height:280px; display:block; margin:0 auto; top:auto; right:auto; margin-bottom:20px;}
.feature_btn{ width:100%; }
.feature_btn li{ width:49%;}
.feature_btn li a{font-size:20px;}
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
.feature_box{ padding-bottom:30px;}    
.feature_box .txt_area{ margin:20px ;}    
.feature_box .movie{ position: inherit; width:90%; height:280px; display:block; margin:0 auto; top:auto; right:auto; margin-bottom:20px;}
.feature_btn{ width:100%; }
.feature_btn li{ width:49%;}
.feature_btn li a{font-size:20px;}    
} 


@media (max-width: 767px) {
.feature_box{ padding-bottom:20px;}
.feature_box h3{ font-size:3.8vw; line-height:1.8; padding:10px 10px 10px 70px;}
.feature_box .circle{
  height: 50px;
  width: 50px; }
.feature_box .circle p{ font-size:4.8vw; padding-top: 15px; }
.feature_box .circle p span{ font-size:3.2vw; padding-bottom:5px;}
.feature_box .txt_area{ margin:20px 20px 20px 20px;}
.feature_box .txt_area li{ font-size:3.2vw; padding-left:25px;}
.feature_box .txt_area li:before{ content:""; width:18px; height:18px; background:url(../images/realsizevision/realsizevision_icon02.png) no-repeat; background-size:cover; position: absolute;
    top: 2px;
    bottom: 0;
    margin: inherit; left: 0;}
.feature_box .movie{ position: inherit; width:90%; height:180px; }
.feature_btn{ width:100%; display:block; }
.feature_btn li{ width:100%; display:block;}
.feature_btn li a{font-size:3.8vw; line-height:1.8; padding:20px 0; margin:10px 0;}
}


.guide .imgcenter{ text-align:center; margin:30px 0;}
.guide .imgcenter p{ text-align:center;}

.guide .txt01{ text-align:center; font-size:32px; font-weight:700; color:#001b54; line-height:1.8;}

.guide .guidebox01{ width:100%; border:5px solid #d00000; box-sizing:border-box; position:relative; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; margin:80px 0 40px; box-sizing:border-box; padding:50px 40px;}
.guide .guidebox01 h3{ position:absolute; background:#d00000; color:#fff; font-size:24px; font-weight:bold; text-align:center; line-height:66px; border-radius: 33px; -webkit-border-radius: 33px; -moz-border-radius: 33px; width:280px; top:-30px; right:0; left:0; margin:auto;}

.guide .guidebox01 .guidelist{ display:flex; flex-wrap: wrap; justify-content:center;}
.guide .guidebox01 .guidelist li{ width:385px; background:#f78a47;  box-sizing:border-box; padding-left:80px; height:125px; position:relative; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; margin:15px 10px; box-shadow: 0px 9px 3px -3px rgba(212,212,212,1);
  -webkit-box-shadow: 0px 9px rgba(212,212,212,1);
  -moz-box-shadow: 0px 9px 3px -3px rgba(212,212,212,1);}
.guide .guidebox01 .guidelist li:before{ content:""; width:30px; height:30px; background: url(../images/realsizevision/realsizevision_icon03.png) no-repeat; background-size:cover; position:absolute; top:0; bottom:0; margin:auto; left:30px;}
.guide .guidebox01 .guidelist li p{color:#fff; font-weight:600; text-align:left; font-size:20px; position: absolute;
  top: 50%;
  -webkit-transform : translateY(-50%);
  transform : translateY(-50%);}

.guide .guidebox02{ width:100%; border:5px solid #001b54; box-sizing:border-box; position:relative; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; margin:80px 0 40px; box-sizing:border-box; padding:50px 50px; display:flex; justify-content:space-between;}

.guide .guidebox02 .price01{ width:550px;}
.guide .guidebox02 .price02{ width:640px;}
.guide .guidebox02 h3{ font-size:20px; font-weight:bold; text-align:left; color:#001b54; margin-bottom:10px;}
.guide .guidebox02 h3 span{ font-size:16px;}
.guide .guidebox02 table{ width:100%; border-collapse: separate; border-spacing:0px 1px; margin-bottom:10px;}
.guide .guidebox02 table th{ background:#001b54; color:#fff; font-size:18px; text-align:left; padding-left:20px; font-weight:400; box-sizing:border-box; line-height:67px; width:260px;}
.guide .guidebox02 table td{ color:#111; text-align:right; padding-right:20px; box-sizing:border-box; line-height:67px; background:#eeeeee; font-weight:400;}
.guide .guidebox02 .txt01{ font-size:16px; color:#111; text-align:left;}

.guide_btn{ width:510px; margin:20px auto ; }
.guide_btn a{ border:1px solid #ccc; background:#fff; display:block; line-height:90px; color:#001b54; text-align:center; font-weight:bold; font-size:24px; border-radius: 45px; -webkit-border-radius: 45px; -moz-border-radius: 45px;}
.guide_btn a:after{}

@media (max-width: 979px) {
.guide .txt01{ font-size:3.4vw; }
.guide .guidebox01 .guidelist li{ width:46%; }
.guide .guidebox01 .guidelist li p{ font-size:18px;}
.guide .guidebox02{margin:40px 0 20px; padding:25px; display:block;}
.guide .guidebox02 .price01{ width:100%; display:block; margin-bottom:20px;}
.guide .guidebox02 .price02{ width:100%; display:block;}
.guide_btn{ width:60%; margin:20px auto; }
.guide_btn a{ font-size:18px;}
}

@media only screen and (min-width: 1025px) and (max-width: 1320px) {
.guide .guidebox02 .price01{ width:48%; display:block;}
.guide .guidebox02 .price02{ width:48%; display:block;}    
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
.guide .guidebox02{margin:40px 0 20px; padding:25px; display:flex;}
.guide .guidebox02 .price01{ width:48%; display:block; }
.guide .guidebox02 .price02{ width:48%; display:block;}
.guide .guidebox01 table th,
.guide .guidebox02 table th{ width:40%;  font-size:13px; line-height:1.8; padding:20px 10px;}
.guide .guidebox01 table td,
.guide .guidebox02 table td{ font-size:13px; line-height:1.8; padding:20px 10px;}
.guide_btn{ width:60%; margin:20px auto; }
.guide_btn a{ font-size:18px;}    
}

@media (max-width: 767px) {
.guide{ padding-top:10px;}
.guide .guidebox01{ margin:40px 0 20px; padding:25px 20px;}
.guide .guidebox01 h3{ font-size:3.8vw; line-height:40px; border-radius: 33px; -webkit-border-radius: 33px; -moz-border-radius: 33px; width:70%; top:-20px; right:0; left:0; margin:auto;}
.guide .guidebox01 .guidelist li{ width:85%; height:80px; margin:15px 10px; padding-left:70px;}
.guide .guidebox01 .guidelist li:before{ content:""; width:20px; height:20px; background: url(../images/realsizevision/realsizevision_icon03.png) no-repeat; background-size:cover; position:absolute; top:0; bottom:0; margin:auto; left:30px;}
.guide .guidebox01 .guidelist li p{font-size:3.2vw; }
.guide .guidebox02 h3{ font-size:3.8vw; }
.guide .guidebox02 h3 span{ font-size:3.2vw;}
.guide .guidebox02 table th{ font-size:3.2vw; width:100%; display:block; line-height:2.0; padding:10px;}
.guide .guidebox02 table td{ font-size:3.2vw; width:100%; display:block; line-height:2.0; padding:10px;}
.guide .guidebox02 .txt01{ font-size:3.2vw;}
.guide_btn{ width:100%; margin:10px auto ; }
.guide_btn a{ line-height:1.8; font-size:3.8vw; padding:20px 0;}
}

.option .optionbox01{ display:flex; justify-content:space-between;  flex-wrap: wrap; margin-bottom:40px;}
.option .optionbox01 .box{ width:640px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background:#fff; box-sizing:border-box; box-shadow: 0px 9px 3px -3px rgba(212,212,212,1);
  -webkit-box-shadow: 0px 9px rgba(212,212,212,1);
  -moz-box-shadow: 0px 9px 3px -3px rgba(212,212,212,1); display: block;
  position: relative;
  margin-bottom: 20px;
padding-bottom:80px;}

.option .optionbox01 .box .ribbon{
  display: inline;
  position: relative;
  box-sizing: border-box;
  padding: 20px 15px;
  margin: 0 0 0 -20px;
  width: calc(100% + 20px);
  font-size: 16px;
  color: #fff;
  background: #ff8000;
font-weight:bold;
top: -57px;
}
.option .optionbox01 .box .ribbon:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px #c66300;
}

.option .optionbox01 .box h3{ background:#001b54; text-align:center; font-size:26px; font-weight:bold; line-height:90px; color:#fff;
border-radius: 10px 10px 0 0 / 10px 10px 0 0;
-webkit-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0 / 10px 10px 0 0;}

.option .optionbox01 .box h4{ text-align:center; color:#001b54; font-size:24px; margin-bottom:20px; font-weight:600;}
.option .optionbox01 .box p{ font-size:16px; text-align:left; margin:0 40px; font-weight:600; line-height:1.8;}
.option  .txt01{ text-align:center; font-size:32px; font-weight:700; color:#001b54; line-height:1.8; margin-bottom:40px;}

.option_btn{ width:1050px; margin:0 auto ; display:flex; justify-content:space-between;}
.option_btn li{ width:500px;}
.option_btn li a{ border:1px solid #ccc; background:#fff; display:block; line-height:90px; color:#001b54; text-align:center; font-weight:bold; font-size:24px; border-radius: 45px; -webkit-border-radius: 45px; -moz-border-radius: 45px;}
.option_btn li a:after{}


@media only screen and (min-width: 1024px) and (max-width: 1320px) {
.option .optionbox01{ }
.option .optionbox01 .box{ width:48%; }
.option  .txt01{ font-size:32px; margin-bottom:20px;}
.option_btn{ width:100%;  }
.option_btn li{ width:49%;}
}

@media only screen and (min-width: 979px) and (max-width: 1024px) {
.option .optionbox01{ }
.option .optionbox01 .box{ width:48%; }
.option  .txt01{ font-size:3.4vw; margin-bottom:20px;}
.option_btn{ width:100%;  }
.option_btn li{ width:49%;}
}

@media (max-width: 979px) {
.option .optionbox01{ display:block;}
.option .optionbox01 .box{ width:90%; margin:0 auto 20px; }
.option  .txt01{ font-size:3.4vw; margin-bottom:20px;}
.option_btn{ width:100%;  }
.option_btn li{ width:49%;}
}

@media (max-width: 767px) {
.option .optionbox01 .box{ padding-bottom:20px;}

.option .optionbox01 .box .ribbon{
  padding: 15px 8px;
  font-size: 2.8vw;
top: -43px;
}
.option .optionbox01 .box h3{ font-size:3.8vw; font-weight:bold; line-height:60px; }
.option .optionbox01 .box h4{ font-size:3.8vw; }
.option .optionbox01 .box p{ font-size:3.2vw; margin:0 20px; }
.option  .txt01{ font-size:3.4vw; margin-bottom:20px;}
.option_btn{ width:100%; display:block; }
.option_btn li{ width:100%; display:block; margin:10px auto;}
.option_btn li a{ line-height:1.8; font-size:3.8vw; padding:20px 0;}
}



.support h3{ text-align:center; font-size:32px; line-height:1.8; font-weight:600; color:#001b54; margin-bottom:40px;}
.support_box{ display:flex; justify-content:space-between; margin-bottom:40px;}
.support_box .txtbox{width:650px;}
.support_box .txtbox h4{ font-size:20px; text-align:left; color:#001b54; font-weight:bold; margin-bottom:10px;}
.support_box .txtbox p{ color:#111; line-height:1.8; text-align:left; font-size:16px;}
.support_box .imgbox{width:630px; display:flex; justify-content:space-between;}

.support_box02{ width:100%; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; background:#fff; box-sizing:border-box; box-shadow: 0px 9px 3px -3px rgba(212,212,212,1);
  -webkit-box-shadow: 0px 9px rgba(212,212,212,1);
  -moz-box-shadow: 0px 9px 3px -3px rgba(212,212,212,1); display: block;
  position: relative;
  margin-bottom: 40px;
padding-bottom:30px;
}

.support_box02 h3 {
    display: flex;
    justify-content: center;
    -ms-flex-pack: center;
    align-items: center;
    height: 95px;
    line-height: 95px;
    font-size: 26px;
    font-weight: 900;
    background-color: #001952;
    color: #FFF;
    text-align: center;
    position: relative;
    border-radius: 10px 10px 0 0 / 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0 / 10px 10px 0 0;
}

.support_box02 h3:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 0;
    right: 0;
    margin: auto;
    border: 10px solid transparent;
    border-top: 10px solid #001952;
    width: 0;
    height: 0;
}

.support_box02 p{ font-size:16px; text-align:center; font-weight:600; line-height:1.8; margin:10px 0;}

.support_box03{ width:100%; background:#fff; box-sizing:border-box; box-shadow: 0px 9px 3px -3px rgba(212,212,212,1);
  -webkit-box-shadow: 0px 9px rgba(212,212,212,1);
  -moz-box-shadow: 0px 9px 3px -3px rgba(212,212,212,1); 
  margin-bottom: 20px;
padding:60px; display:flex;  justify-content:space-between; flex-direction: row-reverse;
}

.support_box03 .imgbox{ width:180px; text-align:center; display:block; }
.support_box03 .imgbox img{ margin-bottom:10px;}
.support_box03 .imgbox p{ color:#001b54; font-size:16px;}
.support_box03 .txtbox{ width:950px;}
.support_box03 .txtbox h3{font-size:28px; font-weight:bold; margin-bottom:20px; color:#001b54; text-align:left; line-height:1;}
.support_box03 .txtbox p{ font-size:16px; color:#111; text-align:left; line-height:1.8;}

@media only screen and (min-width: 979px) and (max-width: 1024px) {
.support_box03 .imgbox{ width:30%; margin-right:20px; }
}
@media (max-width: 979px) {
.support h3{ font-size:3.4vw; margin-bottom:20px;}
.support_box{ display:block; margin-bottom:20px; }
.support_box .imgbox{ width:90%; margin: 20px auto; }
.support_box .txtbox{width:100%;}
.support_box02 h3 { font-size:3.4vw; line-height: 1.8; padding:10px 0; height: auto;}
.support_box03{ margin-bottom: 20px;
padding:20px; display:flex;  justify-content:space-between;
}
.support_box03 .imgbox{ width:30%; margin-right:20px; }
.support_box03 .txtbox h3{font-size:3.4vw; line-height:1.8;}
}

@media (max-width: 767px) {
.support_box .txtbox h4{ font-size:3.8vw; }
.support_box .txtbox p{ font-size:3.2vw;}
.support_box .imgbox{ width:95%; margin: 20px auto; }
.support_box02{   position: relative;
  margin-bottom: 20px;
padding-bottom:15px;
}
.support_box02 p{ font-size:3.2vw; }
.support_box03{flex-direction: row; display:block;}
.support_box03 .imgbox{ width:50%; display:block; margin:20px auto 10px;  }
.support_box03 .imgbox p{ font-size:3.2vw;}
.support_box03 .txtbox{ width:100%; display:block; }
.support_box03 .txtbox h3{font-size:3.8vw; margin-bottom:10px;}
.support_box03 .txtbox p{ font-size:3.2vw; }
}