@charset "UTF-8";

:root {
	/* SPの文字設定 */
	--sp-fw-demibold: 700;
	--sp-h2-fz: 5vw; /* 21px */
	--sp-h3-fz: 4.4vw; /* 18px */
	--sp-h4-fz: 3.8vw; /* 16px */
	--sp-h5-fz: 3.6vw; /* 15px */
	--sp-h6-fz: 3.2vw; /* 14px */
	--sp-fz-xx-large: 5vw; /* 21px */
	--sp-fz-page-title: 4.8vw; /* 20px */
	--sp-fz-large: 4.4vw; /* 18px */
	--sp-fz-regular: 3.8vw; /* 16px */
	--sp-fz-sub: 3.6vw; /* 15px */
	--sp-fz-small: 3.2vw; /* 14px */
	--sp-fz-x-small: 2.9vw; /* 12px */

	/* PCの文字設定 */
	--pc-fw-demibold: 700;
	--pc-h2-fz: 1.5rem; /* 24px */
	--pc-h3-fz: 1.375rem; /* 22px */
	--pc-h4-fz: 1.125rem; /* 18px */
	--pc-h5-fz: 1rem; /* 16px */
	--pc-h6-fz: .875rem; /* 14px */
	--pc-fz-xx-large: 1.5rem; /* 24px */
	--pc-fz-page-title: 2.0625rem; /* 33px */
	--pc-fz-large: 1.125rem; /* 18px */
	--pc-fz-regular: 1rem; /* 16px */
	--pc-fz-sub: .9375rem; /* 15px */
	--pc-fz-small: .875rem; /* 14px */
	--pc-fz-x-small: .75rem; /* 12px */
}

body:not(.wp-admin) {
	font-family: Lato,"BIZ UDGothic","ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif !important;
	color: #524b4b;
}



/* 202512移植 V1 プリセットパーツ ここから ------------------------------------------------------------*/

/*-----レビューボックス↓-----*/
#content .reviewBox {
  position: relative;
  padding: 20px;
  border-radius: 5px;
  background: #f2f2f2;
}
#content .reviewBox-border {
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #fff;
}
#content .reviewBox::after {
  position: absolute;
  right: -1px;
  bottom: -1px;
  border-width: 10px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.1) #fff #fff rgba(0, 0, 0, 0.1);
  content: "";
}
#content .reviewBox__title {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #e5e5e5;
  font-weight: bold;
  font-size: 2rem;
  line-height: 1.5;
}
#content .reviewBox__contents {
  position: relative;
}
#content .reviewBox__imgBox {
  float: right;
  width: 100px;
  height: auto;
  margin: 0 0 20px 20px;
}
#content .reviewBox__img {
  width: 100px;
  height: 100px;
  overflow: hidden;
  border: 1px solid #e5e5e5;
  border-radius: 50%;
  background: url(./images/img_mysteryman.gif);
  background-size: contain;
}
#content .reviewBox__img img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  vertical-align: bottom;
}
#content .reviewBox__name {
  display: inline-block;
  width: 100%;
  margin-top: 0.5rem;
  color: rgba(0, 0, 0, 0.5);
  font-size: 1.2rem;
  text-align: center;
}
#content .reviewBox__star {
  display: block;
  margin-bottom: 10px;
  font-weight: bold;
}
/*-----レビューボックス↑-----*/
/*-----会話風バルーン↓-----*/
#content .balloon {
  position: relative;
  margin-top: 2rem;
}
#content .balloon:before,
#content .balloon:after {
  display: block;
  clear: both;
  content: "";
}
#content .balloon .balloon__img {
  width: 60px;
  height: 60px;
  margin-bottom: 20px;
}
#content .balloon .balloon__img-left {
  float: left;
  margin-right: 15px;
}
#content .balloon .balloon__img-right {
  float: right;
  margin-left: 15px;
}
#content .balloon .balloon__img-left div {
  width: 60px;
  height: 60px;
  margin-bottom: 10px;
  border-radius: 50%;
  background-image: url(./images/balloon-ieul.svg);
  background-position: center;
  background-size: 50px 50px;
  border: 1px solid #c3c3c3;
  background-repeat: no-repeat;
}
#content .balloon .balloon__img-right div {
  width: 60px;
  height: 60px;
  margin-bottom: 10px;
  border-radius: 50%;
  background-image: url(./images/balloon-doctor.svg);
  background-position: center;
  background-size: 50px 50px;
  border: 1px solid #c3c3c3;
  background-repeat: no-repeat;
}
#content .balloon .balloon__img img {
  width: 100%;
  height: 100%;
  margin: 0;
  border-radius: 50%;
}
#content .balloon .balloon__name {
  font-size: 1rem;
  line-height: 1;
  text-align: center;
}
#content .balloon .balloon__text {
  display: inline-block;
  position: relative;
  margin: 0;
  max-width: calc(100% - 75px);
  padding: 1rem;
  border-radius: 5px;
  background-color: #f2f2f2;
}
#content .balloon .balloon__text-left {
  float: right;
}
#content .balloon .balloon__text-right {
  float: left;
}
#content .balloon .balloon__text::before {
  position: absolute;
  top: 15px;
  border: 10px solid transparent;
  content: "";
}
#content .balloon .balloon__text-left::before {
  right: -20px;
  border-left: 10px solid #f2f2f2;
}
#content .balloon .balloon__text-right::before {
  left: -20px;
  border-right: 10px solid #f2f2f2;
}
/*ボーダースタイル*/
#content .balloon-boder .balloon__text {
  border: 1px solid #e5e5e5;
  background-color: #fff;
}
#content .balloon-boder .balloon__text:after {
  position: absolute;
  top: 15px;
  border: 10px solid transparent;
  content: "";
}
#content .balloon-boder .balloon__text-left:after {
  right: -18px;
  border-left: 10px solid #fff;
}
#content .balloon-boder .balloon__text-right:after {
  left: -18px;
  border-right: 10px solid #fff;
}
/*-----会話風バルーン↑-----*/

/*-----DLリスト-----*/
#contentdl {
  margin-top: 2rem;
}
#contentdt {
  margin-top: 2rem;
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.05);
}
#contentdd {
  padding: 10px;
  border: solid 1px rgba(0, 0, 0, 0.05);
}

/*-----アコーディオンボックス↓-----*/
#content .accordionBox dt {
  position: relative;
}
#content .accordionBox dt::after {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -0.5rem;
  font-size: 1rem;
  line-height: 1;
  font-family: "icomoon";
  content: "\ea0c";
}
#content .accordionBox dt.current::after {
  content: "\ea0d";
}
#content .accordionBox-border dt {
  border: solid 1px rgba(0, 0, 0, 0.05);
  background: #fff;
}
#content .accordionBox-border dd {
  border-top: 0;
}
/*-----アコーディオンボックス↑-----*/

/*-----スコアテーブル設定↓-----*/
#content .scoreTable {
  border: 1px solid #e5e5e5;
}
#content .scoreTable tr:nth-child(odd) td {
  background-color: #f2f2f2;
}
#content .scoreTable td {
  border: 0;
}
#content .scoreTable td:first-child {
  font-weight: bold;
}
#content .scoreTable td:last-child {
  width: 140px;
}
#content .scoreTable-red tr:last-child td {
  background-color: #fdedec;
}
#content .scoreTable-blue tr:last-child td {
  background-color: #eaf6fe;
}
#content .scoreTable-yellow tr:last-child td {
  background-color: #fffded;
}
#content .scoreTable-pink tr:last-child td {
  background-color: #fdeff5;
}
#content .scoreTable-green tr:last-child td {
  background-color: #ebf5eb;
}
#content .scoreTable-gray tr:last-child td {
  background-color: #d8d8d8;
}
/*-----スコアテーブル設定↑-----*/
/*-----区切り線↓-----*/
#contenthr {
  clear: both;
  height: 0;
  margin: 20px 0;
  padding: 0px;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
