@charset "utf-8";


/*共通設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*全体の設定
---------------------------------------------------------------------------*/
html {
	scroll-behavior: smooth;
}

body {
    margin: 0px;
    padding: 0px;
	color: #222222;	/*全体の文字色*/
	font-family: 'Noto Sans JP',sans-serif,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic";	/*フォント種類*/
	font-size: 16px;	/*文字サイズ*/
	line-height: 1.6;		/*行間*/
	-webkit-text-size-adjust: 100%;
	width: 100%;
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form,figure,form {margin: 0px;padding: 0px;}
ul {list-style-type: none;}
img {border: none;height: auto;}
iframe {width: 100%;}

input, select {
  -webkit-appearance: none;
  appearance: none;
}

input[type=checkbox] {
  -webkit-appearance:checkbox;
  appearance: checkbox;

}


*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}


/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
}



.bgred{
background-color: red;
}

.bgblue{
background-color: blue;
}




/*コンテンツエリア
---------------------------------------------------------------------------*/

#contents{
width: 100%;
background-color: #fff;
position: relative;
overflow: hidden;
}

#main{
background: #f4f4f4;
}

.inner{
max-width: 750px;
margin: 0 auto;
box-sizing: border-box;
}

#fv{
padding: 20px 20px 20px;
position: relative;
}

#fv .countdown{
position: absolute;
font-size: 28px;
color: #fff;
font-weight: bold;
left: 92px;
bottom: 37px;
}

#secret #fv .countdown{
bottom: 41px;
left: 94px;
}

#speed #fv .countdown{
bottom: 41px;
left: 94px;
}

#exam #fv .countdown{
bottom: 41px;
left: 94px;
}

#idcard #fv .countdown{
bottom: 40px;
left: 94px;
}

#zerorate #fv .countdown{
bottom: 40px;
left: 94px;
}

#lowrate #fv .countdown{
bottom: 40px;
left: 94px;
}

#smallamount #fv .countdown{
bottom: 40px;
left: 94px;
}

#bank #fv .countdown{
bottom: 40px;
left: 94px;
}

#holiday #fv .countdown{
bottom: 40px;
left: 94px;
}

#timer01,#timer02,#timer03,#timer04,#timer05,#timer06,#timer07,span.timer_yellow{
color: #ffcc00;
}

#fv img{
width: 100%;
}

#fv_top{
padding: 20px 20px 20px;
}

#fv_top img{
width: 100%;
margin: 0 0 0;
box-shadow: 0px 2px 4px rgb(0 0 0 / 30%);
border-radius: 10px;
}

#fv_top img.fv_chat{
margin: 0 0 0;
}

p.fv_notice{
padding: 0 16px;
margin: 0 0 20px;
font-size: 22px;
color: :#777;
}

#fv.with_notice{
padding: 20px 20px 0px;
}

.countdown_top_wrap{
text-align: center;
border: solid 2px #205cda;
padding: 40px 20px 10px;
position: relative;
background: #fff;
margin: 45px 0 0;
}

.countdown_top{
color: #222;
font-weight: bold;
font-size: 32px;
line-height: 1;
}

.countdown_top span#timer04{
color: #c90e38;
font-size: 40px;
}

.countdown_top_wrap_label{
position: absolute;
font-size: 24px;
font-weight: bold;
background: #205cda;
color: #fff;
border-radius: 10px;
display: inline-block;
padding: 5px 15px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	top: -25px;
}

.countdown_top_wrap:after{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 22px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    border-style: solid;
    border-color: #205cda transparent transparent transparent;
    border-width: 15px 10px 0 10px;
    z-index: 1;
}

#fv_top .countdown_top i{
margin: 0 2px 0 0;
}

#countdown_chat{
padding: 20px;
}

.fv_wrap{
position: relative;
}

.fv_pr{
position: absolute;
font-size: 32px;
color: #fff;
right: 10px;
bottom: 10px;
line-height: 1;
padding: 5px 10px;
border: solid 2px rgba(245,245,245,0.6);
border-radius: 10px;
}

.fv_pr.fv_pr_newlp{
color: #444;
border: solid 2px #666;
background: rgba(245,245,245,0.8);
}

.fv_pr.fv_pr_lp{
bottom: auto;
top: 10px;
font-size: 28px;
}


/*概要
---------------------------------------------------------------------------*/

.about .inner{
padding: 0 20px;
}

.about section.company{
background: #fff;
padding: 20px;
border-radius: 10px;
margin: 0 0 20px;
}

.about section.privacypolicy{
background: #fff;
padding: 20px;
border-radius: 10px;
margin: 0 0 20px
}

.about h3{
margin: 0px auto 20px;
padding: 26px;
color: #fff;
font-weight: normal;
text-align: center;
background-color: #1d2088;
font-size: 18px;
}

.about h4{
 padding: 8px;
  border-left: solid 5px #666;
  border-bottom: solid 1px #666;
  font-size: 18px;
  margin: 16px 0px;
}

.about table{
width: 100%;
border-collapse: collapse;
  border-spacing: 0;
}

.about table th{
text-align: left;
width: 30%;
}

.about table th,#contents .about table td{
border-bottom:  dotted 1px #1d2088;
border-top:   dotted 1px #1d2088;
padding: 16px 8px;
}


@-webkit-keyframes shiny-btn1 {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}



@-webkit-keyframes shiny-btn1 {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

.about p:last-child{
margin: 0 0 60px;
}


/*調査概要
---------------------------------------------------------------------------*/
#contents #survey{
padding: 20px 20px 20px;
}



#contents #survey h3{
text-align: center;
padding: 16px;
font-size: 24px;
border-radius: 15px;
background: #fbe7e9;
margin: 30px 0 30px;
}

#survey section.survey-result{
padding: 20px;
border-radius: 10px;
background: #fff;
}

#contents #survey p{
margin: 0 0 20px;
}

#contents #survey p:last-child{
margin: 0 0 60px;
}

#survey h4{
 padding: 10px;
  border-left: solid 5px #666;
  border-bottom: solid 1px #666;
  font-size: 16px;
  margin: 0 0 10px;
}

#contents #survey table{
width: 100%;
border-collapse: collapse;
}

#contents #survey table th,#contents #survey table td{
border: solid 1px #ccc;
font-size: 14px;
padding: 10px 0 10px 10px;
text-align: left;
}

#contents #survey table th{
background: #f5f5f5;
}

#contents #survey table td{
width: 50%;
text-align: right;
padding:10px;
}

p.addition-survey{
padding: 0 20px 20px;
font-size: 16px;
}


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



footer{
text-align: center;
background-color: #333333;
color: white;
}

footer #footermenu{
background-color: #004444;
overflow: hidden;
padding: 16px 8px;
}

footer #footermenu .inner{

}

footer #footermenu ul{
float: left;
width: 25%;
padding-left: 16px;
}

footer #footermenu ul li{
text-align: left;
text-decoration: none;

}

footer #footermenu ul li a{
font-size: 12px;
color: #fff;
}

footer #about{
padding: 8px 0px 0px;
}

footer #about a{
color: #fff;
font-size: 12px;
}

footer #copyright{
padding: 8px 0px;
font-size: 12px;
}


span.yellow{
background: #ffd966;
font-weight: bold;
}

span.pink{
background:  linear-gradient(transparent 70%,#ffcdd2 0%);
font-weight: bold;
}

span.blue{
background:  linear-gradient(transparent 70%,#ccffff 0%);
font-weight: bold;
}


span.red{
color: #ff0066;
font-weight: bold;
}

span.gray{
color: #999999;
}

span.bgblue{
background-color:#ee827c;
color: #fff;
padding: 2px;
}

span.cyellow{
color: yellow;
}




p.center{
text-align: center;
}


span.big{
font-size: 120%;
}

span.bold{
font-weight: bold;
}

.bold{
font-weight: bold;
}

span.small{
font-size: 80%;
}

span.midsmall{
font-size: 85%;
}

span.gold{
color: #ffcc00;
}

span.score{
font-family: 'Anton', sans-serif, cursive;
font-size: 110%;
color: #ff3366;
}

.center{
text-align: center;
}

.sp{
display: none;
}

.center{
text-align: center;
}

/*header
---------------------------------------------------------------------------*/

header{
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 0;
}

header img.logo{

}

header .btn-wrap{
display: flex;
}

header .btn-wrap a{
display: block;
margin: 0 15px 0 0;
padding: 0 15px 30px 15px;
position: relative;
white-space: nowrap;
font-size: 24px;
text-decoration: none;
color: #444;
}

header .btn-wrap a i{
margin: 0 10px 0 0;
color: #205cda;
}

header .btn-wrap a.common i{
color: #444;
}

header .btn-wrap a:last-child{
margin: 0;
}

header .btn-wrap a:after{
position: absolute;
bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
z-index: 100;
color: #666;
font-size: 14px;
font-weight: bold;

}

header .btn-wrap a.btn1:after{
content: "求人例";
}

header .btn-wrap a.btn2:after{
content: "エリア別";
}

header .btn-wrap a.btn2{
margin: 0 24px 0 0;
}

header .btn-wrap a.btn3:after{
content: "ランキング";
}


.hamburger-menu{
  display: flex;
  align-items: center;
  width: 64px;
  height: 68px;
  cursor: pointer;
  z-index: 100;
}

.hamburger-menu__line{
  display: block;
  width: 100%;
  height: 4px;
  border-radius: 4px;
  background-color: #ccc;
  position: relative;
  transition: all 0.5s;
}

.hamburger-menu__line::before,
.hamburger-menu__line::after{
  content: '';
  display: block;
  width: 100%;
  height: 4px;
  border-radius: 4px;
  background-color: #ccc;
  position: absolute;
  transition: all 0.5s;
}

.hamburger-menu__line::before{
  transform: translateY(-24px);
}
.hamburger-menu__line::after{
  transform: translateY(24px);
}

.hamburger-menu.open .hamburger-menu__line{
  background-color: transparent;
}
.hamburger-menu.open .hamburger-menu__line::before{
  transform: rotate(45deg);
}
.hamburger-menu.open .hamburger-menu__line::after{
  transform: rotate(-45deg);
}

/* ナビゲーション */
.nav-sp{
  position: absolute;
  top: 0;
  right: -350px;
  width: 350px;
  height: 200vh;
  padding: 60px 10px 0;
  background-color: rgba(255,255,255,0.85);
  text-align: left;
  transition: right 0.5s;
  z-index: 5;
}

.nav-sp.open{
  right: 0;
}

.nav-sp a{
  display: inline-block;
  padding: 5px 0;
}

html.is-fixed,html.is-fixed body {
    height: 100%;
    overflow: hidden;
  }



#jquery-tablesorter-table th.tablesorter-headerasc{
    background-color: #fff;
    color: #ee827c;
    border-bottom: none;
}

#jquery-tablesorter-table th.tablesorter-headerdesc{
    background-color: #ee827c;
    color: #fff;
    border-bottom: none;
}

#jquery-tablesorter-table02 th.tablesorter-headerasc{
    background-color: #fff;
    color: #ee827c;
    border-bottom: none;
}

#jquery-tablesorter-table02 th.tablesorter-headerdesc{
    background-color: #ee827c;
    color: #fff;
    border-bottom: none;
}

#jquery-tablesorter-table03 th.tablesorter-headerasc{
    background-color: #fff;
    color: #ee827c;
    border-bottom: none;
}

#jquery-tablesorter-table03 th.tablesorter-headerdesc{
    background-color: #ee827c;
    color: #fff;
    border-bottom: none;
}


/*検索ボックス
----------------------------------------------------------------------*/

#search h2 span.color{
color: #ee827c;
}

#search{
margin:0px auto 0px;
}

#search .inner{
border: solid 1px #004444;
background-color: #f5f5f5;
}

#search h2{
background-color: #1d2088;
text-align: center;
border-radius: 20px 20px 0px 0px;
color: #fff;
padding: 20px 0px;
font-size: 20px;
}

#search h2 i{
margin: 0 10px 0 0;
}

#search .form-wrap{
padding:0px 20px 40px;
}

#search .form-wrap form{
background: #fff;
padding: 30px;
box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
border-radius: 0px 0px 20px 20px;
}

#search select{
width: 100%;
padding: 20px 20px 20px 300px;
border-radius: 40px;
font-size: 20px;
font-weight: bold;
box-shadow: 0px 2px 4px rgba(0,0,0,0.3);
z-index: 2;
}

#search .select-wrap{
position: relative;
margin: 0 0 20px
}

#search .select-wrap:before{
position: absolute;
content: 'デフォルト';
display: inline-block;
    top: 50%;
    left: 30px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

#search .select-wrap.qs1:before{
content:'あなたの職業は？';
}

#search .select-wrap.qs2:before{
content:'いつまでに借りたい？';
}

#search .select-wrap.qs3:before{
content:'いくら借りたい？';
}

#search .select-wrap.qs4:before{
content:'希望の借入方法は？';
}


#search table{
width: 100%;
}

#search input[type="submit"]{
    width: 50%;
    height: 60px;
    margin: 20px auto 0px;
    padding: 0 20px;
    display: block;
    border: none;
    border-radius: 40px;
    font-size: 20px;
    background:   #ff4b4b;
    color: #fff;
    font-weight: bold;
    cursor: pointer;
	box-shadow: 0px 4px 0px #992d2d;

}


#search .inner label{
display: block;
width: 100%;
background-color: #004444;
text-align: center;
color: #fff;
font-weight: normal;
padding: 10px;
font-size: 18px;
    cursor :pointer;
    transition: all 0.5s;
position: relative;
}




.acd-check{
    display: none;
}
.acd-label{
    color: #999;
    display: block;
    margin: 20px auto 1px;
    position: relative;
	width: 200px;
	text-align: center;

}
.acd-label:before{
    box-sizing: border-box;
    content: '\f055';
    font-family: "Font Awesome 5 Free";
	font-weight: 900;
	font-size: 20px;
	color: #ff6633;
	margin-right: 10px;
	vertical-align: -2px;
}
.acd-content{
    display: block;
    height: 0;
    opacity: 0;
    padding: 0 10px;
    transition: .5s;
    visibility: hidden;
}
.acd-check:checked + .acd-label:before{
    content: '\f056';
	color: #999;
}
.acd-check:checked + .acd-label + .acd-content{
    height: 230px;
    opacity: 1;
    padding: 10px;
    visibility: visible;
}

.acd-content table{
border-collapse: collapse;

}

.acd-content table td{
border: solid 2px #ccc;
width: 50%;
font-size: 20px;
padding: 20px;
background: #f5f5f5;
}

/*カテゴリーメニュー01
----------------------------------------------------------------------*/
#category-menu01{
padding: 0 20px 0;
margin: 0 0 40px;
}

#category-menu01 .row{
display: flex;
flex-wrap: nowrap;
margin: 0 0 20px
}

#category-menu01 .row:last-child{
margin: 0 0 0 ;
}

#category-menu01 a.menu-item{
width: 100%;
background: #fff;
border-radius: 10px;
font-size: 24px;
padding: 20px 0px 20px 104px;
position: relative;
text-decoration: none;
color: #222;
box-shadow: 0px 2px 4px rgb(0 0 0 / 30%);
}

#category-menu01 a.menu-item:nth-child(odd){
margin: 0 10px 0 0;
}

#category-menu01 a.menu-item:nth-child(even){
margin: 0 0 0 10px;
}

#category-menu01 a.menu-item:before{
position: absolute;
content: '';
width: 70px;
height: 70px;
background: url(../images/every-card_categoryicon01.png);
left: 15px;
top: 50%;
background-size: contain;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}

#category-menu01 a.menu-item.menu02:before{
background: url(../images/every-card_categoryicon02.png);
background-size: contain;
}

#category-menu01 a.menu-item.menu03:before{
background: url(../images/every-card_categoryicon03.png);
background-size: contain;
}

#category-menu01 a.menu-item.menu04:before{
background: url(../images/every-card_categoryicon04.png);
background-size: contain;
}

#category-menu01 a.menu-item:after{
color: #ff4b4b;
position: absolute;
content: '\f054';
font-family: "Font Awesome 5 Free";
font-weight: 900;
right: 15px;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}



/*カテゴリーメニュー02
----------------------------------------------------------------------*/

#category-menu02{
padding: 0 20px 0;
margin: 0 0 40px;
}

#category-menu02 h2{
text-align: center;
line-height: 1;
padding: 20px 0px;
font-size: 32px;
background: #205cda;
color: #fff;
border-radius: 10px;
margin: 0 0 20px;
}

#category-menu02 .row{
display: flex;
flex-wrap: nowrap;
margin: 0 0 20px
}

#category-menu02 a.menu-item{
width: 100%;
background: #fff;
border-radius: 10px;
font-size: 24px;
padding: 30px 0px 30px 104px;
position: relative;
text-decoration: none;
color: #222;
box-shadow: 0px 2px 4px rgb(0 0 0 / 30%);
font-weight: bold;
}

#category-menu02 a.menu-item:nth-child(odd){
margin: 0 10px 0 0;
}

#category-menu02 a.menu-item:nth-child(even){
margin: 0 0 0 10px;
}

#category-menu02 a.menu-item:nth-child(odd):last-child{
width: 345px;
}

#category-menu02 a.menu-item:before{
position: absolute;
content: '';
width: 70px;
height: 70px;
background: url(../images/every-card_category02icon01.png);
left: 15px;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}

#category-menu02 a.menu-item.menu02:before{
background: url(../images/every-card_category02icon02.png);
}

#category-menu02 a.menu-item.menu03:before{
background: url(../images/every-card_category02icon03.png);
}

#category-menu02 a.menu-item.menu04:before{
background: url(../images/every-card_category02icon04.png);
}

#category-menu02 a.menu-item.menu05:before{
background: url(../images/every-card_category02icon05.png);
}

#category-menu02 a.menu-item.menu06:before{
background: url(../images/every-card_category02icon06.png);
}

#category-menu02 a.menu-item.menu07:before{
background: url(../images/every-card_category02icon07.png);
}

#category-menu02 a.menu-item:after{
color: #ff4b4b;
position: absolute;
content: '\f054';
font-family: "Font Awesome 5 Free";
font-weight: 900;
right: 15px;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}

/*Q&A
----------------------------------------------------------------------*/

#question {
padding: 0px 20px 40px;
}

#question h2{
text-align: center;
line-height: 1;
padding: 20px 0px;
font-size: 32px;
background: #205cda;
color: #fff;
border-radius: 10px;
margin: 0 0 20px;
}

#question .accordion-area{
    list-style: none;
	margin:0 auto;
}

#question .accordion-area li{
    margin: 10px 0;
}

#question .accordion-area li:last-child{
margin: 0;
}

#question .accordion-area section {
  border: 1px solid #ccc;
  background: #fff;
  border-radius: 10px;
}

/*アコーディオンタイトル*/
#question .title {
    position: relative;/*+マークの位置基準とするためrelative指定*/
    cursor: pointer;
    font-size:24px;
    font-weight: normal;
    padding: 3% 3% 3% 50px;
    transition: all .5s ease;
	background: #fff;
	font-weight: bold;
	border-radius: 10px;
}

/*アイコンの＋と×*/
#question .title::before,
#question .title::after{
    position: absolute;
    content:'';
    width: 15px;
    height: 2px;
    background-color: #333;
    
}
#question .title::before{
    top:48%;
    left: 15px;
    transform: rotate(0deg);
    
}
#question .title::after{    
    top:48%;
    left: 15px;
    transform: rotate(90deg);

}
/*　closeというクラスがついたら形状変化　*/
#question .title.close::before{
  transform: rotate(45deg);
}

#question .title.close::after{
  transform: rotate(-45deg);
}

/*アコーディオンで現れるエリア*/
#question .box {
    display: none;/*はじめは非表示*/
    background: #f3f3f3;
  margin:0 3% 3% 3%;
    padding: 3%;
}

#question .box p{
font-size: 20px;
}


/*コラムメニュー
----------------------------------------------------------------------*/

#column-menu{
padding: 0 20px 0;
margin: 0 0 40px;
}

#column-menu h2{
text-align: center;
line-height: 1;
padding: 20px 0px;
font-size: 32px;
background: #205cda;
color: #fff;
border-radius: 10px;
margin: 0 0 20px;
}

ul.column-menu_list{
background: #fff;
border-radius: 10px 10px 0px 0px;
border: solid 2px #ccc;
}

ul.column-menu_list li{
padding: 20px 20px 20px 40px;
}

ul.column-menu_list li i{
margin: 0 0 0 5px;
}

ul.column-menu_list a:last-child li{
padding: 10px 10px;
border-top: solid 1px #ccc;
}

ul.column-menu_list a:last-child{
font-size: 16px;
text-align: center;
background: #e5f2ff;
font-weight: bold;
}

ul.column-menu_list a{
text-decoration: none;
color: #222;
font-size: 20px;
display: block;
position: relative;
}

ul.column-menu_list a:not(:last-child):before{
position: absolute;
content: '\f054';
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 16px;
left: 20px;
color: #ccc;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}

ul.column-menu_list a:not(:last-child,:nth-last-child(2)):after{
position: absolute;
display: block;
content: '';
background: #ccc;
width: calc(100% - 40px);
height: 1px;
left: 20px;
bottom: 0px;
}



/*ランキング
----------------------------------------------------------------------*/

#ranking{
padding: 0px 20px 0px;
margin: 0 0 60px;
}

.h2_top_item-detail_wrap{
text-align: center;
margin: 0 0 20px;
}

.h2_top_item-detail_wrap .subtitle{
display: inline-block;
padding: 10px 20px;
background: #205cda;
border-radius: 40px;
font-weight: bold;
font-size: 24px;
line-height: 1.2;
color: #fff;
margin: 0 0 1px;
}

.h2_top_item-detail_wrap h2{
font-size: 52px;
}

.h2_top_item-detail_wrap h2 span.color{
color: #c90e38;
}

.h2_top_item-detail_wrap .subtitle span.u-line{
text-decoration: underline;
}

.h2_top_item-detail_wrap .h2-icon img{
margin: 0 20px 0 0;
}

.h2_top_item-detail_wrap .h2-icon img:last-child{
margin: 0;
}

.h2_top_item-detail_wrap .main-wrap{
display: inline-block;
position: relative;
}

.h2_top_item-detail_wrap .main-wrap:before,.h2_top_item-detail_wrap .main-wrap:after{
position: absolute;
content: '';
display: inline-block;
background: url(../images/every-card_rankingdeco01.png);
width: 56px;
height: 130px;
background-repeat: none;
left: -56px;
top: 5px;
}

.h2_top_item-detail_wrap .main-wrap:after{
background: url(../images/every-card_rankingdeco02.png);
right: -56px;
left: auto;
}

.timer-wrap{
text-align: center;
margin: 0 0 20px;
}

.timer-wrap .label{
font-size: 24px;
font-weight: bold;
}

.timer-wrap .timer{
display: inline-block;
font-size: 36px;
padding: 10px 20px;
background: #222;
border-radius: 10px;
color: #fff;
line-height: 1;
}

.timer-wrap .timer #indication{
color: #ffcc00;
font-weight: bold;
}



section.item-detail{
background: #fff;
padding: 20px;
border-radius: 20px;
box-shadow: 0px 2px 4px rgb(0 0 0 / 30%);
margin: 0 0 20px;
}

section.item-detail:last-child{
margin: 0 0 0;
}

section.item-detail .item-header{
margin: 0 0 5px;
font-size: 24px;
font-weight: bold;
line-height: 1;
}

section.item-detail .item-header i{
font-size: 20px;
vertical-align: 3px;
margin: 0 4px 0 0;
}

section.item-detail.rank01 .item-header{
color: #daae2b;
}

section.item-detail.rank02 .item-header{
color: #ccc;
}

section.item-detail.rank03 .item-header{
color: #d2b48c;
}



section.item-detail h3{
font-size: 32px;
border-bottom: solid 2px #ccc;
padding: 0 0 15px;
margin: 0 0 15px;
}
section.item-detail .maincopy{
font-size: 32px;
margin: 0 0 10px;
}

section.item-detail .item-hv{
display: flex;
font-weight: bold;
}

section.item-detail .item-hv .right{
padding: 0 0 0 20px;
}

section.item-detail .item-hv .right .users{
display: flex;
font-size: 24px;
align-items: center;
margin: 0 0 10px;
}

section.item-detail .item-hv .right .users .users-label{
background: #1d2088;
color: #fff;
line-height: 1;
padding: 10px 20px;
border-radius: 8px;
}

section.item-detail .item-hv .right .users .users-label sup{
font-size: 14px;
}

section.item-detail .item-hv .right .users .users-amount{
line-height: 1.2;
padding: 10px 10px;
border-radius: 8px;
font-size: 18px;
color: #999;
}

section.item-detail .item-hv .right .users .users-amount span.color{
font-size: 24px;
color: #ff4b4b;
}

section.item-detail .item-hv .right .company{
color: #999;
font-size: 18px;
margin: 0 0 10px;
}

section.item-detail .item-hv .right ul.hashtag{
display: flex;
flex-wrap: wrap;
width: 100%;
}

section.item-detail .item-hv .right ul.hashtag li{
width: 48%;
text-align: center;
line-height: 1;
padding: 10px 0px;
font-size: 18px;
margin: 0 10px 10px 0;
color: #fff;
background: #2eb85c;
border-radius: 20px;
}

section.item-detail .item-hv .right ul.hashtag li.off{
background: #ccc;
}

section.item-detail .item-hv .right ul.hashtag li:nth-child(even){
margin: 0 0 10px 0;
}

section.item-detail .item-hv{
margin: 0 0 20px;
}

section.item-detail .point{
background: #e5f2ff;
margin: 0 0 20px;
}

section.item-detail .point h4{
background: #1d2088;
color: #fff;
line-height: 1;
text-align: center;
position: relative;
width: 200px;
height: 46px;
line-height: 46px;
text-indent: 20px;
font-size: 20px;
}

section.item-detail .point h4:after{
position: absolute;
  top: 0;
  right: -30px;
  width: 0;
  height: 0;
  content: '';
  border-width: 46px 30px 0 0;
  border-style: solid;
  border-color: #1d2088 transparent transparent transparent;
}

section.item-detail .point ul{
padding: 20px;
}

section.item-detail .point ul li{
margin: 0 0 10px;
font-size: 24px;
font-weight: bold;
}

section.item-detail .point ul li:before{
content: '\f00c';
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 32px;
margin: 0 10px 0 0;
color: #ff4b4b;
}

section.item-detail .point ul li:last-child{
margin: 0 0 0;
}

#ranking table.spec{
width: 100%;
text-align: center;
border-collapse: collapse;
margin: 0 0 20px;
}



#ranking table.spec th,#ranking table.spec td{
border: solid 1px #ccc;
width: calc(100%/3);
}

#ranking table.spec th,#ranking table.spec td.atm{

}

#ranking table.spec th,#ranking table.spec td.atm img{
width: 48px;
margin: 0 5px 0 0;
}

#ranking table.spec th,#ranking table.spec td.atm img:last-child{
margin: 0;
}

#ranking table.spec th{
font-size: 20px;
padding: 5px 0px;
background: #f5f5f5;
}

#ranking table.spec td{
font-size: 24px;
padding: 20px 0px;
}

#ranking .countdown{
display: flex;
border-radius: 10px;
padding: 10px 10px 10px 20px;
font-size: 24px;
font-weight: bold;
align-items: center;
justify-content: center;
margin: 0 auto 20px;
background: #FFCBCB;
position: relative;
width: 560px;
}

