@charset "UTF-8";
#key {
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
	width: 100%;
	margin-bottom: 15px;
	background-color: #eee
}

@media print, screen and (max-width:599px) {
#key {
	background-size: auto 100%
}
}
#key.ir {
	background-image: url(../images/ir/key-bg.jpg)
}
#key.division {
	background-image: url(../images/division/key-bg.jpg)
}
#key.mechanical-equipment {
	background-image: url(../images/division/me-key-bg.jpg)
}
#key.construction-material {
	background-image: url(../images/division/cm-key-bg.jpg)
}
#key.informations-communication {
	background-image: url(../images/division/ic-key-bg.jpg)
}
#key.reform {
	background-image: url(../images/division/reform-key-bg.jpg)
}
#key.real-estate {
	background-image: url(../images/division/rs-key-bg.jpg)
}
#key.energy {
	background-image: url(../images/division/energy-key-bg2.jpg)
}
#key.various-division {
	background-image: url(../images/division/vd-key-bg.jpg)
}
#key.urban-development {
	background-image: url(../images/division/vd-key-bg2.jpg)
}
#key.biomass {
	background-image: url(../images/division/bio-key-bg.jpg)
}
#key.branch {
	background-image: url(../images/division/branch-key-bg.jpg)
}
#key.recruit {
	background-image: url(../images/recruit/key-bg.jpg)
}
#key.csr {
	background-image: url(../images/csr/key-bg.jpg)
}
#key.info {
	background-image: url(../images/info/key-bg.jpg)
}
#key.media {
	background-image: url(../images/media/key-bg.jpg)
}
#key.press {
	background-image: url(../images/press/key-bg.jpg)
}
#key.privacy {
	background-image: url(../images/privacy/key-bg.jpg)
}
#key.sitemap {
	background-image: url(../images/sitemap/key-bg.jpg)
}
#key.sns-disclaimer {
	background-image: url(../images/other/sns-key-bg.jpg)
}


@media print, screen and (min-width:600px) {
#key.sns-disclaimer #key-box {
	width: 500px
}
}
#key.attraction {
	background-image: url(../images/other/attraction-key-bg.jpg)
}
#key.future-generation {
	background-image: url(../images/other/fg-key-bg.jpg)
}

@media print, screen and (min-width:600px) {
#key.future-generation #key-box {
	width: 540px
}
}
#key.service-station {
	background-image: url(../images/service-station/key-bg.jpg)
}
#key.docomo-shop {
	border-bottom: 14px solid #ca002d;
	background-color: #fff
}
#key.docomo-shop .key-box-par {
	position: relative;
	height: 234px;
	background: url(../images/docomo-shop/key-bg.jpg) no-repeat right center/auto 100%
}

@media screen and (min-width:1101px) {
#key.docomo-shop .key-box-par {
	background-position: right 340px center
}
}

@media print, screen and (max-width:599px) {
#key.docomo-shop .key-box-par {
	height: 114px
}
#key.urban-development {
	background-image: url(../images/division/vd-key-bg2_sp.jpg)
}
}
#key.docomo-shop .key-tit {
	background: url(../images/docomo-shop/logo-docomo.png) no-repeat right center/auto 31px
}

@media print, screen and (max-width:959px) {
#key.docomo-shop .key-tit {
	padding-bottom: 35px;
	background-position: left bottom 10px
}
}
.key-box-par {
	position: relative;
	height: 248px
}

@media print, screen and (max-width:599px) {
.key-box-par {
	height: 128px
}
}
#key-box {
	position: absolute;
	left: 3%;
	top: 50%;
	width: 70%
}
#key-box.key-icon {
	padding-left: 60px;
	background: url(../images/ir/ir-key-icon.png) no-repeat left center
}

@media print, screen and (min-width:600px) {
#key-box.key-icon {
	width: 450px
}
}

@media print, screen and (min-width:600px) {
#key-box {
	width: 450px
}
}

@media print, screen and (max-width:599px) {
#key-box {
	width: 80%
}
}
.key-tit {
	color: #fff;
	font-size: 3.6rem;
	margin-bottom: 10px;
	border-bottom: 1px solid #fff;
	letter-spacing: 0.1em
}
.ts_b {
    text-shadow: 0px 0px 5px rgb(0 0 0);
}

