@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}
strong { font-weight:bold;}
ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0; margin:0; padding:0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
img {padding:0; margin:0; vertical-align:bottom;}
.clearfix:after {content: ".";  display: block; clear: both;height: 0;visibility: hidden;}
.clearfix {min-height: 1px;}
.clear {clear: both;}
a { text-decoration:none; color:#333;}
a:hover { opacity:0.7;}
.box { cursor:pointer;}

body{color:#3E3939; font-size:16px; font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif; line-height:1.5; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; background-color:#fff;font-weight: 500;border-top: 6px solid #E50038;}
@media all and (-ms-high-contrast:none){
body {font-family: /* 'メイリオ', 'Meiryo', */sans-serif;}
}

header section.pc_head {display: block;width: 100%;background: #fff;}
header section.pc_head:after {content: ".";  display: block; clear: both;height: 0;visibility: hidden;}
header section.pc_head h1 {display: block;font-size: 30px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif, "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;margin-top: -20px;width: 20em;float: left;}
header section.pc_head h1 img {padding: 4px 10px 4px 6px;transform: translateY(16px);}
header section.pc_head p.head_access {display: block;width: 392px;padding: 12px 40px 11px 0;float: right;}
header section.pc_head p.logo2 {display: block;width: 94px;padding: 5px 40px 5px 0;float: right;}
header section.pc_head 

.first {position: relative;}
.first img.main {width: 100%;}
.first img.title_mes {display: block;width: 50%;max-width: 524px;position: absolute;top:440px;right: 30px;}

.second img {max-width: 100%;}
.second {width: 100%;height: 2140px;overflow: hidden;position: relative;}
.second p.img01 {display: block;width: 98%;max-width: 990px;margin: 0 auto;}
.second p.img02 {display: block;width: 420px;position: absolute;top: 500px;left: -300px;right: 0;z-index: 2;margin: 0 auto;}
.second p.img03 {display: block;width: 100%;max-width: 906px;position: absolute;top: 420px;left: -303px;right: 0;z-index: 1;margin: 0 auto;}
.second p.img04 {display: block;width: 740px;position: absolute;top: 274px;left: 0;right: -1103px;z-index: 0;margin: 0 auto;}
.second p.img11 {display: block;width: 490px;position: absolute;top: 1000px;left: 110px;right: 0;z-index: 2;margin: 0 auto;}
.second p.img12 {display: block;width: 100%;max-width: 930px;position: absolute;top: 850px;left: 0;right: -220px;z-index: 1;margin: 0 auto;}
.second p.img13 {display: block;width: 717px;position: absolute;top: 900px;left: -1150px;right: 0;z-index: 2;margin: 0 auto;}
.second p.img21 {display: block;width: 650px;position: absolute;top: 1555px;left: 215px;right: 0;z-index: 2;margin: 0 auto;}
.second p.img22 {display: block;width: 100%;max-width: 1087px;position: absolute;top: 1420px;left: -125px;right: 0;z-index: 1;margin: 0 auto;}
.second p.img23 {display: block;width: 671px;position: absolute;top: 1500px;left: 0;right: -1387px;z-index: 2;margin: 0 auto;}

.third {width: 100%;height: 700px;background: #F2F2F2;padding: 20px 0;position: relative;overflow: hidden;}
.third img:nth-child(1) {display: block;width: 100%;max-width: 1111px;position: absolute;top: 40px;left: -100px;right: 0;margin: 0 auto;z-index: 1;}
.third img:nth-child(2) {display: block;width: 100%;max-width: 271px;position: absolute;top: 318px;left: 0px;right: -902px;margin: 0 auto;z-index: 2;}

.fourth {width: 96%;max-width: 1200px;margin: 0 auto;}
.fourth h3 {display: block;font-size: 62px;color: #00B6D7;margin: 110px auto 10px;text-align: center;}
.fourth span {display: block;font-size: 24px;font-weight: bold;text-align: center;}
.fourth ul {display: flex;margin: 80px auto 100px;}
.fourth ul li {width: 32.68%;margin-right: 0.98%;}
.fourth ul li:nth-child(3) {margin-right: 0;padding-top: 120px;}
.fourth ul li:nth-child(2) {padding-top: 60px;}
.fourth ul li img {max-width: 392px;width: 100%;}

.fifth {width: 100%;background: #F2F2F2;padding: 90px 0 20px;}
.fifth div {width: 96%;max-width: 1200px;margin: 0 auto;}
.fifth div dl {display: flex;margin-bottom: 30px;}
.fifth div dl dt {width: 50%;box-sizing: border-box;}
.fifth div dl dd {width: 50%;box-sizing: border-box;text-align: right;}
.fifth div dl.dl01 dt {width: 40%;box-sizing: border-box;}
.fifth div dl.dl01 dd {width: 60%;box-sizing: border-box;padding-top: 20px;text-align: left;}
.fifth div dl.dl01 p.title {font-size: 53px;display: inline-block;padding: 10px 15px;background: #EB002B;color: #fff;margin-bottom: 30px;}
.fifth div dl.dl01 p.subtitle {font-size: 22px;font-weight: bold;display: inline-block;padding: 10px 15px;background: #EB002B;color: #fff;margin-bottom: 15px;}
.fifth div dl.dl01 p.cont {font-size: 16px;font-weight: bold;display: inline-block;padding: 10px 15px;background: #EB002B;color: #fff;margin-bottom: 15px;line-height: 30px;}
.fifth div dl p.figure {position: relative;z-index: 2;}
.fifth div dl figcaption {display: inline-block;padding: 10px 15px;background: #EB002B;color: #fff;font-weight: bold;margin-top: -20px;letter-spacing: -0.5px;text-align: left;}
.fifth div dl figcaption p.title {font-size: 20px;display: block;margin-bottom: 18px;}
.fifth div dl figcaption p.subtitle {font-size: 17px;display: block;color: #FFFFBB;margin-bottom: 5px;}
.fifth div dl figcaption p.cont {font-size: 17px;display: block;}
.fifth div dl.dl02 dt p.figure {padding-left: 170px;}
.fifth div dl.dl02 dt figcaption {margin-top: -60px;width: 82%;}
.fifth div dl.dl02 dd {text-align: right;padding-top: 80px;}
.fifth div dl.dl02 dd figcaption {margin: -40px 0 0 auto;}
.fifth div dl.dl03 dt {padding-top: 0px;}
.fifth div dl.dl03 dt p.figure {padding-left: 200px;}
.fifth div dl.dl03 dt figcaption {width: 102%;margin-top: -50px;}
.fifth div dl.dl03 dd {padding-top: 135px;}
.fifth div dl.dl03 dd p.figure {padding-left: 40px;}
.fifth div dl.dl03 dd figcaption {margin-left: -40px;margin-top: -40px;}
.fifth div dl.dl04 dt {margin-top: -30px;}
.fifth div dl.dl04 dt figcaption {width: 90%;}
.fifth div dl.dl04 dt p.figure {padding-left: 90px;}
.fifth div dl.dl04 dd {margin-top: 20px;}
.fifth div dl.dl04 dd p.figure {padding-right: 30px;}
.fifth div dl.dl04 dd figcaption {margin-top: -30px;width: 98%;}
.fifth div dl.dl05 dt {margin-top: -30px;}
.fifth div dl.dl05 dt figcaption {width: 87%;margin-top: -30px;}
.fifth div dl.dl05 dt p.figure {padding-left: 130px;}
.fifth div dl.dl05 dd {margin-top: 80px;}
.fifth div dl.dl05 dd p.figure {padding-left: 0px;}
.fifth div dl.dl05 dd figcaption {width: 98%;margin-top: -40px;}

.sixth {width: 96%;max-width: 1200px;margin: 100px auto 120px;}
.sixth h2 {display: block;font-size: 53px;color: #E50032;text-align: center;}
.sixth dl {display: flex;margin-top: 60px;}
.sixth dl dt {width: 45%;box-sizing: border-box;padding-right: 90px;padding-top: 65px;text-align: right;}
.sixth dl dd {width: 55%;}
.sixth dl dt img {width: 100%;max-width: 327px;}
.sixth dl dd img {width: 100%;max-width: 595px;}
.sixth p {display: block;width: 35em;font-size: 18px;font-weight: bold;color: #EB002B;margin: 40px auto 0;}

@media only screen and (max-width:1500px){

.first img.title_mes {display: block;width: 50%;max-width: 524px;position: absolute;top:370px;right: 30px;}

}

@media only screen and (max-width:1400px){

.second p.img21 {display: block;width: 650px;position: absolute;top: 1555px;left: 25px;right: 0;z-index: 2;margin: 0 auto;}
.second p.img22 {display: block;width: 100%;max-width: 1087px;position: absolute;top: 1420px;left: -255px;right: 0;z-index: 1;margin: 0 auto;}
.second p.img23 {display: block;width: 671px;position: absolute;top: 1500px;left: 0;right: -1257px;z-index: 2;margin: 0 auto;}

.fifth {width: 100%;background: #F2F2F2;padding: 90px 0 20px;}
.fifth div {width: 96%;max-width: 1200px;margin: 0 auto;}
.fifth div dl {display: flex;margin-bottom: 30px;}
.fifth div dl dt {width: 50%;box-sizing: border-box;}
.fifth div dl dd {width: 50%;box-sizing: border-box;text-align: right;}
.fifth div dl.dl01 dt {width: 40%;box-sizing: border-box;}
.fifth div dl.dl01 dd {width: 60%;box-sizing: border-box;padding-top: 20px;text-align: left;}
.fifth div dl.dl01 p.title {font-size: 53px;display: inline-block;padding: 10px 15px;background: #EB002B;color: #fff;margin-bottom: 30px;}
.fifth div dl.dl01 p.subtitle {font-size: 22px;display: inline-block;padding: 10px 15px;background: #EB002B;color: #fff;margin-bottom: 15px;}
.fifth div dl.dl01 p.cont {font-size: 16px;display: inline-block;padding: 10px 15px;background: #EB002B;color: #fff;margin-bottom: 15px;line-height: 30px;}
.fifth div dl p.figure {position: relative;z-index: 2;}
.fifth div dl figcaption {display: inline-block;padding: 10px 15px;background: #EB002B;color: #fff;font-weight: bold;margin-top: -20px;letter-spacing: -0.5px;text-align: left;}
.fifth div dl figcaption p.title {font-size: 20px;display: block;margin-bottom: 18px;}
.fifth div dl figcaption p.subtitle {font-size: 17px;display: block;color: #FFFFBB;margin-bottom: 5px;}
.fifth div dl figcaption p.cont {font-size: 17px;display: block;}
.fifth div dl.dl02 dt p.figure {padding-left: 170px;}
.fifth div dl.dl02 dt figcaption {margin-top: -60px;width: 82%;}
.fifth div dl.dl02 dd {text-align: right;padding-top: 170px;}
.fifth div dl.dl02 dd figcaption {margin: -40px 0 0 auto;}
.fifth div dl.dl03 dt {margin-top: -50px;}
.fifth div dl.dl03 dt p.figure {padding-left: 200px;}
.fifth div dl.dl03 dt figcaption {width: 102%;margin-top: -50px;}
.fifth div dl.dl03 dd {padding-top: 135px;}
.fifth div dl.dl03 dd p.figure {padding-left: 40px;}
.fifth div dl.dl03 dd figcaption {margin-left: -40px;margin-top: -40px;}
.fifth div dl.dl04 dt {margin-top: -30px;}
.fifth div dl.dl04 dt figcaption {width: 80%;}
.fifth div dl.dl04 dt p.figure {padding-left: 90px;}
.fifth div dl.dl04 dd {margin-top: 20px;}
.fifth div dl.dl04 dd p.figure {padding-right: 30px;}
.fifth div dl.dl04 dd figcaption {margin-top: -30px;width: 104%;margin-left: -40px;}
.fifth div dl.dl05 dt {margin-top: -30px;}
.fifth div dl.dl05 dt figcaption {width: 87%;margin-top: -30px;}
.fifth div dl.dl05 dt p.figure {padding-left: 130px;}
.fifth div dl.dl05 dd {margin-top: 80px;}
.fifth div dl.dl05 dd p.figure {padding-left: 0px;}
.fifth div dl.dl05 dd figcaption {width: 98%;margin-top: -40px;}

}

@media only screen and (max-width:1200px){

header section.pc_head p.head_access {display: none;width: 392px;padding: 12px 40px 11px 0;float: right;}

.first img.title_mes {display: block;width: 50%;max-width: 524px;position: absolute;top:310px;right: 30px;}

.second img {max-width: 100%;}
.second {width: 100%;height: 2220px;overflow: hidden;position: relative;}
.second p.img01 {display: block;width: 98%;max-width: 990px;margin: 0 auto;}
.second p.img02 {display: block;width: 420px;position: absolute;top: 500px;left: -100px;right: 0;z-index: 2;margin: 0 auto;}
.second p.img03 {display: block;width: 100%;max-width: 906px;position: absolute;top: 420px;left: -103px;right: 0;z-index: 1;margin: 0 auto;}
.second p.img04 {display: block;width: 740px;position: absolute;top: 274px;left: 0;right: -1203px;z-index: 0;margin: 0 auto;}
.second p.img11 {display: block;width: 490px;position: absolute;top: 1000px;left: 10px;right: 0;z-index: 2;margin: 0 auto;}
.second p.img12 {display: block;width: 100%;max-width: 930px;position: absolute;top: 850px;left: 0;right: -120px;z-index: 1;margin: 0 auto;}
.second p.img13 {display: block;width: 717px;position: absolute;top: 900px;left: -1250px;right: 0;z-index: 2;margin: 0 auto;}
.second p.img21 {display: block;width: 650px;position: absolute;top: 1555px;left: 115px;right: 0;z-index: 2;margin: 0 auto;}
.second p.img22 {display: block;width: 100%;max-width: 1087px;position: absolute;top: 1470px;left: -175px;right: 0;z-index: 1;margin: 0 auto;}
.second p.img23 {display: block;width: 671px;position: absolute;top: 1731px;left: 0;right: -870px;z-index: 2;margin: 0 auto;}

.third {width: 100%;height: 720px;background: #F2F2F2;padding: 20px 0;position: relative;overflow: hidden;}
.third img:nth-child(1) {display: block;width: 100%;max-width: 1111px;position: absolute;top: 40px;left: -100px;right: 0;margin: 0 auto;z-index: 1;}
.third img:nth-child(2) {display: block;width: 100%;max-width: 271px;position: absolute;top: 336px;left: 0px;right: -700px;margin: 0 auto;z-index: 2;}

.fifth {width: 100%;background: #F2F2F2;padding: 90px 0 20px;}
.fifth div {width: 96%;max-width: 1200px;margin: 0 auto;}
.fifth div dl {display: block;margin: 0 auto 40px;width: 96%;max-width: 600px;}
.fifth div dl dt {width: 100%;box-sizing: border-box;margin-bottom: 40px;text-align: center;}
.fifth div dl dd {width: 100%;box-sizing: border-box;text-align: center;}
.fifth div dl.dl01 {display: flex;max-width: 100%;}
.fifth div dl.dl01 dt {width: 50%;box-sizing: border-box;}
.fifth div dl.dl01 dd {width: 50%;box-sizing: border-box;padding-top: 20px;text-align: left;}
.fifth div dl.dl01 p.title {font-size: 40px;display: inline-block;padding: 10px 15px;background: #EB002B;color: #fff;margin-bottom: 30px;}
.fifth div dl.dl01 p.subtitle {font-size: 15px;display: inline-block;padding: 10px 15px;background: #EB002B;color: #fff;margin-bottom: 15px;}
.fifth div dl.dl01 p.cont {font-size: 14px;display: inline-block;padding: 10px 15px;background: #EB002B;color: #fff;margin-bottom: 15px;line-height: 25px;}
.fifth div dl p.figure {position: relative;z-index: 2;text-align: center;}
.fifth div dl figcaption {display: inline-block;padding: 10px 15px;background: #EB002B;color: #fff;font-weight: bold;margin-top: -20px;letter-spacing: -0.5px;text-align: left;}
.fifth div dl figcaption p.title {font-size: 20px;display: block;margin-bottom: 18px;}
.fifth div dl figcaption p.subtitle {font-size: 17px;display: block;color: #FFFFBB;margin-bottom: 5px;}
.fifth div dl figcaption p.cont {font-size: 17px;display: block;}
.fifth div dl.dl02 dt p.figure {padding-left: 0px;}
.fifth div dl.dl02 dt figcaption {margin-top: -40px;width: 82%;}
.fifth div dl.dl02 dd {text-align: right;padding-top: 0px;}
.fifth div dl.dl02 dd figcaption {margin: -30px 0 0 auto;width: 99%;}
.fifth div dl.dl03 dt {margin-top: 0px;}
.fifth div dl.dl03 dt p.figure {padding-left: 0px;}
.fifth div dl.dl03 dt figcaption {width: 102%;margin-top: -50px;}
.fifth div dl.dl03 dd {padding-top: 0px;}
.fifth div dl.dl03 dd p.figure {padding-left: 0px;}
.fifth div dl.dl03 dd figcaption {margin-left: 0px;margin-top: -30px;}
.fifth div dl.dl04 dt {margin-top: 0px;}
.fifth div dl.dl04 dt figcaption {width: 90%;}
.fifth div dl.dl04 dt p.figure {padding-left: 0px;}
.fifth div dl.dl04 dd {margin-top: 0px;}
.fifth div dl.dl04 dd p.figure {padding-right: 0px;}
.fifth div dl.dl04 dd figcaption {margin-top: -30px;width: 99%;margin-left: 0px;}
.fifth div dl.dl05 dt {margin-top: 0px;}
.fifth div dl.dl05 dt figcaption {width: 87%;margin-top: -20px;}
.fifth div dl.dl05 dt p.figure {padding-left: 0px;}
.fifth div dl.dl05 dd {margin-top: 0px;}
.fifth div dl.dl05 dd p.figure {padding-left: 0px;}
.fifth div dl.dl05 dd figcaption {width: 98%;margin-top: -30px;}

.sixth {width: 96%;max-width: 1200px;margin: 100px auto 120px;}
.sixth h2 {display: block;font-size: 53px;color: #E50032;text-align: center;}
.sixth dl {display: flex;margin-top: 60px;}
.sixth dl dt {width: 38%;box-sizing: border-box;padding-right: 50px;padding-top: 65px;text-align: right;}
.sixth dl dd {width: 62%;}
.sixth dl dt img {width: 100%;max-width: 327px;}
.sixth dl dd img {width: 100%;max-width: 595px;}
.sixth p {display: block;width: 35em;font-size: 18px;font-weight: bold;color: #EB002B;margin: 40px auto 0;}

}

@media only screen and (max-width:768px){

header section.pc_head p.logo2 {display: none;width: 94px;padding: 5px 40px 5px 0;float: right;}
header .pc_head {min-height: 68px;}
header .sp_head {height: 0px;}

.first img.title_mes {display: block;width: 60%;max-width: 524px;position: absolute;top:245px;right: 30px;}

.second img {max-width: 100%;}
.second {width: 100%;height: 1800px;overflow: hidden;position: relative;}
.second p.img01 {display: block;width: 98%;max-width: 990px;margin: 0 auto;}
.second p.img02 {display: block;width: 420px;position: absolute;top: 380px;left: 80px;right: 0;z-index: 2;margin: 0 auto;}
.second p.img03 {display: block;width: 100%;max-width: 906px;position: absolute;top: 320px;left: 0px;right: 0;z-index: 1;margin: 0 auto;}
.second p.img04 {display: none;width: 740px;position: absolute;top: 274px;left: 0;right: -1203px;z-index: 0;margin: 0 auto;}
.second p.img11 {display: block;width: 490px;position: absolute;top: 850px;left: -200px;right: 0;z-index: 2;margin: 0 auto;}
.second p.img12 {display: block;width: 100%;max-width: 930px;position: absolute;top: 750px;left: 0;right: 0px;z-index: 1;margin: 0 auto;}
.second p.img13 {display: none;width: 717px;position: absolute;top: 900px;left: -1250px;right: 0;z-index: 2;margin: 0 auto;}
.second p.img21 {display: block;width: 650px;position: absolute;top: 1300px;left: 0px;right: 0;z-index: 2;margin: 0 auto;}
.second p.img22 {display: block;width: 100%;max-width: 1087px;position: absolute;top: 1348px;left: 0px;right: 0;z-index: 1;margin: 0 auto;}
.second p.img23 {display: none;width: 671px;position: absolute;top: 1731px;left: 0;right: -870px;z-index: 2;margin: 0 auto;}

.third {width: 100%;height: 440px;background: #F2F2F2;padding: 20px 0;position: relative;overflow: hidden;}
.third img:nth-child(1) {display: block;width: 100%;max-width: 1111px;position: absolute;top: 40px;left: 0px;right: 0;margin: 0 auto;z-index: 1;}
.third img:nth-child(2) {display: none;width: 100%;max-width: 271px;position: absolute;top: 336px;left: 0px;right: -700px;margin: 0 auto;z-index: 2;}

.fourth {width: 96%;max-width: 1200px;margin: 0 auto;}
.fourth h3 {display: block;font-size: 62px;color: #00B6D7;margin: 110px auto 10px;text-align: center;}
.fourth span {display: block;font-size: 24px;font-weight: bold;text-align: center;}
.fourth ul {display: block;margin: 80px auto 100px;width: 96%;max-width: 392px;}
.fourth ul li {width: 100%;margin-right: 0;}
.fourth ul li:nth-child(3) {margin-right: 0;padding-top: 30px;}
.fourth ul li:nth-child(2) {padding-top: 30px;}
.fourth ul li img {max-width: 392px;width: 100%;}

.fifth {width: 100%;background: #F2F2F2;padding: 90px 0 20px;}
.fifth div {width: 96%;max-width: 1200px;margin: 0 auto;}
.fifth div dl {display: block;margin: 0 auto 40px;width: 96%;max-width: 600px;}
.fifth div dl dt {width: 100%;box-sizing: border-box;margin-bottom: 40px;}
.fifth div dl dd {width: 100%;box-sizing: border-box;text-align: center;}
.fifth div dl.dl01 {display: block;max-width: 518px;}
.fifth div dl.dl01 dt {width: 100%;box-sizing: border-box;}
.fifth div dl.dl01 dd {width: 100%;box-sizing: border-box;padding-top: 0px;text-align: center;margin-top: -80px;}
.fifth div dl.dl01 p.title {font-size: 40px;display: inline-block;padding: 10px 15px;background: #EB002B;color: #fff;margin-bottom: 10px;}
.fifth div dl.dl01 p.subtitle {font-size: 15px;display: inline-block;padding: 10px 15px;background: #EB002B;color: #fff;margin-bottom: 10px;}
.fifth div dl.dl01 p.cont {font-size: 14px;display: inline-block;padding: 10px 15px;background: #EB002B;color: #fff;margin-bottom: 10px;line-height: 25px;}
.fifth div dl p.figure {position: relative;z-index: 2;text-align: center;}
.fifth div dl figcaption {display: inline-block;padding: 10px 15px;background: #EB002B;color: #fff;font-weight: bold;margin-top: -20px;letter-spacing: -0.5px;text-align: left;}
.fifth div dl figcaption p.title {font-size: 20px;display: block;margin-bottom: 18px;}
.fifth div dl figcaption p.subtitle {font-size: 17px;display: block;color: #FFFFBB;margin-bottom: 5px;}
.fifth div dl figcaption p.cont {font-size: 17px;display: block;}
.fifth div dl.dl02 dt p.figure {padding-left: 0px;}
.fifth div dl.dl02 dt figcaption {margin-top: -40px;width: 82%;}
.fifth div dl.dl02 dd {text-align: right;padding-top: 0px;}
.fifth div dl.dl02 dd figcaption {margin: -30px 0 0 auto;width: 99%;}
.fifth div dl.dl03 dt {margin-top: 0px;}
.fifth div dl.dl03 dt p.figure {padding-left: 0px;}
.fifth div dl.dl03 dt figcaption {width: 102%;margin-top: -50px;}
.fifth div dl.dl03 dd {padding-top: 0px;}
.fifth div dl.dl03 dd p.figure {padding-left: 0px;}
.fifth div dl.dl03 dd figcaption {margin-left: 0px;margin-top: -30px;}
.fifth div dl.dl04 dt {margin-top: 0px;}
.fifth div dl.dl04 dt figcaption {width: 90%;}
.fifth div dl.dl04 dt p.figure {padding-left: 0px;}
.fifth div dl.dl04 dd {margin-top: 0px;}
.fifth div dl.dl04 dd p.figure {padding-right: 0px;}
.fifth div dl.dl04 dd figcaption {margin-top: -30px;width: 99%;margin-left: 0px;}
.fifth div dl.dl05 dt {margin-top: 0px;}
.fifth div dl.dl05 dt figcaption {width: 87%;margin-top: -20px;}
.fifth div dl.dl05 dt p.figure {padding-left: 0px;}
.fifth div dl.dl05 dd {margin-top: 0px;}
.fifth div dl.dl05 dd p.figure {padding-left: 0px;}
.fifth div dl.dl05 dd figcaption {width: 98%;margin-top: -30px;}

.sixth {width: 96%;max-width: 1200px;margin: 100px auto 120px;}
.sixth h2 {display: block;font-size: 53px;color: #E50032;text-align: center;}
.sixth dl {display: flex;margin-top: 60px;}
.sixth dl dt {width: 38%;box-sizing: border-box;padding-right: 10px;padding-top: 40px;text-align: right;}
.sixth dl dd {width: 62%;}
.sixth dl dt img {width: 100%;max-width: 327px;}
.sixth dl dd img {width: 100%;max-width: 595px;}
.sixth p {display: block;width: 35em;font-size: 18px;font-weight: bold;color: #EB002B;margin: 40px auto 0;}

}

@media only screen and (max-width:580px){

.hamburger {transform: scale(1.5);top: 21px;right: 20px;}

header section.pc_head h1 {display: block;font-size: 23px;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif, "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;margin-top: -19px;width: 21em;float: left;}
header .pc_head {min-height: 80px;}
header section.pc_head h1 img {padding: 4px 0px 4px 0px;transform: translateY(21px);}

.first img.title_mes {display: block;width: 71%;max-width: 524px;position: absolute;top:202px;right: 15px;}

.second img {max-width: 100%;}
.second {width: 100%;height: 1600px;overflow: hidden;position: relative;}
.second p.img01 {display: block;width: 124%;max-width: 990px;margin: 0 0 0 -12px;}
.second p.img02 {display: block;width: 335px;position: absolute;top: 380px;left: 80px;right: 0;z-index: 2;margin: 0 auto;}
.second p.img03 {display: block;width: 120%;max-width: 906px;position: absolute;top: 320px;left: -38px;right: 0;z-index: 1;margin: 0 auto;}
.second p.img04 {display: none;width: 740px;position: absolute;top: 274px;left: 0;right: -1203px;z-index: 0;margin: 0 auto;}
.second p.img11 {display: block;width: 375px;position: absolute;top: 780px;left: -145px;right: 0;z-index: 2;margin: 0 auto;}
.second p.img12 {display: block;width: 125%;max-width: 930px;position: absolute;top: 700px;left: -100px;right: 0px;z-index: 1;margin: 0 auto;}
.second p.img13 {display: none;width: 717px;position: absolute;top: 900px;left: -1250px;right: 0;z-index: 2;margin: 0 auto;}
.second p.img21 {display: block;width: 525px;position: absolute;top: 1190px;left: 0px;right: 0;z-index: 2;margin: 0 auto;}
.second p.img22 {display: block;width: 125%;max-width: 1087px;position: absolute;top: 1216px;left: -88px;right: 0;z-index: 1;margin: 0 auto;}
.second p.img23 {display: none;width: 671px;position: absolute;top: 1731px;left: 0;right: -870px;z-index: 2;margin: 0 auto;}

.third {width: 100%;height: 395px;background: #F2F2F2;padding: 20px 0;position: relative;overflow: hidden;}
.third img:nth-child(1) {display: block;width: 117%;max-width: 1111px;position: absolute;top: 40px;left: -63px;right: 0;margin: 0 auto;z-index: 1;}
.third img:nth-child(2) {display: none;width: 100%;max-width: 271px;position: absolute;top: 336px;left: 0px;right: -700px;margin: 0 auto;z-index: 2;}

.fourth {width: 96%;max-width: 1200px;margin: 0 auto;}
.fourth h3 {display: block;font-size: 50px;color: #00B6D7;margin: 110px auto 10px;text-align: center;}
.fourth span {display: block;font-size: 20px;font-weight: bold;text-align: center;}
.fourth ul {display: block;margin: 40px auto 100px;width: 96%;max-width: 1000px;}
.fourth ul li {width: 100%;margin-right: 0;}
.fourth ul li:nth-child(3) {margin-right: 0;padding-top: 30px;}
.fourth ul li:nth-child(2) {padding-top: 30px;}
.fourth ul li img {max-width: 1000px;width: 100%;}

.fifth {width: 100%;background: #F2F2F2;padding: 90px 0 20px;}
.fifth div {width: 96%;max-width: 1200px;margin: 0 auto;}
.fifth div dl {display: block;margin: 0 auto 40px;width: 96%;max-width: 600px;}
.fifth div dl dt {width: 100%;box-sizing: border-box;margin-bottom: 40px;}
.fifth div dl dd {width: 100%;box-sizing: border-box;text-align: center;}
.fifth div dl.dl01 {display: block;max-width: 518px;}
.fifth div dl.dl01 dt {width: 100%;box-sizing: border-box;}
.fifth div dl.dl01 dd {width: 100%;box-sizing: border-box;padding-top: 0px;text-align: center;margin-top: -80px;}
.fifth div dl.dl01 p.title {font-size: 40px;display: inline-block;padding: 10px 15px;background: #EB002B;color: #fff;margin-bottom: 10px;}
.fifth div dl.dl01 p.subtitle {font-size: 15px;display: inline-block;padding: 10px 15px;background: #EB002B;color: #fff;margin-bottom: 10px;}
.fifth div dl.dl01 p.cont {font-size: 14px;display: inline-block;padding: 10px 15px;background: #EB002B;color: #fff;margin-bottom: 10px;line-height: 25px;}
.fifth div dl p.figure {position: relative;z-index: 2;text-align: center;}
.fifth div dl figcaption {display: inline-block;padding: 10px 15px;background: #EB002B;color: #fff;font-weight: bold;margin-top: -20px;letter-spacing: -0.5px;text-align: left;}
.fifth div dl figcaption p.title {font-size: 20px;display: block;margin-bottom: 18px;}
.fifth div dl figcaption p.subtitle {font-size: 17px;display: block;color: #FFFFBB;margin-bottom: 5px;}
.fifth div dl figcaption p.cont {font-size: 17px;display: block;}
.fifth div dl.dl02 dt p.figure {padding-left: 0px;}
.fifth div dl.dl02 dt figcaption {margin-top: -40px;width: 99%;margin-left: -12px;}
.fifth div dl.dl02 dd {text-align: right;padding-top: 0px;}
.fifth div dl.dl02 dd figcaption {margin: -30px 0 0 -12px;width: 99%;}
.fifth div dl.dl03 dt {margin-top: 0px;}
.fifth div dl.dl03 dt p.figure {padding-left: 0px;}
.fifth div dl.dl03 dt figcaption {width: 99%;margin-top: -50px;margin-left: -12px;}
.fifth div dl.dl03 dd {padding-top: 0px;}
.fifth div dl.dl03 dd p.figure {padding-left: 0px;}
.fifth div dl.dl03 dd figcaption {margin-left: -12px;margin-top: -30px;width: 99%;}
.fifth div dl.dl04 dt {margin-top: 0px;}
.fifth div dl.dl04 dt figcaption {width: 99%;margin-left: -12px;}
.fifth div dl.dl04 dt p.figure {padding-left: 0px;}
.fifth div dl.dl04 dd {margin-top: 0px;}
.fifth div dl.dl04 dd p.figure {padding-right: 0px;}
.fifth div dl.dl04 dd figcaption {margin-top: -30px;width: 99%;margin-left: -12px;}
.fifth div dl.dl05 dt {margin-top: 0px;}
.fifth div dl.dl05 dt figcaption {width: 99%;margin-top: -20px;margin-left: -12px;}
.fifth div dl.dl05 dt p.figure {padding-left: 0px;}
.fifth div dl.dl05 dd {margin-top: 0px;}
.fifth div dl.dl05 dd p.figure {padding-left: 0px;}
.fifth div dl.dl05 dd figcaption {width: 99%;margin-top: -30px;margin-left: -12px;}

.sixth {width: 96%;max-width: 1200px;margin: 100px auto 100px;}
.sixth h2 {display: block;font-size: 40px;color: #E50032;text-align: center;}
.sixth dl {display: block;margin: 30px auto 0;width: 500px;}
.sixth dl dt {width: 100%;box-sizing: border-box;padding-right: 0px;padding-top: 0px;text-align: center;}
.sixth dl dd {width: 100%;}
.sixth dl dt img {width: 100%;max-width: 327px;}
.sixth dl dd img {width: 100%;max-width: 595px;}
.sixth p {display: block;width: 23em;font-size: 18px;font-weight: bold;color: #EB002B;margin: 40px auto 0;}

}