/* CSS Document */

.ttl-lv1{
  color: #4B3060;
}
.ttl-lv2::before{
  background: #4B3060;
}
.list-check-01 > li::before{
  background: url("../img/common/ico_check_06.jpg");
} 
a.panel-btn-01 .title{
  color: #4B3060;
}
a.panel-btn-01{
  border-color: #4B3060;
  background: #E1D5EA;
}
a.panel-btn-02{
  color: #4B3060;
  border-color: #4B3060;
  background: #E1D5EA;
}
a.panel-btn-01::after,
a.panel-btn-02::after{
  border-color:  #4B3060;
}
.layout-isg-01{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.layout-isg-01 li:first-child{
  margin-right: 20px;
}


.layout-isg-02{
  padding-left: 30px;
}
.layout-isg-03 div:first-child {
	float: left;
	width: 600px;
}
.layout-isg-03 div:last-child {
	float: right;
	width: 360px;
}

.main.img_reco img{
  max-width: 100%;
}
.main.img_reco h2{
  margin-top: 60px;
}
.img_reco ul li{
  position: relative;
  line-height: 1.8;
  padding-left: 0.8em;
}
.img_reco ul li::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0.6em;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    display: block;
    background-color: #3498DB;
}
.img_reco ol{
  list-style: none;
}
.img_reco ol li{
  line-height: 2.2;
  margin-left: 0;
}
.img_reco dt::before{
  content:'■';
}
.img_reco_flex{
  display: flex;
}
.img_reco_flex .img_reco_flex_r{
  margin-left: 20px;
  width: 320px;
  flex-shrink: 0;
}
.img_reco_flex .img_reco_flex_l{
  margin-right: 20px;
  width: 320px;
  flex-shrink: 0;
}
.img_reco_contact{
  text-align: center;
  padding: 20px;
  background-color: #EBFAFF;
}
.img_reco_contact p:first-of-type{
  font-size:2.8rem;
  font-weight: bold;
  color:#1F497D;
}
.img_reco_contact .img_reco_flex{
  justify-content: space-around;
}
.img_reco_contact .img_reco_flex li{
  color:white;
  width: 145px;
  padding: 5px 0;
  background-color: #1F497D;
}
.img_reco .img_reco_contact ul li::before{
  content:none;
}
.img_reco .link-btn-01{
  background-color:#0064D2;
}
.img_reco_movie{
  width: 500px;
  margin: 0 auto;
}
/*-----------------
 .play-mark (再生マーク)
-------------------*/

.popup-video {
  position:relative;
}
.popup-video a img {
	opacity: inherit;
  position:relative;
}
.popup-video::before,
.popup-video::after {
  bottom:0;
  content:"";
  display:block;
  left:0;
  line-height:1;
  margin:auto;
  position:absolute;
  right:0;
  top:0;
}
.popup-video::before {
  background-color:rgba(0,0,0,0.4);
  border-radius:100%;
  height:100px;
  transition:all .2s;
  width:100px;
}
.popup-video:hover::before{
  background-color:#e61e1e;
}
.popup-video::after {
  border-top:15px transparent solid;
  border-bottom:15px transparent solid;
  border-left:26px #fff solid;
  height:0;
  right:-7px;
  width:0;
}
.popup-video:hover img{
  opacity: 1!important;
}
/*----------------------------*/

.isg_manufac .taiougyoumu ul{
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  margin-top: 40px;
}
.isg_manufac .taiougyoumu ul:nth-of-type(2) li{
  background-color:  #ffe4c5;
}
.isg_manufac .taiougyoumu ul:nth-of-type(3) li{
  background-color:  #c4e9bc;
}
.isg_manufac .taiougyoumu ul li{
  width: 155px;
  height: 60px;
  margin-right: 20px;
  background-color:#c1ecf3;
  display: flex;
  align-items: center;
  justify-content: center;
}
.isg_manufac .taiougyoumu ul li:nth-child(3n){
  margin-right: 150px;
}
.isg_manufac .link-tri{
  margin-bottom: 20px;
  position:relative;
  display:block;
  padding-left:15px;
  text-decoration: underline;
}
.isg_manufac .link-tri::before{
   content: "";
  display:inline-block;
  width: 0;
  height: 0;
  border-top: solid 5px transparent;
  border-bottom: solid 5px transparent;
  border-left: solid 8px #333;
  position: absolute;
  top: 50%;
  left:2px;
  margin-top:-6px;
}

/*----------------------------------*/

.isg_case .main{
  line-height: 2.14;
}
.isg_case .link_under a{
  text-decoration: underline;
}
.isg_case .isg_case_flex{
  display: flex;
}
.isg_case .isg_case_main{
  justify-content: space-between;
}
.isg_case .isg_case_main ul{
  width: 480px;
}
.isg_case .isg_case_main li p:first-child{
  min-width: 15%;
}
.isg_case .isg_case_trouble{
  align-items: center;
  justify-content: center;
  background: linear-gradient(#DFF2FF, #F9FDFF);
  padding: 20px;
}
.isg_case .isg_case_trouble img{
  margin-right: 30px;
}
.isg_case table{
  text-align: center;
  border-collapse: collapse;
  width: 100%;
}
.isg_case th,.isg_case td{
  border: solid 1px #333;
  padding: 3px;
}
.isg_case th{
  background-color: #b7dee8;
}
.isg_case tr:nth-child(2n+1){
  background-color: #f2f2f2;
}
.isg_case .pl_1em{
  padding-left: 1em;
}