@charset "UTF-8";
/* CSS Document */
/*-------------
reset.css
---------------*/
* {
  font-family: source-han-sans-japanese, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", helvetica, Arial, "メイリオ", Meiryo, sans-serif;
  background-repeat: no-repeat;
  margin: 0px;
  padding: 0px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 100%;
  font-weight: 700;
}

.tst1 {
  font-weight: 700;
}

p,
a,
ul,
li,
dl,
dt,
dd,
table {
  color: #3d3d3d;
  letter-spacing: 0.05em;
}

ul,
li {
  list-style-type: none;
}

a {
  text-decoration: none;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
}

li a {
  display: block;
}

img {
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  vertical-align: middle;
  height: auto;
  max-width: 100%;
  width: 100%;
}

#main a:hover img,
#sidebar a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha( opacity=70 )";
  background: #fff;
}

/*-------------
layout.css
---------------*/
html {
  width: 100%;
  height: 100%;
}

body {
  position: relative;
  height: 100%;
  width: 100%;
  -webkit-text-size-adjust: none;
}

/*コンテナ*/
#container {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  position: relative;
}

/*ヘッダー*/
header {
  width: 100%;
  position: relative;
  background-color: #3273bf;
  position: fixed;
  z-index: 500;
}

#header-in {
  width: 100%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

/*コンテンツ*/
.contents {
  height: auto;
  width: 100%;
  position: relative;
}

.contents-in {
  margin: 0 auto;
  position: relative;
  height: auto;
  display: inline-block;
}

.contents-in:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

* html .contents-in {
  height: 1%;
}

.contents-in {
  display: block;
}

#contents1a-in {
  padding-top: 80px;
}

/*フッター*/
footer {
  width: 100%;
  background-color: #3273bf;
}

#footer-in {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  position: relative;
}

div.inside {
  margin-right: auto;
  margin-left: auto;
  position: relative;
  max-width: 800px;
}

/*=========================
ヘッダー
=========================*/
#header-in {
  display: table;
}

#header-in > div {
  display: table-cell;
  vertical-align: middle;
  height: 80px;
}

#header-in .headersign {
  width: 30%;
  padding-left: 2%;
  padding-right: 2%;
}

#header-in .htel {
  width: 50%;
  padding-left: 3%;
  padding-right: 3%;
}

#header-in .hmail {
  padding-left: 1%;
  padding-right: 2%;
}

/*=========================
フッター
=========================*/
#footer-in {
  padding: 30px 2%;
}

#footer-in p {
  margin-bottom: 15px;
  line-height: 1.4em;
  font-weight: normal;
  color: #ffffff;
}

#footer-in .cname {
  font-size: 5vw;
  text-align: center;
}

#footer-in .txt1,
#footer-in .txt2,
#footer-in .fad1,
#footer-in .fad2 {
  font-size: 3.5vw;
}

#footer-in .ftel {
  padding: 5px 5%;
}

#footer-in .txt2 {
  text-align: center;
  border-bottom: 1px solid #2060a0;
  padding-bottom: 10px;
}

#footer-in .fad1 {
  padding-left: 10%;
}

#footer-in .fad2 {
  padding-left: 10%;
  margin-bottom: 40px;
}

.fmenufr ul {
  font-size: 0;
}

.fmenufr ul li {
  width: 33.333%;
  display: inline-block;
  border: 1px solid #3273bf;
}

.fmenufr ul li a {
  font-size: 2vw;
  background-color: #ffffff;
  text-align: center;
  line-height: 40px;
  height: 40px;
  color: #3273bf;
  display: block;
}

.fmenufr ul li.fmenu4, .fmenufr ul li.fmenu5 {
  width: 50%;
}

#copy {
  padding-bottom: 50px;
}

#copy p {
  line-height: 60px;
  color: #ffffff;
  font-size: 13px;
  text-align: center;
  font-weight: normal;
}

#totop {
  width: 40px;
  position: fixed;
  right: 5px;
  bottom: 20px;
}

/*=========================
コンテンツ
=========================*/
h1 {
  padding: 0 2%;
}

.bunbetsuhuyou {
  overflow: hidden;
  background-image: url(../images/lp01/images1.png);
  background-size: 56% auto;
  background-position: 105% 0;
  padding-top: 10px;
  padding-bottom: 20px;
}

.bunbetsuhuyou .bunbetsu1 {
  width: 48%;
  float: left;
}

.bunbetsuhuyou .bunbetsu1 > div {
  padding-left: 6%;
  margin-bottom: 20px;
}

.bunbetsuhuyou .bunbetsu1 > div p {
  font-size: 4.1vw;
  line-height: 1.2em;
  margin-bottom: 10px;
}

.bunbetsuhuyou .bunbetsu1 > div img {
  margin-bottom: 10px;
}

