@charset "shift_jis";
#report2024{
	width:1024px;
	margin:50px auto 100px auto;
	padding:0 auto;
}
h1{
	margin:0 0 40px 0;
	padding:0;
}
h1 img{
	margin:0;
	display: block;
}

.mb20{
	margin:0 0 20px 0;
	padding:0;
}
/*折り畳みstart*/
.acd-check{
    display: none;
}
.acd-label{
	/*font-weight:bold;*/
    display: block;
    margin-bottom: 1px;
    padding: 10px 20px;
	margin:0 0 20px 0;
    position: relative;
	font-size:20px;
    color: #000066;
	border-radius: 10px;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
}
.label-sogo{
    background: #91D0D5;
}
.label-kobo{
    background: #91ADD5;
}
.label-shitei{
    background: #D591AE;
}
.acd-label:after {
    box-sizing: border-box;
    display: block;
    height: 52px;
    padding: 0 20px; /* autoから0に変更 */
    position: absolute;
    right: 0;
    top: 50%; /* 50%に設定 */
    transform: translateY(-50%); /* 垂直中央にするためにtransformを追加 */
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    background-image: url(../img/open.png);
	background-repeat: no-repeat;
    background-size: contain;
    vertical-align: middle;
}

.acd-content{
    display: block;
    height: 0;
    opacity: 0;
    padding: 0 10px;
    transition: .5s;
    visibility: hidden;
	margin-bottom:10px;
}
.acd-check:checked + .acd-label:after{
	content: '';
	display: inline-block;
	width: 24px;
	height: 24px;
	background-image: url(../img/close.png);
	background-size: contain;
	vertical-align: middle;
}
.acd-check:checked + .acd-label + .acd-content{
    height: auto;
    opacity: 1;
    padding: 10px;
    visibility: visible;
}
/*折り畳みend*/

.list-mark {
    padding:0;
    list-style: none;
    margin:0 0 40px 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	font-size:1.2em;
}

.list-mark li {
    margin-top: 0.5em;
	width:32%;
}

.list-mark li:first-child {
    margin-top: 0;
}

.list-color-kobo::after{
  content:"";
  display: block;
  width:32%;
}

.list-mark li a {
    color: #333;
    position: relative;
    padding: 0 0 0 16px;
    display: inline-block;
}

.list-mark li a:before {
    content: "";
    border-color: transparent;
    border-style: solid;
    border-top-width: 4px;
    border-right-width: 0;
    border-bottom-width: 4px;
    border-left-width: 6px;
    vertical-align: middle;
    display: inline-block;
    margin: 0 0 0 0;
    position: absolute;
    left: 0;
    top: 8px;
}

.list-color-sogo li a:before {
    border-left-color: #48B1B9;
}

.list-color-kobo li a:before{
	border-left-color: #4272B7;
}
.list-color-shitei li a:before{
	border-left-color: #C4668E;
}
section{
	margin:0 0 30px 0;
	padding:0;
}
h2{
	margin:30px auto 30px auto;
	color:#000066;
	font-weight:bold;
	font-size:22px;
	text-align: center;
}
.articles{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.articles-box{
	width:46%;
	text-align: center;
}
.articles-box img{
	width:100%;
}
.articles-box p{
	color:#000066;
	text-align: center;
	margin:10px auto 0 auto;
	padding:0 auto;
	font-size:1.1em;
	font-weight:bold;
}
.articles-box p a{
	text-decoration: underline;
	color:#000066;
}
.main-btn{
	display: flex;
	justify-content: space-between;
	list-style: none;
	margin:0 0 20px 0;
	padding:0;
	text-align: center;
}
.main-btn li {
	width:32%;
	color:#000066;
	font-size:18px;
	height:44px;
	border-radius: 10px;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
}
.main-btn a{
	color:#000066;
	display: block;
	text-decoration: none;
}
.btn-sogo a{
	border:#91D0D5 solid 3px;
	background: #FFF;
	line-height:44px;
	border-radius: 10px;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
}
.btn-kobo a{
	border:#91ADD5 solid 3px;
	background: #FFF;	
	line-height:44px;
	border-radius: 10px;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	
}
.btn-shitei a{
	border:#D591AE solid 3px;
	background: #FFF;
	line-height:44px;
	border-radius: 10px;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 

}
.select-sogo,.btn-sogo a:hover,.btn-sogo a:active{
	background: #91D0D5;
	line-height:44px;
	border:#91D0D5 solid 3px;
	border-radius: 10px;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
}
.select-kobo,.btn-kobo a:hover,.btn-kobo a:active{
	background: #91ADD5;
	line-height:44px;
	border:#91ADD5 solid 3px;
	border-radius: 10px;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 

}
.select-shitei,.btn-shitei a:hover,.btn-shitei a:active{
	background: #D591AE;
	line-height:44px;
	border:#D591AE solid 3px;
	border-radius: 10px;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 

}

.sogo-report,
.kobo-report,
.shitei-report{
	border-radius: 10px;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
	padding:20px;
}
.sogo-report{
	background:#e9f6f7;
}
.kobo-report{
	background:#e9eff7;
}
.shitei-report{
	background:#f7e9ef;
}
h3{
	font-size:18px;
	margin:0;
	padding:0;

}
h3 a{
	font-size:20px;
	text-decoration: none !important;
	margin-bottom:10px;
	display: block;
}
h3 a:link { color:#000066; }
h3 a:visited { color:#000066; }
h3 a:hover { color:#910495; }
h3 a:active { color:#910495; }
.sogo-report h4,
.kobo-report h4,
.shitei-report h4{
	color:#FFF;
	font-weight:bold;
	padding:5px 8px;
	font-size:1em;
	display: inline-block;
	border-radius: 10px;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
	word-wrap: break-word;

}
.sogo-report h4{
	background: #48B1B9;
}
.kobo-report h4{
	background: #4272B7;
}
.shitei-report h4{
	background: #C4668E;

}
.sogo-report h5,
.kobo-report h5,
.shitei-report h5{
	color:#000066;
	font-weight:bold;
	font-size:1em;
	display: inline-block;
	border-radius: 10px;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px; 
}
h5::before {
	content: '《';
}
h5::after {
	content: '》';
}
.page{
	display: flex;
	justify-content: space-between;
	margin:20px 0;
	padding:0;
	width:100%;
}

.page-img{
	width:60px;
	margin:0;
	padding:0;
	display: block;
}
.mt20{
	margin-top:20px;
}
.page-next{
	display: flex;
	justify-content: flex-end;
	margin:20px 0;
	padding:0;
	width:100%;
}
.page-back{
	display: flex;
	justify-content: flex-start;
	margin:20px 0;
	padding:0;
	width:100%;
}
.txt-s{
	font-size:11px;
	margin-left:5px;
}








/* ------------------------------------------------------------ */
@media (max-width: 360px) {
.main-btn li{
	font-size:12px;
}
}
/* ------------------------------------------------------------ */