@charset "utf-8";

/*
Theme Name: Kankyohozen
Author: arnk
*/

:root {
	--font-color: #878176;
	---main-color: #bc1616;
	--font-common: "EB Garamond",  "Shippori Mincho B1", serif;
	--noto-sans: 'Noto Sans JP', sans-serif;
	/* --font-family-poppins: 'Poppins', sans-serif; */
	--heading-color: #dbc5a4;
	/* --zenkaku-gothic: "Zen Kaku Gothic New", sans-serif; */
	--shippori-mincho: "Shippori Mincho B1", serif;
	--garamomd:  "EB Garamond", serif;
	--heading-jp:"Shippori Mincho B1", serif;
	--haeding-en: "EB Garamond", serif;
	--lineheight-s: 1.3;
	--lineheight-m: 1.6;
	--lineheight-l: 1.8;
	--linheight-xl: 2.6;
	--linheight-content-p: 2;
}

body {
	color: var(--font-color);
	font-size: 1.4rem;
	background: #0c0c0c;
}

img {
	max-width: 100%;
}

.upper_case {
	text-transform: uppercase;
}

address {
	font-style: normal;
}

.anchor {
	margin-top: -60px;
	padding-top: 60px;
}

.content-line-height {
	line-height: var(--linheight-content-p);
}

.margin_letter {
	margin: 0 1.4rem;
}

/*リンク*/
.news_list dl dd,
.gnav_pc ul li a,
.f_nav a,
.gnav_sp a {
	transition: .5s;
} 

/* .news_list a:hover dl dd {
	color: var(---main-color);
} */

.gnav_sp a:hover  {
	color: var(---main-color);
}

/* .recaptcha_description {margin-top: 30px; font-family: var(--font-barlow); font-size: 1.3rem;}
.recaptcha_description a { color: var(--font-color); } */

.subpage_main {
	margin-top: 60px;
}

/* a.link_btn {
	cursor: pointer;
} */
/***********
ヘッダーグローバルナビ
************************/
.gnav_pc a {
	color: var(--font-color);
	font-family: var(--font-common);
	font-size: 1.2rem;
	display: inline-block;
	position: relative;
	text-decoration: none;
	transition: .3s;
}

.gnav_pc a:hover {
	color: var(---main-color);
}



.gnav_pc ul {
	display: flex;
	align-items: center;
	column-gap: 24px;
}

.header_contact {
	border: 1px solid var(--font-color);
	border-radius: 20px;
	padding: 2px 12px 0;
	transition: .3s;
}

.gnav_pc a.header_contact:hover {
	color: var(--font-color);
	background: var(---main-color);
	border-color: var(---main-color);
}



/*******
スマートフォン
*******************/
/*基本*/


/*見出し*/


/*ヘッダー*/
header {
	position: fixed;
	width: 100%;
	height: 60px;
	z-index: 30;
	top: 0;
}

.header_inner {
	display: flex;
	justify-content: space-between;
	height: 100%;
	padding: 15px;
}

.logo {
	line-height: 1;
	width: 60px;
}

.logo a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	z-index: 30;
}

.logo img {
	width: 100%;
}

/*ナビゲーション*/
.gnav_pc {
	display: none;
}

.lang_and_spmenu {
	width: 72px;
	display: flex;
	/* justify-content: space-between; *//*言語切替表示する場合*/
	justify-content: flex-end;
	align-items: center;
	position: fixed;
	z-index: 45;
	right: 12.5px;
	top: 15px;
}

.langu_select_hd button {
	width: 20px;
	transform: translateY(3px);
}

/* .langu_select_hd img {
	width: 20px;
} */

.langu_select_hd {
	display: none
}

.lang_icon {
	width: 20px;
	height: 20px;
	position: relative;
}

.lang_icon::after {
	content: '';
	display: inline-block;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: url(img/language_icon.svg) no-repeat center/ contain;
	position: absolute;
	top: 0;
	left: 0;
	transition: all .3s;
}

.langu_select_hd:hover .lang_icon::after {
	background: url(img/language_icon_red.svg) no-repeat center/ contain;
}

.lang_selet_area {
	position: absolute;
	top: 100%;
	right: 0;
	width: 154px;
	padding-top: 15px;
	opacity: 0;
	visibility: hidden;
	transition: .3s;
}

.langu_select_hd .lang_selet_area.active {
	opacity: 1;
	visibility: visible;
}

.lang_selet_area a {
	color: #404040;
	text-decoration: none;
}

