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

/*--------------------------------------------------------
　基本設定
--------------------------------------------------------*/
div#page_title div.page_title_inner h2 small span.cate {
    font-size: 100%;
    color: #3F3C3C;
}

section#single ul.page_nav li.back.nopage,
section#single ul.page_nav li.next.nopage{
    cursor: default;
    visibility: hidden;
}

#single .report ul {
    list-style: initial;
}
#single .report ul,#single .report ol {
	margin-left: 1.25em;
}

/*--------------------------------------------------------
　PC
--------------------------------------------------------*/

@media print, screen and (min-width: 751px){
	
	div#contents {
		width: 80%;
		max-width: 1100px;
		margin: 0 auto;
		padding-top: 4.4vw;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	div#contents section#archive{
		width: 63.6%;
		margin: 0;
	}
	
	div#contents section#archive ul.archive_block li{
		font-size: 1.8rem;
		font-size: clamp(0.9rem, 1.31vw, 1.8rem);
		padding: 1em;
		border: 1px solid #C6C6C6;
		border-radius: 15px;
	}
	
	div#contents section#archive ul.archive_block li + li{
		margin-top: 1em;
	}
	
	div#contents section#archive ul.archive_block li a{
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: center;
		transition-duration: 0.5s;
		transition-property: opacity;
	}
	
	div#contents section#archive ul.archive_block li a time{
		font-size: 83.3%;
		width: 6.5em;
		display: inline-block;
	}
	
	div#contents section#archive ul.archive_block li a h6{
		min-width: 6em;
		max-width: 10em;
		display: inline-block;
		background: #188A85;
		border-radius: 37px;
		padding: 0.15em 1em;
		font-size: 83.3%;
		font-weight: 400;
		letter-spacing: 0.08em;
		text-align: center;
		color: #FFF;
	}
	
	div#contents section#archive ul.archive_block li a p{
		width: 100%;
		margin-top: 0.5em;
		letter-spacing: 0.08em;
	}
	
	div#contents aside{
		width: 29.5%;
	}
	
	div#contents aside div.block + div.block{
		margin-top: 3.9vw;
	}
	
	div#contents aside div.block h3{
		font-size: 2.2rem;
		font-size: clamp(1.1rem, 1.61vw, 2.2rem);
		font-weight: 500;
		line-height: 1;
		letter-spacing: 0.08em;
		color: #188A85;
		padding-bottom: 0.75em;
		border-bottom: 3px solid #188A85;
		margin-bottom: 0.75em;
	}
	
	div#contents aside div.block h3 small{
		font-size: 68%;
		font-weight: 400;
		color: #D1E4E3;
		display: inline-block;
		margin-left: 0.75em;
	}
	
	div#contents aside div.block ul.cate_box li{
		font-size: 1.8rem;
		font-size: clamp(0.9rem, 1.31vw, 1.8rem);
		line-height: 1;
		letter-spacing: 0.08em;
		padding-bottom: 1em;
		border-bottom: 1px dashed #707070;
		margin-bottom: 1em;
	}
	
	div#contents aside div.block ul.cate_box li a{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		transition-duration: 0.5s;
		transition-property: opacity;
	}
	
	div#contents aside div.block ul.cate_box li a::before{
		content: "";
		width: 16.8vw;
		max-width: 23px;
		height: 16.8vw;
		max-height: 23px;
		display: inline-block;
		margin-right: 0.5em;
		background: url("../images/common/cate_arrow.svg") no-repeat;
		background-size: contain;
	}
	
	div#contents aside div.block ul.single_box li{
		font-size: 1.6rem;
		font-size: clamp(0.8rem, 1.17vw, 1.6rem);
		line-height: 1;
		letter-spacing: 0.08em;
		padding-bottom: 1.12em;
		border-bottom: 1px solid #C6C6C6;
		margin-bottom: 1.12em;
	}
	
	div#contents aside div.block ul.single_box li a{
		display: block;
		transition-duration: 0.5s;
		transition-property: opacity;
	}
	
	div#contents aside div.block ul.single_box li a time{
		font-size: 93%;
		display: block;
		margin-bottom: 0.5em;
	}
	
	div#contents aside div.block ul.cate_box li a:hover,
	div#contents aside div.block ul.single_box li a:hover,
	div#contents section#archive ul.archive_block li a:hover{
		opacity: 0.5;
	}
	
	div#contents aside div.block dl{
		font-size: 1.6rem;
		font-size: clamp(0.8rem, 1.17vw, 1.6rem);
		line-height: 1;
		letter-spacing: 0.08em;
		border: 1px solid #707070;
		border-radius: 11px;
		padding: 0.75em 1.25em;
	}
	
	div#contents aside div.block dl dt{
		font-size: 112.5%;
		position: relative;
		cursor: pointer;
	}
	
	div#contents aside div.block dl dt::after{
		content: "";
		width: 1.5em;
		height: 0.5em;
		display: inline-block;
		background: url("../images/common/archive_arrow.svg") no-repeat;
		background-size: contain;
		position: absolute;
		top: calc(50% - 0.25em);
		right: 0;
		transition-duration: 0.5s;
		transform-propert: rotate;
		transform-origin: 50%;
	}
	
	div#contents aside div.block dl.ac dt::after{
		transform: rotate(180deg);
	}
	
	div#contents aside div.block dl dd ul li{
		padding-bottom: 1.12em;
		border-bottom: 1px solid #C6C6C6;
		margin: 1.12em 0;
	}
	
	div#contents aside div.block dl dd:first-of-type{
		padding-top: 1.12em;
	}
	
	section#single{
		width: 63.6%;
		margin: 0;
	}
	
	section#single ul.page_nav {
		width: 100%;
		margin-top: 9.5vw;
		padding: 1.25em 2em;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		font-size: 1.8rem;
		font-size: clamp(0.9rem, 1.31vw, 1.8rem);
		line-height: 1;
		letter-spacing: 0.08em;
		background: #FDE7E9;
		border-radius: 40px;
	}
	
	section#single ul.page_nav li a{
		display: inline-block;
	}
	
	section#single ul.page_nav li.back a::before{
		content: "";
		width: 0.75em;
		height: 0.75em;
		background: url("../images/common/back_arrow.svg") no-repeat;
		background-size: contain;
		display: inline-block;
		margin-right: 0.5em;
	}
	
	section#single ul.page_nav li.next a::after{
		content: "";
		width: 0.75em;
		height: 0.75em;
		background: url("../images/common/next_arrow.svg") no-repeat;
		background-size: contain;
		display: inline-block;
		margin-left: 0.5em;
	}
	
	section#single ul.page_nav li.to_archive a{
		font-weight: 500;
		color: #DB6A93;
		text-decoration: underline;
	}
	
	section#single ul.page_nav li.back a,
	section#single ul.page_nav li.next a{
		transition-duration: 0.5s;
		transition-property: opacity;
	}
	
	section#single ul.page_nav li.back a:hover,
	section#single ul.page_nav li.next a:hover{
		opacity: 0.5;
	}
	
	/*ページネーション*/
    .pagination{
		margin:8vw 0 0;
		text-align: center;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
    }
    .nav-links{
		display:flex;
		justify-content: center;
    }
    .pagination .page-numbers{
		width: 3.2vw;
		max-width: 44px;
		height: 3.2vw;
		max-height: 44px;
		display:flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		font-size: 1.8rem;
		font-size: clamp(0.9rem, 1.31vw, 1.8rem);
		margin-right:8px;
		color:#DB6A93;
		border: 1px solid #DB6A93;
		border-radius:100%;
		background:#fff;
    }
    .pagination .current{
		background:#DB6A93;
		color:#fff;
    }
    .pagination .prev,
    .pagination .next{
		width: 1.09vw;
		max-width: 15px;
		height: 1.24vw;
		max-height: 17px;
		border: none;
		border-radius:0;
    }
	.pagination .page-numbers.prev {
		background: url("../images/common/back_arrow.svg") no-repeat;
		background-size: contain;
	}
	.pagination .page-numbers.next {
		background: url("../images/common/next_arrow.svg") no-repeat;
		background-size: contain;
	}
    .pagination .dots{
		border: none;
		border-radius:0;
		background:transparent;
		box-shadow:none;
		padding:6px 6px;
    }
	
	#single .report {
		font-size: 1.6rem;
		font-size: clamp(0.8rem, 1.17vw, 1.6rem);
	}
	
	#single h1 {
		font-size: 3.0rem;
		font-size: clamp(1.5rem, 2.19vw, 3.0rem);
		font-weight: 500;
		line-height: 1.5;
		letter-spacing: 0.08em;
		margin-bottom: 1.5em;
	}
	
	#single .report h1 {
		font-size: 2.8rem;
		font-size: clamp(1.4rem, 2.04vw, 2.8rem);
		font-weight: 700;
		line-height: 1.5;
		letter-spacing: 0.08em;
		margin-bottom: 0.25em;
	}
	#single .report h2{
		font-size: 2.6rem;
		font-size: clamp(1.3rem, 1.90vw, 2.6rem);
		font-weight: 700;
		line-height: 1.5;
		letter-spacing: 0.08em;
		margin-bottom: 0.25em;
	}
	#single .report h3{
		font-size: 2.4rem;
		font-size: clamp(1.2rem, 1.75vw, 2.4rem);
		font-weight: 700;
		line-height: 1.5;
		letter-spacing: 0.08em;
		margin-bottom: 0.25em;
	}
	#single .report h4{
		font-size: 2.2rem;
		font-size: clamp(1.1rem, 1.61vw, 2.2rem);
		font-weight: 700;
		line-height: 1.5;
		letter-spacing: 0.08em;
		margin-bottom: 0.25em;
	}
	#single .report h5{
		font-size: 2.0rem;
		font-size: clamp(1.0rem, 1.46vw, 2.0rem);
		font-weight: 700;
		line-height: 1.5;
		letter-spacing: 0.08em;
		margin-bottom: 0.25em;
	}
	#single .report h6{
		font-size: 0.9rem;
		font-size: clamp(0.9rem, 1.31vw, 1.8rem);
		font-weight: 700;
		line-height: 1.5;
		letter-spacing: 0.08em;
		margin-bottom: 0.25em;
	}
	
	#single .report p {
		font-size: 1.6rem;
		font-size: clamp(0.8rem, 1.17vw, 1.6rem);
	}
	#single .report p span[style*="font-size: 36pt;"] {
		font-size: clamp(1.9rem, 2.78vw, 3.8rem) !important;
	}
	#single .report p span[style*="font-size: 24pt;"] {
		font-size: clamp(1.3rem, 1.90vw, 2.6rem) !important;
	}
	#single .report p span[style*="font-size: 18pt;"] {
		font-size: clamp(0.9rem, 1.31vw, 1.8rem) !important;
	}
	#single .report p span[style*="font-size: 14pt;"] {
		font-size: clamp(0.7rem, 1.02vw, 1.4rem) !important;
	}
	#single .report p span[style*="font-size: 12pt;"] {
		font-size: clamp(0.6rem, 0.87vw, 1.2rem) !important;
	}
	#single .report p span[style*="font-size: 10pt;"] {
		font-size: clamp(0.5rem, 0.73vw, 1.0rem) !important;
	}
	#single .report p span[style*="font-size: 8pt;"] {
		font-size: clamp(0.4rem, 0.58vw, 0.8rem) !important;
	}
	
}
	

