@charset "UTF-8";
/* @import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css); */
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css);
.hd_fixHeader {
	display: none !important;
}
.br-sp {
	display: none;
}
.cmn_pagetop {
	/* bottom: 290px; */
	bottom: 235px;
	display: none !important;
}
#pageTop {
	width: 40px;
	height: 40px;
	position: absolute;
	top: -10px;
	right: 30px;
	text-align: right;
	/* display: none; */
	z-index: 1000;
}
@media  screen and (max-width: 767px) {
	#pageTop {
		right: 15px;
		top: -195px;
	}
}
#pageTop a img {
	width: 40px;
	height: auto;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
}
footer {
	padding-bottom: 150px;
}
@media  screen and (max-width: 767px) {
	footer {
		padding-bottom: 120px;
	}
}
#TShirtMainMenu {
	/* z-index: 999; */
	z-index: 9000;
}
#TShirtMainMenu p {
	margin: 0;
}
#TShirtMainMenuBox {
	display: flex;
	/* align-items: center; */
	justify-content: space-between;
}
#TShirtMainMenuBox > * {
	width: 49%;
	display: flex;
}
/*
#TShirtMainMenuBox > *:nth-child(1) {
	width: 54%;
}
#TShirtMainMenuBox > *:nth-child(2) {
	width: 44%;
}
*/
#TShirtMainMenu .ContactBtn,
#TShirtMainMenu .LinkBtn {
	text-align: center;
	font-size: 1.143em;
	line-height: 1.25;
}
#TShirtMainMenu .ContactBtn span,
#TShirtMainMenu .LinkBtn span {
	font-size: 157.1%;
}
#TShirtMainMenu .ContactBtn span:first-child,
#TShirtMainMenu .LinkBtn span:first-child {
	color: #ffea3d;
}
#TShirtMainMenu .ContactBtn span:nth-child(2),
#TShirtMainMenu .LinkBtn span:nth-child(2) {
	display: block;
	/* font-size: 128.6%; */
}
#TShirtMainMenu .ContactBtn a,
#TShirtMainMenu .LinkBtn a {
	display: block;
	/* background-color: #f80; */
	background:linear-gradient(#f80, #FF5526);
	font-weight: bold;
	/* border: 2px solid #FF5526; */
	border-radius: 8px;
	/* box-shadow: 2px 2px 0 #FF5526; */
	box-shadow: 2px 2px 2px rgba(51,51,51,0.5);
	color: #333;
	position: relative;
	/* padding: 16px 40px 16px 25px; */
	/* padding: 20px 30px 20px 15px; */
	padding: 15px 15px;
	text-align: center;
	color: #fff;
	transition: 0.2s;
	text-decoration: none;
	display: flex;
	flex-direction: column;
	flex: 1;
	width: 100%;
}
#TShirtMainMenu .ContactBtn a {
	text-shadow:
	1px 1px 0 #FF5526,
	-1px -1px 0 #FF5526,
	-1px 1px 0 #FF5526,
	1px -1px 0 #FF5526,
	1px 0 0 #FF5526,
	-1px 0 0 #FF5526,
	0 1px 0 #FF5526,
	0 -1px 0 #FF5526;
}
#TShirtMainMenu .LinkBtn a {
	/* background-color: #00ced1; */
	background:linear-gradient(#00ced1, #24bbb7);
	/* border: 2px solid #24bbb7; */
	/* box-shadow: 2px 2px 0 #24bbb7; */
	text-shadow:
	1px 1px 0 #24bbb7,
	-1px -1px 0 #24bbb7,
	-1px 1px 0 #24bbb7,
	1px -1px 0 #24bbb7,
	1px 0 0 #24bbb7,
	-1px 0 0 #24bbb7,
	0 1px 0 #24bbb7,
	0 -1px 0 #24bbb7;
}
#TShirtMainMenu .ContactBtn a:hover,
#TShirtMainMenu .LinkBtn a:hover {
	opacity: 0.7;
}
/*
#TShirtMainMenu .ContactBtn a:after,
#TShirtMainMenu .LinkBtn a:after {
	font-family: FontAwesome;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-weight: normal;
	line-height: 1;
	content: "\f105";
	margin-top: auto;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
}
*/
@media  screen and (max-width: 767px) {
	#TShirtMainMenuBox > * {
		width: 48.5%;
	}
	#TShirtMainMenu .ContactBtn,
	#TShirtMainMenu .LinkBtn {
		font-size: 0.714em;
	}
	#TShirtMainMenu .ContactBtn a,
	#TShirtMainMenu .LinkBtn a {
		padding: 8px 8px;
	}
}
.app-ai-chat-window {
	display: none;
}
#sci-chatwindow {
	bottom: 230px !important;
}
div#wrap {
	font-family: Noto Sans JP, Avenir, Open Sans, Helvetica Neue, Helvetica, Arial, Verdana, Roboto, \\30D2\30E9\30AE\30CE\89D2\30B4 Pro W3, Hiragino Kaku Gothic Pro, Meiryo UI, \\30E1\30A4\30EA\30AA, Meiryo, "\FF2D\FF33   \FF30\30B4\30B7\30C3\30AF", MS PGothic, sans-serif;
	line-height: 1.75;
}
@media  screen and (max-width: 767px) {
	#wrap {
		/* font-size: 1em; */
		font-size: 0.9em;
	}
}
@media screen and (max-width: 1079px) {
	body/*,
	.f14*/ {
		font-size: 1em;
	}
}
*,
*::before,
*::after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
.cf::after {
	content: "";
	display: block;
	clear: both;
}
.center {
	text-align: center;
}
.left {
	float: left;
}
.right {
	float: right;
}
.pc {
	display: inherit;
}
.sp {
	display: none;
}
.bold {
	font-weight: bold;
}
small {
	font-size: 85.7%;
}
p {
	margin: 0 0 1em;
}
* > p:last-child {
	margin-bottom: 0;
}
@media screen and (max-width:767px) {
	body {
		line-height: 1.5;
	}
	dl, p {
		margin: 0 0 0.75em;
	}
	br.sPC {
		display: none;
	}
}
.h_main_text {
	background: url(/img/classt/renewal/performance_bg.gif) no-repeat center center;
	background-size: cover;
	font-weight: bold;
	font-size: 1.286em;
	line-height: 1.5;
	padding: 56px 0 30px;
}
/*
.h_main_text p:not(:last-child) {
	margin: 0 0 1em;
}
*/
.txt_red {
	color: #ff0000;
}
.h_main_text .txt_big {
	font-size: 1.777em;
}
.h_main_text .txt_small {
	font-size: 0.778em;
	font-weight: normal;
	text-align: right;
}
.container {
	max-width: 1060px;
	margin: 0 auto;
	padding: 0 30px;
}
/*
@media screen and (max-width: 767px) {
	.container {
		padding: 0 15px;
	}
}
*/
.h_main_bnr {
	background-color: #fafafb;
	/* font-size: 1.286em; */
	line-height: 1.5;
	padding: 40px 0;
}
.h_main_anchor {
	background-color: #e5f9fc;
}
.h_main_anchor .container {
	position: relative;
}
.h_main_anchor .container::before {
	content: "";
	width: 328px;
	background: url(/img/classt/renewal/main_anchor_bg.png) no-repeat left top;
	background-size: 100% auto;
	position: absolute;
	top: -30px;
	bottom: 0;
	z-index: 0;
}
.h_main_anchor ul {
	position: relative;
	margin: 0 -10px 0 260px !important;
	display: flex;
	flex-wrap: wrap;
	padding: 40px 0 20px !important;
}
.h_main_anchor ul li {
	display: flex;
	width: 33.33%;
	margin: 0 0 20px !important;
	padding: 0 10px !important;
}
.h_main_anchor ul li a {
	display: flex;
	flex-direction: column;
	background-color: #00a0e9;
	box-shadow: 3px 3px 0 #ffea3d;
	border-radius: 8px;
	text-align: center;
	flex: 1;
	color: #ffffff;
	font-weight: bold;
	padding: 60px 15px 25px;
	justify-content: center;
	position: relative;
	line-height: 1.25;
	background-repeat: no-repeat;
	background-position: center 10px;
	font-size: 1.143em;
	align-items: center;
}
.h_main_anchor ul li.popular a {
	background-image: url(/img/classt/renewal/main_anchor_icon_1.png);
}
.h_main_anchor ul li.price a {
	background-image: url(/img/classt/renewal/main_anchor_icon_2.png);
	background-position: center 12px;
}
.h_main_anchor ul li.name a {
	background-image: url(/img/classt/renewal/main_anchor_icon_3.png);
}
.h_main_anchor ul li.design a {
	background-image: url(/img/classt/renewal/main_anchor_icon_4.png);
}
.h_main_anchor ul li.service a {
	background-image: url(/img/classt/renewal/main_anchor_icon_5.png);
}
.h_main_anchor ul li.flow a {
	background-image: url(/img/classt/renewal/main_anchor_icon_6.png);
}
/*
.h_main_anchor ul li a:hover {
	text-decoration: none;
}
*/
.h_reccomend ul:not(.slick-dots) li {
	padding: 1em 1em !important;
}
.h_main_anchor ul li a::after {
	font-family: FontAwesome;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-weight: normal;
	line-height: 1;
	content: "\f107";
	font-size: 20px;
	margin-top: auto;
	position: absolute;
	left: 50%;
	bottom: 5px;
	transform: translateX(-50%);
}
.main_contents {
	background: #ccc url(/img/classt/renewal/main_contents_bg.png) repeat left top;
	padding: 60px 0;
}
.main_contents .block {
	background-color: #fff;
	border-radius: 8px;
	box-shadow: 3px 3px 0 #ffea3d;
	padding: 40px 40px;
}
.main_contents .block:not(:last-child) {
	margin: 0 0 100px;
}
.main_contents .block h2 {
	font-size: 2.857em;
	display: flex;
	justify-content: center;
	position: relative;
    /* top: -65px; */
	margin-top: -65px;
    margin-bottom: 0.5em;
	/* text-align: center; */
	text-shadow:
	/*
	1px 1px 0 #fff,
	-1px -1px 0 #fff,
	-1px 1px 0 #fff,
	1px -1px 0 #fff,
	1px 0px 0 #fff,
	-1px -0px 0 #fff,
	0px 1px 0 #fff,
	0px -1px 0 #fff,
	0 0 4px #fff,
	0 0 4px #fff,
	0 0 4px #fff,
	0 0 4px #fff,
	0 0 4px #fff,
	0 0 4px #fff,
	0 0 4px #fff,
	0 0 4px #fff,
	0 0 4px #fff,
	0 0 4px #fff,
	0 0 4px #fff,
	0 0 4px #fff,
	0 0 4px #fff,
	0 0 4px #fff,
	0 0 4px #fff,
	0 0 4px #fff,
	0 0 4px #fff,
	0 0 4px #fff,
	0 0 4px #fff,
	0 0 4px #fff,
	0 0 4px #fff,
	0 0 4px #fff,
	0 0 4px #fff,
	0 0 4px #fff;
	*/
	0 0 4px #fff,
	0 0 4px #fff,
	0 0 4px #fff,
	0 0 4px #fff,
	0 0 4px #fff,
	0 0 4px #fff,
	0 0 4px #fff,
	0 0 4px #fff,
	0 0 4px #fff,
	0 0 4px #fff,
	0 0 4px #fff,
	0 0 4px #fff,
	0 0 4px #fff,
	0 0 4px #fff,
	0 0 4px #fff,
	0 0 4px #fff,
	0 0 4px #fff,
	0 0 4px #fff,
	0 0 4px #fff,
	0 0 4px #fff,
	0 0 4px #fff,
	0 0 4px #fff,
	0 0 4px #fff,
	0 0 4px #fff,
	0 0 4px #fff,
	0 0 4px #fff,
	0 0 4px #fff,
	0 0 4px #fff,
	0 0 4px #fff,
	0 0 4px #fff,
	0 0 4px #fff,
	0 0 4px #fff,
	0 0 4px #fff,
	0 0 4px #fff,
	0 0 4px #fff,
	0 0 4px #fff,
	0 0 4px #fff,
	0 0 4px #fff,
	0 0 4px #fff,
	0 0 4px #fff;
}
/*
.main_contents .block h2 > * {
	flex: none;
}
*/
.main_contents .block h2 .inner {
	position: relative;
	display: inline-block;
	padding: 0 50px;
	font-size: 0.85em;
}
.main_contents .block h2 .inner::before,
.main_contents .block h2 .inner::after {
	content: "";
	border-left: 4px solid #ffea3d;
	box-shadow: 0 0 2px 4px #fff;
	/* transform-origin: bottom; */
	position: absolute;
	height: 1.1em;
	top: 4px;
}
.main_contents .block h2 .inner::before {
	transform: rotate(-45deg);
	left: 25px;
}
.main_contents .block h2 .inner::after {
	transform: rotate(45deg);
	right: 25px;
}
.main_contents .block h2 .txt_red {
	color: #ff0000;
}
.txt_heading {
	font-size: 1.143em;
	/* text-align: left !important; */
	text-align: left;
}
.h_reccomend .TshirtRankingSlider .item_head {
	font-weight: bold;
	margin-bottom: 0.5em;
}
.pname {
	position: relative;
	margin-bottom: 0.25em;
	margin-top: 0;
}
.h_reccomend .TshirtRankingSlider .pname p {
	margin-bottom: 0;
}
.h_reccomend .TshirtRankingSlider img {
	max-width: 100%;
}
.h_reccomend ul li .icon-dry {
	/* top: 3% !important; */
	left: 3% !important;
	top: auto !important;
	bottom: 68px !important;
}
.h_reccomend ul li .icon-full {
	top: auto !important;
	bottom: 3% !important;
	left: 3% !important;
}
.h_reccomend ul li .icon-brand {
	top: 3% !important;
	right: 3% !important;
}
.h_reccomend ul li .icon-thick {
	top: auto !important;
	bottom: 3% !important;
	right: 3% !important;
}
.h_reccomend ul li .icon-no1 {
	position: absolute;
	top: 3%;
	left: 3% !important;
	width: 64px;
	height: 103px;
	background-repeat: no-repeat;
	background-size: 100% auto;
}
.h_reccomend ul li .icon-no1.color {
	background-image: url(/img/classt/renewal/5001.png);
}
.h_reccomend ul li .icon-no1.drypolo {
	background-image: url(/img/classt/renewal/302.png);
}
.h_reccomend ul li .icon-no1.cottont {
	background-image: url(/img/classt/renewal/085.png);
}
.h_reccomend ul li .icon-no1.dryt {
	background-image: url(/img/classt/renewal/300.png);
}
.h_reccomend ul li .icon-no1.cost {
	background-image: url(/img/classt/renewal/083.png);
}
.h_reccomend ul li .icon-no1.costpolo {
	background-image: url(/img/classt/renewal/193.png);
}
.lineup {
    display: flex;
    gap: 2%;
}
.lineup p {
    background: #24bbb7;
    border-radius: 3px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    margin-top: 0.3em;
    padding: 0.2em 0;
    width: 49%;
    margin-bottom: 1%;    
}
.h_reccomend .TshirtRankingSlider .lineup p:first-child {
	margin-bottom: 0;
}
.item_price {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
}
.item_price .item_price_p {
	display: block;
	margin: 0;
	width: 49%;
	color: #dd5511;
	font-size: 0.9em;
}
.item_price .item_price_p .price_title {
	font-size: 1em;
	color: #222;
	font-weight: bold;
}
.item_price .item_price_p .price_per {
	font-size: 0.7em;
	color: #fff;
	background-color: #dd5511;
	padding: 1px 2px;
	margin-right: 4px;
	vertical-align: text-top;
}
.item_price .item_price_p .price {
	font-size: 2em;
	font-weight: bold;
	line-height: 1.2;
}
a.boxref {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    border: 10px solid #fff;
}
a.boxref:hover {
    border: 10px solid #ffcf99;
}
.notice {
	border: 1px solid #e16a0e;
	border-left: 0;
	border-right: 0;
	font-weight: bold;
	font-size: 0.857em;
	display: flex;
	justify-content: center;
	padding: 8px 0;
	margin-top: 20px;
}
.item_box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 800px;
	margin: 0 auto 2em;
	/* text-align: center; */
}
.item_box > * {
	width: 48%;
}
.item_box .img {
	text-align: center;
}
/*
.item_box .img img {
	max-width: 480px;
}
*/
.item_box .print {
	font-size: 1.286em;
	font-weight: bold;
	margin: 0;
	/*
	display: flex;
    justify-content: center;
	*/
}
.item_box .price {
	color: #dd5511;
	line-height: 1;
	/*
	display: flex;
    justify-content: center;
    align-items: flex-end;
	*/
}
.item_box .per_sheet,
.item_box .number {
	display: inline-block;
	vertical-align: text-bottom;
}
.item_box .number {
	/* font-size: 2.571em; */
	font-size: 2.857em;
	font-weight: bold;
}
.item_box .per_sheet {
	background-color: #dd5511;
	font-size: 1.143em;
	color: #fff;
	padding: 4px 4px;
	margin: 0 5px 0 0;
}
.common_btn {
	text-align: center;
	margin: 1em 0 1em;
	/* margin-top: 1.5em; */
	font-size: 1.286em;
}
ul.common_btn {
	/* text-align: left; */
	font-size: 1.143em;
	letter-spacing: -0.5em;
	margin: 1em -10px 1em !important;
}
ul.common_btn:last-child {
	margin-bottom: 0 !important;
}
ul.common_btn li {
	display: inline-block;
	letter-spacing: normal;
	margin: 0 10px 20px !important;
}
ul.common_btn li:last-child {
	margin-bottom: 0 !important;
}
/*
.common_btn:last-child {
	margin-bottom: 0;
}
*/
.common_btn a {
	display: inline-block;
	background-color: #ffea3d;
	font-weight: bold;
	border: 2px solid #333;
	border-radius: 8px;
	box-shadow: 2px 2px 0 #333;
	color: #333;
	position: relative;
	padding: 16px 40px 16px 25px;
	min-width: 400px;
	/* text-align: center; */
}
.common_btn2 {
	display: inline-block;
	background-color: #f80;
	font-weight: bold;
	border-radius: 3px;
	color: #fff;
	position: relative;
	padding: 5px 30px 5px 30px;
	width: 100%;
	text-align: center;
	margin: 1% auto;
}
/*
.common_btn a:hover {
	box-shadow: none;
	transform: translate(2px,2px);
}
*/
ul.common_btn a {
	padding: 12px 35px 12px 20px;
	min-width: 0;
}
.common_btn a:after {
	font-family: FontAwesome;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-weight: normal;
	line-height: 1;
	content: "\f105";
	/* font-size: 1.571em; */
	margin-top: auto;
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	/* font-weight: bold; */
}
ul.common_btn a:after {
	/* font-size: 1.429em; */
}
.common_btn.catalog a {
	padding-right: 25px;
}
.common_btn.catalog a .icon {
	position: relative;
	padding: 0 0 0 35px;
}
.common_btn.catalog a .icon:before {
	font-family: FontAwesome;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-weight: normal;
	line-height: 1;
	content: "\f518";
	font-size: 1.222em;
	margin-top: auto;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	/* font-weight: bold; */
}
.common_btn.catalog a:after {
	display: none;
}
h3.item_head2 {
    font-weight: bold !important;
    margin-bottom: 0.5em !important;
    line-height: 25px;
    background-color: #fff !important;
    color: #000 !important;
    font-size: 1em !important;
    padding: 0 !important;
    margin: 0 0 2% 0 !important;
}
h3.item_head2 span {
	color: #E64552;
}
.main_contents .block h3 {
	background-color: #24bbb7;
	color: #fff;
	/* text-align: center; */
	font-size: 1.714em;
	font-weight: bold;
	padding: 11px 12px;
	margin: 1.5em 0 1em;
}

