@charset "UTF-8";

@media print, screen{

/* =====================================================================
 common
===================================================================== */
html.compass2030{
	background-color:#fff;
}

/* ---------------------------------
 sub_menu
----------------------------------*/
    #sub_menu .icon_link:before {
        width: 7px;
        height: 8px;
        display: inline-block;
        position: static;
        background-color: inherit;
        background-image:  url(/common16/image/link_icon_sprite.png);
        border: none;
        border-radius: inherit;
    }
    #sub_menu .icon_link:after {
        display: none;
    }

/* ---------------------------------
 local navi
--------------------------------- */
.contents_localnavi {
    display: none;
}

/* ---------------------------------
 animin
--------------------------------- */
html.js_on .animin{
	visibility:hidden;
	opacity:0;
}
html.js_on .animin.anim{
	visibility:visible;
	-webkit-animation:	slidein_BtoT 900ms cubic-bezier(0.165, 0.84, 0.44, 1) 0ms 1 normal forwards;
	animation:			slidein_BtoT 900ms cubic-bezier(0.165, 0.84, 0.44, 1) 0ms 1 normal forwards;
}

/* ---------------------------------
 ir_wrapper
--------------------------------- */
#ir_wrapper{
	min-width: 950px;
	font-size:100%;
}
/* ---------------------------------
 head_menu
--------------------------------- */
#head_menu{
	font-size: 85%;
}
/* ---------------------------------
 contents
--------------------------------- */
#contents{
	width:100%;
    max-width: 100%;
	padding:0;
	margin:0;
	display:block;
}
    #contents .contents_inner {
        width: 100%;
    }

/* ---------------------------------
 main_contents
--------------------------------- */
.fontS.main_contents{	font-size:85%;}
.fontM.main_contents{	font-size:100%;}
.fontL.main_contents{	font-size:120%;}

/* ---------------------------------
 contents_wrapper
--------------------------------- */
.contents_wrapper{
    width: 100%;
    overflow:hidden;
}
.contents_wrapper_inner{
    width: 100%;
}
/* ---------------------------------
 contents
--------------------------------- */
.contents{
    width: 950px;
    margin: 0 auto;
}

/* ---------------------------------
 figure
--------------------------------- */
html.compass2030 figure{
	padding:0;
	margin:0;
}
/* ---------------------------------
 picture
--------------------------------- */
html.compass2030 picture{
	display:block;
}
/* ---------------------------------
 sup,sub
--------------------------------- */
sup,
sub,
#ir_wrapper sup,
#ir_wrapper sub{
	height: 0;
	line-height: 1;
	position: relative;
}
sup{
	display:inline-block;
	bottom:0;
	vertical-align: baseline;
	font-size: 100%;
}
sub{
	padding-right:0.2em;
	display:inline-block;
	top: 0ex;
	vertical-align: baseline;
	font-size: 70%;
}
/* ---------------------------------
 br
--------------------------------- */
.br_pc{
	display:block;
}
.br_sp{
	display:none;
}
/* ---------------------------------
 btbox
--------------------------------- */
.btbox{
	text-align:center;
}
/* ---------------------------------
 bt_red
--------------------------------- */
.bt_red{
	padding:16px 74px 14px;
	margin:0 auto;
	display:inline-block;
	position:relative;
	box-sizing:border-box;
	color:#ff0000;
	font-size:114.29%;
	font-weight:bold;
	line-height:1.4;
	letter-spacing:0.025em;
	background-color:#fff;
	border:solid 1px #ff0000;
	border-radius:28px / 28px;
	
	box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.35);
	
	-webkit-transition:background 0.2s ease, border 0.2s ease;
	transition:background 0.2s ease, border 0.2s ease;
}
.bt_red:before{
	content:"";
	width:8px;
	height:8px;
	margin:auto;
	display:block;
	position:absolute;
	left:23px; top:50%;
	border-right:solid 1px #ff0000;
	border-top:solid 1px #ff0000;
	-webkit-transform: translateY(-4px) rotate(45deg);
	transform: translateY(-4px) rotate(45deg);
	
	-webkit-transition:border 0.2s ease;
	transition:border 0.2s ease;
}
#ir_wrapper .bt_red:link,
#ir_wrapper .bt_red:active,
#ir_wrapper .bt_red:visited{
	color:#ff0000;
	text-decoration:none;
}
#ir_wrapper .bt_red:hover{
	color:#fff;
	background-color:#ff0000;
	border:solid 1px #fff;
}
.bt_red:hover:before{
	border-right:solid 1px #fff;
	border-top:solid 1px #fff;
}

/* .bt_red .icon_exlink */
.bt_red .icon_exlink{
	width:15px;
	height:15px;
	margin-bottom:0.1em;
	margin-left:0.4em;
	display:inline-block;
	position:relative;
	vertical-align:middle;
}
.bt_red .icon_exlink:before,
.bt_red .icon_exlink:after{
	content:"";
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	left:0; top:0;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	
	-webkit-transition:opacity 0.2s ease;
	transition:opacity 0.2s ease;
}



/* ---------------------------------
 icon_pdf
--------------------------------- */
html.compass2030 .icon_pdf{
	width:13px;
	max-width:100%;
	height:auto;
	vertical-align:middle;
}

/* ---------------------------------
 notesList
--------------------------------- */
.notesList{
	
}
.notesList li{
	margin-right:20px;
	color:#fff;
	font-size:92.86%;
	line-height:1.4;
}
.notesList li:last-child{
	margin-right:0;
}

/* ---------------------------------
 notes_bgblueList
--------------------------------- */
.notes_bgblueList{
	padding:21px 25px 19px;
	display:flex;
	flex-wrap:wrap;
	background-color:rgba(32,173,223,0.8);
}
.notes_bgblueList li{
	margin-right:25px;
	color:#fff;
	font-size:92.86%;
	line-height:1.4;
}

/* =====================================================================
 cover
===================================================================== */
/* ---------------------------------------------------------------------
 wrap_cover
--------------------------------------------------------------------- */
#wrap_cover{
	width:100%;
	position:relative;
	background-color:#6dbcf1;
	overflow:hidden;
}
/* ---------------------------------
 cover_bg
--------------------------------- */
#cover_bg_top{
	width:100%;
	height:1092px;
	position:absolute;
	left:0; top:0;
	background-image:url(/en/IR/compass2030/image/index_cover_bg_top.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
#cover_bg_btm{
	width:100%;
	height:831px;
	position:absolute;
	left:0; bottom:0;
	background-image:url(/en/IR/compass2030/image/index_cover_bg_btm.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
/* ---------------------------------
 cover
--------------------------------- */
#cover{
	padding-top:75px;
	margin-bottom:20px;
	position:relative;
	box-sizing:border-box;
}
/* ---------------------------------
 cover_logo
--------------------------------- */
#cover_logo{
	width:844px;
	height:452px;
	margin:0 auto;
	position:relative;
	box-sizing:border-box;
	border:solid 1px rgba(255,255,255,0.8);
}
#cover_logo:after{
	content:"";
	width:297px;
	height:398px;
	display:block;
	position:absolute;
	right:-199px; top:-62px;
	background-image:url(/en/IR/compass2030/image/index_cover_logo_compass.png);
	background-repeat:no-repeat;
}

#cover_logo_inner{
	width:790px;
	height:400px;
	margin:auto;
	position:absolute;
	left:0; right:0; top:0; bottom:0;
	background-image:url(/en/IR/compass2030/image/index_cover_logo_bg.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	
}

#cover_logo_inner h1{
	margin-top:70px;
	margin-bottom:45px;
}
#cover_logo_inner h1 img{
	margin:0 auto;
	display:block;
}

#cover_logo_lead{
	width:750px;
	margin:-160px auto 155px;
	position:relative;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	line-height:1.5;
	text-align:center;
}

/* ---------------------------------
 cover_internalLinks
--------------------------------- */
#cover_internalLinks{
	width:950px;
	padding:45px 65px;
	margin:0 auto;
	margin-bottom:40px;
	box-sizing:border-box;
	background-color:#fff;
	
	box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.35);
}

.fontL.main_contents #cover_internalLinks{
	padding:45px 60px;
}

#cover_internalLinksList{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
#cover_internalLinksList li{
	
}
#cover_internalLinksList li:nth-of-type(1),
#cover_internalLinksList li:nth-of-type(5){width:21%;}
#cover_internalLinksList li:nth-of-type(2),
#cover_internalLinksList li:nth-of-type(6){width:27%;}
#cover_internalLinksList li:nth-of-type(3),
#cover_internalLinksList li:nth-of-type(7){width:27%;}
#cover_internalLinksList li:nth-of-type(4),
#cover_internalLinksList li:nth-of-type(8){width:25%;}

#cover_internalLinksList li:nth-of-type(1),
#cover_internalLinksList li:nth-of-type(2),
#cover_internalLinksList li:nth-of-type(3),
#cover_internalLinksList li:nth-of-type(4){
	margin-bottom:16px;
}

#cover_internalLinksList li a{
	display:inline-block;
	color:#0d4da1;
	font-size:100%;
	font-weight:bold;
	line-height:1.5;
}


/* ---------------------------------
 icon_link / icon_internal
--------------------------------- */
.icon_link,
.icon_internal{
	padding-left:26px;
	position:relative;
	box-sizing:border-box;
}

