@charset "utf-8";
/*=============================================================
 Common Layout

=============================================================*/
.g-main {
	position: relative;
	padding-right: 0;
	padding-left: 0;
}
.g-container {
    max-width: none;
/*	padding-left: 15px;
    padding-right: 15px;*/
}
.g-container a:link,
.g-container a:visited{color: #0099CC;}
	
.g-bg{
	margin-right: 0;
	margin-left: 0;
}

.g-container .bgGrn {background: #e6f6f4;}
.g-container .bgBlu {background: #d9f7ff;}
.g-container .bgWht {background: #fff;}

.g-container .g-contents {
    float: none;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    max-width: 960px;
	padding: 60px 0;
}
.g-container .bgGrn .g-contents,
.g-container .bgBlu .g-contents {
	padding: 60px 0 80px 0;
}
.g-container .bgWht .g-contents {
	padding: 80px 0;
}
.g-container .titleLead .g-contents{
	padding: 0 0 60px 0;
}

/* 見出し ---------------------------------*/
.g-container .g-contents h1{
	font-size: 1.875rem;
	line-height: 2.5rem;
	margin-bottom: 20px;
}
.g-container .g-contents h2.g-ttl-2{
	font-size: 1.375rem;
	margin: 70px 0 30px 0;
}
.g-container .g-contents h2:first-of-type{
	margin-top: 0;
}
.g-container .g-contents h3.g-ttl-3{
	font-size: 1rem;
	line-height: 1.375rem;
	margin: 34px 0 20px 0;
}
.g-container .g-contents h4.g-ttl-4{
	font-size: 0.875rem;
	line-height: 1.4375rem;
	margin: 34px 0 15px 0;
}

/* text ---------------------------------*/
.g-container .g-contents p{
	font-size: 1rem;
}

/* figure ---------------------------------*/
.g-container figure{
	margin: 0 0 10px 0;
}
.g-container figure img{
    width: 100%;
}

/* text-align ---------------------------------*/
.txtC{text-align: center;}
.txtL{text-align: left;}
.txtR{text-align: right;}

/* font ---------------------------------*/
.f8pt{font-size: 0.5rem !important;}
.f9pt{font-size: 0.5625rem !important;}
.f10pt{font-size: 0.625rem !important;}
.f11pt{font-size: 0.6875rem !important;}
.f12pt{font-size: 0.75rem !important;}
.f13pt{font-size: 0.8125rem !important;}
.f14pt{font-size: 0.875rem !important;}
.f15pt{font-size: 0.9375rem !important;}
.f16pt{font-size: 1rem !important;}
.f17pt{font-size: 1.0625rem !important;}
.f18pt{font-size: 1.125rem !important;}
.f19pt{font-size: 1.1875rem !important;}
.f20pt{font-size: 1.25rem !important;}
.f21pt{font-size: 1.3125rem !important;}
.f22pt{font-size: 1.375rem !important;}
.f23pt{font-size: 1.4375rem !important;}
.f24pt{font-size: 1.5rem !important;}
.f25pt{font-size: 1.5625rem !important;}
.f26pt{font-size: 1.625rem !important;}
.f27pt{font-size: 1.6875rem !important;}
.f28pt{font-size: 1.75rem !important;}
.f29pt{font-size: 1.8125rem !important;}
.f30pt{font-size: 1.875rem !important;}
.f31pt{font-size: 1.9375rem !important;}
.f32pt{font-size: 2rem !important;}
.f33pt{font-size: 2.0625rem !important;}
.f34pt{font-size: 2.125rem !important;}
.f35pt{font-size: 2.1875rem !important;}
.f36pt{font-size: 2.25rem !important;}
.f37pt{font-size: 2.3125rem !important;}
.f38pt{font-size: 2.375rem !important;}
.f39pt{font-size: 2.4375rem !important;}
.f40pt{font-size: 2.5rem !important;}
 
/* notes ---------------------------------*/
.g-container .g-contents .noteMark {
    color: #F00;
    font-weight: normal;
}
.g-container .g-contents dl.notes{
	font-size: 0.875rem;
}
.g-container .g-contents dl.notes dt{
	width: 1.5em;
	float: left;
    color: #F00;
    font-weight: normal;
}
dl.notes dd{
	margin-left: 1.5em;
}



/* inview ---------------------------------*/
.inview{
  opacity: 0;
  transition: 2s;
}
.inview.inviewShow{
  opacity: 1;
}
.inview.left{ 
	position:relative;
    transition:all 0.3s ease;
    transition-delay: 0.6s;
    -webkit-transform:translateX(-5%) ;
    transform:translateX(-5%);
    opacity:0;
}
.inview.inviewShow.left{
	-webkit-transform:translateX(0) ;
	transform:translateX(0);
	opacity:1;
}
.inview.right{
	position:relative;
    transition:all 0.8s ease;
    transition-delay: 0.1s;
    -webkit-transform:translateX(5%) ;
    transform:translateX(5%);
    opacity:0;
}
.inview.inviewShow.right{
	-webkit-transform:translateX(0) ;
	transform:translateX(0);
	opacity:1;
}
.inview.bottom{
	position:relative;
    transition:all 0.8s ease;
    transition-delay: 0.1s;
    -webkit-transform:translateY(5%) ;
    transform:translateY(5%);
    opacity:0;
}
.inview.inviewShow.bottom{
	-webkit-transform:translateY(0) ;
	transform:translateY(0);
	opacity:1;
}
 /* delay */
.d1{transition-delay: 0.1s !important;}
.d2{transition-delay: 0.2s !important;}
.d3{transition-delay: 0.3s !important;}
.d4{transition-delay: 0.4s !important;}
.d5{transition-delay: 0.5s !important;}
.d6{transition-delay: 0.6s !important;}
.d8{transition-delay: 0.8s !important;}
.d10{transition-delay: 1s !important;}
.t2{transition-duration:2s !important;}



/*loading ----------------------------*/
#loading{
    width: 100vw;
    height: 100vh;
    transition: all 1s;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
}
#loading .scrollLine{position: absolute; bottom:50%; left:25%; width:50%; height:1px; overflow: hidden;}
#loading .scrollLine .baseLine{width: 100%; height:1px; background: #eee;}
#loading .scrollLine .overlapLine{
    position: absolute;
    z-index: 2;
    width: 100%;
    height: 1px;
    display: block;
    top: 0;
    background: #000;
    -webkit-animation: loadingline 2.2s cubic-bezier(0.76, 0, 0.3, 1) forwards infinite;
    animation: loadingline 2.2s cubic-bezier(0.76, 0, 0.3, 1) forwards infinite;
}
@keyframes loadingline {
  0% { left:-100%; }
  100% { left:100%; }
}
#loading.loaded {
  opacity: 0;
  visibility: hidden;
}

/* grnBtnMenu ----------------------------*/
.grnBtnMenu ul{
	display: flex;
    justify-content: space-between;
    align-items: center;  /* 子要素をflexboxにより中央に配置する */
	flex-wrap: wrap;
    margin-bottom: 0;
}
.grnBtnMenu ul li{
	width: 32%;
	overflow: hidden;
}
.grnBtnMenu ul li:nth-of-type(2){
	margin: 0 2%;
}
.grnBtnMenu ul li a{
	height: 125px;
	padding-left: 25px;
    padding-right: 20px;
	font-size: 1.5rem;
	font-weight: bold;
    line-height: 1.75rem;
	display: flex;
	justify-content: flex-start;
	align-items: center;
    position: relative;
}
.grnBtnMenu ul li a::before{
	position: absolute;
    content: "";
	top: 42%;
    left: 25px;
    -webkit-transform: translateY(-45%); /* Safari用 */
    transform: translateY(-45%);
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.grnBtnMenu ul li a:link{
	color: #fff;
	background: #6cb4a3 url("/-/media/Project/Daikin/daikin_co_jp/csr/information/common/icon_endMenu svg") no-repeat;
	background-size: 60%;
	background-position: 110% 10px;
    text-decoration: none;
}
.grnBtnMenu ul li a:visited{
	color: #fff;
	background: #6cb4a3 url("/-/media/Project/Daikin/daikin_co_jp/csr/information/common/icon_endMenu svg") no-repeat;
	background-size: 60%;
	background-position: 110% 10px;
}
.grnBtnMenu ul li a:hover{
	background: #249B85 url("/-/media/Project/Daikin/daikin_co_jp/csr/information/common/icon_endMenu_on svg") no-repeat;
	background-size: 60%;
	background-position: 110% 10px;
}
@media all and (-ms-high-contrast: none) {
	.grnBtnMenu ul li a:link{
	    background-size: 120%;
    	background-position: -80% 10px;
	}
}
.grnBtnMenu ul li a div {
	padding-left: 25px;
	line-height: 1.75rem;
}

/* footerLinkMenu ----------------------------*/
.footerLinkMenu .g-contents{
	padding-top: 0 !important;
}
.footerLinkMenu ul{
	display: flex;
    justify-content: space-between;
	flex-wrap: wrap;
    margin-bottom: 0;
}
.footerLinkMenu ul li{
	width: 48.75%;
    margin-bottom: 0.3em;
}
.footerLinkMenu ul li a:hover{
	opacity: 0.6;
	text-decoration: none;
}
.footerLinkMenu ul li a.bnrBtn{
    display: block;
	border: 1px solid #d1d1d1;
}
.footerLinkMenu ul li:nth-of-type(1) a.bnrBtn{
	background: #fffaea;
    height: 100%;
    display: flex;
    align-items: center; 
    justify-content: center;
}
.footerLinkMenu ul li:nth-of-type(1) a.bnrBtn span{
    position: relative;
    padding: 0.3em 0 0 120px;
    color: #4fc1b0;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 2rem;
	display: table-cell;
	vertical-align : middle;
}
.footerLinkMenu ul li:nth-of-type(1) a.bnrBtn span::before{
    position: absolute;
    content: "";
    top: 0;
    left: 0;
	width: 109px;
	height: 74px;
}
#act01 .footerLinkMenu ul li:nth-of-type(1) a.bnrBtn span::before,
#lec01 .footerLinkMenu ul li:nth-of-type(1) a.bnrBtn span::before,
#lec02 .footerLinkMenu ul li:nth-of-type(1) a.bnrBtn span::before,
#lec03 .footerLinkMenu ul li:nth-of-type(1) a.bnrBtn span::before{
    background: url("/-/media/Project/Daikin/daikin_co_jp/csr/information/common/icon_subtitle_course02 svg") no-repeat;
	background-size: contain;
}
#act04 .footerLinkMenu ul li:nth-of-type(1) a.bnrBtn span::before,
#lec04 .footerLinkMenu ul li:nth-of-type(1) a.bnrBtn span::before,
#lec05 .footerLinkMenu ul li:nth-of-type(1) a.bnrBtn span::before,
#lec06 .footerLinkMenu ul li:nth-of-type(1) a.bnrBtn span::before{
    background: url("/-/media/Project/Daikin/daikin_co_jp/csr/information/common/icon_subtitle_course01 svg") no-repeat;
	background-size: contain;
}
.footerLinkMenu ul li.order02 a.bnrBtn{
	background: #ecfafb;
}
.footerLinkMenu ul li.order02 a.bnrBtn img{
	width: 100%;
	display: block;
}