@media print, screen and (max-width:599px) {
.key-tit {
	font-size: 3.2rem;
	text-shadow: 1px 1px 3px #0a246f, -1px -1px 3px #0a246f, -1px 1px 3px #0a246f, 1px -1px 3px #0a246f
}
}
.key-tit.c_black {
	color: #000000;
	border-bottom: 1px solid #000000
}

@media print, screen and (max-width:599px) {
.key-tit.c_black {
	text-shadow: none
}
}
.key-text {
	color: #fff;
	letter-spacing: 0.1em
}
.key-text.c_black {
	color: #000000
}
#bread-list {
	margin-bottom: 60px
}

@media print, screen and (max-width:599px) {
#bread-list {
	margin-bottom: 30px
}
}

@media print, screen and (min-width:600px) {
#bread-list ul {
	width: 75%
}
}
[class^=bread-item] {
	float: left;
	margin-right: 5px
}
[class^=bread-item]:after {
	content: ">";
	margin-left: 5px
}
.bread-item__last {
	margin-right: 0
}
.bread-item__last:after {
	content: none
}

@media print, screen and (min-width:600px) {
#main-contents {
	width: 75%;
	float: left
}
}

@media print, screen and (max-width:599px) {
#main-contents {
	margin-bottom: 40px
}
}

@media print, screen and (min-width:600px) {
#side-contents {
	width: 20%;
	float: right
}
}

@media print, screen and (max-width:599px) {
#side-contents {
	margin-bottom: 40px
}
}
.side-menu {
	border: 1px solid #0a246f
}
.side-tit {
	height: 34px;
	line-height: 34px;
	background-color: #0a246f;
	font-size: 1.4rem;
	font-weight: bold;
	color: #fff;
	position: relative;
	padding-left: 30px
}
.side-tit:before {
	content: '';
	display: block;
	background-color: #fff;
	width: 15px;
	height: 5px;
	position: absolute;
	left: 5px;
	top: 15px
}
.side-tit:after {
	content: '＋';
	font-size: 14px;
	line-height: 1;
	font-weight: bold;
	color: #fff;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -0.5em
}
.side-tit.open:after {
	content: 'ー'
}

@media print, screen and (min-width:960px) {
.side-tit {
	cursor: pointer
}
}

@media print, screen and (max-width:599px) {
.side-tit {
	font-size: 1.6rem
}
}
.side-wrap {
	display: none;
	background-color: #fff;
	padding: 10px
}
.side-link-tit {
	color: #5f6f9d;
	font-size: 1.4rem;
	font-weight: bold;
	margin-bottom: 10px
}

@media print, screen and (max-width:599px) {
.side-link-tit {
	font-size: 1.6rem
}
}
.side-link {
	font-size: 1.3rem;
	color: #0a246f;
	position: relative;
	padding-left: 12px;
	display: block;
	margin-bottom: 5px
}

@media print, screen and (max-width:599px) {
.side-link {
	font-size: 1.5rem
}
}
.side-link:before {
	content: '';
	display: block;
	width: 5px;
	height: 2px;
	background-color: #0a246f;
	position: absolute;
	top: 50%;
	margin-top: -1px;
	left: 0
}
[class^=side-bnr__] {
	margin-bottom: 10px
}

@media print, screen and (max-width:599px) {
[class^=side-bnr__] {
	width: 48%
}
}

