@charset "utf-8";

/* ****************************************************************************

	response.css

	-------------------------------------------------------------------------------

		01. common
		02. home
		03. service
		04. corporate
		05. recruit
		06. ir
		07. contact
		08. page_contents

******************************************************************************* */


@media screen and (max-width : 769px ){

/* ==icn_info_ir_info
	01. common

	01-1 header
	01-2 globalNav
	01-3 side
	01-4 footar

=============================================================================== */

	.contents{ max-width:93%;}
	.innerbox{max-width:93%; margin:0 auto;}
	#mainArea {
		width:100%;
		padding:0 10px;
	}

	#contentsArea{
		width:98%;
	}
	.main_one_column{
		padding:0;
	}

	.height_center {
	  position: relative;
	  top: 50%;
	}

	.list_box{
		margin: 0;
		border-bottom: 1px solid #ddd;
		border-top: none;
	}


	.list_box a{
		padding:20px;
		font-size:125%;
	}

	.list_box a i {
		background:none;
		color:#00499b;
		padding:1px 10px;
	}

	.list_box.border_gray_t{
		border-top-color: #bbb !important;
	}

	.spnNone{	display: none !important;}
	.pcNone{display: inline !important;}
	.pcNoneB{display: block !important;}
	.sp_f50p{	font-size:50%;}
	.sp_f80p{	font-size:80%;}
	.sp_block{   display: inline-block!important;}
	.sp_space{ padding-left:10px !important;}
	.box_min306{min-height: inherit;}
	.box_min308{min-height: inherit;}
	.box_h128{ height: auto;}
	.box_h195{ height: auto;}
	.box_h235{ height: auto;}

	.white-space{font-size: 80% !important;letter-spacing: -1px;}

	.boxLphotoRtextS .text{ float:none; max-width:100%;}

	.sp_f18{ font-size: 138.5% !important;}

	.sp_bg01{background-color:rgba(250,250,250,0.75) ; border:1px solid #ddd;}
	.pagination {bottom: 5px; }
	.pagination a{  width: 8px;height: 8px; margin:0 2px; background-color:#999;}
	.hover_effect figcaption {
		background: rgba(0,0,0,0.5);
		border-radius: 0px;
		text-shadow: 0px 0px 0.1px rgba(0, 0, 0, 1);
		opacity: 1;
		color: #fff;
		height: 36%;
		top: inherit;
		bottom: 8%;}

	.hover_effect figcaption h3{ opacity:1; width:100%; font-size:125%; padding-bottom:9px;}


	.btn_style_a{
			margin:15px auto !important;
			width: 109px;
			font-size:100%;
		}

	.sp_list {border-top: 1px solid #ddd;}
	.sp_list a,.sp_list span.a_none {
		width: 100%;
		position:relative;
		height: 100px;
		-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;
		box-sizing: border-box;
		padding: 0;
		text-decoration: none;
		border-bottom: 1px solid #ddd;
		display: table;
	}
	.sp_list a:hover {
		background: #e9e9e9;
	}
	.sp_list div {
		display: table-cell;
		width: 100px;
		padding: 0 1px 0 0;
		position:relative;
	}

	.sp_list div .comming{
		position: absolute;
		left: 0px;
		top: 38px;
	}
	.sp_list p {
		display: table-cell;
		vertical-align: middle;
		line-height: 1.5;
		margin-left:5px;
	}

	.sp_list .fa-chevron-right { position:absolute; top:45%; right:1%; margin-right: 5px;}
	.sp_list .external-link { font-size:11px; color: #333 !important; display:inline-block; margin-top: 10px;}
.sp_list .external-link i { margin-right: 5px; vertical-align: -5%;}

	.sp-servise {
		padding-top: 0!important;
	}
	.tableTypeB th,.tableTypeB td{
		display:block;
		width:100%;
	}

 .tit-learn {
 	margin:30px 0 10px;
 }
  .feature{
	 margin:20px 0 30px;
 }
 .feature li {
  background: #f9f9f9;
  border: 1px solid #ddd;
  color: #333;
  font-size: 120%;
  font-weight: bold;
  line-height: 1.7;
  padding: 12px 10px 10px 65px;
  margin: 0 0 10px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
    width: 100%;
  min-height: 190px;
 }
 .feature .feature-text {
 		padding-top: 7%;
 }
.feature li p {
	left: 65px;
	padding-right: 10px;
}
 .feature li:first-child {
	margin-left: 0;
}
 .feature li .num {
	color: #00499b;
	position: absolute;
	width: 64px;
	top: 15%;
	left: 0;
	margin: 12px 0 0;
	font-weight: normal;
	font-size: 0;
	text-indent: -9999px;
}
 .feature li .num span {
	width: 20px;
	font-size: 40px;
	line-height: 40px;
	position: absolute;
	top: 2px;
	left: 20px;
	z-index: 2;
	letter-spacing: 0;
	text-indent: 0;
}

/* 01-1 header*/

	.header {
		margin:0;
	}
	.header .spBtn {
		display: block;
		position:absolute;
		top: 7px;
		right: 15px;
		padding: 3px 8px;
		font-size: 25px;
		text-align: center;
		border-radius: 3px;
		color:#ccc;
		letter-spacing: 1px;
	}

	.header .spBtn span{
		font-size:9px;
		display: block;
		margin-top: -5px;
	}
	.header_inner {
		position: static;
		width:auto;
		margin: 0 auto;
	}
	.header_utilitywrap {
		display:none;
	}
	.header_inner #siteName {
		float:none;
		padding:20px 0 15px 15px;
	}
	.header_inner #siteName img {
		width:70px;
		height:auto;
	}

	.header-bnr{
		position:static;
		left:0;
	}
	.header-bnr img{
		width: 100%;
		height: auto;
	}

	.header_title{
		height:auto;
		border-top: 1px solid #eee;
	}

	.header_title_h1{
		font-size: 184%;
		padding: 20px 0 40px;
	}

	.header_title_h1 span {
		font-size: 14px;
		color: #999;
		font-weight: lighter;
		display: -webkit-box;
	}

	/* 01-2 globalNav*/

	#globalNav {
		display:none;
		position:static;
		width:auto;
		padding:0;
		margin:0;
		border-top: 1px solid #ECECEC;
	}
	#globalNav.header {
	    position: absolute;
    	z-index: 1000;
    	background: #3e4043;
    	top: 67px;
        width: 100%;
        -webkit-box-shadow: 0 2px 2px #252728;
    	-moz-box-shadow: 0 2px 2px #252728;
    	box-shadow: 0 2px 2px #252728;
	}
	#globalNav.header li {
		float: inherit;
	    border-bottom: 1px solid #333;
	    border-right: none!important;
	    width: 100%;
	    display: block;
	}
	#globalNav.header a {
		color: #FFF;
	    font-size: 16px;
	    padding: 20px;
	}
	#globalNav.top ul {
	    margin: 0 0 20px;
	}
	#globalNav li {
		float:left;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 50%;
		white-space: normal;
		text-align:center;
		border-bottom: 1px solid #ECECEC;
	}
	#globalNav li:nth-child(odd) {
		border-right: 1px solid #ECECEC;
	}
	#globalNav li.n1 {
		display:none;
	}

	#globalNav li a {
		padding:10px;
		display: block;
	}
	#globalNav li a:hover{
		border:none;
	}

	.bread{
		display:none;
	}
	body#information #globalNav li.n2 a,
	body#service #globalNav li.n3 a,
	body#corporate #globalNav li.n4 a,
	body#ir #globalNav li.n5 a,
	body#recruit #globalNav li.n6 a,
	body#access #globalNav li.n7 a {
		border:none;
		background-color:#F6F7F8;
	}
	body#information #globalNav.header li.n2 a,
	body#service #globalNav.header li.n3 a,
	body#corporate #globalNav.header li.n4 a,
	body#ir #globalNav.header li.n5 a,
	body#recruit #globalNav.header li.n6 a,
	body#access #globalNav.header li.n7 a {
		color:#FFF;
		background-color:inherit!important;
	}
	#globalNav li.n5 {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 50%;
	}
	#globalNav.header li.n5 {
	    width: 100%;
	}
	#globalNav li.n8.sp { display:block;}


	/* 01-3 side */


	#asideArea {
		display:block;
		width:100%;
		margin:20px 0 0;
	}
	body#corporate #asideArea,
	body#service #asideArea {
		margin:10px 0 0;
	}
	#asideArea .ind,
	#asideArea .rec,
	#asideArea .jasdaq,
	#asideArea .train {
		width:100%;
		text-align:center;
	}
	#asideArea .bn {
		display:none;
	}
	#asideArea p.recruit,
	#asideArea p.contact {
		float:left;
		width:50%;
	}
	#asideArea p.titLink {
		width:auto;
		float:none;
	}
	#asideArea p.investors,
	#asideArea p.recruit,
	#asideArea p.contact {
		margin:0 0 10px 0;
	}
	#asideArea p.investors a,
	#asideArea p.recruit a,
	#asideArea p.contact a {
		font-size:85%;
		width:auto;
		height:auto;
		background-image:none !important;
		text-align:center;
		letter-spacing:1 !important;
		line-height:3em;
		padding:0;
		border-radius:0;
	}
	#asideArea p.investors a,
	#asideArea p.recruit a {
		border-right:1px solid #FFF;
	}
	#asideArea .fbsp {
		display:block;
		width: 221px;
		text-align: center;
		margin: 10px auto 20px;
		border:1px solid #DEDEDE;
	}
	#asideArea .fb {
		display:none;
	}


	/* 01-4 footer */


	footer {
		width:auto;
		padding:0 0 40px;
		margin:10px 0 0;
	}

	footer .innerbox{
		width:96%;
	}

	footer #footerNav {
		border-bottom:none;
		padding-bottom:0;
	}
	footer #footerNav ul,
	footer p.pagetop {
		float:none;
	}
	footer #footerNav ul {
		text-align:center;
		margin:0;
		width:auto;
	}
	footer #footerNav li {
		float:none;
		display:inline;
		margin:0 4px 0 0;
	}
	footer li:last-child {
		margin:0;
	}
	footer .copyright {
		float:none;
		text-align:center;
		padding: 10px;
						width:auto;
	}
	footer .pagetop {
		position: fixed;
		bottom: 5px;
		right: 5px;
		width: 55px;
		height: 55px;
		font-size:65%;
	}
	.pagetop_img img {
		max-width:50%;
	}
	footer p.pagetop a:hover {
		text-decoration: none;
		background:#ABB5BC url(../img/icn/icn_pagetop_s.png) no-repeat 10px center;
	}


	.footer_naviBlock01 ul{
		background:#fff;
		border-bottom:1px solid #999;
	}
	.footer_naviBlock01 ul:first-child{
		border-radius:5px 5px 0 0 ;
	}
	.footer_naviBlock01 ul:nth-child(6){
		border-radius:0 0 5px 5px;
	}
	.footer_naviBlock01 ul li{
		margin: 10px;
	}
	.footer_naviBlock01 ul a {
		color:#666;
	}
