@charset "UTF-8";


/* -------------------------------------
detail
------------------------------------- */
.detail {
	padding-bottom:0;
}
.detail h1 {
	font-size:39px;
	text-align:center;
	line-height:1.3;
	margin-bottom:25px;
}


#info {
	font-size:0;
	text-align:center;
	margin-bottom:40px;
	padding-bottom:4px;
}
#info .in {
	padding-bottom:40px;
}
.color_bl #info {border-bottom:2px solid #78b0c8;}
.color_bl #info .in {border-bottom:3px solid #78b0c8;}
.color_gr #info {border-bottom:2px solid #79a46c;}
.color_gr #info .in {border-bottom:3px solid #79a46c;}
.color_or #info {border-bottom:2px solid #da8f4f;}
.color_or #info .in {border-bottom:3px solid #da8f4f;}
.color_pk #info {border-bottom:2px solid #ce6175;}
.color_pk #info .in {border-bottom:3px solid #ce6175;}
.color_bg #info {border-bottom:2px solid #6eafab;}
.color_bg #info .in {border-bottom:3px solid #6eafab;}
.color_pp #info {border-bottom:2px solid #996990;}
.color_pp #info .in {border-bottom:3px solid #996990;}


#info dl, #info p {
	display:inline-block;
	vertical-align:middle;
}
#info dl {
	font-size:0;
}
#info dl:last-child {
	margin-right:0;
}
#info dl dt, #info dl dd {
	font-size:16px;
	font-weight:bold;
	display:inline-block;
	vertical-align:middle;
}
#info dl dt {
	margin-right:8px;
}
#info p {
	font-size:14px;
	font-weight:bold;
	line-height:1.2;
	color:#fff;
	padding:4px 10px 6px 10px;
	margin-right:15px;
	background-color:#000;
}
#color {
	padding:50px 40px;
}
.color_bl #color {background-color:#78b0c8;}
.color_gr #color {background-color:#79a46c;}
.color_or #color {background-color:#da8f4f;}
.color_pk #color {background-color:#ce6175;}
.color_bg #color {background-color:#6eafab;}
.color_pp #color {background-color:#996990;}

#color h2 {
	font-size:33px;
	font-weight:bold;
	text-align:center;
	color:#fff;
}
#color h2::after {
	content:"";
	width:123px;
	height:20px;
	display:block;
	margin:35px auto 60px auto;
	background:url(../imgs/company/detail/2020/maintxt_bdr.png) no-repeat center center;
	background-size:100% 100%;
}

#youtube {
	width:76.6%;
	padding-top:43%;
	margin:0 auto 100px auto;
	position:relative;
	overflow:hidden;
}
#youtube iframe {
	width:100%;
	height:100%;
	border:none;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

#pickup h3 {
	width:243px;
	margin:0 auto 50px auto;
}
#pickup .head {
	margin-bottom:80px;
	position:relative;
	overflow:hidden;
}
#pickup .head .text {
	width:47.8%;
	padding:30px 20px 30px 50px;
	margin-left:52.2%;
	border-top:3px solid #fff;
	border-right:3px solid #fff;
	border-bottom:3px solid #fff;
	position:relative;
	z-index:2;
}
.color_bl #pickup .head .text {background-color:#78b0c8;}
.color_gr #pickup .head .text {background-color:#79a46c;}
.color_or #pickup .head .text {background-color:#da8f4f;}
.color_pk #pickup .head .text {background-color:#ce6175;}
.color_bg #pickup .head .text {background-color:#6eafab;}
.color_pp #pickup .head .text {background-color:#996990;}
#pickup .head .text::before {
	content:"";
	width:44px;
	height:calc(100% + 6px);
	display:block;
	position:absolute;
	top:-3px;
	left:-43px;
	z-index:3;
}
.color_bl #pickup .head .text::before {background:url(../imgs/company/detail/2020/pickup_corner_bl.png) no-repeat center center; background-size:100% 100%;}
.color_gr #pickup .head .text::before {background:url(../imgs/company/detail/2020/pickup_corner_gr.png) no-repeat center center; background-size:100% 100%;}
.color_or #pickup .head .text::before {background:url(../imgs/company/detail/2020/pickup_corner_or.png) no-repeat center center; background-size:100% 100%;}
.color_pk #pickup .head .text::before {background:url(../imgs/company/detail/2020/pickup_corner_pk.png) no-repeat center center; background-size:100% 100%;}
.color_bg #pickup .head .text::before {background:url(../imgs/company/detail/2020/pickup_corner_bg.png) no-repeat center center; background-size:100% 100%;}
.color_pp #pickup .head .text::before {background:url(../imgs/company/detail/2020/pickup_corner_pp.png) no-repeat center center; background-size:100% 100%;}
#pickup .head .text p {
	font-size:22px;
	font-weight:bold;
	color:#fff;
	line-height:1.4;
	letter-spacing:0.15em;
	margin-bottom:20px;
}
#pickup .head .text p rb {
	font-size:34px;
}
#pickup .head .text p span {
	font-size:24px;
	letter-spacing:0;
	display:block;
	margin-top:3px;
}
#pickup .head .text table {
	width:100%;
}
#pickup .head .text table th, #pickup .head .text table td {
	font-size:17px;
	font-weight:bold;
	color:#fff;
	padding:4px 0;
}
#pickup .head .text table th {
	text-align:left;
	white-space:nowrap;
	width:100px;
}
#pickup .head .text table th span {
	display:block;
	padding-right:25px;
	position:relative;
}
#pickup .head .text table th span::after {
	content:":";
	display:block;
	position:absolute;
	top:0;
	right:15px;
	z-index:1;
}
#pickup .head .imgbox {
	width:54%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
}


.cn_ttl {
	font-size:24px;
	font-weight:bold;
	text-align:center;
	line-height:30px;
	letter-spacing:0.1em;
	padding:10px 12px;
	margin-bottom:50px;
	background-color:#fff;
}
.color_bl .cn_ttl {color:#78b0c8;}
.color_gr .cn_ttl {color:#79a46c;}
.color_or .cn_ttl {color:#da8f4f;}
.color_pk .cn_ttl {color:#ce6175;}
.color_bg .cn_ttl {color:#6eafab;}
.color_pp .cn_ttl {color:#996990;}
.cn_ttl > span {
	display:block;
	padding:0 30px;
	position:relative;
}
.cn_ttl > span::before, .cn_ttl > span::after {
	content:"";
	display:block;
	position:absolute;
	
}
.cn_ttl > span::before {
	border-right:15px solid transparent;
	border-bottom:15px solid transparent;
	top:0;
	left:0;
}
.color_bl .cn_ttl > span::before {border-top:15px solid #78b0c8;border-left:15px solid #78b0c8;}
.color_gr .cn_ttl > span::before {border-top:15px solid #79a46c;border-left:15px solid #79a46c;}
.color_or .cn_ttl > span::before {border-top:15px solid #da8f4f;border-left:15px solid #da8f4f;}
.color_pk .cn_ttl > span::before {border-top:15px solid #ce6175;border-left:15px solid #ce6175;}
.color_bg .cn_ttl > span::before {border-top:15px solid #6eafab;border-left:15px solid #6eafab;}
.color_pp .cn_ttl > span::before {border-top:15px solid #996990;border-left:15px solid #996990;}
.cn_ttl > span::after {
	border-top:15px solid transparent;
	border-left:15px solid transparent;
	bottom:0;
	right:0;
}
.color_bl .cn_ttl > span::after {border-right:15px solid #78b0c8;border-bottom:15px solid #78b0c8;}
.color_gr .cn_ttl > span::after {border-right:15px solid #79a46c;border-bottom:15px solid #79a46c;}
.color_or .cn_ttl > span::after {border-right:15px solid #da8f4f;border-bottom:15px solid #da8f4f;}
.color_pk .cn_ttl > span::after {border-right:15px solid #ce6175;border-bottom:15px solid #ce6175;}
.color_bg .cn_ttl > span::after {border-right:15px solid #6eafab;border-bottom:15px solid #6eafab;}
.color_pp .cn_ttl > span::after {border-right:15px solid #996990;border-bottom:15px solid #996990;}

#pu_day, #pu_qa {
	margin-bottom:110px;
}
#pu_day ul.imgset {
	font-size:0;
	text-align:center;
}
#pu_day ul.imgset li {
	width:28.2%;
	display:inline-block;
	vertical-align:top;
	margin-right:7.7%;
	margin-bottom:50px;
}
#pu_day ul.imgset li:nth-child(3n), #pu_day ul.imgset li:last-child {
	margin-right:0;
}
#pu_day ul.imgset li .imgbox {
	padding-top:100%;
	margin-bottom:20px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
#pu_day ul.imgset li h5, #pu_day ul.imgset li p {
	color:#fff;
	text-align:left;
}
#pu_day ul.imgset li h5 {
	font-size:19px;
	font-weight:normal;
	margin-bottom:8px;
}
#pu_day ul.imgset li p {
	font-size:15px;
	line-height:1.8;
}

#pu_day ul.textonly {
	padding:30px;
	border-radius:8px;
	background-color:#fff;
}
#pu_day ul.textonly li {
	font-size:15px;
	padding:8px 10px;
}
.color_bl #pu_day ul.textonly li {color:#78b0c8; border-bottom:1px solid #78b0c8;}
.color_gr #pu_day ul.textonly li {color:#79a46c; border-bottom:1px solid #79a46c;}
.color_or #pu_day ul.textonly li {color:#da8f4f; border-bottom:1px solid #da8f4f;}
.color_pk #pu_day ul.textonly li {color:#ce6175; border-bottom:1px solid #ce6175;}
.color_bg #pu_day ul.textonly li {color:#6eafab; border-bottom:1px solid #6eafab;}
.color_pp #pu_day ul.textonly li {color:#996990; border-bottom:1px solid #996990;}


#pu_qa .imgs {
	width:42.3%;
	float:right;
}
#pu_qa .imgs li {
	float:left;
}
#pu_qa .imgs li:nth-child(2), #pu_qa .imgs li:nth-child(3) {
	width:50%;
}
#pu_qa #qalist {
	width:50%;
	float:left;
}
#pu_qa #qalist li {
	padding:28px 0;
}
#pu_qa #qalist li:first-child {
	padding-top:0;
}
#pu_qa #qalist li:not(:last-child) {
	border-bottom:3px dotted #fff;
}
#pu_qa #qalist li dt, #pu_qa #qalist li dd {
	color:#fff;
}
#pu_qa #qalist li dt {
	font-size:19px;
	font-weight:bold;
	margin-bottom:8px;
}
#pu_qa #qalist li dd {
	font-size:15px;
	font-weight:normal;
	line-height:1.8;
}

