/*-------------------------------
CAFE 基本
-------------------------------*/
.cafe_reading_section{
	max-width: 860px;
	padding: 0 3%;
	margin: 50px auto
}

.cafe_section{
	margin-top: 25px;
}
.cafe_section_l{
	margin-top: 50px;
}
.mtl{
	margin-top: 4.5em;
}

.mt{
	margin-top: 25px;
}

.mts{
	margin-top: 12px;
}
/*br*/
	@media screen and (max-width: 567px) {
		.cafe_br span.br{
			display: block;
		}
	}
/*font-------------------------------*/
.sectiontitle_c{
	font-size: 2.14em;
	text-align: center;
}
.midashi_midori{
	font-size: 1.42em;
	margin-bottom: 7px;
	color: #2b988c;
}
.min{
	font-family: 'Noto Serif JP', serif;
}
.read-txt{
	font-size: 1.14em;
}
	@media screen and (max-width: 567px) {
		.read-txt{
			font-size: 1.0em;
		}

	}



/*link-------------------------------*/
a.cafe_btn{
	font-size: 0.83em;
	display: inline-block;
	background: #2b988c;
	color: #fff;
	text-decoration: none;
	padding: 1px 28px 1px 14px;
	position: relative;
}
a.cafe_btn:before{
	content: '';
	width: 4px;
	height: 4px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -4px;
}
a.pdf_btn{
	font-size: 0.83em;
	display: inline-block;
	background: #2b988c;
	color: #fff;
	text-decoration: none;
	padding: 6px 42px 6px 14px;
	position: relative;
}
a.pdf_btn:before{
	content: '';
	width: 24px;
	height: 24px;
	background: url("../images/common/maru_pdf.png") no-repeat top left;
	background-size: 24px auto;
	position: absolute;
	top: 50%;
	right: 5px;
	margin-top: -12px;
}

/* ---------- flex ---------- */
.flex{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.between{
    justify-content: space-between;
}
.row-reverse{
	flex-direction: row-reverse;
}
.clm2{
	width: 48.5%;
}
.clm2--block{
	width: 48.5%;
}
	@media screen and (max-width: 610px) {
		.clm2--block{
			width: 100%;
			margin-bottom: 1em;
		}
	}


/*-------------------------------
CAFE TOP
-------------------------------*/
.eng{
	font-family: 'Quicksand', sans-serif;
}

.welcome{
	width: 100%;
	height: 480px;
	background: url(../images/cafe/top.jpg)  center 60% no-repeat;
	background-size:cover;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	font-size: 1.35em;
	padding-left: 56px;
	color: #fff;
}
	@media screen and (max-width: 768px) {
		.welcome{
			height: 280px;
		}
	}
	@media screen and (max-width: 414px) {
		.welcome{
			text-align: center;
			padding-left: 3%;
		}
		.welcome div{
			width: 100%;
		}
	}

/*news*/
.newswrap
{
	background: #f0efee;
	padding: 28px;
    overflow: hidden;
}

.carousel li{
	padding: 1.5% 6%;
}

/*カーソル６個　 padding: 0.5% 0.8%;
カーソル4個　 padding: 1.5% 2.5%;*/

.carousel li:hover{
	opacity: 0.8;
}
	@media screen and (max-width: 567px) {
		.newswrap{
			background: #f0efee;
			padding: 0
		}
		.carousel li{
			padding: 0.5% 0.8%;
		}

	}
.carousel li a{
	display: block;
	position: relative;
}
.carousel li a div.new{
	position: absolute;
	top: 0;
	right: 0;
	font-size: 0.92em;
	background: #d14;
	color: #fff;
	padding:0 10px;
	font-family: 'Quicksand', sans-serif;
	font-weight: bold;
}

.cafe_section_l a{
	display: block;
	position: relative;
}
.cafe_section_l a div.new{
	position: absolute;
	top: 0;
	right: 0;
	font-size: 0.92em;
	background: #d14;
	color: #fff;
	padding:0 10px;
	font-family: 'Quicksand', sans-serif;
	font-weight: bold;
}

/*keyword*/
.kewordwrap{
	background: #009281;
	padding: 28px;
	text-align: center;
}

.kewordwrap a{
	display: inline-block;
	background: #ffcd35;
	color: #000;
	text-decoration: none;
	padding: 3px 21px;
	margin-right: 7px;
	margin-bottom: 7px;
}
	@media screen and (max-width: 735px) {
		.kewordwrap a{
			font-size: 0.82em;
			padding: 2px 14px;
		}

	}

.pagemenuwrap{
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-top: 30px;
	border: #ddd 1px solid;

}
.pagemenuwrap .item{
	width: 25%;
	padding-bottom: 14px;
	background: #e9e9e9;
	border-right: #ddd 1px solid;
}
.pagemenuwrap .item:last-child{
	border-right:none;
}
.pagemenuwrap .item:hover{
	opacity: 0.8;
}
.pagemenuwrap .item a{
	text-decoration: none;
}
.pagemenuwrap .item div{
	padding: 14px;
	line-height: 1.4;
	color: #251e1c;
}
	@media screen and (max-width: 567px) {
		.pagemenuwrap .item{
			width: 50%;
		}

	}

/*-------------------------------
CAFE about
-------------------------------*/
.aboutcafe{
	width: 100%;
	height: 450px;
	background:url(../images/cafe/top.jpg)  center 60% no-repeat;
	background-size:cover;
	font-size: 1.35em;
	color: #fff;
	position: relative;
}
.aboutcafe div{
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.5);
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-align-items: center;
	align-items: center;
	justify-content: center;
}
	@media screen and (max-width: 768px) {
		.aboutcafe{
			height: 280px;
		}
	}

/*-------------------------------
CAFE news
-------------------------------*/
.cafe_news_wrap{
	background: #f1f1f1;
	padding: 3%;

}
.cafe_pankuzu{
	font-size: 0.82em;
}
.cafe_pankuzu a{
	position: relative;
	display: inline-block;
	padding-right: 14px;
}
.cafe_pankuzu a:before{
	content: '';
	width: 6px;
	height: 6px;
	border-top: solid 1px #666;
	border-right: solid 1px #666;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 5px;
	margin-top: -4px;
}
.cafe_news_body{
	background: #fff;
	max-width: 1000px;
	margin: 15px auto 50px;
	padding: 40px 3% 80px;
}
.entrydate{
	font-size: 0.82em;
	text-align: center;
}
.entrytitle{
	font-size: 1.42em;
	text-align: center;
	margin-bottom: 40px;
	line-height: 1.4;
}
.table_4clm dl{
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
}
.table_4clm dt{
	width: 20%;
	padding: 7px;
	border-bottom: 1px solid #ccc;
}
.table_4clm dd:nth-child(2){
	width: 22%;
	padding: 7px;
	border-bottom: 1px solid #ccc;
}
.table_4clm dd:nth-child(3){
	width: 23%;
	padding: 7px;
	border-bottom: 1px solid #ccc;
}

.table_4clm dd:last-child{
	width: 35%;
	padding: 7px;
	border-bottom: 1px solid #ccc;
}

.table_4clm dl:first-child dd,
.table_4clm dl:first-child dt{
	background: #ccc;
}
	@media screen and (max-width: 768px) {
		.table_4clm dl{
			font-size: 0.82em;
		}
	}
	@media screen and (max-width: 414px) {
		.table_4clm dt span{
			display: block;
		}
	}
.table_3clm dl{
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
}
.table_3clm dt{
	width: 17%;
	padding: 7px;
	border-bottom: 1px solid #ccc;
}
.table_3clm dd:nth-child(2){
	width: 38%;
	padding: 7px;
	border-bottom: 1px solid #ccc;
}

.table_3clm dd:last-child{
	width: 45%;
	padding: 7px;
	border-bottom: 1px solid #ccc;
}

.table_3clm dl:first-child dd,
.table_3clm dl:first-child dt{
	background: #ccc;
}
	@media screen and (max-width: 768px) {
		.table_3clm dl{
			font-size: 0.82em;
		}
	}
	@media screen and (max-width: 414px) {
		.table_3clm dt span{
			display: block;
		}
	}
.table_2clm dl{
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
}
.table_2clm dt{
	width: 45%;
	padding: 7px;
	border-bottom: 1px solid #ccc;
}
}

.table_2clm dd:last-child{
	width: 50%;
	padding: 7px;
	border-bottom: 1px solid #ccc;
}

.table_2clm dl:first-child dd,
.table_2clm dl:first-child dt{
	background: #ccc;
}
	@media screen and (max-width: 768px) {
		.table_2clm dl{
			font-size: 0.82em;
		}
	}
	@media screen and (max-width: 414px) {
		.table_2clm dt span{
			display: block;
		}
	}
.news_gr_title{
	background: #CECECE;
	padding: 6px 10px;
	font-size: 1.2em;
   
    font-weight: bold;
}
/*-------------------------------
CAFE こだわり
-------------------------------*/
#kodawari 	{
	background:#f5f5f5 url(../images/cafe/bg_kodawari.png) top center no-repeat; 
	padding:350px 0 50px 0;
}
#kodawari  .title{
	line-height: 1.4;
	margin-bottom: 30px;
}
.kodawari_inner	{
	width:80%; 
	margin:0 auto; 
	background:#fff; 
	padding:50px; 
	line-height:2.0; 
	font-size:1.07em;
}

