<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";



._mores .voices:after {
                display: none;
	}
@media screen and (max-width: 768px) {
._mores .voices:after {
                display: none;
	}
	}



.catchcopy h3.morec{
                margin-top: 4rem;
                font-size: 1.6em;
                }

.voices.morec{
                margin-top: 4rem;
                }

.btn.viewmore {
                width: 60%;
                margin-top: 0;
                }

.btn.viewmore a p{
                display: inline-block;
                margin: auto;
                padding-left: 1.5em;
                background-position: left center;
                background-repeat: no-repeat;
                background-image: url(../images/down.svg);
                background-size: .8em;
                }

.catchcopy p.lead span{
                margin-top: 1em;
                display: inline-block;
                font-size: .8em;
                line-height: 1.8em;
                }

/*================================

grid

================================*/

.grid {
	width: 100%;
	margin: auto;
	column-gap: 0;
	-webkit-column-gap: 5%;
	-moz-column-gap: 5%;
	column-gap: 5%;
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	}
@media screen and (max-width: 768px) {
.grid {
	width: 94%;
                margin: auto;
	-webkit-column-gap: 3%;
	-moz-column-gap: 3%;
	column-gap: 3%;
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	/*width: 94%;
                margin: auto;
	-webkit-column-gap: 0;
	-moz-column-gap: 0;
	column-gap: 0;
	-webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1;*/
	}
	}

.grid.moregrid {
                display: none;
	}

.grid .grid-item {
	display: inline-block;
	width: 100%;
	margin: 0;
	padding-bottom: 50px;
	page-break-inside: avoid;
	break-inside: avoid;
	}
@media screen and (max-width: 768px) {
.grid .grid-item {
	width: 100%;
	padding-bottom: 2em;
	}
	}

.grid .grid-item .baloon{
                position: relative;
	display: block;
	margin: auto;
                padding: 8%;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	}
@media screen and (max-width: 768px) {
.grid .grid-item .baloon{
                padding: 1.5em 8%;
	}
	}

.grid .grid-item .baloon:after {
                position: absolute;
                top: 50%;
                left: 5%;
	content: "";
	display: block;
                width: 90%;
                height: 50%;
	border-radius: 50%;
                box-shadow: 0 1rem 1rem 0 hsl(0 0% 0% / 5%);
                z-index: -1;
	}

.grid .grid-item .baloon img {
	width:100%;
                height: auto;
	vertical-align: top;
                margin-bottom: 1em;
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	}

.grid .grid-item .baloon .voice_title {
                font-size: 1.3em;
                line-height: 1.5em;
                text-align: center;
	}
@media screen and (max-width: 768px) {
.grid .grid-item .baloon .voice_title {
                font-size: 1.2em;
                line-height: 1.5em;
                font-weight: bold;
	}
	}

.grid .grid-item .baloon .comment {
                margin-top: 1em;
                font-size: .9em;
                line-height: 1.5em;
	text-align: justify;
	text-justify: inter-ideograph;
	}
@media screen and (max-width: 768px) {
.grid .grid-item .baloon .comment {
                line-height: 1.5em;
	}
	}

.grid .grid-item p.sections {
                width: 100%;
                height: auto;
                padding-top: 1.5em;
                font-size: .9em;
                line-height: 1.5em;
                text-align: center;
	background-position: 20% top;
	background-repeat: no-repeat;
	background-size: 20px;
	}
@media screen and (max-width: 768px) {
.grid .grid-item p.sections {
                padding-top: 1em;
	background-size: 15px;
	}
	}

/*pink*/
.grid .grid-item:nth-child(n) .baloon .voice_title {
                color: #FE68B2;
	}
.grid .grid-item:nth-child(n) .baloon{
                background-color: #FFE3F1;
	}
.grid .grid-item:nth-child(n) p.sections {
	background-image: url(../images/baloon_pink.svg);
	}
/*purple*/
.grid .grid-item:nth-child(2n) .baloon .voice_title {
                color: #CD87EA;
	}
.grid .grid-item:nth-child(2n) .baloon{
                background-color: #F9EAFF;
	}
.grid .grid-item:nth-child(2n) p.sections {
	background-image: url(../images/baloon_purple.svg);
	}
