html {
  scroll-behavior: auto!important;
}

.csr-main section{
	margin-bottom: 60px;
}

.csr-main p{
	margin-bottom: 1.5em;
	word-break: break-all;
}
.csr-main p.txt-indent{
/*	text-indent: 1em;*/
	margin-bottom: 1em!important;
}

.csr-main h2{
	font-weight: bold;
	color: #333333;
}

.csr-main .rwd-icon-list h2{
	font-weight: normal!important;
	color: #333333;
}
.csr-main h3{
	font-weight: normal;
	font-size:  2.2rem;
	line-height: 1.4;
	padding-left:12px;
	border-left: 8px solid #0695d1;
}
.csr-main h3 span{
	font-size:  2.2rem;
}
.csr-main h3 sub{
	line-height: 2.5!important;
}

.csr-main h4{
	font-size: 1.9rem;
	font-weight: bold;
    line-height: 1.5;
	color: #333333;
	margin-bottom: 15px;
}

#rwd-content .rwd-icon-list {
    margin-bottom: 40px!important;
}

#rwd-content .rwd-icon-list dt {
    padding-left: 0!important;
}

.csr-main sub{
	line-height: 2!important;
	bottom: 0!important;
}

#rwd-content .rwd-grid-cardlist03 .rwd-grid-item dl {
    margin: 15px!important;
}

/*Table 項目行の背景色を変更*/
#rwd-content .rwd-table-type01 thead th, 
#rwd-content .rwd-table-type02 thead th,
#rwd-content .rwd-table-type03 thead th{
    background: #cbd4e0;
}

#rwd-content .rwd-table-type01 th, 
#rwd-content .rwd-table-type02 th {
    background: #e7eefb!important;
}

#rwd-content .rwd-table td, 
#rwd-content .rwd-table th, 
#rwd-content .rwd-table-type01 td, 
#rwd-content .rwd-table-type01 th, 
#rwd-content .rwd-table-type02 td, 
#rwd-content .rwd-table-type02 th, 
#rwd-content .rwd-table-type02-wrapper td, 
#rwd-content .rwd-table-type02-wrapper th, 
#rwd-content .rwd-table-type03 td, 
#rwd-content .rwd-table-type03 th {
    line-height: 1.5!important;
}

/*  目次　*/

.content-index {
	background: #eef3f9;
}
.content-index p{
	background: #dee9f3;
	padding: 12px 20px 8px;
	margin-bottom: 0!important;
}
p.content-hd{
	font-size: 1.8rem;
	font-weight: bold;
	color: #333333;
}

p.content-hd img{
	width: 25px !important;
    height: 25px !important;
    padding-right: 10px;
}

.content-index ol{
	padding: 20px 30px 10px 48px;
}
.content-index > ul{
  padding: 20px;
}
.content-index ol li,
.content-index > ul li{
	font-size: 1.5rem;
	margin-bottom: .5em;
}
.content-index > ul > li::before{
  content: "■";
  color: #0494d1;
  padding-right: 5px;
}
.content-index a:link,
.content-index a:visited{
	color: #0548a4!important;
}
.content-index a:hover{
	color: #0548a4!important;
	text-decoration: underline!important;
}
.content-index li ul{
	margin-top: .5em;
	margin-bottom: 1.2em;
	padding-left: 2em;
}
.content-index ol ul li::before {
    content: "- ";
    margin-right: 5px;
}

/*BTM-link SubMenu*/

.btm-link-sub{
	border: solid 1px #adadad;
	padding: 20px 20px 10px;
	margin-bottom: 30px;
}
.btm-link-sub ul{
	text-align: center;
}

.btm-link-sub > ul li{
	display: inline-block;
	padding: 0 2em .7em 0;
}
.btm-link-sub> ul li:first-child{
	font-weight: bold;
	display: block;
}
.btm-link-sub> ul li.current{
	font-weight: bold;
	color: #777;
}


/*環境：工場データ*/
.data-outline-bg{
	background: #eaeaea;
	border: solid 3px #dbdbdc;
	padding: 1.5em 1.5em 1.2em;
}
.data-outline-bg p{
	margin-bottom: .5em!important;
}