/*-------------------------------
interview
-------------------------------*/
#interview 	{
	background:#f5f5f5 url(../images/cafe/bg_interview.jpg) top center no-repeat; 
	padding:350px 0 50px 0;	
	background-size:100% auto;
}
#interview  .title{
	line-height: 1.4;
	margin-bottom: 30px;
}
.interview_inner	{
	width:80%; 
	margin:0 auto; 
	background:#fff; 
	padding:50px; 
	line-height:2.0; 
	font-size:1.07em;
}
.interview_list{
	margin-top: 35px;
	border-top: 1px solid #ccc;
}
.interview_list li{
	padding: 20px 0;
	border-bottom: 1px solid #ccc;
	display: table;
	width: 100%;
}
.interview_list li > div.int_item:first-child{
	font-size: 0.86em;
	border-right: 1px solid #ccc;
	padding-right: 14px;
	display: table-cell;
	width: 15%;
}
.interview_list li > div.int_item:last-child{
	display: table-cell;
	padding-left: 14px;
	width: 85%;
}
.interview_menu {
	background: #aaa;
	color: #fff;
	font-size: 1.08em;
	padding: 4px 15px;
	margin: 5px 0;
}
.list_int li{
	border-bottom: none;
	padding: 0 0 20px 0;
}

/*-------------------------------
CAFE お散歩マップ
-------------------------------*/
.osanpo_head{
	position: relative;
}
.osanpo_title{
	position: absolute;
	top: 0;
	left: 0;
	background: #2d4453;
	color: #fff;
	width: 30%;
	padding: 28px;
	font-size: 1.86em;
	text-align: center;
}
.osanpo_title a{
	display: block;
	text-align: center;
	margin-top: 12px;
	color: #2d4453;
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	background: #fff url("../images/common/icon_pdf.gif") no-repeat 5% center;
	background-size: 18px auto;
	font-size: 0.46em;
	line-height: 33px;
	height: 33px;
	text-decoration: none;
}
.osanpo_2clm_thumb{
	display: table;
	width: 100%;
}
.osanpo_2clm_thumb .itembox:nth-child(odd){
	display: table-cell;
	width: 70%;
	vertical-align: middle;
}
.osanpo_2clm_thumb .itembox:nth-child(even){
	display: table-cell;
	width: 30%;
	vertical-align: middle;
	padding-left: 28px;
}
.midasgibg {
	font-size: 1.48em;
	color: #fff;
	padding: 3px 15px;
}
.bg_cafe {
	background: #7b3931;
	margin-bottom: 25px;
}

.bg_bakery {
	background: #4a7942;
	margin-bottom: 25px;
}
.bg_sweets {
	background: #5988ae;
	margin-bottom: 25px;
}
.cafe_3clm{
	margin-top: 40px;
	line-height: 1.6;
}
.cafe_3clm li{
	display: table;
	width: 100%;
	margin-bottom: 30px;
}
.cafe_3clm .thumb{
	display: table-cell;
	width: 30%;
	vertical-align: middle;
	padding-right: 20px;
}
.cafe_3clm .shop{
	display: table-cell;
	width: 37%;
	vertical-align: middle;
	padding-right: 40px;
}
.cafe_3clm .detail{
	display: table-cell;
	width: 33%;
	vertical-align: middle;
	font-size: 0.8em;
}
.cafe_3clm .thumb img{
	width: 100%;
	height: auto;
}
.cafe_3clm li:nth-child(odd) .detail div{
	background: #e9dfcd;
	padding: 20px 15px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;	
}
.cafe_3clm li:nth-child(even) .detail div{
	background: #f0e9de;
	padding: 20px 15px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;	
}

.cafe_3clm .shop .shoptitle{
	color:#513e29;
	font-size: 22px;
	line-height: 1.2;
	margin-bottom: 10px;
}
.cafe_3clm .shop .shoptitle span{
	font-size: 12px;
	display: block;
}
.cafe_3clm .detail p{
	border-bottom: 1px dotted #513e29;
	padding: 6px 2px;

}
.shopicon{
	margin-top: 20px;
}
.shopicon span{
	display: inline-block;
	margin-right:4px;
}
.icon_cafe{
	background: url(../images/cafe/icon_cafe.gif) center top  no-repeat;
	width: 40px;
	height: 40px;
	background-size: 40px auto;
	margin-bottom: 13px;
}
.icon_eat{
	background: url(../images/cafe/icon_eat.gif) center top  no-repeat;
	width: 40px;
	height: 40px;
	background-size: 40px auto;
	margin-bottom: 13px;
}

.icon_drink{
	background: url(../images/cafe/icon_drink.gif) center top  no-repeat;
	width: 40px;
	height: 40px;
	background-size: 40px auto;
	margin-bottom: 13px;
}
.icon_dog1{
	background: url(../images/cafe/icon_dog1.gif) center top  no-repeat;
	width: 40px;
	height: 53px;
	background-size: 40px auto;
}

.icon_dog2{
	background: url(../images/cafe/icon_dog2.gif) center top  no-repeat;
	width: 40px;
	height: 53px;
	background-size: 40px auto;
}
.icon_dog3{
	background: url(../images/cafe/icon_dog3.gif) center top  no-repeat;
	width: 40px;
	height: 53px;
	background-size: 40px auto;
}
.icon_dog4{
	background: url(../images/cafe/icon_dog4.gif) center top  no-repeat;
	width: 40px;
	height: 53px;
	background-size: 40px auto;
}

.icon_pan{
	background: url(../images/cafe/icon_pan.gif) center top  no-repeat;
	width: 40px;
	height: 53px;
	background-size: 40px auto;
}

.icon_sweets{
	background: url(../images/cafe/icon_sweets.gif) center top  no-repeat;
	width: 40px;
	height: 40px;
	background-size: 40px auto;
}


/*-------------------------------
CAFE 特集
-------------------------------*/
/*2018-05-27 index.html*/
.feature_wrap{
	background: #f1f1f1;
}
.feature_wrap .inner{
	padding: 50px 56px 35px;
	margin: 0 auto
}
.feature_wrap .inner_reading{
	padding: 50px 168px 35px;
	margin: 0 auto
}

	@media screen and (max-width: 768px) {
		.feature_wrap .inner,
		.feature_wrap .inner_reading{
			padding: 6% 4%;
		}
	}

.feature_title{
	font-size: 2.0em;
	line-height: 1.3;
	margin-bottom: 12px;
}
.feature_title span{
	font-size: 0.53em;
	font-weight: bold;
	display: block;
}

.review_list a{
	color: #251e1c;
	background: #fff;
	text-decoration: none;
	display: block;
	margin-bottom: 20px;
	padding: 28px 28px 28px 56px;
}

.reviewbox{
	display: table;
	width: 100%;
	position: relative;
}
.reviewbox .left{
	display: table-cell;
	width: 65%;
	vertical-align: top;
	position: relative;
}
.reviewbox .right{
	display: table-cell;
	width: 35%;
	padding-left: 14px;
}
	@media screen and (max-width: 600px) {
		.reviewbox,
		.reviewbox .left,
		.reviewbox .right{
			display: block;
			width: 100%;
		}
		.reviewbox .right{
			padding-left: 0;
			margin-top: 25px;
		}

	}

