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

/*
==============================================================================*/


#sectionA {}




#sectionB > .wrap {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}




#sectionC > .wrap > .container > .container > .icon > img {width: 5rem;}
#sectionC > .wrap > .container > .container > .icon > img[src*="icon1.svg"] {width: 8.8rem;}
#sectionC > .wrap > .container > .container > .icon > img[src*="icon2.svg"] {width: 4.2rem;}
#sectionC > .wrap > .container > .container > .icon > img[src*="icon3.svg"] {width: 3.7rem;}
#sectionC > .wrap > .container > .container > .icon > img[src*="icon4.svg"] {width: 5.0rem;}
#sectionC > .wrap > .container > .container > .icon > img[src*="icon5.svg"] {width: 5.2rem;}




/*============================================================================*/




/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
@media screen and (max-width: 767px) {/* // Mobile // */
/*============================================================================*/


#sectionA {text-align: center;}
#sectionA > .wrap > .title {
	font-size: 2.4rem;
	font-weight: bold;
	margin-top: 5rem;
}
#sectionA > .wrap > .text {
	font-size: 1.8rem;
	font-weight: bold;
	margin-top: 2.5rem;
}




#sectionC {margin-top: 10rem;}
#sectionC {}
#sectionC > .wrap > .container + .container {margin-top: 4rem;}
#sectionC > .wrap > .container > .container > .icon {
	display: flex;
	justify-content: center;
	margin-top: 2.5rem;
}
#sectionC > .wrap > .container > .container > .title {
	margin-top: 2.5rem;
	font-size: 1.9rem;
	font-weight: bold;
}
#sectionC > .wrap > .container > .container > .text {
	margin-top: 1rem;
	font-size: 1.4rem;
}
#sectionC > .wrap > .container > .container > .button {
	margin-top: 3rem;
}




/*============================================================================*/
}




/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/
@media screen and (min-width: 768px) {/* // PC // */
/*============================================================================*/


#sectionA > .wrap > .title {
	font-size: 4.8rem;
	font-weight: bold;
	margin-top: 7rem;
}
#sectionA > .wrap > .text {
	font-size: 3.6rem;
	font-weight: bold;
	margin-top: 4rem;
}


#sectionC > .wrap > .container {
	display: flex;
	gap: 11rem;
}
#sectionC > .wrap > .container + .container {margin-top: 9rem;}
#sectionC > .wrap > .container > .image {width: 75rem;}
#sectionC > .wrap > .container > .container {flex: 1;}
#sectionC > .wrap > .container > .container > .icon {margin-top: 2.5rem;}
#sectionC > .wrap > .container > .container > .title {
	margin-top: 8rem;
	font-size: 2.9rem;
	font-weight: bold;
}
#sectionC > .wrap > .container > .container > .text {
	margin-top: 3rem;
	font-size: 1.6rem;
}
#sectionC > .wrap > .container > .container > .button {margin-top: 5rem;}
#sectionC > .wrap > .container > .container > .button > a.co_linkDeco {width: fit-content;}




/*============================================================================*/
}




/* - - - - - - - - - - - - - - - - - - -
https://---/---.css
ID = {}
- - - - - - - - - - - - - - - - - - - */