.icon_link:before,
.icon_internal:before{
	content:"";
	width:18px;
	height:18px;
	display:block;
	position:absolute;
	left:0; top:0;
	box-sizing:border-box;
	background-color:#0d4da1;
    background-image: none;
	border:solid 1px #0d4da1;
	border-radius:50%;
	
	-webkit-transition:background 0.2s ease;
	transition:background 0.2s ease;
}
.icon_internal:before{
	top:1px;
}
.icon_link:after,
.icon_internal:after{
	content:"";
	width:6px;
	height:6px;
	display:block;
	position:absolute;
	
	-webkit-transition:border 0.2s ease;
	transition:border 0.2s ease;
}
.icon_link:after{
	left:5px; top:6px;
	border-right:solid 1px #fff;
	border-bottom:solid 1px #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
    background-image: none;
}
.icon_internal:after{
	left:6px; top:6px;
	border-left:solid 1px #fff;
	border-bottom:solid 1px #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.icon_link:link,.icon_link:active,.icon_link:visited,
.icon_internal:link,.icon_internal:active,.icon_internal:visited{
	text-decoration:none;
}
.icon_link:hover,
.icon_internal:hover{
	text-decoration:none;
}
.icon_link:hover:before,
.icon_internal:hover:before{
	background-color:#fff;
}
.icon_link:hover:after,
.icon_internal:hover:after{
	border-color:#0d4da1;
}


/* ---------------------------------------------------------------------
 targetAim
--------------------------------------------------------------------- */
#targetAim{
	padding-top:40px;
	padding-bottom:120px;
	position:relative;
	box-sizing:border-box;
}
#targetAim h2{
	height:80px;
	padding-top:25px;
	margin-bottom:28px;
	box-sizing:border-box;
	color:#fff;
	font-size:142.86%;
	font-weight:bold;
	line-height:1;
	text-align:center;
	background-image:url(/en/IR/compass2030/image/index_Q_blue.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
}
#targetAim .lead{
	margin-bottom:34px;
	color:#fff;
	font-size:185.71%;
	font-weight:bold;
	line-height:1.5;
	text-align:center;
}

#targetAim .desc{
	margin-bottom:1em;
	color:#fff;
	font-size:107.14%;
	font-weight:bold;
	line-height:1.6;
}
#targetAim>.desc.mb{
	margin-bottom:60px;
}

/* ---------------------------------
 targetAim_figures
--------------------------------- */
#targetAim_figures{
	margin-bottom:50px;
	display:flex;
	justify-content:space-between;
}

#targetAim_figures figure:nth-of-type(2){
	-webkit-animation-delay:300ms;
	animation-delay:300ms;
}
#targetAim_figures figcaption{
	margin-bottom:18px;
	display:block;
	color:#fff;
	font-size:100%;
	font-weight:bold;
	line-height:1;
	letter-spacing:0.05em;
	text-align:center;
}
#targetAim_figures img{
	display:block;
	box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.35);
}

#targetAim .notes_bgblueList{
	margin-bottom:30px;
}


/* =====================================================================
 whyWeAim
===================================================================== */
#whyWeAim{
	padding-top:75px;
	padding-bottom:95px;
	background-image:url(/en/IR/compass2030/image/index_whyWeAim_bg.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
#whyWeAim h2{
	height:80px;
	padding-top:25px;
	margin-bottom:28px;
	box-sizing:border-box;
	color:#fff;
	font-size:142.86%;
	font-weight:bold;
	line-height:1;
	text-align:center;
	background-image:url(/en/IR/compass2030/image/index_Q_blue.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
}
#whyWeAim .lead{
	margin-bottom:34px;
	color:#fff;
	font-size:185.71%;
	font-weight:bold;
	line-height:1.5;
	text-align:center;
}
#whyWeAim .desc{
	margin-bottom:15px;
	color:#fff;
	font-size:107.14%;
	font-weight:bold;
	line-height:1.6;
}

#whyWeAim .notesList{
	margin-bottom:75px;
}

/* ---------------------------------
 marketEnv
--------------------------------- */
#marketEnv{
	
}
#marketEnv h3{
	margin-bottom:20px;
	color:#fff;
	font-size:114.29%;
	font-weight:bold;
	line-height:1.4;
	text-align:center;
}

#marketEnvList{
	margin-bottom:25px;
	display:flex;
	justify-content:space-between;
}
#marketEnvList>li{
	width:230px;
	padding:30px 16px;
	background-color:#fff;
}
#marketEnvList>li:nth-of-type(2){
	-webkit-animation-delay:200ms;
	animation-delay:200ms;
}
#marketEnvList>li:nth-of-type(3){
	-webkit-animation-delay:400ms;
	animation-delay:400ms;
}
#marketEnvList>li:nth-of-type(4){
	-webkit-animation-delay:600ms;
	animation-delay:600ms;
}
#marketEnvList>li span{
	min-height:3em;
	margin-bottom:5px;
	display:block;
	color:#333;
	font-size:114.29%;
	font-weight:bold;
	line-height:1.4;
	text-align:center;
}
#marketEnvList>li img{
	width:98px;
	margin:0 auto;
	margin-bottom:30px;
	display:block;
}
#marketEnvList>li ul{
	display:block;
	box-sizing:border-box;
}
#marketEnvList>li ul>li{
	padding-left:14px;
	margin-bottom: 0.5em;
	display:block;
	position:relative;
	color:#333;
	font-size:92.86%;
	line-height:1.4;
}
#marketEnvList>li ul>li:before{
	content:"";
	width:8px;
	height:8px;
	display:block;
	position:absolute;
	left:0; top:0.3em;
	background-color:#20addf;
	border-radius:50%;
}



/* =====================================================================
 whyWeCan
===================================================================== */
#whyWeCan{
	padding-top:85px;
	padding-bottom:225px;
	background-image:url(/en/IR/compass2030/image/index_whyWeCan_bg.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
#whyWeCan h2{
	height:80px;
	padding-top:25px;
	margin-bottom:28px;
	box-sizing:border-box;
	color:#fff;
	font-size:142.86%;
	font-weight:bold;
	line-height:1;
	text-align:center;
	background-image:url(/en/IR/compass2030/image/index_Q_white.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
}
#whyWeCan .lead{
	margin-bottom:34px;
	color:#fff;
	font-size:185.71%;
	font-weight:bold;
	line-height:1.5;
	text-align:center;
}
#whyWeCan .desc{
	margin-bottom:40px;
	color:#fff;
	font-size:107.14%;
	font-weight:bold;
	line-height:1.6;
}

#whyWeCan_illust{
	width:512px;
	margin:0 auto;
	margin-bottom:50px;
	display:block;
}



/* =====================================================================
 howWeDo
===================================================================== */
#howWeDo{
	padding-top:75px;
	padding-bottom:95px;
	background-color:#0e3f81;
}

#howWeDo h2{
	height:80px;
	padding-top:25px;
	margin-bottom:28px;
	box-sizing:border-box;
	color:#fff;
	font-size:142.86%;
	font-weight:bold;
	line-height:1;
	text-align:center;
	background-image:url(/en/IR/compass2030/image/index_Q_white.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
}
#howWeDo .lead{
	margin-bottom:40px;
	color:#fff;
	font-size:185.71%;
	font-weight:bold;
	line-height:1.5;
	text-align:center;
}

#targetVision{
	padding:20px 30px 30px;
	border:solid 1px rgba(255,255,255,0.75);
}
#targetVision h3{
	margin-bottom:15px;
	color:#fff;
	font-size:114.29%;
	font-weight:bold;
	line-height:1.5;
	text-align:center;
}
#targetVision p{
	color:#fff;
	font-size:128.57%;
	line-height:1.6;
	text-align:center;
}



/* =====================================================================
 threeChallenges
===================================================================== */
#threeChallenges{
	padding-bottom:95px;
	background-color:#f2f2f2;
}
#threeChallenges h2{
	padding:34px 0 32px;
	margin-bottom:60px;
	color:#fff;
	font-size:171.43%;
	font-weight:bold;
	line-height:1.5;
	letter-spacing:0.05em;
	text-align:center;
	background-color:#0070b8;
	
	box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.35);
}

#threeChallengesSliderBox{
	margin-bottom:40px;
	display:flex;
	justify-content:space-between;
}
#threeChallengesSlider{
	width:395px;
	position:relative;
}
.threeChallengesSlide{
	-webkit-transition:opacity 300ms ease;
	transition:opacity 300ms ease;
}
#threeChallengesSlide0{
	display:block;
	opacity:1;
}
#threeChallengesSlide1,
#threeChallengesSlide2,
#threeChallengesSlide3{
	position:absolute;
	left:0; top:0;
	z-index:100;
	opacity:0;
}
#threeChallengesSlider.show1 #threeChallengesSlide1{opacity:1;}
#threeChallengesSlider.show2 #threeChallengesSlide2{opacity:1;}
#threeChallengesSlider.show3 #threeChallengesSlide3{opacity:1;}

.threeChallengesSlide img{
	display:block;
}


#challengeBaloonsList{
	width:500px;
	display:block;
}
.challengeBaloon{
	width:100%;
	padding:30px 25px;
	margin-bottom:20px;
	position:relative;
	background-color:#fff;
	cursor:default;
	
	-webkit-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.35);
	box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.35);
}
html.js_on .challengeBaloon:nth-of-type(1){
	-webkit-animation-delay:200ms;
	animation-delay:200ms;
}
html.js_on .challengeBaloon:nth-of-type(2){
	-webkit-animation-delay:400ms;
	animation-delay:400ms;
}
html.js_on .challengeBaloon:nth-of-type(3){
	-webkit-animation-delay:600ms;
	animation-delay:600ms;
}
.challengeBaloon:last-child{
	margin-bottom:0;
}
.challengeBaloon:before{
	content: '';
	width:28px;
	height:28px;
	position:absolute;
	background-color:#fff;
	z-index:11;
	
	left:-10px; top:50%;
	-webkit-transform: translateY(-50%) rotate(45deg) skew(-25deg,-25deg);
	transform: translateY(-50%) rotate(45deg) skew(-25deg,-25deg);
	
	-webkit-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.35);
	box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.35);
	
	-webkit-transition:background-color 200ms ease;
	transition:background-color 200ms ease;
}
.challengeBaloon:after{
	content: '';
	width:100%;
	height:100%;
	position:absolute;
	top:0; left:0;
	background-color:#fff;
	z-index:12;
	
	-webkit-transition:background-color 200ms ease;
	transition:background-color 200ms ease;
}
.challengeBaloon .baloon_inner{
	position:relative;
	top:0; left:0;
	z-index:13;
}

