@charset "utf-8";

/* CSS Document */



/*---main_image-------------------------------------------------------------*/



img.main_image{

width:100%;

margin:0 auto;

}



/*---sec_outline-------------------------------------------------------------*/





div.sec_outline{

padding-top:30px;

}



div.sec_outline div{

padding-top:10px;

margin-bottom:20px;

}



div.sec_outline div h4{

color:#009245;

font-size:13px;

font-weight:bold;

padding-bottom:5px;

margin:0 auto;
margin-bottom:10px;
border-bottom:1px #8cc63f solid;

}



div.sec_outline div p{

font-size:12px;

line-height:19px;

}



div.sec_outline div img{

width:100%;

margin:25px auto;

}
.outlin_list{
	margin:15px 0;
	}
.outlin_list li{
	list-style-type:disc !important;
	margin-left:30px;
	margin-right:30px;
	}

/********  追加・修正要素 **********/
.txt_y {
  color:#e7d300;
  font-weight:bold;
}
.txt_b {
  color:#0091df;
  font-weight:bold;
}
.txt_g {
  color:#00b12a;
  font-weight:bold;
}
.outlin_list2{
  margin:15px 0;
}
.outlin_list2 li{
  list-style-type: none;
  counter-increment: cnt;
  position: relative;
  margin-left:40px;
  margin-right:30px;
}
.outlin_list2 li::before {
  content: counter(cnt) "）";
  display:inline-block;
  margin-left:-15px;
  width: 11px;
  text-align: right;
  position: absolute;
  top: 0;
  left: 0;
}

div.sec_outline2{
  padding-top:20px;
}

div.sec_outline2 div{
padding-top:10px;
margin-bottom:10px;
}

div.sec_outline2 div h4{
  color:#009245;
  font-size:13px;
  font-weight:bold;
  padding-bottom:5px;
  margin:0 20px;
  margin-bottom:5px;
  border-bottom:1px #8cc63f solid;
}
div.sec_outline2 div p{
  font-size:12px;
  line-height:19px;
  margin:10px 20px
}

/********  画像を横に並べる ********/

.items1 {
  display: flex;
  flex-wrap:wrap;
  justify-content:space-around;
  align-items:center;
}

.item1 {
  margin:0 10px 0 0;
  padding: 0;
  min-height: 0%;
}

.item1w {
  margin:0 8px 0 0;
}

.item-img1{
  width: 90%;
  margin: 1px;
  padding: 0;
}

.c-img{
  text-align : center;
  margin: 0;
}

/********  マウスオーバーで吹き出し ********/
 
.balloonoya {
  position: relative;
}
.balloonoya:hover .balloon {
  display: inline;
}
.balloon {
  position   : absolute;                /* 親要素を基準 */
  display: none;                        /* 要素を非表示 */
  padding: 2px;                         /* テキストの前後の余白 */
  color         : #FFFFFF;
  background-color: #0071bd;            /* 背景色 */
  width:170px;                          /* 吹き出し全体の幅 */
  left : 10%;                           /* 表示位置 */
  bottom : 100%;                        /* 表示位置 */
  margin-bottom : 1px;                  /* 表示位置 */
  padding: 10px;                        /* 余白 */
  font-size: 80%;                       /* 文字サイズ */
  border-radius: 10px;                  /* 角丸 */
  -webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  -moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  -ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
}
.balloon:after{
  border-top: 25px solid #0071bd;         /* 吹き出し口の高さ・色 */
  border-left: 10px solid transparent;    /* 吹き出し口の幅１／２ */
  border-right: 10px solid transparent;   /* 吹き出し口の幅１／２ */
  bottom: -25px;                          /* 吹き出し口の位置調整 */
  left : 30%;                             /* 吹き出し口の横位置 */
  content: "";                            /* コンテンツの挿入 */
  position: absolute;                     /* 親要素を基準 */
  -webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  -moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  -ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
}

