@charset "utf-8";

/************************************************************************************
RESET
*************************************************************************************/
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,dl,dt,dd{
margin: 0;
padding: 0;
}

table,p,img,fieldset {
border: 0;
}

/* set image max width to 100% */
img {
max-width: 100%;
height: auto;
width: auto\9; /* ie8 */
vertical-align: top;
}


body {
font-family: 'Noto Serif JP', serif,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Arial,Helvetica,sans-serif;
color: #555555;
font-size: .8em;
line-height: 1.4em;
letter-spacing:1px;
height: 100%;
}

li {
list-style-type: none;
}

/*間隔
----------------------------------------------- */
.pdr5{padding-right:5px;}
.pdr10{padding-right:10px;}
.pdr14{padding-right:14px;}
.pdr15{padding-right:15px;}
.pdl5{padding-left:5px;}
.pdl10{padding-left:10px;}
.pdlr5{padding-left:5px;padding-right:5px;}
.pdlr10{padding-left:10px;padding-right:10px;}
.pd10{padding:10px;}
.pdtb10{padding:10px 0;line-height:1.3rem;}
.pdt15{padding-top:15px;}
.mga10{margin:10px;}
.mga15{margin:15px;}
.mgt10{margin-top:10px;}
.mgt20{margin-top:20px;}
.mgt30{margin-top:30px;}
.mgb10{margin-bottom:10px;}
.mgb15{margin-bottom:15px;}
.mgb20{margin-bottom:20px;}
.mgtb10{margin:10px 0;}
.mgtb15{margin:15px 0;}


/*回り込み*/
.fl_r{float:right;}
.fl_l{float:left;}


/*配置*/
.pst-7{position:relative;top:-7px}
.pst3{position:relative;top:3px;}
.pst4{position:relative;top:4px;}
.pst5{position:relative;top:5px;}
.pst7{position:relative;top:7px;}
.pst10{position:relative;top:10px;}
.pst13{position:relative;top:13px;}
.pst15{position:relative;top:15px;}
.pst20{position:relative;top:20px;}
.psl30{position:relative;left:30px;}

/* フォント
----------------------------------------------- */
h1,h2,h3,h4,h5 {
font-size: 100%;
line-height: 150%;
}
.en{
text-transform: uppercase;
}


/* main
----------------------------------------------- */

.mainbg {
position: relative;
height: 100vh;
min-height: 550px;
background: url(../img/bg_main.jpg) no-repeat center top;
background-size: cover;
z-index: 11;
}
.mainbg .box {
max-width: 1356px;
margin: 0 auto;
}
.main {
position: absolute;
top: 0;
bottom: 0;
width: 550px;
height: 400px;
margin: auto 0;
text-align:  center;
}
.main h1 {
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 230px;
margin: 0 auto;
}
.main p {
text-align:  center;
color: #ffffff;
font-size: 24px;
line-height: 1.35em;
}
.main p span.bg{
display: inline-block;
margin-bottom: 2%;
padding: 0 12px;
background: #E3C572;
font-size: 30px;
line-height: 1.5em;
color: #111111;
font-weight: bold;
}
.main p span.brand {
font-family: EB Garamond;
font-size: 40px;
line-height: 1.5em;
}
.main p.item {
position: absolute;
bottom: 0;
right: 20px;
width: 230px;
font-size: 20px;
font-weight: bold;
}
.main p.item img {
width: 90px;
margin-bottom: 10px;
}

