@charset "utf-8";

/*
.ogreen
#10BEBF = rgba(16,190,191,1)

.oorange
#F29600 = rgba(242,150,0,1)

.lorange
#F6B56C = rgba(246,181,108)


*/


@media(min-width:1077px) {
	.toppage #common-header {position:relative; background:transparent;}
	.toppage #common-header::before {
		position:absolute; top:1.25em; left:0; right:0; 
		content:""; height:2.5em; width:100vw;
		background:rgba(255,255,255,0.7);
		z-index:-1;
	}
	.toppage #sticker {background:transparent;}
	.toppage #sticker:not(.fixed) .logo {width:auto; margin:0.25em 0 1.25em;}
	#header-navi-btns {margin:0 1em;}
	#header-navi-btns a.btn-slim {
		display:inline-block; width:7em !important; 
		margin:0.25em 0.25em !important; padding:0.125em 0 !important;
		font-size:90%; font-weight:bold;
		text-align:center; font-feature-settings:"palt";
	}
}

#main-visual {
	position:absolute;/*fixed;/*relative;*/
	top:0; right:0; left:0;
	width:100%; height:90vh;
	z-index:0;
}




/* + - + - + - + - + - + - + - + - + - +   swiper  + - + - + - + - + - + - + - + - + - + - +*/

.swiper-slide {display:inline-block; height:100% !important; margin:0; text-align:center;}
.swiper-slide img { width:100%; margin:0 auto;} 

.swiper-button-prev, .swiper-button-next {opacity:1; transition:all 0.3s linear 0s;}
.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled {opacity:0 !important; transition:all 0.3s linear 0s;}
.swiper-pagination { text-align: right; padding: 5px 0;}
.swiper-pagination-bullet {margin-right:8px;}
.swiper-pagination-switch {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	margin: 0 4px;
	background-color: #000;
	border: 1px solid #f4b;/*#188A77;*/
	cursor: pointer;
	transition: all .25s linear;
}
.swiper-active-switch {background-color: #16AC94;}

.swiper-slide > a {display:block; text-align:left;}


.swiper-container {position:relative;}


.swiper-container0 {
	/*position:fixed; top:0; right:0; bottom:0; left:0;*/
	/*position:relative;*/
	position:absolute; top:0; right:0; bottom:0; left:0;
	width: 100%; height:100%; text-align:center; margin:0 auto;
	overflow:hidden; /*z-index:-2;*/
}
.swiper-container0 .swiper-slide {
	width: 100vw;
	height: 100%; margin:0 auto 0; text-align:center;
	background-size:cover !important; background-repeat:no-repeat !important;
	background-position:center center;
	/*z-index:-2;*/
}


#slide0-0 {background:url(./img/photo/slide/0.jpg); background-position:center center;}
#slide0-1 {background:url(./img/photo/slide/1.jpg); background-position:center center;}
#slide0-2 {background:url(./img/photo/slide/2.jpg); background-position:center center;}
#slide0-3 {background:url(./img/photo/slide/3.jpg); background-position:center center;}
#slide0-4 {background:url(./img/photo/slide/4.jpg); background-position:center center;}
#slide0-5 {background:url(./img/photo/slide/5.jpg); background-position:center center;}

#onslide-catch {
	position:absolute; bottom:10vh; left:0; right:0; width:100%;
	text-align:center; 
	z-index:4; 
}
#onslide-catch span {
	display:inline-block;
	color:#fff; /*#365e79;*/ 
	text-shadow:1px 1px 2px rgba(30,25,20,0.5), 2px 2px 4px rgba(153,134,117,0.5) ;
	font-size:3.2em;/*8.25vmin;/*5.5vw;*/ margin:0.5em 0; padding:0; 
	font-family:'Noto Sans JP', sans-serif, sans;
	font-weight:900; font-feature-settings:"palt";
	text-shadow: 
		0 0 2px #F29600, -1px -1px 1px #F29600, 
		1px -1px 1px #F29600, -1px 1px 1px #F29600, 
		1px 1px 1px #F29600, -1px -1px 2px #F29600, 
		1px -1px 2px #F29600, -1px 1px 2px #F29600,
		1px 1px 2px #F29600;
		/*
		0 0 2px #000, -1px -1px 1px #000, 
		1px -1px 1px #000, -1px 1px 1px #000, 
		1px 1px 1px #000, -1px -1px 2px #000, 
		1px -1px 2px #000, -1px 1px 2px #000,
		1px 1px 2px #000;
		*/
}


#introduction {
	position:relative; padding:5em 0 3em;
	margin-top:80vh;
}


@media (min-width:1400px) {
	#onslide-catch { bottom:12vh; }
	#onslide-catch span {font-size:3.75em; /*line-height:1.5;*/}
}



#swiper-container1 {padding:1em 0 1em;}
#swiper-container1 .swiper-button-prev,
#swiper-container1 .swiper-button-next {margin-top:-1em;}





/* header to body --- */

.toppage h1 {margin:0; padding:0; font-size:1rem; font-weight:normal; line-height:1;}
.toppage h2.en {text-align:center;}

@media only screen and (max-width: 768px) {
	.toppage #face {float:none;}
}


.catchcopy-main {position:absolute; top:11%; left:7.5%; width:220px;}


.layer-wrapper {
	position:relative;
	height:auto; min-height:444px;
}
.top-left {
	position:absolute; top:0; left:0;
}
.bottom-right {
	position:absolute; top:2rem; right:0; bottom:0; left:2rem;
}
.fore-layer {
	width:calc(100% - 2rem); height:calc(100% - 2rem);
	background-repeat:no-repeat; background-position:center center;
	background-size:cover;
	z-index:1 !important;
}
.back-layer {
	width:calc(100% - 2rem); height:calc(100% - 2rem);
	z-index:0 !important;
}
.back-layer.bottom-right {
	background-image: linear-gradient(-45deg, rgba(0,255,255,0.5) 0%, rgba(255,236, 98,0.5) 36.28%, rgba(242,0.550,0,0.4) 67.03%, rgba(250,0.528,0.514,0.3) 94.87%);
}
.back-layer.top-left {
	background-image: linear-gradient(45deg, rgba(0,255,255,0.5) 0%, rgba(255,236, 98,0.5) 36.28%, rgba(242,0.550,0,0.4) 67.03%, rgba(250,0.528,0.514,0.3) 94.87%);
}
#introduction h2 {
	margin-top:1.5rem; margin-bottom:2rem; color:#111;
	font-size:2.5em; font-weight:700; font-feature-settings:"palt";
	font-family:'Noto Sans JP', sans-serif, sans;
}


