img {
		max-width: 100%;
	}
	.pc {}
	.sp {display: none;}
	.top_bar {
		position: fixed;
		top: 0;
		z-index: 9999;
		width: 100%;
		padding-bottom: 1px;
		border-bottom: solid 1px #ddd;
		background-color: #fff;
	}
	.top_bar img {
		display: block;
		width: 100%;
		max-width: 1920px;
		min-height: 50px;
		margin: auto;
		object-fit: cover;
	}
	.slider {
		width: 100%;
		max-width: 1920px;
		margin: 60px auto 50px;
	}
	#tabs {
		margin-top: -100px;
		padding-top: 100px;
	}
	.tabs {
		width: 100%;
		margin: 20px auto;
	}
	/*タブ部分の基本設定*/
	.tabs input[type="radio"] {
		display: none;
	}
	.tab_list {
		display: flex;
		/*justify-content: center;*/
		justify-content: space-between;
		list-style-type: none;
		/*margin: 50px auto 20px;*/
		margin: auto;
		padding: 0;
		max-width:1080px;
		/*max-width:1920px;*/
	}
	.tab_item {
	    position: relative;
		bottom: -1px;
		width: calc(100% / 4 - 4px);
		/*margin: 0 3px;*/
		border: solid 1px #afafaf;
		border-radius: 10px 10px 0 0;
		/*white-space: nowrap;*/
	}
	.tab_item label {
		display: block;
		padding: 20px 20px;
		text-align: center;
		cursor: pointer;
		transition: background-color 0.3s ease, color 0.3s ease;
	}
	/*チェックが入ったときのタブ部分の指定*/
	#tab1:checked ~ .tab_list .tab_item1,
	#tab2:checked ~ .tab_list .tab_item2,
	#tab3:checked ~ .tab_list .tab_item3,
	#tab4:checked ~ .tab_list .tab_item4 {
		position: relative;
		z-index: 2;
		border: solid 1px #444;
		color: #fff;
		cursor: auto;
	}	
	#tab1:checked ~ .tab_list .tab_item1 {
		border-bottom-color: #fbb0bc;
		background-color: #fbb0bc !important;
	}
	#tab2:checked ~ .tab_list .tab_item2 {
		border-bottom-color: #404964;
		background-color: #404964 !important;
	}
	#tab3:checked ~ .tab_list .tab_item3 {
		border-bottom-color: #bea467;
		background-color: #bea467 !important;
	}
	#tab4:checked ~ .tab_list .tab_item4 {
		border-bottom-color: #5188ae;
		background-color: #5188ae !important;
	}
	/*チェックが入ったときのコンテンツ部分の指定*/
	#tab1:checked ~ .content section:nth-of-type(1),
	#tab2:checked ~ .content section:nth-of-type(2),
	#tab3:checked ~ .content section:nth-of-type(3),
	#tab4:checked ~ .content section:nth-of-type(4) {
		display: block;
		opacity: 1;
		position: relative;
		z-index: 1;
		animation: fadeIn 1.5s ease;
	}
	.tabs .content {
		text-align: center;
	}
	.tabs .content section {
		display: none;
		opacity: 0;
		/*border: solid 1px #000;*/
		border-top: solid 0.5px #444;
		transition: opacity 1.5s ease;
		box-shadow: 0px -1px 6px rgba(0.8, 0.8, 0.8, 0.1);
	}

	/* フェードインのアニメーション */
	@keyframes fadeIn {
		from {opacity: 0;}
		to {opacity: 1;}
	}
	
	.icon_wrapper {display: flex; flex: 1; padding: 5px 10px 0;}
	.chiho_icon_text {display: flex; flex: 1; justify-content: center; align-items: center; color: #E47A8A; font-size: 3.0em; line-height: 1.0em;}
	.chiho_icon {display: flex; justify-content: center; align-items: center; width: 100%; width: calc(100% / 3); height: 100%; min-height: 60px; color: white; background-image: url('../image/frame-01.png'); background-position: center; background-size: 100% 100%; /* 画像を横幅・高さともに100%に拡大 */ background-repeat: no-repeat; font-size: 1.4em;}
	.chiho_icon_inner_text {position: relative; top: -2;}
	.chisa_icon_text {display: flex; flex: 1; justify-content: center; align-items: center; color: #45489C; font-size: 3.0em; line-height: 1.0em;}
	.chisa_icon {display: flex; flex: 1; justify-content: center; align-items: center; width: 100%; height: 100%; min-height: 120px; color: white; background-image: url('../image/frame-02.png'); background-position: center; background-size: 100% 100%; /* 画像を横幅・高さともに100%に拡大 */ background-repeat: no-repeat; font-size: 1.4em;}
	.chisa_icon_inner_text {position: relative; top: -2;}
	.extralotion_icon_inner_text {position: relative; top: -2; }
	.extralotion_icon_text {display: flex; flex: 1.5; justify-content: center; align-items: center; color: #B2881F; font-size: 2.0em; line-height: 1.0em;}
	.extralotion_icon {display: flex; flex: 1; justify-content: center; align-items: center; width: 100%; height: 100%; min-height: 120px; color: white; background-image: url('../image/frame-03.png'); background-position: center; background-size: 100% 100%; /* 画像を横幅・高さともに100%に拡大 */ background-repeat: no-repeat; font-size: 1.2em;}
	.mask_icon_inner_text {position: relative; top: -2;}
	.mask_icon_text {display: flex; flex: 1; justify-content: center; align-items: center; color: #72C7EB; font-size: 3.0em; line-height: 1.0em;}
	.mask_icon {display: flex; flex: 1; justify-content: center; align-items: center; width: 100%; height: 100%; min-height: 120px; color: white; background-image: url('../image/frame-04.png'); background-position: center; background-size: 100% 100%; /* 画像を横幅・高さともに100%に拡大 */ background-repeat: no-repeat; font-size: 1.4em;}
	.main_contents_frame_right {margin-top: 20px; border-radius: 5px;}
	.main_contents_frame_right_icon {flex: 1; font-weight: normal; text-align: right;}
	.main_contents_frame_right_text {display: flex; flex: 3; justify-content: left; align-items: center; padding: 10px; font-style: normal; font-weight: 300; font-family: "Kiwi Maru", serif; font-feature-settings: "palt"; text-align: left;}
	.main_contents_frame_right_inner img {max-width: 60px;}

	.main_contents {max-width: 1920px; margin: auto;}
	.main_contents_header,.main_contents_footer {font-weight: bold;}
	.main_contents_header_inner {max-width: 1000px; margin: auto; padding: 80px 20px 20px 20px;}
	.main_contents_header_label {display: flex; justify-content: center; align-items: center; width: 25%; min-width: 250px; min-height: 60px; margin-left: auto; color: white; background-position: center; background-size: cover; background-repeat: no-repeat; text-align: right;}
	.main_contents_header-2 {display: flex;}
	.main_contents_header-2-right {display: flex; flex: 1; justify-content: center; align-items: center; margin: 50px auto;}
	.main_contents_line_text {width: 100%; margin: 0px auto 0px; text-align: center;}
	.main_contents_footer_inner {display: flex; max-width: 1000px; margin: auto;}
	.main_contents_footer_inner_left {display: flex; flex: 1; justify-content: center; align-items: center; min-height: 570px;}
	.main_contents_footer_inner_right {display: flex; flex: 1; justify-content: center; align-items: center; min-height: 570px;}
	.main_contents_footer_inner_headline {font-weight: 600; font-size: 1.4em;}
	.main_contents_header_chiho {min-height: 1003px; background-image: url('../image/01-01-bg.png'); background-position: center; background-repeat: no-repeat;}
	/*.main_contents_footer_chiho {min-height: 648px; background-image: url('../image/01-02-bg-pc-1.png'); background-position: center; background-repeat: no-repeat;}*/
	.main_contents_footer_chiho {background-image: url('../image/01-02-bg-pc-2.png'); background-position: top;  background-size: cover; background-repeat: no-repeat;}
	.main_contents_header_chisa {min-height: 1003px; background-image: url('../image/02-01-bg.png'); background-position: center; background-repeat: no-repeat;}
	/*.main_contents_footer_chisa {min-height: 648px; background-image: url('../image/02-02-bg-1.png'); background-position: center; background-repeat: no-repeat;}*/
	.main_contents_footer_chisa {background-image: url('../image/02-02-bg-pc.png'); background-position: top; background-repeat: no-repeat;}
	/*.main_contents_header_extralotion {min-height: 1003px; background-image: url('../image/03-01-bg.png'); background-position: center; background-repeat: no-repeat;}*/
	.main_contents_header_extralotion {background-image: url('../image/03-01-bg.png'); background-position: bottom; background-size: cover; background-repeat: no-repeat;}
	/*ain_contents_footer_extralotion {min-height: 648px; background-image: url('../image/03-02-bg.png'); background-position: center; background-repeat: no-repeat;}*/
	.main_contents_footer_extralotion {background-image: url('../image/03-02-bg-pc-2.png'); background-position: top; background-size: cover; background-repeat: no-repeat;}
	.main_contents_header_mask {min-height: 1003px; background-image: url('../image/04-01-bg.png'); background-position: center; background-repeat: no-repeat;}
	.main_contents_footer_mask-1 {background-image: url('../image/04-02-bg-1.png'); background-position: center; background-repeat: no-repeat;}
	.main_contents_footer_mask-2 {min-height: 500px; background-image: url('../../image/04-03-bg.png'); background-position: center; background-repeat: no-repeat;}

	.description {margin: 30px auto; line-height: 1.7em;}

	/* 成分説明欄 */
	.ingredient_wrapper {max-width: 1000px; margin: 40px auto 0; padding-bottom: 25px;}
	.ingredient_header {display: flex; max-width: 1000px; margin: auto;}
	.ingredient_header_line {flex: 6; margin: auto; border-bottom: 1px solid #ddd;}
	.ingredient_header_text {flex: 2; margin: 15px auto; font-weight: 700; font-size: 1.20em; text-align: center; white-space: nowrap;}
	.ingredient_contents {max-width: 1000px; margin: auto; font-size: 0.85em; text-align: left;}
	.ingredient_footer_line {max-width: 1000px; margin: 25px auto 0; border-bottom: 1px solid #ddd;}

	/*ブランドコンセプト*/
	.brand_concept {padding: 100px 0; background-image: url(../image/bg_concept.jpg); background-position: center; background-size: cover; background-repeat: no-repeat;}
	.brand_concept_title {font-weight: 600; text-align: center;}
	.brand_concept_catch_copy {margin: 20px auto; font-weight: 900; font-size: 1.6em; letter-spacing: 0.25em; text-align: center;}
	.brand_concept_contents {margin: 20px auto; font-weight: 700; font-size: 0.8em; line-height: 1.8em; letter-spacing: 0.25em; text-align: center;}
	.brand_concept_img {margin: 0 auto 40px; text-align: center;}
	.brand_concept_img img {min-height: 40px; object-fit: cover;}
	.main_catchcopy {margin-top: 40px; font-size: 3.6em; letter-spacing: 4; font-feature-settings: "pnum" 1;}
	.dot_above {
		display: inline-block;
		position: relative;
	}

	.dot_above::before {
		position: absolute;
		top: -1em; /* 上に配置 */
		left: 50%;
		transform: translateX(-50%); /* ドットを中央に揃える */
		font-size: 0.275em;
		content: '●'; /* ドットマークを追加 */
	}
	.form_wrapper{
		 max-width:600px; margin:auto;
	}
	@media only screen and (max-width: 950px) {
		#tabs {margin-top: -50px; padding-top: 50px;}
		/*.tab_item {
			margin: 0 1px;
			white-space: nowrap;
		}*/
		.tab_item label {
			padding: 5px 10px;
			font-size: 0.90em;
		}
	}
	@media only screen and (max-width: 728px) {
		p {margin-block-start: 0em; margin-block-end: 0em;}
		.pc {display: none;}
		.sp {display: block;}
		ul {
			margin-block-start: 0em;
			margin-block-end: 0em;
		}
		label {height: 0px;}
		#tabs {margin-top: -30px; padding-top: 30px;}
		.tabs ul {display: block;}
		.tabs ul li {width: 100%; margin: 0px auto;}
		.tab_list {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			margin: 0px auto 30px;
		}
		.tab_item {
			margin: 0;
			border: none;
			font-size: 0;
		}
		.tab_item img {
			display: block;
			width: 100%;
		}
		.tab_item label {
			display: contents;
			padding: 0px;
			border: 0px;
			border-radius: 0px;
		}
		.tab_item1, .tab_item2, .tab_item3, .tab_item4 {
			height: 0px;
		}
		#tab1, #tab2, #tab3, #tab4 {height: 0px;}
		.ingredient_wrapper {max-width: 90%; margin: 30px auto 10px;}
		.ingredient_header_line {flex: 1;}
		.ingredient_header_text {flex: 2;}
		.main_contents_line_text {width: 100%; margin: 0px auto 0px;}
		.main_contents_header_inner {max-width: 1000px; margin: auto; padding: 80px 20px 20px 20px;}
		.main_contents_header-2 {display: block; text-align: center;}
		.main_contents_footer_inner {display: block; width: 90%; padding: 90px 0 0;}
		.main_contents_footer_inner_sp {display: flex; flex-direction: column-reverse;}
		.main_contents_footer_inner_left {min-height: 0px;}
		.main_contents_footer_inner_right {min-height: 0px;}
		.brand_concept {padding: 20px 15px 60px;}
		.brand_concept_catch_copy {margin: 40px auto;}
		.main_contents_header_chiho {min-height: 1003px; background-image: url('../image/01-01-bg-sp.png'); background-position: bottom; background-repeat: no-repeat;}
		/*.main_contents_footer_chiho {min-height: 1200px; background-image: url('../image/01-02-bg-sp-2.png'); background-position: top; background-repeat: no-repeat;}*/
		.main_contents_footer_chiho {background-image: url('../image/01-02-bg-sp-3.png');}
		.main_contents_header_chisa {min-height: 1003px; background-image: url('../image/02-01-bg-sp.png'); background-position: bottom; background-repeat: no-repeat;}
		/*.main_contents_footer_chisa {min-height: 1200px; background-image: url('../image/02-02-bg-sp.png'); background-position: top; background-repeat: no-repeat;}*/
		.main_contents_footer_chisa {background-image: url('../image/02-02-bg-sp-2.png');}
		.main_contents_header_extralotion {min-height: 1003px; background-image: url('../image/03-01-bg-sp.png'); background-position: bottom; background-repeat: no-repeat;}
		/*.main_contents_footer_extralotion {min-height: 1200px; background-image: url('../image/03-02-bg-sp-1.png'); background-position: top; background-repeat: no-repeat;}*/
		.main_contents_footer_extralotion {background-image: url('../image/03-02-bg-sp-2.png');}
		.main_contents_header_mask {min-height: 1003px; background-image: url('../image/04-01-bg-sp.png'); background-position: bottom; background-repeat: no-repeat;}
		.main_contents_footer_mask-1 {background-image: url('../image/04-02-bg-sp-4.png'); background-position: top; background-repeat: no-repeat;}
		.main_contents_footer_mask-2 {background-image: url('../image/04-03-bg-sp-5.png'); background-position: top; background-repeat: no-repeat;}
		.main_contents_footer_inner_right_right {position: relative; float: right; width: 50%;}
		.main_catchcopy {margin-top: 40px; font-size: 2.6em;/*font-size: 2.8em;*/ font-feature-settings: "pnum" 1; letter-spacing: 4;}
		.dot_above::before {font-size: 0.22em;}
		.tbl_form th, td {display: block;}
		.main_contents_frame_right_icon img {max-width: 40px;}
		.main_contents_frame_right_text {justify-content: left; padding-left: 5px; font-size: 0.75em; text-align: left;}
		.chiho_icon {min-height: 45px;}
		.chisa_icon, .extralotion_icon, .mask_icon {min-height: 95px;}
		.chiho_icon_inner_text {font-size: 0.65em;}
		.chisa_icon_inner_text, .extralotion_icon_inner_text, .mask_icon_inner_text {font-size: 0.75em;}
		.chiho_icon_text, .chisa_icon_text, .mask_icon_text {font-size: 2.0em;}
		.extralotion_icon_text {font-size: 1.4em;}
		.extralotion_icon_text {flex: 1;}
		
		/*問合せフォーム*/
		.form_wrapper{max-width:90%; margin:auto;}
		.form_wrapper input {width: 100%;max-width: 100%;height:28px;}
		.form_wrapper textarea {width: 100%;max-width: 100%;}
		
		/*▼ハンバーガーメニュー▼*/
		#nav-drawer {
			position: fixed;
			top: 0;
			z-index: 9999;
			/*width: 100%;*/
			height: 50px;
			background: #fff;
		}
		.menu-btn {
			display: none;
		}
		.menu-icon {
			display: inline-block;
			position: relative;
			padding: 24px 14px;
			cursor: pointer;
			-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		}
		.navicon {
			display: block;
			position: relative;
			width: 26px;
			height: 3px;
			background: #ddd;
			transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
		}
		.navicon:before, .navicon:after {
			display: block;
			position: absolute;
			width: 100%;
			height: 100%;
			background: #ddd;
			content: "";
			transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
		}
		.navicon:before {top: 9px;}
		.navicon:after {bottom: 9px;}
		/*メニューの中身*/
		#nav-content {
			position: fixed;
			left: 0;
			z-index: 9999;
			transform: translateX(-105%);
			width: 90%;
			max-width: 330px;
			height: 100%;
			overflow: auto;
			transition: .3s ease-in-out;
			-webkit-transform: translateX(-105%);
		}
		.menu {
			list-style: none;
			position: absolute;
			top: 0;
			clear: both;
			transform-origin: top;
			width: 100%;
			height: 100%;
			margin: 0;
			padding: 50px 0 0 0;
			background: rgba(28, 101, 164, 0.98);
			transition: 0.3192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
		}
		.menu li {
			margin: 0 40px;
			padding: 15px 0;
			border-bottom: 1px solid rgb(180, 180, 180);
			transition: 0.5s;
		}
		.menu li a{
			color:#eee;
			text-decoration: none;
		}
		.menu li label {
			color: #eee;
			font-weight: 500;
			font-size: 16px;
			letter-spacing: 2px;
		    text-decoration: none;
			text-transform: capitalize;
			transition: 0.5s;
		}
		/*チェックがついたら「×」表示させる*/
		.menu-btn:checked ~ .menu-icon .navicon:before {
			transform: rotate(-45deg);
		}
		.menu-btn:checked ~ .menu-icon .navicon:after {
			transform: rotate(45deg);
		}
		.menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before {
			top: 0;
		}
		.menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
			bottom: 0;
		}
		.menu-btn:checked ~ .menu-icon .navicon {
			background: rgba(0, 0, 0, 0);
			transition: 0.2192s cubic-bezier(0.04, 0.04, 0.12, 0.96) 0.1008s;
		}

		#menu-btn:checked ~ #nav-content {
		  -webkit-transform: translateX(0%);
		  transform: translateX(0%);
		  box-shadow: 6px 0 25px rgba(0,0,0,.15);
		}
		/*▲ハンバーガーメニュー▲*/
	}