@charset "UTF-8";
/* CSS Document */
/*共通*/
/*フォント*/
body{
    line-height: 1.5rem;
    text-size-adjust: 100%;
 　　-webkit-text-size-adjust: 100%;/*Chrome,Safari*/
 　　-ms-text-size-adjust: 100%;/*EgdeMobile*/
 　　-moz-text-size-adjust: 100%;/*firefox*/
  font-family: 'myfont-Regular'!important;
}
/*ノト　ゴシック体*/
@font-face {
  font-family: 'myfont-black';
    src: url('../fonts/NotoSansCJKjp-Black.eot'); /* IE9 Compat Modes */
    src:url('../fonts/NotoSansCJKjp-Black.woff') format('woff'), /* Modern Browsers */
    url('../fonts/NotoSansCJKjp-Black-ttf.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {
  font-family: 'myfont-Bold';
    src: url('../fonts/NotoSansJP-Bold.eot'); /* IE9 Compat Modes */
    src:url('../fonts/NotoSansJP-Bold.woff') format('woff'), /* Modern Browsers */
    url('../fonts/NotoSansJP-Bold-ttf.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {
  font-family: 'myfont-Medium';
    src: url('../fonts/NotoSansJP-Medium.eot'); /* IE9 Compat Modes */
    src:url('../fonts/NotoSansJP-Medium.woff') format('woff'), /* Modern Browsers */
    url('../fonts/NotoSansJP-Medium-ttf.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {
  font-family: 'myfont-Regular';
    src: url('../fonts/NotoSansCJKjp-Regular.eot'); /* IE9 Compat Modes */
    src:url('../fonts/NotoSansCJKjp-Regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/NotoSansCJKjp-Regular-ttf.ttf')  format('truetype'); /* Safari, Android, iOS */
}
@font-face {
  font-family: 'myfont-Light';
    src: url('../fonts/NotoSansJP-Light.eot'); /* IE9 Compat Modes */
    src:url('../fonts/NotoSansJP-Light.woff') format('woff'), /* Modern Browsers */
    url('../fonts/NotoSansJP-Light-ttf.ttf')  format('truetype'); /* Safari, Android, iOS */
}
.font_Noto-b {
  font-family: 'myfont-black';
}
.font_Noto-bold {
  font-family: 'myfont-Bold';
}
.font_Noto-m {
  font-family: 'myfont-Medium';
}
.font_Noto-r {
  font-family: 'myfont-Regular';
}
.font_Noto-l {
  font-family: 'myfont-Light';
}

img{
	max-width: 100%;
    height: auto;
}
a {
	text-decoration: none!important;
}
ul,li {
    list-style: none;
    padding: 0;
}
.clear{
	clear: both;
}
/*下から出てくる動き*/
.fadein {
  opacity: 0;
  transform: translate(0, 50px);
  transition: all 1650ms;
}
.fadein.scrollin {
  opacity: 1;
  transform: translate(0, 0);
}
.fadein2000 {
  opacity: 0;
  transform: translate(0, 50px);
  transition: all 2000ms;
}
.fadein2000.scrollin {
  opacity: 1;
  transform: translate(0, 0);
}
/*///スライダー///*/
.slider-new-graduate{
	width: 100%;
}
.slider-new-graduate img{
    height: auto;
    width: 100%;
}
.slider-top-con2 a img:hover{
    text-decoration: none!important;
    color: transparent!important;
}
/*テスト*/
/*
.slider-new-graduate.slick-initialized.slick-slider {
    position: relative;
    z-index: 10;
}
*/
/*///gナビ///*/
/*スクロールしたら、ｇナビに背景色がつく*/
.header-box {
  position: fixed;
  top: 0;
  left: 0;
  margin: auto;
  z-index: 3;
  width: 100%;
  transition: all 1s ease;
  height: 70px;
}
.header-box-bg {
	background: rgba(239, 65, 37, 0.9);
}
.header-New-graduate {
    position: fixed;
    z-index: 9999;
    width: 100%;
    height: 96px;
}
@media (max-width: 1366px){
.header-New-graduate {
    height: 80px;
}
}
@media (max-width: 991px){
.header-New-graduate {
/* display: none;*/
}
}
.header-box {
    position: fixed;
    top: 0;
    left: 0;
    margin: auto;
    z-index: 3;
    width: 100%;
    transition: all 1s ease;
}
.header-box {
    z-index: 50;
    height: 96px;
}
@media (max-width: 1440px){
.header-box {
    height: 70px;
}
}
@media (max-width: 1199px){
.header-box {
    height: 65px;
}
}
.header-box__logo {
    float: left;
    padding: 10px 0 0 30px;
    position: relative;
    z-index: 99999;
}
@media (max-width: 1630px){
.header-box__logo {
    padding: 17px 0 0 20px;
}
}
@media (max-width: 1440px){
.header-box__logo {
    padding: 7px 0 0 20px;
}
}
@media (max-width: 1366px){
.header-box__logo {
    padding: 10px 0 0 20px;
}
}
@media (max-width: 1199px){
.header-box__logo {
    width: 23%;
}
}
@media (max-width: 1024px){
.header-box__logo {
    padding: 5px 0 0 20px;
}
}
@media (max-width: 991px){
.header-box__logo {
    width: 35%;
}
}
@media (max-width: 480px){
.header-box__logo {
    width: 44%;
}
}
@media (max-width: 425px){
.header-box__logo {
    width: 50%;
    padding: 5px 0 0 15px;
}
}
@media (max-width: 320px){
.header-box__logo {
    width: 63%;
}
}
/*ロゴ*/
img.logo-top2 {
    width: 89%;
    height: auto;
}
@media (max-width: 1630px){
img.logo-top2 {
    width: 85%;
	height: auto;
}
}
@media (max-width: 1440px){
img.logo-top2 {
    width: 65%;
	height: auto;
}
}
@media (max-width: 1024px){
img.logo-top2 {
    width: 90%;
}
}
@media (max-width: 991px){
img.logo-top2 {
    width: 73%;
}
}
@media (max-width: 767px){
img.logo-top2 {
    width: 181px;
    height: 51px;
}
}
.header-box__menu {
    text-align: right;
    float: right !important;
	padding-top: 0px;
    margin-right: 0px;
}
@media (max-width: 1199px){
.header-box__menu {
	padding-top: 0px;
    margin-right: 10px;
}
}
@media (max-width: 991px){
.header-box__menu {
	display: none;
}
}
ul.ddmenu {
    list-style: none;
    width: 100%;
    z-index: 50;
    padding: 25px 40px 0px 0px;
    font-size: 17px;
  font-family: 'myfont-Medium';
}
@media (max-width: 1440px){
ul.ddmenu {
	padding: 13px 20px 0px 0px;
}
}
@media (max-width: 1366px){
ul.ddmenu {
    padding-top: 16px;
}
}
@media (max-width: 1199px){
ul.ddmenu {
    padding-top: 12px;
}
}
ul.ddmenu a {
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    display: block;
    padding-bottom: 10px;
    color: #fff;
}
@media (max-width: 1024px){
ul.ddmenu a {
    line-height: 16px;
    padding-bottom: 2px;
}
}
ul.ddmenu a p {
	padding-left: 35px;
    padding-right: 35px;
    padding-bottom: 0px;
    letter-spacing: 0.08rem;
}
@media (max-width: 1662px){
ul.ddmenu a p {
    padding-right: 16px;
}
}
@media (max-width: 1547px){
ul.ddmenu a p {
    padding-right: 20px;
}
}
@media (max-width: 1366px){
ul.ddmenu a p {
	font-size: 13px;
}
}
@media (max-width: 1024px){
ul.ddmenu a p {
    padding-right: 20px;
    padding-left: 20px;
}
}
ul.ddmenu ul {
    margin: 0;
    padding: 0px;
    display: none;
    position: absolute;
    margin-left: 15px;
    z-index: 15;
}
@media (max-width: 1630px){
ul.ddmenu ul {
    margin-left: 0px;
}
}
@media (max-width: 1365px){
ul.ddmenu ul {
    margin-left: -4px;
    margin-top: -15px;
}
}
ul.ddmenu li{
    width: auto;
    display: inline-block;
    list-style-type: none;
    position: relative;
    padding: 0;
    margin: 0;
    line-height: 2px;
}
/*ナビメニュー内のドロップダウンメニュー*/
ul.ddmenu ul li a {
    width: 200px;
    font-size: 14px;
    line-height: 40px;
    text-align: left;
    padding: 5px 0 5px 15px !important;
    color: #fff;
    font-weight: bold;
	border-bottom: dotted 1px #333;
}
/*ナビメニュー*/
ul.ddmenu a:hover {
  color: #3b3636;
  transition: all 1s ease;
}
ul.ddmenu li:hover ul {
  display: block; /*マウスポインタが載っている項目の内部にあるリストを表示する */
	background-color: rgb(13,92,96,0.8);
}
/*IE10*/
@media all and (-ms-high-contrast:none) {
ul.ddmenu li:hover ul {
    background-color: #ececec;
}
}
/*IE11*/
_:-ms-lang(x)::-ms-backdrop, body {
  background-color: #ececec;
}
ul.ddmenu ul li a:hover {
  color: #0d5c60; /*サブメニュー項目にマウスが載ったときの文字色*/
  background: rgba(255, 255, 255, 1);
}
/*IE10*/
@media all and (-ms-high-contrast:none) {
ul.ddmenu ul li a:hover {
    background-color: #ffffff;
}
}
/*IE11*/
_:-ms-lang(x)::-ms-backdrop, body {
  background-color: #ffffff;
}img.nav1-img {
    margin-top: -7px;
    padding: 0px 5px;
}
@media (max-width: 1480px){
img.nav1-img {
	padding: 0px 0px;
    width: 90%;
}
}
@media (max-width: 1385px){
img.nav1-img {
	padding: 4px 0px;
    width: 80%;
}
}
li.hver-ac_c p{
	padding-top: 10px;
}
a.hver-ac_a.text-white {
    background-color: #515b7a;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
	margin: 0px 19px;
}
@media (max-width: 1385px){
a.hver-ac_a.text-white {
	margin: 0px 10px;
}
}
/*/////////////ハンバーガーメニュー/////////////*/
img.logo-top2-sp {
    display: none;
}
@media (max-width: 991px){
img.logo-top2-sp {
    display:block;
    margin-top: 5px;
}
}
@media (max-width: 991px){
.header-logotext-sp {
	margin-left: 16px;
    width: 23%;
    height: auto;
}
}
@media (max-width: 767px){
.header-logotext-sp {
    margin-top: -5px;
}
}
@media (max-width: 425px){
.header-logotext-sp {
    margin-left: 8px;
	margin-top: 0px;
}
}
@media (max-width: 767px){
img.logo-top2-sp {
    margin-top: 7px;
}
}
@media (max-width: 991px){
div#menu-container {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 60px;
/*    background-color:#ef4125;*/
	z-index: 100;
}
}
@media (max-width: 767px){
div#menu-container {
    height: 45px;
}
}

  #gnav-input:checked ~ #gnav-content {
    top: 0;
  }
  #gnav-content {
    position: fixed;
    top: -100%;
    left: 0;
    z-index: 10;
    transition: 0.3s;
    width: 100%;
  }