@media screen and (max-width: 700px) {
.mainbg {
position: relative;
min-height: 500px;
height: 92vh;
background: url(../img/bg_main_sp.jpg) no-repeat center top;
background-size: cover;
z-index: 11;
}
.mainbg2 {
position: relative;
min-height: 500px;
height: 92vh;
background: url(../img/bg_main_sp02.jpg) no-repeat center top;
background-size: cover;
z-index: 11;
}
.main {
position: static;
left: 0;
right: 0;
width: auto;
height: 300px;
padding: 25px 0 0 0;
text-align: left;
}
.main h1 {
position: absolute;
top: 0;
left: 0;
width: 50px;
margin: 3%;
}
.main p {
padding-top: 15%;
text-align: center;
color: #ffffff;
font-size: 14px;
line-height: 1.5em;
}
.main p span.bg{
display: inline-block;
margin-bottom: 1%;
padding: 0 8px;
background: #E3C572;
color: #111111;
font-size: 16px;
line-height: 27px;
font-weight: bold;
}
.main p span.brand{
font-size: 30px;
line-height: 1.3em;
}
.main p.item {
position: absolute;
bottom: 0;
right: 0;
width: 32%;
margin: 0 7% 9.2% 0;
font-size: 14px;
line-height: 1.5;
}
.main p.item img {
width: 43.33%;
margin-bottom: 8px;
}
}

/* concept
----------------------------------------------- */

.conceptbg {
height: 700px;
/* background: #ffffff url(../img/bg_concept.jpg) no-repeat center center; */
background-size: cover;
}
.conceptbg .box {
max-width: 1650px;
margin: 0 auto;
}
.concept {
/* float: right; */
text-align: center;
margin: 0 auto;
width: 540px;
padding-top: 135px;
color: #111111;
}
.concept h2 {
font-size: 30px;
font-weight: bold;
line-height: 1.35em;
}
.concept p {
margin-top: 36px;
font-size: 20px;
line-height: 1.8em;
}
.concept .producer {
margin-top: 30px;
line-height: 1.35em;
}
.concept .producer dt{
position: relative;
display: inline-block;
padding-right: 136px;
font-size: 30px;
line-height: 1.35em;
font-weight: bold;
}
.concept .producer dt span{
font-size: 16px;
}
.concept .producer dt .sign{
position: absolute;
top: -34px;
right: 0;
width: 87px;
}
.concept .producer dd{
margin-top: 26px;
font-size: 14px;
line-height: 1.35em;
letter-spacing: -0.3px;
}

@media screen and (max-width: 800px) {
.conceptbg{
	height: 480px;
}

.concept .producer {
margin-top: 70px;
line-height: 1.35em;
}
/* .conceptbg {
height: auto;
padding-bottom: 121%;
background: #ffffff url(../img/bg_concept_sp.jpg) no-repeat left bottom;
background-size: contain;
} */
.concept {
float: none;
width: 90%;
margin: 0 auto;
padding: 20% 0 0;
color: #111111;
text-align: left;
}
.concept h2 {
font-size: 22px;
line-height: 1.35em;
}
.concept p {
margin-top: 20px;
font-size: 15px;
line-height: 1.8em;
}
.concept .producer dt{
padding-right: 136px;
font-size: 22px;
line-height: 1.35em;
}
.concept .producer dt span{
font-size: 12px;
}
}

/* products
----------------------------------------------- */

.productsbg {
height: 1079px;
background: url(../img/bg_products.jpg) no-repeat center center;
background-size: cover;
}
.productsbg .box {
max-width: 1592px;
margin: 0 auto;
}
.products {
width: 784px;
padding-top:  140px;
text-align:  center;
margin: 0 auto;
}
.products h2 {
color: #ffffff;
font-family: EB Garamond;
font-size: 56px;
line-height: 1.3em;
font-weight: 500;
}
.products h3 {
width: 400px;
margin: 60px auto 0;
color: #ffffff;
font-family: EB Garamond, 'Noto Serif JP', serif,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Arial,Helvetica,sans-serif;
font-size: 30px;
line-height: 1.35em;
}
.products h3 .img {
display: inline-block;
width: 412px;
margin: 0 -6px 45px;
}
.products p {
margin-top: 10px;
color: #ffffff;
font-size: 20px;
line-height: 1.35em;
font-weight: 500;
text-decoration: underline;
}
.products p.ico{
width: 100px;
margin: 15px auto 0;
background: rgb(255,255,255,0.8);
color: #111111;
font-size: 14px;
line-height: 30px;
font-weight: normal;
text-decoration: none;
}

