@charset "utf-8";

/*--------------------------------------------------------------------------------------------------

   second

--------------------------------------------------------------------------------------------------*/

.sp {
  display: none;
}

.pc {
  display: block;
}

@media all and (max-width: 768px) {

  body {
    font-size: 13px;
    line-height: 1.5;
  }

  .sp {
    display: block;
  }
  
  .pc {
    display: none;
  }
		
		img {
			max-width: 100%;
			height: auto;
		}

  .fl-left,
  .fl-right {
    float: none;
  }

  .full-max-width {
    max-width: 100%!important;
  }
  
  .full-width {
    width: 100%!important;
  }

  #header {
    height: 65px;
  }

  #header header {
    width: 100%;
    height: 65px;
  }

  #header h1,
		#header p {
    margin: 0;
    padding: 15px 0 0 15px;
  }

  #header h1 a,
		#header p a {
    width: 200px;
    height: 36px;
    background: url(../image/logo.png) no-repeat 0 0;
    background-size: 200px 36px;
  }

  .menu-trigger,
  .menu-trigger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
  }

  .text-menu {
    color: #006cbd;
    position: absolute;
    bottom: 5px;
    font-weight: 600;
    right: 20px;
    font-size: 12px;
  }

  .menu-trigger {
    position: relative;
    width: 40px;
    height: 30px;
    float: right;
    margin-top: 10px;
    margin-right: 20px;
  }
  .menu-trigger span {
    position: absolute;
    left: 0;
    width: 100%;
    height: 5px;
    background-color: #006cbd;
    border-radius: 0;
  }
  .menu-trigger span:nth-of-type(1) {
    top: 0;
  }

  .menu-trigger.active span:nth-of-type(1) {
    top: -7px;
  }

  .menu-trigger span:nth-of-type(2) {
    top: 12px;
  }
  .menu-trigger.active span:nth-of-type(3) {
    bottom: -8px;
  }

  .menu-trigger span:nth-of-type(3) {
    bottom: 0;
  }

  .menu-trigger.active span:nth-of-type(1) {
    -webkit-transform: translateY(20px) rotate(-45deg);
    transform: translateY(20px) rotate(-45deg);
  }
  .menu-trigger.active span:nth-of-type(2) {
    left: 50%;
    opacity: 0;
    -webkit-animation: active-menu-bar02 .8s forwards;
    animation: active-menu-bar02 .8s forwards;
  }
  @-webkit-keyframes active-menu-bar02 {
    100% {
      height: 0;
    }
  }
  @keyframes active-menu-bar02 {
    100% {
      height: 0;
    }
  }
  .menu-trigger.active span:nth-of-type(3) {
    -webkit-transform: translateY(-20px) rotate(45deg);
    transform: translateY(-20px) rotate(45deg);
  }

  .text-menu.active {
    display: none;
  }

  nav {
    background: #fff;
    position: absolute;
    top: 65px;
    left: 0;
    z-index: 1;
    height: auto;
    width: 100%!important;
  }

  #header nav ul {
    float: none;
    width: 100%;
				height: auto;
    border-top: 1px solid #006cbd;
  }
  
  #header nav ul li {
    float: none;
    text-align: left;
    border-bottom: 1px solid #006cbd;
  }

  #header nav ul li a {
    width: 100%!important;
    font-size: 12px;
    font-weight: 600;
    color: #000;
    padding: 15px 30px 10px 30px;
    height: auto;
    display: block;
  }

  #header nav ul li:nth-child(3) {
    margin-right: 0;
    border-bottom: none;
  }

  nav ul > li:nth-child(4) {
    display: block;
  }

  nav ul .menu {
    opacity: 1;
    overflow: inherit;
    background-color: #fdddd9;
    position: relative;
    height: auto;
    max-height: inherit;

  }

  #header nav ul .menu .menu_inner {
    width: 100%;
    float: none;
    display: block;
     border-top: none;
  }

  #header nav ul .menu .menu_inner li a {
    background-color: #fdddd9;
    width: 100%;
  }

  #header nav ul .menu .menu_inner li:first-child  a {
    border-bottom: 1px solid #f77d6c;
  }

  #header nav ul .menu .menu_inner li {
    width: 100%;
    display: block;
  }

  #header nav ul .menu .menu_inner li a {
    padding-left: 45px;
    color: #000;
  }

  
/*--------------------------------------------------------------------------------------------
  top
--------------------------------------------------------------------------------------------*/
  #topslide {
    margin-top: 65px;
				height: 300px;
  }
  
  #topslide .image {
    top: 65px;
				height: 300px;
				background-position: 52% center;
  }
		
  #topslide .text {
    width: 100% !important;
    margin: 0 auto;
				padding: 100px 0 0 10px;
				overflow: hidden;
   	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  }

  #topslide .text1 p {
    font-size: 28px;
    margin-bottom: 14px;
  }

  #topslide .text2 p {
    font-size: 28px;
    margin-bottom: 24px;
  }

  #topslide .texteng1 p,
  #topslide .texteng2 p {
    font-size: 15px;
    margin-bottom: 5px;
   	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
				font-weight: 600;
				font-style: italic;
  }

  #topAbout .text {
    width: 100%;
    display: block;
    text-align: left;
    padding: 30px 35px 30px 35px;
  }

  #topAbout .text div p.lead {
    font-size: 20px;
    margin-bottom: 10px;
  }

  #topAbout .text div p.cont {
    margin: 0 0 15px;
  }

  #topAbout .text div,
  #topAbout .image {
    width: 100%;
    max-width: 100%;
    display: block;
  }

  button.btn-1 {
    width: 170px;
    height: 33px;
    line-height: 33px;
    font-size: 13px;
    margin: 0 auto;
   	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
				letter-spacing: 1px;
  }

.btn-1 .btnarrow::before {
	content: '\f054';
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	color:rgba(0,108,189, 1);
	position: absolute;
	left: 90%;
}

  #topProduct {
    padding: 0 0 30px 0;
  }

  #topProduct .cont {
    width: 100%;
    padding: 30px 35px 10px;
  }

  #topProduct h2 {
    font-size: 33px;
    margin: 0 0 20px
  }

  #topProduct ul li h3 {
    font-size: 17px;
    line-height: 40px;
    letter-spacing: 0;
    background-size: 300px 51px;
    width: 300px;
    height: 51px;
				text-align: center;
				padding-left: 0;
				padding-right: 0;
				top: -10px;
  }

  #topProduct ul li dl {
    margin: 11px 0 0 6px;
    padding: 0;
    box-shadow: 5px 5px #6eabd9;
    width: calc(100% - 10px);
    background: none;
  }

  #topProduct ul li {
    margin: 0 0 40px;
    margin-right: 0px;
    width: 100%;
    float: none;
  }

  #topProduct ul li:nth-child(2n-1) {
    margin-right: 0;
  }

  #topProduct ul li dl dd {
    margin: 0;
    padding: 20px;
  }

  button.btn-2 {
    /*width: 260px;*/
				width: 170px;
    height: 33px;
    line-height: 33px;
   	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
				font-size: 13px;
				margin: 0 auto;
				letter-spacing: 1px;
  }

.btn-2 .btnarrow::before {
	content: '\f054';
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	color:rgba(255,255,255, 1);
	position: absolute;
	left: 90%;
}
  .btnBox {
    /*width: 260px;*/
				width: 170px;
				margin: 0 auto;
  }
		
  #topNews .cont {
    padding: 0px 0 30px;
  }

  #topNews .cont .newsBox {
    width: 100%;
    float: none;
				padding: 30px 0 0;
  }

  #topNews .cont .newsBox h2 {
    font-size: 33px;
    margin: 0 0 19px;
    text-align: center;
  }

  #topNews .cont {
    width: 100%;
  }

  #topNews .cont .newsBox ul {
    margin: 0 35px 20px 35px;
    padding: 0px 15px 15px;
  }

  #topNews .cont .newsBox ul li {
    margin: 18px 0 0;
    display: inline-block;
  }

  #topNews .cont .newsBox ul li dt {
    margin-bottom: 3px;
  }

  button.btn-3 {
    /*width: 260px;*/
				width: 170px;
				margin: 0 auto;
    height: 33px;
    line-height: 33px;
   	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
				font-size: 13px;
 			letter-spacing: 1px;
  }
