@charset "UTF-8";

/*-------------------------
__cp_style
-------------------------*/
@media screen and (max-width:767px) {
#page_ttl_wrap{padding:40px var(--pageSideMargin) 50px;}
}

#outline{padding:80px var(--pageSideMargin);}
#outline table{width:100%;font-size:1.6em;line-height:2.5;border-collapse:collapse;border-top:1px solid #e0e0e0;border-left:1px solid #e0e0e0;}
#outline table th,
#outline table td{vertical-align:top;padding:15px 20px;border-right:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;}
#outline table th{width:8em;}
#outline table td dl{display:flex;}
#outline table td dl dt{width:15em;}
#outline table td dl dd{flex:1;}
#outline table td dl dd a{color:var(--colorBlue);}
@media screen and (min-width:768px) {
  #outline table td dl dd a:hover{text-decoration:none;}
}
@media screen and (max-width:1180px) {
  #outline table{font-size:1.5em;}
}
@media screen and (max-width:980px) {
  #outline{padding:60px var(--pageSideMargin);}
  #outline table th,
  #outline table td{padding:10px 15px;}
}
@media screen and (max-width:767px) {
  #outline{padding:30px var(--pageSideMargin);}
  #outline table{font-size:1.3em;line-height:1.75;}
  #outline table th,
  #outline table td{padding:10px;}
  #outline table td dl{display:block;}
}

#history{padding:80px var(--pageSideMargin);background-color:#f4f4f4;}
#history .sub_ttl{color:var(--colorBlack);}
#history .history_table dl{display:flex;flex-wrap:wrap;position:relative;}
#history .history_table dl::before{content:"";display:block;width:2px;height:100%;background-color:var(--colorBlue);position:absolute;top:0;left:140px;bottom:0;}
#history .history_table dl::after{content:"";display:block;width:12px;height:12px;border-radius:50%;background-color:var(--colorBlue);position:absolute;top:18px;left:135px;}
#history .history_table dl dt{font-size:2.5em;font-weight:700;margin:0.5em 0 -1.4em;color:var(--colorBlue);}
#history .history_table dl dd{display:flex;align-items:flex-start;width:100%;font-size:1.6em;line-height:2.5;padding:3px 0 3px 170px;}
#history .history_table dl dd span{display:inline-block;width:4.5em;font-weight:700;line-height:1;text-align:center;margin:5px 20px 0 0;padding:5px 10px;border-radius:50px;color:var(--colorBlue);background-color:#FFF;border:1px solid var(--colorBlue);}
#history .history_table dl dd p{flex:1;}
#history .history_table dl:first-child:before{top:20px;}
#history .history_table dl:last-child{padding-bottom:60px;}

@media screen and (max-width:1180px) {
  #history .history_table dl dt{font-size:2.1em;}
  #history .history_table dl dd{font-size:1.5em;}
}
@media screen and (max-width:980px) {
  #history{padding:60px var(--pageSideMargin);}
}
@media screen and (max-width:767px) {
  #history{padding:30px var(--pageSideMargin);}
  #history .history_table dl::before{left:70px;}
  #history .history_table dl::after{top:13px;left:65px;}
  #history .history_table dl dt{font-size:1.7em;}
  #history .history_table dl dd{display:block;font-size:1.3em;padding:0 0 0 90px;}
  #history .history_table dl dd span{margin:0;padding:3px 5px;}
  #history .history_table dl dd p{line-height:2;}
}

#access{padding:80px var(--pageSideMargin);}
#access .access_ttl{font-size:2em;margin:0 0 10px;}
#access .map{margin:40px calc(var(--pageSideMargin) * -1) 0;}
#access .map iframe{width:100%;height:450px;border:none;}
#access .row{display:flex;margin:40px auto 0;}
#access .row dl{flex:1;font-size:2em;padding:20px 30px;}
#access .row dl + dl{border-left:1px solid #e0e0e0;}
#access .row dl dt{font-weight:700;}
#access .row dl dd{text-align:center;margin:10px 0 0;padding:20px 10px;border-radius:10px;color:var(--colorBlue);background-color:var(--colorLightBlue);}
@media screen and (max-width:1180px) {
  #access .access_ttl{font-size:1.9em;}
  #access .row dl{font-size:1.9em;}
}
@media screen and (max-width:980px) {
  #access{padding:60px var(--pageSideMargin);}
  #access .access_ttl{margin:0 0 5px;}
  #access .map{margin:30px calc(var(--pageSideMargin) * -1) 0;}
  #access .row{margin:30px auto 0;}
  #access .row dl{padding:15px 10px;}
  #access .row dl dd{padding:15px 5px;}
}
@media screen and (max-width:767px) {
  #access{padding:30px var(--pageSideMargin);}
  #access .access_ttl{font-size:1.7em;margin:0;}
  #access .map{margin:15px calc(var(--pageSideMargin) * -1) 0;}
  #access .map iframe{height:300px;}
  #access .row{display:block;margin:5px auto 0;}
  #access .row dl{font-size:1.7em;padding:15px 0;}
  #access .row dl + dl{border:none;border-top:1px solid #e0e0e0;}
  #access .row dl:last-of-type{padding-bottom:0;}
  #access .row dl dd{padding:10px 0;border-radius:5px;}
}