@charset "UTF-8";

/* Core Content
------------------------- */
.core-contents .wp-block-group {
	margin: 20px 0 0;
}

/* Title
------------------------- */
#page-title {
	position: relative;
	display: flex;
	margin: 0 0 20px;
	padding: 5px 71px 7px;
	font-size: 2rem;
	background-color: var(--green);
	background: -moz-linear-gradient(top,  #55943b 0%, #2a6b1b 100%);
	background: -webkit-linear-gradient(top,  #55943b 0%,#2a6b1b 100%);
	background: linear-gradient(to bottom,  #55943b 0%,#2a6b1b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55943b', endColorstr='#2a6b1b',GradientType=0 );
	border: solid 2px #64b558;
	border-radius: 50px;
	letter-spacing: 2px;
	line-height: 1;
	font-weight: 600;
	font-family:
		'Noto Sans JP',
		"游ゴシック Medium", "Yu Gothic Medium",
		"游ゴシック体", "YuGothic",
		"ヒラギノ角ゴシック", "Hiragino Sans",
		"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN",
		"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
		"メイリオ", "Meiryo",
		sans-serif;
	color: #fff;
}
#page-title span {
	transform: rotate(0.05deg);
	display: block;
	margin: auto 0;
	text-shadow: 2px 2px 2px rgba( 0, 0, 0, 0.8 );
	letter-spacing: 4px;
}
#page-title:before {
	position: absolute;
	top: -14px;
	left: 13px;
	display: block;
	content: "";
	width: 49px;
	height: 44px;
	background-image: url("../img/title/kaeru.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#page-title:after {
	position: absolute;
	top: 30%;
	right: 20px;
	display: block;
	content: "";
	line-height: 1;
	font-weight: 600;
	font-size: 1.2rem;
	font-family:
		'Noto Sans JP', 'Figtree',
		"游ゴシック Medium", "Yu Gothic Medium",
		"游ゴシック体", "YuGothic",
		"ヒラギノ角ゴシック", "Hiragino Sans",
		"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN",
		"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
		"メイリオ", "Meiryo",
		sans-serif;
	color: #a6d283;
}
#company #page-title:after {
	content: "COMPANY";
}
#contact_about #page-title:after {
	content: "CONTACT";
}
#contact #page-title:after {
	content: "CONTACT";
}
#flow #page-title:after {
	content: "FLOW";
}
#service #page-title:after,
#service_test #page-title:after {
	content: "SERVICE";
}
#voice #page-title:after {
	content: "VOICE";
}
#privacy #page-title:after {
	content: "PRIVACY POLICY";
}
#law #page-title:after {
	content: "LAW";
}
#link #page-title:after {
	content: "LINK";
}
#sitemap #page-title:after {
	content: "SITEMAP";
}
.charge #page-title:after {
	content: "CHARGE";
}
.works #page-title:after,
.works-style #page-title:after {
	content: "WORKS";
}
.maker #page-title:after {
	content: "LINE UP";
}
.pers #page-title:after {
	content: "PERSPECTIVE";
}
.beforeafter #page-title:after {
	content: "BEFORE AFTER";
}
.faq #page-title:after {
	content: "FAQ";
}
.blog #page-title:after {
	content: "BLOG";
}
.event #page-title:after {
	content: "EVENT";
}
.staff #page-title:after {
	content: "STAFF";
}
.modelgarden #page-title:after {
	content: "MODEL GARDEN";
}
.designroom #page-title:after {
	content: "DESIGN ROOM";
}
.recruit #page-title:after {
	content: "RECRUIT";
}
.worksdiary #page-title:after {
	content: "DIARY";
}
.topics #page-title:after {
	content: "TOPICS";
}