/*orange*/
.grid .grid-item:nth-child(3n) .baloon .voice_title {
                color: #ED9B7B;
	}
.grid .grid-item:nth-child(3n) .baloon{
                background-color: #FFEAE2;
	}
.grid .grid-item:nth-child(3n) p.sections {
	background-image: url(../images/baloon_orange.svg);
	}
/*tifferny*/
.grid .grid-item:nth-child(4n) .baloon .voice_title {
                color: #60ADA3;
	}
.grid .grid-item:nth-child(4n) .baloon{
                background-color: #D9F8F4;
	}
.grid .grid-item:nth-child(4n) p.sections {
	background-image: url(../images/baloon_tifferny.svg);
	}
/*sky*/
.grid .grid-item:nth-child(5n) .baloon .voice_title {
                color: #5497AF;
	}
.grid .grid-item:nth-child(5n) .baloon{
                background-color: #DDF6FF;
	}
.grid .grid-item:nth-child(5n) p.sections {
	background-image: url(../images/baloon_sky.svg);
	}
/*blue*/
.grid .grid-item:nth-child(6n) .baloon .voice_title {
                color: #6B85DB;
	}
.grid .grid-item:nth-child(6n) .baloon{
                background-color: #E2E8FC;
	}
.grid .grid-item:nth-child(6n) p.sections {
	background-image: url(../images/baloon_blue.svg);
	}
/*yellow*/
.grid .grid-item:nth-child(7n) .baloon .voice_title {
                color: #9EA344;
	}
.grid .grid-item:nth-child(7n) .baloon{
                background-color: #F8FAD4;
	}
.grid .grid-item:nth-child(7n) p.sections {
	background-image: url(../images/baloon_yellow.svg);
	}
/*green*/
.grid .grid-item:nth-child(8n) .baloon .voice_title {
                color: #73AF67;
	}
.grid .grid-item:nth-child(8n) .baloon{
                background-color: #E3F8DF;
	}
.grid .grid-item:nth-child(8n) p.sections {
	background-image: url(../images/baloon_green.svg);
	}
/*glay*/
.grid .grid-item:nth-child(9n) .baloon .voice_title {
                color: #555;
	}
.grid .grid-item:nth-child(9n) .baloon{
                background-color: #F0F0F0;
	}
.grid .grid-item:nth-child(9n) p.sections {
	background-image: url(../images/baloon_glay.svg);
	}

/*================================

localnavi

================================*/

.localnavi{
                display: block;
                margin: auto;
                margin-top: 2em;
                padding-bottom: 2em;
                width: 50%;
                height: auto;
                text-align: center;
	}
@media screen and (max-width: 768px) {
.localnavi{
                width: 90%;
                padding-bottom: 2em;
	}
	}

.localnavi .sub{
                font-size: 1.5em;
                color: #FE68B2;
	}

.localnavi ul{
                margin: 0;
                padding: 0;
                margin-top: 2em;
                font-size: 1.3em;
                line-height: 1.8em;
	text-align: center;
                color: #dedede;
                list-style-type: none;
	}
@media screen and (max-width: 768px) {
.localnavi ul{
                font-size: 1.2em;
	}
	}

.localnavi ul li {
                letter-spacing: 0;
	display: inline-block;
                padding: 0 1em;
                border-right: 1px solid #dedede;
	}
@media screen and (max-width: 768px) {
.localnavi ul li {
                padding: 0 0;
	}
	}

.localnavi ul li:last-child {
                border-right: none;
	}

.localnavi ul li a{
                color: #FE68B2;
	}

.localnavi ul li p{
	padding: 0 1em;
                border-bottom: 1px solid #fff;
	-webkit-transition: all .6s;
	-moz-transition: all .6s;
	-o-transition: all .6s;
	-ms-transition: all .6s;
	transition: all .6s;
	}
@media screen and (max-width: 768px) {
.localnavi ul li p{
	padding: 0 .5em;
	}
	}

.localnavi ul li a:hover p{
                border-bottom: 1px solid #FE68B2;
	}

.localnavi ul li.stay p{
                border-bottom: 1px solid #FE68B2;
	}










</pre></body></html>