@charset "UTF-8";
*{
	box-sizing:border-box;
	margin:0px;
	padding:0;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.8;
	font-family:"游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
	color:#333;
	font-size:15px;
	-webkit-text-size-adjust: 100%;
	box-sizing:  border-box;
	letter-spacing:1px;

}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

input[type="text"],
input[type="password"],
textarea,
select {
    outline: none;
}

img{
	vertical-align:bottom;
}

a{
	text-decoration:none;
	color:#333;
	transition:.3s;
	border:0;
	outline:0;
}
.cf:after {
  content: "";
  clear: both;
  display: block;
}

.flex{
	display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
}

.flex-bt{/*横並びの均等割*/
  -webkit-justify-content: space-between;
  justify-content:         space-between;
}

.flex-center{/*上下左右センター*/
   display: -webkit-flex;
   display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.flex-wrap{/*横並びの改行を許容*/
	flex-wrap:wrap;
}


#fixedTop {
	padding: 10px 15px;
	right: 20px;
	bottom: 20px;
	color: #fff;
	text-align: center;
	display: none;
	background: rgba(189,154,103,.75);
	position: fixed;
	z-index: 99;
	border-radius: 3px;
	font-size: 12px;
}
#fixedTop:hover {
	opacity:.8;
}


/*iosのボタンスタイルをリセット*/
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

/*=================
  共通
=================*/
html, body {
    width: 100%;
    height: 100%;
    color: #333;
}

.pc{
	display:block;
}
.sp{
	display:none;
}

.inner1100{
	width:1140px;
	padding:0 20px;
	margin:auto;
}
.inner1000{
	width:1040px;
	padding:0 20px;
	margin:auto;
	
}
.inner800{
	width:840px;
	padding:0 20px;
	margin:auto;
	
}

.pc450{
	display:block;
}
.sp450{
	display:none;
}


/*--------------------------
	TOP
--------------------------*/





/*header*/
header{
	/*! border-top:12px solid #f5f5f5; */
	width:100%;
	padding:15px 0 12px;
	
}


.header-logo{
	width:282px;
	float:left;
}
.header-logo span{
	display:block;
	text-align:center;
	color:#aa854f;
	font-size:14px;
	margin-bottom:5px;
}
.header-logo img{
	max-width:282px;
	width:100%;
}
header nav{
	float:right;
	width:750px;
}
.header-nav-l li{
	border-left:2px solid #eeeeee;
	text-align: center;
	width: 100%;
}
.header-nav-l li a{
	padding:3px 0px;
	text-align:center;
	line-height:1.2;
	display:block;
	width:100%;
	font-size: 14px;
	letter-spacing: -.5px;
	transition:.3s;
}

.header-nav-l li a:hover i{
	color:#666;
}

.header-nav-l li:last-child{
	border-right:2px solid #eeeeee;

}

.header-nav-l li i{
	color:#c9ad84;
	display:block;
	text-align:center;
	font-size:18px;
	margin-bottom:5px;
	transition:.3s;
}
.header-nav-s{
	float:right;
}

.header-nav-s li{
	float:left;
	margin-right:10px;
	margin-top:10px;
}
.header-nav-s li a{
	display:block;
	color:#aa854f;
	padding:3px 11px;
	line-height:1;
	border-radius:4px;
	border:1px solid;
	transition:.3s;
	font-size: 14px;
}
.header-nav-s li a:hover{
	color:#aa854f;
}

.header-nav-s li:last-child{
	margin-right:0;
}

.header-contact{
	float:right;
	margin-top:12px;
}

.header-contact dt,
.header-contact dd{
	float:left;
}
.header-tel{
	margin-right:10px;
}
.header-contact dt{
	font-weight:bold;
	margin-right: 15px;
	padding-top: 13px;
}

.header-tel a p:first-child{
	font-size:38px;
	line-height:1;
	font-family: 'Abel', sans-serif;
	color:#555;
}
.header-tel a p:last-child{
	font-size:12px;
	line-height:1;
}


.header-mail a{
	/*! background:#ef858c; */
	font-size:15px;
	color:#333;
	padding:12px 25px;
	transition:.3s;
	display:block;
	border: 2px solid #eee;
	border-right: none;
	border-left: none;
}
.header-mail a:hover{
	color:#ef858c;
}
.header-mail a:hover i{
	color:#ef858c;
}
.header-mail a i{
	font-size:22px;
	margin-right:5px;
	vertical-align: middle;
	color: #333;
	transition:.3s;
}


/*スライダー*/


.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
	background:#ef858c;
}
.owl-theme .owl-nav{
	position:absolute;
	top:45%;
	max-width:1100px;
	width:100%;
	font-size:22px;
	color:#ccc;
	font-family:roboto;
	font-weight:100;
}
.owl-nav .owl-prev{
	position:absolute;
	left:0;
	top:50%;
}
.owl-nav .owl-next{
	position:absolute;
	right:0;
		top:50%;
}
.owl-theme .owl-nav [class*="owl-"]:hover{
	background:transparent;
	color:#ef858c;
}
.owl-carousel .owl-item img{
	border-radius:50px 10px 50px 10px;
}



/*お知らせブログ*/
.top-div-wrap{
	margin:60px auto;
}


.top-news.top-div-wrap{
	margin:30px auto;
}

.top-news aside:first-child{
	width:48%;
	float:left;
}
.top-news aside:last-child{
	width:48%;

	float:right;
}
.top-news-tite-wrap{
	
}
.top-news-link{
	float: right;
	display: block;
	border: 1px solid;
	padding: 0px 20px;
	font-size: 13px;
	border-radius: 4px;
	color: #aa854f;
	margin-top: 10px;
}
.top-news-link:hover{
	color:#333;
}

.top-news-title{
	float:left;
	color:#707070;
	font-weight:bold;
	font-size:18px;
	line-height:36px;
	
}

.top-news-title i{
	margin-right:10px;
	/*! color:#aaa; */
	font-size:26px;
	vertical-align: middle;
	line-height:1;
}
.top-news-list{
	margin-top:10px;
}

.top-news-list li a{
	background:#f8f8f7;
	padding:8px 20px;

}
.top-news-list li a:hover{
	background:#eee;
}

.top-news-list li a time{
	color:#999;
	width:100px;
}
.top-news-list li a p{
	text-overflow: ellipsis;
	width:calc(100% - 100px);
	white-space: nowrap;
	overflow: hidden;
}

.top-news-list li + li{
	margin-top:5px;
}

/*ステップアップ*/
.top-stepup .inner1100{
/*	height:350px;*/
	background:url(../images/top-illust1.jpg) no-repeat left 20px center;
}
.top-stepup .inner1100 h2,
.top-stepup .inner1100 p{
	padding-left:52%;

}
.top-stepup .inner1100 h2{
	font-size:32px;
	color:#666;
	font-weight:bold;
	line-height:1.6;
	margin-bottom:30px;
	padding-top:30px;
}
.top-stepup .inner1100 h2 span{
	color:#ef858c;
	border-bottom: 4px solid #fff733;
}

.top-stepup .inner1100 p{

}
.top-stepup .inner1100 p span{
	display:block;
	font-size:22px;
		line-height:1.4;
		margin-top:10px;
}


