@charset "utf-8";

/* ////////////////////////////////////////////////////////////

フォント指定

/////////////////////////////////////////////////////////////*/

/*Noto Sans JP-Regular*/
@font-face {
font-family: 'Noto Sans JP';
font-style: normal;
font-weight: 400;
src: url('../font/NotoSansJP-RegularSubset.woff2') format('woff2'), url('../font/NotoSansJP-RegularSubset.woff') format('woff'), url('../font/NotoSansJP-RegularSubset.otf') format('opentype');
}

/*Noto Sans JP-Medium*/
@font-face {
font-family: 'Noto Sans JP';
font-style: normal;
font-weight: 500;
src: url('../font/NotoSansJP-MediumSubset.woff2') format('woff2'), url('../font/NotoSansJP-MediumSubset.woff') format('woff'), url('../font/NotoSansJP-MediumSubset.otf') format('opentype');
}

/*Noto Sans JP-Bold*/
@font-face {
font-family: 'Noto Sans JP';
font-style: normal;
font-weight: 700;
src: url('../font/NotoSansJP-BoldSubset.woff2') format('woff2'), url('../font/NotoSansJP-BoldSubset.woff') format('woff'), url('../font/NotoSansJP-BoldSubset.otf') format('opentype');
}

/*Noto Sans JP-Black*/
@font-face {
font-family: 'Noto Sans JP';
font-style: normal;
font-weight: 900;
src: url('../font/NotoSansJP-BlackSubset.woff2') format('woff2'), url('../font/NotoSansJP-BlackSubset.woff') format('woff'), url('../font/NotoSansJP-BlackSubset.otf') format('opentype');
}

/*SourceHanSerif-Heavy*/
@font-face {
font-family: 'SourceHanSerif-Heavy';
font-style: normal;
font-weight: 900;
src: url('../font/SourceHanSerif-HeavySubset.woff2') format('woff2'), url('../font/SourceHanSerif-HeavySubset.woff') format('woff'), url('../font/SourceHanSerif-HeavySubset.otf') format('opentype');
/*font-display: swap;*/
}


/* ////////////////////////////////////////////////////////////

リセット・サイト設定

/////////////////////////////////////////////////////////////*/

* {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

img{
max-width: 100%;
height: auto;
width: auto;
}

/*@media(max-width:768px){*/
@media(max-width:767px){
img{
max-width: 100%;
width:100%;
height: auto;
width: auto;
margin:0;
padding:0;
display:block;
}
}

#container{
width:100%;
}

html,body {
height:100%;
}

@media(max-width:767px){
html {
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
}
/*li a{ display: block; }*/
div{
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
} /* 横px 縦px */
/* 文字リサイズ解除 */
body {
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
}
table { table-layout:fixed; }
}

* {
margin:0;
padding:0;
}

body {
font-family: 'Noto Sans JP', 'ヒラ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
line-height: 1.5;
color:rgba(64,62,62, 1);
position:relative;
text-align:left;
width:100%;
background: rgba(255,255,255, 1);
color: rgba(21,21,21, 1);
z-index:100;
font-feature-settings : "pkna";
letter-spacing: 0;
/*overflow-x: hidden;*/
}

/*@media(max-width:768px){*/
@media(max-width:767px){
body {
min-width:100%;
overflow-x: hidden;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
}

img {
vertical-align: bottom;
/*content-visibility: auto;*/ /*レンダリング遅延*/
}

.wrapper {
width:1000px;
margin:0 auto;
position:relative;
}

@media(max-width:1000px){ /*レスポンシブ切り替え*/
.wrapper {
width:95%;
}
}

@media(max-width:767px) {
.wrapper {
width:92%;
}
}

/* テキスト選択時 */
::selection {
color:rgba(255,255,255, 1);
background: rgba(3,159,227, .6); /* Safari */
}

::-moz-selection {
color:rgba(255,255,255, 1);
background: rgba(3,159,227, .6); /* Firefox */
}


/* ////////////////////////////////////////////////////////////

リンクカラー

/////////////////////////////////////////////////////////////*/

a:link {
color:#333;
text-decoration:none;
}
a:visited {
color:#333;
text-decoration:none;
}
a:hover {
color:#333;
/*text-decoration:underline;*/
}
a:active {
color:#333;
text-decoration:none;
}

a img{border:none;}/*リンクのある画像は枠線をつけるのがデフォルトなので */
a:link,a:visited{border:none;}/* 以下a要素に関する枠の指定 */
a:focus,a:hover{border:none;}
a:active{border:none;}

a{ outline: none; } /* リンクの枠線 */

a{
/* トランジション */
-webkit-transition: .2s ease-in-out;
transition: .2s ease-in-out;
/*tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);*/
/* ↑リンクタップのちらつきONOFF */
}

a.over {
-webkit-transition: .4s ease-in-out;
transition: .4s ease-in-out;
}

a.over:hover {
-webkit-opacity:.7;
opacity:.7;
filter: alpha(opacity=70);
}
a.disable {
  tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a.disable:hover {
text-decoration:none;
cursor:default;
}

/* ////////////////////////////////////////////////////////////

基本設定

/////////////////////////////////////////////////////////////*/

a, abbr, acronym, del, em, ins, q, span, strong, ruby, code {
text-decoration:none;
}

a img {
padding:0;
margin:0;
}

abbr, acronym {
border-style:none none dotted none;
cursor:help;
}

del {
/*font-family:italic;*/
text-decoration:line-through;
}

em {
font-style:normal;
font-weight:700;
}

strong {
font-size:1.8em;
font-weight:700;
}

rt {
font-size:0.7em;
}

ins {
border-style:solid;
}

kbd {
border-style:outset;
border-width:0.15em;
padding:0.1em;
margin:0 0.15em;
background-color:#ccc;
border-color:#ccc;
}

code {
padding:0 0.2em;
}

fieldset {
margin:0;
padding:0;
border:0;
}

blockquote {
padding: .5em 1em;
font-size: .8em;
background: rgba(200,200,200, .2);
}

address {
font-style:normal;
}

table, th, td
{
text-decoration:none;
margin:0;
padding:0;
font-size: 1em;
}

th {
font-style:italic;
font-weight:700;
}

ul {
list-style-type:none;
}

ol {
list-style-type:decimal;
}

li {
/*list-style-position:inside;*/
margin:0;
line-height:1.0;
}

br {
letter-spacing:0;
}

br.clear {
clear:both;
}

q::before {
content:open-quote;
}
q::after{
content:close-quote;
}

h1::before, h1::after,
h2::before, h2::after,
h3::before, h3::after,
h4::before, h4::after,
h5::before, h5::after,
h6::before, h6::after{
margin: 0;
}

pre > code {
display:block;
border-style:dotted;
overflow:scroll;
}

blockquote > p {
margin:0;
padding:0;
}

ol {
list-style-type:decimal;
}

li {
}

li::before,
dt::before {
margin-right:0.2em;
}

table {
border-collapse:collapse;
}

hr {
margin: 10px 0px;
}

th {
font-style:normal !important;
}

label {
cursor:pointer;
}

span.clear {
display:none;
}

.clearfix {
clear:both;
}

.clearfix::after{
content: "";
clear: both;
height: 0;
display: block;
visibility: hidden;
}

/* HTML5用 */

article, aside, dialog, figure, footer, header, section, hgroup, menu, nav, section {
display: block;
position:relative;
}

img{
max-width: 100%;
height: auto;
width /***/:auto;　
}

#container{
width:100%;
}

.svgicon {
display: inline-block;
width: 1em;
height: 1em;
fill: currentColor;
vertical-align:middle;
margin-right:5px;
}

.pcOnly {
display: block !important;
}

.spOnly {
display: none !important;
}

/*@media(max-width:768px){*/
@media(max-width:767px){
.pcOnly {
display: none !important;
}

.spOnly {
display: block !important;
}
}


.pcOnly2 {
display: block !important;
}

.spOnly2 {
display: none !important;
}

@media(max-width:479px){
.pcOnly2 {
display: none !important;
}

.spOnly2 {
display: block !important;
}
}


.pcOnly_inline {
display: inline-flex !important;
}
@media(max-width:767px){
.pcOnly_inline {
display: none !important;
}
}



/* ////////////////////////////////////////////////////////////

コンテナ

/////////////////////////////////////////////////////////////*/

@media(max-width:1000px) {
.page_wrap {
overflow-x: hidden;
}
}

#container {
padding: 0;
text-align:left;
display:block;
position:relative;
z-index: 0;
}

/*@media(max-width:768px){*/
@media(max-width:767px){
#container {
width:100%;
max-width:100%;
}
}


/* ////////////////////////////////////////////////////////////

本文

/////////////////////////////////////////////////////////////*/

#container p {
font-size: 18px;
line-height: 2;
margin: 1.5em 0;
text-align: justify;
}

@media(max-width:767px){
#container p {
font-size: 16px;
line-height: 1.9;
}
}

#container p.center {
text-align: center;
}

#container p.promise_introduction {
text-align: center;
}
@media(max-width:767px) {
  #container p.promise_introduction {
  text-align: left;
  }
}


/* ////////////////////////////////////////////////////////////

画像

/////////////////////////////////////////////////////////////*/

img.content_img {
  display: block;
  margin: 2.5em auto .5em;
}


/* ////////////////////////////////////////////////////////////

#logo

/////////////////////////////////////////////////////////////*/

#header .logo {
margin-top: .5em;
}
#header .logo img {
width: 210px;
}

/*////////// レスポンシブ-767 //////////*/

@media(max-width:767px) {
#header .logo img {
width: 140px;
}
}
#header .logo a {
display:block;
}


/* ////////////////////////////////////////////////////////////

#headerカスタマイズ

/////////////////////////////////////////////////////////////*/


/*////////// topヘッダー //////////*/

#header .headerBg {
position: relative;
background: url(../img/header.webp) no-repeat center center, #eaedef;
height: 480px;
background-size: 1450px,cover,cover;
}
.no-webp .headerBg {
background: url(../img/header.png) no-repeat center center, #eaedef;
}
@media screen and (min-width: 480px) and (max-width: 1000px){
#header .headerBg {
position: relative;
background: url(../img/header.webp) no-repeat center center, #eaedef;
background-size: 145vw,cover,cover;
height: 0;
width: 100%;
padding-top: 48%; /* 480÷1000 × 100*/
}
}

@media(max-width:479px){
#header .headerBg {
/*height: auto;*/
height: 140vw;
background: none;
}
}

#header .headerBg img {
  display: block;
  margin: 0 auto;
}

/*@media(max-width:768px){*/
@media(max-width:767px){
#header .headerBg .wrapper {
width: 100%;
}
}


/*////////// navバー //////////*/

#header .NavBar {
width: 100%;
background: #fff;
z-index: 1;
box-shadow: 0px 0px 20px rgba(26,26,26,.2);
height: 130px;
}

#header .NavBar .wrapper {
width: 1000px;
}
#header .NavBar .wrapper .h1_wrap {
  padding: .3em 0;
  height: 30px;
}
#header .NavBar .wrapper .h1_wrap h1 {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: .5px;
}

#header .NavBar .wrapper .nav_above {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 40px;
}

#header .nav_bottom {
  display: block;
  width: 100%;
  background: #fff;
}

#header .nav_bottom.fixed {
  position: fixed;
  top: 0px;
  box-shadow: 0px 0px 20px rgba(26,26,26,.2);
}

#header .nav_bottom .nav_box {
  width: 1000px;
  margin: 0 auto;
}

#header .float_nav {
  display: inline-flex;
  justify-content: space-around;
  align-items: flex-start;
}

#header .float_nav {
  display: inline-flex;
  justify-content: space-around;
  align-items: flex-start;
  width: 100%;
    z-index: 1;
    height: 60px;

}

#header .float_nav .nav_btn{
font-size: 1.1em;
font-weight: 700;
margin-top: .8em;
padding: .5em 1.5em .1em;
position: relative;
}
#header .float_nav .nav_btn:before {
content: "";
width: 9px;
height: 7px;
background: url(../img/company_before.png) no-repeat;
background-size: contain;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}

#header .float_nav .nav_btn span {
color: #d31830!important;
}
#header .float_nav a.nav_btn{
position: relative;
}

#header .float_nav a.nav_btn:after{
  position: absolute;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #d31830;
  bottom: -1px;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform 0.3s;
  -webkit-transition: transform 0.3s;
}

#header .float_nav a.nav_btn:hover::after {
transform: scale(1, 1);
}


/*////////// レスポンシブ768-1000 //////////*/

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

#header .NavBar .wrapper .h1_wrap h1 {
  font-size: 11px;
}
}

/*////////// レスポンシブ480-1000 //////////*/

@media screen and (min-width: 480px) and (max-width: 1000px){

  #header .NavBar .wrapper {
  width: 95%;
  }

  #header .nav_bottom .nav_box {
    width: 100%;
  }



}

/*////////// レスポンシブ480-767 //////////*/

@media screen and (min-width: 480px) and (max-width: 767px){

  #header .float_nav .nav_btn{
  font-size: .9em;
  margin-top: 1.5em;
  white-space: nowrap;
  }

  #header .NavBar .wrapper .h1_wrap h1 {
    display: none;
  }
}


/*////////// レスポンシブ-479 //////////*/

@media(max-width:479px) {
  #header .NavBar {
  width: 100%;
  /*height: 80px;*/
  height: 60px;
  }

  #header .NavBar .wrapper {
  width: 95%;
  }
  #header .NavBar .wrapper .h1_wrap {
    display: none;
}

#header .NavBar .wrapper .nav_above {
  height: 55px;
}

  #header .float_nav {
display: none;
  }

}


/* ////////////////////////////////////////////////////////////

#footer

/////////////////////////////////////////////////////////////*/

#footer {
width:100%;
background: #f5f5f5;
display:block;
z-index:100;
bottom:0;
font-weight: 400;
/*font-weight: 500;*/
}
#footer .wrapper {
margin:0 auto;
position:relative;
}

@media(max-width:767px){
#footer .wrapper {
padding:0;
}
}

#footer .footlink img {
  width: 220px;
}
#footer .footlink {
  width: 100%;
  margin: 5.5em 0 2.5em;
  display: inline-flex;
  align-items: flex-start;
  justify-content: space-around;
}
#footer .footlink ul {
font-weight: 700;
}
#footer .footlink ul li {
margin-bottom: 2em;
font-size: 1.1em;
}
#footer .footlink ul li a {
  -webkit-transition: .4s ease-in-out;
  transition: .4s ease-in-out;
}
#footer .footlink ul li a:before {
  content: "-";
  padding-right: .5em;
}
#footer .footlink ul li a:hover {
  color: #d31830;
}


/*////////// レスポンシブ480-1000 //////////*/

@media screen and (min-width: 480px) and (max-width: 1000px){
  #footer .footlink img {
    width: 140px;
  }
  #footer .footlink ul li {
  font-size: 2vw;
  }
}

/*////////// レスポンシブ-767 //////////*/

@media(max-width:767px) {
  #footer .footlink img {
    width: 220px;
    margin-bottom: 2.5em;
  }
  #footer .footlink {
    width: 100%;
    margin: 3em 0;
    align-items: center;
    flex-direction: column;
    justify-content: center;
  }
  #footer .footlink ul {
  font-weight: 700;
  width: 80%;
  margin: 0 auto;
  }
  #footer .footlink ul li {
  font-size: .9em;
  }
}


/* ////////////////////////////////////////////////////////////

p要素

/////////////////////////////////////////////////////////////*/

p a {
color:#0000ff!important;
text-decoration:underline!important;
margin: 0 .1em;
}

/*@media(max-width:768px){*/
@media(max-width:767px){
p a {
font-size:1em;
line-height:2;
letter-spacing:.5px;
}
}

p a:hover {
text-decoration:none!important;
}

/* ////////////////////////////////////////////////////////////

#copyright

/////////////////////////////////////////////////////////////*/

#copyright {
color: #fff;
font-size: .9em;
background: #d31830;
text-align: center;
font-weight: 400;
/*font-weight: 500;*/
padding: .8em 0;
letter-spacing: .3px;
}

/*////////// レスポンシブ768-1000 //////////*/

@media screen and (min-width: 768px) and (max-width: 1000px){
  #copyright {
  font-size: 12px;
  padding: 1em 0;
}
}

/*////////// レスポンシブ-767 //////////*/
@media(max-width:767px) {
  #copyright {
  font-size: 10px;
  padding: 1em 0;
}
}

/* ////////////////////////////////////////////////////////////

パンくずリスト

/////////////////////////////////////////////////////////////*/

.breadcrumb {
}
.breadcrumb ol {
display: inline-flex;
justify-content: flex-start;
align-items: center;
font-size: 1.1em;
list-style: none;
padding: 1em 0 0;
}

.breadcrumb ol li a {
color:#808080;
}

.breadcrumb ol li:first-of-type a {
color: #0000ff!important;
text-decoration: underline;
margin-left: 1.6em;
}
.breadcrumb ol li:first-of-type a:hover {
text-decoration: none;
}

.breadcrumb ol li:first-of-type a:before {
content: "";
  width: 20px;
  height: 20px;
  background: url(../img/home.png) no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
}

.breadcrumb ol li {
padding-right: 1.2em;
}

.breadcrumb ol li:last-child span:before {
content: '＞';
padding-right: 1.2em;
/*vertical-align: middle;*/
}

@media(max-width:767px) {
.breadcrumb ol {
font-size: 12px;
}
.breadcrumb ol li:first-of-type a {
margin-left: 1.6em;
}
.breadcrumb ol li:first-of-type a:before {
  width: 15px;
  height: 15px;
}
}


