#container_1 .hl{
display:inline-block;
margin:0;
padding:0;
}

#container_1 .hl:after{
content: '';
margin:0 0 0 .25rem;
padding:0 1rem 0 0;
background:url('/asset/img/icon/check.svg') no-repeat 0 3px;
background-size:90%;
}

/* Mobile View */
@media screen and (max-width: 45rem){

#container_1{
grid-area:container_1;
margin:.5rem 0 .5rem 0;
}

#container_1{
float:left;
width:100%;
margin:0;
padding:0;
}

#container_1 .container{
float:left;
width:100%;
margin:.5rem 0 .5rem 0;
padding:0;
}

#container_2{
grid-area:container_2;
margin:.5rem 0 .5rem 0;
}

#container_1 .container{
float:left;
}

#container_2 .container{
float:left;
}

.container{
position:relative;
width:100%;
padding:.75rem;
background:linear-gradient(0deg, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 70%);
border-bottom:var(--base-border-color) 1px solid;
}

.container .foreground{
position:relative;
width:auto;
height:auto;
z-index:2;
}

.container .background{
position:absolute;
top:0;
left:0;
width:100%;
height:20rem;
z-index:1;
}

.container .background-wrapper{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}


.container .keyvisual{
display:flex;
justify-content:center;
margin:0 auto 0 auto;
padding:0;
width:8.625rem !important;
height:8.625rem !important;
}

.container .keyvisual img{
width:100% !important;
height:auto;
}

}

/* Mobile View > Tablet an above */
@media screen and (min-width: 45rem){

#container_1{
grid-area:container_1;
margin:0;
}

#container_2{
grid-area:container_2;
margin:.5rem 0 .5rem 0;
}

.container .keyvisual{
display:flex;
justify-content:center;
margin:1rem auto 1rem auto;
padding:0;
width:8.625rem !important;
height:8.625rem !important;
}

.container .keyvisual img{
width:100% !important;
height:auto;
}

.container{
display:flex;
justify-content:center;
border:0px solid #ff8000;
}

.container .foreground{
position:relative;
width:100%;
height:auto;
z-index:2;
}

.container .foreground .content{
border:0px solid #ff8000;
}

.container .foreground .content .title{
border:0px solid #ff8000;
margin:0;
padding:0;
}

.container .foreground .content .text{
border:0px solid #ff8000;
margin:0;
padding:0;
text-align:center;
}

.container .foreground .content .text p{
margin:0 0 .25rem 0;
padding:0;
}


.container .background{
position:absolute;
top:0;
left:0;
width:100%;
height:20rem;
z-index:1;
}

.container .background-wrapper{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

}

/* Mobile View -> Tablet && Portrait */
@media screen and (min-width: 45rem) and (max-width: 79.5rem) and (orientation: portrait){

#container_1{
display:flex;
justify-content:space-between;
margin:0;
padding:0;
width:100%;
height:2rem;
border-left:var(--base-border-color) 1px solid;
border-right:var(--base-border-color) 1px solid;
border-bottom:var(--base-border-color) 1px solid;
}

#container_1 .container{
margin:0;
padding:0;
}

#container_2{
display:flex;
justify-content:space-between;
width:100%;
min-height:auto;
background:var(--base-background-color);
background:linear-gradient(0deg, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 70%);
border-bottom:var(--base-border-color) 1px solid;
}

.container{
margin:1.5rem 0 .5rem 0;
padding:0 .5rem;
width:100%;
}

}

/* Mobile View -> Tablet && Landscape */
@media screen and (min-width: 45rem) and (max-width: 79.5rem) and (orientation: landscape){

#container_1{
display:flex;
justify-content:space-between;
margin:0;
padding:0;
width:100%;
height:2rem;
border-left:var(--base-border-color) 1px solid;
border-right:var(--base-border-color) 1px solid;
border-bottom:var(--base-border-color) 1px solid;
}

#container_1 .container{
margin:0;
padding:0;
}


#container_2{
display:flex;
justify-content:space-around;
width:100%;
min-height:auto;
background:var(--base-background-color);
background:linear-gradient(0deg, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 70%);
border-bottom:var(--base-border-color) 1px solid;
}


.container{
margin:1.5rem 0 .5rem 0;
width:100%;
}


}

/* Desktop View */
@media screen and (min-width: 79.5rem){

#container_1{
display:flex;
justify-content:space-around;
align-items:center;
width:100%;
max-width:100rem;
height:2rem;
margin:0 auto 0 auto;
padding:0;
border-left:var(--base-border-color) 1px solid;
border-right:var(--base-border-color) 1px solid;
border-bottom:var(--base-border-color) 1px solid;
}

#container_1 .container{
margin:0;
min-width:22rem;
padding:.35rem 0 0 0;
width:100%;
max-width:100%;
}

#container_2{
display:flex;
justify-content:space-around;
align-items:center;
width:100%;
max-width:100rem;
min-height:20rem;
margin:.5rem auto .5rem auto;
padding:0;
background:linear-gradient(0deg, rgba(241,241,241,1) 0%, rgba(255,255,255,1) 70%);
border-bottom:var(--base-border-color) 0px solid;
}


#container_2 .container{
margin:1.5rem .5rem 1.5rem .5rem;
min-width:22rem;
width:100%;
max-width:36rem;
}

}


/* Global Text */
.container .foreground > *{
text-align:center;
}

.container h1{
font-size:var(--m-font-size);
font-weight:bold;
}

.container h2,
.container h3,
.container h4,
.container h5,
.container h6{
font-size:var(--l-font-size);
font-weight:bold;
}

.container .ol{
margin:0;
padding:0;
font-size:var(--s-font-size);
}

.container .hl{
margin:0;
padding:0;
font-size:var(--l-font-size);
}

.container .sl{
margin:0;
padding:0;
font-size:var(--m-font-size);
}

.container p{
font-size:var(--m-font-size);
}

.container ul{
padding:0 0 0 .25em;
}

.container li{
list-style: none;
}

.container li:before{
display:inline-block;
content:'';
height:.75em;
width:1em;
background:url('/asset/img/container/list.svg') no-repeat top left;
}

.container .link_intern{
display:inline-block;
text-transform:uppercase;
font-weight:bold;
color:var(--light-font-color);
padding:.25rem .75rem .15rem .75rem;
text-decoration:none;
border-radius:.5rem;
background:var(--dark-background-color);
border:var(--asset-border-color) 2px solid;
}

.container .link_intern:hover{
background:var(--asset-theme-color);
color:var(--light-font-color);
}