@charset "UTF-8";
/* --------------------------------------------

	FileName	:	style.css

-------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@900&display=swap');

/* --------------------------------------------
animate.css custom
-------------------------------------------- */
@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-20%,0);transform:translate3d(0,-20%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-20%,0);transform:translate3d(0,-20%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}

/* --------------------------------------------

-------------------------------------------- */
a {
    color: #000;
    text-decoration: none;
    transition: all .2s ease-in;
}
a:hover {
    color: #186cff;
}

.sec-wrap {
    color: #333;
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
    padding: 20px 0;
}
.sec-wrap h1 {
    text-align: center;
    padding: 50px 0 70px;
}
.feature-wrap {
    padding: 0 0 0 170px;
}
.feature-wrap h2 {
    position: relative;
    padding: 28px 0;
    border-bottom: 2px solid #000;
    margin: 0 0 20px;
}
.feature-wrap h2:before {
    content: "";
    display: block;
    position: absolute;
    width: 133px;
    height: 145px;
    top: 0;
    left: -170px;
}
.feature-wrap h2 + p {
    font-size: 1.2em;
    margin: 0 0 40px;
}

@media screen and (max-width: 768px) {
.sec-wrap {
    box-sizing: border-box;
    padding: 20px 10px;
}
.feature-wrap {
    padding: 0 10px 0;
}
.sec-wrap h1 {
    margin: 0 auto;
}
.sec-wrap h1 img {
    /* width: 100%; */
    height: 100px;
}
.feature-wrap h2 {
    margin: 75px 0 20px;
    padding: 0 0 15px;
}
.feature-wrap h2 > img {
    width: 100%;
}
.feature-wrap h2 + p {
    font-size: 1em;
    margin: 0 0 30px;
}
.feature-wrap h2:before {
    width: 54px;
    height: 65px;
    left: 42%;
    top: -75px;
}
}

.owl-theme .owl-controls .owl-nav [class*=owl-] {
    background: #EDEDED;
    opacity: 0.7;
    transition: all .2s ease-in;
}
.owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
    background: #1F71FF;
    color: #fff;
    opacity: 0.9;
}

/* --------------------------------------------
test
-------------------------------------------- */
/*
#content > section {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background: #fff;
}

#content > section:nth-child(odd) {
	background: #ff8080;
}

#sec10 > div > div > a > img {
    width: 200px;
}

#sec11 > div > div {
  text-align:center;
  width:200px;
  padding:50px 0;
  margin:100px auto;
  background:#00BCD4;
  color:#fff;
}
*/
/* --------------------------------------------
header
-------------------------------------------- */
header {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    display: none;
}
header > section {
    color: #fff;
    background: #f34833;
    padding: 5px;
}
header > section h2 {
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    letter-spacing: .8em;
}
header > section p {
    margin: 8px 0;
}
header > section h2 + p a {
    color: #f34833;
    font-size: 0.8em;
    background: #fff;
    padding: 0.3em;
    border-radius: 1em;
    transition: all .2s ease-in;
}
header > section h2 + p a:hover {
    background: #d8e4ef;
}
header > section h3 {
    display: inline;
}
header > section h3 + p {
    display: inline;
    font-size: 1.2em;
    font-weight: bold;
}
header > section h3 + p a {
    color: #fff;
    transition: all .2s ease-in;
}
header > section h3 + p a:hover {
    color: #d8e4ef;
}

@media screen and (max-width: 768px) {
header {
    /*display: block;*/
}
header h1 {
    width: 35%;
    margin: 20px auto;
}
header h1 img {
    width: 100%;
}
header section {
    display: flex;
    justify-content: space-around;
    align-items: center;
}
header > section h2 {
    font-size: 0.95em;
    letter-spacing: 0.3em;
    width: 15%;
}
header > section h2 + p {
    width: 27%;
    line-height: 120%;
    font-size: 0.8em;
}
header > section h2 + p a {
    display: block;
    text-align: center;
}
header > section h3 {
    font-size: 0.85em;
    width: 12%;
    margin: 0 0 0 8%;
}
header > section h3 + p {
    font-size: 0.9em;
    width: 29%;
}
}

/* --------------------------------------------
sec01
-------------------------------------------- */
.owl-carousel-sec01 li {
  color: white;
  height: 470px;
  padding: 30px;
}
@media screen and (max-width: 1024px) {
  .owl-carousel-sec01 li {
    height: 210px;
  }
}

