@charset "utf-8";
/*--------------------------------------------

	TOP animation

--------------------------------------------*/
#top .mv-logo,
#top .nav-item,
#top .mv-bottom-jpn,
#top .mv-bottom-eng,
#top .mv-gif{
	transform:translateY(30px);
	opacity:0;
	transition:.5s;
}
#top .mv-catch-txt{
	opacity:0;
	transition:1.5s;
	transition-delay:0.8s;
}
#top .ftg-sns-item{
	transform:translateX(-30px);
	opacity:0;
	transition:.5s;
}
#top .mv-logo{
	transition-delay:0.8s;
}
#top .nav-item:nth-child(1){
	transition-delay:1.2s;
}
#top .nav-item:nth-child(2){
	transition-delay:1.3s;
}
#top .nav-item:nth-child(3){
	transition-delay:1.4s;
}
#top .nav-item:nth-child(4){
	transition-delay:1.5s;
}
#top .nav-item:nth-child(5){
	transition-delay:1.6s;
}
#top .mv-bottom-jpn{
	transition-delay:1.9s;	
}
#top .mv-bottom-eng{
	transition-delay:2s;
}
#top .ftg-sns-item:nth-child(1){
	transition-delay:1.8s;
}
#top .ftg-sns-item:nth-child(2){
	transition-delay:1.9s;
}
#top .ftg-sns-item:nth-child(3){
	transition-delay:2s;
}
#top.loaded .mv-logo,
#top.loaded .nav-item,
#top.loaded .mv-bottom-jpn,
#top.loaded .mv-bottom-eng,
#top.loaded .mv-gif{
	transform:translateY(0px);
	opacity:1;
}
#top.loaded .mv-catch-txt{
	opacity:1;
}
#top.loaded .ftg-sns-item{
	transform:translateX(0px);
	opacity:1;
}
/*--------------------------------------------

	TOP MV

--------------------------------------------*/
#top #mv{
    height: 100vh;
}
.mv-inner, .slick-dotted.slick-slider, .slick-slider .slick-track, .slick-slider .slick-list, .slick-slide > div, .mv-slider-item {
    height: 100%;
}
.mv-slider-item picture {
    display: block;
    position: relative;
    height: 100%
}
.mv-slider-item picture img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}
.mv-slider .slick-dotted.slick-slider{
    margin-bottom: 0;
}
.mv-slider .slick-dots{
    bottom: -50px;
    right: 0;
    width: 134px;
}
.mv-slider .slick-dots li button{
    background: #fff;
    display: block;
    height: 3px;
    width: 36px;
    padding: 0;
}
.mv-slider  .slick-dots li button:before{
    content: "";
    width: 36px;
    height: 3px;
    background-color: #fff;
}
.mv-slider .slick-dots li.slick-active button:before{
    background-color: #d7d7d7;
}
#top .mv-catchBox{
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
#top .mv-catch-txt{
    color: #ed762b;
    font-size: 1.875vw;
    font-weight: bold;
    letter-spacing: 0.133em;
    padding: 4px;
    background-color: #fff;
}
@media screen and (max-width :  1707px ) {
	#top .mv-catch-txt{
    font-size: 32px;
	}
}
#top .dash{
    outline: dashed 1px #ed762b;
}
#top .mv-catch-txt:nth-child(1) .dash{
    padding:0.26em 0.17em 0.46em 0.67em;
}
#top .mv-catch-txt:nth-child(2) .dash{
    padding:0.26em 1em 0.46em;
}
#top .mv-catch-txt:nth-child(3) .dash{
    padding:0.26em 0.66em 0.46em;
}
#top .mv-catch-txt:not(:last-child){
    margin-bottom: 0.41em;
}
.mv-bottomBox{
    position: absolute;
    bottom: 4.28%;
    left: 34px;
}
.mv-bottom-jpn{
    font-size: 3.125vw;
    font-weight: 900;
    margin-bottom: 0.43em;
    letter-spacing: 0.05em;
    color: transparent;
    -webkit-text-stroke: 1px #FFF;
    text-stroke: 1px #FFF;
}
@media screen and (max-width :  1601px ) {
	.mv-bottom-jpn{
    font-size: 32px;
	}
}
.mv-bottom-eng{
    font-size: 4.4791vw;
    font-family: 'Jost', sans-serif;
    font-weight: bold;
    letter-spacing: 0.07em;
    padding-left: 0.41em;
    color: #fff;
}
@media screen and (max-width :  1608px ) {
	.mv-bottom-eng{
    font-size: 72px;
	}
}
/*============================
#news
============================*/
#top-news{
    position: relative;
    padding: 7.81% 0 9.63%;
}
#top-news .secInner{
    position: relative;
    z-index: 30;
}
.top-news-icon01{
    width: 18.75%;
    position: absolute;
    left: 2.6%;
    top: 53.8%;
    z-index: -1
}
.top-news-icon02{
    width: 14.79%;
    position: absolute;
    right: 8.45%;
    top: 24.97%;
    z-index: -1;
}
#top-news .ttlBox{
    margin-bottom: 3%;
}
.news-pickupBox{
    background-color: #fff;
}
.news-pickupBox a{
    display: flex;
    opacity: 1;
}
.news-pickupBox a:hover{
     opacity: 0.8;
}
#top-news .imgBox{
    position: relative;
    width: 50%;
    z-index: 1;
    padding-top: 28.18%;
}
#top-news .imgBox img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.triangle:before{
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 102px 102px 0 0;
    border-color: #ed752b transparent transparent transparent;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 6;
}
.triangle:after{
    content: "PICK UP";
    display: block;
    position: absolute;
    left: 0;
    top:25px;
    font-size: 1.4rem;
    font-family: 'Jost', sans-serif;
    font-weight: 600;
    letter-spacing: 0.15em;
    color: #fff;
    transform: rotate(-45deg);
    z-index: 10;
}
#top-news .textBox{
    position: relative;
    width: 50%;
    padding: 5.83% 4.16%;
    box-sizing: border-box;
    background-color: #f7f6f3;
}
#top-news .textBox:after{
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 22.5px 16px 22.5px 0;
    border-color: transparent #f7f6f3 transparent transparent;
    position: absolute;
    left: -16px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 11;
}
.news-pickup-top{
    align-items: center;
    font-size: 1.4rem;
    margin-bottom: 1.92em;
}
.news-pickup-category{
    font-weight: bold;
    letter-spacing: 0.13em;
    padding: 0.7em 1.28em;
    background-color: #ed752b;
    border-radius: 1.1em;
    color: #fff;
    margin-right: 1.1em;
}
.news-pickup-date{
    font-size: 1.6rem;
    font-weight: 500;
    font-family: 'Jost', sans-serif;
    letter-spacing: 0.1em;
    color: #858585;
}
.news-pickup-ttl{
    font-size: 2rem;
    font-weight: bold;
    color: #ed762b;
    letter-spacing: 0.02em;
    margin-bottom: 1.1em;
    line-height: 1.4;
}
.news-pickup-lead{
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: 0.05em;
    background-color: #fff;
    padding: 1.42em 1em;
    line-height: 2.2;
    color: #ed762b;
}