/*下位階層バックリンク*/
.csr-main .back-link{
	text-align: right;
	margin-bottom: 30px;
}
.csr-main .back-link a{
	border-bottom: solid 3px #dbdbdc;
	padding-bottom: .5em;
}

#rwd-content .rwd-icon-left-arrow {
    width: 14px !important;
    height: 14px !important;
    margin-right: 0.5em;
    margin-bottom: 2px;
}

/*ページ内戻りリンク*/
.csr-main h3{
    display: flex;
    width:100%;
}
.csr-main h3 .headline-h3{
    width:calc(100% - 45px);
    padding:5px 0 0;
}
.csr-main h3 .go-page-contents{
    width:45px;
}
.csr-main h3 .go-page-contents img{
	width: 25px !important;
    height: 25px !important;
    padding-left: 20px;
}

/*テキストボックス*/

.txtbox01 {
    display: block;
    margin: 10px auto 00px auto;
    padding: 1.5em 1.5em 0;
    background-color: #ECEFF3;
    border-radius: 4px !important;
    -webkit-border-radius:  4px;
    -moz-border-radius: 4px;
    border: 1px solid #939393;
}

/*第三者認証*/
.text_back_blue {
    background: #0495D0;
    color: #FFFFFF;
    padding: 0px 5px;
    margin: 0px 5px;
    font-size: .8em;
    vertical-align: middle;
    display: inline-block;
}

/*ナンバーリスト*/
ol.number_list{
	margin: 0 0 30px;
	padding-left: 2.7em;
	line-height: 1.5;
}
ol.number_list li{
	margin-bottom: .7em;
}

/*table data*/
.table_border_none {
    border-bottom: none !important;
    border-right: none !important;
}
.table_border_r {
    border-right: #828282 1px solid !important;
}
.table_border_r_none {
    border-right: none !important;
}
.table_border_b {
    border-bottom: #828282 1px solid !important;
}
.table_border_allnone {
    border: none !important;
}
#rwd-content .rwd-table_custom02 td, 
#rwd-content .rwd-table_custom02 th {
    font-size: 1.5rem;
}
@media print, screen and (min-width: 768px){
#rwd-content .rwd-table_custom02 td, 
#rwd-content .rwd-table_custom02 th{
    padding: 10px 10px 5px;
}
}

.local-community-esg-logo{
	width: 100%!important;
	margin: 0 5px 5px 0;
	vertical-align: top
}

#local-community01 td ul{
	margin: 0 0 0 5px;
}
#local-community01 td ul li{
	font-size: 1.5rem!important;
	margin-bottom: .5em;
}
.color_gray {
    display: block;
    background-color: #e4e4e5;
    padding: 20px 10px 5px;
}

.sdgs_icon {
    width: 62px!important;
    float: left;
    margin: 3px 5px 5px 0px;
}
#rwd-content .rwd-table_custom03 td, 
#rwd-content .rwd-table_custom03 th {
    padding: 4px 5px 4px;
    font-size: 1.5rem;
    vertical-align: middle;
    
}
#rwd-content .rwd-table_custom03 td a{
	position: relative;
	padding-left: 24px;
}
#rwd-content .rwd-table_custom03 td a::before{
	position: absolute;
    content: "";
    display: block;
    left: 0;
    top: 6px;
    margin-left: 8px;
    width: 7px;
    height: 11px;
    background-size: 7px 11px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/shared/img/rwd_icon_arrow_right02.svg);
}

/*枠だけインデックスページボタン*/

#rwd-content .rwd-button-border {
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: center;
  justify-content: center;
  margin-bottom: 24px;
  position: relative;
}
#rwd-content .rwd-button-border + .caption {
  font-size: 1.5rem;
  line-height: 1.5!important;
  margin-bottom: 30px;
}
#rwd-content .rwd-button-border.icon::after {
  position: absolute;
  content: "";
  display: block;
  background-repeat: no-repeat;
  margin: auto;
}

#rwd-content .rwd-button-border .rwd-button-inner{
  display: block;
  color: #4d4d4d;
  box-sizing: border-box;
  margin-bottom: 0;
  font-size: 2.0rem;
}
#rwd-content .rwd-button-border.icon-arrow::after {
  background-image: url("/shared/img/rwd_icon_arrow_right03.svg");
  background-repeat: no-repeat;
  background-size: 14px 22px;
  width: 14px;
  height: 22px;
  top: 0;
  bottom: 0;
  right: 17px;
}
#rwd-content .rwd-button-border.rwd-button01 {
    padding: 0 12% 0 4%!important;
    margin-bottom: 20px!important;
}
#rwd-content .rwd-button-border {
  border: 3px solid #c4d9f2;
}
#rwd-content .rwd-button-border:hover{
  border: 3px solid #468cff;
  background: #f0eded;
}

