@charset 'UTF-8';

.landscape .suzuran section.one,
.landscape .suzuran_minami section.one,
.landscape .himawari section.one,
.landscape .hondacars_narachuo section.one,
.landscape .suntown_academy section.one,
.landscape .hikari section.one,
.landscape .unitika_kfc section.one,
.landscape .kosumosu section.one,
.landscape .promenade_takanohara section.one,
.landscape .sunpalko_tawara section.one,
.landscape .aoyama_center section.one,
.landscape .shokusai section.one,
.landscape .hikaridai section.one{min-height:600px!important;}
.landscape #one-slider2 img{width:40%;padding:2% 0!important;}
.landscape a.meanmenu-reveal span{  height: 6px!important; margin-top:6px!important;}
.landscape a.meanmenu-reveal{ padding:2.8% 4% 0 0!important;}

html.mobile .container,
html.narrow .container,
html.narrower .container{
	width:90%!important;
}
.sp_non{display:none;}

@media screen and (max-width: 1320px) {
/*.flo_wrap .mapicon #name{padding:2%;float:none;width:100%;}
.flo_wrap .mapicon #name li{margin:2% 0;width:50%;}
.flo_wrap .mapicon #picto{float:none;width:100%;}
.flo_wrap .mapicon #picto li{background-size: contain;background-position:0 center; background-repeat:no-repeat;float:left;padding:2% 0 2%  40px; width:40%;}
*/

}

@media screen and (max-width: 1300px) {
.wrap{	width:95%;}
#main article.box1 p{float:none;width:95%;margin:0 auto 2% auto;}
#main article.box1 ul{float:none;text-align:center;margin:0 auto;width:70%;}
#main article.box2 dl{margin:2% 2% auto;}
#main.greeting .contents dl{float:none;margin:0 auto;padding-right:0;}
#main.greeting .contents dl dd{padding-right:0;}
#main.greeting .contents .box2 p {width:70%;}
#local_nav .no01, #local_nav .no02, #local_nav .no02-c, #local_nav .no03, #local_nav .no03-c, #local_nav .no04, #local_nav .no04-c, #local_nav .no05, #local_nav .no05-c, #local_nav .no06, #local_nav .no06-c, #local_nav .no07, #local_nav .no08, #local_nav .no09, #local_nav .no10, #local_nav .no11, #local_nav .no12 , #local_nav .no13 {width:49.3%;background-position:97% center;}
#local_nav a:hover {background-position:97% center;}
#local_nav .no02, #local_nav .no03-c, #local_nav .no05-c, #local_nav .no06, #local_nav .no08, #local_nav .no10, #local_nav .no12{margin-left:0;}
/*#main.concept .contents .box img {float:none!important;margin-bottom:3%;width:50%;}
*/#main.commitment .contents .box img/*,
.contents .box2 img*/{float:none!important;margin-top:3%;width:50%;}
#main.concept .contents .box,
#main.concept .contents .box2, 
#main.commitment .contents .box, 
#main.commitment .contents .box2{text-align:center;margin-top:3%;}
#main.commitment .contents .box p,
#main article.box3 p{width:60%;text-align:left;}
#main.commitment .contents .box2 p{width:100%!important;text-align:left;float:none;}

#main.project article .box {text-align:center;}
#main.project .box img {float:none;margin:0 auto;}
#main.project .box .box_right {float:none;width:100%;margin-top:3%;}
#main.project article .box_right p{text-align:left;}
#main.project article .box_right p.btn{text-align:center;}
#main.project article .box_right p.btn img{float:none;}
#main.greeting .contents .img_bg{display:none;}
#main.greeting .contents img.img04{display:block;width:100%;margin-bottom:20px;}
#main.greeting .box2 img{width:inherit;}

#main.concept .contents .box2 ul{margin-right:0;width:29%;}
#main.concept .contents .box2 ul li{margin:2% 0;}
#main.concept .contents .box2 ul li img{width:100%;}

.new .img_bg img{width:90%;}
}

