.contents { padding: 1em 1em 1.5em 1em;}
.poster_img { width: 100%; height: 0; padding-top: 71%; padding-top: -webkit-calc(852 / 1200 * 100%); padding-top: calc(852 / 1200 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: relative;}

/*intro*/
#intro_imgsp1 { box-sizing: border-box; width: 100%; max-width: 720px; border: 1px solid rgba(0, 152, 221, .8); background: rgba(255, 255, 255, 1); padding: .5em; margin: 1em auto;}
#intro_imgsp2 { box-sizing: border-box; width: 100%; max-width: 500px; background: rgba(255, 255, 255, 1); margin: 0 auto 2em auto;}
#intro_img1, #intro_img2 { width: 100%; height: 0; padding-top: 66.666666666666667%; padding-top: -webkit-calc(800 / 1200 * 100%); padding-top: calc(800 / 1200 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}

.catch_txt {width: 100%; letter-spacing: 0; font-size: 160%; line-height: 150%; color: rgba(0, 152, 221, 1); text-align: center; padding: .5em 0; font-weight: bold;}
/*for_W640-*/
@media all and (min-width: 640px) {
.catch_txt  { font-size: 160%;}
}
/*for_W768-*/
@media all and (min-width: 768px) {
.catch_txt  { font-size: 170%;}
}