/*代表名前*/
.exe-name{
	font-size: 1.5rem;
	line-height: 1.3;
}
.exe-name span{
	font-size: 1.8rem;
	display: block;
}

/*従業員関連データの表*/
table.tbl-emp{
    margin-bottom: 20px;
}
.tbl-emp thead th{
	text-align: center!important;
}
.tbl-emp tbody td{
	text-align: right!important;
}
.tbl-emp tbody td.cnt{
	text-align: center!important;
}

/*ダウンロードページ*/
#rwd-content .rwd-button01.btn-dl {
    min-height: 70px;
    height: 70px;
}
#rwd-content .rwd-button01.btn-dl .rwd-button-inner {
    font-size: 1.8rem!important;
}

/*従業員：健康宣言*/
.corner{
  border: solid 3px #cccccc;
  padding: 2.5em 2em .5em;
  margin-bottom: 2em;
}
.corner h4{
  text-align: center;
  margin-bottom: 1.5em;
}
.corner > p{
  margin-bottom: .5em!important;
}
.corner .president-name{
text-align: right;
}
.corner .president-name span{
display: block;
font-size: 1.5rem;
}

#rwd-content .rwd-table thead th, 
#rwd-content .rwd-table-type01 thead th, 
#rwd-content .rwd-table-type02 thead th, 
#rwd-content .rwd-table-type03 thead th {
/*    background: #afc8e8;*/
    background: #9bdff9;
}
#rwd-content .rwd-table th, 
#rwd-content .rwd-table-type01 th, 
#rwd-content .rwd-table-type02 th, 
#rwd-content .rwd-table-type03 th {
    /*background: #eaedf3;*/
    background: #d9f3f8;
}

.iso-tbl td ol{
  padding-left: 1.5em;
}
.iso-tbl td ol li{
  margin-bottom: .6em;
}
.rwd-grid-cardlist03 dd sub{
 font-size: 1.0rem!important;
}

/*下線付きテキストリンク*/
a.bar-link{
  text-decoration:underline!important;
}

/*従業員データテーブル*/

table.tbl-emp{
    position: relative;
}
table.tbl-emp thead th{
    position: sticky;
    top: 0;
    z-index: 10;
}

/*データ集データテーブル*/

table.data-tbl1,
table.data-tbl2{
    position: relative;
}
table.data-tbl1 thead,
table.data-tbl2 thead{
    position: sticky;
    top: 0;
    z-index: 10;
}

#rwd-content .rwd-grid-lineuplist02 .rwd-grid-item .rwd-lineup-description {
    padding: 11px 0 0;
}
.risk-tbl caption{
    text-align: right!important;
    font-weight: normal!important;
}

@media screen and (min-width: 768px){
/* ================================================
画面幅が768px以上の場合の表示設定
================================================ */
.csr-main{
margin-top: 0!important;
/*margin-top: 20px;*/
  
  /* サイドよりもcsr-mainの高さが足りないと、サイドの挙動をjsでうまく制御できないため、min-height追加。
     サイドメニューの数が増減した場合は、最初の数値(現810)を調整する。*/
  min-height: 810px;
}

/*タイトル下の余白をとる*/
body #rwd-content .rwd-product-header p.rwd-pc-margin-bottom40{
    margin-bottom:20px!important;
}

/*Bottom Link*/
.btm-link .btm-title{
	font-size: 1.8rem;
	border-bottom: solid 3px #adadad;
	padding: 8px 10px;
	text-align: center;
}
.btm-link .btm-title a:link{
	text-decoration: none!important;
	font-weight: bold;
	display: block;
}
.btm-link > ul{
	text-align: center;
}
.btm-link > ul li{
	display: inline-block;
	padding: 0 2em .7em 0;
}
/*.btm-link > ul li span::after{
	content: ":";
	padding-left: 10px;
}*/
.btm-link > ul li.current{
	font-weight: bold;
}


