@charset "UTF-8";
/*common*/
#wrapper {
	width: 100%;
	margin-top: 110px;
}
#container {
	animation: fadein 0.6s ease-in both;
	-webkit-animation: fadein 0.6s ease-in both;
}
 @keyframes fadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
#index #container {
	animation: fadein 1.2s ease-in both;
	-webkit-animation: fadein 1.2s ease-in both;
}
 @keyframes fadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
#container .content-inner {
	max-width: 1024px;
	width: 100%;
	padding: 2rem;
	margin: 0 auto;
	text-align: left;
}
/*nav*/
/* header */
#top-head {
	width: 100%;
	margin: 0 auto;
	text-align: center;
	padding: 0;
	height: 110px;
	background: rgba(255,255,255,0.95);
	position: fixed;
	z-index: 100;
	top: 0;
	transition: all 0.4s ease-in;
	-webkit-transition: all 0.4s ease-in;
	-moz-transition: all 0.4s ease-in;
}
#top-head a, #top-head {
	color: #222222;
	text-decoration: none;
}
#top-head .inner {
	width: 100%;
	max-width: 1024px;
	text-align: center;
	margin: 0 auto;
}
#top-head .inner:after {
	content: "";
	clear: both;
	display: block;
}
#top-head h1.logo a {
	background: url(../img/logo-bk.svg) no-repeat center top;
	background-size: 360px auto;
	display: block;
	width: 360px;
	height: 0;
	padding-top: 27px;
	overflow: hidden;
	text-align: center;
	margin: 20px auto 20px;
	transition: all 0.4s ease-in;
	-webkit-transition: all 0.4s ease-in;
	-moz-transition: all 0.4s ease-in;
}
#top-head .menu ul {
	list-style: none;
	font-size: 14px;
	letter-spacing: 0.29em;
	float: left;
	left: 50%;
	position: relative;
}
#top-head .menu ul li {
	float: left;
	left: -50%;
	position: relative;
}
#top-head .menu ul li a {
}
/*language*/
#top-head .language {
	background-color: #e6f0f2;
	color: #5996aa;
	position: fixed;
	right: 20px;
	top: 0;
	letter-spacing: 0.1em;
}
#top-head .language p {
	padding: 5px 10px;
	display: inline-block;
}
#top-head .language a {
	color: #5996aa;
	padding: 5px 15px;
	display: inline-block;
	background-color: #f1f1f1;
}
#top-head .language a:hover, #top-head .language a.active {
	background-color: #5996aa;
	color: #fff;
}
/* Fixed */
.fixed #top-head {
	transition: height 0.4s ease-in;
	-webkit-transition: height 0.4s ease-in;
	-moz-transition: height 0.4s ease-in;
	height: 80px;
}
.fixed #top-head h1.logo a {
	background-size: 300px auto;
	margin: 10px auto 10px;
	transition: all 0.4s ease-in;
	-webkit-transition: all 0.4s ease-in;
	-moz-transition: all 0.4s ease-in;
}
/*.fixed #top-head .menu ul li {
		width:140px;
    transition: width 0.65s ease-in;
    -webkit-transition: width 0.65s ease-in;
    -moz-transition: width 0.65s ease-in;
}*/

/* Toggle Button */
#nav-toggle {
	display: none;
	position: absolute;
	right: 10px;
	top: 10px;
	width: 40px;
	height: 40px;
	cursor: pointer;
	z-index: 101;
	border: solid #5996aa 1px;
}
#nav-toggle div {
	position: relative;
}
#nav-toggle span {
	display: block;
	position: absolute;
	height: 4px;
	width: 80%;
	background: #5996aa;
	left: 4px;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
}
/*font-------------------------------*/

