@charset "UTF-8";
/* CSS Document */

header{
	border-bottom: 1px solid #ccc;
}

/* Contents Tilte
------------------------------------------- */

h3{
	margin: 0 auto 0;
	padding: 25px 0;
	text-align: center;
	font-size: 200%;
	color: #fff;
}

h3 span{
	margin: 5px 0 0 0;
	padding: 0;
	font-size: 70%;
	font-weight: bold;
}

.contents h4 {
	width: 70%;
  	border-bottom: solid 3px #cce4ff;
  	position: relative;
  	font-size: 175%;
  	font-weight: bold;
  	margin: 40px 0 0 0;
  	padding: 0 0 8px;
  	text-align: left;
}

.contents h4:after {
  	position: absolute;
  	content: " ";
  	display: block;
  	border-bottom: solid 3px #5472cd;
  	bottom: -3px;
  	width: 20%;
}

.contents h4 span{
	font-size: 60%;
	color: #565656;
	font-weight: normal;
	margin-left: 10px;
}


/* Contents Text
------------------------------------------- */

p.co_txt{
	margin: 50px 0 0 0;
	padding: 0;
	text-align: left;
	overflow: hidden;
}

p.co_txt2{
	margin: 10px 0 0 0;
	padding: 0;
	text-align: center;
}


/* Contents Object
------------------------------------------- */

p.obj_c{
	margin: 40px 0 0 0;
	padding: 0;
	text-align: center;
}


/* Contents Navigation
------------------------------------------- */

div.contents_nav_wrap{
	width: 1060px;
	margin: 60px auto 0;
	padding: 10px 0 10px;
	text-align: center;
}

div.nav_box{
	padding: 0;
	height: 50px;
	background-color: #fff;
	display: inline-block;
	border-left: 4px solid #E56060;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-align: left;
	font-size: 110%;
}

div.nav_box:first-child{
	margin-left: 0;
}

div.nav_box:last-child{
	margin-right: 0;
}

div.nav_box a{
	display: block;
	height: 50px;
	padding: 13px 0 0 20px;
	position: relative;
}

div.nav_box a:hover{
	background-color: #E56060;
	color: #fff;
}

div.nav_box a:after{
	font-family: "Font Awesome 5 Free";
	content: '\f0ab';
	font-weight:bold;
	color:#CE5658;
	position: absolute;
	right: 20px;
	font-size: 130%;
}

div.nav_box a:hover::after{
	font-family: "Font Awesome 5 Free";
	content: '\f0ab';
	font-weight:bold;
	color:#FFF;
	position: absolute;
	right: 20px;
	font-size: 130%;
}

.colm2{
	width: 480px;
}

.colm3{
	width: 300px;
}

.colm3:nth-child(2){
	margin: 0 70px;
}

.colm4{
	width: 230px;
}

.colm4:nth-child(2), .colm4:nth-child(4){
	margin: 0 39px;
}


/* Company Information
------------------------------------------- */

table.outline{
	width: 1060px;
	margin: 50px auto 0;
	padding: 0;
	border-collapse: collapse;
}

table.outline th{
	width: 200px;
	margin: 0;
	padding: 8px 0;
	border-bottom: 1px dotted #aaa;
	text-align: left;
	font-weight: bold;
}

table.outline td{
	width: 860px;
	margin: 0;
	padding: 8px 0;
	border-bottom: 1px dotted #aaa;
	text-align: left;
}

#map_canvas{
	width: 1060px;
	height: 600px;
	margin: 50px auto;
	padding: 0;
	border: 1px solid #CCC;
}



/* Photo Gallery
------------------------------------------- */

ul.photo{
	margin: 40px auto 0;
	padding: 0;
	text-align: center;
	overflow: hidden;
}

ul.photo li{
	padding: 0;
	list-style: none;
	display: inline-block;
}

ul.photo li:nth-child(1), ul.photo li:nth-child(3), ul.photo li:nth-child(4), ul.photo li:nth-child(6){
	margin: 0 0 60px;
}

ul.photo li:nth-child(2), ul.photo li:nth-child(5){
	margin: 0 60px 60px;
}

ul.photo li:nth-child(7), ul.photo li:nth-child(8){
	margin: 0 30px 60px;
}

ul.photo li img{
	border: 4px solid #999;
}

ul.photo li figure {
    margin: 0;
    overflow: hidden;
    position: relative;
    text-align: center;
}

ul.photo li a:hover>figure img {
        transform: scale(1.15,1.15);
        -webkit-transform:scale(1.15,1.15);
        -moz-transform:scale(1.15,1.15);
        -ms-transform:scale(1.15,1.15);
        -o-transform:scale(1.15,1.15);
		-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	-ms-transition:all 0.25s ease-in-out;
        transition:all 0.25s ease-in-out;
}
 
ul.photo li a:hover>figure {
    opacity: 1;
}





/* Personal Policy
------------------------------------------- */

dl#policy{
	margin:0;
	padding:0;
}

dl#policy dt{
	margin:20px 0 0 0;
	padding:0;
	font-size:130%;
	color:#000;
	text-align:left;
	font-weight: bold;
}

#policy dd{
	margin:10px 40px 0 40px;
	padding:0;
	text-align:left;
}

#policy ul{
	margin:0 0 0 25-px;
	padding:0;
	list-style:decimal outside none;
}

#policy li{
	margin:0 0 8px 0;
	padding:0;
	text-align:left;
}




/* Contact
------------------------------------------- */

p.thanks{
	margin: 50px 0 200px;
	padding: 0;
	text-align: left;
}