.g-container .g-contents h1{
    font-weight: bold;
    margin-bottom: 30px;
}


/* �^�C�g������ 01 */
.g-container .g-contents #subTitle01,
.g-container .g-contents #subTitle02{
    position: relative;
    padding-left: 83px;
	height: 54px;
    margin-bottom: 10px;
}
.g-container .g-contents #subTitle01::before,
.g-container .g-contents #subTitle02::before{
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display:inline-block;
	width: 77px;
	height: 54px;
}
.g-container .g-contents #subTitle01::before{
    background: url("/-/media/Project/Daikin/daikin_co_jp/csr/information/common/icon_subtitle_course01 svg") no-repeat;
	background-size: contain;
}
.g-container .g-contents #subTitle02::before{
    background: url("/-/media/Project/Daikin/daikin_co_jp/csr/information/common/icon_subtitle_course02 svg") no-repeat;
	background-size: contain;
}
.g-container .g-contents #subTitle01 p,
.g-container .g-contents #subTitle02 p{
    color: #4fc1b0;
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 1.4375rem;
	padding-top: 3px;
}

/* �^�C�g������ 03 */
.g-container .g-contents #subTitle03{
    position: relative;
    padding-left: 66px;
	margin-bottom: 15px;
}
.g-container .g-contents #subTitle03::before{
    position: absolute;
    top: -3px;
    left: 0;
    content: "";
    display:inline-block;
	width: 56px;
	height: 100%;
    background: url("/-/media/Project/Daikin/daikin_co_jp/csr/information/common/icon_pichon png") no-repeat;
	background-size: contain;
}
.g-container .g-contents #subTitle03 p{
    color: #0099cc;
    font-size: 19px;
    font-weight: bold;
    line-height: 23px;
    margin-bottom: 15px;
}
.g-container .g-contents #subTitle03 p span{
	display: inline-block;
	background: #0099cc;
	border-radius: 15px;
	color: #fff;
	padding: 9px 13px 7px 13px;
	line-height: 100%;
    font-size: 15px;
	margin-bottom: 7px;
}

/* �p���� --------------------*/
.g-container .g-contents dl.glossary{
	padding-top: 25px;
    margin: 0;
    font-size: 0.875rem;
}
.g-container .g-contents dl.glossary dt{
    position: relative;
    padding-left: 30px;
}
.g-container .g-contents dl.glossary dt::before{
    position: absolute;
    top: 4px;
    left: 0;
    content: "";
    display:inline-block;
	width: 22px;
	height: 16px;
    background: url("/-/media/Project/Daikin/daikin_co_jp/csr/information/lecture/images/icon_glossary svg") no-repeat;
	background-size: contain;
}
.g-container .g-contents dl.glossary dt{
    color: #0099CC;
    font-weight: bold;
}