@media screen and (max-width:1130px){
#footer .footer_menu{
	width:100%;
	float:none;
	overflow:hidden;
}
#footer .footer_menu ul{
	overflow:hidden;
	margin:0 auto;
}
#footer .footer_logo{
	float:none;
	width:100% ;
	overflow:hidden;
	text-align:center;
	margin-top:20px;
}
#footer .footer_logo li.logo_bg{
	width:50%;
	margin:0 auto 1% auto; 
} 
}

@media screen and (max-width:1080px){
#mailformpro ol li select{
	width:30%;
}

}


@media screen and (max-width: 1070px) {
#a40th{
	display:none;
}
/* 写真の名称用 */
.top #two .txt{
	border:none;
}

.top #four  .news_title{ /* お知らせのタイトル */
	padding-left:30%;
}

.top_btn{width:90%;margin:0 2%!important;}
 .bx-wrapper .bx-controls-direction a {top:105%;}
.new .img_bg img{width:90%;}
}


@media screen and (max-width:1040px){
/* 企業情報 - 沿革・歴史 */
.history #two .text .img02{
	clear:both;
	margin-top:5px;
}
.top #one #one-slider img {;width:30%;}
#main.concept .contents .box2 p{width:100%;float:none;}
#main.concept .contents .box2 ul{width:90%; margin:2% auto;float:none;}
#main.concept .contents .box2 ul li{float:left;margin-left:3%;}
#main.concept .contents .box2 ul li:last-child{float:right;margin-right:3%;margin-left:0;}
}



@media screen and (max-width: 960px) {
#header,#topnav{display:none;}
 a.meanmenu-reveal{display:block;}
#one-slider2{padding-left:20px;display:block!important;height:auto;}
#one-slider2 a{display:block;}
#one-slider2 img{display:block;width:40%; padding: 3% 0 3% 0;}
.top #one #one-slider2{height:auto;} /* トップページのメインビジュアルの高さ計算用 */
#topnav ul{height:0;}/* トップページのメインビジュアルの高さ計算用 */

.shop_detail #one-slider2{display:none;}
.mean-container a.meanmenu-reveal {  padding: 4% 3% 0 0;}
.mean-container a.meanmenu-reveal span {  height: 8px;  margin-top: 8px;}


.pc_non{display:none!important;}
.sp_non{display:block;}
#topnav ul,#main,#footer{	margin-left:0;}
#submenu ul li{width:49%;margin-left:2%}
#submenu ul li.ie_li2{margin-left:0;}
header h2 span img{	width:50%;}
.shopindex h2 span{padding:0 2%!important;}
.top #five h2 span{	background:none;	padding: 0 0;}
.top #five h2 span img{	width:38%;}
.top #five h2 span.centerimg{	padding:0 2%;}
.top #five h2 span.centerimg img{	width:20%!important;}
/* 写真の名称用 */
.flo_wrap{padding:5% 0 0 0;min-height:0px;}
.flo_wrap p{line-height:0;}
.flo_wrap img{width:95%;margin-top:20px;}
div#bx-pager {text-align:center;padding-top:2%;}
div#bx-pager .one,
div#bx-pager .two,
div#bx-pager .tree,
div#bx-pager .four,
div#bx-pager .five{background:#fff;padding:2% 4%;text-decoration:none;color:#474747;}
div#bx-pager .one:hover,
div#bx-pager .two:hover,
div#bx-pager .tree:hover,
div#bx-pager .four:hover,
div#bx-pager .five:hover{background:#00b0ec;border:1px solid #fff;}
div#bx-pager .one.active,
div#bx-pager .two.active,
div#bx-pager .tree.active,
div#bx-pager .four.active,
div#bx-pager .five.active{background:#00b0ec;border:1px solid #fff;}
.bx-wrapper .bx-controls-direction a {top:120%;}
.bx-wrapper{margin-bottom:20%;}
.bx-wrapper .bx-prev,.bx-wrapper .bx-next{background-size:50%;}
#main.concept .csr_commit img{width:100%;}

}