.other-news-list{
    background-color: #ed762b;
    padding: 4.66%  10.3% 3.66%;
    box-sizing: border-box;
}
.other-news-item{
    font-size: 1.4rem;
}
.other-news-item:not(:last-child){
    margin-bottom: 1.57em;
}
.other-news-item a{
    color: #fff;
    display: flex;
    align-items: center;
}
.other-news-item a:hover{
    opacity: 0.6;
}
.other-news-category{
    width: 11.6em;
    font-weight: bold;
    margin-right: 3.57em;
    letter-spacing: 0.13em;
    color: #ed762b;
    background-color: #fff;
    padding: 0.7em 0;
    box-sizing: border-box;
    text-align: center;
    border-radius: 16px;
}
.other-news-date{
    font-size: 1.6rem;
    width: 6.5em;
    font-family: 'Jost', sans-serif;
    font-weight: 500;
    letter-spacing: 0.1em;
    margin-right: 2.12em;
}
.other-news-txt{
    font-weight: 500;
    padding-bottom: 0.85em;
    border-bottom: dashed 1px #fff; 
    flex: 1;
}
.more_btn{
    width: 25%;
    margin:6.5% auto 0;
}
.more_btn a{
    position: relative;
    font-size: 1.6rem;
    font-weight: 500;
    font-family: 'Jost', sans-serif;
    letter-spacing: 0.25em;
    padding: 1.34em 0;
    text-align: center;
    border: 2px solid #ed762b;
    color: #ed762b;
    background-color: #fff;
    display: block;
}
.more_btn a:after{
    content: "";
    display: block;
    width: 6px;
    height: 11px;
    position: absolute;
    top: 50%;
    right: 25%;
    transform: translateY(-50%);
    background: url("../image/SP/arrow-og.svg") no-repeat center top;
    background-size: contain;
}
.more_btn a:hover{
    background-color: #ed762b;
    color: #fff;
}
/*--------------------------------------------

	concept

--------------------------------------------*/
#top-concept{
    position: relative;
    padding:7.91%  0 7.18%;
    background-color: #f7f6f3;
}
#top-concept .scroll-text{
    right: 7.39%;
}
#top-concept .secInner{
    position: relative;
    z-index: 30;
}
#top-concept .ttlBox{
    margin-bottom: 3%;
}
#top-concept .slick-dotted.slick-slider{
    margin-bottom: 5.33%;
}
.concept-slider .slick-slide{
    margin-right: 10px;
}
.concept-slider .slick-dots{
    bottom: -32px;
    right: 16.83%;
    width: auto;
}
.concept-slider .slick-dots li{
    height: auto;
    width: auto;
    margin: 0;
}
.concept-slider .slick-dots li button{
    background: #fff;
    display: block;
    height: 3px;
    width: 36px;
    padding: 0;
}
.concept-slider .slick-dots li button:before{
    content: "";
    width: 36px;
    height: 3px;
    background-color: #fff;
}
.concept-slider .slick-dots li.slick-active button:before{
    background-color: #ed762b;
}
.concept-slider .slick-prev{
    display: none;
}
.concept-slider .slick-prev:before{
    display: none;
}
.concept-slider .slick-next{
    right: 12.5%;
    width: 88px;
    height: 88px;
    background-color: #ed762b;
    z-index: 20;
}
.concept-slider .slick-next:before{
    content: "";
    display: block;
    background: url("../image/PC/slick-arrow.svg") no-repeat center top;
    background-size: contain;
    width: 8px;
    height: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.concept-catch{
    display: inline-block;
    font-size: 1.666vw;
    font-weight: 900;
    letter-spacing: 0.08em;
    padding-bottom: 0.45em;
    border-bottom: 1px dashed #ed762b;
    color: #ed762b;
    margin-bottom: 1.13em;
}
@media screen and (max-width :  1681px ) {
	.concept-catch{
    font-size: 28px;
	}
}
#top-concept .plane-01{
    color: #ed762b;
}
#top-concept .plane-01:not(:last-child){
    margin-bottom: 2.5em;
}
/*--------------------------------------------

top-brandlist

--------------------------------------------*/
#top-brandlist{
    padding: 7.44% 0 ;
    background-color: #ed762b;
    color: #fff;
}
#top-brandlist .ttlBox{
    margin-bottom: 4%;
}
#top-brandlist .ttl-jpn{
    -webkit-text-stroke: 1px #fff;
    text-stroke: 1px #fff;
}
#top-brandlist .ttl-eng{
   color: #fff;
    margin-bottom: 1.49em;
}
.ttl-tex{
    font-size: 1.4rem;
    font-weight: bold;
    letter-spacing: 0.2em;
    line-height: 2.1;
}
.brand-Box-cate{
    display: inline-block;
    font-size: 1.8rem;
    letter-spacing: 0.05em;
    font-family: 'Jost', sans-serif;
    font-weight: bold;
    padding: 0.45em 1.55em;
    margin-bottom: 1em;
    border: 1px dashed #fff;
}
.brand-Box-wrap:not(:last-child){
    margin-bottom: 4.16%;    
}
.brand-Box{
    flex-wrap: wrap;
}
.brand-item{
    width: 24.5%;
    background-color: #fff;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
}
.brand-item:not(:nth-child(4n)){
    margin-right: 0.65%;
}
.brand-item:nth-child(n + 5){
    margin-top: 0.65%;
}
#top-brandlist .notes{
    font-size: 2rem;
    letter-spacing: 0.2em;
    font-weight: 600;
    font-family: 'Jost', sans-serif;
    margin-top: 2.85em;
    text-align: right;
}
/*============================
#top-newitem
============================*/
#top-newitem{
    padding: 7.18% 0 7.29%;
}
#top-newitem .secInner{
    position: relative;
    z-index: 30;
}
#top-newitem .ttlBox{
    margin-bottom: 7.25%;
}
.insta-list{
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: repeat(auto-fit,19.1%);
    grid-column-gap: 1.125%;
    grid-row-gap: 2.75%;
}
.insta-item{
}
.insta-list li a:hover{
    opacity: 0.6;
}
.insta-follow{
    text-align: right;
    margin-top: 7.33%;
}
.insta-follow a{
    width: 18.62em;
    font-size: 1.6rem;
    font-family: 'Jost', sans-serif;
    font-weight: 600;
    letter-spacing: 0.25em;
    color: #fff;
    padding: 1.06em 1em 1.06em 3.75em;
    box-sizing: border-box;
   background-color: #ed762b;
    text-align: left;
}
.insta-follow a:hover{
    opacity: 0.6;
}
.insta-follow .insta-icon{
    position: relative;
    padding-right: 2em;
}
.insta-follow .insta-icon:after{
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    background: url("../image/PC/insta-wh.svg") no-repeat center top;
    background-size: 18px;
}
#top-newitem .notes{
    text-align: right;
    margin-top: 2.14em;
    font-size: 1.4rem;
    letter-spacing: 0.2em;
    font-weight: bold;
    color: #858585;
}
/*============================
#top-access
============================*/
#top-access{
    position: relative;
    padding: 6.45% 0 13.5%;
    background-color: #f7f6f3;
}
#top-access .secInner{
    position: relative;
    z-index: 10
}
.top-access-icon01{
    position: absolute;
    width: 19.5%;
    top: 35%;
    left: -10.1%;
    z-index: -1;
}
.top-access-icon02{
    position: absolute;
    width: 32.6%;
    bottom: -10.8%;
    right: -12.5%;
    z-index: -1;
}

