@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

/* --------------------------------------------------
  TOPページ
--------------------------------------------------*/
.p-mainVisual__slideTitle {
	font-size: 2.4rem;
	font-weight: bold;
}
@media screen and (max-width: 782px) {
	.p-mainVisual__slideTitle {
		font-size: 1.8rem;
	}
	.p-mainVisual__slideText {
		font-size: .8rem;
	}
}

/* --------------------------------------------------
  お問い合わせフォーム
--------------------------------------------------*/
.contact-wrapper {
	max-width: 800px;
	margin: 0 auto;
}
.novalidate input::placeholder {
  color: #ccc;
}
h2.contact-title {
	margin: 0 0 1.5rem 0;
	background: none;
	text-align: center;
	font-size: 1.6rem;
	color: #333;
	border-bottom: 1px solid #f7931e;
}
.contact-tab  .c-tabBody {
	border: 1px solid #00a99d;
}
.contact-tab .c-tabList__item {
	background-color: #eee;	
}
.contact-tab .c-tabList__button {
	padding: 1.2rem 4rem !important;
	font-size: 1.1rem;
	font-weight: bold;
}
.is-style-default>.c-tabList .c-tabList__button:hover, .is-style-default>.c-tabList .c-tabList__button[aria-selected=true] {
	background-color: #00a99d;
}
.form-service {
	padding: 1rem 0;
	background-color: #F1F1F7;
}
.contact-2col .swell-block-columns__inner {
	margin: 0;
	padding: 0 0 30px 0;
	display: flex;
	row-gap: 0;
}
.contact-2col .swell-block-columns__inner .swell-block-column {
	margin: 0;
}
.contact-2col .swell-block-columns__inner .swell-block-column:first-child {
	flex: 1;
}
.contact-2col .swell-block-columns__inner .swell-block-column:last-child {
	width: 150px;
}
.post_content .contact-2col p {
	font-size: 1rem;
}
.wpcf7-form-control.wpcf7-radio .wpcf7-list-item {
	display: inline-block;
	margin: 0 12px 0 0;
}
.wpcf7-form-control.wpcf7-radio .wpcf7-list-item label {
	display: inline-block;
	padding: 0.8em 1em;
	background: #f7f7f7;
	border: 1px solid hsla(0, 0%, 78%, .5);
	border-radius: 10px;
	cursor: pointer;
	transition: all 0.3s ease;
	color: #333;
	user-select: none;
}
.wpcf7-form-control.wpcf7-radio .wpcf7-list-item input[type="radio"] {
  display: none;
}
.wpcf7-form-control.wpcf7-radio .wpcf7-list-item input[type="radio"]:checked:checked + span {
  color: #fff;
}
.wpcf7-form-control.wpcf7-radio .wpcf7-list-item input[type="radio"]:checked:checked + span::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: #a8998f;
  border-radius: 10px;
  z-index: -1;
}
.wpcf7-form-control.wpcf7-radio .wpcf7-list-item label {
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 782px) {
	.contact-2col .swell-block-columns__inner {
		flex-wrap: wrap;
	}
	.post_content .contact-2col p {
		font-size: .9rem !important;
	}
	.contact-2col .blue a {
		padding: 5px 20px;
		font-size: .8rem !important;
	}
	.contact-2col .swell-block-columns__inner {
		margin: 0;
		padding: 0;
	}
	.contact-2col .swell-block-columns__inner div {
		width: 100%;
		padding: 0 10px;
	}
	.contact-2col .swell-block-columns__inner .swell-block-column:first-child {
		flex: auto;
	}
	.contact-2col .swell-block-columns__inner .swell-block-column:last-child {
		width: 100px;
		margin: 10px 0 0 auto;
	}
	.contact-tab .c-tabList__button {
		padding: .8rem 1rem !important;
		font-size: .9rem;
		line-height: 1.4rem;
	}
}

/*入力内容確認*/
.contact-confirm-table th {
	width: 9rem;	
}
.contact-confirm {
	margin: 20px 0 0 0
}
.contact-confirm p {
	display: flex;
	justify-content: center;
}
@media screen and (max-width: 782px) {
	.contact-confirm p {
		justify-content: normal;
	}
}
.download-btn.contact-confirm input {
	margin: 0 10px;
}
.contact-confirm input.wpcf7-previous {
	min-width: 70px;
	padding: 0 1rem;
	background-color: #aaa;
}

/*フォーム関係*/
.wpcf7 .text-center {
	text-align: center;
}
.input-full {
	width: 100%;
	margin: 0;
	padding: 0.8em 1em;
	border-radius: 5px;
}
.wpcf7 p {
	font-weight: bold;
}