#ranking .countdown.countdown_timeout{
font-weight: normal;
width: 580px;
}

#ranking .countdown.countdown_timeout .countdown-timer{
font-weight: bold;
}

#ranking .countdown:after{
content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    border-style: solid;
    border-color: #FFCBCB transparent transparent transparent;
    border-width: 15px 10px 0 10px;
    z-index: 1;
}

#ranking .countdown .countdown-label{
margin: 0 20px 0 0;
}

#ranking .countdown .countdown-timer{
padding: 10px;
border-radius: 10px;
background: #222;
color: #fff;
line-height: 1;
}

#ranking .countdown .countdown-timer i{
margin-right: 10px;
font-size: 26px;
vertical-align: -2px;
}

#ranking .countdown .countdown-timer span#timer01{
color: #ffcc00;
}

#ranking a.cvbutton{
display: block;
font-size: 32px;
font-weight: bold;
text-decoration: none;
text-align: center;
background: #ff4b4b;
color: #fff;
line-height: 1;
padding: 30px 0px;
border-radius: 10px;
box-shadow: 0px 8px 0px #992d2d;
margin: 0 auto 8px;
width: 640px;
position: relative;
}

#ranking a.cvbutton:after{
content: '\f054';
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 32px;
position: absolute;
right: 20px;
}

section.item-detail p.addition{
margin: 28px 0 0;
color: #666;
font-size: 20px;
}

p.ranking_addition_all{
padding: 0 20px;
margin: 0 0 20px;
}

p.ranking_item_notice{
margin: 28px 0 0;
color: #666;
font-size: 20px;
}

/*3STEP
----------------------------------------------------------------------*/
section.step3{
padding: 0px 20px;
margin: 0 0 40px;
}

section.step3 .h2-subtitle{
font-size: 32px;
font-weight: bold;
text-align: center;
margin: 0 0 10px;
}

section.step3 .h2-subtitle span.color{
color: #c90e38;
}

section.step3 .h2-wrap{
display: flex;
justify-content: center;
align-items: center;
margin: 0 0 20px;
}

section.step3 .h2-wrap img{
margin: 0 20px 0 0;
}

section.step3 .h2-wrap h2{
font-size: 52px;
white-space: nowrap;
line-height: 1.2;
}

section.step3 .h2-wrap h2 span.color{
color: #c90e38;
font-size: 78px;
}


section.step3 .h2-wrap .h2-subcopy{
    display: inline-block;
    padding: 10px 20px;
    background: #c90e38;
    border-radius: 40px;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.2;
    color: #fff;
    margin: 0 0 10px;
}

section.step3 img.image-3step{
width: 100%;
}

section.best2{
padding: 0px 20px;
margin: 0 0 40px;
}

.h2_top_best2_wrap{
text-align: center;
margin: 0 0 20px;
}

.h2_top_best2_wrap .subtitle{
    display: inline-block;
    padding: 10px 20px;
    background: #205cda;
    border-radius: 40px;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.2;
    color: #fff;
    margin: 0 0 0px;
}

.h2_top_best2_wrap h2{
font-size: 40px;
line-height: 1.2;
}

.h2_top_best2_wrap h2 span.color01{
color: #c90e38;
font-size: 60px;
}

.h2_top_best2_wrap h2 span.color02{
color: #205cda;
}

section.best2 .row{
display: flex;
flex-wrap: nowrap;
}

section.best2 .item-best2{
background: #fff;
padding: 20px 20px 20px;
border-radius: 10px;
width: 100%;
box-shadow: 0px 2px 4px rgb(0 0 0 / 30%);
}

section.best2 .item-best2.rank01{
border: solid 2px #daae2b;
border-top: solid 10px #daae2b;
}

section.best2 .item-best2.rank02{
border: solid 2px #ccc;
border-top: solid 10px #ccc;
}

section.best2 .item-best2.rank03{
border: solid 2px #d2b48c;
border-top: solid 10px #d2b48c;
}

section.best2 .item-best2 .item-header{
padding: 0 0 5px;
margin: 0 0 10px;
border-bottom: solid #ccc 2px;
font-size: 24px;
font-weight: bold;
line-height: 1;
}

section.best2 .item-best2.rank01 .item-header{
color: #daae2b;
}

section.best2 .item-best2.rank02 .item-header{
color: #ccc;
}

section.best2 .item-best2.rank03 .item-header{
color: #d2b48c;
}

section.best2 .item-best2 .item-header i{
font-size: 20px;
vertical-align: 3px;
margin: 0 4px 0 0;
}

section.best2 .item-best2:nth-child(odd){
margin: 0 10px 0 0;
}

section.best2 .item-best2:nth-child(even){
margin: 0 0 0 10px;
}

section.best2 .item-best2 h4{
font-size: 32px;
text-align: center;
line-height: 1;
margin: 0 0 10px;
}

section.best2 .item-best2 a.service-img{
margin: 0 0 20px;
display: block;
}

section.best2 .item-best2 a.service-img img{
width: 100%
}

section.best2 .item-best2 table{
width: 100%;
border-collapse: collapse;
margin: 0 0 20px;

}

section.best2 .item-best2 table th,section.best2 .item-best2 table td{
border: solid 1px #ccc;
padding: 15px 0px 15px 15px;
font-size: 20px;
}

section.best2 .item-best2 table td{
text-align: center;
padding: 15px 0px;
}

section.best2 .item-best2 table th{
width: 40%;
padding: 15px 0px;
background: #f5f5f5;
}

section.best2 .item-best2 table td span.color{
color: #c90e38;
font-size: 24px;
font-weight: bold;
}

section.best2 .item-best2 a.cvbutton{

}

section.best2 .item-best2 a.cvbutton{
display: block;
font-size: 24px;
font-weight: bold;
text-decoration: none;
text-align: center;
background: #ff4b4b;
color: #fff;
line-height: 1;
padding: 20px 0px;
border-radius: 10px;
box-shadow: 0px 8px 0px #992d2d;
margin: 0 auto 8px;
width: 100%;
position: relative;
}

section.best2 .item-best2 a.cvbutton:after{
content: '\f054';
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 32px;
position: absolute;
right: 20px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.item-best1{
background: #fff;
border-radius: 10px;
box-shadow: 0px 2px 4px rgb(0 0 0 / 30%);
margin: 0 0 20px;
border: solid 2px #daae2b;
border-top: solid 10px #daae2b;
padding: 20px 20px 20px;
}

.item_best1_header{
    padding: 0 0 5px;
    margin: 0 0 20px;
    border-bottom: solid #ccc 2px;
    font-size: 24px;
    font-weight: bold;
    line-height: 1;
    color: #daae2b;
}

.item_best1_header i{
font-size: 20px;
vertical-align: 3px;
margin: 0 4px 0 0;
}

h4.item_best1_h4{
font-size: 32px;
line-height: 1;
margin: 0 0 20px;
display: inline-block;
position: relative;
}

.item_best1_h4_baloon{
position: absolute;
right: -270px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

.item_best1_h4_baloon_inner{
    background: #c90e38;
    color: #fff;
    line-height: 1;
    padding: 12px 15px 10px;
    border-radius: 10px;
    position: relative;
    white-space: nowrap;
    font-size: 24px;
}

.item_best1_h4_baloon_inner:before{
content: '';
    position: absolute;
    display: block;
    width: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    left: -12px;
    border-right: 12px solid #c90e38;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
}

.item_best1_inner{
display: flex;
margin: 0 0 20px;
}

.item_best1_row01{
margin: 0 20px 0 0;
}

a.item_best1_banner_wrap{
}

img.item_best1_banner{
width: 300px;
}

.item_best1_row02{
width: 100%;
}

table.item_best1_table{
width:100%;
border-collapse: collapse;
}

table.item_best1_table th,table.item_best1_table td{
border: solid 1px #ccc;
font-size: 20px;
text-align: center;
}

table.item_best1_table th{
padding: 15px 10px;
background: #f5f5f5;
}

table.item_best1_table span.color{
font-size: 24px;
font-weight: bold;
color: #c90e38;
}

table.item_best1_table td.ev1{
height: 74px;
background-color: #fff9f9;
    background-image: url(../images/every-card_secret_step02_ev1.png);
    background-repeat: no-repeat;
    background-size: 64px;
    background-position: center;
}

table.item_best1_table td.ev2{
height: 74px;
background-color: #ffffef;
    background-image: url(../images/every-card_secret_step02_ev2.png);
    background-repeat: no-repeat;
    background-size: 64px;
    background-position: center;
}

table.item_best1_table td.ev3{
height: 74px;
background-color: #fff;
    background-image: url(../images/every-card_secret_step02_ev3.png);
    background-repeat: no-repeat;
    background-size: 64px;
    background-position: center;
}

a.item_best1_cvbutton{
max-width: 400px;
    display: block;
    font-size: 24px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    background: #ff4b4b;
    color: #fff;
    line-height: 1;
    padding: 20px 0px;
    border-radius: 10px;
    box-shadow: 0px 8px 0px #992d2d;
    margin: 0 auto 8px;
    width: 100%;
    position: relative;
}

a.item_best1_cvbutton:after{
content: '\f054';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 32px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

p.item_best1_addition02{
margin: 26px 0 0;
}

/*検索結果並べ替え
----------------------------------------------------------------------*/

#result{
padding: 20px 20px 0px;
}

#result section.count-area{
background: #fff;
padding: 20px;
border-radius: 10px;
margin: 0 0 20px;
}

#result section.count-area .count-area_header{
display: flex;
justify-content: space-between;
align-items: center;
}

.count-area_header_settings_title{
font-size: 20px;
color: #888;
position: relative;
padding-left: 28px;
margin: 20px 0 10px;
}

.count-area_header_settings_title:before{
content: '\f1de';
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
left: 0px;
}

ul.count-area_header_settings_items{

}

ul.count-area_header_settings_items li{
padding: 12px 10px 10px 20px;
border: solid 2px #5F8AE4;
color: #5F8AE4;
font-weight: 600;
margin: 0 10px 10px 0;
position: relative;
display: inline-block;
font-size: 20px;
line-height: 1;
border-radius: 4px;
}

ul.count-area_header_settings_items li:before{
    position: absolute;
    content: '\f0da';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    left: 5px;
    color: #5F8AE4;
	top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}


#result section.count-area .counter{
font-size: 24px;
}

#result section.count-area .counter span.color{
color: #ff4b4b;
font-weight: bold;
}

#result section.count-area .change-button{
color: #888;
font-weight: bold;
font-size: 20px;
padding: 15px 10px;
background: #f4f4f4;
border-radius: 6px;
line-height: 1;
border: solid 2px #ccc;
}

#result section.count-area .change-button i{
margin: 0 10px 0 0 ;
}

#result section.count-area a{
text-decoration: none;
}

#result #submit_select,#result #submit_select2{
margin: 0 0 20px auto;
padding: 0 15px;
background: #fff;
border: 1px solid #ccc;
border-radius: 10px;
width: 320px;
height: 50px;
font-size: 20px;
line-height: 48px;
display: block;
color: #888;
}


section.notice_result{
text-align: center;
padding: 20px;
margin: 0 0 20px;
border-radius: 10px;
background: #FFF4EB;
border: solid 2px #ff7e0e;
}

h3.notice_result_title{
font-size: 20px;
}

h3.notice_result_title:before{
content: '\f058';
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: #00cc99;
margin: 0 5px 0 0;
}

p.notice_result_description{
font-size: 20px;
text-align: left;
}

section.notice_result.result_none{
background: #fff;
}

section.notice_result.result_none h3.notice_result_title:before{
color: #ff4b4b;
}

.item-result{
border-radius: 6px;
padding: 20px;
background: #fff;
margin: 0 0 20px;
box-shadow: 0px 2px 4px rgb(0 0 0 / 30%);
}


.item-result .hashtag{
display: flex;
flex-wrap: wrap;
margin: 0 0 12px;
}

.item-result .hashtag .hashtag-item{
background: #c90e38;
line-height: 1;
color: #fff;
font-size: 20px;
font-weight: normal;
padding: 8px 8px 8px 32px;
position: relative;
border-radius: 6px;
margin: 0 8px 8px 0;
}

.item-result .hashtag .hashtag-item:before{
content: '\f292';
font-family: "Font Awesome 5 Free";
font-weight: 900;
position: absolute;
left: 6px;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}

.item-result .spec{
display: flex;
flex-wrap: nowrap;
}

.item-result .spec .left{
width: 36%;
margin: 0 20px 20px 0;
}

.item-result .spec a.service-img{
margin: 0 0 30px;
display: block;
}

.item-result .spec a.service-img img{
width: 100%;
}

.item-result .spec .atm-box{
border: solid 1px #ccc;
position: relative;
padding: 36px 0px 10px;
text-align: center;
}

.item-result .spec .atm-box .label{
position: absolute;
background: #fff;
top:-18px;
line-height: 1;
padding: 0 4px;
font-size: 20px;
font-weight: bold;
color: #888;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
white-space: nowrap;
}

.item-result .spec .atm-box img.atm-logo{
width: 48px;
margin: 0 6px 0 0;
}

.item-result .spec .atm-box img.atm-logo:last-child{
margin: 0;
}

.item-result .spec .right{
width: 64%;
margin: 0 0 20px;
}

.item-result .spec .company{
font-size: 24px;
color: #888;
line-height: 1;
margin: 0 0 10px;
}

.item-result .spec h3{
font-size: 36px;
line-height: 1;
margin: 0 0 10px;
}

.item-result .spec .user{
font-size: 24px;
font-weight: bold;
color: #888;
line-height: 1;
margin: 0 0 20px;
}

.item-result .spec .user span.color{
color: #ff4b4b;
}

.item-result .spec .user sup{
font-size: 18px;
}

.item-result table{
width: 100%;
text-align: left;
font-size: 20px;
border-collapse: collapse;
}

.item-result table tr{
border-bottom: dotted 2px #ccc;
}

.item-result table th,.item-result table td{
padding: 8px 0px;
line-height: 1;
}

.item-result table th{
color: #888;
}

.item-result table td{
font-weight: bold;
}

.item-result ul.point{
padding: 0px 0px 20px;
}

.item-result ul.point li{
font-size: 24px;
font-weight: bold;
}

.item-result ul.point li:before{
content: '\f14a';
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: #ff4b4b;
margin: 0 10px 0 0;
}

.item-result .countdown{
display: flex;
border-radius: 6px;
padding: 10px 10px 10px 20px;
font-size: 24px;
font-weight: bold;
align-items: center;
justify-content: center;
margin: 0 auto 20px;
position: relative;
width: 100%;
border: solid 2px #ccc;
}

.item-result .countdown .countdown-label{
margin: 0 20px 0 0;
}

.item-result .countdown.countdown_timeout{
font-weight: normal;
}

.item-result .countdown.countdown_timeout .countdown-label{
white-space: nowrap;
}

.item-result .countdown.countdown_timeout .countdown-timer{
font-weight: bold;
white-space: nowrap;
}


.item-result .countdown .countdown-timer{
padding: 10px;
border-radius: 10px;
background: #222;
color: #fff;
line-height: 1;
}

.item-result .countdown .countdown-timer i{
margin-right: 10px;
font-size: 26px;
vertical-align: -2px;
}

.item-result .countdown .countdown-timer span#timer{
color: #ffcc00;
}

.item-result a.cvbutton{
display: block;
font-size: 28px;
font-weight: bold;
text-decoration: none;
text-align: center;
background: #ff4b4b;
color: #fff;
line-height: 1;
padding: 30px 0px;
border-radius: 50px;
box-shadow: 0px 8px 0px #992d2d;
margin: 0 auto 8px;
width: 520px;
position: relative;
overflow: hidden;
}

.item-result a.cvbutton:before{
content: '\f054';
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 32px;
position: absolute;
right: 20px;
}

.item-result a.cvbutton:after{
 content: "";
  display: block;
  width: 20px;
  height: 100%;
  position: absolute;
  top: -180px;
  left: 0;
  background-color: #FFF;
  opacity: 0;
  transform: rotate(45deg);
  animation: reflect 2s ease-in-out infinite;
  -webkit-transform: rotate(45deg);
  -webkit-animation: reflect 2s ease-in-out infinite;
}

@keyframes reflect {
  0% { transform: scale(0) rotate(45deg); opacity: 0; }
  80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { transform: scale(4) rotate(45deg); opacity: 1; }
  100% { transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes reflect {
  0% { transform: scale(0) rotate(45deg); opacity: 0; }
  80% { transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { transform: scale(4) rotate(45deg); opacity: 1; }
  100% { transform: scale(50) rotate(45deg); opacity: 0; }
}

.item-result p.addition{
margin: 28px 0 0;
color: #666;
font-size: 20px;
}

p.result_addition_all{
font-size: 20px;
padding: 0 20px;
margin: 0 0 40px;
}


.sp{
display: none;
}


/*index02 #secret
---------------------------------------------------------------------------*/

section.secret01{
padding: 0 20px;
}

section.secret01 .h2-wrap{
text-align: center;
margin: 0 0 20px;
}

section.secret01 .h2-wrap h2{
font-size: 40px;
position: relative;
display: inline-block;
}

section.secret01 .h2-wrap h2:before{
position: absolute;
content: '';
display: inline-block;
width: 78px;
height: 70px;
background: url(../images/every-card_secret01_h2icon.png);
margin: 0 10px 0 0;
left: -98px;
top: 10%;
}

section.secret01 .h2-wrap h2:after{
position: absolute;
content: '';
display: inline-block;
width: 78px;
height: 70px;
background: url(../images/every-card_secret01_h2icon.png);
margin: 0 10px 0 0;
right: -98px;
top: 10%;
}


section.secret01 .h2-wrap .h2-subtitle{
display: inline-block;
padding: 10px 20px;
background: #205cda;
border-radius: 40px;
font-weight: bold;
font-size: 24px;
line-height: 1.2;
color: #fff;
margin: 0 0 1px;
}

section.secret01 .h2-wrap h2 span.color{
font-size: 60px;
color: #c90e38;
}

section.secret01 ul li{
margin: 0 0 20px;
background: #fff;
border-radius: 10px;
padding: 10px 20px 10px 120px;
position: relative;
}

section.secret01 ul li:before{
position: absolute;
content: '';
background: url(../images/every-card_secret01_listicon01.png);
width: 80px;
height: 100px;
left: 20px;
top: 50%;  
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
background-size: contain;
}

section.secret01 ul li.list02:before{
background: url(../images/every-card_secret01_listicon02.png);
background-size: contain;
}

section.secret01 ul li.list03:before{
background: url(../images/every-card_secret01_listicon03.png);
background-size: contain;
}

section.secret01 ul li h3{
font-size: 36px;
}

section.secret01 ul li p{
font-size: 24px;
}

section.secret01 .conclusion{
padding: 80px 20px 0;
position: relative;
font-weight: bold;
margin: 0 0 40px;
}

section.secret01 .conclusion:before{
content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: 20px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    border-style: solid;
    border-color: #c90e38 transparent transparent transparent;
    border-width: 30px 40px 0 40px;
    z-index: 1;
}

section.secret01 .conclusion p{
text-align: center;
font-size: 32px;
line-height: 1.35;
}

section.secret01 .conclusion p span.color01{
color: #c90e38;
text-decoration: underline;
}

section.secret01 .conclusion p span.color02{
color: #205cda;
}

section.secret02{
padding: 0 20px 0;
margin: 0 0 40px;
}

.h2_category_best2_wrap{
text-align: center;
}

.h2_category_best2_wrap .subtitle{
display: inline-block;
    padding: 10px 20px;
    background: #205cda;
    border-radius: 40px;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.2;
    color: #fff;
    margin: 0 0 10px;
}

.h2_category_best2_wrap h2{
font-size: 52px;
line-height: 1.35;
position: relative;
display: inline-block;
}

.h2_category_best2_wrap h2:before,.h2_category_best2_wrap h2:after{
position: absolute;
    content: '';
    display: inline-block;
    background: url(../images/every-card_rankingdeco01.png);
    width: 56px;
    height: 130px;
    background-repeat: none;
    left: -56px;
    top: 0px;
}

.h2_category_best2_wrap h2:after{
background: url(../images/every-card_rankingdeco02.png);
right: -56px;
left: auto;
}

.h2_category_best2_wrap h2 span.color{
color: #c90e38;
}

#secret section.best2 .item-best2 table{

}

#secret section.best2 .item-best2 table th{
width: 42%;
}

#secret section.best2 .item-best2 table td{
text-align: center;
height: 84px;
font-weight: bold;
}

#secret table.item_best1_table td{
font-weight: bold;
}

section.best2 .item-best2 table td.ev1{
background-color: #fff9f9;
    background-image: url(../images/every-card_secret_step02_ev1.png);
    background-repeat: no-repeat;
    background-size: 64px;
    background-position: center;
}

section.best2 .item-best2 table td.ev2{
background-color: #ffffef;
    background-image: url(../images/every-card_secret_step02_ev2.png);
    background-repeat: no-repeat;
    background-size: 64px;
    background-position: center;
}

section.best2 .item-best2 table td.ev3{
background-color: #fff;
    background-image: url(../images/every-card_secret_step02_ev3.png);
    background-repeat: no-repeat;
    background-size: 64px;
    background-position: center;
}

section.best2 .item-best2 p.addition02{
font-size: 14px;
margin: 26px 0 0;
}

section.secret03{
padding: 0 20px 0;
}

ul.point-small{
position: relative;
border-radius: 10px;
padding: 30px 50px 30px;
margin: 65px 0 40px;
  background-color : #ffffff;
  background-image :

    repeating-linear-gradient(to bottom,          /* 横線 */
       transparent 21px,
       rgba(204, 204, 204, 0.20) 22px,  rgba(204, 204, 204, 0.20) 22px,
       transparent 23px,  transparent 43px, 
       rgba(204, 204, 204, 0.20) 44px,  rgba(204, 204, 204, 0.20) 44px,
       transparent 45px,  transparent 65px, 
       rgba(204, 204, 204, 0.20) 66px,  rgba(204, 204, 204, 0.20) 66px,
       transparent 67px,  transparent 87px, 
       rgba(204, 204, 204, 0.20) 88px,  rgba(204, 204, 204, 0.20) 88px,
       transparent 89px,  transparent 109px, 
       rgba(204, 204, 204, 0.20) 110px,  rgba(204, 204, 204, 0.20) 110px),

    repeating-linear-gradient(to right,          /* 縦線 */
       transparent 21px,
       rgba(204, 204, 204, 0.20) 22px,  rgba(204, 204, 204, 0.20) 22px,
       transparent 23px,  transparent 43px, 
       rgba(204, 204, 204, 0.20) 44px,  rgba(204, 204, 204, 0.20) 44px,
       transparent 45px,  transparent 65px, 
       rgba(204, 204, 204, 0.20) 66px,  rgba(204, 204, 204, 0.20) 66px,
       transparent 67px,  transparent 87px, 
       rgba(204, 204, 204, 0.20) 88px,  rgba(204, 204, 204, 0.20) 88px,
       transparent 89px,  transparent 109px, 
       rgba(204, 204, 204, 0.20) 110px,  rgba(204, 204, 204, 0.20) 110px);

}

ul.point-small h2{
position: absolute;
display: block;
padding: 10px 0px;
background: #444;
border-radius: 40px;
font-weight: bold;
font-size: 28px;
line-height: 1.2;
color: #fff;
margin: 0 0 10px;
top: -25px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
width: 460px;
text-align: center;
}

ul.point-small li{
font-size: 28px;
position: relative;
padding: 20px 20px 20px 100px;
font-weight: bold;
border-bottom: dotted 4px #ccc;
line-height: 1.35;
}

ul.point-small li:last-child{
border-bottom: none;
}

ul.point-small li:before{
position: absolute;
content: '\f06a';
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 80px;
color: #c90e38;
left: 0px;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}

ul.point-small h2{

}

ul.point-small li h3{
font-size: 36px;
}

ul.point-small li p{
font-weight: normal;
font-size: 24px;
}

#secret ul.point-small li:before{
content: '\f058';
font-weight: 900;
color: #87D6A1;
top: 60px;
}

section.secret01_02{
padding: 0 20px;
}

section.secret01_02 ul.point-small{
box-shadow: 0px 2px 4px rgb(0 0 0 / 30%);
}

section.secret01_02 ul.point-small h2{

}

section.secret01_02 ul.point-small li{
font-weight: normal;
}

section.secret01_02 ul.point-small li span.color-01{
color: #c90e38;
font-weight: bold;
}

.secret01_02_point-small_conclusion{
padding: 60px 0 0;
font-size: 28px;
text-align: center;
font-weight: bold;
position: relative;
}

.secret01_02_point-small_conclusion:before{
position: absolute;
content: '';
width:0;
height:0;
border-style:solid;
border-width: 25px 40px 0 40px;
border-color: #c90e38 transparent transparent transparent;
top: 20px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.secret01_02_point-small_conclusion span.yellow{
padding: 0px 10px ;
}


#secret #ranking{
padding: 0;
}

h2.category_item-detail{
font-size: 40px;
margin: 0 0 20px;
text-align: center;
position: relative;
padding: 0 32px;
line-height: 1.2;
}

h2.category_item-detail span.color{
font-size: 60px;
color: #c90e38;
}

h2.category_item-detail:before,h2.category_item-detail:after{
position: absolute;
display: inline-block;
content: '';
background: url(../images/category_item-detail_h2icon01.png);
width: 32px;
height: 64px;
left: 0px;
top: 20%
}

h2.category_item-detail:after{
position: absolute;
display: inline-block;
content: '';
background: url(../images/category_item-detail_h2icon02.png);
width: 32px;
height: 64px;
left: auto;
right: 0;
top: 20%
}

.secret_point_box{
padding: 20px;
background: #fff;
border-radius: 10px;
box-shadow: 0px 2px 4px rgb(0 0 0 / 30%);
margin: 0 0 60px;
}

h2.secret_point_h2{
position: relative;
margin-bottom: 0.2rem;
padding: 12px 40px 20px 30px;
color: black;
background-color: #FFD224;
font-weight: bold;
font-size: 32px;
text-align: center;
display: inline-block;
margin: 0 0 20px;
}

h2.secret_point_h2:before{
position: absolute;
top: -8px;
left: -8px;
width: 100%;
height: 100%;
border: 4px solid #000;
content: '';
}

h2.secret_point_h2 span.__large{
font-size: 130%;
}

ul.secret_point_list{
padding: 0 40px 0 60px;
}

ul.secret_point_list li:not(:last-child){
margin: 0 0 16px;
}

.secret_point_list_title{
font-size: 32px;
position: relative;
}

.secret_point_list_title:before{
position: absolute;
font-family: "Font Awesome 5 Free";
content: "\f00c";
font-weight: 900;
color: #c90e38 ;
left: -40px;
}

p.secret_point_list_description{
font-size: 24px;
padding: 16px;
background: #f5f5f5;
}


/*index02 #speed
---------------------------------------------------------------------------*/

#speed img.image-3step{
margin: 0 0 20px;
}

a.anker-button{
display: block;
font-size: 32px;
font-weight: bold;
text-decoration: none;
text-align: center;
background: #ff4b4b;
color: #fff;
line-height: 1;
padding: 20px 0px;
border-radius: 10px;
box-shadow: 0px 8px 0px #992d2d;
margin: 0 auto 60px;
width: 100%;
position: relative;
}

