@charset "UTF-8";
/*glens公式アプリ！ 2021/5*/
#glensapp {
	margin: 0 auto;
	font-family:"Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", "MS Gothic", sans-serif;
	display: block;
	max-width: 800px;
	width: auto;
	width:100%;
}

#glensapp div,
#glensapp p,
#glensapp span,
#glensapp h1,
#glensapp h2,
#glensapp h3,
#glensapp ul,
#glensapp li,
#glensapp a {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	text-decoration: none;
}

#glensapp img {
	width: 100%;
}

#glensapp .header_box {
	display: block;
	max-width: 800px;
	width: auto;
	width:100%;
	margin: 0 auto 5%;
}

#glensapp .header_box img {
	display: block;
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 0 auto;
}

#glensapp .install_box {
    padding: 0 4%;
}

#glensapp .install_main {
    background: #FFF;
    width: 100%;
    max-width: 800px;
    text-align: center;
    padding: 12% 4%;
    font-weight: bold;
    border: solid 1px #000000;
}

#glensapp .install_midori {
    background: #27c67d;
    color: #FFF;
    font-size: min(4vw, 22px);
    margin: 4% auto 1%;
    padding: 4px 0;
    letter-spacing: 1.8px;
    width: 75%;
    font-weight: bold;
}

#glensapp .install_sub {
	color: #363636;
	font-size: min(3.6vw, 18px);
    font-weight: bold;
    letter-spacing: 1.5px;
}

#glensapp .install_sub span{
	color: #ff376f;
}

#glensapp .install_app {
	display: flex;
    margin: 7% 4%;
}
#glensapp .install_app img{
	/*width: 50%;*/
}

#glensapp .install_rogo {
	margin: 0 auto 2%;
    width: 40%;
}

#glensapp .glens_kensaku {
	position: absolute;
    right: 64%;
    top: 10%;
    letter-spacing: 1.5px;
    font-weight: bold;
    color: #363636;
	font-size: min(3.6vw, 17px);
}
#glensapp .bnr_area {
    width: auto;
    margin: 0 auto 5%;
}

#glensapp .bnr_area img {
    display: block;
    max-width: 100%;
    width: auto;
    margin: 0 auto;
}
#glensapp .install_qr_kensaku {
	position: relative;
    margin: 4% auto 0;
}

#glensapp .install_qr_kensaku img{
	width: 65%;
}

#glensapp .merit_box {
    text-align: center;
    padding: 12% 4% 2%;
}

#glensapp .merit_main img{
	margin: 0 auto 9%;
    width: 40%;
}

#glensapp .merit_ttl {
    margin: 0 auto 5%;

}

#glensapp .merit_ttl img{
	width: 80%;
}

#glensapp .merit_main_txt {
	letter-spacing: 1px;
    font-weight: bold;
    color: #363636;
    margin: 6% auto 4%;
	font-size: min(3.8vw, 18px);	
}

#glensapp .merit_sub_txt {
	letter-spacing: 1.2px;
    color: #363636;
	font-size: min(3.2vw, 16px);	
    margin: 0 auto;
    padding: 0 4%;
    text-align: left;
    display: inline-block;
    margin-bottom: 9%;
}