@charset "utf-8";
/* CSS Document */

/*----------------------------*/
.page_tit_wrap.pattern01{
background: url('../images/faq/title_img_sp.webp');
	
}
.page_tit_wrap.pattern01 .page_tit::before{
	        width: 49.5833%;
}
/*----------------------------*/
    section.wp-block-group .wp-block-group__inner-container {
        width: 83.33%;
        margin: 0 auto;
        box-sizing: border-box;
    }

section.wp-block-group:nth-of-type(even){
background-color: #f0f5f7;	
	background-image: url("../images/faq/bg_sec.webp");
	        background-size: 45.25rem;
        background-position: center top;
	        background-repeat: no-repeat;
}
h2.h2-midashi mark{
	font-size:1.5rem; 
	background: unset;
	color: unset;
}


.qa {
  counter-reset: qa-counter;
margin-top: 1.98rem;
}

/* 質問 */
.qa dt {
        position: relative;
        font-size: 1.3rem;
        padding: 1.0rem 4.1rem 1.0rem 5.8rem;
        cursor: pointer;
        background: #fff;
        border: 1px solid #026a9e;
        border-radius: 1.4rem;
        min-height: 6.0rem;
        font-weight: 500;
        color: #026a9e;
        line-height: 1.53;
        box-sizing: border-box;
        display: flex;
        align-items: center;
        z-index: 1;
	text-align: justify;
}
.qa dt:not(:first-of-type){
        margin-top: 1.5rem;
}
.qa dt .faq_txt {
position: relative;
}
/* Q部分 */
.qa dt .faq_txt::before {
        content: "Q";
        position: absolute;
        left: -4.75rem;
        font-family: "Josefin Sans", sans-serif;
        color: #f28e1e;
        font-size: 1.75rem;
        font-weight: 400;
	top: -0.1rem;
}

/* 01.部分 */
.qa dt .faq_txt::after {
  content: counter(qa-counter, decimal-leading-zero) ". ";
  counter-increment: qa-counter;
  position: absolute;
          left: 2.8rem;
	font-family: "Josefin Sans", sans-serif;
	font-size: 1.75rem;
  color: #096596;
	        letter-spacing: 0.1rem;
	font-weight: 400;
	top: -0.1rem;
        left: -3rem;
}


/* アイコン */
.qa dt .icon {
  position: absolute;
  right: 1.1rem;
  top: 50%;
  width: 2.0rem;
  height: 2.0rem;
  transform: translateY(-50%);
  background-color: #f28e1e;
  transition: transform 0.3s ease;
	        border-radius: 50%;
}
.qa dt .icon::before{
  position: absolute;
  content: '';
  width: 1.25rem;
  height: 1px;
  background-color:#fff;
  transform: rotate(90deg);
  transition: all .3s ease-in-out;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
}

.qa dt .icon::after{
  position: absolute;
  content: '';
  width: 1.25rem;
  height: 1px;
  background-color:#fff;
  transition: all .3s ease-in-out;
	left: 50%;
  top: 50%;
        transform: translate(-50%, -50%);
}

.qa dt.open .icon::before {
  transform: translate(-50%, -50%) rotate(180deg);
}
.qa dt.open .icon::after {
}
/* 答え */
.qa dd {
          padding: 4.5rem 1.5rem 2.7rem 5.7rem;
  display: none;
  line-height: 1.34;
  position: relative;
	text-align: justify;
	background-color: #f0f5f7;
	color: #333333;
	border-radius: 0 0 1.4rem 1.4rem;
	       letter-spacing: 0.13rem;
	                transform: translateY(-3.3rem);
	        font-size: 1.3rem;
	         margin-bottom: -2.0rem;
}
section.wp-block-group:nth-of-type(even) .qa dd{
	/*background-color: #fff;*/
	
}
.qa dd .faq_txt {
position: relative;
}

/* A部分 */
.qa dd .faq_txt::before {
  content: "A";
  position: absolute;

  left:  -4.4rem;
	font-family: "Josefin Sans", sans-serif;
	color: #f28e1e;
	font-size: 1.8rem;
	        top: -0.1rem;
	font-weight: 400;
}

/* 01. 部分 */
.qa dd .faq_txt::after {
  content: counter(qa-counter, decimal-leading-zero) ". ";
  position: absolute;
  left:  -3rem;
	font-family: "Josefin Sans", sans-serif;
	font-size: 1.8rem;
  color: #096596;
	 letter-spacing: 0.18rem;
	top: -0.1rem;
	font-weight: 400;
	
}
.qa dd a {
        color: #0071b7;
        text-decoration: underline;
        position: relative;
	
}
/*すべて開くボタン*/
.wp-block-buttons>.wp-block-button.toggleall{
	position: relative;
        right: 50%;
        transform: translateX(50%);
	
}
.toggleall button {
	color: #026a9e;
    background-color: #fff;
    border-radius: 9999px;
    box-shadow: none;
    text-decoration: none;
    padding: 1rem 2rem;
    font-size: 1.3rem;
	    border: 1px solid #026a9e;
	font-weight: 500;
	        display: flex;
        align-items: center;
	        margin-top: 1.98rem;
	        gap: 4px;
	        position: relative;
        z-index: 0;
	transition: all 0.5s;
	
}

.toggleall button::after{
content: '';
        background: url(../images/common/anchor_ico_ora.webp) no-repeat;
        background-size: cover;
        width: 1.3rem;
        height: auto;
        aspect-ratio: 1 / 1;
	display: block;
	
}