@charset "UTF-8";

/*==================
カードの設定
=====================*/

.org-container{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

.org-container .box{
        background-color: var(--i_sub2_color);
    border-radius: 20px;
    padding: 20px;
}

.org-container .box-left{
margin-right: 30px;
}

.org-container .box-right{
margin-left: auto;
}

.org-container .box-title-wrap{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}

.org-container .box-title{
color: var(--i_main_color);
font-size: 2.5rem;
font-weight: bold;
 margin-right: 30px;
}

.org-container .box-sub-title span{
color: #fff;
font-size: 2.5rem;
background-color: var(--i_txt_color);
border-radius: 10px;
    text-align: center;
    padding: 0 30px;
   
}

.org-container .box-items{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 20px;
}


.org-container .box-item{
background-color: #fff;
border: 1px solid #ccc;
padding: 20px 10px;
width: 100%;
max-width: 170px;
position: relative;
}

.org-container .box-item + .box-item{
margin-left: 20px;
}

.org-container .box-item:before{
content: "";
width: 10px;
height: 10px;
border-top: 2px solid var(--i_sub_color);
border-right: 2px solid var(--i_sub_color);
position: absolute;
top: 50%;
right: -14px;
transform: rotate(45deg);
}

.org-container .box-right .box-item:last-of-type:before{
content: none;
}

.org-container .box-left .box-item:last-of-type:before{
right: -50px
}


.org-container .item-title{
    text-align: center;
    color: var(--i_main_color);
    font-weight: bold;
    font-size: 2rem;
    border-bottom: 1px solid var(--i_main_color);
}

.org-container .item-text{
margin-top: 15px;
line-height: 1.6em;
}


@media (max-width: 1200px){
.org-container .box-left .box-item:last-of-type:before{
right: -38px;
}
}

@media (max-width: 1023px){
.org-container{
-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}

.org-container .box-right{
margin: 30px auto 0;
}

.org-container .box-left .box-item:last-of-type:before{
content: none;
}

.org-container .box-left{
position: relative;
margin-right: 0;
}

.org-container .box-left:before{
    content: "";
    width: 10px;
    height: 10px;
    border-bottom: 2px solid var(--i_sub_color);
    border-right: 2px solid var(--i_sub_color);
    position: absolute;
    bottom: -20px;
    left: 50%;
    transform: rotate(45deg) translateX(-50%);
}
}


@media (max-width: 768px){
.org-container{
display: block;
}

.org-container .box{
max-width: 500px;
}

.org-container .box-left{
margin: 0 auto;
}

.org-container .box-right{
margin-top: 50px;
}

.org-container .box-left:before{
bottom: -30px;
}

.org-container .box-title-wrap{
display: block;
text-align: center;
}

.org-container .box-title{
margin-right: 0;
}

.org-container .box-items{
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
}

.org-container .box-item + .box-item{
margin: 20px auto 0;
}

.org-container .box-item{
max-width: 300px;
margin-left: auto;
margin-right: auto;
box-sizing: border-box;
}

.org-container .box-item:before{
border-top: none;
border-bottom: 2px solid var(--i_sub_color);
top: initial;
right: initial;
bottom: -12px;
left: 50%;
transform: translateX(-50%) rotate(45deg);
}

}