#content .hr-solid {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}
#content .hr-dashed {
  border-top: 1px dashed rgba(0, 0, 0, 0.1);
}
#content .hr-dotted {
  border-top: 1px dotted rgba(0, 0, 0, 0.1);
}
/*-----区切り線↑-----*/

/*-----ボックス系専用-----*/
/*全域タイトル*/
#content .es-Bwhole {
  margin: -20px -20px 0 -20px;
}
/*ラベル*/
#content .ep-label {
  display: inline-block;
  position: relative;
  padding: 0 5px;
  background-color: rgba(0, 0, 0, 0.05);
}
/*ボックス*/
#content .ep-box,
#content .ep-inbox {
  position: relative;
  padding: 20px;
  background-color: rgba(0, 0, 0, 0.05);
}

/*-----指定スタイル↓-----*/
/*サイズ系*/
#content .es-size10 {
  width: 10%;
}
#content .es-size25 {
  width: 25%;
}
#content .es-size40 {
  width: 40%;
}
#content .es-size50 {
  width: 50%;
}
#content .es-size60 {
  width: 60%;
}
#content .es-size75 {
  width: 75%;
}
#content .es-size90 {
  width: 90%;
}
#content .es-size100 {
  width: 100%;
}

/*内側余白系*/
#content .es-padding0 {
  padding: 0;
}
#content .es-TpaddingSS {
  padding-top: 1rem;
}
#content .es-TpaddingS {
  padding-top: 1.5rem;
}
#content .es-TpaddingM {
  padding-top: 3rem;
}
#content .es-TpaddingL {
  padding-top: 4.5rem;
}
#content .es-RpaddingSS {
  padding-right: 1rem;
}
#content .es-RpaddingS {
  padding-right: 1.5rem;
}
#content .es-RpaddingM {
  padding-right: 3rem;
}
#content .es-RpaddingL {
  padding-right: 4.5rem;
}
#content .es-BpaddingSS {
  padding-bottom: 1rem;
}
#content .es-BpaddingS {
  padding-bottom: 1.5rem;
}
#content .es-BpaddingM {
  padding-bottom: 3rem;
}
#content .es-BpaddingL {
  padding-bottom: 4.5rem;
}
#content .es-LpaddingSS {
  padding-left: 1rem;
}
#content .es-LpaddingS {
  padding-left: 1.5rem;
}
#content .es-LpaddingM {
  padding-left: 3rem;
}
#content .es-LpaddingL {
  padding-left: 4.5rem;
}

/*外側余白系*/
#content .es-margin0 {
  margin: 0;
}
#content .es-TmarginSS {
  margin-top: 1rem;
}
#content .es-TmarginS {
  margin-top: 1.5rem;
}
#content .es-TmarginM {
  margin-top: 3rem;
}
#content .es-TmarginL {
  margin-top: 4.5rem;
}
#content .es-RmarginSS {
  margin-right: 1rem;
}
#content .es-RmarginS {
  margin-right: 1.5rem;
}
#content .es-RmarginM {
  margin-right: 3rem;
}
#content .es-RmarginL {
  margin-right: 4.5rem;
}
#content .es-BmarginSS {
  margin-bottom: 1rem;
}
#content .es-BmarginS {
  margin-bottom: 1.5rem;
}
#content .es-BmarginM {
  margin-bottom: 3rem;
}
#content .es-BmarginL {
  margin-bottom: 4.5rem;
}
#content .es-LmarginSS {
  margin-left: 1rem;
}
#content .es-LmarginS {
  margin-left: 1.5rem;
}
#content .es-LmarginM {
  margin-left: 3rem;
}
#content .es-LmarginL {
  margin-left: 4.5rem;
}

/*ボーダー系*/
#content .es-borderSolidS {
  border: 1px solid #191919;
}
#content .es-borderSolidM {
  border: 3px solid #191919;
}
#content .es-borderDashedS {
  border: 1px dashed #191919;
}
#content .es-borderDashedM {
  border: 3px dashed #191919;
}
#content .es-borderDottedS {
  border: 1px dotted #191919;
}
#content .es-borderDottedM {
  border: 3px dotted #191919;
}
#content .es-BborderSolidS {
  border-bottom: 1px solid #191919;
}
#content .es-BborderSolidM {
  border-bottom: 3px solid #191919;
}
#content .es-BborderDashedS {
  border-bottom: 1px dashed #191919;
}
#content .es-BborderDashedM {
  border-bottom: 3px dashed #191919;
}
#content .es-BborderDottedS {
  border-bottom: 1px dotted #191919;
}
#content .es-BborderDottedM {
  border-bottom: 3px dotted #191919;
}
#content .es-LborderSolidS {
  border-left: 1px solid #191919;
}
#content .es-LborderSolidM {
  border-left: 3px solid #191919;
}
#content .es-LborderDashedS {
  border-left: 1px dashed #191919;
}
#content .es-LborderDashedM {
  border-left: 3px dashed #191919;
}
#content .es-LborderDottedS {
  border-left: 1px dotted #191919;
}
#content .es-LborderDottedM {
  border-left: 3px dotted #191919;
}

/*文字系*/
#content .es-Fsmall {
  font-size: 1.2rem;
}
#content .es-Fbig {
  font-size: 1.6rem;
}
#content .es-FbigL {
  font-size: 2rem;
}
#content .es-bold {
  font-weight: bold;
}
#content .es-italic {
  font-style: italic;
}
#content .es-strike {
  text-decoration: line-through;
}
#content .es-under {
  text-decoration: underline;
}
#content .es-left {
  text-align: left;
}
#content .es-center {
  text-align: center;
}
#content .es-right {
  text-align: right;
}

/*文字色*/
#content .ftc-Vyellow {
  color: #fff100;
}
#content .ftc-Vorange {
  color: #f49801;
}
#content .ftc-Vred {
  color: #e60112;
}
#content .ftc-Vmagenta {
  color: #e5004f;
}
#content .ftc-Vpink {
  color: #e4017f;
}
#content .ftc-Vpurple {
  color: #920883;
}
#content .ftc-Vnavy {
  color: #1c1e84;
}
#content .ftc-Vblue {
  color: #0068b7;
}
#content .ftc-Vsky {
  color: #00a0e9;
}
#content .ftc-Vturquoise {
  color: #009e96;
}
#content .ftc-Vgreen {
  color: #009944;
}
#content .ftc-Vlime {
  color: #8ec31f;
}

#content .ftc-Byellow {
  color: #fff338;
}
#content .ftc-Borange {
  color: #f6ad3a;
}
#content .ftc-Bred {
  color: #ea5532;
}
#content .ftc-Bmagenta {
  color: #e9536b;
}
#content .ftc-Bpink {
  color: #e95098;
}
#content .ftc-Bpurple {
  color: #a54a98;
}
#content .ftc-Bnavy {
  color: #4c4398;
}
#content .ftc-Bblue {
  color: #2b71b8;
}
#content .ftc-Bsky {
  color: #00b0ec;
}
#content .ftc-Bturquoise {
  color: #00ada9;
}
#content .ftc-Bgreen {
  color: #0ba95f;
}
#content .ftc-Blime {
  color: #a9cf52;
}

#content .ftc-DPyellow {
  color: #cbbd00;
}
#content .ftc-DPorange {
  color: #bf7601;
}
#content .ftc-DPred {
  color: #b60105;
}
#content .ftc-DPmagenta {
  color: #b5003c;
}
#content .ftc-DPpink {
  color: #b50165;
}
#content .ftc-DPpurple {
  color: #740169;
}
#content .ftc-DPnavy {
  color: #14116e;
}
#content .ftc-DPblue {
  color: #005293;
}
#content .ftc-DPsky {
  color: #0081ba;
}
#content .ftc-DPturquoise {
  color: #007f78;
}
#content .ftc-DPgreen {
  color: #007c36;
}
#content .ftc-DPlime {
  color: #6f9b12;
}