.wp-heading-1 {
	transform: rotate(0.05deg);
	padding: 5px 0 2px 64px;
	border-bottom: solid 1px #d1bc9f;
	line-height: 1;
	font-weight: 500;
	font-size: 1.9rem;
	font-family:
		'M PLUS 1p',
		"游ゴシック Medium", "Yu Gothic Medium",
		"游ゴシック体", "YuGothic",
		"ヒラギノ角ゴシック", "Hiragino Sans",
		"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN",
		"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
		"メイリオ", "Meiryo",
		sans-serif;
	color: var(--dull-orange);
}
.wrap-heading-1 {
	position: relative;
	padding: 5px 0 5px;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #eedfc2 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eedfc2 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#eedfc2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eedfc2',GradientType=0 );
}
.wrap-heading-1:before {
	position: absolute;
	top: -8px;
	left: 0;
	display: block;
	content: "";
	width: 49px;
	height: 44px;
	background-image: url("../img/title/kaeru.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

.wrap-heading-2 {
	margin: 0 0 15px;
	padding: 10px 0 3px;
	background-color: var(--brown);
	background: -moz-linear-gradient(top,  #62341a 0%, #320711 100%);
	background: -webkit-linear-gradient(top,  #62341a 0%,#320711 100%);
	background: linear-gradient(to bottom,  #62341a 0%,#320711 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#62341a', endColorstr='#320711',GradientType=0 );
}
.wp-heading-2 {
	display: inline-block;
	width: 100%;
	padding: 0 20px 10px;
	border-bottom: solid 1px #9a8487;
	letter-spacing: 1px;
	line-height: 1;
	font-weight: 700;
	font-size: 1.9rem;
	font-family:
		'Noto Sans JP',
		"游ゴシック Medium", "Yu Gothic Medium",
		"游ゴシック体", "YuGothic",
		"ヒラギノ角ゴシック", "Hiragino Sans",
		"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN",
		"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
		"メイリオ", "Meiryo",
		sans-serif;
	color: #fff;
}
.wrap-heading-3 {
	margin: 30px 0 0;
	padding: 7px 10px 9px;
	background-color: var(--orange);
}
.wp-heading-3 {
	position: relative;
	line-height: 1;
	font-weight: 500;
	font-size: 1.9rem;
	font-family:
		'Noto Sans JP',
		"游ゴシック Medium", "Yu Gothic Medium",
		"游ゴシック体", "YuGothic",
		"ヒラギノ角ゴシック", "Hiragino Sans",
		"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN",
		"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
		"メイリオ", "Meiryo",
		sans-serif;
	color: #fff;
}
.wp-heading-3:before {
	position: relative;
	display: inline-block;
	content: "";
	top: 2px;
	width: 18px;
	height: 18px;
	margin: 0 9px 0 0;
	background-image: url("../img/icon/circle_caret_right.svg");
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
}

/* Button
------------------------- */
.goto-contact {
	padding: 30px 0 0;
	text-align: center;
}
.goto-page-top {
	padding: 40px 0 0;
	text-align: right;
}
.goto-page-top a {
	transform: rotate(0.05deg);
	display: inline-block;
	width: 120px;
	padding: 5px 0;
	background-color: var(--brown);
	border-radius: 15px;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	font-weight: 500;
	font-size: 1.1rem;
	font-family:
		'M PLUS 1p',
		"游ゴシック Medium", "Yu Gothic Medium",
		"游ゴシック体", "YuGothic",
		"ヒラギノ角ゴシック", "Hiragino Sans",
		"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN",
		"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
		"メイリオ", "Meiryo",
		sans-serif;
	color: #fff;
}
.goto-contact img {
	transition: 0.4s;
	max-width: 100%;
	height: auto;
}
.goto-contact img:hover {
	opacity: 0.7;
}
.goto-page-top a:before {
	display: inline-block;
	content: "▲";
	margin-right: 3px;
	font-size: 1rem;
}
.detail-button a {
	transition: 0.4s;
	transform: rotate(0.05deg);
	display: inline-block;
	margin: 15px 0 0;
	padding: 4px;
	border-radius: 15px;
	background-color: var(--brown);
	background: #794c37;
	background: -moz-linear-gradient(top,  #794c37 0%, #251613 100%);
	background: -webkit-linear-gradient(top,  #794c37 0%,#251613 100%);
	background: linear-gradient(to bottom,  #794c37 0%,#251613 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#794c37', endColorstr='#251613',GradientType=0 );
	line-height: 1;
	text-align: center;
	text-decoration: none;
	font-weight: 500;
	font-size: 1.27rem;
	font-family:
		'M PLUS 1p',
		"游ゴシック Medium", "Yu Gothic Medium",
		"游ゴシック体", "YuGothic",
		"ヒラギノ角ゴシック", "Hiragino Sans",
		"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN",
		"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
		"メイリオ", "Meiryo",
		sans-serif;
	color: #fff;
}
.detail-button span {
	display: inline-block;
	padding: 0 22px 0 17px;
}
.detail-button a:before {
	display: inline-block;
	width: 15px;
	height: 15px;
	content: "";
	background-image: url("../img/icon/circle_caret_right.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	vertical-align: -3px;
}
.detail-button a:hover {
	opacity: 0.7;
}

/* Flexbox
------------------------- */
.flexbox {
	display: flex;
	justify-content: space-between;
}
.type-post {
	margin: 0 0 1rem;
	padding: 0;
	border-bottom: 0;
}
.flexbox-child {
	flex: 0 0 48%;
}
.flexbox-child img {
	width: 100%;
	height: auto;
}

/* Flex Loop
------------------------- */
.flex-loop {
	display: flex;
	flex-wrap: wrap;
}
.flex-loop article {
	overflow: hidden;
	flex: 0 0 48.5%;
	margin: 0 0 30px 0;
}
.flex-loop article:not(:nth-child(2n))  {
	margin-right: 3%;
}
.flex-loop figure {
	margin: 0;
}
.flex-loop img {
	transition: 0.4s;
	width: 100%;
	height: auto;
	padding: 5px;
	border: solid 1px var(--gold);
}
.flex-loop img:hover {
	opacity: 0.7;
}
.flex-loop .wp-heading-2 {
	padding: 0 10px 10px;
	line-height: 1.2;
	text-align: center;
	font-size: 1.5rem;
}
.flex-loop .detail-button a {
	margin: 10px 0 0;
}

/* Frame Set
------------------------- */
.frame-set {
	margin: 20px 0;
	border: solid 2px var(--gray);
	border-radius: 10px;
}
.frame-set-list {
	overflow: hidden;
	border: solid 2px #fff;
	border-radius: 10px;
}
.frame-set-list .frame-set-above {
	background-color: var(--gray);
	color: #fff;
}
.frame-set-list .frame-set-below {
	padding: 10px 15px;
}
.frame-set-title {
	position: relative;
	padding: 10px 15px 11px;
	line-height: 1.2;
	font-weight: 500;
	font-size: 1.8rem;
	font-family:
		'Noto Sans JP',
		"游ゴシック Medium", "Yu Gothic Medium",
		"游ゴシック体", "YuGothic",
		"ヒラギノ角ゴシック", "Hiragino Sans",
		"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN",
		"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
		"メイリオ", "Meiryo",
		sans-serif;
	color: #fff;
}
.frame-set-title:before {
	position: relative;
	display: inline-block;
	content: "";
	top: 3px;
	width: 19px;
	height: 19px;
	margin: 0 10px 0 0;
	background-image: url("../img/icon/circle_caret_right.svg");
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
}
.frame-set-above a {
	text-decoration: none;
}
.frame-set-below figure {
	margin: 0;
}
.frame-set-below img {
	transition: 0.4s;
	padding: 5px;
	border: solid 1px #999;
}
.frame-set-below img:hover {
	opacity: 0.7;
}


/* End of common.css */