@charset "UTF-8";
@import "base.css";
@import "fonts.css";
/*==========================================================================*/
/*//////////////////////////////////////////////////////////////////////////*/
/*//////                                                              //////*/
/*//////  Copyright (C) 2009 株式会社フリーセル All Rights Reserved.  //////*/
/*//////                                                              //////*/
/*//////////////////////////////////////////////////////////////////////////*/
/*                                                                          */
/*    base.css  --> スタイルの初期設定を行うため、変更しないで下さい。      */
/*    fonts.css --> フォントの初期設定を行うため、変更しないで下さい。      */
/*                                                                          */
/*==========================================================================*/

/*==========================================================================*/
/*                           Common-Setting                                 */
/*==========================================================================*/

/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */
h1, h2, h3, h4, h5, h6, input, button, textarea, select, p, blockquote, th, td, pre, address, li, dt, dd {
	font-size: 160%;
	-webkit-text-size-adjust: none;
}
img {
	vertical-align: bottom;
}
h1 {
} /* Header内で設定 */
h2 {
}
h3 {
}
h4 {
}
a {
	color: #589460;
}
a:hover, a:active {
	text-decoration: none;
}
a:visited {
}
ul {
}
li {
}
dl {
}
dt {
}
dd {
}
table {
	width: 100%
}
th, td {
}
th {
}
td {
}
p {
	margin: 0 0 1.8em;
}
p, dd, td, th, li {
	line-height: 1.8em;
}
#toTop {
	border: none;
	bottom: 50px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	position: fixed;
	right: 50px;
	text-decoration: none;
	margin: 0;
	animation: totop 3s linear infinite;
	z-index: 1111;
}
#toTop:hover {
	opacity: 0.8;
}
/* add
------------------------------------------------------------------------*/

/*==========================================================================*/
/*                            Container                                     */
/*==========================================================================*/

