@import url(navigation.css);
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/* フォント Noto Serif */
@font-face {
  font-family:'Noto Serif Japanese';
  font-style:normal;
  font-weight:200;
  src:url('/common/fonts/NotoSerifJP/NotoSerifJP-Light.otf') format('opentype');
  font-display:swap;
}
@font-face {
    font-family: 'Noto Serif Japanese';
    font-style: normal;
    font-weight: 400;
    src: url('/common/fonts/NotoSerifJP/NotoSerifJP-Regular.otf') format('opentype');
    font-display: swap;
}
@font-face {
  font-family:'Noto Serif Japanese';
  font-style:normal;
  font-weight:500;
  src:url('/common/fonts/NotoSerifJP/NotoSerifJP-Medium.otf') format('opentype');
  font-display:swap;
}
@font-face {
    font-family: 'Noto Serif Japanese';
    font-style: normal;
    font-weight: 700;
    src: url('/common/fonts/NotoSerifJP/NotoSerifJP-Bold.otf') format('opentype');
    font-display: swap;
    }


/* 会社情報 */

/* common setting */

/* 画像リンク */
#main a:hover img {
    opacity:0.7;
    filter:alpha(opacity=70);
    -ms-filter:"alpha( opacity=70 )";
}

#navHeader {
    margin-bottom:0 !important;
}



#contents a.anchor,
#contents a.arrow,
#contents a.prev {
    display:inline-block;
    padding-left:1.0em;
}
#contents a.anchor > span,
#contents a.arrow > span,
#contents a.prev > span {
    display:inline-block;
    position:relative;
}
#contents a.anchor > span:before {
    display:block;
    content:"";
    position:absolute;
    top:50%;
    left:-1.0em;
    width:0;
    height:0;
    margin-top:-3px;
    border-style:solid;
    border-width:8px 5px 0 5px;
    border-color:#cccccc transparent transparent transparent;
}
#contents a.arrow > span:before {
    display:block;
    content:"";
    position:absolute;
    top:50%;
    left:-1.0em;
    width:0;
    height:0;
    margin-top:-4px;
    border-style:solid;
    border-width:5px 0 5px 8px;
    border-color:transparent transparent transparent #cccccc;
}
#contents a.prev > span:before {
    display:block;
    content:"";
    position:absolute;
    top:50%;
    left:-1.0em;
    width:0;
    height:0;
    margin-top:-5px;
    border-style:solid;
    border-width:5px 8px 5px 0;
    border-color:transparent #cccccc transparent transparent;
}
#contents a:hover span {text-decoration:underline;}



/* common setting END */


/* PCレイアウト */
/*-------------------------------------------------------------------------------------------*/

/* main contents */
#main {
    width:950px;
    margin:0 auto 40px;
    padding:0;
    font-family:"Noto Sans CJK JP","Noto Sans","メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
    text-align:center;
    font-size:1.2em;
}

.mincyo {
    font-family:"游明朝", YuMincho,"Noto Serif Japanese","ヒラギノ明朝 ProN W3","HiraMinProN-W3","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
}
.yugo {
    font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-weight: normal !important;
}

/* column */
#sideNav {
    float:right;
    width:18%;
    box-sizing:border-box;
}
#contents {
    float:left;
    width:80%;
    box-sizing:border-box;
}

/* contents base */
#contents {
    position:relative;
    padding-bottom:50px;
    line-height:1.8;
    text-align:left;
}

/* common head */
#contents h1 {
    margin-bottom:30px;
    padding:1.5em 0;
    border-top:1px solid #dddddd;
    border-bottom:1px solid #dddddd;
    vertical-align:middle;
    line-height:1.2;
    font-size:1.6em;
    font-weight:normal;
    color:#555555;
}
#contents h1.nomb {
    margin-bottom:0;
}

#contents h2 {
    margin-bottom:1em;
    padding-bottom:0.5em;
    border-bottom:1px solid #dddddd;
    line-height:1.6;
    font-size:1.4em;
    font-weight:bold;
}