.reviewbox:hover .right  img{
	opacity: 0.7;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.review_list .tag{
	position: absolute;
	top: -28px;
	left: -56px;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	white-space: nowrap;
	padding: 14px 0;
}
	@media screen and (max-width: 768px) {
		.review_list .tag{
			left: 0;
		}
	}

.feature_wrap .tag{
	font-family: 'Quicksand', sans-serif;
	background: #009a8d;
	color: #fff;
	font-size: 1.14em;
	display: inline-block;
}
.inner_reading .tag{
	padding: 0 7px;
}
.review_list .read{
	position: absolute;
	right: 14px;
	bottom: 0;
	color: #009a8d;
	background: #cadede;
	width: 80px;
	height: 80px;
	text-align: center;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	line-height: 80px;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

	@media screen and (max-width: 768px) {
		.review_list .tag{
			left: -62px;
		}
	}

.feature_wrap .large{
	font-size: 1.42em;
	line-height: 1.4;
	margin-top: 6px;
}
	@media screen and (max-width: 768px) {
		.feature_wrap .large{
			font-size: 1.28em;
		}

	}

.feature_wrap .midori{
	color: #009a8d;
}
.feature_wrap .marker{
	background:rgba(0, 0, 0, 0) linear-gradient(transparent 20%, #ffff66 0%) repeat scroll 0 0
}
.reviewbox:hover .read{
	bottom: 1em;
}
	@media screen and (max-width: 768px) {
		.review_list .read{
			position: relative;
			right: 0;
			bottom: 0;
			width: auto;
			height: auto;
			text-align: center;
			border-radius: 6px;
			-moz-border-radius: 6px;
			-webkit-border-radius: 6px;
			line-height: 1.0;
			padding: 7px 14px;
			display: block;
			margin-top: 20px;
		}
		.reviewbox:hover .read{
			bottom: 0;
		}
	}


/*2018-05-27 その他*/
.pagehead{
	position: relative;
	line-height: 0;
}
.pagename{
	font-size: 0.92em;
	font-weight: bold;
	text-align: right;
	padding: 14px 14px;
	background: #666;
	color: #fff;
}
.review_text{
	font-size: 1.07em;
}
	@media screen and (max-width: 768px) {
		.pagename{
			font-size: 0.82em;
		}
		.review_text{
			font-size: 1.0em;
		}
	}

.review_text div.section_midashi{
	font-size: 1.28em;
	font-weight: bold;
}
.review_text .hr_section{
	margin-top: 50px;
	border-top: 1px solid #aaa;
	padding: 50px 0 40px;
}
	@media screen and (max-width: 600px) {
		.review_text .hr_section{
			margin-top: 40px;
			padding: 40px 0 25px;
		}
	}

.review_text .hr_section p{
	margin-bottom: 25px;
}
.clm2_omake{
	display: table;
	width: 100%;
}
.clm2_omake .item:nth-child(odd){
	width: 60%;
	display: table-cell;
}
.clm2_omake .item:nth-child(even){
	width: 40%;
	display: table-cell;
	vertical-align: top;
	padding-left: 14px;
}
	@media screen and (max-width: 600px) {
		..clm2_omake{
			display: block;
			width: 100%;
		}
		.clm2_omake .item:nth-child(odd),
		.clm2_omake .item:nth-child(even){
			width: 100%;
			display: block;
		}
		.clm2_omake .item:nth-child(even){
			padding: 14px 10%;
		}
	}


.timeschedule{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap:wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 25px;
}
.timeschedule dt{
	width: 30%;
	margin-bottom: 25px;
	background: #ccc;
	padding: 14px 14px 0 14px;
}
.timeschedule dd{
	width: 70%;
	background: #fff;
	padding: 14px;
	margin-bottom: 25px;
}
	@media screen and (max-width: 600px) {
		.timeschedule dt,
		.timeschedule dd{
			width: 100%;
			margin-bottom: 0;
			padding: 14px;
		}
	}

.timeschedule dt span{
	font-size: 0.82em;
	display: block;
}

img.pd{
	padding: 14px 10%;
}

/*-------------------------------
CAFE リクルート　20211026
-------------------------------*/
	@media screen and (max-width: 768px) {
		.br--inline--tab{
			display: none;
		}
	}
	@media screen and (max-width: 567px) {
		.br--inline{
			display: none;
		}
	}

/*  head  */
.recruit-interview--head{
	padding: 5em 0 0 0;
}
.recruit-interview--msg{
	width: 58%;
	padding: 0 2.5em;
	line-height: 2.0;
	font-size: 1.07em;
}
.recruit-interview--profile{
	width: 40%;
}
	@media screen and (max-width: 768px) {
		.recruit-interview--msg{
			width: 100%;
			padding: 3em;
		}
		.recruit-interview--profile{
			width: 100%;
		}
	}
	@media screen and (max-width: 567px) {
		.recruit-interview--head{
			padding-top: 0;
		}
		.recruit-interview--msg{
			padding: 3em 1.25em;
			font-size: 1em;
			line-height: 1.8;
		}
	}


/*  prof  */

.interview-prof-box{
	background: #d6ece9;
	padding: 1.25em 1.75em 4em 1.75em;
}

.interview-prof-title{
	font-weight: bold;
	margin-bottom: .75em;
	font-size: 1.14em;
	text-align: center;
}
.interview-prof-title img{
	width: 25%;
	display: block;
	margin: 0 auto .75em auto;
}
	@media screen and (max-width: 768px) {
		.interview-prof-box{
			padding: 2em 6em 6em 6em;
		}
	}
	@media screen and (max-width: 567px) {
		.interview-prof-box{
			padding: 2em 1.25em 4em;
		}
	}


.profile-box dl{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.profile-box dt{
	width: 5em;
	padding: .25em 0;
	border-bottom: 1px dotted #666;
}
.profile-box dd{
	width: calc(100% - 5em);
	padding: .25em 0;
	border-bottom: 1px dotted #666;
}


/*  内容  */

.recruit-interview{
	background: #f1f1f1;
}
.recruit-interview-inner{
	max-width: 910px;
	width: 91%;
	margin: 0 auto;
	padding: 5em 0;
}
.recruit-interview--body{
	padding: 3em;
}
	@media screen and (max-width: 567px) {
		.recruit-interview-inner{
			padding: 3em 0;
		}
		.recruit-interview--body{
			padding: 2.5em 0;
		}
	}

.recruit-interview--midashi{
	font-size: 1.75em;
	line-height: 1.5;
	margin-bottom: .75em;
}

	@media screen and (max-width: 567px) {
		.recruit-interview--midashi{
			font-size: 1.375em;
		}
	}


.interview-bgbox{
	background: #fff;
	padding: 3.75em 4.5em;
}
	@media screen and (max-width: 567px) {
		.interview-bgbox{
			padding: 3em 1.25em;
		}
	}

.recruit-interview--komidashi{
	font-size: 1.75em;
	line-height: 1.4;
	font-weight: bold;
	margin-bottom: 1.25em;
}
	@media screen and (max-width: 567px) {
		.recruit-interview--komidashi{
			font-size: 1.375em;
		}
	}

.interview-bgbox:nth-child(1) .recruit-interview--komidashi{
	color: #133749;
	border-color: #133749;
}
.interview-bgbox:nth-child(2) .recruit-interview--komidashi{
	color: #92b446;
	border-color: #92b446;
}
.interview-bgbox:nth-child(3) .recruit-interview--komidashi{
	color: #2b988c;
	border-color: #2b988c;
}
.img-size img{
	width: 75%;
	display: block;
	margin: 0 auto;
}
	@media screen and (max-width: 567px) {
		.img-size img{
			width: 90%;
		}
	}


.boxcolor-recruit {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
}
.boxcolor-recruit li{
	padding: 2em;
	margin-bottom: 1em;
	border-radius: .5em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
}
.boxcolor-recruit li:nth-child(1),
.boxcolor-recruit li:nth-child(4){
	width: 49%;
}
.boxcolor-recruit li:nth-child(2),
.boxcolor-recruit li:nth-child(5){
	width: 49%;
}
	@media screen and (max-width: 567px) {
		.boxcolor-recruit li:nth-child(1),
		.boxcolor-recruit li:nth-child(4){
			width: 100%;
		}
		.boxcolor-recruit li:nth-child(2),
		.boxcolor-recruit li:nth-child(5){
			width: 100%;
		}

	}

.boxcolor-recruit li:nth-child(3){
	width: 100%;
}
.boxcolor-recruit li:nth-child(odd){
	background: #d2d9dc;
}
.boxcolor-recruit li:nth-child(even){
	background: #e6e9eb;
}
.boxcolor-recruit li:nth-child(3){
	background: #cfd5d7;
}

/*-------------------------------
CAFE リクルート 3人の〜　202112
-------------------------------*/

.cafe-rcrt-vol2{
	margin: 2em 0;
	font-size: 1.142857em;
}
.cafe-rcrt-vol2-intro{
	background: #dbe0e4;
	color: #627a86;
	font-weight: 500;
	padding: 4em 5.5em;
	margin-bottom: 2em;
}
	@media screen and (max-width: 568px) {
		.cafe-rcrt-vol2{
			font-size: 1em;
		}
		.cafe-rcrt-vol2-intro{
			padding: 2em 1.5em;
		}
	}

.cafe-rcrt-vol2-list .interview-body{
	padding: 4em 5.5em;
	position: relative;
	overflow: hidden;
}
	@media screen and (max-width: 568px) {
		.cafe-rcrt-vol2-list .interview-body{
			padding: 2em 1.5em;
		}
	}

.cafe-rcrt-vol2-list .interview-body:nth-child(1){
	background-image: linear-gradient( 0deg, #f4e49f 10%, #f9f0cd 100%);
}
.cafe-rcrt-vol2-list .interview-body:nth-child(2){
	background-image: linear-gradient( 0deg, #d9e5bf 10%, #eaf2dd 100%);
}
.cafe-rcrt-vol2-list .interview-body:nth-child(3){
	background-image: linear-gradient( 0deg, #d2efeb 10%, #e6f4f4 100%);
}


/* 40s 50s 60s */
.interview-body .no-s{
	font-family: 'Numans', sans-serif; 
	font-size: 19em;
	font-weight: bold;
	letter-spacing: -.15em;
	line-height: 1.0;
	position: absolute;
	right: -.025em;
	top: -.125em;
	z-index: 0;
}
	@media screen and (max-width: 568px) {
		.interview-body .no-s{
			font-size: 12em;
			top: .025em;
			right: -.2em;
		}
	}

.interview-body:nth-child(1) .no-s{
	color: #f4e49f;
}
.interview-body:nth-child(2) .no-s{
	color: #d9e5bf;
}
.interview-body:nth-child(3) .no-s{
	color: #d2efeb;
}

/* インタビュー */
.commentbox{
	padding: 1.25em 0;
}
.interview-body .midashi-tit{
	font-size: 1.375em;
	font-weight: 500;
	position: relative;
	margin-bottom: .75em;
	padding-bottom: .5em;
}
.interview-body .midashi-tit:before{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 6px;
	content: '';
	background-image: -webkit-repeating-linear-gradient(135deg, #251e1c, #251e1c 1px, transparent 2px, transparent 5px);
	background-image: repeating-linear-gradient(-45deg, #251e1c, #251e1c 1px, transparent 2px, transparent 5px);
	background-size: 7px 7px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
/*名前*/
.interview-body .namae-prof{
	position: relative;
	line-height: 1.4;
	z-index: 1;
	margin-bottom: 2em;
}
.interview-body  .namae-prof .eng{
	font-size: 4em;
	font-weight: bold;
	position: relative;
	left: -3px;
}
.interview-body:nth-child(1) .namae-prof .eng{
	color: #e5c636;
}
.interview-body:nth-child(2) .namae-prof .eng{
	color: #92b446;
}
.interview-body:nth-child(3) .namae-prof .eng{
	color: #009a8d;
}
.interview-body .namae-prof .namae{
	font-size: 1.75em;
	font-weight: bold;
	display: inline-block;
	margin-right: .5em;
}
	@media screen and (max-width: 568px) {
		.interview-body  .namae-prof .eng{
			font-size: 3.25em;
			line-height: 1.0;
			margin-bottom: .25em;
		}
		.interview-body  .namae-prof .eng span{
			display: block;
		}
		.interview-body .namae-prof .namae{
			display: block;
			margin-bottom: .5em;
		}
	}

/*プロフィールボタン*/
.interview-body .namae-prof a{
	display: inline-block;
	padding: .25em 1.75em .25em .75em;
	color: #fff;
	font-size: .875em;
	margin-bottom: .5em;
	position: relative;
	top: -4px;
	text-decoration: none
}
.interview-body .namae-prof a:before{
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	right: 8px;
	top: 50%;
	margin-top: -6px;
	border-left: .45em solid #fff;
	border-top: .45em solid transparent;
	border-bottom: .45em solid transparent;
}

.interview-body:nth-child(1) .namae-prof a{
	background: #e5c636;
}
.interview-body:nth-child(2) .namae-prof a{
	background: #92b446;
}
.interview-body:nth-child(3) .namae-prof a{
	background: #009a8d;
}
/*その他*/
.bgbox-thema{
	background: #fff;
	padding: 2em 2em 2em 15em;
	font-size: .875em;
	margin-top: 2em;
	position: relative;
	z-index: 1;
}
.bgbox-thema:before{
	background: url(../feature/2022-01-13/images/bg-thema.jpg) no-repeat bottom left;
	background-size: contain;
	position: absolute;
	content: "";
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
}
.borderbox-matome{
	border: 1px solid #222;
	background: #fff;
	padding: 2em;
	margin-top: 2em;
	color: #222;
}

	@media screen and (max-width: 768px) {
		.bgbox-thema{
			padding-left: 10em;
		}
		.bgbox-thema:before{
			background-size: auto 50%;
		}
	}

	@media screen and (max-width: 567px) {
		.bgbox-thema{
			padding: 2em;
		}
		.bgbox-thema:before{
			background-size: 50% auto;
			opacity: .2;
		}
	}
.fukidashi-prof{
	position: relative;
	display: inline-block;
	font-size: .875em;
	font-weight: 500;
	padding: 1em;
	margin-bottom: 2em;
	border-radius: .5em;
	-moz-border-radius: .5em;
	-webkit-border-radius: .5em;
	color: #fff;
}
.fukidashi-mori{
	background: #92b446;
}
.fukidashi-murayama{
	background: #009a8d;
}

.fukidashi-prof::before{
	content: '';
	position: absolute;
	left: 20px;
	top: -15px;
	display: block;
	width: 0;
	height: 0;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
}
.fukidashi-mori::before{
	border-bottom: 15px solid #92b446;
}
.fukidashi-murayama::before{
	border-bottom: 15px solid #009a8d;
}



/*-------------------------------
CAFE コラム
-------------------------------*/
.column_bg{
	text-align: center;
	padding: 180px 4% 250px 4%;
	background: url(../images/column/column.jpg) center bottom no-repeat;
	background-size: cover;
	color: #fff;
}

.column_menu li:first-child{
	border-top: none;
}
.column_menu li{
	padding: 25px 10px 25px 0;
	position: relative;
	border-top: 1px dotted #dedede
}
.column_menu li a{
	font-size: 1.08em;
	color: #000;
	text-decoration: none;
}
.column_menu li .no{
	background: #666;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	color: #fff;
	padding: 4px 15px;
	margin-right: 16px;
	font-size: 0.86em;
	position: relative;
	top: 0;
	display: inline-block;
}
.column_menu li:nth-child(odd) .no{
	background: #333;
}

.column_menu li .data {
	font-size: 0.86em;
	position: absolute;
	right: 0;
	top:35px;
}

.column_vol {
	text-align: center;
	
}
.column_vol_l {
	text-align: left;
}
.column_vol .title_w,
.column_vol .title_g,
.column_vol .title_g_bw,
.column_vol .title_g_s{
	padding:160px 4%; 
}

/*文字色　白*/

.column_vol .title_w_up{
	padding:140px 4% 140px 4%; 
}

.column_vol .title_w_up2{
	padding:120px 4% 180px 4%; 
}

.column_vol .title_w_up3{
	padding:50px 4% 40px 4%; 
}
.column_vol2 .title_w_up4{
	padding:80px 4% 40px 45%; 
}
.column_vol .title_w_up5{
	padding:110px 4% 110px 4%; 
}

.column_vol .title_w_up5_02{
	padding:100px 4% 110px 	11%; 
}
.column_vol .title_w_up5_l{
	padding:100px 4% 100px 4%; 
}
.column_vol .title_w_up5_rec{
	padding:30px 4% 30px 4%; 
}
.column_vol .title_w_up6{
	padding:60px 4% 160px 4%; 
}
.column_vol .title_w_up7{
	padding:60px 4% 180px 4%; 
}
.column_vol .title_w_up7_02{
	padding:110px 4% 90px 4%; 
}
.column_vol .title_w_up2_r{
	padding:110px 4% 110px 8%; 
}
/*vol.76*/
.column_vol .title_w_up2_r2{
	padding:110px 4% 110px 20%; 
}
.column_vol .title_w_up2_l{
	padding:80px 4% 140px 8%; 
}
/*vol.84*/
.column_vol .title_w_up2_l2{
	padding:90px 19% 130px 2%; 
}
/*vol.85・89*/
.column_vol .title_w_up2_l3{
	padding:110px 30% 110px 4%; 
}
/*vol.106*/
.column_vol .title_w_up5_wide{
	padding:90px 4% 90px 4%; ; 
}


/*文字色　黒*/
.column_vol .title_g_up{
	padding:100px 4% 220px 4%; 
}
.column_vol .title_g_up2_l{
	padding:110px 15% 110px 2%; 
}
.column_vol .title_g_up2_l2{
	padding:80px 13% 140px 10%; 
}
/*vol.79*/
.column_vol .title_g_up2_l3{
	padding:110px 15% 110px 2%; 
}
/*vol.87*/
.column_vol .title_g_up2_l4{
	padding:80px 13% 140px 15%; 
}
/*vol.90*/
.column_vol .title_g_up2_l5{
	padding:80px 13% 140px 12.5%; 
}
/*vol.91*/
.column_vol .title_g_up2_l6{
	padding:80px 13% 140px 17.5%; 
}
/*vol.95*/
.column_vol .title_g_up2_l7{
	padding:110px 25% 110px 2%; 
}
.column_vol .title_g_up2{
	padding:110px 4% 110px 4%; 
}
.column_vol .title_g_up3{
	padding:120px 4% 170px 4%; 
}

.column_vol .title_g_up4{
	padding:80px 4% 190px 4%; 
}

.column_vol .title_g_up5{
	padding:140px 4% 140px 4%; 
}
.column_vol .title_g_up6{
	padding:140px 4% 140px 4%; 
}
.column_vol .title_g_up7{
	padding:110px 4% 90px 4%; 
}

.column_vol .title_g_up8{
	padding:60px 4% 160px 4%; 
}
.column_vol .title_g_up9{
	padding:40px 4% 180px 4%; 
}
.column_vol .title_g_up9_lh{
	padding:30px 4% 190px 4%; 
}

.column_vol .title_g_bw2{
	padding:120px 4% 130px 4%; 
}
.column_vol .title_g_btm{
	padding:220px 4% 60px 4%; 
}
/*vol.63・vol.83*/
.column_vol .title_g_up2_r,
.column_vol .title_g_up2_r5,
.column_vol .title_g_up2_r6{
	padding:110px 4% 110px 20%; 
}
/*vol.66*/
.column_vol .title_g_up2_r2{
	padding:60px 4% 160px 20%; 
}
/*vol.74*/
.column_vol .title_g_up2_r3{
	padding:110px 4% 110px 30%; 
}
/*vol.78*/
.column_vol .title_g_up2_r4{
	padding:110px 1% 110px 50%; 
}
/*vol.94*/
.column_vol .title_g_up5_02{
	padding:100px 4% 110px 	11%; 
}
/*vol.98*/
.column_vol .title_g_up5_r{
	padding:60px 4% 130px 11%; 
}
/*vol.100*/
.column_vol .title_g_up5_r_02{
	padding:110px 4% 110px 20%; 
	
}

/*vol.103*/
.column_vol .title_g_btm3{
	padding:90px 4% 145px 8%; 
	line-height: 1.5em;
}

.column_vol .title_g_btm2{
	padding:175px 4% 65px 4%; 
	line-height: 1.35em;

}

/*冒頭キャッチの位置合わせ*/
.p_right{
	padding-right: 1em;
}
.p_right2{
	padding-right: 3.8em;
}
.column_body{
	background: #efefef;
	padding: 50px 0;
}
.column_body_00{
	background: #efefef;
	padding: 50px 0;
	
 }
.column_body_w{
	background: #fff;
	padding: 50px 0;
}
.column_footer{
	background: #ccc;
	padding: 14px;
	font-size: 0.86em;
}
.column_footer div{
	font-size: 1.08em;
}
.br-sp { display:none; }

.column_2clm_thumb{
	display: table;
	width: 100%;
}
.column_2clm_thumb .itembox:nth-child(odd){
	display: table-cell;
	width:60%;
	vertical-align: middle;
}
.column_2clm_thumb .itembox:nth-child(even){
	display: table-cell;
	width: 40%;
	vertical-align: middle;
	padding-left: 28px;
}
.thumbnail_l{
	float: left;
	width: 40%;
	padding: 38px 28px 28px 0;
}
.thumbnail_ll{
	float: left;
	width: 70%;
	padding: 38px 28px 28px 0;
}
.thumbnail_lm{
	float: left;
	width: 50%;
	padding: 38px 28px 28px 0;
}
.thumbnail_ls{
	float: left;
	width: 30%;
	padding: 38px 28px 28px 0;
}
.thumbnail_lxs{
	float: left;
	width: 25%;
	padding: 38px 28px 28px 0;
}
.thumbnail_r{
	float: right;
	width: 40%;
	padding: 38px 0 28px 28px;
}

.thumbnail_rs{
	float: right;
	width: 30%;
	padding: 38px 0 28px 28px;
}

.thumbnail_rxs{
	float: right;
	width: 25%;
	padding: 38px 0 28px 28px;
}

.thumbnail_rmin{
	float: right;
	width: 22%;
	padding: 38px 0 28px 28px;
}
.thumbnail_rxmin{
	float: right;
	width: 19%;
	padding: 38px 0 28px 28px;
}
.thumbnail_r2{
	float: right;
	width: 40%;
	padding: 0 0 0 28px;
}
.thumbnail_r3{
	float: right;
	width: 40%;
	padding: 0 0 0 28px;
	float: right;
}
.thumbnail_rm{
	float: right;
	width: 50%;
	padding: 38px 0 28px 28px;
}

.thumbnail_c{
	 display: block;
     margin:auto;
}
.thumbnail_cl{
	 display: block;
     margin:auto;
	 width: 80%;
}
.thumbnail_cm{
	 display: block;
     margin:auto;
	 width: 60%;
}
.thumbnail_cs{
	 display: block;
     margin:auto;
	 width: 40%;
}
.thumbnail_cxs{
	 display: block;
     margin:auto;
	 width: 25%;
}


/*bg________________*/
#vol1 .column_vol {
	background: url(../images/column/vol1.jpg) center;
	background-size: cover;
}
#vol2 .column_vol {
	background: url(../images/column/vol2.jpg) center;
	background-size: cover;
}
#vol3 .column_vol {
	background: url(../images/column/vol3.jpg) left bottom no-repeat;
	background-size: cover;
}

#vol4 .column_vol {
	background: url(../images/column/vol4.jpg) center;
	background-size: cover;
}

#vol5 .column_vol {
	background: url(../images/column/vol5.jpg) left bottom no-repeat;
	background-size: cover;
}

#vol6 .column_vol {
	background: url(../images/column/vol6.jpg) left bottom no-repeat;
	background-size: cover;
}

#vol7 .column_vol {
	background: url(../images/column/vol7.jpg) left bottom no-repeat;
	background-size: cover;
}
#vol8 .column_vol {
	background: url(../images/column/vol8.jpg) left bottom no-repeat;
	background-size: cover;
}
#vol9 .column_vol {
	background: url(../images/column/vol9.jpg) left bottom no-repeat;
	background-size: cover;
}
#vol10 .column_vol {
	background: url(../images/column/vol10.jpg) center;
	background-size: cover;
}

