@charset "utf-8";
/* CSS Document */
body { height: 100%;  margin: 0;
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}

.pdt10 {padding-top: 10px;}
.pdt15 {padding-top: 15px;}
.pdt20 {padding-top: 20px;}
.pdt25 {padding-top: 25px;}
.pdt30 {padding-top: 30px;}
.mgt10 {margin-top: 10px;}
.mgt15 {margin-top: 15px;}
.mgt20 {margin-top: 20px;}
.mgt25 {margin-top: 25px;}
.mgt30 {margin-top: 30px;}

.content {width:100%;max-width:1084px;display: block;margin:0px; z-index: 1; position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	background-color: #34bfd4;
    height:100%;
}
.content2 {width:100%;max-width:980px;display: block;margin:0px; z-index: 1; position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
.cont-base {width:100%;}
.cont-botom {width:100%;}
.archive {
	position: absolute;
	width:87%;
	margin:-5px 2% 50px 1%;
	border-radius: 50px;
	padding:0 25px 40px 35px;
	color:#5a5a5a;
	z-index: 20;
	/* vol.1 top:575px;*/
	top:512px;
}
/* vol.1
.archive {
	position: absolute;
	width:87%;
	margin:0 2% 50px 1%;
	border-radius: 50px;
	padding:30px 25px 40px 35px;
	color:#5a5a5a;
	z-index: 20;
	top:575px;
}
*/

.archive ul li {
	font-size:24px;
	font-family: m-plus-rounded-1c, sans-serif;
	font-weight: 700;
	font-style: normal;
	list-style: none;
	padding:5px 1em;
	border:3px solid #2d93ce;
	border-radius: 50px;
	background-color: #fff;
	margin: 0 0 0.5em 0;
}
.archive ul a {
	color:#2d93ce;
	text-decoration: none;
}
.archive ul a:hover {
	color:#97C9E5;
}

.products h3 {font-size:14px;margin:0;padding:0;text-align: left;}
.products sup {font-size:9px;}
.products p {font-size:12px;font-weight:600;margin:0;padding:0;text-align: left;}
.products .link_btn {
	background-color: rgba(154,195,0,0.9);
	border-radius: 24px;
	padding:8px 5px;
	margin:5px 10px 0 0;
	text-align: center;
	color:#ffffff;
	font-size: 14px;
}
.products .link_btn:after {content:"\025b6";}
.products .link_btn a {
	color:#ffffff;
	text-decoration: none;
}
.products .link_btn:hover {background-color:rgba(154,195,0,0.5);}

.cont-height {margin-top:310px;}

.tec-bottom {
	width:100%;
	margin:40px 0 0 0;
}

.tec-thema {width:50%;position: absolute;z-index: 25;left:200px;top:190px;}
/* vol.1
.tec-thema {width:50%;position: absolute;z-index: 25;left:60px;top:110px;}
*/
.tec-thema img {max-width:100%;width:100%;}
.tec-thema img:hover {opacity: 0.5;}
.tec-thema2 {width:88%;position: absolute;z-index: 25;left:60px;top:290px;}
.tec-thema2 img {max-width:100%;width:100%;}

.line-aj {margin-bottom: 1.5em!important;}
.td_aj {width:30%;}


.back {font-size: 20px;text-align: center;margin-top: 10em;}

.pg-back {
    width:100px;
    border:1px solid #C3D865;
    border-radius: 20px;
    padding:5px;
    margin-left:30px;
    text-align: center;
    background-color: #fefefe;
}
.pg-back a {
    text-decoration: none;
    color:#666;
}
.pg-back a:hover {
    color:#aaa;
}
.pg-back:hover {
    background-color: #efefef;
}

.btn-to-meet {
	width:200px;
	display: block;
	margin:-80px auto 0px;
}
.btn-to-meet img{width:100%;}
.btn-to-meet:hover {opacity: 0.5;}

@media (max-width: 860px) {
.tec-thema {
    width: 48%;
    left: 180px;
    top: 150px;
}
/*  vol.1 
.tec-thema {
    width: 48%;
    left: 65px;
    top: 100px;
}	
*/
	
.tec-thema2 {
    width: 80%;
    left: 70px;
    top: 250px;
}
.archive {
    top: 400px;
}
/*--     vol.1
.archive {
    top: 448px;
}
*/
}

@media (max-width: 430px) {
.tec-thema {
    width: 60%;
    left: 30px;
    top: 70px;
}
/*  vol.1 
.tec-thema {
    width: 60%;
    left: 15px;
    top: 50px;
}
*/
		
	
	
.tec-thema2 {
    left: 30px;
    top: 130px;
}
.archive {
    width: 85%;
    top: 190px;
    margin:0 0 40px 0;
    overflow:hidden;
}
.archive ul li {
    font-size: 18px;
    margin-left:-40px;
}
}