/* ////////////////////////////////////////////////////////////

見出し・強調

/////////////////////////////////////////////////////////////*/

h2 {
font-size: 2.5em;
font-weight: 900;
text-align: center;
margin: -.3em 0 1.2em;
}

h2 .apple {
  font-size: .85em;
  font-weight: 700;
  position: relative;
  padding-left: 55px;
}
h2 .apple:before {
  content: "";
    width: 45px;
    height: 45px;
    background: url(../img/apple_icon_90.webp) no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.no-webp h2 .apple:before{
  background: url(../img/apple_icon_90.png) no-repeat;
}


@media(max-width:767px) {
h2 {
font-size: 22px;
}
h2 .apple {
  padding-left: 45px;
  line-height: 2.3;
  font-size: .9em;
  margin-top: 1em;
}

h2 .apple:before {
    width: 35px;
    height: 35px;
}

h2.spbig {
  font-size: 28px;
  line-height: 1.7;
}
}


h3 {
  font-size: 1.9em;
  font-weight: 700;
  color: #1142c7;
  border-bottom: 1px solid #1142c7;
  padding-bottom: .5em;
  margin-top: 3em;
}
h3 span {
  background-color: #1142c7;
  color: #fff;
  border-radius: 10px;
  font-size: .8em;
  padding: .1em .7em;
  vertical-align: middle;
  margin-right: .8em;
  font-weight: 500;
}

@media(max-width:767px) {
h3 {
font-size: 22px;
border-bottom: 2px solid #1142c7;
padding-bottom: .3em;
}
h3 span {
  display: block;
  width: fit-content;
  margin-right: 0;
  margin-bottom: .2em;
  font-size: .9em;
}
}


span.bold {
font-weight: 700;
}

span.orange {
font-weight: 700;
color: #FC6120;
}


/* ////////////////////////////////////////////////////////////

セクション

/////////////////////////////////////////////////////////////*/

#container .section .wrapper {
padding: 0;
}

/*@media(max-width:768px){*/
@media(max-width:767px){
#container .section .wrapper {
padding:inherit;
}
}


/* ////////////////////////////////////////////////////////////

.qanda

/////////////////////////////////////////////////////////////*/

.qanda {
width: 90%;
margin: 3em auto 1.5em;
}

.qanda_item {
width: 100%;
box-shadow: 0 10px 10px rgba(26,26,26,.1);
margin-top: 2em;
}

.qanda_q {
font-weight: 700;
padding: 1.5em;
padding-left: 2em;
position: relative;
cursor: pointer;
background: #fff;
}
.qanda_q.is-active {
background: #fff5f3;

}
.qanda_q span{
font-weight: 700;
font-size: 1.15em;
color: #d31830;
}

.qanda_q:after {
content: '';
width: 10px;
height: 10px;
border: 0;
border-bottom: solid 2px #d31830;
border-right: solid 2px #d31830;
position: absolute;
top: 50%;
right: 2em;
margin-top: -10px;
transform: rotate(45deg);
}

.qanda_q.is-active:after {
transform: rotate(225deg);
position: absolute;
right: 2em;
top: 50%;
margin-top: -5px;
}

.qanda_q .q {
/* Qのスタイル */
font-size: 1.8em;
color: #d31830;
font-weight: 900!important;
}

.qanda_q .p {
padding-left: 1.3em;
}

.qanda_a {
display: none;
position: relative;
background: #fff;
margin-top: 0;
}

.qanda_a p {
font-size: 1.1em !important;
font-weight: 400;
/*font-weight: 500;*/
padding: 1.5em 2.5em 1.5em 1.5em!important;
margin: 0!important;
}

.qanda_a .a {
/* Aのスタイル */
font-size: 1.8em;
color: rgba(26,26,26,1);
font-weight: 900!important;
padding-left: 1.2em;
padding-top: 1em;
}

.q_wrap,
.a_wrap {
  display: inline-flex;
  justify-content: flex-start;
}
.q_wrap {
  align-items: center;
}
.a_wrap {
  align-items: flex-start;
}


/*////////// レスポンシブ768-1000 //////////*/

@media screen and (min-width: 768px) and (max-width: 1000px){
  .qanda {
  width: 95%;
  }
  .qanda_q .p {
  padding-right: 2em;
  line-height: 1.5;
  }
}


/*////////// レスポンシブ-767 //////////*/

@media (max-width: 767px) {
  .qanda {
  width: 100%;
  margin: 3em auto 1.5em;
  }

  .qanda_item {
  margin-top: 1.5em;
  box-shadow: 0px 5px 5px rgba(26,26,26,.1);
  }

  li.qanda_item a {
  display: inline;
  }

  .qanda_q {
  padding-left: 1.5em;
  }
  .qanda_q.is-active {
  background: #fff5f3;
  }
  .qanda_q span{
  font-weight: 700;
  font-size: 1em;
  color: #d31830;
  }

  .qanda_q:after {
  content: '';
  width: 10px;
  height: 10px;
  border: 0;
  border-bottom: solid 2px #d31830;
  border-right: solid 2px #d31830;
  position: absolute;
  top: 50%;
  right: 2em;
  margin-top: -10px;
  transform: rotate(45deg);
  }

  .qanda_q .q {
  /* Qのスタイル */
  font-size: 1.8em;
  color: #d31830;
  font-weight: 900!important;
  }

  .qanda_q .p {
  padding-left: 1em;
  padding-right: 2em;
  line-height: 1.5;
  }

  .qanda_a {
  display: none;
  position: relative;
  background: #fff;
  margin-top: 0;
  }

  .qanda_a p {
  font-size: 1em !important;
  font-weight: 400;
  /*font-weight: 500;*/
  padding: 1.5em 2.5em 1.5em 1em!important;
  margin: 0!important;
  }

  .qanda_a .a {
  /* Aのスタイル */
  font-size: 1.8em;
  color: rgba(26,26,26,1);
  font-weight: 900!important;
  padding-left: 1em;
  padding-top: 1em;
  }

  .q_wrap,
  .a_wrap {
    display: inline-flex;
    justify-content: flex-start;
  }
  .q_wrap {
    align-items: center;
  }
  .a_wrap {
    align-items: flex-start;
  }
}


/* ////////////////////////////////////////////////////////////

改行設定

/////////////////////////////////////////////////////////////*/

.br-sp{
display: none;
}
@media(max-width:767px) {
.br-sp{
display: inline-block;
}
}
.br-pc{
display: inline-block;
}
@media(max-width:767px) {
.br-pc{
display: none;
}
}
.br-tb{
display: none;
}
@media(max-width:1000px) {
.br-tb{
display: inline-block;
}
}
.br-tbOnly{
display: none;
}
@media screen and (min-width: 768px) and (max-width: 1000px){
.br-tbOnly{
display: inline-block;
}
}


/* ////////////////////////////////////////////////////////////

サイトマップ

/////////////////////////////////////////////////////////////*/

ul.sitemap_menu {
}
ul.sitemap_menu li {
padding: .7em 0;
font-weight: 700;
}

ul.sitemap_menu li a {
font-size: 1.2em;
padding: .3em 1em;
-webkit-transition: .4s ease-in-out;
transition: .4s ease-in-out;
}

ul.sitemap_menu li a:hover {
background: #FDF8DD;
color:#FC6120;
border-radius: 50px;
}

ul.sitemap_menu li a:before {
}

ul.sitemap_menu li a:hover:before {
color:#FC6120;
}

@media(max-width:768px) {
ul.sitemap_menu li {
padding: .5em 0;
}
ul.sitemap_menu li a {
font-size: 16px;
}
}

.return-btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
}

.return-btn a {
color: #fff;
font-size: 1.7em;
font-weight: 700;
letter-spacing: 2px;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
margin: .5em auto 1em;
border-radius: 50px;
-webkit-box-shadow: 0px 5px 5px rgb(0 0 0 / 10%);
box-shadow: 0px 5px 5px rgb(0 0 0 / 10%);
position: relative;
background: #FC6120;
text-align: center;
padding: 0.7em 3em;
cursor:pointer;
}

.return-btn a:hover {
transform: translateY(3px);
box-shadow: none;
}

@media(max-width:500px) {
.return-btn a {
font-size: 1.3em;
padding: 0.5em 3em;
margin: 0 auto 1.5em;
}
}

/*/////////////////////// 個別装飾 ///////////////////////////*/

.info_block {
  background-color: #eef3f5;
  padding: 1.5em 2em;
}

ul.check {
margin: 0;
}
ul.check li {
font-size: 1.2em;
padding: .7em 0 .7em 2.7em;
position: relative;
font-weight: 400;
}

ul.check li:before {
content: "";
  width: 25px;
  height: 25px;
  background: url(../img/check.png) no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
}
@media(max-width:767px) {
  .info_block {
    padding: 1em 1.5em;
  }

  ul.check li {
  font-size: 1em;
  padding: .7em 0 .7em 2em;
  }

  ul.check li:before {
    width: 15px;
    height: 15px;
  }
}


.headerBg .logotext {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -65%);
  -webkit-transform: translate(-50%, -65%);
  -ms-transform: translate(-50%, -65%);
  text-align: center;
}

.headerBg .logotext_a {
font-size: 1.3em;
color: #fff;
font-weight: 500;
letter-spacing: 1px;
position: relative;
}

.headerBg .logotext_a:after {
  content: "";
  position: absolute;
	width: 92%;
	height: 35px;
  box-shadow: 5px 5px #eaedef, 5px 5px 0 2px #1a1a1a;
  outline: 1px solid #1a1a1a;
  background-color: #1a1a1a;
  left: 4%;
  top: 30%;
  z-index: -1;
}


.headerBg .logotext_a .big {
  font-size: 1.8em;
  /*text-shadow:1px 2px 0 #1a1a1a, -2px -2px 0 #1a1a1a,
                -2px 2px 0 #1a1a1a, 2px -2px 0 #1a1a1a,
                0px 2px 0 #1a1a1a,  0 -2px 0 #1a1a1a,
                -2px 0 0 #1a1a1a, 2px 0 0 #1a1a1a;*/
-webkit-text-stroke:5px #000;
position: relative;
}

.headerBg .logotext_a .big.three:before{
    content: "3";
    -webkit-text-stroke: 0;
    position: absolute;
}
.headerBg .logotext_a .big.den:before{
    content: "電";
    -webkit-text-stroke: 0;
    position: absolute;
}

.headerBg .logotext_b {
  font-size: 2.5em;
font-weight: 900;
line-height: 1.8;
margin-top: .5em;
}

.headerBg .logotext_b .small {
  font-size: .8em;
  margin: 0 .05em;
}

.headerBg .logotext_b .dot,
.headerBg .logotext_b .dotred {
  padding-top: .2em;
    background-position: top left -2px;
    background-repeat: repeat-x;
    background-size: 1em 0.3em;
    /*background-image: radial-gradient(.08em .08em at center center,#d31830,#d31830 100%,rgba(255,255,255,0));*/
    background: top left / 1em .5em repeat-x radial-gradient(circle, #d31830 .08em, rgba(0,0,0,0) .08em);
    margin: 0 .02em;
}
.headerBg .logotext_b .dotred {
color: #d31830!important;
}

.headerBg .logotext_b .yellowline {
  text-decoration: underline;
      text-underline-offset: -0.05em;
      text-decoration-thickness: 0.32em!important;
      text-decoration-color: #ffee51!important;
      text-decoration-skip-ink: none;
      letter-spacing: 2px;
    }
    .headerBg .logotext_b .stuffing {
letter-spacing: -3px;
}


/*////////// レスポンシブ480-1000 //////////*/

@media screen and (min-width: 480px) and (max-width: 1000px){
  .headerBg .logotext_a {
  font-size: 2.1vw;
  }

  .headerBg .logotext_b {
    font-size: 4vw;
}
.headerBg .logotext_a:after {
      height: 3.5vw;
}
}


/*////////// レスポンシブ-479 //////////*/

@media(max-width:479px) {
.headerBg .logotext {
  position: absolute;
    white-space: nowrap;
    /*top: 33%;*/
    top: 33%;
}


.headerBg .logotext_a {
font-size: 4.8vw;
}

.headerBg .logotext_a.above{
margin-right: 21vw;
text-align: right;
margin-bottom: 0;
}

.headerBg .logotext_a.above:after {
      width: 44vw;
      height: 30px;
      left: initial;
      right: -3%;
    top: 30%;
    z-index: -1;

    box-shadow: 4px 4px #eaedef, 4px 4px 0 1px #1a1a1a;

}
.headerBg .logotext_a.bottom{
text-align: right;
margin-right: 0;
}

.headerBg .logotext_a.bottom:after {
      width: 46vw;
      height: 30px;
      left: initial;
      right: -2%;
    top: 30%;
    z-index: -1;
    box-shadow: 4px 4px #eaedef, 4px 4px 0 1px #1a1a1a;
}

.headerBg .logotext_a .big {
  font-size: 1.6em;
  -webkit-text-stroke:3px #000;
}


.headerBg .logotext_b {
  font-size: 2em;
font-weight: 900;
line-height: 1.6;
margin-top: .3em;
font-size: 8.5vw;
}

}

.headerBg .medal_box {
display: none;
filter: drop-shadow(3px 3px 5px rgba(26,26,26,.4));
}

@media(max-width:479px) {
  .headerBg .medal_box {
    display: block;
  position: absolute;
  left: 10px;
  top: 8px;
  filter: drop-shadow(2px 2px 3px rgba(26,26,26,.4));
  }
  .headerBg .medal_inner {
  position: relative;
  }
  .headerBg .medal_img {
  width: 24.3vw;
  height: 24.3vw;
  }
  .headerBg .medal_text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  font-size: 3.6vw;
  text-align: center;
  font-weight: 900;
  line-height: 1.1;
  font-family: "SourceHanSerif-Heavy", serif;
  white-space: nowrap;

  }
  .headerBg .medal_text .red {
  color: #d31830;
  font-size: 2.2em;
  margin-left: 5px;
  }
}


/*///// 背景色 /////*/

.bgPink,
.bgGray,
.bgWhite,
.bgLightgray {
  /*padding: 6em 0;*/
  padding: 5em 0;
}

.bgPink {
  background: #fff5f3;
}
.bgPink.top {
  padding: 6em 0 3em;
}

.bgGray {
  background: #f5f5f5;
}
.bgGray.rate {
  padding: 6em 0;
}

.bgWhite {
  background: #fff;
}
.bgWhite.admin {
  padding: 5em 0 3em;
}

.bgLightgray {
  background: #eef3f5;
}

.bgLightgray.triangleTop {
position: relative;
padding-top: 0;
padding-bottom: 6em;
}

.bgLightgray.triangleTop:before {
content: "";
position: absolute;
top: 0;
box-sizing: border-box;
border-right: calc(50vw - 10px) solid transparent;
border-left: calc(50vw - 10px) solid transparent;
border-top: 10em solid #fff;
}

.bgWhite.triangleBottom {
  padding-bottom: 2em;
}


/*////////// レスポンシブ480-1000 //////////*/

@media screen and (min-width: 480px) and (max-width: 1000px){
  .bgLightgray.triangleTop:before {
  border-right: calc(50vw) solid transparent;
  border-left: calc(50vw) solid transparent;
  }
}

/*////////// レスポンシブ-767 //////////*/

@media(max-width:767px) {
  .bgPink,
  .bgGray,
  .bgWhite,
  .bgLightgray {
    padding: 3em 0;
  }

  .bgLightgray.triangleTop {
  padding-top: 2em;
  padding-bottom: 3em;
  }

  .bgLightgray.triangleTop:before {
  border-right: calc(50vw) solid transparent;
  border-left: calc(50vw) solid transparent;
  }

  .bgLightgray.triangleTop .wrapper {
    width: 95%;
}

  .bgWhite.triangleBottom {
    padding-bottom: 0em;
  }
  .bgGray.rate {
    padding: 3em 0;
  }
  .bgWhite.admin {
    padding: 3em 0;
  }
}


.bgCompany {
background: url(../img/company_bg.webp) no-repeat center center;
background-size: cover,100%;
height: 320px;
}
.no-webp .bgCompany{
background: url(../img/company_bg.jpg) no-repeat center center;
}

.bgCompany .wrapper {
display: table;
}

.sectionHead.white{
  font-weight: 900;
  font-size: 5em;
  color: rgba(255,255,255,.6);
  letter-spacing: 10px;
  text-align: center;
  margin-bottom: -.2em;
}

.campanyInfo {
color: #fff;
font-size: 2.6em;
font-weight: 700;
text-align: center;
}

.company_box {
  height: 350px;
  display: table-cell;
  vertical-align: middle;
}


.bgLogo {
position: relative;
background: url(../img/logo_bg.webp) repeat round, #f5f5f5;
height: 420px;
padding-top: 3.5em;
}

.no-webp .bgLogo{
background: url(../img/logo_bg.png) repeat round, #f5f5f5;
}

body:not(.index) .bgLogo {
	margin-bottom: 7em;
}


.bgApple {
  background-image:url(../img/apple_bg.webp),url(../img/apple_bg.webp),url(../img/apple_bg.webp),url(../img/apple_bg.webp);
	background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;
	background-position:left 10% top 3%,right 10% top 35%,left 10% bottom 35%,right 10% bottom 3%;
  background-color:#fff5f3;
  padding: 5em 0;
 }
 .no-webp .bgApple {
   background-image:url(../img/apple_bg.png),url(../img/apple_bg.png),url(../img/apple_bg.png),url(../img/apple_bg.png);
 }

 .bgTwitter {
   background-image:url(../img/twitter_bg.webp);
 	background-repeat:no-repeat;
 	/*background-position:left 10% top 3%,right 10% top 35%,left 10% bottom 35%,right 10% bottom 3%;*/
  background-position:left 10% top 10%;
   /*background-color:#f5f5f5;*/
   background-color: #eef3f5;
   padding: 5em 0;
  }
  .no-webp .bgTwitter {
    background-image:url(../img/twitter_bg.png);
  }


 /*////////// レスポンシブ-767 //////////*/
