@charset "UTF-8";

/* TITLE
------------------------- */
.page__title {
	background-image: url("../img/header/title_12.jpg");
}
#concept .page__title {
	background-image: url("../img/header/title_12.jpg");
}
#shop .page__title {
	background-image: url("../img/header/title_16.jpg");
}
#flow .page__title {
	background-image: url("../img/header/title_15.jpg");
}
#designer .page__title {
	background-image: url("../img/header/title_14.jpg");
}
#contactus .page__title {
	background-image: url("../img/header/title_1.jpg");
}
#inquiry .page__title {
	background-image: url("../img/header/title_13.jpg");
}
#policy .page__title {
	background-image: url("../img/header/title_4.jpg");
}
#attention .page__title {
	background-image: url("../img/header/title_11.jpg");
}

.wp-heading-1 {
	margin: 50px 0;
	letter-spacing: 3px;
	font-weight: 500;
	font-size: 27px;
	color: var(--deep-green);
}
.wp-heading-2 {
	margin: 50px 0;
	letter-spacing: 3px;
	font-weight: 500;
	font-size: 24px;
	color: var(--deep-green);
}
.wp-heading-3 {
	margin: 50px 0;
	letter-spacing: 3px;
	font-weight: 400;
	font-size: 22px;
	color: var(--deep-green);
}

/* SHOP
------------------------- */
#shop #chest__main {
	padding: 100px 0 0;
}
#shop #navi-5 {
	padding: 0 0 65px;
}
#shop #navi-6,
#shop #navi-7 {
	width: 100vw;
	margin: 0 calc( 50% - 50vw );
}
#shop #navi-6 { /* ACCESS TITLE */
	position: relative;
	padding: 100px 0;
	background-color: var(--deep-green);
}
#shop #navi-6 .wp-heading-1 {
	margin: 0;
	text-align: center;
	letter-spacing: 3px;
	font-size: 30px;
	font-weight: 400;
	font-family:
		"Lato", "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;
}
#shop #navi-7 { /* ACCESS MAP */
	padding: 0 0 100px;
	background-color: var(--deep-green);
	color: #fff;
}
.outer__access {
	width: 1040px;
	margin: auto;
}
#shop #works_shop {
	width: 100vw;
	margin: 0 calc( 50% - 50vw );
}

#shop .lead-1:after {
	position: absolute;
	top: -15px;
	right: -10px;
	transform: rotate(-45deg);
	display: block;
	content: "";
	width: 68px;
	height: 45px;
	background-image: url("../img/icon/bee.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#shop #navi-6:before { 
	position: absolute;
	top: -15px;
	left: calc( 50% - 274px );
	transform: rotate(-40deg);
	display: block;
	content: "";
	width: 68px;
	height: 45px;
	background-image: url("../img/icon/bee2.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#shop #works_shop__1st:after {
	display: none;
}
#shop #works_shop__1st:before {
	position: absolute;
	top: 15px;
	left: calc( 50% + 126px );
	transform: rotate(40deg);
	display: block;
	content: "";
	width: 68px;
	height: 45px;
	background-image: url("../img/icon/bee3.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

/* SNS */
.sns__area {
	padding: 100px 0;
}
.sns__area--items {
	display: flex;
	justify-content: space-between;
}
.sns__area--item {
	display: flex;
	width: 500px;
	height: 150px;
	padding: 20px;
	color: #fff;
}
.sns__area--item__label {
	flex: 1 1 350px;
	display:flex;
	align-items: center;
	height: 100%;
}
.sns__area--item__label--inner {
	padding: 0 20px;
}
.sns__area--item__icon {
	flex: 0 0 110px;
}
#sns__area--line {
	background-color: hsl(153, 100%, 33%);
}
#sns__area--facebook {
	background-color: #1f6fc5;
}
.sns__area--item__label-title {
	margin: 0 0 20px;
	font-weight: 400;
	font-size: 22px;
}
.sns__area .moreButton {
	width: 180px;
	height: 40px;
	border: solid 1px #fff;
	font-size: 14px;
	color: #fff;
}
#sns__area--facebook .sns__area--item__icon {
	padding: 15px;
}