/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Tablets
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media screen and (max-width: 959px) {
	/* 共通
    -------------------------------------------*/
    .g-main {
    }
    .g-breadcrumbs-p{
		padding-left: 30px;
    }
	.g-container {
		padding-left: 0px;
		padding-right: 0px;
	}
	.g-container .bgGrn,
	.g-container .bgBlu,
	.g-container .bgWht,
	.g-container .titleLead{
		padding-left: 15px;
		padding-right: 15px;
	}

    /* footerLinkMenu ----------------------------*/
    .footerLinkMenu ul li:nth-of-type(1) a.bnrBtn{
    }
    .footerLinkMenu ul li:nth-of-type(1) a.bnrBtn span{
        font-size: 1.2rem;
		line-height: 1.5rem;
	    padding: 0 0 0 95px;
    }
    .footerLinkMenu ul li:nth-of-type(1) a.bnrBtn span::before{
    	width: 87px;
	    height: 59px;
    }

}
	
	
/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width: 768px){
	.g-page-dept .g-main {
    	padding-top: 40px;
	}
}
@media screen and (max-width: 767px) {
	/* 共通
    -------------------------------------------*/
	.g-page-dept .g-main {
    	padding-top: 80px;
	}
	.g-main {
		position: static;
	    /*padding-top: 44px !important;*/
	}
	.g-header {
		/*border-bottom: 2px solid #000;*/
	}
	
	.g-container{
		padding-left: 0;
		padding-right: 0;
	}
	.g-container .bgGrn,
	.g-container .bgBlu,
	.g-container .bgWht,
	.g-container .titleLead{
		padding-left: 15px;
		padding-right: 15px;
	}
	
	
	.g-container .g-contents {
		padding: 50px 0 80px 0;
	}
	.g-container .titleLead .g-contents{
		padding-top: 0;
	}
	.g-container .g-contents figure img{
        width: 100%;
    }
	
	
	.g-sidebar_hd a {
		display: none;
	}
	.g-sidebar_lv1 a,
	.g-sidebar_lv1 p > span {
		color: #333 !important;
	}
	.g-sidebar_lv1 .g-sidebar_lv1_hd.g-sidebar-cur {
	    background-color: #9da5aa;
	}
	.g-sidebar_lv2 .g-sidebar-cur a {
	    color: #fff !important;
	}

	/* grnBtnMenu ----------------------------*/
    .grnBtnMenu ul li{
		width: 100%;
		min-height: inherit;
	}
	.grnBtnMenu ul li:nth-of-type(2){
		margin: 10px 0;
	}
	.grnBtnMenu ul li a{
		height: 120px;
	}
    .grnBtnMenu ul li a:link,
    .grnBtnMenu ul li a:visited,
    .grnBtnMenu ul li a:hover{
		background-size: 55%;
		background-position: 105% 10px;
    }

	/* footerLinkMenu ----------------------------*/
	.footerLinkMenu ul{
		/*display: block;*/
	}
	.footerLinkMenu ul li{
		width: 100%;
	}
	.footerLinkMenu ul li:nth-of-type(1){
		margin-right: 0;
	}
	.footerLinkMenu ul li:nth-of-type(1) a.bnrBtn{
		height: 109px;
	}

	.footerLinkMenu ul li:nth-of-type(1) a.bnrBtn span{
	    padding: 0.5em 0 0 97px;
    	font-size: 1.0625rem;
    	line-height: 1.4375rem;
	}
	.footerLinkMenu ul li:nth-of-type(1) a.bnrBtn span::before{
    	position: absolute;
		content: "";
		top: 0;
		left: 0;
		width: 87px;
		height: 59px;
	}
    .footerLinkMenu ul li.order01{
        -webkit-box-ordinal-group:1;
        -ms-flex-order:1;
        -webkit-order:1;
        order:1;
    }
    .footerLinkMenu ul li.order02{
        -webkit-box-ordinal-group:3;
        -ms-flex-order:3;
        -webkit-order:3;
        order:3;
    }
    .footerLinkMenu ul li.order03{
        -webkit-box-ordinal-group:2;
        -ms-flex-order:2;
        -webkit-order:2;
        order:2;
        margin-bottom: 1em;
    }
    .footerLinkMenu ul li.order04{
        -webkit-box-ordinal-group:4;
        -ms-flex-order:4;
        -webkit-order:4;
        order:4;
    }






}