a.anker-button i{
margin: 0 10px 0 0;
}

a.anker-button span.u-line{
text-decoration: underline;
color: #fff;
}

section.speed01{
padding: 0 20px;
}

section.speed01 ul.point-small{
padding: 50px 50px 30px;
  background-color : #ffffff;
  background-image :

    repeating-linear-gradient(to bottom,          /* 横線 */
       transparent 21px,
       rgba(204, 204, 204, 0.20) 22px,  rgba(204, 204, 204, 0.20) 22px,
       transparent 23px,  transparent 43px, 
       rgba(204, 204, 204, 0.20) 44px,  rgba(204, 204, 204, 0.20) 44px,
       transparent 45px,  transparent 65px, 
       rgba(204, 204, 204, 0.20) 66px,  rgba(204, 204, 204, 0.20) 66px,
       transparent 67px,  transparent 87px, 
       rgba(204, 204, 204, 0.20) 88px,  rgba(204, 204, 204, 0.20) 88px,
       transparent 89px,  transparent 109px, 
       rgba(204, 204, 204, 0.20) 110px,  rgba(204, 204, 204, 0.20) 110px),

    repeating-linear-gradient(to right,          /* 縦線 */
       transparent 21px,
       rgba(204, 204, 204, 0.20) 22px,  rgba(204, 204, 204, 0.20) 22px,
       transparent 23px,  transparent 43px, 
       rgba(204, 204, 204, 0.20) 44px,  rgba(204, 204, 204, 0.20) 44px,
       transparent 45px,  transparent 65px, 
       rgba(204, 204, 204, 0.20) 66px,  rgba(204, 204, 204, 0.20) 66px,
       transparent 67px,  transparent 87px, 
       rgba(204, 204, 204, 0.20) 88px,  rgba(204, 204, 204, 0.20) 88px,
       transparent 89px,  transparent 109px, 
       rgba(204, 204, 204, 0.20) 110px,  rgba(204, 204, 204, 0.20) 110px);
}

section.speed01 ul.point-small h2{
background: #c90e38;
font-size: 32px;
width: 500px;
text-align: center;
padding: 16px 0px;
top:-30px;
}

section.speed01 ul.point-small li:before{
content: '\f0a4';
font-weight: 400;
top: -5px;
transform: none;
-webkit-transform:none;
-ms-transform:none;
color: #666;
}

section.speed01 ul.point-small li h3{
font-size: 32px;
color: #c90e38;
margin: 0 0 10px;
}

#speed section.best2 .h2-wrap{

}

#speed section.best2 .h2-wrap{
text-align: center;
margin: 0 0 20px;
}

#speed section.best2 .h2-wrap .h2-subtitle{
display: inline-block;
    padding: 10px 20px;
    background: #205cda;
    border-radius: 40px;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.2;
    color: #fff;
    margin: 0 0 10px;
}

#speed section.best2 .h2-wrap h2{
font-size: 52px;
line-height: 1.35;
position: relative;
display: inline-block;
}

#speed section.best2 .h2-wrap h2 span.color{
color: #c90e38;
}

#speed section.best2 .h2-wrap h2:before,#speed section.best2 .h2-wrap h2:after{
position: absolute;
    content: '';
    display: inline-block;
    background: url(../images/every-card_rankingdeco01.png);
    width: 56px;
    height: 130px;
    background-repeat: none;
    left: -56px;
    top: 0px;
}

#speed section.best2 .h2-wrap h2:after{
background: url(../images/every-card_rankingdeco02.png);
right: -56px;
left: auto;
}

/*#exam
---------------------------------------------------------------------------*/

section.exam01{
padding: 0px 20px;
}

section.exam01 .h2-wrap{
display: flex;
justify-content: center;
align-items: center;
margin: 0 0 20px;
}

section.exam01 .h2-wrap img{
margin: 0 20px 0 0;
}

section.exam01 .h2-wrap h2{
font-size: 52px;
white-space: nowrap;
line-height: 1.2;
}

section.exam01 .h2-wrap h2 span.color{
color: #c90e38;
font-size: 78px;
}


section.exam01 .h2-wrap .h2-subcopy{
    display: inline-block;
    padding: 10px 20px;
    background: #2eb85c;
    border-radius: 40px;
    font-weight: bold;
    font-size: 28px;
    line-height: 1.2;
    color: #fff;
    margin: 0 0 20px;
}

section.exam01 ul.point-large li{
margin: 0 0 20px;
background: #fff;
border-radius: 10px;
padding: 10px 20px 10px 140px;
position: relative;
}

section.exam01 ul.point-large li:before{
position: absolute;
content: '';
background: url(../images/every-card_exam_step01_listicon01.png);
background-size: contain;
width: 100px;
height: 124px;
left: 20px;
top: 50%;  
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}

section.exam01 ul.point-large li.list02:before{
background: url(../images/every-card_exam_step01_listicon02.png);
background-size: contain;
}

section.exam01 ul.point-large li.list03:before{
background: url(../images/every-card_exam_step01_listicon03.png);
background-size: contain;
}

section.exam01 ul.point-large li h3{
font-size: 36px;
}

section.exam01 ul.point-large li p{
font-size: 24px;
}

section.exam01 ul.point-large li .label{
font-size: 24px;
font-weight: bold;
}

section.exam00{
padding: 0 20px;
margin: 0 0 40px;
}

section.exam00 .h2-wrap{
text-align: center;
    margin: 0 0 40px;
    position: relative;
    border-bottom: solid 2px #444;
    padding: 0 0 20px;
}

section.exam00 .h2-wrap h2{
font-size: 40px;
}

section.exam00 .h2-wrap h2 span.color{
color: #c90e38;
}

section.exam00 .h2-wrap:after{
    content: "";
    position: absolute;
    bottom: -54px;
    left: 50.2%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    margin-left: -17px;
    border: 26px solid transparent;
    border-top: 26px solid #444;
    z-index: 1;
}

section.exam00 .h2-wrap:before{
    content: "";
    position: absolute;
    bottom: -50px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    margin-left: -16px;
    border: 25px solid transparent;
    border-top: 25px solid #f4f4f4;
    z-index: 2;
}

section.exam00 .h2-wrap .h2-subcopy{
display: inline-block;
    padding: 10px 20px;
    background: #2eb85c;
    border-radius: 40px;
    font-weight: bold;
    font-size: 28px;
    line-height: 1.2;
    color: #fff;
    margin: 0 0 10px;
}

section.exam00 .answer{
    font-size: 40px;
    text-align: center;
    margin: 0 0 20px;
}

section.exam00 .answer .label{
    color: #c90e38;
}

section.exam00 .answer p{
    line-height: 1.2;
}

section.exam00 .answer p span.color{
    color: #c90e38;
    font-weight: bold;
}

section.exam00 .comment{
display: flex;
align-items: center;
font-weight: bold;
margin: 0 0 20px;
}

section.exam00 .comment img{
margin: 0 10px 0 0;
}

section.exam00 .comment .text{
font-size: 28px;
position: relative;
background: #fff;
padding: 20px;
border-radius: 20px;
border: solid 4px #c90e38;
}

section.exam00 .comment .text:before{
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: -20px;
    top: 30px;
    border-right: 20px solid #c90e38;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}

section.exam00 .comment .text:after{
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: -14px;
    top: 30px;
    border-right: 20px solid #fff;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}

section.exam00 .comparison{
padding: 20px;
border-radius: 20px;
background: #fff;
}

section.exam00 .comparison table{
width: 100%;
border-collapse: collapse;
margin: 0 0 20px;
}

section.exam00 .comparison table tr:first-child th{
font-size: 24px;
text-decoration: underline;
}

section.exam00 .comparison table td{
width: 38%;
font-weight: bold;
}

section.exam00 .comparison table td.td01{
color: #1049be;
}

section.exam00 .comparison table td.td02{
color: #c90e38;
}

section.exam00 .comparison table tr:not(:first-child) th,section.exam00 .comparison table tr:not(:first-child) td{
    border: solid 1px #ccc;
    font-size: 28px;
    text-align: center;
}

section.exam00 .comparison table tr:not(:first-child) th{
color: #666;
    background: #f5f5f5;
    padding: 20px 0px;
}

section.exam00 .comparison p{
font-size: 32px;
text-align: center;
font-weight: bold;
}

/*#idcard
---------------------------------------------------------------------------*/

section.idcard01{
padding: 0 20px;
}

section.idcard01 .h2-wrap{
display: flex;
justify-content: center;
align-items: center;
margin: 0 0 40px;
position: relative;
align-items: center;
border-bottom: solid 2px #444;
padding: 0 0 20px;
}

section.idcard01 .h2-wrap:before{
content: "";
position: absolute;
bottom: -50px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
margin-left: -16px;
border: 25px solid transparent;
border-top: 25px solid #f4f4f4;
z-index: 2;
}

section.idcard01 .h2-wrap:after{
content: "";
position: absolute;
bottom: -54px;
left: 50.2%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
margin-left: -17px;
border: 26px solid transparent;
border-top: 26px solid #444;
z-index: 1;
}


section.idcard01 .h2-wrap img{
margin: 0 20px 0 0;
width: 128px;
}

section.idcard01 .h2-wrap h2{
font-size: 40px;
white-space: nowrap;
line-height: 1.2;
}

section.idcard01 .h2-wrap .h2-subcopy{
    display: inline-block;
    padding: 10px 20px;
    background: #ece924;
    border-radius: 40px;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.2;
    color: #444;
    margin: 0 0 20px;
}

section.idcard01 .answer{
font-size: 40px;
text-align: center;
margin: 0 0 20px;
}

section.idcard01 .answer .label{
color: #c90e38;
}

section.idcard01 .answer p{
line-height: 1.2;
}

section.idcard01 .answer p span.color{
color: #c90e38;
font-weight: bold;
}

ul.case{
margin: 0 0 0px;
}

ul.case li{
background: #fff;
border-radius: 10px;
padding: 20px;
margin: 0 0 20px;
display: flex;
font-size: 24px;
flex-wrap: nowrap;
}

ul.case li:last-child{
margin: 0 0 0;
}


ul.case li img{
width: 128px;
height: 128px;
margin: 0 20px 0 0;
}

ul.case li h3{
font-size: 32px;
}

ul.case li .description{
width: 100%;
}

ul.case li .case-title{
font-size: 40px;
font-weight: bold;
color: #c90e38;
}



section.idcard01 p.addition{
font-size: 24px;
margin: 0 0 20px;
}


/*#zerorate
---------------------------------------------------------------------------*/

section.zerorate01{
padding: 0 20px;
margin: 0 0 60px;
}

section.zerorate01 .h2-wrap{
display: flex;
justify-content: center;
align-items: center;
margin: 0 0 40px;
position: relative;
align-items: center;
border-bottom: solid 2px #444;
padding: 0 0 20px;
}

section.zerorate01 .h2-wrap:before{
content: "";
position: absolute;
bottom: -50px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
margin-left: -16px;
border: 25px solid transparent;
border-top: 25px solid #f4f4f4;
z-index: 2;
}

section.zerorate01 .h2-wrap:after{
content: "";
position: absolute;
bottom: -54px;
left: 50.2%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
margin-left: -17px;
border: 26px solid transparent;
border-top: 26px solid #444;
z-index: 1;
}


section.zerorate01 .h2-wrap img{
margin: 0 20px 0 0;
width: 128px;
}

section.zerorate01 .h2-wrap h2{
font-size: 48px;
white-space: nowrap;
line-height: 1.2;
}

section.zerorate01 .h2-wrap .h2-subcopy{
    display: inline-block;
    padding: 10px 20px;
    background: #ece924;
    border-radius: 40px;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.2;
    color: #444;
    margin: 0 0 20px;
}

section.zerorate01 h3.h3-zerorate01{
text-align: center;
font-size: 40px;
margin: 0 0 20px;
}

section.zerorate01 h3.h3-zerorate01:before,section.zerorate01 h3.h3-zerorate01:after{
content: '-';
margin: 0 10px;
}

section.zerorate01 h3.h3-zerorate01 span.color{
color: #c90e38;
}

section.zerorate01 img.img-zerorate01{
width: 100%;
margin: 0 0 20px;
}

section.zerorate01 p.addition{
font-size: 24px;
margin: 0 0 20px;
}

section.zerorate01 h3.h3-zerorate02{
position: relative;
text-align: center;
padding: 10px 0px;
width: 400px;
margin: 0 auto 20px;
border-radius: 30px;
background: #c90e38;
color: #fff;
font-size: 24px;
}

section.zerorate01 h3.h3-zerorate02:after{
content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    border-style: solid;
    border-color: #c90e38 transparent transparent transparent;
    border-width: 15px 10px 0 10px;
z-index: 1;
}

section.zerorate01 ul.case li h3{
font-size: 24px;
}

section.zerorate01 ul.case li img{
width: 100px;
height: 100px;
}

/*#lowrate
---------------------------------------------------------------------------*/

section.lowrate01{
padding: 0 20px;
text-align: center;
margin: 0 0 60px;
}

section.lowrate01 .h2-wrap{
    margin: 0 0 40px;
    position: relative;
    border-bottom: solid 2px #444;
    padding: 0 0 20px;
}

section.lowrate01 .h2-wrap:before{
    content: "";
    position: absolute;
    bottom: -50px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    margin-left: -16px;
    border: 25px solid transparent;
    border-top: 25px solid #f4f4f4;
    z-index: 2;
}

section.lowrate01 .h2-wrap:after{
    content: "";
    position: absolute;
    bottom: -54px;
    left: 50.2%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    margin-left: -17px;
    border: 26px solid transparent;
    border-top: 26px solid #444;
    z-index: 1;
}

section.lowrate01 .h2-subcopy{
    display: inline-block;
    padding: 10px 20px;
    background: #ece924;
    border-radius: 40px;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.2;
    color: #444;
    margin: 0 0 20px;
}

section.lowrate01 h2{
    font-size: 40px;
    white-space: nowrap;
    line-height: 1.2;
}

section.lowrate01 h2 span.color{
color: #ff9933;
}


section.lowrate01 .compare{
padding: 40px;
border-radius: 10px;
background: #fff;
margin: 0 0 60px;
}

section.lowrate01 .compare table{
width: 100%;
border-collapse: collapse;
margin: 0 0 20px;
}

section.lowrate01 .compare table td h4{
display: block;
width: 200px;
position: relative;
    text-align: center;
    padding: 10px 0px;
    margin: 0 auto 20px;
    border-radius: 30px;
    background: #c90e38;
    color: #fff;
    font-size: 24px;
}

section.lowrate01 .compare table td h4.case-bank{
background: #1049be;
}

section.lowrate01 .compare table td h4.case-bank:after{
border-color: #1049be transparent transparent transparent;
}

section.lowrate01 .compare table td h4:after{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    border-style: solid;
    border-color: #c90e38 transparent transparent transparent;
    border-width: 15px 10px 0 10px;
    z-index: 1;
}

section.lowrate01 .compare table tr td.case-bank{
color: #1049be;
}

section.lowrate01 .compare table tr td.case-cardloan{
color: #c90e38;
}


section.lowrate01 .compare table tr td{
text-align: center;
}

section.lowrate01 .compare table tr:not(:first-child) th,section.lowrate01 .compare table tr:not(:first-child) td{
border: solid 1px #ccc;
font-size: 28px;
text-align: center;
}

section.lowrate01 .compare table tr:not(:first-child) th{
background: #f5f5f5;
padding: 20px 0px;
}

section.lowrate01 .compare table tr:not(:first-child) td{

font-weight: bold;
}

section.lowrate01 .compare table span.supl{
font-size: 20px;
color: #444;
font-weight: normal;
}

section.lowrate01 .compare p{
text-align: left;
font-size: 24px;
font-weight: bold;
}

section.lowrate01 .compare p span.u-line{
text-decoration: underline;
color: #c90e38;
}

section.lowrate01 .case-item{
display: flex;
justify-content: space-between;
position: relative;
padding: 0 0 40px;
flex-wrap: nowrap;
align-items: center;
}

section.lowrate01 .case-item img{
margin: 0 40px 0 0;
}

section.lowrate01 .case-item:after{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: 15px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    border-style: solid;
    border-color: #c90e38 transparent transparent transparent;
    border-width: 20px 40px 0 40px;
    z-index: 1;
}

section.lowrate01 .case-item.bank:after{
    border-color: #1049be transparent transparent transparent;
}

section.lowrate01 .case-item ul{
width: 100%;
padding: 20px;
border-radius: 10px;
text-align: left;
position: relative;
background: #fff;
}

section.lowrate01 .case-item ul:after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: -20px;
  top: 20px;
  border-right: 20px solid #fff;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  

}

section.lowrate01 .case-item ul li{
font-size: 24px;
font-weight: bold;
}

section.lowrate01 .reccomend-item{
padding: 20px;
background: #c90e38;
border-radius: 10px;
border: solid 4px #fff;
margin: 0 0 40px;
}

section.lowrate01 .reccomend-item.bank{
background: #1049be;
}

section.lowrate01 .reccomend-item:last-child{
margin: 0 0 0;
}

section.lowrate01 .reccomend-item .text{
color: #fff;
font-size: 32px;
font-weight: bold;
}

section.lowrate01 .reccomend-item .text span.u-line{
text-decoration: underline;
}

section.lowrate01 .reccomend-item a.reccomend-link{
font-size: 24px;
color: #fff;
}

section.lowrate01 .reccomend-item a.reccomend-link:before{
    content: '\f061';
    font-family: "Font Awesome 5 Free";
	font-weight: 900;
	text-decoration: none;
}

#lowrate .h2_category_best2_wrap .subtitle{
background: #ff9933;
color: #444;
}

#lowrate ul.point-small{
text-align: left;
}

#lowrate ul.point-small h2{
    font-size: 28px;
}

h2#h_consumer.category_item-detail{
margin: 60px 0 20px;
}

h2#h_consumer.category_item-detail:before,h2#h_consumer.category_item-detail:after{
top: -5%;
}

section.recommend{
padding: 0 20px;
margin: 0 0 60px;
}

section.recommend .recommend-header{
display: flex;

align-items: center;
flex-wrap: nowrap;
}

section.recommend .recommend-header img.icon{
margin: 0 10px 0 0;
}

section.recommend .recommend-header .comment{
padding: 20px;
position: relative;
background: #fff;
border: solid 4px #c90e38;
border-radius: 20px;
font-weight: bold;
text-align: center;
font-size: 24px;
width: 100%;

}

section.recommend .recommend-header .comment h3{
color: #c90e38;
font-size: 24px;
margin: 0 0 10px;
}

section.recommend .recommend-header .comment p{
line-height: 1.25;
}

section.recommend .recommend-header .comment:before{
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: -19px;
    top: 30px;
    border-right: 15px solid #c90e38;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}

section.recommend .recommend-header .comment:after{
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: -14px;
    top: 30px;
    border-right: 15px solid #fff;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}

section.recommend .recommend-card a{
text-decoration: none;
display: block;
padding: 20px 30px 20px 20px;
background: #fff;
border-radius: 20px;
border-right: solid 30px #c90e38;
position: relative;
box-shadow: 0px 2px 4px rgb(0 0 0 / 30%);
}

section.recommend .recommend-card a:after{
color: #fff;
position: absolute;
content: '\f054';
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 30px;
right: -25px;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);

}

section.recommend .recommend-card .spec{
display: flex;
flex-wrap: nowrap;
}

section.recommend .recommend-card .spec .left{
margin: 0 20px 0 0;
}

section.recommend .recommend-card .spec .right{
width: 100%;
}

section.recommend .recommend-card h4{
font-size: 28px;
color: #c90e38;
}

section.recommend .recommend-card h5{
font-size: 36px;
}

section.recommend .recommend-card table{
    width: 100%;
    text-align: left;
    font-size: 20px;
    border-collapse: collapse;
}

section.recommend .recommend-card table tr{
border-bottom: dotted 2px #ccc;
}

section.recommend .recommend-card table th,section.recommend .recommend-card table td{
padding: 15px 0px;
line-height: 1;
font-weight: bold;
}

section.recommend .recommend-card table span.color{
color: #c90e38;
}

section.recommend .recommend-card table th{
color: #888;
}

section.recommend .recommend-card p.addition{
margin: 20px 0 0;
color: #666;
font-size: 20px;
}

section.recommend .recommend-card.__card02{
background: #fff;
padding: 20px 20px 20px;
border-radius: 10px;
position: relative;
box-shadow: 0px 2px 4px rgb(0 0 0 / 30%);
}

section.recommend .__subcopy{
display: inline-block;
font-size: 28px;
font-weight: bold;
text-align: center;
position: relative;
line-height: 1;
margin: 24px 0 16px;
background: linear-gradient(transparent 60%, #FFD224 60%);
}

section.recommend .__subcopy:before,section.recommend .__subcopy:after{
position: absolute;
bottom: 0;
height: 32px;
content: '';
bottom: 0;
}

section.recommend .__subcopy:before{
border-left: solid 4px #444;
left: -16px;
transform: rotate(-30deg);
}

section.recommend .__subcopy:after{
border-left: solid 4px #444;
right: -16px;
transform: rotate(30deg);
}


section.recommend .recommend-card.__card02 .__label{
position: absolute;
display: inline-block;
white-space: nowrap;
background: #c90e38;
color: #fff;
font-size: 24px;
border-radius: 100px;
line-height: 1;
padding: 16px 32px;
font-weight: bold;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
top: -28px;
}

section.recommend .recommend-card.__card02 a{
background: none;
padding: 0;
box-shadow: none;
border: none;
border-radius: 0;
}

section.recommend .recommend-card.__card02 a:after{
display: none;
}

section.recommend .recommend-card.__card02 a.__textlink{
color: #205cda;
text-decoration: underline;
}


section.recommend .recommend-card.__card02 a.__linkbutton{
    display: block;
    font-size: 32px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    background: #ff4b4b;
    color: #fff;
    line-height: 1;
    padding: 30px 0px;
    border-radius: 100px;
    box-shadow: 0px 8px 0px #992d2d;
    margin: 20px auto 8px;
    width: calc(100% - 80px);
    position: relative;
}

section.recommend .recommend-card.__card02 a.__linkbutton:before{
content: '\f054';
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 32px;
position: absolute;
right: 20px;
}


#pickup{
text-align: center;
padding: 0 20px;
margin: 0 0 40px;
}

#pickup h2{
display: inline-block;
margin: 0px auto 15px;
text-align: center;
font-size: 24px;
background-color: #cc0033;
color: #fff;
padding: 10px 10px;
border-radius: 35px;
position: relative;
line-height: 1;
}

#pickup h2:after{
	font-size: 24px;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    border-style: solid;
    border-color: #cc0033 transparent transparent transparent;
    border-width: 15px 10px 0 10px;
    z-index: 1;
}

#pickup a.banner{
display: block;
text-decoration: none;
padding: 20px;
background: #ffffef;
border: solid 1px #c90e38;
border-radius: 20px;
border-right: solid 20px #c90e38;
text-align: left;
position: relative;
box-shadow: 0px 2px 4px rgb(0 0 0 / 30%);
}

#pickup a.banner .wrap{
display: flex;
}

#pickup a.banner:after{
    color: #fff;
    position: absolute;
    content: '\f054';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 24px;
    right: -18px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

#pickup a.banner .left img{
width: 150px;
}

#pickup a.banner .left{
margin: 0 20px 0 0;
}

#pickup a.banner .right{
margin: 0 0 10px;
}

#pickup a.banner .right h3{
font-size: 36px;
color: #205cda;
width: 280px;
line-height: 1.2

}

#pickup a.banner table{
margin: 0 0 10px;
position: absolute;
top: 20px;
right: 0px;
}

#pickup a.banner table th{
color: #666;
background: #F7DCE2;
border-radius: 4px;
line-height: 1;
padding: 5px 10px;
font-size: 20px;
}

#pickup a.banner table td{
font-size: 20px;
padding: 5px 10px;
line-height: 1;
}

#pickup a.banner table td span.color{
color: #ff4b4b;
font-weight: bold;
}


#pickup a.banner .right p{
color: #222;
font-size: 18px;
font-weight: bold;
}

#pickup a.banner .right p b{
color: #c90e38;
}

#pickup a.banner p.addition{
font-size: 14px;
color: #888;
}

#smallamount section.smallamount01{
padding: 0px 20px;
margin: 0 0 60px;
}

#smallamount section.smallamount01 .h3-wrap{
text-align: center;
}

#smallamount section.smallamount01 h3.h3-smallamount{
 display: inline-block;
 	position: relative;
    text-align: center;
    padding: 10px 20px;
    margin: 0 auto 20px;
    border-radius: 30px;
    background: #00cc99;
    color: #fff;
    font-size: 24px;
}

#smallamount section.smallamount01 h3.h3-smallamount:after{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    border-style: solid;
    border-color: #00cc99 transparent transparent transparent;
    border-width: 15px 10px 0 10px;
    z-index: 1;
}

#smallamount section.smallamount01 h2{
color: #c90e38;
text-align: center;
font-size: 40px;
text-shadow: 4px 4px 0px #fff;
}

#smallamount section.smallamount01 h2:before{
    content: '\f0a4';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
	margin: 0 10px 0 0;
}

#smallamount section.smallamount01 .comment{
display: flex;
margin: 0 0 20px;
}

#smallamount section.smallamount01 .comment img{
margin: 0 20px 0 0;
}

#smallamount section.smallamount01 .comment .text{
background: #fff;
padding: 20px;
border-radius: 20px;
font-size: 32px;
font-weight: bold;
position: relative;
}

#smallamount section.smallamount01 .comment .text span.color{
color: #c90e38;
}

#smallamount section.smallamount01 .comment .text:after{
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: -20px;
    top: 30px;
    border-right: 20px solid #fff;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}

#smallamount section.smallamount01 p.addition{
margin: 0 0 40px;
}

#smallamount section.smallamount01 .table-wrap{
padding: 20px;
background: #fff;
border-radius: 20px;
text-align: center;
}

#smallamount section.smallamount01 .table-wrap .note01{
font-weight: bold;
font-size: 24px;
margin: 0 0 10px;
}

#smallamount section.smallamount01 .table-wrap table{
width: 100%;
font-size: 24px;
border-collapse: collapse;
margin: 0 0 10px;
}

#smallamount section.smallamount01 .table-wrap table th,#smallamount section.smallamount01 .table-wrap table td{
border: solid 1px #ccc;
padding: 5px 0px;
text-align: center;
}

#smallamount section.smallamount01 .table-wrap table th{
background: #f5f5f5;
}

#smallamount section.smallamount01 .table-wrap .note02{
font-size: 32px;
font-weight: bold;
color: #c90e38;
}

#smallamount section.smallamount01 ul.case{
margin: 0 0 20px;
}

#lp{
padding: 0px 20px;
}

#lp section.column-main{
padding: 20px 0px;
margin: 0 0 40px;
border-radius: 20px;
background: #fff;
}

#lp section.column-main p.lp-p{
padding: 0px 20px;
margin: 0 0 20px;
font-size: 18px;
}

#lp section.column-main p.addition{
font-size: 14px;
padding: 0 20px 20px;;
}

span.color-red{
color: #c90e38;
font-weight: bold;
}

span.color-blue{
color: #3461d1;
font-weight: bold;
}

#lp section.column-main p.lp-p span.exbig{
font-size: 125%;
}


#lp section.column-main h2.lp-h2{
font-size: 28px;
padding: 20px;
margin: 0 0 20px;
position: relative;
background: #BFD0F4;
}

