@charset "UTF-8";

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

/*1: common
=========================================*/

/*2: header
=========================================*/
	/*header.cssで指定*/

/*3: footer
=========================================*/
	.toTop {
		box-sizing: border-box;
		padding-right: 4%;
		width: 100%;
	}
	.toTop img {
		width: auto;
	}
	.footerWrap .footer {
		box-sizing: border-box;
		font-size: 10px;
		padding: 20px 4% 0;
		width: 100%;
	}
	.footerWrap .footer .flootL {
		margin-bottom: 10px;
		width: 100%;
	}
	.footerBox {
		width: 100%;
	}
	.footer .jpx {
		border-top: 1px solid #ccc;
		margin-top: 10px;
		padding-top: 10px;
	}

/*4: top
=========================================*/
	.topVisual {
		height: auto;
		margin-top: 0;
		width: 100%;
	}
	.topVisual img {
		height: auto;
		width: 100%;
	}
	.topContents {
		padding: 0 4%;
		width: 92%;
	}
	.topContents .topBnr {
		width: auto;
	}
	div#ir_library dl.co_top, div#ir_library_top dl.co_top {
		margin-top: -10px;
		width: 100%;
	}
	.topBnr2 {
		padding: 0 4%;
    	width: 92%;
	}
	.topBnr2 img {
		margin-bottom: 10px;
		width: 100%;
	}
	div#ir_library dt {
		position: static;
	}
	div#ir_library div#announcement dd {
		padding: 0 0 10px 0;
	}

/*5: underlayer
=========================================*/
	.main {
		background-image: none;
		width: 100%;
	}
	.breadCrumb {
		box-sizing: border-box;
		display: inline-block;
		font-size: 8px;
		padding: 0 4%;
		vertical-align: bottom;
		width: 100%;
	}
	.breadCrumb.w90 {
		width: 90%;
	}
	.breadCrumb ul {
		display: inline-block;
	}
	.hiddenCheckbox {
		display: none;
		margin-left: auto;
	}
	.menuIcon {
		background-image: url(/images/arrow_02.png);
		background-size: 100%;
		cursor: pointer;
		display: inline-block;
		height: 15px;
		margin: 0 6px 6px;
		vertical-align: top;
		width: 15px;
	}
	.hiddenCheckbox:checked + .menuIcon {
		transform: rotate(180deg);
	}
	.nav {
		background-color: transparent;
		border-bottom: 2px solid #ddd;
		box-sizing: border-box;
		display: none;/**/
		margin-bottom: 10px;
		padding: 0 4%;
		position: absolute;
		width: 100%;
	}
	.spSubMenu {
		background-color: transparent;
		border-top: 1px solid #ddd;
		border-bottom: 2px solid #ddd;
		box-sizing: border-box;
		display: none;/**/
		margin-bottom: 10px;
		padding: 0 4%;
		position: absolute;
		width: 100%;
		z-index: 80;
	}
	.spSubMenu p a {
		color: #6fb92c;
	    display: block;
	    font-size: 16px;
	    letter-spacing: 0.1em;
	    padding: 10px 0;
	    text-decoration: none;
	}
	.hiddenCheckbox:checked ~ .spSubMenu {
		background-color: #f6f6f6;
		display: block;
	}
	.hiddenCheckbox:checked ~ .spSubMenu li {
	    border-bottom: 1px dotted #999;
	    background-image: url(../images/arrow_01.png);
	    background-position: left 50%;
	    background-repeat: no-repeat;
	    font-size: 14px;
	    font-weight: bold;
	    line-height: 1.5em;
	    padding: 10px 0 10px 15px;
	}
	.hiddenCheckbox:checked ~ .spSubMenu li:first-child {
	    border-top: 1px dotted #999;
	}
	.hiddenCheckbox:checked ~ .spSubMenu li:last-child {
		border: none;
	}
	.hiddenCheckbox:checked ~ .spSubMenu li a {
		font-weight: normal;
	}
	.contents {
		box-sizing: border-box;
		padding: 0 4%;
		width: 100%;
	}
	.main .contents h1 {
		background-color: #6fb92c;
		color: #fff;
		font-size: 18px;
		letter-spacing: 0.1em;
		margin-bottom: 20px;
		padding: 10px 14px;
	}
	div#nav_001 {
		display: none;
	}