.challengeBaloon h3{
	margin-bottom:10px;
	font-size:142.86%;
	font-weight:bold;
	line-height:1.4;
	
	-webkit-transition:color 200ms ease;
	transition:color 200ms ease;
}
.challengeBaloon:nth-of-type(1) h3{
	color:#40ae7b;
}
.challengeBaloon:nth-of-type(2) h3{
	color:#8ec100;
}
.challengeBaloon:nth-of-type(3) h3{
	color:#20addf;
}

.challengeBaloon h3 span{
	width:116px;
	padding:8px 10px 6px;
	margin-right:12px;
	margin-bottom:10px;
	display:block;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	line-height:1;
	text-align:center;
	vertical-align:middle;
	

	-webkit-transition:background-color 200ms ease,color 200ms ease;
	transition:background-color 200ms ease,color 200ms ease;
}
.challengeBaloon:nth-of-type(1) h3 span{
	background-color:#40ae7b;
}
.challengeBaloon:nth-of-type(2) h3 span{
	background-color:#8ec100;
}
.challengeBaloon:nth-of-type(3) h3 span{
	background-color:#20addf;
}

.challengeBaloon p{
	margin-bottom:20px;
	color:#333;
	font-size:100%;
	line-height:1.6;
	
	-webkit-transition:color 200ms ease;
	transition:color 200ms ease;
}

/* ---------------------------------
 challengeBaloon1:hover
--------------------------------- */
html.notTouch #challengeBaloon1:hover:before,
html.notTouch #challengeBaloon1:hover:after{
	background-color:#40ae7b;
}
html.notTouch #challengeBaloon1:hover h3{
	color:#fff;
}
html.notTouch #challengeBaloon1:hover h3 span{
	color:#40ae7b;
	background-color:#fff;
}
html.notTouch #challengeBaloon1:hover p{
	color:#fff;
}
/* ---------------------------------
 challengeBaloon2:hover
--------------------------------- */
html.notTouch #challengeBaloon2:hover:before,
html.notTouch #challengeBaloon2:hover:after{
	background-color:#8ec100;
}
html.notTouch #challengeBaloon2:hover h3{
	color:#fff;
}
html.notTouch #challengeBaloon2:hover h3 span{
	color:#8ec100;
	background-color:#fff;
}
html.notTouch #challengeBaloon2:hover p{
	color:#fff;
}
/* ---------------------------------
 challengeBaloon3:hover
--------------------------------- */
html.notTouch #challengeBaloon3:hover:before,
html.notTouch #challengeBaloon3:hover:after{
	background-color:#20addf;
}
html.notTouch #challengeBaloon3:hover h3{
	color:#fff;
}
html.notTouch #challengeBaloon3:hover h3 span{
	color:#20addf;
	background-color:#fff;
}
html.notTouch #challengeBaloon3:hover p{
	color:#fff;
}


/* ---------------------------------
 bt_detail
--------------------------------- */
.bt_detail{
	display:inline-block;
	color:#333;
	font-size:100%;
	font-weight:bold;
	line-height:1.5;
}

#threeChallenges .notesList>li{
	color:#333;
}


/* =====================================================================
 fiveActions
===================================================================== */
#fiveActions{
	padding-bottom:95px;
	background-color:#f2f2f2;
}
#fiveActions h2{
	padding:34px 0 32px;
	margin-bottom:60px;
	color:#fff;
	font-size:171.43%;
	font-weight:bold;
	line-height:1.5;
	letter-spacing:0.05em;
	text-align:center;
	background-color:#0070b8;
	
	box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.35);
}

#fiveActions h3{
	margin-bottom:30px;
	font-size:114.29%;
	line-height:1.5;
	text-align:center;
}

#fiveActionsList{
	display:flex;
	justify-content:space-between;
	
}
#fiveActionsList>li{
	width:182px;
	padding:40px 0 30px;
	background-color:#fff;
	
	box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.35);
}
#fiveActionsList>li:nth-of-type(2){
	-webkit-animation-delay:200ms;
	animation-delay:200ms;
}
#fiveActionsList>li:nth-of-type(3){
	-webkit-animation-delay:400ms;
	animation-delay:400ms;
}
#fiveActionsList>li:nth-of-type(4){
	-webkit-animation-delay:600ms;
	animation-delay:600ms;
}
#fiveActionsList>li:nth-of-type(5){
	-webkit-animation-delay:800ms;
	animation-delay:800ms;
}
#fiveActionsList>li .txt_action{
	margin-bottom:15px;
	display:block;
	color:#0d4da1;
	font-size:100%;
	font-weight:bold;
	line-height:1;
	text-align:center;
}
#fiveActionsList>li .txt_action .num{
	padding-top:5px;
	display:block;
	font-size:171.43%;
	font-weight:bold;
	line-height:1;
}
#fiveActionsList>li .txt_title{
	height:3em;
	padding:0 5px;
	margin-bottom:15px;
	display:block;
	box-sizing:border-box;
	color:#333;
	font-size:100%;
	font-weight:bold;
	line-height:1.4;
	text-align:center;
}
#fiveActionsList>li img.illust{
	width:104px;
	margin:0 auto;
	margin-bottom:30px;
	display:block;
}

/* ---------------------------------
 bt_brief
--------------------------------- */
.bt_brief{
	display:inline-block;
	color:#333;
    font-size:92.86%;
    font-weight: bold;
    line-height:1.5;
    text-align:left;
}

#fiveActionsList>li .bt_brief{
	width:calc(100% - 30px);
	margin:0 auto;
	display:block;
}


/* =====================================================================
 challenge01
===================================================================== */
#challenge01{
	
}

/* ---------------------------------------------------------------------
 challenge01_1
--------------------------------------------------------------------- */
#challenge01_1{
	padding:75px 0;
	background-image:url(/en/IR/compass2030/image/index_challenge01_head_bg.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}

#challenge01_1 h2 .challengeDeco{
	margin-bottom:40px;
	display:block;
	color:#fff;
	font-size:171.43%;
	font-weight:bold;
	line-height:1;
	text-align:center;
}
#challenge01_1 h2 .challengeDeco:before{
	content:"";
	width:56px;
	height:70px;
	margin:0 auto;
	margin-bottom:12px;
	display:block;
	background-image:url(/en/IR/compass2030/image/index_challenge01_h2_deco.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
}

#challenge01_1 h2 .txt_title{
	margin-bottom:30px;
	display:block;
	color:#fff;
	font-size:185.71%;
	font-weight:bold;
	line-height:1.5;
	text-align:center;
	
	-webkit-animation-delay:200ms;
	animation-delay:200ms;
}
#challenge01_1 .lead{
	color:#fff;
	font-size:107.14%;
	font-weight:bold;
	line-height:1.5;
	text-align:center;
	
	-webkit-animation-delay:400ms;
	animation-delay:400ms;
}

/* ---------------------------------------------------------------------
 challenge01_2
--------------------------------------------------------------------- */
#challenge01_2{
	padding:50px 0 60px;
}

/* ---------------------------------------------------------------------
 challengeDescList
--------------------------------------------------------------------- */
.challengeDescList{
	display:block;
	box-sizing:border-box;
}
.challengeDescList>li{
	padding-left:16px;
	margin-bottom: 0.5em;
	display:block;
	position:relative;
	color:#333;
	font-size:107.14%;
	line-height:1.45;
}
.challengeDescList>li:before{
	content:"";
	width:10px;
	height:10px;
	display:block;
	position:absolute;
	left:0; top:0.48em;
	background-color:#666;
	border-radius:50%;
}


/* ---------------------------------
 challengeDescList
--------------------------------- */
#challenge01_2 .challengeDescList{
	margin-bottom:10px;
}
#challenge01_2 .challengeDescList>li sup{
	color:#40ae7b;
}
#challenge01_2 .challengeDescList>li:before{
	background-color:#40ae7b;
}

/* ---------------------------------
 notesList
--------------------------------- */
#challenge01_2 .notesList{
	margin-bottom:50px;
}
#challenge01_2 .notesList>li{
	color:#333;
}
#challenge01_2 .notesList>li .green{
	color:#40ae7b;
}

/* ---------------------------------
 challenge_numInfo
--------------------------------- */
#challenge01_2 .challenge_numInfo{
	width:850px;
	padding:30px 0 30px;
	margin:0 auto;
	margin-bottom:55px;
	
	box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.2);
}
#challenge01_2 .challenge_numInfo h3{
	margin-bottom:20px;
	color:#40ae7b;
	font-size:114.29%;
	font-weight:bold;
	line-height:1.5;
	text-align:center;
}

#challenge01_2 .challenge_numInfo picture{
	margin-bottom:25px;
	display:block;
}
#challenge01_2 .challenge_numInfo img{
	margin:0 auto;
	display:block;
}

#challenge01_2 .challenge_numInfo span{
	display:block;
	box-sizing:border-box;
	color:#333;
	font-size:92.86%;
	line-height:1.6;
	text-align:center;
}

#challenge01_2 .desc{
	color:#333;
	font-size:114.29%;
	font-weight:bold;
	line-height:1.5;
	text-align:center;
}
#challenge01_2 .desc .blue{
	color:#0d4da1;
}