@media(max-width:767px) {
   .bgLogo {
   position: relative;
   background: url(../img/logo_bg.webp) no-repeat center center, #f5f5f5;
   height: 330px;
   background-size: cover;
   padding-top: 3.5em;
   }
   .no-webp .bgLogo {
     background: url(../img/logo_bg.png) no-repeat center center, #f5f5f5;
   }

   body:not(.index) .bgLogo {
   	margin-bottom: 4em;
    height: 310px;
   }

   .bgCompany {
   height: 200px;
   }
 }

 @media(max-width:768px) {
   .bgApple {
     background-image:none;
    }
  .bgTwitter {
    background-image:none;
   }


}


.sectionHead {
  font-weight: 900;
  font-size: 4.5em;
  color: rgba(26,26,26,.07);
  letter-spacing: 10px;
  text-align: center;
}

.sectionHead.white{
  font-weight: 900;
  font-size: 4.5em;
  color: rgba(255,255,255,.6);
  letter-spacing: 10px;
  text-align: center;
  margin-bottom: -.2em;
}

/*////////// レスポンシブ-767 //////////*/
@media(max-width:767px) {
  .sectionHead {
    font-size: 3em;
    letter-spacing: 6px;
    margin-bottom: .3em;
  }

  .sectionHead.white{
    font-size: 3em;
    letter-spacing: 6px;
    margin-bottom: -.2em;
  }

}
@media(max-width:767px) {
body:not(.index) .sectionHead {
    font-size: 2.6em;
    margin-bottom: .2em;
}
body:not(.index) h2.spbig {
    line-height: 1.3;
}

}

.campanyInfo {
color: #fff;
font-size: 2.4em;
font-weight: 700;
text-align: center;
}

.company_box {
  height: 320px;
}
.microCatch {
  font-weight: 700;
  font-size: 2.3em;
  text-align: center;
  line-height: 1.2;
}
.microCatch:before,
.microCatch:after {
  position: absolute;
    top: 0;
    height: 3.7em;
    content: '';
}
.microCatch:before {
    border-left: solid 4px;
    left: 28%;
    transform: rotate(-30deg);
    border-radius: 10px;
}

.microCatch:after {
    border-right: solid 4px;
    right: 28%;
    transform: rotate(30deg);
    border-radius: 10px;
}

.microCatch .yellowline {
  text-decoration: underline;
      text-underline-offset: -0.05em;
      text-decoration-thickness: 0.32em!important;
      text-decoration-color: #ffee51!important;
      text-decoration-skip-ink: none;
      letter-spacing: 2px;
      font-size: 1.1em;
    }
.microCatch .big {
font-size: 1.7em;
}

/*////////// レスポンシブ768-1000 //////////*/

@media screen and (min-width: 768px) and (max-width: 1000px){
  .microCatch:before {
      left: 20%;
  }

  .microCatch:after {
      right: 20%;
  }
}

/*////////// レスポンシブ-767 //////////*/

@media(max-width:767px) {
  .campanyInfo {
  font-size: 1.8em;
  }

  .company_box {
    height: 200px;
  }

  .microCatch {
    /*font-size: 1.6em;*/
    font-size: 1.4em;
  }
  .microCatch:before {
      border-left: solid 3px;
      left: 15%;
  }

  .microCatch:after {
      border-right: solid 3px;
      right: 15%;
  }
  .microCatch .yellowline {
        letter-spacing: 0px;
      }
  .microCatch .big {
  }
}



/* ////////////////////////////////////////////////////////////

TOP換金率

/////////////////////////////////////////////////////////////*/

.main_rate_wrap {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: auto 1fr max-content;
grid-column-gap: 1.5em;
grid-row-gap: 1.5em;
margin: -11.5em auto 0;
width: 90%;
}
.main_rate_apple {
grid-area: 1 / 1 / 2 / 3;
background: #4d4d4d;
padding: 1.5em 4em .5em;
filter: drop-shadow(0px 10px 10px rgba(26,26,26,.5));
position: relative;
}
.main_rate_amazon {
grid-area: 2 / 1 / 3 / 2;
background: #4d4d4d;
padding: 1.5em 2em;
filter: drop-shadow(0px 10px 10px rgba(26,26,26,.5));
}
.main_rate_google {
grid-area: 2 / 2 / 3 / 3;
background: #4d4d4d;
padding: 1.5em 2em;
filter: drop-shadow(0px 10px 10px rgba(26,26,26,.5));
}

/*///// アップルここから /////*/

.main_rate_apple .main_rate_grid {
display: grid;
text-align: center;
grid-template-columns: auto 1fr max-content;
grid-column-gap: 1em;
align-items: end;
}
.main_rate_apple .main_rate_grid .main_rate_img {
grid-area: 1 / 1 / 3 / 2;
}
.main_rate_apple .main_rate_grid .main_rate_card {
grid-area: 1 / 2 / 2 / 3;
}
.main_rate_apple .main_rate_grid .main_rate_box {
grid-area: 2 / 2 / 3 / 3;
}
.main_rate_apple .main_rate_grid .premium {
color: #fff;
font-size: 1.2em;
font-weight: 500;
}
.main_rate_apple .main_rate_grid .rate_info_flex {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
padding: 0 .5em;
}
.main_rate_apple .main_rate_img img {
width: 210px;
}
.main_rate_apple .main_rate_card {
color: #fff;
font-size: 2.1em;
font-weight: 700;
margin: -.2em 0 .5em;
}
/* 最短振込メダル */
.main_rate_apple .medal_box {
position: absolute;
right: -3%;
top: -7em;
}
.main_rate_apple .medal_inner {
position: relative;
}
.main_rate_apple .medal_img {
width: 150px;
height: 150px;
}
.main_rate_apple .medal_text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
font-size: 1.3em;
text-align: center;
font-weight: 900;
line-height: 1.1;
font-family: "SourceHanSerif-Heavy", serif;
white-space: nowrap;
}
.main_rate_apple .medal_text .red {
color: #d31830;
font-size: 2.2em;
margin-left: 5px;
}
/* 買取強化中リボン */
.main_rate_apple .ribbon_img {
position: absolute;
/*left: -10px;
top: -10px;*/
left: -8px;
top: -8px;
}
.main_rate_apple .ribbon_img img {
width: 220px;
}

/*///// アップルここまで /////*/

.main_rate_amazon .main_rate_flex,
.main_rate_google .main_rate_flex {
display: inline-flex;
align-items: center;
width: 100%;
margin-bottom: 1em;
}

.main_rate_amazon .main_rate_img img,
.main_rate_google .main_rate_img img {
width: 65px;
}

.main_rate_amazon .main_rate_info,
.main_rate_google .main_rate_info {
width: auto;
text-align: center;
}

.main_rate_amazon .main_rate_card,
.main_rate_google .main_rate_card {
color: #fff;
font-size: 1.7em;
font-weight: 700;
flex: 1;
text-align: center;
}

.main_rate_apple .main_rate_box {
background: #b6a086;
padding: .5em 0 .5em;
}
.main_rate_amazon .main_rate_box,
.main_rate_google .main_rate_box {
background: #b6a086;
padding: .5em 0 .5em;
}


.main_rate_info .premium {
color: #fff;
font-size: 1.2em;
font-weight: 500;
}
.main_rate_info .rate_info_flex {
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
padding: 0 .5em;
}
.rate_info_first,
.rate_info_second {
background: #fff;
margin: .6em;
width: 46%;
}


.rate_info_first .info_repeat {
background: #ff0000;
color: #fff;
font-size: 1.2em;
font-weight: 500;
padding: 2px 0;
}
.rate_info_first .info_num {
color: #ff0000;
font-size: 3.1em;
font-weight: 900;
line-height: 1.3;
}
.rate_info_second .info_repeat {
background: #1142c7;
color: #fff;
font-size: 1.2em;
font-weight: 500;
padding: 2px 0;
}
.rate_info_second .info_num {
color: #1142c7;
font-size: 3.1em;
font-weight: 900;
line-height: 1.3;
}
.rate_info_first .info_num span,
.rate_info_second .info_num span {
font-size: .8em;
}


.main_rate_btn {
border-radius: 50px;
color: #fff;
border: 1px solid #fff;
background: rgba(255,255,255,0);
text-align: center;
width: 70%;
padding: .6em 0;
margin: 1.5em auto;
font-size: 1.05em;
position: relative;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
font-weight: 400;
/*font-weight: 500;*/
cursor: pointer;

}

.main_rate_btn:hover {
background: rgba(255,255,255,1);
color: #4d4d4d;
}
.main_rate_apple .main_rate_btn {
width: 70%;
}
.main_rate_amazon .main_rate_btn,
.main_rate_google .main_rate_btn {
width: 100%;
margin-bottom: .5em;
}

.main_rate_btn:after {
content: '＞';
padding-left: 1em;
}

@media(max-width:479px) {
.main_rate_wrap {
display: block;
}
}


/*////////// レスポンシブ480-1000 //////////*/

@media screen and (min-width: 480px) and (max-width: 1000px){

  .main_rate_wrap {
  margin: -10em auto 0;
  }
  .main_rate_apple {
  padding: 1.5em 6.4vw .5em;
  }
  .main_rate_apple .main_rate_card {
  font-size: 3.4vw;
  }
  .main_rate_amazon .main_rate_card,
  .main_rate_google .main_rate_card {
  font-size: 3vw;
  }

  .main_rate_apple .main_rate_grid .premium,
  .main_rate_info .premium {
  font-size: 2vw;
  }

  .main_rate_apple .main_rate_img img {
  width: 22vw;
  }

  .rate_info_first .info_repeat,
  .rate_info_second .info_repeat {
  font-size: 2vw;
  }
  .rate_info_first .info_num,
  .rate_info_second .info_num {
  font-size: 5vw;
  }
.main_rate_amazon .rate_info_first .info_num,
.main_rate_amazon .rate_info_second .info_num,
.main_rate_google .rate_info_first .info_num,
.main_rate_google .rate_info_second .info_num {
  font-size: 4.2vw!important;
}


  .rate_info_first .info_num span,
  .rate_info_second .info_num span {
  font-size: .8em;
  }


  /* 最短振込メダル */
  .main_rate_apple .medal_box {
  right: -3%;
  /*top: -80px;*/
  }
  .main_rate_apple .medal_img {
  width: 15.4vw;
  height: 15.4vw;
  }
  .main_rate_apple .medal_text {
  font-size: 2.1vw;
  }
  .main_rate_apple .medal_text .red {
  font-size: 2.2em;
  }
  .main_rate_apple .ribbon_img img {
  width: 23vw;
  }
  .main_rate_btn {
  font-size: 1.6vw;
  }
  .main_rate_btn:after {
  padding-left: .5em;
  }

}


/*////////// レスポンシブ480-767 //////////*/

@media screen and (min-width: 480px) and (max-width: 767px){
  .main_rate_wrap {
  width: 100%;
  margin: -9em auto 0;
  }
  .main_rate_amazon,
  .main_rate_google {
  padding: 1.5em 1em;
  }
  .rate_info_first,
  .rate_info_second {
  margin: .4em .3em;
  }
  .main_rate_apple .medal_box {
  top: -25%;
  right: 0;
  }
}


/*////////// レスポンシブ-479 //////////*/
@media(max-width:479px) {

.main_rate_wrap {
/*margin: -9em auto 0;*/
margin: -9.4em auto 0;
width: 100%;
}

.main_rate_apple {
padding: 2em 1.2em 0.5em;
}
.main_rate_apple,
.main_rate_amazon {
margin-bottom: 2em;
}

.main_rate_amazon,
.main_rate_google {
padding: 1em 1.2em 1em;
}
.main_rate_apple,
.main_rate_amazon,
.main_rate_google {
filter: drop-shadow(3px 3px 5px rgba(26,26,26,.4));
}

.main_rate_apple .main_rate_grid {
align-items: flex-start;
grid-column-gap: 0;
grid-row-gap: 1em;
}
.main_rate_apple .main_rate_grid .main_rate_img {
grid-area: 1 / 1 / 2 / 2;
}
.main_rate_apple .main_rate_grid .main_rate_card {
grid-area: 1 / 2 / 2 / 3;
/*font-size: 1.6em;*/
font-size: 5.7vw;
margin: 0;
}
.main_rate_apple .main_rate_grid .main_rate_box {
grid-area: 2 / 1 / 3 / 3;
}
.main_rate_apple .main_rate_grid .premium {
font-size: 4vw;
padding: .1em 0;
}

.main_rate_apple .medal_box {
display: none;
}

.main_rate_apple .ribbon_img {
position: absolute;
top: -25px;
left: 0;
right: 0;
}
.main_rate_apple .ribbon_img img {
width: 320px;
margin: 0 auto;
}

.main_rate_apple .main_rate_img img,
.main_rate_amazon .main_rate_img img,
.main_rate_google .main_rate_img img {
width: 70px;
}

.main_rate_amazon .main_rate_card,
.main_rate_google .main_rate_card {
font-size: 5.7vw;
}

.main_rate_apple .main_rate_box {
padding: .3em 0;
}
.main_rate_amazon .main_rate_box,
.main_rate_google .main_rate_box {
padding: .3em 0;
}

.main_rate_info .premium {
  font-size: 4vw;
  padding: .1em 0;
}

.rate_info_first,
.rate_info_second {
margin: .3em .5em .6em;
}

.rate_info_first .info_repeat,
.rate_info_second .info_repeat {
font-size: 1em;
padding: 2px 0;
}

.rate_info_first .info_num,
.rate_info_second .info_num {
font-size: 10vw;
line-height: 1.5;
}

.main_rate_apple .main_rate_btn,
.main_rate_amazon .main_rate_btn,
.main_rate_google .main_rate_btn {
width: 100%;
font-size: 12px;
}
}


/* ////////////////////////////////////////////////////////////

シミュレーター

/////////////////////////////////////////////////////////////*/

.sliderHead {
font-size: 2.5em;
font-weight: 900;
text-align: center;
margin: -.3em 0 .6em;
}

.slider_wrap {
text-align: center;
border: 1px solid #e0e0e0;
padding: 1.6em 1em 2.5em;
width: 70%;
margin: 0 auto;
/*overflow-y: hidden!important;*/
}
.card_amount img {
  width: 40px;
  margin-right: .4em;
}
.card_amount {
  color: rgba(211,24,48,1);
  font-size: 1.1em;
  font-weight: 700;
  border: 2px solid rgba(211,24,48,1);
  border-radius: 50px;
  width: fit-content;
  margin: 0 auto 0.1em;
  padding: .6em 1.8em;
  position: relative;
}
.card_amount:before,
.card_amount:after {
  border-left: solid 8px transparent;
  border-right: solid 8px transparent;
  border-top: solid 13px rgba(211,24,48,1);
  bottom: -13px;
  content:"";
  display:block;
  height:0;
  left:50%;
  margin-left:-8px;
  position: absolute;
  width:0;
}
.card_amount:after {
  border-top-color: #FFF;
  bottom:-9px;
}

.money_amount {
  color: rgba(211,24,48,1);
  margin-bottom: -25px;
  font-size: 3.1em;
  font-weight: 900;
}
.money_amount span {
font-size: .6em;
margin-left: .2em;
}


