@charset "utf-8";
/*==========================================================================
 common css
 ========================================================================== */
main .imgRep {
	overflow: hidden;
	white-space: nowrap;
	text-indent: 100%;
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100%;
}
main .inlineWrap {
  font-size: 0;
  letter-spacing: 0;
}
main .br { display: block; }
main .split { display: inline-block; }
main .fontBold { font-weight: bold; }
main :hover { opacity: 1.0; }


/*==========================================================================
 contwrap css
 ========================================================================== */

body {
  min-width: 1012px;
  letter-spacing: 0;
}

/*-----------上書き-------------*/
body{ line-height:150%;}
#wrap{background-image:none; background-color:#fff;}
h1{background-image:none; background-color:transparent; padding:0; margin:0; border:0; width:100%; height:auto;}
h2{background-image:none; background-color:transparent; padding:0; margin:0; border:0; width:100%; height:auto; text-align:center;}
h3{background-image:none; background-color:transparent; padding:0; margin:0; border:0; width:100%; height:auto; text-align:center; font-weight:700;}
img{ vertical-align:bottom ;}
header{ text-align:center; padding-top:10px; padding-bottom:15px; border-bottom:1px solid #ccc; background-color:#fff; }
#wrap{ padding-bottom:10px;}
#container{ overflow: hidden; min-width:1000px; }
#cwrap{
	width:100%;
	height:auto;
	padding-bottom:30px;
}
.plantxt{ background-color:#fff; font-size:18px; padding:15px 20px; width:500px; float:right; line-height:160%;}
.plantxt2{ background-color:#fff; font-size:18px; padding:15px 20px; width:580px; float:right; line-height:160%; height:100%;}
.planbox{ border:6px solid #fff; margin-bottom:10px; }
.p_red{ border-color:#DA0000; background-color:#DA0000;}
.p_or{ border-color:#FE4D00; background-color:#FE4D00;}
.p_yl{ border-color:#F29200; background-color:#F29200;}
.p_g{ border-color:#8E8E8E; background-color:#8E8E8E;}
.p_bl{ border-color:#3461BE; background-color:#3461BE;}
#kiyakubox{
	width:860px;
	height:200px;
	  padding:20px;
	margin:0 auto;
	overflow:auto;
	border:1px solid #ccc;
	font-size:13px;
	line-height:140%;
}
a {text-decoration: none;}
#lcont{ width:330px; float:left;}
.wma{margin:0 auto; background-color:#fff; }
.w960{ width:960px; margin:0 auto; background-color:#fff; }
.w900{ width:900px; margin:0 auto; background-color:transparent; }
.w800{ width:800px; margin:0 auto; background-color:transparent; }
.pd50{ padding: 50px;}
.plant{ font-size:38px; line-height:150%; margin-bottom:20px; font-weight:bold; text-align:center;}
@media screen and (min-width: 769px){
  .sp-display { display: none!important;}
}
@media screen and (max-width: 768px){
  .pc-display { display: none!important;}
}
/*--------txt----------*/
.txt840{ font-size:16px; line-height:160%; width:840px; margin:0 auto;}
.tcenter{ text-align:center;}
.cptxt{ font-size:18px; line-height:160%;}
.cptxt2{ font-size:13px; line-height:160%;}
.wcol a{color:#fff; text-decoration:none;}
.wcol a:hover{color:#fff; text-decoration:underline;}
/*--------BG--------------*/
#cwrap h1 .BG{
  background-image: url(/special/natsutabi/img/pcbg.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
   }


/*--------btn----------*/
.odbtn{ display:block; width:550px; margin:0 auto; height:96px;}
.odbtn a{ line-height: 90px;
	padding:30px 157px 30px 140px;
	width:485px;
	font-size:28px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	border-radius: 5px;
	-webkit-border-radius: 5px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 5px; /* Firefox用 */ 
	background: url(../img/p_top_new/btn_arrowf.png) no-repeat right center;
	background-color:#FE0179;
	box-shadow: 0 4px 0 #960148;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
.odbtn a:hover, .odbtn a:active{background-color: #E90170; box-shadow: 0 3px 0 #6D0134;}
.greenbtn{
	/*width:525px !important;*/
}
.greenbtn a{
	background-color: #05419A;
	box-shadow: 0 4px 0 #020F4D;
}
.greenbtn a:hover{
	background-color:#043A8C;
	box-shadow: 0 4px 0 #000D33;
}
.chuuibox span{ display:block; background-color: #FFEBDF; padding:5px; margin-bottom:10px;}

/*--------TOP----------*/
.conttop{
	width:100%;
	height:auto;
	background: url(/special/natsutabi/img/pcbg.png) no-repeat center center;
}
.conttop h1{
	width:100%;
	height:721px;
	background: url(/special/natsutabi/img/img_pc.png) no-repeat center center;
	text-indent:-999em;
}

.bd {
	color:#FF0081;
	border-bottom: 8px solid;
}

/*--------SNS----------*/
.container3 {
	display: table;
	width: 100%;
	height: 103px;
}

.container3 img {
	float: left;
}
.container4 {
	display: table;
	width: 100%;
}
.content {
	display: table-cell;
	vertical-align: top;/**/
	text-align: center;
}
/*--------BG----------*/
#main{
	background: url(/special/natsutabi/img/pcbg.png) no-repeat center center;
	width: 100%;
}
#main .main_img{
	margin: 0 auto;
	max-width: 960px;
}
#tit{
	background: #FFF 0 0 repeat-x;
	width: 100%;
	padding: 20px;
}
#tit .tit_img{
	margin: 0 auto;
	max-width: 1000px;
}
#tit2{
	background: #E33D17 0 0 repeat-x;
	width: 100%;
}
#tit2 .tit_img2{
	margin: 0 auto;
	max-width: 1000px;
}
#member{
	background: #F9D7C8 0 0 repeat-x;
	width: 100%;
	padding: 20px;
}
#member .member_main_img{
  margin: 0 auto;
  margin-bottom: 60px;
	width: 960px;
  height: 998px;
  background-image: url(/special/natsutabi/img/img3.png);
}
#mission{
	background: #FFFFA6 0 0 repeat-x;
	width: 100%;
	padding-top: 20px;
}
#mission img{
	padding-bottom: 20px;
}
#mission .mission_img{
	margin: 0 auto;
    margin-bottom: 60px;
	max-width: 920px;
}
#thx{
	background: #FFFFFF 0 0 repeat-x;
	width: 100%;
	padding: 20px;
}
#thx .thx_main_img{
	margin: 0 auto;
    margin-bottom: 60px;
	max-width: 960px;
}

/*--------btn----------*/
a#btn{
    background: url(/special/natsutabi/img/tw_btn.png) top left no-repeat;
    height: 100px;
    width: 960px;
    display: block;
    margin: 0 auto;
}
/*--------txt----------*/
.tcenter{ text-align:center;}

