@charset "utf-8";

.display-pc {
	display:none !important;
}

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	vertical-align:baseline;
	background:transparent;
	list-style-type:none;
	font-size: 15px;
	color:#000;
	font-family:"Meiryo UI", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.7em;
}

a {
	text-decoration: none;
	color:#000;
}

a:hover{
	text-decoration: none;
}

* {
	box-sizing:border-box;
	margin: 0;
	padding: 0;
}

img {
	vertical-align:bottom;
	width:100%;
}

body {
    position:relative;
}

body {
    position:relative;
}

/* -----------------------------------------------------------------------
 　 リニューアルテキスト
--------------------------------------------------------------------------*/
.renewal-text-headersita {
	width:100%;
	padding:10px 10px 5px 20px;
	font-size:12.5px;
	color:#c2143e;
	line-height:1.5;
	text-indent:-12.5px;
	padding-left:31px;
}

/* -----------------------------------------------------------------------
 ヘッダー
--------------------------------------------------------------------------*/
header {
	width:100%;
	padding:6px 0 6px 10px;
	border-bottom:1px solid #e6e6e6;
	transition: 0.4s ease-in-out;
}

.maps-logo {
	width:135px;
	transition: 0.4s ease-in-out;
}

/* -----------------------------------------------------------------------
 グローバルメニュー（トグルメニュー）
--------------------------------------------------------------------------*/
.toggle {
  display: block;
  text-align: center;
  width: 55px;
  height: 55px;
  border-radius: 10px;
  position: absolute;
  top: 5px;
  right: 6px;
  z-index: 100;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
	-webkit-transition: all .4s;
          transition: all .4s;
}

.trigger,
.trigger span {
  display: inline-block;
  -webkit-transition: all .4s;
          transition: all .4s;
}
.trigger {
  position: relative;
  width: 32px;
  height: 23px;
}
.trigger span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 3px;
  background: #000;
  border-radius: 4px;
}
.trigger span:nth-of-type(1) {
  top: 0;
}
.trigger span:nth-of-type(2) {
  top: 10px;
}
.trigger span:nth-of-type(2)::after {
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 3px;
  background: #000;
  border-radius: 4px;
  -webkit-transition: all .4s;
          transition: all .4s;
}
.trigger span:nth-of-type(3) {
  bottom: 0;
}
.trigger.active span:nth-of-type(1) {
  -webkit-transform: translateY(8px) scale(0);
          transform: translateY(8px) scale(0);
}
.trigger.active span:nth-of-type(2) {
  -webkit-transform: rotate(-405deg);
          transform: rotate(-405deg);
          background: #000;
}
.trigger.active span:nth-of-type(2)::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
          background: #000;
}
.trigger.active span:nth-of-type(3) {
  -webkit-transform: translateY(-8px) scale(0);
          transform: translateY(-8px) scale(0);
}

/* スマホでメニューを開いた際に背景色が画面全体にかかるようにと
フルスクリーンで固定したいので、position: fixed; top: 0; left: 0; を指定 */
.global {
	width:100%;
	height: 100%;
	padding:6px 0 0 10px;
	background:#fff;
	position: fixed;
	top: 0;
	right: 0;
	z-index:30;
}
.maps-logo-sp {
	max-width:135px;
	margin-bottom:30px;
}
.global ul {
	width:100%;
	padding-left:15px;
}
.global ul li {
	position:relative;
	border-bottom:1px solid #ddd;
	transition: 0.2s ease-in-out;
	z-index:3;
}
.global ul li a {
	display:block;
	position:relative;
	display:flex;
	font-family: 'Roboto', sans-serif;
	font-size:18px;
	font-weight:0,700;
	color:#000;
	line-height:1.4;
	letter-spacing:1px;
	align-items: center;
	padding:18px 0 15px 5px;
	z-index:3;
	transition: 0.2s ease-in-out;
}
.global ul li a span {
	font-size:12px;
	font-weight:normal;
	margin-left:20px;
}