html {
	background: none;
}
body {
	color: #0b300f;
	font-family: "游ゴシック体", "Yu Gothic", YuGothic, sans-serif;
}
#wrapper {
	min-width: 1100px;
	overflow: hidden;
	background: url(../images/idx_bg_wrapper.png) center 75px no-repeat;
}
.inner {
	width: 1080px;
	margin: 0 auto;
}
.box_flex {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
}
.flex_center {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
.flex_space {
	display: flex;
	display: -webkit-flex;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	flex-wrap: wrap;
}
.flex_end {
	display: flex;
	display: -webkit-flex;
	align-items: flex-end;
	flex-wrap: wrap;
}
#index p:last-child, #header p:last-child, #footer p:last-child {
	margin-bottom: 0;
}
/*==========================================================================*/
/*                               Header                                     */
/*==========================================================================*/
#header {
	position: relative;
	z-index: 1;
}
#header #header_fix {
	position: absolute;
	z-index: 100;
	width: 100%;
	left: 0;
	top: 0;
	transition: 0.5s all;
}
#header #header_fix.active {
	position: fixed;
	background: rgba(214,225,200,0.95);
	padding: 10px 0;
	z-index: 100;
}
#header h1 {
	float: left;
	padding-top: 20px;
}
#header h1 img {
	max-width: 100%;
}
#header #header_fix.active h1 {
	width: 120px;
	padding: 0;
}
#head_top {
	display: flex;
	display: -webkit-flex;
	justify-content: flex-end;
	width: calc(100% - 200px);
}
#head_tel {
	display: flex;
	display: -webkit-flex;
	color: #0b300f;
	padding-top: 25px;
}
#header #header_fix.active #head_tel {
	display: none;
}
#head_tel dt {
	width: 240px;
	font-size: 14px;
	letter-spacing: 0.3px;
}
#head_tel dt img {
	display: block;
	margin-bottom: 3px;
}
#head_tel dd {
	font-size: 14px;
	margin-left: 20px;
	line-height: 1.4em;
}
#head_tel dd span {
	display: block;
	font-size: 16px;
}
/*--- gnavi ---*/
#gnavi {
}
#gnavi .menu_main {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	height: 75px;
}
#gnavi .menu_main > li {
	text-align: center;
	position: relative;
	z-index: 10;
	margin-left: 32px;
}
#gnavi .menu_main > li:first-child {
	margin-left: 0;
}
#gnavi .menu_main > li:after {
	position: absolute;
	z-index: 0;
	background: url(../images/icon_gnavi.png) no-repeat;
	width: 16px;
	height: 20px;
	content: '';
	display: block;
	left: -20px;
	top: 0;
	transform: scale(0, 0);
	transition: 0.3s all;
}
#gnavi .menu_main > li > a {
	font-size: 18px;
	display: block;
	text-decoration: none;
	line-height: 1.4em;
	padding-bottom: 5px;
	color: #0b300f;
	letter-spacing: 0.5px;
	position: relative;
	z-index: 1;
}
#gnavi .menu_main .menu_sub {
	display: none;
	position: absolute;
	z-index: 10;
	width: 220px;
	top: 18px;
	left: 50%;
	transform: translateX(-50%);
	padding-top: 15px;
}
#header.gnavi_fix #gnavi .menu_main .menu_sub {
	padding-top: 27px;
}
#gnavi .menu_main .menu_sub li {
	margin-bottom: 0;
}
#gnavi .menu_main .menu_sub a {
	font-size: 18px;
	width: 100%;
	display: block;
	text-align: left;
	text-decoration: none;
	color: #fff;
	box-sizing: border-box;
	border-top: rgba(255,255,255,0.5) 1px solid;
	background: #6da459;
	transition: 0.2s all;
	padding: 5px 20px;
}
/*--- animation ---*/
@keyframes coral {
 from {
 transform:rotate(-5deg);
 transform-origin:center bottom;
}
 to {
 transform:rotate(5deg);
 transform-origin:center bottom;
}
}
@-webkit-keyframes coral {
 from {
 transform:rotate(-5deg);
 transform-origin:center bottom;
}
 to {
 transform:rotate(5deg);
 transform-origin:center bottom;
}
}
@keyframes butterfly {
 from {
 transform:scaleX(1) translate(-10px, 5px);
}
 to {
 transform:scaleX(0.9) translate(10px, -5px);
}
}
@-webkit-keyframes butterfly {
 from {
 transform:scaleX(1) translate(-10px, 5px);
}
 to {
 transform:scaleX(0.9) translate(10px, -5px);
}
}
@keyframes birds_jump {
0% {
transform: translateY(0);
}
40% {
transform: translateY(0);
}
 42% {
transform: translateY(-20px);
}
44% {
transform: translateY(0px);
}
100% {
transform: translateY(0px);
}
}
@-webkit-keyframes birds_jump {
0% {
transform: translateY(0);
}
40% {
transform: translateY(0);
}
 42% {
transform: translateY(-20px);
}
44% {
transform: translateY(0px);
}
100% {
transform: translateY(0px);
}
}
@keyframes buble {
 from {
 transform: translateY(10px);
}
 to {
 transform: translateY(-10px);
}
}
@-webkit-keyframes buble {
 from {
 transform: translateY(10px);
}
 to {
 transform: translateY(-10px);
}
}
/*--- top_info ---*/
#index #top_info {
	position: inherit;
	z-index: 1;
	padding-top: 173px;
}
#index #top_info:after, #index #top_info:before {
	position: absolute;
	z-index: -1;
	content: '';
	display: block;
}
#index #top_info:after {
	background: url(../images/top_tree_01.png) no-repeat;
	width: 283px;
	height: 278px;
	bottom: 70px;
	left: calc(50% - 945px);/*animation: coral 5s ease-in-out infinite alternate backwards;*/
}
#index #top_info:before {
	background: url(../images/top_tree_02.png) no-repeat;
	width: 314px;
	height: 331px;
	bottom: 90px;
	right: calc(50% - 945px);/*animation: coral 7s 0.5s ease-in-out infinite alternate-reverse backwards;*/
}
#index #top_info .inner {
	position: inherit;
	padding: 25px 0 160px;
}
#top_info .box_slide {
	position: absolute;
	z-index: 2;
	left: -160px;
	bottom: 0;
	width: 854px;
	height: 796px;
	background: url(../images/bg_slide.png) no-repeat;
}
#index #top_info .box_info {
	position: inherit;
	z-index: 1;
	background: url(../images/idx_bg_top.png) no-repeat;
	width: 792px;
	height: 637px;
	float: right;
	margin-right: -228px;
	box-sizing: border-box;
	padding: 65px 230px 0 180px;
}
#index #top_info .box_info:after {
	background: url(../images/top_foliage_sp.png) no-repeat;
	background-size: 100% auto;
	width: 22vw;
	height: 28vw;
	position: absolute;
	z-index: -1;
	right: -5vw;
	bottom: 6vw;
	content: '';
	display: none;
	animation: coral 4s 0.5s ease-in-out infinite alternate-reverse backwards;
}
.box_info dl:not(:last-child) {
	margin-bottom: 25px;
}
.box_info dl:nth-child(2) {
	margin-left: 45px;
}
.box_info dl:nth-child(3) {
	margin-left: 80px;
}
.box_info dt {
	margin-bottom: 7px;
}
.box_info dd {
	font-size: 16px;
	color: #0b300f;
	line-height: 1.4em;
}
#index #top_info h2 {
	position: absolute;
	z-index: 2;
	right: 72px;
	bottom: 260px;
}
#index #top_info h2 img {
	max-width: 100%;
}
#index .main_top {
	display: flex;
	display: -webkit-flex;
	position: relative;
	justify-content: center;
}
#index .main_top li:nth-child(2) {
	position: inherit;
	z-index: 5;
	margin: 0 -8px 0 -8px;
}
#index .main_top li.aos-item {
	animation: buble 3s ease-in-out infinite alternate-reverse backwards;
}
#index .main_top li.aos-item:nth-child(2) {
	animation-delay: 1.5s;
}
#index .main_top li.aos-item:nth-child(3) {
	animation-delay: 2.5s;
}
#index .main_top .top_bird {
	position: absolute;
	z-index: 5;
	bottom: -40px;
	right: -155px;
}
#index .main_top .top_foliage {
	position: absolute;
	z-index: 1;
	right: -300px;
	bottom: -35px;
	animation: coral 6s 0.5s ease-in-out infinite alternate-reverse backwards;
}
#index .box_blog {
	position: absolute;
	z-index: 2;
	right: 72px;
	bottom: 160px;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	width: 300px;
	height: 50px;
	padding: 10px;
	box-sizing: border-box;
	border: #589460 1px solid;
	background: #fff;
}

