@charset "UTF-8";
.yellow{color:#fff100}
.strong{font-weight:700}
:root{box-sizing:border-box;cursor:default}
*,::after,::before{box-sizing:inherit}
.pc{display:none!important}
.sp{display:inline-block!important}
.flex_pc{display:none!important}
.flex_sp{display:inline-flex!important}
@media screen and (min-width: 568px) {
.pc{display:inline-block!important}
.sp{display:none!important}
.flex_pc{display:inline-flex!important}
.flex_sp{display:none!important}
}
body{font-family:'游ゴシック Medium','游ゴシック体','Yu Gothic Medium',YuGothic,'ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;font-family:"Yu Gothic Medium","游ゴシック Medium",YuGothic,游ゴシック体,"ヒラギノ角ゴ Pro W3",メイリオ,sans-serif;font-size:100%}
@font-face{font-family:"kelson";font-style:normal;font-weight:700;src:url(../font/Kelson_Sans_Regular.woff) format("woff"),url(../font/Kelson_Sans_Regular.eot)}
img{max-width:100%;max-height:100%}
.cf::after{content:"";display:block;clear:both}
@media screen and (min-width: 568px) {
#wrapper{min-width:1000px;overflow:hidden}
}
.container{margin:auto;width:95%}
@media screen and (min-width: 568px) {
.container{width:980px}
}
.title{display:flex;flex-flow:column;justify-content:center;align-items:center;width:auto;letter-spacing:3px;font-family:"kelson";font-size:20px}
@media screen and (min-width: 568px) {
.title{font-size:33px}
}
.title::after{content:"";display:inline-block;margin-top:5px;width:26px;height:3px;background:#000}
@media screen and (min-width: 568px) {
.title::after{margin-top:12px;width:26px;height:4px}
}
.sub_title{margin:17px 0;letter-spacing:1px;line-height:1.8;text-align:center;font-size:17px;font-weight:700}
@media screen and (min-width: 568px) {
.sub_title{margin:45px 0 50px;font-size:30px}
}
#keyvisual{padding:10px 0;background:#0a4c57}
@media screen and (min-width: 568px) {
#keyvisual{padding:0 0 20px}
}
#kv_top{position:relative;background:#0a4c57}
@media screen and (min-width: 568px) {
#kv_top{margin-bottom:17px}
}
#kv_top .btn_download_box{position:fixed;top:0;width:980px;z-index:500}
#kv_top .btn_download_box .btn_download{display:none}
@media screen and (min-width: 568px) {
#kv_top .btn_download_box .btn_download{position:absolute;right:0;display:inline-flex;flex-flow:row;align-items:center;justify-content:center;margin-top:0;width:auto;height:100%}
}
.kv_main_cc{position:relative;z-index:2000}
@media screen and (min-width: 568px) {
.kv_main_cc{float:right;margin-right:573px;margin-bottom:0;padding:0;width:100vw;background:#fff}
}
.kv_main_cc .kv_main_cc_inner{margin:auto;width:293px;text-align:left;padding:16px 35px;background:#fff}
@media screen and (min-width: 568px) {
.kv_main_cc .kv_main_cc_inner{float:right;margin:0;padding:16px 0 30px;width:407px;text-align:left}
}
.kv_main_cc .kv_main_cc_inner h1{margin-bottom:16px;letter-spacing:1px;line-height:1.5;text-align:left;font-size:21px}
@media screen and (min-width: 568px) {
.kv_main_cc .kv_main_cc_inner h1{margin-bottom:24px;font-size:34px}
}
.kv_main_cc .kv_main_cc_inner p{position:relative;padding-left:18px;text-align:left;font-size:12px;font-weight:700}
@media screen and (min-width: 568px) {
.kv_main_cc .kv_main_cc_inner p{padding-left:30px;font-size:20px}
}
.kv_main_cc .kv_main_cc_inner p:before{content:"";position:absolute;top:0;bottom:0;left:0;margin:auto;display:inline-block;width:10px;height:1px;border-top:1px solid #000}
@media screen and (min-width: 568px) {
.kv_main_cc .kv_main_cc_inner p:before{width:19px}
}
.kv_main_cc .kv_main_cc_inner p:not(:last-of-type){margin-bottom:10px}
@media screen and (min-width: 568px) {
.kv_main_cc .kv_main_cc_inner p:not(:last-of-type){margin-bottom:20px}
}
.logo_hdr{margin-bottom:10px;width:185px;height:auto}
@media screen and (min-width: 568px) {
.logo_hdr{width:260px;height:auto}
}
.kv_sub_cc{position:relative;display:flex;justify-content:center;align-items:center;margin-top:10px;font-size:10px;color:#fff;background:#0a4c57;z-index:2000}
@media screen and (min-width: 568px) {
.kv_sub_cc{float:right;margin-top:20px;margin-right:642px}
}
.kv_sub_cc .kv_sub_cc_inner{position:relative;display:flex;flex-flow:column;justify-content:space-between;padding-right:94px;width:100%;height:100%}
@media screen and (min-width: 568px) {
.kv_sub_cc .kv_sub_cc_inner{padding-right:15px;width:338px}
}
.kv_sub_cc .kv_sub_cc_inner .line_bottom{margin-bottom:3px;padding-bottom:3px;line-height:1;border-bottom:1px solid #fff}
@media screen and (min-width: 568px) {
.kv_sub_cc .kv_sub_cc_inner .line_bottom{margin-bottom:12px;padding-bottom:11px;font-size:15px}
}
.kv_sub_cc .kv_sub_cc_inner p{line-height:1.6;font-weight:700}
@media screen and (min-width: 568px) {
.kv_sub_cc .kv_sub_cc_inner p{display:flex;flex-flow:row;justify-content:flex-start;align-items:center;font-size:19px}
}
@media screen and (min-width: 568px) {
.kv_sub_cc .kv_sub_cc_inner{width:340px}
}
.kv_bg{margin-top:-26px;z-index:0}
@media screen and (min-width: 568px) {
.kv_bg{position:absolute;top:17px;left:340px;margin:0;width:837px;height:auto}
}
.btn_download{display:inline-flex;align-items:center;justify-content:center;margin-top:5px;width:100%;min-height:40px;font-size:11px;font-weight:700;color:#000;background:#fff100}
@media screen and (min-width: 568px) {
.btn_download{padding:0 20px;font-size:13px}
}
.btn_download::before{content:"";margin-right:9px;width:9px;height:10px;background:url(../img/icon_tri_01.gif) center/100% no-repeat}
.btn_download::after{content:"無料";display:inline-flex;flex-flow:column;align-items:center;justify-content:center;margin-left:9px;width:30px;height:30px;font-size:10px;border:1px solid #000;border-radius:50%}
.pic_3house{position:absolute;top:0;right:0;width:auto;height:100px}
@media screen and (min-width: 568px) {
.pic_3house{position:static;height:100px;vertical-align:text-bottom}
}
.btn_watch{display:flex;flex-flow:column;align-items:center;justify-content:center;margin:auto;padding:7px 0;width:95%;letter-spacing:2px;font-weight:700;font-size:15px;color:#0a4c57;background:#fff}
@media screen and (min-width: 568px) {
.btn_watch{display:flex;flex-flow:row;align-items:center;justify-content:center;padding:19px 0;width:677px;font-size:22px}
}
.btn_watch::before{display:none}
@media screen and (min-width: 568px) {
.btn_watch::before{content:"";display:inline-block;margin-right:17px;width:11px;height:18px;background:url(../img/icon_arrow_right.gif) center/11px 18px no-repeat}
}
.btn_watch::after{content:"";display:inline-block;margin-top:8px;width:14px;height:9px;background:url(../img/icon_arrow_bottom.gif) center/14px 9px no-repeat}
@media screen and (min-width: 568px) {
.btn_watch::after{display:none}
}
#kv_bottom{margin:auto;padding:10px 0}
@media screen and (min-width: 568px) {
#kv_bottom{margin:20px auto 10px;width:100%}
}
#kv_bottom .kv_slider{position:relative;display:flex;flex-flow:row}
#kv_bottom .kv_slider::before{content:"";position:absolute;top:0;bottom:0;left:0;width:56px;height:100%;background:#000;opacity:.6;z-index:300}
@media screen and (min-width: 568px) {
#kv_bottom .kv_slider::before{width:195px}
}
#kv_bottom .kv_slider::after{content:"";position:absolute;top:0;bottom:0;right:0;width:56px;height:100%;background:#000;opacity:.6;z-index:300}
@media screen and (min-width: 568px) {
#kv_bottom .kv_slider::after{width:195px}
}
#kv_bottom .kv_slider li{position:relative;padding:10px 5px;background:#fff}
#kv_bottom .kv_slider li p{width:100%;height:130px}
@media screen and (min-width: 568px) {
#kv_bottom .kv_slider li p{height:226px}
}
.kv_slider_item_01 > p{background:url(../img/kv_slider_pic_01.jpg) center/cover no-repeat}
.kv_slider_item_02 > p{background:url(../img/kv_slider_pic_02.jpg) center/cover no-repeat}
.kv_slider_item_03 > p{background:url(../img/kv_slider_pic_03.jpg) center/cover no-repeat}
.kv_slider_item_04 > p{background:url(../img/kv_slider_pic_04.jpg) center/cover no-repeat}
.kv_slider_item_05 > p{background:url(../img/kv_slider_pic_05.jpg) center/cover no-repeat}
.kv_slider_item_06 > p{background:url(../img/kv_slider_pic_06.jpg) center/cover no-repeat}
.kv_slider_item_07 > p{background:url(../img/kv_slider_pic_07.jpg) center/cover no-repeat}
.kv_slider_item_08 > p{background:url(../img/kv_slider_pic_08.jpg) center/cover no-repeat}
.kv_slider_item_09 > p{background:url(../img/kv_slider_pic_09.jpg) center/cover no-repeat}
.kv_slider_item_10 > p{background:url(../img/kv_slider_pic_10.jpg) center/cover no-repeat}
.kv_slider_item_11 > p{background:url(../img/kv_slider_pic_11.jpg) center/cover no-repeat}
.kv_slider_item_12 > p{background:url(../img/kv_slider_pic_12.jpg) center/cover no-repeat}
.prev-arrow{position:absolute;top:0;bottom:0;margin:auto;left:170px;background:url(../img/icon_arrow_left_white.gif) center/16px 36px no-repeat;width:16px;height:36px;z-index:2000;cursor:pointer}
.next-arrow{position:absolute;top:0;bottom:0;margin:auto;right:170px;background:url(../img/icon_arrow_right_white.gif) center/16px 36px no-repeat;width:16px;height:36px;z-index:2000;cursor:pointer}
#concept{padding:30px 0;background:#d0ddeb}
@media screen and (min-width: 568px) {
#concept{padding:58px 0}
}
.concept_content{text-align:center}
.concept_main_pic{margin-bottom:23px}
@media screen and (min-width: 568px) {
.concept_main_pic{margin-bottom:46px;width:585px;height:auto}
}
.concept_txt{line-height:1.8;text-align:center;font-size:11px}
@media screen and (min-width: 568px) {
.concept_txt{font-size:17px}
}
#works{color:#fff;padding:30px 0 0;background:#0a4c57}
@media screen and (min-width: 568px) {
#works{padding:58px 0}
}
#works .title::after{background:#fff}
@media screen and (min-width: 568px) {
#works .title::after{content:""}
}
#works .sub_title{line-height:1.6}
.worls_txt_01{margin-bottom:25px;text-align:center;line-height:1.6;font-size:13px;font-weight:lighter}
@media screen and (min-width: 568px) {
.worls_txt_01{margin-bottom:70px;font-size:24px}
}
@media screen and (min-width: 568px) {
.works_content_item{float:left;width:48%}
.works_content_item:last-of-type{float:right}
}
.works_content_item h3{margin:15px 0 17px;letter-spacing:2px;text-align:left;font-size:19px;font-weight:700}
@media screen and (min-width: 568px) {
.works_content_item h3{font-size:30px}
}
.works_content_item h3 .number{font-size:13px}
@media screen and (min-width: 568px) {
.works_content_item h3 .number{margin-right:8px;font-size:20px}
}
.works_content_item h3 .small{margin-left:6px;font-size:11px;font-weight:400}
@media screen and (min-width: 568px) {
.works_content_item h3 .small{font-size:17px}
}
.works_content_item p{margin:15px 0 17px;line-height:1.6;font-size:11px}
@media screen and (min-width: 568px) {
.works_content_item p{height:300px;font-size:15px}
}
@media screen and (min-width: 568px) {
.case_list{margin:auto;max-width:1400px}
}
.case{display:flex;align-items:center;padding:56px 0}
@media screen and (min-width: 568px) {
.case{display:inline-flex;float:left;width:50%;height:378px}
}
.case .case_button{position:relative;display:inline-flex;flex-flow:column;align-items:center;justify-content:center;margin:auto;padding-top:10px;width:100px;height:100px;background:#48a6b6}
@media screen and (min-width: 568px) {
.case .case_button{width:120px;height:120px}
}
.case .case_button h3{position:absolute;top:-10px;left:0;right:0;margin:auto;color:#fff;text-align:center;letter-spacing:1px;font-family:"kelson";font-size:24px}
@media screen and (min-width: 568px) {
.case .case_button h3{font-size:29px}
}
.case .case_button h3 .short{letter-spacing:0}
.case .case_button p{display:inline-flex;flex-flow:column;align-items:center;justify-content:center;color:#000;letter-spacing:1px}
.case .case_button p:first-of-type{margin-bottom:14px;font-size:13px}
@media screen and (min-width: 568px) {
.case .case_button p:first-of-type{font-size:16px}
}
.case .case_button p:first-of-type::after{display:inline-flex;content:"";display:inline-block;margin-top:8px;width:20px;height:2px;background:#000}
.case .case_button p:last-of-type{font-size:11px}
@media screen and (min-width: 568px) {
.case .case_button p:last-of-type{font-size:13px}
}
.case .case_button p:last-of-type::after{content:"";display:inline-block;margin-top:8px;width:21px;height:6px;background:url(../img/icon_arrow_right_white_02.png) center/21px 6px no-repeat}
.case_01{background:url(../img/work_item_01_bg.png) center/cover no-repeat}
@media screen and (min-width: 568px) {
.case_01{background:url(../img/work_item_01_bg.png) center/cover no-repeat}
}
.case_02{background:url(../img/work_item_02_bg.png) center/cover no-repeat}
@media screen and (min-width: 568px) {
.case_02{background:url(../img/work_item_02_bg.png) center/cover no-repeat}
}
.case_03{background:url(../img/work_item_03_bg.png) center/cover no-repeat}
@media screen and (min-width: 568px) {
.case_03{background:url(../img/work_item_03_bg.png) center/cover no-repeat}
}
.case_04{background:url(../img/work_item_04_bg.png) center/cover no-repeat}
@media screen and (min-width: 568px) {
.case_04{background:url(../img/work_item_04_bg.png) center/cover no-repeat}
}
#modal{display:none}
.leftRoll{position:absolute;top:50%;left:-23px;border-top:14px solid transparent;border-right:14px solid #fff;border-bottom:14px solid transparent}
@media screen and (min-width: 568px) {
.leftRoll{left:-20%;border-top:37px solid transparent;border-right:39px solid #fff;border-bottom:39px solid transparent}
}
.rightRoll{position:absolute;top:50%;right:-23px;border-left:14px solid #fff;border-top:14px solid transparent;border-bottom:14px solid transparent}
@media screen and (min-width: 568px) {
.rightRoll{right:-20%;border-left:39px solid #fff;border-top:37px solid transparent;border-bottom:37px solid transparent}
}
#modal_list_box{display:none;position:fixed;top:0;left:0;right:0;bottom:0;margin:auto;width:83%;height:90%;z-index:9999}
.modal_case_list{height:100%}
.modal_case_item{display:none;padding:10px 12px;line-height:1.2;height:100%;font-size:12px;color:#362e2b}
.case_pic:first-of-type{margin-bottom:10px}
@media screen and (min-width: 568px) {
.case_pic:first-of-type{float:left;margin-right:12px}
}
@media screen and (min-width: 568px) {
.case_pic{margin-bottom:20px;width:370px;height:auto}
}
.inner_case h3{margin:10px 0;letter-spacing:2px;font-family:"kelson";font-weight:700;font-size:13px}
@media screen and (min-width: 568px) {
.inner_case h3{margin-bottom:10px;font-size:20px}
}
@media screen and (min-width: 568px) {
.inner_case h3 .area{margin-left:20px}
}
.inner_case .inner_case_txt{line-height:1.8}
@media screen and (min-width: 568px) {
.inner_case .inner_case_txt{font-size:13px}
}
.download{padding:16px 0;background:#fff}
@media screen and (min-width: 568px) {
.download{padding:30px 0}
}
.download:last-of-type{padding:17px 0 25px}
@media screen and (min-width: 568px) {
.download:last-of-type{padding:0}
}
.download_container{margin:auto;padding:14px 0;text-align:center;background:url(../img/download_bg.png)}
@media screen and (min-width: 568px) {
.download_container{padding:32px 0;max-width:1340px;width:100%}
}
.download_container h3{display:none}
@media screen and (min-width: 568px) {
.download_container h3{display:inline-block;text-align:center;display:inline-block;margin-bottom:32px;padding:0 35px;text-align:center;font-size:26px;color:#fff;background:url(../img/download_title_left.png) bottom left/27px 22px no-repeat,url(../img/download_title_right.png) bottom right 5px/27px 22px no-repeat}
}
.download_container p{display:flex;justify-content:center;margin-bottom:7px;padding:21px 51px 21px 8px;line-height:1.6;font-size:13px;font-weight:700;background:url(../img/sp_icon_book.png) center right 5px/42px 69px no-repeat,#fff;text-align:left}
@media screen and (min-width: 568px) {
.download_container p{margin-right:13px;margin-bottom:0;padding:30px 10px 30px 15px;letter-spacing:1.2px;font-size:29px;min-width:366px;background:url(../img/icon_book.png) right center/100px auto no-repeat,#fff}
}
@media screen and (min-width: 568px) {
.download_container .download_pic{width:600px;height:200px}
}
.download_container .btn_download{width:76%;min-width:272px}
@media screen and (min-width: 568px) {
.download_container .btn_download{margin-top:20px;padding:7px 0;width:980px;font-size:28px}
}
@media screen and (min-width: 568px) {
.download_container .btn_download::before{width:19px;height:22px}
}
@media screen and (min-width: 568px) {
.download_container .btn_download::after{width:69px;height:69px;font-size:24px}
}
.download_content{margin:auto;width:76%;min-width:272px}
@media screen and (min-width: 568px) {
.download_content{margin-bottom:5px;display:flex;flex-flow:row;width:980px}
}
#merit{padding:38px 0 0;background:url(../img/merit_bg.png) center/cover no-repeat}
@media screen and (min-width: 568px) {
#merit{background:url(../img/sp_merit_bg.png) center/cover no-repeat}
}
.merit_list{margin:auto;width:80%}
@media screen and (min-width: 568px) {
.merit_list{display:flex;flex-flow:row;width:100%;justify-content:space-between}
}
@media screen and (min-width: 568px) {
.merit_list li{width:31%}
}
.merit_list li h3{letter-spacing:1.2px;text-align:center;margin-bottom:25px;padding-bottom:13px;font-size:17px;color:#0a4c57;border-bottom:1px solid #000}
@media screen and (min-width: 568px) {
.merit_list li h3{padding-bottom:16px;font-size:22px}
}
.merit_list li h3 .num{margin-right:5px;padding:2px 3px;background:#fff100}
.merit_list li p{padding:30px 0 42px;line-height:1.6;font-size:11px;line-height:1.6;font-size:11px}
@media screen and (min-width: 568px) {
.merit_list li p{padding:27px 0 60px;font-size:15px}
}
.merit_item_pic{display:block;margin:auto;width:auto;height:75px}
#qa{padding:30px 0;background:#d0ddeb}
@media screen and (min-width: 568px) {
#qa{padding:68px 0 92px}
}
.qa_item{position:relative;margin-left:15px;background:#fff}
.qa_item:not(:last-of-type){margin-bottom:23px}
@media screen and (min-width: 568px) {
.qa_item:not(:last-of-type){margin-bottom:32px}
}
.qa_item h3{display:flex;align-items:center;padding:0 33px;line-height:1.2;font-size:12px;width:100%;color:#0a4c57;min-height:52px;cursor:pointer}
@media screen and (min-width: 568px) {
.qa_item h3{padding:0 60px;font-size:19px;height:77px}
}
.qa_item h3 .qa_arrow{content:"";display:inline-block;position:absolute;top:16px;margin:auto;right:10px;min-width:22px;min-height:22px;border:1px solid #0a4c57;background:#fff;transition:.3s}
@media screen and (min-width: 568px) {
.qa_item h3 .qa_arrow{right:16px;width:45px;height:45px}
}
.qa_item h3 .qa_arrow .qa_arrow_icon{display:inline-block;position:absolute;top:-5px;bottom:0;left:0;right:0;margin:auto;content:"";width:10px;height:10px;border:2px solid;border-color:transparent transparent #0a4c57 #0a4c57;border-radius:1px;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:.3s;-o-transition:.3s;transition:.3s}
@media screen and (min-width: 568px) {
.qa_item h3 .qa_arrow .qa_arrow_icon{width:15px;height:15px}
}
.qa_item h3::before{content:"Q";position:absolute;top:9px;left:-17px;display:inline-flex;align-items:center;justify-content:center;margin:auto;width:36px;height:36px;font-size:21px;font-family:"kelson";color:#fff;background:#0a4c57}
@media screen and (min-width: 568px) {
.qa_item h3::before{margin-right:16px;width:60px;height:60px;font-size:27px}
}
.qa_item_txt{display:none;padding:15px 12px 29px;line-height:1.8;font-size:11px}
@media screen and (min-width: 568px) {
.qa_item_txt{padding:5px 60px 25px;font-size:14px}
}
.qa_item_txt .answer{margin-right:3px;font-size:27px;font-weight:700;font-family:"kelson";letter-spacing:2px;color:#0a4c57;vertical-align:text-bottom;line-height:.6}
@media screen and (min-width: 568px) {
.qa_item_txt .answer{margin-right:3px;font-size:27px;letter-spacing:2px}
}
.qa_item_txt a{color:#0a4c57;border-bottom:1px solid #0a4c57}
#area{padding:30px 0;background:#0a4c57}
@media screen and (min-width: 568px) {
#area{padding:68px 0 92px}
}
#area_container .title{color:#fff}
#area_container .title::after{background:#fff}
#area_container .sub_title{color:#fff}
.area_content{padding:27px 0;background:#fff}
@media screen and (min-width: 568px) {
.area_content{padding:57px 0}
}
.area_main_map{display:block;margin:0 auto 24px;width:80%;height:auto}
@media screen and (min-width: 568px) {
.area_main_map{margin:0 230px 24px;width:392px}
}
.area_list{margin:auto;width:92%}
@media screen and (min-width: 568px) {
.area_list{width:850px}
}
.area_list .area_item{line-height:1.8}
.area_list .area_item:not(:last-of-type){margin-bottom:24px}
.area_list .area_item h3{letter-spacing:1px;font-size:14px;color:#0a4c57}
@media screen and (min-width: 568px) {
.area_list .area_item h3{font-size:16px}
}
.area_list .area_item p{font-size:12px}
@media screen and (min-width: 568px) {
.area_list .area_item p{font-size:13px}
}
.area_list .area_item dl{font-size:12px}
@media screen and (min-width: 568px) {
.area_list .area_item dl{font-size:13px}
}
.area_list .area_item dl dt{display:inline}
.area_list .area_item dl dd{display:inline}
.area_list .bold{font-weight:700}
#line{padding:34px 0 8px}
@media screen and (min-width: 568px) {
#line{padding:60px 0}
}
#line .line_title{display:flex;flex-flow:column;justify-content:center;align-items:center}
@media screen and (min-width: 568px) {
#line .line_title{align-items:flex-start}
}
#line .line_title .line_logo{display:block;width:161px;height:auto}
@media screen and (min-width: 568px) {
#line .line_title .line_logo{width:210px}
}
#line .sub_line_title{display:block;margin:26px 0;text-align:center;letter-spacing:1px;line-height:1.6;font-size:18px;color:#1fc100}
@media screen and (min-width: 568px) {
#line .sub_line_title{margin:34px 0;font-size:24px}
}
.line_main_pic{margin:0 auto 30px;display:block;width:184px;height:auto}
@media screen and (min-width: 568px) {
.line_main_pic{position:absolute;top:0;right:0;width:320px;height:320px}
}
@media screen and (min-width: 568px) {
#line_container{position:relative}
}
.line_content{letter-spacing:1px;font-size:12px}
@media screen and (min-width: 568px) {
.line_content{font-size:16px}
}
.line_content p:not(:last-of-type){line-height:1.8;margin-bottom:20px}
.submit_friend{display:flex;align-items:center;justify-content:center;margin-top:24px;padding:15px 0;color:#fff;font-weight:700;letter-spacing:1px;background:#1fc100}
@media screen and (min-width: 568px) {
.submit_friend{margin-top:50px;padding:27px 0;letter-spacing:2px;font-size:22px}
}
.submit_friend::before{content:"";display:inline-block;margin-right:10px;width:21px;height:21px;background:url(../img/icon_arrow_green.png) center/21px 21px no-repeat}
@media screen and (min-width: 568px) {
.submit_friend::before{width:30px;height:30px;background:url(../img/icon_arrow_green.png) center/30px 30px no-repeat}
}
footer{display:flex;flex-flow:column;align-items:center;justify-content:center;padding:20px 0;background:#eaeaea}
@media screen and (min-width: 568px) {
footer{margin-top:60px;padding:48px 0}
}
footer .copyright{align-items:inherit;justify-content:inherit;letter-spacing:1px;font-size:10px;font-family:"kelson";color:#0a4c57}
@media screen and (min-width: 568px) {
footer .copyright{flex-flow:row;font-size:14px}
}
footer .copyright span{display:inline-block}
.logo_footer{margin-bottom:15px;width:40px;height:40px}
@media screen and (min-width: 568px) {
.logo_footer{margin-bottom:33px;width:61px;height:61px}
}
.back_top{display:inline-block;position:absolute;right:15px;bottom:15px;color:#000;border:1px solid #737373;background:#fff;padding:4px 8px;border-radius:5px;letter-spacing:1.2px;font-size:12px}
@media screen and (min-width: 568px) {
.hover:hover{box-shadow:0 0 8px #000;transition:.3s}
}
.active .qa_arrow{transform:rotate(180deg);transition:.3s}
.open{display:block!important}
@media screen and (min-width: 568px) {
.hover_02:hover{opacity:.8;transition:.3s}
}