.owl-carousel-sec01 .simg-01 {
		background: url(/for-lease/img/slider001.jpg) no-repeat center center;
		background-size: cover;
}
.owl-carousel-sec01 .simg-02 {
		background: url(/for-lease/img/slider002.jpg) no-repeat center center;
		background-size: cover;
}
.owl-carousel-sec01 .simg-03 {
		background: url(/for-lease/img/slider003.jpg) no-repeat center center;
		background-size: cover;
}
.owl-carousel-sec01 .simg-04 {
		background: url(/for-lease/img/slider004.jpg) no-repeat center center;
		background-size: cover;
}
.owl-carousel-sec01 .simg-05 {
		background: url(/for-lease/img/slider005.jpg) no-repeat center center;
		background-size: cover;
}
.owl-carousel-sec01 .simg-06 {
		background: url(/for-lease/img/slider006.jpg) no-repeat center center;
		background-size: cover;
}
.owl-carousel-sec01 .simg-07 {
		background: url(/for-lease/img/slider007.jpg) no-repeat center center;
		background-size: cover;
}
.owl-carousel-sec01 .simg-08 {
		background: url(/for-lease/img/slider008.jpg) no-repeat center center;
		background-size: cover;
}
.owl-carousel-sec01 .simg-09 {
		background: url(/for-lease/img/slider009.jpg) no-repeat center center;
		background-size: cover;
}
.owl-carousel-sec01 .simg-10 {
		background: url(/for-lease/img/slider010.jpg) no-repeat center center;
		background-size: cover;
}
.owl-carousel-sec01 .simg-11 {
		background: url(/for-lease/img/slider011.jpg) no-repeat center center;
		background-size: cover;
}
.owl-carousel-sec01 .simg-12 {
		background: url(/for-lease/img/slider012.jpg) no-repeat center center;
		background-size: cover;
}
.owl-carousel-sec01 .simg-13 {
    background: url(/for-lease/img/slider013.jpg) no-repeat center center;
    background-size: cover;
}
.owl-carousel-sec01 .simg-14 {
    background: url(/for-lease/img/slider014.jpg) no-repeat center center;
    background-size: cover;
}
.owl-carousel-sec01 .simg-15 {
    background: url(/for-lease/img/slider015.jpg) no-repeat center center;
    background-size: cover;
}
.owl-carousel-sec01 .simg-16 {
    background: url(/for-lease/img/slider016.jpg) no-repeat center center;
    background-size: cover;
}
.owl-carousel-sec01 .simg-17 {
    background: url(/for-lease/img/slider017.jpg) no-repeat center center;
    background-size: cover;
}
.owl-carousel-sec01 .simg-18 {
    background: url(/for-lease/img/slider018.jpg) no-repeat center center;
    background-size: cover;
}

.owl-carousel-sec01.owl-theme .owl-controls .owl-nav .owl-prev,
.owl-carousel-sec01.owl-theme .owl-controls .owl-nav .owl-next {
  font-size: 32px;
  font-size: 2rem;
  position: absolute;
  top: 35%;
  margin: 0;
  padding: 50px 20px;
  -webkit-transform: scaleX(0.5);
  transform: scaleX(0.5);
}
@media screen and (max-width: 640px) {
  .owl-carousel-sec01.owl-theme .owl-controls .owl-nav .owl-prev,
  .owl-carousel-sec01.owl-theme .owl-controls .owl-nav .owl-next {
    padding: 0 10px;
  }
}
.owl-carousel-sec01.owl-theme .owl-controls .owl-nav .owl-prev {
	left: 0;
}
.owl-carousel-sec01.owl-theme .owl-controls .owl-nav .owl-next {
	right: 0;
}

.owl-carousel-sec01 .owl-dots {
    display: none !important;
}

#header {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
    height: 0;
    position: relative;
    z-index: 100;
}
#header h1 {
    width: 142px;
    position: absolute;
    top: -481px;
    right: 0px;
}
#header h1 img {
    width: 100%;
}
@media screen and (max-width: 768px) {
#header {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
    height: 0;
    position: relative;
    z-index: 100;
}
}

#sec01-text {
    position: relative;
    width: 100%;
    max-width: 1024px;
    height: 1px;
    margin: -12px auto 0;
    z-index: 50;
}
#sec01-text h1 {
    width: 255px;
    position: absolute;
    bottom: 190px;
    left: 0;
}
#sec01-text p {
    color: #186cff;
    font-size: 1em;
    font-weight: bold;
    text-align: left;
    width: 95%;
    margin: 0 2.5%;
    padding: 2px 0;
    background: rgba(255,255,255,0.5);
    position: absolute;
    bottom: 430px;
}
#sec01-text ul {
    display: flex;
    justify-content: space-around;
    position: absolute;
    width: 100%;
    bottom: 20px;
}
#sec01-text li {
    color: #f34833;
    font-size: 1.1em;
    font-weight: bold;
    letter-spacing: .15em;
    border: 5px solid #f34833;
    padding: 4px 28px;
    background: rgba(255,255,255,0.5);
    border-radius: 25px;
}
#sec01-text li:last-child {
    font-size: 1em;
    letter-spacing: 0em;
    color: #fff;
    background: url(../img/sec01_ico_car.png) center center / 92px auto no-repeat;
    border: none;
}

