@charset "utf-8";
/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
/* clearfix */
#harithoth .clearfix:after {content: "";display: block;clear: both;}
/* flex */
#harithoth .flex,#harithoth .flexA,#harithoth .flexB,#harithoth .flexC {display: flex;flex-wrap: wrap;}
#harithoth .flexA {justify-content: space-around;}
#harithoth .flexB {justify-content: space-between;}
#harithoth .flexC {justify-content: center;}
/*------------------------------------------------------------
	common
------------------------------------------------------------*/
#harithoth .sub_box {
	margin: 0 auto;
	padding: 0 20px;
	max-width: 1070px;
}
@media all and (max-width: 767px) {
    #harithoth .sub_box {
        width: auto;
        max-width: inherit;
    }
}

.page_product #main .mainVisual img {
    width: 100%;
}

#harithoth .content .series_ttl {
    text-align: center;
    margin-top: 5%;
}
/*------------------------------------------------------------
	head_line01
------------------------------------------------------------*/
#harithoth .head_line01 {
	margin-bottom: 90px;
	padding-bottom: 36px;
	font-size: 28px;
    font-weight: 600;
	letter-spacing: 0.1em;
	background: url(https://lalagrant.jp/wp-content/themes/lala-grant/img/harithoth/line01.png) no-repeat center bottom;
}
@media all and (max-width: 767px) {
    #harithoth .head_line01 {
        margin-bottom: 40px;
        padding-bottom: 20px;
        font-size: 5vw;
        text-align: center;
    }
}
/*------------------------------------------------------------
	head_line02
------------------------------------------------------------*/
#harithoth .head_line02 {
	margin-bottom: 56px;
	font-size: 3.15vw;
	line-height: 1.66;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#harithoth .head_line02 .pink {
	color: #9d737f;
}
#harithoth .head_line02 .blue {
	color: #006ebc;
}
@media all and (max-width: 767px) {
    #harithoth .head_line02 {
        margin-bottom: 30px;
        font-size: 5vw;
    }
}
/*------------------------------------------------------------
	head_line03
------------------------------------------------------------*/
#harithoth .head_line03 {
	margin: 0 auto 44px;
	padding: 86px 0 16px;
	color: #9d737f;
	max-width: 1200px;
	font-size: 2.08vw;
	font-weight: 600;
	letter-spacing: 0.1em;
	border-bottom: 2px solid #9d737f;
	background: url(https://lalagrant.jp/wp-content/themes/lala-grant/img/harithoth/icon04.png) no-repeat center top;
}
@media all and (max-width: 767px) {
    #harithoth .head_line03 {
        margin: 0 auto 30px;
        padding: 40px 0 10px;
        max-width: inherit;
        font-size: 5.6vw;
        background: url(https://lalagrant.jp/wp-content/themes/lala-grant/img/harithoth/icon04.png) no-repeat center top / 23px;
    }
}
/*------------------------------------------------------------
	index
------------------------------------------------------------*/
#harithoth .content .series_ttl {
	margin-top: 7%;
}
#harithoth .content .series_ttl .photo img {
    width: 100%;
}
#harithoth .sec01 {
    margin-bottom: 7%;
    box-sizing: border-box;
}
#harithoth .sec02 {
	background: url(https://lalagrant.jp/wp-content/themes/lala-grant/img/harithoth/bg01.jpg) no-repeat left top / cover;
}
#harithoth .sec02 .sub_box {
	margin-left: 31.6%;
	padding: 102px 0 86px;
	max-width: 1060px;
}
#harithoth .sec02 .p_top {
	color: #9d737f;
	font-size: 1.88vw;
	font-weight: 300;
	line-height: 1.67;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#harithoth .sec02 .photo {
	margin: 30px 0 62px;
}
#harithoth .sec02 .photo img {
    width: auto!important;
}
#harithoth .sec02 .txt_list {
	margin: -20px auto 0;
	max-width: 750px;
}
#harithoth .sec02 .txt_list li {
	margin-top: 20px;
	width: 222px;
	height: 222px;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #9d737f;
	font-size: 1.56vw;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-align: center;
	border: 2px solid #9d737f;
	border-radius: 50%;
}
#harithoth .sec02 .txt_list li:not(:last-of-type) {
	margin-right: 4%;
}
#harithoth .sec03 {
	padding: 150px 100px 122px;
}
#harithoth .sec03 > h3 {
	margin-bottom: 70px;
	font-size: 3vw;
    font-weight: 600;
	line-height: 1.6;
}
#harithoth .sec03 > h3 span {
	padding: 0 30px;
	border-bottom: 1px solid #000;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#harithoth .sec03 .txt_list {
	margin-bottom: 72px;
}
#harithoth .sec03 .txt_list li {
	padding: 66px 10px 80px;
	width: 47%;
	position: relative;
	font-size: 1.04vw;
    font-weight: 600;
	line-height: 2;
	letter-spacing: 0.05em;
	background-color: #f4eff0;
	border: 2px solid #9d737f;
	box-sizing: border-box;
}
#harithoth .sec03 .txt_list li h3 {
	margin-bottom: 44px;
	color: #9d737f;
	font-size: 2.08vw;
	line-height: 1.8;
}
#harithoth .sec03 .txt_list li:first-of-type::after {
	width: 64px;
	height: 64px;
	position: absolute;
	top: 50%;
	right: -11%;
	background: url(https://lalagrant.jp/wp-content/themes/lala-grant/img/harithoth/icon01.png) no-repeat center;
	transform: translateY(-50%);
	content: '';
}
#harithoth .sec03 .text {
	font-size: 1.26vw;
	font-weight: 300;
	line-height: 1.67;
}
#harithoth .sec04 {
	padding: 130px 0 116px;
	text-align: center;
	background-color: #f4eff0;
}
#harithoth .sec04 .sub_box {
	max-width: 1460px;
}
#harithoth .sec04 .photo {
	margin: 0 auto 64px;
    max-width: 1070px;
}
#harithoth .sec04 h3 {
	margin-bottom: 26px;
	font-size: 2.4vw;
	font-weight: 300;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#harithoth .sec04 .top {
	margin-bottom: 20px;
	color: #9d737f;
	font-size: 2.08vw;
    font-weight: 600;
	letter-spacing: 0.05em;
}
#harithoth .sec04 .text {
	margin-bottom: 30px;
	font-size: 1.25vw;
    font-weight: 600;
	line-height: 2;
	letter-spacing: 0.05em;
}
#harithoth .sec04 .notes {
	margin-bottom: 134px;
	font-size: 1.03vw;
	font-weight: 300;
	letter-spacing: 0.05em;
}
#harithoth .sec04 .photo_list {
	margin-bottom: 60px;
}
#harithoth .sec04 .photo_list li {
	width: 28%;
	position: relative;
	font-size: 20px;
    font-weight: 600;
	letter-spacing: 0.05em;
}
#harithoth .sec04 .photo_list li img {
	margin-bottom: 20px;
    width: 100%;
	display: block;
}
#harithoth .sec04 .photo_list .ico01::after {
	width: 30px;
	height: 45px;
	position: absolute;
	top: 50%;
	right: -18%;
	background: url(https://lalagrant.jp/wp-content/themes/lala-grant/img/harithoth/icon02.png) no-repeat center;
	transform: translateY(-50%);
	content: '';
}
#harithoth .sec04 .photo_list .ico02::after {
	width: 45px;
	height: 45px;
	position: absolute;
	top: 50%;
	right: -18%;
    background: url(https://lalagrant.jp/wp-content/themes/lala-grant/img/harithoth/icon03.png) no-repeat center;
	transform: translateY(-50%);
	content: '';
}
#harithoth .sec04 p:last-of-type {
    margin-bottom: 0;
}
#harithoth .sec05 {
	padding: 50px 0 90px;
}
#harithoth .sec05 .sub_box {
	max-width: 1600px;
}
#harithoth .sec05 .title {
	margin-bottom: 38px;
}
#harithoth .sec05 .title span {
	padding: 3px 30px 0;
	color: #FFF;
	font-size: 1.7vw;
	font-weight: 600;
	letter-spacing: 0.1em;
    line-height: 2;
	background-color: #e49836;
	border-radius: 50px;
}
#harithoth .sec05 .text {
	margin-bottom: 68px;
	font-size: 1vw;
	font-weight: 600;
	line-height: 2;
	letter-spacing: 0.1em;
}
#harithoth .sec05 .title01 {
	margin-bottom: 66px;
}
#harithoth .sec05 dl {
	width: 48%;
}
#harithoth .sec05 dt {
    padding-top: 2px;
	width: 22%;
    min-width: 120px;
	float: left;
	color: #ee86a7;
	font-size: 1.35vw;
	font-weight: 600;
	letter-spacing: 0.1em;
	border: 2px solid #ee86a7;
	border-radius: 50px;
    }
