/*******************************************************
 * for SHICHIGOSAN PAGES ( children pages )
 *******************************************************/


/*-----------------------------------------------------
 ORIGINAL PAGE
 ------------------------------------------------------*/
.originalbrand .rset { text-align: right; }
.originalbrand a:hover { opacity: 1; }
.originalbrand .btn a {
 margin: 1.25rem auto;
 padding: 0.25rem;
 background-color: #f8b3b3;
 border-radius: 4px;
 color: #fff;
 font-size: clamp(0.813rem, 0.767rem + 0.23vw, 0.938rem);
 font-weight: 700;
 line-height: 1;
 letter-spacing: 0.05em;
 text-decoration: none;
 display: flex;
 align-items: center;
 justify-content: center;
 text-align: center;
}
.originalbrand .btn a::after {
 display: block;
 vertical-align: middle;
 font-size: 140%;
 font-family: "Material Symbols Outlined";
 content: "\e1c4";
 font-variation-settings:
  'FILL' 1,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}
.originalbrand .btn a:hover,
.originalbrand .btn a:hover .material-icons-outlined {
 background-color: #e22658;
 color: #fff;
}

/* Main images -------------------------------------------*/
/*.originalbrand #mainimg {
 margin-bottom: 2rem !important;
 padding: 0;
}
.originalbrand #mainimg > div {
 margin: 0 auto;
 padding: 0;
 width: 100%;
 max-width: 1200px;
 position: relative;
}
.originalbrand #mainimg h1 { display: none; }
.originalbrand #mainimg .subimg { display: flex; }
.originalbrand #mainimg .subimg picture { width: 50%; }
.originalbrand #mainimg .subimg picture:last-of-type { display: none; }
.originalbrand #mainimg img { object-fit: cover; }

@media screen and (min-width: 768px) and (max-width: 1109px){
#mainimg .subimg { width: 40%; }
#mainimg .subimg picture { heihgt: calc(100% / 3); }
}*/

.originalbrand .topslider {
 margin: 0 auto;
 padding-top: 60px;
 width: 90%;
 max-width: 1040px;
 position: relative;
}
.originalbrand .topslider h1 {
 margin: 0;
 width: 10em;
 max-width: 400px;
 font-size: 28px;
 font-weight: bold;
 line-height: 1.2;
 text-align: left;
 letter-spacing: 0.2em;
 position: absolute;
 top: 0;
 left: 51%;
 transform: translateX(-51%);
 -webkit-transform: translateX(-51%);
 -ms-transform: translateX(-51%);
 z-index: 3;
}
.originalbrand .topslider h1 span {
 display: block;
 margin-bottom: 5px;
 font-size: 12px;
 letter-spacing: 0.15em;
}
.originalbrand .topslider h1 span.name{ font-size: 29px; }
.originalbrand .topslider h1 span.stx {
 margin-top: 5px;
 font-size: 11;
 font-weight: 400;
 letter-spacing: 0.1em;
}

@media screen and (min-width: 768px){
.originalbrand .topslider h1 {
 width: 660px;
 max-width: initial;
 font-size: 62px;
 line-height: 1.3;
 letter-spacing: 0.33em;
 left: -2%;
 transform: initial;
 -webkit-transform: initial;
 -ms-transform: initial;
}
.originalbrand .topslider h1 span { font-size: 29px; }
.originalbrand .topslider h1 span.name {
 font-size: 67px;
 letter-spacing: 0.13em;
 display: block;
 line-height: 1em;
 padding-top: 0.1em;
} 
.originalbrand .topslider h1 span.stx {
 margin-top: 16px;
 font-size: 22px;
 letter-spacing: 0.26em;
} 
}

.originalbrand .entry-content .slider-pc.fullw + .fullw { padding-top: 0; }
.originalbrand .slider-pc { display: none; }
.originalbrand .slider-pc.fullw > div,
.originalbrand .slider-sp.fullw > div { margin: 0; max-width: initial; }
.originalbrand .infinite-slider .swiper-wrapper { transition-timing-function: linear; }
.originalbrand .slider-sp .infinite-slider .swiper-slide {
 height: 450px; /* 高さを指定 */
 width: auto;
}
.originalbrand .slider-pc .infinite-slider .swiper-slide {
 height: 780px;
 width: auto;
} 
.originalbrand .infinite-slider .swiper-slide img {
 width: auto;
 height: 100%;
}

@media screen and (min-width: 768px){
.originalbrand .slider-sp { display: none; }
.originalbrand .slider-pc { display: block; padding: 180px 0 70px;}
.originalbrand .topslider { padding-top: 16px; }
}

/* TOP Catch----------------------------------------------*/
.originalbrand .topcatch picture { display: none; }
.originalbrand .topcatch {
 margin: -16px auto 0;
 width: 100vw;
 max-width: none;
 background: url("/wp/wp-content/themes/twentytwenty-child/img/shichigo/original/img_top01.jpg") no-repeat;
 background-size: 37%;
 background-position: 0 13px;
 font-size: 13px;
 position: relative;
}
.originalbrand .topcatch div {
 padding-bottom: 30%;
 background: url("/wp/wp-content/themes/twentytwenty-child/img/shichigo/original/img_top02.jpg") no-repeat;
 background-size: 57%;
 background-position: 105% 100%;
}
.originalbrand .topcatch h2 {
 margin: 0 auto;
 padding: 22.5px 0 29px;
 -ms-writing-mode: tb-rl;
 writing-mode: vertical-rl;
 font-size: 19px;
 font-weight: normal;
 font-family: 'Noto Sans JP', sans-serif;
 letter-spacing: 0.15em;
 text-align: initial;
}
.originalbrand .topcatch p {
 margin: 0 5%;
 text-shadow:1px 1px 0 #fff, -1px -1px 0 #fff, -1px 1px 0 #fff, 1px -1px 0 #fff, 0px 1px 0 #fff,  0 -1px 0 #fff, -1px 0 0 #fff, 1px 0 0 #fff;
}

@media screen and (min-width: 768px){
.originalbrand .topcatch {
 margin: 0 auto 11px;
 max-width: 1040px;
 position: initial;
 background: none;
 display: flex;
 align-items: flex-end;
}
.originalbrand .topcatch picture { display: block; }
.originalbrand .topcatch picture:first-of-type {
 margin: 0 0 0 -3%;
 padding-bottom: 64px;
 flex-basis: 30%;
}
.originalbrand .topcatch picture:last-of-type {
 margin: 0 -10% 0 0;
 flex-basis: 42%;
}
.originalbrand .topcatch div {
 padding: 16px 64px 96px;
 background: none;
 flex-basis: 45%;
}
.originalbrand .topcatch h2 {
 padding: 0 0 32px;
 font-size: 24px;
 letter-spacing: 0.3em;
}
.originalbrand .topcatch p {
 margin: 0;
 text-shadow: none;
}
}