@media (max-width:1170px) {
	
	#onslide-catch { bottom:9vh; }
	#onslide-catch span {
		margin:0.5em 0; padding:0; 
		font-size: 3.4em;
	}
}

@media (max-width:768px) {
	
	#main-visual {height:50vh;}
	#introduction {margin-top:42.5vh; padding-top:0.75em;}
	#introduction h2 {font-size:1.9em; letter-spacing:0.1em; text-align:center;}

	#onslide-catch { bottom:5.5vh; }
	#onslide-catch span {
		margin:0.35em 0; padding:0; 
		font-size: 6.25vmin;
	}
}




#information {padding:3em 0 3em;}




#body-menu .imgframe{ 
	position:relative;
	display:block; margin:1.25em auto;
	width:100%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
#body-menu .imgframe::before {
	content:""; display:block; padding-top:70%; background:transparent;
}
#body-menu .imgframe {
	box-shadow:none; transition:all 0.33s linear 0s;
}
#body-menu .imgframe:hover {
	text-shadow:0 0 2px #e1d6ca , 0 0 10px #e1d6ca;
	transform:scale(1.025); box-shadow:0 2px 1.15em 2px rgba(0,0,0,0.25); transition:all 0.14s linear 0s; 
}

#body-menu {text-align:center;}
#body-menu h2 {text-align:center; padding-top:1.25em;}
#body-menu p {margin:1.5em auto 1em; text-align:left;}

#body-menu .inner-cell { 
	width:100%; max-width:450px; margin:auto;
	position:relative; padding-bottom:0.5em; height:100% !important;
}
/*
#body-menu .inner-cell .readmore {display:inline-block; position:absolute; bottom:1.5em; right:0.5em; font-family:'Geosans-L'; font-size:130%; line-height:1;}
#body-menu .inner-cell .readmore::before {display:inline-block; content:"S"; position:absolute; left:-1.25em; font-family:'SosaIcon'; font-size:80%; line-height:1.45;}
*/

#body-menu .inner-cell .readmore span {
    position: relative; display: inline-block;
    float: right; font-family: 'Geosans-L'; font-size: 130%; line-height: 1;
    padding: 0 0.5em 0.15em 1em;
}
#body-menu .inner-cell .readmore span::before {
    display: inline-block; position: absolute; content: "S";
    left: 0em; font-family: 'SosaIcon'; font-size: 80%; line-height: 1.45;
}

#bm-location .imgframe {background-image:url(./img/photo/body-menu-location.jpg);} 
#bm-company .imgframe {background-image:url(./img/photo/body-menu-company.jpg);} 
#bm-activity .imgframe {background-image:url(./img/photo/body-menu-support.jpg);} 
#bm-recruit .imgframe {background-image:url(./img/photo/body-menu-recruit.jpg);} 


@media (min-width:901px) {
	.toppage #bm-location {background:#10BEBF;}
	.toppage #bm-company {background:#f2f2f2;}
	.toppage #bm-activity {background:#f2f2f2;}
	.toppage #bm-recruit {background:#10BEBF;}
		.toppage #bm-location h2,
		.toppage #bm-location p,
		.toppage #bm-recruit h2,
		.toppage #bm-recruit p { color:#fff;}
}
@media (max-width:900px) {
	.toppage #bm-location {background:#10BEBF;}
	.toppage #bm-company {background:#f2f2f2;}
	.toppage #bm-activity {background:#10BEBF;}
	.toppage #bm-recruit {background:#f2f2f2;}
		.toppage #bm-location h2,
		.toppage #bm-location p,
		.toppage #bm-activity h2,
		.toppage #bm-activity p { color:#fff;}
}

@media (max-width:1099px) {
	.body-menu .imgframe::before {padding-top:70%;}
	.body-menu .imgframe {width:80%; max-width:450px;}
}

#aspire {padding:4em 0 5em;}
#aspire h2 {text-align:center; padding-top:0.75em;}
#aspire-one, #aspire-two {padding:2em 0 0;}
.aspire-text {text-align:left;}

#banners h2 {text-align:center; padding-top:0.75em;}
#banners {
	background-image:linear-gradient(150deg, rgba(235,235,235,0.45) 1%, rgba(235,235,235,0.45) 99%), url(./img/bg/bg1-foggy.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-attachment:fixed; background-size:cover;
}
#banners .banner {
	display:inline-block; margin:1em; text-align:center;
}
#banners .banner img {
	border:1px solid #cdcdcd; border-radius:5px;
}
#banners .banner span {
	display:inline-block; padding:0.35em;
	font-size:0.8rem; color:#222;
}



#line-youtube {text-align:center;}
.line-icon {height:100px; margin:1.5em 1em;}
.line-qr {height:120px; margin:1.5em 1em;}
.line-description {width:96%; max-width:360px; text-align:center;}


.duo-wrapper {text-align:center;}
.duo-wrapper .duo {padding:4em 1.5em 3em;}
@media (max-width: 479px) {
	.duo-wrapper .duo {padding:4em 3% 3em;}
}

.duo-wrapper h2 {text-align:center;}

.duo-wrapper .inner-cell { width:100%; max-width:450px; margin:auto; margin-bottom:0.5em;}
.duo-wrapper .inner-cell.shrink { width:100%; max-width:360px; margin:auto;}
.duo-wrapper .inner-cell.expand { width:100%; max-width:600px; margin:auto; padding-bottom:2em;}


@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.duo-wrapper .inner-cell.shrink img[src$=".svg"] {
		width:360px !important; 
	}
}
.duo-wrapper .imgframe{ 
	position:relative;
	display:block; margin:1.25em auto;
	width:100%;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}
.duo-wrapper .imgframe::before {
	content:""; display:block; padding-top:100%;	
}
.duo-wrapper .caption {margin:1.5em auto;}
.duo-wrapper .caption:not(.tac) { text-align:left;}


.vWrap p { padding:0; margin:0;}
@media (max-width: 768px) {
	.vWrap{position: relative; margin: 0.5em 0 1.2em; padding:69px 0 50%; overflow: hidden;}
	.vWrap iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
}	






/* ***********************
　Custom Post "item"
*/

.post-card-wrapper {padding:1.5em 8px;}
.post-card {height:100%;}

