@charset "utf-8";

/**-----------------------------------------------
基本
-----------------------------------------------**/
body {
	color:#fff;
	font-family: 'Noto Serif JP', sans-serif;
	font-size: 15px;
	font-weight:100;
	line-height:2;
	min-width:1000px;
	background:#000;
}

/* 管理バー対策 */
.admin-bar #header{
	top:32px;
}


/*リンクされた文字*/
a,
a img,
a:link,
a:visited {
	color:#a8861b;
	transition: all 1.0s;
}
a img:hover,
a:hover,
a:active {
	color:#a8861b;
	text-decoration: none;
	border: none;
	outline: none;
	opacity:0.6;
}

.fl { float:left; }
.fr { float:right; }
.clearfix:after{ content: ""; display: block; clear: both; }
.ml20 { margin-left:20px; }
.mr20 { margin-right:20px; }
.mb00 { margin-bottom:0 !important; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.mb50 { margin-bottom:50px; }
.mb80 { margin-bottom:80px; }
.pt30 { padding-top: 30px;}
.pt40 { padding-top: 40px;}
.pb00 { padding-bottom: 0 !important;}
.pb100 { padding-bottom: 100px;}
.center { text-align:center; }

/* タイトル */
h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
}

.sp { display:none; }


/**-----------------------------------------------
ヘッダー
-----------------------------------------------**/
#header {
	position:fixed;
	top:0;
	left:0;
	z-index:9999;
	height:90px;
	width:100%;
	padding:25px 0;
	font-size:13.5px;
	background-color:rgba(0,0,0,0.7);
}

#logo {
	position:absolute;
	top:25px;
	left:25px;
}

#header nav {
	text-align:right;
}
#gnav {
	letter-spacing:-0.5em;
	display:inline-block;
	margin:15px 75px 0 0;
}
#gnav li {
	display:inline-block;
	letter-spacing:normal;
	margin-right:20px;
}
#gnav li.sp {
	display:none;
}
#gnav li a {
	color:#fff;
	padding-bottom:30px;
	text-decoration:none;
}

/* アコーディオン */
#gnav .accordion {
	position:relative;
}
#gnav .accordion div {
	display:none;
	position:absolute;
	top:51px;
	left:-30px;
	width:150px;
}
#gnav .accordion div a {
	display:block;
	padding:3px 0;
	margin-bottom:1px;
	text-align:center;
	background-color:rgba(0,0,0,0.7);
}

#header .sns_button {
	position:absolute;
	top:35px;
	right:25px;
}

/* 多言語 */
#language {
	position:absolute;
	top:0;
	right:25px;
}
#language select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	position:relative;
	padding-left:40px;
	width:120px;
	/*height:25px;*/
	height: 39px;
	line-height:25px;
	text-decoration:none;
	color:#a8861b;
	border:1px solid #a8861b;
	background-color:#000;
	background: transparent;
    z-index: 1;
}
#language:after {
	content:"▼";
	position:absolute;
	/*top:-2px;*/
	top: 5px;
	right:5px;
	color:#a8861b;
}


/* SNSボタン */
.sns_button {
	letter-spacing:-0.5em;
}
.sns_button li {
	display:inline-block;
	letter-spacing:normal;
	vertical-align:middle;
}
.fb_button {
	margin-right:10px;
}
.sns_button li.tw_button {
	display:none;
}
.fb_button a {
	display:block;
	width:20px;
	height:20px;
	background:url(../images/icon_fb.png) no-repeat 0 0;
}
.tw_button a {
	display:block;
	width:20px;
	height:16px;
	background:url(../images/icon_tw.png) no-repeat 0 0;
}
.contact-box {
    position: absolute;
    top: 0;
    right: 160px;
    width: 480px;
	height:50px;
}
.contact-box button.contact-btn {
	margin: 0;
    float: right;
}
.contact-box button.contact-btn a {
	padding: 3% 8%;
}
.contact-box p {
	float: left;
	padding: 6px 0;
}
button.contact-btn {
	width: 280px;
	font-family: 'Noto Serif JP', sans-serif;
    margin: 1em auto;
    background: none;
    border: 1px solid #a8861b;
    padding: 0;
}
button.contact-btn a {
	font-size: 1.1em;
	text-decoration: none;
    color: #fff;
    display: block;
    padding: 8%;
}


/**-----------------------------------------------
フッター
-----------------------------------------------**/
/* トップへ */
#pagetop {
	position:fixed;
	right:240px;
	bottom:70px;
	display:none;
}
#pagetop a {
	display:block;
	width:63px;
	height:85px;
	color:#c01920;
	text-align:center;
	text-decoration:none;
	font-size:19px;
	font-family: 'Josefin Sans', sans-serif;
	background:url(../images/page_top.png) no-repeat 0 bottom;
}

/* フッター */
#footer {
	color:#fff;
	text-align:center;
	line-height:2.2;
}
#footer_logo {
	padding:70px 0 30px;
	font-size:13.5px;
	border-bottom:1px solid #5c5c5c;
}
#footer_logo p {
	margin:10px 0;
}
#footer_nav {
	padding:25px 0;
	letter-spacing:-0.5em;
	border-bottom:1px solid #5c5c5c;
}
#footer_nav ul {
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal;
	text-align:left;
	font-size:12.5px;
	margin-right:30px;
}
#footer_nav ul:last-child {
	margin-right:0;
}
#footer_nav li a {
	color:#fff;
	text-decoration:none;
}
.nav_banner {
	padding:25px 0;
	letter-spacing:-0.5em;
}
.nav_banner li {
	display:inline-block;
	letter-spacing:normal;
}
.nav_banner li:first-child {
	margin-right:16px;
}



/**-----------------------------------------------
メイン
-----------------------------------------------**/
.bg {
  background-image: url('../img/bg.png');
}

.section {
	width:1000px;
	margin:0 auto;
}

#main .content {
	width: 1000px;
	margin: 0 auto;
}


/* ぱんくず */
#main .breadcrumbs {
	background-color:#000;
}
#main .breadcrumbs ul {
  display: flex;
}

#main .breadcrumbs li:not(:last-child)::after {
  padding: 0 10px;
  content: '>';
}

/* ページ遷移ボタン */
#main .paging {
  display: flex;
  justify-content: space-between;
}

#main .paging div {
  width: 180px;
  height: 40px;
  border: 1px solid #a8861b;
  text-align: center;
  line-height: 40px;
}

#main .paging .void {
  border: 0;
}

#main .paging a {
  display: block;
  height: 100%;
  text-decoration: none;
}

