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

/*PC*/
@media print, screen and (min-width: 768px) {
.accordionbox{
width: 100%;
margin:50px auto;
font-size:1em;
}
.accordionlist dt {
display:block;
background: #0151a4;
padding: 20px 0 20px 10px;
color:#FFFFFF;
border-radius: 10px;
font-weight: bold;
}

.accordionlist dt:hover { cursor: pointer; }

.accordionlist dt:nth-child(n+2) { margin-top: 15px; }

.accordionlist dt .title{
padding-left: 10px;
float: left;
}
.accordionlist dd{
display:none;
line-height: 1.8em;
background: #fff;
padding:20px;
}
.accordion_icon,
.accordion_icon span {
display: inline-block;
transition: all .4s;
box-sizing: border-box;
}
.accordion_icon {
position: relative;
width: 30px;
float: right;
margin-right: 5px;
margin-top: 5px;
}
.accordion_icon span {
position: absolute;
left: 6px;
width: 50%;
height: 2px;
background-color: #FFFFFF;
border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
}
.accordion_icon span:nth-of-type(1) {
top: 5px;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
.accordion_icon span:nth-of-type(2) {
top: 5px;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
}
/*郢晢ｽｻ闕ｵ謨鳴€郢晢ｽｻ繝ｻ�ｼ隶守ｿｫ繝ｻ驛｢�ｧ鬯�､ｧ�ｴ蟶ｷ�ｸ�ｺ繝ｻ�ｽ*/
.accordion_icon.active span:nth-of-type(1) {
display:none;
}
.accordion_icon.active span:nth-of-type(2) {
top: 5px;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
}

.accordionlist dd ul {
width:100%;
margin:20px 0 0;
padding:0;
list-style-type:none;
}

.accordionlist dd ul li {
width:14%;
float:left;
margin-right:3.2%;
margin-bottom:3.2%;
}

.accordionlist dd ul li p {
font-size:1em;
text-align:center;
padding:5px 0;
}

.accordionlist dd ul li:nth-child(6n+6) {
margin-right:0;
}


			

}

/*sp*/
@media only screen and (max-width: 767px) {
	
.accordionbox{
width: 100%;
margin:50px auto;
font-size:1em;
}
.accordionlist dt {
display:block;
background: #0151a4;
padding: 20px 0 20px 10px;
color:#FFFFFF;
border-radius: 10px;
font-weight: bold;
}

.accordionlist dt:hover { cursor: pointer; }

.accordionlist dt:nth-child(n+2) { margin-top: 15px; }

.accordionlist dt .title{
width: 82%;
padding-left: 10px;
float: left;
}
.accordionlist dd{
display:none;
line-height: 1.8em;
background: #fff;
padding:20px;
}
.accordion_icon,
.accordion_icon span {
display: inline-block;
transition: all .4s;
box-sizing: border-box;
}
.accordion_icon {
position: relative;
width: 30px;
float: right;
margin-right: 5px;
margin-top: 5px;
}
.accordion_icon span {
position: absolute;
left: 6px;
width: 50%;
height: 2px;
background-color: #FFFFFF;
border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
}
.accordion_icon span:nth-of-type(1) {
top: 5px;
transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
}
.accordion_icon span:nth-of-type(2) {
top: 5px;
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
}
/*郢晢ｽｻ闕ｵ謨鳴€郢晢ｽｻ繝ｻ�ｼ隶守ｿｫ繝ｻ驛｢�ｧ鬯�､ｧ�ｴ蟶ｷ�ｸ�ｺ繝ｻ�ｽ*/
.accordion_icon.active span:nth-of-type(1) {
display:none;
}
.accordion_icon.active span:nth-of-type(2) {
top: 5px;
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
}

.accordionlist dd ul {
width:100%;
margin:20px 0 0;
padding:0;
list-style-type:none;
}

.accordionlist dd ul li {
width:14%;
float:left;
margin-right:3.2%;
margin-bottom:3.2%;
}

.accordionlist dd ul li p {
font-size:1em;
text-align:center;
padding:5px 0;
}

.accordionlist dd ul li:nth-child(6n+6) {
margin-right:0;
}



#accordion3.accordionbox { margin: 50px auto 0px; }



}