/*	.footer_naviBlock02{
		border:none;
		margin: 0 auto;
		padding:10px;
	}

	.footer_naviBlock02 ul{
		background:none;
	}

	.footer_naviBlock02 div{
		width:100%;
		border:none;
		font-size:85%;
	}

	.footer_naviBlock02 ul li div img{
		margin-right: 3px;
	}*/
	.footer_submenu{
		display:none;
	}

	.footer_bttom_navi li{
		text-align: center;
		float: none;
		display: inline-block;
		padding: 5px 0px;
		width: 32%;
		font-size: 90%;
		margin-bottom: 5px;
	}
	.footer_bttom_navi li:first-child{
		width:36%;
	}
	.footer_bttom_navi li:nth-child(3){
		width:28%;
	}

	.footer_bttom_navi li a{
		margin:0;
	}

	.footer_bttom_navi {
		text-align: center;
		float:none;
	}

/* FooterLogo */
.footer_jpx{
	border: 0;
}
.footer_porter{
	text-align: center;
}
.footer_porter img{
	margin: 0 10px 10px;
	width: 125px;
}


	/* ==
　02. home
=============================================================================== */


	#home .title_large{
		font-size: 180%;
		margin: 15px 10px;
		font-weight: bold;
		padding: 60px 0 25px;
	}

	.infomationArea dl {
		padding:7px 0;
	}
	.infomationArea dl dt {
		float:none;
		margin: 0;
	}
	.infomationArea dl dd {
		float:none;
		width:auto;
		margin: 0 0 15px;
		padding:0 0 15px;
		border-bottom:1px solid #DEDEDE;
	}
	.infomationArea .attentionContents img{
		width: 100%;
		height: auto;
	}
	.infomationArea .boxRphotoLtextS img{
		height: auto;
	}

	.index_service .innerbox{
		width:80%;
	}
	.index_service .innerbox img{
		max-width:100%;
	}
	.index_pickup .w950_box{
		width:80%;
	}
	.index_pickup .w950_box img{
		max-width:100%;
	}

	#home .titleTypeA {
		margin:0 0 10px;
	}

	.index_service {background:none;  padding: 0 !important;}
	.index_service .innerbox{ width:100%; max-width:100%;}
	.index_service img{ max-width:100%;}
	.index_service .circle230{ border-radius:0px;}