/*テスト*/
ul { list-style: none; }
a { text-decoration: none; color: black;}

#menu-wrapper {
    overflow: hidden;
    max-width: 100%;
    cursor: pointer;
}
@media (max-width: 2000px){
#menu-wrapper #hamburger-menu {
	display: none;
}
}
@media (max-width: 1024px){
#menu-wrapper #hamburger-menu {
    margin-top: -32px;
}
}
@media (max-width: 991px){
#menu-wrapper #hamburger-menu {
	display:block;
    position: relative;
    width: 30px;
    height: 30px;
    margin: 15px;
	float: right;
    margin-top: 18px;
/*    margin-top: -35px;*/
}
}
@media (max-width: 767px){
#menu-wrapper #hamburger-menu {
    margin-top: -29px;
}
}
@media (max-width: 425px){
#menu-wrapper #hamburger-menu {
    margin-top: -29px;
}
}
@media (max-width: 991px){
#menu-wrapper #hamburger-menu span {
    opacity: 1;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 10px;
    color: black;
    background-color:#fff;
    position: absolute;
    transform: rotate(0deg);
    transition: .4s ease-in-out;
}
}

#menu-wrapper #hamburger-menu span:nth-child(1) {
    top: 0;
}
#menu-wrapper #hamburger-menu span:nth-child(2) {
    top: 9px;
}
#menu-wrapper #hamburger-menu span:nth-child(3) {
    top: 18px;
}
#menu-wrapper #hamburger-menu.open span:nth-child(1) {
    transform: translateY(9px) rotate(135deg);
}
#menu-wrapper #hamburger-menu.open span:nth-child(2) {
    opacity: 0;
    transform: translateX(-60px);
}
#menu-wrapper #hamburger-menu.open span:nth-child(3) {
    transform: translateY(-9px) rotate(-135deg);
}

