@charset "utf-8";

#details {
}
#details article {
	margin: 100px auto 100px;
	width: 90%;
	max-width: 1100px;
}
#details article h2 {
	font-size: 24px;
	font-weight: bold;
	color: #00B4FC;
	border-bottom: 3px solid #00B4FC;
	margin-bottom: 20px;
}
article.common {
	width: 90%;
	max-width: 1100px;
	margin-right: auto;
	margin-left: auto;
}


#pankuzu {
	margin-bottom: 20px;
}
#pankuzu a {
	color: #000;
}
#pankuzu a:hover {
	text-decoration: underline;
}
#pankuzu span {
}
.arrow {
	position: relative;
	display: inline-block;
	padding: 0 0 0 16px;
	color: #000;
	vertical-align: middle;
	text-decoration: none;
	font-size: 15px;
}
.arrow1::before,
.arrow1::after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
}
.arrow1::before {
	left: 3px;
	width: 4px;
	height: 4px;
	border-top: 2px solid #666;
	border-right: 2px solid #666;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

#title-h2 {
	background: url(/img/title_h2.jpg) repeat center center;
	background-size: cover;
	margin-top: 80px;
	height:auto;
	max-height: 300px;
	width: 100%;
}
#title-h2 span {
	display: inline-block;
	margin-top: 5%;
	margin-left: 5%;
	margin-bottom: 5%;
	font-size: 28px;
}

#form-ssl {
	padding: 2.5%;
	margin-top: 50px;
	border: 1px solid #CCC;
}
#form-ssl h3 {
	margin-bottom: 10px;
}
#form-ssl ul {
}
#form-ssl ul li {
	margin-bottom: 5px;
}
#form-ssl ul li a {
	color: #666;
	text-decoration: underline;
}
#form-ssl p {
	margin-top: 15px;
	margin-bottom: 10px;
}
#form-ssl figure {
}
/*----.contact-bt------*/
.contact-bt {
	margin: 100px auto 100px;
	width: 90%;
	max-width: 1100px;
}
.contact-bt ul {
	background: #E7E7E7;
}
.contact-bt ul li {
	width: 50%;
	float: left;
}
.contact-bt ul li dl {
	padding: 50px 0px 50px 85px;
}
.contact-bt ul li:nth-child(1) dl {
	width: 270px;
	float: right;
	background: url(/img/tel-icon.png) no-repeat left center;
}
.contact-bt ul li:nth-child(2) dl {
	width: 270px;
	float: left;
	background: url(/img/mail-icon.png) no-repeat left center;
}
.contact-bt ul li dl dt {
	font-size:12px;
	line-height:1.25em;
}
.contact-bt ul li:nth-child(1) dl dd {
	margin-top: 5px;
}
.contact-bt ul li:nth-child(2) dl dd {
	margin-top: 5px;
}
.contact-bt ul li:nth-child(1) dl dd a {
	color: #333;
	font-size: 32px;
	font-weight: bold;}
.contact-bt ul li:nth-child(2) dl dd a {
	color: #FFF;
	background: #C00;
	display: block;
	padding: 10px 0px;
	width: 100%;
	text-align: center;
}

/*------------------#video------------------*/
#video {
	position: relative;
	width: 100%;
	max-height: 500px;
	overflow: hidden;
	margin-top: 80px;
	margin-bottom: 50px;
}
#video > div {
    margin-top: -20%;
}
#video div #video-text {
	background: url(/img/video-wrap.png) repeat;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	max-height: 500px;
}
#video div #video-text p {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 750px;
	height: 140px;
}
#video div #video-text p img {
	height: auto;
	width: 100%;
}
#video video {
	width: 100%;
	display: block;
}

#bgvid_off {
	display: block;
	text-align: center;
}
#bgvid_off img {
	display: none;
	height: auto;
	width: 100%;
}
/*------------------#top------------------*/
#top {
}
#top article h2 {
	font-size: 24px;
	font-weight: bold;
	color: #00B4FC;
	border-bottom: 3px solid #00B4FC;
	margin-bottom: 20px;
}
/*----#top-1------*/
#top article#top-1 {
	margin: 0px auto 50px;
	width: 90%;
	max-width: 1100px;
}