#contents h3 {
    margin:0 0 0.5em;
    padding:0;
    border-bottom:1px solid #dddddd;
    line-height:1.4;
    font-size:1.3em;
    font-weight:bold;
}

#contents h4 {
    margin-bottom:0.5em;
    font-size:1.0em;
    font-weight:bold;
}

#contents h5 {
    font-size:1.0em;
    font-weight:bold;
}


/* list */
ul.normal,ol.noraml {
    padding-left:1.5em;
}
ul.normal li {
    margin-bottom:0.5em;
    list-style:disc;
}
ol.normal li {
    margin-bottom:0.5em;
    list-style:decimal;
}

/* link color */
#contents a {color:#555;}
#contents a:hover {text-decoration:underline;}


/* margin */
.mb00 {margin-bottom:0;}
.mb05 {margin-bottom:5px!important;}
.mb10 {margin-bottom:10px!important;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}
.mb45 {margin-bottom:45px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}
.mb70 {margin-bottom:70px;}
.mb80 {margin-bottom:80px;}
.mb90 {margin-bottom:90px;}
.mb100 {margin-bottom:100px;}

.em0 {margin-bottom:0;}
.em05 {margin-bottom:0.5em;}
.em10 {margin-bottom:1.0em;}
.em15 {margin-bottom:1.5em;}
.em20 {margin-bottom:2.0em;}
.em25 {margin-bottom:2.5em;}
.em30 {margin-bottom:3.0em;}
.em35 {margin-bottom:3.5em;}
.em40 {margin-bottom:4.0em;}
.em45 {margin-bottom:4.5em;}
.em50 {margin-bottom:5.0em;}

.ptem1 {padding-top:1em;}
.ptem2 {padding-top:2em;}
.ptem4 {padding-top:4em;}
.ptem5 {padding-top:5em;}
.ptem6 {padding-top:6em;}
.ptem8 {padding-top:8em;}
.ptem10 {padding-top:10em;}
.ptem12 {padding-top:12em;}
.ptem16 {padding-top:16em;}
.ptem18 {padding-top:18em;}
.ptem20 {padding-top:20em;}
.pbem2 {padding-bottom:2em;}

/* color */
.orange {color:#e94709;}
.green {color:#00a273;}

/* text */
.center {text-align:center;}
.right {text-align:right;}
.note {font-size:0.8em;}

/*br PC/SP */
#contents br.pc {}
#contents br.sp {display:none;}

/* breadcrumb footer */
#breadcrumb_sp {display:none;}

/* pc/sp images */
img.img_pc {}
img.img_sp {display:none;}



/*********************************/
/* トップメッセージ */
/*********************************/
.president_photo {
    float:right;
    width:50%;
    margin-bottom:35px;
}
.president_title {
    float:left;
    width:48%;
    margin-bottom:35px;
    padding-top:50px;
}

.president_photo img {
    display:block;
    width:100%;
    height:auto;
}

#contents h2.message {
    margin-bottom:0.5em;
    border-bottom:none;
    line-height:1.4;
    font-size:2.2em;
}
#contents p.president_name {
    line-height:1.4;
}
#contents p.president_name span {
    font-size:2.0em;
}



/*********************************/
/* JTグループの経営理念 テーブルマークグループミッション＆WAY */
/*********************************/
#contents .principle {
    margin-top:60px;
}
.principle_jt {
    
}
.principle_jt .txt {
    float:left;
    width:65%;
}
.principle_jt .img {
    float:right;
    width:30%;
}

#contents .principle h2 {
    margin-bottom:60px;
}
#contents .principle h3 {
    margin-bottom:0.8em;
    padding-left:0.4em;
    border-bottom:none;
    border-left-width:0.4em;
    border-left-style:solid;
}
#contents .principle h3.green {border-left-color:#00a273;}
#contents .principle h3.orange {border-left-color:#e94709;}



