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

.list{
margin-top: 30px;
}
.apply{
width: 100%;
display: block;
position: relative;
margin: 0px auto 20px auto;
}
.apply ul{
width: 100%;
position: relative;
border: none;
text-align: center;
list-style: none;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.apply ul li{
width: 20%;
height: 40px;
display: block;
position: relative;
border: none;
background-color: #d9f2f5;
padding: 5px 25px;
margin: 0px 5px;
line-height: 60px;
}


.apply ul li .box_library{
display: block;
font-size: 17px;
line-height: 0px;
padding: 0px 0px 0px 0px;
font-weight: 500;
text-align: center;
text-decoration: none;
margin: 20px 0px;
}

.apply ul li .box_library .list{
color: #ffffff;
text-decoration: none;
line-height:35px;
}
.apply ul li .box_library .list:hover{
opacity: 0.6;
}
.apply ul li .box label{
cursor: pointer;
transition: 1s;
display: block;
}
.apply ul li .box_library input[type="checkbox"].on-off,
.apply ul li .box_library input[type="checkbox"].on-off +div{
	display: none;
}
.apply ul li .box_library input[type="checkbox"].on-off:checked +div{
	display:block;
}


.apply ul li .box_library div{
	margin: 24px auto 0px auto;
    padding:5px 20px 0px 20px;
    background-color: #ffffff;
    height: auto;
    width:150px;
    position: relative;
    z-index: 11;
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .2);
}
.apply ul li .box_library div a{
	color : #333;
    font-size: 16px;
    text-decoration: none;
    display: block;
    padding: 25px 0px 25px 20px;
    border-bottom: 0.7px dashed #776d69;
    text-align: left;
}
.apply ul li .box_library div .note{
    font-size: 15px;
    text-decoration: none;
    padding: 10px 0px 10px 0px;
    line-height:23px;
    font-weight: 300;
color: #d7001d;
}
.apply ul li .box_library div a:last-child{
 border-bottom: none;
}
.apply ul li .box_library div a::before{
  content: "■";
  color: #00a9ba;
  padding-right: 5px;
  margin-left: -20px;
}
.apply ul li .box_library div a:hover{
color: #00a9ba;
transition:0.4s all;
}

.add{
width: 100%;
height: auto;
display: block;
}

.add p{
background-image: url("../library/shinkan/20240821_book.png");
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
width: 90%;
height: 670px;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
margin: 30px auto 20px auto;
}



/* ============================================== スマートフォン ================================================ */
@media screen and (max-width: 620px) {
.list{
margin-top: 20px;
}
.apply{
width: 100%;
display: block;
position: relative;
margin: 0px auto 30px auto;
}
.apply ul{
width: 100%;
display: block;
position: relative;
border: none;
text-align: center;
}
.apply ul br{
display: none;
}
.apply ul li{
width: auto;
display: block;
position: relative;
border: none;
background-color: #d9f2f5;
padding: 10px;
margin: 10px auto;
line-height: normal;
}

.apply ul li{
width: 85%;
height: 40px;
display: inline-block;
position: relative;
border: none;
background-color: #d9f2f5;
padding: 5px 25px;
margin: 10px auto;
line-height: 60px;
}


.apply ul li .box_library{
display: block;
font-size: 17px;
line-height: 0px;
padding: 0px 0px 0px 0px;
font-weight: 500;
text-align: center;
text-decoration: none;
margin: 20px 0px;
}

.apply ul li .box_library .list{
color: #ffffff;
text-decoration: none;
line-height:35px;
}
.apply ul li .box_library .list:hover{
opacity: 0.6;
}
.apply ul li .box label{
cursor: pointer;
transition: 1s;
display: block;
}
.apply ul li .box_library input[type="checkbox"].on-off,
.apply ul li .box_library input[type="checkbox"].on-off +div{
	display: none;
}
.apply ul li .box_library input[type="checkbox"].on-off:checked +div{
	display:block;
}


.apply ul li .box_library div{
	margin: 24px auto 0px auto;
    padding:5px 20px 0px 20px;
    background-color: #ffffff;
    height: auto;
    width:70%;
    position: relative;
    z-index: 11;
    box-shadow: 0 3px 7px 0 rgba(0, 0, 0, .2);
}
.apply ul li .box_library div a{
	color : #333;
    font-size: 16px;
    text-decoration: none;
    display: block;
    padding: 25px 0px 25px 20px;
    border-bottom: 0.7px dashed #776d69;
}
.apply ul li .box_library div p{
	color : #d7001d;
    font-size: 15px;
    text-decoration: none;
    padding: 10px 0px 10px 0px;
    line-height:23px;
}
.apply ul li .box_library div a:last-child{
 border-bottom: none;
}
.apply ul li .box_library div a::before{
  content: "■";
  color: #00a9ba;
  padding-right: 5px;
  margin-left: -20px;
}
.apply ul li .box_library div a:hover{
color: #00a9ba;
transition:0.4s all;
}

.add{
width: 100%;
height: auto;
display: block;
}

.add p{
background-image: url("../library/shinkan/20240821_book_sp.png");
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
width: 100%;
height: 0px;
padding-top: 225%;
text-indent: 300%;
white-space: nowrap;
overflow: hidden;
margin: 30px auto 20px auto;
}

}