.products p.btn{
width: 400px;
margin: 34px auto 0;
background: rgb(164,136,73);
background: linear-gradient(90deg, rgba(164,136,73,1) 0%, rgba(238,233,179,1) 50%, rgba(164,136,73,1) 100%);
text-decoration: none;
}
.products p.btn a:hover {
opacity:.7;
}
.products p.btn a{
display: block;
color: #111111;
font-size: 20px;
line-height: 60px;
font-weight: bold;
text-decoration: none;
}

@media screen and (max-width: 800px) {
.productsbg {
height: auto;
padding-bottom: 25%;
background: url(../img/bg_products_sp.jpg) no-repeat left bottom;
background-size: cover;
}
.products {
float: none;
width: 90%;
margin: 0 auto;
padding: 20% 0 0;
}
.products h2 {
text-align: center;
font-size: 30px;
line-height: 1.3em;
}
.products h3 {
width: auto;
margin: 30px auto 0;
font-size: 22px;
line-height: 1.35em;
}
.products h3 .img {
width: auto;
margin: 0 0 25px;
}
.products p {
font-size: 20px;
line-height: 1.35em;
}
.products p.ico{
font-size: 12px;
}
.products p.btn{
width: 100%;
}
}


/* interview
----------------------------------------------- */

.interviewbg {
height: 1028px;
background: url(../img/bg_interview.jpg) no-repeat center center;
background-size: cover;
}
.interview {
padding-top: 126px;
text-align:  center;
}
.interview h2 {
color: #111111;
font-family: EB Garamond;
font-size: 56px;
line-height: 1.3em;
font-weight: 500;
}
.interview .movie {
width: 916px;
margin: 60px auto 0;
}
.interview .movie .box {
position: relative;
padding-bottom: 66.813%;
height: 0;
overflow: hidden;
}
.interview .movie .box iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

@media screen and (max-width: 1000px) {
.interviewbg {
height: auto;
}
.interview {
padding: 20% 0 15%;
}
.interview h2 {
font-size: 30px;
line-height: 1.3em;
}
.interview .movie {
width: 90%;
margin: 10% auto 0;
}
}

/* news
----------------------------------------------- */

.news {
width: 810px;
margin: 0 auto;
padding:  110px 0 124px;
}
.news h2 {
text-align: center;
color: #111111;
font-family: EB Garamond;
font-size: 56px;
line-height: 1.3em;
font-weight: bold;
}
.news li {
padding: 20px 55px 22px;
border-bottom: 1px solid #e6e6e6;
color: #111111;
font-size: 20px;
line-height: 1.35em;
}
.news li .category{
display: inline-block;
width: 120px;
margin-left: 40px;
border: 1px solid #707070;
text-align:  center;
font-family: EB Garamond;
font-size: 14px;
line-height: 24px;
}
.news li .txt{
display: block;
margin-top: 14px;
font-size: 16px;
line-height: 1.35em;
}
.news li a{
color: #111111;
text-decoration: none;
}
.news li a:hover{
text-decoration: underline;
}

@media screen and (max-width: 1000px) {
.news {
width: 90%;
margin: 0 auto;
padding: 20% 0 15%;
}
}
@media screen and (max-width: 800px) {
.news h2 {
font-size: 30px;
line-height: 1.3em;
}
.news li {
padding: 5%;
font-size: 16px;
line-height: 1.35em;
}
.news li .category{
width: 100px;
margin-left: 20px;
font-size: 12px;
line-height: 20px;
}
.news li .txt{
display: block;
margin-top: 10px;
font-size: 14px;
line-height: 1.35em;
}
}

/* detail
----------------------------------------------- */