.bunbetsuhuyou .bunbetsu1 .arrowtxt {
  background-image: url(../images/lp01/arrowtxt1.png);
  background-size: cover;
  background-position: 100% 0;
  text-align: right;
  color: #ffffff;
  padding: 5px 8% 5px 5px;
  width: 80%;
  font-size: 3.9vw;
}

.exlist {
  font-size: 0;
  padding-left: 3%;
  padding-right: 3%;
  margin-bottom: 20px;
}

.exlist > div {
  display: inline-block;
  width: 31%;
  margin: 0 2% 15px 0;
  vertical-align: bottom;
}

.exlist > div p {
  font-size: 3.1vw;
  line-height: 1.2em;
  margin-bottom: 8px;
  text-align: center;
  padding-bottom: 8%;
}

.exlist > div:nth-of-type(3n) {
  margin-right: 0;
}

.exlist > div:nth-child(1) p {
  padding-bottom: 0;
}

/**/
.chigaifr {
  position: relative;
}

.chigai {
  display: table;
  z-index: 50;
  position: relative;
  padding: 0 2%;
}

.chigai > div {
  display: table-cell;
  vertical-align: middle;
}

.chigai .chigai1 {
  width: 33%;
}

.chigai .chigai2 {
  background-image: url(../images/lp01/line1.png);
  background-size: 90%;
  background-position: center 80%;
}

.chigai .chigai2 p {
  font-size: 8.6vw;
  color: #3273bf;
  text-align: center;
  line-height: 1.4em;
}

.chigaitxt {
  position: relative;
  z-index: 40;
  padding-left: 6.25%;
  padding-bottom: 30px;
}

.chigaitxt .chigaitxt-in {
  padding: 60px 6% 30px;
  margin-top: -40px;
  background-color: #ffce00;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.chigaitxt .chigaitxt-in p {
  line-height: 1.6em;
  font-size: 4vw;
}

.chigaitxt .chigaitxt-in p span {
  color: #3273bf;
}

.chigaitxt::after {
  content: "";
  display: inline-block;
  width: 30%;
  height: 30px;
  background-image: url(../images/lp01/arrow1.png);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
  left: 35%;
}

/**/
.quality {
  margin: 0 auto 30px;
  width: 88%;
  padding: 15px;
  border-top: 5px solid #3273bf;
  border-bottom: 5px solid #3273bf;
}

.quality p {
  font-size: 3.9vw;
  line-height: 2em;
  text-align: center;
}

.quality p span {
  display: block;
  background-color: #ffce00;
  color: #3273bf;
  font-size: 4.3vw;
  padding: 10px;
}

/**/
.konnakata {
  position: relative;
  padding: 25% 0 25%;
  background-image: url(../images/lp01/bg1.png);
  background-size: 120%;
  background-position: 100% 20px;
}

.konnakata .txt {
  position: absolute;
  top: 15px;
  left: 37%;
  font-size: 2.8vw;
}

.konnakata .txt p {
  line-height: 1.4em;
  font-size: 3vw;
}

.konnakata .konnaimg {
  position: absolute;
  width: 34%;
  top: 0;
  right: 4%;
}

.konnakata .konnalist {
  position: relative;
}

.konnakata .konnalist ul {
  padding-left: 3%;
}

.konnakata .konnalist ul li {
  margin-bottom: 5px;
  color: #ffffff;
  line-height: 1.3em;
  font-size: 3.8vw;
  padding-left: 30px;
  position: relative;
}

.konnakata .konnalist ul li span {
  color: #ffce00;
}

.konnakata .konnalist ul li::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 16px;
  background-image: url(../images/lp01/check1.png);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
}

/**/
.syobunhouhou {
  margin: 0 auto 30px;
  width: 90%;
}

/*method*/
.method {
  margin-bottom: 20px;
}

.method > div {
  padding: 0 4% 10px;
}

.method .method1 {
  padding-right: 16%;
}

.method .method2 {
  padding-left: 16%;
}

.method .method3 {
  padding-right: 16%;
}

/*methoddesc*/
.methodfr {
  padding: 30px 10px 10px 10px;
}

.methodfr h3 {
  color: #ffffff;
  text-align: center;
  position: relative;
  padding-left: 10%;
  margin-bottom: 45px;
}

.methodfr h3 span {
  font-size: 6vw;
}

.methodfr h3 span.num {
  position: absolute;
  left: 10px;
  top: -10px;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  font-size: 30px;
  padding-top: 4px;
  background-color: #e3f5fd;
}

.methodfr-in2 {
  background-color: #ffffff;
}

#methoddesc1 {
  background-color: #00a0e9;
}

#methoddesc1 h3 {
  font-size: 7vw;
}

#methoddesc1 h3 span {
  color: #00a0e9;
}

#methoddesc1 .txt1 {
  line-height: 1.6em;
  text-align: center;
  color: #ffffff;
  font-size: 3.8vw;
  margin-bottom: 10px;
}

