@charset "utf-8";

/*bodyにclass=coをあててます*/

.co {}

/*sidebar*/
.co #main .article .sidebar { width:220px; display:block; float:left; }
.co #main .article .sidebar p { background-color:#5FB6D9; text-align:center; color:#FFFFFF; font-weight:bold; margin:0 0 0 0; }
.co #main .article .sidebar ul { margin:0; padding:0; }
.co #main .article .sidebar ul li { list-style-type:none; padding-left:0px; border-bottom:1px solid #CCCCCC; }
.co #main .article .sidebar ul li a { color:#444444; font-size:15px; color:#031E41; font-weight:bold; display:block; background:url(../images/icon04.png) no-repeat left 50%; padding:15px 0px 15px 25px; }
/*.co #main .article .sidebar ul li a:hover{ color:#FFFFFF; text-decoration:none; background-color:#031E41; }*/
/*.co #main .article .sidebar ul .li-last{ border-bottom:1px solid #CCCCCC; }*/


/*【共通】メイン表示部（ = .co-content）*/
.co #main .article .co-content { width:730px; display:block; float:right; }
.co #main .article .co-content h4:first-child { margin:0 0 20px 0; }
.co #main .article .co-content h3 span { font-weight:normal; color:#666; font-size:0.8em; display:none; }
/*.co #main .article .co-content dl { width:730px; }
.co #main .article .co-content dl dt { float:left; width:70px; font-weight:bold; margin:0; }
.co #main .article .co-content dl dd { float:left; width:630px; margin:0; }*/
.co #main .article .co-content .waku { border:1px solid #023E73; padding:10px; margin-top:30px; }
.co #main .article .co-content ul.inner-navi { background:#f5f5f5; border:solid 1px #ccc; border-radius:10px; display:block; margin:0 0 30px 0; list-style-type:none; }
.co #main .article .co-content ul.inner-navi li { display:block; float:left; padding:0 20px; border-left:solid 1px #ccc; width:180px; }
.co #main .article .co-content ul.inner-navi li:first-child { border:none; }
.co #main .article .co-content ul.inner-navi li a { display:block; padding:10px 20px; text-align:center; background:url(../images/down-arrow.png) no-repeat left; }
.co #main .article .co-content div.back2top { display:block; margin:50px 0; text-align:right; }

/* SP */
@media only screen and (max-width:767px){
  .co #main .article .sidebar{ width:100%; display:block; float:none; }
  .co #main .article .sidebar ul{ display:flex; justify-content:space-between; align-items:stretch; flex-wrap:wrap; }
  .co #main .article .sidebar ul li{ width:calc(100% / 3); }
  .co #main .article .sidebar ul li a{ font-size:13px; }
  .co #main .article .co-content { width:100%; padding:20px; box-sizing:border-box; display:block; float:none; }
  .co #main .article .co-content ul.inner-navi{ padding:0; }
  .co #main .article .co-content ul.inner-navi li { padding:0 10px; width:calc(100% / 3); box-sizing:border-box; }
  .co #main .article .co-content ul.inner-navi li a { padding:10px; }
}


/*【個別】index(企業理念)*/
.index .article .co-content {}
.index .article .co-content #column01 { display:block; }
.index .article .co-content #column01 h4 { width:730px; height:160px; display:block; background:url(../images/catch01.png) no-repeat; text-indent:-9999px; border:none; margin:0; padding:0; }
.index .article .co-content #column01 .top-message { width:550px; display:block; margin:40px auto; }
.index .article .co-content #column01 .top-message img.ph01 { display:block; float:left; }
.index .article .co-content #column01 .top-message .top-message-text { width:350px; display:block; float:right; margin:40px 0 0 0; }
.index .article .co-content #column01 .top-message .top-message-text h5 { width:180px; height:70px; display:block; margin:0; background:url(../images/name01.png) no-repeat; text-indent:-9999px; }
.index .article .co-content #column01 h6 { width:260px; height:60px; display:block; background:url(../images/catch02.png) no-repeat; text-indent:-9999px; margin:0 auto; padding:0; }
.index .article .co-content #column01 .text { display:block; margin:20px; padding:0; line-height:1.6; color:#333; text-indent:1em; }
.index .article .co-content #column01 .image-box01 { width:300px; display:block; float:right; margin:0 0 20px 20px; }
.index .article .co-content #column01 .image-box01 p { font-size:0.8em; text-align:right; }

.index .article .co-content #column02 { display:block; margin:100px 0; }
.index .article .co-content #column02 h4 { width:730px; height:80px; display:block; background:url(../images/catch03.png) no-repeat; text-indent:-9999px; border:none; margin:0; padding:0; }
.index .article .co-content #column02 h5 { font-size:1.6em; margin:30px 40px; padding:0 0 0 50px; display:block; color:#333; font-weight:normal }
.index .article .co-content #column02 h5.point01 { background:url(../images/catch04.png) no-repeat left; }
.index .article .co-content #column02 h5.point02 { background:url(../images/catch05.png) no-repeat left; }
.index .article .co-content #column02 h5.point03 { background:url(../images/catch06.png) no-repeat left; }

.index .article .co-content #column03 { display:block; margin:100px 0 50px; }
.index .article .co-content #column03 h4 { width:730px; height:200px; display:block; background:url(../images/catch07.png) no-repeat; text-indent:-9999px; border:none; margin:0; padding:0; }
.index .article .co-content #column03 .syugi-box { width:600px; display:block; margin:50px auto; }
.index .article .co-content #column03 .syugi-box h5 { width:600px; height:60px; display:block; text-indent:-9999px; }
.index .article .co-content #column03 .syugi-box p { display:block; margin:0 0 0 60px; color:#333; line-height:1.6; }
.index .article .co-content #column03 .syugi-box h5.point01 { background:url(../images/catch08.png) no-repeat; }
.index .article .co-content #column03 .syugi-box h5.point02 { background:url(../images/catch09.png) no-repeat; }
.index .article .co-content #column03 .syugi-box h5.point03 { background:url(../images/catch10.png) no-repeat; }