/* メニューを閉じる時のスタイル
display:none; を使用せず、opacityを使うとfadeっぽくなる */
.hide {
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}

/* アニメーションはメニューの開閉時のみでいいので
.toggleWrapに書かず、別にclassを用意 */
.animation {
  -webkit-transition-property: opacity, visibility;
  transition-property: opacity, visibility;
  -webkit-transition-duration: .3s;
          transition-duration: .3s;
  -webkit-transition-timing-function: ease-in;
          transition-timing-function: ease-in;
}

/* メニューオープン時のみ、メニューの後ろのコンテンツをスクロールさせない
iOS safariには別途対応が必要（jQueryに記述）*/
.no-scroll {
  overflow: hidden;
}

/* -----------------------------------------------------------------------
 　リンクボタン
--------------------------------------------------------------------------*/
.btn {
	position:relative;
	transition: 0.2s ease-in-out;
}

.btn a {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* -----------------------------------------------------------------------
　フッター（お問い合わせ）
--------------------------------------------------------------------------*/
.foot-contact-wrap {
	padding:30px 0 40px;
	width:90%;
	margin:0 auto;
}

.foot-contact-wrap-topborder {
	border-top:1px dotted #666;
}

.foot-contact-title {
	font-family: 'Roboto', sans-serif;
	font-size:35px;
	font-style:italic;
	font-weight:1,900;
	letter-spacing:2px;
	text-align:center;
	margin-bottom:10px;
}

.foot-contact-wabun-title {
	font-size:15px;
	font-weight:bold;
	text-align:center;
	margin-bottom:30px
}

.foot-contact-text {
	width:94%;
	margin:0 auto 10px;
	font-size:14.5px;
	text-align: justify;
	text-justify: inter-ideograph;
}

.foot-contact-text-last {
	margin-bottom:40px;
}

.foot-contact-form-box {
	border-top:1px dotted #666;
	padding:20px 0 40px;
}

.foot-contact-formbtn {
	display:block;
	background:#c2143e;
	width:260px;
	height:60px;
	margin:0 auto;
	border-radius:10px;
	font-size:15px;
	font-weight:bold;
	letter-spacing:1px;
	color:#fff;
	text-align:center;
	line-height:60px;
}

.foot-contact-tel-box {
	border-top:1px dotted #666;
	border-bottom:1px dotted #666;
	background:#fff;
	padding:20px 0 30px;
}

.foot-contact-tel-title {
	font-size:15px;
	font-weight:bold;
	color:#000;
	text-align:center;
	margin-bottom:20px;
}

.foot-contact-company {
	font-size:13px;
	text-align:center;
	color:#000;
}

.foot-contact-tel {
	font-family: 'Roboto', sans-serif;
	font-weight:0,700;
	font-size:32px;
	color:#000;
	text-align:center;
}

.foot-contact-time {
	font-size:13px;
	font-weight:normal;
	color:#000;
	text-align:center;
}

/* -----------------------------------------------------------------------
　フッター
--------------------------------------------------------------------------*/
footer {
	background:#000;
	padding:30px 0 30px;
}

.footer-logo {
	width:150px;
	margin:0 auto 25px;
}

.footer-company-name {
	font-size:13px;
	font-weight:bold;
	letter-spacing:1px;
	color:#fff;
	text-align:center;
	margin-bottom:15px;
}

.footer-adress {
	font-size:12px;
	color:#fff;
	line-height:1.65;
	text-align:center;
	margin-bottom:20px;
}

.footer-adress a {
	font-size:12px;
	color:#fff;
}

.footer-menu {
	width:90%;
	margin:0 auto 10px;
	display: flex;
	flex-wrap: wrap;
}

.footer-menu a {
	display: block;
	width: 32%;
	font-size:11px;
	color:#fff;
	line-height:28px;
	text-align:center;
	border:1px solid #ccc;
	border-radius:4px;
	margin:0 1% 10px;
}

.footer-menu a:nth-child(3n) {
    margin-right:0;
}

.footer-menu a:nth-child(3n+1) {
    margin-left:0;
}

.copy-right {
	font-size:10px;
	color:#fff;
	text-align:center;
}

/* -----------------------------------------------------------------------
　トップムービー
--------------------------------------------------------------------------*/
.topmovie-wrap {
	width:100%;
	background:#000;
}

.topmovie-wrap video {
	width:100%;
	vertical-align:bottom;
}

/* -----------------------------------------------------------------------
　トップ
--------------------------------------------------------------------------*/
.top-wrap {
	padding:20px 0 0;
}

.top-lead {
	padding:0 5%;
	font-size:17px;
	font-weight:bold;
	line-height:1.9;
	margin-bottom:18px;
}

.saiteki-mark {
	width:240px;
	margin:0 auto 24px;
	transition: 0.2s ease-in-out;
}

.top-textbox-wrap {
	position:relative;
	width:90%;
	margin:-90px auto 60px;
	z-index:10;
}

.top-textbox {
	background: rgba(245,245,245,0.4);
	padding:30px 30px 40px;
}

.top-text {
	font-size:15px;
	color:#000;
	line-height:2;
	text-align: justify;
	margin-bottom:25px;
	transition: 0.3s ease-in-out;
}

.top-textbox-logo {
	width:150px;
	margin:60px auto 30px;
}

.top-cut02 {
	max-width:700px;
	margin:0 auto;
}

.link-btn {
	display:block;
	background:#000;
	width:200px;
	height:50px;
	margin:50px auto;
	border-radius:10px;
	font-size:13.5px;
	font-weight:bold;
	letter-spacing:1px;
	color:#fff;
	text-align:center;
	line-height:50px;
	transition: 0.2s ease-in-out;
}

.link-btn:hover {
	background:#666;
	color:#fff;
}

.link-btn-sankaku {
	display:block;
	background:#000;
	width:200px;
	height:50px;
	margin:50px auto 80px;
	border-radius:10px;
	transition: 0.2s ease-in-out;
}

.link-btn-sankaku:hover {
	background:#666;
}

.link-btn-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height:50px;
	padding:0 10px 0 23px;
}