input[type=range] {
  background-color: #808080;
  width: 87%;
  height: .7em;
  border-radius: 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type="range"]::-ms-thumb {
  -webkit-appearance: none;
  height: 25px;
  width: 25px;
  background: rgba(211,24,48,1);
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 0 0 11px rgba(211,24,48,.1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

input[type="range"]::-moz-range-thumb {
  -webkit-appearance: none;
  height: 25px;
  width: 25px;
  background: rgba(211,24,48,1);
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 0 0 11px rgba(211,24,48,.1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 25px;
  width: 25px;
  background: rgba(211,24,48,1);
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 0 0 11px rgba(211,24,48,.1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}

.min_max_wrap {
display: inline-flex;
justify-content: space-between;
align-items: center;
width: 95%;
color: #808080;
font-size: 1.1em;
margin-bottom: 3px;
}

@media(min-width:768px) {
  input[type="range"]:active::-ms-thumb {
    box-shadow: 0 0 0 16px rgba(211,24,48,.15);
  }
  input[type="range"]:active::-moz-range-thumb {
    box-shadow: 0 0 0 16px rgba(211,24,48,.15);
  }
  input[type="range"]:active::-webkit-slider-thumb {
    box-shadow: 0 0 0 16px rgba(211,24,48,.15);
  }
}

/*////////// レスポンシブ768-1000 //////////*/

@media screen and (min-width: 768px) and (max-width: 1000px){
  .card_amount {
display: inline-flex;
}
}


/*////////// レスポンシブ-767 //////////*/
@media(max-width:767px) {
  .sliderHead {
  font-size: 2em;
  margin: .5em 0 1.5em;
  }
  .slider_wrap {
  text-align: center;
  border: 1px solid #e0e0e0;
  padding: 1.5em 1em 2.5em;
  width: 95%;
  margin: 0 auto;

  background: #fff;
  position: relative;
  }

  .card_amount {
    font-size: 1.3em;
    border: 2px solid rgba(211,24,48,1);
    width: 95%;
    margin: 0 auto 0.5em;
    padding: .5em 1.8em;
    font-size: 1.1em;
    display: inline-flex;
    align-items: center;
    justify-content: space-evenly;
    line-height: 1.2;
  }

  .money_amount {
    margin-bottom: 0;
    font-size: 2.8em;
  }
  .money_amount span {
  font-size: .6em;
  margin-left: .2em;
  }

  input[type=range] {
    width: 100%;
    height: .5em;
    z-index: 1;
  }

  input[type="range"]::-ms-thumb {
    height: 23px;
    width: 23px;
    box-shadow: 0 0 0 8px rgba(211,24,48,.1);
  }

  input[type="range"]::-moz-range-thumb {
    height: 23px;
    width: 23px;
    box-shadow: 0 0 0 8px rgba(211,24,48,.1);
  }

  input[type="range"]::-webkit-slider-thumb {
    height: 23px;
    width: 23px;
    box-shadow: 0 0 0 8px rgba(211,24,48,.1);
  }

  .min_max_wrap {
  width: 100%;
  font-size: 1em;
  margin-bottom: 10px;
  }
}


.simu_center {
  width: 85%;
  margin: 0 auto;
  margin-top: 3px;
  display: block;
}

.simuwrap {
  display: inline-flex;
  justify-content: space-evenly;
  align-items: center;
  width: 100%;
  background: #fff;
  border-radius: 15px;
  box-shadow: 0px 0px 10px rgba(0,0,0,.3);
  -webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}

.simuwrap .simubox {
  padding: 0;
  text-align: center;
  width: 100%;
}

.simuwrap .simubox .simu_title_wrap {
background: #4d4d4d;
padding: .6em 2em;
display: inline-flex;
align-items: center;
width: 100%;
}
.simuwrap .simubox:nth-child(1) .simu_title_wrap {
  border-radius: 15px 0 0 0;
  border-right: 1px solid #fff;
}
.simuwrap .simubox:nth-child(3) .simu_title_wrap {
  border-radius: 0 15px 0 0;
  border-left: 1px solid #fff;
}
.simuwrap .simubox .simu_title_img img {
width: 55px;
}

.simuwrap .simubox .simu_title_text {
  color: #fff;
  font-weight: 900;
  font-size: 1.1em;
  flex: 1;
  text-align: center;
  line-height: 1.4;
  letter-spacing: .5px;
}
.simuwrap .simubox .simu_title_text span{
  font-size: 1.5em;
}

.simuwrap .simubox .simuinfo {
  padding: .5em 1.5em .8em;
}
.simuwrap .simubox:nth-child(1) .simuinfo {
  border-right: 1px solid #1a1a1a;
}
.simuwrap .simubox:nth-child(3) .simuinfo {
  border-left: 1px solid #1a1a1a;
}

.simuwrap .simubox .first_rate,
.simuwrap .simubox .second_rate {
border: 1px solid #a1a1a1;
border-radius: 5px;
margin-top: .7em;
display: inline-flex;
align-items: center;
width: 90%;
}
.simuwrap .simubox .second_rate {
margin-top: 1em;
}
.simuwrap .simubox .first_rate .repeat,
.simuwrap .simubox .second_rate .repeat {
  background-color: #a1a1a1;
  color: #fff;
}
.simuwrap .simubox .first_rate .repeat {
  font-size: 1.1em;
  height: 35px;
  line-height: 35px;
  width: 37%;
  font-weight: 500;
}

.simuwrap .simubox .second_rate .repeat {
  font-size: 1em;
  height: 35px;
  line-height: 35px;
  width: 37%;
  font-weight: 500;
}
.simuwrap .simubox .second_rate .repeat .mini {
  font-size: .7em;
}

.simuwrap .simubox .first_rate .repeat_rate,
.simuwrap .simubox .second_rate .repeat_rate {
  font-weight: 500;
  font-size: 1em;
  flex: 1;
}
#rate1,#rate2,#rate3,#rate4,#rate5,#rate6 {
  font-size: 1.1em;
  margin-right: .1em;
}

.simuwrap .simubox .first_result {
color: #ff0000;
font-size: 2.7em;
font-weight: 900;
border-bottom: 2px dotted rgba(26,26,26,.4);
margin: 3px 0;
padding-bottom: 5px;
position: relative;
padding-left: .5em;
}

.simuwrap .simubox .second_result {
color: #1142c7;
font-size: 2.7em;
font-weight: 900;
margin: 3px 0;
position: relative;
padding-left: .5em;
}
.simuwrap .simubox .first_result:before,
.simuwrap .simubox .second_result:before {
content: "入金額";
color: #fff;
font-weight: 400;
/*font-weight: 500;*/
font-size: 10px;
-ms-writing-mode: tb-rl;
 writing-mode: vertical-rl;
 position: absolute;
 top: 50%;
 left: 0;
 transform: translateY(-50%);
 -webkit-transform: translateY(-50%);
 -ms-transform: translateY(-50%);
 white-space: nowrap;
letter-spacing: 0;
padding: 0.3em;
}
.simuwrap .simubox .first_result:before {
  background-color: #ff0000;
}
.simuwrap .simubox .second_result:before {
background-color: #1142c7;
}

.simuwrap .simubox .first_result .yen,
.simuwrap .simubox .second_result .yen {
  font-size: .5em;
  font-weight: 700;
  color: #1a1a1a;
  margin-left: .3em;
}
.simuwrap .simubox .simubtn {
  box-shadow: 0px 0px 10px rgba(0,0,0,.3);
background: rgba(211,24,48,1);
color: #fff;
width: 100%;
margin: .8em auto;
padding: .5em 1em;
font-size: 1.1em;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
display: none;
position: relative;

}
.simuwrap .simubox .simubtn.visible {
  display: block;
  animation: appear 1s ease;
  -webkit-animation: appear 1s ease;
}
@keyframes appear {
    0%{
      opacity: 0;
    }
    100%{
      opacity: 1;
    }
  }
.simuwrap .simubox .simubtn:hover {
opacity: .7;
}

.simuwrap .simubox .simubtn:before {
  content: '';
  position: absolute;
  top: calc(50% - 2px);
  right: 1em;
  transform: translateY(calc(-50% - 2px)) rotate(35deg);
  /*width: 12px;*/
  height: 2px;
  width: .7em;
  background-color: #fff;
  -webkit-transition: .3s ease-in-out 0s;
  transition: .3s ease-in-out 0s;
  }

  .simuwrap .simubox .simubtn:after {
    content: '';
      position: absolute;
      top: 50%;
      right: 1em;
      transform: translateY(-50%);
      width: 1.4em;
      height: 2px;
      background-color: #fff;
      -webkit-transition: .3s ease-in-out 0s;
      transition: .3s ease-in-out 0s;
    }

    .simuwrap .simubox .simubtn:hover:before,
    .simuwrap .simubox .simubtn:hover:after {
      right: .7em;
    }


/*////////// レスポンシブ768-1000 //////////*/

@media screen and (min-width: 768px) and (max-width: 1000px){
.simu_center {
width: 95%;
}

.simuwrap .simubox .simuinfo {
  padding: .5em .5em .8em;
}

.simuwrap .simubox .first_result,
.simuwrap .simubox .second_result {
font-size: 4.3vw;
white-space: nowrap;
margin-top: 5px;
}
.simuwrap .simubox .second_rate .repeat {
    font-size: .95em;
}
.simuwrap .simubox .first_rate .repeat_rate,
.simuwrap .simubox .second_rate .repeat_rate {
font-size: .9em;
}


.simuwrap .simubox .first_result:before,
.simuwrap .simubox .second_result:before {
  letter-spacing: 0;
  padding: 0.2em;
  left: 10px;
}

.simuwrap .simubox .simubtn {
width: 90%;
}

.simuwrap .simubox .simubtn:before {
top: calc(50% - 1px);
right: .5em;
transform: translateY(calc(-50% - 2px)) rotate(35deg);
width: 1.3vw;
height: 2px;
}

.simuwrap .simubox .simubtn:after {
top: 50%;
right: .5em;
transform: translateY(-50%);
width: 2.6vw;
height: 2px;
}
}

/*////////// レスポンシブ-767 //////////*/
@media(max-width:767px) {
.simu_center {
width: 100%;
margin-top: 3px;
}

.simuwrap .simubox .simu_title_wrap {
padding: .5em .7em;
}
.simuwrap .simubox .simu_title_img img {
width: 25px;
}

.simuwrap .simubox .simu_title_text {
font-weight: 500;
font-size: 10px;
line-height: 1.4;
letter-spacing: -0.2px;
}
.simuwrap .simubox .simu_title_text span{
font-weight: 900;
font-size: 14px;
}

.simuwrap .simubox .simuinfo {
padding: .5em .4em .8em;
}

.simuwrap .simubox .first_rate,
.simuwrap .simubox .second_rate {
width: 95%;
display: block;
margin: .5em auto 0;
}
.simuwrap .simubox .first_rate .repeat,
.simuwrap .simubox .second_rate .repeat {
  border-radius: 3px 3px 0 0;
}
.simuwrap .simubox .first_rate .repeat {
font-size: 11px;
height: auto;
line-height: 2;
width: 100%;
font-weight: 500;
}

.simuwrap .simubox .second_rate .repeat {
font-size: 11px;
height: auto;
line-height: 2;
width: 100%;
font-weight: 500;
}
.simuwrap .simubox .second_rate .repeat .mini {
font-size: 11px;
}

.simuwrap .simubox .first_rate .repeat_rate,
.simuwrap .simubox .second_rate .repeat_rate {
font-weight: 500;
font-size: 11px;
line-height: 2;

}
#rate1,#rate2,#rate3,#rate4,#rate5,#rate6 {
font-size: 1.1em;
margin-right: .1em;
}

.simuwrap .simubox .first_result,
.simuwrap .simubox .second_result {
/*font-size: 1.5em;*/
font-size: 5.8vw;
padding-left: 0;
margin-top: .7em;
white-space: nowrap;
}
.simuwrap .simubox .first_result:before,
.simuwrap .simubox .second_result:before {
display: block;
content: "入金額";
font-size: 8px;
-ms-writing-mode: lr-tb;
writing-mode: horizontal-tb;
position: absolute;
top: 10%;
letter-spacing: 0;
padding: 0;
padding-bottom: 1em;
}
.simuwrap .simubox .first_result:before {
background-color: initial;
color: #ff0000;

}
.simuwrap .simubox .second_result:before {
background-color: initial;
color: #1142c7;
}

.simuwrap .simubox .first_result .yen,
.simuwrap .simubox .second_result .yen {
  margin-left: .2em;
}

.simuwrap .simubox .simubtn {
box-shadow: 0px 0px 10px rgba(0,0,0,.3);
width: 100%;
margin: 1em auto;
padding: .8em 3em .8em 0;
font-size: 11px;
padding-right:1em;
}

.simuwrap .simubox .simubtn:before {
top: calc(50% - 1px);
right: .5em;
transform: translateY(calc(-50% - 0.5px)) rotate(35deg);
width: 1.4vw;
height: 1px;
}

.simuwrap .simubox .simubtn:after {
top: 50%;
right: .5em;
transform: translateY(-50%);
width: 2.8vw;
height: 1px;
}
}


/* ////////////////////////////////////////////////////////////

換金率テーブル

/////////////////////////////////////////////////////////////*/

.tablewrap {
  background: #fff;
  border-radius: 10px;
  box-shadow: 0px 0px 10px rgba(0,0,0,.3);
  padding: 2em 0 4em;
}
table.rate {
  margin: 2em auto;
  text-align: center;
  font-size: 1.2em;
  width: 72%;
}
table.rate th {
  background: #4e4e4e;
  color: #fff;
  font-weight: 500;
  padding: .5em 1em;
}
table.rate tr:first-child th {
  border-radius: 10px 10px 0 0;
  border-bottom: 3px solid #fff;
}
table.rate tr:nth-child(2) th {
  border-right: 3px solid #fff;
}
table.rate tr:nth-child(2) th:last-child {
  border-right: none;
}
table.rate th.empty {
  background: rgba(0,0,0,0);
  border-bottom: none!important;
}
table.rate td {
  padding: .6em 1em;
  border-bottom: 3px solid #fff;
  border-right: 3px solid #fff;
  font-weight: 500;
}
table.rate td:last-child {
  border-right: none;
}
table.rate tr:last-child td {
  border-bottom: none;
}
table.rate tr:last-child td:first-child {
  border-radius: 0 0 0 10px;
}
table.rate tr:last-child td:last-child {
  border-radius: 0 0 10px 0;
}
table.rate td.cardname {
  background-color: #cacaca;
  border-top: 3px solid #fff;
  font-weight: 700;
  font-size: 1.1em;
  padding: .4em 1em;
}
table.rate td.cardname .flex {
  display: inline-flex;
  align-items: center;
  vertical-align: middle;
  width: 50%;
}
table.rate td.cardname .flex img {
  width: 35px;
  /*margin-right: .5em;*/
}
table.rate td.cardname .flex span{
text-align: center;
flex: 1;
}
table.rate tr:nth-child(3) td.cardname {
  border-radius: 10px 0 0 0;
}
table.rate tr.first td {
  background-color: #fdf4f1;
  color: #000;
}
table.rate tr.first td:first-child {
  background-color: #fce6e1;
  color: #f74339;
  font-weight: 700;
}
table.rate tr.second td {
  background-color: #edf1f4;
  color: #000;
}
table.rate tr.second td:first-child {
  background-color: #dbeaf2;
  color: #505dcc;
  font-weight: 700;
}

img.logo_center {
display: block;
margin: 2em auto 2em;
width: 180px;
}


/*////////// レスポンシブ768-1000 //////////*/

@media screen and (min-width: 768px) and (max-width: 1000px){
  table.rate {
    width: 80%;
  }
}

/*////////// レスポンシブ-767 //////////*/

@media(max-width:767px) {
  .tablewrap {
    padding: 2em 0;
  }
  table.rate {
    margin: 2em auto;
    font-size: 12px;
    width: 90%;
  }
  table.rate th {
    padding: .5em;
    font-size: 12px;
  }
  table.rate tr:first-child th {
    border-radius: 5px 5px 0 0;
  }
  table.rate td {
    padding: .5em;
  }
  table.rate tr:last-child td:first-child {
    border-radius: 0 0 0 5px;
  }
  table.rate tr:last-child td:last-child {
    border-radius: 0 0 5px 0;
  }
  table.rate td.cardname {
    font-size: 1.1em;
    padding: .3em 1em;
  }
  table.rate td.cardname .flex {
    width: 50vw;
  }
  table.rate td.cardname .flex img {
    width: 25px;
    margin-right: 0;
  }
  table.rate tr:nth-child(3) td.cardname {
    border-radius: 5px 0 0 0;
  }

  table.rate tr.first td,
  table.rate tr.second td {
    font-size: 1.2em;
    padding: .3em .5em;
  }
  table.rate tr.first td:first-child,
  table.rate tr.second td:first-child {
    font-size: 1em;
  }

  img.logo_center {
  margin: 1em auto;
  width: 100px;
  }
}


/* ////////////////////////////////////////////////////////////

ボタン

/////////////////////////////////////////////////////////////*/

.inner_link a {
    background: #fff;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 2.5em auto 1.5em;
    width: fit-content;
    padding: 1em 3.5em 1em 2.5em;
    -webkit-transition: .3s ease-in-out 0s;
    transition: .3s ease-in-out 0s;
    font-weight: 500;
    border: 2px solid #1a1a1a;
    font-size: 1.2em;
}
.inner_link a:before {
    content: '';
    position: absolute;
    top: calc(50% - 2px);
    right: 1.2em;
    transform: translateY(calc(-50% - 2px)) rotate(35deg);
    width: .7em;
    height: 2px;
    background-color: #1a1a1a;
    -webkit-transition: .3s ease-in-out 0s;
    transition: .3s ease-in-out 0s;
    border-radius: 5px;
}
.inner_link a:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 1.2em;
    transform: translateY(-50%);
    width: 1.4em;
    height: 2px;
    background-color: #1a1a1a;
    -webkit-transition: .3s ease-in-out 0s;
    transition: .3s ease-in-out 0s;
    border-radius: 5px;
}
.inner_link a:hover:before, .inner_link a:hover:after {
    right: .7em;
    background-color: #d31830;
}
.inner_link a:hover {
    background: #fff;
    color: #d31830;
    border: 2px solid #d31830;
}


/*////////// レスポンシブ-767 //////////*/
@media(max-width:767px) {
  .inner_link a {
      margin: 3.5em auto 1.5em;
      padding: 1em 3.3em 1em 1em;
      font-size: 1em;
      border: 1px solid #1a1a1a;
      width: 100%;
  }
  .inner_link a:before {
      top: calc(50% - 1.5px);
      right: 1.2em;
      transform: translateY(calc(-50% - 2px)) rotate(35deg);
      width: .7em;
      height: 1.5px;
  }
  .inner_link a:after {
      right: 1.2em;
      transform: translateY(-50%);
      width: 1.4em;
      height: 1.5px;
  }
}


.main_btn a {
    background: rgba(211,24,48,1);
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    width: fit-content;
    padding: .4em 3em .4em;
    color: #FFF;
    -webkit-transition: .3s ease-in-out 0s;
    transition: .3s ease-in-out 0s;
    font-weight: 400;
    flex-direction: column;
    box-shadow: 3px 3px 5px rgba(26,26,26,.2);
    font-size: 1.15em;
    font-weight: 500;
    margin-top: -20px;
}
.main_btn a .charge {
    background: #fff;
    width: 80%;
    text-align: center;
    position: absolute;
    top: -15px;
    padding: 2px 0;
    color: rgba(211,24,48,1);
    border-radius: 30px;
    border: 2px solid rgba(211,24,48,1);
    font-size: .7em;
}
.main_btn a .hours {
    font-size: 12px;
    font-weight: 400;
    /*font-weight: 500;*/
}

.main_btn a:before {
  content: '';
  position: absolute;
  top: calc(50% - 2px);
  right: 1.2em;
  transform: translateY(calc(-50% - 2px)) rotate(35deg);
  width: .7em;
  height: 2px;
  background-color: #fff;
  -webkit-transition: .3s ease-in-out 0s;
  transition: .3s ease-in-out 0s;
  border-radius: 5px;
}

.main_btn a:after {
  content: '';
  position: absolute;
  top: 50%;
  right: 1.2em;
  transform: translateY(-50%);
  width: 1.4em;
  height: 2px;
  background-color: #fff;
  -webkit-transition: .3s ease-in-out 0s;
  transition: .3s ease-in-out 0s;
  border-radius: 5px;
}
.main_btn a:hover {
    opacity: .7;
    box-shadow: none;
}
.main_btn a:hover:before,
.main_btn a:hover:after {
    right: .7em;
}

.main_btn.big a {
  font-size: 2.3em;
  padding: .7em 2em .3em;
  margin-top: 1.5em;
  box-shadow: 5px 5px 10px rgba(26,26,26,.3);
}
.main_btn.big a:hover {
  box-shadow: none;
}
.main_btn.big a .charge {
  width: 70%;
  font-size: .5em;
  border: 3px solid rgba(211,24,48,1);
}
.main_btn.big a .hours {
    font-size: .55em;
}

.main_btn.big a:before {
  content: '';
      position: absolute;
      top: calc(50% - 2px);
      right: .5em;
      transform: translateY(calc(-50% - 3px)) rotate(35deg);
      width: .5em;
      height: 3px;
      background-color: #fff;
      -webkit-transition: .3s ease-in-out 0s;
      transition: .3s ease-in-out 0s;
      border-radius: 5px;
}

.main_btn.big a:after {
  content: '';
  position: absolute;
  top: 50%;
  right: .5em;
  transform: translateY(-50%);
  width: 1em;
  height: 3px;
  background-color: #fff;
  -webkit-transition: .3s ease-in-out 0s;
  transition: .3s ease-in-out 0s;
  border-radius: 5px;
}
.main_btn.big a:hover:before,
.main_btn.big a:hover:after {
    right: .3em;
}


/*////////// レスポンシブ480-767 //////////*/

@media screen and (min-width: 480px) and (max-width: 767px){
  .main_btn.big a {
    font-size: 1.5em;
  }
}

/*////////// レスポンシブ480-1000 //////////*/

@media screen and (min-width: 480px) and (max-width: 1000px){
.main_btn.big a:before {
  top: calc(50% - 2px);
  right: .5em;
  transform: translateY(calc(-50% - 3px)) rotate(35deg);
  width: 2vw;
  height: 3px;
  border-radius: 5px;
}

  .main_btn.big a:after {
    top: 50%;
    right: .5em;
    transform: translateY(-50%);
    width: 4vw;
    height: 3px;
    border-radius: 5px;
  }
}


/*////////// レスポンシブ-767 //////////*/
@media(max-width:479px) {
.main_btn a {
    padding: .4em 2.5em .4em 2em;
    box-shadow: 3px 3px 5px rgba(26,26,26,.2);
    font-size: 13px;
    margin-top: 5px;
    white-space: nowrap;
}
.main_btn a .hours {
    font-size: 10px;
}
.main_btn a:before {
      top: calc(50% - 1px);
      right: .7em;
      transform: translateY(calc(-50% - 1px)) rotate(35deg);
      width: 2vw;
      height: 1px;
      border-radius: 5px;
}

.main_btn a:after {
  top: 50%;
  right: .7em;
  transform: translateY(-50%);
  width: 4vw;
  height: 1px;
border-radius: 5px;
}


.main_btn.big a {
  font-size: 1.5em;
  padding: .8em 1.8em .5em;
  margin-top: 2em;
  width: 95%;
}
.main_btn.big a .charge {
  width: 70%;
  font-size: .6em;
  border: 3px solid rgba(211,24,48,1);
}
.main_btn.big a .hours {
    font-size: 13px;
}

.main_btn.big a:before {
      top: calc(50% - 1.5px);
      right: .5em;
      transform: translateY(calc(-50% - 2px)) rotate(35deg);
      width: 3vw;
      height: 1.5px;
      border-radius: 5px;
}

.main_btn.big a:after {
  top: 50%;
  right: .5em;
  transform: translateY(-50%);
  width: 6vw;
  height: 1.5px;
  border-radius: 5px;
}
}


/* ////////////////////////////////////////////////////////////

TOP強い理由

/////////////////////////////////////////////////////////////*/

.reason_bg {
  background: #f5f5f5;
  padding: 3.5em 2.5em;
  text-align: center;
  margin: 3.5em 0 2em;
}

.reason_bg .reason_wrap {
display: inline-flex;
justify-content: space-between;
align-items: flex-start;

}
.reason_bg .reason_wrap .reason_box {
width: 27%;
}
.reason_bg .reason_wrap .reason_box p {
font-size: 17px!important;
line-height: 2!important;
}

.reason_bg .reason_wrap .reason_box img {
width: 180px;
height: auto;
margin: 2em 0 .3em;
}

.reason_bg .reason_title {
  font-weight: 900;
  font-size: 2.1em;
  padding: .5em .8em .3em;
  display: inline-block;
 position: relative;
   border: solid 1px #1a1a1a;
   margin: 1em 0 1.5em;
}
.reason_bg .reason_title:before {
  content: "";
  position: absolute;
  top: -6px;
  bottom: -6px;
  left: -6px;
  right: -6px;
  border: solid 1px #1a1a1a;
}
.reason_bg .reason_title .dot-text {
background: top left / 1em .5em repeat-x radial-gradient(circle, #ffc400 4px, rgba(0,0,0,0) 4px) ;
padding-top: .3em;
font-size: 1.3em;
margin: 0 .2em;
text-decoration: underline;
text-underline-offset: -.05em;
text-decoration-thickness: 0.25em;
text-decoration-color: #ffc400;
text-decoration-skip-ink: none;
}

.reason_bg .reason_wrap .reason_num {
font-weight: 700;
font-size: 3em;
}
.reason_bg .reason_wrap .reason {
  font-weight: 700;
  font-size: 1.3em;
  background: #1a1a1a;
  color: #fff;
  border-radius: 5px;
  margin: 0 0 .5em;
  padding: .3em 0;
}


/*////////// レスポンシブ768-1000 //////////*/

@media screen and (min-width: 768px) and (max-width: 1000px){
  .reason_bg .reason_wrap .reason_box {
  width: 30%;
  }
  .reason_bg .reason_wrap .reason {
    font-size: 1.2em;
}
}


/*////////// レスポンシブ-767 //////////*/
@media(max-width:767px) {
  .reason_bg {
    padding: 3.5em 1.5em;
  }

  .reason_bg .reason_wrap {
  display: block;

  }
  .reason_bg .reason_wrap .reason_box {
  width: 100%;
  margin-top: 2.5em;
  }
  .reason_bg .reason_wrap .reason_box:first-child {
  margin-top: .5em;
  }

  .reason_bg .reason_wrap .reason_box p {
  font-size: 15px!important;
  line-height: 2!important;
  }

  .reason_bg .reason_wrap .reason_box img {
  width: 180px;
  margin: 2em auto .3em;
  }

  .reason_bg .reason_title {
    font-size: 1.4em;
    padding: .5em .5em .5em;
  }
  .reason_bg .reason_title .dot-text {
  background: top left / 1em .5em repeat-x radial-gradient(circle, #ffc400 3px, rgba(0,0,0,0) 3px) ;
  }

  .reason_bg .reason_wrap .reason {
    font-weight: 500;
    padding: .5em 0;
  }
}


/* ////////////////////////////////////////////////////////////

TOPお申込みの流れ

/////////////////////////////////////////////////////////////*/

.flow_wrap {
}
.flow_wrap .flow_box {
  position: relative;
  background: #fff;
  padding: 3.5em 3em 1em;
  margin: 6em 0 2em;
  z-index: 1;
}

.flow_wrap .flow_box .flow_num_circle {
  background: #1142c7;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  position:absolute;
  top: 0%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    display: inline-flex;
    justify-content: center;
    align-items: center;
}
.flow_wrap .flow_box .flow_num_circle .flow_num {
  color: #fff;
  text-align: center;
  font-size: 1.25em;
  font-weight: 700;
  line-height: 1.2;
}

.flow_wrap .flow_box .flow_num_circle .flow_num span {
  font-size: 1.7em;
}

.flow_wrap .flow_box .flow_grid {
display: grid;
grid-column-gap: 2em;
grid-row-gap: 0px;
}

.flow_wrap .flow_box .flow_grid .flow_head {
color: #1142c7;
text-align: center;
border-bottom: 1px solid #1142c7;
font-weight: 700;
font-size: 1.5em;
padding: .5em 0;
grid-area: 1 / 1 / 2 / 2;
}

.flow_wrap .flow_box .flow_grid .flow_text {
grid-area: 2 / 1 / 3 / 2;
}
.flow_wrap .flow_box .flow_grid .flow_img {
grid-area: 1 / 2 / 3 / 3;

display: inline-flex;
align-items: center;
}
.flow_wrap .flow_box .flow_grid .flow_img img {
  width: 280px;
  filter: drop-shadow(2px 4px 5px rgba(26,26,26,.2));
}

.line_wrap {
  position: relative;
  z-index: 0;
}
.line_wrap .line {
  background: linear-gradient(to bottom,  #1142c7 0%,#1142c7 50%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%);
	background-size: 1px 15px;
	width: 2px;
	height: 50%;
	display: block;
	position: absolute;
	left: 50%;
  bottom: -30%;
}

.flow_wrap .flow_box:last-child::after {
  content: none;
}

.bgLightgray.flow {
  position: inherit;
  padding-bottom: 4em;
}


/*////////// レスポンシブ480-1000 //////////*/

@media screen and (min-width: 480px) and (max-width: 1000px){
  .flow_wrap .flow_box .flow_grid .flow_head {
  grid-area: 1 / 1 / 2 / 3;
  }
  .flow_wrap .flow_box .flow_grid .flow_text {
  grid-area: 2 / 1 / 3 / 2;
  }
  .flow_wrap .flow_box .flow_grid .flow_img {
    grid-area: 2 / 2 / 3 / 3;
    display: inline-flex;
    align-items: flex-start;
    margin-top: 2.5em;
  }
}


/*////////// レスポンシブ-767 //////////*/
@media(max-width:767px) {
.flow_wrap .flow_box {
  padding: 4em 1em 1em;
  margin: 6em 0 2em;
}
.flow_wrap .flow_box .flow_num_circle {
  width: 80px;
  height: 80px;
}
.flow_wrap .flow_box .flow_num_circle .flow_num {
  font-size: 1.2em;
  font-weight: 400;
  /*font-weight: 500;*/
  line-height: 1.1;
}
.flow_wrap .flow_box .flow_num_circle .flow_num span {
  font-size: 1.7em;
  font-weight: 500;
}
.flow_wrap .flow_box .flow_grid {
display: grid;
grid-column-gap: 0;
grid-row-gap: 0;
}

.flow_wrap .flow_box .flow_grid .flow_head {
font-size: 18px;
margin-bottom: 1.5em;

grid-area: 1 / 1 / 2 / 2;
}
.flow_wrap .flow_box .flow_grid .flow_text {
grid-area: 3 / 1 / 4 / 2;
}
.flow_wrap .flow_box .flow_grid .flow_img {
  grid-area: 2 / 1 / 3 / 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.flow_wrap .flow_box .flow_grid .flow_img img {
  width: 230px;
}

.line_wrap .line {
	background-size: 1px 14px;
}
.bgLightgray.flow {
  padding-bottom: 2em;
}
}


/* ////////////////////////////////////////////////////////////

TOP5つの約束

/////////////////////////////////////////////////////////////*/

.promise_wrap {
}

.promise_wrap .promise_flex {
  display: inline-flex;
  justify-content: space-around;
  align-items: flex-start;
  flex-wrap: wrap;
  width: 100%;
}
.promise_wrap .promise_flex .promise_box {
  display: block;
  margin: 0 auto;
  width: 30%;
  text-align: center;
  padding: 2em 1em;
}
.promise_wrap .promise_flex .promise_box:nth-child(1) {
padding-left: 0;
}
.promise_wrap .promise_flex .promise_box:nth-child(3) {
padding-right: 0;
}

.promise_wrap .promise_flex .promise_box .promise_head {
  color: rgba(211,24,48,1);
  font-weight: 700;
  font-size: 1.4em;
  margin: 1.5em 0 1em;
}

.promise_wrap .promise_flex .promise_box img {
  width: 225px;
  height: auto;
}
.promise_wrap .promise_flex .promise_box p {
  font-size: 18px!important;
  line-height: 1.8!important;
}

.annotation_box {
  border: 2px solid #e0e0e0;
    padding: 1em 2.5em;
    margin: 2.5em 0;
}

.annotation_box p {
  margin: 0!important;
}


/*////////// レスポンシブ768-1000 //////////*/

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

  .promise_wrap .promise_flex {
  flex-direction: column;
  }
  .promise_wrap .promise_flex .promise_box {
  width: 85%;
  padding: 2em 0;
  }
  .promise_wrap .promise_flex .promise_box img {
  width: 225px;
  margin: 0 auto;
  }
}

/*////////// レスポンシブ-767 //////////*/

@media(max-width:767px) {
.promise_wrap .promise_flex {
flex-direction: column;
}
.promise_wrap .promise_flex .promise_box {
width: 100%;
padding: 2em 0;
}
.promise_wrap .promise_flex .promise_box img {
width: 225px;
margin: 0 auto;
}
.promise_wrap .promise_flex .promise_box p {
font-size: 16px!important;
line-height: 1.9!important;
}
.annotation_box {
padding: 1em;
margin: 2.5em 0;
}
}


/* ////////////////////////////////////////////////////////////

TOP最新情報発信中

/////////////////////////////////////////////////////////////*/

.tweet_box {
background: #fff;
border-radius: 15px;
box-shadow: 0px 0px 10px rgba(0,0,0,.1);
padding: 3em;
width: 85%;
margin: 0 auto;
height: calc(500px + 6em);
}

@media(max-width:767px) {
.tweet_box {
padding: 2em 1em;
width: 100%;
height: calc(500px + 4em);
}
/*.tweet_box:before {
content: "";
width: 75px;
height: 62px;
background: url(../img/twitter_bg_sp.webp) no-repeat;
background-size: contain;
position: absolute;
top: -5%;
left: 5%;
}*/
}


/* ////////////////////////////////////////////////////////////

TOPお客様の声

/////////////////////////////////////////////////////////////*/

.voice_wrap {
}
.voice_wrap .voice_box {
background: #fff;
border-radius: 15px;
box-shadow: 0px 0px 10px rgba(0,0,0,.1);
padding: 2em;
margin: 4em 0;
padding-bottom: 1em;
}
.voice_wrap .voice_box:first-child {
margin-top: 5em;
}
.voice_wrap .voice_box:last-child {
margin-bottom: 5em;
}

.voice_wrap .voice_box .voice_head {
color: #d31830;
font-weight: 700;
text-align: center;
font-size: 1.4em;
padding: .5em 0 1.7em;
position: relative;
}
.voice_wrap .voice_box .voice_head:before {
content: "";
    width: 32px;
    height: 27px;
    background: url(../img/voice_before.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 5%;
    left: 25%;
}
.voice_wrap .voice_box .voice_head:after {
content: "";
    width: 32px;
    height: 27px;
    background: url(../img/voice_after.webp) no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 20%;
    right: 25%;
}
.no-webp .voice_wrap .voice_box .voice_head:after {
  background: url(../img/voice_after.png) no-repeat;
}

.voice_wrap .voice_box .voice_flex {
  position: relative;
  border-top: 1px solid #d31830;

display: inline-flex;
align-items: center;
justify-content: space-between;
width: 100%;

flex-direction: row;
padding-top: .5em;
}

.voice_wrap .voice_box .voice_flex.reverse {
  flex-direction: row-reverse;
}

.voice_wrap .voice_box .voice_flex:before {
  position: absolute;
    top: -1px;
    left: 50%;
    transform: translateX(-50%) skew(-25deg);
    height: 20px;
    width: 15px;
    border-right: 1px solid #d31830;
    background-color: white;
    content: "";
  }
  .voice_wrap .voice_box .voice_text {
  width: 83%;
  padding: 0 1em;
  }

.voice_wrap .voice_box .voice_img {
width: 15%;
text-align: center;
}

.voice_wrap .voice_box .voice_img img {
width: 125px;
}


/*////////// レスポンシブ480-1000 //////////*/

@media screen and (min-width: 480px) and (max-width: 1000px){
  .voice_wrap .voice_box .voice_head:before {
      left: 18%;
  }
  .voice_wrap .voice_box .voice_head:after {
      right: 18%;
  }
}

/*////////// レスポンシブ-767 //////////*/

@media(max-width:767px) {
.voice_wrap .voice_box {
margin: 2em 0;
}

.voice_wrap .voice_box .voice_head {
font-size: 1.3em;
padding: 1em 0 1.2em;
}
.voice_wrap .voice_box .voice_head:before {
width: 16px;
height: 14px;
top: 5%;
left: 0%;
}
.voice_wrap .voice_box .voice_head:after {
width: 16px;
height: 14px;
bottom: 15%;
right: 0%;
}

.voice_wrap .voice_box .voice_flex {
flex-direction: column;
}

.voice_wrap .voice_box .voice_flex.reverse {
flex-direction: column;
}

.voice_wrap .voice_box .voice_text {
width: 100%;
padding: 0;
position: relative;
height: 170px;
padding: 0 0 50px;
overflow: hidden;
/*-webkit-transition: .4s ease-in-out;
transition: .4s ease-in-out;*/
-webkit-transition: unset;
transition: unset;
}

.voice_wrap .voice_box .voice_text:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100px;
  background: rgb(0,0,0);
  background: linear-gradient(0deg, rgba(255,255,255,1) 65%, rgba(255,255,255,0) 100%);
  -webkit-transition: .4s ease-in-out;
  transition: .4s ease-in-out;
}

.voice_wrap .voice_box .voice_text.active:before{
  opacity: 0;
  visibility: hidden;
}

button.seemore_button{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  bottom: 10%;
  cursor: pointer;
  color: #a2a2a2;
  background: #fff;
  border: 1px solid #a2a2a2;
  border-radius: 30px;
  padding: .5em 2em;
  white-space: nowrap;
  font-family: 'Noto Sans JP', 'ヒラ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  font-size: 14px;
  padding-right: 3.5em;
  -webkit-transition: .4s ease-in-out;
  transition: .4s ease-in-out;
  /*-webkit-transition: unset;
  transition: unset;*/
}

button.seemore_button:after {
  content: '';
    width: 7px;
    height: 7px;
    border: 0;
    border-bottom: solid 1px #a2a2a2;
    border-right: solid 1px #a2a2a2;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    right: 2em;
    margin-top: -7px;
    transform: rotate(45deg);
    /*transition: 0.3s cubic-bezier(0.4, 0.1, 0.3, 1);
    -webkit-transition: 0.3s cubic-bezier(0.4, 0.1, 0.3, 1);*/
    /*-webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;*/
    -webkit-transition: unset;
    transition: unset;
}


.voice_wrap .voice_box .voice_text.active button.seemore_button {
  border: none;
  background: rgba(255,255,255,0);
  bottom: 0;
}

.voice_wrap .voice_box .voice_text.active button.seemore_button:after {
  content: '';
    width: 7px;
    height: 7px;
    border: 0;
    border-top: solid 1px #a2a2a2;
    border-left: solid 1px #a2a2a2;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    right: 2em;
    margin-top: -2px;
    transform: rotate(45deg);
    /*transition: 0.3s cubic-bezier(0.4, 0.1, 0.3, 1);
    -webkit-transition: 0.3s cubic-bezier(0.4, 0.1, 0.3, 1);*/
    /*-webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;*/
    -webkit-transition: unset;
    transition: unset;
}

.voice_wrap .voice_box .voice_img {
width: 100%;
}

.voice_wrap .voice_box .voice_img img {
margin: 2em auto 0;
}
}


/* ////////////////////////////////////////////////////////////

TOP会社概要

/////////////////////////////////////////////////////////////*/

table.company {
width: 77%;
margin: 0 auto 2em;
table-layout: fixed;
}
table.company tr {
border-bottom: 1px solid #e0e0e0;
}
table.company th {
width: 37%;
padding: 1.4em 0;
font-size: 1.15em;
padding-left: 3em;
}
table.company th span {
position: relative;
padding-left: 1.5em;
}
table.company th span:before {
content: "";
width: 9px;
height: 7px;
background: url(../img/company_before.png) no-repeat;
background-size: contain;
position: absolute;
top: 50%;
left: 0;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
table.company td {
width: 63%;
font-size: 1.15em;
line-height: 1.8;
}

table.company tr.map td {
  padding: 1.4em 0;
}
table.company tr.map th {
  vertical-align: text-bottom;
}
table.company iframe {
width:100%;
height: 300px;
margin-top: 1em;
}

/*////////// レスポンシブ768-1000 //////////*/
@media screen and (min-width: 768px) and (max-width: 1000px){
  table.company {
  width: 85%;
}
}

/*////////// レスポンシブ-767 //////////*/
@media(max-width:767px) {
table.company {
width: 100%;
margin: 0 auto 2em;
}
table.company tr {
display: block;
}
table.company th {
width: 100%;
padding: 1.5em 0 .5em;
font-size: 1.05em;
padding-left: 0;
display: block;
}
table.company td {
width: 100%;
font-size: 1.05em;
padding: 0 0 1.5em 1.5em;
}
table.company tr.map td {
padding: 0 0 1.5em 1.5em;
}

}


/* ////////////////////////////////////////////////////////////

カスタマイズscroll-hint

/////////////////////////////////////////////////////////////*/

@keyframes scroll-hint-appear {
  0% {
    transform: translateX(-40px);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50%,
  100% {
    transform: translateX(40px);
    opacity: 0;
  }
}

.scroll-hint.is-right-scrollable {
  background: linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-right-scrollable.is-left-scrollable {
  background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-left-scrollable {
  background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint-icon {
  position: absolute;
  top: calc(50% - -15px);
  left: calc(50% - 60px);
  box-sizing: border-box;
  width: 120px;
  height: 85px;
  border-radius: 10px;
  transition: opacity .3s;
  -webkit-transition: opacity .3s;
  /*opacity: 0;*/
  opacity: .5;
  background: rgba(0, 0, 0, .7);
  text-align: center;
  padding: 20px 10px 10px 10px;
}

/*////////// レスポンシブ480-1000 //////////*/

@media screen and (min-width: 480px) and (max-width: 1000px){
    .scroll-hint-icon {
    top: calc(50% - 0px);
}
}

.scroll-hint-icon-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  pointer-events: none;
}

.scroll-hint-text {
  font-size: 10px;
  color: #FFF;
  margin-top: 5px;
}

.scroll-hint.is-active .scroll-hint-icon {
  opacity: 0;
}

/*.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
  opacity: .8;
}*/

.scroll-hint-icon:before {
  display: inline-block;
  width: 40px;
  height: 40px;
  color: #FFF;
  vertical-align: middle;
  text-align: center;
  content: "";
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon:after {
  content: "";
  width: 34px;
  height: 14px;
  display: block;
  position: absolute;
  /*top: 10px;*/
  top: 8px;
  left: 50%;
  margin-left: -20px;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
  opacity: 1;
  transition-delay: 2.4s;
}

/*.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
  opacity: 1;
}*/

/*.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
  animation: scroll-hint-appear 1.2s linear;
  animation-iteration-count: 2;
}*/

.scroll-hint-icon-wrap .scroll-hint-icon:before {
  animation: scroll-hint-appear 1.2s linear;
  animation-iteration-count: 2;
}


/* ///// スマホ下部にフロートボタン /////*/

	#FloatReg {
	width: 100%;
	display: block;
	z-index: 99999;
	position:fixed;
	bottom: -1000px;
	left: 0;
	-webkit-transition: bottom 1s 0s ease-in-out;
	transition: bottom 1s 0s ease-in-out;
	background-color: rgba(26,26,26,.5)
	}

	#FloatReg.fixed {
	bottom: -1px;
	}

	#FloatReg.out {
	bottom: -1000px;
	}

  #FloatReg .main_btn {
    margin: 1.8em 0 .8em;
  }

  #FloatReg .main_btn a {
    font-size: 1.6em;
    padding: .9em 3.5em .3em;
    opacity: 1;
    margin-top: -5px;
  }
  #FloatReg .main_btn a .charge {
    width: 60%;
    font-size: .6em;
    border: 2px solid rgba(211,24,48,1);
  }
  #FloatReg .main_btn a .hours {
      font-size: 15px;
  }

  #FloatReg .main_btn a:before {
    content: '';
        position: absolute;
        /*top: calc(50% - 2px);*/
        top: calc(50% - 3px);
        right: .9em;
        transform: translateY(calc(-50% - 2px)) rotate(35deg);
        width: .7em;
        height: 3px;
        background-color: #fff;
        -webkit-transition: .3s ease-in-out 0s;
        transition: .3s ease-in-out 0s;
        border-radius: 5px;
  }


  #FloatReg .main_btn a:after {
    content: '';
    position: absolute;
    top: 50%;
    right: .9em;
    transform: translateY(-50%);
    width: 1.4em;
    height: 3px;
    background-color: #fff;
    -webkit-transition: .3s ease-in-out 0s;
    transition: .3s ease-in-out 0s;
    border-radius: 5px;
  }
  #FloatReg .main_btn a:hover:before,
  #FloatReg .main_btn a:hover:after {
      right: .7em;
  }



  /*////////// レスポンシブ-767 //////////*/
