@charset "Shift_JIS";

/**
 -----Object/Project Style-----
 01.reset
 02.common
 03.header
 04.item
 05.notes
 06.btn
 07.pagetop
 08.footer
 09.hack
 10.responsive
 ------------------------------
**/


/*** reset ***/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote {margin:0;padding:0;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;font-size:100%;line-height:1;}
fieldset, img {border:0;}
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal;font-weight:normal;}
ol, ul {list-style:none;}
table {margin:0;}
abbr, acronym {border:none;}
a {outline-width:0;color:#dd0000;}
a:hover{color:#a70000;}
input, textarea {font-size:120%;}
select {
  -moz-appearance:none;
  -webkit-appearance:none;
  appearance:none;
  border-radius:0;
  border:0;
  margin:0;
  padding:0;
  background:none transparent;
  vertical-align:middle;
  font-size:inherit;
  color:inherit;
  box-sizing:content-box;
}
form {
  overflow:hidden;
}

/*** common ***/
.ie6_error, .noScript {
  background:#F66;
  padding:30px;
  text-align:center;
  font-size:150%;
  color:#333;
}
body {
  background:url("../img/body_bg.gif") repeat 0 0;
}
.inner {
  width:850px;
  margin:0 auto;
  padding:30px;
  overflow:hidden;
}
#localbody {
  font-family:"FOT-セザンヌ Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Osaka",Verdana,"ＭＳ Ｐゴシック","MS P Gothic",Arial,Helvetica,sans-serif;
  position:relative;
}
#localbody i {
  font-family:"Font Awesome 5 Free";
  font-weight:900;
  margin-left:15px;
}
#localbody .image {
  text-align:center;
  margin:15px auto;
}
#localbody .header,
#localbody .footer {
  background:url("../img/header_bg.gif") repeat 0 0;
  padding:30px 0;
}


/*** header ***/
#localbody .header {
  width:100%;
  margin:0 auto;
  text-align:center;
}
#localbody .header h1 {
  width:18rem;
  margin:0 auto;
  padding:15px 0;
  font-size:24px;
  font-weight:bold;
  color:#fff;
  line-height:1.4;
  border-top:2px dashed #fff;
  border-bottom:2px dashed #fff;
  letter-spacing:1px;
}
#localbody .header h2 {
  margin:30px auto 15px auto;
  padding:15px 0;
  font-size:60px;
  font-weight:bold;
  color:#fff;
  line-height:1.2;
  letter-spacing:1px;
  text-shadow:0 0 3px rgba(0,0,0,0.3);
}