.join {
	border-left: 2px solid #efefef;
	padding: 0 5px;
}
.join .join_value {
	padding: 0;
}
.join .price_box {
	margin-top: 0;
	/* background-color: #ff8800; */
	/* color: #fff; */
	/* color: #ff8800; */
	color: #dd5511;
	/* border: none; */
	/* border: 2px solid #ff8800; */
	border: 2px solid #dd5511;
	padding: 3px 14px;
}
.join .price_box p {
	margin: 0;
}
.join p span.price {
	/* color: #fff; */
	/* color: #ff8800; */
	color: #dd5511;
}
.join_wrap h4 {
    font-size: 1.3em !important;
    margin: 10px auto !important;
	margin: 5px auto !important;
	background: none;
	border: none;
	padding: 0;
}
.main_contents .block h3.fullcolor {
	/*
	background: url(/img/classt/renewal/fullcolor_bg.gif) repeat left top;
	color: #333;
	padding: 5px;
	*/
	text-align: left !important;
}
/*
.main_contents .block h3.fullcolor .inner {
	display: block;
	background-color: #fff;
	padding: 6px 10px;
}
*/
.main_contents .block .block_inner {
	background-color: #dbebfa;
	padding: 20px;
	/* margin: 30px 0 0; */
}
.bnr_2class img {
	border: 2px solid #333;
	border-radius: 8px;
	box-shadow: 2px 2px 0 #333;
}
/* /extra/classt/遘ｻ讀・*/
#LeavePointArea {
	margin: 0;
}
.LeavePointAreaIn,
.LeavePointAreaIn:first-child {
	background: #fff;
    border-radius: 8px;
    padding: 30px 30px;
    position: relative;
    width: 48.8%;
    margin-top: 0;
	margin-bottom: 20px;
}
.LeavePointAreaIn:first-child .txt {
	padding-left: 50px;
}
.LeavePointAreaIn .point02FastTxt,
.LeavePointAreaIn .point03AnyTxt {
	max-width: none;
}
.LeavePointAreaIn .titleArea .sub {
	line-height: 1.25;
	font-size: 2em;
	text-align: left;
}
.LeavePointAreaIn .point02FastTxt .bubble {
	left: -45px;
}
.LeavePointAreaIn.special {
	text-align: center;
}
.LeavePointAreaIn .titleArea {
	padding-left: 0 !important;
	margin-bottom: 2em;
	white-space: normal;
	text-align: center;
	line-height: 1;
}
.LeavePointAreaIn .titleArea .txt_red {
	color: #ed1b24;
}
.LeavePointAreaIn p {
	margin: 0;
}
.LeavePointAreaIn .titleArea .txt_red {
	font-size: 5em;
}
.LeavePointAreaIn .flexBox.titleArea {
	display: inline-flex;
	align-items: center;
}
.LeavePointAreaIn .titleArea,
.LeavePointAreaIn .flexBox.titleArea {
	display: none;
}
/* ここから追加 */
.main_contents .block .block_inner .block_inner_inner {
	background-color: #fff;
	padding: 20px;
	border-radius: 8px;
}
.main_contents .block .block_inner .block_inner_inner:not(:last-child) {
	margin-bottom: 20px;
}
/*
.main_contents .block .block_inner .block_inner_inner p:last-child {
	margin-bottom: 0;
}
*/
.main_contents .block .sarani {
	font-size: 2.0em;
	font-weight: bold;
}
.main_contents .block .flow {
	position: relative;
}
.main_contents .block .flow::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	border-left: 4px solid #24bbb7;
}
.main_contents .block .flow .flow_inner {
	padding: 0 0 0 30px;
}
.main_contents .block .flow .flow_inner .print_list {
	overflow: hidden;
}
.main_contents .block .flow .flow_inner .print_list ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: -1.5% 0 0 !important;
}
.main_contents .block .flow .flow_inner .print_list ul li {
	width: 48.5%;
	border: 2px solid #24bbb7;
	border-radius: 8px;
	margin: 1.5% 0 1.5% !important;
}
.main_contents .block .flow .flow_inner .print_list ul li p {
	margin: 0;
}
/*
.main_contents .block .flow .flow_inner .print_list ul li .img {
	text-align: center;
}
*/
.main_contents .block .flow .flow_inner .print_list ul li .img img {
	border-radius: 8px 8px 0 0;
}
.main_contents .block .flow .flow_inner .print_list ul li .box {
	padding: 1.25em;
}
.main_contents .block .flow .flow_inner .print_list ul li .title {
	font-weight: bold;
	font-size: 1.143em;
	color: #24bbb7;
}
.main_contents .block .flow .flow_inner .print_list ul li .more {
	text-align: right;
	font-size: 1.143em;
	font-weight: bold;
}
.main_contents .block .flow .flow_inner .print_list ul li .more a {
	position: relative;
	padding: 0 0 0 15px;
	display: inline-block;
}
.main_contents .block .flow .flow_inner .print_list ul li .more a::before {
	font-family: FontAwesome;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-weight: normal;
	line-height: 1;
	content: "\f105";
	font-size: 1.143em;
	margin-top: auto;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	/* font-weight: bold; */
}
.mov_wrap {
	background-color: #efefef;
	padding: 10px;
}
.sub_contents_1 {
	background: #fff;
	padding: 60px 0;
}
.sub_contents_1 h2 {
	display: flex;
	align-items: center;
	font-size: 2.857em;
	margin: 1em 0 0.5em;
	text-align: center;
}
.sub_contents_1 h2:first-child,
.sub_contents_2 h2:first-child {
	margin-top: 0;
}
.sub_contents_1 h2::before,
.sub_contents_1 h2::after {
	content: "";
	border-top: 3px solid #24bbb7;
	flex: 1;
	min-width: 15px;
}
.sub_contents_1 h2::before {
	margin-right: 15px;
}
.sub_contents_1 h2::after {
	margin-left: 15px;
}
.file_download i {
	vertical-align: middle;
	margin: 0 4px 0 0;
}
.sub_contents_2 {
	background: #e5f9fc;
	padding: 60px 0;
}
.sub_contents_2 h2 {
	/*
	display: flex;
	justify-content: center;
	*/
	font-size: 2.857em;
	margin: 1em 0 0.5em;
	text-align: center;
}
.sub_contents_2 h2 .line {
	background-image: linear-gradient( transparent 0%, transparent 55%, #ffea3d 55%, #ffea3d 100%);
	/* padding: 0 15px; */
	padding: 0 0;
	/* display: inline-block; */
}
.voice_list {
	overflow: hidden;
}
.voice_list ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: -2% 0 0 !important;
}
.voice_list li {
	width: 95%;
	background-color: #fff;
	border-radius: 8px;
	padding: 0.75em !important;
	margin: 2% 0 2% !important;
}
.voice_list li .box {
	padding: 0.75em;
}
.voice_list li p {
	margin: 0;
}
.voice_list li .img {
	margin-bottom: 0.5em;
	text-align: center;
	/* background-color: #efefef; */
	border-radius: 8px;
}
.voice_list li .img a {
	display: block;
}
.voice_list li .img a:hover img {
	opacity: 0.7;
}
.voice_list li .img img {
	border-radius: 8px;
	max-height: 240px;
}
.voice_list li .title {
	font-weight: bold;
	font-size: 1.143em;
}
.voice_list li .item {
	/* text-align: center; */
	margin: 1em 0 0;
}
.voice_list li .item a {
	font-weight: bold;
}
.sub_contents_2 .bold_big {
	font-size: 1.714em;
	font-weight: bold;
	text-align: center;
	margin: 1.25em 0 0.75em;
}
#FAQArea {
	margin: 0;
	max-width: none;
}
#FAQArea .FAQIn .Q {
	font-size: 1.143em;
	margin: 0;
}
#FAQArea .FAQIn .A {
	padding: 1.5em 1.5em;
}
.readmore1 {
    position: relative;
    box-sizing: border-box;
    /* お好み */
    /* ボーダーを付ける場合 */
    padding: 10px;
}

.readmore1-content{
    position: relative;
    overflow: hidden;
    /* お好み */
    /* 高さの初期値 */
    height: 1200px;
}
.readmore1-content::before {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    content: "";
    /* お好み: グラデーションの高さ。readmoreのheight以下にする */
    height: 50px;
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.8) 50%, #fff 100%);
    background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.8) 50%, #fff 100%);
}

/* 開くボタン */
.readmore1-label{
    display: table;
    bottom: 5px;
    position: absolute;
    bottom: 5px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    margin: 0 auto;
    z-index: 2;
    padding: 1% 3%;
    background-color: #000;
    border-radius: 6px;
    color: #FFF;
    cursor: pointer;
}
.readmore1-label:before{
    content: '続きを読む';
}

.readmore1-check{
    display: none;
}
/* チェック時にボタン位置を戻す */
.readmore1-check:checked ~ .readmore1-label{
    position: static;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    /* 「続きを読む」を消したい場合は display:none; を有効化 */
    /* display: none; */
}
.readmore1-check:checked ~ .readmore1-label:before{
    content: '閉じる';
}
/* チェック時に高さを自動に戻す */
.readmore1-check:checked ~ .readmore1-content{
    height: auto;
}
/* チェック時にグラデーションを非表示 */
.readmore1-check:checked ~ .readmore1-content::before {
    display: none;
}
@media screen and (max-width: 767px) {
	.cmn_pageTtl01 h1 {
		text-align: left;
		/*
		font-size: 1.3em;
		font-weight: bold;
		*/
	}
	.br-pc {
		display: none;
	}
	.br-sp {
		display: block;
	}
	.cmn_pageTtl01 h1 br.sSP {
		display: none;
	}
	.breadcrumbs ul {
		padding: 8px 15px;
	}
	.container {
		padding: 0 15px;
	}
	.h_main_text {
		padding: 15px 0;
		font-size: 1.143em;
	}
	.h_main_bnr {
		padding: 15px 0;
	}
	.h_main_anchor .container::before {
		display: none;
	}
	.h_main_anchor ul {
		margin: 0 -7px !important;
		padding: 15px 0 5px !important;
	}
	.h_main_anchor ul li {
		margin: 0 0 10px !important;
		padding: 0 5px !important;
	}
	.h_main_anchor ul li a {
		background-size: auto 24px;
		padding-top: 38px;
		padding-left: 8px;
		padding-right: 8px;
		font-size: 1em;
		text-align: left;
	}
	/*
	.h_main_anchor ul li a br {
		display: none;
	}
	*/
	.main_contents {
		padding: 30px 0;
	}
	.main_contents .block:not(:last-child) {
		margin: 0 0 40px;
	}
	.main_contents .block {
		padding: 10px 10px;
	}
	.main_contents .block h2 {
		font-size: 1.714em;
		/* font-size: 1.571em; */
		margin-top: -24px;
		margin-left: -10px;
		margin-right: -10px;
		text-shadow:
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff,
		0 0 2px #fff;;
	}
	.main_contents .block h2 .inner {
		padding: 0 30px;
		font-size: 0.78em;
	}
	.main_contents .block h2 .inner::before,
	.main_contents .block h2 .inner::after {
		border-width: 2px;
		box-shadow: 0 0 1px 2px #fff;
		top: 2px;
	}
	.main_contents .block h2 .inner::before {
		left: 12px;
	}
	.main_contents .block h2 .inner::after {
		right: 12px;
	}
	.common_btn {
		font-size: 1.143em;
	}
	.common_btn a {
		min-width: 100%;
		padding: 10px 25px 10px 15px;
		/* display: block; */
		box-shadow: 1px 1px 0 #333;
		text-align: left;
		display: flex;
		justify-content: center;
	}
	.common_btn a:after {
		right: 9px;
	}
	ul.common_btn a {
		padding: 8px 24px 8px 12px;
		/* min-width: 0; */
	}
	ul.common_btn li {
		margin: 0 7px 14px !important;
		display: block;
	}
	.item_box .print {
		/* font-size: 1em; */
		font-size: 0.785em;
		text-align: left;
	}
	.item_box .per_sheet {
		font-size: 0.857em;
	}
	.item_box .number {
		font-size: 2em;
	}
	/*
	.item_box > * {
		width: 100%;
	}
	*/
	/*
	.join {
		border: 0;
	}
	*/
	/*
	.h_reccomend .TshirtRankingSlider .item_price .item_price_p .price {
		font-size: 1.714em;
	}
	*/
	.h_reccomend .TshirtRankingSlider .item_price .item_price_p .price_title {
		/* font-size: 0.714em; */
		font-size: 0.857em;
	}
	.main_contents .block .block_inner {
		padding: 10px 10px;
	}
	.LeavePointAreaIn,
	.LeavePointAreaIn:first-child {
		width: 100%;
		padding: 10px !important;
		margin-bottom: 10px;
	}
	.LeavePointAreaIn:first-child {
		padding-top: 20px !important;
	}
	.LeavePointAreaIn .point02FastTxt .bubble {
		left: -10px;
		width: 50px;
	}
	.LeavePointAreaIn:first-child .txt {
		padding-left: 50px;
	}
	img.sSP, p.txt img,
	.LeavePointAreaIn p img {
		width: 400px;
	}
	.LeavePointAreaIn .titleArea .txt_red {
		font-size: 4em;
	}
	.LeavePointAreaIn .titleArea .sub {
		font-size: 1.5em;
	}
	.LeavePointAreaIn .titleArea {
		margin-bottom: 3% !important;
	}
	.main_contents .block .sarani {
		font-size: 1.5em;
	}
	.main_contents .block .block_inner .block_inner_inner {
		padding: 10px;
	}
	.main_contents .block .block_inner .block_inner_inner:not(:last-child) {
		margin-bottom: 10px;
	}
	.main_contents .block .flow::before {
		border-width: 2px;
	}
	.main_contents .block .flow .flow_inner {
		padding: 0 0 0 12px;
	}
	/*
	.main_contents .block .flow .flow_inner .print_list ul li {
		width: 100%;
	}
	*/
	.main_contents .block .flow .flow_inner .print_list ul li .box {
		padding: 10px;
	}
	.main_contents .block h3 {
		font-size: 1.285em;
	}
	.sub_contents_1,
	.sub_contents_2 {
		padding: 20px 0;
	}
	.sub_contents_1 h2,
	.sub_contents_2 h2 {
		font-size: 1.714em;
	}
	.sub_contents_1 h2::before, .sub_contents_1 h2::after {
		border-width: 2px;
	}
	.sub_contents_1 h2::before {
		margin-right: 10px;
	}
	.sub_contents_1 h2::after {
		margin-left: 10px;
	}
	.voice_list li .box {
		padding: 0;
	}
	.sub_contents_2 .bold_big {
		font-size: 1.285em;
	}
	#FAQArea .FAQIn .Q {
		padding: 1em 1em 1em 3.5em;
	}
	#FAQArea .FAQIn .Q:before {
		width: 2em;
		height: 2em;
		font-size: 1em;
	}
	#FAQArea .FAQIn .A {
		padding: 1em 1em;
	}
	#wrap .h_reccomend ul.TshirtRankingSlider li {
		padding: 0.5em 0.5em;
	}
	.h_reccomend .TshirtRankingSlider a.boxref,
	.h_reccomend .TshirtRankingSlider a.boxref:hover {
		border-width: 5px;
	}
	.h_reccomend ul li .icon-no1 {
		width: 56px;
		height: 90px;
	}
}
@media screen and (max-width: 600px) {
	/*
	.h_reccomend ul li .icon-no1 {
		width: 48px;
		height: 78px;
	}
	*/
	.h_reccomend ul li .icon-dry {
		bottom: 44px !important;
	}
}
@media screen and (max-width: 480px) {
	.h_main_anchor ul li {
		width: 50%;
	}
	#wrap .h_reccomend ul.TshirtRankingSlider li {
		width: 100%;
		margin-bottom: 10px;
	}
	.main_contents .block .flow .flow_inner .print_list ul li {
		width: 100%;
	}
	/*
	.h_reccomend .TshirtRankingSlider .item_price .item_price_p {
		width: 100%;
	}
	*/
}
@media screen and (max-width: 479px) {
	.join {
		border: 0;
		padding: 0;
	}
}
/* 20230426追加 */
.main_contents .block h4,
.main_contents .block h5,
.main_contents .block h6 {
	font-size: 1.428em;
	font-weight: bold;
	margin: 1.5em 0 1em;
}
.main_contents .block h5,
.main_contents .block h6 {
	font-size: 1.286em;
}
#bodycolors img,
#printcolors img {
	border-color: #ebebeb;
}
.linesp {
    line-height: 50px;
}
.h_reccomend ul:not(.slick-dots) {
    display: flex;
    flex-wrap: nowrap;
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 58px !important;
}
@media screen and (max-width: 767px) {
	.main_contents .block h4 {
		font-size: 1.286em;
	}
	.main_contents .block h5,
	.main_contents .block h6 {
		font-size: 1.143em;
	}
	.linesp {
        line-height: 27px;
    }
}
@media screen and (max-width: 767px) {
    #aime_fluent_chat {
        bottom: 100px !important;
    }
}

