@charset "utf-8";

/* ------------------------------------------------------------------
     common
------------------------------------------------------------------ */

#feature_ .contents_inner_ {
    width: 100%!important;
		margin: 0 auto 0 !important;
    padding: 0 !important;
    letter-spacing: 0.15em !important;
    color:#3d3d3d;
    font-size: 12px;
    line-height: 2em;
}
#feature_ .contents_inner_ div,
#feature_ .contents_inner_ h1,
#feature_ .contents_inner_ h2,
#feature_ .contents_inner_ p,
#feature_ .contents_inner_ ul,
#feature_ .contents_inner_ li,
#feature_ .contents_inner_ span{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
  font-family: kozuka-gothic-pr6n, sans-serif;
  font-style: normal;
  font-weight: 400;
  list-style: none;
  padding: 0;
  margin: 0;
}
#feature_ .contents_inner_ img{
	margin: 0;
	padding:0;
    vertical-align: bottom;
}
#feature_ .contents_inner_ a {
	filter:alpha(opacity=100);
	-ms-filter:"alpha(opacity=100)";
	opacity:1;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  text-decoration: underline;
	color:#3d3d3d;
  line-height: 2em;
}

#feature_ .contents_inner_ a:hover {
	filter:alpha(opacity=50);
	-ms-filter:"alpha(opacity=50)";
	opacity:0.5;
	text-decoration:none;
}

/* -----------------------------------------------
フェードインの動きの大きさ設定
-------------------------------------------------- */
@keyframes fadeInUpsmall{
  0%{opacity:0;transform:translate3d(0,10%,0)}
  to{
    opacity:1;transform:none
  }
}
.fadeInUpsmall{
  animation-name:fadeInUpsmall}

  @keyframes fadeInDownsmall{
    0%{opacity:0;transform:translate3d(0,-10%,0)}
    to{
      opacity:1;transform:none
    }
  }
  .fadeInDownsmall{
    animation-name:fadeInDownsmall}



/* -----------------------------------------------
     h1
-------------------------------------------------- */

#feature_ .contents_inner_ h1#ttl_main_{

  text-align: center;
  margin: 40px auto 100px !important;
  padding: 0 0 0 0 ;
}

#feature_ .contents_inner_ h2.ttl_{
	width:100%;
	margin-bottom: 50px !important;
	text-align: center;
	padding: 0px 0 0 0;
}

/* -----------------------------------------------
     inner_contents
-------------------------------------------------- */
#feature_ .contents_inner_ div.inner_contents_{
  margin: 0 auto 0px;
  padding: 0 0;
  overflow: hidden;
}



/* --------------------------------------
  各コンテンツ
----------------------------------------- */
#feature_ .contents_inner_ .contents_{
  width:1000px;
  margin:0 auto !important;
  overflow: hidden;
}

#feature_ .contents_inner_ .contents_ .left_,
#feature_ .contents_inner_ .contents_ .right_{
  float: left;
  text-align: center;
}

#feature_ .contents_inner_ .item_text01_,
#feature_ .contents_inner_ p.ph_{
  width: 100%;
  margin:0 auto;
  text-align: center;
}

#feature_ .contents_inner_ .item_text01_ span{
  font-size: 14px;
  display: block;
  margin-bottom: 10px;
}

#feature_ .contents_inner_ .text_left_{
  text-align: left !important;
}
#feature_ .contents_inner_ .text_right_{
  text-align: right !important;
}

#feature_ .contents_inner_ p.item_text02_{
  width: 100%;
  margin: 10px auto 0;
  text-align: center;
}




/* --------------------------------------
  position
----------------------------------------- */

#feature_ .contents_inner_ .contents01_ .right_{
  width:500px;
  height: 850px;
  overflow: hidden;
  position: relative;
}
#feature_ .contents_inner_ .contents01_ .right_ .ph01_{
  width:81px;
  height: 136px;
  position:absolute;
  top:120px;
  left:110px;
}


#feature_ .contents_inner_ .contents02_{
  width:850px;
  height: 1110px;
  overflow: hidden;
  position: relative
}
#feature_ .contents_inner_ .contents02_ .ph01_{
  width:616px;
  height: 700px;
  position:absolute;
  top:0px;
  right:0px;
}
#feature_ .contents_inner_ .contents02_ .ph02_{
  width:450px;
  height: 610px;
  position:absolute;
  bottom:0px;
  left:0px;
}
#feature_ .contents_inner_ .contents02_ .text01_{
  width:400px;
  position:absolute;
  bottom:180px;
  right:0px;
}


#feature_ .contents_inner_ .contents03_{
  width: 1000px;
  height: 1280px;
  overflow: hidden;
  position: relative;
}
#feature_ .contents_inner_ .contents03_ .ph01_{
  width:547px;
  height: 724px;
  position:absolute;
  top:150px;
  left:0px;
}
#feature_ .contents_inner_ .contents03_ .ph02_{
  width:430px;
  height: 580px;
  position:absolute;
  top:0px;
  right:0px;
}
#feature_ .contents_inner_ .contents03_ .ph03_{
  width:430px;
  height: 580px;
  position:absolute;
  bottom:0px;
  right:140px;
}
#feature_ .contents_inner_ .contents03_ .ph04_{
  width:54px;
  height: 93px;
  position:absolute;
  bottom:510px;
  right:215px;
}