.detailbg {
padding: 150px 0 80px;
background: url(../img/bg_detail.jpg) no-repeat center top;
background-size: cover;
background-attachment: fixed;
}
.detailbg .detailwrap {
position: fixed;
top: 0;
left: 0;
right: 0;
max-width: 1660px;
width: 100%;
height: 100vh;
margin: 0 auto;
}
.detailbg .detailwrap.set {
position: absolute;
top: 154px;
}
.detailbg .products {
position: absolute;
float: none;
width: 580px;
height: 670px;
top: 0;
bottom: 0;
left: 10px;
margin: auto;
padding: 110px 0;
}
.detailbg h1 {
width: 400px;
margin: 0 auto 0;
color: #ffffff;
font-family: EB Garamond;
font-size: 28px;
line-height: 1.35em;
font-family: 'Noto Serif JP';
}
.detailbg h1 .img {
display: inline-block;
width: 412px;
margin:  0 -6px 25px;;
text-align: right;
}
.detailbg .products p.btn{
margin-top: 24px;
}

.detailbg .itemblock {
max-width: 1640px;
margin: 0 auto;
padding:  0 10px;
overflow: hidden;
}
.detailbg .itembox {
position: relative;
float: right;
max-width: 950px;
width: 58%;
padding-bottom: 145px;
background: rgb(255,255,255,0.9);
color: #111111;
}
.detailbg .itembox p {
margin-top: 8px;
font-size: 14px;
line-height: 1.57em;
font-weight: bold;
}

@media screen and (max-width: 1300px) {
.detailbg .detailwrap,
.detailbg .detailwrap.set {
position: relative;
top: 0;
height: auto;
}
.detailbg .products {
position: relative;
padding: 0;
margin: 0 auto;
height: auto;
}
.detailbg h1{
margin-top: 0;
}
.detailbg .itembox{
float: none;
width: 90%;
margin: 60px auto 0;
padding-bottom: 5%;
}
}

@media screen and (max-width: 800px) {
.detailbg {
padding: 5% 0 15%;
}
.detailbg .itembox{
margin-top: 0;
}
.detailbg .products {
float: none;
width: 90%;
left: 0;
margin: 0 auto;
padding: 20% 0 15%;
}
.detailbg h1{
width: auto;
font-size: 22px;
line-height: 1.35em;
}
.products h1 .img {
width: auto;
margin: 0 0 25px;
}
.detailbg .itemblock{
margin-top: 0;
padding: 0;
}
.detailbg .itembox p {
font-size: 13px;
line-height: 1.35em;
}
}

/* tenal
----------------------------------------------- */

.tenal .block01 {
width: 674px;
margin: 0 auto;
padding-top: 140px;
}
.tenal .block01 h2 {
font-family: EB Garamond, 'Noto Serif JP', serif,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Arial,Helvetica,sans-serif;
font-size: 30px;
line-height: 1.35em;
font-weight: bold;
}
.tenal .block01 h2 .ico {
display: inline-block;
width: 86px;
border: 1px solid #707070;
text-align: center;
font-size: 14px;
line-height: 26px;
vertical-align: top;
}
.tenal .block01 .lead {
margin-top: 8px;
font-size: 20px;
line-height: 1.5em;
font-weight: bold;
}
.tenal .block01 .wrap {
margin-top: 16px;
overflow: hidden;
}
.tenal .block01 .box{
float: left;
width: 300px;
}
.tenal .block01 .box:nth-child(2n){
float: right;
}
.tenal .block01 .box p{
font-size: 20px;
line-height: 1.35em;
}
.tenal .block01 .box p span {
font-size: 14px;
}
.tenal .block01 .box p.img img{
margin-bottom: 4px;
}
.tenal .block01 .box p.img{
font-size: 12px;
font-weight: normal;
}

