/*
Theme Name: tintroom
Description: tintroom用テーマ
Theme URI: http://tintroom.jp/
Author: beefive
Author URI: http://www.beefive.jp/
Version: 4.8.2
License: ライセンス
License URI: ライセンスのURL
*/

@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	/*font: inherit;*/
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

html { -webkit-text-size-adjust: 100%; }

body {
	position: relative;
	overflow-x: hidden;
	background-color: #fff;
	color: #000;
	word-wrap: break-word;
	font-size: 14px;
	font-family: "Quicksand", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ" , Meiryo , Osaka, "MS PGothic", sans-serif;
	line-height: 1.5;
	-webkit-touch-callout: none;
}

h2 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
}

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

a {
	color: inherit;
	text-decoration: none;
}

img {
	vertical-align: middle;
	-webkit-touch-callout: none; }

hr {
	margin: 0;
}

span, i {
	display: inline-block;
	vertical-align: middle;
}

p { line-height : 2;}

li { list-style: none; }

input, textarea, button {
	margin: 0;
	padding: 0;
	outline: none;
	border: none;
	background-color: inherit;
	color: inherit;
	vertical-align: middle;
	-webkit-appearance: none;
}

input:-webkit-autofill,
textarea:-webkit-autofill {
	-webkit-box-shadow: 0 0 0 1000px white inset;
			box-shadow: 0 0 0 1000px white inset;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }

.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.mr40 { margin-right: 40px; }
.mr50 { margin-right: 50px; }

.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }

.ml10 { margin-left: 10px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }
.ml40 { margin-left: 40px; }
.ml50 { margin-left: 50px; }

.pb10 { padding-bottom: 10px; }
.pb20 { padding-bottom: 20px; }
.pb30 { padding-bottom: 30px; }
.pb40 { padding-bottom: 40px; }
.pb50 { padding-bottom: 50px; }


.al-left { text-align: left; }
.al-right { text-align: right; !important}
.al-center { text-align: center; }

.fl-left { float: left;　}
.fl-right { float: right; }

.fs__14 { font-size: 14px; }
.fs__16 { font-size: 16px; }
.fs__18 { font-size: 18px; }
.fs__20 { font-size: 20px; }

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

	レイアウト

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

/*---------- ヘッダー ----------*/

