@charset "utf-8";
@media screen and (min-width:641px) {
/* 汎用 */
a:hover img { opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb45 { margin-bottom: 45px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px; }
.mb70 { margin-bottom: 70px; }
.mb100 { margin-bottom: 100px; }
.mt30 { margin-top: 30px; }
.mr40 { margin-right: 40px; }
.tal { text-align: left; }
.tac { text-align: center; }
.tac img { margin-left: auto; margin-right: auto; }
.tar { text-align: right; }
.st { font-weight: bold; }
.fl { float: left; }
.fr { float: right; }
.fs12 { font-size: 12px; }
.fs16 { font-size: 16px; }
.fs18 { font-size: 18px; }
.lh2 { line-height: 2.0 }
/* TOP */
#top .sec01 .inner { width: 980px; margin: 0 auto; }
#top .sec01 .title { position: relative; }
#top .sec01 .title span { position: absolute; top: 57px; right: -5px; }
#top .sec01 .title span a { color: #003470; text-decoration: none; font-weight: bold; display: block; padding: 8px 36px; }
#top .sec01 .inner dl { padding: 0 0 0 29px; border-bottom: solid #cccccc 1px; padding: 14px 27px; }
#top .sec01 .inner dt { display: inline-block; color: #033472; font-weight: bold; }
#top .sec01 .inner .news_term { font-size: 12px; font-weight: bold; color: #fff; background: #ff8400; text-decoration: none; padding: 2px 12px; margin: 0 0 0 14px; }
#top .sec01 .inner .event_term { font-size: 12px; font-weight: bold; color: #fff; background: #356ca2; text-decoration: none; padding: 2px 12px; margin: 0 0 0 14px; }
#top .sec01 .inner .recruit_term { font-size: 12px; font-weight: bold; color: #fff; background: #53b418; text-decoration: none; padding: 2px 12px; margin: 0 0 0 14px; }
#top .sec01 .inner dd { display: inline-block; }
#top .sec01 .inner dd a { color: #010101; margin: 0 0 0 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: inline-block; width: 635px; vertical-align: middle; }
#top .sec02 { padding: 46px 0 46px; background: #003470; }
#top .sec02 .inner { width: 980px; margin: 0 auto; }
#top .sec03 { padding: 46px 0 40px; background: url(../images/youtube_bg.jpg) repeat; border-bottom: solid #033472 6px; }
#top .sec03 .inner { width: 854px; margin: 0 auto; }
#top .sec03 .youtube { border: solid #000 3px; height: 475px; }
#top .sec03 .sec03_bnr { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; padding: 36px 0 0px; }
#top .container .content .content01 { margin: 0 0 34px; }
#top .container .content .content01 .block { background: url(../images/content01_bg.jpg) repeat-y; padding: 0 0 28px; }
#top .container .content .content01 .block ul { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; padding: 0 18px; margin: 0 0 20px; }
#top .container .content .content01 .block ul li { width: 210px; background: #fff; padding: 0 0 13px; background: url(../images/right_btm_arrow.jpg) no-repeat right 5px bottom 5px #fff; }
#top .container .content .content01 .block .img_container { width: 180px; height: 114px; margin: 0 auto; }
#top .container .content .content01 .block .text a { color: #000; width: 131px; }
#top .container .content .content01 .block .text { width: 197px; margin: 0 auto; padding: 7px 0 0px; height: 63px; overflow: hidden; }
#top .container .content .content01 .block dl { width: 671px; margin: 0 auto; }
#top .container .content .content01 .block .text_add a { color: #000; font-size: 12px; }
#top .container .content .content01 .block .text_add { width: 670px; padding: 11px 13px 0px; height: 55px; overflow: hidden; background: #fff; margin: 0 0 20px; box-sizing: border-box; background: url(../images/right_btm_arrow.jpg) no-repeat right 5px bottom 5px #fff; }
#top .container .content .content02 { margin: 0 0 30px; position: relative; border: solid #003470 2px; }
#top .container .content .content02 span a { color: #fff; position: absolute; top: 19px; right: 0px; text-decoration: none; font-weight: bold; display: block; padding: 17px 25px; }
#top .container .content .content02 ul { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; background: #f9f9f9; padding: 0 16px 0px; }
#top .container .content .content02 li { width: 213px; /* border-bottom: solid #afafaf 1px; */ margin: 0 16px 42px 0; }
#top .container .content .content02 li:nth-child(3n) { margin: 0 0px 42px 0; }
#top .container .content .content02 .img_container { width: 200px; height: 128px; border: solid #fff 3px; }
#top .container .content .content02 .img { border: solid #d5d5d5 1px; width: 206px; }
#top .container .content .content02 li .title { color: #003470; font-weight: bold; padding: 7px 0 5px; }
#top .container .content .content02 .text { width: 210px; height: 63px; overflow: hidden; margin: 0 0 14px; }
#top .container .content .content02 .text a { font-size: 12px; color: #000; text-decoration: none; }
#top .container .content .content02 .btn a { color: #fff; font-weight: bold; text-decoration: none; background: url(../images/case_more_btn.jpg) no-repeat center; padding: 7px 48px; }
#top .container .content .content03 { margin: 0 0 10px; }
#top .container .content .content03 ul { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; }
#top .container .content .content03 ul li { margin: 0 0 20px; }
#top .container .content .content04 { margin: 0 0 30px; }
#top .container .content .content04 .block { border: solid #003470 1px; padding: 26px 13px 0px; }
#top .container .content .content04 .block ul { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; }
#top .container .content .content04 .block li { width: 334px; margin: 0 0 23px; }
#top .container .content .content04 .block li:nth-child(2n) { margin: 0 0 0 6px; }
#top .container .content .content04 .block .img { border: solid 1px #d5d5d5; width: 132px; height: 98px; }
#top .container .content .content04 .block .img_container { width: 128px; height: 94px; border: solid 2px #fff; }
#top .container .content .content04 .block figure { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; }
#top .container .content .content04 .block figcaption { width: 186px; }
#top .container .content .content04 .block .day { display: block; color: #033472; font-weight: bold; margin: 0 17px 0 0; }
#top .container .content .content04 .block .category { font-size: 12px; font-weight: bold; color: #fff; background: #ff8400; text-decoration: none; padding: 1px 12px; display: inline-block; margin-right: 3px; }
#top .container .content .content04 .block .text { padding: 9px 0 4px; width: 184px; height: 38px; overflow: hidden; }
#top .container .content .content04 .block .text a { color: #010101; }
#top .container .content .content04 .block .btn a { background: url(../images/double_icon.jpg) no-repeat left 0px center; padding: 0 0 0 24px; color: #010101; text-decoration: none; }
#top .container .content .content04 .block .archive_btn { text-align: center; font-weight: bold; margin: 0 auto 16px; padding: 13px 0; }
#top .container .content .content04 .block .archive_btn a { font-weight: bold; text-decoration: none; color: #fff; padding: 16px 0 16px 27px; width: 245px; display: inline-block; margin: 0 auto; /*background-color: #003470;*/ box-sizing: border-box; background: #003470 url(../images/double_arrow.jpg) no-repeat left 74px center; }
#top .container .content .content05 .block { margin: 0 0 30px; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; padding: 29px 0 0 13px; }
#top .container .content .content05 .block .text { width: 377px; line-height: 2; }
.container .content .content_btm_bnr { position: relative; }
.container .content .content_btm_bnr span { position: absolute; font-size: 24px; color: #fff; font-weight: bold; /* width: 145px; */ bottom: 14px; left: 124px; }
#top .sp_sec01, #top .sp_sec02 { display: none; }
/*slider*/
.bx-controls { display: none; }
.slide_bg { background: #3c3228; }
.slide_container { width: 100%; height: 100%; overflow-x: hidden; }
.slide_all { width: 974px; margin: 0 auto; height: 398px; position: relative; }
.slide_inner { width: 2922px; position: absolute; left: 50%; margin-left: -1473px; height: 398px; overflow: hidden; }
.slide_body { width: 100%; }
.slide { width: 974px; }
.slide img { width: 100%; vertical-align: bottom; }
.bx-wrapper .bx-viewport { border: 5px solid #3c3228 !important; left: 0px !important; background: #fff !important; -webkit-box-shadow: none !important; box-shadow: none !important; }
#bx-pager { background: #3c3228 !important; padding: 22px 0px; text-align: center; }
#bx-pager a { margin: 0 13px 0 0; }
.slide_container .active-slide { opacity: 1 !important; border-right: solid 5px #000; border-left: solid 5px #000; }
.slide_container .slide { opacity: 0.5; }
/*about*/
#about .sub_title { background: url(../images/about/titile_bg.jpg) no-repeat center; font-size: 18px; color: #fff; font-weight: bold; padding: 7px 0 6px 37px; margin: 0 0 14px; }
#about .sec03_inner { background: url(../images/about/content_bg.jpg) repeat-y; padding: 0 55px 0; }
#about .text { line-height: 2; }
#about .red_text { line-height: 2; font-size: 18px; font-weight: bold; color: #e60012; }
#about .sec03_inner .box { background: #fff; border: solid 2px #d5d5d5; padding: 14px 20px; margin: 0 0 5px; }
#about .sec03_inner .box li { color: #e60012; font-weight: bold; margin: 0 0 5px; }
#about .sec03_inner .box li:before { content: url(../images/about/dot.jpg); margin: 0 15px 0 0; }
#about .sec03_inner .box_second li { font-size: 26px; margin: 0; text-align: center; }
#about .sec03_inner .box_second li:before { content: none; }
#about .sec04_inner { background: url(../images/about/content_bg.jpg) repeat-y; padding: 0 55px 0; }
#about .sub_title { background: url(../images/about/title_bg.jpg) no-repeat; font-size: 18px; color: #fff; font-weight: bold; padding: 11px 0 28px 37px; /* margin: 0 0 14px; */ line-height: 1.3; }
#about .sub_title_line_2 { background: url(../images/about/title2_bg.jpg) no-repeat; font-size: 18px; color: #fff; font-weight: bold; padding: 15px 0 28px 37px; /* margin: 0 0 14px; */ line-height: 1.3; }
#about iframe { width: 560px; padding: 14px 0 0px; margin: 0 0 0 13px; }
#about .block_iframe { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 20px; }
#about .block_iframe iframe { width: 270px; }
#about .sec04 .block { background: #fff; border: solid 2px #d5d5d5; width: 590px; margin: 0 0 47px; padding: 26px 20px 0; box-sizing: border-box; }
#about .sec04 .block .title { font-size: 20px; color: #ffe500; text-align: center; background: url(../images/about/stripe_bg.jpg) no-repeat; padding: 5px 0; font-weight: bold; margin: 0 0 12px; }
#about .sec04 .block .img img { vertical-align: middle; }
#about .sec04 .block .img span { font-size: 16px; color: #e60012; font-weight: bold; vertical-align: top; background: url(../images/about/red_bg01.jpg) no-repeat left; padding: 7px 25px 2px 45px; vertical-align: super; }
#about .sec04 .block .box3 .img img { vertical-align: middle; }
#about .sec04 .block .box3 .img span { font-size: 16px; color: #e60012; font-weight: bold; background: url(../images/about/red_bg02.jpg) no-repeat left; padding: 6px 25px 2px 34px; vertical-align: super; }
#about .sec04 .block .box4 .img { width: 337px; display: inline-block; }
#about .sec04 .block .box4 .heite { font-size: 16px; color: #e60012; font-weight: bold; background: url(../images/about/red_bg03.jpg) no-repeat left; padding: 5px 33px 6px 55px; vertical-align: top; display: inline-block; }
#about .sec04 .block .box5 .title { font-size: 20px; color: #ffe500; text-align: center; background: url(../images/about/blue_stripe_bg.jpg) no-repeat; padding: 5px 0; font-weight: bold; margin: 0 0 12px; }
#about .sec04 .block .box5 .img img { vertical-align: middle; }
#about .sec04 .block .box5 .img span { font-size: 16px; color: #e60012; font-weight: bold; background: url(../images/about/red_bg04.jpg) no-repeat left; padding: 6px 19px 2px 24px; vertical-align: super; }
#about .sec04 .block_2 { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; }
#about .sec04 .block_2 .small_title { background: url(../images/about/small_title_bg.jpg) no-repeat; font-size: 18px; color: #fff; font-weight: bold; padding: 8px 0 5px 24px; margin: 0 0 17px; }
#about .sec04 .block_2 .box { width: 285px; }
#about .sec04 .block_2 .img_container { width: 278px; height: 157px; border: solid #fff 3px; }
#about .sec04 .block_2 .img_surround { border: solid #d5d5d5 1px; width: 285px; margin: 0 0 10px; }
#about .sec05 { margin: 0 0 53px; }
#about .sec05_inner { background: url(../images/about/content_bg.jpg) repeat-y; padding: 0 55px 0; }
#about .sec05_inner .sub_title span { font-size: 18px; color: #fee403; font-weight: bold; }
#about .sec05_inner .sub_title { font-size: 18px; font-weight: bold; padding: 7px 0 6px 22px; margin: 0 0 16px; }
#about .sec05_inner .red_text { line-height: 2; font-size: 14px; font-weight: bold; color: #e60012; }
#about .sec05_inner .img { border: solid 1px #d5d5d5; width: 246px; height: 161px; }
#about .sec05_inner .img_container { width: 240px; height: 155px; border: solid 3px #fff; }
#about .sec05_inner .block { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; padding: 0 0 30px; }
#about .sec05_inner .block:nth-child(6) { padding: 0 0 0px; }
#about .sec05_inner .right_box { width: 334px; }
#about .sec06 .block { border: solid #ff8400 2px; width: 699px; padding: 23px 25px; box-sizing: border-box; }
#about .sec06 ul { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; }
#about .add_block { margin: 0 0 57px; }
#about .add_block_inner { background: url(../images/about/content_bg.jpg) repeat-y; padding: 32px 55px 27px; }
#about .add_block .note { margin: 0 0 15px; }
#about .add_block .note li { color: #e60012; font-weight: bold; line-height: 2; }
#about .add_block .sub_title01 { color: #033472; font-weight: bold; font-size: 18px; border-bottom: solid 2px; margin: 0 0 12px; }
#about .add_block .security { margin: 0 0 20px; }
#about .add_block .security li { line-height: 2; }
#about .add_block .red_text01 { line-height: 2; margin: 0 0 24px; color: #e60012; font-weight: bold; }
#about .add_block .point_title { color: #fee303; font-size: 20px; font-weight: bold; background: url(../images/corporation/point_bg.jpg) no-repeat; padding: 9px 0 4px 61px; }
#about .add_block .point_box { background: #fff; border: solid 2px #d5d5d5; border-top: none; padding: 23px 6px; }
#about .add_block .point_box .text { width: 544px; margin: 0 auto 11px; }
#about .add_block .example_title { background: url(../images/corporation/example_bg.jpg) no-repeat center; text-align: center; font-size: 22px; font-weight: bold; color: #033472; padding: 4px 0 0; letter-spacing: 2px; margin: 0 0 16px; }
#about .add_block .example_title span { font-size: 22px; font-weight: bold; color: #fff; letter-spacing: 2px; margin: 0 0 0 5px; }
/*corporation*/
#corporation .harm_title { position: relative; }
#corporation .harm_title span { position: absolute; top: 26px; left: 27px; color: #fff; width: 453px; line-height: 1.8; }
#corporation .sec03 .arrow_title { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
#corporation .sec03 .inner { background: url(../images/corporation/content_bg.jpg) repeat-y; padding: 0 56px; }
#corporation .sec03 .inner>.title { color: #ffe500; font-size: 18px; font-weight: bold; text-align: center; background: #356ca2; padding: 8px 0; margin: 0 0 10px; }
#corporation .sec03 .inner>.text { margin: 0 0 18px; }
#corporation .sec03 .inner .red_text { color: #e60012; font-weight: bold; }
#corporation .sec03 .inner .disease_block ul { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
#corporation .sec03 .inner .disease_block li { width: 295px; background: #fff; border: solid #dcdcdc 1px; }
#corporation .sec03 .inner .disease_block li:nth-child(1) { border-right: none; }
#corporation .sec03 .inner .disease_block .title { font-size: 16px; color: #fff; background: #505050; padding: 3px 0 3px 20px; }
#corporation .sec03 .inner .disease_block .text { padding: 14px 19px; line-height: 1.8; }
#corporation .sec03 .inner .disease_block02 { padding: 13px 0 0; }
#corporation .sec03 .inner .disease_block02 ul { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
#corporation .sec03 .inner .disease_block02 li { width: 196px; background: #fff; border: solid #dcdcdc 1px; }
#corporation .sec03 .inner .disease_block02 li:nth-child(1), #corporation .sec03 .inner .disease_block02 li:nth-child(2) { border-right: none; }
#corporation .sec03 .inner .disease_block02 .title { font-size: 16px; color: #fff; background: #505050; padding: 3px 0 3px 20px; }
#corporation .sec03 .inner .disease_block02 .text { padding: 14px 19px; line-height: 1.8; }
#corporation .reason_title { position: relative; }
#corporation .reason_title span { position: absolute; top: 331px; left: 27px; color: #000; width: 436px; line-height: 1.8; }
#corporation .reason_title span a { color: #3872a7; font-weight: bold; }
#corporation .sec04>.inner { background: url(../images/corporation/content_bg02.jpg) repeat-y; padding: 0 49px; }
#corporation .sec04 .inner .box1 { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; margin: 0 0 24px; }
#corporation .sec04 .inner .box1 .img_container { width: 250px; height: 296px; }
#corporation .sec04 .inner .box1 .right_box { width: 336px; }
#corporation .sec04 .inner .box1 .right_box p { line-height: 1.8; }
#corporation .sec04 .inner .box2 { width: 600px; border-top: none; }
#corporation .sec04 .point_title { color: #fee303; font-size: 20px; font-weight: bold; background: url(../images/corporation/point_bg.jpg) no-repeat; padding: 9px 0 4px 61px; }
#corporation .sec04 .inner .box2 .inner { padding: 26px 25px; background: #fff; */ width: 600px; border: solid 2px #d5d5d5; margin: 0 0 32px; }
#corporation .sec04 .inner .box2 .inner .text { line-height: 1.8; margin: 0 0 27px; }
#corporation .sec04 .inner .box2 .example_title { background: url(../images/corporation/example_bg.jpg) no-repeat center; text-align: center; font-size: 22px; font-weight: bold; color: #033472; padding: 6px 0 2px; letter-spacing: 2px; margin: 0 0 16px; }
#corporation .sec04 .inner .box2 .example_title span { font-size: 22px; font-weight: bold; color: #fff; letter-spacing: 2px; margin: 0px 0 0 5px; }
#corporation .sec04 .inner .box2 .example_img { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; margin: 0 0 24px; }
#corporation .sec04 .inner .box2 .example_img li { }
#corporation .sec04 .inner .box2 .example_img .title { font-weight: bold; color: #033472; margin: 0 0 5px; }
#corporation .sec04 .inner .box2 .describe_text { line-height: 1.8; background: #f3f3f3; padding: 17px 12px; margin: 0 0 19px; }
#corporation .sec04 .inner .box2 .inner>.text { line-height: 1.8; margin: 0 0 9px; }
#corporation .sec04 .inner .box2 .note { margin: 0 0 15px; }
#corporation .sec04 .inner .box2 .note li { color: #e60012; font-weight: bold; line-height: 2; }
#corporation .sec04 .inner .box2 .sub_title { color: #033472; font-weight: bold; font-size: 18px; border-bottom: solid 2px; margin: 0 0 12px; }
#corporation .sec04 .inner .box2 .security { margin: 0 0 20px; }
#corporation .sec04 .inner .box2 .security li { line-height: 2; }
#corporation .sec04 .inner .box2 .add_describe { line-height: 2; margin: 0 0 30px; }
#corporation .sec04 .inner .box2 .red_text { line-height: 2; margin: 0 0 24px; color: #e60012; font-weight: bold; }
#corporation .sec04 .inner .box2 .point_box { background: #fff; border: solid 2px #d5d5d5; border-top: none; margin: 0 0 33px; padding: 23px 6px; }
#corporation .sec04 .inner .box2 .point_box .text { width: 544px; margin: 0 auto 11px; }
#corporation .sec04 .inner .box2 .case_list .dot:before { content: url(../images/corporation/dot.jpg); margin: 0 8px 0 0; }
#corporation .sec04 .inner .box2 .case_list li { line-height: 1.8; }
#corporation .case_voice ul { margin: 0 0 46px; }
#corporation .superman_pic { margin: 0 0 30px -28px; }
#corporation .difficult_burn_block { border: solid #ff8400 3px; border-top: none; width: 700px; box-sizing: border-box; padding: 12px 0 0; }
#corporation .difficult_burn_block .difficult_burn_ttl_box { background: url(../images/corporation/difficult_burn_bg.jpg)no-repeat top center; padding: 0 0 21px; }
#corporation .difficult_burn_block .difficult_burn_ttl { text-align: center; padding: 21px 0 2px; }
#corporation .difficult_burn_block .difficult_burn_ttl_text { color: #fff; text-align: center; }
#corporation .difficult_burn_block .difficult_burn_youtube { text-align: center; padding: 21px 0; }
#corporation .difficult_burn_block .difficult_burn_youtube iframe { }
.box1_card { border: 3px solid #033371; box-sizing:border-box; margin: 50px auto; text-align: center; color: #033472; font-weight: bold; font-size: 18px;}
.card_title{ margin-top: 20px; font-weight: bold; }
/*customer*/
#customer .sec02 ul { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; }
#customer .sec02 .text { position: absolute; bottom: 26px; left: 21px; line-height: 1.8; }
#customer .sec02 .red_text { color: #e60012; font-weight: bold; }
#customer .sec02 .example { position: relative; }
#customer .harm_title { position: relative; }
#customer .harm_title span { position: absolute; top: 25px; left: 27px; color: #fff; width: 453px; line-height: 1.8; }
#customer .sec03 .arrow_title { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
#customer .sec03 .inner { background: url(../images/corporation/content_bg.jpg) repeat-y; padding: 0 56px; }
#customer .sec03 .inner>.title { color: #ffe500; font-size: 18px; font-weight: bold; text-align: center; background: #356ca2; padding: 8px 0; margin: 0 0 10px; }
#customer .sec03 .inner>.text { margin: 0 0 18px; }
#customer .sec03 .inner .red_text { color: #e60012; font-weight: bold; }
#customer .sec03 .inner .disease_block ul { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
#customer .sec03 .inner .disease_block li { width: 295px; background: #fff; border: solid #dcdcdc 1px; }
#customer .sec03 .inner .disease_block li:nth-child(1) { border-right: none; }
#customer .sec03 .inner .disease_block .title { font-size: 16px; color: #fff; background: #505050; padding: 3px 0 3px 20px; }
#customer .sec03 .inner .disease_block .text { padding: 14px 19px; line-height: 1.8; }
#customer .sec03 .inner .disease_block02 { padding: 13px 0 0; }
#customer .sec03 .inner .disease_block02 ul { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
#customer .sec03 .inner .disease_block02 li { width: 196px; background: #fff; border: solid #dcdcdc 1px; }
#customer .sec03 .inner .disease_block02 li:nth-child(1), #customer .sec03 .inner .disease_block02 li:nth-child(2) { border-right: none; }
#customer .sec03 .inner .disease_block02 .title { font-size: 16px; color: #fff; background: #505050; padding: 3px 0 3px 20px; }
#customer .sec03 .inner .disease_block02 .text { padding: 14px 19px; line-height: 1.8; }
#customer .sec04 .reason_title { position: relative; }
#customer .sec04 .reason_title span { position: absolute; top: 207px; left: 27px; color: #fff; width: 432px; line-height: 1.8; }
#customer .sec04 .inner { background: url(../images/corporation/content_bg.jpg) repeat-y; padding: 0 55px 0; }
#customer .sec04 .inner .text { padding: 0 0 15px; }
#customer .sec04 .inner .box .right_box { width: 320px; }
#customer .sec04 .inner .box .right_box .title { font-size: 16px; font-weight: bold; color: #fff; background: #356ca2; padding: 7px 21px; margin: 0 0 14px; }
#customer .sec04 .inner .box .right_box .text { line-height: 2; }
#customer .sec04 .inner .text02 { line-height: 2; }
#customer .sec04 .inner .text02 a { color: #3872a7; font-weight: bold; }
#customer .case_voice ul { margin: 0 0 50px; }
#customer .point_title { color: #fee303; font-size: 20px; font-weight: bold; background: url(../images/corporation/point_bg.jpg) no-repeat; padding: 9px 0 4px 61px; margin: 0 0 20px; }
#customer .add_title { color: #fff; font-size: 18px; font-weight: bold; background: url(../images/customer/add_sub_title_bg.jpg) no-repeat; padding: 9px 0 4px 34px; margin: 0 0 20px; }
#customer .point_block { background: #fff; border: solid 2px #ddd; padding: 12px 22px; margin: 0 0 41px; }
#customer .point_block li { color: #e60012; font-weight: bold; line-height: 2; background: url(../images/customer/dot_icon.jpg) no-repeat left center; padding: 0px 0 0 20px; }
#customer .sec04 .inner .box .pic { width: 282px; height: 195px; background: #fff; padding: 3px; box-sizing: border-box; border: solid 1px #ddd; position: relative; }
#customer .sec04 .inner .box .pic .orange_icon { position: absolute; top: 9px; left: 12px; color: #fff; font-weight: bold; background: #ff8400; padding: 3px 5px; }
#customer .sec04 .inner .box .red_icon { position: absolute; top: 78px; left: 146px; }
#customer .sec04 .inner .box .red_icon span { position: absolute; top: 55px; left: 72px; color: #fff; font-weight: bold; padding: 3px 5px; font-size: 18px; letter-spacing: -1px; }
#customer .sec04 .inner .box .red_icon02 { position: absolute; top: 78px; left: 146px; }
#customer .sec04 .inner .box .red_icon02 span { position: absolute; top: 59px; left: 86px; color: #fff; font-weight: bold; padding: 3px 5px; font-size: 18px; letter-spacing: -1px; }
#customer .sec04 .inner .box { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; margin: 0 0 14px; position: relative; }
#customer .sec04 .inner .add_text { margin: 0 0 19px; }
#customer .sec04 .inner .note_text { margin: 0 0 19px; }
#customer .sec04 .inner .note_text li { line-height: 2; }
#customer .sec04 .inner .note_text .red_text { color: #e60012; font-weight: bold; }
.box2_card { border: 3px solid #033371; box-sizing:border-box; margin: 50px auto 0; text-align: center; color: #033472; font-weight: bold; font-size: 18px;}
/*product*/
#product .sec01 .text { line-height: 1.8; margin: 0 0 16px 18px; }
#product .sec02 { margin: 0 0 66px; }
#product .sub_title { background: url(../images/product/title_bg.jpg) no-repeat; font-size: 20px; font-weight: bold; color: #fff; text-align: center; padding: 10px 0; }
#product .sec02 .box { border: solid 1px #03397e; width: 699px; padding: 16px 24px; box-sizing: border-box; line-height: 1.8; background: url(../images/product/human_bg.jpg) no-repeat bottom right 42px; }
#product .sec02 .box span { color: #ff8400; font-size: 20px; font-weight: bold; }
#product .sec03 { margin: 0 0 35px; }
#product .sec03 .inner { position: relative; }
#product .sec03 .inner .title { background: #356ca2; padding: 11px 26px; width: 648px; }
#product .sec03 .inner .title li { color: #fee403; font-size: 18px; font-weight: bold; }
#product .sec03 .inner .orange_text { color: #ff8400; font-size: 16px; font-weight: bold; padding: 22px 0 0px; }
#product .plus_btn { display: block; width: 28px; height: 50px; line-height: 50px; cursor: pointer; background: url(../images/product/minus_icon.jpg) no-repeat; padding-right: 15px; position: absolute; top: 12px; right: 9px; }
#product .active { background: url(../images/product/plus_icon.jpg) no-repeat; }
#product .answear { display: none; width: 642px; margin: 0 auto; line-height: 2; padding: 0px 0 17px; }
#product .sec04 { margin: 0 0 56px; }
#product .blue_title { background: url(../images/product/blue_title_bg.jpg) no-repeat; font-size: 18px; font-weight: bold; color: #fff; padding: 10px 30px; margin: 0 0 20px; }
#product .sec04 .title { font-size: 20px; font-weight: bold; border-bottom: solid #033472 2px; padding: 0 0 6px; }
#product .sec04 .new { font-size: 10px; font-weight: bold; background: #e60012; color: #fff; padding: 3px 9px; margin: 0 11px 0 0; vertical-align: middle; }
#product .sec04 .small_text { font-weight: bold; vertical-align: middle; }
#product .sec04 .block { border: solid #d5d5d5 2px; width: 697px; padding: 24px 16px 9px; box-sizing: border-box; margin: 0 0 19px; }
#product .sec04 .box { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; padding: 16px 0 0; }
#product .sec04 .right_box { width: 387px; }
#product .sec04 .right_box .bold_text { font-weight: bold; }
#product .sec04 .right_box .describe { padding: 6px 0 3px; line-height: 1.8; }
#product .sec04 .right_box .red_text { font-size: 16px; color: #e60012; font-weight: bold; margin: 0 0 16px; }
#product .sec04 .right_box .pdf { background: url(../images/product/pdf_bg.jpg) no-repeat left; }
#product .sec04 .right_box .pdf a { color: #3872a7; padding: 12px 66px 13px; display: block; }
#product .sec04 input[type='submit'] { border: none; background: #1e5799; /* Old browsers */ background: -moz-linear-gradient(top, #1e5799 0%, #fafafa 1%, #e9e9e9 95%, #e9e9e9 100%, #000000 100%, #e9e9e9 101%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #1e5799 0%, #fafafa 1%, #e9e9e9 95%, #e9e9e9 100%, #000000 100%, #e9e9e9 101%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #1e5799 0%, #fafafa 1%, #e9e9e9 95%, #e9e9e9 100%, #000000 100%, #e9e9e9 101%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#e9e9e9', GradientType=0); /* IE6-9 */ margin: 0 0 0 13px; padding: 5px 16px; border-radius: 6px; }
#product .sec04 form { margin: 0 0 16px; }
#product .sec04 .no_pic .right_box { width: 612px; }
#product .sec04 .no_pic form { display: inline-block; }
#product .sec04 .no_pic .pdf { display: inline-block; margin: 0 0 0 16px; }
#product .sec05 { margin: 0 0 110px; }
#product .sec05 table { border-collapse: collapse; border-spacing: 0; width: 669px; margin: 0 auto; }
#product .sec05 th { background: #f9f9f9; font-size: 14px; font-weight: bold; color: #000; padding: 17px 20px 17px 20px; width: 23%; }
#product .sec05 td { font-size: 14px; color: #000; padding: 17px 24px 17px 24px; }
#product table th, #product table td { border-collapse: collapse; border: 1px solid #dcdcdc; }
#product .sec05 .dot { background: url(../images/product/dot.jpg) no-repeat left; padding: 0 0 0 12px; }
/*faq*/
#faq .sec01 .text { line-height: 1.8; margin: 0 0 30px 20px; }
#faq .sec01 a { color: #3872a7; font-weight: bold; }
#faq .sec02 { margin: 0 0 130px; }
#faq .plus_btn { display: block; width: 28px; height: 50px; line-height: 50px; cursor: pointer; background: url(../images/faq/minus_icon.jpg) no-repeat; padding-right: 15px; position: absolute; top: 12px; right: 9px; }
#faq .active { background: url(../images/faq/plus_icon.jpg) no-repeat; }
#faq .answear { display: none; width: 642px; margin: 0 auto; line-height: 2; padding: 20px 0 22px; }
#faq .sec02 .block { position: relative; margin: 0 0 12px; }
#faq .sec02 .block ul { background: url(../images/faq/q01.jpg) no-repeat; color: #fff; }
#faq .sec02 .block02 ul { background: url(../images/faq/q02.jpg) no-repeat; color: #fff; }
#faq .sec02 .block03 ul { background: url(../images/faq/q03.jpg) no-repeat; color: #fff; }
#faq .sec02 .block04 ul { background: url(../images/faq/q04.jpg) no-repeat; color: #fff; }
#faq .sec02 .block05 ul { background: url(../images/faq/q05.jpg) no-repeat; color: #fff; }
#faq .sec02 .block06 ul { background: url(../images/faq/q06.jpg) no-repeat; color: #fff; }
#faq .sec02 .block07 ul { background: url(../images/faq/q07.jpg) no-repeat; color: #fff; }
#faq .sec02 .block08 ul { background: url(../images/faq/q08.jpg) no-repeat; color: #fff; }
#faq .sec02 .block09 ul { background: url(../images/faq/q09.jpg) no-repeat; color: #fff; }
#faq .sec02 .block10 ul { background: url(../images/faq/q10.jpg) no-repeat; color: #fff; }
#faq .sec02 .question { font-size: 18px; font-weight: bold; padding: 10px 0 8px 73px; }
#faq .sec02 .a_mark { display: inline-block; vertical-align: top; margin: 0 11px 0 0; }
#faq .sec02 .answear .text { display: inline-block; width: 589px; }
/*company*/
#company .sec01 .president_block { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding: 0 21px; }
#company .sec01 .text { padding: 0px 0px 0px 12px; width: 372px; line-height: 1.9; }
#company .sec02 .company_list { padding: 0px 0px 78px; }
#company .president_name { margin: 0 37px 20px 0; }
#company .sub_title { background: url(../images/company/title_bg.jpg) no-repeat left center; font-size: 18px; font-weight: bold; color: #fff; padding: 10px 37px; }
#company .sec03 { margin: 0 0 39px; }
#company .sec03 .block { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; padding: 21px 18px 0; }
#company .sec03 .pref { width: 429px; line-height: 2; margin: 0 19px 0 0; }
#company table { border-collapse: collapse; border-spacing: 0; width: 669px; margin: 0 auto; }
#company th { background: #f9f9f9; font-size: 14px; font-weight: bold; color: #000; padding: 17px 20px 17px 20px; width: 23%; }
#company td { font-size: 14px; color: #000; padding: 17px 24px 17px 24px; }
#company table th, #company table td { border-collapse: collapse; border: 1px solid #dcdcdc; }
#company .sec04 { margin: 0 0 43px; }
#company .sec05 { margin: 0 0 43px; }
#company .sec06 { margin: 0 0 43px; }
#company .sec07 { margin: 0 0 115px; }
/*contact*/
#contact .contact_block { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
#contact .sec01 { margin: 0 0 33px; }
#contact .sec01 .text { margin: 0 0 17px 20px; }
#contact .sec01 .bnr { position: relative; }
#contact .sec01 .left_tel { color: #fff; font-size: 18px; font-weight: bold; background: #003470; text-align: center; padding: 6px 0px; }
#contact .sec01 .yellow { color: #fee303; font-size: 18px; font-weight: bold; }
#contact .sec01 .left_business { color: #033472; font-weight: bold; }
#contact .left_block { border: solid #ff8400 2px; border-top: none; width: 346px; }
#contact .left_box { padding: 12px 8px; }
#contact .right_block { border: solid #ff8400 2px; border-top: none; width: 347px; border-left: none; }
#contact .sec01 .right_fax { background: #ff8400; color: #fff; font-size: 18px; font-weight: bold; text-align: center; padding: 6px 0px; }
#contact .sec01 .right_hour { color: #ff8400; font-weight: bold; }
#contact .sub_title { background: url(../images/company/title_bg.jpg) no-repeat left center; font-size: 18px; font-weight: bold; color: #fff; padding: 10px 37px; }
#contact table { border-collapse: collapse; border-spacing: 0; margin: 0 auto 29px; }
#contact th { background: #f9f9f9; font-size: 14px; font-weight: bold; color: #000; padding: 17px 20px 17px 20px; width: 32%; }
#contact td { font-size: 14px; padding: 17px 7px 17px 24px; color: #4c4a48; }
#contact table th, #contact table td { border-collapse: collapse; border: 1px solid #dcdcdc; }
#contact .sec02>.text { line-height: 2; padding: 12px 28px; }
#contact .contact_mail { font-size: 52px; }
#contact .sec02 .red_text { color: #e60012; font-weight: bold; }
#contact .sec02 .indivisual { padding: 18px 26px 40px; }
#contact .sec02 .indivisual li { line-height: 1.8; }
#contact .sec02 .send_btn input[type="submit"] { background: url(../images/contact/send_btn.jpg)no-repeat center; padding: 15px 46px; font-size: 16px; color: #fff; font-weight: bold; border: none; width: 271px; }
#contact .sec02 .back_btn input[type="submit"] { background: url(../images/contact/back_btn.jpg)no-repeat center; padding: 15px 46px; font-size: 16px; color: #fff; font-weight: bold; border: none; width: 271px; }
#contact .sec02 .company input, #contact .sec02 .name input { padding: 5px 0; width: 235px; }
#contact .sec02 .kana input { padding: 5px 0; width: 296px; }
#contact .sec02 .address>input { padding: 5px 0; width: 62px; }
#contact .sec02 .address input.large_post { padding: 5px 0; width: 86px; margin: 0 18px 0 0; }
#contact .sec02 .address a { color: #4c4a48; }
#contact .sec02 .sity input, #contact .sec02 .number input { padding: 5px 0; width: 296px; }
#contact .sec02 dl { margin: 0 0 10px; }
#contact .sec02 dt { display: inline-block; }
#contact .sec02 dd { display: inline-block; }
#contact .sec02 .pref { padding: 15px 0 0; }
#contact .sec02 .pref select { padding: 3px 0; }
#contact .sec02 .tel input, #contact .sec02 .fax input { padding: 5px 0; width: 52px; }
#contact .sec02 .mail input { padding: 5px 0; width: 337px; }
#contact .sec02 .content label { margin: 0 10px 0 0; }
#contact .sec02 .textarea textarea { width: 387px; height: 77px; }
#contact .sec02 .textarea .text { margin: 0 0 8px; }
#contact .sec02 .question input { padding: 5px 0; width: 337px; }
#contact .sec02 .file input { margin: 0 0 7px; }
#contact .sec02 .agree input { margin: 0 8px 0 0; }
/*case_voice*/
#case_voice .sec01 { margin: 0 0 38px; }
#case_voice .sec01 .block { background: #f9f9f9; border: solid 2px #033472; padding: 23px 32px; }
#case_voice .sec01 .block .title { color: #003470; font-size: 18px; font-weight: bold; margin: 0 0 16px; }
#case_voice .sec01 .block .pic { border: solid 1px #d5d5d5; margin: 0 0 23px; background: #fff; padding: 4px; box-sizing: border-box; }
#case_voice .sec01 .block .img_container { width: 632px; height: 387px; }
#case_voice .sec01 .block .right_box { }
#case_voice .sec01 .block .category { margin: 0 0 12px; }
#case_voice .sec01 .block .category li { display: inline-block; margin: 0 1px 7px; }
#case_voice .sec01 .block .category li a { color: #fff; text-decoration: none; font-size: 12px; background: #ff8400; padding: 7px 13px; font-weight: bold; display: inline-block; }
#case_voice .sec01 .block .textarea { line-height: 2; }
#case_voice .sec01 .block .textarea img { max-width: 100%; height: auto; overflow: hidden; }
#case_voice .sub_title { background: url(../images/company/title_bg.jpg) no-repeat left center; font-size: 18px; font-weight: bold; color: #fff; padding: 10px 37px; margin: 0 0 20px; }
#case_voice table { border-collapse: collapse; border-spacing: 0; width: 700px; }
#case_voice th { background: #f9f9f9; font-size: 14px; font-weight: bold; color: #000; padding: 17px 20px 17px 20px; width: 26%; }
#case_voice td { font-size: 14px; padding: 17px 7px 17px 24px; color: #4c4a48; line-height: 2; }
#case_voice table th, #case_voice table td { border-collapse: collapse; border: 1px solid #dcdcdc; }
#case_voice .sec02 { padding: 0 0 42px; }
#case_voice .sec03 ul { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: flex-start; }
#case_voice .sec03 li { margin: 0 15px 0 0; width: 222px; }
#case_voice .sec03 li:nth-child(3n) { margin: 0 0px 0 0; }
#case_voice .sec03 .img_container { width: 220px; height: 156px; border: solid 1px #dcdcdc; }
#case_voice .sec03 figcaption { text-align: center; padding: 11px 0 32px; }
#case_voice .sec03 { padding: 0 0 42px; }
#case_voice .sec04 { padding: 0 0 42px }
#case_voice .sec04 ul { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: flex-start; }
#case_voice .sec04 li { margin: 0 15px 0 0; width: 222px; }
#case_voice .sec04 li:nth-child(3n) { margin: 0 0px 0 0; }
#case_voice .sec04 .img_container { width: 220px; height: 156px; border: solid 1px #dcdcdc; }
#case_voice .sec04 figcaption { text-align: center; padding: 11px 0 32px; }
#case_voice .sec05 { padding: 0px 0 32px; }
#case_voice .sec05 .block { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; }
#case_voice .sec05 .left_box { }
#case_voice .sec05 .pic { border: solid 1px #cdcdcd; }
#case_voice .sec05 .img_container { width: 286px; height: 211px; border: solid #fff 2px; }
#case_voice .sec05 .text { width: 390px; line-height: 2; }
#case_voice .sec06 { margin: 0 0 123px; }
#case_voice .sec06 .block { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; border-bottom: solid #dcdcdc 1px; padding: 0 0 30px; margin: 0 0 16px; }
#case_voice .sec06 .img_container { width: 180px; height: 180px; border: solid #cdcdcd 1px; }
#case_voice .sec06 .right_box { width: 490px; }
#case_voice .sec06 .name { color: #ff8400; font-size: 18px; font-weight: bold; margin: 0 0 10px; }
#case_voice .sec06 .text { line-height: 1.8; }
/*archive*/
#case_voice .archive_sec01 { margin: 0 0 116px; }
#case_voice .archive_sec01 .block { background: #f9f9f9; border: solid #003470 2px; margin: 0 0 20px; padding: 28px 28px 45px; position: relative; }
#case_voice .archive_sec01 .title { color: #003470; font-size: 14px; font-weight: bold; margin: 0 0 12px; }
#case_voice .archive_sec01 .box { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; }
#case_voice .archive_sec01 .pic { border: solid #cdcdcd 1px; }
#case_voice .archive_sec01 .img_container { width: 200px; height: 128px; border: solid 2px #fff; }
#case_voice .archive_sec01 .right_box { width: 355px; }
#case_voice .archive_sec01 .text { margin: 0 0 10px; }
#case_voice .archive_sec01 .text a { color: #000; text-decoration: none; line-height: 2; height: 141px; overflow: hidden; margin: 0 0 10px; }
#case_voice .archive_sec01 .category li { display: inline-block; margin: 0 3px 3px 0; font-size: 12px; color: #fff; text-decoration: none; background: #ff8400; padding: 4px 22px; }
#case_voice .archive_sec01 .detail_btn { position: absolute; right: 0px; bottom: 0px; }
#case_voice .archive_sec01 .detail_btn a { text-decoration: none; color: #fff; background: url(../images/case_voice/btn.jpg) no-repeat left center; display: block; padding: 12px 27px 12px 76px; }
#case_voice .archive_sec01 .voice_block { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; background: #f9f9f9; padding: 24px 16px 0px; border: solid #003470 2px; box-sizing: border-box; }
#case_voice .archive_sec01 .voice_block li { width: 213px; margin: 0 16px 42px 0; }
#case_voice .archive_sec01 .voice_block li .img { border: solid #d5d5d5 1px; width: 204px; }
#case_voice .archive_sec01 .voice_block li:nth-child(3n) { margin: 0 0px 42px 0; }
#case_voice .archive_sec01 .voice_block li .title { color: #003470; font-weight: bold; padding: 7px 0 5px; }
#case_voice .archive_sec01 .voice_block .text { width: 210px; height: 61px; overflow: hidden; margin: 0 0 14px; }
#case_voice .archive_sec01 .voice_block .btn a { color: #fff; font-weight: bold; text-decoration: none; background: url(../images/case_more_btn.jpg) no-repeat center; padding: 7px 48px; }
#case_voice .category_title { font-size: 19px; font-weight: bold; color: #000; text-decoration: none; border: solid #d5d5d5 1px; width: 99%; padding: 12px 0 12px 38px; margin: 0 0 32px; box-sizing: border-box; background: #f9f9f9; }
#case_voice .region_text { padding: 20px 20px 20px; background: #efefef; margin-bottom: 20px; }
#case_voice .case_category_note { font-size: 12px; letter-spacing: 0px; color: red; margin: 0 0 18px; }
#case_voice .region_text dt { font-size: 16px; font-weight: bold; }
#case_voice .region_text dd { font-size: 14px; line-height: 1.8; }
/*news*/
#news .sec01 { margin: 0 0 84px; }
#news .sec01 .block { border: solid #033472 1px; padding: 25px 32px 37px; margin: 0 0 10px; }
#news .sec01 .day { display: inline-block; margin: 0 12px 11px 0; color: #033472; font-size: 16px; font-weight: bold; letter-spacing: 2px; }
#news .sec01 .category { display: inline-block; }
#news .sec01 .news_term { font-size: 12px; color: #fff; text-decoration: none; background: #ff8400; padding: 2px 11px; }
#news .sec01 .event_term { font-size: 12px; color: #fff; text-decoration: none; background: #356ca2; padding: 2px 11px; }
#news .sec01 .recruit_term { font-size: 12px; color: #fff; text-decoration: none; background: #53b418; padding: 2px 11px; }
#news .sec01 .category a { }
#news .sec01 .title { font-size: 20px; font-weight: bold; border-bottom: dotted 1px; margin: 0 0 18px; padding: 0 0 18px; }
#news .sec01 .box { line-height: 2; }
#news .sec01 .box img { padding: 10px 0; max-width: 100%; height: auto; overflow: hidden; }
/*archive*/
#news .archive_sec01 { margin: 0 0 91px; }
#news .archive_sec01 .inner { border-top: solid #cccccc 1px; }
#news .archive_sec01 .inner .news_term { font-size: 12px; color: #fff; text-decoration: none; background: #ff8400; padding: 3px 10px; }
#news .archive_sec01 .inner .recruit_term { font-size: 12px; color: #fff; text-decoration: none; background: #53b418; padding: 3px 10px; }
#news .archive_sec01 .inner .event_term { font-size: 12px; color: #fff; text-decoration: none; background: #356ca2; padding: 3px 10px; }
#news .archive_sec01 dl { border-bottom: solid #cccccc 1px; padding: 20px 27px; }
#news .archive_sec01 dt { display: inline-block; color: #033472; font-weight: bold; }
#news .archive_sec01 dt span { margin: 0 0 0 16px; }
#news .archive_sec01 dd { display: inline-block; }
#news .archive_sec01 dd a { color: #010101; margin: 0 0 0 14px; display: inline-block; width: 398px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle; }
/*agency*/
#agency table { border-collapse: collapse; border-spacing: 0; width: 669px; margin: 0 auto; }
#agency table th, #agency table td { border-collapse: collapse; border: 1px solid #dcdcdc; }
#agency th { background: #f9f9f9; font-size: 14px; font-weight: bold; color: #000; padding: 17px 20px 17px 20px; width: 35%; }
#agency table th, #agency table td { border-collapse: collapse; border: 1px solid #dcdcdc; }
#agency td { font-size: 14px; color: #000; padding: 17px 24px 17px 24px; line-height: 2; }
#agency td .icon_title { background: url(../images/agency/icon.png) no-repeat left; font-size: 18px; font-weight: bold; padding: 15px 0 7px 71px; color: #c3881f; }
#agency .sub_title { background: url(../images/company/title_bg.jpg) no-repeat left center; font-size: 18px; font-weight: bold; color: #fff; padding: 10px 37px; }
#agency .agency_bnr { margin: 0 0 30px; }
#agency .sec01 { margin: 0 0 37px; }
#agency .sec02 { margin: 0 0 37px; }
#agency .sec03 { margin: 0 0 37px; }
#agency .sec04 { margin: 0 0 37px; }
#agency .sec05 { margin: 0 0 37px; }
#agency .sec06 { margin: 0 0 37px; }
#agency .sec07 { margin: 0 0 37px; }
#agency .sec08 { margin: 0 0 135px; }
/*invite*/
#invite .sub_title { background: url(../images/company/title_bg.jpg) no-repeat left center; font-size: 18px; font-weight: bold; color: #fff; padding: 10px 37px; }
#invite .content .text { font-weight: bold; padding: 0 0 36px 23px; }
#invite .text .red { font-weight: bold; color: #e60012; }
#invite .text li { line-height: 1.8; }
#invite .text li a { color: #0758be; font-weight: bold; }
#invite .last_text { margin: 0 0 477px; }
#invite .sell_construct { margin: 0 0 15px; }
#invite .note_sentence { color: #e60012; font-weight: bold; background: #f9f9f9; border: solid 1px #d5d5d5; padding: 6px 0px 6px 12px; width: 652px; box-sizing: border-box; }
#invite .note_sentence:before { content: url(../images/invite/orange_dot.jpg); margin: 0 10px 0 0; }
#invite table { border-collapse: collapse; border-spacing: 0; width: 661px; margin: 0 auto 30px; }
#invite th { background: #f9f9f9; font-size: 14px; font-weight: bold; color: #000; padding: 17px 20px 17px 20px; width: 21%; }
#invite td { font-size: 14px; color: #000; padding: 17px 24px 17px 24px; }
#invite table th, #invite table td { border-collapse: collapse; border: 1px solid #dcdcdc; }
/*column*/
#column .archive_sec01 dl { border-bottom: solid #cccccc 1px; padding: 10px; }
#column .archive_sec01 dt { display: inline-block; color: #033472; font-weight: bold; width: 25%; border: solid #cdcdcd 1px; background: #fff; padding: 2px; }
#column .archive_sec01 dt .img_container { width: 100%; height: 136px; }
#column .archive_sec01 dt img { width: 100%; }
#column .archive_sec01 dd span { color: #033472; font-weight: bold; font-size: 16px; display: block; }
#column .archive_sec01 dd .category { font-size: 14px; font-weight: bold; color: #fff; background: #ff8400; text-decoration: none; padding: 2px 12px; display: inline-block; margin: 0 5px 6px 0; }
#column .archive_sec01 dd { display: inline-block; vertical-align: top; padding: 25px 10px 25px 20px; width: 68%; }
#column .archive_sec01 dd a { color: #010101; overflow: hidden; text-decoration: none; font-size: 18px; font-weight: bold; }
#column .sec01 { margin: 0 0 84px; }
#column .sec01 .block { border: solid #033472 1px; padding: 25px 32px 37px; margin: 0 0 10px; }
#column .sec01 .day { display: inline-block; margin: 0 12px 11px 0; color: #033472; font-size: 16px; font-weight: bold; letter-spacing: 2px; }
#column .sec01 .category { display: inline-block; font-size: 12px; color: #fff; text-decoration: none; background: #ff8400; padding: 2px 11px; margin-right: 5px: }
#column .sec01 .title { font-size: 20px; font-weight: bold; border-bottom: dotted 1px; margin: 0 0 18px; padding: 0 0 18px; }
#column .sec01 .box { line-height: 2; }
#column .sec01 .box img { padding: 10px 0; max-width: 100%; height: auto; overflow: hidden; }
}
/*SP用*/
@media screen and (max-width:640px) {
/* 汎用 */
a:hover img { opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb45 { margin-bottom: 45px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px; }
.mb70 { margin-bottom: 70px; }
.mb100 { margin-bottom: 100px; }
.mr40 { margin-right: 40px; }
.tal { text-align: left; }
.tac { text-align: center; }
.tar { text-align: right; }
.st { font-weight: bold; }
.fl { float: left; }
.fr { float: right; }
.fs12 { font-size: 12px; }
.fs16 { font-size: 16px; }
.fs18 { font-size: 18px; }
.lh2 { line-height: 2.0 }
/* TOP */
#top .bx-wrapper { padding: 22vw 0 0; }
#top .sec01 { padding: 0 3% 7vh; }
#top .sec01 .inner { margin: 0 auto; }
#top .sec01 .title { position: relative; }
#top .sec01 .title span { display: none; }
#top .sec01 .title span a { color: #003470; text-decoration: none; font-weight: bold; }
#top .sec01 .inner dl { border-bottom: solid #cccccc 1px; padding: 3vh 3%; }
#top .sec01 .inner dt { display: inline-block; color: #033472; font-weight: bold; font-size: 12px; }
#top .sec01 .inner .news_term { font-size: 12px; font-weight: bold; color: #fff; background: #ff8400; text-decoration: none; padding: 2px 12px; margin: 0 0 0 14px; }
#top .sec01 .inner .event_term { font-size: 12px; font-weight: bold; color: #fff; background: #356ca2; text-decoration: none; padding: 2px 12px; margin: 0 0 0 14px; }
#top .sec01 .inner .recruit_term { font-size: 12px; font-weight: bold; color: #fff; background: #53b418; text-decoration: none; padding: 2px 12px; margin: 0 0 0 14px; }
#top .sec01 .inner dd { display: inline-block; }
#top .sec01 .inner dd a { color: #010101; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; vertical-align: middle; font-size: 12px; width: 87vw; padding: 2vw 0 0; }
#top .sec02 { padding: 46px 0 46px; background: #003470; display: none; }
#top .sec02 .inner { margin: 0 auto; }
#top .sec03 { padding: 46px 0 40px; background: url(../images/youtube_bg.jpg) repeat; border-bottom: solid #033472 6px; display: none; }
#top .sec03 .inner { width: 854px; margin: 0 auto; }
#top .sec03 .youtube { border: solid #000 3px; height: 475px; }
#top .sec03 .sec03_bnr { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; padding: 36px 0 0px; }
#top .container .content .content01 { margin: 0 auto 34px; }
#top .container .content .content01 .block { background: url(../images/content01_bg.jpg) repeat-y; padding-bottom: 20px; }
#top .container .content .content01 .block ul { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; padding: 0 3.125%; margin: 0 0 20px; }
#top .container .content .content01 .block ul li { width: 100%; padding: 0 0 13px; background: url(../images/right_btm_arrow.jpg) no-repeat right 5px bottom 5px #fff; margin-bottom: 15px; }
#top .container .content .content01 .block .img_container { height: 114px; margin: 0 auto; }
#top .container .content .content01 .block .text a { color: #000; font-size: 12px; }
#top .container .content .content01 .block .text { margin: 0 auto; padding: 7px 3.125% 0px; }
#top .container .content .content01 .block dl { padding: 0 3.125%; margin: 0 0 20px; }
#top .container .content .content01 .block .text_add a { color: #000; font-size: 12px; }
#top .container .content .content01 .block .text_add { padding: 11px 13px 10px; overflow: hidden; background: #fff; margin: 0 0 20px; box-sizing: border-box; background: url(../images/right_btm_arrow.jpg) no-repeat right 5px bottom 5px #fff; }
#top .container .content .content01 .block .btn { width: 60%; margin: 0 auto; }
#top .container .content .content02 { border: solid #003470 2px; margin: 40px auto; }
#top .container .content .content02 span a { display: none; }
#top .container .content .content02 ul { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; background: #f9f9f9; padding: 0 3.90625% 0px; }
#top .container .content .content02 li { width: 100%; padding: 0 0 25px; margin: 0 auto 25px; border-bottom: 1px solid #cccccc; }
#top .container .content .content02 .img_container { height: 53.36vw; border: solid #fff 3px; }
#top .container .content .content02 .img { border: solid #d5d5d5 1px; width: 100%; }
#top .container .content .content02 li .title { color: #003470; font-weight: bold; padding: 7px 0 5px; }
#top .container .content .content02 .text { overflow: hidden; margin: 0 0 14px; }
#top .container .content .content02 .text a { font-size: 12px; color: #000; text-decoration: none; }
#top .container .content .content02 .btn a { color: #fff; font-weight: bold; text-decoration: none; background: url(../images/case_more_btn.jpg) no-repeat center; padding: 8px 48px; display: inline-block; }
#top .container .content .content03 { display: none; }
#top .container .content .content03 ul { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; }
#top .container .content .content04 { display: none; }
#top .container .content .content04 .block { border: solid #003470 1px; padding: 26px 13px 0px; }
#top .container .content .content04 .block ul { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; }
#top .container .content .content04 .block li { margin: 0 0 23px; }
#top .container .content .content04 .block li:nth-child(2n) { margin: 0 0 0 6px; }
#top .container .content .content04 .block .img { border: solid 1px #d5d5d5; height: 98px; }
#top .container .content .content04 .block .img_container { width: 128px; height: 94px; border: solid 2px #fff; }
#top .container .content .content04 .block figure { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; }
#top .container .content .content04 .block figcaption { }
#top .container .content .content04 .block .day { display: block; color: #033472; font-weight: bold; margin: 0 17px 0 0; }
#top .container .content .content04 .block .category { font-size: 12px; font-weight: bold; color: #fff; background: #ff8400; text-decoration: none; padding: 1px 12px; display: inline-block; margin-right: 3px; }
#top .container .content .content04 .block .text { padding: 9px 0 4px; height: 38px; overflow: hidden; }
#top .container .content .content04 .block .text a { color: #010101; }
#top .container .content .content04 .block .btn a { background: url(../images/double_icon.jpg) no-repeat left 0px center; padding: 0 0 0 24px; color: #010101; text-decoration: none; }
#top .container .content .content05 { display: none; }
#top .container .content .content05 .block .text { line-height: 2; }
.container .content .content_btm_bnr { display: none; }
.container .content .content_btm_bnr span { position: absolute; font-size: 24px; color: #fff; font-weight: bold; /* width: 145px; */ bottom: 14px; left: 124px; }
#top .sp_sec01 { width: 94%; margin: 0 auto; }
#top .sp_sec01 .youtube_sp { background: #003470; margin-bottom: 20px; }
#top .sp_sec02 { margin: 0 auto; }
#top .sp_sec02 ul { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 30px; }
#top .sp_sec02 ul li { width: 31%; }
#top .sp_front_bnr_block { margin: 0 0 14px !important; }
#top .sp_front_bnr_block li { width: 48% !important; }
.container .content .content_btm_bnr.sp { margin: 0 auto 100px; background: #fee403; border: 2px solid #ff8400; }
.container .content .content_btm_bnr.sp img { vertical-align: top; }
.container .content .content_btm_bnr.sp .btn { width: 84.375%; margin: 0 auto 25px; }
.container .content .content_btm_bnr.sp .btn button { border: none; padding: 0px; background: none;}
/*slider*/
.bx-controls { display: none; }
.slide_bg { background: #3c3228; }
.slide_container { width: 100%; height: 100%; overflow-x: hidden; }
.slide_all { margin: 0 auto; position: relative; }
.slide_inner { overflow: hidden; }
.slide_body { width: 100%; }
.slide { }
.slide img { width: 100%; vertical-align: top; }
.bx-wrapper .bx-viewport { left: 0px !important; background: #fff !important; -webkit-box-shadow: none !important; box-shadow: none !important; }
#bx-pager { display: none; }
/*about*/
#about .sub_title { background: url(../images/about/titile_bg.jpg) no-repeat center; font-size: 18px; color: #fff; font-weight: bold; padding: 7px 0 6px 37px; margin: 0 0 14px; }
#about .sec03_inner { background: url(../images/about/content_bg.jpg) repeat-y; padding: 10px 5% 10px; background-size: contain; }
#about .text { line-height: 1.8; }
#about section { margin-bottom: 20px; }
#about .red_text { line-height: 1.6; font-size: 18px; font-weight: bold; color: #e60012; }
#about .sec03_inner .box { background: #fff; border: solid 2px #d5d5d5; padding: 10px 3%; margin: 0 0 5px; }
#about .sec03_inner .box li { color: #e60012; font-weight: bold; margin: 0 0 5px; }
#about .sec03_inner .box li:before { content: url(../images/about/dot.jpg); margin: 0 5px 0 0; }
#about .sec03_inner .box_second li { font-size: 20px; margin: 0; text-align: center; }
#about .sec03_inner .box_second li:before { content: none; }
#about .sec04_inner { background: url(../images/about/content_bg.jpg) repeat-y; padding: 10px 5% 10px; background-size: contain; }
#about .sub_title { background: url(../images/about/title_bg.jpg) no-repeat #003470; background-position: center left; font-size: 18px; color: #fff; font-weight: bold; padding: 11px 4% 11px 8%; /* margin: 0 0 14px; */ line-height: 1.6; }
#about .sub_title_line_2 { background: url(../images/about/title_bg.jpg) no-repeat #003470; background-position: center left; font-size: 18px; color: #fff; font-weight: bold; padding: 11px 4% 11px 8%; margin: 0 0 14px; line-height: 1.6; }
#about iframe { width: 100%; padding: 10px 0 0px; height: 30vh; }
#about .block_iframe { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 20px; }
#about .block_iframe iframe { width: 100%; }
#about .sec04 .block { background: #fff; border: solid 2px #d5d5d5; margin: 0 0 30px; padding: 15px 3% 0; box-sizing: border-box; }
#about .sec04 .block .title { font-size: 20px; color: #ffe500; text-align: center; background: url(../images/about/stripe_bg.jpg) no-repeat; padding: 5px 0; font-weight: bold; margin: 0 0 12px; }
#about .sec04 .block .img span { font-size: 16px; color: #e60012; font-weight: bold; vertical-align: top; padding: 5px 3%; border: 3px solid #e60012; display: block; text-align: center; margin-bottom: 20px; }
#about .sec04 .block .box3 .img img { vertical-align: middle; }
#about .sec04 .block .box3 .img span { font-size: 16px; color: #e60012; font-weight: bold; vertical-align: top; padding: 5px 3%; border: 3px solid #e60012; display: block; text-align: center; margin-bottom: 20px; }
#about .sec04 .block .box4 .img { }
#about .sec04 .block .box4 .heite { font-size: 16px; color: #e60012; font-weight: bold; vertical-align: top; padding: 5px 3%; border: 3px solid #e60012; display: block; text-align: center; margin-bottom: 20px; }
#about .sec04 .block .box5 .title { font-size: 20px; color: #ffe500; text-align: center; background: url(../images/about/blue_stripe_bg.jpg) no-repeat; padding: 5px 0; font-weight: bold; margin: 0 0 12px; }
#about .sec04 .block .box5 .img img { vertical-align: middle; }
#about .sec04 .block .box5 .img span { font-size: 16px; color: #e60012; font-weight: bold; vertical-align: top; padding: 5px 3%; border: 3px solid #e60012; display: block; text-align: center; margin-bottom: 20px; }
#about .sec04 .block_2 { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; }
#about .sec04 .block_2 .small_title { margin: 0 0 17px; background: url(../images/about/title_bg.jpg) no-repeat #003470; background-position: center left; font-size: 18px; color: #fff; font-weight: bold; padding: 11px 4% 11px 8%; /* margin: 0 0 14px; */ line-height: 1.6; }
#about .sec04 .block_2 .box { margin-bottom: 20px; }
#about .sec04 .block_2 .img_container { border: solid #fff 3px; width: 100%; height: 30vh; }
#about .sec04 .block_2 .img_surround { border: solid #d5d5d5 1px; margin: 0 0 10px; width: 100%; height: 30vh; }
#about .sec05 { margin: 0 0 25px; }
#about .sec05_inner { background: url(../images/about/content_bg.jpg) repeat-y; padding: 10px 5% 10px; background-size: contain; }
#about .sec05_inner .sub_title span { font-size: 18px; color: #fee403; font-weight: bold; }
#about .sec05_inner .sub_title { background: url(../images/about/title_bg.jpg) no-repeat #003470; background-position: center left; font-size: 18px; color: #fff; font-weight: bold; padding: 11px 4% 11px 8%; /* margin: 0 0 14px; */ line-height: 1.6; }
#about .sec05_inner .red_text { line-height: 2; font-size: 14px; font-weight: bold; color: #e60012; }
#about .sec05_inner .img { border: solid 1px #d5d5d5; width: 100%; height: 30vh; margin-bottom: 10px; }
#about .sec05_inner .img_container { border: solid 3px #fff; width: 100%; height: 30vh; }
#about .sec05_inner .block { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; padding: 0 0 30px; }
#about .sec05_inner .block:nth-child(6) { padding: 0 0 0px; }
#about .sec05_inner .right_box { width: 334px; }
#about .sec06 .block { border: solid #ff8400 2px; padding: 15px 3% 0; box-sizing: border-box; }
#about .sec06 ul { text-align: center; }
#about .sec06 ul li { margin-bottom: 15px; }
#about .add_block { margin: 0 0 57px; }
#about .add_block_inner { background: url(../images/about/content_bg.jpg) repeat-y; padding: 10px 5% 10px; background-size: contain; }
#about .add_block .note { margin: 0 0 15px; }
#about .add_block .note li { color: #e60012; font-weight: bold; line-height: 1.8; }
#about .add_block .sub_title01 { color: #033472; font-weight: bold; font-size: 18px; border-bottom: solid 2px; margin: 0 0 12px; }
#about .add_block .security { margin: 0 0 20px; }
#about .add_block .security li { line-height: 1.8; }
#about .add_block .red_text01 { line-height: 1.8; margin: 0 0 24px; color: #e60012; font-weight: bold; }
#about .add_block .point_title { color: #fee303; font-size: 20px; font-weight: bold; background: url(../images/corporation/point_bg.jpg) no-repeat; padding: 9px 0 4px 61px; }
#about .add_block .point_box { background: #fff; border: solid 2px #d5d5d5; border-top: none; padding: 15px 4%; }
#about .add_block .point_box .text { ; margin: 0 auto 11px; }
#about .add_block .example_title { background: url(../images/corporation/example_bg.jpg) no-repeat center; text-align: center; font-size: 22px; font-weight: bold; color: #033472; padding: 4px 0 0; letter-spacing: 2px; margin: 0 0 16px; }
#about .add_block .example_title span { font-size: 22px; font-weight: bold; color: #fff; letter-spacing: 2px; margin: 0 0 0 5px; }
/*corporation*/
#corporation .harm_title img { display: none; }
#corporation .harm_title span { line-height: 1.8; background: url(../images/corporation/content_bg.jpg) repeat-y; padding: 10px 5% 10px; background-size: contain; display: block; }
#corporation .sec03 .arrow_title { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; }
#corporation .sec03 .arrow_title li { width: 48%; margin-bottom: 20px; }
#corporation .sec03 .inner { background: url(../images/corporation/content_bg.jpg) repeat-y; padding: 10px 5% 10px; background-size: contain; }
#corporation .sec03 .inner>.title { color: #ffe500; font-size: 18px; font-weight: bold; text-align: center; background: #356ca2; padding: 8px 0; margin: 0 0 10px; }
#corporation .sec03 .inner>.text { margin: 0 0 18px; }
#corporation .sec03 .inner .red_text { color: #e60012; font-weight: bold; }
#corporation .sec03 .inner .disease_block ul { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
#corporation .sec03 .inner .disease_block li { background: #fff; border: solid #dcdcdc 1px; margin-bottom: 11px; }
#corporation .sec03 .inner .disease_block li:nth-child(1) { border-right: none; }
#corporation .sec03 .inner .disease_block .title { font-size: 16px; color: #fff; background: #505050; padding: 3px 0 3px 4%; }
#corporation .sec03 .inner .disease_block .text { padding: 14px 4%; line-height: 1.8; }
#corporation .sec03 .inner .disease_block02 { }
#corporation .sec03 .inner .disease_block02 ul { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
#corporation .sec03 .inner .disease_block02 li { background: #fff; border: solid #dcdcdc 1px; margin-bottom: 11px; }
#corporation .sec03 .inner .disease_block02 li:nth-child(1), #corporation .sec03 .inner .disease_block02 li:nth-child(2) { border-right: none; }
#corporation .sec03 .inner .disease_block02 .title { font-size: 16px; color: #fff; background: #505050; padding: 3px 0 3px 4%; }
#corporation .sec03 .inner .disease_block02 .text { padding: 14px 4%; line-height: 1.8; }
#corporation .reason_title { position: relative; }
#corporation .reason_title span { line-height: 1.8; display: block; background: url(../images/corporation/content_bg02.jpg) repeat-y; padding: 10px 5% 10px; background-size: contain; }
#corporation .reason_title span a { color: #3872a7; font-weight: bold; }
#corporation .sec04>.inner { background: url(../images/corporation/content_bg02.jpg) repeat-y; padding: 10px 5% 10px; background-size: contain; }
#corporation .sec04 .inner .box1 { margin: 0 0 24px; }
#corporation .sec04 .inner .box1 .img_container { width: 100%; height: 30vh; margin-bottom: 15px; }
#corporation .sec04 .inner .box1 .right_box { }
#corporation .sec04 .inner .box1 .right_box p { line-height: 1.8; }
#corporation .sec04 .inner .box2 { border-top: none; }
#corporation .sec04 .point_title { color: #fee303; font-size: 20px; font-weight: bold; background: url(../images/corporation/point_bg.jpg) no-repeat; padding: 9px 0 4px 61px; }
#corporation .sec04 .inner .box2 .inner { padding: 10px 5%; background: #fff; */ width: 600px; border: solid 2px #d5d5d5; margin: 0 0 32px; }
#corporation .sec04 .inner .box2 .inner .text { line-height: 1.8; margin: 0 0 27px; }
#corporation .sec04 .inner .box2 .example_title { background: url(../images/corporation/example_bg.jpg) no-repeat center; text-align: center; font-size: 22px; font-weight: bold; color: #033472; padding: 6px 0 2px; letter-spacing: 2px; margin: 0 0 16px; }
#corporation .sec04 .inner .box2 .example_title span { font-size: 22px; font-weight: bold; color: #fff; letter-spacing: 2px; margin: 0px 0 0 5px; }
#corporation .sec04 .inner .box2 .example_img { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; margin: 0 0 24px; }
#corporation .sec04 .inner .box2 .example_img li { width: 100%; margin-bottom: 20px; }
#corporation .sec04 .inner .box2 .example_img .title { font-weight: bold; color: #033472; margin: 0 0 5px; }
#corporation .sec04 .inner .box2 .example_img img { width: 100%; }
#corporation .sec04 .inner .box2 .describe_text { line-height: 1.8; background: #f3f3f3; padding: 17px 12px; margin: 0 0 19px; }
#corporation .sec04 .inner .box2 .inner>.text { line-height: 1.8; margin: 0 0 15px; }
#corporation .sec04 .inner .box2 .note { margin: 0 0 15px; }
#corporation .sec04 .inner .box2 .note li { color: #e60012; font-weight: bold; line-height: 1.8; }
#corporation .sec04 .inner .box2 .sub_title { color: #033472; font-weight: bold; font-size: 18px; border-bottom: solid 2px; margin: 0 0 12px; }
#corporation .sec04 .inner .box2 .security { margin: 0 0 20px; }
#corporation .sec04 .inner .box2 .security li { line-height: 1.8; }
#corporation .sec04 .inner .box2 .add_describe { line-height: 1.8; margin: 0 0 30px; }
#corporation .sec04 .inner .box2 .red_text { line-height: 2; margin: 0 0 24px; color: #e60012; font-weight: bold; }
#corporation .sec04 .inner .box2 .point_box { background: #fff; border: solid 2px #d5d5d5; border-top: none; margin: 0 0 33px; padding: 23px 6px; }
#corporation .sec04 .inner .box2 .point_box .text { margin: 0 auto 11px; }
#corporation .sec04 .inner .box2 .case_list .dot:before { content: url(../images/corporation/dot.jpg); margin: 0 8px 0 0; }
#corporation .sec04 .inner .box2 .case_list li { line-height: 1.8; }
#corporation .case_voice ul { margin: 0 0 46px; }
#corporation .superman_pic { margin-bottom: 40px; }
/*card*/
.box1_card{border: 2px solid #033371; box-sizing: border-box; margin: 25px auto 0;
text-align: center; color: #033472; font-weight: bold;font-size: 18px; }
.box2_card{border: 2px solid #033371; box-sizing: border-box; margin: 25px auto 0;
text-align: center; color: #033472; font-weight: bold;font-size: 18px; }
.card_title{ margin: 20px auto; }
.card_img_sp{ width: 80%; margin: 0 auto 20px; }
/*customer*/
#customer .sec02 ul { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; }
#customer .sec02 ul li { width: 100%; margin-bottom: 20px; }
#customer .sec02 ul li img { width: 100%; }
#customer .sec02 .text { line-height: 1.8; }
#customer .sec02 .red_text { color: #e60012; font-weight: bold; }
#customer .sec02 .example { position: relative; }
#customer .harm_title { position: relative; }
#customer .harm_title span { line-height: 1.8; display: block; background: url(../images/corporation/content_bg.jpg) repeat-y; padding: 10px 5% 10px; background-size: contain; }
#customer .sec03 .arrow_title { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; }
#customer .sec03 .arrow_title li { width: 48%; }
#customer .sec03 .inner { background: url(../images/corporation/content_bg.jpg) repeat-y; padding: 10px 5% 10px; background-size: contain; }
#customer .sec03 .inner>.title { color: #ffe500; font-size: 18px; font-weight: bold; text-align: center; background: #356ca2; padding: 8px 0; margin: 0 0 10px; }
#customer .sec03 .inner>.text { margin: 0 0 18px; }
#customer .sec03 .inner .red_text { color: #e60012; font-weight: bold; }
#customer .sec03 .inner .disease_block ul { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
#customer .sec03 .inner .disease_block li { background: #fff; border: solid #dcdcdc 1px; width: 100%; margin-bottom: 11px; }
#customer .sec03 .inner .disease_block li:nth-child(1) { border-right: none; }
#customer .sec03 .inner .disease_block .title { font-size: 16px; color: #fff; background: #505050; padding: 3px 0 3px 20px; }
#customer .sec03 .inner .disease_block .text { padding: 14px 4%; line-height: 1.8; }
#customer .sec03 .inner .disease_block02 { padding: 13px 0 0; }
#customer .sec03 .inner .disease_block02 ul { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
#customer .sec03 .inner .disease_block02 li { width: 100%; margin-bottom: 11px; background: #fff; border: solid #dcdcdc 1px; }
#customer .sec03 .inner .disease_block02 li:nth-child(1), #customer .sec03 .inner .disease_block02 li:nth-child(2) { border-right: none; }
#customer .sec03 .inner .disease_block02 .title { font-size: 16px; color: #fff; background: #505050; padding: 3px 0 3px 20px; }
#customer .sec03 .inner .disease_block02 .text { padding: 14px 4%; line-height: 1.8; width: 100%; margin-bottom: 11px; }
#customer .sec04 .reason_title { position: relative; }
#customer .sec04 .reason_title span { line-height: 1.8; display: block; background: url(../images/corporation/content_bg.jpg) repeat-y; padding: 10px 5% 10px; background-size: contain; }
#customer .sec04 .inner { background: url(../images/corporation/content_bg.jpg) repeat-y; padding: 10px 5% 10px; background-size: contain; }
#customer .sec04 .inner .text { padding: 0 0 15px; }
#customer .sec04 .inner .box .right_box { width: 320px; }
#customer .sec04 .inner .box .right_box .title { font-size: 16px; font-weight: bold; color: #fff; background: #356ca2; padding: 7px 21px; margin: 0 0 14px; }
#customer .sec04 .inner .box .right_box .text { line-height: 2; }
#customer .sec04 .inner .text02 { line-height: 1.8; }
#customer .sec04 .inner .text02 a { color: #3872a7; font-weight: bold; }
#customer .case_voice ul { margin: 0 0 50px; }
#customer .point_title { color: #fee303; font-size: 20px; font-weight: bold; background: url(../images/corporation/point_bg.jpg) no-repeat; padding: 9px 0 4px 61px; margin: 0 0 20px; }
#customer .add_title { color: #fff; font-size: 18px; font-weight: bold; background: url(../images/customer/add_sub_title_bg.jpg) no-repeat; padding: 9px 0 4px 34px; margin: 0 0 20px; }
#customer .point_block { background: #fff; border: solid 2px #ddd; padding: 12px 22px; margin: 0 0 41px; }
#customer .point_block li { color: #e60012; font-weight: bold; line-height: 2; background: url(../images/customer/dot_icon.jpg) no-repeat left center; padding: 0px 0 0 20px; }
#customer .sec04 .inner .box .pic { width: 282px; height: 195px; background: #fff; padding: 3px; box-sizing: border-box; border: solid 1px #ddd; position: relative; }
#customer .sec04 .inner .box .pic .orange_icon { position: absolute; top: 9px; left: 12px; color: #fff; font-weight: bold; background: #ff8400; padding: 3px 5px; }
#customer .sec04 .inner .box .red_icon { position: absolute; top: 78px; left: 146px; }
#customer .sec04 .inner .box .red_icon span { position: absolute; top: 55px; left: 72px; color: #fff; font-weight: bold; padding: 3px 5px; font-size: 18px; letter-spacing: -1px; }
#customer .sec04 .inner .box .red_icon02 { position: absolute; top: 78px; left: 146px; }
#customer .sec04 .inner .box .red_icon02 span { position: absolute; top: 59px; left: 86px; color: #fff; font-weight: bold; padding: 3px 5px; font-size: 18px; letter-spacing: -1px; }
#customer .sec04 .inner .box { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; margin: 0 0 14px; position: relative; }
#customer .sec04 .inner .add_text { margin: 0 0 19px; }
#customer .sec04 .inner .note_text { margin: 0 0 19px; }
#customer .sec04 .inner .note_text li { line-height: 1.8; }
#customer .sec04 .inner .note_text .red_text { color: #e60012; font-weight: bold; }
#corporation .difficult_burn_block { border: solid #ff8400 2px; border-top: none; width: 100%; box-sizing: border-box; padding: 12px 0 0; }
#corporation .difficult_burn_block .difficult_burn_ttl_box { background: url(../images/corporation/difficult_burn_bg.jpg)repeat top center; padding: 0 0 21px; }
#corporation .difficult_burn_block .difficult_burn_ttl { text-align: center; padding: 21px 0 6px; width: 83%; margin: 0 auto; }
#corporation .difficult_burn_block .difficult_burn_ttl_text { color: #fff; text-align: center; padding: 0 4vw; }
#corporation .difficult_burn_block .difficult_burn_ttl_text br { display: none; }
#corporation .difficult_burn_block .difficult_burn_youtube { text-align: center; padding: 21px 0; }
#corporation .difficult_burn_block .difficult_burn_youtube iframe { width: 93%; height: 59vw; }
/*product*/
#product .sec01 .text { line-height: 1.8; margin: 0 0 10px; }
#product .sec02 { margin: 0 0 30px; }
#product .sub_title { background: url(../images/product/title_bg.jpg) no-repeat; font-size: 18px; font-weight: bold; color: #fff; text-align: center; padding: 10px 0; }
#product .sec02 .box { border: solid 1px #03397e; padding: 10px 4%; box-sizing: border-box; line-height: 1.8; }
#product .sec02 .box span { color: #ff8400; font-size: 18px; font-weight: bold; }
#product .sec03 { margin: 0 0 35px; }
#product .sec03 .inner { position: relative; }
#product .sec03 .inner .title { background: #356ca2; padding: 13px 5%; }
#product .sec03 .inner .title li { color: #fee403; font-size: 16px; font-weight: bold; }
#product .sec03 .inner .orange_text { color: #ff8400; font-size: 16px; font-weight: bold; padding: 15px 0 0px; }
#product .plus_btn { display: block; width: 28px; height: 50px; line-height: 50px; cursor: pointer; background: url(../images/product/minus_icon.jpg) no-repeat; padding-right: 15px; position: absolute; top: 12px; right: 9px; }
#product .active { background: url(../images/product/plus_icon.jpg) no-repeat; }
#product .answear { display: none; margin: 0 auto; line-height: 2; padding: 0px 0 17px; }
#product .sec04 { margin: 0 0 56px; }
#product .blue_title { background-color: #033371; font-size: 18px; font-weight: bold; color: #fff; padding: 10px 5%; margin: 0 0 20px; }
#product .sec04 .title { font-size: 20px; font-weight: bold; border-bottom: solid #033472 2px; padding: 0 0 6px; }
#product .sec04 .new { font-size: 10px; font-weight: bold; background: #e60012; color: #fff; padding: 3px 9px; margin: 0 11px 0 0; vertical-align: middle; }
#product .sec04 .small_text { font-weight: bold; vertical-align: middle; }
#product .sec04 .block { border: solid #d5d5d5 2px; padding: 10px 5%; box-sizing: border-box; margin: 0 0 20px; }
#product .sec04 .box { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; padding: 16px 0 0; }
#product .sec04 .box p { width: 100%; }
#product .sec04 .box p img { width: 100%; margin-bottom: 10px; }
#product .sec04 .right_box { }
#product .sec04 .right_box .bold_text { font-weight: bold; }
#product .sec04 .right_box .describe { padding: 6px 0 3px; line-height: 1.8; }
#product .sec04 .right_box .red_text { font-size: 16px; color: #e60012; font-weight: bold; margin: 0 0 16px; }
#product .sec04 .right_box .pdf { background: url(../images/product/pdf_bg.jpg) no-repeat left #f2f2f2; }
#product .sec04 .right_box .pdf a { color: #3872a7; padding: 12px 23% 13px; display: block; }
#product .sec04 input[type='submit'] { border: none; background: #1e5799; /* Old browsers */ background: -moz-linear-gradient(top, #1e5799 0%, #fafafa 1%, #e9e9e9 95%, #e9e9e9 100%, #000000 100%, #e9e9e9 101%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #1e5799 0%, #fafafa 1%, #e9e9e9 95%, #e9e9e9 100%, #000000 100%, #e9e9e9 101%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #1e5799 0%, #fafafa 1%, #e9e9e9 95%, #e9e9e9 100%, #000000 100%, #e9e9e9 101%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e5799', endColorstr='#e9e9e9', GradientType=0); /* IE6-9 */ margin: 0 0 0 13px; padding: 5px 16px; border-radius: 6px; }
#product .sec04 form { margin: 0 0 16px; }
#product .sec04 .no_pic .right_box { width: 612px; }
#product .sec04 .no_pic form { display: inline-block; }
#product .sec04 .no_pic .pdf { display: inline-block; margin: 0 0 0 16px; }
#product .sec05 { margin: 0 0 110px; }
#product .sec05 table { border-collapse: collapse; border-spacing: 0; margin: 0 auto; }
#product .sec05 th { background: #f9f9f9; font-size: 14px; font-weight: bold; color: #000; padding: 10px 3%; display: block; width: 100%; }
#product .sec05 td { font-size: 14px; color: #000; padding: 10px 3%; display: block; width: 100%; }
#product table th, #product table td { border-collapse: collapse; border: 1px solid #dcdcdc; }
#product .sec05 .dot { background: url(../images/product/dot.jpg) no-repeat left; padding: 0 0 0 12px; }
/*faq*/
#faq .sec01 .text { line-height: 1.8; }
#faq .sec01 a { color: #3872a7; font-weight: bold; }
#faq .sec02 { margin: 20px 0 30px; }
#faq .plus_btn { display: block; width: 28px; height: 50px; line-height: 50px; cursor: pointer; background: url(../images/faq/minus_icon.jpg) no-repeat; padding-right: 15px; position: absolute; top: 12px; right: 9px; }
#faq .active { background: url(../images/faq/plus_icon.jpg) no-repeat; }
#faq .answear { display: none; margin: 0 auto; line-height: 1.8; padding: 20px 0 22px; }
#faq .sec02 .block { position: relative; margin: 0 0 12px; }
#faq .sec02 .block ul li:before { content: "Q1."; color: #fde403; margin-right: 2%; }
#faq .sec02 .block02 ul li:before { content: "Q2." }
#faq .sec02 .block03 ul li:before { content: "Q3." }
#faq .sec02 .block04 ul li:before { content: "Q4." }
#faq .sec02 .block05 ul li:before { content: "Q5." }
#faq .sec02 .block06 ul li:before { content: "Q6." }
#faq .sec02 .block07 ul li:before { content: "Q7." }
#faq .sec02 .block08 ul li:before { content: "Q8." }
#faq .sec02 .block09 ul li:before { content: "Q9." }
#faq .sec02 .block10 ul li:before { content: "Q10." }
#faq .sec02 .question { font-size: 16px; font-weight: bold; background: #356ca2; color: #fff; padding: 15px 14% 15px 3%; }
#faq .sec02 .a_mark { display: inline-block; vertical-align: top; margin: 0 11px 0 0; }
#faq .sec02 .answear .text { display: inline-block; width: 83%; }
/*company*/
#company .sec01 .president_block .president_pic { text-align: center; margin-bottom: 20px; }
#company .sec01 .text { line-height: 1.8; }
#company .sec02 .company_list { padding: 0px 0px 78px; }
#company .president_name { margin: 10px 0; }
#company .sub_title { background-color: #033371; font-size: 18px; font-weight: bold; color: #fff; padding: 10px 5%; margin: 0 0 20px; }
#company .sec03 { margin: 0 0 39px; }
#company .sec03 .block { }
#company .sec03 .pref { line-height: 1.8; margin: 0; }
#company .sec03 img { display: block; margin: 14px auto 0; }
#company table { border-collapse: collapse; border-spacing: 0; margin: 0 auto; }
#company th { background: #f9f9f9; font-size: 14px; font-weight: bold; color: #000; padding: 10px 3%; }
#company td { font-size: 14px; color: #000; padding: 10px 3%; }
#company table th, #company table td { border-collapse: collapse; border: 1px solid #dcdcdc; display: block; width: 100%; }
#company .sec04 { margin: 0 0 43px; }
#company .sec05 { margin: 0 0 43px; }
#company .sec06 { margin: 0 0 43px; }
#company .sec07 { margin: 0 0 115px; }
/*contact*/
#contact .contact_block { }
#contact .contact_mail { font-size: 22px; }
#contact .sec01 { margin: 0 0 33px; }
#contact .sec01 .text { margin: 0 0 17px 0; }
#contact .sec01 .bnr { position: relative; }
#contact .sec01 .left_tel { color: #fff; font-size: 18px; font-weight: bold; background: #003470; text-align: center; padding: 4vw 0px; }
#contact .sec01 .yellow { color: #fee303; font-size: 18px; font-weight: bold; }
#contact .sec01 .left_business { color: #033472; font-weight: bold; font-size: 20px; margin: 0 0 0px 2vw; }
#contact .sec01 .left_business_second { margin: 0 0 3vw 2vw; }
#contact .left_block { border: solid #ff8400 2px; border-top: none; width: 100%; }
#contact .left_box { padding: 12px 8px 0; }
#contact .right_block { border: solid #ff8400 2px; border-top: none; width: 100%; }
#contact .sec01 .right_fax { background: #ff8400; color: #fff; font-size: 18px; font-weight: bold; text-align: center; padding: 4vw 0px; }
#contact .sec01 .right_hour { color: #ff8400; font-weight: bold; font-size: 20px; margin: 0 0 4vw; }
#contact .sec02 { margin-bottom: 40px; }
#contact .sub_title { background-color: #033371; font-size: 18px; font-weight: bold; color: #fff; padding: 10px 5%; margin: 0 0 15px; }
#contact table { border-collapse: collapse; border-spacing: 0; margin: 0 auto 29px; }
#contact th { background: #f9f9f9; font-size: 14px; font-weight: bold; color: #000; padding: 17px 20px 17px 20px; width: 32%; }
#contact td { font-size: 14px; padding: 17px 7px 17px 24px; color: #4c4a48; }
#contact table th, #contact table td { border-collapse: collapse; border: 1px solid #dcdcdc; width: 100%; display: block; padding: 10px 3%; }
#contact td input[type="text"] { width: 100%; }
#contact td textarea { width: 100%; }
#contact .sec02>.text { line-height: 1.8; padding: 0 3% 22px; }
#contact .sec02 .red_text { color: #e60012; font-weight: bold; }
#contact .sec02 .indivisual { padding: 10px 3%; }
#contact .sec02 .indivisual li { line-height: 1.8; }
#contact .sec02 .send_btn input[type="submit"] { background: url(../images/contact/send_btn.jpg)no-repeat center; padding: 15px 46px; font-size: 16px; color: #fff; font-weight: bold; border: none; width: 271px; }
#contact .sec02 .back_btn input[type="submit"] { background: url(../images/contact/back_btn.jpg)no-repeat center; padding: 15px 46px; font-size: 16px; color: #fff; font-weight: bold; border: none; width: 271px; }
#contact .sec02 .company input, #contact .sec02 .name input { padding: 5px 0; }
#contact .sec02 .kana input { padding: 5px 0; }
#contact .sec02 .address>input { padding: 5px 0; width: 62px; }
#contact .sec02 .address input.large_post { padding: 5px 0; width: 86px; margin: 0 18px 0 0; }
#contact .sec02 .address a { color: #4c4a48; }
#contact .sec02 .sity input, #contact .sec02 .number input { padding: 5px 0; }
#contact .sec02 dl { margin: 0 0 10px; }
#contact .sec02 dt { display: inline-block; }
#contact .sec02 dd { display: inline-block; }
#contact .sec02 .pref { padding: 15px 0 0; }
#contact .sec02 .pref select { padding: 3px 0; }
#contact .sec02 .tel input, #contact .sec02 .fax input { padding: 5px 0; width: 19%; }
#contact .sec02 .mail input { padding: 5px 0; }
#contact .sec02 .content label { margin: 0 10px 0 0; }
#contact .sec02 .textarea textarea { height: 77px; }
#contact .sec02 .textarea .text { margin: 0 0 8px; }
#contact .sec02 .question input { padding: 5px 0; }
#contact .sec02 .file input { margin: 0 0 7px; }
#contact .sec02 .agree input { margin: 0 8px 0 0; }
/*case_voice*/
#case_voice .sec01 { margin: 0 0 38px; }
#case_voice .sec01 .block { background: #f9f9f9; border: solid 2px #033472; padding: 15px 4%; }
#case_voice .sec01 .block .title { color: #003470; font-size: 18px; font-weight: bold; margin: 0 0 16px; }
#case_voice .sec01 .block .pic { border: solid 1px #d5d5d5; margin: 0 0 23px; background: #fff; padding: 4px; box-sizing: border-box; }
#case_voice .sec01 .block .img_container { width: 100%; height: 53vw; }
#case_voice .sec01 .block .right_box { }
#case_voice .sec01 .block .category { margin: 0 0 12px; }
#case_voice .sec01 .block .category li { display: inline-block; margin: 0 1px 7px; }
#case_voice .sec01 .block .category li a { color: #fff; text-decoration: none; font-size: 12px; background: #ff8400; padding: 7px 13px; font-weight: bold; display: inline-block; }
#case_voice .sec01 .block .textarea { line-height: 2; }
#case_voice .sec01 .block .textarea img { max-width: 100%; height: auto; overflow: hidden; }
#case_voice .sub_title { background-color: #033371; font-size: 18px; font-weight: bold; color: #fff; padding: 10px 5%; margin: 0 0 20px; }
#case_voice table { border-collapse: collapse; border-spacing: 0; width: 100%; }
#case_voice th { background: #f9f9f9; font-size: 14px; font-weight: bold; color: #000; padding: 17px 20px 17px 20px; display: block; box-sizing: border-box; }
#case_voice td { font-size: 14px; padding: 17px 7px 17px 24px; color: #4c4a48; line-height: 2; display: block; box-sizing: border-box; }
#case_voice table th, #case_voice table td { border-collapse: collapse; border: 1px solid #dcdcdc; }
#case_voice .sec02 { padding: 0 0 42px; }
#case_voice .sec03 ul { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; }
#case_voice .sec03 li { margin: 0 0 10px; width: 30%; }
#case_voice .sec03 .img_container { width: 100%; height: 18vw; border: solid 1px #dcdcdc; }
#case_voice .sec03 figcaption { text-align: center; padding: 10px 0 10px; }
#case_voice .sec03 { padding: 0 0 42px; }
#case_voice .sec04 { padding: 0 0 42px }
#case_voice .sec04 ul { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; }
#case_voice .sec04 li { margin: 0 0 10px; width: 30%; }
#case_voice .sec04 .img_container { width: 100%; height: 18vw; border: solid 1px #dcdcdc; }
#case_voice .sec04 figcaption { text-align: center; padding: 10px 0 10px; }
#case_voice .sec05 { padding: 0px 0 32px; }
#case_voice .sec05 .block { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; }
#case_voice .sec05 .left_box { }
#case_voice .sec05 .pic { border: solid 1px #cdcdcd; }
#case_voice .sec05 .img_container { width: 286px; height: 211px; border: solid #fff 2px; }
#case_voice .sec05 .text { width: 390px; line-height: 2; }
#case_voice .sec06 { margin: 0 0 50px; }
#case_voice .sec06 .block { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; border-bottom: solid #dcdcdc 1px; padding: 0 0 30px; margin: 0 0 16px; }
#case_voice .sec06 .img_container { width: 180px; height: 180px; border: solid #cdcdcd 1px; }
#case_voice .sec06 .right_box { width: 490px; }
#case_voice .sec06 .name { color: #ff8400; font-size: 18px; font-weight: bold; margin: 0 0 10px; }
#case_voice .sec06 .text { line-height: 1.8; }
/*archive*/
#case_voice .archive_sec01 { margin: 0 0 60px; }
#case_voice .archive_sec01 .block { background: #f9f9f9; border: solid #003470 2px; margin: 0 0 20px; padding: 10px 5%; position: relative; }
#case_voice .archive_sec01 .voice_block li .title { color: #003470; font-size: 14px; font-weight: bold; padding: 7px 0 5px; }
#case_voice .archive_sec01 .box { }
#case_voice .archive_sec01 .pic { border: solid #cdcdcd 1px; width: 100%; height: 30vh; }
#case_voice .archive_sec01 .img { border: solid #d5d5d5 1px; width: 100%; }
#case_voice .archive_sec01 .img_container { width: 100%; height: 52.55vw; border: solid 2px #fff; }
#case_voice .archive_sec01 .right_box { margin-top: 10px; }
#case_voice .archive_sec01 .text { margin: 0 0 10px; }
#case_voice .archive_sec01 .text a { color: #000; text-decoration: none; line-height: 2; height: 141px; overflow: hidden; margin: 0 0 10px; }
#case_voice .archive_sec01 .category li { display: inline-block; margin: 0 3px 3px 0; font-size: 12px; color: #fff; text-decoration: none; background: #ff8400; padding: 4px 22px; }
#case_voice .archive_sec01 .detail_btn { text-align: center; }
#case_voice .archive_sec01 .detail_btn a { text-decoration: none; color: #fff; background: #003470; display: block; padding: 10px 3%; margin-top: 10px; }
#case_voice .display_none_sp { display: none; }
#case_voice .container .side { display: block !important; margin: 0 0 7vw; }
#case_voice .archive_sec01 .voice_block { background: #f9f9f9; padding: 24px 2vw 0px; border: solid #003470 2px; box-sizing: border-box; }
#case_voice .archive_sec01 .voice_block .btn a { color: #fff; font-weight: bold; text-decoration: none; background: url(../images/case_more_btn.jpg) no-repeat center; padding: 9px 48px; }
#case_voice .archive_sec01 .voice_block>li { padding: 0 0 25px; margin: 0 auto 25px; border-bottom: 1px solid #cccccc; }
#case_voice .category_title { font-size: 19px; font-weight: bold; color: #000; text-decoration: none; border: solid #d5d5d5 1px; width: 99%; padding: 12px 0 12px 4vw; margin: 0 0 3vw; box-sizing: border-box; background: #f9f9f9; }
#case_voice .region_text { padding: 20px 20px 20px; background: #efefef; margin-bottom: 20px; }
#case_voice .case_category_note { font-size: 12px; letter-spacing: 0px; color: red; margin: 0 0 18px; }
#case_voice .region_text dt { font-size: 16px; font-weight: bold; }
#case_voice .region_text dd { font-size: 14px; line-height: 1.8; }
/*news*/
#news .sec01 { margin: 0 0 84px; }
#news .sec01 .block { border: solid #033472 1px; padding: 15px 4%; margin: 0 0 10px; }
#news .sec01 .day { display: inline-block; margin: 0 12px 11px 0; color: #033472; font-size: 16px; font-weight: bold; letter-spacing: 2px; }
#news .sec01 .category { display: inline-block; }
#news .sec01 .news_term { font-size: 12px; color: #fff; text-decoration: none; background: #ff8400; padding: 2px 11px; }
#news .sec01 .event_term { font-size: 12px; color: #fff; text-decoration: none; background: #356ca2; padding: 2px 11px; }
#news .sec01 .recruit_term { font-size: 12px; color: #fff; text-decoration: none; background: #53b418; padding: 2px 11px; }
#news .sec01 .category a { }
#news .sec01 .title { font-size: 20px; font-weight: bold; border-bottom: dotted 1px; margin: 0 0 18px; padding: 0 0 18px; }
#news .sec01 .box { line-height: 2; }
#news .sec01 .box img { padding: 10px 0; max-width: 100%; height: auto; overflow: hidden; }
/*archive*/
#news .archive_sec01 { margin: 0 0 91px; }
#news .archive_sec01 .inner { border-top: solid #cccccc 1px; }
#news .archive_sec01 .inner .news_term { font-size: 12px; color: #fff; text-decoration: none; background: #ff8400; padding: 3px 10px; }
#news .archive_sec01 .inner .recruit_term { font-size: 12px; color: #fff; text-decoration: none; background: #53b418; padding: 3px 10px; }
#news .archive_sec01 .inner .event_term { font-size: 12px; color: #fff; text-decoration: none; background: #356ca2; padding: 3px 10px; }
#news .archive_sec01 dl { border-bottom: solid #cccccc 1px; padding: 10px 3%; }
#news .archive_sec01 dt { display: inline-block; color: #033472; font-weight: bold; }
#news .archive_sec01 dt span { margin: 0 0 0 16px; }
#news .archive_sec01 dd { display: inline-block; }
#news .archive_sec01 dd a { color: #010101; display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; vertical-align: middle; width: 87vw; padding: 2vw 0 0; }
/*agency*/
#agency table { border-collapse: collapse; border-spacing: 0; margin: 0 auto; }
#agency table th, #agency table td { border-collapse: collapse; border: 1px solid #dcdcdc; }
#agency th { background: #f9f9f9; font-size: 14px; font-weight: bold; color: #000; }
#agency table th, #agency table td { border-collapse: collapse; border: 1px solid #dcdcdc; display: block; width: 100%; padding: 10px 3%; }
#agency td .icon_title { background: url(../images/agency/icon.png) no-repeat left; font-size: 15px; font-weight: bold; padding: 15px 0 7px 71px; }
#agency td { font-size: 14px; color: #000; padding: 17px 24px 17px 24px; line-height: 2; }
#agency .sub_title { background-color: #033371; font-size: 18px; font-weight: bold; color: #fff; padding: 10px 5%; margin: 0 0 20px; }
#agency .agency_bnr { margin: 0 0 20px; border: 2px solid #ff8400; }
#agency .sec01 { margin: 0 0 37px; }
#agency .sec02 { margin: 0 0 37px; }
#agency .sec03 { margin: 0 0 37px; }
#agency .sec04 { margin: 0 0 37px; }
#agency .sec05 { margin: 0 0 37px; }
#agency .sec06 { margin: 0 0 37px; }
#agency .sec07 { margin: 0 0 37px; }
#agency .sec08 { margin: 0 0 135px; }
#agency .content_top_bnr { margin: 0 auto 30px; }
/*invite*/
#invite .sub_title { background-color: #033371; font-size: 18px; font-weight: bold; color: #fff; padding: 10px 5%; margin: 0 0 20px; }
#invite .text { font-weight: bold; padding: 0 3% 20px; }
#invite .text .red { font-weight: bold; color: #e60012; }
#invite .text li { line-height: 1.8; }
#invite .text li a { color: #0758be; font-weight: bold; }
#invite .last_text { margin: 0 0 100px; }
#invite .sell_construct { margin: 0 0 15px; }
#invite .note_sentence { color: #e60012; font-weight: bold; background: #f9f9f9; border: solid 1px #d5d5d5; padding: 6px 7px 6px 38px; width: 100%; box-sizing: border-box; margin-left: 0em; text-indent: -1.5em; }
#invite .note_sentence:before { content: url(../images/invite/orange_dot.jpg); margin: 0 10px 0 0; }
#invite table { border-collapse: collapse; border-spacing: 0; width: 100%; margin: 0 auto 30px; }
#invite th { background: #f9f9f9; font-size: 14px; font-weight: bold; color: #000; width: 100%; display: block; }
#invite td { font-size: 14px; color: #000; display: block; width: 100%; }
#invite table th, #invite table td { border-collapse: collapse; border: 1px solid #dcdcdc; padding: 10px 3%; }
/*column*/
#column .archive_sec01 dl { border-bottom: solid #cccccc 1px; padding: 10px 3%; }
#column .archive_sec01 dt { display: inline-block; color: #033472; font-weight: bold; width: 25%; border: solid #cdcdcd 1px; background: #fff; padding: 2px; }
#column .archive_sec01 dt .img_container { width: 100%; height: 19vw; }
#column .archive_sec01 dt img { width: 100%; }
#column .archive_sec01 dd span { color: #033472; font-weight: bold; font-size: 12px; display: block; margin-bottom: 5px; }
#column .archive_sec01 dd .category { font-size: 12px; font-weight: bold; color: #fff; background: #ff8400; text-decoration: none; padding: 2px 12px; display: inline-block; margin: 0 5px 6px 0; }
#column .archive_sec01 dd { display: inline-block; vertical-align: top; padding: 0 3%; width: 70%; }
#column .archive_sec01 dd a { color: #010101; overflow: hidden; text-decoration: none; font-size: 16px; font-weight: bold; }
#column .sec01 { margin: 0 0 84px; }
#column .sec01 .block { border: solid #033472 1px; padding: 13px 5%; margin: 0 0 10px; }
#column .sec01 .day { display: inline-block; margin: 0 12px 11px 0; color: #033472; font-size: 16px; font-weight: bold; letter-spacing: 2px; }
#column .sec01 .category { display: inline-block; font-size: 12px; color: #fff; text-decoration: none; background: #ff8400; padding: 2px 11px; margin-right: 5px: }
#column .sec01 .title { font-size: 20px; font-weight: bold; border-bottom: dotted 1px; margin: 0 0 18px; padding: 0 0 18px; }
#column .sec01 .box { line-height: 2; }
#column .sec01 .box * { padding: 10px 0; max-width: 100%; height: auto; overflow: hidden; }
}
/* 20191111_佐藤修正 */
@media screen and (min-width:641px) {
#contact .sec01 .left_business { font-size: 13px;}
.cus_bnr img { width: 85%; height: auto;}
}
@media screen and (max-width:641px) {
.cus_bnr { margin-bottom: 30px;}
.cus_bnr img { width: 90%; margin: auto;}
}
.about_img { display: flex; justify-content: space-between;}
.about_img figure { width: 48%;}
#top .sec03 .youtube img { max-width: 100%; height: auto;}
/* ========== F-Factory ========== */
/* Basic */
.red { color: #ff0000; }
.b { font-weight:bold; }
/* Header */
.h-type-1 {
font-size: 20px;
}
.h-type-2 {
font-size: 16px;
}
/* Campaign */
#campaign .blue_title { background-color: #033371; font-size: 18px; font-weight: bold; color: #fff; padding: 10px 5%; margin: 0 0 20px; }
#campaign .blue_title { background: url(../images/product/blue_title_bg.jpg) no-repeat; font-size: 18px; font-weight: bold; color: #fff; padding: 10px 30px; margin: 0 0 20px; }
.ol-type-1,
.ol-type-2 {
list-style-type: decimal;
margin-bottom: 2rem;
padding-left: 2.5rem;
}
.ol-type-1 li,
.ol-type-2 li {
margin-bottom: 0.25rem;
}
.ol-type-1 li {
font-size: 20px !important;
}
.ul-type-1 {
font-size: 15px;
list-style-type: disc;
margin-bottom: 2rem;
padding-left: 2rem;
}
.ul-type-1 li {
font-size: 15px !important;
margin-bottom: 0.25rem;
}
/* solarpanel */
@media screen and (min-width:641px) {
#solarpanel .harm_title { position: relative; }
#solarpanel .harm_title span { position: absolute; top: 26px; left: 27px; color: #fff; width: 453px; line-height: 1.8; }
#solarpanel .sec02 { margin-bottom: 50px; }
#solarpanel .sec02 .inner { background: url(../images/corporation/content_bg.jpg) repeat-y; padding: 20px 56px 0; }
#solarpanel .sec02 .inner .title { color: #ffe500; font-size: 18px; font-weight: bold; text-align: center; background: #356ca2; padding: 8px 0; margin: 0 0 10px; }
#solarpanel .sec02 .inner .text { margin-bottom: 0 !important; text-align: center !important; padding-bottom: 15px; }
#solarpanel .sec02 .inner img { width: 80%; margin-left: auto; margin-right: auto; display: block; }
#solarpanel .sec02 .inner .blue_title { font-size: 18px; font-weight: bold; color: #fff; padding: 10px 30px; margin: 0 0 20px; text-align: center; background-color: #ff0000; border-radius: 4px; }
#solarpanel .sec02 .inner .sub_title_line_2 { background: url(../images/about/title2_bg.jpg) no-repeat; font-size: 18px; color: #fff; font-weight: bold; padding: 15px 0 28px 37px; line-height: 1.3; border-radius: 4px; }
#solarpanel .sec03 { margin-bottom: 50px; }
#solarpanel .sec03 table { border-collapse: collapse; border-spacing: 0; width: 100%; margin: 0 auto 20px; }
#solarpanel .sec03 table th { background: #f9f9f9; font-size: 14px; font-weight: bold; color: #000; padding: 17px 20px 17px 20px; width: 35%; text-align: center; vertical-align: middle; }
#solarpanel .sec03 table th, #solarpanel table td { border-collapse: collapse; border: 1px solid #dcdcdc; }
#solarpanel .sec03 table td { font-size: 14px; color: #000; padding: 17px 24px 17px 24px; }
#solarpanel .sec03 table td p { font-size: 14px; margin-bottom: 5px; }
#solarpanel .sec03 img { width: 70%; margin: 0 auto 15px; display: block; text-align: center; }
#solarpanel .sec03 .sub_title { background: url(../images/product/title_bg.jpg) no-repeat; font-size: 20px; font-weight: bold; color: #fff; text-align: center; padding: 10px 0; }
#solarpanel .sec03 .box { border: solid 1px #03397e; width: 699px; padding: 16px 24px 140px; box-sizing: border-box; line-height: 1.8; background: url(../images/product/human_bg.jpg) no-repeat bottom right 42px; }
#solarpanel .sec04 .add_block { margin: 0 0 57px; }
#solarpanel .sec04 .add_block_inner { background: url(../images/about/content_bg.jpg) repeat-y; padding: 32px 55px 27px; }
#solarpanel .sec04 .add_block .sub_title01 { color: #033472; font-weight: bold; font-size: 18px; border-bottom: solid 2px; margin: 0 0 12px; }
#solarpanel .sec05 { margin-bottom: 50px; }
#solarpanel .sec05_inner { background: url(../images/about/content_bg.jpg) repeat-y; padding: 20px 55px; }
#solarpanel .sec05_inner .blue_title { background: url(../images/product/blue_title_bg.jpg) no-repeat; font-size: 18px; font-weight: bold; color: #ff0000; padding: 10px 30px; margin: 0 0 20px; }
#solarpanel .sec05_inner .sub_title01 { color: #033472; font-weight: bold; font-size: 18px; border-bottom: solid 2px; margin: 0 0 12px; text-align: center; }
#solarpanel .sec05_inner img { width: 80%; margin-left: auto; margin-right: auto; display: block; }
#solarpanel .sec05_inner img.arrow { width: 30%; margin: 0 auto 15px; display: block; }
#solarpanel .sec05_inner .solar_img, #solarpanel .sec02 .inner .solar_img { display: flex; justify-content: space-between; margin-bottom: 10px; }
#solarpanel .sec05_inner .solar_img figure, #solarpanel .sec02 .inner .solar_img figure { margin: 0 1px; }
#solarpanel .sec05_inner .solar_img figure img, #solarpanel .sec02 .inner .solar_img figure img { width: auto; margin-left: auto; margin-right: auto; display: block; }
#solarpanel .sec05 .sub_title_line_2 { background: url(../images/about/title2_bg.jpg) no-repeat; font-size: 18px; color: #fff; font-weight: bold; padding: 15px 0 28px 37px; line-height: 1.3; }
#solarpanel .sec05 .block { background: #fff; border: solid 2px #d5d5d5; width: 590px; margin: 0 0 47px; padding: 26px 20px 0; box-sizing: border-box; }
#solarpanel .sec05 .block .title { font-size: 20px; color: #ffe500; text-align: center; background: url(../images/about/stripe_bg.jpg) no-repeat; padding: 5px 0; font-weight: bold; }
#solarpanel .fs-18 { font-size: 1.8rem; }
}
@media screen and (max-width:640px) {
#solarpanel .harm_title img { display: none; }
#solarpanel .harm_title span { line-height: 1.8; background: url(../images/corporation/content_bg.jpg) repeat-y; padding: 10px 5% 10px; background-size: contain; display: block; }
#solarpanel .sec02 { margin-bottom: 40px; }
#solarpanel .sec02 .arrow_title { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; }
#solarpanel .sec02 .inner { background: url(../images/corporation/content_bg.jpg) repeat-y; padding: 10px 5% 10px; background-size: contain; }
#solarpanel .sec02 .inner .title { color: #ffe500; font-size: 18px; font-weight: bold; text-align: center; background: #356ca2; padding: 8px 0; margin: 0 0 10px; }
#solarpanel .sec02 .inner .text { margin-bottom: 0 !important; text-align: center !important; padding-bottom: 15px; }
#solarpanel .sec02 .inner .blue_title { background-color: #ff0000; font-size: 18px; font-weight: bold; color: #fff; padding: 10px 5%; margin: 0 0 20px; border-radius border-radius: 4px; }
#solarpanel .sec02 .inner .sub_title_line_2 { font-size: 18px; color: #fff; font-weight: bold; padding: 11px 4%; margin: 0 0 14px; line-height: 1.6; background-color: #003470; border-radius: 4px; }
#solarpanel .sec03 { margin-bottom: 40px; }
#solarpanel .sec03 table { border-collapse: collapse; border-spacing: 0; margin: 0 auto 20px; }
#solarpanel .sec03 table th { background: #f9f9f9; font-size: 14px; font-weight: bold; color: #000; padding: 10px 3%; display: block; width: 100%; text-align: center; }
#solarpanel .sec03 table th, #solarpanel table td { border-collapse: collapse; border: 1px solid #dcdcdc; }
#solarpanel .sec03 table td { font-size: 14px; color: #000; padding: 10px 3%; display: block; width: 100%; }
#solarpanel .sec03 table td p { font-size: 14px; margin-bottom: 5px; }
#solarpanel .sec03 img { width: 100%; margin: 0 auto 15px; display: block; text-align: center; }
#solarpanel .sec03 .sub_title { background: url(../images/product/title_bg.jpg) no-repeat; font-size: 18px; font-weight: bold; color: #fff; text-align: center; padding: 10px 0; }
#solarpanel .sec03 .box { border: solid 1px #03397e; padding: 10px 4%; box-sizing: border-box; line-height: 1.8; }
#solarpanel .sec04 .add_block { margin: 0 0 57px; }
#solarpanel .sec04 .add_block_inner { background: url(../images/about/content_bg.jpg) repeat-y; padding: 10px 5% 10px; background-size: contain; }
#solarpanel .sec04 .add_block .sub_title01, #solarpanel .sec05 .sub_title01 { color: #033472; font-weight: bold; font-size: 18px; border-bottom: solid 2px; margin: 0 0 12px; }
#solarpanel .sec05 { margin-bottom: 40px; }
#solarpanel .sec05_inner { background: url(../images/about/content_bg.jpg) repeat-y; padding: 10px 5% 10px; background-size: contain; }
#solarpanel .sec05_inner .blue_title { background-color: #ff0000; font-size: 18px; font-weight: bold; color: #fff; padding: 10px 5%; margin: 0 0 20px; }
#solarpanel .sec05 .sub_title_line_2 { background: url(../images/about/title_bg.jpg) no-repeat #003470; background-position: center left; font-size: 18px; color: #fff; font-weight: bold; padding: 11px 4% 11px 8%; margin: 0 0 14px; line-height: 1.6; }
#solarpanel .sec05_inner img.arrow { width: 40%; margin: 0 auto 15px; display: block; }
#solarpanel .sec05_inner .solar_img, #solarpanel .sec02 .inner .solar_img { display: flex; justify-content: space-between; }
#solarpanel .sec05_inner .solar_img figure, #solarpanel .sec02 .inner .solar_img figure { margin: 0 1px; }
#solarpanel .sec05_inner .solar_img figure img, #solarpanel .sec02 .inner .solar_img figure img { width: auto; margin-left: auto; margin-right: auto; display: block; }
#solarpanel .sec05 .block { background: #fff; border: solid 2px #d5d5d5; margin: 0 0 30px; padding: 15px 3% 0; box-sizing: border-box; }
#solarpanel .sec05 .block .title { font-size: 20px; color: #ffe500; text-align: center; background: url(../images/about/stripe_bg.jpg) no-repeat; padding: 5px 0; font-weight: bold; }
#solarpanel .fs-18 { font-size: 1.4rem; }
}
#solarpanel .red_text { color: #e60012; font-weight: bold; }
#solarpanel .bg-orange { background: linear-gradient(transparent 40%, #fcbb3c 40%, #fcbb3c 85%, transparent 85%); padding: 0 5px; font-weight: 600; }
#solarpanel .point_block { background: #fff; border: solid 2px #d5d5d5; padding: 14px 20px 10px; }
#solarpanel .point_block li { background: url(../images/customer/dot_icon.jpg) no-repeat left 7px; color: #003470; font-weight: bold; margin: 0 0 5px; padding: 0 0 0 20px; }
#solarpanel .list-1 { font-size: 15px; list-style-type: disc; padding: 1rem 0 .7rem 2.5rem; background-color: #fff; }
#solarpanel .list-1 li { font-size: 15px !important; margin-bottom: 0.25rem; }
#solarpanel .ul-kome { list-style-type: none; margin-left: 0; }
#solarpanel .ul-kome li { padding-left: 1.1em; position: relative; line-height: 1.5; }
#solarpanel .ul-kome li:before { display: block; content: "※"; width: 1em; height: 1em; position: absolute; left: 0; top: 0; color: #ff7800; font-weight: 600; }