#content .ftc-Lyellow {
  color: #fff89a;
}
#content .ftc-Lorange {
  color: #fbce8a;
}
#content .ftc-Lred {
  color: #f39c76;
}
#content .ftc-Lmagenta {
  color: #f29c9f;
}
#content .ftc-Lpink {
  color: #f29fc3;
}
#content .ftc-Lpurple {
  color: #c490bf;
}
#content .ftc-Lnavy {
  color: #8f82bc;
}
#content .ftc-Lblue {
  color: #87abda;
}
#content .ftc-Lsky {
  color: #7ecff5;
}
#content .ftc-Lturquoise {
  color: #83ccc9;
}
#content .ftc-Lgreen {
  color: #88c997;
}
#content .ftc-Llime {
  color: #cce199;
}

#content .ftc-DLyellow {
  color: #cac04e;
}
#content .ftc-DLorange {
  color: #c39043;
}
#content .ftc-DLred {
  color: #ba5536;
}
#content .ftc-DLmagenta {
  color: #ba5460;
}
#content .ftc-DLpink {
  color: #ba5584;
}
#content .ftc-DLpurple {
  color: #8c4b82;
}
#content .ftc-DLnavy {
  color: #4e4282;
}
#content .ftc-DLblue {
  color: #3970a2;
}
#content .ftc-DLsky {
  color: #1894be;
}
#content .ftc-DLturquoise {
  color: #1d928f;
}
#content .ftc-DLgreen {
  color: #218f59;
}
#content .ftc-DLlime {
  color: #8ea953;
}

#content .ftc-VPyellow {
  color: #fffded;
}
#content .ftc-VPorange {
  color: #fef5e8;
}
#content .ftc-VPred {
  color: #feede3;
}
#content .ftc-VPmagenta {
  color: #fdedec;
}
#content .ftc-VPpink {
  color: #fdeff5;
}
#content .ftc-VPpurple {
  color: #f3eaf4;
}
#content .ftc-VPnavy {
  color: #e8e6f3;
}
#content .ftc-VPblue {
  color: #e9eef9;
}
#content .ftc-VPsky {
  color: #eaf6fe;
}
#content .ftc-VPturquoise {
  color: #eaf5f4;
}
#content .ftc-VPgreen {
  color: #ebf5eb;
}
#content .ftc-VPlime {
  color: #f2f7e5;
}

#content .ftc-DGyellow {
  color: #675f00;
}
#content .ftc-DGorange {
  color: #633c00;
}
#content .ftc-DGred {
  color: #5f0100;
}
#content .ftc-DGmagenta {
  color: #5f0017;
}
#content .ftc-DGpink {
  color: #600033;
}
#content .ftc-DGpurple {
  color: #3e0036;
}
#content .ftc-DGnavy {
  color: #08003a;
}
#content .ftc-DGblue {
  color: #00274f;
}
#content .ftc-DGsky {
  color: #004462;
}
#content .ftc-DGturquoise {
  color: #004340;
}
#content .ftc-DGgreen {
  color: #004215;
}
#content .ftc-DGlime {
  color: #395104;
}

#content .ftc-white {
  color: #ffffff;
}
#content .ftc-VLgray {
  color: #d8d8d8;
}
#content .ftc-Lgray {
  color: #b2b2b2;
}
#content .ftc-gray {
  color: #8c8c8c;
}
#content .ftc-Dgray {
  color: #656565;
}
#content .ftc-VDgray {
  color: #3f3f3f;
}
#content .ftc-black {
  color: #191919;
}

/*背景色*/
#content .bgc-Vyellow {
  background-color: #fff100;
}
#content .bgc-Vorange {
  background-color: #f49801;
}
#content .bgc-Vred {
  background-color: #e60112;
}
#content .bgc-Vmagenta {
  background-color: #e5004f;
}
#content .bgc-Vpink {
  background-color: #e4017f;
}
#content .bgc-Vpurple {
  background-color: #920883;
}
#content .bgc-Vnavy {
  background-color: #1c1e84;
}
#content .bgc-Vblue {
  background-color: #0068b7;
}
#content .bgc-Vsky {
  background-color: #00a0e9;
}
#content .bgc-Vturquoise {
  background-color: #009e96;
}
#content .bgc-Vgreen {
  background-color: #009944;
}
#content .bgc-Vlime {
  background-color: #8ec31f;
}

#content .bgc-Byellow {
  background-color: #fff338;
}
#content .bgc-Borange {
  background-color: #f6ad3a;
}
#content .bgc-Bred {
  background-color: #ea5532;
}
#content .bgc-Bmagenta {
  background-color: #e9536b;
}
#content .bgc-Bpink {
  background-color: #e95098;
}
#content .bgc-Bpurple {
  background-color: #a54a98;
}
#content .bgc-Bnavy {
  background-color: #4c4398;
}
#content .bgc-Bblue {
  background-color: #2b71b8;
}
#content .bgc-Bsky {
  background-color: #00b0ec;
}
#content .bgc-Bturquoise {
  background-color: #00ada9;
}
#content .bgc-Bgreen {
  background-color: #0ba95f;
}
#content .bgc-Blime {
  background-color: #a9cf52;
}

#content .bgc-DPyellow {
  background-color: #cbbd00;
}
#content .bgc-DPorange {
  background-color: #bf7601;
}
#content .bgc-DPred {
  background-color: #b60105;
}
#content .bgc-DPmagenta {
  background-color: #b5003c;
}
#content .bgc-DPpink {
  background-color: #b50165;
}
#content .bgc-DPpurple {
  background-color: #740169;
}
#content .bgc-DPnavy {
  background-color: #14116e;
}
#content .bgc-DPblue {
  background-color: #005293;
}
#content .bgc-DPsky {
  background-color: #0081ba;
}
#content .bgc-DPturquoise {
  background-color: #007f78;
}
#content .bgc-DPgreen {
  background-color: #007c36;
}
#content .bgc-DPlime {
  background-color: #6f9b12;
}

#content .bgc-Lyellow {
  background-color: #fff89a;
}
#content .bgc-Lorange {
  background-color: #fbce8a;
}
#content .bgc-Lred {
  background-color: #f39c76;
}
#content .bgc-Lmagenta {
  background-color: #f29c9f;
}
#content .bgc-Lpink {
  background-color: #f29fc3;
}
#content .bgc-Lpurple {
  background-color: #c490bf;
}
#content .bgc-Lnavy {
  background-color: #8f82bc;
}
#content .bgc-Lblue {
  background-color: #87abda;
}
#content .bgc-Lsky {
  background-color: #7ecff5;
}
#content .bgc-Lturquoise {
  background-color: #83ccc9;
}
#content .bgc-Lgreen {
  background-color: #88c997;
}
#content .bgc-Llime {
  background-color: #cce199;
}

#content .bgc-DLyellow {
  background-color: #cac04e;
}
#content .bgc-DLorange {
  background-color: #c39043;
}
#content .bgc-DLred {
  background-color: #ba5536;
}
#content .bgc-DLmagenta {
  background-color: #ba5460;
}
#content .bgc-DLpink {
  background-color: #ba5584;
}
#content .bgc-DLpurple {
  background-color: #8c4b82;
}
#content .bgc-DLnavy {
  background-color: #4e4282;
}
#content .bgc-DLblue {
  background-color: #3970a2;
}
#content .bgc-DLsky {
  background-color: #1894be;
}
#content .bgc-DLturquoise {
  background-color: #1d928f;
}
#content .bgc-DLgreen {
  background-color: #218f59;
}
#content .bgc-DLlime {
  background-color: #8ea953;
}

