@charset "utf-8";
/* CSS Document */

#company table {box-sizing: border-box; border: 3px solid #000; width: 100%;}
#company th,#company td {padding: 15px 20px; box-sizing: border-box; font-size: 16px; line-height: 1; border-bottom: 1px solid #000; font-weight: 500;}
#company th {width: 200px; border-bottom: 1px solid #fff; border-right: 3px solid #000; background: #ff5323;}
#company .box01 h2 {margin-bottom: 70px;}
#company .box01 p {font-size: 14px; line-height: 2; margin-top: 30px;}
#company iframe {width: 100%; height: 450px; display: block; margin-top: 50px; box-sizing: border-box; border: none; box-shadow: 0 0 5px rgba(0,0,0,.6);}
#company #access {padding-top: 50px; margin-top: -50px;}
#news .item {box-sizing: border-box; border-left: 2px solid #ff5323; width: 310px; padding-left: 20px; margin-right: 120px; z-index: 50;}
#news .item:nth-child(3n) {margin-right: 0;}
#news .item:nth-child(n + 4) {margin-top: 80px;}
#news .over {position: relative; margin-bottom: 20px;}
#news .img {width: 285px; padding-top: 67%; position: relative; background-size: cover; background-position: center; background-repeat: no-repeat;}
#news .time {font-size: 16px; line-height: 1;}
#news h2 {font-size: 16px; line-height: 1; margin: 15px auto;}
#news .text {font-size: 14px; line-height: 1.7;}
#news .btn {position: absolute; left: 220px; bottom: 40px; font-size: 14px; line-height: 1; padding: 0 50px 0 15px; transition-duration: .5s;}
#news .btn::before {width: 100%; height: 2px; background: #ff5323; position: absolute; bottom: -5px; right: 0; content: '';}
#news .btn::after {width: 0; height: 0; border-style: solid; border-width: 5px 0 0 5px; border-color: transparent transparent transparent #ff5323; position: absolute; content: ''; right: 0; bottom: -4px;}
#news .item:hover .btn {padding-right: 40px;}
#news_single .img {max-width: 800px;}
#news_single .img img {margin: 0 auto;}
#news_single .box01 {box-sizing: border-box; background: url("img/news/bg.jpg")top left repeat; padding: 30px;}
#news_single .box01 h1 {font-size: 18px; line-height: 1.8; margin-bottom: 20px;}
#news_single .box01 .text {font-size: 16px; line-height: 1.8;}

/*contact*/
#contact .text {font-size: 20px; line-height: 1; margin-bottom: 10px;}
#contact .tel {font-size: 50px; line-height: 1; margin-bottom: 80px;}
#contact .tel span {font-size: 70px;}
#contact .con {margin-top: 20px;}
#contact .con:nth-child(1) {margin-top: 0;}
#contact .over {margin-bottom: 20px;}
#contact .txt01 {font-size: 18px; line-height: 1; width: 140px;}
#contact .essential {box-sizing: border-box; width: 65px; height: 25px; font-size: 16px; line-height: 1; background: -webkit-linear-gradient(180deg,#ea6666 0%, #f66c6c 25%, #38b151 50%, #599cda 75%, #23addd 100%); font-weight: 500; color: #fff;}
#contact input,#contact textarea {font-size: 16px; line-height: 1.8; box-sizing: border-box; border: 1px solid #000; padding: 10px 16px; text-align: justify; font-weight: 500; width: 100%; font-family: 'Noto Sans JP', sans-serif, "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif; outline: none;}
#contact .form_btn {width: 500px; height: 60px; margin: 50px auto 0; position: relative;}
#contact .form_btn input {font-size: 16px; width: 100%; height: 100%; line-height: 1; background: -webkit-linear-gradient(180deg,#ea6666 0%, #f66c6c 25%, #38b151 50%, #599cda 75%, #23addd 100%); box-sizing: border-box; border: none; display: block; font-family: 'Noto Sans JP', sans-serif, "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif, -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, Meiryo, sans-serif; font-weight: 500; color: #fff; text-align: center; cursor: pointer;}
#contact .form_btn::after {content: ''; position: absolute; background: #fff; width: 7px; height: 12px; clip-path: polygon(0 0, 100% 50%, 0 100%); top: 0; bottom: 0; right: 20px; margin: auto;}
#contact .thanks {font-size: 16px; line-height: 2;}
#contact ::placeholder {color: #c7c7c7;}

