/*
common
_____________________________*/

body {
  font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W6', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
  margin: 0;
  position: relative;
}
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
h1, h2, h3, p {
  margin: 0;
}
a, a:link, a:visited {
  color: #fff;
  text-decoration: none;
}
a:hover {
  opacity: .7;
}
img {
  vertical-align: top;
  width: 100%;
}
section {
  position: relative;
}
@keyframes show{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}
/*
header
_____________________________*/

.header img {
  vertical-align: middle;
}
.header, .scroll_header {
  -moz-box-shadow:  0 3px 3px 3px rgba(0, 0, 0, .4);
  -webkit-box-shadow: 0 3px 3px 3px rgba(0, 0, 0, .4);
  -o-box-shadow: 0 3px 3px 3px rgba(0, 0, 0, .4);
  -ms-box-shadow: 0 3px 3px 3px rgba(0, 0, 0, .4);
  box-shadow: 0 3px 3px 3px rgba(0, 0, 0, .4);
  overflow: hidden;
  padding-left: 3.3%;
}
.header > li {
  float: left;
  width: 34.6%;
}
.header > li h1 {
  line-height: 13.3vw;
}
.header > li:first-child {
  width: 61%;
}
.header > li:last-child {
  float: right;
}
.header_menu {
  height: 13.3vw;
  overflow: hidden;
}
.header_menu li a, .scroll_header li a {
  background: #ed3130;
  display: block;
  float: left;
  font-size: 3.3vw;
  font-weight: bold;
  height: 13.3vw;
  line-height: 13.3vw;
  padding: 0 1vw;
  text-align: center;
  width: calc(50% - 2.5vw);
}
.header_menu li a {
  margin-left: .5vw;
}
.header_menu li:nth-child(2) a {
  background-color: #dd3cbf;
}
.scroll_header_container {
  position: fixed;
  width: 100%;
  z-index: 2;
}
.scroll_header {
  background: #fff;
  display: none;
  height: 13.3vw;
  position: relative;
}
.scroll_header.show {
  display: block;
  animation: show .5s ease 0s;
}
.drawer-hamburger {
  background: #59595b;
  height: 11.3vw;
  padding: 1vw 4vw;
  position: absolute;
  width: 8vw;
}
.drawer-hamburger:hover {
  background: #59595b;
}
.menu_txt {
  color: #fff;
  font-size: x-small;
  position: relative;
  top: 7px;
}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
  background: #fff;
  height: 4px;
}
.drawer--top.drawer-open .drawer-nav {
  background: #59595b;
  top: 13.3vw;
}
.drawer-menu {
  padding: 12vw;
}
.drawer-menu li {
  margin-bottom: 50px;
}
.drawer-menu li a {
  position: relative;
  background: #59595b;
  float: none;
  height: auto;
  font-size: 4.27vw;
  width: 100%;
  line-height: 1;
}
.drawer-menu li a:before {
  position: absolute;
  bottom: -20px;
  left: 0;
  display: block;
  content: '';
  height: 11px;
  width: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 100%;
}
.drawer-menu li:nth-child(1) a:before { background-image: url(../img/arw01.png); }
.drawer-menu li:nth-child(2) a:before { background-image: url(../img/arw02.png); }
.drawer-menu li:nth-child(3) a:before { background-image: url(../img/arw03.png); }
.drawer-menu li:nth-child(4) a:before { background-image: url(../img/arw04.png); }
.drawer-menu li:nth-child(5) a:before { background-image: url(../img/arw05.png); }


