@charset "UTF-8";
/* =================================================================== file name  : xxx.css
=================================================================== */
.con-intro .box-intro, .con-library { max-width: 1120px; margin: auto; }
@media only screen and (min-width: 1025px) and (max-width: 1120px) { .con-intro .box-intro, .con-library { width: 95%; } }
@media print { .con-intro .box-intro, .con-library { width: 95%; } }
.ie8 .con-intro .box-intro, .con-intro .ie8 .box-intro, .ie8 .con-library { width: 95%; }
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-intro .box-intro, .con-library { width: 92%; } }
@media only screen and (max-width: 767px) { .con-intro .box-intro, .con-library { width: 83%; } }

img {
    /* PCの右クリック禁止 */
    pointer-events: none;
}

#contents .con-pgtitle .box-pgtitle h1 .title {
    overflow: visible;
}

p.txt {
  font-size: 20px;
}

@media only screen and (max-width: 767px) { 
  p.txt {
  font-size: 16px;
  }
}
  
/*Animate */
/* -----------------------------------------------------------
	.con-intro
----------------------------------------------------------- */
.con-intro .box-intro {
  padding: 24px 0;
  max-width: 940px;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-intro .box-intro { padding: 40px 0 60px; } }
@media only screen and (max-width: 767px) { .con-intro .box-intro { padding: 24px 0 40px; } }
.con-intro .box-intro .txt { line-height: 2; }

select {
  -webkit-appearance: none;
  appearance: none;
  background-image: url("../images/library/Polygon1@2x.png");
  background-repeat: no-repeat;
  background-size: 20px auto; /* 画像のサイズ（幅 高さ）*/
  background-position: right 12px center; /* 画像の位置 */
}

.selectlink {
  padding: 10px 25px;
  border: 2px #bf1443 solid;
  background-color: #fff;
  cursor: pointer;
  width: 60%;
}

.selectlink:hover{
  border: 2px #333 solid;
  background-color: #eee;
}


.lib-title {
  position: relative;
  padding: 0 0 0 24px;
}

.lib-title::before{
  content: "";
  position: absolute;
  top: 10px;
  left: 0;
  border: 10px solid transparent;
  border-top: 15px solid #bf1443;
}
/* -----------------------------------------------------------
	.con-library
----------------------------------------------------------- */
.con-library { padding: 40px 0 ; }
@media only screen and (min-width: 1025px) { .con-library { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; } }
@media print { .con-library { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; } }
.ie8 .con-library { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
@media only screen and (max-width: 767px) { 
  .con-library { 
    padding: 0; 
  } 
}
@media only screen and (min-width: 1025px) { .con-library .box-txt { width: 100%; } }
@media print { .con-library .box-txt { width: 100%; } }
.ie8 .con-library .box-txt { width: 100%; }
.con-library .box-txt h2 { color: #000 ; font-size: 2.6rem; line-height: 1.3; margin-bottom: 16px; }
@media only screen and (max-width: 767px) { .con-library .box-txt h2 { font-size: 2rem; margin-bottom: 8px; } }
.con-library .box-txt .txt { line-height: 2; }
@media only screen and (min-width: 768px) { .con-library .box-txt .box-list { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin-top: 100px; } }
@media print { .con-library .box-txt .box-list { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin-top: 100px; } }
.ie8 .con-library .box-txt .box-list { display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; margin-top: 100px; }
@media only screen and (min-width: 768px) { .con-library .box-txt .box-list .box { width: 40%; } }
@media print { .con-library .box-txt .box-list .box { width: 40%; } }
.ie8 .con-library .box-txt .box-list .box { width: 40%; }
@media only screen and (max-width: 767px) { .con-library .box-txt .box-list .box { margin-top: 15%; } }
@media only screen and (min-width: 768px) { .con-library .box-txt .box-list .box:last-child { width: 60%; padding-left: 3%; } }
@media print { .con-library .box-txt .box-list .box:last-child { width: 60%; padding-left: 3%; } }
.ie8 .con-library .box-txt .box-list .box:last-child { width: 60%; padding-left: 3%; }
.con-library .box-txt .box-list .box h3 { color: #bf1443; font-size: 2.6rem; line-height: 1.3; margin-bottom: 16px; }
@media only screen and (max-width: 767px) { .con-library .box-txt .box-list .box h3 { font-size: 2rem; margin-bottom: 8px; } }
.con-library .box-txt .box-list .box ul li { line-height: 2; position: relative; padding-left: 0.8em; }
.con-library .box-txt .box-list .box ul li:before { content: "●"; position: absolute; top: 0; left: 0; }
/*@media only screen and (min-width: 768px) and (max-width: 1024px) { .con-library .img { width: 85%; margin: 100px auto 0; } }
@media only screen and (max-width: 767px) { .con-library .img { margin-top: 15%; } }*/

a.img {
  width: 30%;
  margin-right: 10px;
}

@media only screen and (max-width: 767px) { 
  a.img {
    margin-bottom: 20px;
  }
}  

a.wide {
  width: 50%;
}

.box-flex {
  display: flex;
  width: 100%;
  background: #edeeee;
  padding: 40px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) { 
  .box-flex { 
    display: block;
    padding: 20px;
  } 
}

div.box {
  width: 50%;
}

@media only screen and (max-width: 767px) { 
  div.box { 
    width: 100%;
  } 
}

div.no-image {
  width: 100%;
}

.pdf-img {
  display: flex;
  justify-content: center;
}

dl {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  word-wrap: break-word;
  line-height: 2;
  margin-top: 20px;
  font-size: 20px;
}

dt {
  width: 15%;
  margin-bottom: 10px;
}

dt span {
  background: #656565;
  padding: 5px 10px;
  color: #fff;
}

dd {
  width: 85%;
}

@media only screen and (max-width: 767px) { 
  dl {
    display: block;
    width: 100%;
    font-size: 16px;
  }
  
  dt {
    width: 100%;
    margin-bottom: 0px;
  }
  
  dd {
    width: 100%;
    margin-bottom: 20px;
  }
}


a.txt-link {
    text-decoration: underline!important;
    color: #00f;
}