@charset "UTF-8";

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

body {
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
margin:0;
padding:0;
font-size:100%;
color:#111;
}


a img {border-style:none;}
img {vertical-align:bottom;}

.clr{clear:both;}
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
.clearfix {
*zoom: 1;
}

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

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

header {
margin:0;
padding:0 15px;
width:100%;
height:45px;
top:0;
left:0;
z-index:9999;
transition:.3s;
border-bottom:1px solid #ddd;
background-color: rgba(255,255,255,0.8);
}
.headerbox{
margin:0 auto;
padding:0;
display:-webkit-flex;
display:-moz-flex;
display:-ms-flex;
display:-o-flex;
display:flex;
-webkit-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
justify-content:space-between;
}
.logo{
width:40%;
margin:0;
padding:10px 0 0 0;
}
.logo img{width:100%;}
.buttom{
width:40%;
margin:0 30px 0 0;
padding:7px 0 0 0;
}
@media screen and (min-width:769px){
header {padding:0;height:60px;}
.headerbox{width:1000px;}
.logo{width:35%;padding:14px 0 0 0;}
.logo img{width:160px;}
.buttom{width:200px;margin:0;padding:10px 0 0 0;}
}


.device{
margin:0;
padding:0;
text-align:center;
color: #fff;
}
.device a:link {
color:#fff;
text-decoration:none;
-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;
}
.device a:hover {
color:#fff;
text-decoration:none;
opacity:0.7;
filter:alpha(opacity=70);
-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;
}

.btn {
display:inline-block;
font-weight:bold;
text-decoration:none;
color:#fff;
text-align:center;
background:linear-gradient(to bottom, #D2181A ,#BA1C22);
}
.size_01{
width:100%;
margin:0;
padding:5px 0;
font-size:80%;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;
}
.size_02{
width:100%;
margin:0 auto;
padding:20px 0;
font-size:125%;
-webkit-border-radius:40px;
-moz-border-radius:40px;
border-radius:40px;
}
.size_03{
width:90%;
margin:0 auto;
padding:20px 0;
font-size:125%;
-webkit-border-radius:40px;
-moz-border-radius:40px;
border-radius:40px;
}
@media screen and (min-width:769px){
.size_01{padding:8px 0;font-size:15px;}
.size_02{width:640px;font-size:24px;}
.size_03{width:640px;padding:25px 0;font-size:24px;}
}

#wrapper {
margin:0;
padding:45px 0 0 0;
}
h1{
margin:0;
padding:20px 0;
text-align:center;
}
h1 img{width:100%;}
#top{
margin:0 auto;
padding:20px 0;
text-align:center;
letter-spacing:1px;
color:#fff;
background:#898448;
}
.top_txt{
margin:0;
padding:0;
font-size:120%;
font-weight:bold;
line-height:150%;
}
.top_now{
margin:0;
padding:0;
font-size:80%;
line-height:150%;
}
.top_subtxt{
margin:0;
padding:5px 0 0 0;
font-size:100%;
font-weight:bold;
line-height:150%;
}

/*---medal_kito-add------------------*/

.top_medal-box{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.top_medal{
    width: 50%;
}
.top_medal img{
    width: 100%;
    max-width: 240px;
}


@media screen and (min-width:769px){
    .top_wrapper{
        position: relative;
        max-width: 960px;
        margin: 0 auto;
    }
    .top_medal-box{
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        width: 100%;
    }
    .top_medal{
        width: auto;
    }
}
@media screen and (min-width:769px){
#wrapper {padding:60px 0 0 0;}
h1{padding:30px 0 45px 0;}
h1 img{width:1024px;}
#top{letter-spacing:1px;padding: 32px 0;margin-top: 20px;}
.top_txt{font-size:24px;}
.top_now{font-size:14px;}
.top_subtxt{padding:10px 0 0 0;font-size:18px;}
}


.device_bg{
margin:0;
padding:30px 20px;
text-align:center;
background:#f2f2f2;
}
.device_txt{
margin:0;
padding:0;
font-size:100%;
font-weight:bold;
line-height:150%;
}
.device_txt span{
    display: block;
    font-size:200%;
    line-height: 1.5;
}
.device_postage{
margin:0;
padding:8px 0 18px 0;
font-size:75%;
line-height:150%;
color:#666;
}
.device_caution{
margin:0;
padding:20px 0 5px 0;
font-size:80%;
line-height:150%;
}
.device_caution_txt{
margin:0 auto;
padding:0;
font-size:80%;
line-height:150%;
text-align:left;
}
@media screen and (min-width:769px){
.device_bg{padding:60px 0;letter-spacing:1px;}
.device_txt{font-size:18px;}
.device_txt span{font-size:28px;}
.device_postage{font-size:12px;}
.device_caution{padding:30px 0 5px 0;font-size:14px;}
.device_caution_txt{width:450px;padding:0;font-size:14px;}
}



#container {
margin:0;
padding:45px 0 0 0;
}