.box_blog dt {
	font-weight: bold;
	width: 70px;
	margin-right: 10px;
	border-right:#589460 1px solid;
	padding-right:5px;
}
.box_blog dd {
	width: calc(100% - 85px);
	height: 100%;
	overflow: auto;
}
.box_blog dd li a {
	color:#828282;
	text-decoration:none;
}
.box_blog dd li a:hover {
	text-decoration:underline;
}
/* common
-----------------------*/



/*==========================================================================*/
/*                             Contents                                     */
/*==========================================================================*/

#index h3 {
	margin-bottom: 40px;
	text-align: center;
}
#index #main p {
	font-size: 18px;
	line-height: 1.8em;
	letter-spacing: 1px;
	font-weight: 500;
}
#index .idx_bnt01 {
	margin: 0 auto;
	width: 280px;
}
#index .idx_bnt01 a {
	height: 56px;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	text-align: center;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	align-items: center;
	background: url(../images/arrow01.png) 94% center no-repeat #f58a49;
	background-size: 10px auto;
	border-radius: 10px;
	line-height: 1;
	box-sizing: border-box;
	padding: 5px 25px 5px 20px;
	letter-spacing: 2px;
}
/* 01
-----------------------*/
#index_cont01 h3 {
	text-align: left;
	margin-bottom: 25px;
}
#index_cont01 {
	background: url(../images/cont01_bg_left.png) left 20px no-repeat, url(../images/cont01_bg_right.png) right 55px no-repeat, url(../images/cont01_bg.jpg) repeat;
	color: #fff;
	position: relative;
	z-index: 2;
	padding: 70px 0 140px;
	margin-top: -80px;
}
#index_cont01:after {
	background: url(../images/bg_cont01_top.png) center bottom repeat-x;
	position: absolute;
	z-index: 5;
	top: -44px;
	left: 50%;
	transform: translateX(-50%);
	width: 100%;
	height: 45px;
	content: '';
	display: block;
}
#index_cont01 .cont01_inner {
	width: 555px;
}
#index_cont01 .inner {
	position: inherit;
}
#index_cont01 .cont01_img {
	position: absolute;
	z-index: 10;
	bottom: -108px;
	right: -25px;
}
#index_cont01 .idx_bnt01 a {
	background: url(../images/arrow01.png) 94% center no-repeat #ea6e25;
	background-size: 10px auto;
}
/* 02
-----------------------*/
#index_cont02 h3 {
	margin-bottom: 55px;
}
#index_cont02 {
	background: url(../images/bg_cont02_top.png) center top repeat-x;
	margin-top: -99px;
	position: relative;
	z-index: 5;
	padding-top: 260px;
	padding-bottom: 145px;
}
#index_cont02 ul.flex_space {
	margin-bottom: 55px;
}
#index_cont02 ul.flex_space h4 {
	display: block;
	margin-bottom: 10px;
}
#index_cont02 .cont02_txt {
	margin-bottom: 45px;
	letter-spacing: 0.12em;
}
#index_cont02 .cont02_bird {
	position: absolute;
	z-index: 1;
	top: -80px;
	left: calc(50% - 725px);
	margin: 0;
	animation-name: birds_jump;
	animation-timing-function: cubic-bezier(0.280, 0.840, 0.420, 1);
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-direction: alternate backwards;
}
/* 03
-----------------------*/
#index_cont03 {
	background: url(../images/bg_cont02_bot.png) center top no-repeat, url(../images/bg_cont03_bot.png) center bottom no-repeat, url(../images/bg_cont03.jpg) repeat;
	padding: 170px 0 325px;
}
#index_cont03 .inner {
	position: relative;
	z-index: 1;
}
#index_cont03 .cont03_butterfly {
	position: absolute;
	top: -128px;
	right: -12px;
	margin: 0;
	animation: butterfly 2s ease-in-out infinite alternate backwards;
}
#index_cont03 h3 {
	margin-bottom: 30px;
}
#index_cont03 .cont03_txt {
	padding: 0 110px;
}
#index_cont03 .cont03_box {
	margin-top: 40px;
	background: url(../images/cont03_cloud_01.png) right 277px no-repeat, url(../images/cont03_cloud_02.png) left 580px no-repeat;
}
#index_cont03 .cont03_inner01, #index_cont03 .cont03_inner02 {
	width: 1155px;
	height: 610px;
	margin-left: -40px;
	box-sizing: border-box;
	position: relative;
	z-index: 1;
}
#index_cont03 .cont03_inner01 {
	background: url(../images/bg_cont03_01.png) no-repeat;
	padding: 130px 230px 0 230px;
	margin-bottom: 70px;
}
.cont03_inner01 ul {
	margin-bottom: 20px;
	padding-right: 245px;
}
.cont03_inner01 ul li:nth-child(1) {
	margin-left: 30px;
}
.cont03_inner01 ul li:nth-child(2) {
	right: -80px;
	position: relative;
}
.cont03_inner01 ul li:nth-child(4) {
	margin-left: 50px;
}
.cont03_inner01 ul li {
	margin-bottom: 40px;
}
#index_cont03 .cont03_inner02 {
	background: url(../images/bg_cont03_02.png) no-repeat;
	padding: 120px 180px 0 230px;
}
.cont03_inner02 ul {
	padding-left: 120px;
}
.cont03_inner02 ul li {
	margin-bottom: 45px;
}
.cont03_inner02 ul li:nth-child(2) {
	margin-left: 20px;
	margin-right: 20px;
}
.cont03_inner02 ul li:nth-child(4) {
	margin-left: 50px;
}
#index_cont03 .idx_bnt01 {
	width: 323px;
}
#index_cont03 .cont03_ques {
	position: absolute;
	z-index: 1;
	top: 20px;
	left: 0;
	margin: 0;
}
#index_cont03 .cont03_inner02 .cont03_ques {
	left: auto;
	right: 0;
}
/* 04
-----------------------*/
#index_cont04 {
	position: relative;
	z-index: 9;
	margin-top: -70px;
	padding-bottom: 70px;
}
#index_cont04 h3 {
	margin-bottom: 65px;
}
.cont04_list {
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	-webkit-justify-content: center;
	flex-wrap: wrap;
}
.cont04_list li {
	margin: 0 30px 40px;
	transition: 0.8s all;
}
.cont04_list li h4, .cont04_list li a {
	position: relative;
	z-index: 1;
	transition: 0.8s all;
	display: block;
}
.cont04_list li h4 {
	margin-bottom: 10px;
	text-align: center;
}
#index_cont04 .cont04_bird {
	position: absolute;
	top: -168px;
	left: calc(50% - 645px);
	margin: 0;
	animation-name: birds_jump;
	animation-timing-function: cubic-bezier(0.280, 0.840, 0.420, 1);
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-direction: alternate backwards;
}
/* content
-----------------------*/
#index #content {
	background: url(../images/idx_bg_content.jpg) center center no-repeat;
	background-size: cover;
	padding: 70px 0;
	position: relative;
	z-index: 1;
}
#index #content:before, #index #content:after {
	position: absolute;
	z-index: 1;
	content: '';
	display: block;
	height: 10px;
	width: 100%;
}
#index #content:before {
	background: url(../images/idx_cont_top.png) left top repeat-x;
	top: -1px;
}
#index #content:after {
	background: url(../images/idx_cont_bot.png) left bottom repeat-x;
	bottom: -1px;
}
#content .content_butterfly {
	z-index: 2;
	position: absolute;
	top: -60px;
	left: calc(50% + 377px);
	margin: 0;
	animation: butterfly 3s ease-in-out infinite alternate backwards;
}
#index #content h3 {
	margin-bottom: 28px;
}
#index #content p {
	font-weight: bold;
}
#index #content .inner {
	width: 1155px;
	background: url(../images/bg_content_inner.png) center center no-repeat;
	box-sizing: border-box;
	padding: 50px 100px 60px 200px;
}
#index #content .idx_bnt01 {
	width: 323px;
}  
  /* Popup box BEGIN */