#content .bgc-VPyellow {
  background-color: #fffded;
}
#content .bgc-VPorange {
  background-color: #fef5e8;
}
#content .bgc-VPred {
  background-color: #feede3;
}
#content .bgc-VPmagenta {
  background-color: #fdedec;
}
#content .bgc-VPpink {
  background-color: #fdeff5;
}
#content .bgc-VPpurple {
  background-color: #f3eaf4;
}
#content .bgc-VPnavy {
  background-color: #e8e6f3;
}
#content .bgc-VPblue {
  background-color: #e9eef9;
}
#content .bgc-VPsky {
  background-color: #eaf6fe;
}
#content .bgc-VPturquoise {
  background-color: #eaf5f4;
}
#content .bgc-VPgreen {
  background-color: #ebf5eb;
}
#content .bgc-VPlime {
  background-color: #f2f7e5;
}

#content .bgc-DGyellow {
  background-color: #675f00;
}
#content .bgc-DGorange {
  background-color: #633c00;
}
#content .bgc-DGred {
  background-color: #5f0100;
}
#content .bgc-DGmagenta {
  background-color: #5f0017;
}
#content .bgc-DGpink {
  background-color: #600033;
}
#content .bgc-DGpurple {
  background-color: #3e0036;
}
#content .bgc-DGnavy {
  background-color: #08003a;
}
#content .bgc-DGblue {
  background-color: #00274f;
}
#content .bgc-DGsky {
  background-color: #004462;
}
#content .bgc-DGturquoise {
  background-color: #004340;
}
#content .bgc-DGgreen {
  background-color: #004215;
}
#content .bgc-DGlime {
  background-color: #395104;
}

#content .bgc-white {
  background-color: #ffffff;
}
#content .bgc-VLgray {
  background-color: #d8d8d8;
}
#content .bgc-Lgray {
  background-color: #b2b2b2;
}
#content .bgc-gray {
  background-color: #8c8c8c;
}
#content .bgc-Dgray {
  background-color: #656565;
}
#content .bgc-VDgray {
  background-color: #3f3f3f;
}
#content .bgc-black {
  background-color: #191919;
}

/*ボーダー色*/
#content .brc-Vyellow {
  border-color: #fff100;
}
#content .brc-Vorange {
  border-color: #f49801;
}
#content .brc-Vred {
  border-color: #e60112;
}
#content .brc-Vmagenta {
  border-color: #e5004f;
}
#content .brc-Vpink {
  border-color: #e4017f;
}
#content .brc-Vpurple {
  border-color: #920883;
}
#content .brc-Vnavy {
  border-color: #1c1e84;
}
#content .brc-Vblue {
  border-color: #0068b7;
}
#content .brc-Vsky {
  border-color: #00a0e9;
}
#content .brc-Vturquoise {
  border-color: #009e96;
}
#content .brc-Vgreen {
  border-color: #009944;
}
#content .brc-Vlime {
  border-color: #8ec31f;
}

#content .brc-Byellow {
  border-color: #fff338;
}
#content .brc-Borange {
  border-color: #f6ad3a;
}
#content .brc-Bred {
  border-color: #ea5532;
}
#content .brc-Bmagenta {
  border-color: #e9536b;
}
#content .brc-Bpink {
  border-color: #e95098;
}
#content .brc-Bpurple {
  border-color: #a54a98;
}
#content .brc-Bnavy {
  border-color: #4c4398;
}
#content .brc-Bblue {
  border-color: #2b71b8;
}
#content .brc-Bsky {
  border-color: #00b0ec;
}
#content .brc-Bturquoise {
  border-color: #00ada9;
}
#content .brc-Bgreen {
  border-color: #0ba95f;
}
#content .brc-Blime {
  border-color: #a9cf52;
}

#content .brc-DPyellow {
  border-color: #cbbd00;
}
#content .brc-DPorange {
  border-color: #bf7601;
}
#content .brc-DPred {
  border-color: #b60105;
}
#content .brc-DPmagenta {
  border-color: #b5003c;
}
#content .brc-DPpink {
  border-color: #b50165;
}
#content .brc-DPpurple {
  border-color: #740169;
}
#content .brc-DPnavy {
  border-color: #14116e;
}
#content .brc-DPblue {
  border-color: #005293;
}
#content .brc-DPsky {
  border-color: #0081ba;
}
#content .brc-DPturquoise {
  border-color: #007f78;
}
#content .brc-DPgreen {
  border-color: #007c36;
}
#content .brc-DPlime {
  border-color: #6f9b12;
}

#content .brc-Lyellow {
  border-color: #fff89a;
}
#content .brc-Lorange {
  border-color: #fbce8a;
}
#content .brc-Lred {
  border-color: #f39c76;
}
#content .brc-Lmagenta {
  border-color: #f29c9f;
}
#content .brc-Lpink {
  border-color: #f29fc3;
}
#content .brc-Lpurple {
  border-color: #c490bf;
}
#content .brc-Lnavy {
  border-color: #8f82bc;
}
#content .brc-Lblue {
  border-color: #87abda;
}
#content .brc-Lsky {
  border-color: #7ecff5;
}
#content .brc-Lturquoise {
  border-color: #83ccc9;
}
#content .brc-Lgreen {
  border-color: #88c997;
}
#content .brc-Llime {
  border-color: #cce199;
}

#content .brc-DLyellow {
  border-color: #cac04e;
}
#content .brc-DLorange {
  border-color: #c39043;
}
#content .brc-DLred {
  border-color: #ba5536;
}
#content .brc-DLmagenta {
  border-color: #ba5460;
}
#content .brc-DLpink {
  border-color: #ba5584;
}
#content .brc-DLpurple {
  border-color: #8c4b82;
}
#content .brc-DLnavy {
  border-color: #4e4282;
}
#content .brc-DLblue {
  border-color: #3970a2;
}
#content .brc-DLsky {
  border-color: #1894be;
}
#content .brc-DLturquoise {
  border-color: #1d928f;
}
#content .brc-DLgreen {
  border-color: #218f59;
}
#content .brc-DLlime {
  border-color: #8ea953;
}

#content .brc-VPyellow {
  border-color: #fffded;
}
#content .brc-VPorange {
  border-color: #fef5e8;
}
#content .brc-VPred {
  border-color: #feede3;
}
#content .brc-VPmagenta {
  border-color: #fdedec;
}
#content .brc-VPpink {
  border-color: #fdeff5;
}
#content .brc-VPpurple {
  border-color: #f3eaf4;
}
#content .brc-VPnavy {
  border-color: #e8e6f3;
}
#content .brc-VPblue {
  border-color: #e9eef9;
}
#content .brc-VPsky {
  border-color: #eaf6fe;
}
#content .brc-VPturquoise {
  border-color: #eaf5f4;
}
#content .brc-VPgreen {
  border-color: #ebf5eb;
}
#content .brc-VPlime {
  border-color: #f2f7e5;
}

#content .brc-DGyellow {
  border-color: #675f00;
}
#content .brc-DGorange {
  border-color: #633c00;
}
#content .brc-DGred {
  border-color: #5f0100;
}
#content .brc-DGmagenta {
  border-color: #5f0017;
}
#content .brc-DGpink {
  border-color: #600033;
}
#content .brc-DGpurple {
  border-color: #3e0036;
}
#content .brc-DGnavy {
  border-color: #08003a;
}
#content .brc-DGblue {
  border-color: #00274f;
}
#content .brc-DGsky {
  border-color: #004462;
}
#content .brc-DGturquoise {
  border-color: #004340;
}
#content .brc-DGgreen {
  border-color: #004215;
}
#content .brc-DGlime {
  border-color: #395104;
}

#content .brc-white {
  border-color: #ffffff;
}
#content .brc-VLgray {
  border-color: #d8d8d8;
}
#content .brc-Lgray {
  border-color: #b2b2b2;
}
#content .brc-gray {
  border-color: #8c8c8c;
}
#content .brc-Dgray {
  border-color: #656565;
}
#content .brc-VDgray {
  border-color: #3f3f3f;
}
#content .brc-black {
  border-color: #191919;
}
/*-----指定スタイル↑-----*/

.icon-x::before {
  content: "";
  background-image: url(./img/svg/solid/icon-x.svg);
  height: 40px;
  margin: 0 auto;
  padding: 0 10px;
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: center;
}

