@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900|Noto+Serif+JP:200,300,400,500,600,700,900|M+PLUS+Rounded+1c:200,300,400,500,600,700,900&display=swap&subset=japanese');

body {
  font-family: 'Noto Sans JP', sans-serif, "Open Sans", "Helvetica Neue", Helvetica, "Arial", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  background-color: #fff;
}

/*html{
  scroll-behavior: smooth;
}*/

.pc_Only{
  display: block;
}
.sp_Only{
  display: none !important;
}
@media screen and (max-width: 768px) {
  .pc_Only{
    display: none;
  }
  .sp_Only{
    display: block !important;
  }
}

.mt-1{
  margin-top: 10px;
}
.mt-2{
  margin-top: 20px;
}
.mt-3{
  margin-top: 30px;
}
.mt-4{
  margin-top: 40px;
}
.mt-5{
  margin-top: 50px;
}
.mt-6{
  margin-top: 60px;
}
.mb-0{
  margin-bottom: 0;
}
.mb-1{
  margin-bottom: 10px;
}
.mb-2{
  margin-bottom: 20px;
}
.mb-3{
  margin-bottom: 30px;
}
.mb-4{
  margin-bottom: 40px;
}
.mb-5{
  margin-bottom: 50px;
}
.mb-6{
  margin-bottom: 60px;
}
.pt-4{
  padding-top: 40px;
}
.pb-4{
  padding-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .mt-3sp{
    margin-top: 30px;
  }
  .mt-5sp{
    margin-top: 50px;
  }
}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: 'Noto Sans JP', sans-serif, "Open Sans", "Helvetica Neue", Helvetica, "Arial", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

/* link */
a {
  color: #00a0e9;
}
a:hover {
  color: #054495;
}


/*  globalNavi */
.navbar {
    min-height: 110px;
    margin-bottom: 0;
    position: relative;
}
.navbar-brand {
    /*margin-top: 15px;*/
    width: 560px;
}
.navbar-brand .site_title {
    color: #054495;
    font-weight: 600;
    font-size: 28px;
    line-height: 1.2;
    font-family: 'Noto Sans JP', sans-serif, "Open Sans";
    padding-top: 5px;
}
.navbar-brand .site_title span {
    display: block;
    font-size: 24px;
    font-weight: 500;
}
.navbar-brand > img {
    width: 100%;
}
.navbar-default .navbar-nav > li > a {
  font-weight: 600;
}
#navbar-main .navbar-nav > li > a {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
  border-radius: 0;
}
#navbar-main .nav > li > a {
  font-weight: 500;
  padding: 8px 25px 10px;
  margin: 0 5px;
  background-color: #E96D12;
  color: #fff;
  border-radius: 5px;
  transition: 0.3s;
  font-family: 'Noto Sans JP', sans-serif, "Open Sans";
}
#navbar-main .nav > li > a:hover {
  background-color: #c23413;
  color: #fff;
}