/*********************************/
/* 会社概要 */
/*********************************/
#companyData table {
    width:100%;
    margin-bottom:60px;
    border-top:1px dotted #dddddd;
}
#companyData th {
    width:20%;
    padding:10px 0 10px 15px;
    border-bottom:1px dotted #dddddd;
    line-height:1.5;
    font-weight:bold;
	text-align:left;
}
#companyData td {
    width:80%;
    padding:10px 0 10px 15px;
    border-bottom:1px dotted #dddddd;
    line-height:1.5;
}

#companyData td .origin {
    margin-left:2em;
}
#companyData td img {
    vertical-align:middle;
}

#companyData span.origin img {display:none;}
#contents #companyData a > span {
    display:inline-block;
    position:relative;
}
#contents #companyData a > span:before {
    display:block;
    content:"";
    position:absolute;
    top:50%;
    left:-1.0em;
    width:0;
    height:0;
    margin-top:-4px;
    border-style:solid;
    border-width:8px 5px 0 5px;
    border-color:#cccccc transparent transparent transparent;
}


/*********************************/
/* プレスリリース */
/*********************************/
.year_select  {
    margin-bottom:30px;
    text-align:right;
    font-size:16px;
}
.year_select select {
    margin-left:0.5em;
    padding:0 0.5em;
    font-size:1.1em;
}

dl.topics {
    border-top:1px dotted #dddddd;
}
dl.topics dt {
    float:left;
    width:7em;
    padding:1em 0;
}
dl.topics dd {
    padding:1em 0 1em 7em;
    border-bottom:1px dotted #dddddd;
}



/*********************************/
/* 主な事業所一覧 */
/*********************************/
ul.office_anchor {
    margin-bottom:50px;
}
ul.office_anchor li {
    display:inline-block;
    margin-right:1.5em;
    vertical-align:middle;
}
ul.office_anchor li img {
    margin-right:5px;
    vertical-align:middle;
}

.office_list {
    
}
.office_list .column {
    float:left;
    width:48%;
    margin:0 4% 3em 0;
}
.office_list .column:nth-child(even) {
    margin:0 0 3em 0;
}
#contents .office_list h4 {
    padding-bottom:0.5em;
    border-bottom:1px dotted #dddddd;
}

a.bt_map {
    display:inline-block;
    width:70px;
    height:22px;
    background:url("../images/bt_map.gif") no-repeat 0 0;
    margin-top:10px;
    text-indent:-9999px;
}
a.bt_map:hover {
    background-image:url("../images/bt_map_on.gif");
}

/* 地図 */
.back_areamenu {
    margin-bottom:30px;
    text-align:right;
}
.back_areamenu img {
    margin-right:5px;
    vertical-align:middle;
}
.mapHead {
    position:relative;
    padding-bottom:50px;
}
.mapPrint {
    position:absolute;
    top:2.0em;
    right:0;
}

a.bt_print {
    display:inline-block;
    width:182px;
    height:40px;
    background:url("../images/bt_map_print.gif") no-repeat 0 0;
    margin-top:10px;
    text-indent:-9999px;
}
a.bt_print:hover {
    background-image:url("../images/bt_map_print_on.gif");
}



/*********************************/
/* 会社沿革 */
/*********************************/
/* history 1 list */
.history1_sp {
    display:none;
}

.history1 {
    border-left:1px solid #ff0000;
    border-bottom:1px solid #ff0000;
}
.history .arrow {
    margin:0 auto;
    text-align:center;
}

#contents .history h4 {
    margin-bottom:2em;
    font-size:1.2em;
    font-weight:bold;
}

.history1 dl {
    
}
.history1 dt {
    float:left;
    width:10em;
    margin:0 0 1em;
    font-weight:bold;
}
.history1 dd {
    margin:0 0 1em 10em;
}

.katokichi,.jt,.both {
    padding:0 1.8% 1em;
}

.ltsp005 {letter-spacing: -0.05em;}
.ltsp007 {letter-spacing: -0.07em;}
.ltsp01 {letter-spacing: -0.1em;}

