@charset "utf-8";


/* ----------------------------------
    reset
----------------------------------- */

*:where(:not(iframe, canvas, img, svg, video):not(svg *)) {
  all: unset;
  display: revert;
}
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
  *::before,
  *::after { 
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px;
  }  
  ol, ul {
    list-style: none;
  }
  img {
    max-width: 100%;
    height: auto; 
  }
  table {
    border-collapse: collapse;
  }
  a{
    cursor: pointer;
  }

  input[type=text],
  input[type=tel],
  input[type=email],
  input[type=esubmit],
  button,
  select,
  textarea {
    padding: 0;
    border: none;
    border-radius: 0;
    outline: none;
    background: none;
  }
/* ----------------------------------
    reset
----------------------------------- */



body{	width:100%;
	background-color :#eeeee;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

/* ----------------------------------
    ヘッダーとバナー画像
----------------------------------- */

#top{
	width:100%;
}

.logo{
	width:100%;
	background-color :#373839;
	height:95px;
}

.logobox{
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
}

.logoimg{
	width:320px;
}
.bannerbox{
	width:100%;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	padding-top:20px;
	padding-bottom:10px;

}
.pcimg{
    width:65%;
    max-width:1200px;
    margin-left:auto;
    margin-right:auto;
}

.pcimg img{
	display:block;
    width:100%;
    height:auto;
    display:block;
}

.mobileimg{
	width:100%;
	margin-left:auto;
	margin-right:auto;
}


/* ===========================================================
 スマホ表示
=========================================================== */

@media screen and (min-width: 481px) { 
.mobileimg{
	display:none;}
}


@media screen and (max-width: 480px) {

.logo{
	width:100%;
	background-color :#373839;
	height:50px;
}

.pcimg{
	display:none;}

.logoimg{
	width:150px;
	margin-left:auto;
	margin-right:auto;
	}

.bannerbox{
	width:100%;
	margin-left:auto;
	margin-right:auto;
	padding-top:0px;
	padding-bottom:0px;
}

}


/* ----------------------------------
    PCページメニュー
----------------------------------- */

.menu{　width:100%;
	height:70px;
	background-color:#FFFFFF;
	position: relative;
		
}
.menubox{
	display:flex;
	justify-content: center;
	position: absolute;
    	top:50%;
	left: 50%;
   	 transform: translate(-50%, -50%);
   	 -webkit-transform: translate(-50%, -50%);
    	-ms-transform: translate(-50%, -50%);
	transition:.2s;
}

.menubox p{
	font-size:1.2em;
	color:#cf0027;
	font-weight : bold;
	padding-left:50px;
	padding-right:50px;
	letter-spacing: 0.05em
}

.menubox .hover{
	transition:.2s;
}

.menubox .hover:hover{
	opacity: 0.5;
}


	
/* ----------------------------------
   　メインコンテンツ
----------------------------------- */

#main{
	width:65%;
	max-width:1200px;
	height:90%;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	background-color:#FFFFFF;
	
}


.midasi{
	width:100%;
	height:60px;
	background-color:#10853B;
	padding-left:20px;
	position: relative;
}

.midasi p{
	font-size:1.5em;
	color:#FFFFFF;
	font-weight : bold;
	position: absolute;
    	top:50%;
	left: 50%;
	 transform: translate(-50%, -50%);
   	 -webkit-transform: translate(-50%, -50%);
    	-ms-transform: translate(-50%, -50%);
}

.gaiyou{
	padding-left:40px;
	padding-right:40px;
	padding-top:30px;	
}

.gaiyou p{
	font-size:1.1em;
	font-weight : bold;
	line-height:1.5em;
}

.koumokubox{
	padding-left:30px;
	padding-right:30px;
	padding-top:30px;	
	padding-bottom:30px;
}

.koumoku{
	border-bottom:2px #10853B dotted;
	margin-bottom:10px;
	padding-left:10px;
	padding-bottom:3px;
}

.koumoku h1{
	color:#10853B;
	paddind-bottom:10px;
	font-size:1.4em;
	font-weight : bold;
	letter-spacing: 0.05em
	
}
.pbox{
	padding-left:10px;
	margin-bottom:30px;
	
}
.pbox .botan{
	height:40px;
	width:120px;
	background-color :#2d4f79;
	border-radius:5px;
	margin-top:-10px;
	transition:.2s;
}
.pbox .botan:hover {
	opacity: 0.5;
 }	

.pbox .botan p{
	color:#FFFFFF;
	font-size:1.1em;
	line-height: 40px;
	text-align: center;	
}