/*第二階層タイトル*/
h2 {
	margin-bottom: 1rem;
	font-size: 4rem;
	text-align: center;
	/*font-weight:bold;*/
	line-height: 1.2;
	color: #fff;
}
/*第二階層　小見出し*/	
h3 {
	margin-bottom: 3rem;
	font-size: 2.4rem;
	text-align: left;
	font-weight: bold;
	line-height: 1.2;
	position: relative;
}
h3:after {
	margin-top: 2rem;
	display: block;
	content: '';
	width: 40px;
	height: 4px;
	background-color: #5996aa;
}
h3 span {
	font-size: 1.4rem;
}
/*第二階層　ブログ系小見出し*/	
h4 {
	margin-bottom: 1.5rem;
	font-size: 1.6rem;
	text-align: left;
	font-weight: bold;
	border-top: solid 1px #222;
	border-bottom: solid 1px #222;
	padding: 2rem;
}
/*第二階層　sub　小見出し*/
h5 {
	margin-bottom: 1.5rem;
	font-size: 1.6rem;
	text-align: center;
	font-weight: bold;
	color: #fff;
	background-color: #222;
	padding: 1rem;
}
/*btn common------------------------------*/
#container .link-btn {
	text-align: center;
	display: block;
}
#container .link-btn a {
	font-weight: bold;
	margin: 0 auto;
	text-align: center !important;
	font-size: 1.8rem;
	width: 240px;
	padding: 20px 0;
	display: block;
	color: #221815;
	position: relative;
	background: #fde060;
}
#container .link-btn a:hover {
	opacity: .80;
	filter: alpha(opacity=80);
	-ms-filter: “alpha(opacity=80) ”
}
#container .link-btn a:after {
	position: absolute;
	top: 45%;
	right: 8%;
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	margin-top: -3px;
	border-top: 3px solid #221815;
	border-right: 3px solid #221815;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
