@charset "utf-8";

/*========================================================


雨宮国際特許事務所 Webサイト

layout.css


coded by artblind design [http://www.artblind.com/]
Editor : s.takenaka
date : 2015.5
last Update : 2015.5

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


/* ---------------------------------------- 
initialize
---------------------------------------- */

body {
	color:#fff;
	line-height:1.6em;
	font-size:14px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif;
	-webkit-text-size-adjust:100%;
}
img {
	max-width:100%;
	height: auto;
	width /***/:auto;
}
a:link,
a:visited {
	color:#fff;
	text-decoration:underline;
	outline:none;
}
a:hover {
	color:#b32c29;
	text-decoration:none;
}
a { 
	-webkit-transition: color 0.40s,background-color 0.40s;
	-moz-transition: color 0.40s,background-color 0.40s;
	-ms-transition: color 0.40s,background-color 0.40s;
	transition: color 0.40s,background-color 0.40s;
}
.clear {
	clear:both;
}
#container {
	width:100%;
	overflow:hidden;
	background:#000 url(../images/bg.jpg);
}
header {
	width:100%;
	height:500px;
}



/* ---------------------------------------- 
footer
---------------------------------------- */

.footer {
	overflow:hidden;
	margin:0 auto;
	padding:55px 0 80px 0;
	width:960px;
	border-top:2px solid #000;
	-webkit-box-shadow: 0 1px 0 #484646 inset;
	-moz-box-shadow: 0 1px 0 #484646 inset;
	box-shadow:0 1px 0 #484646 inset;
}
.footer-menu {
	float:left;
}
.footer__credit {
	float:right;
}



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

/* block */
.block {
	clear:both;
	margin:0 auto;
	padding-bottom:30px;
	width:960px;
	
}
/* block--en */
.block--en {
	margin-bottom:200px;
}

/* paragraph */
.block__paragraph {
	margin-bottom:40px;
}

/* haading 01 */
.heading {
	margin:0 auto 0;
	padding:200px 0 135px;
	width:878px;
}
.heading--en {
	width:800px;
}
/* heading 02*/
.block__heading {
	margin-bottom:50px;
	padding-bottom:23px;
	font-size:22px;
	text-indent:12px;
	border-bottom:2px solid #000;
	-webkit-box-shadow: 0 1px 0 #484646;
	-moz-box-shadow: 0 1px 0 #484646;
	box-shadow:0 1px 0 #484646;
}
/* heading 03 */
.heading--circle {
	float:left;
	padding-top:90px;
	width:202px;
	height:203px;
	font-size:22px;
	text-align:center;
	background:url(../../images/bg_circle.png) no-repeat 0 0;
}
/* heading 04 */
.heading--border {
	margin-bottom:30px;
	padding:3px 0 3px 15px;
	font-size:18px;
	border-left:5px solid #838181;
	line-height:1;
}
/* un-ordered list*/
.un-list {
	padding-left:15px;
}
.un-list__item {
	margin-bottom:5px;
	list-style:disc outside;
}
/* non list */
.non-list {
	
}
.non-list__item {
	margin-bottom:5px;
}


/* pdf link */
.pdf-link {
	
}
.pdf-link__item {
	margin-bottom:7px;
	padding-left:25px;
	background:url(../images/icon_pdf.png) no-repeat 0 50%;
	background-size:16px auto;
}
.pdf-link__item:last-child {
	margin-bottom:0;
}
.new-win-link__item {
	background:url(../images/icon_nw.png) no-repeat 0 50%;
	background-size:16px auto;
}


/* global nav*/
.global-nav {
	margin-bottom:250px;
	width:100%;
	background-color:#000;
	line-height:1;
	z-index:1000;
}
.global-menu {
	margin:0 auto;
	width:960px;
	text-align:center;
}
.global-menu__item {
	display:inline-block;
	margin-right:30px;
}
.global-menu__item:last-child {
	margin-right:0;
}
.global-menu__item--anchor:link,
.global-menu__item--anchor:visited {
	display:block;
	padding:25px 0;
	font-size:18px;
	text-decoration:none;
}
.global-menu__item--home {
	width:30px;
	height:30px;
}
.global-menu__item--home a,
.global-menu__item--home img {
	display:block
}
.global-menu__item--home a {
	margin-top:7px;
}
.global-menu__sp {
	display:none;
}
.global-menu__item--sp {
	width:30px;
	height:30px;
}