/* 見出し */
#title {
	position:relative;
	height:400px;
	display:flex;
	align-items:center;
	background:url(../images/title_bg.png) no-repeat center center;
	background-size:cover;
	z-index: 0;
	overflow: hidden;
}
#title:before {
	content: '';
	position: absolute;
	/* 輪郭がぼやけてしまうのでブラー範囲を広げる */
	top: -5px;
	bottom: -5px;
	left: -5px;
	right: -5px;
	background: inherit;
	filter: blur(5px);
	z-index:-1;
}
#title h1 {
	position:relative;
	line-height:1.2;
	text-align:center;
	font-size:40px;
	margin:0 auto;
}
#title h1:after {
	content:"";
	display:block;
	position:absolute;
	left:0;
	right:0;
	bottom:-30px;
	width:90px;
	margin:auto;
	border-bottom:1px solid #fff;
}


/* 見出し */
#page_title {
	font-size:28px;
	margin-bottom: 50px;
	text-align: center;
}
#page_title::first-letter {
	color: #c01920;
}
#page_title::after {
	display: block;
	width: 100px;
	margin: 0 auto;
	padding-top: 20px;
	border-bottom: 1px solid #fff;
	content: '';
}

/* ページ内リンクをメニュー分ずらす */
.page_link {
	display:block;
	padding-top:90px;
	margin-top:-90px;
}


/* ==================================================================================

TOP

================================================================================== */
/* メインビジュアル */
.home #main_img {
	height:auto;
	min-height: 100vh;
	color:#fff;
	text-align:center;
	position:relative;
	background:url(../images/top/main_img.png) no-repeat center;
	background-size: cover;
}
.home #main_title {
	position:absolute;
	left:0;
	right:0;
	top:42%;
}
.home #main_img h1 {
	line-height:1.2;
	font-size:105px;
	font-family: 'Cormorant Garamond', serif;
	letter-spacing:2px;
}
.home #main_img h1 span {
	color:#c21616;
}
.home #main_img p {
	font-size:23px;
}
.home #main_img p:after {
	content:"";
	display:block;
	position:absolute;
	bottom:-30px;
	left:0;
	right:0;
	width:80px;
	margin:0 auto;
	border-bottom:1px solid #fff;
}

/* メインビジュアル 下部*/
.home #main_bottom {
    position: absolute;
    bottom: 0;
	width: 100%;
}

/* メインビジュアル 下部　スクロールダウン*/
.home #main_bottom .scroll_down {
    margin-bottom: 10px;
}
.home #main_bottom .scroll_down a {
    display: inline-block;
    color: #fff;
    text-decoration: none;
    padding-bottom: 25px;
    font-family: 'Josefin Sans', sans-serif;
    background: url(../images/icon_arrow_bottom.png) no-repeat center bottom;
}

/* メインビジュアル 下部　企業ロゴフローティング*/
.scroll-parent {
    position: relative;
	display: flex;
    width:100vw;
	padding:30px 0;
    height: inherit;
	overflow: hidden;
	background-color: rgba(0, 0, 0, 0.7);
}
.scroll-child {
    display: flex;
	padding: 0;
	flex-shrink: 0;
}
.scroll-child > li {
	display: inline-block;
    width: 80px;
    height: 50px;
	list-style: none;
	text-align: center;
	margin: 0 10px 0;
	mix-blend-mode: multiply;
}
.scroll-child > li img {
    display: block;
    width: 80px;
    height: 50px;
    object-fit: contain;
    object-position: center;
	mix-blend-mode: multiply;
}
.scroll-child:nth-child(1) {
    animation:first 120s -60s linear infinite;
}

.scroll-child:nth-child(2) {
    animation:second 120s  linear infinite;
}
@keyframes first {
	0%{
		transform:translateX(100%);
	}
	100%{
		transform:translateX(-100%);
	}
}

@keyframes second {
	0%{
		transform:translateX(0);
	}
	100%{
		transform:translateX(-200%);
	}
}

@media screen and (min-width: 600px) {
    .home #main_bottom .scroll_down {
        margin-bottom: 30px;
    }

    .home #client .client_logo li {
        width: 120px;
        height: 70px;
    }

    .home #client .client_logo li img {
        width: 120px;
        height: 70px;
    }

	.scroll-child:nth-child(1) {
		animation:first 60s -30s linear infinite;
	}
	
	.scroll-child:nth-child(2) {
		animation:second 60s  linear infinite;
	}
}


/* コンセプト */
.home #concept {
	color:#fff;
	padding:180px 0 100px;
	text-align:center;
	background:#161616 url(../images/top/concept_bg.png) no-repeat 0 0;
}
.home #concept h2 {
	position:relative;
	margin-bottom:70px;
	line-height:1.8;
}
.home #concept h2:before {
	content:"";
	display:block;
	position:absolute;
	top:-45px;
	left:0;
	right:0;
	width:37px;
	height:37px;
	margin:auto;
	background-color:#c01920;
	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
}
.home #concept h2:after {
	content:"";
	display:block;
	position:absolute;
	bottom:-25px;
	left:0;
	right:0;
	width:200px;
	margin:auto;
	border-bottom:1px solid #a8861b;
}
.home #concept h2 em {
	display:block;
	font-size:35px;
	font-family: 'Cormorant Garamond', serif;
	letter-spacing:10px;
}
.home #concept h2 span {
	display:block;
	font-size:37px;
	font-weight:400;
}
.home #concept p {
	margin-bottom:60px;
}
.home .more_button a {
	display:inline-block;
	height:35px;
	line-height:35px;
	width:210px;
	color:#a8861b;
	font-size:13.5px;
	text-align:center;
	text-decoration:none;
	border:1px solid #a8861b;
	background:url(../images/icon_square_gold.png) no-repeat 186px center;
}


/* サービス */
.home #service {
	color:#fff;
	margin:-90px 0 160px;
	padding-top:90px;
}
.home #service h2 {
	position:relative;
	text-align:center;
	padding:100px 0;
	overflow:hidden;
	background-color:#232323;
}
.home #service h2:before {
	content:"";
	display:block;
	width:50%;
	height:1px;
	position:absolute;
	top:0;
	bottom:0;
	left:-116px;
	margin:auto;
	background-color:#595959;
}
.home #service h2:after {
	content:"";
	display:block;
	width:50%;
	height:1px;
	position:absolute;
	top:0;
	bottom:0;
	right:-116px;
	margin:auto;
	background-color:#595959;
}
.home #service h2 em {
	display:block;
	font-size:35px;
	font-family: 'Cormorant Garamond', serif;
	letter-spacing:7px;
	line-height:1;
}
.home #service h2 span {
	display:block;
	font-size:15px;
	font-weight:100;
}
.home #service h2 a {
	position:absolute;
	left:0;
	right:0;
	bottom:70px;
	margin:auto;
	display:block;
	width:34px;
	height:13px;
	background:url(../images/icon_arrow_bottom.png) no-repeat 0 0;
}