@media print, screen and (max-width:599px) {
.side-bnr__left {
	float: left
}
.side-bnr__right {
	float: right
}
}
[class*=arhive-link-item__] {
	margin-bottom: 3.5rem;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

@media print, screen and (min-width:600px) {
[class*=arhive-link-item__] {
	width: 46.66%
}
}
[class*=arhive-link-item__] a {
	display: block
}

@media print, screen and (min-width:600px) {
.arhive-link-item__left {
	float: left
}
.arhive-link-item__right {
	float: right
}
}
.arhive-link-item-img {
	border: 1px solid #cccccc
}
.arhive-link-item-img img {
	width: 100%
}
.arhive-link-item-box {
	padding: 10px;
	background-color: #fff;
	border: 1px solid #cccccc;
	border-top: none
}
.arhive-link-item-btn {
	display: block;
	text-align: right
}
.arhive-link-item-tit-text1 {
	display: block;
	border-left: 8px solid #0f255d;
	font-size: 2.0rem;
	padding-left: 5px;
	margin-bottom: .5rem
}
.arhive-link-item-tit-text2 {
	padding-left: 13px;
	font-size: 1.2rem
}
.table-type1 {
	width: 100%
}
[class*=table-type1-th] {
	background-color: #f8f8f8;
	border-bottom: 1px dashed #adadad;
	font-size: 1.4rem
}
[class*=table-type1-td] {
	border-bottom: 1px dashed #adadad;
	font-size: 1.4rem
}
.table-type1-td__last, .table-type1-th__last {
	border-bottom: none
}

@media print, screen and (min-width:600px) {
[class*=table-type1-th] {
	width: 20%;
	padding: 20px 0;
	text-align: center
}
[class*=table-type1-td] {
	width: 80%;
	padding: 20px 30px
}
.table-type1-td__first, .table-type1-th__first {
	border-top: 1px dashed #adadad
}
}

@media print, screen and (max-width:599px) {
.table-type1, .table-type1>tbody>tr, .table-type1 tbody {
	display: block;
	width: 100%
}
[class*=table-type1-th] {
	display: block;
	border-bottom: none;
	padding: 10px
}
[class*=table-type1-td] {
	display: block;
	padding: 10px 10px 20px
}
}
.table-type2 {
	width: 100%
}
[class*=table-type2-th] {
	background-color: #f8f8f8;
	border-bottom: 1px dashed #adadad;
	font-size: 1.4rem
}
[class*=table-type2-td] {
	border-bottom: 1px dashed #adadad;
	font-size: 1.4rem
}

@media print, screen and (min-width:600px) {
[class*=table-type2-th] {
	border-top: 1px dashed #adadad;
	width: 25%;
	padding: 20px 10px
}
[class*=table-type2-td] {
	border-top: 1px dashed #adadad;
	width: 75%;
	padding: 20px 20px
}
}

@media print, screen and (max-width:599px) {
.table-type2, .table-type2>tbody, .table-type2>tbody>tr {
	display: block;
	width: 100%
}
[class*=table-type2-th] {
	display: block;
	border: none;
	padding: 10px
}
[class*=table-type2-td] {
	display: block;
	padding: 10px 10px 20px
}
}

@media print, screen and (min-width:600px) {
.ph-26_box-img {
	width: 26%;
	float: left
}
.ph-26_box-text {
	width: 70%;
	float: right
}
}

@media print, screen and (max-width:599px) {
.ph-26_box-img {
	display: block;
	margin: 0 auto 10px
}
}

@media print, screen and (min-width:600px) {
.ph-30_box-img {
	width: 30%;
	float: left
}
.ph-30_box-text {
	width: 66%;
	float: right
}
}

@media print, screen and (max-width:599px) {
.ph-30_box-img {
	display: block;
	margin: 0 auto 10px
}
}

@media print, screen and (min-width:600px) {
.ph-33_box-img {
	width: 33%;
	float: left
}
.ph-33_box-text {
	width: 63%;
	float: right
}
}

@media print, screen and (max-width:599px) {
.ph-30_box-img {
	display: block;
	margin: 0 auto 10px
}
}

@media print, screen and (min-width:600px) {
.ph-35_box-img {
	width: 35%;
	float: left
}
.ph-35_box-text {
	width: 61%;
	float: right
}
}

@media print, screen and (max-width:599px) {
.ph-35_box-img {
	display: block;
	margin: 0 auto 10px
}
}

@media print, screen and (min-width:960px) {
.title-icons {
	text-align: right;
	width: 100%;
	position: absolute;
	right: 5px;
	top: 5px
}
.title-icons:after {
	clear: right
}
}

@media print, screen and (max-width:959px) {
.title-icons {
	margin-top: .5rem;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}
}
.title-icons-item {
	text-indent: 0
}

@media print, screen and (min-width:960px) {
.title-icons-item {
	float: right;
	margin-left: 5px
}
}

@media print, screen and (max-width:959px) {
.title-icons-item {
	-webkit-box-flex: 0;
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	margin-right: 5px
}
}
.inline-list {
	letter-spacing: -.4em
}
.inline-list li {
	letter-spacing: normal;
	display: inline-block
}

@media print, screen and (min-width:960px) {
.col3-list {
	overflow: hidden
}
.col3-list li {
	float: left;
	width: 32%;
	margin-right: 2%;
	margin-bottom: 2%
}
.col3-list li:nth-child(3n) {
	margin-right: 0
}
.col3-list li img {
	width: 100%
}
}

@media print, screen and (max-width:959px) {
.col3-list {
	width: 280px;
	margin: 0 auto
}
.col3-list li {
	margin-bottom: 2rem
}
}
#tab {
	background-color: #f1f1f1;
	border: 1px solid #eae9e9;
	padding: 2rem 0;
	margin-bottom: 6rem
}

