@charset "utf-8";
/* CSS Document */


#news_detail {
	padding-top: 55px;
}

#news_detail.news_detail_mds {
	padding-top: 15px;
}

#news_detail .news_detail_mainp {
	max-width: 1200px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
    display: flex;
    justify-content: center;
    margin-top: 40px;
    max-height: 800px;
}

#news_detail .news_detail_mainp > img {
	object-fit: contain;
}

#news_detail .news_detail_mainp + .news_detail_ov {
    margin-top: 40px;
}

#news_detail .news_detail_ov {
	max-width: 1200px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    align-items: start;
}

#news_detail .news_detail_ov > .txt {
	width: 100%;
}

#news_detail .news_detail_ov > .txt > ul {
	margin: 0;
	padding: 0 0 0 1.5em;
}

#news_detail .news_detail_ov > .txt > ol {
	margin: 0;
	padding: 0 0 0 1.5em;
}

#news_detail .news_detail_ov > .txt > * a {
	text-decoration: underline;
}

#news_detail .news_detail_ov > .txt > * + * {
    margin-top: 30px;
}

#news_detail .news_detail_ov > .txt .txt_block a {
	text-decoration: underline;
}

#news_detail .news_detail_ov > .img_block {
	width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
}

#news_detail .news_detail_ov > .img_block > .img {
	border: solid 1px #d8d8d8;
}

#news_detail .news_detail_ov > .img_block > a {
	margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
}

#news_detail .news_detail_ov > div:only-child {
	width: 100%;
}

#news_detail .mds , #news_detail .category , #news_detail .day , #news_detail .news_detail_txt {
	max-width: 1200px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

#news_detail .mds {
    color: #008bd5;
    font-size: 2rem;
    margin-top: 30px;
    font-weight: 500;
}

#news_detail > .category {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

#news_detail > .category + * {
    margin-top: 60px;
}

#news_detail > .category + * + #ov {
    margin-top: 30px;
}

#news_detail > .category + * + #result {
    margin-top: 30px;
}

#news_detail > .day {
    color: #55636b;
    margin-top: 20px;
}

.news_detail_txt {
    margin-top: 40px;
}

.news_detail_txt > .title_block {
    font-size: 2rem;
    color: #00344f;
}

.news_detail_txt > .title_block:empty {
    display: none;
}

.news_detail_txt > * + .title_block {
    margin-top: 80px;
}

.news_detail_txt > table th {
    padding: 10px;
}

.news_detail_txt > table td {
    padding: 10px;
}



.mds_block .mds01 {
    font-size: 2.2rem;
    color: #008bd5;
}

.mds_block .mds02 {
    font-size: 1.9rem;
    color: #55636b;
}

.img_block > div {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}

.img_block > div > .img {
    margin-top: 10px;
}

.img_block > div > .img img {
    border: solid 1px #d8d8d8;
}

.img_block > div > .txt {
    margin-top: 10px;
}

.img_block > div > .txt a {
    text-decoration: underline;
}

.img_block > div > .link {
    margin-top: 10px;
}

.img_block > div > .link > a {
    margin-left: auto;
    margin-right: auto;
}

.img_block > div > a {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}

.img_block.img_block_3 {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
}