.btn-3 .btnarrow::before {
	content: '\f054';
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	color:rgba(255,255,255, 1);
	position: absolute;
	left: 90%;
}

  #topNews .cont .companyBox {
    height: auto;
    float: none;
    position: relative;
    padding: 30px 0 0 0;
				margin: 0 30px;
  }

  .companyBoxsp {
			margin: 40px 30px 30px;
			text-align: center;
		}

  .companyBoxsp img {
			max-width: 100%;
			height: auto;
		}

  #topNews .cont .companyBox .text {
		}
		
  #topNews .cont .companyBox .text h2 {
    font-size: 33px;
    margin: 0px
  }

  #topNews .cont .companyBox .text h2 .sub {
    font-size: 14px;
    margin-top: -3px;
  }

  #topNews .cont .companyBox .bg img  {
    width: 100%;
  }

  #topRecruit {
    background: url(../image/top_recruit-01-sp.jpg) no-repeat center center;
    background-size: cover;
  }

  #topRecruit .cont {
    width: 100%;
    margin: 0 auto;
    padding: 30px 35px 0 35px;
  }

  #topRecruit .cont .image {
    position: relative;
    margin-top: 8px;
    text-align: center;
    left: 0;
  }

  #topRecruit .cont .image img {
    width: 220px;
  }

  #topRecruit .cont .text {
    width: 100%;
    padding: 30px 18px ;
				background-color: rgba(210, 30, 0, 0.8);
  }

  #topRecruit .cont .text h2,
  #fContact .cont h2,
  #topNews .cont .newsBox h2,
  #topAbout .text div h2 {
    font-size: 33px;
    margin: 0 0 15px;
    text-align: center;
  }


  #topRecruit .cont .text h2 .sub,
  #fContact .cont h2 .sub,
  #topNews .cont .newsBox h2 .sub,
  #topAbout .text div h2 .sub,
  #topProduct h2 .sub {
    font-size: 14px;
    margin-top: -3px;
  }

  #topRecruit .cont .text .lead {
    font-size: 20px;
    margin-bottom: 16px;
  }

  button.btn-4 {
    /*width: 260px;*/
				width: 170px;
				margin: 0 auto;
    height: 33px;
    line-height: 33px;
    font-size: 11px;
   	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
				font-size: 13px;
								letter-spacing: 1px;
  }
.btn-4 .btnarrow::before {
	content: '\f054';
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	color:rgba(230, 30, 0, 1);
	position: absolute;
	left: 90%;
}

  #fContact {
    padding: 30px 0 30px 0;
  }

  #fContact .cont {
    width: 100%;
  }

  #fContact .cont .lead {
    margin: 0 0 15px;
  }

  #fContact .cont .tm {
    position: relative;
    height: auto;
    text-align: center;
  }
		
		#fContact .cont .tm a {
			opacity: 1;
			color: #FFF;
		}

  #fContact .cont .tm div.tel, #fContact .cont .tm div.mail {
    position: relative;
    width: 90%;
    height: auto;
    padding: 20px;
    margin: 0 auto 20px;
    display: inline-block;
  }

  #fContact .cont .tm .tel h3,
  #fContact .cont .tm .mail h3 {
    font-size: 12px;
    padding: 6px 0;
				margin-bottom: 5px;
  }

  #fContact .cont .tm .tel h3::before,
  #fContact .cont .tm .mail h3::before { 
    border-width: 15px 0 15px 10px;
  }

  #fContact .cont .tm .tel h3::after,
  #fContact .cont .tm .mail h3::after {
    border-width: 15px 10px 15px 0;
  }

  #fContact .cont .tm .tel dl dt {
    font-size: 26px;
    line-height: 1.4;
  }

  #fContact .cont .tm .tel dl dt img {
    margin-right: 3px;
    height: 22px;
    font-style: normal;
    width: 22px;
  }

  #fContact .cont .tm .tel dl dd {
    margin-top: 3px;
  }

  button.btn-5 {
    /*width: 260px;*/
				width: 170px;
    height: 33px;
    line-height: 33px;
    font-size: 11px;
				margin: 0 0 10px;
				letter-spacing: 1px;
  }

  #fContact .cont .tm .mail h3 {
    margin-bottom: 22px;
  }

  #footer .cont {
    width: 100%;
    padding: 0 0 30px;
  }

  #footer .cont .logo {
    float: none;
    width: 100%;
    padding: 30px 0 0;
    text-align: center;
  }

  #footer .cont .logo img {
    width: 175px;
    height: auto;
  }

  #copy {
    line-height: 48px;
  }

  #ptop {
    position: fixed;
    right: 14px;
    bottom: 30px;
    z-index:1001;
  }

/*--------------------------------------------------------------------------------------------
  company
--------------------------------------------------------------------------------------------*/
  #secondTitle {
    margin: 65px 0 0;
  }
  
  #secondTitle div {
	width: 100%;
  }

  #secondTitle h1 {
    font-size: 28px;
    left: 40px;
    top: 33px;
  }

  #secondTitle p.sub {
    top: 65px;
    left: 40px;
    font-size: 12px;
  }

  #second #companyGreeting {
    padding: 10px 20px 30px;
    background-color: #FFF;
  }

  #second h2 {
    font-size: 33px;
  }

  #second #companyGreeting h2 {
    position: relative;
    top: 0;
  }

  #second h2 .sub {
    font-size: 14px;
    margin-top: 0;
  }

  #second .cont {
    width: 100%;
  }
		
  #second #companyGreeting .cont {
    padding: 30px 35px;
				margin: -10px 0 0;
  }

  #second #companyGreeting h3 {
    font-size: 20px;
    margin-bottom: 20px;
  }

  #second #companyGreeting h3 u {
    box-shadow: inset 0 0px 0 white, inset 0 -9px 0 #f11e00;
  }

  #second #companyGreeting p {
    margin-bottom: 20px;
	line-height: 1.4;
  }

  #second #companyGreeting .author span {
    font-size: 13px;
    margin-top: 10px;
    margin-right: 7px;
  }

  #second #companyGreeting .author img  {
    width: 80px;
  }

  #second #companyStrength {
    padding: 20px 0 0;
  }

  #second #companyStrength h2 {
    margin-bottom: 0;
  }

  #second #companyStrength ul {
    width: 100%;
    float: none;
  }

  #second #companyStrength li {
    padding: 0 35px 0 35px;
	  border-bottom: 1px solid #fff;
  }

  #second #companyStrength li .number {
    font-size: 45px;
    left: 10px;
    bottom: -9px;
  }

  #second #companyStrength li .text {
    font-size: 20px;
    padding-left: 15px;
  }

  #second .cont p {
    margin: 0 0 20px;
  }
  
  #second #companyStrength li h3 {
	margin-bottom: 20px;
  }
  
  #second #companyStrength li p {
    height: auto;
  }
  
  #second #companyStrength li {
	padding-bottom: 30px;
  }
  
  #second #handling h2, #second #handling .cont {
    width: auto;
    max-width: 100%;
    margin: 0 35px;
  }
  
  #second #handling h2 {
	top: 15px;
	line-height: 1.2;
  }
  
  #second #handling h2 .sub {
	margin-top: 0px;
  }
  
  #second #handling h2::before, 
  #second #handling h2::after {
	top: 25px;
	width: calc(50% - 90px);
	height: 5px;
  }
  
  #second #handling .cont ul {
    width: 100%;
    float: none;
  }
  
  #second #handling .cont {
	padding: 80px 5% 0 30px;
	border: 5px solid #006cbd;
	border-top: none;
  }
  
  #second #handling .cont li {
	font-size: 14px;
	line-height: 1.4;
	margin-bottom: 5px;
  }
  
  #second #handling {
    padding: 45px 0 30px 0;
  }
  
  #second #handling .cont ul:last-child {
	padding-bottom: 20px;
  }
  
  #second #history {
    padding: 20px 0 30px 0;
    background: #FFF;
  }
  
  #second #history h2 {
	position: relative;
	top: 0;
  }
  
  #second #history .box-outline .cont {
			margin: 20px 0 30px;
    padding: 20px 10px;
	display: block;
  }
  
  #second #history .box-outline .cont dl {
    margin-left: 25px;
    width: auto;
    margin-top: 20px;
    margin-right: 25px;
  }
  
  #second #history .box-outline .cont dt,
  #second #history .box-history dt  {
    width: 30%;
    margin-right: 0;
  }
  
  #second #history .box-outline .cont dd,
  #second #history .box-history dd  {
    width: 65%;
	line-height: 18px;
	margin-bottom: 5px;
  }
  
  #second #history .box-history {
    margin-top: 10px;
  }
  
  #second #history .box-history .cont {
			margin: 20px 0 0;
    padding: 10px 35px 10px 35px;
	display: block;
  }
  
  #second #access {
    padding: 10px 0 30px 0;
  }
  
  #second #access ul {
	padding: 0 35px;
  }
  
  #second #access li {
    padding: 20px 0;
    border-bottom: 1px solid #fff;
	display: block;
  }
  
  #second #access li .info {
    width: 100%;
    line-height: 1.4;
	display: block;
  }
  
  #second #access li .info img {
	max-width: 100%;
  }
  
  #second #access li .map {
    width: 100%;
    height: 140px;
    margin-top: 15px;
  }
  
  #second #access li .info h3 {
	font-size: 15px;
	padding-bottom: 0;
  }

  #secondTitle.company {
    background: url(../image/company_title-sp.jpg) no-repeat center bottom;
  }

  #secondTitle div {
    height: 113px;
  }
		
		#second #companyGreeting h2 span {
			margin-top: 0;
		}

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