/*注意文*/
.csr-main .note{
	font-size: 1.4rem;
}
/*・付きリストの文字サイズ修正*/
#rwd-content .rwd-notes-list-circle01 li {
    font-size: 1.6rem!important;
}

/*  サイドメニュー　*/
.rwd-grid-sidebar01.fixed  {
    position:fixed;
    top:10px;
    bottom:0;
    padding-right: 0!important;
    width: 21.53279%!important;
    overflow-y: auto;
}

/*カードの文字見出し下余白調整*/
#rwd-content .rwd-grid-cardlist03 .rwd-grid-item dt {
    margin-bottom: 2px!important;
}

/*トップページ調整 2020-04*/
.pickup h2 {
    font-size: 2.2rem!important;
    line-height: 1.2!important;
}

/*ダウンロードページ*/
#rwd-content .rwd-link-list02 li a {
     display: inline;
}

.list-download{
margin-left: 1em;
}
#rwd-content .rwd-button01 {
    padding: 3px 35px 3px 28px!important;
}
.list-download .rwd-link-list02 li{
	width: 48%;
	float: left;
	margin-left: 1em;
}
.list-download .rwd-link-list02 li .rwd-link-sub{
	font-size: 1.5rem;
}
/*トップ中段のリンク文字*/
.rwd-section-group-headline.rwd-xsmall span:first-child, 
.rwd-section-headline.rwd-xsmall span:first-child {
    font-size: 1.8rem;
    font-weight: bold!important;
}
.rwd-section-group-headline.rwd-border-left, 
.rwd-section-headline.rwd-border-left {
    padding: 0 10px 0 15px;
}
/*サステナビリティ基本方針*/
.left-pd{
  padding-left: 10px;
}
}

/* ================================================
画面幅が768px以上、1250px以下の場合の表示設定
================================================ */
@media screen and (min-width: 768px) and (max-width:1250px){
  /* サイドよりもcsr-mainの高さが足りないと、サイドの挙動をjsでうまく制御できない。
     ブラウザ幅によりサイドの幅・高さも変わるため、ここで調整。
     サイドメニューの数が増減した場合は、最初の数値(現810)を調整する。*/
  .csr-main{
    min-height: calc(810px + ((1250px - 100vw) * 0.6));
  }
}

@media screen and (max-width: 767px){
/* ================================================
画面幅が768px未満の場合の表示設定
================================================ 

/*タイトル下の余白を取る*/
#rwd-content .rwd-product-header {
    margin-bottom: 0!important;
}
/*メニューへBAR*/
/*.goto-menu {
  margin-bottom: 40px;
}*/
.goto-menu {
    margin-bottom: 20px;
}
.goto-menu p {
  width: 35px;
  height: 79px;
  display: block;
  background: url("/jp/sustainability/shared/img/icon_menu.svg") no-repeat center center / 18px auto;
  position: fixed;
  right: 0;
  bottom: 63px;
  z-index: 100;
  background-color: rgba(0, 0, 0, 0.6);
  font-size: 0;
  color: transparent;
}
.goto-menu p a {
  width: 35px;
  height: 79px;
  display: block;
}
.goto-menu p a span {
  font-size: 0;
  color: transparent;
}
.csr-main section{
 /*   margin-bottom: 40px;*/
 margin-bottom: 50px;
}
.csr-main h2{
    font-size:  1.8rem;
    line-height: 1.5;
    margin-bottom: .8em;
}
.csr-main h3{
    font-size:  2.0rem;
}
.csr-main h3 span{
    font-size:  2.2rem!important;
}
.btm-link-sub ul{
    text-align: left;
}
.csr-main h4{
    font-size: 1.8rem;
}

/*注意文*/
.csr-main .note{
	font-size: 1.3rem;
}

/*Table-data*/
#rwd-content .rwd-table_custom02 td, 
#rwd-content .rwd-table_custom02 th {
    font-size: 1.3rem;
}
#local-community01 td ul li{
	font-size: 1.3rem!important;
}
#rwd-content .rwd-table_custom03 td, 
#rwd-content .rwd-table_custom03 th {
    font-size: 1.3rem;
    vertical-align: top;
}
/*代表名前*/
.exe-name{
	font-size: 1.3rem;
	line-height: 1.3;
	text-align: center;
}
.exe-name span{
	font-size: 1.6rem;
	display: block;
}
/*リストの行間*/
#rwd-content .rwd-link-list01 li {
    line-height: 1.5!important;
}
#rwd-content .rwd-link-list01 li::after {
    top: 5px!important;
}
#rwd-content .rwd-link-list01 li a {
    margin-bottom: .8em!important;
}