/*btn-more01*/
.btn-more01 {
	color: #5996a9;
	text-decoration: none;
	background: #fff;
	border: solid 1px #5996a9;
	width: 160px;
	padding: 3px 20px;
	position: relative;
	overflow: hidden;
	text-align: center;
	display: inline-block;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.box a:hover .btn-more01, .btn-more01:hover {
	background-color: #5996a9;
	color: #fff;
	text-decoration: none !important;
}
.btn-more01::after {
	font-family: 'FontAwesome';
	content: '\f178';
	color: #5996a9;
	width: 100%;
	height: 10%;
	position: absolute;
	top: 10%;
	right: -40%;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.btn-more01::before {
	font-family: 'FontAwesome';
	content: '\f178';
	color: #fff;
	width: 100%;
	height: 10%;
	position: absolute;
	top: 10%;
	right: 80%;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.box a:hover .btn-more01::after, .btn-more01:hover::after {
	right: -130%;
}
.box a:hover .btn-more01::before, .btn-more01:hover::before {
	right: 40%;
}
.btn-more01 span {
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
	margin-left: -50px;
}
.box a:hover .btn-more01 span, .btn-more01:hover span {
	margin-left: 0;
}
/*btn-more02*/
.btn-more02 {
	color: #fff;
	text-decoration: none;
	border: solid 1px #fff;
	padding: 0 3px;
	position: relative;
	overflow: hidden;
	text-align: center;
	display: inline-block;
	-webkit-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	font-size: 1.2rem;
	width: 20px;
	height: 20px;
}
.box a:hover .btn-more02, .btn-more02:hover {
	background-color: #5996a9;
	border: solid 1px #5996a9;
	color: #fff;
	text-decoration: none !important;
}
.btn-more02::before {
	font-family: 'FontAwesome';
	content: '\f178';
	color: #fff;
	width: 100%;
	position: absolute;
	right: 200%;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.box a:hover .btn-more02::before, .btn-more02:hover::before {
	right: 0%;
}
.btn-more02 span {
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.box a:hover .btn-more02 span, .btn-more02:hover span {
	margin-left: 30px;
}
/*テキストリンクbtn common*/
#container .content-inner .btn {
	text-align: right /*!important*/;
	margin: 10px 0;
}
#container .btn a:visited {
	color: #221815 !important;
}
#container .btn a:hover {
	color: #221815 !important;
	background-color: #ffe28a;
}
/*page-top---------------------*/
#page-top {
	margin: 0 auto;
	text-align: center;
}
a.arrow-top {
	margin: 0 auto -20px;
	text-align: center;
	display: block;
	background-color: #eef2f3;
	padding: 16px;
	height: 45px;
	width: 45px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	position: relative;
	color: #eef2f3;
}
a.arrow-top:after {
	position: absolute;
	top: 40%;
	left: 40%;
	display: block;
	content: '';
	width: 10px;
	height: 10px;
	border-top: 2px solid #5996a9;
	border-right: 2px solid #5996a9;
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
a.arrow-top:hover {
	background-color: #5996a9;
	color: #5996a9;
}
a.arrow-top:hover:after {
	border-top: 2px solid #eef2f3;
	border-right: 2px solid #eef2f3;
}
/*footer-----------------------*/
#container #footer .footer-inner {
	background-color: #5996a9;
	color: #fff;
	text-align: center;
	padding-top: 30px;
}
#container #footer .footer-inner .content-inner {
	padding: 2rem;
}
#container #footer .footer-inner a {
	color: #fff;
}
#container #footer a {
	text-decoration: none;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#container #footer .footer-inner h2 {
	font-size: 3rem;
	font-weight: normal;
}
#container #footer .footer-inner h2 span {
	display: block;
	font-size: 1.4rem;
}
#container #footer .footer-inner p {
	text-align: center;
	margin: 2rem auto;
}
ul.contact-info li {
	border: solid 1px #fff;
	padding: 15px;
	width: 50%;
	margin: 0 auto 10px;
	font-size: 1.6rem;
}
ul.contact-info li span {
	display: inline-block;
	width: 30%;
}
ul.contact-info li.contact-btn {
	border: none;
	padding: 0;
}
ul.contact-info li.contact-btn a {
	text-align: center;
	margin: 20px auto 10px;
	border: solid 1px #07495e;
	background-color: #07495e;
	display: block;
	padding: 15px;
}
ul.contact-info li.contact-btn a:hover {
	border: solid 1px #07495e;
	background-color: #fff;
	color: #07495e !important;
}
.former a {
	text-align: center;
	display: block;
	padding: 15px;
	background-color: #1a7391;
	color: #fff;
}
.former a:hover {
	opacity: 0.9;
}
.copyright {
	text-align: center;
	margin: 10px auto 0;
	border-bottom: solid 4px #5996a9;
	padding-bottom: 10px;
	font-family: Helvetica, "游ゴシック", "Yu Gothic", sans-serif;
	font-size: 1.1rem;
	vertical-align: middle;
}
.copyright img {
	width: 160px;
	display: inline-block;
	vertical-align: middle;
}
.copyright img.sp {
	width: 160px;
	display: block;
	text-align: center;
	margin: 0 auto;
}
/*#container #footer .second*/
#container #footer.second .copyright {
	border-top: solid 1px #5996aa;
	padding-top: 10px;
}
.second a.arrow-top {
	margin: 0 auto 3rem;
}
/*contact-en*/
#container #footer.en .footer-inner p,  #container #footer.en ul.contact-info li {
	font-size: 1.7rem;
}
#container #footer.en ul.contact-info li.contact-btn a {
	font-size: 2rem;
}
/*second 第二階層*/
.second-title.works {
	background: url(../img/title-bg-works.png) no-repeat center center;
}
.second-title.news {
	background: url(../img/title-bg-news.png) no-repeat center center;
}
.second-title.press {
	background: url(../img/title-bg-press.png) no-repeat center center;
}
.second-title.about {
	background: url(../img/title-bg-about.png) no-repeat center center;
}
.second-title.biography {
	background: url(../img/title-bg-biography.png) no-repeat center center;
}
.second-title.contact {
	background: url(../img/title-bg-contact.png) no-repeat center center;
}
.second-title {
	padding: 8rem 3rem 0;
	height: 260px;
	background-size: auto 260px;
	background-color: #ebf1f2 !important;
}
.second-title p {
	color: #fff;
	text-align: center;
	margin: 0 auto;
	font-size: 1.4rem;
}
/*second-content main sub----------*/
.second-content {
	max-width: 1024px;
	margin: 0 auto;
}
.second-content a {
	color: #5996aa;
}
.second-content .main.fl {
	width: 38%;
	margin-right: 4%;
	padding-top: 6rem;
}
.second-content .sub.fr {
	width: 58%;
	padding-top: 6rem;
	margin-bottom: 4rem;
}
/*about*/
#map-canvas {
	width: 100%;
	height: 300px;
}
/*about birgraphy*/
.second-content table.list {
	text-align: left;
	width: 100%;
}
.second-content table.list th {
	font-weight: bold;
	margin-right: 1rem;
	padding-bottom: 0.7rem;
	padding-top: 0.7rem;
	width: 30%;
	border-bottom: solid 1px #999;
	vertical-align: middle;
}
.second-content table.list td {
	padding-left: 4rem;
	padding-bottom: 0.7rem;
	padding-top: 0.7rem;
	border-bottom: solid 1px #ddd;
}
/*birgraphy-------------*/
#biography .bg-grn {
	margin: 4rem 0;
}
.bg-grn .biography {
	padding: 6rem 0;
}
.birgraphy-photo img {
	/*margin:0;
	padding-bottom:6rem;*/
	max-width: 360px;
	text-align: right;
	display: block;
	margin: 0 0 0 auto;
}
/*contact------------*/
.contact ul.contact-info {
	margin: 1rem auto 4rem;
}
.contact ul.contact-info li {
	border: 1px solid #999;
	margin: 0 auto 10px;
	padding: 10px 15px;
	width: 100%;
}
/*table*/
.contact .table-form {
	width: 100%;
	border: none;
	margin: 4rem auto;
	border-collapse: collapse;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	text-align: left;
	background-color: #fff;
}
.contact .table-form th, .contact .table-form tr {
	margin: 0;
	padding: 0;
}
.contact .table-form th {
	/*font-weight: bold;*/
	width: 30%;
	padding: 15px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	margin: 0;
	vertical-align: middle;
	background: #f4f4f4;
	font-weight: bold;
}
.contact .table-form th span {
	color: #f00;
	font-size: 1em;
}
.contact .table-form td {
	padding: 15px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	margin: 0;
	vertical-align: middle;
}
.contact .table-form textarea, .contact .table-form select {
	width: 80%;
	border: solid 1px #ddd;
	padding: 0.8rem 0;
}
.contact .table-form input {
	border: solid 1px #ddd;
	width: 80%;
}
.contact .table-form input.input-half {
	width: 25%;
}
#SubmitBox {
	margin: 0 auto;
	padding: 0 0 4rem;
	text-align: center;
}
.contact input[type="submit"] {
	background-color: #5996aa;
	color: #fff;
	padding: 1rem;
	width: 200px;
	display: inline-block;
	margin: 0 5px 10px;
}
.contact input[type="submit"]:hover {
	background-color: #6badc2;
}
#SubmitKakuninBox {
	padding: 0 0 3rem;
	margin: 0 auto;
	text-align: center;
}
#SubmitKakuninBox span {
	display: block;
	margin: 0 auto 10px;
	text-align: center;
}
#SubmitKakuninBox input[type="button"] {
	background-color: #878787;
	color: #fff;
	padding: 1rem;
	width: 200px;
	display: inline-block;
	margin: 0 5px 10px;
}
#SubmitKakuninBox input[type="button"]:hover {
	background-color: #9d9d9d;
}
/*wordpress-------------------------------------*/
.second-content.wp .main.fl {
	width: 68%;
	margin-right: 4%;
	word-break: break-all;
}
.second-content.wp .main.fl img {
	width: inherit !important;
}
/*archive.php*/
.second-content.wp .main.fl ul.wp-archive li {
	border-bottom: solid 1px #ddd;
	padding-top: 1rem;
}
.second-content.wp .main.fl ul.wp-archive li a {
	display: block;
	color: #5996aa;
	padding-bottom: 1rem;
}
.second-content.wp .main.fl ul.wp-archive li a br {
	display: none;
}
/*single.php */
.second-content.wp .main.fl.single ul li {
	list-style: disc;
	margin-left: 1rem;
}
/*page.php*/
.second-content.wp.works {
	margin-top: 4rem;
}
.second-content.wp.works h3 {
	font-weight:normal;
	line-height: 1.2;
	margin-bottom: 0;
	position: relative;
	padding: 10px 0;
	fot-size:z
}
.second-content.wp.works h3::after, .right-block h3::after {
	background-color: inherit;
	content: "";
	display: block;
	height: 4px;
	margin-top: 0;
	width: 40px;
}
#huge_it_portfolio_filters_1 ul li {
}
.right-block h3 {
	line-height: 1.2;
	margin-bottom: 0;
	position: relative;
}
.right-block .description {
	margin: 3rem 0 1rem !important;
	text-align:left !important;
}


