.ch-grid {
    padding: 0;
    list-style: none;
    display: flex;
    text-align: center;
    width: 100%;
    flex-wrap: wrap;
  /*  max-width: 750px;*/
  max-width:1000px;
    margin: 20px auto;
    gap: 30px;
}

.ch-grid a {
    z-index: 100;
    color: #0066CC;
    display: inline-block;
}
.ch-grid a:hover {
	color: #003399;
}
.ch-grid li {
	width: 200px;
    height: 200px;
    display: inline-block;
    position: relative;
    left: 0px;
    top: 0px;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 70px;
    margin-left: 10px;
}
.ch-item {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: relative;
    cursor: default;
    box-shadow: inset 0 0 0 5px rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.1);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    overflow: hidden;
    border: 8px solid rgba(255,255,255,0.5);
}
.ch-grid:after, .ch-item:before {
    content: '';
    display: table;
}
.profile_name1 {
    font-size: 16px;
    text-align: center;
    margin-top: 10px;
    padding-left: 15px;
}
a .ch-item:hover {
    width: 100%;
    height: 100%;
    -moz-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    text-decoration: no;
    cursor: pointer;
}
.profile_name2 {
    font-size: 16px;
    text-align: center;
    margin-top: 10px;
    color: #F66;
    padding-left: 15px;
}

@media (max-width: 840px) {
	.sp_hidden {
		display: none;
	}
}


@media (max-width: 680px) {
	.contents_text {
	    width: 100%;
	    float: left;
	    font-size: 13px;
	    line-height: 1.5em;
	    padding-top: 20px;
	    padding-bottom: 10px;
	}
	.ch-grid {
	    margin: 0 0 0 0;
	    padding: 0;
	    list-style: none;
	    text-align: center;
	    width: 100%;
		gap: 10px;
	}
	.ch-grid a {
		color: #0066CC;
	}
	.ch-grid li {
	    width: 160px;
	    height: 160px;
	    display: inline-block;
	    position: relative;
	    left: 0px;
	    top: 0px;
	    margin-top: 10px;
	    margin-right: 5px;
	    margin-bottom: 40px;
	    margin-left: 5px;
	    text-align: center;
	}
	.ch-item {
	    width: 98%;
	    height: 98%;
	    border-radius: 50%;
	    position: relative;
	    cursor: default;
	    box-shadow: inset 0 0 0 5px rgba(255,255,255,0.3), 0 1px 2px rgba(0,0,0,0.1);
	    -webkit-transition: all 0.4s ease-in-out;
	    -moz-transition: all 0.4s ease-in-out;
	    -o-transition: all 0.4s ease-in-out;
	    -ms-transition: all 0.4s ease-in-out;
	    transition: all 0.4s ease-in-out;
	    overflow: hidden;
	    border: 5px solid rgba(255,255,255,0.5);
	}
	.profile_name1 {
	    font-size: 16px;
	    text-align: center;
	    margin-top: 5px;
	    padding-left: 10px;
	}
	.profile_name2 {
	    font-size: 16px;
	    text-align: center;
	    margin-top: 5px;
	    color: #F66;
	    padding-left: 10px;
	}
}