.pbox .pdfbotan{
	height:40px;
	width:170px;
	background-color :#2d4f79;
	border-radius:5px;
	transition:.2s;
}
.pbox .pdfbotan:hover {
	opacity: 0.5;
 }	
	
.pbox .pdfbotan p{
	color:#FFFFFF;
	font-size:1.1em;
	line-height: 40px;
	text-align: center;	
}

.pbox .chubu{
	display:flex;
}
.pbox .chubu img{
	height:30px;
	padding-top:10px;
	margin-left:9px;
}
.pbox .chubu:hover{
	opacity: 0.75;
 }	

.koumokubox p{
	font-size:1.1em;
	font-weight:bold;
	line-height:1.5;
	letter-spacing: 0.02em
}

.koumokubox p span{
	font-size:1.0em;	
}

.info_pbox{
	padding-left:0px;
		
}

.info_pbox h1{
	margin-top:10px;
	font-size:1.0em;
	font-weight:bold;
	line-height:1.5;
	letter-spacing: 0.02em
}

.irasuto_img{
	width:100%;
	max-width:1200px;
	margin:0 auto;
}
.irasuto_img img{
width:100%;
height:auto;
display:block;
}

#footer{
    background-color:#373839;
    text-align:center;
    padding:20px 0 15px;
}

.foot_logo{
	width:100%;
}

.foot_logo img{
    width:350px;
    max-width:80%;
    height:auto;
    margin-top:20px;
}


.foot_logo p{
	color:#FFFFFF;
	margin-top:8px;
	margin-bottom:0;
	font-size:0.8em;
}

/* ----------------------------------
    プログラム
----------------------------------- */
#main_puro{
	width:65%;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;
	margin-top:30px;
	background-color:#FFFFFF;
	margin-bottom:100px;
	padding-bottom:50px;
}

.time{
	border-bottom:2px #10853B dotted;
	margin-bottom:30px;
}
.time h1{
	font-weight:bold;
	color:#10853B;
	font-size:1.5em;
	padding-left:5px;
	padding-bottom:3px;
}

.naiyou{
	margin-left:30px;
	margin-top:-15px;
}
.naiyou h2{
	font-weight:bold;
	font-size:1.5em;
	color:#2d4f79;
}
.naiyou h3{
	font-weight:bold;
	font-size:1.2em;
	color:#3e3a39;
	margin-left:10px;
	margin-top:5px;
}
.naiyou h4{
	font-size:1.0em;
	margin-left:10px;
	margin-top:15px;
	margin-bottom:20px;
	line-height:1.5;
	

}
/* 大項目 */
.poster h1{
    font-weight:bold;
    font-size:1.2em;
    margin-left:30px;

    border-left:10px #10853B solid;
    border-bottom:2px #10853B solid;

    padding-left:7px;
    padding-top:4px;
    padding-bottom:4px;

    margin-bottom:20px;
}



/* 研究テーマ */
.poster h2{
    display:flex;
    align-items:flex-start;

    font-weight:bold;
    font-size:1.5em;

    margin-left:30px;
    margin-top:0;
}

/* 01 */
.poster h2 .num{
    width:45px;
    color:#2d4f79;
    flex-shrink:0;
}

/* タイトル */
.poster h2 .title{
    flex:1;
	color:#2d4f79;
}

/* 所属・著者 */
.poster .author{
    font-weight:bold;
	font-size:1.2em;
	color:#3e3a39;

    margin-left:85px;
    margin-top:3px;
    margin-bottom:7px;
	line-height:1.2;
}
/* キーワード */
.poster .keyword{
    font-weight:bold;
    font-size:0.95em;
	color:#3e3a39;
    margin-left:85px;
    margin-bottom:30px;
}

.poster .keyword span{
    background: linear-gradient(
        transparent 45%,
        #fff59d 45%
    );
}
/* CO₂の2用 */

.poster h2 sub{
font-size:0.7em;
vertical-align: 0em;
}

/* ===========================================================
 スマホ表示
=========================================================== */

.menu2 {
	width:100%;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
	padding-top:8px;
	padding-bottom:8px;
	background-color:#FFFFFF;	
}
.menu2 img{
	width:20%;
	display: block;
	margin-right:auto;
	margin-left:auto;
}

.menu2 #open p{
	color:#CE4F5E;
	font-weight : bold;
	text-align: center;
	padding-top:8px;
	padding-bottom:8px;
	border-bottom:1px #cf0027 solid;
	
}

