@charset "UTF-8";

/* -------------------------------------------
	common
---------------------------------------------- */

div#global_header { height: auto; border-bottom: 1px solid #f3f3f3; }
div#global_header .container { padding-bottom: 13px; }
div#global_header .dynamic_nav, div#global_header .function_nav ul { display: none; }
#content_footer, #global_footer .direct_nav { display: none; }
#stitle { padding: 24px 0 13px 0; }
a.bt:hover{opacity:.7;filter: alpha(opacity=70)}
.align_center{text-align: center;}
_::-webkit-full-page-media, _:future, :root body{font-family:"Lucida Grande","Hiragino Kaku Gothic Pro",Osaka,Verdana,"ＭＳ Ｐゴシック",sans-serif}
.dsim_wrapper { width: 100%; min-width: 1140px; color: #000; }
.melfa_contents_1col { width: 980px; margin: 0 auto; }

.main_visual_wrapper { background: rgb(239,239,239);background: -moz-linear-gradient(45deg, rgba(239,239,239,1) 50%, rgba(171,205,3,1) 50%);background: -webkit-linear-gradient(45deg, rgba(239,239,239,1) 50%, rgba(171,205,3,1) 50%);background: linear-gradient(45deg, rgba(239,239,239,1) 50%, rgba(171,205,3,1) 50%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#efefef",endColorstr="#abcd03",GradientType=1); height: 600px; overflow: hidden; }
.main_visual { background: url(../img/main_visual_bg.jpg)no-repeat; background-position: top center; padding: 20px 0 38px; position: relative; }
.main_visual .main_icon { position: relative;font-weight: bold; font-size: 71.43%; text-align: center; color: #fff; line-height: 2.4;}
.main_visual .main_icon em { font-size: 50%;vertical-align: 0.13em; }
.main_visual .main_title { font-size: 400%; font-weight: bold; text-align: center;line-height: 1em;}
.main_visual .main_title span.main_icon { display: inline-block;background: url(../img/icon_main.png)no-repeat;background-position: top 0px left 35px;background-size: 145px auto;width: 196px;height: 102px;text-align: center;margin: 0 auto;letter-spacing: 3px; }

.main_visual .main_subtitle { font-size: 150%; font-weight: bold; text-align: center; margin-top: 16px; }
.main_visual ul.main_list { margin-top: -1px; margin-left: 5px; display: inline-block; }
.main_visual .main_list li{ font-size: 282%;font-weight: bold;}
.main_visual .main_list li span:before { content: "●"; display: inline-block; position: absolute; left: 20px; font-size: 50%; top: 50%; transform: translateY(-50%);}
.main_visual .main_list li span { position: relative; display: block; text-align: center; padding: 8px 8px 8px 36px; }
.main_visual .main_list li.main_list01{ background: url(../img/bg_list01.png)no-repeat; background-position: top center; background-size: cover; width: 258px; height: 78px; }
.main_visual .main_list li.main_list02{ background: url(../img/bg_list02.png)no-repeat; background-position: top center; background-size: cover; width: 258px; height: 78px; }
.main_visual .main_list li+li { margin-top: 9px; }

.img_btn { text-align: center; }
.img_btn+.img_btn { margin-top: 12px; }

.btn_block { background-color: #dcdddd; padding: 28px 0 30px; }
.btn_text{ text-align: center; font-size: 299%; font-weight: bold; position: relative; margin-bottom: 5px; }
.btn_text:before { content: ""; display: inline-block; position: absolute; left: 50%; transform: translateX(-50%); top: 0; background: url(../img/bg_line01.png)no-repeat; background-position: top center; background-size: 365px auto; width: 365px; height: 56px; }

.solving_block { padding: 56px 0 220px; }
.solving_title { font-size: 255%; font-weight: bold; text-align: center;margin-bottom:20px; }
.solving_block .solving_leadtext { font-size: 125%; font-weight: bold; text-align: center;line-height: 1.875; }
.solving_block .has_3col { display: flex; justify-content: space-between; width: 917px; margin: 86px auto 0; }
.solving_block .has_3col .col { position: relative; border: 5px solid #505050; border-radius: 35px; width: 288px; padding: 78px 0 22px; }
.solving_block .has_3col .col+.col { margin-left: 20px;padding: 70px 0 22px; }
.solving_block .has_3col .col:before { content: ""; display: inline-block; position: absolute; left: 50%; transform: translateX(-50%); top: -28px; }
.solving_block .has_3col .software:before {  background: url(../img/icon_software.jpg)no-repeat; background-position: top center; background-size: 99px auto; width: 99px; height: 72px; background-color: #fff; padding: 0 3px; }
.solving_block .has_3col .require:before { background: url(../img/icon_require.png)no-repeat; background-position: top center; background-size: 52px auto; width: 52px; height: 75px; background-color: #fff; padding: 0 10px; }
.solving_block .has_3col .ai:before {background: url(../img/icon_ai.jpg)no-repeat; background-position: top center; background-size: 70px auto; width: 70px; height: 79px; top: -46px; background-color: #fff; padding: 0 10px; }
.solving_block .solving_text { text-align: center; font-size: 132.5%; font-weight: bold;line-height: 1.777777; }
.solving_block .solving_text span { background-color: #ffe700; display: inline-block;line-height: 1;padding: 3px;margin-bottom: 8px;letter-spacing: 0.05em; }

.easy_way_block { padding: 83px 0 34px; background-color: #abcd03; position: relative; }
.easy_way_block .profile_title { font-size: 150%; font-weight: bold; background: url(../img/profile_title_bg.png)no-repeat; background-position: top center; background-size: 624px auto; text-align: center;display: inline-block; position: absolute; left: 48.5%; transform: translateX(-50%); top: -148px; width: 624px; height: 148px; }
.easy_way_block .profile_title span { position: relative; top: 47px; left: -99px; }

.example_block { text-align: center; width: 931px; margin: 0 auto; }
.example_block .example_title { font-size: 183%; font-weight: bold; color: #fff; text-align: center; background-color: #000; border-top-right-radius: 23px; border-top-left-radius: 23px; display: inline-block; width: 284px; padding: 12px 0 5px; }
.example_block .example_title span { font-size: 81%; color: #abcd03;margin-right: 30px; }
.example_block .example_subtitle { font-size: 255%; font-weight: bold; padding-top: 20px; padding-bottom: 16px; border-bottom: 6px solid #000; }
.example_block .example_text { font-weight: bold; padding-top: 32px; line-height: 1.8; }
.example_block .under_example_block { border: 5px solid #000; background-color: #fff; border-radius: 35px; position: relative; }
.example_block .has_2col { display: flex; justify-content: space-between; padding: 42px 58px 28px 83px; position: relative; }
.example_block .has_2col .col { width: 349px; }
.example_block .under_subtitle { background-color: #f08300; color: #fff; font-size: 125%; font-weight: bold; border-top-left-radius: 20px; border-top-right-radius: 20px; padding: 3px 0 1px; }
.example_block .under_text { font-size: 139%; font-weight: bold; margin-top: 18px; line-height: 1.3; }
.example_block .has_2col .col.before .example_img_block { position: relative; margin-top: 16px; }
.example_block .has_2col .col.before .example_img_block .example_img { position: relative; left: 4px; }
.example_block .inner_img_text { font-size: 150%; font-weight: bold; position: absolute; right: 79px; bottom: 18px; }
.example_block .has_2col .col.after { position: relative; }
.example_block .has_2col .col.after .example_img_block { position: relative; }
.example_block .has_2col .col.after:after { content: ""; display: inline-block; position: absolute; left: -55px; top: 50%; transform: translateY(-50%); background: url(../img/bg_arw_lr.png)no-repeat; background-position: top center; background-size: 62px auto; text-align: center; width: 62px; height: 76px;}
.example_block .has_2col .col.after .example_img_block .example_img { position: relative; left: -10px; top: -4px; }
.example_block .under_example_block .circle_text { font-size: 115%; font-weight: bold; color: #fff; background: url(../img/bg_circle.png)no-repeat; background-position: top center; background-size: 146px auto; width: 146px;height: 144px; position: absolute; right: -26px; bottom: 206px; }
.example_block .under_example_text { font-size: 158%; font-weight: bold; color: #ea5504; margin-top: 27px; line-height: 1.4; }
.example_block .under_example_block .circle_text span { padding: 36px 0px; display: inline-block; line-height: 1.6; }
.example_block.example02 { margin-top: 72px; }
.example_block.example02 .example_text { padding-top: 25px; }
.example_block.example02 .has_2col { padding: 49px 59px 61px 83px; }
.example_block.example02 .under_text { letter-spacing: -0.04em; }
.example_block.example02 .has_2col .col.before .example_img_block .example_img { left: -17px; top: -34px; }
.example_block .example_talking_text_block { position: relative; }
.example_block .example_talking_text{ background: url(../img/bg_example_talk.png)no-repeat; background-position: top center; background-size: 348px auto; width: 348px;height: 89px; font-weight: bold; font-size: 97.5%; color: #535357; text-align: left;}
.example_block .example_talking_text span{ position: absolute; right: 21px; top: 10px; }
.example_block .talkig_list{ font-size: 85%; color: #fff; font-weight: bold; position: relative;}
.example_block .talkig_list li:nth-child(1) { position: absolute; left: 22px; top: -66px; }
.example_block .talkig_list li:nth-child(2) { position: absolute; left: 74px; top: -66px; }
.example_block .talkig_list li:nth-child(3) { position: absolute; left: 120px; top: -68px; line-height: 1; }
.example_block .caption_text_block { position: relative; }
.example_block .caption_text_block .inner_img_text { position: absolute; left: -108px; bottom: 2px; }
.example_block .caption_text_block .inner_img_text+.inner_img_text { position: absolute; right: -280px; bottom: 2px; }
.example_block.example02 .under_example_text { margin-top: 20px; }
.example_block.example02 .has_2col .col.after:after { top: 53%; }

.under_btn { margin-top: 42px; }
.under_btn .btn_text { font-size: 189%; margin-bottom: 10px; padding-top: 18px; }
.under_btn .btn_text:before { content: ""; display: inline-block; position: absolute; left: 50%; transform: translateX(-50%); top: 4px; background: url(../img/bg_line02.png)no-repeat; background-position: top center; background-size: 375px auto; width: 375px; height: 53px; }

.machine_learning_block { background-color: #fff8b2; padding: 45px 0 114px; text-align: center; }
.machine_learning_block .machine_title { font-size: 255%; font-weight: bold; }
.machine_learning_block .learning_block { position: relative; width: 480px; margin: 0 auto;}
.machine_learning_block .learning_img { margin-top: 34px; }
.machine_learning_block .learning_list { font-size: 158%; font-weight: bold; }
.machine_learning_block .learning_list li:nth-child(1) { position: absolute; left: 215px; top: 23px; }
.machine_learning_block .learning_list li:nth-child(2) { position: absolute; right: 90px; top: 69px; }
.machine_learning_block .learning_list li:nth-child(3) { position: absolute; right: 35px; top: 198px; }
.machine_learning_block .learning_list li:nth-child(4) { position: absolute; right: 85px; bottom: 70px; }
.machine_learning_block .learning_list li:nth-child(5) { position: absolute; right: 221px; bottom: 25px; }
.machine_learning_block .learning_list li:nth-child(6) { position: absolute; left: 85px; bottom: 70px; }
.machine_learning_block .learning_list li:nth-child(7) { position: absolute; left: 34px; top: 198px; }
.machine_learning_block .learning_list li:nth-child(8) { position: absolute; left: 85px; top: 74px; }

.step_block { padding-bottom: 19px; }
.step_block .step_title_block { position: relative; left: -24px; margin-top: -133px; text-align: center; }
.step_block .step_title { font-size: 180%; font-weight: bold; position: absolute; top: 80px; left: 315px; text-align: left; }
.step_block .down_arw_block { position: relative; text-align: center; width: 268px; margin: 34px auto 0; }
.step_block .inner_arw_text { font-size: 180%; font-weight: bold; position: absolute; top: 0px; left: 50%; transform: translateX(-50%); width: 268px; }
.data_block { padding: 30px 0px 6px; background-color: #fff8b2; display: flex; border-radius: 15px; width: 936px; margin: 29px auto 0;}
.data_block .data_img { margin-bottom: -40px; position: relative; left: 20px; top: -19px; }
.data_block .data_text { font-size: 186.25%; font-weight: bold; margin-left: 47px; position: relative; top: -13px; }
.data_block+.down_arw_block { margin-top: 40px; }
.data_block+.down_arw_block .inner_arw_text { top: 16px; }
.support_block { background-color: #fff8b2; padding: 30px 0; text-align: center; width: 936px; margin: 34px auto 0px; border-radius: 15px; }
.support_block .support_text { font-size: 186.25%; font-weight: bold; }
.support_block .support_list { font-size: 217.5%; font-weight: bold; color: #2e9f22; margin-top: 20px; }
.support_block .support_list li+li { margin-top: 5px; }
.support_block .support_profile_block { position: relative; }
.support_block .support_profile_block img { position: absolute; right: -21px; top: -322px; }
.support_block .support_profile_text { font-size: 150%; font-weight: bold; position: absolute; right: 6px; top: -300px; }