/* FLOW
------------------------- */
#flow .wp-block-group {
	position: relative;
	display: flex;
	min-height: 50px;
	margin: 0 0 50px;
}
#flow .wp-block-group:before {
	flex: 0 0 200px;
	display: block;
	content: "";
	width: 200px;
	height: 200px;
	margin: 0 50px 0 0;
	border-radius: 50vh;
	background-color: var(--pale-gray);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 80px 80px;
}
#flow #navi-0.wp-block-group:before {
	background-image: url("../img/page/flow/icon_flow_01.png");
}
#flow #navi-1.wp-block-group:before {
	background-image: url("../img/page/flow/icon_flow_02.png");
}
#flow #navi-2.wp-block-group:before {
	background-image: url("../img/page/flow/icon_flow_03.png");
}
#flow #navi-3.wp-block-group:before {
	background-image: url("../img/page/flow/icon_flow_04.png");
}
#flow #navi-4.wp-block-group:before {
	background-image: url("../img/page/flow/icon_flow_05.png");
}
#flow #navi-5.wp-block-group:before {
	background-image: url("../img/page/flow/icon_flow_06.png");
}
#flow #navi-6.wp-block-group:before {
	background-image: url("../img/page/flow/icon_flow_07.png");
}
#flow .core-contents {
	counter-reset: my-counter;
}
#flow .core-contents h3 {
	margin: 0 0 50px;
	font-weight: 500;
	font-size: 16px;
}
#flow .core-contents h3:before {
	display: inline-block;
	content: "0" counter(my-counter);
	counter-increment: my-counter;
	margin: 0 25px 0 0;
	vertical-align: -4px;
	font-weight: 400;
	font-size: 30px;
	font-family:
		"Lato",
		"游ゴシック Medium", "Yu Gothic Medium",
		"游ゴシック体", "YuGothic",
		"ヒラギノ角ゴシック", "Hiragino Sans",
		"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN",
		"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",
		"メイリオ", "Meiryo",
		sans-serif;
	color: var(--deep-green);
}
#flow .wp-block-group p {
	font-size: 14px;
}
#flow #navi-0:after {
	position: absolute;
	bottom: -15px;
	right: -100px;
	transform: rotate(-45deg);
	display: block;
	content: "";
	width: 68px;
	height: 45px;
	background-image: url("../img/icon/bee.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#flow #navi-3:after {
	position: absolute;
	top: -32px;
	left: -110px;
	transform: rotate(40deg);
	display: block;
	content: "";
	width: 68px;
	height: 45px;
	background-image: url("../img/icon/bee3.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#flow #navi-5:after {
	position: absolute;
	bottom: -50px;
	right: -100px;
	transform: rotate(-40deg);
	display: block;
	content: "";
	width: 68px;
	height: 45px;
	background-image: url("../img/icon/bee2.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

/* CONCEPT
------------------------- */
#concept #chest__main {
	padding: 100px 0 0;
}
#concept .flexbox__1-2.rev .flexbox__1-2--child__ph300 {
	text-align: right;
}
#concept .flexbox__1-2--child__desc {
	min-height: 300px;
}
#concept .flexbox__1-2--child__desc h3 {
	padding: 50px 0;
	letter-spacing: 3px;
	font-weight: 400;
	font-size: 22px;
	color: var(--deep-green);
}
#concept .flexbox__1-2--child__desc p {
	font-size: 14px;
}
#concept .flexbox__1-2 figure {
	margin: 0;
	line-height: 0;
}
#concept #navi-0 {
	padding: 0 0 100px;
}
#concept #navi-2 {
	padding: 100px 0;
}
#concept #navi-1, #concept #navi-3 {
	width: 100vw;
	margin: 0 calc( 50% - 50vw );
	padding: 100px 0;
	background-color: var(--pale-gray);
}
#concept #navi-1 .wp-block-group__inner-container ,
#concept #navi-3 .wp-block-group__inner-container {
	width: 1040px;
	margin: auto;
}