/* ---------------------------------------------------------------------
 challenge01_3
--------------------------------------------------------------------- */
#challenge01_3{
	padding:55px 0 75px;
	background-color:#f2f2f2;
}
#challenge01_3 h3{
	margin-bottom:35px;
	font-size:128.57%;
	font-weight:bold;
	line-height:1.4;
	text-align:center;
}

/* ---------------------------------------------------------------------
 figureSliderBox
--------------------------------------------------------------------- */
.figureSliderBox{
	position:relative;
	box-sizing:border-box;
	border:solid 2px #b3b3b3;
	border-radius:10px;
	/*overflow:hidden;*/
	
	box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.25);
}
.figureSliderBox .figureSlider{

}
.figureSliderBox .bts{
	width:100%;
	position:absolute;
	left:0; top:0;
}
/* ---------------------------------
 challenge01_figureSliderBox
--------------------------------- */
#challenge01_figureSliderBox{
	margin-bottom:45px;
}

/* ---------------------------------
 figureSlider
--------------------------------- */
.figureSlider{
	position:relative;
	left:0; top:0;
	box-sizing:content-box;
	border-radius:10px;
}
.figureSlider picture,
.figureSlider picture img{
	width:100%;
	display:block;
}

/* ---------------------------------
 for JS off
--------------------------------- */
#challenge01_figureSlider .swiper-wrapper{
	transform:translate3d(-300%,0,0);
}
html.js_on #challenge01_figureSlider .swiper-wrapper{
	transform:translate3d(0,0,0);
}

/* ---------------------------------------------------------------------
 bt_action
--------------------------------------------------------------------- */
.bt_actions{
	width: 100%;
	height:100%;
	position:absolute;
	left:0; top:0;
	z-index:10;
}
.bt_action{
	width:117px;
	height:58px;
	display:block;
	position:absolute;
	outline:none;
	
	-webkit-transition: transform 600ms cubic-bezier(0.175, 0.885, 0.500, 1.480), opacity 600ms ease;
	transition: transform 600ms cubic-bezier(0.175, 0.885, 0.500, 1.480), opacity 600ms ease;
}
html.js_on .bt_action{
	visibility:hidden;
	-webkit-transform:scale(0);
	transform:scale(0);
	opacity:0;
}
.bt_action picture{
	display:block;
	opacity:1;
	
	-webkit-transition:opacity 0.2s ease;
	transition:opacity 0.2s ease;
}
.bt_action img{
	width:100%;
	display:block;
}

.bt_action:after{
	content:"";
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	left:0; top:0;
	background-image:url(/en/IR/compass2030/image/index_bt_action1_on.png);
	background-repeat:no-repeat;
	background-position:left top;
	background-size:100% 100%;
	opacity:0;
	
	-webkit-transition:opacity 0.2s ease;
	transition:opacity 0.2s ease;
}
.bt_action1:after{
	background-image:url(/en/IR/compass2030/image/index_bt_action1_on.png);
}
.bt_action2:after{
	background-image:url(/en/IR/compass2030/image/index_bt_action2_on.png);
}
.bt_action3:after{
	background-image:url(/en/IR/compass2030/image/index_bt_action3_on.png);
}
.bt_action4:after{
	background-image:url(/en/IR/compass2030/image/index_bt_action4_on.png);
}
.bt_action5:after{
	background-image:url(/en/IR/compass2030/image/index_bt_action5_on.png);
}

html.notTouch .bt_action:hover{
	z-index:20;
	-webkit-animation:	pop 400ms ease 0ms 1 normal forwards;
	animation:			pop 400ms ease 0ms 1 normal forwards;
}
/* pop */
@-webkit-keyframes pop{
	0%{		-webkit-transform: scale(1);}
	50%{	-webkit-transform: scale(1.2);}
	100%{	-webkit-transform: scale(1);}
}
@keyframes pop{
	0%{		transform: scale(1);}
	50%{	transform: scale(1.2);}
	100%{	transform: scale(1);}
}

.bt_action:hover picture{
	opacity:0;
}
.bt_action:hover:after{
	opacity:1;
}



/* ---------------------------------
 bt_action
--------------------------------- */
#bt_action1_1{ left:477px; top:152px;}
#bt_action1_2{ left:586px; top:152px;}
#bt_action1_3{ left:696px; top:152px;}
#bt_action1_4{ left:362px; top:317px;}
#bt_action1_5{ left:556px; top:464px;}
#bt_action1_6{ left:816px; top:455px;}


#challenge01_figureSliderBox .bt_action{
	
}
#challenge01_figureSliderBox.reachEnd .bt_action{
	visibility:visible;
	-webkit-transform:scale(1);
	transform:scale(1);
	opacity:1;
}
#challenge01_figureSliderBox #bt_action1_1{
	-webkit-transition-delay:0ms;
	transition-delay:0ms;
}
#challenge01_figureSliderBox #bt_action1_2{
	-webkit-transition-delay:200ms;
	transition-delay:200ms;
}
#challenge01_figureSliderBox #bt_action1_3{
	-webkit-transition-delay:400ms;
	transition-delay:400ms;
}
#challenge01_figureSliderBox #bt_action1_4{
	-webkit-transition-delay:600ms;
	transition-delay:600ms;
}
#challenge01_figureSliderBox #bt_action1_5{
	-webkit-transition-delay:800ms;
	transition-delay:800ms;
}
#challenge01_figureSliderBox #bt_action1_6{
	-webkit-transition-delay:1000ms;
	transition-delay:1000ms;
}


/* ---------------------------------------------------------------------
 challenge01_4
--------------------------------------------------------------------- */
#challenge01_4{
	padding:60px 0 105px;
}

#challenge01_4 .notesList{
	margin-bottom:40px;
}
#challenge01_4 .notesList li{
	color:#333;
}
#challenge01_4 .btbox{
	padding:45px 0;
	background-color:#d9efe5;
}
#challenge01_4 .btbox p{
	margin-bottom:30px;
	font-size:100%;
	font-weight:bold;
	line-height:1.4;
}


/* =====================================================================
 challenge02
===================================================================== */
#challenge02{
	
}

/* ---------------------------------------------------------------------
 challenge02_1
--------------------------------------------------------------------- */
#challenge02_1{
	padding:75px 0;
	background-image:url(/en/IR/compass2030/image/index_challenge02_head_bg.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}

#challenge02_1 h2 .challengeDeco{
	margin-bottom:40px;
	display:block;
	color:#fff;
	font-size:171.43%;
	font-weight:bold;
	line-height:1;
	text-align:center;
}
#challenge02_1 h2 .challengeDeco:before{
	content:"";
	width:56px;
	height:70px;
	margin:0 auto;
	margin-bottom:12px;
	display:block;
	background-image:url(/en/IR/compass2030/image/index_challenge02_h2_deco.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
}

#challenge02_1 h2 .txt_title{
	margin-bottom:30px;
	display:block;
	color:#fff;
	font-size:185.71%;
	font-weight:bold;
	line-height:1.5;
	text-align:center;
	
	-webkit-animation-delay:200ms;
	animation-delay:200ms;
}
#challenge02_1 .lead{
	color:#fff;
	font-size:107.14%;
	font-weight:bold;
	line-height:1.5;
	text-align:center;
	
	-webkit-animation-delay:400ms;
	animation-delay:400ms;
}

/* ---------------------------------------------------------------------
 challenge02_2
--------------------------------------------------------------------- */
#challenge02_2{
	padding:50px 0 60px;
}

/* ---------------------------------
 challengeDescList
--------------------------------- */
#challenge02_2 .challengeDescList{
	margin-bottom:40px;
}
#challenge02_2 .challengeDescList>li:before{
	background-color:#8ec100;
}

/* ---------------------------------
 challenge_numInfo
--------------------------------- */
#challenge02_2 .challenge_numInfo{
	width:850px;
	padding:30px 0 40px;
	margin:0 auto;
	margin-bottom:55px;
	
	box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.2);
}
#challenge02_2 .challenge_numInfo h3{
	margin-bottom:20px;
	color:#8ec100;
	font-size:114.29%;
	font-weight:bold;
	line-height:1.5;
	text-align:center;
}

#challenge02_2 .challenge_numInfo picture{
	display:block;
}
#challenge02_2 .challenge_numInfo img{
	margin:0 auto;
	display:block;
}

#challenge02_2 .desc{
	color:#333;
	font-size:114.29%;
	font-weight:bold;
	line-height:1.5;
	text-align:center;
}
#challenge02_2 .desc .blue{
	color:#0d4da1;
}

/* ---------------------------------------------------------------------
 challenge02_3
--------------------------------------------------------------------- */
#challenge02_3{
	padding:55px 0 75px;
	background-color:#f2f2f2;
}
#challenge02_3 h3{
	margin-bottom:35px;
	font-size:128.57%;
	font-weight:bold;
	line-height:1.4;
	text-align:center;
}

/* ---------------------------------
 for JS off
--------------------------------- */
#challenge02_figureSlider .swiper-wrapper{
	transform:translate3d(-400%,0,0);
}
html.js_on #challenge02_figureSlider .swiper-wrapper{
	transform:translate3d(0,0,0);
}


#bt_action2_1{ left:360px; top:185px;}
#bt_action2_2{ left:469px; top:185px;}
#bt_action2_3{ left:416px; top:284px;}
#bt_action2_4{ left:525px; top:284px;}

#challenge02_figureSliderBox .bt_action{
	
}
#challenge02_figureSliderBox.reachEnd .bt_action{
	visibility:visible;
	-webkit-transform:scale(1);
	transform:scale(1);
	opacity:1;
}
#challenge02_figureSliderBox #bt_action2_1{
	-webkit-transition-delay:0ms;
	transition-delay:0ms;
}
#challenge02_figureSliderBox #bt_action2_2{
	-webkit-transition-delay:200ms;
	transition-delay:200ms;
}
#challenge02_figureSliderBox #bt_action2_3{
	-webkit-transition-delay:400ms;
	transition-delay:400ms;
}
#challenge02_figureSliderBox #bt_action2_4{
	-webkit-transition-delay:600ms;
	transition-delay:600ms;
}

