@charset "UTF-8";

/*---------- ページ全体の指定 ----------*/

body {
margin:0;
padding:0;
font-size:100%;
color:#2e363d;
background-color:#fff;
font-family: "Noto Sans Japanese";
}


/*---------- リンク設定 ----------*/

a:link {color:#37859a;text-decoration:underline;}
a:visited {color:#37859a;text-decoration:underline;}
a:hover {color:#139eb1;text-decoration:none;}
a{-webkit-transition:0.3s ease-in-out;-moz-transition:0.3s ease-in-out;-o-transition:0.3s ease-in-out;transition:0.3s ease-in-out;}
a img {border-style:none;}
img {vertical-align:bottom;image-rendering:-webkit-optimize-contrast;}
a:hover img{opacity:0.6;filter:alpha(opacity=60);}
a img {border-style:none;-webkit-transition:all .3s;transition:all .3s;}


/*---------- ベーステキストの指定 ----------*/

p {font-size:100%;line-height:180%;}
@media screen and (min-width:769px){
p {font-size:18px;}
}


/*---------- 見出し ----------*/

h1{}
h2{}
h3{}
h4{}


/*---------- PC・スマホの非表示指定 ----------*/

@media screen and (max-width:768px){.spnone{display:none;}}
@media screen and (min-width:769px){.pcnone{display:none;}}


/*------------------------------ フローティング ------------------------------*/

.floating {
display:block;
width:100%;
position:fixed;
left:0;
bottom:0;
z-index:9999;
text-align:center;
margin:0;
padding:10px 0;
background:rgba(0,0,0,0.3);
}
.floating img{
    width: 85%;
    margin-bottom: 5px;
}
.enter{
margin:0;
padding:0 30px;
text-align:center;
}
.enter a:link {color:#fff;text-decoration:none;}
.enter a:visited {color:#fff;text-decoration:none;}
.enter a:hover {color:#fff;text-decoration:none;}
.button {
width:100%;
margin:0 auto;
padding:20px 0;
font-size:110%;
font-weight:bold;
display:block;
text-shadow:0 1px 2px rgba(0,0,0,0.3);
background:linear-gradient(to bottom, #29d40c, #3f8103);
border-bottom:solid 2px #3e5802;
border-radius:10px;
}
.button:hover {opacity:1;filter:brightness(120%);}
@media screen and (min-width:769px){
.floating {padding:15px 0;}
.floating img{
    width: 450px;
    margin-bottom: 10px;
}
.button {
width:600px;
padding:20px 0;
font-size:24px;
}
}


.device{
margin:0;
padding:0 30px 45px 30px;
text-align:center;
}
.device a:link {color:#fff;text-decoration:none;}
.device a:visited {color:#fff;text-decoration:none;}
.device a:hover {color:#fff;text-decoration:none;}
.btn {
width:100%;
margin:0 auto;
padding:20px 0;
font-size:120%;
font-weight:bold;
display:block;
text-shadow:0 1px 2px rgba(0,0,0,0.3);
background:linear-gradient(to bottom, #29d40c, #3f8103);
border-bottom:solid 2px #3e5802;
border-radius:10px;
}
.btn:hover {opacity:1;filter:brightness(120%);}
@media screen and (min-width:769px){
.device{padding:0 0 90px 0;}
.btn {width:480px;font-size:24px;}
}

.yureru {animation: yureru 2s infinite;}
@keyframes yureru {
0% {transform: translate(0px, 3px);}
5% {transform: translate(0px, -3px);}
10% {transform: translate(0px, 3px);}
15% {transform: translate(0px, -3px);}
20% {transform: translate(0px, 3px);}
25% {transform: translate(0px, -3px);}
30% {transform: translate(0px, 0px);}
}



/*------------------------------ コンテンツ部分 ------------------------------*/

.header{
margin:0;
padding:20px 0 0 0;
}
.head_logo{margin:0;padding:0;text-align:center;}
.head_logo img{width:160px;}
@media screen and (min-width:240px) and ( max-width:768px) {.head_nav{display:none;}}
.mv{
margin:0;
padding:15px 0 0 0;
text-align:center;
}
.mv img{width:95%;}
.mv_cp{
margin:0;
padding:15px 0 0 0;
text-align:center;
}
.mv_cp img{width:100%;}
@media screen and (min-width:769px){
.header{
margin:0;
padding:20px 0 0 10px;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.head_logo{
width:200px;
margin:0;
padding:0;
}
.head_logo img{width:100%;}
.head_nav{
margin:0;
padding:3px 0 0 0;
font-size:16px;
font-weight:bold;
line-height:150%;
letter-spacing:1px;
text-align:right;
}
.head_nav ul {margin:0;padding:0;display:flex;list-style:none;}
.head_nav ul li {position:relative;border-bottom:none;}
.head_nav ul li a {
padding:5px 10px;
color:#2e363d;
text-decoration:none;
-webkit-transition:all .3s;
transition:all .3s;
}
.head_nav ul li a:hover {color:#f88a2c;}
.mv{padding:20px 0 20px 5%;}
.mv_cp{padding:40px 10px 0 30px;}
}

#detail_bg{
margin:0;
padding:0 0 45px 0;
background:#fef4ea;
position:relative;
z-index:0;
overflow:hidden;
}
#detail_bg::before {
content: '';
display:block;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
background-color:#fcebd7;
transform-origin:bottom right;
transform:skewY(-55deg);
z-index: -1;
}
.detail_top{
margin:0 20px 0 20px;
padding:20px 0;
font-size:150%;
font-weight:bold;
line-height:100%;
text-align:center;
border-radius:20px 20px 0 0;
color:#fff;
background:#faab34;
}
.detail_list{
margin:0 20px 45px 20px;
padding:5px 25px 30px 25px;
border-radius:0 0 20px 20px;
background:#fff;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.detail_list ul{margin:0;padding:0;}
@media screen and (min-width:240px) and ( max-width:768px) {
.detail_list ul li{
margin:5px 0;
padding:10px 0 10px calc(1em + 10px);
font-size:120%;
font-weight:bold;
line-height:180%;
list-style:none;
position:relative;
border-bottom:1px dotted #ccc;
}
.detail_list ul li::before {
position:absolute;
top:10px;
left:0;
font-style:normal;
font-variant:normal;
text-rendering:auto;
-webkit-font-smoothing:antialiased;
font-family:"Font Awesome 5 Free";
font-weight:900;
content:"\f058";
color:#f88a2c;
}
}
.detail_sub{
margin:0;
padding:0;
font-size:160%;
font-weight:900;
line-height:150%;
text-align:center;
}
.detail_box{
margin:20px auto 30px auto;
padding:10px 20px 0 20px;
display:grid;
gap:10px 10px;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
}
.detail {
margin:0;
padding:10px 0;
font-size:70%;
font-weight:bold;
line-height:150%;
text-align:center;
background:#fff;
border-radius:8px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.detail_txt{
margin:0 auto;
padding:0 20px;
font-size:100%;
line-height:180%;
}
@media screen and (min-width:769px) {
#detail_bg{padding:0 30px 90px 30px;}
#detail_bg::before {transform:skewY(-53deg);}
.detail_top{
max-width:740px;
margin:0 auto;
font-size:28px;
}
.detail_list{
max-width:740px;
margin:0 auto 45px auto;
padding:20px 60px 30px 60px;
}
.detail_list ul li{
margin:10px 0 5px 0;
padding:0 0 0 calc(1em + 10px);
font-size:20px;
font-weight:bold;
line-height:180%;
list-style:none;
position:relative;
}
.detail_list ul li::before {
position:absolute;
top:0;
left:0;
font-style:normal;
font-variant:normal;
text-rendering:auto;
-webkit-font-smoothing:antialiased;
font-family:"Font Awesome 5 Free";
font-weight:900;
content:"\f058";
color:#f88a2c;
}
.detail_sub{font-size:28px;}
.detail_box{
max-width:1140px;
margin:30px auto 30px auto;
padding:0;
gap:15px;
grid-template-columns: repeat(auto-fit, minmax(180px, 2fr));
}
.detail {
padding:20px 10px;
font-size:18px;
display:grid;
place-content:center;
word-break:keep-all;
border:1px solid #eee;
}
.detail_txt{
max-width:600px;
font-size:18px;
text-align:center;
}
}


#about_bg{
margin:0;
padding:60px 20px 45px 20px;
}
.mark{
margin:0 0 10px 0;
padding:0;
text-align:center;
}
.mark img{width:60px;}
.about_subhead{
margin:0 0 30px 0;
padding:0;
font-size:180%;
font-weight:900;
line-height:150%;
text-align:center;
}
.about_intro{margin:0 auto;padding:0;}
.reason_bg{
margin:45px auto 0 auto;
padding:0 0 45px 0;
border-radius:20px;
background:#fef4ea;
}
@media screen and (min-width:240px) and ( max-width:768px) {
.reason_top{
margin:0 0 30px 0;
padding:20px 0;
font-size:160%;
font-weight:900;
line-height:150%;
text-align:center;
color:#fff;
background:#faab34;
border-radius:20px 20px 0 0;
}
}
.reason_box{
margin:-5px 20px 0 20px;
padding:0;
}
.reason_item{
margin:45px 0 0 0;
padding:1px 0 0 0;
border-radius:8px;
background:#fff;
}
.reason_nubmer{
margin:-10px 0 0 0;
padding:0 0 20px 0;
font-size:20px;
line-height:100%;
text-align:center;
font-family: 'Roboto Condensed', sans-serif;
}
.reason_nubmer span{
padding:6px 13px;
border-radius:50%;
color:#fff;
background:linear-gradient(to bottom,#faab34,#f8872b);
}
.reason_title{
margin:0;
padding:0;
font-size:150%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.reason_pict{
margin:20px 0 20px 0;
padding:0;
text-align:center;
}
.reason_pict img{width:45%;}
.reason_txt{
margin:0 auto;
padding:0 30px 20px 30px;
font-size:100%;
line-height:180%;
}
.about_memo{
margin:0 auto;
padding:45px 0 0 0;
text-align:center;
}
.about_copy{
margin:0;
padding:0 0 30px 0;
font-size:140%;
line-height:160%;
}
.about_txt{
margin:0;
padding:0;
font-size:100%;
line-height:180%;
}

@media screen and (min-width:769px){
#about_bg{padding:90px 30px;}
.mark img{width:60px;}
.about_subhead{margin:0 0 45px 0;font-size:36px;}
.about_intro{max-width:740px;}
.reason_bg{
max-width:1240px;
margin:60px auto 0 auto;
padding:60px 0 75px 0;
}
.reason_top{
margin:0;
padding:0;
font-size:32px;
font-weight:900;
line-height:150%;
text-align:center;
color:#f78421;
}
.reason_box{
margin:0 5%;
display:grid;
gap:0 30px;
grid-template-columns: 1fr 1fr;
}
.reason_item{margin:60px 0 0 0;padding:0;}
.reason_title{font-size:28px;}
.reason_pict img{width:40%;}
.reason_txt{font-size:16px;line-height:200%;}
.about_memo{padding:60px 0 0 0;}
.about_copy{font-size:28px;}
.about_txt{font-size:18px;}

}


.feature_bg{
margin:45px auto 45px auto;
padding:0 0 15px 0;
border-radius:20px;
background:#fef4ea;
}
@media screen and (min-width:240px) and ( max-width:768px) {
.feature_top{
margin:0 0 30px 0;
padding:20px 0;
font-size:160%;
font-weight:900;
line-height:150%;
text-align:center;
color:#fff;
background:#faab34;
border-radius:20px 20px 0 0;
}
}
.feature_box{
margin:30px 20px 0 20px;
padding:0;
}
.feature{
margin:0 0 30px 0;
padding:25px 30px 25px 30px;
border-radius:8px;
background:#fff;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.feature_check{
margin:0;
padding:0 0 5px 0;
font-size:150%;
line-height:100%;
text-align:center;
color:#feb52a;
}
.feature_title{
margin:0;
padding:0;
font-size:150%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.feature_pict{
margin:20px 0;
padding:0;
}
.feature_pict img{width:100%;}
.feature_txt{
margin:0;
padding:0;
font-size:100%;
line-height:180%;
text-align:justify;
}
@media screen and (min-width:769px){
.feature_bg{margin:60px auto 90px auto;padding:60px 0 75px 0;}
.feature_top{
margin:0;
padding:0;
font-size:32px;
font-weight:900;
line-height:150%;
text-align:center;
color:#f78421;
}
.feature_box{
width:95%;
margin:45px auto 0 auto;
padding:0;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.feature{width:32%;margin:0;padding:25px 20px 20px 20px;}
.feature_check{padding:0 0 10px 0;font-size:24px;}
.feature_title{font-size:24px;}
.feature_txt{font-size:16px;}
}

.answer_sub{
margin:0;
padding:5px 0 0 0;
font-size:120%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.answer_top{
margin:0;
padding:0 0 20px 0;
font-size:300%;
font-weight:900;
line-height:150%;
text-align:center;
}
.answer_box{margin:0;padding:0;}
.answer_pict{margin:0;padding:0;}
.answer_pict img{width:100%;border-radius:5px;}
.answer_txt{margin:0;padding:10px 0 0 0;}
@media screen and (min-width:769px){
.answer_sub{font-size:28px;}
.answer_top{padding:0 0 30px 0;font-size:48px;}
.answer_box{
max-width:1240px;
margin:0 auto;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.answer_pict{width:48%;padding:20px 0 0 0;}
.answer_txt{width:48%;padding:0;}
}


#device_bg{
margin:0;
padding:60px 0 130px 0;
background:#fef4ea;
border-bottom:1px solid #fcebd7;
}
.device_title{
margin:0;
padding:0;
text-align:center;
}
.device_title img{width:100%;}
.offer_top{
margin:0;
padding:20px 0 15px 0;
font-size:120%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.offer_top span{
padding:5px 20px;
color:#fff;
background:linear-gradient(to bottom,#faab34,#f8872b);
}
.offer_title{
margin:0 0 20px 0;
padding:0;
font-size:150%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.offer_pict{
margin:0 20px;
padding:0;
text-align:center;
}
.offer_pict img{width:100%;}
.prf_top{
margin:0;
padding:45px 0 20px 0;
font-size:150%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.prf_box{
margin:0 auto;
padding:0 20px;
}
.prf_pict{margin:0;padding:0;text-align:center;}
.prf_pict img{width:50%;border-radius:5px;}
.prf_txt{margin:0;padding:0;}
.prf_degree{
margin:0;
padding:15px 0 0 0;
font-size:100%;
font-weight:bold;
line-height:160%;
text-align:center;
}
.prf_name{
margin:0;
padding:5px 0;
font-size:150%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.footer{
margin:45px 20px 0 20px;
padding:45px 0 0 0;
border-top:1px solid #2e363d;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.footer_detail{margin:0;padding:0;}
.footer_logo{
width:140px;
margin:0;
padding:0;
}
.footer_logo img{width:100%;}
.footer_link{
margin:0;
padding:15px 0 0 0;
font-size:75%;
line-height:150%;
text-align:right;
color:#666;
}
.footer_link a:link {color:#666;text-decoration:none;}
.footer_link a:visited {color:#666;text-decoration:none;}
.footer_link a:hover {color:#666;text-decoration:underline;}
.footer_ad{margin:0;padding:0;font-size:80%;font-family: 'Roboto Condensed', sans-serif;}
@media screen and (min-width:769px){
#device_bg{
padding:60px 30px 160px 30px;
border-bottom:none;
}
.device_title{
max-width:1240px;
margin:0 auto;
padding:10px 5% 0 10%;
}
.offer_top{padding:20px 0;font-size:24px;}
.offer_title{margin:0 0 30px 0;font-size:32px;}
.offer_pict{width:60%;margin:0 auto;}
.prf_top{padding:90px 0 60px 0;font-size:32px;}
.prf_box{
max-width:1080px;
margin:0 auto;
padding:0 0 60px 0;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.prf_pict{width:320px;}
.prf_pict img{width:100%;}
.prf_txt{
flex:1;
padding:0 0 0 45px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.prf_txt p{font-size:16px;}
.prf_degree{padding:0;font-size:18px;text-align:left;}
.prf_name{font-size:28px;text-align:left;}
.footer{
margin:0;
padding:60px 0 0 0;
border-top:1px solid #2e363d;
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
.footer_detail{margin:0;padding:0;}
.footer_logo{
width:180px;
margin:0;
padding:0;
}
.footer_logo img{width:100%;}
.footer_link{
margin:0;
padding:15px 0 5px 0;
font-size:12px;
line-height:150%;
color:#666;
}
}
.footer_link a:link {color:#666;text-decoration:none;}
.footer_link a:visited {color:#666;text-decoration:none;}
.footer_link a:hover {color:#666;text-decoration:underline;}
.footer_ad{
margin:0;
padding:45px 0 0 0;
font-size:14px;
line-height:150%;
color:#666;
text-align:right;
font-family: 'Roboto Condensed', sans-serif;
}

/*---------- 20241118＿7大特典表示用box追加 ----------*/
.tokuten_bg{
    margin:45px 10px;
    padding:0 0 45px 0;
    background-color: #fff;
    border-radius: 20px;
    }
    .tokuten_1bg{
        margin:45px 10px;
        padding:0 0 45px 0;
        border-radius: 20px;
        background-color: #fff;
        }
    @media screen and (min-width:240px) and ( max-width:768px) {
    .tokuten_top{
    margin:0 0 30px 0;
    padding:20px 0;
    font-size:160%;
    font-weight:900;
    line-height:150%;
    text-align:center;
    color:#fff;
    background:#faab34;
    border-radius:20px 20px 0 0;}

    }
    .tokuten_box{
    max-width: 1240px;
    margin:-5px 20px 0 20px;
    padding:0;

    }
    .tokuten_box{
        margin:30px auto 0 auto;
        display:flex;
        padding: 0;
        flex-wrap: wrap;
        justify-content: space-evenly;
        align-items: flex-start;
        }
    .tokuten_box img{
        margin: 0 auto;
        text-align: center;
        width: 95%;
    }
    @media screen and (min-width:769px){
   .tokuten_box img{
            margin: 0 auto;
            text-align: center;
            width: 95%;
    }}
    .tokuten_item{
    margin:45px 0 0 0;
    padding:1px 0 0 0;
    border-radius:8px;
    }
    .tokuten_nubmer{
    margin:-10px 0 0 0;
    padding:0 0 20px 0;
    font-size:20px;
    line-height:100%;
    text-align:center;
    font-family: 'Roboto Condensed', sans-serif;
    }
    .tokuten_nubmer span{
    padding:6px 13px;
    border-radius:50%;
    color:#fff;
    background:linear-gradient(to bottom,#faab34,#f8872b);
    }
    .tokuten_title{
    margin:0;
    padding:0;
    font-size:120%;
    font-weight:bold;
    line-height:150%;
    text-align:center;
    }
    .tokuten_sub{
        margin:0 auto;
        padding:0 30px 20px 30px;
        font-size:110%;
        line-height:150%;
        font-weight: 600;
        text-align: center;
        }
    .tokuten_pict{
    margin:20px 0 20px 0;
    padding:10px 0;
    text-align:center;
    }
    .tokuten_pict img{width:90%;}
    .tokuten_txt{
    margin:0 auto;
    padding:0 30px 20px 30px;
    font-size:100%;
    line-height:180%;
    }
    @media screen and (min-width:769px){
    .tokuten_bg{
    margin:30px auto 90px auto;
    padding:30px 0 75px 0;
    background-color: #fff;
    }
    .tokuten_1bg{
        margin:0 auto 90px auto;
        padding:30px 0 75px 0;
        background-color: #fcebd7;
        background-color: transparent;
        }
    .tokuten_top{
        display:none;
    }
   
    .tokuten_item{ margin: 20px 5px; padding:10px; width: 30%; height: auto; background:#fef4ea;}
    .tokuten_title{font-size:16px;}
    .tokuten_sub{font-size:18px;}
    .tokuten_pict img{width:90%; vertical-align: bottom}
    .tokuten_txt{font-size:16px;line-height:200%;}
    }

    .video{
     margin:0 auto;
	padding:0px;
	width:100%;
	max-width:900px;
	overflow:hidden;
        }
    .video:before {
        content:"";
        display: block;
        }
    .video iframe{
        position:absolute;
        top:0;
        right:0;
        width:100%;
        height:100%;
        box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2);
        }
    .video_bg{
            margin:45px 10px;
            padding:0 0 45px 0;
            }
   @media screen and (min-width:769px){
    .video_bg{
            margin:30px auto 60px auto;
            padding:30px 0 30px 0;
            }}

/*---------- 文字装飾 ----------*/

.bold{font-weight:bold;}
.ul{text-decoration:underline;}
.red {font-weight:bold;color:#f52f0d;}
.through{text-decoration:line-through;}
.ym{font-weight:bold;background:linear-gradient(transparent 60%, #fcf69f 60%);}
.caption{font-size:75%;color:#666666;font-weight:normal;line-height:180%;}


/*---------- 文字位置 ----------*/

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