@media screen and (max-width:768px){
.bgpostion{background-position:20% 0!important;}

/* 企業情報 - 沿革・歴史 */
.history #two .year,
.history #two .month,
.history #two .text{
	width:100%;
	float:left;
	clear:both;
	text-align:left;
}
.history #two .year{
	padding:10px 0 10px 20px;
}
.history #two .month{
	padding:10px 0 10px 20px;
	border:none;
}
.history #two .text{
	border:none;
}
.history #two .text img{
	float:none;
}
.link_mask{background-image:none;}

body.top #main > section.three .top_btn-company {width:100%;margin-bottom:3%;}
.top_btn{width:90%;margin:0 auto!important;}
.top_btn ul{float:none;width:80%;margin:0 auto;}
.top_btn ul li.btn-style a{padding:7% 10% 7% 6%;margin:0 auto;font-size:16px;}
.news_link p.btn-style a{padding:7% 10% 7% 6%;margin:0 auto;font-size:16px;}
#four .news_link a img{width:70%!important;}
body.top #main > section.three{
	background: url('../images/bg_mb.jpg?230224') no-repeat 0 bottom;
	background-size: cover;
	position:relative;
	/*padding:2% 0;*/
	padding: 10% 0 40%;
}
body.shop section.one .container{bottom:2%;margin-bottom:5%;}
.shop #main > section.cover{padding:5% 0;}
body.shop section.one h1{margin-bottom:2%;}
body.shop section.one dl dt, body.shop section.one dl dd{padding:1px 0;}

#main.concept .contents .box img{margin:0;width:100%;float:none}
#main.commitment .contents .box img,
.contents .box2 img, 
#main.concept .contents .box2 img {float:none;margin-top:0;width:100%;}
#main.concept .contents .box2 ul{width:100%; margin:2% auto;}
#main.concept .contents .box2 ul li{margin:0;width:48%;}
#main.concept .contents .box2 ul li:last-child{margin-right:0;margin-left:0;}

#main.greeting .box img{width:60%;}
#main.greeting .contents .box2 img {width:60%;float:none!important;margin:0 20%;}
#main.greeting .box2 p{margin-bottom:20px;width:100%!important;float:none;}





}


@media screen and (max-width:710px){
/* メインビジュアルの１行のお知らせ */
.top #one .one_col_news p{
	padding-left:5px;
	padding-right:5px;
}
.top #one .one_col_news dl{
}
.top #one .one_col_news dt,
.top #one .one_col_news dd{
	padding-left:5px;
	padding-right:5px;
}


}


@media screen and (max-width: 640px) {
/* メインビジュアルの１行のお知らせ */
.top #one .one_col_news p{
	font-size:120%;
	padding:2% 0;
	background:#2d302e;
	color:#fff;
	width:100%;
	float:none;
}
.top #one .one_col_news dl{
	width:100%;
	padding:2% 0;
	background:#fff;
}
.top #one .one_col_news dt,
.top #one .one_col_news dd{
	text-align:left;
/*	width:100%;*/
	padding:2%;
	font-size:100%;
}


.top #one #one-slider{ /* メインビジュアル（背景、bgswitcherで） */
	display:none;
}
/*50周年ロゴ設置用css*/
.top #one #one-slider3{
	display: block;
	
}
/*50周年ロゴ設置用css*/
.top #one #one-slider3 img {
	position: absolute;
	bottom: 30%;
	right: 3%;
	z-index: 999;
	width: 20%;
	height: auto;
}	
	
#mobile_mainvisual{
/*	width:100%;
*/	display:block;
}
.top div.bx-viewport{background:#2d302e;}
#mobile_mainvisual .bx-wrapper li{}
#mobile_mainvisual  img{width:100%;}

.top #one .one_col_news{
	position:relative;
	bottom:0;
}
h1,h2,h3,h4,h5,h6	{
	font-weight: bold;	}

