/*
Theme Name: tamayomo
*/

/*----------------------------
* reset
*----------------------------*/
*,*::before,*::after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul[role='list'],ol[role='list']{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}ul{list-style-type: none}


/*----------------------------
* 共通
*----------------------------*/
html {
	scroll-behavior: smooth;
	scroll-padding-top: 80px;
	overflow-y: scroll;
}

/*----------------------------
* Sticky Footer
*----------------------------*/
body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
footer {
    margin-top: auto;
}
body {
	font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	overflow-x: hidden;
	height: 100%;
}
body.loading {
    visibility: hidden;
    opacity: 0;
}
body.loaded {
    visibility: visible;
    opacity: 1;
    transition: opacity 0.5s ease-in;
}
img {
	width: 100%;
	height: auto;
}
a {
	text-decoration: none;
	cursor: pointer;
}
.font-milonga {
	font-family: "Milonga", serif;
	font-weight: 400;
	font-style: normal;
}
.font-inter {
	font-family: "Inter", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}
.font-serif {
	font-family: "Noto Serif JP", serif;
	font-optical-sizing: auto;
	font-style: normal;
}
.pc-only{
	display: block;
}
.sp-only{
	display: none;
}
.pc-only2{
	display: block;
}
.sp-only2{
	display: none;
}
@media (max-width: 1024px) {
	.pc-only{
		display: none;
	}
	.sp-only{
		display: block;
	}
}
@media (max-width: 768px) {
	.pc-only2{
		display: none;
	}
	.sp-only2{
		display: block;
	}
}

/*----------------------------
* ヘッダー
*----------------------------*/
header{
	position: fixed;
	background-color: #12676A;
	width: 100%;
	height: 80px;
	z-index: 10;
}
.navbar {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 80px;
	position: relative;
}
.header__nav-links {
	text-align: center;
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	gap:40px;
	transition: transform 0.3s ease;
	font-size: 16px;
	font-weight: 700;
}
.header__nav-links a {
	color: #FFFFFF;
	text-decoration: none;
}
.nav-links-text{
    font-size: 16px;
    font-weight: 400;
}
.header-logo-area{
	position: absolute;
	top: 40%;
	left: 20px;
	transform: translateY(-50%);
}
.header-logo{
	width: 175px;
}
.header-logo-SP-area{
	pointer-events: auto;
}
.header-logo_SP{
	width: 130px;
}
.navi-links-button{
	position: absolute;
	top: 50%;
	right: 40px;
	transform: translateY(-50%);
}
.navi-links-button a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 130px;
	height: 40px;
	text-decoration: none;
	transition: 0.3s;
	border: 1px solid #D0B484;
	border-radius: 9999px;
}
.navi-links-button-text {
	color:#D0B484;
	font-size:16px;
	font-weight: 400;
}

.menu-toggle {
	display: none;
	flex-direction: column;
    justify-content: center;
    align-items: center;
    background: none;
	border: none;
	cursor: pointer;
	position: relative;
	margin: 20px 0 0 20px;
	z-index: 20;
}
.menu-toggle .bar {
	width: 25px;
	height: 2.4px;
	background: #FFFFFF;
	margin: 4px 0;
	transition: all 0.3s;
}
.menu-toggle.active .bar1 {
	transform: rotate(45deg);
	position: absolute;
	top: 10px;
	right: 5px;
}

.menu-toggle.active .bar2 {
	display: none;
}
.menu-toggle.active .bar3 {
	transform: rotate(-45deg);
	position: absolute;
	top: 10px;
	right: 5px;
}


.header-padding{
	padding-top:80px;
}
@media (max-width: 1100px) {
	.header__nav-links {
		gap:20px;
		font-size: 14px;
	}
	.header-logo{
		width: 120px;
	}
	.navi-links-button a {
		width: 100px;
		height: 40px;
	}
	.navi-links-button-text {
		font-size:14px;
	}
}
@media (max-width: 900px) {
	.header__nav-links {
		gap:10px;
		font-size: 10px;
	}
	.header-logo{
		width: 120px;
	}
	.navi-links-button a {
		width: 100px;
		height: 40px;
	}
	.navi-links-button-text {
		font-size:14px;
	}
}