#menu-container .menu-list {
    padding-left: 0;
    display: block;
    position: absolute;
    width: 100%;
    max-width: 100%;
    background-color:rgb(195,85,68,0.8);
	color: #4a4a4a;
    z-index: 999;
    overflow-y: auto;
    overflow-x: hidden;
    left: -100%;
    margin-top: 5px;
}
@media (max-width: 1024px) {
#menu-container .menu-list {
    margin-top: 3px;
}
}
@media (max-width: 991px) {
#menu-container .menu-list {
    margin-top: -7px;
}
}
@media (max-width: 767px) {
#menu-container .menu-list {
    margin-top: -13px;
}
}
/*IE10*/
@media all and (-ms-high-contrast:none) {
#menu-container .menu-list {
    background-color: #0d5c60;
}
}
/*IE11*/
_:-ms-lang(x)::-ms-backdrop, body {
  background-color: #0d5c60;
}
#menu-container .menu-list li.accordion-toggle, #menu-container .menu-list .menu-login {
    font-size: 16px;
    padding: 10px 20px;
	text-transform: uppercase;
    border-top: 1px solid #dbdcd2;
}
#menu-container .menu-list li a {
    display: block;
	color: #fff;
}
@media (max-width: 425px) {
#menu-container .menu-list li a {
    font-size: 13px;
}
}
#menu-container .menu-list li{
	border-bottom: solid 1px #d3d3d3;
	padding: 10px 20px;
}
/*アコーディオンメニューの一番上*/
#menu-container .menu-list li:hover{
	background-color: #84a9ab;
}
ul.menu-submenu.accordion-content.open li .menu a:hover{
	background-color: #8fc8ca;
}
#menu-submenu .accordion-content li a:hover{
	background-color: #84a9ab;
}
#menu-container .menu-list li:first-of-type {
    border-top: 0;
}
a.menu-link active{
    color: #3f5194!important;
}
.accordion-toggle, .accordion-content {
    cursor: pointer;
    font-size: 16px;
    position: relative;
    letter-spacing: 1px;
}
  .accordion-content {
    display: none;
}
.accordion-toggle a:before, .accordion-toggle a:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    right: 30px;
    width: 15px;
    height: 2px;
    margin-top: -1px;
    background-color: #fff;
    transform-origin: 50% 50%;
    transition: all 0.3s ease-out;
}
.accordion-toggle a:before {
    transform: rotate(-90deg);
    opacity: 1;
    z-index: 2;
}
.accordion-toggle.active-tab {
	color: #3f5194; 
  transition: all 0.3s ease;
}
.accordion-toggle a.active:before {
    transform: rotate(0deg);
    background: #fff !important;
}
.accordion-toggle a.active:after {
    transform: rotate(180deg);
    background: #fff !important;
    opacity: 0;
}
ul.menu-submenu.accordion-content.open {
    background-color: #84a9aa;
}
#menu-container .menu-list li.sp-nav-p{
    padding: 10px 20px;
}
/*///ヘッダー///*/
@media (max-width: 1366px){
.header {
    height: 65px;
}
}
@media (max-width: 991px){
.header {
    height: 40px;
}
}
p.h_t1 {
    height: 35px;
    text-align: center;
    margin-bottom: 0rem;
    padding-top: 10px;
    padding-left: 0px!important;
    padding-right: 0px!important;
    width: 200px;
}
@media (max-width: 1366px){
p.h_t1 {
    width: 150px;
}
}
img.nrc_logo {
    padding-top: 21px;
    margin-left: 42%;
    position: absolute;
    width: 15.45vw;
    z-index: 10000;
}
@media (max-width: 1199px){
img.nrc_logo {
    padding-top: 15px;
}
}
@media (max-width: 991px){
img.nrc_logo {
    padding-top: 10px;
}
}
@media (max-width: 767px){
img.nrc_logo {
	width: 37%;
    margin-left: 30%;
}
}
/*メイン画像*/
.main-top-bg{
    background-image:url("../img/main.png");
	height: 855px;
    background-position: top;
	background-repeat: no-repeat;
    background-size: cover;
}
@media screen and (max-width: 1440px){
.main-top-bg{
	height: 600px;
}
}
@media screen and (max-width: 1199px){
.main-top-bg{
	background-size: 100%;
    height: 575px;
}
}
@media screen and (max-width: 1024px){
.main-top-bg{
    height: 490px;
}
}
@media screen and (max-width: 991px){
.main-top-bg{
/*    margin-top: 57px;*/
    height: 370px;
}
}
@media screen and (max-width: 767px){
.main-top-bg{
    background-image:url("../img/con1-img-sp.png");
	background-size: 100%;
    background-repeat: no-repeat;
	height: 690px;
}
}
@media screen and (max-width: 480px){
.main-top-bg{
    height: 585px;
}
}
@media screen and (max-width: 425px){
.main-top-bg{
    height: 515px;
}
}
@media screen and (max-width: 375px){
.main-top-bg{
    height: 455px;
}
}
@media screen and (max-width: 360px){
.main-top-bg{
}
}
@media screen and (max-width: 320px){
.main-top-bg{
}
}
/*コンテンツ１*/
img.title_icon.fadein {
    display: block;
    margin: auto;
}
p.top-con1_t1.fadein {
    text-align: center;
}
@media screen and (max-width: 991px){
p.top-con1_t1.fadein {
	font-size: 13px;
}
}
@media screen and (max-width: 425px){
p.top-con1_t1.fadein {
    margin-top: 10px;
}
}
/*タイトルの囲み*/
.title_box {
    margin: auto;
    padding-top: 150px;
	text-align: center;
}
@media screen and (max-width: 1199px){
.title_box {
    padding-top: 100px;
}
}
@media screen and (max-width: 991px){
.title_box {
    padding-top: 80px;
}
}
@media screen and (max-width: 767px){
.title_box {
    padding-top: 40px;
}
}
/*sp　採用情報*/
@media screen and (max-width: 767px){
.title_box.title_box-sp {
    padding-top: 100px;
}
}
@media screen and (max-width: 767px){
img.con2_1-sp {
    margin: 50px 0px 0px -7%;
}
}
@media screen and (max-width: 425px){
img.con2_1-sp {
    margin: 50px 0px 0px -9%;
}
}
@media screen and (max-width: 375px){
img.con2_1-sp {
    margin: 50px 0px 0px -10%;
}
}
@media screen and (max-width: 320px){
img.con2_1-sp {
    margin: 50px 0px 0px -12%;
}
}
/*タイトル*/
h1.title {
  position: relative;
  display: inline-block;
  margin: auto;
  font-size: 42px;
  letter-spacing: 0.1rem;
  color: #ef4125;
  margin-top: 25px;
}
@media screen and (max-width: 1024px){
h1.title {
	font-size: 40px;
}
}
@media screen and (max-width: 991px){
h1.title {
	font-size: 30px;
}
}
@media screen and (max-width: 767px){
h1.title {
  margin-top:15px;
}
}
/*サブタイトル*/
.sub_title{
  font-size: 20px;
  letter-spacing: 0.05rem;
  margin-top: 10px;
  font-family: 'myfont-Medium';
}
@media screen and (max-width: 1024px){
.sub_title{
	font-size: 14px;
    margin-top: 5px;
}
}
/*画像　ｐｃ*/
img.con1_img-pc{
    width: 100%;
    margin: auto;
    display: block;
    margin-top: 50px;
}
img.con1_img-sp{
    width: 100%;
    margin: auto;
    display: block;
    margin-top: 50px;
}
p.con1-t1 {
    font-size: 19px;
    text-align: center;
    margin-top: 30;
    margin-top: 50px;
    line-height: 2.5rem;
}
@media screen and (max-width: 991px){
p.con1-t1 {
    font-size: 16px;
}
}
@media screen and (max-width: 767px){
p.con1-t1 {
    text-align: left;
    font-size: 15px;
    line-height: 1.6rem;
    margin-top: 30px;
}
}
@media screen and (max-width: 375px){
p.top-con1_t1 {
    font-size: 13px;
}
}
.link_btn {
    background:#2f7c66;
    width: 225px;
    display: block;
    margin: auto;
    margin-top: 50px;
    padding: 15px 10px;
	text-align: center;
	margin-bottom: 50px;
}
.link_btn_a {
    background:#2f7c66;
    width: 225px;
    padding: 15px 10px;
	text-align: center;
	margin: 70px 0px 50px 50px;
}
@media screen and (max-width: 1024px){
.link_btn_a {
    margin: 70px 0px 0px 20px;
}
}
@media screen and (max-width:991px){
.link_btn_a {
    margin: 50px 0px 0px 00px;
}
}
@media screen and (max-width:767px){
.link_btn_a {
    display: block;
    margin: auto;
	margin-top: 50px;
}
}
.link_btn_b {
    background:#2f7c66;
    width: 225px;
    display: block;
    margin: auto;
    margin-top: 120px;
    padding: 15px 10px;
	text-align: center;
}
@media screen and (max-width:767px){
.link_btn_b {
    margin-top: 50px;
}
}
.link_btn a,.link_btn_a a,.link_btn_b a{
	color: #fff;
    font-size: 15px;
    letter-spacing: 0.05rem;
}
/*ボタンのカラー*/
.link_btn a:hover,.link_btn_a a:hover,.link_btn_b a:hover{
    color: #3b3636;
    transition: all 1s ease;
}
/*電話　プライバシーポリシー*/
.con3_wrap-r a:hover,ul li.f-l a:hover{
    color: #908787;
    transition: all 0.5s ease;
}


