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

section.p-i-gochumjon{
	max-width: 1216px;
	margin: 0 auto;
	padding: 1% 3%;
	box-sizing: border-box;
}
section.p-i-gochumjon > section{
	margin: 5% 0;
}
.p-i-gochumjon p{
	/* font-size: 1rem; */
}

.p-i-gochumjon .flex-pc2-sp1{ /*フレックスレイアウト 基本設定*/
	display : flex;
	flex-direction:row;
    flex-wrap:wrap;
	justify-content: space-between;
	list-style: none;
}
.p-i-gochumjon .flex-pc2- sp1 div{
	width: 44%;
	margin: 3%;
	/* padding: 3%; */
	box-sizing: border-box;
	flex-wrap:wrap;
}
.p-i-gochumjon .flex-pc2-sp1-1{ /*PC フレックスレイアウト 左*/
	width: 32%;
	margin: 3%;
	/* padding: 3%; */
	box-sizing: border-box;
	flex-wrap:wrap;
}
.p-i-gochumjon .flex-pc2-sp1-2{ /*PC フレックスレイアウト 右*/
	width: 58%;
	margin: 2%;
	/* padding: 3%; */
	box-sizing: border-box;
	flex-wrap:wrap;
}

.p-i-gochumjon h2{
	font-size: 2.2rem;
	font-weight: bold;
	text-align: center;
	margin: 0 0 3%;
}
.p-i-gochumjon h3{
	font-size: 2.2rem;
	font-weight: bold;
	text-align: center;
	margin: 3% 0 2%;
}
.p-i-gochumjon h4{
	font-size: 2.0rem;
	font-weight: bold;
	text-align: center;
	margin: 0 0 3%;
}
.p-i-gochumjon p.description{
	font-size: 1.6rem;
	font-weight: bold;
	margin: 1%;
}

/*※の文章*/
.sub-txt{
	font-size: 13px;
	color: #167ac6;
}

.p-i-gochumjon ul{
	margin: 2%;
	list-style-position: inside;
}
.p-i-gochumjon .sub{
	margin: 2% 4%;
	padding: 5%;
	background-color: #eaeaea;
}
.p-i-gochumjon img{
	/* width: 100%; */
}

.p-i-gochumjon iframe{
	width: 278px;
	height: 170px;
}
@media screen and (max-width: 600px) { /* SP */
.p-i-gochumjon iframe{
	width: 100%;
}
}
@media screen and (max-width: 600px) { /* SP */
.p-i-gochumjon .flex-pc2-sp1-1{ /* SP フレックスレイアウト 1列 */
	width: 70%;
	margin: 0 auto;
}
	.p-i-gochumjon .flex-pc2-sp1-2{ /* SP フレックスレイアウト 1列 */
	width: 100%;
}

}



.c-btn { /* 赤button */
	/* margin: 1% auto; */
	width: 39.24%;
}
.c-btn-100 {
	margin: 1% auto;
	width: 77.5%;
}
@media screen and (max-width: 600px) { /* 赤button */
.c-btn,.c-btn-100 {
	width: 90%;
}
}