.lang_selet_area a:hover {
	color: var(---main-color)
}

.lang_selet_area ul {
	background: #dbc5a4;
	text-align: center;
	padding: 20px 0;
	display: grid;
	row-gap: 10px;/*15px*/
	border-radius: 10px;
}

.Toggle {
	width: 40px;
	height: 30px;
}

/*ハンバーガーメニュー*/
.gnav_sp {
	width: 100%;
	height: 100%;
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	background: url(img/menu_bg.png) no-repeat center/ cover;
	z-index: 40;
	transition: .5s;
	overflow-y: scroll;
	-ms-overflow-style: none;
	scrollbar-width: none;
	opacity: 0;
	visibility: hidden;
}

.gnav_sp_inner {
	padding: 120px 20px 30px;
	text-align: center;
}

.gnav_sp::-webkit-scrollbar{
	display: none;
}

.sp_menu_logo {
	margin-bottom: 40px;
}

.sp_menu_logo img {
	width: 90px;
}

.gnav_sp,
.gnav_sp a {
	font-size: 1.2rem;
	font-family: var(--font-common);
	color: var(--font-color);
}

.gnav_sp a {
	text-decoration: none;
	display: inline-block;
}


.gnav_sp ul {
	display: grid;
	row-gap: 20px;
}


.Toggle {
	position: relative;
}

.Toggle span {
	display: inline-block;
	width: 35px;
	height: 1px;
	background: #dbc5a4;
	position: absolute;
	/* top: 17px; */
	left: 2.5px;
	transition: .3s;
}

.Toggle span:first-child {
	top: 11px;
}

.Toggle span:nth-child(2) {
	top: 18px;
}


.gnav_sp.open {
	opacity: 1;
	visibility: visible;
}

.Toggle.open span {
	left: 2.5px;
	top: 15px;
}

.Toggle.open span:first-child {
	transform: rotate(15deg);
}


.Toggle.open span:nth-child(2) {
	transform: rotate(-15deg);
}



/*メイン画像 */
.hero {
	position: relative;
	height: 100vh;
	background: url(img/main_sp.jpg) no-repeat center/ cover;
}

.hero > picture img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.eyecatch {
	position: absolute;
	left: 50%;
	/* top: 30vw; */
	top: 113px;
	transform: translateX(calc(-50% + 12px));
	/* font-size: 1rem; */
}

/* .eyecatch_logo {
	margin-bottom: 5px;
} */
.eyecatch_logo img {
	width: 18.9vw;
}

.eyecatch_logo + p {
	margin-bottom: 20px;
}

.eycatch_txt p {
	line-height: 2;
}


/*メイン*/
/* .first_section {
	padding: 80px 0 70px;
} */

.main_section {
	padding: 80px 0;
	overflow: hidden;
}

.first_section .right_box img {
	width: 100%;
	max-width: 780px;
	height: auto;
}

/* .first_section .section_tag {
	line-height: ;
} */

.first_section .eyecatch_about + div p {
	line-height: var(--linheight-xl);
}

.top_section,
.top_banner {
	padding: 70px 0;
}

.inner {
	max-width: 1410px;
	padding: 0 30px;
	margin: 0 auto;
}

.heading_en {
	font-family: var(--font-common);
	font-size: 1.3rem;
	margin-bottom: 6rem;
	color: #dbc5a4;
	display: inline-block;
	padding-left: 24px;
	background: url(img/midasi.svg) no-repeat left center/ 12px;
}

.main_section h2 {
	font-size: 2.4rem;
	font-weight: normal;
	font-family: var(--heading-jp);
	margin-bottom: 30px;
	color: var(--heading-color);
}

.h2_center {
	text-align: center;
}

.inner.col2 {
	display: grid;
	row-gap: 30px;
}

.description_box p {
	line-height: 2;
}

.concept_section {
	background: url(img/bg_sp.png) no-repeat center bottom/cover;
}

.about_section .sub_section {
	margin-top: 60px;
}

.about_section .sub_section {
	display: grid;
	row-gap: 30px;
}

.sub_section h3,
.about_section h3,
.privacy_content h3 {
	font-family: var(--heading-jp);
	color: var(--heading-color);
	font-size: 1.8rem;
	padding-left: 1.7rem;
	line-height: 1;
	border-left: 3px solid var(---main-color);
	margin-bottom: 3rem;
	font-weight: normal;
}

.main_section.about_section {
	padding-bottom: 0;
}

.jukusei_list {
	margin: 24px 0;
}