#vol11 .column_vol {
	background: url(../images/column/vol11.jpg) center;
	background-size: cover;
}

#vol12 .column_vol {
	background: url(../images/column/vol12.jpg) center;
	background-size: cover;
}
#vol13 .column_vol {
	background: url(../images/column/vol13.jpg) center;
	background-size: cover;
}

#vol14 .column_vol {
	background: url(../images/column/vol14.jpg) center;
	background-size: cover;
}

#vol15 .column_vol {
	background: url(../images/column/vol15.jpg) center;
	background-size: cover;
}

#vol16 .column_vol {
	background: url(../images/column/vol16.jpg) center;
	background-size: cover;
}
#vol17 .column_vol {
	background: url(../images/column/vol17.jpg)  center;
	background-size: cover;
}
#vol18 .column_vol {
	background: url(../images/column/vol18.png) left center no-repeat;
	background-size: cover;
	border: 10px solid #eac056;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#vol19 .column_vol {
	background: url(../images/column/vol19.jpg) center;
	background-size: cover;
}

#vol20 .column_vol {
	background: url("../images/column/vol20.jpg") center;
	background-size: cover;
	border: 10px solid #f1f1f1;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#vol21 .column_vol {
	background: url(../images/column/vol21.jpg)  center;
	background-size: cover;
}

