@charset "utf-8";
/* CSS Document */

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

img.main_image{
width:758px;
margin:0 auto;
}

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

h2.outlin_h2{
	margin-top:-30px;
	}
div.sec_outline{
width:700px;
padding-top:40px;
margin:0 auto;
}

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

div.sec_outline div h4{
color:#009245;
font-size:15px;
font-weight:bold;
padding-bottom:10px;
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{
margin:25px auto;
}
.outlin_list{
	margin:15px 0;
	}
.outlin_list li{
	list-style-type:disc !important;
	margin-left:20px;
	}

/********  追加・修正要素 **********/

.txt_y {
  color:#e7d300;
  font-weight:bold;
}
.txt_b {
  color:#0091df;
  font-weight:bold;
}
.txt_g {
  color:#00b12a;
  font-weight:bold;
}

.outlin_list2{
  margin:10px 0;
}
.outlin_list2 li{
  list-style-type: none;
  counter-increment: cnt;
  margin-left:10px;
}
.outlin_list2 li::before {
  content: counter(cnt) "）";
}

div.sec_outline2{
  width:700px;
  padding-top:20px;
  margin:0 auto;
}

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

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

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

.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 12px 0 0;
}

.item-img1{
  width: 100%;
  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:255px;                          /* 吹き出し全体の幅 */
  left : 10%;                           /* 表示位置 */
  bottom : 100%;                        /* 表示位置 */
  margin-bottom : 1px;                  /* 表示位置 */
  padding: 14px;                        /* 余白 */
  font-size: 9pt;                       /* 文字サイズ */
  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:210px;                          /* 吹き出し全体の幅 */
  left : -30px;                         /* 表示位置 */
  bottom : 100%;                        /* 表示位置 */
  margin-bottom : 1px;                  /* 表示位置 */
  padding: 15px;                        /* 余白 */
  font-size: 9pt;                       /* 文字サイズ */
  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 : 20%;                             /* 吹き出し口の横位置 */
  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: 700px;
  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        : 108px;
}

.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: 700px;
  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        : 162px;
}

.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: 30px;
  float: right;
  width: 95px;
}
.float_r_s_2 {
  background: #ffffff;
  padding-left: 30px;
  float: right;
  height: 92px;
}