#top article ul {
}
#top article#top-1 ul li {
	border: 1px solid #DDDDDD;
	width: 31.8%;
	float: left;
	background: url(/img/top-1_bg.gif) repeat;
}
#top article#top-1 ul li:nth-child(1) {
	margin-right: 1.7%;
}
#top article#top-1 ul li:nth-child(2) {
	margin-right: 1.7%;
}
#top article#top-1 ul li:nth-child(3) {
	
}
#top article#top-1 ul li div {
	border-top: 2px solid #00B4FC;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #FFF;
	height: 230px;
	position: relative;
	background: url(/img/top-1_bg2.png) no-repeat right bottom;
}
#top article#top-1 ul li div h3 {
	font-size: 20px;
	font-weight: bold;
	color: #0061BA;
	text-align: center;
}
#top article#top-1 ul li:nth-child(1) div h3 {
	margin: 30px 0px 25px;
}
#top article#top-1 ul li:nth-child(2) div h3 {
	margin: 20px 0px 15px;
}
#top article#top-1 ul li:nth-child(3) div h3 {
	margin: 30px 0px 25px;
}
#top article#top-1 ul li div h3 span {
	font-size: 16px;
	text-align: center;
	display: block;
	padding-top: 2px;
}
#top article#top-1 ul li div h4 {
	font-size: 16px;
	color: #00B3FC;
	text-align: center;
	font-weight: bold;
	position: absolute;
	top: 70px;
	margin: 0px 5%;
	width: 90%;
	line-height: 1.3em;
}
#top article#top-1 ul li div h4 span {
	font-weight: bold;
	display: inline-block;
	width: 100%;
	padding: 0px;
	margin: 0px;
}
#top article#top-1 ul li div p {
	font-size: 14px;
	line-height: 1.5em;
	position: absolute;
	top: 120px;
	padding: 0px 5%;
}

/*----#top-2------*/

#top article#top-2 {
	margin: -100px auto 0px;
	width: 90%;
	max-width: 1100px;
	padding-top: 100px;
}
#top article#top-2 h2 {
	margin-bottom: 40px;
}
#top article#top-2 ul li {
	width: 31.8%;
	float: left;
	background: url(/img/top-2_bg.gif) repeat;
	margin-bottom: 50px;
	border: 1px solid #DDDDDD;
}
#top article#top-2 ul li:nth-child(1) {
	margin-right: 1.7%;
}
#top article#top-2 ul li:nth-child(2) {
	margin-right: 1.7%;
}
#top article#top-2 ul li:nth-child(3) {
	
}
#top article#top-2 ul li:nth-child(4) {
	margin-right: 1.7%;
}
#top article#top-2 ul li:nth-child(5) {
	margin-right: 1.7%;
}
#top article#top-2 ul li:nth-child(6) {
	
}
#top article#top-2 ul li div {
	height: 250px;
	position: relative;
	border-top: 2px solid #00B4FC;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #FFF;
}
#top article#top-2 ul li div h3 {
	font-size: 20px;
	font-weight: bold;
	color: #0061BA;
	position: absolute;
	top: -30px;
	text-align: center;
	width: 100%;
}
#top article#top-2 ul li:nth-child(1) div h3,
#top article#top-2 ul li:nth-child(2) div h3,
#top article#top-2 ul li:nth-child(3) div h3,
#top article#top-2 ul li:nth-child(4) div h3,
#top article#top-2 ul li:nth-child(5) div h3,
#top article#top-2 ul li:nth-child(6) div h3 {
	margin: 0px;
}
#top article#top-2 ul li div h4 {
	top: 110px;
	position: absolute;
	margin: 0px 5%;
	width: 90%;
	font-size: 16px;
	color: #00B3FC;
	text-align: center;
	font-weight: bold;
}
#top article#top-2 ul li div p {
	top: 140px;
	position: absolute;
	padding: 0px 5%;
	font-size: 14px;
	line-height: 1.5em;
}

/*----#news------*/

article#news {
	margin: -100px auto 50px;
	width: 90%;
	max-width: 1100px;
	padding-top: 100px;
}
#news-wrap {
	display: table;
}
#news-wrap #news-left {
	width: 140px;
	display: table-cell;
	vertical-align: top;
	padding-right: 15px;
}
#news-wrap #news-left ul {
	padding: 9px;
	border: 1px solid #DDDDDD;
}
#news-wrap #news-left ul li {
	border: 1px solid #00B4FC;
	background: #FFF;
	float: none;
	display: block;
	width: 118px;
	margin: 0px auto 10px;
}