#vol22 .column_vol {
	background: url(../images/column/vol22.jpg)  center;
	background-size: cover;
}

#vol23 .column_vol {
	background: url(../images/column/vol23.jpg)  left top no-repeat;
	background-size: cover;
}

#vol24 .column_vol {
	background: url(../images/column/vol24.jpg)  center;
	background-size: cover;
}

#vol25 .column_vol {
	background: url("../images/column/vol25.jpg")  center;
	background-size: cover;
}

#vol26 .column_vol {
	background: url("../images/column/vol26.jpg")  center;
	background-size: cover;
}

#vol27 .column_vol {
	background: url("../images/column/vol27.jpg")  center;
	background-size: cover;
}

#vol28 .column_vol {
	background: url(../images/column/vol28.jpg) center;
	background-size: cover;
}

#vol29 .column_vol {
	background: url("../images/column/vol29.jpg") center;
	background-size: cover;
}

#vol30 .column_vol {
	background: url("../images/column/vol30.jpg") center;
	background-size: cover;
}

#vol31 .column_vol {
	background: url("../images/column/vol31.jpg") center;
	background-size: cover;
	
}

#vol32 .column_vol {
	background: url("../images/column/vol32.jpg") center;
	background-size: cover;
	
}
#vol33 .column_vol {
	background: url("../images/column/vol33.jpg") center;
	background-size: cover;
	
}
#vol34 .column_vol {
	background: url("../images/column/vol34.jpg") center;
	background-size: cover;
	border: 7px solid #f1f1f1;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#vol35 .column_vol {
	background: url("../images/column/vol35.jpg") center;
	background-size: cover;
}
#vol36 .column_vol {
	background: url("../images/column/vol36.jpg") center;
	background-size: cover;
	border: 2px solid #f1f1f1;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#vol37 .column_vol {
	background: url("../images/column/vol37.jpg") bottom no-repeat;
	background-size: cover;
    border: 2px solid #f1f1f1;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#vol38 .column_vol {
	background: url("../images/column/vol38.jpg") center;
	background-size: cover;
	border: 2px solid #f1f1f1;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#vol39 .column_vol {
	background: url("../images/column/vol39.jpg")  center no-repeat;
	background-size: cover;
}
#vol40 .column_vol {
	background: url("../images/column/vol40.jpg") center no-repeat;
	background-size: cover;
}
#vol41 .column_vol {
	background: url("../images/column/vol41.jpg") center no-repeat;
	background-size: cover;
}
#vol42 .column_vol {
	background: url("../images/column/vol42.jpg") center no-repeat;
	background-size: cover;
}
#vol43 .column_vol {
	background: url("../images/column/vol43.jpg") center no-repeat;
	background-size: cover;
	 border: 2px solid #f1f1f1;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#vol44 .column_vol {
	background: url("../images/column/vol44.jpg") center no-repeat;
	background-size: cover;
}
#vol45 .column_vol {
	background: url("../images/column/vol45.jpg") center no-repeat;
	background-size: cover;
}
#vol46 .column_vol {
	background: url("../images/column/vol46.jpg") center no-repeat;
	background-size: cover;
	 border: 2px solid #f1f1f1;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#vol47 .column_vol {
	background: url("../images/column/vol47.jpg") center no-repeat;
	background-size: cover;
    border: 2px solid #f1f1f1;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#vol48 .column_vol {
	background: url("../images/column/vol48.jpg") center no-repeat;
	background-size: cover;
    border: 1px solid #C3C3C3;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#vol49 .column_vol {
	background: url("../images/column/vol49.jpg") left no-repeat;
	background-size: cover;
     border: 1px solid #C3C3C3;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#vol50 .column_vol {
	background: url("../images/column/vol50.jpg") center no-repeat;
	background-size: cover;
	border: 1px solid #C3C3C3;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	
}
#vol51 .column_vol {
	background: url("../images/column/vol51.jpg") center no-repeat;
	background-size: cover;
}
#vol52 .column_vol {
	background: url("../images/column/vol52.jpg") center repeat-y;
	background-size: contain;
}
#vol53 .column_vol {
	background: #000 url("../images/column/vol53.jpg")center no-repeat;
	background-size: cover;
}
#vol53 .column_vol span{
	font-weight: bold;
}
#vol54 .column_vol {
	background: url("../images/column/vol54.jpg")center no-repeat;
	background-size: cover;
	border: 1px solid #f1f1f1;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#vol55 .column_vol {
	background: url("../images/column/vol55.jpg") center no-repeat;
	background-size: cover;
}
#vol56 .column_vol {
	background: url("../images/column/vol56.jpg") center no-repeat;
	background-size: cover;
}
#vol57 .column_vol {
	background: url("../images/column/vol57.jpg") center no-repeat;
	background-size: cover;
}
#vol58 .column_vol {
	background: url("../images/column/vol58.jpg") center no-repeat;
	background-size: cover;
}
#vol59 .column_vol {
	background: url("../images/column/vol59.jpg") center no-repeat;
	background-size: cover;
}
#vol60 .column_vol {
	background: url("../images/column/vol60.jpg") center no-repeat;
	background-size: cover;
}
#vol61 .column_vol {
	background: url("../images/column/vol61.jpg") center no-repeat;
	background-size: cover;
}
#vol62 .column_vol {
	background: url("../images/column/vol62.jpg") center no-repeat;
	background-size: cover;
}
#vol63 .column_vol {
	background: url("../images/column/vol63.jpg") center no-repeat;
	background-size: cover;
}
#vol64 .column_vol {
	background: url("../images/column/vol64.jpg") center no-repeat;
	background-size: cover;
}
#vol65 .column_vol {
	background: url("../images/column/vol65.jpg")bottom no-repeat;
	background-size: cover;
	border: 1px solid #f1f1f1;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#vol66 .column_vol {
	background: url("../images/column/vol66.jpg") center no-repeat;
	background-size: cover;
}
#vol67 .column_vol {
	background: url("../images/column/vol67.jpg") center no-repeat;
	background-size: cover;
}
#vol68 .column_vol {
	background: url("../images/column/vol68.jpg")bottom no-repeat;
	background-size: cover;
}
#vol69 .column_vol {
	background: url("../images/column/vol69.jpg")bottom no-repeat;
	background-size: cover;
}
#vol70 .column_vol {
	background: url("../images/column/vol70.jpg")center no-repeat;
	background-size: cover;
}
#vol71 .column_vol {
	background: url("../images/column/vol71.jpg")center no-repeat;
	background-size: cover;
}
#vol72 .column_vol {
	background: url("../images/column/vol72.jpg")right no-repeat;
	background-size: cover;
}
#vol73 .column_vol {
	background: url("../images/column/vol73.jpg") center no-repeat;
	background-size: cover;
}
#vol74 .column_vol {
	background: url("../images/column/vol74.jpg") left no-repeat;
	background-size: cover;
}
#vol75 .column_vol {
	background: url("../images/column/vol75.jpg") center no-repeat;
	background-size: cover;
}
#vol76 .column_vol {
	background: url("../images/column/vol76.jpg") center no-repeat;
	background-size: cover;
}
#vol77 .column_vol {
	background: url("../images/column/vol77.jpg") center no-repeat;
	background-size: cover;
}
#vol78 .column_vol {
	background: url("../images/column/vol78.jpg") center no-repeat;
	background-size: cover;
}
#vol79 .column_vol {
	background: url("../images/column/vol79.jpg") center no-repeat;
	background-size: cover;
}
#vol80 .column_vol {
	background: url("../images/column/vol80.jpg")right no-repeat;
	background-size: cover;
}
#vol81 .column_vol {
	background: url("../images/column/vol81.jpg") center no-repeat;
	background-size: cover;
}
#vol82 .column_vol {
	background: url("../images/column/vol82.jpg")bottom no-repeat;
	background-size: cover;
}
#vol83 .column_vol {
	background: url("../images/column/vol83.jpg") left no-repeat;
	background-size: cover;
}
#vol84 .column_vol {
	background: url("../images/column/vol84.jpg") left no-repeat;
	background-size: cover;
}
#vol85 .column_vol {
	background: url("../images/column/vol85.jpg") right no-repeat;
	background-size: cover;
}
#vol86 .column_vol {
	background: url("../images/column/vol86.jpg") left no-repeat;
	background-size: cover;
}
#vol87 .column_vol {
	background: url("../images/column/vol87.jpg") left no-repeat;
	background-size: cover;
}
#vol88 .column_vol {
	background: url("../images/column/vol88.jpg") center bottom no-repeat;
	background-size: contain;
}
#vol89 .column_vol {
	background: url("../images/column/vol89.jpg") right no-repeat;
	background-size: cover;
}
#vol90 .column_vol {
	background: url("../images/column/vol90.jpg") center bottom no-repeat;
	background-size: cover;
}
#vol91 .column_vol {
	background: url("../images/column/vol91.jpg") center bottom no-repeat;
	background-size: cover;
}
#vol92 .column_vol {
	background: url("../images/column/vol92.jpg") center bottom no-repeat;
	background-size: cover;
}
#vol93 .column_vol {
	background: url("../images/column/vol93.jpg") center no-repeat;
	background-size: cover;
}
#vol94 .column_vol {
		background: url("../images/column/vol94.jpg") left no-repeat;
	background-size: cover;
	border: 1px solid #C3C3C3;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
	
}
#vol95 .column_vol {
	background: url("../images/column/vol95.jpg") right no-repeat;
	background-size: cover;
}
#vol96 .column_vol {
	background: url("../images/column/vol96.jpg") center no-repeat;
	background-size: cover;
	border: 1px solid #f1f1f1;
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#vol97 .column_vol {
	background: url("../images/column/vol97.jpg") center no-repeat;
	background-size: cover;
}
#vol98 .column_vol {
	background: url("../images/column/vol98.jpg") center no-repeat;
	background-size: cover;
}
#vol99 .column_vol {
	background: url("../images/column/vol99.jpg") bottom no-repeat;
	background-size: cover;
}
#vol100 .column_vol {
	background: url("../images/column/vol100.jpg") bottom no-repeat;
	background-size: cover;
	border: 1px solid #C3C3C3;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#vol101 .column_vol {
	background: url("../images/column/vol101.jpg") center bottom no-repeat;
	background-size: contain;
}
#vol102 .column_vol {
	background: url("../images/column/vol102.jpg") bottom no-repeat;
	background-size: cover;
}
#vol103 .column_vol {
	background: url("../images/column/vol103.jpg") bottom no-repeat;
	background-size: cover;
	border: 2px solid #f1f1f1;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#vol104 .column_vol {
	background: url("../images/column/vol104.jpg") bottom no-repeat;
	background-size: cover;
}
#vol105 .column_vol {
	background: url("../images/column/vol105.jpg") left no-repeat;
	background-size: cover;
}
#vol106 .column_vol {
	background: url("../images/column/vol106.jpg") right bottom no-repeat;
	background-size: cover;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc1 { display: block !important; }