#harithoth .sec05 dd {
    padding-left: 10em;
	font-size: 1.06vw;
	font-weight: 600;
	line-height: 1.8;
	letter-spacing: 0.1em;
	box-sizing: border-box;
	text-align: left;
}
#harithoth .sec05 dd:not(:last-of-type) {
	padding-bottom: 70px;
}
#harithoth .sec06 {
	/* margin-bottom: 156px; */
	padding: 60px 0 90px;
	background-color: #f5f1f2;
}
#harithoth .sec06 .sub_box {
	max-width: 1200px;
}
#harithoth .sec06 h3 {
	margin-bottom: 44px;
	font-size: 2.08vw;
	font-weight: 600;
	letter-spacing: 0.1em;
}
#harithoth .sec06 .text {
	margin-bottom: 20px;
	font-size: 1.3vw;
	font-weight: 600;
	line-height: 2;
	letter-spacing: 0.1em;
}
#harithoth .sec06 .notes {
	font-size: 1.36vw;
	font-weight: 300;
	letter-spacing: 0.1em;
}
#harithoth .sec07 {
	background-image: url(https://lalagrant.jp/wp-content/themes/lala-grant/img/harithoth/bg02.jpg);
}
#harithoth .sec07 .sub_box {
	max-width: 1080px;
}
#harithoth .sec07 .p_top {
	margin-bottom: 20px;
	color: #006ebc;
}
#harithoth .sec07 .text {
	margin-bottom: 110px;
	font-size: 24px;
	font-weight: 300;
	letter-spacing: 0.1em;
}
#harithoth .sec07 .txt_list li {
	color: #006ebc;
	border-color: #006ebc;
}
#harithoth .sec08 {
	padding: 70px 100px 90px;
}
#harithoth .sec08 .txt_list {
	margin-bottom: 100px;
}
#harithoth .sec08 .txt_list li {
	padding: 50px 24px 40px;
	border-color: #006ebc;
	background-color: #e7edf8;
}
#harithoth .sec08 .txt_list li h3 {
	margin-bottom: 14px;
	color: #006ebc;
	letter-spacing: 0.04em;
}
#harithoth .sec08 .txt_list li h3 .num {
	margin-bottom: 20px;
	display: block;
}
#harithoth .sec08 .txt_list li .txt {
	font-weight: 600;
	font-size: 1.35vw;
	line-height: 1.77;
}
#harithoth .sec08 .txt_list li .sml {
	margin-bottom: 46px;
	font-size: 1.25vw;
	font-weight: 300;
	line-height: 1.5;
}
#harithoth .sec08 .txt_list li .basis {
	padding-top: 22px;
	border-top: 1px solid #000;
}
#harithoth .sec08 .txt_list li .basis p {
    line-height: 1.8;
    font-size: 1.06vw;
	font-weight: 300;
}
#harithoth .sec08 .txt_list li:first-of-type::after {
	top: 44%;
	background-image: url(https://lalagrant.jp/wp-content/themes/lala-grant/img/harithoth/icon05.png);
}
#harithoth .sec08 h4 {
	margin-bottom: 40px;
	font-size: 40px;
	font-weight: 600;
	letter-spacing: 0.1em;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#harithoth .sec08 h4 .blue {
	color: #006ebc;
	font-size: 1.88vw;
	letter-spacing: 0.04em;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
