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

/* ****************************************

*Site Name : Paragirl
*Description :about paragif for pc

**************************************** */

/* ----------------------------------------
*	main
---------------------------------------- */
div#global_container{width:100%;border-top:none;}
#about_main h1 {
	width:960px;
	margin:0 auto;
}
#about_main h1 img {
	width:100%;
	height:auto;
	display:block;
}

/* ----------------------------------------
*	about list
---------------------------------------- */
.about_list {
	margin:40px auto 0;
	display:flex;
	justify-content:center;
}
.about_list > div {
	margin:0 40px;
	text-align:center;
	display:flex;
	flex-direction:column;
}
.about_detail p {
	font-size:30px;
	font-weight:bold;
	line-height:1.3em;
	flex-grow:1;
	align-items:center;
	display:flex;
	flex-direction:column;
	justify-content:center;
	margin-bottom:20px;
}
.about_detail p span {
	color:#d43d5f;
	font-size:30px;
	font-weight:bold;
	display:block;
}

/* ----------------------------------------
*	about contents
---------------------------------------- */
.about_contents {
	margin-top:50px;
	text-align:center;
	background:#d43d5f;
	position:relative;
}
.about_contents::before {
	content: "";
	border: 30px solid transparent;
	border-top: 30px solid #FFF;
	margin-left: -30px;
	top: 0%;
	left: 50%;
	position: absolute;
}
.about_contents::after {
	content: "";
	border: 30px solid transparent;
	border-top: 30px solid #d43d5f;
	margin-left: -30px;
	bottom: -60px;
	left: 50%;
	position: absolute;
}
.about_contents_inner {
	width:960px;
	margin:0 auto;
	padding:60px 0 130px;
	position:relative;
}
.about_contents_inner::before {
	content:"";
	width:79px;
	height:83px;
	position:absolute;
	background:url(../../images/about_paragif/about_bg_top.png);
	left:10px;
	top:20px;
}
.about_contents_inner::after {
	content:"";
	width:939px;
	height:199px;
	position:absolute;
	background:url(../../images/about_paragif/about_bg_bottom.png);
	left:0;
	bottom:20px;
}
.about_contents_inner h2 {
	color:#FFF;
	font-size:36px;
	letter-spacing:.05em;
}
.about_contents_inner p {
	margin-top:20px;
	color:#FFF;
	font-size:18px;
	line-height:1.8em;
}
.about_contents_inner p span {
	color:#FFF;
	font-size:15px;
}

/* ----------------------------------------
*	three point contents
---------------------------------------- */
.three_point_contents {
	width:920px;
	margin:80px auto 0;
}
.three_point_contents h3 {
	text-align:center;
	color:#d43d5f;
	font-size:36px;
	letter-spacing:.05em;
}
.point_list {
	margin-top:20px;
	display:flex;
	justify-content:space-between;
}
.point_list .point_detail {
	width:30%;
}
.point_list .point_detail .p_title {
	text-align:center;
	background:#e26386;
	font-size:30px;
	font-weight:bold;
	color:#FFF;
	position:relative;
	padding:10px 0 5px;
	border-radius:2px;
}
.point_list .point_detail:nth-child(2) .p_title {
	background:#52b3d0;
}
.point_list .point_detail:nth-child(3) .p_title {
	background:#f09a38;
}
.point_list .point_detail .p_title::after {
	content: "";
	border: 18px solid transparent;
	border-top: 18px solid #e26386;
	margin-left: -18px;
	top: 100%;
	left: 50%;
	position: absolute;
}
.point_list .point_detail:nth-child(2) .p_title::after {
	border-top: 18px solid #52b3d0;
}
.point_list .point_detail:nth-child(3) .p_title::after {
	border-top: 18px solid #f09a38;
}
.point_list .point_detail .text {
	margin-top:30px;
	font-size:16px;
	font-weight:bold;
	line-height:1.6em;
}


/* ----------------------------------------
*	get contents
---------------------------------------- */
.get_contents {
	margin-top:50px;
	background:#000;
	position:relative;
}
.get_contents::before {
	content: "";
	border: 50px solid transparent;
	border-top: 50px solid #FFF;
	margin-left: -50px;
	top: 0%;
	left: 50%;
	position: absolute;
}
.get_contents_inner {
	width:900px;
	margin:0 auto;
	padding:100px 0 50px;
	position:relative;
}
.get_contents_inner::before {
	content:"";
	position:absolute;
	width:211px;
	height:134px;
	background:url(../../images/about_paragif/get.png);
	left:0;
	top:5px;
}
.get_contents_inner h4{
	text-align:center;
	font-size:36px;
	color:#FFF;
	letter-spacing:.05em;
}
.get_list {
	margin-top:20px;
}
.get_detail {
	border:1px solid #e26386;
	margin-bottom:25px;
	display:flex;
	justify-content:space-between;
	overflow:hidden;
}
.get_detail:nth-child(2) {
	border-color:#52b3d0;
}
.get_detail:nth-child(3) {
	border-color:#f09a38;
}
.get_detail .g_title {
	padding:50px 0;
	background:#e26386;
	width:22%;
	color:#FFF;
	font-size:30px;
	text-align:right;
	font-weight:bold;
	position:relative;
}
.get_detail:nth-child(2) .g_title {
	background:#52b3d0;
}
.get_detail:nth-child(3) .g_title {
	background:#f09a38;
}
.get_detail .g_title::after {
	content:"";
	position:absolute;
	top:calc(50% - 90px);
	right:-1em;
	border-style: solid;
	border-color: transparent transparent transparent #e26386;
	border-width: 90px 0 90px 1em;
}
.get_detail:nth-child(2) .g_title::after {
	border-color: transparent transparent transparent #52b3d0;
}
.get_detail:nth-child(3) .g_title::after {
	border-color: transparent transparent transparent #f09a38;
}
.get_detail .text {
	width:70%;
	color:#FFF;
	padding:20px;
	font-size:16px;
	line-height:1.6em;
}

.dg_text {
	margin-top:20px;
	display:flex;
	justify-content:space-between;
}
.dg_text p:first-child {
	color:#FFF;
	border:1px solid #FFF;
	font-size:16px;
	font-weight:bold;
	width:22%;
	text-align:center;
	display:flex;
	justify-content:center;
	align-items:center;
}
.dg_text p + p {
	color:#FFF;
	width:75%;
	font-size:12px;
	line-height:1.8em;
}
.notice {
	margin-top:40px;
	text-align:center;
}
.notice p {
	color:#FFF;
	font-size:12px;
	line-height:2em;
}

#about_paragif #footer_container {
	margin-top:0 !important;
}

/* ----
p#btn_header_shutoken a{background:url(../images/common/btn_header_other.png) no-repeat top left;}
---- */

.paragif_link_btn {
	width:972px;
	max-width:100%;
	margin:50px auto;
}
.paragif_link_btn img {
	width:100%;
	height:auto;
	display:block;
}