/* トップページ用記述 */
#Stories{
  display:flex;
  margin:40px auto;
}
.sp{ display:none; }
div.stories-wrap-left{
  width:490px;
  height:200px;
  margin:20px 14px 20px 0px;
  padding:0;
  display:inline-block;
  border:#ccc solid 1px;
}
div.stories-wrap-right{
  width:490px;
  height:200px;
  margin:20px 0px 20px 0px;
  padding:0;
  display:inline-block;
  border:#ccc solid 1px;
}
a.stories-link{
  text-decoration:none;
  color:#333;
}
div.stories_ph{
 display:inline-block;
  width:200px;
  margin:0;
  padding:0;
}
div.stories_desp{
  display:inline-block;
  width:280px;
  margin:0;
  padding:10px;
  vertical-align:top;
}
p.stories_company{
  margin:10px 0;
  width:100%;
  border-bottom:1px dotted #666;
}
p.stories_title{
  font-size:1.2em;
  font-weight:bold;
  line-height:1.4em;
}

/* 記事用記述 */
div.stories_top{
  margin:60px auto;
  width:1000px;
}
div.main_ph{
  margin:30px auto;
  width:100%;
  text-align:center;
}
div.stories_main_title{
  font-size: 2.6rem;
  font-weight:bold;
  padding:10px 0;
  border-top:1px solid #666;
  border-bottom:1px solid #666;
  margin:20px 0 0 0;
  color:#333;
}
div.stories_main_company{
  font-size:1.2em;
  padding:10px 0 5px 10px;
  background:#eee;
  border-bottom: 1px dashed #999;
}
div.stories_sub{
  margin:100px auto;
  width:1000px;
}
h2.stories_sub_title{
  font-weight: bold;
  font-size: 2.6rem;
  padding-left:10px;
  border-left:8px solid #d61518;
  margin:30px 0;
}
div.stories_sub_desp_part{
  font-size:1.2em;
  line-height:1.8em;
  margin-bottom:20px;
}
p.stories_sub_desp_title{
  font-weight: bold;
  color:#d61518;
}
p.stories_sub_desp_desp{
  margin-bottom:20px;
}
div.stories_sub_company_sub{
  display:flex;
  background:#eee;
  border-radius:6px;
  padding:20px;
}
p.stories_sub_company_title{
  margin-bottom:15px;
  padding:2px 10px;
  background:#d61518;
  font-weight:bold;
  color:#fff;
  width:300px;
  border-radius:3px; 
}
div.stories_sub_company_desp{
  display:inline-block;
}
p.stories_sub_company_desp_desp{
  line-height:1.6em;
  padding-left:5px;
}
div.stories_sub_company_img{
  display:inline-block;
  margin-right:20px;
}
div.stories_sub_company_img a{
  width:100px;
  height:100px;
}

/*導入サイト一覧*/
h4{
  font-size:1.6em;
  font-weight:bold;
  margin-bottom:20px;
}
.toggle {
	display: none;
}
.Label{
  font-weight:bold;
  font-size:1.4em;
  display: block;
  margin:10px 0;
  padding:5px 20px 5px;
  background:#fff;
  color:#d61518;
  border:2px solid #d61518;
  border-radius:4px;
}
.Label::before{
  content:"";
  width: 10px;
  height: 10px;
  border-top: 2px solid #d61518;
  border-right: 2px solid #d61518;
  -webkit-transform: rotate(45deg);
  position: absolute;
  top:calc( 50% - 6px );
  right: 20px;
  transform: rotate(135deg);
}
.Label,.connectlist{
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: all 0.3s;
}
.connectlist{
  height: 0;
  width:1000px;
  line-height:2.6em;
  overflow: hidden;
}
.connectlist a{
  color:#333;
  display:inline-block;
  min-width:310px;
}
.toggle:checked + .Label + .connectlist {	/*開閉時*/
  height: auto;
  padding:0px ;
  transition: all .3s;
  margin-bottom:30px;
}
.toggle:checked + .Label::before {
  transform: rotate(-45deg) !important;
}