.ptem225 {padding-top:2.25em;}
.ptem76 {padding-top:7.6em;}
.ptem66 {padding-top:6.6em;}


.katokichi {
    float:left;
    width:46%;
}

.jt {
    float:right;
    width:46%;
    border-left:1px solid #ff0000;
}
.jt .noncorp, .jt .noncorp2, .jt .nonrecr2, .jt .nonrecr { display: none;}

.both {
    clear:both;
    padding-top:1em;
}




/* history 2 list */
#contents .history h3 {
    margin-bottom:2em;
    padding:8px 0.5em;
    background:#e94709;
    text-align:center;
    line-height:1.2;
    font-size:1.2em;
    font-weight:bold;
    color:#ffffff;
}
dl.history2 {
}
dl.history2 dt {
    float:left;
    width:12em;
    margin:0 0 1.5em;
    text-align:right;
    font-weight:bold;
}
dl.history2 dd {
    margin:0 1em 1.5em 11.5em;
    padding-left:2em;
}
dl.history2 dt span {
    display:none;
}



/*********************************/
/* 主なグループ企業等一覧 */
/*********************************/
.group .note2 {
    margin-bottom:1.5em!important;
	font-size:0.9em;
}
.group .block {
    margin-bottom:1em;
    padding-bottom:1em;
    border-bottom:1px dotted #dddddd;
}
.group .block.last {
    margin-bottom:60px;
}
#contents .group .block h3 {
    float:left;
    width:38%;
    min-width:18em;
    border-bottom:none;
}
#contents .group .block h3 {
    font-size:0.95em;
}
.group .block dl,
.group .block p {
    float:left;
    width:62%;
    font-size:0.9em;
}
.group .block dl dt {
    float:left;
    width:7em;
    margin:0;
}
.group .block dl dd {
    margin:0 0 0 7em;
    padding-left:1em;
    text-indent:-1em;
}



/*********************************/
/* 事業概要 outline1 2020/02 renew */
/*********************************/
#contents.outline h1.ol_title {
    display:block;
    width:100%;
    height:0;
    padding:18.42% 0 0;
    background-repeat:no-repeat;
    background-position:0 0;
    background-size:contain;
    border-top:none;
    border-bottom:none;
    /*text-indent:-9999px*/;
}
#contents.outline h1.ol1_title {position: relative;background-image:url("../images/outline/outline1_title.jpg");}
#contents.outline h1 span { position: absolute; top:40%;left:2%; color:#ffffff;}

#contents.outline img {
    width:100%;
    height:auto;
}

.ol1_h2 {
    margin:0 auto 3em;
}
#contents .ol1_h2 h2 {
    margin-bottom:0.2em;
    padding-left:10px;
    padding-bottom:0;
    border-left:6px solid #e94709;
    border-bottom:0;
    vertical-align:middle;
    line-height:1.2;
    font-family: "Times New Roman","游明朝",YuMincho,"Noto Serif Japanese","Hiragino Mincho ProN","ＭＳ Ｐ明朝","MS PMincho",serif;
    font-size:1.6em;
    font-weight:bold;
}
#contents.outline h2 br {display:none;}
.ol1_h2 p {
    margin-left:16px;
}

.ol1_h3 {
    margin:0 auto 3em;
}

.ouline1_a .ol1_block {
    float:left;
    width:48.5%;
    margin:0 3% 3% 0;
}
.ouline1_a .ol1_block:nth-child(even) {
    margin:0 0 3% 0;
}

.ouline1_b .ol1_block {
    float:left;
    width:31.5%;
    margin:0 2.75% 3% 0;
}
.ouline1_b .ol1_block:nth-child(3n) {
    margin:0 0 3% 0;
}

.ol1_block .ol1_img,
.ol1_block p {
    margin-bottom:1em;
}

