@charset "utf-8";

/* =========================================
   News SP
========================================= */

@media screen and (max-width: 767px) {

.news-list {
	padding-bottom: 120px;
}

.news_item_wrap {
    padding-top: 140px;
    padding-bottom: 40px;
}

.news-item {
	width: min(100% - 16.15%, 1200px);
}

.news-item__date {
    font-size: 0.9rem;
    margin-bottom: 10px;
}

.news-item__title {
	font-size: 1rem;
	line-height: 1.7;
	padding-bottom: 12px;
	margin-bottom: 24px;
}

.news-item__body {
	display: block;
}

.news-item__image {
    min-width: auto;
    margin: 0 auto 24px;
    padding: 20px;
}

.news-item__image img {
	width: 100%;
	height: auto;
	display: block;
}

.news-item__text p {
    font-size: 0.9rem;
    line-height: 1.6;
}

.news-item__text p + p {
	margin-top: 1em;
}



/* =========================================
 イラストデコ関連
========================================= */



/* =============================
NEWS パターンwrap
=============================*/


.deco-pattern-wrap .deco--wrap01 {
	width: 80px;
	right: 20px;
    bottom: 50px;
    rotate: 16deg;
}

.deco-pattern-wrap .deco--wrap02 {
    width: 70px;
    left: 160px;
    bottom: 30px;
    rotate: 5deg;
}

.deco-pattern-wrap .deco--wrap03 {
    width: 70px;
    left: 10px;
    bottom: 40px;
    rotate: 24deg;
}




/* =============================
NEWS パターン01
=============================*/
	
.news_item_wrap.deco-pattern-01 .deco--01 {
    top: 40px;
    left: -10px;
    width: 80px;
    rotate: -16deg;
}

.news_item_wrap.deco-pattern-01 .deco--02 {
    top: 30px;
    left: 38%;
    width: 60px;
    rotate: 5deg;
}

.news_item_wrap.deco-pattern-01 .deco--03 {
    top: 40px;
    left: auto;
    width: 60px;
    rotate: -24deg;
    bottom: auto;
    display: inherit;
    right: 20px;
}

/* 非表示 */

.news_item_wrap.deco-pattern-01 .deco--04,
.news_item_wrap.deco-pattern-01 .deco--05,
.news_item_wrap.deco-pattern-01 .deco--06{
    display:none;
}



/* =============================
NEWS パターン02
=============================*/
.news_item_wrap.deco-pattern-02 .deco--01 {
    top: 40px;
    left: -8px;
    width: 100px;
    rotate: -16deg;
}

.news_item_wrap.deco-pattern-02 .deco--02 {
    top: 0px;
    left: 35%;
    width: 100px;
    rotate: 5deg;
}

.news_item_wrap.deco-pattern-02 .deco--03 {
    left: auto;
    top: 70px;
    width: 120px;
    rotate: 24deg;
    bottom: auto;
    right: 10px;
    display: inherit;
}

.news_item_wrap.deco-pattern-02 .deco--04,
.news_item_wrap.deco-pattern-02 .deco--05,
.news_item_wrap.deco-pattern-02 .deco--06{
    display:none;
}


/* =============================
NEWS パターン03
=============================*/
.news_item_wrap.deco-pattern-03 .deco--01 {
    top: 0px;
    left: -0px;
    width: 100px;
    rotate: -16deg;
}

.news_item_wrap.deco-pattern-03 .deco--02 {
    top: 0px;
    left: 40%;
    width: 60px;
    rotate: 40deg;
}

.news_item_wrap.deco-pattern-03 .deco--03 {
    left: auto;
    top: 40px;
    width: 70px;
    rotate: 24deg;
    bottom: auto;
    right: 24px;
    display: inherit;
}

.news_item_wrap.deco-pattern-03 .deco--04,
.news_item_wrap.deco-pattern-03 .deco--05,
.news_item_wrap.deco-pattern-03 .deco--06{
    display:none;
}



}