.social-bottom {
  margin-top: 40px;
}

.socialList {
  list-style: none;
  display: flex;
  flex-wrap: wrap
}

.socialList__item {
  text-align: center
}

.socialList__link {
  display: block;
  padding: 0 10px
}

.socialList__link:before {
  display: block;
  transition: .15s
}

.socialList-type01 {
  justify-content: flex-end
}

.socialList-type01 .socialList__item {
  flex-grow: 1;
  height: 40px;
  line-height: 40px;
  min-width: 70px
}

.socialList-type01 .socialList__link {
  color: #fff;
  padding: 0
}

.socialList-type01 .socialList__link:before {
  font-size: 2rem
}

.socialList-type01 .socialList__link:hover:before {
  background: #fff;
  transform: scale(1.2);
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, .15)
}

.socialList__link.icon-facebook {
  background: #3b5998
}

.socialList__link.icon-twitter {
  background: #00b0ed
}

.socialList__link.icon-x {
  background: #000000
}

.socialList__link.icon-google-plus {
  background: #df4a32
}

.socialList__link.icon-hatenabookmark {
  background: #008fde
}

.socialList__link.icon-pocket {
  background: #eb4654
}

.socialList__link.icon-line {
  background: #00c300
}

.socialList__link.icon-linkedin {
  background: #0e76a8
}

.socialList__link.icon-pinterest {
  background: #cb2027
}

.socialList-type01 .socialList__link.icon-facebook:hover:before {
  color: #3b5998
}

.socialList-type01 .socialList__link.icon-twitter:hover:before {
  color: #00b0ed
}

.socialList-type01 .socialList__link.icon-x:hover:before {
  background-image: url(./img/svg/solid/icon-x-black.svg);
  background-size: 18px;
  background-repeat: no-repeat;
  background-position: center;
}

.socialList-type01 .socialList__link.icon-google-plus:hover:before {
  color: #df4a32
}

.socialList-type01 .socialList__link.icon-hatenabookmark:hover:before {
  color: #008fde
}

.socialList-type01 .socialList__link.icon-pocket:hover:before {
  color: #eb4654
}

.socialList-type01 .socialList__link.icon-line:hover:before {
  color: #00c300
}

.socialList-type01 .socialList__link.icon-linkedin:hover:before {
  color: #0e76a8
}

.socialList-type01 .socialList__link.icon-pinterest:hover:before {
  color: #cb2027
}

/* 202512移植 V1 プリセットパーツ ここまで ------------------------------------------------------------*/



/* 202512移植 V1 監修者情報 ここから ------------------------------------------------------------*/

/*-----監修者情報-----*/

/* 監修者情報（記事下） */
.supervisor-bottom-box {
  border: 2px solid #d4d4d9;
  border-radius: 12px;
  padding: 16px 32px;
  margin-top: 40px; /* 記事本文との余白用に追記 */
  background-color: #fff; /* 背景色を念のため指定 */
}

.supervisor-bottom-box__title {
  color: #bbbbbf;
  font-weight: bold;
  font-size: 13px;
  border-bottom: 1px solid #d4d4d9;
  margin-bottom: 0;
}

.supervisor-bottom-box__inner {
  display: flex;
  margin-top: 16px;
}

.supervisor-bottom-box__img {
  flex: none;
  width: 100px;
  height: 100px;
  overflow: hidden;
  border-radius: 50%;
  margin: 0 30px;
}

.supervisor-bottom-box__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.supervisor-bottom-box__info {
  margin-left: 32px;
}

.supervisor-bottom-box__name {
  font-weight: bold;
  font-size: 15px;
}

.supervisor-bottom-box__name a {
  color: #237cc0;
  text-decoration: none;
}

.supervisor-bottom-box__name a:hover {
  text-decoration: underline;
}

.supervisor-bottom-box__description {
  margin-top: 4px;
  font-size: 14px;
  line-height: 1.6;
}

.supervisor-bottom-box__links {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 8px;
  margin-top: 12px;
  list-style: none;
  padding: 0;
}

.supervisor-bottom-box__link {
  flex: none;
  border-radius: 50%;
  padding: 5px;
  border: 1px solid #333;
  width: 26px;
  height: 26px;
  box-sizing: border-box; /* 崩れ防止に追加 */
}

.supervisor-bottom-box__link a {
  display: block;
  line-height: 1;
}

.supervisor-bottom-box__link img {
  width: 100%;
  height: auto;
  vertical-align: top;
}

/* スマホ対応 */
@media only screen and (max-width: 768px) {
  .supervisor-bottom-box__title {
    text-align: center;
  }
  .supervisor-bottom-box__inner {
    display: block;
  }
  .supervisor-bottom-box__img {
    margin: 0 auto 12px auto;
  }
  .supervisor-bottom-box__info {
    margin: 0;
    text-align: center;
  }
  .supervisor-bottom-box__description {
    text-align: left; /* 説明文は左揃えの方が見やすい場合が多い */
  }
  .supervisor-bottom-box__links {
    justify-content: center;
  }
}

/* 202512移植 V1 監修者情報 ここまで ------------------------------------------------------------*/


/* 202512移植 V1 dx-accordion ここから ------------------------------------------------------------*/
#content .accordion {
    margin-top: 100px;
}

/* =========================================
   タイトル部分（よくある質問 / 記事のおさらい）
   ========================================= */
.accordion__title,
.accordion__title--beginner {
    position: relative;
    border-top: 2px solid #e6e6e6;
}

/* キャラクター画像（左上の犬のイラストなど） */
.accordion__title--beginner::before,
.accordion__title::before {
    position: absolute;
    top: -62px;
    left: 0;
    width: 87px;
    height: 61px;
    background: url(./images/faq-ieul.svg) no-repeat left center;
    background-size: cover;
    content: "";
}

/* タイトルテキストのスタイル */
.accordion__title span,
.accordion__title--beginner span {
    display: inline-block;
    position: absolute;
    left: 110px;
    bottom: 10px;
    padding: 5px 20px;
    border-radius: 30px 30px 30px 23px;
    border: 2px solid;
    background-color: #fff;
    color: #404040;
    font-weight: 500;
    font-size: 21px;
}

/* 吹き出しのしっぽ */
.accordion__title span::before,
.accordion__title--beginner span::before {
    position: absolute;
    top: 22px;
    left: -14px;
    z-index: 1;
    width: 15px;
    height: 15px;
    background: url(./images/faq-balloon.png) no-repeat left center;
    background-size: cover;
    transform: rotate(-5deg);
    content: "";
}

/* 初心者マーク（beginnerのみ） */
.accordion__title--beginner span::after {
    position: absolute;
    top: -7px;
    left: -5px;
    z-index: 2;
    width: 21px;
    height: 27px;
    background: url(./images/ac-beginner.svg) no-repeat left center;
    background-size: cover;
    content: "";
}

/* タイトル部分のレスポンシブ対応 */
@media screen and (max-width: 768px) {
    .accordion__title--beginner span {
        border-radius: 15px;
        font-size: 15px;
    }

    .accordion__title--beginner span::before {
        top: 40px;
        left: -11px;
        width: 12px;
        height: 12px;
    }

    .accordion__title--beginner span::after {
        top: 8px;
        left: -10px;
        width: 16px;
        height: 20px;
    }

    .accordion__title--beginner::before,
    .accordion__title::before {
        top: -45px;
        left: 30px;
        width: 60px;
        height: 43px;
    }
}

/* 202512移植 V1 dx-accordion ここまで ------------------------------------------------------------*/



/* 202512移植 V1 talk ここから ------------------------------------------------------------*/

.talk li {
    position: relative;
    margin-bottom: 50px;
    padding: 10px 15px;
    border-radius: 10px;
    line-height: 1.4
}

.talk li:nth-child(odd) {
    display: inline-block;
    margin-left: 135px;
    margin-bottom: 30px;
    padding: 15px;
    border: 2px solid #ebebeb;
    background: #fff;
    text-align: justify
}