#second #companyStrength li {
	border-bottom: 1px solid #FFF;
}

#second #companyStrength li:last-child {
	border-bottom: none;
}

#second #companyStrength li.spline {
	border-bottom: 1px solid #FFF;
}


#second #history h2 span {
	margin-top: 6px;
}

#second #history .box-history .cont table {
	width: 100%;
}

#second #history .box-history .cont table td {
	display: block;
	width: 100%;
}

#second #history .box-history .cont table td table {
	width: 100%;
	line-height: 1.4;
}

#second #history .box-history .cont table td table th {
	display: table-cell;
	white-space: nowrap;
	width: 100px;
}

#second #history .box-history .cont table td table td {
	display: table-cell;
	width: auto;
	padding-bottom: 5px;
}

#second #access h2 .sub {
	margin-top: -5px;
}

#second #access li .info address {
	margin: 0 0 20px;
}

/*--------------------------------------------------------------------------------------------
  news
--------------------------------------------------------------------------------------------*/
  #secondTitle.news {
    background: url(../image/news_title-sp.jpg) no-repeat center bottom;
  }

  #second.news {
    padding: 30px 0;
  }

  #second.news .contLeft {
    width: 96%;
    float: none;
    margin: 0 auto;
  }

  #second.news .contLeft .newsList {
    margin: 0 0 20px;
    padding: 20px;
  }

  #second.news .contLeft .newsList li {
    margin: 0 0 15px;
  }

  .pager_wrap ul.pager li {
    min-width: 30px;
    border-radius: 30px;
    margin: 0 10px !important;
  }

  .pager_wrap ul.pager li a {
    line-height: 30px;
  }

  .pager_wrap ul.pager li.active {
    line-height: 30px;
  }

  #second.news .contRight {
    width: auto;
    float: none;
    margin: 30px 35px 0 35px;
  }

  #second.news .contRight p.cat {
    width: 100%;
    line-height: 30px;
    font-size: 14px;
    background: url(../image/news-01-sp.png) no-repeat center top,url(../image/news-02.png) repeat-x left top 15px;
    background-size: auto 30px, auto 20px;
  }

  #second.news .contRight ul {
    margin: 0 0 30px;
    padding: 20px 20px 10px 20px;
  }

  #second.news .contRight ul li a {
    font-size: 12px;
    padding-bottom: 20px;
  }

  #second.news .contRight ul li {
    margin: 0 0 10px;
  }

  select {
    /*height: 40px;*/
    padding: 5px 8px;
  }

  .select-wrap::before { 
				height: 41px;
				right: 40px;
				top: 10px;
  }

  .select-wrap {
    padding: 10px 0;
  }

  #second.news .contLeft .newsList li dt {
    margin-bottom: 5px;
  }

  .newsDetail {
    margin: 0 0 30px;
    padding: 20px 20px 0 20px;
  }

  .newsDetail p.category {
    border-radius: 20px;
    line-height: 1;
    padding: 5px 20px 3px;
    font-size: 12px;
  }

  .newsDetail p.day {
    margin: 5px 0 5px !important;
    font-size: 15px;
  }

  .newsDetail h2 {
    font-size: 16px!important;
  }

  .newsDetail .photo {
    height: auto;
    margin-bottom: 20px;
  }

  .box-link .nobtnl, .box-link .nobtnr {
    width: 120px;
    height: 33px;
    line-height: 33px;
    border-radius: 33px;
				font-size: 13px;
				margin: 0;
				
  }

  button.btn-news {
    width: 140px;
    height: 33px;
    font-size: 11px;
    line-height: 33px;
    border-radius: 33px;
   	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
				font-size: 13px;
				margin: 20px auto 0;
  }

  button.btn-news::before, 
  button.btn-news::after {
    border-radius: 33px;
  }

  .box-link {
    width: 100%;
    text-align: center;
  }

  .box-link div {
    float: none;
    display: inline-block;
  }
		
		.select-wrap select {
			width: 100%;
				font-size: 16px;
				transform: scale(0.8);
				background-color: #FFF;
		}