.link-btn-text {
	font-size:13.5px;
	font-weight:bold;
	letter-spacing:1px;
	color:#fff;
}

.link-btn-text-center {
	width:calc(100% - 30px);
	font-size:13.5px;
	font-weight:bold;
	text-align:center;
	letter-spacing:1px;
	color:#fff;
}

.sankaku {
	width:30px;
}

.top-service-wrap {
	display: flex;
	flex-wrap: wrap;
	width:85%;
	margin:0 auto;
}

.top-service-box {
	display:block;
	margin-bottom:40px;
}

.top-service-box-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin:6px 0 5px;
}

.top-service-cate {
	font-size:13.5px;
	font-weight:bold;
}

.top-service-sankaku {
	width:18px;
	height:18px;
	background:#000;
	border-radius:50%;
}

.top-service-sankaku img {
	vertical-align:top;
}

.top-service-title {
	font-size:14.5px;
	font-weight:bold;
	line-height:1.45;
	margin-bottom:6px;
}

.top-service-text {
	font-size:13.5px;
	line-height:1.45;
}

/* -----------------------------------------------------------------------
　デザイン
--------------------------------------------------------------------------*/
.design-page-wrap {
	width:100%;
}

.design-top-block {
	margin-bottom:80px;
}

.design-topimg-wrap {
	width:100%;
	height:450px;
	overflow:hidden;
}

.design-topimg {
	width:700px;
}

.design-top-text-box-wrap {
	position:relative;
	width:84%;
	margin:-170px auto 0;
	z-index:3;
}

.design-title {
	font-family: 'Roboto', sans-serif;
	font-size:90px;
	font-style:italic;
	font-weight:1,900;
	font-size:60px;
	color:#fff;
	line-height:1;
	letter-spacing:2px;
	opacity:0.7;
	text-shadow : 3px 3px 6px rgba(0,0,0, 0.5);
	margin-bottom:10px;
}

