@charset "UTF-8";



/*  ----------------------------------------------------------

kv

----------------------------------------------------------  */
.top-kv {
	position: relative;
	background: url(../img/deco-1.png) no-repeat left top;
	background-size: 30rem auto;
}
.top-kv .wrap {
	display: flex;
	align-items: center;
}
.top-kv .wrap > div {
	width: 40%;
	padding-top: 8rem;
	padding-left: 10rem;
	padding-right: 3rem;
}
.top-kv .wrap > figure {
	width: 60%;
}
.top-kv h2 {
	color: var(--green);
	margin-bottom: 2rem;
	font-size: 3rem;
	font-weight: 400;
	letter-spacing: 0.2em;
}
.top-kv p {
	line-height: 2.2;
}
@media screen and (max-width: 768px) {
	.top-kv {
		background: url(../img/deco-1.png) no-repeat left top 3rem;
		background-size: 15rem auto;
	}	
	.top-kv .wrap {
		flex-direction: column-reverse;
	}
	.top-kv .wrap > div {
		width: 100%;
		padding: 2rem 3rem 0 3rem;
	}
	.top-kv .wrap > figure {
		width: 100%;
		margin-left: 0;
	}
}



/*  ----------------------------------------------------------

news thumbnail

----------------------------------------------------------  */
.top-news {
    padding: 6rem 0;
	width: 80rem;
	margin: 0 auto;
	position: relative;
	z-index: 2;
}
.top-news .wrap {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 3rem;
}
.top-news h2 {
	margin-bottom: 0;
}
.top-news .CMS-NEWS-MORE-READ {
    display: none;
}
.top-news .CMS-NEWS-INDEX {
    padding-bottom: 0;
}
/* CMS-NEWS */
.CMS-NEWS-INDEX {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    padding-bottom: 10rem;
}
.CMS-NEWS-INDEX > * {
    width: 31%;
    margin-right: 3.5%;
}
.CMS-NEWS-INDEX > *:nth-of-type(3n) {
    margin-right: 0;    
}
.CMS-NEWS-INDEX > *:nth-of-type(n + 4) {
    margin-top: 3.5rem;
}
.CMS-NEWS-ITEM a {
    transition: all .3s;
    display: block;
}
.CMS-NEWS-ITEM a:hover {
    opacity: 0.6;
}
.CMS-NEWS-TIME {
    font-size: 1rem;
    margin: 1.8rem 0 0.6rem 0;
    line-height: 1;
	font-weight: bold;
	color: var(--green);
}
.CMS-NEWS-LINK {
    font-size: 1.4rem;
}
.CMS-NEWS-INDEX > * img {
    height: 16rem;
    width: 100%;
    object-fit: cover; 
	border-radius: 1.5rem;
}
/* read more */
.CMS-NEWS-MORE-READ {
    background: var(--green);
    border: none;
    padding: 1.6rem 0 1.7rem 0;
    font-size: 1.4rem;
    color: #fff !important;
    text-align: center;
    margin: 0 auto;
    width: 31%;
    display: block;
    transition: all .3s;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
	font-weight: bold;
	border-radius: 10rem;
}
.CMS-NEWS-MORE-READ:hover {
    cursor: pointer;
    opacity: 0.6;
}
/* detail */
.CMS-NEWS-TITLE {
    border-bottom: solid 1px rgba(0,0,0,0.2);
    font-size: 2.2rem;
    margin-bottom: 3rem;
    padding: 1rem 0 1.5rem 0;
    position: relative;
    font-weight: bold;
}
.CMS-NEWS-TITLE:after {
    border-bottom: solid 4px var(--green);
    bottom: -4px;
    content: " ";
    display: block;
    position: absolute;
    width: 25%;
}
.CMS-NEWS-CONTENT img {
    width: 80%;
    height: auto;
    display: block;
    margin: 0 auto 3rem auto;
}
@media screen and (max-width: 768px) {
	.top-news {
		padding: 8rem 3rem;
		width: auto;
	}
	.top-news .wrap {
		display: block;
		margin-bottom: 3rem;
	}
	.top-news .more {
		margin: 3rem auto 0 auto;
	}
    .CMS-NEWS-INDEX {
        display: block;
    }
    .CMS-NEWS-INDEX > * {
        width: 100%;
        margin-right: 0;
    }
    .CMS-NEWS-INDEX > *:nth-of-type(n + 4) {
        margin-top: 0;
    }
    .CMS-NEWS-INDEX > *:nth-of-type(n + 2) {
        margin-top: 3.5rem;
    }        
    .CMS-NEWS-TIME {
        margin: 1.5rem 0 0.3rem 0;
    }   
    .CMS-NEWS-INDEX > * img {
        height: 20rem;
    }
    .CMS-NEWS-CONTENT img {
        width: 100%;
    }
}



