@charset "utf-8";
/* デスクトップレイアウト : 769 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */
@media print, screen and (min-width: 768px) {

/*トップ
---------------------------------------------*/
#business {
position: relative;
padding: 150px 0 0;
}

#business .red_txt{
font-weight: bold;
margin-top: 60px;
}

#business .hed_btn{
position: relative;
width: 1000px;
margin: 0 auto 80px;
border-radius: 1.2rem;
background: #FFF;
box-shadow: 0 0 15px rgba(0,0,0,.1);
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

#business .hed_btn::before{
content: "";
position: absolute;
top: 16px;
left:50%;
width: 1px;
height: 50px;
background: #D5D5D5;
}

#business .hed_btn li{
width: 50%;
text-align: center;
}

#business .hed_btn li a{
display: block;
padding: 20px;
box-sizing: border-box;
font-weight: bold;
font-size: 16px;
line-height: 1;
}

#business .hed_btn li a span{
display:block;
width: 12px;
margin:10px auto 0;
}

#business .hed_btn li a:hover{
color: #086DB0;
}

#business .ttl_c{
font-size: 26px;
line-height: 1;
text-align: center;
color: #086DB0;
margin: 0 0 60px;
}

#business .ttl_c2{
font-size: 20px;
line-height: 1;
text-align: center;
margin: 0 0 60px;
}

#business .list{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 100px;
}

#business .list li{
width:calc(33.333% - 1px);
border-right:1px solid #D5D5D5;
border-bottom:1px solid #D5D5D5;
padding:50px 20px;
box-sizing: border-box;
}

#business .list li:nth-child(3n){
border-right: none;
}

#business .list li:nth-child(4),
#business .list li:nth-child(5),
#business .list li:nth-child(6){
border-bottom: none;
}

#business .list li .illust{
text-align: center;
margin: 0 auto 30px;
}

#business .list li .illust img{
width: auto;
height:95px;
}

#business .list li .sub_ttl{
font-weight: bold;
font-size: 15px;
line-height: 1;
text-align: center;
margin-bottom: 20px;
}

#business .list li .sub_txt{
font-size: 58px;
font-weight: bold;
font-family: "Inter","Noto Sans JP", sans-serif;
line-height: 1;
color: #086DB0;
text-align: center;
}

#business .list li .sub_txt span{
font-size: 32px;
}

#business .list li .sub_txt2{
font-size: 12px;
font-weight: bold;
text-align: center;
line-height: 1;
margin-top: 20px;
}


#business .list2{
width: 100%;
}

#business .list2 li{
width:100%;
margin-bottom: 80px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

#business .list2 li:last-child{
margin-bottom: 0;
}

#business .list2 li h4{
width: 100%;
display: flex;
align-items: center;
font-size: 22px;
line-height: 1;
margin: 0 0 20px;
}

#business .list2 li h4 span{
margin-right: 15px;
}

#business .list2 li h4 span img{
width: auto;
height: 40px;
}

#business .list2 li .img{
width: 32.5%;
}

#business .list2 li .txt_box{
width:63%;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 200px;
}

#business .list2 li .txt_box .txt{
font-size: 15px;
margin-bottom: 20px;
}

#business .list2 li .txt_box .gr_box{
width: 100%;
position: relative;
}

#business .list2 li .txt_box .gr_box h5{
font-size: 15px;
font-weight: bold;
line-height: 1;
margin-bottom: 5px;
}

#business .list2 li .txt_box .gr_box .gr_list{
position:relative;
}

#business .list2 li .txt_box .gr_box .gr_list li{
display: inline-block;
margin: 0 5px 5px 0;
color: #FFF;
font-size: 13px;
font-weight: bold;
line-height: 1;
padding: 5px 10px;
border-radius: 50rem;
background: #909090;
width: auto;
}


}





/* モバイルレイアウト : 480 px およびそれ以下. */
/*sp*/
@media only screen and (max-width: 767px) {

/*トップ
---------------------------------------------*/
#business { position: relative; padding: 80px 0 0; }

#business .hed_btn {
position: relative;
margin: 0 auto 40px;
padding:5px 10px;
border-radius: 1.2rem;
background: #FFF;
box-shadow: 0 0 15px rgba(0, 0, 0, .1);
}
#business .hed_btn li { border-bottom: 1px solid #D5D5D5; }
#business .hed_btn li:last-child { border-bottom: none; }
#business .hed_btn li a {
display: flex;
padding:15px 15px;
box-sizing: border-box;
font-weight: bold;
line-height: 1;
}
#business .hed_btn li a span {
display: block;
width: 12px;
margin-right: 10px;
}
#business .hed_btn li a:hover {
color: #086DB0;
}

#business .ttl{
margin-bottom: 30px;
}

#business .ttl_c {
font-size: 2.2rem;
line-height: 1;
text-align: center;
color: #086DB0;
margin: 0 0 30px;
}
#business .ttl_c2 {
font-size: 20px;
line-height: 1;
text-align: center;
margin: 0 0 30px;
}
#business .list {
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 40px;
}
#business .list li {
width: 50%;
border-right: 1px solid #D5D5D5;
border-bottom: 1px solid #D5D5D5;
padding: 15px 5px;
box-sizing: border-box;
}
#business .list li:nth-child(2n) {
border-right: none;
}
#business .list li:nth-child(5), #business .list li:nth-child(6) {
border-bottom: none;
}
#business .list li .illust {
text-align: center;
margin: 0 auto 15px;
}
#business .list li .illust img {
width: auto;
height: 60px;
}
#business .list li .sub_ttl {
font-weight: bold;
font-size: 15px;
line-height: 1;
text-align: center;
margin-bottom: 15px;
}
#business .list li .sub_txt {
font-size: 3rem;
font-weight: bold;
font-family: "Inter", "Noto Sans JP", sans-serif;
line-height: 0.7;
color: #086DB0;
text-align: center;
}
#business .list li .sub_txt span {
font-size: 1.5rem;
}
#business .list li .sub_txt2 {
font-size: 0.9rem;
font-weight: bold;
text-align: center;
line-height: 1;
margin-top: 10px;
}


#business .list2 { width: 100%; }
#business .list2 li { width: 100%; margin-bottom: 40px; }
#business .list2 li:last-child { margin-bottom: 0; }
#business .list2 li h4 {
width: 100%;
display: flex;
align-items: center;
font-size: 1.8rem;
line-height: 1;
margin: 0 0 20px;
}
#business .list2 li h4 span {
margin-right: 10px;
}
#business .list2 li h4 span img {
width: auto;
height: 40px;
}
#business .list2 li .img { margin: 0 0 20px; }
#business .list2 li .img img { height: 200px; object-fit: cover; border-radius: 20px; }
#business .list2 li .txt_box {
display: flex;
flex-direction: column;
justify-content: space-between;
}
#business .list2 li .txt_box .txt {
font-size: 15px;
margin-bottom: 20px;
}
#business .list2 li .txt_box .gr_box {
width: 100%;
position: relative;
}
#business .list2 li .txt_box .gr_box h5 {
font-size: 16px;
font-weight: bold;
line-height: 1;
margin-bottom: 10px;
}
#business .list2 li .txt_box .gr_box .gr_list {
position: relative;
}
#business .list2 li .txt_box .gr_box .gr_list li {
display: inline-block;
margin: 0 5px 5px 0;
color: #FFF;
font-size: 13px;
font-weight: bold;
line-height: 1;
padding: 5px 10px;
border-radius: 50rem;
background: #909090;
width: auto;
}


}