#main02 {
  width: 100%;
  padding: 0;
  margin:0;
}
#main > section.cover{
	background-size: 200%;
	background-position:top center;
	background-color:rgba(0,0,0,0.84);
	background-repeat:no-repeat;
}
.shop_detail h1 {  margin: 4% auto 4% 10px;font-weight:normal;font-size:16px;}
#main02 section.detail02 .\34 u:last-child {padding-top:0;}
#main02 section.detail02 dl dt {display:block;width:100%;padding:7% 0;}
#main02 section.detail02 dl dd {margin:0;}
#main02 section.detail02 dl dd:last-child {border-bottom: 1px dashed #999;margin-bottom:10%;}
#main02 section.detail01 table,#main02 .detail02{width:95%;margin:2% auto 5% auto;}
#main02 section.detail01 table th{width:32%;padding:3%;}
#main02 section.detail01 table td{width:68%;padding:3%;}
#main02 section.detail01 table a{width:90%;}
.detail_link{display:block;font-size:115%;}
.detail_link a{display:block;padding:20px 0;margin-left:10px;}
.detail_link p:last-child a{background:url(../images/icon_link12.png) 0 center no-repeat; padding-left:20px;background-size: 3%;}
.detail_link .icon_link03{background:#333;color:#fff;}
.detail_link .icon_link04{background:#434844;color:#fff;}

#sidePanelToggle .toggle{display:none;}
.mean-container a.meanmenu-reveal {  padding: 6% 3% 0 0;  top: 0px;}
.mean-container a.meanmenu-reveal span {  height: 4px;  margin-top: 5px;}
.mean-container .mean-bar .meanclose img{	width:78%;}
#one-slider2 img{width:80%; }

#main section.cover{
	padding:10em 0;
}
body.shop header{
	margin:0 0 5em 0;
}
#submenu ul li{width:100%;margin-left:0;float:none;}
#submenu ul li.ie_li2{margin-left:0;}

.top #one #one-slider2{ /* モバイル時のロゴ */
	display:block;
}

#topnav,/* トップメニュー */
div.next{
	display:none;
}

/**top*/
/* トップページのメインビジュアル */
.top #one {
	background-color:white !important;
}
.top #one #one-slider{ /* メインビジュアル（背景、bgswitcherで） */
	/*height:590px !important;*/
	text-align:right;
}
.top #one #one-slider img{ /* メインビジュアルのメッセージ */
	display:none;
}
.top #one #next{ /* メインビジュアルの下へボタン */
	display:none;
}
/* トップページの施設案内 */
.top #two .pc_size{
	display:none;
}
.top #two .mb_size{
	display:block;
}
.top #two .mask{height:200%;}
/* 写真の名称用 */
.top #two .txt{
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding:10%  0 0 0;
}
.top #two .txt p{
	border:none;
}

.top #two #no1_m, 
.top #two #no2_m,
.top #two #no11_m,
.top #two #no12_m,
.top #two #no13_m,
.top #two #no15_m,
.top #two #no21_m, 
.top #two #no22_m,
.top #two #no23_m, 
.top #two #no24_m,
.top #two #no25_m, 
.top #two #no31_m,
.top #two #no32_m, 
.top #two #no33_m,
.top #two #no34_m{
	width:50%;
	float:left;
}
.top #two .mb_size .inner{	background-size:cover;}
.top #two #no1_m .inner{
	background-image:url(../images/photo01_m.jpg);}
.top #two #no2_m .inner{
	background-image:url(../images/photo02_m.jpg);}
.top #two #no11_m .inner{
	background-image:url(../images/photo04_m.jpg);}
.top #two #no12_m .inner{
	background-image:url(../images/photo06_m.jpg);}
.top #two #no13_m .inner{
	background-image:url(../images/photo05.jpg);}
	.top #two #no15_m .inner{
	background-image:url(../images/photo16.jpg);}
