/*沿革
----------------------------------------*/
.photo-box{
	margin:0 0 20px;
	padding:0 0 10px;
}

.photo-r{
	float:right;
	width:480px;
}
.photo-l{
	float:left;
}
.photo-l img{
	width:180px;
}
@media screen and (max-width: 810px) {
.photo-r{
	float:right;
	width:78%;
}
.photo-l{
	float:left;
	width:20%;
}
.photo-l img{
	width:100%;
}
}
@media screen and (max-width: 568px) {
.photo-r{
	float:none;
	width:100%;
}
.photo-l{
	float:none;
	width:100%;
}
}

/*メイ&タクミ画像一覧
----------------------------------------*/
.characterimg{
    background: #eee;
    padding: 16px;
    box-sizing: border-box;
}
.characterimg img{
    width: 200px;
    display: block;
    margin:0 auto 8px auto;
}
.characterimglogo{
    text-align: center
}
.characterimglogo img{
    width: 88px;
    margin-bottom: 8px;
    display: block;
    margin: 0 auto;
}
.characterimg_detail{
    text-align: center;
}
.characterimg_detail p{
    font-size: 0.9rem;
}

/*開閉
----------------------------------------*/
h2.modal-btn{
    margin-left:20px!important;
    margin-bottom:16px!important;
}
.modal-btn {
    cursor: pointer;
    position: relative;
    margin-left: 1em;
    margin-bottom: 10px;
    text-decoration: underline;
    color: #001e6a;
    font-size: 130%;
}
.modal-btn:hover {
    text-decoration: none;
}
.modal-btn::before {
    content: "▼";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: -1.25em;
    transform: translateY(-50%) rotate(30deg);
    transform-origin: center center;
    transition: .3s;
}
.modal-btn.active::before {
    transform: translateY(-50%) rotate(0);
    left: -1em;
}
.modal-body {
    max-height: 0;
    visibility: hidden;
    overflow: hidden;
    transition: .5s;
}
.modal-body.check {
    max-height: 5000px;
    visibility: visible;
    margin-bottom: 50px;
}