@charset "utf-8";

/* ---------------------------------------------------------
                                for body
--------------------------------------------------------- */
body {
	background: #e8e5dd;
}
/* for SP */
@media only screen and (max-width: 480px) {
body {
	background: #e8e5dd;
}
}

/* ---------------------------------------------------------
                                for slider
--------------------------------------------------------- */
#page_image {
                                background: url(/images/company/top_image.png) no-repeat center center;
                                background-size: cover;
}
/* for SP */
@media only screen and (max-width: 480px) {
}

/* ---------------------------------------------------------
                                for white_board
--------------------------------------------------------- */
.white_board {
                                width: 1170px;
                                height: auto;
                                margin: 0 auto;
                                padding: 100px;
                                text-align: left;
                                background: #ffffff;
                                box-sizing: border-box;
                                display: inline-block;
}
.board_ttl {
	font-family: Helvetica,sans-serif;
                                font-size: 30px;
                                font-weight: 500;
                                color: #151371;
    text-align: center;
}
.board_ttl p {
                                margin-top: 5px;
                                font-size: 18px;
	color: #595757;
}
.board_photo {
                                width: 970px;
                                height: auto;
                                margin-top: 80px;
}
.board_photo ul {
                                width: 970px;
                                height: auto;
                                display: inline-block;
}
.board_photo li.c{
    margin-left: 20px;
    margin-right: 20px;
}
.board_photo li.l,
.board_photo li.c{
                                width: 310px;
                                height: auto;
                                text-align: left;
                                float: left;
}
.board_photo li.r {
                                width: 310px;
                                height: auto;
                                text-align: left;
                                float: right;
}
.board_photo li {
                                font-size: 15px;
                                line-height: 1.6em;
}
.board_photo li p {
                                margin-top: 35px;
                                margin-bottom: 20px;
                                padding: 0 0 0 50px;
                                font-size: 22px;
                                position: relative;
}
.board_photo li p:before {
                                content: '';
                                position: absolute;
                                top: 40%;
                                left: 0;
                                display: inline-block;
                                width: 30px;
                                height: 5px;
                                background-color: #f49c00;
}
.white_board dl {
                                width: 970px;
                                height: auto;
                                margin-top: 80px;
                                border-top: 1px solid #cccccc;
                                border-bottom: 1px solid #cccccc;
                                display: inline-block;
}
.white_board dt.ttl_top {
                                width: 170px;
                                height: auto;
                                margin-right: 30px;
                                padding: 20px 0;
                                font-size: 15px;
                                font-weight: 700;
                                text-align: left;
                                box-sizing: border-box;
                                display: block;
                                clear: left;
                                float: left;
}
.white_board dd.spec_top {
                                width: 770px;
                                height: auto;
                                padding: 20px 0;
                                font-size: 15px;
                                font-weight: 400;
                                text-align: left;
                                box-sizing: border-box;
                                display: block;
                                float: left;
}
.white_board dt.ttl {
                                width: 170px;
                                height: auto;
                                margin-right: 30px;
                                padding: 20px 0;
                                font-size: 15px;
                                font-weight: 700;
                                text-align: left;
                                border-top: 1px solid #cccccc;
                                box-sizing: border-box;
                                display: block;
                                clear: left;
                                float: left;
}
.white_board dd.spec {
                                width: 770px;
                                height: auto;
                                padding: 20px 0;
                                font-size: 15px;
                                font-weight: 400;
                                text-align: left;
                                border-top: 1px solid #cccccc;
                                box-sizing: border-box;
                                display: block;
                                float: left;
}
.white_board dd.spec a {
                                text-decoration: underline;
}
.h100 {
                                height: 100px;
}
/* for SP */
@media only screen and (max-width: 480px) {
.white_board {
                                width: 90%;
                                margin-top: 6%;
                                padding: 20px;
}
.board_ttl {
                                font-size: 22px;
}
.board_ttl p {
                                font-size: 14px;
}
.board_photo {
                                width: 100%;
                                margin-top: 6%;
}
.board_photo ul {
                                width: 100%;
}
.board_photo li.l {
                                width: 100%;
                                float: none;
}
.board_photo li.c {
                                width: 100%;
                                float: none;
                                margin-top: 6%;
    margin-left: 0;
    margin-right: 0;
}
.board_photo li.r {
                                width: 100%;
                                margin-top: 6%;
                                float: none;
}
.board_photo li.l img,
.board_photo li.c img,
.board_photo li.r img {
                                width: 100%;
                                height: auto;
}
.board_photo li p {
                                margin-top: 3%;
                                margin-bottom: 3%;
}
.white_board dl {
                                width: 100%;
                                margin-top: 6%;
}
.white_board dt.ttl_top {
                                width: 100%;
                                height: auto;
                                padding: 2% 0 2% 2%;
                                background: #efefef;
                                float: none;
}
.white_board dd.spec_top {
                                width: 100%;
                                height: auto;
                                padding: 2% 0 2% 2%;
                                border-top: 1px solid #cccccc;
                                float: none;
}
.white_board dt.ttl {
                                width: 100%;
                                height: auto;
                                padding: 2% 0 2% 2%;
                                background: #efefef;
                                float: none;
}
.white_board dd.spec {
                                width: 100%;
                                height: auto;
                                padding: 2% 0 2% 2%;
                                float: none;
}
.white_board dd.spec a {
                                text-decoration: underline;
}
.h100 {
                                height: 12%;
}
}