@media print, screen and (min-width:960px) {
#tab.tab-type1 {
	text-align: center;
	letter-spacing: -.4em
}
}

@media print, screen and (max-width:959px) {
#tab.tab-type1 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}
}
#tab.tab-type1 li {
	background-color: #94a6d8;
	margin: 0 1%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 1px
}

@media print, screen and (min-width:960px) {
#tab.tab-type1 li {
	display: inline-block;
	letter-spacing: normal;
	max-width: 280px;
	cursor: pointer;
	width: 30%
}
}

@media print, screen and (max-width:959px) {
#tab.tab-type1 li {
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 30%
}
}
#tab.tab-type1 li a {
	display: block;
	text-align: center;
	font-size: 1.6rem;
	padding: 10px 0;
	border: 4px solid #b9c5e6
}

@media print, screen and (max-width:959px) {
#tab.tab-type1 li a {
	height: calc(100% - 28px)
}
}
#tab.tab-type1 li.current {
	background-color: #0a246f;
	color: #fff
}
#tab.tab-type1 li.current a {
	border: 4px solid #6070a1
}

@media print, screen and (min-width:960px) {
#tab.tab-type1 li.current a {
	position: relative
}
#tab.tab-type1 li.current a:after {
	content: '';
	display: block;
	height: 0;
	width: 0;
	position: absolute;
	bottom: -27px;
	left: 50%;
	margin-left: -90px;
	border-top: 22px solid #0a246f;
	border-left: 90px solid transparent;
	border-right: 90px solid transparent;
	border-bottom: 0 solid transparent
}
}

@media print, screen and (min-width:960px) {
#tab.tab-type2 {
	text-align: center;
	letter-spacing: -.4em
}
}

@media print, screen and (max-width:959px) {
#tab.tab-type2 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
}
}
#tab.tab-type2 li {
	background-color: #8ab0e8;
	margin: 0.5% 1%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 1px
}
@media print, screen and (min-width:960px) {
#tab.tab-type2 li {
	display: inline-block;
	letter-spacing: normal;
	width: 19%;
	cursor: pointer
}
}
@media print, screen and (max-width:959px) {
#tab.tab-type2 li {
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 22%
}
}
#tab.tab-type2 li a {
	display: block;
	text-align: center;
	font-size: 1.6rem;
	padding: 10px 0;
	border: 4px solid #b3ccf0
}

@media print, screen and (max-width:959px) {
#tab.tab-type2 li a {
	height: calc(100% - 28px)
}
}
#tab.tab-type2 li.current {
	background-color: #2b49a2;
	color: #fff
}
#tab.tab-type2 li.current a {
	border: 4px solid #7589c2
}

@media print, screen and (min-width:960px) {
#tab.tab-type3 {
	text-align: center;
	letter-spacing: -.4em
}
}

@media print, screen and (max-width:959px) {
#tab.tab-type3 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex
}
}
#tab.tab-type3 li {
	background-color: #eca8b7;
	margin: 0 1%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 1px
}

@media print, screen and (min-width:960px) {
#tab.tab-type3 li {
	display: inline-block;
	letter-spacing: normal;
	width: 30%;
	cursor: pointer
}
}

@media print, screen and (max-width:959px) {
#tab.tab-type3 li {
	-webkit-box-flex: 1;
	-webkit-flex: 1 1 auto;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	width: 30%
}
}
#tab.tab-type3 li a {
	display: block;
	text-align: center;
	font-size: 1.6rem;
	padding: 10px 0;
	border: 4px solid #f3c6d0
}

@media print, screen and (max-width:959px) {
#tab.tab-type3 li a {
	height: calc(100% - 28px)
}
}
#tab.tab-type3 li.current {
	background-color: #ca002d;
	color: #fff
}
#tab.tab-type3 li.current a {
	border: 4px solid #dc5976
}
.faq-box {
	margin-bottom: 4rem
}
.faq-box dt {
	background: url(../images/recruit/faq-icon1.png) no-repeat left top 0.5rem;
	font-size: 1.6rem;
	color: #0a246f;
	border-bottom: 1px dotted #333
}
.faq-box dd {
	background: url(../images/recruit/faq-icon2.png) no-repeat left top 0.5rem;
	font-size: 1.4rem
}