/*環境情報トップ　ボタン*/

#rwd-content .csr-main .rwd-button03 .rwd-button-inner {
    font-size: 1.6rem!important;
    line-height: 1.5!important;
}
#rwd-content .csr-main .rwd-button-default.rwd-button03 {
    text-align: left!important;
}
#rwd-content .rwd-button03 {
    min-height: 100px!important;
}

/*環境情報　キービジュアル下余白とる*/
#rwd-content .csr-main .slider-type01 {
     margin-bottom: 25px!important; 
}

/*トップページ*/
.top_message {
    padding: 0 20px 20px 20px;
}
.top_message .photo{
    background: #dedcd9;
}
.top_message img {
	width: 60%!important;
	height: auto!important;
    margin-right: 0;
    display: block;
    margin: 0 auto;
    float: none!important;
}
.font-15{
    font-size: 1.5rem;
}

/*目次*/
.content-index li ul {
    padding-left: 1em;
}
.content-index ol li {
    margin-bottom: .7em;
}
.content-index ol{
    padding: 20px 20px 10px 48px;
}
#rwd-content .rwd-button01.btn-dl .rwd-button-inner {
    font-size: 1.6rem!important;
}
#rwd-content .rwd-accordion-title {
    font-size: 1.6rem!important;
}
/*ダウンロードページ*/
.rwd-section-headline.rwd-xsmall span:first-child {
    font-size: 1.7rem!important;
}
.list-download .rwd-link-list02 li{
	width: 100%;
	float: none;
	margin-left: 0;
}
#rwd-content .rwd-link-list02 li a {
    font-weight: normal!important;
    display: inline!important;
}
.list-download .rwd-link-list02 li .rwd-link-sub{
	font-size: 1.3rem;
}
#rwd-content .rwd-link-list02 li {
    margin: 0 0 15px 3%!important;
}
.rwd-section-headline.rwd-border-thin span:first-child {
    padding-left: 0!important;
}
/*従業員：健康宣言*/
.corner{
  border: solid 3px #cccccc;
  padding: 2.5em 1em .5em;
  margin-bottom: 2em;
}
.csr-main h3{
margin-bottom: 1em;
}
.csr-main h4{
line-height: 1.4;
}
#rwd-content .rwd-link-list01 li a {
display: inline-block!important;
}
#rwd-content .rwd-table-btn img {
    z-index: 20!important;
}
.risk-tbl caption{
    font-size:1.5rem!important;
    padding-top:5px;
}
}


/* =Toppage BTN==*/
#rwd-content .rwd-button05,
#rwd-content .rwd-button-mail{
    background-color: #0089B8;
}
#rwd-content .rwd-button-strip.rwd-button-related:hover,
#rwd-content .rwd-button05:hover,
#rwd-content .rwd-button-mail:hover{
    background-color: #5bb9aa!important;
}
#rwd-content .rwd-button-mail .rwd-button-inner {
    display: inline-block;
    color: #fff;
    box-sizing: border-box;
    margin-bottom: 0;
    font-size: 1.6rem;
    line-height: 1;
    padding: 2px 50px 2px 18px;
}
#rwd-content .rwd-button-mail .rwd-button-inner::before {
    content: url(/jp/ir/library/esg/human-rights/img/rwd_icon_btn005.svg); /* アイコンの画像パス */
    display: inline-block;
    width: 26px;
    height: 19px;
    margin-right: 10px;
    vertical-align: middle;
}

@media print, screen and (min-width: 768px){
#rwd-content .rwd-button05 {
    min-height: 60px!important;
}
#rwd-content .rwd-button-mail {
    min-height: 50px!important;
}
}