/*--------------------------------------------------------------------------------------------
  recruit
--------------------------------------------------------------------------------------------*/
  #secondTitle.recruit {
    background: url(../image/recruit_title-sp.jpg) no-repeat center top;
  }

  #second #recruitMessages {
    padding: 20px 0 30px 0;
    position: static;
    height: auto;
  }

  #second #recruitMessages h2 {
    position: static;
  }

  #second #recruitMessages .box,
  #second #recruitMessages .cont
  {
    position: static;
  }

  #second #recruitMessages .info {
    position: static;
    left: 0;
    width: 100%;
    padding: 20px 35px 0px 35px;
    background: none;
  }

  #second #recruitMessages .info h3 {
    font-size: 20px;
    line-height: 1.6;
    margin-bottom: 15px;
  }

  #second #recruitMessages .info .text-right {
    font-size: 16px;
    margin-bottom: 0;
  }

  #second #recruitMessages .photo {
    position: static;
    top: 0;
    width: 100%;
    margin-top: 30px;
				text-align: center;
  }

  #second #recruitInterview {
    padding: 20px 0 30px 0;
  }

  #second #recruitInterview h2 {
    position: static;
    top: 0;
  }

  #second #recruitInterview .box {
    width: auto;
    max-width: 100%;
    background: none;
    padding-top: 20px;
    margin: 0 35px;
  }
		
		#second #recruitInterview .cont p{
			text-align: left;
		}

  #second #recruitInterview .cont img {
    margin-left: 0;
    max-width: 100%;
  }

  #second #recruitWelfare {
    padding: 20px 0 0 0;
  }

  #second #recruitWelfare .title {
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 20px;
  }

  #second #recruitWelfare ul {
    padding: 20px 35px 0 35px;
    display: block;
    margin-top: 20px;
  }

  #second #recruitWelfare li {
    width: 100%;
    padding: 20px 12px;
    margin: 0 10px 40px 10px;
    max-width: 200px;
    display: inline-block;
  }

  #second #recruitWelfare li h3 {
    font-size: 14px;
    line-height: 30px;
    top: -15px;
  }

  #second #recruitWelfare li h3::after {
    content: url(../image/bg2-h3-welfare-recruit-sp.png);
    width: 17px;
    height: 30px;
    right: -17px;
  }

  #second #recruitWelfare li h3::before {
    bottom: -10px;
  }

  #second #recruitWelfare li p {
    padding: 10px 0 0 0;
  }

  #second #recruitSate {
    padding: 30px 0 10px 0;
  }

  #second #recruitSate h2 {
    position: static;
    top: 0;
				line-height: 1;
  }

  #second #recruitSate h2 span {
			margin-top: 16px;
		}

  #second #recruitSate .cont {
    width: 100%;
    background: none;
    max-width: 100%;
    padding: 20px 15px 30px 15px;
  }

  #second #recruitSate .cont li:nth-child(2n+1) {
    margin-top: 0;
  }

  #second #recruitSate .cont ul {
			width: 100%;
    display: block;
				padding: 20px 20px 5px;
  }

  #second #recruitSate .cont li:nth-child(2n+1) {
    margin-top: 0;
  }

  #second #recruitSate .cont ul li img {
    max-width: 100%;
  }

  #second #recruitSate .cont ul li {
    text-align: center;
    margin-bottom: 20px;
				float: none;
				width: 100%;
  }

  #second .interviewEntry {
    padding: 22px 0;
    background: #f11e00;
  }

  #second .interviewEntry .cont {
				padding: 20px 0 6px;
  }

  #second #interviewEntryRed h2 {
    margin-bottom: 15px;
  }

  #second .interviewEntry .cont ul {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    margin-bottom: 0;
  }

  #second .interviewEntry .cont li {
    margin-bottom: 30px;
  }

  #second .interviewEntry .cont li.box-blue {
    border: 3px solid #006cbd;
  }

  #second .interviewEntry .cont li {
    width: 310px;
    height: 70px;
  }

  #second .interviewEntry .cont li span {
    font-size: 14px;
    padding-top: 24px
  }

  #second .interviewEntry .cont li h3 {
    width: 160px;
    height: 30px;
    font-size: 11px;
    line-height: 30px;
    top: -17px;
  }

  #second .interviewEntry .cont li.box-blue h3 {
    background: url(../image/interview-h3-entry-blue.png) no-repeat;
    background-size: auto 40px;
  }

  #second .interviewEntry .cont li.box-red h3 {
    background: url(../image/recruit-h3-entry-red.png) no-repeat;
    background-size: auto 40px;
  }

  #second .interviewEntry .cont li.box-blue a {
    background: url(../image/interview_icon-next-entry-blue.png) no-repeat right 10px center;
    background-size: 7px auto;
  }

  #second .interviewEntry .cont li.box-red a {
    background: url(../image/recruit_icon-next-entry-red.png) no-repeat right 10px center;
    background-size: 7px auto;
  }

  #second .interviewEntry .cont li.box-red {
    border: 3px solid #f11e00;
  }

  /*--------------------------------------------------------------------------------------------
  recruit
--------------------------------------------------------------------------------------------*/
  #second #interviewTop {
    padding: 20px 0 30px 0;
  }

  #second #interviewTop ul {
    margin-top: 30px;
    display: block;
    margin-left: 35px;
    margin-right: 35px;
    text-align: center;
  }

  #second #interviewTop li {
    margin-bottom: 60px;
    display: inline-block;
  }

  #second #interviewTop li h3 {
    text-align: left;
    left: -9px;
    top: -28px;
    width: 223px;
    height: 65px;
    padding-left: 10px;
    padding-top: 9px;
    z-index: 1;
  }

  #second #interviewTop li.box-staff3 h3 {
    background: url(../image/interview_bg3-title-top.png) no-repeat;
    background-size: auto 65px;
  }

  #second #interviewTop li.box-staff2 h3 {
    background: url(../image/interview_bg2-title-top.png) no-repeat;
    background-size: auto 65px;
  }

  #second #interviewTop li.box-staff1 h3 {
    background: url(../image/interview_bg1-title-top.png) no-repeat;
    background-size: auto 65px;
  }

  #second #interviewTop li.box-staff4 h3 {
    background: url(../image/interview_bg4-title-top.png) no-repeat;
    background-size: auto 65px;
  }

  #second #interviewTop li .name, #second .interviewStaff .intro .info .name {
    font-size: 16px;
  }

  #second #interviewTop li .btn-1 {
    width: 170px;
  }

  #second #interviewTop li:last-child {
    margin-bottom: 0;
  }

  #second #interviewStaff1 {
  }

  #second .interviewStaff {
    padding: 30px 0;
  }

  #second .interviewStaff .cont {
    position: static;
  }

  #second .interviewStaff .intro {
    position: static;
    top: 0;
    left: 0;
    width: 100%;
    display: block;
    text-align: center;
  }

  #second .interviewStaff .intro img {
    max-width: 100%;
    margin-bottom: 20px;
  }

  #second .interviewStaff .intro .info {
    width: auto;
    padding: 25px 20px 10px 20px;
    margin: 0 35px;
    text-align: left;
  }

  #second .interviewStaff .intro .bg-blue {
    box-shadow: 5px 5px #6eabd9;
  }

  #second .interviewStaff .intro .bg-blue {
    box-shadow: 5px 5px #6eabd9;
  }

  #second .interviewStaff .intro .info .type {
    padding: 2px 15px 0;
    line-height: 20px;
    font-size: 12px;
  }

  #second .interviewStaff .intro .info .type {
    margin: 5px 0 5px 0;
  }

  #second .interviewStaff .intro .info p {
    margin-bottom: 10px;
			display: block;
		}
		
		#second .interviewStaff .intro .info p span.name {
			display: inline-block;
			margin: 0 20px 0 0;
		}

		#second .interviewStaff .intro .info p span.address {
			display: inline-block;
			margin-left: 0;
		}

		#second .interviewStaff .intro .info p span.year {
			display: block;
			margin: 0;
		}

  #second .interviewStaff .intro .info h3 {
    font-size: 18px;
				margin: 0 0 10px;
  }

  #second .interviewStaff h4::before {
    width: 35px;
    height: 4px;
    top: 10px;
  }

  #second .interviewStaff h4 {
			 margin-top: 20px;
    font-size: 26px;
    padding-left: 45px;
  }

  #second .interviewStaff h4 span {
    font-size: 14px;
    padding-left: 10px;
  }

  #second .interviewStaff li {
    padding: 0px 15px 10px 15px;
  }

  #second .interviewStaff li .number {
			display: inherit;
			float: left;
    width: 35px;
    height: 35px;
    border-radius: 35px;
    margin-right: 15px;
    font-size: 14px;
				line-height: 35px;
				margin-top: 10px;
  }

  #second .interviewStaff li .text {
			display: inherit;
			float: left;
    border-radius: 8px;
    padding: 8px 10px;
    margin-top: 10px;
				font-size: 15px;
				line-height: 1.2;
  }

  #second .interviewStaff li .ans {
    margin-left: 55px;
    margin-top: 10px;
    padding: 10px 15px 15px 15px;
  }

  #second .interviewStaff .text-mess {
    margin-top: 0;
    margin-left: 45px;
    padding-bottom: 0px;
    padding-right: 35px;
    margin-bottom: 0;
  }

  #second .interviewStaff .cont {
    padding: 30px 0 0;
  }

  #second .interviewStaff .intro .bg-green {
    box-shadow: 5px 5px #6fbebb;
  }

  #second .interviewStaff .intro .info.bg-orange {
    box-shadow: 5px 5px #f09886;
  }

  #second .interviewStaff .intro .info.bg-red {
    box-shadow: 5px 5px #e97886;
  }

  #second .interviewStaff .intro .info {
    padding: 15px 20px 5px 20px;
  }

  #second .interviewStaff .photo {
    position: static;
    right: 0;
  }

  #second .interviewStaff .box-photo {
    text-align: center;
    margin-top: 20px;
  }

  #second .interviewEntry .cont li.box-orange h3 {
    background: url(../image/interview-h3-entry-orange.png) no-repeat;
    background-size: auto 40px;
  }

  #second .interviewEntry .cont li.box-orange {
    border: 3px solid #f11e00;
  }
		
		#second #interviewEntryOrange h2 {
			margin-bottom: 15px;
		}

/*------------------------------------------------------------------------------------------------
  requirements
--------------------------------------------------------------------------------------------------*/
#secondTitle.requirements {
	background: url(../image/requirements_title.jpg) no-repeat center bottom;
}

.reqNew {
	padding: 30px 0;
	background-color: #bddcea;
}

.reqNew .box {
	width: 96%;
	margin: 0 auto;
}

.reqNew .box h2 {
	margin-bottom: 40px !important;
}

.reqNew .newSelectWrap {
	position: relative;
	width: 100%;
	background-color: transparent;
}

.reqNew .newSelectWrap:before {
	z-index: 1;
	position: absolute;
	right: 50px;
	top: 0;
	content: '\f078';
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	line-height: 51px;
	color: #282828;
	pointer-events: none;
}

.reqNew .newSelectWrap .newSelect {
	width: 100%;
	border: 2px solid #231816;
	background-color: #9FC8E4;
 font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	font-weight: 600;
	font-size: 16px;
	transform: scale(0.8);	
}

.guideDetailn {
	display: none;
}

.reqNew .box .guideDetailn table {
	width: 100%;
	background-color: #FFF;
	margin: 40px 0 20px;
}