.tenal .block02 {
width: 674px;
margin: 26px auto 0;
padding: 22px 30px 30px;
background: #F5F5F5;
box-sizing: border-box;
}
.tenal .block01 + .block02 {
margin-top: 55px;
}
.tenal .block02 h3{
font-size: 20px;
line-height: 1.35em;
}
.tenal .block02 h3 .category{
font-family: EB Garamond;
font-size: 14px;
font-style: italic;
}
.tenal .block02 .img01{
width: 316px;
margin: 20px auto 0;
}
.tenal .block02 .imglist01{
width: 408px;
margin: 10px auto 0;
overflow: hidden;
}
.tenal .block02 .imglist01 li{
float: left;
width: 128px;
margin: 20px 12px 0 0;
text-align:  center;
font-size: 12px;
font-weight: normal;
}
.tenal .block02 .imglist01 li:nth-child(3n){
float: right;
margin-right: 0;
}
.tenal .block02 .imglist01 li img{
margin-bottom:  5px;
}
.tenal .block02 .note{
text-align:  center;
font-size: 12px;
font-weight: normal;
}

.tenal .block02 .imglist02{
width: 507px;
margin: 25px auto 0;
overflow: hidden;
}
.tenal .block02 .imglist02 li{
float: left;
width: 111px;
margin-right: 21px;
}
.tenal .block02 .imglist02 li:nth-child(4n){
float: right;
margin-right: 0;
}

.tenal .block03 {
width: 674px;
margin: 26px auto 0;
padding:  50px 28px 48px;
background: #FFFFFF;
border: 1px solid #cccccc;
box-sizing: border-box;
}
.tenal .block03 h3{
font-size: 20px;
line-height: 1.35em;
}
.tenal .block03 h3 .category{
font-family: EB Garamond;
font-size: 16px;
font-weight: normal;
}
.tenal .block03 h3 + .step{
margin-top: 15px;
}
.tenal .block03 .step{
margin-top: 27px;
overflow: hidden;
}
.tenal .block03 .step h4,
.tenal .block03 .step p {
float: right;
width: 370px;
}
.tenal .block03 .step h4 {
font-family: EB Garamond;
font-size: 20px;
line-height: 1.35em;
font-weight: normal;
}
.tenal .block03 .step p {
margin-top: 20px;
font-size: 16px;
line-height: 1.5em;
}
.tenal .block03 .step p.img {
float: left;
width: 230px;
margin: 0;
}
.tenal .block03 .point {
margin-top: 12px;
padding: 5px;
background: #ffebeb;
}
.tenal .block03 .step + .point {
margin-top: 30px;
}
.tenal .block03 .point .line {
min-height: 164px;
padding: 25px;
border: 1px solid #f7abb1;
box-sizing: border-box;
}
.tenal .block03 .point.bg01 {
background: url(../img/bg_tenal01.jpg) no-repeat right bottom;
background-size: cover;
}
.tenal .block03 .point.bg02 {
background: url(../img/bg_tenal02.jpg) no-repeat left bottom;
background-size: cover;
}
.tenal .block03 .point.bg02 .line {
padding-left: 200px;
}
.tenal .block03 .point h4 {
font-family: EB Garamond;
font-size: 20px;
font-style: italic;
}
.tenal .block03 .point h4 span {
font-size: 30px;
vertical-align: bottom;
}
.tenal .block03 .point p {
width: 365px;
letter-spacing: -0.5px;
}
.tenal .block03 .point .lead {
margin-top: 0;
font-size: 16px;
line-height: 1.5em;
}

@media screen and (max-width: 1300px) {
.tenal .block01{
padding-top: 50px;
}
}
@media screen and (max-width: 900px) {
.tenal .block01,
.tenal .block02,
.tenal .block03{
width: 90%;
}
.tenal .block03 .step h4,
.tenal .block03 .step p {
width: 59.67%;
}
.tenal .block03 .step p.img {
width: 37.09%;
}
.tenal .block03 .point.bg02 p{
width: 100%;
}
}