/*contact_banner*/
#contact_banner .box09 .con {position: relative; box-sizing: border-box; box-shadow: 0 0 5px rgba(0,0,0,.3); z-index: 60;}
#contact_banner .box09 .txt_box {position: absolute; top: 0; bottom: 0; left: 80px; z-index: 20;}
#contact_banner .box09 .left_box {width: 300px; margin-right: 75px;}
#contact_banner .box09 .txt01 {font-size: 20px; line-height: 1; box-sizing: border-box; border-bottom: 2px solid #000; padding-bottom: 15px; margin-bottom: 15px; width: 100%; transition-duration: .5s;}
#contact_banner .box09 .txt02 {font-size: 20px; line-height: 1; text-align: right; transition-duration: .5s;}
#contact_banner .box09 .txt03 {font-size: 20px; line-height: 1.7; transition-duration: .5s;}
#contact_banner .box09 .con:hover .txt01,#contact_banner .box09 .con:hover .txt02,#contact_banner .box09 .con:hover .txt03 {color: #fff;}
#contact_banner .box09 .con:hover .txt01 {border-color: #fff;}

#contact_banner .box09 .con .img {overflow: hidden; position: relative;}
#contact_banner .box09 .con .img .on_img {transition-duration: .5s; position: absolute; top: 0; left: 0; z-index: 10; opacity: 0;}
#contact_banner .box09 .con:hover .img .on_img {opacity: 1;}
#contact_banner .box09 .con .img .bdr {content: ''; position: absolute; display: block; z-index: 30; background: #fff; transition-duration: .5s;}
#contact_banner .box09 .con .img .bdr01 {width: calc(100% - 10px); height: 2px; top: 5px; left: 5px; clip-path: inset(0 100% 0 0);}
#contact_banner .box09 .con .img .bdr02 {width: 2px; height: calc(100% - 10px); top: 5px; right: 5px; clip-path: inset(0 0 100% 0); transition-delay: .2s;}
#contact_banner .box09 .con .img .bdr03 {width: calc(100% - 10px); height: 2px; bottom: 5px; right: 5px; clip-path: inset(0 0 0 100%);}
#contact_banner .box09 .con .img .bdr04 {width: 2px; height: calc(100% - 10px); bottom: 5px; left: 5px; clip-path: inset(100% 0 0 0); transition-delay: .2s;}
#contact_banner .box09 .con:hover .img .bdr {clip-path: inset(0);}
#contact_banner .box10 {position: relative; padding: 260px 0 120px;}
#contact_banner .box10 .wave_box {position: absolute; top: -100px; left: 50%; margin: auto; width: 1920px; margin-left: -960px; z-index: 50;}
#contact_banner .box10 .wave {position: relative; z-index: 40;}
#contact_banner .box10 .title_box {background: url("img/index/box10_title_bg.jpg")top left repeat; width: 1120px; height: 200px; transform: skewX(-20deg); font-size: 30px; line-height: 1.5; box-shadow: 10px 20px 0 rgba(202, 197, 51, .3); margin: 0 auto 80px; position: relative; z-index: 60;}
#contact_banner .box10 .title_box h2 {transform: skewX(20deg); line-height: 1.4; letter-spacing: 2px;}
#contact_banner .box10 h2 span {font-size: 60px; background: -webkit-linear-gradient( 180deg,#ea6666 0%, #f66c6c 25%, #38b151 50%, #599cda 75%, #23addd 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
#contact_banner .box10 .btn {box-sizing: border-box; background: #fff; border: 5px solid #000; width: 560px; height: 100px; font-size: 20px; line-height: 1; z-index: 50; position: relative; transition-duration: .5s;}
#contact_banner .box10 .btn span {position: relative; z-index: 20;}
#contact_banner .box10 .btn::before {content: ''; position: absolute; width: calc(100% + 10px); height: calc(100% + 10px); z-index: 10; display: block; opacity: 0; top: -5px; left: -5px; background: -webkit-linear-gradient( 180deg,#ea6666 0%, #f66c6c 25%, #38b151 50%, #599cda 75%, #23addd 100%); transition-duration: .5s;}
#contact_banner .box10 .btn::after {content: ''; position: absolute; background: #fff; width: 20px; height: 20px; bottom: 5px; right: 5px; clip-path: polygon(100% 0, 100% 100%, 0 100%); z-index: 30;}
#contact_banner .box10 .btn:hover {color: #fff;}
#contact_banner .box10 .btn:hover::before {opacity: 1;}
#contact_banner .box10 .icon01 {position: absolute; width: 325px; height: 283px; transform: rotate(45deg); bottom: -260px; left: -380px; z-index: 20;}
#contact_banner .box10 .icon01 span {content: ''; position: relative; display: block; background: #38b151; width: 100%; height: 100%; clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0% 50%);}
#contact_banner .box10 .icon02 {position: absolute; right: -240px; bottom: -180px; width: 175px; height: 150px; transform: rotate(30deg); z-index: 20;}
#contact_banner .box10 .icon02 span {content: ''; position: relative; width: 100%; height: 100%; clip-path: polygon(50% 0, 100% 100%, 0 100%); display: block; background: #ff5323;}