.reqNew .box .guideDetailn table th {
	display: block;
	width: 100%;
	border: none;
	border-top: 2px solid #231816;
	background-color: #F6F6F6;
	padding: 10px;
	text-align: left;
}

.reqNew .box .guideDetailn table td {
	display: block;
	width: 100%;
	border: none;
	border-top: 2px solid #231816;
	padding: 10px;
}

.reqNew .newEntryBtn {
	background-color: #006CBE;
	padding: 20px 20px 40px;
	color: #FFF;
	text-align: center;
}

.reqNew .newEntryBtn p {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 30px;
	font-style: italic;
	font-weight: 700;
}

.reqNew .newEntryBtn dt {
	margin: 0 0 20px;
	font-size: 20px;
	font-weight: 700;
}

.reqNew .newEntryBtn button {
  background: none;
		margin: 0 auto;
  border: 2px solid #006cbd;
  border-radius: 70px;
  color: #006cbd;
		background-color: #FFF;
  display: block;
  font-weight: 700;
  padding: 0;
  position: relative;
  text-transform: uppercase;
		cursor: pointer;
		z-index: 10;
		width: 260px;
		height: 60px;
		line-height: 60px;
		letter-spacing: 1px;
		font-size: 18px;
	font-family: 'Noto Sans JP', sans-serif;
}

.reqNew .newEntryBtn button::before,
.reqNew .newEntryBtn button::after {
		background-color: #006cbd;
  content: '';
  position: absolute;
  z-index: -1;
  border-radius: 70px;
}

.reqNew .newEntryBtn button:hover {
  color: #FFF;
  border-radius: 70px;
  border: 2px solid #FFF;
}

.reqNew .newEntryBtn button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 0;
}

.reqNew .newEntryBtn button:hover::after {
  width: 100%;
}

.reqNew .newEntryBtn button .btnarrow::before {
	content: '\f054';
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	color: rgba(0,108,189,1);
	position: absolute;
	left: 90%;
}

.reqNew .newEntryBtn button:hover .btnarrow::before {
	color:rgba(255,255,255, 1);
}

.reqCareer {
	padding: 30px 0;
	background-color: #FFF2F2;
}

.reqCareer .box {
	width: 96%;
	margin: 0 auto;
}

.reqCareer .box h2 {
	margin-bottom: 40px !important;
}

.reqCareer .box h2 .sub {
	color: #FF0101 !important;
}

.reqCareer .carSelectWrap {
	position: relative;
	background-color: transparent;
}

.reqCareer .carSelectWrap:before {
	z-index: 1;
	position: absolute;
	right: 50px;
	top: 0;
	content: '\f078';
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	line-height: 51px;
	color: #282828;
	pointer-events: none;
}

.reqCareer .carSelectWrap .carSelect {
	width: 100%;
	border: 2px solid #231816;
	background-color: #ECA39A;
 font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	font-weight: 600;
	font-size: 16px;
	transform: scale(0.8);	
}

.guideDetailc {
	display: none;
}

.reqCareer .box .guideDetailc table {
	width: 100%;
	background-color: #FFF;
	margin: 40px 0 60px;
}

.reqCareer .box .guideDetailc table th {
	display: block;
	width: 100%;
	border: none;
	border-top: 2px solid #231816;
	width: 100%;
	text-align: center;
	padding: 10px;
	background-color: #F6F6F6;
	text-align: left;
}

.reqCareer .box .guideDetailc table td {
	display: block;
	width: 100%;
	border: none;
	border-top: 2px solid #231816;
	padding: 10px;
}

.reqCareer .careerEntryBtn {
	background-color: #FE0000;
	padding: 20px 20px 40px;
	color: #FFF;
	text-align: center;
}

.reqCareer .careerEntryBtn p {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 30px;
	font-style: italic;
	font-weight: 700;
}

.reqCareer .careerEntryBtn dt {
	margin: 0 0 30px;
	font-size: 20px;
	font-weight: 700;
}

.reqCareer .careerEntryBtn button {
  background: none;
		margin: 0 auto;
  border: 2px solid #FE0000;
  border-radius: 70px;
  color: #FE0000;
		background-color: #FFF;
  display: block;
  font-weight: 700;
  padding: 0;
  position: relative;
  text-transform: uppercase;
		cursor: pointer;
		z-index: 10;
		width: 270px;
		height: 60px;
		line-height: 60px;
		letter-spacing: 1px;
		font-size: 18px;
	font-family: 'Noto Sans JP', sans-serif;
}

.reqCareer .careerEntryBtn button::before,
.reqCareer .careerEntryBtn button::after {
		background-color: #FE0000;
  content: '';
  position: absolute;
  z-index: -1;
  border-radius: 70px;
}

.reqCareer .careerEntryBtn button:hover {
  color: #FFF;
  border-radius: 70px;
  border: 2px solid #FFF;
}

.reqCareer .careerEntryBtn button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 0;
}

.careerEntryBtn button:hover::after {
  width: 100%;
}

.careerEntryBtn button .btnarrow::before {
	content: '\f054';
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	color: rgba(255,0,0,1);
	position: absolute;
	left: 93%;
}

.careerEntryBtn button:hover .btnarrow::before {
	color:rgba(255,255,255, 1);
}


/*------------------------------------------------------------------------------------------------
  entry
--------------------------------------------------------------------------------------------------*/
#secondTitle.entry {
	background: url(../image/entry_title.jpg) no-repeat center bottom;
}

.entryBox {
	padding: 30px 10px;
	background-color: #DEEDF4;
}

#second.entry .cont p {
	text-align: left;
}

#second.entry .cont .hs {
	color: #fe0303;
}

#second.entry .box {
	padding: 20px 10px;
	background-color: #FFF;
}

#second.entry .box table {
	width: 100%;
	margin: 0 0 30px;
	border-top: 1px solid #BFBFBF;
}

#second.entry .box table th {
	width: 100%;
	display: block;
	border-bottom: 1px solid #BFBFBF;
	padding: 10px;
	text-align: left;
	background-color: #F6F6F6;
}

#second.entry .box table td {
	width: 100%;
	display: block;
	border-bottom: 1px solid #BFBFBF;
	padding: 10px;
}

#second.entry .box table td textarea {
	display: block;
	width: 90%;
	border: 2px solid #282828;
	margin: 5px 0 0;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	font-weight: 600;
	font-size: 16px;
	padding-left: 10px;
	padding-right: 10px;
}

#second.entry .box table td input[type=text] {
	border: 2px solid #282828;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	font-weight: 600;
	margin-right: 10px;
	font-size: 16px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 4px;
}

#second.entry .box table td select {
	border: 2px solid #282828;
	padding: 3px 10px;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	font-weight: 600;
	font-size: 16px;
}

#second.entry .box table td input.m[type=text] {
	width: 150px;
}

#second.entry .box table td input.lm[type=text] {
	width: 90%;
}

#second.entry .box table td input.l[type=text] {
	width: 90%;
}

#second.entry .box .privacy {
	margin: 0 0 10px;
	font-weight: 600;
}

.inlineframe {
	background-color:#FFFFFF;
	width: 100%;
	margin: 0 auto 20px;
	height: 160px;
	padding: 20px 10px 0;
	overflow:auto;
	overflow-y:scroll;
	overflow-x:hidden;
	border: 1px solid #CCC;
}

#second.entry .cont .inlineframe p {
	margin: 0 0 20px;
	text-align: left;
}

#second.entry .cont .inlineframe ul {
	margin: 0 0 20px;
}

/*------------------------------------------------------------------------------------------------
  contact
--------------------------------------------------------------------------------------------------*/
#secondTitle.contact {
	background: url(../image/contact_title.jpg) no-repeat center bottom;
}

#second.contact {
	padding: 30px 10px;
	background-color: #DEEDF4;
}

#second.contact .cont p {
	text-align: left;
}

#second.contact .cont .hs {
	color: #fe0303;
}

#second.contact .box {
	padding: 20px 10px;
	background-color: #FFF;
}

#second.contact .box table {
	width: 100%;
	margin: 0 0 30px;
	border-top: 1px solid #BFBFBF;
}

#second.contact .box table th {
	width: 100%;
	display: block;
	background-color: #F6F6F6;
	border-bottom: 1px solid #BFBFBF;
	padding: 10px;
	text-align: left;
}

#second.contact .box table td {
	border-bottom: 1px solid #BFBFBF;
	width: 100%;
	display: block;
	padding: 10px;
}

