@charset "UTF-8";


@media only screen and (min-width: 768px) and (max-width: 959px) {
}



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

	body {
		font-size:13px;
	}

	/* 共通ヘッダースマホナビ */
	#header-sp-nav-btn {
		position: absolute;
		top: 22px;
		right: 22px;
		z-index: 1000;
	}
	#header-sp-nav-btn img {
		width: 25px;
		height: 22px;
	}

	#header-sp-nav {
		width: 100%;
		height: 100%;
		background: url(../img/bg_nav_sp.png) 0 0;
		display: none;
		font-size: 120%;
	}

	#header-sp-nav ul {
		text-align: left;
	}

	#header-sp-nav ul li {
		padding: 3px 33px 3px 20px;
		border-top:1px dotted #1d2080;
    	background: url(../img/bg_btn_link.png) no-repeat right 20px center;
	}

	#header-sp-nav li.last {
		margin-bottom: 0;
	}


	#header-sp-nav li a {
		text-decoration: none;
		font-weight: bold;
		display: block;
		padding: 10px 0;
	}

	/*========== HEADER ==========*/
	#header {
		position: fixed;
		z-index: 10;
	    background-color: #fff;
		box-shadow: 0 1px 1px 1px rgba(51, 51, 51, 0.1);
	}

	#header-top {
	    height: auto;
	    width: auto;
	    text-align: center;
	    padding: 13px 0 10px 0;
	}

	#header-top h1 {
	    width: 300px;
	    margin: 0 20px;
   	    text-align: left;
	    position: relative;
	    left: 0;
	    right: 0;
	    top: -6px;
	}

	#header-top h1 img {
		width:150px;
		height: auto;
	}


	/*========== FOOTER ==========*/
	#footer {
	    margin-top: 0;
	}

	#f-nav ul {
	    width: auto;
	    padding: 15px 15px 10px 15px;
	}

	#f-nav ul li {
	    width: 32%;
	    padding-bottom: 5px;
	}

	#f-nav ul li a {
		display: inline-block;
	    width: 100%;
	    font-size: 12px;
	    text-decoration: none;
	    padding: 0 0;
	    border: none;
	    text-align: left;
	}

	#f-nav ul li a.end {
		border: none;
	}

	#footer-address-inner {
	    width: auto;
	    padding: 20px 0 10px 0;
	    text-align: center;
	}

	#footer-inner-l {
	    width: auto;
	    float: none;
	    padding: 0 0 15px 0;
	}

	#footer-inner-l img {
		width: 140px;
		height: auto;
	}

	#footer-inner-r {
	    width: auto;
	    float: none;
	    font-size: 10px;
	}

	#copyrights {
	    width: auto;
	    float: none;
	    font-size: 10px;
	    padding-top: 2em;
	    text-align: center;
	}


	/* TOP PAGE
	---------------------------------------------------------- */
	.top-image-layer {
	    background: url(../img/main-image-sp.png) no-repeat left bottom;
	    background-size: auto 405px;
	    width: 100%;
	    height: 410px;
	    padding-top: 60px;
	}

	.top-image-inner {
	    width: auto;
	    height: 400px;
	}

	.top-content-box {
	    padding: 25px 0;
	}

	.top-content-box .inner {
	    width: auto;
	}

	h2 .txt-alpha {
	    font-size: 30px;
	}

	#top-news h2 {
		padding-bottom: 25px;
	}

	#top-news-nav {
		display: none;
	}

	#top-news-link {
	    width: auto;
	    padding: 0 15px 20px 15px;
	}

	#top-news-link li {
	    padding: 15px 0;
	}

	#top-news-link li a {
	    font-size: 15px;
	}

	#top-news-link li .top-news-date {
	    font-size: 12px;
	}

	#top-news-link li .top-news-cat span {
	    padding: 1px 20px;
	    font-size: 11px;
	}

	#top-news-link li p.top-news-title {
		padding-top: 5px;
		width: 100%;
	}

	.top-content-block li.end {
	    margin: 0 15px 30px 15px
	}

	.top-group-box {
	    width: auto;
   	    padding: 0 0;
	}

	.top-group-box li {
	    float: none;
	    width: 100%;
	    margin: 0 0 0 0;
	}

	.top-group-box li img {
	    width: 100%;
	    height: auto;
	}

	.top-pdf-box {
	    width: 100%;
	    padding: 0 0;
	}

	.top-pdf-box li {
	    float: none;
	    width: auto;
	    margin: 0 40px;
	    padding: 0 0 15px 0;
	}

	.top-pdf-box li img {
	    width: 100%;
	    height: auto;
	}



	/* SUB PAGE COMMON
	---------------------------------------------------------- */
	.sub-image-layer {
		padding-top: 60px;
	}

	.sub-image-text-box {
	    bottom: 57px;
	    left: 23%;
	    width: 200px;
	    height: 200px;
	}

	.sub-image-inner {
	    width: auto;
	}

	.sub-image-text-box .txt-jp {
	    font-size: 24px;
	}

	.pankuzu {
	    display: none;
	}


	.sub-content-box .inner {
	    width: auto;
	}

	.sub-content-box {
		padding: 15px 15px 40px 15px;
	}

	.sub-content-box.intro {
	    padding-top: 30px;
	}

	.sub-content-box h2 .txt-jp {
	    font-size: 22px;
	}

	.sub-content-box h2 .txt-alpha {
	    font-size: 11px;
	}

	.sub-content-box img {
		width: 100%;
		height: auto;
	}


	/* RECRUIT INFO
	---------------------------------------------------------- */
	.no-info {
	    padding: 0 0 60px 0;
	    font-size: 17px;
	}


	/* BUSINESS
	---------------------------------------------------------- */
	#business-speciality-layer {
	    width: auto;
	}

	#business-speciality-l {
	    width: auto;
	    float: none;
	    padding: 0 0 0 0;
	}

	#business-speciality-r {
	    width: auto;
	    float: none;
	    padding: 20px 0 0 0;
	}

	#business-speciality-layer strong {
		 font-size: 18px;
	}


	#business-div-list {
	    width: auto;
	    margin: 0 auto;
	    border-top: 1px solid #1d2080;
	}

	.business-div-box-l {
	    width: auto;
	    float: none;
	    position: relative;
	    padding-left: 0;
	}

	.business-div-box-r {
	    width: auto;
	    float: none;
	    padding: 35px 5px 0 5px;
	}

	.business-div-box-l .business-div-name {
	    margin: -110px auto 20px auto;
	    text-align: center;
	    position: relative;
	    left: 0;
	    top: 0;
	    background: none;
	}

	#business-new-layer {
	    width:auto;
	    padding: 40px 0 0 0;
	}

	#business-new-r,
	#business-new-l {
	    width: auto;
	    float: none;
	    padding: 0;
	    border-right: none;
	    margin: 0 25px 40px 25px;
	}

	#business-new-l {
		padding-bottom: 25px;
	    border-bottom: 1px dotted #1d2080;
	}

	.business-new-ph {
	    width: auto;
	    float: none;
	    text-align: center;
	}

	#business-new-layer strong {
	    font-size: 16px;
	    padding: 10px 0 5px 0;
	    text-align: center;
	}

	.business-new-txt {
	    width: auto;
	    float: none;
	}

	.business-new-link {
		text-align: center;
		padding-top: 5px;
	}

	.business-div-box-l .business-div-name {
	    margin: -100px auto 20px auto;
	}

	.business-div-box-l strong {
	    padding: 15px;
	    font-size: 15px;
	}


	/* NEWS
	---------------------------------------------------------- */
	.news-content-l {
	    width: auto;
	    float: none;
	    margin: 0 0 0 0;
	}

	.news-content-r {
	    width: auto;
	    float: none;
	    margin: 40px 0 0 0;
	}

	#news-header .sub-image-text-box .txt-alpha {
	    font-size: 34px;
	    padding: 8px 0 0 0;
	}

	.news-archive-list li a {
		font-size: 14px;
	    display: block;
	    padding: 15px 5px 15px 25px;
	}

	.news-pager-layer {
		width: 300px;
		padding: 40px 0 20px 0;
	}

	/* YS FOODS
	---------------------------------------------------------- */
	#ys-header {
	    background: url(../img/ys/image_main-sp.png) no-repeat center bottom;
	}

	#ys-header .sub-image-text-box {
	    bottom: 0px;
	    top: 80px;
	    left: 80px;
	    width: 220px;
	    height: 220px;
	}

	#ys-header .sub-image-text-box img {
		width: 170px;
		height: auto;
	}

	#ys-intro {
	    background: #fff url(../img/ys/bg_ys.png) no-repeat right -20px top 250px;
	    background-size: 200px auto;
	    width: auto;
	    margin: 0 15px;
	    padding: 20px 0 20px 0;
	}

	.intro-copy {
	    font-size: 17px;
	    line-height: 1.4;
	    font-weight: bold;
	    color: #e8bf1c;
	    padding-bottom: 15px;
	}

	.ys-body .sub-content-box .inner {
	    width: auto;
	}

	#ys-intro-layer {
	    width: auto;
	    margin: 0 20px;
	    padding: 0 0 40px 0;
	}

	#ys-intro-r,
	#ys-intro-l {
	    width: auto;
	    float: none;
	}

	#ys-intro-l {
	    margin-bottom: 30px;
	}

	#ys-ph-caption-layer {
	    padding: 15px 15px 40px 15px;
	}

	#ys-ph-caption-l {
	    width: auto;
	    float: none;
	    padding: 0 0 5px 0;
	    font-size: 14px;
	    line-height: 1.4;
	    font-weight: bold;
	    color: #e8bf1c;
	}

	#ys-ph-caption-r {
	    width: auto;
	    float: none;
	    padding: 0 0 0 0;
	    font-size: 12px;
	    line-height: 1.4;
	}

	#ys-profile-layer {
	    padding: 0 15px 40px 15px;
	}

	#ys-profile-l {
	    width: auto;
	    float: none;
	    padding: 5px 0 0 0;
	}

	#ys-profile-r {
	    width: auto;
	    float: none;
	    padding: 63px 0 0 0;
	    line-height: 1.6;
	    text-align: center;
	}

	#ys-profile-table {
	    width: auto;
	}

	#ys-profile-table td.label {
	    width: 80px;
	}


	/* UONOYAMAGUCHI
	---------------------------------------------------------- */
	#uo-header {
	    background: url(../img/uo/image_main-sp.png) no-repeat center bottom;
	}

	#uo-header .sub-image-text-box {
	    bottom: 0px;
	    top: 80px;
	    left: 80px;
	    width: 220px;
	    height: 130px;
	    padding: 90px 0 0 0;
	}

	#uo-header .sub-image-text-box img {
		width: 170px;
		height: auto;
	}

	#uo-intro {
	    background-size: 200px auto;
	    width: auto;
	    margin: 0 15px;
	    padding: 20px 0 20px 0;
	}

	#uo-intro .intro-copy {
	    font-size: 17px;
	    line-height: 1.4;
	    font-weight: bold;
	    color: #17214c;
	    padding-bottom: 15px;
	}

	.uo-body .sub-content-box .inner {
	    width: auto;
	}

	#uo-intro-layer {
	    width: auto;
	    margin: 0 20px;
	    padding: 0 0 40px 0;
	}

	#uo-intro-r,
	#uo-intro-l {
	    width: auto;
	    float: none;
	}

	#uo-intro-r {
		text-align: center;
	}

	#uo-ph-caption-layer {
	    padding: 10px 15px 40px 15px;
	}

	#uo-ph-caption-l {
	    display: none;
	}

	#uo-ph-caption-r {
	    width: auto;
	    float: none;
	    padding: 0 0 0 0;
	    font-size: 12px;
	    line-height: 1.4;
	}

	#uo-profile-layer {
	    padding: 0 15px 40px 15px;
	}

	#uo-profile-l {
	    width: auto;
	    float: none;
	    padding: 5px 0 0 0;
	}

	#uo-profile-r {
	    width: auto;
	    float: none;
	    padding: 63px 0 0 0;
	    line-height: 1.6;
	    text-align: center;
	}

	#uo-profile-table {
	    width: auto;
	}

	#uo-profile-table td.label {
	    width: 80px;
	}


	/* SOFTBALL
	---------------------------------------------------------- */
	#soft-header .sub-image-text-box .txt-jp {
	    font-size: 22px;
	}

	#soft-2015 {
	    width: auto;
	}

	#soft-2015 p.result-2015 {
	    width: auto;
	}

	#soft-2015 h2 .txt-jp {
	    font-size: 20px;
	}

	#soft-2015 p.result-2015 strong {
	    font-size: 18px;
	}


	/* PROJECT
	---------------------------------------------------------- */
	#pj-header {
	    background: url(../img/pj/image_main-sp.png) no-repeat center bottom;
	    border-top: none;
	}

	#pj-header .sub-image-text-box {
	    bottom: 0px;
	    top: 0;
	    left: 15px;
	    background: #36a0aa;
	    width: 250px;
	    height: 250px;
	    text-align: center;
	}

	#pj-header .sub-image-text-box img {
		width: 200px;
		height: auto;
	}

	#pj-intro-layer {
	    width: auto;
	    margin: 0 0;
	}

	#pj-intro-r,
	#pj-intro-l {
	    width: auto;
	    float: none;
	    padding:0 0 0 0;
	}

	#pj-intro-l strong {
	    font-size: 18px;
	    padding: 0 0 10px 0;
	}

	#pj-intro-r {
		text-align: center;
	    padding:20px 0;
	}

	#pj-intro-r img {
	    position: relative;
	    top: 0;
	    right: 0;
	    width: 300px;
	    height: auto;
	}

	#pj-genre {
	    padding: 20px 0 10px 0;
	}

	/* COMPANY OUTLINE
	---------------------------------------------------------- */
	#outline-branch {
		padding: 15px 15px 0 15px;
	}

	#outline-message-r,
	#outline-message-l {
	    width: auto;
	    float: none;
	    padding: 0 0 0 0;
	}

	#outline-message-r {
		padding-top: 40px; 
		text-align: center;
	}

	.creed-box, .sub-content-box p.philosophy-txt {
	    font-size: 15px;
	}

	.creed-box {
	    width: auto;
	}

	.creed-text,
	.creed-label {
	    width: auto;
	    float: none;
	    text-align: center;
	    font-size: 15px;
	}

	.creed-text {
		padding: 0 0 20px 0;
	}

	#outline-profile-layer {
	    width: auto;
	}

	#outline-profile-r,
	#outline-profile-l {
	    width: auto;
	    float: none;
	}

	#outline-profile-l {
		padding: 0 0 40px 0;
	}

	#outline-profile-table {
	    width: 100%;
	    line-height: 1.6;
	}

	#outline-profile-table td.label {
	    padding: 8px 8px;
	    width: 80px;
	}

	#outline-profile-r img {
		width: 100%;
		height: auto;
	}

	.gmap {
	    position: relative;
	    width: 100%;
	    padding-top: 100%;
	    margin: 0 0 100px 0;
	    height: 0;
	}

	.gmap iframe, .gmap object, .gmap embed {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    margin: 5px 0;
	}

	#outline-branch-layer {
	    width: auto;
	}

	.outline-branch-title {
	    font-size: 14px;
	}

	#outline-branch-r,
	#outline-branch-l {
	    width: auto;
	    float: none;
	    padding: 5px 0 0 0;
	}

	#outline-branch-l {
		text-align: center;
	}

	#outline-branch-l img  {
		width: 90%;
		height: auto;
	}

	.outline-branch-box {
	    display: inline-block;
	    width: 150px;
	    margin: 0 20px 20px 0;
	}

	.outline-branch-name {
	    font-weight: bold;
	    font-size: 13px;
	    padding: 0 0 2px 0;
	}

	.outline-branch-address {
	    font-size: 12px;
	    line-height: 1.6;
	}

	#outline-branch-uono {
	    width: auto;
	}

	#branch-uono-r,
	#branch-uono-l {
	    width: 160px;
	    float: left;
	}

	#outline-history-ph {
		display: none;
	}

	#outline-history-table td {
	    padding: 10px 8px;
	    line-height: 1.6;
	}

	#outline-history-table td.label {
	    width: 60px;
	    padding: 10px 8px 10px 20px;
	}

	#outline-pdf-r, #outline-pdf-l {
	    width: auto;
	    float: none;
	    padding: 0 auto;
	}

	#outline-pdf-r p,
	#outline-pdf-l p {
	    width: auto;
	    padding: 0;
	    display: block;
	    vertical-align: bottom;
	    line-height: 1.5;
	    text-align: center;
	}

	#outline-pdf-l .outline-pdf-data {
		display: inline-block;
		margin: 0 0 30px 0;
	}


	/* CONTACT
	---------------------------------------------------------- */
	.form-box {
	    width: 100%;
	    padding: 0 0 10px 0;
	}

	.form-box-l {
		width: 100%;
	    padding-left: 0;
	}

	.form-box-r {
		width: 100%;
	}

	.form-box-l, .form-box-r {
	    float: left;
	    padding: 0px 0;
	}

	.input-text,
	.input-textarea {
	    width: 100%;
	    padding:5px 0;
	}

	#form-attention .form-box-l {
		display: none;
	}

	#contact-attention {
		padding: 10px 0;
		font-size: 11px;
	}


	/* PAGE COMMON
	---------------------------------------------------------- */
	.sub-content-box.page {
		width: auto;
	}

	.sub-content-box.page .inner {
		width: auto;
	}

	div.wpcf7 img.ajax-loader {
	    width: auto;
	}

	/* 記事本文 */
	/* 見出し */
	.p-post-detail__content h1 {
		font-size: 22px;
	}
	.p-post-detail__content h2 {
		font-size: 19px;
	}
	.p-post-detail__content h3 {
		font-size: 16px;
	}
	.p-post-detail__content h4 {
		font-size: 14px;
	}
	.br-hide-mobile br {
		display: none !important;
	}
	.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content,
	.p-post-detail__content .wp-block-media-text .wp-block-media-text__content,
	.p-post-detail__content .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
    padding: 8% 0 !important;
	}

	/* 求人情報リスト */
	.p-recruit-info-list {
		margin-bottom: 100px !important;
	}
}


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

	#header-sp-nav ul li {
		padding: 2px 33px 2px 20px;
	}

	#f-nav ul li a {
		font-size: 11px;
	}

	.top-image-layer {
		background-size: auto 350px;
	    height: 350px;
	}

	.top-image-inner {
	    width: auto;
	    height: 350px;
	}

	.sub-image-text-box {
	    bottom: 60px;
	    left: 20%;
	}

	.outline-branch-box {
	    display: inline-block;
	    width: 132px;
	    margin: 0 10px 20px 0;
	}

	.outline-branch-name {
	    font-size: 12px;
	}

	.outline-branch-address {
	    font-size: 10px;
	}

	#branch-uono-r, #branch-uono-l {
	    width: 140px;
	 }

	#pj-header {
	    background: url(../img/pj/image_main-sp.png) no-repeat left -230px bottom;
	}

	#uo-header .sub-image-text-box,
	#ys-header .sub-image-text-box {
	    bottom: 0px;
	    top: 90px;
	    left: 55px;
	}
	/* 記事本文 */
	.p-post-detail__content .wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
		padding: 8% 0;
	}
}