/*** item ***/
.item {
  width:100%;
  margin:30px auto;
  text-align:center;
}
.item h3 {
  margin:0 auto;
  padding:15px 0;
  font-size:30px;
  font-weight:bold;
  color:#fff;
  line-height:1.4;
  letter-spacing:1px;
  text-shadow:0 0 3px rgba(0,0,0,0.3);
  background:url("../img/header_bg.gif") repeat 0 0;
}
.item h3 br {
  display:none;
}
.item h3 small {
  font-size:16px;
  letter-spacing:0;
  margin:0 15px 0 15px;
}
.item h3 img {
  vertical-align:middle;
  line-height:0;
}
.item h3.fst {
  background:none;
  color:#f7941d;
  text-shadow:unset;
}
.manga {
  margin-top:30px;
}
.manga img {
  display:block;
  text-align:center;
  margin:0 auto 15px auto;
}
.manga img:last-child {
  margin:0 auto 0 auto;
}
p.expo {
  font-size:22px;
  letter-spacing:1px;
  line-height:1.4;
  color:#333333;
}
ul.step {
  display:flex;
}
ul.step li {
  margin:0 30px;
  position:relative;
  background-color:#ffffff;
  box-shadow:0 0 5px rgba(0,0,0,0.1);
  padding:15px;
}
ul.step li:after {
  content:url("../img/step_arrow.gif");
  position:absolute;
  right:-45px;
  bottom:50%;
  top:50%;
}
ul.step li:last-child:after {
  content:unset;
}
ul.step li img {
  
}
ul.choice {
  width:80%;
  overflow:hidden;
  margin:15px auto;
}
ul.choice:nth-child(odd) li.pht {
  float:right;
}
ul.choice li {
  float:left;
}
ul.choice li.pht {
  width:40%;
}
ul.choice li.pht img {
  
}
ul.choice li.tit {
  width:60%;
  color:#4da621;
  font-size:36px;
  font-weight:bold;
  letter-spacing:1px;
  text-align:left;
}
ul.choice li.det {
  width:60%;
  color:#333333;
  font-size:16px;
  letter-spacing:1px;
  text-align:left;
  line-height:1.4;
}
ul.choice li.det small {
  display:block;
}
ul.impression {
  display:flex;
}
ul.impression li {
  background-color:#fff4e7;
  border-radius:15px;
  padding:30px;
  word-break:break-word;
  margin:15px;
  text-align:justify;
}
ul.impression li span {
  display:inline-block;
  font-size:90%;
}
.merit {
  
}
.merit img {
  
}
.merit ul.merit_box {
  width:560px;
  margin:30px auto;
}
.merit ul.merit_box li {
  text-align:left;
  font-size:17px;
  font-weight:bold;
  color:#444444;
  text-indent: -1em;
  margin: 0 0 10px 1em;
  line-height: 1.4;
}
.merit p.det {
  font-size:17px;
  font-weight:bold;
  color:#444444;
  margin:30px auto;
  line-height: 1.4;
}
.merit h4 {
  color:#d71223;
  font-size:24px;
  font-weight:bold;
  letter-spacing:2px;
  line-height: 1.4;
}
ul.inqflow {
  overflow: hidden;
  padding: 0 5px;
}
ul.inqflow li {
  width:230px;
  float:left;
  position:relative;
  background-color:#ffffff;
  box-shadow:0 0 5px rgba(0,0,0,0.1);
  padding:15px;
  margin:15px 30px 15px 0;
}
ul.inqflow li:last-child {
  float:right;
  margin:15px 0 15px 0;
}
ul.inqflow li.inqflow1:before {
  content:url("../img/inqflow1.png");
  position: absolute;
  left: 0;
  top: 0;
}
ul.inqflow li.inqflow2:before {
  content:url("../img/inqflow2.png");
  position: absolute;
  left: 0;
  top: 0;
}
ul.inqflow li.inqflow3:before {
  content:url("../img/inqflow3.png");
  position: absolute;
  left: 0;
  top: 0;
}
ul.inqflow li.inqflow2 a {
  text-indent:-9999px;
}
ul.inqflow li.inqflow2 a.apple {
  display:inline-block;
  overflow:hidden;
  background:url("https://linkmaker.itunes.apple.com/ja-jp/badge-lrg.svg?releaseDate=2015-11-12&kind=iossoftware&bubble=ios_apps") no-repeat;
  width:128px;
  height:38px;
  margin:0;
  background-size:contain;
}
ul.inqflow li.inqflow2 a.android {
  display:inline-block;
  overflow:hidden;
  background:url("https://play.google.com/intl/us-en/badges/images/generic/ja_badge_web_generic.png") no-repeat;
  width:128px;
  height:57px;
  margin:0;
  background-size:contain;
}
ul.inqflow li ul {
  
}
ul.inqflow li ul li {
  background:none;
  box-shadow:none;
  padding:0;
  margin:0;
}
ul.inqflow li p.tit {
  font-size:22px;
  color:#d71223;
  font-weight:bold;
  line-height: 1.4;
  margin: 45px 0 0 0;
}
ul.inqflow li p.det {
  padding:30px 0;
}
ul.inqflow li p.det .tbe {
  display:table;
}
ul.inqflow li p.det .tbe span {
  display:table-cell;
  vertical-align:middle;
}
ul.inqflow li p.det .tbe span img {
  
}
ul.inqflow li p.det .tbe span a {
  
}
ul.inqflow li span.nte {
  display:inline-block;
  text-indent:-1em;
  margin:0 0 0 1em;
  text-align:left;
  font-size:12px;
  color:#555555;
  line-height:1.4;
}
p.tel {
  background-color:#ffffff;
  box-shadow:0 0 5px rgba(0,0,0,0.1);
  padding:15px;
  margin:45px 5px 15px 5px;
}
p.tel b {
  font-size: 30px;
  letter-spacing:1px;
}
p.tel small {
  
}
p.tel span.time{
  font-size: 16px;
  display: block;
}


/*** notes ***/
ul.notes {
  width:710px;
  margin:15px auto;
  font-size:80%;
}
ul.notes li {
  text-indent:-1em;
  margin:0 0 0 1em;
  line-height:1.6;
  color:#666666;
}
ul.notes.fr {
  width:auto;
  margin:0 1em;
}
ul.notes.fr li {
  color:#ff0000;
}


