@charset "utf-8";
#Na_exercise sup { font-size:12px; vertical-align:text-top; }
/*youtube*/
.container { position: relative; width: 100%; max-width: 768px; margin: 0 auto; }
.video-container { position: absolute; top: 0%; left: 5%; width: 90%; height: 100%; padding-top: 0%; }
.video-container iframe { width: 100%; height: 100%; border: 0; }

/*===============================================
●SP 画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){
#Na_exercise{ width:100%; margin:0 auto; }
#Na_exercise .Na_fv { margin: 0px 0px 80px; }
#Na_exercise .img { width:100%; text-align:center; }
#Na_exercise .mar_btm80 { margin-bottom: 40px; }
#Na_exercise .mar_btm40 { margin-bottom: 20px; }
#Na_exercise .mar_btm20 { margin-bottom: 10px; }
#Na_exercise .exp { overflow: hidden; margin: 40px 10px 20px; }
#Na_exercise .flo-m { margin: 0 auto 20px; text-align: center; }
#Na_exercise .flo-l { margin-bottom: 10px; }
#Na_exercise .flo-r { width: 90%; font-size: 16px; line-height: 1.5;  text-align: left; margin: auto; }
#Na_exercise .box { text-align: center; width: 90%; margin: auto; background-color: #e1efd8; padding: 20px 24px; }

/* テキスト */
#Na_exercise .text1 { font-size: 16px; line-height: 1.5; text-align: center; color: #ee7936; margin: 0 20px; }
#Na_exercise .text { font-size: 16px; line-height: 1.5; text-align: left; }
#Na_exercise .kome { font-size:14px; line-height:1.2; text-align:right; }

/* 一覧 */
.text16 { font-size:16px; line-height:1.5; text-align: justify; }
.backnbbox_a { margin:0px 8px 50px; }
.backnbtlwaku { border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; -moz-border-radius: 5px 5px 0px 0px; position: relative; z-index: 1; background: #FFF; border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; margin:16px 0px 0px; width:175px; }
.backnbwaku { border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; -moz-border-radius: 0px 0px 5px 5px; position: relative; z-index: 0; background: #FFF; border: 1px solid #cccccc; margin-top:-1px; }
.backnbtl { margin:0px; padding:10px 15px 5px; font-size:14px; }
.backnbbox { padding:8px 0px 0px 8px; overflow:hidden; font-size:12px; line-height:1.2; }
.backnbbox .img { width:100%; margin-bottom:4px; }
.backnb01 { width:48%; margin:0 2% 2% 0; float:left; text-align:center; }
.backnb03 { width:48%; margin:0 4% 0 0; float:left; text-align:center; }
.backnb04 { width:48%; margin:0 4% 0 0; float:left; text-align:center; }
.backnb05 { width:48%; margin:0 4% 0 0; float:left; text-align:center; }
.backnb06 { width:48%; margin:0; float:left; text-align:center; }
}

/*===============================================
●PC 画面の横幅が640px
===============================================*/
@media screen and (min-width:640px){
#Na_exercise{ width:1024px; margin:0 auto; text-align: center; }
#Na_exercise .Na_fv { padding: 0px 0px 80px; }
#Na_exercise .img { margin:auto; }
#Na_exercise .mar_btm80 { margin-bottom: 80px; }
#Na_exercise .mar_btm40 { margin-bottom: 40px; }
#Na_exercise .mar_btm20 { margin-bottom: 20px; }
#Na_exercise .exp { overflow: hidden; margin: 80px auto 40px; }
#Na_exercise .flo-m { margin: 0 auto 40px; width: 70%; overflow: hidden; }
#Na_exercise .flo-l { float: left; width: 45%; }
#Na_exercise .flo-r { float: left; width: 55%; font-size: 18px; line-height: 1.5;  text-align: left; padding-top: 10px; }
#Na_exercise .box { text-align: center; width: 100%; margin: auto; background-color: #e1efd8; padding: 20px 32px; }

/* テキスト */
#Na_exercise .text1 { font-size: 18px; line-height: 1.5; text-align: center; color: #ee7936; }
#Na_exercise .text { font-size: 18px; line-height: 1.5; text-align: left; }
#Na_exercise .kome { font-size:14px; line-height:1.2; text-align:right; }

/* 一覧 */
.text16 { font-size:16px; line-height:1.5; text-align: justify; }
.backnbbox_a { width:1024px; margin:0 auto; }
.backnbtlwaku { border-radius: 10px 10px 0px 0px; -webkit-border-radius: 10px 10px 0px 0px; -moz-border-radius: 10px 10px 0px 0px; position: relative; z-index: 1; background: #FFF; border-top: 1px solid #cccccc; border-right: 1px solid #cccccc; border-left: 1px solid #cccccc; margin:40px 0px 0px; width:175px; }
.backnbwaku { border-radius: 0px 0px 10px 10px; -webkit-border-radius: 0px 0px 10px 10px; -moz-border-radius: 0px 0px 10px 10px; position: relative; z-index: 0; background: #FFF; border: 1px solid #cccccc; margin-top:-1px; }
.backnbtl { margin:0px; padding:10px 15px 5px; font-size:20px; }
.backnbbox { padding:20px 0px 10px 10px; overflow:hidden; font-size:12px; line-height:1.2; }
.backnbbox .img { width:158px; margin-bottom:5px; }
.backnb01 { width:158px; margin:0px 10px 10px 0px; float:left; text-align:center; }
.backnb03 { width:158px; margin:0px 10px 0px 0px; float:left; text-align:center; }
.backnb04 { width:158px; margin:0px 10px 0px 0px; float:left; text-align:center; }
.backnb05 { width:158px; margin:0px 10px 0px 0px; float:left; text-align:center; }
.backnb06 { width:158px; margin:0px; float:left; text-align:center; }
}