/*navi*/
#mn_intro { cursor: default; pointer-events: none; filter: invert(15%) opacity(90%);}

/*contents*/
#con_sp h2 { width: 90%; max-width: 675px; margin: 0 auto;}
#con_sp h2 .title { display: block; width: 100%; height: 0; padding-top: 13.6%; padding-top: -webkit-calc(170 / 1250 * 100%); padding-top: calc(170 / 1250 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}

.cimg_sp0 { width: 100%; margin: .5em auto; position: relative; background-color: rgba(164, 5, 25, .1);}
.cimg_sp0 img { width: 100%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: relative;}

#mc_sp { box-sizing: border-box; width: 100%; max-width: 980px; margin: 0 auto; padding: 1em; background-image:  repeating-radial-gradient( circle at 0 0, transparent 0, rgba(255, 239, 192, .1) 10px ), repeating-linear-gradient( rgba(255, 239, 192, .5), rgba(245, 221, 150, .1) );}
#mc_sp .white_sp { box-sizing: border-box; width: 100%; background-color: rgba(255, 255, 255, 1); color: rgba(0, 0, 0, 1); padding: 2em 1em; text-align: center; font-size: 110%; font-weight: bold; line-height: 170%;}
#mc_sp .white_sp a { color: rgba(170, 2, 23, 1);}
#mc_sp .white_sp a:hover { color: rgba(120, 3, 18, 1);}
/*for_W768-*/
@media all and (min-width: 768px) { 
#mc_sp .white_sp { font-size: 120%;}
}