@media screen and (max-width: 768px) {
#sec01-text {
    z-index: 50;
    height: auto;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 10px;
}
#sec01-text h1 {
    width: 140px;
    top: -110%;
    left: 12%;
}
#sec01-text h1 img {
    width: 100%;
}
#sec01-text p {
    font-size: 0.85em;
    position: static;
}
#sec01-text ul {
    position: static;
    flex-wrap: wrap;
    margin: 20px 0 10px;
}
#sec01-text li {
    font-size: 0.7em;
    text-align: center;
    box-sizing: border-box;
    width: 48%;
    padding: 1%;
    margin: 0 0 3%;
    border: 3px solid #f34833;
}
}


/* --------------------------------------------
sec02
-------------------------------------------- */
#sec02 {
    background: #d8e4ef;
}
#sec02 h1 {
    font-size: 1.4em;
    font-weight: bold;
    text-align: center;
    padding: 1em 0;
    position: relative;
}
#sec02 h1 b {
    color: #186cff;
    font-size: 2.4em;
    font-weight: 800;
    position: relative;
}
#sec02 h1 span {
    font-size: 0.6em;
    font-weight: normal;
    padding: 0 0 0 10px;
}
#sec02 h1 b:before {
    content: "";
    display: block;
    background: url(../img/medal.png) center center / cover no-repeat;
    position: absolute;
    top: -0.5em;
    left: -5em;
    height: 96px;
    width: 71px;
}
#sec02 h1 + p {
    margin: 0 8%;
    padding: 20px 0;
    line-height: 180%;
}

@media screen and (max-width: 768px) {
#sec02 h1 {
    font-size: 1.2em;
}
#sec02 h1 b {
    font-size: 2em;
}
#sec02 h1 span {
    display: block;
}
#sec02 h1 b:before {
    top: -0.2em;
    left: -4.4em;
    height: 65px;
    width: 47px;
}
#sec02 h1 + p {
    font-size: 0.9em;
    margin: 0;
    line-height: 160%;
    padding: 20px;
}
}

/* --------------------------------------------
ctoa
-------------------------------------------- */
#ctoa {
    background: #f34833;
}
#ctoa > div {
    color: #fff;
    width: 80%;
    max-width: 680px;
    margin: 0 auto;
    padding: 20px 0;
}
#ctoa > div > p {
}
#ctoa > div > p a {
    color: #f34833;
    font-size: 1.6em;
    font-weight: bold;
    width: 100%;
    padding: 0.8em 0;
    display: inline-block;
    text-align: center;
    background: #fff;
    border-radius: 3px;
    box-shadow: 0px 5px 0px 0px rgba(0,0,0,0.15);
}
#ctoa > div > p a:hover {
    color: #fff;
    background: #176CFF;
}
#ctoa > div > h2 {
    font-size: 1.66em;
    font-weight: bold;
    letter-spacing: 0.15em;
    text-align: center;
    margin: 30px 0 10px;
}
#ctoa > div > h2 + p {
    font-size: 1.15em;
    text-align: center;
    letter-spacing: 0.25em;
}
#ctoa > div > h2 + p {
    font-size: 1.15em;
    text-align: center;
    letter-spacing: 0.25em;
}
#ctoa > div > div {
    background: url(../img/ico_tel.png) center left / 120px 90px no-repeat;
    min-height: 90px;
    padding: 0 0 0 160px;
}
#ctoa > div > div {
    background: url(../img/ico_tel.png) center left / 120px 90px no-repeat;
    min-height: 90px;
    padding: 0 0 0 160px;
    margin: 35px 0 0;
}
#ctoa > div > div h3 + p {
}
#ctoa > div > div h3 + p a {
    color: #fff;
    font-size: 56px;
    line-height: 76%;
    letter-spacing: 0.05em;
    margin: 0;
    padding: 0;
    font-weight: bold;
}
#ctoa > div > div h3 + p + p {
}

@media screen and (max-width: 768px) {
#ctoa > div {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    padding: 20px;
}
#ctoa > div > p a {
    font-size: 1.1em;
}
#ctoa > div > h2 {
    font-size: 1.1em;
}
#ctoa > div > h2 + p {
    font-size: 1.05em;
}
#ctoa > div > div {
    background: none;
    padding: 0px;
}
#ctoa > div > div h3 + p {
    padding: 15px 0 10px;
    text-align: center;
}
#ctoa > div > div h3 + p a {
    font-size: 38px;
}
#ctoa > div > div h3 + p + p {
    font-size: 0.9em;
}
}

/* --------------------------------------------
sec03
-------------------------------------------- */
#sec03 .feature-wrap h2:before {
    background: url(/for-lease/img/sec03_ico_speedy.png) center center / cover no-repeat;
}
#sec03-main {
    display: flex;
    justify-content: space-between;
}
#sec03-main > dl {
    width: 430px;
}
#sec03-main > dl dt {
}
#sec03-main > dl dt img {
    width: 100%;
}
#sec03-main > dl dd {
    margin: 10px 0 40px;
}
#sec03-main > div {
    width: 338px;
    position: -webkit-sticky;
    position: sticky;
    top: 10px;
    height: 810px;
}