#methoddesc1 .txt1 span {
  color: #ffde00;
  font-size: 6.5vw;
  margin: 0 5px;
}

#methoddesc1 .txt2 {
  text-align: center;
  color: #ffde00;
  font-size: 4.2vw;
}

#methoddesc2 {
  background-color: #ff7900;
}

#methoddesc2 h3 {
  font-size: 7vw;
}

#methoddesc2 h3 span.num {
  color: #ff7900;
}

#methoddesc2 .txt1 {
  line-height: 1.4em;
  text-align: center;
  font-size: 3.4vw;
  margin-bottom: 10px;
}

#methoddesc2 .txt2 {
  text-align: center;
  color: #ffffff;
  font-size: 3.5vw;
  margin-bottom: 8px;
}

#methoddesc2 .txt2 span {
  margin-left: 10px;
  font-size: 6vw;
}

#methoddesc2 .txt3 {
  text-align: center;
  color: #ffffff;
  font-size: 4vw;
  padding-left: 5%;
}

#methoddesc3 {
  background-color: #22ac38;
}

#methoddesc3 h3 {
  font-size: 7vw;
}

#methoddesc3 h3 span.num {
  color: #22ac38;
}

#methoddesc3 .txt1 {
  line-height: 1.6em;
  text-align: center;
  color: #ffffff;
  font-size: 4.2vw;
  margin-bottom: 5px;
}

#methoddesc3 .txt2 {
  text-align: center;
  color: #ffde00;
  margin-bottom: 15px;
}

#methoddesc3 .txt2 span {
  text-align: left;
  display: inline-block;
  line-height: 1.4em;
  font-size: 4.2vw;
}

/*methoddesc1*/
.service1-1 .osusume,
.service2-1 .osusume {
  background-color: #e3f5fd;
}

.service1-1 .point,
.service2-1 .point {
  padding: 25px 5%;
  margin-bottom: 20px;
}

.service1-1 .point li,
.service2-1 .point li {
  background-image: url(../images/lp01/arrow11.png);
  background-size: 21px 11px;
  background-position: 0 5px;
  padding-left: 30px;
  line-height: 1.4em;
  margin-bottom: 6px;
  font-size: 4vw;
}

.service1-1 .osusume {
  background-color: #e3f5fd;
}

.service1-1 .osusume h4 {
  background-image: url(../images/lp01/arrowtxt2.png);
}

.osusume {
  position: relative;
  padding: 50px 3% 15px 3%;
  margin: 0 3% 40px 3%;
}

.osusume h4 {
  position: absolute;
  top: -15px;
  left: -2%;
  line-height: 30px;
  background-size: 100% 100%;
  background-position: 100% 0;
  color: #ffffff;
  padding: 5px 10% 7px 3%;
  font-size: 4vw;
}

.osusume ul li {
  font-size: 4vw;
  padding-left: 1em;
  text-indent: -1em;
  line-height: 1.4em;
  margin-bottom: 5px;
}

.osusume ul li::before {
  content: "・";
}

.service1-2,
.service2-4,
.service3-2 {
  position: relative;
  padding: 60px 5% 25px 5%;
}

.service1-2 h4,
.service2-4 h4,
.service3-2 h4 {
  position: absolute;
  top: -15px;
  left: 1.5%;
  line-height: 30px;
  background-size: 100% 100%;
  background-position: 100% 0;
  color: #ffffff;
  padding: 5px 10% 7px 3%;
  font-size: 5vw;
}

.service1-2 p.flowh,
.service2-4 p.flowh,
.service3-2 p.flowh {
  font-size: 5vw;
  margin-bottom: 14px;
  line-height: 1.4em;
}

.service1-2 p.flowtxt,
.service2-4 p.flowtxt,
.service3-2 p.flowtxt {
  font-size: 4.2;
  line-height: 1.4em;
  margin-bottom: 30px;
  padding-left: 25px;
  background-size: 14px auto;
  background-position: 0 5px;
}

.service1-2 .flowtel,
.service2-4 .flowtel,
.service3-2 .flowtel {
  max-width: 400px;
  width: 70%;
  display: block;
  margin: 0 auto 15px;
}

.service1-2 {
  background-color: #f2f2f2;
}

.service1-2 p.flowh {
  color: #00a1f0;
}

.service1-2 p.flowtxt {
  background-image: url(../images/lp01/arrow12.png);
}

.service1-2 h4 {
  background-image: url(../images/lp01/arrowtxt2.png);
}

#methoddesc1 .service1-3 {
  padding: 30px 4%;
}

#methoddesc1 .service1-3 h3 {
  border: 3px solid #00a0e9;
  padding: 10px 3px 13px;
  text-align: center;
  font-size: 5vw;
  color: #3d3d3d;
}

#methoddesc1 .service1-3 h3 span {
  font-size: 3vw;
  color: #3d3d3d;
  margin-left: 10px;
}

