article,
aside,
details,
figcaption,
figure,
footer,
iso,
header,
hgroup,
main,
menu,
nav,
section,
summary{
	display: block;
}

body.home {
background-repeat:repeat-x;
overflow-x: hidden;
}

body.contents {
background: #fff;
background-repeat:repeat-x;
overflow-x: hidden;
}

audio,
canvas,
progress,
video{
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]){
	display: none;
	height: 0;
}

[hidden],
template{
	display: none;
}

a{
	background-color: transparent;
}

a:active,
a:hover{
	outline: 0;
}

a:hover img{
opacity: 0.90;
filter: alpha(opacity=90);
}

abbr[title]{
	border-bottom: 1px dotted;
}

b,
strong{
	font-weight: bold;color:#333;
}

dfn{
	font-style: italic;
}

h1{
	margin: 0.67em 0;
	font-size: 1.4em;
	color:#fff;
}

mark{
	background: #ff0;
	color: #000;
}

small{
	font-size: 80%;
}

sub,
sup{
	vertical-align: baseline;
	line-height: 0;
	position: relative;
	font-size: 75%;
}

sup{
	top: -0.5em;
}

sub{
	bottom: -0.25em;
}

img{
	border: 0;
}

svg:not(:root){
	overflow: hidden;
}

figure{
	margin: 1em 40px;
}

hr {
	border:none;
	border-top:dashed 1px #999;
	height:1px;
	margin:16px 0;
}

hr.br_in {
	clear:left;
	border:none;
	border-top:dashed 1px #999;
	height:1px;
	margin:16px 0;
}

pre{
	overflow: auto;
}

code,
kbd,
pre,
samp{
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea{
	margin: 0;
	color: inherit;
	font: inherit;
}

button{
	overflow: visible;
}

button,
select{
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"]{
	cursor: pointer;
	-webkit-appearance: button;
}

button[disabled],
html input[disabled]{
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner{
	padding: 0;
	border: 0;
}

input{
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"]{
	padding: 0;
	box-sizing: border-box;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{
	height: auto;
}

input[type="search"]{
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{
	-webkit-appearance: none;
}

fieldset{
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
	border: 1px solid #c0c0c0;
}

legend{
	padding: 0;
	border: 0;
}

.txt_left {text-align:left;padding-top:6px;}
.txt_right {text-align:right;margin-right:1em;margin-bottom:20px;}

textarea{
	overflow: auto;
}

optgroup{
	font-weight: bold;
}

table{
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th{
	padding: 0;
}

	.table-block{
		border-bottom: 1px solid #ddd;
		background:#fff;
		margin:10px 0;
	}

	.table-nml{
		border-bottom: 1px solid #ddd;
		background:#fff;
		width:100%;
		margin:0;
	}

	.table-block th{text-align:center;color:#333;}

.table-nml th {text-align:center;white-space:nowrap;}
.table-nml td.nrp {white-space:nowrap;}
.table-nml td.nrp_ctr {text-align:center;white-space:nowrap;}
.table-block td img {min-width:100px;}


/*------------------------------------------------------------
共通設定
-------------------------------------------------------------*/

html{
	overflow-y: scroll;
}

body{
	margin: 0;
	font-family: font: 15px/1.618 "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	color:#666;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		body{
background: url(../images/common/bg@2x.jpg);
-webkit-background-size: 180px 180px;
background-size: 180px 180px;
		}

	}

a{
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	text-decoration:none;
	color: #2f6cb5;
}

a:hover,
a:active,
a:focus{
	text-decoration:underline;
}

address,
caption,
cite,
code,
dfn,
var,
h1,
h2,
h3,
h5,
h6{
	font-style: normal;
	font-weight: normal;
}

q{
	quotes: none;
}

q:before,q:after{
	content: '';
	content: none;
}

img{
	vertical-align: bottom;
	-ms-interpolation-mode: bicubic;
}

div{
	word-wrap: break-word;
}

pre{
	overflow: auto;
	white-space: pre-wrap;
	word-wrap: break-word;
}

form{
	margin: 0;
}

button,
input,
select,
textarea,
optgroup,
option{
	vertical-align: baseline;
}

select{
	max-width: 100%;
}

textarea{
	min-height: 100px;
	vertical-align: top;
}

button::-moz-focus-inner,
input::-moz-focus-inner{
	margin: 0;
}

table{
	width: 100%;
	word-break: break-all;
	word-wrap: break-word;
	border-spacing: 0;
}

caption{
	text-align: left;
}

img{
	height: auto;
	max-width: 100%;
}

img{
	max-width: none\9;/*IE8への対応*/
}

html:not(:target) img{
    max-width: 100%; /*IE9以上への対応*/
}

p{
	margin: 0 0 1em;
}

ul,
ol{
	margin-left: 40px;
	padding-left: 0;
}

li{
	margin-bottom: 0.5em;
}

/*引用*/
blockquote{
	position: relative;
	margin: 2em 0;
	padding: 115px 45px 80px;
	background: url(../images/common/bg-cream.jpg);
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		blockquote{
background: url(../images/common/bg-cream@2x.jpg);
-webkit-background-size: 120px 120px;
background-size: 120px 120px;
		}

	}

blockquote p:last-child{
	margin-bottom: 0;
}

blockquote:before{
	position: absolute;
	top: 40px;
	left: 30px;
	width: 58px;
	height: 45px;
	content: url(../images/icon-laquo.png);
}

blockquote:after{
	position: absolute;
	right: 30px;
	bottom: 20px;
	width: 58px;
	height: 45px;
	content: url(../images/icon-raquo.png);
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		blockquote:before{
display: inline-block;
width: 58px;
height: 45px;
vertical-align: middle;
-webkit-background-size: 58px 45px;
background-size: 58px 45px;
content: " ";
		}

		blockquote:after{
display: inline-block;
width: 58px;
height: 45px;
vertical-align: middle;
-webkit-background-size: 58px 45px;
background-size: 58px 45px;
content: " ";
		}

	}

blockquote a{
	color: #ddd;
}

blockquote a:hover,
blockquote a:active,
blockquote a:focus{
	color: #1a8517;
}

q{
	background: #fffdc2;
}

table{
	width: 100%;
	margin: 1em 0;
	font-size:14px;
	padding: 0;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
}

th,
td{
	padding: 0.6em 1em;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.anobr {text-align:center;white-space:nowrap;vertical-align:top;}

.s-tbl {
	border-collapse: collapse;
	margin-bottom:60px;
}
.s-tbl th, .s-tbl td {
	border: 1px solid #ddd;
}
.s-tbl tr:nth-child(even) {
	background: #f5f5f5;
}

th{
	background-color: #f5f5f5;
	font-weight: normal;
	text-align: left;
	color: #444;
}

dd{
	margin-left: 0;
	padding-left: 1em;
}


figure{
	margin: 1em 0;
}

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

.site-header,
.global-nav,
.main-body,
.main-body-und,
.iso,
.site-footer{
	min-width: 1024px;
}

.site-header-in,
.global-nav-in,
.main-image-in,
.main-image-in-text,
.main-image-in-text-cont,
.main-body-in,
.main-body-ue,
.main-body-st,
.main-body-und-in,
.main-cont-und-in,
.main-contact-und-in,
.iso,
.site-footer-in{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 1024px; /*サイトの横幅。これより小さければレスポンシブ*/
	margin: auto;
}

.site-header-tp {width:100%;background:#034099;}

img.img_mgn {margin-bottom:8px;}

.main-image-in img{
	width: 100%;
}

.main-image-in.wide,
.main-image-in-text.wide{
	width: 100%;
}

/*1カラムレイアウト*/
.col1 .main-body-in{
	width: 100%;
}

.col1 .main-body-und-in{
	width: 100%;
	background:#ffffdd;
	color:#444;
	margin-top:-16px;
	padding-top:10px;
	padding-bottom:20px;
}

.col1 .main-cont-und-in{
	width: 100%;
	background:#f9f9f9;
	color:#555;
	margin-top:40px;
	padding-top:0;
	padding-bottom:20px;
}

.col1 .main-contact-und-in{
	width: 100%;
	background:#2f6cb5;
	color:#fff;
	margin-top:40px;
	padding-top:0;
	padding-bottom:20px;
}

.col1 .main-contact-und-in hr.white {
	border:none;
	border-top:dashed 1px #fff;
	height:1px;
	margin:16px 0;}

.col1 .breadcrumbs{
	width: 1140px;
	margin-right: auto;
	margin-left: auto;
}

/*2カラムレイアウト*/
.col2 .main-conts{
	float: left;
	width: 61%;
}

.col2 .sub-conts{
	float: right;
	width: 37%;
}

/*2カラムレイアウト（リバース）*/
.col2r .main-conts{
	float: right;
	width: 72%;
}

.col2r .sub-conts{
	float: left;
	width: 26%;
}


.chg_tp {clear:left;padding-top:12px;}

.bg_white {background:#fff;text-align:center;}
.bg_white img {max-width:298px;height:auto;}

/*--------------------------------------------------------
ヘッダー
--------------------------------------------------------*/
.site-header-conts{
	display: table;
	width: 100%;
	padding: 0;
	background:#034099;
}

/*ヘッダーロゴ*/
.site-title{
	display: table-cell;
	margin: 0;
	font-size: 1.6em;
}

.site-title img{
	margin: 18px 0 22px 0 ;
}

.normal-screen .lp-catch{
	font-size: 1.4em;
}

/*ヘッダー右側の要素*/
.header-box{
	display: table-cell;
	text-align: right;
	vertical-align: middle;
	padding-top:0;
}

/*ヘッダーの全画面表示*/
.full-screen{
	background: url(../images/lp-image.jpg)  center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	color: #fff;
}

.full-screen .site-header-in{
	display: table;
}

.full-screen .site-header-conts{
	display: table-cell;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	width: 100%;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	text-shadow: 1px 1px 8px #666;
}

.full-screen .site-title{
	display: block;
}

.contact-btn{
	margin-bottom: 0;
}

.full-screen .site-header-conts h1{
	width: auto;
	margin: 0;
}

.full-screen .site-header-conts p{
	font-size: 2em;
}

.full-screen .site-header-conts p a{
	color: #fff;
	text-decoration: none;
}

/**************************
/* information
**************************/
.top_canpn {margin-top:-10px;margin-bottom:3em;padding:0 6px}

.main-body-ue .h2_wrap {
 text-align: center;
}

.main-body-st .h2_wrap {
 text-align: center;
}

.main-body-st .h2_wrap_fst {
 text-align: center;
 clear:left;
}

.main-body-ue .h2_wrap h2 {
font-size: 1.475rem;
position: relative;
color:#034099;
letter-spacing:1.618px;
display: inline-block;
margin-bottom:40px;
}

.main-body-ue .h2_wrap h2::before {
content: '';
position: absolute;
bottom: -15px;
display: inline-block;
width: 70px;
height: 5px;
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #4677b8;
border-radius: 2px;
}

.main-body-st .h2_wrap h2.tx_und {
font-size: 1.375rem;
position: relative;
color:#666666;
letter-spacing:1.618px;
display: inline-block;
margin-top:30px;
margin-bottom:40px;
}
.main-body-st .h2_wrap h2.tx_und::before {
content: '';
position: absolute;
bottom: -15px;
display: inline-block;
width: 70px;
height: 5px;
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #ccc;
border-radius: 2px;
}

.main-body-st .h2_wrap h2.tx_und_conts {
font-size: 1.375rem;
position: relative;
color:#555;
letter-spacing:1.618px;
display: inline-block;
margin-top:30px;
margin-bottom:40px;
}
.main-body-st .h2_wrap h2.tx_und_conts::before {
content: '';
position: absolute;
bottom: -15px;
display: inline-block;
width: 70px;
height: 5px;
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #034099;
border-radius: 2px;
}

.main-body-st .h2_wrap_fst h2.tx_und_conts {
font-size: 1.375rem;
position: relative;
color:#444;
letter-spacing:1.618px;
display: inline-block;
margin-top:10px;
margin-bottom:40px;
}
.main-body-st .h2_wrap_fst h2.tx_und_conts::before {
content: '';
position: absolute;
bottom: -15px;
display: inline-block;
width: 70px;
height: 5px;
left: 50%;
-moz-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #034099;
border-radius: 2px;
}

.main-body-st h3 {
  position: relative;
  text-align: center;
  font-size:1.1em;
}
h3 span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  background-color: #fff;
  text-align: left;
}
h3::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ccc;
}

.main-body-st h3.pvcy {
  position: relative;
  text-align: center;
  margin-top:40px;
}
h3.pvcy span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  background-color: #fff;
  text-align: left;
}
h3.pvcy::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ccc;
}

.main-body-st h3.pvcy_lst {
  position: relative;
  text-align: center;
  margin-top:40px;
}
h3.pvcy_lst span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  background-color: #fff;
  text-align: left;
}
h3.pvcy_lst::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ccc;
}

.main-body-st h3.koukai {
  position: relative;
  text-align: center;
  margin-bottom:0;
}
h3.koukai span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  background-color: #fff;
  text-align: left;
}
h3.koukai::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ccc;
}

.main-body-st h3.koukai_und {
  position: relative;
  text-align: center;
  margin-top:40px;
  margin-bottom:0;
}
h3.koukai_und span {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  background-color: #fff;
  text-align: left;
}
h3.koukai_und::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #ccc;
}