.top #two #no21_m .inner{
	background-image:url(../images/photo07_m.jpg);}
.top #two #no22_m .inner{
	background-image:url(../images/photo08_m.jpg);}
.top #two #no23_m .inner{
	background-image:url(../images/photo10_m.jpg);}
.top #two #no24_m .inner{
	background-image:url(../images/photo09new_m.jpg?230313);}
.top #two #no25_m .inner{
	background-image:url(../images/photo03_m.jpg?230313);}
.top #two #no31_m .inner{
	background-image:url(../images/photo11_m.jpg);}
.top #two #no32_m .inner{
	background-image:url(../images/photo12_m.jpg?230313);}
.top #two #no33_m .inner{
	background-image:url(../images/photo13_m.jpg);}
.top #two #no34_m .inner{
	background-image:url(../images/);}


/* トップページの企業理念 */
body.top #main > section.three{
	background: url('../images/bg_mb.jpg?230224') no-repeat 0 bottom;
	background-size: cover;
	position:relative;
	padding:2% 0 20%;
}
body.top #main > section.three .top_btn-company{
	width:100%;}
.top_btn ul li.btn-style a{font-size:16px;}
.top_btn p{margin:30px 0 10px 0;}
.top_btn ul li{margin:100px 0;}
.top_btn ul img{width:100%;margin:0;}

/* トップページのお知らせ */
body.top #main > section.four{padding:10% 0 0 0;}
#four h2{
	padding: 0;
	background-position:center;
}
.shop #four h2{
	margin:10% 0 30px 0;
}
.shop .himawari #four h2{
	margin:0 0 70px 0;
}
#four .container{
	width:100% !important;
}
#four .top-news_box dt,
#four .top-news_box dd{
	width:100%;	
	font-size:30px;
	padding-left:0;
}
#four .news_link{
	background-color:#fff;
	margin:10% auto;
}


/* トップページのピックアップ */
#five .container{
	width:100% !important;
}
.top .five ul li{
	width:49%;
	margin:1% 0;
	padding-bottom: 0!important; 
}
.top .five ul li:nth-child(2n){
	margin:1% 0 1% 2% ;
}
.top #five #pickup{
	padding:2% 0;
}
.top #five #pickup header{
	display:none;
}
.top #five h2 span{
	background:none;
	padding: 0 0;
	
}
.top #five h2 span img{	width:34%;}
.top #five h2 span.centerimg{padding:0 1%;}
.top #five h2 span.centerimg img{width:30%!important;}

/* ピックアップの背景動画 */
#bg_movie{
	display:none;
}
/* フッター */
#footer .footer_menu{
	text-align:left;
	float:none;
	width:100%;
}
#footer .footer_box{
	padding:0;
	font-size:50%;
}
#footer{
	font-size:28px;
}

#footer .footer_logo {
	text-align:left;
	float:none;
	width:100%;
}

#footer .footer_menu ul {
	width:100%;
	margin-top:20px;
}
#footer .footer_menu ul:last-child {
	margin-top:0;
	margin-bottom:20px;
}

#footer .footer_menu ul li{
	border:none;
	padding:5px 0;
	float:none;
	text-align:left;
}
#footer .footer_logo li.logo_bg span{}
#footer .footer_logo li.logo_bg{
	display:none;
}
#footer .footer_logo li.logo_bg_sp {
	display:block;
}
#footer .footer_logo li.logo_bg_sp img {
	float:left;
	width:10%;
}
#footer .footer_logo li.logo_bg_sp span{
	background:url(../images/f_logo_mb.png) no-repeat 0 50%;
	background-size:contain;
	padding:4px 0 0 45px;
	width:100%;
} 		

#footer .copyright{	font-size:35%;}
/**下層ページ*/