/* �R���� ----------------------------------------------*/
.g-container .g-contents .colmunArea{
    background: #cdede8;
	margin-top: 50px;
    padding: 30px 50px;
    border-radius: 45px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.g-container .g-contents .colmunArea div:nth-of-type(1){
	width: 60%;
}
.g-container .g-contents .colmunArea div:nth-of-type(2){
	width: 35%;
	margin-left: 5%;
	text-align: left;
}
.g-container .g-contents .colmunArea div:nth-of-type(2) > figure{
	width: 100% !important;
}
.g-container .g-contents .colmunArea h3.g-ttl-3{
	position: relative;
	padding-top: 40px;
	padding-bottom: 1em;
	margin-top: 0;
    font-size: 1.125rem;
}
.g-container .g-contents .colmunArea h3.g-ttl-3::before{
    position: absolute;
    top: 0;
    left: 0;
    content: "";
    display:inline-block;
	width: 152px;
	height: 27px;
    background: url("/-/media/Project/Daikin/daikin_co_jp/csr/information/lecture/images/icon_subtitle_column svg") no-repeat;
	background-size: contain;
}


/* �҂���񂭂� -------------------------------------*/
.pichonBtn{
    margin-top: 70px;
}
.pichonBtn p a{
    display: block;
	position: relative;
    
	border: 2px solid #008CBF;
	border-radius: 40px;
	padding: 12px 20px 12px 130px;
	color: #0099cc;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 125%;
    margin-left: 10px;
    text-decoration: none;
    background: #fff;
}
.pichonBtn p a::before{
    position: absolute;
    top: -45px;
    left: -12px;
    content: "";
    display:inline-block;
	width: 104px;
	height: 123px;
    background: url("/-/media/Project/Daikin/daikin_co_jp/csr/information/common/icon_pichon png") no-repeat;
	background-size: contain;
}
@media all and (-ms-high-contrast: none) {
/*	.pichonBtn p a::before{
	    top: -45px;
    	left: -12px;
	}*/
}
.pichonBtn p a::after{
    position: absolute;
    content: "";
	top: 42%;
    left: 110px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #008CBF;
    border-right: 2px solid #008CBF;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.pichonBtn p a:hover{
    color: #fff;
	text-decoration: none;
    background: #008CBF;
}
.pichonBtn p a:hover::after{
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}
.pichonBtn p a span{
	display: block;
	font-size: 0.9375rem;
}


/* grnBtnMenu --------------------------------------*/
.grnBtnMenu h2{
	text-align: center;
    line-height: 1.75rem;
	margin-bottom: 1.5em;
}
.grnBtnMenu h2 img{
	display: block;
	width: 110px;
    height: auto;
	margin: 0 auto 15px auto;
}
.grnBtnMenu ul li a{
	height: 150px;
}
.grnBtnMenu ul li a:link,
.grnBtnMenu ul li a:visited,
.grnBtnMenu ul li a:hover{
	background-size: 50%;
	background-position: 115% -24px;
}
@media all and (-ms-high-contrast: none) {
	.grnBtnMenu ul li a:link,
	.grnBtnMenu ul li a:visited,
	.grnBtnMenu ul li a:hover{
		background-size: 110%;
		background-position: 90px -20px;
	}
}

/*���ݒn*/
.grnBtnMenu ul li.active{
	opacity: 0.5;
}
.grnBtnMenu ul li.active a{
    pointer-events: none;
}





/* lecture/act01.html
-----------------------------------------------------------*/
#act01 .g-contents figure{
    width: 750px;
}

/* lecture/act04.html
-----------------------------------------------------------*/
#act04 .g-contents ul.flexbox{
    width: 750px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	background: #fff;
	padding: 15px;
}
#act04 .g-contents ul.flexbox li{
	/*width: 33.3333%;*/
    width : -webkit-calc(33.3333% - 21px) ;
    width : calc(33.3333% - 21px) ;
}
#act04 .g-contents ul.flexbox li:nth-of-type(2){
	/*width: 33.3333%;*/
    width : -webkit-calc(33.3333% + 35px) ;
    width : calc(33.3333% + 35px) ;
    position: relative;
    display: inline-block;
    padding: 0 28px;
}
#act04 .g-contents ul.flexbox li:nth-of-type(2):before{
    position: absolute;
    content: "";
    top: 25%;
    left: 4px;
    border-left: 20px solid #666;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}
#act04 .g-contents ul.flexbox li:nth-of-type(2):after{
    position: absolute;
    content: "";
    top: 25%;
    right: 2px;
    border-left: 20px solid #666;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}
#act04 .g-contents ul.flexbox li img{
	width: 100%;
}
#act04 .g-contents ul.flexbox li span{
	display: block;
	font-size: 0.875rem;
	line-height: 1.4rem;
}
#act04 .g-contents figure#figSec01{
    width: 750px;
}


/* lecture/lec01.html�ilec01.css�j
-----------------------------------------------------------*/

/* lecture/lec02.html
-----------------------------------------------------------*/
#lec02 .g-contents figure{
    width: 750px;
}

/* lecture/lec03.html
-----------------------------------------------------------*/
#lec03 .g-contents figure{
    width: 750px;
}
#lec03 .g-contents ul.flexbox{
    width: 750px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	background: #fff;
}
#lec03 .g-contents ul.flexbox li{
	width: 33.3333%;
	padding: 15px;
}
#lec03 .g-contents ul.flexbox li img{
	width: 100%;
}
#lec03 .g-contents ul.flexbox li span{
	display: block;
	font-size: 0.875rem;
	line-height: 1.4rem;
}
#lec03 .g-contents .g-grid-2 .g-media_left figure{
	width: 100%;

}

/* lecture/lec04.html
-----------------------------------------------------------*/
#lec04 .g-contents figure{
    width: 750px;
}

/* lecture/lec05.html�ilec05.css�j
-----------------------------------------------------------*/