@media screen and (max-width: 768px) {
#sec03-main {
    flex-wrap: wrap;
    flex-direction: column-reverse;
}
#sec03-main > div {
    position: static;
    -webkit-position: static;
    height: auto;
    width: 100%;
    text-align: center;
}
#sec03-main > div + div {
    width: 100%;
    text-align: center;
}
#sec03-main > div > img {
    width: 100%;
}
#sec03-main > div > img + img {
    width: 30%;
}
#sec03-main > dl {
    width: 100%;
}
}


/* --------------------------------------------
sec04
-------------------------------------------- */
#sec04 {
    background: #ededed;
}
#sec04 .sec-wrap {
    padding: 60px 0;
    text-align: center;
}

@media screen and (max-width: 768px) {
#sec04 iframe {
    width: 100%;
    height: auto;
}
}

/* --------------------------------------------
sec05
-------------------------------------------- */
#sec05 .feature-wrap h2:before {
    background: url(/for-lease/img/sec05_ico_compact.png) center center / cover no-repeat;
}
#sec05-main {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#sec05-main > div > img,
#sec05-main > div > figure > img {
    width: 100%;
}
#sec05-main .sec05-01 {
    width: 48%;
}
#sec05-main .sec05-02 {
    width: 48%;
}
#sec05-main .sec05-03 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
}
.sec05-03:after {
    content: " ";
    position: absolute;
    top: 127px;
    width: 100%;
    height: 27px;
    background: url(/for-lease/img/sec05_arrow.png) center center /82px 27px no-repeat;
}
#sec05-main .sec05-03 figure {
    width: 48%;
}
#sec05-main .sec05-04 {
    width: 100%;
}
#sec05-main .sec05-04 figure {
    width: 100%;
}
#sec05-main .sec05-04 > img {
    width: 48%;
    margin: 0 4% 0 0;
    float: left;
}
#sec05-main > div {
    padding: 0 0 40px;
}
#sec05-main > div > p {
    font-size: 1.15em;
    margin: 10px 0 0;
}
#sec05-main > div > p + p {
    font-size: 0.8em;
}
#sec05-main > div > p sup {
    color: #F4462F;
    font-weight: bold;
}

@media screen and (max-width: 768px) {
#sec05-main > div > p {
    font-size: 0.95em;
    line-height: 130%;
}
#sec05-main > div > p + p {
    font-size: 0.65em;
}
.sec05-03:after {
    top: 20%;
    height: 15px;
    background: url(/for-lease/img/sec05_arrow.png) center center /auto 15px no-repeat;
}
}


/* --------------------------------------------
sec06
-------------------------------------------- */
#sec06 .feature-wrap h2:before {
    background: url(/for-lease/img/sec06_ico_light.png) center center / cover no-repeat;
}
#sec06 {
    text-align: center;
    background: #ededed;
}
#sec06 .feature-wrap {
    text-align: left;
}
#sec06 .feature-wrap > div {
    width: 80%;
    margin: 0 auto;
    padding: 50px 0;
}
#sec06 .feature-wrap > div img {
    width: 100%;
}

@media screen and (max-width: 768px) {
#sec06 iframe {
    width: 100%;
    height: auto;
}
#sec06 .feature-wrap {
    margin: 0 0 20px;
}
}

/* --------------------------------------------
sec07
-------------------------------------------- */
#sec07 .feature-wrap h2:before {
    background: url(/for-lease/img/sec07_ico_custam.png) center center / cover no-repeat;
}
#sec07 .feature-wrap > div {
    display: flex;
    flex-wrap: wrap;
}
#sec07 .feature-wrap > div > div {
    width: 50%;
    text-align: center;
}

@media screen and (max-width: 768px) {
#sec07 .feature-wrap > div {
    justify-content: space-around;
}
#sec07 .feature-wrap > div > div {
    width: 48%;
}
#sec07 .feature-wrap > div > div > img {
    width: 100%;
}
}

/* --------------------------------------------
sec08
-------------------------------------------- */
#sec08 .feature-wrap h2:before {
    background: url(/for-lease/img/sec08_ico_freely.png) center center / cover no-repeat;
}
#sec08 .feature-wrap h2 {
    border-bottom: none;
}
#sec08 {
    background: #d9e4ef;
}
.owl-carousel-sec08 {
  width: 1000px;
  margin: 0 auto;
}
#sec08 .owl-item p {
    margin: 10px 0 0;
    text-align: center;
    font-size: 0.9em;
}
#sec08 .owl-item p span {
    padding: 0 0 0 10px;
    /*font-size: 1.2em;*/
    font-size: 2em;
    font-weight: bold;
    color: #F34833;
}

@media screen and (max-width: 1024px) {
  .owl-carousel-sec08 {
    width: 90%;
  }
}
@media screen and (max-width: 640px) {
  #sec08 .owl-item p span {
    font-size: 1.5em;
    display: block;
}
}

