@charset "UTF-8";
html body{
color:#333;
font-family: 'Noto Sans JP', sans-serif;
letter-spacing: .02em;
background:#fff;
line-height: 1.6;
}

.note{
font-size: 10px;
line-height: 1.4!important; 
width: 710px;
margin: 10px auto;
}
sup {
font-size: 70%; 
vertical-align: top;
position: relative;
top: -0.1em; 
}
.wei600{font-weight: 600!important;}
.layout,.layout_{display: flex;
justify-content: space-between;}
.layout_y{display: flex;
justify-content: flex-start;
}
.layout_k{display: flex;}
.f18{font-size: 18px!important;}
.f16{font-size: 16px!important;}
.f14{font-size: 14px!important;}
.f12{font-size: 12px!important;}
.fw{font-weight: bold!important;}

/* PC*/
.pc{display: block;}
.sp{display: none;}
.pc_none{display: none !important;}
.sp_none{display: inline-block !important;}
.tr{text-align: right;}
.h3{text-align: center;}
/* PC */

.dayend .spng_btn {
    width: 350px;
    margin: 20px auto 0;
    text-align: center;
    display: block;
    padding: 10px 0;
    background: #ccc;
    bottom: 0;
    font-size: 14px;
    color: #fff;
    height: auto !important;
}
@media screen and (max-width: 780px) {
.dayend .spng_btn {
        margin: 0 auto 30px;
        position: static;
        font-size: 13px;
        width: 80%;
        padding: 10px 0;
    }
}
	
/*  mv  */
.mv img{
margin: 0 auto;
width: 100%;
height: auto;
}
.int h2{
font-size: 25px;
margin: 40px auto 18px;
}
.int h2 span{
color: #C2B483;
font-weight: 400;
}
.int p{
font-size: 14px;
}
/*  */
.content{
background: #FBF7F4;
padding-bottom: 100px;
}
/*  int  */
.int{
width: 100%;
margin: 0 auto 170px; 
text-align: center;
}

/*  long  */
.long_f{
padding-top: 58px;
padding-bottom: 64px;
background: #FFF;
}
.long .layout{
justify-content: space-evenly;
}
.long .rnk {
text-align: center
}
.long .rnk .r_text{
text-align: left;
}
.long_un{
margin-bottom: 98px;
}
.spng_btn{
margin: 0 auto;
}