.wpcf7 p.mb-5 {
	margin-bottom: 50px;	
}
.wpcf7 p.mt-2 {
	margin-top: 20px;
}
.wpcf7 p.mb-2 {
	margin-bottom: 20px;	
}
.hissu,
.optional {
  margin: 0 0 0 0.3rem;
  padding: 0.2rem 0;
  color: #fff;
  font-size: 0.8rem;
  border-radius: 4px;
  vertical-align: middle;
}
.hissu {
  color: #d63638;
}
.entry-block .wp-block-column {
	padding: 5rem;	
}
.contact-confirm-table {
		margin-bottom: 20px;
}
.contact-confirm-table th {
	width: 14rem;	
}
@media screen and (max-width: 959px) {
	.contact-confirm-table th,
	.contact-confirm-table td {
		width: 100%;
		display: block;
	}
	.contact-confirm-table td {
		padding: 1rem 1rem;
		border-top: none;
		border-bottom: none;
	}
	.contact-confirm-table tr:last-child td {
		border-bottom:1px solid #dcdcdc
	}
	.entry-block .wp-block-column {
		padding: 1.5rem;	
	}
}

/*ボタン*/
input.enter-btn {
	margin: 0 auto;
	padding: .5rem 2rem;
	display: block;
	width: 100%;
	max-width: 15rem;
	background: #00a99d;
	font-size: 1.1rem;
	font-weight: bold;
	border-radius: 4px;
	color: #fff;
}
input.enter-btn {
	border: none;
}
input.enter-btn:hover {
	filter: none;
	opacity: .8;
}
.contact-confirm input.wpcf7-previous {
	background-color: #f7f7f7;
}

/*確認画面*/
.contact-confirm-table {
	margin-bottom: 50px;
}
.contact-confirm-table th,
.contact-confirm-table td {
	padding: 1rem;
}


/* --------------------------------------------------
  投稿ページ
--------------------------------------------------

/* 固定追従バナー */
.fixbnr{
  position: fixed;
	right: 0;
	left: auto;
  bottom: 120px;
  z-index: 99999;
  display: block;
  width: 350px;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
}

/*種類解説*/
#topic_type h3 {
	font-size: 1.2rem;
}
@media screen and (max-width: 959px) {
	#topic_type h3 {
		font-size: 1rem;
	}
}

/*比較表*/
.compare-table .swl-inline-icon {
	padding: 0 .3rem 0 0;
}
.compare-table thead tr th {
	width: 14rem;
	text-align: center;
	background-color: #fff;
	font-size: .8rem;
	font-weight: normal;
	color: #333;
}
.compare-table thead tr th:first-child {
	background: #fafafa;
	color: #333;
	text-align: left;
	font-size: 1rem;
	font-weight: bold;
	vertical-align:middle;
}
.compare-table tr:last-child td {
	text-align: center;
}
.compare-table td {
	font-size: .9rem;
}
.compare-table th img {
	background-color: #fff;
	vertical-align: top;
}
.compare-table tr:last-child .swl-inline-btn {
	margin: 0;
}

@media screen and (max-width: 959px) {
	.compare-table th,
	.compare-table thead tr th:first-child {
		font-size: .9rem;
	}
	.compare-table>table tr>:first-child:not(.-no1) {
		width: 9rem;
	}
}

/*口コミ・評判*/
.c-balloon__text {
	max-width: 100%;
}

/*チェックリスト*/
@media screen and (max-width: 959px) {	
	.wp-block-list {
		font-size: 1rem;
	}
}

/*おすすめポイント*/
@media screen and (max-width: 959px) {	
	.cap_box_content {
		font-size: .9rem;
	}
}

/*会社情報*/
@media screen and (max-width: 959px) {
	.wp-block-table table {
		font-size: .9rem;
	}
	.wp-block-table>table tr>:first-child:not(.-no1) {
		width: 8rem;
	}
}

/*PR*/
.post_content .point-img-text .swell-block-columns__inner {
	width: 100%;
	margin-bottom: 20px !important;
	margin-left: 0;
	padding: 20px;
	gap: 20px;
}
.post_content .point-img-text .point-img {
	width: 350px;
	margin: 0;
}
.post_content .point-img-text .point-text {
	flex: 1;
	margin: 0;
}
@media (min-width: 768px) {
  .post_content .point-img-text:nth-child(2 of .point-img-text) .swell-block-columns__inner {
    display: flex;
    flex-direction: row-reverse !important;
		background-color: #f3fbf3;
  }
}