.owl-carousel-sec08.owl-theme .owl-controls .owl-nav .owl-prev,
.owl-carousel-sec08.owl-theme .owl-controls .owl-nav .owl-next {
  font-size: 32px;
  font-size: 2rem;
  position: absolute;
  /*top: 25%;*/
  top: 35%;
  margin: 0;
  padding: 0 20px;
  -webkit-transform: scaleX(0.5);
  transform: scaleX(0.5);
}
@media screen and (max-width: 640px) {
  .owl-carousel-sec08.owl-theme .owl-controls .owl-nav .owl-prev,
  .owl-carousel-sec08.owl-theme .owl-controls .owl-nav .owl-next {
    padding: 0 10px;
  }
}

.owl-carousel-sec08.owl-theme .owl-controls .owl-nav .owl-prev {
  left: -60px;
}
@media screen and (max-width: 640px) {
  .owl-carousel-sec08.owl-theme .owl-controls .owl-nav .owl-prev {
    left: -30px;
  }
}

.owl-theme .owl-controls .owl-nav .owl-next {
  right: -60px;
}
@media screen and (max-width: 640px) {
  .owl-theme .owl-controls .owl-nav .owl-next {
    right: -30px;
  }
}

/* --------------------------------------------
sec09
-------------------------------------------- */
#sec09 {
    background: linear-gradient(90deg,#186cff 0%,#186cff 50%,#f34833 50%,#f34833 100%);
}
#sec09-main ul {
    display: flex;
    justify-content: space-between;
    padding: 0 0 30px;
}
#sec09-main li {
    width: 46.5%;
    position: relative;
}
#sec09-main li img {
    width: 100%;
}
#sec09-main ul li:first-child:after {
    content: " ";
    position: absolute;
    top: 94px;
    left: 100%;
    width: 74px;
    height: 45px;
    background: url(/for-lease/img/sec09_arrow.png) center center /74px 45px no-repeat;
}

@media screen and (max-width: 768px) {
#sec09-main ul {
    display: block;
}
#sec09-main li {
    width: 100%;
}
#sec09-main li+li {
    text-align: right;
    padding: 5px 0 0;
}
#sec09-main li img {
    width: 70%;
}
#sec09-main ul li:first-child:after {
    top: 50%;
    left: 70%;
    width: 74px;
    height: 45px;
    background: url(/for-lease/img/sec09_arrow.png) center center /74px 45px no-repeat;
    transform: scale(-1, 1) rotate(125deg);
}
}

/* --------------------------------------------
sec10
-------------------------------------------- */
.voice-img {
    display: flex;
    justify-content: space-between;
}
.voice-img img {
    width: 100%;
}
.voice-img > h2 {
    width: 43%;
}
.voice-img > ul {
    width: 54.5%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.voice-img > ul li {
    width: 48%;
    padding: 0 0 1.8%;
}
.voice-txt {
    padding: 10px 0 60px;
}
.voice-txt h2 {
    color: #186cff;
    font-size: 1.5em;
    letter-spacing: 0.1em;
    font-weight: bold;
    padding: 0 0 10px;
}
.voice-txt h3 {
    color: #186cff;
    font-size: 0.9em;
    font-weight: bold;
    padding: 20px 0 10px;
}
.voice-txt + hr {
    /* height: 0; */
    /* margin: 0; */
    padding: 0;
    border: 0;
    margin: 0 0 50px;
    height: 1px;
    background: #bbb;
    background-image: -webkit-linear-gradient(left, #eee, #777, #eee);
    background-image: -moz-linear-gradient(left, #eee, #777, #eee);
    background-image: -ms-linear-gradient(left, #eee, #777, #eee);
    background-image: -o-linear-gradient(left, #eee, #777, #eee);
}

@media screen and (max-width: 768px) {
.voice-img {
    flex-wrap: wrap;
}
.voice-img > h2 {
    width: 100%;
}
.voice-img > ul {
    width: 100%;
    padding: 10px 0 0;
}
.voice-img > ul li {
    width: 48%;
    padding: 0 0 3%;
}
.voice-txt h2 {
    font-size: 1.2em;
    letter-spacing: 0em;
}
}

/* --------------------------------------------
sec11
-------------------------------------------- */
#sec11 {
    background: #d9e4ef;
}
#sec11 dl {
    font-size: 1.4em;
    font-weight: bold;
    padding: 0 0 0 55px;
    margin: 0 80px;
}
#sec11 dt {
    color: #186cff;
    position: relative;
    margin: 0 0 10px;
}
#sec11 dd {
    color: #ff5337;
    position: relative;
    margin: 0 0 6px
}
#sec11 dd + dd {
    color: #333;
    font-size: 0.7em;
    font-weight: normal;
    line-height: 190%;
    margin: 0 0 30px;
}
#sec11 dt:before {
    content: "";
    position: absolute;
    top: 0.2em;
    left: -55px;
}
#sec11 dt + dd:before {
    content: "";
    position: absolute;
    top: 0.2em;
    left: -55px;
}
#sec11 dl > dt:nth-of-type(1):before {
    content: "Q1";
}
#sec11 dl > dt:nth-of-type(2):before {
    content: "Q2";
}
#sec11 dl > dt:nth-of-type(3):before {
    content: "Q3";
}
#sec11 dl > dt:nth-of-type(4):before {
    content: "Q4";
}
#sec11 dl > dt:nth-of-type(5):before {
    content: "Q5";
}
#sec11 dl > dt:nth-of-type(6):before {
    content: "Q6";
}
#sec11 dl > dt:nth-of-type(7):before {
    content: "Q7";
}
#sec11 dl > dd:nth-of-type(1):before {
    content: "A1";
}
#sec11 dl > dd:nth-of-type(3):before {
    content: "A2";
}
#sec11 dl > dd:nth-of-type(5):before {
    content: "A3";
}
#sec11 dl > dd:nth-of-type(7):before {
    content: "A4";
}
#sec11 dl > dd:nth-of-type(9):before {
    content: "A5";
}
#sec11 dl > dt:nth-of-type(11):before {
    content: "A6";
}
#sec11 dl > dd:nth-of-type(13):before {
    content: "A7";
}