/* サービス項目 */
.home #service section {
	overflow:hidden;
}
.home #service figure {
	width:1080px;
	line-height:0;
}
.home #service .section {
	position:relative;
}
.home #service .section h3 {
	line-height:1.2;
	margin-bottom:20px;
	font-size:46px;
	font-family: 'Cormorant Garamond', serif;
}
.home #service .section aside {
	position:absolute;
	top:-20px;
	font-size:31px;
	font-weight:bold;
	line-height:1.4;
	word-break:keep-all;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
.home #service .section aside span {
	display:block;
	text-align:left;
}
.home #service .section em {
	display:block;
	font-size:21px;
	margin-bottom:10px;
}
.home #service .section p {
	width:240px;
	font-size:14px;
	font-weight:100;
	line-height:2.3;
	margin-bottom:20px;
}
.home #service .section a {
	display:inline-block;
	width:44px;
	height:11px;
	background:url(../images/top/icon_arrow_smart.png) no-repeat 0 0;
}
.home #service .section .arrow_button_l a {
	display:inline-block;
	width:auto;
	height:auto;
	color:#fff;
	text-decoration:none;
	background: url(../images/top/icon_arrow_smart.png) no-repeat 0 bottom;
}
.home #service .section .arrow_button_r a {
	display:inline-block;
	width:auto;
	height:auto;
	color:#fff;
	text-decoration:none;
	padding-bottom:20px;
	background: url(../images/top/icon_arrow_smart.png) no-repeat right bottom;
}

/* 左 */
.home .service_left figure {
	margin-left:380px;
}
.home .service_left .service_content {
	position:absolute;
	left:0;
}
.home .service_left {
	overflow:hidden;
	background:url(../images/top/service_left_bg.png) no-repeat left bottom;
}
/* 右 */
.home .service_right figure {
	position:relative;
	right:460px;
}
.home .service_right .service_content {
	position:absolute;
	right:0;
	text-align:right;
}
.home .service_right {
	overflow:hidden;
	background:url(../images/top/service_right_bg.png) no-repeat right bottom;
}
.home #service .service_right .section p {
	margin:0 0 0 auto;
}
/* 歌舞伎 */
.home #kabuki .service_content {
	top:70px;
}
.home #kabuki .section aside {
	left:-50px;
}
/* 「忍者」「芸者」 */
.home #ninja .service_content {
	top:50px;
}
.home #ninja .section aside {
	top:-40px;
	right:-50px;
}
/* 「日本伝統芸能アートコラボレーション」 */
.home #art .service_content {
	top:15px;
	padding-left:30px;
}
.home #art .section aside {
	top:0;
	left:-50px;
	font-size:25px;
}
.home #art .section aside span:last-child {
	margin-top:120px;
}
/* 「書道＋ジャズ」「茶道＋着物」「華道＋着物」 */
.home #culture .service_content {
	top:80px;
	padding-right:40px;
}
.home #culture .section aside {
	top:-60px;
	right:-50px;
	font-size:25px;
}
.home #culture .section aside span:last-child {
	padding-top:55px;
}
/* 「空手」「柔道」 */
.home #martialarts .service_content {
	top:30px;
}
.home #martialarts .section aside {
	top:0;
	left:-50px;
}
/* 「ジャパニーズウィスキー」 */
.home #whisky .service_content {
	top: 60px;
}
.home #whisky .section aside {
	top: -60px;
	right: -50px;
	font-size: 25px;
}
.home #whisky .section aside span:last-child {
	padding-top: 55px;
}
/* 「日本のおもてなし文化の神髄の体験」 */
.home #manager .service_content {
	top: 45px;
	padding-left: 30px;
}

.home #manager .section aside {
	top: -30px;
	left: -50px;
	font-size: 25px;
}

.home #manager .section aside span:last-child {
	margin-top: 120px;
}

/* VIP向けおもてなし企画制作 */
.home #vip .service_content {
	top: 45px;
	padding-left: 30px;
}

.home #vip .section aside {
	right: -50px;
}

.home #vip .section aside span:last-child {
	margin-top: 120px;
}

/* チームビルディング */
.home #team .service_content {
	top: 45px;
	padding-left: 30px;
}

.home #team .section aside {
	top: 0px;
	left: -50px;
}


/* MOTENASU JAPANの品質について/オーダーメイドプランについて */
.home #quality_plan {
	color:#fff;
	text-align:center;
	letter-spacing:-0.5em;
}
.home #quality_plan section {
	position:relative;
	display:inline-block;
	vertical-align:middle;
	letter-spacing:normal;
	width:50%;
	max-width:960px;
	height:520px;
}
.home #quality_plan .inner {
	position:absolute;
	top:60px;
	width:340px;
	padding:50px 35px 35px;
	background-color:rgba(0,0,0,0.82);
}
.home #quality_plan .inner h2 {
	position:relative;
	line-height:1.5;
	font-size:23px;
	margin-bottom:50px;
}
.home #quality_plan .inner h2 em {
	display:block;
	font-size:27px;
}
.home #quality_plan .inner h2:after {
	position:absolute;
	content:"";
	display:block;
	width:90px;
	left:0;
	right:0;
	bottom:-25px;
	margin:auto;
	border-bottom:1px solid #fff;
}
.home #quality_plan .inner p {
	width:250px;
	margin:0 auto 40px;
	font-size:14px;
	font-weight:100;
	text-align:left;
}
.home #quality {
	background:url(../images/top/quality_bg.png) no-repeat 0 0;
}
.home #quality .inner {
	right:45px;
}
.home #plan {
	background:url(../images/top/plan_bg.png) no-repeat 0 0;
}
.home #plan .inner {
	left:45px;
}

/* ご利用の流れ/お客様の声/よくあるご質問 */
.home #other {
	color:#fff;
	position:relative;
	letter-spacing:-0.5em;
	padding:230px 0 100px;
	text-align:center;
	background:url(../images/top/other_bg.png) no-repeat center 110px;
}
.home #other section {
	display:inline-block;
	letter-spacing:normal;
	position:relative;
}
.home #other section:first-child {
	margin-right:200px;
	z-index:1;
}
.home #other section:nth-child(2) {
	position:absolute;
	top:135px;
	left:0;
	right:0;
	margin:auto;
}
.home #other section h2 {
	font-size:19px;
	font-weight:100;
}
.home #other section p {
	width:200px;
	font-size:14px;
	font-weight:100;
	margin:0 auto;
	padding-bottom:30px;
	background:url(../images/icon_square_gold.png) no-repeat center bottom;
}