#main .intro header{
/*	height:30%!important;*/
	padding:0 !important;
	height:3em !important;
}
#main .h1_style {
/*	padding:5% 0;
  line-height: 157%;*/
	padding:0;
	line-height:3em;
	text-align:center;
}
#main .h2_style {
/*  padding:30% 0 0 3% ;
  line-height:147%;*/
	text-align: center;
	padding: 5em 0 0 0;
	line-height:2em;
}
#main  .intro {
	height:200px!important;
 	padding:2% 0!important;
}
#pankuzu{display:none;}
#main.greeting .contents h3 {width:100%; margin-top:5%;}

/* リンク、サイトマップ、プライバシーポリシー、サイトポリシー */
#main.sitemap section#one.intro.cover,
#main.link section#one.intro.cover,
#main.privacy section#one.intro.cover,
#main.sitepolicy section#one.intro.cover{  /* heightを変更するとトップの帯の下の余白が変わる */
	margin:0 !important;
	padding:0 !important;
	height:70px !important;
}
#main.sitemap header.header_black,
#main.link header.header_black,
#main.privacy header.header_black,
#main.sitepolicy header.header_black{ /* heightを変えるとトップの帯の高さが変わる */
	margin:0 !important;
	padding:0 !important;
	height:3em !important;
}
#main.sitemap header h1.h1_style,
#main.link header h1.h1_style,
#main.privacy header h1.h1_style,
#main.sitepolicy header h1.h1_style{ /* line-heightを上の#main.sitemap header.header_blackのheightと合わすと上下真ん中になる */
	margin:0 !important;
	padding:0 !important;
	text-align:center;
	line-height:3em !important;
}

#main.link div.contents,
#main.sitemap div.contents,
#main.policy div.contents{
	margin:20px auto !important;
}
/**開発予定地域*/
#main.project article .box_right p.btn img{width:80%;}
/**company*/
.vision .contents .bg_img{margin-bottom:0!important;}
.vision .contents img{width:100%;}
.vision .contents h2 {margin-bottom:2%!important;padding-bottom:5%!important;margin-top:5%!important;}
.vision .contents h2 img{width:30%;margin:5% 0 10% 0;}
.vision #two h1 {padding-top:0!important;}
.vision #two h2 {padding-top:0!important;}
/**himawari*/
.shop #two li p {
  color: #1ba042;
  font-size: 120%;
  padding-top: 23px !important;
  padding:5%!important;
  height:auto;
}
.shopindex #two li p.pd {padding:5% 20% 5% 5% !important; }
body.shop section.one dl dt{
	width:25%;
}
body.shop section.one dl dd{
	width:75%;
}
body.shop .himawari section.four dl dt,
body.shop_detail .himawari section.four dl dt{
	display:block;
	padding:5% 0;
	width:100%;
	border-bottom: 1px dashed #999;
}
body.shop .himawari section.four dl:nth-of-type(1) dt,
body.shop_detail .himawari section.four dlt:nth-of-type(1) dt{
	border-bottom: none;
/*	border-top: 1px dashed #999;
*/}
body.shop #main section.four dl dd,
body.shop_detail #main section.four dl dd{
		margin-left:0;
}
body.shop #main section.four dl,
body.shop_detail #main section.four dl{
	margin-top:10%;
}
body.shop #main section.four .\34 u,
body.shop_detail #main section.four .\34 u{
	padding-top:0;
	float:none;
	margin:0 auto;
}

#main.shopindex .contents .inner_box ul li {
	float:none!important;
	width:100%!important;
	margin:3% auto!important;
}
#main header {  margin: 0!important;}
body.shop section.one .container{left:3%;bottom:2%;/*margin-bottom:15%;*/}
body.shop h1 img{width:50%;}
body.shop section.one dl dt{width:35%!important;}
body.shop section.one dl dd{width:65%!important;}
body.shop section.one dl dt,
body.shop section.one dl dd{ padding:1% 0!important;}	
body.shop #main section.two .googlemap iframe{min-height:300px!important;}
#main .link_btn div.boxbtn{width:95%!important;padding:3% 0!important;}
#main .link_btn div.boxbtn a,#main .link_btn div.boxbtn span{width:80%!important;}
#main .tenant-info div.box .image_box {width:100%!important;}
#main .tenant-info div.box table{width:100%!important;float:none!important;}
#main .tenant-info div.box table th{width:36%!important;padding:5% 3%!important}
#main .tenant-info div.box table td{width:60%!important;padding:5% 0 5% 5%!important;word-break: break-all;}

