@charset "UTF-8";
/*
	Theme Name: kiyomine
	Author: d-hack
	Version:
*/
/*!
 * ress.css • v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */

/* # =================================================================
   # 2505 d-hack追加
   # ================================================================= */

/* 書き換え */
.Environment {padding-bottom: 100px;border-bottom: 1px solid #eaeaea;}
@media print, screen and (max-width: 767px) {
.Environment {padding-bottom: 60px;}
}

/* 追加コンテンツ */

.Health {padding-bottom: 60px;border-bottom: 1px solid #eaeaea;}

.Csr__textArea {margin-bottom: 23px;}
.Csr__title {font-size: 14px;font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;font-weight: 500;letter-spacing: 0.07em;margin-bottom: 7px;color: #222;}
.Csr__text {font-size: 13px;margin-bottom: 20px;font-family: 'Noto Sans JP', 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;font-weight: 400;}
.Csr__AreaImage {width: 100%;margin-top: 35px;}
.Csr__boxImage {text-align: center;}
.Csr__boxImage img{border: 1px solid #ededed;}
.Csr__image {width: 100%;}

/* health */
.box_btn {border: 1px solid #999;width: 60%;font-size: 15px;height: 70px;line-height: 37px;padding: 15px 11px 5px 20px;}
.box_btn:hover {opacity: 0.7;}
.txt_btn {display: block;position: relative;color: #222;}
.txt_btn::after {content: '';width: 6px;height: 6px;display: block;position: absolute; top: 55%;right: 2%;-webkit-transform: translateY(-50%) rotate(45deg);-ms-transform: translateY(-50%) rotate(45deg);transform: translateY(-50%) rotate(45deg);border-top: 1px solid #333;border-right: 1px solid #333;}
.txt_btn img{width: 22px;height: auto;margin-top: 5px;}

/* sdgs */
#wrap_table{width: 100%;overflow-x: scroll;margin-top: 15px;}
table#sdgs_table{width: 700px;font-size: 14px;border-spacing: 0;}
table#sdgs_table th,table#sdgs_table td{vertical-align:middle;padding: 10px;}
table#sdgs_table tr th{text-align: center;font-weight: 700;width: 38%;background:#f7f7f7;color: #222;border-right:1px solid #FFFFFF;}
table#sdgs_table tr th span{display: block;font-weight: 500;font-size: 13px;}
table#sdgs_table tr th a{text-align: center;color: #222;text-decoration: underline;}
table#sdgs_table tr th a:hover{text-decoration: none;}
table#sdgs_table tr th:first-child{width: 24%;}
table#sdgs_table td{border-bottom:1px solid #e0e0e0;}
table#sdgs_table td span{display: block;font-weight: 700;}
table#sdgs_table tr td:first-child{text-align: center;}

@media print, screen and (min-width: 767px) {
.PageTitle .PageTitle__title.-csr {min-width: 6em;}

.MainVisual.-csr .MainVisual__title1 {z-index: 10;position: relative;right: calc(-50% + 292px);top: 23vh;}
.MainVisual.-csr .MainVisual__image {-webkit-animation-duration: 12s;animation-duration: 12s;-webkit-animation-name: slider-zoomin-x2;animation-name: slider-zoomin-x2;}
    
.Health {padding-bottom: 100px;}

.Csr__wrapper {width: 100%;display: -ms-flexbox;display: flex;-ms-flex-align: center;align-items: center;margin-bottom: 40px;}
.Csr__textArea {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
.Csr__title {font-size: 16px;}
.Csr__text {font-size: 15px;margin-bottom: 30px;}
.Csr__AreaImage {-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;border: none;background-image: none;margin-top: 0px;}
.Csr__boxImage {text-align: right;}
.Csr__image {width: 90%;}

/* health */
.box_btn {width: 300px;}

/* sdgs */
#wrap_table{overflow-x: visible;}
table#sdgs_table{width: 100%;font-size: 15px;}
table#sdgs_table th,table#sdgs_table td{padding: 20px 10px;}
    
}