@charset "UTF-8";


/*
	HOME
--------------------------------------------------*/
.home .fullPage {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
.home #mainVisual {
	position: relative;
}
.home .sliderLink{
	position: absolute;
	top: 12%;
	left: 50%;
	margin-left: -178px;
	
}
.home .sliderLink li{
	position: absolute;
	top: 30px;
	left: 0;
}
.home .sliderLink li a{
	width: 355px;
	height: 355px;
	display: block;
}

/* 仮（PCリンク無効） */
.home .slider > li > a{
  pointer-events: none;
  cursor: default;
}
.home .slider > li > a:hover img{
  opacity: 1;
}

/*.home #mainVisual .slider li {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.home #mainVisual .slider li.slide01 {
	background-image: url(http://kobevision.jp/wp-content/themes/kobevision2016/img/top/img_slide01.jpg);
}
.home #mainVisual .slider li.slide02 {
	background-image: url(http://kobevision.jp/wp-content/themes/kobevision2016/img/top/img_slide02.jpg);
}
.home #mainVisual .slider li.slide03 {
	background-image: url(http://kobevision.jp/wp-content/themes/kobevision2016/img/top/img_slide03.jpg);
}
.home #mainVisual .slider li img {
	display: none;
}*/

.home #newsArea {
	background: #EEE;
	padding: 30px 0;
}
.home #newsArea .contentIn {
	width: 800px;
}
.home #newsArea h2 {
	text-align: center;
	margin-bottom: 35px;
}
.home ul.newsList {
	font-size: 14px;
}

.home dl.newsList {
	border: 1px dotted #AAA;
	width: 264px;
	height:auto;
	float: left;
}
.home dl.newsList dd {
	border-bottom: 1px dotted #AAA;
	padding: 10px;
	position: relative;
	text-align: center;
}
.home dl.newsList dd span {
	width: 90px;
}


.home #newsArea .button01 {
    margin-top: 370px;
    clear: both;
}
.home #newsArea .button01 a {
	outline: none;
}
/* Modal */
.home #newsModal {
	width: 950px;
	color: #fff;
	background: rgba(0,0,0,.8);
	padding: 40px 75px 20px;
	margin: 40px auto;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.home #newsModal h2 {
	text-align: center;
	margin-bottom: 30px;
}
.home #newsModal ul.newsList li a {
	color: #fff;
}
.home #newsModal .closeBtn {
	position: absolute;
	right: 15px;
	top: 10px;
}

.home #developmentArea {
	background: #EEE;
	padding: 55px 0;
	border-top:3px solid #808080;
}
.home #developmentArea .contentIn {
	width: 800px;
}
.home #developmentArea h2 {
	text-align: center;
	margin-bottom: 35px;
}
.home #developmentArea ul {
	letter-spacing: -.4em;
	margin-top: 50px;
}
.home #developmentArea ul li {
	display: inline-block;
	letter-spacing: normal;
	margin: 0px 8px 0px 8px;
}

.home #aboutArea {
	text-align: center;
	background: url(../../img/top/bg_about01.jpg) no-repeat center center;
	background-attachment: fixed;
	background-size: cover;
}
.home #aboutArea .contentIn {
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	margin: -200px auto 0;
}
.home #aboutArea h2 {
	margin-bottom: 20px;
}
.home #aboutArea p {
	font-size: 15px;
	line-height: 1.8;
	text-shadow: 5px 5px 15px #fff, -5px 5px 15px #fff, 5px -5px 15px #fff, -5px -5px 15px #fff;
}
.home #aboutArea ul {
	letter-spacing: -.4em;
	margin-top: 50px;
}
.home #aboutArea ul li {
	display: inline-block;
	letter-spacing: normal;
	margin: 0 15px;
}
.home #aboutArea ul li a {
	display: block;
	width: 389px;
	background: rgba(31,31,31,.8);
	border: 1px solid #CCC;
}
.home #aboutArea ul li a:hover {
	opacity: .75;
}
.home #aboutArea ul li a:hover img {
	opacity: 1;
}

.home #smileArea {
	background: url(../../img/top/bg_smile01.jpg) no-repeat center center;
	background-attachment: fixed;
	background-size: cover;
	padding: 200px 0 100px;
}
.home #smileArea .titleBox {
	margin-bottom: 25px;
}
.home #smileArea .catch {
	text-align: center;
	margin-bottom: 150px;
}
.home #smileArea .contentIn {
	width: 1030px;
	background: #fff;
	padding: 30px;
}
.home #memberArea {
	text-align: center;
	background: #F5F5F5 url(../../img/top/bg_member01.png) no-repeat center bottom;
	padding: 75px 0 265px;
}
.home #memberArea h2 {
	margin-bottom: 40px;
}
.home #memberArea .text p {
	font-size: 15px;
	line-height: 1.8;
	margin-bottom: 30px;
	letter-spacing: 2px;
}

.home #columnArea {
	background: #2BA6E0;
}

@media screen and (max-width:768px) {
	.home #mainVisual .slider li {
		background: none !important;
	}
	.home #mainVisual .slider li img {
		display: block;
	}

	.home #newsArea {
		padding: 20px 0 25px;
	}
	.home #newsArea .contentIn {
	    text-align: center;
    display: inline-block;
}
	.home #newsArea h2 {
		margin-bottom: 12px;
	}
	.home #newsArea h2 img {
		width: 53px;
	}
	.home ul.newsList {
		font-size: 10px;
		text-align: center;
    display: inline-block;
	}
	.home ul.newsList li span {
		width: 75px;
	}
	.home #newsArea .button01 {
		margin-top: 20px;
		clear: both;
	}
	/* Modal */
	.home #newsModal {
		width: 96%;
		padding: 30px 10px 20px;
		margin: 5% auto;
	}
	.home #newsModal h2 {
		margin-bottom: 12px;
	}
	.home #newsModal h2 img {
		width: 53px;
	}
	.home #newsModal .closeBtn img {
		width: 60px;
	}
	.home #developmentArea {
		padding: 20px 0 25px;
		border-top: 1px solid #808080;
	}

	.home #developmentArea h2{
		margin-bottom: 0px;
	}
	.home #developmentArea h2 img {
		width: 100px;
	}
	.home #developmentArea ul {
		width: 250px;
		margin: 10px auto 0;
	}
	.home #developmentArea ul li {
		display: block;
		text-align: center;
		margin: 25px 0 0;
	}
	.home #developmentArea ul li a {
		width: 100%;
		padding: 2px 0;
	}
	.home #developmentArea ul li a img {
		width: 200px;
	}
	
	.home #aboutArea {
		background: none;
		background-position: center top;
		background-attachment: scroll;
		background-size: auto 125px;
		padding: 0 0 45px;
	}
	.home #aboutArea .contentIn {
		position: static;
		margin: 0 auto;
	}
	.home #aboutArea h2 {
		background: url(../../img/top/bg_about01.jpg) no-repeat center center;
		background-size: cover;
		padding: 30px 20px;
		margin: 0 -4% 20px;
	}
	.home #aboutArea p {
		font-size: 12px;
	}
	.home #aboutArea ul {
		width: 250px;
		margin: 10px auto 0;
	}
	.home #aboutArea ul li {
		display: block;
		text-align: center;
		margin: 25px 0 0;
	}
	.home #aboutArea ul li a {
		width: 100%;
		padding: 2px 0;
	}
	.home #aboutArea ul li a img {
		width: 132px;
	}
	.home #smileArea {
		background: none;
		padding: 0 0 45px;
	}
	.home #smileArea .titleBox {
		background: url(../../img/top/bg_smile01.jpg) no-repeat center center;
		background-size: cover;
		padding: 45px 0 15px;
		margin-bottom: 25px;
	}
	.home #smileArea .catch {
		padding: 0 10px;
		margin-bottom: 45px;
	}

	.home #memberArea {
		background-size: auto 120px;
		padding: 30px 0 165px;
	}
	.home #memberArea h2 {
		margin-bottom: 20px;
	}
	.home #memberArea h2 img {
		width: 180px;
	}
	.home #memberArea .text {
		margin-bottom: 25px;
	}
	.home #memberArea .text p {
		font-size: 12px;
		margin-bottom: 15px;
	}
	.home #footer{
		margin-top:0;
	}
}