/* ==
　03. service
=============================================================================== */

		#serviceArea .konkatsuArea {
					margin-bottom: 20px;
		}
		#serviceArea .konkatsuArea ul li {
					margin-right:1%;
					width:48%;
					height:180px;
					margin-top: 10px;
		}
		#serviceArea .konkatsuArea ul li.service02 {
					float:right;
					margin-right: 0;
		}
		#serviceArea .konkatsuArea ul li a.first {
					margin-top: 50px !important;
		}
		#serviceArea .konkatsuArea ul li a img{
			max-width:80%;
		}
		#serviceArea .konkatsuArea ul li a.detail {
					height:25px;
					width:95%;
					background-position:right 5px;
					right:15px;
		}
		#serviceArea .otherArea {
				background-size:45px 45px;
				padding:30px 0px 20px 25px;
		}
		#serviceArea .otherArea ul li {
					margin-right:0;
					width:50%;
					height:60px;
		}
		#serviceArea .otherArea ul li img {
					max-width:90%;
					max-height:60px;
		}
		/* service */
	#service #mainArea{
		padding: 0;
	}
	#service .titleTypeB_btmNoSp{
		margin: 35px 10px 25px;
	}
	#service .txt-main {
		font-size: 18px;
		text-align: left;
	}
	#service .span_4 {
		margin: 0 0 30px;
	}
	.service-box{
		margin-top: 20px;
		padding-bottom: 10px;
		border-right: none;
		border-left: none;
		border-width: 3px;
		border-radius: 0;
		width: 100%;
	}
	.service-box img{
		max-width: 100%;
	}
	.service-txt{
		margin-bottom: 20px;
		padding: 0 10px;
	}
	.service-catch{
		padding: 10px 10px 0 10px;
	}
	.service-url{
		margin-top: 5px;
		padding: 0 10px;
	}
	.service-wrap{
		margin-top: 10px;
		padding: 10px 10px 0 10px;
	}
	.service-detail{
		float: none;
		width: auto;
	}
	.service-text{
		margin-top: 5px;
	}
	.service-results{
		margin-top: 10px;
		float: none;
		width: auto;
		text-align: center;
	}
	.service-select{
		margin: 20px 10px 0 10px;
	}
	.service-point{
		overflow: hidden;
		margin: 0;
	}
	.service-point li{
		float: none;
		margin: 10px;
	}
	.service-point li img{
		width: 100%;
		height: auto;
	}
	.service-cap{
		margin: 5px 0;
	}
	.service-cap.col1{
		line-height: 1.3;
	}
	.service-notes{
		margin: 5px 10px 0 10px;
	}
	.service-data-wrap .w80{
		width: 100%;
	}
	.service-data-number,
	.service-data-number.small{
		font-size: 20px;
	}
	.service-data h3{
		font-size: 18px;
	}
	.service-data h3 .block{
		display: inline !important;
	}

