/*----------INTRODUCTION----------*/

#intro {
	overflow : hidden;
	position : relative;
	width : 1250px;
	margin-bottom : 60px;
}

p#cover {
	position : absolute;
	width : 600px;
	top : 0;
	;eft : 0;
}

p#cover img {
	width : 100%;
	height : 100%;
	border-radius : 12px;
}

#point {
	width : 600px;
	margin-left : 650px;
}

#point h3 {
	margin-bottom : 30px;
	padding-bottom : 30px;
	border-bottom : solid 7px #cccccc;
	font-size : 130%;
	font-weight : 700;
}

ul#pList {
	list-style : none;
	margin-bottom : 50px;
}

ul#pList li {
	margin-bottom : 10px;
	padding : 2px 0 2px 36px;
	background-image : url(../../common/check.svg);
	background-repeat : no-repeat;
	background-size : 26px;
	background-position : 0 3px;
	line-height : 1.4em;
}

ul#simg {
	list-style : none;
}

ul#simg li {
	float : left;
	width : 285px;
	margin-right : 30px;
}

ul#simg li:last-child {
	margin : 0;
}

ul#simg li img {
	width : 100%;
	height : 100%;
	border-radius : 12px;
}

ul#note {
	position : absolute;
	width : 600px;
	margin-left : 22px;
	font-size : 94%;
	top : 460px;
	left : 0;
}

ul#note li {
	margin-bottom : 10px;
}

/*----------PRICE----------*/

.group {
	clear : both;
}

.tab-group {
	display : flex;
	list-style : none;
	justify-content : center;
	margin-bottom : 40px;
	font-size : 120%;
	font-weight : 700;
	border-bottom : solid 10px #d7e1f5;
	text-align : center;
}

.tab:first-child {
	flex-grow : 1;
	width : 33%;
	margin-right : 1%;
	padding : 19px 0 17px 0;
	background : #2d9bf5;
	color : #ffffff;
	cursor : pointer;
}

.tab {
	flex-grow : 1;
	width : 33%;
	margin-right : 1%;
	padding : 19px 0 17px 0;
	background : #2d9bf5;
	color : #ffffff;
	cursor : pointer;
	border-top-left-radius : 10px;
	border-top-right-radius : 10px;
	line-height : 1.3em;
}

.tab:last-child {
	flex-grow : 1;
	width : 33%;
	margin-right : 0;
	padding : 19px 0 17px 0;
	background : #2d9bf5;
	color : #ffffff;
	cursor : pointer;
}

.tab.is-active {
	background : #d7e1f5;
	color : #0546af;
	transition : all 0.2s ease-out;
}

.tab span {
	display : block;
}

.panel {
	display : none;
}

.panel.is-show {
	display : block;
	position : relative;
}

.guide {
	position : absolute;
	width : 330px;
	top : 0;
	left : 0;
}

.guide h3 {
	margin-bottom : 25px;
	font-size : 150%;
	font-weight : 700;
}

.guide h3 span {
	display : block;
}

.guide p {
	width : 100%;
	margin-bottom : 30px;
}

.guide p img {
	width : 100%;
	height : 100%;
	border-radius : 10px;
}

.guide ul {
	margin-left : 20px;
}

.guide ul li {
	margin-bottom : 10px;
	line-height : 1.4em;
}

.price {
	width : 870px;
	margin-left : 380px;
	border-top : solid 1px #b4b4b4;
	border-left : solid 1px #b4b4b4;
}

.price th {
	padding : 12px;
	border-bottom : solid 1px #b4b4b4;
	border-right : solid 1px #b4b4b4;
	text-align : center;
	font-weight : normal;
	background : #d7e1f5;
}

.price td.media {
	width : 145px !important;
	width /**/: 170px;
	padding : 12px;
	border-bottom : solid 1px #b4b4b4;
	border-right : solid 1px #b4b4b4;
	color : #282828;
	background : #fffae1;
	font-size : 100%;
	font-family : "source-han-sans-japanese", sans-serif;
	font-weight : 500;
	font-style : normal;
}

.price td {
	padding : 12px;
	border-bottom : solid 1px #b4b4b4;
	border-right : solid 1px #b4b4b4;
	text-align : right;
	font-size : 150%;
	font-family : "joost", sans-serif;
	font-weight : 700;
	font-style : normal;
	color : #0546af;
}