.balloonoya2 {
  position: relative;
}
.balloonoya2:hover .balloon2 {
  display: inline;
}
.balloon2 {
  position   : absolute;                /* 親要素を基準 */
  display: none;                        /* 要素を非表示 */
  padding: 2px;                         /* テキストの前後の余白 */
  color         : #FFFFFF;
  background-color: #0071bd;            /* 背景色 */
  width:160px;                          /* 吹き出し全体の幅 */
  left : -5px;                         /* 表示位置 */
  bottom : 100%;                        /* 表示位置 */
  margin-bottom : 1px;                  /* 表示位置 */
  padding: 10px;                        /* 余白 */
  font-size: 80%;                       /* 文字サイズ */
  border-radius: 10px;                  /* 角丸 */
  -webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  -moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  -ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
}
.balloon2:after{
  border-top: 25px solid #0071bd;         /* 吹き出し口の高さ・色 */
  border-left: 10px solid transparent;    /* 吹き出し口の幅１／２ */
  border-right: 10px solid transparent;   /* 吹き出し口の幅１／２ */
  bottom: -25px;                          /* 吹き出し口の位置調整 */
  left : 15%;                             /* 吹き出し口の横位置 */
  content: "";                            /* コンテンツの挿入 */
  position: absolute;                     /* 親要素を基準 */
  -webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  -moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  -ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
  filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
}

/********  続きを読む ********/

.opbox {
  position: relative;                   /* relative指定は必須 */
  margin: auto;
  max-width: 100%;
  background: #fff;
  text-align: left;
  font-size: 15pt;
}

.opbox > div {
  overflow: hidden;                     /* hidden指定は必須 */
}

.opbox > input {
  display: none;
}

.opbox > label {
  position: absolute;
  display: inline-block;
  bottom: -12px;
  right: 0px;
  width: 100%;
  text-align: center;
  padding: 5px 10px 3px 0px ;
  background: #ffffff;
  color: #0071BD;
  cursor: pointer;
  font-size: 9pt;
  font-weight: bold;
}

.opbox > input[type="checkbox"]:not(:checked) ~ div {
  height        : 89px;
}

.opbox > input[type="checkbox"]:checked ~ div {
  padding-bottom: 10px;
}

.opbox > input[type="checkbox"]:not(:checked) + label::after {
  content       : "▼ READ MORE";
}

.opbox > input[type="checkbox"]:checked + label::after {
  content       : "▲ CLOSE";
}

/********  続きを読む 保有装置・ソフトウェア********/

.opbox_is {
  position: relative;                   /* relative指定は必須 */
  margin: auto;
  max-width: 100%;
  background: #fff;
  text-align: left;
  font-size: 15pt;
}

.opbox_is > div {
  overflow: hidden;                     /* hidden指定は必須 */
}

.opbox_is > input {
  display: none;
}

.opbox_is > label {
  position: absolute;
  display: inline-block;
  bottom: -12px;
  right: 0px;
  width: 100%;
  text-align: center;
  padding: 5px 10px 3px 0px ;
  background: #ffffff;
  color: #0071BD;
  cursor: pointer;
  font-size: 9pt;
  font-weight: bold;
}

.opbox_is > input[type="checkbox"]:not(:checked) ~ div {
  height        : 170px;
}

.opbox_is > input[type="checkbox"]:checked ~ div {
  padding-bottom: 10px;
}

.opbox_is > input[type="checkbox"]:not(:checked) + label::after {
  content       : "▼ READ MORE";
}

.opbox_is > input[type="checkbox"]:checked + label::after {
  content       : "▲ CLOSE";
}
/********  小見出しスタイル ********/

.stitle{
  text-decoration:underline;
  font-size:14px;
  font-weight:bold;
  padding-top:10px;
  padding-bottom:5px;
  margin-top:10px;
}
.float_r_s {
  background: #ffffff;
  padding-left: 15px;
  float: right;
  width: 80px;
}
.float_r_s_2 {
  background: #ffffff;
  padding-left: 10px;
  float: right;
  width: 90px;
}