body{ margin:0px; padding:0px; font-family: 'Noto Sans JP', sans-serif; font-weight:400; overflow-x:hidden;}
h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px; font-weight:normal;}
p{ margin:0px; padding:0px;}
a{ text-decoration:none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;} 
a:hover, a:focus, a:active{ outline:none; text-decoration:none; }
input{ -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;} 
input:hover, input:focus, input:active{ outline:none;}
input::-webkit-input-placeholder{ color:#333333; }
input::-moz-placeholder{ color:#333333; }
input:-ms-input-placeholder{ color:#333333; }
input:-moz-placeholder{ color:#333333; }
textarea::-webkit-input-placeholder{ color:#333333; }
textarea::-moz-placeholder{ color:#333333; }
textarea:-ms-input-placeholder{ color:#333333; }
textarea:-moz-placeholder{ color:#333333; }
ul{ margin:0px; padding:0px;}
ul li{ list-style-type:none;}
img{ border:0px;}
.clearfix{ clear:both; overflow:hidden;}
.container{max-width:1110px;}

.common-title-hp{ }
.common-title-hp h2{ font-size:30px; line-height:30px; color:#3E9B4C; font-weight:700; background:url(../images/title_line.png) no-repeat left center; background-size:4px; padding:15px 0 15px 20px; width:450px; display:inline-block; vertical-align:middle; }
.common-title-hp p{ width:calc(100% - 454px); font-family: 'YuGo-Medium', 'Ubuntu', sans-serif; font-weight:500; font-size:15px; line-height:29px; color:#333333; display:inline-block; vertical-align:middle; }
.link-right-hp{ text-align:right;  }
.link-right-hp a{ color:#3E9B4C; font-weight:700; }
.link-right-hp img{ width:20px; margin-left:8px; vertical-align:middle; margin-top:-2px;}
.link-right-hp a:hover{ opacity:0.8; }

.common-title-2-hp{ text-align:center;}
.common-title-2-hp h2{ font-size:30px; line-height:30px; color:#3E9B4C; font-weight:700; padding-top:20px; }
.common-line-hp{ text-align:center;}
.common-line-hp img{ width:4px;}
.common-title-2-hp p{ font-family: 'YuGo-Medium', 'Ubuntu', sans-serif; font-weight:500; font-size:15px; line-height:29px; color:#333333; padding:55px 0 0 0; }

.common_title_main_hp{display:flex; align-items:center; justify-content:space-between;}
.common_title_left_hp{}
.common_title_hp{}
.common_title_hp h2{font-size:48px; line-height:58px; font-weight:500; font-family: 'Montserrat', sans-serif; text-transform:uppercase; color:#000000; display:flex; align-items:center;}
.common_title_hp h2 img{margin:0 10px 0 0; max-width:100%;}
.common_title_right_hp{position:relative; z-index:1;}

.common_btn_hp{min-width:180px; padding:0; text-align:left; display:inline-block; position:relative;  font-family:'Montserrat' , sans-serif;  font-size:14px; line-height:18px; font-weight:500; color:#000000 !important;}
.common_btn_hp img{max-width:100%; vertical-align:middle; position: absolute; right:12px; top: 50%; transform: translate(0, -50%);}

.common_btn_change_hp{min-width:414px; padding:30px 0 31px 0 !important; margin:0 !important; }
.common_btn_change_hp img{right:39px !important;}
.common_btn_hp h3{font-size:30px; line-height:46px; font-weight:700; font-family: 'Poppins', sans-serif; color:#000000;}
.common_btn_hp p{font-size:16px; line-height:21px; font-weight:700; color:#000000; padding-top:12px;}
.common_btn_hp {text-align:center; position: relative; padding: 0.8em 1em; border: 0; margin: .6em; background: transparent; font-size: 14px; color: white; }
.common_btn_hp::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: #FFC900; transform: skew(-30deg); }
.common_btn_border_hp::before{background:transparent; border:1px solid #000;}    
.common_btn_hp:hover{ opacity:0.7; }


/*--------------- HEADER_START --------------*/
#header{ padding:0px 0px 0px 0px; background:#6B6B6B; margin:0px;  width:100%; position:relative; top:0; width:100%; z-index:111; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; }

.header-hp{}
.header-in-hp{height:63px; display:flex; align-items:center; }
.header-left-hp{ float:left; width:92px;}
.group-menu-hp{ float:left; background:#348441; width:128px; height:100px; text-align:center; font-size:17px; color:#fff; line-height:17px; font-family:Arial, Helvetica, sans-serif; }
.group-menu-hp span{ font-size:13px;}
.group-menu-hp a{ display:block; color:#fff; }
.group-menu-hp img{ width:25px; margin:18px 0 9px 0; }
.logo-hp{ float:left; margin:0 0 0 0; vertical-align:middle; width:92px;}
.logo-hp img{width:100%;}

.header-left-mobile-hp{ display:none;}
.logo-mobile-hp{ width:200px; float:left; line-height:40px; height:45px; margin-left:15px;}
.logo-mobile-hp img{ width:100%; }
.group-menu-mobile-hp{ float:right; margin:10px 15px 0 0; }
.group-menu-mobile-hp a{ color: #0D9A0F; font-size:10px; line-height:12px;}
.group-menu-mobile-hp img{ width:20px; float:left; vertical-align: middle; margin: 3px 8px 0 0; }
.group-menu-mobile-hp span{ float:left;}

.mobile-menu-hp{ display:none; min-height:36px; line-height:34px; text-align:center; font-size:10px;}
.mobile-menu-hp a{ color: #FFFFFF;}




/*----- MOBILE_MENU_START -----*/
.menu-toggle-btn-hp{ margin:0; vertical-align:middle; display:inline-block; padding:0px; width: 32px; height: 15px; cursor:pointer; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
.menu-toggle-btn-hp span{ background:#fff; display:block; width:30px; height:2px; border-radius:0px; margin:0px 1px 4px 1px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear;}
.menu-toggle-btn-hp span:last-child{ margin-bottom:0px;}
.menu-toggle-btn-hp span:nth-child(2){ width:23px; }
.menu-toggle-btn-hp span:nth-child(3){ width:15px; }
.menu-toggle-btn-hp.open span:nth-child(1), .menu-toggle-btn-hp.open span:nth-child(3){ transform: translate(0px, 7px) rotate(-45deg) scalex(1); margin-bottom:0px;}
.menu-toggle-btn-hp.open span:nth-child(2){ height:0; margin-bottom:0px; width:0px;}
.menu-toggle-btn-hp.open span:nth-child(3){ transform: translate(0px, 5px) rotate(45deg) scalex(1); width:30px;}
.menu-toggle-btn-text-hp{ font-size:10px; line-height:6px; color:#00B5C4; font-weight:600; letter-spacing:-0.39px; text-transform:uppercase; text-align:center; margin:0px; padding:9px 0px 0px; position:relative;}
.hide-scroll{ overflow:hidden !important;}
/*----- MOBILE_MENU_END -----*/


.header-right-hp{ float:right; width:calc(100% - 92px);}
.header_top_hp{padding-top:0;}
.header_top_hp ul{text-align:right; display:flex; justify-content:end;}
.header_top_hp ul li{}
.header_top_hp ul li a{display:flex; font-size:10px; line-height:13px; color:#000000; font-weight:500; font-family:'Montserrat' , sans-serif; border-right:1px solid #000000; padding:0 11px 0 10px;}
.header_top_hp ul li:last-child a{border-right:none; padding-right:0;}
.header_top_hp ul li:first-child{padding-left:0;}

.navigation-hp{ margin:0px 0 0 0;  min-height:auto; }
.navbar .dropdown-menu { width:100%; margin:0px; padding:0px; background: transparent linear-gradient(103deg, rgba(8,21,10,0.95) 0%,rgba(62,155,76,0.95) 100%) 0% 0% no-repeat; border:0px; border-radius:0px; }
@media(min-width:992px){
	.navbar .dropdown {position:static;}
	.navbar .dropdown-menu { width:100%; left:0; right:0; top:100px; display:block; visibility: hidden; opacity: 0; transition: visibility 0s, opacity 0.3s linear; margin:0px; padding:0px; background: transparent linear-gradient(103deg, rgba(8,21,10,0.95) 0%,rgba(62,155,76,0.95) 100%) 0% 0% no-repeat; border:0px; border-radius:0px; }
	.navbar .dropdown:hover .dropdown-menu, .navbar .dropdown .dropdown-menu:hover { display:block; visibility: visible; opacity: 1; transition: visibility 0s, opacity 0.3s linear; }
}
.navbar { padding:0px; margin:0px; position:static; }
.navigation-main-hp{ margin:0px; padding:0; }
.navigation-main-hp > ul{ padding:0px 0px 0px 0}
.navigation-main-hp > ul > li{ padding-left:30px; }
.navigation-main-hp > ul > li:first-child{ padding-left:0; }
.navigation-main-hp > ul > li > a{ font-size:18px; line-height:22px; font-weight:700; color:#fff; text-transform:none;  font-family:'ヒラギノ角ゴ ProN'; padding:0 0 0 0; position:relative; display:block; }
.navigation-main-hp > ul > li > a:before{ content:''; position:absolute; background:#000; height:4px; width:0%; left:0; bottom:-7px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; }
.navigation-main-hp > ul > li > a:hover{ color:#000; }
.navigation-main-hp > ul > li > a:hover:before{ width:100%;}
.navigation-main-hp > ul > li.dropdown.show > a{ color:#3E9B4C;}
.navigation-main-hp > ul > li.dropdown > a:after{ border:0px; background: url(../images/black_dropdown.svg) no-repeat center center; width:8px; height:6px; background-size:8px; margin-left:6px; vertical-align: .15em; display:none; }
.navigation-main-hp > ul > li.dropdown.show > a::before{ width:100%; }
.navigation-main-hp > ul > li > a.contact-btn-hp{ height:48px; line-height:44px; margin:26px 0; padding:0 38px; border-radius:40px; color:#fff; min-width:inherit; }
.navigation-main-hp > ul > li > a.contact-btn-hp:before{ display:none;}
.navigation-main-hp > ul > li > a.contact-btn-hp:hover{ color:#000000;}

.dropdown-menu-in{ padding:60px 0;}
.product-info-hp{ width:100%; }
.product-info-left-hp{ width:170px; float:left;}
.product-info-title-hp{ font-size:24px; line-height:24px; color: #3E9B4C; font-weight:700; padding:0 0 24px 0 }
.product-info-search-hp{}
.product-info-search-in-hp{ }
.product-info-search-in-hp a{ padding:16px 25px 16px 0; display:block; border-bottom:1px solid #7FBA7F; color:#7FBA7F; font-size:14px; line-height:18px; }
.product-info-search-in-hp a:hover{ color:#fff; border-color:#fff; }
.product-info-search-in-hp.active a{ border-bottom:1px solid #fff; color:#fff; background:url(../images/white_arrow.png) no-repeat right center; background-size:20px;}
.product-info-btn-hp{ padding:20px 0 0 0;}
.product-info-btn-hp a{ background:#3E9B4C; width:100%; display:block; height:42px; line-height:40px; color:#fff; text-align:center; padding:0 15px; font-size:14px; font-weight:700; border-radius:40px; }
.product-info-btn-hp a:hover{ background:#fff; color:#3E9B4C; }

.product-info-right-hp{ width:calc(100% - 170px); padding-left:40px; float:right; }
.search-box-main-hp{ padding-bottom:16px;}
.search-box-hp{ width:200px; margin-right:13px; float:left; }
.width-476-hp{ width:476px; margin-right:0px;}
.width-354-hp{ width:354px; margin-right:0px;}
.search-box-input-hp{ width:calc(100% - 60px); float:left; }
.search-box-input-hp input{ width:100%; height:60px; border:0px; background:#fff; color:#333333; font-size:13px; font-weight:700; padding:0 15px; }
.search-box-btn-hp{ float:right; width:60px; height:60px;  background:#3e9b4c url(../images/white_arrow.png) no-repeat center center; background-size:20px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; -ms-transition: all 0.3s linear; transition: all 0.3s linear; }
.search-box-btn-hp a{ display: block; width: 100%; height: 100%; }
.search-box-btn-hp:hover{ opacity:0.8; }

.mobile-menu-btn-hp{ margin:0px; padding:0px; float:right; right:15px; display:none; position:absolute;}
.mobile-menu-btn-hp a{ display:block; font-size:0px;}
.mobile-menu-icon-hp{ display:inline-block; vertical-align:top;}
.mobile-menu-icon-hp img{ width:19px;}
.mobile-menu-overlay-hp{ display:none;}
.mobile-menu-close-hp{ display:none; float:right; position:absolute; top:15px; right:15px; z-index:99999;}
.mobile-menu-close-hp img{ width:19px;}
/*--------------- HEADER_END --------------*/

/*--------------- CONTAIN_START --------------*/
#contain{ margin:0px 0 0 0; padding:0px; }
.breadcrumb_block_hp{padding:61px 0 0 0;}
.breadcrumb_block_in_hp{}
.breadcrumb_middle_hp{}
.breadcrumb{background:none; border-radius:0; margin:0px; font-size:14px; line-height:24px; font-weight:400; padding:0px 0 0 0px; color:#303030;}
.breadcrumb a{color:#303030; text-decoration:none; font-weight:400;}
.breadcrumb-item+.breadcrumb-item::before{content:''; background:url(../images/arrow.svg) no-repeat center center; padding-right:40px;}
.breadcrumb-item+.breadcrumb-item{color:#999999;}

.banner_block_hp{padding:30px 0 0 0;}
.banner_block_in_hp{}
.banner_middle_hp{}
.banner_img_hp{}
.banner_img_hp img{width:100%;}

.interview_block_hp{padding:63px 0 0 0;}
.interview_block_in_hp{}
.interview_middle_hp{}
.interview_title_hp{}
.interview_title_hp h2{font-size:40px; line-height:48px; color: #303030; font-weight:700;}
.interview_row_hp{padding:34px 0 0 0; display:flex; align-items:center;}
.interview_row_title_hp{font-size:16px; line-height:24px; color: #303030; font-weight:700; padding-right:32px; border-right:2px solid #CCCCCC;}
.interview_row_info_hp{color:#999999; font-size:14px; line-height:24px; font-weight:400; padding-left:21px;}
.interview_box_hp{border-radius:10px; background:#E7F9EF; padding:31px 40px 29px 40px; margin-top:59px;}
.interview_box_title_hp{font-size:20px; line-height:48px; color: #303030; font-weight:700; padding-bottom:21px;}
.interview_box_info_hp{}
.interview_box_info_hp ul{}
.interview_box_info_hp ul li{font-size:16px; line-height:21px; color: #303030; font-weight:700; margin-bottom:23px; padding-left:20px; background:url(../images/green_elipse.svg) no-repeat left center;}
.interview_box_info_hp ul li:last-child{margin-bottom:0;}
.interview_box_info_hp ul li a {color: #303030;}

.gmc_block_hp{padding-bottom:60px;}
.gmc_block_in_hp{}
.gmc_middle_hp{}
.gmc_info_hp{padding-top:60px;}
.gmc_info_hp:last-child{padding-bottom:0;}
.gmc_info_hp h3{font-size:30px; line-height:40px; color: #303030; font-weight:700; padding:16px 20px 14px 20px; border-radius:5px;}
.gmc_info_hp p{font-size:16px; line-height:32px; color: #303030; font-weight:400; padding-top:40px;} 
.gmc_img_hp{padding-top:63px;}
.gmc_img_hp img{width:100%;}
.gmc_back_btn_hp{padding-top:120px;}
.gmc_back_btn_hp a{font-size:16px; line-height:32px; color: #303030; font-weight:700; padding:8px 17px; display:inline-block; background:#F7F7F7; border:1px solid #EEEEEE; text-align:center; border-radius:3px;  }
.gmc_img_pd_hp{padding-top:30px;}
.gmc_img_pd_hp_small{width:50%; padding-top:5px; text-align: center;}
.voice_text{padding-top:30px; font-size: 18px; transform: skewX(-12deg); color:black}
.pieCharts{display:flex; width:50%;}
.pieChart_img{margin:10px; border-radius:10px;}


/*--------------- CONTAIN_END --------------*/




/*--------------- FOOTER_START --------------*/
#footer{ margin:0px 0 0 0; padding:0; background: #fff; }
.footer-in-hp{padding:0;}
.footer-middle-hp{padding:40px 0; border-top:1px solid #EEEEEE;}
.copyright_hp{ padding:0 0 0 0px; text-align:center; font-size:16px; line-height:26px; font-weight:400; color:#333333; }
/*--------------- FOOTER_END --------------*/
