@charset "utf-8";

/*
Copyright (C) https://ohura-office.jp
*/

/* コンテンツここから */
/* 共通ここから */

main .service {
	padding: 0px 0px 120px;
}


main .service a {
	text-decoration: underline;
	color: #2F73C0;
}


main .service h2 {
	font-family: 'Noto Serif JP', serif;
	font-size: 260%;
	font-weight: 900;
	text-align: left;
}

main .service h3 {
	font-family: 'Noto Serif JP', serif;
	font-size: 160%;
	line-height: 140%;
	font-weight: 900;
	padding: 8px 24px;
	display: inline-block;
	text-decoration: none;
	border-radius: 3em;
	color: #FFFFFF;
	background-color: #002c4e;
	text-align: left;
}

main .service h4 {
	font-family: 'Noto Serif JP', serif;
	font-size: 160%;
	line-height: 140%;
	font-weight: 900;
	padding: 8px 24px;
	display: inline-block;
	text-decoration: none;
	border-radius: 3em;
	background-color: #b0dd9c;
	text-align: left;
}

main .service h5 {
	margin: 24px 0px 0px;
	font-family: 'Noto Serif JP', serif;
	font-size: 160%;
	line-height: 140%;
	font-weight: 900;
	padding: 8px 24px;
	display: inline-block;
	border-radius: 3em;
	background-color: #0678FA;
	color: #FFFFFF;
}

main .service p {
	margin: 24px 0px;
	font-size: 160%;
	line-height: 160%;
	text-align:justify;
	text-justify:inter-ideograph;
}

main .service p strong {
	font-size: 120%;
	font-weight: 700;
}


main .service section {
	padding: 80px 0px;
}

main .service aside {
	margin: 40px 0px 0px;
	padding: 40px 16px;
	background-color: #FAFAE1;
	border-radius: 24px;
}

main .service .notice {
	margin: 40px 0px 0px;
	padding: 24px 16px;
	background-color: #F2F2F5;
	overflow: hidden;
	border-radius: 12px;
}

main .service .notice .img {
	width: 120px;
	height: 120px;
	margin: 0px auto;
	background-color: #F84626;
	overflow: hidden;
	border-radius: 50%;
}

main .service .notice .txt {
}


main .service aside p {
	font-size: 140%;
	line-height: 160%;
}

main .service .list {
	margin: 40px 0px;
}

main .service .list li {
	margin: 12px 0px;
	font-size: 160%;
	line-height: 140%;
	text-align:justify;
	text-justify:inter-ideograph;
}

main .service .list li strong {
	font-size: 110%;
	font-weight: 700;
}


/* シングルカラムここから */

.single-column {
}

.single-column-in {
	margin: 0px 40px;
}

.single-column .aside-in {
	display: flex;
	flex-flow: wrap;
}

.single-column .aside-in .img {
	margin: 0px auto 24px;
	background-color: #CFCFCF;
	overflow: hidden;
	border-radius: 50%;
	order: 1;
}

.single-column .aside-in .txt {
	order: 2;
}


/* ダブルカラムここから */

.double-column {
}

.double-column-in {
	margin: 0px 40px;
}

.double-column section {
}

.double-column img {
	margin: 24px 0px 0px;
}


/* その他の装飾 */

.service .casestudy {
}

.service .casestudy li {
	margin: 16px auto;
	font-family: 'Noto Serif JP', serif;
	font-size: 180%;
	font-weight: 700;
	text-align: left;
}


.service .point {
	margin: 40px auto 0px;
	text-align: left;
}

.service .point li {
	margin: 16px 0px;
	font-size: 160%;
	line-height: 120%;
	font-weight: 700;
}

.service .point em {
	font-size: 70%;
	font-weight: 400;
}

.service .point span {
	margin: 0px 0px 8px;
	font-size: 70%;
	line-height: 100%;
	font-weight: 900;
	padding: 8px 16px 6px;
	display: block;
	text-decoration: none;
	border-radius: 3em;
	color: #141313;
	background-color: #F7E60B;
}


.service .bigqa {
}

.service .bigqa li {
	margin: 40px 0px;
}

.service .bigqa li .answer {
	margin: 16px 0px 0px;
	display: flex;
	gap: 0px 8px;
}

.service .bigqa picture {
	width: 80px;
	order: 1;
}

.service .bigqa .txt {
	width: 80%;
	padding: 2px 16px;
	background-color: #FAFAE1;
	border-radius: 16px;
	order: 2;
}

.service .bigqa .txt span {
	font-family: 'Noto Serif JP', serif;
	font-size: 110%;
	font-weight: 900;
}


.service .bigqa h2 {
	margin: 0px 0px 0px 88px;
	padding: 12px 16px;
	font-family: 'Noto Serif JP', serif;
	font-size: 160%;
	font-weight: 900;
	text-align: left;
	background-color: #ffffff;
	border-radius: 16px;
}


/* よくあるご質問ここから */

.service .faq {
	padding: 0px 0px 40px;
	background-color: #fec1ae;
}

.service .faq .title {
	background-color: #CFCFCF;
}

.service .faq ul {
	margin: 0px 0px 0px;
	border-top: 2px solid #FD9E85;
}

.service .faq li {
	margin: 8px 0px;
	padding: 0px 0px 4px;
	text-align: left;
	border-bottom: 2px solid #fd9e85;
}

.service .faq li:last-child {
	border-bottom: 0px none #fd9e85;
}


.service .faq li a {
	padding: 8px 40px;
	display: block;
	font-size: 160%;
	line-height: 140%;
	color: #343441;
	text-decoration: none;
}

.service .faq li a:hover {
}


/* 背景色付きここから */

.F2EFEA {
	background-color: #F2EFEA;
}

.fec1ae {
	background-color: #fec1ae;
}