.jukusei_list li {
	line-height: 2;
	position: relative;
	padding-left: 1.7rem;
}

.jukusei_list li::before {
	content: '・';
	position: absolute;
	left: 0;
	top: 0;
}

.youso {
	margin-top: 60px;
	padding-top: 80px;
	padding-bottom: 80px;
	position: relative;
}

.youso::before {
	content: '';
	display: block;
	max-width: 272px;
	width: 100%;
	height: 415px;
	background: url(img/about-kamogawa_bg_sp.png) no-repeat center/ contain;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
}

.youso_eyecatch {
	margin-bottom: 40px;
}

.youso_eyecatch p {
	color: #dbc5a4;
	font-family: var(--heading-jp);
	text-align: center;
	/* width: 360px; */
	line-height: 2;
	font-size: 1.8rem;
	margin: 0 auto;
}

.block_item,
.block_item_sp {
	display: block;
}

.youso_discription {
	text-align: center;
	line-height: 2;
	font-family: var(--heading-jp);
}

.production_area_section h2 {
	word-break: keep-all;
	width: 190px;
	line-height: 2;
}

.production_area_section .description_box:not(:first-of-type) {
	margin-top: 45px;
}

.product_area {
	position: relative;
}

.product_area::before {
	content: '';
	display: block;
	width: 100%;
	height: 212vw;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
	background: url(img/bg_sp.png) no-repeat center/contain;
}

.main_section.product_area h2 {
	margin-bottom: 18px;
}

.product_price {
	margin-bottom: 60px;
	color: var(--heading-color);
	font-family: var(--heading-jp);
	letter-spacing: .3rem;
}

.group1 {
	width: 140px;
}

.group2 {
	width: calc(100% - 140px);
}

.product_table th {
	text-align: left;
	font-weight: normal;
	color: #878176;
}

.product_table td {
	color: #dbc5a4;
}

.product_table th,
.product_table td {
	padding-bottom: 16px;
}

.product_table th.padding_none,
.product_table td.padding_none {
	padding-bottom: 0;
}

.jozo_year {
	color: #dbc5a4;
	margin-top: 30px;
}

.product_area .sub_section:not(:first-of-type) {
	margin-top: 60px;
}

.side_margin {
	margin: 0 2.4rem;
}


/*footer*/
footer {
	position: relative;
	z-index: 0;
	padding-top: 80px;
	padding-bottom: 172px;
	overflow: hidden;
}

.footer_inner {
	position: relative;
}

footer::after {
	content: '';
	display: block;
	width: 100%;
	/* height: 164.8vw; */
	height: 263.8vw;
	background: url(img/footer_bg_sp.png) no-repeat center/contain;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: -1;
}

.footer_logo {
	margin-bottom: 20px;
	text-align: center;
}

.footer_logo img {
	width: 74px;
}

.footer_nav {
	margin-bottom: 50px;
	display: grid;
	row-gap: 1.6rem;
}

.footer_nav ul {
	display: grid;
	row-gap: 1.6rem;
	text-align: center;
}

.footer_nav ul a {
	text-decoration: none;
	color: #dbc5a4;
	font-family: var(--font-common);
	font-size: 1.2rem;
	transition: .3s;
}

.footer_nav ul a:hover,
footer address a:hover {
	color: var(---main-color);
}

footer address {
	margin-bottom: 3.5rem;
	text-align: center;
	font-size: 1.2rem;
	line-height: 2;
	margin-bottom: 50px;
}

footer address a {
	color: var(--font-color);
	text-decoration: none;
	transition: .3s;
}



.copy {
	color: #878176;
	text-align: center;
	font-size: 1rem;
	font-family: var(--haeding-en);
}

.copy small {
	font-size: 1rem;
}

.button_wrapper.align_left {
	text-align: left;
}



/*ページトップ*/
.pageTop {
	position: absolute;
	z-index: 20;
	bottom: 80px;
	left: 50%;
	transform: translateX(-50%);
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}

.pageTop img {
	width: 40px;
	transition: .3s;
}

.pageTop:hover img{
	transform: scale(.9);
	
}


/*お問い合わせ
-----------------------------------*/
.contact_inner {
	display: grid;
	row-gap: 60px;
}


/*フォーム*/
.input_area dl dt {
	color: #878176;
	margin-bottom: 1.6rem;
	font-family: var(--heading-jp);
}

.input_area dl dt label {
	display: flex;
	align-items: center;
	column-gap: 7px;
}

.input_area dl:not(:last-of-type) {
	margin-bottom: 24px;
}

