@charset "utf-8";
/* ==================================================
		
		about PC

================================================== */
@media screen and (min-width:751px) {
 
/* --------------------------------------------------
		ロゴ表示
-------------------------------------------------- */
#contents {
 background: none;
}
 
/* --------------------------------------------------
		.intro
-------------------------------------------------- */
.intro h2 {
 font-size: 27px;
 font-weight: 600;
 letter-spacing: 3.2px;
}
.intro h2 span {
 margin-left: -19px;
}
.intro .txt {
 font-size: 14px;
 font-weight: 400;
 letter-spacing: 2.1px;
 line-height: 2.51;
}
 
/* --------------------------------------------------
		section
-------------------------------------------------- */
section h3 {
 font-size: 23px;
 color: #000000;
 font-weight: 700;
}
section h3::before {
 position: relative;
 top: 3px;
 margin: 0 9px 0 0;
 content: url(/about/img/icon.png);
}
 
/* --------------------------------------------------
		.flow
-------------------------------------------------- */
.flow .flow-inner li {
 background: #fbf9fa;
 padding: 0 33px;
 position: relative;
 width: 300px;
}
.flow .flow-inner li::after {
 position: absolute;
 top: 50%;
 right: -56px;
 margin-top: -15px;
 content: url(/about/img/arrow_pc.png);
}
.flow .flow-inner li:last-of-type::after {
 content: none;
}
.flow .flow-inner li .img img {
 width: 80px;
}
.flow .flow-inner li .tit {
 font-size: 17px;
 color: #000000;
 font-weight: 800;
 letter-spacing: 2.5px;
}
.flow .flow-inner li .txt {
 font-size: 12px;
 font-weight: 400;
 letter-spacing: 1.7px;
 line-height: 1.78;
}
.flow .flow-inner li .flow-box .ex img {
 width: 196px;
}
.flow .flow-inner li .flow-box .cap {
 font-size: 11px;
 font-weight: 400;
 letter-spacing: 1.5px;
 border: 1px solid #a8a7a7;
 background: #ffffff;
 width: 196px;
 padding: 1px 0 2px;
 margin: 0 auto;
}
 
/* --------------------------------------------------
		.price
-------------------------------------------------- */
.price .price-inner li .tit .plan {
 font-size: 26px;
 font-weight: 800;
 letter-spacing: 3px;
 width: 334px;
 padding: 3px 0 0 13px;
}
.price .price-inner li .tit .plan span {
 font-size: 12px;
 font-weight: 800;
 letter-spacing: 1.4px;
 display: block;
 line-height: 1.4;
}
.price .price-inner li .tit .icon {
 font-size: 18px;
 color: #ffffff;
 font-weight: 700;
 letter-spacing: 5px;
 width: 66px;
 margin: 13px 48px 0 0;
}
.price .price-inner li .tit .icon span {
 background: #595858;
 border-radius: 5px;
 padding: 2px 12px 5px 14px;
}
.price .price-inner li .planprice {
 font-size: 33px;
 font-weight: 800;
 letter-spacing: 2.36px;
 width: 365px;
 background: #fbf9fa;
 padding: 8px 0 6px;
}
.price .price-inner li .planprice .yen {
 font-size: 21px;
 font-weight: 800;
 padding-left: 5px;
 position: relative;
 top: 2px;
}
.price .price-inner li .planprice .tax {
 font-size: 15px;
 font-weight: 800;
 letter-spacing: 0.8px;
 padding-left: 4px;
 position: relative;
 top: 2px;
}
 
/* --------------------------------------------------
		.note
-------------------------------------------------- */
.note {
 background: #fbf9fa;
 padding: 0 55px;
}
.note li {
 font-size: 17px;
 font-weight: 400;
 letter-spacing: 2.1px;
 line-height: 2.1;
}
.note li::before {
 content: "●";
 padding-right: 5px;
}
 
/* --------------------------------------------------
		.meeting .other
-------------------------------------------------- */
.meeting .txt, 
.other .txt {
 font-size: 17px;
 font-weight: 600;
 letter-spacing: 2.1px;
 line-height: 2.1;
 padding-left: 2px;
}
 
}


