@charset "utf-8";
/* CSS Document フロンティアペッツ */

/*common*/
.pcNone{display:none;}
.spNone{display:block;}
.marker{background: linear-gradient(transparent 60%, #ff6 60%);}
.obj_center{text-align: center;}
.txt_bold{font-weight: bold;}
.sub_ttl{font-size: 20px;background-color:#01a19f;color:#fff;padding: .6em;letter-spacing: .05em;}

/* ボタン */
.btn_link_blue a:hover,
.btn_link_blue a:visited{color: #FFF;}

/*PC*/
.flex_box{display: flex;justify-content: center;gap: 29.25px;}

.summary ul li{width: 400px;padding-top: 3.5em;}
.btn_link_blue a{background-color: #01a19f;color: #FFF;}

.sec_point1 h2 span{color: #01a19f;}
.sec_point1 ul{width: 50%;}
.sec_point1 ul li{background-color: #f0e9e2;padding: 1em;}
.sec_point1 ul li:nth-of-type(1){margin-bottom: 1em;}
.sec_point1 ul li h3{color: #01a19f;font-weight: bold;margin-bottom: 10px;}
.sec_point1 ul li p{margin: .5em 0 0;}
.sec_point1 .sec_img{margin: 0;}
.sec_point1 .about_us{padding: 2.5em 0;}
.sec_point1 .about_us .sec_img img{max-width: 750px;}

.sec_point2 .sec_img{margin: 0;}
.sec_point2 .sec_img img{max-width: 550px;}

#wrap .sec_point3 ul{list-style: disc;list-style-position: inside;line-height: 2.5;}
.sec_point3 ul li::marker{color: #01a19f;font-weight: bold;}
.sec_point3 ul li p{padding-top: 1.5em;}
.sec_point3 .sec_img{margin: 0;}
.sec_point3 .sec_img img{max-width: 550px;}

.sec_sku li{padding-bottom: 3em;}
.sec_sku li:nth-of-type(2) h4{background-color: #c64c63;}
.sec_sku li:nth-of-type(3) h4{background-color: #e17e00;}
.sec_sku li:nth-of-type(4) h4{background-color: #a15b97;}
.sec_sku li:nth-of-type(5) h4{background-color: #314f59;}
.sec_sku h4{background-color: #1b3417;}
.sec_sku .icon{background-color: #000;color: #fff;padding: .3em;letter-spacing: .1em;}
.sec_sku .icon_ml{margin-left: .4em;}
.sec_sku .icon2{background-color: #eb9d2c;margin-left: .4em;}
.sec_sku .icon3{background-color: #ec737d;margin-left: .4em;}
.sec_sku img{max-width: 750px;}
.sec_sku .about_tripe{background-color: #f0e9e2;padding: 1em;}
.sec_sku .about_tripe dt{color: #01a19f;font-weight: bold;padding-bottom: .5em;}

.sec_lastly{border-top: #ccc5bf solid 1px;padding-top: 3.5em;}
.sec_lastly .flex_box li{width: 400px;}
.sec_lastly .obj_center{padding-top: 2em;}
.sec_lastly .btn_link{margin-top: 3em;}

/*SP*/
@media screen and (max-width: 1023px){
	/* common */
    .pcNone{display:block;}
	.spNone{display:none;}
	
	.summary ul.flex_box{flex-direction: column;gap: 15px;}
	.summary ul.flex_box li{width: 100%;padding-top: 1em;}
	
	.sec_point1 .ttl_h2{line-height: 1.8;}
	.sec_point1 .flex_box{flex-direction: column;gap:15px;}
	.sec_point1 ul{width: 100%;margin-bottom: 0;}
	.sec_point1 .about_us{padding-top: 0;}
	.sec_point1 .about_us .sec_txt{margin-bottom: 0;}
	.sec_point1 .about_us .sec_img img{width: 100%;}
	.sec_point2 .flex_box{flex-direction: column;gap: 0;}
	.sec_point2 .sec_img img{width: 100%;}
	.sec_point3 .flex_box{flex-direction: column;gap:15px;}
	.sec_point3 .sec_img img{width: 100%;}
	#wrap .sec_point3 ul{line-height: 1.7;margin-bottom: 0;}
	
	.sec_sku .sec_type_img img{width: 100%;}
	.sec_sku ul .flex_box{flex-direction: column;gap: 0;}
	.sec_sku ul .flex_box .sec_type_img{margin-top: 0;}
	#wrap .sec_sku .about_tripe{margin-bottom: 1.5em;}
	
	.sec_lastly{margin-top: 1em;padding-top: 2em;}
	.sec_lastly .flex_box{flex-direction: column;}
	.sec_lastly .flex_box li{width: 100%;}
	.sec_lastly .btn_link{margin-top: 1em;}
	
}