.popup_overlay{
    background:rgba(0,0,0,.4);
    cursor:pointer;
    display:none;
    height:100%;
    position:fixed;
    text-align:center;
    top:0;
    width:100%;
	z-index:10000;
	overflow-y: scroll;
}
.popup_overlay .helper{
    display:inline-block;
    height:100%;
    vertical-align:middle;
}
.popup_overlay > div {
    background-color: #fff;
    box-shadow: 10px 10px 60px #555;
    display: inline-block;
    height: auto;
    max-width: 800px;
    min-height: 100px;
    vertical-align: middle;
    width: 85%;
    position: relative;
    border-radius: 8px;
	padding: 50px 30px;
	background-image: url(../images/bg_popup.png);
	background-position: center;
	background-repeat: no-repeat;
	margin: 20px 0;
}
.popupCloseButton {
    background-color: #fff;
    border: 3px solid #999;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    font-family: arial;
    font-weight: bold;
    position: absolute;
	top: -5px;
    right: -5px;
    font-size: 25px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    text-align: center;
}
.popupCloseButton:hover {
    background-color: #ccc;
}
.popup_overlay h3{
	font-size: 40px;
	font-weight: 600;
	position: relative;
	color: #ea6e25;
}
.popup_overlay .tl_h301:before{
	content:'';
	position: absolute;
	top: -40px;
	right: 0;
	background: url(../images/index_popup_h3.jpg) no-repeat right;
	width: 142px;
	height: 117px;
	background-size: 100px auto;
}
.popup_overlay .tl_h302:before{
	content: '';
    position: absolute;
    top: -96px;
    right: 0;
    background: url(../images/index_popup_h3_02.jpg) no-repeat right;
    width: 200px;
    height: 200px;
    background-size: contain;
}
.popup_overlay p{
	font-weight: 600;
	text-align: left;
}
.index_banner{text-align: center; padding: 35px 0;}
.btn_banner {
    cursor: pointer;
    font-size: 20px;
    display: inline-block;
    font-weight: bold;
}
.btn_banner:hover{opacity: 0.8;}
.list_measures{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 65px;
}
.list_measures li{
	width: 49%;
    display: flex;
    border-radius: 35px;
    border: 5px solid #c4d3d3;
    box-sizing: border-box;
    padding: 20px;
    align-items: center;
	margin-bottom: 20px;
	background: url(../images/bg_measure.jpg);
}
.list_measures li p{
	margin-bottom: 0;
	text-align: center;
	font-size: 18px;
}
.list_measures li .measures_img{
	margin-right: 10px;
}
.list_measures li img{
	width: 95px;
}
.font_green{
	font-weight: 600;
	font-size: 18px;
}
.popup_overlay .txt_right{text-align: right;}
/* Popup box BEGIN */
/*==========================================================================*/
/*                              Footer                                      */
/*==========================================================================*/

