@charset "utf-8";
.m_wide01 {position: relative; display: block; width:100%; float: left;  overflow: hidden}
.m_wide {position: relative; display: block; width:100%; float: left;  overflow: hidden; margin-top: 20px}
.m_left {position: relative; display: block; width:63%; float: left; }
.m_right {position: relative; display: block; width:35%; float: right; padding-left: 20px; box-sizing: border-box }
.m_right p{font-size: 36px; font-weight: 700; letter-spacing: -0.02em; color: #666}
.m_right span{font-size: 20px; font-weight: 700;  color: #666}
.noti{position: relative; display: block; width:100%; float: left; margin-top: 40px;}

.four{position: relative; display: block; width:23%; float: left;padding: 30px 10px; box-sizing: border-box; text-align: center; border: 1px solid #000; margin-right: 2.5%;cursor: pointer;background-color: #fff; transition: 1s;
}
.four:last-child {margin-right: 0}

.four:hover{background-color: #ca940a; border: 1px solid #000; color: #fff}

.four p.tit{font-size: 20px; font-weight: 700; letter-spacing: -0.02em}
.four span.sub{font-size: 14px; font-weight: 400; letter-spacing: -0.02em}
.onoff_pc{display: block}
.onoff_mo{display: none}


@media (max-width: 767px) {		
.m_wide01{padding: 0 00px; box-sizing: border-box}
    .m_wide{padding: 0 20px; box-sizing: border-box;margin-top: 0px}
.m_left {position: relative; display: block; width:100%; float: left; }
.m_right {position: relative; display: block; width:100%; float: left; padding-left:0px; box-sizing: border-box; margin-top: 20px; padding: 0 20px }
.m_right p{color: #ca940a; font-size: 28px; }

    
    .onoff_pc{display: none}
.onoff_mo{display: block}
    
.four{position: relative; display: block; width:47%; float: left;padding: 30px 10px; box-sizing: border-box; text-align: center; border: 1px solid #000; margin-right: 2.5%;cursor: pointer;background-color: #ca940a; transition: 1s;color: #fff; margin-bottom: 10px
}
    
.four:hover{background-color: #fff; border: 1px solid #000; color: #000}


}