@media screen and (min-width: 767px) {
  .navbar .container {
    position: relative;
    padding: 0;
  }
  .navbar-nav {
    height: 20px;
    margin: 0 auto;
    padding: 0;
    margin-top: 40px;
    display: flex;
  }
  .navbar-nav li {
    position: relative;
    list-style: none;
  }
  .navbar-nav > li:not(:last-child) {
    /*margin-right: 14px;
    border-right: 1px solid #000;*/
  }
  .navbar-nav li span {
    display: block;
    text-align: center;
    font-size: 18px;
    text-decoration: none;
    box-sizing: border-box;
    transition: 0.3s;
    letter-spacing: 0;
  }
  .navbar-nav > li:hover > span {/*layer-1*/
    background: #a3cce0;
    cursor: pointer;
  }
  .navbar-nav > li li:hover > a {/*layer-2*/
    text-decoration: none;
  }
  .navbar-nav li ul {
    top: 40px;
    left: -100px;
    position: absolute;
  }
  .navbar-nav li ul li {
    overflow: hidden;
    height: 0;
    transition: 0.3s;
  }
  .navbar-nav li ul li a {
    color: #333;
    text-decoration: underline;
    line-height: 30px;
  }
  .navbar-nav li:hover > ul {
    background-color: #a3cce0;
    border: 2px solid #fff;
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .navbar-nav li:hover > ul::before {
    content: "";
    position: absolute;
    top: -13px;
    right: 80px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7.5px 13.0px 7.5px;
    border-color: transparent transparent #a3cce0 transparent;
  }
  .navbar-nav li:hover > ul > li {
    overflow: visible;
    height: 30px;
    left: -25px;
  }
  .subnav {
    position: absolute;
    top: 10px;
    right: 0;
    font-size: 12px;
  }
  .subnav li {
    list-style: none;
    display: inline-block;
    margin-right: 30px;
  }
  .subnav li:last-child {
    margin-right: 0;
  }
  .subnav li a {
    color: #333;
    position: relative;
  }
  .subnav li a::before {
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 1px #333;
    border-right: solid 1px #333;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -3px;
    margin-left: -15px;
  }
}
@media screen and (max-width: 768px) {
  .navbar-brand {
    width: auto;
    padding-top: 23px;
  }
  .navbar-brand > img {
      width: 85%;
      max-width: 300px;
  }
  .navbar {
    min-height: 80px;
  }
  .navbar-toggle {
    position: absolute;
    float: none;
    top: 0;
    right: 0;
    z-index: 999;
    margin-top: 20px;
  }
  .navbar-toggle .icon-bar {
    width: 25px;
  }
  .navbar-default .navbar-toggle .icon-bar {
      background-color: #333;
  }
}

@media screen and (min-width: 768px) {
  .navbar-default .collapse .navbar-nav > li > a:hover,
  .navbar-default .collapse .navbar-nav > li > a:focus {
    background-color: unset;
  }
  .navbar-default .collapse .navbar-nav > li > a:hover{
    background-color: #054495;
    color: #fff;
  }
}

.navbar-default .navbar-toggle {
  display: none;
  border: none;
  -webkit-transition: .35s ease-in-out;
  -moz-transition: .35s ease-in-out;
  transition: .35s ease-in-out;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color:transparent;
}
.navbar-default .navbar-toggle.collapsed .icon-bar {
  -webkit-transition: .35s ease-in-out;
  -moz-transition: .35s ease-in-out;
  transition: .35s ease-in-out;
}
.navbar-default .navbar-toggle.collapsed .icon-bar:nth-child(1),
.navbar-default .navbar-toggle.collapsed .icon-bar:nth-child(2),
.navbar-default .navbar-toggle.collapsed .icon-bar:nth-child(3) {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  transform: rotate(0deg);
}
.navbar-default .navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(1),
.navbar-default .navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(2),
.navbar-default .navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(3) {
  -webkit-transition: .35s ease-in-out;
  -moz-transition: .35s ease-in-out;
  transition: .35s ease-in-out;
  display: block;
}
.navbar-default .navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(1) {
  top: 3px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position: relative;
}
.navbar-default .navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(2),
.navbar-default .navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(3) {
  top: 2px;
  margin-top: 0;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  position: relative;
}
.navbar-default .navbar-toggle[aria-expanded="true"] .icon-bar:nth-child(3) {
  display: none;
}
.navbar-default .navbar-toggle .hum_menu{
  font-size: 0.6em;
  margin-top: 0px;
  display: block;
}
.navbar-default .navbar-toggle[aria-expanded="true"] .hum_menu {
  display: none;
}

@media screen and (max-width: 992px) {
  .navbar .container {
    width: 98%;
  }
  .navbar-header {
    width: 259px;
  }
  .navbar-header img{
    width: 230px;
  }
  .navbar-nav {
    margin-top: 0;
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 767px) {
  .navbar-collapse {
    position: absolute;
    width: 100%;
    background-color: #cce4f0;
    top: 0;
    height: auto;
    z-index: 0;
  }
  .navbar-nav {
    margin: 0 -15px;
    padding: 60px 20px 10px;
  }
  .navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: none;
  }
  .navbar-nav .sp_logo0{
    text-align: left;
  }
  .navbar-nav .sp_logo0 img{
    width: 80%;
  }
  .collapse.in .nav a {
    color: #333;
    position: relative;
  }
  /*.collapse.in .nav a::after {
    display: block;
    content: '';
    position: absolute;
    top: .5em;
    right: -1em;
    width: 6px;
    height: 6px;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }*/
  .collapse.in a.sp_home::after {
    top: 1em;
  }
  .collapse.in .nav a:hover {
    background-color: transparent;
    text-decoration: underline;
  }
  #navbar-main .nav > li > a {
    text-align: center;
  }
  .collapse.in .nav > li:first-child {
  }
  .collapse.in .nav > li {
    list-style: none;
    margin-bottom: 20px;
  }
  .collapse.in .nav > li span {
    font-size: 1.2em;
    display: inline-block;
  }
  .collapse.in .nav > li:last-child {
    border-bottom: none;
  }
  .collapse.in .nav > li > ul {
    padding-left: 10px;
    margin-left: 0;
  }
  .collapse.in .nav > li > ul > li {
    list-style: none;
    margin-bottom: 10px;
  }
  .subnav {
    margin-bottom: 40px;
    padding: 0 15px 0 40px;
  }
  .subnav li{
    margin-bottom: 20px;
    list-style: none;
    font-size: 15px;
    font-weight: bold;
  }
  .subnav li a {
    color: #333;
    position: relative;
    display: block;
  }
  .subnav li a::after {
    display: block;
    content: '';
    position: absolute;
    top: .5em;
    right: -1em;
    width: 6px;
    height: 6px;
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .container > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-header, .container-fluid > .navbar-collapse {
    margin-left: -19px;
  }
}


/* breadcrumb */
.bs-component {
  background-color: #fff;
}
.breadcrumb {
  color: #333;
  font-family: 'Noto Sans JP', serif;
  padding: 8px 15px;
  margin-bottom: 0;
  list-style: none;
  border-radius: 2px;
  background-color: #fff;
  font-size: 12px;
}
.breadcrumb > li + li:before {
  content: ">";
  padding: 0 5px;
  color: #333;
}
.breadcrumb a {
  color: #333;
  text-decoration: none;
  transition: 0.3s;
}
.breadcrumb a:hover {
  text-decoration: underline;
  color: #054495;
}


/* MainVI */
.jumbotron.special.top {
  position: relative;
  min-height: 400px;
  margin-bottom: 0;
  overflow: hidden;
  text-align: center;
  background-image: url("../img/img_main.jpg");
  background-color: #c6e2f0;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
  padding-top: 75px;
  padding-bottom: 30px;
}
.jumbotron.special.page {
  position: relative;
  min-height: 370px;
  margin-bottom: 0;
  overflow: hidden;
  text-align: center;
}

@media screen and (min-width: 1085px) {
  .jumbotron.special {
	  background-position: right center%;
	  -webkit-background-size: 100% 100%;
	          background-size: 100%;
  }
}
.jumbotron.special .outline {
  background-color: rgba(255,255,255,0.7);
  text-align: left;
  border-radius: 10px;
  padding: 20px 45px;
}
.jumbotron.special .outline .jigyo_name .jigyo_nameTxt {
  font-size: 18px;
  font-weight: 400;
}
.jumbotron.special .outline .catch_copy {
  font-size: 18px;
  font-weight: 400;
  color: #054495;
}

.jumbotron.special .oubo_banner {
  background-color: #064595;
  border-radius: 15px;
  color: #fff;
  margin-top: 30px;
  box-shadow: 0 3px 4px rgba(0,0,0,0.3);
}
.jumbotron.special .oubo_banner .koushukai_title {
  font-size: 15px;
  font-weight: 400;
  padding-top: 20px;
}
.jumbotron.special .oubo_banner .koushukai_text1 {
  font-size: 36px;
  font-weight: 600;
  letter-spacing: 6px;
}
.jumbotron.special .oubo_banner .koushukai_text2 {
  font-size: 23px;
  font-weight: 500;
  font-size: 18px;
}
.jumbotron.special .oubo_banner .koushukai_link {
  padding: 0px 30px 20px;
}
.jumbotron.special .oubo_banner .koushukai_link a {
  background-color: #fff;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 400;
  padding: 5px 15px;
  display: block;
  text-decoration: none;
  color: #04a1e6;
  position: relative;
  transition: 0.3s;
}
.jumbotron.special .oubo_banner .koushukai_link a:hover {
  background-color: #04a1e6;
  color: #fff;
}
.jumbotron.special .oubo_banner .koushukai_link a::before{
  content: '';
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 2px #5bc0de;
  border-right: solid 2px #5bc0de;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -4px;
}
.jumbotron.special .oubo_banner .koushukai_link a:hover::before{
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
}

.jumbotron.special.page .outline {
  margin-top: 50px;
}
.jumbotron.special h1,
.jumbotron.special .h1 {
  font-size: 36px;
  font-weight: 600;
  margin-bottom: 20px;
  letter-spacing: 2px;
}
.jumbotron.special .main_copy {
  font-size: 41px;
  color: #054495;
  margin-top: 20px;
  margin-bottom: 30px;
}
.jumbotron.special .main_copy span{
  display: block;
  font-size: 36px;
}
.jumbotron.special.page .page_title{
  font-family: 'Noto Sans JP', serif;
  font-size: 42px;
  font-weight: 700;
  margin-bottom: 44px;
  letter-spacing: 2px;
}
.jumbotron.special .kikan {
  font-size: 20px;
  font-weight: 500;
  display: inline-block;
}
.jumbotron.special .kikan .kikan-1 {
  display: inline-block;
  background-color: #7fb99e;
  color: #fff;
  border-radius: 8px 0 0 8px;
  padding: 5px 20px;
  width: 200px;
  text-align: center;
}
.jumbotron.special .kikan .kikan-2 {
  display: inline-block;
  background-color: #fff;
  color: #054495;
  border-radius: 0 8px 8px 0;
  padding: 5px 20px;
  width: 500px;
}

@media screen and (max-width: 1200px) {
  .jumbotron .container {
    width: 98%;
  }
}
@media screen and (max-width: 992px) and (min-width: 768px) {
  .col-md-3 {
    width: 300px;
    margin: 0 auto;
  }
}

@media screen and (max-width: 768px) {
  .jumbotron.special.top {
    min-height: 250px;
    padding: 30px 15px 30px;
    background-position: 56% 50%;
  }
  .jumbotron.special .outline .jigyo_name .jigyo_nameTxt {
    font-size: 12px;
  }
  .jumbotron.special .outline .jigyo_name {
    margin-left: 0;
  }
  .jumbotron.special .main_copy {
    font-size: 28px;
    margin: 20px 0 20px;
    text-align: center;
  }
  .jumbotron.special .main_copy span{
    font-size: 24px;
  }
  .jumbotron.special .outline .catch_copy {
    font-size: 16px;
  }
  .jumbotron.special .oubo_banner {
    margin: 0 auto;
    width: 80%;
  }
  .jumbotron.special .outline {
    padding: 20px 20px;
  }
  .jumbotron.special .kikan {
    font-size: 16px;
  }
  .jumbotron.special .kikan .kikan-1 {
    display: block;
    border-radius: 8px 8px 0 0;
    text-align: center;
    width: auto;
  }
  .jumbotron.special .kikan .kikan-2 {
    display: block;
    border-radius: 0 0 8px 8px;
    text-align: center;
    width: auto;
  }
}

/* PgaeHeader */
.page_header {
  position: relative;
  min-height: 220px;
  background-color: #cce4ef;
}
.page_header .page_logo{
  position: absolute;
  top: 10px;
}
.page_header .page_copy{
  text-align: center;
  font-size: 32px;
  letter-spacing: 3px;
  margin-top: 70px;
}
.page_header .page_copy.page_form{
  margin-top: 90px;
}
.page_header .page_copy span{
  display: block;
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 10px;
}

@media screen and (max-width: 768px) {
  .page_header .page_logo {
    position: relative;
    text-align: center;
    top: 0;
    margin: 10px;
  }
  .page_header .page_copy {
    margin-top: 20px;
    margin-bottom: 20px;
  }
}


/* Containts Layout */
.main_wrap .container{
  padding-left: 0;
  padding-right: 0;
}
.contents-main-area{
  width: 100%;
  padding-top: 30px;
}
.contents-side-area{
  width: 250px;
  float: left;
  padding-top: 90px;
}

@media screen and (max-width: 1200px) and (min-width: 768px) {
  .main_wrap .container {
    width: 1200px;
  }
}

@media screen and (max-width: 768px) {
  .main_wrap .container{
    padding-left: 15px;
    padding-right: 15px;
  }
  .contents-main-area{
    width: 100%;
    margin-right: 0;
    float: none;
  }
  .contents-side-area{
    width: 100%;
    float: none;
    padding-top: 0;
  }
}


/* FOOTER */
footer {

}
.footer_nav {
  background-color: #dff3fc;
  position: relative;
  padding: 20px 0 10px;
  margin: 0 auto !important;
  overflow: hidden;
}
.footer_nav ul {
  margin-left: 0;
  padding-left: 0;
  text-align: center;
}
.footer_nav ul li{
  list-style: none;
  text-align: left;
  display: inline-block;
}
.footer_nav ul li:not(:last-child){
  border-right: 1px solid #333;
  padding-right: 10px;
  margin-right: 10px;
}
.footer_nav ul li a{
  color: #333;
  position: relative;
}
footer .footer_company{
  padding: 50px 10px 40px;
  background: #cfe6dc; /* Old browsers */
  /*background: -moz-linear-gradient(top, rgba(178,226,248,1) 0%, rgba(235,247,253,1) 100%); /* FF3.6-15 */
  /*background: -webkit-linear-gradient(top, rgba(178,226,248,1) 0%,rgba(235,247,253,1) 100%); /* Chrome10-25,Safari5.1-6 */
  /*background: linear-gradient(to bottom, rgba(178,226,248,1) 0%,rgba(235,247,253,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2e2f8', endColorstr='#ebf7fd',GradientType=0 ); /* IE6-9 */
}
footer .footer_company.jititai {
  background: #c6e2f0;
}
footer .footer_company.jigyousya {
  background: #f1c8a9;
}
footer .footer_company .company_title{
  font-size: 21px;
  letter-spacing: 3px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  padding-bottom: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #999;
}
footer .footer_company .company_name{
  font-size: 15px;
}
footer .footer_company .company_add{
  font-size: 13px;
}
footer .copyright {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 11px;
  letter-spacing: 2px;
  color: #666;
}
.navbar.no-disp .navbar-nav,
.navbar.no-disp .navbar-toggle,
.footer_nav.no-disp {
  display: none;
}

.contact_txt{
  line-height: 1.8;
}
.contact_btn{
  color: #fff;
  background-color: #054495;
  border: 1px solid #054495;
  border-radius: 5px;
  padding: 3px 25px 3px 20px;
  position: relative;
  text-decoration: none;
  display: inline-block;
}
.contact_btn::after{
  content: '';
  width: 7px;
  height: 7px;
  border: 0px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -4px;
}
.contact_btn:hover {
  background-color: #fff;
  color: #054495;
  text-decoration: none;
}
.contact_btn:hover::after {
  border-top: solid 1px #054495;
  border-right: solid 1px #054495;
}

@media screen and (max-width: 768px) {
  .footer_nav .home {
    width: 100%;
  }
  .footer_nav .page_link {
    border-left: none;
    padding-left: 15px;
    margin-bottom: 20px;
    width: 100%;
  }
  .footer_nav ul {
    padding-left: 10px;
  }
  .footer_nav ul li {
    margin-bottom: 10px;
  }
  .footer_nav .home ul {
    padding-left: 0;
  }
}

/* PAGE TOP */
#page-top {
  position: fixed;
  bottom: 50px;
  right: 20px;
  z-index: 500;
}
#page-top a {
  width: 40px;
  height: 50px;
  background-color: #adc1cc;
  display: block;
  position: relative;
  /*border: 1px solid #fff;*/
  border-radius: 5px;
}
#page-top a::before{
  position: absolute;
  content: "";
  left: 13px;
  top:22px;
  width: 12px;
  height: 12px;
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
#page-top a:hover {
  opacity: 0.7;
}


