@charset "utf-8";

/*/////////////////////////////////////
			中ページ全ページ共通(.clearflt フロートクリア用に追加 2022/3/28)
/////////////////////////////////////*/
.clearflt{
	clear:both;
}

section {
	margin: 40px;
	padding: 0;
}

article p{
	margin:1em 0;
}
article .inner {
	padding: 0.5em 0px;
}
article p.img{
	text-align:center;
}
/*------------------------
		パンクズリスト
------------------------*/
#bcl{
	padding:0 0.5em;
	background:#f5f5f5;
}
#bcl ul li{
	display:inline-block;
	font-size:0.8em;
}
#bcl ul li a{
	font-size:0.8em;
}

/*------------------------
		背景
------------------------*/
/*=========fffContainer=========*/

.fffContainer{
	background:#fff;
	width:1000px;
	margin:0 auto;
}
/*------------------------
		hタグ
------------------------*/
/*=========h2=========*/
h2{
	background:#094;
	padding:1.5em 2em;
	color:#fff;
}
h2 img{
	width:34px;
	margin:0 1em 0 0;
}
/*サブページのタイトル*/
h2.LeftbarTit{
	width:1000px;
	margin: 0px auto 10px;
	padding: 0.7em 1.2em 0.7em 1.7em;
	background: #fff;
	font-size: 1.1em;
	color: #000;
	position: relative;
}
h2.LeftbarTit:before{
	content:"";
	background: #094;
	width: 4px;
	height: 80%;
	position: absolute;
	top: 0;
	left: 10px;
	bottom: 0;
	margin: auto;
}
/*=========h3=========*/
h3{
	position:relative;
	padding: 0 0 0 2em;
	/* line-height: 1em; */
	margin: 1em 0;
}
h3:before{
	content:"";
	width: 1em;
	height: 1em;
	background: #094;
	position: absolute;
	top: 0.2em;
	/* bottom: 0; */
	left: 0;
	/* right: 0; */
	margin:auto;
}
/*=========h4=========*/
h4{
	background:#eee;
	padding: 0.5em 1em;
	/* line-height:1; */
	margin:1em 0;
}
/*=========h5=========*/
h5{
	background:#094;
	color:#fff;
	display:inline-block;
	padding: 0.5em 1em;
	/* line-height:1; */
}

/*------------------------
	アコーディオンボックス
------------------------*/
.acordionBox{
	border:4px solid #eee;
	margin: 1em 0;
}
.acordionBox .trigger{
	font-size:1.1em;
	font-weight:bold;
	margin: 0;
	padding: 0.5em 1em;
	background: url(../images/acArr_op.png) no-repeat right 1em top 50%;
	background-size: 25px;
}
.acordionBox .trigger:hover{
	cursor:pointer;
	background-color:#eee;
}
.acordionBox .trigger.active{
	background: url(../images/acArr_cl.png) no-repeat right 1em top 50%;
	background-size: 25px;
	background-color: #eee;
}
.acordionBox .acordion{
	display:none;
	padding: 20px 50px;
}
.illust{
	text-align:center;
	border:1px solid;
}
/*------------------------
	テキストリンク
------------------------*/
p.textLink{
	margin:0 1em;
}
.textLink a{
    background: url(../images/arr02.png) no-repeat 0% 50%;
    background-size: 3px auto;
    padding: 0 0 0 1em;
}
.textLink img{
	width:16px;
	margin:0 1em;
	vertical-align: middle;
}
.textLink li{
	margin:0 1em;
}
/*------------------------
	テキストリンク2
------------------------*/
p.textLink2{
	margin:0 1em;
}
/*
.textLink2 a{
    background: url(../images/arr02.png) no-repeat 0% 50%;
    background-size: 3px auto;
    padding: 0 0 0 1em;
}
*/
.textLink2 img{
	width:16px;
	margin:0 1em;
	vertical-align: middle;
}
.textLink2 li{
	margin:0 1em;
}