/* Collection -------------------------------------------*/
.originalbrand .collection {
 margin: 70px 0 80px;
 padding: 2rem;
 border: 1px solid #a5a5a5;
}
.originalbrand .collection h2 {
 display: flex;
 margin: 0 auto 1.25rem;
 align-items: center;
 justify-content: center;
 font-size: 0.9375rem;
 font-weight: 500;
 letter-spacing: 0.2em;
}
.originalbrand .collection p { line-height: 2; }
.originalbrand .collection .rset p {
 margin-bottom: 10px;
 letter-spacing: 0.2em;
}
.originalbrand .collection .sign {
 margin: 10px 0 0 auto;
 width: 95px;
}
.originalbrand .collection .profile {
 display: block;
 margin-left: 20px;
 max-width: 120px;
}
.originalbrand .collection h2 img {
 margin-right: 10px;
 width: 64px;
 height: auto;
}
.originalbrand .collection .rset { 
 display: flex;
 align-items: flex-end;
 justify-content: flex-end;
}
.originalbrand .collection p {
 margin-bottom: 20px;
 font-size: clamp(0.75rem, 0.705rem + 0.23vw, 0.875rem);
}

@media screen and (min-width: 768px){ 
.originalbrand #mainimg > div {
 padding: 0 0 0 75px;
 text-align: center;
 display: flex;
 align-items: stretch;
}
.originalbrand #mainimg h1 {
 display: block;
 padding: 40px;
 background-color: #fff;
 font-size: 1.375rem;
 font-weight: 700;
 letter-spacing: 0.1em;
 box-shadow: 3px 6px 12px rgba(0,0,0,.16);
 position: absolute;
 left: 0;
 bottom: 60px;
 z-index: 3;
}
.originalbrand #mainimg h1 img { display: block; margin-bottom: 20px; }
.originalbrand #mainimg > picture img { height: 100%; }
.originalbrand #mainimg .subimg {
 display: block;
 margin-left: -30px;
 width: 24.9%;
}
.originalbrand #mainimg .subimg picture { width:100%; }
.originalbrand #mainimg .subimg picture:last-of-type { display: block; }

.originalbrand .collection {
 margin: 100px 0 120px;
 padding: 0;
 display: flex;
 align-items: center;
}
.originalbrand .collection h2 {
 margin: 0;
 padding: 0;
 width: 33%;
 display: block;
}
.originalbrand .collection h2 img {
 margin-right: 0;
 width: 100%;
 height: auto;
}
.originalbrand .collection h2 span { display: none; }
.originalbrand .collection > div {
 padding: 2.5rem 4rem;
 width: calc(100% - 33%);
}
.originalbrand .collection p {
 margin-bottom: 25px;
 padding-right: 0;
 line-height: 2;
 letter-spacing: 0.1em;
 }
.originalbrand .collection .sign { width: 133px; }
.originalbrand .collection .profile { max-width: 120px; }
}

@media screen and (min-width: 768px) and (max-width: 890px){
.originalbrand .collection p { margin-bottom: 10px; }
.originalbrand .collection .profile { max-width: 120px; }
}
@media screen and (min-width: 891px) and (max-width: 1135px){
.originalbrand .collection p { margin-bottom: 1.25rem; }
.originalbrand .collection .profile { max-width: 140px; }
}


/* Kimono Slider -------------------------------------------*/
.originalbrand .bland {
 background-color: #fff5f5;
 cursor: pointer;
}
.originalbrand .blandlist {
 margin-left: auto;
 margin-right: auto;
 padding: 0;
 max-width: 1000px;
}
.originalbrand .blandlist h2 {
 margin-bottom: 1.25rem;
 font-size: clamp(1.25rem, 0.977rem + 1.36vw, 2rem);
 font-weight: 500;
 text-align: center;
 letter-spacing: 0.1em;
}
.originalbrand .blandlist h2 span {
 margin-top: 0.5rem;
 font-size: clamp(0.75rem, 0.614rem + 0.68vw, 1.125rem);
 font-weight: normal;
 letter-spacing: normal;
 display: block;
}
.originalbrand .swiper-wrapper {
 width: 100%;
 height: auto;
}
.originalbrand .swiper-wrapper .btn {
 display: inline-block;
 margin-bottom: 0.5rem;
}
.originalbrand .swiper-slide {
 width: 100%;
 height: 100%;
 text-align: center;
}
.originalbrand .swiper.thumswiper {
 margin-bottom: 20px;
 padding: 10px 0 25px;
 max-width: 1000px;
 color: #404040;
 font-size: clamp(0.813rem, 0.79rem + 0.11vw, 0.875rem);
 box-sizing: border-box;
}
.originalbrand .swiper.thumswiper .swiper-wrapper {
 max-width: 1040px;
 display: flex;
 align-items: flex-end;
}
.originalbrand .thumswiper .swiper-slide { width: 79px !important; }
.originalbrand .thumswiper .swiper-slide img { opacity: .3; }
.originalbrand .thumswiper .swiper-slide-thumb-active img { opacity: 1; }

.originalbrand .mainswiper {
 width: 100%;
 background-color: #fff;
 border-radius: 10px;
}
.originalbrand .swiper.mainswiper { overflow: initial; }
.originalbrand .mainswiper .swiper-slide {
 height: 100%;
 border-radius: 10px;
}
.originalbrand .mainswiper .swiper-slide > div { padding: 30px 25px 20px; }
.originalbrand .mainswiper .swiper-slide > div div {
 margin: 12px 10px;
 text-align: left;
}
.originalbrand .mainswiper .swiper-slide figure {
 margin: 0;
 text-align: left;
}
.originalbrand .mainswiper .swiper-slide figure img { height: 60px; width: auto; }
.originalbrand .mainswiper .swiper-slide h3 {
 margin: 0;
 padding-left: 0;
 padding-bottom: 1rem;
 border-left: 0;
 font-size: clamp(1.25rem, 1.068rem + 0.91vw, 1.75rem);
 font-weight: 500;
 letter-spacing: 0.05em;
}
.originalbrand .mainswiper .swiper-slide-thumb-active { opacity: 1; }
.originalbrand .mainswiper .btn a {
 margin-bottom: 0;
 padding: 0.8rem 2.5rem 0.8rem 1rem;
}