#contents.outline h3 {
    margin-bottom:1em;
    padding-bottom:0;
    border-bottom:1px solid #d5d5d5;
    line-height:1.6;
    font-size:1.3em;
    font-weight:bold;
    letter-spacing:-0.05em;
}
#contents.outline h3 span {
    margin-left:1em;
    font-size:0.7em;
    font-weight:normal;
}
#contents.outline .ouline1_a h3 span {
    margin-left:0.5em;
}

#contents.outline .ouline1_b h4 {
    margin-bottom:0.5em;
    line-height:1.4;
    font-size:1.2em;
    color:#e94709;
}
#contents.outline .ouline1_b h4 span {
    display:block;
    font-size:0.8em;
    font-weight:normal;
    color:#000000;
}




/*********************************/
/* CSRへの取り組み */
/*********************************/
.env_block {
    
}
.env_block .txt_forest {
    float:left;
    width:48%;
}
.env_block .img_forest {
    float:right;
    width:48%;
}
.env_block .txt {
    float:left;
    width:58%;
}
.env_block .img {
    float:right;
    width:38%;
    max-width:280px;
    line-height:1.4;
}
#contents .env_block .img .note {
    line-height:0.8;
}
.env_block .img p.cap {
    font-size: 0.65em;
    text-align: right;
    color:#000000;
}
.env_block img {
    max-width:100%;
    height:auto;
	margin-bottom:5px;
}



/*********************************/
/* 役員一覧 2018.03.01 */
/*********************************/
#contents .officer {
    margin-top:60px;
}
#contents .officer h2 {
	border-bottom:none;
    border-left-width:0.4em;
    border-left-style:solid;
	padding-left:0.4em;
	padding-bottom:0;
	border-left-color:#dddddd;
	line-height:1.4;
	font-size:1.3em;
}
#contents .officer h2 span {
	font-size: 0.7em;
	font-weight:normal;
}
#director table, #auditor table {
    width:100%;
    margin-bottom:60px;
    border-top:1px dotted #dddddd;
}
#director th, #auditor th {
    width:30%;
    padding:10px 0 10px 15px;
    border-bottom:1px dotted #dddddd;
    line-height:1.5;
    font-weight:bold;
	text-align:left;
}
#director td, #auditor td {
    width:70%;
    padding:10px 0 10px 15px;
    border-bottom:1px dotted #dddddd;
    line-height:1.5;
}
#officers table {
    width:100%;
    margin-bottom:60px;
    border-top:1px dotted #dddddd;
}
#officers th {
    width:30%;
    padding:10px 0 10px 15px;
    border-bottom:1px dotted #dddddd;
    line-height:1.5;
    font-weight:bold;
	text-align:left;
}
#officers td {
    width:70%;
    padding:10px 0 10px 15px;
    border-bottom:1px dotted #dddddd;
    line-height:1.5;
}
#officers td span {
    font-size: 0.8em;
}
#officers td span br {
    display:none;
}




/* 949px以下 */
/*-------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 949px) {

body {font-size:76%;}

img, object, embed, video {
    max-width:100%;
    height:auto;
}

/* main contents */
#main {
    width:96%;
}

.ptem8 {padding-top:10em;} /*diff*/
.ptem18 {padding-top:20em;} /*diff*/


/*********************************/
/* 会社沿革 */
/*********************************/
.katokichi .noncorp { display: none;}


/*********************************/
/* CSRへの取り組み */
/*********************************/
.env_block .note br {
    display:none;
}


/*********************************/
/* 事業概要 outline1 2020/02 renew */
/*********************************/
#contents.outline .ouline1_a h3 span {
    display:block;
    margin-left:0;
}




}
/*-------------------------------------------------------------------------------------------*/
/* 949px以下 END */



/* 768px以下 */
/*-------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 768px) {

/* main contents */
#main {
    position:relative;
    width:100%;
    margin:0;
    padding:0;
}

/* column */
#sideNav {
    float:none;
    width:100%;
}
#contents {
    float:none;
    width:100%;
}

.section {
    width:90%;
    margin-left:auto;
    margin-right:auto;
}


/* contents base */
#contents {
}

