@charset "utf-8";
/* CSS Document */

/* common
-------------------------------------------------- */
html {
	font-size: 62.5%;
}
body {
	font-family: "Noto Sans JP", sans-serif;
	line-height: 1.75;
	color: #909090;
}

img { width:100% ; height: auto;}

@media (min-width: 769px) {
/* PC用 */
	.pc { display: block;}
	.sp { display: none; }
	
	.inner {
		max-width:1160px;
	}
}
@media (max-width: 768px) {
/* PC用 */
	.pc { display: none; }
	.sp { display: block;}
}
@media (max-width: 480px) {
/* SP用 */
}

/* header
-------------------------------------------------- */

header {padding: 150px 100px; box-sizing: border-box; text-align: center;}
header svg {width: 80%;}
header svg path:not(.visible) {fill-opacity: 0;}

@media (min-width: 769px) {
/* PC用 */
}
@media (max-width: 768px) {
/* tablet用 */
	header {padding: 150px 5%;}
	header svg {width: 100%;}
}
@media (max-width: 480px) {
/* SP用 */
}

/* announce 
-------------------------------------------------- */

.announce {width: 100%; margin-bottom: 100px; padding: 0 100px;}
.announce h2 {color: #000; font-size: 3.2rem; font-family: "Vidaloka", serif; font-weight: 400; font-style: normal;line-height: 1; margin-bottom: 1em;}
.announce h2 span {display: inline-block; border-bottom: 1px solid #000; padding-bottom: 10px;}
.announce p {font-size: 1.2rem;}

@media (min-width: 769px) {
/* PC用 */
}
@media (max-width: 768px) {
/* tablet用 */
	.announce {padding: 0 5%; display: block; margin-bottom: 50px;}
	.announce h2 {margin-bottom:1em;}
}
@media (max-width: 480px) {
/* SP用 */
}

/* main 
-------------------------------------------------- */

main {width: 100%; padding: 0 100px; display: flex; box-sizing: border-box; justify-content: flex-start;}
main h2 {color: #000; font-size: 3.2rem; font-family: "Vidaloka", serif; font-weight: 400; font-style: normal;line-height: 1;}
main h2 span {display: inline-block; border-bottom: 1px solid #000; padding-bottom: 10px;}
main dl {font-size: 1.2rem;}
main .col-01 {flex-grow: 1; margin-right: 5%;}
main .col-02 {flex-grow: 2; margin-right: 5%;}
main .col-03 {flex-grow: 1;}
main .col-02 dd {padding-left: 6em; margin-top: -1.75em;}
main .col-03 dd {padding-left: 6em; margin-top: -1.75em;}

@media (min-width: 769px) {
/* PC用 */
}
@media (max-width: 768px) {
/* tablet用 */
	main {padding: 0 5%; display: block;}
	main h2 {margin-bottom:1em;}
	main .col-01 {margin-right: 0;}
	main .col-02 {margin-right: 0;}
}
@media (max-width: 480px) {
/* SP用 */
}

/* footer
-------------------------------------------------- */

footer {margin-top: 50px; box-sizing: border-box; padding: 0 10px 10px; text-align: right;}

@media (min-width: 769px) {
/* PC用 */
}
@media (max-width: 768px) {
/* tablet用 */
	footer {padding: 0 5% 5%;}
}
@media (max-width: 480px) {
/* SP用 */
}