/* lecture/lec06.html
-----------------------------------------------------------*/
#lec06 .g-contents figure{
    width: 750px;
}
#lec06 .g-contents .g-grid-2 .g-media_left figure{
    width: 100%;
}
#lec06 .g-contents p.marB1em{
	margin-bottom: 1.6em;
}
#lec06 .g-contents figure#lec06fig04{
    position: relative;
    background: #fff;
}
#lec06 .g-contents figure#lec06fig04 p{
    position: absolute;
    width: 100%;
    text-align: center;
    top: 18px;
    color: #09c;
    font-size: 21px;
    font-weight: bold;
    line-height: 1.2;
}
#lec06 .g-contents figure#lec06fig04 p strong{
    font-size: 55px;
    /*letter-spacing: -0.08em;*/
}
#lec06 .g-contents figure#lec06fig04 p span{
    display: block;
    font-size: 16px;
    letter-spacing: -0.04em;
}







/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Tablets
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media screen and (max-width: 959px) {
    /* lecture/lec06.html
    -----------------------------------------------------------*/
    #lec06 .g-container .g-contents .colmunArea div:nth-of-type(2) img{
    	width: 100%;
    }

}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media screen and (max-width: 767px) {

	/* ���� */
	.g-contents figure {
        width: 100% !important;
	}

	/* �R���� */
	.g-container .g-contents .colmunArea{
		display: block;
	    padding: 30px 30px;
	}
	.g-container .g-contents .colmunArea div:nth-of-type(1){width: 100%;}
	.g-container .g-contents .colmunArea div:nth-of-type(2){
		width: 100%;
		margin-left: 0;
		text-align: left;
	}

	/* �҂���񂭂� */
	.pichonBtn{
		margin: 80px auto 0 auto;
	}
	.pichonBtn p a{
		width: 90%;
    	border-radius: 80px;
    	padding: 32px 20px 32px 50px;
		font-size: 1.375rem;
		line-height: 1.75rem;
        margin: 0 auto;
	}
	.pichonBtn p a::before{
	    top: -40px;
        left: auto;
		right: 2%;
		width: 90px;
		height: 106px;
	}
    .pichonBtn p a::after{
    	top: 42%;
        left: 22px;
    }


    /* grnBtnMenu --------------------------------------*/
    .grnBtnMenu ul li a{
    	height: 115px;
    }
    .grnBtnMenu ul li a:link,
    .grnBtnMenu ul li a:visited,
    .grnBtnMenu ul li a:hover{
    	background-size: 60%;
        background-position: 108% 10px;
    }




    /* lecture/act01.html
    -----------------------------------------------------------*/
    #act01 .g-contents figure{
        width: 100%;
    }

    /* lecture/act04.html
    -----------------------------------------------------------*/
	#act04 .g-contents ul.flexbox{
		display: block;
        width: 100%;
	}
	#act04 .g-contents ul.flexbox li{
		width: 100%;
	}
    #act04 .g-contents ul.flexbox li:nth-of-type(2){
        width : 100%;
        padding: 35px 0;
    }
    #act04 .g-contents ul.flexbox li:nth-of-type(2):before{
        top: 5px;
        left: 50%;
        transform: translateX(-50%);
        border-style: solid;
        border-width: 20px 30px 0 30px;
        border-color: #666 transparent transparent transparent;
    }
    #act04 .g-contents ul.flexbox li:nth-of-type(2):after{
        top: auto;
        right: auto;
        bottom: 5px;
        left: 50%;
        transform: translateX(-50%);
        border-style: solid;
        border-width: 20px 30px 0 30px;
        border-color: #666 transparent transparent transparent;
    }
    
    /* lecture/lec01.html
    -----------------------------------------------------------*/

    
    
    /* lecture/lec03.html
    -----------------------------------------------------------*/
	#lec03 .g-contents ul.flexbox{
		display: block;
        width: 100%;
	}
	#lec03 .g-contents ul.flexbox li{
		width: 100%;
	}



    /* lecture/lec06.html
    -----------------------------------------------------------*/
    #lec06 .g-contents figure{
        width: 100%;
    }
	#lec06 .g-contents p.marB1em{
		margin-bottom: 0;
	}
    #lec06 .g-contents figure#lec06fig04{
        padding-top: 5em;
        overflow: hidden;
    }
    #lec06 .g-contents figure#lec06fig04 img{
        width: 120%;
        margin-left: -10%;
    }
    #lec06 .g-contents figure#lec06fig04 p{
        font-size: 16px;
        line-height: 1.12;
    }
    #lec06 .g-contents figure#lec06fig04 p strong{
        font-size: 35px;
        /*letter-spacing: -0.08em;*/
    }
    #lec06 .g-contents figure#lec06fig04 p span{
        font-size: 14px;
        margin-top: 0.6em;
    }





}