@charset "utf-8";
/* CSS Document */

.mod{
	background:#E9F0F0;
}

/* PC */
._pc .mod{ width:910px; overflow:hidden; padding:0; }
._pc .mod .mod_inner{ width:1820px; }

._pc .mod .main,
._pc .mod .sub{ float:left; width:910px; }

._pc .mod .main h1.title{ background:#646464; font-size:19px; font-size:1.9rem; line-height:1.0; color:#FFFFFF; padding:8px 15px; margin-bottom:20px; }
._pc .mod .main .thum{ float:left; width:325px; }
._pc .mod .main .thum img{ width:100%; height:auto; margin-bottom:10px; }
._pc .mod .main .text{ float:right; width:505px; padding:30px 15px 30px 30px; background:#FFFFFF; font-size:14px; font-size:1.4rem; line-height:2.21; }
._pc .mod .main .text_inner{ height:260px; overflow-y:auto; padding-right:15px; }
._pc .mod .main .note{ float:left; width:325px; font-size:14px; font-size:1.4rem; line-height:2.21; }
._pc .mod .main .note_title{ font-size:14px; font-size:1.4rem; line-height:1.0; padding-bottom:5px; border-bottom:1px solid #191919; }
._pc .mod .main .btn{ clear:both; width:270px; margin:0 auto; padding-top:30px; }
._pc .mod .main .btn a{ background-color:#FFFFFF; }

._pc .mod .sub h2.title{ background:#68ACCB; font-size:19px; font-size:1.9rem; line-height:1.0; color:#FFFFFF; padding:8px 15px; }
._pc .mod .sub .sub_inner{ background:#FFFFFF; padding:30px 15px 30px 30px; }
._pc .mod .sub .sub_inner>div{ height:280px; overflow-y:auto; padding-right:15px; }
._pc .mod .sub .text{ float:left; width:405px; font-size:14px; font-size:1.4rem; line-height:2.21; }
._pc .mod .sub .text.full{ float:none; width:auto; }
._pc .mod .sub .thum{ float:right; width:400px; }
._pc .mod .sub .thum img{ width:100%; height:auto; }
._pc .mod .sub .btn{ width:270px; margin:30px auto 0; }
._pc .mod .sub .btn a{ background-color:#FFFFFF; }

/* スマホ */
._sp .mod{ width:100%; overflow:hidden; padding:0; }
._sp .mod .mod_inner{ width:200%; }

._sp .mod .main,
._sp .mod .sub{ float:left; width:50%; }

._sp .mod .main h1.title{ background:#646464; font-size:16px; font-size:1.6rem; line-height:1.0; text-align:center; color:#FFFFFF; padding:5px; margin-bottom:10px; }
._sp .mod .main .thum{ text-align:center; width:100%; overflow-x:auto; margin-bottom:10px; }
._sp .mod .main .thum img{ width:auto; height:164px; margin-bottom:10px; }
._sp .mod .main .text{ padding:20px; background:#FFFFFF; font-size:12px; font-size:1.2rem; line-height:2.21; margin-bottom:30px;  }
._sp .mod .main .text_inner{ height:215px; overflow-y:auto; }
._sp .mod .main .note{ font-size:12px; font-size:1.2rem; line-height:2.21; }
._sp .mod .main .note_title{ font-size:12px; font-size:1.2rem; line-height:1.0; padding-bottom:5px; border-bottom:1px solid #191919; }
._sp .mod .main .btn{ width:200px; margin:0 auto; padding-top:25px; }
._sp .mod .main .btn a{ background-color:#FFFFFF; }

._sp .mod .sub h2.title{ background:#68ACCB; font-size:16px; font-size:1.6rem; line-height:1.0; text-align:center; color:#FFFFFF; padding:5px; }
._sp .mod .sub .sub_inner{ background:#FFFFFF; padding:20px; margin-bottom:30px; }
._sp .mod .sub .sub_inner>div{ height:470px; overflow-y:auto; }
._sp .mod .sub .text{ font-size:12px; font-size:1.2rem; line-height:2.21; margin-bottom:20px; }
._sp .mod .sub .thum{ width:100%; }
._sp .mod .sub .thum img{ width:100%; height:auto; }
._sp .mod .sub .btn{ width:200px; margin:30px auto 0; }
._sp .mod .sub .btn a{ background-color:#FFFFFF; }


/* end */