#pu_voice .text {
	width:57.6%;
	float:left;
	margin-right:9.9%;
}
#pu_voice .text.clm1 {
	width:100%;
	float:none;
}
#pu_voice .text h5, #pu_voice .text p {
	color:#fff;
}
#pu_voice .text h5 {
	font-size:19px;
	font-weight:bold;
	margin-bottom:8px;
}
#pu_voice .text h5 span {
	display:inline-block;
	vertical-align:bottom;
	margin-left:15px;
}
#pu_voice .text p {
	font-size:15px;
	font-weight:normal;
}
#pu_voice .imgs {
	width:27.1%;
	float:right;
	margin-right:5.4%;
	border-radius:50%;
	background-color:#fff697;
	overflow:hidden;
}

.diag {
	padding:65px 40px;
}
.diag.nobdr {
	border-bottom:none!important;
}
.color_bl .diag {border-bottom:3px solid #78b0c8;}
.color_gr .diag {border-bottom:3px solid #79a46c;}
.color_or .diag {border-bottom:3px solid #da8f4f;}
.color_pk .diag {border-bottom:3px solid #ce6175;}
.color_bg .diag {border-bottom:3px solid #6eafab;}
.color_pp .diag {border-bottom:3px solid #996990;}
.diag#c_profile {
	border-bottom:none;
}
.diag h3 {
	font-size:33px;
	font-weight:bold;
	text-align:center;
	letter-spacing:0.08em;
}
.color_bl .diag h3 {color:#78b0c8;}
.color_gr .diag h3 {color:#79a46c;}
.color_or .diag h3 {color:#da8f4f;}
.color_pk .diag h3 {color:#ce6175;}
.color_bg .diag h3 {color:#6eafab;}
.color_pp .diag h3 {color:#996990;}
.diag h3::after {
	content:"";
	width:123px;
	height:20px;
	display:block;
	margin:35px auto 60px auto;
	background:url(../imgs/company/detail/2020/maintxt_bdr.png) no-repeat center center;
	background-size:100% 100%;
}

.format1 ul {
	font-size:0;
	text-align:center;
}
.format1 li {
	width:calc((99.9% - 100px) / 2);
	display:inline-block;
	vertical-align:top;
}
.format1 li:nth-child(odd) {
	margin-right:50px;
	position:relative;
}
.format1 li:nth-child(even) {
	margin-left:50px;
}
.format1 li:nth-child(odd)::after {
	content:"";
	width:2px;
	height:100%;
	display:block;
	border-right:1px dashed #000;
	position:absolute;
	top:0;
	right:-50px;
	z-index:1;
}
.format1 li:last-child {
	margin-right:0;
}
.format1 li:last-child::after {
	content:none;
}
.format1 li:nth-child(3), .format1 li:nth-child(4) {
	margin-top:50px;
}
.format1 li .cn_ttl {
	font-size:19px;
	color:#231815!important;
	text-align:center;
}
.format1 li .cn_ttl span span {
	font-size:24px;
}
.format1 li .cn_ttl span.sec {
	font-size:16px;
	display:block;
}
.format1 li .imgs {
	width:63.4%;
	max-width:260px;
	margin:0 auto 20px auto;
	border-radius:50%;
	background-color:#fff697;
	overflow:hidden;
}
.format1 li h4, .format1 li p {
	font-weight:bold;
	text-align:left;
}
.format1 li h4 {
	font-size:19px;
	margin-bottom:8px;
}
.format1 li p {
	font-size:15px;
}
.format1 li p:not(:last-child) {
	margin-bottom:20px;
}
.color_bl .format1 li h4/*, .color_bl .format1 li p*/ {color:#78b0c8;}
.color_gr .format1 li h4/*, .color_gr .format1 li p*/ {color:#79a46c;}
.color_or .format1 li h4/*, .color_or .format1 li p*/ {color:#da8f4f;}
.color_pk .format1 li h4/*, .color_pk .format1 li p*/ {color:#ce6175;}
.color_bg .format1 li h4/*, .color_bg .format1 li p*/ {color:#6eafab;}
.color_pp .format1 li h4/*, .color_pp .format1 li p*/ {color:#996990;}
.format1 li dl {
	font-size:0;
	text-align:left;
}
.format1 li dl:not(:last-child) {
	margin-bottom:3px;
}
.format1 li dl dt, .format1 li dl dd {
	font-size:15px;
	display:inline-block;
	vertical-align:top;
}
.format1 li dl dt {
	font-weight:bold;
	width:80px;
}
.color_bl .format1 li dl dt {color:#78b0c8;}
.color_gr .format1 li dl dt {color:#79a46c;}
.color_or .format1 li dl dt {color:#da8f4f;}
.color_pk .format1 li dl dt {color:#ce6175;}
.color_bg .format1 li dl dt {color:#6eafab;}
.color_pp .format1 li dl dt {color:#996990;}
.format1 li dl dd {
	width:calc(100% - 80px);
}


.format2 ul {
	font-size:0;
	text-align:center;
}
.format2 li {
	width:28.2%;
	display:inline-block;
	vertical-align:top;
}
.format2 li:not(:last-child) {
	margin-right:7.6%;
}
.format2 li .imgs {
	margin-bottom:15px;
}
.format2 li dt, .format2 li dd {
	font-weight:bold;
	text-align:left;
}
.format2 li dt {
	font-size:19px;
	text-indent:-1em;
	padding-left:1em;
	margin-bottom:8px;
}
.format2 li dd {
	font-size:15px;
	line-height:1.8;
}
.color_bl .format2 li dt, .color_bl .format2 li dd {color:#78b0c8;}
.color_gr .format2 li dt, .color_gr .format2 li dd {color:#79a46c;}
.color_or .format2 li dt, .color_or .format2 li dd {color:#da8f4f;}
.color_pk .format2 li dt, .color_pk .format2 li dd {color:#ce6175;}
.color_bg .format2 li dt, .color_bg .format2 li dd {color:#6eafab;}
.color_pp .format2 li dt, .color_pp .format2 li dd {color:#996990;}

.format3 .left {
	width:32%;
	float:left;
}
.format3 .right {
	width:60.8%;
	float:right;
}
.format3 .left .imgs {
	margin-bottom:23px;
}
.format3 .left dl {
	font-size:0;
	text-align:center;
}
.format3 .left dl dt, .format3 .left dl dd {
	font-weight:bold;
}
.format3 .left dl dt {
	font-size:19px;
	margin-bottom:5px;
}
.format3 .left dl dd {
	font-size:29px;
}
.format3 .left dl dd span {
	font-size:18px;
}
.format3 .right h3 {
	font-size:40px;
	font-weight:bold;
	text-align:left;
	color:#251e1c!important;
	letter-spacing:0.1em;
	line-height:50px;
	margin-bottom:20px;
}
.format3 .right h3 span {
	line-height:50px;
	display:inline;
	background:url(../imgs/company/detail/2020/format3_bdr_ttl.png) repeat center top;
	background-size:auto 55px;
}
.format3 .right h3::after {
	content:none;
}
.format3 .right li:not(:last-child) {
	margin-bottom:30px;
}
.format3 .right li h4 {
	font-size:21px;
	padding-left:26px;
	margin-bottom:5px;
	position:relative;
}
.color_bl .format3 .right li h4 {color:#78b0c8;}
.color_gr .format3 .right li h4 {color:#79a46c;}
.color_or .format3 .right li h4 {color:#da8f4f;}
.color_pk .format3 .right li h4 {color:#ce6175;}
.color_bg .format3 .right li h4 {color:#6eafab;}
.color_pp .format3 .right li h4 {color:#996990;}
.format3 .right li h4::before {
	content:"";
	width:18px;
	height:2px;
	display:block;
	position:absolute;
	top:14px;
	left:0;
	z-index:2;
}
.color_bl .format3 .right li h4::before {background-color:#78b0c8;}
.color_gr .format3 .right li h4::before {background-color:#79a46c;}
.color_or .format3 .right li h4::before {background-color:#da8f4f;}
.color_pk .format3 .right li h4::before {background-color:#ce6175;}
.color_bg .format3 .right li h4::before {background-color:#6eafab;}
.color_pp .format3 .right li h4::before {background-color:#996990;}
.format3 .right li p {
	font-size:15px;
	line-height:1.4;
}

.format4 ul {
	font-size:0;
	text-align:center;
}
.format4 li {
	width:25%;
	display:inline-block;
	vertical-align:middle;
}
.format4 li a {
	font-size:14px;
}
.format4 p {
	font-size:15px;
	color:#fff;
	line-height:1.6;
	padding:7px 10px;
	margin-top:10px;
}
.color_bl .format4 p {background-color:#78b0c8;}
.color_gr .format4 p {background-color:#79a46c;}
.color_or .format4 p {background-color:#da8f4f;}
.color_pk .format4 p {background-color:#ce6175;}
.color_bg .format4 p {background-color:#6eafab;}
.color_pp .format4 p {background-color:#996990;}
.format5 p img {
	display:block;
}
.format4 p img.alignleft {
	margin-right:auto!important;
}
.format4 p img.alignright {
	margin-left:auto!important;
}
.format4 p img.aligncenter {
	margin-left:auto!important;
	margin-right:auto!important;
}

.format5 p {
	font-size:15px;
}
.format5 p:not(:last-child) {
	margin-bottom:1em;
}
.format5 p a {
	text-decoration:underline;
}
.format5 p img {
	width:auto;
	max-width:100%;
	height:auto;
}
.format5 p img {
	display:block;
}
.format5 p img.alignleft {
	margin-right:auto!important;
}
.format5 p img.alignright {
	margin-left:auto!important;
}
.format5 p img.aligncenter {
	margin-left:auto!important;
	margin-right:auto!important;
}

.photogallery.nobdr {
	border-bottom:none;
}
.photogallery ul {
	font-size:0;
	text-align:center;
	width:calc(100% + 22px);
	margin-right:-11px;
	position:relative;
	left:-11px;
}
.photogallery li {
	font-size:14px;
	width:calc((99.9% - 66px) / 3);
	display:inline-block;
	vertical-align:top;
	margin-right:11px;
	margin-left:11px;
	margin-bottom:22px;
}
.photogallery li .photoimg {
	margin-bottom:10px;
	border-top-left-radius:40px;
	border-bottom-right-radius:40px;
	overflow:hidden;
}
.photogallery li p {
	font-size:14px;
	font-weight:bold;
	line-height:1.4;
	text-align:left;
}
.color_bl .photogallery li p {color:#78b0c8;}
.color_gr .photogallery li p {color:#79a46c;}
.color_or .photogallery li p {color:#da8f4f;}
.color_pk .photogallery li p {color:#ce6175;}
.color_bg .photogallery li p {color:#6eafab;}
.color_pp .photogallery li p {color:#996990;}


.free {
	padding:30px 50px;
	margin-bottom:20px;
	border-radius:12px;
}
.color_bl .free {border:4px solid #78b0c8;}
.color_gr .free {border:4px solid #79a46c;}
.color_or .free {border:4px solid #da8f4f;}
.color_pk .free {border:4px solid #ce6175;}
.color_bg .free {border:4px solid #6eafab;}
.color_pp .free {border:4px solid #996990;}
.free h3 {
	font-size:24px;
	font-weight:bold;
	text-align:center;
	padding-bottom:15px;
	margin-bottom:20px;
}
.color_bl .free h3 {border-bottom:2px solid #78b0c8;}
.color_gr .free h3 {border-bottom:2px solid #79a46c;}
.color_or .free h3 {border-bottom:2px solid #da8f4f;}
.color_pk .free h3 {border-bottom:2px solid #ce6175;}
.color_bg .free h3 {border-bottom:2px solid #6eafab;}
.color_pp .free h3 {border-bottom:2px solid #996990;}
.free p {
	font-size:15px;
}
.free p:not(:last-child) {
	margin-bottom:1em;
}
.free p a {
	text-decoration:underline;
}
.free p img {
	width:auto;
	max-width:100%;
	height:auto;
}

.free p img {
	display:block;
}
.free p img.alignleft {
	margin-right:auto!important;
}
.free p img.alignright {
	margin-left:auto!important;
}
.free p img.aligncenter {
	margin-left:auto!important;
	margin-right:auto!important;
}



#c_profile .imgs {
	width:42.3%;
	float:left;
}
#c_profile .text {
	width:50%;
	float:right;
}
#c_profile .text.clm1 {
	width:100%;
	float:none;
}
.color_bl #c_profile .text h4, .color_bl #c_profile .text p {color:#78b0c8;}
.color_gr #c_profile .text h4, .color_gr #c_profile .text p {color:#79a46c;}
.color_or #c_profile .text h4, .color_or #c_profile .text p {color:#da8f4f;}
.color_pk #c_profile .text h4, .color_pk #c_profile .text p {color:#ce6175;}
.color_bg #c_profile .text h4, .color_bg #c_profile .text p {color:#6eafab;}
.color_pp #c_profile .text h4, .color_pp #c_profile .text p {color:#996990;}
#c_profile .text h4 {
	font-size:19px;
	font-weight:normal;
	margin-bottom:8px;
}
#c_profile .text p {
	font-size:15px;
	font-weight:normal;
	margin-bottom:30px;
}
#c_profile .text .data {
	border:1px solid #231815;
	border-top:none;
}
#c_profile .text .data table {
	width:50%;
	float:left;
}
#c_profile .text .data table th, #c_profile .text .data table td {
	font-size:12px;
	font-weight:500;
	word-break:break-all;
	padding:5px 10px;
	border-top:1px solid #231815;
	box-sizing:border-box;
}
#c_profile .text .data table th {
	white-space:nowrap;
	width:10px;
	min-width:95px;
	border-right:1px solid #231815;
}
#c_profile .text .data table:last-child {
	border-left:1px solid #231815;
}
#c_profile .text .data table td a:hover {
	text-decoration:underline;
}





#app {
	padding:70px 0;
	background-color:#fffbda;
}
#app h3 {
	font-size:33px;
	font-weight:bold;
	text-align:center;
	letter-spacing:0.15em;
}
#app h3::after {
	content:"";
	width:123px;
	height:20px;
	display:block;
	margin:35px auto 60px auto;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:100% 100%;
}
.color_bl #app h3::after {background-image:url(../imgs/company/detail/2020/app_bdr_bl.png);}
.color_gr #app h3::after {background-image:url(../imgs/company/detail/2020/app_bdr_gr.png);}
.color_or #app h3::after {background-image:url(../imgs/company/detail/2020/app_bdr_or.png);}
.color_pk #app h3::after {background-image:url(../imgs/company/detail/2020/app_bdr_pk.png);}
.color_bg #app h3::after {background-image:url(../imgs/company/detail/2020/app_bdr_bg.png);}
.color_pp #app h3::after {background-image:url(../imgs/company/detail/2020/app_bdr_pp.png);}

#app #app_pdf {
	font-size:0;
	text-align:center;
}
#app #app_pdf a.app_pdf__btn {
	font-size:17px;
	color:#fff;
	width:100%;
	max-width:295px;
	padding:18px 10px;
	display:inline-block;
	border-radius:35px;
	box-sizing:border-box;
	transition:color 0.3s,background-color 0.3s;
}
.color_bl #app #app_pdf a.app_pdf__btn {border:2px solid #78b0c8; background-color:#78b0c8;}
.color_gr #app #app_pdf a.app_pdf__btn {border:2px solid #79a46c; background-color:#79a46c;}
.color_or #app #app_pdf a.app_pdf__btn {border:2px solid #da8f4f; background-color:#da8f4f;}
.color_pk #app #app_pdf a.app_pdf__btn {border:2px solid #ce6175; background-color:#ce6175;}
.color_bg #app #app_pdf a.app_pdf__btn {border:2px solid #6eafab; background-color:#6eafab;}
.color_pp #app #app_pdf a.app_pdf__btn {border:2px solid #996990; background-color:#996990;}
#app #app_pdf a.app_pdf__btn:hover {
	background-color:#fff;
	opacity:1.0;
}
.color_bl #app #app_pdf a.app_pdf__btn:hover {color:#78b0c8;}
.color_gr #app #app_pdf a.app_pdf__btn:hover {color:#79a46c;}
.color_or #app #app_pdf a.app_pdf__btn:hover {color:#da8f4f;}
.color_pk #app #app_pdf a.app_pdf__btn:hover {color:#ce6175;}
.color_bg #app #app_pdf a.app_pdf__btn:hover {color:#6eafab;}
.color_pp #app #app_pdf a.app_pdf__btn:hover {color:#996990;}

#app_pdf_text {
	text-align:left;
	max-width:800px;
	margin:25px auto 0 auto;
}
#app_pdf_text p {
	font-size:14px;
	line-height:1.4;
}

#app_pdf_text p:not(:last-child) {
	margin-bottom: 20px;
}

#app_pdf_text p a {
	text-decoration:underline;
	display:inline-block;
	color: #0000EE;
}
#app_pdf_text p a img {
	width:auto;
	max-width:100%;
	height:auto;
	display:block;
	margin:0 auto;
}



#app h4 {
	font-size:24px;
	font-weight:bold;
	text-align:center;
	line-height:30px;
	letter-spacing:0.1em;
	padding:10px 12px;
	margin-bottom:40px;
	border:1px solid #231815;
}
#app h4 span {
	display:block;
	padding:0 30px;
	position:relative;
}
#app h4 span::before, #app h4 span::after {
	content:"";
	display:block;
	position:absolute;
	top:0;
}
#app h4 span::before {
	border-top:15px solid #231815;
	border-right:15px solid transparent;
	border-bottom:15px solid transparent;
	border-left:15px solid #231815;
	left:0;
}
#app h4 span::after {
	border-top:15px solid transparent;
	border-right:15px solid #231815;
	border-bottom:15px solid #231815;
	border-left:15px solid transparent;
	right:0;
}
#app p.cap {
	padding-left:8px;
	margin-bottom:30px;
}
#app table {
	width:100%;
	margin-bottom:45px;
	border:1px solid #ccc;
	background-color:#fff;
	box-sizing:border-box;
}
#app table th, #app table td {
	font-size:15px;
	line-height:1.8;
	padding:20px;
	border:1px solid #ccc;
	box-sizing:border-box;
}
#app table th {
	font-weight:bold;
	width:235px;
}
.color_bl #app table th {color:#78b0c8;}
.color_gr #app table th {color:#79a46c;}
.color_or #app table th {color:#da8f4f;}
.color_pk #app table th {color:#ce6175;}
.color_bg #app table th {color:#6eafab;}
.color_pp #app table th {color:#996990;}

#app table td {
	font-weight:normal;
}
#app .inq.tel {
	margin-bottom:45px;
}
#app .inq dt {
	font-size:18px;
	font-weight:normal;
	text-align:center;
	margin-bottom:20px;
}
#app .inq.tel dd {
	font-size:0;
	text-align:center;
}
#app .inq.tel dd a, #app .inq.tel dd span {
	display:inline-block;
	vertical-align:middle;
}
#app .inq.tel dd span {
	font-size:13px;
	margin-left:20px;
}
#app .inq.tel dd a {
	font-size:33px;
	font-weight:bold;
	color:#00afec;
	line-height:1.0;
}
#app .inq.tel dd a span {
	font-size:25px;
	vertical-align:0px;
}


#related {
	padding:50px 0;
}
#related h3 {
	font-size:21px;
	font-weight:bold;
	text-align:center;
	line-height:1.3;
	color:#7AAFAA;
	margin-bottom:30px;
}
#related h3:after {
	content:"";
	width:9px;
	height:9px;
	display:block;
	margin:15px auto 0 auto;
	background-color:#7AAFAA;
}
#related li {
	width:30.2%;
	float:left;
	margin-right:4.7%;
}
#related li:nth-child(3n) {
	margin-right:0;
}
#related li .imgbox {
	padding-top:69.2%;
	margin-bottom:18px;
	border-top-left-radius:40px;
	border-bottom-right-radius:40px;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
#related li h4 {
	font-size:18px;
	font-weight:bold;
	padding-bottom:13px;
	margin-bottom:13px;
	border-bottom:3px solid #000;
}
#related li p {
	line-height:1.4;
}
#related .nopost {
	text-align:center;
}

.nopost {
	font-size:20px;
	margin-bottom:60px;
}


@media screen and (max-width:1180px) {
	/* -------------------------------------
	detail
	------------------------------------- */
	.detail h1 {
		font-size:36px;
		margin-bottom:23px;
	}
	#info {
		margin-bottom:37px;
	}
	#info .in {
		padding-bottom:37px;
	}
	
	#color {
		padding:46px 36px;
	}
	#color h2 {
		font-size:30px;
	}
	#color h2::after {
		width:117px;
		height:19px;
		margin:32px auto 56px auto;
	}
	
	#youtube {
		margin:0 auto 94px auto;
	}
	
	
	#pickup h3 {
		width:233px;
		margin:0 auto 46px auto;
	}
	#pickup .head {
		margin-bottom:74px;
	}
	#pickup .head .text {
		padding:28px 20px 28px 44px;
	}
	#pickup .head .text p {
		font-size:21px;
		margin-bottom:19px;
	}
	#pickup .head .text p rb {
		font-size:32px;
	}
	#pickup .head .text p span {
		font-size:23px;
	}
	#pickup .head .text table th, #pickup .head .text table td {
		font-size:16px;
	}
	
	
	.cn_ttl {
		font-size:23px;
		line-height:28px;
		margin-bottom:46px;
	}
	.cn_ttl > span {
		padding:0 28px;
	}
	.cn_ttl > span::before {
		border-right:14px solid transparent;
		border-bottom:14px solid transparent;
	}
	.color_bl .cn_ttl > span::before {border-top:14px solid #78b0c8;border-left:14px solid #78b0c8;}
	.color_gr .cn_ttl > span::before {border-top:14px solid #79a46c;border-left:14px solid #79a46c;}
	.color_or .cn_ttl > span::before {border-top:14px solid #da8f4f;border-left:14px solid #da8f4f;}
	.color_pk .cn_ttl > span::before {border-top:14px solid #ce6175;border-left:14px solid #ce6175;}
	.color_bg .cn_ttl > span::before {border-top:14px solid #6eafab;border-left:14px solid #6eafab;}
	.color_pp .cn_ttl > span::before {border-top:14px solid #996990;border-left:14px solid #996990;}
	.cn_ttl > span::after {
		border-top:14px solid transparent;
		border-left:14px solid transparent;
	}
	.color_bl .cn_ttl > span::after {border-right:14px solid #78b0c8;border-bottom:14px solid #78b0c8;}
	.color_gr .cn_ttl > span::after {border-right:14px solid #79a46c;border-bottom:14px solid #79a46c;}
	.color_or .cn_ttl > span::after {border-right:14px solid #da8f4f;border-bottom:14px solid #da8f4f;}
	.color_pk .cn_ttl > span::after {border-right:14px solid #ce6175;border-bottom:14px solid #ce6175;}
	.color_bg .cn_ttl > span::after {border-right:14px solid #6eafab;border-bottom:14px solid #6eafab;}
	.color_pp .cn_ttl > span::after {border-right:14px solid #996990;border-bottom:14px solid #996990;}
	
	
	#pu_day, #pu_qa {
		margin-bottom:100px;
	}
	#pu_day ul.imgset li {
		margin-bottom:46px;
	}
	#pu_day ul.imgset li .imgbox {
		margin-bottom:19px;
	}
	#pu_day ul.imgset li h5 {
		font-size:18px;
	}
	
	
	#pu_qa #qalist li {
		padding:26px 0;
	}
	#pu_qa #qalist li dt {
		font-size:18px;
	}
	
	
	#pu_voice .text h5 {
		font-size:18px;
	}
	
	
	.diag {
		padding:60px 36px;
	}
	.diag h3 {
		font-size:30px;
	}
	.diag h3::after {
		width:117px;
		height:19px;
		margin:32px auto 56px auto;
	}
	
	
	.format1 li {
		width:calc((99.9% - 88px) / 2);
	}
	.format1 li:nth-child(odd) {
		margin-right:44px;
	}
	.format1 li:nth-child(even) {
		margin-left:44px;
	}
	.format1 li:nth-child(odd)::after {
		right:-44px;
	}
	.format1 li .cn_ttl {
		font-size:18px;
	}
	.format1 li .cn_ttl span span {
		font-size:23px;
	}
	.format1 li h4 {
		font-size:18px;
	}
	
	.format2 li dt {
		font-size:18px;
	}
	
	.format3 .left .imgs {
		margin-bottom:22px;
	}
	.format3 .left dl dt {
		font-size:18px;
	}
	.format3 .left dl dd {
		font-size:27px;
	}
	.format3 .left dl dd span {
		font-size:17px;
	}
	.format3 .right h3 {
		font-size:37px;
		line-height:47px;
		background-size:auto 47px;
	}
	.format3 .right h3 span {
		line-height:47px;
		background-size:auto 47px;
	}
	.format3 .right li h4 {
		font-size:20px;
		padding-left:25px;
	}
	.format3 .right li h4::before {
		width:17px;
		top:13px;
	}
	.format3 .right li:not(:last-child) {
		margin-bottom:27px;
	}
	
	.photogallery ul {
		width:calc(100% + 20px);
		margin-right:-10px;
		left:-10px;
	}
	.photogallery li {
		width:calc((99.9% - 60px) / 3);
		margin-right:10px;
		margin-left:10px;
		margin-bottom:20px;
	}
	.photogallery li .photoimg {
		border-top-left-radius:35px;
		border-bottom-right-radius:35px;
	}
	
	.free {
		padding:25px 40px;
	}
	.free h3 {
		font-size:22px;
	}
	
	#c_profile .text h4 {
		font-size:18px;
	}
	#c_profile .text p {
		margin-bottom:28px;
	}
	
	
	#app {
		padding:65px 0;
	}
	#app h3 {
		font-size:30px;
	}
	#app h3::after {
		width:117px;
		height:19px;
		margin:32px auto 56px auto;
	}
	#app #app_pdf a.app_pdf__btn {
		font-size:16px;
		padding:17px 10px;
	}
	#app h4 {
		font-size:23px;
		line-height:28px;
		margin-bottom:37px;
	}
	#app h4 span {
		padding:0 28px;
	}
	#app h4 span::before {
		border-top:14px solid #231815;
		border-right:14px solid transparent;
		border-bottom:14px solid transparent;
		border-left:14px solid #231815;
	}
	#app h4 span::after {
		border-top:14px solid transparent;
		border-right:14px solid #231815;
		border-bottom:14px solid #231815;
		border-left:14px solid transparent;
	}
	#app p.cap {
		margin-bottom:28px;
	}
	#app table {
		margin-bottom:42px;
	}
	#app table th, #app table td {
		padding:19px;
	}
	#app table th {
		width:220px;
	}
	#app .inq.tel {
		margin-bottom:42px;
	}
	#app .inq dt {
		font-size:17px;
		margin-bottom:19px;
	}
	#app .inq.tel dd span {
		margin-left:18px;
	}
	#app .inq.tel dd a {
		font-size:31px;
	}
	#app .inq.tel dd a span {
		font-size:23px;
	}
	
	
	#related {
		padding:47px 0;
	}
	#related h3 {
		font-size:20px;
		margin-bottom:28px;
	}
	#related h3:after {
		margin:14px auto 0 auto;
	}
	#related li .imgbox {
		margin-bottom:17px;
		border-top-left-radius:35px;
		border-bottom-right-radius:35px;
	}
	#related li h4 {
		font-size:17px;
		padding-bottom:12px;
		margin-bottom:12px;
	}
	
	
	.nopost {
		font-size:19px;
	}
}
@media screen and (max-width:980px) {
	/* -------------------------------------
	detail
	------------------------------------- */
	.detail h1 {
		font-size:33px;
		margin-bottom:20px;
	}
	#info {
		margin-bottom:34px;
	}
	#info .in {
		padding-bottom:34px;
	}
	#info dl dt, #info dl dd {
		font-size:15px;
	}
	
	#color {
		padding:42px 32px;
	}
	#color h2 {
		font-size:28px;
	}
	#color h2::after {
		width:111px;
		height:18px;
		margin:29px auto 52px auto;
	}
	
	#youtube {
		margin:0 auto 88px auto;
	}
	
	
	#pickup h3 {
		width:223px;
		margin:0 auto 42px auto;
	}
	#pickup .head {
		margin-bottom:68px;
	}
	#pickup .head .text {
		padding:26px 20px 26px 38px;
	}
	#pickup .head .text p {
		font-size:20px;
		margin-bottom:18px;
	}
	#pickup .head .text p rb {
		font-size:30px;
	}
	#pickup .head .text p span {
		font-size:22px;
	}
	#pickup .head .text table th, #pickup .head .text table td {
		font-size:15px;
	}
	
	
	.cn_ttl {
		font-size:22px;
		line-height:26px;
		margin-bottom:42px;
	}
	.cn_ttl > span {
		padding:0 26px;
	}
	.cn_ttl > span::before {
		border-right:13px solid transparent;
		border-bottom:13px solid transparent;
	}
	.color_bl .cn_ttl > span::before {border-top:13px solid #78b0c8;border-left:13px solid #78b0c8;}
	.color_gr .cn_ttl > span::before {border-top:13px solid #79a46c;border-left:13px solid #79a46c;}
	.color_or .cn_ttl > span::before {border-top:13px solid #da8f4f;border-left:13px solid #da8f4f;}
	.color_pk .cn_ttl > span::before {border-top:13px solid #ce6175;border-left:13px solid #ce6175;}
	.color_bg .cn_ttl > span::before {border-top:13px solid #6eafab;border-left:13px solid #6eafab;}
	.color_pp .cn_ttl > span::before {border-top:13px solid #996990;border-left:13px solid #996990;}
	.cn_ttl > span::after {
		border-top:13px solid transparent;
		border-left:13px solid transparent;
	}
	.color_bl .cn_ttl > span::after {border-right:13px solid #78b0c8;border-bottom:13px solid #78b0c8;}
	.color_gr .cn_ttl > span::after {border-right:13px solid #79a46c;border-bottom:13px solid #79a46c;}
	.color_or .cn_ttl > span::after {border-right:13px solid #da8f4f;border-bottom:13px solid #da8f4f;}
	.color_pk .cn_ttl > span::after {border-right:13px solid #ce6175;border-bottom:13px solid #ce6175;}
	.color_bg .cn_ttl > span::after {border-right:13px solid #6eafab;border-bottom:13px solid #6eafab;}
	.color_pp .cn_ttl > span::after {border-right:13px solid #996990;border-bottom:13px solid #996990;}
	
	
	#pu_day, #pu_qa {
		margin-bottom:90px;
	}
	#pu_day ul.imgset li {
		margin-bottom:42px;
	}
	#pu_day ul.imgset li .imgbox {
		margin-bottom:18px;
	}
	#pu_day ul.imgset li h5 {
		font-size:17px;
	}
	
	
	#pu_qa #qalist li {
		padding:25px 0;
	}
	#pu_qa #qalist li dt {
		font-size:17px;
	}
	
	
	#pu_voice .text h5 {
		font-size:17px;
	}
	
	
	.diag {
		padding:55px 32px;
	}
	.diag h3 {
		font-size:28px;
	}
	.diag h3::after {
		width:111px;
		height:18px;
		margin:29px auto 52px auto;
	}
	
	
	.format1 li {
		width:calc((99.9% - 76px) / 2);
	}
	.format1 li:nth-child(odd) {
		margin-right:38px;
	}
	.format1 li:nth-child(even) {
		margin-left:38px;
	}
	.format1 li:nth-child(odd)::after {
		right:-38px;
	}
	.format1 li .cn_ttl {
		font-size:17px;
	}
	.format1 li .cn_ttl span span {
		font-size:21px;
	}
	.format1 li .cn_ttl span.sec {
		font-size:15px;
	}
	.format1 li h4 {
		font-size:17px;
	}
	
	.format2 li dt {
		font-size:17px;
	}
	
	.format3 .left .imgs {
		margin-bottom:21px;
	}
	.format3 .left dl dt {
		font-size:17px;
	}
	.format3 .left dl dd {
		font-size:26px;
	}
	.format3 .left dl dd span {
		font-size:16px;
	}
	.format3 .right li:not(:last-child) {
		margin-bottom:24px;
	}
	.format3 .right h3 {
		font-size:34px;
		line-height:44px;
		background-size:auto 44px;
	}
	.format3 .right h3 span {
		line-height:44px;
		background-size:auto 44px;
	}
	.format3 .right li h4 {
		font-size:19px;
		padding-left:24px;
	}
	.format3 .right li h4::before {
		width:16px;
	}
	
	.photogallery ul {
		width:calc(100% + 18px);
		margin-right:-9px;
		left:-9px;
	}
	.photogallery li {
		width:calc((99.9% - 54px) / 3);
		margin-right:9px;
		margin-left:9px;
		margin-bottom:20px;
	}
	.photogallery li .photoimg {
		border-top-left-radius:30px;
		border-bottom-right-radius:30px;
	}
	
	
	.free {
		padding:25px 30px;
	}
	.free h3 {
		font-size:20px;
	}
	
	#c_profile .text h4 {
		font-size:17px;
	}
	#c_profile .text p {
		margin-bottom:26px;
	}
	
	
	#app {
		padding:60px 0;
	}
	#app h3 {
		font-size:28px;
	}
	#app h3::after {
		width:111px;
		height:18px;
		margin:29px auto 52px auto;
	}
	#app #app_pdf a.app_pdf__btn {
		padding:16px 10px;
	}
	#app h4 {
		font-size:22px;
		line-height:26px;
		margin-bottom:34px;
	}
	#app h4 span {
		padding:0 26px;
	}
	#app h4 span::before {
		border-top:13px solid #231815;
		border-right:13px solid transparent;
		border-bottom:13px solid transparent;
		border-left:13px solid #231815;
	}
	#app h4 span::after {
		border-top:13px solid transparent;
		border-right:13px solid #231815;
		border-bottom:13px solid #231815;
		border-left:13px solid transparent;
	}
	#app p.cap {
		margin-bottom:26px;
	}
	#app table {
		margin-bottom:39px;
	}
	#app table th, #app table td {
		font-size:14px;
		padding:18px;
	}
	#app table th {
		width:205px;
	}
	#app .inq.tel {
		margin-bottom:39px;
	}
	#app .inq dt {
		font-size:16px;
		margin-bottom:18px;
	}
	#app .inq.tel dd span {
		margin-left:16px;
	}
	#app .inq.tel dd a {
		font-size:29px;
	}
	#app .inq.tel dd a span {
		font-size:22px;
	}
	
	
	#related {
		padding:44px 0;
	}
	#related h3 {
		font-size:19px;
		margin-bottom:26px;
	}
	#related h3:after {
		margin:13px auto 0 auto;
	}
	#related li .imgbox {
		margin-bottom:16px;
		border-top-left-radius:30px;
		border-bottom-right-radius:30px;
	}
	#related li h4 {
		font-size:16px;
		padding-bottom:11px;
		margin-bottom:11px;
	}
	
	
	.nopost {
		font-size:18px;
	}
}
@media screen and (max-width:880px) {
	#c_profile .text .data table {
		width:100%;
		height:auto!important;
		float:none;
	}
	#c_profile .text .data table:last-child {
		border-left:none;
	}
	#c_profile .text .data table th {
		width:80px;
	}
}
@media screen and (max-width:768px) {
	/* -------------------------------------
	detail
	------------------------------------- */
	.detail h1 {
		font-size:30px;
	}
	#info {
		margin-bottom:31px;
	}
	#info .in {
		padding-bottom:31px;
	}
	#info p {
		font-size:13px;
	}
	#info dl dt, #info dl dd {
		font-size:14px;
	}
	
	#color {
		padding:38px 28px;
	}
	#color h2 {
		font-size:25px;
	}
	#color h2::after {
		width:105px;
		height:17px;
		margin:26px auto 48px auto;
	}
	
	#youtube {
		width:100%;
		padding-top:56.25%;
		margin:0 auto 82px auto;
	}
	
	
	#pickup h3 {
		width:213px;
		margin:0 auto 38px auto;
	}
	#pickup .head {
		margin-bottom:62px;
	}
	#pickup .head .text {
		padding:24px 20px 24px 32px;
	}
	#pickup .head .text p {
		font-size:19px;
		margin-bottom:17px;
	}
	#pickup .head .text p rb {
		font-size:28px;
	}
	#pickup .head .text p span {
		font-size:21px;
	}
	#pickup .head .text table th, #pickup .head .text table td {
		font-size:14px;
	}
	
	
	.cn_ttl {
		font-size:21px;
		line-height:24px;
		margin-bottom:38px;
	}
	.cn_ttl > span {
		padding:0 24px;
	}
	.cn_ttl > span::before {
		border-right:12px solid transparent;
		border-bottom:12px solid transparent;
	}
	.color_bl .cn_ttl > span::before {border-top:12px solid #78b0c8;border-left:12px solid #78b0c8;}
	.color_gr .cn_ttl > span::before {border-top:12px solid #79a46c;border-left:12px solid #79a46c;}
	.color_or .cn_ttl > span::before {border-top:12px solid #da8f4f;border-left:12px solid #da8f4f;}
	.color_pk .cn_ttl > span::before {border-top:12px solid #ce6175;border-left:12px solid #ce6175;}
	.color_bg .cn_ttl > span::before {border-top:12px solid #6eafab;border-left:12px solid #6eafab;}
	.color_pp .cn_ttl > span::before {border-top:12px solid #996990;border-left:12px solid #996990;}
	.cn_ttl > span::after {
		border-top:12px solid transparent;
		border-left:12px solid transparent;
	}
	.color_bl .cn_ttl > span::after {border-right:12px solid #78b0c8;border-bottom:12px solid #78b0c8;}
	.color_gr .cn_ttl > span::after {border-right:12px solid #79a46c;border-bottom:12px solid #79a46c;}
	.color_or .cn_ttl > span::after {border-right:12px solid #da8f4f;border-bottom:12px solid #da8f4f;}
	.color_pk .cn_ttl > span::after {border-right:12px solid #ce6175;border-bottom:12px solid #ce6175;}
	.color_bg .cn_ttl > span::after {border-right:12px solid #6eafab;border-bottom:12px solid #6eafab;}
	.color_pp .cn_ttl > span::after {border-right:12px solid #996990;border-bottom:12px solid #996990;}
	
	
	#pu_day, #pu_qa {
		margin-bottom:80px;
	}
	#pu_day ul.imgset li {
		width:calc((99.9% - 50px) / 3);
		margin-right:25px;
		margin-bottom:38px;
	}
	#pu_day ul.imgset li .imgbox {
		margin-bottom:17px;
	}
	#pu_day ul.imgset li h5 {
		font-size:16px;
	}
	#pu_day ul.imgset li p {
		font-size:14px;
	}
	#pu_day ul.textonly {
		padding:25px;
	}
	#pu_day ul.textonly li {
		font-size:14px;
	}
	
	
	#pu_qa #qalist li {
		padding:23px 0;
	}
	#pu_qa #qalist li dt {
		font-size:16px;
	}
	#pu_qa #qalist li dd {
		font-size:14px;
	}
	
	
	#pu_voice .text {
		width:67.9%;
		margin-right:5%;
	}
	#pu_voice .text h5 {
		font-size:16px;
	}
	#pu_voice .text p {
		font-size:14px;
	}
	#pu_voice .imgs {
		margin-right:0;
	}
	
	
	.diag {
		padding:50px 28px;
	}
	.diag h3 {
		font-size:25px;
	}
	.diag h3::after {
		width:105px;
		height:17px;
		margin:26px auto 48px auto;
	}
	
	
	.format1 li {
		width:calc((99.9% - 64px) / 2);
	}
	.format1 li:nth-child(odd) {
		margin-right:32px;
	}
	.format1 li:nth-child(even) {
		margin-left:32px;
	}
	.format1 li:nth-child(odd)::after {
		right:-32px;
	}
	.format1 li .cn_ttl {
		font-size:16px;
	}
	.format1 li .cn_ttl span span {
		font-size:20px;
	}
	.format1 li .cn_ttl span.sec {
		font-size:14px;
	}
	.format1 li h4 {
		font-size:16px;
	}
	.format1 li p {
		font-size:14px;
	}
	.format1 li dl dt, .format1 li dl dd {
		font-size:14px;
	}
	.format1 li dl dt {
		width:70px;
	}
	.format1 li dl dd {
		width:calc(100% - 70px);
	}
	
	.format2 li {
		width:calc((99.9% - 50px) / 2);
	}
	.format2 li:not(:last-child) {
		margin-right:25px;
	}
	.format2 li dt {
		font-size:16px;
	}
	.format2 li dd {
		font-size:14px;
	}
	
	.format3 .left .imgs {
		margin-bottom:20px;
	}
	.format3 .left dl dt {
		font-size:16px;
	}
	.format3 .left dl dd {
		font-size:24px;
	}
	.format3 .left dl dd span {
		font-size:15px;
	}
	.format3 .right li:not(:last-child) {
		margin-bottom:21px;
	}
	.format3 .right h3 {
		font-size:30px;
		line-height:40px;
		background-size:auto 40px;
	}
	.format3 .right h3 span {
		line-height:40px;
		background-size:auto 40px;
	}
	.format3 .right li h4 {
		font-size:18px;
		padding-left:23px;
	}
	.format3 .right li h4::before {
		width:15px;
		top:12px;
	}
	.format3 .right li p {
		font-size:14px;
	}
	
	.format4 p {
		font-size:14px;
	}
	
	.format5 p {
		font-size:14px;
	}
	
	.photogallery ul {
		width:calc(100% + 16px);
		margin-right:-8px;
		left:-8px;
	}
	.photogallery li {
		width:calc((99.9% - 48px) / 3);
		margin-right:8px;
		margin-left:8px;
	}
	.photogallery li .photoimg {
		border-top-left-radius:25px;
		border-bottom-right-radius:25px;
	}
	.photogallery li p {
		font-size:13px;
	}
	
	.free {
		padding:25px 20px;
	}
	.free h3 {
		font-size:18px;
		margin-bottom:15px;
	}
	.free p {
		font-size:14px;
	}
	
	#c_profile .text h4 {
		font-size:16px;
	}
	#c_profile .text p {
		font-size:14px;
		margin-bottom:24px;
	}
	
	
	#app {
		padding:55px 0;
	}
	#app h3 {
		font-size:25px;
	}
	#app h3::after {
		width:105px;
		height:17px;
		margin:26px auto 48px auto;
	}
	#app #app_pdf a.app_pdf__btn {
		font-size:15px;
		padding:15px 10px;
	}
	#app h4 {
		font-size:21px;
		line-height:24px;
		margin-bottom:31px;
	}
	#app h4 span {
		padding:0 24px;
	}
	#app h4 span::before {
		border-top:12px solid #231815;
		border-right:12px solid transparent;
		border-bottom:12px solid transparent;
		border-left:12px solid #231815;
	}
	#app h4 span::after {
		border-top:12px solid transparent;
		border-right:12px solid #231815;
		border-bottom:12px solid #231815;
		border-left:12px solid transparent;
	}
	#app p.cap {
		margin-bottom:24px;
	}
	#app table {
		margin-bottom:36px;
	}
	#app table th, #app table td {
		font-size:13px;
		padding:17px;
	}
	#app table th {
		width:190px;
	}
	#app .inq.tel {
		margin-bottom:36px;
	}
	#app .inq dt {
		font-size:15px;
		margin-bottom:17px;
	}
	#app .inq.tel dd span {
		margin-left:14px;
	}
	#app .inq.tel dd a {
		font-size:27px;
	}
	#app .inq.tel dd a span {
		font-size:20px;
	}
	
	
	#related {
		padding:42px 0;
	}
	#related h3 {
		font-size:18px;
		margin-bottom:24px;
	}
	#related h3:after {
		margin:12px auto 0 auto;
	}
	#related li .imgbox {
		margin-bottom:15px;
		border-top-left-radius:25px;
		border-bottom-right-radius:25px;
	}
	#related li h4 {
		font-size:15px;
		padding-bottom:10px;
		margin-bottom:10px;
	}
	
	
	.nopost {
		font-size:17px;
	}
}
@media screen and (max-width:640px) {
	/* -------------------------------------
	detail
	------------------------------------- */
	.detail h1 {
		font-size:28px;
	}
	#info {
		margin-bottom:28px;
	}
	#info .in {
		padding-bottom:28px;
	}
	
	#color {
		padding:34px 24px;
	}
	#color h2 {
		font-size:23px;
	}
	#color h2::after {
		width:98px;
		height:16px;
		margin:23px auto 44px auto;
	}
	
	#youtube {
		margin:0 auto 76px auto;
	}
	
	
	#pickup h3 {
		width:203px;
		margin:0 auto 34px auto;
	}
	#pickup .head {
		margin-bottom:56px;
	}
	#pickup .head .text {
		padding:22px 20px 22px 26px;
	}
	#pickup .head .text p {
		font-size:18px;
		margin-bottom:16px;
	}
	#pickup .head .text p rb {
		font-size:26px;
	}
	#pickup .head .text p span {
		font-size:20px;
	}
	
	
	.cn_ttl {
		font-size:20px;
		line-height:22px;
		margin-bottom:34px;
	}
	.cn_ttl > span {
		padding:0 22px;
	}
	.cn_ttl > span::before {
		border-right:11px solid transparent;
		border-bottom:11px solid transparent;
	}
	.color_bl .cn_ttl > span::before {border-top:11px solid #78b0c8;border-left:11px solid #78b0c8;}
	.color_gr .cn_ttl > span::before {border-top:11px solid #79a46c;border-left:11px solid #79a46c;}
	.color_or .cn_ttl > span::before {border-top:11px solid #da8f4f;border-left:11px solid #da8f4f;}
	.color_pk .cn_ttl > span::before {border-top:11px solid #ce6175;border-left:11px solid #ce6175;}
	.color_bg .cn_ttl > span::before {border-top:11px solid #6eafab;border-left:11px solid #6eafab;}
	.color_pp .cn_ttl > span::before {border-top:11px solid #996990;border-left:11px solid #996990;}
	.cn_ttl > span::after {
		border-top:11px solid transparent;
		border-left:11px solid transparent;
	}
	.color_bl .cn_ttl > span::after {border-right:11px solid #78b0c8;border-bottom:11px solid #78b0c8;}
	.color_gr .cn_ttl > span::after {border-right:11px solid #79a46c;border-bottom:11px solid #79a46c;}
	.color_or .cn_ttl > span::after {border-right:11px solid #da8f4f;border-bottom:11px solid #da8f4f;}
	.color_pk .cn_ttl > span::after {border-right:11px solid #ce6175;border-bottom:11px solid #ce6175;}
	.color_bg .cn_ttl > span::after {border-right:11px solid #6eafab;border-bottom:11px solid #6eafab;}
	.color_pp .cn_ttl > span::after {border-right:11px solid #996990;border-bottom:11px solid #996990;}
	
	
	#pu_day, #pu_qa {
		margin-bottom:70px;
	}
	#pu_day ul.imgset li {
		width:calc((99.9% - 40px) / 3);
		margin-right:20px;
		margin-bottom:34px;
	}
	#pu_day ul.imgset li .imgbox {
		margin-bottom:16px;
	}
	#pu_day ul.textonly {
		padding:20px;
	}
	
	
	#pu_qa #qalist li {
		padding:22px 0;
	}
	
	
	.diag {
		padding:45px 24px;
	}
	.diag h3 {
		font-size:23px;
	}
	.diag h3::after {
		width:98px;
		height:16px;
		margin:23px auto 44px auto;
	}
	
	
	.format1 li {
		width:calc((99.9% - 50px) / 2);
	}
	.format1 li:nth-child(odd) {
		margin-right:25px;
	}
	.format1 li:nth-child(even) {
		margin-left:25px;
	}
	.format1 li:nth-child(odd)::after {
		right:-25px;
	}
	.format1 li .cn_ttl {
		font-size:15px;
	}
	.format1 li .cn_ttl span span {
		font-size:19px;
	}
	
	.format2 li {
		width:calc((99.9% - 40px) / 3);
	}
	.format2 li:not(:last-child) {
		margin-right:20px;
	}
	
	.format3 .left dl dt {
		font-size:15px;
	}
	.format3 .left dl dd {
		font-size:23px;
	}
	.format3 .left dl dd span {
		font-size:14px;
	}
	.format3 .right li:not(:last-child) {
		margin-bottom:18px;
	}
	.format3 .right h3 {
		font-size:27px;
		line-height:37px;
		background-size:auto 37px;
	}
	.format3 .right h3 span {
		line-height:37px;
		background-size:auto 37px;
	}
	.format3 .right li h4 {
		font-size:17px;
		padding-left:22px;
	}
	.format3 .right li h4::before {
		width:14px;
		top:11px;
	}
	
	.format4 li {
		width:50%;
	}
	
	.photogallery ul {
		width:calc(100% + 16px);
		margin-right:-8px;
		left:-8px;
	}
	.photogallery li {
		width:calc((99.9% - 32px) / 2);
		margin-right:8px;
		margin-left:8px;
	}
	.photogallery li .photoimg {
		border-top-left-radius:20px;
		border-bottom-right-radius:20px;
	}
	
	.free h3 {
		font-size:17px;
	}
	
	#c_profile .imgs {
		font-size:0;
		text-align:center;
		width:100%;
		float:none;
		margin:0 0 25px 0;
	}
	#c_profile .imgs li {
		width:33.3%;
		display:inline-block;
		vertical-align:top;
	}
	#c_profile .text {
		width:100%;
		float:none;
	}
	#c_profile .text p {
		margin-bottom:22px;
	}
	
	
	#app {
		padding:50px 0;
	}
	#app h3 {
		font-size:23px;
	}
	#app h3::after {
		width:98px;
		height:16px;
		margin:23px auto 44px auto;
	}
	#app #app_pdf a.app_pdf__btn {
		padding:14px 10px;
	}
	#app h4 {
		font-size:20px;
		line-height:22px;
		margin-bottom:28px;
	}
	#app h4 span {
		padding:0 22px;
	}
	#app h4 span::before {
		border-top:11px solid #231815;
		border-right:11px solid transparent;
		border-bottom:11px solid transparent;
		border-left:11px solid #231815;
	}
	#app h4 span::after {
		border-top:11px solid transparent;
		border-right:11px solid #231815;
		border-bottom:11px solid #231815;
		border-left:11px solid transparent;
	}
	#app p.cap {
		margin-bottom:22px;
	}
	#app table {
		margin-bottom:33px;
	}
	#app table th, #app table td {
		padding:16px;
	}
	#app table th {
		width:170px;
	}
	#app .inq.tel {
		margin-bottom:33px;
	}
	#app .inq dt {
		font-size:14px;
		margin-bottom:16px;
	}
	#app .inq.tel dd span {
		margin-left:12px;
	}
	#app .inq.tel dd a {
		font-size:25px;
	}
	#app .inq.tel dd a span {
		font-size:19px;
	}
	
	
	#related {
		padding:40px 0;
	}
	#related h3 {
		font-size:17px;
		margin-bottom:22px;
	}
	#related h3:after {
		margin:11px auto 0 auto;
	}
	#related li .imgbox {
		border-top-left-radius:20px;
		border-bottom-right-radius:20px;
	}
	#related li h4 {
		font-size:14px;
	}
	
	
	.nopost {
		font-size:16px;
	}
}
@media screen and (max-width:600px) {
	/* -------------------------------------
	detail
	------------------------------------- */
	#pickup .head .imgbox {
		width:100%;
		height:auto;
		padding-top:56.25%;
		position:static;
	}
	#pickup .head .text {
		width:100%;
		margin-left:0;
		border-left:3px solid #fff;
	}
	#pickup .head .text::before {
		content:none;
	}
	
	
	#pu_day ul.imgset:not(:last-child) {
		margin-bottom:30px;
	}
	#pu_day ul.imgset li {
		width:calc((100% - 0px) / 1);
		height:auto!important;
		display:block;
		margin:0 0 25px 0;
	}
	#pu_day ul.imgset li:last-child {
		margin-bottom:0;
	}
	#pu_day ul.imgset li .imgbox {
		width:140px;
		height:140px;
		float:left;
		padding:0;
		margin:0;
	}
	#pu_day ul.imgset li .text {
		width:calc(100% - 160px);
		float:right;
	}
	
	
	.format1 li {
		width:calc((100% - 0px) / 1);
		height:auto!important;
	}
	.format1 li:nth-child(odd) {
		margin-right:0;
	}
	.format1 li:nth-child(even) {
		margin-left:0;
	}
	.format1 li:nth-child(odd)::after {
		content:none;
	}
	.format1 li:not(:last-child) {
		padding-bottom:30px;
		margin-bottom:30px;
		border-bottom:1px dashed #000;
	}
	.format1 li .imgs {
		width:140px;
	}
	
	.format2 li {
		width:calc((100% - 0px) / 1);
		display:block;
	}
	.format2 li:not(:last-child) {
		margin-right:0;
		margin-bottom:25px;
	}
	.format2 li .imgs {
		width:140px;
		float:left;
		margin-bottom:0;
	}
	.format2 li dl {
		width:calc(100% - 160px);
		float:right;
	}
	
	.format3 .left {
		width:100%;
		float:none;
		margin:0 auto 25px auto;
	}
	.format3 .left .imgs {
		width:150px;
		margin:0 auto 20px auto;
	}
	.format3 .right {
		width:100%;
		float:none;
	}
}
@media screen and (max-width:480px) {
	/* -------------------------------------
	detail
	------------------------------------- */
	.detail h1 {
		font-size:25px;
	}
	#info {
		margin-bottom:25px;
	}
	#info .in {
		padding-bottom:25px;
	}
	
	#color {
		padding:30px 20px;
	}
	#color h2 {
		font-size:22px;
	}
	#color h2::after {
		width:92px;
		height:15px;
		margin:20px auto 40px auto;
	}
	
	#youtube {
		margin:0 auto 70px auto;
	}
	
	
	#pickup h3 {
		width:193px;
		margin:0 auto 30px auto;
	}
	#pickup .head {
		margin-bottom:50px;
	}
	#pickup .head .text {
		padding:20px 20px 20px 20px;
	}
	#pickup .head .text p {
		font-size:17px;
		margin-bottom:15px;
	}
	#pickup .head .text p rb {
		font-size:25px;
	}
	#pickup .head .text p span {
		font-size:19px;
	}
	
	
	.cn_ttl {
		font-size:19px;
		line-height:20px;
		margin-bottom:30px;
	}
	.cn_ttl > span {
		padding:0 20px;
	}
	.cn_ttl > span::before {
		border-right:10px solid transparent;
		border-bottom:10px solid transparent;
	}
	.color_bl .cn_ttl > span::before {border-top:10px solid #78b0c8;border-left:10px solid #78b0c8;}
	.color_gr .cn_ttl > span::before {border-top:10px solid #79a46c;border-left:10px solid #79a46c;}
	.color_or .cn_ttl > span::before {border-top:10px solid #da8f4f;border-left:10px solid #da8f4f;}
	.color_pk .cn_ttl > span::before {border-top:10px solid #ce6175;border-left:10px solid #ce6175;}
	.color_bg .cn_ttl > span::before {border-top:10px solid #6eafab;border-left:10px solid #6eafab;}
	.color_pp .cn_ttl > span::before {border-top:10px solid #996990;border-left:10px solid #996990;}
	.cn_ttl > span::after {
		border-top:10px solid transparent;
		border-left:10px solid transparent;
	}
	.color_bl .cn_ttl > span::after {border-right:10px solid #78b0c8;border-bottom:10px solid #78b0c8;}
	.color_gr .cn_ttl > span::after {border-right:10px solid #79a46c;border-bottom:10px solid #79a46c;}
	.color_or .cn_ttl > span::after {border-right:10px solid #da8f4f;border-bottom:10px solid #da8f4f;}
	.color_pk .cn_ttl > span::after {border-right:10px solid #ce6175;border-bottom:10px solid #ce6175;}
	.color_bg .cn_ttl > span::after {border-right:10px solid #6eafab;border-bottom:10px solid #6eafab;}
	.color_pp .cn_ttl > span::after {border-right:10px solid #996990;border-bottom:10px solid #996990;}
	
	
	#pu_day, #pu_qa {
		margin-bottom:60px;
	}
	#pu_day ul.imgset li .imgbox {
		width:120px;
		height:120px;
	}
	#pu_day ul.imgset li .text {
		width:calc(100% - 135px);
	}
	#pu_day ul.imgset li h5 {
		font-size:15px;
	}
	#pu_day ul.imgset li p {
		font-size:13px;
	}
	#pu_day ul.textonly li {
		font-size:13px;
	}
	
	
	#pu_qa .imgs {
		width:100%;
		float:none;
		margin-bottom:25px;
	}
	#pu_qa #qalist {
		width:100%;
		float:none;
	}
	#pu_qa #qalist li {
		padding:20px 0;
	}
	#pu_qa #qalist li dt {
		font-size:15px;
	}
	#pu_qa #qalist li dd {
		font-size:13px;
	}
	
	
	#pu_voice .text {
		width:100%;
		float:none;
		margin-right:0;
	}
	#pu_voice .text h5 {
		font-size:15px;
	}
	#pu_voice .text p {
		font-size:13px;
	}
	#pu_voice .imgs {
		width:120px;
		float:none;
		margin:0 auto 20px auto;
	}
	
	
	.diag {
		padding:40px 20px;
	}
	.diag h3 {
		font-size:22px;
	}
	.diag h3::after {
		width:92px;
		height:15px;
		margin:20px auto 40px auto;
	}
	
	
	.format1 li .cn_ttl {
		font-size:14px;
	}
	.format1 li .cn_ttl span span {
		font-size:18px;
	}
	.format1 li .cn_ttl span.sec {
		font-size:13px;
	}
	.format1 li h4 {
		font-size:15px;
	}
	.format1 li p {
		font-size:13px;
	}
	
	.format2 li .imgs {
		width:120px;
	}
	.format2 li dl {
		width:calc(100% - 135px);
	}
	.format2 li dt {
		font-size:15px;
	}
	.format2 li dd {
		font-size:13px;
	}
	
	.format3 .left dl dt {
		font-size:14px;
	}
	.format3 .left dl dd {
		font-size:21px;
	}
	.format3 .left dl dd span {
		font-size:13px;
	}
	.format3 .right li:not(:last-child) {
		margin-bottom:15px;
	}
	.format3 .right h3 {
		font-size:25px;
		line-height:35px;
		background-size:auto 35px;
	}
	.format3 .right h3 span {
		line-height:35px;
		background-size:auto 35px;
	}
	.format3 .right li h4 {
		font-size:16px;
		padding-left:21px;
	}
	.format3 .right li h4::before {
		width:13px;
	}
	.format3 .right li p {
		font-size:13px;
	}
	
	.format5 p {
		font-size:13px;
	}
	
	.free h3 {
		font-size:16px;
	}
	.free p {
		font-size:13px;
	}
	
	#c_profile .text h4 {
		font-size:15px;
	}
	#c_profile .text p {
		font-size:13px;
		margin-bottom:20px;
	}
	
	
	#app {
		padding:45px 0;
	}
	#app h3 {
		font-size:22px;
	}
	#app h3::after {
		width:92px;
		height:15px;
		margin:20px auto 40px auto;
	}
	#app #app_pdf a.app_pdf__btn {
		font-size:14px;
		padding:13px 10px;
	}
	#app h4 {
		font-size:19px;
		line-height:20px;
		margin-bottom:25px;
	}
	#app h4 span {
		padding:0 20px;
	}
	#app h4 span::before {
		border-top:10px solid #231815;
		border-right:10px solid transparent;
		border-bottom:10px solid transparent;
		border-left:10px solid #231815;
	}
	#app h4 span::after {
		border-top:10px solid transparent;
		border-right:10px solid #231815;
		border-bottom:10px solid #231815;
		border-left:10px solid transparent;
	}
	#app p.cap {
		margin-bottom:20px;
	}
	#app table {
		margin-bottom:30px;
	}
	#app table th, #app table td {
		padding:15px 10px;
	}
	#app table th {
		width:150px;
	}
	#app .inq.tel {
		margin-bottom:30px;
	}
	#app .inq dt {
		margin-bottom:15px;
	}
	#app .inq.tel dd span {
		display:block;
		margin-top:5px;
		margin-left:0px;
	}
	#app .inq.tel dd a {
		font-size:23px;
	}
	#app .inq.tel dd a span {
		font-size:17px;
		display:inline-block;
	}
	#related h3 {
		font-size:16px;
		margin-bottom:20px;
	}
	#related h3:after {
		margin:10px auto 0 auto;
	}
	#related li {
		width:100%;
		float:none;
		margin-right:0;
		margin-bottom:20px;
	}
	#related li:nth-child(3n) {
		margin-bottom:0;
	}
	
	
	.nopost {
		font-size:15px;
	}
}
@media screen and (max-width:400px) {
	/* -------------------------------------
	detail
	------------------------------------- */
	.detail h1 {
		font-size:22px;
	}
	
	#color h2 {
		font-size:20px;
	}
	
	#youtube {
		margin:0 auto 65px auto;
	}
	
	
	#pickup h3 {
		width:183px;
		margin:0 auto 25px auto;
	}
	#pickup .head .text p {
		font-size:16px;
	}
	#pickup .head .text p rb {
		font-size:24px;
	}
	#pickup .head .text p span {
		font-size:18px;
	}
	
	
	.cn_ttl {
		font-size:18px;
		line-height:30px;
		margin-bottom:25px;
	}
	
	
	#pu_day, #pu_qa {
		margin-bottom:50px;
	}
	
	
	.diag h3 {
		font-size:20px;
	}
	
	
	.format3 .right h3 {
		font-size:23px;
		line-height:33px;
		background-size:auto 33px;
	}
	.format3 .right h3 span {
		line-height:33px;
		background-size:auto 33px;
	}
	
	
	#app {
		padding:40px 0;
	}
	#app h3 {
		font-size:20px;
	}
	#app h4 {
		font-size:18px;
	}
	#app table th {
		width:120px;
	}
	#app .inq.tel dd a {
		font-size:22px;
	}
	#app .inq.tel dd a span {
		font-size:16px;
	}
}
@media screen and (max-width:320px) {
	
}
@media screen and (min-width:769px) {
	
}