/*
	smile1000.html
--------------------------------------------------*/
.smile1000 #mainVisual{
	position:relative;
	width:100%;
	height:585px;
	background:url(../../img/smile1000/bg_main01.jpg) no-repeat top center;
	background-size:cover;
}
.smile1000 #mainVisual .contentIn{
	width:1030px;
}
.smile1000 #mainVisual .catch{
	float:left;
	padding-top:100px;
}
.smile1000 #mainVisual .img{
	float:right;
	padding-top:55px;
}
.smile1000 #mainVisual .ttl_specs01{
	position:absolute;
	bottom:60px;
	left:0;
	width:100%;
	z-index:9;
}

@media screen and (max-width:768px) {
	.smile1000 #mainVisual{
		height:auto;
	}
	.smile1000 #mainVisual .contentIn img{
		width:100%;
	}
	.smile1000 #mainVisual .catch{
		float:none;
		padding-top:20px;
	}
	.smile1000 #mainVisual .img{
		float:none;
		margin-top:-30px;
		padding:10px 0 5px;
	}
	.smile1000 #mainVisual .ttl_specs01{
		bottom:30px;
	}
}



/*
	VISON
--------------------------------------------------*/
/* main visual */
.vision #mainVisual01 {
	background-image: url(../../img/vision/bg_main01.jpg);
}
/* tab */
.vision .tabBtn {
	max-width: 927px;
	margin: -48px auto 47px;
}
.vision .tabBtn li {
	width: 103px;
}
/* contents */
.vision .contentIn {
	width: 860px;
}
.vision .leadArea {
	font-size: 18px;
	font-family: "メイリオ", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	line-height: 2;
	padding: 45px 0;
}
.vision .leadArea .title {
	text-align: center;
}
.vision .leadArea p {
	margin: 1em 0;
}

.vision .section {
	padding: 0 0 60px;
}
.vision .section p {
	margin-bottom: 20px;
}
.vision .sectionTitle {
	margin-bottom: 25px;
	overflow: hidden;
	position: relative;
}
.vision .sectionTitle:after {
	content: "";
	display: block;
	width: 800px;
	height: 80px;
	background-repeat: no-repeat;
	background-position: center center;
	margin: auto -870px auto 0;
	position: absolute;
	right: 50%;
	top: 0;
	bottom: 0;
	z-index: 0;
}
.vision .sectionTitle h3 {
	max-width: 860px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
.vision .section01 p {
	font-size: 15px;
}
.vision .section02 .textArea {
	width: 375px;
	font-size: 14px;
	float: left;
}
.vision .section02 .photoWrap:after ,
.vision .section02 .photoTop:after ,
.vision .section02 .photoBtm:after {
	content: "";
	display: block;
	clear: both;
}
.vision .section02 .photoTop {
	margin-bottom: 14px;
	position: relative;
}
.vision .section02 .photoTop .photoS {
	position: absolute;
	left: 0;
	bottom: 0;
}
.vision .section02 .photoTop .photoL {
	float: right;
}
.vision .section02 .photoBtm .photo {
	width: 282px;
	margin-right: 7px;
	float: left;
}
.vision .section02 .photoBtm .photo:last-child {
	margin: 0;
}
.vision .section .row .col {
	margin-bottom: 40px;
}
.vision .section .row .col.text {
	line-height: 1.8;
}
.vision .section .row .col.image {
	text-align: center;
}
.vision .section .row .col p.caption {
	text-align: center;
	margin: 7px 0 0;
}
.vision .section .row.col2 .col {
	width: 390px;
	float: left;
}
.vision .section .row.col2 .col:last-child {
	float: right;
}


/* CONCEPT */
.vision #concept .leadArea {
	color:#3192E9;
}

.vision #concept .contentIn {
	width:980px;
}
.vision #concept .sectionTitle {
	text-align:center;
	background-color: #3192E9;	
	margin-top:65px;
}

.vision #concept .sectionTitle p{
	text-align:center;
}
.vision #concept .conceptTitle {
	text-align:center;
	color: #3192E9;
	font-size:32px;
}
.vision #concept .conceptTitle p{
	font-size:30px;
}
.vision #concept .textArea p{
	font-size:20px;
	color: #3192E9;
}
.vision #concept.sectionTitle h3 {
	max-width: 860px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	margin-top:60px;
}

.vision #concept .concept__section02_pc {
	padding-top:50px;
}
.vision #concept .section .row .col.image{
	text-align:center;
	padding-top:50px;
}
.vision #concept .section03 {
	padding:0;
}
.vision #concept #Conceptbg01{ background-image:url(../../img/vision/concept/bg_pic01.jpg); 
	background-repeat:no-repeat; 
	height:800px;
	margin:-60px auto 0px;
	background-position:center;}
.vision #concept #Conceptbg02{ background-image:url(../../img/vision/concept/bg_pic02.jpg);
	background-repeat:no-repeat;
	height:1415px;
	background-position:center;}

.vision #concept .concept8_left { float:left;}
.vision #concept .concept8_right { float:right;}

.vision #concept .concept8_box {
	width:220px;
	height:121px;
	border: 1px solid #3192E9;
	margin-bottom:10px;
	background-color:#FFFFFF;
	}
.vision #concept .concept8_box2 {
	width:220px;
	height:150px;
	border: 1px solid #3192E9;
	margin-bottom:10px;
	background-color:#FFFFFF;
	}

.vision #concept .concept8_box p {
	line-height:1.4;
	font-size:15px !important;
	margin: 3px 10px;
	}
.vision #concept .concept8_box p.concept8Title{
	line-height:1.5;
	font-size:18px !important;
	margin: 3px 10px;
	color:#125A7E;
	border-bottom:1px dotted #5DBAE6; 
	}
.vision #concept .concept8_box p a {
	border-bottom:#002CB2;
	color:#002CB2;
	}
.vision #concept .concept8_box2 p {
	line-height:1.4;
	font-size:15px !important;
	margin: 3px 10px;
	}
.vision #concept .concept8_box2 p.concept8Title{
	line-height:1.5;
	font-size:18px !important;
	margin: 3px 10px;
	color:#125A7E;
	border-bottom:1px dotted #5DBAE6; 
	}
.vision #concept .concept8_box2 p a {
	border-bottom:#002CB2;
	color:#002CB2;
	}

.mt50 { margin-top:50px;}
.concept3com{ float:left;}
.left { float:left;}
.right { float:right;}

@media screen and (max-width:768px) {
.vision #concept #Conceptbg01{ display:none;}
.vision #concept #Conceptbg02{ display:none;}
.vision #concept img { width:100%;}
.vision #concept .concept8_box {
	width:100%;
	height:121px;
	border: 1px solid  #3192E9;
	margin-bottom:10px;
	background-color:#FFFFFF;
	}
.vision #concept .concept8_box2 {
	width:100%;
	height:150px;
	border: 1px solid  #3192E9;
	margin-bottom:10px;
	background-color:#FFFFFF;
	}
.vision #concept .section01  {
	margin-bottom:10px;
}
.vision #concept .section01 img {
	margin-bottom:10px;
}
.vision #concept .conceptTitle p{
	font-size:20px;
}

.vision #concept .textArea p{
	font-size:12px;
	color: #3192E9;
}

.vision #concept.sectionTitle h3 {
	max-width: 860px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	margin-top:60px;
}
.vision #concept .sectionTitle {
    text-align: center;
    background-color:  #3192E9;
    margin-top:10px;
}
.vision #concept .section .row .col.image{
	text-align:center;
	padding-top:0px;
}

}


/* 景観 */
.vision #keikan .leadArea {
	color: #1F477D;
}
.vision #keikan .sectionTitle {
	background-color: #1F497D;
}
.vision #keikan .sectionTitle:after {
	background-image: url(../../img/vision/keikan/bg01.png);
}