.right-block .description h4 small{
	   font-size: 1.4rem !important;
}


.right-block .description h4 br{
	line-height:1 !important;
}


/*side.php サイドメニュー*/
.second-content.wp .sub.fr {
	width: 28%;
}
.second-content.wp .sub.fr ul {
	padding: 1rem;
	margin-bottom: 2rem;
}
.second-content.wp .sub.fr ul li a {
	display: block;
	color: #5996aa;
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.second-content.wp .sub.fr ul li {
	border-bottom: solid 1px #ddd;
}
.second-content.wp .sub.fr ul li:last-child {
	border-bottom: none;
}
.second-content.wp .sub.fr.works-category ul li {
	border: solid 1px #5996aa;
	margin-bottom: 0.5rem;
}
.second-content.wp .sub.fr ul li a {
	display: block;
	padding: 0.5rem 1rem;
}
.second-content.wp .sub.fr ul li.active a {
	background-color: #5996aa;
	color: #fff;
}
/*page-art*/	
.pagenav ul {
	border-top: solid 1px #ddd;
	margin-top: 2rem;
	padding-top: 1rem;
}
.pagenav ul li {
	list-style: none !important;
}
.pagenav ul li:first-child {
	float: left;
}
.pagenav ul li:last-child {
	text-align: right;
	float: right;
}

/*-------------------------------*/

/*@media screen and (min-width : 1025px)pc以上

-------------------------------*/
@media screen and (min-width : 1025px) {
/*メニュー 下線*/
#top-head .menu ul li {
	width: 145px;
	border-right: solid 1px #999;
	text-align: center;
}
#top-head .menu ul li:last-child {
	border-right: none;
}
#top-head .menu ul li a {
	overflow: hidden;
	height: 20px;
	position: relative;
	display: block;
}
#top-head .menu ul li::after {
	content: '';
	position: absolute;
	bottom: -23px;
	left: 0;
	width: 100%;
	height: 3px;
	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);
	background-color: #5996aa;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}