/*6つのポイント*/
.top-point{
	margin-top:-60px;
	padding-bottom:40px;
	background:url(../images/top-point-back-img.jpg) no-repeat center center / cover;
}
.top-point h2{
	background:url(../images/top-point-back.png) no-repeat top center / auto 160px;
	text-align:center;
	font-size:20px;
	line-height:1.4;
	color:#818181;
	font-weight:bold;
	padding:90px 0 15px;
	margin-bottom:20px;
}
.top-point-list li{
	width:340px;
	height:370px;
	background:#fff;
	border-radius:15px;
  box-shadow: 0px 2px 15px 0px rgba(108, 108, 108, 0.15);
	float:left;
	margin-right:40px;
	margin-bottom:40px;
	padding-top:170px;
}
.top-point-list li:nth-child(1){
	background:#fff url(../images/point-img1.jpg) no-repeat top 0px center / auto 150px;
}
.top-point-list li:nth-child(2){
	background:#fff url(../images/point-img2.jpg) no-repeat top 20px center / auto 140px;
}
.top-point-list li:nth-child(3){
	background:#fff url(../images/point-img3.jpg) no-repeat top 30px center / auto 120px;
}
.top-point-list li:nth-child(4){
	background:#fff url(../images/point-img4.jpg) no-repeat top 35px center / auto 110px;
}
.top-point-list li:nth-child(5){
	background:#fff url(../images/point-img5.jpg) no-repeat top 20px center / auto 120px;
}
.top-point-list li:nth-child(6){
	background:#fff url(../images/point-img6.jpg) no-repeat top 30px center / auto 110px;
}


.top-point-list li:nth-child(3n){
	margin-right:0px;
	
}
.top-point-list dl{
	position:relative;
}
.top-point-list dt{
	text-align:center;
	font-weight:bold;
	color:#aa854f;
	margin-bottom:15px;
	line-height:1.4;
	font-size:21px;
	letter-spacing: -.1px;
}

.top-point-list dt span{
	position:absolute;
	left:-20px;
	top:0px;
	background:#ef858c;
	color:#fff;
	width:40px;
	height:40px;
	border-radius:50%;
	text-align:center;
	display:block;
	line-height:40px;
	font-size:18px;
}
.top-point-list dd{
	padding: 0 2em;
	line-height: 1.4;
	font-size: 14px;
}

.top-point-link{
	width:720px;
	float:right;
	height:220px;
	background:#fff url(../images/rokujo_gaikan_s2.jpg) no-repeat left 25px center / 250px auto;
	border-radius:15px;
  box-shadow: 0px 2px 15px 0px rgba(108, 108, 108, 0.15);
	
	padding-left:300px;
}
.top-point-link dt span{
	background:#b89b6f;
	color:#fff;
	font-size:22px;
	text-align:center;
	padding:0px 15px;
	font-weight:bold;
	margin-right:10px;
	border-radius:4px;
	display:inline-block;
	margin-top:30px;
	margin-bottom:10px;
}
.top-point-link dd{
	font-size:16px;
	padding-right:2em;
	line-height: 1.5;
	margin-top: 5px;
}
.top-point-link dd a{
	text-decoration:underline;
	color:#0e78c8;
}
.top-point-link dd a:hover{
	color:#ef858c;
}

/*活動・事業紹介*/

.top-h2{
	text-align:center;
	font-size:28px;
	margin-bottom:30px;
	font-weight:bold;
	color:#666;
}
.top-h2 span{
	color:#aa854f;
	font-family: 'Abel', sans-serif;
	font-size:14px;
	display:block;
	letter-spacing:.6em;
}

.top-work-wrap{
	margin-top:50px;
}
.top-work-wrap{
	margin-top:60px;
}


.top-work-wrap > figure,
.top-work-wrap > dl{
	width:50%;
}
.top-work-wrap > figure img{
	width:100%;
}

.top-work > div > p{
	font-size:18px;
	text-align:center;
	line-height:1.5;
}
.top-work-wrap > dl{
	padding:40px 0 0 40px;
}

.top-work-wrap dt{
	color:#666;
	font-weight:bold;
	font-size:22px;
	margin-bottom:20px;
	border-bottom:2px dotted #ded1bd;
}
.top-work-wrap dt i{
	margin-right:10px;
	color:#aa854f;
	font-size: 28px;
}

.top-work-wrap dd{
	font-size:16px;
}
.top-work-wrap dd img{
	width:100%;
}
.top-work-wrap dd:last-child{
	margin-top:35px;
}
.top-work .flex-change1{
	padding:40px 40px 0 0;
}
.flex-change1{
	-webkit-box-ordinal-group:1;
	-ms-flex-order:1;
	-webkit-order:1;
	order:1;
}
.flex-change2{
	-webkit-box-ordinal-group:2;
	-ms-flex-order:2;
	-webkit-order:2;
	order:2;
}


.link-button-wrap{
	margin:40px auto 0;
	text-align:center;
}

.link-button{
	font-size:16px;
	font-weight:bold;
	text-align:center;
	line-height:3em;
	border-radius:2em;
	display:inline-block;
	padding:0 2em;
}
.link-button i{
	margin-left:10px;
}

.link-button1{
	background:#f9f7f0;
	color:#666;
}
.link-button1:hover{
	background:#444;
	color:#fff;
}

.link-button2{
	background:#ef858c;
	color:#fff;
}
.link-button2:hover{
	background:#444;
}
.link-button3{
	border:#b89b6f 2px solid;
	color:#b89b6f;
	background: #fff;
}
.link-button3:hover{
	background:#444;
	color:#fff;
	border-color:#444;
}
.link-button4{
	color:#fff;
	background:#aaa;
}
.link-button5{
	color:#fff;
	background:#bd9a67;
}
.link-button4:hover{
	background:#444;
}
.link-button5:hover{
	background:#444;
}

/*スタッフ*/
.top-staff{
	background: #f8f8f7;
	padding: 30px;
}

.top-staff-img{
	width:100%;
	max-width:800px;
	margin:auto;
	border-radius: 20px;
border: 1px solid #eee;
}
.top-staff-img img{
	width:100%;
}
/*ご利用の流れ*/
.top-guide > p{
	font-size:16px;
	text-align:center;
	line-height:1.5;
	margin-bottom:30px;
}


.top-guide-list-wrap{
	background:#f8f8f7;
	padding:40px 0;
}
.top-guide-list{
	
}
.top-guide-list li{
	background:#fff;
	border-radius:10px;
	position:relative;
	padding:10px;
	height:94px;
}
.top-guide-list li + li{
	margin-top:25px;
}

.top-guide-list li + li::before{
	content:"";
	position:absolute;
  border-top: 10px solid #ef858c;
  border-right: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid transparent;
  left: 50%;
	top: -18px;
}

.top-guide-list li dt span{
	    position: absolute;
    left: -20px;
    top: 26px;
    background: #b89b6f;
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    text-align: center;
    display: block;
    line-height: 40px;
    font-size: 16px;

}
.top-guide-list dt{
	width:30%;
	padding:20px 0 10px 40px;
	font-size:18px;
	font-weight:bold;
	color: #666;
}
.top-guide-list dd{
	width:70%;
	border-left:1px solid #eee;
	padding:10px 20px;
	height:74px;
}
.top-guide-list dd a{
	text-decoration:underline;
}


/*通う場所*/

.top-access-flex + .top-access-flex{
	margin-top:40px;
}
.top-access-wrap{
	width:48%;
}
.top-access-wrap p{
	line-height:1.2;
}
.top-access-wrap p + p{
	margin-top:10px;
	margin-bottom:5px;
}
.top-access-wrap:nth-child(2){
	margin-left:4%;
	
}
.top-access-wrap h3{
	font-weight:bold;
	font-size:120%;
}