/* sp-nav*/
.sp-nav {
	display:none;
}

/* sub-menu */
.sub-menu {
	position:absolute;
	right:0;
	top:20px;
	line-height:1;
	z-index:1100;
}
.sub-menu__item {
	margin-right:20px;
	float:left;
}
.sub-menu__lang {
	dislay:inline-block;
	z-index:1100;
}
.sub-menu__lang--anchor:link,
.sub-menu__lang--anchor:visited {
	display:block;
	padding:3px;
	border:1px solid #fff;
	text-decoration:none;
}
.sub-menu__lang--anchor:hover {
	background-color:#fff;
	color:#000;
}

/* table */
table {
	width:100%;
}
.table--profile,
.table--info {
	border-collapse:separate;
	border-spacing: 0 6px;
}
.table--profile__th {
	width:4.5em;
	font-weight:normal;
	text-align:left;
}
.table--profile__td {
	padding-left:1em;
}
.table--info {
	margin-bottom:50px;
}
.table--info__th {
	width:10em;
	font-weight:normal;
	text-align:left;
}
.align--light {
	padding-left:0;
	width:3em;
	text-align:right;
}

/* form table */
.table-form {
	margin-bottom:70px;
	border-collapse:separate;
	border-spacing:6px 6px;
}
.table--form__th {
	padding:20px;
	width:316px;
	font-size:16px;
	font-weight:normal;
	text-align:left;
	background-color:#303030;
	vertical-align:top;
}
.table__required {
	font-size:12px;
	font-style:normal;
	color:#ff0000;
}
.table--form__th--small {
	display:block;
	font-size:12px;
}
.table--form__td {
	padding:20px;
	background-color:#303030;
	vertical-align:middle;
}
.table__label {
	margin-right:20px;
	font-size:16px;
	line-height:1;
	cursor:pointer;
}
.table__label input {
	vertical-align:top;
}
.table__text {
	width:100%;
	padding:10px;
	font-size:16px;
	color:#fff;
	background-color:#444343;
	border:1px solid #696969;
}