.design-top-text-bg {
	padding:12px 19px 0;
	background:rgba(255,255,255,0.6);
}

.design-top-text-box h1 {
	font-size:18px;
	padding-bottom:3px;
	border-bottom:2px solid #000;
	margin-bottom:10px;
}

.design-lead {
	font-size:14px;
	text-align: justify;
	text-justify: inter-ideograph;
}

.design-bg-block {
	padding:25px 25px 40px;
}

.design-bg-gray {
	background:#f4f4f4;
}

.design-photo-block {
	margin-bottom:15px;
}

.design-contents-block {
	padding:0 5px;
}

.design-contents-block-inner h2 {
	display:inline-block;
	font-size:16px;
	font-weight:bold;
	line-height:1.3;
	padding-bottom:5px;
	border-bottom:1.5px solid #000;
	margin-bottom:25px;
}

.design-contents-block-inner h2 span.small {
	font-size:14px;
	font-weight:bold;
}

.design-contents-block-inner h3 {
	font-size:16px;
	font-weight:bold;
	text-align: justify;
	text-justify: inter-ideograph;
	line-height:1.5;
	margin-bottom:10px;
}

.design-contents-text {
	font-size:14px;
	text-align: justify;
	text-justify: inter-ideograph;
	margin-bottom:20px;
}

.design-small-photo-01,
.design-small-photo-02 {
	width:55%;
	margin:0 auto;
}

/* -----------------------------------------------------------------------
　ページ共通
--------------------------------------------------------------------------*/
.page-wrap {
	padding:35px 0 20px;
}

.page-title-eng {
	font-family: 'Roboto', sans-serif;
	font-size:40px;
	font-style:italic;
	font-weight:1,900;
	color:#ddd;
	letter-spacing:2px;
	line-height:1;
	text-align:center;
	margin-bottom:5px;
}

h1.page-title-jp {
	font-size:19px;
	font-weight:bold;
	letter-spacing:2px;
	text-align:center;
	margin-bottom:30px;
}

.main-text {
	font-size:14px;
	text-align: justify;
	text-justify: inter-ideograph;
	margin-bottom:14px;
}

/* -----------------------------------------------------------------------
　事業内容
--------------------------------------------------------------------------*/
.service-inner {
	width:90%;
	margin:0 auto;
}

.service-block {
	border-top:1px solid #e6e6e6;
	padding:25px 0 30px;
}

.service-heading-en {
	font-family: 'Roboto', sans-serif;
	font-size:28px;
	font-weight:1,900;
	line-height:1;
	margin-bottom:15px;
}

.service-heading-jp {
	font-family: 'Noto Sans JP', sans-serif;
	font-size:15.5px;
	font-weight:700;
	margin-bottom:23px;
}

.service-text-box {
	margin-bottom:20px;
}

.service-text {
	font-size:15px;
	line-height:1.8;
	text-align: justify;
	margin-bottom:18px;
}

.service-text-caption {
	margin-top:14px;
	font-size:12px;
	line-height:1.55;
	text-align:left;
	text-indent:-1em;
	padding-left:1em;
}

.link-text-sankaku-wrap {
	display:block;
	width:200px;
	height:50px;
	margin:10px 0 0 auto;
}

.link-btn-sankaku:hover {
	background:#666;
}

.link-text-sankaku-wrap-inner {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	height:50px;
}

.link-text-sankaku {
	font-size:14px;
	padding-right:6px;
}

.link-sankaku {
	width:18px;
	height:18px;
	background:#000;
	border-radius:50%;
}

.link-sankaku img {
	vertical-align:top;
}

.link-text-sankaku-wrap:hover .link-text-sankaku {
	color:#c2143e;
	transition: 0.2s ease-in-out;
}

.link-text-sankaku-wrap:hover .link-sankaku {
	background:#c2143e;
	transition: 0.2s ease-in-out;
}

.link-text-sankaku-wrap:hover img {
	opacity: 1;
}

/* -----------------------------------------------------------------------
　事例実績
--------------------------------------------------------------------------*/
.case-inner {
	width:90%;
	margin:0 auto;
}