/*珈琲のご案内*/
.top-coffee .top-h2{
	color:#644223;
	line-height:1.4;
}

.top-coffee{
	background:#f8f8f7 url(../images/coffee-back.jpg) no-repeat top left / cover;
	border-radius: 15px;
}
.top-coffee .flex > div{
	width:60%;
}
.top-coffee .flex > div:nth-child(2){
	width:40%;
}

.coffee-flyer{
	padding:2%;
}
.coffee-text{
	padding:2%;

}
.top-coffee .bold{
	font-size:120%;
}

.top-coffee img{
	width:100%;
	max-width:350px;
	cursor:zoom-in;
}
.top-coffee p + p{
	margin-top:20px;
}
.andcoffee-shop{
	border-top:1px dotted #644223;
}

.andcoffee-shop-list{
	text-align:left;
	border-collapse:  collapse;
	width:100%;
}
.andcoffee-shop-list caption{
	text-align:left;
	margin:20px 0 5px;
	font-size:110%;
	font-weight:bold;
}
.andcoffee-shop-list th{
    padding: 5px 8px;
    border:1px solid #555;
    width:50%;
    line-height:1.4;
    
}
.andcoffee-shop-list td{
    padding: 5px 8px;
    border:1px solid #555;
    width:50%;
    line-height:1.4;

}
a.underline{
	text-decoration: underline;
	color: #0e78c8;
}

.use-service {
	margin-top:40px;
	background:#f8f8f7;
	padding:3%;

}
.use-service h3{
	font-weight:bold;
	font-size:120%;
	color:#b89b6f;
}

.use-service-list{
	text-align:left;
	border-collapse:  collapse;
	width:100%;
	background:#fff;
}

.use-service-list caption{
	text-align:left;
	margin:20px 0 5px;
	font-size:110%;
	font-weight:bold;
}
.use-service-list th{
    padding: 5px 5px;
    border:1px solid #555;

    line-height:1.4;
    
}
.use-service-list td{
    padding: 5px 5px;
    border:1px solid #555;
	vertical-align:middle;
    line-height:1.4;

}
.table-header{
	background:#eee;
}

/*フッター*/

footer{
	margin-top:100px;
/*	border-top:#f9f7f0 6px solid;*/
	padding-top:10px;
}
.footer-left{
	width:700px;
}
.footer-right{
	width:400px;
}
.footer-insta{
	margin-top:5px;
}
.footer-insta img{
	max-width: 50px;
}

.footer-contact.header-contact dt{
	float:none;
}
.footer-contact.header-contact{
	float:right;
	margin-top:20px;
}
.footer-logo{
	float:left;
	/*padding-top:20px;*/
}
.footer-logo a{
	display:block;
	text-align:center;
	width:282px;
}
.footer-logo span{
	color:#aa854f;
	font-size:14px;
	margin-bottom:10px;
	display:block;
	text-align:center;
}
.footer-logo img{

	display:block;
}
.footer-info{
	font-size:14px;
	margin-top:5px;
}
.footer-info-title{
	font-weight:bold;
}
.footer-info dt{
	width:60px;
	/*! color:#aa854f; */
	font-weight: bold;
	color: #666;
	line-height:1.2;
}
.footer-info dd{
	width:500px;
	line-height:1.2;

}

.footer-sitemap{
	margin-top:30px;
}

.footer-sitemap li{
	float:left;
	width:50%;
}

.footer-sitemap li a{
	display:block;
	padding:2px 0;
	font-size:14px;
}
.footer-sitemap li a:hover{
	text-decoration:underline;
}

.footer-sitemap li i{
	color:#bbb;
	margin-right:10px;
}


.copyright{
	background:#f8f8f7;
	margin-top:20px;
}
.copyright small{
	font-size:10px;
	text-align:center;
	display:block;
	padding:10px 0 30px;
}


/* サブページ共通 */

.inner820{
	margin:auto;
	width:860px;
	padding:0 20px;
}
.sub-page-title{
	background:#f8f8f7 url(../images/sub-page-title-back.png) no-repeat right center;
}
.sub-page-h1{
	font-size:26px;
	color:#666;
	padding:60px 0;
}
.sub-page-contents section + section{
	margin-top:60px;
}

.breadcrumbs{
	margin:10px 0 50px;
	font-size:13px;
}
.breadcrumbs a{
	color:#aa854f;
	text-decoration:underline;
}

.left-border-title{
	font-size:24px;
	padding-left:18px;
	position:relative;
	line-height:1.4;
	color:#666;
	margin-bottom:40px;
	font-weight: bold;
	color: #aa854f;
}
.left-border-title::before{
	content:"";
	display:block;
	position:absolute;
	width:7px;
	height:34px;
	background:#aa854f;
	left:0;
	border-radius:2px;
	top: 0px;
}



/*  事業所概要　about.html */
.about-flex-wrap > div{
	width:48%;
	border:1px solid #ecebeb;
}


.about-flex-wrap + .about-flex-wrap{
	margin-top:80px;
}

.about-flex-wrap > div:nth-child(2){
	margin-left:4%;
}
.infomation-list li{
	padding:10px 0;
}
.infomation-list li dt{
	font-weight:bold;
	width:20%;
	padding:0 0 0 10px;
}
.infomation-list li dd{
	width:80%;
	padding:0 10px 0 10px;

}

.infomation-list li:nth-child(odd){
	background:#f8f8f7;
}
.profile-img{
	width:65%;
}
.profile-img img{
	width:100%;
}
.profile-data{
	width:35%;
}
.profile-title{
	font-size:14px;
}
.profile-name{
	font-size:22px;
}
.profie-en{
	font-size:13px;
	font-family:'Abel', sans-serif;
}

.profile dt{
	margin-bottom:40px;
	text-align: center;
}


.profile ul{
	width:50%;
	font-size:13px;
}



.about-message{
	margin-top:50px;
}
.about-message h3{
	font-size:20px;
	text-align:center;
	margin-bottom:10px;
	color: #666;
	font-weight: bold;
}
.about-message p + p{
	margin-top:20px;
}
.about-message div{
	padding:40px;
	position:relative;
	color: #444;
	border: 1px solid #eee;
}
.about-message div::before{
	width:30px;
	content:"";
	height:50%;
	border-top:3px solid #ddd;
	border-left:3px solid #ddd;
	display:block;
	position:absolute;
	top:-1px;
	left:-1px;
}
.about-message div::after{
	width:30px;
	content:"";
	height:50%;
	border-bottom:3px solid #ddd;
	border-right:3px solid #ddd;
	display:block;
	position:absolute;
	bottom:-1px;
	right:-1px;
}
.info-img{
	text-align:center;
	width:100%;
	margin:0 auto 30px;
}
.info-img img{
	width:100%;
}


/*  想い　message.html */

.message-logo figure{
	border:1px solid #ddd;
	padding:5%;
}
.message-logo figure{
	width:100%;
	max-width:100%;
}

.message-name-img{
	width:100%;
	max-width:389px;
}
.message-logo-img{
	max-width:549px;
	width:100%;
}
.message-logo-text{
	text-align:center;
	margin:20px auto 40px;
}
.message-logo-text span{
	font-weight:bold;
}

.message{
	margin-top:30px;
}
.message p + p{
	margin-top:20px;
}
.message-title{
	font-size:14px;
	text-align:right;
	margin-top:40px;
}
.message-name{
	font-size:17px;
	text-align:right;
}
.message-name span{
	margin-right:1em;
}
.message-img{
	width:100%;
}