/* にぎわい */
.vision #nigiwai .leadArea {
	color: #BF504C;
}
.vision #nigiwai .sectionTitle {
	background-color: #BF504C;
}
.vision #nigiwai .sectionTitle:after {
	background-image: url(../../img/vision/nigiwai/bg01.png);
}
/* 生活・居住 */
.vision #seikatsu .leadArea {
	color: #F79646;
}
.vision #seikatsu .sectionTitle {
	background-color: #F79646;
}
.vision #seikatsu .sectionTitle:after {
	background-image: url(../../img/vision/seikatsu/bg01.png);
}
/* 産業 */
.vision #sangyou .leadArea {
	color: #4E80BD;
}
.vision #sangyou .sectionTitle {
	background-color: #4E80BD;
}
.vision #sangyou .sectionTitle:after {
	background-image: url(../../img/vision/sangyou/bg01.png);
}
/* 観光・文化 */
.vision #kankou .leadArea {
	color: #7F64A0;
}
.vision #kankou .sectionTitle {
	background-color: #7F64A0;
}
.vision #kankou .sectionTitle:after {
	background-image: url(../../img/vision/kankou/bg01.png);
}
.vision #bunka .sectionTitle:after {
	background-image: url(../../img/vision/kankou/bg02.png);
}
.vision #kankou .partition {
	height:10px;
	border:0;
	background:linear-gradient(left, #f5f5f5, #7F64A0, #f5f5f5);
	background:-webkit-linear-gradient(left, #f5f5f5, #7F64A0, #f5f5f5);
	background:-moz-linear-gradient(left, #f5f5f5, #7F64A0, #f5f5f5);
}
/* 防災 */
.vision #bousai .leadArea {
	color: #938A53;
}
.vision #bousai .sectionTitle {
	background-color: #938A53;
}
.vision #bousai .sectionTitle:after {
	background-image: url(../../img/vision/bousai/bg01.png);
}
/* 環境・エネルギー */
.vision #kankyou .leadArea {
	color: #99B959;
}
.vision #kankyou .sectionTitle {
	background-color: #99B959;
}
.vision #kankyou .sectionTitle:after {
	background-image: url(../../img/vision/kankyou/bg01.png);
}
/* 交通 */
.vision #koutsu .leadArea {
	color: #4BACC5;
}
.vision #koutsu .sectionTitle {
	background-color: #4BACC5;
}
.vision #koutsu .sectionTitle:after {
	background-image: url(../../img/vision/koutsu/bg01.png);
}

@media screen and (max-width:768px) {
	/* tab */
	.vision .tabBtn {
		margin: 12px 2% 0;
	}
	.vision .tabBtn li {
		width: 32%;
		margin: 0 2% 2% 0;
	}
	.vision .tabBtn li:nth-child(3n) {
		margin-right: 0;
	}
	/* contents */
	.vision .leadArea {
		font-size: 12px;
		font-weight: bold;
		font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		line-height: 1.7;
		padding: 22px 0;
	}

	.vision .section {
		padding: 0 0 30px;
	}
	.vision .section p {
		margin-bottom: 15px;
	}
	.vision .sectionTitle {
		margin-bottom: 15px;
	}
	.vision .sectionTitle:after {
		content: none !important;
	}
	.vision .section01 p {
		font-size: 12px;
	}
	.vision .section01 .row .col {
		margin-bottom: 15px;
	}
	.vision .section01 .row.col2 .col {
		width: 100%;
		float: none !important;
	}
	.vision .section02 .textArea {
		width: 100%;
		font-size: 12px;
		float: none;
	}
	.vision .section02 .photoTop {
		margin-bottom: 2%;
	}
	.vision .section02 .photoTop .photoS {
		width: 43%;
	}
	.vision .section02 .photoTop .photoL {
		width: 55%;
		float: right;
	}
	.vision .section02 .photoBtm .photo {
		width: 32%;
		margin-right: 2%;
	}
}



/* 景観 */
.vision .english #keikan .sectionTitle:after {
	background-image: url(../../img/english/vision/keikan/bg01.png);
}
/* にぎわい */
.vision .english #nigiwai .sectionTitle:after {
	background-image: url(../../img/english/vision/nigiwai/bg01.png);
}
/* 生活・居住 */

.vision .english #seikatsu .sectionTitle:after {
	background-image: url(../../img/english/vision/seikatsu/bg01.png);
}
/* 産業 */
.vision .english #sangyou .sectionTitle:after {
	background-image: url(../../img/english/vision/sangyou/bg01.png);
}
/* 観光・文化 */
.vision .english #kankou .sectionTitle:after {
	background-image: url(../../img/english/vision/kankou/bg01.png);
}
.vision .english #bunka .sectionTitle:after {
	background-image: url(../../img/english/vision/kankou/bg02.png);
}
/* 防災 */
.vision .english #bousai .sectionTitle:after {
	background-image: url(../../img/english/vision/bousai/bg01.png);
}
/* 環境・エネルギー */
.vision .english #kankyou .sectionTitle:after {
	background-image: url(../../img/english/vision/kankyou/bg01.png);
}
/* 交通 */
.vision .english #koutsu .sectionTitle:after {
	background-image: url(../../img/english/vision/koutsu/bg01.png);
}


.vision .english #concept .concept8_box {
	width:220px;
	height:121px;
	border: 1px solid #3192E9;
	margin-bottom:10px;
	background-color:#FFFFFF;
	}
.vision .english #concept .concept8_box2 {
	width:220px;
	height:121px;
	border: 1px solid #3192E9;
	margin-bottom:10px;
	background-color:#FFFFFF;
	}

.vision .english #concept .concept8_box p {
	line-height:1.4;
	font-size:10px !important;
	margin: 3px 10px;
	}
.vision .english #concept .concept8_box p.concept8Title{
	line-height:1.5;
	font-size:15px !important;
	margin: 3px 10px;
	color:#125A7E;
	border-bottom:1px dotted #5DBAE6; 
	}
.vision .english #concept .concept8_box p a {
	border-bottom:#002CB2;
	color:#002CB2;
	}
.vision .english #concept .concept8_box2 p {
	line-height:1.4;
	font-size:10px !important;
	margin: 3px 10px;
	}
.vision .english #concept .concept8_box2 p.concept8Title{
	line-height:1.5;
	font-size:15px !important;
	margin: 3px 10px;
	color:#125A7E;
	border-bottom:1px dotted #5DBAE6; 
	}
.vision .english #concept .concept8_box2 p a {
	border-bottom:#002CB2;
	color:#002CB2;
	}

@media screen and (max-width:768px) {
.vision .english #concept .concept8_box {
	width:100%;
	height:121px;
	border: 1px solid  #3192E9;
	margin-bottom:10px;
	background-color:#FFFFFF;
	}
.vision .english #concept .concept8_box2 {
	width:100%;
	height:121px;
	border: 1px solid  #3192E9;
	margin-bottom:10px;
	background-color:#FFFFFF;
	}
}


/*
	CONTACT
--------------------------------------------------*/
/* main visual */
.contact #mainVisual01 {
	background-image: url(../../img/contact/bg_main01.jpg);
}
/* contents */
.contact .contentIn {
	width: 860px;
}
.contact #contactarea {
	padding: 45px 0;
	text-align: center;
}

/*
	1000smile-form
--------------------------------------------------*/
/* main visual */
.smile1000-form #mainVisual{
	position:relative;
	width:100%;
	height:585px;
	background:url(../../img/smile1000-form/bg_main01.jpg) no-repeat top center;
	background-size:cover;
}
.smile1000-form #mainVisual .contentIn{
	width:1030px;
}
.smile1000-form #mainVisual .catch{
	float:left;
	padding-top:100px;
}
.smile1000-form #mainVisual .img{
	float:right;
	padding-top:55px;
}
.smile1000-form #mainVisual .ttl_specs01{
	position:absolute;
	bottom:60px;
	left:0;
	width:100%;
	z-index:9;
}