/* ブログ */
.home #blog {
	color:#fff;
	padding:60px 0 80px;
	margin-bottom:95px;
	text-align:center;
	background:url(../images/top/blog_bg.png) no-repeat center 0;
}
.home #blog h2 {
	position:relative;
	font-size:16px;
	font-weight:100;
	line-height:1.5;
	margin-bottom:50px;
}
.home #blog h2 em {
	display:block;
	font-size:35px;
	font-family: 'Cormorant Garamond', serif;
	letter-spacing:6px;
}
.home #blog h2:after {
	content:"";
	display:block;
	position:absolute;
	left:0;
	right:0;
	bottom:-20px;
	width:50px;
	margin:auto;
	border-bottom:1px solid #fff;
}
.home #blog ul {
	width:660px;
	margin:0 auto 40px;
	letter-spacing:-0.5em;
}
.home #blog li {
	position:relative;
	display:inline-block;
	letter-spacing:normal;
	vertical-align:top;
	margin-right:6.5px;
	height:320px;
}
.home #blog li:last-child {
	margin-right:0;
}
.home #blog li h3 {
	position:absolute;
	left:5px;
	bottom:10px;
	color:#fff;
	font-size:23px;
	text-align:right;
	text-decoration:none;
	line-height:1.4;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
.home #blog li:after {
	content:"";
	display:block;
	position:absolute;
	right:7px;
	bottom:15px;
	width:58px;
	height:58px;
	background:url(../images/top/blog_icon.png) no-repeat 0 0;
}

.home .view_button a {
	display:inline-block;
	height:35px;
	line-height:35px;
	width:210px;
	color:#fff;
	font-size:13.5px;
	text-align:center;
	text-decoration:none;
	border:1px solid #fff;
	background:url(../images/icon_square_white.png) no-repeat 186px center;
}


/* 旅行代理店様・ホテル様へ/会社概要 */
.home #business_company {
	color:#fff;
	margin-bottom:60px;
}
.home #business_company section {
	width:490px;
}
.home #business_company figure {
	position:relative;
	text-align:center;
}
.home #business_company figure a {
	color:#fff;
	text-decoration:none;
}
.home #business_company figcaption {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:1;
	margin:auto;
	height:30px;
	line-height:30px;
	letter-spacing:7px;
	font-size:35px;
	font-family: 'Cormorant Garamond', serif;
}
.home #business_company h2 {
	font-size:19px;
}
.home #business_company p {
	font-size:14px;
	padding-bottom:30px;
	background:url(../images/icon_square_gold.png) no-repeat 3px bottom;
}
.home #business_company a {
  display: block;
  color:#fff;
  text-decoration:none;
}


/* 新着情報 */
.home #news {
	position:relative;
	color:#fff;
	padding:60px 0;
	background-color:#292929;
}
.home #news .fl {
	width:280px;
}
.home #news h2 {
	position:relative;
	font-size:16px;
}
.home #news h2 em {
	display:block;
	letter-spacing:7px;
	line-height:1.1;
	margin-bottom:8px;
	font-size:35px;
	font-family: 'Cormorant Garamond', serif;
}
.home #news h2:after {
	content:"";
	display:block;
	position:absolute;
	bottom:-10px;
	left:0;
	width:100px;
	border-bottom:1px solid #fff;
}
.home #news ul {
	width:700px;
	font-size:14px;
	height:150px;
	overflow-y:scroll;
	padding-right:5px;
	margin-bottom:40px;
}
.home #news li {
	height:52px;
	line-height:52px;
	padding:0 10px;
}
.home #news li:nth-child(odd) {
	background-color:#000000;
}
.home #news li a {
	color:#fff;
	text-decoration:none;
}
.home #news li time {
	padding:2px 5px;
	margin-right:10px;
	background-color:#000;
}
.home #news li:nth-child(odd) time {
	background-color:#292929;
}
.home #news .view_button {
	text-align:right;
}

/* ==================================================================================

サービス

================================================================================== */
/* 見出し */
.service_title {
	position:relative;
	font-size:27px;
	font-family: 'Cormorant Garamond', serif;
	text-align:center;
	margin-bottom:40px;
}
.service_title:after {
	content:"";
	display:block;
	position:absolute;
	bottom:-10px;
	left:0;
	right:0;
	margin:auto;
	width:90px;
	border-bottom:1px solid #FFF;
}

/* OTHER SERVICE */
#service_other {
	padding:70px 0 90px;
	background:#161616 url(../images/service_bg_02.png) no-repeat center 0;
}
#service_other ul {
	display: flex;
	align-items:top;
}
#service_other li {
	position:relative;
	width:240px;
	height:135px;
	display:flex;
	align-items:center;
	margin-right:13px;
}
#service_other li:last-child {
	margin-right:0;
}
#service_other li div span {
	position:relative;
	z-index:1;
	display:inline-block;
	padding:0 5px;
	margin-left:10px;
	height:30px;
	line-height:30px;
	text-align:left;
	font-size:17px;
	color:#FFF;
	background-color:#000;
}
#service_other li div:after {
	content:"";
	display:block;
	position:absolute;
	z-index:1;
	bottom:2px;
	right:2px;
	width:16px;
	height:16px;
	background:url(../images/icon_square_gold.png) no-repeat 0 0;
}
#service_other li figure {
	position:absolute;
	z-index:0;
	top:0;
	left:0;
}


/* ==================================================================================

ブログ

================================================================================== */
#main .blog .results {
  display: flex;
  margin-bottom: 50px;
  flex-wrap: wrap;
}

#main .blog .results li {
  width: 300px;
  margin-bottom: 50px;
}

#main .blog .results li:not(:nth-child(3n)) {
  margin-right: 50px;
}

#main .blog .results img {
  width: 100%;
  border: solid 1px #fff;
}

#main .blog .results h2 {
  font-size: 100%;
}

#main .blog .results time {
  display: block;
  font-size: 14px;
}

#main .blog .results a {
  display: block;
  color: #a8861b;
  text-align: right;
  text-decoration: underline;
}