.header-wrapper { height: 50px; }
.header {
	position: fixed;
	width: 100%;
	height: 50px;
	background-color: #ff8400;
	-webkit-box-shadow: 2px 2px 2px 2px rgba(102, 102, 102, 0.2);
			box-shadow: 2px 2px 2px 2px rgba(102, 102, 102, 0.2);
			z-index: 9999; }
	@media (max-width: 768px) {
		.header {
			-webkit-box-shadow: none;
					box-shadow: none; }
}
.header__inner {
	padding: 7px 10px;
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;}
	@media (max-width: 768px) {
		.header__inner {
			position: relative;
			padding: 7px 12px; }
}
.header__logo-link {
	display: inline-block;
	float: left;
	margin-top:2px;
}
.header__logo { height: 32px; }
.header__btn-wrapper {
	float: right;
	font-size: 0;}
	@media (max-width: 768px) {
		.header__btn-wrapper {
			 display: none; }
}
.sp-header__btn-wrapper {
	display: none;}
	@media (max-width: 768px) {
		.sp-header__btn-wrapper {
			position: absolute;
			display: block;
			top: 100%;
			right: 0;
			float: none;
			-webkit-box-shadow: 2px 2px 2px 2px rgba(102, 102, 102, 0.2);
			box-shadow: 2px 2px 2px 2px rgba(102, 102, 102, 0.2); }
}
.header__nav-btn {
	display: none;
	cursor: pointer; }
	@media (max-width: 768px) {
		.header__nav-btn {
			position: relative;
			display: block;
 			float: right;
			margin: 5px 0;
			width: 25px;
			height: 25px; }
		.header__nav-btn__icon,
		.header__nav-btn__icon:before,
		.header__nav-btn__icon:after {
			position: absolute;
 			width: 100%;
			height: 5px;
 			background-color: #fff;
			content: ''; }
		.header__nav-btn__icon {
			top: 0; }
		.header__nav-btn__icon:before {
			top: 10px; }
		.header__nav-btn__icon:after {
		top: 20px; }
}
.header__btn {
	display: inline-block;
	padding: 10px 16px;
	color: #333;
	font-size: 14px;
	line-height: 1;
	background-color: #fff;
	border: 1px solid #dcdcdc;
	border-radius: 8px; }
	@media (max-width: 768px) {
		.header__btn {
			display: none; }
}
.sp-header__btn {
  display: none; }
  @media (max-width: 768px) {
    .sp-header__btn {
      display: block;
      padding: 11px;
      text-align: right;
      font-size: 12px;
      color: #fff;
      background-color: #ff8400;
      border-radius: 0;
      border: none;
      border-top: 1px solid #dcdcdc; }
}
.header__btn:not(:first-of-type) {
	margin-left: 15px; }
	@media (max-width: 768px) {
		.header__btn:not(:first-of-type) {
			margin: 0; }
}
.header__btn:hover {
	color: #ff8400; }
	@media (max-width: 768px) {
		.header__btn:hover {
			color: #fff;
			background-color: #ffc00d; }
}

/*---------- 1カラム - メイン ----------*/

.contents {
	max-width: 1030px;
	width: 100%;
	padding: 0 15px 0;
	margin: 0 auto;
}
.inner {
	width: 100%;
	max-width: 1030px;
	padding: 0 15px;
	margin: 0 auto; }

/*---------- フッター ----------*/

.footer {
	padding: 50px 0;
	border-top: 5px solid #ff8400; }
	@media (max-width: 768px) {
		.footer {
			padding: 30px 0;
			border-top: 3px solid #ff8400; }
}
.footer__inner {
	width: 100%;
	max-width: 1030px;
	margin: 0 auto;
	text-align: center;
}
.footer__sns__share {
	font-weight: bold;
	text-align: center;
	font-size: 14px;}
	@media (max-width: 768px) {
	    .footer__sns__share {
			font-size: 10px; }
}
.footer__sns__list {
	margin: -15px 0px 30px -20px;
	font-size: 0;
	text-align: center; }
	@media (max-width: 768px) {
 		.footer__sns__list {
 			margin: -10px 0 20px -13px; }
}
.footer__sns__list__item {
	display: inline-block;
	margin: 20px 0 0 20px;
	width: 40px; }
	@media (max-width: 768px) {
		.footer__sns__list__item {
			margin: 13px 0 0 13px; }
}
.footer__sns__icon {
	width: 100%;
	cursor: pointer;
}
.sr-only {
	position: absolute;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0;
	border: 0;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.footer__sitemap__list {
	margin: -10px 0 50px;
	font-size: 0;
	text-align: center; }
	@media (max-width: 768px) {
		.footer__sitemap__list {
 			margin: -10px 0 10px; }
}
.footer__sitemap__list__item {
	position: relative;
	display: inline-block;
	margin-top: 10px;
	padding: 0 10px;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.75; }
	@media (max-width: 768px) {
		.footer__sitemap__list__item {
		font-size: 10px;
		line-height: 1; }
}
.footer__sitemap__list__item:not(:first-of-type):after {
	position: absolute;
	left: -1px;
	bottom: 0;
	top: 0;
	margin: auto;
	width: 2px;
	height: 16px;
	background-color: #000;
	content: ''; }
	@media (max-width: 768px) {
		.footer__sitemap__list__item:not(:first-of-type):after {
			width: 1px;
			height: 13px; }
}
.appeal__footer {
	border-top: 5px solid #ff8400;
	padding: 7px 0; }
	@media (max-width: 768px) {
		.appeal__footer {
			border-top: 3px solid #ff8400; }
}
.copyright {
	text-align: center;
	font-size: 10px;
	color: #000;
}

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

	リンクパーツ

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

/*---------- オレンジ背景ボタン ----------*/

.conversion-btn-wrapper {
	text-align: center;
}
.conversion-btn-wrapper + .conversion-btn-wrapper {
	margin-top: 25px; }
	@media (max-width: 768px) {
		.conversion-btn-wrapper + .conversion-btn-wrapper {
		margin-top: 20px; }
}
.conversion-btn {
	display: inline-block;
	width: 260px;
	padding: 12px 16px;
	position: relative;
	background-color: #ff8400;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.75;
	border-radius: 6px;
	cursor: pointer; }
	@media (max-width: 768px) {
		.conversion-btn {
			width: 220px;
			padding: 10px 11px;
			font-size: 13px;
			border-radius: 3px; }
}
.conversion-btn:hover {
	background-color: #ffc00d;
}
.conversion-btn:after {
	position: absolute;
	left: 16px;
	top: 50%;
	width: 9px;
	height: 10px;
	background-size: cover;
	background-image: url(images/common/btn_arrow_1.png);
	background-repeat: no-repeat;
	-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
			transform: translate(0, -50%);
	content: "";
}

/*---------- "＞"付きテキストリンク ----------*/

.arrow__link-wrapper {
	text-align: right;
}
.arrow__link {
	position: relative;
	display: inline-block;
	padding: 0 4px 0 14px;
	color: #0083b2;
	font-size: 16px;
	line-height: 1.75;
	border-bottom: 1px solid #0083b2; }
	@media (max-width: 768px) {
		.arrow__link {
			font-size: 12px; }
}
.arrow__link:hover {
	font-weight: bold;
}
.arrow__link:before {
	position: absolute;
	left: 0;
	content: ">";
}

/*---------- テキストリンク ----------*/

.normal__link {
	color: #0083b2;
	border-bottom: 1px solid #0083b2;
}
.normal__link:hover {
	font-weight: bold;
}

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

	見出し

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

/*---------- コンテンツ タイトル ----------*/

.heading {
	margin-top: 50px;
	margin-bottom: 50px;
	text-align: center; }
	@media (max-width: 768px) {
		.heading {
			margin-bottom: 30px; }
}
.heading__translate {
	font-size: 14px;
	line-height: 1.75;
	color: #000; }
	@media (max-width: 768px) {
		.heading__translate {
		font-size: 10px; }
}
.heading__title {
	display: inline-block;
	padding: 0 10px;
	font-size: 28px;
	line-height: 1.75;
	color: #000;
	background-image: url(images/common/dot_heading.png);
	background-position: bottom;
	background-size: 5px 1px;
	background-repeat: repeat-x; }
	@media (max-width: 768px) {
		.heading__title {
			font-size: 20px; }
}

/*---------- "■"付きタイトル ----------*/

.secion-title {
	position: relative;
	padding-left: 10px;
	margin-bottom: 13px;
	font-size: 18px;
	line-height: 1.875;
	font-weight: bold; }
	@media (max-width: 768px) {
		.secion-title {
			padding-left: 7px;
 			margin-bottom: 8px;
			font-size: 13px; }
}
.secion-title:before {
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
			transform: translate(0, -50%);
	width: 5px;
	height: 20px;
	background-color: #ff9900;
	content: ''; }
	@media (max-width: 768px) {
		.secion-title:before {
			width: 3px;
			height: 13px; }
}

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

	お問い合わせフォーム

--------------------------------------------------------------*/
.contact__form__table-wrapper {
	padding-left: 25px;
	margin-bottom: 50px; }
	@media (max-width: 768px) {
		.contact__form__table-wrapper {
 			padding-left: 10px;
			margin-bottom: 30px; }
}
.contact__form__table__item {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.contact__form__table__item + .contact__form__table__item {
	margin-top: 20px; }
	@media (max-width: 768px) {
	.contact__form__table__item + .contact__form__table__item {
		margin-top: 15px; }
}
.contact__form__table__item__heading,
.contact__form__table__item__content {
	display: table-cell;
	padding: 0 10px;
	line-height: 2.1875; }
	@media (max-width: 768px) {
		.contact__form__table__item__heading,
		.contact__form__table__item__content {
			padding: 0 7px;
			font-size: 12px; }
		.contact__form__table__item__heading.block,
		.contact__form__table__item__content.block {
			display: block;
			width: 100%; }
}
.contact__form__table__item__heading {
	position: relative;
	vertical-align:top;
	width: 240px;
}
.contact__form__table__item__heading.is-required:after {
	position: absolute;
	margin-left: 3px;
	color: #cc0000;
	content: "*"; }
	@media (max-width: 768px) {
	.contact__form__table__item__heading {
 		width: 125px; }
}
.contact__form__table__item__content {
	display: table-cell;
}
.contact__form {
	margin-top: 50px; }
	@media (max-width: 768px) {
		.contact__form {
			margin-top: 30px; }
}
.input {
	padding: 9px 15px;
	width: 500px;
	line-height: 1.75;
	background-color: #fff;
	border: 1px solid #7d7d7d;
	border-radius: 3px;}
	@media (max-width: 768px) {
		.input {
			width: 100%; }
}
.textarea {
	padding: 9px 15px;
	width: 600px;
	line-height: 1.75;
	background-color: #fff;
	border: 1px solid #7d7d7d;
	border-radius: 3px; }
	@media (max-width: 768px) {
		.textarea {
			width: 100%; }
}

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

	ページャー

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

/*---------- メイン - スライダー ----------*/

.pager__list {
	margin: -15px 0 0 -15px;
	vertical-align: top;
	font-size: 0;
	text-align: center; }
	@media (max-width: 768px) {
		.pager__list {
 			margin: -10px 0 0 -10px; }
}
.pager__list__item {
	display: inline-block;
	margin: 15px 0 0 15px;}
	@media (max-width: 768px) {
		.pager__list__item {
			margin: 10px 0 0 10px;}
}
.pager__link {
	display: inline-block;
	width: 40px;
	height: 40px;
	color: #fff;
	font-size: 16px;
	line-height: 40px;
	background-color: #0083b2;
	border-radius: 50%;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;}
	@media (max-width: 768px) {
		.pager__link {
			width: 30px;
			height: 30px;
			font-size: 16px;
			line-height: 30px; }
}
.pager__link.is-current {
	background-color: #bfbfbf;
}
.prev,
.next {
	position: relative;
	display: inline-block;
	width: 80px;
	height: 40px;
	border-radius: 5px;
	background-color: #0083b2; }
		@media (max-width: 768px) {
			.prev, .next {
				width: 40px;
				height: 30px; }
}
.prev.is-inactive,
.next.is-inactive {
	background-color: #bfbfbf;
	cursor: default;
}
.prev:before,
.next:before {
	position: absolute;
	width: 15px;
	height: 15px;
	top: 50%;
	left: 50%;
	border-top: 3px solid #fff;
	border-left: 3px solid #fff;
	content: ''; }
	@media (max-width: 768px) {
	.prev:before, .next:before {
		width: 10px;
		height: 10px;
		margin: -5px 0 0 -5px;
		border-top: 2px solid #fff;
		border-left: 2px solid #fff; }
}
.prev:before {
	-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
			transform: rotate(-45deg);
	margin: -7px 0 0 -5px; }
	@media (max-width: 768px) {
		.prev:before {
			margin: -6px 0 0 -3px; }
}
.next:before {
	-webkit-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
			transform: rotate(135deg);
	margin: -7px 0 0 -8px; }
	@media (max-width: 768px) {
		.next:before {
			margin: -6px 0 0 -5px; }
}

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

	トップページ

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

.keyvisual {
	position: relative;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	-webkit-box-shadow: 0px 0px 10px 1px rgba(102, 102, 102, 0.4);
			box-shadow: 0px 0px 10px 1px rgba(102, 102, 102, 0.4);
}
.slider {
	position: relative;
	top: 0;
	left: 0;
	width: 10000%;
	font-size: 0;
}
.sliderItem {
	display: inline-block;
	padding-top: 100px;
	width: 100vw;
	height: 450px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.keyvisual__list__item__lead-wrapper {
	margin-bottom: 61px; }
	@media (max-width: 768px) {
		.keyvisual__list__item__lead-wrapper {
			margin-bottom: 30px; }
}
.keyvisual__list__item__lead {
	text-align: center;
	font-size: 60px;
	color: #fff;
	line-height: 1.75;
	text-shadow: 1px 3px 20px #000; }
	@media (max-width: 768px) {
		.keyvisual__list__item__lead {
			font-size: 23px; }
}
.keyvisual__list__item__lead-sub {
	text-align: center;
	line-height: 1.75;
	font-size: 20px;
	color: #fff;
	font-weight:bold;
	text-shadow: 0px 0px 8px #000; }
	@media (max-width: 768px) {
		.keyvisual__list__item__lead-sub {
			font-size: 13px; }
}
.keyvisual__content {
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 1000px;
	width: 100%;
	-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
}
.keyvisual__prev,
.keyvisual__next {
	position: absolute;
	top: 50%;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	border-bottom: 5px solid #fff;
	border-left: 5px solid #fff;
	cursor: pointer;
}
.keyvisual__prev {
	left: 20px;
	-webkit-transform: rotate(45deg);
 		-ms-transform: rotate(45deg);
			transform: rotate(45deg);
}
.keyvisual__next {
	right: 20px;
	-webkit-transform: rotate(-130deg);
		-ms-transform: rotate(-130deg);
			transform: rotate(-130deg); }
	@media (max-width: 768px) {
	.sliderItem {
		padding-top: 43px;
		height: 300px; }
}
.keyvisual__btn-wrapper {
	position: absolute;
	top: 300px;
	z-index: 1;
}
.keyvisual__btn-wrapper {
	position: absolute;
	top: 340px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
		-ms-transform: translate(-50%, 0);
			transform: translate(-50%, 0); }
	@media (max-width: 768px) {
		.keyvisual__btn-wrapper {
			top: 180px; }
}
.slider-positions {
	margin-top: 12px;
	text-align: center;
	font-size: 0; }
	@media (max-width: 768px) {
		.slider-positions {
			margin-top: 8px; }
}
.slider-positions__item {
	display: inline-block;
	margin-left: 10px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background-color: #ff8400;
	border: 2px #ff8400 solid;
	cursor: pointer;
}
.slider-positions__item.is-active {
	background-color: #fff; }
	@media (max-width: 768px) {
		.slider-positions__item {
			width: 10px;
			height: 10px;
			margin-left: 5px;
			border: 2px #ff8400 solid; }
}

/*---------- (yellow背景の場合) 横幅100% ----------*/

.full-width {
	position: relative;
	top: 0;
	left: 50%;
	margin-left: -50vw;
	width: 100vw;}
	@media (max-width: 768px) {
		.isSp-full-width {
			position: relative;
			top: 0;
			left: 50%;
			margin-left: -50vw;
			width: 100vw; }
}

/*---------- 最新ブログ記事一覧 ----------*/

.news {
	padding: 0 0 50px 0;}
	@media (max-width: 768px) {
		.step {
			padding: 30px 0; }
}
.news_toplist {
	width: 100%;
	text-align: center;
	border: 1px solid #ccc;
	background-color: #fff;
	padding: 10px 10px 0 10px;
	margin:10px;
	font-size: 16px;}
	@media (max-width: 768px) {
		.news_toplist {
			padding-top: 10px; 
			font-size: 12px;}
}
.news_toplist dl , .news_list dl  {
	padding: 0 20px;
	margin-bottom: 20px;
	line-height:2.5 ;
}
.news_toplist dt , .news_list dt {
	float: left;
	width: 9em;
}
.news_toplist dd , .news_list dd{
	padding-left: 9em;
	text-align: left;
	border-bottom: 1px dotted #eee;	/*下線の幅、線種、色*/
}

/*---------- 注目のクリエイター ----------*/

.pickup {
	padding: 1px 0 50px 0;
	background-color: #fff8e5;}
	@media (max-width: 768px) {
		.pickup {
			padding: 30px 0; }
}
.card-list {
	margin: -65px 0 50px 0px;
	text-align: center;
	vertical-align: top;
	font-size: 0; }
	@media (max-width: 768px) {
		.card-list {
			margin: 0 0 30px; }
}
.card-list__item {
	position: relative;
	display: inline-block;
	width: 290px;
	margin: 65px 20px 0 25px;
	vertical-align: top; }
	@media (max-width: 768px) {
		.card-list__item {
			display: block;
			width: auto;
			margin: 30px 0 0; }
}
.card {
	text-align: left;
	vertical-align: top;}
	@media (max-width: 768px) {
		.card {
			margin:0 20px; }
}
.card__img-wrapper {
	margin-bottom: 10px; }
	@media (max-width: 768px) {
		.card__img-wrapper {
			width: 40%;
			height: auto;
			max-width: 195px;
			display: table-cell; }
}
.card__img {
	width: 100%;
	border: 1px solid #333;}
	@media (max-width: 768px) {
		.card__img {
			width: 90px;}
}
.card__job {
	color: #000;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.785; }
	@media (max-width: 768px) {
		.card__job {
			font-size: 12px; }
}
.card__name {
	margin-bottom: 6px;
	color: #000;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.785; }
	@media (max-width: 768px) {
		.card__name {
			font-size: 14px; }
}
.card__desc {
	margin-bottom: 16px;
	color: #000;
	font-size: 16px;
	line-height: 1.875; }
	@media (max-width: 768px) {
		.card__desc {
 			margin-bottom: 15px;
			font-size: 12px; }
}

/*---------- ご依頼までの流れ ----------*/

.step {
	padding: 1px 0 50px 0;}
	@media (max-width: 768px) {
		.step {
			padding: 30px 0 30px; }
}
.step__list {
	margin-top: -65px;
	text-align: center;
	font-size: 0; }
	@media (max-width: 768px) {
		.step__list {
			margin-top: 0; }
}
.step__list__item {
	position: relative;
	display: inline-block;
	width: 290px;
	margin-top: 65px;
	text-align: left;
	vertical-align: top; }
	@media (max-width: 768px) {
		.step__list__item:first-child {
			margin-top: 0; }
		.step__list__item:not(:first-child) {
			margin-top: 30px; }
}
.step__list__item:not(:last-of-type) {
	margin-right: 65px; }
 	@media (max-width: 768px) {
		.step__list__item:not(:last-of-type) {
			margin-right: 0; }
}
.step__list__item:not(:last-of-type):after {
	position: absolute;
	right: -55px;
	top: 90px;
	width: 45px;
	height: 17px;
	/*background-image: url(images/room/arrow_yellow.png);*/
	background-repeat: no-repeat;
	background-size: cover;
	content: ''; }
	@media (max-width: 768px) {
		.step__list__item:not(:last-of-type):after {
			display: none; }
}
	@media (max-width: 768px) {
		.step__list__item {
			display: block;
			width: initial;
			text-align: center; }
}
.step__list__item__card__img-wrapper {
	margin-bottom: 10px; }
	@media (max-width: 768px) {
		.step__list__item__card__img-wrapper {
 			display: inline-block;
 			margin-bottom: 5px;
			width: 236px; }
}
.step__list__item__card__img { width: 100%; }
.step__list__item__content__desc {
	color: #000;
	font-size: 16px;
	line-height: 1.875; }
	@media (max-width: 768px) {
		.step__list__item__content__desc {
			font-size: 12px; }
}

/*---------- ご利用者様の声 ----------*/

.review {
	padding: 1px 0 50px 0;
	background-color: #fff8e5;}
	@media (max-width: 768px) {
		.review {
			padding: 30px 0; }
}
.review__list__item:not(:first-of-type) {
	margin-top: 25px; }
	@media (max-width: 768px) {
		.review__list__item:not(:first-of-type) {
			margin-top: 17px; }
}
.review__content {
	display: table;
	width: 100%;
	table-layout: fixed;
}
.review__content__img-wrapper {
	display: table-cell;
	width: 150px; }
	@media (max-width: 768px) {
		.review__content__img-wrapper {
 			width: 100px; }
}
.review__content__img {
	width: 100%;
	border: 1px solid #333;
}
.review__info {
	display: table-cell;
	padding-left: 20px;
	width: 100%;
	vertical-align: top; }
	@media (max-width: 768px) {
		.review__info {
			padding-left: 17px; }
}
.review__info__title {
	color: #ff8400;
	font-size: 16px;
	line-height: 1.875; }
	@media (max-width: 768px) {
		.review__info__title {
			font-size: 12px; }
}
.review__info__body {
	color: #000;
	font-size: 16px;
	line-height: 1.875; }
	@media (max-width: 768px) {
		.review__info__body {
			font-size: 12px; }
}

/*---------- よくあるご質問 ----------*/

.faq {
	padding: 1px 0 50px 0;}
	@media (max-width: 768px) {
		.faq {
			padding: 30px 0; }
}
.faq__list__item:not(:first-of-type) { margin-top: 43px; }

.faq__question {
	color: #d70b2d;
	font-size: 16px;
	line-height: 1.875; }
	@media (max-width: 768px) {
		.faq__question {
			font-size: 12px; }
}
.faq__question__emphasis {
	font-size: 28px;
	vertical-align: baseline;
	line-height: 1; }
	@media (max-width: 768px) {
		.faq__question__emphasis {
			font-size: 20px; }
}
.faq__answer {
	color: #000;
	font-size: 16px;
	line-height: 1.875; }
	@media (max-width: 768px) {
		.faq__answer {
			font-size: 12px; }
}

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

	クリエイター一覧ページ

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

/*---------- 検索 ----------*/

.search {
	padding: 50px 0;
	background-color: #fff6db; }
	@media (max-width: 768px) {
		.search {
 			padding: 30px 0; }
}
.search__tab__box {
	padding: 0 21px 21px;
	margin: -15px 0 0 -15px;
	font-size: 0;
	text-align: left; }
@media (max-width: 768px) {
.search__tab__box {
	margin: -10px 0 0 -10px;
	padding: 0 16px 16px; }
}
.search__tab__box-input {
	padding: 0 21px 21px;
	font-size: 0;
}
.search__tab__box__item {
	display: inline-block;
	padding: 5px 15px;
	margin: 15px 0 0 15px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.75;
	color: #0083b2;
	border: 2px solid #0083b2;
	border-radius: 17px;
	cursor: pointer; }
@media (max-width: 768px) {
.search__tab__box__item {
	padding: 7px 13px;
	margin: 10px 0 0 10px;
	font-size: 12px;
	border-radius: 23px; }
}
.search__tab__box__item.is-active {
	background-color: #0083b2;
	color: #fff;}
	@media (max-width: 768px) {
		.card {
			display: table;
			table-layout: fixed; }
		.card__body {
			display: table-cell;
			padding-left: 17px;
			vertical-align: top; }
}
.search__list__item {
	background-color: #fff;
	font-size: 18px;
	text-align: center;
	border-radius: 5px; }
	@media (max-width: 768px) {
		.search__list__item {
			font-size: 13px; }
}
.search__list__item + .search__list__item {
	margin-top: 25px; }
	@media (max-width: 768px) {
		.search__list__item + .search__list__item {
			margin-top: 16px; }
}
.search__tab {
	position: relative;
	padding: 21px;
	font-size: 14px;
	font-weight: bold;
	cursor: pointer; }
	@media (max-width: 768px) {
		.search__tab {
			padding: 13px 15px;
			font-size: 12px; }
}
.search__tab:after {
	position: absolute;
	top: 50%;
	right: 25px;
	width: 15px;
	height: 9px;
	-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
			transform: translate(0, -50%);
	background-image: url(images/room/icon_v.png);
	background-repeat: no-repeat;
	background-size: 15px 9px;
	content: ''; }
	@media (max-width: 768px) {
		.search__tab:after {
			width: 10px;
			height: 6px;
			background-size: 10px 6px; }
}
.search__tab.is-open:after {
	width: 16px;
	height: 11px;
	background-image: url(images/room/icon_x.png);
	background-size: 16px 11px; }
	@media (max-width: 768px) {
		.search__tab.is-open:after {
			width: 11px;
			height: 7px;
			background-size: 11px 7px; }
}
.search__input-wrapper { text-align: center; }
.search__input {
	display: inline-block;
	padding: 10px;
	margin-right: 13px;
	width: 300px;
	border: 1px solid #676767;
	border-radius: 3px; }
	@media (max-width: 768px) {
		.search__input {
			display: block;
			max-width: 300px;
			width: 100%;
			margin: 0 auto 8px; }
}
.search__input-btn {
	display: inline-block;
	width: 140px;
	padding: 7px;
	color: #fff;
	font-size: 14px;
	background-color: #0083b2;
	border-radius: 10px;
	cursor: pointer; }
	@media (max-width: 768px) {
		.search__input-btn {
			width: 80px;
			font-size: 10px; }
}

/*---------- クリエイター一覧 ----------*/

.creator {
	padding: 0 0 50px 0;
	text-align: left; }
	@media (max-width: 768px) {
		.creator {
			margin-bottom: 0px; }
}
.creator__list {
	margin: -45px 0 50px -40px;
	text-align: center;
	font-size: 0; }
	@media (max-width: 768px) {
		.creator__list {
			margin: -30px 0 30px -25px; }
}
.creator__list__item {
	position: relative;
	display: inline-block;
	vertical-align:top;
	width: 290px;
	margin: 45px 0 0 40px; }
	@media (max-width: 768px) {
		.creator__list__item {
			width: 130px;
			margin: 30px 0 0 25px; }
}
@media (max-width: 768px) {
	.box__img-wrapper {
		width: 40%;
		height: auto;
		max-width: 195px;
		display: table-cell; }
}
.box__img {
	width: 100%;
	height: auto;
	border: 1px solid #7d7d7d;
	margin-bottom: 10px;
}
.box__body { text-align: left; }
.box__job  {
	display:inline;
	color: #000;
	font-size: 14px;
	line-height: 1.785;}
	@media (max-width: 768px) {
	.box__name {
		font-size: 12px; }
}
.box__title {
	color: #000;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.785;}
	@media (max-width: 768px) {
	.box__name {
		font-size: 12px; }
}
.box__name {
	color: #000;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.785;}
	@media (max-width: 768px) {
	.box__name {
		font-size: 14px; }
}
.job__more {
	position: relative;
	display: inline-block;
	padding: 0 4px 0 14px;
	margin-left: 5px;
}
.job__more:before {
	position: absolute;
	left: 0px;
	content: "/";
}

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

	運営会社

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

/*---------- Google map ----------*/

.googlemap-wrap {
	margin-bottom: 10px; }
	@media (max-width: 768px) {
		.googlemap-wrap {
			margin-bottom: 7px; }
}
.googlemap {
	position: relative;
	/* padding-bottom: 41.35%; */
	padding-bottom: 0%;
	border: 1px solid #666; }
	@media (max-width: 768px) {
		.googlemap {
			/* padding-bottom: 62.74%;  */
			padding-bottom: 0%; 
			}
}

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

	ブログ記事一覧ページ

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

.news_list {
	width: 100%;
	text-align: center;
	font-size: 16px;
	padding:10px;
	overflow:hidden;
	border-bottom:1px dotted #ccc;}
	@media (max-width: 768px) {
		.news_list {
			width: 80v;
			padding: 30px 0 30px; }
}
.news_list2 {
	width: 100%;
	text-align: center;
	font-size: 16px;
	padding-top:10px;
	padding-bottom:50px;
	overflow:hidden;
	}
	@media (max-width: 768px) {
		.news_list {
			width: 80v;
			padding: 30px 0 30px; }
}
.news__image {
	float: left;
	margin-right: 10px;
	width:180px;
	border:1px solid #cccccc;
	position: relative;
}
.news__summary {
	overflow: hidden;
	text-align:left;
}
.news__heading {
	font-weight: bold;
	margin-bottom: 5px;
}
.news__data {
	font-size: 12px;
	margin-bottom: 10px;
}
.news__text {
	font-size: 14px;
}

.cat_icon {
	display: block;
	float: left;
	width: 6em; /*カゴテリー名による*/
	margin: 0 6px 6px 0;
	padding: 4px;
	text-align: center;
	font-size: 12px;
}
.cat__notice {
	background: #9573FF;
	color:#fff;
}
.cat__report {
	background: #6EC4FF;
	color:#fff;
}
.cat__notes {
	background: #44D37E;
	color:#fff;
}
.cat__information {
	background: #FF6969;
	color:#fff;
}

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

	ブログ記事ページ

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

.blog-inner {
	min-height: 500px;
	padding-bottom: 50px;
}
.blog-title {
	font-size: 24px;
	margin-top: 50px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #ccc;
}
.blog-data {
	font-size:12px;
	margin-bottom:30px;
	color:#666;
}
.blog-text {
	font-size: 16px;
	line-height: 1.8;
	margin-bottom: 50px;
}
.blog-img {
	text-align: center;
	margin-bottom: 50px;
}

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

	クリエイター募集ページ

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

.recruit {
	padding-bottom: 50px 0 0 0; }
	@media (max-width: 768px) {
		.recruit {
			padding-bottom: 0px; }
}
.recruit__body {
	margin-bottom: 60px;
	font-size: 16px;
	line-height: 1.875;
	text-align: center; }
	@media (max-width: 768px) {
		.recruit__body {
			margin-bottom: 30px;
			font-size: 12px; }
}
.recruit__sns__content__body {
	display: inline-block;
	font-size: 0; }
	@media (max-width: 768px) {
		.recruit__sns__content__body {
			display: block; }
}
.recruit__sns__content__body + .recruit__sns__content__body {
	margin-left: 30px; }
	@media (max-width: 768px) {
		.recruit__sns__content__body + .recruit__sns__content__body {
			margin: 10px 0 0; }
}
.recruit__sns__link {
	display: inline-block;
	margin-left: 10px;
	width: 240px;
	height: 35px;
	padding: 1px 10px;
	font-size: 16px;
	line-height: 1.785;
	border: 1px solid #666;
	border-radius: 5px; }
	@media (max-width: 768px) {
		.recruit__sns__link {
			width: 200px;
			height: 23px;
			font-size: 12px; }
}
.recruit__sns__message {
	font-size: 16px;
	margin-bottom: 30px; }
	@media (max-width: 768px) {
		.recruit__sns__message {
			font-size: 12px;
			margin-bottom: 10px; }
}
.recruit__sns__icon {
	display: inline-block;
	width: 35px;
	vertical-align: top; }
	@media (max-width: 768px) {
		.recruit__sns__icon {
		width: 23px; }
}

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

	運営会社

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

.company {
	padding: 0 0 50px 0; }
	@media (max-width: 768px) {
		.company {
			padding: 30px 0; }
}
.company__table-wrapper {
	padding-left: 25px; }
	@media (max-width: 768px) {
		.company__table-wrapper {
			padding-left: 10px; }
}
.company__table {
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}
.company__table__item {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.company__table__item__content,
.company__table__item__heading {
	display: table-cell;
	padding: 0 10px;
	line-height: 2.1875;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666; }
	@media (max-width: 768px) {
		.company__table__item__content,
		.company__table__item__heading {
			padding: 0 7px;
			font-size: 12px; }
}
.company__table__item__heading {
	width: 145px;
	background-color: #eee; }
	@media (max-width: 768px) {
		.company__table__item__heading {
			width: 100px; }
}
.company__table__item__bottom {
	display: table-cell;
	padding: 0 10px;
	line-height: 2.1875;
	border-right: 1px solid #666;
	border-bottom: 0px;
	width: 145px;
	background-color: #eee;}
	@media (max-width: 768px) {
		.company__table__item__bottom {
			padding: 0 7px;
			font-size: 12px; 
			width: 100px; }
}
.company__about + .company__about {
	margin-top: 45px; }
	@media (max-width: 768px) {
		.company__about + .company__about {
			margin-top: 30px; }
}

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

	ご依頼に関するお問い合わせ

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

.contact {
	padding: 0 0 50px 0; }
	@media (max-width: 768px) {
		.contact {
			padding: 30px 0; }
}
@media (max-width: 768px) {
	.contact__message {
		font-size: 13px; }
}

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

	アピールページ

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

/*---------- メイン画像 ----------*/

#banner {
	width: 100%;
	background-color: #FFF;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	color: #d8d8d8;
	padding: 0;
	text-align: center;
	position: relative;
}
#banner:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
#banner .inner {
	position: relative;
	z-index: 1;
}
#banner .inner :last-child { margin-bottom: 0; }
picture  { width: 100%; }
#banner img { max-width: 100%; }

/*---------- メイン画像より下 ----------*/

.appeal {
	margin-bottom: 0px; }
	@media (max-width: 768px) {
		.appeal {
			margin-bottom: 40px; }
}

.appeal__heading {
	margin-top:20px;
	margin-bottom: 10px;
	font-size: 14px;
	line-height: 1.75;
	color: #000;
	background-image: url(images/common/dot_heading.png);
	background-position: bottom;
	background-size: 5px 1px;
	background-repeat: repeat-x;
}

/*---------- クリエイター詳細 ----------*/

.appeal__plofile {
	margin-bottom: 50px; }
	@media (max-width: 768px) {
		.appeal__plofile {
			margin-bottom: 30px; }
}
.appeal__plofile-wrapper {
	width: 100%; }
	@media (max-width: 768px) {
		.appeal__plofile-wrapper {
			float: right;
			padding-left: 200px;
			margin-left: -200px; }
}
.appeal__plofile-title-wrapper {
	float: left; }
	@media (max-width: 768px) {
		.appeal__plofile-title-wrapper {
 			float: none; }
}
.appeal__plofile__catchcopy {
	font-size: 21px;
	line-height: 1.714;
	margin-bottom:10px;}
	@media (max-width: 768px) {
		.appeal__plofile__catchcopy {
			font-size: 14px; }
}
.appeal__plofile__title {
	font-size: 16px;
	line-height: 1.714; }
	@media (max-width: 768px) {
		.appeal__plofile__catchcopy {
			font-size: 12px; }
}
.appeal__plofile__name {
	font-size: 34px; }
	@media (max-width: 768px) {
		.appeal__plofile__name {
			font-size: 22px;
			margin-bottom: 10px;
			line-height: 1.5; }
}
.appeal__plofile__name-small {
	font-size: 16px; }
	@media (max-width: 768px) {
		.appeal__plofile__name-small {
			font-size: 12px; }
}
.appeal__content {
	display: table;
	table-layout: fixed; }
	@media (max-width: 768px) {
		.appeal__content {
 			display: block;
			table-layout: initial; }
}
.appeal__tab__content__title {
	margin-bottom: 20px;
	color: #977232;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.5; }
	@media (max-width: 768px) {
		.appeal__tab__content__title {
			font-size: 13px;
			margin-bottom: 10px; }
}
.appeal__content__img-wrapper {
	display: table-cell;
	width: 290px;
	height:290px;
 }
	@media (max-width: 768px) {
		.appeal__content__img-wrapper {
			display: block;
			width: 190px;
			height: 190px;
			margin-bottom: 15px; }
}
.appeal__content__img {
	width: 100%;
	border: 1px solid #333;
}
.appeal__profile__sns-list {
	float: right;
	margin-left: -10px;
	font-size: 0; }
	@media (max-width: 768px) {
		.appeal__profile__sns-list {
			float: none; }
}
.appeal__profile__sns-item {
	display: inline-block;
	margin-left: 10px;
	margin-bottom: 10px;
	width: 30px;
}
.appeal__sns-icon { width: 100%; }
.appeal__content__body {
	display: table-cell;
	padding-left: 20px;
	vertical-align: top; }
	@media (max-width: 768px) {
		.appeal__content__body {
			padding-left: 0;
			display: block; }
}
.appeal__content__body__title {
	position: relative;
	padding-left: 18px;
	margin-bottom: 5px;
	font-size: 18px;
	font-weight: bold;
	clear: both;}
	@media (max-width: 768px) {
		.appeal__content__body__title {
			font-size: 13px; }
}
.appeal__content__body__content + .appeal__content__body__content { margin-top: 20px; }
	@media (max-width: 768px) {
		.appeal__content__body__content + .appeal__content__body__content {
			margin-top: 10px; }
}
.appeal__content__body__title:before {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
			transform: translate(0, -50%);
	width: 13px;
	height: 20px;
	background-image: url(images/common/icon-door1.png);
	background-repeat: no-repeat;
	background-size: cover;
	content: ''; }
	@media (max-width: 768px) {
		.appeal__content__body__title:before {
			width: 11px;
			height: 17px; }
}
.appeal__content__body__desc {
	padding-left: 25px;
	line-height: 1.875; }
	@media (max-width: 768px) {
		.appeal__content__body__desc {
			padding-left: 20px; }
}
.appeal__search__tab__box {
	margin: -15px 0 0 -15px;
	font-size: 0;
	text-align: left; }
	@media (max-width: 768px) {
		.appeal__search__tab__box {
 			margin: -10px 0 0 -10px; }
}
.appeal__search__tab__box__item {
	display: inline-block;
	padding: 5px 15px;
	margin: 15px 0 0 15px;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.75;
	color: #0083b2;
	border: 2px solid #0083b2;
	border-radius: 17px;
	cursor: pointer; }
	@media (max-width: 768px) {
		.appeal__search__tab__box__item {
 			padding: 7px 13px;
			margin: 10px 0 0 10px;
			font-size: 12px;
			border-radius: 23px; }
}
.appeal__search__tab__box__item:hover {
	color: #fff;
	background-color: #0083b2;
}
.appeal__container {
	margin-bottom: 50px; }
	@media (max-width: 768px) {
		.appeal__container {
			margin-bottom: 30px; }
}

/*---------- タブ ----------*/

.appeal__tab-wrapper { font-size: 0; }
.appeal__tab {
	padding: 10px;
	width: 200px;
	font-size: 16px;
	text-align: center;
	color: #ff8400;
	border: 2px solid #ff8400;
	border-bottom: none;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	cursor: pointer; 
	display: inline-block;}
	@media (max-width: 768px) {
		.appeal__tab {
			width: 100px;
			border: 1px solid #ff8400;
			border-bottom: none;
			font-size: 12px; }
}
.appeal__tab.is-active {
	color: #fff;
	background-color: #ff8400;
}

/*---------- アピールタブ ----------*/

.appeal__tab__content {
	padding: 25px;
	border: 2px solid #ff8400; }
	@media (max-width: 768px) {
		.appeal__tab__content {
			padding: 17px;
			border: 1px solid #ff8400; }
}
.appeal__tab__content__desc {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
		flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-right: 20px;
	line-height: 1.875; }
	@media (max-width: 768px) {
		.appeal__tab__content__desc {
			padding-right: 10px;
			font-size: 12px; }
}
.appeal__tab__content__desc.right {
	padding: 0 0 0 20px; }
	@media (max-width: 768px) {
		.appeal__tab__content__desc.right {
			padding: 0 0 0 10px; }
}
.appeal__tab__content__img { border: 1px solid #666; }
.appeal__tab__content__img.width300 { width: 300px; }
	@media (max-width: 768px) {
		.appeal__tab__content__img.width300 { width: 150px; }
}
.appeal__tab__content__img.width400 { width: 400px; }
	@media (max-width: 768px) {
		.appeal__tab__content__img.width400 { width: 200px; }
}
.appeal__tab__content__img.width200 { width: 200px; }
	@media (max-width: 768px) {
		.appeal__tab__content__img.width200 { width: 100px; }
}
.appeal__tab__content__large-img { 
	max-width: 100%;
	width: auto;
}
.appeal__tab__content__large-img-wrapper { 
	text-align: center;
	margin-bottom: 40px;
}
.appeal__link {
	position: relative;
	width: 185px;
	padding: 10px 25px;
	color: #fff;
	font-size: 14px;
	line-height: 1;
	background-color: #51b5d2;
	border-radius: 6px;
	-ms-flex-item-align: end;
	align-self: flex-end;
	display: inline-block; }
	@media (max-width: 768px) {
		.appeal__link {
			width: 133px;
			padding: 13px;
			font-size: 12px;
			border-radius: 3px; }
}
.appeal__link:after {
	position: absolute;
	top: 50%;
	right: 25px;
	-webkit-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
			transform: translate(0, -50%);
	width: 20px;
	height: 20px;
    background-image: url(images/common/target_link.png);
	background-repeat: no-repeat;
	background-size: cover;
	content: ''; }
	@media (max-width: 768px) {
	.appeal__link:after {
		right: 10px;
		width: 13px;
		height: 13px; }
}
.appeal__tab__content__body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: start;
		-ms-flex-pack: start;
	justify-content: flex-start;
	margin-bottom: 25px; }
	@media (max-width: 768px) {
		.appeal__tab__content__body {
			margin-bottom: 15px; }
}
.appeal__tab__content__text { margin-bottom: 1px; }

/*---------- ギャラリータブ (画像) ----------*/

.appeal__tab__list__item { display: inline-block; }
@media (min-width:768px) {
	.appeal__tab__list {
		text-align:center;
		margin: -30px 0 0 -30px;
		font-size: 0; }
	.appeal__tab__list__item {
		margin: 25px 0 0 25px;
		width: 210px;
		display: inline-block; }
}
@media screen and (min-width:376px) and (max-width: 767px) {
	.appeal__tab__list {
		text-align:center;
		margin: -20px 0 0 -20px;}	
	.appeal__tab__list__item {
 		margin: 17px 0 0 17px;
		width: 140px; 
		display: inline-block;}
}
@media  (max-width: 375px) {
	.appeal__tab__list {
		text-align:center;
		margin: -10px 0 0 -10px; }
	.appeal__tab__list__item {
 		margin: 10px 0 0 10px;
		width: 100px; 
		display: inline-block;}
}
.appeal__tab__list__item__img { width: 100%; }

/* appeal ギャラリー画像正方形 */			 
.thum img {
	width: 210px;
	height: 210px;
	object-fit: cover;
	font-family: 'object-fit: cover; object-position: center top;'
	 }
	@media (max-width: 768px) {
		.thum img {
			width: 140px;
			height: 140px;
			object-fit: cover; }}
	@media screen and (max-width:375px) {
		.thum img {
			width: 100px;
			height: 100px;
			object-fit: cover; }
}

/*---------- ギャラリータブ (YouTube) ----------*/

/*
.youtube-width-wrapper {
	max-width: 460px;
	width: 100%;}
.youtube-wrapper {
	position: relative;
	padding-top: 54.5%;
	margin-top: 30px;}
.youtube {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%; }
*/

.pv{
	position:relative;
	width:100%;
	padding-top:56.25%;
}
.pv iframe{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
}
#youtube {
	list-style: none;
	margin-top: 30px;
	text-align: center;}
	@media (min-width:768px) {
		#youtube li {
			width: 435px;
			/* height:100%; */
			margin: 15px;
			display: inline-block; }
}
	@media screen and (min-width:376px) and (max-width: 767px) {
		#youtube li {
			width:100%;
			text-align: center;
			/* height:100%; */
			margin-top: 15px;}
}
	@media  (max-width: 375px) {
		#youtube li {
			width:100%;
			text-align: center;
			/* height:100%; */
			margin-top: 15px;}
}

/*---------- SNSタイムライン埋め込み ----------*/

.appeal__sns {
	display: inline-block;
	max-width: 1000px;
	width:100%;
	margin-bottom:50px;
}
.twitter__frame {
	display: inline-block;
	vertical-align: top;
	text-align:center;
	width:50%;
	padding:5px;
	margin:10px;
	border:1px solid #CCC;
}
.instagram__frame {
	display: inline-block;
	vertical-align: top;
	text-align:right;
	width:45%;
	padding:5px;
	margin:10px;
	border:1px solid #CCC;
}
@media (max-width: 768px)  {
	.appeal__sns {
		padding:0;
		margin:0;}
	.twitter__frame {
		width: 100%;
		max-width: 100%;
		margin:0 0 30px 0;}
	.instagram__frame {
		width:100%;
		margin:0 0 50px 0;}
}

.twitter-widget-wrapper iframe {
		width: 300px !important;
}

/*---------- オファーボタン ----------*/

.appeal__offer {
	margin-top: 50px; }
	@media (max-width: 768px) {
		.appeal__offer {
			margin-top: 30px; }
}

/*---------- オファー前のお問い合わせ ----------*/

.offer {
	padding: 40px;
	background-color: #fff6db; }
	@media (max-width: 768px) {
		.offer { padding: 17px; }
}
.offer__form { margin-top: 50px; }
	@media (max-width: 768px) {
		.offer__form { margin-top: 30px; }
}
.offer__title {
	position: relative;
	margin-bottom: 20px;
	padding-left: 40px;
	font-weight: bold;
	font-size: 18px; }
	@media (max-width: 768px) {
		.offer__title {
			font-size: 13px;
			padding-left: 35px;
			margin-bottom: 10px; }
}
.offer__title:before {
	position: absolute;
	left: 0;
	width: 25px;
	height: 25px;
	margin-left:10px;
	background-image: url(images/common/question_icon.png);
	background-size: cover;
	background-repeat: no-repeat;
	content: ''; }
	@media (max-width: 768px) {
		.offer__title:before {
			width: 17px;
			height: 17px; }
}
.offer__desc {
	font-size: 16px;
	line-height: 1.875;
	margin-left:20px; }
	@media (max-width: 768px) {
		.offer__desc { font-size: 13px; }
}
.offer__link-wrapper { text-align: right; }
.offer__link {
	position: relative;
	display: inline-block;
	padding: 10px;
	width: 180px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	line-height: 1;
	background-color: #0083b2;
	border-radius: 6px; }
	@media (max-width: 768px) {
		.offer__link {
			width: 130px;
			border-radius: 3px; }
}
.offer__link:after {
	position: absolute;
	left: 16px;
	top: 50%;
	width: 9px;
	height: 10px;
	background-size: cover;
	background-image: url(images/common/btn_arrow_1.png);
	background-repeat: no-repeat;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	content: "";
}

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

	TintRoomとはページ

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

.door__kagami {
	width:100%;
	background: no-repeat;
	background-image: url(/img/about/door_kagami.png);
	background-position: top right;
	background-size:28% auto;
	min-height:300px;
}

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

	ほか

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

.box__desc {
	margin-bottom: 16px;
	color: #000;
	font-size: 16px;
	line-height: 1.875; }
	@media (max-width: 768px) {
		.box__desc {
			margin-bottom: 15px;
			font-size: 12px; }
}