@charset "utf-8";
/* ------------------------------------- */
/*              BASIC FORMAT             */
/* ------------------------------------- */

*{
 margin:0;
 padding:0;
}


body {
 background-color:#f5e3d6;
}

header {
 width:1000px;
 margin:0 auto;
}


#head {
    width:1000px;
    height:534px;
    background-image:url('../images/img01.jpg');
    background-repeat:no-repeat;
}
#head02 {
    width:1000px;
    height:129px;
    background-image:url('../images/header.png');
    
    background-repeat:no-repeat;
}
.homebtn{
    padding:36px 0 0 580px;
    width:128px;
}
.pagetitle {
 width:345px;
 font-family: "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "HiraKakuProN-W3", "Osaka","Arial","Helvetica","sans-serif";
 color:#000;
 padding-top:11px;
 float:left;
 margin-left:50px;
 margin-top:10px;
}


p.resizeimage img { 
	width: 100%;
    height: auto;
}

#home {
 margin-top:6px;
 width:68px;
 height:23px;
 float:left;
}

#headinq a:hover{
 color:#fff;
 background-image:url('../images/btn_inq_on.png');
 background-repeat:no-repeat;
}




section {
 width:1000px;
 margin:10px auto;
}

.monoblk{
    width:100%;
    margin:1em auto;
}
footer {
    width:1000px;
    margin:10px auto;
    background-color:#756a57;
}


a   {
 color:#00b;
 text-decoration:underline;
}


p	{
    font-family: "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "HiraKakuProN-W3", "Osaka","Arial","Helvetica","sans-serif";
    font-size:medium;
    color:#000;
    line-height:150%;
}

.elmnum {
 font-size:x-small;
 color:#000;
 line-height:150%;
}

img {
 border:0;
}

li {
 margin-left:30px;
}

.pagetop a{
    width:135px;
    background-color:#cc551f;
    padding-right:30px;
    padding-top:12px;
    color:#fff;
    font-size:10pt;
    -moz-border-radius: 5px;
    /*Firefox*/
	-webkit-border-radius: 5px;
    /*Safari,Chrome*/
	border-radius: 5px;
    /* CSS3 */;
    margin:10px 0;
    background-image:url('../images/ttlico_arr.png');
    background-repeat:no-repeat;
    float:right;
    height:22px;
    text-decoration:none;
    background-position:right;
    text-align:right;
}

.pagetop a:hover{
    background-color:#ff8f1e;
}
.clear {
 clear:both;
}


/*--------------- MENU FORMAT ------------------*/
#menu_mob{
    display:none;
}

#menu_sub{
    width:96%;
    box-sizing:border-box;
    
    margin:1em auto;
    background-color:#ec8885;
    -moz-border-radius: 30px;
    /*Firefox*/
-webkit-border-radius: 30px;
    /*Safari,Chrome*/
border-radius: 30px;
    padding:1em 0 1em 250px;
}

#menu_sub a{
    color:white;
    text-decoration:none;

    
}

/*--------------- BASIC FORMAT ------------------*/

#container {
 width: 1000px;
 margin: 0 auto;
 background-color:#fff;
}

#docs {
    width:980px;
 	margin:10px auto;
}

#foot {
 font-size:small;
 color:#fff;
 width:1000px;
 padding-top:5px;
 margin:0 auto;
    background-color:756a57;
}

.foot_company {
    color:#fff;
    font-size:large;
    font-weight:bold;
    line-height:150%;
}

#footinfo {
    width:480px;
    float:left;
    padding:10px;
    color:#fff;
    font-size:medium;
    
}

#copyright {
    font-size:small;
    color:#fff;
    width:470px;
    float:right;
    text-align:right;
    margin-top:55px;
    margin-right:10px;
}




/**** this CSS tags for "top page"****/
/*=======================================*/

.catch {
    font-size:22pt;
    line-height:120%;
    font-weight:bold;
    margin:20px 0;
}

.due {
    float:left;
    width:480px;
}

.mono {
    width:100%;
     border-top:3px dotted #afafaf;
    margin-top:3em;
    padding-top:1em;
}


.sig {
    text-align:right;
    
}
.caption{
    text-align:center;
    margin-bottom:3em;
}
.bnr{
    width:90%;
    margin:0 auto;
}

.bnrm{
   display:none;
}