.sp1 { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される 
@media only screen and (max-width: 750px) {
.pc1 { display: none !important; }
.sp1 { display: none !important; }
}*/

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc2 { display: block!important; }
.sp2 { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される*/
@media only screen and (max-width: 768px) {
.pc2 { display: none !important; }
.sp2 { display: block!important; }
} 

/* コラム写真 flex版
--------------------- */
.thumb-width610{
	max-width: 610px;
	width: 100%;
	margin: 0 auto;
}
.thumb-widthfull{
	
	width: 100%;
	margin: 0 auto;
}
/* テキストの横 写真配置 01 */
.column-left-txt{
	width: calc(100% - 300px);
	padding-right: 20px;
}
.column-right-img{
	width: 300px;
}
/* テキストの横 写真配置 02 */
.column-left-txt-200{
	width: calc(100% - 200px);
	padding-right: 20px;
}
.column-right-img-200{
	width: 200px;
}

/* 2列配置 */
.column-clm2{
	width: calc(50% - .5em);
	margin-top: 1.5em;
}
.column-clm2-block{
	width: calc(50% - .5em);
	margin-top: 1.5em;
}
/* 3列配置 */
.column-clm3{
	width: calc(33% - .5em);
	margin-top: 1.5em;
}
.column-clm3-block{
	width: calc(33% - .5em);
	margin-top: 1.5em;
}
/* 4列配置 */
.column-clm4{
	width: calc(25% - .5em);
	margin-top: 1.5em;
}
.column-clm4-block{
	width: calc(25% - .5em);
	margin-top: 1.5em;
}
	@media screen and (max-width: 768px) {
		.column-left-txt,
		.column-left-txt-200{
			width: 100%;
			padding-right: 0;
		}
		.column-right-img,
		.column-right-img-200{
			text-align: center;
			width: 100%;
			margin-top: 1.5em;
		}
		.column-clm2-block{
			width: 100%;
		}
		.column-clm4{
			width: calc(50% - .5em);
			
		}
	}


	

/* spring2020 */
#spring2020 .column_vol {
	background: url("../images/cafe/bg_spring2020.jpg") left no-repeat;
	background-size: cover;
	
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#spring2020 .column_vol2 {
	background: url("../images/cafe/bg_spring2020_btm.jpg") right bottom no-repeat;
	background-size: cover;
	
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* radio2021 */
#radio2021 .column_vol {
	background: url("../images/cafe/bg_radio2021.jpg") left no-repeat;
	background-size: cover;
	
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.radio_block {
	
	font-size: 1.2em;
	color: #fff;
	text-decoration: none;
	
}
.radio_block .radi01{
    padding: 12px 20px;
	background: #b1d054;
}
.radio_block .radi02{
    padding: 12px 20px;
	background: #5d968a;
}
.list_radio li{
	border-bottom: none;
	padding: 0 0 10px 0;
}
.list_radio02 li{

	padding: 0px 0 20px 0;
}
.radio_pro{
	margin: 30px 0 20px 10px;
}

.min{
	font-family: 'Noto Serif JP', serif;
}

.lsp_wide{
	letter-spacing: 0.11em;
}
.radio_block .radi03{
	width: 100%;
    padding: 8px 20px;
	background: #bbb;
}

audio {
 width: 20%;

}
#skill {
  display: inline-block;
  width: 20%;
  
  padding: 0.5em 2em;
  border-radius: .75em;
  -moz-border-radius: .75em;
  -webkit-border-radius: .75em;
  cursor: pointer;
 border: #b1d054 1px solid;
  background-size: 2em auto;
}
#sence {
  display: inline-block;
  width: 20%;
  color: #fff;
  padding: 0.5em 2em;
  border-radius: .75em;
  -moz-border-radius: .75em;
  -webkit-border-radius: .75em;
  cursor: pointer;
  background: #5d968a;
  background-size: 2em auto;
}