/*コンテンツ2*/
/*斜め背景*/
.diagonal_2 {
  overflow: hidden;
  position: relative;
}
.diagonal_2:before {
  content: '';
  position: absolute;
  top: 43%;
  left: 0;
  width: 200vw;
  height: 71%;
  margin: -500px -13% 0;
  background: #f6f6f6;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(8deg);
  -ms-transform: rotate(8deg);
  transform: rotate(8deg);
  z-index: -1;
}
@media(min-width:2500px) {
.diagonal_2:before {
    width: 130%;
}
}
@media (max-width: 1440px) {
.diagonal_2:before {
    margin: -477px -13% 0;
}
}
@media (max-width: 1199px) {
.diagonal_2:before {
    margin: -445px -13% 0;
}
}
@media (max-width: 1024px) {
.diagonal_2:before {
    top: 52%;
}
}
@media (max-width: 991px) {
.diagonal_2:before {
    top: 62%;
}
}
@media (max-width: 767px) {
.diagonal_2:before {
    top: 47%;
    height: 78%;
}
}
@media (max-width: 425px) {
.diagonal_2:before {
    top: 51%;
    margin: -445px -33% 0;
}
}
/*右側の画像*/
img.con2_1 {
    width: 100%;
    margin: auto;
    display: block;
    margin-top: 60px;
}
@media screen and (max-width: 767px){
.container.container-fluid-sp {
    padding-right: 0px;
    padding-left: 0px;
}
}
.con2-t1{
    font-size: 19px;
    line-height: 2.5rem;
    margin: 100px 0px 0px 50px;
}
@media screen and (max-width: 1199px){
.con2-t1{
    font-size: 16px;
}
}
@media screen and (max-width: 1024px){
.con2-t1{
    margin: 100px 0px 0px 20px;
}
}
@media screen and (max-width: 991px){
.con2-t1{
    margin: 60px 0px 0px 0px;
    line-height: 1.8rem;
    font-size: 15px;
}
}
@media screen and (max-width: 767px){
.con2-t1{
    margin: 30px 0px 0px 0px;
    font-size: 13px;
}
}
img.con2_img {
    margin: 50px 0px 0px 50px;
}
@media screen and (max-width: 1024px){
img.con2_img {
    margin: 50px 0px 0px 20px;
}
}
@media screen and (max-width: 991px){
img.con2_img {
    margin: 30px 0px 0px 0px;
}
}
/*コンテンツ3*/
.title_box_3 {
    margin: auto;
    text-align: center;
}
img.title_icon.title_icon_naname {
    padding-top: 200px;
}
@media screen and (max-width: 1199px){
img.title_icon.title_icon_naname {
    padding-top: 150px;
}
}
table.top-con3 {
    width: 100%;
    font-size: 14px
}
@media screen and (max-width: 767px){
table.top-con3 {
    font-size: 13px
}
}
table tr.top-con3_line{
	border-bottom: solid 1px #d3cbcb;
}
table.top-con3  th{
    padding: 10px 10px 10px 70px;
    vertical-align: top;
}
@media screen and (max-width:991px){
table.top-con3  th{
    padding: 10px 10px 10px 20px;
}
}
@media screen and (max-width:360px){
table.top-con3  th{
    padding: 5px 10px 5px 10px;
}
}
/*テーブル　事業内容*/
td.top-con3_height {
    padding: 10px;
    line-height: 1.6rem;
}
@media screen and (max-width:360px){
td.top-con3_height {
    padding: 5px 0px;
}
}
.con4_top {
    width: 19%;
    display: inline-block;
}
@media screen and (max-width:991px){
.con4_top {
	width: 27%;
}
}
@media screen and (max-width:767px){
.con4_top {
    margin-top: 0px;
    width: 173px;
}
}
@media screen and (max-width:425px){
.con4_top {
    margin-top: 120px;
    width: 180px;
}
}
@media screen and (max-width:375px){
.con4_top {
    width: 195px;
}
}
@media screen and (max-width:360px){
.con4_top {
    width: 185px;
}
}
img.top_con4 {
    position: relative;
	z-index: 1;
    left: 9%;
    margin-top: 50px;
}
@media screen and (max-width: 1199px){
img.top_con4 {
    left: 0%;
}
}
@media screen and (max-width: 991px){
img.top_con4 {
	width: 50%;
    height: auto;
}
}
@media screen and (max-width: 767px){
img.top_con4 {
	width: 100%;
    height: auto;
    position: static;
}
}
.top_con4_box {
    position: absolute;
    z-index: 2;
    margin-top: -270px;
    width: 510px;
    left: 51%;
	padding: 30px 30px 20px 30px;
	background-color: rgba(246,246,246,0.8);
}
@media screen and (max-width: 1024px){
.top_con4_box {
    width: 450px;
    left: 52%;
}
}
@media screen and (max-width: 991px){
.top_con4_box {
    width: 370px;
    left: 46%;
    margin-top: -230px;
    padding: 20px 20px 10px 20px;
}
}
@media screen and (max-width: 767px){
.top_con4_box {
    width: 93%;
    padding: 30px 10px 20px;
    left: 4%;
    z-index: 10;
    margin: auto;
    margin-top: -65px;
    position: static;
}
}
.con-mt2{
	padding-top: 100px;
}
@media screen and (max-width: 991px){
.con-mt2{
    margin-top: 0px;
}
}
@media screen and (max-width: 767px){
.con-mt2{
    padding-top: 50px;
}
}