#lp section.column-main h2.lp-h2:after{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    border-style: solid;
    border-color: #BFD0F4 transparent transparent transparent;
    border-width: 15px 10px 0 10px;
    z-index: 1;
}

#lp section.column-main h3.lp-h3-01{
    display: inline-block;
    margin: 0px auto 25px;
    text-align: center;
    font-size: 20px;
    background-color: #cc0033;
    color: #fff;
    padding: 15px 15px;
    border-radius: 35px;
    position: relative;
    line-height: 1;
}

#lp section.column-main h3.lp-h3-01:after{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    border-style: solid;
    border-color: #cc0033 transparent transparent transparent;
    border-width: 15px 10px 0 10px;
    z-index: 1;
}

.align-center{
text-align: center;
}

#lp section.column-main img.column-image{
margin: 0 20px 20px;
border-radius: 20px;
}

#lp section.column-main img.column-image-rectangle{
margin: 0 20px 20px;
}

#lp section.column-main a.link-column{
display: block;
font-weight: bold;
text-align: right;
}

#lp section.column-main ul.lp-list{
padding: 0 0px 20px 40px;
font-size: 18px;
font-weight: bold;
list-style:disc;
}

#lp section.column-main ul.lp-list.style-none{
list-style: none;
padding: 0 20px 20px;
}

#lp section.column-main ul.point-small{
margin: 40px 20px 20px;
padding: 30px 20px 0px;;
background: #FAEBEE;
}

#lp section.column-main ul.point-small li{
margin: 0 0 0px;
padding: 20px 20px 20px 80px;
}

#lp section.column-main ul.point-small li:before{
font-size: 60px;
}

#lp section.column-main ul.point-small h3{
font-size: 28px;
}

#lp #question .title:last-child:before{
display: none;
}

#lp #question .title:last-child:after{
display: none;
}

#lp section.column-main span.color-orange{
color: #ff4b4b;
}

#lp #question{
padding: 0 20px 20px;
}

#lp ul.case{
padding: 0 20px 20px;
}

#lp ul.case li{
background: #f5f5f5;
}

#lp ul.case li img{
width: 100px;
height: 100px;
}

#lp ul.case li h3{
font-size: 24px;
margin: 0 0 0;
}

#lp ul.case li .case-title{
font-size: 28px;
}

#lp ul.case li .description{
font-size: 18@x;
}

#lp section.item-result h4{
font-size: 30px;
color: #c90e38;
margin: 0 0 10px;
}

#lp section.item-result{
margin: 0 20px 20px;
border: solid 1px #c90e38;
}

#lp section.item-result:last-child{
margin: 0 20px;
}

#lp a.lp-ankerbutton{
    display: block;
    font-size: 28px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    background: #ff4b4b;
    color: #fff;
    line-height: 1;
    padding: 20px 0px;
    border-radius: 10px;
    box-shadow: 0px 8px 0px #992d2d;
    margin: 0 auto 28px;
    width: 520px;
    position: relative;
}

#lp a.lp-ankerbutton:after{
    content: '\f054';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 28px;
    position: absolute;
    right: 10px;
}

#lp table.lp-table-01{
width: 670px;
font-size: 18px;
border-collapse: collapse;
margin: 0 auto 20px;
}

#lp table.lp-table-01.ft16{
font-size: 16px;
}

#lp table.lp-table-01 th,#lp table.lp-table-01 td{
border: solid 1px #ccc;
padding: 10px 0px;
text-align: center;
font-weight: bold;
}

#lp table.lp-table-01 tr:first-child th{
background: #205cda;
color: #fff;
}

#lp table.lp-table-01 tr:not(first-child) th{
background: #f5f5f5;
}

#lp table.lp-table-01.bg-red tr:first-child th{
background: #cc0033;
}

#lp table.lp-table-01 td.value01,#lp table.lp-table-01 td.value03{
padding: 90px 0 0 10px;
position: relative;
}

#lp table.lp-table-01 td.value01:before,#lp table.lp-table-01 td.value03:before{
position: absolute;
content:'';
display: inline-block;
width: 70px;
height: 70px;
background-size: contain;
top:10px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

#lp table.lp-table-01 td.value01:before{
background: url(../images/every-card_lp003_table01icon_val01.png);
}

#lp table.lp-table-01 td.value03:before{
background: url(../images/every-card_lp003_table01icon_val03.png);
}

#lp table.lp-table-01 .bd-red{
border-left: solid 3px red;
border-right: solid 3px red;
}

#lp table.lp-table-01 tr:first-child .bd-red{
border-top:  solid 3px red;
}

#lp table.lp-table-01 tr:last-child .bd-red{
border-bottom:  solid 3px red;
}


#lp table.lp-table-02{
width: 670px;
margin: 0 auto 10px;
font-size: 18px;
border-collapse: collapse;
}

#lp table.lp-table-02 th,#lp table.lp-table-02 td{
border: solid 1px #ccc;
text-align: center;
}

#lp table.lp-table-02 th{
padding: 5px 0px;
background: #f5f5f5;
}

#lp .note01{
    font-weight: bold;
    font-size: 20px;
    margin: 0 0 10px;
	text-align: center;
}

#lp .note02{
    font-size: 24px;
    font-weight: bold;
    color: #c90e38;
	text-align: center;
	margin: 0 0 20px;
}

#lp ul.lp-list-merit{
width: 670px;
display: flex;
margin: 0 auto 20px;
flex-wrap: nowrap;
}

#lp ul.lp-list-merit li{
width: 325px;
background: #205cda;
color: #fff;
font-weight: bold;
font-size: 18px;
padding: 30px 0px;
text-align: center;
border-radius: 10px;
line-height: 1;
}

#lp ul.lp-list-merit li:nth-child(odd){
margin: 0 20px 0 0;
}

#lp ul.lp-list-01{
width: 80%;
margin: 0 auto 20px;
background: #f5f5f5;
border-radius: 20px;
padding: 20px;
border: solid #ccc 1px;
}

#lp ul.lp-list-01 li{
font-size:24px;
font-weight: bold;
border-bottom: dotted 3px #ccc;
padding: 10px 0px;
}

#lp ul.lp-list-01 li:first-child{
padding: 0 0 10px;
}

#lp ul.lp-list-01 li:last-child{
border: none;
padding: 10px 0 0;
}

#lp ul.lp-list-02{
margin: 40px auto 40px;
width: 670px;
position: relative;
padding: 40px 20px 20px 40px;
border-radius: 20px;
background: #f5f5f5;
border: solid 1px #ccc;
}

#lp ul.lp-list-02 h3{
font-size: 24px;
position: absolute;
top: -20px;
width: 400px;
text-align: center;
line-height: 1;
padding: 10px 0;
border-radius: 40px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}

#lp ul.lp-list-02 li{
font-size: 20px;
list-style: disc;
font-weight: bold;
}

#lp ul.lp-list-02.color01 h3{
background: #fffbd6;
border: solid 2px #FFF389;
}

#lp ul.lp-list-02.color02 h3{
background: #FFE8D6;
border: solid 2px #FFC496;
}

#lp ul.lp-list-02.color03 h3{
background: #D6F7FF;
border: solid 2px #96EAFF;
}


#lp .h2_top_item-detail_wrap h2{
line-height: 1.4;
font-size: 48px;
}

#lp .note03{
width: 670px;
margin: 45px auto 20px;
position: relative;
padding: 40px 20px 20px;
border-radius: 10px;
background: #f5f5f5;
border: solid 1px #ccc;
}

#lp .note03 h3{
position: absolute;
    display: inline-block;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	top: -25px;
    text-align: center;
    font-size: 20px;
    background-color: #cc0033;
    color: #fff;
    padding: 15px 15px;
    border-radius: 35px;
    line-height: 1;
}

#lp .note03 p{
font-size: 18px;
font-weight: bold;
}

#lp .lp-profile01{
width: 670px;
margin: 0 auto 20px;
display: flex;
padding: 20px;
background: #f5f5f5;
border-radius: 10px;
}

#lp .lp-profile01 img.icon{
margin: 0 20px 0 0;
width: 90px;
}

#lp .lp-profile01 .text{
font-size: 20px;
}

#lp table.lp-table-03{
width: 670px;
margin: 0 auto 20px;
font-size: 20px;
font-weight: bold;
text-align: center;
border-collapse: collapse;
}

#lp table.lp-table-03 th{
width: 50%;
padding: 10px 0;
background: #f5f5f5;
}

#lp table.lp-table-03 td{
background: #cc0033;
color: #fff;
}

#lp table.lp-table-03 td.big{
font-size: 125%;
}

#lp .lp-table-04-wrap{
background: #f5f5f5;
width: 670px;
margin: 0 auto 20px;
padding: 20px;
border-radius: 10px;
}

#lp table.lp-table-04{
width: 100%;
border-collapse: collapse;
}

#lp table.lp-table-04 th,#lp table.lp-table-04 td{
font-size: 18px;
padding: 10px 0px;
border: solid 1px #ccc;
font-weight: bold;
}

#lp table.lp-table-04 th{
background: #DAE4F8;
font-weight: normal;
}

#lp table.lp-table-04.bg-orange th{
background: #ffefe0;
}

#lp table.lp-table-04.bg-red th{
background: #c90e38;
color: #fff;
}

#lp table.lp-table-04 td{
background: #fff;
text-align: center;
}

#bank{
}

section.bank01{
text-align: center;
padding: 0px 20px;
margin: 0 0 40px;
}

section.bank01 .h2-wrap{
    margin: 0 0 40px;
    position: relative;
    border-bottom: solid 2px #444;
    padding: 0 0 20px;
}

section.bank01 .h2-wrap:before{
    content: "";
    position: absolute;
    bottom: -48px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    border: 25px solid transparent;
    border-top: 25px solid #f4f4f4;
    z-index: 2;
}

section.bank01 .h2-wrap:after{
    content: "";
    position: absolute;
    bottom: -52px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    border: 26px solid transparent;
    border-top: 26px solid #444;
    z-index: 1;
}

section.bank01 .h2-subcopy{
    display: inline-block;
    padding: 10px 20px;
    background: #91baff;
    border-radius: 40px;
    font-weight: bold;
    font-size: 24px;
    line-height: 1.2;
    color: #444;
    margin: 0 0 20px;
}

section.bank01 h2{
    font-size: 40px;
    white-space: nowrap;
    line-height: 1.2;
}

section.bank01 h2 span.color{
color: #205cda;
}

ul.list01 li{
padding: 20px;
margin: 0 0 20px;
background: #fff;
border-radius: 10px;
}

ul.list01 li h3{
font-size: 40px;
color: #205cda;
}

ul.list01 li p{
font-size: 24px;
}

.comment01{
display: flex;
margin: 0 0 20px;
align-items: flex-end
}

.comment01 img{
margin: 0 20px 0 0;
width: 176px;
height: 176px;
}

.comment01 .text{
background: #fff;
padding: 20px;
border-radius: 20px;
font-size: 24px;
font-weight: bold;
position: relative;
text-align: left;
}

.comment01 .text span.color{
color: #c90e38;
}

.comment01 .text:after{
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: -20px;
    top: 30px;
    border-right: 20px solid #fff;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}

section.bank02{
padding: 0 20px;
}

#bank section.best2 .item-best2 table td span.color{
font-size: 100%;
}

#bank section.recommend,#lowrate section.recommend{
padding: 50px 20px 0;
}

#bank section.recommend .recommend-card a,#lowrate section.recommend .recommend-card a{
padding: 40px 30px 20px 20px;
}

#bank section.recommend .recommend-card a h3,#lowrate section.recommend .recommend-card a h3{
text-align: center;
position: absolute;
background: #c90e38;
color: #fff;
display: block;
padding: 10px 0px;
width: 460px;
border-radius: 40px;
font-weight: bold;
font-size: 24px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	top: -30px;
}

#lp .lp-box01{
width: 670px;
margin: 64px auto 20px;
border-radius: 0px 10px 10px 10px;
background: #f5f5f5;
padding: 20px 20px 20px;
border: solid 1px #c90e38;
position: relative;
}

#lp .lp-box01 h3{
position: absolute;
display: inline-block;
background: #c90e38;
font-size: 20px;
color: #fff;
line-height: 1;
padding: 10px 20px;
border-radius: 10px 10px 0px 0px;
left: -2px;
top: -41px;
}

#lp .lp-box01 p{
font-size: 20px;
font-weight: bold;
}

#lp p.lp-p-bggray{
width: 670px;
margin: 0 auto 20px;
font-size: 18px;
background: #f5f5f5;
padding: 20px;
border-radius: 10px;
border: solid 1px #ccc;
}

#lp a.lp-ankerbutton.small{
font-size: 24px;
}

#lp a.lp-ankerbutton.exsmall{
font-size: 20px;
}

#lp .lp-box02{
text-align: center;
margin: 0 auto 20px;
width: 670px;
background: #f5f5f5;
padding: 20px;
border: solid 1px #c90e38;
border-radius: 10px;
font-weight: bold;
font-size: 24px;
}

#lp .lp-box01.border-blue{
border: solid 1px #205cda;
}

#lp .lp-box01.border-blue h3{
background: #205cda;
}

#holiday section.idcard01 .h2-wrap h2 span.color {
color: #c90e38;
}

#lp .lp-box03{
margin: 0 auto 20px;
width: 670px;
background: #f5f5f5;
padding: 20px;
}

#lp .lp-box03 h3{
font-size: 20px;
color: #c90e38;
}

#lp .lp-box03 p{
font-size: 18px;
}

.top-table01-wrap{
background: #fff;
padding: 20px;
border-radius: 10px;
margin: 0 0 20px;
}

.top-table01-wrap .text{
font-size: 32px;
font-weight: bold;
text-align: center;
}

table.top-table01{
width: 100%;
border-collapse: collapse;
}

table.top-table01 th,table.top-table01 td{
border: solid #ccc 1px;
font-weight: bold;
padding: 20px 10px;
font-size: 24px;
}

table.top-table01 th{
background: #f5f5f5;
}

.lp_index_wrap{
padding: 0 20px 0;
margin: 0 0 40px;
}

ol.lp_index{
display: inline-block;
position: relative;
padding: 56px 20px 20px 56px;
border: solid 2px #9F9184;
}

ol.lp_index li{
margin: 0 0 10px;
font-size: 28px;
font-weight: bold;
}

.lp_index_label{
position: absolute;
top: 0;
left: 0;
background: #9F9184;
color: #fff;
font-weight: bold;
line-height: 1;
padding: 10px;
font-size: 24px;
}

h2.lp_h2_02{
border-left: solid 8px #00a57b;
padding: 20px;
font-size: 40px;
background: #E4F5F1;
margin: 40px 0 20px;
}

h3.lp_h3_02{
font-size: 32px;
padding: 10px 20px;
width: calc(100% - 40px);
margin: 40px auto 20px;
border-left: solid 6px #00a57b;
border-bottom: solid 1px #00a57b;
}

p.lp_p{
font-size: 28px;
width: calc(100% - 40px);
margin: 0 auto 40px;
}

p.lp_p span.__yellow,.lp_top_baloon span.__yellow{
background:linear-gradient(transparent 60%, #ffff99 60%);
font-weight: bold;
}

p.lp_p span.__green,.lp_top_baloon span.__green{
color: #00a57b;
font-weight: bold;
}

p.lp_p span.__bigger{
font-size: 130%;
}

p.lp_p span.__red,.lp_top_baloon span.__red{
color: #ff4b4b;
font-weight: bold;
}

img.lp_images{
width: calc(100% - 40px);
margin: 0 auto 40px;
display: block;
}

a.lp_sitelinkbutton{
    display: block;
    font-size: 28px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    background: #FF8650;
    color: #fff;
    line-height: 1;
    padding: 30px 0px;
    border-radius: 50px;
    box-shadow: 0px 8px 0px #DA4E0F;
    margin: 0 auto 8px;
    width: 520px;
    position: relative;
    overflow: hidden;
}

.lp_sitelinkbutton_baloon{
font-size: 24px;
position: relative;
font-weight: bold;
}

.lp_sitelinkbutton_baloon:before,.lp_sitelinkbutton_baloon:after{
display: inline-block;
    width: 18px;
    height: 36px;
    content: '';
    background-image: url(../images/mycard_pickup_h3_before.png);
    background-size: contain;
    vertical-align: bottom;
    margin: 0 20px 0 0;
}

.lp_sitelinkbutton_baloon:after{
    background-image: url(../images/mycard_pickup_h3_after.png);
    margin: 0 0 0 20px;
}

ul.lp_list_check01{
font-size: 28px;
padding: 65px 30px 30px;
margin: 0 auto 40px;
width: calc(100% - 40px);
background: #FAEBEE;
border: solid 2px #c90e38;
font-weight: bold;
position: relative;
}

.lp_list_check01_label{
position: absolute;
font-size: 24px;
top: 0;
left: 0;
line-height: 1;
padding: 10px;
font-weight: bold;
color: #fff;
background: #c90e38;
}

ul.lp_list_check01 li:before{
    content: '\f00c';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #c90e38;
    margin: 0 10px 0 0;
}

ul.lp_list_check02{
font-size: 28px;
display: inline-block;
margin: 0 0 20px 20px;
font-weight: bold;
}

ul.lp_list_check02 li:before{
    content: '\f058';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #00B284;
    margin: 0 10px 0 0;

}

.lp_comment_baloon{
border-radius: 20px;
padding: 20px;
font-size: 24px;
width: 460px;
margin: 0 auto 30px 20px;
background: #FFEBBF;
font-weight: bold;
position: relative;
}

.lp_comment_baloon:after{
position: absolute;
display: inline-block;
width: 84px;
height: 60px;
content: '';
background-image: url(../images/mycard_lp_comennt_baloon_after01.png);
bottom: -44px;
left: 0px;
}

.lp_comment_baloon:nth-child(odd){
background: #FFD3BF;
margin: 0 20px 30px auto;
}

.lp_comment_baloon:nth-child(odd):after{
background-image: url(../images/mycard_lp_comennt_baloon_after02.png);
left: auto;
right:  0;
}

.lp_comment_baloon:nth-child(even){
margin-bottom: 60px;
}

.lp_sim_tab-wrap{
padding: 0 20px;
margin: 0 0 40px;
}

/* アクティブなタブ */
.tab-switch02:checked+.tab-label {
  background: #205cda;
  color: #fff;
  padding: 30px 0 30px;
  font-size: 36px;
}
.tab-switch02:checked+.tab-label+.tab-content {
  height: auto;
  overflow: auto;
  padding: 20px;
  opacity: 1;
  transition: .5s opacity;
  background: #205cda;
}

/* ラジオボタン非表示 */
.tab-switch02 {
  display: none;
}

.lp_sim_tab-wrap .tab-switch02:checked+.tab-label{
background: #00a57b;
}

.lp_sim_tab-wrap .tab-switch02:checked+.tab-label+.tab-content{
background: #00a57b;
}

table.lp_sim_table{
width: 100%;
background: #fff;
table-layout: fixed;
font-size: 28px;
border-collapse: collapse;
text-align: center;
}

table.lp_sim_table th,table.lp_sim_table td{
border: solid 1px #ccc;
}

table.lp_sim_table th{
padding: 10px 0;
background: #eee;
font-size: 24px;
}

table.lp_sim_table td{
padding: 20px 0;
font-weight: bold;
}

table.lp_sim_table tr td:first-child{
background: #E4F5F1;
font-weight: bold;
}

.lp_sim_tab-wrap .tab-wrap{
margin: 0 0 10px;
}

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

.lp_top_baloon{
display: flex;
padding: 0 20px;
align-items: flex-start;
margin: 0 0 20px;
}

img.lp_top_baloon_icon{
width: 120px;
border-radius: 100px;
border: solid 4px #FF8650;
margin: 0 20px 0 0;
}

.lp_top_baloon_comment{
font-size: 24px;
position: relative;
border: solid 4px #FFB99B;
border-radius: 20px;
padding: 20px;
font-weight: bold;
}

.lp_top_baloon_comment:before{
content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: -24px;
    top: 40px;
    border-right: 20px solid #FFB99B;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}

.lp_top_baloon_comment:after{
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: -19px;
    top: 40px;
    border-right: 20px solid #fff;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}

.lp_top_baloon.__baloon02{
margin: 0 0 40px;
}

.lp_top_baloon.__baloon02 img.lp_top_baloon_icon{
margin: 0 0 0 20px;
border: solid 4px #00a57b;
}

.lp_top_baloon.__baloon02 .lp_top_baloon_comment{
border: solid 4px #6DCBB3;
}

.lp_top_baloon.__baloon02 .lp_top_baloon_comment:before{
    left: auto;
    right: -24px;
    border-right: none;
    border-left: 20px solid #6DCBB3;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}

.lp_top_baloon.__baloon02 .lp_top_baloon_comment:after{
    left: auto;
    right: -19px;
    border-right:none;
    border-left: 20px solid #fff;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}

/*comparison
---------------------------------------------------------------------------*/

section.comparison{
padding: 0 0px;
margin: 0 0 60px;
}

table.comparison_table{
width: 100%;
border-collapse: collapse;
table-layout: fixed;
}

table.comparison_table th,table.comparison_table td{
border: solid 1px #ccc;
text-align: center;
}

table.comparison_table th{
font-size: 20px;
background: #f5f5f5;
padding: 10px 0;
color: #666;
}

table.comparison_table th.__service{
width: 186px;
}

table.comparison_table th.__oficial{
width: 126px;
}

table.comparison_table th.__loantime,table.comparison_table th.__fee,table.comparison_table th.__tel{

}




table.comparison_table td{
padding: 20px 10px;
font-size: 24px;
background: #fff;
font-weight: bold;
}

table.comparison_table td span.__ev01,table.comparison_table td span.__ev02,table.comparison_table td span.__ev03{
display: block;
padding: 60px 0 0;
background-image: url(../images/every-card_comparison_table_icon01.png);
background-repeat: no-repeat;
background-size: 50px 50px;
background-position: center top;
position: relative;
}

table.comparison_table td span.__ev02{
background-image: url(../images/every-card_comparison_table_icon02.png);
}

table.comparison_table td span.__ev03{
background-image: url(../images/every-card_comparison_table_icon03.png);
}

table.comparison_table tr:nth-child(2) td.__service{
padding: 50px 10px 20px;
}

table.comparison_table td span.__ev01 sup,table.comparison_table td span.__ev02 sup,table.comparison_table td span.__ev03 sup{
position: absolute;
right: 0px;
top: 40px;
color: #666;
font-size: 16px;
text-align: right;
}

table.comparison_table td span.__large{
font-size: 28px;
}

.comparison_table_baloon01_wrap{
position: absolute;
top: -35px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
white-space: nowrap;
}

.comparison_table_baloon01{
font-size: 20px;
background: #c90e38;
color: #fff;
line-height: 1;
padding: 5px 10px 3px;
border-radius: 6px;
position: relative;
}

.comparison_table_baloon01_wrap.__multicolumn{
top: -60px;
}

.comparison_table_baloon01_wrap.__multicolumn .comparison_table_baloon01{
line-height: 1.2;
}


.comparison_table_baloon01:after{
content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    border-style: solid;
    border-color: #c90e38 transparent transparent transparent;
    border-width: 8px 4px 0 4px;
}

@keyframes fuwafuwa {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-5px);
  }
}

.anime01 {
  animation: 2s fuwafuwa infinite;
}

.tab-switch:checked+.tab-label+.tab-content.tab-content_strong{
padding-top: 58px;

}

table.comparison_table th.__strong{
position: relative;
border: solid 6px #ffd940;
border-bottom: none;
}

.comparison_table_baloon02_wrap{
position: absolute;
top: -52px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
white-space: nowrap;
}

.comparison_table_baloon02{
display: inline-block;
line-height: 1.3;
background: #ffd940;
color: #000;
padding:  5px 10px 3px;
border: solid 2px #ffd940;
position: relative;
border-radius: 6px;
}

.comparison_table_baloon02:after{
content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: -12px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    border-style: solid;
    border-color: #ffd940 transparent transparent transparent;
    border-width: 12px 6px 0 6px;
}

table.comparison_table td.__strong{
border-right: solid 6px #ffd940;
border-left: solid 6px #ffd940;
background: #FFFFDA;
}

table.comparison_table tr:last-child td.__strong{
border-bottom: solid 6px #ffd940;
}

table.comparison_table td.__strong02{
background: #FFFFDA;
}


table.comparison_table span.__small{
font-size: 20px;
}

a.comparison_table_banner_link{
display: block;
margin: 0 0 10px;
position: relative;
}

a.comparison_table_textlink{
font-size: 20px;
position: relative;
font-weight: bold;
}
a.comparison_table_textlink:after{
position: absolute;
    content: '\f35d';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 18px;
    right: -24px;
    bottom: 4px;
    }


img.comparison_table_banner{
width: 150px;
}

a.comparison_table_linkbutton{
text-decoration: none;
display: block;
color: #fff;
font-weight: bold;
font-size: 20px;
background: #ff4b4b;
box-shadow: 0px 6px 0px #992d2d;
padding: 10px 0;
line-height: 1.2;
border-radius: 10px;
position: relative;
overflow: hidden;
}

a.comparison_table_linkbutton:after{
 content: "";
  display: block;
  width: 20px;
  height: 100%;
  position: absolute;
  top: -180px;
  left: 0;
  background-color: #FFF;
  opacity: 0;
  transform: rotate(45deg);
  animation: reflect 2s ease-in-out infinite;
  -webkit-transform: rotate(45deg);
  -webkit-animation: reflect 2s ease-in-out infinite;
}


.tab-wrap {
  display: flex;
  flex-wrap: wrap;
  margin:0 0 0;
  align-items: flex-end;
}
.tab-wrap:after {
  content: '';
  width: 100%;
  height: 0px;
  background: #205cda;
  display: block;
  order: -1;
}
.tab-label {
  color: #666;
  background: LightGray;
  font-weight: bold;

  white-space: nowrap;
  text-align: center;
  padding: 20px 0 20px;
  order: -1;
  position: relative;
  z-index: 1;
  cursor: pointer;
  border-radius: 10px 10px 0 0;
  flex: 1;
  font-size: 28px;
  line-height: 1;
}

.tab-label:not(:last-of-type) {
  margin-right: 5px;
}
.tab-content {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
/* アクティブなタブ */
.tab-switch:checked+.tab-label {
  background: #205cda;
  color: #fff;
  padding: 30px 0 30px;
  font-size: 36px;
}
.tab-switch:checked+.tab-label+.tab-content {
  height: auto;
  overflow: auto;
  padding: 20px;
  opacity: 1;
  transition: .5s opacity;
  background: #205cda;
}

/* ラジオボタン非表示 */
.tab-switch {
  display: none;
}

h2.comparison_h2{
width: calc(100% - 80px);
font-size: 40px;
margin: 0 auto 36px;
text-align: center;
line-height: 1.30;
border-bottom: solid 6px #222;
position: relative;
padding: 0px 0 12px;
}

h2.comparison_h2:before{
content: "";
position: absolute;
bottom: -40px;
border: 16px solid transparent;
border-top: 24px solid #f4f4f4;
z-index: 2;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}

h2.comparison_h2:after{
content: "";
position: absolute;
bottom: -54px;
left: 50%;
border: 20px solid transparent;
border-top: 28px solid #222;
z-index: 1;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}


h2.comparison_h2 span.__maintitle{
display: block;
}

h2.comparison_h2 span.__subtitle{
display: block;
font-size: 32px;
}

h2.comparison_h2 span.__red{
color: #c90e38;
}

h2.comparison_h2 span.__yellow{
background: linear-gradient(transparent 40%, #ffd966 40%);
color: #000;
}


h2.comparison_h2 span.__large{
font-size: 60px;
}



/*firstuser
---------------------------------------------------------------------------*/


section.firstuser01{
padding: 0 20px;
margin: 0 0 40px;
}

section.firstuser01 .summary01{
border-radius: 20px;
padding: 50px 20px 20px;
width: 100%;
background: url(../images/every-card_firstuser_summary-bg6x6.png) #e1df15;
position: relative;
border: solid 8px #fff;
margin: 40px 0 20px;
}

section.firstuser01 .summary01:before{
position: absolute;
display: inline-block;
content: '';
width: 100px;
height: 100px;
background: url(../images/every-card_firstuser_summary-icon01.png);
background-size: cover;
top: -58px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}

section.firstuser01 .summary01 h2{
text-align: center;
font-size: 36px;
line-height: 1.35;
}

section.firstuser01 .summary01 h2 span.color{
font-size: 40px;
color: #c90e38;
}

h3.h3-bubble01{
display: inline-block;
position: relative;
text-align: center;
padding: 10px 20px;
margin: 0 0 25px;
border-radius: 30px;
background: #c90e38;
color: #fff;
font-size: 24px;
}

h3.h3-bubble01:after{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    border-style: solid;
    border-color: #c90e38 transparent transparent transparent;
    border-width: 15px 10px 0 10px;
    z-index: 1;
}

section.firstuser01 ul.case p.addition{
font-size: 20px;
color: #666;
}

/*shindanbot
---------------------------------------------------------------------------*/

section.chat{
padding: 40px 20px 0;
margin: 0 0 60px;
}

.chat_h2_wrap{
text-align: center;
background: #205cda;
position: relative;
padding: 20px 0px;
}

.chat_h2_wrap:before{
position: absolute;
display: inline-block;
content:'';
background: url(../images/every-card_chat_h2icon02.png);
background-size: contain;
background-repeat: no-repeat;
width: 148px;
height: 156px;
bottom: 0;
right: 20px;
}

h2.chat_h2{
color: #fff;
font-size: 40px;
}

.chat_h2_baloon{
position: absolute;
display: inline-block;
content:'';
background: url(../images/every-card_chat_h2icon01.png);
background-size: contain;
background-repeat: no-repeat;
width: 160px;
height: 130px;
padding-top: 10px;
top: -30px;
left: -20px;
font-weight: bold;
font-size: 30px;
line-height: 1.4;
}

#shindanbot-container {
    height: 80vh;
    position: relative;
}
#shindanbot-inner {
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    scroll-behavior: smooth;
    position: relative;
    /* Hiding scrollbars is a pain. This is from: https://redstapler.co/css-hidden-scrollbar-while-scrollable-element/ */
    scrollbar-width: none;
    -ms-overflow-style: none;
	background: #BBDCFF;
	padding: 20px;
}
#shindanbot-inner::-webkit-scrollbar { 
    display: none;  /* Chrome Safari */
}

.chat-response,
.chat-ask {
    opacity: 0;  /* Set to activated to show */
    transform: translateY(-50%); /* Set to activated to move down */
    transition: all 0.3s 0.3s;
    border-radius: 12px;
    background-color: #fff;
    padding: 20px;
    line-height: 1.4;
    color: black;
    width: 80%;
    margin-bottom: 20px;
	font-size: 28px;
}
.chat-response {
    margin-left: 84px;
    position: relative;
}
.chat-response:before {
    display: block;
    content: '';
    width: 64px;
    height: 64px;
    position: absolute;
    left: -84px;
    top: 6px;
    background-image: url(../images/every-card_chat_operatoricon.png);
    background-color: #FFF;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 100%;
}
.chat-ask {
  background-color: #205cda;
  margin-right: 0;
  margin-left: auto;
  color: hsl(0, 0%, 100%);
}

.img-response{
    border-radius: 12px;
    background-color: #fff;
    padding: 10px 20px;
    line-height: 1.4;
    color: black;
    margin-bottom: 0.5rem;
	position: relative;
	margin-left: 84px;
	text-align: center;
	display: inline-block;
}

.img-response img{
width: 50px;
height: 50px;
}

.img-response:before{
    display: block;
    content: '';
    width: 64px;
    height: 64px;
    position: absolute;
    left: -84px;
    top: 6px;
    background-image: url(../images/every-card_chat_operatoricon.png);
    background-color: #FFF;
    background-repeat: no-repeat;
    background-size: 100%;
    border-radius: 100%;
}

.choices {
  opacity: 0; /* Set to active to show */
  transform: translateY(-50%); /* Set to activated to move down */
  transition: all 0.3s 0.3s;
  transition: opacity 0.3s 0.3s;
  margin-left: 84px;
  
}
.choice {
  display: block;
  outline: none;
  border: 2px solid #205cda;
  padding: 15px 0;
  width: 536px;
  background-color: hsl(0, 0%, 100%);
  border-radius: 100px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 20px;
  margin-right: 0.5rem;
  text-decoration: none;
  color: #205cda;
  cursor: pointer;
}
.choice:disabled {
  color: hsl(0, 0%, 80%);
  border-color: hsl(0, 0%, 80%);
}
.activated {
  opacity: 1;
  transform: translateY(0);
}
.restart {
  position: absolute;
  bottom: 0.5rem;
  right: 0.5rem;
  outline: none;
  font-size: 12px;
  color: hsl(0, 0%, 50%);
  box-shadow: none;
  border: 1px solid hsl(0, 0%, 60%);
  border-radius: 1rem;
  background: hsl(0, 0%, 100%);
  padding: 0.2rem 0.5rem;
  cursor: pointer;
}


.chat_test_wrap{
background: #d0e7ff;
padding: 20px;
}

.chat_test{
background: #fff;
width: 536px;
padding: 20px;
border-radius: 12px;
}

.chat_banner_item_header{
display: flex;
flex-wrap: nowrap;
}

a.chat_banner_item_img_wrap{
width: 40%;
display: block;
margin: 0 10px 0 0;
}


img.chat_banner_item_img{
width: 100%;
}

.chat_banner_item_spec{
width: 60%;
margin: 0 0 0 10px;
}

.chat_banner_item_service_wrap{
text-decoration: none;
font-size: 36px;
font-weight: bold;
margin: 0 0 10px;
}

.chat_banner_item_service{
margin: 0 0 10px;
}

ul.chat_banner_item_tags{
padding: 0 0 0 29px;
margin: 0 0 20px;
}

ul.chat_banner_item_tags li{
font-size: 24px;
position: relative;
margin: 0 0 10px;
line-height: 1.25;
font-weight: bold;
}

ul.chat_banner_item_tags li:last-child{
margin: 0;
}

ul.chat_banner_item_tags li:before{
position: absolute;
content: '\f058';
font-family: "Font Awesome 5 Free";
font-weight: 900;
margin: 0 5px 0 0;
left: -29px;
color: #2eb85c;
}

p.chat_banner_item_p{
font-size: 20px;
    background-color: #fff;
    background-image: linear-gradient(180deg, #f5f5f5 1px, transparent 1px);
    background-size: 100% 2.0em;
    line-height: 2.0em;
    padding-bottom: 4px;
}

a.chat_banner_item_cvbutton{
    display: block;
    margin: 10px auto 20px;
    padding: 10px 0px;
    background: #ff4b4b;
    box-shadow: 0px 4px 0px #992d2d;
    width: 320px;
    text-decoration: none;
    color: #fff;
    font-weight: bold;
    border-radius: 100px;
    font-size: 20px;
	text-align: center;
}

.chat_banner_item_addition{
font-size: 18px;
color: #666;
}

.chat_banner_item span.color-yellow{
background:linear-gradient(transparent 60%, #ffffcc 60%);
font-weight: bold;
}

/*column-list
---------------------------------------------------------------------------*/

section.column-list{
padding: 20px 20px 0;
margin:0 0 40px;
}

h2.column-list_h2 {
background: rgb(32,92,218);
background: linear-gradient(47deg, rgba(32,92,218,1) 0%, rgba(29,32,136,1) 100%);
color: #fff;
text-align: center;
border-radius: 10px;
padding: 40px 0px;
font-size: 32px;
margin: 0 0 20px;
}

ul.column-listbox{
background: #fff;
border-radius: 10px;
box-shadow: 0px 2px 4px rgb(0 0 0 / 30%);
}

ul.column-listbox li{
padding: 20px 20px 20px 40px;
position: relative;
}

ul.column-listbox li:before{
position: absolute;
content: '\f054';
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 16px;
left: 20px;
color: #ccc;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}

ul.column-listbox a:not(:last-child) li:after{
position: absolute;
display: block;
content: '';
background: #ccc;
height: 1px;
width: calc(100% - 40px);
bottom: 0px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}

ul.column-listbox a{
display: block;
text-decoration: none;
color: #222;
font-size: 20px;
}

/*search_step
---------------------------------------------------------------------------*/

section.search_step{
padding: 0 20px;
margin: 0 0 40px;
}

h2.search_step_h2{
background: #205cda;
color: #fff;
border-radius: 10px 10px 0 0;
font-size: 28px;
line-height: 1;
padding: 22px 0 20px;
text-align: center;
}

.search_step_h2_wrap{
margin: 20px 0 0;
position: relative;
}

img.search_step_h2_baloon{
position: absolute;
top: -20px;
left: -10px;
}

#step_area html {
  line-height: 1;
}
#step_area ol, #step_area ul {
  list-style: none;
}
#step_area table {
  border-collapse: collapse;
  border-spacing: 0;
}
#step_area caption, #step_area th, #step_area td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
#step_area q, #step_area blockquote {
  quotes: none;
}
#step_area q:before, #step_area q:after, #step_area blockquote:before, #step_area blockquote:after {
  content: "";
  content: none;
}
#step_area a img {
  border: none;
}
#step_area article, #step_area aside, #step_area details, #step_area figcaption, #step_area figure, #step_area footer, #step_area header, #step_area hgroup, #step_area main, #step_area menu, #step_area nav, #step_area section, #step_area summary {
  display: block;
}
#step_area html {
  font-size: 16px;
  -webkit-text-size-adjust: 100%;
}
#step_area body {
  font-family: "Kosugi Maru","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Lucida Grande",Verdana,"ＭＳ Ｐゴシック",sans-serif;
  color: #696969;
}
#step_area input, #step_area select, #step_area textarea, #step_area button, #step_area option {
  font-family: "Kosugi Maru","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Lucida Grande",Verdana,"ＭＳ Ｐゴシック",sans-serif;
  color: #696969;
  font-size: 1rem;
}
#step_area button {
  cursor: pointer;
}
#step_area a {
  text-decoration: none;
  color: #696969;
}
#step_area input[type="submit"] {
  -webkit-appearance: none;
}

