@charset "UTF-8";

@media only screen and (min-width: 769px) {

/******************************************
 トップコンテンツ
******************************************/

#top-nenmatsu {
width: 1000px;
margin: 0 auto 30px auto;
}

#topcont_a {
width: 1000px;
margin: 0 auto 30px auto;
}

#topcont_a_ttl {
width: 1000px;
height: 83px;
background-image: url(/img/ttlbg_a.jpg);
background-repeat: no-repeat;
margin: 0 auto 20px auto;
}

#topcont_a_ttl h3 {
font-size: 23px;
text-align: left;
font-weight: bold;
padding-top: 19px;
padding-left: 15px;
color: #2A1B0A;
}

#topcont_a_sub {
width: 1000px;
margin: 0 auto 20px auto;
font-weight: bold;
font-size: 20px;
}

#topcont_a_cont {
width: 1000px;
margin: 0 auto -20px auto;
}

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

.topcont_a_cont_tbl {
float: left;
width: 500px;
margin-bottom: 10px;
}

.topcont_a_cont_tblbox {
width: 480px;
margin: 0 auto;
padding-top: 10px;
padding-bottom: 10px;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
background-color: #F5ECCE;
border: 1px solid #cfcfcf;
}

.topcont_a_cont_tbl_ttl {
width: 450px;
margin: 0 auto 10px auto;
padding-top: 5px;
padding-bottom: 5px;
background-color: #F5A9A9;
border-bottom: 2px solid #FA5858;
}

.topcont_a_cont_tbl_txt {
width: 450px;
margin: 0 auto;
}

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

.topcont_a_cont_tbl_txt img {
float: right;
margin-left: 3px;
margin-bottom: 3px;
}

.topcont_a_cont_tbl_txt p {
text-align: left;
margin-bottom: 10px;
}

#topcont_b {
width: 1000px;
margin: 0 auto 30px auto;
}

#topcont_b_ttl {
width: 1000px;
height: 83px;
background-image: url(/img/ttlbg_a.jpg);
background-repeat: no-repeat;
margin: 0 auto 20px auto;
}

#topcont_b_ttl h3 {
font-size: 23px;
text-align: left;
font-weight: bold;
padding-top: 19px;
padding-left: 15px;
color: #2A1B0A;
}

#topcont_b_sub {
width: 1000px;
margin: 0 auto 20px auto;
font-weight: bold;
font-size: 20px;
line-height: 30px;
}

#topcont_b_cont {
width: 1000px;
margin: 0 auto;
}

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

.topcont_b_cont_step {
width: 330px;
float: left;
margin-right: 3px;
padding-top: 10px;
padding-bottom: 10px;
}

.topcont_b_cont_box {
width: 320px;
margin: 0 auto;
padding-top: 10px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border: 1px solid #FA5858;
}

.topcont_b_cont_box_ttl {
width: 300px;
margin: 0 auto 5px auto;
border-bottom: 1px solid #FA5858;
padding-bottom: 5px;
}

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

.topcont_b_cont_box_ttl_l {
float: left;
margin-right: 5px;
padding: 5px 10px;
border-radius: 7px;
-webkit-border-radius: 7px;
-moz-border-radius: 7px;
background-color: #FA5858;
color: #fff;
}

.topcont_b_cont_box_ttl_r {
float: left;
text-align: left;
color: #FA5858;
padding: 5px 10px;
display: inline-block;
}

.topcont_b_cont_box_txt {
width: 300px;
margin: 0 auto -15px auto;
}

.topcont_b_cont_box_txt p {text-align:left;}

.topcont_b_cont_box_img {
width: 200px;
margin: 0 auto;
text-align: center;
padding-top: 10px;
padding-bottom: 20px;
}

.topcont_b_cont_box_img img {}

#topcont_c {
width: 1000px;
margin: 0 auto 40px auto;
}

#topcont_c_ttl {
width: 1000px;
height: 83px;
background-image: url(/img/ttlbg_b.jpg);
background-repeat: no-repeat;
margin: 0 auto 20px auto;
}

