/*----CONTENTS PAGElayout------*/

/*----共通----*/

div.layer_contents {
padding: 0;
margin: 0;
background:white;
}

/*---- WIDTH ----*/

ul.no-screen,ul.screen {
display: block;
padding: 0;
list-style: none;
}

/*----(1) 全面設定----*/

ul.no-screen {
}

ul.no-screen li {
border-bottom:;
}

ul.no-screen li div.contents {
color: #304646;
font-size: 14px;
line-height: 22px;
margin: 0 auto;
padding:0;
}

/*----(2) 2面設定----*/

ul.screen {
display: table;
background: transparent;
}

ul.screen li {
display: table-cell;
vertical-align: top;
border-bottom: none;
}

ul.screen li.side1 {
width: 280px;
}

ul.screen li.side2 {
width: 920px;
}

ul.screen li div.contents {
color: #304646;
font-size: 14px;
line-height: 22px;
padding: 10px 20px;
margin: 0;
}

ul.screen li.side2 div.contents {
border-bottom: 1px solid #A6B3BB;
}

/*--各面--*/

.side-a {
background: #eee;
}
.side-b {
background: #fff;
}

/*--Contents 1面2面兼用 --*/

.contents,.contents-left,.contents-right {
position: relative;
overflow: hidden;
}

.contents {
padding:0;
}
.contents-left {
padding:0;
}
.contents-right {
padding:0;
}
.contents-top {
margin-top:;
}

/*----CAPTION----*/

div.caption {
color: #543f32;
font-size: 17px;
margin:;
line-height: 24px;
border: 0;
}

div.caption a {
color: #006699;
}

div.caption a:hover {
color: #FF0066;
}

div.caption span {
display: block;
font-size: 14px;
margin: 0;
padding: 5px 0 0 0;
color: #0066CC;
}


/*----fold----*/

div.fold {
padding:;
margin:;
line-height:;
}

div.fold ul {
display:;
}
div.fold ul li {
display: list-item;
}

div.fold ul li span {
display:;
color: ;
}

div.fold a {
display:;
color: forestgreen;
border-bottom:;
}

div.fold a:hover {
color: #FF0066;
}

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

