@charset "UTF-8";
:root { --black: #1e1e25; --white: #f9f7f4; --gray: #b5b4b3; }

.company img { width: 100%; margin-bottom: 4vw; }
.company .title { font-size: 4vw; margin-bottom: 4vw; }
.company .title span { padding: 2vw; margin-bottom: 1.5vw; color: var(--white); font-family: var(--mincho); font-weight: 600; background: var(--brown01); display: table; }
.company .title span b { font-family: "goldenbook"; font-weight: 400; letter-spacing: .04rem; }
.company .name{ font-family: "goldenbook"; font-weight: 400; letter-spacing: .04rem; font-size: 14vw; line-height: 1; color: var(--brown01); }
.company .name small{display:block;font-size:4vw;text-align: left;padding-right: 11%;color: var(--brown01);}
.company .tp{margin-bottom: 7%;}

.info .subtit { margin-bottom: 4vw; font-size: 6vw; font-family: "goldenbook"; font-weight: 400; letter-spacing: .04rem; border-bottom: 2px solid #e2e2e2; position: relative;  }
.info .subtit:after { content:""; width:25%; height:2px; background: var(--black); position: absolute; bottom: -2px; left:0; }
.company .info { margin-bottom: 10%; }
.company .info table { width: 100%; background: var(--white); }
.company .info tr { border-bottom: 1px solid var(--gray); }
.company .info tr:nth-child(1) { border-top: 1px solid var(--gray); }
.company .info th { padding: 3% 5%; line-height: 1.4; vertical-align: middle; }
.company .info td { padding: 3% 0 3% 5%; line-height: 1.4; vertical-align: middle; }
.company .info th { background: #ebebeb; width: 30%; border-bottom: 1px solid var(--white); }
.company .info tr:nth-last-child(1) th { border-bottom: none; }
.company .info td { width: 65%; font-size: 93%; }
.company .info td a { font-size: 5vw; font-family: var(--mincho); font-weight: 400; letter-spacing: 0.04rem; }
.company .info td.access { text-align: justify; }
.company .info .address span { width: fit-content; margin-bottom: 1vw; padding: 0.5vw 2vw; color: var(--white); display: block; text-align: center; background: var(--black); border-radius: 5px; }
.company .info td ul li { padding-left: 2vw; position: relative; }
.company .info td ul li:before { content: ''; width: 1vw; height: 1vw; background: var(--black); border-radius: 50px; position: absolute; top: 7px; left: 0; }

.access-items { margin-top: 5vw; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: box; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; }
.access-items li {width: 48%;font-size: 3.5vw;text-align: center;position: relative;}
.access-items .map::before {content: '\f041';font-family: 'icon'; font-weight: normal;position: absolute;top: 50%;left: 5vw;-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);font-size: 4vw;}
.access-items .route::before {content: '\f183';font-family: 'icon'; font-weight: normal;position: absolute;top: 50%;left: 5vw;-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);font-size: 4vw;}
.access-items span::after {content: '\f105';font-family: 'icon';position: absolute;top: 50%;right: 5vw;-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.access-items a {padding: 3vw 0 3vw;color: var(--white);background: var(--black);-moz-border-radius: 24px;-webkit-border-radius: 24px;border-radius: 24px;font-weight: bold;}
.company iframe { height:50vw; width: 100%; background: #eee; }

/* =============================================
    pc
================================================*/
@media screen and (min-width: 736px) { 
.second-text { position: relative; }
.company img { width: 70%; margin-bottom: 20px; position: relative; z-index: -1; }
.company .info { margin-bottom: 0; }
.company .title { margin-bottom: 10px; font-size: 20px; }
.company .title span { padding: 6px 8px; margin: -80px 0 60px 0; }
.company .name {font-size: 90px;margin-bottom: 62px;}
.company .name small {font-size: 18px;text-align:left;padding: 0 0 0 40px;}
.info .subtit { margin-bottom: 30px; font-size:30px; }
.company .info th {width:20%;}
.company .info th, .company .info td { padding: 16px 20px; }
.company .info td a { font-size:24px; }
.company .info td {font-size: 14px; }
.company iframe { width: 80%; height: 300px; margin-bottom: 30px; }
.company .info .address span { margin-bottom: 8px; padding: 2px 8px; }
.company .info td ul li { padding-left: 10px; }
.company .info td ul li:before { width: 3.5px; height: 3.5px; top: 8px;}
.access-items{width: 62%;max-width: 600px;margin: 60px auto 80px;}
.access-items li{font-size: 16px;width: 48%;}
.access-items a{padding: 20px 0; border-radius: 36px;-webkit-border-radius: 36px;}
.access-items .map::before{top: 50%;left: inherit;font-size: 22px;position: relative;margin-right: 10px;}
.access-items .route::before{top: 50%;left: inherit;font-size: 22px;position: relative;margin-right: 10px;}
.access-items span::after{right:20px;}
}