.post-card dl {
	height:100%; position:relative;
	padding:0 0 0.5rem; margin:0 3.5%; 
	box-shadow:none; transition:all 0.33s linear 0s; 
	background:#fff;
	color:#333;
	font-feature-settings:"palt";
} 
.is-pc:not(.is-ipad) a:hover .post-card dl {
	text-shadow:0 0 2px #e1d6ca , 0 0 10px #e1d6ca;
	transform:scale(1.025); box-shadow:0 2px 1.15em 2px rgba(0,0,0,0.25); transition:all 0.14s linear 0s; 
	background:#10BEBF; /*#F29600;*/ color:#fff;
}
.post-card dt {width:100%; padding:0.75em 1rem 0.375em; margin:0; font-size:1.35em; letter-spacing:0; color:inherit;}
.post-card dd {width:100%; padding:0.75em 1rem;}
.post-card dd.post-date {width:100%; padding:1rem 1rem 0; font-size:90%; font-family:'Geosans-L';}
.post-card dd.post-date + dt {padding:0.25em 1rem 0.75em;}
.post-card dd.post-type {width:100%; padding:1rem 1rem 0; font-size:80%; /*font-family:'Geosans-L';*/ opacity:0.4;}
.post-card dd.post-type + dt {padding:0.25em 1rem 0.75em;}
.post-card dd.excerpt {width:100%; padding:0.75em 1rem; font-size:90%; line-height:1.4; opacity:0.8;}
.post-card dd.eyecatch {position:relative; width:100%; max-width:450px; height:auto;/*200px;*/ background:rgba(255,255,255,1);  overflow:hidden; padding:0; }
.post-card span.imgframe {
	display:block; width:100% !important; min-width:100%; height:auto; margin:0; vertical-align:top; overflow:hidden; 
	background-repeat:no-repeat; background-size:cover; background-position:center 15%;
}
.post-card span.imgframe:after { content:""; display:block; padding-top:100%;}
.post-card dd.eyecatch img {width:auto !important; height:auto !important; vertical-align:middle; margin:0;}
.post-card dd.eyecatch .noimage {position:absolute; top:0; right:0; bottom:0; left:0; margin:0; font-size:28px; text-align:center; padding:2em 0; font-family:'Geosans-L';}

.extend .post-card dl {
	position:relative; padding-bottom:3em; line-height:1.5;
}
.post-card dd.taxo-terms {
	position:absolute; left:0; bottom:0; padding-top:0;
}
.post-card dd.taxo-terms .each-term {
	display:inline-block; margin-right:0.25em; padding:0.1em 0.35em 0; 
	border:1px solid rgba(255,255,255,0.75); color:rgba(255,255,255,0.75);
	font-size:60%;
	/*
	font-family: Verdana, Helvetica, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif, "Takao Pゴシック", "TakaoPGothic", sans;	*/
}

.search .post-card dt, 
#appendix .post-card dt {font-size:1.2rem;}

.post-card dd.staff-spec {padding-top:1rem; padding-bottom:0.25rem;  font-size:1rem;}
.staff-spec div {font-size:0.85em; line-height:1.5; margin:0;}
.post-card dd.staff-spec + dt {padding-top:0 !important; font-size:1.2rem !important;}

.post-card dd.location-spec {padding-bottom:0;}
.location-spec div {font-size:0.8em; line-height:1.5; margin:0 0 1.25em;}





/* ***********************
　Custom Post "item" -- HoverCap / its Slider
*/
/* media Query --- PConly! [801px+]
.hover-cap:hover .hover-text { top: 0; left: 0; opacity:1;}
*/
.hover-cap-wrapper {padding:1.5em 8px;}
.hover-cap {
	position: relative;
	overflow: hidden;
	height:auto; min-height:150px;
	color:#fff;
	background-size:cover; background-position:center center;
}
.single.type--hairstyle .hover-cap {font-size:75%;}
.hover-cap img {width:100%; height:auto; z-index:-1;}
.hover-cap h3 {margin-top:1.5em; color:#fff;}
.hover-cap .hover-text {
	position: absolute;
	top: 0;/*-55%;/*-150%;*/
	left: 0;/*-55%;/*0;*/
	z-index: 2;
	width: 100%;
	height: 100%;
	/*background:rgba(0,0,0,0.5);*/
	background : linear-gradient(150deg, rgba(106,220,221,0.8) 10%, rgba(16,190,191,0.7) 50%, rgba(1,130,131,0.9) 90%);
	/*color:#222;*/
	-webkit-transition: .5s;
	transition: .5s;
	opacity:0 /*1*/;
	transform:scale(2.5);
	text-shadow:0 0 2px #4fb , 0 0 10px #4fb;
}
/* media Query --- PConly! 
.hover-cap:hover .hover-text { top: 0; left: 0; opacity:1;}
*/
@media only screen and (min-width: 801px) {
	.hover-cap::after {
		position:absolute;
		top:-1em;	left: -1em;
		content: ""; display: block;
		width: 0; height: 0;	
		border-bottom:5px solid transparent;
		border-left:5px solid rgba(105,105,105,0.5);/*rgb(101,186,247); */
		transition:all 0.3s linear 0s;
	}
	.hover-cap:hover::after {
		position:absolute;
		top: 0;	left: 0;
		content: ""; display: block;
		width: 0; height: 0;	
		border-bottom:300px solid transparent;
		border-left:300px solid transparent; 
		transition:all 0.3s linear 0s; 
	}
	.hover-cap {transform:scale(1); transition:all 0.66s linear 0s;}
	.hover-cap:hover {transform:scale(1.075); transition:all 0.14s ease 0s;}
	.hover-cap:hover .hover-text { top: 0; left: 0; opacity:1; transform:scale(1.05);}
}

.type-cell {position:relative;} /* margin-bottom:2.5em !important;*/
.type-cell .hover-cap {position:relative; width:100%; padding:1.5em;}
.type-cell .hover-cap:before {content:""; display: block; padding-top:125%;}
.type-cell .hover-text {padding:1em 2em;}
.type-cell dl {
	position:relative; top:0; right:0; bottom:0; left:0; margin:0; padding:0; height:100%; background:rgba(0,0,0,0.4); overflow:hidden;
	display:flex; align-items:center;  flex-direction:row; flex-wrap:wrap; 
}
.type-cell dt {
	width:100% !important;
	margin:0; padding:0; color:#fff; font-size:110%; text-align:left;
} 
.type-cell:hover dt{color:salmon; transition:all 0.3s linear 0s;}

.type-cell dl h3 {
	font-size:1.05em; line-height:1.2; 
	transition:all 0.14s linear 0s;
}
.type-cell dd {width:100% !important; font-size:1em; line-height:1.5;}
.type-cell dd:not(.taxo-terms) {margin:0; padding:0;} 
.type-cell dd.taxo-terms {margin:2em 0; padding:0;} 
.type-cell dd .each-term {
	display:inline-block; margin-right:0.25em; padding:0 0.35em; 
	border:1px solid rgba(255,255,255,0.75); color:rgba(255,255,255,0.75);
}



/* ***** ***** ***** ***** ***** ***** 
	Subpage Common 
*/
#page-title {
	position:relative; 
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	z-index:5;
}