.input_area  {
	margin-bottom: 50px;
}



.form_wrap input[type="text"],
.form_wrap input[type="tel"],
.form_wrap input[type="email"],
.form_wrap textarea {
	background: #141312;
	width: 100%;
	line-height: 1.6;
	padding: 1.4rem;
	color: var(--font-color);
}

.form_wrap input[type="text"]:focus,
.form_wrap input[type="tel"]:focus,
.form_wrap input[type="email"]:focus,
.form_wrap textarea:focus,
.select_language:focus {
	outline: 1px solid var(---main-color);
}

.form_wrap textarea {
	height: 27rem;
	resize: vertical;
}

::placeholder {
	color: #4d4d4d;
}

.required {
	color: var(---main-color);
	display: inline-block;
	border: 1px solid var(---main-color);
	border-radius: 50px;
	padding: 0  10px 0;
	font-size: 1.1rem;
	font-family: var(--noto-sans);
}

.select-box {
	position: relative;
}

.select-box::after {
	content: '';
	display: inline-block;
	width: 11px;
	height: 5px;
	background: url(img/select_arrow.svg) no-repeat center/ contain;
	position: absolute;
	right: 14px;
	top: 50%;
	transform: translateY(-50%);
}

.select_language {
	width: 100%;
	padding: 1.4rem;
	color: var(--font-color);
	background: #141312;
}

.accept_area {
	display: grid;
	row-gap: 20px;
	color: var(--font-color);
	margin-bottom: 30px;
}

.accept_area p:first-child {
	text-align: center;
}

.accept_area p a {
	color: var(--font-color);
}

.accept_area p a:hover {
	text-decoration: none;
}

.accept_area p label {
	display: flex;
	align-items: center;
}

.submit_btn {
	text-align: center;
	margin-bottom: 34px;
	font-family: var(--heading-jp);
}

.submit_btn [type="submit"] {
	display: block;
	color: #0c0c0c;
	border: 1px solid #79736a;
	background: #79736a;
	width: 100%;
	padding: 15px;
	transition: .3s;
	font-size: 1.6rem;
	letter-spacing: .3rem;
}

.submit_btn [type="submit"]:hover,
.submit_btn [type="submit"]:focus {
	color: #dbc5a4;
	background: var(---main-color);
	border-color: var(---main-color);
}

.form_note {
	display: grid;
	row-gap: 1.6rem;
}

.form_note,
.form_note a {
	color: #404040;
}

.form_note p {
	padding-left: 2rem;
	position: relative;
}

.form_note p::before {
	content: '※';
	position: absolute;
	top: 0;
	left: 0;
}

.form_note p small {
	font-size: 1.3rem;
}

.form_note a:hover {
	text-decoration: none;
}


/*チェックボックス*/
.form_wrap [type="checkbox"] {
	margin: 0 10px;
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	/* ブラウザのデフォルトのスタイルを削除 */
	-webkit-appearance: none;
	appearance: none;
	/* レイアウトから無視 */
	position: absolute;
	}

.form_wrap [type="checkbox"] + .wpcf7-list-item-label {
	position: relative;
	padding-left: 20px;
	/*チェックボックス分の隙間を作る*/
}

.form_wrap [type="checkbox"]+ .wpcf7-list-item-label::before {
	content: "";
	display: block;
	width: 14px;
	height: 14px;
	position: absolute;
	top: 7px;
	left: 0;
	/* transform: translateY(-50%); */
	/*中央ぞろえにする*/
	border: 1px solid #878176;
	/*お好きな太さで。*/
	border-radius: 3px;
	cursor: pointer;
	/*ポインターを表示する*/
	/* background: #fff; */
}

.form_wrap [type="checkbox"]:focus+ .wpcf7-list-item-label::before {
	border-width: 2px;
}

.form_wrap [type="checkbox"]:checked+ .wpcf7-list-item-label::before {
	/*チェックしたときの箱の色を変える*/
	background: var(---main-color);
	border-color: var(---main-color);
}