@media(max-width:767px) {

  #FloatReg .main_btn {
    margin: 1.7em 0 .6em;
  }

  #FloatReg .main_btn a {
    font-size: 1.2em;
    padding: .7em 2.4em .3em;
    opacity: 1;
    margin-top: -5px;
  }
  #FloatReg .main_btn a .charge {
    width: 60%;
    font-size: .6em;
    border: 2px solid rgba(211,24,48,1);
  }
  #FloatReg .main_btn a .hours {
      font-size: 11px;
      font-weight: 400;
      /*font-weight: 500;*/
      padding-top: .1em;
  }

  #FloatReg .main_btn a:before {
    content: '';
        position: absolute;
        top: calc(50% - 1.5px);
        right: .7em;
        /*transform: none;*/
        width: 12px;
        height: 1.5px;
        background-color: #fff;
        border-radius: 5px;
  }

  #FloatReg .main_btn a:after {
    content: '';
    position: absolute;
    top: 50%;
    right: .7em;
    /*transform: none;*/
    width: 25px;
    height: 1.5px;
    background-color: #fff;
    border-radius: 5px;
  }
}




/* ////////////////////////////////////////////////////////////

子ページ共通

/////////////////////////////////////////////////////////////*/

/*///// ヘッダー背景 /////*/
body:not(.index) #header .headerBg {
position: relative;
background: url(../img/header_child.webp) no-repeat center center, #eaedef;
height: 350px;
background-size: 1200px,cover,cover;
}
.no-webp body:not(.index) #header .headerBg {
background: url(../img/header_child.jpg) no-repeat center center, #eaedef;
}