/*交通アクセス access.html*/
.access-info{
	margin-top:50px;
}
.access-info article{
	width:50%;
}
.access-info article:last-child{
	padding-left:20px;
}
.access-info article figure{
	margin-top:20px;
}
.access-info article figure img{
	max-width:496px;
	width:100%;
}
.access-text{
	font-size:16px;
}
.access-text span{
	font-weight:bold;
	color:#aa854f;
}
.access-info-wrap .access-text:first-child{
	font-size:150%;
}

.g-map{
	margin-top:60px;
}
.list-style-on{
	list-style:disc;
	margin-left:1em;
}
.access.left-border-title i{
	margin-right:10px;
}
.bold{
	font-weight:bold;
}


.access-info-wrap .left-border-title::before {

    background: #666;

}

.access-select{
	width:100%;
}
.access-select p{
	width:47%;
	
}

.access-select.flex{
	gap:0 30px;
}


.access-select p:first-child{
	/*margin-right:6%;*/
}
.access-select a{
	display:block;
	background:#aa854f;
	color:#fff;
	width:100%;
	text-align:center;
	padding:10px 0;
}
.access-select a span{
	font-weight:bold;
	font-size:125%;
}

.access-info-wrap{
	margin-top:40px;
	border-top:3px solid #aa854f;
	padding-top:30px;
}





/*お問い合わせ　contact.html*/

#form-frame{
	height:800px;
}
.contact-tel-wrap{
	border:1px solid #999;
	padding:20px;
	width:48%;
}

.contact-flex + .contact-flex{
	margin-top:10px;
	margin-bottom:10px;
}

.contact-tel-wrap:nth-child(2){
	margin-left:4%;
}

.contact-tel-wrap h3{
	font-weight:bold;
	line-height:1.2;
	margin-bottom:10px;
}
.contact-text1{
	text-align:center;
	font-size:16px;
	line-height:1.6;
	margin-bottom:40px;
	padding: 10px;
	border-radius: 4px;
}
.contact-icon i{
	width:50px;
	height:50px;
	line-height:50px;
	display:inline-block;
	background:#ef858c;
	color:#fff;
	text-align:center;
	border-radius:50%;
	font-size:30px;
}
.contact-icon{
	width:60px;
}
.contact-icon.fax i{
	width:40px;
	height:40px;
	line-height:40px;
	display:inline-block;
	background:#666;
	color:#fff;
	text-align:center;
	border-radius:50%;
	font-size:20px;
}
.contact-tel{
	font-size:33px;
	line-height:1;
}
.contact-tel span{
	font-size:18px;
}
.contact-tel-time{
	font-size:13px;
}
.contact-tel-fax li:nth-child(2){
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid #eee;
}
.bg-gray{
	background:#f8f8f7;
	padding:40px 0;
}
.contact-form{
	background:#fff;
	padding:40px;
}

.required-icon {
    border: 1px solid #de4830;
    color: #de4830;
    border-radius: 3px;
    line-height: 1;
    padding: 3px;
    font-size: 13px;
    font-weight: normal;
    position:absolute;
    right:10px;
    top:5px;
}
.required-icon.gray {
    color: #aaa;
    border-color: #aaa;
}

.form-dl{
	padding:10px;
}
.form-dl + .form-dl{
	border-top:1px solid #eee;
}
.form-dl dt{
	width:30%;
	font-size:18px;
	position:relative;
}
.form-dl dd{
	width:70%;
	font-size:18px;
	padding-left:10px;
}
input:not([type="image"]):not([type="submit"]):not([type="radio"]):not([type="checkbox"]),
textarea {
    width: 100%;
    padding: 5px;
    font-size: 16px;
    border:1px solid #aaa;
    padding:5px;
}
input[type="text"], input[type="password"], textarea, select {
    outline: none;
}
input[type="radio"]{
	margin-right:7px;
}
textarea{
	height: 15em;
}

.privacy-text{
	height: 200px;
	border: 1px solid #ddd;
	overflow: auto;
	background: #fff;
	margin-bottom: 20px;
	padding:1em;
	font-size:14px;
}
.privacy-text p:first-child{
	font-weight:bold;
	font-size:16px;

}
.privacy-text dt{
	font-size:16px;
	margin-top:10px;
}
.privacy-text dd{
	line-height:1.4;
}
.privacy-check{
	border-top: 1px solid #eee;
	padding-top:20px;
}
.privacy-check > p{
	text-align:center;
	margin-bottom:20px;
	line-height:1.5;
}
.checkbox-wrap{
	position:relative;
	padding-bottom:20px;
}
.checkbox-wrap .required-icon{
	position:static;
	height:22px;
	margin-right:10px;
	margin-top:7px;
}
.checkbox-wrap input[type="checkbox"]{
	margin-right:5px;

}
.check-ok{
	font-size:20px;
}
.checkbox-wrap .flex{
	width:150px;
	margin:auto;
}
.submit-button{
	border-top: 1px solid #eee;
	padding-top:20px;
	text-align:center;
}
.submit-button input{
	font-size:18px;
	padding:1em 3em;
	color:#fff;
	background:#ef858c;
	border:none;
	outline:none;

}

.submit-button input:hover{
	cursor: pointer;
}

/* Q&A faq.html*/

.faq-title{
	text-align:center;
}

.faq-text{
	text-align:center;
	margin-top:20px;
}
.faq-nav{
	margin:40px auto 50px;
	max-width:700px;
}
.faq-nav a{
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	line-height: 3em;
	border-radius: 2em;
	display: inline-block;
	padding: 0 2.5em;
	border:1px solid;
	color:#666;
}
.faq-nav a i{
	margin-left:10px;
}
.faq-wrap{
	background:#f8f8f7;
	padding:30px 0;
}
.faq-wrap section{
	background:#fff;
	padding:40px;
	border-radius:15px;
}
.faq-list li{
	border-top:1px solid #eee;
	padding:20px 0;
}

.faq-list dt{
	font-size:20px;
	padding-left:50px;
	color:#ef858c;
	background:url(../images/q.png) no-repeat left top;
}
.faq-list dd{
	padding-left:50px;
	margin-top:20px;
	line-height:1.6;
	min-height:35px;
	background:url(../images/a.png) no-repeat left top;
}

/*活動・事業紹介 work.html*/
.work-wrap{
	border-radius: 20px;
	margin-bottom: 60px;
	padding:0;
	border: 4px solid #f5f5f5;
}
.coofee-work-img img{
	width:100%;
	margin-bottom:20px;
}
.work-details h3{
	font-weight:bold;
	font-size:125%;
	margin-bottom:5px;
	margin-top:10px;
}
.work-wrap .left-border-title{
	
}
.margin-top20{
	margin-top:40px;
	
}
.work-wrap section:not(:first-child){
	border-top:2px solid #f5f5f5;
	margin-top:0;
}

.work-wrap section{
	padding:40px;
}
.work-spot{
	font-size:120%;
	margin-bottom:20px;
}

.work-message p{
	text-align:center;
	font-size:24px;
	letter-spacing:2px;
		color:#666;
}
.work-message figure{
	text-align:center;
	margin:30px 0 60px;
}
.work-message figure img{
	max-width:564px;
	width:90%;
}
.work-details > * {
	width:49%;
}
.work-details figcaption{
	font-size:90%;
}
.work-details figure:nth-child(even) {
	margin-left:2%;
}
.work-details + p{
	margin-top:10px;
}