/*  ----------------------------------------------------------

about

----------------------------------------------------------  */
.top-about {
	background: 
		url(../img/deco-2.png) no-repeat right 2rem top 22rem,
		url(../img/bg-wave-1.jpg) no-repeat center top;
	background-size: 
		20rem auto,
		100% auto;
	padding-top: 18rem;
	padding-bottom: 5rem;
	padding-right: 12rem;
	position: relative;
	z-index: 1;
	margin-top: -10rem;
	position: relative;
}
.top-about::before {
	content: "";
	width: 72%;
	height: 60rem;
	background: var(--green);
	position: absolute;
	left: 0;
	bottom: 4rem;
	z-index: -1;
	border-radius: 0 4rem 4rem 0;
}
.top-about .wrap  {
	display: flex;
}
.top-about .wrap > div {
	width: 65%;
	margin-top: 6rem;
}
.top-about .txt-box {
	margin-left: auto;
	width: 48rem;
}
.top-about .wrap > figure {
	width: 37%;
	margin-left: -2%;
}
.top-about h3 {
	color: var(--green);
	font-weight: normal;
	font-size: 2.4rem;
}
.top-about .more {
	margin: 0 auto;
}
@media screen and (max-width: 768px) {
	.top-about {
		background: 
			url(../img/deco-2.png) no-repeat right 2rem top 22rem,
			url(../img/bg-wave-1.jpg) no-repeat center top;
		background-size: 
			20rem auto,
			100% auto;
		padding: 10rem 3rem 6rem 3rem;
		position: relative;
		z-index: 1;
		margin-top: 0;
		position: relative;
	}
	.top-about::before {
		width: 80%;
		height: 56rem;
	}
	.top-about .wrap {
		flex-direction: column-reverse;
		display: flex;
	}
	.top-about .wrap > div {
		width: 100%;
		margin-top: -3rem;
	}
	.top-about .txt-box {
		margin-left: auto;
		width: 100%;
	}
	.top-about .wrap > figure {
		width: 100%;
		margin-left: 0;
	}
}



/*  ----------------------------------------------------------

txt-box

----------------------------------------------------------  */
.txt-box {
	background: #fff;
	border-radius: 1.5rem;
	box-shadow: 0 0 1rem rgba(0,0,0,0.15);
	padding: 6rem 4rem 4rem 4rem;
	width: 44rem;
}
.txt-box h4 {
	margin-bottom: 2rem;
}
.txt-box p {
	margin-bottom: 3rem;
}
.txt-box .more {
	margin-left: auto;
}
@media screen and (max-width: 768px) {
	.txt-box {
		padding: 3rem 3rem;
		width: auto;
	}
}



