@charset "utf-8";
/*////////////////////////////////////
 faq
////////////////////////////////////*/

@media screen and (min-width: 768px){
#under_faq_startimg{
	background: url("../faq/img/faq_top.jpg");
	background-position: center;
	background-size: cover;
}
}

@media screen and (min-width: 0px) and (max-width: 767px){
#under_faq_startimg{
	background: url("../faq/img/faq_top.jpg");
	background-position: center;
	background-size: cover;
}
}


/*////////////////////////////////////
 faq area
////////////////////////////////////*/

@media screen and (min-width: 768px){
.faq_area{
	position: relative;
	width: 100%;
	padding: 50px 0 100px 0;
	background-color: #e7e5e5;
	overflow: hidden;
}

.faq_place{
	position: relative;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.accordion_area .accordion_one .ac_header {
    background-color: #ffffff;
    border: 1px solid #ccc;
    padding: 10px 20px 10px 10px;
    position: relative;
    z-index: 1;
    cursor: pointer;
    transition: .2s;
}

.accordion_area .accordion_one .ac_header:not(.open):hover {
    background-color: #f1f8ff;
}

.accordion_area .accordion_one:nth-child(odd) .ac_header {
    background-color: #f5f5f5;
}

.accordion_area .accordion_one:nth-child(odd) .ac_header:not(.open):hover {
    background-color: #f1f8ff;
}

.accordion_area .accordion_one .ac_header .i_box {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
}

.accordion_area .accordion_one .ac_header .i_box:before, .accordion_area .accordion_one .ac_header .i_box:after {
    position: absolute;
    content: "";
    margin: auto;
    box-sizing: border-box;
    vertical-align: middle;
}

.accordion_area .accordion_one .ac_header .i_box:before {
    border-top: 2px solid #014897;
    width: 20px;
    height: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

.accordion_area .accordion_one .ac_header .i_box:after {
    border-left: 2px solid #014897;
    width: 0;
    height: 20px;
    top: 0;
    bottom: 0;
    right: 9px;
    transition: .3s;
}

.accordion_area .accordion_one .ac_header.open .i_box:after {
    height: 0;
}

.accordion_area .accordion_one .ac_inner {
    display: none;
    padding: 10px 20px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
}

.p-faq__headinner {
    display: block;
    padding-left: 35px;
    position: relative;
    line-height: 1.5;
}

.p-faq__headinner::before {
    position: absolute;
    left: 10px;
    content: "Q．";
    color: #09357f;
    font-size: clamp(1.8rem,1.4vw,2rem);
    font-weight: bold;
}

.p-faq__headinner p.p-faq__q-txt {
    font-size: clamp(1.8rem,1.4vw,2rem);
}

.p-faq__bodyinner {
    display: block;
    padding-left: 35px;
    position: relative;
    line-height: 1.5;
}

.p-faq__bodyinner::before {
    position: absolute;
    left: 0;
    content: "A．";
    color: #de0000;
    font-size: clamp(1.8rem,1.4vw,2rem);
    font-weight: bold;
}

.p-faq__bodyinner p.p-faq__a-txt {
    font-size: clamp(1.8rem,1.4vw,2rem);
	font-family: "Shippori Mincho", system-ui;
	font-weight: 500;
}

.faq_area{
	position: relative;
	width: 100%;
	padding: 0 0 100px 0;
	background-color: #e7e5e5;
	overflow: hidden;
}

.faq_place{
	position: relative;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
}

@media screen and (min-width: 0px) and (max-width: 767px){
.faq_area{
	position: relative;
	width: 100%;
	padding: 30px 0;
	background-color: #e7e5e5;
	overflow: hidden;
}

.faq_place{
	position: relative;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.accordion_area .accordion_one .ac_header {
    background-color: #ffffff;
    border: 1px solid #ccc;
    padding: 10px 24px 10px 10px;
    position: relative;
    z-index: 1;
    cursor: pointer;
    transition: .2s;
}

.accordion_area .accordion_one .ac_header:not(.open):hover {
    background-color: #f1f8ff;
}

.accordion_area .accordion_one:nth-child(odd) .ac_header {
    background-color: #f5f5f5;
}

.accordion_area .accordion_one:nth-child(odd) .ac_header:not(.open):hover {
    background-color: #f1f8ff;
}

.accordion_area .accordion_one .ac_header .i_box {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 20px;
    height: 20px;
    margin-top: -10px;
}

.accordion_area .accordion_one .ac_header .i_box:before, .accordion_area .accordion_one .ac_header .i_box:after {
    position: absolute;
    content: "";
    margin: auto;
    box-sizing: border-box;
    vertical-align: middle;
}

.accordion_area .accordion_one .ac_header .i_box:before {
    border-top: 2px solid #014897;
    width: 16px;
    height: 0;
    top: 0;
    bottom: 0;
    right: 0;
}

.accordion_area .accordion_one .ac_header .i_box:after {
    border-left: 2px solid #014897;
    width: 0;
    height: 16px;
    top: 0;
    bottom: 0;
    right: 7px;
    transition: .3s;
}

.accordion_area .accordion_one .ac_header.open .i_box:after {
    height: 0;
}

.accordion_area .accordion_one .ac_inner {
    display: none;
    padding: 10px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
}

.p-faq__headinner {
    display: block;
    padding-left: 35px;
    position: relative;
    line-height: 1.5;
}

.p-faq__headinner::before {
    position: absolute;
    left: 10px;
    content: "Q．";
    color: #09357f;
    font-size: 1.6rem;
    font-weight: bold;
}

.p-faq__headinner p.p-faq__q-txt {
    font-size: 1.6rem;
}

.p-faq__bodyinner {
    display: block;
    padding-left: 35px;
    position: relative;
    line-height: 1.5;
}

.p-faq__bodyinner::before {
    position: absolute;
    left: 0;
    content: "A．";
    color: #de0000;
    font-size: 1.6rem;
    font-weight: bold;
}

.p-faq__bodyinner p.p-faq__a-txt {
    font-size: 1.6rem;
}

.faq_area{
	position: relative;
	width: 100%;
	padding: 0 0 100px 0;
	background-color: #e7e5e5;
	overflow: hidden;
}

.faq_place{
	position: relative;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
}