#second.contact .box table td textarea {
	display: block;
	width: 90%;
	border: 2px solid #282828;
	margin: 5px 0 0;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	font-weight: 600;
	font-size: 16px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 4px;
}

#second.contact .box table td input[type=text] {
	border: 2px solid #282828;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	font-weight: 600;
	margin-right: 46px;
	font-size: 16px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 4px;
}

#second.contact .box table td input.m[type=text] {
	width: 150px;
}

#second.contact .box table td input.lm[type=text] {
	width: 90%;
}

#second.contact .box table td input.l[type=text] {
	width: 90%;
}

#second.contact .box .privacy {
	margin: 0 0 10px;
	font-weight: 600;
}

.inlineframe {
	background-color:#FFFFFF;
	width: 100%;
	margin: 0 auto 20px;
	height: 160px;
	padding: 20px 10px 0;
	overflow:auto;
	overflow-y:scroll;
	overflow-x:hidden;
	border: 1px solid #CCC;
}

#second.contact .cont .inlineframe p {
	margin: 0 0 20px;
	text-align: left;
}

#second.contact .cont .inlineframe ul {
	margin: 0 0 20px;
}

.contactBtn {
	text-align: center;
}

.contactBtn input {
	margin: 0 30px;
}

.contactBtn input.send {
	text-align: center;
	line-height: 50px;
	color: #FFF;
	border: none;
	border-radius: 50px;
	width: 220px;
	cursor: pointer;
	background: url(../image/arrow-01.png) #006CBE no-repeat 93% center;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	font-weight: 600;
	font-size: 16px;
	border: 2px solid #FFF;
}

.contactBtn input.send:hover {
	background: url(../image/arrow-03.png) #FFF no-repeat 93% center;
	color: #006CBE;
	border: 2px solid #006CBE;
}


.contactBtn input.back {
	text-align: center;
	line-height: 50px;
	color: #FFF;
	border: none;
	border-radius: 50px;
	width: 220px;
	cursor: pointer;
	background: url(../image/arrow-02.png) #006CBE no-repeat 7% center;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	font-weight: 600;
	font-size: 16px;
	border: 2px solid #FFF;
}

.contactBtn input.back:hover {
	background: url(../image/arrow-04.png) #FFF no-repeat 7% center;
	color: #006CBE;
	border: 2px solid #006CBE;
}

#second.contact .btnBox {
	width: 220px;
}

button.btn-7 {
  background: none;
  border: 1px solid #006cbd;
  border-radius: 50px;
  color: #FFF;
		background-color: #006cbd;
  display: block;
  font-weight: bold;
  padding: 0;
  position: relative;
  text-transform: uppercase;
		cursor: pointer;
		z-index: 10;
		width: 220px;
		height: 50px;
		line-height: 50px;
		letter-spacing: 1px;
	font-size: 16px;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	margin: 0 auto;
}

button.btn-7::before,
button.btn-7::after {
		background-color: #FFF;
  content: '';
  position: absolute;
  z-index: -1;
  border-radius: 50px;
}

button.btn-7:hover {
  color: #006cbd;
  border-radius: 50px;
}

.btn-7::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 0;
}

.btn-7:hover::after {
  width: 100%;
}

.btn-7 .btnarrow::before {
	content: '\f053';
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	color:rgba(255,255,255, 1);
	position: absolute;
	left: 7%;
}

.btn-7:hover .btnarrow::before {
	color: rgba(0,108,189,1);
}

.contactBtn .sendback {
margin-bottom: 4px;
}

/*------------------------------------------------------------------------------------------------
  product
--------------------------------------------------------------------------------------------------*/
#secondTitle.product {
	background: url(../image/product_title.jpg) no-repeat center bottom;
}

#second.product {
	padding: 30px 0 1px;
}

#second.product .bk01 {
	padding: 30px 0 1px;
	background-color: #E6F0F9;
}
#second.product .bk02 {
	padding: 30px 0 1px;
}
#second.product h2 {
	margin: 0 0 30px;
	color: #FFF;
	line-height: 45px;
	padding: 0 16px;
	font-size: 20px;
	font-style: normal;
	background-color: #006CBE;
	text-align: left;
}

#second.product h3 {
	position: relative;
	border-bottom: 3px solid #006CBE;
	color: #006CBE;
	font-size: 20px;
	padding-left: 30px;
	font-weight: 600;
	margin-bottom: 30px;
}

#second.product h3::before {
	content: "■";
	position: absolute;
	top: 0;
	left: 0;
}

#second.product .productLead,
#second.product .productLead2 {
	width: 100%;
	margin: 0 0 60px;
}

#second.product .productLead th,
#second.product .productLead2 th {
	width: 100%;
	display: block;
}

#second.product .productLead th p,
#second.product .productLead2 th p {
	margin: 0 !important;
}

#second.product .productLead td {
	background-color: #DEEDF4;
	padding: 20px;
	width: 100%;
	display: block;
}

#second.product .productLead2 td {
	background-color: #FFF;
	padding: 30px;
	width: 100%;
	display: block;
}

#second.product .productLead td dt,
#second.product .productLead2 td dt {
	font-size: 20px;
	color: #006cbd;
	font-weight: 600;
	margin: 0 0 10px;
}

#second.product .productLead td p,
#second.product .productLead2 td p {
	margin: 0 !important;
}

.productList1 {
	margin: 0 10px 60px;
}

.productList1 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#second .productList1 ul li {
	width: 46%;
	float: left;
	margin: 0 3% 30px 2%;
}

#second .productList1 ul li:nth-child(2n) {
	margin: 0 0 30px 0 !important;
}

#second .productList1 ul li:nth-child(5n) {
	margin: 0 3% 30px 2%;
}

.productList1 ul li dl {
	width: 98%;
	margin: 0 0 20px;
	box-shadow: 7px 7px 0 #9F9F9F;
}

.productList1 ul li dl dt {
	display: flex;
	height: 80px;
	background-color: #006CBE;
	color: #FFF;
	text-align: center;
	font-weight: 600;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	line-height: 1.3;
}

.productList1 ul li dd {
	position: relative;
}

.productList1 #more_btn,
.productList1 #close_btn {
	width: 100%;
	background-color: #006cbd;
	color: #FFF;
	border: none;
	line-height: 50px;
	border-radius: 50px;
	font-weight: 600;
	cursor: pointer;
	border: 2px solid #FFF;
	font-size: 16px;
}

.productList1 #more_btn .plusicon,
.productList1 #close_btn .minusicon {
	position: relative;
	padding: 0 0 0 26px;
}

.productList1 #more_btn .plusicon::before {
	content: '\f067';
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	color:rgba(255,255,255,1);
	position: absolute;
	left: 0;
	top: -80%;
}

.productList1 #close_btn .minusicon::before {
	content: '\f068';
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	color:rgba(255,255,255,1);
	position: absolute;
	left: 0;
	top: -80%;
}

.productList1 #more_btn:hover,
.productList1 #close_btn:hover {
	background-color: #FFF;
	color: #006cbd;
	border: 2px solid #006cbd;
}

.productList1 #more_btn:hover .plusicon::before,
.productList1 #close_btn:hover .minusicon::before {
	color:rgba(0,108,189,1);
}


.productList2 {
	margin: 0 10px 60px;
}

.productList2 ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#second .productList2 ul li {
	width: 46%;
	float: left;
	margin: 0 3% 30px 2%;
}

#second .productList2 ul li:nth-child(2n) {
	margin: 0 0 30px 0 !important;
}

#second .productList2 ul li:nth-child(5n) {
	margin: 0 3% 30px 2%;
}

.productList2 ul li dl {
	width: 98%;
	margin: 0 0 20px;
	box-shadow: 7px 7px 0 #9F9F9F;
}

.productList2 ul li dl dt {
	display: flex;
	height: 80px;
	background-color: #006CBE;
	color: #FFF;
	text-align: center;
	font-weight: 600;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	line-height: 1.3;
}

.productList2 ul li dd {
	position: relative;
}

.productList2 #more_btn,
.productList2 #close_btn {
	width: 100%;
	background-color: #006cbd;
	color: #FFF;
	border: none;
	line-height: 50px;
	border-radius: 50px;
	font-weight: 600;
	cursor: pointer;
	border: 2px solid #FFF;
	font-size: 16px;
}

.productList2 #more_btn .plusicon,
.productList2 #close_btn .minusicon {
	position: relative;
	padding: 0 0 0 20px;
}

