@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Lato:400,300,700);

*{box-sizing:border-box; -moz-box-sizing: border-box;}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{ padding:0;}

.clearfix {*zoom: 1;}
.clearfix:after {content: "."; display: block; clear: both;height: 0; visibility: hidden;}

.bold{font-family:'Frutiger Neue W01 Bd', 'Frutiger', 'lato', 'segoe', Arial, Helvetica, sans-serif; }

.top #header{height:72px;}

#icon-menu{
	display:none;
	background:url(../img/common/icon-menu.gif) no-repeat 0 0;
	background-size:32px auto;
	height:32px;
	width:32px;
	text-align:center;
	position:absolute;
	right:15px;
	top:15px;
	cursor:pointer;
	text-indent:-9999px;
}
#icon-menu.open{
	background-position:0 100%;
}
@media (max-width: 767px) {
	#icon-menu{ display:block;}
	#nav.cg-wrap{
		width:100%;
		margin:0;
		padding:0;
	}
	.navbar li a, .navbar li a:hover, .navbar li a:focus, .navbar li a:visited,
	.navbar li a span, .navbar li a:hover span, .navbar li a:focus span, .navbar li a:visited span {color:#FFF;}
	.navbar li a:hover, .navbar li a:focus, .navbar li a:hover span, .navbar li a:focus span {color:#c7000b;}

	ul.navbar{height:auto; margin-left:0; display:block;}
	.navbar li{ padding:0; border-bottom:1px solid #fff; float:none; display:block;}
	.navbar li a{ padding:0.8em 2em 0.8em 1em; display:block; background:#808080;}
	.navbar li a:hover{ color:#CC0000; background:#efefef;}
	.ctg-point{display:none;}
}


.main-img{text-align:left; height:auto; position:relative;}
.main-img .cg-wrap{
	position:absolute;
	top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 margin: auto;
	height:100%; 
}
/*
ul#myRoundabout{list-style: none; margin:-15em 0 0 2%; padding: 0; width:45%; height: 30em; top:50%; min-height:inherit;}
ul#myRoundabout li{
 height: 4em;
 width: 100%;
 cursor: pointer;
	color:#fff;
	text-align:center;
	font-size:42px;
	z-index:300;
}
ul#myRoundabout {cursor: auto; }
#myRoundabout span {display: block; line-height:4em;}
*/

.main-img img{width:100%; height:auto;}
.main-img img.after,
.main-img img.before{position:absolute; top:0; left:0;}
.main-img img.before{z-index:100;}
.main-img img.after{z-index:200; filter: alpha(opacity=0); opacity: 0;}

.main-img .text{
	margin-right:10%;
	z-index:300;
	width:37%;
	position: relative;
 top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
 transform: translateY(-50%);
	float:right;
	}


#lead{text-align:center; padding:80px 0 60px;}
#lead.cg-wrap{padding-left:15px;padding-right:15px;}
#lead p{ margin-bottom:20px; line-height:1.7;}
#lead .en em{ font-family:'Frutiger Neue W01 Bd', 'Frutiger', 'lato', 'segoe', Arial, Helvetica, sans-serif; font-style:normal}

.lead_exm{ background:#efefef; padding:5px 3em; display: inline-block; *display: inline; *zoom: 1; color:#555;}
.lead_s{font-size:24px;}
.lead_m{font-size:32px;}
.lead_m .en{ font-size:42px;}
.lead_m .en em{ font-weight:bold; font-style:normal}

.dm-com{color:#808080;}
.dm-canon{ color:#c4000b;}
.lead_l{font-size:30px; font-family:'Frutiger Neue W01 Bd', 'Frutiger', 'lato', 'segoe', Arial, Helvetica, sans-serif;}
#lead .lead_l{ margin-bottom:30px;}

#menu{padding:70px 0; background:#ececec;}
#menu .container{padding:0;}
#menu ul{margin:0 0 -15px; padding:0; }
#menu li,#menu figure{ height:180px;}

#menu li{ display:table-cell; margin-bottom:20px; list-style:none; font-size:20px; line-height:1.3; position: relative; overflow:hidden; font-family:'Frutiger Neue W01 Bd', 'Frutiger', 'lato', 'segoe', Arial, Helvetica, sans-serif; }

#menu a{margin:0 3%; color:#c4000b; display:block; text-align:center; position: absolute; top:0; left:0; width:94%; height:360px; text-decoration:none;
	-webkit-transition: all ease-out 0.3s;
	   -moz-transition: all ease-out 0.3s;
	    -ms-transition: all ease-out 0.3s;
	     -o-transition: all ease-out 0.3s;
	        transition: all ease-out 0.3s;
}
#menu a:hover{
	top:-180px;
}
#menu figure{
	 border:4px solid #c4000b;
  margin: 0;
		padding:0 0.5em;
  display: block;
  width: 100%;
}

#menu span{ margin-bottom:2.5em; display:block; height:4em;}
.l01{padding-top:3em;}
.l02,.l03{padding-top:1.5em;}
.l04{padding-top:0.5em;}

#menu a .back{text-decoration:none; background:#c4000b; color:#fff; display:block;}

.icon{vertical-align:middle;}
.icon{display:block; height:22px; }
.sub .icon{margin:0 0.3em; display: inline-block; *display: inline; *zoom: 1;}
.top .icon-arrow{ margin:0 auto; width:22px; background:url(../img/top/icon-arrow.png) no-repeat 50% 0;}
.material-icons{ margin:0 auto; width:30px; height:30px; background:url(../img/top/icon-pdf.png) no-repeat 50% 0; text-indent:-9999px;}
.sub .material-icons{ background-size:20px auto; width:20px; height:20px;}
.top .icon-window{ margin:0 auto; width:30px; height:30px; background:url(../img/top/icon-window.png) no-repeat 50% 0;}
#menu a .back .icon-arrow,#menu a .back .material-icons,#menu a .back .icon-window{background-position: 50% 100%;}

#menu a .txts{font-size:80%;}

#gmo{ padding:30px 0 40px;}
#gmo img {
	margin-left:10px;
 max-width: 100%;
 height: auto;
	vertical-align:middle;
	}

/* 下層ページ */
.sub section p,
.sub section ul,
.sub section ol{margin-bottom:2em;}
.sub section a{ color:#c4000b; text-decoration:underline;}
.sub section a:hover{text-decoration:none;}

.sub section h1{
	text-align:center;
	color:#c4000b;
}

.sub ol.number{
	margin-left:22px;
}

.sub section h2{ margin-bottom:1em;}
.sub section h3{ margin-top:1.5em; border-left:2px solid #c4000b; padding-left:20px;}

.sub section p,.sub section ul{margin-left:22px;}
.sub section ul{padding:0; min-height:inherit;}
.sub section li{margin-bottom:0.3em;}

.sub ul.domain li{ padding-right:10px; margin-right:5px; border-right:1px solid #ccc; display: inline-block; *display: inline; *zoom: 1;}

@media (min-width: 1023px) and (max-width: 1200px){
.lead_s{font-size:26px;}
.lead_m{font-size:30px;}
.lead_m .en{ font-size:40px;}
.lead_l{font-size:36px;}
}
@media (max-width: 1023px){
#lead .sp{ display:none;}

}
@media (min-width: 768px) and (max-width: 1023px){
ul#myRoundabout{margin:-12.5em 0 0; height: 25em;}
ul#myRoundabout li{	font-size:30px;}

.lead_s{font-size:22px;}
.lead_m{font-size:24px;}
.lead_m .en{ font-size:34px;}
.lead_l{font-size:26px;}
#lead p{text-align:left;}
#menu{padding:35px 0;}

}
@media (max-width: 767px){
.top #header{height:60px;}

ul#myRoundabout{margin:-9em 0 0; height: 18em;}
ul#myRoundabout li{	font-size:25px;}

#gmo{text-align:center;}

#lead{padding:30px 0 10px;}
#lead p{line-height:1.5; text-align:left;}
	
#menu{padding:35px 0;}
#menu a{ height:160px;}
#menu span{height:auto; margin:0; padding:0; line-height:80px;}
#menu li,#menu figure{ height:80px;}
#menu figure{ position:relative; padding:0 1em; text-align:left;}
#menu a:hover{top:-80px;}
#menu li .sp,
#menu li .sps{display:none;}
#menu .icon{ position:absolute; right:0.5em; top:50%; margin-top:-11px;}
#menu span.txts{display:inline; padding-left:1em;}

div#cg-wrap dl,
div.description{
		width:100%;
	}
div#cg-wrap dl{
	padding:0;
}
div.description{
	padding:30px 15px;
	box-sizing:border-box;
}
}

@media (max-width: 480px) {
ul#myRoundabout{margin:-3em 0 0; height: 6em;}
ul#myRoundabout li{	font-size:20px; height:2.5em;}
#myRoundabout span {line-height:2.5em;}
	
#lead{padding:20px 0 0;}
#lead p{ font-size:120%;}
#menu li{font-size:100%;}
#menu span.l04{padding-top:0.8em;}
#menu span.l04,
#menu span.l04 span.txts{line-height:1.5;}
#menu li .sps{display:block;}

}

.navbar li a:hover, .navbar li a:focus, .navbar a:visited, .navbar a:active, .navbar a:-webkit-any-link { text-decoration:none !important; }