/* 1000smile explanation  */
.smile1000-form .explanation { clear:both; }
.smile1000-form .explanation .textbox01{ margin-bottom:20px; text-align:center; font-size:16px;}
.smile1000-form .explanation .textbox02{ text-align:center; color:#FFFFFF; background-color:#3193EA; margin-bottom:20px; padding:10px; font-size:18px;}
.smile1000-form .explanation .textbox03{ width:500px; height:auto; border: 1px solid rgb(169, 169, 169); padding:10px; margin-bottom:20px; float:left; margin-right:10px}
.smile1000-form .explanation .movie01 { float:left;}
.smile1000-form .explanation .imglist01 { clear:both;}
.smile1000-form .explanation .imglist01 li { float:left; margin:10px; width:195px; }
.smile1000-form .explanation .textbox04{ font-size:22px; clear:both; text-align:center; padding-top:20px;}

@media only screen and (max-width: 640px){
.smile1000-form .explanation .textbox01{ margin-bottom:10px; text-align:center;}
.smile1000-form .explanation .textbox02{ text-align:center; color:#FFFFFF; background-color:#3193EA; margin-bottom:10px; font-size:16px;}
.smile1000-form .explanation .textbox03{ width:95%; border: 1px solid rgb(169, 169, 169); padding:5px; float:none;}
.smile1000-form .explanation .textbox04{ font-size:22px; clear:both; text-align:center;}
.smile1000-form .explanation .imglist01 li { float:none; margin:10px auto; }
.smile1000-form .explanation .movie01 { float:none; 
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
smile1000-form .explanation .movie01 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
}

/* contents */
.smile1000-form .contentIn {
	width: 860px;
	text-align:left;
}
.smile1000-form #formarea {
	padding: 45px 0;
	text-align: center;
}
.smile1000-form #formarea h2{
	padding: 45px 0;
	text-align: center;
}
.smile1000-form.wpcf7 {

}
.smile1000-form .wpcf7 th { 
	vertical-align:top;
	width:360px;
	padding-bottom:20px;
	font-weight:normal;		
}
.smile1000-form .wpcf7 td {
    text-align: left;
    width: 500px;
	padding-bottom:20px;

}

.wpcf7 textarea {
	width:100%;

}
.wpcf7 input[type="submit"] {
	margin-top:20px;

}
.wpcf7 input[type="submit"]:hover {
	box-shadow: 0 0 1px rgba(0,0,0,.2) inset;
}
.wpcf7 a {
	color:#006CD8;
}

.form-width { max-width:200px;}
.form-width-live{ width:500px}
.form-width-text{ max-width:100%;}
.required-contact { color:#FF4C4C;}
.personal_information{width:100%; height:330px; overflow:auto; border:1px solid rgb(169, 169, 169); padding:15px}
.personal_information_box {width:700px; margin:10px auto 30px; }
.personal_information_title{ font-size:18px; margin:20px 0px; text-align:center;}
.personal_information_text{  font-size:14px; }


 #smile1000Modal {
	width: 950px;
	color: #fff;
	background: rgba(0,0,0,.8);
	padding: 40px 75px 20px;
	margin: 40px auto;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
 #smile1000Modal h2 {
	text-align: center;
	margin-bottom: 30px;
}
 #smile1000Modal p {
	text-align: center;
	margin-bottom: 30px;
	line-height:2.0;
}
 #smile1000Modal ul.newsList li a {
	color: #fff;
}
 #smile1000Modal .closeBtn {
	position: absolute;
	right: 15px;
	top: 10px;
}


@media only screen and (max-width: 640px){
.smile1000-form .wpcf7 th { 
	display: block; 
	width: 100%;
	padding-bottom:10px;
	
}
.smile1000-form .wpcf7 td {
    display: block;
    width: 100%;
	padding-bottom:10px;
	
}
.form-width {width:100%;}
.form-width-live{width:100%;}
.form-width-text{width:100%;}
.smile1000-form #formarea {
	padding:0;
	text-align: center;
}
.personal_information{width:100%; height:280px; border:1px solid rgb(169, 169, 169); padding:5px}
.personal_information_box {width:100%; margin:10px auto 30px; }

	/* Modal */
 #smile1000Modal {
		width: 96%;
		padding: 30px 10px 20px;
		margin: 5% auto;
}
 #smile1000Modal h2 {
		margin-bottom: 12px;
}
 #smile1000Modal h2 img {
		width: 115px;
}
 #smile1000Modal .closeBtn img {
	width: 60px;
}


}


/*
	final-1000smile
--------------------------------------------------*/
/* main visual */
.final-1000smile #mainVisual{
	position:relative;
	width:100%;
	height:585px;
	background:url(../../img/smile1000-form/bg_main01.jpg) no-repeat top center;
	background-size:cover;
}
.final-1000smile #mainVisual .contentIn{
	width:1030px;
}
.final-1000smile #mainVisual .catch{
	float:left;
	padding-top:100px;
}
.final-1000smile #mainVisual .img{
	float:right;
	padding-top:55px;
}
.final-1000smile #mainVisual .ttl_specs01{
	position:absolute;
	bottom:60px;
	left:0;
	width:100%;
	z-index:9;
}

/* 1000smile explanation  */
.final-1000smile .explanation { clear:both; }
.final-1000smile .explanation .textbox01{ margin-bottom:20px; text-align:center; font-size:16px;}
.final-1000smile .explanation .textbox02{ text-align:center; color:#FFFFFF; background-color:#3193EA; margin-bottom:20px; padding:10px; font-size:18px;}
.final-1000smile .explanation .textbox03{ width:500px; height:auto; border: 1px solid rgb(169, 169, 169); padding:10px; margin-bottom:20px; float:left; margin-right:10px}
.final-1000smile .explanation .movie01 { float:left;}
.final-1000smile .explanation .imglist01 { clear:both;}
.final-1000smile .explanation .imglist01 li { float:left; margin:10px; width:195px; }
.final-1000smile .explanation .textbox04{ font-size:22px; clear:both; text-align:center; padding-top:20px;}

@media only screen and (max-width: 640px){
.final-1000smile .explanation .textbox01{ margin-bottom:10px; text-align:center;}
.final-1000smile .explanation .textbox02{ text-align:center; color:#FFFFFF; background-color:#3193EA; margin-bottom:10px; font-size:16px;}
.final-1000smile .explanation .textbox03{ width:95%; border: 1px solid rgb(169, 169, 169); padding:5px; float:none;}
.final-1000smile .explanation .textbox04{ font-size:22px; clear:both; text-align:center;}
.final-1000smile .explanation .imglist01 li { float:none; margin:10px auto; }
.final-1000smile .explanation .movie01 { float:none; 
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
final-1000smile .explanation .movie01 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
}

/* contents */
.final-1000smile .contentIn {
	width: 860px;
	text-align:left;
}
.final-1000smile #formarea {
	padding: 45px 0;
	text-align: center;
}
.final-1000smile #formarea h2{
	padding: 45px 0;
	text-align: center;
}
.final-1000smile.wpcf7 {

}
.final-1000smile .wpcf7 th { 
	vertical-align:top;
	width:360px;
	padding-bottom:20px;
	font-weight:normal;		
}
.final-1000smile .wpcf7 td {
    text-align: left;
    width: 500px;
	padding-bottom:20px;

}



@media only screen and (max-width: 640px){
.final-1000smile .wpcf7 th { 
	display: block; 
	width: 100%;
	padding-bottom:10px;
	
}
.final-1000smile .wpcf7 td {
    display: block;
    width: 100%;
	padding-bottom:10px;
	
}
.form-width {width:100%;}
.form-width-live{width:100%;}
.form-width-text{width:100%;}
.final-1000smile #formarea {
	padding:0;
	text-align: center;
}

}

/*
	Questionnaire 1000smileアンケート
--------------------------------------------------*/
/* main visual */
.smile1000questionnaire #mainVisual01 {
	background-image: url(../../img/smile1000-form/bg_main01.jpg);		
}