#news-wrap #news-left ul li span {
	display: block;
	padding-top: 5px;
}
#news-wrap #news-left ul li a {
	color: #00B4FC;
	text-align: center;
	display: block;
	padding: 5px 0px;
}
#news-wrap #news-left ul li a:hover {
	color: #FFF;
	background: #F90;
}
#news-wrap #news-left ul li.news-on a {
	color: #FFF;
	background: #00B4FC;
}

#news-wrap #news-right {
	display: table-cell;
	width: 100%;
}
#news-wrap #news-right ul {
	padding: 0px 20px;
	border: 1px solid #DDDDDD;
}
#news-wrap #news-right ul li {
	background: #FFF;
	border-bottom: 1px solid #DDDDDD;
	float: none;
	padding-bottom: 20px;
	padding-top: 20px;
}
#news-wrap #news-right ul li:last-child{
	border-bottom: none;
}
#news-wrap #news-right ul li dl {
}
#news-wrap #news-right ul li dl dt {
	float: left;
	width: 200px;
	display: block;
	padding-top: 5px;
}
#news-wrap #news-right ul li dl dt span {
	background: #00B4FC;
	font-size: 12px;
	color: #FFF;
	padding: 5px 10px;
	margin-left: 10px;
}
#news-wrap #news-right ul li dl dd {
	float: right;
	display: block;
	width: 75%;
}
#news-wrap #news-right ul li dl dd a {
	color: #666;
	line-height: 1.5em;
}
#news-wrap #news-right ul li dl dd a:hover {
	color: #00B4FC;
}

#news-detail-wrap div#news-article {
	border:solid 1px #CCCCCC;
	padding: 2.5%;
}
#news-detail-wrap div#news-article h3 span {
	background: #00B4FC;
	font-size: 12px;
	color: #FFF;
	padding: 5px 10px;
	margin-right: 10px;
}
#news-detail-wrap div.news-date {
	text-align:right;
	margin-top:10px;	
}

/*----#form------*/
#details article#form {
    margin-top: 20px !important;
}

#top article#form {
	margin: -100px auto 0px;
	width: 90%;
	max-width: 1100px;
	padding-top: 100px;
}
#form-wrap {
}
#form-wrap span.required {
	background: #F00;
	border: 1px solid #C00;
	color: #FFF;
}
#form-wrap span.any {
	background: #0080FF;
	border: 1px solid #0062C4;
	color: #FFF;
}

#form-wrap > p {
	margin-bottom: 10px;
	line-height: 1.5em;	
}
#form-wrap > p span {
	font-size: 12px;
	padding: 3px 5px;
	display: inline-block;
    line-height: 1em;
}
#form-wrap ul.form-error {
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #F00;	
}
#form-wrap ul.form-error li {
	color: #F00;
	margin-bottom: 5px;
}

#form-wrap form {
	border-top: 1px solid #CCC;
}
#form-wrap dl {
	border-bottom: 1px solid #CCC;
}
#form-wrap dl dt {
	font-size: 18px;
	float: left;
	width: 25%;
	text-align: right;
	padding-right: 5%;
	padding-top: 35px;
}

#form-wrap dl dt span {
	font-size: 12px;
	padding: 3px 5px;
	margin-left: 10px;
	display: inline-block;
}
#form-wrap dl dd {
	float: right;
	width: 70%;
	padding: 20px 0px;
}
.confirm #form-wrap dl dd {
	padding: 40px 0px;
}
#form-wrap dl dd.form-error {
	padding: 0px 0px 20px;
	color: #F00;
	margin-top: -10px;
}

