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

/*------------------------------------------------------

	common

------------------------------------------------------*/



/*------------------------------------------------------

	header

------------------------------------------------------*/


#page-header { background: linear-gradient(90deg, #0D88E2 0%, #1F9EFA 50%, #0D88E2 100%); text-align: center; margin-bottom: 0px;  }
#page-header h1 { font-size: 3.6rem; color: #fff; line-height: 100%;  }
#page-header.orange { background: linear-gradient(90deg, #D8892C 0%, #EB9837 50%, #D8892C 100%);   }
#page-header.pink { background: linear-gradient(90deg, #DE608F 0%, #EF73A1 50%, #DE608F 100%); }
#page-header.green { background: linear-gradient(90deg, #0FA45B 0%, #6BBB63 50%, #0FA45B 100%); }


#page-header h1 { font-size: 3.6rem; color: #fff; line-height: 100%;  }

@media (min-width: 768px) {
    #page-header { padding: 55px 0px;  }
    #page-header h1 { font-size: 3.6rem; }
}

@media (max-width: 767px) {
    #page-header {  padding: 40px 0px; }
    #page-header h1 { font-size: 2.4rem; line-height: 125%; }

}


/*------------------------------------------------------

	accessInner

------------------------------------------------------*/


#access .accessInner {  max-width: 800px; margin-left: auto; margin-right: auto;}
#access .accessInner .accessTitle { font-size: 2.0rem; font-weight: bold; margin-bottom: 10px; background: url(../images/icon_ellipse.svg) no-repeat left center; padding-left: 20px; position: relative; color: #0FA45B; position: relative; padding-bottom: 10px; background-position: 0px 11px; top: 3px;   }
#access .accessInner .accessTitle::after{ content: ''; background-image: linear-gradient(to right, #42210B 2px, transparent 2px); background-size: 4px 2px; background-repeat: repeat-x;  background-position: left bottom; width: 100%; height: 1px;  display: block; position: absolute; bottom: 0px; left: 0px;  }

#access .accessInner a {  height: 24px; margin-left: 15px; border-radius: 18px; background:  #0FA45B; color: #fff; font-size: 1.4rem; text-align: center; line-height: 24px; display: inline-block; text-decoration: none; transition: all 200ms cubic-bezier(0.165, 0.84, 0.44, 1); border: 1px solid #0FA45B;}
#access .accessInner a:hover { background-color: #fff; color: #0FA45B; }


#access .accessInner dl { margin-bottom: 25px;}
#access .accessInner dl dt { line-height: 160%; font-weight: bold; margin-bottom: 10px;}
#access .accessInner dl dd { line-height: 160%; font-size: 1.6rem; }

#access .title-c { background: #6BBB63; font-size: 2.4rem; height: 100px; line-height: 100px;  }

@media (min-width: 768px) {
    #access .accessInner a { width: 80px; }

    #access .accessInner dl dt {  font-size: 1.8rem; }


}

@media (max-width: 767px) {
    #access .accessInner a { width: 60px; }

    #access .accessInner dl dt {  font-size: 1.6rem; }

}