@charset "UTF-8";


/***************************************************

	technology

***************************************************/

.page_head{
	background-image: url('../images/technology/technology_head_bg.jpg');
}

.main_caption{
	font-size: 24px;
	font-weight: 500;
	line-height: 1.8;
	letter-spacing: 0.04em;
	text-align: center;
	margin-bottom: 40px;
}

.idea_caption,
.policy_caption{
	width: 780px;
	margin: 0 auto;
	line-height: 1.8;
}

.idea_catch,
.gole_copy{
	font-size: 26px;
	color: var(--color1);
	font-weight: 500;
	letter-spacing: 0.04em;
	text-align: center;
	margin-bottom: 30px;
}

.ul_wrapp{
	text-align: center;
}

.goal_ul{
	display: inline-block;
	margin-bottom: 50px;
}

.goal_ul li{
	font-size: 20px;
	font-weight: 500;
	line-height: 1;
	letter-spacing: 0.04em;
	text-align: left;
	margin-bottom: 18px;
	padding-left: 24px;
	position: relative;
}

.goal_ul li:last-child{
	margin-bottom: 0;
}

.goal_ul li::before{
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
    background-image: url(../images/common/circle_h.png);
    position: absolute;
    top: 0;
    left: 0;
}

.iso{
	text-align: center;
}

.iso .iso_box{
	display: inline-block;
	border: 1px solid var(--color1);
	padding: 24px 36px;
}

.iso .iso_box .title{
	font-size: 20px;
	color: var(--color1);
	font-weight: 500;
	letter-spacing: 0.04em;
	margin-bottom: 18px;
}

.iso .iso_box dl{
	display: inline-block;
	text-align: left;
	font-size: 18px;
}

.iso .iso_box dl dt{
	font-weight: 500;
	letter-spacing: 0.04em;
}

.iso .iso_box dl dd{
	font-weight: 500;
	letter-spacing: 0.04em;
	margin: -30px 0 18px 0;
	padding: 0 0 0 130px;
}

.iso .iso_box dl dd:last-of-type{
	margin-bottom: 0;
}

.plan_ul{
	width: 780px;
	margin: 0 auto;
	counter-reset: num01 0;
}

.plan_ul li{
	font-size: 18px;
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: 0.04em;
	text-align: left;
	margin-bottom: 1.5em;
	padding-left: 50px;
	position: relative;
}

.plan_ul li:last-child{
	margin-bottom: 0;
}

.plan_ul li::before{
	counter-increment: num01 1;
	content: counter(num01, decimal-leading-zero) '.';
	display: inline-block;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 28px;
	color: #fff;
    text-shadow: 1px 1px 1px var(--color1), -1px 1px 1px var(--color1), 1px -1px 1px var(--color1), -1px -1px 1px var(--color1);
	position: absolute;
    top: -12px;
    left: 0;
}





/********************************************************************************
	リッキド用 CSS
********************************************************************************/

@media(max-width:1300px){

.main_caption{
	font-size: 1.846154vw;
	margin-bottom: 3.076923vw;
}

.idea_caption,
.policy_caption{
	width: 60vw;
}

.idea_catch,
.gole_copy{
	font-size: 2vw;
	margin-bottom: 2.307692vw;
}

.goal_ul{
	margin-bottom: 3.846154vw;
}

.goal_ul li{
	font-size: 1.538462vw;
	margin-bottom: 1.384615vw;
	padding-left: 1.846154vw;
}

.goal_ul li::before{
    width: 1.538462vw;
    height: 1.538462vw;
}

.iso .iso_box{
	padding: 1.846154vw 2.769231vw;
}

.iso .iso_box .title{
	font-size: 1.538462vw;
	margin-bottom: 1.384615vw;
}

.iso .iso_box dl{
	font-size: 1.384615vw;
}

.iso .iso_box dl dd{
	margin: -2.307692vw 0 1.384615vw 0;
	padding: 0 0 0 10vw;
}

.plan_ul{
	width: 60vw;
}

.plan_ul li{
	font-size: 1.384615vw;
	padding-left: 3.846154vw;
}

.plan_ul li::before{
	font-size: 2.153846vw;
    top: -0.923077vw;
}








}




/********************************************************************************
	スマートフォン用 CSS
********************************************************************************/

@media(max-width:430px){

.main_caption{
	font-size: 4.8vw;
	margin: 0 5.333333vw 8vw;
}

.idea_caption,
.policy_caption{
	width: auto;
	margin: 0 5.333333vw;
}

.idea_catch,
.gole_copy{
	font-size: 5.333333vw;
	margin-bottom: 8vw;
}

.goal_ul{
	margin: 0 5.333333vw 13.333333vw;
}

.goal_ul li{
	font-size: 4.266667vw;
	line-height: 1.4;
	margin-bottom: 3.733333vw;
	padding-left: 6.4vw;
}

.goal_ul li:last-child{
	margin-bottom: 0;
}

.goal_ul li::before{
    width: 4.266667vw;
    height: 4.266667vw;
    top: 0.8vw;
}

.iso{
	margin: 0 5.333333vw;
}

.iso .iso_box{
	padding: 4.8vw 6.4vw;
}

.iso .iso_box .title{
	font-size: 4.8vw;
	margin-bottom: 4.8vw;
}

.iso .iso_box dl{
	font-size: 4.266667vw;
	text-align: center;
}

.iso .iso_box dl dd{
	margin: 2.133333vw 0 4.8vw 0;
	padding: 0;
}

.plan_ul{
	width: auto;
	margin: 0 5.333333vw;
}

.plan_ul li{
	font-size: 4.266667vw;
	padding-left: 11.2vw;
}

.plan_ul li:last-child{
	margin-bottom: 0;
}

.plan_ul li::before{
	font-size: 6.4vw;
    top: -2.666667vw;
}










}