/* contents */
.smile1000questionnaire .contentIn {
	width: 960px;
	text-align:left;
}
.smile1000questionnaire #formarea {
	padding: 45px 0;
	text-align: center;
}
.smile1000questionnaire #formarea h2{
	padding: 45px 0;
	text-align: center;
}

.smile1000questionnaire .wpcf7 th { 
	vertical-align:top;
	width:560px;
	padding:20px 0 0 20px;
	font-weight:normal;
	border-bottom: 1px dotted #444;
			
}
.smile1000questionnaire .wpcf7 td {
    text-align: left;
    width: 425px;
	padding:20px 0 20px 20px;
	border-bottom: 1px dotted #444;

}

.smile1000questionnaire .wpcf7 th.boderNone { 
	border-bottom: none;
}
.smile1000questionnaire .wpcf7 td.boderNone {
	border-bottom:  none;

}

span.wpcf7-list-item { display: block; }


.questionnaireTitle {font-size:18px; margin:20px 0px; font-weight:bold;}

.smile1000questionnaire .form-width-live{ width:425px}


@media only screen and (max-width: 640px){
.smile1000questionnaire .wpcf7 th { 
	display: block; 
	width: 100%;
	padding:0 0 10px 0;
	border-bottom: none;
	
}
.smile1000questionnaire .wpcf7 td {
    display: block;
    width: 100%;
	padding:0 0 10px 0;
	border-bottom: none;
 		
}

.smile1000questionnaire .form-width-live{width:100%;}

.smile1000questionnaire .form-width {width:100%;}


}


/*
	KOUSOU
--------------------------------------------------*/
/* main visual */
.kousou #mainVisual01 {
	background-image: url(../../img/kousou/bg_main01.jpg);
}
/* tab */
.kousou .tabBtn {
	max-width: 1032px;
	margin: -48px auto 47px;
}
.kousou .tabBtn li {
	width: 172px;
	position: relative;
}
.kousou .tabBtn li:after {
	content: "";
	display: block;
	width: 62px;
	height: 43px;
	background-repeat: no-repeat;
	background-position: left bottom;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 0;
}
.kousou .tabBtn li.concept:after {
	background-image: url(../../img/kousou/bg_tab_concept.png);
}
.kousou .tabBtn li.nigiwau:after {
	background-image: url(../../img/kousou/bg_tab01.png);
}
.kousou .tabBtn li.meguru:after {
	background-image: url(../../img/kousou/bg_tab02.png);
}
.kousou .tabBtn li.tokimeku:after {
	background-image: url(../../img/kousou/bg_tab03.png);
}
.kousou .tabBtn li.kokoro:after {
	background-image: url(../../img/kousou/bg_tab04.png);
}
.kousou .tabBtn li.seichou:after {
	background-image: url(../../img/kousou/bg_tab05.png);
}
.kousou .tabBtn li img {
	position: relative;
	z-index: 1;
}
/* contents */
.kousou .contentIn {
	width: 860px;
}
.kousou .leadArea {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.7;
	padding: 45px 0;
}
.kousou .leadArea .title {
	text-align: center;
}
.kousou .leadArea p {
	margin-top: 1em;
	margin-left:150px;
}
.kousou .section {
	font-size: 15px;
	padding: 0 0 40px;
}
.kousou .section p {
	margin-bottom: 20px;
}
.kousou .sectionTitle {
	margin-bottom: 25px;
	overflow: hidden;
	position: relative;
}
.kousou .sectionTitle:after {
	content: "";
	display: block;
	width: 800px;
	height: 80px;
	background-repeat: no-repeat;
	background-position: center center;
	margin: auto -870px auto 0;
	position: absolute;
	right: 50%;
	top: 0;
	bottom: 0;
	z-index: 0;
}
.kousou .sectionTitle h3 {
	max-width: 860px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
.kousou .section .row {
	position: relative;
}
.kousou .section .row:after {
	content: "";
	display: block;
	clear: both;
}
.kousou .section .row .col {
	margin-bottom: 40px;
}
.kousou .section .row .col.text {
	line-height: 1.8;
}
.kousou .section .row .col.image {
	text-align: center;
}
.kousou .section .row .col p.caption {
	text-align: center;
	margin: 7px 0 0;
}
.kousou .section .row.col2 .col {
	width: 390px;
	float: left;
}
.kousou .section .row.col2 .col:last-child {
	float: right;
}
.kousou .section .title {
	color: #fff;
	font-weight: normal;
	line-height: 1.4;
	text-align: center;
	padding: 5px 30px 4px;
	margin-bottom: 5px;
}
.kousou p.flowtText {
	color: #3192E9;
	line-height: 1.2;
	text-align: center;
	position: relative;
}

.kousou p.flowtText01 {
	width: 100%;
	font-size: 12px;
	margin: 0;
	position: absolute;
	bottom: 55px;
}
.kousou p.flowtText02 {
	font-size: 16px;
	margin: -10px 0 30px;
}
.kousou p.flowtText:after {
	content: "";
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
}
.kousou p.flowtText01:after {
	width: 61px;
	height: 128px;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: -135px;
}
.kousou p.flowtText02:after {
	width: 128px;
	height: 60px;
	margin: auto 0;
	right: 85px;
	top: 0;
	bottom: 0;
}

.kousou .planBox {
	background: #FBF3F3;
	padding: 20px;
}
.kousou .planBox .planTitle {
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}
.kousou .planBox ul {
	line-height: 1.8;
	margin-bottom: 20px;
}
.kousou .planBox ul li {
	padding-left: 1.2em;
	position: relative;
}
.kousou .planBox ul li:before {
	content: "○";
	position: absolute;
	left: 0;
	top: 0;
}

/* concept */
.kousou #concept .leadArea {
	color: #3192E9;
}

.kousou #concept .sectionTitle {
	background-color: #3192E9;
}
.kousou #concept .section .title {
	background: #3192E9;
}
.kousou #concept .leadArea {
	color: #3192E9;
}

.kousou #concept .contentIn {
	width:980px;
}
.kousou #concept .sectionTitle {
	text-align:center;
	margin-bottom: 0px;	
}
.kousou #concept .sectionTitle p{
	text-align:center;
}
.kousou #concept #Conceptbg01{ background-image:url(../../img/kousou/concept/bg_img01.jpg); 
	background-repeat:no-repeat; 
	background-position:center;
	height:800px;
	margin:-60px auto 0px;}
.kousou #concept #Conceptbg02{ background-image:url(../../img/kousou/concept/bg_img02.jpg);
	background-repeat:no-repeat;
	background-position:center;
	height:2016px;}

.kousou #concept #Conceptbg03{ background-image:url(../../img/kousou/concept/bg_img03.jpg); 
	background-repeat:no-repeat;
	background-position:center;
height:896px;
}
	
.kousou #concept .conceptTitle p{
	font-size:30px;
	color:#3192E9;
	text-align:center;
}
.kousou #concept .textArea p{
	font-size:20px;
	color:#3192E9;
}
.kousou #concept .textArea p.conceptText01 {
	color:#000000;
}

.kousou #concept .textArea p.conceptText01en {
	color:#000000;
	float: left;
	width: 963px;
}

.kousou #concept .textAreaen{ width: 980px;}

.kousou #concept .textAreaen p{
		font-size:20px;
	color:#3192E9;
	text-align: center;
	}

.kousou #concept .textAreaen .conceptimg03en{
	margin-right: auto;
	margin-left: auto;
	}

.kousou #concept .textArea p.conceptText02 {
	color:#000000;
}

.kousou #concept.sectionTitle h3 {
	max-width: 860px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
.kousou #concept .section .row .col.image{
	text-align:center;
}
.kousou #concept .mb50 { margin-bottom:50px;}
.kousou #concept .pt60 { padding-top:60px;}
.kousou #concept .pt100 { padding-top:100px;}
.kousou #concept ul { text-align:center;}
.kousou #concept ul li { margin-bottom:12px;}
.kousou #concept .arrow01 { float:left; }
.kousou #concept .arrow01en{ float: left;}
.kousou #concept .clear { clear:both; }