/* === クラスTシャツページ用CSS moved from resources/views/classt/index.blade.php on 2026-04-09 === */
#wrap,
.clat-renew-hero,
.clat-renew-reason,
.clat-renew-compare,
.clat-renew-second,
.clat-renew-design,
.clat-renew-case {
    background: #fff !important;
}
.clat-renew-hero .hero-body {
    max-width: 1240px;
    margin: 0 auto;
    padding: 20px 20px 12px;
}
.clat-renew-hero .hero-main-visual {
    display: block;
    margin: 0;
}
.clat-renew-hero .hero-main-visual img {
    display: block;
    width: 100% !important;
    max-width: none !important;
    height: auto;
}
.clat-renew-hero .hero-kpi {
    text-align: center;
    font-size: 24px;
    font-weight: 800;
    letter-spacing: 0.01em;
    line-height: 1.2;
    margin: 0;
    color: #2d2d33;
}
.clat-renew-hero .hero-title {
    text-align: center;
    font-size: 46px;
    font-weight: 900;
    line-height: 1.16;
    letter-spacing: 0.01em;
    margin: 20px 0 24px;
    color: #2d2d33;
}
.clat-renew-hero .hero-lower {
    max-width: 1120px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 8px;
    align-items: center;
}
.clat-renew-hero .hero-word {
    text-align: center;
    font-size: 32px;
    font-weight: 800;
    color: #2d2d33;
}
.clat-renew-hero .hero-box {
    background: #fff;
    border: 1px solid #b7bcc1;
    border-radius: 13px;
    overflow: hidden;
    min-width: 320px;
    max-width: 360px;
    font-family: "Noto Sans JP", sans-serif !important;
}
.clat-renew-hero .hero-box * {
    font-family: "Noto Sans JP", sans-serif !important;
}
.clat-renew-hero .hero-box-title {
    text-align: center;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 900;
    font-family: "Noto Sans JP", sans-serif !important;
    margin: 0;
    padding: 6px 6px 5px;
    border-bottom: 1px solid #c9cdd1;
    color: #2d2d33;
}
.clat-renew-hero .hero-box-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.clat-renew-hero .hero-box-item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-align: center;
    padding: 12px 4px 10px;
    margin: 0;
    color: #2d2d33;
}
.clat-renew-hero .hero-box-item + .hero-box-item {
    border-left: 1px solid #c9cdd1;
}
.clat-renew-hero .hero-box-label {
    display: block;
    font-size: 20px;
    line-height: 1.05;
    font-weight: 900;
    font-family: "Noto Sans JP", sans-serif !important;
}
.clat-renew-hero .hero-box-value {
    display: inline-flex;
    align-items: flex-end;
    white-space: nowrap;
    line-height: 1;
}
.clat-renew-hero .hero-box-num {
    display: inline-block;
    font-size: 56px;
    line-height: 0.95;
    font-weight: 900;
    font-family: "Noto Sans JP", sans-serif !important;
    margin-right: 2px;
}
.clat-renew-hero .hero-box-unit {
    display: inline-block;
    font-size: 18px;
    line-height: 1;
    font-weight: 800;
    font-family: "Noto Sans JP", sans-serif !important;
}

.clat-renew-reason {
    background: #fff;
    padding: 12px 0 44px;
}
.clat-renew-wrap {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px;
}
.clat-renew-reason .reason-title {
    text-align: center;
    width: 100vw;
    margin: 0 calc(50% - 50vw) 28px;
    padding: 8px 20px;
    background: #cfe8f5;
    font-size: 35px;
    font-weight: 900;
    line-height: 1.2;
    color: #2d2d33;
}
.clat-renew-reason .reason-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}
.clat-renew-reason .reason-head {
    margin: 0 0 20px;
    text-align: center;
    font-size: 22.5px;
    line-height: 1.35;
    font-weight: 800;
    color: #2d2d33;
}
.clat-renew-reason .reason-card {
    position: relative;
    min-height: 460px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}
.clat-renew-reason .reason-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.62);
}
.clat-renew-reason .reason-card p {
    position: relative;
    z-index: 1;
    margin: 0;
    padding: 22px 24px;
    font-size: 16.5px;
    line-height: 1.8;
    color: #111;
    font-weight: 500;
}
.clat-renew-reason .reason-copy {
    position: relative;
    z-index: 1;
}
.clat-renew-reason .reason-more {
    display: none;
    margin: 16px 0 0;
    text-align: center;
}
.clat-renew-reason .reason-more-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 210px;
    padding: 13px 22px;
    border: 1.5px solid #111;
    border-radius: 9999px;
    background: #fff;
    color: #111;
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
    cursor: pointer;
}
.clat-renew-reason .reason-more-btn::after {
    content: "";
    width: 8px;
    height: 8px;
    border-right: 2px solid #111;
    border-bottom: 2px solid #111;
    transform: rotate(45deg) translateY(-1px);
    transition: transform 0.2s ease;
}
.clat-renew-reason .reason-item:not(.is-collapsed) .reason-more-btn::after {
    transform: rotate(-135deg) translateY(-1px);
}
.clat-renew-reason .reason-left {
    background-image: url('/img/classt/yokujitu.jpg');
}
.clat-renew-reason .reason-right {
    background-image: url('/img/classt/zeroen.jpg');
}

.clat-renew-compare {
    padding: 8px 0 60px;
}
.clat-renew-compare .compare-title {
    margin: 0;
    text-align: center;
    font-size: 36px;
    font-weight: 900;
    line-height: 1.25;
    color: #111;
}
.clat-renew-compare .compare-lead {
    margin: 12px 0 26px;
    text-align: center;
    font-size: 26px;
    line-height: 1.45;
    color: #111;
}
.clat-renew-compare .compare-lead .accent {
    color: #2dbcc4;
    font-weight: 900;
}
.comparison_wrap {
    width: 100%;
    margin: 40px auto;
}
.comparison_inner {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
}
.comparison_container {
    display: flex;
    justify-content: center;
}
.comparison_table {
    width: 58%;
    margin: 20px 0;
    font-size: 20px;
    font-weight: normal;
    color: #666;
    text-align: center;
    vertical-align: middle;
}
.column_items {
    font-weight: 300;
}
.comparison_table th.empty_cells {
    background-color: transparent;
    border: none;
}
.our_company {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    color: #fff;
    background-color: #2dbcc4;
    border: 4px solid #2dbcc4;
    text-align: center;
    vertical-align: middle;
}
.other_company {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    color: #333;
    background-color: #f5f5f5;
    border: 2px solid #fff;
    text-align: center;
    vertical-align: middle;
}
.column_items th {
    font-size: 24px !important;
    font-weight: 300;
    line-height: 1.5;
    color: #333;
    background-color: #f5f5f5;
    border: 2px solid #fff;
    text-align: center;
    vertical-align: middle;
}
.column_items td.our_company {
    padding: 10px;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5;
    color: #333;
    background-color: #fff;
    border: 4px solid #2dbcc4;
}
.column_items td.other_company {
    position: relative;
    padding: 10px;
    font-size: 14px;
    line-height: 1.5;
    color: #333;
    background-color: #fff;
    border: 2px solid #fff;
}
.column_items td.other_company::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px;
    line-height: 1.5;
    border: 2px solid #f5f5f5;
}
td.our_company .price {
    font-size: 24px;
}
td.our_company .currency {
    font-size: 14px;
}
td.other_company .price {
    font-size: 24px;
}
td.other_company .currency {
    font-size: 14px;
}
.comparison_txt_container {
    display: flex;
    justify-content: center;
}
.comparison_txt_table {
    width: 58%;
    line-height: 1.5;
    color: #666;
    text-align: left;
}
.comparison_txt_table p {
    margin: 0 0 4px;
}
.comparison_tagline {
    margin: 20px 0;
    font-size: 24px;
    line-height: 1.5;
    text-align: center;
}
.text_highlight {
    font-size: 32px;
    font-weight: bold;
    color: #2dbcc4;
}
.br-sp {
    display: none;
}
@media (max-width: 599px) {
    .comparison_container {
        display: inline-block;
        width: 100%;
        border-collapse: collapse;
        text-align: center;
    }
    .comparison_table {
        width: 100%;
        margin: 10px 0;
    }
    .comparison_txt_container {
        display: inline-block;
        width: 100%;
        min-width: auto;
    }
    .comparison_txt_table {
        width: 100%;
        font-size: 12px;
        line-height: 1.5;
    }
    .comparison_txt_table p {
        margin: 0;
    }
    .column_items td.our_company {
        padding: 10px 30px;
    }
    .column_items td.other_company {
        padding: 10px 30px;
    }
    td.our_company .price {
        font-size: 24px;
    }
    .comparison_tagline {
        font-size: 18px;
    }
    .clat-renew-compare .compare-title {
        font-size: 19px;
    }
    .clat-renew-compare .compare-lead {
        margin-top: 8px;
        font-size: 24px;
    }
    .text_highlight {
        font-size: 28px;
    }
    .br-sp {
        display: block;
    }
}

@media screen and (max-width: 1024px) {
    .clat-renew-hero .hero-topline {
        font-size: 15px;
        padding: 8px 14px;
    }
    .clat-renew-hero .hero-kpi {
        font-size: 17px;
    }
    .clat-renew-hero .hero-title {
        font-size: 26px;
        margin-top: 14px;
    }
    .clat-renew-hero .hero-word {
        font-size: 11px;
    }
    .clat-renew-hero .hero-box {
        min-width: 280px;
    }
    .clat-renew-hero .hero-box-title {
        font-size: 24px;
    }
    .clat-renew-hero .hero-box-label {
        font-size: 16px;
    }
    .clat-renew-hero .hero-box-num {
        font-size: 48px;
    }
    .clat-renew-hero .hero-box-unit {
        font-size: 16px;
    }
    .clat-renew-hero .hero-box-item {
        gap: 6px;
        padding: 10px 4px 9px;
    }
    .clat-renew-reason .reason-title {
        font-size: 21px;
    }
    .clat-renew-reason .reason-head {
        font-size: 13px;
    }
    .clat-renew-reason .reason-card p {
        font-size: 7px;
    }
}