#methoddesc1 .service1-3 p {
  margin-bottom: 20px;
  line-height: 1.5em;
}

#methoddesc1 .service1-3 .stitle {
  background-color: #00a0e9;
  color: #ffffff;
  padding: 3px 5px;
  text-align: center;
  width: 36%;
  margin-bottom: 10px;
  font-size: 5vw;
  border-radius: 6px;
  letter-spacing: 0.1em;
}

.service1-4 {
  padding: 20px 4% 40px;
}

.service1-4 h4 {
  color: #e20012;
  padding-bottom: 10px;
  border-bottom: 1px solid #e20012;
  margin-bottom: 20px;
  text-align: center;
  font-size: 4.4vw;
}

.service1-4 p {
  line-height: 1.5em;
  margin-bottom: 20px;
}

.service1-4 .detail {
  text-align: center;
}

.service1-4 .detail a {
  color: #e20012;
  font-size: 4vw;
  background-image: url(../images/lp01/arrow2.png);
  background-size: 18px auto;
  background-position: 0 50%;
  padding-left: 36px;
  font-weight: normal;
}

.service1-5 {
  padding-bottom: 1px;
}

.service1-5 .kaisyuu {
  text-align: center;
  margin-bottom: 15px;
}

.service1-5 .kaisyuu .kaisyuu-in {
  display: inline-block;
  background-color: #00a0e9;
  border-radius: 4px;
  padding: 10px 20px;
}

.service1-5 .kaisyuu .kaisyuu-in p {
  color: #ffffff;
  font-size: 4vw;
  line-height: 1.5em;
  text-align: center;
}

.service1-5 .muryoubox {
  font-size: 3.6vw;
  margin-bottom: 20px;
  text-align: center;
}

.service1-5 img.arrow3 {
  display: block;
  margin: 0 auto 20px;
  width: 200px;
  max-width: 60%;
}

.service1-5 .boxname {
  font-size: 3.4vw;
  text-align: center;
  margin-bottom: 25px;
}

.service1-5 .boxmap {
  text-align: center;
  margin-bottom: 45px;
}

.service1-5 .boxmap a {
  color: #00a0e9;
  font-size: 3.6vw;
}

.service1-5 .boxmap a:hover {
  text-decoration: underline;
}

.boxphoto {
  text-align: center;
  margin-bottom: 20px;
}

.boxphoto img {
  width: 90%;
  max-width: 600px;
}

/*methoddesc2*/
.service2-1 {
  margin-bottom: 40px;
  padding-top: 20px;
}

.s2txt1 {
  font-size: 4vw;
  text-align: center;
  line-height: 1.4em;
  margin-bottom: 10px;
}

.service2-1 .osusume {
  background-color: #e3f5fd;
}

.service2-1 .point li {
  background-image: url(../images/lp01/arrow13.png);
}

.staffprice {
  margin-bottom: 15px;
  margin-left: 15px;
  width: 135px;
  background-image: url(../images/lp01/arrow4.png);
  background-size: 100% 100%;
  padding: 30px 5px 10px 15px;
}

.staffprice p {
  font-size: 20px;
}

.pricetxt {
  padding: 0 4%;
  font-size: 3.6vw;
  margin-bottom: 40px;
  line-height: 1.8em;
}

.pricetxt .placetxt {
  background-color: #ffd0a5;
  display: inline-block;
  margin-right: 20px;
  padding: 4px 10px 5px;
}

.pricetxt .priceexam {
  color: #ff7900;
}

.pricetxt .priceexam span {
  font-size: 5vw;
}

.pricetxt.mb10 {
  margin-bottom: 10px;
}

.service2-2 .boxphoto {
  margin-bottom: 15px;
}

.service2-2 .priceat {
  font-size: 2.8vw;
  margin-bottom: 40px;
  padding: 0 5%;
  line-height: 1.6em;
}

.service2-3 .osusume {
  background-color: #fff1e6;
}

.service2-3 .osusume h4 {
  background-image: url(../images/lp01/arrowtxt3.png);
}

.service2-4 {
  background-color: #f2f2f2;
}

.service2-4 h4 {
  background-image: url(../images/lp01/arrowtxt3.png);
}

.service2-4 p.flowh {
  color: #ff7900;
}

.service2-4 p.flowtxt {
  background-image: url(../images/lp01/arrow14.png);
}

.service2-4 p.flowtxt.mb10 {
  margin-bottom: 15px;
}

.service2-4 .taiou {
  color: #00a0e9;
  margin-bottom: 10px;
  text-align: center;
}

.service2-4 .taiou2 {
  font-size: 13px;
  margin-bottom: 30px;
  line-height: 1.4em;
  color: #00a1f0;
}

/*methoddesc3*/
.yoyakuhuyou {
  line-height: 1.8em;
  font-size: 4vw;
  color: #22ac38;
  text-align: center;
  font-weight: bold;
  background-image: url(../images/lp01/as_03-line.png);
  background-size: 90% auto;
  background-position: center 100%;
  margin-bottom: 20px;
}