h1{
    width:550px;
    padding-top:75px;
    color:#5f4c3f;
    font-size:16pt;
    text-transform:uppercase;
    text-align:center;
    background-image:url(../images/ttlbspc_01.png);
    background-size:contain;
    margin:50px auto 0;
    background-repeat:no-repeat;
    background-position:center;
}
h2#greeting{
    padding-top:80px;
    color:#000;
    font-size:15pt;
    background-image:url(../images/ttlbspc_greeting.png);
    text-align:center;
    margin:10px auto;
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    width:250px;
   
}
h2#album{
    padding-top:80px;
    color:#000;
    font-size:15pt;
    background-image:url(../images/ttlbspc_album.png);
    text-align:center;
    margin:10px auto;
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    width:250px;
}

h2#voice{
    padding-top:80px;
    color:#000;
    font-size:15pt;
    background-image:url(../images/ttlbspc_voice.png);
    text-align:center;
    margin:10px auto;
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    width:350px;
}

h2#summary{
    padding-top:80px;
    color:#000;
    font-size:15pt;
    background-image:url(../images/ttlbspc_details.png);
    text-align:center;
    margin:10px auto;
    background-repeat:no-repeat;
    background-position:center;
    background-size:contain;
    width:450px;
}
.more {
    width:935px;
    background-color:#c4bb9c;
    padding:10px;
    color:#3f1600;
    font-size:medium;
    -moz-border-radius: 5px;
    /*Firefox*/
	-webkit-border-radius: 5px;
    /*Safari,Chrome*/
	border-radius: 5px;
    /* CSS3 */
	margin-top:15px;
}

.dlbtn a{
    width:220px;
    background-color:#a21425;
    padding-left:100px;
    padding-top:12px;
    color:#fff;
    font-size:large;
    font-weight:bold;
    display:block;
    background-image:url('../images/ttlico_dl.png');
    -moz-border-radius: 5px;
    /*Firefox*/
	-webkit-border-radius: 5px;
    /*Safari,Chrome*/
	border-radius: 5px;
    /* CSS3 */;
    margin:10px 0;
    background-repeat:no-repeat;
    height:26px;
    text-decoration:none;
    
}

.dlbtn a:hover{
    background-color:#ff8f1e;
}

table.data{
    width:430px;
border-collapse:collapse;
    
}

td.ttl01 {
    width:100px;
    vertical-align:top;
    
}

td.ttl02 {
    width:150px;
    vertical-align:top;
    
}

td.ttl03 {
    width:2em;
    vertical-align:top;
    
}

.section {
  max-width: 1024px;
  margin: 0 auto;
  padding: 50px 10px;
}
.section p._a {
  font-size: 12px;
  font-weight: bold;
  margin: 30px 0 0;
}
.section p._a .link {
  display: inline-block;
  color: #607D8B;
  padding-left: 1.3em;
  text-indent: -1.3em;
}
.section p._a .link:before {
  content: '';
  display: inline-block;
  width: 5px;
  height: 5px;
  border-top: 2px solid #607D8B;
  border-right: 2px solid #607D8B;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-right: 10px;
}
table.pannel {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 14px;
}
table.pannel th {
  width: 50%;
  box-sizing: border-box;
  padding: 15px;
  vertical-align: middle;
  font-weight: bold;
  text-align: center;
}
table.pannel td {
  background: #fff;
  box-sizing: border-box;
  padding: 15px;
  vertical-align: top;
  text-align: left;
}

.details{
    width:90%;
    margin:1em auto;
    padding:1em;
    background:#f7eee9;
        -moz-border-radius: 5px;
    /*Firefox*/
	-webkit-border-radius: 5px;
    /*Safari,Chrome*/
	border-radius: 5px;
}
.detail_blk{
    width:80%;
    margin:0 auto;
    border-top:2px solid #afafaf;
    padding:1em;
}
.detail_ttl{
	font-weight:bold;
    font-size:14pt;
}


/**** this CSS tags for " RECRUIT page Alubum"****/
/*=======================================*/
.photoAlbum .flex-box .photoItems {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	gap: 13px;
}
.photoAlbum .flex-box {
	padding-top:5px;
}
.photoAlbum .flex-box .caption p {
	font-weight: 500;
	text-align: center;
	margin-top:.5em;
	margin-bottom: 3em;
}
.photoAlbum .flex-box ul.photoItems > li {
	width: 440px;
	border:2px solid #ffa54f;
	list-style: none;
	margin-left:0;
}
.photoAlbum .flex-box ul.photoItems li img {
	max-width: 100%;
	vertical-align:middle;
}