.originalbrand .blandlist .swiper-button-prev,
.swiper-rtl .swiper-button-next {
 left: -10px;
 right: auto;
}
.originalbrand .blandlist .swiper-button-next,
.swiper-rtl .swiper-button-prev {
 right: -10px;
 left: auto;
}
.originalbrand .blandlist .swiper-button-next,
.blandlist .swiper-button-prev { color: #fff; }
.originalbrand .blandlist .swiper-button-prev:after,
.originalbrand .blandlist .swiper-button-next:after {
 background-color: #f8b3b3;
 border-radius: 30px;
 font-size: 1.875rem;
 font-family: "Material Symbols Outlined";
 font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}
.originalbrand .blandlist .swiper-button-prev:after { content: "\e5cb"; }
.originalbrand .blandlist .swiper-button-next:after { content: "\e5cc"; }

.originalbrand .tai {
 margin: 1rem 0 0;
 padding-top: 0.3rem;
 border-top: 2px dotted #bbb9b9;
}

.originalbrand .bg {
 margin-left: 5px;
 margin-bottom: 10px;
}
.originalbrand .badge {
 display: inline-block;
 position: relative;
 color: #fff;
 padding: 2px 10px;
 border-radius: 10px;
 font-size: 13px;
 font-weight: 500;
 text-transform: uppercase;
 text-align: center;
 white-space: nowrap;
}
.originalbrand .badge::before {
 content: "";
 position: absolute;
 top: 100%;
 left: 50%;
 margin-left: -5px;
 border: 5px solid transparent;
 border-top: 7px solid #d1bc00;
}
.originalbrand .bg-yellow { background-color: #d1bc00; }


@media screen and (min-width: 768px){ 
.originalbrand .bland {
 padding-top: 100px;
 padding-bottom: 40px;
}
.blandlist h2 { margin-bottom: 50px; }
.originalbrand div .thumswiper {
 margin-bottom: 20px;
 padding: 15px 0;
}
.originalbrand .thumswiper .swiper-slide { width: 100px !important; }

.originalbrand .swiper.mainswiper { overflow: hidden; }
.originalbrand .mainswiper { border-radius: 12px; }
.originalbrand .mainswiper .swiper-slide {
 height: 100%;
 border-radius: 12px;
}
.originalbrand .mainswiper .swiper-slide > div {
 padding: 10px 10px 50px 50px;
 display: flex;
}
.originalbrand .mainswiper .swiper-slide > div div { margin: 0 60px 0 50px; width: 50%; }
.originalbrand .mainswiper .swiper-slide picture { margin-top: 40px; width: 50%; } 
.originalbrand .mainswiper .swiper-slide figure { margin-right: -40px; text-align: right; }
.originalbrand .mainswiper .swiper-slide figure img { margin-left: auto; height: 80px; }
.originalbrand .mainswiper .swiper-slide h3 { padding-bottom: 14px; }

.originalbrand .blandlist .swiper-button-prev,
.originalbrand .swiper-rtl .swiper-button-next { left: 9px; }
.originalbrand .blandlist .swiper-button-next,
.originalbrand .swiper-rtl .swiper-button-prev { right: 9px; }
.originalbrand .blandlist .swiper-button-prev:after,
.originalbrand .blandlist .swiper-button-next:after {
 border-radius: 45px;
 font-size: 45px;
}
}

/* Quality -------------------------------------------*/
/*.originalbrand .quality {
 margin: 60px 0 40px;
 padding: 25px 20px;
 border: 2px solid #f8b3b3;
 font-size: clamp(0.75rem, 0.659rem + 0.45vw, 1rem);
}
.originalbrand .quality h2 {
 margin: 0 auto 15px;
 font-size: clamp(1rem, 0.864rem + 0.68vw, 1.375rem);
 text-align: center;
}
.originalbrand .quality h2 figure {
 margin: 0 auto 20px;
 width: 40px;
 display: block;
}
.originalbrand .quality p { margin-bottom: 0; }*/
.originalbrand .btn.cos {
 margin-top: 3rem;
 margin-bottom: 50px;
 display:block;
}
.originalbrand .btn.cos a {
 max-width: 15em;
 padding: 1rem 30px 1rem 20px;
 font-size: clamp(1rem, 0.795rem + 1.02vw, 1.563rem);
}

 @media screen and (min-width: 768px){ 
/*.originalbrand .quality {
 margin: 80px auto !important;
 padding: 25px 60px 40px;
 max-width: 860px !important;
 letter-spacing: 0.1em;
}
.originalbrand .quality h2 { margin-bottom: 20px; }
.originalbrand .quality h2 figure {
 margin: 0 auto 20px;
 width: 60px;
}*/
.originalbrand .btn.cos { margin-bottom: 120px; }
.originalbrand .btn.cos a { padding: 1.5rem 30px 1.5rem 20px; }

}

/* 2024 New Production  -------------------------------------------*/
.originalbrand .sitiho {  margin-bottom: 50px; text-align: center;}

.originalbrand .sitiho img{ display: inline!important;}
.originalbrand .sitiho .corde img{ width: 70%;}

.originalbrand .sitiho div {
 margin: 0 auto;
 padding-bottom: 0px;
 width: 80%;
 text-align: center;
}
.originalbrand .sitiho p { padding: 20px 0; }

.originalbrand .special-price {background: #FF982A; color: #FFF; font-weight: bold;}
.originalbrand .special-price .sub-ttl {display: block;}
.originalbrand .special-price .price {font-size: 20px;}
.originalbrand .special-price .tax {font-size: 10px;}


@media screen and (max-width: 790px) {
.originalbrand .sitiho { margin-bottom: 20px; }
.originalbrand .sitiho div {
 padding-bottom: 20px;
 width: 100%;
}
.originalbrand .sitiho p { font-size: 14px; }
.originalbrand .special-price br.sp{ display: none;}
.originalbrand .special-price .price {font-size: 15px;}
.originalbrand .special-price .tax {font-size: 10px; display: block;}
.originalbrand .sitiho .btn.cos{ margin-top: 0;}

}

.sitiho img { margin-bottom: 20px; }
.wp-block-image.no-margin {	margin-bottom: 0!important; }


/* Price & Plans  -------------------------------------------*/
#price h3 {
 border-left: 0;
 font-weight: 500;
 letter-spacing: 0.15em;
}
.plan {
 margin: 32px 0 32px;
 padding: 24px 19px 16px;
 box-shadow: 0 2px 12px -2px #dfdfdf;
}
.plan > dt {
 margin-bottom: 11px;
 font-size: 18px;
 font-weight: 500;
 text-align: center;
 letter-spacing: 0.2em;
 line-height: 1.2;
}
.plan .ltx0 {
 font-size: 16px;
 line-height: 1.2;
 font-weight: 300;
 display: initial;
}
.plan > dd:not(.plus) {
 padding: 19px 32px;
 background-color: #f8f4ea;
 border-radius: 5px;
}
.plan > dd + dd {
 font-size: 10.5px;
 text-align: center;
 margin-top: 40px;
}
.plan > dd + dd img {
 margin: -15px auto 19px;
 width: 32px;
 height: auto;
}
.shooting {
 font-size: 11px;
 text-align: center;
 line-height: 1.5;
}
.plan-icons {
 margin: 16px auto 5px;
 padding: 0;
 width: 100%;
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
}
.plan-icons li {
 margin: 0 5px 16px;
 width: 44%;
 list-style: none;
}
.attached {
 margin: 0;
 padding: 13px;
 background-color: #fff;
 border-radius: 5px;
 display: flex;
 align-items: center;
 justify-content: center;
}
.shooting .attached strong {
 margin-bottom: 0;
 font-size: clamp(0.75rem, 0.659rem + 0.45vw, 1rem);
 white-space: nowrap;
}
.attached ul {
 margin: 0;
 padding: 0 0 0 32px;
 white-space: nowrap;
 line-height: 1.5;
}
.attached li {
 margin-top: 0;
 margin-bottom: 0;
 font-size: clamp(0.688rem, 0.619rem + 0.34vw, 0.875rem);
 list-style: disc;
}
.planlist dl {
 margin-bottom: 27px;
 text-align: center;
}
.planlist dt {
 margin: 0 0 8px;
 font-size: 18px;
 font-weight: 700;
}
.planlist dd {
 padding: 10px 13px 0;
 background-color: #fff;
}
.planlist dd:first-of-type {
 border-radius: 5px 5px 0 0;
 font-size: 24px;
 font-weight: 700;
 letter-spacing: 0.05em;
 white-space: nowrap;
}
.planlist dd:first-of-type span {
	display: block;
	margin-top: -5px;
	font-size: 40%;
	letter-spacing: 0.05em;
	}

.planlist dd:nth-of-type(2) { padding-top: 0.3rem; }
.planlist dd:nth-of-type(2) div {
 padding: 10px 5px 11px;
 background-color: rgba(245,234,206,.2);
 font-size: 14.5px;
 line-height: 1.6;
}
.planlist dd:nth-of-type(2) div.gray { background-color: #f6f6f6; }

.planlist dd:nth-of-type(2) div strong {
 margin-left: 8px;
 font-size: 20px;
	display: block;
}
.planlist dd:nth-of-type(2) div span {
 margin-top: 3px;
 font-size: 11.5px;
 display: block;
}
.planlist dd:nth-of-type(2) div span.brpc,
.planlist dd:nth-of-type(2) div span.brx { display: initial; }
.planlist dd:last-of-type {
 padding: 11px 0 16px;
 border-radius: 0 0 5px 5px;
 font-size: 13px;
 font-weight: 700;
}
.planlist dd:last-of-type a, .planlist dt a {
 margin: 10px auto;
 padding: 5px;
 min-width: 8em;
 max-width: 60%;
 background-color: #fff;
 border: 2px solid #ffcb48;
 border-radius: 4px;
 color: #404040;
 font-size: 14px;
 text-decoration: none;
 display: flex;
 align-items: center;
 justify-content: center;
 position: relative;
}
.planlist dd:last-of-type a::before,
.planlist dt a::before {
 margin-right: 0.2rem;
 color: #ffcb48;
 font-size: 140%;
 font-family: "Material Symbols Outlined";
 content: "\e1c4";
 font-variation-settings:
  'FILL' 1,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}
.planlist dd:last-of-type a:hover::before,
.planlist dt a:hover::before { color: #fff; }

.planlist dd:last-of-type a .material-icons-outlined,
.planlist dt a .material-icons-outlined {
 margin: 0 6px 0 -6px;
 color: #ffcb48;
 font-size: 21px;
}
.planlist dd:last-of-type a:hover,
.planlist dt a:hover {
 background-color: #ffcb48;
 color: #fff;
}
.planlist dd:last-of-type a:hover .material-icons-outlined,
.planlist dt a:hover .material-icons-outlined { color: #fff; }

.campaign-ttl { margin-top: 40px;}
.campaign-ttl span { font-size: 13px; }

.plan > dd.none{
  background: none;
  padding: 15px 0px!important;
}
.plan .balloon {
 margin: 0;
 padding: 4px 3px 5px 5px;;
 background-color: #ffcb48;
 border-radius: 20px;
 width: 7em;
 color: #fff;
 font-size: 11px;
 line-height: 1;
 position: relative;
 display: inline-block;
}
.plan .balloon:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border: 3px solid transparent;
  border-top: 5px solid #ffcb48;
}
.planlist dt a { display: none; }


.shooting > div:first-of-type {
 display: flex;
 align-items: center;
 justify-content: center;
 letter-spacing: 0;
 white-space: nowrap;
}

.shooting > div:first-of-type figure {
 margin: 0 10px;
 width: 8%;
 height: auto;
}
.shooting .normalprice {
 margin-bottom: 0.5rem;
 text-align: left;
 line-height: 1;
 padding-left: 20px;
}
.shooting .normalprice p {
 margin: 0;
 font-size: clamp(0.813rem, 0.54rem + 1.36vw, 1.563rem);
 line-height: 1.4;
 margin-bottom: 5px;
}
.shooting .normalprice p span {
  margin: 0 0 5px;
  padding: 5px 6px;
  font-size: clamp(1.625rem, 0.625rem + 5vw, 4.375rem);
  line-height: 1.5;
  letter-spacing: 0;
  position: relative;
  font-weight: 500;
  color: #ff7a34;
}

.shooting .normalprice .sstx {
 font-size: clamp(0.688rem, 0.642rem + 0.23vw, 0.813rem);
 letter-spacing: 0;
 line-height: 1.5;
}
.shooting .normalprice .sstx strong { color: #ff7a34; }
.shooting .ltx {
  font-size: 20px;
 font-weight: 900;
 letter-spacing: 0;
}
.shooting .ltx strong { color: #ff7a34; }
.shooting > div:first-of-type > strong {
 margin-left: 5px;
 color: #ff7a34;
 font-size: clamp(2.188rem, 1.392rem + 3.98vw, 4.375rem);
 font-weight: 500;
 font-family:'Noto Sans JP', sans-serif;
}
br.sp{ display: none; }

.shooting .normalprice2 {
 margin-bottom: 10px;
 padding-left: 10px;
	text-align: left;
	line-height: 1.2;
 display:flex;
 justify-content: center;
 }
.shooting .normalprice2 p {
	margin: 0;
	padding-left: 16px;
	font-size: clamp(1.438rem, 0.938rem + 2.5vw, 2.813rem);
	line-height: 1;
 }
.shooting .normalprice2 p span {
	margin: -10px 0 0;
	padding: 8px 5px 5px;
	font-size: clamp(1.438rem, 0.938rem + 2.5vw, 2.813rem);
	letter-spacing: 0;
 }
.shooting .normalprice2 .ltx {
	font-size: clamp(1.25rem, 0.25rem + 5vw, 4rem);
	font-weight: 500;
	letter-spacing: 0;
 }
.shooting .normalprice2 .zero {
 color: #ff7a34;
 font-size: clamp(3.5rem, 2.591rem + 4.55vw, 6rem);
 font-weight: bold;
	font-family: "Roboto", sans-serif;
 font-style: normal;
	display: block;
}
.shooting .normalprice2 .han {
	color: #ff7a34;
	font-size: clamp(2rem, 1rem + 5vw, 4.75rem);
 font-weight: 500;
 font-family: 'Noto Sans JP', sans-serif;
 display: block;
 text-align: left;	
 }
.shooting .normalprice2 .sstx {
	font-size: clamp(0.688rem, 0.597rem + 0.45vw, 0.938rem);
	letter-spacing: 0;
}

/* campaign price */
.shooting.cpm > div:first-of-type figure { margin: 0 20px; }
.shooting.cpm .normalprice { padding-left: 0; }
.shooting.cpm .normalprice p { margin-bottom: 0; }
.shooting.cpm .normalprice2 p {
 margin: 0;
 padding: 40px 1.2rem 0;
 position: relative;
}
.shooting.cpm .normalprice2 .ltx { font-size: clamp(1.25rem, 0.25rem + 1.5vw, 4rem); }
.shooting.cpm .normalprice2 .han { font-size: clamp(3.125rem, 2.67rem + 2.27vw, 4.375rem); margin-bottom: -20px; padding-top: 20px;}
.shooting.cpm .normalprice2 .otoku {
 position: absolute;
 top: 5px;
 left: 50%;
 transform: translateX(-50%);
 display: block;
 font-size: 1rem !important;
 background: #ff7a34;
 color: #fff;
 font-weight: bold;
}
.shooting.cpm .normalprice2 .otoku:before {
 content: "";
 position: absolute;
 top: 100%;
 left: 50%;
 margin-left: -5px;
 border: 3px solid transparent;
 border-top: 5px solid #ff7a34;
}
.shooting.cpm .normalprice p span {	color: #12284c; }
.shooting.cpm .normalprice p span::after {
 position: absolute;
 content: "";
 top: 50%;
 left: 0;
 width: 100%;
 border-top: 2px solid #12284c;
 transform: rotate(-10deg);
}
.shooting.cpm .normalprice p span:not(.taxin) {  font-size: clamp(1.438rem, 0.938rem + 2.5vw, 2.813rem); }

@media screen and (max-width: 767px) {
.shooting.cpm > div:first-of-type { flex-flow: column; }
.shooting.cpm > div:first-of-type figure {
 display: none;
 margin: -80px 0 0 0;
}
.shooting.cpm > div:first-of-type figure img { transform: rotate(90deg); }
.shooting.cpm .normalprice { margin-bottom: 1.5rem; }
.shooting .normalprice2 .zero{ padding-top: 20px;}
.shooting.cpm .normalprice2 .han { padding-top: 20px;}
}

@media screen and (min-width: 768px) {
.shooting.cpm .normalprice2 p { padding: 5px 1rem 0; }
.shooting.cpm .normalprice2 .zero { margin-bottom: -40px; }
.shooting.cpm .normalprice2 .otoku {
 top: -5px;
 padding: 7px 10px;
}
.shooting.cpm .attached { margin: 0 20px; } 
}


/* Tax included Price ------------------------------*/
.shooting .normalprice .taxin {
	margin-left: -8px;
	padding: 0;
	font-size: 55%;
}
.shooting .normalprice .sstx .taxin {
	margin-left: 0;
  color: #ff7a34;
	font-size: 85%;
}
.shooting .normalprice .taxin::after { border-top: 0; }

.rental{
 display: flex;
 align-items: center;
}
.plan > dd.rental {
 padding: 26px 7px 16px;
 text-align: center;
}
.rental > div {
 font-size: clamp(0.688rem, 0.619rem + 0.34vw, 0.875rem);
 text-align: left;
 letter-spacing: 0.05em;
 line-height: 1.2;
 margin-left: 40px;
}
.rental strong {
 color: #ff7a34;
 font-size: clamp(3.5rem, 2.591rem + 4.55vw, 6rem);
 font-weight: bold;
 font-family: "Roboto", sans-serif;
 display: block;
 text-align: left;
}
.plan-icons {
 margin: 8px auto 13px;
 padding: 0;
 max-width: 500px;
}
.plan-icons img { margin: 0 auto; }
.rental > div:last-of-type p {
  margin: 0 0 8px;
  font-size: clamp(0.688rem, 0.642rem + 0.23vw, 0.813rem);
  line-height: 1.5;
  text-align: left;
}

@media screen and (max-width: 750px) {
.shooting .normalprice p { margin-bottom: -10px; }
.attached { margin-right: 0px; }
.shooting .ltx {
 font-size: 18px;
 font-weight: 900;
 letter-spacing: 0;
}
.shooting > div:first-of-type > strong {
 margin-left: 5px;
 color: #ff7a34;
 font-size: clamp(2.188rem, 1.392rem + 3.98vw, 4.375rem);
 font-weight: 500;
 font-family:'Noto Sans JP', sans-serif;
}
br.sp { display: block; }

	.shooting .normalprice {
  margin-bottom: 8px;
  text-align: left;
		line-height: 1;
  padding-left: 0px;
}
.plan dd.small{
 background: none;
 text-align: left;
 padding: 0;
 margin-top: 10px;
}

.rental > div { text-align: center; }
.rental { display: block; }
.rental strong { text-align: center; }
.rental > div { margin-left: 0px; }
.rental2 > div { text-align: center; }
.rental2 { display: block; }
.rental2 strong { text-align: center; }
.rental2 > div { margin-left: 0px; }
.family-pack {
 margin: 40px 0 8px;
 padding: 32px 16px 8px;
}
}

@media screen and (max-width: 768px) {
.shooting .normalprice .taxin {
	margin-left: -5px;
	font-size: 70%;
}
}
@media screen and (max-width: 750px) {
.plan .ltx0 {
	font-size: 11px;
	line-height: 1;
 font-weight: 300;
}
.shooting > div:first-of-type > strong {
 margin-left: 5px;
 color: #ff7a34;
 font-size: clamp(2.188rem, 1.392rem + 3.98vw, 4.375rem);
 font-weight: 500;
 font-family:'Noto Sans JP', sans-serif;
}
}
 @media screen and (max-width: 768px) {
.shooting > div:first-of-type {
	display:flex;
	flex-flow: column;
	align-items: center;
	justify-content: center;
	letter-spacing: 0;
	white-space: nowrap;
 }
}

@media screen and (min-width: 768px){
.plan { padding: 24px 32px 16px; }
.plan > dt {
 margin-bottom: 11px;
 font-size: 26px;
 text-align: left;
 line-height: 1.2;
}
.plan > dd:not(.plus) { padding: 19px 32px; }
.plan > dd + dd { font-size: 15px; }
.plan > dd + dd img {
 margin: 32px auto 19px;
 width: 43px;
}
.plan dd.small{
  background: none;
  text-align: left;
  padding: 0;
  margin-top: 10px;
}
.shooting {
 font-size: 15px;
 text-align: left;
 line-height: 1.8;
 display: flex;
 align-items: center;
}
.shooting span {
 padding: 2px 0;
 border-radius: 3px;
 font-size: 18px;
}
.plan-icons {
 margin: 0 16px 8px;
 padding: 0;
 width: auto;
 justify-content: center;
}
.plan-icons li {
 margin: 0 5px;
 width: 100px;
}
.attached {
 margin: 0 40px;
 padding: 16px;
 display: initial;
}
.shooting .attached strong { font-size: 16px; }
.attached ul { padding: 0;}
main .plus p { margin-bottom: 0; } 

.planlist {
 display: flex;
 flex-wrap: wrap;
 align-items: flex-end;
 } 
.planlist dl {
 margin: 0 8px 27px;
 flex-basis: calc((100% - 32px) / 2);
}
.planlist dl:last-of-type {
  flex-basis: 100%;
 }
.planlist dt {
 margin: 0 0 8px;
 font-size: 20px;
}
.planlist dd:first-of-type { font-size: 29px; }
.planlist dd:nth-of-type(2) { padding-top: 5px; }
.planlist dd:nth-of-type(2) div { font-size: 13px; }
.planlist dd:nth-of-type(2) div strong {
 margin-left: 0;
 font-size: 20px;
}
.planlist dd:nth-of-type(2) div span { font-size: 12px; }
.planlist dd:last-of-type { font-size: 16px; }
.planlist dd:last-of-type a,
.planlist dt a { width: 90%; font-size: 17px; }
.planlist dd:last-of-type a .material-icons-outlined,
.planlist dt a .material-icons-outlined {
 margin: 0 6px 0 -6px;
 color: #ffcb48;
 font-size: 21px;
}
.planlist dt br, .planlist dt a { display: flex; }
.planlist dl:last-of-type dd:last-of-type br, .planlist dl:last-of-type dd a { display: none; }
 
.plan .balloon {
 margin: 0 0 8px;
 padding: 5px 3px 6px 5px;
 font-size: 16px;
}
.plan .balloon:before {
  border: 5px solid transparent;
  border-top: 7px solid #ffcb48;
}

.planlist dl:last-of-type { display: flex; }
.planlist dl:last-of-type dt {
 margin: 0;
 padding: 8px 8px 0 0;
 width: 25%;
}
.planlist dl:last-of-type dt a { margin: 0.3rem auto 0; }
.planlist dl:last-of-type dd {
 padding-bottom: 5px;
 display: flex;
 align-items: center;
}
.planlist dl:last-of-type dd:first-of-type {
 margin: 0;
 padding: 32px 16px 8px 24px;
 border-radius: 5px 0 0 5px;
	display: block;
}
.planlist dl:last-of-type dd:nth-of-type(2) div {
 padding: 10px 13px 11px;
}
.planlist dl:last-of-type dd:nth-of-type(2) div strong {
 display: initial;
 margin-left: 8px;
}
.planlist dl:last-of-type dd:last-of-type {
 padding: 0 32px 0 16px;
 border-radius: 0 5px 5px 0;
}
.moji {  font-size: 15px; }
.moji2 { font-size: 13px; }
.cp-9 {
 margin-bottom: 100px;
 margin-left: auto;
 margin-right: auto;
 }
.shooting .normalprice .sstx { line-height: 1; }
.shooting.cpm .normalprice .sstx { line-height: 1.5; }
}

@media screen and (min-width: 850px){
.planlist dl:last-of-type dd:nth-of-type(2) div span.brx {
 content: "\A" ;	white-space: pre ; }
}
@media screen and (min-width: 915px){
.brtb:before { display: none; }
}
@media screen and (min-width: 980px){
.planlist dl { flex-basis: calc((100% - 64px) / 4); }
.planlist dl:nth-last-of-type(3) dt { margin-top: -35px; }
}

.u-mb100 { margin-bottom: 100px !important; }


/* Modal setting -------------------------------------------*/
.modal { display: none; }
.modaal-content-container { padding: 12px; }
.modaal-wrapper .modaal-close { display: none; }

@media screen and (max-width: 767px){
.modaal-inner-wrapper {
 padding-top: 30px;
 }
 #gal .fullw{
  width: 100%;
  margin: 0 auto 70px;
}
.campaign-ttl{ margin-top: 20px; }
.campaign-ttl span{
 font-size: 10px;
 display: block;
}
.plan > dd.none{
 background: none;
 padding: 10px 0px!important;
}

}

/* Plan detail -------------------------------------------*/
.plan-detail {
 padding: 24px 0;
 font-size: 13px;
 text-align: center;
}
.plan-detail dt {
 font-size: 22.4px;
 font-weight: 700;
}
.plan-detail dd:first-of-type {
 padding: 16px 0;
 font-size: 10px;
}
.plan-detail dd:first-of-type strong {
 font-size: 20px;
 letter-spacing: 0.2em;
 display: block;
}
.plan-detail dd:nth-of-type(2) {
 padding: 13px 16px 16px;
 background-color: rgba(245,234,206,.4);
 border-radius: 5px;
 font-size: 14px;
}
.plan-detail dd:nth-of-type(2) strong {
 margin-left: 8px;
 font-size: 20px;
}
.plan-detail dd:nth-of-type(2) span {
 font-size: 12px;
 display: block;
}
.plan-detail dd.d-plus { font-size: 10.5px; }
.plan-detail dd.d-plus.tsp { margin-top: 29px; }
.plan-detail dd.d-plus img {
 margin: 16px auto 11px;
 width: 43px;
 height: auto;
}
.plan-detail dd.d-plus strong {
 margin: 0 3px;
 font-size: 16px;
}
.plan-detail ul {
 margin: 24px -16px 0 0;
 padding: 0;
 display: flex;
 flex-wrap: wrap;
}
.plan-detail ul.cset { justify-content: center; }
.plan-detail li {
 margin: 0 16px 24px 0;
 width: calc((100% - 32px) / 2);
 font-size: 13px;
 text-align: left;
 line-height: 1.5;
 list-style: none;
}
.plan-detail li img { margin-bottom: 8px; }
.plan-detail li span {
 margin-top: 5px;
 font-size: 10px;
 display: block;
}
.plan-detail dd p {
 margin: 0 0 16px;
 font-size: 10px;
 text-align: center;
 padding-left:1em;
	text-indent:-1em;
}
.backbtn a {
 margin: 32px auto;
 padding: 6px;
 width: 9em;
 border: 2px solid #ffcb48;
 border-radius: 4px;
 color: #404040;
 font-size: 17px;
 font-weight: 700;
 text-decoration: none;
 display: flex;
 align-items: center;
 justify-content: center;
}
.btn2 a {
 margin: 0 auto 50px;
 padding: 13px 24px;
 width: 80%;
 max-width: 22em;
 background-color: #ffcb48;
 border-radius: 5px;
 color: #fff;
 font-size: 19px;
 font-weight: 700;
 line-height: 1.4;
 text-align: center;
 letter-spacing: 0.05em;
 text-decoration: none;
 display: flex;
 align-items: center;
 justify-content: center;
 transition: background 1s;
}
.backbtn a .material-icons-outlined {
 margin: 0 6px 0 -6px;
 color: #ffcb48;
}
.backbtn a:hover,
.backbtn a:hover .material-icons-outlined {
 background-color: #ffcb48;
 color: #fff;
}

@media screen and (max-width: 400px){
.plan-detail dd.cside p { text-align: left;}
}
@media screen and (min-width: 768px){
.backbtn a { margin: 16px auto; }
.btn2 a { margin-bottom: 80px; font-size: 22px; }
.backbtn a .material-icons-outlined {
 margin: 0 13px 0 -6px;
}
.modaal-content-container { padding: 40px; }
.plan-detail { padding: 16px 0; }
.plan-detail dt {
 font-size: 36px;
 text-align: left;
}
.plan-detail dd:first-of-type {
 margin: -51px 0 0 0;
 padding: 0 0 40px;
 font-size: 12px;
 text-align: right;
}
.plan-detail dd:first-of-type strong {
 margin: 0 16px 0 0;
 font-size: 30px;
 letter-spacing: 0.2em;
}
.plan-detail dd:nth-of-type(2) {
 display: flex;
 justify-content: center;
 align-items: center;
}
.plan-detail dd:nth-of-type(2) strong { margin-left: 16px; }
.plan-detail dd:nth-of-type(2) span { margin-left: 16px; }
.plan-detail dd.d-plus { font-size: 15px; }
.plan-detail dd.d-plus.tsp { margin-top: 48px; }
.plan-detail dd.d-plus strong {
 margin: 0 5px;
 font-size: 21px;
}
.plan-detail dd.d-plus img { margin: 24px auto 16px; }
.plan-detail ul { margin-bottom: 16px; }
.plan-detail li {
 width: calc((100% - 48px) / 3);
 font-size: 16px;
}
.plan-detail li img { margin-bottom: 13px; }
.plan-detail li span { font-size: 13px; }
.plan-detail dd p {
 margin: 0 0 10px;
 font-size: 12px;
}
}


/* Family Pack -------------------------------------------*/
.family-pack {
 margin: 40px 0 48px;
 padding: 32px 16px;
 border: 1px dashed #9f9f9f;
 font-size: 13px;
}
#price .family-pack h3 {
 margin: 0 0 22px -16px;
 padding: 5px 24px;
 background-color: #ffcb48;
 font-size: 17.6px;
 display: inline-block;
 position: relative;
}
#price .family-pack h3::after {
 content: "";
 border-top: 17px solid transparent;
 border-right: 17px solid #fff;
 border-bottom: 17px solid transparent;
 position: absolute;
 top: 0;
 right: 0;
}
.family-pack p { margin: 16px 13px 28px; }
.family-pack dl {
 padding: 10px 13px;
 background-color: #f8f4ea;
 border-radius: 5px;
 display: flex;
 align-items: center;
}
.family-pack dl + dl { margin-top: 16px; }
.family-pack dt {
 padding: 8px 8px 8px 3px;
 font-size: 14px;
 font-weight: 700;
 text-align: center;
 flex-basis: 11em;
}
.family-pack dt img {
 display: block;
 margin: 8px auto;
 width: auto;
 height: 70px;
}
.family-pack dd {
 padding: 8px 8px 5px;
 width: 100%;
 background-color: #fff;
 border-radius: 5px;
 text-align: center;
}
.family-pack dd p {
 margin: 0 0 5px;
 padding: 5px;
 background-color: #f6f6f6;
 border-radius: 4px;
 line-height: 1.5;
}
.family-pack dd span {
 font-size: 0.68rem;
 letter-spacing: 0.1em;
}
.family-pack dd strong {
 display: block;
 padding-top: 8px;
 font-size: 22px;
 position: relative;
}
.family-pack dd strong::before {
 content: "";
 margin-top: 2px;
 width: 16px;
 height: 16px;
 background: url("/wp/wp-content/themes/twentytwenty-child/img/shichigo/original/ico_down-arrow.png") top no-repeat;
 background-size:contain; 
 position: absolute;
 top: 0;
 left: 50%;
 transform: translateX(-50%);
 -webkit-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
}
.family-pack dd span.taxin {
	margin-top: -7px;
 font-size: 10px;
 letter-spacing: 0.05em;
 display: block;
}

@media screen and (min-width: 769px){
.family-pack dd span.taxin {
	margin-top: -15px;
 font-size: 10.5px;
}
}

@media screen and (min-width: 768px){
.family-pack {
 margin: 64px 0 24px;
 padding: 32px 32px 40px;
}
#price .family-pack h3 {
 margin-left: -32px;
 padding: 5px 40px 5px 32px;
 font-size: 28px;
}
#price .family-pack h3::after {
 border-top: 25px solid transparent;
 border-right: 25px solid #fff;
 border-bottom: 25px solid transparent;
}
.family-pack p { margin: 0 13px 28px; }
.family-pack > div {
  display: flex;
 justify-content: flex-start;
 } 
.family-pack dl {
 margin: 0 1.5%  16px;
 padding: 10.5px 16px 1.3em;
 width: calc((100% - 6em) / 3);
 display: initial;
}
.family-pack dl + dl { margin-top: 0; }
.family-pack dt {
 padding: 8px 8px 16px 3px;
 font-size: 25px;
}
.family-pack dt img { height: 120px }
.family-pack dd { padding: 8px; }
.family-pack dd p { font-size: 17.6px; }
.family-pack dd span { font-size: 15px; }
.family-pack dd strong {
 padding: 11px 0 8px;
 font-size: 29px;
}
.family-pack dd strong::before {
 margin-top: 3px;
 width: 22px;
 height: 22px;
}
}

/* Gallery -------------------------------------------*/
.originalbrand .wp-block-visual-portfolio { margin-top: 2rem!important; }


/******************************************************************
  Q&A Page
------------------------------------------------------------------*/
.faq .bg-lpink {
 margin-bottom: 1.5rem !important;
 height: 320px;
 padding: 0;
 background: linear-gradient(120deg, #ffbec4 0%, #ffbec4 40%, #ffe3df 40%, #ffe3df 100%);
 background-repeat: no-repeat;
}
.faq .keyvisual {
 margin-bottom: 0;
 height: 320px;
 position: relative;
 z-index: 2;
}
.faq .keyvisual:before {
 width: 343px;
 height: 320px;
 background: url("/wp/wp-content/themes/twentytwenty-child/img/shichigo/faq_bg_text_sp.png") no-repeat center bottom 0;
 background-size: 100% auto;
 content: "";
 position: absolute;
 top: 13px;
 left: 50%;
 transform: translateX(-50%);
 -moz-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 -webkit-transform: translateX(-50%);
 z-index: 1;
}
.faq .keyvisual-content {
 margin-top: -3px;
 width: 100%;
 text-align: center;
 position: absolute;
 top: 70px;
 left: 50%;
 transform: translate(-50%, 0);
}
.faq .keyvisual-content .intro {
 display: inline-block;
 margin: 0 auto;
 padding: 7px 27px;
 background-color: #ffbec4;
 border: 1px solid #fff;
 border-radius: 100px;
 color: #fff;
 font-size: clamp(0.75rem, 0.614rem + 0.68vw, 1.125rem);
 font-weight: bold;
 letter-spacing: 0.15em;
}
.faq .keyvisual-content h1 {
 margin-top: 10px;
 padding: 0;
 font-weight: 500;
 color: #f5c2c7;
 text-align: center;
 line-height: 1;
}
.faq .keyvisual-content h1 span {
 display: inline-block;
 margin: 0 0.4vw 0.5vw;
 padding-top: 0.15em;
 width: 1.4em;
 height: 1.4em;
 background-color: #fff;
 border-radius: 3px;
 font-size: clamp(1.75rem, 1.136rem + 3.07vw, 3.438rem);
 line-height: 1; 
}


@media only screen and (min-width: 768px) {
.faq .bg-lpink { height: 542px; }
.faq .keyvisual {
 margin: 0 auto 50px;
 height: 542px;
}
.faq .keyvisual:before {
 background: url("/wp/wp-content/themes/twentytwenty-child/img/shichigo/faq_bg_text.png") no-repeat center bottom 84px/contain;
 width: 120%;
 height: 650px;
 content: "";
 max-width: 1300px;
 top: 0;
}
.faq .keyvisual-content {
 margin-top: 0;
 top: 72px;
}
.faq .keyvisual-content .intro {
 border-radius: 25px;
 padding: 8px 40px;
}
.faq .keyvisual-content h1 { margin-top: 23px; }

}


/* FAQ menu -------------------------*/
.faq .faq-menu {
 margin: 0 -7px 0 0;
 padding: 0;
 display: flex;
 flex-wrap: wrap;
}
.faq .faq-menu li {
 margin: 0 7px 7px 0;
 padding: 0;
 width: calc((100% - 14px) / 2);
 border: 1px solid #ffbec4;
 list-style: none;
}
.faq .faq-menu li a {
 margin: 0;
 padding: 0.4rem 1.4rem 0.4rem 0;
 height: 100%;
 color: #404040;
 font-weight: bold;
 display: flex;
 align-items: center;
 position: relative;
}
.faq .faq-menu li a:hover { opacity: .5; }
.faq .faq-menu li a::after {
 position: absolute;
 top: 50%;
 right: 5px;
 transform: translateY(-50%);
 color: #ffbec4;
 font-size: 150%;
 font-family: "Material Symbols Outlined";
 content: "\e5c6";
 font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}
.faq .faq-menu li img {
 width: 40px;
 height: auto;
}

@media only screen and (min-width: 768px) {
.faq .faq-menu li {
 width: calc((100% - 21px) / 3);
 }
}
@media only screen and (min-width: 920px) {
.faq .faq-menu {
 margin-right: 0;
 flex-wrap: nowrap;
 justify-content: space-between;
}
.faq .faq-menu li {
 margin: 0;
 width: calc((100% - 28px) / 5);
}
.faq .faq-menu li a { padding: 0.6rem 1.4rem 0.6rem 0; }
 
}


/* FAQ Contents -------------------------*/
.faq .faq753 h3 {
 max-width: 860px;
 border-left-color: #ffbec4;
}
.faq .faq753 details {
 margin: 0 auto;
 padding: 0;
 max-width: 860px;
}
.faq .faq753 details + details { margin-top: 0.8rem; }
.faq .faq753 summary {
 margin: 0;
 padding: 0.7rem 2.5rem 0.7rem 1rem;
 border: 1px solid #d7d7d7;
 border-radius: 4px;
 font-size: 110%;
 font-weight: bold;
 position: relative;
 transition: .5s;
}
.faq .faq753 details[open] summary {
 background-color: #ffbec4;
 border: 1px solid #ffbec4;
 color: #fff;
}
.faq .faq753 summary::after {
 position: absolute;
 top: 50%;
 right: 10px;
 transform: translateY(-50%);
 font-size: 150%;
 font-family: "Material Symbols Outlined";
 content: "\e147";
 font-variation-settings:
  'FILL' 0,
  'wght' 400,
  'GRAD' 0,
  'opsz' 24
}
.faq .faq753 details[open] summary::after { content: "\e644"; }
.faq .faq753 details p {
 margin: 1rem auto;
 padding: 0 1rem;
}
.faq .faq753 details p:last-of-type { margin-bottom: 2rem; }