@media (max-width: 768px) {
	header{
		z-index: 10;
	}
	.navbar {
		margin:0 20px;
		justify-content: space-between;
		flex-direction: row-reverse;
	}
	.header__nav-links {
		display: flex;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: #12676A;
		flex-direction: column;
		align-items: flex-start;
		padding: 60px;
		transform: translateX(-100%);
		transition: transform 0.2s ease;
		pointer-events: auto;
		gap:30px;
	}
	.header__nav-links.active {
		transform: translateX(0);
		left: 0;
		z-index: 18;
	}
	.header__nav-links li {
		font-size:16px;
	}
    .navi-links-button{
		position: static;
		transform: none;
        pointer-events: auto;
        z-index: 15;
    }
    .navi-links-button a{
        pointer-events: auto;
		width: 100px;
		height: 40px;
	}
	.menu-toggle {
		display: flex;
		pointer-events: auto;
		margin:0;
		z-index: 20;
	}
	.menu-toggle.active {
		position: fixed;
		margin:0;
		padding:15px;
		top: 20px;
		right: 20px;
	}
	.menu-toggle.active .bar {
		background: #FFFFFF;
	}
	.overlay {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.5);
		z-index: 15;
		pointer-events: auto;
	}
	.overlay.active {
		display: block;
	}
}

/*----------------------------
* メインビジュアル
*----------------------------*/
.main-visual__area{
	background-image: url("img/main_visual_PC.jpg");
	background-position:bottom;
	background-size: cover;
}
.main-visual__contents{
	padding:450px 100px 60px 100px;
}
.main-visual__title-area{
	text-align: center;
	background:rgba(237, 187, 120, 0.5);
}
.main-visual__title{
	padding-top:20px;
	font-size:46px;
	font-weight: 400;
	letter-spacing: 0.35em;
}
.main-visual__sub-title{
	padding:30px 0 60px;
	font-size:24px;
	font-weight: 400px;
	letter-spacing: 0.17em
}
@media (max-width: 768px) {
	.main-visual__area{
		background-image: url("img/main_visual_SP.jpg");
		background-position:left bottom;
	}
	.main-visual__contents{
		padding:350px 20px 60px 20px;
	}
	.main-visual__title-area{
		text-align: left;
		background:transparent;
	}
	.main-visual__title{
		display: inline-block;
		padding:6px 15px;
		font-size:22px;
		letter-spacing: 0;
		background-color: #FFFFFF;
	}
	.main-visual__sub-title{
		display:inline-block;
		margin-top:10px;
		padding:6px 10px;
		font-size:14px;
		letter-spacing: 0;
		background-color: #FFFFFF;
	}
}