.work-details > div{
	margin-left:4%;
	line-height:1.7;
}
.work-details  dl{
	margin-top:20px;
	font-size:14px;

}
.work-details  p + p{
	margin-top:20px;
}
.work-details img{
	 	width:100%;
}
.a4-flayer{
	width:40%;
	max-width:150px;
	margin-top:20px;
}
.a4-flayer img{
	width:100%;
	border:1px solid #999;
	vertical-align:bottom;
}

.tv{
	background:#f8f8f7;
	padding:30px;
	margin-top:30px;

}
.tv h3{
	font-size:22px;
	margin-bottom:10px;
}
.tv > div,
.tv > figure {
	width:50%;
	padding:2%;
}

.tv > figure img{
	width:100%;
}
.work-cofee2 {
	margin-top:20px;
}
.work-cofee2 .flex-change1{
	padding:0 40px 0 0;
}



/* ご利用ガイド guide.html*/

.guide-main-img{
	position:relative;
}
.guide-main-img p{
	position:absolute;
	right:0;
	bottom:0;
	width:510px;
	height:140px;
}
.guide-list-title{
	text-align:center;
	font-size:18px;
	margin-bottom:15px;
}
.guide-list.infomation-list dl{
	border:2px solid #fff;
	margin-top:-2px;
}

.guide-list.infomation-list dt{
	background:#fff;
	text-align:center;
	padding:20px;
}

.guide-list.infomation-list li + li dt{
	border-top:2px solid #f8f8f7;
}

.guide-list.infomation-list dd{
	padding:20px;
}
.guide-list.infomation-list dd h3{
	font-size:120%;
	font-weight:bold;
}
.guide-list.infomation-list dd div + div{
	border-top:2px solid #fff;
	margin-top:10px;
	padding-top:10px;
}

.guide-list.infomation-list dd span{
	font-weight:bold;
}
a.link-blue{
	text-decoration: underline;
	color: #0e78c8;
}
a.link-blue i{
	margin-left:5px;
}
.guide-list.infomation-list li{
	padding:0;
}
.guide-bottom{
	padding-top:150px;
	background:url(../images/guide-back-dots.gif) no-repeat top center / contain;
}
.guide-bottom figure img{
	box-shadow: 0px 2px 15px 0px rgba(108, 108, 108, 0.15);
	width:372px;
	margin-top:15px;
}
.guide-bottom .flex > div{
	padding-left:40px;
}
.guide-bottom .flex > div h2{
	font-size:24px;
	line-height:1.4;
	margin-bottom:15px;
	color:#ef858c;
}
.guide-bottom .flex > div p{
	line-height:1.6;
}
.guide-bottom-message{
/*	background:#f8f8f7;
	padding:40px 0 20px;
	border-radius: 10px;*/
	text-align:center;
	font-size:20px;
	margin:40px 0 0;
}



/*スタッフ紹介*/
.staff-wrap{
	background:#f8f8f7;
	padding:40px 0 20px;
}
.staff-all{
	background:#fff;
	padding:0;
	border:1px solid #eee;
	max-width:1100px;
	border-radius: 20px;
	overflow: hidden;
}
.staff-all figure{
	width:70%;
}
.staff-all figure img{
	width:100%;
}
.staff-all div{
	width:30%;
	padding:40px;
}
.staff-all p{
	margin-top:15px;
	font-size:14px;

}
.staff-title{
	font-family: 'Abel', sans-serif;
	font-size:38px;
	letter-spacing:2px;
	color:#8d8d8d;
	text-align:center;
	line-height:1.5;
	margin-bottom:30px;
}
.staff-title span{
	font-size:15px;
	display:block;
	line-height:1;
}
.staff-profile h2{
	text-align:center;
	font-size:20px;
	margin-bottom:30px;
}
.staff-profile li{
	width:calc((100% - 3%) / 2);
	background:#fff;
	border:1px solid #eee;
	margin-right:3%;
	margin-bottom:3%;
	border-radius: 10px;
	overflow: hidden;
}
.staff-profile li:nth-child(2n){
	margin-right:0;
}
.staff-profile li figure{
	width:100%;
}
.staff-profile li figure img{
	width:100%;
}
.staff-profile li {

}
.staff-data{
	width:70%;
	padding-left:4%;
}
.staff-img{
	width:30%;
}
.staff-name{
	font-size:20px;
	margin-bottom:10px;
	margin-top:20px;
	font-weight: bold;
	color: #666;
}
.staff-details{
	padding:10px;

}
.staff-info span{
	font-size:12px;
	display:block;
	line-height:1.2;
}
.staff-info + .staff-info{
	line-height:1;
	margin-top:10px;

	margin-bottom:10px;
}
.staff-message{
	line-height:1.6;
	padding:1em;
	border-top:1px solid #eee;
}
.staff-name rt{
	margin-bottom:5px;
}





.archive li a{
	display:block;
	border:2px solid #bd9a67;
	padding:45px;
}

.archive li + li{
	margin-top:30px;
}
.archive-title{
	font-size:160%;
	border-bottom:1px solid #ddd;
	padding-bottom:5px;
	margin-bottom:5px;
	  color: #494949;
	font-weight:bold;
}


.archive li a:hover .archive-title{
	color:#ef858c;
}

.archive-time{
	margin-bottom:20px;
	font-size:12px;
	color:#999;
}
.archive-text{
	font-size:14px;
}





.pager {
	font-size:1em;
	color:#666;
	margin:0 auto;
	width:auto;
	overflow:hidden;
	margin-top:30px;
}

.pager a {
	text-decoration: none;
	border: solid 1px #ccc;
	color: #666;
}

.pager a, .pager span {
	display: block;
	float: left;
	padding: 0.2em 0.8em;
	margin-right: 4px;
	margin-bottom: 5px;
	line-height:2em;
	border: 1px solid #eee;
}
.pager span:hover{
	cursor:pointer;
	color:#ef858c;
}

.pager .current {
	color: #000;
	border:1px solid #bd9a67;
}

.pager .current.prev, .pager .current.next{
	color:#ccc;
	border-color:#e5e5e5;
	background:#fff;
}

.news-text img{
	max-width:100%;
	height:auto;
}

.news-text{
    margin-top: 10px;
    font-size: 16px;
    line-height: 2.1;
    padding-top: 20px;
}
.news-text a + a img{
	margin-top:20px;
	
}

.news-text a{
	text-decoration:underline;
	color:#46772c;
	
}

.news-text h2{
	font-weight: bold;
  font-size: 140%;
  margin-bottom: 20px;
  padding: 0.5em;
  color: #494949;
  
  background: #faefef;
  border-left: solid 5px #ef858c;
}
.news-text * + h2{
	margin-top:60px;

}

.news-text h3{
	font-weight: bold;
  font-size: 140%;
}
.news-text * + h3{
	margin-top:30px;

}

.news-text ol{
list-style: decimal;
padding-left: 1.5em;
}
.news-text ol li{
  text-indent: 0.5em;
}
.news-text ul{
list-style: disc;
padding-left: 1.5em;
}
.news-text ul li{
  text-indent: 0.5em;
}


.news-text p+p,
.news-text ul+p,
.news-text ol+p{
	margin-top:30px;
}

.next .i-l{
	font-size:30px;
	padding:0 10px;
	position:relative;
	top:4px;
}
.next .i-s{
	padding:0 5px;
}


