@charset "utf-8";

/* タブレット (959px以下)-----------w700 */
@media only screen and (max-width:960px){
	
	/*タブレット以下では表示しない*/
	.pc{
		display: none;
	}
	.headlink{
		display: none;
	}
	
	/*タブレットのみ表示する*/
	.tab{
		display: block;
	}
	
	body{
		
		}
	address{
	
	}
	th img,
	td img{
		width: 100%;
		height: auto;
	}
	iframe{
		width: 460px !important;
	}
	.toppage iframe{
		width: 380px !important;
	}
	
	.description_txt p{
		width: 700px;
		padding: 5px 0;
		margin: 0 auto;
	}

	#header_in,
	.subpage #wrap,
	.contents_4,
	.banner_2,
	.fmenu ul,
	.footer_in{
		max-width: 700px;
		}

	#header #siteid{
		margin: 0 0;
	}
	
	.gmenu{
		width: 696px;
		margin-bottom: 10px;
	}
	.gmenu ul{
		width: 700px;
	}
	.gmenu ul li a span{
		width: 138px;
		}
	.gmenu ul li a .m_4{
		width: 136px;
	}
	.menu_2 p a, .menu_2 ul li a{
		width: 176px;
	}

	.slide li img{
		max-width: 640px !important;
		height: auto !important;
	}
	
	#wrap{
		width: 700px;
	}
	
	.rowunit_1 p img,
	.contents_1 p a img,
	.banner_1 p a img,
	.banner_2 p a img{
		max-width: 100% !important;
		height: auto !important;
	}
	
	
	/*	コンテンツ*/
	.topage .banner_1{
		width: 96%;
		max-width: 700px;
		margin: 0 auto;
	}
	.banner_1 p{
		margin-right: 20px;
	}
	.banner_2 p{
		width: 220px;
		margin-right: 20px;
	}
	.contents_1 img,
	.contents_4 img,
	.banner_2 img,
	.banner_1 img,
	.banner_2 img{
		max-width: 100% !important;
		height: auto !important;
	}
	
	

	
	
	.interview_list,
	#news_topics,
	.yokatokoro{
		width: 96%;
	}
	.yokatokoro img{
		max-width: 100% !important;
		height: auto !important;
	}
	
	.interview_list_in ul li{
		width: 100%;
		
	}
	
	
	
	
	.toppage .banner_1{
		width: 96%;
		max-width: 700px;
		margin: 0 auto;
	}
    .toppage .banner_1 ul{
	    margin: 0;
	    padding: 0;
	    max-width: 100%;
	    display: flex;
	    flex-wrap: wrap;
	    justify-content: space-between;
    }
    .toppage .banner_1 ul li{
	    margin: 0 0 20px 0;
	    padding: 0;
	    width: 31.4%;
    }
    .toppage .banner_1 ul li img{
	    width: 100% !important;
	    height: auto !important;
    }
	
	
	/*メールフォーム*/
	.mail_form .form_label{
		width: 137px;
		}
	.mail_form .form_input{
		width: 300px;
		}
	.mail_form .form_input textarea{
		width: 290px;
		}
	.mail_form .form_button input{
		margin: 0 0 10px 150px;
		}
		
}

/* スマホ-----------w300 */
@media only screen and (max-width:700px){

	/*スマホでは表示しない*/
	.rss,
	.pc,
	.tab,
	.pc_tab{
		display: none;
	}
	
	/*スマホのみ表示する*/
	.sp{
		display: block;
	}
	
	.subpage table{
		width: 320px;
	}
	th,td{
		display: block;
		width: 298px !important;
		border-top: 1px dashed #ccc;
	}
	tr th:first-child,
	tr td:first-child{
		border: none;
	}
	
	iframe,
	.toppage iframe{
		width: 320px !important;
		height: 200px !important;
	}
	
	#bg{
		padding-top: 0;
/* 		margin-bottom: 50px; */
	}
	
	#header_in,
	#wrap,
	.contents_4,
	.banner_2,
	.fmenu ul,
	.footer_in{
		width: 320px;
	}
    
	
	#header{
		height: 150px;
	}
	#header_in{
	position: static;
		}
	#header #siteid{
			width: 320px;
			}
	#header #siteid h1,
	#header #siteid p a{
			width: 320px;
			height: 75px;
			background-size: 230px auto !important;
			background-position: center top;
			float: none;
			}
	#header #hcontents{
		float: none;
	    position: static;
	    margin: 0 auto;
	    padding-top: 20px;
	    display: block;
	}
	.search{
		margin: 0 0 10px 0;
	}
	.search .textbox{
		box-sizing: border-box;
		width: 100%;
	}

	.subpage #wrap img{
		display: block;
		max-width: 100% !important;
		height: auto !important;
	}
	.subpage #wrap p{
		clear: both;
	}
	
 
/*コンテンツ*/
	
	
	.banner_2 p{
		width: 100%;
		margin: 0 0 20px 0;
	}
	.banner_2 img{
		width: 100% !important;
		height: auto !important;
	}
	
    .menu_2 p a, .menu_2 ul li a{
        width: 280px;
        text-align: left;
    }
	#footer_in{
		float: none;
		width: 320px;
		margin-bottom: 20px;
		}
		
	
