@charset "UTF-8";

/*============================================================*/
/* overwrite
/*============================================================*/

.pageNav     { margin:40px 0; }
.pageList    { margin:40px 0 60px; }
.wrapper section { padding:0px; margin-bottom:60px; }
.boxSet      { margin:0 0 40px; }
.tableFrm + p { margin:10px 0 0; }
@media screen and (max-width:768px) {
    .pageNav,
    .pageList { margin:0; }
    .wrapper section { padding:0; margin-bottom:30px; }
    .tableFrm { width:100%; }
}
/* list */
.wrapper section ul,
.wrapper section ol { margin: 10px 0 10px 20px;  margin: 10px 0 10px 20px; }
.wrapper section ul { list-style:disc; }
.wrapper section ol { list-style:decimal; }


/*============================================================*/
/* .wrapper
/*============================================================*/
.wrapper {
    box-sizing:border-box;
	/*width:1200px;*/
	max-width: 1160px;
	margin:0 auto;
	padding:0px 0px 0px 0px;
	font-size:1.6rem;
}
@media screen and (max-width:768px) {
	.wrapper {
		width:100%;
		padding:0;
	    font-size:1.4rem;
    }
}

.wrapper h1 {
    margin-bottom:40px;
    padding:12px 20px;
    background-color:#efefef;
    font-weight:bold;
    font-size:2.4rem;
}
.wrapper h2:not(.ff_sans-serif) {
    position:relative;
    margin-bottom:20px;
    padding-left:32px;
    font-weight:bold;
    font-size:2.4rem;
}
.wrapper h2:not(.ff_sans-serif)::before {
    content:"";
    display:block;
    position:absolute;
    left:0;
    top:0.8rem;
    width:14px;
    height:14px;
    background-color:#666;
    border:3px solid #999;
    box-sizing: initial;
}
.wrapper h3 {
    margin:0 0 20px;
    padding:5px 10px;
    border:1px solid #999;
    font-weight:bold;
    font-size:2rem;
}
.wrapper h3 small { font-size:80%; vertical-align:8px; font-weight:normal; }
.wrapper > p strong {
    display:block;
    font-weight:bold;
    font-size:2rem;
}
.wrapper th, .wrapper td { border:1px solid #CCC; padding:5px; }
.wrapper th { background:#f3f3f8; white-space:nowrap; }

@media screen and (max-width:750px) {
    .wrapper h1 {
        margin-bottom:0;
        font-size:2rem;
    }
    .wrapper h2 {
        margin:30px 0;
        font-size:2rem;
    }
    .wrapper h3 {
        margin:30px 0;
    }
    .wrapper > p {
        margin:1em 15px 0;
    }
    .wrapper > p strong {
        font-size:1.6rem;
    }

    .wrapper img{
        margin: 10px auto;
        width: 100%;
        height: auto;
    }
}

/* img_list_side */
ul.img_list_side,
.img_list_side ul{
    display: flex;
    flex-wrap: wrap;
    /*justify-content: space-between;*/
    /*justify-content: space-around;*/
    list-style: none;
    margin-left: 0;
    margin-top: 20px;
}

ul.img_list_side li,
.img_list_side ul li{
    text-align: center;
    margin-bottom:20px;
    width:32%;
    margin-right:2%;
}

ul.img_list_side li:nth-Child(3n),
.img_list_side ul li:nth-Child(3n){
    margin-right:0%;
}

.img_list_side li img{
    display: block;
    margin-bottom:5px;
    width:100%;
}
.img_list_side .flexBetween3 { width:360px; }

.boxSet.svmark .imgBox { width:300px; }
.boxSet.svmark .txtBox { width:calc(100% - 300px); }

@media screen and (max-width:768px) {
    .img_list_side{
        flex-direction: column;
        justify-content: center;
    }
    ul.img_list_side li,
    .img_list_side ul li{
        margin: 0 0 20px;
        margin-right:2%;
        width: 100%;
        height: auto;
    }
    ul.img_list_side li:nth-Child(3n),
    .img_list_side ul li:nth-Child(3n){
        margin-right:0%;
    }
    .img_list_side .flexBetween3 { display:none; }

    .boxSet.svmark .imgBox,
    .boxSet.svmark .txtBox { width:100%; }
}

/* qaa */
.qaa dl, dl.qaa { margin-bottom:.5em; }
.qaa dt,
.qaa dd { border:1px solid #CCC; padding:5px 10px; }
.qaa dt {
    background:#EEE;
    font-weight:bold; font-size:1.8rem; color:#1B1C80;
}
.qaa dd        { border-top:0; }
.qaa dd strong { padding-left:1.8em; text-indent:-1.8em; font-weight:bold; display:block; }
.qaa dd p      { padding-left:1.8em; }
.qaa dd ol     { padding-left:1.8em; }
.qaa dd ol.upline { margin-top:-1.5em; }
.qaa dd small  { font-size:80%; }
.qaa img { margin:10px auto; }
.qaa em  { font-weight:bold; }
.qaaFlex    { padding-left:1em; list-style:none; }
.qaaFlex li { padding-left:1.5em; background:url(/img/customers/welfare_appliance/cmn/icon_pdf.png) no-repeat left center; }

/* btn */
.wrapper a[target="_blank"] {
    margin:1em 0;
    padding-right:1.5em;
    background:url(/img/customers/welfare_appliance/cmn/icon_target_blank.png) no-repeat right center;
    background-size:1em;
    color:#1B1C80;
    font-weight:bold;
}

/* bar */
.infoBar {
    background:#ffeaea;
    padding:1em 1em;
    margin: .8em 0;
    font-size:2.4rem;
    text-align:center;
}
.informationBox { margin:1em 0 2em; }


/* number_area */
/*------------------------------------------------------------*/

.wrapper .number_area01 {
    margin-bottom: 20px;
    padding: 15px;
    background: #f4f4f4;
}

.wrapper .number_area01 h3{
    margin:0 0 10px;
    padding:0;
    border:none;
    font-weight:bold;
    font-size:2rem;
}

.wrapper .number_area01 strong{
    font-weight: bold;
}
.wrapper .number_area01 span{ font-size: 1.4rem; padding-top: 10px; display: inline-block; }

.wrapper .number_area02{
    font-size: 1.5rem;
}
.wrapper .number_area02 strong{
    font-weight: bold;
    display: inline-block;
    margin-top: 10px;
}
.wrapper .number_area02 span{
    font-size: 1.2rem;
    padding-top: 10px;
    display: inline-block;
}


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


/* format */
/*------------------------------------------------------------*/
@media screen and (max-width:768px) {
    .infoBar { font-size:1.8rem;}
}
@media screen and (max-width:400px) {
}



/*============================================================*/
/* contents
/*============================================================*/
#contents {}

@media screen and (max-width: 768px) {
    #contents { padding-top: 44px;}
}
/* contents ==================================================*/