.main{
width: 960px;
margin: 0 auto 74px;
}
.maininner{
margin-bottom: 80px;
}
.common {
text-align: center;
padding: 50px 0 36px;
}
.r1{
height: 612px;
}
.f1{
background: url(https://www.mimc.co.jp/img/usr/br/2025bc/f1.jpg)no-repeat #FFF;
background-size: contain;
position: relative;
}
.area{
position: absolute;
top: 76px;
left: 530px;
width: 370px;
height: 460px;
}
.area h3{
font-size: 22px;
margin-bottom: 20px;
}
.area h4{
font-size: 17px;
margin-bottom: 20px;
line-height: 2;
}
.area p{
font-size: 16px;
margin-bottom: 10px;
}
.area h4 span{
font-size: 18px;
}

.spng_btn1 a{
position: absolute;
height: auto;
top: 410px;
display: block;
width: 350px;
margin: 20px auto 0;
padding: 14px 0;
background: #BBA56E;
font-size: 15px;
color: #FFF;
text-align: center;
}

.cg{
font-size: 12px;
color: #C2B483;
position: relative;
}
.cg::after{
content: '';
background: url(https://www.mimc.co.jp/img/usr/br/2023bc/aw.png);
width: 12px;
height: 17px;
position: absolute;
top: 20px;
left: 36px;
}
.mmtw{
margin-left: 10px
}
.mmtwr{
margin-right: 10px
}
.area .layout_k{
margin: 0 auto 20px;
}
.c_name{
width: 256px;
}
.FDDEB0{
background: #FDDEB0;
}
.rnk .cg::after{
background: none;
}

.f_other{
padding: 50px;
background: #FFF;
margin-top: 10px;
}
.rnk{
width: 400px;
height: 524px;
position: relative;
}
.rnk h2{
font-size: 18px;
margin: 14px auto;
text-align: left;
line-height: 1.4;
}
.rnk .r_text{
font-size: 13px;
height: 70px;
}
.rnk .layout_y{
margin: 6px auto;
}
.rnk .cg{
font-size: 12px !important;
}
.c_boxmini{
width: 20px;
height: 20px;
margin-right: 8px;
}
.c_boxminim{
width: 10px;
height: 20px;
}
.c_p{
font-size: 10px;
}
.rnk .spng_btn a,.spng_btn_n{
width: 350px;
margin: 20px auto 0;
text-align: center;
display: block;
padding: 10px 0;
background: #BBA56E;
bottom: 0;
font-size: 14px;
color: #fff;
height: auto !important;
}
.spng_btn a{
background: #BBA56E;
}
.spng_btn_n{
background: #B5B5B5;
}
.mml{
margin-right: 6px;
}
.hsp{
font-size: 14px;
line-height: 1.8;
}
.e1{
background: url(https://www.mimc.co.jp/img/usr/br/2025bc/e1.jpg)no-repeat ;
background-size: contain;
position: relative;
}

.c1{
background: url(https://www.mimc.co.jp/img/usr/br/2025bc/c1.jpg)no-repeat;
background-size: contain;
position: relative;
}

.ri1{
background: url(https://www.mimc.co.jp/img/usr/br/2025bc/r1.jpg)no-repeat;
background-size: contain;
position: relative;
}


.s1{
background: url(https://www.mimc.co.jp/img/usr/br/2025bc/s1_.jpg)no-repeat;
background-size: contain;
position: relative;
}

.o1{
background: url(https://www.mimc.co.jp/img/usr/br/2025bc/o1.jpg)no-repeat;
background-size: contain;
position: relative;
}
.c4F3429{
background: #4F3429;
}


.sub{
width: 960px;
margin: 0 auto;
box-shadow: 10px 10px 10px #E0DFD9;
background: #F5F4F0;
padding-bottom: 70px;
}
.sub .common{
padding: 50px 0 10px;
}
.sub .comp{
text-align: center;
font-size: 20px;
margin-bottom: 40px;
}
.layout_s{
display: flex;
justify-content: space-around;
align-items: center;
}
.reimg{
width: 350px;
}
.rig{
text-align: right
}
.sub .area{
position: static;
height: auto;
}
.sub .area h3 {
margin-bottom: 10px;
}
.sub .area p{
height: auto;
}
.sub .area h4 {
margin-bottom: 10px;
}
.sub .area h5 {
margin-bottom: 6px;
}
.sub .spng_btn1 a{
position: static;
display: block;
margin-top: 20px;
}
.line{
margin: 70px auto 40px;
text-align: center;
}
.rig img{
text-align: right;
}


.pane-footer{
margin: 0;
}

/*960以下*/
@media screen and (max-width: 960px) {


}
/*780以下*/
@media screen and (max-width: 780px) {
#wrapper {   
    }	
html {
    overflow-x: hidden;
}
img{
    max-width: 100%;
}
.pc{
    display: none;
}
.sp{
    display: block;
}
.pc_none{
    display: block !important;
}	
.sp_none{
	display: none !important;
}
.sp_center{
    text-align: center!important;
}
.w90{
width: 90%;
margin: 0 auto 20px;
}

/**/
.long .rnk img{
width: 260px;
margin-top: 20px;
}
.long_un{
margin-bottom: 0;
}


.layout_,.layout{display: block;}
.text_l{text-align: left!important}
/**/
.mv img{
width: 100%;
height: auto;
}
.int h2 {
font-size: 14px;
margin: 40px auto 18px;
}
.int h2 span{
font-size: 16px;
}
.int p{
font-size: 9px;
padding-bottom: 36px;
}
.int{
margin: 0 auto 36px;
}
.common{
padding-bottom: 0;
}
.common img{
width: 70%;
margin-bottom: 20px;
text-align: center;
}
.main,.r1,.area figure{
width: 100%;
margin: 0 auto;
}
.rnk .spng_btn a, .spng_btn_n,.area {
width: 100%;
}
.f1,.e1,.c1,.r1,.s1,.o1{
background: #FFF;
}
.rnk{
margin: 0 auto;
height: auto;
width: auto;
}

.f_other{
padding: 0 0 10px;
margin-top: 0;
}
.area {
position: static;
height: auto;
display: block
}
.rnk h2,.hsp,.rnk .r_text,.area h3,.area h4 ,.area p{
text-align: center;
}
.rnk h2,.area h3{
font-size: 16px;
margin: 10px auto 0;
}
.hsp,.rnk .r_text,.area h4 ,.area p{
font-size: 13px;
}
.area h4 {
line-height: 1.5;
margin: 0 auto 18px;
}

.spng_btn_n{
width: 80%;
margin: 0 auto;
}
.rnk .r_text{
height: auto;
display: block;
margin: 20px auto ;
width: 90%;
}
.area p{
margin-bottom: 20px
}
.rnk .spng_btn a, .spng_btn_n ,.spng_btn1 a{
margin: 0 auto 30px;
position: static;
font-size: 13px;
width: 80%;
padding: 10px 0;
}

.note{
font-size: 9px;
width: 80%;
margin: 10px auto;
}




}
/*430以下*/
@media screen and (max-width: 430px) {
.movie_area iframe{
width: 100%;
height: 241px;
}
}/*412以下*/
@media screen and (max-width: 412px) {


}
/*390以下*/
@media screen and (max-width: 390px) {
.movie_area iframe{
width: 100%;
height: 219px;
}
}
/*380以下*/
@media screen and (max-width: 380px) {
.movie_area iframe{
width: 100%;
height: 211px;
}
}

/*780以下*/
@media screen and (max-width: 780px) {     
  
}