#topcont_c_ttl h3 {
font-size: 23px;
text-align: left;
font-weight: bold;
padding-top: 19px;
padding-left: 15px;
color: #2A1B0A;
}

#topcont_c_sub {
width: 1000px;
margin: 0 auto 20px auto;
font-weight: bold;
font-size: 20px;
line-height: 30px;
}

#topcont_c_cont {
width: 1000px;
margin: 0 auto -15px auto;
}

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

#topcont_c_cont img {
float: right;
margin-left: 15px;
margin-bottom: 15px;
}

#topcont_c_cont p {
text-align: left;
margin-bottom: 15px;
}

#top_amazon {
width: 900px;
margin: 0 auto 30px auto;
}

#top_amazon_text{
width: 900px;
margin: 0 auto 30px auto;
background-color:#D8443A;
padding:30px 0;
}

#top_amazon_text h3{
text-align:center;
font-size:3em;
margin:0 0 40px 0;
font-weight:bold;
line-height:120%;
color:#FFF;
}

#top_amazon_text h3 span{
font-size:1.1em;
color:#F9FE4C;
}

#top_amazon_text ul{
box-sizing:border-box;
width:90%;
margin:auto;
}

#top_amazon_text li{
background: #fff;
height: 240px;
width: 40px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
color:#595647;
font-size:2em;
text-align:center;
float:left;
width:30%;
margin:0 0 30px 0;
font-weight:bold;
padding:80px 0 0 0;
line-height:120%;
}

#top_amazon_text li:nth-of-type(2) , #top_amazon_text li:nth-of-type(5){margin:0 5% 30px;}

#top_amazon_text li span{
color:#FA2922;
font-size:1.1em;
}

#top_shinrai {
width: 1000px;
margin: 0 auto 30px auto;
}

#top_shinrai_ttl {
width: 1000px;
height: 83px;
background-image: url(/img/ttlbg_a.jpg);
background-repeat: no-repeat;
margin: 0 auto 20px auto;
}

#top_shinrai_ttl h3 {
font-size: 23px;
text-align: left;
font-weight: bold;
padding-top: 19px;
padding-left: 15px;
color: #2A1B0A;
}

#top_shinrai_sub {
width: 1000px;
margin: 0 auto -15px auto;
padding-bottom: 5px;
}

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

#top_shinrai_sub ol {
margin: 0 auto 15px 0;
padding: 15px 15px 10px 15px;
border: 3px solid #ff0000;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
background-color: #FFEBCD;
/*display: inline-block;*/
width:49%;
}

#top_shinrai_sub ol li {
list-style: decimal;
text-align: left;
padding-top: 3px;
padding-bottom: 3px;
margin-bottom: 5px;
margin-left: 20px;
}

#top_shinrai_sub img {
float: right;
padding:0 0 0 15px;
}

#top_shinrai_sub p {
text-align: left;
margin-bottom: 15px;
}

.top_shinrai_leftbox{
float:left;
width:57%;
}

.top_shinrai_rightbox{
float:right;
width:40%;
box-sizing:border-box;
background:url(../img/bg_top_shinrai_right.jpg) no-repeat;
background-size:cover;
border:5px #CD100A solid;
position:relative;
}

.top_shinrai_rightbox h3{
font-weight:bold;
font-size:2em;
color:#670000;
border-bottom:1px #670000 solid;
margin:0 auto 20px;
width:90%;
padding:20px 0 5px 0;
white-space:nowrap;
}

.top_shinrai_rightbox h3 span{
font-size:1.5em;
color:#D80100;
}

.shinrai_txt01{
position:absolute;
top:18%;
left:21%;
background: #CD100A;
height: 100px;
width: 100px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
color:#FFF;
font-weight:bold;
text-align:center;
font-size:17px;
padding:20px;
white-space:nowrap;
}

.shinrai_txt02{
position:absolute;
top:150px;
left:3%;
background: #CD100A;
height: 100px;
width: 100px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
color:#FFF;
font-weight:bold;
text-align:center;
font-size:17px;
padding:20px;
white-space:nowrap;
}

