@charset "UTF-8";

/*-- mv -------------------------------------------------------------*/
.mv { text-align: center; }
/*-- タイトル -------------------------------------------------------------*/
@media screen and (max-width: 767px) {
	.ttl01 { text-align: center; margin-bottom: 20px; font-weight: 900; font-size: 2.0rem; line-height: 1.0; font-style: italic; letter-spacing: 0.05em; }	
	.ttl01 .og { color: var(--base-color); font-weight: 900; font-style: italic; }
	.ttl01 .oswald { font-size: 1.5em;}
	.ttl01 .xsmall {  font-weight: 900;}
	.name-logo { text-align: center; font-weight: 700; margin-bottom: 0; font-size: 1.2rem; }
	.name-logo span { color: var(--base-color); margin-right: 0.25em; }
	.subTtl { text-align: center; margin-bottom: 10px; font-weight: 900; font-size: 1.2rem; line-height: 1.0; font-style: italic; letter-spacing: 0.05em; }	
}
@media screen and (min-width: 768px) {
	.ttl01 { text-align: center; margin-bottom: 40px; font-weight: 900; font-size: 3.0rem; line-height: 1.0; font-style: italic; letter-spacing: 0.05em; }	
	.ttl01 .og { color: var(--base-color); font-weight: 900; font-style: italic; }
	.ttl01 .oswald { font-size: 1.5em;}
	.ttl01 .xsmall {  font-weight: 900;}
	.name-logo { text-align: center; font-weight: 700; margin-bottom: 0; font-size: 1.2rem; }
	.name-logo span { color: var(--base-color); margin-right: 0.25em; }
	.subTtl { text-align: center; margin-bottom: 10px; font-weight: 900; font-size: 1.5rem; line-height: 1.0; font-style: italic; letter-spacing: 0.05em; }	
}
@media screen and (min-width: 768px) and (max-width: 899px) {
	.ttl01 { font-size: 2.5rem; }
}
@media screen and (min-width: 900px) and (max-width: 1089px) {
	.ttl01 { font-size: 2.6rem; }
}
@media screen and (min-width: 1090px) and (max-width: 1189px) {
	.ttl01 { font-size: 2.7rem; }
}
@media screen and (min-width: 1190px) and (max-width: 1289px) {
	.ttl01 { font-size: 2.8rem; }
}
@media screen and (min-width: 1290px) and (max-width: 1389px) {
	.ttl01 { font-size: 2.9rem; }
}

/*-- Point -------------------------------------------------------------*/
@media screen and (max-width: 767px) {	
	.section-point .in { position: relative; padding: 5vh 40px; }
	.section-point .in:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; clip-path: polygon(0 80%, 100% 60%, 100% 100%, 0 100%); background: #fcff00; z-index: -1;}
	.pointFlex { }
	.pointFlex li { margin-bottom: 20px;}
	.pointFlex li h3 { text-align: center; font-size: 1.5rem; font-weight: 900; font-style: italic; margin-bottom: 10px; color: var(--base-color);}
	.pointFlex li h4 { text-align: center; font-size: 1.0rem; font-weight: 900; font-style: italic; margin-bottom: 5px;}
	.pointFlex li div { text-align: center; margin-bottom: 20px;}
	.pointFlex li p { margin: 0 auto;}
}
@media screen and (min-width: 768px) {
	.section-point .in { position: relative; padding: 5vh 40px; margin-top: 10vh; }
	.section-point .in:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; clip-path: polygon(85% 0, 100% 0, 100% 100%, 50% 100%); background: #fcff00; z-index: -1;}
	.pointFlex { display: flex; justify-content: space-between; }
	.pointFlex li { width: 31%; }
	.pointFlex li h3 { text-align: center; font-size: 2.0rem; font-weight: 900; font-style: italic; margin-bottom: 10px; color: var(--base-color);}
	.pointFlex li h4 { text-align: center; font-size: 1.5rem; font-weight: 900; font-style: italic; margin-bottom: 0px;}
	.pointFlex li div { text-align: center; margin-bottom: 20px;}
	.pointFlex li p { width: 80%; margin: 0 auto;}
}
@media screen and (min-width: 768px) and (max-width: 899px) {
	.pointFlex li h3 { font-size: 1.5rem;}
	.pointFlex li h4 { font-size: 1.0rem;}
	.pointFlex li p { width: 100%; }
}
@media screen and (min-width: 900px) and (max-width: 1089px) {
	.pointFlex li h3 { font-size: 1.6rem;}
	.pointFlex li h4 { font-size: 1.1rem;}
	.pointFlex li p { width: 100%; }
}
@media screen and (min-width: 1090px) and (max-width: 1189px) {
	.pointFlex li h3 { font-size: 1.7rem;}
	.pointFlex li h4 { font-size: 1.2rem;}
	.pointFlex li p { width: 100%; }
}
@media screen and (min-width: 1190px) and (max-width: 1289px) {
	.pointFlex li h3 { font-size: 1.8rem;}
	.pointFlex li h4 { font-size: 1.4rem;}
	.pointFlex li p { width: 90%; }
}
@media screen and (min-width: 1290px) and (max-width: 1389px) {
	.pointFlex li h3 { font-size: 1.9rem;}
	.pointFlex li h4 { font-size: 1.45rem;}
}
@media screen and (min-width: 1290px) {
	.section-point .in { max-width: 1100px; width: 100%; margin: 10vh auto 0vh;}
}