.drawer-menu li a, .drawer-menu li a:link, .drawer-menu li a:visited {
  color: #fff;
}
.drawer-overlay {
  background: rgba(0, 0, 0, .8);
}
.scroll_header > li {
  float: left;
  width: 37.8%;
}
.scroll_header > li:first-child {
  height: calc(100% - 5.86vw);
  padding: 2.93vw 0;
  width: 43.2%;
}
.scroll_header > li:first-child p {
  height: 100%;
}
.scroll_header > li:first-child p img {
  height: 100%;
  width: auto;
}
.scroll_header > li:nth-child(2) {
  margin-left: 2vw;
}
.scroll_header > li:last-child {
  background: #59595b;
}
.btn_area {
  position: relative;
  margin: 20px auto 0;
  padding: 5vw 0;
  background-position: left top;
  background-size: auto 100%;
  background-repeat: repeat-x;
}
.btn_area ul {
  background: url(../img/btn-area.png) center top no-repeat;
  background-size: contain;
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 6vw 5vw 0 5vw;
  bottom: 3vw;
}
.btn_area li {
  width: 48%;
}
.hide {
  display: none;
}
#sec02, #sec03, #sec04, #sec05, #sec06 {
  padding-top: 13.3vw;
  margin-top: -13.3vw;
}

.commonWrap {
  padding: 0 3.3vw;
}
.commonText {
  color: #fff;
  font-size: 4vw;
  line-height: 1.5;
}
.commonText p + p {
  margin-top: 1em;
}
.commonText span {
  color: #f5d800;
}
.commonInTop {
  margin-bottom: 15px;
}
.bdr_ttl {
  margin-bottom: 15px;
  padding: 5px 0;
  color: #fff;
  font-size: 5vw;
  font-weight: bold;
  border: #fff solid 1px;
  text-align: center;
}
.sec_title {
  margin-bottom: 20px;
  color: #fff;
  font-size: 5vw;
  font-weight: bold;
  text-align: center;
}
.sec_title > * {
  display: block;
}
.sec_title span {
  margin-top: 3px;
  font-size: 7.2vw;
}



/*
section_01
_____________________________*/

/*.section_01 .g_navi {
  position: absolute;
  top: 0;
}*/
.section_01 {
  position: relative;
}
.section_01 .g_navi ul {
  display: flex;
  justify-content: space-between;
}
.section_01 .g_navi li {
}
.section_01 .g_navi li a {
  display: block;
}
.section_01 .g_navi li a:hover {
  opacity: 1;
}
.section_01 .btn_area {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}



/*
section_02
_____________________________*/

.section_02 {
  position: relative;
  background-color: #38b942;
}
.section_02 .group + .group {
  margin-top: 10px;
}
.section_02 .group .image {
  margin-bottom: 10px;
}
.section_02 .mid_txt {
  padding: 10px 0 0;
  color: #f5d800;
  font-size: 5vw;
  font-weight: bold;
  text-align: center;
  line-height: 1.4;
}
.section_02 .btn_area {
  background-image: url(../img/sec02_bg.jpg);
}


/*
section_03
_____________________________*/
.section_03 {
  position: relative;
  background-color: #5e22b5;
}
.section_03 .image {
  margin-bottom: 15px;
}
.section_03 .ttl {
  margin-bottom: 20px;
  color: #fff;
  font-size: 5vw;
  font-weight: bold;
}
.section_03 .btn_area {
  margin-top: 20px;
}
.section_03 .btn_area {
  background-image: url(../img/sec03_bg.jpg);
}



/*
section_04
_____________________________*/
.section_04 {
  position: relative;
  background-color: #38b942;
}
.section_04 .num_title {
  position: relative;
  margin-bottom: 20px;
  padding: 1px 1px 1px 30px;
  color: #fff;
  font-size: 5vw;
  background-color: #fff;
}
.section_04 .num_title:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: '';
  width: 30px;
  height: 100%;
  background-size: 100% auto;
  background-position: center center;
  background-repeat: no-repeat;
}
.section_04 .num_title.num01:before {
  background-image: url(../img/sec04_num01.jpg);
}
.section_04 .num_title.num02:before {
  background-image: url(../img/sec04_num02.jpg);
}
.section_04 .num_title.num03:before {
  background-image: url(../img/sec04_num03.jpg);
}
.section_04 .num_title.num04:before {
  background-image: url(../img/sec04_num04.jpg);
}
.section_04 .num_title span {
  display: block;
  padding: 3px 10px;
  background-color: #38b942;
}
.section_04 .group + .group {
  margin-top: 35px;
}
.section_04 .image {
  margin-bottom: 20px;
}
.section_04 .txt {
  color: #fff;
  font-size: 4vw;
}
.section_04 .txt p + p {
  margin-top: 1em;
}
.section_04 .txt span {
  color: #f5d800;
}
.section_04 .btn_area {
  background-image: url(../img/sec04_bg.jpg);
}