/* RIGHT SIDE */
.web_study{
  background-color: #dce3e6;
  border-radius: 10px;
  padding: 20px 15px;
  box-shadow: 0 2px 2px rgba(0,0,0,0.2);
  margin-bottom: 20px;
}
.web_study .study_title{
  text-align: center;
  font-size: 36px;
  font-weight: 600;
  color: #333;
  font-family: 'Noto Sans JP', sans-serif, "Open Sans";
  letter-spacing: 3px;
  margin: 0 0 20px;
}
.web_study .study_text{
  font-size: 15px;
  color: #333;
  letter-spacing: 3px;
  margin-bottom: 20px;
}
.web_study .study_text2{
  color: #00a0e9;
  text-align: center;
  background-color: #fff;
  border-radius: 8px;
  padding: 10px 10px;
  font-size: 18px;
  font-weight: 500;
  transition: 0.3s;
}
.web_study a {
  text-decoration: none;
}
.web_study a:hover .study_text2 {
  color: #fff;
  background-color: #00a0e9;
}

.side_bnr {
  margin-bottom: 60px;
}
.side_bnr .list_bnr {
  padding: 0;
}
.side_bnr .list_bnr li {
  list-style: none;
  text-align: center;
  background-color: #fff;
  box-shadow: 0px 1px 4px rgba(0,0,0,0.3);
  border-radius: 10px;
  margin-bottom: 20px;
  position: relative;
  transition: 0.3s;
  padding: 5px;
}
.side_bnr .list_bnr li::after {
  content: '';
  width: 10px;
  height: 10px;
  border: 0px;
  border-top: solid 2px #333;
  border-right: solid 2px #333;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 20px;
  margin-top: -4px;
}
.side_bnr .list_bnr li a {
  text-decoration: none;
}
.side_bnr .list_bnr li:hover {
  /*background-color: #eee;*/
  opacity: 0.7;
}
.side_bnr .list_bnr li.list_bnr1 .side_bnr_title {
  font-size: 15px;
  font-weight: 500;
  color: #333;
  padding: 10px 0 0;
  margin-bottom: 0;
  letter-spacing: 3px;
}
.side_bnr .list_bnr li.list_bnr1 .side_bnr_title2 {
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 1px;
  color: #00a0e9;
  padding: 0 0 10px;
}
.side_bnr .list_bnr li.list_bnr1 {
  padding: 7px 0 3px;
}
.side_bnr .list_bnr li.list_bnr2 {
  padding: 20px 0 25px;
}
.side_bnr .list_bnr li.list_bnrYoutube {
  padding: 10px 0 10px;
}
.side_bnr .list_bnr .list_bnrYoutube .side_bnr_title {
  font-size: 20px;
  font-weight: 500;
  color: #333;
}
.side_bnr .list_bnr .list_bnrYoutube .side_bnr_img {
  margin-bottom: 10px;
}
.side_bnr .list_bnr .list_bnrYoutube .side_bnr_title3 {
  font-size: 17px;
  font-weight: 500;
  margin-top: 3px;
  margin-bottom: 0;
}


.locl_nav_list {
  background-color: #dff3fc;
  border-radius: 10px;
  padding: 0 0 10px;
  margin-bottom: 55px;
}
.locl_nav_list .locl_nav_title {
  font-family: 'Noto Sans JP', sans-serif, "Open Sans";
  background-color: #1a559f;
  padding: 10px 10px;
  color: #fff;
  font-size: 22px;
  font-weight: 500;
  border-radius: 10px 10px 0 0;
  text-align: center;
  letter-spacing: 3px;
  margin-top: 0;
}
.locl_nav_list ul {
  padding: 5px 20px 0;
}
.locl_nav_list li {
  list-style: none;
}
.locl_nav_list li a {
  display: block;
  background-color: #fff;
  border-radius: 5px;
  color: #333;
  font-size: 16px;
  margin-bottom: 8px;
  padding: 5px 10px;
  transition: 0.3s;
}
.locl_nav_list li a:hover {
  text-decoration: none;
  background-color: #1a559f;
  color: #fff;
}


@media screen and (max-width: 768px) {
  .web_study .study_title {
    font-size: 28px;
  }
}

/* SECTION */
section.section {
  padding: 60px 0;
}
section.section.start {
  padding: 100px 0 0;
}
section.section.section-top2 {
  padding: 0 0 60px;
}
section.section.section-default {
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  section.section.section-top2 {
    padding: 0 0 40px;
  }
}