/*--------------------------------------------------------
　SP
--------------------------------------------------------*/

@media screen and (max-width: 750px){

	div#contents {
		width: 86%;
		margin: 0 auto;
		padding-top: 10vw;
	}
	
	div#contents section#archive{
		width: 100%;
	}
	
	div#contents section#archive ul.archive_block li{
		font-size: 1.3rem;
		font-size: clamp(1.3rem, calc(0.100rem + 3.333vw), 2.6rem);
		padding: 1em;
		border: 1px solid #C6C6C6;
		border-radius: 1.73vw;
	}
	
	div#contents section#archive ul.archive_block li + li{
		margin-top: 1em;
	}
	
	div#contents section#archive ul.archive_block li a{
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-items: center;
		transition-duration: 0.5s;
		transition-property: opacity;
	}
	
	div#contents section#archive ul.archive_block li a time{
		font-size: 84.6%;
		width: 6em;
		display: inline-block;
	}
	
	div#contents section#archive ul.archive_block li a h6{
		min-width: 6em;
		max-width: 10em;
		display: inline-block;
		background: #188A85;
		border-radius: 4.9vw;
		padding: 0.15em 1em;
		font-size: 58%;
		font-weight: 400;
		letter-spacing: 0.08em;
		text-align: center;
		color: #FFF;
	}
	
	div#contents section#archive ul.archive_block li a p{
		width: 100%;
		margin-top: 0.5em;
		letter-spacing: 0.08em;
	}
	
	div#contents aside{
		width: 100%;
		margin-top: 17vw;
	}
	
	div#contents aside div.block + div.block{
		margin-top: 12vw;
	}
	
	div#contents aside div.block h3{
		font-size: 1.7rem;
		font-size: clamp(1.7rem, calc(0.138rem + 4.103vw), 3.4rem);
		font-weight: 500;
		line-height: 1;
		letter-spacing: 0.08em;
		color: #188A85;
		padding-bottom: 0.75em;
		border-bottom: 3px solid #188A85;
		margin-bottom: 0.75em;
	}
	
	div#contents aside div.block h3 small{
		font-size: 64%;
		font-weight: 400;
		color: #D1E4E3;
		display: inline-block;
		margin-left: 0.75em;
	}
	
	div#contents aside div.block ul.cate_box li{
		font-size: 1.3rem;
		font-size: clamp(1.3rem, calc(0.100rem + 3.333vw), 2.6rem);
		line-height: 1;
		letter-spacing: 0.08em;
		padding-bottom: 1em;
		border-bottom: 1px dashed #707070;
		margin-bottom: 1em;
	}
	
	div#contents aside div.block ul.cate_box li a{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		transition-duration: 0.5s;
		transition-property: opacity;
	}
	
	div#contents aside div.block ul.cate_box li a::before{
		content: "";
		width: 4.8vw;
		max-width: 36px;
		height: 4.8vw;
		max-height: 36px;
		display: inline-block;
		margin-right: 0.5em;
		background: url("../images/common/cate_arrow.svg") no-repeat;
		background-size: contain;
	}
	
	div#contents aside div.block ul.single_box li{
		font-size: 1.2rem;
		font-size: clamp(1.2rem, calc(0.092rem + 3.077vw), 2.4rem);
		line-height: 1;
		letter-spacing: 0.08em;
		padding-bottom: 1.12em;
		border-bottom: 1px solid #C6C6C6;
		margin-bottom: 1.12em;
	}
	
	div#contents aside div.block ul.single_box li a{
		display: block;
		transition-duration: 0.5s;
		transition-property: opacity;
	}
	
	div#contents aside div.block ul.single_box li a time{
		font-size: 93%;
		display: block;
		margin-bottom: 0.5em;
	}
	
	div#contents aside div.block ul.cate_box li a:hover,
	div#contents aside div.block ul.single_box li a:hover,
	div#contents section#archive ul.archive_block li a:hover{
		opacity: 0.5;
	}
	
	div#contents aside div.block dl{
		font-size: 1.2rem;
		font-size: clamp(1.2rem, calc(0.092rem + 3.077vw), 2.4rem);
		line-height: 1;
		letter-spacing: 0.08em;
		border: 1px solid #707070;
		border-radius: 1.46vw;
		padding: 0.75em 1.25em;
	}
	
	div#contents aside div.block dl dt{
		font-size: 108%;
		position: relative;
		cursor: pointer;
	}
	
	div#contents aside div.block dl dt::after{
		content: "";
		width: 1.5em;
		height: 0.5em;
		display: inline-block;
		background: url("../images/common/archive_arrow.svg") no-repeat;
		background-size: contain;
		position: absolute;
		top: calc(50% - 0.25em);
		right: 0;
		transition-duration: 0.5s;
		transform-propert: rotate;
		transform-origin: 50%;
	}
	
	div#contents aside div.block dl.ac dt::after{
		transform: rotate(180deg);
	}
	
	div#contents aside div.block dl dd ul li{
		padding-bottom: 1.12em;
		border-bottom: 1px solid #C6C6C6;
		margin: 1.12em 0;
	}
	
	div#contents aside div.block dl dd:first-of-type{
		padding-top: 1.12em;
	}
	
	section#single{
		width: 100%;
	}
	
	section#single ul.page_nav {
		width: 100%;
		margin-top: 12vw;
		padding: 1.25em 2em;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		font-size: 1.2rem;
		font-size: clamp(1.2rem, calc(0.092rem + 3.077vw), 2.4rem);
		line-height: 1;
		letter-spacing: 0.08em;
		background: #FDE7E9;
		border-radius: 5.33vw;
	}
	
	section#single ul.page_nav li a{
		display: inline-block;
	}
	
	section#single ul.page_nav li.back a::before{
		content: "";
		width: 0.75em;
		height: 0.75em;
		background: url("../images/common/back_arrow.svg") no-repeat;
		background-size: contain;
		display: inline-block;
		margin-right: 0.5em;
	}
	
	section#single ul.page_nav li.next a::after{
		content: "";
		width: 0.75em;
		height: 0.75em;
		background: url("../images/common/next_arrow.svg") no-repeat;
		background-size: contain;
		display: inline-block;
		margin-left: 0.5em;
	}
	
	section#single ul.page_nav li.to_archive a{
		font-weight: 500;
		color: #DB6A93;
		text-decoration: underline;
	}
	
	/*ページネーション*/
    .pagination{
		margin:12vw 0 0;
		text-align: center;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
    }
    .nav-links{
		display:flex;
		justify-content: center;
    }
    .pagination .page-numbers{
		width: 7.7vw;
		max-width: 58px;
		height: 7.7vw;
		max-height: 58px;
		display:flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		font-size: 1.1rem;
		font-size: clamp(1.1rem, calc(0.085rem + 2.821vw), 2.2rem);
		margin-right:1.2vw;
		color:#DB6A93;
		border: 1px solid #DB6A93;
		border-radius:100%;
		background:#fff;
    }
    .pagination .current{
		background:#DB6A93;
		color:#fff;
    }
    .pagination .prev,
    .pagination .next{
		width: 2.8vw;
		max-width: 21px;
		height: 2.93vw;
		max-height: 22px;
		border: none;
		border-radius:0;
    }
	.pagination .page-numbers.prev {
		background: url("../images/common/back_arrow.svg") no-repeat;
		background-size: contain;
	}
	.pagination .page-numbers.next {
		background: url("../images/common/next_arrow.svg") no-repeat;
		background-size: contain;
	}
    .pagination .dots{
		border: none;
		border-radius:0;
		background:transparent;
		box-shadow:none;
		padding:6px 6px;
    }
	
	#single h1 {
		font-size: 1.5rem;
		font-size: clamp(1.5rem, calc(0.115rem + 3.846vw), 3.0rem);
		font-weight: 500;
		line-height: 1.4;
		letter-spacing: 0.08em;
		margin-bottom: 1.5em;
	}
	
	#single .report {
		font-size: 1.1rem;
		font-size: clamp(1.1rem, calc(0.085rem + 2.821vw), 2.2rem);
	}
	
	#single .report h1 {
		font-size: 1.4rem;
		font-size: clamp(1.4rem, calc(0.108rem + 3.590vw), 2.8rem);
		font-weight: 700;
		line-height: 1.5;
		letter-spacing: 0.08em;
		margin-bottom: 0.25em;
	}
	#single .report h2{
		font-size: 1.3rem;
		font-size: clamp(1.3rem, calc(0.100rem + 3.333vw), 2.6rem);
		font-weight: 700;
		line-height: 1.5;
		letter-spacing: 0.08em;
		margin-bottom: 0.25em;
	}
	#single .report h3{
		font-size: 1.2rem;
		font-size: clamp(1.2rem, calc(0.092rem + 3.077vw), 2.4rem);
		font-weight: 700;
		line-height: 1.5;
		letter-spacing: 0.08em;
		margin-bottom: 0.25em;
	}
	#single .report h4{
		font-size: 1.1rem;
		font-size: clamp(1.1rem, calc(0.085rem + 2.821vw), 2.2rem);
		font-weight: 700;
		line-height: 1.5;
		letter-spacing: 0.08em;
		margin-bottom: 0.25em;
	}
	#single .report h5{
		font-size: 1.0rem;
		font-size: clamp(1.0rem, calc(0.077rem + 2.564vw), 2.0rem);
		font-weight: 700;
		line-height: 1.5;
		letter-spacing: 0.08em;
		margin-bottom: 0.25em;
	}
	#single .report h6{
		font-size: 0.9rem;
		font-size: clamp(0.9rem, calc(0.069rem + 2.308vw), 1.8rem);
		font-weight: 700;
		line-height: 1.5;
		letter-spacing: 0.08em;
		margin-bottom: 0.25em;
	}
	
	#single .report p {
		font-size: 1.1rem;
		font-size: clamp(1.1rem, calc(0.085rem + 2.821vw), 2.2rem);
	}
	#single .report p span[style*="font-size: 36pt;"] {
		font-size: clamp(2.1rem, calc(0.162rem + 0.538vw), 4.2rem) !important;
	}
	#single .report p span[style*="font-size: 24pt;"] {
		font-size: clamp(1.5rem, calc(0.115rem + 3.846vw), 3.0rem) !important;
	}
	#single .report p span[style*="font-size: 18pt;"] {
		font-size: clamp(1.2rem, calc(0.092rem + 3.077vw), 2.4rem) !important;
	}
	#single .report p span[style*="font-size: 14pt;"] {
		font-size: clamp(1.0rem, calc(0.077rem + 2.564vw), 2.0rem)!important;
	}
	#single .report p span[style*="font-size: 12pt;"] {
		font-size: clamp(0.9rem, calc(0.069rem + 2.308vw), 1.8rem)!important;
	}
	#single .report p span[style*="font-size: 10pt;"] {
		font-size: clamp(0.8rem, calc(0.062rem + 0.205vw), 1.6rem)!important;
	}
	#single .report p span[style*="font-size: 8pt;"] {
		font-size: clamp(0.75rem, calc(0.058rem + 0.192vw), 1.5rem)!important;
	}
}