/* にぎわう */
.kousou #nigiwau .leadArea {
	color: #A5B592;
}
.kousou #nigiwau .sectionTitle {
	background-color: #A5B592;
}
.kousou #nigiwau .sectionTitle:after {
	background-image: url(../../img/kousou/nigiwau/bg01.png);
}
.kousou #nigiwau .section .title {
	background: #A5B592;
}
.kousou #nigiwau p.flowtText01:after {
	background-image: url(../../img/kousou/nigiwau/ico_arrow01.png);
}
.kousou #nigiwau p.flowtText02:after {
	background-image: url(../../img/kousou/nigiwau/ico_arrow02.png);
}
/* めぐる */
.kousou #meguru .leadArea {
	color: #F3A447;
}
.kousou #meguru .sectionTitle {
	background-color: #F3A447;
}
.kousou #meguru .sectionTitle:after {
	background-image: url(../../img/kousou/meguru/bg01.png);
}
.kousou #meguru .section .title {
	background: #F3A447;
}
.kousou #meguru p.flowtText01:after {
	background-image: url(http://kobevision.jp/wp-content/themes/kobevision2016/img/kousou/meguru/ico_arrow01.png);
}
.kousou #meguru p.flowtText02:after {
	background-image: url(http://kobevision.jp/wp-content/themes/kobevision2016/img/kousou/meguru/ico_arrow02.png);
}
/* ときめく */
.kousou #tokimeku .leadArea {
	color: #D092A7;
}
.kousou #tokimeku .sectionTitle {
	background-color: #D092A7;
}
.kousou #tokimeku .sectionTitle:after {
	background-image: url(../../img/kousou/tokimeku/bg01.png);
}
.kousou #tokimeku .section .title {
	background: #D092A7;
}
.kousou #tokimeku p.flowtText01:after {
	background-image: url(http://kobevision.jp/wp-content/themes/kobevision2016/img/kousou/tokimeku/ico_arrow01.png);
}
.kousou #tokimeku p.flowtText02:after {
	background-image: url(http://kobevision.jp/wp-content/themes/kobevision2016/img/kousou/tokimeku/ico_arrow02.png);
}
/* 心に残る */
.kousou #kokoro .leadArea {
	color: #9C85C0;
}
.kousou #kokoro .sectionTitle {
	background-color: #9C85C0;
}
.kousou #kokoro .sectionTitle:after {
	background-image: url(../../img/kousou/kokoro/bg01.png);
}
.kousou #kokoro .section .title {
	background: #9C85C0;
}
.kousou #kokoro p.flowtText01:after {
	background-image: url(http://kobevision.jp/wp-content/themes/kobevision2016/img/kousou/kokoro/ico_arrow01.png);
}
.kousou #kokoro p.flowtText02:after {
	background-image: url(http://kobevision.jp/wp-content/themes/kobevision2016/img/kousou/kokoro/ico_arrow02.png);
}
/* 成長する */
.kousou #seichou .leadArea {
	color: #7BBFE5;
}
.kousou #seichou .sectionTitle {
	background-color: #7BBFE5;
}
.kousou #seichou .sectionTitle:after {
	background-image: url(../../img/kousou/seichou/bg01.png);
}
.kousou #seichou .section .title {
	background: #7BBFE5;
}
.kousou #seichou p.flowtText01:after {
	background-image: url(http://kobevision.jp/wp-content/themes/kobevision2016/img/kousou/seichou/ico_arrow01.png);
}
.kousou #seichou p.flowtText02:after {
	background-image: url(http://kobevision.jp/wp-content/themes/kobevision2016/img/kousou/seichou/ico_arrow02.png);
}

@media screen and (max-width:768px) {
	/* tab */
	.kousou .tabBtn {
		margin: 12px 2% 0;
	}
	.kousou .tabBtn li {
		width: 49%;
		margin: 0 0 2%;
	}
	.kousou .tabBtn li:nth-child(2n) {
		float: right;
	}
	.kousou .tabBtn li:after {
		width: 90%;
		height: 90%;
		background-size: contain;
	}
	/* contents */
	.kousou .leadArea {
		font-size: 12px;
		text-align: left;
		padding: 22px 0;
	}
	.kousou .leadArea p {
		margin-top: 1em;
		margin-left:0;
	}
	.kousou .section {
		font-size: 12px;
		padding: 0 0 20px;
	}
	.kousou .section p {
		margin-bottom: 15px;
	}
	.kousou .sectionTitle {
		margin-bottom: 15px;
	}
	.kousou .sectionTitle:after {
		content: none !important;
	}
	.kousou .sectionTitle h3 {
		max-width: 860px;
		margin: 0 auto;
		position: relative;
		z-index: 1;
	}
	.kousou .section .row .col {
		margin-bottom: 15px;
	}
	.kousou .section .row.col2 .col {
		width: 100%;
		float: none !important;
	}
	.kousou .section .title {
		padding: 5px 30px 4px;
	}
	.kousou p.flowtText {
		font-size: 12px !important;
		padding-bottom: 50px;
		margin: 10px 0 !important;
		position: relative !important;
	}
	.kousou p.flowtText01 {
		bottom: auto;
	}
	.kousou p.flowtText:after {
		width: 85px;
		height: 40px;
		background-size: 100% 100%;
		margin: 0 auto !important;
		left: 0 !important;
		right: 0 !important;
		top: auto !important;
		bottom: 0 !important;
	}
	
	.kousou .planBox {
		padding: 15px 10px;
	}
	.kousou .planBox .planTitle {
		margin-bottom: 5px;
	}
	.kousou .planBox ul {
		margin-bottom: 10px;
	}
	
	/* concept */
	.kousou #concept #Conceptbg01{ display:none;}
	.kousou #concept #Conceptbg02{ display:none;}
	.kousou #concept .section01  {
		margin-bottom:10px;
	}
	.kousou #concept .section01 img {
		margin-bottom:10px;
	}
	.kousou #concept .conceptTitle p{
		font-size:20px;
	}
	.kousou #concept .sectionTitle {
		margin-bottom: 15px;
	}
	.kousou #concept .textArea p{
		font-size:12px;
		color: #3192E9;
	}
	.kousou #concept.sectionTitle h3 {
		max-width: 860px;
		margin: 0 auto;
		position: relative;
		z-index: 1;
		margin-top:60px;
	}
	.kousou #concept .sectionTitle {
		text-align: center;
		background-color:  #3192E9;
		margin-top:10px;
	}
	.kousou #concept .section .row .col.image{
		text-align:center;
		padding-top:0px;
	}
	/* にぎわう */
	.kousou #nigiwau p.flowtText:after {
		background-image: url(../../img/kousou/nigiwau/ico_arrow02.png) !important;
	}
	/* めぐる */
	.kousou #meguru p.flowtText:after {
		background-image: url(http://kobevision.jp/wp-content/themes/kobevision2016/img/kousou/meguru/ico_arrow02.png) !important;
	}
	/* ときめく */
	.kousou #tokimeku p.flowtText:after {
		background-image: url(http://kobevision.jp/wp-content/themes/kobevision2016/img/kousou/tokimeku/ico_arrow02.png) !important;
	}
	/* 心に残る */
	.kousou #kokoro p.flowtText:after {
		background-image: url(http://kobevision.jp/wp-content/themes/kobevision2016/img/kousou/kokoro/ico_arrow02.png) !important;
	}
	/* 成長する */
	.kousou #seichou p.flowtText:after {
		background-image: url(http://kobevision.jp/wp-content/themes/kobevision2016/img/kousou/seichou/ico_arrow02.png) !important;
	}
}


/* kousou english */
/* contents */

