@charset "UTF-8";

/* ----------------------------------------------- CSS Information
 Style Info:    苦情対応窓口
 Notes:          
--------------------------------------------------------------- */

.content {
	width: 50%;
	margin: 0 auto;
	font-family: 'Noto Sans JP', sans-serif;
	color: #000;
	font-size: 125%;
}
.content a {
	color: #000;
}

.sec01 {
	margin: 8% 0;
}

.sec01 p + p {
	margin-top: 2em;
	text-indent: 1em;
}

.sec01 .t-right {
	text-align: right;
}

.sec01 a {
	text-decoration: underline;
}

.sec02 {
	margin: 8% 0;
}

.sec02 h3 {
	font-size: 143.75%;
	font-weight: 700;
	margin-bototm: 4%;
}
.sec02 h3 span {
	border-bottom: 1px solid #f979a2;
}

.sec02 .grid {
	display: grid;
	grid-template-columns: 10em 1fr;
	gap: 0 1em;
	margin: 2em 0;
}

.sec02 .indent {
	padding-left: 1em;
}

.sec02 .pink {
	color: #f979a2;
}

.sec02 a {
	display: inline-block;
	border: 1px solid #f979a2;
	border-radius: 100px;
	padding: 1em 1.5em;
	transition: all 0.3s ease-out;
}
.sec02 a:hover {
	background: #f979a2;
	color: #fff;
	opacity: 1.0;
}

.sec03 {
	margin: 8% 0;
}

/* ================= smartphone ================= */
@media only screen and (max-width:699px) {
	.content {
		width: 90%;
		font-size: 14px;
	}
}