/* Headline */
.title_2{
  letter-spacing: 2px;
  font-size: 28px;
  font-weight: 600;
  color: #054495;
  margin-top: 0;
  margin-bottom: 20px;
  padding-bottom: 10px;
  font-family: 'Noto Sans JP', sans-serif, "Open Sans";
  border-bottom: 1px solid #054495;
}
.title_2_1{
  letter-spacing: 2px;
  font-size: 22px;
  font-weight: 600;
  color: #054495;
  margin-top: 0;
  margin-bottom: 20px;
  padding-bottom: 10px;
  font-family: 'Noto Sans JP', sans-serif, "Open Sans";
  border-bottom: 1px solid #054495;
}
.title_2_2{
  font-family: 'Noto Sans JP', sans-serif, "Open Sans";
  font-size: 24px;
  font-weight: 500;
  color: #fff;
  letter-spacing: 3px;
  text-align: center;
  padding: 15px 10px;
  margin-bottom: 30px;
  margin-top: 10px;
  position: relative;
  overflow: hidden;
  background: #7fb99e;
  border-radius: 7px;
}
.title_2_3{
  font-family: 'Noto Sans JP', sans-serif, "Open Sans";
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 3px;
  text-align: center;
  padding: 20px 10px;
  margin-bottom: 30px;
  margin-top: 0;
  position: relative;
  overflow: hidden;
  background: rgb(185,229,249);
  background: -moz-linear-gradient(top, rgba(185,229,249,1) 0%, rgba(235,247,253,1) 100%);
  background: -webkit-linear-gradient(top, rgba(185,229,249,1) 0%,rgba(235,247,253,1) 100%);
  background: linear-gradient(to bottom, rgba(185,229,249,1) 0%,rgba(235,247,253,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9e5f9', endColorstr='#ebf7fd',GradientType=0 );
  border-radius: 10px;
}
.title_2_4{
  font-family: 'Noto Sans JP', sans-serif, "Open Sans";
  font-size: 24px;
  font-weight: 500;
  color: #fff;
  letter-spacing: 3px;
  text-align: center;
  padding: 15px 10px;
  margin-bottom: 30px;
  margin-top: 10px;
  position: relative;
  overflow: hidden;
  background: #4cabe2;
  border-radius: 7px;
}
.title_2_5{
  font-family: 'Noto Sans JP', sans-serif, "Open Sans";
  font-size: 24px;
  font-weight: 500;
  color: #fff;
  letter-spacing: 3px;
  text-align: center;
  padding: 15px 10px;
  margin-bottom: 30px;
  margin-top: 10px;
  position: relative;
  overflow: hidden;
  background: #eea46d;
  border-radius: 7px;
}
.title_3 {
  font-family: 'Noto Sans JP', sans-serif, "Open Sans";
  font-size: 21px;
  font-weight: 500;
  margin-bottom: 30px;
  margin-top: 10px;
  text-align: center;
}
.title_4 {
  font-family: 'Noto Sans JP', sans-serif, "Open Sans";
  font-size: 18px;
  font-weight: 500;
  border-bottom: 1px solid #d0dadc;
  padding-bottom: 10px;
  width: 90%;
  margin: 0 auto 20px;
  line-height: 1.5;
}
.title_4 span {
  display: inline-block;
  font-size: 14px;
  background-color: #054495;
  color: #fff;
  padding: 2px 10px 3px;
  margin-right: 10px;
  letter-spacing: 0;
  border-radius: 5px;
}
.title_4 span.newIcon {
  display: inline-block;
  font-size: 12px;
  background-color: #bf1015;
  color: #fff;
  padding: 1px 7px 2px;
  margin-left: 10px;
  letter-spacing: 0;
  border-radius: 3px;
  animation:blink 1s ease-in-out infinite alternate;
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
.title_5 {
  font-size: 18px;
  font-weight: 500;
}
span.redTxt {
  background-color: #bf1015;
  color: #fff;
  font-weight: 600;
  font-size: 13px;
  padding: 0px 10px 2px;
  margin-left: 10px;
}

.gray_box .title_3 {
  background-color: #dff3fc;
  border-bottom: none;
  padding: 20px 25px;
  letter-spacing: 0;
  margin-bottom: 40px;
}
.gray_box .title_4 {
  position: relative;
  letter-spacing: 0;
  border-bottom: none;
  padding-left: 30px;
  font-size: 20px;
}
.gray_box .title_4::before {
  content: '■';
  color: #b3e3f7;
  padding-right: 7px;
}

@media screen and (max-width: 768px) {
  .title_2{
    font-size: 24px;
  }
  .title_2_2,
  .title_2_3,
  .title_3 {
    font-size: 18px;
    border-radius: 5px;
  }
  .title_4,
  .gray_box .title_4 {
    font-size: 17px;
  }
  .title_6{
    font-size: 16px;
  }
}
@media screen and (max-width: 576px) {
}



/* TOP-PAGE */
.tbl_news{
  width: 100%;
}
.tbl_news .news_date{
  font-size: 15px;
  vertical-align: top;
  padding: 0 15px 0 0;  
}
.tbl_news .news_text{
  font-size: 15px;
  vertical-align: top;
  padding: 0 0 15px 0;
}
.tbl_news .news_text a{
  color: #00a0e9;
  transition: 0.3s;
  text-decoration: underline;
  position: relative;
}
.tbl_news .news_text a:hover{
  color: #054495;
  text-decoration: none;
}
.tbl_news .news_text a[href$=".pdf"]::after {
  content:" ";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(/img/icon_pdf.png) no-repeat;
  position: absolute;
  right: -30px;
}
.tbl_news .news_text a:not([href$=".pdf"])[target="_blank"]::after {
  content:" ";
  display: inline-block;
  width: 12px;
  height: 11px;
  background: url(/img/icon_blank.png) no-repeat;
  position: absolute;
  right: -20px;
  bottom: 6px;
}

.top2_box {
  box-shadow: 0 2px 2px rgba(0,0,0,0.2);
  border-radius: 10px;
  padding: 0 0 15px;
}
.top2_text {
  padding: 0 20px 10px;
  font-size: 16px;
  font-weight: 500;
}
.top2_list {
  padding: 0 20px 0;
}
.top2_list li {
  font-size: 16px;
  margin-bottom: 15px;
  list-style: none;
  margin-left: 1em;
  text-indent: -0.5em;
  position: relative;
}
/*.top2_list li::before {
  content: "• ";
  color: #00a0e9;
}*/
.top2_list li a {
  color: #00a0e9;
  transition: 0.3s;
  text-decoration: underline;
  position: relative;
}
.top2_list li a:hover {
  text-decoration: none;
  color: #054495;
}
.top2_list a.pdf_link[href$=".pdf"]:after {
  content:" ";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(/img/icon_pdf.png) no-repeat;
  position: absolute;
  right: -30px;
  bottom: 3px;
}
.top2_list li.list-1 {
  padding-left: 3.0em;
  text-indent: -3.5em;
}
.top2_list li.list-2 {
  padding-left: 3.5em;
  text-indent: -4em;
}



.top2_list li > ul {
  padding: 20px 20px 1px;
}
.top2_list li > ul li {
  font-size: 14px;
}
.top2_list li > ul li::before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 1px #00a0e9;
  border-right: solid 1px #00a0e9;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -3px;
  margin-left: -25px;
}


.row.top3_list {
  margin: 0;
  padding: 0 10px;
}
.top3_list {
}
.top3_list .top3_box {
}
.top3_list .top3_box a{
  text-decoration: none;
}
.top3_list .top3_box .top3_img{
  transition: 0.3s;
}
.top3_list .top3_box .top3_img img{
  width: 100%;
}
.top3_list .top3_box .top3_title{
  font-size: 16px;
  color: #00a0e9;
  margin-bottom: 25px;
}
.top3_list .top3_box .top3_title::after{
  content: '';
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 2px #333;
  border-right: solid 2px #333;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  margin-top: 8px;
  margin-left: 5px;
}
.top3_list .top3_box a:hover .top3_img{
  opacity: 0.7;
}
.top3_list .top3_box a:hover .top3_title{
  text-decoration: underline;
  color: #054495;
}

@media screen and (max-width: 768px) {
  .top2_box {
    margin-bottom: 50px;
  }
  .top2_text {
    padding: 0 15px;
  }
  .top2_list {
    padding: 0 15px;
  }
  .top3_list .top3_box {
    margin-bottom: 30px;
  }
}

/* 見出しリンク */
.title_2_2 a {
  color: #333;
  transition: 0.3s;
  text-decoration: none;
  display: block;
}
.title_2_2 a:hover {
  color: #054495;
}





/****** 下層ページ ******/

/* Page Header */
.page-header{
  min-height: 160px;
  overflow: hidden;
  background-color: #c6e2f0;
  margin: 0;
}
.page-header.jititai {
}
.page-header.jigyousya {
  background-color: #f1c8a9;
}
.page-header .outline{
  /*padding: 60px 0 0;*/
  height: 149px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.page-header .main_copy{
  font-size: 28px;
  font-weight: 600;
  font-family: 'Noto Sans JP', sans-serif, "Open Sans";
  display: inline-block;
  background-color: rgba(255,255,255,0.8);
  border-radius: 5px;
  padding: 2px 20px;
  margin: 0 0;
}

@media screen and (max-width: 768px) {
  /*.page-header .outline{
    padding: 50px 10px 0;
  }*/
  .page-header .main_copy{
    font-size: 23px;
    padding: 2px 10px;
  }
}


/* layout */
.sub-page .contents-main-area {
  padding-top: 0;
}
.sub-page .contents-side-area {
  padding-top: 60px;
}
.contents_box {
  margin-bottom: 40px;
}
.grayBox {
  border: 2px solid #e5e5e5;
}
.grayBox .title_3_2 {
  background-color: #c6e2f0;
  border-bottom: none;
  padding: 20px 25px;
  letter-spacing: 0;
  margin-top: 0;
  margin-bottom: 40px;
  font-size: 20px;
  font-weight: 500;
}

.gray_box {
  background-color: #f3f3f3;
  border-radius: 10px;
  margin-top: 60px;
  margin-bottom: 50px;
  padding: 30px 50px;
}
.questionnaire_title {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 30px;
}
.questionnaire_title2 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 10px;
}
.questionnaire_txt {
  font-size: 14px;
  line-height: 1.8;
}

.contents_box .cnt_txt {
  margin-bottom: 15px;
  text-indent: 1em;
  padding-left: 1em;
}

/* INDDEX */
.index_box{
  margin-top: 60px;
  background-color: #f3f3f3;
  padding: 20px 30px;
  /*background: rgb(242,242,242);
  background: -moz-linear-gradient(top, rgba(242,242,242,1) 0%, rgba(254,254,254,1) 100%);
  background: -webkit-linear-gradient(top, rgba(242,242,242,1) 0%,rgba(254,254,254,1) 100%);
  background: linear-gradient(to bottom, rgba(242,242,242,1) 0%,rgba(254,254,254,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#fefefe',GradientType=0 );*/
}
.index_title{
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 15px;
  margin-top: 5px;
  margin-left: 20px;
}
.index_box ul {
  padding: 5px 0 0;
}
.index_box ul li {
  list-style: none;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 6px;
}
.index_box ul li a {
  color: #333;
}
.index_box ul li ul{
  padding-left: 45px;
  margin: 5px 0 10px;
}
.index_box ul li ul li{
  list-style: disc;
}

@media screen and (max-width: 768px) {
  .index_title{
    margin-left: 0;
    letter-spacing: 2px;
    text-decoration: underline;
  }
  .gray_boxWrap {
    padding: 0 15px;
  }
  .gray_box {
    margin-top: 30px;
    padding: 20px 20px;
  }
}


/* リスト */
.linl_list {
  padding: 0 20px 0 0;
}
.linl_list li {
  font-size: 16px;
  margin-bottom: 15px;
  list-style: none;
  margin-left: 1em;
  text-indent: -0.5em;
}
.linl_list li a {
  color: #00a0e9;
  transition: 0.3s;
  text-decoration: none;
  position: relative;
}
.linl_list li::before {
  content: "• ";
  color: #00a0e9;
}
.linl_list li a:not([href$=".pdf"]):not([target="_blank"])::after {
  content: '';
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 2px #333;
  border-right: solid 2px #333;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  margin-top: 8px;
  margin-left: 5px;
}
.linl_list li a[href$=".pdf"]::after {
  content:" ";
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url(/img/icon_pdf.png) no-repeat;
  position: absolute;
  right: -30px;
  bottom: 3px;
}
.linl_list li a:not([href$=".pdf"])[target="_blank"]::after {
  content:" ";
  display: inline-block;
  width: 12px;
  height: 11px;
  background: url(/img/icon_blank.png) no-repeat;
  position: absolute;
  right: -20px;
  bottom: 6px;
}
.linl_list li a:hover {
  text-decoration: underline;
  color: #054495;
}
.linl_list2 {
  font-size: 16px;
  padding: 0 20px 0 0;
  margin-left: 8px;
  padding-left: 0.6em;
  text-indent: -0.6em;
}
.linl_list2::before {
  content: "• ";
  color: #00a0e9;
}

.timeTBL {
  width: 100%;
}
.timeTBL th {
  text-align: center;
  font-size: 18px;
  background-color: #f1f1f1;
  color: #333;
  padding: 15px 0;
  border: solid 1px #333;
}
.timeTBL th.rowNo {
  background-color: #f9f9f9;
  padding: 15px 10px;
  text-align: center;
  font-weight: 400;
  color: #333;
}
.timeTBL td {
  font-size: 16px;
  border: solid 1px #333;
  background: #f9f9f9;
  padding: 15px 10px;
}
.timeTBL .colNo01 {
  width: 50px;
}
.timeTBL .colNo02 {
  width: 60%;
}
.timeTBL .colNo03 {
  width: 130px;
}
.timeTBL tr:nth-child(odd) th.rowNo,
.timeTBL tr:nth-child(odd) td {
  background: #fff;
}
.timeTBL td:nth-child(3) {
  text-align: center;
}
.timeTBL td:last-child {
}

.specTBL {
  width: 100%;
}
.specTBL th {
  text-align: center;
  font-size: 18px;
  background-color: #f1f1f1;
  color: #333;
  padding: 10px 0;
  border: solid 1px #333;
}
.specTBL th.rowNo {
  background-color: #eee;
  padding: 15px 10px;
  text-align: center;
  font-weight: 400;
  color: #333;
}
.specTBL td {
  font-size: 16px;
  border: solid 1px #333;
  background: #fff;
  padding: 15px 10px;
}
.specTBL th.w0 {
  width: 210px;
}
.specTBL th.w1 {
  width: 150px;
}
.specTBL th.w2 {
  writing-mode: vertical-rl;
  width: 60px;
}

.no_borderTBL {
  width: 100%;
  border: none;
}
.no_borderTBL th {
  text-align: left;
  background-color: transparent;
  vertical-align: top;
  border: none;
  font-size: 16px;
  padding: 15px 10px;
}
.no_borderTBL td {
  border: none;
  vertical-align: top;
}
@media screen and (max-width: 767.98px) {
  .specTBL th.w0 {
    width: 20%;
  }
  .specTBL th.w1 {
    width: 15%;
  }
  .timeTBL .colNo01 {
    width: 35px;
  }
  .timeTBL .colNo02 {
    width: 50%;
  }
  .timeTBL .colNo03 {
    width: 60px;
  }
}



/* Movie */
.movie_wrap {
  width: 90%;
  margin: 0 auto;
}
.movie_box {
  position: relative;
  padding-bottom: 56.25%;
  /*padding-top: 30px;*/
  height: 0;
  overflow: hidden;
}
.movie_box iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/* News Page */
.sub-page .tbl_news {
  border-top: 1px solid #ddd;
  width: 100%;
}
.tbl_news.tbl_line .news_date,
.tbl_news.tbl_line .news_text {
  border-bottom: 1px solid #ddd;
  padding-top: 15px;
  padding-bottom: 15px;
}
.tbl_news.tbl_line .news_date:first-child,
.tbl_news.tbl_line .news_text:first-child {
}
.tbl_news.tbl_line td a {
  text-decoration: none;
  transition: 0.3s;
}
.tbl_news.tbl_line td a:hover {
  text-decoration: underline;
}
.tbl_news.tbl_line.tbl_press td a {
  text-decoration: none;
  transition: 0.3s;
  color: #333;
}
.tbl_news.tbl_line.tbl_press td a:hover {
  color: #00a0e9;
  text-decoration: underline;
}


/* Ather */
.graph_title{
  font-weight: 600;
  font-size: 16px;
}
.hosoku_text{
  margin-top: 10px;
  font-size: 12px;
}
.reference_box{
  background-color: rgba(235,247,253,1);
  /*background-color: #f9f9f9;*/
  padding: 20px 30px 5px;
  line-height: 1.8;
}
@media screen and (max-width: 768px) {
  .img_box img {
    width: 100%;
  }
  .reference_box ul{
    padding: 0 10px 0;
  }
}



/* 講習会概要 */
.page_nav{
  text-align: center;
  margin: 30px 0 60px;
  padding-left: 0;
}
.page_nav li{
  list-style: none;
  display: inline-block;
  border-right: 1px solid #666;
  margin-right: 20px;
  padding-right: 20px;
  font-size: 15px;
  letter-spacing: 3px;
  line-height: 1;
}
.page_nav li:last-child {
  border-right: none;
  margin-right: 0;
  padding-right: 0;
}
.page_nav li a{
  text-decoration: underline;
}
.page_nav li a:hover {
  text-decoration: none;
}

.outline_tbl {
  width: 100%;
}
.outline_tbl td {
  padding: 15px 10px;
  border-bottom: 1px solid #ddd;
}
.outline_tbl td:nth-child(1) {
  text-align-last: justify;
  -moz-text-align-last: justify;
  text-justify: inter-ideograph;
  width: 110px;
  font-weight: 600;
}
.outline_tbl td:nth-child(2) {
  padding-left: 40px;
}
.outline_tbl tr:last-child td {
  border-bottom: none;
}

.program_txt {
  font-size: 16px;
  line-height: 1.8;
}
.program_txtS{
  font-size: 14px;
}

.program_tbl th {
  background-color: #f2f2f2;
  text-align: center;
  font-size: 15px;
  font-weight: normal;
  padding: 10px 0px !important;
  border-top: none !important;
  border-bottom: 1px solid #999 !important;
}
.program_tbl td:nth-child(1),
.program_tbl th:nth-child(1) {
  width: 110px;
}
.program_tbl td:nth-child(2),
.program_tbl th:nth-child(2) {
  width: 110px;
}
.program_tbl td:nth-child(3),
.program_tbl th:nth-child(3) {
  width: 185px;
}
.program_tbl td:nth-child(4),
.program_tbl th:nth-child(4) {
}
.program_tbl th span{
  border-left: 1px solid #999;
  display: block;
  line-height: 2;
}
.program_tbl th:first-child span{
  border-left: none;
}
.program_tbl td:nth-child(1) {
  text-align: center;
}
.program_tbl td:nth-child(2) {
  text-align: center;
}
.program_tbl td:nth-child(3) {
  text-align: center;
}
.program_tbl td:nth-child(4) {
  text-align: left;
}
.program_tbl td:nth-child(1) .tbl_cel {
  padding-top: 27px;
}
.program_tbl td:nth-child(2) .tbl_cel {
  padding-top: 27px;
}
.program_tbl td:nth-child(3) .tbl_cel {
  padding-top: 27px;
}
.program_tbl td:nth-child(4) .tbl_cel {
}
.program_tbl td {
  border-bottom: 1px solid #999 !important;
  padding: 10px 0 0 !important;
  vertical-align: middle !important;
}
.program_tbl p {
  font-size: 14px;
  /*letter-spacing: 3px;*/
  line-height: 1.8;
}
.program_tbl .tbl_cel {
  border-left: 1px solid #999;
  line-height: 1.8;
  padding: 0 10px;
}
.program_tbl td:first-child .tbl_cel {
  border-left: none;
}
.program_tbl td .program_btn {
  background-color: #00a0e9;
  border: 1px solid #00a0e9;
  display: inline-block;
  padding: 2px 25px 2px 15px;
  color: #fff;
  text-decoration: none;
  border-radius: 5px;
  position: relative;
}
.program_tbl td .program_btn::after {
  content: '';
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -4px;
}
.program_tbl td .program_btn:hover {
  background-color: #fff;
  color: #00a0e9;
}
.program_tbl td .program_btn:hover::after {
  border-top: solid 2px #00a0e9;
  border-right: solid 2px #00a0e9;
}
.program_tbl td .program_end {
  background-color: #b3b3b3;
  border: 1px solid #b3b3b3;
  display: inline-block;
  padding: 2px 27px;
  text-decoration: none;
  border-radius: 5px;
  position: relative;
}
.program_detail_btn {
  text-align: center;
  margin: 50px 0 20px;
}
.program_detail_btn a {
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  background-color: #054495;
  letter-spacing: 3px;
  border: 2px solid #054495;
  border-radius: 5px;
  padding: 7px 35px 8px 30px;
  position: relative;
  text-decoration: none;
  display: inline-block;
}
.program_detail_btn a::after {
  content: '';
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 8px;
  margin-top: -3px;
}
.program_detail_btn a:hover {
  color: #054495;
  background-color: #fff;
}
.program_detail_btn a:hover::after {
  border-top: solid 2px #054495;
  border-right: solid 2px #054495;
}
.kaijyo_map {
  display: block;
  margin-top: 5px;
}
.kaijyo_map a {
  padding: 2px 20px;
  border-radius: 5px;
  background-color: #064595;
  border: 1px solid #064595;
  color: #fff;
  text-decoration: none !important;
}
.kaijyo_map a:hover {
  background-color: #fff;
  color: #064595;
}

.chui_txt {
  color: red;
}
.koushi_line {
  border-top: 1px solid #ddd;
}
.koushi_imgArea {
  text-align: center;
}
.koushi_imgArea img {
  width: 100%;
}
.koushi_txtArea {
  padding-left: 40px;
}
.koushi_name {
  font-size: 16px;
  font-weight: 600;
}
.koushi_katagaki {
  margin-left: 20px;
  font-size: 14px;
  font-weight: 400;
}
.koushi_movie_name {
  margin-left: 60px;
}


@media screen and (max-width: 768px) {
  .outline_tbl td:nth-child(1) {
    width: 105px;
  }
  .outline_tbl td:nth-child(2) {
      padding-left: 20px;
  }
  .program_detail_btn {
    text-align: center;
    margin: 50px 0 20px;
  }
  .koushi_txtArea {
    padding-left: 15px;
    padding-top: 20px;
  }
  .koushi_katagaki {
    margin-left: 0;
    display: block;
  }
  .koushi_imgArea img {
    width: auto;
  }
  .reference_box {
    padding: 20px 10px 5px 30px;
  }
  .koushi_movie_name {
    margin-left: 0;
  }
}





/* Manual */
.knowledge_tbl,
.knowledge_tbl2{
  width: 100%;
}
.knowledge_tbl th,
.knowledge_tbl2 th{
  padding: 15px 10px;
  border: 1px solid #ddd;
  background-color: #f1f1f1;
  text-align: center;
}
.knowledge_tbl td,
.knowledge_tbl2 td{
  padding: 15px 10px;
  border: 1px solid #ddd;
}
.kintou {
  text-align-last: justify;
  -moz-text-align-last: justify;
  text-justify: inter-ideograph;  
}

.balloon1-top {
  position: relative;
  display: inline-block;
  margin: 1.2em 0 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  font-size: 16px;
  background: #f0f0f0;
}

.balloon1-top:before {
  content: "";
  position: absolute;
  top: -30px;
  left: 25%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #f0f0f0;
}

.balloon1-top p {
  margin: 0;
  padding: 0;
  font-size: 9pt;
}

.jyushoddo{
}
.jyushoddo::after {
}

.under_line {
  text-decoration: underline;
}
.keisen{
  margin: 10px 0;
  border-top: 1px solid #eeeeee;
}

.w70 {
  width: 70px;
}
.w80 {
  width: 80px;
}
.w100 {
  width: 100px;
}
.w110 {
  width: 110px;
}
.w150 {
  width: 150px;
}
.w210 {
  width: 210px;
}
.w250 {
  width: 250px;
}


@media screen and (max-width: 768px) {
  .knowledge_tbl{
    width: 900px;
  }
}


/* Manual2 */
.num_box {
  background-color: #00a0e9;
  color: #fff;
  font-size: 16px;
  padding: 3px 7px 3px 9px;
  margin-right: 10px;
  display: inline-block;
  text-align: center;
}
.num_boxS {
  background-color: #00a0e9;
  color: #fff;
  font-size: 13px;
  padding: 0px 7px;
  display: inline-block;
  text-align: center;
}
.alfa_box {
  background-color: #064595;
  color: #fff;
  font-size: 14px;
  padding: 1px 7px;
  margin-right: 8px;
  display: inline-block;
  text-align: center;
  width: 23px;
}
.alfa_boxS {
  background-color: #064595;
  color: #fff;
  font-size: 13px;
  padding: 3px 4px 3px 7px;
  margin-right: 8px;
  display: inline-block;
  text-align: center;
}
.heat_wrap {
  width: 750px;
  margin: 0 auto;
}
.heat_box {
  float: left;
  width: 350px;
  background-color: #bbb;
  text-align: center;
  margin-right: 50px;
  padding: 5px;
  position: relative;
}
.heat_box:nth-child(2) {
  margin-right: 0;
}
.last_box::before {
  content: "+";
  position: absolute;
  font-size: 42px;
  left: -35px;
  top: 10px;
}
.heat_text {
  background-color: #fff;
  margin: 0;
  font-size: 18px;
  padding: 5px 10px 6px;
}
.heat_hosoku {
  color: #fff;
  padding: 5px 10px;
  display: block;
}
.heat_text2 {
  color: #bf0008;
  font-size: 18px;
  font-weight: 500;
}
.heat_text3 {
  font-size: 18px;
  font-weight: 500;
}
.heat_text4 {
  font-size: 16px;
  padding-left: 15px;
}
.heat_arrow {
  text-align: center;
  padding: 20px 10px 10px;
}
.panel-group {
  margin-top: 30px;
  margin-bottom: 60px;
}
.heat_btn {
  font-family: 'Noto Sans JP', sans-serif, "Open Sans";
  margin: 0;
  text-align: center;
  display: block;
  font-size: 16px;
  font-weight: 500;
}
.heat_btn a {
  display: block;
}
.panel-collapse {
  padding: 30px 30px 20px;
}
.title_6 {
  font-family: 'Noto Sans JP', sans-serif, "Open Sans";
  font-size: 17px;
  font-weight: 500;
  letter-spacing: 3px;
}
.heat_list {
  padding-left: 20px;
}
.heat_tbl {
  width: 100%;
  font-size: 16px;
}
.heat_tbl th:nth-child(2){
  width: 35%;
}
.heat_tbl td:nth-child(2){
  text-align: right;
  font-size: 20px;
  font-weight: 500;
  padding-right: 30px;
}
.heat_under{
  background: linear-gradient(transparent 70%, #ff99ab 70%);
}
.heat_tbl2{
  width: 100%;
}
.heat_tbl2 td{
  vertical-align: top;
  padding: 5px 10px;
}
.heat_tbl2 td:nth-child(1){
  width: 175px;
}
.heat_tbl2 td:nth-child(2){
  padding-left:1em;
  text-indent:-1em;
}

.wbgt_tbl{
  width: 100%;
}
.wbgt_tbl th {
  text-align: center;
  background-color: #747373;
  color: #fff;
  padding: 5px !important;
  vertical-align: middle !important;
}
.wbgt_tbl th,
.wbgt_tbl td {
  border: 1px solid #fff;
}
.wbgt_tbl tr:nth-child(3) {
  background-color: #c8a5cc;
}
.wbgt_tbl tr:nth-child(4) {
  background-color: #9ad1f0;
}
.wbgt_tbl tr:nth-child(5) {
  background-color: #a2d2a0;
}
.wbgt_tbl tr:nth-child(6),
.wbgt_tbl tr:nth-child(7) {
  background-color: #f9c995;
}
.wbgt_tbl tr:nth-child(8),
.wbgt_tbl tr:nth-child(9) {
  background-color: #f4aa9b;
}
.wbgt_tbl tr:nth-child(3) td:nth-child(1),
.wbgt_tbl tr:nth-child(3) td:nth-child(2) {
  background-color: #654f8a;
}
.wbgt_tbl tr:nth-child(4) td:nth-child(1),
.wbgt_tbl tr:nth-child(4) td:nth-child(2) {
  background-color: #00759c;
}
.wbgt_tbl tr:nth-child(5) td:nth-child(1),
.wbgt_tbl tr:nth-child(5) td:nth-child(2) {
  background-color: #007f68;
}
.wbgt_tbl tr:nth-child(6) td:nth-child(1),
.wbgt_tbl tr:nth-child(6) td:nth-child(2){
  background-color: #bd7719;
}
.wbgt_tbl tr:nth-child(8) td:nth-child(1),
.wbgt_tbl tr:nth-child(8) td:nth-child(2){
  background-color: #b93a21;
}
.wbgt_tbl tr:nth-child(3) td:nth-child(5),
.wbgt_tbl tr:nth-child(3) td:nth-child(6),
.wbgt_tbl tr:nth-child(4) td:nth-child(5),
.wbgt_tbl tr:nth-child(4) td:nth-child(6),
.wbgt_tbl tr:nth-child(5) td:nth-child(5),
.wbgt_tbl tr:nth-child(5) td:nth-child(6),
.wbgt_tbl tr:nth-child(7) td:nth-child(1),
.wbgt_tbl tr:nth-child(7) td:nth-child(2),
.wbgt_tbl tr:nth-child(7) td:nth-child(3),
.wbgt_tbl tr:nth-child(7) td:nth-child(4),
.wbgt_tbl tr:nth-child(9) td:nth-child(1),
.wbgt_tbl tr:nth-child(9) td:nth-child(2),
.wbgt_tbl tr:nth-child(9) td:nth-child(3),
.wbgt_tbl tr:nth-child(9) td:nth-child(4){
  color: #333;
  font-size: 22px;
  font-weight: 600;
  vertical-align: middle;
}
.wbgt_tbl td:nth-child(5) span,
.wbgt_tbl td:nth-child(6) span,
.wbgt_tbl tr:nth-child(7) td:nth-child(1) span,
.wbgt_tbl tr:nth-child(7) td:nth-child(2) span,
.wbgt_tbl tr:nth-child(7) td:nth-child(3) span,
.wbgt_tbl tr:nth-child(7) td:nth-child(4) span,
.wbgt_tbl tr:nth-child(9) td:nth-child(1) span,
.wbgt_tbl tr:nth-child(9) td:nth-child(2) span,
.wbgt_tbl tr:nth-child(9) td:nth-child(3) span,
.wbgt_tbl tr:nth-child(9) td:nth-child(4) span {
  font-size: 11px;
}
.wbgt_tbl tr:nth-child(7) td:nth-child(2) span,
.wbgt_tbl tr:nth-child(9) td:nth-child(2) span {
  display: inline-block;
  -ms-writing-mode: initial;
  writing-mode: initial;
}
.wbgt_tbl tr:nth-child(7) td:nth-child(2),
.wbgt_tbl tr:nth-child(7) td:nth-child(4),
.wbgt_tbl tr:nth-child(9) td:nth-child(2),
.wbgt_tbl tr:nth-child(9) td:nth-child(4) {
  border-left: 1px solid #fff;
  padding: 5px 5px 5px 5px;
  text-align: center;
}
.wbgt_tbl td:nth-child(1),
.wbgt_tbl td:nth-child(2) {
  text-align: center;
  color: #fff;
  font-weight: 600;
}
.wbgt_tbl th.sub {
  font-size: 11px;
  font-weight: 400;
}
.wbgt_tbl td:nth-child(1){
  font-size: 20px;
  padding: 5px 2px 5px 8px;
  border-right: none;
  vertical-align: middle;
  width: 23px;
}
.wbgt_tbl td:nth-child(2){
  font-size: 16px;
  border-left: none;
  padding: 5px 5px 5px 0;
  vertical-align: middle;
  width: 30px;
}
.wbgt_tbl td:nth-child(2) span{
  display: inline-block;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -o-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
}
.wbgt_tbl tr:nth-child(3) td:nth-child(2) span {
  min-height: 47px;
}
.wbgt_tbl tr:nth-child(4) td:nth-child(2) span {
  min-height: 70px;
}
.wbgt_tbl tr:nth-child(5) td:nth-child(2) span {
  min-height: 110px;
}
.wbgt_tbl tr:nth-child(6) td:nth-child(2) span {
  min-height: 70px;
}
.wbgt_tbl tr:nth-child(8) td:nth-child(2) span {
  min-height: 90px;
}
.wbgt_tbl td:nth-child(3){
  border-right: none;
  text-align: center;
  vertical-align: top;
  padding: 6px;
  width: 65px;
}
.wbgt_tbl td:nth-child(3) img{
  width: 90%;
  margin-top: 15px;
}
.wbgt_tbl td:nth-child(4){
  border-left: none;
  padding: 5px;
}
.wbgt_tbl td:nth-child(5),
.wbgt_tbl td:nth-child(6),
.wbgt_tbl td:nth-child(7),
.wbgt_tbl td:nth-child(8){
  text-align: center;
  width: 62px;
  padding: 5px;
  font-weight: 600;
}
.wbgt_tbl tr:nth-child(6) td:nth-child(5),
.wbgt_tbl tr:nth-child(6) td:nth-child(6),
.wbgt_tbl tr:nth-child(6) td:nth-child(7),
.wbgt_tbl tr:nth-child(6) td:nth-child(8){
  height: 70px;
}
.wbgt_tbl td ul{
  padding: 5px;
}
.wbgt_tbl td ul li{
  display: inline-block;
  margin-right: 10px;
}
.wbgt_tbl td ul li::before{
  content: "• ";
  font-size: 20px;
}
.wbgt_tbl tr:nth-child(3) td ul li::before{
  color: #654f8a;
}
.wbgt_tbl tr:nth-child(4) td ul li::before{
  color: #00759c;
}
.wbgt_tbl tr:nth-child(5) td ul li::before{
  color: #007f68;
}
.wbgt_tbl tr:nth-child(6) td ul li::before{
  color: #bd7719;
}
.wbgt_tbl tr:nth-child(8) td ul li::before{
  color: #b93a21;
}


@media screen and (max-width: 768px) {
  .heat_wrap {
    width: 100%;
  }
  .heat_box {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 50px;
  }
  .last_box::before {
    left: 48%;
    top: -59px;
  }
  .heat_box:nth-child(2) {
    margin-bottom: 0;
  }
  .heat_tbl {
    width: 100%;
    font-size: 14px;
  }
  .heat_tbl th:nth-child(2) {
      width: auto;
  }
  .heat_tbl td:nth-child(2) {
    font-size: 18px;
  }
  .wbgt_tbl {
    width: 900px;
  }

}



/* sitemap */
.sitemap_list {
}
.sitemap_list li {
  list-style: none;
  margin-bottom: 10px;
}
.sitemap_list li a {
  position: relative;
  font-size: 16px;
  color: #333;
}
.sitemap_list li a:hover {
  color: #00a0e9;
}
.sitemap_list li a::before {
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 1px #333;
  border-right: solid 1px #333;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -3px;
  margin-left: -15px;
}
.sitemap_list li ul {
  margin: 20px 0;
}
.sitemap_list li ul li a {
  font-size: 14px;
}
.sitemap_list li ul li a::before {
  content: "• ";
  color: #00a0e9;
  border: none;
  top: 2px;
  left: -4px;
  margin-top: 0;
  margin-left: 0;
}




/* form */
.tbl_form {
  width: 100%;
}
.tbl_form th {
  width: 24%;
  font-size: 16px;
}
.tbl_form th,
.tbl_form td {
  padding: 15px 0;
  vertical-align: top;
}
.tbl_form td label {
  font-size: 16px;
  font-weight: 400;
  margin-left: 5px;
  margin-bottom: 15px;
}
.btn_area {
  text-align: center;
  margin-top: 30px;
}
.btn_area .inqt-txt {
  background-color: #054495;
  color: #fff;
  border: 1px solid #054495;
  border-radius: 5px;
  padding: 10px 30px;
  font-size: 16px;
  transition: 0.3s;
}
.btn_area .inqt-txt:hover {
  background-color: #fff;
  color: #054495;
}
.btn_area .back-txt {
  background-color: #ddd;
  color: #333;
  border-radius: 5px;
  padding: 10px 30px;
  font-size: 14px;
  transition: 0.3s;
  margin-top: 20px;
  border: none;
}
.btn_area .back-txt:hover {
  background-color: #bbb;
  color: #333;
}

.tbl_form.tbl_confilm {
  border-top: 1px solid #ddd;
}
.tbl_form.tbl_confilm th,
.tbl_form.tbl_confilm td {
  border-bottom: 1px solid #ddd;
}

.form_headline {
  font-family: 'Noto Sans JP', sans-serif, "Open Sans";
  font-size: 20px;
  font-weight: 500;
  text-align: center;
  background-color: #ddd;
  padding: 8px 10px;
  margin-bottom: 20px;
}
.form-control.form-control2{
  display: inline-block;
}
.form-control.sizeS{
  width: 250px;
  display: inline-block;
}
.form_chui {
  text-align: center;
  display: block;
  background-color: #f3f3f3;
  border-radius: 10px;
}


@media screen and (max-width: 768px) {
  .tbl_form th {
    width: 100%;
    padding-bottom: 0px;
  }
  .tbl_form th,
  .tbl_form td {
    display: block;
  }
  .tbl_form.tbl_confilm th {
    border-bottom: none;
  }
}


.chart_container {
  height: 450px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .chart_container {
    height: 400px;
    margin: auto;
  }
}





























.instructor_tbl{
  font-size: 15px;
  /*letter-spacing: 3px;*/
}
.instructor_tbl td{
  padding: 10px !important;
  border-bottom: 1px solid #999 !important;
}
.instructor_tbl td:nth-child(1),
.instructor_tbl td:nth-child(2){
  border-top: 1px solid #999 !important;
}
.instructor_tbl td .tbl_box{
  border-left: 1px solid #999;
  padding: 10px 20px;
}
.instructor_tbl td .tbl_box2{
  padding: 10px 20px;
}
.instructor_tbl td .instructor_name{
  font-size: 17px;
  letter-spacing: 3px;
  font-weight: 500;
}
.instructor_tbl td .instructor_shozoku{
}
.instructor_tbl td .profile_txt a{
  text-decoration: underline;
}
.instructor_tbl td .profile_txt a:hover{
  text-decoration: none;
}

.gmap {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}
.gmap iframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.section-contact{
  background-color: #cce4ef;
  margin-bottom: 80px;
}
.section-contact .title_2{
  color: #333;
  font-weight: 400;
}
.section-contact .contact_txt{
  text-align: center;
  font-size: 15px;
  letter-spacing: 3px;
}
.section-contact .link-btn-mail{
  position: relative;
  text-align: center;
  margin-top: 30px;
}
.section-contact .link-btn-mail a{
  background-image: url(../img/img_icon_link3.png);
  background-repeat: no-repeat;
  background-position: 20% 50%;
  letter-spacing: 3px;
  width: 310px;
  text-align: center;
  position: relative;
  color: #fff;
  display: inline-block;
  background-color: #00a0e9;
  border-radius: 30px;
  padding: 14px 10px;
  padding-left: 70px;
  z-index: 1;
  text-decoration: none;
}
.section-contact .link-btn-mail a:hover{
  background-color: #008bcb;
}

@media screen and (max-width: 1085px) {
  .w_m {
    width: 100%;
  }
  .page_nav {
    padding-left: 0;
  }
  .page_nav li {
    display: block;
    border-right: none;
    margin-right: 0;
    padding-right: 0;
    margin-bottom: 15px;
  }
  .page_nav li a {
    width: 250px;
    background-color: #cce4ef;
    display: inline-block;
    padding: 8px 10px 10px;
    border-radius: 30px;
  }
  .page_nav li a:hover {
    background-color: #a3cce0;
  }
  .kouenkai_note ul li {
    letter-spacing: 0;
  }
  .program_tbl th,
  .program_tbl td,
  .program_tbl p {
    font-size: 12px;
    letter-spacing: 0;
  }
  .program_date {
    letter-spacing: 0px;
  }
  .instructor_tbl {
    font-size: 14px;
    letter-spacing: 1px;
  }
  .instructor_tbl td .instructor_name {
    font-size: 16px;
    letter-spacing: 1px;
  }
  .instructor_tbl tr td:first-child {
    width: 35%;
  }
  .instructor_tbl td .instructor_img img{
    width: 100%;
  }
  .instructor_tbl td .profile_txt {
    font-size: 12px;
  }
  .kaijyo_outline_L{
    width: 95px;
  }
  .section-venue .kouenkai_outline_R{
    width: calc(100% - 95px);
  }
}


/* ダウンロード */
.download_tbl.test td{
  background-color: #dcedf4;
}
.download_tbl th {
  background-color: #f2f2f2;
  text-align: center;
  font-size: 15px;
  font-weight: normal;
  letter-spacing: 3px;
  padding: 10px 8px !important;
  border-top: 1px solid #999 !important;
  border-bottom: 1px solid #999 !important;
}
.download_tbl td:nth-child(1),
.download_tbl th:nth-child(1) {
  border-top: 1px solid #999;
}
.download_tbl td:nth-child(2),
.download_tbl th:nth-child(2) {
  width: 335px;
  border-top: 1px solid #999;
  text-align: center;
}
.download_tbl th:first-child span{
  border-left: none;
}
.download_tbl td {
  border-bottom: 1px solid #999 !important;
  padding-top: 10px !important;
  padding-bottom: 0 !important;
}
.download_tbl p {
  font-size: 15px;
  letter-spacing: 3px;
  line-height: 1.8;
}
.download_tbl p.tbl_cel {
  border-left: 1px solid #999;
  line-height: 1.8;
  padding-left: 15px;
}
.program_tbl td a ,
.download_tbl td a {
  text-decoration: underline;
}
.program_tbl td a:hover,
.download_tbl td a:hover {
  text-decoration: none;
}
.program_tbl.download_text td:nth-child(3) {
	text-align: center;
}

@media screen and (max-width: 1085px) {
  .download_tbl td:nth-child(2), .download_tbl th:nth-child(2) {
    width: auto;
  }
  .download_tbl p {
    font-size: 13px;
    letter-spacing: 0;
  }
}


/* CONTACT */
.contact_txt{
  line-height: 1.8;
}
.hissu{
  color: #cc0000;
}
.contact_tbl{
  margin: 20px 0 0;
}
.contact_tbl th{
  border-top: none !important;
  letter-spacing: 2px;
}
.contact_tbl th .pc_Only{
  display: inline-block;
}
.contact_tbl td{
  border-top: none !important;
  letter-spacing: 2px;
}
.contact_tbl td label{
  font-weight: 400;
  display: block;
}
.contact_tbl td label input{
  float: left;
}
.contact_tbl td label::after{
  content: "";
  clear: both;
  display: block;
}
.contact_tbl td span{
  margin-left: 12px;
  line-height: 1.5;
  float: left;
  width: calc(100% - 36px);
}
.btn_area{
  text-align: center;
  margin-top: 30px;
}
.btn_area .btn{
  background-color: #cce4ef;
  border: none;
  color: #333;
  font-size: 15px;
  letter-spacing: 3px;
  padding: 10px 40px;
  border-radius: 30px;
  transition: 0.5s;
}
.btn_area .btn:hover{
  background-color: #a3cce0;
}
.error{
  color: #cc0000;
}
.caution{
  color: #cc0000;
  font-weight: 600;
}
.btn_area .btn.btn_formback {
  background-color: #eee;
}
.btn_area .btn.btn_formback:hover {
  background-color: #ddd;
}
.privacy_area {
  border: 1px solid #ddd;
  height: 200px;
  padding: 20px;
  overflow-y: scroll;
}
.olList {
  font-size: 16px;
  line-height: 1.8;
}
.olList li {
  margin-bottom: 10px;
}


@media screen and (max-width: 767.98px) {
  .page_header .page_copy.page_form {
    margin-top: 30px;
  }
  .contact_txt {
      letter-spacing: 0;
  }
  .contact_tbl th{
    letter-spacing: 0;
    display: block;
  }
  .contact_tbl td{
    letter-spacing: 0;
    display: block;
  }
  .contact_tbl th .pc_Only{
    display: none;
  }
  .olList {
    margin-left: 15px;
    padding-left: 0;
  }
}


/* study */
.study_btn,
.form_btn {
  margin-top: 50px;
  margin-bottom: 50px;
  text-align: center;
}
.study_btn a {
  background-color: #00a0e9;
  border: 2px solid #00a0e9;
  border-radius: 15px;
  padding: 15px 30px;
  font-size: 24px;
  font-weight: 600;
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  color: #fff;
  transition: 0.3s;
  display: block;
  text-decoration: none;
  text-align: center;
}
.study_btn a.wideL {
  display: inline-block !important;
}
.study_btn a:hover {
  background-color: #054495;
  border: 2px solid #054495;
  /*color: #00a0e9;*/
}

#form_area {
  position: fixed;
  background-color: #dff3fc;
  border-top: 1px solid #fff;
  left: 0;
  bottom: 0;
  width: 100%;
  transform: translateY(100%);
  transition: .3s;
  text-align: center;
  padding: 15px 10px;
  z-index: 10;
}
.form_wrap {
  width: 1200px;
  margin: 0 auto;
}
.form_wrap .form_txt {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 15px;
}
.form_list li{
  width: 48%;
  float: left;
  list-style: none;
}
.form_list li:first-child {
  margin-right: 20px;
}
#form_area.active{
  transform: translate(0);
}
footer.cta{
  margin-bottom: 130px;
}

.form_list {
  text-align: center;
}
.form_list a {
  border-radius: 7px;
  padding: 25px 50px;
  font-size: 24px;
  font-weight: 600;
  box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  color: #fff;
  transition: 0.3s;
  display: inline-block;
  text-decoration: none;
  text-align: center;
  position: relative;
}
.form_list a::after {
  content: '';
  width: 12px;
  height: 12px;
  border: 0px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -5px;
}
.form_list.btn1 a {
  background-color: #4cabe2;
  border: 2px solid #4cabe2;
}
.form_list.btn2 a {
  background-color: #eea46d;
  border: 2px solid #eea46d;
}
.form_list.btn1 a:hover {
  background-color: #fff;
  border: 2px solid #4cabe2;
  color: #4cabe2;
}
.form_list.btn1 a:hover::after {
  border-top: solid 2px #4cabe2;
  border-right: solid 2px #4cabe2;
}
.form_list.btn2 a:hover {
  background-color: #fff;
  border: 2px solid #eea46d;
  color: #eea46d;
}
.form_list.btn2 a:hover::after {
  border-top: solid 2px #eea46d;
  border-right: solid 2px #eea46d;
}
.form_list li:first-child a {
  background-color: #659d14;
  border: 2px solid #659d14;
}
.form_list li:first-child a:hover {
  background-color: #608c1f;
  border: 2px solid #608c1f;
}
.quiz_txt {
  font-size: 16px;
  line-height: 1.8;
}



@media screen and (max-width: 768px) {
  .study_btn {
    margin-top: 0;
    padding: 0 15px;
  }
  .study_btn.wideS {
    margin-top: 30px;
    padding: 0;
  }
  .study_btn a {
    font-size: 18px;
    padding: 8px 10px;
  }
  .form_list a {
    font-size: 22px;
    padding: 10px 30px;
    border-radius: 5px;
  }
  .form_wrap {
    width: 100%;
  }
  .form_list {
    padding: 0;
  }
  .form_list li:first-child {
    margin-right: 2%;
  }
  .form_wrap .form_txt {
    font-size: 15px;
  }
  #page-top {
    position: fixed;
    bottom: 165px;
    right: 7px;
  }
}