#title-bg-layer {
	position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%;
	content: " ";
	background:rgba(140,190,190,0.5) url(./img/bg/pattern.png) repeat 0 0;
	z-index:-1; 
	opacity:0.5;
}
#page-title-inner {position:absolute; top:0; right:0; bottom:0; left:0; height:100%;}

@media (min-width: 1078px) {
	#page-title {height:280px;}
	#page-title-inner {position:absolute; top:0; right:0; bottom:0; left:0; height:100%;}
	.toppage #page-title {height:470px;}
	.search #page-title, .taxo #page-title, .error404 #page-title {height:250px;}
}
@media (max-width: 1077px) {
	#page-title {height:307.5px;}
	.toppage #page-title {height:497.5px;}
	.search #page-title, .taxo #page-title, .error404 #page-title {height:220px;}
}
@media (max-width: 479px) {
	.search #page-title, .taxo #page-title, .error404 #page-title {height:160px;}
}

#page-title h1 {
	font-size:250%;  margin:0;
	color:#fff; font-weight:bold; line-height:1.4em;
	text-align:center;
	text-shadow:1px 1px 0 rgba(0,0,0,0.6), 0 0 3px rgba(0,0,0,0.75), 0 0 5px rgba(0,0,0,0.5); 
	font-family:/*'texGyre', "MyYuMinchoM","游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
	/*Verdana, Helvetica,*/ "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif, "Takao Pゴシック", "TakaoPGothic", sans;
}
.subpage #page-title h1 {letter-spacing:0.25em; font-feature-settings:"palt";}
.subpage.single #page-title h1 {letter-spacing:0;}