/* ---------------------------------------------------------------------
 challenge02_4
--------------------------------------------------------------------- */
#challenge02_4{
	padding:75px 0 110px;
}


/* =====================================================================
 challenge03
===================================================================== */
#challenge03{
	
}

/* ---------------------------------------------------------------------
 challenge03_1
--------------------------------------------------------------------- */
#challenge03_1{
	padding:75px 0;
	background-image:url(/en/IR/compass2030/image/index_challenge03_head_bg.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}

#challenge03_1 h2 .challengeDeco{
	margin-bottom:40px;
	display:block;
	color:#fff;
	font-size:171.43%;
	font-weight:bold;
	line-height:1;
	text-align:center;
}
#challenge03_1 h2 .challengeDeco:before{
	content:"";
	width:56px;
	height:70px;
	margin:0 auto;
	margin-bottom:12px;
	display:block;
	background-image:url(/en/IR/compass2030/image/index_challenge03_h2_deco.png);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
}

#challenge03_1 h2 .txt_title{
	margin-bottom:30px;
	display:block;
	color:#fff;
	font-size:185.71%;
	font-weight:bold;
	line-height:1.5;
	text-align:center;
	
	-webkit-animation-delay:200ms;
	animation-delay:200ms;
}
#challenge03_1 .lead{
	color:#fff;
	font-size:107.14%;
	font-weight:bold;
	line-height:1.5;
	text-align:center;
	
	-webkit-animation-delay:400ms;
	animation-delay:400ms;
}


/* ---------------------------------------------------------------------
 challenge03_2
--------------------------------------------------------------------- */
#challenge03_2{
	padding:50px 0 60px;
}

/* ---------------------------------
 challengeDescList
--------------------------------- */
#challenge03_2 .challengeDescList{
	margin-bottom:40px;
}
#challenge03_2 .challengeDescList>li:before{
	background-color:#20addf;
}

/* ---------------------------------
 challenge_numInfo
--------------------------------- */
#challenge03_2 .challenge_numInfo{
	width:850px;
	padding:30px 0 30px;
	margin:0 auto;
	margin-bottom:55px;
	
	box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.2);
}
#challenge03_2 .challenge_numInfo h3{
	margin-bottom:20px;
	color:#20addf;
	font-size:114.29%;
	font-weight:bold;
	line-height:1.5;
	text-align:center;
}

#challenge03_2 .challenge_numInfo picture{
	margin-bottom:25px;
	display:block;
}
#challenge03_2 .challenge_numInfo img{
	margin:0 auto;
	display:block;
}

#challenge03_2 .challenge_numInfo span{
	display:block;
	color:#333;
	font-size:92.86%;
	line-height:1.6;
	text-align:center;
}

#challenge03_2 .desc{
	color:#333;
	font-size:114.29%;
	font-weight:bold;
	line-height:1.5;
	text-align:center;
}
#challenge03_2 .desc .blue{
	color:#0d4da1;
}

/* ---------------------------------------------------------------------
 challenge03_3
--------------------------------------------------------------------- */
#challenge03_3{
	padding:55px 0 75px;
	background-color:#f2f2f2;
}
#challenge03_3 h3{
	margin-bottom:35px;
	font-size:128.57%;
	font-weight:bold;
	line-height:1.4;
	text-align:center;
}

/* ---------------------------------
 for JS off
--------------------------------- */
#challenge03_figureSlider .swiper-wrapper{
	transform:translate3d(-300%,0,0);
}
html.js_on #challenge03_figureSlider .swiper-wrapper{
	transform:translate3d(0,0,0);
}

#bt_action3_1{ left:787px; top:127px;}
#bt_action3_2{ left:89px; top:373px;}
#bt_action3_3{ left:265px; top:373px;}
#bt_action3_4{ left:743px; top:373px;}

#challenge03_figureSliderBox .bt_action{
	
}
#challenge03_figureSliderBox.reachEnd .bt_action{
	visibility:visible;
	-webkit-transform:scale(1);
	transform:scale(1);
	opacity:1;
}
#challenge03_figureSliderBox #bt_action3_1{
	-webkit-transition-delay:0ms;
	transition-delay:0ms;
}
#challenge03_figureSliderBox #bt_action3_2{
	-webkit-transition-delay:200ms;
	transition-delay:200ms;
}
#challenge03_figureSliderBox #bt_action3_3{
	-webkit-transition-delay:400ms;
	transition-delay:400ms;
}
#challenge03_figureSliderBox #bt_action3_4{
	-webkit-transition-delay:600ms;
	transition-delay:600ms;
}


/* ---------------------------------------------------------------------
 challenge03_4
--------------------------------------------------------------------- */
#challenge03_4{
	padding:60px 0 110px;
}
#challenge03_4 .notesList{
	margin-bottom:50px;
}
#challenge03_4 .notesList>li{
	color:#333;
}


/* =====================================================================
 threePromises
===================================================================== */
#threePromises{
	padding-top:100px;
	padding-bottom:125px;
	background-image:url(/en/IR/compass2030/image/index_threePromises_bg.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
}
#threePromises h2{
	margin-bottom:15px;
	box-sizing:border-box;
	color:#fff;
	font-size:142.86%;
	font-weight:bold;
	line-height:1;
	text-align:center;
}
#threePromises .lead{
	margin-bottom:30px;
	color:#fff;
	font-size:185.71%;
	font-weight:bold;
	line-height:1.5;
	text-align:center;
}
#threePromises .desc{
	margin-bottom:40px;
	color:#fff;
	font-size:107.14%;
	font-weight:bold;
	line-height:1.6;
	text-align:center;
}

/* ---------------------------------
 threePromisesList
--------------------------------- */
#threePromisesList{
	display:flex;
	justify-content:space-between;
	
}
#threePromisesList>li{
	width:304px;
	padding:30px 20px 40px;
	background-color:#fff;
}
#threePromisesList>li:nth-of-type(2){
	-webkit-animation-delay:200ms;
	animation-delay:200ms;
}
#threePromisesList>li:nth-of-type(3){
	-webkit-animation-delay:400ms;
	animation-delay:400ms;
}
#threePromisesList>li .title{
	margin-bottom:15px;
	display:block;
	color:#0d4da1;
	font-size:114.29%;
	font-weight:bold;
	line-height:1.4;
	text-align:center;
}
#threePromisesList>li p{
	color:#333;
	font-size:100%;
	font-weight:bold;
	line-height:1.4;
}

/* =====================================================================
 modaal-content
===================================================================== */
.modaal-container{
	max-width:700px;
	-webkit-animation: zoominModal 600ms ease 0ms 1 normal forwards;
	animation: zoominModal 600ms ease 0ms 1 normal forwards;
}
/* ---------------------------------
 zoominModal
--------------------------------- */
@-webkit-keyframes zoominModal{
	0%{		-webkit-transform:scale(0);}
	100%{	-webkit-transform:scale(1);}
}
@keyframes zoominModal{
	0%{		transform:scale(0);}
	100%{	transform:scale(1);}
}
.modaal-content{
	
}
.modaal-content-container{
	padding: 50px 10% 60px;
}
.modaal-content .action_txt{
	margin-bottom:10px;
	color:#0d4da1;
	font-size:120%;
	font-weight:bold;
	line-height:1;
	text-align:center;
}
.modaal-content .action_txt .num{
	padding-left:2px;
	display:inline-block;
	color:#0d4da1;
	font-size:115%;
	line-height:1;
}
.modaal-content h3{
	margin-bottom:20px;
	color:#333;
	font-size:142.86%;
	line-height:1.5;
	text-align:center;
}
.modaal-content h3:after{
	content:"";
	width:40px;
	height:0;
	margin:0 auto;
	margin-top:15px;
	display:block;
	border-top:solid 3px #0d4da1;
}
.modaal-content p{
	color:#333;
	font-size:107.14%;
	line-height:1.6;
}
.modaal-content span{
	color:#333;
	font-size:85.71%;
	line-height:1.7;
}

.modaal-content .btbox{
	padding-top:30px;
}

.modaal-content .notesList>li{
	display:block;
	color:#333;
	font-size:85.71%;
	line-height:1.5;
	text-align:center;
}

/* ---------------------------------
 modalContent_C_figure
--------------------------------- */
#modalContent_C_figure{
	padding-top:30px;
}
#modalContent_C_figure figcaption{
	margin-bottom:15px;
	display:block;
	font-size:100%;
	font-weight:bold;
	line-height:1.5;
	text-align:center;
}
#modalContent_C_figure img{
	margin:0 auto;
	display:block;
}
#modalContent_C_figure .notesList{
	padding-top:15px;
	margin-bottom:10px;
	display:block;
}

#modalContent_H p{
	margin-bottom:15px;
}

}


/* =====================================================================
 ANIMATIONS
===================================================================== */
/* ---------------------------------
 fadein
--------------------------------- */
@-webkit-keyframes fadein{
	from{	opacity:0;}
	to{		opacity:1;}
}
@keyframes fadein{
	from{	opacity:0;}
	to{		opacity:1;}
}
/* ---------------------------------
 fadeout
--------------------------------- */
@-webkit-keyframes fadeout{
	from{	opacity:1;}
	to{		opacity:0;}
}
@keyframes fadeout{
	from{	opacity:1;}
	to{		opacity:0;}
}
/* ---------------------------------
 slidein_BtoT
--------------------------------- */
@-webkit-keyframes slidein_BtoT{
	from{	-webkit-transform:translateY(80px); opacity:0;}
	to{		-webkit-transform:translateY(0); opacity:1;}
}
@keyframes slidein_BtoT{
	from{	transform:translateY(80px); opacity:0;}
	to{		transform:translateY(0); opacity:1;}
}

