@charset "UTF-8";

div.faq{

    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans JP", Meiryo, "Yu Gothic Medium", Verdana, "M+ 1p",  Arial,  Helvetica, sans-serif;

    h3{
        background: #192f60!important;
        color: #fff;
        text-align: center;
        border: none;
        margin-top: 1.5em;
        padding: 10px;
        font-weight: bold;
        font-size: 18px;
        font-size: 1.125rem;
    }

    .qa-006 {
    	margin-bottom: 5px;
    	border-bottom: 2px solid #d6dde3;
    }

    .qa-006 summary {
    	display: flex;
    	justify-content: space-between;
    	align-items: center;
    	position: relative;
    	padding: 1em 1em 1em 2.5em;
    	font-weight: 600;
    	cursor: pointer;
    }

    .qa-006 summary::before,
    .qa-006 p::before {
    	position: absolute;
    	left: 0.5em;
    	font-weight: 600;
    	font-size: 21px;
    }

    .qa-006 summary::before {
    	color: #004DA0;
    	content: "Q";
    }

    .qa-006 summary::after {
    	transform: translateY(-25%) rotate(45deg);
    	width: 7px;
    	height: 7px;
    	margin-left: 8px;
    	border-bottom: 3px solid #333333b3;
    	border-right: 3px solid #333333b3;
    	content: '　';
    	transition: transform .5s;
    }

    .qa-006[open] summary::after {
    	transform: rotate(225deg);
    }

    .qa-006 p.answer{
    	border-top:1px dashed #ddd;
    	padding-top:1.2em;
    }

    .qa-006 div > * {
    	font-size: .95em;
    	position: relative;
    	transform: translateY(-10px);
    	opacity: 0;
    	margin: 0;
    	padding: .3em .5em .3em 2.5em;
    	transition: transform .5s, opacity .5s;
    }

    .qa-006[open] div > * {
    	transform: none;
    	opacity: 1;
    }

    .qa-006 p.answer::before {
    	color: #d9534f;
    	line-height: 1.2;
    	content: "A";
    }

}