@media screen and (max-width: 800px) {
.tenal .block01 {
padding-top: 5%;
}
.tenal .block01 h2 {
font-size: 22px;
line-height: 1.35em;
}
.tenal .block01 h2 .ico{
font-size: 12px;
}
.tenal .block01 .box p{
font-size: 14px;
}
.tenal .block01 .box p span{
font-size: 10px;
line-height: 1.35em;
}
.tenal .block01 .lead,
.tenal .block01 .box p,
.tenal .block02 h3,
.tenal .block03 .step h4{
font-size: 16px;
line-height: 1.5em;
}
.tenal .block02,
.tenal .block03,
.tenal .block03 .point .line,
.tenal .block03 .point.bg02 .line{
padding: 5%;
}
.tenal .block01 + .block02{
margin-top: 15%;
}
.tenal .block02 .img01{
width: 100%;
}
.tenal .block02 .imglist01,
.tenal .block02 .imglist02{
width: 100%;
}
.tenal .block02 .imglist02{
margin-top: 0;
}
.tenal .block02 .imglist01 li,
.tenal .block02 .imglist01 li:nth-child(3n),
.tenal .block02 .imglist02 li,
.tenal .block02 .imglist02 li:nth-child(3n){
float: left;
width: 47%;
margin: 6% 0 0;
font-size: 11px;
}
.tenal .block02 .imglist01 li:nth-child(2n),
.tenal .block02 .imglist02 li:nth-child(2n){
float: right;
}
.tenal .block02 .note{
font-size: 11px;
}
.tenal .block03 h3{
font-size: 16px;
line-height: 1.35em;
}
.tenal .block03 h3 .category{
font-size: 14px;
}
.tenal .block03 .step{
margin-top: 5%;
}
.tenal .block03 .step h4{
float: none;
}
.tenal .block03 .step p{
margin-top: 0;
font-size: 13px;
}
.tenal .block03 .point .lead{
font-size: 14px;
line-height: 1.35em;
}
.tenal .block03 .point p{
width: auto;
letter-spacing: 0;
}
}

/*------------------------------------------------*/

/* 230628追加 */

/* font指定----------------------------------------*/
.ffNoto {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400!important;
}
/*------------------------------------------------*/


.column {
	max-width: 820px;
	margin: 110px auto 130px;
	overflow: hidden;
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
	.column {
	  max-width: 82vw;
	}
  }
@media screen and (max-width: 640px) {
.column {
	max-width: 87.5vw;
}
}
.column__link {
	display: flex;
	justify-content: center;
	flex-wrap: nowrap;
	align-items: center;
	width: 256px;
	height: 53px;
	letter-spacing: 0rem;
	font-size: 1.125rem;
	line-height: 1.2222222222;
	color: #111111;
	background: linear-gradient(90deg, rgb(181, 147, 72) 0%, rgb(255, 248, 198) 50%, rgb(181, 147, 72) 100%);
	font-family: "Noto Serif JP", serif;
	font-weight: bold;
	margin: 0 auto;
	text-decoration: none;
	will-change: transform;
}
.column h2{
	color: #C22C31;
	font-family: EB Garamond;
	font-size: 56px;
	line-height: 1.3em;
	font-weight: bold;
	text-align: center;
	padding-bottom: 80px;
	font-weight: 500;
}