.main-body-st h4 {
  padding: .75em 0;
  text-align:center;
  font-weight:normal;
  font-size:1.2em;
  color:#444;
  margin-top:30px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.main-body-st h4.mt_sp {
  padding: .75em 0;
  margin-top:40px;
  text-align:center;
  font-weight:normal;
  font-size:1.2em;
  color:#444;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.five {margin-top:40px;}

.main-body-st h5 {
  position: relative;
  color: #444;
  font-weight:bold;
  font-size: 20px;
  padding: 10px 0;
  text-align: center;
  margin: 1.5em 0;
}
.main-body-st h5:before {
  content: "";
  position: absolute;
  top: -8px;
  left: 50%;
  width: 150px;
  height: 64px;
  border-radius: 50%;
  border: 5px solid #2f6cb5;
  border-left-color: transparent;
  border-right-color: transparent;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.tsuho {
  padding: .5em .75em;
  background-color: #cbd8ff;
  border-radius: 6px;
  text-align:center;
  color:#333;
  font-size:1.2em;
  margin-bottom:10px;
}

.s-mds {
  margin-top:24px;
  font-size:1.2em;
  color:#444;
  padding: .1em 0 .1em .75em;
  border-left: 6px solid #2f6cb5;
}

.img_und_txt{padding:16px 0 0 0;}
.img_und_txt_b{padding:0 0 16px 0;}

.main-body-st p.mds_tx {font-size:1.1em;font-weight:bold;text-align:center;margin-bottom:8px;}
.main-body-st p.mds_tx_lf {font-size:1.1em;font-weight:bold;text-align:left;margin-bottom:8px;}
.main-body-st p.mds_tx_lf_tst {font-size:1.1em;font-weight:bold;text-align:left;margin-bottom:8px;margin-top:24px;}
.main-body-st p.mds_tx_lf_ctr {font-size:1.1em;font-weight:bold;text-align:left;margin-bottom:8px;text-align:center;}


/*括弧数字リスト*/
ol.list_kakko{
  padding:0 0 0 3.6em;
  margin:0;
}
 
ol.list_kakko li  {
    list-style-type:none;
    counter-increment: cnt;
    text-indent:-2.5em;
    padding:0;
    }
ol.list_kakko0 li  {
    list-style-type:none;
    text-indent:-3em;
    padding:0;
    }
ol.list_kakko li:before  {
    display: marker;
    content: "( "counter(cnt) " ) ";
    }

ol.list_kakko_t{
  padding:0 0 0 3.6em;
  margin:-10px 0 0 0;
}
 
ol.list_kakko_t li  {
    list-style-type:none;
    counter-increment: cnt;
    text-indent:-2.5em;
    padding:0;
    }
ol.list_kakko0_t li  {
    list-style-type:none;
    text-indent:-3em;
    padding:0;
    }
ol.list_kakko_t li:before  {
    display: marker;
    content: "( "counter(cnt) " ) ";
    }

/*暴力団追放県民会議の主な活動*/
.qa-list {margin-bottom:40px;}

.qa-list dt{
	display: block;
	color:#444;
	position:relative;
	margin-bottom: 10px;
	padding: 12px;
	background: #ddecff;
	font-size: 1.1em;
}

.qa-list dt ol {padding:0;margin-bottom:-10px;margin-left:24px;}
.qa-list dd ul {padding:0;margin-bottom:-10px;margin-left:16px;list-style-type: circle;}

.qa-list dt:after,.qa-list dt:before {
  content: "";
  position: absolute;
  top: 100%;
  height: 0;
  width: 0;
	border: #ddecff solid 2px;
}
.qa-list dt:after {
  left: 33px;
  border: 11px solid transparent;
  border-top: 11px solid #ddecff;
}
.qa-list dt:before {
  left: 30px;
  border: 14px solid transparent;
  border-top: 14px solid #ddecff;
}

.qa-list dd{
	margin-left: 0;
	margin-bottom: 20px;
	padding: 12px;
	background: none;
}

.qa-list dd .dd_para {padding:10px 0 0 0;margin-bottom:0;}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.qa-list dt{
			background: none;
		}

		.qa-list dd{
			background: none;
		}

	}

.lg_txt {font-size:1.2em;font-weight:bold;text-align:center;color:#444;padding:12px}


/*フロー図*/
.flow-chart{
	margin-left: 0;
}

.flow-chart li{
	list-style: none;
	margin-bottom: 12px;
	padding-bottom: 40px;
	background: url(../images/icon-arrow-b-chart.png) center bottom no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.flow-chart li{
			background: url(../images/icon-arrow-b-chart@2x.png) center bottom no-repeat;
			-webkit-background-size: 161px 40px;
			background-size: 161px 40px;
		}

	}

.flow-chart .process-box{
	padding: 8px 16px 20px 16px;
	background-color: #d1dbff;
	color: #333;
}

.flow-chart li.end,
.flow-chart li:last-child{
	padding-bottom: 0;
	background: none;
}


.flow-chart li li{
	list-style: circle;
	margin-bottom: 0;
	padding-bottom: 0;
	background: none;
}

.underln {
  background: linear-gradient(transparent 50%, yellow 50%);
  }

.balloon_a {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #e0edff;
  border-radius: 15px;
}

.balloon_a:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #e0edff;
}


/* 横並び画像
----------------------------------*/
.contents-box {
	margin-bottom: 3rem;
	padding: 3rem;
	width: 32%;
	background-color: #f0f0f0;
}


/**************************
/* ヘッダーメニュー
**************************/
ul#topnav{
overflow:hidden;
margin:0 -1.5em 0 0;
list-style:none;
}

* html ul#topnav{height:1%;}

ul#topnav li{
float:left;
display: inline;
background:url(../images/hd_arrow.gif) 0 50% no-repeat;
margin-right: 1.5em;
padding-left:18px;
}

ul#topnav li a.hasi{margin-right: 0;}

ul#topnav a{
font-size:12px;
color:#666;
text-decoration:none;
line-height:2;
}

ul#topnav li:first-child a,ul#topnav li:last-child a{width:89px;}

ul#topnav li.active a,ul#topnav a:hover{color:#339900;}


/* モニター幅737px以下 */
@media only screen and (max-width:737px){
	ul#topnav{
	clear:both;
	width:100%;
	}

	ul#topnav li{
	width:25%;
	margin:0 0 5px;
	border:1px solid #ccc;
	background:none;
	margin:0;
	padding:0;
	
	box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
	}

	ul#topnav li:nth-child(3n){border-right:0;width:25%;}

	ul#topnav li a{
	width:100%;
	border-top:0;
	}

	ul#topnav li:first-child a,ul#topnav li:last-child a{width:100%;}

.header-box{
	display: table-cell;
	text-align: right;
	float:none;
}

.header-box img {margin:8px 0;}

.header-box ul li.item_src {display:inline;float: left;}
.header-box ul li.item {display:inline;float: left;}

}
/* スマートフォン 縦(ポートレート) */
@media only screen and (max-width:480px){
	ul#topnav li{width:50%;}
	ul#topnav li:nth-child(3n){
	border-right:1px solid #ccc;
	width:50%;
	}	
	ul#topnav li:nth-child(2n),ul#topnav li:nth-child(6n){border-right:0;}

}

.table-sp {margin:0}
.table-sp th,
.table-sp td,{margin:0;padding:0}

@media screen and (max-width: 640px) {
    .table-sp,
    .table-sp tbody,
    .table-sp thead,
    .table-sp tr,
    .table-sp td,
    .table-sp th {display:block;}
    .table-sp th {width:auto;}
}

/* モニター幅1140px以下 */
@media only screen and (max-width:1140px){
body.home {
background-image: none;
}
body.contents {
background-image: none;
}
}


/*--------------------------------------------------------
グローバルナビ
--------------------------------------------------------*/

.global-nav{
	padding: 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background:#034099;
	margin-top:-16px;
    z-index:999;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.global-nav{
background:#fff ;
-webkit-background-size: 180px 140px;
background-size: 180px 140px;
		}

	}

/*グローバルナビの開閉用ボタン*/
.global-nav-panel{
	display: none;
	font-size: 12px;
}

.global-nav-panel span{
	display: block;
	min-height: 20px;
	line-height: 20px;
}

.icon-gn-menu{
	padding-left: 25px;
	background: url(../images/icon-gn-menu.png) left center no-repeat;
}

.icon-gn-close{
	padding-left: 25px;
	background: url(../images/icon-gn-close.png) left center no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){
		.icon-gn-menu{
background: url(../images/icon-gn-menu@2x.png) left center no-repeat;
-webkit-background-size: 20px 20px;
background-size: 20px 20px;
		}

		.icon-gn-close{
background: url(../images/icon-gn-close@2x.png) left center no-repeat;
-webkit-background-size: 20px 20px;
background-size: 20px 20px;
		}
	}

.global-nav .show-menu,
.global-nav .show-menu li ul{
	display: block!important;
}

.global-nav-in ul{
	display: table;
	width: 100%;
	margin: 0;
	padding: 0;
	border-left: 1px solid #ddd;
	table-layout: fixed; /*メニューの幅を均等に*/
}

.global-nav-in li{
	display: table-cell;
	list-style: none;
	position: relative;
	vertical-align: middle;
	margin: 0;
	border-right: 1px solid #ddd;
	text-align: center;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.global-nav-in li{
background: url(../images/common/bg-darkbrown@2x.jpg)  #f5f5f5  ;
-webkit-background-size: 180px 140px;
background-size: 180px 140px;
		}

	}

.global-nav-in li a{
	display: block;
	min-height: 1.5em; /*メニュー毎に高さが変わるときに調整*/
	padding: 0.7em; /*画像をメニューにする場合は値を0に*/
	color: #fff;
	font-size:0.9em;
	letter-spacing:1px;
	font-weight:normal;
	text-decoration: none;
}