:root {
  --main-color: #5bb75b;
  --sub-color: #ff7e0e;
}

#step_area {
  border: 2px solid #205cda;
  border-radius: 0 0 10px 10px;
  background: #fff;
  padding: 20px 20px 10px;
  position: relative;
}
#step_area .step_title {  
  font-size: 24px;
  text-align: center;
  margin: 0 0 10px;
}
#step_area .step_count {
  padding: .5rem;
}
#step_area .step_count ul {
  display: flex;
  justify-content: center;
  margin: 0 0 10px;
}
#step_area .step_count ul li {
  background: #b0b0b0;
  padding: .5rem;
  border-radius: 50%;
  color: #ffffff;
  position: relative;
}
#step_area .step_count ul li.active {
  background: #ffd940;
  color: #666;
  font-weight: bold;
}
#step_area .step_count ul li.active:not(:first-of-type):before {
  background: #ffd940;
}
#step_area .step_count ul li:not(:first-of-type) {
  margin-left: 1rem;
}
#step_area .step_count ul li:not(:first-of-type):before {
  content: '';
  display: block;
  background: #b0b0b0;
  height: 2px;
  position: absolute;
  left: -1rem;
  width: 1rem;
  top: 50%;
  transform: translateY(-50%);
}
#step_area .step_body {
  
}
#step_area .step_body .step {
  display: none;
  flex-wrap: wrap;
}
#step_area .step_body .step.open {
  display: flex;
  justify-content: flex-start;
}
#step_area .step_body .step .label_wrap {
  flex-basis: calc((100% - 20px) / 3);
  padding: 0;
  box-sizing: border-box;
}

#step_area .step_body .step .label_wrap:nth-child(3n-1){
margin: 0 10px 10px 10px;
}

#step_area .step_body .step .label_wrap label span {
  font-size: 18px;
  font-weight: bold;
  color: #666;
  padding: .5rem;
  box-sizing: border-box;
  width: 100%;
  display: block;
  text-align: center;
  border: 1px solid var(--sub-color);
  border-radius: 5px;
  transition: .5s background-color,color;
  position: relative;
  background: #FFF4EB;
}

#step_area .step_body .step .label_wrap label span:after{
position: absolute;
content: '\f054';
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 18px;
right: 5px;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
color: var(--sub-color);
}


#step_area .step_body .step .label_wrap label input[type="radio"],
#step_area .step_body .step .label_wrap label input[type="checkbox"] {
  display: none;
}
#step_area .step_body .step .label_wrap label input[type="radio"]:checked + span,
#step_area .step_body .step .label_wrap label input[type="checkbox"]:checked + span {
  background: var(--sub-color);
  color: #ffffff;
}
#step_area .step_body .step .button_wrap {
  flex: 100%;
  padding: .5rem 0;
  display: flex;
  justify-content: space-evenly;
}
#step_area .step_body .step .button_wrap .button, #step_area .step_body .step .button_wrap button {
  padding: .2rem 2rem;
  font-size: 14px;
  border: 1px solid #e7e7e7;
  border-radius: 20px;
  font-size: 20px;
}
#step_area button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}

#step_area .step_body .step .button_wrap button.search_start{
background: #ff4b4b;
color: #fff;
}

.grad-btn {
  z-index: 2;
    position: absolute;
    right: 0;
    bottom: 20px;
    left: 0;
    width: 176px;
    margin: auto;
    padding: 5px 0;
    border-radius: 4px;
    background: var(--sub-color);
    color: #fff;
    font-size: 1.3rem;
    text-align: center;
    cursor: pointer;
    transition: .2s ease;
    box-shadow: 0 0 3px rgb(0 0 0 / 30%);
	font-weight: bold;
}

.grad-btn i{
margin: 0 10px 0 0;
}


.step_inner{
background: #fff;
  position: relative;
  overflow: hidden;
  height: 200px;
}

.step_inner:before{
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 120px; /*グラデーションで隠す高さ*/
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  content: "";
  z-index: 1;
}

.grad-trigger {
  display: none; /*チェックボックスは常に非表示*/
}
.grad-trigger:checked + .grad-btn {
  display: none; /*チェックされていたら、grad-btnを非表示にする*/
}
.grad-trigger:checked ~ .step_inner{
  height: auto; /*チェックされていたら、高さを戻す*/
}
.grad-trigger:checked ~ .step_inner:before {
  display: none; /*チェックされていたら、grad-itemのbeforeを非表示にする*/
}




/*modal
---------------------------------------------------------------------------*/

.modal_wrap input {
    display: none;
}

.modal_overlay {
    display: flex;
    justify-content: center;
    overflow: auto;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 0;
    transition: opacity 0.2s, transform 0s 0.2s;
    transform: scale(0);
}

.modal_trigger {
    position: absolute;
    width: 100%;
    height: 100%;
}

.modal_content {
    align-self: center;
    width: calc(100vw - 96px);
    max-width: 670px;
    padding: 40px;
    box-sizing: border-box;
    background: #205cda;
    line-height: 1.4em;
    transition: 0.5s;
    line-height: 1.4;
    font-weight: 100;
    box-shadow: rgba(0, 0, 0, 0.4) 0px 12px 27px 2px;
    z-index: 10000;
    position: relative;
    text-align: center;
}

label.modal_close_button{
display: block;
width: 50px;
height: 50px;
background-image: url(../images/modal_closebutton.png);
background-size: contain;
position: absolute;
top: -48px;
  right: -48px;
  color: #fff;
}


.modal_wrap input:checked~.modal_overlay {
    opacity: 1;
    transform: scale(1);
    transition: opacity 0.2s;
}

/* .modal_wrap input:checked~.modal_overlay .modal_content {
    transform: translateY(10%);
} */

h2.modal_content_h2{
font-size: 28px;
color: #fff;
margin: 0 0 20px;
position: relative;
white-space: nowrap;
display: inline-block;
}

h2.modal_content_h2:before,h2.modal_content_h2:after{
position: absolute;
content: '';
display: inline-block;
width: 12px;
height: 40px;
background-image: url(../images/modal_h2_01.png);
background-repeat: no-repeat;
left: -15px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

h2.modal_content_h2:after{
background-image: url(../images/modal_h2_02.png);
left: auto;
right: -15px;
}

h2.modal_content_h2 span.__yellow{
color: #FFFF84;
padding: 0 5px;
}

a.modal_content_item{
display: block;
background: #fff;
text-decoration: none;
color: #222;
padding: 40px;
border-radius: 20px;
margin: 0 0 40px;
text-align: center;
position: relative;
box-shadow: 0 6px 0 #999; 
}

a.modal_content_item:after{
position: absolute;
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  font-size: 24px;
  content: '\f35d';
  color: #205cda;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
  
}

a.modal_content_item:last-child{
margin: 0;
}

.modal_content_item_baloon{
background: #DFE7F9;
font-weight: bold;
font-size: 24px;
display: inline-block;
padding: 10px 20px;
position: relative;
margin: 0 0 20px;
}

.modal_content_item_baloon:after{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    border-style: solid;
    border-color: #DFE7F9 transparent transparent transparent;
    border-width: 15px 10px 0 10px;
    z-index: 1;
}

.modal_content_item_baloon i{
color: #ffcc33;
font-size: 20px;
}

.modal_content_item_inner{
display: flex;
margin: 0 0 20px;
}

img.modal_content_item_banner{
width: 125px;
height: calc(250px /2.4);
margin: 0 10px 0 0;
}

.modal_content_item_spec{
flex: 1;
}

.modal_content_item_name{
font-size: 36px;
text-align: left;
margin: 0 0 10px;
text-decoration: underline;
}

table.modal_content_item_table{
font-size: 20px;
width: 100%;

}

table.modal_content_item_table th{
background: #DFE7F9;
color: #222;
border-radius: 6px;
padding: 2px 4px 0;
}

table.modal_content_item_table td{
font-weight: bold;
padding: 0 0 0 5px;

}

img.modal_content_item_logo{
}

ul.modal_content_item_tags{
display: flex;
justify-content: flex-start;
}

ul.modal_content_item_tags li{
background: #c90e38;
color: #fff;
font-weight: bold;
margin: 0 10px 0 0;
font-size: 24px;
line-height: 1;
padding: 12px 10px 10px;
border-radius: 10px;
}

ul.modal_content_item_tags li:before{

}

ul.modal_content_item_tags li:last-child{
margin: 0;
}



/*redirect
---------------------------------------------------------------------------*/

section.redirect{
text-align: center;
padding: 20px 20px 40px;
}

img.redirect_loading{
width: 100px;
}

.redirect_message{
font-size: 36px;
margin: 0 0 20px;
}

.redirect_box{
padding: 40px;
border: solid 2px #ccc;
border-radius: 10px;
background: #fff;
}

img.redirect_box_logo{
margin: 0 0 20px;
}

.redirect_box_copy{
font-weight: bold;
margin: 0 0 20px;
}

.redirect_box_copy span.__color01{
color: var(--pink002);
}

p.redirect_box_notice{
font-size: 24px;
padding: 20px;
background: var(--pink004);
border-radius: 10px;
}

#compare ul.point-small{
width: calc(100% - 40px);
margin: 0 auto 60px;
}

/*lowrates
---------------------------------------------------------------------------*/

.lowrates_titlebox{
width: calc(100% - 40px);
position: relative;
border: solid 4px #0a3174;
margin: 30px auto 20px;
background: #fff;
border-radius: 10px;
text-align: center;
padding: 50px 0 30px;
}

.lowrates_titlebox_label_wrap{
position: absolute;
top: -36px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}

.lowrates_titlebox_label{
background: #0a3174;
color: #fff;
font-size: 32px;
white-space: nowrap;
line-height: 1;
padding: 20px;
border-radius: 10px;
}

.lowrates_titlebox_label:after{

}

p.lowrates_titlebox_content{
font-size: 36px;
font-weight: bold;
line-height: 1;
margin: 0 0 10px;
}

p.lowrates_titlebox_content span.__red{
color: #f32c50;
font-size: 52px;

}

p.lowrates_titlebox_addition{
font-size: 28px;
line-height: 1;    
}

.lowrates_target_haeder{
display: flex;
width: calc(100% - 40px);
margin: 0 auto 0;
align-items: flex-start;
justify-content: center;
}

img.lowrates_target_haeder_images{
margin: 0 20px 0 0;
}

p.lowrates_target_haeder_comment{
font-size: 32px;
position: relative;
border: solid 4px #0a3174;
border-radius: 20px;
padding: 30px;
font-weight: bold;
background: #fff;
}

p.lowrates_target_haeder_comment span.__red{
color: #f32c50;
}

p.lowrates_target_haeder_comment:before{
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
left: -24px;
top: 40px;
border-right: 20px solid #0a3174;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
}

p.lowrates_target_haeder_comment:after{
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
left: -19px;
top: 40px;
border-right: 20px solid #fff;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
}

ul.lowrates_target_list{
width: calc(100% - 40px);
border: solid 8px #d7ea00;
background: #fff;
border-radius: 10px;
font-size: 36px;
padding: 40px;
font-weight: bold;
margin: 0 auto 20px;
}

ul.lowrates_target_list li{
border-bottom: dotted 4px #ccc;
line-height: 1.9;
}

ul.lowrates_target_list li:first-child{
border-top: dotted 4px #ccc;
}

ul.lowrates_target_list li:before{
content: '\f00c';
font-family: "Font Awesome 5 Free";
font-weight: 900;
color: #f32c50;
margin: 0 10px 0 0;
}

.lowrates_sim{
width: calc(100% - 40px);
padding: 20px;
background: #fff;
margin: 0 auto 40px;
    text-align: center;
    border-radius: 10px;
}

.lowrates_sim_title{
    position: relative;
    margin-bottom: 0.2rem;
    padding: 20px 40px 20px 30px;
    color: black;
    background-color: #d7ea00;
    font-weight: bold;
    font-size: 32px;
    text-align: center;
    display: inline-block;
    margin: 0 0 20px;
}

.lowrates_sim_title:before{
    position: absolute;
    top: -8px;
    left: -8px;
    width: 100%;
    height: 100%;
    border: 4px solid #000;
    content: '';
}

.lowrates_sim_subtitle{
font-size: 36px;
font-weight: bold;
}

.lowrates_sim_subtitle span.__red{
color: #f32c50;
}

.lowrates_sim_description{
display: inline-block;
text-align: left;
font-size: 24px;
margin: 0 0 20px;
}

table.lowrates_sim_table{
border-collapse: collapse;
width: 100%;
font-size: 28px;
table-layout: fixed;
margin: 0 0 50px;
}

table.lowrates_sim_table th,table.lowrates_sim_table td{
border: solid 1px #ccc;
}

table.lowrates_sim_table th{
background: #f5f5f5;
font-size: 24px;
padding: 10px 0;
}

table.lowrates_sim_table td{
padding: 20px 0;
text-align: center;
font-weight: bold;
font-size: 32px;
}

table.lowrates_sim_table td.__baloon_td{
position: relative;
}

table.lowrates_sim_table td.__baloon_td .__baloon_wrap{
position: absolute;
right: -100px;
bottom: -35px;
}

table.lowrates_sim_table td.__baloon_td .__baloon_wrap .__baloon{
position: relative;
font-size: 28px;
background: #f32c50;
line-height: 1;
color: #fff;
padding: 10px;
border-radius: 8px;
width: 200px;
white-space: nowrap;
}

table.lowrates_sim_table td.__baloon_td .__baloon_wrap .__baloon:before{
content: "";
position: absolute;
top: -18px;
border-bottom: 18px solid #f32c50;
border-right: 8px solid transparent;
border-left: 8px solid transparent;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}

.lowrates_sim_comment{
display: flex;
align-items: flex-end;
}

img.lowrates_sim_comment_images{
margin: 0 20px 0 0;
}

.lowrates_sim_comment_text{
font-size: 28px;
position: relative;
border: solid 4px #0a3174;
border-radius: 20px;
padding: 30px;
background: #fff;
text-align: left;
}

.lowrates_sim_comment_text span.__red{
color: #f32c50;
}

.lowrates_sim_comment_text:before{
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
left: -24px;
top: 40px;
border-right: 20px solid #0a3174;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
}

.lowrates_sim_comment_text:after{
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
left: -19px;
top: 40px;
border-right: 20px solid #fff;
border-top: 15px solid transparent;
border-bottom: 15px solid transparent;
}

.lowrates_target_haeder.__bank{
width: calc(100% - 72px);
}

.lowrates_target_haeder.__bank p.lowrates_target_haeder_comment{
padding: 20px;
border: solid 4px #00a57b;
font-size: 28px;
}

.lowrates_target_haeder.__bank p.lowrates_target_haeder_comment:before{
content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: -24px;
    top: 40px;
    border-right: 20px solid #00a57b;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}

.lowrates_comparison_bank{
padding: 20px;
background: #00a57b;
margin: 0 0 60px;
}

/*smallamount
---------------------------------------------------------------------------*/

.lowrates_titlebox_content.__smallamount{
line-height: 1.4;
margin: 0;
}

.lowrates_titlebox_content.__smallamount span.___red{
color: #f32c50;
}

ul.lowrates_target_list.__smallamount{
border: solid 4px #0a3174;
}

ul.lowrates_target_list.__smallamount li:before{
color: #00A57B;
}

.smallamount_list_subtitle{
font-size: 36px;
color: #f32c50;
font-weight: bold;
line-height: 1;
margin: 0 0 10px;
text-align: center;
}

.smallamount_list_subtitle:before,.smallamount_list_subtitle:after{
content: '';
display: inline-block;
width: 12px;
height: 38px;
background-image: url(../images/smallamount_list_subtitle_before.png);
background-size: contain;
background-repeat: no-repeat;
margin: 0 20px 0 0;
}

.smallamount_list_subtitle:after{
background-image: url(../images/smallamount_list_subtitle_after.png);
margin: 0 0 0 10px;
}

.smallamount_sim{
width: calc(100% - 40px);
margin: 60px auto 40px;
padding: 80px 20px 20px;
background: #fff;
position: relative;
}

.smallamount_sim_title_wrap{
position: absolute;
white-space: nowrap;
top: -40px;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);

}

.smallamount_sim_title{
position: relative;
background: #00a57b;
;
display: inline-block;
font-size: 36px;
color: #fff;
font-weight: bold;
line-height: 1;
padding: 20px 40px;
border-radius: 10px;
text-shadow: 0 -2px 0 #008D69;
}

.smallamount_sim_title:after{
content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    border-style: solid;
    border-color: #00a57b transparent transparent transparent;
    border-width: 20px 15px 0 15px;
    z-index: 1;
}