/*----------------------------
* About
*----------------------------*/
.about__area{
	margin:80px 40px 0 40px;
}
.about__wrapper{
	display: flex;
	gap:40px;
	max-width: 1300px;
	margin: 0 auto
}
.about-img{
	width: 50%;
	object-fit: cover;
}
.about__contents{
	width: 50%;
}
.about__title{
	font-size:72px;
	color:#12676A;
}
.about__sub-title{
	margin:24px 0 16px;
	font-size:20px;
	font-weight: 700;
}
.about__text{
	font-size:16px;
	font-weight: 400;
	line-height: 2.5;
}
.yomogi__main-area{
	display:flex;
	margin:100px auto 0;
	max-width: 1300px;
	position: relative;
}
.yomogi__main-inner{
	width: 50%;
	padding:96px 40px 96px 40px;
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.yomogi__main-inner::before {
	content: "";
	position: absolute;
	top: 0px;
	left: 0px;
	right: -30vw;
	bottom: 0px;
	background-color: #BDDDDE;
	z-index: -1;
}
.yomogi__title{
	font-size:56px;
	font-weight: 700;
	letter-spacing: -0.04em;
	color: #12676A;
}
.yomogi__text{
	margin-top:24px;
	font-size:16px;
	font-weight: 400;
	line-height: 2.5;
}
.yomogi-img {
	width: 50%;
	object-fit: cover;
	position: relative;
	top: 40px;
	left: 0px;
	z-index: 2;
}
.yomogi__sub-area{
	margin:140px 80px 0 80px;
}
.yomogi__grid{
	max-width: 1300px;
	margin:0 auto;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 40px 40px;
}
.yomogi__item-title{
	font-size:24px;
	font-weight: 700;
	letter-spacing: 0.14em;
	color: #12676A;
}
.yomogi__item-text{
	margin-top:16px;
	font-size:16px;
	font-weight: 400;
	line-height: 2.5;
}
@media (max-width: 768px) {
	.about__area{
		margin:60px 20px 0 20px;
	}
	.about__wrapper{
		flex-direction: column;
		gap:20px;
	}
	.about-img{
		margin-top:0;
		width: 100%;
	}
	.about__contents{
		width: 100%;
		padding:0 20px;
	}
	.about__title{
		font-size:32px;
		text-align: center;
	}
	.about__sub-title{
		margin:20px 0 10px;
		font-size:16px;
	}
	.yomogi__main-area{
		flex-direction: column-reverse;
		margin:40px 20px 0 20px ;
	}
	.yomogi__main-inner{
		width: 100%;
		padding:25px 20px 0px 20px;
	}
	.yomogi__main-inner::before {
		content: none;
	}
	.yomogi__title{
		font-size:32px;
		letter-spacing: 0;
		text-align: center;
	}
	.yomogi__text{
		margin-top:20px;
		font-size:16px;
		line-height: 2;
	}
	.yomogi-img {
		width: 100%;
		top: 0px;
	}
	.yomogi__sub-area{
		margin:40px 40px 0 40px;
	}
	.yomogi__grid{
		display: flex;
		flex-direction: column;
		gap:25px;
	}
	.yomogi__grid > :nth-child(1) {
		order: 1;
	}
	.yomogi__grid > :nth-child(2) {
		order: 2;
	}
	.yomogi__grid > :nth-child(3) {
		order: 4;
	}
	.yomogi__grid > :nth-child(4) {
		order: 3;
	}
	.yomogi__grid > :nth-child(5) {
		order: 5;
	}
	.yomogi__grid > :nth-child(6) {
		order: 6;
	}
	.yomogi-item1-img{
		margin-top:0;
	}
	.yomogi__item-title{
		font-size:20px;
		text-align: center;
	}
	.yomogi__item-text{
		margin:10px 0 15px;
		line-height: 2;
	}
}

/*----------------------------
* Menu
*----------------------------*/
.menu__area{
	margin-top: 100px;
}
.menu__wrapper{
	max-width: 560px;
	margin: 0 auto;
}
.menu__title{
	font-size:32px;
	text-align: center;
	color: #12676A;
}
.menu__contents{
	margin-top:40px;
	font-size:16px;
	font-weight: 400;
	text-align: center;
}
.menu__text{
	line-height: 1.8;
}
.menu__contents-inner{
	display:flex;
	justify-content: center;
	margin-top:25px;
}
.menu__name{
	font-weight: 700;
}
.menu__amount{
	margin-left:20px;
}
.menu__time{
	margin-left:10px;
}
.menu-button{
	width: 250px;
	margin:40px auto 0;
}
.menu-button a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 250px;
	height: 80px;
	text-decoration: none;
	transition: 0.3s;
	border: 1px solid #12676A;
	border-radius: 9999px;
}
.menu-button-text {
	color:#12676A;
	font-size:16px;
	font-weight: 700;
}