#form-wrap dl dd input[type=text] {
	background-color: #fff;
	border: 1px solid #cccccc;
	box-shadow: none;
	height: 35px;
	width: 95%;
	max-width: 700px;
	font-size: 16px;
	padding: 5px 10px;
}
#form-wrap dl dd input[type=text].form-error {
	background: #FEE;
	border: 1px solid #FF9595;
}
#form-wrap dl dd.c-box span {
	margin-bottom: 10px;
	display: inline-block;
}
#form-wrap dl dd.c-box span input[type=checkbox] {
	background-color: #fff;
	height: 16px;
	width: 16px;
	border: 1px solid #cccccc;
}
#form-wrap dl dd.c-box span input[type=checkbox] {
	background-color: #fff;
	height: 16px;
	width: 16px;
	border: 1px solid #cccccc;
}
#form-wrap dl dd.form-error span input[type=checkbox] {
	background: #FEE;
	border: 1px solid #FF9595;
}
#form-wrap dl dd.c-box span input[type=checkbox] + label {
	display: inline-block;
	margin: 0px 15px 0px 5px;
}
#form-wrap dl dd span#zip {
	font-size:16px;
}
#form-wrap dl dd span#zip input {
	text-align:center;
}
#form-wrap dl dd span#zip input:nth-child(1) {
	width:5em;
}
#form-wrap dl dd span#zip input:nth-child(2) {
	width:6em;
}
#form-wrap dl dd span#zip-bt input {
	padding:11px 10px;
}
#form-wrap dl dd span#address {
	margin-top:10px;
	display:block;
}
#form-wrap dl dd span#mibun input {
	padding:11px 10px;
}
#form-wrap dl dd p.explain {
	font-size: 14px;
	margin-bottom: 5px;
}
#form-wrap dl dd p.explain2 {
	font-size: 14px;
	margin-top: 5px;
}
#form-wrap dl dd.c-box p {
	color: #666;
	font-weight: normal;
	margin: 0px;
	padding: 0px;	
}
#form-wrap dl dd textarea {
	font-size: 16px;
	background-color: #fff;
	border: 1px solid #cccccc;
	padding: 5px 10px;
	width: 95%;
	max-width: 700px;
}
#form-wrap dl dd textarea.form-error {
	background: #FEE;
	border: 1px solid #FF9595;
}

#form-wrap dl#entry-address dd p {
	line-height:1.5em;
}

#form-wrap dl#entry-mibun dd img {
	width: 100%;
	height: auto;
	max-width: 200px;
	min-width: 100px;
}

#form-wrap div#submit {
	text-align: center;
	margin-top: 30px;
}
#form-wrap div#submit input {
	height: 75px;
	width: 400px;
}
#details article.thanks {
	margin-bottom: 500px;
}
.thanks #form-wrap > div {
	padding: 10px;
	width: 300px;
	border: 1px solid #CCC;
}
.thanks #form-wrap > div h3 {
	margin-bottom: 10px;
}
.thanks #form-wrap > div ul {
}
.thanks #form-wrap > div ul li {
	margin-bottom: 5px;
}
.thanks #form-wrap > div ul li a {
	color: #333;
}
.thanks #form-wrap > div ul li a:hover {
	color: #666;
	text-decoration: underline;
}

/*----#map------*/
#top article#map {
	margin: 50px auto 0px;
	width: 90%;
	max-width: 1100px;
}
#top article#map #map-wrap {
}
#top article#map #map-access {
	background: #00B4FC;
	width: 100%;
}
#top article#map #map-access table {
	width: 100%;
}
#top article#map #map-access table th {
	width: 40%;
	text-align: center;
	vertical-align: middle;
	line-height: 1.5em;
	color: #FFF;
	padding: 30px 5%;
}
#top article#map #map-access table td {
	width: 50%;
	color: #FFF;
	vertical-align: middle;
	line-height: 1.25em;
	font-size:14px;
}
#top article#map #map-access table th span.br1 {
	margin-left: 15px;
}

/*----.news-bt------*/
.news-bt {
	overflow: hidden;
	margin-top: 20px;
}
 
.news-bt ul {
    list-style: none;
    position: relative;
    left: 50%;
    float: left;
}
 
.news-bt ul li {
    margin: 0 1px;
    position: relative;
    left: -50%;
    float: left;
}
.news-bt ul li a {
    display: block;
    font-size: 16px;
    padding: 0.6em 1em;
    border-radius: 3px;
}
.news-bt ul li span {
    background: #00B4FC;
    color: #FFF;
}
 
.news-bt ul li a {
    background: #EEE;
    color: #000;
    text-decoration: none;
}
 
.news-bt ul li a:hover {
	background: #777777;
	color: #FFF;
}

