@charset "utf-8";

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

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

main .service {
}


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


main .service a:hover {
	color: #EF6677;
}

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

main .service h2 small {
	font-family: 'Noto Serif JP', serif;
	font-size: 60%;
	font-weight: 900;
}

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

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

main .service h5 {
	margin: 24px 0px 0px;
	padding: 8px 32px;
	font-family: 'Noto Serif JP', serif;
	font-size: 180%;
	line-height: 140%;
	font-weight: 900;
	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: 130%;
	font-weight: 700;
}


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

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


main .service .notice {
	margin: 40px 0px 0px;
	padding: 24px;
	background-color: #F2F2F5;
	overflow: hidden;
	border-radius: 12px;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0px 40px;
	text-align: left;
}

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

main .service .notice .txt {
	width: 672px;
}


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

main .service .list li {
	margin: 12px 0px;
	font-size: 180%;
	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 {
	width: 960px;
	margin: 0px auto;
}

.single-column .aside-in {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 0px 40px;
}

.single-column .aside-in .img {
	width: 240px;
	height: 240px;
	background-color: #CFCFCF;
	overflow: hidden;
	border-radius: 50%;
}

.single-column .aside-in .txt {
	width: 600px;
}


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

.double-column {
}

.double-column-in {
	width: 1200px;
	margin: 0px auto;
	display: flex;
	justify-content: space-between;
}

.double-column section {
	width: 560px;
}

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


/* その他の装飾 */

.service .casestudy {
	display: flex;
	justify-content: center;
	text-align: left;
}

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


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

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

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

.service .point span {
	margin: 0px 16px 0px 0px;
	font-size: 70%;
	line-height: 100%;
	font-weight: 900;
	padding: 8px 16px 6px;
	display: inline-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;
	justify-content: space-between;
	align-items: center;
}

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

.service .bigqa .txt {
	width: 720px;
	padding: 0px 40px;
	background-color: #FAFAE1;
	border-radius: 24px;
	order: 2;
}

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


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


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

.service .faq {
	background-color: #fec1ae;
}

.service .faq-in {
	width: 960px;
	margin: 0px auto;
	padding: 80px 0px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0px 40px;
}

.service .faq-in .title {
	width: 320px;
	height: 320px;
	background-color: #CFCFCF;
	overflow: hidden;
	border-radius: 50%;
}

.service .faq-in ul {
	width: 600px;
	margin: 24px 0px 0px;
}

.service .faq-in li {
	margin: 8px 0px;
	text-align: left;
}


.service .faq-in li a {
	padding: 16px 24px;
	display: block;
	cursor: pointer;
	background-color: #0865C6;
	font-size: 200%;
	line-height: 140%;
	text-align: left;
	transition: 0.3s ease-in-out;
	color: #F7F7F7;
	text-decoration: none;
	border-radius: 6em;
}

.service .faq li a:hover {
	color: #343441;
    background-color: #F3E421;
	transition: 0.3s ease-in-out;
}

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

.F2EFEA {
	background-color: #F2EFEA;
}

.fec1ae {
	background-color: #fec1ae;
}