/*==============================================================================*/
/*========================== PilloBO（ピロボ）とは　==========================*/
/*==============================================================================*/

.pillobo-about-body{
padding-top:80px;
}
@media screen and (min-width:992px) {
.pillobo-about-body{
padding-top:80px;
}
}

.pillobo-about-body .about-textarea-1{
color: #999;
font-size: 16px;
}
.pillobo-about-body .about-textarea-2{
color: #5C5C5C;
font-size: 14px;
}
.pillobo-about-body .about-textarea-3{
color: #5C5C5C;
font-size: 14px;
}
.pillobo-about-body .about-textarea-4{
color: #5C5C5C;
font-size: 14px;
}
.pillobo-about-body .about-textarea-5{
color: #5C5C5C;
font-size: 14px;
}
.pillobo-about-body .about-textarea-5 a{
color: #5C5C5C;
text-decoration: none;
}
.pillobo-about-body .about-textarea-5 a:hover{
color: #5C5C5C;
text-decoration: underline;
}
.pillobo-about-body .about-textarea-5 a:visited{
color: #5C5C5C;
text-decoration: none;
}
.pillobo-about-body .about-textarea-5 a:active{
color: #5C5C5C;
text-decoration: none;
}

@media screen and (min-width:992px) {
.pillobo-about-body .about-textarea-1{
text-align: center;
font-size: 24px;
letter-spacing: 0.2rem;
}
.pillobo-about-body .about-textarea-2{
font-size: 18px;
letter-spacing: 0.2rem;
}
.pillobo-about-body .about-textarea-3{
font-size: 18px;
letter-spacing: 0.1rem;
}
.pillobo-about-body .about-textarea-4{
font-size: 18px;
letter-spacing: 0.1rem;
}
.pillobo-about-body .about-textarea-5{
font-size: 18px;
letter-spacing: 0.1rem;
}
}
.pillobo-about-body .accordion-item span{
color: #C50307;
font-weight: bold;
margin-right: 1rem;
}


/*==============================================================================*/
/*========================== pillow.jpとは　==========================*/
/*==============================================================================*/

.pillobo-pillowjp-body{
padding-top:80px;
}
@media screen and (min-width:992px) {
.pillobo-pillowjp-body{
padding-top:80px;
}
}

.pillobo-pillowjp-body .pillowjp-textarea-1{
color: #999;
font-size: 16px;
}
.pillobo-pillowjp-body .pillowjp-textarea-2{
font-size: 14px;
color: #5C5C5C;
}
.pillobo-pillowjp-body .pillowjp-textarea-3{
font-size: 14px;
color: #5C5C5C;
}
.pillobo-pillowjp-body .pillowjp-textarea-4{
font-size: 14px;
color: #5C5C5C;
}
.pillobo-pillowjp-body .pillowjp-textarea-5{
font-size: 14px;
color: #5C5C5C;
}
.pillobo-pillowjp-body .pillowjp-textarea-6{
font-size: 14px;
color: #5C5C5C;
}
@media screen and (min-width:992px) {
.pillobo-pillowjp-body .pillowjp-textarea-1{
text-align: center;
font-size: 24px;
letter-spacing: 0.2rem;
}
.pillobo-pillowjp-body .pillowjp-textarea-2{
font-size: 18px;
letter-spacing: 0.2rem;
}
.pillobo-pillowjp-body .pillowjp-textarea-3{
font-size: 18px;
letter-spacing: 0.2rem;
}
.pillobo-pillowjp-body .pillowjp-textarea-4{
font-size: 18px;
letter-spacing: 0.2rem;
}
.pillobo-pillowjp-body .pillowjp-textarea-5{
font-size: 18px;
letter-spacing: 0.2rem;
}
.pillobo-pillowjp-body .pillowjp-textarea-6{
text-align: center;
font-size: 18px;
letter-spacing: 0.2rem;
}
}



/*==============================================================================*/
/*========================== FAQ（よくあるご質問）　==========================*/
/*==============================================================================*/

.pillobo-faq-body .accordion-item h3 button{
text-align: left;
}
.pillobo-faq-body .accordion-item h3 button:before{
    font-family: "Font Awesome 5 Free";
    content: '\f059';
    font-weight: 900;
    color: #1B85B5;
    padding-right: 0.5em;
    font-size: 1.5em;
}

.pillobo-faq-body .accordion-item .accordion-body{
    padding-left: 3em;
    position: relative;
}

.pillobo-faq-body .accordion-item .accordion-body:before{
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    content: '\f3e5';
    font-weight: 900;
    color: #C50307;
    /*padding-right: 0.5em;*/
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    position: absolute;
    left: 1em;
    font-size: 1.2em;
}