@media screen and (min-width: 480px) and (max-width: 1000px){
body:not(.index) #header .headerBg {
position: relative;
background: url(../img/header_child.webp) no-repeat center center, #eaedef;
background-size: 120vw,cover,cover;
height: 0;
width: 100%;
padding-top: 35%; /* 350÷1000 × 100*/
}
}

@media(max-width:479px){
body:not(.index) #header .headerBg {
/*height: auto;*/
height: 47.8vw;;
background: none;
}
}

body:not(.index) #header .headerBg img {
  display: block;
  margin: 0 auto;
}


/*///// ヘッダーロゴテキスト /////*/
body:not(.index) .headerBg .child_header_wrap .logotext {
  position: absolute;
  top: 60%;
  left: 27.5%;
  text-align: center;
}
body:not(.index) .headerBg .child_header_wrap .logotext_a {
font-size: 1.8em;
}
body:not(.index) .headerBg .child_header_wrap .logotext_a:after {
  		width: 100%;
  		height: 50px;
      box-shadow: 5px 5px #eaedef, 5px 5px 0 2px #1a1a1a;
      outline: 1px solid #1a1a1a;
      background-color: #1a1a1a;
      left: 0;
    top: 30%;
    z-index: -1;
}
body:not(.index) .headerBg .child_header_wrap .logotext_b {
font-size: 3.1em;
margin-top: .2em;
line-height: 1.9;
}

body:not(.index) .headerBg .child_header_wrap .logotext_b .dot,
body:not(.index) .headerBg .child_header_wrap .logotext_b .dotred {
    background: top left / 1em .5em repeat-x radial-gradient(circle, #d31830 .09em, rgba(0,0,0,0) .09em);
}


body:not(.index) .headerBg .child_header_wrap .logotext img {
  width: 280px;
  display: inline-flex!important;
  vertical-align: middle;
  margin-right: .2em!important;
}

/*////////// レスポンシブ480-1000 //////////*/

@media screen and (min-width: 480px) and (max-width: 1000px){
  body:not(.index) .headerBg .child_header_wrap .logotext {
    left: 30%;
  }
   body:not(.index) .headerBg .child_header_wrap .logotext_a {
  font-size: 2.9vw;
  }

   body:not(.index) .headerBg .child_header_wrap .logotext_b {
    font-size: 5vw;
}
body:not(.index) .headerBg .child_header_wrap .logotext img {
  width: 28vw;
}
body:not(.index) .headerBg .child_header_wrap .logotext_a:after {
      height: 5vw;
}
}


/*////////// レスポンシブ-479 //////////*/

@media(max-width:479px) {
body:not(.index) .headerBg .child_header_wrap .logotext {
position: absolute;
white-space: nowrap;
top: 63%;
left: 33%;
}

body:not(.index) .headerBg .child_header_wrap .logotext_a {
font-size: 3.9vw;
margin-left: 53vw;
}

body:not(.index) .headerBg .child_header_wrap .logotext_a:after {
      width: 73vw;
  		height: 6.2vw;
      box-shadow: 4px 4px #eaedef, 4px 4px 0 1px #1a1a1a;
      outline: 1px solid #1a1a1a;
      background-color: #1a1a1a;
      left: -2%;
    top: 30%;
    z-index: -1;
}


body:not(.index) .headerBg .child_header_wrap .logotext_b {
font-size: 6.7vw;
margin-top: 6vw;
}

body:not(.index) .headerBg .child_header_wrap .logotext img {
  width: 33vw;
}
}

body:not(.index) .headerBg .child_header_wrap .logotext_b .pc{
display: inline-flex;
}
body:not(.index) .headerBg .child_header_wrap .logotext_b .sp{
display: none;
}
@media(max-width:479px) {
body:not(.index) .headerBg .child_header_wrap .logotext_b .pc{
display: none;
}
body:not(.index) .headerBg .child_header_wrap .logotext_b .sp{
display: inline-flex;
}
}


/*@media(min-width:480px) {*/
@media(min-width:1001px) {
body:not(.index) .headerBg .child_header_wrap {
  position: relative;
  width: 1000px;
  margin: 0 auto;
  height: inherit;
}

body:not(.index) .headerBg .child_header_wrap .medal_box {
display: block;
position: absolute;
right: 0;
bottom: 10px;
}
body:not(.index) .headerBg .child_header_wrap .medal_inner {
position: relative;
}
body:not(.index) .headerBg .child_header_wrap .medal_img {
width: 150px;
height: 150px;
}
body:not(.index) .headerBg .child_header_wrap .medal_text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
font-size: 1.3em;
text-align: center;
font-weight: 900;
line-height: 1.1;
font-family: "SourceHanSerif-Heavy", serif;
white-space: nowrap;
}
body:not(.index) .headerBg .child_header_wrap .medal_text .red {
color: #d31830;
font-size: 2.2em;
margin-left: 5px;
}
}

/*////////// レスポンシブ480-1000 //////////*/

@media screen and (min-width: 480px) and (max-width: 1000px){
  body:not(.index) .headerBg .child_header_wrap {
  }
  body:not(.index) .headerBg .child_header_wrap .medal_box {
  right: 10px;
  display: block;
  position: absolute;
  bottom: 10px;
  }
  body:not(.index) .headerBg .child_header_wrap .medal_inner {
  position: relative;
  }
  body:not(.index) .headerBg .child_header_wrap .medal_img {
  width: 15vw;
  height: 15vw;
  }
  body:not(.index) .headerBg .child_header_wrap .medal_text {
  font-size: 2.2vw;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  /*font-size: 1.3em;*/
  text-align: center;
  font-weight: 900;
  line-height: 1.1;
  font-family: "SourceHanSerif-Heavy", serif;
  white-space: nowrap;
  }
  body:not(.index) .headerBg .child_header_wrap .medal_text .red {
  color: #d31830;
  font-size: 2.2em;
  margin-left: 5px;
  }
}

/*////////// レスポンシブ-479 //////////*/

@media(max-width:479px) {
  body:not(.index) .headerBg .medal_box {
  left: 10px;
  top: 5px;
  }
  body:not(.index) .headerBg .medal_img {
  width: 18vw;
  height: 18vw;
  }
  body:not(.index) .headerBg .medal_text {
  font-size: 2.7vw;
}
}

/*///// その他 /////*/

body:not(.index) .bgWhite.narrow {
  padding: 2em 0 5em;
}
@media(max-width:479px) {
  body:not(.index) .bgWhite.narrow {
  padding: 0 0 2em;
}
}

body:not(.index) .microCatch {
  font-size: 2.1em;
  margin-bottom: .2em;
}
body:not(.index) .microCatch:before,
body:not(.index) .microCatch:after {
    height: 4.3em;
}

body:not(.index) .microCatch:before {
    left: 15%;
    top: 2%;
}

body:not(.index) .microCatch:after {
    right: 15%;
    top: 2%;
}
body:not(.index) .microCatch .yellowline{
  font-size: 1.3em;
}

body:not(.index) .microCatch img {
  width: 330px;
  height: auto;
  margin-top: .3em;
}


/*////////// レスポンシブ480-1000 //////////*/