.fmenu {
        margin-bottom: 20px;
    }
    
	.fmenu ul{
	margin: 0 auto;
	padding: 0;
    width: 320px;
	list-style: none;
    text-align: left;
	}
	.fmenu ul li{
		display: block;
	    margin: 0;
	    margin-bottom: 3px;
		border-right: 0px solid #ccc;
		padding: 0 0;
	     background-color: #E6DDD5;
	    border-radius: 25px;
	   
	}
	.fmenu ul li a{
	    color: #665045;
	    text-decoration: none;
	    padding: 10px 0 10px 20px;
	    display: block;
	    width: 296px;
	    background-image: url(../all_img/kurashi/li_01.png);
	    background-size: 20px;
	    background-position: 95% center;
	    background-repeat: no-repeat;
	    
	}
	.fmenu ul li:hover{
	    background-color: #FDFAF1;
	}
	.fmenu ul li:first-child{
		border-left: 0px solid #ccc;
	}
	    
	    .fmenu ul li:nth-child(2){
		border-left: 0px solid #ccc;
	}
	
	.menu_4 ul li:first-child{
	    display: block; 
	    
	}
    
    
    address{
        text-align: center;
    }
	address strong{
		font-size: 100%;
	}
	
	#copy{
		
	}
	
    .footer_in .banner_1 ul{
	    margin-left: -10px;
    }
	.footer_in .banner_1 ul li{
		width: 155px;
		margin-left: 10px;
		float: left;
	}
	.footer_in .banner_1 ul li img{
		width: 155px !important;
		height: auto !important;
	}
	
	
	/*トップページ*/
	
	.slide li img{
		max-width: 300px !important;
		height: auto !important;
	}
	
	.toppage h2{
		font-size: 1.5rem;
	}
	.toppage h2 span{
		display: none;
	}
	
	.topicon li{
		width: 48%;
	}
	.toppage .disp_list a{
		font-size: .9rem;
		padding: 2px 25px 2px 10px
	}
	
	.toppage .banner_1{
		width: 100%;
	}
	.toppage .banner_1 ul li{
		width: 48%;
		margin: 0 0 20px 0;
	}
	
	
	
	/*メールフォーム*/
	
	
	.mail_form{
		border: 1px solid #cccccc;
		padding: 4px;
	}
	.mail_form .form_label,
	.mail_form .form_input{
		float: none;
		margin: 0;
		padding: 3px;
		width: 284px;
		border: none;
		}
	.mail_form .form_label{
		border-top: 1px solid #ccc;
		background-color: #eee;
	}
	.mail_form .form_input input[type=text]{
		width: 274px;
	}
	.mail_form .form_input textarea{
		width: 274px;
	}
	.mail_form .form_button input{
		margin: 0 0 10px 67px;
	}
	#spmenu{
		width: 320px;
		margin: 0 auto;
	}

	.spm{
		width: 100%;
		background-color: #cdb7a8;
		position: fixed;
		bottom: 0;
		z-index: 500;
	}
	.spm ul{
		width: 300px;
		margin: 0 auto;
		padding: 0;
		list-style: none;
	}
	.spm ul li{
		display: inline;
		margin: 0;
		padding: 0;
		float: left;
	}
	.spm ul li a{
		display: block;
		width: 100px;
		height: 50px;
		float: left;
		text-indent: -55555em;
		background-repeat: no-repeat;
		background-size: 100px auto;
	}
	.spm ul li.spm_01 a{
		background-image: url("../all_img/kurashi/spm_01.png");
	}
	.spm ul li.spm_02 a{
		background-image: url("../all_img/kurashi/spm_02.png");
	}
	.spm ul li.spm_03 a{
		background-image: url("../all_img/kurashi/spm_03.png");
	}
	
	.menu-btn {
    position: fixed;
    top: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 50px;
    width: 50px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    z-index: 150;
    background-color: #f8f5ec;
  }
  .menu-btn span,
  .menu-btn span::before,
  .menu-btn span::after {
    content: "";
    display: block;
    width: 25px;
    height: 3px;
    border-radius: 3px;
    background-color: #665045;
    position: absolute;
    -webkit-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
  }
  .menu-btn span::before {
    bottom: 8px;
  }
  .menu-btn span::after {
    top: 8px;
  }
  #menu-btn-check {
    display: none;
  }
  #menu-btn-check:checked ~ .menu-btn {
    background-color: rgba(255, 255, 255, 0);
  }
  #menu-btn-check:checked ~ .menu-btn span {
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
  }
  #menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    background-color: #665045;
  }
  #menu-btn-check:checked ~ .menu-btn span::after {
    top: 0;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    -webkit-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;
    background-color: #665045;
  }
  #menu-btn-check:checked ~ .menu-content {
    left: 0;
  }
  .menu-content {
	box-sizing: border-box;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 100%;
    z-index: 140;
    background-color: #f8f5ec;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    overflow: scroll;
    padding: 70px 20px;
  }
  .menu-content p {
    margin: 0;
    padding: 0;
  }
  .menu-content ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .menu-content ul li {
    margin: 0;
    padding: 0;
  }
  .menu-content p a,
  .menu-content ul li a {
    display: block;
    color: #665045;
    border-bottom: 1px solid #665045;
    padding: 10px 30px 10px 10px;
    position: relative;
    text-decoration: none;
  }
  .menu-content p a::after,
  .menu-content ul li a::after {
    content: ">";
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
    font-size: .8rem;
    color: #665045;
  }
}


/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio : 1.5),only screen and (min-device-pixel-ratio : 1.5) {
	
	
}