.img_block.img_block_3 > div {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.img_block.img_block_3 > div .img img {
    width: 100%;
}

.img_block.img_block_2 {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
}

.img_block.img_block_2 > div {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.img_block.img_block_2 > div .img img {
    width: 100%;
}

.img_block.img_block_1 {
    display: flex;
    flex-wrap: wrap;
    flex-flow: column;
    align-content: center;
    gap: 50px;
}

.img_block.img_block_1 > div {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

.img_block.img_block_1 > div .img img {
    width: 100%;
}

.img_block.img_align_left {
    margin-left: 0;
    margin-right: auto;
    align-content: start;
}

.img_block.img_block_1.img_align_left > div {
    margin-left: 0;
    margin-right: auto;
}

.img_block.img_align_center {
    margin-left: auto;
    margin-right: auto;
    justify-content: center;
}

.img_block.align_size_match {
    display: flex;
    flex-flow: column;
    gap: 20px;
}

.img_block.align_size_match > div {
    width: fit-content;
}

.img_block.align_size_match > div .img {
    width: fit-content;
}

.img_block.img_align_left > div {
    margin-left: 0;
    margin-right: 0;
}

.img_block.img_align_center > div .img {
    margin-left: auto;
    margin-right: auto;
}

.img_block.align_size_match > div .txt {
	width: 0;
	min-width: 100%;
}





.img_block02 > div {
    display: flex;
    align-items: start;
    flex-wrap: wrap;
    gap: 20px;
}

.img_block02 > div + div {
    margin-top: 30px;
}

.img_block02 > div > .txt {
    width: 100%;
}

.img_block02 > div > .img {
    width: 100%;
    max-width: 700px;
    border: solid 1px #d8d8d8;
}

.img_block02 > div > .img img {
    width: 100%;
}

.news_detail_txt > .txt_block ul {
    margin: 0;
    padding: 0 0 0 1.5em;
}

.news_detail_txt > .txt_block ol {
    margin: 0;
    padding: 0 0 0 1.3em;
}

.news_detail_txt > .txt_block a {
    text-decoration: underline;
}

.news_detail_txt > .description_list > dl > div {
    display: flex;
    flex-flow: column;
    padding: 20px 0;
    border-bottom: solid 1px #d8d8d8;
}

.news_detail_txt > .description_list > dl > div > dt {
    font-size: 1.6rem;
    color: #008bd5;
    width: 9em;
}

.news_detail_txt > .description_list > dl > div > dd {
    width: 100%;
    padding-top: 8px;
}

.news_detail_txt > .description_list > dl > div > dd ul {
    margin: 0;
    padding: 0 0 0 1.5em;
}

.news_detail_txt > .description_list > dl > div > dd ol {
    margin: 0;
    padding: 0 0 0 1.3em;
}

.news_detail_txt > .description_list > dl > div > dd a {
    text-decoration: underline;
}

.news_detail_txt > .link_block {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.news_detail_txt > .link_block.img_align_center {
    justify-content: center;
}

.news_detail_txt > .link_block.img_align_right {
    justify-content: end;
}

.news_detail_txt > .link_block .bb_line {
    padding: 20px 60px 15px 0;
    font-size: 1.6rem;
    border-bottom: solid 1px #d8d8d8;
    position: relative;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.news_detail_txt > .link_block .bb_line::before {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    background-color: #008bd5;
    border-radius: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
}

.news_detail_txt > .link_block .bb_line::after {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    background: #ffffff;
    -webkit-mask: url(/images/skjyaji04.svg) 0% / 100% no-repeat;
    mask: url(/images/skjyaji04.svg) 0% / 100% no-repeat;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    z-index: 1;
    margin: auto;
}

.txt_block h1 , .txt_block h2 , .txt_block h3 , .txt_block h4 , .txt_block h5 , .txt_block h6 {
    font-size: 2rem;
}

.news_detail_txt > .txt_block > * + * {
    margin-top: 1em !important;
}

.txt_block > * + * {
    margin-top: 1em !important;
}

.news_detail_txt > * + * {
    margin-top: 20px;
}

.description_list {
}

#news_detail .news_detail_txt_event {
    background-color: #faf9f7;
    padding: 60px 0;
    margin-top: 60px;
}

#news_detail .news_detail_txt_event > div {
	max-width: 1200px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
    display: flex;
    flex-flow: row;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
}

#news_detail .news_detail_txt_event > div:first-of-type {
    font-size: 2rem;
    color: #00344f;
}

#news_detail .news_detail_txt_event > div:last-of-type {
	margin-top: 15px;
}

#news_detail .news_detail_txt_event > div > div {
    border: solid 1px #d8d8d8;
    border-radius: 15px;
    padding: 30px 3%;
    width: 100%;
    background-color: #ffffff;
}

#news_detail .news_detail_txt_event > div > div .category {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-left: 0;
}

#news_detail .news_detail_txt_event > div > div .category > span {
    min-width: 120px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #008bd5;
    color: #ffffff;
    border-radius: 20px;
    font-size: 1.2rem;
    text-align: center;
    padding: 0 15px;
}

#news_detail .news_detail_txt_event > div > div .category > span.color {
    background-color: #ffffff;
    color: #008bd5;
    border: solid 1px #008bd5;
}

#news_detail .news_detail_txt_event > div > div > div > .day {
    color: #55636b;
    margin-top: 15px;
    margin-left: 0;
}

#news_detail .news_detail_txt_event > div > div > div > .mds {
    font-size: 1.8rem;
    margin-top: 15px;
    width: 100%;
}

#news_detail .news_detail_txt_event > div > div > div > a {
    margin-top: 20px;
}

#news_detail_txt_result {
    background-color: #faf9f7;
    padding-top: 60px;
    margin-top: 80px;
    padding-bottom: 60px;
}

#news_detail_txt_result > *:first-child {
    margin-top: 0px;
}

.case_category {
    max-width: 1200px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.case_category > span {
    min-width: 120px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #008bd5;
    color: #ffffff;
    border-radius: 20px;
    font-size: 1.2rem;
    text-align: center;
    padding: 0 15px;
}

.case_category > span.color {
    background-color: #ffffff;
    color: #008bd5;
    border: solid 1px #008bd5;
}

.link_waku {
	max-width: 1200px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
    margin-top: 40px;
}

.link_waku > div {
    margin-top: 10px;
    background-color: #f2f9fd;
    border-radius: 15px;
    padding: 30px 3%;
    display: flex;
    flex-flow: column;
    gap: 10px;
}

.link_waku > div > .mds {
    color: #008bd5;
    font-size: 1.6rem;
    font-weight: 500;
}

.movie {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.movie iframe {
  width: 100%;
  height: 100%;
}

#connection {
	max-width: 1200px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
    margin-top: 50px;
    background-color: #f2f9fd;
    border-radius: 15px;
    padding: 30px 3%;
}

#connection > dl > dt {
    color: #008bd5;
    font-size: 1.6rem;
    font-weight: 500;
    text-align: center;
}

