@charset "utf-8";
/* CSS Document */

/*　メニュー　スクロール後 
----------------------------------------------------------*/
/* PCのみ　*/

@media screen and (min-width:950px) {
header.changeNav {
  position:fixed;
  z-index:999;
}
header.changeNav .header_logo {
    top:20px;
    left:25px;
  }
header.changeNav .header .header_logo img {
    width:45px;
  }
header.changeNav .header .g_nav {
    position: absolute;
    top: 28px;
    right: 45px;
    display: block !important;
  }

header.changeNav .header .g_nav .nav li.btn-group {
    margin: -5px 0 0 0;
    padding: 0;
    line-height: 1;
}
header.changeNav .header .g_nav .nav li a {
    -webkit-writing-mode:horizontal-tb;
    -ms-writing-mode:lr-tb;
    writing-mode:horizontal-tb;
    font-size:17px;
}
header.changeNav .header .g_nav .nav li ol {
  gap: 0px 20px;
  flex-flow:wrap;
}
header.changeNav .header .g_nav .nav li ol li a {
    background:#fff;
    border-radius:50%;
  }  
header.changeNav .header .g_nav .nav li ol li a img {
    width:30px;
  }


header.changeNav .header .g_nav .nav li a {
    color:#00326d;
}  
header.changeNav .header .header_logo a {
    color:#00326d;
}
header.changeNav .header .header_logo p {
    color:#000;
}
}

@media screen and (min-width: 767px) and (max-width: 949px) {
header.changeNav {
  position:fixed;
  z-index:999;
}
header.changeNav .header_logo {
    top:20px;
    left:20px;
  }
header.changeNav .header .header_logo img {
    width:45px;
  }
header.changeNav .header .g_nav {
    position: absolute;
    top: 28px;
    right:20px;
    display: block !important;
  }
header.changeNav .header .g_nav .nav li.btn-group {
    margin: -5px 0 0 0;
    padding: 0;
    line-height: 1;
}
header.changeNav .header .g_nav .nav li a {
    -webkit-writing-mode:horizontal-tb;
    -ms-writing-mode:lr-tb;
    writing-mode:horizontal-tb;
    font-size:17px;
}
header.changeNav .header .g_nav .nav li ol {
  gap: 0px 20px;
  flex-flow:wrap;
}
header.changeNav .header .g_nav .nav li ol li a {
    background:#fff;
    padding: 10px;
    border-radius:50%;
  }  
header.changeNav .header .g_nav .nav li ol li a img {
    width:30px;
  }

/* TOPページのみ */
header.changeNavTOP .header .g_nav .nav li a {
    color:#00326d;
}  
header.changeNavTOP .header .header_logo a {
    color:#00326d;
}
header.changeNavTOP .header .header_logo p {
    color:#000;
}
}

@media screen and (min-width:768px) and ( max-width:890px) {
header.changeNav {
  position:fixed;
  z-index:999;
}
header.changeNav .header_logo {
    top:20px;
    left:20px;
  }
header.changeNav .header .header_logo img {
    width:40px;
  }
header.changeNav .header .g_nav {
    right:0px;
  }
header.changeNav .header .g_nav .nav li.btn-group {
    margin: -7px 20px 0 0;
    padding: 0;
    line-height: 1;
}
header.changeNav .header .g_nav .nav li a {
    -webkit-writing-mode:horizontal-tb;
    -ms-writing-mode:lr-tb;
    writing-mode:horizontal-tb;
    font-size:16px;
}
header.changeNav .header .g_nav .nav li ol {
  gap: 0px 10px;
  flex-flow:wrap;
}
header.changeNav .header .g_nav .nav li ol li a {
    background:#fff;
    padding:10px;
    border-radius:50%;
  }  
header.changeNav .header .g_nav .nav li ol li a img {
    width:30px;
  }
/* TOPページのみ */
header.changeNavTOP .header .g_nav .nav li a {
    color:#00326d;
}  
header.changeNavTOP .header .header_logo a {
    color:#00326d;
}
header.changeNavTOP .header .header_logo p {
    color:#000;
}
}

/* メニュー幅 */
@media screen and (min-width:901px) {
.header .g_nav ul {column-gap: 30px;}
}
@media screen and (max-width:900px) {
.header .g_nav ul {column-gap:20px;} 
.header .g_nav li.btn-group { margin: 0 0 0 -10px;}
}

/*メニュー幅  クロール後 */
@media screen and (min-width:1201px) {
header.changeNav .header .g_nav ul {column-gap: 30px;}
}
@media screen and (max-width:1200px) {
header.changeNav .header .g_nav ul {column-gap:20px;}  
}
@media screen and (max-width:860px) {
header.changeNav .header .g_nav ul {column-gap:15px;}
header.changeNav .header .g_nav li.btn-group {margin: 0 0 0 -10px;}
}