@media screen and (min-width: 480px) and (max-width: 1000px){
  body:not(.index) .microCatch {
    font-size: 3.2vw;
  }
  body:not(.index) .microCatch:before {
      border-left: solid 3px;
      left: 15%;
      top: 2%;
  }

  body:not(.index) .microCatch:after {
      border-right: solid 3px;
      right: 15%;
      top: 2%;
  }
  body:not(.index) .microCatch .yellowline {
        letter-spacing: 0px;
      }
  body:not(.index) .microCatch img {
    width: 33vw;
    margin: 0 auto;
    margin-top: .5em;
  }

}


/*////////// レスポンシブ-479 //////////*/

@media(max-width:479px) {

  body:not(.index) .microCatch {
    font-size: 1.1em;
  }
  body:not(.index) .microCatch:before {
      border-left: solid 3px;
      left: 2%;
      top: 3%;
  }

  body:not(.index) .microCatch:after {
      border-right: solid 3px;
      right: 2%;
      top: 3%;
  }
  body:not(.index) .microCatch .yellowline {
        letter-spacing: 0px;
      }
  body:not(.index) .microCatch img {
    width: 150px;
    margin: .5em auto 0;
  }
}


/* ////////////////////////////////////////////////////////////

子ページ強い理由

/////////////////////////////////////////////////////////////*/

@media(max-width:479px) {
body.reason .microCatch {
  font-size: 1.05em;
}
body.reason .microCatch:before {
  top: 2%;
}
body.reason .microCatch:after {
  rtop: 2%;
}
}

/* ////////////////////////////////////////////////////////////

子ページ買取率

/////////////////////////////////////////////////////////////*/

body.rate h3.apple {
  color: rgba(21,21,21,1);
  border-bottom: 1px solid #d31830;
  position: relative;
  padding-left: 1.5em;
}

body.rate h3.apple:before {
  content: "";
    width: 35px;
    height: 35px;
    background: url(../img/contents/apple.png) 0 0/contain no-repeat;
    position: absolute;
    top: 10%;
    left: 0;
}

body.rate .tablewrap {
    padding: 3em 0;
    margin-top: 5em;
}

body.rate .refer_box {
display: inline-flex;
border: 2px solid #e0e0e0;
padding: 0 2em;
}

body.rate .refer_box .refer {
  position: relative;
  padding-left: 1.6em;
}

body.rate .refer_box .refer:before {
  content: "";
  width: 20px;
  height: 20px;
  background: url(../img/contents/link.png) 0 0/contain no-repeat;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}


body.rate .alert {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
}

body.rate .alert img {
width: 25px;
margin-right: 1em;
margin-left: 1.5em;
}
body.rate .alert .alert_text p {
margin: 0!important;
}

body.rate p.nomargin_top {
  margin-top: .5em!important;
}
body.rate p.nomargin_bottom {
  margin-bottom: .5em!important;
}
body.rate .microCatch {
  line-height: 1.9;
}

/*////////// レスポンシブ-479 //////////*/
@media(max-width:479px) {

  body.rate h3.apple {
    padding-left: 1.7em;
    border-bottom: 2px solid #d31830;
  }

  body.rate h3.apple:before {
      width: 30px;
      height: 30px;
      top: 5%;
      left: 0;
  }

  body.rate .tablewrap {
  background: none;
  border-radius: 0;
  box-shadow: none;
  padding: 0;
  margin-top: 0;
  }
  body.rate table.rate {
  width: 100%;
  }

  body.rate .refer_box {
  display: inline-flex;
  border: 2px solid #e0e0e0;
  padding: 0 1em;
  }

  body.rate .refer_box .refer {
    position: relative;
    padding-left: 1.3em;
  }

  body.rate .refer_box .refer:before {
    content: "";
    width: 15px;
    height: 15px;
    background: url(../img/contents/link.png) 0 0/contain no-repeat;
    position: absolute;
    top: 15px;
    left: 0;
  }

  body.rate .alert img {
  width: 20px;
  margin-right: .8em;
  margin-left: .5em;
  }

  body.rate .microCatch:before {
      left: 4%;
  }
  body.rate .microCatch:after {
      right: 4%;
  }
}


/* ////////////////////////////////////////////////////////////

子ページ買取の流れ

/////////////////////////////////////////////////////////////*/

body.flow .step_box {
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0,0,0,.3);
  padding: 4em 2em 2em;
  margin: 5em 0 3em;
}

body.flow .step_box .step_line_wrap {
    position: relative;
    z-index: 0;
}

body.flow .step_box .step_line_wrap .step_line {
    background: linear-gradient(to left,#1142c7 0,#1142c7 50%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%);
    background-size: 15px 1px;
    width: 70%;
    height: 2px;
    display: block;
    position: absolute;
}

body.flow .step_box .step_circle_wrap {
  display: inline-flex;
  align-items: center;
  justify-content: space-around;
  width: 100%;
}

body.flow .step_num_circle {
  background: #1142c7;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
}

body.flow .step_num_circle .step_num {
  color: #fff;
    text-align: center;
    font-size: 1.25em;
    font-weight: 700;
    line-height: 1.2;
}
body.flow .step_num_circle .step_num span {
    font-size: 1.7em;
}


body.flow .step_info_wrap {
  display: inline-flex;
  align-items: flex-start;
  justify-content: space-around;
  width: 100%;
}
body.flow .step_info_wrap .info01,
body.flow .step_info_wrap .info02,
body.flow .step_info_wrap .info03 {
  width: 30%;
  margin-top: 1em;
}

body.flow .step_info_wrap .step_info_head {
  text-align: center;
  color: #1142c7;
  font-weight: 700;
  font-size: 22px;
  margin-top: .5em;
}

body.flow .step_info_wrap .step_info_img {
  margin-top: 2em;
  text-align: center;
}
body.flow .step_info_wrap .step_info_img img {
  width: 120px;
  margin: 0 auto;
}

body.flow .step_info_wrap .step_info_text {
  padding: 0 1em;
}

body.flow .step_info_wrap .step_info_text p {
  font-size: 17px!important;
}

body.flow ol.flow {
}
body.flow ol.flow li {
  font-size: 18px;
  padding: .7em 0;
  margin-left: 2em;
  padding-left: .2em;
}
body.flow ol.flow li::marker {
  font-weight: bold;
  font-size: 1.2em;
}
body.flow p.annotation {
  margin: .5em 0 0 .5em!important;
  font-size: 16px!important;
}

body.flow .microCatch {
  line-height: 1.9;
}


/*////////// レスポンシブ-767 //////////*/
@media(max-width:767px) {
  body.flow .step_box {
    display: inline-flex;
    align-items: flex-start;

    margin: 2em 0 2em;
    height: 100%;
    padding: 3em 1.5em 0;
  }

  body.flow .step_box .step_line_wrap {
  }

  body.flow .step_box .step_line_wrap .step_line {
      background: linear-gradient(to bottom,#1142c7 0,#1142c7 50%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%);
      background-size: 1px 14px;
      width: 2px;
      height: 100%;
      display: block;
      position: absolute;
  }

  body.flow .step_num_circle {
    width: 70px;
    height: 70px;
  }

  body.flow .step_num_circle .step_num {
      font-size: 14px;
      font-weight: 700;
      line-height: 1.2;
  }
  body.flow .step_num_circle .step_num span {
      font-size: 1.7em;
  }


  body.flow .step_box .step_circle_wrap {
    flex-flow: column;
    justify-content: space-between;
    /*height: 115vh;*/
    height: 670px;
  }
  body.flow .step_box .step_circle_wrap .step01 {
  }

  body.flow .step_info_wrap {
    flex-flow: column;
  }
  body.flow .step_info_wrap .info01,
  body.flow .step_info_wrap .info02 {
    width: 100%;
    height: 290px;
    /*margin-top: 0;*/
  }
  body.flow .step_info_wrap .info03 {
    width: 100%;
    height: 270px;
    /*margin-top: 0;*/
  }

  body.flow .step_info_wrap .info01 {
    margin-top: 0;
}
body.flow .step_info_wrap .info02,
body.flow .step_info_wrap .info03 {
margin-top: 15px;
}

  body.flow .step_info_wrap .step_info_img {
margin-top: 1em;
}
  body.flow .step_info_wrap .step_info_img img {
    width: 80px;
  }

  body.flow .step_info_wrap .step_info_text {
    padding: 0;
  }

  body.flow .step_info_wrap .step_info_text p {
    font-size: 14px!important;
  }
}

/*////////// レスポンシブ-479 //////////*/
@media(max-width:479px) {


  body.flow ol.flow li {
    font-size: 16px;
    padding: .5em 0;
    margin-left: 1.5em;
    padding-left: .2em;

    line-height: 1.8;
  }
  body.flow ol.flow li::marker {
    font-weight: bold;
    font-size: 1em;
  }
  body.flow p.annotation {
    /*margin: .5em 0 .5em .5em!important;*/
    margin: .5em 0!important;
    font-size: 14px!important;
  }

  body.flow .microCatch:before {
    left: 4%;
}

body.flow .microCatch:after {
    right: 4%;
}
}


/* ////////////////////////////////////////////////////////////

子ページお客様の声

/////////////////////////////////////////////////////////////*/

body.voice .bgGray,
body.voice .bgPink {
    padding: 3.5em 0;
}

body.voice .contents_voice_box {
  background: #fff;
  border-radius: 15px;
  box-shadow: 0 0 10px rgba(0,0,0,.1);
  padding: 3em;
  margin: 0;
}

body.voice .contents_voice_box .contents_voice_flex {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  width: 98%;
}

body.voice .contents_voice_box .contents_voice_img {
  width: 26%;
  text-align: center;
}
body.voice .contents_voice_box .contents_voice_img img {
  width: 140px;
  margin-right: 10%;
}
body.voice .contents_voice_box .contents_voice_info {
  width: 72%;
}
body.voice .contents_voice_box .contents_voice_info .info_row {
  display: inline-flex;
  align-items: center;
  width: 100%;
  padding: .5em 0;
  font-size: 19px;
  background-image: linear-gradient(to right, #e0e0e0, #e0e0e0 5px, transparent 5px, transparent 10px);
  background-repeat: repeat-x;
  background-size: 10px 1px;
  background-position: left bottom;
  height: 50px;
}

body.voice .contents_voice_box .contents_voice_info .info_row .info_row_head {
  font-weight: 700;
  width: 26%;
  position: relative;
  padding-left: 1.4em;
}
body.voice .contents_voice_box .contents_voice_info .info_row .info_row_head:before {
  content: "";
    width: 9px;
    height: 7px;
    background: url(../img/company_before.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
body.voice .contents_voice_box .contents_voice_info .info_row .info_row_item {
  width: 74%;
}
body.voice .contents_voice_box .contents_voice_info .info_row .info_row_item .evaluation {
  padding-right: .5em;
  display: inline-flex;
  align-items: center;
}

body.voice .contents_voice_box .contents_voice_info .info_row .info_row_item img {
  width: 20px;
  height: 20px;
  display: inline;
  vertical-align: initial!important;
}
body.voice .contents_voice_box .contents_voice_info .info_row .star {
  color: #ff8000;
  font-weight: 700;
  font-size: 22px;
}

body.voice .contents_voice_box .contents_voice_info .info_row .star.big {
font-size: 28px;
padding-left: .2em;
}

body.voice .contents_voice_box .contents_voice_info .info_row .info_row_item .evaluation .star {
  padding-left: .2em;
}
body.voice .contents_voice_box .contents_voice_info .info_row .info_row_item .evaluation img {
  margin-left: .3em;
}


body.voice .contents_voice_box .reply {
  background: #f5f5f5;
  padding: .5em 2em 1.5em;
}

body.voice .contents_voice_box .reply .reply_head {
font-weight: 700;
position: relative;
font-size: 19px;
padding: 1em 0;
padding-left: 2.2em;
}

body.voice .contents_voice_box .reply .reply_head:before {
content: "";
    width: 36px;
    height: 36px;
    background: url(../img/contents/apple.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

body.voice .contents_voice_box .reply p {
  margin: 0!important;
}


/*////////// レスポンシブ768-1000 //////////*/
@media screen and (min-width: 768px) and (max-width: 1000px){

  body.voice .contents_voice_box .contents_voice_info .info_row .info_row_head {
    width: 35%;
  }
  body.voice .contents_voice_box .contents_voice_info .info_row .info_row_item {
    width: 65%;
  }

  body.voice .contents_voice_box .contents_voice_info .info_row {
    height: auto;
  }
  body.voice .contents_voice_box .contents_voice_info .info_row .info_row_item .evaluation {
    display: block;
  }
}


/*////////// レスポンシブ-767 //////////*/
@media(max-width:767px) {

  body.voice .contents_voice_box {
    padding: 1.5em 1em 2em;
  }

  body.voice .contents_voice_box .contents_voice_flex {
    flex-direction: column;
    width: 95%;
    display: block;
    margin: 0 auto;
  }

  body.voice .contents_voice_box .contents_voice_img {
    width: 100%;
    text-align: center;
    margin-bottom: 1em;
  }
  body.voice .contents_voice_box .contents_voice_img img {
    width: 80px;
    height: auto;
    margin-right: 0;
    margin: 0 auto;
  }
  body.voice .contents_voice_box .contents_voice_info {
    width: 100%;
  }
  body.voice .contents_voice_box .contents_voice_info .info_row {
    font-size: 16px;
    align-items: center;
    height: auto;
}
  body.voice .contents_voice_box .contents_voice_info .info_row .info_row_head {
    width: 45%;
  }
  body.voice .contents_voice_box .contents_voice_info .info_row .info_row_item {
    width: 55%;
  }
  body.voice .contents_voice_box .contents_voice_info .info_row .info_row_item .star.big {
    font-size: 24px;
  }

  body.voice .contents_voice_box .reply {
    padding: .5em 1em 1.5em;
  }
}

/*////////// レスポンシブ-479 //////////*/
@media(max-width:479px) {
  body.voice .bgGray .wrapper,
  body.voice .bgPink .wrapper {
    width: 100%;
  }
  body.voice .bgGray,
  body.voice .bgPink {
    padding: 1em 0;
    background: #fff5f3;
}
body.voice .bgPink.first {
padding-top: 3em;
}
body.voice .bgGray.last {
padding-bottom: 3em;
}
}

/* ////////////////////////////////////////////////////////////

子ページお客様の声口コミフォーム

/////////////////////////////////////////////////////////////*/

/* iPhone用 inputの角丸をやめる */
input[type="button"],
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="search"],
input[type="reset"],
input[type="password"],
input[type="submit"],
input[type="image"],
textarea,
select {
-webkit-appearance: none!important;
border-radius: 0!important;
}

/* iPhone用inputリセット */
input[type="submit"],
input[type="button"] {
border-radius: 0;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
appearance: button;
/*border: none;*/
box-sizing: border-box;
cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
outline-offset: -2px;
}
select {
color:rgba(21,21,21,1);
}


input {
border:none!important;
}

/* スマホ16px固定 */
/*@media(max-width:768px){*/
@media(max-width:767px){
input,
textarea,
select {
font-size: 16px !important;
}
}

body.voice .voice_form_box {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px;
    background: rgb(255, 255, 255);
    border-radius: 15px;
    padding: 3em 0 5em;
    margin: 0px;
}

body.voice .voice_form_wrap {
}

body.voice table.voice_form {
  table-layout: fixed;
  width: 75%;
  margin: 0 auto;
  font-size: 18px;
}
body.voice table.voice_form th {
  width: 25%;
  padding: 1em 0;
  vertical-align: top;
}

body.voice table.voice_form th span {
  position: relative;
  padding-left: 1.3em;
}

body.voice table.voice_form th span:before {
  content: "";
  width: 9px;
  height: 7px;
  background: url(../img/company_before.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}

body.voice table.voice_form td {
  width: 75%;
  padding: 1em 0;
}
body.voice table.voice_form td .labelhead {
  font-weight: 700;
  padding-top: 1em;
}
body.voice table.voice_form td .labelhead:nth-child(1) {
  padding-top: 0;
}

body.voice table.voice_form input {
  font-family: 'Noto Sans JP', 'ヒラ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  border: 1px solid #868686!important;
  font-size: 18px;
  padding: .3em;
  padding-left: .6em;
}

body.voice table.voice_form td.name input {
width: 50%;
}
body.voice table.voice_form td.amount input {
width: 40%;
margin-right: 1em;
}

body.voice table.voice_form td .label {
white-space: nowrap;
}

body.voice table.voice_form select {
  font-family: 'Noto Sans JP', 'ヒラ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  border: 1px solid #868686!important;
  font-size: 18px;
  padding: .3em;
  padding-left: .6em;
  width: 40%;
  background: url(../img/select_allow.png) right 10px center/20px 20px no-repeat #fff;
}
body.voice table.voice_form label {
  font-size: 16px;
}

body.voice table.voice_form input[type="radio"] {
  margin: 1em 0 1em 1em;
  cursor: pointer;
}
body.voice table.voice_form input[type="radio"] + label {
    padding: .45em;
}
body.voice table.voice_form textarea {
  font-family: 'Noto Sans JP', 'ヒラ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  border: 1px solid #868686!important;
  font-size: 18px;
  resize: none;
  width: 95%;
  height: 300px;
  padding: .3em;
  padding-left: .6em;
}
body.voice button {
  font-family: 'Noto Sans JP', 'ヒラ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  display: block;
  margin: 0 auto;
  font-size: 18px;
  background: #808080;
  color: #fff;
  padding: 1em 0;
  width: 40%;
  border-width: 0!important;
  margin-top: 2em;
  -webkit-transition: .3s ease-in-out 0s;
  transition: .3s ease-in-out 0s;
  cursor: pointer;
}

body.voice button:hover {
opacity: .7;
}

/*////////// レスポンシブ768-1000 //////////*/

@media screen and (min-width: 768px) and (max-width: 1000px){
  body.voice table.voice_form {
    width: 85%;
  }

  body.voice table.voice_form td.name input {
  width: 40vw;
  }
  body.voice table.voice_form td.amount input {
  width: 30vw;
  }
  body.voice table.voice_form select {
    width: 30vw;
  }
  body.voice table.voice_form textarea {
    width: 100%;
  }
}

/*////////// レスポンシブ-767 //////////*/
@media(max-width:767px) {
  body.voice .voice_form_box {
      padding: 1.5em 0 3em;
  }

  body.voice table.voice_form {
    width: 90%;
    font-size: 16px;
  }
  body.voice table.voice_form tr {
    display: block;
padding-top: .5em;
  }

  body.voice table.voice_form th {
    width: 100%;
    display: block;
    padding: .3em 0;
  }
  body.voice table.voice_form td {
    width: 100%;
    display: block;
    padding: .3em 0;
    margin-left: 5%;
  }
  body.voice table.voice_form td .labelhead {
padding-bottom: .5em;
  }

  body.voice table.voice_form td.name input {
  width: 90%;
  }
  body.voice table.voice_form td.amount input {
  width: 60%;
  }
  body.voice table.voice_form select {
    width: 90%;
  }
  body.voice table.voice_form label {
    font-size: 14px;
  }
  body.voice table.voice_form input[type="radio"] {
    margin: .7em 0 .7em .7em;
    cursor: pointer;
  }
  body.voice table.voice_form textarea {
    width: 90%;
  }
body.voice button {
width: 55vw;
font-size: 16px;
padding: .8em 0;
}
}


/* ////////////////////////////////////////////////////////////

子ページ利用規約

/////////////////////////////////////////////////////////////*/


body.terms .sectionHead {
font-size: 2.2em;
letter-spacing: 7px;
margin-bottom: .5em;
}

body.terms h3.num {
  color: rgba(21,21,21,1);
  border-bottom: 1px solid #d31830;
}

body.terms h3.num:before {
  content: attr(data-number);
	color: #d31830;
  margin-right: .5em;
}

body.terms h3.leaf {
  color: rgba(21,21,21,1);
  border-bottom: 1px solid #d31830;
  position: relative;
  padding-left: 1.2em;
}

body.terms h3.leaf:before {
  content: "";
    width: 9px;
    height: 7px;
    background: url(../img/company_before.png) 0 0/contain no-repeat;
    position: absolute;
    top: calc(50% - .3em);
    left: 1%;
}

body.terms p.nomargin {
  margin-bottom: -1em!important;
}
body.terms ul.terms {
  font-size: 18px;
  margin-top: 1.5em;
}

body.terms ul.terms li {
  display: inline-flex;
  justify-content: flex-start;
  /*text-indent: -1em;*/
  padding: .5em 0 .5em;
  line-height: 2;
  width: 100%;
}
body.terms ul.terms li span:nth-child(1) {
/*margin-right: 1em;*/
width: 4%;
}
body.terms ul.terms li span:nth-child(2) {
width: 96%;
}

body.terms .bold {
  font-weight: 700;
}


/*////////// レスポンシブ480-767 //////////*/

@media screen and (min-width: 480px) and (max-width: 767px){

body.terms ul.terms {
  font-size: 16px;
}

body.terms ul.terms li {
  line-height: 1.9;
}

body.terms ul.terms li span:nth-child(1) {
width: 7%;
}
body.terms ul.terms li span:nth-child(2) {
width: 93%;
}
}

/*////////// レスポンシブ-479 //////////*/
@media(max-width:479px) {
body.terms .sectionHead {
font-size: 1.3em;
letter-spacing: 3px;
margin-bottom: .7em;
}

body.terms h3.num {
border-bottom: 2px solid #d31830;
}

body.terms h3.leaf {
border-bottom: 2px solid #d31830;
}

body.terms ul.terms {
font-size: 16px;
}

body.terms ul.terms li {
line-height: 1.9;
}
body.terms ul.terms li span:nth-child(1) {
width: 10%;
}
body.terms ul.terms li span:nth-child(2) {
width: 90%;
}
}



/* ////////////////////////////////////////////////////////////

リピーターページ

/////////////////////////////////////////////////////////////*/

/*////////// ヘッダー //////////*/

@media(min-width:1001px) {
.headerBg .special_header_wrap {
position: relative;
width: 1000px;
margin: 0 auto;
height: inherit;
}
}
body.specialplan #header .headerBg {
position: relative;
background: url(../img/specialplan/header_specialplan.webp) no-repeat center center, #eaedef;
height: 480px;
background-size: 1450px,cover,cover;
}
.no-webp body.specialplan .headerBg {
background: url(../img/specialplan/header_specialplan.png) no-repeat center center, #eaedef;
}
@media screen and (min-width: 480px) and (max-width: 1000px){
body.specialplan #header .headerBg {
position: relative;
background: url(../img/specialplan/header_specialplan.webp) no-repeat center center, #eaedef;
background-size: 145vw,cover,cover;
height: 0;
width: 100%;
padding-top: 48%; /* 480÷1000 × 100*/
}
}

@media(max-width:479px){
body.specialplan #header .headerBg {
/*height: auto;*/
height: 140vw;
background: none;
}
}
body.specialplan .headerBg .logotext {
position: absolute;
top: 47%;
left: 52%;
}
body.specialplan #header .NavBar {
height: 90px;
}
body.specialplan .main_btn a {
height: 60px;
}
body.specialplan #header .special_headbox_wrap {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(2, 1fr);
grid-column-gap: 15px;
grid-row-gap: 15px;
position: absolute;
top: 10%;
left: 0%;
}
body.specialplan #header .special_headbox {
background: rgba(255,255,255,.8);
width: 130px;
height: 130px;
text-align: center;
border-radius: 15px;
display: inline-flex;
align-items: center;
justify-content: center;
filter: drop-shadow(2px 2px 5px rgba(26,26,26,.1));
font-size: 18px;
font-weight: 500;
}
body.specialplan #header .special_headbox span {
font-weight: 700;
font-size: 2.6em;
display: contents;
color: #d31830;
}
body.specialplan .headerBg .logotext_a .big.three:before{
content: "お";
-webkit-text-stroke: 0;
position: absolute;
}
body.specialplan .headerBg .logotext_a .big.den:before{
content: "ス";
-webkit-text-stroke: 0;
position: absolute;
}
body.specialplan .special_bar {
color: #fff;
/*background-color: #d31830;*/
height: 100px;
display: inline-flex;
align-items: center;
justify-content: center;
width: 100%;
font-size: 2em;
/*background: linear-gradient(90deg, rgba(211,24,48,1), rgba(211,24,48,.5));*/
background-image: linear-gradient(90deg,rgba(211,24,48,1),rgba(211,24,48,.7),rgba(211,24,48,1),rgba(211,24,48,.7),rgba(211,24,48,1));
position: absolute;
z-index: 1;
bottom: 0px;
}
body.specialplan .special_bar .line_bottom {
vertical-align: bottom;
}
body.specialplan .special_bar .per {
font-weight: 700;
font-size: 2.2em;
margin: 0 .1em;
color: #ffee51;
}
@media screen and (min-width: 480px) and (max-width: 1000px){
body.specialplan .headerBg .logotext {
position: absolute;
top: 49%;
left: 53%;
}
body.specialplan #header .special_headbox_wrap {
grid-column-gap: 10px;
grid-row-gap: 10px;
top: 10%;
left: 1.5%;
}
body.specialplan #header .special_headbox {
width: 105px;
height: 105px;
border-radius: 15px;
font-size: 15px;
}
body.specialplan #header .special_headbox span {
font-size: 2.3em;
}
body.specialplan .special_bar {
height: 70px;
font-size: 1.5em;
}
}