/* ---------------------------------
 zoomin
--------------------------------- */
@-webkit-keyframes zoomin{
	from{	-webkit-transform:scale(0); opacity:0.25;}
	to{		-webkit-transform:scale(1); opacity:1;}
}
@keyframes zoomin{
	from{	transform:scale(0); opacity:0.25;}
	to{		transform:scale(1); opacity:1;}
}


/* =====================================================================
 RESPONSIVE
===================================================================== */
/* ---------------------------------------------------------------------
 SmartPhone
--------------------------------------------------------------------- */
@media only screen and (max-width:767px){

    /* ---------------------------------
     local navi
    --------------------------------- */
    .contents_localnavi {
        display: block;
        margin: 40px 10px 80px 10px !important;
    }
    .contents_localnavi .icon_link:before {
        display: none;
    }
    .contents_localnavi .icon_link:after {
        display: inline-block;
        left: inherit;
        top: inherit;
        border-right: none;
        border-bottom: none;
        transform: none;
        background-image: url(/common16/image/link_icon_sprite.png);
    }
    .contents_localnavi .icon_link_blank:after {
        width: 11px;
        height: 11px;
        background-position: -20px 0;
    }
    .contents_localnavi .icon_link_pdf:after {
        margin-left: 4px;
        width: 17px;
        height: 20px;
        background-size: 264px auto;
    }

	/* ---------------------------------
	 contents
	--------------------------------- */
	#contents{
	    width: 100%;
	    padding:0;
	    padding-bottom:20px;
	    margin:0;
	    font-size:14px;
	}
	#contents img{
		width:100%;
	}
	#contents h1{
		margin:0;
		padding:0;
		border-left:none;
	}
	#contents h3{
		margin:0;
		padding:0;
	}
	#contents h4{
		margin:0;
	}
	/* ---------------------------------
	 main_contents
	--------------------------------- */
	.fontS.main_contents,
	.fontM.main_contents,
	.fontL.main_contents{
		font-size:14px;
	}
	
	/* ---------------------------------
	 ir_wrapper
	--------------------------------- */
	#ir_wrapper{
		min-width:0;
	}
	/* ---------------------------------
	 contents
	--------------------------------- */
	.contents{
	    width: 90%;
	}
	/* ---------------------------------
	 br
	--------------------------------- */
	.br_pc{
		display:none;
	}
	.br_sp{
		display:block;
	}
	/* ---------------------------------
	 bt_red
	--------------------------------- */
	.bt_red{
		padding:16px 50px 15px;
		font-size:13px;
		border-radius:27px / 27px;
	}
	.bt_red:before{
		width:8px;
		height:8px;
		left:23px; top:50%;
		-webkit-transform: translateY(-4px) rotate(45deg);
		transform: translateY(-4px) rotate(45deg);
	}
	
	/* .bt_red .icon_exlink */
	.bt_red .icon_exlink{
		width:14px;
		height:14px;
	}
	/* ---------------------------------
	 icon_pdf
	--------------------------------- */
	html.compass2030 #contents .icon_pdf{
		width:13px;
		height:auto;
	}
	/* ---------------------------------
	 notesList
	--------------------------------- */
	.notesList{
		
	}
	.notesList li{
		margin-right:20px;
		font-size:13px;
	}
	
	/* ---------------------------------
	 notes_bgblueList
	--------------------------------- */
	.notes_bgblueList{
		padding:20px 20px 20px;
	}
	.notes_bgblueList li{
		margin-right:20px;
		font-size:13px;
	}
	
	/* =====================================================================
	 cover
	===================================================================== */
	/* ---------------------------------------------------------------------
	 wrap_cover
	--------------------------------------------------------------------- */
	#wrap_cover{
		
	}
	/* ---------------------------------
	 cover_bg
	--------------------------------- */
	#cover_bg_top{
		height:auto;
		padding-top:76.66666666666667%;
		background-image:url(/en/IR/compass2030/image/index_cover_bg_top_sp.jpg);
	}
	#cover_bg_btm{
		height:auto;
		padding-top:46.93333333333333%;
		background-image:url(/en/IR/compass2030/image/index_cover_bg_btm_sp.jpg);
	}
	
	/* ---------------------------------
	 cover
	--------------------------------- */
	#cover{
		padding-top:25px;
		margin-bottom:20px;
	}
	/* ---------------------------------
	 cover_logo
	--------------------------------- */
	#cover_logo{
		width:100%;
		height:auto;
		padding:8px;
		margin-bottom:25px;
	}
	#cover_logo:after{
		content:"";
		width:38.80597014925373%;
		height:auto;
		padding-top:52.23880597014925%;
		right:-6.5%; top:-50%;
		background-size:contain;
	}
	
	#cover_logo_inner{
		width:100%;
		height:auto;
		padding-top:50%;
		position:relative;
		left:auto; right:auto; top:auto; bottom:auto;
	}
	
	#cover_logo_inner h1{
		width:85%;
		margin:auto;
		position:absolute;
		left:0; right:0; top:30%;
	}
	#cover_logo_inner h1 img{
		width:100%;
	}
	
	#cover_logo_lead{
		width:100%;
		margin-top:0;
		margin-bottom:30px;
		font-size:14px;
		text-align:left;
	}
	
	/* ---------------------------------
	 cover_internalLinks
	--------------------------------- */
	.fontL.main_contents #cover_internalLinks,
	#cover_internalLinks{
		width:100%;
		padding:25px 25px;
		margin-bottom:40px;
	}
	#cover_internalLinksList{
		width:100%;
		display:flex;
		flex-wrap:wrap;
		justify-content:left;
	}
	#cover_internalLinksList li{
		margin-right:20px;
	}
	#cover_internalLinksList li:nth-of-type(1),
	#cover_internalLinksList li:nth-of-type(2),
	#cover_internalLinksList li:nth-of-type(3),

	#cover_internalLinksList li:nth-of-type(4),
	#cover_internalLinksList li:nth-of-type(8){width:100%;}
	#cover_internalLinksList li:nth-of-type(5),
	#cover_internalLinksList li:nth-of-type(6),
	#cover_internalLinksList li:nth-of-type(7){width:auto;}
	
	#cover_internalLinksList li:nth-of-type(1),
	#cover_internalLinksList li:nth-of-type(2),
	#cover_internalLinksList li:nth-of-type(3),
	#cover_internalLinksList li:nth-of-type(4),
	#cover_internalLinksList li:nth-of-type(5),
	#cover_internalLinksList li:nth-of-type(6),
	#cover_internalLinksList li:nth-of-type(7){
		margin-bottom:15px;
	}
	#cover_internalLinksList li:nth-of-type(8){
		margin-bottom:0;
	}
	
	/* ---------------------------------------------------------------------
	 targetAim
	--------------------------------------------------------------------- */
	#targetAim{
		padding-top:30px;
		padding-bottom:55px;
	}
	#targetAim h2{
		height:65px;
		padding-top:21px;
		margin-bottom:28px;
		font-size:16px;
	}
	#targetAim .lead{
		margin-bottom:30px;
		color:#fff;
		font-size:18px;
	}
	#targetAim .desc{
		margin-bottom:1.5em;
		font-size:14px;
	}
	#targetAim>.desc.mb{
		margin-bottom:30px;
	}
	
	/* ---------------------------------
	 targetAim_figures
	--------------------------------- */
	#targetAim_figures{
		margin-bottom:40px;
		flex-wrap:wrap;
	}
	
	#targetAim_figures figure{
		width:100%;
		margin-bottom:40px;
	}
	#targetAim_figures figure:nth-of-type(2){
		-webkit-animation-delay:0ms;
		animation-delay:0ms;
	}
	#targetAim_figures figure:last-child{
		margin-bottom:0;
	}
	
	#targetAim_figures figcaption{
		margin-bottom:15px;
		font-size:14px;
	}
	
	#targetAim .notes_bgblueList{
		margin-bottom:40px;
	}
	
	/* =====================================================================
	 whyWeAim
	===================================================================== */
	#whyWeAim{
		padding-top:45px;
		padding-bottom:55px;
		background-image:url(/en/IR/compass2030/image/index_whyWeAim_bg_sp.jpg);
		background-position:center bottom;
	}
	#whyWeAim h2{
		height:65px;
		padding-top:21px;
		margin-bottom:28px;
		font-size:16px;
	}
	#whyWeAim .lead{
		margin-bottom:30px;
		color:#fff;
		font-size:18px;
	}
	#whyWeAim .desc{
		margin-bottom:20px;
		font-size:14px;
	}
	
	#whyWeAim .notesList{
		margin-bottom:30px;
	}
	
	/* ---------------------------------
	 marketEnv
	--------------------------------- */
	#marketEnv{
		
	}
	#marketEnv h3{
		margin-bottom:15px;
		font-size:16px;
	}
	
	#marketEnvList{
		margin-bottom:30px;
		flex-wrap:wrap;
	}
	#marketEnvList>li{
		width:48.2%;
		padding:20px 15px;
		margin-bottom:3.6%;
		background-color:rgba(255,255,255,0.9);
	}
	#marketEnvList>li:nth-of-type(2){
		-webkit-animation-delay:200ms;
		animation-delay:200ms;
	}
	#marketEnvList>li:nth-of-type(3){
		-webkit-animation-delay:0ms;
		animation-delay:0ms;
	}
	#marketEnvList>li:nth-of-type(4){
		-webkit-animation-delay:200ms;
		animation-delay:200ms;
	}
	#marketEnvList>li span{
		min-height:3em;
		margin-bottom:8px;
		display:block;
		color:#333;
		font-size:16px;
	}
	#marketEnvList>li img{
		width:98px;
		margin-bottom:25px;
	}
	#marketEnvList>li ul>li{
		padding-left:14px;
		font-size:13px;
	}
	#marketEnvList>li ul>li:before{
		left:0; top:0.5em;
	}
	
	/* =====================================================================
	 whyWeCan
	===================================================================== */
	#whyWeCan{
		padding-top:55px;
		padding-bottom:65px;
		background-image:url(/en/IR/compass2030/image/index_whyWeCan_bg_sp.jpg);
		background-position:center bottom;
	}
	#whyWeCan h2{
		height:65px;
		padding-top:21px;
		margin-bottom:28px;
		font-size:16px;
	}
	#whyWeCan .lead{
		margin-bottom:30px;
		color:#fff;
		font-size:18px;
	}
	#whyWeCan .desc{
		margin-bottom:20px;
		font-size:14px;
	}
	
	#whyWeCan_illust{
		width:100%;
		margin-bottom:40px;
	}
	
	/* =====================================================================
	 howWeDo
	===================================================================== */
	#howWeDo{
		padding-top:22px;
		padding-bottom:55px;
	}
	
	#howWeDo h2{
		height:65px;
		padding-top:21px;
		margin-bottom:28px;
		font-size:16px;
	}
	#howWeDo .lead{
		margin-bottom:45px;
		color:#fff;
		font-size:18px;
	}
	
	#targetVision{
		padding:25px 20px 30px;
		border:solid 1px rgba(255,255,255,0.75);
	}
	#targetVision h3{
		margin-bottom:15px;
		font-size:16px;
	}
	#targetVision p{
		font-size:16px;
	}
	
	/* =====================================================================
	 threeChallenges
	===================================================================== */
	#threeChallenges{
		padding-bottom:60px;
	}
	#threeChallenges h2{
		padding:25px 0 23px;
		margin-bottom:25px;
		font-size:22px;
	}
	
	#threeChallengesSliderBox{
		width:100%;
		margin-bottom:30px;
		flex-wrap:wrap;
	}
	#threeChallengesSlider{
		width:100%;
		margin-bottom:35px;
	}
	#threeChallengesSlide1,
	#threeChallengesSlide2,
	#threeChallengesSlide3{
		display:none;
	}
	
	#challengeBaloonsList{
		width:100%;
	}
	.challengeBaloon{
		width:100%;
		padding:25px 15px 30px;
		margin-bottom:40px;
	}
	html.js_on .challengeBaloon:nth-of-type(1),
	html.js_on .challengeBaloon:nth-of-type(2),
	html.js_on .challengeBaloon:nth-of-type(3){
		-webkit-animation-delay:0ms;
		animation-delay:0ms;
	}
	.challengeBaloon:last-child{
		margin-bottom:0;
	}
	.challengeBaloon:before{
		content: '';
		width:28px;
		height:28px;
		position:absolute;
		background-color:#fff;
		z-index:1;
		
		left:50%; top:-14px;
		-webkit-transform: translateX(-50%) rotate(45deg) skew(25deg,25deg);
		transform: translateX(-50%) rotate(45deg) skew(25deg,25deg);
		
		box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.35);
	}
	
	#contents .challengeBaloon h3{
		margin-bottom:15px;
		font-size:18px;
		text-align:center;
	}
	#contents .challengeBaloon h3 span{
		width:116px;
		margin:0 auto;
		margin-bottom:15px;
		display:block;
		font-size:14px;
		vertical-align:baseline;
		text-align:center;
	}
	
	.challengeBaloon p{
		margin-bottom:30px;
	}
	
	/* =====================================================================
	 fiveActions
	===================================================================== */
	#fiveActions{
		padding-bottom:60px;
	}
	#fiveActions h2{
		padding:25px 0 23px;
		margin-bottom:40px;
		font-size:22px;
	}
	#fiveActions h3{
		margin-bottom:40px;
		font-size:14px;
	}
	
	#fiveActionsList{
		flex-wrap:wrap;
	}
	#fiveActionsList>li{
		width:100%;
		padding:20px 30px;
		margin-bottom:10px;
		position:relative;
	}
	#fiveActionsList>li:nth-of-type(2),
	#fiveActionsList>li:nth-of-type(3),
	#fiveActionsList>li:nth-of-type(4),
	#fiveActionsList>li:nth-of-type(5){
		-webkit-animation-delay:0ms;
		animation-delay:0ms;
	}
	
	#fiveActionsList>li:last-child{
		margin-bottom:0;
	}
	#fiveActionsList>li .txt_action{
		margin-bottom:15px;
		text-align:left;
	}
	#fiveActionsList>li .txt_action .num{
		padding-top:0;
		padding-left:4px;
		display:inline-block;
		font-size:24px;
	}
	#fiveActionsList>li .txt_title{
		height:3em;
		padding-right:90px;
		padding-left:0;
		margin-bottom:15px;
		font-size:14px;
		text-align:left;
	}
	#fiveActionsList>li img.illust{
		width:28%;
		margin-bottom:0;
		position:absolute;
		right:7%; top:25px;
	}
	
	#fiveActionsList>li .bt_brief{
		width:auto;
		display:inline-block;
	}
	
	/* =====================================================================
	 challenge01
	===================================================================== */
	#challenge01{
		
	}
	/* ---------------------------------------------------------------------
	 challenge01_1
	--------------------------------------------------------------------- */
	#challenge01_1{
		padding:35px 0;
		background-image:url(/en/IR/compass2030/image/index_challenge01_head_bg_sp.jpg);
	}
	
	#challenge01_1 h2 .challengeDeco{
		margin-bottom:25px;
		font-size:20px;
	}
	#challenge01_1 h2 .challengeDeco:before{
		content:"";
		width:40px;
		height:50px;
		margin-bottom:10px;
	}
	
	#challenge01_1 h2 .txt_title{
		margin-bottom:25px;
		font-size:24px;
	}
	#challenge01_1 .lead{
		font-size:13px;
		text-align:left;
	}
	
	/* ---------------------------------------------------------------------
	 challenge01_2
	--------------------------------------------------------------------- */
	#challenge01_2{
		padding:40px 0 50px;
	}
	
	/* ---------------------------------
	 challengeDescList
	--------------------------------- */
	#challenge01_2 .challengeDescList{
		margin-bottom:10px;
	}
	
	/* ---------------------------------
	 notesList
	--------------------------------- */
	#challenge01_2 .notesList{
		margin-bottom:40px;
	}
	
	/* ---------------------------------
	 challenge_numInfo
	--------------------------------- */
	#challenge01_2 .challenge_numInfo{
		width:100%;
		padding:30px 0 30px;
		margin-bottom:50px;
	}
	#challenge01_2 .challenge_numInfo h3{
		margin-bottom:25px;
		font-size:16px;
	}
	
	#challenge01_2 .challenge_numInfo picture{
		width:90%;
		margin:0 auto;
		margin-bottom:25px;
	}
	#challenge01_2 .challenge_numInfo img{
		width:100%;
	}
	
	#challenge01_2 .challenge_numInfo span{
		padding:0 10px;
		font-size:13px;
	}
	
	#challenge01_2 .desc{
		font-size:16px;
	}
	
	/* ---------------------------------------------------------------------
	 challenge01_3
	--------------------------------------------------------------------- */
	#challenge01_3{
		padding:30px 0 40px;
	}
	#challenge01_3 h3{
		margin-bottom:25px;
		font-size:16px;
	}
	
	/* ---------------------------------------------------------------------
	 figureSliderBox
	--------------------------------------------------------------------- */
	.figureSliderBox{
		border-radius:10px;
	}
	
	#challenge01_3 .figureSliderBox{
		margin-bottom:35px;
	}
	/* ---------------------------------
	 bt_action
	--------------------------------- */
	.bt_action1:after{
		background-image:url(/en/IR/compass2030/image/index_bt_action1_sp_on.png);
	}
	.bt_action2:after{
		background-image:url(/en/IR/compass2030/image/index_bt_action2_sp_on.png);
	}
	.bt_action3:after{
		background-image:url(/en/IR/compass2030/image/index_bt_action3_sp_on.png);
	}
	.bt_action4:after{
		background-image:url(/en/IR/compass2030/image/index_bt_action4_sp_on.png);
	}
	.bt_action5:after{
		background-image:url(/en/IR/compass2030/image/index_bt_action5_sp_on.png);
	}
	/* ---------------------------------
	 bt_action
	--------------------------------- */
	#challenge01_bt_actions{padding-top:161.9335347%;}
	#bt_action1_1{width:25.98187311%; height:8.768656716%; left:18.42900302%; top:27.6119403%;}
	#bt_action1_2{width:25.98187311%; height:8.768656716%; left:45.92145015%; top:27.6119403%;}
	#bt_action1_3{width:25.98187311%; height:8.768656716%; left:18.73111782%; top:34.32835821%;}
	#bt_action1_4{width:25.98187311%; height:8.768656716%; left:51.66163142%; top:59.8880597%;}
	#bt_action1_5{width:25.98187311%; height:8.768656716%; left:51.66163142%; top:87.5%;}
	#bt_action1_6{width:25.98187311%; height:8.768656716%; left:74.01812689%; top:66.79104478%;}
	
	/* ---------------------------------------------------------------------
	 challenge01_4
	--------------------------------------------------------------------- */
	#challenge01_4{
		padding:40px 0 70px;
	}
	
	#challenge01_4 .notesList{
		margin-bottom:15px;
	}
	#challenge01_4 .notesList li{
		color:#333;
		font-size:13px;
	}
	#challenge01_4 .btbox{
		padding:25px 10px 30px;
		background-color:#d9efe5;
	}
	#challenge01_4 .btbox p{
		margin-bottom:25px;
		font-size:14px;
	}
	
	/* =====================================================================
	 challenge02
	===================================================================== */
	#challenge02{
		
	}
	
	/* ---------------------------------------------------------------------
	 challenge02_1
	--------------------------------------------------------------------- */
	#challenge02_1{
		padding:35px 0;
		background-image:url(/en/IR/compass2030/image/index_challenge02_head_bg_sp.jpg);
	}
	
	#challenge02_1 h2 .challengeDeco{
		margin-bottom:25px;
		font-size:20px;
	}
	#challenge02_1 h2 .challengeDeco:before{
		content:"";
		width:40px;
		height:50px;
		margin-bottom:10px;
	}
	
	#challenge02_1 h2 .txt_title{
		margin-bottom:25px;
		font-size:24px;
	}
	#challenge02_1 .lead{
		font-size:13px;
		text-align:left;
	}
	
	/* ---------------------------------------------------------------------
	 challenge02_2
	--------------------------------------------------------------------- */
	#challenge02_2{
		padding:40px 0 50px;
	}
	
	/* ---------------------------------
	 challengeDescList
	--------------------------------- */
	#challenge02_2 .challengeDescList{
		margin-bottom:40px;
	}
	
	/* ---------------------------------
	 challenge_numInfo
	--------------------------------- */
	#challenge02_2 .challenge_numInfo{
		width:100%;
		padding:30px 0 40px;
		margin-bottom:50px;
	}
	#challenge02_2 .challenge_numInfo h3{
		margin-bottom:20px;
		font-size:16px;
	}
	
	#challenge02_2 .challenge_numInfo picture{
		width:65.07462686567164%;
		margin:0 auto;
	}
	#challenge02_2 .challenge_numInfo img{
		width:100%;
	}
	
	#challenge02_2 .desc{
		font-size:16px;
	}
	
	/* ---------------------------------------------------------------------
	 challenge02_3
	--------------------------------------------------------------------- */
	#challenge02_3{
		padding:30px 0 40px;
	}
	#challenge02_3 h3{
		margin-bottom:25px;
		font-size:16px;
	}
	
	#challenge02_bt_actions{padding-top:155.8912387%;}
	#bt_action2_1{width:25.98187311%; height:9.108527132%; left:24.47129909%; top:16.27906977%;}
	#bt_action2_2{width:25.98187311%; height:9.108527132%; left:49.24471299%; top:16.27906977%;}
	#bt_action2_3{width:25.98187311%; height:9.108527132%; left:36.85800604%; top:31.00775194%;}
	#bt_action2_4{width:25.98187311%; height:9.108527132%; left:61.32930514%; top:31.00775194%;}
	
	/* ---------------------------------------------------------------------
	 challenge02_4
	--------------------------------------------------------------------- */
	#challenge02_4{
		padding:30px 0 60px;
	}
	
	/* =====================================================================
	 challenge03
	===================================================================== */
	#challenge03{
		
	}
	/* ---------------------------------------------------------------------
	 challenge03_1
	--------------------------------------------------------------------- */
	#challenge03_1{
		padding:35px 0;
		background-image:url(/en/IR/compass2030/image/index_challenge03_head_bg_sp.jpg);
	}
	
	#challenge03_1 h2 .challengeDeco{
		margin-bottom:25px;
		font-size:20px;
	}
	#challenge03_1 h2 .challengeDeco:before{
		content:"";
		width:40px;
		height:50px;
		margin-bottom:10px;
	}
	
	#challenge03_1 h2 .txt_title{
		margin-bottom:25px;
		font-size:24px;
	}
	#challenge03_1 .lead{
		font-size:13px;
		text-align:left;
	}
	
	/* ---------------------------------------------------------------------
	 challenge03_2
	--------------------------------------------------------------------- */
	#challenge03_2{
		padding:40px 0 50px;
	}
	
	/* ---------------------------------
	 challengeDescList
	--------------------------------- */
	#challenge03_2 .challengeDescList{
		margin-bottom:40px;
	}
	
	/* ---------------------------------
	 challenge_numInfo
	--------------------------------- */
	#challenge03_2 .challenge_numInfo{
		width:100%;
		padding:30px 0 30px;
		margin-bottom:50px;
	}
	#challenge03_2 .challenge_numInfo h3{
		margin-bottom:20px;
		font-size:16px;
	}
	
	#challenge03_2 .challenge_numInfo picture{
		width:85.07462686567164%;
		margin:0 auto;
		margin-bottom:25px;
	}
	#challenge03_2 .challenge_numInfo img{
		width:100%;
	}
	
	#challenge03_2 .challenge_numInfo span{
		padding:0 10px;
		font-size:13px;
	}
	
	#challenge03_2 .desc{
		font-size:16px;
	}
	
	/* ---------------------------------------------------------------------
	 challenge03_3
	--------------------------------------------------------------------- */
	#challenge03_3{
		padding:30px 0 40px;
	}
	#challenge03_3 h3{
		margin-bottom:25px;
		font-size:16px;
	}
	
	#challenge03_bt_actions{padding-top:212.9909366%;}
	#bt_action3_1{width:25.98187311%; height:6.666666667%; left:36.85800604%; top:24.25531915%;}
	#bt_action3_2{width:25.98187311%; height:6.666666667%; left:4.229607251%; top:59.29078014%;}
	#bt_action3_3{width:25.98187311%; height:6.666666667%; left:26.88821752%; top:59.29078014%;}
	#bt_action3_4{width:25.98187311%; height:6.666666667%; left:69.78851964%; top:59.29078014%;}
	
	/* ---------------------------------------------------------------------
	 challenge03_4
	--------------------------------------------------------------------- */
	#challenge03_4{
		padding:30px 0 60px;
	}
	#challenge03_4 .notesList{
		margin-bottom:40px;
	}
	
	#contents .footer_link1 {
		padding:15px 10px;
	}
	
	/* =====================================================================
	 threePromises
	===================================================================== */
	#threePromises{
		padding-top:55px;
		padding-bottom:75px;
		background-image:url(/en/IR/compass2030/image/index_threePromises_bg_sp.jpg);
		background-position:center bottom;
	}
	#threePromises h2{
		margin-bottom:13px;
		font-size:18px;
	}
	#threePromises .lead{
		margin-bottom:25px;
		color:#fff;
		font-size:22px;
		line-height:1.5;
	}
	#threePromises .desc{
		margin-bottom:30px;
		font-size:13px;
		font-weight:bold;
		line-height:1.857142857142857;
		text-align:left;
	}
	
	/* ---------------------------------
	 threePromisesList
	--------------------------------- */
	#threePromisesList{
		flex-wrap:wrap;
	}
	#threePromisesList>li{
		width:100%;
		padding:25px 20px 30px;
		margin-bottom:10px;
	}
	#threePromisesList>li:nth-of-type(2),
	#threePromisesList>li:nth-of-type(3){
		-webkit-animation-delay:0ms;
		animation-delay:0ms;
	}
	#threePromisesList>li:last-child{
		margin-bottom:0;
	}
	#threePromisesList>li .title{
		margin-bottom:20px;
		font-size:16px;
	}
	#threePromisesList>li p{
		font-size:13px;
		line-height:1.666666666666667;
	}
	
	/* =====================================================================
	 modaal-content
	===================================================================== */
	.modaal-content-container{
		padding: 50px 20px 60px;
	}
	/* ---------------------------------
	 modalContent_C_figure
	--------------------------------- */
	#modalContent_C_figure{
		
	}
	#modalContent_C_figure img{
		width:82%;
	}
}
/* =====================================================================
 For PRINT
===================================================================== */
@media print{
	html,body{
		width:1280px;
	}
	body{
		-webkit-print-color-adjust: exact;
	}
	/* ---------------------------------
	 animin
	--------------------------------- */
	.animin{
		visibility:visible !important;
		opacity:1 !important;
	}
	.animin.anim{
		visibility:visible !important;
		-webkit-animation:	none !important;
		animation:			none !important;
	}
	
	#ir_wrapper {
		width:100% !important;
    	min-width:0 !important;
    }
    .contents{
    	width:950px !important;
    }
	.bt_action{
		visibility:visible !important;
		-webkit-transform:scale(1) !important;
		transform:scale(1) !important;
		opacity:1 !important;
	}
	
	/* ---------------------------------
	 figureSliderBox
	--------------------------------- */
	.figureSliderBox{
		page-break-inside: avoid;
	}
}
@page{
	margin:10mm;  
}

