@charset "UTF-8";

/********************************
	reset.css
********************************/

body {
    margin:0;
}
 
h1, h2, h3, h4, h5, h6, p {
    margin: 0;
}
 
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}
 
ul {
    list-style:none;
    padding:0;
    margin:0;
}
li {
    padding:0;
}
 
a {
    display: block;
}
 
a {
    -webkit-tap-highlight-color:transparent;
}


/********************************
	common
********************************/

html{
	font-size: 62.5%;
}

body{
	font-size: 1.6rem;
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.6;
}

a {
	cursor: pointer;
}

/*最大幅設定*/
.wrapper,.g-nav,footer {
	max-width: 750px;
}

.wrapper {
	width: 100%;
	margin: 0 auto;
}

.site-content {
	padding: 3.5em 1em 0;
	background: #f5f5f5;
}

.site-content img {
	width: 100%;
}

.site-main a {
	color: #00b0f0;
}

header {
	position: fixed;
	top: 0;
	width: 100%;
}

.nav-wrap {
	position: relative;
}
.scroll-nav {
	width: 100%;
	max-width: 750px;
	background: #525252; /* メニューの背景色 */
	overflow-x: scroll;
    overflow-y: hidden;
	-webkit-overflow-scrolling: touch; /* 慣性スクロール */
}
.scroll-nav ul {
	max-width: 1060px; /* メニューの最大幅 */  
	min-width: 950px; /* メニューの最小幅 */
	height: 40px;
	line-height: 40px;
	margin: 0 auto;
	list-style: none;
	font-size: 1.5rem;
}
.scroll-nav ul li {
	text-align: center;
	border-right: 1px solid #eae5e3;
	float: left;
}
#last-menu {
	border-right: none;
}
.scroll-nav ul li:hover {
	color: #ff6347;
}
.scroll-nav ul li a {
	display: inline-block;
	color: #fff; /* メニューの文字色 */
	text-decoration: none;
	padding-right: 13px;
	padding-left: 13px;
}

.current-menu a {
	background-color: #000;
}

.document-id {
	text-align: right;
	font-size: 1.2rem;
}

.center, .img-single {
	text-align: center;
}

.img-single img {
	width: 60%;
}

.img-single-2 img {
	width: 45%;
}

.img-border img {
	border: 3px solid #fff;
}

.manual-block {
	display: flex;
	display: -webkit-flex;
	padding-bottom: 1em;
}

.icon-block {
	display: flex;
	display: -webkit-flex;
	padding-bottom: 0;
}

.no {
   	width: 1.5rem;
   	height: 1.5rem;
  	margin-right: 0.5rem;
  	line-height: 1.8;
}

.txt-right {
	width: 90%;
}

.main-description {
	font-weight: bold;
	font-size: 1.7rem;
}

.icon {
	width: 15px;
}

.manual-block p {
	margin: 0;
}

.link-inline {
	display: inline-block;
}

.multi-page {
	padding-bottom: 3em;
}

footer {
	position: fixed;
	bottom: 0;
	background: #fff;
	width: 100%;
}

.footer-wrapper {
	margin: 0 auto;	
	width: 5rem;
	background: #fff;
}

.footer-wrapper-4 {
	width: 9rem;
}

.footer-menu {	
	padding: 0.2em 0;
	display: flex;
	display: -webkit-flex;
	font-size: 1.7rem;
}

.footer-menu span:nth-child(1) {
	padding-right: 1rem;
}

.footer-wrapper-4 .footer-menu span:nth-child(2),.footer-wrapper-4 .footer-menu span:nth-child(3) {
	padding-right: 1rem;
}

.footer-menu a {
	color: #00b0f0;
}

/*レイアウト*/
.sec-top {
	padding-top: 1em;
}

.inline {
	display: inline;
}

.txt-small {
	font-size: 1.5rem;
}

.txt-bold {
	font-weight: bold;
}

.indent-1 {
	text-indent: 1em;
}

.indent1 {
	padding-left:2em;
	text-indent:-1em;
}

.indent2 {
	padding-left:4em;
	text-indent:-2em;
}

.pl3 {
	padding-left: 3em;
}

.important-topic {
	border: 2px solid #333;
	font-weight: 900;
	padding: .5em;
}

.stress-1 {
	font-weight: bold;
}

.stress-2 {
	color: #ff0000;
}

.arrow-1 {
	position: relative;
    color: #000;
    text-align: center;
    font-size: 24px;
    padding: 1rem 0;
    margin: 0.5rem 0;
}

.arrow-1::after {
	border: 20px solid transparent;
    border-top-color: #000;
    border-bottom-width: 0;
    bottom: 0;
    content: "";
    display: block;
    left: 45%;
    position: absolute;
    width: 0;
}

.inline {
	display: inline-block;
}


/********************************
	image 横並びレイアウト用
********************************/

.img-set {
	display: flex;
	display: -webkit-flex;
	margin: 0 auto;
}

.img-2 {
	width: 60%;
} 

.img-2>div {	
	width: 45%;
}

.img-2-left {
	padding-right: 5%;
}

.img-3 {
	width: 80%;
}

.img-3>div {	
	width: 30%;
}

.img-3-1, .img-3-2 {
	margin-right: 5%;
}

/********************************
	index画面
********************************/

.screen {
	padding-top: 2em;
}

.screen-box {
	display: flex;
	display: -webkit-flex;
}

.screen-img {
	width: 36%;
}

.screen-txt {
	padding-left: 1em;
	width: 57%;
}

.content-wrap {
	padding-top: 1em;
}

.screen-sample {
	padding-top: 2em;
}
.link-letter a{
  display: inline;
 }

/********************************
	ホーム画面
********************************/

.display-sample {
	padding-bottom: 1rem;
}

h2 {
	font-size: 1.6rem;
	margin-bottom: 0;
}

.display-sample p {
	margin-top: 0;
}

.display-sample img {
	width: 60%;
}

/********************************
	ログインID取得&初期設定
********************************/

.first-setting {
	padding-top: 2em;
}

.long-url {
	word-wrap: break-word;
}

.first-setting-sec .screen::after {
	background: url("/-/media/Project/Daikin/ac_daikin_co_jp/app/mimamori_app/help/css/");
}


/********************************
	進捗画面
********************************/

.img-double>div {
	padding: 0 1em;
}

/********************************
	印刷設定
********************************/

.page-break {
	page-break-before: always;
}


.list-maker_disk{
	list-style: disc;
	padding-left: 3rem;
}
.link-text{
	font-size: 1.5rem;
}