/*アニメーション*/
.fade-in1{
	animation:fade-in 1s ease-in-out 0s both;
}
.fade-in2{
	animation:fade-in 1s ease-in-out .3s both;
}
.fade-in3{
	animation:fade-in 1s ease-in-out .3s both;
}
.fade-in4{
	animation:fade-in 1s ease-in-out .6s both;
}
.fade-in5{
	animation:fade-in 1s ease-in-out .9s both;
}
@keyframes fade-in{
	0%{
		opacity:0;
		transform: translateY(10px);
	}
	100%{
		opacity:1;
		transform:translateY(0);

	}
}

/*求人情報*/

.recruit-wrap{
	background: #f8f8f7;
	padding: 40px 0 20px;
}
.recruit{
	background:#fff;
	padding:5% 10%;
}
.recruit-h2{
	text-align:center;
	font-size:26px;
	margin-bottom:10px;

}
.recruit-h3{
	text-align:center;
	font-size:18px;
	margin-bottom:20px;
	font-weight:bold;
	color: #ef858c;
}

.hellowork{
	display:block;
	width:350px;
	padding:10px 40px;
	background:#ef858c;
	margin:30px auto 30px;
	border-radius: 3em;
	color:#fff;
	font-weight:bold;
	text-align:center;
}
.hellowork:hover{
	background:#444;
}
.hellowork span{
	display:inline-block;
}
.recruit-message p + p{
	margin-top:20px;
}
.recruit-img{
	text-align:center;
	margin-bottom:40px;
}
.recruit-img img{
	width:100%;
	border-radius:10px;
}

.recruit-b-span{
	color: #ef858c;
	font-weight:bold;
	border-bottom: 1px solid #fff733;
	padding-bottom:3px;
}
.recruit-center{
	text-align:center;
	font-size:22px;
	margin-top:40px!important;
}
.hallowork-title{
	text-align: center;
	font-weight: bold;
	margin-top: 40px;
	font-size: 120%;
}


/* アンドサポート */
.support-title h2{
	text-align:center;
	margin:20px auto;
}
.support-title h2 img{
	width:100%;
	max-width:500px;
}
.support-copy{
	text-align:center;

}
.support-copy1{
	font-size:140%;
	font-weight:bold;
 }
.support-copy2{
	font-size:120%;
	margin-top:20px;
 }
.support-title figure{
	text-align:center;
	margin-top:30px;
}
.support-title figure img{
	border-radius:20px;
	width:100%;
}
.support-menu{
	margin:30px auto;
}
figure.support-img img{
	max-width:400px;
	width:70%;
}
.support-menu{
	font-size:120%;
	font-weight:bold;
	color:#ef858c;
}
.support-menu li + li{
	margin-top:10px;
}
.support-icon{
	width:2em;
	margin-right:10px;
}
.support-menu2{
	list-style-type:disc;
	margin-left:1.5em;
}
.staff-profile .left-border-title{
	text-align:left;
}
.support-staff li{
	width:auto;
}
.support-staff li .staff-img{
	width:50%;
}

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

				    レスポンシブ

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



@media screen and (max-width:768px) {
	.pc{
		display:none;
	}
	.sp{
		display:block;
	}
	.header-nav{
		display:none;
	}
	
	.inner1100,
	.inner1000,
	.inner800,
	.inner820{
		width:94%;
		padding:0;
		margin:auto;
	}
	.top-staff .inner1000{
		width:100%;
	}


	#menu-button{
		display: block;
		width: 40px;
		height: 40px;
		position: absolute;
		top: 30px;
		right:20px;
		z-index: 9999;
	}
	#menu-button div {
		position: relative;
	}
	#menu-button span{
		display: block;
		height: 3px;
		background: #666;
		position:absolute;
		width: 100%;
		left: 0;
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;
	}
	#menu-button span:nth-child(1){
		top:0px;
	}
	#menu-button span:nth-child(2){
		top:12px;
	}
	#menu-button span:nth-child(3){
		top:24px;
	}
	
	/*開閉ボタンopen時*/
	#menu-button.open span:nth-child(1) {
		top: 12px;
	   -webkit-transform: rotate(135deg);
		-moz-transform: rotate(135deg);
		transform: rotate(135deg);
	}
	#menu-button.open span:nth-child(2) {
		width: 0;
		left: 50%;
	}
	#menu-button.open span:nth-child(3) {
		top: 12px;
		-webkit-transform: rotate(-135deg);
		-moz-transform: rotate(-135deg);
		transform: rotate(-135deg);
	}
	.header-logo{

	}
	header{
	}
	header nav{
		width:100%;
		float:none;

	}
	.header-nav-l{
		position:absolute;
		width: 100%;
		background: #fff;
		z-index: 998;
		top:0;
		left:0;
	}
	.header-nav-l li a{
		padding:15px 0;
		font-size:16px;
	}
	.header-nav-l  li a{
		border-bottom:1px solid #eee;
	}
	.header-nav-l li{
		border-left:none;
	}
	.header-nav-l li:last-child{
		border-right:none;
		
	}

	.header-nav-l li a br{
		display:none;
	}
	.header-nav-l li i{
		display:none;
	}
	.header-nav-s li{
		float:none;
		margin:0;
	}
	.header-nav-s{
		position: absolute;
		width: 100%;
		z-index: 997;
		top: 299px;
		left:0;
		background: #fff;
	}
	.header-nav-s li a{
		color:#333;
		padding:15px 0;
		border:none;
		text-align:center;
		font-size:16px;
		border-bottom:1px solid #eee;
	}
	.top-stepup .inner1100{
		height: 260px;
		background:url(../images/top-illust1.jpg) no-repeat left 20px center / 35%;
	}
	.top-stepup .inner1100 h2{
		font-size:24px;
	}
	.top-stepup .inner1100 h2, .top-stepup .inner1100 p {
    padding-left: 40%;
	}
	.top-stepup .inner1100 h2 br{
		display:none;
	}
	.top-stepup .inner1100 p br{
		display:none;
	}
	.top-stepup .inner1100 p{
		line-height:1.6;
	}
	.top-div-wrap{
		margin:30px auto;
	}
	.top-point h2{
		font-size:22px;
		padding: 90px 0 15px;
		background: url(../images/top-point-back.png) no-repeat top center / 50%;
	}
	.top-point-list{
		margin:0 2% 0 4%;
		width:94%;
	}
	.top-point-list li{
		margin-right:0;
		width:321px;
		margin-bottom:30px;
	}
	.top-point-list li:nth-child(2n){
		margin-left:30px;
	}
	.top-point-link{
		float:none;
		margin:auto;
		width:675px;
	}
	
	
	.top-work-wrap > figure{
		width:40%;
	}
	 .top-work-wrap > dl{
		width:60%;
	}
	.top-work-wrap dd:last-child{
		margin-top:15px;
	}
	.top-work-wrap figure img{
		width:100%;
	}
	.top-work-wrap > dl img{
		max-height:100px;
		width:auto;
	}
	.top-work-wrap > dl{
		padding:0px 0 0 20px;
	}
	.top-guide-list li{
		width:96%;
		margin-left:4%;
	}
	footer{
		margin-top:50px;
	}
	.footer-logo{
		float:none;
	}
	.footer-contact.header-contact{
		float:none;
		margin-top:15px;
	}
	.top-access-flex{
		display:block;
	}
	.top-access-wrap{
		width:100%;
	}
	.top-access-wrap:nth-child(2){
		margin-left:0;
		margin-top:10px;
	}
	.top-access-wrap h3{
		line-height:1.4;
	}
	
	