#feature_ .contents_inner_ .contents04_{
  width:950px;
  height: 850px;
  overflow: hidden;
  position: relative;
}
#feature_ .contents_inner_ .contents04_ .text01_{
  width:500px;
  position:absolute;
  bottom:60px;
  left:0px;
}


#feature_ .contents_inner_ .contents05_{
  width: 1000px;
  height: 1280px;
  overflow: hidden;
  position: relative;
}
#feature_ .contents_inner_ .contents05_ .ph01_{
  width:430px;
  height: 580px;
  position:absolute;
  top:0px;
  left:0px;
}
#feature_ .contents_inner_ .contents05_ .ph02_{
  width:500px;
  height: 725px;
  position:absolute;
  top:150px;
  right:0px;
}
#feature_ .contents_inner_ .contents05_ .ph03_{
  width:458px;
  height: 580px;
  position:absolute;
  bottom:0px;
  left:140px;
}
#feature_ .contents_inner_ .contents05_ .ph04_{
  width:88px;
  height: 84px;
  position:absolute;
  bottom:430px;
  left:123px;
}


#feature_ .contents_inner_ .contents06_{
  width: 850px;
  height: 1050px;
  overflow: hidden;
  position: relative;
}
#feature_ .contents_inner_ .contents06_ .ph01_{
  width:678px;
  height: 701px;
  position:absolute;
  top:0px;
  left:0px;
}
#feature_ .contents_inner_ .contents06_ .ph02_{
  width:450px;
  height: 600px;
  position:absolute;
  top:450px;
  right:0px;
}
#feature_ .contents_inner_ .contents06_ .text01_{
  width:400px;
  position:absolute;
  bottom:160px;
  left:0px;
}




/* --------------------------------------
     margin
----------------------------------------- */

#feature_ .contents_inner_ .mgt15_{margin-top: 15px !important;}
#feature_ .contents_inner_ .mgt20_{margin-top: 20px !important;}
#feature_ .contents_inner_ .mgt25_{margin-top: 25px !important;}
#feature_ .contents_inner_ .mgt30_{margin-top: 30px !important;}
#feature_ .contents_inner_ .mgt40_{margin-top: 40px !important;}
#feature_ .contents_inner_ .mgt50_{margin-top: 50px !important;}
#feature_ .contents_inner_ .mgt70_{margin-top: 50px !important;}
#feature_ .contents_inner_ .mgt80_{margin-top: 80px !important;}
#feature_ .contents_inner_ .mgt100_{margin-top: 100px !important;}
#feature_ .contents_inner_ .mgt110_{margin-top: 110px !important;}
#feature_ .contents_inner_ .mgt120_{margin-top: 120px !important;}
#feature_ .contents_inner_ .mgt130_{margin-top: 130px !important;}
#feature_ .contents_inner_ .mgt150_{margin-top: 150px !important;}
#feature_ .contents_inner_ .mgt180_{margin-top: 180px !important;}
#feature_ .contents_inner_ .mgt200_{margin-top: 200px !important;}
#feature_ .contents_inner_ .mgt250_{margin-top: 250px !important;}

#feature_ .contents_inner_ .mgl30_{margin-left: 30px !important;}
#feature_ .contents_inner_ .mgl50_{margin-left: 50px !important;}


#feature_ .contents_inner_ .mgb70_{margin-bottom: 70px !important;}


#feature_ .contents_inner_ .wd300_{width:300px !important;}
#feature_ .contents_inner_ .wd320_{width:320px !important;}
#feature_ .contents_inner_ .wd400_{width:400px !important;}
#feature_ .contents_inner_ .wd410_{width:410px !important;}
#feature_ .contents_inner_ .wd450_{width:450px !important;}
#feature_ .contents_inner_ .wd470_{width:470px !important;}
#feature_ .contents_inner_ .wd500_{width:500px !important;}
#feature_ .contents_inner_ .wd550_{width:550px !important;}
#feature_ .contents_inner_ .wd600_{width:600px !important;}
#feature_ .contents_inner_ .wd730_{width:730px !important;}
#feature_ .contents_inner_ .wd720_{width:720px !important;}
#feature_ .contents_inner_ .wd770_{width:770px !important;}
#feature_ .contents_inner_ .wd850_{width:850px !important;}
#feature_ .contents_inner_ .wd900_{width:900px !important;}
#feature_ .contents_inner_ .wd920_{width:920px !important;}
#feature_ .contents_inner_ .wd1000_{width:1000px !important;}


/* --------------------------------------
     link_
----------------------------------------- */

#feature_ .contents_inner_ ul.link_{
	width:1040px;
	margin: 130px auto 0;
	padding:0 0 70px 0 ;
	overflow:hidden;
	font-size:14px;
	text-align:center;
}

#feature_ .contents_inner_ ul.link_ li{
	width:430px;
	float:left;
	margin:0 45px;
  background:#8b8b8b;
}

#feature_ .contents_inner_ ul.link_ li a{
	display:block;
	padding:20px;
	text-decoration:none;
  color:#fff;
}