#main .contents .inner_box ul li{float:none!important;width:100%!important;margin:3% 0!important;}
 #main.volunteer .contents{margin-bottom:3%!important;}
#main article.box2 img {float:none;width:100%;}
#main article.box2 dl{float:none;width:100%;margin:3% 0 0 0;}
#main div.box02 img,
#main article.box3 img, 
#main div.box01 img{float:none;}
#main div.box02 span,
#main article.box3 span, 
#main div.box01 span{display:block;text-align:center;margin-top:3%;}
#main div.box01 div.inner dl{margin-top:3%;}
#main .contents dl,#main .contents dl dd{width:100%;padding-right:10%;}
#main .contents dl dd span{text-align:left;}
#main article.box1 ul li{width:100%;float:none;margin:0;}
#main article.box1 ul li dt{text-align:center;margin-top:3%;}

#local_nav .no01, 
#local_nav .no02,
#local_nav .no02-c,
#local_nav .no03,
#local_nav .no03-c,
#local_nav .no04, 
#local_nav .no04-c, 
#local_nav .no05, 
#local_nav .no05-c, 
#local_nav .no06,
#local_nav .no06-c,
#local_nav .no07,
#local_nav .no08,
#local_nav .no09,
#local_nav .no10,
#local_nav .no11,
#local_nav .no12,
#local_nav .no13{width:100%;margin:3% 0;float:none;background-position:97% center;}



#local_nav li:last-child{margin:0;}
#main div.box01 div.inner{	width:100%;float:none;}
#main article.box3 p,
#main div.box02 ul {float:none;width:100%;}
body.shop .tenant-info{padding:0!important;}
 
 /*csr*/
#sub_nav {margin-bottom:20px;}
#sub_nav ul{padding-top:20px;}
#sub_nav li{float:none;width:100%;margin:2% 0;}
#sub_nav li p{background:url(../images/icon_link01.png) no-repeat 90% 50%;padding:20px 0 20px 20px;color:#1ba042;background-color:#e5efe8;}
#sub_nav li p:hover{background-color:#b0e1be;}
#sub_nav li p.now{background-color:#b0e1be;}
#sub_nav a img{display:none;}

#main.concept .csr_commit {padding-bottom:0;}
#main.concept .csr_commit h3{margin-bottom:5%;}

/*tenant*/
#main.new article .box_right{float:none;width:100%;margin-top:3%;}
#main.new article .box img {float:none;width:100%;}
#main.new article .img_bg img{width:100%;}
#main.new article address, #main.existing article address{width:90%;}
#main.new article address div, #main.existing article address div{float:none;width:100%;margin:2% 0;}
#main.new article address a, #main.existing article address a{float:none;margin:0 auto;width:90%;}
#main.new article address a img, #main.existing article address a img{width:100%;}
#main.new article address p a, #main.existing article address p a{float:none;width:100%;color:#f15f0f;font-size:20px;}
/*#main.new article address span a, #main.existing article address span a{width:90%;}*/
#main.new article.box_inquiry  h4,#main.existing article.box_inquiry  h4{width:90%;}