#top-access .scroll-text{
    left: 7.03%;
}
#top-access .ttlBox{
    text-align: center;
    margin-bottom: 8.33%;
}
.shop-info:not(:last-child){
    margin-bottom: 3.5%;
}
#top-access .imgBox{
    padding-top: 29.15%;
    position: relative;
}
#top-access .imgBox img{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
}
#top-access .imgBox,
#top-access .textBox{
    width: 50%;
}
.shop-tyayamachi .textBox,
.shop-tenma .textBox{
    position: relative;
    padding: 5% 6.5%;
    box-sizing: border-box;
    line-height: 1.4;
}
.shop-tyayamachi .textBox:after,
.shop-tenma .textBox:after{
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 22.5px 16px 22.5px 0;
    border-color: transparent #ed762b transparent transparent;
    position: absolute;
    left: -16px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 11;
}
.shop-tenma .textBox:after{
    border-color: transparent #fff transparent transparent;
}
.shop-tyayamachi .textBox{
    background-color: #ed762b;
    color: #fff;
}
.shop-tenma .textBox{
    background-color: #fff;
    color: #ed762b;
}
.shop-name{
    width: 8.72em;
    font-size: 1.8rem;
    font-weight: 500;
    letter-spacing: 0.18em;
    padding: 0.388em 0;
    margin-bottom: 1.83em;
    text-align: center;
}
.shop-tyayamachi .shop-name{
    color: #ed762b;
    background-color: #fff;
}
.shop-tenma .shop-name{
    color: #fff;
    background-color: #ed762b;
}
.shop-guide{
    display: flex;
    font-size: 1.6rem;
}
.shop-guide:not(:last-child){
    margin-bottom: 1.5em;
}
.shop-label{
    width: 116px;
    letter-spacing: 0.19em;
    font-family: 'Jost', sans-serif;
    font-weight: 500;
}
.shop-field{
    flex: 1;
    letter-spacing: 0.1em;
    line-height: 1.4;
}
/*============================
#mv
============================*/
#news #contents{
    position: relative;
}
#news .scroll-text{
    right: 7.39%;
}
#news .mv-bg{
    background: url("../image/PC/news-mainimage.jpg") no-repeat center top;
    background-size: cover;
    padding-top: 23.12%;
  }