@media screen and (max-width: 479px) {
header a img{height:88px;margin:16px 0;}
#cwrap{
	width:100%;
	height:auto;
	padding-bottom:30px;
}
.odbtn{ display:block; width:800px; margin:0 auto; height:160px; margin-bottom:50px;}
.odbtn a{ line-height: 90px;
	padding:34px 120px 34px 130px;
	width:500px;
	font-size:50px;
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	border-radius: 8px;
	-webkit-border-radius: 8px; /* Safari,Google Chrome用 */
	-moz-border-radius: 8px; /* Firefox用 */ 
	display:block; 
	 margin:0 auto;
}

header a img{height:88px;margin:16px 0;}

#app .txt_sp{
	width:80%;
	font-size: 18px;
	line-height:150%;
	text-align: left;
	bottom:4px;
	margin:0;
	padding:0;
	color:#333;
	position:absolute; /* 絶対位置指定 */
	top: 780px;
	left: 110px;
	width: 820px;
	}

#app .box_inr_sp {
	width: 80%;
	margin: 0 auto;
	font-size: 16px;
	position:absolute; /* 絶対位置指定 */
	top: 1280px;
	left: 160px;
	width: 650px;
	padding: 8px;
	background-color: #fff;
	border: 2px solid #2DB1FF;
}
}


/*==========================================================================
 imotonowifi fix
 ========================================================================== */
main { padding-bottom: 0; }
#list {
  max-width: 960px;
  margin: 0 auto;
  font-size: 0;
}
#list .bn1 {
  display: inline-block;
  width: 21.25%;
    margin-right: 1.5%;
  margin-left: 1.5%;
  vertical-align: middle;
}
.container4+ div { padding: 20px 0 50px; }
a#btn {
  display: inline-block;
  margin: 0 auto;
}
#mission .mission_img { margin-bottom: 50px; }
#mission+ .pd50 {
  margin-bottom: 50px;
  padding: 0;
}