.yoyakuhuyou span {
  font-size: 7vw;
}

.nores {
  text-align: center;
  font-size: 2.7vw;
  line-height: 1.5em;
  margin-bottom: 50px;
}

.service3-1 .osusume {
  background-color: #f8fff8;
  margin-bottom: 30px;
}

.service3-1 .osusume h4 {
  background-image: url(../images/lp01/arrowtxt4.png);
}

.service3-1 .boxphoto {
  margin-bottom: 30px;
}

.service3-2 {
  background-color: #f2f2f2;
}

.service3-2 h4 {
  background-image: url(../images/lp01/arrowtxt4.png);
}

.service3-2 p.flowh {
  color: #22ac38;
}

.service3-2 p.flowtxt {
  background-image: url(../images/lp01/arrow15.png);
}

.service3-2 .card {
  max-width: 200px;
  display: block;
  margin: 15px auto 15px;
}

.service3-2 a {
  color: #00a0e9;
}

.service3-3 {
  padding: 30px 2% 30px;
}

.service3-3 h3 {
  font-size: 5vw;
  margin-bottom: 30px;
  color: #3d3d3d;
  padding-left: 0;
}

.service3-3 .mochikomiprice {
  font-size: 4.8vw;
  text-align: center;
  margin-bottom: 15px;
}

.service3-3 .zei {
  font-size: 12px;
  text-align: right;
  margin-bottom: 15px;
}

.graph1 {
  max-width: 360px;
  width: 90%;
  margin: 0 auto 40px;
  display: block;
}

table.mochikomipr {
  border-collapse: collapse;
  width: 100%;
  border: #b9b9b9 1px solid;
}

table.mochikomipr th,
table.mochikomipr td {
  font-weight: normal;
  text-align: left;
  padding: 7px 5px;
  border-bottom: #b9b9b9 1px solid;
  line-height: 1.4em;
  font-size: 4vw;
}

table.mochikomipr th {
  border-right: #b9b9b9 1px solid;
  width: 30%;
}

.service3-4 {
  padding: 20px 4% 40px;
}

.mochikomisoudan {
  color: #e20012;
  padding-bottom: 10px;
  border-bottom: 1px solid #e20012;
  margin-bottom: 20px;
  text-align: center;
  font-size: 4.5vw;
  line-height: 1.5em;
}

.mochikomitxt {
  line-height: 1.5em;
  margin-bottom: 30px;
  font-size: 4vw;
}

.placetitle {
  background-color: #22ac38;
  text-align: center;
  font-size: 5vw;
  color: #ffffff;
  padding: 8px;
  margin-bottom: 20px;
}

.placename {
  text-align: center;
  font-size: 3.5vw;
}

.placename1 {
  margin-bottom: 30px;
}

/*area*/
.area {
  padding: 20px 5% 20px 10%;
}

.area h3 {
  background-color: #ff7900;
  text-align: center;
  font-size: 5vw;
  color: #ffffff;
  padding: 8px;
  margin-bottom: 20px;
}

.area p {
  line-height: 1.5em;
}

.seiseki {
  padding: 20px 3% 0;
}

.seiseki .title {
  display: table;
  margin: 0 auto 20px;
  width: 100%;
}

.seiseki .title > div {
  display: table-cell;
  padding: 0 1%;
  vertical-align: middle;
}

.seiseki .title .date {
  font-size: 5.4vw;
  text-align: center;
  line-height: 1.2em;
}

.seiseki .title .date span {
  font-size: 3vw;
}

.seiseki .title .num {
  color: #ff7900;
  font-size: 6vw;
}

.seiseki .title .num span {
  font-size: 10vw;
}

.seiseki .title .txt {
  font-size: 8vw;
}

.seiseki img {
  margin-bottom: 20px;
}

.seiseki .graph2 {
  display: block;
  max-width: 360px;
  width: 90%;
  margin: 0 auto 10px;
}

.seisekifr {
  border-radius: 8px;
  border: 3px solid #ff7900;
  background-color: #fff1e6;
  padding: 20px 10px 10px 10px;
  margin-bottom: 30px;
}

.seisekifr .seisekifr-in {
  display: table;
  width: 100%;
  margin-top: 15px;
}

.seisekifr .seisekifr-in > div {
  display: table-cell;
}

.seisekifr .seisekifr-in > div:first-child {
  width: 50%;
}

.seisekifr p {
  font-size: 4.5vw;
  text-align: center;
  margin-bottom: 5px;
}

.seisekifr p.num {
  color: #ff7900;
}

.seisekifr p.num span {
  font-size: 9vw;
}

/*実績*/
.jisseki {
  margin-bottom: 25px;
  background-size: 100% auto;
  position: relative;
  padding: 15px 6%;
}

.jisseki h4 {
  font-size: 5vw;
  margin-bottom: 10px;
}