#main .blog .blog-nav {
	color:#fff;
	text-align:center;
}
#main .blog .blog-nav h2 {
	position:relative;
	font-size:16px;
	font-weight:100;
	line-height:1.5;
	margin-bottom:50px;
}
#main .blog .blog-nav h2 em {
	display:block;
	font-size:35px;
	font-family: 'Cormorant Garamond', serif;
	letter-spacing:6px;
}
#main .blog .blog-nav h2:after {
	content:"";
	display:block;
	position:absolute;
	left:0;
	right:0;
	bottom:-20px;
	width:50px;
	margin:auto;
	border-bottom:1px solid #fff;
}
#main .blog .blog-nav ul {
	margin:0 auto 40px;
	letter-spacing:-0.5em;
}
#main .blog .blog-nav li {
	position:relative;
	display:inline-block;
	letter-spacing:normal;
	vertical-align:top;
	margin-right:6.5px;
	height:320px;
}
#main .blog .blog-nav li:last-child {
	margin-right:0;
}
#main .blog .blog-nav li h3 {
	position:absolute;
	left:5px;
	bottom:10px;
	color:#fff;
	font-size:23px;
	text-align:right;
	text-decoration:none;
	line-height:1.4;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
#main .blog .blog-nav li:after {
	content:"";
	display:block;
	position:absolute;
	right:7px;
	bottom:15px;
	width:58px;
	height:58px;
	background:url(../images/blog_icon.png) no-repeat 0 0;
}

#main .blog .blog-nav .view_button a {
	display:inline-block;
	height:35px;
	line-height:35px;
	width:210px;
	color:#fff;
	font-size:13.5px;
	text-align:center;
	text-decoration:none;
	border:1px solid #fff;
	background:url(../common_img/icon_square_white.png) no-repeat 186px center;
}


/* ==================================================================================

ブログ_詳細

================================================================================== */
#main .blog_detail section {
  margin: 20px 0 50px;
}

#main .blog_detail time {
  display: block;
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #a8861b;
  text-align: right;
}

#main .blog_detail h3 {
  margin-bottom: 10px;
  color: #a8861b;
}

#main .blog_detail img {
  max-width: 100%;
  height:auto;
}

#main .blog_detail figure {
	text-align:center;
}

#main .blog_detail .fb_btn {
	text-align:right;
	margin-bottom:30px;
}


/* ==================================================================================

新着情報

================================================================================== */
#main .news .wrap {
  margin-bottom: 100px;
}

#main .news h2 {
  padding-bottom: 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid #a8861b;
}

#main .news section {
  margin-bottom: 80px;
}

#main .news .txt {
  width: 500px;
}

#main .news section figure {
	width: 420px;
	text-align:center;
}


/* ==================================================================================

お問い合わせ

================================================================================== */
#main .contact .form form {
  margin: 30px 0 50px;
}

#main .contact .form form div {
  padding: 30px;
  border-top: 1px solid #a8861b;
  letter-spacing: -0.5em;
}

#main .contact .form form div:last-child {
  border-bottom: 1px solid #a8861b;
}

#main .contact .form form dt,
#main .contact .form form dd {
  display: inline-block;
  vertical-align: middle;
}

#main .contact .form form dt {
  width: 30%;
}

#main .contact .form form dd {
  width: 70%;
  letter-spacing: normal;
}

#main .contact .form .item,
#main .contact .form .required,
#main .contact .form .any {
  display: inline-block;
  text-align: center;
  letter-spacing: normal;
}

#main .contact .form .item {
  width: 60%;
  font-weight: bold;
}

#main .contact .form .required,
#main .contact .form .any {
  width: 40%;
}

#main .contact .form .required {
  color: #c01920;
  font-weight: bold;
}

#main .contact .form form input[type="text"],
#main .contact .form form input[type="email"],
#main .contact .form form input[type="tel"],
#main .contact .form form textarea {
  width: 100%;
  padding: 8px;
  box-sizing: border-box;
}

#main .contact .form form textarea {
  height: 200px;
  min-height: 200px;
  resize: vertical;
}

#main .contact .form .cat label {
  margin-right: 20px;
}

#main .contact .form .cat label,
#main .contact .form .date label {
  font-size: 14px;
}

#main .contact .form .caution {
  margin-top: 30px;
  text-align: center;
}

#main .contact .form form #submit_button {
	text-align:center;
  border-top: 0;
}
#main .contact .form form #submit_button br {
	display:none;
}
#main .contact .form form #submit_button input {
  display: inline-block;
  width: 300px;
  height: 50px;
  margin: 0 auto;
  border: 0;
  background-color: #a8861b;
  color: #fff;
  font-size: 18px;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  cursor: pointer;
  transition: all 1.0s;
}

#main .contact .form form #submit_button input:hover {
  opacity: 0.6;
}

#main .contact .form form #submit_button input:disabled {
	background-color:#999;
}
#main .contact .form form #submit_button input:disabled:hover {
	opacity:1;
	cursor:default;
}

#main .contact .form form #submit_button input.wpcf7c-btn-back {
	margin-right:20px;
}

#main .contact .personal-info h2 {
  margin-bottom: 50px;
  text-align: center;
}

#main .contact .personal-info h2::after {
  display: block;
  width: 100px;
  margin: 0 auto;
  padding-top: 20px;
  border-bottom: 1px solid #fff;
  content: '';
}

#main .contact .personal-info {
  padding: 20px 40px;
  word-wrap: break-word;
  background-color:rgba(256,256,256,0.2);
}

#main .contact .personal-info section {
  margin: 20px 0;
}

#main .contact .personal-info ul {
  list-style-type: disc;
  padding-left: 20px;
}

#main .contact .personal-info h3 {
  margin-bottom: 5px;
  font-size: 100%;
}
/* ==================================================================================

サービス

================================================================================== */
/* 見出し */
.service_title {
	position:relative;
	font-size:27px;
	font-family: 'Cormorant Garamond', serif;
	text-align:center;
	margin-bottom:40px;
}
.service_title:after {
	content:"";
	display:block;
	position:absolute;
	bottom:-10px;
	left:0;
	right:0;
	margin:auto;
	width:90px;
	border-bottom:1px solid #FFF;
}

/* OTHER SERVICE */
#service_other {
	padding:70px 0 90px;
	background:#161616 url(../images/service_bg_02.png) no-repeat center 0;
}
#service_other ul {
	display: flex;
	align-items:top;
}
#service_other li {
	position:relative;
	width:240px;
	height:135px;
	display:flex;
	align-items:center;
	margin-right:13px;
}
#service_other li:last-child {
	margin-right:0;
}
#service_other li div span {
	position:relative;
	z-index:1;
	display:inline-block;
	padding:0 5px;
	margin-left:10px;
	height:30px;
	line-height:30px;
	text-align:left;
	font-size:17px;
	color:#FFF;
	background-color:#000;
}
#service_other li div:after {
	content:"";
	display:block;
	position:absolute;
	z-index:1;
	bottom:2px;
	right:2px;
	width:16px;
	height:16px;
	background:url(../images/icon_square_gold.png) no-repeat 0 0;
}
#service_other li figure {
	position:absolute;
	z-index:0;
	top:0;
	left:0;
}