.shinrai_txt03{
position:absolute;
top:150px;
left:40%;
background: #CD100A;
height: 100px;
width: 100px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
color:#FFF;
font-weight:bold;
text-align:center;
font-size:17px;
padding:20px;
white-space:nowrap;
}

.shinrai_txt01 span , .shinrai_txt02 span , .shinrai_txt03 span{
font-size:1.8em;
color:#FEFF97;
}

.shinrai_txt04{
margin:200px 0 0 15px;
background-color:#fff;
padding:2%;
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
-o-border-radius: 1em;
-ms-border-radius: 1em;
width:90%;
}

.shinrai_txt04 span{
color:#CC130E;
font-weight:bold;
}

.shinrai_txt05 {margin:0 0 0 15px;}

.shinrai_txt05 li{
text-align:left;
font-weight:bold;
margin:0 0 3px 0;
}

.shinrai_txt05 li span{
color:#CC130E;
background-color:#FFF;
display:inline-block;
padding:2px;
}

#top_kiji-rank {
width: 1000px;
margin: 0 auto 30px auto;
}

#top_kiji_rank_ttl {
width: 1000px;
height: 83px;
background-image: url(/img/ttlbg_a.jpg);
background-repeat: no-repeat;
margin: 0 auto 20px auto;
}

#top_kiji_rank_ttl h3 {
font-size: 23px;
text-align: left;
font-weight: bold;
padding-top: 19px;
padding-left: 15px;
color: #2A1B0A;
}

#top_kiji_rank_sub {
width: 1000px;
margin: 0 auto 15px auto;
padding-bottom: 5px;
}

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

#top_kiji_rank_sub_a {
width: 333px;
float: left;
border-right: 2px dotted #ccc;
}

#top_kiji_rank_sub_b {
width: 333px;
float: left;
border-right: 2px dotted #ccc;
}

#top_kiji_rank_sub_c {
width: 333px;
float: left;
}

.top_kiji_rank_sub_box_w {
width: 95%;
margin: 0 auto;
padding-top: 10px;
}

.top_kiji_rank_sub_box_w h4 {
font-weight: bold;
text-align: left;
}

.top_kiji_rank_sub_box_w ul {}

.top_kiji_rank_sub_box_w ul li {
text-align: left;
list-style: disc;
margin-left: 25px;
}

#top_an_bnr {
width: 1000px;
margin: 0 auto 30px auto;
}

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

#top_an_bnr_l {
width: 500px;
float: left;
text-align: center;
}

#top_an_bnr_r {
width: 500px;
float: left;
text-align: center;
}






#topcont_d {
width: 1000px;
margin: 0 auto 40px auto !important;
}

#topcont_d_ttl {
width: 1000px;
height: 83px;
background-image: url(/img/ttlbg_b.jpg);
background-repeat: no-repeat;
margin: 0 auto 20px auto;
}

#topcont_d_ttl h3 {
font-size: 23px;
text-align: left;
font-weight: bold;
padding-top: 19px;
padding-left: 15px;
color: #2A1B0A;
}

#topcont_d_sub {
width: 1000px;
margin: 0 auto 20px auto;
font-weight: bold;
font-size: 20px;
line-height: 30px;
}

#topcont_d_cont {
width: 1000px;
margin: 0 auto;
}

#topcont_d_cont_tbl {
width:1000px;
margin:0 auto;
padding-bottom:40px;
}

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

.topcont_d_cont_box {
width:33%;
float:left;
text-align:center;
}

.topcont_d_cont_box iframe {
margin:0 auto;
max-width:90% !important;
height:auto;
}





}

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

#top_amazon_text{
width: 100%;
margin: 0 auto 30px auto;
background-color:#D8443A;
padding:30px 0;
}

#top_amazon_text h3{
text-align:center;
font-size:2em;
margin:0 0 40px 0;
font-weight:bold;
line-height:120%;
color:#FFF;
}

#top_amazon_text h3 span{
font-size:1.1em;
color:#F9FE4C;
}