/*
section_05
_____________________________*/
.section_05 {
  position: relative;
  background-color: #00bfd2;
}
.section_05 .image01 {
  margin-bottom: 15px;
}
.section_05 .group {
  margin-top: 30px;
}
.section_05 .group .image {
  margin-bottom: 15px;
}
.section_05 .group .commonText + .image {
  margin: 15px 0 0;
}
.section_05 .group .image02 {
  margin-top: 20px;
  text-align: center;
}
.section_05 .group .image02 img {
  max-width: 80%;
}
.section_05 .btn_area {
  background-image: url(../img/sec05_bg.jpg);
}




/*
section_06
_____________________________*/
.section_06 {
  position: relative;
  background-color: #38b942;
}
.section_06 .txt {
  color: #fff;
  font-size: 4vw;
}
.section_06 .txt span {
  color: #f5d800;
}
.section_06 .group {
  margin-top: 35px;
}
.section_06 .bdr_ttl {
  margin-bottom: 15px;
  padding: 5px 0;
  color: #fff;
  font-size: 5vw;
  font-weight: bold;
  border: #fff solid 1px;
  text-align: center;
}


.section_06 .image01 {
  margin-bottom: 15px;
}
.section_06 .arw {
  margin: 5px 0 15px;
}

.section_06 .group01 .mid_title01 {
  margin-bottom: 10px;
  color: #fff;
  font-size: 3.6vw;
  font-weight: bold;
  text-align: center;
}
.section_06 .group01 .mid_title02 {
  text-align: center;
}
.section_06 .group01 .mid_title02 span {
  display: inline-block;
  color: #f5d800;
  font-size: 8.53vw;
  font-weight: bold;
  border-bottom: #f5d800 solid 3px;
}


.section_06 .group02 .imag01 {
  margin-bottom: 20px;
}

.section_06 .group02 dl + dl {
  margin-top: 25px;
}
.section_06 .group02 dt {
  position: relative;
  margin-bottom: 13px;
  color: #fff;
  font-size: 5vw;
  font-weight: bold;
  padding-left: 20px;
  border-left: #fff solid 3px;
}
.section_06 .group02 dt:before {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  content: '';
  width: 10px;
  height: 7px;
  margin-top: -4px;
  background-color: #fff;
}
.section_06 .group02 dd {
  margin: 0;
  color: #fff;
  font-size: 4vw;
}

.section_06 .group03 .imag01 {
  margin: 15px 0 5px;
}
.section_06 .group03 .cap {
  color: #fff;
  font-size: 2.9vw;
}


.section_06 .group04 .lead01 {
  margin-bottom: 5px;
  color: #fff;
  font-size: 4.2vw;
  text-align: center;
}

.section_06 .group04 .lead02 {
  margin-bottom: 10px;
  color: #f5d800;
  font-size: 4.7vw;
  font-weight: bold;
  text-align: center;
}

.section_06 .group05 .image {
  margin-top: 25px;
}
.section_06 .group05 .image li + li {
  margin-top: 5px;
}
.section_06 .btn_area {
  background-image: url(../img/sec06_bg.jpg);
}




/*
section_07
_____________________________*/