/* =Top keyimgBTN =*/
@media screen and (max-width: 767px){
#rwd-content .rwd-slider-wide.full .button-prev01 {
    left: 0;
}
#rwd-content .rwd-slider-wide.full .button-next01 {
    right: 0;
}
#rwd-content .button-next01 {
    right: -20px;
    background-position: 5px 20px;
}
#rwd-content .button-prev01 {
    left: -20px;
    background-position: 4px 20px;
}
#rwd-content .button-next01, #rwd-content .button-prev01 {
    background-size: 11px 20px;
    width: 20px;
    height: 60px;
    top: 118px;
}
/*カードリンクの下部を詰める*/
#rwd-content .rwd-grid-cardlist03 .rwd-grid-item{
    margin-bottom: 20px!important;
}
#rwd-content .rwd-button-mail .rwd-button-inner {
    padding: 2px 50px 2px 5px;
}

}

/* =Local-Com Modal =*/

dl.modal-links dt{
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: .5em;
}
dl.modal-links dt a{
    color: #2a3d7a!important;
    text-decoration: underline!important;
    padding-left: 16px;
    position: relative;
}
dl.modal-links dt a:hover{
    color: #5c647f!important;
    text-decoration: none!important;
}
dl.modal-links dt span{
    font-size: 1.6rem;
    font-weight: normal;
}
dl.modal-links dd{
    margin-bottom: 1.6em;
    padding-left: 16px;
    line-height: 1.5;
}

dl.modal-links dd > ul{
    margin-top: 5px;
}
dl.modal-links dd > ul > li a{
    font-size: 1.6rem!important;
}

dl.modal-links dt a::after {
    position: absolute;
    content: "";
    display: block;
    left: 0;
    top: 5px;
    margin: auto;
    width: 8px;
    height: 13px;
    background-size: 8px 13px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/shared/img/rwd_icon_arrow_right02.svg);
}

@media print, screen and (min-width: 768px){
#rwd-content .rwd-link-list02 li::after {
    top: 6px!important;
}
}

@media print, screen and (max-width: 767px){
.rwd-section-group-headline, .rwd-section-headline {
    font-weight: normal;
    line-height: 1.4;
    font-size: 1.8rem;
    padding: 0 7px;
}
dl.modal-links dt{
    font-size: 1.7rem;
}
.rwd-section-headline.rwd-small span:first-child {
    font-size: 1.9rem;
    padding-left: 7px;
    padding-right: 7px;
}
#rwd-content .rwd-table-type03 th {
    vertical-align: top;
}
#rwd-content .rwd-table-type03 td {
    vertical-align: top;
    padding: 12px 7px 13px!important;
}
dl.modal-links{
    margin: 0 2.5%;
}
#rwd-content .rwd-link-list02 li{
    margin: 0 0 15px 1%!important;
}
#rwd-content .rwd-notes-list-circle01 li {
    font-size: 1.5rem!important;
}
}

/* =ADD 2022-11 =*/

#rwd-content .rwd-link-list01.txt-bold li a {
    font-size: 1.7rem;
    font-weight: bold;
}

ol.numberList{
    padding-left:1.5em!important;
}
ol.numberList li{
    line-height: 1.5;
    margin-bottom:.7em!important;
}


@media print, screen and (max-width: 767px){
#rwd-content .rwd-link-list01.txt-bold li a {
    font-size: 1.6rem;
}
#rwd-content .rwd-product-header .rwd-headline1-type02 {
    padding: 20px 0 18px!important;
}
#rwd-content .rwd-button05{
    min-height: 60px!important;
}
#rwd-content .rwd-button-mail{
    min-height: 50px!important;
}
#rwd-content .rwd-button-strip {
    margin-bottom: 7px!important;
}
/*BTM-link SubMenu*/
.btm-link{
    background: #e0e0e0;
}
.btm-link .btm-title{
    font-weight:bold;
    border-bottom: solid 2px #adadad;
    margin-bottom:0px;
    padding-bottom:5px;
    background:#fff;
}
.btm-link .btm-title a{
    text-decoration: none!important;
}
.btm-link ul{
    margin:1em 1.5em;
    padding-bottom:.5em;
}
.btm-link li{
    margin-bottom: .7em;
}
.btm-link li.current{
    font-weight: bold;
}
}

@media print, screen and (min-width: 768px){
body .rwd-product-header　.rwd-pc-margin-bottom40{
  margin-bottom:20px!important;
}
}