/*----adopt------*/
#adopt h2 {
	border: none !important;
}
#adopt h2 img {
	height: auto;
	width: 100%;
	max-width:1100px;
}
#adopt-wrap {
	border: 1px solid #CCC;
}
#adopt-wrap h3 {
	padding-left:2.5%;
	line-height:51px;
	height:51px;
	background-image:
	url("/img/title_bg01.jpg"), 
	url("/img/title_bg03.jpg"),
	url("/img/title_bg02.jpg");
	
	background-repeat:
	no-repeat,
	no-repeat,
	repeat-x;
	
	background-position:
	top left, /* 最前面の背景レイヤーに対応 */
	top right,
	top center;
}
#adopt-wrap #adopt-details {
	padding: 2.5%;

}
#adopt-wrap #adopt-details h4 {
	margin-bottom:10px;
	color: #007EAE;
}
#adopt-wrap #adopt-details #adopt01 {
	border: 1px solid #CCC;
	padding: 2.5%;
	border-radius: 5px;
	margin-bottom: 20px;
}
#adopt-wrap #adopt-details #adopt01 h5 {
	margin-bottom: 10px;
	padding-bottom: 2px;
	border-bottom: 1px solid #CCC;
}
#adopt-wrap #adopt-details #adopt01 h5 span {
	font-size: 14px;
	padding-top: 4px;
}
#adopt-wrap #adopt-details dl {
	margin-bottom:20px;
}
#adopt-wrap #adopt-details dl:last-child{
	margin-bottom:0px;
}
#adopt-wrap #adopt-details dl dt {
	margin-bottom: 5px;
}
#adopt-wrap #adopt-details dl dt h6 {
	color: #007EAE;
}
#adopt-wrap #adopt-details dl dd ul {
	padding: 5px 5px 0px;
}
#adopt-wrap #adopt-details dl dd ul li {
	font-size: 14px;
	margin-bottom: 5px;
	list-style: disc;
	margin-left: 15px;
	text-indent: -5px;
	line-height: 1.25em;
}
#adopt-wrap #adopt-details dl dd ul li:last-child{
	margin-bottom: 0px;
}
#adopt-wrap #adopt-details figure {
	text-align: left;
	margin-top: 10px;
}
#adopt-wrap #adopt-details figure img {
	height: auto;
	width: 100%;
	max-width:600px;
}

#entry-bt {
	margin-top: 30px;
}
#entry-bt div {
	text-align: center;
	margin-bottom: 10px;
}
#entry-bt div a {
}
#entry-bt div a img {
	height: auto;
	width: 100%;
	max-width: 400px;
}
#entry-bt p {
	text-align: center;
	margin-bottom: 5px;
}
#entry-bt p a {
	text-align: center;
	color: #333;
	text-decoration: underline;
}

/*----#company-wrap------*/
#details article#company {
	margin-top:20px !important;
}
#company-wrap h3 {
	padding-left:2.5%;
	line-height:51px;
	height:51px;
	background-image:
	url("/img/title_bg01.jpg"), 
	url("/img/title_bg03.jpg"),
	url("/img/title_bg02.jpg");
	
	background-repeat:
	no-repeat,
	no-repeat,
	repeat-x;
	
	background-position:
	top left, /* 最前面の背景レイヤーに対応 */
	top right,
	top center;
	border: 1px solid #CCC;
	margin-bottom:10px;
}
#company-wrap dl{
    display:-webkit-box;
    display:-moz-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	line-height:1.25em;
}
#company-wrap dl:nth-child(2) {
	border-top: 1px solid #CCC;
}
#company-wrap dl dt {
	float: left;
	width: 23%;
	padding: 20px 2.5% 20px 0px;
	text-align: right;
	border-bottom: 1px solid #CCC;
	border-right: 1px dotted #CCC;
}
#company-wrap dl dd {
	float: left;
	width: 71%;
	border-bottom: 1px solid #CCC;
	padding: 20px 0px 20px 2.5%;
}
#company-wrap dl dd span {
	font-size:12px;
}
#company-wrap #map-wrap {
	margin-top:10px;
}

#company-vision {
	margin-bottom: 50px;
}
#company-vision h3 {
	padding-left:2.5%;
	line-height:51px;
	height:51px;
	background-image:
	url("/img/title_bg01.jpg"), 
	url("/img/title_bg03.jpg"),
	url("/img/title_bg02.jpg");
	
	background-repeat:
	no-repeat,
	no-repeat,
	repeat-x;
	
	background-position:
	top left, /* 最前面の背景レイヤーに対応 */
	top right,
	top center;
	border: 1px solid #CCC;
	margin-bottom:10px;
}
#company-vision figure {
	text-align: center;
}
#company-vision figure img {
	height: auto;
	width: 100%;
	max-width:683px;
}