@media screen and (max-width: 767px) {
    .clat-renew-hero .hero-body {
        padding: 20px 14px 24px;
    }
    .clat-renew-hero .hero-kpi {
        font-size: 13px;
    }
    .clat-renew-hero .hero-title {
        font-size: 19px;
        line-height: 1.2;
    }
    .clat-renew-hero .hero-lower {
        grid-template-columns: 1fr;
        gap: 5px;
    }
    .clat-renew-hero .hero-word {
        font-size: 17px;
    }
    .clat-renew-hero .hero-box {
        min-width: 0;
        width: 100%;
        max-width: 330px;
        margin: 0 auto;
    }
    .clat-renew-hero .hero-box-title {
        font-size: 24px !important;
    }
    .clat-renew-hero .hero-box-label {
        font-size: 16px;
        line-height: 1.05;
    }
    .clat-renew-hero .hero-box-num {
        font-size: 64px;
    }
    .clat-renew-hero .hero-box-unit {
        font-size: 18px;
    }
    .clat-renew-hero .hero-box-item {
        gap: 6px;
        padding: 10px 4px 9px;
    }
    .clat-renew-reason {
        padding: 30px 0;
    }
    .clat-renew-wrap {
        padding: 0 14px;
    }
    .clat-renew-reason .reason-title {
        font-size: 16px;
        width: 100%;
        margin: 0 0 18px;
        padding: 7px 14px;
    }
    .clat-renew-reason .reason-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }
    .clat-renew-reason .reason-head {
        font-size: 17px;
        line-height: 1.45;
        margin-bottom: 8px;
    }
    .clat-renew-reason .reason-grid > .reason-item:nth-child(2) .reason-head {
        margin-top: 20px;
    }
    .clat-renew-reason .reason-card {
        min-height: 0;
    }
    .clat-renew-reason .reason-left {
        background-image: url('/img/classt/yokujitu_sp.jpg');
    }
    .clat-renew-reason .reason-right {
        background-image: url('/img/classt/design_sp.jpg');
    }
    .clat-renew-reason .reason-card p {
        font-size: 14px;
        line-height: 1.75;
        padding: 14px 14px;
    }
    .clat-renew-reason .reason-item.is-collapsed .reason-copy {
        max-height: 168px;
        overflow: hidden;
    }
    .clat-renew-reason .reason-item.is-collapsed .reason-copy::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 140px;
        z-index: 3;
        pointer-events: none;
        background: linear-gradient(
            to bottom,
            rgba(255, 255, 255, 0.05) 0%,
            rgba(255, 255, 255, 0.35) 40%,
            rgba(255, 255, 255, 0.72) 76%,
            rgba(255, 255, 255, 0.95) 100%
        );
    }
    .clat-renew-reason .reason-more {
        display: block;
        margin-top: -14px;
        position: relative;
        z-index: 2;
    }
    .clat-renew-reason .reason-more-btn {
        min-width: 190px;
        padding: 10px 18px;
        font-size: 14px;
    }
}
.clat-renew-second {
    background: #f4f4f4;
    padding: 28px 0 16px;
    margin-top: -80px;
}
.clat-renew-second .toc-wrap {
    max-width: 760px;
    margin: 0 auto 80px;
    text-align: center;
}
.clat-renew-second .toc-title {
    font-size: 21.5px;
    font-weight: 900;
    line-height: 1.3;
    margin: 0 0 20px;
    text-align: center;
    color: #1f1f1f;
}
.clat-renew-second .toc-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    text-align: left;
}
.clat-renew-second .toc-list li {
    font-size: 22px;
    line-height: 1.85;
    font-weight: 700;
    color: #1f1f1f;
}
.clat-renew-second .toc-list li::before {
    content: "・";
}
.clat-renew-second .toc-list a {
    color: #1f1f1f;
    text-decoration: none;
}
.clat-renew-second .sec-title {
    text-align: center;
    margin: 0;
    font-size: 72px;
    line-height: 1.25;
    font-weight: 900;
    color: #1f1f1f;
}
.clat-renew-second .sec-sub {
    text-align: center;
    margin: 12px 0 26px;
    font-size: 52px;
    line-height: 1.45;
    color: #222;
}
#renew-voice .sec-title {
    font-size: 36px;
}
#design-support .common-title {
    font-size: 38px !important;
    text-align: center !important;
    margin: 0 0 10px !important;
}
#design-support .common-lead {
    font-size: 18px !important;
    line-height: 1.58 !important;
    display: block;
    width: fit-content;
    max-width: calc(100% - 40px);
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: left !important;
}
#design-support .name-note {
    font-size: 14px !important;
    font-weight: 400 !important;
    display: block;
    width: fit-content;
    max-width: calc(100% - 40px);
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: left !important;
}
#design-support .point-list {
    display: table;
    margin: 8px auto 0 !important;
    padding: 0;
}
#design-support .point-list li {
    font-size: 22px !important;
    text-align: left;
}
#design-support .point-title {
    font-size: 39px !important;
    text-align: center;
    margin-top: 50px !important;
}
#design-support .popular-name {
    font-size: 18px !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    word-break: keep-all !important;
    line-height: 1.3 !important;
}
#design-support .meta-label {
    font-size: 14px !important;
}
#design-support .meta-sub {
    font-size: 12px !important;
}
#design-support .meta-price {
    font-size: 24px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    color: #dd5511 !important;
}
#design-support .meta-box {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
}
#design-support .popular-card {
    width: 76% !important;
    max-width: 460px !important;
    display: flex;
    flex-direction: column;
    margin: 0 !important;
}
#design-support .popular-grid .popular-card:nth-child(odd),
#design-support .team-grid .popular-card:nth-child(odd) {
    justify-self: end;
}
#design-support .popular-grid .popular-card:nth-child(even),
#design-support .team-grid .popular-card:nth-child(even) {
    justify-self: start;
}
#design-support .meta-box .meta-label {
    background: #2eb6b9 !important;
    color: #ffffff !important;
    display: block !important;
    text-align: center !important;
    padding: 6px 8px !important;
    margin-bottom: 6px !important;
    white-space: nowrap !important;
}
#design-support .meta-box .meta-sub {
    white-space: nowrap !important;
    line-height: 1.2 !important;
    display: none !important;
}
#design-support .card-view-btn {
    margin: 8px 0 0 !important;
    order: 1;
}
#design-support .card-view-btn .common_btn2 {
    display: inline-block;
    width: 100%;
    background: #f80;
    color: #fff;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    border-radius: 3px;
    padding: 6px 10px;
    line-height: 1.2;
}
#design-support .popular-name {
    order: 3;
}
#design-support .popular-meta {
    order: 2;
}
#design-support .meta-price small {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: inherit !important;
}
#design-support .popular-price-row {
    order: 4;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-top: 4px;
}
#design-support .popular-price-row .meta-price {
    display: block;
}
#design-support .popular-price-row .meta-price:only-child {
    grid-column: 1 / -1;
    justify-self: center;
    text-align: center;
}
#design-support .popular-price-row .meta-price:only-child::before {
    content: "フルカラープリント";
}
#design-support .popular-price-row .meta-price::before {
    display: block;
    font-size: 12px;
    line-height: 1.2;
    color: #4d5963;
    margin-bottom: 2px;
    white-space: nowrap;
}
#design-support .popular-price-row .meta-price:nth-child(1)::before {
    content: "レギュラープリント（1色）";
}
#design-support .popular-price-row .meta-price:nth-child(2)::before {
    content: "ダイレクトカラー（フルカラー）";
}
#design-support .popular-price-row .meta-price:only-child::before {
    content: "フルカラープリント" !important;
}
#design-support .popular-card.inkjet-item .popular-price-row .meta-price:only-child::before {
    content: "染料インクジェット" !important;
}
#design-support .popular-price-row .meta-price .per-sheet {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    color: #ffffff;
    background: #dd5511;
    padding: 1px 4px;
    margin-right: 4px;
    border-radius: 2px;
    vertical-align: middle;
}
#design-support .cap-price-note {
    order: 5;
    margin: 6px 0 0;
    font-size: 13px;
    line-height: 1.45;
    color: #222;
    text-align: left;
}
#design-support .popular-name .product-meta {
    display: block !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    margin-left: 0 !important;
    margin-top: 2px;
}
#design-support .subpoint-title {
    font-size: 29px !important;
    text-align: center;
}
#design-support .center-btn .round-btn {
    transform: none !important;
    transform-origin: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 320px;
    padding: 18px 24px 18px 18px;
    border: none;
    border-radius: 8px;
    background: #24bbb7;
    color: #ffffff;
    font-size: 14px;
    line-height: 1.2;
    position: relative;
}
#design-support .center-btn .round-btn::after {
    content: "・・;
    position: static;
    transform: none;
    margin-left: 6px;
    font-size: 16px;
    font-weight: 900;
}
#design-support .center-btn .round-btn.design-cta-btn {
    font-size: 22px !important;
}
#design-support .center-url {
    display: none !important;
}
#design-support .zoom-image {
    display: block;
}
#design-support .zoom-image img {
    cursor: zoom-in;
}
@media screen and (min-width: 768px) {
    #TShirtMainMenu #pageTop {
        top: -60px !important;
        right: 50px !important;
        width: 40px !important;
        height: 40px !important;
    }
    #TShirtMainMenu #pageTop a img {
        width: 40px !important;
    }
}
#design-support > .center-btn {
    margin-top: 50px !important;
    margin-bottom: 100px !important;
}
#design-support .template-wrap + .name-wrap {
    margin-top: 100px !important;
}
#design-support .name-wrap {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    background: #cfe8f5;
    padding: 28px 24px 30px;
    box-sizing: border-box;
}
#design-support .renew-popular {
    margin-top: 100px !important;
}
#design-support .team-wrap {
    margin-top: 0 !important;
}
#design-support .team-wrap > .common-title {
    margin: 100px 0 30px !important;
}
#design-support .team-wrap > .team-grid {
    margin-top: 0 !important;
    gap: 50px !important;
}
#design-support .discount-wrap > .common-title {
    margin-top: 70px !important;
}
#design-support .discount-contact {
    margin: 6px 0 14px;
    text-align: center;
    font-size: 24px;
    line-height: 1.5;
    font-weight: 400;
    color: #222;
}
#design-support .discount-contact .accent {
    color: #2eb6b9;
    font-weight: 400 !important;
}
#design-support .discount-contact a.accent {
    text-decoration: none;
    font-weight: 400 !important;
}
#design-support .discount-wrap > .center-btn {
    margin-top: 20px !important;
}
#design-support .template-wrap > .center-btn {
    margin-top: 42px !important;
}
#design-support .order-flow-wrap .order-lead-left {
    max-width: 980px;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: left !important;
}
#design-support .faq-wrap .faq-item {
    display: grid;
    grid-template-columns: 52px 1fr;
    column-gap: 12px;
    row-gap: 6px;
    align-items: start;
    margin-bottom: 50px;
}
#design-support .faq-wrap .faq-item:first-of-type {
    margin-top: 50px;
}
#design-support .faq-wrap .faq-item > .faq-icon {
    grid-column: 1;
    grid-row: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    min-width: 52px;
    min-height: 52px;
    border-radius: 50%;
    border: 2px solid #4cb8c5;
    color: #32aebd;
    font-size: 36px;
    line-height: 1;
    font-weight: 900;
    background: #f6fdff;
}
#design-support .faq-wrap .faq-item > .common-lead {
    grid-column: 2;
    grid-row: 1;
    text-align: left !important;
    margin: 0 !important;
    display: block;
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box;
    padding-bottom: 6px;
    border-bottom: 3px solid #6bc5ce;
}
#design-support .faq-wrap .faq-item > .faq-a-wrap {
    grid-column: 2;
    grid-row: 2;
    margin-top: 0 !important;
}
#design-support .faq-wrap .faq-item > .faq-a-wrap > .common-lead {
    text-align: left !important;
    margin: 0 !important;
}
.pc-only-break {
    display: inline;
}
@media screen and (max-width: 767px) {
    .pc-only-break {
        display: none;
    }
    #design-support .popular-price-row .meta-price::before {
        white-space: pre-line;
        line-height: 1.15;
        min-height: 2.3em;
    }
    #design-support .popular-price-row .meta-price:nth-child(1)::before {
        content: "レギュラー\Aプリント（1色）";
    }
    #design-support .popular-price-row .meta-price:nth-child(2)::before {
        content: "ダイレクトカラー\A（フルカラー）";
    }
    #design-support .popular-price-row .meta-price:only-child::before {
        min-height: auto;
    }
    #design-support .center-btn .round-btn {
        min-width: 260px;
        padding: 18px 20px 18px 16px;
        border-radius: 8px;
        font-size: 20px;
    }
    #design-support .center-btn .round-btn::after {
        margin-left: 5px;
        font-size: 15px;
        font-weight: 900;
    }
    #design-support .center-btn .round-btn.design-cta-btn {
        font-size: 22px !important;
    }
}
#renew-voice .sec-sub {
    font-size: 18px;
}
.clat-renew-case {
    width: 100vw;
    margin: 0 calc(50% - 50vw) 70px;
    padding: 26px 0 36px;
    background: #cfe8f5 !important;
}
.clat-renew-case .case-shell {
    max-width: 820px;
    margin: 0 auto;
    background: transparent;
    padding: 18px 40px 20px;
    position: relative;
}
.clat-renew-case .renew-case-slider {
    overflow: hidden;
}
.clat-renew-case .swiper-wrapper {
    align-items: flex-start;
}
.clat-renew-case .case-card {
    background: transparent;
    padding-bottom: 3px;
}
.clat-renew-case .case-card-body {
    width: 70%;
    margin: 0 auto;
    background-color: #fff;
    padding: 12px;
    box-sizing: border-box;
}
.clat-renew-case .case-card img {
    display: block;
    width: 100%;
    margin: 0;
    height: auto;
}
.clat-renew-case .case-card p {
    display: block;
    width: 100%;
    margin: 0;
    margin-top: 12px;
    padding: 8px 10px;
    background-color: #fff !important;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.6;
    color: #222;
    text-align: left;
}
.clat-renew-case .case-card p .case-customer-name {
    display: block;
    margin-bottom: 8px;
    font-size: 22px;
    line-height: 1.35;
    font-weight: 700;
}
.clat-renew-case .swiper-button-prev.renew-case-prev,
.clat-renew-case .swiper-button-next.renew-case-next {
    width: 0;
    height: 0;
    margin-top: -18px;
    z-index: 2;
}
.clat-renew-case .swiper-button-prev.renew-case-prev {
    left: 14px;
}
.clat-renew-case .swiper-button-next.renew-case-next {
    right: 14px;
}
.clat-renew-case .swiper-button-prev.renew-case-prev::after,
.clat-renew-case .swiper-button-next.renew-case-next::after {
    content: "";
    font-size: 0;
    line-height: 0;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
}
.clat-renew-case .swiper-button-prev.renew-case-prev::after {
    border-width: 18px 22px 18px 0;
    border-color: transparent #9aa2ab transparent transparent;
}
.clat-renew-case .swiper-button-next.renew-case-next::after {
    border-width: 18px 0 18px 22px;
    border-color: transparent transparent transparent #9aa2ab;
}
.clat-renew-case .case-more-btn {
    margin: 24px 0 0;
    text-align: center;
}
.clat-renew-case .case-more-btn .round-btn.design-cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 320px;
    padding: 12px 24px;
    border: none;
    border-radius: 6px;
    background: #24bbb7;
    color: #fff;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 700;
    text-decoration: none;
}
.clat-renew-design .lead {
    margin: 0 0 22px;
    font-size: 58px;
    line-height: 1.58;
    color: #1f1f1f;
}
.clat-renew-design .point-title {
    margin: 0;
    font-size: 74px;
    line-height: 1.35;
    font-weight: 900;
    color: #1f1f1f;
}
.clat-renew-design .point-list {
    margin: 8px 0 0;
    padding: 0;
    list-style: none;
}
.clat-renew-design .point-list li {
    font-size: 60px;
    line-height: 1.45;
    color: #1f1f1f;
}
.clat-renew-design .point-list li::before {
    content: "・";
}
.clat-renew-design .beforeafter {
    margin-top: 28px;
    display: grid;
    grid-template-columns: auto 55px auto;
    align-items: center;
    gap: 18px;
    justify-content: center;
}
.clat-renew-design figure {
    margin: 0;
    text-align: center;
}
.clat-renew-design figure img {
    display: block;
    width: 80%;
    max-width: 360px;
    margin: 0 auto;
    border: 2px solid #bfc3c8;
    background: #fff;
}
.clat-renew-design figcaption {
    margin-top: 10px;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.35;
    color: #1f1f1f;
}
.clat-renew-design .arrow {
    text-align: center;
    color: #f0e045;
    font-size: 57.6px;
    line-height: 1;
    letter-spacing: -0.06em;
    font-weight: 900;
}
.clat-renew-design .arrow.arrow-tri {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    font-size: 0;
    color: transparent;
    letter-spacing: 0;
    line-height: 0;
}
.clat-renew-design .arrow.arrow-tri span {
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 24px solid #f0e045;
}
.clat-renew-design .beforeafter > .arrow {
    justify-self: center;
    align-self: center;
    margin: 0;
}
.clat-renew-design .subpoint-title {
    margin: 34px 0 10px;
    font-size: 72px;
    line-height: 1.35;
    font-weight: 900;
    color: #1f1f1f;
}
.clat-renew-design .sub-lead {
    margin: 0 0 16px;
    font-size: 56px;
    line-height: 1.5;
    color: #1f1f1f;
}
.clat-renew-design .ai-row {
    margin-top: 8px;
    display: grid;
    grid-template-columns: auto 55px auto;
    align-items: start;
    gap: 18px;
    justify-content: center;
}
.clat-renew-design .ai-row > .arrow {
    align-self: center;
}
.clat-renew-design .ai-card {
    margin: 0;
    text-align: center;
}
.clat-renew-design .ai-card img {
    display: block;
    width: 80%;
    max-width: 360px;
    margin: 0 auto;
    border: 2px solid #bfc3c8;
    background: #fff;
}
.clat-renew-design .round-btn {
    display: inline-block;
    background: #c5e9ff;
    border: 2px solid #6eb3d8;
    border-radius: 999px;
    padding: 10px 36px;
    color: #1e2e3e;
    font-size: 58px;
    line-height: 1.3;
    font-weight: 700;
    text-decoration: none;
}
.clat-renew-design .center-btn {
    text-align: center;
    margin: 22px 0 10px;
}
.clat-renew-design .center-url {
    text-align: center;
    margin: 0;
    font-size: 49px;
    line-height: 1.5;
    color: #1f1f1f;
}
.clat-renew-design .template-wrap {
    margin-top: 20px;
}
.clat-renew-design .template-lead {
    margin: 8px 0 14px;
    font-size: 56px;
    line-height: 1.52;
    color: #1f1f1f;
}
.clat-renew-design .template-image {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    position: relative;
    width: 650px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.clat-renew-design .template-image img {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: auto;
    margin: 0;
}
.clat-renew-design .template-image .template-hotspot {
    position: absolute;
    display: block;
    z-index: 2;
}
.clat-renew-design .template-image .template-hotspot.hs-1,
.clat-renew-design .template-image .template-hotspot.hs-2,
.clat-renew-design .template-image .template-hotspot.hs-3,
.clat-renew-design .template-image .template-hotspot.hs-4 {
    top: 3.2%;
    height: 45.2%;
}
.clat-renew-design .template-image .template-hotspot.hs-5,
.clat-renew-design .template-image .template-hotspot.hs-6,
.clat-renew-design .template-image .template-hotspot.hs-7,
.clat-renew-design .template-image .template-hotspot.hs-8 {
    top: 51.8%;
    height: 45.2%;
}
.clat-renew-design .template-image .template-hotspot.hs-1,
.clat-renew-design .template-image .template-hotspot.hs-5 {
    left: 4%;
    width: 22.5%;
}
.clat-renew-design .template-image .template-hotspot.hs-2,
.clat-renew-design .template-image .template-hotspot.hs-6 {
    left: 27.9%;
    width: 22.5%;
}
.clat-renew-design .template-image .template-hotspot.hs-3,
.clat-renew-design .template-image .template-hotspot.hs-7 {
    left: 51.8%;
    width: 22.5%;
}
.clat-renew-design .template-image .template-hotspot.hs-4,
.clat-renew-design .template-image .template-hotspot.hs-8 {
    left: 75.7%;
    width: 20.3%;
}
.clat-renew-design .name-wrap {
    margin-top: 20px;
}
.clat-renew-design .name-title {
    margin: 0;
    font-size: 74px;
    line-height: 1.35;
    font-weight: 900;
    color: #1f1f1f;
}
.clat-renew-design .name-lead {
    margin: 8px 0 10px;
    font-size: 56px;
    line-height: 1.52;
    color: #1f1f1f;
}
.clat-renew-design .name-note {
    margin: 0;
    font-size: 33px;
    line-height: 1.6;
    color: #202020;
    font-weight: 700;
}
.clat-renew-design .name-sample {
    margin-top: 14px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}
.clat-renew-design .name-sample figure {
    margin: 0;
    text-align: center;
}
.clat-renew-design .name-sample img {
    display: block;
    width: 100%;
    max-width: 360px;
    margin: 0 auto;
    border: 2px solid #cce8f6;
    background: #d8f0ff;
}
.clat-renew-design .formula-wrap {
    margin-top: 20px;
    text-align: center;
}
.clat-renew-design .formula-image {
    margin: 0;
}
.clat-renew-design .formula-image img {
    display: block;
    width: 850px;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}
.clat-renew-design .formula-grid {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
}
.clat-renew-design .formula-item {
    min-width: 220px;
}
.clat-renew-design .formula-item .label {
    display: block;
    font-size: 48px;
    line-height: 1.35;
    color: #1f1f1f;
}
.clat-renew-design .formula-item .num {
    display: block;
    font-size: 78px;
    line-height: 1.2;
    color: #34b7c6;
    font-weight: 900;
}
.clat-renew-design .formula-plus {
    font-size: 72px;
    line-height: 1;
    margin: 0;
    color: #2b2b2b;
    font-weight: 700;
}
.clat-renew-design .formula-down {
    margin: 6px 0 8px;
    font-size: 70px;
    color: #d9d9d9;
    line-height: 1;
}
.clat-renew-design .formula-total {
    margin: 0;
    font-size: 63px;
    line-height: 1.35;
    color: #1f1f1f;
}
.clat-renew-design .formula-total strong {
    display: block;
    color: #34b7c6;
    font-size: 82px;
    line-height: 1.2;
}
.clat-renew-design .renew-popular {
    margin-top: 30px;
}
.clat-renew-design .popular-title {
    margin: 0;
    font-size: 68px;
    line-height: 1.35;
    font-weight: 900;
    text-align: center;
    color: #1f1f1f;
}
.clat-renew-design .popular-lead {
    margin: 10px 0 16px;
    font-size: 52px;
    line-height: 1.5;
    color: #1f1f1f;
}
#design-support .popular-lead {
    margin-top: -20px !important;
    margin-bottom: 36px !important;
}
#design-support .renew-popular .name-note {
    margin-top: -20px !important;
    margin-bottom: 20px !important;
}
.clat-renew-design .popular-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
}
.clat-renew-design .popular-card {
    background: #d8f0ff;
    border: 2px solid #c6e7f8;
    padding: 12px 12px 16px;
    width: 50%;
    margin: 0 auto;
}
.clat-renew-design .popular-card img {
    display: block;
    width: 90%;
    height: auto;
    margin: 0 auto;
    background: #fff;
}
.clat-renew-design .popular-name {
    margin: 8px 0 6px;
    text-align: center;
    font-size: 49px;
    line-height: 1.35;
    color: #1f1f1f;
    font-weight: 700;
}
.clat-renew-design .popular-meta {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}
.clat-renew-design .meta-box {
    background: #f8fdff;
    border: 1px solid #d0e3ef;
    padding: 6px 8px;
}
.clat-renew-design .meta-box .meta-label {
    display: block;
    font-size: 37px;
    line-height: 1.3;
    color: #222;
    font-weight: 700;
}
.clat-renew-design .meta-box .meta-sub {
    display: block;
    font-size: 22px;
    line-height: 1.25;
    color: #4d5963;
}
.clat-renew-design .meta-box .meta-price {
    display: block;
    font-size: 55px;
    line-height: 1.2;
    color: #2b2b2b;
}
.clat-renew-design .popular-link {
    text-align: center;
    margin: 16px 0 0;
    font-size: 50px;
    line-height: 1.35;
}
.clat-renew-design .popular-link a {
    color: #1f1f1f;
    text-decoration: none;
}
.clat-renew-design .team-wrap {
    margin-top: 28px;
}
.clat-renew-design .team-title {
    margin: 50px 0;
    text-align: center;
    font-size: 68px;
    line-height: 1.35;
    font-weight: 900;
    color: #1f1f1f;
}
.clat-renew-design .team-grid {
    margin-top: 12px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}
.clat-renew-design .discount-wrap {
    margin-top: 34px;
    text-align: center;
}
#design-support .discount-area {
    width: 100vw;
    margin: 34px calc(50% - 50vw) 0;
    background: #cfe8f5;
}
#design-support .discount-area-inner {
    max-width: 1240px;
    margin: 0 auto;
    padding: 20px;
    box-sizing: border-box;
}
#design-support .discount-area .discount-wrap {
    margin-top: 0;
}
#design-support .discount-area .discount-subtitle {
    text-align: center;
    padding-left: 0 !important;
}
@media screen and (min-width: 768px) {
    #design-support .discount-area .discount-subtitle {
        display: block;
        width: fit-content;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: left !important;
    }
}
.clat-renew-design .discount-title {
    margin: 0;
    font-size: 72px;
    line-height: 1.35;
    font-weight: 900;
    color: #1f1f1f;
}
.clat-renew-design .discount-lead {
    margin: 8px 0 14px;
    font-size: 52px;
    line-height: 1.5;
    color: #1f1f1f;
}
.clat-renew-design .discount-subtitle {
    margin: 60px 0 10px;
    text-align: left;
    font-size: 30px;
    line-height: 1.35;
    font-weight: 700;
    color: #1f1f1f;
    padding-left: 76px;
}
.clat-renew-design .discount-subtitle::before {
    content: "笆";
    margin-right: 8px;
}
.clat-renew-design .discount-image {
    margin: 0 auto;
    max-width: 760px;
}
.clat-renew-design .discount-image img {
    display: block;
    width: 100%;
    height: auto;
}
.clat-renew-design .same-design-wrap {
    margin-top: 30px;
    text-align: left;
}
.clat-renew-design .same-design-lead {
    margin: 8px 0 14px;
    font-size: 52px;
    line-height: 1.52;
    color: #1f1f1f;
}
.clat-renew-design .same-design-image {
    margin: 0 auto;
    max-width: 980px;
}
.clat-renew-design .same-design-image img {
    display: block;
    width: 100%;
    height: auto;
}
.clat-renew-design .add-order-wrap {
    margin-top: 36px;
    text-align: left;
}
.clat-renew-design .add-order-image {
    margin: 20px auto 0;
    max-width: 840px;
}
.clat-renew-design .add-order-image img {
    display: block;
    width: 100%;
    height: auto;
}
#design-support .add-order-wrap .center-btn {
    margin-top: 50px !important;
}
.clat-renew-design .order-flow-wrap {
    margin-top: 44px;
    text-align: center;
}
.clat-renew-design .order-flow-lead {
    margin: 10px 0 12px;
    font-size: 46px;
    line-height: 1.45;
    color: #1f1f1f;
}
.clat-renew-design .order-step-title {
    margin: 20px 0 8px;
    text-align: center;
    font-size: 30px;
    line-height: 1.35;
    font-weight: 700;
    color: #1f1f1f;
    display: inline-block;
    background: #cfe8f5;
    padding: 10px 18px;
}
#design-support .order-flow-wrap .order-step-title:first-of-type {
    margin-top: 100px !important;
}
#design-support .order-flow-wrap .order-step-title.step3-title {
    margin-top: 50px !important;
}
#design-support .order-flow-wrap .order-step-image.step3-image {
    margin-bottom: 50px !important;
}
.clat-renew-design .order-step-title::before {
    content: none;
}
.clat-renew-design .order-step-text {
    margin: 0;
    text-align: left;
    font-size: 49px;
    line-height: 1.6;
    color: #1f1f1f;
}
.clat-renew-design .order-step-image {
    margin: 12px auto 0;
    max-width: 840px;
}
.clat-renew-design .order-step-image img {
    display: block;
    width: 100%;
    height: auto;
}
.clat-renew-design .order-step-link {
    margin-top: 50px;
    margin-bottom: 100px;
}
.clat-renew-design .step4-image {
    margin: 16px auto 0;
    max-width: 860px;
}
.clat-renew-design .step4-image img {
    display: block;
    width: 100%;
    height: auto;
}
.clat-renew-design .faq-wrap {
    margin-top: 44px;
    text-align: left;
}
.clat-renew-design .faq-title {
    margin: 0 0 16px;
    text-align: center;
    font-size: 72px;
    line-height: 1.35;
    font-weight: 900;
    color: #1f1f1f;
}
.clat-renew-design .faq-item {
    margin-bottom: 8px;
}
.clat-renew-design .faq-q {
    margin: 0;
    font-size: 60px;
    line-height: 1.45;
    color: #1f1f1f;
    border-bottom: 3px solid #6bc5ce;
    padding-bottom: 4px;
}
.clat-renew-design .faq-a-wrap {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 6px;
}
.clat-renew-design .faq-icon {
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    border: 2px solid #4cb8c5;
    color: #32aebd;
    font-size: 36px;
    line-height: 48px;
    text-align: center;
    font-weight: 900;
    background: #f6fdff;
}
.clat-renew-design .faq-a {
    margin: 0;
    font-size: 47px;
    line-height: 1.55;
    color: #1f1f1f;
}