.case-block {
	border:2px solid #000;
	padding:20px 25px 48px;
	border-radius:13px;
	margin-bottom:15px;
}

.case-block-noimage {
	padding:20px 25px 20px;
}

.case-number-box {
	width:100px;
	height:36px;
	background:#000;
	border-radius:10px;
	margin-bottom:17px;
}

.case-number {
	font-family: 'Roboto', sans-serif;
	font-weight:0,700;
	font-size:13px;
	color:#fff;
	letter-spacing:1px;
	text-align:center;
}

.case-number span {
	font-family: 'Roboto', sans-serif;
	font-weight:1,900;
	font-size:26px;
	color:#fff;
	margin-left:7px;
	vertical-align:-3px;
	line-height:36px;
}

h2.case-title {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:700;
	font-size:19px;
	line-height:1.5;
	margin:10px 0 8px;
}

h3.client-name {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:700;
	font-size:14px;
	line-height:1.5;
	margin-bottom:20px;
}

.case-img {
	width:100%;
	margin-top:35px;
}

.case-img70 {
	width:75%;
	margin:45px auto 0;
}

/* -----------------------------------------------------------------------
　事例・実績　一覧ページ
--------------------------------------------------------------------------*/
.cases-ichiran-inner {
	width:88%;
	margin:0 auto;
}

.cases-ichiran-box {
	display:block;
	border:2px solid #000;
	border-radius:12px;
	padding:17px 35px 25px;
	box-shadow : 3px 3px 5px rgba(0,0,0, 0.1);
	margin-bottom:35px;
}

.cases-ichiran-cate {
	font-size:14px;
	font-weight:bold;
	margin-bottom:9px;
}

.cases-ichiran-title {
	font-size:14.5px;
	font-weight:bold;
	line-height:1.5;
	margin:16px 0 8px;
}

.cases-ichiran-text {
	font-size:14px;
	line-height:1.5;
	text-align: justify;
}

/* -----------------------------------------------------------------------
　事例・実績　下層ページ
--------------------------------------------------------------------------*/
.cases-page-wrap {
	padding:8px 4% 40px;
}

.cases-header-wrap {
	margin:0 auto 20px;
}

.cases-backlink {
	display:inline-block;
}

.cases-header-eng {
	font-family: 'Roboto', sans-serif;
	font-size:32px;
	font-style:italic;
	font-weight:1,900;
	color:#ddd;
	letter-spacing:2px;
	line-height:40px;
}

.cases-header-jp {
	font-size:16px;
	font-style:normal;
	font-weight:bold;
	letter-spacing:2px;
	line-height:38px;
	vertical-align:bottom;
	margin-left:15px;
}

.cases-waku {
	border:2px solid #000;
	padding:25px 24px 30px;
	border-radius:13px;
	margin-bottom:30px;
}

.cases-cate {
	display:inline-block;
	font-family: 'Roboto', sans-serif;
	font-size:16px;
	font-weight:1,900;
	color:#fff;
	line-height:1.3;
	background:#000;
	padding:4px 17px 3px;
	border-radius:80px;
	margin-bottom:10px;
}

.cases-title {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:700;
	font-size:19px;
	line-height:1.5;
	margin-bottom:15px;
}

.cases-title span.small {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:700;
	font-size:17px;
	line-height:1.5;
	margin-bottom:20px;
}

.cases-title-border {
	border-bottom:1px solid #555;
	padding-bottom:12px;
}

.cases-main-img {
	margin-bottom:35px;
}

.cases-body-wrap {
	max-width: 680px;
	margin:0 auto 20px;
}

.cases-heading {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:700;
	font-size:17px;
	line-height:1.5;
	margin-bottom:15px;
}

.cases-text {
	font-size:15.5px;
	text-align: justify;
	line-height:1.7;
	margin-bottom:16px;
}

.quotation-box {
	background:#efefef;
	padding:15px 20px 5px;
	margin:30px 0 30px;
}