.smallamount_sim .lp_sim_tab-wrap{
padding: 0;
}

ul.smallamount_sim_checklist{
margin: 0 0 20px;
}

ul.smallamount_sim_checklist li{
font-size: 24px;
font-weight: bold;
}

ul.smallamount_sim_checklist li:before{
    content: '\f14a';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #f32c50;
    margin: 0 8px 0 0;
    font-size: 28px;
}

/*notfound
-------------------------------------------------------------------------*/

section.notfound{
height: calc(100% - 160px);
text-align: center;
padding: 40px 0 40px;
}

h2.notfound_h2{
margin: 0 0 40px;
}

/*画面幅～750px
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:768px){

.sp{
display: block;
}

body{
font-size: 14px;
}



/*コンテンツ
---------------------------------------------------------------------------*/


#contents{
width: 100%;
margin:0;
overflow: hidden;
}

.inner{
box-sizing: border-box;
width: 100%;
overflow: hidden;
}

#contents #main{

}


/*_new
---------------------------------------------------------------------------*/

header{
width: 100%;
padding: 10px;
overflow: hidden;
}

header .btn-wrap a{
margin: 0 5px 0 0;
padding: 0 15px 25px 15px;
}

header .btn-wrap a.btn1:after,header .btn-wrap a.btn2:after,header .btn-wrap a.btn3:after{
font-size: 12px;

}

header .btn-wrap a img{
width: 30px;
}

header img.logo{
width: 184px;
}


img.logo-link{
width: 140px;
}
.tablesorter-default{
font-size: 10px;
}

#search.search-result{
margin: 0 0 5px;
}

#contents #survey{
padding: 10px;
}

#contents #survey h3{
text-align: center;
padding: 16px;
font-size: 20px;
border-radius: 5px;

}

#contents #survey p{
margin: 0 0 30px;
}

#contents #survey p:last-child{
margin: 0 0 60px;
}


/*every-cardloan
---------------------------------------------------------------------------*/

.hamburger-menu{
width: 38px;
height: 34px
}

.hamburger-menu__line:before{
transform:translateY(-12px);
}

.hamburger-menu__line:after{
transform: translateY(12px);
}

.nav-sp{
width: 240px;
padding: 60px 0px 0px;
}

header .btn-wrap a{
font-size: 16px;
}

#fv{
padding: 10px;
}

#fv .countdown{
font-size: 3.8vw;
bottom: calc(10px + 2.2vw);
left: 12vw;
}

#idcard #fv .countdown{
font-size: 3.8vw;
bottom: calc(10px + 2.6vw);
left: 12.5vw;
}

#speed #fv .countdown{
font-size: 3.8vw;
bottom: calc(10px + 2.3vw);
left: 12.5vw;
}

#exam #fv .countdown{
font-size: 3.8vw;
bottom: calc(10px + 2.4vw);
left: 12.5vw;
}

#secret #fv .countdown{
font-size: 3.8vw;
bottom: calc(10px + 2.4vw);
left: 12.5vw;
}

#lowrate #fv .countdown{
font-size: 3.8vw;
bottom: calc(10px + 2.4vw);
left: 12.5vw;
}

#zerorate #fv .countdown{
font-size: 3.8vw;
bottom: calc(10px + 2.6vw);
left: 12.7vw;
}

#smallamount #fv .countdown{
font-size: 3.8vw;
bottom: calc(10px + 2.5vw);
left: 12.7vw;
}

#bank #fv .countdown{
font-size: 3.8vw;
bottom: calc(10px + 2.5vw);
left: 12.7vw;
}

#holiday #fv .countdown{
font-size: 3.8vw;
bottom: calc(10px + 2.5vw);
left: 12.7vw;
}


#fv_top{
padding: 10px 10px 10px;
}

#fv_top img{
margin: 0 0 0px;
border-radius: 5px;
}

p.fv_notice{
padding: 0 10px;
margin: 5 0 10px;
font-size: 11px;
}

#fv.with_notice{
padding: 10px 10px 0px;
}

.countdown_top_wrap{
border: solid 1px #205cda;
padding: 18px 10px 5px;
margin: 20px 0 0;
}

.countdown_top{
font-size: 14px;
line-height: 1;
}

.countdown_top span#timer04{
color: #c90e38;
font-size: 18px;
}

.countdown_top_wrap_label{
font-size: 12px;
padding: 5px 10px;
white-space: nowrap;
	top: -12px;
	border-radius: 5px;
    line-height: 1;
    display: inline-block;
}

.countdown_top_wrap:after{
display: none;
}

#countdown_chat{
padding: 10px;
margin: 6px 0 0;
}

.fv_pr{
font-size: 10px;
right: 5px;
bottom: 5px;
padding: 5px 5px 3px;
border: solid 1px rgba(245,245,245,0.8);
border-radius: 4px;
color: rgba(245,245,245,0.8);
}

.fv_pr.fv_pr_newlp{
border: solid 1px #666;
}

.fv_pr.fv_pr_lp{
bottom: auto;
top: 5px;
font-size: 10px;
}

#category-menu01{
padding: 0px 10px;
margin: 0 0 20px;
}

#category-menu01 .row{
margin: 0 0 10px;
}

#category-menu01 a.menu-item{
padding: 10px 0px 10px 50px;
font-size: 12px;
}

#category-menu01 a.menu-item:nth-child(odd){
margin: 0 5px 0 0;
}

#category-menu01 a.menu-item:nth-child(even){
margin: 0 0 0 5px;
}


#category-menu01 a.menu-item:before{
width: 35px;
height: 35px;
left: 8px;
}

#category-menu01 a.menu-item:after{
right: 6px;
}

.h2_top_item-detail_wrap{
margin: 0 0 10px;
}

.h2_top_item-detail_wrap .subtitle{
font-size: 14px;
padding:5px 10px;
}

.h2_top_item-detail_wrap h2{
font-size: 26px
}

.h2_top_item-detail_wrap .h2-icon img{
width: 40px;
margin: 0 10px 0 0;
}

.h2_top_item-detail_wrap .main-wrap:before, .h2_top_item-detail_wrap .main-wrap:after{
height: 65px;
width: 28px;
background-size: contain;
background-repeat: no-repeat;
}

.h2_top_item-detail_wrap .main-wrap:before{
left:-28px;
}

.h2_top_item-detail_wrap .main-wrap:after{
right: -28px;
}

.timer-wrap .label{
font-size: 14px;
}

.timer-wrap{
margin: 0 0 10px;
}

.timer-wrap .timer{
font-size: 20px;
padding: 5px 10px;
}

#ranking{
padding: 0 10px;
margin: 0 0 30px;
}

section.item-detail h3{
font-size: 20px;
padding: 0 0 7px;
margin: 0 0 7px;
}

section.item-detail{
padding: 10px;
border-radius: 10px;
}

section.item-detail .item-header{
font-size: 14px;
padding: 0 0 3px;
}

section.item-detail .item-header i{
font-size: 12px;
vertical-align: 1px;
margin: 0 2px 0 0;
}




section.item-detail .maincopy{
font-size: 18px;
}

section.item-detail .item-hv{
margin: 0 0 5px;
}

section.item-detail .item-hv a.cvlink img{
max-width: 150px;
width: 40vw;
}

section.item-detail .item-hv .right{
padding: 0 0 0 10px;
}

section.item-detail .item-hv .right .users{
font-size: 14px;
margin: 0 0 5px;
}

section.item-detail .item-hv .right .users .users-label{
padding: 7px 10px;
}

section.item-detail .item-hv .right .users .users-amount{
font-size: 14px;
padding: 7px 0px 7px 10px;
width: 50%;
}

section.item-detail .item-hv .right .users .users-amount span.color{
font-size: 18px;
}

section.item-detail .item-hv .right .users .users-label sup{
font-size: 8px;
}

section.item-detail .item-hv .right .company{
font-size: 12px;
margin: 0 0 5px;
}

section.item-detail .item-hv .right ul.hashtag li{
font-size: 10px;
padding: 5px 0px;
margin: 0 5px 5px 0;
line-height: 1;
width: 48%;
}

section.item-detail .item-hv .right ul.hashtag li:nth-child(even){
margin: 0 0 5px 0;
}

section.item-detail .point{
margin: 0 0 10px;
}

section.item-detail .point h4{
font-size: 14px;
width: 150px;
height: 28px;
line-height: 28px;
text-indent: 10px;
}

section.item-detail .point h4:after{
border-width: 28px 15px 0 0 ;
right: -15px;
}

section.item-detail .point ul{
padding: 10px;
}

section.item-detail .point ul li{
margin: 0 0 5px;
font-size: 14px;
}

section.item-detail .point ul li:before{
font-size: 18px;
margin: 0 5px 0 0;
}

#ranking table.spec{
margin: 0 0 10px;
}

#ranking table.spec th{
font-size: 12px;
}

#ranking table.spec td{
font-size: 12px;
padding: 10px 0;
}

#ranking table.spec td.atm img{
width: 24px;
margin: 0 2px 0 0;
}

#ranking table.spec td.atm img:last-child{
margin: 0;
}

#ranking .countdown{
font-size: 14px;
width: 100%;
padding: 10px;
max-width: 320px;
border-radius: 6px;
}

#ranking .countdown.countdown_timeout{
width: 100%;
max-width: 340px;
}

#ranking .countdown .countdown-timer{
padding: 6px 5px 5px;
border-radius: 4px;
}

#ranking .countdown .countdown-timer i{
font-size: 18px;
margin-right: 5px;
}

#ranking .countdown .countdown-label{
margin: 0 5px 0 0;
}

#ranking a.cvbutton{
width: 100%;
max-width: 460px;
font-size: 20px;
padding: 20px 0px;
box-shadow: 0px 6px 0px #992d2d;
margin: 0 auto 14px;
}

#ranking a.cvbutton:after{
font-size: 20px;
}

section.item-detail p.addition{
font-size: 10px;
margin: 0;
}

p.ranking_addition_all{
font-size: 12px;
padding: 0 10px;
}

p.ranking_item_notice{
margin: 16px 0 0;
font-size: 10px;
}

section.step3{
padding: 0 10px;
margin: 0 0 30px;
}

section.step3 .h2-subtitle{
font-size: 16px;
margin: 0 0 5px;
}


section.step3 .h2-wrap .h2-subcopy{
font-size: 14px;
padding: 5px 10px;
margin: 0 0 5px;
}

section.step3 .h2-wrap h2{
font-size: 26px;
}

section.step3 .h2-wrap h2 span.color{
font-size: 39px;
}

section.step3 .h2-wrap img{
width: 71px;
margin: 0 10px 0 0;
}

section.best2{
padding: 0px 10px;
margin: 0 0 30px;
}


.h2_top_best2_wrap{
margin: 0 0 10px;
}

.h2_top_best2_wrap .subtitle{
font-size: 16px;
padding: 5px 10px;
margin: 0 0 5px;
}

.h2_top_best2_wrap h2{
font-size: 24px;
}

.h2_top_best2_wrap h2 span.color01{
font-size: 36px;
}

section.best2 .row{
}

section.best2 .item-best2{
padding: 10px 10px 10px;
border-radius: 5px;
}

section.best2 .item-best2.rank01{
border: solid 1px #daae2b;
border-top: solid 5px #daae2b;
}

section.best2 .item-best2.rank02{
border: solid 1px #ccc;
border-top: solid 5px #ccc;
}

section.best2 .item-best2.rank03{
border: solid 1px #d2b48c;
border-top: solid 5px #d2b48c;
}

section.best2 .item-best2 .item-header{
font-size: 14px;
padding: 0 0 3px;
border-bottom: solid #ccc 1px;
}

section.best2 .item-best2 .item-header i{
font-size: 12px;
vertical-align: 1px;
margin: 0 2px 0 0;
}


section.best2 .item-best2:nth-child(odd){
margin: 0 5px 0 0;
}

section.best2 .item-best2:nth-child(even){
margin: 0 0 0 5px;
}

section.best2 .item-best2 h4{
font-size: 18px;
margin: 0 0 5px;
}

section.best2 .item-best2 a.service-img{
margin: 0 0 10px;
}

section.best2 .item-best2 table{
margin: 0 0 10px;
}

section.best2 .item-best2 table th, section.best2 .item-best2 table td{
font-size: 12px;
}

section.best2 .item-best2 table td span.color{
font-size: 14px;
}

section.best2 .item-best2 a.cvbutton{
font-size: 14px;
padding: 15px 0;
text-indent: -6px;
box-shadow: 0px 6px 0px #992d2d;
}

section.best2 .item-best2 a.cvbutton:after{
font-size: 14px;
right: 7px;
}


.item-best1{
border-radius: 5px;
margin: 0 0 10px;
border: solid 1px #daae2b;
border-top: solid 5px #daae2b;
padding: 10px 10px 10px;
}

.item_best1_header{
    padding: 0 0 5px;
    margin: 0 0 10px;
    border-bottom: solid #ccc 1px;
    font-size: 14px;
}

.item_best1_header i{
font-size: 12px;
    vertical-align: 1px;
    margin: 0 2px 0 0;
}

h4.item_best1_h4{
font-size: 16px;
margin: 0 0 10px;
}

.item_best1_h4_baloon{
right: -140px;
}

.item_best1_h4_baloon_inner{
    padding: 6px 8px 5px;
    border-radius: 5px;
    font-size: 12px;
}

.item_best1_h4_baloon_inner:before{
    left: -6px;
    border-right: 6px solid #c90e38;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
}

.item_best1_inner{
margin: 0 0 10px;
}

.item_best1_row01{
margin: 0 10px 0 0;
}

a.item_best1_banner_wrap{
}

img.item_best1_banner{
width: 150px;
}

.item_best1_row02{
}

table.item_best1_table{
}

table.item_best1_table th,table.item_best1_table td{
font-size: 10px;
}

table.item_best1_table th{
padding: 8px 5px;
}

table.item_best1_table span.color{
font-size: 24px;
font-weight: bold;
color: #c90e38;
}

table.item_best1_table td.ev1{
height: 42px;
    background-size: 32px;
}

table.item_best1_table td.ev2{
height: 42px;
    background-size: 32px;
}

table.item_best1_table td.ev3{
height: 42px;
    background-size: 32px;
}

table.item_best1_table span.color{
font-size: 12px;
}

a.item_best1_cvbutton{
max-width: 80%;
    font-size: 14px;
    padding: 15px 0px;
    border-radius: 10px;
    box-shadow: 0px 6px 0px #992d2d;
    margin: 0 auto 6px;
}

a.item_best1_cvbutton:after{
    font-size: 16px;
    right: 10px;
}

p.item_best1_addition02{
margin: 16px 0 0;
font-size: 10px;
}



#category-menu02{
padding: 0 10px;
margin: 0 0 30px;
}

#category-menu02 .row{
margin: 0 0 10px;
}

#category-menu02 h2{
font-size: 20px;
padding: 20px 0;
margin: 0 0 10px;
}

#category-menu02 a.menu-item{
padding: 20px 0px 20px 52px;
font-size: 12px;
}

#category-menu02 a.menu-item:before,#category-menu02 a.menu-item.menu02:before,#category-menu02 a.menu-item.menu03:before,#category-menu02 a.menu-item.menu04:before,#category-menu02 a.menu-item.menu05:before,#category-menu02 a.menu-item.menu06:before,#category-menu02 a.menu-item.menu07:before{
width: 35px;
height: 35px;
background-size: contain;
left: 10px;
}

#category-menu02 a.menu-item:nth-child(odd){
margin: 0 5px 0 0;
}

#category-menu02 a.menu-item:nth-child(even){
margin: 0 0 0 5px;
}

#category-menu02 a.menu-item:nth-child(odd):last-child{
width: calc((100vw - 30px)/2);
}

#category-menu02 a.menu-item:after{
right: 5px;
}

#question{
padding: 0px 10px;
margin: 0 0 30px;
}

#question h2{
font-size: 20px;
margin: 0 0 10px;
}

#question .title{
font-size: 14px;
padding: 10px 10px 10px 35px;
}

#question .title::before{
left: 10px;
}

#question .title::after{
left: 10px;
}

#question .box{
padding: 10px;
}

#question .box p{
font-size: 12px;
}

#column-menu{
padding: 0 10px 0;
margin: 0 0 30px;
}

#column-menu h2{
font-size: 20px;
margin: 0 0 10px;
}

ul.column-menu_list{
border-radius: 10px 10px 0px 0px;
border: solid 1px #ccc;
}

ul.column-menu_list li{
padding: 10px 10px 10px 25px;
}

ul.column-menu_list li i{
margin: 0 0 0 5px;
}

ul.column-menu_list a:last-child li{
padding: 5px 5px;
border-top: solid 1px #ccc;
}

ul.column-menu_list a:last-child{
font-size: 12px;
}

ul.column-menu_list a{
font-size: 14px;
}

ul.column-menu_list a:not(:last-child):before{
font-size: 12px;
left: 10px;
color: #ccc;
}

ul.column-menu_list a:not(:last-child,:nth-last-child(2)):after{
width: calc(100% - 20px);
left: 10px;
}

#search .form-wrap{
padding: 0px 10px;
margin: 0 0 20px;
}

#search h2{
font-size: 14px;
border-radius: 10px 10px 0px 0px;
padding: 10px 0px;
}

#search .form-wrap form{
padding: 15px;
border-radius: 0 0 10px 10px;
}

#search select{
padding: 10px 10px 10px 150px;
font-size: 14px;
}

#search .select-wrap{
margin: 0 0 10px;
}

#search .select-wrap:last-child{
margin: 0;
}

#search .select-wrap:before{
left: 15px;
font-size: 12px;
}


.acd-check:checked + .acd-label + .acd-content{
padding: 10px 0;
height: 140px;
}

.acd-label{
margin: 10px auto 0px;
}

.acd-content table td{
font-size: 12px;
padding: 10px;
font-weight: bold;
}

#search input[type="submit"]{
font-size: 14px;
height: 40;
margin: 10px auto 0px;
height: 35px;
}

p.addition-survey{
padding: 0 10px 30px;
font-size: 12px;
}

section.idcard01{
padding: 0 10px;
}

section.idcard01 .h2-wrap .h2-subcopy{
    font-size: 14px;
    padding: 5px 10px;
	margin: 0 0 10px
}

section.idcard01 .h2-wrap img{
width: 64px;
margin: 0 10px 0 0;
}

section.idcard01 .h2-wrap h2{
font-size: 20px
}

section.idcard01 .h2-wrap{
border-bottom: solid 1px #444;
margin: 0 0 30px;
padding: 0 0 10px
}

section.idcard01 .h2-wrap:before{
bottom: -50px;
border: 25px solid transparent;
border-top: 25px solid #f4f4f4;
    left: 52.25%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

section.idcard01 .h2-wrap:after{
bottom: -53px;
left: 53%;
-webkit-transform: translateX(-53%);
-ms-transform: translateX(-53%);
}

section.idcard01 .answer{
font-size: 20px;
margin: 0 0 10px;
}

ul.case{
margin: 0 0 10px;
}

ul.case li{
padding: 10px;
margin: 0 0 10px;
}

ul.case li img{
width: 64px;
height: 64px;
margin: 0 10px 0 0;
}

ul.case li h3{
font-size: 16px;
}

ul.case li .case-title{
font-size: 16px;
}

ul.case li .description{
font-size: 12px;
}

a.anker-button{
font-size: 18px;
box-shadow: 0px 6px 0px #992d2d;
margin: 0 0 16px;
}

section.idcard01 p.addition{
font-size: 12px;
margin: 0 0 10px;
}

ul.point-small{
padding: 15px 20px 15px;
margin: 55px 0 30px;
  background-image :

    repeating-linear-gradient(to bottom,          /* 横線 */
       transparent 9px,
       rgba(204, 204, 204, 0.20) 10px,  rgba(204, 204, 204, 0.20) 10px,
       transparent 11px,  transparent 19px, 
       rgba(204, 204, 204, 0.20) 20px,  rgba(204, 204, 204, 0.20) 20px,
       transparent 21px,  transparent 29px, 
       rgba(204, 204, 204, 0.20) 30px,  rgba(204, 204, 204, 0.20) 30px,
       transparent 31px,  transparent 39px, 
       rgba(204, 204, 204, 0.20) 40px,  rgba(204, 204, 204, 0.20) 40px,
       transparent 41px,  transparent 49px, 
       rgba(204, 204, 204, 0.20) 50px,  rgba(204, 204, 204, 0.20) 50px),

    repeating-linear-gradient(to right,          /* 縦線 */
       transparent 9px,
       rgba(204, 204, 204, 0.20) 10px,  rgba(204, 204, 204, 0.20) 10px,
       transparent 11px,  transparent 19px, 
       rgba(204, 204, 204, 0.20) 20px,  rgba(204, 204, 204, 0.20) 20px,
       transparent 21px,  transparent 29px, 
       rgba(204, 204, 204, 0.20) 30px,  rgba(204, 204, 204, 0.20) 30px,
       transparent 31px,  transparent 39px, 
       rgba(204, 204, 204, 0.20) 40px,  rgba(204, 204, 204, 0.20) 40px,
       transparent 41px,  transparent 49px, 
       rgba(204, 204, 204, 0.20) 50px,  rgba(204, 204, 204, 0.20) 50px);
}

ul.point-small h2{
top: -20px;
}

ul.point-small h2{
font-size: 14px;
max-width: 260;
}

ul.point-small li{
padding: 10px 0px 10px 50px;
font-size: 16px;
border-bottom: dotted 2px #ccc;
}


ul.point-small li h3{
font-size: 18px
}

ul.point-small li:before{
font-size: 40px;
}

ul.point-small li:before{
top: 26px
}

ul.point-small li p{
font-size: 12px;
}


.h2_category_best2_wrap .subtitle{
font-size: 14px;
padding: 5px 10px;
}

.h2_category_best2_wrap h2{
font-size: 26px;
}

.h2_category_best2_wrap h2:before, .h2_category_best2_wrap h2:after{
width: 28px;
height: 65px;
background-size: contain;
left: -28px;
}

.h2_category_best2_wrap h2:after{
left: auto;
right: -28px;
}

h2.category_item-detail{
font-size: 20px;
padding: 0 16px;
margin: 0 0 10px;
}

h2.category_item-detail span.color{
font-size: 36px;
}

h2.category_item-detail:before,h2.category_item-detail:after{
background-size: contain;
width: 16px;
height: 32px;
top: 25%;
}

.secret_point_box{
padding: 16px 10px 10px;
border-radius: 6px;
box-shadow: 0px 2px 4px rgb(0 0 0 / 30%);
margin: 0 0 30px;
}

h2.secret_point_h2{
padding: 6px 20px 10px 15px;
font-size: 16px;
margin: 0 0 16px;
}

h2.secret_point_h2:before{
top: -4px;
left: -4px;
border: 2px solid #000;
}

h2.secret_point_h2 span.__large{
font-size: 140%;
}

ul.secret_point_list{
padding: 0 20px 0 36px;
}

ul.secret_point_list li:not(:last-child){
margin: 0 0 8px;
}

.secret_point_list_title{
font-size: 17px;
}

.secret_point_list_title:before{
left: -24px;
}

p.secret_point_list_description{
font-size: 12px;
padding: 8px;
}


section.speed01 ul.point-small h2{
max-width: 240px;
font-size: 16px;
padding: 10px;
top: -20px;
}

section.speed01 ul.point-small{
padding: 15px 20px 15px;
}

section.speed01 ul.point-small li{
font-size: 14px;
}

section.speed01 ul.point-small li h3{
font-size: 18px;
margin: 0 0 10px;
}

section.exam01{
padding: 0 10px;
}

section.exam01 .h2-wrap{
margin: 0 0 10px;
}

section.exam01 .h2-wrap img{
margin: 0 10px 0 0;
width: 61px;
}

section.exam01 .h2-wrap .h2-subcopy{
font-size: 14px;
padding: 5px 10px;
margin: 0 0 10px;
}

section.exam01 .h2-wrap h2{
font-size: 26px;
}

section.exam01 ul.point-large li{
padding: 10px 10px 10px 85px;
margin: 0 0 10px;
}

section.exam01 ul.point-large li:before{
width: 50px;
height: 62px;
left: 20px;
}

section.exam01 ul.point-large li .label{
font-size: 12px;
}

section.exam01 ul.point-large li h3{
font-size: 18px;
}

section.exam01 ul.point-large li p{
font-size: 12px;
}

section.exam00{
padding: 0 10px;
margin: 0 0 20px;
}

section.exam00 .h2-wrap{
border-bottom: solid 1px #444;
margin: 0 0 30px;
padding: 0 0 10px
}

section.exam00 .h2-wrap:before{
bottom: -50px;
border: 25px solid transparent;
border-top: 25px solid #f4f4f4;
    left: 52.25%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

section.exam00 .h2-wrap:after{
bottom: -53px;
left: 53%;
-webkit-transform: translateX(-53%);
-ms-transform: translateX(-53%);
}

section.exam00 .h2-wrap .h2-subcopy{
    font-size: 14px;
    padding: 5px 10px;
	margin: 0 0 10px
}

section.exam00 .h2-wrap h2{
font-size: 20px
}

section.exam00 .answer{
font-size: 20px;
margin: 0 0 10px;
}

section.exam00 .comment{
margin: 0 0 10px;
}

section.exam00 .comment img{
width: 105px;
}

section.exam00 .comment .text{
padding: 10px;
font-size: 14px;
border: solid 2px #c90e38;
border-radius: 10px;
}

section.exam00 .comment .text:before{
top: 18px;

}

section.exam00 .comment .text:after{
top: 18px;
left: -16px;
}

section.exam00 .comparison{
padding: 10px;
border-radius: 10px;
}

section.exam00 .comparison table tr:first-child th{
font-size: 14px;
padding: 0 0 5px;
}

section.exam00 .comparison table tr:not(:first-child) th, section.exam00 .comparison table tr:not(:first-child) td{
font-size: 16px;
}

section.exam00 .comparison table tr:not(:first-child) th{
font-size: 14px;
padding: 15px 0px;
}

section.exam00 .comparison table{
margin: 0 0 10px;
}

section.exam00 .comparison p{
font-size: 18px;
}

section.secret01{
padding: 0px 10px;
}

section.secret01 .h2-wrap{
margin: 0 0 0px;
}

section.secret01 .h2-wrap .h2-subtitle{
font-size: 16px;
padding: 5px 10px;
}

section.secret01 .h2-wrap h2{
font-size: 24px;
}

section.secret01 .h2-wrap h2 span.color{
font-size: 36px;
}

section.secret01 .h2-wrap h2:before,section.secret01 .h2-wrap h2:after{
width: 39px;
height: 39px;
background-size: contain;
background-repeat: no-repeat;
left: -44px;
}

section.secret01 .h2-wrap h2:after{
left: auto;
right: -54px;
}

section.secret01 ul li{
margin: 0 0 10px;
padding: 10px 10px 10px 60px;
}

section.secret01 ul li:before{
width: 40px;
height: 50px;
background-size: contain;
left: 10px;
}

section.secret01 ul li h3{
font-size: 18px;
}

section.secret01 ul li p{
font-size: 12px;
}

section.secret01 .conclusion{
padding: 40px 10px 0;
margin: 0 0 30px;
}

section.secret01 .conclusion p{
font-size: 16px;

}

section.secret01 .conclusion:before{
top: 10px;
border-width: 20px 30px 0 30px;
}

#secret section.best2 .item-best2 table td{
height: 42px;
}

#secret table.item_best1_table td{
font-size: 12px;
}