.fixed #top-head .menu ul li::after {
	bottom: -13px;
}
#top-head .menu ul li:hover::after, #top-head .menu ul li.active::after {
	-webkit-transform: scaleX(1);
	-ms-transform: scaleX(1);
	transform: scaleX(1);
}
#top-head .menu ul li a.active {
	border-bottom: solid 2px red\9;
}
/*メニュー テキスト上下スライド*/
#top-head .menu ul li a span {
	position: absolute;
	height: 20px;
	text-align: center;
	line-height: 20px;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	transition: all 0.4s ease;
	left: 0;
	right: 0;
	margin: 0 auto;
}
#top-head .menu ul li a span.e {
	color: #333;
	top: 0;
}
#top-head .menu ul li a span.j {
	top: 20px;
	letter-spacing: -0.05em;
}
#top-head .menu ul li a:hover span.e {
	top: -20px;
}
#top-head .menu ul li a:hover span.j {
	top: 0;
	color: #5996aa;
}
}

/*-------------------------------*/

/*@media screen and (min-width : 1024px)

-------------------------------*/
@media screen and (max-width : 1024px) {
#wrapper, #container {
	margin-top: 60px;
}
/*.content-inner*/
#container .content-inner {
	padding: 4rem 2.5rem;/*左右の余白追加*/
}
/*nav*/
/* header */
/* Fixed reset */
#top-head,  .fixed #top-head {
	height: 60px;
}
#top-head .inner,  .fixed #top-head .inner {
	margin: 0 auto;
	text-align: left;
}
#top-head h1.logo a,  .fixed #top-head h1.logo a {
	margin: 20px;
	text-align: left;
}
#nav-toggle {
	display: block;
}
/* #nav-toggle 切り替えアニメーション */
#nav-toggle span:nth-child(1) {
	top: 7px;
}
#nav-toggle span:nth-child(2) {
	top: 17px;
}
#nav-toggle span:nth-child(3) {
	top: 27px;
}
.open #nav-toggle {
	border: solid #fff 1px;
}
.open #nav-toggle span {
	background: #fff;
}
.open #nav-toggle span:nth-child(1) {
	top: 17px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}
