/*
Theme Name:SPREAD WORKS THEME
Theme URI:
Description:
Author: SPREAD WORKS Inc.
Version: 1.0
License:
License
Tags:


*/
.sw-btn-white-pink {
    border: solid 1px #e5006e;
    color: #e5006e;
}
.sw-btn-white-pink::before {
    background: #fcb9d9;
	z-index: -1;
}
.sw-btn-white-pink:hover {
   color: #e5006e;
}

.sw-btn-white-orange {
    border: solid 1px #f5ae7c;
    color: #000;
	font-weight:bold;
}
.sw-btn-white-orange::before {
    background: #f6ae7c;
	z-index: -1;
}
.sw-btn-white-orange:hover {
   color: #000;
}

.sw-btn-wrap{
    white-space: inherit;
    padding: .375rem .25rem;
}

.nmt40{margin-top: -40px;}

.mb40-xs20{margin-bottom: 40px;}
@media screen and (max-width: 991px) {
    .mb40-xs20{margin-bottom: 20px;}
}


.sw-4th-block-topics .sw-page-topics-list-title{
    color: #000;
    border-bottom: 1px solid;
}
.sw-4th-block-topics .sw-page-topics-list-title:hover{
    color: #999;
    border-bottom: 1px solid #999;
    transition: 0.2s;
}

.mp-a{padding: 1vmin 2vmin 1vmin !important; margin: 0 -1.6vmin !important;}
@media screen and (max-width: 991px) {
    .mp-a{padding: 1vmin 2vmin 1vmin !important; margin: 0 -1.5vmin !important;}
}

/* .scroll-topics-a{height: 650px; overflow: hidden; margin-bottom: 4vmin;} */
.scroll-topics-b{height: 500px; overflow-y: scroll; margin: 4vh auto!important;}
.scroll-topics-c{padding: 2vmin 1vmin!important;}
@media screen and (max-width: 991px) {
    /* .scroll-topics-a{height: 450px; overflow: hidden; margin-bottom: 2vmin;} */
    .scroll-topics-b{height: 450px; overflow-y: scroll; margin: 2vh auto!important;}
    .scroll-topics-c{padding: 2vmin 1vmin!important;}
}
@media screen and (max-width: 767px) {
    /* .scroll-topics-a{height: 400px; overflow: hidden; margin-bottom: 2vmin;} */
    .scroll-topics-b{height: 400px; overflow-y: scroll; margin: 2vh auto!important;}
}
@media screen and (max-width: 575px) {
    /* .scroll-topics-a{height: 300px; overflow: hidden; margin-bottom: 2vmin;} */
    .scroll-topics-b{height: 300px; overflow-y: scroll; margin: 2vh auto!important;}
}

.h100vh{height: 100vh!important;}
/* .h110vmin{height: 110vmin!important;}
@media screen and (max-width: 991px) {
    .h110vmin{height: 105vmin!important;}
}
@media screen and (max-width: 767px) {
    .h110vmin{height: 110vmin!important;}
}
@media screen and (max-width: 685px) {
    .h110vmin{height: 120vmin!important;}
}
@media screen and (max-width: 640px) {
    .h110vmin{height: 135vmin!important;}
}
@media screen and (max-width: 575px) {
    .h110vmin{height: 145vmin!important;}
}
@media screen and (max-width: 515px) {
    .h110vmin{height: 210vmin!important;}
}
@media screen and (max-width: 415px) {
    .h110vmin{height: 200vmin!important;}
}
@media screen and (max-width: 374px) {
    .h110vmin{height: 210vmin!important;}
}
@media screen and (max-width: 359px) {
    .h110vmin{height: 230vmin!important;}
} */

