@charset "utf-8";




[class*=" ti-"],[class^=ti-]{font-family: FontAwesome;speak:none;font-style:normal;font-weight:400;font-size: large;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.ti-wand:before{content:"\e600"}.ti-volume:before{content:"\e601"}
.ti-user:before{content:"\e602"}.ti-unlock:before{content:"\e603"}
.ti-unlink:before{content:"\e604"}.ti-trash:before{content:"\e605"}
.ti-thought:before{content:"\e606"}.ti-target:before{content:"\e607"}
.ti-tag:before{content:"\e608"}.ti-tablet:before{content:"\e609"}
.ti-star:before{content:"\e60a"}.ti-spray:before{content:"\e60b"}
.ti-signal:before{content:"\e60c"}.ti-shopping-cart:before{content:"\e60d"}
.ti-shopping-cart-full:before{content:"\e60e"}.ti-settings:before{content:"\e60f"}
.ti-search:before{content:"\e610"}.ti-zoom-in:before{content:"\e611"}
.ti-zoom-out:before{content:"\e612"}.ti-cut:before{content:"\e613"}
.ti-ruler:before{content:"\e614"}.ti-ruler-pencil:before{content:"\e615"}
.ti-ruler-alt:before{content:"\e616"}.ti-bookmark:before{content:"\e617"}
.ti-bookmark-alt:before{content:"\e618"}.ti-reload:before{content:"\e619"}
.ti-plus:before{content:"\e61a"}.ti-pin:before{content:"\e61b"}

.ti-paint-roller:before{content:"\e61e"}.ti-paint-bucket:before{content:"\e61f"}
.ti-na:before{content:"\e620"}.ti-mobile:before{content:"\e621"}
.ti-minus:before{content:"\e622"}.ti-medall:before{content:"\e623"}
.ti-medall-alt:before{content:"\e624"}.ti-marker:before{content:"\e625"}.ti-marker-alt:before{content:"\e626"}.ti-arrow-up:before{content:"\e627"}.ti-arrow-right:before{content:"\e628"}.ti-arrow-left:before{content:"\e629"}.ti-arrow-down:before{content:"\e62a"}.ti-lock:before{content:"\e62b"}.ti-location-arrow:before{content:"\e62c"}.ti-link:before{content:"\e62d"}.ti-layout:before{content:"\e62e"}.ti-layers:before{content:"\e62f"}.ti-layers-alt:before{content:"\e630"}.ti-key:before{content:"\e631"}.ti-import:before{content:"\e632"}.ti-image:before{content:"\e633"}.ti-heart:before{content:"\e634"}.ti-heart-broken:before{content:"\e635"}.ti-hand-stop:before{content:"\e636"}.ti-hand-open:before{content:"\e637"}.ti-hand-drag:before{content:"\e638"}.ti-folder:before{content:"\e639"}.ti-flag:before{content:"\e63a"}.ti-flag-alt:before{content:"\e63b"}.ti-flag-alt-2:before{content:"\e63c"}.ti-eye:before{content:"\e63d"}.ti-export:before{content:"\e63e"}.ti-exchange-vertical:before{content:"\e63f"}.ti-desktop:before{content:"\e640"}.ti-cup:before{content:"\e641"}.ti-crown:before{content:"\e642"}.ti-comments:before{content:"\e643"}.ti-comment:before{content:"\e644"}.ti-comment-alt:before{content:"\e645"}.ti-close:before{content:"\e646"}.ti-clip:before{content:"\e647"}.ti-angle-up:before{content:"\e648"}

.ti-angle-right:before{content:"\f105"}.ti-angle-left:before{content:"\e64a"}.ti-angle-down:before{content:"\e64b"}.ti-check:before{content:"\e64c"}.ti-check-box:before{content:"\e64d"}.ti-camera:before{content:"\e64e"}.ti-announcement:before{content:"\e64f"}.ti-brush:before{content:"\e650"}.ti-briefcase:before{content:"\e651"}.ti-bolt:before{content:"\e652"}.ti-bolt-alt:before{content:"\e653"}.ti-blackboard:before{content:"\e654"}.ti-bag:before{content:"\e655"}.ti-move:before{content:"\e656"}.ti-arrows-vertical:before{content:"\e657"}.ti-arrows-horizontal:before{content:"\e658"}.ti-fullscreen:before{content:"\e659"}.ti-arrow-top-right:before{content:"\e65a"}.ti-arrow-top-left:before{content:"\e65b"}.ti-arrow-circle-up:before{content:"\e65c"}.ti-arrow-circle-right:before{content:"\e65d"}.ti-arrow-circle-left:before{content:"\e65e"}.ti-arrow-circle-down:before{content:"\e65f"}.ti-angle-double-up:before{content:"\e660"}.ti-angle-double-right:before{content:"\e661"}.ti-angle-double-left:before{content:"\e662"}.ti-angle-double-down:before{content:"\e663"}.ti-zip:before{content:"\e664"}.ti-world:before{content:"\e665"}.ti-wheelchair:before{content:"\e666"}.ti-view-list:before{content:"\e667"}.ti-view-list-alt:before{content:"\e668"}.ti-view-grid:before{content:"\e669"}.ti-uppercase:before{content:"\e66a"}.ti-upload:before{content:"\e66b"}.ti-underline:before{content:"\e66c"}.ti-truck:before{content:"\e66d"}.ti-timer:before{content:"\e66e"}.ti-ticket:before{content:"\e66f"}.ti-thumb-up:before{content:"\e670"}.ti-thumb-down:before{content:"\e671"}.ti-text:before{content:"\e672"}.ti-stats-up:before{content:"\e673"}.ti-stats-down:before{content:"\e674"}.ti-split-v:before{content:"\e675"}.ti-split-h:before{content:"\e676"}.ti-smallcap:before{content:"\e677"}.ti-shine:before{content:"\e678"}.ti-shift-right:before{content:"\e679"}.ti-shift-left:before{content:"\e67a"}.ti-shield:before{content:"\e67b"}.ti-notepad:before{content:"\e67c"}.ti-server:before{content:"\e67d"}.ti-quote-right:before{content:"\e67e"}.ti-quote-left:before{content:"\e67f"}.ti-pulse:before{content:"\e680"}.ti-printer:before{content:"\e681"}.ti-power-off:before{content:"\e682"}.ti-plug:before{content:"\e683"}.ti-pie-chart:before{content:"\e684"}.ti-paragraph:before{content:"\e685"}.ti-panel:before{content:"\e686"}.ti-package:before{content:"\e687"}.ti-music:before{content:"\e688"}.ti-music-alt:before{content:"\e689"}.ti-mouse:before{content:"\e68a"}.ti-mouse-alt:before{content:"\e68b"}.ti-money:before{content:"\e68c"}.ti-microphone:before{content:"\e68d"}.ti-menu:before{content:"\e68e"}.ti-menu-alt:before{content:"\e68f"}.ti-map:before{content:"\e690"}.ti-map-alt:before{content:"\e691"}.ti-loop:before{content:"\e692"}.ti-location-pin:before{content:"\e693"}.ti-list:before{content:"\e694"}.ti-light-bulb:before{content:"\e695"}.ti-Italic:before{content:"\e696"}.ti-info:before{content:"\e697"}.ti-infinite:before{content:"\e698"}.ti-id-badge:before{content:"\e699"}.ti-hummer:before{content:"\e69a"}.ti-home:before{content:"\e69b"}.ti-help:before{content:"\e69c"}.ti-headphone:before{content:"\e69d"}.ti-harddrives:before{content:"\e69e"}.ti-harddrive:before{content:"\e69f"}.ti-gift:before{content:"\e6a0"}.ti-game:before{content:"\e6a1"}.ti-filter:before{content:"\e6a2"}.ti-files:before{content:"\e6a3"}.ti-file:before{content:"\e6a4"}.ti-eraser:before{content:"\e6a5"}.ti-envelope:before{content:"\e6a6"}.ti-download:before{content:"\e6a7"}.ti-direction:before{content:"\e6a8"}.ti-direction-alt:before{content:"\e6a9"}.ti-dashboard:before{content:"\e6aa"}.ti-control-stop:before{content:"\e6ab"}.ti-control-shuffle:before{content:"\e6ac"}.ti-control-play:before{content:"\e6ad"}.ti-control-pause:before{content:"\e6ae"}.ti-control-forward:before{content:"\e6af"}.ti-control-backward:before{content:"\e6b0"}.ti-cloud:before{content:"\e6b1"}.ti-cloud-up:before{content:"\e6b2"}.ti-cloud-down:before{content:"\e6b3"}.ti-clipboard:before{content:"\e6b4"}.ti-car:before{content:"\e6b5"}.ti-calendar:before{content:"\e6b6"}.ti-book:before{content:"\e6b7"}.ti-bell:before{content:"\e6b8"}.ti-basketball:before{content:"\e6b9"}.ti-bar-chart:before{content:"\e6ba"}.ti-bar-chart-alt:before{content:"\e6bb"}.ti-back-right:before{content:"\e6bc"}.ti-back-left:before{content:"\e6bd"}.ti-arrows-corner:before{content:"\e6be"}.ti-archive:before{content:"\e6bf"}.ti-anchor:before{content:"\e6c0"}.ti-align-right:before{content:"\e6c1"}.ti-align-left:before{content:"\e6c2"}.ti-align-justify:before{content:"\e6c3"}.ti-align-center:before{content:"\e6c4"}.ti-alert:before{content:"\e6c5"}.ti-alarm-clock:before{content:"\e6c6"}.ti-agenda:before{content:"\e6c7"}.ti-write:before{content:"\e6c8"}.ti-window:before{content:"\e6c9"}.ti-widgetized:before{content:"\e6ca"}.ti-widget:before{content:"\e6cb"}.ti-widget-alt:before{content:"\e6cc"}.ti-wallet:before{content:"\e6cd"}.ti-video-clapper:before{content:"\e6ce"}.ti-video-camera:before{content:"\e6cf"}.ti-vector:before{content:"\e6d0"}.ti-themify-logo:before{content:"\e6d1"}.ti-themify-favicon:before{content:"\e6d2"}.ti-themify-favicon-alt:before{content:"\e6d3"}.ti-support:before{content:"\e6d4"}.ti-stamp:before{content:"\e6d5"}.ti-split-v-alt:before{content:"\e6d6"}.ti-slice:before{content:"\e6d7"}.ti-shortcode:before{content:"\e6d8"}.ti-shift-right-alt:before{content:"\e6d9"}.ti-shift-left-alt:before{content:"\e6da"}.ti-ruler-alt-2:before{content:"\e6db"}.ti-receipt:before{content:"\e6dc"}.ti-pin2:before{content:"\e6dd"}.ti-pin-alt:before{content:"\e6de"}.ti-pencil-alt2:before{content:"\e6df"}.ti-palette:before{content:"\e6e0"}.ti-more:before{content:"\e6e1"}.ti-more-alt:before{content:"\e6e2"}.ti-microphone-alt:before{content:"\e6e3"}.ti-magnet:before{content:"\e6e4"}.ti-line-double:before{content:"\e6e5"}.ti-line-dotted:before{content:"\e6e6"}.ti-line-dashed:before{content:"\e6e7"}.ti-layout-width-full:before{content:"\e6e8"}.ti-layout-width-default:before{content:"\e6e9"}.ti-layout-width-default-alt:before{content:"\e6ea"}.ti-layout-tab:before{content:"\e6eb"}.ti-layout-tab-window:before{content:"\e6ec"}.ti-layout-tab-v:before{content:"\e6ed"}.ti-layout-tab-min:before{content:"\e6ee"}.ti-layout-slider:before{content:"\e6ef"}.ti-layout-slider-alt:before{content:"\e6f0"}.ti-layout-sidebar-right:before{content:"\e6f1"}.ti-layout-sidebar-none:before{content:"\e6f2"}.ti-layout-sidebar-left:before{content:"\e6f3"}.ti-layout-placeholder:before{content:"\e6f4"}.ti-layout-menu:before{content:"\e6f5"}.ti-layout-menu-v:before{content:"\e6f6"}.ti-layout-menu-separated:before{content:"\e6f7"}.ti-layout-menu-full:before{content:"\e6f8"}.ti-layout-media-right-alt:before{content:"\e6f9"}.ti-layout-media-right:before{content:"\e6fa"}.ti-layout-media-overlay:before{content:"\e6fb"}.ti-layout-media-overlay-alt:before{content:"\e6fc"}.ti-layout-media-overlay-alt-2:before{content:"\e6fd"}.ti-layout-media-left-alt:before{content:"\e6fe"}.ti-layout-media-left:before{content:"\e6ff"}.ti-layout-media-center-alt:before{content:"\e700"}.ti-layout-media-center:before{content:"\e701"}.ti-layout-list-thumb:before{content:"\e702"}.ti-layout-list-thumb-alt:before{content:"\e703"}.ti-layout-list-post:before{content:"\e704"}.ti-layout-list-large-image:before{content:"\e705"}.ti-layout-line-solid:before{content:"\e706"}.ti-layout-grid4:before{content:"\e707"}.ti-layout-grid3:before{content:"\e708"}.ti-layout-grid2:before{content:"\e709"}.ti-layout-grid2-thumb:before{content:"\e70a"}.ti-layout-cta-right:before{content:"\e70b"}.ti-layout-cta-left:before{content:"\e70c"}.ti-layout-cta-center:before{content:"\e70d"}.ti-layout-cta-btn-right:before{content:"\e70e"}.ti-layout-cta-btn-left:before{content:"\e70f"}.ti-layout-column4:before{content:"\e710"}.ti-layout-column3:before{content:"\e711"}.ti-layout-column2:before{content:"\e712"}.ti-layout-accordion-separated:before{content:"\e713"}.ti-layout-accordion-merged:before{content:"\e714"}.ti-layout-accordion-list:before{content:"\e715"}.ti-ink-pen:before{content:"\e716"}.ti-info-alt:before{content:"\e717"}.ti-help-alt:before{content:"\e718"}.ti-headphone-alt:before{content:"\e719"}.ti-hand-point-up:before{content:"\e71a"}.ti-hand-point-right:before{content:"\e71b"}.ti-hand-point-left:before{content:"\e71c"}.ti-hand-point-down:before{content:"\e71d"}.ti-gallery:before{content:"\e71e"}.ti-face-smile:before{content:"\e71f"}.ti-face-sad:before{content:"\e720"}.ti-credit-card:before{content:"\e721"}.ti-control-skip-forward:before{content:"\e722"}.ti-control-skip-backward:before{content:"\e723"}.ti-control-record:before{content:"\e724"}.ti-control-eject:before{content:"\e725"}.ti-comments-smiley:before{content:"\e726"}.ti-brush-alt:before{content:"\e727"}.ti-youtube:before{content:"\e728"}
.ti-vimeo:before{content:"\e729"}
/* .ti-twitter:before{content:"\f099";color:#1da1f2;font-size: 30px;} */
.ti-time:before{content:"\e72b"}
.ti-tumblr:before{content:"\e72c"}.ti-skype:before{content:"\e72d"}.ti-share:before{content:"\e72e"}.ti-share-alt:before{content:"\e72f"}.ti-rocket:before{content:"\e730"}.ti-pinterest:before{content:"\e731"}.ti-new-window:before{content:"\e732"}.ti-microsoft:before{content:"\e733"}.ti-list-ol:before{content:"\e734"}.ti-linkedin:before{content:"\e735"}.ti-layout-sidebar-2:before{content:"\e736"}.ti-layout-grid4-alt:before{content:"\e737"}.ti-layout-grid3-alt:before{content:"\e738"}.ti-layout-grid2-alt:before{content:"\e739"}.ti-layout-column4-alt:before{content:"\e73a"}.ti-layout-column3-alt:before{content:"\e73b"}.ti-layout-column2-alt:before{content:"\e73c"}




.ti-instagram {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 35px;
  vertical-align: middle;
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;/*グラデーション①*/
  overflow: hidden;
  border-radius: 4px;
}

.ti-instagram:before {/*グラデーションを重ねるため*/
  content: '\f16d';
  position: absolute;
  top: 3px;
  left: 5px;
  width: 20px;
  height: 20px;
  background: -webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
  background: radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);/*グラデーション②*/
}