#footer {
	clear: both;
	text-align: left;
	margin-top: 128px;
}
#footer01 .footer_info {
	width: 460px;
	float: left;
}
#footer01 {
	background: url(../images/bg_footer01.png) center bottom no-repeat;
	padding-bottom: 170px;
	position: relative;
	z-index: 1;
}
#footer01:after, #footer01:before {
	position: absolute;
	z-index: -1;
	content: '';
	display: block;
}
#footer01:after {
	background: url(../images/footer_tree01.png) no-repeat;
	width: 362px;
	height: 382px;
	right: calc(50% - 980px);
	bottom: -7px;
	animation: coral 5s ease-in-out infinite alternate backwards;
}
#footer01:before {
	background: url(../images/footer_tree02.png) no-repeat;
	width: 353px;
	height: 346px;
	left: calc(50% - 965px);
	bottom: -25px;
	animation: coral 7s 0.5s ease-in-out infinite alternate-reverse backwards;
}
#footer01 #f_logo {
	margin-bottom: 40px;
}
#footer01 .f_map {
	line-height: 0;
	width: 520px;
	float: right;
	margin-top: 12px;
	border-radius: 10px;
	overflow: hidden;
}
#footer01 .f_address {
	line-height: 1.6em;
	font-size: 18px;
	margin-bottom: 35px;
}
#footer01 .f_info {
	font-size: 14px;
}
#footer01 .f_info span {
	font-size: 18px;
	display: block;
}
#footer02 {
	background: #73aa7a;
	color: #fff;
	padding: 50px 10px 30px;
	position: relative;
	z-index: 1;
	margin: -1px 0;
}
#footer02 .footer_bird {
	position: absolute;
	top: -147px;
	right: calc(50% - 666px);
	margin: 0;
	animation-name: birds_jump;
	animation-timing-function: cubic-bezier(0.280, 0.840, 0.420, 1);
	animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-direction: alternate backwards;
}
#footer02 .f_list01 {
	width: 300px;
}
#footer02 .f_list01 li {
	margin-bottom: 5px;
}
#footer02 .f_list01 li a {
	text-decoration: none;
	color: #fff;
}
#footer02 .f_list01 li a:hover {
	opacity: 0.6;
}
#footer02 dl {
	width: calc(100% - 300px);
}
#footer02 dl dt {
	margin-bottom: 10px;
}
#footer02 dl dd .f_list01 {
	width: calc(100% / 3);
}
#footer03 {
	background: #73aa7a;
}
#footer address {
	text-align: center;
	color: #d0ebc7;
	font-size: 12px;
	padding: 20px 0;
	letter-spacing: 0.5px;
	font-family: Meiryo, arial, clean, verdana, 'Hiragino Kaku Gothic Pro', "ＭＳ Ｐゴシック", Osaka, sans-serif;
}

@media screen\0 {
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
}
 @supports (-ms-ime-align:auto) {
}