.form_wrap [type=checkbox]:checked+ .wpcf7-list-item-label::after {
	/*チェックの✓をつくる*/
	content: "";
	display: block;
	width: 10px;
	height: 6px;
	box-sizing: border-box;
	border-bottom: 2px solid #141414;
	border-left: 2px solid #141414;
	position: absolute;
	/*ここから下は位置を調整する*/
	top: 10px;
	left: 3px;
	/*箱を斜めに傾けてチェック表示にする*/
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/*プライバシーポリシー*/
.privacy_inner {
	padding: 0 30px;
	max-width: 810px;
	margin: 0 auto;
}

.privacy_declare {
	margin-bottom: 60px;
	line-height: 2;
}

.privacy_content p,
.privacy_content ul {
	line-height: 2;
}

.privacy_content:not(:first-of-type) {
	margin-top: 80px;
}

.privacy_content ul {
	margin-top: 30px;
}

.privacy_content ul li {
	position: relative;
	padding-left: 1.7rem;
}

.privacy_content ul li::before {
	content: '・';
	position: absolute;
	left: 0;
	top: 0;
}

@media screen and (min-width: 375px) {

}

@media screen and (min-width: 600px) {
		
}

@media screen and (min-width: 631px) {

}


@media screen and (min-width: 751px) {
	body {
		font-size: 1.5rem;
	}

	/*メイン画像 */
	.hero {
		background: url(img/main_sp.jpg) no-repeat center/ 110%;
	}

}

@media screen and (min-width: 768px) {
	header {
		height: 80px;
	}

	.header_inner {
		padding: 0 60px
	}

	.logo {
		width: 100px;
	}

	.heading_en {
		margin-bottom: 75px;
	}

	.main_section {
		padding: 160px 0;
	}

	.main_section h2 {
		margin-bottom: 48px;
	}

	.subpage_main {
		margin-top: 80px;
	}

	/*コンセプト*/
	.concept_section {
		background-image: url(img/bg.jpg);
	}

	.concept_section .inner.col2 {
		display: flex;
		justify-content: space-between;
		column-gap: 20px;
	}

	.concept_section .left_box {
		max-width: 470px;
		width: 47%;
	}

	.concept_section .right_box {
		width: 47%;
	}

	/*加茂川について*/
	.about_description {
		text-align: center;
		margin-bottom: 120px;
	}

	.about_section .sub_section {
		/* grid-template-columns: 47% 48%; */
		grid-template-columns: 50% 36%;
		justify-content: space-between;
		margin-top: 120px;
	}

	.sub_section h3,
	.privacy_content h3 {
		margin-bottom: 44px;
	}

	.youso_eyecatch p {
		width: 100%;
	}

	.block_item_sp {
		display: inline-block;
	}

	.block_item_pc {
		display: block;
	}

	.youso {
		padding: 120px 0;
		margin-top: 120px;
	}

	.youso::before {
		max-width: 647px;
		width: 674px;
		height: 433px;
		background-image: url(img/about-kamogawa_bg.png);
		background-size: contain;
	}

	/*生産地*/
	.production_area_section .inner.col2 {
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
		column-gap: 20px;
	}

	.production_area_section .left_box {
		width: 48%;
	}

	.production_area_section .right_box {
		width: 47%;
		max-width: 470px;
	}

	/*製品情報*/
	.product_area .inner.col2 {
		grid-template-columns: 47% 48%;
		justify-content: space-between;
	}

	.product_area::before {
		height: 60.4vw;
		background: url(img/bg.jpg) no-repeat center/ contain;
	}

	.main_section.product_area h2 {
		margin-bottom: 30px;
	}

	.product_price {
		margin-bottom: 80px;
	}

	.group1 {
		width: 170px;
	}

	.group2 {
		width: calc(100% - 170px);
	}

	.jozo_year {
		margin-top: 44px;
	}

	.product_area .sub_section:not(:first-of-type) {
		margin-top: 80px;
	}



	/*お問い合わせ*/
	.contact_inner {
		grid-template-columns: 47% 48%;
		justify-content: space-between;
	}

	.contact_left .description_box {
		max-width: 334px;
	}


	.copy {
		margin-top: 30px;
	}

	/*フッター*/
	footer {
		margin-bottom: 0;
		padding-top: 120px;
		padding-top:  max(90px, min(10vw, 190px));
	}

	/*お問い合わせ
	------------------------------*/
	.hero_txt {
		padding-bottom: 3rem;
	}

	.input_area dl dt {
		margin-bottom: 1.2rem;
	}

	.form_wrap input[type="text"],
	.form_wrap input[type="tel"],
	.form_wrap input[type="email"],
	.form_wrap textarea {
		padding: 20px 30px;
	}

	.form_wrap textarea {
		height: 14rem;
	}

	.select-box::after {
		width: 16px;
		height: 7px;
	}

	.select_language {
		padding: 20px 30px;
	}

	.input_area dl:not(:last-of-type) {
		margin-bottom: 40px;
	}

	.input_area dl:last-of-type {
		margin-bottom: 45px;
	}

	.required {
		font-size: 1rem;
	}

	.accept_area {
		margin-bottom: 45px;
	}

	.submit_btn {
		margin-bottom: 30px;
	}

	/*footer*/
	footer {
		padding: 140px 0;
		background: url(img/footer_bg.jpg) no-repeat center top/ cover;
	}

	.footer_nav {
		display: grid;
		row-gap: 1.6rem;
		margin-bottom: 50px;
	}

	.footer_nav ul {
		display: flex;
		justify-content: center;
		column-gap: 20px;
	}

	.footer_logo {
		margin-bottom: 50px;
	}

	.footer_logo img {
		width: 102px;
	}

	.tel_area {
		display: flex;
		justify-content: center;
		column-gap: 40px;
	}

	.tel_area p:first-child {
		position: relative;
	}

	.tel_area p:first-child::after {
		content: '';
		width: 1px;
		height: 12px;
		background: var(--font-color);
		position: absolute;
		right: -20px;
		top: 50%;
		transform: translateY(-50%);
	}

	/*ページトップ*/
	.pageTop {
		width: 50px;
		bottom: 65px;
		right: 70px;
		left: auto;
		transform: translate(0, 0);
	}

	/*プライバシーポリシー*/
	.privacy_declare {
		margin-bottom: 120px;
	}

	.privacy_content:not(:first-of-type) {
		margin-top: 120px;
	}

	.privacy_content ul {
		margin-top: 60px;
	}
}

@media screen and (min-width: 769px) {
	.description_box p {
		line-height: 2.2;
	}

	.privacy_declare {
		margin-bottom: 60px;
		line-height: 2.2;
	}
	
	.privacy_content p,
	.privacy_content ul,
	.jukusei_list li {
		line-height: 2.2;
	}
}


@media screen and (min-width: 922px) {
	/*メイン画像*/
	.hero {
		height: fit-content;
		aspect-ratio: 2000/ 1125;
		background: url(img/main.jpg) no-repeat center/ cover;
	}

	.eyecatch {
		left: auto;
		top: auto;
		transform: translate(0, 0);
		/* right: min(107px, 5.8vw);
		bottom: min(130px, 6.8vw); */
		right: min(154px, 8.2vw);
		bottom: min(122px, 6.36vw);
		/* font-size: 1.3rem; */
	}

	.eyecatch_logo img {
		width: 19.32vw;
	}
}

@media screen and (min-width: 1024px) {

	/*ヘッダー*/


	.gnav_pc {
		display: block;
	}

	.gnav_sp,
	.Toggle {
		display: none;
	}

	.header_inner {
		display: flex;
		padding-right: 107px;
		align-items: center;
		height: 100%;
		justify-content: space-between;
	}

	.lang_and_spmenu {
		width: 20px;
		top: 30px;
		right: 60px;
	}

	.langu_select_hd button {
		transform: translateY(0);
	}

	/*フォントサイズ*/
	.main_section h2 {
		font-size: 3.6rem;
	}

	.sub_section h3,
	.privacy_content h3 {
		font-size: 2.4rem;
	}

	.youso_eyecatch p {
		font-size: 2.1rem;
	}

	.production_area_section h2 {
		width: 470px;
	}

	.side_margin {
		margin: 0 3.6rem;
	}








	/*フッター*/




	/*ページトップ*/
	/* .pageTop {
		bottom: 2px;
		right: 2px;
		left: auto;

	}
 */
	/* .pageTop img {
		width: 49px;
	} */
	

	/*お問い合わせ
	------------------------------*/
	

	/* .input_area dl dt {
		margin-bottom: .8rem;
	}

	.form_wrap input[type="text"],
	.form_wrap input[type="tel"],
	.form_wrap input[type="email"],
	.form_wrap textarea {
		padding: 20px 30px;
	}

	.form_wrap textarea {
		height: 20rem;
	}

	.input_area dl:not(:last-of-type) {
		margin-bottom: 35px;
	}

	.input_area dl:last-of-type {
		margin-bottom: 45px;
	}


	.accept {
		margin-bottom: 45px;
	}

	.submit_btn {
		margin-bottom: 30px;
	} */

	
}

@media screen and (min-width: 1025px) {
	
}

@media screen and (min-width: 1280px) {
	/*トップ バナー*/
	
}

@media screen and (min-width: 1281px) {


}

@media screen and (min-width: 1410px) {
	
}