@media (max-width: 768px) {
	.menu__area{
		margin: 60px 40px 0 40px;
	}
	.menu__contents{
		margin-top:20px;
		text-align: left;
	}
	.menu__contents-inner{
		justify-content: flex-start;
		margin-top:20px;
	}
	.menu-button{
		width: 160px;
	}
	.menu-button a {
		width: 160px;
		height: 50px;
	}
}
/*----------------------------
* News
*----------------------------*/
.news__area {
	margin:100px auto 0;
	max-width: 840px;
	padding: 0 20px;
}
.news__title{
	text-align: center;
	font-size:32px;
	color: #12676A;
}
.news__list{
	padding-top:20px;
}
.news__item{
	border-bottom:1px solid #12676A;
	padding:20px 40px;
}
.news__date{
	font-size:16px;
	font-weight: 400px;
	line-height: 2;
}
.news__link{
	font-size:16px;
	font-weight: 700;
	text-decoration: underline;
	color: #000000;
}
@media (max-width: 768px) {
	.news__area {
		margin:80px auto 0;
		padding: 0 40px;
	}
	.news__list{
		padding-top:0;
	}
	.news__item{
		padding:20px 0;
	}
}
/*----------------------------
* online-store
*----------------------------*/
.online-store__area{
	margin:100px 60px 0 60px
}
.online-store__wrapper{
	max-width: 1300px;
	margin:0 auto;
	display:flex;
	gap:40px;
}
.online-store__contents{
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.online-store__title{
	font-size:32px;
	color:#B7B7B7;
}
.online-store__text{
	margin-top:40px;
	font-size:18px;
	line-height: 2;
	text-align: center;
	font-weight: 400;
	color: #909090;
}
.online-store-button{
	width: 250px;
	margin:40px auto 0;
}
/* .online-store-button a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 250px;
	height: 80px;
	text-decoration: none;
	transition: 0.3s;
	border: 1px solid #12676A;
	border-radius: 9999px;
} */
.online-store-button div {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 250px;
	height: 80px;
	text-decoration: none;
	transition: 0.3s;
	border: 1px solid #909090;
	border-radius: 9999px;
}
.online-store-button-text {
	color:#B7B7B7;
	font-size:16px;
	font-weight: 700;
}
.online-store-img{
	width: 50%;
	object-fit: cover;
}

@media (max-width: 768px) {
	.online-store__area{
		margin:80px 0 0 0;
	}
	.online-store__wrapper{
		margin:0;
		flex-direction: column-reverse;
		gap:30px;
	}
	.online-store__contents{
		width: 100%;
	}
	.online-store__title{
		font-size:36px;
		color:#B7B7B7;
	}
	.online-store__text{
		font-size:14px;
		margin-top:25px;
	}
	.online-store-button{
		width: 180px;
		margin:25px auto 0;
	}
	.online-store-button div {
		width: 180px;
		height: 50px;
	}
	.online-store-img{
		width:100%;
	}
}
/*----------------------------
* FAQ
*----------------------------*/
.faq__area {
	margin:100px auto 0;
	max-width: 840px;
	padding: 0 20px;
}
.faq__title{
	text-align: center;
	font-size:32px;
	color: #12676A;
}
.faq__list{
	margin-top: 20px;
}
.faq__item{
	border-bottom: 1px solid #12676A;
}
.faq__question::-webkit-details-marker{display:none}
.faq__question::marker{content:""}
.faq__question{
	display:flex;
	justify-content: space-between;
	align-items: center;
	list-style: none;
	padding: 25px;
	cursor: pointer;
}
.faq__q{
	display:flex;
	gap: 10px;
	font-size:16px;
	font-weight: 700;
}
.faq__q-text{
	font-size: 16px;
}
.faq__question::after{
	content: "+";
	color: #12676A;
	font-weight: 500;
	font-size: 20px;
}
.faq__item[open] > .faq__question::after{
	content: "−";
}
.faq__answer{
	padding: 0 60px 25px 25px;
	font-size:16px;
}
.faq__a{
	display:flex;
	gap: 10px;
}
.faq__a-label{
	font-weight: 700;
}
@media (max-width: 768px) {
	.faq__area {
		margin:100px 40px 0 40px;
		padding: 0;
	}
	.faq__list{
		margin-top: 15px;
	}
	.faq__question::-webkit-details-marker{display:none}
	.faq__question::marker{content:""}
	.faq__question{
		padding: 15px 0;
	}
	.faq__answer{
		padding: 0 0 15px 0;
	}
}
/*----------------------------
* shop
*----------------------------*/
.shop__area{
	margin:100px 80px ;
}
.shop__title{
	font-size:32px;
	text-align: center;
	color: #12676A;
}
.shop__wrapper{
	max-width: 1300px;
	margin:0 auto;;
	display: flex;
	margin-top:30px;
}
.shop__contents{
	width: 50%;
}
.shop__name{
	font-size:16px;
	font-weight: 700;;
}
.shop__text{
	margin-top:30px;
	font-size:16px;
	font-weight: 400;
	line-height: 2;
}
.shop-button{
	margin-top:35px;
	width: 110px;
}
.shop-button a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 110px;
	height: 50px;
	text-decoration: none;
	transition: 0.3s;
	border: 1px solid #000000;
	border-radius: 9999px;
}
.shop-button-text {
	color:#000000;
	font-size:16px;
	font-weight: 700;
}
.sns__text{
	margin-top:40px;
	font-size:16px;
	font-weight: 400;
}
.sns__area{
	margin-top:15px;
	display: flex;
	align-items: center;
	gap:15px;
}
.instagram-img{
	width: 30px;
}
.line-img{
	width: 30px;
}
.shop__map{
	width: 50%;
}
@media (max-width: 768px) {
	.shop__area{
		margin:100px 20px 60px 20px ;
	}
	.shop__wrapper{
		margin:0;
		flex-direction: column;
		margin-top:20px;
	}
	.shop__contents{
		width: 100%;
		display: contents;
	}
	.shop__contents > *{
		padding: 0 20px;
	}
	/* 直下の .shop-button は除外 */
	.shop__contents > .shop-button{
		padding: 0;
	}
	.shop__text{
		margin-top:10px;
	}
	.shop-button{
		margin:15px auto 0;
	}
	.sns__text{
		order:2;
	}
	.sns__area{
		order:2;
	}
	.shop__map{
		margin-top:40px;
		order:1;
		width: 100%;
		height: 300px;
	}
}
/*----------------------------
* フッター
*----------------------------*/
footer{
	background-color: #12676A;
	color:#FFFFFF;
	text-align: center;
}
.footer__area{
	padding:40px 0;
}
.footer-link-area{
	display: flex;
	justify-content: center;
	gap:30px;
	font-size:16px;
}
.copyright{
	padding-top:20px;
	font-size:12px;
	font-weight: 400;
}
@media (max-width: 768px) {
	.footer__area{
		padding:40px 20px 60px 20px;
	}
	.footer-link-area{
		flex-direction: column;
		gap:20px;
		font-size:14px;
	}
	.copyright{
		padding-top:30px;
		font-size:10px;
	}
}

