@charset "utf-8";

/*==============================================================================
  cta style
============================================================================= */
.cta .bg{padding: 40px 0; background: url(../../img/top/cta_bg.jpg) no-repeat 50% 0/cover;}
.cta_block{width: 1140px; margin: 0 auto; border-radius: 10px; background-color: #fff; box-shadow: 0px 48px 40px -50px rgba(0,0,0,0.6);}
.cta_top{display: flex; justify-content: center; align-items: center; padding: 18px 0; border-bottom: 1px solid #47991e; border-radius: 10px 10px 0 0; background: url(../../img/top/cta_img03.png) no-repeat 50% 0; background-size: cover;}
.cta_logo{width: 99px; margin-right: 16px; box-shadow: 0px 0px 12px -8px grey;}
.cta_top_txt .txt01{color: #7cb20a; font-size: 33px;}
.cta_top_txt .txt02{font-size: 22px;}
.cta_bottom{display: flex; justify-content: center; align-items: center; padding: 24px 0 30px;}
.cta_contact{display: flex; align-items: center; margin-right: 20px;}
.cta_contact .image{width: 59px; margin-right: 20px;}
.cta_contact p{line-height: 1.1;}
.cta_contact .txt01{font-size: 20.5px;}
.cta_contact .txt02{color: #7cb20a; font-size: 41px;}
.cta_btn{width: 521px;}

/*==============================================================================
  header style
============================================================================= */
.header .bg{background-color: #fff;}
.header_block{display: flex; align-items: center; height: 90px;}
.header_logo{position: relative; top: 3px; width: 107px; box-shadow: 0px 0px 12px -9px grey;}
.header_txt{margin-left: 22px; font-size: 14px; font-weight: bold;line-height: 1.5;}
.header_tel{display: flex; align-items: flex-end; justify-content: space-between; width: 220px; margin-left: 38px;}
.header_tel .image{width: 40px;}
.header_tel-txt p{line-height: 1.1;}
.header_tel-txt .txt{font-size: 14px; font-weight: bold; letter-spacing: 1.5px;}
.header_tel-txt .number{color: #8ec31e; font-size: 28px; font-weight: bold;}
.header_btn{width: 350px; margin-left: auto;}

.header {
	position: fixed; /* ヘッダーを固定 */
	top: 0;          /* 画面上端に配置 */
	width: 100%;     /* 画面幅いっぱいに広げる */
	z-index: 100;    /* 他のコンテンツより手前に表示 */
}
#container {
	padding-top: 100px;
}

/*==============================================================================
  hero style
============================================================================= */
.hero .bg{padding: 0 0 76px; height: 600px; background: #ffffff url(../../img/top/news_bg.jpg) no-repeat 50% top;}
/*.hero .bg{min-width: 980px; height: 523px; padding: 40px 0; background: url(../../img/top/FV_v3_bgorg.png) no-repeat 50% 0;}*/
.hero_ttl{ width: 508px; margin: 0 auto 16px;}
.hero_image{ width: 341px; margin: 0 auto 14px;}
.hero_image img{position: relative; left: -6px;}
.hero_mark{position: absolute;top: -44px; right: 20px; width: 225px;}
.hero_mark p{position: absolute; top: 50%; left: 50%; width: 225px; transform: translate(-50%, -50%); font-weight: bold; text-align: center; line-height: 1.5; letter-spacing: -0.1px;}
.hero_mark p .fs-22{display: inline-block; position: relative; border-bottom: 1px solid #ff0000; color: #ff0000; line-height: 1.5;}
.hero_mark p .asterisk{position: absolute; top: 0; right: 0; color: #000000; font-size: 10px;}
.hero_txt01{margin: 0 0 8px; font-size: 22px; font-weight: bold; text-align: center;}
.hero_txt02{margin: 0 0 40px; font-size: 18px; text-align: center;}
.hero_screen01{position: absolute; top: 169px; left: 146px; width: 131px;}
.hero_screen02{position: absolute; top: 169px; right: 147px; width: 131px;}
.hero_block{display: flex; justify-content: space-between; margin: 0 0 50px;}
.hero_box{ position: relative; width: 310px; padding: 30px 0 10px; background-color: #fff; border: #76ac09 2px solid ; border-top:#76ac09 6px solid ;}
.hero_box .number{position: absolute;top: -14px;left: -12px; width: 84px; height: 54px; background-color: #76ac09; color: #ffffff; font-size: 18px; font-weight: bold; text-align: center; line-height: 54px;}
.hero_box .number span{font-size: 31px;}
.hero_box .image{width: 112px; margin: 0 auto 12px;}
.hero_box .txt{font-size: 20px; font-weight: bold; text-align: center; line-height: 1.3;}
.hero_box .txt .fs-48{line-height: 0.9;}
.hero_subttl{margin: 0 0 28px; font-size: 26px; font-weight: bold; text-align: center;}
.hero_subttl span{color: #7cb20a;}
.hero_logo{width: 100%; background-color: #fff;}
.hero_request_bg{text-align: center; width: 100vw; margin: 0 calc(50% - 50vw); position: absolute; top: 0px;}
.hero_request_fuki{width: 165px; position: absolute; top: 480px; left: calc(30% - 140px); z-index: 99;}
.hero_request_btn{width: 365px; position: absolute; top: 505px; left: calc(20% - 145px);}

/*==============================================================================
  example style
============================================================================= */
.example .bg{background-color: #fff;}
.example_ttl{min-width: 980px; height: 201px; margin: 0 0 32px; padding: 12px 0 0; background: url(../../img/top/example_img01.jpg) no-repeat 50% 0; color: #ffffff; font-size: 45px; font-weight: bold; text-align: center; line-height: 1.2;}
.example_ttl .yellow{display: inline-block; border-bottom: 2px solid #fef11f;}
.example_pager{display: flex; justify-content: space-between; margin: 0 0 18px;}
.example_pager .list{width: 230px; height: 85px; padding: 3px 0 0; border-bottom: 5px solid #b7b7b7; background: linear-gradient(180deg,#eaeaea 0%,#eaeaea 50%, #e2e1e1 50%,#e2e1e1 100%); font-size: 18px; font-weight: bold; text-align: center; line-height: 1.8; box-sizing: border-box;}
.example_pager .list .number{padding: 0 0 13px; color: #7cb20a; font-weight: bold;}
.example_pager .list.active{border-bottom: 5px solid #5e8b03; background: linear-gradient(180deg,#7cb20a 0%,#7cb20a 50%, #71a604 50%,#71a604 100%); color: #ffffff;}
.example_pager .list.active .number{color: #f0e81c;}
.example_slider-item{height: 594px; border: 4px solid #7cb20a;}
.example_slider-item .top{border-bottom: 4px solid #7cb20a;}
.example_slider-item .name{display: inline-block; width: 362px; padding-left: 37px; border-bottom: 1px solid #3d9511; font-size: 24px; font-weight: bold; line-height: 2;}
.example_slider-item .ttl{padding-left: 37px; color: #7cb20a; font-size: 34px; font-weight: bold; line-height: 1.7;}
.example_slider-item .bottom{position: relative; padding: 20px 60px 0;}
.example_slider-item .subttl{margin: 0 0 10px; padding-left: 15px; border-left: 5px solid #78ae08; color: #7cb20a; font-size: 24px; font-weight: bold; line-height: 1.1;}
.example_slider-item .txt{margin: 0 0 20px; font-size: 18px; font-weight: bold; line-height: 1.4;}
.example_slider-item .txt-flex{display: flex; justify-content: space-between; margin: 0 0 4px; padding: 0 96px 0 66px;}
.example_slider-item .txt-flex p{font-size: 18px; font-weight: bold;}
.example_slider-item .image01{width: 642px; margin: 0 auto 14px;}
.example_slider-item .arrow01{position: absolute; bottom: 82px; left: 458px; width: 57px;}
.example_slider-item .block{display: flex; justify-content: space-between; width: 808px; margin: 0 auto; padding: 14px 50px 10px 60px; border: 5px solid #fde9de;}
.example_slider-item .block .icon{width: 57px; margin: 0 auto 7px;}
.example_slider-item .block p{font-size: 18px; font-weight: bold; text-align: center;}
.example_slider-item .image02{width: 749px; margin: 0 auto 14px;}
.example_slider-item .txt02{margin: 0 0 5px; font-size: 18px; font-weight: bold; text-align: center;}
.example_slider-item .subttl.subttl03{margin: 0 0 32px; }
.example_slider-item .flex03{display: flex; justify-content: space-between;}
.example_slider-item .flex03 .left{position: relative; width: 260px; padding: 10px 0 0;}
.example_slider-item .flex03 .left p{margin: 0 0 15px; font-size: 18px; font-weight: bold;}
.example_slider-item .flex03 .left .arrow{position: absolute; top: 94px; right: -82px; width: 67px;}
.example_slider-item .flex03 .right{width: 495px; padding: 15px 11px 11px; border: 4px solid #fde9de;}
.example_slider-item .flex03 .right .icon{width: 56px; margin: 0 auto;}
.example_slider-item .flex03 .right p{margin: 0 0 10px; font-size: 18px; font-weight: bold; text-align: center;}
.example_slider-item .flex03 .right p span{color: #ec1422; font-size: 26px;}
.example_slider-item .flex03 .right .image{width: 465px; margin: 0 auto;}
.example_slider-item.item04 .bottom{padding: 20px 80px 0 60px;}
.example_slider-item.item04 .flex03{position: relative; top: -36px;}
.example_slider-item .flex03 .left{padding: 0;}
.example_slider-item .flex03 .left.pt{padding: 46px 0 0;}
.example_slider-item.item04 .flex03 .left .arrow{top: 155px; right: -85px;}
.example_slider-item.item04 .txt{margin: 0 0 38px;}
.example_slider-item.item04 .flex03 .right{width: 470px; padding: 24px 11px 11px;}
.example_slider-item.item04 .flex03 .right .image{width: 325px; margin: 0 auto;}
.example_btn #prev-btn{position: absolute; bottom: 268px; left: -33px; z-index: 10000; width: 69px; height: 69px; background: url(../../img/top/example_img13.png) no-repeat 50% 0;}
.example_btn #next-btn{position: absolute; bottom: 268px; right: -33px; z-index: 10000; width: 69px; height: 69px; background: url(../../img/top/example_img14.png) no-repeat 50% 0;}
.example_btn #prev-btn a{display: inline-block; width: 69px; height: 69px;}
.example_btn #next-btn a{display: inline-block; width: 69px; height: 69px;}

/*==============================================================================
  select style
============================================================================= */
.select .bg{padding: 66px 0 56px;}
.select_subttl{padding: 0 0 20px; border-bottom: 1px solid #103000; font-size: 32px;}
.select_ttl{margin: 0 0 40px; padding: 20px 0 0; font-size: 36px;}
.select_block{position: relative; width: 100%; margin: 0 0 20px; padding: 40px 0 40px 160px; border: 2px solid #77ad08; background: no-repeat 50% 0/cover;}
.select_block.block01{background-image: url(../../img/top/select_img02.jpg);}
.select_block.block02{background-image: url(../../img/top/select_img03.jpg);}
.select_block.block03{background-image: url(../../img/top/select_img04.jpg);}
.select_block-ttl{position: absolute; top: 36px;left: -30px;}
.select_block-ttl .image{width: 172px;}
.select_block-ttl p{position: absolute; color: #ffffff; font-size: 22px; font-weight: bold;}
.select_block-ttl .txt01{ top: 9px; left: 22px;}
.select_block-ttl .txt02{ bottom: 9px; left: 56px;}
.select_block_txt p{font-size: 26px; font-weight: bold;}
.select_block_txt .txt01{margin: 0 0 22px; }
.select_block_txt .txt02{color: #e00f19;}

/*==============================================================================
  select style
============================================================================= */
.result .bg{min-width: 980px; padding: 52px 0 48px; background: url(../../img/top/result_bg.jpg) no-repeat 50% 0;}
.result_height{height: 1250px;}
.result_ttl{margin: 0 0 26px; border-top: 7px solid #dddddd; background-color: #fff;  font-size: 30px; text-align: center; line-height: 2;}
.result_subttl01{margin: 0 0 40px; font-size: 44px; font-weight: bold; text-align: center; line-height: 1.35; text-shadow: 0px 1px 0px #1f7000;}
.result_subttl01 .yellow{display: inline-block; border-bottom: 2px solid #fef11f;}
.result_block{display: flex; justify-content: space-between; margin: 0 0 40px;}
.result_box{position: relative; width: 310px; padding: 30px 25px 32px; background-color: #fff; box-shadow: 0px 70px 60px -64px rgba(0,0,0,0.6);}
.result_box::before{display: inline-block; position: absolute; top: 0;left: 0; width: 0; height: 0; border-style: solid; border-width: 90px 146px 0 0; border-color: #5a8602 transparent transparent transparent; content: "";}
.result_box .heading{position: absolute; top: 12px; left: 14px; color: #ffffff; font-size: 18px; font-weight: bold;}
.result_box .image{width: 127px; margin: 0 auto 15px;}
.result_box .subttl{padding: 0 0 15px; border-bottom: 1px solid; border-image: linear-gradient(to right, #f0f0f0 0%, #c4c4c4 50%, #ffffff 100%); border-image-slice: 1; color: #e00f1a; font-size: 24px; font-weight: bold; text-align: center; line-height: 1.3;}
.result_box .txt{padding: 22px 0 0; font-size: 18px; line-height: 1.4;}
.result_subttl02{margin: 0 0 26px; color: #ffffff; font-size: 50px; font-weight: bold; text-align: center; letter-spacing: -1px; text-shadow: 0px 1px 0px #1f7000; line-height: 1.2;}
.result_subttl02 .fs-43{display: inline-block; border-bottom: 2px solid #fef11f; color: #fef11f; }
.result_image{width: 954px; margin: 0 auto;}
.result_flex01{display: flex; justify-content: space-between; margin: -20px 0 0; padding: 0 22px;}
.result_flex01 p{color: #ffffff; font-size: 18px; font-weight: bold;}
.result_flex02{display: flex; justify-content: space-between; margin: 0 0 150px; padding: 0 68px 0 76px;}
.result_flex02 p{font-size: 22px; font-weight: bold; text-align: center; line-height: 1.3;}
.result_bottom-txt{font-size: 30px; font-weight: bold; text-align: center;}
.result_bottom-txt span{display: inline-block; color: #ff0000; font-size: 54px; border-bottom: 3px solid #ff0000; line-height: 1.2;}

/*==============================================================================
  news style
============================================================================= */
.news .bg{padding: 0 0 76px; background: #ffffff url(../../img/top/news_bg.jpg) no-repeat 50% bottom;}
.news_ttl-block{position: relative; width: 100%; height: 193px; margin: 0 0 36px; padding: 36px 0 0 40px; background-color: #699c01;}
.news_ttl-block .ttl{width: 740px; padding: 0 0 15px; border-bottom: 1px dashed #fff; color: #ffffff; font-size: 42px; font-weight: bold;}
.news_ttl-block .txt{padding: 15px 0 0; color: #ffffff; font-size: 24px; font-weight: bold; letter-spacing: 0.2px;}
.news_ttl-block .image{position: absolute; top: -36px; right: 0; width: 249px;}
.news_txt01{margin: 0 0 26px; padding-left: 15px; font-size: 22px; font-weight: bold;}
.news_txt01 span{color: #ff0000;}
.news_feature{margin: 0 0 36px;}
.news_feature-box{display: flex; width: 100%; margin: 0 0 20px; background: no-repeat 50% 0;}
.news_feature-box.box01{background-image: url(../../img/top/news_img01.jpg);}
.news_feature-box.box02{background-image: url(../../img/top/news_img02.jpg);}
.news_feature-box.box03{background-image: url(../../img/top/news_img03.jpg);}
.news_feature-box .box-left{width: 280px; padding: 6px 0 24px;}
.news_feature-box .box-left p{color: #ffffff; font-weight: bold; text-align: center;}
.news_feature-box .txt01{margin: 0 0 4px; font-size: 18px;}
.news_feature-box .txt02{font-size: 24px;}
.news_feature-box .box-right{ width: 700px; padding: 34px 0 0 40px;}
.news_feature-box .box-right p{font-size: 18px;}
.news_subttl-block{text-align: center;}
.news_subttl{display: inline-block; margin: 0 0 14px; padding: 0 0 3px; border-bottom: 1px solid #74a510; font-size: 36px; font-weight: bold;}
.news_subttl span{color: #74a510;}
.news_txt02{margin: 0 0 26px; font-size: 22px; font-weight: bold; text-align: center;}
.news_example{background-color: #fff; border: 3px solid #77ad08; color: #7cb20a; font-size: 30px; font-weight: bold; text-align: center; line-height: 2;}
.news_image{margin: 0 0 14px; width: 100%;}
.news_bottom-txt{width: 690px; margin: 0 auto; border-bottom: 3px solid #e00f19; color: #e00f19; font-size: 48px; font-weight: bold; text-align: center;}

/*==============================================================================
  column style
============================================================================= */
.column .bg{padding: 0 0 86px; background: url(../../img/top/column_bg.jpg) no-repeat 50% 0;}
.column_ttl-block{position: relative; width: 100%; height: 193px; margin: 0 0 36px; padding: 36px 0 0 40px; background-color: #699c01;}
.column_ttl-block .ttl{width: 740px; padding: 0 0 15px; border-bottom: 1px dashed #fff; color: #ffffff; font-size: 42px; font-weight: bold;}
.column_ttl-block .txt{padding: 15px 0 0; color: #ffffff; font-size: 24px; font-weight: bold; letter-spacing: 0.2px;}
.column_ttl-block .image{position: absolute; top: -36px; right: 0; width: 358px;}
.column_txt{margin: 0 0 36px; padding-left: 40px; font-size: 22px; font-weight: bold;}
.column_txt span{color: #e11c25;}
.column_step{margin: 0 0 42px;}
.collum_step-bg{padding: 50px 50px 54px; border-bottom: 1px solid #c3c3c3; background: url(../../img/top/column_img13.jpg) no-repeat 50% 0/cover;}
.column_step-ttl{border: 3px solid #77ad08; color: #7cb20a; font-size: 30px; font-weight: bold; text-align: center; line-height: 2;}
.column_step-box01{position: relative; margin: 0 0 40px;}
.column_step-box01 .ttl-block{display: flex; align-items: center; padding: 0 0 26px;}
.column_step-box01 .ttl-block .number{width: 100px;}
.column_step-box01 .ttl-block .ttl{padding-left: 28px; font-size: 38px; font-weight: bold;}
.column_step-box01 .ttl-block .ttl span{color: #e00f19;}
.column_step-box01 .txt-block{width: 664px; padding: 35px 0 0 40px; border-top: 2px solid #959595;}
.column_step-box01 .txt-block p{margin: 0 0 28px; font-size: 18px;}
.column_step-box01 .image{position: absolute; top: 144px; right: 26px; width: 200px;}
.column_step-box02 .ttl-block{display: flex; align-items: center; position: relative; width: 100%; padding: 0 0 18px;}
.column_step-box02 .ttl-block::after{content: ""; position: absolute; bottom: -8px; left: 0; width: 664px; height: 2px; background-color: #959595;}
.column_step-box02 .ttl-block .number{width: 100px;}
.column_step-box02 .ttl-block .ttl{padding-left: 28px; font-size: 38px; font-weight: bold;}
.column_step-box02 .ttl-block .ttl span{color: #e00f19;}
.column_step-box02 .step-block{width: 803px; margin: 48px auto 0;}
.column_step-box02 .step-block .row{display: flex; justify-content: space-between;}
.column_step-box02 .step-block .row.row02{align-items: flex-end;}
.column_step-box02 .step-block .step-box01{width: 402px; height: 165px; background: url(../../img/top/column_img01.png) no-repeat 50% 0;}
.column_step-box02 .step-block .step-box02{width: 385px; height: 182px; background: url(../../img/top/column_img02.png) no-repeat 50% 0;}
.column_step-box02 .step-block .step-box03{width: 385px; height: 181px; padding: 16px 0 0; background: url(../../img/top/column_img03.png) no-repeat 50% 0;}
.column_step-box02 .step-block .step-box04{width: 402px; height: 165px; background: url(../../img/top/column_img04.png) no-repeat 50% 0;}
.column_step-box02 .step-block .ttl{color: #77ad08; font-size: 14px; text-align: center;}
.column_step-box02 .step-block .step-box01 .txt{padding: 34px 0 0 110px;}
.column_step-box02 .step-block .step-box02 .txt{padding: 24px 0 0 110px;}
.column_step-box02 .step-block .step-box03 .txt{padding: 40px 0 0 110px;}
.column_step-box02 .step-block .step-box04 .txt{padding: 24px 0 0 127px;}
.column_example{margin: 0 0 68px;}
.column_example-box{text-align: center;}
.column_example-heading{display: inline-block; width: 597px; margin: 0 0 18px; border-bottom: 1px solid #74a510; font-size: 36px; font-weight: bold; text-align: center; line-height: 1.7;}
.column_example-heading span{color: #74a510;}
.column_example-txt{margin: 0 0 30px; font-size: 22px; font-weight: bold; text-align: center;}
.column_example-subttl{border: 3px solid #77ad08; background-color: #fff; color: #7cb20a; font-size: 30px; font-weight: bold; text-align: center; line-height: 2;}
.column_example-image{margin: 0 0 10px;}
.column_example-bottom{width: 680px; margin: 0 auto; border-bottom: 3px solid #e00f19; color: #e00f19; font-size: 48px; font-weight: bold; text-align: center; line-height: 1.3;}
.column_more-ttl{ padding: 0 0 19px; background: url(../../img/top/column_img05.png) no-repeat 50% 0;}
.column_more-ttl .txt{margin: 0 0 14px; color: #699c01; font-size: 24px; font-weight: bold; text-align: center;}
.column_more-ttl .ttl{ color: #ffffff; font-size: 36px; font-weight: bold; text-align: center;}
.column_more-block{margin-top: -1px; border: 3px solid #6b9e04;}
.column_more-txt01{margin: 26px 0 24px; font-size: 32px; font-weight: bold; text-align: center; line-height: 1.3;}
.column_more-flex01{display: flex; justify-content: center; margin: 0 0 56px;}
.column_more-flex01 .box{width: 390px; margin: 0 30px;}
.column_more-flex01 .ttl{position: relative; width: 335px; height: 40px; margin: 0 auto 26px; background-color: #e00f19; color: #ffffff; font-size: 24px; font-weight: bold; text-align: center; line-height: 40px;}
.column_more-flex01 .ttl::before{position: absolute; top: 0; left: -11px; width: 0;height: 0;border-style: solid;border-width: 20px 11px 20px 0;border-color: transparent #e00f19 transparent transparent; content: "";}
.column_more-flex01 .ttl::after{position: absolute; top: 0; right: -11px; width: 0;height: 0;border-style: solid;border-width: 20px 0 20px 11px;border-color: transparent transparent transparent #e00f19; content: "";}
.column_more-flex01 .txt{margin: 0 0 18px; font-size: 18px;letter-spacing: -0.2px;}
.column_more-flex01 .txt.mb{margin-bottom: 46px;}
.column_more-flex01 .subttl{margin: 0 0 10px; font-size: 24px; font-weight: bold; text-align: center;}
.column_more-flex01 .image{width: 100%;}
.column_more-txt02{margin: 0 0 30px; font-size: 32px; font-weight: bold; text-align: center; letter-spacing: 0.2px;}
.column_more-txt02 span{color: #7cb20a;}
.column_more-flex02{display: flex; justify-content: space-between; width: 870px;margin: 0 auto 34px;}
.column_more-flex02 .box{width: 270px;}
.column_more-flex02 .ttl{color: #6b9e04; font-size: 20px; line-height: 1;}
.column_more-flex02 .image{width: 100%;}
.column_more-flex02 .txt01{position: relative; top: -74px; left: -10px; font-size: 22px; font-weight: bold;text-align: center;}
.column_more-flex02 .txt01 span{color: #7cb20a;}
.column_more-flex02 .txt02{margin-top: -26px; font-size: 19px; font-weight: bold; text-align: center;}
.column_more-bottom{padding: 34px 40px 40px; background-color: #699c01;}
.column_more-bottom p{color: #ffffff; font-size: 22px; font-weight: bold;}
.column_more-bottom .txt01{margin: 0 0 18px;}

/*==============================================================================
  strong style
============================================================================= */
.strong .bg{padding: 60px 0 94px; background: url(../../img/top/strong_bg.jpg) no-repeat 50% 0/cover;}
.strong_ttl{margin: 0 0 50px; font-size: 36px; font-weight: bold; text-align: center;}
.strong_ttl .fs-42,.strong_ttl .fs-80{color: #6c9e0a;}
.strong_ttl .fs-110{color: #466900;line-height: 0.9;}
.strong_block01{margin: 0 0 50px;}
.strong_block01 .strong_block-ttl{display: flex; align-items: center; height: 150px; padding-left: 50px; background: url(../../img/top/strong_img01.jpg) no-repeat 50% 0; color: #ffffff;}
.strong_block01 .strong_block-ttl .txt{font-size: 20px;}
.strong_block01 .strong_block-ttl .ttl{padding-left: 50px; font-size: 40px; font-weight: bold; letter-spacing: 0.4px;}
.strong_block01 .strong_block-content{padding: 0 30px 27px; border: 3px solid #74a510; border-top: none; background: #fff url(../../img/top/strong_img02.jpg) no-repeat 50% 0;}
.strong_block01 .subttl_block{display: flex; justify-content: center; align-items: center; margin:0 0 34px; padding: 32px 0 0;}
.strong_block01 .subttl_block .icon{width: 54px;}
.strong_block01 .subttl_block .subttl{padding-left: 26px; font-size: 28px; font-weight: bold;}
.strong_block01 .block01{display: flex; flex-wrap: wrap;justify-content: space-between; margin: 0 0 46px;}
.strong_block01 .block01 .box{display: flex; justify-content: space-between; width: 440px; margin: 0 0 40px; padding: 40px 13px 20px; border-bottom: 1px solid #c3c3c3; background-color: #f3f3f3;}
.strong_block01 .block01 .box .image{width: 122px;}
.strong_block01 .block01 .box .txt{width: 270px;}
.strong_block01 .center-txt{margin: 0 0 20px; font-size: 30px; font-weight: bold; text-align: center;}
.strong_block01 .center-txt span{display: inline-block; color: #e00f19; border-bottom: 2px solid #e00f19; line-height: 1.4;}
.strong_block01 .subttl_block.mb{ margin: 0 0 22px;}
.strong_block01 .subttl_block .icon.icon02{width: 43px;}
.strong_block01 .block02{width: 100%; padding: 24px 25px 35px; background-color: #f8ffeb;}
.strong_block01 .block02 .txt01{margin: 0 0 10px; color: #e00f19; font-size: 28px; font-weight: bold; text-align: center;}
.strong_block01 .block02 .txt02{margin: 0 0 0; font-weight: bold;}
.strong_block01 .block02 .txt03{position: relative; margin: 0 0 22px; font-size: 22px; font-weight: bold; text-align: center;}
.strong_block01 .block02 .txt03::after{content: ""; position: absolute; bottom: 0; left: 167px; width: 530px; height: 1px; background-color: #333333;}
.strong_block01 .block02 .txt03 span{color: #e00f19;}
.strong_block01 .block02 .arrow{width: 29px; margin: 0 auto 15px;}
.strong_block01 .block02 .btn-flex{ display: flex; justify-content: space-between; width: 814px; margin: 0 auto;}
.strong_block01 .block02 .btn-flex .modal-open{width: 190px; cursor: pointer;}
.strong_block02{margin: 0 0 50px;}
.strong_block02 .strong_block-ttl{display: flex; align-items: center; height: 150px; padding-left: 50px; background: url(../../img/top/strong_img01.jpg) no-repeat 50% 0; color: #ffffff;}
.strong_block02 .strong_block-ttl .txt{font-size: 20px;}
.strong_block02 .strong_block-ttl .box{margin-top: 10px; padding-left: 37px;}
.strong_block02 .strong_block-ttl .ttl{margin: 0 0 2px; font-size: 33px; font-weight: bold;}
.strong_block02 .strong_block-ttl .free{display: inline-block; width: 176px; height: 33px; background-color: #fff; color: #e00f19; font-size: 20px; font-weight: bold; text-align: center; line-height: 33px;}
.strong_block02 .strong_block-content{padding: 24px 30px 30px; border: 3px solid #74a510; border-top: none; background-color: #fff;}
.strong_block02 .subttl_block{display: flex; justify-content: center; align-items: center; margin: 0 0 66px;}
.strong_block02 .subttl_block .icon{width: 31px;}
.strong_block02 .subttl_block .subttl{ padding-left: 30px; font-size: 28px; font-weight: bold;}
.strong_block02 .block{width: 100%; padding: 0 36px 34px; background-color: #f8ffeb; }
.strong_block02 .block-ttl{position: relative; top: -30px; width: 768px; height: 56px; margin: 0 auto 40px; border-radius: 40px; background-color: #75a611; background: linear-gradient(135deg, #75a611 0, #75a611 50%, #6fa10a 50%, #6fa10a 100%); color: #ffffff; font-size: 24px; font-weight: bold; text-align: center; line-height: 56px;}
.strong_block02 .block-flex{display: flex; justify-content: space-between; margin: 0 0 34px;}
.strong_block02 .box-left{display: flex; justify-content: space-between; width: 564px; padding: 0 25px 30px; background-color: #fff;}
.strong_block02 .writer-box{position: relative; width: 214px;}
.strong_block02 .writer-box .ttl{position: relative;top: -38px; height: 83px; padding: 14px 0 0; background-color: #75a611; color: #ffffff; font-size: 22px; font-weight: bold; text-align: center; line-height: 1.3;}
.strong_block02 .writer-box .image{width: 107px; margin: -26px auto 14px;}
.strong_block02 .writer-box .image2{margin: -26px auto 14px;}
.strong_block02 .writer-box .txt{font-size: 18px; font-weight: bold; text-align: center;}
.strong_block02 .writer-box .arrow{position: absolute; top: 100px; right: -70px; width: 57px;}
.strong_block02 .system-box{position: relative; width: 214px;}
.strong_block02 .system-box .ttl{position: relative;top: -38px; height: 83px; padding: 14px 0 0; background-color: #75a611; color: #ffffff; font-size: 22px; font-weight: bold; text-align: center; line-height: 1.3;}
.strong_block02 .system-box .image{width: 107px; margin: -26px auto 36px;}
.strong_block02 .system-box .image2{margin: -26px auto 14px;}
.strong_block02 .system-box .txt{font-size: 24px; font-weight: bold; text-align: center;}
.strong_block02 .system-box .txt2{font-size: 18px; font-weight: bold; text-align: center;}
.strong_block02 .system-box .arrow{position: absolute; top: 100px; right: -68px; width: 57px;}
.strong_block02 .box-right{width: 253px; background-color: #fff;}
.strong_block02 .box-right .ttl{position: relative;top: -38px; height: 83px; width: 214px; margin: 0 auto; padding: 14px 0 0; background-color: #e00f19; color: #ffffff; font-size: 22px; font-weight: bold; text-align: center; line-height: 1.3;}
.strong_block02 .box-right .image{width: 107px; margin: -26px auto 20px;}
.strong_block02 .box-right .txt{padding-left: 20px; color: #e00f19; font-size: 24px; font-weight: bold;}
.strong_block02 .bottom-txt{margin-left: -52px; font-size: 30px; font-weight: bold; text-align: center;}
.strong_block02 .bottom-txt span{color: #e00f19; font-size: 34px; }
.strong_block02 .bottom-mark{position: relative;}
.strong_block02 .bottom-mark .image{position: absolute; top: -110px; right: -14px; width: 113px;}
.strong_block02 .bottom-mark .txt{position: absolute; top: -92px; right: 12px; color: #ffffff; font-size: 30px; font-weight: bold; line-height: 1.3;}
.strong_block02 .bottom-mark .txt2{position: absolute; top: -80px; right: 6px; color: #ffffff; font-size: 20px; font-weight: bold; line-height: 1.3; text-align: center;}
.strong_block03 .strong_block-ttl{display: flex; align-items: center; height: 150px; padding-left: 50px; background: url(../../img/top/strong_img01.jpg) no-repeat 50% 0; color: #ffffff;}
.strong_block03 .strong_block-ttl .txt{font-size: 20px;}
.strong_block03 .strong_block-ttl .ttl{padding-left: 42px; font-size: 36px; font-weight: bold;}
.strong_block03 .strong_block-content{padding: 48px 30px 40px; border: 3px solid #74a510; border-top: none; background-color: #fff;}
.strong_block03 .subttl_block{display: flex; justify-content: center; align-items: center; margin: 0 0 44px;}
.strong_block03 .subttl_block .icon{width: 44px;}
.strong_block03 .subttl_block .subttl{padding-left: 22px; font-size: 28px; font-weight: bold;}
.strong_block03 .main-image{width: 100%; margin: 0 0 68px;}
.strong_block03 .block{width: 100%; border: 3px solid #74a510;}
.strong_block03 .block .block-top{ height: 182px; background: url(../../img/top/strong_img03.jpg) no-repeat 50% 0; border-bottom: 3px solid #74a510;}
.strong_block03 .block .block-ttl{position: relative; top: -30px; width: 595px; height: 56px; margin: 0 auto; border-radius: 40px; background-color: #75a611; background: linear-gradient(135deg, #75a611 0, #75a611 50%, #6fa10a 50%, #6fa10a 100%); color: #ffffff; font-size: 28px; font-weight: bold; text-align: center; line-height: 56px;}
.strong_block03 .block .block-flex{display: flex; justify-content: center; align-items: center; margin: -8px 0 0 70px;}
.strong_block03 .block .block-flex .image{width: 111px; margin: 0 40px;}
.strong_block03 .block .block-flex p{font-size: 22px; font-weight: bold;}
.strong_block03 .block .block-flex p .red{color: #e00f19;}
.strong_block03 .block .block-bottom{padding: 22px 0;}
.strong_block03 .block .block-bottom p{color: #74a510; font-size: 22px; font-weight: bold; text-align: center;}

/*==============================================================================
  relieved style
============================================================================= */
.relieved .bg{padding: 58px 0 0; background-color: #fff;}
.relieved_heading{margin: 0 0 18px; font-size: 36px; font-weight: bold; text-align: center;}
.relieved_image{width: 383px; margin: 0 auto;}
.relieved_ttl{margin: 0 0 102px; color: #e00f19; font-size: 80px; font-weight: bold; text-align: center; line-height: 1;}
.relieved_ttl span{color: #ceb100;}
.relieved_ttl .fs-110{line-height: 0.7;}
.relieved_block-bg{background-color: #fefcf3;}
.relieved_01{margin: 0 0 100px;}
.relieved_01 .inner{top: -50px;}
.relieved_01-ttl{display: flex; align-items: center; width: 980px;height: 132px; margin: 0 0 28px; background: url(../../img/top/relieved_img02.png) no-repeat 50% 0;}
.relieved_01-ttl .box-left{width: 180px; padding-left: 54px;}
.relieved_01-ttl .box-left p{color: #ffffff; font-size: 24px; font-weight: bold;}
.relieved_01-ttl .box-right{position: relative;  width: 800px;}
.relieved_01-ttl .box-right .ttl{margin-left: -120px; font-size: 30px; font-weight: bold; text-align: center; line-height: 1.3; text-shadow: 1px 1px 0px #fff;}
.relieved_01-ttl .box-right .ttl .fs-34{display: inline-block; border-bottom: 2px solid #333; line-height: 1.2;}
.relieved_01-ttl .box-right .ttl .fs-50{color: #e00f19;}
.relieved_01-ttl .box-right .mark{display: inline-block; position: absolute; top: -36px; right: 56px; width: 127px; height: 127px; background: url(../../img/top/relieved_img03.png) no-repeat 50% 0; color: #e00f19; font-size: 30px; font-weight: bold; text-align: center; line-height: 127px;}
.relieved_01-txt{margin: 0 0 28px; font-size: 22px; font-weight: bold; text-align: center;}
.relieved_01-image{width: 765px; margin: 0 auto 30px;}
.relieved_01-bottom{font-size: 36px; font-weight: bold; text-align: center;}
.relieved_01-bottom span{display: inline-block; color: #e00f19; border-bottom: 2px solid #e00f19; line-height: 1.2;}
.relieved_02{margin: 0 0 100px;}
.relieved_02 .inner{top: -50px;}
.relieved_02-ttl{display: flex; align-items: center; width: 980px;height: 132px; margin: 0 0 28px; background: url(../../img/top/relieved_img02.png) no-repeat 50% 0;}
.relieved_02-ttl .box-left{width: 180px; padding-left: 54px;}
.relieved_02-ttl .box-left p{color: #ffffff; font-size: 24px; font-weight: bold;}
.relieved_02-ttl .box-right{width: 800px;}
.relieved_02-ttl .box-right .ttl{margin-left: -76px; color: #e00f19; font-size: 50px; font-weight: bold; text-align: center; text-shadow: 1px 1px 0px #fff;}
.relieved_02-ttl .box-right .ttl .border{display: inline-block; border-bottom: 2px solid #333333; line-height: 1.2;}
.relieved_02-txt{margin: 0 0 34px; font-size: 22px; font-weight: bold; text-align: center;}
.relieved_02-flex{display: flex; justify-content: space-between; margin: 0 0 32px;}
.relieved_02-flex .box{width: 470px;}
.relieved_02-flex .txt{margin: 0 0 16px; border-bottom: 1px dashed #cdc385; color: #e00f19; font-size: 22px; font-weight: bold; text-align: center;}
.relieved_02-flex .image{width: 100%;}
.relieved_02-bottom{font-size: 36px; font-weight: bold; text-align: center;}
.relieved_02-bottom span{display: inline-block; border-bottom: 2px solid #e00f19; color: #e00f19; line-height: 1.3;}
.relieved_03 .inner{top: -50px;}
.relieved_03-ttl{display: flex; align-items: center; width: 980px;height: 132px; margin: 0 0 28px; background: url(../../img/top/relieved_img02.png) no-repeat 50% 0;}
.relieved_03-ttl .box-left{width: 180px; padding-left: 54px;}
.relieved_03-ttl .box-left p{color: #ffffff; font-size: 24px; font-weight: bold;}
.relieved_03-ttl .box-right{width: 800px;}
.relieved_03-ttl .box-right .ttl{margin-left: -92px; color: #e00f19; font-size: 46px; font-weight: bold; text-align: center; line-height: 1.3; text-shadow: 1px 1px 0px #fff;}
.relieved_03-ttl .box-right .ttl .border{display: inline-block; border-bottom: 2px solid #333333;}
.relieved_03-txt{margin: 0 0 16px; font-size: 22px; font-weight: bold; text-align: center;}
.relieved_03-subttl{width: 100%; height: 66px;background-color: #676767; color: #ffffff; font-size: 22px; font-weight: bold; text-align: center; line-height: 66px;}
.relieved_03-image{width: 100%; margin: 0 0 38px;}
.relieved_03-block{width: 100%; padding: 30px 50px 24px; border: 2px solid #e00f19; background-color: #fff;}
.relieved_03-block .block-top{display: flex; justify-content: space-between; margin: 0 0 18px; padding: 0 0 10px; border-bottom: 3px solid #e00f19;}
.relieved_03-block .block-top .ttl{ color: #e00f19; font-size: 25px; font-weight: bold;}
.relieved_03-block .block-top .name{font-size: 22px; font-weight: bold;}
.relieved_03-block .txt01{margin: 0 0 28px;}
.relieved_cost-bg{padding: 8px 0 0; background-color: #fff;}
.relieved_cost-box{margin: 0 0 35px; text-align: center;}
.relieved_cost-heading{display: inline-block; width: 411px; height: 84px; padding: 12px 0; background: url(../../img/top/relieved_img10.png) no-repeat 50% 0; color: #ffffff; font-size: 28px; font-weight: bold; text-align: center;}
.relieved_cost-txt{color: #466900; font-size: 60px; font-weight: bold; text-align: center;}
.relieved_cost-txt span{display: inline-block; border-bottom: 2px solid #7cb20a; color: #7cb20a; font-size: 52px; line-height: 1.3;}
.relieved_cost-image{width: 100%;}
.relieved_cost-btn{position: absolute; bottom: 164px; left: 280px; width: 415px; cursor: pointer;}

/*==============================================================================
  plan style
============================================================================= */
.plan .bg{padding: 70px 0 90px; background-color: #f7fdea; text-align: center;}
.plan_ttl{display: inline-block; width: 567px; margin: 0 0 30px; border-top: 2px solid #466900; border-bottom: 2px solid #466900; color: #466900; font-size: 50px; font-weight: bold; line-height: 1.3; }
.plan_row{display: flex; justify-content: space-between;margin: 0 0 16px;}
.plan_block{width: 470px;}
.plan_number{color: #466900; font-size: 28px; line-height: 1;}
.plan_box{width: 100%;  border: 3px solid #699c01;}
.plan_subttl{padding: 18px 0; background-color: #699c01; color: #ffffff; font-size: 30px; font-weight: bold; line-height: 0.8;}
.plan_content{padding: 8px 42px 12px; background-color: #fff;}
.plan_content dl{width: 420px;}
.plan_content div{display: flex; flex-wrap: wrap; border-bottom: 1px solid; border-image: linear-gradient(to right, #f0f0f0 0%, #c5c5c5 50%, #ffffff 100%); border-image-slice: 1;}
.plan_content div:last-child{border-bottom: none;border-image: none;}
.plan_content dt{width: 130px; padding-left: 12px; border-right: 1px solid #f0f0f0; color: #699c01; font-size: 18px; font-weight: bold; text-align: left; line-height: 2.1;}
.plan_content dd{width: 290px; padding-left: 22px; font-size: 18px; font-weight: bold; text-align: left; line-height: 2.1;}
.plan_bottom-block{width: 100%;}
.plan_bottom-number{color: #466900; font-size: 40px; line-height: 1;}
.plan_bottom-box{position: relative; width: 100%;  border: 3px solid #699c01;}
.plan_bottom-mark{position: absolute; top: 18px; left: -32px; width: 142px; height: 53px; background: url(../../img/top/plan_img01.png) no-repeat 50% 0; color: #ffffff; font-size: 22px; font-weight: bold; text-align: center; line-height: 53px;}
.plan_bottom-subttl{width: 100%; height: 88px; padding-left: 84px; background-color: #699c01; color: #ffffff; font-size: 36px; font-weight: bold; text-align: center; line-height: 88px;}
.plan_bottom-content{padding: 40px 0; background-color: #fff;}
.plan_bottom-content .txt{margin: 0 0 24px; font-size: 28px; font-weight: bold; text-align: center;}
.plan_bottom-content .txt span{color: #e00f19;}
.plan_bottom-content .note{font-weight: bold; text-align: center;}

/*==============================================================================
  voice style
============================================================================= */
.voice .bg{min-width: 980px; padding: 78px 0 60px; background: #fff url(../../img/top/voice_bg.jpg) no-repeat 50% 0; }
.voice_ttl{margin: 0 0 74px; font-size: 45px; font-weight: bold; text-align: center;}
.voice_block{margin: 0 0 15px;}
.voice_block:last-child{margin: 0;}
.voice_subttl{width: 100%; margin: 0 0 15px;}
.voice_box{display: flex;}
.voice_box-image{width: 168px;}
.voice_box-txt{width: calc(100% - 168px); padding: 4px 0 0 18px;}
.voice_box-txt .ttl{margin: 0 0 6px; color: #1d4e04; font-size: 28px; font-weight: bold;}
.voice_box-txt .name{margin: 0 0 12px; font-size: 22px; font-weight: bold;}
.voice_box-txt .subttl{width: 377px; height: 36px; margin: 0 0 32px; background-color: #555555; color: #ffffff; font-size: 18px; font-weight: bold; text-align: center; line-height: 36px;}
.voice_box-txt .txt{margin: 0 0 30px; letter-spacing: -0.4px;}
.voice_box-txt .txt.mb-20{margin: 0 0 18px;}
.voice_box-txt .txt.mb-0{margin: 0;}
.voice_box-txt .note{padding: 10px 0 0; font-size: 13px; text-align: right;}

/*==============================================================================
  faq style
============================================================================= */
.faq .bg{min-width: 980px; padding: 80px 0 70px; background: url(../../img/top/faq_bg.jpg) no-repeat 50% 0/cover;}
.faq_ttl{margin: 0 0 60px; font-size: 45px; font-weight: bold; text-align: center;}
.faq_block{margin: 0 0 60px;}
.faq_question{display: flex; align-items: center; width: 100%; height: 61px; margin: 0 0 22px;}
.faq_question dt{width: 54px;}
.faq_question dd{width: calc(100% - 54px); height: 61px; padding-left: 18px; border-bottom: 1px solid #466900; background-color: #fff; color: #466900; font-size: 20px; font-weight: bold; line-height: 61px;}
.faq_answer{display: flex; margin: 0 0 25px;}
.faq_answer dt{width: 51px;}
.faq_answer dd{width: calc(100% - 51px); padding: 3px 0 0 24px; font-size: 18px;}
.faq_flow{width: 100%; margin: 0 0 48px; padding: 48px 54px 46px 86px; border-bottom: 1px solid #bcbcbd; background-color: #fff;}
.faq_flow-ttl{margin: 0 0 29px; font-size: 32px; font-weight: bold; text-align: center;}
.faq_flow-image{width: 837px; margin: 0 0 31px;}
.faq_flow-flex{display: flex; justify-content: space-between; align-items: center;}
.faq_flow-flex .box-left p{font-size: 12px; font-weight: bold;}
.faq_flow-flex .box-left .txt01{margin: 0 0 24px;}
.faq_flow-flex .box-right{position: relative;}
.faq_flow-flex .box-right .arrow{position: absolute; top: -84px; left: 50px; width: 55px;}
.faq_flow-flex .box-right p{font-size: 20px; font-weight: bold;}
.faq_company{position: relative; width: 100%; padding: 50px 110px; border-bottom: 1px solid #bcbcbd;  background-color: #fff; }
.faq_company-ttl{margin: 0 0 34px; font-size: 32px; font-weight: bold; text-align: center;}
.faq_company dl{display: flex; flex-wrap: wrap; width: 600px; }
.faq_company dt{width: 120px; border-right: 2px solid #409a13; font-weight: bold; line-height: 2.3;}
.faq_company dd{width: calc(100% - 120px); padding-left: 50px; line-height: 2.3;}
.faq_company .logo{position: absolute; top: 134px; right: 114px; width: 127px;box-shadow: 0px 0px 12px -9px grey;}

/*==============================================================================
    footer style
============================================================================= */
#footer { background-color: #4a4a4a; color: #fff; padding: 27px 0; text-align: center; }

/*==============================================================================
  modal style
============================================================================= */
#modal_bg{display: none; position: fixed; top: 0; right: 0; left: 0; bottom: 0; z-index: 100; width: 100%; height: 100%; background-color: rgba(0,0,0,0.6);}
.modal_item{display: none; position: fixed; top: 0; right: 0; left: 0; bottom: 0; z-index: 101; margin: auto; width: 980px; height: 546px;}
.modal_item .article-img {display: inline-block; min-height: 1000px;}
.modal_item .lazyload {opacity: 0; }
.modal_item .lazyloaded { opacity: 1; transition: .5s; }
.modal_item .close-btn{position: absolute; top: -60px; right: 0; cursor: pointer;}
.modal_ttl{height: 96px; background: url(../../img/top/modal_img01.jpg) no-repeat 50% 0; color: #ffffff; font-size: 30px; font-weight: bold; text-align: center; line-height: 96px;}
.modal_image{overflow: scroll; height: 410px;}
.modal_close{height: 40px; background-color: #7d7d7d; color: #ffffff; font-size: 18px; font-weight: bold; text-align: center; line-height: 40px; cursor: pointer;}

/*==============================================================================
  modal_table style
============================================================================= */
.modal_table .table-bg{display: none; position: fixed; top: 0; right: 0; left: 0; bottom: 0; z-index: 101; width: 1060px; height: 570px; margin: auto; background-color: #eeeff1;}
.modal_table .table-content{width: 100%; height: 560px; margin: 0 auto; overflow: scroll;}
.modal_table table{position: relative; width: 980px; margin: 0 auto; border-collapse: separate; border-spacing: 5px;}
.modal_table table::before{ content: ""; position: absolute; top: 6px; right: 1px; width: 247px; height: 4px; background-color: #f05b0a;}
.modal_table table::after{content: ""; position: absolute; bottom: 6px; right: 1px; width: 247px; height: 4px; background-color: #f05b0a;}
.modal_table th{width: 240px; background: url(../../img/top/table_img06.jpg) no-repeat 50% 0; color: #ffffff; font-size: 19px; font-weight: bold; text-align: center; line-height: 60px;}
.modal_table .ttl{position: relative; color: #fef11f; font-size: 24px;}
.modal_table .ttl::before{content: ""; position: absolute; top: 0; left: -4px; width: 4px; height: 60px; background-color: #f05b0a;}
.modal_table .ttl::after{content: ""; position: absolute; top: 0; right: -4px; width: 4px; height: 60px; background-color: #f05b0a;}
.modal_table .transparent{background-color: rgba(238, 239, 239, 0); background-image: none;}
.modal_table td{width: 240px; background-color: #fff; font-size: 14px; font-weight: bold; text-align: center; vertical-align: middle; line-height: 1.3;}
.modal_table td img{display: block; margin: 0 auto 8px;}
.modal_table td.h-70{background: url(../../img/top/table_img07.jpg) no-repeat 50% 50%;}
.modal_table td.h-60{background: url(../../img/top/table_img06.jpg) no-repeat 50% 50%;}
.modal_table td.h-80{background: url(../../img/top/table_img08.jpg) no-repeat 50% 50%;}
.modal_table td.h-90{background: url(../../img/top/table_img01.jpg) no-repeat 50% 50%;}
.modal_table td.h-95{background: url(../../img/top/table_img09.jpg) no-repeat 50% 50%;}
.modal_table .column01{ color: #ffffff; font-size: 19px;}
.modal_table .column04{position: relative; background-color: #f0febe;}
.modal_table .column04::before{content: ""; position: absolute; top: -7px; left: -4px; width: 4px; height: 103px; background-color: #f05b0a;}
.modal_table .column04::after{content: ""; position: absolute; top: -7px; right: -4px; width: 4px; height: 103px; background-color: #f05b0a;}
.modal_table .close-btn{position: absolute; top: -57px; right: 0; cursor: pointer;}

/*==============================================================================
  no modal_table style
============================================================================= */
.no_modal_table .table-content{width: 100%; margin: 0 auto;}
.no_modal_table table{position: relative; width: 980px; margin: 0 auto; border-collapse: separate; border-spacing: 5px;}
.no_modal_table table::before{ content: ""; position: absolute; top: 6px; right: 1px; width: 247px; height: 4px; background-color: #f05b0a;}
.no_modal_table table::after{content: ""; position: absolute; bottom: 6px; right: 1px; width: 247px; height: 4px; background-color: #f05b0a;}
.no_modal_table th{width: 240px; background: url(../../img/top/table_img06.jpg) no-repeat 50% 0; color: #ffffff; font-size: 19px; font-weight: bold; text-align: center; line-height: 60px;}
.no_modal_table .ttl{position: relative; color: #fef11f; font-size: 24px;}
.no_modal_table .ttl::before{content: ""; position: absolute; top: 0; left: -4px; width: 4px; height: 60px; background-color: #f05b0a;}
.no_modal_table .ttl::after{content: ""; position: absolute; top: 0; right: -4px; width: 4px; height: 60px; background-color: #f05b0a;}
.no_modal_table .transparent{background-color: rgba(238, 239, 239, 0); background-image: none;}
.no_modal_table td{width: 240px; background-color: #fff; font-size: 14px; font-weight: bold; text-align: center; vertical-align: middle; line-height: 1.3;}
.no_modal_table td img{display: block; margin: 0 auto 8px;}
.no_modal_table td.h-70{background: url(../../img/top/table_img07.jpg) no-repeat 50% 50%;}
.no_modal_table td.h-60{background: url(../../img/top/table_img06.jpg) no-repeat 50% 50%;}
.no_modal_table td.h-80{background: url(../../img/top/table_img08.jpg) no-repeat 50% 50%;}
.no_modal_table td.h-90{background: url(../../img/top/table_img01.jpg) no-repeat 50% 50%;}
.no_modal_table td.h-95{background: url(../../img/top/table_img09.jpg) no-repeat 50% 50%;}
.no_modal_table .column01{ color: #ffffff; font-size: 19px;}
.no_modal_table .column04{position: relative; background-color: #f0febe;}
.no_modal_table .column04::before{content: ""; position: absolute; top: -7px; left: -4px; width: 4px; height: 103px; background-color: #f05b0a;}
.no_modal_table .column04::after{content: ""; position: absolute; top: -7px; right: -4px; width: 4px; height: 103px; background-color: #f05b0a;}