/*----#law-wrap------*/
#details article#law {
	margin-top:20px !important;
}
#law-wrap h3 {
	padding-left:2.5%;
	line-height:51px;
	height:51px;
	background-image:
	url("/img/title_bg01.jpg"), 
	url("/img/title_bg03.jpg"),
	url("/img/title_bg02.jpg");
	
	background-repeat:
	no-repeat,
	no-repeat,
	repeat-x;
	
	background-position:
	top left, /* 最前面の背景レイヤーに対応 */
	top right,
	top center;
	border: 1px solid #CCC;
	margin-bottom:10px;
}
#law-wrap dl{
    display:-webkit-box;
    display:-moz-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
	line-height:1.25em;
}
#law-wrap dl:nth-child(1) {
	border-top: 1px solid #CCC;
}
#law-wrap dl dt {
	float: left;
	width: 23%;
	padding: 20px 2.5% 20px 0px;
	text-align: right;
	border-bottom: 1px solid #CCC;
	border-right: 1px dotted #CCC;
	line-height:1.25em;
}
#law-wrap dl dd {
	float: left;
	width: 71%;
	border-bottom: 1px solid #CCC;
	padding: 20px 0px 20px 2.5%;
}
#law-wrap dl dd span {
	font-size:12px;
}
#law-wrap #map-wrap {
	margin-top:10px;
}

/*----#privacy------*/
#details article#privacy {
	margin-top:20px !important;
}
#privacy-wrap #privacy-details > p {
	line-height: 1.25em;
	margin-bottom: 10px;
}
#privacy-wrap ul {
	padding: 2.5%;
	border: 1px solid #CCC;
}
#privacy-wrap ul > li {
	list-style: decimal;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #CCC;
	margin-left: 1.5em;
}
#privacy-wrap ul > li:last-child {
	border-bottom: none;
	padding-bottom: 0px;
}
#privacy-wrap ul > li > h4 {
	margin-bottom: 5px;
}
#privacy-wrap ul > li > h4 + p {
	line-height: 1.25em;
	margin-bottom: 5px;
}
#privacy-wrap ul > li > ol {
}
#privacy-wrap ul > li > ol > li {
	list-style: lower-alpha;
	margin-left: 1.5em;
	margin-bottom: 5px;
}
#privacy-wrap ul > li > ol > li > dl {
}
#privacy-wrap ul > li > ol > li > dl > dt {
	margin-bottom: 5px;
}
#privacy-wrap ul > li > ol > li > dl > dd {
	line-height: 1.25em;
}
#privacy-wrap ul > li > ol > li > p {
	line-height: 1.25em;
}
/*----.pager------*/

.pager {
	overflow: hidden;
	margin-top: 20px;
}
 
.pager ul {
    list-style: none;
    position: relative;
    left: 50%;
    float: left;
}
 
.pager ul li {
    margin: 0 1px;
    position: relative;
    left: -50%;
    float: left;
}
 
.pager ul li span,
.pager ul li a {
    display: block;
    font-size: 16px;
    padding: 0.6em 1em;
    border-radius: 3px;
}
.pager ul li span {
    background: #00B4FC;
    color: #FFF;
}
 
.pager ul li a {
    background: #EEE;
    color: #000;
    text-decoration: none;
}
 
.pager ul li a:hover {
    background: #777777;
    color: #FFF;
}

/*------------------#top------------------*/
@media screen and (max-width: 1350px) {
#news-wrap #news-right ul li dl dd {
	width: 72.5%;
}
}
@media screen and (max-width: 1250px) {
#news-wrap #news-right ul li dl dd {
	width: 70%;
}
}
@media screen and (max-width: 1024px) {
#title-h2 {
	margin-top: 65px;
}
#title-h2 span {
	font-size: 24px;
}
}
@media screen and (max-width: 1200px) {
#top article ul li div {
	height: 250px;
}
#top article#top-1 ul li div {
	height: 270px;
}
#news-wrap #news-right ul li dl dd {
	width: 67.5%;
}
}
@media screen and (max-width: 1150px) {
#news-wrap #news-right ul li dl dd {
	width: 65%;
}
}
@media screen and (max-width: 1100px) {
#news-wrap #news-right ul li dl dd {
	width: 62.5%;
}
#form-wrap dl dt span {

}
}
@media screen and (max-width: 1050px) {
#news-wrap #news-right ul li dl dd {
	width: 60%;
}
}
@media screen and (max-width: 1024px) {
#details article {
	margin: 100px auto 100px;
}
#video {
	margin-top: 65px;
}
#video div #video-text p {
	max-width: 750px;
	max-height: 140px;
	min-width: 280px;
	min-height: 52px;
	width: 75%;
	height:14%;
}
#top article ul li div {
	height: 220px;
}
#top article#top-1 ul li div {
	height: 270px;
}
#top article ul li div h3 {
	font-size: 18px;
}
#top article ul li div h3 span {
	font-size: 14px;
}
#top article#top-1 ul li div h3 span {
	font-size: 12px;
}
#top article ul li div h4 {
	font-size: 14px;
}
#top article#top-1 ul li div h4 {
	font-size: 12px;
}
#top article ul li div p {
	top: 110px;
	font-size: 12px;
}
#top article#map #map-access table th span.br1 {
	display: block;
	margin-left: 0px;
}

