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

#wrapper {
  overflow: hidden;
}

@media screen and (min-width: 960px) {
  #wrapper {
    max-width: 900px;
	  margin: auto;
  }
}

h1 {
  font-size: 1.1em;
	text-align: center;
	color: #000000;
	line-height: 2em;
	letter-spacing:0.05em;
}

@media screen and (max-width: 480px) {
h1{
	font-size: 0.9em;
	}
}



/* 2カラム */
*, *:before, *:after {
	box-sizing: border-box;
}
.col_2{
	width: 80%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
color: #333; /* 文字の色 */
	margin: auto;
}
.col_2 > div{
	width: 50%;
	padding: 0px;
}
@media screen and (max-width: 640px) {
	.col_2 > div{
		width: 100%;
	}
	.col_2{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
color: #333; /* 文字の色 */
	margin: auto;
}
}

.col_4{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
background-color: #005693; /* 背景の色 */
color: #FFF; /* 文字の色 */
text-align: center; /* 内容は中央配置 */
}
.col_4 > div{
	width: 25%;
	padding: 10px;
}
@media screen and (max-width: 1090px) {
	.col_4 > div{
		width: 33.33333%;
	}
}
@media screen and (max-width: 480px) {
	.col_4 > div{
		width: 50%;
	}
}



.accordion {
margin: auto;
max-width: 90%;
}
.toggle {
display: none;
}
.option {
position: relative;
margin-bottom: 0em;
}
.title,
.content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.3s;
}
.title {
display: block;
color: #fff;
font-weight: bold;
font-size: 1.2em;
text-align: center;
}
.title::after,
.title::before {

}
.title::after {
transform: rotate(90deg);
}
.content {
max-height: 0;
overflow: hidden;
	border-left: solid 1px #ee7972;
	border-right: solid 1px #ee7972;
}
.content p {
margin: 0;
padding:0.5em;
font-size: 0.9em;
line-height: 1.5;
}
.toggle:checked + .title + .content {
max-height: 3500px;
transition: all 1.5s;
}
.toggle:checked + .title::before {
transform: rotate(90deg) !important;
}