/*about*/
#about .main {box-sizing: border-box; background: url("img/about/main_bg.jpg")top center repeat; position: relative; padding: 90px 0 160px;}
#about .main .bdr {content: ''; width: 100%; height: 10px; background: -webkit-linear-gradient( 180deg,#ea6666 0%, #f66c6c 25%, #38b151 50%, #599cda 75%, #23addd 100%); position: absolute; top: 0; left: 0; display: block;}
#about .main .icon {position: absolute; bottom: 0; left: 0; right: 0; margin: auto;}
#about .main .txt01 {display: table; background: -webkit-linear-gradient( 180deg,#ea6666 0%, #f66c6c 25%, #38b151 50%, #599cda 75%, #23addd 100%); transform: skewX(-15deg); line-height: 1; padding: 10px 25px;}
#about .main .txt01 span {position: relative; transform: skewX(15deg); display: block; font-size: 40px;}
#about .main .txt02 {font-size: 40px; line-height: 1; margin: 50px auto 30px;}
#about .main .txt03 {font-size: 70px; line-height: 1; letter-spacing: 1px;}
#about .main .part01 {position: absolute; left: 100px; top: 145px; box-sizing: border-box; content: ''; background: #ecff4c; width: 141px; height: 122px; clip-path: polygon(0 100%, 50% 0, 100% 100%); z-index: 20; transform: rotate(-30deg);}
#about .main .part02 {position: absolute; content: ''; left: 30px; bottom: 60px; box-sizing: border-box; width: 175px; height: 175px; background: #7a61d8; border-radius: 100%; z-index: 10;}
#about .main .part03 {position: absolute; content: ''; right: 20px; top: 80px; width: 195px; height: 169px; background: #ff5323; clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0% 50%); z-index: 10; transform: rotate(45deg);}
#about .main .part04 {content: ''; position: absolute; background: #38b151; width: 72px; height: 62px; right: 80px; top: 230px; clip-path: polygon(0 100%, 50% 0, 100% 100%); z-index: 20; transform: rotate(15deg);}
#about .link_box .item {box-sizing: border-box; margin-left: 50px; width: 262px;}
#about .link_box .item:nth-child(1),#about .link_box .item:nth-child(5) {margin-left: 0;}
#about .link_box .item:nth-child(n + 5) {margin-top: 50px;}
#about .link_box .over {padding: 30px; box-sizing: border-box; box-shadow: 0 0 5px rgba(0,0,0,.6); background: url("img/about/link_bg01.jpg")top left repeat;}
#about .link_box .item .con {width: 100%;}
#about .link_box .txt01 {font-size: 14px; line-height: 1; box-sizing: border-box; border-top: 3px solid #fff; padding-top: 20px; margin-top: 20px;}
#about .link_box .item a {box-sizing: border-box; background: #fff; width: 100%; box-shadow: 0 0 5px rgba(0,0,0,.6); border-radius: 20px; height: 40px; border: 3px solid #38b151; color: #38b151; position: relative; margin: 20px auto 0;}
#about .link_box .item a::after {content: ''; position: absolute; background: #38b151; width: 6px; height: 11px; right: 10px; top: 0; bottom: 0; margin: auto; clip-path: polygon(0 0, 100% 50%, 0 100%);}
#about .link_box .item:nth-child(2) .over {background: url("img/about/link_bg02.jpg")top left repeat;}
#about .link_box .item:nth-child(3) .over {background: url("img/about/link_bg03.jpg")top left repeat;}
#about .link_box .item:nth-child(4) .over {background: url("img/about/link_bg04.jpg")top left repeat;}
#about .link_box .item:nth-child(5) .over {background: url("img/about/link_bg05.jpg")top left repeat;}
#about .link_box .item:nth-child(6) .over {background: url("img/about/link_bg06.jpg")top left repeat;}
#about .link_box .item:nth-child(7) .over {background: url("img/about/link_bg07.jpg")top left repeat;}
#about .link_box .item:nth-child(2) a {border-color: #7a61d8; color: #7a61d8;}
#about .link_box .item:nth-child(3) a {border-color: #3885cd; color: #3885cd;}
#about .link_box .item:nth-child(4) a {border-color: #ff5323; color: #ff5323;}
#about .link_box .item:nth-child(5) a {border-color: #57d3ff; color: #57d3ff;}
#about .link_box .item:nth-child(6) a {border-color: #ff2424; color: #ff2424;}
#about .link_box .item:nth-child(7) a {border-color: #303030; color: #303030;}
#about .link_box .item:nth-child(2) a::after {background: #7a61d8;}
#about .link_box .item:nth-child(3) a::after {background: #3885cd;}
#about .link_box .item:nth-child(4) a::after {background: #ff5323;}
#about .link_box .item:nth-child(5) a::after {background: #57d3ff;}
#about .link_box .item:nth-child(6) a::after {background: #ff2424;}
#about .link_box .item:nth-child(7) a::after {background: #303030;}
#about .box01 {padding-top: 160px; position: relative;}
#about .box01 .title_box {position: absolute; width: 1920px; right: 50%; background: url("img/about/link_bg01.jpg")top left repeat; transform: skewX(20deg); height: 108px; z-index: 50; box-shadow: 20px 15px rgba(56, 177, 81, .3); padding-right: 100px; margin-bottom: 50px; top: 0; margin-right: -140px;}
#about .box01 .title_box img {transform: skewX(-20deg);}
#about .box01 h2 {margin-left: 20px; transform: skewX(-20deg); font-size: 40px;}
#about .box01 .inner {font-size: 16px; line-height: 2.3;}
#about .box01 .inner .img01 {margin-right: 50px;}
#about .box01 .inner .img02 {margin-left: 50px;}
#about .box01 .img_box {margin: 50px auto;}
#about .box01 .bnr {box-sizing: border-box; box-shadow: 0 0 5px rgba(0,0,0,.6); padding: 5px; margin-top: 50px;}
#about .box01 .bnr_box {background: #227c34; position: relative; height: 400px; overflow: hidden;}
#about .box01 .bnr .con {position: relative; z-index: 30}
#about .box01 .bnr .txt01 {font-size: 32px; box-sizing: border-box; padding: 5px 0; text-shadow: rgb(0 0 0 / 30%) 1px 1px 3px, rgb(0 0 0 / 30%) -1px 1px 3px, rgb(0 0 0 / 30%) 1px -1px 3px, rgb(0 0 0 / 30%) -1px -1px 3px; text-align: center;}
#about .box01 .bnr .bdr {content: ''; background: #fff; width: 411px; height: 3px; box-sizing: border-box; box-shadow: rgb(0 0 0 / 30%) 1px 1px 3px, rgb(0 0 0 / 30%) -1px 1px 3px, rgb(0 0 0 / 30%) 1px -1px 3px, rgb(0 0 0 / 30%) -1px -1px 3px;}
#about .box01 .bnr .txt02 {font-size: 50px; line-height: 1.6; margin-top: 15px; text-shadow: rgb(0 0 0 / 30%) 1px 1px 3px, rgb(0 0 0 / 30%) -1px 1px 3px, rgb(0 0 0 / 30%) 1px -1px 3px, rgb(0 0 0 / 30%) -1px -1px 3px;}
#about .box01 .bnr .txt03 {font-size: 100px; line-height: 1.1; text-shadow: rgb(0 0 0 / 30%) 1px 1px 3px, rgb(0 0 0 / 30%) -1px 1px 3px, rgb(0 0 0 / 30%) 1px -1px 3px, rgb(0 0 0 / 30%) -1px -1px 3px;}
#about .box01 .bnr .txt03 span {font-size: 120px;}
#about .box01 .bnr .icon01 {position: absolute; background: #7a61d8; width: 325px; height: 282px; clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0% 50%); left: -80px;; bottom: -70px; z-index: 10; content: ''; transform: rotate(45deg);}
#about .box01 .bnr .icon02 {position: absolute; content: ''; background: #ff5323; width: 176px; height: 153px; right: 35px; top: 15px; font-weight: 900; z-index: 10; clip-path: polygon(0 100%, 50% 0, 100% 100%); transform: rotate(-18deg);}
#about .box01 .bnr .icon_text01,#about .box01 .bnr .icon_text02,#about .box01 .bnr .icon_text03 {font-size: 125px; line-height: 1; position: absolute; opacity: .1; z-index: 20; letter-spacing: 15px; font-weight: 900;}
#about .box01 .bnr .icon_text01 {top: 0; right: 160px;}
#about .box01 .bnr .icon_text02 {top: 0; bottom: 0; left: 60px; margin: auto; display: flex; align-items: center; justify-content: flex-start;}
#about .box01 .bnr .icon_text03 {bottom: 10px; right: 60px;}
#about .box01 .bnr .bg {position: absolute; bottom: 0; right: 0; opacity: .4;}
#about .box02 .title_box {left: 50%; padding-left: 50px; background: url("img/about/link_bg02.jpg")top left repeat; transform: skewX(-20deg); box-shadow: -20px 15px rgba(120, 97, 207, .3); margin-right: inherit; margin-left: -140px;}
#about .box02 h2 {transform: skewX(20deg);}
#about .box02 .title_box img {transform: skewX(20deg);}
#about .box02 .bnr_box {background: #7a61d8;}
#about .box02 .bnr .icon01 {background: #38b151;}
#about .box02 .bnr .icon02 {background: #ecff4c;}
#about .box03 .title_box {background: url("img/about/link_bg03.jpg")top left repeat; box-shadow: 20px 15px rgba(56, 133, 205, .3); padding-right: 260px;}
#about .box03 .bnr_box {background: #3885cd;}
#about .box03 .bnr .icon01 {background: #ff5323;}
#about .box03 .bnr .icon02 {background: #7a61d8;}
#about .box04 .title_box {left: 50%; padding-left: 50px; background: url("img/about/link_bg04.jpg")top left repeat; transform: skewX(-20deg); box-shadow: -20px 15px rgba(255, 83, 35, .3); margin-right: inherit; margin-left: -140px;}
#about .box04 h2 {transform: skewX(20deg);}
#about .box04 .title_box img {transform: skewX(20deg);}
#about .box04 .bnr_box {background: #ff5323;}
#about .box04 .bnr .icon01 {background: #3885cd;}
#about .box04 .bnr .icon02 {background: #38b151;}
#about .box04 .b_box {margin: 50px auto;}
#about .box04 .b_box .btn {width: 575px; height: 50px; background: #ff5323; font-size: 20px; line-height: 1; box-sizing: border-box; border-radius: 25px; position: relative; overflow: hidden;}
#about .box04 .b_box .btn .coming {background: rgba(0,0,0,.5); z-index: 10; width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; display: flex; align-items: center; justify-content: center;}
#about .box05 .title_box {background: url("img/about/link_bg05.jpg")top left repeat; box-shadow: 20px 15px rgba(87, 211, 255, .3); padding-right: 540px;}
#about .box05 .bnr_box {background: #57d3ff;}
#about .box05 .bnr .icon01 {background: #ff2424;}
#about .box05 .bnr .icon02 {background: #303030;}
#about .box06 .title_box {left: 50%; padding-left: 50px; background: url("img/about/link_bg06.jpg")top left repeat; transform: skewX(-20deg); box-shadow: -20px 15px rgba(255, 36, 36, .3); margin-right: inherit; margin-left: -140px;}
#about .box06 h2 {transform: skewX(20deg);}
#about .box06 .title_box img {transform: skewX(20deg);}
#about .box06 .bnr_box {background: #ff2424;}
#about .box06 .bnr .icon01 {background: #38b151;}
#about .box06 .bnr .icon02 {background: #ecff4c;}
#about .box07 .title_box {background: url("img/about/link_bg07.jpg")top left repeat; box-shadow: 20px 15px rgba(48, 48, 48, .3); padding-right: 540px;}
#about .box07 .bnr_box {background: #303030;}
#about .box07 .bnr .icon01 {background: #57d3ff;}
#about .box07 .bnr .icon02 {background: #7a61d8;}
#about .l_bnr {box-sizing: border-box; background: url("img/about/l_bnr_bg.jpg")center center no-repeat; border: 5px solid #000; padding: 60px 0;}
#about .l_bnr .box {box-sizing: border-box; padding: 50px 45px; position: relative; letter-spacing: 5px; border: 10px solid rgba(255,255,255,.2);}
#about .l_bnr .box::after {content: ''; width: 100%; height: 100%; background: rgba(255,255,255,.8); top: 0; left: 0; position: absolute;}
#about .l_bnr .txt01 {font-size: 45px; line-height: 1; box-sizing: border-box; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 3px solid #000; position: relative; z-index: 10; display: table;}
#about .l_bnr .txt02 {font-size: 45px; line-height: 1; box-sizing: border-box; position: relative; z-index: 10;}
#about .l_bnr .txt03 {font-size: 65px; line-height: 1; margin-top: 20px; background: -webkit-linear-gradient(
180deg,#ea6666 0%, #f66c6c 25%, #38b151 50%, #599cda 75%, #23addd 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; letter-spacing: 8px; position: relative; z-index: 10;}
#about .l_bnr .icon {position: absolute; top: 35px; right: 25px; z-index: 10;}
#about #about01,#about #about02,#about #about03,#about #about04,#about #about05,#about #about06,#about #about07 {padding-top: 50px; margin-top: -50px;}

