@charset "utf-8";

.img-exchange {
  visibility: hidden;
}

/*見出し設定*/
.business-info h3{
font-size: 2rem;
font-weight: normal;
margin-bottom: .8em;
color: #0695d1!important;
}
.business-info h4{
font-size: 1.8rem;
font-weight: bold;
margin-bottom: .4em;
}
.business-info p + h4{
margin-top: 2em;
}
.business-info section{
    margin-bottom: 3em;
}
/*キャプションタイトル*/
.business-info figcaption{
    font-size: 1.8rem!important;
    font-weight: bold;
}
.business-info figcaption span{
    font-size: 1.5rem!important;
    font-weight: normal;
    display: block;
}

/*テキストセンターの表*/
.tbl-txt-center tbody td{
    text-align: center!important;
}
.tbl-txt-center tbody th,
.tbl-txt-center tbody td{
    vertical-align: middle!important;
}

/*縦線の削除*/
.tbl-txt-center tbody td.cell-1{
    border-left: none!important;
}
.tbl-txt-center tbody td.cell-2{
    border-right: #828282 1px solid!important;
}
/*グラフの背景*/
.graph-bg{
    padding-top: 50px;
    padding-bottom: 10px;
    background: #e7f0f5;
    margin-bottom: 50px;
}
/*上位階層へのバックリンク*/
.back-link-bottom {
    text-align: center!important;
}
.back-link-bottom a {
    border-bottom: solid 6px #dbdbdc;
    padding-bottom: .5em;
    padding-left: 5px;
    padding-right: 10px;
}
#rwd-content .rwd-icon-left-arrow {
    width: 14px !important;
    height: 14px !important;
    margin-right: 0.5em;
    margin-bottom: 2px;
}
/*枠囲み*/
.waku{
    border: 2px solid #8aa0bf;
    padding: 3% 4% 4% 2%;
}


@media print, screen and (min-width: 768px){
/* ================================================
画面幅が768px以上の場合の表示設定
================================================ */
/*イントロメッセージ文*/
.leadtext p{
	font-size: 1.8rem;
	margin-bottom: 1.3em!important;
}
/*製品マトリクス*/
h3.product-cat{
font-size: 1.8rem!important;
font-weight: normal!important;
color: #fff;
padding: 13px 20px 10px;
background: #0495d1; /* Old browsers */
background: -webkit-linear-gradient(left, #0495d1 0%, #58c3ef 100%);
background: -o-linear-gradient(left, #0495d1 0%, #58c3ef 100%);
background: linear-gradient(to right, #0495d1 0%, #58c3ef 100%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
#rwd-content .rwd-grid-cardlist02{
    margin-bottom: 30px!important;
}
#rwd-content .rwd-grid-cardlist02 .rwd-grid-item {
    margin-bottom: 30px!important;
    color: #6b6b6b!important;
    font-weight: bold!important;
}
#rwd-content .rwd-grid-cardlist02 .cardlist02-caption {
    line-height: 1.3!important;
}

/*モーダル画面の内法余白*/
#rwd-content .rwd-modal-inline-content01 {
    padding: 57px 60px 33px!important;
}
/*マトリックス下テキストの行間*/
#rwd-content .rwd-grid-cardlist02 .cardlist02-caption {
    line-height: 1.3!important;
}
#rwd-content .rwd-grid-cardlist02 .rwd-grid-item {
    margin-bottom: 0!important;
}
/*上位階層へのバックリンク*/
.back-link {
/*    text-align: right;*/
    margin-bottom: 30px;
}
.back-link a {
    border-bottom: solid 3px #dbdbdc;
    padding-bottom: .5em;
    padding-right:10px;
    padding-left: 5px;
}
.business-info p{
padding-left: 1.5em;
}
.business-info p.no-indent{
padding-left: 0!important;
}
/*メインイメージ部分*/
.main-img{
    padding-bottom:40px;
    border-bottom: solid 1px #dbdbdc;
    margin-bottom: 30px;
}
/*グラフキャプション個別調整*/
.pd-left100-PC{
    padding-left: 100px;
}

}


@media print, screen and (max-width: 767px){
/* ================================================
画面幅が768px未満の場合の表示設定
================================================ */
/*製品マトリクス*/
h3.product-cat{
font-size: 1.6rem!important;
font-weight: normal!important;
color: #fff;
padding: 13px 20px 10px;
background: #0495d1; /* Old browsers */
background: -webkit-linear-gradient(left, #0495d1 0%, #58c3ef 100%);
background: -o-linear-gradient(left, #0495d1 0%, #58c3ef 100%);
background: linear-gradient(to right, #0495d1 0%, #58c3ef 100%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
margin-bottom:20px;
}
#rwd-content .rwd-grid-cardlist02 .cardlist02-caption {
    font-size: 1.5rem!important;
}
#rwd-content .rwd-grid-cardlist02 {
    margin-bottom: 20px!important;
}
#rwd-content .rwd-grid-cardlist02 .rwd-grid-item {
     margin-bottom: 0!important; 
}
/*イントロメッセージ文*/
.leadtext p{
	font-size: 1.7rem;
    margin-bottom: 1.3em!important;
}
/*カードUIの画像下テキストの行間*/
#rwd-content .rwd-grid-cardlist02 .cardlist02-caption {
    line-height: 1.3!important;
}
/*ボタン内テキストの設定*/
#rwd-content .rwd-button05 .rwd-button-inner {
    line-height: 1.5!important;
    padding-right: 2%;
}
/*モーダル内見出しの行間*/
#rwd-content .rwd-headline2-type03 .rwd-headline2-text {
    line-height: 1.5!important;
}
/*モーダル画面の内法余白*/
#rwd-content .rwd-modal-inline-content01 {
    padding: 33px 25px 33px 35px!important;
}
/*カードマトリックス下の余白を詰める*/
#rwd-content .rwd-grid-cardlist02 {
    margin-bottom: 10px!important;
}

/*見出し設定*/
.business-info h3{
font-size: 1.8rem;
}
.business-info h4{
font-size: 1.6rem;
font-weight: bold;
}
/*キャプションタイトル*/
.business-info figcaption{
    font-size: 1.6rem;
}
.business-info figcaption span{
    font-size: 1.4rem;
}
/*グラフの背景*/
.graph-bg{
    padding-top: 40px;
}
.main-img{
    margin-bottom: 20px;
}

/*枠囲み*/
.waku{
    padding: 4%;
}

}