div.fold div.lay { padding: 0 0 0 0; position: relative; line-height: 25px;}
div.fold div.lay p { padding: 20px 0 30px 0; margin-bottom: -30px; width: 100%; text-align: center; background-image: linear-gradient(to bottom, #F3F3F9 0%, #F3F3F9 75%, #fff 100%); color: #444;}
div.fold div.lay p span { display: inline-block; color: #3B619D; font-weight: bold; font-size: 15px;}
div.fold div.lay p.large { padding-top: 22px;}
div.fold div.lay p span.under { display: block; text-align: center; margin: 5px 0; font-size: 19px;}

div.fold div.lay div.sub { position: relative; text-align: center; margin: 15px 0;}
div.fold div.lay div.sub span{ display: inline-block; font-weight: bold; font-size: 15px; color: coral; margin: 0;}

.policy { display: block; text-align: center; font-size:17px; margin: 20px 0 0 0; padding: 0; }
.policy span.br { display: inline-block; }

div.fold div.lay span.news { display: block; width: 100%; max-width: 1200px; margin:0 auto; font-size: 15px; line-height: 28px; padding: 20px 0; text-align:left;}
div.fold div.lay span.news span.title { display: block; margin: -10px 10px 10px 230px; font-size: 17px;}
div.fold div.lay span.news span.title i { color: salmon; margin-right: 15px;}
div.fold div.lay span.news img.ballet {float:left; width:150px; margin-top: -50px; margin-right: 80px;}
div.fold div.lay span.news span.text {display: block; margin: 0 10px; font-size: 15px;}
div.fold div.lay span.news span.text a {display: inline-block; color: forestgreen;}

div.fold ul.solution { list-style: none; display: table; margin: 15px 0 20px 0; padding: 0; width: 100%; text-align: center; border-collapse: separate; border-spacing: 40px 0;}
div.fold ul.solution li { display: table-cell; border: 1px solid #c4d0dd; padding: 20px; vertical-align: top; background: white;}
div.fold ul.solution li a {display: inline-block; margin: 0; padding: 0;}
div.fold ul.solution li a span { display: inline-block; padding: 0 0 10px 18px; font-size: 18px; color: #3B619D;}
div.fold ul.solution li a span i { font-size: 20px; margin-right: 17px; color: #0066CC;}
div.fold ul.solution li a:hover span i { font-size: 20px; margin-right: 17px; color: deeppink;}
div.fold ul.solution li img { width: 300px;}

div.fold ul.two { list-style: none; display: table; margin: 0; padding: 0; width: 100%; border-collapse: separate; border-spacing: 70px 0; }
div.fold ul.two li {display: table-cell; text-align: center; font-size: 15px; vertical-align: top; border: 1px solid #eee; padding: 0 0 50px 0;}
div.fold ul.two li.b1 { background: url('../images/img/top-b1.jpg'); background-position: left; background-size: cover;}
div.fold ul.two li.b2 { background-image: url('../images/img/top-b2.jpg'); background-position: left; background-size: cover;}
div.fold ul.two li span.pa1 { display: block; font-size: 18px; padding: 13px; background-image: linear-gradient(180deg, #bbc8e6 0%, #e0e0ff 100%); color: #6273B6; text-shadow: 1px 1px 5px rgba(0,0,0,0.3); margin-bottom: 40px; border-bottom: 2px dotted #eee; font-weight: bold;}
div.fold ul.two li span.pa2 { display: block; font-size: 17px; color: #006699; padding: 0 0 15px 0;font-weight: bold;}
div.fold ul.two li span.pa3 { display: block; font-size: 14px; color: #444; padding: 0 0 30px 0;}

div.fold div.sub ul.civil-text { display: block; width: 800px; margin: -20px 0 12px 150px; text-align: left;}
div.fold div.sub ul.civil-text li {list-style: inside; margin: 0 0 10px 0; font-size: 15px;}

div.fold div.sub ul.civil { display: none; width: 800px; margin: -20px 0 12px 150px; text-align: left;}
div.fold div.sub ul.civil li {list-style: inside; float: left; margin: 0; width: 180px;}

div.fold div.sub ul.civil-img { display: table; width: 100%; max-width: 1350px; margin:0 auto; padding: 0 25px;}
div.fold div.sub ul.last-width { display: table; width: 40%; max-width: 540px;}
div.fold div.sub ul.civil-img li { display:table-cell; width: 20%; font-size: 12px;}
div.fold div.sub ul.civil-img li.large { display:table-cell; width:60%; font-size: 12px;}
div.fold div.sub ul.civil-img li img { width: 100%;}

div.fold ul.recruit ul.work { list-style: disc; display: block; padding:0; width: 580px;}
div.fold ul.recruit ul.work li { display: block; font-size: 15px; margin: 0; padding:5px 0 10px 0;}
div.fold ul.recruit ul.work li span { display: inline-block; padding: 0; margin: 0; font-size: 15px; width: 180px; color: #1F3669; border-bottom: 0;}

div.fold ul.recruit { display: table; margin: 0 40px; text-align: left; font-size: 14px; }
div.fold ul.recruit li { display: table-cell; padding: 0 55px; margin: 0;line-height: 28px; vertical-align: top;}
div.fold ul.recruit li span { display: block; padding: 0 0 8px 5px; margin: 0 0 10px -5px; font-size: 17px; border-bottom: 1px dotted pink;}
div.fold ul.recruit li.no-border { border: none;}

div.fold div.lay p img.pattern {  width: 56px; padding: 0 17px; vertical-align: middle;}

div.fold div.lay p span.pattern { display: inline-block; width: 58px; height: 20px; background-image: url('../images/img/2021pattern.png'); background-size: contain; background-repeat: no-repeat; background-position: 0 11px; margin: 0 17px;}

div.fold button.p-open,div.fold button.p-close {color: #336699; background: none; border: none; font-size: 15px; padding: 5px 0 0 0; cursor: pointer; width: 100%; outline: none;}
div.fold span.follow {display:block; font-size: 15px; padding: 20px 100px 0 370px; text-align: left; position: relative;}
div.fold span.follow img.profile { position: absolute; top: 20px; left: 80px; width: 220px;}
div.fold span.follow span.text { display: inline-block; padding: 0; float: left; }




/*-----absolute用-----*/
.open-fold,.close-fold {
outline:none;
position: absolute;
top: 20px;
left: 0;
z-index: 999;
width: 100%;
background: transparent;
border: 0;
text-align: right;
padding-right: 12px;
cursor: pointer;
}

.open-fold {
display:block;
color: #417038;
margin:1px 0 0 0;
}

.close-fold {
display:inline-block;
color: #339900;
margin:1px 0 0 0;
}

/*-----ICON------*/

.i-top-r {
color: #FF3300;
margin-right: 5px;
}

.i-top-b {
color: #00CC99;
margin-right: 5px;
}

.i-top-g {
color: #00CC33;
margin-right: 5px;
}