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

.list{
margin-top: 130px;
}
.apply{
width: 100%;
display: block;
position: relative;
margin: 0px auto 20px auto;
}
.apply ul{
width: 100%;
display: block;
position: relative;
border: none;
text-align: center;
}
.apply ul li{
width: auto;
display: inline;
position: relative;
border: none;
background-color: #d9f2f5;
padding: 15px 25px;
margin: 0px 5px;
line-height: 60px;
}
.apply ul a{
text-decoration: none;
font-size: 16px;
color: #333;
}


.apply_kengaku{
width: 100%;
display: block;
position: relative;
margin: 0px auto 20px auto;
}
.apply_kengaku ul{
width: 100%;
display: block;
position: relative;
border: none;
text-align: center;
}
.apply_kengaku ul li{
width: auto;
display: inline;
position: relative;
border: none;
background-color: #d9f2f5;
padding: 15px 25px;
margin: 0px 20px;
line-height: 60px;
}
.apply_kengaku ul a{
text-decoration: none;
font-size: 16px;
color: #333;
}


.apply_dub ul{
width: 100%;
position: relative;
border: none;
text-align: center;
list-style: none;
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.apply_dub ul li{
width: 20%;
height: 40px;
display: block;
position: relative;
border: none;
background-color: #d9f2f5;
padding: 5px 12px;
margin: 0px 5px;
line-height: 60px;
}
.apply_dub 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_dub ul li .box_library .list{
color: #ffffff;
text-decoration: none;
line-height:35px;
}
.apply_dub ul li .box_library .list:hover{
opacity: 0.6;
}
.apply_dub ul li .box label{
cursor: pointer;
transition: 1s;
display: block;
}
.apply_dub ul li .box_library input[type="checkbox"].on-off,
.apply_dub ul li .box_library input[type="checkbox"].on-off +div{
	display: none;
}
.apply_dub ul li .box_library input[type="checkbox"].on-off:checked +div{
	display:block;
}


.apply_dub 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_dub 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_dub 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_dub ul li .box_library div a:last-child{
 border-bottom: none;
}
.apply_dub ul li .box_library div a::before{
  content: "■";
  color: #00a9ba;
  padding-right: 5px;
  margin-left: -20px;
}
.apply_dub ul li .box_library div a:hover{
color: #00a9ba;
transition:0.4s all;
}

.panf embed{
width: 100%;
height: 85vh;
}


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



.apply_kengaku{
width: 100%;
display: block;
position: relative;
margin: 0px auto 30px auto;
}
.apply_kengaku ul{
width: 100%;
display: block;
position: relative;
border: none;
text-align: center;
}
.apply_kengaku ul br{
display: none;
}
.apply_kengaku ul li{
width: auto;
display: block;
position: relative;
border: none;
background-color: #d9f2f5;
padding: 10px;
margin: 10px auto;
line-height: normal;
}


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


.apply_dub 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_dub 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_dub ul li .box_library div p{
	color : #d7001d;
    font-size: 15px;
    text-decoration: none;
    padding: 10px 0px 10px 0px;
    line-height:23px;
}
.apply_dub ul li .box_library div a:last-child{
 border-bottom: none;
}
.apply_dub ul li .box_library div a::before{
  content: "■";
  color: #00a9ba;
  padding-right: 5px;
  margin-left: -20px;
}
.apply_dub ul li .box_library div a:hover{
color: #00a9ba;
transition:0.4s all;
}

.panf embed{
width: 100%;
height: 74vh;
}
}