.contact-bt ul li dl {
    padding: 30px 0px 30px 85px;
}
.contact-bt ul li:nth-child(1) dl {
	width: 200px;
	float: right;
}
.contact-bt ul li:nth-child(2) dl {
	width: 200px;
	float: left;
}
.contact-bt ul li:nth-child(1) dl dd a {
	font-size: 24px;
}
.contact-bt ul li:nth-child(2) dl dd a {
	font-size: 14px;
	    padding: 7px 0px;
}

}
@media screen and (max-width: 980px) {
#top article#top-1 ul li {
	float: none;
	width: 100%;
	margin-bottom: 15px;
}
#top article#top-1 ul li div {
	height: auto;
	padding: 15px;
}

#top article#top-1 ul li:nth-child(1) div h3 {
	margin: 0px;
}
#top article#top-1 ul li:nth-child(2) div h3 {
	margin: 0px;
}
#top article#top-1 ul li:nth-child(3) div h3 {
	margin: 0px;
}
#top article#top-1 ul li div h3 {
	font-size: 18px;
	text-align: left;
	margin: 0px 0px 15px !important;
}
#top article#top-1 ul li div h3 span {
	display: inline;
	width: auto;
}
#top article#top-1 ul li div h4 {
	position: static;
	font-size: 16px;
	text-align: left;
	margin: 0px 0px 15px !important;
	padding: 0px;
	width: 100%;
}
#top article#top-1 ul li div h4 span {
	display: inline;
	width: auto;
}
#top article#top-1 ul li div p {
	position: static;
	font-size: 14px;
	padding: 0px;
}
/*----#top-2------*/
#top article#top-2 ul li div {
	padding: 0px;
}
#top article#top-2 ul li {
	width: 48%;
	margin: 0px 0px 35px !important;
}
#top article#top-2 ul li:nth-child(odd) {
	float: left;
}
#top article#top-2 ul li:nth-child(even) {
	float: right;
}
#top article#top-2  ul li div h4 {
	position: absolute;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
#top article#top-2 ul li div p {
	position: absolute;
	margin: 0px 5%;
	padding: 0px;
	width: 90%;
}
/*----#news------*/
#news-wrap #news-left {
	width: 100%;
	display: block;
	vertical-align: top;
	padding-right: 0px;
	margin-bottom: 10px;
}
#news-wrap #news-right {
	display: block;
}
#news-wrap #news-left ul li {
	float: left;
	display: block;
	width: 118px;
	margin: 0px 10px 0px 0px;
}
#news-wrap #news-left ul li:last-child{
	margin: 0px;
	float: right;
}
#news-list #news-wrap #news-left ul li:last-child{
	width: 19.5% !important;
	float: left !important;
}
#news-wrap #news-left ul li span {
	display: inline;
	padding-top: 0px;
}

