@charset "utf-8";

/*
==================================================
common
==================================================
*/

body {
  color: #010101;
  height: 100%;
  min-width: 1000px;
}

img {
  width: auto;
  height: auto;
}

p {
  font-size: 1rem;
  line-height: 1.6em;
}

.inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
}
.inner1 {
  width: 100%;
  max-width: 940px;
  margin: 0 auto;
}
.center {
  text-align: center;
}
.p_b_10{
  padding-bottom: 10px !important;
}

/*
==================================================
header
==================================================
*/

#header {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  height: 75px;
  width: 100%;
  background: #fff;
  border-top: 2px solid #ffadb9;
  border-bottom: 2px solid #ffadb9;
}

#header .inner {
  display: table;
  height: 66px;
}

#header .inner > * {
  display: table-cell;
  vertical-align: middle;
  font-size: 0;
}

#header .inner img {
  vertical-align: middle;
}

#header .inner h1 {
  width: 20%;
}

#header .inner > ul {
  width: 80%;
  text-align: right;
}

#header .inner > ul li {
  display: inline-block;
  vertical-align: middle;
}

#header .inner > ul li + li {
  padding-left: 12px;
}

/*
==================================================
fv
==================================================
*/

.fv {
  position: relative;
  padding-bottom: 20px;
  background: url(../img/fv_background.jpg) center top no-repeat;
}

.fv header {
  width: 100%;
}

.fv header .inner {
  display: table;
  height: 65px;
}

.fv header .inner .logo,
.fv header .inner p {
  display: table-cell;
  vertical-align: middle;
  font-size: 14px;
}

.fv header .inner .logo {
  /* padding-right: 40px; */
  width:18%;
}

.fv header .inner .logo img{
  width:100%;
}

.fv header .inner p+p {
  padding-left: 100px;
}

.fv header .inner p a {
  color: #fff;
  font-weight: 700;
  text-decoration: underline;
}

.fv header .inner p a:hover {
  text-decoration: none;
}
#fv .balloon {
  width: 200px;
  position: absolute;
  right: -1000px;
  top: 40px;
  text-align: right;
}
#fv .balloon p:first-child {
  margin-bottom: 10px;
}
.fv ul {
  position: relative;
  min-height: 593px;
}

.fv li {
  position: absolute;
}

.fv .fv-item02 {
  top: 70px;
  left: 45px;
}

.fv .fv-item03 {
  top: 250px;
  left: 95px;
}

.fv .fv-item04 {
  bottom: 10px;
  left: 0;
}

.fv .fv-item05 {
  top: 340px;
  right: 30px;
}

/*　キャンペーン　*/
.linkbtn-campaign{
  margin:auto;
  text-align:center;
  padding-bottom: 40px;
}
/*　キャンペーン〆　*/

/*
==================================================
style
==================================================
*/

.style {
  padding: 75px 0 50px;
  width: 100%;
  background: #fff;
}

.style h2 {
  margin-bottom: 70px;
}

.style-list {
  width: 100%;
  display: table;
  margin: -200px auto 55px;
  background: url(../img/style_img03.png) no-repeat center 240px;
}

.style-list li {
  width: 380px;
  float: left;
}

.style-list li + li {
  float: right;
}

.style-list li + li figure {
  text-align: right;
}

.style-list li dl {
  width: 100%;
  border: 2px dotted #9e9e9e;
  padding: 20px;
  border-radius: 10px;
  min-height: 300px;
}

.style-list li dt {
  margin-bottom: 25px;
}

.style-list li:nth-of-type(2) dt {
  margin-bottom: 13px;
}

.style-list li dd {
  font-size: 16px;
  line-height: 1.6em;
}

/*
==================================================
point
==================================================
*/

.point {
  padding: 60px 0 0;
  width: 100%;
  background: #fff;
}

.point h2 {
  margin-bottom: 70px;
}
.point .sub-title{
  padding-left: 100px;
  padding-right: 100px;
  padding-top: 15px;
  font-size:16px;
}
.reason1_img01{
  padding-top: 50px;
  padding-bottom: 35px;
}
.info_search{
  display: block;
  margin: 0 auto;
}
.point-content{
  padding-bottom: 90px;
  display: inline-block;
  width: 100%;
}
.point-content img{
  display: block;
  margin: 0 auto;
}
.point2_txt01{
  padding-top: 45px;
  padding-bottom: 42px;
}
.point-content .row{
  padding-top: 65px;
  margin: 0 -20px;
}
.point-content .w3{
    width: 33.3333333333%;
    float: left;
    padding: 0 20px;
}
.point-content .w3-content{
  padding-bottom: 47px;
}
.point-content .w3-content img{

}
.point-content .w3-content p{
  font-size: 15px;
  height: 98px;
}

/*
==================================================
flow
==================================================
*/

.flow {
  padding: 50px 0;
  width: 100%;
  background: #fff2f4;
}

.flow h2 {
  margin-bottom: 17px;
}
.sub-title-flow{
  font-size: 19px;
  color: #2f2f2f;
  text-align: center;
}
.sub-title-flow .ac a{
  color: #ff005a;
  text-decoration: underline;
  display: inline;
}
.flow-content img{
  display: block;
  margin: 0 auto;
}
.flow_img01{
  padding-top: 58px;
  padding-bottom: 35px;
}
/*
==================================================
voice
==================================================
*/

.voice {
  padding: 65px 0 75px;
  width: 100%;
  background: #fff;
}

.voice h2 {
  margin-bottom: 45px;
}
.voice-content img{
  display: block;
  margin: 0 auto;
}
.voice-content a{
  padding-top: 50px;
  text-align: center;
  font-size: 16px;
  color: #333;
  text-decoration: underline;
}
.base-content{
  margin-top: 70px;
  padding: 20px;
  border-top: 1px solid #2f2f2f;
  border-bottom: 1px solid #2f2f2f;
}
.base-content .img-logo-base{
  float: left;
  margin-top: 1rem;
}
.base-content p{
  padding-left: 430px;
}
/*
==================================================
info
==================================================
*/
#info{
  background: #ffe8e8;
  display: inline-block;
  width: 100%;
  padding-top: 27px;
  padding-bottom: 21px;
}
#info .row{
  margin: 0 -18px;
}
#info .row .w50{
  text-align: center;
}
#info .row .w50 img{
  text-align: left;
}
.info_txt01{
  padding-bottom: 18px;
  display: block;
  margin: 0 auto;
}
.info_txt02{
  padding-bottom: 25px;
  display: block;
  margin: 0 auto;
}
#info.info_footer{
  padding-top: 35px;
  padding-bottom: 31px;
}
/*
==================================================
footer
==================================================
*/

.footer {
  width: 100%;
}

.copyright {
  background: #e9a9b4;
  text-align: center;
  display: block;
  font-size: 18px;
  color: #fff;
  line-height: 38px;
}