.article__body {
	padding-bottom: 37px;
	margin-bottom: 40px;
	border-bottom: solid 1px #808080;
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
.article__body {
	padding-bottom: 3.7vw;
	margin-bottom: 4vw;
}
}
@media screen and (max-width: 640px) {
.article__body {
	padding-bottom: 5.78125vw;
	margin-bottom: 0;
	border-bottom: none;
}
}
.article__body:last-of-type {
border: none;
}
.article__link {
display: flex;
justify-content: space-between;
flex-wrap: nowrap;
text-decoration: none;
will-change: transform;
color: inherit;
}
.article__thumbnail {
flex: 0 1 250px;
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
.article__thumbnail {
	flex: 0 1 25vw;
}
}
@media screen and (max-width: 640px) {
.article__thumbnail {
	flex: 0 1 23.4375vw;
}
}
.article__thumbnail img {
height: 162px;
object-fit: cover;
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
.article__thumbnail img {
	height: 16.2vw;
}
}
@media screen and (max-width: 640px) {
.article__thumbnail img {
	height: 23.4375vw;
}
}
.article__contents {
flex: 0 1 542px;
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
.article__contents {
	flex: 0 1 54.2vw;
}
}
@media screen and (max-width: 640px) {
.article__contents {
	flex: 0 1 61.40625vw;
}
}
.article__catList {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.article__catItem {
padding: 3px 6px;
margin-right: 15px;
margin-bottom: 5px;
letter-spacing: 0rem;
font-size: 0.875rem;
line-height: 1.4285714286;
font-weight: 300;
color: #fff;
background: #C22C31;
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
.article__catItem {
	letter-spacing: 0vw;
	font-size: 1.4vw;
}
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
.article__catItem {
	padding: 0.3vw 0.6vw;
	margin-right: 1.5vw;
	margin-bottom: 0.5vw;
}
}
@media screen and (max-width: 640px) {
.article__catItem {
	padding: 0.625vw 1.25vw;
	margin-right: 2.34375vw;
	margin-bottom: 0.78125vw;
	font-weight: 400;
}
}
@media screen and (max-width: 640px) and (max-width: 640px) {
.article__catItem {
	font-size: 2.34375vw;
	letter-spacing: 0vw;
	line-height: 1.4666666667;
}
}
.article__postTitle {
margin-bottom: 15px;
letter-spacing: 0rem;
font-size: 1.25rem;
line-height: 1.2;
color: #111111;
font-family: "Noto Serif JP", serif;
font-weight: 500;
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
.article__postTitle {
	letter-spacing: 0vw;
	font-size: 2vw;
}
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
.article__postTitle {
	margin-bottom: 1.5vw;
}
}
@media screen and (max-width: 640px) {
.article__postTitle {
	margin-bottom: 2.34375vw;
}
}
@media screen and (max-width: 640px) and (max-width: 640px) {
.article__postTitle {
	font-size: 2.96875vw;
	letter-spacing: 0vw;
	line-height: 1.4736842105;
}
}
.article__tagList {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.article__tagItem {
margin-right: 15px;
margin-bottom: 5px;
letter-spacing: 0rem;
font-size: 0.8125rem;
line-height: 1.7692307692;
color: #C22C31;
border-bottom: solid 1px #EB98A0;
font-weight: normal;
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
.article__tagItem {
	letter-spacing: 0vw;
	font-size: 1.3vw;
}
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
.article__tagItem {
	margin-right: 1.5vw;
	margin-bottom: 0.5vw;
}
}
@media screen and (max-width: 640px) {
.article__tagItem {
	margin-right: 2.34375vw;
	margin-bottom: 0.78125vw;
}
}
@media screen and (max-width: 640px) and (max-width: 640px) {
.article__tagItem {
	font-size: 2.34375vw;
	letter-spacing: 0vw;
	line-height: 1.6666666667;
}
}
@media screen and (max-width: 640px) and (max-width: 640px) {
.column {
	max-width: 87.5%;
	margin: 12.7% auto 130px;
}

.column__link {
	width: 100%;
	height: 14.53125vw;
	margin: 2.8vw auto 0;
	font-size: 4.6875vw;
	letter-spacing: 0vw;
	line-height: 1.2;
}
.column h2{
	font-size: 7vw;
	line-height: 1;
	padding-bottom: 13%;
}
}

.u-noPost {
	height: 114px;
	letter-spacing: 0.015rem;
	font-size: 1.5625rem;
	line-height: 1.52;
	color: #111111;
	display: flex;
	justify-content: center;
	flex-wrap: nowrap;
	align-items: center;
	margin-bottom: 20%;
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
.u-noPost {
	letter-spacing: 0.024vw;
	font-size: 2.5vw;
}
}
@media screen and (min-width: 641px) and (max-width: 1000px) {
.u-noPost {
	height: 11.4vw;
}
}
@media screen and (max-width: 640px) {
.u-noPost {
	height: 17.8125vw;
}
}
@media screen and (max-width: 640px) and (max-width: 640px) {
.u-noPost {
	font-size: 3.28125vw;
	letter-spacing: 0vw;
	line-height: 1;
}
}