.top .hero{height: 422px; background: #0855a5; padding: 0;}
.top .hero .container{height: 100%; padding: 30px 15px 0; position: relative; background: url(/img/top/main_point3_2.png) left 20px bottom 15px no-repeat,url(/img/top/main_bg.jpg) left 0 top 0 no-repeat;}
.top .hero .container .tag{color: #fff; border: solid 1px #fff; padding: 5px 10px; display: inline; font-size: 24px; font-weight: bold;}
.top .hero .container .txt{font-size: 60px; padding: 10px 0 0; line-height: 1.2; letter-spacing: 5px; color: #fff; font-weight: bold;}
.top .hero .container .txt .big{font-size: 70px;}
.top .hero .container .txt .small{font-size: 50px;}
.top .hero .container ul{background: #fff; padding: 25px; text-align: center;border-radius: 30px; position: absolute; top: 20px; right: 20px; font-weight: bold; font-size: 14px; letter-spacing: 2px;}
.top .hero .container ul p{color: #0855a5;}
.top .hero .container ul li{list-style: none; padding: 5px 0; border-bottom: 1px solid #d9d9d9;}
.top .hero .container ul li:last-child{border: none;}

.top .c1{padding: 4rem 2rem 2rem;}
.top .c1 .container{text-align: center;}
.top .c1 h1{font-size: 45px; font-weight: bold; display: inline; border-bottom: solid 8px #ff4400; padding: 0 10px; letter-spacing: 3px;}
.top .c1 h1 .u{color: #b81c22;}
.top .c1 h1 .y{color: #1f286f;}

.top .c2 .midashi{background: #fff; padding: 10px 0 5px; margin: 0 0 30px; text-align: center; border-bottom: 5px solid #1f286f; letter-spacing: 3px;}
.top .c2 .midashi h2{font-size: 30px; color:#1f286f; font-weight: bold;}
.top .c2 .midashi span{font-size: 16px;}
.top .c2 ul{display: flex; flex-wrap: wrap; justify-content: space-between; list-style: none; padding: 0;}
.top .c2 ul li{width: 32%; margin: 0 0 40px;}
.top .c2 ul li img{width: 100%; border-radius: 10px; margin: 0 0 20px; height: 300px; object-fit: cover;}
.top .c2 ul li .name{font-size: 24px; margin: 0; font-weight: bold; letter-spacing: 3px; color: #1f286f; line-height: 1;}
.top .c2 ul li:nth-child(n+6){margin: 0;}

.top .c3{background: url(/img/top/toha_bg.jpg) no-repeat center bottom;}
.top .c3 .midashi{text-align: center; margin: 0 0 30px;}
.top .c3 .content{display: flex;}
.top .c3 .content .left{}
.top .c3 .content .right{ padding: 50px 0 0 50px; letter-spacing: 1px;}
.top .c3 .content .right .ko-midashi{ font-size: 30px; color: #fff; letter-spacing: 3px; font-weight: bold;}
.top .c3 .content .right .ko-midashi span{color: #fffd04;}
.top .c3 .content .right .txt{ color: #fff; font-size: 16px;}

.top .c4 .midashi{background: #fff; padding: 10px 0 5px; margin: 0 0 30px; text-align: center; border-bottom: 5px solid #1f286f; letter-spacing: 3px;}
.top .c4 .midashi h2{font-size: 30px; color:#1f286f; font-weight: bold;}
.top .c4 .midashi span{font-size: 16px;}
.top .c4 .content{display: flex; border-radius: 10px; background: #fff; margin: 0 0 30px;}
.top .c4 .content:nth-child(odd){ flex-direction:row-reverse;}
.top .c4 .content:nth-child(odd) .img{ border-radius: 0 10px 10px 0;}
.top .c4 .content:last-child{margin: 0;}
.top .c4 .content .img{ width: 45%; border-radius: 10px 0 0 10px; height:420px; object-fit: cover;}
.top .c4 .content .txtarea{ width: 55%; padding: 30px;}
.top .c4 .content .txtarea .ko-midashi{font-size: 30px; margin: 0 0 20px; color: #1f286f; font-weight: bold;}
.top .c4 .content .txtarea .txt{font-size: 16px; margin: 0 0 30px;}
.top .c4 .content .txtarea ul{margin: 0; padding: 0;}
.top .c4 .content .txtarea ul li{list-style: none; padding: 5px 10px; border-radius: 30px; color: #1f286f; font-weight: bold; border: solid 2px #1f286f; display: inline-block; margin: 0 5px 10px 0; letter-spacing: 1px;}

.top .c5 .midashi{background: #fff; padding: 10px 0 5px; margin: 0 0 30px; text-align: center; border-bottom: 5px solid #1f286f; letter-spacing: 3px;}
.top .c5 .midashi h2{font-size: 30px; color:#1f286f; font-weight: bold;}
.top .c5 .midashi span{font-size: 16px;}
.top .c5 .content ul{display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0 0 50px; padding: 0;}
.top .c5 .content ul li{width: 48%; margin: 0 0 50px; list-style: none;}
.top .c5 .content ul li:nth-child(n+2){margin: 0;}
.top .c5 .content ul li a{color: #333;}
.top .c5 .content ul li img{width: 100%; height: 250px; object-fit: cover; border-radius: 10px; margin: 0 0 20px;}
.top .c5 .content ul li .title{font-size: 20px; margin: 0 0 10px; font-weight: bold;}
.top .c5 .content ul li .time{font-size: 16px;}
.top .c5 .btn{text-align: center; width: 100%;}
.top .c5 .btn a{ background: #1f286f; color: #fff; padding: 20px 40px; font-weight: bold; border-radius: 40px; letter-spacing: 2px; font-size: 18px;}

.top .c6 .midashi{background: #fff; padding: 10px 0 5px; margin: 0 0 30px; text-align: center; border-bottom: 5px solid #1f286f; letter-spacing: 3px;}
.top .c6 .midashi h2{font-size: 30px; color:#1f286f; font-weight: bold;}
.top .c6 .midashi span{font-size: 16px;}
.top .c6 table{ width: 100%; }
.top .c6 table th{ width: 20%; padding: 20px; background: #f7f7f7; border: solid 1px #cccccc;}
.top .c6 table td{ padding: 20px; background: #fff; border: solid 1px #cccccc;}


@media (max-width: 720px) {

  .top .navbar .logo{ width: 70%; margin: 0 0 10px;}
  .top .navbar .header-contact{ display: flex; width: 100%; }
  .top .navbar .header-contact .header-img{width: 55%; height: 100%; margin: 0 10px 0 0 !important;}
  .top .navbar .header-contact .contact-btn img{ width: 100%; height: auto; margin: 0 !important; }

  .top .hero{height: auto;}
  .top .hero .container{position: unset; background: url(/img/top/main_point3_sp_2.png) left 0px bottom 10px no-repeat,url(/img/top/main_bg_sp.jpg) left 0 top 0 no-repeat; padding:20px 20px 110px; background-size: 100% auto,auto;}
  .top .hero .container .tag{font-size: 18px;}
  .top .hero .container .txt{font-size: 30px; padding: 15px 0 0; letter-spacing: 2px;}
  .top .hero .container .txt .big{font-size: 40px;}
  .top .hero .container .txt .small{font-size: 20px;}
  .top .hero .container ul{width: 100%; background: #fff; padding: 10px 15px; text-align: center;border-radius: 15px; position: unset; font-weight: bold; font-size: 14px; letter-spacing: 2px;}
  .top .hero .container ul span{display: flex; flex-wrap: wrap; justify-content: space-between;}
  .top .hero .container ul p{font-size: 18px;}
  .top .hero .container ul li{width: 30%; font-size: 10px;}
  .top .hero .container ul li:nth-child(n+7){border: none;}

  .top .c1{padding: 2rem 1rem 1rem;}
  .top .c1 .container{}
  .top .c1 h1{font-size: 35px; letter-spacing: 2px; line-height: 1.5em; border-bottom: solid 4px #ff4400; padding: 0 0px; }
  .top .c1 h1 .u{}
  .top .c1 h1 .y{}

  .top .c2 .midashi{}
  .top .c2 .midashi h2{font-size: 25px;}
  .top .c2 .midashi span{font-size: 14px;}
  .top .c2 ul{display: flex; flex-wrap: wrap; justify-content: space-between; list-style: none; padding: 0;}
  .top .c2 ul li{width: 48%; margin: 0 0 30px;}
  .top .c2 ul li img{width: 100%; border-radius: 10px; margin: 0 0 10px; height: 150px; object-fit: cover;}
  .top .c2 ul li .name{font-size: 18px; letter-spacing: 1px;}
  .top .c2 ul li:nth-child(n+6){margin: 0 0 30px;}
  .top .c2 ul li:nth-child(n+9){margin: 0;}

  .top .c3{background: url(/img/top/toha_bg.jpg) no-repeat center bottom;}
  .top .c3 .midashi{}
  .top .c3 .midashi img{width: 60%;}
  .top .c3 .content{display: block;}
  .top .c3 .content .left{width: 70%; margin: 0 15%;}
  .top .c3 .content .right{ padding: 30px 0 0 0;}
  .top .c3 .content .right .ko-midashi{ font-size: 24px; letter-spacing: 1px;}
  .top .c3 .content .right .ko-midashi span{}
  .top .c3 .content .right .txt{}

  .top .c4 .midashi{}
  .top .c4 .midashi h2{font-size: 25px;}
  .top .c4 .midashi span{font-size: 14px;}
  .top .c4 .content{display: block;}
  .top .c4 .content:nth-child(odd){ flex-direction:row-reverse;}
  .top .c4 .content:nth-child(odd) .img{ border-radius: 10px 10px 0 0;}
  .top .c4 .content:last-child{}
  .top .c4 .content .img{ width: 100%; border-radius: 10px 10px 0 0; height:200px;}
  .top .c4 .content .txtarea{ width: 100%; padding: 15px;}
  .top .c4 .content .txtarea .ko-midashi{font-size: 24px;}
  .top .c4 .content .txtarea .txt{font-size: 16px; margin: 0 0 30px;}
  .top .c4 .content .txtarea ul{margin: 0; padding: 0;}
  .top .c4 .content .txtarea ul li{}

  .top .c5 .midashi{}
  .top .c5 .midashi h2{font-size: 25px;}
  .top .c5 .midashi span{font-size: 14px;}
  .top .c5 .content ul{display: block;}
  .top .c5 .content ul li{width: 100%;}
  .top .c5 .content ul li:nth-child(n+2){margin: 0 0 50px;}
  .top .c5 .content ul li:nth-child(n+4){margin: 0 0 0px;}
  .top .c5 .content ul li a{}
  .top .c5 .content ul li img{height: 150px; margin: 0 0 10px;}
  .top .c5 .content ul li .title{font-size: 20px; margin: 0 0 10px; font-weight: bold;}
  .top .c5 .content ul li .time{font-size: 16px;}

  .top .c6 .midashi{}
  .top .c6 .midashi h2{font-size: 25px;}
  .top .c6 .midashi span{font-size: 14px;}
  .top .c6 table{}
  .top .c6 table th{ width: 25%; padding: 10px;}
  .top .c6 table td{ padding: 10px;}



}