.topics-txt h1{color: #000; text-align: center;}
.tal{text-align: left!important;}

.sw-4th-block-shop{}

.sw-4th-block-shop{padding:0}
.scrollify-section .sw-4th-block .container .sw-4th-block-shop h1{color:#fff}
.scrollify-section .sw-4th-block .container .sw-4th-block-shop hr{border-color:#fff}
.scrollify-section .sw-4th-block .container .sw-4th-block-shop p{color: #fff;}

.scrollify-section .sw-4th-block .container .sw-4th-block-shop h1,.scrollify-section .sw-4th-block .container .sw-4th-block-shop h3,.scrollify-section .sw-4th-block .container .sw-4th-block-shop p{text-align:center}

.pl3em{padding-left: 3em !important;}
.bold{font-weight: bold;}
.red-a{color: #C40E18;}
.red-a:hover{color: #C40E18; text-decoration: underline !important;}

.txt-01{
    text-align: center;
}
.txt-01 span{
    font-weight: bold;
    font-size: 120%;
    margin-bottom: 0.5rem;
    display: inline-block;
}
.hidden-xs{
    display: block;
}
@media screen and (max-width: 767px) {
    .txt-01{
        text-align: left !important;
    }
    .hidden-xs{
        display: none;
    }
}


/*20200708*/
.h-sns{}
.h-sns a{
    display: inline-block;
    margin: 0 0.5rem 0 0;
}
.h-sns a:last-child{
    margin: 0 1rem 0 0;
}
.h-sns a img{
    width: 40px;
    height: 40px;
}
.w-youtube{
    width: 52px !important;
}
@media screen and (max-width: 1199px) {
    .h-sns a img{
        width: 30px;
        height: 30px;
    }
    .w-youtube{
        width: 39px !important;
    }
}


.f-sns{}
.f-sns ul{
    width: 276px;
    margin: 0 auto 1rem;
}
.f-sns ul li{
    display: inline-block !important;
    margin: 0 1rem 0 0;
}
.f-sns ul li:last-child{
    margin: 0;
}

.f-sns ul li a img{
    width: 50px;
    height: 50px;
}
.w-f-youtube{width: 65px !important;}
@media screen and (max-width: 1199px) {
    .w-f-youtube{}
}

.visible-md{display: block;}
.hidden-md{display: none;}
@media screen and (max-width: 991px) {
    .visible-md{display: none;}
    .hidden-md{display: block;}
}

.pd20{padding: 20px !important;}

.cutting-edge a{}
.cutting-edge a:hover{
  opacity: 0.7;
  transition: 0.25s;
}

.container_adjust201125{
    /* padding-top: 4vh !important; */
    padding-top: 0;
}
@media (max-width: 991.98px){
    .container_adjust201125{
        /* padding: 4vh 0 4vh 0 !important; */
    }
}

.about-midashi01{
    background-color: #B4C7E7;
    text-align: center;
    padding: 10px 15px;
    margin-bottom: 20px;
}
.company-midashi01{
    background-color: #FDDC9D;
    text-align: center;
    padding: 10px 15px;
    margin-bottom: 20px;
}

img {
    image-rendering: -webkit-optimize-contrast;
}

.f-ninsho{
    display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    margin-bottom: 50px;
}
.f-ninsho-img{
    max-width: 110px;
    display: block;
    margin-right: 15px;
}
.f-ninsho-img img{
    width: 100%;
}
.f-ninsho-text .ttl{
    font-weight: bold;
    margin-bottom: 5px;
}

.box-orange{
	border:1px solid #f5ad7b;
	padding:30px 20px 20px 20px;
	border-radius:10px;
}

.ecologyIcon {display:none;}

@media (max-width: 991.98px){
	.ecologyIcon{
		display:block;
		border: 1px solid #f5ad7b;
		border-radius: 4px;
		margin-right:2px;
	}
	.ecologyIcon img {
		margin:0 5px;
	}
	.box-orange{
		border:1px solid #f5ad7b;
		padding:10px 15px 10px 15px;
		border-radius:10px;
	}	
	.box-orange img {
		margin-bottom:10px;
	}
}
.sw-header .sw-navbar-buttons .sw-navbar-button {
	padding: 10px 10px 10px!important;
    border-width: 0;
}
.ecologyHeaderPc {
	border: 2px solid #f5ad7b;
	border-radius:4px;
    padding: 4px;
}
.mtmainasu5 {
	margin-top:-5px;
}
.center {
	margin:0 auto;
}


#scroll-to-top-btn{
    z-index: 9999;
    position: fixed;
    bottom: 6vh;
    right: 5vw;
    height: 80px;
    width: 80px;
    border: none;
    cursor: pointer;
    border-radius: 50%;
    padding: 0;
}

.box-twitter{}
@media (max-width: 991.98px){
    .box-twitter{}
}

#ez_tagcolle1{
    width: 100% !important;
    height: 500px;
    overflow-y: scroll;
    background: #fff;
    border-radius: 10px;
}
#ez_tagcolle1 .tagcolle-btn{
    background: #212529;
    margin: 20px auto;
    width: 150px;
    display: block;
    border-radius: 30px;
}

.adjust230119_A{
    padding-left: 70px;
}
.adjust230119_B{
    padding-right: 70px;
}
@media (max-width: 767px){
    .adjust230119_A{
        padding-left: 15px;
    }
    .adjust230119_B{
        padding-right: 15px;
    }
}

.txt-note{
    text-align: center;
    color: #f00;
    font-weight: bold;
}
@media (max-width: 767px){
    .txt-note{
        text-align: left;
    }
}
.red{color: #f00;}

.img-hover:hover{
    opacity: 0.8;
}

.btn_info--detail{
    display: flex;
    justify-content: flex-end;
    margin-bottom: 1.5rem;
}
.btn_info--detail span{
    background: #1877F2;
    color: #fff;
    line-height: 1;
    padding: 8px 24px;
    border-radius: 3px;
}
@media (max-width: 767px){
    .sw-pagination-area ul.pagination{
        flex-wrap: wrap;
    }
}
.justify-content-center{
    justify-content: center;
}
.white{color: #fff !important;}

.scrollify-section > div.col-12{
    padding: 100px 0;
    position: relative;
}
@media (max-width: 767px){
    .scrollify-section > div.col-12{
        padding: 60px 0;
    }
}

.adjust-sec-top{
    height: 70vh;
    background-image: url(../shinwaseisakusyo/img/top/top_main03.jpg);
    background-size: cover;
}
.adjust-sec-top > div{}
.adjust-sec-top > div img{
    width: 640px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(255, 255, 255, .7);
    padding: 2em 3em;
    /* filter: drop-shadow(0px 0px 16px rgba(255, 255, 255, 1)); */
}
@media (max-width: 991px){}
@media (max-width: 767px){
    .adjust-sec-top > div img{
        width: 500px;
    }
}
@media (max-width: 575px){
    .adjust-sec-top{
        height: 50vh;
    }
    .adjust-sec-top > div img{
        width: 90%;
        padding: 1em 1.5em;
    }
    .sp-pad{
        padding: 0 1em;
    }
}

#request-page-top{
    display: block;
    z-index: 9999;
    position: fixed;
    top: 85px;
    right: 5vw;
    border: none;
    cursor: pointer;
    padding: 0;
}
#request-page-top a{
    width: 80px;
    height: 80px;
    display: block;
    background-color: #FFF;
    border-radius: 50%;
    border: 1px solid #ddd;
    margin-bottom: 1rem;
}
#request-page-top a:last-child{
    margin-bottom: 0;
}
#request-page-top a:hover{
    opacity: .7;
    transition: .25s;
}
#request-page-top a img{}

@media (max-width: 991px){
    #request-page-top{
        display: none;
    }
}