.kousou .english .leadArea {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.7;
	padding: 45px 0;
}
.kousou .english .leadArea .title {
	text-align: center;
}
.kousou .english .leadArea p {
	margin-top: 1em;
	margin-left:80px;
}
.kousou .english .section {
	font-size: 15px;
	padding: 0 0 40px;
}
.kousou .english .section p {
	margin-bottom: 20px;
}
.kousou .english .sectionTitle {
	margin-bottom: 25px;
	overflow: hidden;
	position: relative;
}
.kousou .english .sectionTitle:after {
	content: "";
	display: block;
	width: 800px;
	height: 80px;
	background-repeat: no-repeat;
	background-position: center center;
	margin: auto -870px auto 0;
	position: absolute;
	right: 50%;
	top: 0;
	bottom: 0;
	z-index: 0;
}
.kousou .english .sectionTitle h3 {
	max-width: 860px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
.kousou .english .section .row {
	position: relative;
}
.kousou .english .section .row:after {
	content: "";
	display: block;
	clear: both;
}
.kousou .english .section .row .col {
	margin-bottom: 40px;
}
.kousou .english .section .row .col.text {
	line-height: 1.8;
}
.kousou .english .section .row .col.image {
	text-align: center;
}
.kousou .english .section .row .col p.caption {
	text-align: center;
	margin: 7px 0 0;
}
.kousou .english .section .row.col2 .col {
	width: 390px;
	float: left;
}
.kousou .english .section .row.col2 .col:last-child {
	float: right;
}
.kousou .english .section .title {
	color: #fff;
	font-weight: normal;
	line-height: 1.4;
	text-align: center;
	padding: 5px 10px 4px;
	margin-bottom: 5px;
}
.kousou .english p.flowtText {
	color: #3192E9;
	line-height: 1.2;
	text-align: center;
	position: relative;
}

.kousou .english p.flowtText01 {
	width: 100%;
	font-size: 12px;
	margin: 0;
	position: absolute;
	bottom: 55px;
}
.kousou .english p.flowtText02 {
	font-size: 16px;
	margin: -10px 0 30px;
}
.kousou .english p.flowtText:after {
	content: "";
	display: block;
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
}
.kousou .english p.flowtText01:after {
	width: 61px;
	height: 128px;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: -135px;
}
.kousou .english p.flowtText02:after {
	width: 128px;
	height: 60px;
	margin: auto 0;
	right: 85px;
	top: 0;
	bottom: 0;
}

.kousou .english .planBox {
	background: #FBF3F3;
	padding: 20px;
}
.kousou .english .planBox .planTitle {
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}
.kousou .english .planBox ul {
	line-height: 1.8;
	margin-bottom: 20px;
}
.kousou .english .planBox ul li {
	padding-left: 1.2em;
	position: relative;
}
.kousou .english .planBox ul li:before {
	content: "○";
	position: absolute;
	left: 0;
	top: 0;
}

.kousou .english #concept #Conceptbg03{ background-image:url(../../img/kousou/concept/bg_img03.jpg); 
	background-repeat:no-repeat;
	background-position:center;
height:896px;
}

/* にぎわう */
.kousou .english #nigiwau .sectionTitle:after {
	background-image: url(../../img/english/kousou/nigiwau/bg01.png);
}
/* めぐる */
.kousou .english #meguru .sectionTitle:after {
	background-image: url(../../img/english/kousou/meguru/bg01.png);
}
/* ときめく */
.kousou .english #tokimeku .sectionTitle:after {
	background-image: url(../../img/english/kousou/tokimeku/bg01.png);
}
/* 心に残る */
.kousou .english #kokoro .sectionTitle:after {
	background-image: url(../../img/english/kousou/kokoro/bg01.png);
}
/* 成長する */
.kousou .english #seichou .sectionTitle:after {
	background-image: url(../../img/english/kousou/seichou/bg01.png);
}

@media screen and (max-width:768px) {
	/* tab */
	.kousou .english .tabBtn {
		margin: 12px 2% 0;
	}
	.kousou .english .tabBtn li {
		width: 49%;
		margin: 0 0 2%;
	}
	.kousou .english .tabBtn li:nth-child(2n) {
		float: right;
	}
	.kousou .english .tabBtn li:after {
		width: 90%;
		height: 90%;
		background-size: contain;
	}
	/* contents */
	.kousou .english .leadArea {
		font-size: 12px;
		text-align: left;
		padding: 22px 0;
	}
	.kousou .english .leadArea p {
		margin-top: 1em;
		margin-left:0;
	}
	.kousou .english .section {
		font-size: 12px;
		padding: 0 0 20px;
	}
	.kousou .english .section p {
		margin-bottom: 15px;
	}
	.kousou .english .sectionTitle {
		margin-bottom: 15px;
	}
	.kousou .english .sectionTitle:after {
		content: none !important;
	}
	.kousou .english .sectionTitle h3 {
		max-width: 860px;
		margin: 0 auto;
		position: relative;
		z-index: 1;
	}
	.kousou .english .section .row .col {
		margin-bottom: 15px;
	}
	.kousou .english .section .row.col2 .col {
		width: 100%;
		float: none !important;
	}
	.kousou .english .section .title {
		padding: 5px 10px 4px;
	}
	.kousou .english p.flowtText {
		font-size: 12px !important;
		padding-bottom: 50px;
		margin: 10px 0 !important;
		position: relative !important;
	}
	.kousou .english p.flowtText01 {
		bottom: auto;
	}
	.kousou .english p.flowtText:after {
		width: 85px;
		height: 40px;
		background-size: 100% 100%;
		margin: 0 auto !important;
		left: 0 !important;
		right: 0 !important;
		top: auto !important;
		bottom: 0 !important;
	}
	
	.kousou .english .planBox {
		padding: 15px 10px;
	}
	.kousou .english .planBox .planTitle {
		margin-bottom: 5px;
	}
	.kousou .english .planBox ul {
		margin-bottom: 10px;
	}
	
	/* concept */
	.kousou .english #concept #Conceptbg01{ display:none;}
	.kousou .english #concept #Conceptbg02{ display:none;}
	.kousou .english #concept #Conceptbg03{ display:none;}
	.kousou .english #concept .section01  {
		margin-bottom:10px;
	}
	.kousou .english #concept .section01 img {
		margin-bottom:10px;
	}
	.kousou .english #concept .conceptTitle p{
		font-size:20px;
	}
	.kousou .english #concept .textArea p.conceptText01en {
    color: #000000;
    float:none;
	padding-top: 30px;
	width:100%;
}
	.kousou .english #concept .textArea p{
		font-size:12px;
		color: #3192E9;
	}
	.kousou .english #concept.sectionTitle h3 {
		max-width: 860px;
		margin: 0 auto;
		position: relative;
		z-index: 1;
		margin-top:60px;
	}
	.kousou .english #concept .sectionTitle {
		text-align: center;
		background-color:  #3192E9;
		margin-top:10px;
	}
	.kousou .english #concept .section .row .col.image{
		text-align:center;
		padding-top:0px;
	}
	/* にぎわう */
	.kousou .english #nigiwau p.flowtText:after {
		background-image: url(../../img/kousou/nigiwau/ico_arrow02.png) !important;
	}
	/* めぐる */
	.kousou .english #meguru p.flowtText:after {
		background-image: url(http://kobevision.jp/wp-content/themes/kobevision2016/img/kousou/meguru/ico_arrow02.png) !important;
	}
	/* ときめく */
	.kousou .english #tokimeku p.flowtText:after {
		background-image: url(http://kobevision.jp/wp-content/themes/kobevision2016/img/kousou/tokimeku/ico_arrow02.png) !important;
	}
	/* 心に残る */
	.kousou .english #kokoro p.flowtText:after {
		background-image: url(http://kobevision.jp/wp-content/themes/kobevision2016/img/kousou/kokoro/ico_arrow02.png) !important;
	}
	/* 成長する */
	.kousou .english #seichou p.flowtText:after {
		background-image: url(http://kobevision.jp/wp-content/themes/kobevision2016/img/kousou/seichou/ico_arrow02.png) !important;
	}
}

/* parklet */