.open #nav-toggle span:nth-child(2) {
	width: 0;
	left: 50%;
}
.open #nav-toggle span:nth-child(3) {
	top: 17px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/*モーダルのスタイル*/
#top-head .menu {
	position: fixed;
	display: table;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.85);
	-webkit-transition: all .5s;
	transition: all .5s;
	visibility: hidden;
	opacity: 0;
}
#top-head .menu ul {
	list-style: none;
	position: static;
	width: 100%;
	padding-top: 40px;
	font-size: 2rem;
}
#top-head .menu ul li {
	float: none !important;
	position: static !important;
	width: 100% !important;
	opacity: 0;
	margin: 0 auto;
}
#top-head .menu ul li a,  .fixed #top-head .menu ul li a {
	display: block;
	color: #fff;
	padding: 1.5rem 2rem;
	text-align: center;
	transition: all 0.5s ease 0s;
}
.open #top-head .menu li {
	opacity: 1;
}
.open #top-head .menu li:nth-child(1) {
	transition: opacity 1s ease 0.2s;
}
.open #top-head .menu li:nth-child(2) {
	transition: opacity 1s ease 0.3s;
}
.open #top-head .menu li:nth-child(3) {
	transition: opacity 1s ease 0.4s;
}
.open #top-head .menu li:nth-child(4) {
	transition: opacity 1s ease 0.5s;
}
.open #top-head .menu li:nth-child(5) {
	transition: opacity 1s ease 0.6s;
}
.open #top-head .menu li:nth-child(6) {
	transition: opacity 1s ease 0.7s;
}
.open #top-head .menu li:nth-child(7) {
	transition: opacity 1s ease 0.8s;
}
/* 開閉用ボタンがクリックされた時のスタイル */
.open #top-head .menu {
	-webkit-transition: all .5s;
	transition: all .5s;
	visibility: visible;
	opacity: 1;
}
#top-head .menu ul li a span.j {
	display: block;
	font-size: 73%;
	color: rgba(139,139,139,1.00);
	margin-top: 0;
	letter-spacing: 0.05em;
}
/*language*/
#top-head .language {
	right: 70px;
	top: 15px;
}
#top-head .language a {
}
#top-head .language a.active {
}
#top-head .language p {
	display: none;
}
#top-head .language a {
}
/*btn-more01*/
.btn-more01 {
	color: #fff;
	background: #5996a9;
	border: solid 1px #5996a9;
}
a.btn-more01 {
	color: #fff;
}
.btn-more01::after {
	right: -130%;
}
.btn-more01::before {
	right: 40%;
}
.btn-more01 span {
	margin-left: 0;
}
/*btn-more02*/
.btn-more02 {
	color: #fff;
	background-color: #5996a9;
	border: solid 1px #5996a9;
}
.btn-more02::before {
	right: 0%;
}
.btn-more02 span {
	margin-left: 30px;
}
/*第二階層*/
.second-content {
	margin-left: 3rem !important;
	margin-right: 3rem !important;
}
/*footer*/
#footer .menu {
	position: relative;
	overflow: hidden;
}
#index #footer .menu {
	border-bottom: solid 1px #5996a9;
	padding-bottom: 10px;
}
#footer .menu ul {
	margin: 10px 10px 0;
	float: left;
	left: 50%;
	position: relative;
}
#footer .menu ul li {
	float: left;
	left: -50%;
	position: relative;
}
#footer .menu ul li a {
	display: inline-block;
	color: #5996a9;
	margin: 5px;
}
/*wp*/
.right-block .description p{
	font-size:2rem;
	text-align:left;
	letter-spacing:-0.01em;
}
}
/*-------------------------------*/