@media screen and (max-width: 480px) {
    .menu{
        display:none;
    }
}

@media screen and (min-width: 481px) {
    .menu2{
        display:none;
    }
}


@media screen and (max-width: 480px) {
 body{
width:100%;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;}
}


@media screen and (max-width: 480px) {
 .pcbannerbox{
	display:none;}
}
@media screen and (min-width: 481px) { 
 .mobilebannerbox{
	display:none;}
}

@media screen and (max-width: 480px) {
 .irasuto_img{
	display:none;}
}

@media screen and (max-width: 480px) {
 #main{
	width:95%;
	font-size:0.7rem;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	background-color:#FFFFFF;
	
}
}

@media screen and (max-width: 480px) {
 .pbox .chubu img{
	height:25px;
	margin-left:9px;}
}
@media screen and (max-width: 480px) {
 .pbox .chubu span{
	font-size:0.8rem;}
}
@media screen and (max-width: 480px) {
 #footer{
	width:100%;
	height:100px;}
}

@media screen and (max-width: 480px) {
 .foot_logo img{
	width:200px;
	margin-top:20px;
}
}
@media screen and (max-width: 480px) {
 .foot_logo p{
	font-size:0.5rem;
	margin-top:0px;}
}
@media screen and (max-width: 480px) {
 #top{
	width:100%;}
}
@media screen and (max-width: 480px) {
 .koumokubox{
	padding-left:10px;
	padding-right:10px;
	padding-top:30px;	
	padding-bottom:30px;
}

.midasi{
	width:100%;
	height:45px;
	background-color:#10853B;
	padding-left:0px;
	position: relative;

}

}



/* ----------------------------------
    プログラム
----------------------------------- */

@media screen and (max-width: 480px) {
 #main_puro{
	width:95%;
	font-size:0.7rem;
	margin-bottom:0px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	background-color:#FFFFFF;
}
}

@media screen and (max-width: 480px) {
 .naiyou{
	margin-left:10px;
	margin-top:-15px;}	
}

@media screen and (max-width: 480px) {
 .gaiyou{
	padding-left:10px;
	padding-right:10px;
	padding-top:30px;	}
}
@media screen and (max-width: 480px) {
 .poster h1{
	font-weight:bold;
	font-size:1.5em;
	margin-left:0px;
	padding-bottom:3px;
	border-left:13px #10853B solid;
	border-bottom:3px #10853B solid;
	padding-left:7px;
	padding-top:5px;
	padding-bottom:4px;
	margin-bottom:20px;}
}
@media screen and (max-width: 480px) {
 .poster h2{
	font-weight:bold;
	font-size:1.3em;
	margin-left:0px;}
}
@media screen and (max-width: 480px) {
 .poster h3{
	 display:flex;
	align-items:flex-start;
	font-weight:bold;
	font-size:1.3em;
	margin-left:10px;
	margin-top:5px;}
}
@media screen and (max-width: 480px) {
.poster h3 .num{
	width:28px;
	color:#10853b;
	flex-shrink:0;}
.poster h3 .title{
	flex:1;
	line-height:1.4;}
}

@media screen and (max-width: 480px) {
.poster h4{
	font-weight:bold;
	font-size:1.0em;
	margin-left:40px;
	color:#10853B;
	margin-top:3px;
	margin-bottom:20px;
}
}
/* ----------------------------------
    印刷用
----------------------------------- */
@media print {

  .mobileimg,
  .menu2,
  .irasuto_img,
  #footer {
    display: none !important;
  }

  .pcimg {
    display: block !important;
  }

  #main,
  #main_puro{
		width: 70% !important;}
  .pcimg {
    width: 70% !important;
  }
	
	.logoimg {
		content: url("img/aistgroup_logoB_jp_t.svg");
	}
	
	.poster .keyword span {
		background-color: #fff59d !important;
		padding: 0 2px;
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}
	.midasi {
		background-color: #10853B !important;
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}
	
	.midasi p {
		color: #FFFFFF !important;
	} 

.botan {
background-color: #2d4f79 !important;
border: 1px solid #2d4f79 !important;
display: inline-block !important;
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
 
.botan p {
color: #ffffff !important;
}	
.pbox .botan,
.pbox .pdfbotan {
background-color: #2d4f79 !important;
color: #ffffff !important;
border: 1px solid #2d4f79 !important;

-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
 
.pbox .botan p,
.pbox .pdfbotan p {
color: #ffffff !important;
}
	
  body {
    background: #fff !important;
	  zoom: 70%;
  }
}