/* 220614 */
#contents {font-size: 14px; line-height:1.6; box-sizing: border-box;}
#contents div, #contents dl, #contents dt, #contents dd, #contents ul, #contents ol, #contents li, #contents h1, #contents h2, #contents h3, #contents h4, #contents h5, #contents h6, #contents p, #contents blockquote, #contents th, #contents td { font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ', Verdana, 'ＭＳ Ｐゴシック', sans-serif;	-webkit-text-size-adjust: 100%;}
.mb_20 {margin-bottom:20px;}
#contents *, #contents *:before, #contents *:after { box-sizing: inherit;}
#cover_internalLinks { box-sizing: border-box;}
sup {top:0;}
.m_left4 { margin-left: 4px;}
.icon_pdf { width:13px !important; /* max-width:100%;*/ height:auto; vertical-align:middle;}
.challengeBaloon h3 span, .baloon_inner h3, .notesList, .challengeDescList li, .notes_bgblueList li, .bt_red, #challenge03_4 .notesList>li {line-height:1.6 !important;}
figure { display: block; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px;}
.bt_red:hover{ color:#fff; background-color:#ff0000; border:solid 1px #fff; text-decoration:none;}
#fiveActions > div > h3 { font-weight:normal;}
#challenge01_1 h2,#challenge02_1 h2,#challenge03_1 h2 { font-size:14px;}
.challengeDeco { font-size:171.43%;}