@media print, screen and (min-width:600px) {
.faq-box dd, .faq-box dt {
	padding: 10px 0 20px 70px
}
.faq-box dt {
	margin-bottom: 20px
}
}

@media print, screen and (max-width:599px) {
.faq-box dd, .faq-box dt {
	background-size: 2.4rem 1.9rem;
	padding: 0 0 1rem 3.5rem
}
.faq-box dt {
	margin-bottom: 1.2rem
}
}
.message-ph {
	float: left
}

@media print, screen and (max-width:599px) {
.message-ph {
	margin: 0 10px 10px 0
}
}

@media print, screen and (min-width:600px) {
.message-text {
	float: right;
	width: calc(100% - 155px)
}
}
.officer-table {
	width: 100%
}

@media print, screen and (min-width:600px) {
.officer-th {
	width: calc(100% - 115px);
	padding: 5px 0
}
.officer-td {
	width: 115px;
	padding: 5px 0;
	text-align: left;
	vertical-align: bottom
}
}

@media print, screen and (max-width:599px) {
.officer-th {
	display: block;
	margin-bottom: 5px
}
.officer-td {
	display: block;
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 1.5rem
}
}

@media print, screen and (min-width:960px) {
.group-company {
	overflow: hidden
}
.group-company li {
	float: left;
	width: 50%;
	max-width: 370px
}
}
.history-table {
	width: 100%;
	font-size: 1.4rem;
	word-break: break-word
}
.history-border {
	border-bottom: 1px dashed #a8adb2
}
.history-year {
	background-color: #f8f8f8
}
.history-month {
	background-color: #f1f8ff
}

@media print, screen and (min-width:600px) {
.history-year {
	width: 155px;
	text-align: center;
	border-right: 4px solid #fff;
	padding: 20px 0
}
.history-month {
	width: 100px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 30px;
	text-align: right
}
.history-text {
	padding: 0 10px 0 20px;
	width: calc(100% - 255px);
	word-break: break-word
}
.history-border, .history-last {
	padding-bottom: 20px
}
}

@media print, screen and (min-width:600px) and (max-width:959px) {
.history-year {
	width: 90px
}
.history-month {
	width: 60px;
	padding: 10px
}
.history-text {
	width: calc(100% - 150px);
	padding: 10px 10px 10px 20px
}
}

@media print, screen and (max-width:599px) {
.history-month, .history-table, .history-table tbody, .history-table tr, .history-text, .history-year {
	display: block;
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.history-year br {
	display: none
}
.history-border.history-month, .history-border.history-year {
	border-bottom: none
}
.history-year {
	padding: 10px 0 10px 10px;
	font-weight: bold;
	background-color: #ececec
}
.history-month {
	padding: 10px 0 10px 20px;
	font-weight: bold
}
.history-text {
	padding: 10px 0 10px 20px
}
.history-border.history-text {
	margin-bottom: 10px
}
}
.base-place {
	width: 100%
}
.base-place td, .base-place th {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 1.4rem
}

@media print, screen and (min-width:960px) {
.base-place td, .base-place th {
	border-bottom: 1px dashed #a0a0a0;
	padding-top: 1rem;
	padding-bottom: 1rem
}
}

@media print, screen and (min-width:960px) {
.base-type2 .base-place-tit {
	width: 44%
}
.base-type2 .base-place-address {
	width: 35%;
	vertical-align: bottom
}
.base-type2 .base-place-map {
	width: 7%;
	vertical-align: bottom
}
.base-type2 .base-place-tel {
	width: 14%;
	vertical-align: bottom
}
}

@media print, screen and (max-width:959px) {
.base-type2 .base-place-tit {
	width: 100%
}
.base-type2 .base-place-address {
	width: 100%
}
}
.base-place-tit {
	font-weight: bold;
	color: #0a246f
}

@media print, screen and (min-width:960px) {
.base-place-tit {
	width: 13%;
	padding: 0 0 0 2rem
}
.base-place-address {
	padding-left: 5px;
	width: 53%
}
.base-place-map {
	width: 11%
}
.base-place-tel {
	text-align: right;
	width: 23%
}
}

@media print, screen and (max-width:959px) {
.base-place, .base-place tbody, .base-place td, .base-place th, .base-place tr {
	display: block
}
.base-place tr {
	overflow: hidden;
	padding-bottom: 2rem;
	margin-bottom: 2rem;
	border-bottom: 1px dashed #a0a0a0
}
.base-place-tit {
	float: left;
	width: 60px;
	margin-bottom: 1rem
}
.base-place-address {
	float: left;
	width: calc(100% - 60px);
	margin-bottom: 1rem
}
.base-place-map {
	float: left;
	width: 70px
}
.base-place-tel {
	float: left;
	width: calc(100% - 70px)
}
}
.reform-wrap {
	border-radius: 5px;
	max-width: 650px
}
.reform-wrap-tit {
	border-radius: 5px 5px 0px 0px;
	background-color: #0a246f;
	padding: 3rem 0
}
.reform-box {
	border-radius: 0px 0px 5px 5px;
	border-right: 1px solid #0a246f;
	border-left: 1px solid #0a246f;
	border-bottom: 1px solid #0a246f;
	padding: 2rem 1rem
}
#reform-small-slide li {
	margin: 0 .2rem
}
.service-station-wrap {
	padding-bottom: 2rem;
	margin-bottom: 4rem;
	border-bottom: 1px solid #848484
}
.station-info {
	padding-bottom: 1rem;
	margin-bottom: 2rem;
	border-bottom: 1px dashed #848484;
	padding-left: 20px;
	overflow: hidden;
	position: relative
}
.station-info:before {
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 2rem;
	width: 10px;
	height: 5px;
	background-color: #434343
}