.jisseki h4 span {
  font-size: 3.8vw;
}

.jisseki .icon {
  width: 60px;
  height: 60px;
  border-radius: 100px;
  text-align: center;
  color: #ffffff;
  text-align: center;
  line-height: 60px;
  font-size: 4vw;
  position: absolute;
  top: 10px;
  right: 5%;
}

.jisseki .icon span {
  font-size: 7vw;
}

.jisseki .icon .smalls {
  font-size: 2.6vw;
}

.jisseki .icon1 {
  line-height: 1.2em;
  padding-top: 7px;
}

.jisseki .title {
  font-size: 4vw;
  margin-bottom: 20px;
}

.jisseki .title span span {
  font-size: 3vw;
}

.jisseki .txt {
  font-size: 4vw;
  line-height: 1.6em;
}

.jisseki1 {
  background-image: url(../images/lp01/jisseki_1.png);
}

.jisseki1 h4 {
  color: #00a0e9;
}

.jisseki1 .icon {
  background-color: #00a0e9;
}

.jisseki1 .title span {
  color: #00a0e9;
}

.jisseki2 {
  background-image: url(../images/lp01/jisseki_2.png);
}

.jisseki2 h4 {
  color: #ff7900;
}

.jisseki2 .icon {
  background-color: #ff7900;
}

.jisseki2 .title span {
  color: #ff7900;
}

.jisseki3 {
  background-image: url(../images/lp01/jisseki_3.png);
}

.jisseki3 h4 {
  color: #22ac38;
}

.jisseki3 .icon {
  background-color: #22ac38;
}

.jisseki3 .title span {
  color: #22ac38;
}

/*よくある質問*/
.faq {
  background-color: #00a0e9;
  padding: 15px 3%;
}

.faq h2 {
  font-size: 8vw;
  margin-bottom: 20px;
  color: #ffffff;
}

.faq .faq-in {
  background-color: #ffffff;
  padding: 15px 3%;
}

.faq .faqfr {
  margin-bottom: 30px;
}

.faq .faqfr p {
  line-height: 1.4em;
}

.faq .faqfr .q {
  color: #3273bf;
  background-image: url(../images/lp01/faq_q.png);
  background-size: 20px auto;
  background-position: 0 5px;
  padding-left: 30px;
  margin-bottom: 10px;
  font-size: 4vw;
}

.faq .faqfr .a {
  background-image: url(../images/lp01/faq_a.png);
  background-size: 20px auto;
  background-position: 0 5px;
  padding-left: 30px;
  margin-bottom: 10px;
  font-size: 4vw;
}

.faq .faqfr .a2 {
  padding-left: 30px;
  margin-bottom: 10px;
  font-size: 4vw;
}

.faq .faqfr a {
  color: #3273bf;
  text-decoration: underline;
}

.faq .faqfr a:hover {
  text-decoration: none;
}

table.faqtable {
  border-collapse: collapse;
  width: 100%;
  border: #b9b9b9 1px solid;
}

table.faqtable th,
table.faqtable td {
  font-weight: normal;
  text-align: left;
  padding: 7px 5px;
  border-bottom: #b9b9b9 1px solid;
  line-height: 1.4em;
  font-size: 4vw;
}

table.faqtable th {
  border-right: #b9b9b9 1px solid;
  width: 50%;
}

/*利用者*/
.voice {
  padding: 20px 3%;
}

.voice .title {
  overflow: hidden;
  margin-bottom: 15px;
}

.voice .title .images {
  float: left;
  width: 90px;
  text-align: center;
}

.voice .title .images img {
  width: 76px;
}

.voice .title .txt {
  float: right;
  width: calc(100% - 100px);
}

.voice .title .txt .txt1 {
  font-size: 4vw;
  -webkit-transform: rotate(-5deg);
  transform: rotate(-5deg);
  margin-bottom: 40px;
}

.voice .title .txt .txt2 {
  font-size: 7vw;
  color: #3273bf;
}

.voicefr {
  background-color: #e3f5fd;
  padding: 15px;
  overflow: hidden;
  margin-bottom: 15px;
}

.voicefr .icon {
  float: left;
  width: 60px;
  text-align: center;
}

.voicefr .icon img {
  margin-bottom: 10px;
  width: 55px;
}

.voicefr .txt {
  float: right;
  width: calc(100% - 85px);
}

.voicefr .txt p {
  font-size: 3.8vw;
  line-height: 1.6em;
  margin-bottom: 10px;
}

.voicefr .txt p.date {
  font-size: 3.4vw;
  text-align: right;
}

/*挨拶*/
.aisatsu {
  padding: 40px 3%;
  overflow: hidden;
}

.aisatsu h3 {
  display: inline-block;
  background-color: #3273bf;
  color: #ffffff;
  font-size: 5vw;
  padding: 10px 40px;
  margin-bottom: 30px;
}