/* ==================================================
		
		about SP

================================================== */
@media screen and (max-width:750px) {
 
/* --------------------------------------------------
		.about
-------------------------------------------------- */
.about {
 padding: 0 25px;
}
 
/* --------------------------------------------------
		.intro
-------------------------------------------------- */
.intro h2 {
 font-size: 20px;
 font-weight: 600;
 letter-spacing: 1px;
 line-height: 1.5;
}
.intro h2 span {
 letter-spacing: 1px;
}
.intro .txt {
 font-weight: 400;
 letter-spacing: 1px;
 line-height: 1.9;
}
 
/* --------------------------------------------------
		section
-------------------------------------------------- */
section h3 {
 font-size: 21px;
 color: #000000;
 font-weight: 700;
}
section h3::before {
 position: relative;
 top: 4px;
 margin: 0 5px 0 0;
 content: url(/about/img/icon.png);
}
 
/* --------------------------------------------------
		.flow
-------------------------------------------------- */
.flow .flow-inner li {
 background: #fbf9fa;
 padding: 0 25px;
 position: relative;
}
.flow .flow-inner li::after {
 position: absolute;
 left: 45%;
 bottom: -41px;
 content: url(/about/img/arrow_sp.png);
}
.flow .flow-inner li:last-of-type::after {
 content: none;
}
.flow .flow-inner li .img {
 width: 25%;
 margin: 0 auto;
}
.flow .flow-inner li .tit {
 font-size: 17px;
 color: #000000;
 font-weight: 700;
 letter-spacing: 1px;
}
.flow .flow-inner li .txt {
 font-weight: 400;
 letter-spacing: 0.5px;
}
.flow .flow-inner li .flow-box {
 width: 70%;
 margin: 0 auto;
}
.flow .flow-inner li .flow-box .cap {
 font-size: 10px;
 font-weight: 400;
 letter-spacing: 1.5px;
 border: 1px solid #a8a7a7;
 background: #ffffff;
 width: 100%;
 padding: 1px 0 2px;
 margin: 0 auto;
}
 
/* --------------------------------------------------
		.price
-------------------------------------------------- */
.price .price-inner li {
 position: relative;
}
.price .price-inner li .tit {/* text-align: center; */justify-content: center;}
.price .price-inner li .tit .plan {
 font-size: 18px;
 font-weight: 800;
 letter-spacing: 1px;
 line-height: 1.3;
}
.price .price-inner li .tit .plan span {
 font-size: 9px;
 font-weight: 800;
 display: block;
 line-height: 1.3;
 padding-top: 5px;
}
.price .price-inner li .tit .icon {
 font-size: 13px;
 color: #ffffff;
 font-weight: 700;
 letter-spacing: 1.3px;
 margin: 2px 0 0 3%;
}
.price .price-inner li .tit .icon span {
 background: #595858;
 border-radius: 5px;
 padding: 1px 8px 3px;
}
.price .price-inner li .planprice {
 font-size: 22px;
 font-weight: 800;
 width: 100%;
 background: #fbf9fa;
 padding: 5px 8px 7px;
}
.price .price-inner li .planprice .yen {
 font-size: 16px;
 font-weight: 800;
 padding-left: 2px;
}
.price .price-inner li .planprice .tax {
 font-size: 10px;
 font-weight: 800;
 padding-left: 2px;
}
 
/* --------------------------------------------------
		.note
-------------------------------------------------- */
.note {
 background: #fbf9fa;
 padding: 0 15px;
}
.note li {
 font-size: 14px;
 font-weight: 400;
 letter-spacing: 1px;
 line-height: 1.4;
 text-indent: -19px;
 margin-left: 19px;
}
.note li::before {
 content: "●";
 padding-right: 3px;
}
 
/* --------------------------------------------------
		.meeting .other
-------------------------------------------------- */
.meeting .txt, 
.other .txt {
 font-size: 14px;
 font-weight: 600;
 letter-spacing: 1px;
 line-height: 1.5;
}
 
}