/*----------------------------
* News一覧
*----------------------------*/
.news__archive{
	margin:100px 0;
}
.news__archive-title{
	font-size:72px;
	text-align: center;
	color:#12676A;
}
.news__archive-list{
	padding-top:100px;
	max-width: 850px;
	margin:0 auto;
}
.news__archive-item{
	border-bottom:1px solid #12676A;
	padding:20px 40px;
}
.news__archive-date{
	font-size:16px;
	font-weight: 400px;
	line-height: 2;
}
.news__archive-link{
	font-size:16px;
	font-weight: 700;
	text-decoration: underline;
	color: #000000;
}
.pagination{
	margin-top:30px;
}
.pagination .nav-links{
	display: flex;
    justify-content: center;
    font-size: 16px;
	gap:20px;
}
.pagination .nav-links a{
	color: #12676A;
}
@media (max-width: 768px) {
	.news__archive{
		margin:120px 40px 70px 40px;
	}
	.news__archive-title{
		font-size:32px;
	}
	.news__archive-list{
		padding-top:20px;
	}
	.news__archive-item{
		padding:20px 0px;
	}
}

/*----------------------------
* Newsページ
*----------------------------*/
.news__page-area{
	margin:100px 175px;
}
.news__page-top-title{
	font-size:72px;
	text-align: center;
	color:#12676A;
}
.news__page-wrapper{
	margin-top:20px;
	padding:40px 40px;
	background-color: #D9ECED;
}
.news__page-inner{
	max-width: 600px;
	margin:0 auto;
	line-height: 1.7;
}
.news__page-date{
	font-size:16px;
}
.news__page-title{
    font-size:16px;
    font-weight: 700;
    margin:5px 0;
	text-wrap: wrap;
}
.news__page-content{
    margin-top: 15px;
    line-height: 1.7;
}
/* コンテンツ直下の各要素間に余白 */
.news__page-content > * + *{
    margin-top: 15px;
}
/* 本文内リンクは下線表示 */
.news__page-content a{
    text-decoration: underline;
}
/* 画像・図版ブロックの上下余白 */
.news__page-content figure,
.news__page-content .wp-block-image{
    margin: 16px 0;
}
/* 箇条書きのインデントと間隔 */
.news__page-content ul,
.news__page-content ol{
    margin-left: 1.2em;
}
@media (max-width: 768px) {
	.news__page-area{
		margin:120px 40px 70px 40px;
	}
	.news__page-top-title{
		font-size:32px;
	}
	.news__page-wrapper{
		margin-top:30px;
		padding:0;
		background-color: transparent;
	}
	.news__page-date{
		font-size:16px;
	}
	.news__page-title{
		margin:10px 0;
	}
}
/*----------------------------
* Scroll Animations
*----------------------------*/
[data-animate="fade-in"]{
    opacity: 0;
    transform: translateY(16px);
    transition: opacity .8s ease, transform .8s ease;
    will-change: opacity, transform;
}
[data-animate="fade-in"].is-visible{
    opacity: 1;
    transform: none;
}