.productList2 #more_btn .plusicon::before {
	content: '\f067';
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	color:rgba(255,255,255,1);
	position: absolute;
	left: 0;
	top: -80%;
}

.productList2 #close_btn .minusicon::before {
	content: '\f068';
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	color:rgba(255,255,255,1);
	position: absolute;
	left: 0;
	top: -80%;
}

.productList2 #more_btn:hover,
.productList2 #close_btn:hover {
	background-color: #FFF;
	color: #006cbd;
	border: 2px solid #006cbd;
}

.productList2 #more_btn:hover .plusicon::before,
.productList2 #close_btn:hover .minusicon::before {
	color:rgba(0,108,189,1);
}

.productList3 {
	margin: 0 10px 60px;
}

#second .productList3 ul li {
	width: 46%;
	float: left;
	margin: 0 3% 30px 2%;
}

#second .productList3 ul li:nth-child(2n) {
	margin: 0 0 30px 0 !important;
}

#second .productList3 ul li:nth-child(5n) {
	margin: 0 3% 30px 2%;
}

.productList3 ul li dl {
	width: 98%;
	margin: 0 0 20px;
	box-shadow: 7px 7px 0 #9F9F9F;
}

.productList3 ul li dl dt {
	display: flex;
	height: 80px;
	background-color: #006CBE;
	color: #FFF;
	text-align: center;
	font-weight: 600;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	line-height: 1.3;
}

.productList3 ul li dd {
	position: relative;
}

.productList3 #more_btn,
.productList3 #close_btn {
	width: 100%;
	background-color: #006cbd;
	color: #FFF;
	border: none;
	line-height: 50px;
	border-radius: 50px;
	font-weight: 600;
	cursor: pointer;
	border: 2px solid #FFF;
	font-size: 16px;
}

.productList3 #more_btn .plusicon,
.productList3 #close_btn .minusicon {
	position: relative;
	padding: 0 0 0 20px;
}

.productList3 #more_btn .plusicon::before {
	content: '\f067';
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	color:rgba(255,255,255,1);
	position: absolute;
	left: 0;
	top: -80%;
}

.productList3 #close_btn .minusicon::before {
	content: '\f068';
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	color:rgba(255,255,255,1);
	position: absolute;
	left: 0;
	top: -80%;
}

.productList3 #more_btn:hover,
.productList3 #close_btn:hover {
	background-color: #FFF;
	color: #006cbd;
	border: 2px solid #006cbd;
}

.productList3 #more_btn:hover .plusicon::before,
.productList3 #close_btn:hover .minusicon::before {
	color:rgba(0,108,189,1);
}

.productList4 {
	margin: 0 10px 60px;
}

#second .productList4 ul li {
	width: 46%;
	float: left;
	margin: 0 3% 30px 2%;
}

#second .productList4 ul li:nth-child(2n) {
	margin: 0 0 30px 0 !important;
}

#second .productList4 ul li:nth-child(5n) {
	margin: 0 3% 30px 2%;
}

.productList4 ul li dl {
	width: 98%;
	margin: 0 0 20px;
	box-shadow: 7px 7px 0 #9F9F9F;
}

.productList4 ul li dl dt {
	display: flex;
	height: 80px;
	background-color: #006CBE;
	color: #FFF;
	text-align: center;
	font-weight: 600;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	line-height: 1.3;
}

.productList4 ul li dd {
	position: relative;
}

.productList4 #more_btn,
.productList4 #close_btn {
	width: 100%;
	background-color: #006cbd;
	color: #FFF;
	border: none;
	line-height: 50px;
	border-radius: 50px;
	font-weight: 600;
	cursor: pointer;
	border: 2px solid #FFF;
	font-size: 16px;
}

.productList4 #more_btn .plusicon,
.productList4 #close_btn .minusicon {
	position: relative;
	padding: 0 0 0 20px;
}

.productList4 #more_btn .plusicon::before {
	content: '\f067';
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	color:rgba(255,255,255,1);
	position: absolute;
	left: 0;
	top: -80%;
}

.productList4 #close_btn .minusicon::before {
	content: '\f068';
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	color:rgba(255,255,255,1);
	position: absolute;
	left: 0;
	top: -80%;
}

.productList4 #more_btn:hover,
.productList4 #close_btn:hover {
	background-color: #FFF;
	color: #006cbd;
	border: 2px solid #006cbd;
}

.productList4 #more_btn:hover .plusicon::before,
.productList4 #close_btn:hover .minusicon::before {
	color:rgba(0,108,189,1);
}

.productList5 {
	margin: 0 10px 60px;
}

#second .productList5 ul li {
	width: 46%;
	float: left;
	margin: 0 3% 30px 2%;
}

#second .productList5 ul li:nth-child(2n) {
	margin: 0 0 30px 0 !important;
}

#second .productList5 ul li:nth-child(5n) {
	margin: 0 3% 30px 2%;
}

.productList5 ul li dl {
	width: 98%;
	margin: 0 0 20px;
	box-shadow: 7px 7px 0 #9F9F9F;
}

.productList5 ul li dl dt {
	display: flex;
	height: 80px;
	background-color: #006CBE;
	color: #FFF;
	text-align: center;
	font-weight: 600;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	line-height: 1.3;
}

.productList5 ul li dd {
	position: relative;
}

.productList5 #more_btn,
.productList5 #close_btn {
	width: 100%;
	background-color: #006cbd;
	color: #FFF;
	border: none;
	line-height: 50px;
	border-radius: 50px;
	font-weight: 600;
	cursor: pointer;
	border: 2px solid #FFF;
	font-size: 16px;
}

.productList5 #more_btn .plusicon,
.productList5 #close_btn .minusicon {
	position: relative;
	padding: 0 0 0 20px;
}

.productList5 #more_btn .plusicon::before {
	content: '\f067';
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	color:rgba(255,255,255,1);
	position: absolute;
	left: 0;
	top: -80%;
}

.productList5 #close_btn .minusicon::before {
	content: '\f068';
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	color:rgba(255,255,255,1);
	position: absolute;
	left: 0;
	top: -80%;
}

.productList5 #more_btn:hover,
.productList5 #close_btn:hover {
	background-color: #FFF;
	color: #006cbd;
	border: 2px solid #006cbd;
}

.productList5 #more_btn:hover .plusicon::before,
.productList5 #close_btn:hover .minusicon::before {
	color:rgba(0,108,189,1);
}

.productList6 {
	margin: 0 10px 60px;
}

#second .productList6 ul li {
	width: 46%;
	float: left;
	margin: 0 3% 30px 2%;
}

#second .productList6 ul li:nth-child(2n) {
	margin: 0 0 30px 0 !important;
}

#second .productList6 ul li:nth-child(5n) {
	margin: 0 3% 30px 2%;
}

.productList6 ul li dl {
	width: 98%;
	margin: 0 0 20px;
	box-shadow: 7px 7px 0 #9F9F9F;
}

.productList6 ul li dl dt {
	display: flex;
	height: 80px;
	background-color: #006CBE;
	color: #FFF;
	text-align: center;
	font-weight: 600;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	line-height: 1.3;
}

.productList6 ul li dd {
	position: relative;
}

.productList6 #more_btn,
.productList6 #close_btn {
	width: 100%;
	background-color: #006cbd;
	color: #FFF;
	border: none;
	line-height: 50px;
	border-radius: 50px;
	font-weight: 600;
	cursor: pointer;
	border: 2px solid #FFF;
	font-size: 16px;
}

.productList6 #more_btn .plusicon,
.productList6 #close_btn .minusicon {
	position: relative;
	padding: 0 0 0 20px;
}

.productList6 #more_btn .plusicon::before {
	content: '\f067';
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	color:rgba(255,255,255,1);
	position: absolute;
	left: 0;
	top: -80%;
}

.productList6 #close_btn .minusicon::before {
	content: '\f068';
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	color:rgba(255,255,255,1);
	position: absolute;
	left: 0;
	top: -80%;
}

.productList6 #more_btn:hover,
.productList6 #close_btn:hover {
	background-color: #FFF;
	color: #006cbd;
	border: 2px solid #006cbd;
}

.productList6 #more_btn:hover .plusicon::before,
.productList6 #close_btn:hover .minusicon::before {
	color:rgba(0,108,189,1);
}

.productList7 {
	margin: 0 10px 60px;
}