/*  ----------------------------------------------------------

service

----------------------------------------------------------  */
.top-service {
	margin-top: 10rem;
	position: relative;
	z-index: 2;
	background: url(../img/deco-3.png) no-repeat right top 4rem;
	background-size: 32rem auto;
}
@media screen and (max-width: 768px) {
	.top-service {
		margin-top: 0;
		padding-top: 8rem;
	}
}
.top-service ul li {
	display: flex;
	align-items: center;
}
.top-service ul li:nth-child(odd) {
	margin-bottom: 10rem;
}
.top-service ul li:nth-child(even) {
	flex-direction: row-reverse;
	margin-bottom: 10rem;
}
.top-service li > figure {
	width: 60%;
	position: relative;
}
.top-service li > figure::before {
	content: "";
	width: calc(100% + 3rem);
	height: 24rem;
	background: var(--green);
	position: absolute;
	right: -3rem;
	bottom: -3rem;
	border-radius: 0 4rem 4rem 0;
	z-index: -1;
}
.top-service li:nth-child(even) > figure::before {
	right: auto;
	left: -3rem;
	border-radius: 4rem 0 0 4rem;
}
.top-service h3 {
	color: var(--green);
	font-size: 2.4rem;
	margin-bottom: 2rem;
	letter-spacing: 0.15em;
}
.top-service .txt-box {
	margin-top: 7rem;
}
.top-service ul li:nth-child(odd) .txt-box {
	margin-left: -11rem;
}
.top-service ul li:nth-child(even) .txt-box {
	margin-right: -10rem;
}
.top-service ul li:nth-child(odd) figure img {
	border-radius: 0 4rem 4rem 0;
}
.top-service ul li:nth-child(even) figure img {
	border-radius: 4rem 0 0 4rem;
}
@media screen and (max-width: 768px) {
	.top-service {
		margin-top: 0;
	}	
	.top-service::before {
		width: 80%;
		height: 47rem;
		top: 27rem;
		border-radius: 0 4rem 4rem 0;
	}
	.top-service ul li {
		display: block;
	}
	.top-service ul li:nth-child(odd) {
		margin-bottom: 6rem;
	}
	.top-service li > figure {
		width: 100%;
	}
	.top-service h3 {
		color: var(--green);
		font-size: 2.4rem;
		margin-bottom: 2rem;
		letter-spacing: 0.15em;
	}
	.top-service .txt-box {
		width: 85%;
	}
	.top-service ul li:nth-child(odd) .txt-box {
		margin: -3rem auto 0 auto;
	}
	.top-service ul li:nth-child(even) .txt-box {
		margin: -3rem auto 0 auto;
	}
	.top-service ul li figure img {
		border-radius: 0;
	}
	.top-service ul li:nth-child(even) {
		margin-bottom: 5rem;
	}	
	.top-service li > figure::before {
		right: 0;
		width: 100%;
	}
	.top-service li:nth-child(even) > figure::before {
		left: 0;
	}	
	.top-service h3 {
		text-align: center;
	}
	.top-service .more {
		margin: 0 auto;
	}
}