.kousou #parklet #mainVisual01 {
	background-image: url(../../img/parklet/bg_main01.jpg);
}
.kousou #parklet .leadArea {
	color: #009F7C;
}
.kousou #parklet .sectionTitle {
	background-color: #009F7C;
}
.kousou #parklet .section .title {
	background: #009F7C;
}
.kousou #parklet .sectionTitle:after {
	background-image: url(../../img/parklet/bg01.png);
}
.kousou #parklet .tabBtn {
    max-width: 860px;
    margin: -50px auto 0px;
}
.kousou #parklet .tabBtn li {
	width: 172px;
	position: relative;
	height: 50px;
}
.kousou #parklet .tabBtn li:after {
	content: "";
	display: block;
	width: 62px;
	height: 43px;
	background-repeat: no-repeat;
	background-position: left bottom;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 0;
}

.kousou #parklet .tabBtn li img {
	position: relative;
	z-index: 1;
}

.kousou #parklet .parklettable{
  width:100%;
  border: 2px solid #000;
  overflow: hidden;
  word-break: break-all;
  word-wrap: break-word;
	margin-bottom: 15px;
}
 
.kousou #parklet .parklettable th{
  padding: 6px 8px 5px;
  border: solid 1px #000;
  width: 30%;
  overflow: hidden;
  color: #000;
  font-style: normal;
  font-weight: bold;
  font-size: 100%;
  text-align: left;
  word-break: break-all;
  word-wrap: break-word;
  vertical-align: top;
  background-color: #fff;
}
 
.kousou #parklet .parklettable td{
padding: 5px 10px;
text-align: left;
vertical-align: top;
color: #000;
background-color: #ffffff;
border: dotted 1px #000;
overflow: hidden;
word-break: break-all;
word-wrap: break-word;
}
 
@media (max-width: 400px){
.kousou #parklet .parklettable th{
  width:100%;
  display:block;
  margin: 0 auto;
  border:none;
  border-radius: 3px;
}
.kousou #parklet .parklettabletd{
  display: list-item;
  width: 100%;
  border-top: none !important;
}
}/* end */


@media screen and (max-width:768px) {
.kousou #parklet {
    word-wrap: break-word;
}
	/* tab */
	.kousou #parklet .tabBtn {
		margin: 12px 2% 0;
	}
	.kousou #parklet .tabBtn li {
		width: 49%;
		margin: 0 0 2%;
	}
	.kousou #parklet .tabBtn li:nth-child(2n) {
		float: right;
	}
	.kousou #parklet .tabBtn li:after {
		width: 90%;
		height: 90%;
		background-size: contain;
	}

}
/*
	NEWS ARCHIVE
--------------------------------------------------*/
/* main visual */
.news #mainVisual01 {
	background-image: url(../../img/news/bg_main01.jpg);
}

.news .contentIn {
	width: 860px;
}
.news .pageTitle {
	margin: 45px 0 85px;
	text-align: center;
}
.news .date {
	color: #3192EA;
}
.news ul.newsList{
	margin-bottom: 35px;
}
.news ul.newsList li {
	font-size: 15px;
	border-bottom: 1px dotted #444;
	padding: 15px 0 5px 150px;
	position: relative;
}
.news ul.newsList li:first-child {
	padding-top: 0;
}
.news ul.newsList li span {
	width: 150px;
	position: absolute;
	left: 0;
}

@media screen and (max-width:768px) {
	.news .pageTitle {
		margin: 20px 0 30px;
	}
	.news ul.newsList li {
		font-size: 12px;
		padding: 8px 0;
	}
	.news ul.newsList li span {
		width: 100%;
		display: block;
		position: static;
	}
}


/*
	NEWS DETAIL
--------------------------------------------------*/
/* main visual */
.news.single #mainVisual01 {
	background-image: url(../../img/news/bg_main02.jpg);
}

.news.single .date {
	font-size: 15px;
}
.news.single .entryTitle {
	margin-bottom: 10px;
	font-size: 20px;
	line-height: 1.5;
}
.news.single .article {
	font-size: 15px;
	line-height: 1.8;
	border-top: 1px dotted #444;
	border-bottom: 1px dotted #444;
	padding: 25px 0;
}
.news.single .article p ,
.news.single .article > * {
	margin: 1em 0;
}
.news.single .article strong {
	font-weight: bold;
}
.news.single .article em {
	font-style: italic;
}
.news.single .article .aligncenter {
	display: block;
	margin: 0 auto;
}
.news.single .article .alignleft {
	float: left;
	margin: 0 15px 15px 0;
}
.news.single .article .alignright {
	float: right;
	margin: 0 0 15px 15px;
}

@media screen and (max-width:768px) {
	.news.single .date {
		font-size: 12px;
	}
	.news.single .entryTitle {
		margin-bottom: 10px;
		font-size: 16px;
	}
	.news.single .article {
		font-size: 12px;
		padding: 15px 0;
	}
	.news.single .article .alignleft {
		float: none;
		display: block;
		margin: 0 auto;
	}
	.news.single .article .alignright {
		float: none;
		display: block;
		margin: 0 auto;
	}
	.news.single .article a {
		word-wrap:break-word;
}
}

/*三宮プラッツページ用に追加したスタイル*/

/*カバー画像*/
.sannomiyaplats #mainVisual01 {
    position: relative;
    width: 100%;
    height: 516px;
    background: url(../../img/platz/bg_main_sannomiya.jpg) no-repeat top center;
    background-size: cover;
}

/*ページ内スタイル*/
.clearline {
    clear: both;
    opacity: 0;
}
.platzcontents {
    color: #595757;
}

.platzcontents a {
    color: #62C1B8;
}

.platzcontents img {
    width: 100%;
}

.platzcontents h2 {
    color: #fff;
    background: url(../../img/platz/h2bgicon.png) no-repeat #62C1B8 8px 8px;
    padding: 12px 50px; 
    font-size: 1.2em;
    font-weight: normal;
    margin: 10px 0;
}

.platzcontents h3 {
    background: url(../../img/platz/icon_green_squaire.png) no-repeat 0px 8px;
    padding: 6px 20px;
    margin: 10px 0 0 0;
    font-size: 1.1em;
    font-weight: normal;
}

.platzcontents h4 {
    margin: 10px 0 0 0;
    font-size: 1.1em;
    font-weight: normal;
}

.platzcontents h5 {
    font-size: 1.1em;
    font-weight: normal;
}

ul.platzlist li {
    background: url(../../img/platz/icon_green_circle.png) no-repeat 0px 2px;
    padding: 0 0 0 20px;
}

.platzmap {
    float: left;
    width: 45%;
}

.platzspec {
    float: right;
    margin: 0 10px;
    width: 50%;
}

.specbpx {
    background: rgba(237,237,237,1.00); 
    padding: 20px;
}

.platzorigin {
    border: 1px solid #62C1B8;
    padding: 10px;
}

.originimg {
    float: left;
    width: 23.2%;
}

.origintext {
    float: right;
    width: 75%;
}

span.greenicon {
    color: #62C1B8;
}

ul.platz4list {
}

ul.platz4list li img {
    width: 22%;
    padding: 1%;
}

ul.platz4list li {
    display: inline;
    text-align: center;
}

.platzbtnimg {
    margin: 10px 0;    
}

dl.platzhistorylist dt {
    color: #62C1B8;
}

/*汎用*/
.platzimgleft {
    width: 35%;
    float: left;
}

.textboxleft {
    width: 60%;
    float: right;
    margin: 10px 0 0 0;
}

/*スマホ*/
@media screen and (max-width:768px) {
.sannomiyaplats #mainVisual01 {
    width: 100%;
    background-size: contain;
    height: 120px;
}
.platzmap {
    width: 100%;
}
    
.platzspec {
    width: 100%;
    margin: 0;
}
.originimg {
    width: 100%;
}

.origintext {
    width: 100%;
}

ul.platz4list li img {
    width: 47%;
    padding: 1%;
}

.platzimgleft {
    width: 100%;
}
    
.textboxleft {
    width: 100%;
}