a.txtLink_line{
   color: #0548a4 !important;
}
a.txtLink_line:hover{
    text-decoration: underline!important;
}

/*囲みイントロ*/
.introtext {
border-left: solid 8px #9ebfcd;
font-size:1.8rem;
padding-left:16px;
}
@media print, screen and (max-width: 767px){
.introtext {
border-left: solid 6px #9ebfcd;
font-size:1.6rem;
padding-left:16px;
}
}

/* Link Button */

.link_button{
    display:flex;
}
.link_button p.sub-txt{
    line-height: 1;
    margin-top:2px;
}
.link_button a {
  position: relative;
  display: inline-block;
  cursor: pointer;
  outline: none;
  border: 0;
  vertical-align: middle;
  text-decoration: none;
  background: transparent;
  padding: 0;
  font-size: inherit;
  font-family: inherit;
  height: auto;
  color: #363e4c;
  margin-bottom: 50px;
}
.link_button.link-multi a {
  margin-bottom: 20px!important;
}
.link_button.link-multi10 a {
  margin-bottom: 10px!important;
}
.link_button a.multi-link{
  margin-bottom: 10px!important;
}
.link_button a .circle {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: relative;
  display: block;
  margin: 0;
  width: 3rem;
  height: 3rem;
  background: #a7b6c5;
  border-radius: 1.625rem;
}

.link_button a .circle .icon {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #fff;
}

.link_button a .circle .icon.arrow {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  left: 0.625rem;
  width: 1.125rem;
  height: 0.125rem;
  background: none;
}

.link_button a .circle .icon.arrow::before {
  position: absolute;
  content: '';
  top: -0.25rem;
  right: 0.0625rem;
  width: 0.625rem;
  height: 0.625rem;
  border-top: 0.125rem solid #fff;
  border-right: 0.125rem solid #fff;
  transform: rotate(45deg);
}

.link_button a .button-text {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0.75rem 0 0 2.5rem;
  margin: 0 0 0 1.85rem;
  color: #5d5d5d;
  font-weight: 700;
}
.link_button a.w10{
  width:10em;
}
.link_button a.w12{
  width:12em;
}
.link_button a.w14{
  width:14em;
}
.link_button a.w16{
  width:16em;
}
.link_button a.w18{
  width:18em;
}
.link_button a.w19{
  width:19em;
}
.link_button a.w20{
  width:20em;
}
.link_button a.w21{
  width:21em;
}
.link_button a.w22{
  width:22em;
}
.link_button a.w23{
  width:23em;
}
.link_button a.w24{
  width:24em;
}
.link_button a.w26{
  width:26em;
}
.link_button a.w28{
  width:28em;
}
.link_button a.w30{
  width:30em;
}
.link_button a.w32{
  width:32em;
}
.link_button a.w38{
  width:38em;
}
.link_button a.w41{
  width:41em;
}
.underLink{
    font-size:1.5rem;
    border-left: solid 3px #a7b6c5;
    padding-left:1em;
    margin-left:3em;
}

@media screen and (min-width: 768px){
/* ================================================
画面幅が768px以上の場合の表示設定
================================================ */
.link_button a:hover .circle {
  width: 100%;
}

.link_button a:hover .circle .icon.arrow {
  background: #fff;
  transform: translate(1rem, 0);
}

.link_button a:hover .button-text {
  color: #fff;
  font-weight:normal;
}

.link_button a:hover .button-text {
  color: #fff;
  font-weight: normal;
  width: calc(100% + 4em); /* テキストを文字数に4emを足した幅に合わせる */
}

}

@media screen and (max-width: 767px){
/* ================================================
画面幅が768px未満の場合の表示設定
================================================ */
.link_button a {
  margin-bottom: 30px;
  width:100%!important;
  display:block;
}
.link_button a.w2txt {
  margin-bottom: 50px;
}
.link_button a .circle {
    width: 2.4rem;
    height: 2.4rem;
}
.link_button a .circle .icon.arrow::before {
    right: 0.3rem;
}
.link_button a .button-text {
    padding: 0.45rem 0 0 1.5rem;
}
.link_button a.multi-link{
  margin-bottom: 5px!important;
}
#rwd-content .rwd-grid-unison.sp-grid4of4 .rwd-grid-item {
  margin-bottom: 20px;
}
}