.aisatsu p {
  line-height: 1.8em;
  margin-bottom: 15px;
}

.messageimg {
  display: table;
  width: 70%;
  float: right;
  clear: both;
  margin-bottom: 40px;
}

.messageimg > div {
  width: 50%;
  display: table-cell;
  vertical-align: bottom;
}

.messageimg > div:last-child {
  padding-left: 10px;
  font-size: 13px;
}

@media screen and (max-width: 800px) {
  #header-in > div {
    height: 60px;
  }
}

@media print, screen and (min-width: 801px) {
  /*=========================
フッター
=========================*/
  #footer-in {
    padding: 40px 2%;
  }
  #footer-in p {
    margin-bottom: 20px;
  }
  #footer-in .cname {
    font-size: 25px;
  }
  #footer-in .txt1,
  #footer-in .txt2,
  #footer-in .fad1,
  #footer-in .fad2 {
    font-size: 20px;
  }
  #footer-in .ftel {
    width: 500px;
    margin: 0 auto 20px;
  }
  .fmenufr ul li a {
    font-size: 18px;
  }
  /*=========================
コンテンツ
=========================*/
  .bunbetsuhuyou {
    margin-bottom: 30px;
  }
  .bunbetsuhuyou .bunbetsu1 > div p,
  .bunbetsuhuyou .bunbetsu1 .arrowtxt {
    font-size: 20px;
  }
  .exlist > div p {
    font-size: 19px;
    padding-bottom: 2%;
  }
  /**/
  .chigai .chigai2 p {
    font-size: 70px;
  }
  /**/
  .chigaitxt {
    margin-bottom: 20px;
  }
  .chigaitxt .chigaitxt-in p {
    font-size: 20px;
  }
  /**/
  .quality p {
    font-size: 40px;
  }
  .quality p span {
    font-size: 45px;
    padding: 15px;
  }
  /**/
  .konnakata {
    padding-top: 150px;
    padding-bottom: 120px;
  }
  .konnakata .txt p {
    font-size: 16px;
  }
  .konnakata .konnalist ul li {
    font-size: 28px;
    margin-bottom: 10px;
    line-height: 1.7em;
  }
  .konnalist ul li {
    font-size: 13px;
  }
  .konnalist ul li::before {
    width: 26px;
    height: 22px;
    top: 15px;
  }
  /*methoddesc*/
  .methodfr h3 span {
    font-size: 16px;
  }
  .methodfr h3 span.num {
    font-size: 60px;
    width: 75px;
    height: 75px;
  }
  /*methoddesc1*/
  #methoddesc1 h3 {
    font-size: 50px;
  }
  #methoddesc1 .txt1 {
    font-size: 30px;
  }
  #methoddesc1 .txt1 span {
    font-size: 45px;
  }
  #methoddesc1 .txt2 {
    font-size: 38px;
  }
  .service1-1 .point li,
  .service2-1 .point li {
    font-size: 20px;
  }
  .osusume h4 {
    font-size: 22px;
    line-height: 40px;
  }
  .osusume ul li {
    font-size: 18px;
  }
  .service1-2 h4,
  .service2-4 h4,
  .service3-2 h4 {
    font-size: 22px;
    line-height: 40px;
  }
  .service1-2 p.flowh,
  .service2-4 p.flowh,
  .service3-2 p.flowh {
    font-size: 24px;
  }
  .service1-2 p.flowtxt,
  .service2-4 p.flowtxt,
  .service3-2 p.flowtxt {
    font-size: 20px;
  }
  #methoddesc1 .service1-3 h3 {
    font-size: 28px;
  }
  #methoddesc1 .service1-3 h3 span {
    font-size: 18px;
  }
  #methoddesc1 .service1-3 p {
    font-size: 20px;
  }
  #methoddesc1 .service1-3 .stitle {
    font-size: 30px;
  }
  .service1-4 h4 {
    font-size: 26px;
  }
  .service1-4 .detail a {
    font-size: 18px;
  }
  /*methoddesc2*/
  #methoddesc2 h3 {
    font-size: 50px;
  }
  #methoddesc2 h3 span {
    font-size: 30px;
  }
  #methoddesc2 h3 span.num {
    font-size: 60px;
  }
  #methoddesc2 .txt1 {
    font-size: 30px;
  }
  #methoddesc2 .txt2 {
    font-size: 30px;
  }
  #methoddesc2 .txt2 span {
    font-size: 40px;
  }
  #methoddesc2 .txt3 {
    font-size: 26px;
  }
  .service1-5 .kaisyuu {
    margin-bottom: 20px;
  }
  .service1-5 .kaisyuu .kaisyuu-in p {
    font-size: 30px;
  }
  .service1-5 .muryoubox {
    font-size: 28px;
    margin-bottom: 25px;
  }
  .service1-5 .boxname {
    font-size: 28px;
  }
  .service1-5 .boxmap a {
    font-size: 32px;
  }
  .s2txt1 {
    font-size: 34px;
  }
  .pricetxt {
    font-size: 28px;
  }
  .pricetxt .priceexam span {
    font-size: 42px;
  }
  .service2-2 .priceat {
    font-size: 18px;
  }
  /*methoddesc3*/
  #methoddesc3 h3 {
    font-size: 50px;
  }
  #methoddesc3 h3 span {
    font-size: 40px;
  }
  #methoddesc3 h3 span.num {
    font-size: 60px;
  }
  #methoddesc3 .txt1,
  #methoddesc3 .txt2 span {
    font-size: 30px;
  }
  .yoyakuhuyou {
    font-size: 34px;
  }
  .yoyakuhuyou span {
    font-size: 65px;
  }
  .nores {
    font-size: 25px;
  }
  #methoddesc3 .service3-3 .mochikomiprice {
    font-size: 35px;
  }
  #methoddesc3 .service3-3 .zei {
    font-size: 18px;
    padding-right: 5%;
  }
  #methoddesc3 .service3-3 h3 {
    font-size: 30px;
  }
  table.mochikomipr th,
  table.mochikomipr td {
    font-size: 22px;
  }
  .mochikomisoudan {
    font-size: 25px;
  }
  .mochikomitxt {
    font-size: 20px;
    margin-bottom: 50px;
  }
  .placetitle {
    font-size: 40px;
  }
  .placename {
    font-size: 25px;
  }
  /*エリア*/
  .area {
    padding: 40px 5% 40px 10%;
    margin-bottom: 30px;
  }
  .area h3 {
    font-size: 35px;
  }
  .area p {
    font-size: 30px;
  }
  /*成績*/
  .seiseki .title .date {
    font-size: 40px;
  }
  .seiseki .title .date span {
    font-size: 20px;
  }
  .seiseki .title .num {
    font-size: 40px;
  }
  .seiseki .title .num span {
    font-size: 80px;
  }
  .seiseki .title .txt {
    font-size: 60px;
  }
  .seiseki .graph2 {
    max-width: 500px;
  }
  .seisekifr {
    margin-bottom: 50px;
  }
  .seisekifr p {
    font-size: 30px;
    margin-bottom: 15px;
  }
  .seisekifr p.num span {
    font-size: 60px;
  }
  /*実績*/
  .jisseki {
    margin-bottom: 40px;
  }
  .jisseki h4 {
    font-size: 40px;
    margin-bottom: 30px;
  }
  .jisseki h4 span {
    font-size: 30px;
  }
  .jisseki .title {
    font-size: 30px;
    margin-bottom: 40px;
  }
  .jisseki .title span {
    font-size: 40px;
  }
  .jisseki .title span span {
    font-size: 20px;
  }
  .jisseki .icon {
    width: 80px;
    height: 80px;
    line-height: 70px;
    font-size: 20px;
    padding-top: 10px;
  }
  .jisseki .icon span {
    font-size: 30px;
  }
  .jisseki .icon .smalls {
    font-size: 14px;
  }
  .jisseki .icon1 {
    padding-top: 13px;
    line-height: 22px;
  }
  .jisseki .txt {
    font-size: 25px;
  }
  /*よくある質問*/
  .faq h2 {
    font-size: 40px;
  }
  .faq .faqfr .q {
    background-size: 30px auto;
    padding-left: 60px;
    margin-bottom: 15px;
    font-size: 24px;
  }
  .faq .faqfr .a {
    background-size: 30px auto;
    padding-left: 60px;
    margin-bottom: 15px;
    font-size: 20px;
  }
  .faq .faqfr .a2 {
    padding-left: 60px;
    margin-bottom: 15px;
    font-size: 20px;
  }
  table.faqtable th,
  table.faqtable td {
    font-size: 20px;
  }
  /*ご利用者様の声*/
  .voice {
    padding: 40px 3%;
  }
  .voice .title .images {
    width: 160px;
  }
  .voice .title .images img {
    width: 140px;
  }
  .voice .title .txt {
    width: calc(100% - 180px);
  }
  .voice .title .txt .txt1 {
    font-size: 25px;
  }
  .voice .title .txt .txt2 {
    font-size: 50px;
  }
  .voicefr {
    padding: 25px;
    margin-bottom: 30px;
  }
  .voicefr .icon {
    width: 100px;
  }
  .voicefr .icon img {
    margin-bottom: 20px;
    width: 80px;
  }
  .voicefr .txt {
    width: calc(100% - 120px);
  }
  .voicefr .txt p {
    font-size: 20px;
    margin-bottom: 15px;
  }
  .voicefr .txt p.date {
    font-size: 18px;
  }
  /*挨拶*/
  .aisatsu h3 {
    font-size: 35px;
  }
  .aisatsu p {
    font-size: 18px;
  }
  .messageimg {
    width: 300px;
    float: right;
  }
}