.textLink2 ol{
/*	list-style-type: decimal*/
}
/*------------------------
	ロールオン
------------------------*/

.RollOn:hover{
  cursor: pointer;
}

/*------------------------
	フォント装飾
------------------------*/
.talkTxt{
	background:#094;
	color:#fff;
	padding: 0.5em 1em;
	font-size: 1.2em;
	font-weight: bold;
}

.picFont{
	color:#094;
	font-size: 1.2em;
	font-weight: bold;
}
/*------------------------
	フロー図
------------------------*/

.flowBox li{
	display:inline-block;
	vertical-align:top;
	margin:0 10px;
}
.flowBox.box4column li{
	width : 200px;
}
.flowBox.box3column li{
	width : 270px;
}
.flowBox li .num{
	color:#094;
	font-size: 1.2em;
	font-weight: bold;
}
.flowBox li img{
	vertical-align:top;
}
/*------------------------
	画像とキャプション.figureBox
------------------------*/
.figureBox figure img{
	width:100%;
}
.figureBox figure figcaption{
	font-size:0.8em;
	line-height:1.2;
	padding:0.5em;
}
.figureBox figure{
	display:inline-block;
	overflow:hidden;
	text-align:center;
	vertical-align: top;
}
.figureBox figure img{
	width:100%;
	height:auto;
}

.figureBox figure.fig1column{width: 456px;}
.figureBox figure.fig2column{width: 456px;}
.figureBox figure.fig3column{width: 300px;}
.figureBox figure.fig4column{width: 224px;}



/*===============================================
●style.css 画面の横幅が769px以上
===============================================*/
@media print,screen and (min-width: 769px){
/*=========↓↓↓↓↓アンカーリンクでのトップ位置のずれをふせぐため↓↓↓↓↓=========*/
section {
	margin-top: -50px;
	padding-top: 50px;
}
/*=========↑↑↑↑↑アンカーリンクでのトップ位置のずれをふせぐため↓↓↓↓↓=========*/
}


/*===============================================
●smart.css  画面の横幅が768pxまで
===============================================*/
@media screen and (max-width:768px){

section {
	margin:1em;
	padding: 0;
}
/*=========↓↓↓↓↓アンカーリンクでのトップ位置のずれをふせぐため↓↓↓↓↓=========*/
section {
	margin-top: -10px;
	padding-top: 10px;
}
/*=========↑↑↑↑↑アンカーリンクでのトップ位置のずれをふせぐため↓↓↓↓↓=========*/

/*------------------------
		パンクズリスト
------------------------*/
#bcl{
	border-top:2px solid #eee;
	background:#ffffff;
}
/*------------------------
		背景
------------------------*/
/*=========fffContainer=========*/

.fffContainer{
	width:auto;
}
/*------------------------
		hタグ
------------------------*/
/*=========h2=========*/
h2{
	padding:1em;
	font-size:1.5em;
}
/*サブページのタイトル*/
h2.LeftbarTit{
	width:auto;
	font-size:1.5em;
	padding: 0.7em 1.2em;
}
/*=========h3=========*/
h3{
	font-size:1.4em;
}
/*=========h4=========*/
h4{
	font-size:1.3em;
}
/*=========h5=========*/
h5{
	font-size:1.2em;
}
/*=========h5=========*/
h6{
	font-size:1.1em;
}

/*------------------------
	アコーディオンボックス
------------------------*/
.acordionBox .acordion{
	padding: 1em;
}
/*------------------------
	フロー図
------------------------*/

.flowBox.box4column li,
.flowBox.box3column li{
	width : auto;
	display:block;
}
/*------------------------
	画像とキャプション.figureBox
------------------------*/

.figureBox figure.fig1column,
.figureBox figure.fig2column,
.figureBox figure.fig3column,
.figureBox figure.fig4column{
	width:48%;
	margin:auto;
}


}