h2{}
h3{}
h4{}

.subtitle{
margin:0;
padding:0;
font-size:125%;
font-weight:900;
line-height:150%;
text-align:center;
font-family: "Noto Sans Japanese";
}

.subtitle-s{
    font-size:125%;
}
.subtitle-m{
    font-size:150%;
}
.subtitle-l{
    font-size:175%;
}
@media screen and (min-width:374px){
    .subtitle-s{
        font-size:130%;
    }
    .subtitle-m{
        font-size:160%;
    }
}
.subhead{
margin:30px 0 ;
padding:5px;
font-size:125%;
font-weight:bold;
line-height:150%;
color:#898448;
position: relative;
text-align: center;
}
.subhead::before{
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    border-top:2px solid #898448;
    border-left:2px solid #898448;
    top: -5px;
    left: -10px;
}
.subhead::after{
    position: absolute;
    content: "";
    width: 20px;
    height: 20px;
    border-bottom:2px solid #898448;
    border-right:2px solid #898448;
    bottom: -5px;
    right: -10px;
}

hr {
width:45px;
margin:15px auto 30px auto;
padding:0;
height:0;
border:0;
border-top:3px solid #baba60;
}
.photo{
margin:15px 0 30px 0;
padding:0;
text-align:center;
}
.photo img{width:100%;}
.contents{
margin:0 20px 45px 20px;
padding:0;
}
table.check{
width:100%;
border-collapse:collapse;
margin:-10px 0 30px 0;
}
table.check th{
width:25px;
font-size:100%;
line-height:150%;
padding:12px 0 5px 0;
color:#baba60;
vertical-align:top;
text-align:left;
}
table.check td{
font-size:100%;
line-height:150%;
font-weight:bold;
padding:14px 0 5px 0;
border-bottom:dotted 1px #999999;
vertical-align:top;
}
.contents_box{
margin:30px 15px 45px 15px;
padding:10px 25px 1px 25px;
position:relative;
}
.contents_box::before, .contents_box::after {
content:'';
width:20px;
height:100%;
position:absolute;
}
.contents_box::before {
border-left:solid 1px #666;
border-top:solid 1px #666;
border-bottom:solid 1px #666;
top:0;
left:0;
}
.contents_box::after {
border-right:solid 1px #666;
border-top:solid 1px #666;
border-bottom:solid 1px #666;
top:0;
right:0;
}
.contents_pict{
margin:0;
padding:0 0 10px 0;
text-align:center;
}
.contents_pict img{
width:45%;
-webkit-border-radius:50%;
-moz-border-radius:50%;
border-radius:50%;
box-shadow:0 0 10px rgba(0,0,0,0.2);
}
@media screen and (min-width:769px){
#container {padding:90px 0 0 0;}
.subtitle{
margin:0;
padding:0;
font-size:36px;
line-height:150%;
text-align:center;
}
.subhead{
margin:45px 0 0 0;
font-size:28px;
}
hr {
width:45px;
margin:25px auto 45px auto;
}
.photo{margin:20px 0 45px 0;}
.contents{
width:768px;
margin:0 auto 90px auto;
padding:0;
}
table.check th{
width:35px;
font-size:18px;
padding:10px 0 5px 0;
}
table.check td{
font-size:18px;
padding:10px 0 5px 0;
}
.contents_box{
width:768px;
margin:0 auto 90px auto;
padding:0 120px;
}
.contents_pict img{width:240px;}
}