.pillobo-faq-body .accordion-item .kanren-faq{
    padding:10px;
    margin-top:1em;
    background:#f2f2f2;
    border-radius:5px;
    font-size:0.9em;
}

.pillobo-faq-body .accordion-item .kanren-faq h4{
    font-size:1em;
}

.pillobo-faq-body .accordion-item .kanren-faq h4:before{
    font-family: "Font Awesome 5 Free";
    content: '\f0c1';
    font-weight: 900;
    padding-right: 0.5em;
}

.pillobo-faq-body .accordion-item .kanren-faq ul{
    padding-left: 1.5em;
}

.pillobo-faq-body .accordion-item .kanren-faq li{
    list-style: none;
    position: relative;
}

.pillobo-faq-body .accordion-item .kanren-faq li:before{
    font-family: "Font Awesome 5 Free";
    content: '\f054';
    font-weight: 900;
    padding-right: 0.5em;
    display: inline-block;
    position: absolute;
    left: -1em;
}

/*
.pillobo-faq-body .accordion-item h3 b{
color: #1B85B5;
font-weight: bold;
margin-right: 1rem;
}*/
/*
.pillobo-faq-body .accordion-item .accordion-body b{
color: #C50307;
font-weight: bold;
margin-right: 1rem;
}*/


/*==============================================================================*/
/*========================== 運営会社（会社紹介）　==========================*/
/*==============================================================================*/

.pillobo-company-body{
padding-top:80px;
}
@media screen and (min-width:992px) {
.pillobo-company-body{
padding-top:80px;
}
}

.pillobo-company-body .company_section {
border-bottom: #1e3863 1px dashed;
padding: 10px 0;
}
.pillobo-company-body .company_section_title{
color: #577ab1;
font-size: 14px;
font-weight: 600;
line-height: 28px;
}
.pillobo-company-body .company_section_contents{
color: #313131;
font-size: 14px;
font-weight: 300;
line-height: 28px;
}
.pillobo-company-body .company_section_contents a{
color: #313131;
text-decoration: none;
}
.pillobo-company-body .company_section_contents a:hover{
color: #313131;
text-decoration: underline;
}
.pillobo-company-body .company_section_contents a:visited{
color: #313131;
text-decoration: none;
}
.pillobo-company-body .company_section_contents a:active{
color: #313131;
text-decoration: none;
}


.pillobo-company-body .company_section_contents img{
float: left;
width: 25%;
}
.pillobo-company-body .company_section_contents2{
color: #313131;
font-size: 14px;
line-height: 28px;
}
.pillobo-company-body .company_section_contents2 img{
width: 25%;
margin: 20px 0;
}
@media screen and (min-width:992px) {
.pillobo-company-body .company_section_title{
font-size: 16px;
}
.pillobo-company-body .company_section_contents{
font-size: 16px;
}
.pillobo-company-body .company_section_contents2{
font-size: 16px;
}
}


/*==============================================================================*/
/*=============================== 利用規約　===============================*/
/*==============================================================================*/

.pillobo-kiyaku-body{
padding-top:75px;
}
@media screen and (min-width:992px) {
.pillobo-kiyaku-body{
padding-top:67px;
}
}
.pillobo-kiyaku-body .title_section {
color: #000000;
font-feature-settings: 'palt';
font-size: 16px;
font-weight: 400;
line-height: 28px;
margin: 50px 0 0;
}
.pillobo-kiyaku-body .paragraph_article {
color: #313131;
font-size: 12px;
line-height: 1.8;
margin: 20px 0 0;
}
.pillobo-kiyaku-body .list_namber {
color: #313131;
font-size: 12px;
line-height: 1.8;
margin: 5px 0 40px;
padding-left: 20px;
}
@media screen and (min-width:992px) {
.pillobo-kiyaku-body .title_section {
font-size: 26px;
line-height: 38px;
margin: 80px 0 0;
}
.pillobo-kiyaku-body .paragraph_article {
color: #313131;
font-size: 16px;
line-height: 2;
margin: 30px 0 0;
}
.pillobo-kiyaku-body .list_namber {
color: #313131;
font-size: 16px;
line-height: 2;
margin: 5px 0 40px;
padding-left: 20px;
}
}


/*==============================================================================*/
/*=============================== プライバシーポリシー　===============================*/
/*==============================================================================*/