/* common head */
#contents h1 {
    text-align:center;
    font-size:1.4em;
}

#contents h2 {
}

#contents h3 {
}

#contents h4 {
}



/* common paragraph */
#contents p {
}

/* breadcrumb footer */
#breadcrumb_sp {
    display:block;
    width:100%;
    padding:2em 5%;
    border-top:50px solid #eeeeee;
    border-bottom:50px solid #eeeeee;
    text-align:left;
    font-size:0.8em;
    box-sizing:border-box;
}

#breadcrumb_sp a:link {color:#1380cc;text-decoration:none;}
#breadcrumb_sp a:active {color:#1380cc;text-decoration:underline;}
#breadcrumb_sp a:visited {color:#1380cc;text-decoration:none;}
#breadcrumb_sp a:hover {color:#1380cc;text-decoration:underline;}

#pankuzu {display:none;}

#footer .pagetop p a {display: none;}

/*********************************/
/* トップメッセージ */
/*********************************/
.president_photo {
}
.president_title {
    width:43%;
    padding:50px 0 0 5%;
}

#contents h2.message {
    font-size:2.0em;
}
#contents p.president_name {
    width:100%;
    font-size:1.0em;
}
#contents p.president_name span {
}



/*********************************/
/* 会社概要 */
/*********************************/
#companyData table {
}
#companyData th {
    display:block;
    width:100%;
    padding:10px 0 0 0;
    border-bottom:none;
}
#companyData td {
    display:list-item;
    width:100%;
    padding:10px 0;
    border-bottom:1px solid #f4f4f4;
    list-style:none;
}



/*********************************/
/* 主なグループ企業等一覧 */
/*********************************/
.group .block {
}
#contents .group .block h3 {
    float:none;
    width:100%;
    min-width:inherit;
}
.group .block dl,
.group .block p {
    float:none;
    width:100%;
}



/*********************************/
/* 事業概要 */
/*********************************/
#contents.outline h1.ol_title {
    margin-top:10px;
}
.ol1_h2 {
}
.ol1_h3 {
    width:90%;
}

#contents.outline h2 br {display:block;}
#contents.outline h2 br.sp480 {display:none;}


/*********************************/
/* 会社沿革 */
/*********************************/
.jt .noncorp2 { display: block;}


}
/*-------------------------------------------------------------------------------------------*/
/* 768px以下 END */



/* 640px以下 */
/*-------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 640px) {


#main {
    font-size:1.0em;
}

/*br PC/SP */
#contents br.pc {display:none;}
#contents br.sp {display:block;}


/* pc/sp images */
img.img_pc {display:none;}
img.img_sp {display:block;}





/*********************************/
/* JTグループの経営理念 テーブルマークグループミッション＆WAY */
/*********************************/
.principle_jt {
    
}
.principle_jt .txt {
    float:none;
    width:100%;
}
.principle_jt .img {
    float:none;
    width:100%;
    text-align:center;
}


/*********************************/
/* トップメッセージ */
/*********************************/
.president_title {
    padding-top:2em;
}

#contents h2.message {
    font-size:1.6em;
}
#contents p.president_name {
    width:100%;
    font-size:0.8em;
}
#contents p.president_name span {
}



/*********************************/
/* プレスリリース */
/*********************************/
.year_select select {
    transform:scale(0.8);
}
dl.topics {
}
dl.topics dt {
    float:none;
    width:auto;
    padding:1em 0 0;
}
dl.topics dd {
    margin-bottom:0;
    padding:0 0 1em;
}



/*********************************/
/* 主な事業所一覧 */
/*********************************/
.office_list .column {
    float:none;
    width:100%;
    margin:0 0 3em 0;
}

/* 地図 */
.mapHead {
    margin-bottom:10px;
    padding-bottom:0;
}
.mapPrint {
    position:static;
    float:right;
}



/*********************************/
/* 会社沿革 */
/*********************************/

/* history 1 list */
.history1_sp {
    display:block;
}

