@charset "UTF-8";

/*color*/
@media screen and (min-width:641px) {
  .mb40 { margin-bottom: 40px !important }

.line_box{
		border-top:1px solid #68a483;border-bottom:1px solid #68a483;
	}
  .appcustomer__wrapper { width: 92%; max-width: 960px; margin: 0 auto; padding: 0 0 110px; }
  .appcustomer__ttl { font-size: 16px; font-weight: bold; letter-spacing: 0.06em; line-height: 2; margin-bottom: 40px; }
  .appcustomer__item { font-size: 14px; letter-spacing: 0.06em; line-height: 2; position: relative; padding-left: 20px; }
  .appcustomer__item + .appcustomer__item { margin-top: 20px; }
  .appcustomer__item::before { content: ""; display: block; border-radius: 6px; height: 6px; width: 6px; background: #faa6ad; position: absolute; left: 0; top: 11px; }
	
  .contact-info { font-weight: bold; letter-spacing: 0.08em; font-style: 15px; }
  .appcustomer__recent-news { font-weight: bold; }
  .appcustomer__item__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 20px 20px 18px 20px; font-weight: bold; cursor: pointer; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; }
  .appcustomer__item__link:hover { opacity: 0.6; }
  .appcustomer__data { margin-right: 20px; font-size: 1.2rem; }
  .appcustomer__txt { font-size: 1.4rem; line-height: 2; margin: -8px 0; }
  #appcustomer img { max-width: 100%; width: auto; height: auto; }
  #appcustomer.main { padding-top: 56px; }
  #appcustomer .page__ttl { margin-bottom: 40px; }
  #appcustomer .appcustomer__wrapper { width: 960px; margin: 0 auto; padding: 30px 0; }
  #appcustomer .appcustomer__ttl { font-size: 14px; font-weight: bold; letter-spacing: 0.06em; line-height: 2; margin-bottom: 40px; }
  #appcustomer .sec01 { padding: 58px 0 0; }
  #appcustomer .sec01 .page__ttl { }
  #appcustomer .sec01 .page__ttl__txt { font-size: 1.4rem;　letter-spacing: 0.08em;}
  #appcustomer .sec01 .ttl_small { font-size: 18px; }
  #appcustomer .sec01 .utena_ttl { font-size: 18px; line-height: 2; }
  #appcustomer .sec01 .sec01_txt { font-size: 14px; line-height: 2; padding: 15px 0; border-bottom: 1px dashed #fff; font-weight: bold; }
  #appcustomer .sec01 .sec01_txt:last-child { font-size: 14px; line-height: 2; padding: 15px 0; border-bottom: none; }
  
  #appcustomer .sec04 { padding: 30px 0; }
  #appcustomer .sec04 .vertificate_ttl { font-size: 24px; font-weight: bold; text-align: center; padding: 0 0 11px; letter-spacing: 8px; }
  #appcustomer .sec04 .vertificate_ttl span { font-size: 18px; }
  #appcustomer .sec04 .en_ttl { font-size: 16px; line-height: 2; text-align: center; margin-bottom: 6px; }
  #appcustomer .sec04 .how_box { background: #fff; padding: 30px 20px; }
  #appcustomer .sec04 .how_box hr { border-top: dotted 1px #dcdddd; width: 880px; margin: 10px auto; }
  #appcustomer .sec04 .how_box .fow_ttl { display: inline-block; font-size: 18px; font-weight: bold; border-bottom: solid #949494 1px; padding: 0 0 12px; margin: 0 0 19px; width: 100%; }
  #appcustomer .sec04 .how_box .fow_ttl span { font-size: 14px; color: #fc919b; padding: 0 0 0 9px; }
  #appcustomer .sec04 .how_box .txt { font-size: 14px; padding: 10px 20px; line-height: 1.4; font-weight: bold; }
  #appcustomer .sec04 .how_box .os_txt { font-size: 16px; font-weight: bold; padding: 0 0 18px; line-height: 3; }
  #appcustomer .sec04 .how_box .app_ttl { margin: 0 0 10px; }
  #appcustomer .sec04 .how_box .en_ttl { }
  #appcustomer .sec04 .how_box .qr_img { margin: 20px 0px 60px; text-align: center; }
  #appcustomer .sec04 .how_box .note_list { margin: 20px 20px 40px; }
  #appcustomer .sec04 .how_box .note_list li { font-size: 13px; margin: 0 0 9px 20px; text-indent: -18px; }
  #appcustomer .sec04 .how_box .note_list li:before { content: ''; display: inline-block; width: 14px;/*画像の幅*/ height: 14px;/*画像の高さ*/ background-image: url(../images/appcustomer/note.jpg); background-size: contain; vertical-align: middle; background-repeat: no-repeat; }
  #appcustomer .sec04 .how_box .error_img { text-align: center; }

  #appcustomer .os_flex_box { display: flex; justify-content: space-around; width: 730px; margin: 0 auto 25px; }
  #appcustomer .os_flex_box img { height: 85px !important; }
	
	.ex_img {width:100%;text-align:center;margin:0 auto;}
}