@media screen and (min-width: 701px) {
	.service_sf .manager1 {
		background: #161616 url(../images/manager/strength_bg1.jpg) no-repeat center 0;
		background-size: cover;
	}
	.service_sf .manager3 {
		background: #161616 url(../images/manager/strength_bg2.jpg) no-repeat center 0;
		background-size: cover;
	}
	.service_sf .manager5 {
		background: #161616 url(../images/manager/strength_bg3.jpg) no-repeat center 0;
		background-size: cover;
	}
	.service_sf .manager2 .pt30,
	.service_sf .manager4 .pt30,
	.service_sf .manager6 .pt30 {
		padding-top: 30px;
	}

}
@media screen and (min-width: 701px) {
	.service_sf .text2 h3 {
		display:inline-block;
		color:#a8861b;
		font-size:36px;
		font-style: oblique;
		margin-left:150px;
		margin-right:30px;
		line-height:0.3;
	}
	.service_sf .text2 h4 {
		display:inline-block;
		font-size:24px;
		line-height:1;
		margin-bottom:30px;
	}
	.service_sf .link {
		margin-left:150px;
	}
}
.service_sf .manager2 {
	background: #161616 url(../images/manager/features_bg1.jpg) no-repeat center 0;
	background-size: cover;
}
.service_sf .manager4 {
	background: #161616 url(../images/manager/features_bg2.jpg) no-repeat center 0;
	background-size: cover;
}
.service_sf .manager6 {
	background: #161616 url(../images/manager/features_bg3.jpg) no-repeat center 0;
	background-size: cover;
}
.service_sf .arrow {
	position: relative;
	top: -20px;
}
.service_sf .arrow2 {
	position: relative;
	top: -20px;
	left: 150px;
}
.service_sf .img {
	width:540px;
	line-height:0;
}
.service_sf {
  padding: 0 0 80px;
}
@media screen and (max-width: 700px) {
  .service_sf .fl.text2 {
		margin-left:30px;
	}
	.service_sf .fr.text2 {
		margin-right:30px;
	}
	.service_sf .text2 {
		margin: 10px;
	}
	.service_sf .text2 h3 {
		display:inline-block;
		color:#a8861b;
		font-size:36px;
		font-style: oblique;
		line-height:0.3;
	}
	.service_sf .text2 h4 {
		display:inline-block;
		font-size:24px;
		line-height:1;
		margin-bottom:30px;
	}
	.service_sf .link {
		margin: 0;
	}
	.service_sf .arrow2 {
		left: 0;
	}
  .service_sf .manager1 {
		background: #161616 url(../images/manager/strength_bg1_sp.jpg) no-repeat center 0;
		background-size: cover;
	}
	.service_sf .manager3 {
		background: #161616 url(../images/manager/strength_bg2_sp.jpg) no-repeat center 0;
		background-size: cover;
	}
	.service_sf .manager5 {
		background: #161616 url(../images/manager/strength_bg3_sp.jpg) no-repeat center 0;
		background-size: cover;
	}
	.service_sf .manager2 {
		background: #161616 url(../images/manager/features_bg1_sp.jpg) no-repeat center 0;
		background-size: cover;
	}
	.service_sf .manager4 {
		background: #161616 url(../images/manager/features_bg2_sp.jpg) no-repeat center 0;
		background-size: cover;
	}
	.service_sf .manager6 {
		background: #161616 url(../images/manager/features_bg3_sp.jpg) no-repeat center 0;
		background-size: cover;
	}
  .service_sf .manager1 .sayuu {
    padding: 0 10px;
  }
}

/* メインイメージミニサイズディスプレイ用 */
@media screen and (max-height: 700px) {
	.home #main_title {
		top:25%;
	}
	.home #main_img .scroll_down {
		bottom:30px;
	}
}



