@charset "utf-8";



/* 幅648px以下から  トップページの３画像調節
------------------------------------------------------------*/
@media only screen and (max-width: 640px){
.pc {display:none;}
.pc_tab {display:none ;}
.tab_sp {display:block;}
.sp {display:block;}

.left {float: none;}
.right {float: none;}

img:not([width]) { 
	width:100%;
}

.container,
.container_s,
.container_m,
.container_m2
{
	width: 86.5%;
	margin: 0 6.25%;
/*	採用ページ用マージン*/
	margin-top: 30px
}

ul.srv .left ,
ul.srv .right ,
.catch_area .right,
.cnt_area .left,
.cnt_area .right,
.cnt_area02 .left,
.cnt_area02 .right,
.rec_area .left,
.rec_area .right {
    width: 100%;
}

.cnt_area02 {
	 padding: 20px 30px 40px;
}
.cnt_area02 .left,
.cnt_area02 .right {
	padding: 0;
    width: 100%;
}

input[type="text"], input[type="email"], input[type="tel"] ,textarea{
    width: 100%;
}
header {
	
}
header .container,
.rec_area  {
	width:100%;
	padding:0;
	margin: 0;
}
.logo {
	margin: 0 0 20px 0;
	float: left;
	width: auto;
}


.tbl_ylw th,
.tbl_ylw td {
}
.tbl_ylw {
	border-top: 1px solid #f9e260;
}
.tbl_ylw th,
.tbl_ylw td {
	border-bottom: 1px solid #f9e260;
}
.tbl_ylw th {
	border-right: 1px solid #f9e260;
	padding: 16px 0 15px 0;
}

.tbl_ylw td {
	padding: 16px 0 15px 10px;
}
.tbl02 th {
    width: 75px;
}
.rec_area .left ,
.rec_area .right {margin-bottom: 25px;}
/* home


------------------------------------------------------------*/

.catch_area {
    padding-top: 0;    
		margin-bottom: 0;
}
.catch_area .ttl{
	margin-bottom: 30px;
}
.catch_area .left {
    padding-top: 50px;
    width: 100%;
		margin-bottom: 30px;
}
.btn_ylw {width: 100%;margin: 0 auto 34px;}

.ttl_ylw { width:auto;}

ul.srv > li {
    padding: 32px 0 28px 0;
}
.srv .box {
	overflow:visible;
}
.srv li .txt {
	margin-bottom: 20px;
}
.bx-wrapper .bx-prev {
    left: -18px;
}
.bx-wrapper .bx-next {
    right: -18px;
}
.bx-wrapper .bx-controls-direction a {
	margin-top: -28px !important;
}
.bx-wrapper img {
	margin-bottom: 10px;
}
.bx-viewport {
	position:static !important;
}

.cnt_area {
	border-top:none;
    padding: 35px 0 42px 0;
}

.cnt_area .ttl {
    font-size: 24px;
    letter-spacing: 0.07em;
    margin: 0 0 21px;
}
.cnt_area .txt {
    font-size: 14px;
    margin-bottom: 38px;
}
.tel-link {
}
.tel {	
 margin-bottom: 16px;
}
.tel_s {
	font-size: 10.17px;
 margin-bottom: 20px;
}

.tbl_form td {
    width: 100%;
}
input[type="text"], input[type="email"], input[type="tel"] {
    margin-bottom: 10px;
}
textarea {
    margin-bottom: 7px;
}
/* news_area


------------------------------------------------------------*/
.news_area {
	padding: 36px 0 50px 0;
}
.news_area .right,
.news_area .left {
	width: 100%;
	float: none;
}
.news_area .right iframe {
	display: block;
	margin: 0 auto;
}

.news_area .left {
	margin-right: 0;
}

.news_box .ttl {
	margin:0 0 18px 0; 
}
.news_box {
    padding-bottom: 22px;
}

.news_box .date {
	margin-right: 5px;
	font-size: 8px;
}
.news_box .art_ttl {
	margin-right: 5px;
	font-size: 13px;
}

dl.home_news dt {
	float: none;
	margin: 0 0 6px 0;
    width: 100%;
}
dl.home_news dd {
    margin-bottom: 7px;
}

.sekou_box {overflow: hidden;margin-top: 5px;}
.sekou_left {float: none;margin-right: 0;margin-bottom: 16px;}
.sekou_right {float: none;width: 100%;}
.sekou_ttl {
    margin-bottom: 12px;
}


/* フッター

*****************************************************/
footer {
	padding: 18px 0 17px;
	border-top: 1px solid #f9e260;
}

.cnt_area li{
	float: none;
	width: 100%;
	margin-left: 0;
}

.cnt_area .txt01{
	font-size: 18px;
	margin-bottom: 21px;
}

.cnt_area .txt02{
	font-size: 13px;
	margin-bottom: 24px;
}
ul.fmenu {
	font-size: 14px;
	padding: 30px 0 30px;
	overflow: hidden;
	text-align: center;
}
ul.fmenu li{
vertical-align:text-top;
margin: 0 8px 8px 0;
white-space: nowrap;
}
ul.fmenu li:last-child{
margin-right: 0;
}
.flogo {
    margin-bottom: 27px;
}
address {
    font-size: 10px;
    line-height: 1.8;
    margin-bottom: 36px;
}
.copyright {   
	padding-bottom: 27px;
	font-size: 8px;
}





.box_ylw {
    padding: 45px 20px 65px;
}
img.ajax-loader {
	display: none;

}
.pagination {
	display:none;
}



ul.cat_all li{
	float: none;
	width: 100%;
	margin: 0 0 15px 0;
}

ul.cat_all li img,
article img {
	width: 100% !important;
	height:auto !important;
}

ul.srv {
    margin-bottom: 30px;
}

.fname {
	font-size: 15px;
	margin-left: -1px;
}
a.btn_ylw .txt {
    font-size: 22px;
}
}