/* case */
.index_box_case {
  margin-top: 0;
}
.gray_box .title_3.case_title {
  font-size: 19px;
  line-height: 1.6;
}
.gray_box .title_3.case_title span{
  border-bottom: 1px solid #ddd;
  padding-bottom: 3px;
}
.case_wrap {
  padding: 0 20px 30px;
}
.title_4_1 {
  font-size: 18px;
  font-weight: 500;
  position: relative;
  line-height: 1.5;
}
.title_4_1::before {
  content: '■ ';
  color: #b4e3f8;
}
.case_wrap ul {
  padding: 10px 20px 0;
}
.case_wrap ul li {
  padding-bottom: 10px;
}
.case_wrap ul li:last-child {
  padding-bottom: 0;
}
.title_5_1 {
  font-size: 16px;
  font-weight: 500;
  margin-top: 0;
  line-height: 1.5;
}
.case_wrap .case_col {
  padding-right: 30px;
}
.case_wrap .border-line-l {
  padding-right: 30px;
  border-right: 1px solid #000;
}
.case_img img {
  width: 100%;
}
.case_btn {
  padding: 10px 20px 40px;
  text-align: center;
}
.case_btn a {
  background-color: #054495;
  color: #fff;
  font-weight: 500;
  text-decoration: none;
  border-radius: 5px;
  padding: 6px 30px;
  position: relative;
  border: 2px solid #054495;
  transition: 0.3s;
  display: inline-block;
}
.case_btn a::after {
  content: '';
  width: 8px;
  height: 8px;
  border: 0px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
}
.case_btn a:hover {
  background-color: #fff;
  color: #054495;
}
.case_btn a:hover::after {
  border-top: solid 2px #054495;
  border-right: solid 2px #054495;
}
.case_text {
  background-color: #dff3fc;
  padding: 10px 20px;
}
.title_4_2 {
  font-size: 16px;
  font-weight: 500;
}
.jirei_img{
  display: block;
  margin-bottom: 30px;
}
.jirei_img img {
  width: 100%;
}
.case_link {
  padding-top: 10px;
  display: block;
}

@media screen and (max-width: 768px) {
  .case_wrap .case_col {
    padding-right: 0;
  }
  .case_wrap .border-line-l {
    padding-right: 0;
    border-right: none;
  }
}

@media print{
  .navbar-nav, .subnav {
    display: none;
  }
}