@charset "utf-8";

/* 各ランディングページのCSSは、こちらに集約させてください。
各ディレクトリの下には置かないでくさい。 */

/* ---------------------------------------------
 main style
--------------------------------------------- */
.mainw { margin-left:auto; margin-right:auto;}

/* ============================================
　ベース
============================================ */
.mainbase {width:760px; margin:0 auto;}
.mainbase2 {width:700px; margin:0 auto;}
.mainbase3 {width:1052px; margin:0 auto;}

h1.h_jc { color:#fff; font-size:150%; font-weight:bold; text-align:left; margin:0 0 20px; padding:15px 0px 7px 40px; background:url(../../jcores/image/line_title.gif) 0 100% no-repeat;}
h2.h { color:#36c; font-size:138.5%; font-weight:bold; margin:0 0 20px;}
h2.h2_jc { color:#003399; font-size:138.5%; font-weight:bold; text-align:left; margin:0 0 20px; padding:15px 0px 7px 40px; background:url(../../jcores/image/bg_title.gif) 0 100% no-repeat;}
h3.h { font-size:116%; color:#000; font-weight:bold; margin:0 0 5px;}
h3.hblue { font-size:116%; color:#36c; font-weight:bold; margin:0 0 5px;}
/* ---------------------------------------------
 BO style
--------------------------------------------- */
.border_o { border:#FF9900 1px solid;}
.border_gray { border:#ECEDED 1px solid;}
.border_g { border:#5E5E8C 1px solid;}
.bg_beige { background-color:#FEF2D3; }
           
h2.black { font-size:138.5%; color:#000; margin:0 0 15px; text-align:left; font-weight:bold;}


/* ============================================
　レイアウト
============================================ */

/* 色つき背景 */
.bgc_green {margin:0 0 30px 0; padding:15px 20px; background:#ecf2f2;}
.bgc_purple {margin:0 0 30px 0; padding:15px 20px; background:#efeefe;}
/* 幅 */
.w630 {width:630px;}
.w640 {width:640px;}
.w650 {width:650px;}
.w660 {width:660px;}
.w670 {width:670px;}
.w680 {width:680px;}
.w690 {width:690px;}
.w700 {width:700px;}
.w710 {width:710px;}
.w720 {width:720px;}
.w730 {width:730px;}
.w740 {width:740px;}
.w750 {width:750px;}
.w760 {width:760px;}
.w1052 {width:1052px;}

/*---------------------------------------------
	[IG] 画像
  ---------------------------------------------*/
.img {
  margin-bottom: 20px;
  text-align: center;
}

.img > a {
  position: relative;
  display: inline-block;
  max-width: 100%;
  vertical-align: top;
  overflow: hidden;
}

.img .modal-video:before,
.modal-video .img:before {
  content: "";
  position: absolute;
  z-index: 1;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  /* width: 64px; height: 64px; background-image: url(../images/icon_play.png); */
  width: 100px;
  height: 100px;
  background-image: url(../common/images/icon_play2.png);
  background-repeat: no-repeat;
  background-size: 100%;
}

.img.full img {
  width: 100%;
}