.quotation-text {
	font-size:14px;
	text-align: justify;
	line-height:1.8;
	margin-bottom:10px;
}

.cases-hanbai-text-wrap {
	border-top:1px dotted #666;
	border-bottom:1px dotted #666;
	margin:35px 0;
	padding:15px 0;
}

.cases-hanbai-text {
	font-size:14px;
}

.cases-hanbai-text a {
	color: #3476bf;
	text-decoration:underline;
}

.cases-img {
	margin:20px 0 30px;
}

.chokkaku-img-wrap {
	margin:30px 0;
}

.chokkaku-sub-img-02 {
	margin-bottom:10px;
}

.villa-tenji-caption-wrap {
	margin-bottom:40px;
}

.case-villa-tenji-caption {
	font-size:15px;
	font-weight:bold;
	line-height:1.5;
	margin-bottom:7px;
}

.case-villa-tenji-caption2 {
	font-size:14px;
	line-height:1.5;
}

.kiri-box-img {
	width:80%;
	margin:0 auto;
}

.case-kiri-box-caption {
	padding-top:3px;
	font-size:12px;
	text-align:right;
}


.data-box {
	border:1px solid #666;
	padding:15px 20px 23px;
	max-width:600px;
	border-radius:8px;
	margin:50px auto 0;
}

.data-title {
	font-size:13px;
	font-weight:bold;
	text-align:center;
	margin-bottom:15px;
}

.data-table-wrap {
	border-top:1px dotted #666;
}

.data-table-row {
	padding:8px 0 8px 2px;
	border-bottom:1px dotted #666;
}

.data-name {
	font-size:14px;
	font-weight:bold;
}

.data-text {
	font-size:13.5px;
}

.movie-main {
	margin-bottom:35px;
}

.movie-01-main {
	margin-bottom:5px;
}

.movie-main video {
	width:100%;
	vertical-align:bottom;
}

.caption-small {
	font-size:10px;
	text-align:right;
	margin-bottom:35px;
	vertical-align:top;
}

/* ---------------　ボタン　購入ページへ　--------------*/

.shopping-btn-wrap {
	padding:45px 0 0;
}

.link-btn-shopping {
	display:block;
	width:200px;
	height:67px;
	margin:0 auto 30px;
	border-radius:10px;
	position:relative;
	transition: 0.2s ease-in-out;
}

.link-btn-single {
	margin:0 auto;
}

.link-btn-yahoo {
	background:#c00;
}

.link-btn-amazon {
	background:#f90;
}

.shopping-sankaku {
	width:30px;
	position:absolute;
	top:20px;
	right:5px;
}

.link-btn-shopping:hover {
	opacity:0.7;
}

.link-btn-shopping-inner {
	display: flex;
	align-items: center;
	width:190px;
	height:63px;
	padding:0;
}

.shopping-btn-text {
	width:100%;
	font-size:17px;
	font-weight:bold;
	color:#fff;
	line-height:1.4;
	text-align:center;
}

.shopping-btn-text span {
	font-size:14px;
	font-weight:bold;
	color:#fff;
	line-height:1.4;
}

.link-btn-shopping:hover img {
	opacity: 1;
}

/* -----------------------------------------------------------------------
　会社概要
--------------------------------------------------------------------------*/
.company-inner {
	width:90%;
	margin:0 auto;
}

.com-table-wrap {
	border-bottom:1px dotted #666;
}

.com-table-left {
	background:#000;
	padding:3px 0 3px 8px;
}

.com-table-right {
	padding:7px 0 24px;
}

.com-table-head {
	font-size:13px;
	font-weight:bold;
	color:#fff;
	line-height:1.5;
	letter-spacing:1px;
}

.com-table-text {
	font-size:14px;
	line-height:1.75;
	text-align: justify;
	text-justify: inter-ideograph;
}

.com-table-text a {
	text-decoration:underline;
}

.com-table-text span.bold {
	font-size:13.5px;
	font-weight:bold;
	color:#333;
}

.adress-caption {
	font-size:12.5px;
}