/* map */
.map {
	position: relative;
	margin-bottom:10px;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.map iframe,
.map object,
.map embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.map-text {
	color:#000;
}
.map__text {
	margin-bottom:80px;
	font-size:12px;
}

/* button */
.btn--large {
	margin-bottom:80px;
	text-align:center;
}
.btn--large__item {
	display:inline-block;
	margin-right:20px;
	background-color:#666666;
}
.btn--large__item:last-child {
	margin-right:0;
}
.btn--submit {
	background-color:#533e3e;
}

.btn--large__item--anchor:link,
.btn--large__item--anchor:visited {
	display:block;
	width:400px;
	padding:32px 0;
	font-size:18px;
	text-decoration:none;
}
.btn--large__item--anchor:hover {
	color:#fff;
	background-color:#b32c29;
}



/*業務内容*/
.field-list {
	overflow:hidden;
	margin:0 0 48px 48px;
}
.field-list__block {
	float:right;
	width:645px;
}
.field-list__block--three {
	margin-top:60px;
}
.field-list__block--four {
	margin-top:50px;
}
.field-list__block--six {
	margin-top:20px;
}


/*代表プロフィール*/
.profile-list {
	margin-bottom:50px;
}
.porfile-image {
	float:left;
	margin-bottom:50px;
	width:316px;
}
.name {
	margin-bottom:50px;
	margin-left:345px;
}
.name__dt {
	margin-bottom:20px;
	font-size:24px;
}
.name__ruby {
	display:block;
	margin-top:7px;
	font-size:14px;
}
.name__dd {
	font-size:18px;
}
.name__small {
	font-size:12px;
}
.profile-list--right {
	margin-left:345px;
}

/* お問い合わせ */
.inquiry {
	overflow:hidden;
	margin-bottom:50px;
}
.inquiry__item {
	float:left;
	margin-bottom:5px;
	width:65px;
}
.inquiry__number {
	margin-bottom:5px;
}
.inquiry__number--tel {
	font-style:normal;
	font-size:18px;
}
.step-area {
	margin-bottom:28px;
	text-align:center;
}

/* form conf*/
.heading--sub {
	margin-bottom:40px;
	padding:20px 20px 20px 60px;
	background-color:#000;
	font-size:18px;
	background:#000 url(../images/menu_logo.png) no-repeat 15px 15px;
	background-size:30px 30px;
	
}
.heading--sub__anchor:link,
.heading--sub__anchor:visited {
	text-decoration:none;
}

.thanks__paragraph {
	margin-bottom:40px;
	font-size:26px;
	line-height:1.4;
	text-align:center;
}
p.msg {
	color: #dd0000;
	margin: 2em;
}
span.msg {
	color: #dd0000;
}

/* プライバシーポリシー */
.block-privacy {
	margin-bottom:50px;	
}
.block-privacy__dt {
	margin-bottom:10px;
	font-size:16px;
	font-weight:bold;
}
.block-privacy__dd {
	margin-bottom:30px;
	line-height:1.4;
}


@media screen and (min-width: 480px) and (max-width: 959px) {
	
body {
	color:#fff;
	background:#000 url(../images/bg.jpg);
}

/* ---------------------------------------- 
footer
---------------------------------------- */
.footer {
	padding:40px 20px 40px 20px;
	width:100%;
	font-size:12px;
}

/* ---------------------------------------- 
tablet contents
---------------------------------------- */
/* block */
.block {
	margin:0;
	padding:0 10px 30px 10px;
	width:100%;
}
/* haading 01 */
.heading {
	padding:150px 0 135px;
	width:91.4%;
}

/* global nav*/
.global-menu {
	margin:0;
	padding:0 10px 0 10px;
	width:100%;
}
.global-menu__item {
	display:inline-block;
	margin-right:20px;
}
.global-menu__item--anchor:link,
.global-menu__item--anchor:visited {
	font-size:14px;
}

/*業務内容*/
.field-list {
	margin:0 0 48px 0px;
	width:100%
}
.field-list__block {
	float:right;
	width:100%;
}
.un-list__item {
	margin-left:232px;
}
.un-list__item--profile {
	margin-left:0;
}
.heading--circle {
	margin-right: -232px;
}

/*代表プロフィール*/
.porfile-image {
	float:left;
	width:35%;
}
.name,
.profile-list--right {
	margin-left:38%;
}
/* form table */
.table-form {
	margin-bottom:30px;
}
.table--form__th {
	display:block;
	padding:20px 20px 0 20px;
	width:100%;
}
.table__required {
	font-size:12px;
	font-style:normal;
	color:#ff0000;
}
.table--form__th--small {
	display:block;
	font-size:12px;
}
.table--form__td {
	display:block;
	padding:20px;
	width:100%;
}
.table__label {
	margin-right:20px;
	font-size:16px;
	line-height:1;
	cursor:pointer;
}
.table__label input {
	vertical-align:top;
}
.table__text {
	width:100%;
	padding:10px;
	font-size:16px;
	color:#fff;
	background-color:#444343;
	border:1px solid #696969;
}
.table__label {
	float:left;
	display:block;
	width:50%;
	margin:0 0 15px 0;
}
.table--form__td {
	overflow:hidden;
}

/* button */
.btn--large__item {
	width:40%;
	margin-right:20px;
}
.btn--large__item--wide {
	width:400px;
}
.btn--submit {
	background-color:#533e3e;
}

.btn--large__item--anchor:link,
.btn--large__item--anchor:visited {
	width:auto;
	padding:32px 0;
	font-size:18px;
}
}


@media screen and (max-width: 479px) {
	
body {
	color:#fff;
	background:#000 url(../images/bg.jpg);
}
/* ---------------------------------------- 
sp footer
---------------------------------------- */
.footer {
	width:100%;
	padding:40px 20px 40px 20px;	
}
.footer-menu {
	float:none;
	margin-bottom:15px;
	text-align:center;
}
.footer__credit {
	float:none;
	text-align:center;
}
/* ---------------------------------------- 
sp contents
---------------------------------------- */

body {
	font-size:12px;
}
/* block */
.block {
	margin:0;
	padding:0 10px 30px 10px;
	width:100%;
}
/* haading 01 */
.heading {
	padding:180px 0 250px;
	width:91.4%;
}
/* heading 02*/
.block__heading {
	margin-bottom:25px;
	padding-bottom:11px;
	font-size:18px;
	text-indent:12px;
}
/* heading 03 */
.heading--circle {
	float:none;
	margin:0 auto 20px;
	padding-top:65px;
	width:151px;
	height:151px;
	font-size:16px;
	background-size:151px 151px;
}
/* heading 04 */
.heading--border {
	margin-bottom:20px;
	font-size:16px;
}


/* global nav*/
.global-nav {
	display:none;
}

/* sp-nav*/
.sp-nav {
	display:block;
	position:fixed;
	top:0;
	width:100%;
	margin-bottom:0;
	line-height:1.6;
	z-index:1000;
}
.sp-menu {
	margin:0;
	width:100%;
	text-align:center;
	background-color:rgba(0,0,0,0.8);
}

.sp-menu__item {
	display:block;
	margin:0;
	padding:0;
}
.sp-menu__item:last-child {
	padding-bottom:30px;
}
.sp-menu__item--anchor:link,
.sp-menu__item--anchor:visited {
	display:block;
	padding:15px 0;
	font-size:18px;
	text-decoration:none;
}
.sp-menu__item--home {
	margin:0 auto;
	padding:15px 0;
	width:30px;
	height:60px;
}
.sp-menu__item--home a,
.sp-menu__item--home img {
	display:block;
}
.sp-menu__item--home a {
	margin-top:0;
}
.global-menu__sp {
	display:block;
	padding:10px 0 10px 10px;
	background-color:#000;
}
.global-menu__item--sp {
	display:block;
	width:30px;
	height:30px;
}

/* sub-menu */
.sub-menu {
	top:15px;
}

/* form table */
.table-form {
	margin-bottom:30px;
}
.table--form__th {
	display:block;
	padding:20px 20px 0 20px;
	width:100%;
}
.table__required {
	font-size:12px;
	font-style:normal;
	color:#ff0000;
}
.table--form__th--small {
	display:block;
	font-size:12px;
}
.table--form__td {
	display:block;
	padding:20px;
	width:100%;
}
.table__label {
	margin-right:20px;
	font-size:16px;
	line-height:1;
	cursor:pointer;
}
.table__label input {
	vertical-align:top;
}
.table__text {
	width:100%;
	padding:10px;
	font-size:16px;
	color:#fff;
	background-color:#444343;
	border:1px solid #696969;
}

/* button */
.btn--large__item {
	display:block;
	margin:0 auto 20px;
	width:80%;
}
.btn--large__item:last-child {
	margin-bottom:0;
}
.btn--large__item--anchor:link,
.btn--large__item--anchor:visited {
	display:block;
	width:auto;
	padding:24px;
	font-size:16px;
}
.btn--large__item:last-child {
	margin-right:auto;
}


/*業務内容*/
.field-list {
	margin:0 0 48px 0;
}
.field-list__block {
	float:none;
	padding:0 10px 0 25px;
	width:100%;
}
.field-list__block--three,
.field-list__block--four,
.field-list__block--six {
	margin-top:0;
}

/*代表プロフィール*/
.profile-list {
	margin-bottom:50px;
}
.porfile-image {
	float:none;
	margin:0 auto 20px;
	text-align:center;
	width:50%;
}
.name {
	margin:0 0 50px 0;
	text-align:center;
}
.name__dt {
	font-size:20px;
}
.name__ruby {
	font-size:12px;
}
.name__dd {
	font-size:16px;
}
.name__small {
	font-size:10px;
}
.profile-list--right {
	margin-left:0;
}
.table__label {
	float:none;
	display:block;
	width:100%;
	margin:0 0 15px 0;
}
.table__label:last-child {
	margin-bottom:0;
}
.align--light {
	width:2.5em;
}
.map {
	margin-bottom:10px;
}
}