.talk li:nth-child(odd)::before {
    position: absolute;
    top: -5px;
    left: -72px;
    transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    width: 56px;
    height: 65px;
    background: url(./images/balloon-ieul.svg) no-repeat left center;
    background-size: cover;
    content: ""
}

.talk li:nth-child(odd)::after {
    position: absolute;
    top: 18.5px;
    left: -11px;
    z-index: 1;
    width: 12px;
    height: 17px;
    background: url(./images/balloon.png) no-repeat left center;
    background-size: cover;
    content: ""
}

.talk li:nth-child(even) {
    display: inline-block;
    width: 56%;
    padding: 15px;
    margin-left: 131px;
    border: 2px solid #ebebeb;
    background: #fff;
    text-align: justify
}

.talk li:nth-child(even)::before {
    position: absolute;
    top: 17px;
    left: 100%;
    z-index: 1;
    transform: scale(-1,1);
    width: 12px;
    height: 17px;
    background: url(./images/balloon.png) no-repeat left center;
    background-size: cover;
    content: ""
}

.talk li:nth-child(even)::after {
    position: absolute;
    top: 10px;
    right: -75px;
    width: 53px;
    height: 59px;
    background: url(./images/balloon-doctor.svg) no-repeat left center;
    background-size: cover;
    content: ""
}

@media only screen and (max-width: 768px) {
    .talk {
        margin-bottom:30px;
    }

    .talk li {
        margin-bottom: 0
    }

    .talk li:nth-child(odd) {
        width: 60%;
        margin-left: 72px;
        margin-bottom: 10px;
        padding: 10px;
        font-size: 14px;
    }

    .talk li:nth-child(odd)::before {
        top: 10px;
        left: -62px;
        width: 38px;
        height: 44px;
    }

    .talk li:nth-child(even) {
        display: inline-block;
        width: 61%;
        margin-left: 67px;
        padding: 10px;
        font-size: 14px;
        text-align: justify
    }

    .talk li:nth-child(even)::after {
        top: 30px;
        right: -53px;
        width: 35px;
        height: 40px;
    }
}

/* 202512移植 V1 talk ここまで ------------------------------------------------------------*/


/* 202512移植 V1 cta-btn ここから ------------------------------------------------------------*/

#content .cta-btn a:hover,
#content .cta-btn-buy a:hover,
#content .cta-btn-sale a:hover {
    opacity: .8;
    top: 3px;
    font-weight: 400;
    box-shadow: 0 3px 0 rgba(0,0,0,.5)
}

#content .cta-btn-land a:hover {
    opacity: .8;
    top: 3px;
    box-shadow: 0 3px 0 rgba(204,94,2,1);
    font-weight: 400
}

#content .cta-btn {
    position: relative
}

#content .cta-btn a,
#content .cta-btn-sale a {
    display: block;
    position: relative;
    top: 0;
    width: calc(100% - 20px);
    height: 50px;
    margin: auto;
    margin-bottom: 20px;
    padding-right: 15px;
    border-radius: 7px;
    background: #ea524f;
    box-shadow: 0 6px 0 #9e3735;
    color: #fff;
    font-size: 1.6rem;
    text-decoration: none;
    text-align: center;
    line-height: 50px
}

#content .cta-btn-sale {
    margin-top: 1rem
}

#content .cta-btn a::after,
#content .cta-btn-sale a::after {
    position: absolute;
    top: 15px;
    right: 12px;
    width: 20px;
    height: 20px;
    padding-right: 15px;
    background-image: url(https://ieul.jp/column/wp-content/uploads/assets/round-arrow.png);
    background-size: cover;
    content: ""
}

@media only screen and (max-width: 768px) {
    #content .cta-btn a,
	#content .cta-btn-sale a {
        font-size:1.6rem;
    }

    #content .cta-btn a::after,
	#content .cta-btn-sale a::after {
        padding-right: 15px;
    }

    #content .cta-btn-sale a {
        margin-bottom: 1.5rem;
    }
}

@media only screen and (min-width: 769px) {
    #content .cta-btn a,
	#content .cta-btn-sale a {
        width:90%;
        height: 80px;
        margin: 0 auto 30px;
        font-size: 2.4rem;
        line-height: 80px;
        letter-spacing: 1px;
    }

    #content .cta-btn a::after,
	#content .cta-btn-sale a::after {
        top: 22px;
        right: 34px;
        width: 34px;
        height: 34px;
    }

    #content .cta-btn-sale a {
        margin-bottom: 2rem;
    }
}

@media only screen and (max-width: 991px) and (min-width:769px) {
    #content .cta-btn a,
	#content .cta-btn-sale a {
        font-size:2rem;
        padding: 0 45px 0 20px;
    }

    #content .cta-btn a::after,
	#content .cta-btn-sale a::after {
        width: 30px;
        height: 30px;
        background-size: cover;
        top: 25px;
        right: 20px;
    }
}

@media only screen and (max-width: 360px) {
    #content .cta-btn a,
	#content .cta-btn-sale a {
        font-size:1.4rem;
        padding-right: 30px;
        letter-spacing: 0
    }
}

#content .cta-btn-land a {
    display: block;
    position: relative;
    top: 0;
    margin: auto;
    color: #fff;
    border-radius: 7px;
    box-shadow: 0 4px 0 0 #cc5e02;
    background: #ff7b00;
    font-weight: 600;
    text-decoration: none;
    text-align: center
}

#content .cta-btn-land a::after {
    position: absolute;
    background-image: url(https://ieul.jp/column/wp-content/uploads/assets/round-arrow.png);
    background-size: contain;
    background-repeat: no-repeat;
    content: ""
}

@media only screen and (max-width: 768px) {
    #content .cta-btn-land a {
        width:95%;
        height: 60px;
        margin-bottom: 20px;
        padding: 17px 20px 17px 10px;
        font-size: 15px;
    }

    #content .cta-btn-land a::after {
        top: 21px;
        right: 25px;
        width: 15px;
        height: 15px;
        padding-right: 15px;
    }

    .cta-btn-land img.dog-left {
        display: none
    }
}

@media only screen and (max-width: 320px) {
    #content .cta-btn-land a::after {
        right:10px;
    }
}

@media only screen and (min-width: 769px) {
    .cta-btn-land {
        padding:0 15px;
    }

    .cta-btn-land .pc_only {
        display: flex !important;
    }

    #content .cta-btn-land a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 86%;
        height: 70px;
        padding: 0 36px 0 10px;
        font-size: 14px;
        letter-spacing: -.04em;
    }

    #content .cta-btn-land a::after {
        top: 20px;
        right: 10px;
        width: 23px;
        height: 23px;
    }

    .cta-btn-land img.dog-left {
        width: 58px;
        height: 70px;
    }
}

@media only screen and (min-width: 920px) {
    #content .cta-btn-land a {
        font-size:16px;
        letter-spacing: 0
    }

    #content .cta-btn-land a::after {
        top: 20px;
        right: 15px;
        width: 28px;
        height: 28px;
    }
}

@media only screen and (min-width: 1139px) {
    #content .cta-btn-land.sp-only a {
        font-size:18px;
        padding: 20px 120px;
    }

    #content .cta-btn-land.sp-only {
        padding: 0 30px;
    }
}

#content .cta-btn-plan-request .cta-btn-plan-request-link:hover {
    top: 3px;
    font-weight: 400;
    box-shadow: 0 3px 0 rgba(204,94,2,1);
    opacity: .8
}

#content .cta-btn-plan-request .cta-btn-plan-request-link {
    display: block;
    position: relative;
    top: 0;
    height: auto;
    margin: auto;
    border-radius: 7px;
    box-shadow: 0 4px 0 0 #cc5e02;
    background: #ff7b00;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    text-align: center
}

@media only screen and (max-width: 768px) {
    #content .cta-btn-plan-request .cta-btn-plan-request-link {
        width:calc(100% - 30px);
        margin-bottom: 20px;
        padding: 17px 10px;
        font-size: 1.5rem;
        line-height: 25px;
    }
}