/*----------------------------
* プライバシーポリシー
*----------------------------*/
.privacy-policy-area{
	margin:100px 100px;
}
.privacy-policy-title{
	font-size:36px;
	font-weight: 700;
	text-align: center;
	color:#12676A;
}
.privacy-policy-text{
	margin-top:40px;
	font-size:16px;
	font-weight: 400;
	line-height: 1.7;
}
@media (max-width: 768px) {
	.privacy-policy-area{
		margin:120px 40px 70px 40px;
	}
	.privacy-policy-title{
		font-size:26px;
	}
	.privacy-policy-text{
		margin-top:30px;
		font-size:14px;
	}
}

/*----------------------------
* 特定商取引法
*----------------------------*/
.treatment-area{
	margin:100px 100px;
}
.treatment-title{
	font-size:36px;
	font-weight: 700;
	text-align: center;
	color:#12676A;
}
.scta {
	margin:40px auto 0;
	max-width: 1000px;
    background-color: #D9ECED;
    padding: 20px 0;
}
.scta dt {
    float: left;
    width: 30%;
    text-align: right;
	font-weight: 700;
	padding-left: 10px;
}
.scta dd {
    margin-left: 33%;
    padding-left: 2%;
    border-left: 1px solid #D3D3D3;
    padding-bottom: .5rem;
    margin-bottom: initial;
}
@media (max-width: 768px) {
	.treatment-area{
		margin:120px 40px 70px 40px;
	}
	.treatment-title{
		font-size:26px;
	}
    .scta dt {
        float: initial;
        width: initial;
        text-align: initial;
    }
    .scta dd {
        margin-left: initial;
        border-left: initial;
        padding-left: 10px;
		padding-right: 10px;
    }
}

/*----------------------------
* 会社概要
*----------------------------*/
.company-area{
	margin:100px 100px;
}
.company-title{
	font-size:36px;
	font-weight: 700;
	text-align: center;
	color:#12676A;
}
.company__table{
	text-align: left;
	min-width: 600px;
	margin:40px auto 0;
	line-height: 2;
	width: 60%;
	border-collapse: collapse;
}

.company__table tr {
	border-bottom: 1px solid #12676A;
}

.company__table tr:first-child {
	border-top: 1px solid #12676A;
}

.company__table th{
	min-width:150px;
	width: 25%;
	font-size:16px;
	font-weight: 700;
	vertical-align:top;
}

.company__table td{
	font-size:16px;
	font-weight: 400;
	line-height: 2;
}

.company__table th,
.company__table td{
	padding:20px;
}

@media (max-width: 768px) {
	.company-area{
		margin:120px 20px 80px 20px;
	}
	.company-title{
		font-size:26px;
		margin-bottom:40px;
	}
	.company__table{
		min-width: auto;
		margin:0;
		width: 100%;
	}
	.company__table th{
		font-size:14px;
		min-width:120px;
		width: 25%;
	}
	.company__table td{
		font-size:14px;
		font-weight: 400;
		line-height: 2;
	}
	.company__table th,
	.company__table td{
		padding:20px 10px;
	}
}