/* ==
　04. corporate
=============================================================================== */

	#corporate .contents , #recruit .contents {max-width:100%;}
	body#corporate.no2 .boxLphotoRtextS .photo {
		display:none;
	}
	body#corporate.no2 .boxLphotoRtextS .text {
		width:100%;
		float:none;
	}
	body#corporate.no2 .titleTypeB {
		margin: 30px 0 10px;
	}
	body#corporate.no2 .name {
	display:block;
	font-size:11px;
	margin:10px 0 20px;
	}

	body#corporate.no3 .titleTypeB {
		margin: 30px 0 -10px;
	}
	body#corporate.no4 .titleTypeB {
		margin: 30px 0 0;
	}

	body#corporate .trainLink img {
		width:100%;
	}

	.text .name{
		font-size:80%;
		margin: 0 0 1em;
 		line-height: 1.7;
 	}


	/* corporate > gallery */

	.galleryList {
		padding: 30px 0 0 5px;
	}
	.galleryList li {
	margin: 0 9px 20px 0;
	}
	.galleryList .small-gallery img {
		width:135px;
	}
	.gallery-col2 p {
		float: none;
		width: 100%;
	}

	.galleryList #fancyImage05 img,
	.galleryList #fancyImage06 img,
	.galleryList #fancyImage07 img,
	.galleryList #fancyImage08 img{
		width: 300px;
		height: auto;
	}

	.galleryList p {
		font-size: 10px !important;
	}


	/* corporate > officer */
	.officer-box{
		padding-bottom: 10px;
		margin-bottom: 15px;
	}
	.officer-img{
		float: none;
		margin: 0;
		width: 100%;
		text-align: center;
	}
	.officer-detail{
		float: none;
		width: 100%;
		text-align: center;
	}
	.officer-intro{
		text-align: left;
	}
	.officer-intro br{
		display: none;
	}
	.open2{
		text-indent: 0;
		display: inline;
	}
	/* shoplist */

	.shoplist-area{
		margin-top: 20px;
		font-size: 13px;
	}
	.shoplist-area li{
	margin-bottom: 20px;
	}
	.shoplist-box{
		overflow: hidden;
		margin-bottom: 50px;
		background: #fff;
	}
	.shoplist-areaname{
		background: #F3F3F3;
		float: none;
		width: 100%;
		text-align: left;
	}
	.shoplist-list{
		float: none;
		background: #fff;
		width: 100%;
		padding-left: 0;
	}
	.shoplist-list li:first-child{
		padding: 15px 0 15px;
	}
	.shoplist-detail{
		float: none;
		width: 100%;
	}
	.shoplist-detail dt{
		padding-bottom: 5px;
		margin-bottom: 5px;
	}
	.shoplist-photo{
		float: none;
		width: 100%;
		margin: 10px 0 0 0;
		text-align: center;
	}
	.shoplist-photo img{
		width: 100%;
	}
	.shoplist-maplink{
	}