h1 span.h1-en-caption {margin:auto; text-align:center; font-family:'Geosans-L'; font-size:1em; color:#F6B56C; opacity:0.7; text-shadow:none; z-index:0;}

#page-title .location {display:inline-block; font-size:60%; vertical-align:middle; margin:0 0.5em;}


.ancor-link {margin-top:2em;}

.shell h3:not(:first-child) {margin-top:3em;}

.hr.container {margin-top:2.25em; padding-top:2.25em;}

.subpage.page-std #btn-contact {background:#f7f6f3;}






/* ***********************
 Page-Menu
*/


.taxo-large-button {
	position:relative; 
	display: flex; align-items: center; justify-content:center;
	width:100%; height:80px; 
	background:#fff; border:1px solid #ddd; 
	box-shadow: 0px 3px 5px rgba(20, 20, 20, 0.3);
	font-feature-settings:"pkna";
	transition:all 0.33s linear 0s;
}
.taxo-large-button:hover { transform:translate(2px,2px); transition:all 0.14s linear 0s;}
.taxo-large-button::after {
	content:" "; width:10px; height:10px;
	position:absolute; right:10px; top:50%; margin-top:-5px;
	border-right:2px solid #4bf;	border-top:2px solid #4bf;
	transform:rotate(45deg);
	transition:all 0.14s linear 0s;
}
.taxo-large-button:hover::after {
	content:" "; width:10px; height:10px;
	position:absolute; right:8px; top:50%; margin-top:-5px;
	border-right:2px solid salmon;	border-top:2px solid salmon;
	transform:rotate(45deg);
	transition:all 0.14s linear 0s;
}
.taxo-large-button span {display:block; margin:auto 1.5em; }

.rel-duo-wrapper {width:100px; height:100px; background:rgba(0,0,0,0.2); border-radius:6px; overflow:hidden;}
.rel-duo-wrapper .yoko {width:100px; height:50px;}
.rel-duo-wrapper .tate {width:50px; height:100px;}
.rel-duo-wrapper .yoko, .rel-duo-wrapper .tate {background-repeat:no-repeat; background-size:cover; background-position:center center;}

img.this-case-photo {width:100% !important; max-width:330px !important;}




/* ***********************
  Company
*/

.company table.spec th,
.company table.history th {width:25% !important;}

.company table.spec td,
.company table.history td {width:75% !important;}



/* ***********************
  Google map
*/
.map-container {text-align:center; width: 100%;}
.map-container iframe{	display: block; pointer-events: none; position: relative;}
.map-container iframe.clicked{pointer-events: auto;}

@media only screen and (min-width: 901px) {
	.map-container iframe {width:100%; height:62.5vh; margin:0; border:none !important;}
}
@media only screen and (max-width: 900px) {
	.map-container iframe {width:96%; height:calc(100vh - 120px); margin:0 2%; border:1px solid #999;}
}


/* ***********************
   Contact
*/
.contact #page-body {/*background:#f7f6f3;*/ padding-top:1em;}
.contact .fixed-page-post {/*max-width:620px;*/ margin:auto;} 
#contact-form-wrapper {
	background:#f7f6f3; margin-top:2em; padding:3em 0 2em;.
	/*border-radius:6px;*/
}
#contact-form-wrapper > div {width:100%; max-width:700px; margin:auto; padding:0 1.5em;}
@media only screen and (max-width: 479px) {
	#contact-form-wrapper > div {padding:0 3%;}
}
#contact-form-wrapper > div h3 {margin:0 0 1.25em;}	

li.chk-xl {
	line-height:1.35em;
	height: auto; font-size:36px;
	list-style:none; 
	background: url(./img/icon/chk.png) no-repeat 0 0;
	background-size:48px 48px;
	padding: 4px 0 6px 1.5em;
	margin: 0.5em 0;
}
li.chk {
	line-height:1.35em;
	height: auto; font-size:120%;
	background: url(./img/icon/chk.png) no-repeat 0 0;
	background-size:1.75em 1.75em;
	padding: 0.25em 0 0.5em 2.25em;
	margin: 0.75em 0;
}


/* ***********************
   Recruit
*/

.recruit #page-body { background:#fff;/*#f7f7f7; /*#fff5e4;*/ padding:0 0 1em;}
.recruit .fixed-page-post {max-width:770px; margin:auto;}
.is-pc.recruit .fixed-page-post table th { max-width:280px; vertical-align:middle !important;}
.is-pc.recruit .fixed-page-post table td { vertical-align:middle !important;}


#bm-new-graduates .imgframe {background-image:url(./img/photo/body-menu-new-graduates.jpg);} 
#bm-mid-carrier .imgframe {background-image:url(./img/photo/body-menu-mid-carrier.jpg);} 
#bm-staff-says .imgframe {background-image:url(./img/photo/body-menu-staff-says.jpg);} 
#bm-carrier-plan .imgframe {background-image:url(./img/photo/body-menu-carrier-plan.jpg);} 


@media (min-width:901px) {
	.recruit #bm-new-graduates {background:#10BEBF;}
	.recruit #bm-mid-carrier {background:#f2f2f2;}
	.recruit #bm-staff-says {background:#f2f2f2;}
	.recruit #bm-carrier-plan {background:#10BEBF;}
		.recruit #bm-new-graduates h2,
		.recruit #bm-new-graduates p,
		.recruit #bm-carrier-plan h2,
		.recruit #bm-carrier-plan p { color:#fff;}
}
@media (max-width:900px) {
	.recruit #bm-new-graduates {background:#10BEBF;}
	.recruit #bm-mid-carrier {background:#f2f2f2;}
	.recruit #bm-staff-says {background:#10BEBF;}
	.recruit #bm-carrier-plan {background:#f2f2f2;}
		.recruit #bm-new-graduates h2,
		.recruit #bm-new-graduates p,
		.recruit #bm-staff-says h2,
		.recruit #bm-staff-says p { color:#fff;}
}

#btn-entry {text-align:center;}
#btn-entry a.btn-oorange-gra {margin:1em 0.5em; font-size:120%;}



/* ***********************
  Recruit - Resume and Entry
*/

@media(min-width:600px) {
	.new-graduates table th,
	.mid-carrier table th {width:15% !important;}

	.new-graduates table td,
	.mid-carrier table td {width:85% !important;}
}



/* ******************************
 Recruit - Staff -- @ page-staff-says.php 
*/
.staff-says #items {padding-bottom:3em;}

/*
.staff-says .post-card dt + dd {padding-top:0;}
*/
.type--staff h1 .staff-position {font-size:0.7em; display:inline-block;}




/* ***********************
   privacy-policy / terms-of-service
*/
.privacy-policy .fixed-page-post {max-width:700px; margin:auto;}
.terms-of-service .fixed-page-post {max-width:770px; margin:auto;}

.privacy-policy h1 span.h1-en-caption,
.terms-of-service h1 span.h1-en-caption {font-size:0.9em;}

.terms-of-service .anchor-links {text-align:center;}
.terms-of-service .anchor-links.at-top {margin:0 0 3em; }
.terms-of-service .anchor-links.at-bottom {margin:3em 0 0; }
.terms-of-service .anchor-link {width:11em; margin:0 0.5em 1em;}

.terms-of-service .kakomi {margin:3em 0 4.5em; border:1px solid #ccc; border-radius:6px; padding:1em 1em 1em;}

/*

*/
.tos-links {text-align:right;}
.tos-links a {display:inline-block; margin:0.25em 0.5em; font-size:0.75rem; text-decoration:underline;}






.entry-meta span.row { margin:0 16px 0 0;}
.entry-meta span.post-date { font-family: 'Geosans-L'; font-size:15px; color:#666; }
.entry-meta span.category, .entry-meta span.author,
.entry-meta span.tags { font-family: 'SosaIcon'; font-size:20px; color:#ddd;}
.entry-meta span.commented { font-family: 'SosaIcon'; font-size:20px; color:#fff; }


.post-body section#custom-field {padding:8px 16px;}
.post-body section#custom-field h3.member {border:none; padding-left:0; margin-top:1em; margin-bottom:0.25em; color:#f7f7e7; text-shadow:1px 1px 4px #333,1px 1px 10px #777;}

.recent-post th, .recent-post td {border:none;}  
.recent-post th {width:125px; padding-right:0;}
.recent-post th div.post-tn {width:100px; height:100px; background:rgba(0,0,0,0.1); overflow:hidden; border-radius:100%; transition:all 0.18s linear 0s;}
.recent-post td {line-height:1.5em; padding-right:0;}
div.post-tn:hover {/*transform:translateX(6px);*/ transform:scale(1.1); transition:all 0.05s ease-in-out;}

.recent-post-small th, .recent-post-small td {border:none;}  
.recent-post-small th {width:100px; padding-right:0;}
.recent-post-small th div.post-tn {width:80px; height:80px; background:rgba(0,0,0,0.2); overflow:hidden; border-radius:100%; transition:all 0.18s linear 0s;}
.recent-post-small td {line-height:1.5em; padding:0.75em 0 0.75em 1em; font-size:90%;}


.blog-sel-trio p {font-size:14px; line-height:1.5em; margin-top:0;}
.blog-sel-trio .post-tn {display:block; float:left; width:64px; height:64px; margin:0 8px 8px 0; background:rgba(0,0,0,0.2); overflow:hidden;}
.blog-sel-trio .post-tn {display:block; float:left; width:64px; height:64px; margin:0 8px 8px 0; background:rgba(0,0,0,0.2); overflow:hidden;}
.rel-one table {margin:0;}
.blog-rel th, .blog-rel td {border:none;} 
.blog-rel th {width:130px !important; padding:10px;}
.blog-rel td {width:auto !important; padding:10px; text-align:left !important; font-size:90% !important;}
.blog-rel .post-tn, .blog-rel .thumb-frame {display:block; width:100px; height:100px; margin:4px 2px; background:rgba(0,0,0,0.15); overflow:hidden;/**/ border-radius:100%;}

.blog-rel td span.location, 
.blog-rel td span.feature {margin-top:0.5em; font-size:90%;}

.each-post {margin:0 0.5em;/* background:#fff; box-shadow:0 2px 4px rgba(20, 20, 20, 0.2);*/ transition:all 0.35s linear 0s;}
.each-post:hover {/*transform:translateY(-4px) scale(1.025);*/ background:rgba(80,60,30,0.08);/*rgba(255,235,110,0.2);*/ transition:all 0.14s linear 0s;}

#policy ol {margin:2em 0;}
#policy ol li {	line-height:1.7em; font-size:20px; margin:1em 0;}

table.blog-rel div.post-tn-100 {width:100px; height:100px; background:rgba(0,0,0,0.2); overflow:hidden; border-radius:100%}
table.blog-rel div.post-tn-150 {width:150px; height:150px; background:rgba(0,0,0,0.2); overflow:hidden; border-radius:100%;}



/* ******************************
 Locations -- @ page-locations.php 
*/
.locations .post-card dt {padding-top:1em; padding-bottom:0.5em;}
.locations .post-card dt + dd {padding-top:0;}
.locations .post-card .kwsk {text-align:right;}
.locations .post-card .kwsk span {
	margin:1em auto; padding:0.5em 1em; 
	border:1px solid #fff; background:#10BEBF; 
	color:#fff; font-size:1.25em;
}

/* ******************************
 Location -- @ single.php 
*/
.locations #page-upper,
.locations #items {background:#F3F3F3;}
.locations #items {padding:0 0 4.5em;}


@media(min-width:769px) {
	#location-spec table th {width:22.5%;}
}

.single.type--location .wp-block-image {width:100%; text-align:center;}
.single.type--location .wp-block-image > img{margin:auto;}
#location-spec .site-url a {font-size:120%; font-weight:bold; text-decoration:underline; word-break:break-all; white-space:wrap;}
#location-spec .line-add-friend {margin:0.5rem; width:auto; height:36px;}
#location-spec .line-qr {margin:0.5rem; width:100px; height:100px;}
#location-spec .note-image {width:auto; max-width:325px; margin:0.5rem;}

#location-staff {}
#location-staff .photo-frame {
	display:block; /*margin:1.25em auto;*/
	width:100%;
	background-position:center 25%;
	background-repeat:no-repeat;
	background-size:cover;	
	position:relative; box-shadow:none; transition:all 0.33s linear 0s;
}
#location-staff .photo-frame::before {
	content:""; display:block; padding-top:125%; background:transparent;
}

/*
#location-staff .photo-frame:hover {
	text-shadow:0 0 2px #e1d6ca , 0 0 10px #e1d6ca;
	transform:scale(1.025); box-shadow:0 2px 1.15em 2px rgba(0,0,0,0.25); transition:all 0.14s linear 0s; 
}
*/
#location-staff .position-name {
	position:absolute; right:0; bottom:0; left:0;
	background:rgba(0,0,0,0.5); color:#fff; font-size:0.7em;
	text-align:center; line-height:1.25; padding:0.35em 0;
}
#location-staff .brief-comment {
	margin:0.25em 0 1.5em; padding:0.35em;
	text-align:left; font-size:0.75em; line-height:1.5;
}
	
	

.type--location #appendix h3 {margin:2em 0 0.5em;}
	


.spec-detail img { 
	cursor: pointer; 
	margin:auto;
}
.is-pc .spec-detail img {
	transition:all 0.3s linear 0s;
	display:block; 
	/*max-width:calc(50% - 1em);*/
	max-height:537px;/*513.3333px;*/
	/*float:left;*/
	margin:1em 1em 0 0;
}
.is-pc .spec-detail p {clear:both;}
.is-pc .spec-detail img:hover {transform:scale(1.025); box-shadow:0 2px 1.15em 2px rgba(0,0,0,0.25); transition:all 0.14s linear 0s;}

.single .post-body .spec-detail h3 {
    margin: 2em 0 0;
    line-height: 1.5em;
	font-size:1.15rem;
	letter-spacing:0.05em;
	padding-left:0.5em;
	border-left:6px solid #5eacc2;
}



@media(max-width:660px) {
	.wp-block-gallery .blocks-gallery-image, .wp-block-gallery .blocks-gallery-item {width:100% !important; height:auto !important; margin-right:0 !important;}
	.wp-block-gallery .blocks-gallery-image figure, .wp-block-gallery .blocks-gallery-item figure {width:100% !important; height:auto !important;}
}



/* 
	pickup_cat-XXXXX.php
*/
#list-inner .item-cell {border-radius:6px; border:2px solid transparent; background:rgba(255,255,255,0.3); transition:all 0.3s linear 0s;}
#list-inner .item-cell:hover {border:2px solid rgba(255,255,255,0.75); background:rgba(255,255,255,0); transition:all 0.3s linear 0s;}

.bg-white #list-inner .item-cell {border-radius:6px; border:2px solid transparent; background:rgba(155,155,155,0.2); transition:all 0.3s linear 0s;}
.bg-white #list-inner .item-cell * {color: #666;} 
.bg-white #list-inner .item-cell:hover {border:2px solid rgba(155,155,155,0.75); background:rgba(255,255,255,0); transition:all 0.3s linear 0s;}


/* ****************************************
  Taxonomy -- Common
*/

/*.term-list {margin:0em 0 1.25em;}*/
.kodawari-taxos {text-align:left;}
.kodawari-taxos h4 {margin:0.5em 0 0; padding-left:1.5em;}
.term-list {margin:0; font-size:0.85em;}
.term-list li {display:inline-block; margin:0 0.5em 1em;}
.term-list a {
	display:inline-block; color:#aaa; padding:0.35em 0.75em; margin:0;
	border:1px solid transparent;
	background:#fff; border:1px solid #aaa;
	font-family: Verdana, Helvetica, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif, "Takao Pゴシック", "TakaoPGothic", sans;
	transition:all 0.3s linear 0s;
}
.is-pc .term-list a:hover {
	border:1px solid #998675;
	background:#c7b299; color:#fff;
	transition:all 0.14s linear 0s;
}
.term-list span.disabled {
	display:inline-block; color:#fff; padding:0.35em 0.75em; margin:0;
	border:1px solid transparent;
	background:rgba(150,150,150,0.5);
	font-family: Verdana, Helvetica, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif, "Takao Pゴシック", "TakaoPGothic", sans;
	transition:all 0.3s linear 0s;
}


#easy-search .outer {margin:2em 0; text-align:center;}
#easy-search .inner {display:inline-block; margin:auto;}




/* ****************************************
  Search Result
*/

.hits {margin:0 0.25rem;font-size:0.9rem; font-weight:normal; color:#fff; padding:0.25em 0.75em; background:#bdbdbd; border-radius:3px; font-feature-settings:"palt"; }
.bg-ivory .hits{color:#FFF5E4; font-weight:bold;}

.showing {margin:0 0 0 0.5rem; font-size:0.8rem; font-weight:normal; color:#bababa; font-feature-settings:"palt"; }

.bg-ivory .hits-indicator {padding:0.75em 0;}

#not-found {text-align:left;}
#not-found h2 {font-family:'Geosans-L'; font-size:250%; margin-top:0;}
.bg-ivory #not-found h2 {color:#7A0910;}
.options {padding:1em 0;}
.main-option, .sub-option {display:inline-block; margin:1rem 0.5rem !important; width:13em !important; text-align:center !important}
.sub-option .searchform {width:12em; margin:auto;}
.pager {padding:2em 0 3em;}

#search-options {margin: 0 auto; padding: 3em 0;}



.face-icon {width:25vw; max-width:72px; margin:0.5em !important; border-radius:7px;}
.face-icon.maru {border-radius:100%;}
.face-icon.kaku {border-radius:0%;}


.bubble {display:inline-block; position:relative; padding:1em; border-radius:6px; background:#fff; max-width:555px; margin-top:0.75em !important; margin-bottom:0.75em !important;}
.bubble.to-right::before {position:absolute; left:-32px; bottom:50%; margin-bottom:-16px; content:""; border:16px solid transparent; border-right:16px solid #fff;} 
.bubble.to-left::before {position:absolute; right:-32px; bottom:50%; margin-bottom:-16px;  content:""; border:16px solid transparent; border-left:16px solid #fff;} 
.bubble.bordered {border:1px solid #bababa;} 
.bubble.bordered.to-right::before {position:absolute; left:-32px; bottom:50%; margin-bottom:-16px; content:""; border:16px solid transparent; border-right:16px solid #bababa;} 
.bubble.bordered.to-right::after {position:absolute; left:-31px; bottom:50%; margin-bottom:-16px; content:""; border:16px solid transparent; border-right:16px solid #fff;} 
.bubble.bordered.to-left::before {position:absolute; right:-32px; bottom:50%; margin-bottom:-16px;  content:""; border:16px solid transparent; border-left:16px solid #bababa;} 
.bubble.bordered.to-left::after {position:absolute; right:-31px; bottom:50%; margin-bottom:-16px;  content:""; border:16px solid transparent; border-left:16px solid #fff;} 











/********/

#loading {
  margin: 80px auto;
  font-size: 8px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(130,206,122,0.32);
  border-right: 1.1em solid rgba(130,206,122,0.32);
  border-bottom: 1.1em solid rgba(130,206,122,0.32);
  border-left: 1.1em solid #00ffff;
  transform: translateZ(0);
  animation: load8 1.1s infinite linear;
}
#loading,
#loading:after {
  border-radius: 50%;
  width: 6.5em;
  height: 6.5em;
}
@keyframes load8 {
  0% { transform: rotate(0deg);}
  100% { transform: rotate(360deg);}
}
#loading{ position:fixed; left:50%; top:40%; margin-left:-3.25em; text-align:center;}



.fuwa-sp,
.fuwa-foreside-sp,
.fuwa-backside-sp {visibility:hidden;}


.powatt {
	animation-fill-mode:both;
	animation-duration:2s;
	animation-name: Powatter;
	visibility: visible !important;
}
@keyframes Powatter {
	0% { opacity: 0; transform: translateY(20px); }
	100% { opacity: 1; transform: translateY(0); }
}

.powatt-short-delay {
	animation-fill-mode:both;
	animation-duration:2s;
	animation-name: Powatter;
	visibility: visible !important;
    animation-delay: 0.8s; 		
}
@keyframes Powatter-SD {
	0% { opacity: 0; transform: translateY(20px); }
	100% { opacity: 1; transform: translateY(0); }
}

.powatt-mid-delay {
	animation-fill-mode:both;
	animation-duration:2s;
	animation-name: Powatter;
	visibility: visible !important;
    animation-delay: 1.6s; 		
}
@keyframes Powatter-SD {
	0% { opacity: 0; transform: translateY(20px); }
	100% { opacity: 1; transform: translateY(0); }
}


.fuwatt-l2r {
	animation-fill-mode:both;
	animation-duration:1s;
	animation-name: Fuwatter-LtoR;
	visibility: visible !important;
    animation-delay: 0.225s; 			
}
@keyframes Fuwatter-LtoR {
	0% { opacity: 0; transform: translateX(-30px); }
	100% { opacity: 1; transform: translateX(0); }
}

.fuwatt-r2l {
	animation-fill-mode:both;
	animation-duration:1s;
	animation-name: Fuwatter-RtoL;
	visibility: visible !important;
    animation-delay: 0.225s; 		
}
@keyframes Fuwatter-RtoL {
	0% { opacity: 0; transform: translateX(30px); }
	100% { opacity: 1; transform: translateX(0); }
}


.fuwatt-foreside {
	animation-fill-mode:both;
	animation-duration:1s;
	animation-name: Fuwatter-ForeSide;
	visibility: visible !important;
    animation-delay: 0.425s; 			
}
@keyframes Fuwatter-ForeSide {
	0% { opacity: 0; transform: translate(30px,30px); }
	100% { opacity: 1; transform: translate(0,0); }
}

.fuwatt-backside {
	animation-fill-mode:both;
	animation-duration:1s;
	animation-name: Fuwatter-BackSide;
	visibility: visible !important;
    animation-delay: 0.325s; 		
}
@keyframes Fuwatter-BackSide {
	0% { opacity: 0; transform: translate(-30px,-30px); }
	100% { opacity: 1; transform: translate(0,0); }
}

.fuwatt-foreside-sp {
	animation-fill-mode:both;
	animation-duration:1s;
	animation-name: Fuwatter-ForeSide;
	visibility: visible !important;
    animation-delay: 0.025s; 			
}
@keyframes Fuwatter-ForeSide {
	0% { opacity: 0; transform: translate(30px,30px); }
	100% { opacity: 1; transform: translate(0,0); }
}

.fuwatt-backside-sp {
	animation-fill-mode:both;
	animation-duration:1s;
	animation-name: Fuwatter-BackSide;
	visibility: visible !important;
    animation-delay: 0s; 		
}
@keyframes Fuwatter-BackSide {
	0% { opacity: 0; transform: translate(-30px,-30px); }
	100% { opacity: 1; transform: translate(0,0); }
}





.fuwatt {
	animation-fill-mode:both;
	animation-duration:1s;
	animation-name: Fuwatter;
	visibility: visible !important;
}
@keyframes Fuwatter {
	0% { opacity: 0; transform: translateY(-20px); }
	100% { opacity: 1; transform: translateY(0); }
}

.fuwatt-short-delay {
	animation-fill-mode:both;
	animation-duration:1s;
	animation-name: Fuwatter-LD;
	visibility: visible !important;
    animation-delay: 0.4s; 	
}
@keyframes Fuwatter-SD {
	0% { opacity: 0; transform: translateY(-20px); }
	100% { opacity: 1; transform: translateY(0); }
}

.fuwatt-mid-delay {
	animation-fill-mode:both;
	animation-duration:1s;
	animation-name: Fuwatter-LD;
	visibility: visible !important;
    animation-delay: 0.8s; 	
}
@keyframes Fuwatter-MD {
	0% { opacity: 0; transform: translateY(-20px); }
	100% { opacity: 1; transform: translateY(0); }
}

.fuwatt-long-delay {
	animation-fill-mode:both;
	animation-duration:1s;
	animation-name: Fuwatter-LD;
	visibility: visible !important;
    animation-delay: 1.2s; 	
}
@keyframes Fuwatter-LD {
	0% { opacity: 0; transform: translateY(-20px); }
	100% { opacity: 1; transform: translateY(0); }
}


.guwatt {
	animation-fill-mode:both;
	animation-duration:1s;
	animation-name: Guwatter;
	visibility: visible !important;
}
@keyframes Guwatter {
	0% { opacity: 0; transform: translateY(40px); }
	100% { opacity: 1; transform: translateY(0); }
}





/* =============================================================================
   Media Queries
   ========================================================================== */





@media only screen and (min-width: 1078px) {
	.subpage-eyecatch {background-repeat:no-repeat; background-attachment:scroll; background-size:cover; background-position:center center;}
}
@media only screen and (max-width: 1077px) {
	.subpage-eyecatch {background-repeat:no-repeat; background-attachment:scroll; background-size:cover; background-position:center 10%;}

	.saru-kao {bottom:10%; right:8.5%; width:80px;}
	.saru-serif {bottom:20%; right:4%; width:115px;}
	
}
@media only screen and (min-width: 996px) {

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

}

@media only screen and (min-width: 801px) {


	.a-area {background:inherit; transition:all 0.5s linear 0s;}
	.a-area.a-pink:hover {color:#d6c; background:rgba(255,221,232,0.4); transition:all 0.34s linear 0s;}
	.a-area.a-blue:hover {color:#00f; background:rgba(81,201,255,0.15); transition:all 0.34s linear 0s;}
}

@media only screen and (max-width: 800px) {
	
	.subpage-eyecatch { background-attachment:scroll; background-size:cover; background-position:center center;}	

	h1 span.blog-post-title {text-align:left !important; line-height:1.5em !important;}
	
}

@media only screen and (min-width: 769px)  {

}


/* All Mobile Sizes */
@media only screen and (max-width: 768px) {

	#header-inner {height:auto; min-height:100px;}	
	
	#page-title {height:247.5px;}			




	#intro-box {
		max-width:480px;
		height:auto; min-height:300px;
		margin:-6em auto; z-index:1;
		text-align:left;
	}
	#intro-box-image {
		height:auto; min-height:300px;
		background-position:center 15%;
		background-size:cover;
	}
	#intro-box h2 {font-size:1.5em; letter-spacing:-0.025em;}
	#information {padding:3em 0 3em;}

	.recruit .fixed-page-post {padding:1em;}

	
	/* #body-menu etc --- @ front-page, page-menu*/
	.keep-half.smp-waku {border-top:1px solid #ddd; margin-top:1.5em;}
	.keep-half.smp-waku > div { padding:0.5em; } 
	.keep-half.smp-waku > div {border-bottom:1px solid #ddd;}
	.keep-half.smp-waku > div:nth-child(odd) {border-right:1px solid #ddd;}


	.bubble {width:auto; max-width:408px;}

}

/* Mobile Landscape Size to Tablet Portrait */
@media only screen and (min-width: 480px) and (max-width: 768px) {

	h1 span.blog-post-title {font-size:82.5%; line-height:1.5em !important;}

}


/* Mobile Portrait Size to Mobile Landscape Size */
@media only screen and (max-width: 700px) {


}

/* Mobile Portrait Size to Mobile Landscape Size */
@media only screen and (max-width: 479px) {

	.toppage #page-title h1 {font-size:7vmin;}	
	.subpage #page-title h1 {letter-spacing:0.15em;}
	
	.toppage #logo { position:absolute; left:0.5em; top:0; max-width:250px; text-align:left;}	


	#page-title h1 { font-size:220%;} 
	.single #page-title h1 { font-size:175%; line-height:1.1;} 
	
	h1 span.h1-en-caption { bottom:20px; right: 1%; left:1%; margin:auto; font-size:1.15em;}
	
	.feature-text {font-size:125%; line-height:1.7em; text-align:left;}

	.motto p {text-align:left;}

	#page-upper a.gbtn-aqua-small {font-size:85%; font-feature-settings:"pkna";}

	h2.jp {font-size:220%; letter-spacing:0.125em;}
	ol.fs150p {font-size:115%; padding:0;}



	#intro-box h2 {font-size:5.2vw; letter-spacing:-0.025em;}

	.keep-half .post-card-wrapper {padding:0.5em 0;}
	.extend .post-card dl {padding-bottom:2.25em; line-height:1.35;}
	
	.blog .post-card span.imgframe:after,
	.archive .post-card span.imgframe:after {padding-top:66.66%;}
	
	.search .post-card dl dt {font-size:105%; line-height:1.5;}

	.privacy-policy #page-title h1 {font-size:175%;}
	.privacy-policy h1 span.h1-en-caption {font-size:0.95em;}
	.privacy-policy h2.jp {font-size:175%;}
	
	ul.term-list {padding-left:0;}	
	ul.term-list li { font-size:105%; font-weight:bold; margin-top:0.5em; margin-bottom:0.5em;}
	


	.face-icon,
	.face-photo {width:20vw; max-width:80px; margin:0.5em 0;}
	.bubble {padding:0.75em; font-size:90%; max-width:55vw;}
	.bubble.to-right::before {position:absolute; left:-16px; bottom:50%; margin-bottom:-8px; content:""; border:8px solid transparent; border-right:8px solid #fff;} 
	.bubble.to-left::before {position:absolute; right:-16px; bottom:50%; margin-bottom:-8px;  content:""; border:8px solid transparent; border-left:8px solid #fff;} 
	.bubble.bordered {border:1px solid #bababa;} 
	.bubble.bordered.to-right::before {position:absolute; left:-16px; bottom:50%; margin-bottom:-8px; content:""; border:8px solid transparent; border-right:8px solid #bababa;} 
	.bubble.bordered.to-right::after {position:absolute; left:-15px; bottom:50%; margin-bottom:-8px; content:""; border:8px solid transparent; border-right:8px solid #fff;} 
	.bubble.bordered.to-left::before {position:absolute; right:-16px; bottom:50%; margin-bottom:-8px;  content:""; border:8px solid transparent; border-left:8px solid #bababa;} 
	.bubble.bordered.to-left::after {position:absolute; right:-15px; bottom:50%; margin-bottom:-8px;  content:""; border:8px solid transparent; border-left:8px solid #fff;} 	
	
}


/* */