/*6: 
=========================================*/
	.text-philosophy {
		font-size: 18px;
		line-height: 1.75em;
	}
	.profileImg {
		margin-bottom: 10px;
		width: 100%;		
	}
	/* 会社概要、株式事務のご案内 テーブル */
	.style01 th,
	.style01 td {
		box-sizing: border-box;
		display: block;
		width: 100%;
	}
	.style01 th {
		border-right: #888888 1px solid;
		display: block;
	}
	.style01 td {
		border-left: #888888 1px solid;	
		display: block;
	}
	.style01 td.t_top,
	.style01 td.t_top2 {
		border-top: none;
	}
	table .style03 {
		width: 100%;
	}
	table .style03  td {
		display: inline-block;
	}
	table .style03  td:first-child {
		vertical-align: top;
		width: 30%;
	}
	table .style03  td:nth-child(2) {
		vertical-align: top;
		width: 30%;	
	}
	table .style03  td:nth-child(3) {
		vertical-align: top;
		width: 40%;	
	}
	/* inquiry */
	.inquiry .graybox {
		padding: 10px 14px;
	}
	.inquiry .graybox, .inquiry .vertical {
		width: 100%;
	}
	.inquiry .graybox.first,
	.inquiry .graybox.second {
		height: auto;
	}
	.inquiryTel {
		font-size: 18px;
	}
	.inquiry .graybox.first .mb40 {
		margin-bottom: 10px;
	}
	.inquiry .graybox.first .inquiryBtn {
		padding: 10px 20px;
	}
	.inquiry .graybox.second .inquiryBtn {
		margin-top: 0px;
	}

	/* business */
	.businessPurchase {
		padding: 10px 14px;
	}

	/* ir */ 
	.irlinkbtn_main,
	.irlib_main,
	.irlinkbtn_sub,
	.irlinkbtn_sub a img {
		height: auto;
		width: 100%;
	}
	.irlib_main .col2 {
		margin-bottom: 20px;
		width: 100%;
	}
	.irlib_main .col2:nth-child(2) {
		margin-right: 0;
	}
	.irlib_main ul,
	.irlib_main ul li {
		margin-left: 0;
	}
	.irlib_main .col2 img {
//		width: 100%;
	}
	div#ir_library dl.ir_news {
		width: 100%;
	}
	div#ir_library.irCalendar dl dt {
		width: 6em;
	}
	div#ir_library.irCalendar dl dd {
    	padding-left: 6em;
	}
	.faqWrap h3,
	.faqWrap .cell,
	.faqWrap .faq_0,
	.faqWrap .faq2,
	.faqWrap .bk_a {
		box-sizing: border-box;
		width: 100%;
	}
	.faqWrap h3 {
		background-image: url("/ir/images/faq/bg_boxttl_sp.jpg");
		background-repeat: repeat;
		background-size: contain;
		border: 2px solid #00a0e8;
		border-radius: 4px;
		box-sizing: border-box;
		height: auto;
    	line-height: normal;
    	padding: 6px 10px;
	}
	.faqWrap .quest,
	.faqWrap .asked {
		box-sizing: border-box;
		left: 0;
		height: auto;
		padding: 0 0 0 25px;
		text-indent: -20px;
		top: 0;
		width: 100%;
	}
	.faqWrap .quest {
		border-bottom: 1px solid #ccc;
		margin-bottom: 10px;
		padding-bottom: 10px;
	}
	.faqWrap .quest:before {
		content: "Q";
		color: #666;
		font-size: 18px;
		margin-right: 10px;
		width: 25px;
	}
	.faqWrap .asked:before {
		content: "A";
		color: #666;
		font-size: 18px;
		font-weight: bold;
		margin-right: 6px;
		width: 25px;
	}
	.faqWrap div.faqlink {
		position: static;
	}
	.faqWrap .faq_0,
	.faqWrap .bk_a,
	.faqWrap .faq2 {
		background: none;
		min-height: auto;
	}
	.faqWrap .cell {
		box-shadow: 1px 1px 4px 1px #ccc;
		padding: 14px;
	}

	/*recruit*/
	.recruitTop h1 + img {
		height: auto;
		width: 100%;
	}
	.recruitTop ul li {
		width: 100%;
	}
	.recruitTop ul li img {
		width: 100%;
	}
	.interview h1 + img,
	.interviewInner + img {
		width: 100%;
	}
	.interviewInner h2 {
		margin-top: 20px;
	}
	.interviewInner img {
		margin-bottom: 10px;
		width: 100%;
	}
	.interviewInner .interviewInnerRight {
		margin-left: 0;
    	width: 100%;
	}
	.recruitNewgrad h1 + img {
		width: 100%;
	}
	.recruitNewgrad .btnStrong {
		box-sizing: border-box;
		font-size: 14px;
		text-align: center;
		width: 100%;
	}
}

/*@@: only PC
=========================================*/
@media print, screen and (min-width: 766px) {  /*PCのみ*/
	.headerContact {
		display: none;
	}
	.hiddenCheckbox {
		display: none;
	}
	.spSubMenu {
		display: none;
	}
}