.ti-instagram {
  color: #FFF;/*白に*/
  position: relative;
  z-index: 2;
  font-size: 30px;
  top: 0px;
  left: -3px;
}


.ti-photo:before{content:"\f03e"}
.ti-google:before{content:"\e73e"}.ti-github:before{content:"\e73f"}.ti-flickr:before{content:"\e740"}


.ti-facebook {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 35px;
  vertical-align: middle;
  overflow: hidden;
  border-radius: 4px;
  background: #3b5998;
}

.ti-facebook:before {
  content: '\f09a';
  position: absolute;
  top: 3px;
  left:11px;
  width: 20px;
  height: 20px;
}

.ti-facebook {
  color: #FFF;
  position: relative;
  z-index: 2;
  font-size: 30px;
  top: 0px;
  left: -3px;
}



.ti-twitter {
  position: relative;
  display: inline-block;
  width: 35px;
  height: 35px;
  vertical-align: middle;
  overflow: hidden;
  border-radius: 4px;
  background:#2196F3;
}

.ti-twitter:before {
  content: '\f099';
  position: absolute;
  top: 3px;
  left:4px;
  width: 20px;
  height: 20px;
}

.ti-twitter {
  color: #FFF;
  position: relative;
  z-index: 2;
  font-size: 30px;
  top: 0px;
  left: -3px;
}




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


.ti-instagram {
  width: 35px;
  height: 35px;
}

.ti-instagram:before {
  top: 1px;
  left:5px;
}


.ti-facebook {
  width: 35px;
  height: 35px;
}

.ti-facebook:before {
  content: '\f09a';
  left:10px;
}

.ti-facebook {
  top: 0px;/
  left: -3px;
}



.ti-twitter {
  width: 35px;
  height: 35px;
}

.ti-twitter:before {
  top: 0px;
  left:4px;
}

.ti-twitter {
  top: 0px;
  left: -3px;
}



}



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

	top

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

/* top-hero
--------------------------- */

.top-hero__outer {
	position: relative;
}

.top-hero {
	width: 100%;
	padding-bottom: 50%;
	min-height: 600px;
	position: relative;
	overflow: hidden;
}