#connection > dl > dd {
    display: flex;
    flex-flow: column;
    gap: 20px;
}

#connection > dl > dd a .img {
	border-radius: 30px;
	overflow: hidden;
}

#connection > dl > dd a .img img {
	aspect-ratio: 16 / 9;
	object-fit: cover;
}

#connection > * div {
	color: #008bd5;
    font-size: 1.4rem;
    margin-top: 10px;
}

#connection > * span {
    display: flex;
    align-items: center;
    width: fit-content;
    position: relative;
    margin-top: 0;
}

.connection_link > span::after {
    content: "";
    display: block;
    width: 20px;
    min-width: 20px;
    height: 20px;
    background-image: url(/images/skjyaji02.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: 15px;
}

#safety_detail #connection {
	max-width: 1200px;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
    margin-top: 50px;
    background-color: transparent;
    border-radius: 15px;
    padding: 0;
}

#safety_detail #connection > dl > dd .img {
    border: solid 1px #c6c6c6;
}

#safety_detail #connection > dl > dd .img img {
    aspect-ratio: 1 / 1;
    background-color: #faf9f7;
    width: 100%;
}

#recruiting_end {
    display: block;
    border: solid 1px #e72c40;
    max-width: 1200px;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 50px;
    font-size: 2.4rem;
    color: #e72c40;
    text-align: center;
    background-color: #ffffff;
}
















/***********************************************************/
@media only screen and (min-width:768px) {

#news_detail {
	padding-top: 60px;
}

#news_detail.news_detail_mds {
	padding-top: 15px;
}

#news_detail .news_detail_ov {
    justify-content: space-between;
}

#news_detail .news_detail_ov > .txt {
	width: calc(100% - 374px - 50px);
}

#news_detail .news_detail_ov > .img_block {
	width: 374px;
    margin-top: 0;
}

#news_detail .mds {
    font-size: 2.6rem;
}

.news_detail_txt > .title_block {
    font-size: 2.6rem;
}





.img_block.img_block_3 {
    gap: 50px 2%;
}

.img_block.img_block_3 > div {
    width: 49%;
}

.img_block.align_size_match {
    flex-flow: row;
    width: fit-content;
    flex-wrap: wrap;
}

.img_block.align_size_match > div {
    width: fit-content;
}




.news_detail_txt > .description_list > dl > div {
    flex-flow: row;
    padding: 30px 0;
}

.news_detail_txt > .description_list > dl > div > dt {
    font-size: 2rem;
}

.news_detail_txt > .description_list > dl > div > dd {
    width: calc(100% - 9em);
    padding-top: 0;
}

.news_detail_txt > * + * {
    margin-top: 40px;
}

.news_detail_txt_event > div {
    gap: 20px;
}

.news_detail_txt_event > div:first-of-type {
    font-size: 2.6rem;
}

.news_detail_txt_event > div > div {
    padding: 35px 40px;
    width: calc((100% - 20px) / 2);
}

.news_detail_txt_event > div > div .category > span {
    font-size: 1.4rem;
    min-width: 150px;
}

.news_detail_txt_event > div > div > div > .mds {
    font-size: 2rem;
}

.news_detail_txt_event > div > div > div > a {
    margin-top: 30px;
}

.news_detail_txt > .link_block .bb_line {
    padding: 40px 60px 40px 0;
    font-size: 1.8rem;
}

.news_detail_txt > .link_block .bb_line:first-child {
    margin-top: -40px;
}


.link_waku > div {
    padding: 35px 40px;
}

.img_block02 > div {
    flex-wrap: nowrap;
}

.img_block02 > div > .txt {
    width: 40%;
    padding-right: 50px;
}

.img_block02 > div > .img {
    width: 60%;
    max-width: 700px;
}

#news_detail .news_detail_txt_event > div > div {
    width: 49%;
}

#connection {
    margin-top: 80px;
	padding: 35px 40px;
}

#connection > dl > dt {
    font-size: 2.6rem;
}

#connection > dl > dd {
    flex-flow: row;
    gap: 2%;
    margin-top: 20px;
}

#connection > dl > dd > * {
    width: 32%;
}

#safety_detail #connection {
    padding: 0;
}













}




/***********************************************************/
@media only screen and (min-width:1200px) {



.img_block.img_block_3 {
    gap: 50px 2%;
}

.img_block.img_block_3 > div {
    width: 32%;
}

.img_block.img_block_2 {
    gap: 50px 2%;
}

.img_block.img_block_2 > div {
    width: 49%;
}



.case_category > span {
    font-size: 1.4rem;
}

.link_waku {
    margin-top: 80px;
}

.link_waku > div {
    display: grid;
    flex-flow: row;
    border-radius: 30px;
    align-items: center;
    gap: 9px 40px;
    justify-content: space-between;
}

.link_waku > div > .mds {
    grid-column: 1/2;
    grid-row: 1/2;
    font-size: 2rem;
}

.link_waku > div > .txt {
    grid-column: 1/2;
    grid-row: 2/3;
}

.link_waku > div > .parts_link {
    grid-column: 2/3;
    grid-row: 1/3;
}



}