#top_amazon_text ul{
box-sizing:border-box;
width:90%;
margin:auto;
}

#top_amazon_text li{
background: #fff;
height: 100px;
width: 40px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
color:#595647;
font-size:1em;
text-align:center;
float:left;
width:30%;
margin:0 0 30px 0;
font-weight:bold;
padding:25px 0 0 0;
line-height:120%;
}

#top_amazon_text li:nth-of-type(2) , #top_amazon_text li:nth-of-type(5){margin:0 5% 30px;}

#top_amazon_text li span{
color:#FA2922;
font-size:1.1em;
}

#pa_top35{padding:35px 0 0 0!important;}

.top_shinrai_leftbox{
float:none;
width:100%;
}

.top_shinrai_rightbox{
float:none;
width:100%;
box-sizing:border-box;
background:url(../img/bg_top_shinrai_right.jpg) no-repeat;
background-size:cover;
border:5px #CD100A solid;
position:relative;
}

.top_shinrai_rightbox h3{
font-weight:bold;
font-size:1.5em;
color:#670000;
border-bottom:1px #670000 solid;
margin:0 auto 20px;
width:90%;
padding:20px 0 5px 0;
white-space:nowrap;
}

.top_shinrai_rightbox h3 span{
font-size:1.5em;
color:#D80100;
}

.shinrai_txt01{
position:absolute;
top:18%;
left:21%;
background: #CD100A;
height: 100px;
width: 100px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
color:#FFF;
font-weight:bold;
text-align:center;
font-size:17px;
padding:20px;
white-space:nowrap;
}

.shinrai_txt02{
position:absolute;
top:150px;
left:2.4%;
background: #CD100A;
height: 100px;
width: 100px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
color:#FFF;
font-weight:bold;
text-align:center;
font-size:17px;
padding:20px;
white-space:nowrap;
}

.shinrai_txt03{
position:absolute;
top:150px;
left:40%;
background: #CD100A;
height: 100px;
width: 100px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
color:#FFF;
font-weight:bold;
text-align:center;
font-size:17px;
padding:20px;
white-space:nowrap;
}

.shinrai_txt01 span , .shinrai_txt02 span , .shinrai_txt03 span{
font-size:1.8em;
color:#FEFF97;
}

.shinrai_txt04{
margin:200px 0 0 15px;
background-color:#fff;
padding:2%;
-moz-border-radius: 1em;
-webkit-border-radius: 1em;
-o-border-radius: 1em;
-ms-border-radius: 1em;
width:90%;
}

.shinrai_txt04 span{
color:#CC130E;
font-weight:bold;
}

.shinrai_txt05 {margin:0 0 0 15px;}
.shinrai_txt05 li {
text-align:left;
font-weight:bold;
margin:0 0 3px 0;
}

.shinrai_txt05 li span{
color:#CC130E;
background-color:#FFF;
display:inline-block;
padding:2px;
}

















}

