/* ==== tab ==== */
@media screen and (max-width:1024px){
.inner {width:100%; padding:0 3%;}
.pc {display:block;}
.tab {display:block;}
.mob {display:none;}
.pc_img {display:block !important;}
.mob_img {display:none !important;}

body,th,td,input,select,textarea,button {font-size:16px; line-height:28px;}

/* === Main === */
#wrap {position:relative; width:100%; min-width:auto; margin:0 auto; overflow:hidden;}

#header h1 {position:absolute; left:3%; top:22px;}
#header h1 a {display:block; width:100%; height:100%;}
#header h1 a img {width: 190px;}

#header .gnb {display:none;}


#header .tel {position: absolute; right: 9%; top: 25px;}


.navi {position: fixed; top:0; left:0; width: 100%; height:100%; background:rgba(0,0,0,.5); z-index:9999; display:none;}
.navi .navi_wrap {float: right; width: 45%; height:100%; background:#fff; display:block; position:relative; padding: 130px 3% 0;}
.navi .lnb h3 {font-size: 22px; line-height: 1; padding-bottom: 15px; width: 100%; font-weight: 600; margin-top: 40px; text-align: left; padding-left: 10px;}
.navi .lnb h3:first-child {margin-top: 0;}
.navi .lnb h3 a {color: #111; display:block; width:100%; height:100%;}
.navi .lnb h3.on a {color: #FF8A26;}
.navi .lnb .sub_navi {margin-top: 25px; padding-left: 15px;}
.navi .lnb .sub_navi li {margin-bottom: 3px; font-size: 18px; margin-bottom: 15px; font-weight: 500;}
.navi .lnb .sub_navi li:last-child {margin-bottom: 0;}
.navi .lnb .sub_navi li a {color: #777;}


.navi_btn {display:block; position:absolute; top:36px; right:3%; width:30px; height:23px; cursor:pointer; transition:0.3s ease-in-out; z-index:9999;}
.navi_btn span {position:absolute; left:0; display:block; width:30px; height:3px; background:#fff;  transition:0.3s ease-in-out 0.2s;}
.navi_btn span.line01 {top:0;}
.navi_btn span.line02 {top:10px;}
.navi_btn span.line03 {top:20px;}
.navi_btn.on {transform:rotate(-45deg); transition:0.3s ease-in-out 0.2s;}
.navi_btn.on span {top:50%; margin-top:-2px; transition:0.3s ease-in-out; background: #133379;} 

#main_visual .mv_list li .inner {left: 50%; top: 47%; max-width: auto;}
#main_visual .mv_list li .inner span {font-size: 26px; margin-bottom: 30px;}
#main_visual .mv_list li .inner h2 {font-size: 50px; line-height: 75px;}

#main_visual .mv_list .slick-dots {left: 3%; transform: none; bottom: 70px; width: 100%; max-width: auto;}


#con2 h2 {font-size: 40px;}
#con2 .c2_list {display: flex; justify-content: space-between; margin-bottom: 60px;}
#con2 .c2_list li {width: 49%; background: #fff; padding: 45px;}
#con2 .c2_list li span {display: block; font-size: 24px; font-weight: bold; color: #133379; line-height: 1; margin-bottom: 20px;}
#con2 .c2_list li p {font-size: 18px; line-height: 35px;}
#con2 img.con2_img {width: 100%;}


#con3 {width: 100%; height: auto; background: url('../images/main/con3_bg.jpg') no-repeat center center / cover; text-align: center; color: #fff; padding: 100px 0;}
#con3 span {font-size: 30px; font-weight: 500; margin-bottom: 20px; display: block;}
#con3 h2 {font-size: 50px; line-height: 1;}
#con3 > p {font-size: 22px; line-height: 42px; margin: 35px 0 60px;}


#footer {width: 100%; background: #191919; padding: 55px 0; letter-spacing: 0;}
#footer .inner {height: 100%; position: relative;}
#footer img.foot_logo {position: static; right: auto; top: auto; transform: none; width: 190px; margin-bottom: 30px;}
#footer .txt p:first-child {font-size: 16px; line-height: 35px; color: #A2A2A2;}
#footer .txt p:first-child span {margin: 0 12px;}
#footer .txt p.copyright {font-size: 16px; color: #fff; line-height: 1; margin-top: 25px;}


/* === Sub === */
#sub_visual {width: 100%; height: 380px; text-align: center; padding-top: 140px;}

#sub_visual h2 {font-size: 60px; line-height: 1; margin-top: 40px;}


/* === Sub 01 === */
#greet_wrap {padding-top: 100px;}
#greet_wrap .inner > span::after {content:''; width: calc(100% - 120px); height: 1px; background: #ddd; position: absolute; left: 120px; top: 10px;}
#greet_wrap .title h2 {display: block; vertical-align: inherit; width: 100%;  margin-bottom: 30px;}
#greet_wrap .title .txt {display: block; width: 100%;}


#greet_wrap .greet_bottom .g_list li {width: 100%; background: #fff; height: auto; border-radius: 35px; line-height: 1; margin-bottom: 15px; position: relative; padding: 30px 0;}
#greet_wrap .greet_bottom .g_list li:last-child {margin-bottom: 0;}
#greet_wrap .greet_bottom .g_list li em {text-align: center; position: static; left: auto; top: auto; display: block;}
#greet_wrap .greet_bottom .g_list li p {text-align: center; font-size: 18px; margin-top: 20px;}

#greet_wrap .greet_bottom .inner > p {font-size: 20px; line-height: 38px; color: #454545; text-align: center; margin-top: 70px;}

#organ_wrap {padding: 100px 0 180px;}
#organ_wrap > .inner > img {width: 100%; display: block; margin-bottom: 80px;}


#after_wrap .a_box {padding: 50px;}
#after_wrap .a_box p {font-size: 18px; line-height: 35px;}
#after_wrap .a_box p br {display: none;}

#after_wrap .a_list {display: flex; flex-wrap:wrap;}
#after_wrap .a_list li {width: 49%; margin-right: 2%; text-align: center; padding: 60px 40px; margin-top: 2%;}
#after_wrap .a_list li:nth-child(2n) {margin-right: 0;}
#after_wrap .a_list li:nth-child(-n+2) {margin-top: 0;}


#after_wrap .a_compete .a_con img {width: 40%;}
#after_wrap .a_compete .a_con .txt {width: 60%; padding-left: 4%;}
#after_wrap .a_compete .a_con .txt h4 {font-size: 26px; margin-bottom: 15px;}
#after_wrap .a_compete .a_con .txt p {font-size: 18px; line-height: 35px;}
#after_wrap .a_compete .a_con .txt p br {display: none;}


/* === Sub 02 === */
#product_wrap {padding: 100px 0 180px;}
#product_wrap h3 {font-size: 45px; text-align: center; line-height: 1; margin-bottom: 65px;}

.pd_table {width: 100%;}
.pd_table th {padding: 20px 0;}
.pd_table td {padding: 30px;}
.pd_table td:last-child {border-right: 0;}
.pd_table td.tit_01 {font-size: 22px;}
.pd_table td.tit_02 {font-size: 22px;}

.pd_table tr.price td {padding: 16px 0;}
.pd_table tr.price td span {color: #666; font-size: 16px; margin-right: 0;}
.pd_table tr.price td p::after {content:''; width: 150px; height: 9px; background: url(../images/sub/y_arrow.png) no-repeat center right; position: absolute; left: 0; top: 12px;}


#pro_de_wrap {padding: 120px 0 180px;}
.pd_top {font-size: 0; margin-bottom: 50px;}
.pd_top img {display: block; width: 100%;}
.pd_top .title {display: block; width: 100%; margin-top: 40px;}
.pd_top .title h3 {font-size: 35px; line-height: 55px; color: #133379; font-weight: normal; padding-left: 0; padding-bottom: 25px; margin-bottom: 25px; border-bottom: 1px solid #ddd;}
.pd_top .title p {font-size: 22px; line-height: 42px; color: #454545; padding-left: 0;}


/* === Sub 04 === */
.q_list li {margin-bottom: 25px;}
.q_list li:last-child {margin-bottom: 0;}
.q_list li .question {width: 100%; height: auto; min-height: 80px; border-radius: 40px; padding:20px 40px;}
.q_list li .question h4 {font-size: 22px; line-height: 38px; color: #133379; font-weight: 500;}

.q_list li .answer {padding: 40px; border-radius: 40px;}





}