@media screen and (max-width: 1024px) {
    .clat-renew-second .toc-title {
        font-size: 17.5px;
    }
    .clat-renew-second .toc-list li {
        font-size: 20px;
        line-height: 1.75;
    }
    .clat-renew-second .sec-title {
        font-size: 52px;
    }
    .clat-renew-second .sec-sub {
        font-size: 34px;
    }
    .clat-renew-compare .compare-title {
        font-size: 26px;
    }
    .clat-renew-compare .compare-lead {
        font-size: 17px;
    }
    #renew-voice .sec-title {
        font-size: 26px;
    }
    #renew-voice .sec-sub {
        font-size: 17px;
    }
    #design-support .point-title {
        font-size: 22px !important;
    }
    .clat-renew-case .case-card p {
        font-size: 24px;
        background-color: #fff !important;
    }
    .clat-renew-design .lead {
        font-size: 36px;
    }
    .clat-renew-design .point-title {
        font-size: 50px;
    }
    .clat-renew-design .point-list li {
        font-size: 38px;
    }
    .clat-renew-design figcaption {
        font-size: 35px;
    }
    .clat-renew-design .subpoint-title {
        font-size: 48px;
    }
    .clat-renew-design .sub-lead {
        font-size: 34px;
    }
    .clat-renew-design .round-btn {
        font-size: 36px;
        padding: 8px 26px;
    }
    .clat-renew-design .center-url {
        font-size: 30px;
    }
    .clat-renew-design .template-lead,
    .clat-renew-design .name-lead {
        font-size: 34px;
    }
    .clat-renew-design .name-title {
        font-size: 50px;
    }
    .clat-renew-design .name-note {
        font-size: 21px;
    }
    .clat-renew-design .formula-item .label {
        font-size: 30px;
    }
    .clat-renew-design .formula-item .num {
        font-size: 50px;
    }
    .clat-renew-design .formula-plus {
        font-size: 48px;
    }
    .clat-renew-design .formula-total {
        font-size: 38px;
    }
    .clat-renew-design .formula-total strong {
        font-size: 56px;
    }
    .clat-renew-design .popular-title {
        font-size: 46px;
    }
    .clat-renew-design .popular-lead {
        font-size: 34px;
    }
    .clat-renew-design .popular-name {
        font-size: 34px;
    }
    .clat-renew-design .meta-box .meta-label {
        font-size: 24px;
    }
    .clat-renew-design .meta-box .meta-sub {
        font-size: 14px;
    }
    .clat-renew-design .meta-box .meta-price {
        font-size: 36px;
    }
    .clat-renew-design .popular-link {
        font-size: 32px;
    }
    .clat-renew-design .team-title {
        margin: 50px 0;
        font-size: 46px;
    }
    .clat-renew-design .discount-title {
        font-size: 50px;
    }
    .clat-renew-design .discount-lead {
        font-size: 34px;
    }
    .clat-renew-design .discount-subtitle {
        font-size: 42px;
    }
    .clat-renew-design .same-design-lead {
        font-size: 33px;
    }
    .clat-renew-design .order-flow-lead {
        font-size: 30px;
    }
    .clat-renew-design .order-step-title {
        font-size: 22px;
    }
    #design-support .order-step-title {
        font-size: 22px !important;
    }
    .clat-renew-design .order-step-text {
        font-size: 31px;
    }
    .clat-renew-design .faq-title {
        font-size: 50px;
    }
    .clat-renew-design .faq-q {
        font-size: 36px;
    }
    .clat-renew-design .faq-icon {
        width: 40px;
        height: 40px;
        font-size: 28px;
        line-height: 36px;
        flex-basis: 40px;
    }
    .clat-renew-design .faq-a {
        font-size: 30px;
    }
}

@media screen and (max-width: 767px) {
    html,
    body {
        overflow-x: hidden !important;
    }
    #wrap {
        overflow-x: hidden !important;
    }
    .clat-renew-second {
        padding: 20px 0 10px;
    }
    .clat-renew-second .toc-wrap {
        margin-bottom: 40px;
    }
    .clat-renew-second .toc-title {
        font-size: 18px;
    }
    .clat-renew-second .toc-list li {
        font-size: 18px;
        line-height: 1.65;
    }
    .clat-renew-second .sec-title {
        font-size: 38px;
    }
    .clat-renew-second .sec-sub {
        font-size: 24px;
        margin-top: 8px;
    }
    .clat-renew-compare .compare-title {
        font-size: 18px;
    }
    .clat-renew-compare .compare-lead {
        font-size: 18px;
        margin-top: 8px;
    }
    .comparison_table .column_items td.our_company {
        font-size: 18px !important;
        line-height: 1.45;
    }
    .comparison_table .column_items td.our_company .price,
    .comparison_table .column_items td.our_company .currency {
        font-size: 18px !important;
        line-height: 1.45;
    }
    .comparison_table .column_items th {
        font-size: 18px !important;
        line-height: 1.45;
    }
#renew-voice .sec-title {
    font-size: 19px;
}
#design-support .common-title {
    font-size: 22px !important;
}
    #design-support .common-lead {
        font-size: 18px !important;
    }
    #design-support .template-wrap + .name-wrap {
        margin-top: 50px !important;
    }
    #design-support .name-wrap {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 18px 12px 20px;
    }
    #design-support .renew-popular {
        margin-top: 50px !important;
    }
#design-support .template-wrap > .center-btn {
    margin-top: 42px !important;
}
    #design-support .point-title {
        font-size: 22px !important;
    }
    #renew-voice .sec-sub {
        font-size: 18px;
    }
    .clat-renew-case {
        width: 100% !important;
        margin: 0 0 40px !important;
        padding: 20px 0 24px;
    }
    .clat-renew-case .case-shell {
        padding: 14px 8px 16px;
    }
    .clat-renew-case .case-card-body {
        width: 100%;
        max-width: none;
    }
    .clat-renew-case .case-card p {
        font-size: 17px;
        padding: 8px 10px;
        background-color: #fff !important;
    }
    .clat-renew-case .swiper-button-prev.renew-case-prev,
    .clat-renew-case .swiper-button-next.renew-case-next {
        margin-top: 0;
        z-index: 3;
        top: clamp(78px, 30vw, 180px);
        width: 34px;
        height: 34px;
        border-radius: 50%;
        background: rgba(0, 0, 0, 0.35);
    }
    .clat-renew-case .swiper-button-prev.renew-case-prev {
        left: 6px;
    }
    .clat-renew-case .swiper-button-next.renew-case-next {
        right: 6px;
    }
    .clat-renew-case .swiper-button-prev.renew-case-prev::after,
    .clat-renew-case .swiper-button-next.renew-case-next::after {
        border: none;
        width: 10px;
        height: 10px;
        border-right: 3px solid #fff;
        border-bottom: 3px solid #fff;
    }
    .clat-renew-case .swiper-button-prev.renew-case-prev::after {
        transform: rotate(135deg);
        margin-left: 4px;
    }
    .clat-renew-case .swiper-button-next.renew-case-next::after {
        transform: rotate(-45deg);
        margin-right: 4px;
    }
    .clat-renew-case .case-more-btn {
        margin-top: 18px;
    }
    .clat-renew-case .case-more-btn .round-btn.design-cta-btn {
        min-width: 260px;
        padding: 10px 18px;
        font-size: 18px;
    }
    .clat-renew-design .lead {
        font-size: 24px;
        margin-bottom: 14px;
    }
    .clat-renew-design .point-title {
        font-size: 22px;
    }
    .clat-renew-design .point-list li {
        font-size: 18px;
    }
    #design-support .point-list li {
        font-size: 18px !important;
    }
    .clat-renew-design .beforeafter {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .clat-renew-design .ai-row {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .clat-renew-design .arrow {
        transform: rotate(90deg);
        font-size: 76px;
    }
    .clat-renew-design .arrow.arrow-tri {
        gap: 0;
    }
    .clat-renew-design .arrow.arrow-tri span:not(:first-child) {
        display: none;
    }
    .clat-renew-design .beforeafter > .arrow {
        position: static;
        left: auto;
        top: auto;
        transform: rotate(90deg);
        margin: 0 auto;
    }
    .clat-renew-design figcaption {
        font-size: 16px;
    }
    .clat-renew-design .subpoint-title {
        font-size: 22px;
        margin-top: 20px;
    }
    #design-support .subpoint-title {
        font-size: 22px !important;
    }
    .clat-renew-design .sub-lead {
        font-size: 23px;
    }
    .clat-renew-design .round-btn {
        font-size: 28px;
        padding: 8px 20px;
    }
    .clat-renew-design .center-url {
        font-size: 20px;
        word-break: break-all;
    }
    .clat-renew-design .template-lead,
    .clat-renew-design .name-lead {
        font-size: 23px;
    }
    .clat-renew-design .name-title {
        font-size: 40px;
    }
    .clat-renew-design .name-note {
        font-size: 16px;
    }
    .clat-renew-design .name-sample {
        grid-template-columns: 1fr;
    }
    .clat-renew-design .formula-grid {
        flex-direction: column;
        gap: 10px;
    }
    .clat-renew-design .formula-plus {
        display: none;
    }
    .clat-renew-design .formula-item .label {
        font-size: 25px;
    }
    .clat-renew-design .formula-item .num {
        font-size: 44px;
    }
    .clat-renew-design .formula-total {
        font-size: 31px;
    }
    .clat-renew-design .formula-total strong {
        font-size: 48px;
    }
    .clat-renew-design .popular-title {
        font-size: 34px;
    }
    .clat-renew-design .popular-lead {
        font-size: 22px;
    }
    .clat-renew-design .popular-grid {
        grid-template-columns: 1fr;
        justify-items: center;
    }
    #design-support .popular-card {
        width: 92% !important;
        max-width: 420px !important;
        justify-self: center !important;
        box-sizing: border-box;
        overflow: hidden;
    }
    #design-support .popular-grid .popular-card:nth-child(odd),
    #design-support .popular-grid .popular-card:nth-child(even),
    #design-support .team-grid .popular-card:nth-child(odd),
    #design-support .team-grid .popular-card:nth-child(even) {
        justify-self: center !important;
    }
    .clat-renew-design .popular-name {
        font-size: 28px;
    }
    .clat-renew-design .meta-box .meta-label {
        font-size: 22px;
    }
    .clat-renew-design .meta-box .meta-price {
        font-size: 32px;
    }
    #design-support .popular-price-row .meta-price {
        display: block !important;
        white-space: normal !important;
        line-height: 1.2 !important;
        min-width: 0;
    }
    #design-support .popular-price-row .meta-price .per-sheet {
        display: block !important;
        width: fit-content !important;
        margin: 0 0 4px !important;
    }
    #design-support .meta-box .meta-label,
    #design-support .popular-price-row .meta-price::before {
        white-space: normal !important;
        overflow-wrap: anywhere;
        word-break: break-word;
    }
    .clat-renew-design .popular-link {
        font-size: 24px;
    }
    .clat-renew-design .team-title {
        margin: 50px 0;
        font-size: 34px;
    }
    .clat-renew-design .team-grid {
        grid-template-columns: 1fr;
        justify-items: center;
    }
    .clat-renew-design .discount-title {
        font-size: 38px;
    }
    .clat-renew-design .discount-lead {
        font-size: 22px;
    }
    .clat-renew-design .discount-subtitle {
        font-size: 22px;
    }
    #design-support .discount-contact {
        font-size: 20px;
    }
    .clat-renew-design .same-design-lead {
        font-size: 22px;
    }
    .clat-renew-design .order-flow-lead {
        font-size: 21px;
    }
    .clat-renew-design .order-step-title {
        font-size: 30px;
    }
    .clat-renew-design .order-step-text {
        font-size: 22px;
    }
    .clat-renew-design .faq-title {
        font-size: 38px;
    }
    .clat-renew-design .faq-q {
        font-size: 28px;
    }
    .clat-renew-design .faq-icon {
        width: 34px;
        height: 34px;
        font-size: 22px;
        line-height: 30px;
        flex-basis: 34px;
    }
    #design-support .faq-wrap .faq-item {
        grid-template-columns: 26px 1fr;
        column-gap: 10px;
    }
    #design-support .faq-wrap .faq-item > .faq-icon {
        width: 26px;
        height: 26px;
        min-width: 26px;
        min-height: 26px;
        font-size: 18px;
        border-width: 1px;
    }
    .clat-renew-design .faq-a {
        font-size: 22px;
    }
}
@media screen and (max-width: 400px) {
    #design-support .popular-price-row {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }
    #design-support .popular-name {
        font-size: 24px !important;
    }
}
.ext_bnr img {
    display: block;
    margin: 0 auto;
    max-height: 100%;
}
.ext_bnr {
        height: calc(100vw * (1.28/5));
}
.nm-img {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.br-sp {
    display: none;
}
.embBox {
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
    justify-content: center;
}
.embBox li {
    width: 18%;
}
div#wrap input[type=text].search_product__category_form_input {
  height: 40px;
	border: 1px solid #000;
	border-radius: 10px;
	width: -webkit-fill-available;
	padding: 0px 38px;
	background-color: #fff;
}
.cmn_pageTtl01 .classt-page-main-h1 {
    font-size: calc(1em + 2px) !important;
    display: block !important;
    white-space: normal !important;
    flex-wrap: wrap !important;
    overflow-wrap: normal;
    word-break: normal;
    line-height: 1.35;
}
@media screen and (max-width:767px) {
	.ext_bnr {
        height: calc(100vw * (1.4/5));
	}
	.br-sp {
	    display: inline-block;
	}
	.cmn_pageTtl01 .classt-page-main-h1 {
	    font-size: calc(1em + 2px) !important;
        line-height: 1.3;
	}
}
@media screen and (max-width:767px) {
	.ext_bnr {
        height: calc(100vw * (2.48/5));
	}
	.h_main_text {
	    font-size: 1em;
	}
	.h_main_text .txt_big {
	    font-size: 1.5em !important;
	}

	div#wrap input[type=text].search_product__category_form_input {

	}
}


/* === iOS text clipping safeguard for renew-case cards (2026-04-09) === */
@media screen and (max-width: 767px) {
    .clat-renew-case .case-card img {
        margin-top: -10px !important;
    }
    #design-support > .point-title:first-of-type {
        margin-top: -2px !important;
    }
    #design-support .beforeafter + .point-title {
        margin-top: 10px !important;
    }
    #design-support .center-btn + .template-wrap {
        margin-top: -50px !important;
    }
    .clat-renew-case .case-card p {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        line-height: 1.75 !important;
        white-space: normal;
        word-break: break-word;
        -webkit-text-size-adjust: 100%;
    }
    .clat-renew-case .case-card p .case-customer-name {
        line-height: 1.45 !important;
    }
}

/* === classt breadcrumb gray unified override (2026-04-09) === */
.breadcrumbs,
.breadcrumbs ul,
.breadcrumbs ol,
.breadcrumbs li,
#topicpath,
#topicpath ul,
#topicpath ol,
#topicpath li,
.topicpath,
.topicpath ul,
.topicpath ol,
.topicpath li,
.topic_path,
.topic_path ul,
.topic_path ol,
.topic_path li {
    background-color: #f2f2f2 !important;
}

.breadcrumbs li:last-child,
.breadcrumbs li:last-child *,
.breadcrumbs li.current,
.breadcrumbs li.current *,
#topicpath li:last-child,
#topicpath li:last-child *,
#topicpath li.current,
#topicpath li.current *,
.topicpath li:last-child,
.topicpath li:last-child *,
.topicpath li.current,
.topicpath li.current *,
.topic_path li:last-child,
.topic_path li:last-child *,
.topic_path li.current,
.topic_path li.current * {
    color: #7a7a7a !important;
    -webkit-text-fill-color: #7a7a7a !important;
}




/* === クラスTシャツ追加分 (2026-04-09) === */
#wrap,
.clat-renew-hero,
.clat-renew-reason,
.clat-renew-compare,
.clat-renew-second,
.clat-renew-design,
.clat-renew-case {
    background: #fff !important;
}
.clat-renew-hero .hero-body {
    max-width: 1240px;
    margin: 0 auto;
    padding: 20px 20px 12px;
}
.clat-renew-hero .hero-main-visual {
    display: block;
    margin: 0;
}
.clat-renew-hero .hero-main-visual img {
    display: block;
    width: 100% !important;
    max-width: none !important;
    height: auto;
}
.clat-renew-hero .hero-kpi {
    text-align: center;
    font-size: 24px;
    font-weight: 800;
    letter-spacing: 0.01em;
    line-height: 1.2;
    margin: 0;
    color: #2d2d33;
}
.clat-renew-hero .hero-title {
    text-align: center;
    font-size: 46px;
    font-weight: 900;
    line-height: 1.16;
    letter-spacing: 0.01em;
    margin: 20px 0 24px;
    color: #2d2d33;
}
.clat-renew-hero .hero-lower {
    max-width: 1120px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    gap: 8px;
    align-items: center;
}
.clat-renew-hero .hero-word {
    text-align: center;
    font-size: 32px;
    font-weight: 800;
    color: #2d2d33;
}
.clat-renew-hero .hero-box {
    background: #fff;
    border: 1px solid #b7bcc1;
    border-radius: 13px;
    overflow: hidden;
    min-width: 320px;
    max-width: 360px;
    font-family: "Noto Sans JP", sans-serif !important;
}
.clat-renew-hero .hero-box * {
    font-family: "Noto Sans JP", sans-serif !important;
}
.clat-renew-hero .hero-box-title {
    text-align: center;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 900;
    font-family: "Noto Sans JP", sans-serif !important;
    margin: 0;
    padding: 6px 6px 5px;
    border-bottom: 1px solid #c9cdd1;
    color: #2d2d33;
}
.clat-renew-hero .hero-box-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
}
.clat-renew-hero .hero-box-item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-align: center;
    padding: 12px 4px 10px;
    margin: 0;
    color: #2d2d33;
}
.clat-renew-hero .hero-box-item + .hero-box-item {
    border-left: 1px solid #c9cdd1;
}
.clat-renew-hero .hero-box-label {
    display: block;
    font-size: 20px;
    line-height: 1.05;
    font-weight: 900;
    font-family: "Noto Sans JP", sans-serif !important;
}
.clat-renew-hero .hero-box-value {
    display: inline-flex;
    align-items: flex-end;
    white-space: nowrap;
    line-height: 1;
}
.clat-renew-hero .hero-box-num {
    display: inline-block;
    font-size: 56px;
    line-height: 0.95;
    font-weight: 900;
    font-family: "Noto Sans JP", sans-serif !important;
    margin-right: 2px;
}
.clat-renew-hero .hero-box-unit {
    display: inline-block;
    font-size: 18px;
    line-height: 1;
    font-weight: 800;
    font-family: "Noto Sans JP", sans-serif !important;
}