/*フッター*/
/*斜め背景*/
.diagonal_company {
  overflow: hidden;
  position: relative;
}
.diagonal_company:before {
  content: '';
  position: absolute;
  top: 43%;
  left: 0;
  width: 200vw;
  height: 71%;
  margin: -100px -13% 0;
  background: #f6f6f6;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(8deg);
  -ms-transform: rotate(8deg);
  transform: rotate(8deg);
  z-index: -1;
}
@media(min-width:2500px) {
.diagonal_company:before {
	width: 130%;
}
}
@media (max-width: 1199px) {
.diagonal_company:before {
	top: 45%;
}
}
@media (max-width: 1024px) {
.diagonal_company:before {
	top: 53%;
}
}
@media (max-width: 767px) {
.diagonal_company:before {
    top: 48%;
    margin: -75px -13% 0px;
}
}
@media (max-width: 425px) {
.diagonal_company:before {
    top: 58%;
}
}
@media (max-width: 375px) {
.diagonal_company:before {
    top: 65%;
}
}
/*左側*/
.con8_bg-img-r {
    float: left;
}
img.con-3-r-logo-company {
    width: 268px;
    height: auto;
    margin-bottom: 15px;
}
@media (max-width: 991px) {
img.con-3-r-logo-company {
	width: 220px;
}
}
a.tel-f {
    font-family: 'myfont-Bold';
    font-size: 23px;
}
ul.con3_company_text {
    font-size: 15px;
    line-height: 1.8rem;
}
@media (max-width:1199px) {
ul.con3_company_text {
	font-size: 13px;
}
}
@media (max-width:991px) {
ul.con3_company_text {
	font-size: 11px;
    line-height: 1.5rem;
}
}
li.f-l {
    margin-top: 10px;
}
/*右側*/
img.con4-contact {
    float: right;
    margin-bottom: 50px;
}
@media (max-width:1199px) {
img.con4-contact {
    width: 63%;
	height: auto;
}
}
@media (max-width:991px) {
img.con4-contact {
    width: 60%;
    margin-top: 80px;
}
}
@media (max-width:767px) {
img.con4-contact {
    width: 100%;
    margin-top: 10px;
}
}
@media (max-width:375px) {
img.con4-contact {
    margin-bottom: 25px;
}
}
/*コピーライト*/
.cope_boxbox{
	clear: both;
	margin-top: 30px;
}
.cope_box {
    background-color: #ef4125;
}
p.cope-text {
    font-size: 15px;
    text-align: center;
    color: #fff;
    padding: 15px;
    margin-bottom: 0rem;
}
@media (max-width:991px) {
p.cope-text {
    font-size: 13px;
}
}
@media (max-width:375px) {
p.cope-text {
    font-size: 11px;
    padding: 15px 0px;
}
}