.pillobo-privacy-body{
padding-top:75px;
}
@media screen and (min-width:992px) {
.pillobo-privacy-body{
padding-top:67px;
}
}
.pillobo-privacy-body .title_section {
color: #000000;
font-feature-settings: 'palt';
font-size: 16px;
font-weight: 400;
line-height: 28px;
margin: 50px 0 0;
}
.pillobo-privacy-body .paragraph_article {
color: #313131;
font-size: 12px;
line-height: 1.8;
margin: 20px 0 0;
}
.pillobo-privacy-body .list_namber {
color: #313131;
font-size: 12px;
line-height: 1.8;
margin: 5px 0 40px;
padding-left: 20px;
}
@media screen and (min-width:992px) {
.pillobo-privacy-body .title_section {
font-size: 26px;
line-height: 38px;
margin: 80px 0 0;
}
.pillobo-privacy-body .paragraph_article {
color: #313131;
font-size: 16px;
line-height: 2;
margin: 30px 0 0;
}
.pillobo-privacy-body .list_namber {
color: #313131;
font-size: 16px;
line-height: 2;
margin: 5px 0 40px;
padding-left: 20px;
}
}




/*==============================================================================*/
/*========================== お買い物ガイド　==========================*/
/*==============================================================================*/

.shoppingguide-body{
padding-top:75px;
}

.shoppingguide-body .kugiri{
	margin: 2em 0;
}

.shoppingguide-body h4{
	margin-top: 1em;
}

.shoppingguide-body .paragraph_article {
color: #313131;
/*font-size: 12px;*/
line-height: 1.8;
margin: 5px 0 0;
}
.shoppingguide-body .list {
color: #313131;
/*font-size: 12px;*/
line-height: 1.8;
margin: 5px 0 0;
padding-left: 20px;
}
.shoppingguide-body .soryo-table{
	width: 100%;
}

@media screen and (min-width:992px) {
	.shoppingguide-body{
		padding-top:67px;
	}
	.shoppingguide-body .paragraph_article {
	/*font-size: 16px;*/
	line-height: 2;
	margin: 5px 0 0;
	}
	.shoppingguide-body .list {
	/*font-size: 16px;*/
	line-height: 2;
	}
	.shoppingguide-body .soryo-table{
		width: auto;
	}

}




/*==============================================================================*/
/*========================== プレス・メディアの皆様へ　==========================*/
/*==============================================================================*/

.media-body{
padding-top:75px;
}

.media-body .paragraph_article {
color: #313131;
line-height: 1.8;
margin: 5px 0 0;
}

.media-body .list {
color: #313131;
line-height: 1.8;
margin: 5px 0 0;
padding-left: 20px;
}


@media screen and (min-width:992px) {
	.media-body{
		padding-top:67px;
	}
	.media-body .paragraph_article {
	line-height: 2;
	margin: 5px 0 0;
	}
	.media-body .list {
	line-height: 2;
	}
}









/*==============================================================================*/
/*=============================== リリースキャンペーン　===============================*/
/*==============================================================================*/

.pillobo-release-body{
padding-top:75px;
}
@media screen and (min-width:992px) {
.pillobo-release-body{
padding-top:67px;
}
}

.pillobo-release-body .release-textarea-1{
color: #999;
font-size: 16px;
}
.pillobo-release-body .release-textarea-2{
color: #5C5C5C;
font-size: 14px;
}
.pillobo-release-body .release-textarea-3{
color: #5C5C5C;
font-size: 14px;
}
.pillobo-release-body .release-textarea-4{
color: #5C5C5C;
font-size: 14px;
}
.pillobo-release-body .release-textarea-5{
color: #5C5C5C;
font-size: 14px;
}
.pillobo-release-body .release-textarea-5 span{
font-size: 22px;
margin-right: 10px;
}
.pillobo-release-body .release-textarea-6{
text-align: center;
color: #5C5C5C;
font-size: 14px;
}
.pillobo-release-body .release-textarea-7{
color: #5C5C5C;
font-size: 10px;
}

@media screen and (min-width:992px) {
.pillobo-release-body .release-textarea-1{
text-align: center;
font-size: 24px;
letter-spacing: 0.2rem;
}
.pillobo-release-body .release-textarea-2{
font-size: 18px;
letter-spacing: 0.2rem;
}
.pillobo-release-body .release-textarea-3{
font-size: 18px;
letter-spacing: 0.1rem;
line-height: 2;
}
.pillobo-release-body .release-textarea-4{
font-size: 18px;
letter-spacing: 0.1rem;
}
.pillobo-release-body .release-textarea-5{
font-size: 18px;
letter-spacing: 0.1rem;
}
.pillobo-release-body .release-textarea-5 span{
font-size: 26px;
margin-right: 10px;
}
.pillobo-release-body .release-textarea-6{
font-size: 18px;
letter-spacing: 0.1rem;
}
.pillobo-release-body .release-textarea-7{
font-size: 14px;
letter-spacing: 0.1rem;
}
}


/*==============================================================================*/
/*=============================== 共通　===============================*/
/*==============================================================================*/

/*フェードイン*/
.fadein-text {
animation-name: fadein;
animation-duration: 3s;
}
@keyframes fadein {
from {
opacity: 0;
transform: translateY(50px);
}
to {
opacity: 1;
transform: translateY(0);
}
}