.top-hero__item {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	opacity: 0;
	transform: translate(30%,0);
	transform-origin: 50% 50%;
}
html.no-js .top-hero__item,
.top-hero__item._start {
	transform: translate(0,0);
}
html.no-js .top-hero__item,
.top-hero__item._active {
	z-index: 2;
	opacity: 1;
	transform: translate(0,0);
	transition: opacity .6s .1s, transform .6s .1s;
}
.top-hero__item._gone {
	opacity: 0;
	transform: translate(-50%,0) scale(.9);
	transition: opacity .6s .1s, transform .6s .1s cubikatta-bezier(0.455, 0.03, 0.515, 0.955);
}

.top-hero__item .katta-img-ratio {
	width: 100% !important;
	height: 100% !important;
	padding-bottom: 0 !important;
	min-height: 0 !important;
}


/* top-message */

.top-message__img {
	width: 100%;
	height: 100%;
	position: relative;
}

.top-message__img > .img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
}

.top-hero__item._active .top-message__img > .img1,
.top-hero__item._gone .top-message__img > .img3 {
	opacity: 1;
}

.top-hero__item._active .top-message__img > .img2,
.top-hero__item._active .top-message__img > .img3 {
	opacity: 1;
	transition: opacity 1s;
}
.top-hero__item._active .top-message__img > .img2 {
	transition-delay: 6s;
}
.top-hero__item._active .top-message__img > .img3 {
	transition-delay: 11s;
}

.top-message__img img {
	transform: scale(1.07);
	transform-origin: 50% 50%;
}
.top-hero__item._gone .top-message__img > .img3 img {
	transform: scale(1);
}

.top-hero__item._active .top-message__img img {
	transform: scale(1);
	transition: transform 6s linear;
}
.top-hero__item._active .top-message__img > .img2 img {
	transition-delay: 6s;
}
.top-hero__item._active .top-message__img > .img3 img {
	transition-duration: 9s;
	transition-timing-function: cubikatta-bezier(0.39, 0.575, 0.565, 1);
	transition-delay: 11s;
}


.top-message__txt {
	color: #fff;
	font-size: 1.067rem;
	font-weight: 700;
	text-align: center;
	width: 100%;
	position: absolute;
	top: 18vw;
	left: 50%;
	transform: translate(-50%,0);
}

.top-message__txt .katta-title-A {
	letter-spacing: .1em;
	margin: 0 -.7em 2vw 0;
	transform: translate(.3em,0);
	opacity: 0;
}
.top-hero__item._active .top-message__txt .katta-title-A,
.top-hero__item._gone .top-message__txt .katta-title-A {
	transform: translate(0,0);
	opacity: 1;
}
.top-hero__item._active .top-message__txt .katta-title-A {
	transition: opacity .6s .5s, transform .6s .5s cubikatta-bezier(0.165, 0.84, 0.44, 1);
}

.top-message__txt > div {
	width: 36em;
	margin: 0 auto;
	position: relative;
}

.top-message__txt .txt {
	width: 0;
	position: absolute;
	top: 0;
	overflow: hidden;
	transform: translate(10px,0);
}

.top-message__txt .txt > span {
	display: block;
}

.top-hero__item._gone .top-message__txt .txt3 {
	width: 100%;
	transform: translate(0,0);
}

.top-hero__item._active .top-message__txt .txt1,
.top-hero__item._active .top-message__txt .txt2,
.top-hero__item._active .top-message__txt .txt3 {
	width: 100%;
	transform: translate(0,0);
	transition: width 1s cubikatta-bezier(0.215, 0.61, 0.355, 1), transform .5s cubikatta-bezier(0.215, 0.61, 0.355, 1);
	transition-delay: 1s;
}
.top-hero__item._active .top-message__txt .txt2 {
	transition-delay: 6.5s;
}
.top-hero__item._active .top-message__txt .txt3 {
	transition-delay: 11.5s;
}

.top-hero__item._active .top-message__txt .txt1 > span,
.top-hero__item._active .top-message__txt .txt2 > span {
	opacity: 0;
	transform: translate(-2em,0);
	transition: opacity .3s, transform .3s cubikatta-bezier(0.55, 0.085, 0.68, 0.53);
	transition-delay: 5.8s;
}
.top-hero__item._active .top-message__txt .txt2 > span {
	transition-delay: 10.8s;
}


/* top-news
--------------------------- */

.top-news .katta-title-B {
	position: absolute;
}

.top-news__list {
	margin: -1.2em 0;
	padding-left: 18vw;
}

.top-news__list > dt {
	line-height: 1.8;
	text-align: left;
	padding: 1.2vw 1em 1.2vw 9em;
	margin-top: 5px;
	border-top: 1px solid #DEE1EA;
	position: relative;
	cursor: pointer;
	transition: color .1s linear;
}
.top-news__list > dt:first-child {
	border-top: none;
	margin-top: 0;
}
html.no-touchevents .top-news__list > dt:hover {
	color: #F6921D;
}

.top-news__list > dt > span {
	content: "";
	width: 10px;
	height: 10px;
	background-color: red;
	position: absolute;
	top: 3px;
	left: 1em;
}

.top-news__list > dt:before,
.top-news__list > dt:after {
	content: "";
	width: 12px;
	height: 2px;
	background-color: #F6921D;
	position: absolute;
	top: 3px;
	left: 1em;
	margin-top: 1.9vw;
	transition: all .25s cubikatta-bezier(.41,.34,.51,1.2);
}

.top-news__list > dt:after {
	transform: rotate(90deg);
	transition-duration: .1s;
}

.top-news__list > dt > time {
	color: #404040;
	font-size: 0.867rem;
	position: absolute;
	left: 3em;
	padding-top: .15em;
}

.top-news__list > dd {
	overflow: hidden;
	height: 0;
	transition: height .3s;
	margin-top: -5px;
}
html.no-js .top-news__list > dd {
	height: auto;
}

.top-news__list > dd > div {
	color: #808080;
	font-size: 0.933rem; /* 14px */
	padding: 0 1em 1.5vw 9.7em;
}

.top-news__list > dd > div > a {
	color: #808080;
	text-decoration: underline;
}


/* top-project
--------------------------- */

.top-project .katta-titleset-A {
	margin-bottom: 6vw;
}

.top-project__list-outer {
	margin: 0 -4vw;
}

.top-project__list-item > a {
	text-align: right;
	display: block;
	margin-top: -1px;
	position: relative;
}
.top-project__list-item:nth-child(2n) > a {
	text-align: left;
	direction: rtl;
	margin-left: -1px;
}
html.no-touchevents .top-project__list-item > a:hover {
	z-index: 1;
}

.top-project__list-txt,
.top-project__list-img {
	direction: ltr;
	width: 50%;
	display: inline-block;
	vertical-align: middle;
}
.top-project__list-txt {
	text-align: left;
	padding-left: 5%;
}
.top-project__list-item:nth-child(2n+1) .top-project__list-txt {
	text-align: right;
	padding-left: 0;
	padding-right: 5%;
}