section.best2 .item-best2 table td.ev1,section.best2 .item-best2 table td.ev2,section.best2 .item-best2 table td.ev3{
background-size: 32px;
}

#secret ul.point-small{
margin: 20px 0 30px;

}

#secret ul.point-small li:before{
top: 30px;
}

section.secret01_02{
padding: 0 10px;
}

section.secret01_02 ul.point-small{
box-shadow: 0px 2px 4px rgb(0 0 0 / 30%);
padding: 20px 15px 20px;
}

section.secret01_02 ul.point-small h2{

}

section.secret01_02 ul.point-small li{

}

section.secret01_02 ul.point-small li span.color-01{
}

.secret01_02_point-small_conclusion{
padding: 30px 0 0;
font-size: 16px;
}

.secret01_02_point-small_conclusion:before{
border-width: 12px 20px 0 20px;
border-color: #c90e38 transparent transparent transparent;
top: 10px;
}

.secret01_02_point-small_conclusion span.yellow{
padding: 0px 10px ;
font-size: 20px;
}


section.secret03{
padding: 0 10px;
}

h2#h_consumer.category_item-detail{
margin: 30px 0 10px;
}

section.lowrate01{
padding: 0 10px;
margin: 0 0 30px;
}

section.lowrate01 .h2-subcopy{
font-size: 16px;
padding: 5px 10px;
margin: 0 0 10px;
}

section.lowrate01 h2{
font-size: 18px;
}


section.lowrate01 .h2-wrap{
border-bottom: solid 1px #444;
padding: 0 0 10px;
margin: 0 0 30px;
}

section.lowrate01 .h2-wrap:before{
    bottom: -50px;
    border: 25px solid transparent;
    border-top: 25px solid #f4f4f4;
    left: 53.5%;
    transform: translateX(-53.5%);
    -webkit-transform: translateX(-53.5%);
    -ms-transform: translateX(-53.5%);
}

section.lowrate01 .h2-wrap:after{
    bottom: -53px;
    left: 54%;
    transform: translateX(-54%);
    -webkit-transform: translateX(-54%);
    -ms-transform: translateX(-54%);
}

section.lowrate01 .compare{
padding: 20px;
margin: 0 0 30px;
}

section.lowrate01 .compare table td h4{
width: 100px;
font-size: 14px;
padding: 5px 0px;
}

section.lowrate01 .compare table tr:not(:first-child) th, section.lowrate01 .compare table tr:not(:first-child) td{
font-size: 14px;
}

section.lowrate01 .compare table span.supl{
font-size: 12px;
}

section.lowrate01 .compare p{
font-size: 14px;
}

section.lowrate01 .case-item img{
width: 90px;
margin: 0 20px 0 0;
}

section.lowrate01 .case-item{
padding: 0 0 40px
}

section.lowrate01 .case-item ul {
padding: 10px;
}

section.lowrate01 .case-item ul li{
font-size: 14px
}

section.lowrate01 .case-item:after{
border-width: 15px 30px 0 30px;
bottom: 10px
}

section.lowrate01 .reccomend-item{
margin: 0 0 20px;
}

section.lowrate01 .reccomend-item .text{
font-size: 18px;
}

section.lowrate01 .reccomend-item a.reccomend-link{
font-size: 14px;
}

#lowrate section.best2 .item-best2 h4{
font-size: 16px;
}

#lowrate section.best2 .item-best2 table td span.color{
font-size: 12px;
}

#lowrate ul.point-small h2{
font-size: 14px;
}

section.zerorate01{
padding: 0 10px;
margin: 0 0 30px;
}

section.zerorate01 .h2-wrap{
border-bottom: solid 1px #444;
padding: 0 0 10px;
margin: 0 0 40px;
}

section.zerorate01 .h2-wrap:before{
    bottom: -50px;
    border: 25px solid transparent;
    border-top: 25px solid #f4f4f4;
    left: 53.5%;
    transform: translateX(-53.5%);
    -webkit-transform: translateX(-53.5%);
    -ms-transform: translateX(-53.5%);
}

section.zerorate01 .h2-wrap:after{
    bottom: -53px;
    left: 54%;
    transform: translateX(-54%);
    -webkit-transform: translateX(-54%);
    -ms-transform: translateX(-54%);
}

section.zerorate01 .h2-wrap img{
width: 64px;
margin: 0 10px 0 0;
}

section.zerorate01 .h2-wrap .h2-subcopy{
font-size: 14px;
margin: 0 0 10px;
padding: 5px 10px;
}

section.zerorate01 .h2-wrap h2{
font-size: 24px;
}

section.zerorate01 h3.h3-zerorate01{
margin: 0 0 10px;
font-size: 20px;
}

section.zerorate01 img.img-zerorate01{
margin: 0 0 10px;
}

section.zerorate01 p.addition{
font-size: 12px;
margin: 0 0 10px;
}

#zerorate a.anker-button{
margin: 0 0 36px;
}

section.zerorate01 h3.h3-zerorate02{
max-width: 300px;
width: 80%;
font-size: 14px;
}

section.zerorate01 ul.case li img{
width: 50px;
height: 50px;
}

section.zerorate01 ul.case li h3{
font-size: 14px;
}

#result{
padding: 10px 10px 0px;
}

#result section.count-area{
padding: 10px;
margin: 0 0 10px;
}

#result section.count-area .counter{
font-size: 14px;
}

#result section.count-area .change-button{
font-size: 12px;
padding: 8px 5px;
}

.count-area_header_settings_title{
font-size: 12px;
padding-left: 16px;
margin: 10px 0 5px;
}

.count-area_header_settings_title:before{
}

ul.count-area_header_settings_items{

}

ul.count-area_header_settings_items li{
padding: 7px 5px 5px 12px;
border: solid 1px #5F8AE4;
margin: 0 5px 5px 0;
font-size: 12px;
border-radius: 3px;
}

ul.count-area_header_settings_items li:before{
    left: 5px;
}


#result #submit_select,#result #submit_select2{
margin: 0 0 10px auto;
font-size: 12px;
width: 160px;
height: 36px;
line-height: 30px;
}

section.notice_result{
padding: 10px;
margin: 0 0 10px;
border-radius: 5px;
border: solid 1px #ff7e0e;
}

h3.notice_result_title{
font-size: 12px;
}

h3.notice_result_title:before{
margin: 0 3px 0 0;
}

p.notice_result_description{
font-size: 12px;
}

section.notice_result.result_none{

}

section.notice_result.result_none h3.notice_result_title:before{

}

.item-result{
padding: 10px 10px 16px;
margin: 0 0 10px;
}

.item-result .hashtag{
margin: 0 0 6px;
}

.item-result .hashtag .hashtag-item{
font-size: 12px;
padding: 4px 4px 4px 20px;
border-radius: 4px;
margin: 0 4px 4px 0px;
}

.item-result .spec .left{
margin: 0 10px 10px 0;
}

.item-result .spec .right{
margin: 0 0 10px;
}

.item-result .spec .company{
font-size: 12px;
margin: 0 0 5px;
}

.item-result .spec h3{
font-size: 20px;
margin: 0 0 5px;
}

.item-result .spec .user{
font-size: 14px;
margin: 0 0 10px;
}

.item-result .spec .user sup{
font-size: 8px;
}

.item-result table{
font-size: 12px;
}

.item-result .spec .atm-box{
padding: 15px 0 5px;
}

.item-result .spec .atm-box .label{
font-size: 12px;
display: block;
width: 70px;
padding: 0;
top: -12px;
}

.item-result .spec .atm-box img.atm-logo{
width: 24px;
margin: 0 4px 0 0;
}

.item-result ul.point{
margin: 0 0 10px;
padding: 0;
}

.item-result ul.point li{
font-size: 14px;
}

.item-result .countdown{
font-size: 14px;
padding: 5px 5px 5px 10px;
margin: 0 0 10px;
}

.item-result .countdown .countdown-label{
margin: 0 10px 0 0;
}

.item-result .countdown .countdown-timer i{
margin: 0 5px 0 0;
font-size: 18px;
}

.item-result .countdown .countdown-timer{
padding: 6px 5px 5px;
border-radius: 4px;
}

.item-result a.cvbutton{
width: 100%;
max-width: 460px;
padding: 20px 0px;
font-size: 20px;
box-shadow: 0px 6px 0px #992d2d;
margin: 0 auto 0;
}

.item-result a.cvbutton:before{
font-size: 20px;
}

.item-result p.addition{
margin: 16px 0 0;
font-size: 10px;
}

p.result_addition_all{
font-size: 10px;
padding: 0 10px;
margin: 0 0 20px;
}

.about h3 {
margin: 0 auto 10px;
}

.about section.company{

}

.about table th, #contents .about table td{
font-size: 12px;
}

.about .inner{
padding: 0 10px;
}

.about h4{
font-size: 16px;
margin: 0 0 10px;
}

.about p{
font-size: 12px;
margin: 0 0 20px;
}

.about p:last-child{
margin: 0 0 30px;
}

#contents #survey h4{
padding: 8px
}

#contents #survey table th,#contents #survey table td{
font-size: 12px;
}

#contents #survey p{
font-size: 12px;
}

#contents #survey table th{
width: 50%;
padding: 5px;
}

section.best2 .item-best2 p.addition02{
font-size: 10px;
margin: 16px 0 0;
}

section.recommend{
padding: 0 10px;
margin: 0 0 30px;
}

section.recommend .recommend-header{
display: flex;

align-items: center;
flex-wrap: nowrap;
}

section.recommend .recommend-header img.icon{
margin: 0 5px 0 0;
width: 105px;
}

section.recommend .recommend-header .comment{
padding: 10px;
position: relative;
background: #fff;
border: solid 2px #c90e38;
border-radius: 10px;
font-size: 14px;
}

section.recommend .recommend-header .comment h3{
color: #c90e38;
font-size: 14px;
margin: 0 0 5px;
}

section.recommend .recommend-header .comment p{
line-height: 1.25;
}

section.recommend .recommend-header .comment:before{
    left: -17px;
    top: 15px;
    border-right: 15px solid #c90e38;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

section.recommend .recommend-header .comment:after{
    left: -14px;
    top: 15px;
    border-right: 15px solid #fff;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

section.recommend .recommend-card a{
padding: 10px 10px 10px 10px;
border-radius: 10px;
border-right: solid 15px #c90e38;

}

section.recommend .recommend-card a:after{
font-size: 18px;
right: -13px;
}

section.recommend .recommend-card .spec{
display: flex;
flex-wrap: nowrap;
}

section.recommend .recommend-card .spec .left{
margin: 0 10px 0 0;
}

section.recommend .recommend-card .spec .left img{
width: 150px;
}

section.recommend .recommend-card h4{
font-size: 16px;
}

section.recommend .recommend-card h5{
font-size: 24px;
}

section.recommend .recommend-card table{
    font-size: 12px;
}

section.recommend .recommend-card table th,section.recommend .recommend-card table td{
padding: 8px 0px;
}

section.recommend .recommend-card p.addition{
margin: 10px 0 0;
font-size: 10px;
}

section.recommend .recommend-card.__card02{
padding: 10px;
border-radius: 6px;
position: relative;
}

section.recommend .__subcopy{
font-size: 16px;
margin: 12px 0 8px;
}

section.recommend .__subcopy:before,section.recommend .__subcopy:after{
height: 18px;
}

section.recommend .__subcopy:before{
border-left: solid 2px #444;
left: -12px;
}

section.recommend .__subcopy:after{
border-left: solid 2px #444;
right: -12px;
}


section.recommend .recommend-card.__card02 .__label{
}

section.recommend .recommend-card.__card02 a{
background: none;
padding: 0;
box-shadow: none;
border: none;
border-radius: 0;
}

section.recommend .recommend-card.__card02 a:after{
display: none;
}

section.recommend .recommend-card.__card02 a.__textlink{
}


section.recommend .recommend-card.__card02 a.__linkbutton{
    font-size: 16px;
    padding: 16px 0px;
    box-shadow: 0px 4px 0px #992d2d;
    margin: 12px auto 4px;
    width: calc(100% - 80px);
}

section.recommend .recommend-card.__card02 a.__linkbutton:before{
font-size: 16px;
right: 10px;
}


#pickup{
padding: 0 10px;
margin: 0 0 20px;
}

#pickup h2{
margin: 0px auto 10px;
font-size: 12px;
background-color: #cc0033;
padding: 5px 5px;
}

#pickup h2:after{
    bottom: -10px;
    border-width: 10px 6px 0 6px;
    z-index: 1;
}

#pickup a.banner{
padding: 10px;
border-radius: 10px;
border-right: solid 10px #c90e38;
box-shadow: 0px 2px 4px rgb(0 0 0 / 30%);
}

#pickup a.banner:after{
    color: #fff;
    position: absolute;
    content: '\f054';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 12px;
    right: -9px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}

#pickup a.banner .left img{
width: 75px;
}

#pickup a.banner .left{
margin: 0 10px 0 0;
}

#pickup a.banner .right{
margin: 0 0 5px;
}

#pickup a.banner .right h3{
font-size: 18px;
width: 130px;
}

#pickup a.banner table{
top: 10px;
right: 0px;
}

#pickup a.banner table th{
color: #666;
background: #F7DCE2;
border-radius: 4px;
line-height: 1;
padding: 2px 5px;
font-size: 10px;
}

#pickup a.banner table td{
font-size: 12px;
padding: 4px 5px 0px;


}

#pickup a.banner table th sup{
font-size: 4px;
}

#pickup a.banner table td span.color{
color: #ff4b4b;
font-weight: bold;
}

#pickup a.banner .right p{
color: #222;
font-size: 12px;
line-height: 1.25;
}

#pickup a.banner p.addition{
font-size: 10px;
}

#smallamount section.smallamount01{
padding: 0px 10px;
margin: 0 0 30px;
}

#smallamount section.smallamount01 h3.h3-smallamount{
    padding: 5px 10px;
    font-size: 16px;
}

#smallamount section.smallamount01 h2{
font-size: 24px;
text-shadow: 2px 2px 0px #fff;
}

#smallamount section.smallamount01 h2:before{
margin: 0 5px 0 0;
}

#smallamount section.smallamount01 .comment{
margin: 0 0 10px;
align-items: flex-end;
}

#smallamount section.smallamount01 .comment img{
margin: 0 10px 0 0;
width: 88px;
height: 88px;
}

#smallamount section.smallamount01 .comment .text{
padding: 10px;
border-radius: 10px;
font-size: 16px;
}


#smallamount section.smallamount01 .comment .text:after{
    left: -10px;
    top: 20px;
    border-right: 10px solid #fff;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

#smallamount section.smallamount01 p.addition{
margin: 0 0 20px;
font-size: 12px;
}

#smallamount section.smallamount01 .table-wrap{
padding: 10px;
border-radius: 10px;
}

#smallamount section.smallamount01 .table-wrap .note01{
font-size: 16px;
margin: 0 0 5px;
}

#smallamount section.smallamount01 .table-wrap table{
font-size: 12px;
margin: 0 0 10px;
}

#smallamount section.smallamount01 .table-wrap table th{
background: #f5f5f5;
}

#smallamount section.smallamount01 .table-wrap .note02{
font-size: 16px;
}

#smallamount section.smallamount01 ul.case{
margin: 0 0 10px;
}

#lp{
padding: 0px 10px;
}

#lp section.column-main{
padding: 10px 0px;
margin: 0 0 30px;
border-radius: 10px;
}

#lp section.column-main p.lp-p{
padding: 0px 10px;
margin: 0 0 10px;
font-size: 15px;
}

#lp section.column-main a.link-column{
margin: 10px 0 0;
}

#lp section.column-main p.addition{
font-size: 10px;
padding: 0 10px 10px;;
}

#lp section.column-main h2.lp-h2{
font-size: 18px;
padding: 10px;
margin: 20px 0 15px;
}

#lp section.column-main h2.lp-h2:after{
    bottom: -10px;
    border-width: 10px 8px 0 8px;
}

#lp section.column-main img.column-image{
margin: 0 10px 10px;
width: calc(100vw - 40px);
border-radius: 10px;
}

#lp section.column-main img.column-image-rectangle{
margin: 0 10px 10px;
width: calc(100vw - 40px);
}


#lp section.column-main ul.lp-list{
padding: 0 0px 10px 30px;
font-size: 16px;
}

#lp section.column-main ul.lp-list.red{
color: #c90e38;
}

#lp section.column-main ul.lp-list.style-none{
padding: 0 10px 10px;
}

#lp section.column-main ul.point-small{
margin: 30px 10px 10px;
padding: 20px 10px 5px;
}

#lp section.column-main ul.point-small li{
margin: 0 0 0px;
padding: 10px 0px 10px 40px;
}

#lp section.column-main ul.point-small li:before{
font-size: 30px;
top: 50%;
}

#lp section.column-main ul.point-small h2{
padding: 8px;
}

#lp section.column-main ul.point-small h3{
font-size: 14px;
}

#lp #question .title{
font-size: 14px;
}

#lp #question{
padding: 0 10px 10px;
}

#lp ul.case{
padding: 0 10px 10px;
}

#lp ul.case li img{
width: 50px;
height: 50px;
}

#lp ul.case li h3{
font-size: 14px;
}

#lp ul.case li .case-title{
font-size: 16px;
}

#lp ul.case li .description{
font-size: 14px;
}

#lp section.item-result h4{
font-size: 16px;
color: #c90e38;
margin: 0 0 5px;
}

#lp section.item-result{
margin: 0 10px 10px;
border: solid 1px #c90e38;
}

#lp section.item-result:last-child{
margin: 0 10px;
}

#lp a.lp-ankerbutton{
    font-size: 16px;
    padding: 15px 0px;
    box-shadow: 0px 4px 0px #992d2d;
    margin: 0 auto 14px;
    width: calc(100vw - 40px);
}

#lp a.lp-ankerbutton:after{
    content: '\f054';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 16px;
    position: absolute;
    right: 10px;
}

#lp section.column-main h3.lp-h3-01{
    margin: 0px auto 16px;
    font-size: 15px;
    background-color: #cc0033;
    padding: 10px 10px;
	line-height: 1.2
}

#lp section.column-main h3.lp-h3-01:after{
    bottom: -10px;
    border-width: 10px 6px 0 6px;
    z-index: 1;
}

#lp table.lp-table-01{
width: calc(100vw - 40px);
font-size: 14px;
margin: 0 auto 10px;
}

#lp table.lp-table-01.ft16{
font-size: 10px;
}


#lp table.lp-table-01 th,#lp table.lp-table-01 td{
padding: 10px 0px;
}

#lp table.lp-table-01.wd25 th{
width: 25%;
}

#lp table.lp-table-01 th{
font-size: 12px;
}

#lp table.lp-table-01 td.value01,#lp table.lp-table-01 td.value03{
padding: 55px 0 0 10px;
position: relative;
}

#lp table.lp-table-01 td.value01:before,#lp table.lp-table-01 td.value03:before{
position: absolute;
content:'';
display: inline-block;
width: 35px;
height: 35px;
background-repeat: no-repeat;
top:10px;
}

#lp table.lp-table-01 td.value01:before,#lp table.lp-table-01 td.value03:before{
background-size: cover;
}


#lp table.lp-table-02{
width: calc(100vw - 40px);
margin: 0 auto 5px;
font-size: 14px;
border-collapse: collapse;
}

#lp .note01{
    font-weight: bold;
    font-size: 16px;
    margin: 0 0 5px;
	text-align: center;
}

#lp .note02{
    font-size: 16px;
    font-weight: bold;
    color: #c90e38;
	text-align: center;
	margin: 0 0 20px;
}

#lp ul.lp-list-merit{
width: calc(100vw - 40px);
margin: 0 auto 10px;
}

#lp ul.lp-list-merit li{
width: 100%;
font-size: 15px;
padding: 20px 0px;
text-align: center;
border-radius: 10px;
line-height: 1;
}

#lp ul.lp-list-merit li:nth-child(odd){
margin: 0 10px 0 0;
}

#lp .h2_top_item-detail_wrap h2{
font-size: 24px;
}

#lp .note03{
width: calc(100vw - 40px);
margin: 25px auto 20px;
padding: 26px 10px 10px;
border-radius: 10px;
border: solid 1px #ccc;
}

#lp .note03 h3{
	min-width: 200px;
	top: -18px;
    text-align: center;
    font-size: 15px;
    padding: 10px 0px;
    border-radius: 35px;
}

#lp .note03 p{
font-size: 15px;
}

#lp .lp-profile01{
width: calc(100vw - 40px);
margin: 0 auto 10px;
padding: 10px;
}

#lp .lp-profile01 img.icon{
margin: 0 10px 0 0;
width: 90px;
height: 90px;
}

#lp .lp-profile01 .text{
font-size: 12px;
}

#lp table.lp-table-03{
width: calc(100vw - 40px);
margin: 0 auto 10px;
font-size: 15px;
}

#lp table.lp-table-03 th{
width: 60%;
padding: 10px 0;
background: #f5f5f5;
}


#lp table.lp-table-03 td.big{
font-size: 125%;
}

#lp .lp-table-04-wrap{
width: calc(100vw - 40px);
margin: 0 auto 10px;
padding: 10px;
}

#lp table.lp-table-04 th,#lp table.lp-table-04 td{
font-size: 13px;
padding: 7px 0px;
}

section.bank01 .h2-subcopy{
font-size: 16px;
padding: 5px 10px;
margin: 0 0 10px;
}

section.bank01 h2{
font-size: 18px;
}


section.bank01 .h2-wrap{
border-bottom: solid 1px #444;
padding: 0 0 10px;
margin: 0 0 30px;
}

section.bank01 .h2-wrap:before{
    bottom: -23px;
    border: 12px solid transparent;
    border-top: 12px solid #f4f4f4;
left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

section.bank01 .h2-wrap:after{
    border: 12px solid transparent;
    border-top: 12px solid #222;
    bottom: -24px;
left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

section.bank01{
padding: 0px 10px;
margin: 0 0 20px;
}


ul.list01 li{
padding: 10px;
margin: 0 0 10px;
}

ul.list01 li h3{
font-size: 18px;
color: #205cda;
}

ul.list01 li p{
font-size: 12px;
}

.comment01 img{
margin: 0 10px 0 0;
width: 88px;
height: 88px;
}

.comment01 .text{
padding: 10px;
border-radius: 20px;
font-size: 14px;
}

.comment01 .text span.color{
color: #c90e38;
}

.comment01 .text:after{
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    left: -15px;
    top: 20px;
    border-right: 15px solid #fff;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
}

section.bank02{
padding: 0 10px;
}

#bank section.recommend,#lowrate section.recommend{
padding: 20px 10px 0;
}

#bank section.recommend .recommend-card a,#lowrate section.recommend .recommend-card a{
padding: 25px 10px 10px 10px;
}

#bank section.recommend .recommend-card a h3,#lowrate section.recommend .recommend-card a h3{
padding: 5px 0px;
width: 260px;
font-weight: bold;
font-size: 14px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	top: -16px;
}

#lp ul.lp-list-01{
width: calc(100vw - 40px);
margin: 0 auto 10px;
border-radius: 10px;
padding: 10px;
}

#lp ul.lp-list-01 li{
font-size:15px;
border-bottom: dotted 1px #ccc;
padding: 5px 0px;
}

#lp ul.lp-list-01 li:first-child{
padding: 0 0 5px;
}

#lp ul.lp-list-01 li:last-child{
border: none;
padding: 5px 0 0;
}

#lp ul.lp-list-02{
margin: 20px auto 30px;
width: calc(100vw - 40px);
padding: 20px 10px 10px 30px;
border-radius: 10px;
border: solid 1px #ccc;
}

#lp ul.lp-list-02 h3{
font-size: 15px;
top: -15px;
width: 70%;
padding: 7px 0;
}

#lp ul.lp-list-02 li{
font-size: 15px;
}

#lp ul.lp-list-02.color01 h3{
border: solid 1px #FFF389;
}

#lp ul.lp-list-02.color02 h3{
border: solid 1px #FFC496;
}

#lp ul.lp-list-02.color03 h3{
border: solid 1px #96EAFF;
}

#lp .lp-box01{
width: calc(100vw - 40px);
margin: 35px auto 10px;
padding: 10px;
}

#lp .lp-box01 h3{
font-size: 15px;
padding: 5px 10px;
left: -1px;
top: -26px;
}

#lp .lp-box01 p{
font-size: 15px;
}

#lp p.lp-p-bggray{
width: calc(100vw - 40px);
margin: 0 auto 10px;
font-size: 15px;
padding: 10px;
}

#lp a.lp-ankerbutton.small{
font-size: 16px;
}

#lp a.lp-ankerbutton.exsmall{
font-size: 14px;
}

#lp .lp-box02{
width: calc(100vw - 40px);
font-size: 15px;
padding: 10px;
}

#lp .lp-box03{
margin: 0 auto 10px;
width: calc(100vw - 40px);
padding: 10px;
}

#lp .lp-box03 h3{
font-size: 15px;
}

#lp .lp-box03 p{
font-size: 15px;
}

.top-table01-wrap{
padding: 10px;
margin: 0 0 10px;
}

.top-table01-wrap .text{
font-size: 16px;
}

table.top-table01 th,table.top-table01 td{
padding: 10px 5px;
font-size: 14px;
}

table.top-table01 th{
background: #f5f5f5;
}


.lp_index_wrap{
padding: 0 10px 0;
margin: 0 0 20px;
}

ol.lp_index{
padding: 28px 10px 10px 28px;
border: solid 1px #9F9184;
}

ol.lp_index li{
margin: 0 0 5px;
font-size: 14px;
}

.lp_index_label{
padding: 5px;
font-size: 12px;
}

h2.lp_h2_02{
border-left: solid 4px #00a57b;
padding: 10px;
font-size: 20px;
margin: 20px 0 10px;
}

h3.lp_h3_02{
font-size: 16px;
padding: 5px 10px;
width: calc(100% - 20px);
margin: 20px auto 10px;
border-left: solid 4px #00a57b;
}

p.lp_p{
font-size: 14px;
width: calc(100% - 20px);
margin: 0 auto 20px;
}

p.lp_p span.__yellow,.lp_top_baloon span.__yellow{
}

p.lp_p span.__green,.lp_top_baloon span.__green{
}

p.lp_p span.__bigger{
}

img.lp_images{
width: calc(100% - 20px);
margin: 0 auto 20px;
}

a.lp_sitelinkbutton{
    font-size: 14px;
    padding: 15px 0px;
    border-radius: 25px;
    box-shadow: 0px 4px 0px #DA4E0F;
    margin: 0 auto 4px;
    width: calc(100% - 80px);
}

.lp_sitelinkbutton_baloon{
font-size: 12px;
}

.lp_sitelinkbutton_baloon:before,.lp_sitelinkbutton_baloon:after{
    width: 9px;
    height: 18px;
    margin: 0 10px 0 0;
}

.lp_sitelinkbutton_baloon:after{
    margin: 0 0 0 10px;
}

ul.lp_list_check01{
font-size: 14px;
padding: 32px 15px 15px;
margin: 0 0 10px 10px;
border: solid 1px #c90e38;
}

.lp_list_check01_label{
font-size: 12px;
padding: 5px;
}

ul.lp_list_check01 li:before{
    margin: 0 5px 0 0;
}

ul.lp_list_check02{
font-size: 14px;
margin: 0 0 10px 10px;
}