/* SP */
@media only screen and (max-width:767px){
  .index .article .co-content #column01{ margin:30px 0; }
  .index .article .co-content #column01 h4 { width:100%; height:80px; background-size:contain; }
  .index .article .co-content #column01 .top-message { width:100%; }
  .index .article .co-content #column01 .top-message img.ph01 { display:block; float:none; text-align:center; }
  .index .article .co-content #column01 .top-message .top-message-text { width:100%; float:none; margin:10px 0 0 0; }
  .index .article .co-content #column01 .text { margin:20px 0; }
  .index .article .co-content #column01 .image-box01 { width:auto; display:block; float:none; margin:0 auto; text-align:center; }

  .index .article .co-content #column02{ margin:30px 0; }
  .index .article .co-content #column02 h4 { width:100%; height:40px; background-size:contain; }
  .index .article .co-content #column02 h5 { font-size:1.1em; margin:30px 0px; padding:0 0 0 50px; }

  .index .article .co-content #column03{ margin:30px 0; }
  .index .article .co-content #column03 h4 { width:100%; height:95px; background-size:contain; }
  .index .article .co-content #column03 .syugi-box { width:100%; margin:20px 0; }
  .index .article .co-content #column03 .syugi-box p { margin:0; }
  .index .article .co-content #column03 .syugi-box h5 { width:100%; height:35px; margin:20px 0 0; }
  .index .article .co-content #column03 .syugi-box h5.point01 { background-size:contain; }
  .index .article .co-content #column03 .syugi-box h5.point02 { background-size:contain; }
  .index .article .co-content #column03 .syugi-box h5.point03 { background-size:contain; }
}


/*【個別】enkaku(企業沿革)*/
.histroy .article .co-content {}
.histroy .article .co-content .his-block { width:520px; display:block; float:left; }
.histroy .article .co-content .his-block dl { width:100%; margin:0 0 2px 0; padding:0; color:#555; /*border-bottom:dotted 1px #ccc;*/ }
.histroy .article .co-content .his-block dl dt { display:block; float:left; width:90px; font-weight:bold; margin:0; padding:20px 10px; font-size:0.9em; }
.histroy .article .co-content .his-block dl dd { display:block; float:left; width:380px; margin:0; font-size:0.9em; padding:20px 10px; }
.histroy .article .co-content .his-block dl dd span { display:none; }
.histroy .article .co-content .his-block dl:nth-child(even) { background:url(../images/his-bg01.png) }
.histroy .article .co-content .his-block dl:nth-child(odd)  { background:url(../images/his-bg02.png) }
.histroy .article .co-content .his-ph-block { width:200px; display:block; float:right; }
.histroy .article .co-content .his-ph-block img { width:100%; height:auto; display:block; }
.histroy .article .co-content .his-ph-block p { font-size:0.7em; color:#666; }
.histroy .article .co-content .his-ph-block .ph01 {}
.histroy .article .co-content .his-ph-block .ph02 { margin-top:80px; }
.histroy .article .co-content .his-ph-block .ph03 { margin-top:550px; }
.histroy .article .co-content .his-ph-block .ph04 { margin-top:280px; }

/* SP */
@media only screen and (max-width:767px){
  .histroy .article .co-content .his-block { width:100%; float:none; }
  .histroy .article .co-content .his-block dl dt { float:none; width:100%; box-sizing:border-box; }
  .histroy .article .co-content .his-block dl dd { float:none; width:100%; box-sizing:border-box; }
  .histroy .article .co-content .his-block dl:nth-child(even) { background:none; }
  .histroy .article .co-content .his-block dl:nth-child(odd)  { background:none; }
  .histroy .article .co-content .his-block dl:nth-child(even) dt { background:#7FD2F1; }
  .histroy .article .co-content .his-block dl:nth-child(odd) dt { background:#B3E4F7; }
  .histroy .article .co-content .his-block dl:nth-child(even) dd { background:#F2F5F6; }
  .histroy .article .co-content .his-block dl:nth-child(odd) dd { background:#F8F9FA; }
  .histroy .article .co-content .his-ph-block { display:none; }
}

/*【個別】info(企業概要)*/
.info .article .co-content {}
.info .article .co-content dl { width:100%; margin:0 0 10px 0; padding:0; color:#555; /*border-bottom:dotted 1px #ccc;*/ }
.info .article .co-content dl dt { display:block; float:left; width:150px; font-weight:bold; margin:0; padding:5px 10px; font-size:0.9em; background:#00a4e3; color:#fff; text-align:center; border-radius:30px; }
.info .article .co-content dl dd { display:block; float:right; width:520px; margin:0; font-size:0.9em; padding:5px 10px; }
.info .article .co-content dl dd span { display:none; }

/* SP */
@media only screen and (max-width:767px){
  .info .article .co-content img { width:100%; }
  .info .article .co-content dl dt { float:none; width:150px; }
  .info .article .co-content dl dd { float:none; width:100%; margin:0 0 10px; }

}
/*ボタン*/
.inq-btn02{ margin:30px auto 0; display:block; width:329px; height:49px; text-indent:-9999px; background:url(../images/inq-btn02.png) no-repeat; }
.inq-btn02:hover{ opacity:0.6; }