/*** btn ***/
.btn {
  width:30rem;
  margin:30px auto;
}
.btn a {
  margin:0 auto;
  color:#ffffff;
  display:block;
  text-align:center;
  text-decoration:none;
  padding:10px;
  font-weight:bold;
  border-radius:60px;
  background-color:#d71223;
  font-size:30px;
  box-shadow:0 0 10px rgba(255,255,255,0.8);
  border:2px solid #ffffff;
}
.btn a:hover {
  color:#fffc00;
  box-shadow:0 2px 5px rgba(0,0,0,.1),0 2px 30px rgba(0,0,0,.1);
  transition:.3s !important;
}
.btn a img {
  height:40px;
  vertical-align:middle;
  margin:0 15px 0 15px;
}
.btn.indi {
  width:60%;
}
a.btn {
  width: auto;
  margin:0 auto;
  color:#ffffff;
  display:block;
  text-align:center;
  text-decoration:none;
  padding:10px;
  font-weight:bold;
  border-radius:60px;
  background-color:#d71223;
  font-size:12px;
}
a.btn i {
  margin-right:10px;
}
a.btn:hover {
  color:#fffc00;
  box-shadow:0 2px 5px rgba(0,0,0,.1),0 2px 30px rgba(0,0,0,.1);
  transition:.3s !important;
}
.btn.manual {
  
}
.btn.manual a[href$=".pdf"] {
  background-color:#f7941d;
  background-image:url("../img/icn_pdf.png");
  background-repeat:no-repeat;
  background-position:95% 50%;
  background-size:38px;
  border:none;
}


/*** pagetop ***/
#pagetop {
  bottom:10px;
  padding:0 15px 0 15px;
  position:fixed;
  right:3%;
  bottom:5%;
  font-size:100%;
  z-index:20;
  border-radius:6px;
}
#pagetop a {
  color:#333333;
  text-decoration:none;
  padding:15px;
  display:block;
  background-color:#ffffff;
  text-align:center;
  box-shadow:0 0 2px rgba(0,0,0,0.3);
  border-radius:25px 25px 0px 25px;
}
#pagetop a:hover {
  color:#f7941d;
  text-decoration:underline;
}
#pagetop a i {
  margin-left:0;
}


/*** footer ***/
.footer {
  
}
.footer p.copyright {
  padding:0;
  clear:both;
  font-size:80%;
  text-align:center;
  color:#ffffff;
  letter-spacing:1px;
}


/*** hack ***/
/*IE11以上*/
@media all and (-ms-high-contrast:none){
  .navibox ul li {
    float:left;
  }
  .navibox ul li a {
    width:129px;
  }
}
/*edge*/
@supports (-ms-ime-align:auto) {
  .navibox ul li {
    float:left;
  }
  .navibox ul li a {
    width:129px;
  }
}


/*** responsive ***/
@media(max-width:599px) {
  * {
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    -o-box-sizing:border-box;
    -ms-box-sizing:border-box;
    box-sizing:border-box;
  }
  html,body{
    margin:0;
    padding:0;
    width:100%;
  }
  body {
    margin:0;
    padding:0;
  }
  .inner {
    width: auto;
  }
  #localbody .header h1 {
    font-size: 100%;
    padding: 10px 0;
  }
  #localbody .header h2 {
    font-size: 220%;
  }
  .btn {
    width: 90%;
  }
  .btn a {
    font-size: 120%;
  }
  .item h3 {
    font-size: 140%;
  }
  p.expo {
    font-size: 100%;
    margin: 0 auto 15px auto;
  }
  p.expo br {
    display:none;
  }
  .item h3 small {
    display:block;
  }
  .item h3 br {
    display:block;
  }
  ul.step {
    display: block;
  }
  ul.step li {
    margin:30px;
  }
  ul.step li:after {
    content: unset;
  }
  ul.choice {
    width: auto;
  }
  ul.choice li.pht img {
    width: 100%;
  }
  ul.choice li.tit {
    font-size: 140%;
  }
  ul.choice li.det {
    
  }
  ul.choice li.det br {
    display:none;
  }
  ul.impression {
    display: block;
  }
  .merit img {
    width: 100%;
  }
  .merit img.logo {
    width: auto;
  }
  .merit ul.merit_box {
    width: auto;
  }
  .merit p.det br {
    display:none;
  }
  ul.inqflow li {
    width: 100%;
    float: none;
  }
  ul.inqflow li span.nte br {
    display:none;
  }
  ul.inqflow li p.tit {
    margin: 15px 0 0 0;
  }
  ul.inqflow li p.det .tbe span a {
    display: block;
  }
  ul.inqflow li p.det .tbe {
    display: block;
  }
  ul.inqflow li p.det .tbe span {
    display: block;
  }
  ul.inqflow li.inqflow2 a.android {
    
  }
  ul.inqflow li.inqflow2 a.apple,
  ul.inqflow li.inqflow2 a.android {
    margin: 0 auto;
  }
  ul.inqflow li.inqflow3 p.det,
  ul.inqflow li.inqflow3 span.nte {
    display:none;
  }
  p.tel small {
    display: block;
  }
}