.service_number{
margin:0;
padding:30px 0 15px 0;
font-size:100%;
line-height:100%;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
}
.service_number span{
padding:5px 10px;
color:#fff;
background:#898448;
}
.service_title{
margin:0;
padding:0;
font-size:125%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.service_icon{
margin:15px 0;
padding:0;
text-align:center;
}
.service_icon img{width:50%;}
.service{
margin:0 0 15px 0;
padding:5px 20px;
background:#eff3f5;
}
.chap_box{
margin:20px 0;
padding:25px 15px 25px 15px;
background:#fff;
border:1px solid #baba60;
}
.chap_title{
margin:0;
padding:0;
font-size:120%;
line-height:150%;
text-align:center;
color:#898448;
font-family:Arial, Helvetica, sans-serif;
}
table.chap{
width:100%;
border-collapse:collapse;
margin:0;
}
table.chap th{
font-size:100%;
line-height:150%;
padding:15px 0 0 0;
color:#898448;
vertical-align:top;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
display:block;
}
table.chap td{
font-size:100%;
line-height:150%;
font-weight:bold;
padding:0;
vertical-align:top;
display:block;
}
.subject{
margin:30px 0 0 0;
padding:2px 0 2px 10px;
font-size:120%;
font-weight:bold;
line-height:150%;
border-left:6px solid #baba60;
}
.mb{margin:30px 0 15px 0;}
@media screen and (min-width:769px){
.service_number{padding:45px 0 15px 0;font-size:18px;}
.service_title{font-size:32px;letter-spacing:1px;}
.service_icon img{width:240px;}
.service{margin:0 -60px 15px -60px;padding:15px 60px;}
.chap_box{margin:30px 0;padding:30px 110px 45px 110px;}
.chap_title{font-size:24px;}
table.chap th{
width:120px;
font-size:18px;
padding:15px 0 5px 0;
display:table-cell;
}
table.chap td{
font-size:18px;
padding:15px 0 5px 0;
border-bottom:dotted 1px #999999;
display:table-cell;
}
.subject{
margin:45px 0 0 0;
font-size:24px;
letter-spacing:1px;
}
.mb{margin:45px 0 20px 0;}
}


.page_title{
margin:30px 0;
padding:0;
font-size:120%;
font-weight:bold;
line-height:150%;
text-align:center;
}
.contents_sub{
margin:0 20px 45px 20px;
padding:0;
}
.contents_sub p{font-size:80%;}
table.spec{
width:100%;
border-collapse:collapse;
margin:0;
}
table.spec th{
font-size:90%;
line-height:150%;
padding:0 0 5px 0;
border-bottom:solid 1px #999;
text-align:left;
display:block;
}
table.spec td{
font-size:90%;
line-height:150%;
padding:10px 0 20px 0;
display:block;
}
@media screen and (min-width:769px){
.page_title{
margin:45px 0;
font-size:24px;
letter-spacing:1px;
}
.contents_sub{width:650px;margin:0 auto 90px auto;}
.contents_sub p{font-size:14px;}
table.spec th{
width:180px;
font-size:14px;
line-height:160%;
letter-spacing:1px;
padding:20px 15px 15px 0;
border-bottom:solid 1px #999;
text-align:left;
display:table-cell;
}
table.spec td{
font-size:14px;
line-height:160%;
letter-spacing:1px;
padding:20px 15px 15px 15px;
border-bottom:dotted 1px #999;
display:table-cell;
}
}


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

.bold{font-weight:bold;}
.ul{text-decoration:underline;}
.red {color:#d0111b;}
.blue{color:#49bbbc;}
.green{color:#41c9b4;}
.through{text-decoration:line-through;}
.ym{font-weight:bold;background:linear-gradient(transparent 70%, #f8d4e4 70%);}
.ymh{background:linear-gradient(transparent 70%, #f8d4e4 70%);}
.caption{font-size:75%;color:#666666;font-weight:normal;line-height:150%;}

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

.mt{margin-top:30px;}
@media screen and (min-width:769px){.mt{margin-top:45px;}}


/*---------- フッター ----------*/

#footer{
margin:0;
padding:20px 0;
text-align:center;
border-top:solid 2px #baba60;
}
.footer_link{
margin:0;
padding:0;
font-size:70%;
line-height:150%;
}
.footer_ad{
margin:10px 0 0 0;
padding:0;
font-size:70%;
line-height:150%;
color:#666;
font-family:Arial, Helvetica, sans-serif;
}
@media screen and (min-width:769px){
#footer{
margin:0;
padding:30px 0;
}
.footer_link{
margin:0;
padding:0;
font-size:12px;
line-height:150%;
letter-spacing:1px;
}
.footer_ad{
margin:10px 0 0 0;
padding:0;
font-size:12px;
line-height:150%;
color:#666;
font-family:Arial, Helvetica, sans-serif;
}
}

#footer a:link {color:#666;text-decoration:none;}
#footer a:visited {color:#666;text-decoration:none;}
#footer a:hover {color:#666;text-decoration:underline;}



/*------------add------------*/

.weclub__logo--tate{
    display: block;
    margin: 0 auto;
}
.weclub__logo--yoko{
    width: 220px;
    padding-bottom: 16px;
    display: inline-block;
}
.service_nember{
    text-align: center;    
}


.offer_end{
    background-image: url(./img/offer_end_bg.jpg);
    background-position: top right;
    background-size: cover;
}

.offer_end-wrapper{
    min-height: calc(100vh - 180px);
    display: flex;
    align-items: center;
    width: 100%;
}

.offer_end-title{
    font-size: 48px;
    font-weight: 900;
    color: #898448;
    line-height: 1.2;
    
    
}

.offer_end-inner{
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 100px;

}

.offer_ent-text{
    font-size: 16px;
    font-weight: bold;
    color: #333333;
}