/*-- docomo -------------------------------------------------------------*/
.section-docomo { padding: 5vh 0; }
@media screen and (max-width: 767px) {	
	.docomoBox { background: var(--docomo-color); max-width: 300px; margin: 0 auto; padding: 20px; border-radius: 8px; margin-bottom: 40px; position: relative; }
	.docomoBox h2 { text-align: center; font-weight: 900; color: #fff; font-size: 1.5rem; margin-bottom: 10px;}
	.docomoBox p { color: #fff; text-align: center; font-weight: 700; font-size: 1.0rem; }
	.docomoBox:after { position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); content: ""; width: 0; height: 0; border-style: solid; border-right: 30px solid transparent; border-left: 30px solid transparent; border-top: 30px solid var(--docomo-color); border-bottom: 0;}
}
@media screen and (min-width: 768px) {
	.docomoBox { background: var(--docomo-color); max-width: 480px; margin: 0 auto; padding: 20px; border-radius: 8px; margin-bottom: 40px; position: relative; }
	.docomoBox h2 { text-align: center; font-weight: 900; color: #fff; font-size: 2.0rem;}
	.docomoBox p { color: #fff; text-align: center; font-weight: 700; font-size: 1.2rem; }
	.docomoBox:after { position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%); content: ""; width: 0; height: 0; border-style: solid; border-right: 30px solid transparent; border-left: 30px solid transparent; border-top: 30px solid var(--docomo-color); border-bottom: 0;}
}

/*-- plan -------------------------------------------------------------*/
.section-plan { padding: 10vh 6%; background: url("../img/planBg.webp") center center no-repeat; background-size: cover; max-width: 1400px; margin: 0 auto 10vh; }
@media screen and (max-width: 767px) {	
	.section-plan { padding: 6%; margin-bottom: 0; }
	.planFlex { display: flex; justify-content: center; align-items: center; flex-direction: column; }
	.in-planFlex { max-width: 565px; width: 100%; }
	.in-planFlex img { margin-bottom: 10px;}
}
@media screen and (min-width: 768px) {
	.planFlex { display: flex; justify-content: center; align-items: center; }	
	.in-planFlex { max-width: 565px; width: 100%; }
	.in-planFlex img { margin-bottom: 10px;}
}
@media screen and (min-width: 768px) and (max-width: 1089px) {
	.section-plan { margin-bottom: 0; }
}

/*-- Merit -------------------------------------------------------------*/
@media screen and (max-width: 767px) {	
	.section-merit { padding: 6%;  }
	.meritFlex { margin-bottom: 40px; }
	.meritFlex-L { margin-bottom: 20px; }
	.meritFlex-R {}
	
	.meritFlex-L p { text-align: center; font-weight: bold; }
	.meritFlex-L .kanzen { background: var(--base-color); color: #fff; font-size: 1.5rem; padding: 10px 10px; border-radius: 6px; text-align: center; font-weight: bold; }
	.meritFlex-L .price { font-size: 1.5rem;}
	.meritFlex-L .price .oswald { font-size: 2.0em; margin-right: 0.1em; margin-left: 0.1em; color: var(--base-color); }
	
	.meritFlex-R { background: #ffdfc3; text-align: center; border-radius: 6px; padding: 20px 10px; font-size: 1.3rem;}
	.meritFlex-R p { margin-bottom: 0;}
	.otoku { font-weight: bold; line-height: 1.7; font-style: italic; }
	.otoku .og { color: var(--sub-color); }
	.otoku .og .oswald { font-size: 1.5em;}
	
	.otokuList { margin-bottom: 20px; }
	.otokuList li { padding: 10px; border: 3px solid #ffdfc3; border-radius: 6px; margin: 0 1% 10px; }
	.otoku-List-Flex { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 10px;  }
	.otoku-List-Flex .icon { width: 35%; text-align: center;}
	.otokuTxt p { margin-bottom: 10px; font-weight: bold; position: relative; }
	.otokuTxt h4 { font-size: 1.4rem; font-weight: bold; line-height: 1.0; color: var(--base-color); position: relative; letter-spacing: 0.05em; }
	.otokuTxt h4 .oswald.xlarge { font-size: 1.2em;  }
	.otokuTxt h4 sup { position: absolute; top: -10px; right: -10px; color: #000; font-size: 0.5em; }
	.otokuTxt p sup { position: absolute; top: -5px; right: -15px; color: #000; font-size: 0.5em; }
	
	.bgTtl { background: var(--base-color); color: #fff; padding: 5px 10px; margin-bottom: 20px; text-align: center; }
}
@media screen and (min-width: 768px) {
	.section-merit { max-width: 1000px; margin: 0 auto 10vh; width: 96%; }
	.meritFlex { display: flex; justify-content: space-between; align-items: center; }
	.meritFlex-L { width: 45%; }
	.meritFlex-R { width: 45%; }
	
	.meritFlex-L p { text-align: center; font-weight: bold; }
	.meritFlex-L .kanzen { background: var(--base-color); color: #fff; font-size: 1.8rem; padding: 10px 10px; border-radius: 6px; text-align: center; font-weight: bold; }
	.meritFlex-L .price { font-size: 1.5rem;}
	.meritFlex-L .price .oswald { font-size: 2.0em; margin-right: 0.1em; margin-left: 0.1em; color: var(--base-color); }
	
	.meritFlex-R { background: #ffdfc3; text-align: center; border-radius: 6px; padding: 20px 10px; font-size: 1.5rem;}
	.meritFlex-R p { margin-bottom: 0;}
	.otoku { font-weight: bold; line-height: 1.7; font-style: italic; }
	.otoku .og { color: var(--sub-color); }
	.otoku .og .oswald { font-size: 1.5em;}
	
	.otokuList { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; margin-bottom: 20px; }
	.otokuList li { width: 40%; padding: 20px; border: 5px solid #ffdfc3; border-radius: 6px; margin: 0 1% 20px; }
	.otoku-List-Flex { display: flex; justify-content: flex-start; align-items: center; margin-bottom: 10px;  }
	.otoku-List-Flex .icon { width: 30%; text-align: center;}
	.otokuTxt p { margin-bottom: 10px; font-weight: bold; position: relative; }
	.otokuTxt h4 { font-size: 1.5rem; font-weight: bold; line-height: 1.0; color: var(--base-color); position: relative; letter-spacing: 0.05em; }
	.otokuTxt h4 .oswald.xlarge { font-size: 1.5em;  }
	.otokuTxt h4 sup { position: absolute; top: -5px; right: -5px; color: #000; font-size: 0.5em; }
	.otokuTxt p sup { position: absolute; top: -5px; right: -15px; color: #000; font-size: 0.5em; }
	
	.bgTtl { background: var(--base-color); color: #fff; padding: 5px 10px; margin-bottom: 20px; text-align: center; }
}
@media screen and (min-width: 768px) and (max-width: 1089px) {
	.section-merit { padding: 5vh 0; }
}
/*-- flow -------------------------------------------------------------*/
.section-flow { padding: 10vh 6%; background: var(--base-color); margin: 0 auto 10vh; }
.section-flow .ttl01 { color: #fff; }
.section-flow .subTtl { color: #fff; }
@media screen and (max-width: 767px) {	
	.section-flow { padding: 5vh 6%; margin-bottom: 5vh; } 
	.flowFlex li { background: #fff; margin-bottom: 20px; }
	.flowFlex li .step { background: var(--sub-color); text-align: center; padding: 10px !important; color: #fff; font-size: 1.5rem; font-weight: 700; font-style:italic; line-height: 1.0;}
	.flowFlex li h4 { text-align: center; font-size: 1.5rem; font-weight: 700; margin-bottom: 20px; }
	.flowFlex li h4 .xsmall { display: block; text-align: center; font-size: 0.7em; }
	.flowFlex li div { text-align: center; margin-bottom: 20px; }
	.flowFlex li p { padding: 0 20px 20px; }
	.flowFlex li:nth-child(1) p { padding: 0 20px 0px; }
	
	.flowBox { padding: 20px; background: #fff; }
	.cardBrand { display: flex; justify-content: flex-start; align-items: center; }
	.cardBrand li { width: 50px; margin-right: 5px; }
	
	.flowFlex li p.boxTtl { background: #f4f4f4; display: flex; justify-content: center; align-items: center; text-align: center; padding: 20px; font-size: 0.9rem; white-space: nowrap; }
	.cardFlex { display: flex; justify-content: flex-start; margin-bottom: 0px; }
	.cardFlex:nth-child(3) { margin-bottom: 0; }
	.cardFlex-L { margin-right: 20px; width: 75px; margin-bottom: 0 !important;}
	.cardFlex-R { width: calc(100% - 95px);  margin-bottom: 0 !important;}
	.flowFlex li .cardFlex-R h4 { font-size: 1.0rem; font-weight: 700; margin-bottom: 10px; text-align: left; }
	.cardFlex-R h4 span { display: flex; font-weight: normal; font-size: 0.9rem; }
	.flowFlex li .cardFlex-R p { margin-bottom: 0px; font-size: 0.9rem; padding: 0 !important; text-align: left; }
}
@media screen and (min-width: 768px) {
	.flowFlex { max-width: 1100px; margin: 0 auto 40px; display: flex; justify-content: space-between; } 
	.flowFlex li { width: 31%; background: #fff; }
	.flowFlex li .step { background: var(--sub-color); text-align: center; padding: 10px; color: #fff; font-size: 1.5rem; font-weight: 700; font-style:italic; line-height: 1.0;}
	.flowFlex li h4 { text-align: center; font-size: 1.5rem; font-weight: 700; margin-bottom: 20px; }
	.flowFlex li h4 .xsmall { display: block; text-align: center; font-size: 0.7em; }
	.flowFlex li div { text-align: center; margin-bottom: 20px; }
	.flowFlex li p { padding: 0 20px 20px; }
	.flowFlex li:nth-child(1) { position: relative; }
	.flowFlex li:nth-child(1):after { content: ""; position: absolute; bottom: -40px; left: 50%; transform: translateX(-50%); width: 0; height: 0; border-style: solid; border-right: 15px solid transparent; border-left: 15px solid transparent; border-bottom: 40px solid #fff; border-top: 0;}
	
	.flowBox { max-width: 1060px; margin: 0 auto; padding: 20px; display: flex; justify-content: flex-start; background: #fff; }
	.cardBrand { display: flex; justify-content: flex-start; align-items: center; }
	.cardBrand li { width: 50px; margin-right: 5px; }
	
	.boxTtl { background: #f4f4f4; display: flex; justify-content: center; align-items: center; text-align: center; padding: 20px; font-size: 0.9rem; margin-right: 20px; white-space: nowrap; }
	.cardFlex { display: flex; justify-content: flex-start; margin-right: 4%; width: 35%; }
	.cardFlex:nth-child(3) { margin-right: 0; }
	.cardFlex-L { margin-right: 20px; width: 75px;}
	.cardFlex-R { width: calc(100% - 95px); }
	.cardFlex-R h4 { font-size: 1.2rem; font-weight: 700; margin-bottom: 10px; }
	.cardFlex-R h4 span { display: flex; font-weight: normal; font-size: 0.9rem; }
	.cardFlex-R p { margin-bottom: 0px; font-size: 0.9rem; }
	
	.flowBox.sp { display: none !important; }
}
@media screen and (min-width: 768px) and (max-width: 899px) {
	.flowFlex li { width: 32%; }
	.flowFlex li h4 { font-size: 1.3rem; } 
	.flowFlex li .step { font-size: 1.1rem; }
	.cardFlex-R h4 { font-size: 1.0rem; }
}
@media screen and (min-width: 900px) and (max-width: 1089px) {
	.cardFlex-R h4 { font-size: 1.4rem; }
	.flowFlex li { width: 32%; }
	.flowFlex li h4 { font-size: 1.3rem; } 
	.flowFlex li .step { font-size: 1.2rem; }
	.cardFlex-R h4 { font-size: 1.1rem; }
}

/*-- faq -------------------------------------------------------------*/
.section-faq { margin-bottom: 10vh; }
@media screen and (max-width: 767px) {	
	.section-faq { margin-bottom: 5vh; }
	.tabs { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; margin: 10px 4%; }
	.tabs li { border: 1px solid var(--base-color); padding: 5px 20px; background: #fff; color: var(--base-color); font-size: 0.7rem; margin:0 1% 5px; }
	.tabs li.selected { border: 1px solid var(--base-color); background: var(--base-color); color: #fff; position: relative;  }
	.border-bottom { margin-bottom: 0px; }
	
	.tabs li a         { resize: none; display: flex; }
	.tabs li a:link    { color:var(--base-color); text-decoration: none; }
	.tabs li a:visited { color:var(--base-color); text-decoration: none; }
	.tabs li a:hover   { color:var(--base-color); text-decoration: none; opacity: 0.7; }
	.tabs li a:active  { color:var(--base-color); text-decoration: none; }
	.tabs li.selected a         { resize: none; display: flex; }
	.tabs li.selected a:link    { color:#fff; text-decoration: none; }
	.tabs li.selected a:visited { color:#fff; text-decoration: none; }
	.tabs li.selected a:hover   { color:#fff; text-decoration: none; opacity: 0.7; }
	.tabs li.selected a:active  { color:#fff; text-decoration: none; }
	
	.faqDl { margin: 0 4%; }
	.faqDl dt { margin-bottom: 10px; font-size: 1.0em; padding:5px 15px 5px 50px; position: relative; cursor: pointer; font-weight: bold; line-height: 1.7; background: #f4f4f4; transition: .3s; }
	.faqDl dt:before { content: "Q"; font-family: "Oswald", sans-serif; font-weight:900; font-size:1.25em; background: var(--base-color); border-radius: 50%; color: #fff; position: absolute; top: 50%; left: 0px; transform: translateY(-50%); width: 35px; line-height: 35px; text-align: center;}
	.faqDl dt:after { position: absolute; top: 50%; transform: translateY(-50%); right: 2%; content: "\f107"; font-family: "Font AweSome 5 Free"; font-weight: 900; color: var(--base-color); }
	.faqDl dt.active:after { position: absolute; top: 50%; transform: translateY(-50%); right: 2%; content: "\f106"; font-family: "Font AweSome 5 Free"; font-weight: 900;  color: var(--base-color); }
	.faqDl dd { padding: 0 20px 20px; font-size: 0.9rem; }
}
@media screen and (min-width: 768px) {	
	.tabs { display: flex; justify-content: center; align-items: center; max-width: 1000px; margin: 0 auto; width: 96%; }
	.tabs li { border-top: 1px solid var(--base-color); border-right: 1px solid var(--base-color); height: 40px !important; line-height: 40px; background: #fff; color: var(--base-color); font-size: 0.9rem; width: calc(100%/6); text-align: center; }
	.tabs li:nth-child(1) { border-left: 1px solid var(--base-color); }
	.tabs li.selected { border-bottom: 1px solid var(--base-color); background: var(--base-color); color: #fff; position: relative; }
	.border-bottom { border-bottom: 1px solid var(--base-color); max-width: 1000px; margin: 0px auto 40px; width: 96%; }
	
	.tabs li:hover { background: var(--dark-color); color: #fff; }
	.tabs li:hover a { resize: none; display: flex; color: var(--base-color); }
	
	.tabs li a         { resize: none; display: flex; justify-content: center; align-items: center; }
	.tabs li a:link    { color:var(--base-color); text-decoration: none; }
	.tabs li a:visited { color:var(--base-color); text-decoration: none; }
	.tabs li a:hover   { color:var(--base-color); text-decoration: none; cursor: pointer; }
	.tabs li a:active  { color:var(--base-color); text-decoration: none; }
	
	.tabs li.selected a         { resize: none; display: flex; }
	.tabs li.selected:hover { background: var(--base-color); color: #fff; }
	.tabs li.selected a:link    { color:#fff; text-decoration: none; }
	.tabs li.selected a:visited { color:#fff; text-decoration: none; }
	.tabs li.selected a:hover   { color:#fff; text-decoration: none; background: var(--base-color); }
	.tabs li.selected a:active  { color:#fff; text-decoration: none; }
	
	.faqDl { max-width: 1000px; margin: 0 auto; width: 96%; }
	.faqDl dt { margin-bottom: 10px; font-size: 1.1em; padding:0px 15px 0px 35px; position: relative; cursor: pointer; font-weight: bold; line-height: 40px; background: #f4f4f4; transition: .3s; }
	.faqDl dt:before { content: "Q"; font-family: "Oswald", sans-serif; font-weight:900; font-size:1.5em; background: var(--base-color); border-radius: 50%; color: #fff; position: absolute; top: 50%; left: -20px; transform: translateY(-50%); width: 40px; line-height: 40px; text-align: center;}
	.faqDl dt:after { position: absolute; top: 50%; transform: translateY(-50%); right: 2%; content: "\f107"; font-family: "Font AweSome 5 Free"; font-weight: 900; color: var(--base-color); }
	.faqDl dt.active:after { position: absolute; top: 50%; transform: translateY(-50%); right: 2%; content: "\f106"; font-family: "Font AweSome 5 Free"; font-weight: 900;  color: var(--base-color); }
	.faqDl dd { padding: 0 20px 20px; font-size: 1.0rem; }
}
@media screen and (min-width: 768px) and (max-width: 899px) {
	.tabs li { font-size: 0.8rem; }
	.faqDl dt { padding-left: 55px; }
	.faqDl dt:before { left: 0; }
}
@media screen and (min-width: 900px) and (max-width: 1089px) {
	.tabs li { font-size: 0.85rem; }
	.faqDl dt { padding-left: 55px; }
	.faqDl dt:before { left: 0; }
}

/*-- cv-section -------------------------------------------------------------*/
.cv-section { border-top: 2px solid var(--cv-color); border-bottom: 2px solid var(--cv-color); padding: 5vh 0; background: #f4f4f4; }
.tera { font-weight: bold; font-size: 1.1em; }
.tera .og { color: var(--base-color); font-style: italic;}
@media screen and (max-width: 767px) {	
	.cv-section { padding: 6%;}
	.contact-list li:nth-child(1) { margin-bottom: 10px; }
	.contact-list li a { height: 50px; line-height: 50px; }
}
@media screen and (min-width: 768px) {
	.contact-list { display: flex; justify-content: center; align-items: center;}
	.contact-list li a { max-width: 300px; width: 30vw; height: 60px; line-height: 60px; margin-right: 1em; font-size: 1.1rem; }
	
	.contact-list .box_link_btn01 a .fa-solid,.contact-list .box_link_btn02 a .fa-solid { position: absolute; top: 50%; right: 2em; transform: translateY(-50%); }
}

/*-- wCall -------------------------------------------------------------*/
.wCall_container { margin-top: 5vh;}
.wCallTtl { background: var(--base-color); color: #fff; border-radius: 8px 8px 0 0; text-align: center; font-weight: bold; }
.wCall_wrapper { padding: 4% 6%; background:#fff6ef; }
.accordion-item .toggle { border-top: 1px solid var(--sub-color); border-bottom: 1px solid var(--sub-color); padding: 10px 0; text-align: center; font-size: 1.1rem; font-weight: 700; position: relative; background: var(--base-color); color: #fff; cursor: pointer; transition: .3s;}
.accordion-item .toggle:after { content: "\f107"; font-family: "Font Awesome 5 Free"; font-weight: 900; position: absolute; top: 50%; transform: translateY(-50%); right: 20px; }
.accordion-item .toggle.active:after { content: "\f106"; font-family: "Font Awesome 5 Free"; font-weight: 900; }
ul.dotList { list-style: disc; margin-bottom: 20px; padding-left: 1.5em; }
ul.dotList li { padding-left: 0em; text-indent: 0em; }
.accordion-item .toggleContent p { margin-bottom: 10px; }
.in-toggleContent { padding: 4% 6%; background:#fff6ef; }
@media screen and (max-width: 767px) {	
	.wCallTtl { height: 40px; line-height: 40px; }	
	.accordion-item .toggle { font-size: 1.0rem; }
	.tbl03 { width: 100%; margin-bottom: 20px; }
	.tbl03 th { padding: 2%; border: 1px solid #ffcd9f; background: #fff6ef; text-align: center; font-size: 0.8rem; }
	.tbl03 td { padding: 2%; border: 1px solid #ffcd9f; background: #fff; font-size: 0.8rem; }
}
@media screen and (min-width: 768px) {
	.wCallTtl { height: 50px; line-height: 50px; }	
	.wCall_container { max-width: 960px; margin: 5vh auto 0; }
	
	.tbl03 { width: 100%; margin-bottom: 40px; }
	.tbl03 th { padding: 10px 20px; border: 1px solid #ffcd9f; background: #fff6ef; text-align: center; white-space: nowrap; }
	.tbl03 td { padding: 10px 20px; border: 1px solid #ffcd9f; background: #fff;  }
}