@media print, screen and (max-width:959px) {
.station-info:before {
	top: 1.5rem
}
}
.station-info-tit {
	margin-top: .5rem;
	font-size: 2rem
}

@media print, screen and (min-width:960px) {
.station-info-tit {
	float: left
}
}

@media print, screen and (min-width:960px) {
.station-info-list {
	float: right
}
}

@media print, screen and (max-width:959px) {
.station-info-list {
	float: left;
	margin-top: 1rem
}
}
.station-info-list li {
	float: right;
	margin-left: 5px;
	margin-bottom: 5px
}
.service-station-box {
	overflow: hidden
}
.station-box-table {
	font-size: 1.4rem
}

@media print, screen and (min-width:960px) {
.station-box-img {
	float: left;
	margin-right: 30px;
	width: 23%
}
.station-box-table {
	float: left;
	float: 46%
}
.station-box-table th {
	width: 90px
}
.station-box-table td {
	padding: 0 0 1rem
}
.station-box-seal {
	float: right;
	width: 20%
}
.station-box-seal img {
	width: 100%
}
.station-box-seal li {
	margin-bottom: 1rem
}
}

@media print, screen and (min-width:600px) and (max-width:959px) {
.station-box-img {
	float: left;
	width: 30%
}
.station-box-table {
	float: right;
	width: 68%
}
.station-box-table th {
	width: 25%
}
.station-box-table td {
	padding: 0 0 1rem
}
.station-box-seal {
	float: left;
	width: 100%;
	margin-top: 2rem
}
.station-box-seal li {
	float: left;
	margin-right: 1rem;
	margin-bottom: 1rem
}
}

@media print, screen and (max-width:599px) {
.station-box-img {
	display: block;
	margin: 0 auto 1rem
}
.station-box-table {
	width: 100%
}
.station-box-table th {
	width: 80px
}
.station-box-table td {
	width: calc(100% - 80px);
	padding: 0 0 1rem
}
.station-box-seal {
	margin-top: 2rem
}
.station-box-seal li {
	width: 48%;
	float: left;
	margin-bottom: 1rem
}
.station-box-seal li:nth-child(2n) {
	float: right
}
}
.docomo-shop-list li {
	padding-bottom: 1rem;
	margin-bottom: 2.5rem;
	border-bottom: 1px solid #848484
}