.history1 {
    display:none;
}
.history .arrow {
    display:none;
}


/* history 2 list */
dl.history2 {
    
}
dl.history2 dt {
    float:none;
    width:auto;
    margin:0;
    text-align:left;
}
dl.history2 dd {
    margin:0 0 1.5em;
    padding-left:0;
}
dl.history2 dt span {
    display:inline;
}
dl.history2 dd br {
    display:none;
}



/*********************************/
/* 事業概要 outline1 202020 */
/*********************************/
#contents.outline h1.ol_title {
    padding:53.19% 0 0;
}
#contents.outline h1.ol1_title {background-image:url("../images/outline/outline1_title_sp.jpg");}
#contents.outline h1 span { font-size:1.2em;left:5%;}

.ol1_h2,
.ol1_h3 {
    font-size:1.2em;
}
#contents .ol1_h2 h2 {
    padding-left:0.3em;
    border-left:0.3em solid #e94709;
}
#contents .ol1_h2 p {
    margin-left:1.2em;
}

.ouline1_a .ol1_block {
    float:none;
    width:100%;
    margin:0 0 3em;
    font-size:1.2em;
}
.ouline1_b .ol1_block {
    float:none;
    width:100%;
    margin:0 0 3em;
    font-size:1.2em;
}
.ouline1_a .ol1_block:nth-child(even),
.ouline1_b .ol1_block:nth-child(3n) {
    margin:0 0 3em;
}
#contents.outline h3 span {
    display:block;
    margin-left:0;
}



/* outline 2 */
/*****************************/
.ol2_block .txt,
.ol2_box .txt {
    float:none;
    width:100%;
    margin-bottom:10px;
}
.ol2_block .img,
.ol2_box .img {
    float:none;
    width:100%;
}
.ol2_box {
    padding:3%;
    border:1px solid #ea7273;
    border-radius:8px;
}

table.ol2_tbl_sp {
    display:block;
    width:100%;
    border-collapse:collapse;
}
table.ol2_tbl_sp caption {
    padding-bottom:10px;
    text-align:left;
    font-weight:bold;
    font-size:1.2em;
    color:#e97272;
}
table.ol2_tbl_sp th {
    width:25%;
    padding:2%;
    background-color:#e97272;
    border-left:2px solid #ffffff;
    vertical-align:middle;
    text-align:center;
    color:#ffffff;
    font-weight:normal;
}
table.ol2_tbl_sp td {
    width:25%;
    background-color:#ffcccc;
    padding:2%;
    border-left:2px solid #ffffff;
    text-align:center;
}
table.ol2_tbl_pc {display:none;}


/* outline 3 */
/*****************************/
ul.stores li {
    float:none;
    width:100%;
    margin:0 0 4% 0;
}
ul.stores li.sg img {
    display:none;
}
ul.stores li.sg a {
    display:block;
    width:100%;
    height:0;
    padding-top:109.16%;
    background:url("../images/outline/img_outline03_01_sp.jpg") no-repeat 0 0;
    background-size:contain;
}
ul.stores li.sg a:hover {
    background-color:#fff;
    opacity:0.7;
}



/*********************************/
/* CSRへの取り組み */
/*********************************/
.env_block .txt_forest,
.env_block .txt {
    float:none;
    width:100%;
}
.env_block .img_forest,
.env_block .img {
    float:none;
    width:100%;
}
.env_block .img {
    max-width:none;
}
.env_block img {
    width:100%;
    height:auto;
}
.env_block .note {
    font-size:0.9em;
}
.env_block .img p.cap {
    font-size: 0.7em;
}


/*********************************/
/* 役員一覧 2018.03.01 */
/*********************************/
#director th, #auditor th {
    display:block;
    width:100%;
    padding:10px 0 0 0;
    border-bottom:none;
}
#director td, #auditor td {
    display:list-item;
    width:100%;
    padding:10px 0;
    border-bottom:1px solid #f4f4f4;
    list-style:none;
}