.adress-caption a.iten {
	color: #3476bf;
	text-decoration:underline;
	margin-left:5px;
}

.com-table-text span.space-left {
	margin-left:25px;
	font-size:14px;
}

.com-inner-row {
	display:flex;
	margin-bottom:7px;
}

.com-inner-row:last-of-type {
	margin-bottom:0;
}

.com-inner-left {
	width:22%;
}

.com-inner-right {
	width:78%;
}

.com-inner-wrap {
	margin-bottom:20px;
}

.gmap {
	font-size:13px;
}

.com-map {
	width:100%;
}

.relational-site-text {
	line-height:2.2;
	margin-bottom:5px;
}

/* -----------------------------------------------------------------------
 　 お問い合わせフォーム
--------------------------------------------------------------------------*/
.contact-page-wrap {
	width:100%;
	padding:35px 0 60px;
}

.contact-inner {
	width:90%;
	margin:0 auto;
}

h1.contact-title {
	font-size:19px;
	font-weight:bold;
	letter-spacing:2px;
	text-align:center;
	margin-bottom:25px;
}

/* -----------------------------------------------------------------------
　コルビュジエ展
--------------------------------------------------------------------------*/
.bnr-block {
	background:#eee;
	padding:30px 5% 25px;
}

.corbusier-top-title {
	font-size:19px;
	font-weight:bold;
	line-height:1.45;
	text-align:center;
	margin-bottom:17px;
}

.corbusier-bnr {
	display:block;
	max-width:900px;
	margin:0 auto 20px;
}

.pana-caption {
	font-size:9px;
	padding-top:2px;
	text-align:right;
}

.corbusier-top-subtitle {
	font-size:16px;
	line-height:1.65;
	margin-bottom:20px;
}

.link-btn-round-sankaku {
	display:block;
	background:#c2143e;
	width:174px;
	height:46px;
	margin:20px auto;
	border-radius:30px;
	transition: 0.2s ease-in-out;
}

.link-btn-round-sankaku2,
.link-btn-round-sankaku3 {
	width:210px;
	height:55px;
	margin-bottom:40px;
}

.link-btn-round-sankaku:hover {
	background:#de617f;
}

.link-btn-round-sankaku-inner {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height:46px;
	padding:0 9px 0 27px;
}

.link-btn-round-sankaku-inner-2 {
	height:55px;
}

.link-btn-round-sankaku-text {
	font-size:13.5px;
	font-weight:bold;
	letter-spacing:1px;
	color:#fff;
}

.link-btn-round-sankaku-text-2 {
	font-size:13.5px;
	font-weight:bold;
	letter-spacing:0;
	color:#fff;
	line-height:1.3;
}

.link-btn-round-sankaku-text-2 span {
	font-size:12px;
	color:#fff;
}

/* -----------------------------------------------------------------------
　コルビュジエ展（特設ページ）
--------------------------------------------------------------------------*/
.corbusier-inner {
	width:90%;
	margin:10px auto 0;
}

.corbusier-title {
	font-size:19px;
	font-weight:bold;
	line-height:1.45;
	text-align:center;
	margin-bottom:15px;
}

.corbusier-date {
	font-size:14px;
	font-weight:bold;
	line-height:1.45;
	text-align:center;
	margin-bottom:28px;
}

.corbusier-main-img {
	max-width:900px;
	margin:0 auto 20px;
}

.corbusier-body-wrap {
	max-width:700px;
	margin:10px auto;
}

.corbusier-body-text {
	font-size:15.5px;
	text-align: justify;
	margin-bottom:20px;
}

.exibition-wrap {
	margin:20px 0 30px;
}

.exibition-img {
	margin-bottom:15px;
}

.corbusier-works-box {
	border:2px solid #000;
	padding:20px 28px;
	margin-top:60px;
}

.corbusier-works-title,
.corbusier-works-title-2 {
	font-size:20px;
	font-weight:bold;
	margin-bottom:30px;
}

.zuroku-wrap-pc {
	display:none !important;
}