@media screen and (min-width:1180px) {
.docomo-shop-list {
	overflow: hidden
}
.docomo-shop-list li {
	float: left;
	width: 49%
}
.docomo-shop-list li:nth-child(2n) {
	float: right
}
}
.docomo-shop-tit {
	position: relative;
	font-size: 2rem;
	padding: 0px 70px 1rem 20px;
	margin-bottom: 1rem;
	border-bottom: 1px dashed #848484
}
.docomo-shop-tit:before {
	content: '';
	display: block;
	width: 10px;
	height: 5px;
	position: absolute;
	top: 1.5rem;
	left: 0;
	background-color: #ca002d
}

@media print, screen and (max-width:959px) {
.docomo-shop-tit:before {
	top: 1rem
}
}
.docomo-shop-map {
	line-height: 1;
	position: absolute;
	top: 2px;
	right: 5px
}
.docomo-shop-info {
	width: 100%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0 1rem;
	font-size: 1.4rem
}
.docomo-shop-info td {
	padding-bottom: .5rem
}

@media print, screen and (min-width:960px) {
.docomo-shop-info th {
	width: 120px
}
.docomo-shop-info td {
	width: calc(100% - 120px)
}
}

@media print, screen and (max-width:959px) {
.docomo-shop-info th {
	width: 12rem
}
.docomo-shop-info td {
	width: calc(100% - 12rem)
}
}
.recruit-btns-wrap {
	-webkit-box-shadow: 0px 0px 0px 1px #2ca3fe;
	box-shadow: 0px 0px 0px 1px #2ca3fe;
	border: 5px solid #7cd8fb
}
.recruit-btns-box {
	margin: 2rem auto;
	max-width: 560px;
	padding: 0 1rem
}

.recruit-btns-box div {
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
	justify-content: space-around;
}
.recruit-btns {
	overflow: hidden;
	max-width: 350px;
	margin: 0 auto
}
.recruit-btns li {
	width: 45%;
	float: left
}
.recruit-btns li a {
	display: block;
	margin-bottom: 1rem
}
.recruit-btns li:nth-child(2n) {
	float: right
}
.recruit-btns li img {
	width: 100%
}
.parttime-table {
	width: 100%
}
.parttime-table td, .parttime-table th {
	font-size: 1.4rem
}

@media print, screen and (min-width:960px) {
.parttime-table thead td, .parttime-table thead th {
	background-color: #ebeff8;
	padding: 2rem
}
.parttime-table tbody td, .parttime-table tbody th {
	border-bottom: 1px dashed #b2b2b2;
	padding: 2rem
}
.parttime-table tbody tr:nth-child(2n) {
	background-color: #f8f8f8
}
.parttime-table .parttime-station {
	text-decoration: underline;
	text-align: right
}
th.parttime-station{
		text-decoration: none !important;
	}
}