/* ==
　05. recruit
=============================================================================== */


	body#recruit .person-list-box{
		float: none;
	}
	body#recruit .person-list-box dl{
		width: 100%;
	}
	body#recruit .person-tab-spn{
		display: block;
		margin-left: 10px;
	}
	body#recruit .person-list-box img{
		margin-bottom: 5px;
	}
	body#recruit .tab-nav{
		display: none;

	}
	body#recruit .tab-section{
		margin: 0 0;
	}
	#recruit.no1 aside .rec {
		display:none;
	}

    .course-select-box {
    	display: none;
	}


/* ==
　06. ir
=============================================================================== */

/* benefit */
	.ir-benefit-box-img{
		width: 100%;
	}
	.ir-benefit-box-img img,
	.ir-benefit-box-img.ibjm img,
	.ir-benefit-box-img.rush img{
		width: 250px;
	}
	div#ir_data .ir-benefit-box-txt dl{
		width: 100%;
		float: none;
	}
	.ir-benefit-box-txt{
		margin-top: 20px;
		float: none;
	}
	div#ir_data .ir-benefit-box-txt dl{
		padding-top: 20px;
	}
	div#ir_data dl dt{
		float: none;
		width: auto;
	}
	div#ir_data dl dt{
		margin-bottom: 10px;
	}
	div#ir_data dl dd{
		padding-left: 0;
	}
	div#ir_data dl dt{
		margin-bottom: 5px;
	}
	div#ir_data .ir-benefit-box-txt dl p{
		font-size: 14px;
		line-height: 1.3;
	}
	div#ir_data .ir-benefit-box-txt dl ul{
		font-size: 13px;
	}
	.ir_news_list div{
		float:none;
	}
	.ir_news_list div img {
  		vertical-align: middle;
		display: inline;
	}
	#ir #spnTabSsection {
		display: block;
		position:static;
		width:auto;
		margin-top: 10px;
	}
	#ir .titleTypeC {
		margin-bottom: 0;
	}
	#ir #spnTabSsection li {
		float:left;
		box-sizing: border-box;
		width: 50%;
		white-space: normal;
		text-align: center;
	}
	#ir #spnTabSsection li:nth-child(1) {
		padding: 0 10px 10px 0;
	}
	#ir #spnTabSsection li:nth-child(2) {
		padding-bottom: 10px;
	}
	#ir #spnTabSsection li:nth-child(3) {
		padding-right: 10px;
	}
	#ir #spnTabSsection a {
		padding: 7px;
		display: block;
		font-size: 108%;
		border: none;
		border: 1px solid #DDD;
		border-radius: 5px;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FDFDFD), color-stop(100%, #F4F4F4));
	}
	#ir #spnTabSsection a:hover {
		background: #fff;
		text-decoration:none;
	}
	#ir .questionTopLink{
		display: none;
	}



/* ==
	07. contact
=============================================================================== */


	.contactService{
		width: 100%;
		margin-left: 0;
	}
	.contactService li{
		float: none;
		width: auto;
		padding: 0;
		border-right: none;
	}
	.contactService li:not(:last-child){
		margin-bottom: 10px;
		padding-bottom: 10px;
		border-bottom: 1px #ccc dotted;
	}
	.contactService li img{
		margin: 0 0 10px 0;
	}
	.contactService li p{
		margin: 0;
	}
	.contactServiceBtmBox{
		margin-top: 0px;
	}