/*	.footer-info{
		margin-top:20px;
	}*/
	footer > .inner1100 > .flex{
		display:block;
	}
	.footer-left{
		width:100%;
	}
	.footer-insta{
		text-align:center;
		width: 100%;
	}
	.footer-right{
		width:100%;
	}
	.guide-main-img p{
		position:static;
		width:100%;
		height:auto;
		margin-top:20px;
	}
	.guide-main-img img{
		width:100%;
	}
	.guide-bottom figure img{
		width:100%;
	}
	.guide-bottom .flex > figure{
		width:40%;
		
	}
	.guide-bottom .flex > div{
		width:60%;
	}
	.staff-all figure{
		width:55%;
	}
	.staff-all div{
		width:45%;
		padding:20px;
	}
	.staff-title{
		margin-bottom:0;
	}
	.staff-all p{
		margin-top:7px;
	}
	.staff-profile li{
		width:100%;
		margin-right:0;
	}
	.staff-profile li figure{
		/*width:25%;*/
	}
	.staff-data{
		width:75%;
	}
	.staff-name{
		margin:5px auto;
	}
	
	.contact-flex.flex{
		display:block;
	}
	.contact-tel-wrap{
		width:100%;
		padding:10px;
	}
	.contact-tel-wrap:nth-child(2){
		margin-left:0;
		margin-top:10px;
		
	}
		.margin-bottom40{
		margin-bottom:40px;
	}


}/*768*/








@media screen and (max-width:740px) {
	.header-logo{
		float:none;
	}
	.header-contact{
		float:none;
	}
	.header-mail a{
		padding:12px 10px;
	}
	.top-point-list li{
		width:47%;
	}
	.top-point-list li:nth-child(2n){
		margin-left:5%;
	}
	.info-img{
		width:100%;
	}

	
	

}/*740*/