.global-nav-in li a span{color: #666;font-size:0.72em;font-weight:normal;}

.global-nav-in li a .f08em{
	color:#f7e7c8;
}

.global-nav-in li a:hover{
	background: #004dbe;
	color: #fff;
}

.global-nav-in li ul{
	display: none;
	position: absolute;
	top: 100%;
	left: -1px;
	z-index: 10;
	width: 100%;
	border-top: 1px solid #f5f5f5;
	border-left: 1px solid #f5f5f5;
	border-right: 1px solid #f5f5f5;
}

/*ドロップダウンメニューのデザイン*/
.global-nav li ul li{
	display: list-item;
	width: 100%;
	margin: 0;
	padding: 0;
	border-right: none;
	white-space: normal;
	text-align: left;
}

.global-nav li ul li a{
	display: block;
	padding: 0.8em 0.5em;
	width:120%;
	border-bottom: 1px solid #f5f5f5;
	background: #ddd;
	font-size:12px;
	color: #333;
}

.global-nav li ul li a:hover{
	background: #eee;
	color: #333;
	border-bottom: 1px solid #f5f5f5;}
}

.global-nav-in li ul ul{
	top: 0;
	left: 100%;
	border-top: none;
}

.global-nav-in li ul ul li a{
	background: #eee;
}

/*--------------------------------------------------------
メインビジュアル
--------------------------------------------------------*/

.main-image{
	width:100%;
	background:#fff100;
	margin:0 0 1em 0;
	text-align:center;
}

/*--------------------------------------------------------
コンテンツタイトル
--------------------------------------------------------*/

.cont-ttl{
	width:100%;
	margin:-20px 0 0 0;
	text-align:center;
	background:#f9f9f9;
	border-bottom: 1px solid #ddd;
}

.cont-ttl h2 {font-size:1.5em;text-align:center;padding:18px 0 0 0;letter-spacing:2px;color:#444;font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;}

/*--------------------------------------------------------
全国の指定暴力団分布 3カラム
--------------------------------------------------------*/
/* *************** スマホ ***************  */
@media only screen and (max-width: 480px) {
.box_3 {
width:95%;
font-size:0.9em;
display:block;

margin:0 auto -7px auto;
}
.box_3 img {
display:block;
margin:0 auto;
width:90px;
}
.box_3 p{
padding:10px 10px 0px 10px;
}
.box_3:nth-child(1)	{margin-bottom: 10px; }
.box_3:nth-child(2)	{margin-bottom: 10px; }
}

/* *************** タブレット ***************  */
@media only screen and (min-width: 481px) and (max-width:768px) {
.box3_all {
 max-width:768px;
 width:100%;
 font_size:0.9em;
 }
.box_3{
 width:97.5%;
 overflow: auto;
 margin:0 auto -7px auto;
 }
.box_3:nth-child(1)	{margin-bottom: 10px; }
.box_3:nth-child(2)	{margin-bottom: 10px; }
.box_3 img  {width:90px;
 float:left;
 margin-right:30px;
 margin-left:10px;
 }
.box_3 p {width:97.5%;}
.box_3 .link-next{
	text-align: right;
	margin:-4px 10px 0 0;
}
}
/* **************  PC ***************  */
@media only screen and (min-width: 769px) {
.box_3_all {
	width:100%;
	display: flex;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
justify-content: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;}
.box_3 {width:300px; overflow: auto;}
.box_3:nth-child(2)	{margin:0px 18px;}
.box_3 img {
	width:90px;
	height:auto;
	margin:0 auto;
	}
}

.box_3{
	padding:8px;
	background-color:#f4f7ff;
	border:solid 1px #cdcdcd;
	border-radius:5px; 
	}

.boder_none {border:solid 1px #fff;background-color:#fff;}

.box_3 p{font-size:0.9em;padding:8px 0 0 0;margin-bottom:0;}
.box_3 .bd_n {font-size:1.2em;padding:0 8px;margin:0 0 -8px 0;color:#000;}

.box_3 h5 {
  font-size:1.2em;
  font-weight:bold;
  letter-spacing:1.2px;
  color:#fff;
  background:#777;
  padding: .36em .75em;
  text-align:center;
  margin:0 0 6px 0;
}

.box_3 h5.hitori {
  font-size:1.2em;
  font-weight:bold;
  letter-spacing:1.2px;
  color:#fff;
  background:#2f6cb5;
  padding: .36em .75em;
  text-align:center;
  margin:0 0 6px 0;
}

span.s_txt{font-size:0.8em;color:#fff;font-weight:normal;}
span.s_hitori_txt{font-size:0.8em;color:#ffffcc;font-weight:normal;}
span.bl_txt{color:#777;}

.box_3_img {text-align:center;margin:16px 0 8px 0;}
.rs_img {text-align:center;margin:20px 0 60px 0;padding:0 10px;}

.sec_box {margin-top:18px;}
.t-het {margin-top:60px;}
.end_box {margin-bottom:60px;}
.end_sd_box {margin-top:30px;margin-bottom:60px;}

 
/* =======================================
    ClearFixElements
======================================= */
.mobileHidden { display:none;}
 
@media screen and (min-width:737px) { 
    .desktopHidden { display:none;}
    .mobileHidden { display:inline;}
}


/*--------------------------------------------------------
メインボディ
--------------------------------------------------------*/

.main-body{
	margin-top: 2em;
	padding-bottom: 30px;
}

.main-body-und{
	margin-top: 2em;
	padding-bottom: 30px;
}

.no-gn .main-body{
	margin-top: 0;
}

.no-gn .main-body-und{
	margin-top: 0;
}

.lp.no-gn .main-body{
	margin-top: 2em;
}

.main-conts ul.pdf_file {margin-left:10px;margin-bottom:20px;}

.main-conts ul.pdf_file li {
	list-style: none;
	padding-left: 26px;
	padding-bottom:4px;
	background: url("../images/icon_pdf.gif") 0% 4px no-repeat;
	line-height:1.618;
}

.main-conts ul.pdf_file_ct {margin-left:30px;margin-top:-10px;margin-bottom:30px;}

.main-conts ul.pdf_file_ct li {
	list-style: none;
	padding-left: 26px;
	padding-bottom:4px;
	background: url("../images/icon_pdf.gif") 0% 4px no-repeat;
	line-height:1.618;
}

.inf_box {
    position: relative;
    margin: 2em 0 0 0;
    padding: 0.5em 0.8em;
    border: solid 3px #6b9be1;
    border-radius: 8px;
}

.inf_box .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 12px;
    padding: 0 9px;
    line-height: 1;
    font-size: 18px;
    background: #FFF;
    color: #6b9be1;
    font-weight: bold;
}

.inf_box p {
    margin: 0; 
    padding: 6px 0;
}


/*--------------------------------------------------------
パンくずリスト
--------------------------------------------------------*/

#Path {
	padding:0 0 0 4px;
	width:1024px;
	margin:8px auto 0 auto;
}
#Path li {
	float:left;
	line-height:110%;
	list-style-type:none;
	font-size:0.9em;
}
#Path li a {
	margin-right:5px;
	padding-right:12px;
	background:url(../images/path.gif) no-repeat right center;
}

/*--------------------------------------------------------
メインコンテンツ
--------------------------------------------------------*/
.main-conts{
	line-height: 1.618;
}

.main-conts p.r-txt{
	text-align:right;
	padding:0 24px 0 0;
}

.main-conts p {padding-left:10px;padding-right:10px; }
.main-conts p.rct {padding-top:8px;padding-left:10px;padding-right:10px; }
.main-conts p.last_txt {padding-bottom:1.5em }

.col1 .main-conts{
	margin-bottom: 20px;
}

/*コンテンツの基本単位（「section-wrap」＋「section-in」でコンテンツを覆う）*/
.section-wrap{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom: 30px;
	padding: 40px;
	border: 1px solid #ccc;
}

.main-conts .section-wrap{
	border: none;
	box-shadow:0px 0px 1px 1px rgba(0,0,0,0.1);
	background:#fff;
}

.section-wrap.wide{
	border-right: 0;
	border-left: 0;
}

.section-wrap .section-in,
.float-area{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.float-area{
	margin-bottom: 10px;
}

/*1カラムレイアウト*/
.col1 .section-wrap,
.col1 .float-area{
	width: 1140px;
	margin-right: auto;
	margin-left: auto;
}

.col1 .section-wrap{
	padding: 40px 80px;
}

.col1 .section-wrap.wide{
	width: 100%;
	padding: 40px 0;
}

.col1 .section-wrap.wide .section-in{
	width: 1140px;
	margin-right: auto;
	margin-left: auto;
	padding: 30px 0;
}


.red {color:#900;}
.red_txt {font-size:0.9em;font-weight:bold;color:#900;}

.post_top{
margin:0;
padding:0 0 20px 0;
background: #fff;
}

/* トップページ　information
----------------------------------*/

.tpc {  
    width: 100%;
    margin: 0 auto 75px auto;
    border: none;
    border-bottom: none;
}

.tpc dt {
    text-align:left;
    clear:left;
}

.tpc dt:before { content: '- '; }

.top_sp_img {display:none;}

.top_sp_img img {width:100%;max-width:720px;height:auto;}


/* スマホ */
@media only screen and (max-width:737px) {
    .tpc {
        background-color: #fff;
    }
    
    .tpc dt,
    .tpc dd {
        padding: 8px;
		text-align:left;
    }
    
    .tpc dt {
        float: none;
        font-size:0.9em;
    	margin-bottom:-16px;
		border-bottom: 1px solid #fff;
    }
    
    .tpc dd {
        border-bottom: 1px solid #ddd;
        font-size:0.96em;
    }

.top_pc_img {display:none;}
.top_sp_img{display:inherit;}

.tpc {  
    width: 100%;
    margin: 0 auto 0 auto;
    border: none;
    border-bottom: none;
}

}


/* PC */
@media only screen and (min-width: 721px) {
    .tpc {
        background: #fff;
        font-size:0.96em;
    }
    
    .tpc dt,
    .tpc dd {
        padding: 8px;
		text-align:left;
    }
    
    .tpc dt {
        clear:left;
        float: left;
        width: 135px; /* 幅を指定 */
    }
    
    .tpc dd {
        padding-left: 149px; /* dtの分、左にpaddingを取る */
        border-bottom: 1px solid #ddd;
    }
}

/* 沿革
----------------------------------*/

.his_txt {  
    width: 100%;
    margin: 0 auto 10px auto;
    border: none;
    border-bottom: none;
}

.his_txt dt {
    text-align:left;
    clear:left;
}

/* スマホ */
@media only screen and (max-width:737px) {
    .his_txt {
        background-color: #fff;
    }
    
    .his_txt dt,
    .his_txt dd {
        padding: 8px;
		text-align:left;
    }
    
    .his_txt dt {
        float: none;
        font-size:0.96em;
    	margin-bottom:-16px;
		border-bottom: 1px solid #fff;
    }
    
    .his_txt dd {
        border-bottom: 1px solid #eee;
        font-size:0.96em;
    }

.top_pc_img {display:none;}
.top_sp_img{display:inherit;}

.his_txt {  
    width: 100%;
    margin: 0 auto 0 auto;
    border: none;
    border-bottom: none;
}

}


/* PC */
@media only screen and (min-width: 721px) {
    .his_txt {
        background: #fff;
        font-size:1em;
    }
    
    .his_txt dt,
    .his_txt dd {
        padding: 8px;
		text-align:left;
    }
    
    .his_txt dt {
        clear:left;
        float: left;
        width: 125px; /* 幅を指定 */
    }
    
    .his_txt dd {
        padding-left: 139px; /* dtの分、左にpaddingを取る */
        border-bottom: 1px solid #ededed;
    }
}


/*--------------------------------------------------------
サブコンテンツ
--------------------------------------------------------*/
.sub-conts .section-wrap{
	margin: -12px auto 0 auto;
	padding: 0;
	border: none;
}

.sub-conts .section-wrap .section-in{
	padding: 0 20px 0 0;
}

/*--サブコンテンツ用メニュー--*/

.displayNone {
display: none;
}

.accordion ul {margin-left:0;}

.accordion li {
 list-style: none;
border-bottom: 1px solid #ccc;
padding: 6px 8px;
}
.accordion a {
text-decoration:none;
color:#666;
display: block;
}
.accordion .contentWrap {
margin: -4px 0 8px 0;
font-size:12px;
padding:0 4px 0 0;
}

.accordion p {padding:0;margin:0;}

.accordion .switch {
cursor:pointer;
margin-top:-1px;
padding:8px 30px 8px 12px;
font-size: 14px;
background: #f9f9f9;
border: 1px solid #ccc;
position: relative;
}

.accordion .switch_none {
cursor:pointer;
margin-top:-1px;
padding:8px 30px 8px 12px;
font-size: 14px;
background: #f9f9f9;
border: 1px solid #ccc;
position: relative;
}


.accordion .switch:after {
content: "+";
position: absolute;
right: 8px;
top: -100%;
bottom: -100%;
margin: auto;
font-size: 14px;
height: 14px;
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
font-family: sans-serif;
}
.accordion .switch.open:after {
content: "x";
}

.accordion .active ,
.accordion .switch_none:hover ,
.accordion .switch:hover {background: #fff;}


/*コピーライト*/
.site-footer .copyright{
	width: 100%;
	padding: 20px 0;
	border-top: 1px solid #ccc;
	color:#666;
	text-align: center;
}

/*コピーライト*/
.site-footer_iso{
	width: 100%;
	padding: 20px 0;
	border-top: 1px solid #ccc;
	color:#666;
	text-align: center;
}

.copyright small{
	font-size: 96%;line-height:60px;
}

/*ページトップボタン*/
.page-top{
	display: none;
	position: fixed;
	right: 10px;
	bottom: 20px;
	z-index: 99;
	line-height: 1.2;
	margin-bottom: 0;
	z-index: 10000;
}


/*--------------------------------------------------------
見出し
--------------------------------------------------------*/

.section-in > h1:first-child,
.section-in > h2:first-child,
.section-in > h3:first-child,
.section-in > h5:first-child,
.section-in > h6:first-child{
	margin-top: 0;
}

.main-body h1{
	margin: 60px 0 20px;
	color: #ccc;
	font-size: 1.75em;
}

.main-body-und h1{
	margin: 60px 0 20px;
	color: #ccc;
	font-size: 1.75em;
}



/*画像を使う場合などに見出しのデザインを解除*/
.main-body .img-title{
	padding: 0;
	border: none;
	background: none;
	border-radius: 0;
	box-shadow: none;
	font-weight: normal;
	font-size: 1.0em;
}

.main-body-und .img-title{
	padding: 0;
	border: none;
	background: none;
	border-radius: 0;
	box-shadow: none;
	font-weight: normal;
	font-size: 1.0em;
}

/*コンテンツの外にある見出し*/
.main-body .archive-title{
	margin: 0 0 30px;
}

.main-body-und .archive-title{
	margin: 0 0 30px;
}

.col1 .main-body .archive-title{
	max-width: 1140px;
	margin-right: auto;
	margin-left: auto;
}

.col1 .main-body-und .archive-title{
	max-width: 1140px;
	margin-right: auto;
	margin-left: auto;
}

#Info-clm table{
	width: 100%;
	margin: 16px 0;
	padding: 0;
	border-top: 1px solid #cfcfcf;
	border-left: 1px solid #cfcfcf;
}

#Info-clm th,
#Info-clm td{
	font-size:0.9em;
	padding: 0.8em 1em;
	border-right: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
}

#Info-clm th{
	background-color: #f9f9f9;
	font-weight: normal;
	text-align: center;
}


/*テーブル（横幅がはみ出る場合にテーブルを囲む要素に設定）*/
.table-scroll{
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
}

.table-comparison{
	margin: 3em 0;
	border-top: 0;
}

.table-comparison caption{
	font-size:0.8em;
	text-align:right;
}

.table-comparison td{
	padding: 6px 8px;
}

.table-comparison td.nobr {
    white-space:nowrap;
}

.table-comparison th{
	padding: 6px 8px;
	text-align: center;
}

.table-comparison thead .highlight span{
	display: block;
	margin: -11px;
	margin-top: -25px;
	padding: 11px;
	padding-top: 25px;
	border: 1px solid #cfcfcf;
	border-radius: 8px 8px 0 0;
}

.table-comparison th.highlight,
.table-comparison th.highlight span{
	background: #1a5ca1;
}

.table-comparison tfoot td,
.table-comparison tfoot td span{
	background: #f2f2f2;
}


/*カテゴリー*/
.category-list{
    margin-left: 0;
    padding-left: 0;
}
 
.category-list li{
    list-style: none;
    margin-bottom: 1em;
    padding-left: 17px;
    background: url(../images/icon-tag.png) left 6px no-repeat;
}
 
    /*Retina（高解像度）ディスプレイ用*/
    @media screen and (-webkit-min-device-pixel-ratio:2),
    (min-resolution: 2dppx){
 
        .category-list li{
            background: url(../images/icon-tag@2x.png) left 6px no-repeat;
            -webkit-background-size: 12px 12px;
            background-size: 12px 12px;
        }
 
    }
 
.category-list ul{
    margin-top: 1em;
    margin-left: 10px;
    padding-left: 0;
}

/*段組*/
.col4-wrap,
.col3-wrap,
.col2-wrap{
	margin: 0;
}

.col4-wrap .col,
.col4-wrap .col_2of4,
.col4-wrap .col_3of4,
.col3-wrap .col,
.col3-wrap .col_2of3,
.col2-wrap .col{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	margin-left: 2%;
	margin:0 0 -20px 0;
}

.col2-dvd-wrap {margin:0 0 0 0;}

.col2-dvd-wrap .col{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	margin-left: 2%;
}

.col4-wrap .col:first-child,
.col4-wrap .col_2of4:first-child,
.col4-wrap .col_3of4:first-child,
.col3-wrap .col:first-child,
.col3-wrap .col_2of3:first-child,
.col2-wrap .col:first-child{
	margin-left: 0;
}

.col2-dvd-wrap .col:first-child{
	margin-left: 0;
}

.col4-wrap .col{
	width: 23.5%;
}

.col4-wrap .col_2of4{
	width: 49%;
}

.col4-wrap .col_3of4{
	width: 74.5%;
}

.col3-wrap .col{
	width: 32%;
}

.col3-wrap .col_2of3{
	width: 66%;
}

.col2-wrap .col{
	width: 49%;
}

.col2-dvd-wrap .col{
	width: 49%;
}

.col-link{
	border: 1px solid #ccc;
}

.col-link a{
	display: block;
	color: #333;
	text-decoration: none;
}

.col-link a:hover,
.col-link a:active,
.col-link a:focus{
	background: #eee;
}

/*バナーエリア*/
.banner-list{
	margin-left: 0;
}

.banner-list li{
	list-style: none;
}

.col1 .banner-list{
	text-align: center;
}

.col1 .banner-list li,
.main-conts .banner-list li{
	display: inline-block;
	margin-bottom: 1em;
	margin-left: 1em;
}

.col1 .banner-list li:first-child,
.main-conts .banner-list li:first-child{
	margin-left: 0;
}

/*引用元へのリンク*/
.link-ref{
	text-align: right;
}

/*動画などのレスポンシブ対応*/
embed, iframe, object, video{
	max-width: 100%;
}

/*ボタン*/
.btn{
	display: inline-block;
	padding: 1em;
	border: 1px solid #fff;
	background: #ddd;
	background: -moz-linear-gradient(#c4a76b 0%, #ddd 75%);
	background: -webkit-linear-gradient(#c4a76b 0%, #ddd 75%);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#c4a76b), color-stop(0.75, #ddd));
	background: -o-linear-gradient(#c4a76b 0%, #ddd 75%);
	background: linear-gradient(#c4a76b 0%, #ddd 75%);
	color:#fff;
	text-decoration: none;
	border-radius: 2px;
	box-shadow: 0 0 1px 0px #a17722;
}

.btn:hover,
.btn:active,
.btn:focus{
	background: #0063da;
	background: -moz-linear-gradient(#f3d367 0%, #0063da 75%);
	background: -webkit-linear-gradient(#f3d367 0%, #0063da 75%);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#f3d367), color-stop(0.75, #0063da));
	background: -o-linear-gradient(#f3d367 0%, #0063da 75%);
	background: linear-gradient(#f3d367 0%, #0063da 75%);
	color: #1a8517;
	box-shadow: 0 0 1px 0px #ccc;
	cursor: pointer;
}

.btn span{
	padding-left: 18px;
	background: url(../images/icon-btn-arw.png) left center no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.btn span{
padding-left: 18px;
background: url(../images/icon-btn-arw@2x.png) left center no-repeat;
-webkit-background-size: 10px 14px;
background-size: 10px 14px;
		}

	}
	
.al-r .btn{
	margin-right: 3px;
}

.btn-green{
	padding: 25px 50px;
	background: #90a328;
	font-size: 1.25em;
	box-shadow: 1px 1px 2px 0px #90a328;
}

.btn-green:hover,
.btn-green:active,
.btn-green:focus{
	background: #bdd055;
	cursor: pointer;
}

.btn-blue{
	padding: 25px 50px;
	background: #4994e1;
	font-size: 1.25em;
	box-shadow: 1px 1px 2px 0px #4994e1;
}

.btn-blue:hover,
.btn-blue:active,
.btn-blue:focus{
	background: #8ec6ff;
	cursor: pointer;
}

.btn-orange{
	padding: 25px 50px;
	background: #eaa141;
	font-size: 1.25em;
	box-shadow: 1px 1px 2px 0px #eaa141;
}

.btn-orange:hover,
.btn-orange:active,
.btn-orange:focus{
	background: #fac073;
	cursor: pointer;
}

.btn-red{
	padding: 25px 50px;
	background: #e6603c;
	font-size: 1.25em;
	box-shadow: 1px 1px 2px 0px #e6603c;
}

.btn-red:hover,
.btn-red:active,
.btn-red:focus{
	background: #f8886a;
	cursor: pointer;
}

.btn-green span,
.btn-blue span,
.btn-orange span,
.btn-red span{
	padding-left: 20px;
	background: url(../images/icon-btn-arw01.png) left center no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.btn-green span,
		.btn-blue span,
		.btn-orange span,
		.btn-red span{
background: url(../images/icon-btn-arw01@2x.png) left center no-repeat;
-webkit-background-size: 12px 18px;
background-size: 12px 18px;
		}

	}

.btn-form01{
	padding: 20px 50px;
	color:#fff;
	font-size: 1.25em;
}

.btn-form01 span{
	padding-left: 20px;
	background: url(../images/icon-btn-arw01.png) left center no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.btn-form01 span{
background: url(../images/icon-btn-arw01@2x.png) left center no-repeat;
-webkit-background-size: 12px 18px;
background-size: 12px 18px;
		}

	}

.btn-form02{
	padding: 20px 30px;
	background: #D3CCC7;
	font-size: 1.125em;
	color: #666666;
}

.btn-form02 span{
	padding-left: 18px;
	background: url(../images/icon-btn-arw02.png) left center no-repeat;
}

.btn-mail{
    display: inline-block;
    padding: 0.3em 1.6em;
    text-decoration: none;
    color: #fff;
    font-size:11px;
    letter-spacing:1px;
    background: #00479d;
    border: solid 2px #00479d;
    border-radius: 3px;
    transition: .4s;
    text-decoration:none;
}

.btn-mail:hover {
    background: #fff;
    color: #00479d;
    text-decoration:none;
}

.btn-detail span{
	padding-left: 20px;
	background: url(../images/icon-btn-arw01.png) left center no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.btn-detail span{
background: url(../images/icon-btn-arw01@2x.png) left center no-repeat;
-webkit-background-size: 12px 18px;
background-size: 12px 18px;
		}

	}

/*検索ボックス*/
.search-box input[type="text"]{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 75%;
	height: 30px;
	padding-right: 4px;
	padding-left: 4px;
	border: 1px solid #ddd;
	border-radius: 0;
	box-shadow: inset 1px 3px 2px #eee;
}

.btn-search{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 30px;
	vertical-align: top;
	padding: 5px;
	border: 0;
	background: #ddd;
	background: -moz-linear-gradient(#c4a76b 0%, #ddd 75%);
	background: -webkit-linear-gradient(#c4a76b 0%, #ddd 75%);
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#c4a76b), color-stop(0.75, #ddd));
	background: -o-linear-gradient(#c4a76b 0%, #ddd 75%);
	background: linear-gradient(#c4a76b 0%, #ddd 75%);
	border-radius: 0;
	cursor: pointer;
}

.btn-search img{
	width: 21px;
	height: 20px;
	vertical-align: top;
}

/*ソーシャルボタン*/
.sns-list ul{
	margin: 0 0 1em;
	padding: 0;
}

.sns-list li{
	display: inline-block;
	vertical-align: top;
	line-height: 1.0;
	margin-left: 1em;
}

.sns-list li iframe{
	max-width: none;
	margin: 0;
}

.sns-list li:first-child{
	margin-left: 0;
}

/*アイキャッチ*/
.eye-catch{
	float: right;
	margin-top: 0;
	margin-left: 1em;
}

.post-date{
	margin-right: 1em;
}

/*登場人物紹介１*/
.cast-box{
	padding: 30px 20px;
	background: url(../images/common/bg-cast-box.png) #fffdef;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.cast-box{
background: url(../images/common/bg-cast-box@2x.png) #fffdef;
-webkit-background-size: 18px 18px;
background-size: 18px 18px;
		}

	}

.cast-box .cast{
	position: relative;
	min-height: 100px;
	margin-top: 0;
	padding-left: 115px;
}

.cast-box .cast-name{
	color: #1a8517;
	font-weight: bold;
	font-size: 1.25em;
}

.cast-box .cast .cast-headshot,
.cast-box .cast .cast-profile{
	margin-left: 0;
	margin-bottom: 40px;
	padding-left: 0;
}

.cast .cast-headshot img{
	border-radius:4px;
}

.cast-box .cast:last-child,
.cast-box .cast:last-child .cast-headshot,
.cast-box .cast:last-child .cast-profile{
	margin-bottom: 0;
}

.cast-box .cast .cast-headshot{
	position: absolute;
	top: 0;
	left: 0;
}

/*登場人物紹介２*/
.cast-box02 .cast{
	position: relative;
	margin-bottom: 40px;
	padding-top: 210px;
}

.cast-box02 .cast dd{
	padding-left: 0;
}

.cast-box02 .cast-name{
	color: #339900;
	font-weight: bold;
}

.cast-box02 .cast .cast-headshot{
	position: absolute;
	top: 0;
	width: 100%;
	text-align: center;
}

.col1 .cast-box02 .cast{
	min-height: 210px;
	padding-top: 0;
}

.col1 .cast-box02 .cast-name,
.col1 .cast-box02 .cast-profile{
	padding-left: 210px;
}

.col1 .cast-box02 .cast .cast-headshot{
	width: auto;
}

/*吹き出し*/
.chat-l,
.chat-r{
	position: relative;
	overflow: hidden;
	margin: 0 0 2em;
}

.bubble{
	display: block;
	position: relative;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 80%;
	min-height: 60px;
	margin-bottom: 2em;
	padding: 1em;
	border: 1px solid #ccc;
	background: #fff;
}

.bubble .bubble-in{
	border-color: #fff;
}

.talker{
	display: block;
	width: 15%;
	height: auto;
	text-align: center;
}

.talker b{
	font-weight: normal;
}

.talker img{
	display: block;
	width: 100px;
	max-width: 100%;
	max-width: none\9;/*IE8への対応*/
	margin: auto;
}

html:not(:target) .talker img{
    max-width: 100%; /*IE9以上への対応*/
}

.chat-l .talker{
	float: left;
	margin-right: 2%;
}

.chat-r .talker{
	float: right;
	margin-left: 2%;
}

.chat-l .bubble{
	float: right;
}

.chat-r .bubble{
	float: left;
}

.bubble .bubble-in:after,
.bubble .bubble-in:before{
	position: absolute;
	top: 50%;
	width: 0;
	height: 0;
	border: solid transparent;
	content: "";
}

/*吹き出しの微調整*/
.bubble .b-arw20:after,
.bubble .b-arw20:before{ top: 20%; }
.bubble .b-arw30:after,
.bubble .b-arw30:before{ top: 30%; }
.bubble .b-arw40:after,
.bubble .b-arw40:before{ top: 40%; }
.bubble .b-arw60:after,
.bubble .b-arw60:before{ top: 60%; }
.bubble .b-arw70:after,
.bubble .b-arw70:before{ top: 70%; }
.bubble .b-arw80:after,
.bubble .b-arw80:before{ top: 80%; }

.chat-l .bubble .bubble-in:after,
.chat-l .bubble .bubble-in:before{
	right: 100%;
}

.chat-r .bubble div:after,
.chat-r .bubble div:before{
	left: 100%;
}

.chat-l .bubble .bubble-in:after{
	margin-top: -8px;
	border-width: 8px 20px;
	border-color: transparent;
	border-right-color: inherit;
}

.chat-l .bubble .bubble-in:before{
	margin-top: -9px;
	border-width: 9px 21px;
	border-color: transparent;
	border-right-color: #ccc;
}

.chat-r .bubble .bubble-in:after{
	margin-top: -8px;
	border-width: 8px 20px;
	border-color: transparent;
	border-left-color: inherit;
}

.chat-r .bubble .bubble-in:before{
	margin-top: -9px;
	border-width: 9px 21px;
	border-color: transparent;
	border-left-color: #ccc;
}

.bubble p:first-child{
	margin-top: 0;
}

/*吹き出し 会話者が複数人の場合*/
.together .talker,
.together .bubble{
	width: 100%;
}

.together .talker b{
	display: inline-block;
	text-align: center;
}

.together.chat-l .talker,
.together.chat-r .talker{
	float: none;
	margin: 0 0 20px;
}

.together.chat-l .talker{
	text-align: left;
}

.together.chat-r .talker{
	text-align: right;
}

.together.chat-l .bubble,
.together.chat-r .bubble{
	float: none;
}

.together .bubble .bubble-in:after,
.together .bubble .bubble-in:before{
	top: auto;
	bottom: 100%;
}

.together.chat-l .bubble .bubble-in:after,
.together.chat-l .bubble .bubble-in:before{
	right: auto;
	left: 10%;
}

.together.chat-r .bubble .bubble-in:after,
.together.chat-r .bubble .bubble-in:before{
	right: 10%;
	left: auto;
}

.together.chat-l .bubble .bubble-in:after{
	margin-top: -20px;
	margin-left: -8px;
	border-width: 20px 8px;
	border-color: transparent;
	border-bottom-color: inherit;
}

.together.chat-l .bubble .bubble-in:before{
	margin-top: -21px;
	margin-left: -9px;
	border-width: 21px 9px;
	border-color: transparent;
	border-bottom-color: #ccc;
}

.together.chat-r .bubble .bubble-in:after{
	border-width: 20px 8px;
	margin-top: -20px;
	margin-right: -8px;
	border-color: transparent;
	border-bottom-color: inherit;
}

.together.chat-r .bubble .bubble-in:before{
	margin-top: -21px;
	margin-right: -9px;
	border-width: 21px 9px;
	border-color: transparent;
	border-bottom-color: #ccc;
}

.bubble-in p:last-child{
	margin-bottom: 0;
}

/*吹き出し背景色：青（HTML版のみ）*/
.bubble-blue{
	border: 1px solid #e1f5fe;
	background: #e1f5fe;
}

.chat-l .bubble-blue .bubble-in:after,
.chat-l .bubble-blue .bubble-in:before{
	border-right-color: #e1f5fe;
}

.chat-r .bubble-blue .bubble-in:after,
.chat-r .bubble-blue .bubble-in:before{
	border-left-color: #e1f5fe;
}

.together.chat-l .bubble-blue .bubble-in:after,
.together.chat-l .bubble-blue .bubble-in:before,
.together.chat-r .bubble-blue .bubble-in:after,
.together.chat-r .bubble-blue .bubble-in:before{
	border-bottom-color: #e1f5fe;
}

/*吹き出し背景色：緑（HTML版のみ）*/
.bubble-green{
	border: 1px solid #e8f5e9;
	background: #e8f5e9;
}

.chat-l .bubble-green .bubble-in:after,
.chat-l .bubble-green .bubble-in:before{
	border-right-color: #e8f5e9;
}

.chat-r .bubble-green .bubble-in:after,
.chat-r .bubble-green .bubble-in:before{
	border-left-color: #e8f5e9;
}

.together.chat-l .bubble-green .bubble-in:after,
.together.chat-l .bubble-green .bubble-in:before,
.together.chat-r .bubble-green .bubble-in:after,
.together.chat-r .bubble-green .bubble-in:before{
	border-bottom-color: #e8f5e9;
}

/*吹き出し背景色：黄（HTML版のみ）*/
.bubble-yellow{
	border: 1px solid #fff59d;
	background: #fff59d;
}

.chat-l .bubble-yellow .bubble-in:after,
.chat-l .bubble-yellow .bubble-in:before{
	border-right-color: #fff59d;
}

.chat-r .bubble-yellow .bubble-in:after,
.chat-r .bubble-yellow .bubble-in:before{
	border-left-color: #fff59d;
}

.together.chat-l .bubble-yellow .bubble-in:after,
.together.chat-l .bubble-yellow .bubble-in:before,
.together.chat-r .bubble-yellow .bubble-in:after,
.together.chat-r .bubble-yellow .bubble-in:before{
	border-bottom-color: #fff59d;
}

/*吹き出し背景色：オレンジ（HTML版のみ）*/
.bubble-orange{
	border: 1px solid #ffcc80;
	background: #ffcc80;
}

.chat-l .bubble-orange .bubble-in:after,
.chat-l .bubble-orange .bubble-in:before{
	border-right-color: #ffcc80;
}

.chat-r .bubble-orange .bubble-in:after,
.chat-r .bubble-orange .bubble-in:before{
	border-left-color: #ffcc80;
}

.together.chat-l .bubble-orange .bubble-in:after,
.together.chat-l .bubble-orange .bubble-in:before,
.together.chat-r .bubble-orange .bubble-in:after,
.together.chat-r .bubble-orange .bubble-in:before{
	border-bottom-color: #ffcc80;
}


/*吹き出し背景色：ピンク（HTML版のみ）*/
.bubble-pink{
	border: 1px solid #fbe9e7;
	background: #fbe9e7;
}

.chat-l .bubble-pink .bubble-in:after,
.chat-l .bubble-pink .bubble-in:before{
	border-right-color: #fbe9e7;
}

.chat-r .bubble-pink .bubble-in:after,
.chat-r .bubble-pink .bubble-in:before{
	border-left-color: #fbe9e7;
}

.together.chat-l .bubble-pink .bubble-in:after,
.together.chat-l .bubble-pink .bubble-in:before,
.together.chat-r .bubble-pink .bubble-in:after,
.together.chat-r .bubble-pink .bubble-in:before{
	border-bottom-color: #fbe9e7;
}

/*吹き出し背景色：赤（HTML版のみ）*/
.bubble-red{
	border: 1px solid #ef5350;
	background: #ef5350;
	color: #fff;
}

.chat-l .bubble-red .bubble-in:after,
.chat-l .bubble-red .bubble-in:before{
	border-right-color: #ef5350;
}

.chat-r .bubble-red .bubble-in:after,
.chat-r .bubble-red .bubble-in:before{
	border-left-color: #ef5350;
}

.together.chat-l .bubble-red .bubble-in:after,
.together.chat-l .bubble-red .bubble-in:before,
.together.chat-r .bubble-red .bubble-in:after,
.together.chat-r .bubble-red .bubble-in:before{
	border-bottom-color: #ef5350;
}

/*吹き出し背景色：黒（HTML版のみ）*/
.bubble-black{
	border: 1px solid #555555;
	background: #555555;
	color: #fff;
}

.chat-l .bubble-black .bubble-in:after,
.chat-l .bubble-black .bubble-in:before{
	border-right-color: #555555;
}

.chat-r .bubble-black .bubble-in:after,
.chat-r .bubble-black .bubble-in:before{
	border-left-color: #555555;
}

.together.chat-l .bubble-black .bubble-in:after,
.together.chat-l .bubble-black .bubble-in:before,
.together.chat-r .bubble-black .bubble-in:after,
.together.chat-r .bubble-black .bubble-in:before{
	border-bottom-color: #555555;
}

/*ランキング*/
.main-body .ranking-list{
	margin-right: 0;
	margin-left: 0;
}

.main-body .ranking-list li{
	list-style: none;
	overflow: hidden;
	margin-bottom: 40px;
}

.main-body .rank-title{
	padding: 5px 0;
	border: none;
	background: none;
	font-weight: normal;
	font-size: 1.5em;
}

.main-body .rank-title{
	margin-top: 0;
}

.rank-thumb{
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}

.rs-thumb{
	float: right;
	margin-left: 24px;
	margin-right:24px;
	margin-bottom: 24px;
}

.ls-thumb{
	float: left;
	margin-left: 24px;
	margin-right:24px;
	margin-bottom: 24px;
}

.sub-conts .ranking-list03 .rank-thumb img{
	width: 100px;
	height: auto;
}

.col2 .sub-conts .ranking-list01 .rank-thumb,
.col2 .sub-conts .ranking-list02 .rank-thumb,
.col2r .sub-conts .ranking-list01 .rank-thumb,
.col2r .sub-conts .ranking-list02 .rank-thumb{
	float: none;
	text-align: center;
}

/*順位の無しのリスト*/
.main-body .post-list01,
.main-body .post-list02{
	margin-right: 0;
	margin-left: 0;
}

.main-body .post-list01 li,
.main-body .post-list02 li{
	list-style: none;
	overflow: hidden;
	margin-bottom: 40px;
}

/*画像＋テキストのリスト*/
.post-list01 .post-box{
	position: relative;
	width: 320px;
	margin-right: auto;
	margin-left: auto;
}

.col1 .post-list01 li{
	display: inline-block;
	margin-right: 20px;
}

.post-list01 .post-box img{
	width: 100%;
}

.post-list01 .on-image .post-box:before,
.post-list01 .on-image .post-box:before,
.post-list01 .on-image .post-box:before{
	position: absolute;
	top: 0;
	left: 0;
}

.post-list01 .on-image .post-box .post-text{
	position: absolute;
	bottom: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 10px;
	background-color: rgba(53,38,12,0.8);
	background-color: #35260c\9; /*IE8への対応*/
	color: #fff;
}

html:not(:target) .post-list01 .on-image .post-box .post-text{
	background-color: rgba(53,38,12,0.8); /*IE9以上への対応*/
}

.post-list01 .on-image .post-box a{
	color: #fff;
}

.post-list01 .on-image .post-box a:hover,
.post-list01 .on-image .post-box a:active,
.post-list01 .on-image .post-box a:focus{
	color: #d5ae60;
}

/*背景画像＋テキストのリスト*/
.post-list02 .post-box{
	position: relative;
	width: 320px;
	margin-right: auto;
	margin-left: auto;
	background-position: center center;
	background-size: cover;
}

.col1 .post-list02 li{
	display: inline-block;
	margin-right: 20px;
}

.post-list02 .post-box a{
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 180px;
	padding: 1em;
	background-color: rgba(53,38,12,0.8);
	background-color: #35260c\9; /*IE8への対応*/
	color: #fff;
}

html:not(:target) .post-list02 .post-box a{
	background-color: rgba(53,38,12,0.8); /*IE9以上への対応*/
}

.post-list02 .post-box a:hover,
.post-list02 .post-box a:active,
.post-list02 .post-box a:focus{
	color: #d5ae60;
}

.post-list02 .on-image .post-box:before,
.post-list02 .on-image .post-box:before,
.post-list02 .on-image .post-box:before{
	position: absolute;
	top: 0;
	left: 0;
}


/*文章中の間*/
.interval img{
	display: block;
	margin: 60px auto;
}


/*関連記事*/
.related-thumb{
	overflow: hidden;
	width: 100%;
}

.related-thumb img{
	max-width: none;
}

.related-articles-thumbs01 ul{
	margin-left: 0;
}

.related-articles-thumbs01 li{
	list-style: none;
}

.related-articles-thumbs01 img{
	width: auto;
	max-height: 100px;
}

.related-articles-thumbs01 .related-thumb{
	float: left;
	width: 100px;
	margin-right: 20px;
	margin-bottom: 20px;
}

.related-articles-thumbs02 ul{
	overflow: hidden;
	margin-left: 0;
}

.related-articles-thumbs02 li{
	list-style: none;
	float: left;
	width: 30%;
	margin-left: 5%;
}

.related-articles-thumbs02 li:first-child{
	margin-left: 0;
}

.related-articles-thumbs02 img{
	width: auto;
	max-height: 160px;
}

/*目次*/
#keni_toc{
	display: block;
	width: 80%;
	margin: auto;
	margin-bottom: 3em;
	padding: 25px;
	border: 2px solid #ccc;
	font-size: 0.875em;
}

.keni-toc-title{
	font-size: 1.286em;
}

#keni_toc ol{
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 25px;
}

#keni_toc ol ol{
	margin-top: 0.5em;
}

#keni_toc ol ol li{
	list-style-type: circle;
}


/*お客様の声*/
.voice-box{
	padding: 30px;
	background: #fffdef;
}

.voice-content{
	overflow: hidden;
}

.voice-content .b{
	color: #ccc;
}

/*画像とテキストの組み合わせ*/
.pu-wrap {
	display: flex;
	justify-content: space-between;
	margin-bottom: 0.5em;
	border: solid #ddd;
	padding:8px ;
}
.pu-wrap:nth-child(odd) {
	flex-direction: row-reverse;
}

.pu-text {
	font-size:0.8em;
	line-height:1.618;
	width: 60%; /*flex: 2;*/
}
.pu-text span.bl_txt{font-size:1em;color:#333;font-weight:bold;}
.pu-img {
	width: 35%; /*flex: 1;*/
	text-align:center;
}

.pu-wrap .pu-img img {width:100%;max-width:127px;height:auto;}

.pu-text h2 {
	margin-bottom: 2rem;
	font-size: 2.2rem;
}

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

.pu-wrap .s_btn {
    width:36px;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
    display:block;
    text-align:center;
    padding:2px 10px;
    color:#fff;
    background-color:#339900;
    border-radius:5px;
}

.col-onimage > .col{
	position: relative;
	overflow: hidden;
}

.col-onimage > .col .text-onimage{
	position: absolute;
	bottom: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 10px;
	background-color: rgba(53,38,12,0.8);
	background-color: #35260c\9; /*IE8への対応*/
	color: #fff;
}

.col2-wrap .col img.img_a {width:100%;max-width:282px;}

p.nopadd {margin:0;padding0;}

html:not(:target) .col-onimage > .col .text-onimage{
	background-color: rgba(53,38,12,0.8); /*IE9以上への対応*/
}

.col-onimage02 > .col{
	background-position: center center;
	background-size: cover;
}

.col-onimage02 > .col .text-onimage{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	margin: 0;
	padding: 20px;
	background-color: rgba(53,38,12,0.8);
	background-color: #35260c\9; /*IE8への対応*/
	color: #fff;
}

html:not(:target) .col-onimage02 > .col .text-onimage{
	background-color: rgba(53,38,12,0.8); /*IE9以上への対応*/
}

.col-onimage > .col .text-onimage a,
.col-onimage02 > .col a{
	display: block;
	color: #fff;
	text-decoration: none;
}

.col-onimage > .col .text-onimage a:hover,
.col-onimage > .col .text-onimage a:active,
.col-onimage > .col .text-onimage a:focus,
.col-onimage02 > .col a:hover,
.col-onimage02 > .col a:active,
.col-onimage02 > .col a:focus{
	color: #d5ae60;
}

/*ページ送り*/
.link-next{
	text-align: center;
	margin:4px 0;
}

.blog .article-body .link-next,
.archive .article-body .link-next,
.search .article-body .link-next{
	margin-bottom: 0;
}

.link-next a{
    background:#777; 
    font-size:14px;
    border-radius:6px; 
    color:#fff; 
    line-height:46px;
    text-align:center;
    padding:6px 20px;
}

.link-next a:hover{background:#999;text-decoration:none;}


.link-next_rc{
	text-align: center;
    margin-top:20px;
}

.link-next_rc a{
    background:#00479d;
    font-size:14px;
    border-radius:6px; 
    color:#fff; 
    text-align:center;
    padding:6px 20px;
}

.link-next_rc a:hover{background:#345eb5;text-decoration:none;}



.page-nav ol{
	margin-left: 0;
	text-align: center;
}

.page-nav li{
	display: inline-block;
	margin-right: 10px;
	padding: 4px 8px;
	border: 1px solid #b0cba5;
}

.page-nav li:last-child{
	margin-right: 0;
}

.page-nav li a{
	display: block;
	margin: -4px -8px;
	padding: 4px 8px;
	color:#ccc;
	text-decoration: none;
}

.current,
.page-nav li a:hover,
.page-nav li a:active,
.page-nav li a:focus{
	background: #e5f1ca;
}

.page-nav-bf ul{
	margin-left: 0;
}

.page-nav-bf li{
	list-style: none;
}

.page-nav-next{
	float: right;
	padding-right: 13px;
	background: url(../images/icon-arw-next.png) right center no-repeat;
}

.page-nav-prev{
	float: left;
	padding-left: 13px;
	background: url(../images/icon-arw-prev.png) left center no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.page-nav-next{
background: url(../images/icon-arw-next@2x.png) right center no-repeat;
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
		}

		.page-nav-prev{
background: url(../images/icon-arw-prev@2x.png) left center no-repeat;
-webkit-background-size: 8px 10px;
background-size: 8px 10px;
		}

	}


/*--------------------------------------------------------
デザイン調整用のスタイル
--------------------------------------------------------*/

/*注記*/
.note{
	display: block;
	padding-left: 1em;
	text-indent: -1em;
}

.note2{
	display: block;
	padding-left: 2em;
	text-indent: -2em;
}

/*必須項目・警告・エラーの文字色*/
.warning,
.error{
	color: #e53935!important;
}

.required{
	display: inline-block;
	color: #e6603c!important;
}

/*傍点*/
.dot{
	position: relative;
	padding-top: 5px;
}

.dot:before{
	position: absolute;
	top: 0;
	left: 50%;
	width: 0.2em;
	height: 0.2em;
	margin-left: -.1em;
	background: #333;
	border-radius: 50%;
	content: "";
}
	
/*装飾
※IE8等古いブラウザを除く*/
.shadow{
	box-shadow: 4px 4px 0px #e7dfd0;
}

.shadow02{
	box-shadow: 0px 0px 4px #666;
}

.outline{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #ddd;
}

.frame{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 95%;
	padding: 8px;
	background: #fff;
	box-shadow: 0px 0px 8px #666;
}

.border{
	border: 1px solid #339900;
}

/*画像のサイズ調整*/
img.resize10,
html:not(:target) img.resize10{
	height: auto;
	max-width: 10%;
}

img.resize20,
html:not(:target) img.resize20{
	height: auto;
	max-width: 20%;
}

img.resize30,
html:not(:target) img.resize30{
	height: auto;
	max-width: 30%;
}

img.resize40,
html:not(:target) img.resize40{
	height: auto;
	max-width: 40%;
}

img.resize50,
html:not(:target) img.resize50{
	height: auto;
	max-width: 50%;
}

img.resize60,
html:not(:target) img.resize60{
	height: auto;
	max-width: 60%;
}

img.resize70,
html:not(:target) img.resize70{
	height: auto;
	max-width: 70%;
}

img.resize80,
html:not(:target) img.resize80{
	height: auto;
	max-width: 80%;
}

img.resize90,
html:not(:target) img.resize90{
	height: auto;
	max-width: 90%;
}

/*円
※IE8等古いブラウザを除く*/
.circle{
	border-radius: 50%;
}

/*角丸
※IE8等古いブラウザを除く*/
.rc4{ border-radius: 4px; }
.rc4-tl{ border-top-left-radius: 4px; }
.rc4-tr{ border-top-right-radius: 4px; }
.rc4-bl{ border-bottom-left-radius: 4px; }
.rc4-br{ border-bottom-right-radius: 4px; }

.rc8{ border-radius: 8px; }
.rc8-tl{ border-top-left-radius: 8px; }
.rc8-tr{ border-top-right-radius: 8px; }
.rc8-bl{ border-bottom-left-radius: 8px; }
.rc8-br{ border-bottom-right-radius: 8px; }

.rc12{ border-radius: 12px; }
.rc12-tl{ border-top-left-radius: 12px; }
.rc12-tr{ border-top-right-radius: 12px; }
.rc12-bl{ border-bottom-left-radius: 12px; }
.rc12-br{ border-bottom-right-radius: 12px; }

/*角丸長方形
※IE8等古いブラウザを除く
※高さ100pxまで*/
.rc50{
	border-radius: 50px;
}

/*透明パネル ※IE8等古いブラウザを除く*/
.transparent-panel-wrap{
	padding: 1em;
	background: url(../images/transparent-panel-bg.jpg) center center;
	-webkit-background-size: cover;
	background-size: cover;
}

.transparent-panel{
	padding: 1em;
	background-color: rgba(255,255,255,0.85);
	background-color: #ffffff\9; /*IE8への対応*/
}

html:not(:target) .transparent-panel{
    background-color: rgba(255,255,255,0.85); /*IE9以上への対応*/
}

/*回り込み
※モバイル時にも解除されない*/
.fl-l{
	float: left;
	margin: 0 1em 1em 0;
}

.fl-r{
	float: right;
	margin: 0 0 1em 1em;
}

.fl-c{ clear: both; }

/*回り込み
※モバイル時には回り込み解除*/
.left{
	float: left;
	margin: 0 1em 1em 0;
}

.right{
	float: right;
	margin: 0 0 1em 1em;
}

/*文字の横位置*/
.al-l{ text-align: left; }
.al-r{ text-align: right; }
.al-c{ text-align: center;font-size:0.9em;padding:0 8px;}
.al-form{ font-size:1em;text-align: center;padding:0 8px; margin-bottom:40px;}
.col3-wrap .col span.nm_txt{font-size:0.9em;font-weight:normal;line-height:1.8;}

/*文字の縦位置*/
.vl-t{ vertical-align: top!important; }/*上寄せ*/
.vl-m{ vertical-align: middle!important; }/*中央寄せ*/
.vl-b{ vertical-align: bottom!important; }/*下寄せ*/

/*周りのブロックからの距離（margin）*/
.m0{ margin: 0!important; }/*周りからのmarginを0に*/
.m0-t{ margin-top: 0!important; }/*上からのmarginを0に*/
.m0-r{ margin-right: 0!important; }/*右からのmarginを0に*/
.m0-b{ margin-bottom: 0!important; }/*下からのmarginを0に*/
.m0-l{ margin-left: 0!important; }/*左からのmarginを0に*/

.m5{ margin: 5px!important; }
.m5-t{ margin-top: 5px!important; }
.m5-r{ margin-right: 5px!important; }
.m5-b{ margin-bottom: 5px!important; }
.m5-l{ margin-left: 5px!important; }

.m10{ margin: 10px!important; }
.m10-t{ margin-top: 10px!important; }
.m10-r{ margin-right: 10px!important; }
.m10-b{ margin-bottom: 10px!important; }
.m10-l{ margin-left: 10px!important; }

.m15{ margin: 15px!important; }
.m15-t{ margin-top: 15px!important; }
.m15-r{ margin-right: 15px!important; }
.m15-b{ margin-bottom: 15px!important; }
.m15-l{ margin-left: 15px!important; }

.m20{ margin: 20px!important; }
.m20-t{ margin-top: 20px!important; }
.m20-r{ margin-right: 20px!important; }
.m20-b{ margin-bottom: 20px!important; }
.m20-l{ margin-left: 20px!important; }

.m25{ margin: 25px!important; }
.m25-t{ margin-top: 25px!important; }
.m25-r{ margin-right: 25px!important; }
.m25-b{ margin-bottom: 25px!important; }
.m25-l{ margin-left: 25px!important; }

.m30{ margin: 30px!important; }
.m30-t{ margin-top: 30px!important; }
.m30-r{ margin-right: 30px!important; }
.m30-b{ margin-bottom: 30px!important; }
.m30-l{ margin-left: 30px!important; }

.m40{ margin: 40px!important; }
.m40-t{ margin-top: 40px!important; }
.m40-r{ margin-right: 40px!important; }
.m40-b{ margin-bottom: 40px!important; }
.m40-l{ margin-left: 40px!important; }

.m50{ margin: 50px!important; }
.m50-t{ margin-top: 50px!important; }
.m50-r{ margin-right: 50px!important; }
.m50-b{ margin-bottom: 50px!important; }
.m50-l{ margin-left: 50px!important; }

.m60{ margin: 60px!important; }
.m60-t{ margin-top: 60px!important; }
.m60-r{ margin-right: 60px!important; }
.m60-b{ margin-bottom: 60px!important; }
.m60-l{ margin-left: 60px!important; }

.m70{ margin: 70px!important; }
.m70-t{ margin-top: 70px!important; }
.m70-r{ margin-right: 70px!important; }
.m70-b{ margin-bottom: 70px!important; }
.m70-l{ margin-left: 70px!important; }

.m80{ margin: 80px!important; }
.m80-t{ margin-top: 80px!important; }
.m80-r{ margin-right: 80px!important; }
.m80-b{ margin-bottom: 80px!important; }
.m80-l{ margin-left: 80px!important; }

.m90{ margin: 90px!important; }
.m90-t{ margin-top: 90px!important; }
.m90-r{ margin-right: 90px!important; }
.m90-b{ margin-bottom: 90px!important; }
.m90-l{ margin-left: 90px!important; }

.m100{ margin: 100px!important; }
.m100-t{ margin-top: 100px!important; }
.m100-r{ margin-right: 100px!important; }
.m100-b{ margin-bottom: 100px!important; }
.m100-l{ margin-left: 100px!important; }

.m120{ margin: 120px!important; }
.m120-t{ margin-top: 120px!important; }
.m120-r{ margin-right: 120px!important; }
.m120-b{ margin-bottom: 120px!important; }
.m120-l{ margin-left: 120px!important; }

.m150{ margin: 150px!important; }
.m150-t{ margin-top: 150px!important; }
.m150-r{ margin-right: 150px!important; }
.m150-b{ margin-bottom: 150px!important; }
.m150-l{ margin-left: 150px!important; }

.m200{ margin: 200px!important; }
.m200-t{ margin-top: 200px!important; }
.m200-r{ margin-right: 200px!important; }
.m200-b{ margin-bottom: 200px!important; }
.m200-l{ margin-left: 200px!important; }

.m300{ margin: 300px!important; }
.m300-t{ margin-top: 300px!important; }
.m300-r{ margin-right: 300px!important; }
.m300-b{ margin-bottom: 300px!important; }
.m300-l{ margin-left: 300px!important; }


/*周りのブロックからの距離（padding）*/
.p0{ padding: 0!important; }
.p0-t{ padding-top: 0!important; }
.p0-r{ padding-right: 0!important; }
.p0-b{ padding-bottom: 0!important; }
.p0-l{ padding-left: 0!important; }

.p5{ padding: 5px!important; }
.p5-t{ padding-top: 5px!important; }
.p5-r{ padding-right: 5px!important; }
.p5-b{ padding-bottom: 5px!important; }
.p5-l{ padding-left: 5px!important; }

.p10{ padding: 10px!important; }
.p10-t{ padding-top: 10px!important; }
.p10-r{ padding-right: 10px!important; }
.p10-b{ padding-bottom: 10px!important; }
.p10-l{ padding-left: 10px!important; }

.p15{ padding: 15px!important; }
.p15-t{ padding-top: 15px!important; }
.p15-r{ padding-right: 15px!important; }
.p15-b{ padding-bottom: 15px!important; }
.p15-l{ padding-left: 15px!important; }

.p20{ padding: 20px!important; }
.p20-t{ padding-top: 20px!important; }
.p20-r{ padding-right: 20px!important; }
.p20-b{ padding-bottom: 20px!important; }
.p20-l{ padding-left: 20px!important; }

.p25{ padding: 25px!important; }
.p25-t{ padding-top: 25px!important; }
.p25-r{ padding-right: 25px!important; }
.p25-b{ padding-bottom: 25px!important; }
.p25-l{ padding-left: 25px!important; }

.p30{ padding: 30px!important; }
.p30-t{ padding-top: 30px!important; }
.p30-r{ padding-right: 30px!important; }
.p30-b{ padding-bottom: 30px!important; }
.p30-l{ padding-left: 30px!important; }

.p40{ padding: 40px!important; }
.p40-t{ padding-top: 40px!important; }
.p40-r{ padding-right: 40px!important; }
.p40-b{ padding-bottom: 40px!important; }
.p40-l{ padding-left: 40px!important; }

.p50{ padding: 50px!important; }
.p50-t{ padding-top: 50px!important; }
.p50-r{ padding-right: 50px!important; }
.p50-b{ padding-bottom: 50px!important; }
.p50-l{ padding-left: 50px!important; }

.p60{ padding: 60px!important; }
.p60-t{ padding-top: 60px!important; }
.p60-r{ padding-right: 60px!important; }
.p60-b{ padding-bottom: 60px!important; }
.p60-l{ padding-left: 60px!important; }

.p70{ padding: 70px!important; }
.p70-t{ padding-top: 70px!important; }
.p70-r{ padding-right: 70px!important; }
.p70-b{ padding-bottom: 70px!important; }
.p70-l{ padding-left: 70px!important; }

.p80{ padding: 80px!important; }
.p80-t{ padding-top: 80px!important; }
.p80-r{ padding-right: 80px!important; }
.p80-b{ padding-bottom: 80px!important; }
.p80-l{ padding-left: 80px!important; }

.p90{ padding: 90px!important; }
.p90-t{ padding-top: 90px!important; }
.p90-r{ padding-right: 90px!important; }
.p90-b{ padding-bottom: 90px!important; }
.p90-l{ padding-left: 90px!important; }

.p100{ padding: 100px!important; }
.p100-t{ padding-top: 100px!important; }
.p100-r{ padding-right: 100px!important; }
.p100-b{ padding-bottom: 100px!important; }
.p100-l{ padding-left: 100px!important; }

/*フォントの装飾*/
.b{ font-weight: bold!important; }/*太字*/
.normal{ font-weight: normal!important; }/*太字を解除*/

/*フォントサイズの設定*/
.big{ font-size: 1.2em!important; }
.big2{ font-size: 1.5em!important; }
.big3{ font-size: 1.8em!important; }
.small{ font-size: 0.8em!important; }

.f08em{ font-size: 0.6em; }
.f09em{ font-size: 0.9em; }
.f09em_bk{ font-size: 0.8em;color:#666; }
.f09em_bk_b{ font-size: 0.8em;color:#666;text-align:left;margin-left: 1em; text-indent: -1em;padding-top:8px; }
.f09em_bk_c{ font-size: 0.8em;color:#666;text-align:left;margin-left: 1em; text-indent: -1em;padding-top:0; }
.f09em_bk_d{ font-size: 0.8em;color:#666;text-align:left;margin-left;padding-top:8px; }
.f09em_info{ font-size: 0.9em;margin-bottom:0;padding:6px 0;border-bottom: 1px solid #ddd;color:#333; }
.f10em{ font-size: 1.0em; }
.f11em{ font-size: 1.1em; }
.f12em{ font-size: 1.2em;color:#333; }
.f12em_fc{ font-size: 1.2em;color:#4454a3;text-align:center;padding:6px 0;}
.f12em_fc_top{ font-size: 1.2em;color:#333;padding:40px 0 0 0}
.f12em_fc_end{ font-size: 1.2em;color:#4454a3;text-align:center;padding:8px 0 0 0;}
.f13em{ font-size: 1.3em; }
.f14em{ font-size: 1.4em; }
.f15em{ font-size: 1.5em; }
.f16em{ font-size: 1.6em; }
.f17em{ font-size: 1.7em; }
.f18em{ font-size: 1.8em; }
.f19em{ font-size: 1.9em; }
.f20em{ font-size: 2.0em; }
.f21em{ font-size: 2.1em; }
.f22em{ font-size: 2.2em; }
.f23em{ font-size: 2.3em; }
.f24em{ font-size: 2.4em; }
.f25em{ font-size: 2.5em; }
.f26em{ font-size: 2.6em; }
.f27em{ font-size: 2.7em; }
.f28em{ font-size: 2.8em; }
.f29em{ font-size: 2.9em; }
.f30em{ font-size: 3.0em; }

.f8pt{ font-size: 8.5pt; }
.f9pt{ font-size: 9.0pt; }
.f10pt{ font-size: 10pt; }
.f11pt{ font-size: 11pt; }
.f12pt{ font-size: 12pt; }
.f13pt{ font-size: 13pt; }
.f14pt{ font-size: 14pt; }
.f15pt{ font-size: 15pt; }
.f16pt{ font-size: 16pt; }
.tel_no {margin:-12px 0 24px 0;}
.f17pt{ font-size: 17pt; }
.f18pt{ font-size: 18pt; }
.f19pt{ font-size: 19pt; }
.f20pt{ font-size: 20pt; }
.f21pt{ font-size: 21pt; }
.f22pt{ font-size: 22pt; }
.f23pt{ font-size: 23pt; }
.f24pt{ font-size: 24pt; }

/*フォントの色設定*/
.red{ color: #e53935!important; }/*赤*/
.blue{ color: #0000dd!important; }/*青*/
.green{ color: #4caf50!important; }/*緑*/
.yellow{ color: #ffff00!important; }/*黄*/
.navy{ color: #3f51b5!important; }/*紺*/
.orange{ color: #ff9800!important; }/*橙*/
.pink{ color: #ec407a!important; }/*ピンク*/
.purple{ color: #9c27b0!important; }/*紫*/
.olive{ color: #808000!important; }/*オリーブ*/
.lime{ color: #00ff00!important; }/*黄緑*/
.aqua{ color: #00bcd4!important; }/*水色*/
.black{ color: #333;font-weight:bold;!important; }/*黒*/
.gray{ color: #ccc!important; }/*灰*/
.white{ color: #fff!important; }/*白*/
.brown{ color: #6d4c33!important; }/*茶*/
.a_namb {color:#999;}
.black_nm{ color: #333;!important; }/*黒*/

/*マーカー表示（背景に着色）*/
.box-yellow,
.box-orange,
.box-pink,
.box-lime,
.box-gray{ padding: 2px; }

.box-yellow{ background-color: #ff6; }/*黄*/
.box-orange{ background-color: #f90; }/*橙*/
.box-pink{ background-color: #ffccff; }/*ピンク*/
.box-lime{ background-color: #9f9; }/*黄緑*/
.box-gray{ background-color: #ccc; }/*灰*/


/*行間の設定*/
.lh10{ line-height: 1.0!important; }
.lh11{ line-height: 1.1!important; }
.lh12{ line-height: 1.2!important; }
.lh13{ line-height: 1.3!important; }
.lh14{ line-height: 1.4!important; }
.lh15{ line-height: 1.5!important; }
.lh16{ line-height: 1.6!important; }
.lh17{ line-height: 1.7!important; }
.lh18{ line-height: 1.8!important; }
.lh19{ line-height: 1.9!important; }
.lh20{ line-height: 2.0!important; }

/*横幅を指定*/
.w05{ width: 5%; }
.w10{ width: 10%; }
.w15{ width: 15%; }
.w20{ width: 20%; }
.w25{ width: 25%; }
.w30{ width: 30%; }
.w35{ width: 35%; }
.w40{ width: 40%; }
.w45{ width: 45%; }
.w50{ width: 50%; }
.w55{ width: 55%; }
.w60{ width: 60%; }
.w65{ width: 65%; }
.w70{ width: 70%; }
.w75{ width: 75%; }
.w80{ width: 80%; }
.w85{ width: 85%; }
.w90{ width: 90%; }
.w95{ width: 95%; }
.w100{ width: 100%; }

/*下線や取消線の設定*/
.underline{ text-decoration: underline!important; }
.del{ text-decoration: line-through; }
.noborder{ border: 0!important; }/*枠線を無くす*/

/*重なりの優先度*/
.z1{ z-index: 1!important; }
.z2{ z-index: 2!important; }
.z3{ z-index: 3!important; }
.z4{ z-index: 4!important; }
.z5{ z-index: 5!important; }
.z10{ z-index: 10!important; }
.z20{ z-index: 20!important; }
.z30{ z-index: 30!important; }
.z40{ z-index: 40!important; }
.z50{ z-index: 50!important; }

/*横並びリスト*/
.inline{ margin: 1em 0; padding: 0; }
.inline li{
	display: inline;
	list-style-type: none;
}

/*マーカー無しのリスト*/
.none{ margin: 1em 0; padding: 0; }
.none li{ list-style-type: none; }

.phn_txt {text-align:center;}
.phn_txt .big_phn{font-size:1.6em;color:#444;margin-bottom:0;}
.phn_txt .small_phn{font-size:0.9em;color:#444;}

.inlinef {
background-color:#fff;
border: solid 1px #ddd;
height:380px;
overflow:auto;
overflow-y:scroll;
overflow-x:hidden;
margin-bottom:20px;
font-size:0.96em
}

.inlinef ol {padding-right:1em;margin-bottom:30px;}

.inlinef li {padding-bottom:1em;}

.inlinef .bx_txt {padding:20px 0 0 0;text-align:center;font-weight:bold;}

input[type="submit"] {
background-color: #666;
border: none;
color: #fff;
-webkit-transition: background-color .2s;
transition: background-color .2s;
cursor: pointer;
-webkit-appearance: none;
border-radius: 0;
}
input[type="submit"]:hover {
background-color: #2f6cb5;
}
input[type="submit"][disabled] {
background-color: #ccc;
cursor: default;
}

#pbcy {margin-bottom:60px;}
#pbcy p{line-height:1.8;}
#pbcy ol {margin-top:-8px;}
#pbcy .py_txt_r {text-align:right;padding:12px;}


/* 会社概要-テーブル
*****************************************************/
table.cp_tbl { width: 100%; }
table.cp_tbl th, table.cp_tbl td  { padding: 10px; border: 1px solid #ddd;text-align:left;font-weight:normal; }
table.cp_tbl th { background: #eee;width: 25%; text-align: center;vertical-align:middle;color:#333; }
table.cp_tbl th.tx_left {text-align:left;white-space:nowrap;}
span.txt_d {color:#c00;font-size:0.8em;}
table.cp_tbl td.txt_ctr {text-align:center;}
 
@media only screen and (max-width:640px){
    table.cp_tbl { margin: 0 -10px 10px -10px;; }
    table.cp_tbl th,
    table.cp_tbl td{
    width: 100%;
    display: block;
    border-top: none;
    padding:4px 1em;
    border: none;
    }
table.cp_tbl th {text-align:center;}
table.cp_tbl td.txt_ctr {text-align:center;}

}

div.modo_txt {
   text-align: left;
   float: left;
}
div.susu_txt {
   text-align: right;
   margin-top:-30px;
}
div.titlebar {
   padding:6px;
   margin-bottom:24px;
}


/*テーブル（横幅がはみ出る場合にテーブルを囲む要素に設定）*/
.table-scroll{
width:100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
margin-top:-12px;
}

.table-scroll_b{
width:100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
margin-top:0;
}

.table-scroll_c{
width:100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
margin-top:-12px;
}

.table-scroll_d{
width:100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
margin-top:-24px;
}

table.sc_tbl {
font-size:0.9em;
}

table.sc_tbl caption {text-align:right;padding-right:4px;}
table.sc_tbl caption.cp_b {text-align:left;padding-left:4px;font-weight:bold;}

table.sc_tbl th, table.sc_tbl td  { padding: 6px 10px; border: 1px solid #ddd;text-align:left;font-weight:normal; }
table.sc_tbl th { background: #eee; text-align: left;vertical-align:middle;color:#333;white-space: nowrap; }
table.sc_tbl th.rt_th { background: #eee; text-align: center;vertical-align:middle;color:#333; }
table.sc_tbl td  { text-align:left; }
table.sc_tbl th.thblue { background:#e2edff; }
table.sc_tbl td.bb_txt,table.sc_tbl th.bb_txt { font-size:0.8em;font-weight:normal; }
table.sc_tbl td.bb_txt_lf,table.sc_tbl th.bb_txt_lf { font-size:0.8em;font-weight:normal;text-align:left; }
table.sc_tbl td p.kome {padding-left:1em;text-indent:-1em;line-height:1.5;padding-bottom:10px;}
table.sc_tbl td.nw_td {white-space: nowrap;}

.categoryitems_ud {margin-bottom:20px;}

.categoryitems ul {margin:-6px 0 3em 1em;}

.categoryitems_ud ul {margin:0 0 1em 1em;}

.categoryitems ul li  {
	list-style:none;
	font-size:0.9em;
	background: url(../images/extlink.png) 0% 50% no-repeat;
	height:16px
	display:block;
	line-height:180%;
	padding:0 0 0 18px;
	}

.categoryitems_ud ul li  {
	list-style:none;
	font-size:0.9em;
	background: url(../images/extlink.png) 0% 50% no-repeat;
	height:16px
	display:block;
	line-height:180%;
	padding:0 0 0 18px;
	}

.center_btn {text-align:right;}

/*--------------------------------------------------------
floatの回り込みを解除
--------------------------------------------------------*/
.site-header-conts:after,
.main-body-in:after,
.main-body-und-in:after,
.main-cont-und-in:after,
.main-contact-und-in:after,
.article-body:after,
.section-in:after,
.col4-wrap:after,
.col3-wrap:after,
.col2-wrap:after,
.col2-dvd-wrap:after,
.news-item:after,
.related-articles-thumbs01 li:after,
.btn-area:after,
.page-nav-bf:after,
.clearfix:after{
	content: '';
	display: block;
	clear: both;
	height: 0;
}

.main-conts h4.min {
clear:both;
color:#333;
padding:4px 0 2px 14px;
border-color:#ccc;
border-width:0 0 2px 0;
border-style:solid;
background:#f5f5f5;
font-weight:normal;
margin-bottom:10px;
}

.main-conts h4.min_b {
clear:both;
color:#333;
padding:4px 0 2px 14px;
border-color:#ccc;
border-width:0 0 2px 0;
border-style:solid;
background:#f5f5f5;
font-weight:normal;
margin-top:5px;
margin-bottom:10px;
}

.main-conts h4.min_b_und {
clear:both;
color:#333;
padding:4px 0 2px 14px;
border-color:#ccc;
border-width:0 0 2px 0;
border-style:solid;
background:#f5f5f5;
font-weight:normal;
margin-top:30px;
margin-bottom:10px;
}

.main-conts h4.min_d {
padding:4px 5px;
border-color:#666666;
border-width:0 0 1px 0;
border-style:dashed;
}

.main-conts h4.min_d_ctr {
clear:left;
margin:-8px 2px -2px 2px;
padding:4px 5px;
text-align:center;
color:#333;
font-weight:normal;
letter-spacing:1px;
}


.main-conts h4.min_c {
padding:4px 10px;
border-color:#666666;
border-width:0 0 1px 0;
border-style:dotted;
margin:20px 0;
letter-spacing:1.5em;
}

.main-conts h4.min_c_nm {
padding:4px 10px;
border-color:#666666;
border-width:0 0 1px 0;
border-style:dotted;
margin:20px 0;
letter-spacing:0;
}

.main-conts ul {margin-left:28px;}

.main-conts ul.list_a {margin-left:30px;margin-bottom:30px;list-style:none;}

.main-conts ul.list_a li:first-letter {
   background:url(../product/images/ico_01.gif) 0 50% no-repeat;
   padding-left:20px;
}

.main-conts ul.list_a li {
   text-indent:-20px;
}

.main-conts .li_sp_none {margin-top:-10px;margin-bottom:0;}
.main-conts .no_btx {font-size:1.1em;padding-bottom:6px;margin-bottom:0;font-weight:bold;color:#333;}
.main-conts p.und_non{padding-top:0;}
.main-conts p.big_txt{font-size:1.4em;color:#0e942d}
.main-conts p.co_txt{font-size:1.1em;color:#333;text-align:center;margin:20px 0 12px 0;}

.main-conts p.waku {
	margin-top:30px;
	font-size:0.9em;
	padding:10px 16px;
	border-radius:10px;
	border-color:#ddd;
	border-width:1px;
	border-style:solid;
	background:#f9f9f9;
	color:#333;
	}

.main-conts p.waku_di {
	margin-top:30px;
	margin-bottom:50px;
	font-size:0.9em;
	padding:10px 16px;
	border-radius:10px;
	border-color:#0070c0;
	border-width:1px;
	border-style:solid;
	background:#0070c0;
	color:#fff;
	}

.main-conts p.w_waku {
	padding:10px 12px;
	border-radius:10px;
	border-color:#999933;
	border-width:1px;
	border-style:solid;
	background:#ffffcc;
	color:#333;
	}

.main-conts .rt_waku_bf {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    background:#fff;
    border: solid 3px #034099;
}

.rt_waku_bf .box-und {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #034099;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}

.rt_waku_bf p.mmmds {
color: #333;
border-bottom: dashed 1px #ccc;
padding:0 0 4px 6px;
}

.rt_waku_bf p.mmmds_und {
color: #333;
border-bottom: dashed 1px #ccc;
padding:16px 0 4px 6px;
}

.rt_waku_bf p {
    margin: 0; 
    padding: 6px;
    font-size:0.9em;
}

.rt_waku_bf ul {
    margin: 0; 
    padding: 6px 0 0 1.5em;
    font-size:0.9em;
}

.main-conts .rt_waku_at {
    position: relative;
    margin: 3em 0;
    padding: 0.5em 1em;
    background:#fff;
    border: solid 3px #2f6cb5;
}

.rt_waku_at .box-und {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #2f6cb5;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}

.rt_waku_at p.mmmds {
color: #333;
border-bottom: dashed 1px #ccc;
padding:0 0 4px 6px;
}

.rt_waku_at p.mmmds_und {
color: #333;
border-bottom: dashed 1px #ccc;
padding:16px 0 4px 6px;
}

.rt_waku_at p {
    margin: 0; 
    padding: 6px;
    font-size:0.9em;
}

.rt_waku_at ul {
    margin: 0; 
    padding: 6px 0 0 1.5em;
    font-size:0.9em;
}

.main-conts div.ctr_txt {text-align:center;margin-bottom:12px;}
.main-conts p.ctr_os_txt {text-align:center;font-size:1.2em;color:#fd7100;} 
.main-conts p.ctr_os_txt_und {text-align:center;font-size:1.2em;color:#333;} 

.main-conts ol.di_li {margin:12px 0 30px 30px}

.ct-btn {
  display: inline-block;
  text-align: left;
  font-style:normal;
  border: 2px solid #cc0000;
  font-size: 16px;
  border-color: #fff;
  background-color: #cc0000;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  padding: 8px 16px;
  border-radius: 4px;
  transition: .4s;
}

.ct-btn:hover {
  background-color: #990000;
  border-color: #fff;
  text-decoration: none;
  color: #fff;
}

.bbbtn{
display:inline-block;
}
.btn_yoko{
text-align:center;
}

.km_btn{
    border: 3px solid #c00;
    border-radius: 6px;
    display: block;
    font-size:1.2em;
    width:300px;
    padding: 12px 24px;
    box-sizing: border-box;
    background: #eee;
    color: #333;
    text-decoration: none;
    text-align: center;
    margin:8px 12px;
}

.km_btn:hover{
    background: #fff;
    text-decoration: none;
}

.ssstx{font-size:0.9em;}

.ht_cs_the {margin-top:50px!important;}
.ht_cs_und {margin-bottom:60px!important;}

.cl_txt ul {list-style-type:circle;}

.clear{
	clear:both;
}

.img_tg_rt{ 
  float:right;
  margin-left:16px;
  margin-bottom:0;
  width:89px;
  height:265px;
}

@media screen and (max-width:480px) {
.img_tg_rt{ 
  float:none;
  margin-left:0;
  margin: 0 auto 16px auto;
  width:100%;
  max-width:131px;
  height:auto;
  }
 
.ht_cs_und {margin-bottom:0!important;}

}



/*--------------------------------------------------------
リストレイアウト
--------------------------------------------------------*/

#item-list {
  padding:0 10px 0 10px;
  margin:-10px 0 0 0;
  font-size:0.9em;
  clear:both;
}

#item-list ul li {
  float:left;
  margin-left:1em;
}

p.ctr_txtbd {text-align:center;margin-top:-5px;letter-spacing:0.5em}
p.ctr_txtbd_b {text-align:center;margin-top:20px;letter-spacing:0.5em}

.item-list ul li.pr_top {
  float:left;
  list-style-type:none;
  border-left:7px solid #d2cb9c;
  padding:.2em .9em;
}

.item-list ul li.pr_top a:hover{color:#32a059;}

.item-list ul li .pr_top_b{
	display: block;
	padding-top:.2em;
	font-size:.8em;
	color:#72b068;
}

ul.cols-1 li {width: 100%;}
ul.cols-2 li {width: 46%;}
ul.cols-2 li.col_und {margin-left:20px;list-style-type: none;}
ul.cols-3 li {width: 30%;}
ul.cols-4 li {width: 25%;}
ul.cols-5 li {width: 20%;}
ul.cols-6 li {width: 16.66666%;}
ul.cols-7 li {width: 14.28571%;}
ul.cols-8 li {width: 12.5%;}

.inner{
  margin:0;
  height:100%;
  background:white;
}

@media only screen and (max-width: 767px) {
  ul.cols-4 li,ul.cols-5 li,ul.cols-6 li,ul.cols-7 li,ul.cols-8 li{
	  width: 33%;/*４列以上は３列に*/
  }

  ul.cols-3 li{
	  width:46%;/*３列は２列に*/
  }
.item-list ul.cols-3 li{
	  width:50%;/*３列は２列に*/
  }   
}

@media only screen and (max-width: 479px) {
  ul[class*='cols-'] > li{
	  width: 100%;/*すべてを１列に*/
	  margin-left:-20px;
  }
}

.main-conts .top_ttl {margin-top:0;}



.main-conts #Product h4 {
  overflow: hidden;
  text-align: center;
  font-size:1.2em;
  color:#aa974b;
  margin-top:0;
  margin-bottom:0;
}
.main-conts #Product h4 span {
  position: relative;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  text-align: left;
}
.main-conts #Product h4 span::before,
.main-conts #Product h4 span::after {
  position: absolute;
  top: 50%;
  content: '';
  width: 600%;
  height: 1px;
  background-color: #d2c8a0;
}
.main-conts #Product h4 span::before {
  right: 100%;
}
.main-conts #Product h4 span::after {
  left: 100%;
}

.main-conts #Product .sh_card {padding: 0 10px;text-align:center;}


[class^="img-flex-"] {
	margin-bottom: 5px;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	text-align:center;
}

.img-flex-2 img { width: 99%; height: 99%; }
.img-flex-3 img { width: 99%; height: 99%; }
.img-flex-4 img { width: 99%; height: 99%; }

.lk_no {pointer-events:none;}

.main-conts h6 {
  clear:both;
  margin: 3em 0 1.5em 0 ;
  position: relative;
  text-align: center;
}

.main-conts h6 span {
  position: relative;
  font-size:1.6em;
  color:#333;
  z-index: 2;
  display: inline-block;
  margin:0 4em;
  padding: 0 1em;
  background-color: #fff;
  text-align: left;
}
.main-conts h6::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #ccc;
  background: -webkit-linear-gradient(-45deg, transparent, #ccc 10%, #ccc 90%, transparent);
  background: linear-gradient(-45deg, transparent, #ccc 10%, #ccc 90%, transparent);
}

.main-conts h6.sitem {
  clear:both;
  margin: 0 0 1.5em 0 ;
  position: relative;
  text-align: center;
}

.main-conts h6.sitem span {
  position: relative;
  font-size:1.6em;
  color:#333;
  z-index: 2;
  display: inline-block;
  margin:0 4em;
  padding: 0 1em;
  background-color: #fff;
  text-align: left;
}
.main-conts h6.sitem::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #ccc;
  background: -webkit-linear-gradient(-45deg, transparent, #ccc 10%, #ccc 90%, transparent);
  background: linear-gradient(-45deg, transparent, #ccc 10%, #ccc 90%, transparent);
}

.main-conts h6.sitem_b {
  clear:both;
  margin: 1.5em 0 ;
  position: relative;
  text-align: center;
}

.main-conts h6.sitem_b span {
  position: relative;
  font-size:1.6em;
  color:#333;
  z-index: 2;
  display: inline-block;
  margin:0 4em;
  padding: 0 1em;
  background-color: #fff;
  text-align: left;
}
.main-conts h6.sitem_b::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background: #ccc;
  background: -webkit-linear-gradient(-45deg, transparent, #ccc 10%, #ccc 90%, transparent);
  background: linear-gradient(-45deg, transparent, #ccc 10%, #ccc 90%, transparent);
}

.main-conts .news p.m_title {
	padding: .3em;
	letter-spacing:1px;
	border-top: 1px solid #58639d;
	border-bottom: 3px solid #58639d;
	text-align: center;
	color:#cc0000;
	font-size:1.6em;
}

.m_title_in {
  color: #333;
  border-bottom: dashed 1px #999;
  margin-bottom:8px;
}

.prfl {font-size:0.9em;}

.n_mds {font-size:0.8em!important;color:#5969b9;}

.td_ul {margin-top:8px}

.fs_tbl_txt {font-size:1em;margin-bottom:60px;}
.td_l_txt {text-align:left!important;}

p.nobr_tx {font-size:0.9em;margin-top:-10px;}

.kome_tx {
	font-size:0.9em;
	padding-left: 1em;
	text-indent: -1em;
	margin-top:12px;
	margin-left:12px;
}

.chu_clm {margin:0 0 20px 0;}
p.kome { margin-left: 1em; text-indent: -1em;margin-bottom:0;font-size:0.9em;}
p.kome:before { content:"※";}

.al-c img.mjs_img {margin:12px;}

table.img_tbl td {
	margin:0 4px;
	padding:4px 8px;
	}

p.day {font-size:0.8em;padding:6px 5px 20px 0;text-align:right;margin-top:-18px;margin-bottom:0;}

.clearb {clear:both;}

#phone_ul {margin-bottom:60px;margin-left:16px;}

#phone_ul li{
	list-style-type:none;
	font-size:1.4em;
	background-image:url("../images/phone.png");
	background-repeat:no-repeat;
	background-position:left 0;
	padding-left:40px;
	padding-top:2px;
	padding-bottom:4px;
	line-height:1;
}

#phone_ul li.free{
	list-style-type:none;
	font-size:1.4em;
	background-image:url("../images/free.png");
	background-repeat:no-repeat;
	background-position:left 0;
	padding-left:40px;
	padding-top:2px;
	padding-bottom:4px;
	line-height:1;
}

.phn_no {font-size:1.8em;margin-top:20px;}
.phn_no a:hover {text-decoration:none;}
.phn_mds {font-size:0.7em;color:#333;}

.phn_no a img.ph-img_a {margin:-12px 0 20px 0;}
.phn_no a img.ph-img_b {margin:-12px 0 20px 0;}

[data-ruby] {
    position: relative;
}
[data-ruby]::before {
    content: attr(data-ruby);
    position: absolute;
    top: -1.4em;
    left: 0;
    right: 0;
    margin: auto;
    text-align:right;
    font-size: 0.46em;
}

ul.tbl-li{list-style-type:square;margin:0;padding:0}
ul.tbl-li li {margin:0 0 0 16px;padding:0}

/*--------------------------------------------------------
Google Maps レスポンシブ化
--------------------------------------------------------*/
.ggmap {
position: relative;
padding-bottom: 66.25%;
height: 0;
margin-bottom:30px;
overflow: hidden;
}

.ts_pddg {padding-top:12px}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 20px;
left: 0;
width: 100%;
height: 100%;
}

.ggmap_tbl {
position: relative;
padding-bottom: 66.25%;
height: 0;
margin-bottom:0;
overflow: hidden;
}
 
.ggmap_tbl iframe,
.ggmap_tbl object,
.ggmap_tbl embed {
position: absolute;
top: 0px;
left: 0;
width: 100%;
height: 100%;
}

/*--------------------------------------------------------
Form setting
--------------------------------------------------------*/
input.fm_a{
width:200px;
padding:2px;
}

input.fm_b{
width:80px;
padding:2px;
}

input.fm_c{
width:300px;
padding:2px;
}

input.fm_g{
width:480px;
padding:2px;
}

textarea.fm_d{
width:420px;
height:180px;
}

textarea.fm_e{
width:440px;
height:180px;
padding:2px;
}

input.fm_f{
width:24px;
padding:2px;
}

/*----------送信ボタン----------*/

.ctr_clm {text-align:center;}

span.sce_txt {text-align:center;font-size:1.2em;line-height:2.8;color:#444;}
span.sce_txt_b {text-align:center;font-size:1.2em;line-height:1.8;color:#444;}
.sce_txt_c {font-size:1.2em;color:#444;padding:12px 8px;}

.layss {
color:#333;
font-size:1.2em;
font-weight:bold;
padding: .2.5em;
border-left: 5px solid #333;
margin-top:30px;
margin-bottom:24px;
}

.waku-cck {
 margin: 0 auto 2em auto;
 padding: 1em 0.5em 0.3em 0.5em;
 width: 96%;
 color: #333;
 background-color: #f9f9f9;
 border: 2px solid #ccc;
 border-radius: 8px; 
}

.main-contact-und-in {
 position: relative;
 margin: 3em auto 3em auto;
 padding: 1em 1em 0 1em;
 width: 94%; 
 border-style: solid;
 border-color: #2f6cb4;
 border-width: 5px 1px 1px;
 background-color: #fffae5;
 color: #666;
 box-shadow: 1px 1px 3px #ccc;
}

.main-contact-und-in *,.main-contact-und-in *:before, .main-contact-und-in *:after {
	box-sizing: border-box;
}

.main-contact-und-in .col_2{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.main-contact-und-in .col_2 > div{
	width: 50%;
	padding: 10px 10px 0 10px;
}
@media screen and (max-width: 960px) {
	.main-contact-und-in .col_2 > div{
		width: 100%;
	}
}

.two_Clm *, .two_Clm *:before, .two_Clm *:after {
	box-sizing: border-box;
}
.two_Clm .col_2{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
.two_Clm .col_2 > div{
	width: 50%;
	padding: 20px;
}
@media screen and (max-width: 960px) {
	.two_Clm .col_2 > div{
		width: 100%;
	}
}


.main-contact-und-in .tel_btn {
 padding-left: 62px;
 font-size:0.9em;
 background: url(../images/phone.png) no-repeat;
}

.main-contact-und-in .tel_btn .bbg_txt {font-size:2.1em;}
.main-contact-und-in .tel_btn .bbg_txt a{color:#fff;}

.main-contact-und-in .fm_btn {
 padding-left: 62px;
 line-height: 50px;
 background: url(../images/mail.png) no-repeat;
 font-size:1.2em;
}

.main-contact-und-in .fm_btn a {color:#fff;}

.waku_rs {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #444;
    background: #f5f5f5;
    border: solid 3px #ddd;
    border-radius: 10px;
}

.waku_rs .rs_ttx {text-align:center;font-weight: bold;padding:0.5em 0 0 0;}

.waku_rs ul.wk_rtxt {
    margin: 0 0 0 1.2em; 
    padding: 0;
    color:#444;
    font-size:0.9em;
    font-weight: normal;
}

.contact_tbl th {white-space:nowrap;}

.btn_rsst {
     display:block;
     width: 360px;
     margin:0 auto 50px auto;
     height:70px;
     line-height: 70px;
     color: #FFF;
     font-size:1.2em;
     text-decoration: none;
     text-align: center;
     background-color: #2f6cb5;
     border-radius: 5px;
     -webkit-transition: all 0.5s;
     transition: all 0.5s;
}
.btn_rsst:hover{
     background-color: #387fd5;
     text-decoration: none;
}

.ttl-cck_cont {
 text-align:center;
 color: #fff;
 font-size: 1.4em;
 font-weight: bold;
 padding-top:30px;
 margin:0;
}

input[type="submit"],input[type="reset"],input[type="button"]{
padding:12px 30px 14px 34px;
margin:10px auto;
border:0;
background:#01489e;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
line-height:1.618;
font-size:1.2em;
color:#fff;
}

input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
background: #005bc9;
cursor:pointer;
}

*:first-child+html input[type="submit"]{padding:3px;}

.js_txt_a {font-size:2.1em;color:#4472c4;font-weight:bold;margin-bottom:8px;margin-top:24px;}
.js_txt_b {font-size:1.2em;color:#333;font-weight:bold;margin-bottom:8px;margin-top:24px;}

#iso{
	padding-bottom: 16px;
	color: #666;
	font-size: 0.8em;
	text-align:center;
	margin:-24px 0 0 0;
}

#iso .iso-in {
	width:100%;max-width:928px;
    padding: 0.5em 1em;
    margin: 0 auto 20px auto;
    color: #666;/*文字色*/
    background: #FFF;
    border: solid 3px #ddd;/*線*/
    border-radius: 10px;/*角の丸み*/
}

#iso .iso-in p {
    margin: 0; 
    padding: 12px;
}

#nintei *, *:before, *:after {
box-sizing: border-box;
}
#nintei .col_3{
width: 100%;
display: flex;
display: -ms-flexbox; /* IE10 */
flex-wrap: wrap;
-ms-flex-wrap: wrap; /* IE10 */
}
#nintei .col_3 > div{
width: 33.33333%;
padding: 5px;
}
@media screen and (max-width: 960px) {
#nintei .col_3 > div{
width: 100%;
}
}
@media screen and (max-width: 960px) {
#nintei .col_3 > div.js_in{
width: 33.33333%;
text-align:center;
}
}
@media screen and (max-width: 480px) {
#nintei .col_3 > div{
width: 100%;
}
}

@media screen and (max-width: 736px) {
#nintei .col_3 > div.js_in{
width: 100%;
text-align:center;
padding: 0;
}
}

.c-bith {clear:left;}

.ht_30 {height:16px;}

#nintei_Ko {margin-bottom:60px;}

#nintei_Ko *, *:before, *:after {
box-sizing: border-box;
}
#nintei_Ko .col_3{
width: 100%;
display: flex;
display: -ms-flexbox; /* IE10 */
flex-wrap: wrap;
-ms-flex-wrap: wrap; /* IE10 */
}
#nintei_Ko .col_3 > div{
width: 33.33333%;
padding: 10px;
}
@media screen and (max-width: 960px) {
#nintei_Ko .col_3 > div{
width: 100%;
}
}
@media screen and (max-width: 960px) {
#nintei_Ko .col_3 > div.js_in{
width: 33.33333%;
text-align:center;
}
}
@media screen and (max-width: 480px) {
#nintei_Ko .col_3 > div{
width: 100%;
}
}

@media screen and (max-width: 736px) {
#nintei_Ko .col_3 > div.js_in{
width: 100%;
text-align:center;
padding: 0;
}
}

.fuki {clear:both;}

p.ft_pmt {clear:both;padding-top:1.2em;}
p.ts_kaiin {padding-top:0.8em;margin-bottom:30px;}

#link_clm {clear:both;padding:30px 0 60px 0;}

.main-body-st .col2-dvd-wrap .col ul.slink_file {margin-top:0;margin-bottom:0;}
.main-body-st .col2-dvd-wrap .col ul.slink_file li {
	list-style: none;
	padding-left: 22px;
	padding-bottom:4px;
	margin-left:-20px;
	background: url("../images/icon_slink.gif") 0 2px no-repeat;
	line-height:1.618;
}

.balloon {
    position: relative;
    margin: 0.8em 0 1em 40px;
    padding: 20px 30px;
    background: #fff0c6;
    border-radius: 30px;
    max-width:420px;
    font-size:1.2em;
    color:#8b7418;
}

.balloon:before{    
    content: "";
    position: absolute;
    left: -38px;
    width: 13px;
    height: 12px;
    bottom: 0;
    background: #fff0c6;
    border-radius: 50%;
}

.balloon:after{
    content: "";
    position: absolute;
    left: -24px;
    width: 20px;
    height: 18px;
    bottom: 3px;
    background: #fff0c6;
    border-radius: 50%;
}
.balloon p {
    margin: 0; 
    padding: 0;
}

.balloon_bf {
  position: relative;
  display: inline-block;
  margin: 1.5em 0 0.8em 0;
  padding: 7px 10px;
  min-width: 100%;
  max-width: 100%;
  color: #444;
  font-size: 16px;
  background: #ededed;
  border-radius: 15px;
}

.balloon_bf:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #ededed;
}

.balloon_bf p {
  margin: 0;
  padding: 12px 0;
  font-size:1.1em;
  color:#444;
  text-align:center;
}

.balloon_at {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 7px 10px;
  min-width: 100%;
  max-width: 100%;
  color: #2363b1;
  font-size: 16px;
  background: #c9e1ff;
  border-radius: 15px;
}

.balloon_at:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #c9e1ff;
}

.balloon_at p {
  margin: 0;
  padding: 12px 0;
  font-size:1.1em;
  color:#2363b1;
  text-align:center;
}

.bf_ul {margin-left:28px;margin-bottom:36px;}

.rss_mds {
  padding-bottom: .5em;
  color:#333;
  border-bottom: 1px solid #ccc;
}

.rs_jg {color:#333;margin-bottom:-8px;}

table.tenji_a th {background:#034099;text-align:center;color:#8b7418;}
table.tenji_a td {background:#fff;twhite-space: nowrap;}

table.tenji_b th {background:#f5f5f5;text-align:center;color:#444;}

.col_ln {text-align:center;}

.col_ln img {margin-bottom:8px;}

.col_ln .img_ta {margin:0 auto 0 auto;text-align:center;}

.col_ln p.sst_name {font-size:0.9em;text-align:center;}

.pdf_clm {text-align:center;margin-bottom:40px;}

.pdf_clm p.pf-txt{
	padding:5px 12px;
	background:#ffe;
	color:#444;
	border-color:#ddd;
	border-width:1px;
	border-style:solid;
	width:220px;
	margin:12px auto 8px auto;
}

.col_4{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
	margin-top:15px;
}
.col_4 > div{
	width: 33.33333%;
	padding: 0;
}
@media screen and (max-width: 960px) {
	.col_4 > div{
		width: 50%;
	}
}
@media screen and (max-width: 640px) {
	.col_4 > div{
		width: 100%;
	}
}
@media screen and (max-width: 400px) {
	.col_4 > div{
		width: 100%;
	}
}

ul.setsubi{margin-left:2em;margin-top:-1px;margin-bottom:0;}


/*--------------------------------------------------------
フッター
--------------------------------------------------------*/
.site-footer{
	background: #f5f5f5;
	color: #666;
	padding:24px 0;
}

.site-footer_iso{
	background: #f5f5f5;
	color: #666;
	padding:38px 0 20px 0;
}

.site-footer p {font-size:0.75em;line-height:2.1;margin:0}

.site-footer p.ttlt_top{font-size:0.9em;color: #333;margin:0}

.site-footer p.ttlt_und{font-size:0.9em;color: #333;margin:12px 0 0 0;}

.site-footer p.ttlt{font-size:0.8em;color: #333;margin:0}

.site-footer p.ttlt_pt{font-size:0.8em;color: #333;margin:0;margin:22px 0 0 0;}

.site-footer-in a{
	color: #333;
}

.site-footer .pmenu {text-align:center;}


#contact-bn {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
 
#contact-bn .pu-btn {
  margin-top: 100%;
}

.hr_ind ul {margin-left:0;}

.hr_ind ul li{ 	
    display: inline;
    font-size:0.9em;
    padding:0 30px 0 0;
 }
 
@media (min-width: 736px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}

/*--------------------------------------------------------
印刷時に非表示にする
--------------------------------------------------------*/

@media print{
.global-nav ul li.mb_mn {display:none;}
.img-cp-sp {display:none;}
.bn-sp {display:none;}
.bn-sp img {display:none;}
.page-top img {display:none;}
.site-footer .pmenu {display:none;}
.footer_area{display: none;}

}