@media only screen and (max-width: 320px) {
    #content .cta-btn-plan-request .cta-btn-plan-request-link {
        width:calc(100% - 10px)!important
    }
}

@media only screen and (min-width: 769px) {
    .cta-btn-plan-request {
        display:block;
        position: relative;
        align-items: center;
        justify-content: flex-end;
        margin-bottom: 15px;
        padding: 0 15px;
    }

    #content .cta-btn-plan-request .cta-btn-plan-request-link {
        width: 90%;
        padding: 0 10px;
        font-size: 1.8rem;
        line-height: 70px;
    }
}

@media only screen and (max-width: 900px) and (min-width:769px) {
    .cta-btn-plan-request {
        padding:0
    }

    #content .cta-btn-plan-request .cta-btn-plan-request-link {
        width: calc(100% - 10px);
        margin-bottom: 20px;
        padding: 17px 10px;
        font-size: 1.4rem;
        line-height: 25px;
        letter-spacing: -.03em;
    }
}

@media only screen and (max-width: 991px) and (min-width:901px) {
    .cta-btn-plan-request {
        padding:0 10px;
        margin: auto;
        margin-bottom: 10px;
    }

    #content .cta-btn-plan-request .cta-btn-plan-request-link {
        display: block;
        width: calc(100% - 10px);
        padding: 0 10px;
        font-size: 1.6rem;
        line-height: 60px;
        letter-spacing: -.04em;
    }
}

@media only screen and (max-width: 1138px) and (min-width:992px) {
    #content .cta-btn-plan-request .cta-btn-plan-request-link {
        width:90%;
        padding: 0 10px;
        font-size: 1.5rem;
        line-height: 60px;
    }

    #content .cta-btn-plan-request.sp-only .cta-btn-plan-request-link {
        font-size: 1.8rem;
        padding: 20px 90px;
    }
}

@media only screen and (min-width: 1139px) {
    #content .cta-btn-plan-request.sp-only .cta-btn-plan-request-link {
        padding:20px 120px;
        font-size: 1.8rem;
    }

    #content .cta-btn-plan-request.sp-only {
        padding: 0 30px;
    }
}

/* 202512移植 V1 cta-btn ここまで ------------------------------------------------------------*/