.section_07 {
  position: relative;
  background: #ff5351;
  background-size: 100% auto;
  color: #fff;
  padding: 13.3vw 3.33vw 0;
}
.section_07:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: '';
  width: 100%;
  height: 0;
  padding-bottom: 12%;
  background: #ff5351 url(../img/sec07_bg02.jpg) no-repeat left bottom;
  background-size: 100% auto;
}
.section_07 a, .section_07 a:link, .section_07 a:visited {
  color: #2d76bd;
  text-decoration: underline;
}
.section_07 h2 {
  font-size: 7.2vw;
  margin-bottom: 12vw;
  text-align: center;
}
.section_07 .tab {
  margin-bottom: 9.3vw;
  overflow: hidden;
  width: 100%;
}
.section_07 .tab li {
  border: 2px solid #fff;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  font-size: 5.3vw;
  height: 13.3vw;
  line-height: 13.3vw;
  margin: 0 1% 1% 0;
  text-align: center;
  width: 24.25%;
}
.section_07 .tab li:nth-child(4n) {
  margin-right: 0;
}
.section_07 li.select {
  background: #0076c0;
  border: none;
}
.section_07 .content {
  padding: 4vw;
}
.section_07 .content {
  background: #fff;
  color: #282828;
}
.section_07 h3 {
  border-bottom: 1px solid #282828;
  font-size: 5.6vw;
  margin-top: 1.3vw;
  padding-bottom: 4.7vw;
  text-align: center;
}
.section_07 dl {
  font-size: 4vw;
  line-height: 1.5;
}
.section_07 dt {
  font-weight: bold;
}
.section_07 dd {
  margin: 0 0 2.7vw;
}
.section_07 .btn_area {
  margin-left: -3.33vw;
  margin-right: -3.33vw;
  background-image: url(../img/sec07_bg.jpg);
}

/*
section_08
_____________________________*/
.section_08 {
  position: relative;
  background-color: #5e22b5;
}
.section_08 .image {
  margin-bottom: 5px;
}
.section_08 .name {
  margin-bottom: 25px;
  padding-bottom: 3px;
  color: #fff;
  font-size: 3.8vw;
  font-weight: bold;
  text-align: center;
  border-bottom: #fff solid 1px;
}
.section_08 .txt {
  color: #fff;
  font-size: 4vw;
}
.section_08 .txt span {
  color: #f5d800;
}


.section_08 .texts {
  margin: 25px 0 0;
}
.section_08 .texts dt {
  margin-bottom: 10px;
  color: #f5d800;
  font-size: 4.2vw;
  font-weight: bold;
}
.section_08 .texts dd {
  margin: 0;
}

.section_08 .texts02 {
  margin: 25px 0 0;
  color: #fff;
}
.section_08 .texts02 dt {
  margin-bottom: 5px;
  font-size: 4vw;
}
.section_08 .texts02 dd {
  margin: 0;
  font-size: 2.9vw;
}
.section_08 .btn_area {
  background-image: url(../img/sec08_bg.jpg);
}


/*
section_09
_____________________________*/
.section_09 {
  color: #fff;
  background-color: #0177c1;
}

.section_09 .texts {
  margin-bottom: 25px;
}
.section_09 .texts dt {
  margin-bottom: 13px;
  padding-bottom: 6px;
  font-size: 4.5vw;
  font-weight: bold;
  border-bottom: #fff solid 1px;
}
.section_09 .texts dd {
  margin: 0;
  font-size: 4vw;
}
.section_09 .texts dd p + p {
  margin-top: 1em;
}
.section_09 .texts dd .mid {
  font-size: 3.4vw;
}
.section_09 .texts dd .mid + .small {
  margin-top: 0.5em;
}
.section_09 .texts dd .small {
  font-size: 2.49vw;
}
.section_09 .bdr_ttl {
  margin-bottom: 15px;
  padding: 5px 0;
  color: #fff;
  font-size: 5vw;
  font-weight: bold;
  border: #fff solid 1px;
  text-align: center;
}
.section_09 .txt {
  color: #fff;
  font-size: 4vw;
}
.section_09 .txt p + p {
  margin-top: 1em;
}
.section_09 .txt span {
  color: #f5d800;
}
.section_09 .image {
  margin-bottom: 20px;
}
.section_09 .btn_area {
  margin-top: 30px;
}
.section_09 .btn_area {
  background-image: url(../img/sec09_bg.jpg);
}





/*
footer
_____________________________*/
footer {
  background: #ffcd00;
  padding: 6vw;
  text-align: center;
}
footer small {
  color: #1e1e1e;
  font-size: 2.4vw;
}