@charset "UTF-8";

/*===============================================
PC用　画面の横幅が769px以上
===============================================*/
@media screen and (min-width: 769px){

.ikutaDataContainer {
                                width:100%;
                                margin:0 auto;
                                margin-top: 20px;
                                display: flex;
                                flex-wrap: wrap; /*子要素の折り返し*/
                                justify-content:space-between /*子要素の均等配置*/
}
.ikutaDataContainer::after { /*最終行左寄せ*/
                                display: block;
                                content:"";
                                width: 48%;
}
.ikutaDataContainer div.item {
                                width: 48%;
                                margin-bottom: 1.5rem;
                                border: 1px solid #CCCCCC;
                                box-sizing:border-box;
                                text-align: justify;
}
.ikutabtn{
	margin: 1rem 0px 0px 0px;
	text-align:center;
	font-size: 1rem;
	font-weight: 600;
}

.ikutaWorksContainer {
                                width:100%;
                                margin:0 auto;
                                margin-top: 20px;
                                display: flex;
                                flex-wrap: wrap; /*子要素の折り返し*/
                                justify-content:space-between /*子要素の均等配置*/
}
.ikutaWorksContainer::after { /*最終行左寄せ*/
                                display: block;
                                content:"";
                                width: 48%;
}
.ikutaWorksContainer div.item {
                                width: 48%;
                                margin-bottom: 1.5rem;
                                text-align: justify;
                                font-size: 0.8rem;
}

}



/*===============================================
タブレット用　画面の横幅が768pxまで
===============================================*/
@media screen and (min-width:641px) and (max-width:768px){

.ikutaDataContainer {
                                width:100%;
                                margin:0 auto;
                                margin-top: 20px;
                                display: flex;
                                flex-wrap: wrap; /*子要素の折り返し*/
                                justify-content:space-between /*子要素の均等配置*/
}
.ikutaDataContainer::after { /*最終行左寄せ*/
                                display: block;
                                content:"";
                                width: 48%;
}
.ikutaDataContainer div.item {
                                width: 48%;
                                margin-bottom: 1.5rem;
                                border: 1px solid #CCCCCC;
                                box-sizing:border-box;
                                text-align: justify;
}
.ikutabtn{
	margin: 1rem 0px 0px 0px;
	text-align:center;
	font-size: 1rem;
	font-weight: 600;
}

}


/*===============================================
スマホ用　画面の横幅が640pxまで
===============================================*/
@media screen and (max-width:640px){

.ikutaDataContainer {
                                width:90%;
                                margin:0 auto;
                                margin-top: 20px;
                                display: flex;
                                flex-wrap: wrap; /*子要素の折り返し*/
                                justify-content:space-between /*子要素の均等配置*/
}
.ikutaDataContainer::after { /*最終行左寄せ*/
                                display: block;
                                content:"";
                                width: 100%;
}
.ikutaDataContainer div.item {
                                width: 100%;
                                margin-bottom: 1.5rem;
                                border: 1px solid #CCCCCC;
                                box-sizing:border-box;
                                text-align: justify;
}
.ikutabtn{
	margin: 1rem 0px 0px 0px;
	text-align:center;
	font-size: 1rem;
	font-weight: 600;
}

.ikutaWorksContainer {
                                width:90%;
                                margin:0 auto;
                                margin-top: 20px;
                                display: flex;
                                flex-wrap: wrap; /*子要素の折り返し*/
                                justify-content:space-between /*子要素の均等配置*/
}
.ikutaWorksContainer::after { /*最終行左寄せ*/
                                display: block;
                                content:"";
                                width: 48%;
}
.ikutaWorksContainer div.item {
                                width: 48%;
                                margin-bottom: 1.5rem;
                                text-align: justify;
                                font-size: 0.6rem;
}


}