/*テスト///////////////////////////////////////*/
/*menu*/
.menu{
    height: 20px;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 30px;
    z-index: 99;
}
.menu__line{
    background: #fff;
    display: block;
    height: 2px;
    position: absolute;
    transition:transform .3s;
    width: 100%;
}
.menu__line--center{
    top: 9px;
}
.menu__line--bottom{
    bottom: 0;
}
.menu__line--top.active{
    top: 8px;
    transform: rotate(45deg);
}
.menu__line--center.active{
    transform:scaleX(0);
}
.menu__line--bottom.active{
    bottom: 10px;
    transform: rotate(135deg);
}
/*gnav*/
.gnav{
    background: rgba(0,0,0,0.8);
    display: none;
    height: 100%;
    position: fixed;
    width: 100%;
    z-index: 98;
}
.gnav__wrap{
    align-items:center;
    display: flex;
    height: 100%;
    justify-content: center;
    position: absolute;
    width: 100%;
}
.gnav__menu__item{
    padding: 15px 0px 15px 0px;
    margin-top: 10px;
}
.gnav__menu__item a{
	color: #fff;
    font-size: 1.5em;
    font-weight: bold;
    padding: 40px;
	text-decoration: none;
    transition: .5s;
}
.gnav__menu__item a:hover{
    color: #666;
}
/*
.hero{
    background:url(images/hero.png);
    background-position: 50% 50%;
    background-size: cover;
    height: 855px;
	    background-repeat: no-repeat;
}*/