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

/* 中身-モバイルファースト======================================================================================================== */

#group_contents .article{
padding: 20px;
margin-top: 20px;
border: solid 3px #111;
}
#group_contents .article.sayama{ border-color: #00b6e8; }
#group_contents .article.apple{ border-color: #9e0f0d; }
#group_contents .article.apaman{ border-color: #003c94; }
#group_contents .article.saitamabriller{ border-color: #ff8929; }
#group_contents .article.brillerlife{ border-color: #369a2f; }
#group_contents .article.wbs{ border-color: #2B4466; }

#group_contents .article h3{
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
}
#group_contents .article.sayama h3{ color: #00b6e8; }
#group_contents .article.apple h3{ color: #9e0f0d; }
#group_contents .article.apaman h3{ color: #003c94; }
#group_contents .article.saitamabriller h3{ color: #ff8929; }
#group_contents .article.brillerlife h3{ color: #369a2f; }

#group_contents .article .info{
margin-bottom: 20px;
}
#group_contents .article .info .ss{
text-align: center;
margin-bottom: 10px;
}
#group_contents .article .info .img{
margin-bottom: 10px;
background-color: #FFF;
box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.1);
}
#group_contents .article .info .logo img{
max-height: 50px;
}
#group_contents .article .info .text p{
font-weight: bold;
}
#group_contents .article.sayama .info .text p{ color: #00b6e8; }
#group_contents .article.apple .info .text p{ color: #9e0f0d; }
#group_contents .article.apaman .info .text p{ color: #003c94; }
#group_contents .article.saitamabriller .info .text p{ color: #ff8929; }
#group_contents .article.brillerlife .info .text p{ color: #369a2f; }

#group_contents .article .accordion_title{
padding: 10px;
color: #fff;
text-align: center;
}
#group_contents .article.sayama .accordion_title{ background-color: #00b6e8; }
#group_contents .article.apple .accordion_title{ background-color: #9e0f0d; }
#group_contents .article.apaman .accordion_title{ background-color: #003c94; }
#group_contents .article.saitamabriller .accordion_title{ background-color: #ff8929; }
#group_contents .article.brillerlife .accordion_title{ background-color: #369a2f; }
#group_contents .article.wbs .accordion_title{ background-color: #2B4466; }

#group_contents .article .accordion_title::after{
border-color: #fff;
display: inline-block;
vertical-align: middle;
margin-left: 1em;
position: relative;
top: inherit;
bottom: inherit;
right: inherit;
}
#group_contents .article .accordion li {
margin-top: 20px;
padding: 10px;
border: solid 1px #ddd;
}
#group_contents .article .accordion li h4{
font-size: 18px;
font-weight: bold;
margin-bottom: 5px;
}
#group_contents .article .accordion li table{
font-size: 12px;
}
#group_contents .article .accordion li th{
text-align: right;
width: 3em;
white-space: nowrap;
vertical-align: top;
}
#group_contents .article .accordion li th::after{
content: "：";
}
#group_contents .article .accordion li .g_common_btn a{
display: block;
}
#group_contents .article.sayama .accordion li .g_common_btn{ background-color: #00b6e8; }
#group_contents .article.apple .accordion li .g_common_btn{ background-color: #9e0f0d; }
#group_contents .article.apaman .accordion li .g_common_btn{ background-color: #003c94; }
#group_contents .article.saitamabriller .accordion li .g_common_btn{ background-color: #ff8929; }
#group_contents .article.brillerlife .accordion li .g_common_btn{ background-color: #369a2f; }
#group_contents .article.wbs .accordion li .g_common_btn{ background-color: ##2B4466; }

/* スマホのみ======================================================================================================== */
@media screen and (max-width: 750px){



}

/* PCのみ======================================================================================================== */
@media print, screen and (min-width: 751px){

#group_contents .article{
padding: 30px 40px 40px;
margin-top: 40px;
}
#group_contents .article h3{
font-size: 30px;
margin-bottom: 20px;
}
#group_contents .article .info{
margin-bottom: 40px;
display: flex;
}
#group_contents .article .info .ss{
width: 420px !important;
}
#group_contents .article .info .text{
flex: 1;
margin-left: 40px;
}
#group_contents .article .info .text p{
margin-bottom: 10px;
}

#group_contents .article .accordion ul{
display: flex;
flex-wrap: wrap;
}
#group_contents .article .accordion li{
width: 32%;
margin-left: 2%;
margin-top: 2%;
padding: 20px 20px 70px;
position: relative;
}
#group_contents .article .accordion li:first-child{
margin-top: 2%;
}
#group_contents .article .accordion li:nth-child(3n-2){
margin-left: 0;
}
#group_contents .article .accordion li table{
font-size: 14px;
}

#group_contents .article .accordion li .g_common_btn{
width: calc(100% - 40px);
position: absolute;
bottom: 20px;
left: 0;
right: 0;
margin: 0 auto;
}



}