/* 監修者 */
.w-beforeToc {
	margin-top: 2em;
}
.supervision {
	width: 100%;
	border: 1px #eee solid;
	background-color: #fff;
}
.supervision tr td {
	padding: 10px;
}
.supervision tr td:first-child {
	width: 120px !important;
	padding: 10px 0 10px 10px;
	border-right: none !important;
}
.supervision tr td:last-child {
	border-left: none !important;
}
.supervision td p:last-child {
	margin: 0;
}
.supervision p {
	font-size: .8rem !important;
	line-height: 1.4rem;
	text-align: left;
}
.supervision p.name {
	margin: 0 0 3px 0;
	border-bottom: 1px dotted #2d875f;
	font-size: .8rem;
	text-align: left;
}
.supervision p.name a {
	font-size: .8rem;
}
.supervision strong {
	margin: 0 1rem 0 0;
	display: inline-block;
	font-size: .8rem;
}
p.kansyu-title {
	font-size: .8rem;
	margin: 0 !important;
	padding: 0;
	border-bottom: 2px solid var(--cocoon-thin-color);
	text-align: left;
}
.post_content .supervision {
	margin: 0 !important;
}
.w-singleTop .p-blogParts:last-child .supervision {
	margin: 0 0 20px 0 !important;
}
.supervision .swell-block-column {
	padding: 10px;
	align-content: center;
}
.supervision .swell-block-column figure {
	width: 100%;
}
.supervision .swell-block-column:first-child {
	width: 120px;
}
.supervision .swell-block-column:last-child {
	margin-left: 0;
	flex: 1;
}
.supervision img {
  width: 100px; 
  height: 100px;
  object-fit: cover;
  border-radius: 50%;
}
@media screen and (max-width: 900px) {
	.article p.kansyu-title {
		font-size: 1rem;
		margin: 0 0 10px 0;
		padding: 0;
		border-bottom: 2px solid var(--cocoon-thin-color);
	}
	.supervision img {
		max-width: 75px;
		display: block;
		margin: 0 auto;
	}
	.supervision p {
		font-size: .7rem !important;
		line-height: 1.1rem;
	}
	.supervision .swell-block-column:first-child {
		width: 90px;
	}
	.supervision tr td:first-child {
		width: 20px;
		padding: 10px 0 10px 10px;
	}
}

/*この記事のポイント*/
.above-toc-widget {
	margin: 50px 0 0 0;
	padding: 2rem 2rem 1rem 2rem;
	border: 5px solid #c4ebd6;
	border-radius: 10px;
	position: relative;
}
.above-toc-widget strong {
	padding: 1rem;
  position: absolute;
	top: -34px;
	color: #fff;
	background: url('https://uv-colors.jp/media/wp-content/uploads/2025/08/osusume_midashi.svg') no-repeat center;
	background-size: contain;
	display: block;
	font-size: 1.1rem;
}
.above-toc-widget ul {
	padding: 0; 
	list-style: none;
}
.above-toc-widget ul li {
	margin: 0 0 .5rem 0;
	padding-left: 28px;
 	list-style: none;
	position: relative;
	font-weight: bold;
}
.above-toc-widget ul li::before {
	width: 20px;
	height: 20px;
	content: "";
	background: url('https://uv-colors.jp/media/wp-content/uploads/2025/08/osusume_check.svg') no-repeat center;
	background-size: 20px 20px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
@media screen and (max-width: 920px) {
	.above-toc-widget {
		padding: 1.5rem 1rem .5rem 1rem;
	}
	.above-toc-widget strong {
		font-size: 1rem;
	}
	.above-toc-widget ul li {
		font-size: .9rem;
	}
}

/* この記事を書いた人 */
.p-authorBox .avatar {
	width: 80px;
	height: 80px;
}
.p-authorBox__desc {
	font-size: .8rem;
}
.p-authorBox__name {
	font-size: .8rem !important;
}


/* --------------------------------------------------
  origin
--------------------------------------------------*/
/* アイコンカラー設定 */
.swl-inline-icon[data-icon="FasCheck"] {
  color: #009688;
}
.swl-inline-icon[data-icon="FasStarHalfStroke"],
.swl-inline-icon[data-icon="LsStarFull"],
.swl-inline-icon[data-icon="LsStarHalf"],
.swl-inline-icon[data-icon="FasCrown"] {
  color: #ff9800;
}
.swl-inline-icon[data-icon="FasYenSign"] {
  color: #2196f3;
}
.swl-inline-icon[data-icon="FasHouse"] {
  color: #4CAF50;
}
.swl-inline-icon[data-icon="FasHeart"] {
  color: #E91E63;
}
.swl-inline-icon[data-icon="FasLocationDot"] {
  color: #F44336;
}
.swl-inline-icon[data-icon="FasDroplet"] {
  color: #00BCD4;
}
.swl-inline-icon[data-icon="LsChats"] {
  color: #3f51b5;
}
.swl-inline-icon[data-icon="FasCartShopping"] {
  color: #607d8b;
}
.swl-inline-icon[data-icon="FasClock"] {
  color: #b38787;
}
.swl-inline-icon[data-icon="LsThumbUp"] {
  color: #4caf50;
}