@media(max-width:479px) {
body.specialplan #header .NavBar {
height: 60px;
}
body.specialplan .main_btn a {
height: 40px;
}
body.specialplan .headerBg .logotext {
position: absolute;
top: 30%;
left: 50%;
}
body.specialplan .headerBg .logotext_a {
font-size: 5vw;
}
.headerBg .logotext_a .big {
font-size: 1.6em;
}
body.specialplan .headerBg .logotext_a:after {
height: 8vw;
width: 100%;
left: 0%;
}
body.specialplan .headerBg .logotext_b {
font-size: 2em;
margin-top: .7em;
}
body.specialplan #header .special_headbox_wrap {
display: block;
bottom: 15%;
top: initial;
width: 47%;
left: 5%;
}
body.specialplan #header .special_headbox {
width: 100%;
height: auto;
border-radius: 10px;
font-size: 15px;
margin-bottom: .5em;
}
body.specialplan #header .special_headbox span {
font-size: 1.8em;
margin: 0 .2em;
display: block;
}
body.specialplan .special_bar {
height: 60px;
font-size: 1.2em;
}
}


/*////////// 取り扱い可能 //////////*/

body.specialplan .special_cardwrap {
display: inline-flex;
align-items: center;
justify-content: space-around;
width: 100%;
padding: 1em 0;
}
body.specialplan .special_cardwrap img {
width: 140px;
height: auto;
}
body.specialplan .center {
font-weight: 500;
text-align: center;
font-size: 1.5em;
margin-top: .5em;
}
body.specialplan .servicebox {
position: relative;
margin: 2em 0;
padding: 2em 1em;
border: solid 1px #e0e0e0;
border-radius: 10px;
width: 80%;
margin: 4em auto 5em;
}
body.specialplan .servicebox:last-of-type {
margin-bottom: 0;
}
body.specialplan .servicebox .box-title {
position: absolute;
display: inline-block;
padding: 0 .8em;
line-height: 1;
font-size: 26px;
background: #FFF;
font-weight: 700;
top: -13px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
white-space: nowrap;
}
@media(max-width:767px) {
body.specialplan .special_cardwrap {
padding: .5em 0;
}
body.specialplan .special_cardwrap img {
width: 80px;
}
body.specialplan .center {
font-size: 1em;
}
body.specialplan .servicebox {
padding: 1em 1em .5em;
margin: 2.5em auto 4em;
width: 100%;
}
body.specialplan .servicebox .box-title {
font-size: 17px;
}
}


/*////////// 換金率テーブル //////////*/

body.specialplan .tablewrap {
padding: 3em;
}
body.specialplan table.special {
width: 85%;
margin: 0 auto;
text-align: center;
font-size: 18px;
table-layout: fixed;
}
body.specialplan table.special th {
background: #cacaca;
padding: .8em 0;
border-bottom: 3px solid #fff;
border-right: 3px solid #fff;
}
body.specialplan table.special tr:last-of-type th {
border-bottom: none;
}
body.specialplan table.special tr:nth-child(1) th {
background: rgba(255,255,255,0);
}
body.specialplan table.special td {
background-color: #edf1f4;
padding: .8em 0;
border-bottom: 3px solid #fff;
border-right: 3px solid #fff;
}
body.specialplan table.special tr:last-of-type td {
border-bottom: none;
}
body.specialplan table.special tr:nth-child(1) td {
background-color: #dbeaf2;
color: #505dcc;
font-weight: 700;
}
body.specialplan table.special tr td:nth-child(2) {
background-color: #fce6e1;
color: #f74339;
font-weight: 700;
width: 30%;
font-size: 20px;
}
body.specialplan table.special tr td:last-of-type {
border-right: none;
}
body.specialplan table.special tr:first-of-type td:last-of-type {
border-radius: 0 10px 0 0;
}
body.specialplan table.special tr:first-of-type td:nth-child(2) {
border-radius: 10px 0 0 0;
}
body.specialplan table.special tr:nth-child(2) th:nth-child(1) {
border-radius: 10px 0 0 0;
}
body.specialplan table.special tr:last-of-type td:last-of-type {
border-radius: 0 0 10px 0;
}
body.specialplan table.special tr:last-of-type th {
border-radius: 0 0 0 10px;
}
body.specialplan p.center {
text-align: center!important;
}
body.specialplan .annotation {
width: 85%;
margin: 0 auto;
}
body.specialplan .annotation p {
font-size: 14px!important;
margin-top: 1em!important;
}

@media(max-width:767px) {
body.specialplan .tablewrap {
padding: 1.5em .5em;
}
body.specialplan table.special {
width: 98%;
font-size: 14px;
}
body.specialplan table.special tr td:nth-child(2) {
font-size: 15px;
width: auto;
}
body.specialplan .annotation {
width: 98%;
}
body.specialplan .annotation p {
font-size: 12px!important;
}
body.specialplan .wrapper.table {
width: 100%;
}
body.specialplan table.special tr:first-of-type td:last-of-type {
border-radius: 0 5px 0 0;
}
body.specialplan table.special tr:first-of-type td:nth-child(2) {
border-radius: 5px 0 0 0;
}
body.specialplan table.special tr:nth-child(2) th:nth-child(1) {
border-radius: 5px 0 0 0;
}
body.specialplan table.special tr:last-of-type td:last-of-type {
border-radius: 0 0 5px 0;
}
body.specialplan table.special tr:last-of-type th {
border-radius: 0 0 0 5px;
}
}


/*////////// 4ステップ //////////*/

body.specialplan .step_box {
padding: 1em 0 2em;
margin: 3em 0;
}
body.specialplan .step_box .step_line_wrap {
position: relative;
z-index: 0;
}
body.specialplan .step_box .step_line_wrap .step_line {
background: linear-gradient(to left,#1142c7 0,#1142c7 50%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%);
background-size: 15px 1px;
width: 70%;
height: 2px;
display: block;
position: absolute;
}
body.specialplan .step_box .step_circle_wrap {
display: inline-flex;
align-items: center;
justify-content: space-around;
width: 100%;
}
body.specialplan .step_num_circle {
background: #1142c7;
border-radius: 50%;
width: 100px;
height: 100px;
display: inline-flex;
justify-content: center;
align-items: center;
position: relative;
z-index: 1;
}
body.specialplan .step_num_circle .step_num {
color: #fff;
text-align: center;
font-size: 1.25em;
font-weight: 700;
line-height: 1.2;
}
body.specialplan .step_num_circle .step_num span {
font-size: 1.7em;
}
body.specialplan .step_info_wrap {
display: inline-flex;
align-items: flex-start;
justify-content: space-around;
width: 100%;
}
body.specialplan .step_info_wrap .info01,
body.specialplan .step_info_wrap .info02,
body.specialplan .step_info_wrap .info03,
body.specialplan .step_info_wrap .info04 {
width: 23.5%;
margin-top: 1em;
}
body.specialplan .step_info_wrap .step_info_head {
text-align: center;
color: #1142c7;
font-weight: 700;
font-size: 22px;
margin-top: .5em;
}
body.specialplan .step_info_wrap .step_info_img {
margin-top: 2em;
text-align: center;
}
body.specialplan .step_info_wrap .step_info_img img {
width: 120px;
margin: 0 auto;
}
body.specialplan .step_info_wrap .step_info_text {
padding: 0 .8em;
font-weight: 500;
}
body.specialplan .step_info_wrap .step_info_text p {
font-size: 16px!important;
}
body.specialplan .step_info_wrap .step_info_text p span {
font-size: 14px!important;
color: #666;
font-weight: 400;
}
body.specialplan p.annotation {
margin: .5em 0 0 .5em!important;
font-size: 16px!important;
}
body.specialplan .microCatch {
line-height: 1.9;
}


/*////////// レスポンシブ-767 //////////*/
@media(max-width:767px) {
body.specialplan .step_box {
display: inline-flex;
align-items: flex-start;
margin: 0 0 2em;
height: 100%;
padding: 3em 1em 0;
}
body.specialplan .step_box .step_line_wrap .step_line {
background: linear-gradient(to bottom,#1142c7 0,#1142c7 50%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%);
background-size: 1px 14px;
width: 2px;
height: 100%;
display: block;
position: absolute;
}
body.specialplan .step_num_circle {
width: 70px;
height: 70px;
}
body.specialplan .step_num_circle .step_num {
font-size: 14px;
font-weight: 700;
line-height: 1.2;
}
body.specialplan .step_num_circle .step_num span {
font-size: 1.7em;
}
body.specialplan .step_box .step_circle_wrap {
flex-flow: column;
justify-content: space-between;
height: 980px;
}
body.specialplan .step_box .step_circle_wrap .step01 {
}

body.specialplan .step_info_wrap {
flex-flow: column;
}
body.specialplan .step_info_wrap .info01,
body.specialplan .step_info_wrap .info02,
body.specialplan .step_info_wrap .info03 {
width: 100%;
height: 290px;
}
body.specialplan .step_info_wrap .info04 {
width: 100%;
height: 220px;
}
body.specialplan .step_info_wrap .info01 {
margin-top: 0;
}
body.specialplan .step_info_wrap .info02,
body.specialplan .step_info_wrap .info03,
body.specialplan .step_info_wrap .info04 {
margin-top: 15px;
}
body.specialplan .step_info_wrap .step_info_img {
margin-top: 1em;
}
body.specialplan .step_info_wrap .step_info_img img {
width: 80px;
}
body.specialplan .step_info_wrap .step_info_text {
padding: 0;
}
body.specialplan .step_info_wrap .step_info_text p {
font-size: 14px!important;
}
}


/*////////// 確認ページ //////////*/

@media (max-width: 767px) {
body.specialplan.check table td.cf_head {
font-size: 16px!important;
}
body.specialplan.check table td.cf span {
padding-left: 0!important;
font-weight: 400!important;
}
}