/* ======================================================
	Reset
====================================================== */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,a,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:none;outline:none;background:transparent;font-size:100%}body{line-height:1}img{line-height: 0; vertical-align: top;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}del{text-decoration: line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}li{list-style-type: none}table{border-collapse:collapse;border-spacing:0}input, select{vertical-align:middle}hr{display:block;height:1px;margin:1em 0;padding:0;border:none;border-top:1px solid #ccc}a{outline:none;}.cf:before,.cf:after{content:"";display:table}.cf:after{clear:both}.cf{zoom:1}

/* ======================================================
	COMMON
====================================================== */
body{background:#000; text-align: left; font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif; color: #e4e4e4;}
.fs_80{font-size: 80%;}
.fs_70{font-size: 70%;}

/* ======================================================
	PC
====================================================== */
@media screen and (min-width: 1025px){
body{font-size: 18px;}
.inner{width: 1200px; margin: 0 auto; padding: 0 70px; background: #2f2f2f; box-sizing: border-box;}
.sp{display: none;}

#fv{background: url(../img/FV_bg_pc.jpg) top center repeat-x; margin-bottom: 60px;}
#fv .area{position: relative; width: 1200px; height: 614px; margin: 0 auto;}
#fv .area .text{position: absolute; top: 100px; left: 0px; color: #906119;}
#fv .area .text p{ margin-bottom: 7px; font-weight: 800; font-size: 38px; font-style: italic; font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "メイリオ", sans-serif;}
#fv .area .text p span{background: rgba(255, 255, 255, 0.8); padding: 10px 20px; display: inline-block;}
#fv .area .logo{position: absolute; top: 30px; right: 0px;}
#fv .area .gdo_logo{position: absolute; top: 30px; left: 0px;}
#fv .area .gdo_logo img{width: 100px;}
#fv .area .logo img{width: 161px;}
#fv .area h1{position: absolute; bottom: 35px; left: -20px;}
#fv .area h1 img{width: 1234px;}
#fv #lead_text{background: #35423b; text-align: center; padding: 30px 0;}
#fv #lead_text .inner{background: none;}
#fv #lead_text p{font-size: 22px; line-height: 1.5;}

#sec_01{margin-bottom: 60px;}
#sec_01 h2{padding: 50px 0;}
#sec_01 h2 p{background: url(../img/h2_head.jpg) center left repeat-y; background-size: 15px; color: #fff; font-size: 40px; font-weight: bold; padding: 10px 0 10px 30px;}
#sec_01 .box_right{display: flex; justify-content: space-between; margin-bottom: 60px;}
#sec_01 .box_left{display: flex; justify-content: space-between; margin-bottom: 60px;}
#sec_01 .box_center{display: flex;}
#sec_01 .img_area{width: 415px;}
#sec_01 .img_area img {width: 100%;}
#sec_01 .box_center .img_area{width: 530px;}
#sec_01 .text_area{width: 605px;}
#sec_01 .text_area dt{font-size: 30px; color: #fff; font-weight: bold; margin-bottom: 20px;}
#sec_01 .text_area dd{line-height: 1.5;}
#sec_01 .box_right .text_area dt{background: url(../img/sec_01_arrow_right_pc.png) bottom left no-repeat; background-size: contain; padding: 0 0 20px 40px;}
#sec_01 .box_left .text_area dt{background: url(../img/sec_01_arrow_left_pc.png) bottom left no-repeat; background-size: contain; padding: 0 0 20px 0;}
#sec_01 .box_center .text_area{width: 489px; margin: 30px 0 60px 0;}
#sec_01 .box_center .text_area dt{border-bottom: solid 1px #ff0000; padding-bottom: 20px; font-weight: bold;}

.cv{margin-bottom: 60px;}
.cv .inner{background: none; display: flex; justify-content: center;}
.cv a.btn{background: #c00505; color: #fff; width: 716px; height: 93px; border-bottom: solid 4px #821111; display: flex; align-items: center; justify-content: center; text-decoration: none;}
.cv .btn span{ font-size: 30px; background: url(../img/btn_arrow.png) center right no-repeat; background-size: 17px; padding-right: 30px; font-weight: bold;}
.cv a.btn{transition: all 0.5s;}
.cv a.btn:hover{transition: all 0.5s; background: #ff0000; border-bottom: solid 4px #c00505; box-shadow: 0 0 10px rgba(255, 0, 0, 0.8);}
.cv .btn span.small{font-size: 26px;padding-right: 60px; line-height: 1.3;}

#sec_02{margin-bottom: 60px;}
#sec_02 h2{padding: 50px 0;}
#sec_02 h2 p{background: url(../img/h2_head.jpg) center left repeat-y; background-size: 15px; color: #fff; font-size: 40px; font-weight: bold; padding: 0px 0 0px 50px; line-height: 1.3;}
#sec_02 .tester{display: flex; margin-bottom: 100px;}
#sec_02 .tester .text_area{width: 316px; margin-top: 20px;}
#sec_02 .tester .text_area dt{ border-bottom: solid 1px #ff0000; padding-bottom: 15px; margin-bottom: 15px; font-size: 20px; color: #fff; font-weight: bold;}
#sec_02 .tester .text_area dd{font-size: 15px; line-height: 1.5;}
#sec_02 .area_01{background: url(../img/sec_02_bg_01_pc.png) top left no-repeat; height: 961px; position: relative; width: 1200px; margin-left: -70px;}
#sec_02 .area_01 .text_area{position: absolute; top: 10px; right: 70px;}
#sec_02 .area_01 .text_area dt{background: url(../img/sec_02_arrow_right_pc.png) left bottom no-repeat; width: 617px; background-size: 617px; margin-bottom: 20px; line-height: 1.1;}
#sec_02 .area_01 .text_area dt p{font-size: 38px; color: #ff0000; font-weight: bold; padding: 0 0 30px 80px;}
#sec_02 .area_01 .text_area dd{width: 470px; padding-left: 140px; line-height: 1.5; font-size: 20px;}
#sec_02 .area_01 .img_area{position: absolute; bottom: 50px; right: 70px;}
#sec_02 .area_02{background: url(../img/sec_02_bg_02_pc.png) top left no-repeat; height: 865px; position: relative; width: 1200px; margin-left: -70px;}
#sec_02 .area_02 .text_area{position: absolute; top: 50px; left: 70px;}
#sec_02 .area_02 .text_area dt{background: url(../img/sec_02_arrow_left_pc.png) left bottom no-repeat; width: 576px; background-size: 576px; margin-bottom: 20px; line-height: 1.1;}
#sec_02 .area_02 .text_area dt p{font-size: 38px; color: #ff0000; font-weight: bold; padding: 0 0 30px 0px;}
#sec_02 .area_02 .text_area dd{width: 470px; line-height: 1.5; font-size: 20px;}
#sec_02 .area_02 .img_area{position: absolute; bottom: 50px; left: 70px;}
#sec_02 .area_03{background: url(../img/sec_02_bg_03_pc.png) top left no-repeat; height: 1185px; position: relative; width: 1200px; margin-left: -70px; padding-bottom: 100px;}
#sec_02 .area_03 .text_area{position: absolute; top: 430px; left: 70px;}
#sec_02 .area_03 .text_area dt{background: url(../img/sec_02_arrow_03_pc.png) left bottom no-repeat; width: 730px; background-size: 730px; margin-bottom: 20px; line-height: 1.1;}
#sec_02 .area_03 .text_area dt p{font-size: 38px; color: #ff0000; font-weight: bold; padding: 0 0 30px 0px;}
#sec_02 .area_03 .text_area dd{width: 657px; line-height: 1.5; font-size: 20px;}
#sec_02 .area_03 .img_area{position: absolute; bottom: 80px; left: 150px;}

#sec_03{margin-bottom: 60px;}
#sec_03 h2{padding: 50px 0;}
#sec_03 h2 p{background: url(../img/h2_head.jpg) center left repeat-y; background-size: 15px; color: #fff; font-size: 40px; font-weight: bold; padding: 0px 0 0px 50px; line-height: 1.3;}
#sec_03 .area_01{padding-bottom: 20px;}
#sec_03 .area_01 .img_block{background: url(../img/sec_03_bg_01_pc.png) top left no-repeat; height: 644px; position: relative; width: 1200px; margin-left: -70px; margin-top: 20px;}
#sec_03 .area_01 .img_block .text_area{position: absolute; top: 0px; right: 70px; width: 546px;}
#sec_03 .area_01 .img_block .text_area dt{border-bottom: solid 1px #ff0000; font-size: 30px; line-height: 1.3; padding-bottom: 20px; margin-bottom: 20px; font-weight: bold; color: #fff;}
#sec_03 .area_01 .img_block .text_area dd{line-height: 1.7;}
#sec_03 .area_02{padding-bottom: 20px;}
#sec_03 .area_02 .img_block{background: url(../img/sec_03_bg_02_pc.png) top left no-repeat; height: 546px; position: relative; width: 1200px; margin-left: -70px; margin-bottom: 40px;}
#sec_03 .area_02 .img_block .img_area{position: absolute; bottom: -10px; right: 70px;}
#sec_03 .area_02 .text_area{margin-bottom: 40px;}
#sec_03 .area_02 .text_area dt{border-bottom: solid 1px #ff0000; font-size: 30px; line-height: 1.3; padding-bottom: 20px; margin-bottom: 20px; font-weight: bold; color: #fff;}
#sec_03 .area_02 .text_area dd{line-height: 1.7;}
#sec_03 .area_03{padding-bottom: 60px;}
#sec_03 .area_03 .img_block{background: url(../img/sec_03_bg_03_pc.png) top left no-repeat; height: 492px; position: relative; width: 1200px; margin-left: -70px; margin-bottom: 40px;}
#sec_03 .area_03 .img_block .img_area{position: absolute; bottom: -10px; right: 70px;}
#sec_03 .area_03 .text_area{margin-bottom: 40px;}
#sec_03 .area_03 .text_area dt{border-bottom: solid 1px #ff0000; font-size: 30px; line-height: 1.3; padding-bottom: 20px; margin-bottom: 20px; font-weight: bold; color: #fff;}
#sec_03 .area_03 .text_area dd{line-height: 1.7;}
#sec_03 .arrow_box{background: url(../img/sec_03_arrow_pc.png) center bottom no-repeat; padding-bottom: 81px;}
#sec_03 .arrow_box .box{background: #636363;}
#sec_03 .arrow_box .text_area{background: url(../img/sec_03_box_bg_pc.png) top left no-repeat; line-height: 1.5; padding: 30px 30px 30px 360px;}
#sec_03 h3{text-align: center;}
#sec_03 h3 img{width: 527px;}
#sec_03 h3 span{background: url(../img/sec_03_graph_arrow_pc.png) center left no-repeat; background-size: 53px; padding: 20px 0 20px 70px; display: inline-block;}
#sec_03 .area_01 .graph_block{background: url(../img/sec_03_graph_img_01_pc.png) center left no-repeat; background-size: 200px;}
#sec_03 .area_02 .graph_block{background: url(../img/sec_03_graph_img_02_pc.png) center left no-repeat; background-size: 225px;}
#sec_03 .area_03 .graph_block{background: url(../img/sec_03_graph_img_03_pc.png) center left no-repeat; background-size: 225px;}
#sec_03 .graph_block .graph{width: 840px; padding-left: 220px;}
#sec_03 .graph_block .block_area{font-size: 0px;}
#sec_03 .graph_block .block_area .block{display: inline-block; margin: 0px; padding: 0px; box-sizing: border-box; margin-right: 2px; margin-bottom: 2px;}
#sec_03 .graph_block .block_area .block:nth-child(3n){margin-right: 0px;}
#sec_03 .graph_block .block_area .block dt{background: #636363; width: 278px; height: 40px; display: flex; align-items: center; justify-content: center; font-size: 20px;}
#sec_03 .graph_block .block_area .block dd{background: #252525; width: 278px; height: 60px; display: flex; align-items: center; justify-content: center; font-size: 26px; font-weight: bold;}
#sec_03 .graph_block .block_area .block dd .fs_80{margin: 2px 0 0 5px;}
#sec_03 .btn_area{text-align: right; padding: 30px 0 0px 0;}
#sec_03 .btn{background: #c00505; width: 350px; height: 58px; display: inline-flex; align-items: center; justify-content: center; color: #fff; text-decoration: none; border-bottom: solid 3px #821111;}
#sec_03 .btn span{background: url(../img/btn_arrow.png) center right no-repeat; background-size: 13px; padding-right: 25px; font-weight: bold;}
#sec_03 .btn{transition: all 0.5s;}
#sec_03 .btn:hover{transition: all 0.5s; background: #ff0000; border-bottom: solid 3px #c00505; box-shadow: 0 0 8px rgba(150, 0, 0, 0.6);}

#sec_04{margin-bottom: 60px;}
#sec_04 h2{padding: 50px 0;}
#sec_04 h2 p{background: url(../img/h2_head.jpg) center left repeat-y; background-size: 15px; color: #fff; font-size: 40px; font-weight: bold; padding: 10px 0 10px 50px; line-height: 1;}
#sec_04 .box{display: flex; justify-content: space-between; padding-bottom: 30px; border-bottom: solid 1px #424242; margin-bottom: 30px;}
#sec_04 .box:last-child{border: none; padding-bottom: 60px; margin-bottom: 0px;}
#sec_04 .box .text_area{width: 567px; position: relative;}
#sec_04 .box .text_area dt{border-bottom: solid 1px #ff0000; padding-bottom: 20px; margin-bottom: 20px; font-size: 24px; color: #fff; font-weight: bold;}
#sec_04 .box .text_area dd{line-height: 1.5;}
#sec_04 .box .text_area .btn_area{position: absolute; bottom: 0px; left: 0px;}
#sec_04 .box .text_area .btn{background: #c00505; color: #fff; width: 350px; height: 38px; display: flex; align-items: center; justify-content: center; text-decoration: none; border-bottom: solid 2px #821111;}
#sec_04 .box .text_area .btn span{background: url(../img/btn_arrow.png) center right no-repeat; background-size: 10px; padding-right: 20px; font-size: 16px; font-weight: bold;}
#sec_04 .box .text_area .btn{transition: all 0.5s;}
#sec_04 .box .text_area .btn:hover{transition: all 0.5s; background: #ff0000; border-bottom: solid 2px #c00505; box-shadow: 0 0 6px rgba(150, 0, 0, 0.6);}

#movie{margin-bottom: 100px;}
#movie .movie_area{text-align: center;}
#movie .movie_area iframe{ width: 900px; height: 506px;}

footer{background: #191919;}
footer .inner{background: none; padding-top: 50px;}
footer .inner a{text-decoration: none; color: #cccccc; font-size: 12px;}
footer .inner a:hover{color: #999999;}
footer .inner .sns{display: flex; justify-content: center; align-items: center;  margin: 0 auto 15px auto; padding-bottom: 15px; border-bottom: solid 1px #333333;}
footer .inner .sns li{margin-right: 10px; display: inline-block;}
footer .inner .sns li:last-child{margin-right: 0px;}
footer .inner p.notes{display: flex; justify-content: center; align-items: center; padding-bottom: 15px; margin-bottom: 15px; border-bottom: solid 1px #333333;}
footer .inner p .wh{font-size: 12px;}
footer .inner .cp{font-size: 12px; text-align: center; width: 100%; padding-bottom: 50px;}
}
/* ======================================================
	SP
====================================================== */
@media screen and (max-width: 1024px){
html{overflow-x: hidden;}
body{font-size: 3.4vw; overflow-x: hidden;}
.inner{width: 95vw; margin: 0 auto; padding: 0 5vw; background: #2f2f2f; box-sizing: border-box;}
img{width: 100%;}
.pc{display: none;}

#fv{background: url(../img/FV_bg_sp.jpg) top center no-repeat; background-size: contain; margin-bottom: 10vw;}
#fv .area{position: relative; width: 100vw; height: 94.5vw;}
#fv .area .text{position: absolute; top: 48vw; left: 10px; color: #906119;}
#fv .area .text p{ margin-bottom: 1vw; font-weight: bold; font-size: 90%; font-style: italic; font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "メイリオ", sans-serif;}
#fv .area .text p span{background: rgba(255, 255, 255, 0.8); padding: 1vw 2vw; display: inline-block;}
#fv .area .logo{position: absolute; top: 4vw; left: 4vw;}
#fv .area .gdo_logo{position: absolute; top: 3vw; left: 38vw;}
#fv .area .gdo_logo img{width: 17vw;}
#fv .area .logo img{width: 30vw;}
#fv .area h1{position: absolute; bottom: 3vw; left: 2.5vw;}
#fv .area h1 img{width: 93vw;}
#fv .area #menu_btn{position: fixed; top: 0vw; right: 0vw; z-index: 99}
#fv .area #menu_btn img{width: 15vw; display: inline-block;}
#fv #lead_text{background: #35423b; text-align: center; padding: 7vw 0;}
#fv #lead_text .inner{background: none;}
#fv #lead_text p{font-size: 120%; line-height: 1.8; font-weight: bold;}

#menu{position: fixed; top: 0vw; left: 100vw; z-index: 100;}
#menu .area{width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.95); position: relative;}
#menu .area #close{position: absolute; top: 4vw; right: 4vw;}
#menu .area #close img{width: 8vw;}
#menu .area .list{position: absolute; top: 20vw; left: 50%; transform: translateX(-50%); width: 90vw; display: inline-block;}
#menu .area .list li{background: url(../img/menu_point_sp.png) center left 2vw no-repeat; background-size: 8vw; border-bottom: solid 1px #434343; padding: 7vw 3vw 7vw 13vw;}
#menu .area .list li a{background: url(../img/menu_arrow_sp.png) center right no-repeat; background-size: 2.5vw; text-decoration: none; display: block;}
#menu .area .list li a span{font-size: 140%; line-height: 1.3; color: #c2c2c2;}

#sec_01{margin-bottom: 10vw;}
#sec_01 h2{padding: 10vw 0;}
#sec_01 h2 p{background: url(../img/h2_head.jpg) center left repeat-y; background-size: 3vw; color: #fff; font-size: 160%; font-weight: bold; padding: 2vw 0 2vw 6vw; line-height: 1.3;}
#sec_01 .box_right{display:-webkit-box; display: -webkit-flex; display:-ms-flexbox; display: flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
#sec_01 .box_left{display:-webkit-box; display: -webkit-flex; display:-ms-flexbox; display: flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
#sec_01 .box_center{display:-webkit-box; display: -webkit-flex; display:-ms-flexbox; display: flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap; padding-bottom: 5vw;}
#sec_01 .img_area{order: 1; margin-bottom: 5vw; width: 100%;}
#sec_01 .img_area img {width: 100%;}
#sec_01 .text_area{order: 2; margin-bottom: 7vw;}
#sec_01 .text_area dt{font-size: 120%; color: #fff; font-weight: bold; margin-bottom: 5vw; display: block; padding-bottom: 1px;}
#sec_01 .text_area dt{background: url(../img/sec_01_arrow_top_sp.png) bottom left no-repeat; background-size: cover; padding: 0 0 2vw 4vw;}
#sec_01 .text_area dd{line-height: 1.5;}

.cv{margin-bottom: 10vw;}
.cv .inner{background: none; display: flex; justify-content: center;}
.cv a.btn{background: #c00505; color: #fff; width: 100%; height: 16vw; border-bottom: solid 4px #821111; display: flex; align-items: center; justify-content: center; text-decoration: none;}
.cv .btn span{ font-size: 120%; background: url(../img/btn_arrow.png) center right no-repeat; background-size: 3vw; padding-right: 6vw; font-weight: bold;}
.cv .btn span.small{font-size: 110%; padding-right: 6vw; line-height: 1.3;}

#sec_02{margin-bottom: 10vw;}
#sec_02 .inner{padding-bottom: 10vw;}
#sec_02 h2{padding: 10vw 0;}
#sec_02 h2 p{background: url(../img/h2_head.jpg) center left repeat-y; background-size: 3vw; color: #fff; font-size: 160%; font-weight: bold; padding: 0px 0 0px 6vw; line-height: 1.3;}
#sec_02 .tester{ margin-bottom: 10vw;}
#sec_02 .tester .tester_box{display: flex; justify-content: space-between; margin-bottom: 5vw;}
#sec_02 .tester .img_area{width: 40%;}
#sec_02 .tester .text_area{width: 55%;}
#sec_02 .tester .text_area dt{ border-bottom: solid 1px #ff0000; padding-bottom: 2vw; margin-bottom: 2vw; font-size: 110%; color: #fff; font-weight: bold;}
#sec_02 .tester .text_area dd{font-size: 90%; line-height: 1.5;}
#sec_02 .area_01{background: url(../img/sec_02_bg_01_sp.png) top left no-repeat; height: 164vw; position: relative; width: 95vw; margin-left: -5vw; background-size: 100%; margin-bottom: 10vw;}
#sec_02 .area_01 .text_area{position: absolute; bottom: 0vw; left: 50%; transform: translateX(-50%); width: 90%;}
#sec_02 .area_01 .text_area dt{background: url(../img/sec_02_arrow_right_sp.png) left bottom no-repeat; background-size: 100%; margin-bottom: 5vw; line-height: 1.1;}
#sec_02 .area_01 .text_area dt p{font-size: 140%; color: #ff0000; font-weight: bold; padding: 0 0 4vw 12vw;}
#sec_02 .area_01 .text_area dd{line-height: 1.5; font-size: 100%;}
#sec_02 .area_01 .img_area{position: absolute; top: 48vw; right: 5vw;}
#sec_02 .area_01 .img_area img{width: 42vw;}
#sec_02 .area_02{background: url(../img/sec_02_bg_02_sp.png) top left no-repeat; height: 139vw; position: relative; width: 95vw; margin-left: -5vw; background-size: 100%; margin-bottom: 10vw;}
#sec_02 .area_02 .text_area{position: absolute; bottom: 0vw; left: 50%; transform: translateX(-50%); width: 90%;}
#sec_02 .area_02 .text_area dt{background: url(../img/sec_02_arrow_right_sp.png) left bottom no-repeat; background-size: 100%; margin-bottom: 5vw; line-height: 1.1;}
#sec_02 .area_02 .text_area dt p{font-size: 140%; color: #ff0000; font-weight: bold; padding: 0 0 4vw 12vw;}
#sec_02 .area_02 .text_area dd{line-height: 1.5; font-size: 100%;}
#sec_02 .area_02 .img_area{position: absolute; top: 46vw; left: 5vw;}
#sec_02 .area_02 .img_area img{width: 42vw;}
#sec_02 .area_03{background: url(../img/sec_02_bg_03_sp.png) top left no-repeat; height: 152vw; position: relative; width: 95vw; margin-left: -5vw;  background-size: 100%;}
#sec_02 .area_03 .text_area{position: absolute; bottom: 0vw; left: 50%; transform: translateX(-50%); width: 90%;}
#sec_02 .area_03 .text_area dt{background: url(../img/sec_02_arrow_right_sp.png) left bottom no-repeat; background-size: 100%; margin-bottom: 5vw; line-height: 1.1;}
#sec_02 .area_03 .text_area dt p{font-size: 140%; color: #ff0000; font-weight: bold; padding: 0 0 4vw 12vw;}
#sec_02 .area_03 .text_area dd{line-height: 1.5; font-size: 100%;}
#sec_02 .area_03 .img_area{position: absolute; top: 46vw; left: 5vw;}
#sec_02 .area_03 .img_area img{width: 53vw;}

#sec_03{margin-bottom: 10vw;}
#sec_03 h2{padding: 10vw 0;}
#sec_03 h2 p{background: url(../img/h2_head.jpg) center left repeat-y; background-size: 3vw; color: #fff; font-size: 160%; font-weight: bold; padding: 0px 0 0px 6vw; line-height: 1.3;}
#sec_03 .area_01 .img_block{background: url(../img/sec_03_bg_01_sp.png) top left no-repeat; padding-top: 71vw; width: 95vw; margin-left: -5vw; background-size: 100%; text-align: center; margin-bottom: 10vw;}
#sec_03 .area_01 .img_block .text_area{width: 90%; text-align: left; display: inline-block;}
#sec_03 .area_01 .img_block .text_area dt{border-bottom: solid 1px #ff0000; font-size: 120%; line-height: 1.3; padding-bottom: 3vw; margin-bottom: 3vw; font-weight: bold; color: #fff;}
#sec_03 .area_01 .img_block .text_area dd{line-height: 1.7;}
#sec_03 .area_02{margin-bottom: 10vw;}
#sec_03 .area_02 .img_block{background: url(../img/sec_03_bg_02_sp.png) top left no-repeat; height: 44vw; width: 95vw; margin: 0 0 3vw -5vw; background-size: 100%; text-align: center; position: relative;}
#sec_03 .area_02 .img_block .img_area{position: absolute; bottom: 2vw; right: 5vw;}
#sec_03 .area_02 .img_block .img_area img{width: 43vw;}
#sec_03 .area_02 .text_area{margin-bottom: 40px;}
#sec_03 .area_02 .text_area dt{border-bottom: solid 1px #ff0000; font-size: 120%; line-height: 1.3; padding-bottom: 3vw; margin-bottom: 3vw; font-weight: bold; color: #fff;}
#sec_03 .area_02 .text_area dd{line-height: 1.7;}
#sec_03 .area_03{padding-bottom: 10vw;}
#sec_03 .area_03 .img_block{background: url(../img/sec_03_bg_03_sp.png) top left no-repeat; height: 44vw; width: 95vw; margin: 0 0 3vw -5vw; background-size: 100%; text-align: center; position: relative;}
#sec_03 .area_03 .img_block .img_area{position: absolute; bottom: 2vw; right: 5vw;}
#sec_03 .area_03 .img_block .img_area img{width: 44vw;}
#sec_03 .area_03 .text_area{margin-bottom: 40px;}
#sec_03 .area_03 .text_area dt{border-bottom: solid 1px #ff0000; font-size: 120%; line-height: 1.3; padding-bottom: 3vw; margin-bottom: 3vw; font-weight: bold; color: #fff;}
#sec_03 .area_03 .text_area dd{line-height: 1.7;}
#sec_03 .arrow_box{background: url(../img/sec_03_arrow_pc.png) center bottom no-repeat; background-size: 42vw; padding-bottom: 12vw;}
#sec_03 .arrow_box .box{background: #636363; width: 95vw; margin-left: -5vw;}
#sec_03 .arrow_box .text_area{background: url(../img/sec_03_box_bg_sp.png) top center no-repeat; line-height: 1.5; padding: 31vw 5vw 5vw 5vw; background-size: 100%;}
#sec_03 h3{color: #ff5a00; text-align: left; font-size: 140%; background: -webkit-linear-gradient(0deg, #ff5a00, #ff0000); -webkit-background-clip: text; -webkit-text-fill-color: transparent; padding-left: 28vw;}
#sec_03 h3 span{background: url(../img/sec_03_graph_arrow_sp.png) center left no-repeat; background-size: 6vw; padding: 5vw 0 5vw 8vw; display: inline-block;}
#sec_03 .area_01 .graph_block{background: url(../img/sec_03_graph_img_01_pc.png) top left no-repeat; background-size: 25vw; margin-top: -24vw;}
#sec_03 .area_02 .graph_block{background: url(../img/sec_03_graph_img_02_pc.png) top left no-repeat; background-size: 25vw; margin-top: -24vw;}
#sec_03 .area_03 .graph_block{background: url(../img/sec_03_graph_img_03_pc.png) top left no-repeat; background-size: 25vw; margin-top: -24vw;}
#sec_03 .graph_block .graph{width: 100%; padding-top: 26vw;}
#sec_03 .graph_block .block_area{font-size: 0px;}
#sec_03 .graph_block .block_area .block{display: inline-block; margin: 0px; padding: 0px; box-sizing: border-box; margin-right: 0.5vw; margin-bottom: 0.5vw;}
#sec_03 .graph_block .block_area .block:nth-child(2n){margin-right: 0px;}
#sec_03 .graph_block .block_area .block dt{background: #636363; width: 42.25vw; height: 9vw; display: flex; align-items: center; justify-content: center; font-size: 4vw;}
#sec_03 .graph_block .block_area .block dd{background: #252525; width: 42.25vw; height: 13vw; display: flex; align-items: center; justify-content: center; font-size: 5vw; font-weight: bold;}
#sec_03 .graph_block .block_area .block dd .fs_80{margin: 2px 0 0 5px;}
#sec_03 .btn_area{text-align: right; padding: 8vw 0 0px 0;}
#sec_03 .btn{ color: #c00505;}
#sec_03 .btn span{font-size: 120%;}
#sec_03 .btn span::after{content: " >";}
#sec_03 .btn:hover{border: none; margin-top: 3px;}

#sec_04{margin-bottom: 10vw;}
#sec_04 h2{padding: 10vw 0;}
#sec_04 h2 p{background: url(../img/h2_head.jpg) center left repeat-y; background-size: 3vw; color: #fff; font-size: 160%; font-weight: bold; padding: 0px 0 0px 6vw; line-height: 1.3;}
#sec_04 .box{margin-bottom: 7vw;}
#sec_04 .box{display:-webkit-box; display: -webkit-flex; display:-ms-flexbox; display: flex; -webkit-flex-wrap:wrap; -ms-flex-wrap:wrap;flex-wrap:wrap;}
#sec_04 .box:last-child{border: none; padding-bottom: 10vw; margin-bottom: 0px;}
#sec_04 .box .img_area{order: 1; margin-bottom: 5vw; width: 100%;}
#sec_04 .box .text_area{order: 2;}
#sec_04 .box .text_area dt{border-bottom: solid 1px #ff0000; padding-bottom: 3vw; margin-bottom: 3vw; font-size: 120%; color: #fff; font-weight: bold; line-height: 1.3;}
#sec_04 .box .text_area dd{line-height: 1.5;}
#sec_04 .box .text_area .btn_area{margin-top: 5vw; text-align: right;}
#sec_04 .box .text_area .btn{color: #c00505;}
#sec_04 .box .text_area .btn span{font-size: 120%; font-weight: bold;}
#sec_04 .box .text_area .btn span::after{content: " >";}

#movie{margin-bottom: 15vw;}
#movie .movie_area{text-align: center;}
#movie .movie_area iframe{ width: 95vw; height: 56.5vw;}

footer{background: #191919;}
footer .inner{background: none; width: 100vw; padding: 10vw 0vw;}
footer .inner a{text-decoration: none; color: #cccccc; font-size: 70%;}
footer .inner a:hover{color: #999999;}
footer .inner .sns{display: flex; justify-content: center; align-items: center;  margin: 0 auto 3vw auto; padding-bottom: 3vw; border-bottom: solid 1px #333333;}
footer .inner .sns li{margin-right: 3vw; display: inline-block;}
footer .inner .sns li:last-child{margin-right: 0vw;}
footer .inner p.notes{display: flex; justify-content: center; align-items: center; padding-bottom: 3vw; margin-bottom: 3vw; border-bottom: solid 1px #333333;}
footer .inner p .wh{font-size: 70%;}
footer .inner .cp{font-size: 70%; text-align: center; width: 100%;}

/* ======================================================
	action
====================================================== */
#menu{transition: all 0.5s;}
#menu.on{position: fixed; top: 0vw; left: 0vw;}
}