@import url(https://fonts.googleapis.com/css2?family=Barlow:wght@700&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap);
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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video

{margin:0;padding:0;border:0;font-size:100%;font:inherit;line-height:1.56em}

article,aside,details,figcaption,figure,main,footer,header,hgroup,menu,nav,section{display:block}
body{vertical-align:baseline;-webkit-text-size-adjust:100%}
img{display:inherit}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
*{box-sizing:border-box;word-break:normal;line-height:1.56em;background-repeat:no-repeat}
div#ie_container{display:none;width:100%;height:100%;margin:auto}
div#ie_container div.cover{width:100%;height:100%;max-width:none;position:fixed;top:0;left:0;text-align:center;margin:auto}
div#ie_container div.cover p{width:100%;position:absolute;font-size:12px;line-height:1.56em;top:50%;left:0;right:0;text-align:center}
.ie7 body{overflow:hidden;background:#FFFFFF}
.ie7 div#container{display:none}
.ie8 body{overflow:hidden;background:#FFFFFF}
.ie8 div#container{display:none}
.ie8 div#ie_container{display:inherit}
.white{color:white;line-height:1}
.orange{color:#D72638;line-height:1}
.blue{color:#3E99DB;line-height:1}
.green{color:#34A238;line-height:1}
.left{text-align:left}
.right{text-align:right}
.center{text-align:center}
.center_left{text-align:center}
@media screen and (max-width: 768px){
.center_left{text-align:left}
}
.left_center{text-align:left}
@media screen and (max-width: 768px){
.left_center{text-align:center}
}
.mt_10{margin-top:10px}
.mt_15{margin-top:15px}
.mt_20{margin-top:20px}
.mt_30{margin-top:30px}
.mt_50{margin-top:50px}
.mt_100{margin-top:100px}
@media screen and (max-width: 768px){
.mt_15{margin-top:10px}
.mt_20{margin-top:15px}
.mt_30{margin-top:20px}
.mt_50{margin-top:30px}
.mt_100{margin-top:50px}
}
@media screen and (max-width: 568px){
.mt_20{margin-top:15px}
.mt_50{margin-top:25px}
}
.mb_10{margin-bottom:10px}
.mb_20{margin-bottom:20px}
.mb_30{margin-bottom:30px}
.mb_50{margin-bottom:50px}
.mb_100{margin-bottom:100px}
@media screen and (max-width: 768px){
.mb_20{margin-bottom:10px}
.mb_30{margin-bottom:20px}
.mb_50{margin-bottom:30px}
.mb_100{margin-bottom:50px}
}
@media screen and (max-width: 568px){
.mb_20{margin-bottom:15px}
.mb_50{margin-bottom:25px}
}
.mr_05{margin-right:5px}
.mr_10{margin-right:10px}
.mr_15{margin-right:15px}
.mr_20{margin-right:20px}
.mr_30{margin-right:30px}
.ml_05{margin-left:5px}
.ml_10{margin-left:10px}
.ml_15{margin-left:15px}
.ml_20{margin-left:20px}
.ml_30{margin-left:30px}
.font_size_45,.ttl_dots.fz_45,.fv .title
{font-size:45px}
@media screen and (max-width: 768px){
.font_size_45,.ttl_dots.fz_45,.fv .title{font-size:35px}
}
@media screen and (max-width: 568px){
.font_size_45,.ttl_dots.fz_45,.fv .title{font-size:26px}
}
.font_size_40,.cta p.head{
font-size:40px}
@media screen and (max-width: 768px){
.font_size_40,.cta p.head{font-size:30px}
}
@media screen and (max-width: 568px){
.font_size_40,.cta p.head{font-size:25px}
}
.font_size_36,.cv a,.cv_white a{font-size:36px}
@media screen and (max-width: 768px){
.font_size_36,.cv a,.cv_white a{font-size:26px}
}
@media screen and (max-width: 568px){
.font_size_36,.cv a,.cv_white a{font-size:22px}
}
.font_size_35,.ttl_dots.fz_35,.sec.cta_connection .strong
{font-size:35px}
@media screen and (max-width: 768px)
{.font_size_35,.ttl_dots.fz_35,.sec.cta_connection .strong
{font-size:25px}
}
@media screen and (max-width: 568px)
{.font_size_35,.ttl_dots.fz_35,.sec.cta_connection .strong
{font-size:21px}
}
.font_size_30,div.basket_box h1,div.basket_box h2
{font-size:30px}
@media screen and (max-width: 768px)
{.font_size_30,div.basket_box h1,div.basket_box h2
{font-size:26px}
}
@media screen and (max-width: 568px)
{.font_size_30,div.basket_box h1,div.basket_box h2
{font-size:24px}
}
.font_size_26
{font-size:26px}
@media screen and (max-width: 768px)
{.font_size_26
{font-size:24px}
}
@media screen and (max-width: 568px)
{.font_size_26
{font-size:22px}
}
.font_size_25,.ttl_dots span.small.fz_25,.cv a span,.cv_white a span{font-size:25px}
@media screen and (max-width: 768px){
.font_size_25,.ttl_dots span.small.fz_25,.cv a span,.cv_white a span{font-size:20px}
}
@media screen and (max-width: 568px){
.font_size_25,.ttl_dots span.small.fz_25,.cv a span,.cv_white a span{font-size:18px}
}
.font_size_24,.sec.service .service_content_03 .service_knowhow .knowhow_list .knowhow_item .knowhow_head
{font-size:24px}
@media screen and (max-width: 768px)
{.font_size_24,.sec.service .service_content_03 .service_knowhow .knowhow_list .knowhow_item .knowhow_head
{font-size:22px}
}
@media screen and (max-width: 568px)
{.font_size_24,.sec.service .service_content_03 .service_knowhow .knowhow_list .knowhow_item .knowhow_head
{font-size:20px}
}
.font_size_22,.sec.service .service_content_04 .service_community .community_list .community_item .community_head,.about_lead,dl.faq span
{font-size:22px}
@media screen and (max-width: 768px)
{.font_size_22,.sec.service .service_content_04 .service_community .community_list .community_item .community_head,.about_lead,dl.faq span
{font-size:20px}
}
@media screen and (max-width: 568px)
{.font_size_22,.sec.service .service_content_04 .service_community .community_list .community_item .community_head,.about_lead,dl.faq span
{font-size:18px}
}
.font_size_20,.sec.cta_connection .desc,.sec.service .service_content .head_lv2 span,.sec.service .service_content .lead,.sec.service .service_content_01 .service_case_wrapper .service_case .case_card .text_cont h4,.sec.service .service_content_02 .service_doc .doc_card .text_cont p{font-size:20px}
@media screen and (max-width: 768px){
.font_size_20,.sec.cta_connection .desc,.sec.service .service_content .head_lv2 span,.sec.service .service_content .lead,.sec.service .service_content_01 .service_case_wrapper .service_case .case_card .text_cont h4,.sec.service .service_content_02 .service_doc .doc_card .text_cont p{font-size:18px}
}
@media screen and (max-width: 568px)
{.font_size_20,.sec.cta_connection .desc,.sec.service .service_content .head_lv2 span,.sec.service .service_content .lead,.sec.service .service_content_01 .service_case_wrapper .service_case .case_card .text_cont h4,.sec.service .service_content_02 .service_doc .doc_card .text_cont p
{font-size:16px}
}
.font_size_18,.sec.service .service_content_03 .service_knowhow .knowhow_list .knowhow_item .knowhow_example .example_head,.sec.service .service_content_03 .service_knowhow .knowhow_list .knowhow_item .knowhow_example .example_list .example_item,.about_text
{font-size:18px}
@media screen and (max-width: 768px)
{.font_size_18,.sec.service .service_content_03 .service_knowhow .knowhow_list .knowhow_item .knowhow_example .example_head,.sec.service .service_content_03 .service_knowhow .knowhow_list .knowhow_item .knowhow_example .example_list .example_item,.about_text
{font-size:17px}
}
@media screen and (max-width: 568px)
{.font_size_18,.sec.service .service_content_03 .service_knowhow .knowhow_list .knowhow_item .knowhow_example .example_head,.sec.service .service_content_03 .service_knowhow .knowhow_list .knowhow_item .knowhow_example .example_list .example_item,.about_text
{font-size:15px}
}
.font_size_16,body,.balloon,footer .copyright,.cta p.lead,div.basket_box p,.sec.problems .problems_list .problems_item .problems_desc,.sec.solution .solution_list .solution_item .solution_ttl span,.sec.service .service_link_list .service_link_item .service_desc span,.sec.service .service_content .desc,.sec.service .service_content_01 .service_case_wrapper .service_case .case_card .thum .pop,.sec.service .service_content_01 .service_case_wrapper .service_case .case_card .text_cont dl dd,.sec.service .service_content_04 .service_community .community_list .community_item .community_head span,dl.faq dd
{font-size:16px}
@media screen and (max-width: 768px)
{.font_size_16,body,.balloon,footer .copyright,.cta p.lead,div.basket_box p,.sec.problems .problems_list .problems_item .problems_desc,.sec.solution .solution_list .solution_item .solution_ttl span,.sec.service .service_link_list .service_link_item .service_desc span,.sec.service .service_content .desc,.sec.service .service_content_01 .service_case_wrapper .service_case .case_card .thum .pop,.sec.service .service_content_01 .service_case_wrapper .service_case .case_card .text_cont dl dd,.sec.service .service_content_04 .service_community .community_list .community_item .community_head span,dl.faq dd
{font-size:15px}
}
@media screen and (max-width: 568px)
{.font_size_16,body,.balloon,footer .copyright,.cta p.lead,div.basket_box p,.sec.problems .problems_list .problems_item .problems_desc,.sec.solution .solution_list .solution_item .solution_ttl span,.sec.service .service_link_list .service_link_item .service_desc span,.sec.service .service_content .desc,.sec.service .service_content_01 .service_case_wrapper .service_case .case_card .thum .pop,.sec.service .service_content_01 .service_case_wrapper .service_case .case_card .text_cont dl dd,.sec.service .service_content_04 .service_community .community_list .community_item .community_head span,dl.faq dd
{font-size:14px}
}
.font_size_14,.sec.cta_connection a,.sec.service .service_content .desc span,.sec.service .service_content_01 .service_case_wrapper .service_case .case_card .text_cont dl dt span
{font-size:14px}
@media screen and (max-width: 768px)
{.font_size_14,.sec.cta_connection a,.sec.service .service_content .desc span,.sec.service .service_content_01 .service_case_wrapper .service_case .case_card .text_cont dl dt span
{font-size:13px}
}
@media screen and (max-width: 568px)
{.font_size_14,.sec.cta_connection a,.sec.service .service_content .desc span,.sec.service .service_content_01 .service_case_wrapper .service_case .case_card .text_cont dl dt span
{font-size:12px}
}
.font_size_12
{font-size:12px}
@media screen and (max-width: 768px)
{.font_size_12
{font-size:12px}
}
@media screen and (max-width: 568px)
{.font_size_12
{font-size:11px}
}
.font_size_10
{font-size:10px}
@media screen and (max-width: 768px)
{.font_size_10
{font-size:10px}
}
@media screen and (max-width: 568px)
{.font_size_10
{font-size:10px}
}
.normal
{font-weight:normal}
.bold
{font-weight:bold}
.corners
{border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px}
@media screen and (max-width: 768px)
{.hide_sp,.slider .slick-slide img.hide_sp
{display:none}
}
@media screen and (min-width: 769px)
{.hide_pc,.slider .slick-slide img.hide_pc
{display:none}
}
@media screen and (max-width: 1280px)
{.hide_less_pc
{display:none}
}
@media screen and (min-width: 1281px)
{.hide_more_pc
{display:none}
}
@media screen and (max-width: 1000px)
{.hide_less_spc
{display:none}
}
@media screen and (min-width: 1001px)
{.hide_more_spc
{display:none}
}
@media screen and (max-width: 568px)
{.hide_less_sp
{display:none}
}
@media screen and (min-width: 569px)
{.hide_more_sp
{display:none}
}
@media screen and (max-width: 428px)
{.hide_less_ssp
{display:none}
}
@media screen and (min-width: 429px)
{.hide_more_ssp
{display:none}
}
@media screen and (max-width: 374px)
{.hide_less_sssp
{display:none}
}
@media screen and (min-width: 375px)
{.hide_more_sssp
{display:none}
}
.display_none
{display:none}
.sp_link
{pointer-events:none}
@media screen and (max-width: 768px)
{.sp_link
{pointer-events:inherit}
}
.wth_100
{width:100%;height:auto}
.position_relative
{position:relative}
.overflow_hidden
{overflow:hidden}
.unselectable
{-ms-user-select:none;-moz-user-select:-moz-none;-khtml-user-select:none;-webkit-user-select:none;user-select:none}
.slick-slider
{position:relative;display:block;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list
{position:relative;overflow:hidden;display:block;margin:0;padding:0}
.slick-list:focus
{outline:none}
.slick-list.dragging
{cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list
{-webkit-transform:translate3d(0, 0, 0);-moz-transform:translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}
.slick-track
{position:relative;left:0;top:0;display:block;margin-left:auto;margin-right:auto}
.slick-track:before,.slick-track:after
{content:"";display:table}
.slick-track:after
{clear:both}
.slick-loading .slick-track
{visibility:hidden}
.slick-slide
{float:left;height:100%;min-height:1px;display:none}
[dir="rtl"] .slick-slide
{float:right}
.slick-slide img
{display:block}
.slick-slide.slick-loading img
{display:none}
.slick-slide.dragging img
{pointer-events:none}
.slick-initialized .slick-slide
{display:block}
.slick-loading .slick-slide
{visibility:hidden}
.slick-vertical .slick-slide
{display:block;height:auto;border:1px solid transparent}
.slick-arrow.slick-hidden
{display:none}
.slick-prev,.slick-next
{position:absolute;display:block;height:20px;width:20px;line-height:0px;font-size:0px;cursor:pointer;background:transparent;color:transparent;top:50%;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);padding:0;border:none;outline:none}
.slick-prev:hover,.slick-prev:focus,.slick-next:hover,.slick-next:focus
{outline:none;background:transparent;color:transparent}
.slick-prev:hover:before,.slick-prev:focus:before,.slick-next:hover:before,.slick-next:focus:before
{opacity:1}
.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before
{opacity:.25}
.slick-prev:before,.slick-next:before
{font-family:"slick";font-size:20px;line-height:1;color:#fff;opacity:.75;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-prev
{left:-25px}
[dir="rtl"] .slick-prev
{left:auto;right:-25px}
.slick-prev:before
{content:"竊�"}
[dir="rtl"] .slick-prev:before
{content:"竊�"}
.slick-next
{right:-25px}
[dir="rtl"] .slick-next
{left:-25px;right:auto}
.slick-next:before
{content:"竊�"}
[dir="rtl"] .slick-next:before
{content:"竊�"}
.slick-dotted.slick-slider
{margin-bottom:30px}
.slick-dots
{position:absolute;bottom:-25px;list-style:none;display:block;text-align:center;padding:0;margin:0;width:100%}
.slick-dots li
{position:relative;display:inline-block;height:20px;width:20px;margin:0 5px;padding:0;cursor:pointer}
.slick-dots li button
{border:0;background:transparent;display:block;height:20px;width:20px;outline:none;line-height:0px;font-size:0px;color:transparent;padding:5px;cursor:pointer}
.slick-dots li button:hover,.slick-dots li button:focus
{outline:none}
.slick-dots li button:hover:before,.slick-dots li button:focus:before
{opacity:1}
.slick-dots li button:before
{position:absolute;top:0;left:0;content:"窶｢";width:20px;height:20px;font-family:"slick";font-size:6px;line-height:20px;text-align:center;color:#000;opacity:.25;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-dots li.slick-active button:before
{color:#000;opacity:.75}
.slideinLeft,.slideinRight
{opacity:1;transition:transform 1s ease, opacity 1s ease-in}
.slideinLeft.init
{opacity:0;transform:translate(-10%, 0)}
.slideinRight.init
{opacity:0;transform:translate(10%, 0)}
.slideup{opacity:1;transition:opacity 0.7s ease-in-out,transform 1.5s cubic-bezier(0.35, 0.34, 0.22, 0.99);transform:translate(0, 0);will-change:transform, opacity}
.slideup.init
{opacity:0;transform:translate(0, 100px)}
@media screen and (max-width: 768px)
{.slideup.init
{transform:translate(0, 80px)}
}
.slideup--js
{opacity:0;transform:translate(0, 150px);will-change:transform, opacity}
.rotate
{opacity:1;filter:alpha(opacity=100);-webkit-transform:scale3d(1, 1, 1) rotate3d(0, 0, 0, 0) translate3d(0, 0, 0);transform:scale3d(1, 1, 1) rotate3d(0, 0, 0, 0) translate3d(0, 0, 0);transition:opacity 4s, -webkit-transform 4s;transition:opacity 4s, transform 4s;transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1)}
.rotate.init
{opacity:0;filter:alpha(opacity=0);-webkit-transform:scale3d(1.3, 1.3, 1) rotate3d(1, -3, -1, -36deg) translate3d(0, 50px, 130px);transform:scale3d(1.3, 1.3, 1) rotate3d(1, -3, -1, -36deg) translate3d(0, 50px, 130px)}
.fadein
{opacity:1;transition:opacity 0.5s ease-in-out}
.fadein.init
{opacity:0}
.fadein.delay_500
{transition-delay:500ms}
.fadein.delay_1000
{transition-delay:1000ms}
.fadein.delay_1500
{transition-delay:1500ms}
@media screen and (min-width: 569px)
{.delay_100
{transition-delay:100ms}
.delay_200
{transition-delay:200ms}
.delay_300
{transition-delay:300ms}
.delay_400
{transition-delay:400ms}
.delay_500
{transition-delay:500ms}
.delay_400_0
{transition-delay:400ms}
}
@media screen and (min-width: 569px) and (max-width: 568px)
{.delay_400_0
{transition-delay:0}
}
@media screen and (max-width: 568px)
{.clear__effect--sp
{transition:none !important;transform:none !important;opacity:1 !important}
}
@media screen and (min-width: 569px)
{.clear__effect-up--sp
{transition:none !important;transform:none !important;opacity:1 !important}
}
html,body
{width:100%;height:100%;min-width:1000px;margin-left:auto;margin-right:auto}
@media screen and (max-width: 768px)
{html,body
{min-width:inherit}
}
body
{font-family:"貂ｸ繧ｴ繧ｷ繝�け菴�","Yu Gothic",YuGothic,"Montserrat","繝偵Λ繧ｮ繝手ｧ偵ざ Pro","Hiragino Kaku Gothic Pro","繝｡繧､繝ｪ繧ｪ","Meiryo","Roboto",sans-serif;color:#3B2727}
div#container
{width:100%;height:100%}
a
{transition:background-color 0.4s ease, color 0.4s ease, opacity 0.4s ease}
a,a:hover,a:visited,a:link
{color:#3B2727;text-decoration:none}
a img
{transition:opacity 0.4s ease}
@media screen and (min-width: 769px)
{a:hover
{opacity:0.6}
a:hover img
{opacity:0.6}
}

@media screen and (max-width: 768px)
{a.external::after
{width:13px;height:13px}
}
picture
{display:block}
img
{max-width:100%;height:auto}
br
{line-height:inherit}
hr
{height:1px;clear:both;border:none;border-top:#ccc 1px solid;color:#FFF}
.wrapper,.sec .inner
{zoom:1}
.wrapper:after,.sec .inner:after
{display:block;content:"";clear:both}
.wrapper,.sec .inner
{width:95%;max-width:1166px;margin:auto;position:relative}
.transitions
{transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-o-transition:all 0.4s ease}
@media screen and (max-width: 768px)
{.transitions
{transition:all 0s ease;-webkit-transition:all 0s ease;-moz-transition:all 0s ease;-o-transition:all 0s ease}
}
.all_transitions
{transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-o-transition:all 0.4s ease}
.vertical
{position:absolute;top:50%;-webkit-transform:translate(0%, -50%);transform:translate(0%, -50%)}
.ttl_dots
{line-height:1;font-weight: bold;text-align: center;padding-bottom: 45px;}
@media screen and (max-width: 768px)
{.ttl_dots
{background-size:90px auto;padding-bottom:30px;margin-bottom:20px;line-height:60px}
}
@media screen and (max-width: 568px)
{.ttl_dots
{background-size:75px auto;padding-bottom:25px;line-height:48px}
}
@media screen and (max-width: 568px)
{.ttl_dots.fz_45
{font-size:23px}
}
.ttl_dots.line_height_1
{line-height:1}
.ttl_dots.white
{color:#fff}
.ttl_dots span.small
{display:block;line-height:1}
.img_maga{display:inline-block;max-width:300px;}
@media screen and (max-width: 768px)
{.img_maga
{max-width:160px;margin-bottom:-18px}
}
@media screen and (max-width: 568px)
{.img_maga
{max-width:200px;margin-bottom:-13px}
}
.balloon
{display:block;width:95%;max-width:269px;color:#fff;font-weight:bold;line-height:1;text-align:center;border-radius:50px;padding:15px 0;position:absolute}
.balloon::after
{content:"";display:block;background-repeat:no-repeat;background-size:contain;position:absolute}
div#pageup
{width:190px;height:190px;position:fixed;z-index:100;transform-origin:bottom right;animation:nekonote 5s ease infinite}
@media screen and (max-width: 768px)
{div#pageup
{width:100px;height:100px}
}
div#pageup a img.img_pageup
{width:60%;height:60%}
@keyframes nekonote
{0%
{transform:rotate(0deg)}
84%
{transform:rotate(0deg)}
88%
{transform:rotate(-5deg)}
92%
{transform:rotate(2deg)}
96%
{transform:rotate(-5deg)}
100%
{transform:rotate(0deg)}
}
.cv,.cv_white
{position:relative;z-index:10}
.cv a,.cv_white a{display:flex;flex-direction:column;justify-content:center;align-items:center;width:500px;height:108px;margin:0 auto;background-color:#ED6B1A;border:3px solid #FFB383;border-radius:100px;font-weight:bold;line-height:1;text-align:center;background-size:18px auto;background-position:center right 30px;box-shadow:0 3px 6px rgba(80,62,42,0.16);transition:.3s}
.cv a,.cv_white a,.cv a:hover,.cv_white a:hover,.cv a:visited,.cv_white a:visited,.cv a:link,.cv_white a:link{color:#fff;text-decoration:none}
@media screen and (max-width: 768px){
.cv a,.cv_white a{width:370px;height:82px;background-size:11px auto;background-position:center right 25px}
}
@media screen and (max-width: 568px)
{.cv a,.cv_white a
{width:320px;height:70px;background-size:9px auto;background-position:center right 18px}
}
.cv a span,.cv_white a span{display:block;line-height:1;margin-bottom:4px}
@media screen and (min-width: 769px){
.cv a:hover,.cv_white a:hover{transform:translateY(3px);box-shadow:none}
}
.cv_white a,.cv_white a:hover,.cv_white a:visited,.cv_white a:link
{color:#ED6B1A;text-decoration:none}
.btn a,.btn_return a
{display:inline-block;min-width:300px;text-align:center;padding:20px 20px;font-weight:bold;background-color:#ED6B1A;border-radius:100px}
.btn a,.btn_return a,.btn a:hover,.btn_return a:hover,.btn a:visited,.btn_return a:visited,.btn a:link,.btn_return a:link
{color:#fff;text-decoration:none}
.btn a:hover,.btn_return a:hover
{opacity:0.8}
@media screen and (max-width: 568px)
{.btn a,.btn_return a
{min-width:0;display:block}
}
header
{width:100%;position:fixed;z-index:1000}

header div.inner
{margin:auto;display:flex;justify-content:space-evenly;align-items:center}
header .header_logo a
{display:block}
header .header_logo a img{width:300px;height:auto}
@media screen and (max-width: 568px){
header .header_logo a img{
  width: 150px;
  margin-left: 10%;}
}
footer
{width:100%;padding-bottom:20px;margin:auto;background-color:#3B2727;text-align:center}
footer .sec.company
{padding-top:93px;padding-bottom:33px}
@media screen and (max-width: 768px)
{footer .sec.company
{padding-top:50px}
}
footer .sec.company .link_ippai
{display:block;max-width:239px;margin:0 auto 41px}
footer .sec.company .link_list
{max-width:469px;margin:13px auto 0;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:13px}
@media screen and (max-width: 488px)
{footer .sec.company .link_list
{justify-content:center}
}
footer .sec.company .link_list .link_item a
{display:block;width:100%;max-width:225px;margin:0 auto}
@media screen and (max-width: 488px)
{footer .sec.company .link_list .link_item a
{max-width:239px}
}
footer .copyright
{color:#fff;letter-spacing:0.05em;text-align:center}
.sec
{padding-top:40px;padding-bottom:40px}
@media screen and (max-width: 768px)
{.sec
{padding-top:15px;padding-bottom:15px}
}
.sec:first-child
{padding-top:80px}
@media screen and (max-width: 768px)
{.sec:first-child
{padding-top:30px}
}
.sec:last-child
{padding-bottom:80px}
@media screen and (max-width: 768px)
{.sec:last-child
{padding-bottom:30px}
}
.slider
{overflow:hidden}
.slider .slick-track
{display:flex}
.slider .slick-slide
{height:auto !important}
.slider .slick-prev,.slider .slick-next
{width:126px;height:100%;position:absolute;background-position:center center;background-repeat:no-repeat;background-size:72px 72px}
@media screen and (max-width: 768px)
{.slider .slick-prev,.slider .slick-next
{width:13%;background-size:40px 40px}
}
.slider .slick-prev:before,.slider .slick-next:before
{content:""}
.slider .slick-prev
{left:0;background-image:url(../image/arrow1.png)}
.slider .slick-next
{right:0;background-image:url(../image/arrow2.png)}
.slider .slick-arrow
{z-index:10}
.cta
{background-color: #ededed;
  border-top: 2px solid;
  border-bottom: 2px solid;}
.cta .inner
{max-width: 1166px;
  margin: 0 auto;
  padding-top: 60px;
  padding-bottom: 5px;
  background-image: url(../image/hane.png);
  background-size: 200px auto;
  background-position: top left 150px;
  position: relative;
}
@media screen and (max-width: 768px)
{.cta .inner
{padding-top:30px;padding-bottom:1px;background-size:174px auto;background-position:top left -53px}
}
.cta p
{color:#000;font-weight:bold;line-height:1;text-align:center}
.cta p.head
{padding-bottom:10px}
.cta p.lead
{padding-bottom:15px}
div.basket_box
{max-width:700px;height:auto;margin:auto;text-align:center;padding:100px 0}
@media screen and (max-width: 568px)
{div.basket_box
{padding:50px 0}
}
div.basket_box h1,div.basket_box h2
{padding:0 0 20px;margin:0 0 20px 0;text-align:center;font-weight:bold;border-bottom:#DADADA 1px solid;background-position:center top;background-repeat:no-repeat;background-size:auto}
div.basket_box p
{padding:0 0 30px 0;font-weight:bold}
div.n_found h1,div.n_found h2
{color:#ED6B1A}
.fv{width:100%;padding:200px 0 45px 0;position:relative;overflow:hidden}
@media screen and (max-width: 768px){
.fv{height:auto;padding-bottom:30px;padding-top:98px}
}
@media screen and (max-width: 568px){
.fv{padding-top:48px}
}
.fv::before,.fv::after{content:"";display:block;background-repeat:no-repeat;background-size:contain;position:absolute;z-index:-2}
.fv::before{width:715px;height:768px;background-image:url(../image/top_left.png);top:20%;right:60%}
@media screen and (min-width: 1660px)
{.fv::before{width:785px;right:70%}
}
@media screen and (max-width: 768px)
{.fv::before
{width:452px;top:24px;right:55%}
}
@media screen and (max-width: 568px)
{.fv::before
{width:302px;top:336px;right:53%}
}
.fv::after
{width:656px;height:791px;background-image:url(../image/top_right.png);top:20%;left:75%}
@media screen and (max-width: 768px)
{.fv::after
{width:302px;background-position:bottom;top:0;left:67%}
}
@media screen and (max-width: 568px)
{.fv::after
{width:302px;top:-82px;left:57%}
}
.fv .title
{font-weight:bold;text-align:center;line-height:73px;position:relative;z-index:2}
@media screen and (max-width: 768px)
{.fv .title
{font-size:20px;line-height:39px}
}
.fv .title .img_maga
{margin-right:6px}
@media screen and (max-width: 768px)
{.fv .title .img_maga
{max-width:250px}
}
.fv .title .orange,.fv .title .blue,.fv .title .green
{font-size:58px;display:inline-block}
@media screen and (max-width: 768px)
{.fv .title .orange,.fv .title .blue,.fv .title .green
{font-size:26px}
}
.fv .title .under_double
{line-height:1;border-bottom:3px solid #FFC100;position:relative}
.fv .title .under_double::after
{content:"";display:block;width:100%;height:3px;background-color:#FFC100;position:absolute;bottom:-9px;left:0}
.fv .title .space_left
{padding-left:180px}
@media screen and (max-width: 768px)
{.fv .title .space_left
{padding-left:42px}
}
.fv .fv_list
{width:95%;max-width:722px;margin:36px auto 10px;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;position:relative;z-index:2}
@media screen and (max-width: 768px)
{.fv .fv_list
{margin:12px auto 10px;max-width:335px}
}
.fv .fv_list .fv_item
{width:192px;height:179px;position:relative}
@media screen and (max-width: 768px)
{.fv .fv_list .fv_item
{width:156px;height:144px}
}
.fv .fv_list .fv_item:nth-of-type(1)
{z-index:4}
@media screen and (max-width: 768px)
{.fv .fv_list .fv_item:nth-of-type(1)
{z-index:1;margin-left:40px}
}
.fv .fv_list .fv_item:nth-of-type(2)
{z-index:3;margin-left:-21px}
@media screen and (max-width: 768px)
{.fv .fv_list .fv_item:nth-of-type(2)
{z-index:4}
}
.fv .fv_list .fv_item:nth-of-type(3)
{z-index:2;margin-left:-13px}
@media screen and (max-width: 768px)
{.fv .fv_list .fv_item:nth-of-type(3)
{margin-left:-40px;margin-top:-20px}
}
.fv .fv_list .fv_item:nth-of-type(4)
{z-index:1;margin-left:-13px}
@media screen and (max-width: 768px)
{.fv .fv_list .fv_item:nth-of-type(4)
{z-index:3;margin-top:-12px}
}
.sec.problems
{background-color:#EDEDED;padding-top:100px;padding-bottom:55px;margin-bottom:173px;position:relative}
@media screen and (max-width: 768px)
{.sec.problems
{padding-top:40px;padding-bottom:20px;margin-bottom:96px}
}
.sec.problems::before
{content:"";display:block;width:0;height:0;border-style:solid;border-color:#EDEDED transparent transparent;border-width:83px 50vw 0;margin-bottom:-82px;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}
@media screen and (max-width: 768px)
{.sec.problems::before
{border-width:40px 50vw 0;margin-bottom:-40px}
}
.sec.problems::after
{content:"";width:184px;height:160px;background-image:url(../image/fff1.png);background-repeat:no-repeat;background-size:contain;position:absolute;bottom:-150px;left:50%;transform:translateX(-50%)}
@media screen and (max-width: 768px)
{.sec.problems::after
{width:100px;height:120px;bottom:-110px}
}
.sec.problems .problems_list
{display:flex;justify-content:space-between;align-items:stretch;gap:9px;margin-bottom:29px}
@media screen and (max-width: 768px)
{.sec.problems .problems_list
{flex-wrap:wrap;gap:20px 10px}
}
@media screen and (max-width: 568px)
{.sec.problems .problems_list
{justify-content:center}
}
.sec.problems .problems_list .problems_item
{width:25%;max-width:279px;background-color:#fff;border-radius:10px;padding:45px 0 40px;margin-top:24px;position:relative}
@media screen and (max-width: 768px)
{.sec.problems .problems_list .problems_item
{width:48.5%;max-width:100%}
}
@media screen and (max-width: 568px)
{.sec.problems .problems_list .problems_item
{width:90%;padding:25px 0 40px}
}
.sec.problems .problems_list .problems_item .problems_head{
background-color: #FFC100;
top: -24px;
left: 50%;
transform: translateX(-50%);
color: #000;
line-height: 20px;
}
@media screen and (max-width: 568px)
{.sec.problems .problems_list .problems_item .problems_head
{width:100%;padding:10px 0}
}
.sec.problems .problems_list .problems_item .problems_head::after {
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    content: "▼";
    font-size: 35px;
    color: #ffc100;
  }
@media screen and (max-width: 568px)
{.sec.problems .problems_list .problems_item .problems_head::after
{width:19px;bottom:-10px}
}
.sec.problems .problems_list .problems_item .problems_img {width: 200px;height: auto;object-fit: contain;margin: 10px auto;}
.sec.problems .problems_list .problems_item .problems_desc{font-weight:bold;line-height:calc(25 / 16);padding: 0 15px;}
.sec.problems .lead
{font-size:22px;font-weight:bold;line-height:calc(33 / 22);text-align:center}
@media screen and (max-width: 768px)
{.sec.problems .lead
{font-size:18px}
}
@media screen and (max-width: 568px)
{.sec.problems .lead
{font-size:16px}
}
.sec.solution
{position:relative;overflow:hidden;padding-bottom:146px}
@media screen and (max-width: 768px)
{.sec.solution
{padding-bottom:60px}
}
.sec.solution::before,.sec.solution::after
{content:"";display:block;height:100%;background-repeat:no-repeat;background-size:100% auto;position:absolute}

.sec.solution::before
{background-image:url(../image/bg_left.pn);width:480px;top:0;left:0}

@media screen and (max-width: 568px)
{.sec.solution::before
{width:100%;left:-60%}
}
.sec.solution::after
{background-image:url(../image/bg_right.pn);background-position:bottom;width:489px;bottom:0;right:0;z-index:-1}
@media screen and (max-width: 568px)
{.sec.solution::after
{width:100%;right:-50%}
}
.sec.solution .solution_list
{max-width:977px;margin:0 auto;display:grid;grid-template-columns:repeat(2, 1fr);column-gap:40px;row-gap:50px}
@media screen and (max-width: 768px)
{.sec.solution .solution_list
{column-gap:10px;row-gap:20px}
}
@media screen and (max-width: 568px)
{.sec.solution .solution_list
{display:block;margin-top:20px}
}
.sec.solution .solution_list .solution_item
{max-width:468px;background-color:#fff;border-radius:10px;box-shadow:0 0 56px rgba(167,100,50,0.16);padding:53px 0 51px;margin-top:24px;position:relative}
@media screen and (max-width: 568px)
{.sec.solution .solution_list .solution_item
{padding:45px 0 25px;margin:50px auto 0}
}
.sec.solution .solution_list .solution_item .solution_ttl
{font-size:30px;font-weight:bold;line-height:calc(36 / 30);text-align:center;margin-bottom:19px}
@media screen and (max-width: 768px)
{.sec.solution .solution_list .solution_item .solution_ttl
{font-size:24px}
}
@media screen and (max-width: 568px)
{.sec.solution .solution_list .solution_item .solution_ttl
{font-size:20px}
}
.sec.solution .solution_list .solution_item .solution_ttl span
{display:block;margin-bottom:7px}
.sec.solution .solution_list .solution_item .solution_head
{background-color:#ED6B1A;top:-24px;left:50%;transform:translateX(-50%)}
.sec.solution .solution_list .solution_item .solution_head::after
{width:16px;height:17px;bottom:-12px;left:50%;transform:translateX(-50%)}
.sec.solution .solution_list .solution_item .solution_img {width: 200px;height: auto;object-fit: contain;margin: 15px auto;}
@media screen and (max-width: 568px)
{.sec.solution .solution_list .solution_item .solution_img
{width:120px;height:auto}
}
.sec.solution .solution_list .solution_item .solution_desc
{font-size:16px;font-weight:bold;line-height:calc(25 / 16);letter-spacing:0.02em;text-align:left;padding-left: 10%;}
@media screen and (max-width: 768px)
{.sec.solution .solution_list .solution_item .solution_desc
{font-size:14px}
}
.sec.cta_connection
{background-color:#EDEDED;padding-top:90px;padding-bottom:60px;position:relative}
@media screen and (max-width: 768px)
{.sec.cta_connection
{padding-top:50px;padding-bottom:30px}
}
.sec.cta_connection .cta_connection_head
{background-color:#ED6B1A;top:-104px;left:50%;transform:translateX(-50%)}
@media screen and (max-width: 768px)
{.sec.cta_connection .cta_connection_head
{top:-64px}
}
.sec.cta_connection .cta_connection_head::after
{width:16px;height:17px;bottom:-12px;left:50%;transform:translateX(-50%)}
.sec.cta_connection .desc
{font-weight:bold;line-height:calc(29 / 18);text-align:center;padding-bottom:20px}
@media screen and (max-width: 768px)
{.sec.cta_connection .desc
{padding-bottom:10px}
}
.sec.cta_connection .strong
{font-weight:bold;line-height:calc(48 / 35);text-align:center;padding-bottom:33px}
@media screen and (max-width: 768px)
{.sec.cta_connection .strong
{padding-bottom:20px}
}
.sec.cta_connection a
{font-weight:bold;line-height:calc(25 / 14);letter-spacing:-0.02em;text-decoration:underline}
.sec.service
{padding-top:60px}
@media screen and (max-width: 768px)
{.sec.service
{padding-top:62px}
}
.sec.service .service_link_list
{display:flex;justify-content:space-between;align-items:stretch;gap:16px;margin-bottom:108px}
@media screen and (max-width: 768px)
{.sec.service .service_link_list
{flex-wrap:wrap;gap:10px}
}
.sec.service .service_link_list .service_link_item
{width:25%;max-width:280px;background-color:#F0F0F0;border-radius:10px;margin-top:20px}
@media screen and (max-width: 768px)
{.sec.service .service_link_list .service_link_item
{width:49%;max-width:100%}
}
@media screen and (max-width: 568px)
{.sec.service .service_link_list .service_link_item
{width:100%}
}
.sec.service .service_link_list .service_link_item a
{display:block;width:100%;height:100%;padding:76px 0 75px;position:relative}
@media screen and (max-width: 568px)
{.sec.service .service_link_list .service_link_item a
{width:100%;max-width:100%;display:flex;align-items:center;padding:30px 40px 20px 40px}
}
.sec.service .service_link_list .service_link_item a::after
{content: "▼";
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 18px;
  left: 50%;
  transform: translateX(-50%);
  transition: .3s;
  font-size: 30px;
  color: #ed6b1a;}
@media screen and (max-width: 568px)
{.sec.service .service_link_list .service_link_item a::after
{width:20px;height:10px;top:50%;left:auto;right:20px;transform:translate(0, -50%)}
}
@media screen and (min-width: 769px)
{.sec.service .service_link_list .service_link_item a:hover::after
{transform:translate(-50%, 5px)}
}
.sec.service .service_link_list .service_link_item .service_num_icon {width: 135px;height: auto;position: absolute;top: -16%;left: 50%;transform: translateX(-50%);}
@media screen and (max-width: 768px)
{.sec.service .service_link_list .service_link_item .service_num_icon
{width:50px;height:auto}
}
.sec.service .service_link_list .service_link_item .service_img
{width: 150px;height: auto;margin: 15px auto;}
@media screen and (max-width: 568px)
{.sec.service .service_link_list .service_link_item .service_img
{width:80px;height:auto;margin:0 auto}
}
.sec.service .service_link_list .service_link_item .service_desc
{font-size:21px;font-weight:bold;line-height:calc(25 / 21);text-align:center}
@media screen and (max-width: 768px)
{.sec.service .service_link_list .service_link_item .service_desc
{font-size:18px;flex:1}
}
.sec.service .service_link_list .service_link_item .service_desc span
{display:block}
.sec.service .service_content
{padding-top:80px;padding-bottom:42px}
@media screen and (max-width: 768px)
{.sec.service .service_content
{padding-top:70px}
}
.sec.service .service_content .service_num_icon {width: 130px;height: auto;margin: 0 auto;}
@media screen and (max-width: 568px)
{.sec.service .service_content .service_num_icon
{width:64px;height:60px}
}
.sec.service .service_content h3
{font-size:34px;font-weight:bold;text-align:center;margin-bottom:20px}
@media screen and (max-width: 768px)
{.sec.service .service_content h3
{font-size:24px}
}
.sec.service .service_content .head_lv2
{display:flex;justify-content:center;align-items:center;margin-bottom:28px}
.sec.service .service_content .head_lv2 span
{font-weight:bold;line-height:1;background-color:#fff;border-radius:40px;padding:10px 45px}
@media screen and (max-width: 768px)
{.sec.service .service_content .head_lv2 span
{padding:10px 18px}
}
.sec.service .service_content .lead
{font-weight:bold;line-height:calc(30 / 20);text-align:center;margin-bottom:21px}
.sec.service .service_content .desc
{line-height:calc(25 / 16);letter-spacing:0.02em;text-align:center;margin-bottom:25px}
.sec.service .service_content_01
{background: linear-gradient(180deg, #fff 0%, #fff 70%, #FDF2EB 70%, #FDF2EB 100%);}
.sec.service .service_content_01 .head
{display:flex;justify-content:center;align-items:center;margin-bottom:25px}
.sec.service .service_content_01 .head span
{color:#fff;font-size:28px;font-weight:bold;line-height:1;text-align:center;background-color:#ED6B1A;padding:10px 25px}
@media screen and (max-width: 768px)
{.sec.service .service_content_01 .head span
{font-size:19px;padding:8px 15px}
}
.sec.service .service_content_01 .desc
{font-weight:bold}
.sec.service .service_content_01 .head_lv2 span
{color:#ED6B1A;border:1px solid #ED6B1A}
.sec.service .service_content_01 .service_content_block
{padding-top:30px;padding-bottom:60px}
.sec.service .service_content_01 .service_content_block+.service_content_block
{padding-top:60px}
@media screen and (max-width: 768px)
{.sec.service .service_content_01 .service_content_block+.service_content_block
{padding-top:40px;padding-bottom:20px}
}
.sec.service .service_content_01 .service_case_wrapper
{margin:0 calc(50% - 50vw)}
.sec.service .service_content_01 .service_case_wrapper .service_case
{width:100%}
.sec.service .service_content_01 .service_case_wrapper .service_case .case_card
{background-color:#fff;border-radius:10px;box-shadow:0 0 15px rgba(167,100,50,0.16);margin:0 8.5px}
.sec.service .service_content_01 .service_case_wrapper .service_case .case_card .thum
{position:relative;padding-top:calc(225 / 373 * 100%)}
.sec.service .service_content_01 .service_case_wrapper .service_case .case_card .thum img
{border-radius:10px 10px 0 0;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.sec.service .service_content_01 .service_case_wrapper .service_case .case_card .thum .pop
{color:#fff;font-weight:bold;line-height:1;background-color:#ED6B1A;border-radius:10px 0 10px 0;padding:10px 15px 10px 15px;position:absolute;top:0;left:0}
.sec.service .service_content_01 .service_case_wrapper .service_case .case_card .text_cont
{padding:15px 35px}
@media screen and (max-width: 768px)
{.sec.service .service_content_01 .service_case_wrapper .service_case .case_card .text_cont
{padding:12px 15px 20px}
}
.sec.service .service_content_01 .service_case_wrapper .service_case .case_card .text_cont h4
{font-weight:bold;line-height:calc(34 / 20);margin-bottom:15px}
.sec.service .service_content_01 .service_case_wrapper .service_case .case_card .text_cont dl
{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}
.sec.service .service_content_01 .service_case_wrapper .service_case .case_card .text_cont dl dt
{width: 30%;padding-right: 12px;text-align: left;}
@media screen and (max-width: 768px)
{.sec.service .service_content_01 .service_case_wrapper .service_case .case_card .text_cont dl dt
{padding-right:8px}
}
.sec.service .service_content_01 .service_case_wrapper .service_case .case_card .text_cont dl dt:not(:last-of-type)
{margin-bottom:10px}
.sec.service .service_content_01 .service_case_wrapper .service_case .case_card .text_cont dl dt span
{color:#ED6B1A;font-weight:bold;line-height:calc(20 / 14);border:1px solid #ED6B1A;border-radius:20px;padding:3px 10px}
.sec.service .service_content_01 .service_case_wrapper .service_case .case_card .text_cont dl dd
{width:65%;line-height:1.3}
@media screen and (max-width: 768px)
{.sec.service .service_content_01 .service_case_wrapper .service_case .case_card .text_cont dl dd
{width:calc(100% - 4.5em - 8px)}
}
.sec.service .service_content_01 .service_case_wrapper .service_case .case_card .text_cont dl dd:not(:last-of-type)
{margin-bottom:10px}
.sec.service .service_content_01 .service_package
{background-color:#fff;border-radius:10px;padding:40px 20px 70px}
@media screen and (max-width: 768px)
{.sec.service .service_content_01 .service_package
{padding:25px 10px 30px}
}
.sec.service .service_content_01 .service_package .inner
{width:95%;max-width:930px;margin:0 auto}
.sec.service .service_content_01 .service_package .img_package
{width:100%;max-width:919px;margin:0 auto 20px}
.sec.service .service_content_02
{background: linear-gradient(180deg, #fff 0%, #fff 50%, #FFF3D9 50%, #FFF3D9 100%);}
.sec.service .service_content_02 .service_doc_wrapper
{margin:0 calc(50% - 50vw)}
.sec.service .service_content_02 .service_doc
{width:100%}
.sec.service .service_content_02 .service_doc .doc_card
{background-color:#fff;border-radius:10px;box-shadow:0 0 15px rgba(167,100,50,0.16);margin:0 8.5px}
.sec.service .service_content_02 .service_doc .doc_card .thum
{position:relative;padding-top:calc(225 / 373 * 100%)}
.sec.service .service_content_02 .service_doc .doc_card .thum img
{border-radius:10px 10px 0 0;position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}
.sec.service .service_content_02 .service_doc .doc_card .text_cont
{padding:16px 27px 15px}
@media screen and (max-width: 768px)
{.sec.service .service_content_02 .service_doc .doc_card .text_cont
{padding:12px 15px 10px}
}
.sec.service .service_content_02 .service_doc .doc_card .text_cont p
{font-weight:bold;line-height:calc(34 / 20)}
.sec.service .service_content_03
{background: linear-gradient(180deg, #fff 0%, #fff 65%, #EAFFDE 65%, #EAFFDE 100%);padding-bottom:90px}
@media screen and (max-width: 768px)
{.sec.service .service_content_03
{padding-bottom:60px}
}
.sec.service .service_content_03 .head_lv2 span
{color:#2E78BE;border:1px solid #2E78BE}
.sec.service .service_content_03 .service_knowhow .knowhow_list
{max-width:1008px;margin:0 auto;display:flex;justify-content:space-between}
@media screen and (max-width: 768px)
{.sec.service .service_content_03 .service_knowhow .knowhow_list
{display:block}
}
.sec.service .service_content_03 .service_knowhow .knowhow_list .knowhow_item
{width:48%;max-width:464px;background-color:#fff;border-radius:10px;box-shadow:0 0 15px rgba(167,100,50,0.16);padding:20px 28px 22px}
@media screen and (max-width: 768px)
{.sec.service .service_content_03 .service_knowhow .knowhow_list .knowhow_item
{width:100%;max-width:600px;margin:0 auto;padding:15px 15px 20px}
.sec.service .service_content_03 .service_knowhow .knowhow_list .knowhow_item+.knowhow_item
{margin-top:20px}
}
.sec.service .service_content_03 .service_knowhow .knowhow_list .knowhow_item .knowhow_img
{width:182px;height:168px;object-fit:contain;margin:0 auto 12px}
@media screen and (max-width: 568px)
{.sec.service .service_content_03 .service_knowhow .knowhow_list .knowhow_item .knowhow_img
{width:160px;height:143px}
}
.sec.service .service_content_03 .service_knowhow .knowhow_list .knowhow_item .knowhow_head
{color:#2E78BE;font-weight:bold;line-height:calc(36 / 24);text-align:center;margin-bottom:15px}
.sec.service .service_content_03 .service_knowhow .knowhow_list .knowhow_item .knowhow_example
{background-color:#f2f6fa;border-radius:10px;padding:22px 18px}
@media screen and (max-width: 768px)
{.sec.service .service_content_03 .service_knowhow .knowhow_list .knowhow_item .knowhow_example
{padding:15px 10px}
}
.sec.service .service_content_03 .service_knowhow .knowhow_list .knowhow_item .knowhow_example .example_head
{font-weight:bold;text-align:center;padding-bottom:15px;border-bottom:1px solid #2E78BE}
@media screen and (max-width: 768px)
{.sec.service .service_content_03 .service_knowhow .knowhow_list .knowhow_item .knowhow_example .example_head
{padding-bottom:10px}
}
.sec.service .service_content_03 .service_knowhow .knowhow_list .knowhow_item .knowhow_example .example_list
{margin-top:22px}
@media screen and (max-width: 768px)
{.sec.service .service_content_03 .service_knowhow .knowhow_list .knowhow_item .knowhow_example .example_list
{margin-right:15px}
}
.sec.service .service_content_03 .service_knowhow .knowhow_list .knowhow_item .knowhow_example .example_list .example_item
{font-weight:bold;line-height:calc(26 / 18);padding-left:48px;background-repeat:no-repeat;background-size:41px;background-position:left center}
@media screen and (max-width: 768px)
{.sec.service .service_content_03 .service_knowhow .knowhow_list .knowhow_item .knowhow_example .example_list .example_item
{padding-left:35px;background-size:30px}
}
@media screen and (max-width: 568px)
{.sec.service .service_content_03 .service_knowhow .knowhow_list .knowhow_item .knowhow_example .example_list .example_item
{font-size:14px}
}
.sec.service .service_content_03 .service_knowhow .knowhow_list .knowhow_item .knowhow_example .example_list .example_item+.example_item
{margin-top:40px}
@media screen and (max-width: 768px)
{.sec.service .service_content_03 .service_knowhow .knowhow_list .knowhow_item .knowhow_example .example_list .example_item+.example_item
{margin-top:20px}
}
.sec.service .service_content_04
{background: linear-gradient(180deg, #fff 0%, #fff 65%, #E4EEF7 65%, #E4EEF7 100%);;padding-bottom:110px}
@media screen and (max-width: 768px)
{.sec.service .service_content_04
{padding-bottom:50px}
}
.sec.service .service_content_04 .head_lv2 span
{color:#2E78BE;border:1px solid #2E78BE}
.sec.service .service_content_04 .service_community .community_list
{max-width:1008px;margin:0 auto;display:flex;justify-content:space-between}
@media screen and (max-width: 768px)
{.sec.service .service_content_04 .service_community .community_list
{display:block}
}
.sec.service .service_content_04 .service_community .community_list .community_item
{width:48%;max-width:464px;background-color:#fff;border-radius:10px;box-shadow:0 0 15px rgba(167,100,50,0.16)}
@media screen and (max-width: 768px)
{.sec.service .service_content_04 .service_community .community_list .community_item
{width:100%;max-width:600px;margin:0 auto}
.sec.service .service_content_04 .service_community .community_list .community_item+.community_item
{margin-top:20px}
}
.sec.service .service_content_04 .service_community .community_list .community_item .community_img
{border-radius:10px 10px 0 0}
.sec.service .service_content_04 .service_community .community_list .community_item .community_head
{font-weight:bold;line-height:calc(30 / 22);text-align:center;padding:21px 0 30px}
.sec.service .service_content_04 .service_community .community_list .community_item .community_head span
{display:block;line-height:calc(30 / 16);text-align:center}
.about
{padding-top:90px;padding-bottom:90px;position:relative;overflow:hidden}
@media screen and (max-width: 768px)
{.about
{padding-bottom:155px}
}
.about::before,.about::after
{content:"";display:block;height:525px;background-repeat:no-repeat;background-size:contain;position:absolute;bottom:0;z-index:-1}
@media screen and (max-width: 768px)
{.about::before,.about::after
{background-position:bottom}
}
.about::before
{width:565px;right:75%}
@media screen and (max-width: 768px)
{.about::before
{width:300px;left:-100px}
}
@media screen and (max-width: 568px)
{.about::before
{width:220px}
}
.about::after
{width:816px;left:70%}
@media screen and (max-width: 768px)
{.about::after
{width:400px;right:0}
}
.about_text
{font-weight:bold;line-height:calc(32 / 18);text-align:center}
.about_text+.about_text
{padding-top:32px}
.about_lead
{font-weight:bold;line-height:calc(33 / 22);text-align:center;padding-top:28px}
.sec.sec_faq
{padding-top:187px;padding-bottom:136px}
@media screen and (max-width: 768px)
{.sec.sec_faq
{padding-top:60px;padding-bottom:60px}
}
dl.faq
{max-width:1040px;margin:0 auto;text-align:left}
dl.faq .faq_item+.faq_item
{margin-top:30px}
@media screen and (max-width: 768px)
{dl.faq .faq_item+.faq_item
{margin-top:20px}
}
dl.faq p
{display:inline}
@media screen and (max-width: 768px)
{dl.faq p
{display:block}
}
dl.faq span
{color:#fff;font-family:"Barlow","Arial","Helvetica",sans-serif;font-weight:bold;display:flex;justify-content:center;align-items:center;flex:0 0 auto;width:48px;height:48px;border-radius:48px;margin-right:14px}
@media screen and (max-width: 768px)
{dl.faq span
{width:30px;height:30px;margin-right:5px}
}
dl.faq dt
{cursor:pointer;font-weight:bold;padding:20px 0;background-color:#FDF2EB;border-radius:40px;padding:11px 15px;display:flex}
@media screen and (max-width: 568px)
{dl.faq dt
{border-radius:20px}
}
dl.faq dt span
{background-color:#ED6B1A}
dl.faq dt p
{font-size:22px;line-height:calc(30 / 22);padding:10px 35px 0 0;background-position:right 10px center;background-size:20px 20px;width:100%}
@media screen and (max-width: 768px)
{dl.faq dt p
{font-size:18px;padding-top:5px}
}
@media screen and (max-width: 568px)
{dl.faq dt p
{font-size:16px;background-position:right center;background-size:14px 14px}
}
dl.faq dt.open p
{background-position:right 10px center;background-size:20px 20px}
@media screen and (max-width: 568px)
{dl.faq dt.open p
{background-position:right center;background-size:14px 14px}
}
dl.faq dd
{display:none;line-height:calc(27 / 16);letter-spacing:0.05em}
dl.faq dd div.detail
{padding:18px 15px;display:flex}
@media screen and (max-width: 568px)
{dl.faq dd div.detail
{padding:10px 15px}
}
dl.faq dd div.detail span
{background-color:#F5A33B}
dl.faq dd div.detail a
{color:#ED6B1A;text-decoration:underline}