@media screen and (max-width: 768px) {
#sec11 dl {
    font-size: 1.2em;
    margin: 0;
}
}

/* --------------------------------------------
sec12
-------------------------------------------- */
#sec12 {
    background: #186cff;
}
#sec12 ul {
    height: 261px;
    position: relative;
}
#sec12 ul li {
    position: absolute;
    opacity: 0;
}
#sec12 ul li:nth-of-type(1) {
    top: 0;
    left: 0;
    z-index: 19;
}
#sec12 ul li:nth-of-type(2) {
    top: 0;
    left: 25%;
    z-index: 18;
}
#sec12 ul li:nth-of-type(3) {
    top: 0;
    left: 50%;
    z-index: 17;
}
#sec12 ul li:nth-of-type(4) {
    top: 0;
    left: 75%;
    z-index: 16;
}
#sec12 ul + p {
    color: #fff;
    padding: 20px 35px;
}
.flow-pc {
}
.flow-sp {
    display: none;
}

@media screen and (max-width: 768px) {
#sec12 ul {
    height: auto;
    position: relative;
}
#sec12 ul li {
    position: relative;
    opacity: 1;
    background: #d9e4ef;
    display: flex;
    justify-content: space-around;
    padding: 8% 0;
    width: 64%;
    margin: 0 auto;
    align-items: center;
}
#sec12 li > figure {
    width: 25%;
}
#sec12 li > figure img {
    width: 100%;
}
#sec12 li > div {
    width: 58%;
}
#sec12 li > div b {
    color: #186cff;
    display: block;
    font-size: 1.05em;
}
#sec12 li > div span {
    color: #186cff;
    font-size: 0.8em;
    line-height: 120%;
}
#sec12 li:before {
    content: "";
    display: block;
    width: 100%;
    height: 14px;
    background: linear-gradient(to top right, rgba(255,255,255,0) 50%, #fff 50.5%) no-repeat top left/50% 100%, linear-gradient(to top left, rgba(255,255,255,0) 50%, #fff 50.5%) no-repeat top right/50% 100%;
    position: absolute;
    bottom: -14px;
}
#sec12 li:after {
    content: "";
    display: block;
    width: 100%;
    height: 10px;
    background: linear-gradient(to top right, rgba(255,255,255,0) 50%, #d9e4ef 50.5%) no-repeat top left/50% 100%, linear-gradient(to top left, rgba(255,255,255,0) 50%, #d9e4ef 50.5%) no-repeat top right/50% 100%;
    position: absolute;
    bottom: -10px;
}
#sec12 ul li:nth-of-type(4):before ,
#sec12 ul li:nth-of-type(4):after {
    display: none;
}
#sec12 ul li:nth-of-type(1) {
    top: 0;
    left: 0;
}
#sec12 ul li:nth-of-type(2) {
    top: 0;
    left: 0;
}
#sec12 ul li:nth-of-type(3) {
    top: 0;
    left: 0;
}
#sec12 ul li:nth-of-type(4) {
    top: 0;
    left: 0;
}
#sec12 ul + p {
    color: #fff;
    padding: 30px 10px 20px;
}
.flow-pc {
    display: none;
}
.flow-sp {
    display: block;
}
}

/* --------------------------------------------
contact
-------------------------------------------- */
#contact {
    background: #f34833;
}
#contact .sec-wrap > div {
    text-align: center;
}