#news-wrap #news-right ul li dl dt {
	width: 100px;
	text-align: center;
}
#news-wrap #news-right ul li dl dt span {
	display: block;
	margin: 5px 0px 0px;
	text-align: center;
}
#news-wrap #news-right ul li dl dd {
	width: 75%;
}
#news-wrap #news-right ul li dl dd a {
	font-size: 14px;
}
}
@media screen and (max-width: 900px) {
#top article#top-1 ul li div {
}
.contact-bt ul li {
    width: 100%;
}
.contact-bt ul li:nth-child(1) dl {
	width: 65%;
	float: none;
	margin-left: 5%;
	padding-right: 5%;
	padding-bottom:10px;
}
.contact-bt ul li:nth-child(2) dl {
	width: 65%;
	float: none;
	margin-left: 5%;
	padding-right: 5%;
	padding-top:10px
}
.contact-bt ul li:nth-child(1) dl dd {
	margin-top: 5px;
}
.contact-bt ul li:nth-child(2) dl dd {
	margin-top: 5px;
}
.contact-bt ul li:nth-child(2) dl dd a {
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;	
}
}
@media screen and (max-width: 850px) {
#news-wrap #news-left ul li {
	width: 96px;
}
#news-wrap #news-left ul li:last-child{
	width: 25%;
}
#news-wrap #news-left ul li a {
}
}
@media screen and (max-width: 767px) {
#details article {
	margin: 80px auto 100px;
}
#video {
	margin-top: 47px;
}
#details article.thanks {
    margin-bottom: 250px;
}
#top article#top-2 ul li div {
	height: 270px;
}
#news-wrap #news-left ul {
    padding: 0px;
    border: none;
}
#news-wrap #news-left ul li {
	width: 19.5%;
	margin-right: 1%;
}
#news-wrap #news-left ul li:nth-child(3) {
	margin-right: 0;
}
#news-wrap #news-left ul li:last-child{
	width: 29%;
}
#news-wrap #news-left ul li a {
	padding: 10px 0px;
}

#news-wrap #news-right ul li dl dd {
	width: 75%;
}
#form-wrap dl dt {
	float: none;
	width: 90%;
	text-align: left;
	margin-top: -10px;
}
#form-wrap dl dd {
	float: none;
	width: 100%;
	margin-top: -10px;
}
.confirm #form-wrap dl dd {
	padding: 20px 0px;
}
#form-wrap dl dd input[type=text] {
}
#form-wrap dl dd.c-box span {
	display:block;
}
#form-wrap div#submit input {
	height: 48px;
	width: 250px;
}
.news-bt ul li a {
    display: block;
    font-size: 14px;
    padding: 0.4em 0.8em;
    border-radius: 3px;
}

.pager ul li span,
.pager ul li a {
    display: block;
    font-size: 14px;
    padding: 0.4em 0.8em;
    border-radius: 3px;
}

#title-h2 {
	margin-top: 47px;
}
#title-h2 span {
	font-size: 20px;
}
}


@media screen and (max-width: 620px) {
/*----#company-wrap------*/
#company-wrap,
#law-wrap {
}
#company-wrap dl,
#law-wrap dl {
	border-top: 1px solid #CCC;
}
#company-wrap dl:last-child,
#law-wrap dl:last-child {
	border-bottom: 1px solid #CCC;
}
#company-wrap dl dt,
#law-wrap dl dt {
	float: none;
	width: 100%;
	padding: 20px 0px 5px;
	text-align: left;
	border: none;
	font-weight: bold;
}
#company-wrap dl dd,
#law-wrap dl dd {
	float: none;
	width: 100%;
	border: none;
	padding: 5px 0px 20px;
}
#company-wrap dl dd span,
#law-wrap dl dd span {
	display: block;
	margin-top: 5px;
}
}
@media screen and (max-width: 550px) {
#news-wrap #news-right ul li dl dt,
#news-wrap #news-right ul li dl dd {
	width: 100%;
	float: none;
	text-align: left;
}
#news-wrap #news-right ul li dl dd {
	margin-top: 10px;
}
#news-wrap #news-right ul li dl dt span {
	display: inline;
	margin-left: 10px;
}
#top article#map #map-access table th,
#top article#map #map-access table td {
	font-size:14px;
}
}
@media screen and (max-width: 499px) {
#top article#top-2 ul li div {
	height: 300px;
}
#top article#top-2 ul li div h4 {
	font-size: 14px;
}
#news-wrap #news-left ul li a {
	font-size: 11px;
}
#top article#map #map-access table th,
#top article#map #map-access table td {
	font-size:12px;
}
#top article#map #map-access table th span.br2,
#top article#map #map-access table td span.br2 {
	display: block;
}

.contact-bt ul li:nth-child(1) dl {
	width: 60%;
}
.contact-bt ul li:nth-child(2) dl {
	width: 60%;
}
.contact-bt ul li:nth-child(1) dl dd {
	margin-top: 5px;
}
.contact-bt ul li:nth-child(2) dl dd {
	margin-top: 5px;
}
.contact-bt ul li:nth-child(1) dl dd a {
	font-size:24px;
}
}

@media screen and (max-width: 349px) {
#top article#top-2 ul li div {
	height: 350px;
}
.contact-bt ul li:nth-child(1) dl dd a {
	font-size:20px;
}
}