#concept .wp-block-group__inner-container {
	position: relative;
}
#concept #navi-0 .wp-block-group__inner-container:before {
	position: absolute;
	top: 640px;
	left: -40px;
	transform: rotate(40deg);
	display: block;
	content: "";
	width: 68px;
	height: 45px;
	background-image: url("../img/icon/bee3.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#concept #navi-0 .wp-block-group__inner-container:after {
	position: absolute;
	top: -12px;
	right: -30px;
	transform: rotate(-45deg);
	display: block;
	content: "";
	width: 68px;
	height: 45px;
	background-image: url("../img/icon/bee.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#concept #navi-2 .wp-block-group__inner-container:before {
	position: absolute;
	top: 780px;
	left: -40px;
	transform: rotate(40deg);
	display: block;
	content: "";
	width: 68px;
	height: 45px;
	background-image: url("../img/icon/bee3.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#concept #navi-2 .wp-block-group__inner-container:after {
	position: absolute;
	top: -128px;
	right: 135px;
	transform: rotate(-45deg);
	display: block;
	content: "";
	width: 68px;
	height: 45px;
	background-image: url("../img/icon/bee2.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#concept #navi-3 .wp-block-group__inner-container:after {
	position: absolute;
	top: 593px;
	right: -30px;
	transform: rotate(-45deg);
	display: block;
	content: "";
	width: 68px;
	height: 45px;
	background-image: url("../img/icon/bee.svg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
#concept .flexbox__1-2 figure.mgb40 {
	margin: 0 0 40px;
}

/* DESIGNER
------------------------- */
#designer .wp-heading-1,
#attention .wp-heading-1,
#policy .wp-heading-1 {
	margin: 50px 0;
	letter-spacing: 3px;
	font-weight: 500;
	font-size: 27px;
	color: var(--deep-green);
}
#designer .wp-heading-2,
#attention .wp-heading-2,
#policy .wp-heading-2 {
	margin: 50px 0;
	letter-spacing: 3px;
	font-weight: 500;
	font-size: 24px;
	color: var(--deep-green);
}
#designer .wp-heading-3,
#attention .wp-heading-3,
#policy .wp-heading-3 {
	margin: 50px 0;
	letter-spacing: 3px;
	font-weight: 400;
	font-size: 22px;
	color: var(--deep-green);
}
#designer .is-layout-flow,
#attention .is-layout-flow,
#policy .is-layout-flow {
	margin: 0 0 50px;
	font-size: 14px;
}

#designer .flexbox__1-2--child img {
	width: 100%;
	height: auto;
}
#designer .flexbox__1-2 .flexbox__1-2--child img {
	object-fit: cover;
	aspect-ratio: 3 / 4;
}
#designer .flexbox__1-2--child figcaption {
	text-align: center;
}
#designer .core-contents .wp-block-table td {
	width: 50%;
}

/* MW WP Form
------------------------- */
#form-area {
	width: 640px;
	max-width: 100%;
	margin: auto;
	padding: 50px 0 0;
}
#form-area dt {
	color: var(--deep-green);
}
#form-area dd {
	margin: 0 0 30px;
}
#form-area .required {
	display: inline-block;
	margin: 0 0 0 7px;
	font-size: 13px;
	color: #f00;
}
.mw_wp_form input {
	padding: 5px;
}
.mw_wp_form input::placeholder {
	color:#ccc;
}
.mw_wp_form textarea {
	padding: 20px;
}
.mw_wp_form input[type="text"],
.mw_wp_form input[type="email"],
.mw_wp_form textarea {
	width: 100%;
	border: solid 1px #999;
	border-radius: 4px;
}
.mw_wp_form select {
	width: 285px;
	padding: 7px 10px;
	vertical-align: middle;
	border-radius: 4px;
}
.mw_wp_form select option {
	padding-right: 10px;
	margin-left: 10px;
}
.mw_wp_form input[type="submit"] {
	transition: 0.4s;
	cursor: pointer;
	position: relative;
	width: 240px;
	padding: 10px 0;
	border: none;
	background-color: var(--deep-green);
	line-height: 1;
	color: #fff;
}
.mw_wp_form input[type="submit"]:hover {
	background-color: var(--deep-green);
}
.mw_wp_form_preview dd {
	font-weight: 700;
	color: #000;
}
.entry-form {
	text-align: center;
}

/* end of file */