@media screen and (min-width:461px) {
  .appcustomer__wrapper { width: 92%; max-width: 960px; margin: 0 auto; padding: 0 0 110px; }
  .appcustomer__ttl { font-size: 16px; font-weight: bold; letter-spacing: 0.06em; line-height: 2; margin-bottom: 40px; }
  .appcustomer__item { font-size: 14px; letter-spacing: 0.06em; line-height: 2; position: relative; padding-left: 20px; }
  .appcustomer__item + .appcustomer__item { margin-top: 20px; }
  .appcustomer__item::before { content: ""; display: block; border-radius: 6px; height: 6px; width: 6px; background: #faa6ad; position: absolute; left: 0; top: 11px; }
  .contact-info { font-weight: bold; letter-spacing: 0.08em; font-style: 15px; }
  .appcustomer__recent-news { font-weight: bold; }
  .appcustomer__item__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 20px 20px 18px 20px; font-weight: bold; cursor: pointer; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; }
  .appcustomer__item__link:hover { opacity: 0.6; }
  .appcustomer__data { margin-right: 20px; font-size: 1.2rem; }
  .appcustomer__txt { font-size: 1.4rem; line-height: 2; margin: -8px 0; }
}
@media screen and (max-width:460px) {
	
	.ex_img {width:100%;text-align:center;margin:0 auto;}
	
	.line_box{
		border-top:1px solid #68a483;border-bottom:1px solid #68a483;padding:10px 0;margin:10px auto;
	}
  #appcustomer img { max-width: 100%; width: auto; height: auto; }
  #appcustomer.main { padding-top: 56px; }
  #appcustomer .page__ttl { margin-bottom: 40px; }
  #appcustomer .appcustomer__wrapper { width: 92%; max-width: 960px; margin: 0 auto; padding: 0 0 70px; }
  #appcustomer .appcustomer__ttl { font-size: 14px; font-weight: bold; letter-spacing: 0.06em; line-height: 2; margin-bottom: 40px; }
  #appcustomer .sec01 { padding: 58px 0 0; }
  #appcustomer .sec01 .page__ttl { border-bottom: solid 1px #ffeeec; padding: 0 0 29px; }
  #appcustomer .sec01 .page__ttl__txt { font-size: 1.3rem;letter-spacing: 0.08em;font-weight: bold;}
  #appcustomer .sec01 .ttl_small { font-size: 1.8rem; }
  #appcustomer .sec01 .utena_ttl { font-size: 2rem; line-height: 1.6; }
  #appcustomer .sec01 .sec01_txt { font-size: 14px; line-height: 2; padding: 0 0 8px; }
  
  #appcustomer .sec04 { padding: 64px 0 0; }
  #appcustomer .sec04 .vertificate_ttl { font-size: 23px; font-weight: bold; text-align: center; padding: 0 0 11px; letter-spacing: 8px; }
  #appcustomer .sec04 .vertificate_ttl span { font-size: 19px; }
  #appcustomer .sec04 .en_ttl { font-size: 2rem; line-height: 1.6; text-align: center; margin-bottom: 6px; }
  #appcustomer .sec04 .how_box { background: #fff; padding: 39px 20px; }
  #appcustomer .sec04 .how_box .fow_ttl {display: inline-block;font-size: 18px;font-weight: bold;border-bottom: solid #949494 1px;padding: 0 0 12px;margin: 0 0 19px;width: 100%;}
  #appcustomer .sec04 .how_box .fow_ttl span { font-size: 14px; color: #fc919b; padding: 0 0 0 9px; }
  #appcustomer .sec04 .how_box .txt { font-size: 14px; padding: 10px 0 10px; line-height: 1.4; }
  #appcustomer .sec04 .how_box .os_txt { font-size: 16px; font-weight: bold; padding: 0 0 18px; }
  #appcustomer .sec04 .how_box .app_ttl { margin: 0 0 10px;width:100%;text-align:center; }
	#appcustomer .sec04 .how_box .app_ttl img{ width: 85%; }
  #appcustomer .sec04 .how_box .en_ttl { }
  #appcustomer .sec04 .how_box .qr_img { margin: 0 0 31px; }
  #appcustomer .sec04 .how_box .note_list { margin: 0 0 26px; }
  #appcustomer .sec04 .how_box .note_list li { font-size: 13px; margin: 0 0 9px 20px; text-indent: -18px; }
  #appcustomer .sec04 .how_box .note_list li:before { content: ''; display: inline-block; width: 14px;/*画像の幅*/ height: 14px;/*画像の高さ*/ background-image: url(../images/appcustomer/note.jpg); background-size: contain; vertical-align: middle; background-repeat: no-repeat; }
  #appcustomer .sec04 .how_box .error_img { }
  
}