#skill:hover, #sence:hover {
  opacity: 60%;
}
.radiobox span {
	padding-left: 1em;
	display: inline;
}
/*
#skill {
  display: inline-block;
  width: 20%;
  color: #fff;
  padding: 0.5em 2em;
  border-radius: .75em;
  -moz-border-radius: .75em;
  -webkit-border-radius: .75em;
  cursor: pointer;
  background: #b1d054 url("../cafe/radio/play_w.svg") no-repeat 80% center;
  background-size: 2em auto;
}
#sence {
  display: inline-block;
  width: 20%;
  color: #fff;
  padding: 0.5em 2em;
  border-radius: .75em;
  -moz-border-radius: .75em;
  -webkit-border-radius: .75em;
  cursor: pointer;
  background: #5d968a url("../cafe/radio/play_w.svg") no-repeat 80% center;
  background-size: 2em auto;
}
.radiobox .skill{
	background: #b1d054 url("../cafe/radio/play_w.svg") no-repeat 97% center;
	background-position: 96% .75em;
}
.radiobox .sence{
	background: #5d968a url("../cafe/radio/play_w.svg") no-repeat 97% center;
	background-size: 3em auto;
}
 */
.radiobox{
	margin: 0.5em;
}
	@media screen and (max-width: 568px) {
		.radiobox{
			width: 100%;
			margin-bottom: 0.5em;
		}
	}

/* recruit2021 */
#recruit2021 .column_vol {
	background: url("../images/cafe/bg_recruit2021.jpg") left no-repeat;
	background-size: cover;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#recruit2021 .title_w_up5_rec{
	font-size: 2.4em;
	font-weight: bold;
	color: #fff;
}
	@media screen and (max-width: 568px) {
		#recruit2021 .title_w_up5_rec{
			font-size: 1.95em;
			line-height: 1.5;
		}
	}

/* hotto2022 */
#hotto2022 .column_vol {
	background: url("../images/cafe/bg_hotto2022.jpg") left no-repeat;
	background-size: cover;
	
	-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#hotto2022 .title_w_up5_rec{
	font-size: 1.5em;
	font-weight: bold;
	color: #fff;
}
	@media screen and (max-width: 568px) {
		#hotto2022 .title_w_up5_rec{
			font-size: 1.95em;
			line-height: 1.5;
		}
	}
#hotto2022 .gray_border li{
	padding-bottom: 30px;
	margin-bottom: 20px;
	line-height: 1.9;
}
#hotto2022 .column_menu li:first-child{
	border-top: none;
}
#hotto2022 .column_menu li{
	padding: 25px 10px 25px 0;
	position: relative;
	border-top: 1px dotted #dedede
}
#hotto2022 .column_menu li a{
	font-size: 1.03em;
	color: #2b988c;
	text-decoration: none;
	font-weight: bold;
	flex-flow: wrap;
}


#hotto2022 .column_menu li .data {
	font-size: 0.86em;
	position: absolute;
	right: 0;
	top:30px;
}

/*-------------------------------
youtube
-------------------------------*/
.pagetitle--headerbg{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 290px;
}
.pagetitle--headerbg div.fs-white-eng{
	font-size: 3rem;
	font-weight: bold;
	color: #fff;
	font-family: 'Lato', sans-serif;
}
#youtube2022 .pagetitle--headerbg{
	background: #306f1e url("../images/cafe/bg_youtube2022.png") no-repeat right bottom;
	background-size: contain;
}
	/* SPだけ */
	@media screen and (max-width: 567px) {
		#youtube2022 .pagetitle--headerbg{
			background-size: auto 67%;
		}
	}
.youtube-item{
	margin-top: 3em;
}
.youtube-item:first-child{
	margin-top: 1em;
}
.youtube-item .vol-bgc {
	margin-bottom: 1em;
	padding-left: 1.25em;
	border-left: solid 8px #2b988c;
	font-size: 1.08em;
	line-height: 1.5;
	font-weight: bold;
}
.youtube-item .vol{
	color: #2b988c;
	font-weight: bold;
}
.youtube-item .upday{
	display: block;
	font-size: .875em;
	text-align: right;
}
.youtube-frame{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.youtube-frame iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}
.btm_yt img{
	width: 15%;
	display: block;
}
	@media screen and (max-width: 567px) {
		.btm_yt img{
			width: 30%;
		}
	}
/*-------------------------------
youtube 2024〜
-------------------------------*/
#youtube-channel .pagetitle-headerimg{
	background: url(../images/cafe/head-youtube.jpg) no-repeat center;
	background-size: contain;
	height: 320px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
#youtube-channel .pagetitle-headerimg img{
	display: block;
	max-width: 320px;
	height: auto;
	width: 50%;
	margin: 0 auto;
}
#youtube-channel .column_body{
	background: #e5e7ea;
}
.youtube-midashi{
	font-size: 1.5em;
	line-height: 1.5;
	text-align: center;
}
.youtube-body{
	font-size: 16px;
	max-width: 860px;
	margin: 0 auto;
	width: 88%;
}
.youtube-about-list{
	margin-top: 2.5em;
}
.youtube-about-list li{
	font-size: .9em;
	background: #ffda2a;
	padding: 2em 9% 2.25em;
	border-radius: 1.5em;
	margin-bottom: 1.5em;
}
.youtube-about-list li .tit{
	font-size: 1.125em;
	font-weight: bold;
	line-height: 1.5;
	border-bottom: 1px solid;
	text-align: center;
	margin-bottom: 1em;
	padding-bottom: .75em;
}
.youtube-img{
	width: 95%;
	margin: 2em auto 0;
	display: block;
}
.youtube-list-body{
	max-width: 1000px;
	width: 91%;
	margin: 1em auto 0;
}
.flex-channel{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-end;
	margin-bottom: 1em;
}
.flex-channel img{
	width: 200px;
	margin-right: 1.5em;
	display: inline-block;
}
.flex-channel a{
	font-size: 1.075em;
	font-weight: bold;
	margin-left: 1em;
	padding-right: 1.25em;
	position: relative;
}
.flex-channel a:after{
	position: absolute;
	top: .5em;
	right: 0;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
	height: .75em;
	aspect-ratio: .75;
	background-color: #2b988c;
	content: "";
}
.youtube-list-body ul.movie-list,
.youtube-list-body ul.short-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.youtube-list-body ul.movie-list li a,
.youtube-list-body ul.short-list li a{
	line-height: 0;
	display: block;
	overflow: hidden;
	transition: .3s all;
}
.youtube-list-body ul.movie-list li a{
	aspect-ratio: 16/9;
}
.youtube-list-body ul.movie-list li img,
.youtube-list-body ul.short-list li img{
	transition: .3s all;
}
.youtube-list-body ul.movie-list li img{
	transform: scale(1.015);
}
.youtube-list-body ul.movie-list li a:hover,
.youtube-list-body ul.short-list li a:hover{
	opacity: .5;
}
.youtube-list-body ul.movie-list li a:hover img,
.youtube-list-body ul.short-list li a:hover img{
	transform: scale(1.1);
}


