@charset "UTF-8";

main{
	padding: 60px 4.666vw;
}
h2 img{
	display: block;
	width: 63vw;
	margin: 17px auto 0;
}

.faq {
	margin: 50px auto 0;
    width: 100%;
}
.faq dl {
    margin: 20px 0 0;
}
.faq dl:first-of-type {
    margin-top: 15px;
}
.faq dt {
    background:
        url("../image/faq_icn01.svg"),
        url("../image/faq_icn03.svg"),
        linear-gradient(90deg,#F20C90 0px,#F20C90 35px,#fff 35px,#fff 100%);
	background-repeat:
        no-repeat,
        no-repeat,
        repeat;
	background-position:
        left 10px center,
        right 15px center,
        left center;
	background-size:
        15px 19px,
        18px 11px,
        100%;
    border: solid 1px #c8c8c8;
    border-radius: 10px;
    box-sizing: border-box;
    color: #323232;
    font-size: 1.4rem;
    letter-spacing: 0.08em;
    line-height: 1.64;
    padding: 13px 40px 13px 47px;
    width: 100%;
    text-align: justify;
}
.faq dt.up {
    background:
        url("../image/faq_icn01.svg"),
        url("../image/faq_icn04.svg"),
        linear-gradient(90deg,#F20C90 0px,#F20C90 35px,#fff 35px,#fff 100%);
	background-repeat:
        no-repeat,
        no-repeat,
        repeat;
	background-position:
        left 10px center,
        right 15px center,
        left center;
	background-size:
        15px 19px,
        18px 11px,
        100%;
}
.faq dd {
    display: none;
    background:
        url("../image/faq_icn02.svg"),
        linear-gradient(90deg,#07219B 0px,#07219B 35px,#f0f0f0 35px,#f0f0f0 100%);
	background-repeat:
        no-repeat,
        repeat;
	background-position:
        left 11.5px center,
        left center;
	background-size:
        13px 16px,
        100%;
    border-radius: 10px;
    box-sizing: border-box;
    color: #323232;
    font-size: 1.4rem;
    letter-spacing: 0.08em;
    line-height: 1.64;
    padding: 17px 14px 17px 47px;
    margin: 15px 0 0;
    width: 100%;
    /*text-align: justify;*/
}
.faq dd .bold{
    font-weight: bold;
}

.faq_entryBtn{
    position: relative;
    display: block;
    width: 100%;
    margin: 50px auto 0;
    background-image: url(../../image/top_bg_pink.png);
    background-size: 8px, 8px;
    background-repeat: repeat;
    padding: 23px 24px;
    box-sizing: border-box;
    color: #FFF;
    font-size: 1.4rem;
    font-weight: bold;
    line-height: 1;
    /*text-align: center;*/
    border-radius: 30px;
}
a.faq_entryBtn:link, a.faq_entryBtn:visited {
    color: #FFF;
}
.faq_entryBtn > span {
    display: inline-block;
    font-size: 1.2rem;
    vertical-align: 0.1rem;
    margin-left: -5px;
}
.faq_entryBtn > span:after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 18px;
    background-image: url(../../../common/image/common_icon_window_white.svg);
    background-repeat: no-repeat;
    background-size: contain;
    vertical-align: -0.4rem;
    margin-left: -1px;
}
.faq_entryBtn .fa-chevron-right {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}


@media print, screen and (min-width: 768px) {

	main{
		width: 1024px;
		padding: 95px 0 70px;
		margin: 0 auto;
	}
	h2 img{
		width: 339px;
		margin: 25px auto 0;
	}
    .faq {
        margin: 67px auto 0;
        font-size: 0;
    }
    .faq .faqDiscription {
        font-size: 1.6rem;
        letter-spacing: 0.05em;
        line-height: 1.625;
        margin: 34px 0 0;
    }
    .faq dl {
        margin: 26px 0 0;
    }
    .faq dt {
        background:
            url("../image/faq_icn01.svg"),
            url("../image/faq_icn03.svg"),
            linear-gradient(90deg,#F20C90 0px,#F20C90 44px,#fff 44px,#fff 100%);
        background-repeat:
            no-repeat,
            no-repeat,
            repeat;
        background-position:
            left 13px center,
            right 23px center,
            left center;
        background-size:
            20px 25px,
            22px 12px,
            100%;
        cursor: pointer;
        font-size: 1.6rem;
        letter-spacing: 0.05em;
        line-height: 1.625;
        padding: 18px 80px 18px 63px;
        width: 100%;
    }
    .faq dt.up {
        background:
            url("../image/faq_icn01.svg"),
            url("../image/faq_icn04.svg"),
            linear-gradient(90deg,#F20C90 0px,#F20C90 44px,#fff 44px,#fff 100%);
        background-repeat:
            no-repeat,
            no-repeat,
            repeat;
        background-position:
            left 13px center,
            right 23px center,
            left center;
        background-size:
            20px 25px,
            22px 12px,
            100%;
    }
    .faq dd {
        background:
            url("../image/faq_icn02.svg"),
            linear-gradient(90deg,#07219B 0px,#07219B 44px,#f0f0f0 44px,#f0f0f0 100%);
        background-repeat:
            no-repeat,
            repeat;
        background-position:
            left 15px center,
            left center;
        background-size:
            16px 19px,
            100%;
        font-size: 1.6rem;
        letter-spacing: 0.05em;
        line-height: 1.625;
        padding: 18px 80px 18px 63px;
        margin: 13px 0 0;
        width: 100%;
    }
    _:-ms-lang(x)::-ms-backdrop, .faq dt, .faq dd {/*  IE11用のハック */
		padding: 20px 80px 16px 63px;
	}

	.faq_entryBtn {
	    display: block;
	    width: 324px;
	    margin: 70px auto 0;
	    background-size: 15px, 15px;
	    padding: 34px 0 34px 44px;;
	    font-size: 1.8rem;
	    border-radius: 42px;
	    transition: 0.5s;
	}
	.faq_entryBtn:hover {
	    text-decoration: none;
	    opacity: 0.4;
	}
	.faq_entryBtn > span {
	    font-size: 1.4rem;
	    vertical-align: 0.2rem;
	    margin-left: -5px;
	}
	.faq_entryBtn .fa-chevron-right {
	    right: 18px;
	}

}