ul.lp_list_check02 li:before{
    margin: 0 5px 0 0;

}

.lp_comment_baloon{
border-radius: 10px;
padding: 10px;
font-size: 12px;
width: 230px;
margin: 0 auto 15px 10px;
}

.lp_comment_baloon:after{
width: 42px;
height: 30px;
content: '';
bottom: -22px;
background-size: contain;
}

.lp_comment_baloon:nth-child(odd){
margin: 0 10px 15px auto;
}

.lp_comment_baloon:nth-child(odd):after{
}

.lp_comment_baloon:nth-child(even){
margin-bottom: 30px;
}

/* アクティブなタブ */
.tab-switch02:checked+.tab-label {
  padding: 15px 0 15px;
  font-size: 18px;
}
.tab-switch02:checked+.tab-label+.tab-content {
  padding: 10px;
}


.lp_sim_tab-wrap{
padding: 0 10px;
margin: 0 0 20px;
}

.lp_sim_tab-wrap .tab-switch:checked+.tab-label{
}

.lp_sim_tab-wrap .tab-switch:checked+.tab-label+.tab-content{
}

table.lp_sim_table{
font-size: 14px;
}

table.lp_sim_table th,table.lp_sim_table td{

}

table.lp_sim_table th{
padding: 5px 0;
font-size: 12px;
}

table.lp_sim_table td{
padding: 10px 0;
}

table.lp_sim_table tr td:first-child{

}

.lp_sim_tab-wrap .tab-wrap{
margin: 0 0 5px;
}

p.lp_sim_notice{
font-size: 10px;
}

.lp_top_baloon{
padding: 0 10px;
margin: 0 0 10px;
}

img.lp_top_baloon_icon{
width: 60px;
border: solid 2px #FF8650;
margin: 0 10px 0 0;
}

.lp_top_baloon_comment{
font-size: 12px;
border: solid 2px #FFB99B;
border-radius: 10px;
padding: 10px;
}

.lp_top_baloon_comment:before{
    left: -12px;
    top: 20px;
    border-right: 10px solid #FFB99B;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}

.lp_top_baloon_comment:after{
    left: -9px;
    top: 20px;
    border-right: 10px solid #fff;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}

.lp_top_baloon.__baloon02{
margin: 0 0 20px;
}

.lp_top_baloon.__baloon02 img.lp_top_baloon_icon{
margin: 0 0 0 10px;
border: solid 2px #00a57b;
}

.lp_top_baloon.__baloon02 .lp_top_baloon_comment{
border: solid 2px #6DCBB3;
}

.lp_top_baloon.__baloon02 .lp_top_baloon_comment:before{
    right: -12px;
    border-left: 10px solid #6DCBB3;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}

.lp_top_baloon.__baloon02 .lp_top_baloon_comment:after{
    right: -9px;
    border-left: 10px solid #fff;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}


/*comparison
---------------------------------------------------------------------------*/

section.comparison{
padding: 0 0px;
margin: 0 0 30px;
}

table.comparison_table{
}

table.comparison_table th,table.comparison_table td{
}

table.comparison_table th{
font-size: 10px;
padding: 5px 0;
}

table.comparison_table th.__service{
width: 93px;
}

table.comparison_table th.__oficial{
width: 63px;
}

table.comparison_table th.__loantime,table.comparison_table th.__fee,table.comparison_table th.__tel{

}

table.comparison_table td{
padding: 10px 5px;
font-size: 12px;
}

table.comparison_table td span.__ev01,table.comparison_table td span.__ev02,table.comparison_table td span.__ev03{
padding: 30px 0 0;
background-size: 25px 25px;
}

table.comparison_table td span.__ev02{
}

table.comparison_table td span.__ev03{
}

table.comparison_table tr:nth-child(2) td.__service{
padding: 25px 5px 10px;
}

table.comparison_table td span.__ev01 sup,table.comparison_table td span.__ev02 sup,table.comparison_table td span.__ev03 sup{
right: 0px;
top: 20px;
font-size: 10px;
transform: scale(80%);
}

table.comparison_table td span.__large{
font-size: 15px;
}

.comparison_table_baloon01_wrap{
top: -18px;
}

.comparison_table_baloon01{
font-size: 10px;
padding: 2px 5px 1px;
border-radius: 3px;
}

.comparison_table_baloon01_wrap.__multicolumn{
top: -30px;
}

.comparison_table_baloon01_wrap.__multicolumn .comparison_table_baloon01{
}


.comparison_table_baloon01:after{
    bottom: -4px;
    border-width: 4px 2px 0 2px;
}

@keyframes fuwafuwa {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-4px);
  }
}

.anime01 {
  animation: 2s fuwafuwa infinite;
}


.tab-switch:checked+.tab-label+.tab-content.tab-content_strong{
padding-top: 29px;

}

table.comparison_table th.__strong{
border: solid 3px #ffd940;
border-bottom: none;
}

.comparison_table_baloon02_wrap{
top: -28px;
}

.comparison_table_baloon02{
padding:  2px 5px 1px;
border-radius: 4px;
}

.comparison_table_baloon02:after{
    bottom: -8px;
    left: 50%;
    border-width: 8px 4px 0 4px;
}

table.comparison_table td.__strong{
border-right: solid 3px #ffd940;
border-left: solid 3px #ffd940;
}

table.comparison_table tr:last-child td.__strong{
border-bottom: solid 3px #ffd940;
}


table.comparison_table td sup{
vertical-align: text-top;
font-size: 10px;
}

table.comparison_table span.__small{
font-size: 10px;
}

a.comparison_table_banner_link{
margin: 0 0 5px;
}

a.comparison_table_textlink{
font-size: 10px;
}

a.comparison_table_textlink:after{
    font-size: 10px;
    right: -12px;
    bottom: 2px;
}


img.comparison_table_banner{
width: 75px;
}

a.comparison_table_linkbutton{
font-size: 10px;
box-shadow: 0px 3px 0px #992d2d;
padding: 5px 0;
border-radius: 6px;
}

a.comparison_table_linkbutton:after{
}

.tab-wrap {
}
.tab-wrap:after {
}
.tab-label {
  padding: 10px 0 10px;
  order: -1;
  border-radius: 6px 6px 0 0;
  font-size: 14px;
  line-height: 1;
}

.tab-label:not(:last-of-type) {
  margin-right: 4px;
}
.tab-content {
}
/* アクティブなタブ */
.tab-switch:checked+.tab-label {
  padding: 15px 0 15px;
  font-size: 18px;
}
.tab-switch:checked+.tab-label+.tab-content {
  padding: 10px;
}

/* ラジオボタン非表示 */
.tab-switch {
}

h2.comparison_h2{
width: calc(100% - 40px);
font-size: 20px;
margin: 0 auto 18px;
border-bottom: solid 3px #222;
padding: 0px 0 6px;
}

h2.comparison_h2:before{
bottom: -19px;
border: 8px solid transparent;
border-top: 12px solid #f4f4f4;
}

h2.comparison_h2:after{
bottom: -26px;
border: 10px solid transparent;
border-top: 14px solid #222;
}


h2.comparison_h2 span.__maintitle{
}

h2.comparison_h2 span.__subtitle{
font-size: 16px;
}

h2.comparison_h2 span.__red{
}

h2.comparison_h2 span.__yellow{
}


h2.comparison_h2 span.__large{
font-size: 30px;
}


ul.point-small{
margin: 25px 0 0;
}

section.firstuser01{
padding: 0 10px;
margin: 0 0 20px;
}

section.firstuser01 .summary01{
border-radius: 20px;
padding: 30px 10px 21px;
border: solid 4px #fff;
margin: 24px 0 10px;
}

section.firstuser01 .summary01:before{
position: absolute;
display: inline-block;
content: '';
width: 50px;
height: 50px;
background: url(../images/every-card_firstuser_summary-icon01.png);
background-size: cover;
top: -27px;
}

section.firstuser01 .summary01 h2{
font-size: 20px;
}

section.firstuser01 .summary01 h2 span.color{
font-size: 24px;
}

h3.h3-bubble01{
padding: 5px 10px;
margin: 0 0 15px;
border-radius: 30px;
background: #c90e38;
color: #fff;
font-size: 16px;
}

h3.h3-bubble01:after{
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    border-style: solid;
    border-color: #c90e38 transparent transparent transparent;
    border-width: 10px 7px 0 7px;
    z-index: 1;
}

section.firstuser01 ul.case p.addition{
font-size: 12px;
color: #666;
}


section.chat{
padding: 10px 10px 0;
margin: 0 0 30px;
}

.chat_h2_wrap{
padding: 10px 0px;
}

.chat_h2_wrap:before{
width: 74px;
height: 78px;
bottom: 0;
right: 10px;
}

h2.chat_h2{
font-size: 20px;
}

.chat_h2_baloon{
width: 80px;
height: 65px;
padding-top: 5px;
top: -10px;
left: -10px;
font-size: 15px;
}


#shindanbot-container {
    height: 80vh;
}

#shindanbot-inner {
	padding: 10px;
}

.chat-response,
.chat-ask {
    border-radius: 10px;
    padding: 10px;
    width: 80%;
    margin-bottom: 10px;
	font-size: 15px;
}
.chat-response {
    margin-left: 42px;
    position: relative;
}
.chat-response:before {
    width: 32px;
    height: 32px;
    left: -42px;
    top: 6px;
}
.chat-ask {
}

.img-response{
    border-radius: 10px;
    background-color: #fff;
    padding: 10px 20px;
    line-height: 1.4;
    color: black;
    margin-bottom: 0.5rem;
	position: relative;
	margin-left: 42px;
	text-align: center;
	display: inline-block;
}

.img-response img{
width: 25px;
height: 25px;
}

.img-response:before{
    width: 32px;
    height: 32px;
    left: -42px;
}

.choices {
  margin-left: 42px;
}
.choice {
width: 90%;
  border: 1px solid #205cda;
  font-size: 15px;
  margin-bottom: 5px;
  margin-right: 5px;
  padding: 10px 0;
}

.choices .choice:last-child{
margin-bottom: 10px;
}

.restart {
  position: absolute;
  bottom: 0.5rem;
  right: 0.5rem;
  outline: none;
  font-size: 10px;
  color: hsl(0, 0%, 50%);
  box-shadow: none;
  border: 1px solid hsl(0, 0%, 60%);
  border-radius: 1rem;
  background: hsl(0, 0%, 100%);
  padding: 0.2rem 0.5rem;
  cursor: pointer;
}

.chat_banner_item_header{
}

a.chat_banner_item_img_wrap{
width: 40%;
margin: 0 5px 0 0;
}


img.chat_banner_item_img{
}

.chat_banner_item_spec{
width: 60%;
margin: 0 0 0 5px;
}

.chat_banner_item_service_wrap{
font-size: 18px;
}

ul.chat_banner_item_tags{
padding: 0 0 0 20px;
margin: 0 0 10px;
}

ul.chat_banner_item_tags li{
font-size: 12px;
margin: 0 0 5px;
}

ul.chat_banner_item_tags li:last-child{
}

ul.chat_banner_item_tags li:before{

margin: 0 5px 0 0;
left: -17px;
}

p.chat_banner_item_p{
font-size: 15px;
}

a.chat_banner_item_cvbutton{
    display: block;
    margin: 10px auto 14px;
    padding: 10px 0px;
    box-shadow: 0px 4px 0px #992d2d;
    width: 100%;
    font-size: 15px;

}

.chat_banner_item_addition{
font-size: 10px;
}

/*column-list
---------------------------------------------------------------------------*/

section.column-list{
padding: 10px 10px 0;
margin:0 0 30px;
}

h2.column-list_h2 {
padding: 20px 0px;
font-size: 20px;
margin: 0 0 10px;
}

ul.column-listbox{
}

ul.column-listbox li{
padding: 10px 10px 10px 25px;
}

ul.column-listbox li:before{
font-size: 12px;
left: 10px;
}

ul.column-listbox a:not(:last-child) li:after{
width: calc(100% - 20px);
}

ul.column-listbox a{
font-size: 14px;
}

/*search_step
---------------------------------------------------------------------------*/

section.search_step{
padding: 0 10px;
margin: 0 0 10px;
}

h2.search_step_h2{
border-radius: 10px 10px 0 0;
font-size: 14px;
padding: 12px 0 10px;
}

.search_step_h2_wrap{
margin: 5px 0 0;
position: relative;
}

img.search_step_h2_baloon{
width: 44px;
height: 36px;
top: -5px;
left: -5px;
}


#step_area html {
}
#step_area ol, #step_area ul {
}
#step_area table {
}
#step_area caption, #step_area th, #step_area td {
}
#step_area q, #step_area blockquote {
}
#step_area q:before, #step_area q:after, #step_area blockquote:before, #step_area blockquote:after {
}
#step_area a img {
}
#step_area article, #step_area aside, #step_area details, #step_area figcaption, #step_area figure, #step_area footer, #step_area header, #step_area hgroup, #step_area main, #step_area menu, #step_area nav, #step_area section, #step_area summary {
}
#step_area html {
}
#step_area body {
}
#step_area input, #step_area select, #step_area textarea, #step_area button, #step_area option {
}
#step_area button {
}
#step_area a {
}
#step_area input[type="submit"] {
}

#step_area {
  border: 1px solid #205cda;
  border-radius: 0 0 10px 10px;
  padding: 10px 10px 5px;
}
#step_area .step_title {  
  font-size: 14px;
  margin: 0 0 10px;
}
#step_area .step_count {
padding: 0 0 5px;
}
#step_area .step_count ul {
  margin: 0 0 5px;
}
#step_area .step_count ul li {
font-size: 12px;
}
#step_area .step_count ul li.active {
}
#step_area .step_count ul li.active:not(:first-of-type):before {
}
#step_area .step_count ul li:not(:first-of-type) {
}
#step_area .step_count ul li:not(:first-of-type):before {
}
#step_area .step_body {
  
}
#step_area .step_body .step {
}
#step_area .step_body .step.open {
}
#step_area .step_body .step .label_wrap {
  flex-basis: calc((100% - 10px) / 3);
  padding: 0;
  box-sizing: border-box;
}

#step_area .step_body .step.column2 .label_wrap {
  flex-basis: calc((100% - 5px) / 2);
}

#step_area .step_body .step .label_wrap:nth-child(3n-1){
margin: 0 5px 5px 5px;
}

#step_area .step_body .step.column2 .label_wrap:nth-child(3n-1){
margin: 0 0px 5px 0px;
}

#step_area .step_body .step.column2 .label_wrap:nth-child(odd){
margin: 0 5px 5px 0;
}

#step_area .step_body .step.column4 .label_wrap {
  flex-basis: calc((100% - 15px) / 4);
}

#step_area .step_body .step.column4 .label_wrap:nth-child(3n-1){
margin: 0 ;
}

#step_area .step_body .step.column4 .label_wrap:nth-child(4n){
margin: 0 0px 5px 0px;
}

#step_area .step_body .step.column4 .label_wrap:nth-child(4n-1){
margin: 0 5px 0 5px ;
}

#step_area .step_body .step.column4 .label_wrap:nth-child(4n-2){
margin: 0 0 0 5px ;
}


#step_area .step_body .step .label_wrap label span {
  font-size: 12px;
  font-weight: bold;
  color: #666;
  padding: .5rem;
  box-sizing: border-box;
  width: 100%;
  display: block;
  text-align: center;
  border: 1px solid var(--sub-color);
  border-radius: 5px;
  transition: .5s background-color,color;
  position: relative;
  background: #FFF4EB;
}

#step_area .step_body .step .label_wrap label span:after{
font-size: 12px;
right: 2px;
}


#step_area .step_body .step .label_wrap label input[type="radio"],
#step_area .step_body .step .label_wrap label input[type="checkbox"] {

}
#step_area .step_body .step .label_wrap label input[type="radio"]:checked + span,
#step_area .step_body .step .label_wrap label input[type="checkbox"]:checked + span {
}
#step_area .step_body .step .button_wrap {
  flex: 100%;
  padding: .5rem 0;
  display: flex;
  justify-content: space-evenly;
}
#step_area .step_body .step .button_wrap .button, #step_area .step_body .step .button_wrap button {
  padding: .5rem 2rem;
  font-size: 14px;
  border: 1px solid #e7e7e7;
  border-radius: 20px;
  font-size: 14px;
}
#step_area button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}

#step_area .step_body .step .button_wrap button.search_start{
background: #ff4b4b;
color: #fff;
font-weight: bold;
}

.grad-btn {
    bottom: 10px;
    width: 120px;
    margin: auto;
    padding: 5px 0;
    border-radius: 6px;
    font-size: 14px;
}

.grad-btn i{
margin: 0 5px 0 0;
}

.step_inner{
  height: 110px;
}

.step_inner:before{
  height: 40px; /*グラデーションで隠す高さ*/
}

.grad-trigger {

}
.grad-trigger:checked + .grad-btn {

}
.grad-trigger:checked ~ .step_inner{

}
.grad-trigger:checked ~ .step_inner:before {

}

/*modal
---------------------------------------------------------------------------*/

.modal_content {
    padding: 20px;
    width: calc(100vw - 48px);
}

label.modal_close_button{
width: 25px;
height: 25px;
top: -24px;
  right: -24px;
  color: #fff;
}


.modal_wrap input:checked~.modal_overlay {
}

/* .modal_wrap input:checked~.modal_overlay .modal_content {
    transform: translateY(10%);
} */

h2.modal_content_h2{
font-size: 14px;
margin: 0 0 10px;
}

h2.modal_content_h2:before,h2.modal_content_h2:after{
width: 6px;
height: 20px;
background-size: contain;
left: -8px;
}

h2.modal_content_h2:after{
left: auto;
right: -8px;
}

h2.modal_content_h2 span.__yellow{
padding: 0 3px;
}

a.modal_content_item{
padding: 15px;
border-radius: 10px;
margin: 0 0 20px;
box-shadow: 0 4px 0 #999; 
}

a.modal_content_item:after{
    right: 8px;
    font-size: 14px;
}

a.modal_content_item:last-child{
margin: 0;
}

.modal_content_item_baloon{
font-size: 12px;
padding: 5px 10px;
position: relative;
}

.modal_content_item_baloon:after{
    bottom: -8px;
    border-width: 8px 5px 0 5px;
}

.modal_content_item_baloon i{
font-size: 10px;
}


.modal_content_item_inner{
margin: 0 0 10px;
}

img.modal_content_item_banner{
width: 70px;
height: calc(250px * 0.23);
margin: 0 5px 0 0;
}

.modal_content_item_spec{
}

.modal_content_item_name{
font-size: 18px;
margin: 0 0 5px;
font-weight: bold;
}

table.modal_content_item_table{
font-size: 10px;
}

table.modal_content_item_table th{
border-radius: 4px;
padding: 1px 2px 0;
}

table.modal_content_item_table td{
padding: 0 0 0 2px;

}

img.modal_content_item_logo{
}

ul.modal_content_item_tags{
}

ul.modal_content_item_tags li{
margin: 0 4px 0 0;
font-size: 11px;
padding: 5px 8px 7px;
border-radius: 4px;
}

ul.modal_content_item_tags li:before{

}

ul.modal_content_item_tags li:last-child{
margin: 0;
}

/*redirect
---------------------------------------------------------------------------*/

section.redirect{
text-align: center;
padding: 20px 10px 20px;
height: calc(100vh - 116px);
}

img.redirect_loading{
width: 50px;
}

.redirect_message{
font-size: 18px;
margin: 0 0 10px;
}

.redirect_box{
padding: 20px;
border: solid 1px #ccc;
border-radius: 6px;
background: #fff;
}

img.redirect_box_logo{
width: 150px;
}

.redirect_box_copy{
margin: 0 0 10px;
}

p.redirect_box_notice{
font-size: 12px;
padding: 10px 10px 0;
border-radius: 6px;
}

#compare ul.point-small{
width: calc(100% - 20px);
margin: 20px auto 30px;
}

/*lowrates
---------------------------------------------------------------------------*/

.lowrates_titlebox{
width: calc(100% - 20px);
border: solid 2px #0a3174;
margin: 15px auto 10px;
border-radius: 6px;
padding: 25px 0 15px;
}

.lowrates_titlebox_label_wrap{
top: -18px;
}

.lowrates_titlebox_label{
font-size: 16px;
padding: 10px;
border-radius: 6px;
}

.lowrates_titlebox_label:after{
}

p.lowrates_titlebox_content{
font-size: 18px;
margin: 0 0 5px;
}

p.lowrates_titlebox_content span.__red{
font-size: 26px;

}

p.lowrates_titlebox_addition{
font-size: 14px;
}

.lowrates_target_haeder{
width: calc(100% - 20px);
}

img.lowrates_target_haeder_images{
margin: 0 10px 0 0;
width: 76px;

}

p.lowrates_target_haeder_comment{
font-size: 16px;
border: solid 2px #0a3174;
border-radius: 10px;
padding: 15px;
}

p.lowrates_target_haeder_comment span.__red{
}

p.lowrates_target_haeder_comment:before{
left: -12px;
top: 20px;
border-right: 10px solid #0a3174;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
}

p.lowrates_target_haeder_comment:after{
left: -10px;
top: 20px;
border-right: 10px solid #fff;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
}

ul.lowrates_target_list{
width: calc(100% - 20px);
border: solid 4px #d7ea00;
border-radius: 6px;
font-size: 18px;
padding: 20px;
margin: 0 auto 10px;
}

ul.lowrates_target_list li{
border-bottom: dotted 2px #ccc;
}

ul.lowrates_target_list li:first-child{
border-top: dotted 2px #ccc;
}

ul.lowrates_target_list li:before{
margin: 0 5px 0 0;
}

.lowrates_sim{
width: calc(100% - 20px);
padding: 10px;
margin: 0 auto 20px;
    border-radius: 6px;
}

.lowrates_sim_title{
    padding: 10px 20px 10px 15px;
    font-size: 16px;
    margin: 0 0 10px;
}

.lowrates_sim_title:before{
    top: -4px;
    left: -4px;
    border: 2px solid #000;
}

.lowrates_sim_subtitle{
font-size: 18px;
}

.lowrates_sim_subtitle span.__red{
}

.lowrates_sim_description{
font-size: 12px;
margin: 0 0 10px;
}

table.lowrates_sim_table{
font-size: 14px;
margin: 0 0 25px;
}

table.lowrates_sim_table th,table.lowrates_sim_table td{
}

table.lowrates_sim_table th{
font-size: 12px;
padding: 5px 0;
}

table.lowrates_sim_table td{
padding: 10px 0;
font-size: 16px;
}

table.lowrates_sim_table td.__baloon_td{

}

table.lowrates_sim_table td.__baloon_td .__baloon_wrap{
right: -50px;
bottom: -18px;
}

table.lowrates_sim_table td.__baloon_td .__baloon_wrap .__baloon{
font-size: 14px;
padding: 5px;
border-radius: 4px;
width: 100px;
}

table.lowrates_sim_table td.__baloon_td .__baloon_wrap .__baloon:before{
top: -10px;
border-bottom: 10px solid #f32c50;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}

.lowrates_sim_comment{
}

img.lowrates_sim_comment_images{
margin: 0 10px 0 0;
width: 76px;
}

.lowrates_sim_comment_text{
font-size: 14px;
border: solid 2px #0a3174;
border-radius: 10px;
padding: 15px;
}

.lowrates_sim_comment_text span.__red{
}

.lowrates_sim_comment_text:before{
left: -12px;
top: 20px;
border-right: 10px solid #0a3174;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
}

.lowrates_sim_comment_text:after{
left: -10px;
top: 20px;
border-right: 10px solid #fff;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
}

.lowrates_target_haeder.__bank{
width: calc(100% - 36px);
}

.lowrates_target_haeder.__bank p.lowrates_target_haeder_comment{
padding: 10px;
border: solid 2px #00a57b;
font-size: 14px;
}

.lowrates_target_haeder.__bank p.lowrates_target_haeder_comment:before{
    left: -12px;
    top: 20px;
    border-right: 10px solid #00a57b;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}

.lowrates_comparison_bank{
padding: 10px;
margin: 0 0 40px;
}

/*smallamount
---------------------------------------------------------------------------*/

.lowrates_titlebox_content.__smallamount{
}

.lowrates_titlebox_content.__smallamount span.___red{

}

ul.lowrates_target_list.__smallamount{
border: solid 2px #0a3174;
}

ul.lowrates_target_list.__smallamount li:before{
}

.smallamount_list_subtitle{
font-size: 18px;
margin: 0 0 5px;
}

.smallamount_list_subtitle:before,.smallamount_list_subtitle:after{
width: 6px;
height: 19px;
margin: 0 10px 0 0;
}

.smallamount_list_subtitle:after{
margin: 0 0 0 10px;
}

.smallamount_sim{
width: calc(100% - 20px);
margin: 30px auto 20px;
padding: 40px 10px 10px;
}

.smallamount_sim_title_wrap{
top: -20px;
}

.smallamount_sim_title{
font-size: 18px;
padding: 10px 20px;
border-radius: 6px;
text-shadow: 0 -1px 0 #008D69;
}

.smallamount_sim_title:after{
    bottom: -10px;
    border-width: 10px 8px 0 8px;
}

.smallamount_sim .lp_sim_tab-wrap{
padding: 0;
}

ul.smallamount_sim_checklist{
margin: 0 0 10px;
}

ul.smallamount_sim_checklist li{
font-size: 12px;
}

ul.smallamount_sim_checklist li:before{
    margin: 0 4px 0 0;
    font-size: 14px;
}

/*notfound
-------------------------------------------------------------------------*/

section.notfound{
height: calc(100vh - 116px);
text-align: center;
padding: 40px 0 40px;
}

h2.notfound_h2{
margin: 0 0 30px;
font-size: 18px;
}



.pc{
display: none;
}

}

/* モーダルのスタイル */
.survey-modal {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.75);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1000;

  .modal-content {
    background: #fff;
    padding: 32px 16px;
    border-radius: 16px;
    text-align: center;
    position: relative;
    width: 90%;
    max-width: 400px;
    display: grid;
    gap: 16px;
  }

  .modal-close {
    position: absolute;
    top: -10px;
    right: -10px;
    background: #fff;
    color: #094067;
    text-decoration: none;
    font-size: 20px;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-weight: bold;
    transition: all 0.3s ease;
    &:hover {
      opacity: 0.8;
    }
  }

  .modal-buttons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }

  .modal-buttons .btn {
    background: #fff;
    color: #fff;
    padding: 30px 0;
    color: #094067;
    font-size: 22px;
    font-weight: 700;
    border-radius: 8px;
    text-decoration: none;
    width: 100%;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    &:hover {
      background: unset !important;
      opacity: 0.8;
    }
  }

  .modal-buttons .red {
    border: 3px solid #ef4565;
    background: #fff;
    box-shadow: 1px 3px 0px 0px #ef4565;
  }

  .modal-buttons .blue {
    border-radius: 8px;
    border: 3px solid #3da9fc;
    box-shadow: 1px 3px 0px 0px #3da9fc;
  }

  .modal-title {
    border-radius: 10000px;
    background: #3da9fc;
    display: grid;
    place-items: center;
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 16px;
  }

  .modal-wrapper {
    display: grid;
    gap: 10px;
  }

  .modal-question {
    color: #094067;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
  }

  .modal-text {
    color: #5f6c7b;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    line-height: 14px; /* 116.667% */
  }

  .modal-buttons .btn:hover {
    background: #0056b3;
  }
}