/* 20211019追加 */
@font-face {
font-family: 'NotoSans';
src: url('../font/NotoSansJP-Regular.otf') format('opentype');
}
.campaign-container {
background: url(../img/campaign-bg.png);
background-repeat: no-repeat;
background-size: cover;
font-family: 'NotoSans','Quicksand', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.campaign-container .inner {position:relative;}

.campaign-container .inner .campaign-textbox {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

.campaign-container .inner .campaign-textbox .text01 {
font-size: 32px;
margin-bottom: 20px;
display: inline;
}

.campaign-container .inner .campaign-textbox .text02 {
font-size: 30px;
color: #ef1f2e;
margin-top: 10px;
margin-bottom: 30px;
font-weight: bold;
}

.campaign-container .inner .campaign-textbox .text03 {
display: flex;
padding-bottom: 20px;
}

.campaign-container .inner .campaign-textbox .text03 .text-left {
font-size: 25px;
text-align: right;
margin-right: 10px;
position: relative;
}

.campaign-container .inner .campaign-textbox .text03 .text-left .dot {
position: absolute;
top: -10px;
left: 13px;
}

.campaign-container .inner .campaign-textbox .text03 .text-right {
font-size: 50px;
color: #ef1f2e;
font-weight: bold;
display: inline;
height: 70px;
}

.campaign-container .inner .campaign-textbox .text03 .text-right span {
font-size: 90px;
display: inline;
}

.campaign-container .inner .campaign-textbox .text04 {
font-size: 60px;
letter-spacing: 0.001em;
display: inline;
}

.cta-container {font-family: "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

.cta-container .inner {
padding: 50px 0;
width: 1000px;
margin: auto;
}

.cta-container .inner .lead {
font-size: 36px;
font-weight: bold;
margin-bottom: 40px;
}

.cta-container .inner .cta-box {
display: flex;
justify-content: space-between;
}

.cta-container .inner .cta-box .tel-box {width:49%;}
.cta-container .inner .cta-box .mail-box {width:49%;}

.txt_yellow_line {
border-bottom: none;
background-image: -webkit-linear-gradient(left, transparent 50%, #FFFF00 50%);
background-image: -moz-linear-gradient(left, transparent 50%, #FFFF00 50%);
background-image: -ms-linear-gradient(left, transparent 50%, #FFFF00 50%);
background-image: -o-linear-gradient(left, transparent 50%, #FFFF00 50%);
background-image: linear-gradient(left, transparent 50%, #FFFF00 50%);
background-repeat: repeat-x;
background-size: 200% .4em;
background-position: 0 1em;
transition: all 1.5s ease;
}

.txt_yellow_line.isActive {background-position:-100% 1em;}

.shiny {
position: relative;
overflow: hidden;
}

.shiny::before {
position: absolute;
display: block;
z-index: 1;
left: -30%;
top: -4%;
content: '';
width: 46px;
height: 120%;
transform: rotate(
15deg);
background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .8) 40%, rgba(255, 255, 255, .8) 60%, rgba(255,255,255,0) 100%);
animation: shiny 3.4s infinite linear;
}

@keyframes shiny {
0% {left:0%;}
16% {left:120%;}
100% {left:120%;}
}

@media only screen and (min-width: 769px) {
.hidden-pc {display:none !important;}
}
@media only screen and (max-width: 768px) {
.hidden-sp {display:none !important;}
.kv-container img {width:100%;}
.campaign-container .inner .campaign-textbox {width:85%;}
.campaign-container .inner .campaign-flame {
width: 100%;
height: 52vw;
}
.campaign-container .inner .campaign-textbox .text01 {
font-size: 4.2vw;
margin-bottom: 1vw;
line-height: 1;
}
.campaign-container .inner .campaign-textbox .text02 {
font-size: 4vw;
margin: 0;
margin-bottom: 3vw;
}
.campaign-container .inner .campaign-textbox .text03 {padding-bottom:0;}
.campaign-container .inner .campaign-textbox .text03 .text-left {
font-size: 3vw;
margin-right: 1vw;
line-height: 1.2;
padding-top: 2vw;
}
.campaign-container .inner .campaign-textbox .text03 .text-left .dot {
width: 15vw;
top: 0;
left: 1vw;
object-fit: contain;
}
.campaign-container .inner .campaign-textbox .text03 .text-right {
font-size: 7vw;
height: 13vw;
}
.campaign-container .inner .campaign-textbox .text03 .text-right span {font-size:10vw;}
.campaign-container .inner .campaign-textbox .text04 {font-size:8vw;}
.cta-container .inner {
width: 100%;
padding: 7vw 4%;
}
.cta-container .inner .cta-box {display:block;}
.cta-container .inner .lead {
font-size: 4.8vw;
margin-bottom: 5vw;
}
.cta-container .inner .cta-box .tel-box {
width: 100%;
margin-bottom: 3vw;
display: block;
}
.cta-container .inner .cta-box .tel-box img {width:100%;}
.cta-container .inner .cta-box .mail-box {
width: 100%;
display: block;
}
.cta-container .inner .cta-box .mail-box img {width:100%;}
}