.zuroku-img-sp-tab {
	max-width:260px;
	margin:0 auto 30px;
}

.zuroku-detail-box {
	margin:15px 0 30px;
	border-bottom:1px solid #666;
	padding:30px 0;
}

.zuroku-detail-title {
	font-size:15px;
	font-weight:bold;
	line-height:1.6;
	margin-bottom:16px;
}

.zuroku-detail-text {
	font-size:14px;
}

.konyu-midashi {
	font-size:17px;
	font-weight:bold;
	color:#335eb5;
	margin-bottom:3px;
}

.zuroku-info-box {
	border-top:1px solid #666;
	padding:30px 0;
}

.zuroku-info-box-left {
	margin-bottom:25px;
}

.zuroku-info-box-prof {
	background:#efefef;
	padding:20px 25px;
}

.zuroku-info-text {
	font-size:15px;
	line-height:1.8;
}

.zuroku-info-text-right {
	margin-top:10px;
	font-size:13px;
	line-height:1.4;
	text-align:right;
}

.zuroku-info-box-prof-title {
	font-size:14px;
	font-weight:bold;
	line-height:1.5;
	margin-bottom:10px;
}

.zuroku-info-box-prof-text {
	font-size:13px;
	line-height:1.5;
	text-align: justify;
}

.zuroku-sample-wrap-cases {
	margin-top:50px;
}

.zuroku-sample-box {
	width:100%;
	margin:0 auto 30px;
}

.zuroku-sample {
	border:1px solid #999;
	box-shadow: 3px 3px 5px rgba(0,0,0,0.1);
	margin-bottom:8px;
}

.zuroku-sample-caption {
	font-size:13px;
	font-weight:bold;
	text-align:center;
}

.cases-zuroku-caption {
	font-size:13px;
	text-align:center;
}

.goods-body-wrap {
	margin-bottom:40px;
}

.goods-box, 
.goods-box-2 {
	width:100%;
	margin:0 auto 40px;
	border:2px solid #000;
	border-radius:10px;
	padding:20px 0 20px;
}

.goods-img,
.goods-img-2-sp,
.goods-img-3-sp {
	width:85%;
	margin:0 auto 10px;
}

.goods-img-2-pc,
.goods-img-3-pc {
	display:none !important;
}

.goods-name {
	font-size:15px;
	font-weight:bold;
	text-align:center;
}

.goods-price {
	font-size:13px;
	text-align:center;
}

.goods-price-left {
	font-size:13px;
}

.goods-price-wrap-inner:first-child {
	margin-bottom:12px;
}

.goods-name-sub {
	font-size:12px;
	text-align:center;
	margin:-3px 0 3px;
}

.chokkaku-box {
	border:2px solid #000;
	border-radius:10px;
	padding:22px 18px;
	margin:0 auto 20px;
}
	
.chokkaku-inner-01 {
	padding-bottom:30px;
	border-bottom:1px dotted #aaa;
	margin-bottom:60px;
}

.chokkaku-inner-01-right {
	padding-top:30px;
}
	
.chokkaku-title {
	font-size:16px;
	font-weight:bold;
	line-height:1.4;
	margin-bottom:4px;
}
.chokkaku-body-wrap {
	margin-top:20px;
}
	
.chokkaku-body-text {
	font-size:15px;
	text-align: justify;
}

.chokkaku-inner-02-right {
	padding-bottom:50px;
}
	
.chokkaku-img-03 {
	width:100%;
}
	
.chokkaku-img-04 {
	max-width:260px;
	margin:0 auto 70px;
}
	
.kiri-box-caption {
	padding-top:3px;
	font-size:13px;
	text-align:center;
}
	
.villa-tenji-caption {
	padding-top:6px;
	font-size:12.5px;
	line-height:1.6;
}
	
.villa-tenji-caption span {
	font-size:13px;
	font-weight:bold;
	line-height:1.4;
}
	
.bitonagi-caption {
	margin-top:30px;
	font-size:11px;
	line-height:1.6;
}