@media all and (-ms-high-contrast: none) {
.opening_box,#index .box02 .btn::after,#index .box04 .btn::after,#index .box10 .btn::after,#contact_banner .box10 .btn::after,.navigation .next-entries::after, .navigation .previous-entries::after,#contact .form_btn::after,#about .link_box .item a::after {display: none;}
.front_main_box .movie {position:absolute; top: 0; bottom: 0; right: 0; left: 0;}
#index .box02 .btn {background: #3885cd;}
	#index .box03 .btn {background: #38b151;}
	#index .box04 .btn {background: #ff5323;}
	#index .box10 .btn:hover,#contact_banner .box10 .btn::before {background: #f66c6c; border-color: #f66c6c;}
	footer {background: #3ca6dc;}	
	#index .box01 {padding: 20px 0 120px;}
	#index .box10 h2 span,#contact_banner .box10 h2 span {color: #f66c6c;}
	#about .main .txt01 {background: #f66c6c;}
	#about .main .icon {margin: 0;}
	#about .main .bdr {background: #f66c6c;}
	#about .l_bnr .txt03 {color: #f66c6c;}
	.navigation .next-entries {background: #ff7b56;}
	.navigation .previous-entries {background: #459aea;}
	.nav_archive_btn {background: #39d659;}
	#contact .essential {background: #f66c6c;}
	#contact .form_btn input {background: #f66c6c;}
	#hamburger04 {display: none;}
}