#harithoth .sec08 .text {
	font-size: 2.08vw;
	font-weight: 300;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#harithoth .sec10 {
	background-color: #e7edf8;
}
#harithoth .sec10 .blue {
    color: #006ebc;
}
#harithoth .sec10 .photo_list .ico01::after {
    background: url(https://lalagrant.jp/wp-content/themes/lala-grant/img/harithoth/icon06.png) no-repeat center!important;
}
#harithoth .sec10 .photo_list .ico02::after {
    background: url(https://lalagrant.jp/wp-content/themes/lala-grant/img/harithoth/icon07.png) no-repeat center!important;
}
#harithoth .sec11 {
	padding: 116px 0 104px;
}
#harithoth .sec11 .sub_box {
	max-width: 1480px;
}
#harithoth .sec11 h3 {
	margin-bottom: 80px;
	font-size: 2.08vw;
	font-weight: 600;
	letter-spacing: 0.1em;
}
#harithoth .sec11 .method_list {
	margin: 0 0 80px 26px;
}
#harithoth .sec11 .method_list li {
	width: 20%;
	position: relative;
}
#harithoth .sec11 .method_list li img {
    width: 100%;
    display: inline;
}
#harithoth .sec11 .method_list li:not(:last-of-type) {
	margin-right: 30px;
}
#harithoth .sec11 .method_list li .num {
	width: 70%;
	height: 70%;
	position: absolute;
	top: -44px;
	right: -120px;
}
#harithoth .sec11 .text {
	margin-bottom: 20px;
	font-size: 1.35vw;
	font-weight: 600;
	line-height: 2;
	letter-spacing: 0.1em;
}
#harithoth .sec11 .blue {
	color: #006ebc;
}
#harithoth .sec11 .notes {
	margin-bottom: 38px;
	font-size: 1.35vw;
	font-weight: 300;
	letter-spacing: 0.1em;
}
#harithoth .sec11 .red {
	margin-bottom: 64px;
	color: #eb3341;
	font-size: 1.35vw;
	font-weight: 600;
	letter-spacing: 0.1em;
}
#harithoth .sec11 .big {
	color: #eb3341;
	font-size: 2.5vw;
	font-weight: 600;
}
#harithoth .sec12 {
	padding: 190px 0;
}
#harithoth .sec12 h3 {
	padding-bottom: 26px;
	position: relative;
	font-size: 38px;
	font-weight: 700;
	letter-spacing: 0.025em;
    font-family: 'Roboto', sans-serif;
}
#harithoth .sec12 h3::after {
	width: 123px;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	background-color: #000;
	content: '';
}
@media all and (max-width: 1760px) {
    #harithoth .sec05 dd {
        padding-left: 11em;
    }
}
@media all and (max-width: 1620px) {
    #harithoth .sec03 .txt_list li:first-of-type::after {
        right: -12%;
        background-size: 60%;
    }
    #harithoth .sec05 dd {
        padding-left: 12em;
    }
}
@media all and (max-width: 1340px) {
    #harithoth .sec02 .txt_list li {
        width: 160px;
        height: 160px;
        font-size: 20px;
    }
    #harithoth .sec03 .txt_list li:first-of-type::after {
        right: -14%;
        background-size: 60%;
    }
    #harithoth .sec04 .photo_list .ico01::after {
        top: 50%;
        right: -19%;
        background: url(https://lalagrant.jp/wp-content/themes/lala-grant/img/harithoth/icon02.png) no-repeat center;
    }
    #harithoth .sec04 .photo_list .ico02::after {
        top: 50%;
        right: -19%;
        background: url(https://lalagrant.jp/wp-content/themes/lala-grant/img/harithoth/icon03.png)  no-repeat center;
    }
    #harithoth .sec05 dd {
        padding-left: 12em;
    }
}
@media all and (max-width: 1130px) {
    #harithoth .sec02 .txt_list li {
        margin-top: 20px;
    }
    #harithoth .sec03 .txt_list li:first-of-type::after {
        right: -55px;
        background-size: 30%;
    }
    #harithoth .sec04 .photo_list .ico01::after {
        top: 50%;
        right: -20%;
        background: url(https://lalagrant.jp/wp-content/themes/lala-grant/img/harithoth/icon02.png) no-repeat center / 20px;
    }
    #harithoth .sec04 .photo_list .ico02::after {
        top: 50%;
        right: -20%;
        background: url(https://lalagrant.jp/wp-content/themes/lala-grant/img/harithoth/icon03.png)  no-repeat center / 30px;
    }
    #harithoth .sec11 .method_list li .num {
        top: -44px;
        right: -80px;
    }
    #harithoth .sec05 dd {
        padding-left: 13em;
    }
}
@media all and (max-width: 940px) {
    #harithoth .sec02 .txt_list li {
        width: 130px;
        height: 130px;
        font-size: 20px;
    }
    #harithoth .sec03 .txt_list li:first-of-type::after {
        right: -50px;
    }
    #harithoth .sec04 .photo_list .ico01::after {
        top: 50%;
        right: -22%;
        background: url(https://lalagrant.jp/wp-content/themes/lala-grant/img/harithoth/icon02.png) no-repeat center / 20px;
    }
    #harithoth .sec04 .photo_list .ico02::after {
        top: 50%;
        right: -24%;
        background: url(https://lalagrant.jp/wp-content/themes/lala-grant/img/harithoth/icon03.png)  no-repeat center / 30px;
    }
    #harithoth .sec05 dd {
        padding-left: 16em;
    }
    #harithoth .sec08 .txt_list li h3 {
        font-size: 30px;
    }
    #harithoth .sec08 h4 {
        font-size: 30px;
    }
    #harithoth .sec08 h4 .blue {
        font-size: 30px;
    }
    #harithoth .sec11 .method_list li .num {
        right: -45px;
    }
}
@media all and (max-width: 767px) {
    #harithoth .sec01 {
        margin-bottom: 7%;
    }
    #harithoth .sec01 .photo img {
        width: 100%;
    }
    #harithoth .sec02 {
        position: relative;
    }
    #harithoth .sec02::after {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(255,255,255,0.6);
        content: '';
    }
    #harithoth .sec02 .sub_box {
        margin-left: 0;
        padding: 40px 20px;
        max-width: inherit;
        position: relative;
        z-index: 10;
    }
    #harithoth .sec02 .p_top {
        color: #9d737f;
        font-size: 4vw;
        line-height: 1.5;
    }
    #harithoth .sec02 .photo {
        margin: 30px 0;
        width: 100%;
    }
    #harithoth .sec02 .txt_list {
        margin: 0 auto;
        max-width: inherit;
        max-width: 340px;
    }
    #harithoth .sec02 .txt_list li {
        margin: 20px auto 0;
        width: 90px;
        height: 90px;
        font-size: 16px;
    }
    #harithoth .sec03 {
        padding: 60px 20px;
    }
    #harithoth .sec03 > h3 {
        margin-bottom: 30px;
        font-size: 5.4vw;
    }
    #harithoth .sec03 .txt_list {
        margin-bottom: 30px;
        display: block;
    }

    #harithoth .sec03 .txt_list li {
        margin-top: 15px;
        padding: 30px 15px;
        width: 100%;
        position: relative;
        font-size: 3.4vw;
        line-height: 1.5;
    }
    #harithoth .sec03 .txt_list li:not(:last-of-type) {
        margin-bottom: 40px;
    }
    #harithoth .sec03 .txt_list li h3 {
        margin-bottom: 20px;
        color: #9d737f;
        font-size: 4.2vw;
        line-height: 1.5;
    }
    #harithoth .sec03 .txt_list li:first-of-type::after {
        top: auto;
        bottom: -55px;
        right: 50%;
        background: url(https://lalagrant.jp/wp-content/themes/lala-grant/img/harithoth/icon01.png) no-repeat center / 30px;
        transform: translateY(0);
        transform: translateX(50%);
    }
    #harithoth .sec03 .text {
        font-size: 4vw;
    }
    #harithoth .sec04 {
        padding: 60px 0;
    }
    #harithoth .sec04 .sub_box {
        max-width: inherit;
    }
    #harithoth .sec04 .photo {
        margin-bottom: 30px;
    }
    #harithoth .sec04 .photo img {
        width: 100%;
    }
    #harithoth .sec04 h3 {
        margin-bottom: 20px;
        font-size: 5vw;
    }
    #harithoth .sec04 .top {
        margin-bottom: 15px;
        font-size: 3.8vw;
    }
    #harithoth .sec04 .text {
        margin-bottom: 30px;
        font-size: 3.5vw;
        line-height: 1.85;
    }
    #harithoth .sec04 .notes {
        margin-bottom: 40px;
        font-size: 2.9vw;
    }
    #harithoth .sec04 .photo_list {
        margin-bottom: 40px;
    }
    #harithoth .sec04 .photo_list li {
        width: 28%;
        font-size: 2.8vw;
    }
    #harithoth .sec04 .photo_list li img {
        margin-bottom: 10px;
        width: 100%;
    }
    #harithoth .sec04 .photo_list .ico01::after {
        width: 15px;
        height: 23px;
        top: 40%;
        right: -24%;
        background: url(https://lalagrant.jp/wp-content/themes/lala-grant/img/harithoth/icon02.png) no-repeat center / 15px;
    }
    #harithoth .sec04 .photo_list .ico02::after {
        width: 20px;
        height: 20px;
        top: 40%;
        right: -25%;
        background: url(https://lalagrant.jp/wp-content/themes/lala-grant/img/harithoth/icon03.png)  no-repeat center / 20px;
    }
    #harithoth .sec05 {
        padding: 50px 0;
    }
    #harithoth .sec05 .sub_box {
        max-width: inherit;
    }
    #harithoth .sec05 .title {
        margin-bottom: 20px;
    }
    #harithoth .sec05 .title span {
        padding: 2px 5px;
        color: #FFF;
        font-size: 3vw;
        line-height: 1.85;
    }
    #harithoth .sec05 .text {
        margin-bottom: 30px;
        font-size: 4vw;
        line-height: 1.6;
    }
    #harithoth .sec05 .title01 {
        margin-bottom: 50px;
    }
    #harithoth .sec05 .text_area {
        display: block;
    }
    #harithoth .sec05 dl {
        width: 100%;
    }
    #harithoth .sec05 dl:not(:last-of-type) {
        margin-bottom: 20px;
    }
    #harithoth .sec05 dt {
        width: 176px;
        float: none;
        font-size: 3vw;
				min-width: 45%;
    		margin: 0 2px 15px;
    }
    #harithoth .sec05 dd {
        padding: 10px 0 0;
        font-size: 4vw;
    }
    #harithoth .sec05 dd:not(:last-of-type) {
        padding-bottom: 20px;
    }
    #harithoth .sec06 {
        margin-bottom: 25px;
        padding: 60px 0;
    }
    #harithoth .sec06 .sub_box {
        max-width: inherit;
    }
    #harithoth .sec06 h3 {
        margin-bottom: 30px;
        font-size: 5vw;
    }
    #harithoth .sec06 .text {
        font-size: 3.8vw;
        line-height: 1.6;
    }
    #harithoth .sec06 .notes {
        font-size: 3.6vw;
    }
    #harithoth .sec07 .sub_box {
        max-width: inherit;
    }
    #harithoth .sec07 .text {
        margin-bottom: 40px;
        font-size: 4.8vw;
    }
    #harithoth .sec08 {
        padding: 60px 20px;
    }
    #harithoth .sec08 h3 {
        font-size: 5vw;
    }
    #harithoth .sec08 .txt_list {
        margin-bottom: 30px;
    }
    #harithoth .sec08 .txt_list li {
        padding: 30px 24px;
    }
    #harithoth .sec08 .txt_list li h3 {
        color: #006ebc;
    }
    #harithoth .sec08 .txt_list li h3 .num {
        margin-bottom: 15px;
    }
    #harithoth .sec08 .txt_list li .txt {
        margin-bottom: 10px;
        font-weight: 600;
        font-size: 5vw;
    }
    #harithoth .sec08 .txt_list li .sml {
        margin-bottom: 20px;
        font-size: 3.4vw;
    }
    #harithoth .sec08 .txt_list li .basis {
        padding-top: 15px;
    }
    #harithoth .sec08 .txt_list li .basis p {
        font-size: 2.8vw;
    }
    #harithoth .sec08 .txt_list li:first-of-type::after {
        top: auto;
        bottom: -55px;
        background-image: url(https://lalagrant.jp/wp-content/themes/lala-grant/img/harithoth/icon05.png);
    }
    #harithoth .sec08 h4 {
        margin-bottom: 20px;
        font-size: 6vw;
        line-height: 3.6;
    }
    #harithoth .sec08 h4 img {
        vertical-align: middle;
    }
    #harithoth .sec08 h4 .blue {
        color: #006ebc;
        font-size: 5vw;
    }
    #harithoth .sec08 .text {
        font-size: 5vw;
    }
    #harithoth .sec10 .photo_list .ico01::after {
        background: url(https://lalagrant.jp/wp-content/themes/lala-grant/img/harithoth/icon06.png) no-repeat center / 15px!important;
    }
    #harithoth .sec10 .photo_list .ico02::after {
        background: url(https://lalagrant.jp/wp-content/themes/lala-grant/img/harithoth/icon07.png)  no-repeat center / 23px!important;
    }
    #harithoth .sec11 {
        padding: 60px 0;
    }
    #harithoth .sec11 .sub_box {
        max-width: inherit;
    }
    #harithoth .sec11 h3 {
        margin-bottom: 30px;
        font-size: 5vw;
    }
    #harithoth .sec11 .method_list {
        margin: -30px 0 40px;
    }
    #harithoth .sec11 .method_list li {
        margin-top: 30px;
        width: 45%;
        position: relative;
    }
    #harithoth .sec11 .method_list li img {
        width: 100%;
    }
    #harithoth .sec11 .method_list li:not(:last-of-type) {
        margin-right: 0;
    }
    #harithoth .sec11 .method_list li:not(:nth-of-type(2n)) {
        margin-right: 15px;
    }
    #harithoth .sec11 .method_list li .num {
        width: 40%;
        height: 40%;
        top: -20px;
        right: -30px;
    }
    #harithoth .sec11 .text {
        margin-bottom: 20px;
        font-size: 4vw;
        line-height: 1.5;
    }
    #harithoth .sec11 .notes {
        margin-bottom: 30px;
        font-size: 4vw;
    }
    #harithoth .sec11 .red {
        margin-bottom: 30px;
        font-size: 4.5vw;
    }
    #harithoth .sec11 .big {
        font-size: 5vw;
    }
    #harithoth .sec12 {
        padding: 60px 0;
    }
    #harithoth .sec12 h3 {
        padding-bottom: 26px;
        font-size: 5vw;
        font-weight: bold;
    }
}
@media all and (max-width: 374px) {
    #harithoth .sec02 .txt_list li {
        width: 80px;
        height: 80px;
        font-size: 14px;
    }
    #harithoth .sec02 .txt_list li:not(:last-of-type) {
        margin-right: 1%;
    }
    #harithoth .sec03 .txt_list li {
        margin-top: 15px;
        padding: 30px 15px;
        font-size: 3.3vw;
    }
    #harithoth .sec03 .txt_list li h3 {
        font-size: 4vw;
    }
}
.note-mark_center_txt {
    margin: 1rem 0 156px;
    font-size: 1.5rem;
}
#harithoth .note-mark {
    font-size: 2rem;
}
.num p {
    font-size: 2rem;
    background: #000000;
    color: #ffffff;
    border-radius: 100px;
    height: 10rem;
    width: 10rem;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.num .num-txt-number {
    font-size: 3.5rem;
}

/* PC表示からSP表示へ切り替わるまでの中間サイズ */
@media screen and (min-width: 769px) and (max-width: 1200px) {
    .num p {
        width: clamp(6.25rem, 13vw, 10rem);
        height: clamp(6.25rem, 13vw, 10rem);
        font-size: clamp(1.1rem, 2.4vw, 2rem);
    }

    .num .num-txt-number {
        font-size: clamp(2.2rem, 4.6vw, 3.5rem);
    }
}

@media all and (max-width: 767px) {
    .num p {
        font-size: 15px;
        background: #000000;
        color: #ffffff;
        border-radius: 100px;
        height: 4rem;
        width: 4rem;
        display: flex;
        align-items: center;
        justify-content: center;
        line-height: 1;
    }
    .num .num-txt-number {
        font-size: 25px;
    }
}

.sec05 .text_area.flexB .clearfix{
    margin: 0 auto; 
    width: 49%; 
    display: flex; 
    justify-content: space-around;
}
@media all and (max-width: 767px) {
    #harithoth .sec05 .text_area.flexB .clearfix{
        justify-content: center;
        display: flex; 
        width: 49%; 
        margin: 0 auto; 
    } 
.note-mark_center_txt {
    font-size: 4.5vw;
    margin: 1rem 0 30px;
}
}