.c-btn a:hover,.c-btn-100 a:hover {
  background-color: #fff;
  background-image: url(https://myroom.itembox.design/item/images/cnt/i-arrow1-2.png);
  color: #e50112;
}



/*-- **fsシステム 見出し幅 調整 ↓↓ --*/
.fs-c-heading--page{
	max-width: 1216px;
	margin: 0 auto;
}

/*-- **fsシステム SP main 調整 ↓↓ --*/
.fs-l-main{
	padding: 0;
}

.p-info .pc{
	display: inline;
}
@media screen and (max-width: 600px) {
.p-info .pc{
	display: none;
}
}

.p-info .sp{
	display: none;
}
@media screen and (max-width: 600px) {
.p-info .sp{
	display: inline;
}
}


.p-info{
	margin: 0 auto;
	box-sizing: border-box;
}

.p-info section{
	margin: 0 auto;
}
.p-info section > div{
	margin: 0 auto;
	max-width: 1216px;
	padding: 3% 3% 5%;
}
.p-info section > div.box-mtumori{
	padding: 0;
}
.p-info section.col-top{
	color: #fff;
	background-color: #df0112;
	width: 100%;
	height: auto;
	margin: 0;
	background-image:url("https://myroom.itembox.design/item/images/cnt/i-back.png");
	background-repeat: repeat-y;
	background-attachment: fixed;
	background-size:100% auto;
}
@media screen and (max-width: 600px) {
.p-info section.col-top{
	background-image:url("https://myroom.itembox.design/item/images/cnt/i-back-sp.png");
}
}
.p-info section.col-naiyou{
	background-color: #fff;
	background-image:url("https://myroom.itembox.design/item/images/cnt/i-back-dot.png");
}
.p-info section.col-gry,div.col-gry{
	background-color: #eaeaea;
}
.p-info section.col-gry2{
	background-color: #dfdfdf;
}
.p-info section.mrg,div.mrg{
	margin-bottom: 5%;
}
.p-info div.pad{
	padding: 3%;
}
.p-info div.box-gr-wt,li.box-gr-wt{
	background-color: #fff;
	border: solid 6px #eaeaea;
}
.p-info div.box-wt{
	background-color: #fff;
}
.p-info div.box-ye{
	background-color: #ffb50a;
}
.p-info div.box-ye-2{
	background-color: #feea3d;
}

.pc2sp1,.pc2sp1-0{
	width: 44%;
	margin: 3%;
	padding: 3%;
	box-sizing: border-box;
	flex-wrap:wrap;
}
.pc3sp2,.pc3sp1{
	width: 27%;
	padding: 3%;
	box-sizing: border-box;
	flex-wrap:wrap;
}

@media screen and (max-width: 600px) {
.pc3sp2{
	width: 50%;
}
.pc3sp1,.pc2sp1{
	width: 100%;
}
	.pc2sp1-0{
	width: 100%;
	margin: 7% 7% 0;
	box-sizing: border-box;
	flex-wrap:wrap;
}
	
}

.p-info h3{
	font-size: 2.2rem;
	font-weight: bold;
	text-align: center;
	margin: 3% 0;
}
.p-info h3.btm0{
	margin: 5% 0 0;
}

.p-info h4{
	font-size: 2.0rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 4%;
}
.p-info h4.h4-top{
	font-size: 2.0rem;
	font-weight: bold;
	text-align: center;
	margin: 4%;
}

.p-info h5{
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	margin-bottom: 3%;
}

.p-info p{
	font-size: 1.5rem;
	margin-bottom: 5%;
}

.p-info .center{
	text-align: center;
}

.p-info img{
	max-width: 100%;
}
.arrow img{
	max-width: initial;
}

.p-info div.c-btn {
	margin: 1% auto;
	width: 31.24%;
}
.p-info div.c-btn-100 {
	margin: 1% auto;
	width: 77.5%;
}
@media screen and (max-width: 600px) {
.p-info div.c-btn,.p-info div.c-btn-100 {
	width: 90%;
}
}
.p-info div.c-btn a,.p-info div.c-btn-100 a {
	font-size :1.6rem;
	text-decoration: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 50px;
  border: solid 2px #e50112;
  background: #e50112 url(https://myroom.itembox.design/item/images/cnt/i-arrow1.png) no-repeat right 20px center;
  background-size: 17px;
  border-radius: 5px;
  color: #fff;
  -webkit-transition: color .3s ,background-color .3s;
  transition: color .3s ,background-color .3s;
}

.p-info div.c-btn a:hover,.p-info div.c-btn-100 a:hover {
  background-color: #fff;
  background-image: url(https://myroom.itembox.design/item/images/cnt/i-arrow1-2.png);
  color: #e50112;
}

.p-info ul,.p-info .flex-pr{
	display : flex;
	flex-direction:row;
    flex-wrap:wrap;
	justify-content: space-between;
}
.p-info li{
	display: block;
	list-style: none;
	margin-bottom: 3%;

	background-color: #fff;
}
.p-info li > div{
	text-align: center;
	margin-bottom: 5%;
}

.p-info div.arrow{
	position: relative;
}
.p-info div.arrow img{
	position: absolute;
	top: 27%;
}
.p-info .icon-gry{
	margin: 2%;
	font-size: 1.5rem;
	vertical-align:middle;
}