@charset "utf-8";


/* overwrite
-------------------------------------------------------------------------------------------------------- */

.business							{}
.business #pageTitle				{ background-image: url("../images/business/title_bg.jpg");}


/* feature-wrap
---------------------------------------------------------------- */
#feature-wrap											{}
#feature-wrap .list-wrap								{ margin-top: 2rem;}
#feature-wrap .list-wrap .list-box						{ margin-top: 4rem;}
#feature-wrap .list-wrap .list-box:first-child			{ margin-top: 0;}
#feature-wrap .list-wrap .list-box .pic					{}
#feature-wrap .list-wrap .list-box .txt-box				{ margin-top: 2rem;}
#feature-wrap .list-wrap .list-box .txt-box .num		{ display: inline-block; padding:0  2rem 1rem 0; color: #27a6dd; font-size: 3rem; border-bottom: #c6c6c6 2px dotted; line-height: 1;}
#feature-wrap .list-wrap .list-box .txt-box .title		{ padding-top: 1rem; font-size: 1.8rem; letter-spacing: 0.1rem;}
#feature-wrap .list-wrap .list-box .txt-box .title+p	{ padding-top: 0.5rem; font-size: 1.2rem; letter-spacing: 0.1rem;}

@media print, screen and (min-width: 768px) {
#feature-wrap .list-wrap								{ margin-top: 40px;}
#feature-wrap .list-wrap .list-box						{ -webkit-display: flex; display: flex; flex-direction: row-reverse; }

#feature-wrap .list-wrap .list-box .pic					{ width: 50%;}
#feature-wrap .list-wrap .list-box .txt-box				{ width: 50%; margin: 0; padding: 2rem 2rem 2rem 0;}
#feature-wrap .list-wrap .list-box .txt-box .num		{ padding:0  2rem 1.5rem 0; font-size: 4rem; }
#feature-wrap .list-wrap .list-box .txt-box .title		{ padding-top: 1.5rem; font-size: 2rem;}
#feature-wrap .list-wrap .list-box .txt-box .title+p	{ padding-top: 1rem; font-size: 1.4rem;}
}

@media print, screen and (min-width: 1024px) {
#feature-wrap .list-wrap .list-box .txt-box				{ padding: 3rem 3rem 3rem 0;}
#feature-wrap .list-wrap .list-box .txt-box .num		{ padding:0  2rem 2rem 0; font-size: 5.4rem; }
#feature-wrap .list-wrap .list-box .txt-box .title		{ padding-top: 2rem; font-size: 2.2rem;}
#feature-wrap .list-wrap .list-box .txt-box .title+p	{ padding-top: 2rem; font-size: 1.5rem; line-height: 1.8;}





}




/* sect-wrap
---------------------------------------------------------------- */

#sect-wrap								{}
#sect-wrap .box-wrap 					{ padding: 4rem 0 6rem;}
#sect-wrap .ttl-sect+p 					{ font-size: 1.2rem; margin-top: 2rem;}
#sect-wrap .list-wrap					{ -webkit-display: flex; display: flex; flex-wrap: wrap; margin: 2rem -5px 0; }
#sect-wrap .list-wrap li				{ width: calc(50% - 10px); margin: 0 5px; background: #ffffff; box-shadow: 0 0 20px 5px rgba(120,120,120,0.1); }
#sect-wrap .list-wrap li:nth-child(n+3)	{ margin-top: 1rem; }
#sect-wrap .list-wrap li p				{ padding: 0.5rem 0 ; text-align: center; font-size: 1.2rem; color: #1e90de; }

@media print, screen and (min-width: 768px) {
#sect-wrap .box-wrap 					{ padding: 90px 0 120px;}
#sect-wrap .ttl-sect+p 					{ font-size: 1.4rem; margin-top: 4rem; text-align: center;}
#sect-wrap .list-wrap					{ margin: 4rem -10px 0; }
#sect-wrap .list-wrap li				{ width: calc(25% - 20px); margin: 0 10px;  }
#sect-wrap .list-wrap li:nth-child(n+3)	{ margin-top: 0; }
#sect-wrap .list-wrap li p				{ padding: 1rem 0 ; font-size: 1.4rem; }

}

@media print, screen and (min-width: 1024px) {
#sect-wrap .box-wrap 					{ padding: 140px 0 160px;}
#sect-wrap .ttl-sect+p 					{ font-size: 1.6rem; margin-top: 6rem; }
#sect-wrap .list-wrap					{ margin: 6rem -15px 0; }
#sect-wrap .list-wrap li				{ width: calc(25% - 30px); margin: 0 15px; }
#sect-wrap .list-wrap li p				{ padding: 1.5rem 0 ; font-size: 2rem; }


}