/*@media screen and (min-width : 768px)

-------------------------------*/
@media screen and (max-width : 768px) {
 .second-title, .second-title.works {
 height:180px;
 background-size:auto 180px;
}
	

/*contact*/
/*.table-form*/
.contact .table-form {
 width: 100%;
 border: none;
 border:solid 1px #aaaaaa;
}
.contact .table-form th {
 width: 100%;
 display: block;
 border: none;
 background-color: #e2e2e2;
 padding: 1.5% 3%;
}
.contact .table-form td {
 width: 100%;
 display: block;
 border: none;
 padding: 20px 10px;
}
 .contact .table-form textarea, .contact .table-form select, .contact .table-form input {
 width:94%;
}


	
/*page-top*/
#page-top a.arrow-top img {
	/*	border:solid 1px #ffc478;*/
	height: 50px;
 margin: 20px auto;
 padding: 10px;
 width: 50px;
}


/*page.php*/
.second-content.wp.works {
 margin-top: 0;
}
}

/*-------------------------------*/

/*@media screen and (min-width : 640px)

-------------------------------*/
@media screen and (max-width : 640px) {
#top-head h1.logo a,  .fixed #top-head h1.logo a {
 background-size:230px auto;
 width: 230px;
 padding-top: 27px;
 text-align:left;
 margin: 25px 20px;
}
 .second-content .main.fl {
 padding-top:4rem;
}
.second-content .sub.fr {
 padding-top:4rem;
 margin-bottom: 4rem;
}
	

		
	
/*font*/
h2 {
 margin-bottom:0;
 font-size:3.6rem;
}
h3 {
 margin-bottom: 0;
}
h3.contact-step3 {
 margin-bottom: 3rem;
}
#biography h3 {
 margin-bottom: 4rem;
}
.btn-bk a {
 font-size: 2rem;
}



/*birgraphy-------------*/

.birgraphy-photo {
 max-width:400px;
 display:block;
 text-align:center;
 margin:0 auto;
 padding-bottom:0;
}
}

/*-------------------------------*/

/*@media screen and (min-width : 414px) iPhone 6 Plus

-------------------------------*/
@media screen and (max-width : 414px) {
 #top-head h1.logo a,  .fixed #top-head h1.logo a {
 background-size:190px auto;
 width: 190px;
 margin: 25px 0 25px 5px;
}
}
	
/*-------------------------------*/

/*@media screen and (min-width : 374px) under iPhone 6 (375px)

-------------------------------*/
@media screen and (max-width :374px) {
 #top-head h1.logo a,  .fixed #top-head h1.logo a {
 background-size:170px auto;
 width: 170px;
 margin: 30px 10px;
}
#top-head .menu ul {
 padding-top: 10px;
}
#top-head .menu ul li a, .fixed #top-head .menu ul li a {
 padding: 1.2rem 2rem;
}
#top-head .menu ul li a span.j {
 line-height:1;
}
 .second-content ul.contact-info li span {
 display:block;
 width:100%;
}
.contact .table-form input.input-half {
    width: 22%;
}

}
	
/*-------------------------------*/

/*@media screen and (min-width : 320px) iPhone 5

-------------------------------*/
@media screen and (max-width :320px) {
 #top-head h1.logo a,  .fixed #top-head h1.logo a {
 background-size:140px auto;
 width: 140px;
 margin: 30px 10px;
}
#top-head .language {
 right: 60px;
}

 #footer .menu ul li a {
 margin: 5px 0;
}
}