/* SP ------------------------------ */
@media print,screen and (max-width: 759px) {

	.p-spMenu__nav .c-spnav {
		background-color: var(--color_main, #ffa552);
	}

	.c-widget__title.-spmenu {
		background: var(--color_header_bg, #ff6838);
	}

	.p-spMenu__nav .c-spnav .menu-item {
		border-bottom: 2px solid #fff;
		color: #683b0f;
	}

	.p-spMenu__nav .c-spnav>.menu-item>a {
		display: flex;
		align-items: center;
		width: 100%;
		padding: 10px 20px;
		column-gap: 10px;
	}

	.p-spMenu__nav .c-spnav li a::before {
		position: unset;
		top: unset;
		width: 40px;
		height: 30px;
		content: "";
		transform: unset;
	}

	.p-spMenu__nav .c-spnav li.icon_cap a::before {
		background: url(./images/icon_cap.svg) left center / auto 30px no-repeat;
	}

	.p-spMenu__nav .c-spnav li.icon_cup a::before {
		background: url(./images/icon_cup.svg) left center / auto 30px no-repeat;
	}

	.p-spMenu__nav .c-spnav li.icon_leaf a::before {
		background: url(./images/icon_leaf.svg) left center / auto 30px no-repeat;
	}

	.p-spMenu__nav .c-spnav li.icon_speaker a::before {
		background: url(./images/icon_speaker.svg) left center / auto 30px no-repeat;
	}

	.p-spMenu__nav .c-spnav li.icon_ieul a::before {
		background: url(./images/icon_ieul.svg) left center / auto 30px no-repeat;
	}

	.p-spMenu__nav .c-spnav .menu-item:first-child a {
		background-color: #EFF2FD;
		color: #001067;
	}

	.p-spMenu__nav .c-spnav .menu-item:last-child a {
		background-color: #b8d04d;
		color: #333;
	}


	
	.l-footer {
		border-top: 4px solid #ff6838;
		padding-bottom: 120px;
	}

	.l-footer h4,
	.l-footer p,
	.l-footer ul {
		font-size: var(--sp-fz-small);
	}

	.l-footer__widgetArea h3 {
		border-left: 4px solid #b32926;
		padding-left: 1rem;
		font-size: var(--sp-fz-regular);
		font-weight: normal;
	}

	.l-footer__foot .service_name {
		display: flex;
        align-items: center;
        justify-content: center;
		gap: 24px;
		border-top: 1px solid #e6dfd0;
    	padding: 10px 0 50px 0;
	}

	.l-footer__foot .service_name img:first-child {
		width: 151px;
		height: auto;
	}

	.l-footer__foot .company {
		display: flex;
        align-items: center;
        justify-content: center;
		gap: 24px;
	}

	.l-footer__foot .company img:first-child {
		width: 55px;
		height: auto;
	}

	.v1__check-box {
		position: relative;
		margin-right: 7vw;
		margin-left: 7vw;
		border: 8px solid #dbcfaf !important;
		border-radius: 8px;
		padding-top: 40px !important;
	}

	.v1__check-box .cap_box_content {
		z-index: 1;
	}

	.v1__check-box::before {
		content: "";
		display: block;
		position: absolute;
		top: -15px;
		left: 50%;
		transform: translateX(-50%);
		width: 192px;
		height: 40px;
		background: url(./images/checklist-binder.png) no-repeat left center;
		background-size: cover;
	}

	.v1__check-box::after {
		content: "";
		display: block;
		position: absolute;
		transform: scale(-1, 1);
		z-index: 2;
		right: -9vw;
		bottom: 0px;
		width: 21vw;
		height: 21vw;
		background: url(./images/checklist-ieul.png) left center / contain no-repeat;
	}

	.v1__ribbon-ul-box {
		position: relative;
	}

	.v1__ribbon-ul-box .cap_box_ttl {
		position: relative;
		z-index: 2;
		margin: 0 40px;
		padding: 0;
		background: transparent;
	}

	.v1__ribbon-ul-box .cap_box_ttl::before {
		content: "";
		width: 23px;
		height: 31px;
		position: absolute;
		left: -16px;
		background: url(./images/ribbon-left.svg) no-repeat left center;
		background-size: contain;
	}

	.v1__ribbon-ul-box .cap_box_ttl::after {
		content: "";
		width: 23px;
		height: 31px;
		position: absolute;
		right: -16px;
		background: url(./images/ribbon-right.svg) no-repeat left center;
		background-size: contain;
	}

	.v1__ribbon-ul-box .cap_box_ttl > span {
		display: block;
		width: 100%;
		position: relative;
		z-index: 2;
		padding: 5px;
		border-radius: 2px;
		background: #cf3232;
		color: #fff;
		line-height: 2;
	}

	.v1__ribbon-ul-box .cap_box_content {
		border: 2px solid #e1e0e0;
		border-radius: 8px;
		margin-top: -20px;
		padding: 40px 30px 20px 30px;
	}

	.v1__ribbon-ul-box li {
		margin-bottom: 1.5em;
	}
	
	.v1__ribbon-ul-box li:last-child {
		margin-bottom: 0;
	}

	.v1__point-box .cap_box_ttl {
		display: flex;
		column-gap: 10px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		padding-bottom: 0;
		padding-right: 20px;
	}

	.v1__point-box .cap_box_ttl::before {
		width: 48px;
		height: 49px;
		background: url(./images/glossary-ieul.svg) no-repeat left center;
		background-size: cover;
		content: "";
	}



}


/* PC ------------------------------ */
@media print,screen and (min-width: 760px) {

	.-parallel .l-header__inner {
		--base-width: clamp(900px, 90vw, 1200px);
		display: grid;
		grid-template-columns: calc((100% - var(--base-width)) / 2) 1fr 3fr calc((100% - var(--base-width)) / 2) ;
		row-gap: 8px;
	}

	#gnav {
		grid-column: 1 / 5;
		grid-row: 2 / 3;
		margin-top: 0;
		border-top: 2px solid #fff;
		border-bottom: 2px solid #fff;
		background-color: var(--color_main, #ffa552);
	}

	.-parallel .l-header__logo {
		grid-column: 2 / 3;
		grid-row: 1 / 2;
		padding: 0;
		text-align: left;
		display: flex;
		flex-direction: column;
		justify-content: center;

	}

	.-parallel .w-header {
		grid-column: 3 / 4;
		grid-row: 1 / 2;
		justify-content: flex-end;
	}

	.w-header__item.widget_nav_menu ul {
		list-style: none;
		display: flex;
		align-items: center;
		column-gap: 30px;
		font-size: min(var(--pc-fz-small), 1.3vw);
	}

	.w-header__item.widget_nav_menu a {
		color: #fff;
		text-decoration: underline;
	}

	.w-header__item.widget_nav_menu li:last-child > a {
		display: flex;
		align-items: center;
		justify-content: center;
		column-gap: 4px;
		background: #fff;
		line-height: 24px;
		border-radius: 12px;
		padding: 0 10px;
		color: #ff6838;
		text-decoration: none;
	}

	.w-header__item.widget_nav_menu li:last-child > a::after {
		content: "";
		width: 12px;
		height: 12px;
		background: url(./images/arrow-right-solid.svg) center center / 12px 12px no-repeat;

	}

	.c-gnav {
		max-width: 1200px;
		min-width: 900px;
		margin: 0 auto;
		background-color: var(--color_main, #ffa552);
	}

	.-parallel .l-header__gnav .c-gnav > li > a {
		padding: min(12px, 1.1vw) 5px;
	}

	.c-gnav>.menu-item {
		height: auto;
	}

	.c-gnav>.menu-item>a .ttl {
		font-size: min(var(--pc-fz-small), 1.3vw);
		line-height: 1.3;
	}

	.c-gnav .menu-item {
		flex-basis: 25%;
		max-width: 25%;
		border-right: 2px solid #fff;
		color: #683b0f;
	}

	.c-gnav>.menu-item>a {
		width: 100%;
		display: flex;
		flex-direction: row;
		align-items: center;
		text-align: left;
		word-break: break-word;
		white-space: wrap;
		white-space-collapse: break-spaces;
	}

	.c-gnav li a::before {
		width: 40px;
		height: 30px;
		content: "";
	}

	.c-gnav li.icon_cap a::before {
		background: url(./images/icon_cap.svg) left center / auto 30px no-repeat;
	}

	.c-gnav li.icon_cup a::before {
		background: url(./images/icon_cup.svg) left center / auto 30px no-repeat;
	}

	.c-gnav li.icon_leaf a::before {
		background: url(./images/icon_leaf.svg) left center / auto 30px no-repeat;
	}

	.c-gnav li.icon_speaker a::before {
		background: url(./images/icon_speaker.svg) left center / auto 30px no-repeat;
	}

	.c-gnav li.icon_ieul a::before {
		background: url(./images/icon_ieul.svg) left center / auto 30px no-repeat;
	}

	.c-gnav .menu-item:first-child a {
		background-color: #EFF2FD;
		color: #001067;
	}

	.c-gnav .menu-item:last-child a {
		background-color: #b8d04d;
		color: #333;
	}
	
	.l-footer {
		border-top: 4px solid #ff6838;
		padding-bottom: 120px;
	}

	.l-footer h4,
	.l-footer p,
	.l-footer ul {
		font-size: var(--pc-fz-small);
	}

	.l-footer__widgetArea h3 {
		border-left: 4px solid #b32926;
		padding-left: 1rem;
		font-size: var(--pc-fz-regular);
		font-weight: normal;
	}

	.l-footer__foot .service_name {
		display: flex;
        align-items: center;
        justify-content: center;
		gap: 24px;
		border-top: 1px solid #e6dfd0;
    	padding: 10px 0 50px 0;
	}

	.l-footer__foot .service_name img:first-child {
		width: 151px;
		height: auto;
	}

	.l-footer__foot .company {
		display: flex;
        align-items: center;
        justify-content: center;
		gap: 24px;
	}

	.l-footer__foot .company img:first-child {
		width: 55px;
		height: auto;
	}

	.editor-styles-wrapper h2,
	.post_content h2 {
		border-bottom: solid 3px #ffd866;
	}

	.editor-styles-wrapper h3,
	.post_content h3 {
		padding: 7px 20px;
		background: #f3f3f3;
	}

	.editor-styles-wrapper h4,
	.post_content h4 {
		display: flex;
		align-items: center;
		column-gap: 6px;
		padding-bottom: 7px;
		border-bottom: solid 2px #e2e2e2;
	}

	.editor-styles-wrapper h4:before,
	.post_content h4:before {
		content: "";
		width: 10px;
		height: 10px;
		border-radius: 4px;
		background: #fc9b37;
	}

	.editor-styles-wrapper .has-border.-border01,
	.post_content .has-border.-border01 {
		border-radius: 8px;
	}

	.v1__check-box {
		position: relative;
		margin-right: 120px;
		margin-left: 120px;
		border: 8px solid #dbcfaf !important;
		border-radius: 8px;
		padding-top: 40px !important;
	}

	.v1__check-box .cap_box_content {
		z-index: 1;
	}

	.v1__check-box::before {
		content: "";
		display: block;
		position: absolute;
		top: -15px;
		left: 50%;
		transform: translateX(-50%);
		width: 192px;
		height: 40px;
		background: url(./images/checklist-binder.png) no-repeat left center;
		background-size: cover;
	}

	.v1__check-box::after {
		content: "";
		display: block;
		position: absolute;
		transform: scale(-1, 1);
		z-index: 2;
		right: -80px;
		bottom: 0px;
		width: 100px;
		height: 118px;
		background: url(./images/checklist-ieul.png) left center / contain no-repeat;
	}

	.v1__ribbon-ul-box {
		position: relative;
		margin-right: 120px;
		margin-left: 120px;
	}

	.v1__ribbon-ul-box .cap_box_ttl {
		position: relative;
		z-index: 2;
		margin: 0 120px;
		padding: 0;
		background: transparent;
	}

	.v1__ribbon-ul-box .cap_box_ttl::before {
		content: "";
		width: 23px;
		height: 31px;
		position: absolute;
		left: -16px;
		background: url(./images/ribbon-left.svg) no-repeat left center;
		background-size: contain;
	}

	.v1__ribbon-ul-box .cap_box_ttl::after {
		content: "";
		width: 23px;
		height: 31px;
		position: absolute;
		right: -16px;
		background: url(./images/ribbon-right.svg) no-repeat left center;
		background-size: contain;
	}

	.v1__ribbon-ul-box .cap_box_ttl > span {
		display: block;
		width: 100%;
		position: relative;
		z-index: 2;
		padding: 5px;
		border-radius: 2px;
		background: #cf3232;
		color: #fff;
		line-height: 2;
	}

	.v1__ribbon-ul-box .cap_box_content {
		border: 2px solid #e1e0e0;
		border-radius: 8px;
		margin-top: -20px;
		padding: 40px 30px 20px 30px;
	}

	.v1__ribbon-ul-box li {
		margin-bottom: 1.5em;
	}
	
	.v1__ribbon-ul-box li:last-child {
		margin-bottom: 0;
	}

	.v1__point-box .cap_box_ttl {
		display: flex;
		column-gap: 10px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		padding-bottom: 0;
		padding-right: 20px;
	}

	.v1__point-box .cap_box_ttl::before {
		width: 48px;
		height: 49px;
		background: url(./images/glossary-ieul.svg) no-repeat left center;
		background-size: cover;
		content: "";
	}
	
	

}