/* --------------------------------------------
buy
-------------------------------------------- */
#buy {
    background: #dbdbdc;
}
#buy .sec-wrap {
    padding: 20px 0 70px;
}
#buy-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
#buy-wrap > div {
    width: 33.33%;
    text-align: center;
    margin: 0 0 40px;
}
#buy-wrap > div h2 {
    font-size: 1.1em;
    font-weight: bold;
    margin: 10px 0;
}
#buy-wrap > div h2 span {
    font-size: 0.8em;
    font-weight: normal;
}
#buy-wrap > div p a {
    display: inline-block;
    color: #fff;
    font-size: 0.9em;
    padding: 0.8em 1.8em;
    border-radius: 4px;
}
#buy-wrap > div.blue {
}
#buy-wrap > div.blue h2 {
    color: #186cff;
}
#buy-wrap > div.blue p {
}
#buy-wrap > div.blue p a {
    background: #186cff;
    transition: all .2s ease-in;
}
#buy-wrap > div.blue p a:hover {
    opacity: 0.5;
}
#buy-wrap > div.red {
}
#buy-wrap > div.red h2 {
    color: #F34833;
}
#buy-wrap > div.red p {
}
#buy-wrap > div.red p a {
    background: #F34833;
    transition: all .2s ease-in;
}
#buy-wrap > div.red p a:hover {
    opacity: 0.5;
}
#buy-wrap > div.gray {
}
#buy-wrap > div.gray h2 {
    color: #666666;
}
#buy-wrap > div.gray p {
}
#buy-wrap > div.gray p a {
    background: #666666;
    transition: all .2s ease-in;
}
#buy-wrap > div.gray p a:hover {
    opacity: 0.5;
}

@media screen and (max-width: 768px) {
#buy-wrap > div {
    width: 55%;
    margin: 0 0 40px;
}
#buy-wrap > div > img {
    width: 65%;
    margin: 0 0 10px;
}
#buy-wrap > div p a {
    width: 75%;
}
}

/* --------------------------------------------
footer
-------------------------------------------- */
footer {
    padding: 40px 0 80px;
    text-align: center;
    background: #186cff;
}
footer > div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: #fff !important;
}
footer h1 {
    width: 35%;
    margin: 0;
    padding: 0 !important;
}
footer h1 img {
    width: 210px;
}
footer h2 {
    font-size: 1.08em;
    width: 65%;
    text-align: left;
}
footer h2 b {
    font-size: .8em;
    text-align: center;
    letter-spacing: .2em;
    margin: 5px 0 0;
    padding: 4px 0;
    display: block;
    border: 1px solid #fff;
}
footer p {
    font-size: .8em;
    letter-spacing: .1em;
    width: 100%;
    margin: 50px 0 0;
    font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.mailadd {
    color: #fff;
    margin: 20px 0 0;
    display: inline-block;
}

.mailadd:hover {
    color: #F34832;
}

@media screen and (max-width: 768px) {
footer > div {
    display: block;
}
footer h1 {
    width: 100%;
}
footer h1 img {
    width: 160px;
    height: auto !important;
}
footer h2 {
    font-size: 0.9em;
    width: 80%;
    margin: 20px auto 0;
}
footer h2 b {
}
footer p {
    font-size: .7em;
    letter-spacing: 0em;
}
footer {
    padding: 40px 0 100px;
}
}

/* --------------------------------------------
follow-ctoa
-------------------------------------------- */
#follow-ctoa {
    color: #fff;
    position: fixed;
    top: 20px;
    right: 20px;
    background: rgba(0,0,0,.4);
    padding: 1em 0.5em;
    border-radius: 5px;
    z-index: 9999;
}
#follow-ctoa > p {
    text-align: center;
}
#follow-ctoa > p a {
    color: #F34833;
    font-weight: bold;
    background: #fff;
    display: inline-block;
    font-size: 0.8em;
    padding: 0.1em 2em;
    text-align: center;
    border-radius: 50px;
}
#follow-ctoa > p a:hover {
    background: #d8e4ef;
}
#follow-ctoa > p + p {
    font-size: 0.75em;
    text-align: center;
    margin: 8px 0 16px;
}
#follow-ctoa > div {
    text-align: center;
}
#follow-ctoa > div > h3 {
    font-size: 0.8em;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 0.2em 1.15em;
    display: inline-block;
    margin: 0 0 5px;
    font-weight: bold;
}
#follow-ctoa > div > h4 {
    font-weight: bold;
    color: #eee;
}
#follow-ctoa > div > p {
    font-weight: bold;
    font-size: 1.17em;
}
#follow-ctoa > div > p > a {
    font-weight: bold;
    font-size: 1.17em;
    color: #fff;
}
#follow-ctoa > div > p + p {
    font-size: 0.75em;
    font-weight: normal;
}

@media screen and (max-width: 768px) {
#follow-ctoa {
    top: unset;
    bottom: 0;
    left: 0;
    width: 100%;
    background: rgba(0,0,0,.5);
    border-radius: 0;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 0.7em 0.5em;
    box-sizing: border-box;
}
#follow-ctoa > p + p {
    display: none;
}
#follow-ctoa > div > p + p {
    display: none;
}
#follow-ctoa > div > h3 {
    font-size: 0.5em;
    padding: 0.1em 1.8em;
    margin: 0 0 2px;
}
#follow-ctoa > div > h4 {
    font-size: .65em;
}
#follow-ctoa > div > p {
    font-size: 1em;
}
#follow-ctoa > p a {
    padding: 0.9em 2em;
}
}


