@charset "UTF-8";

* { margin: 0; padding: 0; box-sizing: border-box;}
ul { list-style-type: none;}
ol { margin: 0 0 40px 40px; padding: 0;}

html, body { height: 100%;}

body { margin: 0; padding: 0; font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif; font-weight: 500; color: #333; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; font-size: 16px; line-height: 1.8em; font-feature-settings: "palt";}

body.en_page{font-family:Helvetica, Arial, sans-serif;}

/* リンク */
a:link { color:　#19587F; text-decoration: none;}
a:visited { color: #19587F;}
a:hover { color: #E7BF66;}
a:active { color: #E7BF66;}

/* 画像 */
img { vertical-align: bottom;}
img.img-responsive { width: 100% !important; height: auto !important;}

/* iframe */
iframe { vertical-align: bottom;}

/* テーブル */
table { border-collapse: collapse; width: 100%; border-top: 1px solid #ccc;}
table td, table th { padding: 10px 20px; border-bottom: 1px solid #ccc;}
table th { background-color: #F0F0E0; width: 15%; border-right: 1px solid #ccc;}
table td dl { width: 100%; margin: 0;}
table td dt { display: block; width: 20%; font-weight: normal; clear: left; float: left;}
table td dd { display: block; width: 80%; float: left;}

@media screen and (max-width: 768px) {
table td, table th {
  display: block;
  width: 100%;
}
table th { border-bottom: none; border-right: none; text-align: center;}

table td dt { width: 60%;}
table td dd { width: 40%;}
}

/* マーカー付きリスト */
ul.marker { margin: 0 0 40px 25px; padding: 0; list-style-type: disc !important;}

/* ※マーカー付きリスト */
ul.kome_marker { font-size: 14px; margin: 0; padding: 0; list-style-type: none; margin-left: 1em;}
ul.kome_marker li:before { content: '※';  margin-left:-1em;}

/* ■マーカー付きリスト */
ul.squr_marker { margin: 0; padding: 0; list-style-type: none;}
ul.squr_marker li { margin-bottom: 15px;}
ul.squr_marker li:before { margin-left: 0em;}
ul.squr_marker li:before { content: '■ ';  margin-left: 0em;}

/* ■マーカー付きリスト（プライバシーポリシー） */
ul.policy { margin: 0; padding: 0; list-style-type: none;}
ul.policy li { margin-bottom: 15px;}
ul.policy li h4:before { margin-left: 0em;}
ul.policy li h4:before { content: '■ ';  margin-left: 0em;}

/* テキスト */
p { font-size: 16px; line-height: 1.8em; margin: 0; padding: 0 0 40px 0; font-feature-settings: "palt";}
p.lead { font-size: 18px; font-weight: bold; line-height: 1.8em; margin: 0; padding: 0 0 40px 0; font-feature-settings: "palt";}
p.capt { font-size: 14px; margin: 0; padding: 0 0 60px 0; line-height: 1.4em;}

.align_center { text-align: center;}
.align_right { text-align: right;}

/* テキストマーカー */
span.uline { font-weight: bold; background: linear-gradient(transparent 50%, #ffff66 50%);}

/* 見出し */
article h1 { font-size: 32px; font-weight: bold; line-height: 1.2em; margin: 0 0 15px 0; padding: 0; color: #19587F;}
article h2, article h1.category_title { display: inline-block; font-size: 30px; font-weight: bold; color: #145781; padding: 0 0 34px 0; margin: 0 0 40px 0; text-align: center; background-image: url(../images/h2_deco.png); background-repeat: no-repeat; background-position: center bottom; white-space: nowrap;}
article h3 { font-size: 20px; line-height: 1.0em; font-weight: bold; color: #333; margin: 0 0 20px 0; padding: 14px 0 14px 10px; background: #F0F0E0; border-top: 2px solid #E9C156; font-feature-settings: "palt";}
article h4 { font-size: 18px; line-height: 1.4em; color: #19587F; font-weight: bold; margin: 0 0 10px 0; padding: 0; font-feature-settings: "palt";}
article h5 { font-size: 16px; line-height: 1.4em; font-weight: bold; margin: 0 0 10px 0; padding: 0; font-feature-settings: "palt";}

article h4.deco { font-size: 18px; line-height: 1.4em; font-weight: bold; color: #19587F; margin: 0 0 20px 0; padding: 8px 0 8px 10px; border-top: 2px solid #76AED9; border-bottom: 1px solid #76AED9; font-feature-settings: "palt";}

article h2.prod_name { font-size: 32px; font-weight: bold; line-height: 1.2em; margin: 0 0 15px 0; padding: 0; color: #19587F; background: none !important;}

/* スマホフォントサイズ */
@media screen and (max-width: 768px) {
article h1 { font-size: 26px;}
article h2 { font-size: 24px;}
article h3 { font-size: 20px;}
article h4 { font-size: 18px;}
article h5 { font-size: 16px;}
}

@media screen and (max-width: 767px) {
article h2 { white-space: normal !important;}
}


/* IEハック */
@media all and (-ms-high-contrast:none) {
     *::-ms-backdrop, article h2 span {
     padding: 8px 30px 0 30px;
}
}

/* edgeハック */
@supports (-ms-ime-align:auto) {
article h2 span {
    padding: 5px 30px 5px 30px;
  }
}

/* 共通要素 */
.chapter { padding: 80px 0; width: 100%; margin: 0 !important;}
.chapter:before, .chapter:after { clear: both;}
@media screen and (max-width: 768px) {
.chapter { padding: 50px 0;}
}

/* 背景画像チャプター */
.chapter.abst { background-image: url(../images/bg_chapter_30%25.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center;}

/* PC最大サイズ */
@media (min-width: 1200px) {
  .container { width: 1140px !important;}
}

/* ローディングイメージ */
.orign-loader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url(../images/loader.gif) center no-repeat #fff;}

/* PC/スマホの表示切り替え */
.onlypc { display: block;}
.onlysmp { display: none;}

@media screen and (max-width: 768px) {
.onlypc { display: none;}
.onlysmp { display: block;}
}

/* pc版クリアランス */
.cl_pc80 { margin-bottom: 80px !important;}
.cl_pc50 { margin-bottom: 50px !important;}
.cl_pc30 { margin-bottom: 30px !important;}

@media screen and (max-width: 768px) {
.cl_pc80 { margin-bottom: 40px !important;}
.cl_pc50 { margin-bottom: 25px !important;}
.cl_pc30 { margin-bottom: 15px !important;}
}

/* スマホ版クリアランス */
.cl_sm20 { margin-bottom: 10px !important;}
.cl_sm40 { margin-bottom: 20px !important;}

@media screen and (max-width: 768px) {
.cl_sm20 { margin-bottom: 20px !important;}	
.cl_sm40 { margin-bottom: 40px !important;}	
}

/* 共通クリアランス */
.cl40 { margin-bottom: 40px !important;}

/* スマホ強制改行 */
br.brlong { display: none !important; width: 0 !important; height: 0 !important; visibility: hidden !important; content: ""; font-size:0;}

@media screen and (max-width: 768px) {
br.brlong { display: block !important;}	
}

/* PC強制改行 */
br.brpc { display: block !important;}

@media screen and (max-width: 768px) {
br.brpc	{ display: none !important; width: 0 !important; height: 0 !important; visibility: hidden !important; content: ""; font-size:0;}
}

/* ヘッダー・メニュー */
header { height: 100px; background-color: #145781; width: 100%; position: fixed; top: 0; left: 0; z-index: 100; -webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;}
	
.fold { top: -40px;}

/* h1とenglish */
header ul.en { height: 30px; margin: 0; padding: 0; list-style-type: none; float: right;}
header ul.en li { float: left; white-space: nowrap;}
header ul.en h1 { font-size: 14px; margin: 8px 20px 0 0; padding: 0; line-height: 1.0em; color: #fff;}

/* 下層ページh1をspanに */
header ul.en span { font-size: 14px; margin: 8px 20px 0 0; padding: 0; line-height: 1.0em; color: #fff;}

header ul.en li a:link { color: #E7BF66 !important; text-decoration: none;}
header ul.en li a:visited { color: #E7BF66;}
header ul.en li a:hover { color: #fff !important;}
header ul.en li a:active { color: #EAC24C;}

/* ヘッダーロゴ */
header h2 a { display: block; height: 44px; width: 132px; padding: 0; margin: 0; background: url(../images/head_logo.png) no-repeat 0 0; background-size: cover; float: left; text-indent: -500em; z-index: 102;}

@media only screen and (max-width: 320px) {
header h2 {}
}

.navDrawr>ul { float: right; height: 42px; margin: 8px 0 0 0; padding: 0; list-style-type: none;}
.navDrawr>ul:after { content: "."; display: block; clear: both; height: 0; visibility: hidden;}
.navDrawr>ul>li { position: relative; float: left; line-height: 1.2em; white-space: nowrap;}
.navDrawr a.first_level { display: block; height: 42px; color: #fff; text-decoration: none; padding: 10px 30px 0 0;}
.navDrawr a.first_level:hover { color: #E7BF66;}
.navDrawr ul li a.first_level.last { background: #E7BF66; padding: 10px 20px 0 20px;}
.navDrawr ul li a.first_level.last:hover { background-color: #E5CD93; color: #fff;}
.navDrawr>ul>li>a { font-weight: bold;}
.navDrawr .sub { background: #145781; width: 220px; position: absolute; left: 0; right: 0; z-index: 60;}
.navDrawr .sub a { display: block; color: #fff; text-decoration: none; border-top: 1px solid #fff; padding: 10px 10px 10px 20px;}
.navDrawr .sub a:hover { background: #78AFD7;}

.navDrawr .sub.suprt { background: #FF8D8C;}
.navDrawr .sub.suprt a:hover { background: #FF7272;}


/* ドロアメニュー */ 
@media only screen and (max-width: 992px) {
	#wrapper{ overflow:hidden;}
    .navDrawr { background-color: #145781; position: fixed; width: 270px; top: 100px; bottom: 0; right: -270px; overflow: auto; -webkit-overflow-scrolling: touch; z-index: 50;}
    .navDrawr>ul { margin-top: 0;} 
    .overlay { display: none; background-color: rgba(0,0,0,0.6); position: fixed; top: 0; bottom: 0; left: 0; right: 0; z-index: 40;}
    body.menuOpen header { position: fixed; top:0; width: 100%;}
    header .headerTop { padding:inherit;}
    .navDrawrBtn { position: absolute; top: 55px; right: 15px; z-index: 110;}
    .navDrawrBtn span { display: block; cursor: pointer;}
    .navDrawrBtn span::before { font-family: FontAwesome; content: "\f0c9"; font-size: 40px; color: #fff;}
    body.menuOpen .navDrawrBtn span::before { content: "\f00d";}
	
	.navDrawr a.first_level { display: block; height: 50px; padding: 15px 0 0 20px; border-top: 1px solid #fff;}
    .navDrawr a { position: relative;}
    .navDrawr .sub a::after { position: absolute; top: 50%; margin-top: -10px; right: 15px; font-family: FontAwesome; content: "\f054";}
    .navDrawr>ul>li { float: none; width: 270px;}
    .navDrawr>ul>li>a { text-align: left;}
    .navDrawr .sub { width: 270px; position: static; display: block !important;}
	.container { width: 100% !important;}
	
	.navDrawr ul li a.first_level.last { background: none; padding: 15px 0 0 20px;}
	.navDrawr ul li a.first_level.last:hover { background: none;}
}

/* フッター */
footer { padding: 50px 0; background: #F0F0E1; font-size: 16px;}
footer ul { margin: 20 0 0 0; padding: 0; list-style-type: none; float: right;}
footer ul li { font-size: 14px; float: left; margin-right: 30px; white-space: nowrap;}
footer ul li:last-child { margin-right: 0;}

footer a:link { color: #19587F; text-decoration: none;}
footer a:visited { color: #19587F; text-decoration: none;}
footer a:hover { color: #E7BF66; text-decoration: none;}

footer h2 { font-size: 16px; margin: 0 0 50px; padding: 0; line-height: 1.4em; font-weight: normal;}
footer .iso { text-align: center !important;}
footer .iso p { font-size: 12px;}

@media screen and (max-width: 768px) {
	footer h2 { text-align: center;}
	footer ul, footer ul li { float: none; text-align: center; margin: 0 auto;}
	footer .iso img { width: 30% !important; height: auto; margin: 0 auto;}
}

/* ページ先頭に戻るボタン */
#btnTop { display: table; width: 50px; height: 50px; border-radius: 6px; background-color: rgba(231,191,102,0.8); text-align: center; color: #FFF; position: fixed; bottom: -80px; right: 40px; z-index: 1;
-webkit-transition:1.0s ease-in-out;
	-moz-transition:1.0s ease-in-out;
	-o-transition:1.0s ease-in-out;
	transition:1.0s ease-in-out;
}
#btnTop:hover { background-color: rgba(231,191,102,0.6);}

#btnTop i { display: table-cell; vertical-align: middle; font-size: 24px; padding-bottom: 5px;}

#btnTop.disp { bottom: 20px;}

@media screen and (max-width: 768px) {
#btnTop { width: 40px; height: 40px; right: 10px;}
}

/* 詳しくボタン */
.detailbtn a { display: block; width: 240px; font-size: 14px; text-align: center; background: #E7BF66; padding: 8px 0; border-radius: 6px; position: relative;}
.detailbtn a::after { position: absolute; top: 50%; margin-top: -12px; right: 15px; font-family: FontAwesome; content: "\f002"; color: #fff;}
.detailbtn a:link { color: #fff;}
.detailbtn a:visited { color: #fff;}
.detailbtn a:hover { background: #E5CD93;}

@media screen and (max-width: 768px) {
	.detailbtn a { padding: 14px 0; margin-left: auto; margin-right: auto;}
}

/* 製品サイトへボタン */
.officialbtn a { display: block; width: 240px; font-size: 14px; text-align: center; background: #2277B3; padding: 8px 0; border-radius: 6px; position: relative;}
.officialbtn a::after { position: absolute; top: 50%; margin-top: -12px; right: 15px; font-family: FontAwesome; content: "\f054"; color: #fff;}
.officialbtn a:link { color: #fff;}
.officialbtn a:visited { color: #fff;}
.officialbtn a:hover { background: #76AED9;}

@media screen and (max-width: 768px) {
	.officialbtn a { padding: 14px 0; margin-left: auto; margin-right: auto;}
}

/* お問い合わせボタン */
.contactbtn a { display: block; width: 240px; font-size: 14px; text-align: center; background: #E7BF66; padding: 8px 0; border-radius: 6px; position: relative;}
.contactbtn a::after { position: absolute; top: 50%; margin-top: -12px; right: 15px; font-family: FontAwesome; content: "\f0e0"; color: #fff;}
.contactbtn a:link { color: #fff;}
.contactbtn a:visited { color: #fff;}
.contactbtn a:hover { background: #E5CD93;}

@media screen and (max-width: 768px) {
	.contactbtn a { padding: 14px 0; margin-left: auto; margin-right: auto;}
}

/* 汎用ボタン */
a.universalbtn { font-size: 14px; text-align: center; background: #E7BF66; padding: 20px 10px; border-radius: 6px; position: relative;}
a:link.universalbtn { color: #fff;}
a:visited.universalbtn { color: #fff;}
a:hover.universalbtn { background: #E5CD93;}

@media screen and (max-width: 768px) {
	a.universalbtn { width: 100%; margin-left: auto; margin-right: auto;}
}

/* キービジュアル */
.wideslider { width: 100%; max-height: 600px; margin-top: 100px; text-align: left; position: relative; overflow: hidden;}

.wideslider ul,.wideslider ul li { float: left; display: inline; overflow: hidden;}
.wideslider ul li img { width: 100%; display: none;}

.wideslider_base { top: 0; position: absolute;}
.wideslider_wrap { top: 0; position: absolute; overflow: hidden;}
.slider_prev,.slider_next { top: 0; overflow: hidden; position: absolute; z-index: 90; cursor: pointer;}
.slider_prev { background-image: url(../images/prev.png); background-repeat: no-repeat; background-position: right center;}
.slider_next { background-image: url(../images/next.png); background-repeat: no-repeat; background-position: left center;}

.pagination { bottom: 5px; left: 0; width: 100%; height: 16px; text-align: center; position: absolute; z-index: 40;}
.pagination a { margin: 0 5px; width: 16px; height: 16px; display: inline-block; overflow: hidden; background: #ddd; border-radius: 16px; -webkit-border-radius: 16px; -moz-border-radius: 10px; opacity: 1 !important;}
.pagination a.active { background-color: #2F74A9;}

.wideslider .catchcopy { font-size: 44px; color: #0D5683; font-family: Georgia, "Times New Roman", Times, serif; padding: 20px; background: url(../images/bg_catchcopy.png) repeat; position: absolute; top: 40%; right: 20%; z-index: 60;}

@media screen and (max-width: 768px) {
.wideslider .catchcopy { font-size: 26px; padding: 5px 10px; right: 5%;}	
}

/* トップ最新ニュース一覧 */
ul.news_list { margin: 0 0 10px 0; padding: 0; list-style-type: none;}
ul.news_list li { padding: 10px 15px;}
ul.news_list li:nth-child(odd) { background-color: #F0F0DF;}
.news_list span { display: inline-block; width: 100px; font-size: 16px; color: #FFF; text-align: center; padding: 2px 0; margin-right: 10px; }
.news_list span.news_news { background: #1A76B5;}
.news_list span.news_product { background: #76AED9;}
.news_list span.news_event { background: #19587F;}
.news_list span.news_media { background: #E8C05F;}
@media screen and (max-width: 768px) {
.news_list span { display: block; margin: 0 0 5px 0; font-size: 14px; padding: 2px 0; width: 80px;}
}

i.fa-chevron-circle-right { color: #EAC24C;}

/* 製品一覧ボタン */
.bg_white60 { background-color: rgba(255,255,255,0.7); padding: 30px 20px;}
.btn_category { position: relative; height: 140px; padding-top: 100px; width: 100%; border-radius: 8px; text-align: center; background: #2783be; background: -moz-linear-gradient(top, #2783be 0%, #2783be 50%, #0f75b7 50%, #0f75b7 100%); background: -webkit-linear-gradient(top, #2783be 0%,#2783be 50%,#0f75b7 50%,#0f75b7 100%); background: linear-gradient(to bottom, #2783be 0%,#2783be 50%,#0f75b7 50%,#0f75b7 100%);}

.btn_category a:hover { color: #EAC24C;}

/* 製品一覧ボタンアイコン */
a.btn_heart, a.btn_knife, a.btn_blad, a.btn_beat { color: #fff; font-weight: bold; text-align: center;}
a.btn_heart:before { position: absolute; width: 100%; height: 76px; content: ''; background-image: url(../images/icon_heart.png); background-repeat: no-repeat; background-position: center top; top: 20px; left: 0;}
a.btn_knife:before { position: absolute; width: 100%; height: 76px; content: ''; background-image: url(../images/icon_knife.png); background-repeat: no-repeat; background-position: center top; top: 20px; left: 0;}
a.btn_blad:before { position: absolute; width: 100%; height: 76px; content: ''; background-image: url(../images/icon_blad.png); background-repeat: no-repeat; background-position: center top; top: 20px; left: 0;}
a.btn_beat:before { position: absolute; width: 100%; height: 76px; content: ''; background-image: url(../images/icon_beat.png); background-repeat: no-repeat; background-position: center top; top: 20px; left: 0;}

@media screen and (max-width: 768px) {
	.bg_white60 { background-color: rgba(255,255,255,0); padding: 0; margin-bottom: 30px;}
	.btn_category { height: 70px; display: table; width: 100%; padding-top: 0; border-radius: 0;}
	a.btn_heart, a.btn_knife, a.btn_blad, a.btn_beat { display: table-cell; vertical-align: middle;}
	a.btn_heart:before, a.btn_knife:before, a.btn_blad:before, a.btn_beat:before { position: absolute; top: 20px; left: 20px; background-position: left top; background-size: auto 40px;}
	
	.btn_category i.fa-chevron-circle-right { position: absolute; right: 20px; top: 28px;}
}

/* 下層ページ用下駄 */
#bottom_padd { height: 100px;}

#bottom_visual { position: relative; height: 260px; width: 100%; padding-top: 20px; background-image: url(../images/bg_chapter.jpg); background-position: center top; background-size: cover;}
#bottom_visual h1 { position: absolute; height: 260px; width: 100%; font-size: 40px; line-height: 1.0em; margin: 0; padding: 0; color: #fff; font-weight: bold; top: 90px; left: 20px;}
#bottom_visual span { position: absolute; height: 260px; width: 100%; font-size: 40px; line-height: 1.0em; margin: 0; padding: 0; color: #fff; font-weight: bold; top: 90px; left: 20px;}
#bottom_visual p.bread_crumb { color: #fff;}
#bottom_visual p.bread_crumb a:link, #bottom_visual p.bread_crumb a:visited, #bottom_visual p.bread_crumb a:hover, #bottom_visual p.bread_crumb a:active { color: #fff;}

@media screen and (max-width: 768px) {
#bottom_visual { height: 160px;}
#bottom_visual h1, #bottom_visual span { height: 160px; width: 100%; text-align: center; font-size: 32px; left: 0; top: 40px}
#bottom_visual p.bread_crumb { display: none;}
}

/* 製品一覧 */
.accordion dt { position: relative;}
@media screen and (max-width: 768px) {
.accordion dd { display: none;}
.accordion dt {  cursor: pointer;}
.accordion dt:after { display: block; position: absolute; top: 16px; right: 20px; font-family: FontAwesome; content: "\f13a"; color: #F0D27B;}
.accordion dt.open:after { font-family: FontAwesome; content: "\f139"; color: #F0D27B;}
}

/* ニュース記事 */
ul.newsTab { width: 100%; margin: 0 0 20px 0; padding: 0 0 0 10px; list-style-type: none; border-bottom: 1px solid #1A76B5;}
ul.newsTab li { text-align: center; border: 1px solid #1A76B5; border-top: 5px solid #1A76B5; padding: 10px 20px; margin: 0 3px -1px 3px; float: left;}
ul.newsTab li.active { border-bottom: 1px solid #fff;}

.news_article {}
.news_article span.news_news { display: block; width: 100px; font-size: 16px; color: #FFF; text-align: center; padding: 2px 0; background: #1A76B5; float: left;}
.news_article span.news_product { display: block; width: 100px; font-size: 16px; color: #FFF; text-align: center; padding: 2px 0; background: #76AED9; float: left;}
.news_article span.news_event { display: block; width: 100px; font-size: 16px; color: #FFF; text-align: center; padding: 2px 0; background: #19587F; float: left;}
.news_article span.news_media { display: block; width: 100px; font-size: 16px; color: #FFF; text-align: center; padding: 2px 0; background: #E8C05F; float: left;}
.news_article .news_date { float: right;}

@media screen and (max-width: 768px) {
ul.newsTab { padding: 0; border-bottom: none;}
ul.newsTab li { width: 100%; margin: 0; margin-bottom: 6px; float: none;}
ul.newsTab li a { display: block;}
ul.newsTab li.active { border-bottom: 1px solid #1A76B5; background: #BFDCF2;}
.news_list span { display: block; margin: 0 0 5px 0; font-size: 14px; padding: 2px 0; width: 80px;}
.news_article img { width: 100% !important; height: auto; margin-bottom: 30px;}
}

/* ニュース記事ページング */
ul.page_navi { margin: 0; padding: 0; line-height: 1.0em; text-align: center;}
ul.page_navi li { display: inline-block; list-style: none; margin: 0; padding: 0;}
ul.page_navi li.current { padding: 4px 8px; background: #2277B3; border: 1px solid #2277B3; color: #fff; font-weight: normal;}
ul.page_navi li a { display: inline-block; text-decoration: none; padding: 4px 8px; border: 1px solid #2277B3;}

.nextback { display: table; width: 40%; margin: 40px auto 20px auto;}
.nextback .prev { display: table-cell; width: 33.333%; padding: 5px 10px; border: 1px #2277B3 solid; border-right: none; color: #583C30; font-weight: normal; text-align: center;}
.nextback .list { display: table-cell; width: 33.333%; padding: 5px 10px; border: 1px #2277B3 solid; color: #583C30; font-weight: normal; text-align: center;}
.nextback .next { display: table-cell; width: 33.333%; padding: 5px 10px; border: 1px #2277B3 solid; border-left: none; color: #583C30; font-weight: normal; text-align: center;}

@media screen and (max-width: 768px) {
.nextback { width: 100%;} 
}

/* お問い合わせ */
span.req { margin-left: 10px;}

/* 会社情報定義リスト */
dl.variable { margin: 0 0 50px 0; padding: 0;}
dl.variable dt { width: 30%; padding-bottom: 14px; float: left;}
dl.variable dt::before { content: '■ ';}
dl.variable dd { margin-left: 30%;}
dl.variable dd:after { content: ''; display: block; clear: both;}

@media screen and (max-width: 768px) {
dl.variable dt { width: 100%; float: none; padding-bottom: 8px;}
dl.variable dd { width: 100%; margin-left: 0; padding-bottom: 14px;}
}

/* 会社情報サイドメニュー */
ul.sidemenu { width: 100%; margin: 0 0 50px 0; padding: 0; list-style-type: none;}
ul.sidemenu li { background: #D5E5F3;}
ul.sidemenu li a { display: block; padding: 10px 0 10px 10px; margin-bottom: 1px;}

@media screen and (max-width: 768px) {
ul.sidemenu li { background: #FFF; margin-bottom: 5px;}
ul.sidemenu li a { text-align: center; border: 1px solid #1A76B5; border-top: 5px solid #1A76B5;}
}