/*　SP ================================================================================================================= */

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

	body {
		min-width:initial;
		font-size:14px;
	}


	#main {
		margin-top:80px;
	}

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

	.section {
		width:auto;
		margin:0 20px;
	}
	.home .section {
		margin:0;
	}


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

	/* 管理バー対策 */
	.admin-bar #header{
		top:0;
	}


	/* 見出し */
	#title {
		height:150px;
	}
	#title h1 {
		font-size:6.5vw;
		margin-top:-20px;
	}
	#title h1:after {
		bottom:-20px;
		width:70%;
	}

	/* ページ内リンクをメニュー分ずらす */
	.page_link {
		padding-top:80px;
		margin-top:-80px;
	}



	/**-----------------------------------------------
	ヘッダー
	-----------------------------------------------**/
	#header {
		height:80px;
		padding:0;
		background-color:#000;
	}
	#logo {
		width:165px;
		left:15px;
	}
	#logo img {
		width:100%;
		height:auto;
	}
	/* bodyを固定 */
	body.fixed {
		position: fixed;
		width: 100%;
		height: 100%;
	}
	/* ヘッダーボタン */
	#sp_menu {
		display: inline-block;
		position: absolute;
		right:60px;
		top:37px;
		z-index:1;
	}
	#sp_menu span{
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 35px;
		height: 4px;
		background: #FFF;
		transition: .2s;
	}
	#sp_menu span:before, #sp_menu span:after{
		display: block;
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		width: 35px;
		height: 4px;
		background: #FFF;
		transition: .3s;
	}
	#sp_menu span:before{
		margin-top: -16px;
	}
	#sp_menu span:after{
		margin-top: 12px;
	}
	#sp_menu .close{
		background: transparent;
	}
	#sp_menu .close:before, #sp_menu .close:after{
		margin-top: 0;
	}
	#sp_menu .close:before{
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
	}
	#sp_menu .close:after{
		transform: rotate(-135deg);
		-webkit-transform: rotate(-135deg);
	}

	/* ナビゲーションメニュー */
	#header_nav {
		display:none;
		position:absolute;
		top:80px;
		left:0;
		width:100%;
		overflow-y:scroll;
		height:100vh;
		height: -webkit-calc(100vh - 80px);
		height: calc(100vh - 80px);
		background-color:#2d2d2d;
	}
	#language {
		top:auto;
		right:25px;
	}
	#language li {
		background-color:#2d2d2d;
	}
	#header .sns_button {
		top:90px;
		left:35px;
		right:auto;
	}
	#gnav {
		display:block;
		margin:50px 0 0;
		border-top:1px solid #9b9b9b;
	}
	#gnav li {
		display:block;
		margin:0;
		text-align:left;
		border-bottom:1px solid #9b9b9b;
	}
	#gnav li.sp {
		display:block;
	}
	#gnav li span.sp {
		display:inline-block;
	}
	#gnav li a {
		display:block;
		padding:10px 35px;
	}
	#gnav .accordion .sp {
		position:relative;
		display:block;
		padding:10px 35px;
	}
	#gnav .accordion .sp:after {
		position:absolute;
		top:0;
		bottom:0;
		right:20px;
		margin:auto;
		content:"";
		display:block;
		width:16px;
		height:16px;
		background:url(../images/icon_square_gold_under.png) no-repeat 0 0;
	}
	#gnav .accordion div {
		position:static;
		width:auto;
		display:none;
	}
	#gnav .accordion div a {
		margin:0;
		text-align:left;
		padding:10px 50px;
		background-color:rgba(0,0,0,0.4);
		border-top: 1px solid #9b9b9b;
	}
	.nav_banner {
		padding:20px;
	}
	.nav_banner li {
		width:48%;
	}
	.nav_banner li:first-child {
		margin-right:4%;
	}
  #header_nav .contact-box {
	position: static;
	display: block;
	width: 100%;
	text-align: center;
	padding-bottom: 1em;
	}
	.contact-box p,
	.contact-box button.contact-btn {float: none;}


	/**-----------------------------------------------
	フッター
	-----------------------------------------------**/
	/* トップへ */
	#pagetop {
		display:none !important;
	}

	#footer {
		padding-bottom:40px;
	}
	#footer_logo {
		padding-top:20px;
	}
	#footer_nav,
	#footer .nav_banner {
		display:none;
	}

	/**-----------------------------------------------
	メイン
	-----------------------------------------------**/
	#main .content {
		width: 95%;
		padding: 5%;
	}

	#main .paging div {
		width: 100px;
		height:auto;
		line-height:unset;
		font-size:3.3vw;
	}

	#main .breadcrumbs {
		display:none;
	}

	/* ==================================================================================

		TOP

	================================================================================== */
	/* メインビジュアル */
	.home #main_img {
		min-height: -webkit-calc(100vh - 80px);
		min-height: calc(100vh - 80px);
	}
	.home #main_img h1 {
		font-size:10vw;
	}
	.home #main_img p {
		padding:0 20px;
		font-size:5.6vw;
		line-height:1.6;
	}
	.home #main_img p br {
		display:none;
	}
	.home #main_title {
		top:32%;
	}

	/* コンセプト */
	.home #concept {
		padding:140px 0 80px;
		background-repeat:no-repeat;
		background:url(../images/sp/top/concept_bg_01.png) no-repeat 0 0 / contain,
							url(../images/sp/top/concept_bg_02.png) no-repeat right bottom / contain;
		background-color:#161616;
	}
	.home #concept h2 span {
		font-size:10vw;
		line-height:1.2;
	}
	.home #concept h2:before {
		width:35px;
		height:35px;
	}
	.home #concept h2:after {
		width:170px;
	}
	.home #concept p {
		padding:20px;
		font-size:4vw;
	}
  .home #concept iframe {
		width: 96%;
		height: auto;
	}

	/* サービス紹介 */
	.home #service {
		margin:-80px 0 20px;
		padding-top:80px;
	}
	.home #service h2 {
		padding:20px 0 50px;
	}
	.home #service h2 a {
		bottom:20px;
	}
	.home #service h2:before {
		top:-20px;
		left:-100px;
		height:2px;
	}
	.home #service h2:after {
		top:-20px;
		right:-100px;
		height:2px;
	}
	.home #service figure {
		width:auto;
		margin:0;
		position:static;
	}
	.home #service .section h3 {
		margin-bottom:10px;
	}
	.home #service .section h3 br {
		display:none;
	}
	.home #service .section em {
		font-size:5.4vw;
		line-height:1.6;
	}
	.home #service .section aside {
		font-size:8vw;
	}
	.home #service .section p {
		width:auto;
		font-size:3.6vw;
	}
	.home .service_left,
	.home .service_right {
		background:none;
	}
	.home .service_left .service_content,
	.home .service_right .service_content {
		position:relative;
	}

	/* 歌舞伎 */
	.home #kabuki .service_content {
		top:-26px;
		padding:0 20px 0 60px;
	}
	.home #kabuki .section h3 {
		margin-bottom:20px;
	}
  .home #kabuki .section p {
		max-width:240px;
	}
  .home #kabuki .section .kabuki-p {
    max-width: none;
  }
	.home #kabuki .section aside {
		left:10px;
	}
	/* 「忍者」「芸者」 */
	.home #ninja .service_content {
		top:-40px;
		padding:0 50px 0 10px;
	}
	.home #ninja .section p {
		margin-left:0;
	}
	.home #ninja .section aside {
		top:-20px;
		right:5px;
	}
	/* 「日本伝統芸能アートコラボレーション」 */
	.home #art .service_content {
		top:-36px;
		padding:0 20px 50px 90px;
	}
	.home #art .section aside {
		top:-20px;
		left:10px;
		font-size:6.4vw;
	}
	/* 「書道＋ジャズ」「茶道＋着物」「華道＋着物」 */
	.home #culture .service_content {
		top:-20px;
		padding:0 80px 30px 10px;
	}
	.home #culture .section aside {
		top:-40px;
		right:5px;
		font-size:6.4vw;
	}
	.home #culture .service_content p {
		text-align:left;
	}
	/* 「空手」「柔道」 */
	.home #martialarts .service_content {
		top:-36px;
		padding:0 10px 10px 60px;
	}
	.home #martialarts .section aside {
		top:-40px;
		left:5px;
	}
  /* 「ジャパニーズウィスキー」 */
	.home #whisky .service_content {
		top: -40px;
		padding: 0 75px 0 10px;
	}
	.home #whisky .section p {
		margin-left: 0;
	}
	.home #whisky .section aside {
		top: -20px;
		right: 5px;
		font-size:6.4vw;
	}
	/* 「日本伝統芸能アートコラボレーション」 */
	.home #manager .service_content {
		top: -36px;
		padding: 0 20px 50px 90px;
	}
	.home #manager .section aside {
		top: -20px;
		left: 10px;
		font-size: 6.4vw;
	}
	.home #vip .service_content {
		top: -40px;
		padding: 0 75px 0 10px;
	}
	.home #vip .section aside {
		top: 0px;
		right: 10px;
		font-size: 6.4vw;
	}
  .home #vip .section aside span:last-child {
    margin-top: 0;
  }
	.home #team .service_content {
		top: -36px;
		padding: 0 20px 50px 90px;
	}
	.home #team .section aside {
		top: -20px;
		left: 10px;
		font-size: 6.4vw;
	}




	/* MOTENASU JAPANの品質について/オーダーメイドプランについて */
	.home #quality_plan {
		color:#fff;
		text-align:center;
		letter-spacing:-0.5em;
	}
	.home #quality_plan section {
		display:block;
		width:auto;
		max-width:100%;
		height:auto;
		padding:20px;
	}
	.home #quality_plan .inner {
		position:static;
		width:auto;
		padding:30px 20px;
	}
	.home #quality_plan .inner h2 {
		font-size:6vw;
		margin-bottom:30px;
	}
	.home #quality_plan .inner h2:after {
		bottom:-15px;
	}
	.home #quality_plan .inner h2 em {
		font-size:7.2vw;
	}
	.home #quality_plan .inner p {
		width:auto;
		font-size:3.6vw;
		margin-bottom:20px;
	}

	/* ご利用の流れ/お客様の声/よくあるご質問 */
	.home #other {
		background:none;
		padding:60px 20px;
	}
	.home #other section {
		position:static;
		width:50%;
	}
	.home #other section:first-child {
		margin-right:0;
	}
	.home #other section:nth-child(2) {
		position:static;
	}
	.home #other section:last-child p {
		padding-left:0;
		padding-right:0;
	}
	.home #other section h2 {
		font-size:4.5vw;
	}
	.home #other section p {
		width:auto;
		padding:0 5px 25px;
		font-size:3.6vw;
	}

	/* ブログ */
	.home #blog {
		margin-bottom:40px;
		background-image:url(../images/sp/top/blog_bg.png);
		background-size:cover;
	}
	.home #blog h2 {
		margin-bottom:80px;
	}
	.home #blog ul {
		width:auto;
		margin:0 20px 20px;
	}
	.home #blog li {
		width:23.5%;
		height:auto;
	}
	.home #blog li h3 {
		left:3px;
		bottom:15px;
		font-size:3.2vw;
		font-weight:100;
	}
	.home #blog li:after {
		right:3px;
		width:30px;
		height:30px;
		background-size:cover;
	}

	/* 旅行代理店様・ホテル様へ/会社概要 */
	.home #business_company section {
		width:auto;
		float:none;
	}
	.home #business_company section.fl {
		margin-bottom:20px;
	}
	.home #business_company h2 {
		font-size:5vw;
		margin:0 20px;
	}
	.home #business_company p {
		font-size:3.6vw;
		margin:0 20px;
	}

	/* 新着情報 */
	.home #news {
		padding:30px 20px;
	}
	.home #news .fl {
		float:none;
		width:auto;
		margin-bottom:40px;
	}
	.home #news h2 em {
		letter-spacing:4px;
	}
	.home #news .fr {
		float:none;
	}
	.home #news ul {
		width:auto;
		height:300px;
		padding:0;
		margin-bottom:20px;
	}
	.home #news li {
		position:relative;
		height:auto;
		line-height:1.8;
		padding:0;
	}
	.home #news li a {
		display:block;
		padding:10px 10px 10px 100px;
	}
	.home #news li time {
		position:absolute;
		top:15px;
		left:10px;
		height:20px;
		line-height:15px;
	}
	.home #news .view_button {
		text-align:center;
	}

	/* ==================================================================================

	サービス

	================================================================================== */
	/* OTHER SERVICE */
	#service_other {
		padding:30px 0;
		background-size:cover;
	}
	#service_other ul {
		display:block;
	}
	#service_other li {
		display:block;
		width:100%;
		height:auto;
		margin:0 0 10px;
		letter-spacing:-0.5em;
		background-color:#000;
	}
	#service_other li div {
		display:inline-block;
		letter-spacing:normal;
		width:50%;
		vertical-align:middle;
	}
	#service_other li div span {
		font-size:3.4vw;
		height:auto;
		line-height:normal;
	}
	#service_other li figure {
		display:inline-block;
		letter-spacing:normal;
		vertical-align:middle;
		position:static;
		width:50%;
		height:auto;
		line-height:0;
	}
	#service_other li figure img {
		width:100%;
		height:auto;
	}


	/* ==================================================================================

	ブログ

	================================================================================== */
	#main .blog .blog-nav ul {
		width:auto;
		margin:0 20px 20px;
	}
	#main .blog .blog-nav li {
		width:23.5%;
		height:auto;
	}
	#main .blog .blog-nav li h3 {
		left:3px;
		bottom:15px;
		font-size:3.2vw;
		font-weight:100;
	}
	#main .blog .blog-nav li:after {
		right:3px;
		width:30px;
		height:30px;
		background-size:cover;
	}
	#main .blog .results {
		justify-content: center;
	}
	#main .blog .results li {
		width: 100%;
	}
	#main .blog .results li:not(:nth-child(3n)) {
		margin-right: 0;
	}


	/* ==================================================================================

	ブログ_詳細

	================================================================================== */
	#main .blog_detail h2 {
		font-size: 15px;
	}


	/* ==================================================================================

	新着情報

	================================================================================== */
	#main .news section figure {
		width: auto;
	}
	#main .news .txt,
	#main .news .img {
		float: none;
		width: auto;
	}


	/* ==================================================================================

	お問い合わせ

	================================================================================== */
	#main .contact .form form div {
		padding: 5%;
	}
	#main .contact .form form dt,
	#main .contact .form form dd {
		display: block;
		width: 100%;
	}
	#main .contact .form form dt {
		padding-bottom: 10px;
	}
	#main .contact .form .item {
		text-align: left;
	}
	#main .contact .form .required,
	#main .contact .form .any {
		text-align: right;
	}
	#main .contact .form .cat label {
		display: block;
	}
	#main .contact .form .cat label:nth-child(1),
	#main .contact .form .cat label:nth-child(2) {
		margin-bottom: 5px;
	}
	#main .contact .personal-info {
		padding: 5%;
	}
	#main .contact .form form #submit_button input {
		max-width:100%;
		display:block;
	}
	#main .contact .form form #submit_button input.wpcf7c-btn-back {
		margin:0 0 20px;
	}


}

@media screen and (min-width: 701px) {
	.home #concept p {
		margin-bottom:60px;
		text-align: left;
		padding: 0 250px;
	}
	.home #concept iframe {
		width: 640px;
		margin-bottom: 20px;
	}
	.home #concept .block_center {
		margin: 0 auto;
	}
}