@media screen and (max-width:450px) {
	#fixedTop{
		right:10px;
		bottom:10px;
	}
	.pc450{
		display:none;
	}
	.sp450{
		display:block;
	}
	.link-button{
		padding:0 2em;
		font-size:15px;
	}
	.header-logo span{
		font-size:12px;
	}
	.header-logo{
		width:200px;
		
	}
	.header-logo img{
		width:100%;
	}
	.header-contact dt{
		font-size:13px;
		width:100%;
		margin-top:0;
		padding-top:0;
	}
	.header-tel a p:first-child{
		font-size:24px;
		
	}
	.header-tel{
		margin-right:0;
		width:50%;
	}
	.header-tel a p:last-child{
		font-size:9px;
		letter-spacing:-.5px;
	}
	.header-mail{
		float:right;
		width:50%;
	}
	.header-mail a{
		font-size:13px;
		padding:5px;
		letter-spacing:-.5px;
		text-align:center;
	}
	.owl-carousel .owl-item img{
		border-radius: 20px 0 20px 0;
		
	}
	#menu-button{
		width:30px;
		height:30px;
	}

	.top-news aside:first-child,
	.top-news aside:last-child{
		float:none;
		width:100%;
	}
	.top-news-title{
		font-size:18px;
	}
	.top-news-title i{
		font-size:28px;
	}
	.top-news-list{
		margin-top:10px;
	}
	.top-news aside:last-child{
		margin-top:15px;
	}
	.top-stepup .inner1100{
		height:auto;
		background:url(../images/top-illust1.jpg) no-repeat center top 100px / 230px auto;
	}
	.top-stepup .inner1100 h2 {
		padding-top:0;
		padding-bottom:170px;
		margin-bottom:5px;
	}
	.top-stepup .inner1100 h2,
	.top-stepup .inner1100 p{
		padding-left:0;
	}
	.top-point h2{
		background: url(../images/top-point-back.png) no-repeat top center / 400px auto;
	}
	.top-div-wrap{
		padding-bottom:20px;
	}
	.top-point-list li{
		width:100%;
		float:none;
		height:auto;
		padding-bottom:20px;
		padding-top:150px;
		margin-bottom:20px;
	}
	.top-point-list dt span{
		top:-110px;
		left:-10px;
	}
	.top-point-list li:nth-child(2n){
		margin-left:0;
	}
	.top-point-list li:nth-child(1){
		background:#fff url(../images/point-img1.jpg) no-repeat top 0px center / auto 130px;
	}
	.top-point-list li:nth-child(2){
		background:#fff url(../images/point-img2.jpg) no-repeat top 20px center / auto 120px;
	}
	.top-point-list li:nth-child(3){
		background:#fff url(../images/point-img3.jpg) no-repeat top 30px center /  auto 100px;
	}
	.top-point-list li:nth-child(4){
		background:#fff url(../images/point-img4.jpg) no-repeat top 35px center /  auto 100px;
	}
	.top-point-list li:nth-child(5){
		background:#fff url(../images/point-img5.jpg) no-repeat top 20px center /  auto 120px;
	}
	.top-point-list li:nth-child(6){
		background:#fff url(../images/point-img6.jpg) no-repeat top 30px center /  auto 100px;
	}
	.top-point-link{
		margin: 0 2% 0 4%;
		width: 94%;
		padding:180px 20px 20px;
		height:auto;
		background: #fff url(../images/rokujo_gaikan_s2.jpg) no-repeat center top 20px / 250px auto;
	}
	.top-point-link dd{
		font-size:16px;
		line-height:1.6;
		padding-right:0;
	}
	.top-work > div > p{
		font-size:16px;
	}
	.top-work > div > p br{
		display:none;
	}
	.top-work-wrap{
		display:block;
		margin-top:20px;
	}
	
	

	.top-work-wrap > figure{
		width:90%;
		margin:auto;
	}
	.top-work-wrap > dl,
	.top-work .flex-change1{
		width:90%;
		margin:auto;
		padding:0;
	}
	.top-work-wrap dt{
		font-size:18px;
		margin-top:10px;
		margin:10px 0;
	}
	.top-work-wrap + .top-work-wrap{
		margin-top:60px;
	}
	.top-work-wrap dd{
		line-height:1.6;
	}
	.top-guide > p br{
		display:none;
	}
	.top-guide > p{
		text-align:left;
		padding:0 4%;
		font-size:14px;
	}
	.top-access > div > h2 + p + p{
		font-size:16px;
	}
	.top-guide-list dl{
		display:block;
	}
	.top-guide-list dt{
		width:100%;
		padding:0 0 0 40px;
		margin-bottom:5px;
	}
	.top-guide-list dd{
		width:100%;
		padding:0;
		border-left:none;
		height:auto;
		line-height:1.5;
		font-size:13px;
	}
	.top-guide-list li{
		height:auto;
		margin-left:2%;
	}
	.top-guide-list li dt span{
		left:10px;
		height:30px;
		width:30px;
		font-size:16px;
		line-height:30px;
		top:-11px;
	}
	.top-guide-list-wrap > .inner800{
		display:block;
	}
	.top-guide-list-wrap .link-button-wrap{
		margin:20px auto 0;
	}
	.footer-sitemap{
		margin-top:15px;
	}
	.link-button-wrap{
		margin:20px auto 0;
	}
	
	.top-coffee .flex{
		display:block;
		width:100%;
	}
	.top-coffee .top-h2{
		margin-bottom:20px;
		font-size:20px;
	}
	.top-coffee .flex > div{
		width:100%;
	}
	.coffee-text{
		padding:5%;
	}
	.coffee-flyer{
		padding:0 5% 5%;
	}
	.top-coffee p{
		line-height:1.4;
	}
	.top-coffee p + p{
		margin-top:5px;
	}
	.top-coffee p + .link-button-wrap{
		margin-top:15px;
	}
	
	.coffee-flyer p{
		text-align:center;
	}
	.top-coffee img{
		max-width:200px;
	}
	.top-coffee .flex > div:nth-child(2){
		width:100%;
		
	}
	
	.footer-info dt{
		width:20%;
	}
	.footer-info dd{
		width:80%;
	}
	.footer-logo a{
		width:100%;
	}
	.footer-logo img{
		margin:auto;
		width:200px;
	}
	.footer-logo span{
		font-size:12px;
	}
	.footer-info{
		font-size:12px;
	}
	footer{
		margin-top:30px;
	}

	.footer-info{
		border:2px solid #f9f7f0;
		border-left:none;
		border-right:none;
		padding:10px 0;
	}
	.footer-info{
		line-height:1.6;
	}
	.breadcrumbs{
		display:block;
		margin:10px 0 30px;
	}
	.left-border-title{
		font-size:20px;
	}
	
	.left-border-title::before{
		height:30px;
	}
	.sub-page-h1{
		padding:30px 0;
		font-size:22px;
	}
	.profile dd{
		display:block;
	}
	.profile ul{
		width:100%;
	}
	.profile-right{
		margin-top:30px;
	}
	.about-message div{
		padding:1.5em;
		font-size:14px;
		line-height:1.6;
		
	}
	.profile-name{
		font-size:18px;
	}
	.message-logo-text br{
		display:none;
	}
	.message-logo-text{
				text-align:left;
	}
	.access-info{
		display:block;
	}
	.access-info article{
		width:100%;
	}
	.access-info article:last-child{
		padding-left:0;
		margin-top:30px;
	}
	.access.left-border-title{
		margin:20px 0;
	}
	.g-map{
		margin-top:30px;
	}
	.access-select{
		display:block;
		
	}
	.access-select p{
		width:100%;
	}
	.access-select p{
   	 margin-right: 0%;
   	 margin-bottom:20px;
	}
	
	
	
	#form-frame{
		height:1060px;
	}
	
	.contact-tel-fax li:nth-child(2){
		margin-top:10px;
		padding-top:10px;
	}
	.sub-page-contents section + section{
		margin-top:30px;
	}
	.contact-page .left-border-title{
		margin-bottom:20px;
	}
	.contact-form{
		padding:10px;
	}
	.form-dl{
		display:block;
	}
	.form-dl dt{
		width:100%;
		margin-bottom:10px;
	}
	.form-dl dd{
		width:100%;
		padding-left:0;
		padding-bottom:10px;
	}
	.contact-text1,
	.privacy-check > p{
		text-align:left;
	}
	.privacy-check > p br{
		display:none;
	}
	.faq-text{
		line-height:1.6;
	}
	.faq-nav{
		margin:20px auto 30px;
		display:block;
		text-align:center;
	}
	.faq-nav li + li{
		margin-top:15px;
	}
	.faq-nav a{
		width:80%;
		margin:auto;
	}
	.faq-wrap{
		padding:3% 0;
	}
	.faq-wrap section{
		padding:5%;
	}
	.faq-text br{
		display:none;
	}
	.faq-text{
		text-align:left;
		padding:0 3%;
	}
	.work-wrap section{
		padding:4%;
		
	}
	.work-message p{
		font-size:20px;
	}
	.work-details{
		display:block;
	}
	.work-details > *{
		width:100%;
	}
	.work-details figure{
		text-align:center;
	}
	.work-details img{
		width:100%;
	}
	.work-details > div{
		padding-left:0;
		margin-top:20px;
		margin-left:0;
	}
	.margin-top20{
		margin-top:20px;
	}
	.work-wrap + .work-wrap{
			margin-top:40px;
		
	}
	.work-details figure:nth-child(2n) {
    margin-left: 0;
	}
	.work-details figure + figure{
		margin-top:20px;
	}
	.tv{
		padding:3%;
	}
	.tv > div{
		width:100%;
		
	}
	.guide-list.infomation-list li dt{
		width:30%;
		padding:15px 10px;
	}
	.guide-list.infomation-list dd{
		width:70%;
		line-height:1.6;
		padding:15px 10px;

	}
	.guide-list.infomation-list dd br{
		display:none;
	}
	.guide-bottom .flex{
		display:block;
	}
	.guide-bottom .flex > figure{
		width:80%;
		margin:0 auto 20px;
	}
	.guide-bottom .flex > div{
		width:100%;
		padding-left:0;
	}
	.guide-bottom-message{
		font-size:17px;
	}
	.guide-bottom .flex > div h2{
		font-size:20px;
	}
	.staff-all{
		display:block;
	}
	.staff-all figure{
		width:100%;
	}
	.staff-all div{
		width:100%;
	}
	.staff-profile h2{
		margin-bottom:10px;
	}
	.staff-profile li figure{
/*		width:40%;*/
		display: -webkit-flex;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;

	}
	.staff-img{
		width:28%;
	}
	.staff-data{
		width:72%;
		padding-left:2%;
	}
	.staff-info{
		line-height:1.3;
	}
	.staff-info + .staff-info{
		margin-bottom:0;
		margin-top:5px;
	}

	.staff-message{
		font-size:14px;
	}

	.archive li a{
		padding:5%;
	}
	.archive li + li{
		margin-top:15px;
	}
	.next{
		display:block;
	}
	.work-cofee2 .flex-change1{
		padding:0;
	}
	.checkbox-wrap .flex{
		width:170px;
	}
	.checkbox-wrap input[type="checkbox"]{
		vertical-align:middle;
		display: inline-block;

	}
	.check-ok{
		line-height:1;
	}
	.checkbox-wrap .required-icon{
		line-height:1;
		margin-top:0;
	}
	.message-name span{
		font-size:14px;
		display:block;
		margin-right:0;
	}
	
	.about-flex-wrap{
		display:block;
	}
	.about-flex-wrap > div{
		width:100%;

	}
	.about-flex-wrap > div:nth-child(2){
		margin-left:0;
		margin-top:60px;
	}
	
	/*リクルート*/
	.recruit {
    background: #fff;
    padding: 3%;
	}
	.recruit-h3{
		font-size:3.5vw;
	}
	.recruit-center{
		font-size:4vw;
	}
	.hellowork{

		padding:10px 20px;
		width:100%;
	}
	.recruit-img{
		margin-bottom:20px;
	}
	

}/*450*/

@media screen and (max-width:400px) {
	.header-tel{
		width:190px;
	}
	.header-mail{
		width:calc(100% - 200px);
	}
	.header-mail a{
		line-height:1.2;
		font-size:11px;
	}
	.header-mail a i{
		font-size:16px;
	}
	.top-work-wrap > dl img{
		max-height:80px
	}
	.link-button{
		font-size:14px;
	}
	.header-contact dt{
		font-size:12px;
	}
	.contact-tel{
		font-size:26px;
	}
	.work-message p{
		text-align:left;
	}
	.work-message p br{
		display:none;
	}
	.faq-nav a{
		width:100%;
	}
	.staff-message{
		line-height:1.4;
		font-size:13px;
	}
	.staff-profile li div{

	}

	.staff-message br{
		display:none;
	}

}/*400*/


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



}/*768*/