/*  ----------------------------------------------------------

access

----------------------------------------------------------  */
.top-access {
	padding-top: 20rem;
	padding-bottom: 10rem;
	background: 
		url(../img/bg-wave-3.jpg) no-repeat center top;
	background-size:
		100% auto;
	background-color: #cbedf7;
}
.top-access h2 {
	flex-direction: column;
	align-items: center;
	margin-bottom: 8rem;
}
.top-access h2 .jp {
	margin-top: 1rem;
}
/* ---- wrap ---- */
.top-access .wrap {
	width: 88rem;
	margin: 0 auto 6rem auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
.top-access .wrap > * {
	width: 48%;
}
.top-access h3 {
	background: var(--green);
	color: #fff;
	display: inline-block;
	padding: 0.5rem 4rem;
	border-radius: 10rem;
}
/* ---- ul ---- */
.top-access ul {
	display: flex;
	justify-content: space-between;
	width: 88rem;
	margin: 0 auto;
}
.top-access ul li {
	width: 31%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.top-access ul h3 {
	width: 85%;
	text-align: center;
}
.top-access ul dl {
	font-size: 1.2rem;
}
.top-access ul .gmap iframe {
	height: 18rem;
}
.top-access .gmap {
	position: relative;
	margin-top: 2rem;
}
.top-access .gmap iframe {
	border-radius: 3rem;
	height: 22.5rem;
}
.top-access .gmap span {
	display: block;
	position: absolute;
	right: 6.5rem;
	bottom: 0;
	width: 14rem;
}
@media screen and (max-width: 768px) {
	.top-access {
		padding: 10rem 3rem 8rem 3rem;
	}
	.top-access h2 {
		flex-direction: column;
		align-items: center;
		margin-bottom: 5rem;
	}
	.top-access h2 .jp {
		margin-top: 1rem;
	}
	.top-access h3 {
		font-size: 1.8rem;
		width: 100%;
		text-align: center;
	}	
	/* ---- wrap ---- */
	.top-access .wrap {
		width: 100%;
		margin: 0 auto 6rem auto;
		display: block;
	}
	.top-access .wrap > * {
		width: 100%;
	}
	.top-access .wrap > figure {
		margin-bottom: 3rem;
	}	
	/* ---- ul ---- */
	.top-access ul {
		display: block;
		width: 100%;
	}
	.top-access ul li:not(:last-child) {
		margin-bottom: 3rem;
	}
	.top-access ul li {
		width: 100%;
	}
	.top-access ul h3 {
		width: 100%;
		text-align: center;
	}
	.top-access ul dl {
		font-size: 1.4rem;
		width: 100%;
	}
	.top-access ul .gmap iframe {
		height: 18rem;
	}
}



/*  ----------------------------------------------------------

top wrap

----------------------------------------------------------  */
.top-wrap {
	background: 
		url(../img/bg-wave-4.png) no-repeat center;
	background-size: 
		100% auto;
	background-color: #cbedf7;
	display: flex;
	justify-content: center;
	padding-bottom: 6rem;
}
.top-wrap > * {
	width: 45rem;
	border-radius: 4rem;
	background: #fff;
	padding: 5rem 0;
	position: relative;
}
.top-wrap > *:first-of-type {
	margin-right: 6rem;
}
.top-wrap h2 .jp {
	color: var(--green);
}
.top-wrap p {
	padding: 0 5rem;
	margin-bottom: 4rem;
	text-align: center;
}
.top-wrap .more {
	margin: 0 auto;
}
.top-wrap > * > span {
	display: block;
	position: absolute;
	width: 6rem;
	left: calc(50% - 3rem);
	top: -3rem
}
@media screen and (max-width: 768px) {
	.top-wrap {
		padding: 0 3rem 6rem 3rem;
		display: block;
	}
	.top-wrap > * {
		width: 100%;
	}
	.top-wrap > *:first-of-type {
		margin-right: 0;
		margin-bottom: 5rem;
	}
	.top-wrap p {
		padding: 0 3rem;
		margin-bottom: 3rem;
	}
}



/*  ----------------------------------------------------------

about

----------------------------------------------------------  */
.about-msg h4 {
	color: var(--green);
	font-size: 2.2rem;
	margin-bottom: 1.8rem;
}
.about-policy p {
	text-align: center;
	font-size: 1.6rem;
	line-height: 2.2;
	border: solid 0.5rem #eee;
	padding: 3rem 3rem;
}
@media screen and (max-width: 768px) {
	.about-msg h4 {
		text-align: center;
	}
	.about-policy p {
		text-align: left;
		line-height: 1.8;
		padding: 2.5rem 3rem;
	}
}



/*  ----------------------------------------------------------

gallery low

----------------------------------------------------------  */
.gallery-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	justify-content: center;
	width: 90%;
	margin: 8rem auto;
}	
.gallery-list li {
	margin: 0 1rem 2rem 1rem;
}
.gallery-list img {	
	border-radius: 50%;
	height: 11vw;
	width: 11vw;
	object-fit: cover;	
}
.gallery-list span {	
	display: block;
	font-size: 1.2rem;
	line-height: 1.7;
	margin: 1.2rem 0 0 0;
	text-align: center;
	width: 11vw;
}
@media screen and (max-width: 768px) {
	.gallery-list {
		margin: 4rem auto;
		width: 95%;
	}	
	.gallery-list li {
		margin: 0 0.5rem 1.5rem 0.5rem;
	}	
	.gallery-list img {	
		width: 17vw;
		height: 17vw;
	}
	.gallery-list span {	
		font-size: 1rem;
		margin: 1rem auto 0 auto;
		width: 16vw;
	}
}



/*  ----------------------------------------------------------

form

----------------------------------------------------------  */
.CMS-FORM-GROUP {
    display: flex;
    align-items: center;
    margin-bottom: 5rem;
}
.CMS-FORM-GROUP label {
    width: 30%;
    font-weight: bold;
}
.CMS-FORM-GROUP input,
.CMS-FORM-GROUP textarea {
    width: 70%;
    padding: 2rem;
    border: #ddd solid 1px;
    box-sizing: border-box;
}
.CMS-FORM-INPUT,
.CMS-FORM-EMAIL {
    -webkit-appearance: none;
    appearance: none;
}
.CMS-FORM-GROUP textarea {
    height: 16rem;
    -webkit-appearance: none;
    appearance: none;
}
.CMS-FORM-GROUP input[type="submit"] {
    background: var(--green);
    border: none;
    color: #fff;
    display: block;
    font-weight: bold;
    font-size: 1.6rem;
    width: 24rem;
    padding: 2rem 0;
    margin: 0 auto;
    transition: all .3s;
    display: block;
	font-weight: bold;
}
.CMS-FORM-GROUP input[type="submit"]:hover {
    cursor: pointer;
    opacity: 0.5;
}
/* ---- radio ---- */
.CMS-FORM-RADIO {
    flex-direction: column;
    display: flex;
    flex-wrap: wrap;
    white-space: nowrap;
    width: 70%;
}
.CMS-FORM-RADIO > div:not(:last-of-type) {
    margin-right: 2.5rem;
    margin-bottom: 1.2rem;
}
.CMS-FORM-RADIO > div {
    display: flex;
    align-items: center;
    width: calc(100% - 18px);
}
.CMS-FORM-RADIO > div label {
    margin-left: 0.5rem;
    margin-top: 0.3rem;
}
_::-webkit-full-page-media, _:future, :root .CMS-FORM-RADIO > div label {
    margin-top: 0;
}
@media screen and (max-width: 768px) {
    .CMS-FORM-RADIO {
        display: block;
        width: 100%;
        white-space:unset;
    }
    .CMS-FORM-RADIO > div:not(:last-of-type) {
        margin-bottom: 1.2rem;
    }
    .CMS-FORM-RADIO > div label {
        width: calc(100% - 24px);
    }
    _::-webkit-full-page-media, _:future, :root .CMS-FORM-RADIO > div label {
        margin-top: 0.7rem;
    }   
}
input[type="radio"] {
    position: relative;
    width: 18px !important;
    height: 18px !important;
	padding: 0 !important; 
    background: rgba(245,245,245,1);
    border: solid 1px #ddd;
    border-radius: 50%;
    vertical-align: -2px;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
}
input[type="radio"]:checked:before {
    content: "";
    background: var(--green);
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 9px;
    height: 9px;
}
@media screen and (max-width: 768px) {
    input[type="radio"] {
        width: 24px;
        height: 24px;
    }
    input[type="radio"]:checked:before {
        width: 12px;
        height: 12px;
    }
}

input[type="submit"],
input[type="button"] {
    border-radius: 0;
    -webkit-appearance: button;
    appearance: button;
    border: none;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
    display: none;
}
@media screen and (max-width: 768px) {
    .CMS-FORM-GROUP {
        display: block;
    }
    .CMS-FORM-GROUP label {
        width: 100%;
        display: block;
        margin-bottom: 1rem;
    }
    .CMS-FORM-GROUP input,
    .CMS-FORM-GROUP textarea {
        width: 100%;
    }
    .CMS-FORM-GROUP input[type="submit"] {
        width: 100%;
        padding: 2rem 0;
        font-size: 1.8rem;
    }   
}
.his {
    background: rgba(220,0,0,1);
    line-height: 1;
    color: #fff;
    font-size: 1rem;
    padding: 0.2rem 0.7rem 0.3rem 0.7rem;
    margin-left: 1.6rem;
    vertical-align: 0.1rem;
}
.thanx {
    text-align: center;
}
.back {
    text-align: center;
    display: block;
}
.back a {
	color: var(--green);
}
@media screen and (max-width: 768px) {
    .thanx {
        text-align: left;
    }
}



/*  ----------------------------------------------------------

privacy

----------------------------------------------------------  */
.privacy {
    width: auto;
    margin: 0 auto 7rem;
    border: 0.2rem solid #ccc;
    padding: 2rem;
    height: 24rem;
    overflow: auto;
}
.privacy-notes {
    margin: 0 auto 3rem;
}
@media screen and (max-width: 768px) {
    .privacy {
        width: 100%;
        margin: 0px auto 7rem;
    }
}
.iso {
	text-align: center;
	margin: 2rem 0;
	font-weight: bold;
	font-size: 2.4rem;
	color: var(--green);
}



/*  ----------------------------------------------------------

aircon

----------------------------------------------------------  */
/* ---- aircon-summary ---- */
.aircon-summary {
	margin-bottom: 6rem;
}
.aircon-summary li {
	display: flex;
	align-items: center;
	background: #cbedf7;
	border-bottom: solid 0.2rem #fff;
}
.aircon-summary li figure {
	width: 35%;
}
.aircon-summary li > div {
	width: 65%;
	padding: 0 3rem;
}
.aircon-summary h3 {
	color: var(--green);
	font-size: 2rem;
	margin-bottom: 1.5rem;
}
.aircon-summary dt {
	font-size: 1.6rem;
	margin-bottom: 1rem;
	color: var(--navy);
}
@media screen and (max-width: 768px) {
	.aircon-summary li {
		display: block;
	}
	.aircon-summary li figure {
		width: 100%;
	}
	.aircon-summary li > div {
		width: 100%;
		padding: 3rem;
	}
}

/* ---- aircon-trouble ---- */
.aircon-trouble {
	margin-bottom: 6rem;
}
.aircon-trouble h3 {
	text-align: center;
	font-size: 2.8rem;
	color: var(--green);
	margin-bottom: 2rem;
}
.aircon-trouble p {
	text-align: center;
}
.aircon-trouble ul {
	border: solid 0.3rem #ddd;
	padding: 3rem;
	width: 40%;
	margin: 3rem auto;
	font-size: 1.6rem;
	border-radius: 1rem;
}
.aircon-trouble ul li {
	display: flex;
	align-items: center;
}
.aircon-trouble ul li:not(:last-child) {
	margin-bottom: 0.8rem;
}
.aircon-trouble ul li i {
	margin-right: 0.5rem;
	color: var(--green);
}
.aircon-trouble > div p {
	background: var(--green);
	color: #fff;
	border-radius: 10rem;
	padding: 1rem 0;
	font-size: 2rem;
	margin-bottom: 1rem;
}
.aircon-trouble > div p + div {
	font-size: 1.8rem;
	text-align: center
}
.aircon-trouble > div p + div strong {
	font-size: 3.2rem;
	color: rgba(230,0,0,1);
}
@media screen and (max-width: 768px) {
	.aircon-trouble h3 {
		font-size: 2.4rem;
	}
	.aircon-trouble p {
		text-align: left;
	}
	.aircon-trouble ul {
		width: 100%;
	}
	.aircon-trouble > div p {
		border-radius: 1rem;
		text-align: center;
		line-height: 1.4;
	}
	.aircon-trouble > div p + div {
		font-size: 1.6rem;
	}
	.aircon-trouble > div p + div strong {
		font-size: 2rem;
	}
}

/* ---- aricon-works ---- */
.aricon-works ul {
	display: flex;
	justify-content: space-between;
	position: relative;
}
.aricon-works ul li {
	width: 46%;
	position: relative;
}
.aricon-works ul::before {
	content: "";
	width: 0;
	height: 0;
	border-left: 2rem solid var(--green);
	border-top: 2rem solid transparent;
	border-bottom: 2rem solid transparent;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.aricon-works figcaption {
	position: absolute;
	left: 0;
	top: 0;
	background: var(--green);
	color: #fff;
	padding: 1rem 2rem;
}
@media screen and (max-width: 768px) {
	.aricon-works ul li {
		width: 47%;
		position: relative;
	}
	.aricon-works ul::before {
		border-left: 1rem solid var(--green);
		border-top: 1rem solid transparent;
		border-bottom: 1rem solid transparent;
	}
	.aricon-works figcaption {
		padding: 0.5rem 1rem;
		line-height: 1;
		font-size: 1.2rem;
	}
}

/* ---- aricon-model ---- */
.aricon-model {
	background: #cbedf7;
	padding: 4rem 3rem;
}
.aricon-model h3 {
	text-align: center;
	font-size: 2.4rem;
	margin-bottom: 2rem;
	color: var(--green);
}
.aricon-model h3 + p {
	text-align: center;
	margin-bottom: 3rem;
}
.aricon-model > ul {
	display: flex;
	justify-content: space-between;
}
.aricon-model > ul > li {
	width: 48%;
	background: #fff;
	border: solid 0.15rem var(--green);
	padding: 3rem;
}
.aricon-model dt {
	text-align: center;
	color: var(--green);
	font-size: 2rem;
	margin-bottom: 1rem;
}
.aricon-model .list-group {
	margin-left: 2rem;
	margin-bottom: 2rem;
}
.aricon-model .list-group li {
	list-style: disc;
}
.aricon-model .list-group li::marker {
	color: var(--green);
}
@media screen and (max-width: 768px) {
	.aricon-model {
		padding: 3rem;
	}
	.aricon-model h3 {
		font-size: 2.2rem;
	}
	.aricon-model h3 + p {
		text-align: left;
	}
	.aricon-model > ul {
		display: block;
	}
	.aricon-model > ul > li {
		width: 100%;
		padding: 2rem 1.5rem;
	}
	.aricon-model > ul > li:not(:last-child) {
		margin-bottom: 1.5rem;
	}
	.aricon-model dt {
		text-align: center;
		color: var(--green);
		font-size: 2rem;
		margin-bottom: 1rem;
	}
	.aricon-model .list-group {
		margin-left: 2rem;
		margin-bottom: 2rem;
	}
}