@media print, screen and (max-width:959px) {
.parttime-table thead {
	display: none
}
.parttime-table, .parttime-table tbody, .parttime-table td, .parttime-table th, .parttime-table tr {
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.parttime-table tr {
	overflow: hidden;
	margin-bottom: 2rem;
	background-color: #f8f8f8
}
.parttime-area, .parttime-tel {
	text-align: right;
	float: right;
	width: 100%;
	padding: 1rem;
	border-bottom: 1px dashed #b2b2b2;
	position: relative
}
.parttime-area:before, .parttime-tel:before {
	text-align: left;
	content: attr(aria-label);
	float: left;
	width: 30%;
	position: relative;
	z-index: 1
}
.parttime-area:after, .parttime-tel:after {
	content: '';
	display: block;
	width: 30%;
	height: 100%;
	background-color: #ebeff8;
	z-index: 0;
	position: absolute;
	left: 0;
	top: 0
}
.parttime-station {
	float: left;
	text-align: center;
	text-decoration: underline;
	width: 100%;
	padding: 1rem
}
}
.welfare-imgs {
	overflow: hidden;
	margin-left: auto;
	margin-right: auto
}
.welfare-imgs li {
	float: left;
	margin-bottom: 2%
}

@media print, screen and (min-width:600px) {
.welfare-imgs {
	max-width: 790px
}
.welfare-imgs li {
	width: 32%;
	margin-right: 2%
}
.welfare-imgs li:nth-child(3n) {
	margin-right: 0
}
}

@media print, screen and (max-width:599px) {
.welfare-imgs {
	max-width: 500px
}
.welfare-imgs li {
	width: 49%
}
.welfare-imgs li:nth-child(2n) {
	float: right
}

.recruit-btns-box div a:first-child {
	margin: 10px auto;
}

}
.voice-anker {
	padding: 1.5rem 2rem;
	background: url(../images/recruit/voice-bg.jpg) repeat
}

@media print, screen and (min-width:600px) {
.voice-anker li {
	float: left;
	width: 49%;
	margin-bottom: 2%
}
.voice-anker li:nth-child(2n) {
	float: right
}
.voice-anker li:last-child, .voice-anker li:nth-last-child(2) {
	margin-bottom: 0
}
}

@media print, screen and (max-width:599px) {
.voice-anker li {
	margin-bottom: 3%
}
}
.voice-wrap {
	padding: 2.5rem 1.5rem;
	border: 2px solid #0a246f
}
.voice-profile {
	margin-bottom: 2rem
}
.voice-profile img {
	float: left
}
.voice-profile-text {
	margin-top: 1rem;
	float: right;
	width: calc(100% - 100px)
}
.voice-faq dt {
	background-color: #dcf2f1;
	position: relative
}

@media print, screen and (min-width:600px) {
.voice-faq dt {
	cursor: pointer
}
}
.voice-faq dt:before {
	content: '';
	display: block;
	width: 100%;
	height: 5px;
	background-color: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1
}
.voice-faq dt span {
	display: block;
	padding-top: .5rem
}
.voice-faq dt:after {
	content: '';
	line-height: 0;
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border-right: 8px solid transparent;
	border-left: 8px solid transparent;
	border-top: 10px solid #009e96;
	border-bottom: 0 solid transparent;
	right: 1rem;
	top: 50%;
	margin-top: -5px;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out
}
.voice-faq dt.open:after {
	border-top: 0 solid transparent;
	border-bottom: 10px solid #009e96
}
.voice-message {
	background-color: #e5fbfa;
	padding: 0 1.5rem 2rem
}
.voice-messag-tit:after {
	content: url(../images/recruit/voice-icon.png);
	margin-left: 5px
}
.accordion-cont {
	display: none
}
.fg-table {
	width: 100%;
	max-width: 600px;
	border: 1px solid #eae9e9;
	table-layout: fixed
}
.fg-table td, .fg-table th {
	border: 1px solid #eae9e9;
	text-align: center;
	padding: 1.5rem 0;
	font-size: 1.4rem
}
.fg-thead-td {
	background-color: #9da7c5;
	color: #fff
}
.fg-tbody-td {
	background-color: #f8f8f8
}
.attraction-box {
	overflow: hidden;
	font-size: 1.6rem;
	color: #0a246f;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dotted #000
}
.attraction-box dt {
	float: left;
	width: 420px;
	padding-left: 5px
}
.attraction-box dd {
	float: left;
	width: calc(100% - 425px)
}

@media print, screen and (max-width:959px) {
.attraction-box dt {
	width: 80%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}
.attraction-box dd {
	width: 20%;
	text-align: right
}
}
p.pry {
	margin: 0 0 50px 0
}
ul.pry {
	margin: 0 0 50px 0
}
ul.pry li {
	margin: 0 0 5px 1.5em;
	text-indent: -1.5em
}

@media print, screen and (min-width:600px) {
div.pry {
	max-width: 46%
}
}

@media print, screen and (max-width:599px) {
div.pry {
	max-width: 100%
}
}

@media print, screen and (min-width:600px) {
table.sitemap .table-type1-th {
	width: 55%;
	padding: 20px 30px;
	text-align: left;
	background: none
}
table.sitemap .table-type1-td {
	width: 45%;
	padding: 20px 0;
	text-align: left
}
}

/*お問い合わせ先部署について*/
.notice{
    width:97%;
    position: relative;
}
.notice p{
    font-weight:bold;
    font-size:13px;
}
.notice ul{
	padding:10px 20px;
	}
	
.notice li{
	list-style:disc;
	margin-left:15px;
	}
  .acd-label{
    background: #0a246f;
    color: #fff;
    display: block;
    margin-bottom: 1px;
    padding: 10px;
    font-size:15px;
  }
  .acd-p{
	font-size: 13px;
    padding-top: 10px;
    }
  .acd-content{
    border: 1px solid #b1b1b1;
    height: auto;
    padding: 0 10px;
  }
  .acd-content p{
    color:#5f6f9d;
    text-decoration:underline;
    font-size:17px;
  }
    
  @media print, screen and (max-width: 599px){
    .notice p,li,label{
      font-size:12px;
    }
  }