.top-project__list-title {
	line-height: 1.4;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.top-project__list-img {
	position: relative;
	max-width: 300px;
}


/* top-gallery
--------------------------- */

.top-gallery {
	position: relative;
	z-index: 1;
}

.top-gallery:after {
	content: "";
	width: 100%;
	height: 5vw;
	max-height: 71px;
	background-color: #f9f9f9;
	position: absolute;
	bottom: -1px;
	left: 0;
	z-index: -1;
}

.top-gallery__header {
	text-align: center;
	position: relative;
	margin-bottom: 4vw;
}

.top-gallery__header .katta-arrownav {
	position: absolute;
	top: -1em;
	right: 4vw;
}



/* top-blog
--------------------------- */

.top-blog__header {
	text-align: center;
	float: right;
}

.top-blog__list {
	text-align: left;
	margin: -2% 0;
	padding-right: 18vw;
}

.top-blog__list > dt {
	color: #02126d;
	font-weight: 600;
	font-size: 16px;
	position: absolute;
	margin: 1.1vw 0 0 1.5em;
	padding-top: .1em;
}

.top-blog__list > dd {
	line-height: 1.8;
	border-bottom: 1px solid #DEE1EA;
	position: relative;
	z-index: 1;
}
.top-blog__list > dd:last-child {
	border-bottom: none;
}

.top-blog__list > dd > a {
	display: block;
	padding: 1.4vw 3em 1.2vw 8.5em;
	transition: color .1s linear;
	font-size: 16px;
}
html.no-touchevents .top-blog__list > dd > a:hover {
	color: #02126d;
	font-weight:600;
}

.top-blog__list > dd > a:after {
	content: "";
	width: .5vw;
	height: .5vw;
	max-width: 7px;
	max-height: 7px;
	min-width: 5px;
	min-height: 5px;
	border-top: 2px solid #02126d;
	border-right: 2px solid #02126d;
	position: absolute;
	top: 50%;
	right: 1em;
	transform: translate(-50%,-50%) rotate(45deg);
}
html.no-touchevents .top-blog__list > dd > a:hover:after {
	animation: a-top-blog__list .25s .05s backwards;
}
@keyframes a-top-blog__list {
	60% { right: .5em; }
	100% { right: 1em; }
}


/* top-katta
--------------------------- */

.top-katta__img {
	position: relative;
	display: block;
}

.top-katta__img .katta-badge {
	position: absolute;
	top: 0;
	left: 0;
	margin: -5% 0 0 -5%;
	background-color: #fff;
}

.top-katta__img > svg {
	width: 10vw;
	height: 10vw;
	max-width: 120px;
	max-height: 120px;
	min-width: 80px;
	min-height: 80px;
	padding: 1.5%;
	border: 3px solid #262626;
	background: #fff url(../images/top-katta_bcg.png) repeat 50% 50%;
	background-size: 70% auto;
	position: absolute;
	top: 0;
	right: 0;
	margin: 5% 5% 0 0;
}


.top-katta__lead {
	margin: 2.5vw 0;
}


/* top-about
--------------------------- */

.top-about__hero {
	color: #fff;
	text-align: right;
}

.top-about__hero .katta-title-A {
	transform: translate(.5em,1.3em);
}

.top-about__cnt > p {
	margin-bottom: 4vw;
}


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

	about

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

/* about-hero
--------------------------- */

.about-hero {
	/*color: #fff;*/
	text-align: center;
}


/* about-lead
--------------------------- */

.about-lead > .katta-title-A {
	text-align: center;
	position: relative;
	z-index: 1;
	padding-bottom: 3.5vw;
	margin: -1.5vw 0 5vw;
	white-space: nowrap;
}



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

	story

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

/* story-message
--------------------------- */

.story-message__txt > div:first-child {
	margin-bottom: 5vw;
}

.story-message__txt > div > figure {
	width: 55%;
	float: left;
	margin: 7.5vw -5% 1em -7vw;
	position: relative;
	z-index: -1;
}
.story-message__txt > div:first-child > figure {
	width: 32%;
	float: right;
	margin: 7.5vw 0 0 10%;
}

.story-message__txt > div > figure:last-of-type {
	display: none;
}

.story-message__txt > div > p {
	overflow: auto;
}

.story-message__name {
	font-weight: 700;
	font-size: 0.933rem;
	text-align: right;
	margin-top: 4vw;
}

.story-message__name > .katta-title-A {
	display: inline-block;
}


/* story-reason
--------------------------- */

.story-reason__hero {
	text-align: left;
}

.story-reason__cnt-txt {
	width: 58%;
	float: right;
}

.story-reason__cnt > figure {
	width: 42%;
	padding-right: 7%;
	float: left;
}

.story-reason__cnt .katta-caption {
	clear: both;
	padding-top: 3vw;
}


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

	company

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

/* company-info
--------------------------- */

.company-info__img {
	float: right;
	width: 40%;
	margin-left: 7%;
}

.company-info__list {
	overflow: auto;
	margin: -1.2vw 0 -1.2vw 3vw;
}

.company-info__list > dt {
	color: #404040;
	font-size: 0.867rem;
	font-weight: 700;
	position: absolute;
	margin: 1.2vw 0 0 1.5em;
	padding-top: .2em;
}

.company-info__list > dd {
	line-height: 1.8;
	text-align: left;
	padding: 1.2vw 1em 1.2vw 8.5em;
	border-bottom: 1px solid #DEE1EA;
}
.company-info__list > dd:last-child {
	border-bottom: none;
}

.company-info__list > dd > ul > li + li {
	margin-top: .3em;
}


/* company-association
--------------------------- */

.company-association__list {
	position: relative;
	margin: 0 3vw;
}

/*.company-association__list:before,
.company-association__list:after {
	content: "";
	width: 1px;
	height: 120%;
	background-color: #DEE1EA;
	position: absolute;
	top: -10%;
	left: 32%;
}
.company-association__list:after {
	left: 68%;
}*/

.company-association__list:after {
	content: "";
	width: 1px;
	height: 120%;
	background-color: #DEE1EA;
	position: absolute;
	top: -10%;
	left: 50%;
}

.company-association__list-item > a {
	text-align: left;
	display: block;
}

.company-association__list-cap {
	padding-right: 25%;
	position: relative;
}


/* company-access
--------------------------- */

.company-access__inner {
	position: relative;
}

.company-access__map {
	width: 100%;
	padding-bottom: 50%;
	background-color: #e5e5e5;
	position: relative;
}

.company-access__map-canvas {
	width: 100%;
	height: 100%;
	position: absolute;
}

.company-access__map-txt {
	text-align: center;
	width: 35%;
	min-width: 340px;
	height: 80%;
	background-color: #fff;
	padding: 3%;
	position: absolute;
	top: 10%;
	right: 4%;
}

.company-access__map-txt:before {
	content: "";
	width: 0;
	height: 100%;
	display: inline-block;
	vertical-align: middle;
}

.company-access__map-txt > div {
	text-align: left;
	display: inline-block;
	vertical-align: middle;
	max-width: 18em;
}

.company-access__map-txt dt {
	font-size: 1rem;
	font-weight: 700;
}

.company-access__map-txt dd {
	margin-top: .5em;
}

.company-access__map-canvas {
	width: 100%;
	height: 100%;
	background-color: #e5e5e5;
}

.company-access__btn {
	text-align: right;
	margin: 2vw 0 -1em;
}



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

	team

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

/* team-designer
--------------------------- */

.team-designer__list {
	position: relative;
	overflow: hidden;
}

.team-designer__list:before {
	content: "";
	width: 1px;
	height: 3000px;
	background-color: #DEE1EA;
	position: absolute;
	top: 0;
	left: 50%;
}

.team-designer__item {
	padding: 0 9%;
	border-top: 1px solid #DEE1EA;
}
.team-designer__item._odd {
	padding-right: 12%;
}
.team-designer__item._even {
	padding-left: 12%;
}
.team-designer__item._top {
	padding-bottom: 10%;
	border-top: none;
}
.team-designer__item._bottom {
	padding-top: 12%;
}

.team-designer__item-header {
	font-size: 0.8rem; /* 12px */
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0;
	max-width: 500px;
	position: relative;
	display: block;
	margin: 0 auto 3vw;
	white-space: nowrap;
}
.team-designer__item._odd .team-designer__item-header {
	padding-left: 38%;
}
.team-designer__item._even .team-designer__item-header {
	padding-right: 38%;
}

.team-designer__item-header b {
	margin: 3px 0;
}



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

	concept

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

/* concept-txt
--------------------------- */

.concept-txt .katta-title-A {
	text-align: center;
	white-space: nowrap;
}


/* concept-coordinate
--------------------------- */

.concept-coordinate__list .katta-title-A {
	text-align: center;
	margin-top: 2vw;
}


/* concept-gallery
--------------------------- */

.concept-gallery {
	overflow: hidden;
}




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

	feature

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

/* feature-title
--------------------------- */

.feature-title {
	text-align: center;
}


/* feature-lead
--------------------------- */

.feature-lead > .katta-title-A {
	text-align: center;
}


/* feature-feature
--------------------------- */

.feature-feature {
	/* padding-top: 6vw; */
	/* margin-top: 6vw; */
	/* position: relative; */
	padding: 2%;
}
	
/* 縦 */
.bg_check {
	background-color: #fff;
	background-image:
  linear-gradient(-90deg, #f3f3f3 50%, transparent 50%),
    linear-gradient(#f3f3f3 50%, transparent 50%);
	background-size: 150px 150px;
}

/* 斜め */
.bg_skew_check{
	background-color: #fff;
	background-image:
  repeating-linear-gradient(-45deg,
  #fc693b, #fc693b 10px,
  transparent 0, transparent 20px),
      repeating-linear-gradient(45deg,
  #fc693b, #fc693b 10px,
  transparent 0, transparent 20px);
}

/* 縦半透明 */
.is-transparent{
	background-image:
  linear-gradient(-90deg, rgba(253, 68, 119, 0.5) 50%, transparent 50%),
    linear-gradient(rgba(253, 68, 119, 0.5) 50%, transparent 50%);
	background-size: 20px 20px;
}

/* 半透明色変えチェック */
.is-transparent-mix{
	background-image:
  linear-gradient(-90deg, rgba(63, 171, 234, 0.5) 50%, transparent 50%),
    linear-gradient(rgba(253, 68, 119, 0.5) 50%, transparent 50%);
	background-size: 20px 20px;
}

.bg_hishigata {
  background: 
    radial-gradient(black 3px, transparent 4px),
    radial-gradient(black 3px, transparent 4px),
    linear-gradient(#fff 4px, transparent 0),
    linear-gradient(45deg, transparent 74px, transparent 75px, #a4a4a4 75px, #a4a4a4 76px, transparent 77px, transparent 109px),
    linear-gradient(-45deg, transparent 75px, transparent 76px, #a4a4a4 76px, #a4a4a4 77px, transparent 78px, transparent 109px),
  #fff;
  background-size: 109px 109px, 109px 109px,100% 6px, 109px 109px, 109px 109px;
  background-position: 54px 55px, 0px 0px, 0px 0px, 0px 0px, 0px 0px;
}







.feature-feature:before {
	content: "";
	width: 116%;
	height: 1px;
	/* background-color: #DEE1EA; */
	position: absolute;
	top: 0;
	left: -8%;
}

.feature-feature .katta-title-A {
	position: relative;
	padding: 25px 0;
}
.feature-feature._left .katta-title-A {
	text-align: left;
	margin-right: -2em;
}
.feature-feature._right .katta-title-A {
	text-align: left;
	/* margin-left: -2em; */
}

.feature-feature p + p {
	margin-top: 1em;
}

.feature-feature__img {
	margin-top: 3vw;
}

.feature-feature__img > .katta-caption {
	display: block;
	margin-top: 1em;
}

.facility-facility__grids1 {
	margin-top: 5vw;
}

.facility-facility__grids1 .feature-feature__img {
	margin-top: 0;
}

.feature-feature._others .katta-arrownav {
	margin-top: 2vw;
}



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

	project

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

/* project-list
--------------------------- */

.project-list__list {
	margin-bottom: -4%;
}

.project-list__item {
	margin-bottom: 4%;
}

.project-list__item > a {
	display: block;
	padding: 0 2vw 2vw;
	background-color: #F4F7F7;
	position: relative;
	overflow: hidden;
}


.project-list__item-cover {
	margin: 0 -2vw 2.5vw 0;
}

.project-list__item-img {
	float: left;
	width: 35%;
	margin: 0 5% -2% -2%;
}

.project-list__item-title {
	font-size: 0.933rem;
	line-height: 1.4;
	margin-bottom: 1vw;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}


/* project-archivelist
--------------------------- */

.project-archivelist {
	text-align: center;
}

.project-archivelist__list {
	text-align: left;
	margin-bottom: 6vw;
}

.project-archivelist__item {
	margin-bottom: -2px;
}

.project-archivelist__item > a {
	display: block;
	border-bottom: 1px solid #DEE1EA;
	padding: 2vw 30px 2vw .5em;
	position: relative;
}

.project-archivelist__item-img {
	width: 30%;
	max-width: 75px;
	border-radius: 50%;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	margin-right: -30%;
}

.project-archivelist__item-img:after {
	content: "";
	width: 8px;
	height: 8px;
	border-top: 2px solid #F6921D;
	border-right: 2px solid #F6921D;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translate(0,-50%) rotate(45deg);
}

.project-archivelist__item-title {
	font-weight: 700;
	letter-spacing: 1px;
	line-height: 1.5;
	text-align: left;
	display: inline-block;
	vertical-align: middle;
	padding-left: 37%;
}

.project-archivelist__item-title > span {
	font-size: 0.867rem;
	font-weight: 400;
	display: block;
	margin-top: 4%;
}


/* project-header
--------------------------- */

.project-header {
	text-align: center;
	position: relative;
}

.project-header__header._fixed {
	position: fixed;
}

.project-header .katta-title-D {
	position: absolute;
	top: -1em;
	left: 50%;
	transform: translate(-50%,-3vw);
}

.project-header__img {
	margin-bottom: 2vw;
}
.project-header__img._sp {
	display: none;
}

.project-header__txt {
	margin-bottom: 3vw;
}

.project-header__list {
	text-align: left;
	border-top: 1px solid #DEE1EA;
	margin-bottom: 10%;
}

.project-header__list > li {
	font-size: 0.933rem;
	letter-spacing: 0;
	line-height: 1.4;
	padding: 22px 5% 20px 20%;
	border-bottom: 1px solid #DEE1EA;
	position: relative;
}

.project-header__list > li:before {
	content: "";
	width: 12px;
	height: 7px;
	border-left: 4px solid #F6921D;
	border-bottom: 4px solid #F6921D;
	position: absolute;
	top: 50%;
	left: 0;
	margin-left: 10%;
	transform: translate(-50%,-50%) rotate(-40deg);
}

.project-header__btn {
	text-align: right;
}


/* project-article
--------------------------- */

.project-article {
	padding: 0 4% 0 11%;
}


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

	gallery

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

/* gallery-title
--------------------------- */

.gallery-title {
	position: relative;
}

.gallery-title__catname {
	line-height: 1.5 !important;
	padding-right: 5em;
	position: absolute;
	left: 17em;
	bottom: .3em;
}

.gallery-title__cat {
	height: 0;
	margin: 0 -7vw;
	clear: both;
	overflow: hidden;
	transition: height .3s;
}
.gallery-title__cat._sps {
	display: none;
}

.gallery-title__cat .katta-title-A > span {
	font-size: 0.933rem;
}

.gallery-title__cat-list {
	margin: 0 auto;
}
.gallery-title__cat-list > dt {
	text-align: center;
	position: absolute;
	margin: 5.5vw 0 0 1em;
}
.gallery-title__cat-list > dt:first-of-type {
	margin-top: -.5vw;
}

.gallery-title__cat-list > dd {
	border-top: 1px solid #DEE1EA;
	padding: 3vw 0 0 15em;
	margin-top: 3vw;
}

.gallery-title__cat-list > dd:first-of-type {
	border-top: none;
	padding-top: 0;
	margin-top: 0;
}


/* gallery-list
--------------------------- */

.gallery-list .katta-gallerylist {
	margin-bottom: -6%;
}

.gallery-list .katta-gallerylist__item {
	margin-bottom: 6%;
}

.gallery-list__img {
	position: relative;
	margin-bottom: 2vw;
}

.gallery-list p {
	line-height: 1.6;
}

.gallery-list .katta-title-A,
.gallery-list p,
.gallery-list .katta-taglist {
	padding: 0 1.5vw;
}

.gallery-list .katta-taglist {
	margin-top: .5vw;
}


/* gallerycnt-title
--------------------------- */

.gallerycnt-title {
	line-height: 1.6;
}

.gallerycnt-title__inner {
	text-align: left;
	position: relative;
	padding-right: 80px;
}

.gallerycnt-title__badge {
	text-align: center;
	position: absolute;
	top: -1em;
	right: -3vw;
}



/* gallery-gallery
--------------------------- */

.gallery-gallery {
	margin: -1.5% 0;
}

.gallery-gallery__line {
	width: 103%;
	margin: 0 -1.5%;
	padding-bottom: 60%;
	position: relative;
}

.gallery-gallery__line._horizontal {
	padding-bottom: 30%;
}

.gallery-gallery__line > div {
	width: 100%;
	height: 100%;
	padding: 1.5%;
	position: absolute;
	top: 0;
	left: 0;
}

.gallery-gallery__line._double > div {
	width: 50%;
	left: 50%;
}
.gallery-gallery__line._double > div:first-child {
	width: 50%;
	left: 0;
}

.gallery-gallery__line._triple > div {
	width: 50%;
}
.gallery-gallery__line._triple > div:nth-child(2) {
	height: 50%;
	left: 50%;
}
.gallery-gallery__line._triple > div:nth-child(3) {
	height: 50%;
	top: 50%;
	left: 50%;
}
.gallery-gallery__line._triple._flip > div {
	left: 0;
}
.gallery-gallery__line._triple._flip > div:first-child {
	left: 50%;
}

.gallery-gallery__line > div > span {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
}


/* gallery-info
--------------------------- */

.gallery-info._nostory {
	padding-right: 13vw;
	padding-left: 13vw;
}

.gallery-info > .katta-grids {
	position: relative;
	overflow: hidden;
}

.gallery-info._nostory .gallery-info__txt {
	width: 100%;
}

.gallery-info__data {
	font-size: 0.867rem;
	text-align: left;
	padding-left: 14%;
}

.gallery-info__data:before {
	content: "";
	width: 1px;
	height: 1000px;
	background-color: #DEE1EA;
	position: absolute;
	margin-left: -3.5%;
}
.gallery-info._nostory .gallery-info__data:before {
	margin-left: -7%;
}

.gallery-info__note .katta-taglist {
	margin-top: 1vw;
}

.gallery-info__story {
	padding-left: 3vw;
	padding-right: 6vw;
}


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

	openhouse

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

/* openhouse-title
--------------------------- */

@media screen and (min-width: 960px) {
	.openhouse-title__line-double {
		display: none;
	}
}


/* openhouse-hero
--------------------------- */

.openhouse-hero {
	position: relative;
}

.openhouse-hero > .katta-title-B {
	text-align: center;
	width: 50%;
	padding: 9vw 3vw 0 5vw;
	position: absolute;
	right: 0;
}

.openhouse-hero__img {
	text-align: center;
	position: relative;
	display: block;
}

.openhouse-hero__img > h2 {
	width: 100%;
	padding: 0 10px;
	position: absolute;
	top: 16vw;
	z-index: 1;
	transform: translate(0,-50%);
}

@media screen and (min-width: 1180px) {
	.openhouse-hero__img > h2 {
		top: 14vw;
	}
}

.openhouse-hero__img .katta-title-A {
	transform-origin: 50% 50%;
	transform: scale(0.9);
}

.openhouse-hero__img .katta-title-A > span {
	display: inline-block;
}

.openhouse-hero__img > .katta-img-ratio {
	min-height: 540px;
}
.openhouse-hero._double .openhouse-hero__img > .katta-img-ratio {
	min-height: 380px;
}
@media screen and (min-width: 960px) {
	.openhouse-hero._double .openhouse-hero__img > .katta-img-ratio {
		padding-bottom: 85%;
	}
}

.openhouse-hero__txt {
	text-align: center;
	padding: 18vw 3vw 0 5vw;
	position: relative;
	z-index: 1;
}
.openhouse-hero._double .openhouse-hero__txt {
	padding: 2vw 5vw 0 5vw;
}
.openhouse-hero._double .katta-grid-1of2:first-child .openhouse-hero__txt:before {
	content: "";
	width: 1px;
	height: 65%;
	background-color: #DEE1EA;
	position: absolute;
	top: 35%;
	right: 0;
}

.openhouse-hero__txt .katta-title-A > span {
	display: block;
}

.openhouse-hero__hour {
	white-space: nowrap;
}
.openhouse-hero .openhouse-hero__hour {
	margin: 2.5vw 0 1.5vw;
}

.openhouse-hero__hour > * {
	display: inline-block;
	vertical-align: middle;
	margin: 0 .4em;
}
.openhouse-hero__hour > *:first-child {
	margin-bottom: -.2em;
}

.openhouse-hero__hour-cat {
	font-size: 0.867rem;
	font-weight: 700;
	letter-spacing: 1px;
	line-height: 24px;
	text-align: center;
	padding: .15em 1em 0;
	border: 1px solid #262626;
}

.openhouse-hero .katta-date {
	margin-bottom: 3vw;
}


/* openhouse-info
--------------------------- */

.openhouse-info {
	text-align: center;
}

.openhouse-info > p {
	padding: 0 calc(13vw - 70px);
}

.openhouse-info .katta-button-B {
	margin-top: 3vw;
}

.openhouse-info__detail {
	text-align: left;
	height: 0;
	overflow: hidden;
	transition: height .4s cubikatta-bezier(0.165, 0.84, 0.44, 1);
}
.openhouse-info__detail._open {
	transition: height .3s cubikatta-bezier(0.55, 0.055, 0.675, 0.19);
}
html.no-js .openhouse-info__detail {
	height: auto;
}

.openhouse-info__detail .katta-grids {
	position: relative;
}

.openhouse-info__detail-item:before {
	content: "";
	width: 1px;
	height: 100%;
	background-color: #DEE1EA;
	position: absolute;
	top: 0;
	margin-left: -3.5%;
}
.openhouse-info__detail-item:first-child:before {
	content: none;
}

.openhouse-info__detail-title {
	height: calc(8em + 2.5vw);
}
.openhouse-info__detail-title > * {
	text-align: center;
}

.openhouse-info__detail-title .katta-title-A > span {
	display: block;
}

.openhouse-info__detail-title .katta-caption {
	line-height: 1.6;
	letter-spacing: 1px;
	margin-top: .5vw;
}

.openhouse-info__detail-title:before {
	content: "";
	width: 3px;
	height: 40px;
	background-color: #fff;
	position: absolute;
	top: 50%;
	margin-left: -3.5%;
	transform: translate(-1px,-50%);
}
.openhouse-info__detail-item:first-child .openhouse-info__detail-title:before {
	content: none;
}

.openhouse-info__detail-title:after {
	content: "";
	border: 8px solid transparent;
	border-left: 12px solid #262626;
	position: absolute;
	top: 50%;
	margin-left: -3.5%;
	transform: translate(-4px,-50%);
}
.openhouse-info__detail-item:first-child .openhouse-info__detail-title:after {
	content: none;
}


/* openhouse-schedule
--------------------------- */

.openhouse-schedule__item {
	display: block;
	padding: 2vw 2vw 0;
	background-color: #F4F7F7;
	position: relative;
	overflow: hidden;
}

.openhouse-schedule__item > .katta-title-A > span {
	display: block;
}

.openhouse-schedule__item > .katta-date {
	text-align: left;
	margin: 2.5vw 0 1vw;
}

.openhouse-schedule__item > figure {
	margin: 2.5vw -2vw 0 0;
}


/* openhouse-banner
--------------------------- */

.openhouse-banner__item > a {
	display: block;
	max-width: 700px;
	margin: 0 auto;
	position: relative;
}

.openhouse-banner__item .katta-img-ratio {
	height: 180px;
}


/* openhouse-gallery
--------------------------- */

.openhouse-gallery {
	position: relative;
	z-index: 1;
}

.openhouse-gallery:after {
	content: "";
	width: 100%;
	height: 5vw;
	max-height: 71px;
	background-color: #F4F7F7;
	position: absolute;
	bottom: -1px;
	left: 0;
	z-index: -1;
}

.openhouse-gallery .katta-arrownav {
	color: #fff;
	margin-top: 1.5vw;
	margin-bottom: 9vw;
}

.openhouse-gallery .katta-gallerylist {
	margin-right: calc(-13vw + 70px);
}


/* openhouse-const
--------------------------- */

.openhouse-const .katta-button-A {
	margin-top: 2.5vw;
}

.openhouse-const__list {
	margin-top: 6.5vw;
}

.openhouse-const__list-item {
	position: relative;
}

.openhouse-const .katta-badge {
	position: absolute;
	z-index: 1;
	margin: -50px 0 0 -50px;
}

.openhouse-const__list-item > b {
	font-size: 0.8rem;
	line-height: 15px;
	letter-spacing: 0;
	background-color: #fff;
	padding: 3px 3% 0;
	margin: 0 4% 4% 0;
	position: absolute;
	bottom: 0;
	right: 0;
}


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

	grandopen

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

/* grandopen-hero
--------------------------- */

.grandopen-hero,
.grandopen-hero-img {
	position: relative;
}

.top-hero .grandopen-hero,
.top-hero .grandopen-hero-img {
	height: 100%;
}

.grandopen-hero__title {
	text-align: left;
	position: absolute;
	top: 5vw;
	left: 6vw;
}

.grandopen-hero__title > .katta-title-A > span {
	display: block;
}

.grandopen-hero__txt {
	text-align: left;
	padding: 2.5vw 3vw;
	position: absolute;
	z-index: 1;
	bottom: 4vw;
	right: 4vw;
	overflow: hidden;
}

.grandopen-hero__txt > .katta-title-A > span {
	display: block;
}

.top-hero .openhouse-hero__hour  {
	margin: 1vw 0 2vw;
}
.grandopen-hero__txt._nodate .openhouse-hero__hour {
	margin-top: 1.5vw;
}

.grandopen-hero__txt:before {
	content: "";
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,.7);
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
}

.grandopen-hero__txt .katta-date {
	margin: .5vw 0 1vw;
}

.top-hero .grandopen-hero__txt .katta-date {
	margin: .5vw 0 1.5vw;
}


/* grandopen-story
--------------------------- */

.grandopen-story {
	overflow: hidden;
}

.grandopen-story__img {
	margin-right: -7vw;
}


/* grandopen-info
--------------------------- */

.grandopen-info__map > figure {
	width: 100%;
	padding-bottom: 60%;
	min-height: 400px;
	position: relative;
	margin-bottom: 1vw;
}

.grandopen-info__map-canvas {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: #e5e5e5;
}

.grandopen-info__leaflet {
	padding: 0 0 3em 3vw;
	margin: 0 auto;
	max-width: 400px;
}

.grandopen-info__leaflet .katta-title-A {
	display: none;
}

.grandopen-info__leaflet-img {
	max-width: 280px;
	margin: 0 auto 1.5vw;
}


.grandopen-info__leaflet-img > figure {
	width: 100%;
	padding-bottom: 70%;
	position: relative;
	margin: 0 auto;
}

.grandopen-info__leaflet-img._vertical > figure {
	width: 70%;
	padding-bottom: 100%;
}

.grandopen-info__leaflet-img .katta-img-ratio {
	width: 100%;
	height: 100%;
	position: absolute;
}

.grandopen-info__leaflet .katta-arrownav {
	margin-top: 1vw;
}

.grandopen-info__caution {
	text-align: center;
	padding-top: 4vw;
	margin-top: 4vw;
	border-top: 1px solid #DEE1EA;
}
.grandopen-info__caution._noborder {
	padding-top: 0;
	margin-top: -1vw;
	border-top: none;
}
@media screen and (min-width: 960px) {
	.grandopen-info__caution._noborder {
		margin-top: -3vw;
	}
}


/* grandopen-reserve
--------------------------- */

.grandopen-reserve {
	text-align: center;
}

.grandopen-reserve__header {
	padding: 0 calc(13vw - 70px);
	margin-bottom: 4vw;
}

.grandopen-reserve__period {
	text-align: center;
	color: #EC1B23;
	font-size: 1.2rem;
	font-weight: 700;
	margin-bottom: 1vw;
}

.grandopen-reserve__lead {
	text-align: justify; /* for ff, webkit */
	text-justify: inter-ideograph; /* for IE */
}

.grandopen-reserve__cta {
	text-align: center;
	margin: 0 -5vw -2vw;
	white-space: nowrap;
}

.grandopen-reserve__cta > p {
	display: inline-block;
	vertical-align: middle;
	margin: 0 2vw 2vw;
}

.grandopen-reserve__cta .katta-button-B {
	color: #fff;
}

.grandopen-reserve__formbox {
	height: 0;
	overflow: hidden;
	transition: height .3s cubikatta-bezier(0.165, 0.84, 0.44, 1);
}
.grandopen-reserve__formbox._open {
	transition: height .4s cubikatta-bezier(0.55, 0.055, 0.675, 0.19);
}
html.no-js .grandopen-reserve__formbox {
	height: auto;
}

.grandopen-reserve__formbox-header {
	margin: 1vw 0 5vw;
	padding-bottom: 4vw;
	border-bottom: 1px solid #DEE1EA;
}

.grandopen-reserve__formbox-date {
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.6;
}

.grandopen-reserve__formbox-date > * {
	display: inline-block;
}

.grandopen-reserve__formbox-date > .katta-date {
	margin: 0 1em 0 .3em;
}



.grandopen-reserve__caution {
	margin-top: 2em;
}
.contact-form__form .grandopen-reserve__caution > .katta-title-A {
	text-align: center;
	margin-bottom: 1em;
}
.contact-form__form .grandopen-reserve__caution > .katta-title-A > span {
	width: 30px;
	display: inline-block;
	vertical-align: middle;
	margin: -3px 15px 0 0;
}
.grandopen-reserve__caution > ol {
	font-size: 0.867rem;
	line-height: 1.7;
	list-style: decimal;
	padding-left: 1.5em;
}
.grandopen-reserve__caution > ol > li + li {
	margin-top: .5em;
}



/* grandopen-premium
--------------------------- */

.grandopen-premium .katta-title-A {
	text-align: center;
}

.grandopen-premium__badge {
	text-align: center;
	margin: 0 auto 4vw;
}

.grandopen-premium .katta-triplecol {
	margin-bottom: 6vw;
}



/* grandopen-wish
--------------------------- */

.grandopen-wish {
	text-align: center;
}



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

	blog

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

.gallery-title._blog {
	display: none;
}

/* blog-header
--------------------------- */

.blog-header .katta-title-B {
	margin-bottom: 4vw;
}

.blog-header__navbox._fixed {
	position: fixed;
}

.blog-header__nav {
	margin-bottom: 2vw;
}

.blog-header__nav > li {
	border-top: 1px solid #DEE1EA;
}

.blog-header__nav > li > a {
	font-weight: 700;
	line-height: 1.6;
	text-align: left;
	display: block;
	padding: 1.7vw 40px 1.5vw 1.5vw;
	position: relative;
	transition: color .1s linear;
}
.blog-header__nav > li > a.active {
	background-color: #F1F1F2;
}
html.no-touchevents .blog-header__nav > li > a:not(.active):hover {
	color: #F6921D;
}

.blog-header__nav > li > a:after {
	content: "";
	width: 8px;
	height: 8px;
	border-top: 2px solid #F6921D;
	border-right: 2px solid #F6921D;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translate(0,-50%) rotate(45deg);
}
html.no-touchevents .blog-header__nav > li > a:not(.active):hover:after {
	animation: a-blog-header__nav .25s .05s backwards;
}
@keyframes a-blog-header__nav {
	60% { right: .5em; }
	100% { right: 1em; }
}


/* blog-article
--------------------------- */

.blog-article__header {
	margin: 3vw 0 -3vw;
}

.blog-article {
	padding: 0 4% 0 11%;
}



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

	contact

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

/* contact-lead
--------------------------- */

.contact-lead._complete {
	 text-align: center;
}

.contact-lead .katta-grids {
	position: relative;
}

.contact-lead__txt {
	padding-right: calc(18rem + 8vw);
}

.contact-lead__phone {
	width: 18rem;
	margin-left: -18rem;
	white-space: nowrap;
}

.contact-lead__phone .katta-phonenumber {
	margin-top: .5vw;
}

@media (min-width: 1080px) {
	.contact-lead__txt {
		padding-right: calc(20rem + 8vw);
	}

	.contact-lead__phone {
		width: 20rem;
		margin-left: -20rem;
	}

	.contact-lead__phone .katta-phonenumber i {
		display: block;
	}
}

.contact-lead__phone:before {
	content: "";
	width: 1px;
	height: 100%;
	background-color: #DEE1EA;
	position: absolute;
	top: 0;
	margin-left: -4vw;
}

.contact-lead .katta-button-A {
	margin: 9vw 0 3vw;
}



/* contact-form
--------------------------- */

.contact-form__form {
	text-align: left;
	max-width: 840px;
	margin: 0 auto;
}

.contact-form__form-revised {
	color: red;
	font-weight: 600;
	text-align: center;
	margin-bottom: 3vw;
	display: none;
}
.contact-form__form._confirm .mw_wp_form_input .contact-form__form-revised {
	display: block;
}

.contact-form__form .katta-title-A {
	margin: 4vw 0 2vw;
	padding-left: 1.5em;
	text-indent: -1.5em;
}
.contact-form__form .katta-title-A:first-child,
.contact-form__form .contact-form__form-revised + .katta-title-A {
	margin-top: 0 !important;
}
.contact-form__form._confirm .katta-title-A {
	margin-bottom: 1.5vw;
}

.contact-form__checklist {
	text-align: left;
	margin-bottom: -1em;
}
.contact-form__form._confirm .contact-form__checklist {
	margin-bottom: 0;
}

.contact-form__form._confirm .contact-form__input._border {
	border-top: 1px solid #DEE1EA;
	padding: 2vw 2vw 0 2vw;
}

.contact-form__checklist .mwform-checkbox-field {
	display: inline-block;
	margin: 0 .7em 1em 0 !important;
}

.contact-form__checklist .mwform-checkbox-field > label {
	font-size: 0.933rem; /* 14px */
	letter-spacing: 1px;
	line-height: 1.4;
	display: block;
	border: 1px solid #DEE1EA;
	border-radius: 3px;
	padding: 21px 1em 20px 3em;
	cursor: pointer;
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.contact-form__checklist .mwform-checkbox-field > label:before {
	content: "";
	width: 20px;
	height: 20px;
	background-color: #F1F1F2;
	position: absolute;
	top: 50%;
	left: 1em;
	transform: translate(0,-50%);
}

.contact-form__checklist .mwform-checkbox-field input {
	position: absolute;
	left: -100px;
}

.contact-form__checklist .mwform-checkbox-field i:before {
	content: "";
	width: 100%;
	height: 100%;
	background-color: #F1F1F2;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	display: none;
}
.contact-form__checklist .mwform-checkbox-field input:checked + i:before {
	display: block;
}

.contact-form__checklist .mwform-checkbox-field i:after {
	content: "";
	width: 14px;
	height: 8px;
	border: 4px #F6921D;
	border-style: none none solid solid;
	position: absolute;
	top: 50%;
	left: 1em;
	transform: translate(0,-8px) rotate(-45deg);
	display: none;
}
.contact-form__checklist .mwform-checkbox-field input:checked + i:after {
	display: block;
}

.contact-form__dlist > dt {
	color: #404040;
	font-size: 0.933rem; /* 14px */
	font-weight: 700;
	padding: 2.5vw 0 0 2vw;
	margin-top: .8em;
	position: absolute;
}

.contact-form__form._confirm .contact-form__dlist > dt {
	margin-top: .2em;
}

.contact-form__dlist > dd {
	padding: 2.5vw 2vw 2.5vw 12em;
	border-top: 1px solid #DEE1EA;
}
.contact-form__dlist > dd:last-child {
	border-bottom: 1px solid #DEE1EA;
}

.contact-form__dlist > dd > p,
.contact-form_caption {
	font-size: 0.867rem; /* 13px */
	line-height: 1.6;
	padding-top: .2em;
	margin: 1vw 0 1vw .5em;
}
.contact-form__form._confirm .contact-form__dlist > dd > p,
.contact-form__form._confirm .contact-form__remail,
.contact-form__form._confirm .contact-form_caption {
	display: none;
}

.contact-form__dlist input[name="お名前"],
.contact-form__dlist input[name="フリガナ"],
.contact-form__form input[name="見学希望日"],
.contact-form__form input[name="見学希望時間"] {
	max-width: 20em;
}

.contact-form__dlist input[name="電話番号"] {
	max-width: 15em;
}

.contact-form__input > .error {
	color: red !important;
	font-size: 0.867rem;
	font-weight: 700;
	display: inline-block;
	margin: .5em 0 0 .5em;
}

.contact-form__submit {
	margin-top: 4vw;
}

.contact-form__form._input .contact-form__submit > li:first-child,
.contact-form__form._confirm .mw_wp_form_input .contact-form__submit > li:first-child {
	display: none;
}

.contact-form__form._confirm .contact-form__submit > li:first-child > .katta-submit {
	border-color: #999;
	background-color: #999;
}

.contact-form__form._confirm .contact-form__submit > li:first-child > .katta-submit > span:before {
	color: #999;
}

.contact-form__form._confirm .contact-form__submit > li:first-child > .katta-submit:after {
	border-color: #999;
}

.mw_wp_form_complete {
	display: none !important;
}

.contact-form_required {
	color: red;
	font-size: 0.733rem;
	text-indent: 0;
	margin-left: .5em;
}
.contact-form__form._confirm .contact-form_required,
.contact-form__form._confirm .grandopen-reserve__caution {
	display: none;
}


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

	privacy

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

/* privacy-lead
--------------------------- */

.privacy-lead__txt {
	text-align: justify; /* for ff, webkit */
	text-justify: inter-ideograph; /* for IE */
	position: relative;
	padding: 6vw 0 5vw;
}

.privacy-lead__txt:after {
	content: "";
	width: 116%;
	height: 1px;
	background-color: #DEE1EA;
	position: absolute;
	bottom: 0;
	left: -8%;
}


/* privacy-cnt
--------------------------- */

.privacy-cnt__dlist > dd {
	margin: 1vw 2.5em 4vw;
}

.privacy-cnt__dlist ul > li {
	list-style: disc;
	margin-left: 1em;
}
.privacy-cnt__dlist ol > li {
	list-style: decimal;
	margin-left: 1.5em;
}

.privacy-cnt__name {
	font-weight: 700;
	text-align: right;
	margin-top: 6vw;
}




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

	katta 暫定ページ用

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

.katta-lead > h1 {
	margin: -2vw 0;
}

.katta-lead > h1 > svg {
	width: 12vw;
	height: 12vw;
	max-width: 180px;
	max-height: 180px;
	min-width: 120px;
	min-height: 120px;
	padding: 1%;
	border: 3px solid #262626;
	background: url(../images/top-katta_bcg.png) repeat 50% 50%;
	background-size: 70% auto;
}

.katta-cnt .katta-grids {
	margin-bottom: -6vw;
}

.katta-cnt .katta-grid-1of2 > a {
	display: block;
	position: relative;
	margin-bottom: 6vw;
}

.katta-cnt__txt {
	display: block;
	text-align: center;
	font-weight: 700;
	margin-top: 10px;
}



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

	slick

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

.slick-prev,
.slick-next {
	text-indent: -9999px;
	width: 40px;
	height: 50px;
	position: absolute;
	top: 50%;
	left: -40px;
	margin-top: -25px;
	cursor: pointer;
}
.slick-next {
	left: auto;
	right: -40px;
}

.slick-prev:after,
.slick-next:after {
	content: "";
	width: 8px;
	height: 8px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%) rotate(-135deg);
	margin-left: 5px;
}
.slick-next:after {
	transform: translate(-50%,-50%) rotate(45deg);
	margin-left: -5px;
}

/* Slider */

.slick-slider {
    position: relative;
    display: block;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
}

.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
    z-index: 1;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before,
.slick-track:after {
    display: table;
    content: '';
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}









   
   /* ----- .inner3 ----- */ 
   .top-blog__header .inner3 {
    padding-top: 20px;
}
   /* ul.sns */
   .top-blog__header .inner3 ul.sns {}
   .top-blog__header .inner3 ul.sns li {display:inline-block; padding:0 10px}
   .top-blog__header .inner3 ul.sns li:after {}
   .top-blog__header .inner3 ul.sns li:last-child:after { display:none;}
   .top-blog__header .inner3 ul.sns li a {}
   .top-blog__header .inner3 ul.sns li a span {}
   .top-blog__header .inner3 ul.sns li a i {}

   
    @media only screen and (max-width: 1024px) {
   .top-blog__header .inner3 ul.sns { width:100%;padding:0; }
   }

   @media only screen and (max-width: 945px) {
   .top-blog__header .inner3 ul.sns { padding:0; }
   }
   
   @media only screen and (max-width: 800px) {
   .top-blog__header .inner3 ul.sns li a { letter-spacing:1.5px;}
   .top-blog__header .inner3 ul.sns li a:hover { color:#111;}
   .top-blog__header .inner3 ul.sns li a span:after { display:none; }
   }
   
   @media only screen and (max-width: 738px) { 
   .top-blog__header .inner3 {padding: 25px 5% 25px;/* margin:0 5%; */}
   
   /* ul.sns */
   .top-blog__header .inner3 ul.sns {font-size:0;text-align: center;padding:0;margin:-10px -1% 0;}
   .top-blog__header .inner3 ul.sns li {display:inline-block;/* width:31.333%; *//* margin:10px 1% 0; */position:relative;z-index:2;line-height:1;color: #fff;}
   .top-blog__header .inner3 ul.sns li:after { display:none;}
   .top-blog__header .inner3 ul.sns li:last-child:after { display:none;}
   
   .top-blog__header .inner3 ul.sns li a {/* background:#f0f0f0; */line-height:40px;height:40px;/* display:block; */text-align:center;/* font-size: 11px; */letter-spacing:0.5px;/* -webkit-border-radius: 40px; */-moz-border-radius: 40px;/* border-radius: 40px; *//* color: #fff; */}
   .top-blog__header .inner3 ul.sns li a i {font-size: 25px;line-height:40px;padding-right: 0;margin-left: 0;}
   .top-blog__header .inner3 ul.sns li a.youtube i { font-size:13px; }
   }
   
   @media only screen and (max-width: 414px) { 
   .top-blog__header .inner3 ul.sns { margin:-5px -1% 0; }
   .top-blog__header .inner3 ul.sns li {/* width: 31%; *//* margin: 5px; */text-align: center;}
   .top-blog__header .inner3 ul.sns li a {line-height:35px;height:35px;-webkit-border-radius: 35px;-moz-border-radius: 35px;border-radius: 2px;color: #000;}
   .top-blog__header .inner3 ul.sns li a i {line-height:35px;font-size: 30px;}
   }
   


.cp_bgpattern11 {
	background-color: #ffffff;
	background-image:
	 radial-gradient(#eeeeef 5px, transparent 1px);
	background-size: 100px 100px;
}




	 .main_bg {
		 /* display: flex; */
		 align-items: center;
		 justify-content: center;
		 /* background: #02126d; */
		 /* 		 font-family: 'Open Sans', sans-serif; */
		 background: #fff;
		}
	 
.wrap2 {
  background: #f7f7f7;
  margin-top: 50px;
  margin-bottom: 50px;
  /* width: 500px; */
  border-radius: 5px;
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(7, 1fr);
}

.block {
  width: 125px;
  height: 125px;
}

.block-title {
  background: #f7f7f7;
  grid-column-start: 2;
  grid-column-end: -1;
  grid-row-start: 3;
  grid-row-end: 5;
  display: flex;
  padding: 3em 3.5em;
  transition: padding 0.3s linear;
  align-items: stretch;
  justify-content: space-between;
  flex-direction: column;
}
.block-title > div {
  display: flex;
  justify-content: space-between;
}
.block-title:hover {
  padding: 3em;
}
.block-title:hover .title-1 {
  order: 0;
}
.block-title:hover .title-2 {
  order: 2;
}
.block-title:hover .title-3 {
  order: 1;
}

.title-1, .title-3 {
  font-weight: 800;
  font-size: 3em;
}

.title-2 {
  font-weight: 600;
  font-size: 1.1em;
}

.title-3 {
  order: 1;
}

.style-1 {
  background: #454547;
}

.style-2 {
  width: 0;
  height: 0;
  border: 62px solid #f7f7f7;
  border-top-color: #aeafb3;
  border-bottom-color: #aeafb3;
  background: #aeafb3;
  padding-top: 1px;
}

.style-3 {
  background-image: linear-gradient(135deg, #e89d93 50%, #dbdbdd 50%);
}

.style-4 {
  background-image: linear-gradient(#f7f7f7, #f7f7f7 7px, #454547 7px, #454547);
  background-size: 100% 14px;
}

.style-5 {
  background-image: linear-gradient(45deg, #eec71a 50%, #f7f7f7 50%);
}

.style-6 {
  background-image: linear-gradient(135deg, #454547 50%, transparent 50%), linear-gradient(#f7f7f7, #f7f7f7 7px, #454547 7px, #454547);
  background-size: 100%, 100% 14px;
}

.style-7 {
  background: linear-gradient(45deg, #dbdbdd 50%, transparent 50%), radial-gradient(#454547 4px, transparent 4px), radial-gradient(#454547 4px, transparent 4px), transparent;
  background-size: 100%, 24px 24px, 24px 24px, 100%;
  background-position: 0 0, -2px 6px, 10px 18px, 0 0;
}

.style-8 {
  background-image: linear-gradient(315deg, #eec71a 50%, #f7f7f7 50%);
}

.style-9 {
  background-image: linear-gradient(225deg, #e89d93 50%, #f7f7f7 50%);
}

.style-10 {
  background: #dbdbdd;
}

.style-11 {
  background-image: linear-gradient(45deg, #e89d93 50%, #f7f7f7 50%);
}

.style-12 {
  background-image: linear-gradient(225deg, #eec71a 50%, #f7f7f7 50%);
}

.block-13 {
  background-image: linear-gradient(to right, #e89d93, #e89d93 4px, #f7f7f7 4px, #f7f7f7);
  background-size: 8px 100%;
}


/* 斜め */
.bg_skew_check{
    FONT-WEIGHT: 500;
    background-color: #fff;
    background-image: repeating-linear-gradient(-45deg,  #f3f3f3, #e8e8e8 1px,  transparent 0, transparent 20px), 
    repeating-linear-gradient(45deg,  #e8e8e8, #ffffff 1px,  transparent 0, transparent 20px);
}



.box{
  width:100%;
  /* height:200px; */
}

/* ドット斜め */
.bg_skew_dot{
  background-color: #fff;
  background-image:
    radial-gradient(#7bded9 20%, transparent 20%),
    radial-gradient(#7bded9 20%, transparent 20%);
  background-size: 40px 40px;
  background-position: 0 0, 20px 20px;
}

/* ドット斜め */
.bg_skew_dot{
  background-color: #fff;
  background-image:
    radial-gradient(#7bded9 20%, transparent 20%),
    radial-gradient(#7bded9 20%, transparent 20%);
  background-size: 40px 40px;
  background-position: 0 0, 20px 20px;
}


/* ドットサイズ違い */
.is-size{
  background-image: radial-gradient(#f3f3f3 20%, transparent 20%),
    radial-gradient(#efeeee 35%, transparent 35%);
}

/* 市松模様 */
.my-parts {
	width: 100%;
	/* 	height: 200px; */
	/* background: #e0e0e0; */
	/* background-image: linear-gradient(45deg, #e4e4e4 25%, transparent 0),
	linear-gradient(45deg, transparent 75%, #e4e4e4 0),
	linear-gradient(45deg, #e4e4e4 25%, transparent 0),
	linear-gradient(45deg, transparent 75%, #e4e4e4 0); */
	/* background-size: 30px 30px; */
	/* background-position: 0 0, 15px 15px,
		15px 15px, 30px 30px; */
}


.my-parts {
	/* width: 100%; */
	/* 	height: 200px; */
	/* background: #f5f3f3; */
	/* background-image: linear-gradient(90deg, #fff 1px, transparent 0),
	linear-gradient(#fff 1px, transparent 0); */
	/* background-size: 5px 5px; */
}