#officers th {
    display:block;
    width:100%;
    padding:10px 0 0 0;
    border-bottom:none;
}
#officers td {
    display:list-item;
    width:100%;
    padding:10px 0;
    border-bottom:1px solid #f4f4f4;
    list-style:none;
}



}
/*-------------------------------------------------------------------------------------------*/
/* 640px以下 END */



/* - 480px */
/*-----------------------------------------------------------*/
@media only screen and (max-width: 480px) {




/*********************************/
/* トップメッセージ */
/*********************************/

#contents h2.message {
    font-size:1.4em;
}
#contents p.president_name {
    width:100%;
    font-size:0.7em;
}
#contents p.president_name span {
}


/*********************************/
/* 役員一覧 2018.03.01 */
/*********************************/
#officers td span br {
    display:block;
}


/*********************************/
/* 事業概要 outline1 202020 */
/*********************************/
#contents .ol1_h2 h2 {
    padding-left:0.3em;
    font-size:1.5em;
}
#contents.outline h2 br.sp480 {display:block;}



}
/* - 480px end */



/* purpose */
/* 2023/02 added */
.purpose {
    font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
}
#contents .purpose h4 {
    font-size: 1.8em;
}
#contents .purpose p {
    margin-bottom: 1em;
}



/* compliance */
/* 2025/07 added */
#contents .compliance h2 {
    margin-bottom:1em;
    padding-left: 0.5em;
    padding-bottom: 0;
    border-left: 5px solid #e94709;
    border-bottom: 0;
    line-height: 1.6;
    font-size: 1.2em;
    font-weight: bold;
}
.compliance p {
    margin-bottom: 3em;
}
.compliance p:has(+ p) {
    margin-bottom: 1.5em;
}
.compliance figure {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 4em;
}
.compliance figure img {
    max-width: 100%;
    height: auto;
}
.compliance .box {
    background-color: #fff9e8;
    margin-bottom: 4em;
    padding: 5%;
}
#contents .compliance .box h3 {
    border-bottom: 0;
    font-size: 1.0em;
}
.compliance .box p {
    margin-bottom: 1.5em;
}
.compliance .box p:last-of-type {
    margin-bottom: 0;
}

.compliance table caption {
    margin-bottom: 1em;
    text-align: center;
    font-weight: bold;
}
.compliance table {
    width: 100%;
    margin-bottom: 3em;
    border-collapse: collapse;
}
.compliance table th,
.compliance table td {
    border-right: 4px solid #ffffff;
    border-bottom: 4px solid #ffffff;
}
.compliance table th:last-child,
.compliance table td:last-child {
    border-right: 0;
}
.compliance table thead th {
    background-color: #e77643;
    padding: 1em;
    text-align: center;
    font-weight: normal;
    color: #ffffff;
}
.compliance table tbody td {
    background-color: #fffae4;
    padding: 1em 2em;
}
.compliance table tbody td:not(:last-child) {
    white-space: nowrap;
}
.compliance table tbody tr:nth-child(even) td {
    background-color: #ffeae4;
}

.compliance .photo-wrap {
    display: flex;
    justify-content: space-between;
}
.compliance .photo-wrap figure {
    width: 48.5%;
}

@media only screen and (max-width: 640px) {
    .compliance {
        font-size: 1.0em;
    }
    .compliance .photo-wrap {
        flex-direction: column;
        margin-bottom: 3em;
    }
    .compliance table {
        font-size: 0.8em;
    }
    .compliance table caption {
        font-size: 1.4em;
    }
    .compliance table tbody td {
        padding: 0.75em 0.5em;
    }
    .compliance .photo-wrap figure {
        width: 100%;
        margin-bottom: 1em;
    }
    .compliance .img-wrap {
        overflow: auto;
        width: 100%;
        margin-bottom: 4em;
    }
    .compliance .img-wrap figure {
        width: 760px;
        margin-bottom: 0;
    }
}
    .scroll-hint-icon {
        top: 64% !important;
    }