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

.fs_14 {font-size:14px !important; transition: all .3s;}
.fs_16 {font-size:16px !important; transition: all .3s;}
.fs_18 {font-size:18px !important; transition: all .3s;}
.fs_20 {font-size:20px !important; transition: all .3s;}
.fs_24 {font-size:24px !important; transition: all .3s;}
.fs_26 {font-size:26px !important; transition: all .3s;}
.fs_30 {font-size:30px !important; transition: all .3s;}
.fs_36 {font-size:36px !important; transition: all .3s;}
.fs_40 {font-size:40px !important; transition: all .3s;}
.fs_42 {font-size:42px !important; transition: all .3s;}
.fs_48 {font-size:48px !important; transition: all .3s;}
.fs_50 {font-size:50px !important; transition: all .3s;}
.fs_54 {font-size:54px !important; transition: all .3s;}
.fs_60 {font-size:60px !important; transition: all .3s;}

.mb_10 {margin-bottom:10px !important}
.mb_20 {margin-bottom:20px !important}
.mb_30 {margin-bottom:30px !important}
.mb_50 {margin-bottom:50px !important}

.txt_l {text-align:left !important}
.txt_r {text-align:right !important}
.txt_c {text-align:center !important}
.fc_green {color:#8ec641 !important}

.none {display:none !important}

.main_visual {text-align:center; height:980px; position:relative; background-color:#000000; overflow: hidden; transition: all .3s;}
.main_visual .swiper-container {  width:100%;   height:100%; }
.main_visual .swiper-slide {position:relative; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.main_visual .swiper-pagination-bullet {margin:0px 4px !important;}
.main_visual .img_01 {background-image: url(../images/main_v_bg_01.png);}
.main_visual .img_02 {background-image: url(../images/main_v_bg_02.png);}
.main_visual .txt_box {position:absolute; top:20%; bottom:20%; left:50%; transform:translateX(-50%); width:100%; max-width:1340px; text-align: center;}
.main_visual .txt_box .txt {position:absolute; left:10px; right:10px; top:50%; transform: translateY(-50%);}
.main_visual .txt_box h1 {display:block; margin-bottom:20px; color:#ffffff; line-height:80px;}
.main_visual .txt_box h1 span {display:block;}
.main_visual .txt_box p {display:block; width:80%; margin:0px auto; margin-bottom:110px; color:#1d9bf5; text-align: center;}
.main_visual .txt_box a {display:inline-block; padding:0px 50px; line-height:56px; font-size:18px; color:#ffffff; text-align: center; background-color:transparent; border:2px solid #ffffff; border-radius:12px; box-sizing: border-box; transition: all .3s; }
.main_visual .txt_box a:hover {background-color:#1d9bf5; border:2px solid #1d9bf5;}

.page_dot {position:absolute; left:50%; bottom:20%; z-index: 1; display:inline-block; transform: translateX(-50%);text-align: center !important;}
.page_dot .swiper-pagination {position:relative;}
.page_dot .swiper-pagination-bullet {border:2px solid rgba(29,155,245,1); background-color: transparent; width:14px; height:14px !important; box-sizing: border-box;}
.page_dot .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color:rgba(29,155,245,1);}

.section_A  {background-color:#ffffff; padding:0px; text-align:center;}
.section_A .inner {position:relative; z-index:10; display:block; max-width:1200px; margin:0px auto; padding:100px 0px; text-align:center; transition: all .3s;}
.section_A h3 {display:block; margin-bottom:30px;}
.section_A h3 span {color:#1d9bf5}
.section_A ul {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; padding:50px 0px;}
.section_A ul li {width:30%; max-width:320px; transition: all .3s;}
.section_A ul li:before {content:''; display:inline-block; margin:0px auto; margin-bottom:40px; width:240px; height:240px; background-color: #1d9bf5; background-position: 50% 50%; background-repeat: no-repeat; border-radius: 50%; transition: all .3s;}
.section_A ul li:hover:before {background-color: #212121;}
.section_A ul li.li01:before {background-image:url(../images/section_A_i_01.png)}
.section_A ul li.li01:hover:before {background-image:url(../images/section_A_i_01_o.png)}
.section_A ul li.li02:before {background-image:url(../images/section_A_i_02.png)}
.section_A ul li.li02:hover:before {background-image:url(../images/section_A_i_02_o.png)}
.section_A ul li.li03:before {background-image:url(../images/section_A_i_03.png)}
.section_A ul li.li03:hover:before {background-image:url(../images/section_A_i_03_o.png)}
.section_A ul li b {display:block; margin-bottom:15px; color:#1d9bf5}
.section_A ul li p {color:#212121}

.section_B  {background-color:#f2f2f2; padding:0px; text-align:center;}
.section_B .inner {position:relative; z-index:10; display:block; max-width:1220px; margin:0px auto; padding:160px 10px; text-align:center; transition: all .3s;}
.section_B #slider {margin-bottom:30px;}
.section_B #carousel .slides li {padding-top:110px; margin-right:40px; position:relative; overflow: hidden;}
.section_B #carousel .slides li img {position:absolute; left:0px; top:0px;}

.section_B1  {background-color:#b19e9e; padding:0px; text-align:center;}
.section_B1 .inner {position:relative; z-index:10; display:block; max-width:1220px; margin:0px auto; padding:160px 10px; text-align:center; transition: all .3s;}

.section_C  {background-color:#ffffff; padding:0px; text-align:center;}
.section_C .inner {margin:0px auto; padding:160px 0px; padding-bottom:0px; text-align:center; }
.section_C .section_wrap {display:flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.section_C .img {width:50%; background:url(../images/section_C_i_01.png) no-repeat; background-size: cover;}
.section_C .txt_box {width:50%; background-color: #1d9bf5;}
.section_C .txt_inner {max-width:660px; padding:160px 0px 100px 100px; text-align: left; box-sizing: border-box;}
.section_C .txt_inner h3 {margin-bottom:50px; color:#222222; font-weight: 600;}
.section_C .txt_inner p {margin-bottom:40px; line-height:36px; font-weight: 100;}
.section_C .txt_inner p:last-child {margin-bottom:0px;}

.section_D {background-color:#ffffff; padding:0px; text-align:center;}
.section_D .inner {position:relative; display:block; max-width:1200px; margin:0px auto; padding:120px 0px;}
.section_D ul {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; padding:50px 0px;}
.section_D ul li {position:relative; margin-bottom:80px; padding:35px 30px; width:30%; max-width:360px; background-color:rgba(255,255,255,0); border:1px solid #dddddd; box-sizing: border-box; box-shadow:0px 0px 0px rgba(0,0,0,0); transition: all .3s;}
.section_D ul li h3 {display:block; padding-bottom:15px; color:#212121; border-bottom:1px solid rgba(255,255,255,.2); transition: all .3s}
.section_D ul li .icon {display:block; height:120px; background-position: 50% 50%; background-repeat: no-repeat; transition: all .3s;}
.section_D ul li .icon.icon_01 {background-image:url(../images/section_D_i_01.png)}
.section_D ul li .icon.icon_02 {background-image:url(../images/section_D_i_02.png)}
.section_D ul li .icon.icon_03 {background-image:url(../images/section_D_i_03.png)}
.section_D ul li .icon.icon_04 {background-image:url(../images/section_D_i_04.png)}
.section_D ul li .icon.icon_05 {background-image:url(../images/section_D_i_05.png)}
.section_D ul li .icon.icon_06 {background-image:url(../images/section_D_i_06.png)}
.section_D ul li div {padding:10px 0px;text-align:left;}
.section_D ul li div p {margin-bottom:20px; color:#666666; transition: all .3s;}
.section_D ul li:hover {background-color:rgba(250,250,250,1); box-shadow:10px 10px 10px rgba(0,0,0,.1);}

.section_E  {background-color:#f2f2f2; padding:0px; text-align:center;}
.section_E .inner {display:block; max-width:1200px; margin:0px auto; padding:160px 0px; text-align:center; }
.section_E ul {padding:30px 0px;}
.section_E ul li {position:relative; padding:30px 0px; padding-left:260px; min-height:130px; text-align: left;}
.section_E ul li:before {content:''; position:absolute; left:20px; top:50%; transform: translateY(-50%); width:150px; height:150px; background-color:#212121; background-position: 50% 50%; background-repeat: no-repeat; border-radius: 50%; transition: all .3s;}
.section_E ul li.li_01:before {background-image:url(../images/section_E_i_01.png);}
.section_E ul li.li_02:before {background-image:url(../images/section_E_i_02.png);}
.section_E ul li.li_03:before {background-image:url(../images/section_E_i_03.png);}
.section_E ul li:hover:before {background-color:#1b90e4;}
.section_E ul li.li_01:hover:before {background-image:url(../images/section_E_i_01_o.png);}
.section_E ul li.li_02:hover:before {background-image:url(../images/section_E_i_02_o.png);}
.section_E ul li.li_03:hover:before {background-image:url(../images/section_E_i_03_o.png);}
.section_E ul dl dt {padding:10px 0px; color:#222222; transition: all .3s}
.section_E ul dl dt span {color:#1b90e4}
.section_E ul dl dd {color:#666666; transition: all .3s}

.section_F {background-color:#ffffff; padding:0px; text-align:center;}
.section_F .inner {display:block; max-width:1200px; margin:0px auto; padding:160px 0px; text-align:center; }
.section_F .img_01 {padding:50px 0px;}
.section_F .img_01 img {max-width:100%}

.section_G {background:url(../images/section_G_bg.png) no-repeat; background-size: cover; ; padding:0px; text-align:center;}
.section_G .inner {display:block; max-width:1200px; margin:0px auto; padding:160px 0px; text-align:center; }
.section_G h3 {color:#212121; margin-bottom:20px;}
.section_G h3 span {color:#1d9bf5}
.section_G p {line-height:34px; color:#212121}
.section_G ul {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; padding-top:80px;}
.section_G ul li {margin:0px auto; margin-bottom:50px; max-width:341px;}
.section_G ul li img {max-width:100%; margin-bottom:30px;}
.section_G ul li b {display:block;}
.section_G ul li p {line-height:26px}

.section_H {background-color:#ffffff; padding:0px; text-align:center;}
.section_H .inner {position:relative; display:block; padding:120px 0px; padding-bottom:0px;}
.section_H .section_wrap {max-width:1300px; margin:0px auto; padding:50px 10px;}
.section_H .section_wrap ol {text-align:left; margin-bottom:60px;}
.section_H .section_wrap ol li {position:relative; padding-left:45px; line-height:40px; counter-increment: chapter; margin-bottom:30px;}
.section_H .section_wrap ol li:before {content:counter(chapter); position:absolute; left:0px; top:5px; width:30px; height:30px; line-height:30px; text-align: center; color:#ffffff; background-color:#212121; border-radius: 3px;}
.section_H .section_wrap .img_box {position:relative; display:inline-block; margin:0px auto; padding:40px 0px; margin-bottom:50px;}
.section_H .section_wrap .img_box img {max-width:100%;}
.section_H .section_wrap .img_box .img02 {display:none}
.section_H .section_wrap .img_box b {position:absolute; bottom:0px; transform: translateX(-50%); padding:0px 24px; height:30px; line-height:30px; font-size:16px; color:#ffffff; text-align: center; background-color:#1d9bf5; border-radius:10px;}
.section_H .section_wrap .img_box .b01 {left:14%;}
.section_H .section_wrap .img_box .b02 {left:37%;}
.section_H .section_wrap .img_box .b03 {left:63%;}
.section_H .section_wrap .img_box .b04 {left:85%;}
.section_H .section_wrap .img_box span {position:absolute; top:0px; transform: translateX(-50%); margin:0px; padding:0px 0px; height:30px; line-height:30px; font-size:14px; color:#212121; text-align: center;}
.section_H .section_wrap .img_box .s01 {left:5%;}
.section_H .section_wrap .img_box .s02 {left:27%;}
.section_H .section_wrap .img_box .s03 {left:50%;}
.section_H .section_wrap .img_box .s04 {left:74%;}
.section_H .section_wrap .img_box .s05 {right:-2%;}
.section_H .section_wrap2 {padding:60px 0px; background-color:#212121;}
.section_H .section_wrap2 ul {max-width:1300px; margin:0px auto; padding:20px 0px; padding-left:310px; background:url(../images/section_H_logo.png) 10px 50% no-repeat; box-sizing: border-box;}
.section_H .section_wrap2 ul li {position:relative; margin-bottom:25px; padding-left:40px; color:#ffffff; text-align: left;}
.section_H .section_wrap2 ul li:before {content:'∝'; position:absolute; left:0px; top:0px; width:30px; height:30px; line-height:30px; font-size:20px; color:#ffffff; text-align: center; background-color:#4d4d4d; border-radius: 3px;}
.section_H .section_wrap2 ul li:last-child {margin-bottom:0px;}

.section_I {background:url(../images/section_I_bg.png) no-repeat; background-size: cover; padding:0px; text-align:center;}
.section_I .inner {position:relative; display:block; max-width:1200px; margin:0px auto; padding:120px 0px}
.section_I ul {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; padding:60px 0px;}
.section_I ul li {display: inline-block;}
.section_I ul li:nth-child(2) {width:1px; background: url(../images/section_I_i_line.png) 50% 50% no-repeat;}
.section_I h3 {display: block; padding: 30px 10px; color:#ffffff; text-align: center; background-color:#212121; border-radius: 3px;}
.section_I ol {padding:30px 0px; max-width:970px; margin:0px auto; text-align: left;}
.section_I ol li {padding:5px 0px;}
.section_I ol li span {color:#1d9bf5}

.section_J {background-color:#ffffff; padding:0px; text-align:center;}
.section_J .inner {display:block; max-width:1300px; margin:0px auto; padding:160px 0px; text-align:center; }
.section_J .section_wrap {overflow: hidden;}
.section_J .section_wrap .img_wrap {float:left; width:48%}
.section_J .section_wrap .img_wrap .img {display:block; margin-bottom:40px; padding:18px; background-color:#ffffff; border:1px solid #d0d0d0; box-shadow:0px 10px 10px rgba(0,0,0,.15);}
.section_J .section_wrap .img_wrap .img img {max-width:100%;}
.section_J .section_wrap .txt {float:right; width:48%; text-align: left;}
.section_J .section_wrap p {line-height:30px; margin-bottom:30px;}
.section_J .section_wrap p b {display:inline-block; padding:0px 0px; /*width:200px;*/ height:34px; line-height:34px; color:#ffffff; text-align: center; background-color:#1d9bf5; border-radius: 3px;}

.section_K {background:url(../images/section_K_bg.png) no-repeat; background-size: cover; padding:0px; text-align:center;}
.section_K .inner {position:relative; display:block; max-width:1200px; margin:0px auto; padding:120px 0px}
.section_K .section_wrap {position:relative; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; min-height: 700px;}
.section_K .section_wrap:before {content:''; position: absolute; left:50%; top:50%; transform: translate(-70%,-50%); z-index: 0; width:400px; height:630px; background: url(../images/section_K_i_01.png) 50% 50% no-repeat; background-size: 100%;}
.section_K .section_wrap div {display:block; min-width:300px; text-align: left; position: relative; z-index: 1  ;}
.section_K .section_wrap div h3 {display:block; margin-bottom:45px; padding:0px 10px; height:60px; line-height:60px; color:#ffffff; text-align: center; background-color:#ff0000; border-radius: 3px;}
.section_K .section_wrap div p {margin-bottom:40px; line-height:36px;}
.section_K .section_wrap div p:last-child {color:#ff0000; text-decoration: underline;}
.section_K .section_wrap ol {display:block; max-width:420px; text-align: left; position: relative; z-index: 1  ;}
.section_K .section_wrap ol li {margin-bottom:30px; padding-left:48px;  counter-increment: chapter;}
.section_K .section_wrap ol li:before {content:counter(chapter); float:left; margin-left:-48px; margin-top: 5px; width:30px; height:30px; line-height:30px; text-align: center; color:#ffffff; background-color:#212121; border-radius: 3px;}
.section_K .section_wrap ol li:nth-child(2n):before {background-color:#1d9bf5}
.section_K .section_wrap ol li b {display: block;}
.section_K .section_wrap ol li span {color:#1b90e4}

.section_L {background-color:#ffffff; padding:0px; text-align:center;}
.section_L .inner {display:block; max-width:1200px; margin:0px auto; padding:160px 0px; text-align:center; }
.section_L ul {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.section_L ul li {display:block; margin:0px auto; margin-bottom:20px; width:280px; border:1px solid #dddddd}
.section_L ul li div {padding:40px 10px;}
.section_L ul li .icon {display:inline-block; margin-bottom:20px; width:120px; height:120px; background-color:#1d9bf5; background-position:50% 50%; background-repeat: no-repeat; border-radius:50%; transition: all .3s;}
.section_L ul li:hover .icon {background-color:#212121}
.section_L ul li b {display:block; margin-bottom:5px; color:#212121}
.section_L ul li p {display:block; color:#666666; line-height:22px;}
.section_L ul li.li_01 .icon {background-image:url(../images/section_L_i_01.png)}
.section_L ul li.li_02 .icon {background-image:url(../images/section_L_i_02.png)}
.section_L ul li.li_03 .icon {background-image:url(../images/section_L_i_03.png)}
.section_L ul li.li_04 .icon {background-image:url(../images/section_L_i_04.png)}
.section_L ul li.li_05 .icon {background-image:url(../images/section_L_i_05.png)}
.section_L ul li.li_06 .icon {background-image:url(../images/section_L_i_06.png)}
.section_L ul li.li_07 .icon {background-image:url(../images/section_L_i_07.png)}
.section_L ul li.li_08 .icon {background-image:url(../images/section_L_i_08.png)}
.section_L ul li.li_09 .icon {background-image:url(../images/section_L_i_09.png)}
.section_L ul li.li_10 .icon {background-image:url(../images/section_L_i_10.png)}
.section_L ul li.li_11 .icon {background-image:url(../images/section_L_i_11.png)}
.section_L ul li.li_12 {background:url(../images/section_L_i_logo.png) 50% 50% no-repeat}

.section_M  {background:url(../images/section_M_bg.png) no-repeat; background-size: cover; padding:0px; text-align:center;}
.section_M .inner {display:block; max-width:1340px; margin:0px auto; padding:160px 0px; text-align:center;}
.section_M h2 b {color:#1d9bf5;}
.chart__content {padding-left:0px; padding:50px 10px; overflow:hidden; }
.chart__content .chart-container {position:relative; float:left; margin-top:20px; margin-left:0px; margin:0px auto; margin-bottom:30px; width:45%; color:#fff; box-sizing: border-box; }
.chart__content .chart-container .chart_title {position: absolute; left:50%; top:50%; transform: translate(-50%,-50%);}
.chart__content .chart-container .chart_title b {display:inline-block; margin-bottom:10px; font-size:30px; color:#ffffff;}
.chart__content .chart-container .chart_title b span {display:block; font-size:18px;}
.chart__content .chart-container .chart_title p {font-size:14px; color:#ffffff;}
.chart__content .chart-container ul {position: absolute; left:50%; bottom:-60px; transform: translateX(-50%); width:100%; text-align:center; overflow: hidden;}
.chart__content .chart-container ul li {display:inline-block; margin:5px 8px; height:20px; line-height: 20px; font-size:12px; color:#ffffff; letter-spacing:0px; text-align: left;}
.chart__content .chart-container ul li:before {content:''; display: inline-block; margin-right:5px; width:10px; height:10px; }
.chart__content .chart-container ul li:nth-child(1):before {background-color:#89c122;}
.chart__content .chart-container ul li:nth-child(2):before {background-color:#01b3d7;}
.chart__content .chart-container ul li:nth-child(3):before {background-color:#a5a5a5;}
.chart__content .chart-container ul li:nth-child(4):before {background-color:#198f45;}
.chart__content .chart-container ul li:nth-child(5):before {background-color:#1073aa;}
.chart__content .chart-container ul li:nth-child(6):before {background-color:#8d57a5;}
.chart__content .chart-container ul li:nth-child(7):before {background-color:#ffe400;}
.chart__content .chart-container ul li:nth-child(8):before {background-color:#487be1;}
.chart__content .chart-container ul li:nth-child(9):before {background-color:#f361a6;}
.chart__content .chart__progressbars {float:right; width:50%; margin-left:0; margin-bottom:0; text-align:left; box-sizing: border-box; }
.chart__content .chart__progressbars li {padding-left:0px; margin-bottom:30px; }
.chart__content .chart__progressbars li.label {margin-bottom:7px; font-size:16px; font-weight: 500; color:#ffffff;}
.chart__content .chart__progressbars li.label span {font-size:30px; font-weight: 600;}
.chart__content .chart__progressbars li.label span:after {content:'%'; margin-left:3px; font-size:20px; font-weight: 100;}
.chart__content .chart__progressbars .progressbar{width:0%;height:15px;background:#fff}
.chart__content .chart__progressbars .progressbar:not(:last-child){margin-bottom:17px}

.section_N {background:url(../images/section_N_bg.png) no-repeat; background-size: cover; padding:0px; text-align:center;}
.section_N .inner {display:block; max-width:1340px; margin:0px auto; padding:130px 0px; padding-top:130px; text-align:center;}
.section_N section {display:block; max-width:900px; min-height:870px; margin:0px auto; padding:50px 0px;}
.section_N section dl {position:relative; display:flex; padding:15px 0px; text-align:left; line-height: 40px;}
.section_N section dl:before {content:''; position: absolute; left:165px; top:0px; bottom:0px; width:3px; background-color:#1d9bf5; opacity: .3;}
.section_N section dl:nth-child(1):before {top:40px;}
.section_N section dl dt {padding:5px 0px; width:150px; color:#212121; font-weight: 600;}
.section_N section dl dd {flex:1; position: relative; padding:5px 0px; padding-left:80px; columns: #212121; background: url(../images/section_N_i_01.png) left 10px no-repeat;}

.section_O  {background-color:#f5f5f4; padding:0px; text-align:center;}
.section_O .inner {display:block; max-width:1400px; margin:0px auto; padding:160px 0px; text-align:center; }
.section_O .list {display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
.section_O .list li {position:relative; margin:0px auto; margin-bottom:30px; padding-top:300px; padding-bottom:20px; width:320px; height:441px; background-color:#ffffff; box-shadow:3px 0px 10px rgba(0,0,0,.1), 10px 0px 30px rgba(0,0,0,.15); transition: all .3s; box-sizing: border-box;}
.section_O .list li .img {position:absolute; left:50%; top:30px; transform: translateX(-50%); width:238px; height:238px; border-radius: 50%; overflow: hidden;}
.section_O .list li .img img {position: absolute; top:50%; left:50%; transform: translate(-50%,-50%); }
.section_O .list li .txt {position:absolute; left:0px; top:300px; bottom:0px; right:0px; background-color:#484848; padding:24px 20px; text-align: left; box-sizing: border-box; transition: all .3s;}
.section_O .list li b {display:block; padding:5px 0px; color:#1d9bf5; text-align:left; letter-spacing:3px;}
.section_O .list li p {display:block; padding:0px 0px; color:#ffffff; text-align:left; font-weight: 100;}
.section_O .list li:hover .txt {background-color:#212121;}

@media only screen and (max-width:1400px) {
.main_visual {height:760px;}
.page_dot {bottom:5%; }
}

@media only screen and (max-width:1340px) {
.section_A .inner,
.section_B .inner,
.section_C .inner,
.section_D .inner,
.section_E .inner,
.section_F .inner,
.section_G .inner,
.section_I .inner,
.section_J .inner,
.section_K .inner,
.section_L .inner,
.section_M .inner,
.section_N .inner,
.section_O .inner {padding:50px 10px}

.section_C .txt_inner {padding:100px 30px 100px 30px; text-align: left; box-sizing: border-box;}

}

@media only screen and (max-width:1200px) {

.fs_14 {font-size:13px !important;}
.fs_16 {font-size:15px !important;}
.fs_18 {font-size:17px !important;}
.fs_20 {font-size:18px !important;}
.fs_24 {font-size:22px !important;}
.fs_26 {font-size:24px !important;}
.fs_30 {font-size:28px !important;}
.fs_36 {font-size:32px !important;}
.fs_40 {font-size:36px !important;}
.fs_42 {font-size:38px !important;}
.fs_48 {font-size:38px !important;}
.fs_50 {font-size:40px !important;}
.fs_54 {font-size:42px !important;}
.fs_60 {font-size:50px !important;}

.main_visual {height:620px;}
.section_B .inner {padding:50px 50px; }

}

@media only screen and (max-width:1000px) {
.fs_40 {font-size:34px !important;}
.fs_42 {font-size:36px !important;}
.fs_60 {font-size:44px !important;}
.main_visual {height:520px;}
.main_visual .swiper-slide {padding-top:60px;}
.main_visual .txt_box h1 {margin-bottom:10px; line-height:56px;}
.main_visual .txt_box a {padding:0px 40px; height:46px; line-height:44px; font-size:16px; }
.main_visual .txt_box p {margin-bottom:70px}

.section_D ul li {margin-bottom:40px; padding:25px 20px; width:32%;}

.section_H .section_wrap2 {padding:50px 0px; }
.section_H .section_wrap2 ul {padding-left:210px;}

}

@media only screen and (max-width:900px) {
.section_I ul {text-align: center;}
.section_I ul li {display: inline-block; margin:0px auto;}
.section_I ul li:first-child {margin-bottom:50px}
.section_I ul li:nth-child(2) {display: none;}

.section_K .section_wrap:before { opacity: .5;}
}


@media only screen and (max-width:800px) {

.fs_14 {font-size:12px !important;}
.fs_16 {font-size:14px !important;}
.fs_18 {font-size:16px !important;}
.fs_20 {font-size:18px !important;}
.fs_24 {font-size:20px !important;}
.fs_26 {font-size:22px !important;}
.fs_30 {font-size:24px !important;}
.fs_36 {font-size:26px !important;}
.fs_40 {font-size:30px !important;}
.fs_42 {font-size:34px !important;}
.fs_48 {font-size:34px !important;}
.fs_50 {font-size:34px !important;}
.fs_54 {font-size:36px !important;}
.fs_60 {font-size:40px !important;}

.main_visual {height:480px;}
.main_visual .txt_box h1 {margin-bottom:10px; line-height:46px;}
.main_visual .txt_box h1.fs_54 {font-size:30px !important;}
.main_visual .txt_box div a {padding:0px 30px; height:36px; line-height:34px; font-size:12px; }
.main_visual .txt_box p { width:100%; margin-bottom:40px}

.section_A ul li {width:100%; max-width:100%; margin-bottom:40px;}

.section_E ul li {padding:20px 0px; padding-left:180px;}
.section_E ul li:before {left:10px; width:120px; height:120px; }

.section_J .section_wrap .img_wrap {float:none; width:100%}
.section_J .section_wrap .txt {float:none; width:100%}

.chart__content .chart-container {float:none; width:100%; margin-bottom:100px; }
.chart__content .chart__progressbars {float:none; width:100%;}

}

@media only screen and (max-width:700px) {
  
.main_visual {height:420px;}

.section_C .img {width:100%; padding-top:70%;}
.section_C .txt_box {width:100%;}
.section_C .txt_inner {padding:40px 10px 40px 10px;}

.section_D ul li {margin-bottom:30px; padding:20px 20px; width:48%;}
.section_I ul li img {width:100%;}

.section_K .section_wrap {position:relative; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; min-height: 700px;}
.section_K .section_wrap:before { transform: translate(-50%,-50%); z-index: 0; width:400px; height:630px;}
.section_K .section_wrap div {margin:0px auto;}
.section_K .section_wrap ol {margin:0px auto}

.chart__content .chart-container {float:none; width:100%; margin-bottom:100px; }
.chart__content .chart__progressbars {float:none; width:100%;}

}  

@media only screen and (max-width:600px) {

.fs_14 {font-size:11px !important;}
.fs_16 {font-size:12px !important;}
.fs_18 {font-size:12px !important;}
.fs_20 {font-size:15px !important;}
.fs_24 {font-size:14px !important;}
.fs_26 {font-size:18px !important;}
.fs_30 {font-size:20px !important;}
.fs_36 {font-size:22px !important;}
.fs_40 {font-size:23px !important;}
.fs_42 {font-size:24px !important;}
.fs_48 {font-size:24px !important;}
.fs_50 {font-size:24px !important;}
.fs_54 {font-size:26px !important;}
.fs_60 {font-size:30px !important;}

.main_visual {height:380px;}
.main_visual .txt_box h1 {margin-bottom:10px; line-height:34px;}
.main_visual .txt_box h1.fs_54 {font-size:18px !important;}
.main_visual .txt_box p { width:50%; margin-bottom:20px; line-height:24px;}

.section_E ul li {padding:10px 0px; padding-left:160px;}

.section_F .img_01 {padding:50px 0px; display: none;}
.section_F .img_02 {padding:50px 0px; display: block !important;}
.section_F .img_02 img {max-width:100%}

.section_H .section_wrap .img_box {padding-right:120px; }
.section_H .section_wrap .img_box .img01 {display:none}
.section_H .section_wrap .img_box .img02 {display:inline-block}
.section_H .section_wrap .img_box b {left:auto !important; right:0px; bottom:auto; transform:none; padding:0px 0px; width:100px; text-align: center;}
.section_H .section_wrap .img_box .b01 {top:16.3%}
.section_H .section_wrap .img_box .b02 {top:36%}
.section_H .section_wrap .img_box .b03 {top:58%}
.section_H .section_wrap .img_box .b04 {top:77.5%}
.section_H .section_wrap .img_box span {position:absolute; top:0px; left:4% !important; right:auto !important; transform:none;}
.section_H .section_wrap .img_box .s01 {top:1%;}
.section_H .section_wrap .img_box .s02 {top:20%;}
.section_H .section_wrap .img_box .s03 {top:40%;}
.section_H .section_wrap .img_box .s04 {top:60%;}
.section_H .section_wrap .img_box .s05 {top:79%;}
.section_H .section_wrap2 ul {padding:20px 20px; padding-top:210px; background:url(../images/section_H_logo.png) 50% 0px no-repeat;}
}

@media only screen and (max-width:460px) {

.main_visual .txt_box h1 {line-height:20px;}
.main_visual .txt_box h1.fs_60 {font-size:18px !important;}
.main_visual .txt_box h1.fs_54 {font-size:18px !important;}
.main_visual .txt_box h1.fs_36 {font-size:18px !important;}
.main_visual .txt_box div a {padding:0px 20px; height:30px; line-height:30px; font-size:11px; }

.section_D ul li {margin-bottom:10px; padding:15px 10px; width:100%;}

}