/* ==
	08. page_contents
=============================================================================== */


	.titleTypeA p.en {
		padding: 2px 0 5px 2px;
	}
	.titleTypeAnoEn {
		margin:0 0 10px;
	}
	.titColumnTypeAList li:not(:first-child){
		margin-left: 10px;
		border-left: 1px solid #E0E0E0;
		padding-left: 10px;
	}
	.titColumnTypeAList a{
		background: url(/common/img/icn/icn_mail.png) no-repeat left center;
		background-size: 13px 10px;
		padding-left: 17px;
	}
	#headerSecondTitle {
		position:relative;
		background:url(/common/img/main/img_home_main_spn.jpg) no-repeat center top;
		-webkit-background-size: 320px 102px;
		width:auto;
		height:102px;
	}
	body#information #headerSecondTitle header {
		background:url(/information/img/bg_h1_information_spn.jpg) right top no-repeat;
		-webkit-background-size: 320px 75px;
		width:auto;
		height:102px;
	}
	body#service #headerSecondTitle header {
		background:url(/service/img/bg_h1_service_spn.jpg) right top no-repeat;
		-webkit-background-size: 320px 75px;
		width:auto;
		height:102px;
	}
	body#corporate #headerSecondTitle header {
		background:url(/corporate/img/bg_h1_corporate_spn.jpg) right top no-repeat;
		-webkit-background-size: 320px 75px;
		width:auto;
		height:102px;
	}
	body#ir #headerSecondTitle header {
		background:url(/ir/img/bg_h1_ir_spn.jpg) right top no-repeat;
		-webkit-background-size: 320px 75px;
		width:auto;
		height:102px;
	}
	body#recruit #headerSecondTitle header {
		background:url(/recruit/img/bg_h1_recruit_spn.jpg) right top no-repeat;
		-webkit-background-size: 320px 75px;
		width:auto;
		height:102px;
	}
	body#access #headerSecondTitle header {
		width:auto;
		height:102px;
	}
	body#individual #headerSecondTitle header {
		width:auto;
		height:102px;
	}
	body#recruit #headerSecondTitle header {
		width:auto;
		height:102px;
	}
	body#policy #headerSecondTitle header {
		width:auto;
		height:102px;
	}
	body#sitemap #headerSecondTitle header {
		width:auto;
		height:102px;
	}
	body#recruit #headerSecondTitle header {
		width:auto;
		height:102px;
	}
	body#contact #headerSecondTitle header {
		width:auto;
		height:102px;
	}
	#headerSecondTitle {
		height:75px;
	}
	#headerSecondTitle header h1 {
		font-size:123.1%;
		padding:30px 0 0 15px;
		text-shadow: 1px 1px 1px #FFF;
	}
	#topicPath {
		display:none;
	}
	.titleTypeB , .titleTypeD {
		font-size:116%;
		font-weight:bold;
		margin:30px 0;
	}
	.titleTypeF {
		font-size:108%;
	}
	.txt img {
		max-width:100%;
		vertical-align: bottom;
	}
	.boxServiceD {
		width:100%;
	}
	.boxServiceD th a {
		padding-left:15px;
	}
	body#service #globalNav li.n1 a,
	body#corporate #globalNav li.n4 a {
		border-bottom:none;
	}
	.btnImgList {
		display:table;
	}
	.btnImgList li img {
		display:table-cell;
	}
	.boxLphotoRtext {
		margin:10px 0;
	}
	.boxLphotoRtext h2 {
		padding:10px;
	}
	.boxLphotoRtext .photo {
		float:none;
		width:auto;
		text-align:center;
		margin:20px;
		display:block;
	}
	.boxLphotoRtext .photo img {
		width:180px;
	}
	.boxLphotoRtext .text {
		float:none;
		width:100%;
		margin:0;
	}
	.boxLphotoRtext .text .detail dt {
		font-size:100%;
		font-weight: normal;
	}
	.boxLphotoRtext .text .logo {
		text-align:center;
	}
	.boxLphotoRtext .text .logo img {
		width:170px;
	}
	.boxLphotoRtext .text .url dt {
		padding:10px;
	}
	.boxLphotoRtext .detail {
		margin:10px;
	}
	.boxLphotoRtext .related {
		padding:10px;
	}
	.boxLphotoRtext .related dt {
		float:none;
		padding:10px;
		margin:0 0 10px;
		border-right: none;
		border-bottom: 1px dotted #DEDEDE;
	}
	.boxLphotoRtext .related dd {
		padding:0;
		margin:10px;
	}
	.boxLphotoRtextLine .text {
		float:none;
		width:100%;
		margin:0;
	}
	.boxLphotoRtextLine h2 {
		padding:10px;
		font-size:12px;
	}
	.boxLphotoRtextLine .related {
		padding:10px;
	}
	.boxLphotoRtextLine .related dt {
		padding:5px 10px 5px 5px;
		margin:0 0 10px;
		float:none;
		border-bottom:1px dotted #DEDEDE;
	}
	.boxLphotoRtextLine .related dd {
		padding:0 5px 10px;
		float: none;
	}
	.boxLphotoRtextLine .text .logo {
		padding:0 10px;
		text-align:center;
	}
	.boxLphotoRtextLine .text .detail,
	.boxLphotoRtextLine .text .url {
		padding:0 10px 10px;
	}
	.boxLphotoRtextLine .text .url dl {
		margin-bottom: 5px;
	}
	.boxLphotoRtextLine .photo {
		float:none;
		width:auto;
		text-align:center;
		margin:20px;
		display:block;
	}
	.boxLphotoRtextLine .photo {
		float:none;
		width:auto;
		text-align:center;
		margin:20px;
		display:block;
	}
	.gslImg{
		background-position: right bottom;
		float:none;
		width:208px;
		height: 154px;
		margin:20px auto;
		display:block;
	}

	.tabTypeB {
		display:none;
	}

	.title_blue_bdr_b , .border_gray_b{
		font-size: 16px;
	}

	.title_list_h2{
		padding: 5px 0 0 0;
	}

	#individual h1 {
		margin:0 auto;
	}
	.boxRphotoLtextS .text,
	.boxRphotoLtextS .photo {
		float:none;
		width:100%;
	}
	.boxRphotoLtextS .photo {
		text-align:center;
	}
	.boxServiceD td {
		font-size:10px;
	}
	.btnImgList li {
		font-size:9px;
	}
	.btnImgList li img {
		width:140px;
		height:auto;
	}


	.boxIRmain {
		background:none;
		padding:0;
		width:100%;
		height:auto;
	}
	.boxIRmain li.individual {
		position:static;
		top:0;
		left:0;
	}
	.boxIRmain li.message {
		position:static;
		top:0;
		left:0;
	}
	.boxIRmain li.management  {
		position:static;
		top:0;
		left:0;
	}
	.boxResult{
		background:none;
		padding:0;
		margin: 30px 0 0 0;
		height:auto;
		border: none;
	}
	.boxResult dt{
		float: none;
		text-align: center;
		width: 300px;
		margin: 0 auto;
	}
	.boxResult dt ul{
		width: 300px;
		padding: 0 10px;
		box-sizing: border-box;
	}
	.boxResult dd{
		float: none;
		margin: 20px auto 0;
	}
	dl.boxLineTitle dt {
		background-repeat:repeat-x;
	}
	dl.boxLineTitle,
	dl.boxLineTitle.cl2a,
	dl.boxLineTitle.cl2b,
	dl.boxLineTitle.cl4 {
		float:none;
		width:100%;
		margin:10px 0 10px;
	}
	dl.boxLineTitle.ml20, dl.boxLineTitle.ml15 {
		margin:0 0 10px !important;
	}
	.boxIRmain ul {
		width: 300px;
		margin: 30px auto 0;
	}
	.boxIRmain li {
		margin:0 0 10px;
	}
	.boxIRmain li a {
		width:220px;
		height:45px;
		-webkit-background-size: 300px 45px;
		padding:0;
		text-align:right;
		line-height:45px;
		padding-left:80px;
		padding-right: 5px;
	}
	.boxIRmain li.individual a {
		background:url(/ir/img/bg_irmain_01_spn.jpg) no-repeat left top;
	}
	.boxIRmain li.individual a:hover {
		background:url(/ir/img/bg_irmain_01_spn.jpg) no-repeat left top;
	}
	.boxIRmain li.message a {
		background:url(/ir/img/bg_irmain_02_spn.jpg) no-repeat left top;
	}
	.boxIRmain li.message a:hover {
		background:url(/ir/img/bg_irmain_02_spn.jpg) no-repeat left top;
	}
	.boxIRmain li.management a {
		background:url(/ir/img/bg_irmain_03_spn.jpg) no-repeat left top;
	}
	.boxIRmain li.management a:hover {
		background:url(/ir/img/bg_irmain_03_spn.jpg) no-repeat left top;
	}
	.boxResultMovie{
		padding: 10px;
	}
	.boxResultMovie .movie-box{
		margin: 0 auto;
		width: 282px;
		float: none;
	}
	.boxResultMovie .btnBox .btn{
		float: left;
		margin: 10px 5px 0;
		width: 132px;
	}
	.boxResultMovie .btnBox{
		float: none;
		margin: 0 auto;
		width: 292px;
	}
	.mngPoint dt {
		width:20%;
	}
	.mngPoint dd {
		width:80%;
	}
	.btnImgList {
		display:table;
	}
	.btnImgList li img {
		display:table-cell;
	}
	.btnImgList li {
		font-size:9px;
		width:140px;
	}
	.btnImgList li img {
		width:140px;
		height:auto;
	}
	body#access #contentsArea img {
		width:100%;
		height:auto;
	}
	.address {
		margin:0;
	}
	.address dt {
		width:25%;
	}
	.address dd {
		width:75%;
	}
	body#individual #contentsArea{
		width:100%;
	}
	.purpose {
		width:100%;
	}
	body#individual #topicPath {
		width:100%;
	}
	body#policy #contentsArea{
		width:100%;
	}
	body#sitemap #contentsArea{
		width: 100%;
	}
	body#sitemap .boxSitemap{
		float: none;
		margin: 0 0;
		width: 100%;
	}


	.boxColList, .boxColList.col1, .boxColList.col3{
		width: 100%;
		margin-top: 0;
		margin-bottom: 20px;
	}
	.boxColR{
		margin: 0px;
		margin-bottom: 20px;
	}
	.boxTextTable{
		width: 100%;
	}
	.boxTextTable dl{
		float:none;
		width: 100%;
	}
	.boxTextTable dt{
		text-indent: 10px;
		clear:none;
		float:none;
		width:100%;
		padding:5px 0 20px;
		border-top:1px solid #DEDEDE;
		border-bottom:1px solid #DEDEDE;
		text-align: left;
	}
	.boxTextTable dt p{
		margin-left: 10px;
	}
	.boxTextTable dd{
		float:none;
		width: 100%;
		line-height: 1.5;
		padding: 15px 0;
		border: none;
		background-color: #fff;
	}
	body#recruit .recFlowList{
		margin: 0;
	}
	.section-table-dl dl{
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.section-table-dl dt{
		width: 100%;
		margin: 0;
		padding: 10px 0;
		text-indent: 10px;
	}
	.section-table-dl dd{
		width: 100%;
		margin: 0;
		padding: 10px 0;
	}

	.recBtnTypeB_L, .recBtnTypeB_R{
		float: none;
	}
	.recBtnTypeB{
		margin-top: 20px;
	}
	.recBtnTypeB ul{
		margin:0 auto;
		width: 100%;
		clear: both;
	}
	.recBtnTypeB li a{
		float: none;
	}
	.recBtnTypeB li{
		margin: 10px 0;
	}
	.tableTypeA{
		width: 100%;
	}
	.person-list-box{
		margin: 0px;
	}
	.recNew img {
		width: 100%;
		height:auto;
	}

	.boxResult{
		margin: 30px auto 0;
	}
	.boxResult .f-left,
	.boxResult .f-right {
		border: 1px solid #DDDDDD;
		padding: 20px;
		width: auto;
		margin: 0 auto 10px;
	}
	.boxResult .f-left img {
		width: 100%;
	}
	.boxResult .f-left.lh,
	.boxResult .f-right.lh {
		height: auto;
		float: none !important;
		}
	.boxResult .tit {
		color: #004EA0;
		font-weight: bold;
		font-size: 16px;
		text-align: center;
		margin: 0 0 15px;
		}
	.boxResult .f-left ul {
		margin: 12px 0 0;
	}
	.boxResult .f-left .btnBox .btn {
		width: 100%;
		margin: 0 0 10px;
	}
	.pickup-career li img{
		width: 100%;
	}
	.pickup-career li{
		text-align: center;
		margin: 0 0 10px;
		padding: 0 !important;
	}
	.pickup-career li{
		float: none !important;
	}

/* ==
	09. information
=============================================================================== */
	.press-section{
		margin-left: 0;
	}
	.press-entry{
		width: 100%;
		float: none;
		margin-bottom: 10px;
		/* clearfox */
		overflow: hidden;
	}
	.press-entry-thumb{
		width: 30%;
		float: left;
	}
	.press-entry-thumb img{
		width: 100%;
		height: auto;
	}
	.press-entry-content{
		width: 67%;
		float: right;
	}
	/* related */
	.related-section{
		margin-left: 0;
	}
	.related-section .title_blue_bdr_b{
		margin-left: 0;
	}
	.related-section .title_blue_bdr_b h2{
		font-size: 16px;
	}
	.related-section .title_blue_bdr_b p{
		font-size: 12px;
	}
	.related-entry{
		width: 100%;
		float: none;
		margin-bottom: 10px;
		margin-left: 0;
		/* clearfox */
		overflow: hidden;	
	}
	.related-entry-thumb{
		width: 30%;
		float: left;
	}
	.related-entry-thumb img{
		width: 100%;
		height: auto;
	}
	.related-entry-content{
		width: 67%;
		float: right;
	}
	/* side_sns_buttons */
	.side_sns_buttons{
		position: inherit;
		width: 100%;
		margin-top: 30px;
	}
	.side_sns_buttons ul{
		text-align: center;
		display: table;
		width: 100%;
		/* clearfix */
		overflow: hidden;
	}
	.side_sns_buttons ul li{
		display: table-cell;
		vertical-align: top;
		width: 33%;
		
	}
}