#news .mv-catchBox{
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    color: #fff;
}

.under .mv-ttl-jpn{
    font-size: 1.3541vw;
    font-weight: 900;
    letter-spacing: 0.05em;
    margin-bottom: 0.69em;
}
@media screen and (max-width :  1625px ) {
	.under .mv-ttl-jpn{
    font-size: 28px;
	}
}
.under .mv-ttl-eng{
    font-family: 'Jost', sans-serif;
    font-size: 3.7239vw;
    font-weight: bold;
    letter-spacing: 0.07em;

}
@media screen and (max-width :  1342px ) {
	.under .mv-ttl-eng{
    font-size: 50px;
	}
}
/*============================
#pickup
============================*/
#news-pickup{
    padding: 6.77% 0 1.95%;
    background-color: #f7f6f3;
}
#news-pickup .secInner{
    position: relative;
    z-index: 30;
}
#news-pickup .ttlBox{
    margin-bottom: 1.875%;
}
.pick-up-slider{
}
#news-pickup .slick-dotted.slick-slider{
    margin-bottom: 3.33%;
}
.pick-up-slider .slick-dots{
    bottom: -40px;
}
.pick-up-slider .slick-dots li.slick-active button:before{
    color: #ed762b;
}
.pickup-item{
}
.flex.news-pickupBox a{
    display: flex;
}
#news-pickup .imgBox,
#news-pickup .textBox{
    width: 50%;
}
#news-pickup .imgBox{
    position: relative;
    z-index: 1;
    padding-top: 28.18%;
}
#news-pickup .imgBox img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#news-pickup .textBox{
    position: relative;
    background-color: #ed762b;
    color: #fff;
    padding: 5.83% 4.16%;
    box-sizing: border-box;
}
#news-pickup .textBox:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 22.5px 16px 22.5px 0;
    border-color: transparent #ed762b transparent transparent;
    position: absolute;
    left: -16px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 11;
}
#news-pickup .news-pickup-category{
    color: #ed752b;
    background-color: #fff;
}
#news-pickup .news-pickup-date{
    color: #fff;
}
#news-pickup .news-pickup-ttl{
    color: #fff;
}
/*============================
#news-list
============================*/
#news-list{
    padding: 1.95% 0 8.02%;
    background-color: #f7f6f3;
    position: relative;
}
#news-list .secInner{
    position: relative;
    z-index: 30;
}
#news-list .ttlBox{
    margin-bottom: 3%;
}
.news-list-wrap{
    position: relative;
    background-color: #fff;
    padding: 7.5% 12.5% 8.16%;
    box-sizing: border-box;
}
.news-list-icon01,
.news-list-icon02,
.news-list-icon03{
    position: absolute;
    z-index: -1
}
.news-list-icon01{
    width: 30%;
    top: 9.75%;
    left: -20.8%;
}
.news-list-icon02{
    width: 21.8%;
    bottom: -6.3%;
    left: -12.8%;
    transform: rotate(-55deg);
}
.news-list-icon03{
    width: 25.8%;
    right:  -17.4%;
    top: 50%;
}
.news-category{
    justify-content: center;
    margin-bottom: 9.44%;
}
.news-category-list {
    width: 18.22%;
}
.news-category-list a{
    font-size: 1.4rem;
    font-weight: bold;
    padding: 1em;
    color: #ed762b;
    border: 1px solid #ed762b;
    border-radius: 1.57em;
    text-align: center;
    display: block;
    letter-spacing: 0.13em;
}
.news-category-list a:hover{
    color: #fff;
    background-color: #ed762b;
}
.news-category-list:not(:last-child){
    margin-right: 3.33%;
}
.news-archive-list{
    flex-wrap: wrap;
}
.news-archive-item{
    width: 32%;
}
.news-archive-item:not(:nth-child(3n)){
    margin-right: 2%;
}
.news-archive-item:nth-child(n + 4){
    margin-top: 6.66%;
}
.news-archive-item a:hover{
    opacity: 0.6;
}
.news-archive-item .imgBox{
    position: relative;
    padding-top: 100%;
}
.news-archive-item .imgBox img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.news-archive-item .textBox{
    margin-top: 8.33%;
}
.news-archive-date{
    font-size: 1.6rem;
    font-weight: 500;
    font-family: 'Jost', sans-serif;
    letter-spacing: 0.15em;
    color: #ed762b;
}
.news-archive-category{
    font-size: 1.4rem;
    font-weight: bold;
    color: #fff;
    background-color: #ed762b;
    width: 11.7em;
    padding:0.71em 0;
    box-sizing: border-box;
    border-radius: 1.14em;
    text-align: center;
    margin-top: 0.92em;
}
.news-archive-ttl{
	 font-size: 1.8rem;
    font-weight: bold;
    color: #ed762b;
    letter-spacing: 0.02em;
    margin-top: 0.5em;
    line-height: 1.4;
}
.news-archive-txt{
    margin-top: 1em;
    font-size: 1.4rem;
    letter-spacing: 0.05em;
    line-height: 1.9;
}
.wp-pagenavi{
    margin-top: 8%;
    text-align: center;
}
.wp-pagenavi .page,
.wp-pagenavi .current ,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink,
.wp-pagenavi .last{
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 1.6rem;
    color: #c5c9ca;
    border-radius: 50%;
    border: 1px solid #c5c9ca;
    padding: 0.337em 0;
    box-sizing: border-box;
    margin-right: 0.68em;
}
.wp-pagenavi .current,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .last{
    display: inline-block;
    color: #ed762b; 
    border-color:#ed762b;
    margin-right: 0.68em;
}
.wp-pagenavi .current, .wp-pagenavi a:hover{
    color: #ed762b; 
    border-color:#ed762b;
}
.wp-pagenavi .larger{
    
}
.wp-pagenavi .nextpostslink{
}
.wp-pagenavi .last{
}
/*============================
#mv
============================*/
#news-single #mv{
    background: url("../image/PC/qt_logo-bg.jpg") repeat center;
    background-size: 60px;
}
#news-single .mv-inner{
    padding: 4.68% 4.79% 15.5%;
}
#news-single  .mv-catchBox{
    position: absolute;
    left: 50%;
    top: 27.2%;
    transform: translateX(-50%);
    color: #fff;
}
/*============================
#news-single-start
============================*/
#news-single-start{
    position: relative;
    background-color: #f7f6f3;
    padding: 7.65% 0;
    z-index: 1;
}
.news-single-icon01,
.news-single-icon02{
    position: absolute;
    z-index: -1
}
.news-single-icon01{
    width: 18.75%;
    top: 19.8%;
    left: 4.4%;
}
.news-single-icon02{
    width:16%;
    bottom: 4.65%;
    right: 6.4%;
}
#news-single-start .secInner{
    margin-top: -9.89%;
}
.news-single-bg{
    background: url("../image/PC/square-bg.png") repeat center;
    background-size: 62px;
    padding: 9% 13% 5.68%;
}
.news-single-wrap{
    color: #ed762b;
    box-sizing: border-box;
    flex-wrap: wrap;
}
#news-single-start .ttlBox{
    margin-bottom: 5.07%;
    width: 100%;
    font-size: 2.5rem;
}
#news-single-start .ttlBox-top{
    align-items: center;
    font-size: 1.4rem;
    margin-bottom: 2.4em;
}
.single-category{
    width: 22.3%;
    font-weight: bold;
    padding: 0.61em;
    color: #fff;
    border-radius: 1.57em;
    text-align: center;
    display: block;
    letter-spacing: 0.13em;
    margin-right: 1.14em;
    background-color: #ed762b;
}
.single-date{
    font-size: 1.6rem;
    font-family: 'Jost', sans-serif;
    font-weight: 500;
    letter-spacing: 0.1em;
}
.single-ttl{
	display:inline-block;
	 padding-bottom: 0.5em;
    border-bottom: 2px solid #ed762b;
    font-weight: bold;
    letter-spacing: 0.02em;
}
.news-contents{
    width: 71.1%;
    margin-right: 9.5%;
}
#news-single-start .textBox img{
	height:auto;
}
#news-single-start .textBox p{
    letter-spacing: 0.05em;
    line-height: 2;
}
#news-single-start .textBox p:nth-child(n+2){
	margin-top:1.6em;
}
#news-single-start .textBox  a{
	word-break:break-all;
	color:#ed762b;
	text-decoration:underline;
}
.flex.page-list{
    margin-top: 7%;
    justify-content: center;
}
.page-item{
width: 19.2%;
}
.page-item:not(:last-child){
    margin-right: 10px;
}
.page-back{
    width: 13.66%;
    margin: 5% auto 0;
}
.page-item a,
.page-back a{
    display: block;
    font-size: 1.4rem;
    letter-spacing: 0.13em;
    font-weight: bold;
    padding: 1em;
    text-align: center;
    border-radius: 1.57em;
}
.page-item a{
    position: relative;
    border: 1px solid #b8b8b8;
    color: #b8b8b8;
    background-color: transparent;
}
.page-prev a:after,
.page-next a:after{
    content: "";
    display: block;
    width: 4px;
    height: 8px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.page-prev a:after{
    background-image: url("../image/PC/news-prev.svg");
    left: 17%;
}
.page-next a:after{
    background-image: url("../image/PC/news-next.svg");
    right: 17%;
}
.page-item a:hover{
    background-color: #b8b8b8;
    color: #fff;
}
.page-back a{
    color: #fff;
    background-color: #ed762b;
    display: block;
    letter-spacing: 0.13em;
    border: 1px solid #ed762b;
}
.page-back a:hover{
    background-color: #fff;
    color: #ed762b;
}
.news-side{
    flex: 1;
}
#news .news-side-cate {
    width: 18.5%;
    font-size: 1.4rem;
}
.news-side-cate　{
	width:100%;
}
#news .news-side-cate:not(:first-child){
	margin-left:2.2%;
}
#news-single-start.news-side-cate{
	margin-left:0;
}
#news-single-start .news-side-cate:not(:last-child){
    margin-bottom: 2em;
}
.news-side-cate a{  
    font-weight: bold;
    padding: 1em;
    color: #ed762b;
    border: 1px solid #ed762b;
    border-radius: 1.57em;
    text-align: center;
    display: block;
    letter-spacing: 0.13em;
}
.news-side-cate a:hover,.news-side-cate.current a{
    color: #fff;
    background-color: #ed762b;
}
#news .news-list-taxonomy {
	padding-top:7.91%;
}