.clat-renew-reason {
    background: #fff;
    padding: 12px 0 44px;
}
.clat-renew-wrap {
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 20px;
}
.clat-renew-reason .reason-title {
    text-align: center;
    width: 100vw;
    margin: 0 calc(50% - 50vw) 28px;
    padding: 8px 20px;
    background: #cfe8f5;
    font-size: 35px;
    font-weight: 900;
    line-height: 1.2;
    color: #2d2d33;
}
.clat-renew-reason .reason-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}
.clat-renew-reason .reason-head {
    margin: 0 0 50px;
    text-align: center;
    font-size: 22.5px;
    line-height: 1.35;
    font-weight: 800;
    color: #2d2d33;
}
.clat-renew-reason .reason-card {
    position: relative;
    min-height: 460px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}
.clat-renew-reason .reason-card::before {
    content: "";
    position: absolute;
    inset: 0;
    background: rgba(255, 255, 255, 0.62);
}
.clat-renew-reason .reason-card p {
    position: relative;
    z-index: 1;
    margin: 0;
    padding: 22px 24px;
    font-size: 16.5px;
    line-height: 1.8;
    color: #111;
    font-weight: 500;
}
.clat-renew-reason .reason-copy {
    position: relative;
    z-index: 1;
}
.clat-renew-reason .reason-more {
    display: none;
    margin: 16px 0 0;
    text-align: center;
}
.clat-renew-reason .reason-more-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-width: 210px;
    padding: 13px 22px;
    border: 1.5px solid #111;
    border-radius: 9999px;
    background: #fff;
    color: #111;
    font-size: 16px;
    line-height: 1;
    font-weight: 700;
    cursor: pointer;
}
.clat-renew-reason .reason-more-btn::after {
    content: "";
    width: 8px;
    height: 8px;
    border-right: 2px solid #111;
    border-bottom: 2px solid #111;
    transform: rotate(45deg) translateY(-1px);
    transition: transform 0.2s ease;
}
.clat-renew-reason .reason-item:not(.is-collapsed) .reason-more-btn::after {
    transform: rotate(-135deg) translateY(-1px);
}
.clat-renew-reason .reason-left {
    background-image: url('/img/classt/yokujitu.jpg');
}
.clat-renew-reason .reason-right {
    background-image: url('/img/classt/zeroen.jpg');
}

.clat-renew-compare {
    padding: 8px 0 60px;
}
.clat-renew-compare .compare-title {
    margin: 0;
    text-align: center;
    font-size: 36px;
    font-weight: 900;
    line-height: 1.25;
    color: #111;
}
.clat-renew-compare .compare-lead {
    margin: 12px 0 26px;
    text-align: center;
    font-size: 26px;
    line-height: 1.45;
    color: #111;
}
.clat-renew-compare .compare-lead .accent {
    color: #2dbcc4;
    font-weight: 900;
}
.comparison_wrap {
    width: 100%;
    margin: 40px auto;
}
.comparison_inner {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
}
.comparison_container {
    display: flex;
    justify-content: center;
}
.comparison_table {
    width: 58%;
    margin: 20px 0;
    font-size: 20px;
    font-weight: normal;
    color: #666;
    text-align: center;
    vertical-align: middle;
}
.column_items {
    font-weight: 300;
}
.comparison_table th.empty_cells {
    background-color: transparent;
    border: none;
}
.our_company {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    color: #fff;
    background-color: #2dbcc4;
    border: 4px solid #2dbcc4;
    text-align: center;
    vertical-align: middle;
}
.other_company {
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    color: #333;
    background-color: #f5f5f5;
    border: 2px solid #fff;
    text-align: center;
    vertical-align: middle;
}
.column_items th {
    font-size: 24px !important;
    font-weight: 300;
    line-height: 1.5;
    color: #333;
    background-color: #f5f5f5;
    border: 2px solid #fff;
    text-align: center;
    vertical-align: middle;
}
.column_items td.our_company {
    padding: 10px;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.5;
    color: #333;
    background-color: #fff;
    border: 4px solid #2dbcc4;
}
.column_items td.other_company {
    position: relative;
    padding: 10px;
    font-size: 14px;
    line-height: 1.5;
    color: #333;
    background-color: #fff;
    border: 2px solid #fff;
}
.column_items td.other_company::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px;
    line-height: 1.5;
    border: 2px solid #f5f5f5;
}
td.our_company .price {
    font-size: 24px;
}
td.our_company .currency {
    font-size: 14px;
}
td.other_company .price {
    font-size: 24px;
}
td.other_company .currency {
    font-size: 14px;
}
.comparison_txt_container {
    display: flex;
    justify-content: center;
}
.comparison_txt_table {
    width: 58%;
    line-height: 1.5;
    color: #666;
    text-align: left;
}
.comparison_txt_table p {
    margin: 0 0 4px;
}
.comparison_tagline {
    margin: 20px 0;
    font-size: 24px;
    line-height: 1.5;
    text-align: center;
}
.text_highlight {
    font-size: 32px;
    font-weight: bold;
    color: #2dbcc4;
}
.br-sp {
    display: none;
}
@media (max-width: 599px) {
    .comparison_container {
        display: inline-block;
        width: 100%;
        border-collapse: collapse;
        text-align: center;
    }
    .comparison_table {
        width: 100%;
        margin: 10px 0;
    }
    .comparison_txt_container {
        display: inline-block;
        width: 100%;
        min-width: auto;
    }
    .comparison_txt_table {
        width: 100%;
        font-size: 12px;
        line-height: 1.5;
    }
    .comparison_txt_table p {
        margin: 0;
    }
    .column_items td.our_company {
        padding: 10px 30px;
    }
    .column_items td.other_company {
        padding: 10px 30px;
    }
    td.our_company .price {
        font-size: 24px;
    }
    .comparison_tagline {
        font-size: 18px;
    }
    .clat-renew-compare .compare-title {
        font-size: 19px;
    }
    .clat-renew-compare .compare-lead {
        margin-top: 8px;
        font-size: 24px;
    }
    .text_highlight {
        font-size: 28px;
    }
    .br-sp {
        display: block;
    }
}

@media screen and (max-width: 1024px) {
    .clat-renew-hero .hero-topline {
        font-size: 15px;
        padding: 8px 14px;
    }
    .clat-renew-hero .hero-kpi {
        font-size: 17px;
    }
    .clat-renew-hero .hero-title {
        font-size: 26px;
        margin-top: 14px;
    }
    .clat-renew-hero .hero-word {
        font-size: 11px;
    }
    .clat-renew-hero .hero-box {
        min-width: 280px;
    }
    .clat-renew-hero .hero-box-title {
        font-size: 24px;
    }
    .clat-renew-hero .hero-box-label {
        font-size: 16px;
    }
    .clat-renew-hero .hero-box-num {
        font-size: 48px;
    }
    .clat-renew-hero .hero-box-unit {
        font-size: 16px;
    }
    .clat-renew-hero .hero-box-item {
        gap: 6px;
        padding: 10px 4px 9px;
    }
    .clat-renew-reason .reason-title {
        font-size: 21px;
    }
    .clat-renew-reason .reason-head {
        font-size: 13px;
    }
    .clat-renew-reason .reason-card p {
        font-size: 7px;
    }
}