/* ---------------------------------------------------------
                                for illust_map
--------------------------------------------------------- */
.illust_map{
                                clear: both;
                                width: 970px;
                                height: auto;
                                margin: 0 auto;
                                margin-top: 80px;
                                padding: 0;
                                text-align: center;
                                border: 1px solid #dddddd;
                                box-sizing: border-box;
}
.illust_map li img{
    vertical-align: middle;
}
@media only screen and (max-width: 480px) {
.illust_map {
                                width: 100%;
                                margin-top: 6%;
                                padding: 0 0 6% 0;
}
.illust_map li img {
                                width: 90%;
                                height: auto;
}
}

/* ---------------------------------------------------------
                                for category02
--------------------------------------------------------- */
#category02 {
                                width: 100%;
                                height: 350px;
                                margin-top: 200px;
                                margin-bottom: -100px;
                                background: #e8e5dd;
                                display: inline-block;
}
#category02 ul {
                                width: 1170px;
                                margin: 0 auto;
                                position: relative;
}
#category02 ul li.copy {
                                width: 760px;
                                margin: 0 auto;
                                position: absolute;
                                top: -320px;
                                left: 0;
                                right: 0;
}
#category02 ul li.copy h2 {
                                font-size: 48px;
                                font-weight: 500;
                                color: #151371;
	font-family: Helvetica,sans-serif;
                                margin-bottom: 25px;
                                text-align: center;
}
#category02 ul li.copy p {
                                font-size: 22px;
                                font-weight: normal;
                                color: #f49c00;
                                margin-bottom: 20px;
                                text-align: center;
}
#category02 ul li.image {
                                width: 370px;
                                height: 350px;
                                margin-top: -100px;
                                margin-right: 30px;
                                float: left;
                                position: relative;
}
#category02 ul li.image:last-child {
                                margin-right: 0px;
}
#category02 ul li.profile {
                                background: url(/images/index/category02_img01.png) no-repeat center center;
}
#category02 ul li.history {
                                background: url(/images/index/category02_img02.png) no-repeat center center;
}
#category02 ul li.access {
                                background: url(/images/index/category02_img03.png) no-repeat center center;
}
#category02 ul li.image h2 {
                                font-size: 40px;
                                font-weight: 500;
                                color: #ffffff;
	font-family: Helvetica,sans-serif;
                                margin-bottom: 25px;
                                text-align: center;
                                position: absolute;
                                top: 90px;
                                left: 0;
                                right: 0;
}
#category02 ul li.image p {
                                font-size: 18px;
                                font-weight: normal;
                                color: #ffffff;
                                text-align: center;
                                position: absolute;
                                top: 143px;
                                left: 0;
                                right: 0;
}
#category02 ul li.image a {
                                position: absolute;
                                top: 233px;
                                left: 90px;
}
/* for SP */
@media only screen and (max-width: 480px) {
#category02 {
                                width: 100%;
                                height: auto;
                                margin-top: 38%;
}
#category02 ul {
                                width: 100%;
                                display: inline-block;
}
#category02 ul li.copy {
                                width: 90%;
                                top: -335px;
                                text-align: left;
}
#category02 ul li.image {
                                width: 90%;
                                height: 350px;
                                margin-top: 0px;
                                margin-right: 0px;
                                float: none;
}
#category02 ul li.image:last-child {
                                margin-left: 5%;
}
#category02 ul li.profile {
                                margin: -100px auto 0 auto;
                                background-size: cover;
}
#category02 ul li.history {
                                margin: 40px auto 0 auto;
                                background-size: cover;
}
#category02 ul li.access {
                                margin: 40px auto 0 auto;
                                background-size: cover;
}
#category02 ul li.image h2 {
                                top: 120px;
                                font-size: 44px;
}
#category02 ul li.image p {
                                top: 163px;
                                font-size: 18px;
}
#category02 ul li.image a {
                                width: 74%;
                                margin-left: 18%;
                                top: 258px;
                                left: 0px;
}
#category02 ul li.image a img {
                                width: 100%;
                                height: auto;
}
}

/* ---------------------------------------------------------
                                for g_map
--------------------------------------------------------- */
.g_map {
                                width: 970px;
                                height: 580px;
                                margin-top: 60px;
                                margin-bottom: 50px;
                                font-size: 15px;
                                font-weight: 700;
                                border: 1px solid #dddddd;
}
/* for SP */
@media only screen and (max-width: 480px) {
.g_map {
                                width: 100%;
                                height: 300px;
                                margin-top: 6%;
                                margin-bottom: 6%;
}
.g_map iframe {
                                width: 100%;
                                height: 300px;
}
}