/*　メインイメージ
----------------------------------------------------------*/
.sub_main-top {
  width:100%;
  height:23vh;
  background-repeat: no-repeat!important;
  position: relative;
  background-position:center top;
  z-index:-1;
}
.sub_main-top::after {
  content:"";
  width: 100%;
  height: 100%;
  background:rgba(0, 50, 109,0.35);
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00326d+0,00326d+100&0+2,0.65+100 */
background: linear-gradient(to bottom,  rgba(0,50,109,0.2) 0%,rgba(0,50,109,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  position:absolute;
  z-index: 1;
}

.sub_main-top h2 {
font-size:26px;
letter-spacing:3px;
padding-left:3px;
position:absolute;
content:"";
z-index:999;
color:#fff;
left: 50%;
transform: translateX(-50%);
bottom:25px;
text-shadow: 0 0 20px rgba(0, 50, 109, 1.0),0 0 10px rgba(0, 50, 109, 1.0),0 0 12px rgba(0, 50, 109, 1.0);
}

.sub_main-top h2::after {
content:"";
width:1px;
position:absolute;
height:50px;
background:#f3f3f2;
bottom:-55px;
left:50%;
}

.sub_main-top h2::before {
content:"";
position:absolute;
text-shadow:none;
font-size:60px;
color:rgba(255,255,255,0.2);
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
top:-55px;
}

@media screen and (max-width:480px) {
.sub_main-top h2::before {
font-size:50px;
top:-45px;}	
}

.sub_main-top.news h2::before {
content:"NEWS";
}

.sub_main-top.company h2::before {
content:"COMPANY";
}

.sub_main-top.business h2::before {
content:"BUSINESS";
}

.sub_main-top.works h2::before {
content:"WORKS";
}

.sub_main-top.contact h2::before {
content:"CONTACT";
}

.sub_main-top.recruit h2::before {
content:"RECRUIT";
}

.sub_main-top {
background:url(../img/sub/sub-top.webp);
background-position:0 -15vh;
background-size:cover;
}

@media screen and (max-width:1400px) {
.sub_main-top {
background-size:cover;
background-position:0 -10vh;}	
}

@media screen and (max-width:767px) {
.sub_main-top {
background:url(../img/sub/sub-top-sp.webp);
background-size:cover;
background-position:0 20px;}	
}


/*　メイン見出し
----------------------------------------------------------*/
h2.main-midashi {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-size:25px;
    text-align:center;
    margin:0 auto 80px;
    color:#00326d;
    font-weight:500;
}

h2.main-midashi:after {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-size:15px;
    content:"●";
    padding:15px 0 0;
    color:#008bd5;
}


/*　会社概要ページ
----------------------------------------------------------*/
/* 代表者挨拶 */
section.message {
	max-width:1100px;
	margin:150px auto 100px;
}

@media screen and (max-width:1400px) {
section.message {
	max-width:80%;
	margin:150px auto 100px;}
}

section.message p {
	font-size: 17px;
	margin:0 0 10px 0;
}
section.message figure {
	border:#00326d 1px solid;
	padding:15px;
	max-width:900px;
	margin:auto;
	position:relative;
}
section.message figure::before {
	content:"";
	position:absolute;
	width:4px;
	height:4px;
	top:0px;
	left:0px;
	background-color:#00326d;
}
section.message figure::after {
	content:"";
	position:absolute;
	width:3px;
	height:4px;
	bottom:0px;
	right:0px;
	background-color:#00326d;
}

@media screen and (max-width:480px) {
section.message figure {
	padding:8px;
}
}

/* 職人・従業員紹介 */
section.company-staff {
background: url(../img/bg-content-light.jpg);
position: relative;
padding:180px 0;
}

section .company-staff-inner {
	max-width: 1100px;
	margin:0 auto 0;
}

@media screen and (max-width:1400px) {
section .company-staff-inner {
	max-width:80%;}
}

@media screen and (max-width:1200px) {
section .company-staff-inner {
	max-width:90%;}	
}

section .company-staff-inner table {
	width:680px;
	margin-left:calc( 100% - 650px );
}

section .company-staff-inner table td {
	width:50%;
	font-size:16px;
	padding:15px;
}

section .company-staff-inner table td:first-child {
	width:50%;
	font-size:17px;
	padding:15px;
	position:relative;
	color:#00326d;
}

section .company-staff-inner table td:first-child::before {
	content:"";
	position:absolute;
	width:200px;
	height:1px;
	right:20px;
	top:calc(50% - 2px);
	border-bottom:#00326d 1px dashed;
}

section .company-staff-inner .staff-wrapper {
margin:0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content:flex-start;
}


section .company-staff-inner .staff-wrapper div.title {
	width:20%;
}
section .company-staff-inner .staff-wrapper div.member {
	width:80%;
}

@media screen and (max-width:890px) {
section .company-staff-inner table {
	width:100%;
	margin:0;
}
section .company-staff-inner table td:first-child::before {
	width:110px;
}
section .company-staff-inner .staff-wrapper div.title {
	width:30%;
}
section.company-staff .staff-wrapper div.member {
	width:70%;}	
}

@media screen and (max-width:767px) {
section .company-staff-inner table td {
	line-height:1.5;
	padding:15px 0;
}

section .company-staff-inner table td:first-child {
	font-size:17px;
	padding:15px 10px;
}
	
section .company-staff-inner table td:first-child::before {
	width:50px;
	top:30px;
	right:15px;
}

section .company-staff-inner .staff-wrapper div.title {
	width:25%;
}
section .company-staff-inner .staff-wrapper div.member {
	width:75%;}	
}

@media screen and (max-width:480px) {
section .company-staff-inner table td:first-child::before {
	width:30px;}
}

@media screen and (max-width:480px) {
section .company-staff-inner table td {
	line-height:1.5;
	padding:15px 0;
	font-size:16px;}
section .company-staff-inner table td:first-child {
	font-size:16px;
	padding:15px 5px;}
}

@media screen and (max-width:400px) {
section .company-staff-inner .staff-wrapper {
margin:0;
	flex-wrap:wrap;
}
section .company-staff-inner .staff-wrapper div.title {
	width:100%;
}
section .company-staff-inner .staff-wrapper div.member {
	width:100%;}
section .company-staff-inner table td {
	padding:15px 15px;
	font-size:16px;}
section .company-staff-inner table td:first-child {
	font-size:16px;
	padding:15px 15px;}
}




/* 会社情報 */
section.company-info {
	max-width: 1100px;
	margin:250px auto 100px;
}

@media screen and (max-width:1400px) {
section.company-info {
	max-width:80%;
	margin: 100px auto 100px;
	}
}

section.company-info table {
	border-top:#00326d 1px solid;
	width:100%;
}

section.company-info table th {
	width:30%;
	font-size:16px;
	color:#00326d;
	padding:25px;
	border-bottom:#00326d 1px solid;
}

section.company-info table td {
	font-size:16px;
	padding:25px;
	border-bottom:#00326d 1px solid;
}

section.company-info table td ol {
	list-style:decimal;
}

section.company-info .map {
	margin:50px auto 0;
}

section.company-info figure {
	border:#00326d 1px solid;
	padding:15px;
	width:500px;
	position:relative;
	margin:0 auto 80px;
	border-radius:50%;
}

section.company-info figure img {
	border-radius:50%;
}


section.company-info figure::before {
	content:"";
	position:absolute;
	width:4px;
	height:4px;
	top:0px;
	left:calc( 50% - 2px );
	background-color:#00326d;
}

section.company-info figure::after {
	content:"";
	position:absolute;
	width:4px;
	height:4px;
	bottom:0px;
	right:calc( 50% - 2px );
	background-color:#00326d;
}

@media screen and (max-width: 680px) {
section.company-info figure {
	width:80%;
}
section.company-info table {
	border-top:#00326d 1px solid;
	width:100%;
}
section.company-info table th {
	width:100%;
	display:block;
	font-size:16px;
	padding:15px;
	text-align:center;
}
section.company-info table td {
	width:100%;
	display:block;
	font-size:16px;
	padding:15px;}	
}

@media screen and (max-width:480px) {
section.company-info figure {
	padding:10px;
}
}

/*　事業案内
----------------------------------------------------------*/
.about-tategu .content {
	position: relative;
	padding-bottom: 3vw;
	margin: auto;
	width: 93vw;
}

@media screen and (max-width:767px) {
.about-tategu .content {
	position: relative;
	padding-bottom: 8vw;
	margin: auto;
	width: 100%;
}	
}

.about-tategu .content .title {
	margin-top: 8.59vw;
	margin-right: 23vw;
	margin-bottom: 32.13vw;
}

@media screen and (max-width:1500px) {
.about-tategu .content .title {
	margin-bottom:25.13vw;}	
}


@media screen and (max-width:767px) {
.about-tategu .content .title {
	margin-top: 15vw;
	}
}

.about-tategu .content h2 {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-size: 33px;
    text-align:center;
    color:#00326d;
    font-weight:500;
}

.about-tategu .content h2:after {
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-size:15px;
    content:"●";
    padding:15px 0 0;
    color:#008bd5;
}

@media screen and (max-width:767px) {
.about-tategu .content h2 {
    font-size:25px;}
}
.about-tategu .content .ph {
	position: absolute;
}
.about-tategu .content .ph01 {
	top: -0.4vw;
	right: 0;
	width: calc(5vw * 3);
}
.about-tategu .content .ph02 {
	top: 8.59vw;
	right: 34.39vw;
	width: calc(5vw * 9);
}

.about-tategu .content .ph03 {
	top: 22vw;
	left: 0;
	width: calc(3.8vw * 6);
}

.about-tategu .content .ph04 {
	top: 40.05vw;
	right: 30.09vw;
	width: calc(4.347vw * 4);
}
}

@media screen and (max-width:767px) {
.about-tategu .content .ph01 {
	display:none;}
.about-tategu .content .ph {
	position: absolute;
}

.about-tategu .content .ph02 {
	top:-8.59vw;
	right: 40.39vw;
	width: calc(5vw * 9);
}

.about-tategu .content .ph03 {
	top: 22vw;
	left:30px;
	width: calc(4.5vw * 6);
}

.about-tategu .content .ph04 {
	top:38.05vw;
	right: 40.09vw;
	width: calc(5.347vw * 4);
}	
}

@media screen and (max-width:480px) {
.about-tategu .content .title {
	margin-right:18vw;
}
.about-tategu .content .ph01 {
	display:none;
}
.about-tategu .content .ph02 {
	top:-3vh;
	left:50px;
	width: calc(5vw * 10);
}
.about-tategu .content .ph03 {
	top:22.5vh;
	left:150px;
	width: calc(4.5vw * 6);
}

.about-tategu .content .ph04 {
	top:30vw;
	left: 0;
	width: calc(5vw * 8);}
}

@media screen and (max-width:376px) {
.about-tategu .content .ph03 {
	left:145px;
	top:30.5vh;}
}


.copy_standard {
	display: flex;
	flex-direction: row-reverse;
	align-content: flex-start;
	align-items: flex-start;
}

.copy_standard .line {
	/* display: inline-block; */
	width: 33px;
	font-size: 28px;
	position: relative;
	margin-top: 30px;
	line-height: 1.2;
	/* padding-right: 12px; */
	/* margin-left: 10px; */
	/* transition: 0.9s ease-in-out; */
	/* opacity: 0; */
}

.copy_standard .line.show {
	/* opacity: 1; */
}

.copy_standard .line:before {
	content: '';
	display: block;
	width: 3px;
	height: 0;
	background: #2b2a29;
	position: absolute;
	right: 0;
	top: 0;
	border-radius: 1px;
	transition: 0.9s ease-in-out;
}

section.tategu-exp {
	max-width: 1500px;
	margin: 100px auto 100px;
}

@media screen and (max-width:1600px) {
section.tategu-exp {
	max-width:80%;
	margin: 80px auto 80px;
	}
}

.business-box {
	margin:0;
	gap: 0 100px;
	display: -webkit-box;
	display: -ms-flexbox;display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content:flex-start;
}

.business-box div {
	width:50%;
}
.business-box div p.txt {
	font-size:16px;
	margin:30px 0 100px;
}

@media screen and (max-width:900px) {
.business-box {
	margin:0;
	gap:0 0;
	display: flex;
	flex-wrap: wrap;
}
.business-box div {
	width:100%;}
.business-box div p.txt {
	margin:30px 0;
}
}


p.wiki {
	background: #f2f5f7;
	padding:30px 50px;
	font-size:14px;
	margin: 0 auto 60px;
	line-height:2;
}

p.wiki span {
font-size:12px;
}

@media screen and (max-width:767px) {
p.wiki {
	padding:30px 30px;
	font-size:14px;
	margin:30px auto 30px;
	line-height:1.9;}	
}




section.product-list {
	margin: 0 auto 180px;
	background: url(../img/bg-content-light.jpg);
}

section.product-list .product-list-inner {
	max-width: 1100px;
	margin:auto;
	padding:100px 0 100px;
}

@media screen and (max-width:1400px) {
section.product-list .product-list-inner {
	max-width:80%;
	padding:60px 0 60px;}
}

@media screen and (max-width:1025px) {
section.product-list {
	margin:100px auto 100px;
}
}

.product-list-box {
margin:0;
	gap:30px 100px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	  justify-content: center;
  align-items: center;
}

.product-list-box .title {
	width:30%;
	position:relative;
}

.product-list-box .title h2 {
    font-size:24px;
    letter-spacing:2px;
    padding: 0 0 0 0;
    position: absolute;
    top:calc(50% - 10px);
    left:50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.product-list-box .title.dogu h2 {
    width:5.5em;
}

.product-list-box .title h2::before {
    content:"●";
	color:#008bd5;
	font-size:16px;
    background-repeat:no-repeat;
    background-size:contain;
    position: absolute;
    top:calc(50% + 35px);
    left:50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.product-list-box .content {
	width:70%;
}

.product-list-box .content p {
	font-size:16px;
	margin-bottom: 0.5em;
	line-height: 2.2;
}

@media screen and (max-width:900px) {
.product-list-box {
	margin:0 auto;
	gap:60px 100px;
	flex-wrap: wrap;
	padding:30px 0 10px;
}
.product-list-box .content,.product-list .title {
	width:100%;}
	
.product-list-box .content p {
	font-size:15px;
	margin-bottom: 0.5em;
	line-height:2;
}
}


/* 想いの年輪 */
section.annualring {
	margin:0 0 100px;
}

section.annualring .annualring-inner {
	margin:auto;
	padding:150px 0 0;
}

@media screen and (max-width: 1400px) {
section.annualring .annualring-inner {
	padding:60px 0 60px;}
}

@media screen and (max-width:1025px) {
section.annualring {
	margin:100px auto 100px;}
}

@media screen and (max-width:820px) {
section.annualring {
	width:80%;
	margin:auto;}
section.annualring .annualring-inner {
	padding:0px 0 0px;}
}

.annualring-box {
	margin:0;
	gap:0px 100px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: left;
	align-items: flex-start;
}
.annualring-box div.img {
	width: 45%;
	position:relative;
}
.annualring-box div.img img {
	width:100%;
}
.annualring-box div.txt {
	width: 40%;
	position:relative;
}
.annualring-box div h2 {
	font-size:30px;
	margin-bottom: 0.8em;
	line-height: 2.2;
	letter-spacing:3px;
}
.annualring-box div h2 br {
	display:none;
}
.annualring-box div p {
	font-size:16px;
	margin-bottom: 0.5em;
	line-height: 2.2;
}

@media screen and (max-width:1200px) {
.annualring-box {
	gap:80px 60px;
}
.annualring-box div h2 {
	font-size:26px;
	margin-bottom:1em;
	line-height:2;
}
.annualring-box div h2 br {
	display:inline-block;
}
.annualring-box div p br {
	display:none;}
}

@media screen and (max-width:820px) {
.annualring-box {
	margin:0 auto;
	gap:50px 0;
	flex-wrap: wrap;
	padding: 0px 0 0px;
}
.annualring-box div.img {
	width:100%;
}
.annualring-box div.txt {
	width:100%;
}
.annualring-box div h2 br {
	display:none;}
}

@media screen and (max-width:480px) {
.annualring-box div h2 {
	line-height:1.7;
}
.annualring-box div h2 br {
	display:inline-block;
}
.annualring-box div p {
    font-size: 16px;
    line-height:2;
}
}

/* 想いの年輪 */
section.livetogether {
	margin: 100px auto 0;
}

section.livetogether .livetogether-inner {
	margin:auto;
	padding: 100px 0 0px;
}

@media screen and (max-width:1400px) {
section.livetogether .livetogether-inner {
	padding:60px 0 60px;
	}
}

@media screen and (max-width:1025px) {
section.livetogether {
	margin:100px auto 100px;}
}

@media screen and (max-width:820px) {
section.livetogether {
	margin:50px auto 50px;}
section.livetogether .livetogether-inner {
	width:80%;
	padding: 0px 0 0px;
	}
}

.livetogether-box {
	margin:0;
	gap: 30px 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: right;
	align-items: flex-start;
}

.livetogether-box div.txt {
	width: 35%;
	position:relative;
}
.livetogether-box div.img {
	width: 45%;
}
.livetogether-box div.img img {
	width:100%;
}

.livetogether-box div h2 {
	font-size:30px;
	letter-spacing:3px;
	margin-bottom: 0.8em;
	line-height: 2.2;
}

.livetogether-box div p {
	font-size:16px;
	margin-bottom: 0.5em;
	line-height: 2.2;
}

@media screen and (max-width:1400px) {
.livetogether-box div.txt {
	width: 45%;}
.livetogether-box div.img {
	width: 40%;}
}

@media screen and (max-width:1110px) {
.livetogether-box div p {
	font-size:15px;
}
.livetogether-box div p br {
	display:none;

}
}

@media screen and (max-width:820px) {
.livetogether-box {
	margin:0 auto;
	gap:50px 0;
	flex-wrap: wrap;
	padding: 0 0 0;
}
.livetogether-box div.txt {
	width:100%;
}
.livetogether-box div h2 {
	font-size:26px;
	margin-bottom:1em;
	line-height:1.5;
}
.livetogether-box div.img {
	width:100%;}

.livetogether-box div p {
	line-height:1.9;
	font-size:16px;
}
}


/* 道具・機械　写真 */
section.gallary {
	margin:50px auto;
}

.gallary-box ul {
margin:0;
gap:0 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
justify-content: center;
align-items: center;
}

.gallary-box ul li {
width:calc(25%);
}

@media screen and (max-width:840px) {
.gallary-box ul {
flex-wrap: wrap;
gap:20px 20px;
}
.gallary-box ul li {
width:calc(50% - 40px);
}	
}


/*　施工事例　※インスタ設定
----------------------------------------------------------*/
section.insta{
	max-width: 1100px;
	margin:150px auto 100px;
}

@media screen and (max-width:1400px) {
section.insta {
	max-width:80%;
	margin: 100px auto 100px;
	}
}


/*　求人情報
----------------------------------------------------------*/
.recruit-top {
	position:relative;
	height:300px;
}

.recruit-top div.welcome {
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.recruit-top div.welcome h3 {
	color:#008bd5;
	margin:100px 0 0;
	padding:20px 0 30px;
	width:150px;
	border-radius:50%;
	text-align:center;
	line-height: 1.4;
	font-size:18px;
	position:relative;
	z-index:1;
}

.recruit-top div.welcome h3::before {
	background: url(../img/bg-content-light.jpg);
	z-index:-1;
	position:absolute;
	content:"";
	width:150px;
	height:150px;
	border-radius:50%;
	top: 30px;
	left:50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

.recruit-top div.welcome h3:after{
	font-size:12px;
	position:absolute;
	content:"●";
	color:#008bd5;
	top: 0;
	left:50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
}

section.recruit-lead div {
	max-width: 1100px;
	margin:0px auto 30px;
}
section.recruit-lead div h3 {
	text-align:center;
	font-size:22px;
	color:#00326d;
}

section.recruit-lead div ul {
	margin:30px auto 0;
	gap:20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

section.recruit-lead div ul li {
	background: url(../img/bg-content-light.jpg);
	padding:25px 20px;
	letter-spacing:1px;
	font-size:16px;
	text-align:center;
	width:calc(25% - 10px);
}

@media screen and (max-width:1400px) {
section.recruit-lead div{
	max-width:80%;
	margin: 0px auto 100px;
	}
}

@media screen and (max-width:1300px) {
section.recruit-lead div ul {
	flex-wrap:wrap;
}
section.recruit-lead div ul li {
	width:calc(50% - 10px);}
}

@media screen and (max-width:680px) {
section.recruit-lead div ul li {
	padding:25px 15px;
	letter-spacing:1px;
	font-size:16px;
}
section.recruit-lead div ul li br {
	display:none;}
}

@media screen and (max-width:480px) {
section.recruit-lead div ul li {
	padding:15px 15px;
	letter-spacing:0px;
	font-size:16px;
	width:calc(100%);}
section.recruit-lead div ul li br {
	display:block;}
}

section.recruit-detail {
	max-width: 1100px;
	margin:150px auto 100px;
}

section.recruit-detail h2.main-midashi {
    margin: 0 auto 0px;
}

section.recruit-detail div {
	max-width: 1100px;
	margin:70px auto 100px;
}

@media screen and (max-width:1400px) {
section.recruit-detail div{
	max-width:80%;
	margin: 100px auto 100px;
	}
}

section.recruit-detail table {
	border-top:#00326d 1px solid;
	width:100%;
}

section.recruit-detail table th {
	width:30%;
	font-size:16px;
	color:#00326d;
	padding:25px;
	border-bottom:#00326d 1px solid;
}

section.recruit-detail table td {
	font-size:16px;
	padding:25px;
	border-bottom:#00326d 1px solid;
}

@media screen and (max-width: 680px) {
section.recruit-detail table {
	border-top:#00326d 1px solid;
	width:100%;
}
section.recruit-detail table th {
	width:100%;
	display:block;
	font-size:16px;
	padding:15px;
	text-align:center;
}
section.recruit-detail table td {
	width:100%;
	display:block;
	font-size:16px;
	padding:15px;}	
}


section.recruit-flow h2.main-midashi {
    margin: 0 auto 50px;
}

section.recruit-flow div.recruit-flow-inner {
	max-width: 1100px;
	margin:150px auto 100px;
}

@media screen and (max-width:1400px) {
section.recruit-flow div.recruit-flow-inner {
	max-width:80%;
	margin: 100px auto 100px;
	}
}




.Inner {
	margin-left: auto;
	margin-right: auto;
	padding: 40px 60px 40px;
	background: url(../img/bg-content-light.jpg);
}

@media screen and (max-width: 540px) {
  .List-Item {
    border-top: 0;
  }
}
.List-Item:nth-of-type(1) {
  border-top: 0;
}
.List-Item-Content {
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px;
  padding-bottom: 30px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 540px) {
  .List-Item-Content {
    padding-top: 15px;
    padding-bottom: 15px;
    flex-wrap: wrap;
  }
}

.List-Item-Content-Number-Line {
  position: absolute;
  top:-36px;
  left: 50%;
  transform: translate(-50%,-50%);
  width:0.5px;
  height:48px;
  background: #008bd5;
}

.List-Item-Content.one {
  padding-top: 0;
}
.List-Item-Content-Number {
  position: relative;
  margin-right: 30px;
  border-radius: 50%;
  width:20px;
  height:26px;
  line-height:24px;
  padding-left:2px;
  text-align: center;
  background: #008bd5;
  color: #fff;
  font-size:15px;
}
@media screen and (max-width: 540px) {
  .List-Item-Content-Number {
    margin-right: 20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 24px;
  }
}

@media screen and (max-width: 540px) {
  .List-Item-Content-Number-Line {
    top: -80%;
    width: 2px;
    height: 72px;
  }
}
.List-Item-Content-Title {
  margin-right: 40px;
  flex-basis: 280px;
  color:#008bd5;
  font-size: 18px;
}
@media screen and (max-width: 540px) {
  .List-Item-Content-Title {
    margin-right: 0;
    max-width: 230px;
    font-size: 18px;
  }
}
.List-Item-Content-Description {
  line-height: 1.5;
  font-size: 16px;
  width: 50%;
}

@media screen and (max-width:800px) {
.List-Item-Content-Description {
  line-height: 1.5;
  font-size: 16px;
  width: 70%;}	
}

@media screen and (max-width: 540px) {
  .List-Item-Content-Description {
    margin-left: 60px;
    max-width: 260px;
    font-weight: normal;
    font-size: 13px;
  }
}


section.recruit-contact h2.main-midashi {
    margin: 0 auto 0px;
}

section.recruit-contact div {
	max-width: 1100px;
	margin:70px auto 100px;
}

@media screen and (max-width:1400px) {
section.recruit-contact div{
	max-width:80%;
	margin: 100px auto 100px;
	}
}

.recruit-contact-inner h3 {
	font-size:20px;
	margin: 50px auto 15px;
	text-align:center;
	line-height:1.5;
}

.recruit-contact-inner h3 span {
	font-size:28px;
}

.recruit-contact-inner h4 {
	font-size:15px;
	text-align:center;
	line-height:1.7;
	margin:30px auto;
}

.recruit-contact-inner h4 span {
	font-size:20px;
}


/*　お知らせ　投稿ページ
-------------------------------------------------*/
section.news-detail {
	margin:60px 0 120px;
}

section.news-detail div.container {
	min-height:500px;
}

section.news-detail h2 {
	font-size:28px;
}

div#detail {
	margin:20px auto 0;
	line-height:1.8;
}
#up_ymd{
	text-align:right;
	font-size:13px;
	margin:5px 10px;
}
.detailUpfile{
	margin:5px 0 35px;
	text-align:center;
}
.backORcloseBtn{
	text-align:center;
	line-height:100%;
	margin-top:15px;
}
.backORcloseBtn a {
	display:inline-block;
	padding:10px 15px;
	border:1px solid #00326d;
	color:#00326d;
	border-radius:6px;
	text-decoration:none;
	font-size:12px;
	transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.backORcloseBtn a:hover {
	background:#fafafa;
}

.detailUpfile img{
	max-width:100%;
	height:auto;
}
.pNav{
	font-size:11px;	
}


/*　お問い合わせ
--------------------------------------------*/
h2.contact {
	margin:0 0 50px;
}
table.form-table {
	width:100%;
	margin: 50px auto 0;
	border-top: solid 1px #2d416b;
	border-bottom: solid 1px #2d416b;
	font-size:14.5px;
}
.form-table th {
	border-bottom: solid 1px #2d416b;
	vertical-align: top;
	color:#2d416b;
	padding: 25px 20px;
	letter-spacing: 1px;
	background: url(../img/bg-content-light.jpg);
	white-space: nowrap;
}
.form-table td {
border-bottom: solid 1px #2d416b;
padding:15px;
}

@media screen and (max-width:767px) {
h2.contact {
	text-align:center;
}
.form-table {
    width:100%;
 }
.form-table th,
.form-table td {
　　border-bottom: none;
    display: block;
    width: 100%;
  }
.form-table td {
border-bottom: solid 1px #2d416b;
padding:5px 0 20px;
}
}

.form-table input,
.form-table select {
	height : 1.8em;
	border : 1px solid #cccccc;
	border-radius : 3px;
	background : #fff;
	font-size: 16px;
	color: #505050;
	padding:5px;
}

.form-table textarea{
	width: 100%;
	height : 180px;
	resize : vertical;
	border : 1px solid #cccccc;
	border-radius : 3px;
	background : #fff;
	padding: 5px;
	color: #505050;
}
.form-table input:focus,
.form-table textarea:focus{
	box-shadow : 0px 0px 5px #55ccff;
	border : 1px solid #55ccff;
	background : #ffffff;
}

.form-table label:hover{
	cursor : pointer;
}
.form-table input{
	height : auto;
	width: 100%;
	margin-right : 0.5em;
}

.form-table input {
	height : auto;
	width: 100%;
	margin-right : 0.5em;
}
.form-table input[type=radio] {
	margin:10px 0 10px;
	width:auto;
}

.checkbox-privacy {
	margin:20px 0 0;
}

.checkbox-privacy a {
	letter-spacing:1px;
	display: inline-block;
	color:#3683df;
	border-bottom: 1px solid #3683df;
	padding-bottom:0px;
	-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;}

.checkbox-privacy a:hover {
padding-bottom:1.5px;
}

.form-table td div.experience {
  display:flex;
  width:100%;
  margin:0;	
}
.form-table td div.experience div:nth-of-type(1) {
  width:calc(80% - 10px);
}
.form-table td div.experience div:nth-of-type(2) {
  width:20%;margin:5px 0 0 10px;
}

input.submit_button {
	width : auto;
	height : auto;
	display:inline-block;
	vertical-align : middle;
	border-radius : 3px;
	font-family : inherit;
	border:none;
	padding-top:15px;
	padding-right: 35px;
	padding-bottom:15px;
	padding-left: 35px;
	font-size: 17px;
	line-height: 26px;
	color: #fff;
	background-color: #134178;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px 0px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
	margin: 30px auto;
}
input.submit_button:hover{
	cursor : pointer;
	color:#fff;
	opacity:0.8;
}

.required {
background-color:#00326d;
color:#fff;
padding:0.2px 2px 1px;
font-size:10px;
font-weight:500;
border-radius:2px;
margin-right:3px;
}


@media screen and (max-width:767px) {
.form-table input,
.form-table select,.form-table textarea {
	width:100%;
}
input.submit_button {
	margin:15px auto 0;
}
.form-table .form-file { font-size:11px;}
}


/* 確認画面 */

section.form-confirm-wrapper {
	width:80%;
	margin:auto;
}

section.form-confirm-wrapper .body-container {
  padding:80px 5vw;
}

@media screen and (max-width:1200px) {
section.form-confirm-wrapper {
	width:90%;
	margin:auto;}	
}

section.form-confirm-wrapper p {
	font-size:15px;
	line-height:2;
	letter-spacing:1px;
}
section.form-confirm-wrapper .error_messe {
	color:red;
	text-align:center;
}
section.form-confirm-wrapper h4 {
	margin:30px 0 30px;
	font-size:20px;
	text-align:center;
	color:#134178;
}

section.form-confirm-wrapper h3 {
	margin:30px 0 30px;
	font-size:30px;
	text-align:center;
	color:#134178;
}

section.form-confirm-wrapper .formTable {
	width:100%;
	max-width: 1200px;
	margin: 50px auto 30px;
	border-top: solid 1px #2d416b;
	border-bottom: solid 1px #2d416b;
	font-size:14.5px;
}
section.form-confirm-wrapper .formTable th {
	border-bottom: solid 1px #2d416b;
	vertical-align: top;
	color:#2d416b;
	padding:20px;
	letter-spacing: 1px;
	background:rgba(54, 131, 223, 0.07);
	white-space: nowrap;
	width:30%;
}
section.form-confirm-wrapper .formTable td {
border-bottom: solid 1px #2d416b;
padding:15px;
}

@media screen and (max-width:767px) {
section.form-confirm-wrapper .formTable {
    width:100%;
  }
section.form-confirm-wrapper .formTable th,
section.form-confirm-wrapper .formTable td {
　　border-bottom: none;
    display: block;
    width: 100%;
  }
section.form-confirm-wrapper .formTabletd {
border-bottom: solid 1px #2d416b;
padding:5px 0 20px;}
}

.confirm_submit_button input { 
	border:none;
	padding:15px 20px;
	cursor:pointer;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
	margin: 30px auto;
}
.confirm_submit_button input:hover{
	cursor : pointer;
	color:#fff;
	background-color:#1B85FB;
}


input.form-button { 
	border:none;
	padding:15px 20px;
	cursor:pointer;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	transition: 0.2s linear;
	margin: 30px auto;
}
input.form-button:hover{
	cursor : pointer;
	color:#fff;
	background-color:#2d416b;
}
.error_messe { color:red;}

table.formTable{
	width:100%;
	margin:10px auto;
	border-collapse:collapse;
}
table.formTable td,table.formTable th{
	border:1px solid #ccc;
	padding:10px;
}
table.formTable th{
	width:30%;
	font-weight:normal;
	background: url(../img/bg-content-light.jpg);
	text-align:left;
}
p.error_messe{
	margin:5px 0;
	color:red;
}

#formWrap {
	max-width:1100px;
	margin:auto;
}

#formWrap h3 {
	font-size:20px;
	text-align:center;
}

/*　簡易版レスポンシブ用CSS（必要最低限のみとしています。ブレークポイントも含め自由に設定下さい）　*/
@media screen and (max-width:572px) {
#formWrap {
	width:95%;
	margin:0 auto;
}
table.formTable th, table.formTable td {
	width:auto;
	display:block;
}
table.formTable th {
	margin-top:5px;
	border-bottom:0;
}