@media screen and (max-width: 767px) {
    .clat-renew-hero .hero-body {
        padding: 20px 14px 24px;
    }
    .clat-renew-hero .hero-kpi {
        font-size: 13px;
    }
    .clat-renew-hero .hero-title {
        font-size: 19px;
        line-height: 1.2;
    }
    .clat-renew-hero .hero-lower {
        grid-template-columns: 1fr;
        gap: 5px;
    }
    .clat-renew-hero .hero-word {
        font-size: 17px;
    }
    .clat-renew-hero .hero-box {
        min-width: 0;
        width: 100%;
        max-width: 330px;
        margin: 0 auto;
    }
    .clat-renew-hero .hero-box-title {
        font-size: 24px !important;
    }
    .clat-renew-hero .hero-box-label {
        font-size: 16px;
        line-height: 1.05;
    }
    .clat-renew-hero .hero-box-num {
        font-size: 64px;
    }
    .clat-renew-hero .hero-box-unit {
        font-size: 18px;
    }
    .clat-renew-hero .hero-box-item {
        gap: 6px;
        padding: 10px 4px 9px;
    }
    .clat-renew-reason {
        padding: 30px 0;
    }
    .clat-renew-wrap {
        padding: 0 14px;
    }
    .clat-renew-reason .reason-title {
        font-size: 16px;
        width: 100%;
        margin: 0 0 18px;
        padding: 7px 14px;
    }
    .clat-renew-reason .reason-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }
    .clat-renew-reason .reason-head {
        font-size: 17px;
        line-height: 1.45;
        margin-bottom: 8px;
    }
    .clat-renew-reason .reason-grid > .reason-item:nth-child(2) .reason-head {
        margin-top: 20px;
    }
    .clat-renew-reason .reason-card {
        min-height: 0;
    }
    .clat-renew-reason .reason-left {
        background-image: url('/img/classt/yokujitu_sp.jpg');
    }
    .clat-renew-reason .reason-right {
        background-image: url('/img/classt/design_sp.jpg');
    }
    .clat-renew-reason .reason-card p {
        font-size: 14px;
        line-height: 1.75;
        padding: 14px 14px;
    }
    .clat-renew-reason .reason-item.is-collapsed .reason-copy {
        max-height: 168px;
        overflow: hidden;
    }
    .clat-renew-reason .reason-item.is-collapsed .reason-copy::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        height: 140px;
        z-index: 3;
        pointer-events: none;
        background: linear-gradient(
            to bottom,
            rgba(255, 255, 255, 0.05) 0%,
            rgba(255, 255, 255, 0.35) 40%,
            rgba(255, 255, 255, 0.72) 76%,
            rgba(255, 255, 255, 0.95) 100%
        );
    }
    .clat-renew-reason .reason-more {
        display: block;
        margin-top: -14px;
        position: relative;
        z-index: 2;
    }
    .clat-renew-reason .reason-more-btn {
        min-width: 190px;
        padding: 10px 18px;
        font-size: 14px;
    }
}
.clat-renew-second {
    background: #f4f4f4;
    padding: 28px 0 16px;
    margin-top: -80px;
}
.clat-renew-second .toc-wrap {
    max-width: 760px;
    margin: 0 auto 80px;
    text-align: center;
}
.clat-renew-second .toc-title {
    font-size: 21.5px;
    font-weight: 900;
    line-height: 1.3;
    margin: 0 0 20px;
    text-align: center;
    color: #1f1f1f;
}
.clat-renew-second .toc-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    text-align: left;
}
.clat-renew-second .toc-list li {
    font-size: 22px;
    line-height: 1.85;
    font-weight: 700;
    color: #1f1f1f;
}
.clat-renew-second .toc-list li::before {
    content: "・";
}
.clat-renew-second .toc-list a {
    color: #1f1f1f;
    text-decoration: none;
}
.clat-renew-second .sec-title {
    text-align: center;
    margin: 0;
    font-size: 72px;
    line-height: 1.25;
    font-weight: 900;
    color: #1f1f1f;
}
.clat-renew-second .sec-sub {
    text-align: center;
    margin: 12px 0 26px;
    font-size: 52px;
    line-height: 1.45;
    color: #222;
}
#renew-voice .sec-title {
    font-size: 36px;
}
#design-support .common-title {
    font-size: 38px !important;
    text-align: center !important;
    margin: 0 0 10px !important;
}
#design-support .common-lead {
    font-size: 18px !important;
    line-height: 1.58 !important;
    display: block;
    width: fit-content;
    max-width: calc(100% - 40px);
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: left !important;
}
#design-support .name-note {
    font-size: 14px !important;
    font-weight: 400 !important;
    display: block;
    width: fit-content;
    max-width: calc(100% - 40px);
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: left !important;
}
#design-support .point-list {
    display: table;
    margin: 8px auto 0 !important;
    padding: 0;
}
#design-support .point-list li {
    font-size: 22px !important;
    text-align: left;
}
#design-support .point-title {
    font-size: 39px !important;
    text-align: center;
    margin-top: 50px !important;
}
#design-support .popular-name {
    font-size: 18px !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    word-break: keep-all !important;
    line-height: 1.3 !important;
}
#design-support .meta-label {
    font-size: 14px !important;
}
#design-support .meta-sub {
    font-size: 12px !important;
}
#design-support .meta-price {
    font-size: 24px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    word-break: keep-all !important;
    color: #dd5511 !important;
}
#design-support .meta-box {
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
}
#design-support .popular-card {
    width: 76% !important;
    max-width: 460px !important;
    display: flex;
    flex-direction: column;
    margin: 0 !important;
}
#design-support .popular-grid .popular-card:nth-child(odd),
#design-support .team-grid .popular-card:nth-child(odd) {
    justify-self: end;
}
#design-support .popular-grid .popular-card:nth-child(even),
#design-support .team-grid .popular-card:nth-child(even) {
    justify-self: start;
}
#design-support .meta-box .meta-label {
    background: #2eb6b9 !important;
    color: #ffffff !important;
    display: block !important;
    text-align: center !important;
    padding: 6px 8px !important;
    margin-bottom: 6px !important;
    white-space: nowrap !important;
}
#design-support .meta-box .meta-sub {
    white-space: nowrap !important;
    line-height: 1.2 !important;
    display: none !important;
}
#design-support .card-view-btn {
    margin: 8px 0 0 !important;
    order: 1;
}
#design-support .card-view-btn .common_btn2 {
    display: inline-block;
    width: 100%;
    background: #f80;
    color: #fff;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    border-radius: 3px;
    padding: 6px 10px;
    line-height: 1.2;
}
#design-support .popular-name {
    order: 3;
}
#design-support .popular-meta {
    order: 2;
}
#design-support .meta-price small {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: inherit !important;
}
#design-support .popular-price-row {
    order: 4;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    margin-top: 4px;
}
#design-support .popular-price-row .meta-price {
    display: block;
}
#design-support .popular-price-row .meta-price:only-child {
    grid-column: 1 / -1;
    justify-self: center;
    text-align: center;
}
#design-support .popular-price-row .meta-price:only-child::before {
    content: "フルカラープリント";
}
#design-support .popular-price-row .meta-price::before {
    display: block;
    font-size: 12px;
    line-height: 1.2;
    color: #4d5963;
    margin-bottom: 2px;
    white-space: nowrap;
}
#design-support .popular-price-row .meta-price:nth-child(1)::before {
    content: "レギュラープリント（1色）";
}
#design-support .popular-price-row .meta-price:nth-child(2)::before {
    content: "ダイレクトカラー（フルカラー）";
}
#design-support .popular-price-row .meta-price:only-child::before {
    content: "フルカラープリント" !important;
}
#design-support .popular-card.inkjet-item .popular-price-row .meta-price:only-child::before {
    content: "染料インクジェット" !important;
}
#design-support .popular-price-row .meta-price .per-sheet {
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    color: #ffffff;
    background: #dd5511;
    padding: 1px 4px;
    margin-right: 4px;
    border-radius: 2px;
    vertical-align: middle;
}
#design-support .cap-price-note {
    order: 5;
    margin: 6px 0 0;
    font-size: 13px;
    line-height: 1.45;
    color: #222;
    text-align: left;
}
#design-support .popular-name .product-meta {
    display: block !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    margin-left: 0 !important;
    margin-top: 2px;
}
#design-support .subpoint-title {
    font-size: 29px !important;
    text-align: center;
}
#design-support .center-btn .round-btn {
    transform: none !important;
    transform-origin: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 320px;
    padding: 18px 24px 18px 18px;
    border: none;
    border-radius: 8px;
    background: #24bbb7;
    color: #ffffff;
    font-size: 14px;
    line-height: 1.2;
    position: relative;
}
#design-support .center-btn .round-btn::after {
    content: "＞";
    position: static;
    transform: none;
    margin-left: 6px;
    font-size: 16px;
    font-weight: 900;
}
#design-support .center-btn .round-btn.design-cta-btn {
    font-size: 22px !important;
}
#design-support .center-url {
    display: none !important;
}
#design-support .zoom-image {
    display: block;
}
#design-support .zoom-image img {
    cursor: zoom-in;
}
@media screen and (min-width: 768px) {
    #TShirtMainMenu #pageTop {
        top: -60px !important;
        right: 50px !important;
        width: 40px !important;
        height: 40px !important;
    }
    #TShirtMainMenu #pageTop a img {
        width: 40px !important;
    }
}
#design-support > .center-btn {
    margin-top: 50px !important;
    margin-bottom: 100px !important;
}
#design-support .template-wrap + .name-wrap {
    margin-top: 100px !important;
}
#design-support .name-wrap {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    background: #cfe8f5;
    padding: 28px 24px 30px;
    box-sizing: border-box;
}
#design-support .renew-popular {
    margin-top: 100px !important;
}
#design-support .team-wrap {
    margin-top: 0 !important;
}
#design-support .team-wrap > .common-title {
    margin: 100px 0 30px !important;
}
#design-support .team-wrap > .team-grid {
    margin-top: 0 !important;
    gap: 50px !important;
}
#design-support .discount-wrap > .common-title {
    margin-top: 70px !important;
}
#design-support .discount-contact {
    margin: 6px 0 14px;
    text-align: center;
    font-size: 24px;
    line-height: 1.5;
    font-weight: 400;
    color: #222;
}
#design-support .discount-contact .accent {
    color: #2eb6b9;
}
#design-support .discount-contact a.accent {
    text-decoration: none;
}
#design-support .discount-wrap > .center-btn {
    margin-top: 20px !important;
}
#design-support .template-wrap > .center-btn {
    margin-top: 42px !important;
}
#design-support .order-flow-wrap .order-lead-left {
    max-width: 980px;
    margin-left: auto !important;
    margin-right: auto !important;
    margin: 0 auto 20px !important;
    text-align: left !important;
}
#design-support .order-flow-wrap .order-step-image {
    margin-top: 20px !important;
}
/* STEP見出しの直下余白を固定 */
#design-support .order-flow-wrap .order-step-title {
    margin-bottom: 20px !important;
}
#design-support .faq-wrap .faq-item {
    display: grid;
    grid-template-columns: 52px 1fr;
    column-gap: 12px;
    row-gap: 6px;
    align-items: start;
    margin-bottom: 50px;
}
#design-support .faq-wrap .faq-item:first-of-type {
    margin-top: 50px;
}
#design-support .faq-wrap .faq-item > .faq-icon {
    grid-column: 1;
    grid-row: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    min-width: 52px;
    min-height: 52px;
    border-radius: 50%;
    border: 2px solid #4cb8c5;
    color: #32aebd;
    font-size: 36px;
    line-height: 1;
    font-weight: 900;
    background: #f6fdff;
}
#design-support .faq-wrap .faq-item > .common-lead {
    grid-column: 2;
    grid-row: 1;
    text-align: left !important;
    margin: 0 !important;
    display: block;
    width: 100% !important;
    max-width: none !important;
    box-sizing: border-box;
    padding-bottom: 6px;
    border-bottom: 3px solid #6bc5ce;
}
#design-support .faq-wrap .faq-item > .faq-a-wrap {
    grid-column: 2;
    grid-row: 2;
    margin-top: 0 !important;
}
#design-support .faq-wrap .faq-item > .faq-a-wrap > .common-lead {
    text-align: left !important;
    margin: 0 !important;
}
.pc-only-break {
    display: inline;
}
@media screen and (max-width: 767px) {
    .pc-only-break {
        display: none;
    }
    #design-support .popular-price-row .meta-price::before {
        white-space: pre-line;
        line-height: 1.15;
        min-height: 2.3em;
    }
    #design-support .popular-price-row .meta-price:nth-child(1)::before {
        content: "レギュラープリント\A（1色）";
    }
    #design-support .popular-price-row .meta-price:nth-child(2)::before {
        content: "ダイレクトカラー\A（フルカラー）";
    }
    #design-support .popular-price-row .meta-price:only-child::before {
        min-height: auto;
    }
    #design-support .popular-price-row {
        justify-items: start;
    }
    #design-support .popular-price-row .meta-price,
    #design-support .popular-price-row .meta-price:only-child {
        text-align: left !important;
        justify-self: start !important;
    }
    #design-support .center-btn .round-btn {
        min-width: 260px;
        padding: 18px 20px 18px 16px;
        border-radius: 8px;
        font-size: 20px;
    }
    #design-support .center-btn .round-btn::after {
        margin-left: 5px;
        font-size: 15px;
        font-weight: 900;
    }
    #design-support .center-btn .round-btn.design-cta-btn {
        font-size: 22px !important;
    }
}
#renew-voice .sec-sub {
    font-size: 18px;
}
.clat-renew-case {
    width: 100vw;
    margin: 0 calc(50% - 50vw) 70px;
    padding: 26px 0 36px;
    background: #cfe8f5 !important;
}
.clat-renew-case .case-shell {
    max-width: 820px;
    margin: 0 auto;
    background: transparent;
    padding: 18px 40px 20px;
    position: relative;
}
.clat-renew-case .renew-case-slider {
    overflow: hidden;
}
.clat-renew-case .swiper-wrapper {
    align-items: flex-start;
}
.clat-renew-case .case-card {
    background: transparent;
    padding-bottom: 3px;
}
.clat-renew-case .case-card-body {
    width: 70%;
    margin: 0 auto;
    background-color: #fff;
    padding: 12px;
    box-sizing: border-box;
}
.clat-renew-case .case-card img {
    display: block;
    width: 100%;
    margin: 0;
    height: auto;
}
.clat-renew-case .case-card p {
    display: block;
    width: 100%;
    margin: 0;
    margin-top: 12px;
    padding: 8px 10px;
    background-color: #fff !important;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 1.6;
    color: #222;
    text-align: left;
}
.clat-renew-case .case-card p .case-customer-name {
    display: block;
    margin-bottom: 8px;
    font-size: 22px;
    line-height: 1.35;
    font-weight: 700;
}
.clat-renew-case .swiper-button-prev.renew-case-prev,
.clat-renew-case .swiper-button-next.renew-case-next {
    width: 0;
    height: 0;
    margin-top: -18px;
    z-index: 2;
}
.clat-renew-case .swiper-button-prev.renew-case-prev {
    left: 14px;
}
.clat-renew-case .swiper-button-next.renew-case-next {
    right: 14px;
}
.clat-renew-case .swiper-button-prev.renew-case-prev::after,
.clat-renew-case .swiper-button-next.renew-case-next::after {
    content: "";
    font-size: 0;
    line-height: 0;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
}
.clat-renew-case .swiper-button-prev.renew-case-prev::after {
    border-width: 18px 22px 18px 0;
    border-color: transparent #9aa2ab transparent transparent;
}
.clat-renew-case .swiper-button-next.renew-case-next::after {
    border-width: 18px 0 18px 22px;
    border-color: transparent transparent transparent #9aa2ab;
}
.clat-renew-case .case-more-btn {
    margin: 24px 0 0;
    text-align: center;
}
.clat-renew-case .case-more-btn .round-btn.design-cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 320px;
    padding: 12px 24px;
    border: none;
    border-radius: 6px;
    background: #24bbb7;
    color: #fff;
    font-size: 22px;
    line-height: 1.2;
    font-weight: 700;
    text-decoration: none;
}
.clat-renew-design .lead {
    margin: 0 0 22px;
    font-size: 58px;
    line-height: 1.58;
    color: #1f1f1f;
}
.clat-renew-design .point-title {
    margin: 0;
    font-size: 74px;
    line-height: 1.35;
    font-weight: 900;
    color: #1f1f1f;
}
.clat-renew-design .point-list {
    margin: 8px 0 0;
    padding: 0;
    list-style: none;
}
.clat-renew-design .point-list li {
    font-size: 60px;
    line-height: 1.45;
    color: #1f1f1f;
}
.clat-renew-design .point-list li::before {
    content: "・";
}
.clat-renew-design .beforeafter {
    margin-top: 28px;
    display: grid;
    grid-template-columns: auto 55px auto;
    align-items: center;
    gap: 18px;
    justify-content: center;
}
.clat-renew-design figure {
    margin: 0;
    text-align: center;
}
.clat-renew-design figure img {
    display: block;
    width: 80%;
    max-width: 360px;
    margin: 0 auto;
    border: 2px solid #bfc3c8;
    background: #fff;
}
.clat-renew-design figcaption {
    margin-top: 10px;
    font-size: 22px;
    font-weight: 700;
    line-height: 1.35;
    color: #1f1f1f;
}
.clat-renew-design .arrow {
    text-align: center;
    color: #f0e045;
    font-size: 57.6px;
    line-height: 1;
    letter-spacing: -0.06em;
    font-weight: 900;
}
.clat-renew-design .arrow.arrow-tri {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    font-size: 0;
    color: transparent;
    letter-spacing: 0;
    line-height: 0;
}
.clat-renew-design .arrow.arrow-tri span {
    display: inline-block;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 24px solid #f0e045;
}
.clat-renew-design .beforeafter > .arrow {
    justify-self: center;
    align-self: center;
    margin: 0;
}
.clat-renew-design .subpoint-title {
    margin: 34px 0 10px;
    font-size: 72px;
    line-height: 1.35;
    font-weight: 900;
    color: #1f1f1f;
}
.clat-renew-design .sub-lead {
    margin: 0 0 16px;
    font-size: 56px;
    line-height: 1.5;
    color: #1f1f1f;
}
.clat-renew-design .ai-row {
    margin-top: 8px;
    display: grid;
    grid-template-columns: auto 55px auto;
    align-items: start;
    gap: 18px;
    justify-content: center;
}
.clat-renew-design .ai-row > .arrow {
    align-self: center;
}
.clat-renew-design .ai-card {
    margin: 0;
    text-align: center;
}
.clat-renew-design .ai-card img {
    display: block;
    width: 80%;
    max-width: 360px;
    margin: 0 auto;
    border: 2px solid #bfc3c8;
    background: #fff;
}
.clat-renew-design .round-btn {
    display: inline-block;
    background: #c5e9ff;
    border: 2px solid #6eb3d8;
    border-radius: 999px;
    padding: 10px 36px;
    color: #1e2e3e;
    font-size: 58px;
    line-height: 1.3;
    font-weight: 700;
    text-decoration: none;
}
.clat-renew-design .center-btn {
    text-align: center;
    margin: 22px 0 10px;
}
.clat-renew-design .center-url {
    text-align: center;
    margin: 0;
    font-size: 49px;
    line-height: 1.5;
    color: #1f1f1f;
}
.clat-renew-design .template-wrap {
    margin-top: 20px;
}
.clat-renew-design .template-lead {
    margin: 8px 0 14px;
    font-size: 56px;
    line-height: 1.52;
    color: #1f1f1f;
}
.clat-renew-design .template-image {
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    position: relative;
    width: 650px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.clat-renew-design .template-image img {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    height: auto;
    margin: 0;
}
.clat-renew-design .template-image .template-hotspot {
    position: absolute;
    display: block;
    z-index: 2;
}
.clat-renew-design .template-image .template-hotspot.hs-1,
.clat-renew-design .template-image .template-hotspot.hs-2,
.clat-renew-design .template-image .template-hotspot.hs-3,
.clat-renew-design .template-image .template-hotspot.hs-4 {
    top: 3.2%;
    height: 45.2%;
}
.clat-renew-design .template-image .template-hotspot.hs-5,
.clat-renew-design .template-image .template-hotspot.hs-6,
.clat-renew-design .template-image .template-hotspot.hs-7,
.clat-renew-design .template-image .template-hotspot.hs-8 {
    top: 51.8%;
    height: 45.2%;
}
.clat-renew-design .template-image .template-hotspot.hs-1,
.clat-renew-design .template-image .template-hotspot.hs-5 {
    left: 4%;
    width: 22.5%;
}
.clat-renew-design .template-image .template-hotspot.hs-2,
.clat-renew-design .template-image .template-hotspot.hs-6 {
    left: 27.9%;
    width: 22.5%;
}
.clat-renew-design .template-image .template-hotspot.hs-3,
.clat-renew-design .template-image .template-hotspot.hs-7 {
    left: 51.8%;
    width: 22.5%;
}
.clat-renew-design .template-image .template-hotspot.hs-4,
.clat-renew-design .template-image .template-hotspot.hs-8 {
    left: 75.7%;
    width: 20.3%;
}
.clat-renew-design .name-wrap {
    margin-top: 20px;
}
.clat-renew-design .name-title {
    margin: 0;
    font-size: 74px;
    line-height: 1.35;
    font-weight: 900;
    color: #1f1f1f;
}
.clat-renew-design .name-lead {
    margin: 8px 0 10px;
    font-size: 56px;
    line-height: 1.52;
    color: #1f1f1f;
}
.clat-renew-design .name-note {
    margin: 0;
    font-size: 33px;
    line-height: 1.6;
    color: #202020;
    font-weight: 700;
}
.clat-renew-design .name-sample {
    margin-top: 14px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
}
.clat-renew-design .name-sample figure {
    margin: 0;
    text-align: center;
}
.clat-renew-design .name-sample img {
    display: block;
    width: 100%;
    max-width: 360px;
    margin: 0 auto;
    border: 2px solid #cce8f6;
    background: #d8f0ff;
}
.clat-renew-design .formula-wrap {
    margin-top: 20px;
    text-align: center;
}
.clat-renew-design .formula-image {
    margin: 0;
}
.clat-renew-design .formula-image img {
    display: block;
    width: 850px;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}
.clat-renew-design .formula-grid {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
}
.clat-renew-design .formula-item {
    min-width: 220px;
}
.clat-renew-design .formula-item .label {
    display: block;
    font-size: 48px;
    line-height: 1.35;
    color: #1f1f1f;
}
.clat-renew-design .formula-item .num {
    display: block;
    font-size: 78px;
    line-height: 1.2;
    color: #34b7c6;
    font-weight: 900;
}
.clat-renew-design .formula-plus {
    font-size: 72px;
    line-height: 1;
    margin: 0;
    color: #2b2b2b;
    font-weight: 700;
}
.clat-renew-design .formula-down {
    margin: 6px 0 8px;
    font-size: 70px;
    color: #d9d9d9;
    line-height: 1;
}
.clat-renew-design .formula-total {
    margin: 0;
    font-size: 63px;
    line-height: 1.35;
    color: #1f1f1f;
}
.clat-renew-design .formula-total strong {
    display: block;
    color: #34b7c6;
    font-size: 82px;
    line-height: 1.2;
}
.clat-renew-design .renew-popular {
    margin-top: 30px;
}
.clat-renew-design .popular-title {
    margin: 0;
    font-size: 68px;
    line-height: 1.35;
    font-weight: 900;
    text-align: center;
    color: #1f1f1f;
}
.clat-renew-design .popular-lead {
    margin: 10px 0 16px;
    font-size: 52px;
    line-height: 1.5;
    color: #1f1f1f;
}
#design-support .popular-lead {
    margin-top: -20px !important;
    margin-bottom: 36px !important;
}
#design-support .renew-popular .name-note {
    margin-top: -20px !important;
    margin-bottom: 20px !important;
}
.clat-renew-design .popular-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
}
.clat-renew-design .popular-card {
    background: #d8f0ff;
    border: 2px solid #c6e7f8;
    padding: 12px 12px 16px;
    width: 50%;
    margin: 0 auto;
}
.clat-renew-design .popular-card img {
    display: block;
    width: 90%;
    height: auto;
    margin: 0 auto;
    background: #fff;
}
.clat-renew-design .popular-name {
    margin: 8px 0 6px;
    text-align: center;
    font-size: 49px;
    line-height: 1.35;
    color: #1f1f1f;
    font-weight: 700;
}
.clat-renew-design .popular-meta {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}
.clat-renew-design .meta-box {
    background: #f8fdff;
    border: 1px solid #d0e3ef;
    padding: 6px 8px;
}
.clat-renew-design .meta-box .meta-label {
    display: block;
    font-size: 37px;
    line-height: 1.3;
    color: #222;
    font-weight: 700;
}
.clat-renew-design .meta-box .meta-sub {
    display: block;
    font-size: 22px;
    line-height: 1.25;
    color: #4d5963;
}
.clat-renew-design .meta-box .meta-price {
    display: block;
    font-size: 55px;
    line-height: 1.2;
    color: #2b2b2b;
}
.clat-renew-design .popular-link {
    text-align: center;
    margin: 16px 0 0;
    font-size: 50px;
    line-height: 1.35;
}
.clat-renew-design .popular-link a {
    color: #1f1f1f;
    text-decoration: none;
}
.clat-renew-design .team-wrap {
    margin-top: 28px;
}
.clat-renew-design .team-title {
    margin: 50px 0;
    text-align: center;
    font-size: 68px;
    line-height: 1.35;
    font-weight: 900;
    color: #1f1f1f;
}
.clat-renew-design .team-grid {
    margin-top: 12px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}
.clat-renew-design .discount-wrap {
    margin-top: 34px;
    text-align: center;
}
#design-support .discount-area {
    width: 100vw;
    margin: 34px calc(50% - 50vw) 0;
    background: #cfe8f5;
}
#design-support .discount-area-inner {
    max-width: 1240px;
    margin: 0 auto;
    padding: 20px;
    box-sizing: border-box;
}
#design-support .discount-area .discount-wrap {
    margin-top: 0;
}
#design-support .discount-area .discount-subtitle {
    text-align: center;
    padding-left: 0 !important;
}
@media screen and (min-width: 768px) {
    #design-support .discount-area .discount-subtitle {
        display: block;
        width: fit-content;
        margin-left: auto !important;
        margin-right: auto !important;
        text-align: left !important;
    }
}
.clat-renew-design .discount-title {
    margin: 0;
    font-size: 72px;
    line-height: 1.35;
    font-weight: 900;
    color: #1f1f1f;
}
.clat-renew-design .discount-lead {
    margin: 8px 0 14px;
    font-size: 52px;
    line-height: 1.5;
    color: #1f1f1f;
}
.clat-renew-design .discount-subtitle {
    margin: 60px 0 10px;
    text-align: left;
    font-size: 30px;
    line-height: 1.35;
    font-weight: 700;
    color: #1f1f1f;
    padding-left: 76px;
}
.clat-renew-design .discount-subtitle::before {
    content: "■";
    margin-right: 8px;
}
.clat-renew-design .discount-image {
    margin: 0 auto;
    max-width: 760px;
}
.clat-renew-design .discount-image img {
    display: block;
    width: 100%;
    height: auto;
}
.clat-renew-design .same-design-wrap {
    margin-top: 30px;
    text-align: left;
}
.clat-renew-design .same-design-lead {
    margin: 8px 0 14px;
    font-size: 52px;
    line-height: 1.52;
    color: #1f1f1f;
}
.clat-renew-design .same-design-image {
    margin: 0 auto;
    max-width: 980px;
}
.clat-renew-design .same-design-image img {
    display: block;
    width: 100%;
    height: auto;
}
.clat-renew-design .add-order-wrap {
    margin-top: 36px;
    text-align: left;
}
.clat-renew-design .add-order-image {
    margin: 20px auto 0;
    max-width: 840px;
}
.clat-renew-design .add-order-image img {
    display: block;
    width: 100%;
    height: auto;
}
#design-support .add-order-wrap .center-btn {
    margin-top: 50px !important;
}
.clat-renew-design .order-flow-wrap {
    margin-top: 44px;
    text-align: center;
}
.clat-renew-design .order-flow-lead {
    margin: 10px 0 12px;
    font-size: 46px;
    line-height: 1.45;
    color: #1f1f1f;
}
.clat-renew-design .order-step-title {
    margin: 20px 0 8px;
    text-align: center;
    font-size: 30px;
    line-height: 1.35;
    font-weight: 700;
    color: #1f1f1f;
    display: inline-block;
    background: #cfe8f5;
    padding: 10px 18px;
}
#design-support .order-flow-wrap .order-step-title:first-of-type {
    margin-top: 45px !important;
}
#design-support .order-flow-wrap .order-step-title.step3-title {
    margin-top: 50px !important;
}
#design-support .order-flow-wrap .order-step-image.step3-image {
    margin-bottom: 50px !important;
}
.clat-renew-design .order-step-title::before {
    content: none;
}
.clat-renew-design .order-step-text {
    margin: 0;
    text-align: left;
    font-size: 49px;
    line-height: 1.6;
    color: #1f1f1f;
}
.clat-renew-design .order-step-image {
    margin: 12px auto 0;
    max-width: 840px;
}
.clat-renew-design .order-step-image img {
    display: block;
    width: 100%;
    height: auto;
}
.clat-renew-design .order-step-link {
    margin-top: 50px;
    margin-bottom: 60px;
}
.clat-renew-design .step4-image {
    margin: 16px auto 0;
    max-width: 860px;
}
.clat-renew-design .step4-image img {
    display: block;
    width: 100%;
    height: auto;
}
.clat-renew-design .faq-wrap {
    margin-top: 44px;
    text-align: left;
}
.clat-renew-design .faq-title {
    margin: 0 0 16px;
    text-align: center;
    font-size: 72px;
    line-height: 1.35;
    font-weight: 900;
    color: #1f1f1f;
}
.clat-renew-design .faq-item {
    margin-bottom: 8px;
}
.clat-renew-design .faq-q {
    margin: 0;
    font-size: 60px;
    line-height: 1.45;
    color: #1f1f1f;
    border-bottom: 3px solid #6bc5ce;
    padding-bottom: 4px;
}
.clat-renew-design .faq-a-wrap {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-top: 6px;
}
.clat-renew-design .faq-icon {
    flex: 0 0 52px;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    border: 2px solid #4cb8c5;
    color: #32aebd;
    font-size: 36px;
    line-height: 48px;
    text-align: center;
    font-weight: 900;
    background: #f6fdff;
}
.clat-renew-design .faq-a {
    margin: 0;
    font-size: 47px;
    line-height: 1.55;
    color: #1f1f1f;
}