#second .productList7 ul li {
	width: 46%;
	float: left;
	margin: 0 3% 30px 2%;
}

#second .productList7 ul li:nth-child(2n) {
	margin: 0 0 30px 0 !important;
}

#second .productList7 ul li:nth-child(5n) {
	margin: 0 3% 30px 2%;
}

.productList7 ul li dl {
	width: 98%;
	margin: 0 0 20px;
	box-shadow: 7px 7px 0 #9F9F9F;
}

.productList7 ul li dl dt {
	display: flex;
	height: 80px;
	background-color: #006CBE;
	color: #FFF;
	text-align: center;
	font-weight: 600;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	line-height: 1.3;
}

.productList7 ul li dd {
	position: relative;
}

.productList7 #more_btn,
.productList7 #close_btn {
	width: 100%;
	background-color: #006cbd;
	color: #FFF;
	border: none;
	line-height: 50px;
	border-radius: 50px;
	font-weight: 600;
	cursor: pointer;
	border: 2px solid #FFF;
	font-size: 16px;
}

.productList7 #more_btn .plusicon,
.productList7 #close_btn .minusicon {
	position: relative;
	padding: 0 0 0 20px;
}

.productList7 #more_btn .plusicon::before {
	content: '\f067';
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	color:rgba(255,255,255,1);
	position: absolute;
	left: 0;
	top: -80%;
}

.productList7 #close_btn .minusicon::before {
	content: '\f068';
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	color:rgba(255,255,255,1);
	position: absolute;
	left: 0;
	top: -80%;
}

.productList7 #more_btn:hover,
.productList7 #close_btn:hover {
	background-color: #FFF;
	color: #006cbd;
	border: 2px solid #006cbd;
}

.productList7 #more_btn:hover .plusicon::before,
.productList7 #close_btn:hover .minusicon::before {
	color:rgba(0,108,189,1);
}

.productList8 {
	margin: 0 10px 60px;
}

#second .productList8 ul li {
	width: 46%;
	float: left;
	margin: 0 3% 30px 2%;
}

#second .productList8 ul li:nth-child(2n) {
	margin: 0 0 30px 0 !important;
}

#second .productList8 ul li:nth-child(5n) {
	margin: 0 3% 30px 2%;
}

.productList8 ul li dl {
	width: 98%;
	margin: 0 0 20px;
	box-shadow: 7px 7px 0 #9F9F9F;
}

.productList8 ul li dl dt {
	display: flex;
	height: 80px;
	background-color: #006CBE;
	color: #FFF;
	text-align: center;
	font-weight: 600;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	line-height: 1.3;
}

.productList8 ul li dd {
	position: relative;
}

.productList8 #more_btn,
.productList8 #close_btn {
	width: 100%;
	background-color: #006cbd;
	color: #FFF;
	border: none;
	line-height: 50px;
	border-radius: 50px;
	font-weight: 600;
	cursor: pointer;
	border: 2px solid #FFF;
	font-size: 16px;
}

.productList8 #more_btn .plusicon,
.productList8 #close_btn .minusicon {
	position: relative;
	padding: 0 0 0 20px;
}

.productList8 #more_btn .plusicon::before {
	content: '\f067';
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	color:rgba(255,255,255,1);
	position: absolute;
	left: 0;
	top: -80%;
}

.productList8 #close_btn .minusicon::before {
	content: '\f068';
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	color:rgba(255,255,255,1);
	position: absolute;
	left: 0;
	top: -80%;
}

.productList8 #more_btn:hover,
.productList8 #close_btn:hover {
	background-color: #FFF;
	color: #006cbd;
	border: 2px solid #006cbd;
}

.productList8 #more_btn:hover .plusicon::before,
.productList8 #close_btn:hover .minusicon::before {
	color:rgba(0,108,189,1);
}

.productList9 {
	margin: 0 10px 60px;
}

#second .productList9 ul li {
	width: 46%;
	float: left;
	margin: 0 3% 30px 2%;
}

#second .productList9 ul li:nth-child(2n) {
	margin: 0 0 30px 0 !important;
}

#second .productList9 ul li:nth-child(5n) {
	margin: 0 3% 30px 2%;
}

.productList9 ul li dl {
	width: 98%;
	margin: 0 0 20px;
	box-shadow: 7px 7px 0 #9F9F9F;
}

.productList9 ul li dl dt {
	display: flex;
	height: 80px;
	background-color: #006CBE;
	color: #FFF;
	text-align: center;
	font-weight: 600;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	line-height: 1.3;
}

.productList9 ul li dd {
	position: relative;
}

.productList9 #more_btn,
.productList9 #close_btn {
	width: 100%;
	background-color: #006cbd;
	color: #FFF;
	border: none;
	line-height: 50px;
	border-radius: 50px;
	font-weight: 600;
	cursor: pointer;
	border: 2px solid #FFF;
	font-size: 16px;
}

.productList9 #more_btn .plusicon,
.productList9 #close_btn .minusicon {
	position: relative;
	padding: 0 0 0 20px;
}

.productList9 #more_btn .plusicon::before {
	content: '\f067';
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	color:rgba(255,255,255,1);
	position: absolute;
	left: 0;
	top: -80%;
}

.productList9 #close_btn .minusicon::before {
	content: '\f068';
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	color:rgba(255,255,255,1);
	position: absolute;
	left: 0;
	top: -80%;
}

.productList9 #more_btn:hover,
.productList9 #close_btn:hover {
	background-color: #FFF;
	color: #006cbd;
	border: 2px solid #006cbd;
}

.productList9 #more_btn:hover .plusicon::before,
.productList9 #close_btn:hover .minusicon::before {
	color:rgba(0,108,189,1);
}


#second .productList1 ul li dl:hover,
#second .productList2 ul li dl:hover,
#second .productList3 ul li dl:hover,
#second .productList4 ul li dl:hover,
#second .productList5 ul li dl:hover,
#second .productList6 ul li dl:hover,
#second .productList7 ul li dl:hover,
#second .productList8 ul li dl:hover,
#second .productList9 ul li dl:hover {
	opacity: 0.7;
}

.productDetailCat {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.productDetailCat::before {
	position: absolute;
	background-color: #006CBE;
	height: 5px;
	width: 10px;
	content: "";
	top: 20px;
	left: 0;
	z-index: -1;
	display: block;
}

.productDetailCat p {
	width: 100%;
	margin: 0 auto 20px;
	padding: 0 0 0 10px;
	display: block;
	background-color: #FFF;
	font-size: 24px;
	font-weight: 600;
	color: #006cbd;
	line-height: 1.4;
}

#second.product .cont {
	padding: 0 10px;
}

.productPdf {
	margin: 0 0 30px;
}

.productCad dl {
	margin: 0 0 60px;
}

.productCad dt {
	color: #006CBE;
	font-weight: 600;
	font-size: 24px;
	margin: 0 0 10px;
}

.productCad dd button {
	float: none;
	margin: 0 auto 10px;
}

.productBack {
    width: 260px !important;
	margin-bottom: 30px;
	margin-right: auto;
	margin-left: auto;
}

button.btn-pro {
  background: none;
  border: 2px solid #006cbd;
  border-radius: 50px;
  color: #006cbd;
		background-color: #FFF;
  display: block;
  font-weight: bold;
  padding: 0;
  position: relative;
  text-transform: uppercase;
		cursor: pointer;
		z-index: 10;
		width: 100%;
		height: 40px;
		line-height: 40px;
		margin: 0 4px;
		letter-spacing: 1px;
	font-size: 14px;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}

button.btn-pro::before,
button.btn-pro::after {
		background-color: #006cbd;
  content: '';
  position: absolute;
  z-index: -1;
  border-radius: 50px;
}

button.btn-pro:hover {
  color: #FFF;
  border-radius: 50px;
}

button.btn-pro::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 0;
}

button.btn-pro:hover::after {
  width: 100%;
}

button.btn-pro .btnarrow::before {
	content: '\f054';
	font-family: 'Font Awesome 5 Free';
	font-weight: 600;
	color:rgba(0,108,189,1);
	position: absolute;
	left: 80%;
}

.productPdfBox {
/*position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;*/
}
 
.productPdfBox iframe,
.productPdfBox object,
.productPdfBox embed {
	width: 100%;
	height: 130vw;
/*position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;*/
}

#topProduct.secProduct {
	padding: 0 0 40px;
	background-color: #EEE;
}

#second.product .cont table {
width: 100%;
}


}