/* --------------------------------------------
sec13
-------------------------------------------- */
#sec13 {
    background: #ededed;
}
#sec13 .feature-wrap h2:before {
    background: url(/for-lease/img/sec13_ico_vguard.png) center center / cover no-repeat;
    height: 155px;
}
#virus.feature-wrap h2 + p {
    font-size: 1.05em;
    line-height: 180%;
}

#ec13-box1 {
}
#sec13-box1 > img {
    width: 100%;
}

#sec13-box2 {
}
#sec13-box2 > h3 {
    margin: 35px 0 17px;
    clear: both;
}
#sec13-box2 > h3 > span {
    color: #f8e214;
    letter-spacing: .15em;
    font-size: 1.2em;
    font-weight: bold;
    padding: .3em 2em;
    background: #186cff;
    border: 4px solid #008ec1;
    border-radius: 30px;
}
#sec13-box2 > p {
    font-size: 0.9em;
    line-height: 160%;
}
#sec13-box2 > p:nth-of-type(1) > img {
    float: right;
    margin-left: 40px;
}

#sec13-box3 {
    padding: 40px 0 0;
}
#sec13-box3 > h3 {
    color: #F34833;
    font-weight: bold;
    line-height: 200%;
}
#sec13-box3 > h3 > b {
    display: block;
    font-size: 2.5em;
    letter-spacing: 0.2em;
}
#sec13-box3 > p {
    padding: 20px 0 10px;
}
#sec13-box3 > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#sec13-box3 > div > img {
    display: block;
    width: 49.5%;
}

#sec13-box4 {
    margin: 50px 0 0;
    padding: 30px;
    background: #f8f8f8;
    border: 2px solid #b9b9b9;
}
#sec13-box4 > h3 {
    font-size: 1.1em;
    color: #F34833;
    font-weight: bold;
    padding: 0 0 10px;
}
#sec13-box4 > p {
    font-size: 0.85em;
}
#sec13-box4 > div {
    width: 100%;
}
#sec13-box4 > div > img {
    width: 100%;
}

#sec13-box5 {
    margin: 50px 0 50px;
}
#sec13-box5 > h3 {
    font-size: 1.1em;
    color: #F34833;
    font-weight: bold;
    padding: 0 0 10px;
}
#sec13-box5 > ul {
    padding: 0 0 0 20px;
}
#sec13-box5 > ul > li {
    font-size: 0.8em;
    list-style: disc;
    margin: 7px 0;
}

@media screen and (max-width: 768px) {
    #sec13 .feature-wrap h2:before {
        height: 65px;
    }
}

.color-red {
    color: #F34833;
}
.line-yellow {
    background: linear-gradient(transparent 70%, #FFFF99 0%);
    display: inline;
    padding: 0 2px 4px;
}

/* --------------------------------------------
sec14
-------------------------------------------- */
.sec14-header {
    background: url(../img/sec14_1.jpg) center top/100% auto no-repeat;
}
.sec-wrap .sec14-header h1 {
    padding-top: 20px;
}
.sec14-header figure {
    display: none;
}
.sec14-header p {
    width: 804px;
    margin: 370px auto 0;
    padding: 30px;
    background: rgba(255,255,255,0.5);
}

@media screen and (max-width: 768px) {

.sec14-header {
    background: none;
}
.sec-wrap .sec14-header h1 {
    padding-bottom: 10px;
}
.sec-wrap .sec14-header h1 img {
    height: auto;
    width: 100%;
}
.sec14-header figure {
    display: block;
}
.sec14-header figure img {
    width: 100%;
}
.sec14-header p {
    width: 90%;
    margin: 20px auto 20px;
    padding: 0;
}
.sec14-map img {
    width: 100%;
}

}

/* --------------------------------------------
sec15
-------------------------------------------- */
#sec15 .sec-wrap img {
    height: auto;
    width: 100%;
}
#sec15-main {
    padding: 0 170px;
}
#sec15-main > figure {
    margin: 0 0 20px;
}
#sec15-main > figure > img {}
#sec15-main > p {
    font-size: 1.2em;
    margin: 0 0 40px;
}

@media screen and (max-width: 768px) {
#sec15-main {
    padding: 0 5%;
}
}

/* --------------------------------------------
sec16
-------------------------------------------- */
#sec16 {
    background: #ededed;
}
#sec16-main {
}
.sec-wrap > #sec16-main > h1 {
    font-family: 'Noto Sans JP', sans-serif;
    color: #A71F80;
    font-size: 2em;
    font-weight: bold;
    text-align: center;
    padding: 50px 0 10px;
}
.sec-wrap > #sec16-main > h1 + p {
    text-align: center;
    margin: 0 0 50px;
}
#sec16-main figure {
    margin: 0 0 20px;
}
#sec16-main figure img {
    max-width: 100%;
    margin: 0 auto;
    display: block;
}
#sec16-main .arrow {
    text-align: center;
    margin: 0 0 20px;
}
#sec16-main .arrow img {
    max-width: 80px;
    width: 100%;
}

@media screen and (max-width: 768px) {

}