/* CSS Document */
/*===========================================
	pregArea 
=============================================*/
div.pregArea {
	margin: 2em 1em;
	border: solid 1px #CCCCCC;
	background: #F6F6F6;
}

div.pregArea div.pregBox {
	padding: 1em;
}

div.pregArea div.pregBox ul{
	list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

div.pregArea div.pregBox ul li{
	margin-bottom: 0.5em;
    padding-left: 1.5em;
    text-indent: -1.5em;
}

a.textLink {
    padding-left: 2.2em;
    background: url(/share/images/arrow_black.gif) no-repeat left 0.4em;
    display: inline-block;
}

/*2022/09/29�NjL*/
a.textLink2 {
    padding-left: 0.5em;
    background: url(/share/images/arrow_black.gif) no-repeat left 0.5em;
    display: inline-block;
}    

@media (max-width: 640px) {
    div.pregArea {
        margin: 2em 0;
    }
    
	div.pregArea div.pregBox {
		word-break: break-all;
	}
}


/*===========================================
	chatBox 
=============================================*/
.chatBox{
    text-align: center;
    margin: 3em 0;
}


/*===========================================
    btnChatOpen
=============================================*/
#btnChatOpen > span{
    display:inline-block; 
    width:300px; 
    padding:0.4em 0.4em 0.4em 1.7em; 
    background-color:#c33; color:#fff; 
    font-weight:bold;
    border-radius:0.4em; 
    text-indent:-1.25em; 
    ont-size:1.25em; 
    text-align:left;
}

#btnChatOpen > span > span{
    font-size:0.6em; 
    padding:0 0.7em 0 0.3em; 
    position:relative; 
    top:1em;
}

@media (max-width: 400px) {
    a#btnChatOpen span,
    a#btnChatClose span{
        width: 85%!important;
    }
}


/*===========================================
	icon
=============================================*/

.icoSquare {
	margin: 0;
	padding: 0;
}

.icoSquare::before {
    content: "�� " ;
    color: #2C36E5;
}


/*===========================================
	accent/annotation
=============================================*/
.accent {
    color: #EE0000;
}

.annotation {
    padding-left: 1em;
    text-indent: -1em;
}


/*===========================================
	img
=============================================*/
.f-img{
    display: flex;
    margin: 2em 2em 3em;
    align-items: center;
    justify-content: space-evenly;
}

.mqblock{
    display: none;
}

@media (max-width: 640px){
    .pcblock{
        display: none;
    }
    
    .mqblock{
        display: block;
        text-align: center;
    }
    
    img.mqblock,
    .mqblock img {
        max-width: 100%;
    }
    
    img.icon{
        width: 20%;
    }
}


/*===========================================
		wakuRed
=============================================*/
.wakuRed {
	border: 1px solid #EE0000;
    padding: 1.5em;
    margin: 1em 0;
	/* color: #EE0000; */
}

.wakuRed p{
    margin: 0;
}
	
@media (max-width: 640px){
	.wakuRed{
	    padding: 0.5;
        margin: 0;
	    word-break: break-all;
	}
}


/*===========================================
	Space
=============================================*/
.mt_00 {
	margin: 0px!important;
}
.mt_10 {
	margin-top: 10px!important;
}
.mt_20 {
	margin-top: 20px!important;
}
.mt_30 {
	margin-top: 30px!important;
}
.mt_40 {
	margin-top: 40px!important;
}
.mt_50 {
	margin-top: 50px!important;
}
.ml_00 {
	margin-left: 0px!important;
}
.ml_10 {
	margin-left: 10px!important;
}
.mb_05 {
	margin-bottom:5px!important;
}
.mb_10 {
	margin-bottom:10px!important;
}
.mb_20 {
	margin-bottom:20px!important;
}
.center{
    text-align: center;
}