.youtube-list-body ul.movie-list li{
	width: calc(100% / 4 - 1.25em);
	margin-top: 1.25em;
}
.youtube-list-body ul.short-list li{
	width: calc(100% / 6 - 1.25em);
	margin-top: 1.25em;
}
.tit-youtube-short{
	text-align: center;
	margin-top: 1.5em;
}
.tit-youtube-short span{
	font-size: 1.5em;
	font-weight: bold;
	background: url(../images/cafe/btn-short-youtube.png) no-repeat left center;
	background-size: 1em;
	padding-left: 1.5em;
}
/*-------------------------------
vision 3つの眼力で観る・視る・診る。
-------------------------------*/
#vision{
	font-size: 16px;
}
.vision-top{
	width: 100%;
	aspect-ratio: 1170/450;
	background: #fbfaf8 url(../images/vision/top.jpg) no-repeat right 85%;
	background-size: 100% auto;
	display: flex;
	align-items: center;
	padding-left: 8%;
}
.vision-top div{
	font-family: 'Noto Serif JP', serif;
	font-size: 2.5em;
	line-height: 1.5;
	color: #454545;
}
	@media screen and (max-width: 768px) {
		#vision{
			font-size: 14px;
		}
		.vision-top {
			padding-left: 6%;
		}
		.vision-top div{
			font-size: 2em;
		}
	}
	@media screen and (max-width: 500px) {
		.vision-top{
			aspect-ratio: 16/9;
			padding-left: 5%;
		}
		.vision-top div{
			font-size: 1.75em;
		}
	}
.vision-about{
	max-width: 960px;
	width: 90%;
	margin: 3.5em auto 6em;
	line-height: 2;
}
.vision-copy{
	font-size: 1.625em;
	line-height: 1.6;
	text-align: center;
	margin-bottom: 1.5em;
}
.vision-body{
	background: #f9f5f2;
	border-radius: .25em;
	padding: 0 0 3em 0;
	margin-top: 5.5em;
	position: relative;
	-webkit-box-shadow: 0 .25em 1em 0 rgba(0, 0, 0, .15);
}
	@media screen and (max-width: 768px) {
		.vision-copy{
			font-size: 1.5em;
		}
		.vision-body{
			margin-top: 4.5em;
		}
	}

.vision-tit{
	color: #454545;
	font-family: 'Noto Serif JP', serif;
	font-size: 1.75em;
	font-weight: 500;
	line-height: 1.5;
	text-align: center;
	position: relative;
	top: -1.125em;
}
.vision-tit span.c-midori{
	font-weight: bold;
	font-size: 1.25em;
	padding: 0 .125em;
}
.vision-txt{
	max-width: 960px;
	width: 90%;
	margin: 1em auto 1.5em;
}
.point-3service{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: calc(100% - 3.5em);
	margin: 5.25em auto 0;
}

.point-3service li{
	width: calc(100% / 3 - .75em);
	color: #fff;
	font-weight: 500;
	padding: 0 1.75em 2em 1.75em;
}
	@media screen and (max-width: 768px) {
		.point-3service{
			display: block;
			width: 90%;
			margin: 4.5em auto 0;
		}
		.point-3service li{
			width: 100%;
			margin-bottom: 4em;
		}
		.point-3service li:last-child{
			margin-bottom: 0;
		}
		.vision-tit span.block{
			display: block;
		}
		.vision-txt{
			margin-top: 0;
		}
	}

.point-3service li .tit{
	font-size: 1.25em;
	line-height: 1.4;
	font-weight: bold;
	position: relative;
	top: -2em;
	text-align: center;
}
.point-3service a.white{
	color: #fff;
	font-weight: 600;
}
.point-3service a.arw{
	color: #fff;
	position: relative;
	padding-right: 1em;
	display: inline-block;
	margin-right: 1em;
}
.point-3service a.arw:before{
	position: absolute;
	top: .5em;
	right: 0;
	width: .5em;
	height: .75em;
	background: #fff;
	content: "";
	clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
.point-3service li:nth-child(1){
	background: #2b988c;
}
.point-3service li:nth-child(2){
	background: #df9c36;
}
.point-3service li:nth-child(3){
	background: #697984;
}
.point-3service li:nth-child(1) .tit{
	color: #2b988c;
}
.point-3service li:nth-child(2) .tit{
	color: #df9c36;
}
.point-3service li:nth-child(3) .tit{
	color: #697984;
}
.vision-matome{
	font-family: 'Noto Serif JP', serif;
	color: #454545;
	padding: 0 5%;
	font-size: 1.25em;
	margin: 4em auto 0;
	padding-bottom: 5em;
	line-height: 2;
	border-bottom: 1px solid #eee;
}
	@media screen and (max-width: 768px) {
		.vision-matome{
			border-bottom: none;
			margin-top: 3em;
			padding-bottom: 4em;
		}
	}
/*-------------------------------
10th
-------------------------------*/
#anniversary10th{
	font-size: 16px;
	color: #3c2a2a;
}
	@media screen and (max-width: 768px) {
		#anniversary10th{
			font-size: 14px;
		}
	}

#anniversary10th img.top-img{
	display: block;
	line-height: 0;
}
.box-10th{
	background: url(../images/10th/bg-10th.png) no-repeat center top;
	background-size: 100% auto;
	padding-top: 7em;
}
	@media screen and (max-width: 768px) {
		.box-10th{
			background-size: 140% auto;
		}
	}

.inner-10th{
	max-width: 960px;
	width: 95%;
	margin: 0 auto;
}
.eventbox-10th-title{
	position: relative;
	color: #3c2a2a;
	font-size: 2.75em;
	font-weight: bold;
	line-height: 0.5;
	margin-top: 1.75em;
	text-align: center;
	z-index: 1;
	font-family: "Quicksand", sans-serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;
}
.eventbox-10th{
	background: #fee78a url(../images/10th/bg-10th-opacity.png) no-repeat center top;
	background-size: 100% auto;
	position: relative;
	padding: 5em 3.5em 3em;
	border-radius: 34px;
	box-shadow: 0 0 2em rgba(100, 100, 100, .125);
}
.eventbox-10th:after{
	position: absolute;
	top: 50%;
	left: 50%;
	width: calc(100% - 2.5em);
	height: calc(100% - 2.5em);
	border: 1px solid #fff;
	transform: translate(-50%,-50%);
	content: "";
	border-radius: 26px;
}
.eventbox-10th-flex{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	line-height: 1.5;
	margin-bottom: 1em;
}
.tit-season{
	width: 200px;
	font-size: 1.25em;
	font-weight: 600;
	color: #009a8d;
	margin-bottom: 1.25em;
	font-family: "Quicksand", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
}
.event-wrap{
	width: calc(100% - 200px);
	margin-bottom: 1.25em;
}
	@media screen and (max-width: 768px) {
		.eventbox-10th-title{
			font-size: 1.75em;
			letter-spacing: 0;
		}
		.eventbox-10th{
			padding: 3.5em 3em;
		}
		.tit-season{
			width: 100%;
			margin-bottom: .5em;
		}
		.event-wrap{
			width: 100%;
		}
	}

.event-wrap li{
	background: #009a8d;
	border-left: 7px solid #3c2a2a;
	padding: 1em;
	color: #fff;
	margin-bottom: .5em;
}
.event-wrap li div{
	font-weight: bold;
}
.flex-event-tit{
	display: flex;
	flex-wrap: wrap;
}
.flex-event-tit .day{
	width: 7rem;
	font-size: 1.3125em;
	color: #fee78a;
	font-family: "Quicksand", sans-serif;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
}
.flex-event-tit .tit{
	width: calc(100% - 7rem);
	margin-top: .15em;
}
.flex-event-tit .tit a{
	color: #fff;
	font-weight: bold;
}
.flex-event-tit .tit a:after{
	content: "▶︎";
}
	@media screen and (max-width: 500px) {
		.flex-event-tit .day{
			width: 100%;
		}
		.flex-event-tit .tit{
			width: 100%;
		}
	}


/*
.tit-season{
	font-size: 1.25em;
	font-weight: 600;
}
.eventbox-10th li{
	background: #009a8d;
	border-left: 7px solid #3c2a2a;
	padding: 1em;
	color: #fff;
	margin-bottom: .75em;
	line-height: 1.5;
}
.eventbox-10th li div{
	font-weight: bold;
}
.flex-event{
	display: flex;
	flex-wrap: wrap;
}
.flex-event .day{
	width: 8rem;
	font-size: 1.125em;
	color: #fee78a;
}
.flex-event .tit{
	width: calc(100% - 8rem);
	margin-top: .125em;
}

/*
.eventbox-10th ul li{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	background: #009a8d;
	border-left: 8px solid #3c2a2a;
	padding: 1em;
	color: #fff;
	margin-bottom: .25em;
}
.eventbox-10th ul li .event-day{
	color: #fee78a;
	font-weight: bold;
	font-size: 1.0625em;
}
.eventbox-10th ul li .event-tit{
	font-weight: bold;
}
	@media screen and (max-width: 768px) {
		.eventbox-10th ul li .event-day{
			width: 100%;
		}
		.eventbox-10th ul li .event-tit{
			width: 100%;
		}
	}

/*-------------------------------
フォント
-------------------------------*/

/* カラー */
.c-grey{
	color: #627a86;
}
.c-kimidori{
	color: #92b446;
}
.c-midori{
	color: #2b988c;
}

/* フォント */

.inline-block{
	display: inline-block;
}
.em500{
	font-weight: 500;
}
.em600{
	font-weight: 600;
}
.font_l{
	font-size: 1.6em;
	line-height: 1.5em;
}
/* 通常サイズ */
.large{
	font-size: 1.25em;
}
.x-large{
	font-size: 1.375em;
}
.xx-large{
	font-size: 1.5em;
}
.xxx-large{
	font-size: 1.75em;
}
.txt-down{
	font-size: .9375em;
}