@charset 'utf-8';
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP|Noto+Sans+JP|M+PLUS+Rounded+1c');

/* ========================================================================================= ■■■ */
/*   AQUAPRITA MINI   */
/* ========================================================================================= ■■■ */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body {
	display: block;
	width: 100%;
	background-color: #F9F9F9;
	font-family: "Noto Sans JP","sans-serif";
	font-size: 13px;
	color: #444444;
	text-align: left;
	line-height: 1.5em;
	list-style-type: none;
	margin: 0;
	padding: 0;
	clear: both;
	overflow-x: hidden;
	-webkit-animation: fadeIn 1.5s ease 0s 1 normal;
    animation: fadeIn 1.5s ease 0s 1 normal;
}
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}
.wrapper {
	overflow: hidden;
}

a {text-decoration: none; }
a:link { color: #333333; }
a:visited { color: #333333; }
a:active { color: #AAAAAA; }
a:hover { color: #AAAAAA; transition: 0.5s ;}
body a:hover img {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	transition: 0.5s ;
}
body img{
	border-style:none;
}
body a img{
	border-style:none; 
}
ul,li{
	list-style-type:none;
	margin:0;
	padding:0;
}

.scrollanime {
	opacity: 0;
}
.fadeInDown {
	animation-name: fadeInDown;
	animation-duration: 2s;
	animation-fill-mode: forwards;
}
@keyframes fadeInDown {
	0% {
		opacity: 0;			
	}
	100% {
	opacity: 1;
	transform: translate(0);
	}
}
.downup {
	transform: translateY(100px);
}
/*==============================================================
FOOTER
==============================================================*/
.footer_wrap{
    width: 100%;
    display: block;
    clear: both;
    background-color: #92AFC5;
    color: #FFFFFF;
    padding: 30px 0;

}
@media screen and (max-width:1279px){
    .slideup{
        z-index: 10000;
        position: fixed;
        bottom: 120px;
        right: 10px;
        cursor: pointer;
    }
	footer{
        width: 100%;
        display: block;
        clear: both;
        padding: 0 0 50px 0;
    }
	footer.footer_en{
        width: 100%;
        display: block;
        clear: both;
		 padding: 0;
    }
    .footer_inner{
        width: 100%;
        display: block;
        clear: both;
    }
    .footer_l{
        width: 100%;
        display: flex;
        justify-content: center;
        border-bottom: #FFFFFF 1px solid;
        padding-bottom: 20px;
        margin-bottom: 30px;
    }
    .footer_c{
        width: 100%;
        padding-left: 30px;
    }
    .footer_r{
        width: 100%;
        padding-left: 30px;
    }
}

@media screen and (min-width:1280px){
    .slideup{
        z-index: 10000;
        position: fixed;
        bottom: 120px;
        right: 50px;
        cursor: pointer;
    }
	.footer_inner{
        width: 100%;
        display: flex;
        clear: both;
    }
    .footer_l{
        width: 435px;
        border-right: #FFFFFF 1px solid;
        margin-right: 38px;
    }
    .footer_infobox{
        margin-left: 27px;
    }
    .footer_c{
        width: 435px;
    }
    .footer_r{
        width: 290px;
    }
    
}
.footer_logo{
    width: 220px;
}
.footer_address{
    font-size: 12px;
    margin-bottom: 20px;
}
.footer_contact{
    font-size: 12px;
    margin-bottom: 5px;
}
.footer_tel a{
    display: flex;
    align-items: center;
    font-size: 31px;
    font-weight: bold;
    color: #FFFFFF;
    margin-bottom: 15px;
}
.footer_tel img{
    margin-right: 10px;
}
.footer_tel a:hover{
    opacity: 0.5;
}
.footer_sns{
    display: flex;
}
.footer_sns li{
    margin-right: 4px;
}
.footer_c li,
.footer_r li{
    margin-bottom: 15px;
}
.footer_c li a,
.footer_r li a{
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
}
.footer_c li a:hover,
.footer_r li a:hover{
    opacity: 0.5;
}
.copyright{
    color: #121212;
    font-size: 12px;
    padding: 12px 0;
    text-align: center;
    background-color: #EEEEEE;
}
.slideup p {
	display: block;
    width:55px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
}
.slideup p:hover {
	opacity: 0.5;
}

/*==============================================================
COMMON
==============================================================*/
@media screen and (max-width:499px){
	br.pc{
		display: none;
	}
	.contents1500{
		width: 96%;
		margin: 0 2% 0 2%;
		display: block;
		clear: both;
		overflow: hidden;
	}
	.contents1200{
		width: 96%;
		margin: 0 2% 0 2%;
		display: block;
		clear: both;
		overflow: hidden;
	}
}

@media screen and (min-width:500px) and (max-width:1279px){
	br.sp{
		display: none;
	}
	br.pc{
		display: none;
	}
	.contents1500{
		width: 96%;
		margin: 0 2% 0 2%;
		display: block;
		clear: both;
		overflow: hidden;
	}
	.contents1200{
		width: 96%;
		margin: 0 2% 0 2%;
		display: block;
		clear: both;
		overflow: hidden;
	}
}

@media screen and (min-width:1280px){
	br.sp{
		display: none;
	}
	.max_con1500{
		max-width:1540px;
		margin:0 auto;
		padding: 0 20px;
		display: block;
		clear: both;
	}
	.contents1500{
		width: 100%;
		max-width: 1500px;
		margin: 0 auto 0 auto;
		display: block;
		clear: both;
		overflow: hidden;
	}
	.contents1200{
		width: 100%;
		max-width: 1200px;
		margin: 0 auto 0 auto;
		display: block;
		clear: both;
		overflow: hidden;
	}
}
.bg_white{
	width: 100%;
	display: block;
	clear: both;
	float: left;
	overflow: hidden;
	background-color: #FFFFFF;
}
.bg_gray{
	width: 100%;
	display: block;
	clear: both;
	float: left;
	overflow: hidden;
	background-color: #F9F9F9;
}
.contents_title_ja{
    font-size: 21px;
    color: #333333;
    font-weight: bold;
    text-align: center;
    padding-top: 70px;
    margin-bottom: 10px;
}
.contents_title_en{
    font-size: 16px;
    color:#999999;
    font-weight: bold;
    text-align: center;
    margin-bottom: 70px;
}
h2{
    font-size: 35px;
    color: #333333;
    font-weight: normal;
    text-align: center;
    padding-top: 70px;
    margin-bottom: 10px;
	line-height: 1.2;
}

/*==============================================================
MAIN CONTENTS
==============================================================*/
.mainimg_bg{
    width: 100%;
    height: 59vw;
    display: flex;
    align-items: center;
    clear: both;
    background-image: url("images_laundry/mainimg.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}
@media screen and (max-width:854px){
	.mainimg_title{
        width: 100%;
        display: block;
        clear: both;
    }
    .mainimg_title img{
        width: 100%;
        display: block;
    }
	.mainimg_title_en{
        width: 100%;
        display: block;
        clear: both;
    }
    .mainimg_title_en img{
        width: 100%;
        display: block;
    }
}
@media screen and (min-width:855px){
	.mainimg_title{
        width: 100%;
        height: 164px;
        display: block;
        clear: both;
        background-image: url("images_laundry/mini_mainimg_title.png");
        background-repeat: no-repeat;
        background-position: center top;
    }
    .mainimg_title img{
        display: none;
    }
.mainimg_title_en{
        width: 100%;
        height: 164px;
        display: block;
        clear: both;
        background-image: url("images_laundry/mini_mainimg_title_en.png");
        background-repeat: no-repeat;
        background-position: center top;
    }
    .mainimg_title_en img{
        display: none;
    }
}
@media screen and (max-width:1279px){
	.mainimg_btn{
        display: none;
    }
    .bottom_btn{
        width: 100%;
        display: flex;
        clear: both;
        background-color: #92AFC5;
        padding: 5px 0;
        position: fixed;
        bottom: 0;
        z-index: 10000;
    }
    .bottom_btn li{
        width: 50%;
        height: 46px;
    }
    .bottom_btn li img{
        margin-right: 10px;
        display: block;
    }
    .bottom_btn li a{
        display: flex;
        height: 50px;
        justify-content: center;
        align-items: center;
        font-size: 16px;
        color: #FFFFFF;
    }
    .bottom_btn li:first-child{
        border-right: #FFFFFF 1px solid;
    }
	.bottom_btn li:nth-of-type(2){/*リンク付けたら消す*/
		display: flex;
        height: 50px;
        justify-content: center;
        align-items: center;
        font-size: 16px;
        color: #FFFFFF;
	}
}
@media screen and (min-width:1280px){
    .bottom_btn{
        display: none;
    }
	.mainimg_btn{
        width: 54px;
        display: block;
        clear: both;
        position: fixed;
        top:60px;
        right: 15px;
		z-index: 10000;
    }
    .mainimg_btn li{
        margin-bottom: 15px;
    }
    .mainimg_btn li img{
        width: 100%;
        display: block;
    }
}
.t-5vw{
    /*position: relative;*/
    margin-top: 75px;
}
.mt80{
	margin-top:80px;
}
.news_wrap{
    width: 100%;
    display: block;
    clear: both;
    background-color: #FFFFFF;
    padding: 30px 30px 20px 30px;
    margin-bottom: 75px;
}
.news_title_ja{
    font-size: 21px;
    color: #333333;
    font-weight: bold;
    text-align: center;
    margin-bottom: 10px;
}
.news_title_en{
    font-size: 16px;
    color:#999999;
    font-weight: bold;
    text-align: center;
    margin-bottom: 50px;
}
@media screen and (max-width:499px){
	.news_box{
        width: 100%;
        display: block;
        clear: both;
        margin-bottom: 25px;
    }
    .news_box dt{
        width: 160px;
        background-color: #DDDDDD;
        padding: 3px 0;
        color: #FFFFFF;
        text-align: center;
        margin: 0 20px 10px 0;
    }
    .news_box dd{
        width: 100%;
        padding: 3px 0;
    }
}
@media screen and (min-width:500px) and (max-width:1279px){
	.news_box{
        width: 100%;
        display: flex;
        align-items: flex-start;
        clear: both;
        margin-bottom: 25px;
    }
    .news_box dt{
        width: 160px;
        background-color: #DDDDDD;
        padding: 3px 0;
        color: #FFFFFF;
        text-align: center;
        margin-right: 20px;
    }
    .news_box dd{
        width: calc(100% - 180px);
        padding: 3px 0;
    }
}
@media screen and (min-width:1280px){
	.news_box{
        width: 100%;
        display: flex;
        align-items: flex-start;
        clear: both;
        margin-bottom: 25px;
    }
    .news_box dt{
        width: 160px;
        background-color: #DDDDDD;
        padding: 3px 0;
        color: #FFFFFF;
        text-align: center;
        margin-right: 20px;
    }
    .news_box dd{
        width: calc(100% - 180px);
        padding: 3px 0;
    }
}
.jitakuya{
    max-width: 405px;
    width: 100%;
    background-color: #92AFC5;
    font-size: 22px;
    font-family: "M PLUS Rounded 1c";
    color: #FFFFFF;
    text-align: center;
    padding: 8px 10px;
    margin: 0 auto 25px auto;
}
.tokucho6{
    max-width: 100%;
    font-size: 35px;
    text-align: center;
    line-height: 1.2em;
    margin-bottom: 60px;
}
.shikumi{
    max-width: 100%;
    font-size: 35px;
    text-align: center;
    line-height: 1.2em;
    margin-bottom: 20px;
}
.shikumi + p {
	margin-bottom: 60px;
}
.tokucho_list{
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    clear: both;
    margin-bottom: 40px;
}
@media screen and (max-width:699px){
	.tokucho_list li{
        width: 48%;
        margin-bottom: 70px;
        text-align: center;
    }
}
@media screen and (min-width:700px){
	.shikumi + p {
		text-align: center;
	}
	.tokucho_list li{
        width: 30%;
        margin-bottom: 70px;
        text-align: center;
    }
}
.tokucho_list_img img{
    width: 100%;
    display: block;
    margin-bottom: 15px;
}
.tokucho_list_number{
    width: 50px;
    height: 50px;
    background-color: #DDDDDD;
    font-size: 24px;
    color: #FFFFFF;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    margin: 0 auto 20px auto;
}
.tokucho_list_title{
    max-width: 225px;
    width: 90%;
    font-size: 19px;
    font-weight: bold;
    padding-bottom: 15px;
    border-bottom: #333333 1px solid;
    margin: 0 auto 20px auto;
}
.tokucho_list_title.shikumi_list_ttl {
	border-bottom: none;
	max-width: 100%;
	width: 100%;
}
.tokucho_list_txt{
    text-align: left;
}
.location{
	width:100%;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	clear:both;
	margin-bottom:50px;
}
@media screen and (max-width:699px){
	.location li{
		width:48%;
		margin-bottom:50px;
	}
}
@media screen and (min-width:700px){
	.location li{
		width:23%;
		margin-bottom:50px;
	}
}
.location li img{
	width:100%;
	display:block;
}
.tokucho_list{
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    clear: both;
    margin-bottom: 40px;
}
.system_img img {
	width: 100%;
	display: block;
}
.system .txt .ttl {
	font-weight: 700;
}
.system .txt p + .ttl,
.system .txt p + p {
	margin-top: 15px;
}
.system .txt p {
	margin-left: 1em;
}
@media screen and (max-width:699px){
	.system {
        margin: 40px 0;
		padding: 0 2%;
    }
	.system .txt {
		margin-top: 30px;
	}
	.system .txt .ttl {
		font-size: 16px;
	}
	.system .txt p {
		font-size: 14px;
	}
}
@media screen and (min-width:700px){
	.system {
        max-width: 840px;
        margin: 50px auto;
        padding:0 20px;
		display: flex;
		justify-content:space-between;
		align-items: center;
    }
	.system_img {
		width: 460px;
	}
	.system .txt {
		width: 340px;
	}
	.system .txt .ttl {
		font-size: 17px;
	}
	.system .txt p {
		font-size: 15px;
	}
}
.tsukureru_bg{
    width: 100%;
    /*height: 152px;*/
	height: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    clear: both;
    /*
    background-image: url("images_mini/tsukureru_bg.jpg");
    background-repeat: no-repeat;
    background-position: center top;
	*/
	padding-top: 20px;
}
.tsukureru_bg h2.contents_title_ja {
	padding-top: 85px;
	margin-bottom: 0;
}
@media screen and (max-width:499px){
	.tsukureru{
        max-width: 480px;
        width: 90%;
        color: #FFFFFF;
        font-size: 23px;
        font-weight: bold;
        text-align: center;
        border: #FFFFFF 1px solid;
        padding: 20px 10px;
    
    }
}
@media screen and (min-width:500px){
	.tsukureru{
        max-width: 480px;
        width: 90%;
        color: #FFFFFF;
        font-size: 25px;
        font-weight: bold;
        text-align: center;
        border: #FFFFFF 1px solid;
        padding: 20px 10px;
		line-height: 1.0em;
    
    }
}
.mode_circle{
    width: 87px;
    height: 87px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #70A1D2;
    color: #FFFFFF;
    font-size: 32px;
    font-weight: bold;
    border-radius: 50%;
}
.circle_pr{
    position: relative;
    top:43px;
}
.mode_bg{
    width: 100%;
    display: block;
    clear: both;
    background-color: #EEEEEE;
    float: left;
}
@media screen and (max-width:599px){
	.mode_wrap{
        width: 90%;
        display: block;
        clear: both;
        margin: 100px 5% 30px 5%;
    }
    .kounoudo_title{
        width: 100%;
        text-align: center;
        border-bottom: #444444 1px solid;
        padding-bottom: 15px;
        margin-bottom: 15px;
        display: block;
        clear: both;
    }
    
}
@media screen and (min-width:600px){
	.mode_wrap{
        width: 100%;
        display: flex;
        clear: both;
		margin:100px 0 30px 0;
    }
    .kounoudo_title{
        width: 215px;
        height: 60px;
        border-right: #444444 1px solid;
        margin-right: 30px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        clear: both;
    }
    .kounoudo_txt{
        width: calc(100% - 245px);
        display: flex;
        align-items: center;
        clear: both;
    }
}
.kounoudo{
    font-size: 26px;
    font-weight: bold;
	line-height: 1.0em;
    /*margin-bottom: 15px;*/
}.kounoud_sub{
    font-size: 16px;
    font-weight: bold;
}
.tsukaikata{
    max-width: 305px;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    border-top: #444444 1px solid;
    border-bottom: #444444 1px solid;
    padding: 20px 0;
    margin: 40px auto 40px auto;
}
@media screen and (max-width:699px){
	.tsukaikata_list{
        width: 100%;
        display: block;
        clear: both;
        margin: 35px 0;
    }
    .tsukaikata_list li{
        width: 100%;
        margin-bottom: 40px;
    }
    .tsukaikata_list li:last-child{
        margin-bottom: 0;
    }
}
@media screen and (min-width:700px){
	.tsukaikata_list{
        max-width: 840px;
		padding: 0 20px;
        display: block;
        clear: both;
        font-size: 0;
        margin: 35px auto 40px;
    }
    .tsukaikata_list li{
        width: 47%;
        display: inline-block;
        vertical-align: top;
        margin-right: 6%;
    }
    .tsukaikata_list li:last-child{
        margin-right: 0;
    }
}
.tsukaikata_list_img{
    margin-bottom: 20px;
}
.tsukaikata_list_img img{
    width: 100%;
    display: block;
}
.tsukaikata_list_title{
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}
.tsukaikata_list_txt{
    font-size: 13px;
}
.mini_more{
    width: 100%;
    display: block;
    clear: both;
}
.mini_more dt{
    display: block;
    max-width: 350px;
    width: 90%;
    margin: 0 auto 35px auto;
    background-color: #F9F9F9;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 15px 0;
    clear: both;
    cursor: pointer;
}
.mini_more dd{
    display: none;
    width: 100%;
    clear: both;
}
.tsukaikata_fild{
    width: 100%;
    display: block;
    clear: both;
    margin-bottom: 50px;
}
.tsukaikata_fild h3{
    width: 100%;
    background-color: #F9F9F9;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 15px;
    margin-bottom: 10px;
}
.tsukaikata_fild p{
    line-height: 2.0em;
    margin-bottom: 10px;
}
.mb30{
    margin-bottom: 30px;
}
.scene{
    max-width: 305px;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    border-top: #444444 1px solid;
    border-bottom: #444444 1px solid;
    padding: 20px 0;
    margin: 40px auto 70px auto;
}
.scene_list{
    width: 100%;
    display: block;
    clear: both;
    font-size: 0;
    margin-bottom: 60px;
}
@media screen and (max-width:699px){
	.scene_list li{
        width: 48%;
        margin: 0 4% 40px 0;
        display: inline-block;
        vertical-align: top;
    }
    .scene_list li:nth-of-type(2n){
        margin: 0;
    }
    .scene_list li:nth-of-type(3){
        margin: 0 4% 0 0;
    }
}
@media screen and (min-width:700px){
	.scene_list li{
        width: 22.5%;
        margin-right: 3.333%;
        display: inline-block;
        vertical-align: top;
    }
    .scene_list li:last-child{
        margin-right: 0;
    }
}
.scene_list_img{
    margin-bottom: 20px;
}
.scene_list_img img{
    width: 100%;
    display: block;
}
.scene_list_title{
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
}
.scene_list_txt{
    font-size: 13px;
}
.btn_kounoudo_detail a{
    max-width: 400px;
    width: 95%;
    display: block;
    clear: both;
    margin: 0 auto 80px auto;
    background-color: #92AFC5;
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 8px 0;
    background-image: url("images_laundry/btn_square.png");
    background-repeat: no-repeat;
    background-position: 97% 50%;
}
.btn_kounoudo_detail a:hover{
    opacity: 0.5;
}
.voice_list{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    clear: both;
    margin-bottom: 50px;
}
@media screen and (max-width:699px){
	.voice_list li{
        width: 100%;
        margin-bottom: 40px;
    }
}
@media screen and (min-width:700px){
	.voice_list li{
        width: 46%;
        margin-bottom: 40px;
    }
}
.voice_list li img{
    width: 100%;
    display: block;
}
.shiyou_bg{
    width: 100%;
    display: block;
    clear: both;
    background-image: url("images_laundry/mini_shiyou.jpg");
    background-repeat: no-repeat;
    background-position: 97% 50%;
    background-size: cover;
}
@media screen and (max-width:699px){
	.shiyou{
        width: 100%;
        display: block;
        clear: both;
        margin: 115px 0 0 0;
    }
    .shiyou_img{
        width: 60%;
        margin: 0 20% 50px 20%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .shiyou_txtbox{
        width: 100%;
    }
}
@media screen and (min-width:700px){
	.shiyou{
        width: 100%;
        display: flex;
        clear: both;
        margin: 115px 0 0 0;
    }
    .shiyou_img{
        width: 26%;
        margin: 60px 12% 0 12%;
    }
    .shiyou_txtbox{
        width: 50%;
        margin-bottom: 40px;
    }
}
.shiyou_img img{
    width: 100%;
    display: block;
}
.shiyou_title{
    max-width: 400px;
    width: 100%;
    background-color: #92AFC5;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    padding: 10px 15px;
    margin-bottom: 25px;
}
.shiyou_info{
    display: flex;
    clear: both;
    margin-bottom: 20px;
}
.shiyou_info dt{
    width: 100px;
    margin-right: 40px;
    font-weight: bold;
}
.shiyou_info dd{
    width: calc(100% - 140px);
}
.shiyou_info_txt{
	margin-bottom: 20px;
}
.shiyou_more{
    width: 100%;
    display: block;
    clear: both;
}
.shiyou_more > dt{
    display: block;
    max-width: 350px;
    width: 90%;
    margin: 40px auto 25px auto;
    background-color: #F9F9F9;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 15px 0;
    clear: both;
    cursor: pointer;
}
.shiyou_more > dd{
    display: none;
    width: 100%;
    clear: both;
}    
.chui_wrap{
    width: 100%;
    display: block;
    clear: both;
    background-color: #FFFFFF;
    padding: 30px;
    margin-bottom: 75px;
}
.chui_title{
    max-width: 305px;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    border-top: #444444 1px solid;
    border-bottom: #444444 1px solid;
    padding: 20px 0;
    margin: 0 auto 30px auto;
}
.chui_txt{
    margin-bottom: 15px;
    line-height: 1.8em;
}
.youtube_list{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    clear: both;
    margin: 90px 0 70px 0;
}
.youtube_list_en{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
	justify-content:space-between;
    clear: both;
    margin: 90px 0 0 0;
}
li.youtube_list_title{
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    clear: both;
    margin-bottom: 70px;
}
li.youtube_list_title img{
    max-width: 221px;
    width: 50%;
}
li.youtube_list_l{
    width: 50%;
    margin-bottom: 70px;
}
li.youtube_list_l_en{
    width: 48%;
    margin-bottom: 70px;
}
li.youtube_list_s{
    width: 30%;
    margin-right: 5%;
}
li.youtube_list_s:last-child{
    margin-right: 0;
}
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.tab-wrap {
    justify-content: center;
    align-items: center;
	display: flex;
	flex-wrap: wrap;
	margin-top: 50px;
}
@media screen and (max-width: 999px) {
	.tab-label,
	.tab-switch:checked~.tab-switch:last-of-type+.tab-label {
		width: 100%;
		background-color: #aaaaaa;
		border-radius: 30px;
		font-size: 21px;
		color: #ffffff;
		text-align: center;
		line-height: 1.7em;
		margin: 10px 5px 0px 5px;
		padding: 3px 12px;
		cursor: pointer;
	}
}
@media screen and (min-width:1000px) {
	.tab-label,
	.tab-switch:checked~.tab-switch:last-of-type+.tab-label {
		width: 290px;
		background-color: #aaaaaa;
		border-radius: 30px;
		font-size: 16px;
		color: #ffffff;
		text-align: center;
		line-height: 1.7em;
		margin: 10px 5px 0px 5px;
		padding: 3px 0px;
		cursor: pointer;
	}
}
.tab-label{
	order:-1;
}
.tab-content,
.tab-switch:checked~.tab-content:last-of-type {
	display: none;
	width: 100%;
	padding: 0px 0px 70px 0px;
}
.tab-switch:checked+.tab-label,
.tab-label:last-of-type {
	background: #92AFC5;
}
.tab-switch:checked+.tab-label+.tab-content,
.tab-content:last-of-type {
	display: block;
}
.tab-order .tab-label:last-of-type {
	order: -3;
}
.tab-switch {
	display: none;
}
.faq_box{
    width: 100%;
    display: flex;
    clear: both;
    margin-bottom: 20px;
}
.faq_box:first-child{
	margin-top:50px;
}
.faq_q{
    width: 48px;
    height: 48px;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    background-color: #70A1D2;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 20px 0 30px;
}
.faq_a{
    width: 48px;
    height: 48px;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    background-color: #AAAAAA;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 20px 0 30px;
}
#a_box{
	border-bottom:#333333 1px dotted;
	padding-bottom:30px;
	margin-bottom:30px;
}
.faq_qtxt{
    width: calc(100% - 98px);
    font-size: 14px;
    font-weight: bold;
    line-height: 1.7em;
    margin-top: 15px;
}
.faq_atxt{
    width: calc(100% - 98px);
    line-height: 1.8em;
    margin: 15px 0;
}
.faq_more{
    width: 100%;
    display: block;
    clear: both;
}
.faq_more dt{
    display: block;
    max-width: 350px;
    width: 90%;
    margin: 0 auto 25px auto;
    background-color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 15px 0;
    clear: both;
    cursor: pointer;
}
.faq_more dd{
    display: none;
    width: 100%;
    clear: both;
}

/* ========================================================================================= ■■■ */
/*   COLUMN PAGE   */
/* ========================================================================================= ■■■ */
@media screen and (max-width:699px){
	.column_list{
        width: 100%;
        display: block;
        clear: both;
        margin: 35px 0 50px 0;
    }
    .column_list li{
        width: 100%;
        margin-bottom: 40px;
    }
    .column_list li:last-child{
        margin-bottom: 0;
    }
}
@media screen and (min-width:700px){
	.column_list{
        width: 100%;
        display: flex;
		flex-wrap:wrap;
        clear: both;
        margin: 35px 0 50px 0;
    }
    .column_list li{
        width: 29%;
        margin-right: 6.5%;
		margin-bottom:60px;
    }
    .column_list li:nth-of-type(3n){
        margin-right: 0;
    }
}
.column_list_img{
    margin-bottom: 20px;
}
.column_list_img img{
    width: 100%;
    display: block;
}
.column_list_date{
    font-size: 14px;
    color:#999999;
}
.column_list_title{
	font-size: 14px;
}
.btn_column_all a{
    display: block;
    max-width: 350px;
    width: 90%;
    margin: 0 auto 35px auto;
    background-color: #F9F9F9;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 15px 0;
    clear: both;
}
.btn_voice_all a{
    display: block;
    max-width: 350px;
    width: 90%;
    margin: 0 auto 35px auto;
    background-color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 15px 0;
    clear: both;
}

/*SINGLE PAGE*/
@media screen and (max-width: 599px) {
	.column_tbl {
		display: block;
		width: 100%;
		margin: 50px 0 70px 0;
	    padding: 30px 0;
		clear: both;
	}
	.column_table3 li{
		width:100%;
		margin-bottom:20px;
	}
	.column_table4 li{
		width:48%;
		margin-bottom:20px;
	}
	.column_category{
		width:100%;
		margin:60px 0 0 0;
		display:flex;
		flex-wrap:wrap;
		clear:both;
	}
	.column_detail_contents img{
		width:100%;
		display:block;
	}
}
@media screen and (min-width:600px) and (max-width:1279px){
	.column_tbl {
		display: block;
		max-width: 700px;
		margin: 50px auto 70px auto;
	    padding: 30px 0;
		clear: both;
	}
	.column_table3 li{
		width:31%;
		margin-bottom:20px;
	}
	.column_table4 li{
		width:23%;
		margin-bottom:20px;
	}
	.column_category{
		max-width: 700px;
		margin:60px auto 0 auto;
		display:flex;
		flex-wrap:wrap;
		clear:both;
	}
}
@media screen and (min-width:1280px) {
	.column_tbl {
		display: block;
		width: 700px;
		margin: 50px auto 70px auto;
	    padding: 30px 0;
		clear: both;
	}
	.column_table3 li{
		width:31%;
		margin-bottom:20px;
	}
	.column_table4 li{
		width:23%;
		margin-bottom:20px;
	}
	.column_category{
		width: 700px;
		margin:60px auto 0 auto;
		display:flex;
		flex-wrap:wrap;
		clear:both;
	}
}
.column_detail_ttl{
	display:flex;
	flex-wrap:wrap;
	font-size: 24px;
	line-height:1.3em;
	border-bottom: #444444 dotted 1px;
	padding-bottom:15px;
	margin-bottom:30px;
}
.column_detail_ttl span{
	font-size: 14px;
	color: #999999;
	margin:0 30px 10px 0;
}
.column_detail_contents{
	width:100%;
	display:block;
	clear:both;
	font-size: 14px;
}
.column_detail_contents p{
	margin-bottom:30px;
}
.column_table2,
.column_table3,
.column_table4{
	width:100%;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	clear:both;
	margin-bottom:30px;
}
.column_table2 li{
	width:48%;
	margin-bottom:20px;
}
.column_detail_contents .column_table2 li,
.column_detail_contents .column_table3 li,
.column_detail_contents .column_table4 li{
	list-style-type:none;
	margin:0;
}
.column_table2 li img,
.column_table3 li img,
.column_table4 li img{
	width:100%;
	height:auto;
	display:block;
}
.column_category a{
	display:block;
	color:#FFFFFF;
	background-color: #B8AB85;
	border-radius: 50px;
	padding:5px 15px;
	text-align:center;
	margin:0 10px 15px 0;
}
.column_category a:hover{
	opacity:0.5;
}
.column_detail_contents h1{
	line-height:1.2em;
}
.column_detail_contents h3{
	display: block;
	width: 100%;
	background-color: #F9F9F9;
	font-size: 16px;
	font-weight: bold;
	padding: 15px 20px;
	margin-bottom:30px;
	clear: both;
}
.column_detail_contents ul li{
	list-style-type: disc;
	margin-left: 13px;
}
.column_detail_contents ol li{
	list-style-type: decimal;
	margin-left: 13px;
}
.column_btn a{
	display: block;
	max-width: 350px;
	width: 90%;
	margin: 0 0 35px 0;
	background-color: #92afc5;
	font-size: 16px;
	color:#FFFFFF;
	font-weight: bold;
	text-align: center;
	padding: 15px 0;
	clear: both;
}
.column_btn a:hover{
	opacity:0.5;
}
.column_detail_contents img{
	max-width:100%;
	height:auto;
	display:block;
}
.column_table2row{
	width: 100%;
	display: table;
	clear: both;
	box-sizing: border-box;
	border-collapse: collapse;
	border: solid 1px #777777;
	font-weight: normal;
	margin: 0 0 35px 0;
}
.column_table2row th{
	width: 30%;
	background-color: #EEEEEE;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	padding: 10px 0;
	border: solid 1px #777777;
}
.column_table2row td{
	font-size: 14px;
	padding: 10px 3%;
	border: solid 1px #777777;
}
.column_table3row{
	width: 100%;
	display: table;
	clear: both;
	box-sizing: border-box;
	border-collapse: collapse;
	border: solid 1px #777777;
	font-weight: normal;
	margin: 0 0 35px 0;
}
.column_table3row th{
	width: 30%;
	background-color: #EEEEEE;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	padding: 10px 0;
	border: solid 1px #777777;
}
.column_table3row td{
	font-size: 14px;
	padding: 10px 3%;
	border: solid 1px #777777;
}
.column_table5row{
	width: 100%;
	display: table;
	clear: both;
	box-sizing: border-box;
	border-collapse: collapse;
	border: solid 1px #777777;
	font-weight: normal;
	margin: 0 0 35px 0;
}
.column_table5row th{
	width: 20%;
	background-color: #EEEEEE;
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	padding: 10px 0;
	border: solid 1px #777777;
}
.column_table5row td{
	font-size: 14px;
	padding: 10px 3%;
	border: solid 1px #777777;
}
.scroll table{
	width:100%;
}
.scroll{
	overflow: auto;　　　　/*tableをスクロールさせる*/
	white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
}
.scroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
 	height: 5px;
}
.scroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
	background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
	background: #BCBCBC;
}
.column_detail_contents h2{
	line-height: 1.3em;
	margin:30px 0;
}


/*VOICE*/
.bg_voice_top{
	width: 100%;
    display: block;
    clear: both;
    background-image: url("images_laundry/column_top_voice.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}
/*EVIDENCE*/
.bg_evidence_top{
	width: 100%;
    display: block;
    clear: both;
    background-image: url("images_laundry/column_top_evidence.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}


/* ========================================================================================= ■■■ */
/*   LINK   */
/* ========================================================================================= ■■■ */
.link_bg{
	width:100%;
	display:block;
	clear:both;
	background-color:#FFFFFF;
	padding:25px 0;
}
@media screen and (max-width: 599px) {
	.link_inner{
		width:96%;
		margin:0 2%;
		padding:25px 3%;
		display:block;
		clear:both;
		border:#ECEAE5 1px solid;
		box-sizing:border-box;
	}
	.link_inner li{
		width:100%;
		display:flex;
		align-items: center;
	}
	.link_inner img{
		width:82px;
		height:auto;
		display:block;
		margin-right:35px;
	}
}
@media screen and (min-width:600px) {
	.link_inner{
		max-width:600px;
		width:96%;
		margin:0 auto;
		padding:25px 0;
		display:flex;
		justify-content:space-around;
		clear:both;
		border:#ECEAE5 1px solid;
		box-sizing:border-box;
	}
	.link_inner li{
		width:100%;
		display:flex;
		align-items: center;
		padding: 0 4%;
	}
	.link_inner img{
		width:82px;
		height:auto;
		display:block;
		margin-right:35px;
	} 
}
.link_txtbox{
	display:block;
	clear:both;
	width: 100%;
}
.link_txt1{
	font-size:14px;
	margin-bottom:20px;
}
.link_txt2{
	font-size:18px;
	margin-bottom:20px;
}
.btn_link a,
.btn_link p{
	float:right;
	width:200px;
	display:block;
	clear:both;
	text-align:center;
	background-color:#92AFC5;
	color:#FFFFFF;
	font-size:18px;
	border-radius:50px;
	padding:10px 0;
	margin:0;
}







/* ========================================================================================= ■■■ */
/*   ページャー  */
/* ========================================================================================= ■■■ */
.pager{
clear: both;
	width: 100%;
	padding: 20px 0px 30px 0px;
	margin: 60px auto 0px auto;
	text-align:center;
float: right;
}

a.page-numbers,
.pager .current{
	background-color: #edede3;
	border: solid 1px #aaaaaa;
	border-radius:5px;
	padding:5px 8px;
	margin:0 2px;}

.pager .current{
	background-color: #F7DDB0;
	border: solid 1px #F7DDB0;
	color: #ffffff;}

.pager a:hover{
	color: #ffffff;
	border: solid 1px #F7DDB0;
	background-color: #F7DDB0;
}
img.alignright { display: block; margin: 0 0 0 auto; }/* 配置位置 右 */
img.alignleft { display: block; margin: 0 auto 0 0; }/* 配置位置 左 */
img.aligncenter { display: block; margin: 0 auto; }/* 配置位置 中央 */
.fixed {
    position: fixed;
    top: 0;
    width: 200px;
}