/* お問い合わせ窓口 */
#main.inquiry div.box,
#main.inquiry div.box2{
	clear:none;
	width:100%;
	margin:0 0 60px 0;
}
/* お問い合わせフォーム */
#mailformpro p.confirm_mail{ /* メール確認欄を囲むボックス*/
	line-height:1.2em;
}
#mailformpro th span{
	display:inline;
}
#mailformpro table{
	margin:0px;
}
#mailformpro table,
#mailformpro tr{
	border:none;
}
#mailformpro th{ /* フォームの1列目 */
	display:block;
	float:left; /* IE9用 */
	clear:both; /* IE9用 */
	width:100%!important;
	padding:10px;
	margin-top:15px;
}
#mailformpro td{ /* フォームの1列目 */
	display:block;
	float:left; /* IE9用 */
	clear:both; /* IE9用 */
	width:100%;
	padding-left:0;
}
#mailformpro td.row02{ /* フォームの2列目 */
	display:none;
}
#main.tenant_contact .progress{ /* 進捗バーの画像*/
	display:none;
}
#mailformpro textarea,
#mailformpro input.input_wl, /* 大学名・学部名の入力欄の幅 */
#mailformpro input.input_ws, /* 標準の入力欄の幅 */
#mailformpro input[type=email], /* メールの入力欄の幅 */
#mailformpro button.mfp_buttons, /* 確認画面へ進むボタン */
#mailformpro ol li span,
#mailformpro ol li input,
#mailformpro ol li input.input_w02,
#mailformpro ol li select{
		width:98% !important;
}
#mailformpro textarea{
	margin:0;
}
#mailformpro ol li:first-child span{
	padding-top:0px;
}
#mailformpro ol li span{
	padding-top:10px;
}
#mailformpro button.mfp_buttons{ /* 確認画面へ進むボタン */
	margin-top:30px;
}
/* 企業情報 - 会社概要 */
#main.overview #two th{
	display:block;
	width:100%;
}
#main.overview #two td{
	display:block;
	width:100%;
}
/* 企業情報 - 沿革・歴史 */
.history #two .year,
.history #two .month,
.history #two .text{
	text-align:center;
}
.history #two .text{
		width:98%;
}
/* 企業情報 - 組織図 */
#main.organization #two img{
	width:100%;
}
/* サイトマップとリンク */
.sitemap #two #left_content,
.sitemap #two #right_content,
.link #two #left_content,
.link #two #right_content{
	width:100%;
}
.sitemap #two #right_content,
.link #two #right_content{
	float:left;
}
/* トップのお知らせ */
.top #four .top-news_box .news_mark{
	width:30%;
	height:2em;
	line-height:2em;
	font-size:16px;
}
.top #four .top-news_box .news_date{
	font-size:18px;
	width:auto;
	padding-left:5%;
	padding-bottom:3%;
}
.top #four .top-news_box .news_title{
		clear:both;
		font-size:20px;
		width:90%;
		margin:0 auto;
		padding:0;
}

.flo_wrap .mapicon #name{padding:2%;float:none;width:100%;}
.flo_wrap .mapicon #name li{margin:2% 0;width:50%;}
.flo_wrap .mapicon #picto{float:none;width:100%;}
.flo_wrap .mapicon #picto li{background-size: contain;background-position:0 center; background-repeat:no-repeat;float:left;padding:2% 0 2%  40px; width:45%;}
body.shop .himawari .service{font-size:80%;padding:3px 0 2px 60px!important;}

/* ひまわり館のテナント一覧 */
body.shop #main section.four .\34 u{
	width:100%;
}

.shop_detail #main02 section.detail02 .\34 u{
	width:100%;
	
}



}


@media screen and (max-width: 445px) {
#main.existing .img_box img{
	float:none;
}
}
/*50周年ロゴ レイアウト調整 ここから*/
@media screen and (min-width: 389px) {
	.top #one #one-slider3 img {
		bottom: 25%;
}
}
@media screen and (max-width: 375px) {
	.top #one #one-slider3 img {
		bottom: 31%;
	right: 3%;
}
}
@media screen and (min-width: 769px) {
.top #one #one-slider3{ 
	display:none;
	}}
/*50周年ロゴ レイアウト調整 ここまで*/