@media screen and (max-width: 1024px) {
    .clat-renew-second .toc-title {
        font-size: 17.5px;
    }
    .clat-renew-second .toc-list li {
        font-size: 20px;
        line-height: 1.75;
    }
    .clat-renew-second .sec-title {
        font-size: 52px;
    }
    .clat-renew-second .sec-sub {
        font-size: 34px;
    }
    .clat-renew-compare .compare-title {
        font-size: 26px;
    }
    .clat-renew-compare .compare-lead {
        font-size: 17px;
    }
    #renew-voice .sec-title {
        font-size: 26px;
    }
    #renew-voice .sec-sub {
        font-size: 17px;
    }
    #design-support .point-title {
        font-size: 22px !important;
    }
    .clat-renew-case .case-card p {
        font-size: 24px;
        background-color: #fff !important;
    }
    .clat-renew-design .lead {
        font-size: 36px;
    }
    .clat-renew-design .point-title {
        font-size: 50px;
    }
    .clat-renew-design .point-list li {
        font-size: 38px;
    }
    .clat-renew-design figcaption {
        font-size: 35px;
    }
    .clat-renew-design .subpoint-title {
        font-size: 48px;
    }
    .clat-renew-design .sub-lead {
        font-size: 34px;
    }
    .clat-renew-design .round-btn {
        font-size: 36px;
        padding: 8px 26px;
    }
    .clat-renew-design .center-url {
        font-size: 30px;
    }
    .clat-renew-design .template-lead,
    .clat-renew-design .name-lead {
        font-size: 34px;
    }
    .clat-renew-design .name-title {
        font-size: 50px;
    }
    .clat-renew-design .name-note {
        font-size: 21px;
    }
    .clat-renew-design .formula-item .label {
        font-size: 30px;
    }
    .clat-renew-design .formula-item .num {
        font-size: 50px;
    }
    .clat-renew-design .formula-plus {
        font-size: 48px;
    }
    .clat-renew-design .formula-total {
        font-size: 38px;
    }
    .clat-renew-design .formula-total strong {
        font-size: 56px;
    }
    .clat-renew-design .popular-title {
        font-size: 46px;
    }
    .clat-renew-design .popular-lead {
        font-size: 34px;
    }
    .clat-renew-design .popular-name {
        font-size: 34px;
    }
    .clat-renew-design .meta-box .meta-label {
        font-size: 24px;
    }
    .clat-renew-design .meta-box .meta-sub {
        font-size: 14px;
    }
    .clat-renew-design .meta-box .meta-price {
        font-size: 36px;
    }
    .clat-renew-design .popular-link {
        font-size: 32px;
    }
    .clat-renew-design .team-title {
        margin: 50px 0;
        font-size: 46px;
    }
    .clat-renew-design .discount-title {
        font-size: 50px;
    }
    .clat-renew-design .discount-lead {
        font-size: 34px;
    }
    .clat-renew-design .discount-subtitle {
        font-size: 42px;
    }
    .clat-renew-design .same-design-lead {
        font-size: 33px;
    }
    .clat-renew-design .order-flow-lead {
        font-size: 30px;
    }
    .clat-renew-design .order-step-title {
        font-size: 22px;
    }
    #design-support .order-step-title {
        font-size: 22px !important;
    }
    .clat-renew-design .order-step-text {
        font-size: 31px;
    }
    .clat-renew-design .faq-title {
        font-size: 50px;
    }
    .clat-renew-design .faq-q {
        font-size: 36px;
    }
    .clat-renew-design .faq-icon {
        width: 40px;
        height: 40px;
        font-size: 28px;
        line-height: 36px;
        flex-basis: 40px;
    }
    .clat-renew-design .faq-a {
        font-size: 30px;
    }
}

@media screen and (max-width: 767px) {
    html,
    body {
        overflow-x: hidden !important;
    }
    #wrap {
        overflow-x: hidden !important;
    }
    .clat-renew-second {
        padding: 20px 0 10px;
    }
    .clat-renew-second .toc-wrap {
        margin-bottom: 40px;
    }
    .clat-renew-second .toc-title {
        font-size: 18px;
    }
    .clat-renew-second .toc-list li {
        font-size: 18px;
        line-height: 1.65;
    }
    .clat-renew-second .sec-title {
        font-size: 38px;
    }
    .clat-renew-second .sec-sub {
        font-size: 24px;
        margin-top: 8px;
    }
    .clat-renew-compare .compare-title {
        font-size: 18px;
    }
    .clat-renew-compare .compare-lead {
        font-size: 18px;
        margin-top: 8px;
    }
    .comparison_table .column_items td.our_company {
        font-size: 18px !important;
        line-height: 1.45;
    }
    .comparison_table .column_items td.our_company .price,
    .comparison_table .column_items td.our_company .currency {
        font-size: 18px !important;
        line-height: 1.45;
    }
    .comparison_table .column_items th {
        font-size: 18px !important;
        line-height: 1.45;
    }
#renew-voice .sec-title {
    font-size: 19px;
}
#design-support .common-title {
    font-size: 22px !important;
}
    #design-support .common-lead {
        font-size: 18px !important;
    }
    #design-support .template-wrap + .name-wrap {
        margin-top: 50px !important;
    }
    #design-support .name-wrap {
        width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding: 18px 12px 20px;
    }
    #design-support .renew-popular {
        margin-top: 50px !important;
    }
#design-support .template-wrap > .center-btn {
    margin-top: 42px !important;
}
    #design-support .point-title {
        font-size: 22px !important;
    }
    #renew-voice .sec-sub {
        font-size: 18px;
    }
    .clat-renew-case {
        width: 100% !important;
        margin: 0 0 40px !important;
        padding: 20px 0 24px;
    }
    .clat-renew-case .case-shell {
        padding: 14px 8px 16px;
    }
    .clat-renew-case .case-card-body {
        width: 100%;
        max-width: none;
    }
    .clat-renew-case .case-card p {
        font-size: 17px;
        padding: 8px 10px;
        background-color: #fff !important;
    }
    .clat-renew-case .swiper-button-prev.renew-case-prev,
    .clat-renew-case .swiper-button-next.renew-case-next {
        margin-top: 0;
        z-index: 3;
        top: clamp(78px, 30vw, 180px);
        width: 34px;
        height: 34px;
        border-radius: 50%;
        background: rgba(0, 0, 0, 0.35);
    }
    .clat-renew-case .swiper-button-prev.renew-case-prev {
        left: 6px;
    }
    .clat-renew-case .swiper-button-next.renew-case-next {
        right: 6px;
    }
    .clat-renew-case .swiper-button-prev.renew-case-prev::after,
    .clat-renew-case .swiper-button-next.renew-case-next::after {
        border: none;
        width: 10px;
        height: 10px;
        border-right: 3px solid #fff;
        border-bottom: 3px solid #fff;
    }
    .clat-renew-case .swiper-button-prev.renew-case-prev::after {
        transform: rotate(135deg);
        margin-left: 4px;
    }
    .clat-renew-case .swiper-button-next.renew-case-next::after {
        transform: rotate(-45deg);
        margin-right: 4px;
    }
    .clat-renew-case .case-more-btn {
        margin-top: 18px;
    }
    .clat-renew-case .case-more-btn .round-btn.design-cta-btn {
        min-width: 260px;
        padding: 10px 18px;
        font-size: 18px;
    }
    .clat-renew-design .lead {
        font-size: 24px;
        margin-bottom: 14px;
    }
    .clat-renew-design .point-title {
        font-size: 22px;
    }
    .clat-renew-design .point-list li {
        font-size: 18px;
    }
    #design-support .point-list li {
        font-size: 18px !important;
    }
    .clat-renew-design .beforeafter {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .clat-renew-design .ai-row {
        grid-template-columns: 1fr;
        gap: 12px;
    }
    .clat-renew-design .arrow {
        transform: rotate(90deg);
        font-size: 76px;
    }
    .clat-renew-design .arrow.arrow-tri {
        gap: 0;
    }
    .clat-renew-design .arrow.arrow-tri span:not(:first-child) {
        display: none;
    }
    .clat-renew-design .beforeafter > .arrow {
        position: static;
        left: auto;
        top: auto;
        transform: rotate(90deg);
        margin: 0 auto;
    }
    .clat-renew-design figcaption {
        font-size: 16px;
    }
    .clat-renew-design .subpoint-title {
        font-size: 22px;
        margin-top: 20px;
    }
    #design-support .subpoint-title {
        font-size: 22px !important;
    }
    .clat-renew-design .sub-lead {
        font-size: 23px;
    }
    .clat-renew-design .round-btn {
        font-size: 28px;
        padding: 8px 20px;
    }
    .clat-renew-design .center-url {
        font-size: 20px;
        word-break: break-all;
    }
    .clat-renew-design .template-lead,
    .clat-renew-design .name-lead {
        font-size: 23px;
    }
    .clat-renew-design .name-title {
        font-size: 40px;
    }
    .clat-renew-design .name-note {
        font-size: 16px;
    }
    .clat-renew-design .name-sample {
        grid-template-columns: 1fr;
    }
    .clat-renew-design .formula-grid {
        flex-direction: column;
        gap: 10px;
    }
    .clat-renew-design .formula-plus {
        display: none;
    }
    .clat-renew-design .formula-item .label {
        font-size: 25px;
    }
    .clat-renew-design .formula-item .num {
        font-size: 44px;
    }
    .clat-renew-design .formula-total {
        font-size: 31px;
    }
    .clat-renew-design .formula-total strong {
        font-size: 48px;
    }
    .clat-renew-design .popular-title {
        font-size: 34px;
    }
    .clat-renew-design .popular-lead {
        font-size: 22px;
    }
    .clat-renew-design .popular-grid {
        grid-template-columns: 1fr;
        justify-items: center;
    }
    #design-support .popular-card {
        width: 92% !important;
        max-width: 420px !important;
        justify-self: center !important;
        box-sizing: border-box;
        overflow: hidden;
    }
    #design-support .popular-grid .popular-card:nth-child(odd),
    #design-support .popular-grid .popular-card:nth-child(even),
    #design-support .team-grid .popular-card:nth-child(odd),
    #design-support .team-grid .popular-card:nth-child(even) {
        justify-self: center !important;
    }
    .clat-renew-design .popular-name {
        font-size: 28px;
    }
    .clat-renew-design .meta-box .meta-label {
        font-size: 22px;
    }
    .clat-renew-design .meta-box .meta-price {
        font-size: 32px;
    }
    #design-support .popular-price-row .meta-price {
        display: block !important;
        white-space: normal !important;
        line-height: 1.2 !important;
        min-width: 0;
    }
    #design-support .popular-price-row .meta-price .per-sheet {
        display: block !important;
        width: fit-content !important;
        margin: 0 0 4px !important;
    }
    #design-support .meta-box .meta-label,
    #design-support .popular-price-row .meta-price::before {
        white-space: normal !important;
        overflow-wrap: anywhere;
        word-break: break-word;
    }
    .clat-renew-design .popular-link {
        font-size: 24px;
    }
    .clat-renew-design .team-title {
        margin: 50px 0;
        font-size: 34px;
    }
    .clat-renew-design .team-grid {
        grid-template-columns: 1fr;
        justify-items: center;
    }
    .clat-renew-design .discount-title {
        font-size: 38px;
    }
    .clat-renew-design .discount-lead {
        font-size: 22px;
    }
    .clat-renew-design .discount-subtitle {
        font-size: 22px;
    }
    #design-support .discount-contact {
        font-size: 20px;
    }
    .clat-renew-design .same-design-lead {
        font-size: 22px;
    }
    .clat-renew-design .order-flow-lead {
        font-size: 21px;
    }
    .clat-renew-design .order-step-title {
        font-size: 30px;
    }
    .clat-renew-design .order-step-text {
        font-size: 22px;
    }
    .clat-renew-design .faq-title {
        font-size: 38px;
    }
    .clat-renew-design .faq-q {
        font-size: 28px;
    }
    .clat-renew-design .faq-icon {
        width: 34px;
        height: 34px;
        font-size: 22px;
        line-height: 30px;
        flex-basis: 34px;
    }
    #design-support .faq-wrap .faq-item {
        grid-template-columns: 26px 1fr;
        column-gap: 10px;
    }
    #design-support .faq-wrap .faq-item > .faq-icon {
        width: 26px;
        height: 26px;
        min-width: 26px;
        min-height: 26px;
        font-size: 18px;
        border-width: 1px;
    }
    .clat-renew-design .faq-a {
        font-size: 22px;
    }
}
@media screen and (max-width: 400px) {
    #design-support .popular-price-row {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }
    #design-support .popular-name {
        font-size: 24px !important;
    }
}
.ext_bnr img {
    display: block;
    margin: 0 auto;
    max-height: 100%;
}
.ext_bnr {
        height: calc(100vw * (1.28/5));
}
.nm-img {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.br-sp {
    display: none;
}
.embBox {
    display: flex;
    flex-wrap: wrap;
    gap: 2%;
    justify-content: center;
}
.embBox li {
    width: 18%;
}
div#wrap input[type=text].search_product__category_form_input {
  height: 40px;
	border: 1px solid #000;
	border-radius: 10px;
	width: -webkit-fill-available;
	padding: 0px 38px;
	background-color: #fff;
}
.cmn_pageTtl01 .classt-page-main-h1 {
    font-size: calc(1em + 2px) !important;
    display: block !important;
    white-space: normal !important;
    flex-wrap: wrap !important;
    overflow-wrap: normal;
    word-break: normal;
    line-height: 1.35;
}
@media screen and (max-width:767px) {
	.ext_bnr {
        height: calc(100vw * (1.4/5));
	}
	.br-sp {
	    display: inline-block;
	}
	.cmn_pageTtl01 .classt-page-main-h1 {
	    font-size: calc(1em + 2px) !important;
        line-height: 1.3;
	}
}
@media screen and (max-width:767px) {
	.ext_bnr {
        height: calc(100vw * (2.48/5));
	}
	.h_main_text {
	    font-size: 1em;
	}
	.h_main_text .txt_big {
	    font-size: 1.5em !important;
	}

	div#wrap input[type=text].search_product__category_form_input {

	}
}

/* === 2026-04-09 追加分（バックアップ基準） === */
/* パンくずをグレーに */
.breadcrumbs,
.breadcrumbs ul,
.breadcrumbs ol,
.breadcrumbs li,
#topicpath,
#topicpath ul,
#topicpath ol,
#topicpath li,
.topicpath,
.topicpath ul,
.topicpath ol,
.topicpath li,
.topic_path,
.topic_path ul,
.topic_path ol,
.topic_path li {
    background-color: #f2f2f2 !important;
}
.breadcrumbs li:last-child,
.breadcrumbs li:last-child *,
.breadcrumbs li.current,
.breadcrumbs li.current *,
#topicpath li:last-child,
#topicpath li:last-child *,
#topicpath li.current,
#topicpath li.current *,
.topicpath li:last-child,
.topicpath li:last-child *,
.topicpath li.current,
.topicpath li.current *,
.topic_path li:last-child,
.topic_path li:last-child *,
.topic_path li.current,
.topic_path li.current * {
    color: #7a7a7a !important;
    -webkit-text-fill-color: #7a7a7a !important;
}

/* iPhone: 作製事例テキスト欠け対策 */
@media screen and (max-width: 767px) {
    .clat-renew-case .case-card p {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
        line-height: 1.75 !important;
        white-space: normal;
        word-break: break-word;
        -webkit-text-size-adjust: 100%;
    }
    .clat-renew-case .case-card p .case-customer-name {
        line-height: 1.45 !important;
    }
    #design-support .team-wrap > .common-title {
        margin-top: 45px !important;
    }
    #design-support .discount-wrap > .common-title {
        margin-top: 10px !important;
    }
    #design-support .discount-wrap > .common-lead {
        margin-bottom: 15px !important;
    }
    #design-support .discount-wrap > .discount-subtitle {
        margin-top: 0 !important;
    }
    #design-support .same-design-wrap > .discount-subtitle {
        margin-top: 0 !important;
    }
    #design-support .add-order-wrap > .discount-subtitle {
        margin-top: 0 !important;
    }
    #design-support .order-flow-wrap .order-step-title {
        display: block !important;
        width: 100% !important;
        box-sizing: border-box;
    }
    #design-support .order-flow-wrap .order-step-title:first-of-type {
        margin-top: -5px !important;
    }
    #design-support .order-flow-wrap .order-step-link + .order-step-title {
        margin-top: -15px !important;
    }
    #design-support .order-flow-wrap .order-step-image.step3-image + .order-step-title {
        margin-top: -2px !important;
    }
    #design-support .faq-wrap {
        margin-top: 42px !important;
    }
    #TShirtMainMenu #pageTop {
        top: -60px !important;
    }
}

/* 「翌日出荷 100%保証」を掲げる理由 見出し下マージン */
.clat-renew-reason .reason-grid > .reason-item:first-child .reason-head {
    margin: 0 0 20px;
}

.clat-renew-reason .reason-grid > .reason-item:nth-child(2) .reason-head {
    margin: 0 0 20px;
}
/* PC: 比較表左列見出しを16pxに */
@media screen and (min-width: 768px) {
    .comparison_table .column_items th {
        font-size: 16px !important;
    }
    .clat-renew-design .discount-contact {
        font-size: 18px !important;
    }
}

/* AIボタンの矢印固定（文字化け対策） */
#design-support .center-btn .round-btn.design-cta-btn[href="/design/aiimage.html"]::after {
    content: none !important;
}

/* design-ctaボタンの擬似要素を無効化（文字化け対策） */
.round-btn.design-cta-btn::after {
    content: none !important;
}


/* === mobile compare header 16px final override (2026-04-09) === */
@media screen and (max-width: 767px) {
    .comparison_table .column_items th {
        font-size: 16px !important;
        line-height: 1.45 !important;
    }
}

/* discount-contact を common-lead と同サイズに統一 */
#design-support .discount-contact {
    font-size: 18px !important;
    line-height: 1.58 !important;
}



/* Header search width sync with TOP page */
.search_product__category_form,
input[type=text].search_product__category_form_input {
    width: 100% !important;
    max-width: none !important;
}
/* Header search width hard-sync (desktop) */
@media screen and (min-width: 768px) {
    html body form.search_product__category_form {
        width: 250px !important;
        min-width: 250px !important;
        max-width: 250px !important;
    }
    html body form.search_product__category_form input.search_product__category_form_input {
        width: 100% !important;
        max-width: none !important;
        box-sizing: border-box !important;
        background: #fff !important;
        background-color: #fff !important;
    }
}

/* Header search width fallback sync (desktop) */
@media screen and (min-width: 768px) {
    header input[type="text"],
    #header input[type="text"],
    .header input[type="text"],
    .hd input[type="text"],
    .search_product__category_form input[type="text"],
    input[type="text"].search_product__category_form_input {
        width: 220px !important;
        min-width: 220px !important;
        max-width: 220px !important;
        box-sizing: border-box !important;
        background: #fff !important;
        background-color: #fff !important;
    }
}

/* Template gallery: individual images (no hotspot overlay) */
.clat-renew-design .template-gallery {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
    max-width: 784px;
    margin: 0 auto;
}
.clat-renew-design .template-gallery-item {
    display: block;
}
.clat-renew-design .template-gallery-item img {
    display: block;
    width: 100%;
    height: auto;
}
@media screen and (max-width: 767px) {
    .clat-renew-design .template-gallery {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }
}