@charset "UTF-8";
/**
 * 行政書士　築山祐子　事務所（韓国語版）
**/

/* Basic
-------------------------------------------------------------- */
body {
	font-size: 15px;
	font-family: "メイリオ", Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Helvetica,Arial,Sans-Serif;
	color: #000;
	-webkit-text-size-adjust: 100%;
	background:url(../images/body_bg.jpg) top left repeat-x #f7f7f7;
}

a img{
 border: none;
}

a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
}

a{
    color: #5f84f2;
    text-decoration: underline;
}

a:hover{
	color: #e95283;
	text-decoration:underline;
}

p{
	line-height:1.5;
}

@font-face {
    font-family: 'UtsukushiMincho';
    src: url('../fonts/utsukushimincho.woff') format('woff'),
           url('../fonts/utsukushimincho.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Yumin';
    src: url('../fonts/yumin.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Yuminb';
    src: url('../fonts/yumindb.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

/* clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/** スマホ電話番号リンク表示 **/
.tel_link a,
.tel_link a:hover 
{
	color: #000;
	text-decoration: none;
}

/* ==================================================================
*
* 	トップページ Style 
*
* ================================================================== */

header .lt h1.title a,
header .lt h1.title a:hover {
	color:  #e4024e;
	text-decoration: none;
}

/* スマホ向けのスタイル：〜768px
-------------------------------------------------------------- */
@media screen and (max-width:320px) {
    .price-box div.price p.text1{
	    font-size: 25px !important;
    }
    .price-box div.price p.text2{
	    font-size: 35px !important;
    }
}

@media screen and (max-width:768px)
{
/* Basic
-------------------------------------------------------------- */
body {
	background:#f7f7f7;
}
	
/* Layout
-------------------------------------------------------------- */
#container{
	width: 100%;
	min-width: 320px;
	margin:0 auto;
}

main{
	width: 100%;
	margin:0 auto;
}

/*--------------------------------------------
	Header
----------------------------------------------*/
header{
	width: 100%;
	height: auto;
	background: #fff;
	padding-bottom: 30px;
	border-bottom:2px solid #e4e2e3; 
}

header .lt{
	width: 100%;
	height: auto;
	border-top: 5px solid #ee9fbf;
}

header .lt h1.title{
	width: 96%;
	color:  #e4024e;
	font-family: 'Yuminb',"リュウミン B-KL","A-OTF リュウミン Pro M-KL","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HG明朝E","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-size: 20px;
	font-weight: bold;
	padding-top: 38px;
	padding-left: 25px;
	box-sizing: border-box;
	margin:0 auto;
	line-height:1.0;
	background: url(../images/header_lt_bg_sp.jpg) left top 20px no-repeat;
	background-size: 320px 77px;
	-moz-background-size: 320px 77px;
	-webkit-background-size: 320px 77px;
	-ms-background-size: 320px 77px;
}

header .lt h1.title span.tit1{
	font-size: 16px;
	margin-right:10px;
}

header .lt h1.title span.tit2{
	font-size: 20px;
	margin-right:10px;
}

header .lt h2.subtitle{
	width: 100%;
	color:  #f1a1bd;
	font-family: "Century","リュウミン R-KL","A-OTF リュウミン Pro M-KL","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HG明朝E","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-size: 12px;
	font-weight: normal;
	padding-top: 5px;
	padding-left: 36px;
	box-sizing: border-box;
	line-height:1.0;
	letter-spacing: 0em;
}

header .lt h2.subtitle span.tit1{
	margin-right:18px;
}

header .lt h2.subtitle span.tit2{
	margin-right:18px;
}

header .rt{
	width: 94%;
	height: auto;
	margin:10px auto 0;
}

header .rt p.tel{
	width: auto;
	float:none;
	color:  #f1a1bd;
	font-size: 20px;
	font-weight: bold;
	padding-top: 0px;
	box-sizing: border-box;
	line-height:1.0;
	white-space: nowrap;
	text-align:center;
	margin:0 auto;
}

header .rt p.tel:before{
	content:"TEL ";
}

header .rt p.tel a,
header .rt p.tel a:hover
{
	cursor:default!important;
	color:  #f1a1bd!important;
	text-decoration:none!important;
}

header .rt p.mail a{
	display: block;
	float:none;
	width: 160px;
	height: 33px;
	background: url(../images/mail-banner_bg.jpg) no-repeat;
	background-size: 160px 33px;
	-moz-background-size: 160px 33px;
	-webkit-background-size: 160px 33px;
	-ms-background-size: 160px 33px;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	padding-top: 10px;
	/** padding-left: 40px; **/
    text-align: center;
	box-sizing: border-box;
	margin:10px auto 0;
	letter-spacing: 0.1em;
	line-height:1.0;
}

header .rt p.mail a:hover{
	display: block;
	background: url(../images/mail-banner_bgon.jpg) no-repeat;
	background-size: 160px 33px;
	background-size: 160px 33px;
	-moz-background-size: 160px 33px;
	-webkit-background-size: 160px 33px;
	-ms-background-size: 160px 33px;
	color: #fff;
	text-decoration: none;
}

header .rt p.time{
	width: 100%;
	color:  #585657;
	font-size: 14px;
	text-align: center;
	padding-top: 10px;
	box-sizing: border-box;
	line-height:1.0;
	white-space: nowrap;
}

/*--------------------------------------------
	Contents
----------------------------------------------*/
.intro{
	width: 100%;
	height: auto;
	color: #585657;
	font-family: 'Yuminb',"リュウミン B-KL","A-OTF リュウミン Pro M-KL","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HG明朝E","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-size: 17px;
	font-weight: bold;
	padding: 15px 0;
	box-sizing: border-box;
	text-align: center;
}

.intro p{
	line-height:1.5;
}

/***** トップ画像〜略歴 ****/
.topmain{
	width: 100%;
	height: auto;
	background:url(../images/top-contents_bg_sp.jpg) top left no-repeat #f7c6db;
	background-size: contain;
	-moz-background-size: contain;
	-webkit-background-size: contain;
	-ms-background-size: contain;	
	padding-bottom: 30px;
}

section.topmain p.title{
	width: 100%;
	color:  #e4024e;
	font-family: 'Yuminb',"リュウミン B-KL","A-OTF リュウミン Pro M-KL","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HG明朝E","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-size: 35px;
	font-weight: bold;
	padding-top: 12px;
	box-sizing: border-box;
	line-height:1.2;
	text-align: center;
	text-shadow: 2px 2px 5px #fff,
	-2px -2px 5px #fff;
	-moz-text-shadow: 2px 2px 5px #fff,
	-2px -2px 5px #fff;
	-webkit-text-shadow: 2px 2px 5px #fff,
	-2px -2px 5px #fff;
	-ms-text-shadow: 2px 2px 5px #fff,
	-2px -2px 5px #fff;
}

section.topmain div.explain{
	width: 94%;
	background:url(../images/topmain-comment_bg_sp.png) top left;
	border-radius: 8px;
	box-shadow: 3px 3px 8px #000;
	-moz-box-shadow: 3px 3px 8px #000;
	-webkit-box-shadow: 3px 3px 8px #000;
	-ms-box-shadow: 3px 3px 8px #000;
	font-size: 16px;
	margin: 150px auto 0;
	padding:15px;
	box-sizing: border-box;
}

section.topmain div.explain span.red{
	font-size: 25px;
	font-weight: bold;
}

section.topmain div.explain p:nth-child(2){
	margin-top: 18px;
}

section.topmain div.profile{
	width: 94%;
	height:auto;
	background: #fff;
	border-radius: 8px;
	box-shadow: 3px 3px 8px #000;
	-moz-box-shadow: 3px 3px 8px #000;
	-webkit-box-shadow: 3px 3px 8px #000;
	-ms-box-shadow: 3px 3px 8px #000;
	margin:40px auto 0;
	padding: 15px;
	box-sizing: border-box;
}

div.profile .lt{
	width: 30%;
	float: left;
}

div.profile .lt img{
	width: 100%;
	height: auto;
}

div.profile .rt{
	width: 70%;
	height: auto;
	float: right;
	background:url(../images/profile_bg_sp.jpg) top left;
}

div.profile .rt p.name{
	width: 100%;
	min-height: 31px;
	box-sizing: border-box;
	background:url(../images/profile_tit_bg_sp.jpg) bottom left no-repeat;
	font-size: 16px;
	padding-left: 25px;
	padding-bottom: 6px;
	box-sizing: border-box;
	line-height: 1.5;
}

div.profile .rt p.explain{ 
	width: 100%;
	box-sizing: border-box;
	padding-top: 8px;
	padding-left: 25px;
}

table.profile-list{
	width: 94%;
	border: none;
	margin-top: 20px;
	margin-left: 25px;
}

table.profile-list th{
	width: 30%;
	vertical-align: top;
	text-align: left;
	font-weight: normal;
	padding-bottom: 10px;
	line-height:1.5;
	font-weight:bold;
}

table.profile-list td{
	width: 70%;
	vertical-align: top;
	text-align: left;
	padding-bottom: 10px;	
	line-height:1.5;
}
	
/**** 代表行政書士のメッセージ ****/
	
section.topmain div.message{
	width: 94%;
	background: #fff;
	border-radius: 8px;
	box-shadow: 3px 3px 8px #000;
	-moz-box-shadow: 3px 3px 8px #000;
	-webkit-box-shadow: 3px 3px 8px #000;
	-ms-box-shadow: 3px 3px 8px #000;
	margin:30px auto 0;
	padding: 15px 25px 10px;
	box-sizing: border-box;
}

.message p.tit {
	min-height: 48px;
	padding-top: 10px;
	padding-left: 45px;
	margin-bottom: 15px;
	font-size: 19px;
	font-weight: bold;
	background: url(../images/icon-message.png) left center no-repeat;
	background-size: 35px 38px;
	-moz-background-size: 35px 38px;
	-webkit-background-size: 35px 38px;
	-ms-background-size: 35px 38px;
	box-sizing:border-box;
	border-bottom: 2px solid #eda2c0;
}
	
.message p.sign {
	padding-top: 10px;
	text-align: right;
	margin-bottom: 0;
}
	
.message p.sign img {
	width: 200px;		
}
	
div.comment-message p{
	margin-bottom: 15px;
}
	
	
/***** 外国人の方々を取り巻くビザの悩みを解決サポート
　〜行政書士活用のメリット ****/

.middle-contents{
	width: 100%;
	height: auto;
	background:url(../images/middle-contents_bg.jpg) top left;
	padding-bottom:30px;
}

.middle-inner_contents01{
	width: 94%;
	height: auto;
	background:url(../images/topmain-comment_bg_sp.png) top left;
	box-shadow: 3px 3px 8px #000;
	-moz-box-shadow: 3px 3px 8px #000;
	-webkit-box-shadow: 3px 3px 8px #000;
	-ms-box-shadow: 3px 3px 8px #000;
	margin:20px auto 0;
	padding-top: 20px;
	padding-bottom: 20px;
}

.middle-inner_contents01 p.title{
	width: 96%;
	height: auto;
	text-align: left;
	color: #fff;
	font-size: 19px;
	margin: 0 auto 15px;
	padding-top: 8px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:5px;
	box-sizing: border-box;
	background: #c40026;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	line-height: 1.5;
}



.middle-inner_contents01 dl{
	width: 100%;
	padding:0 25px;
	box-sizing: border-box;
}

.middle-inner_contents01 dt{
	width: 100%;
    /**
	background:url(../images/icon-arrow.png) top left no-repeat;
	background-size: 11px 16px;
	-moz-background-size: 11px 16px;
	-webkit-background-size: 11px 16px;
	-ms-background-size: 11px 16px;
    **/
	font-size: 18px;
	font-weight: bold;
    /**
	padding-left:15px;
    **/
    padding-left: 0;
	padding-bottom: 3px;
	box-sizing: border-box;
}

.middle-inner_contents01 dt span.normal{
	font-size: 17px;
	font-weight: normal;
	display:inline-block;
	margin-top:5px;
}

.middle-inner_contents01 dd{
	width: 100%;
	font-size: 15px;
	padding-left:15px;
	padding-right: 0;
	padding-bottom: 12px;
	box-sizing: border-box;
	line-height:1.5;
}

.middle-inner_contents01 dl:nth-last-of-type(1) dd{
	padding-bottom: 0;
}


.middle-inner_contents02{
	width: 94%;
	height: auto;
	background:url(../images/middle-inner-contents02_bg.png) top left;
	box-shadow: 3px 3px 8px #000;
	-moz-box-shadow: 3px 3px 8px #000;
	-webkit-box-shadow: 3px 3px 8px #000;
	-ms-box-shadow: 3px 3px 8px #000;
	margin:25px auto 0;
	padding-top: 20px;
	padding-bottom: 20px;
}

.middle-inner_contents02 p.title{
	width: 96%;
	height: auto;
	text-align: left;
	color: #fff;
	font-size: 19px;
	margin: 0 auto 15px;
	padding-top: 8px;
	padding-left:15px;
	padding-right:15px;
	padding-bottom:5px;
	box-sizing: border-box;
	background: #c40026;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-ms-border-radius: 10px;
	line-height: 1.5;
}

.middle-inner_contents02 ol{
	width: 100%;
	padding:0 25px;
	box-sizing: border-box;
  	list-style: none;
}

.middle-inner_contents02 ol li{
	width: 100%;
  	counter-increment: cnt;
  	list-style:none;
	font-size: 15px;
	padding-left:10px;
	padding-bottom: 3px;
	box-sizing: border-box;
	margin-bottom: 17px;
	line-height:1.5;
}

.middle-inner_contents02 ol li:nth-last-of-type(1) {
	padding-bottom:0;
	margin-bottom: 0;
}

.middle-inner_contents02 ol li:before {
	content: "" counter(cnt) "";
	display: block;
	float:left;
	margin-left: -15px;
	margin-top: -3px;
	margin-right:15px;
	text-align: center;
	height: 22px;
	width: 22px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-ms-border-radius: 50%;
	color: #fff;
	background:#e95383;
	padding-top: 1px;
	box-sizing: border-box;
}

.middle-inner_contents02 ol li p.tit{
	font-size: 18px;
	font-weight: bold;
	line-height: 1.0;
}

.middle-inner_contents02 ol li p.comment{
	margin-left: 21px;
	margin-top: 11px;
}

.middle-inner_contents02 ol li p.comment2{
	margin-left: 21px;
	margin-top: 11px;
	font-size: 14px;
	color:#343030;
}

/***** 初回相談料、お客様の声 ****/

.price-voice{
	width: 100%;
	height: auto;
	background: #f7d0e2;
	padding-top: 30px;
	/** padding-bottom: 40px; **/
    padding-bottom: 30px;
	margin:0 auto;
}

/* 初回相談料 */
.price-box{
	width: 94%;
	height: auto;
	/** margin: 0 auto 30px; **/
    margin: 0 auto;
	border-radius: 10px;
	background:#fbf0f4;
	border:5px solid #fde3f0;
}

.price-box div.price{
	width: 100%;
	color: #e63f75;
	
}

.price-box div.price p.text1{
	font-size: 30px;
	font-weight:bold;
	line-height: 1.0;
	padding: 20px 0 0 0;
	box-sizing:border-box;
	text-align:center;
}

.price-box div.price p.text2{
	font-size: 40px;
	font-weight:bold;
	line-height: 1.0;
	padding: 10px 0 0 0;
	box-sizing:border-box;
	text-align:center;
}

.price-box div.price p.text2 span.time{
	margin-right: 53px;
}
.price-box div.price p.text3{
    font-size: 20px;
	font-weight:bold;
	line-height: 1.0;
	padding: 10px 15px 0 0;
	box-sizing:border-box;
    text-align: right;
}

/* ご相談のご予約 */
.price-box div.contact{
	width: 100%;
	margin:10px auto 0;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	background:#fff;
}

.price-box div.contact p.tel{
	width: auto;
	float:none;
	color:  #f1a1bd;
	font-size: 20px;
	font-weight: bold;
	padding-top: 10px;
	box-sizing: border-box;
	line-height:1.0;
	white-space: nowrap;
	text-align:center;
	margin:0 auto;
}

.price-box div.contact p.tel:before{
	content:"TEL ";
}

.price-box div.contact p.tel a,
.price-box div.contact p.tel a:hover
{
	cursor:default!important;
	color:  #f1a1bd!important;
	text-decoration:none!important;
}


.price-box div.contact p.mail a{
	display: block;
	float:none;
	width: 160px;
	height: 33px;
	background: url(../images/mail-banner_bg.jpg) no-repeat;
	background-size: 160px 33px;
	-moz-background-size: 160px 33px;
	-webkit-background-size: 160px 33px;
	-ms-background-size: 160px 33px;
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	padding-top: 10px;
	/** padding-left: 40px; **/
    text-align: center;
	box-sizing: border-box;
    margin:10px auto 0;
	letter-spacing: 0.1em;
	line-height:1.0;
}

.price-box div.contact p.mail a:hover{
	display: block;
	background: url(../images/mail-banner_bgon.jpg) no-repeat;
	background-size: 160px 33px;
	background-size: 160px 33px;
	-moz-background-size: 160px 33px;
	-webkit-background-size: 160px 33px;
	-ms-background-size: 160px 33px;
	color: #fff;
	text-decoration: none;
}

.price-box div.contact p.time{
	width: 100%;
	color:  #585657;
	font-size: 14px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	box-sizing: border-box;
	line-height:1.0;
	white-space: nowrap;
}

/* お客様の声 */
.title-voice{
	width: 94%;
	height: 48px;
	color:  #fff;
	font-size: 22px;
	font-weight: bold;
	padding-top: 15px;
	padding-left: 17px;
	box-sizing: border-box;
	margin: 0 auto 20px;
	line-height:1.0;
	letter-spacing: 0.1em;
	text-shadow: 2px 2px 5px #ee88b0,
	-2px -2px 5px #ee88b0;
	-moz-text-shadow: 2px 2px 5px #ee88b0,
	-2px -2px 5px #ee88b0;
	-webkit-text-shadow: 2px 2px 5px #ee88b0,
	-2px -2px 5px #ee88b0;
	-ms-text-shadow: 2px 2px 5px #ee88b0,
	-2px -2px 5px #ee88b0;
	background: url(../images/title-voice_bg.jpg) center no-repeat;
	background-size: 668px 48px;
	-moz-background-size: 668px 48px;
	-webkit-background-size: 668px 48px;
	-ms-background-size: 668px 48px;
}

div.voice-box{
	width: 94%;
	background: #fff;
	border-radius: 8px;
	box-shadow: 3px 3px 8px #000;
	-moz-box-shadow: 3px 3px 8px #000;
	-webkit-box-shadow: 3px 3px 8px #000;
	-ms-box-shadow: 3px 3px 8px #000;
	margin:0 auto 40px;
	padding: 25px;
	box-sizing: border-box;
}

section.price-voice div.voice-box:nth-last-of-type(1) {
	margin-bottom: 0;
}

.subtitle-voice{
	width: 100%;
	height: auto;
	margin:0 auto 15px;
}


.subtitle-voice p.tit1{
	width:100%;
	height:auto;
	color:#e73f74;
	font-size: 19px;
	padding:10px 18px 6px;
	box-sizing:border-box;
	line-height: 1.5;
	border-radius: 10px;
	background:#fef1f8;
	border:2px solid #f8bcd6;
}

.subtitle-voice p.tit2{
	width:100%;
	height:50px;
	background: url(../images/subtitle-voice_bg02-2.jpg) bottom left no-repeat;
	font-size: 19px;
	font-weight: bold;
	line-height: 1.0;
	padding:22px 0 0 0;
	box-sizing:border-box;
	white-space: nowrap;
}

.subtitle-voice p.tit2 span.tit{
	padding-left: 32px;
	background: url(../images/icon-circle.jpg) left center no-repeat;
	background-size: 20px 20px;
	-moz-background-size: 20px 20px;
	-webkit-background-size: 20px 20px;
	-ms-background-size: 20px 20px;
	box-sizing:border-box;
}

div.comment-voice{
	width:100%;
}

div.comment-voice p{
	margin-bottom: 15px;
}

section.price-voice div.comment-voice p:nth-last-of-type(1) {
	margin-bottom: 0;
}


/***** 事務所概要 ****/

.office-guide{
	width: 100%;
	height: auto;
	margin:0 auto;
	background: url(../images/title-guide_bg.jpg) top left no-repeat #f7becf;
	background-size: 768px 75px;
	-moz-background-size: 768px 75px;
	-webkit-background-size: 768px 75px;
	-ms-background-size: 768px 75px;
	padding-bottom: 50px;
}

.title-guide{
	width: 100%;
	height: 75px;
	color:  #c5002b;
	font-size: 22px;
	font-weight: bold;
	padding-top: 30px;
	padding-left: 60px;
	box-sizing: border-box;
	line-height:1.0;
	letter-spacing: 0.15em;
	overflow:hidden;
}

.office-guide-box{
	width: 94%;
	margin:0 auto;
}

.profile-image{
	width: 100%;
	float:none;
	margin-bottom:20px;
}

.profile-image img{
	width: 30%;
	max-width: 260px;
	height:auto;
	margin:0 auto;
}

.office-guide_comment{
	width: 100%;
	float:none;
}

.office-guide_comment p.tit1{
	width:100%;
	color:#000;
	font-size: 16px;
	font-weight: bold;
	padding: 0;
	box-sizing:border-box;
	margin-bottom: 8px;
	line-height: 1.5;
}

.office-guide_comment p{
	width:100%;
	margin-bottom: 5px;
	box-sizing:border-box;
	font-size:15px;
}


.office-guide_comment p span.tel{
	display:block;
	white-space: nowrap;
}

.office-guide_comment p span.fax{
	display:block;
}

.office-guide_comment p span.tel a,
.office-guide_comment p span.tel a:hover
{
	cursor:default!important;
	color:  #000!important;
	text-decoration:none!important;
}

.office-guide_comment p span.fax a,
.office-guide_comment p span.fax a:hover
{
	cursor:default!important;
	color:  #000!important;
	text-decoration:none!important;
}

.office-guide_comment p.email{
	width:100%;
	line-height:1.0;
}

.office-guide_comment p.email span{
	display:block;
}

.office-guide_comment p.email span img{
	width: 65%;
	height:auto;
	padding-top:2px;
}

.office-guide_comment p.email span.tit1,
.office-guide_comment p.email span.tit2
{
	float:left;
}

.office-guide_comment p.email span.tit1{
	width:15%;
}

.office-guide_comment p.email span.tit2{
	width:85%;
}


.office-guide_comment p.hour{
	width:100%;
	line-height:1.0;
}

.office-guide_comment p.hour span.tit{
	display:block;
	width:26%;
	float:left;
	line-height:1.5;
}

.office-guide_comment p.hour span.time{
	display:block;
	width:74%;
	float:left;
	line-height:1.5;
}

.office-guide_comment p.chuki{
	font-size: 15px;
	margin-top:5px;
}

.office-guide_comment dl.chuki{
	width: 100%;
}

.office-guide_comment dl.chuki dt{
	width: 4%;
	font-size: 15px;
	float:left;
	line-height:1.5;
}

.office-guide_comment dl.chuki dd{
	width: 96%;
	font-size: 15px;
	float:left;
	line-height:1.5;
}

.toriatukai{
	width: 100%;
	margin-top: 25px;
	border-radius: 8px;
	border:1px solid #fff;
	padding:12px 15px 5px;
	box-sizing:border-box;
}

.toriatukai_comment{
	width: 100%;
}

.toriatukai_comment p{
	width:100%;
	margin-bottom: 5px;
	padding:0;
	box-sizing:border-box;
	font-size:15px;
}

.toriatukai_image{
	width: 100%;
}

.toriatukai_image img{
	width:100%;
	max-width: 204px;
	height:auto;
	margin-top: 10px;
}

.toriatukai_image p{
	width:100%;
	margin-top: 10px;
	font-size:14px;
	line-height:1.0;
	padding:0;
}

.map{
	width:94%;
	margin:30px auto 0;
}

.map iframe{
	width: 100%;
	height: 403px;
	border: 1px solid #555358;
	box-sizing:border-box;
}

.map-link{
	width: auto;
	float: right;
	margin-right:7px;
	margin-top: 15px;
	background:url(../images/icon-arrow.png) top left no-repeat;
	background-size: 9px 13px;
	-moz-background-size: 9px 13px;
	-webkit-background-size: 9px 13px;
	-ms-background-size: 9px 13px;
	font-size: 15px;
	padding-left:14px;
	box-sizing: border-box;
}

.map-link a{
	color:#000;
}

.map-link a:hover{
	color: #e95283;
}

.map_access{
	width:94%;
	margin:12px auto 0;
}

.map_access p{
	width:100%;
	margin-bottom: 5px;
	font-size: 15px;
}

/*--------------------------------------------
	footer
----------------------------------------------*/
footer{
	width: 100%;
	height: auto;
	background: #ef9ebf;
}

#footer{
	width: 94%;
	margin:0 auto;
}

.office-info-box{
	width: 100%;
	height: auto;
	padding-top:17px;
	padding-bottom:25px;
}

.office-name{
	width: 100%;
	font-size: 18px;
	color:#fff;
	box-sizing:border-box;
	margin-bottom:10px;
}

.office-address{
	width: 100%;
	font-size: 15px;
	color:#fff;
	box-sizing:border-box;
}

.office-address p{
	margin-bottom:10px;
	line-height:1.5;
}

.office-address a,
.office-address a:hover{
	cursor:default!important;
	color:#fff!important;
	text-decoration:none!important;
}

.copyright{
	width: 100%;
	text-align: center;
	color: #fff;
	font-size:15px;
	padding-bottom:10px;
	line-height:1.5;
}

/* ページトップボタン */
#bt-top{
 position: fixed;
 bottom: 80px;
 right: 30px;
 z-index:10;
}

#bt-top img{
	width: 55px;
	height: 55px;
	opacity:0.8;
	filter:alpha(opacity=80);
}

/* 改行 */
br.pc-break{
	display:none;
}

}


/* タブレット向けのスタイル：668px〜768px
-------------------------------------------------------------- */
@media screen and (min-width:668px) and (max-width:768px)
{
/*--------------------------------------------
	Header
----------------------------------------------*/
header{
	padding-bottom: 35px;
}


header .lt h1.title{
	font-size: 23px;
	padding-top: 35px;
    background-position: left top 20px;
}

header .lt h1.title span.tit1{
	font-size: 18px;
}

header .lt h1.title span.tit2{
	font-size: 23px;
}

header .lt h2.subtitle{
	padding-top: 10px;
	letter-spacing: 0.07em;
	font-size: 14px;
}

header .lt{
	float: left;
	width: 55%;
	height: auto;
}

header .rt{
	float: left;
	width: 45%;
	margin-top: 0;
	border-top: 5px solid #ee9fbf;
}

header .rt p.tel{
	width: 100%;
	float:none;
	padding-top:38px;
	padding-left: 0;
	padding-right:5px;
	text-align:right;
	background-image:none;
	font-size:20px;
}

header .rt p.mail a{
	display: block;
	float:right;
	width: 200px;
	height: 41px;
	background: url(../images/mail-banner_bg.jpg) no-repeat;
	background-size: 200px 41px;
	-moz-background-size: 200px 41px;
	-webkit-background-size: 200px 41px;
	-ms-background-size: 200px 41px;
	color: #fff;
	font-size: 18px;
	text-decoration: none;
	padding-top: 12px;
	/** padding-left: 50px; **/
    text-align: center;
	margin-right: 5px;
}

header .rt p.mail a:hover{
	display: block;
	background: url(../images/mail-banner_bgon.jpg) no-repeat;
	background-size: 200px 41px;
	-moz-background-size: 200px 41px;
	-webkit-background-size: 200px 41px;
	-ms-background-size: 200px 41px;
}

header .rt p.time{
	text-align: right;
	padding-top: 60px;
	padding-right: 5px;
	font-size: 16px;
}

/*--------------------------------------------
	Contents
----------------------------------------------*/
.intro{
	font-size: 20px;
}

.intro p{
	line-height:1.0;
}

/* トップ画像〜略歴 */
.topmain{
	width: 100%;
	height: auto;
	background:url(../images/top-contents_bg_sp.jpg) top left no-repeat #f7c6db;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-ms-background-size: cover;	
	padding-bottom: 30px;
}
    
section.topmain p.title{
	width: 100%;
	color:  #e4024e;
	font-size: 65px;
	font-weight: bold;
	padding-top: 80px;
	box-sizing: border-box;
	line-height:1.2;
}

table.profile-list th{
	font-weight:normal;
}

/* 外国人の方々を取り巻くビザの悩みを解決サポート
　〜行政書士活用のメリット */
.middle-inner_contents02 ol li:before {
	content: "" counter(cnt) "";
	display: block;
	float:left;
	margin-left: -15px;
	margin-top: -3px;
	margin-right:15px;
	text-align: center;
	height: 22px;
	width: 22px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-ms-border-radius: 50%;
	color: #fff;
	background:#e95383;
	padding-top: 3px;
	box-sizing: border-box;
}


/* 初回相談料 */
.price-box div.price{
	width: 60%;
	float:left;
}

.price-box div.price p.text1{
	padding: 25px 0 0 35px;
	text-align: left;
}

.price-box div.price p.text2{
	padding: 10px 0 0 35px;
	text-align: left;
}
    
.price-box div.price p.text3{
	padding: 10px 91px 18px 35px;
	text-align: right;
}

/* ご相談のご予約 */
.price-box div.contact{
	width: 40%;
	float:right;
	margin-top:0;
	border-top-left-radius:80px;
	border-bottom-left-radius:80px;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
}

.price-box div.contact p.tel{
	width: 100%;
	float:none;
	padding-top: 27px;
	padding-left: 0;
	padding-right:15px;
	text-align:right;
	font-size:20px;
}

.price-box div.contact p.mail a{
	display: block;
	width: 200px;
	height: 41px;
	background: url(../images/mail-banner_bg.jpg) no-repeat;
	background-size: 200px 41px;
	-moz-background-size: 200px 41px;
	-webkit-background-size: 200px 41px;
	-ms-background-size: 200px 41px;
	color: #fff;
	font-size: 18px;
	text-decoration: none;
	padding-top: 12px;
	/** padding-left: 50px; **/
    text-align: center;
    margin-top: 15px;
	margin-right: 15px;
}

.price-box div.contact p.mail a:hover{
	display: block;
	background: url(../images/mail-banner_bgon.jpg) no-repeat;
	background-size: 200px 41px;
	-moz-background-size: 200px 41px;
	-webkit-background-size: 200px 41px;
	-ms-background-size: 200px 41px;
}

.price-box div.contact p.time{
	text-align: right;
	padding-top: 18px;
	padding-right: 15px;
    padding-bottom: 20px;
	font-size: 16px;
}

/* お客様の声 */
.title-voice{
	width: 94%;
	height: 63px;
	padding-top: 23px;
	margin: 0 auto 29px;
	background-size: cover;
	-moz-background-size: cover;
	-webkit-background-size: cover;
	-ms-background-size: cover;
}

.subtitle-voice p.tit2{
	margin-top:5px;
	background: url(../images/subtitle-voice_bg02.jpg) bottom right no-repeat;
}

/***** 事務所概要 ****/
.profile-image{
	width: 30%;
	float:left;
	margin-bottom:20px;
}

.profile-image img{
	width: 100%;
	max-width: 260px;
	height:auto;
	margin:0 auto;
}

.office-guide_comment{
	width: 65%;
	float:right;
}

.office-guide_comment p span.tel{
	display:block;
	white-space: nowrap;
}

.office-guide_comment p span.fax{
	display:block;
}

.office-guide_comment p.email{
	width:100%;
	line-height:1.0;
}

.office-guide_comment p.email span.tit1{
	width:15%;
}

.office-guide_comment p.email span.tit2{
	width:85%;
}

.office-guide_comment p.email span img{
	width: 65%;
	height:auto;
	padding-top:0px;
}


.office-guide_comment p.hour{
	width:100%;
	line-height:1.0;
}

.office-guide_comment p.hour span.tit{
	width:23%;
}

.office-guide_comment p.hour span.time{
	width:77%;
}

.office-guide_comment dl.chuki{
	width: 100%;
}

.office-guide_comment dl.chuki dt{
	width: 4%;
}

.office-guide_comment dl.chuki dd{
	width: 96%;
}

}

/** スマホ・タブレット横向きの表示設定 **/
@media all and (orientation:landscape)
{
section.topmain p.title{
	padding-top: 30px;
	font-size:45px;
}

.office-guide_comment p.email span img{
	width: 40%;
}

}


/* PC向けのスタイル：769px〜
-------------------------------------------------------------- */
@media screen and (min-width:769px),print
{
/* Layout
-------------------------------------------------------------- */
#container{
	width:100%;
	margin:0 auto;
}

main{
	width: 100%;
}

/*--------------------------------------------
	Header
----------------------------------------------*/
header{
	width: 100%;
    min-width: 1000px;
	height: 188px;
    background: #fff;
    border-top: 5px solid #f19dbf; 
    border-bottom: 2px solid #e4e2e3;
}

#header{
	width: 1000px;
	height:auto;
	margin:0 auto;
}

header .lt{
	float: left;
	width: 696px;
	height: 188px;
	background: url(../images/header_lt_bg_sp.jpg) left 0 top 2px no-repeat;
}

header .lt h1.title{
	width: 100%;
	color:  #e4024e;
	font-family: 'Yuminb',"リュウミン B-KL","A-OTF リュウミン Pro M-KL","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HG明朝E","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-size: 37px;
	font-weight: bold;
	padding-top: 42px;
	padding-left: 50px;
	box-sizing: border-box;
	line-height:1.0;
}

header .lt h1.title span.tit1{
	font-size: 27px;
	margin-right:10px;
}

header .lt h1.title span.tit2{
	font-size: 37px;
	margin-right:10px;
}

header .lt h2.subtitle{
	width: 100%;
	color:  #f1a1bd;
	font-family: "Century","リュウミン R-KL","A-OTF リュウミン Pro M-KL","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HG明朝E","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-size: 23px;
	font-weight: normal;
	padding-top: 11px;
	padding-left: 55px;
	box-sizing: border-box;
	line-height:1.0;
	letter-spacing: 0.07em;
}

header .lt h2.subtitle span.tit1{
	margin-right:18px;
}

header .lt h2.subtitle span.tit2{
	margin-right:18px;
}

header .rt{
	float: left;
	width: 304px;
	height: 188px;
	background: url(../images/header_rt_bg_sp.jpg) left 0 top 13px no-repeat;
}

header .rt p.tel{
	width: 100%;
	color:  #f1a1bd;
	font-size: 30px;
	font-weight: bold;
	padding-top: 38px;
	padding-left: 54px;
	box-sizing: border-box;
	line-height:1.0;
	white-space: nowrap;
}

header .rt p.tel a,
header .rt p.tel a:hover{
	cursor:default!important;
	color:  #f1a1bd!important;
	text-decoration:none!important;
}

header .rt p.mail a{
	display: block;
	width: 257px;
	height: 53px;
	background: url(../images/mail-banner_bg.jpg) no-repeat;
	color: #fff;
	font-size: 22px;
	text-decoration: none;
	padding-top: 18px;
	/** padding-left: 74px; **/
    text-align: center;
	box-sizing: border-box;
	margin-top: 7px;
	margin-left: 47px;
	letter-spacing: 0.1em;
	line-height:1.0;
}

header .rt p.mail a:hover{
	display: block;
	background: url(../images/mail-banner_bgon.jpg) no-repeat;
	color: #fff;
	text-decoration: none;
}

header .rt p.time{
	width: 100%;
	color:  #585657;
	font-size: 20px;
	text-align: right;
	padding-top: 13px;
	box-sizing: border-box;
	line-height:1.0;
	white-space: nowrap;
}


/*--------------------------------------------
	Contents
----------------------------------------------*/
.intro{
	width: 100%;
	height: 72px;
	color: #585657;
	font-family: 'Yuminb',"リュウミン B-KL","A-OTF リュウミン Pro M-KL","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HG明朝E","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-size: 30px;
	font-weight: bold;
	padding-top: 21px;
	box-sizing: border-box;
	text-align: center;
}

.intro p{
	line-height:1.0;
}

/***** トップ画像〜略歴 ****/
.topmain{
	width: 100%;
    min-width: 1000px;
	min-height: 1212px;
	background:url(../images/pc-topcontents_bg.jpg) top center no-repeat #f7c6db;
	padding-bottom: 37px;
}

#topmain-inner{
	width: 1000px;
	height:auto;
	margin:0 auto;
}

section.topmain p.title{
	width: 100%;
	color:  #e4024e;
	font-family: 'Yuminb',"リュウミン B-KL","A-OTF リュウミン Pro M-KL","ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HG明朝E","HGS明朝E","ＭＳ Ｐ明朝",serif;
	font-size: 84px;
	font-weight: bold;
	padding-top: 41px;
	box-sizing: border-box;
	line-height:1.2;
	text-align: center;
	text-shadow: 2px 2px 5px #fff,
	-2px -2px 5px #fff;
	-moz-text-shadow: 2px 2px 5px #fff,
	-2px -2px 5px #fff;
	-webkit-text-shadow: 2px 2px 5px #fff,
	-2px -2px 5px #fff;
	-ms-text-shadow: 2px 2px 5px #fff,
	-2px -2px 5px #fff;
}

section.topmain div.explain{
	width: 100%;
	font-size: 19px;
	margin-top: 222px;
	padding: 0 0 0 572px;
	box-sizing: border-box;
	background:none;
}

section.topmain div.explain span.red{
	font-size: 32px;
	font-weight: bold;
}

section.topmain div.explain p:nth-child(2){
	margin-top: 10px;
}

section.topmain div.profile{
	width: 897px;
	min-height: 444px;
	background: #fff;
	border-radius: 8px;
	box-shadow: 3px 3px 8px #000;
	-moz-box-shadow: 3px 3px 8px #000;
	-webkit-box-shadow: 3px 3px 8px #000;
	-ms-box-shadow: 3px 3px 8px #000;
	margin:57px auto 0;
	padding: 52px 35px 30px;
	box-sizing: border-box;
}

div.profile .lt{
	width: 255px;
	float: left;
}

div.profile .lt img{
	width: 100%;
	height: auto;
}

div.profile .rt{
	width: 534px;
	min-height: 362px;
	float: right;
	background:url(../images/profile_bg.jpg) top left no-repeat;
}

div.profile .rt p.name{
	width: 100%;
	min-height: 31px;
	box-sizing: border-box;
	background:url(../images/profile_tit_bg.jpg) bottom left no-repeat;
	font-size: 25px;
	padding-left: 31px;
	padding-bottom: 6px;
	box-sizing: border-box;
	line-height: 1.0;
}

div.profile .rt p.explain{ 
	width: 100%;
	box-sizing: border-box;
	padding-top: 8px;
	padding-left: 31px;
}

table.profile-list{
	width: 503px;
	border: none;
	margin-top: 20px;
	margin-left: 31px;
}

table.profile-list th{
	width: 25%;
	vertical-align: top;
	text-align: left;
	font-weight: normal;
	padding-bottom: 5px;
	line-height:1.5;
}

table.profile-list td{
	width: 75%;
	vertical-align: top;
	text-align: left;
	padding-bottom: 5px;	
	line-height:1.5;
}
	
/**** 代表行政書士のメッセージ ****/
	
section.topmain div.message{
	width: 897px;
	background: #fff;
	border-radius: 8px;
	box-shadow: 3px 3px 8px #000;
	-moz-box-shadow: 3px 3px 8px #000;
	-webkit-box-shadow: 3px 3px 8px #000;
	-ms-box-shadow: 3px 3px 8px #000;
	margin:37px auto 0;
	padding: 25px 35px 20px;
	box-sizing: border-box;
}

.message p.tit {
	height: 48px;
	padding-top: 10px;
	padding-left: 45px;
	margin-bottom: 15px;
	font-size: 19px;
	font-weight: bold;
	background: url(../images/icon-message.png) left center no-repeat;
	background-size: 35px 38px;
	-moz-background-size: 35px 38px;
	-webkit-background-size: 35px 38px;
	-ms-background-size: 35px 38px;
	box-sizing:border-box;
	border-bottom: 2px solid #eda2c0;
}
	
.message p.sign {
	padding-top: 10px;
	text-align: right;
	margin-bottom: 0;
}
	
.message p.sign img {
	width: 200px;		
}
	
div.comment-message p{
	margin-bottom: 15px;
}
	
/***** 外国人の方々を取り巻くビザの悩みを解決サポート
　〜行政書士活用のメリット ****/

.middle-contents{
	width: 100%;
    min-width: 1000px;
	background:url(../images/pc-middlecontents_bg.jpg)  center bottom no-repeat;
    background-size: cover;
    padding-top: 42px;
    padding-bottom: 42px;
}

#middle-contents-inner{
	width: 1000px;
	height:auto;
	margin:0 auto;
}

.middle-inner_contents01{
	width: 880px;
    min-height: 407px;
	background:url(../images/middle-inner-contents01_bg_rev.png) right bottom no-repeat;
	-moz-box-shadow: 3px 3px 8px #000;
	-webkit-box-shadow: 3px 3px 8px #000;
	-ms-box-shadow: 3px 3px 8px #000;
	box-shadow: 3px 3px 8px #000;
	margin: 0 auto;
	padding-top: 30px;
	padding-bottom: 20px;
    box-sizing: border-box;
}

.middle-inner_contents01 p.title{
	width: 620px;
	height: 42px;
	text-align: center;
	color: #fff;
	font-size: 22px;
	margin-top: 0;
	margin-left: 23px;
	margin-bottom: 23px;
	padding-top: 12px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
	box-sizing: border-box;
	background: #c40026;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-ms-border-radius: 20px;
	line-height: 1.0;
}

.middle-inner_contents01 dl{
	width: 100%;
	padding:0 25px;
	box-sizing: border-box;
}

.middle-inner_contents01 dt{
	width: 100%;
    /**
	background:url(../images/icon-arrow.png) top left no-repeat;
	background-size: 11px 16px;
	-moz-background-size: 11px 16px;
	-webkit-background-size: 11px 16px;
	-ms-background-size: 11px 16px;
    **/
	font-size: 19px;
	font-weight: bold;
    /**
	padding-left:15px;
    **/
    padding-left: 0;
	padding-bottom: 3px;
	box-sizing: border-box;
}

.middle-inner_contents01 dt span.normal{
	font-size: 17px;
	font-weight: normal;
}

.middle-inner_contents01 dd{
	width: 100%;
	font-size: 17px;
	padding-left:15px;
	padding-right: 225px;
	padding-bottom: 12px;
	box-sizing: border-box;
	line-height:1.5;
}

.middle-inner_contents01 dl:nth-last-of-type(1) dd{
	padding-bottom: 0;
}


.middle-inner_contents02{
	width: 880px;
	background:url(../images/middle-inner-contents02_bg_rev.png) left top no-repeat;
	-moz-box-shadow: 3px 3px 8px #000;
	-webkit-box-shadow: 3px 3px 8px #000;
	-ms-box-shadow: 3px 3px 8px #000;
	box-shadow: 3px 3px 8px #000;
	margin:25px auto 0;
	padding-top: 30px;
	padding-bottom: 20px;
}

.middle-inner_contents02 p.title{
	width: 310px;
	height: 42px;
	text-align: center;
	color: #fff;
	font-size: 22px;
	margin-top: 0;
	margin-left: 23px;
	margin-bottom: 23px;
	padding-top: 12px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:0px;
	box-sizing: border-box;
	background: #c40026;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-ms-border-radius: 20px;
	line-height: 1.0;
}

.middle-inner_contents02 ol{
	width: 100%;
	padding:0 25px;
	box-sizing: border-box;
  	list-style: none;
}

.middle-inner_contents02 ol li{
	width: 100%;
  	counter-increment: cnt;
  	list-style: none;
	font-size: 17px;
	padding-left:15px;
	padding-bottom: 3px;
	box-sizing: border-box;
	margin-bottom: 17px;
}

.middle-inner_contents02 ol li:nth-last-of-type(1) {
	padding-bottom:0;
	margin-bottom: 0;
}

.middle-inner_contents02 ol li:before {
	content: "" counter(cnt) "";
	display: block;
	float: left;
	margin-left: -15px;
	margin-top: -3px;
	margin-right:15px;
	text-align: center;
	height: 22px;
	width: 22px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-ms-border-radius: 50%;
	color: #fff;
	background:#e95383;
	padding-top: 3px;
	box-sizing: border-box;
}

.middle-inner_contents02 ol li p.tit{
	font-size: 19px;
	font-weight: bold;
	line-height: 1.0;
}

.middle-inner_contents02 ol li p.comment{
	margin-left: 21px;
	margin-top: 11px;
}

.middle-inner_contents02 ol li p.comment2{
	margin-left: 21px;
	margin-top: 11px;
	font-size: 16px;
	color:#343030;
}


/***** 初回相談料、お客様の声 ****/

.price-voice{
	width: 100%;
    min-width: 1000px;
	height: auto;
	background: #f7d0e2;
	padding-top: 38px;
	/** padding-bottom: 40px; **/
    padding-bottom: 38px;
	margin:0 auto;
}

/* 初回相談料 */
.price-box{
	width: 884px;
	height: 215px;
	background:url(../images/banner-price_bg2.jpg) top left no-repeat;
	/** margin: 0 auto 38px; **/
    margin: 0 auto;
	overflow:hidden;
}

.price-box div.price{
	width: 473px;
	float:left;
	color: #e63f75;
}

.price-box div.price p.text1{
	font-size: 41px;
	font-weight:bold;
	line-height: 1.0;
	padding: 34px 0 0 59px;
	box-sizing:border-box;
}

.price-box div.price p.text2{
	font-size: 52px;
	font-weight:bold;
	line-height: 1.0;
	padding: 19px 0 0 59px;
	box-sizing:border-box;
}

.price-box div.price p.text2 span.time{
	margin-right: 53px;
}
    
.price-box div.price p.text3{
	font-size: 22px;
	font-weight:bold;
	line-height: 1.0;
	padding: 19px 32px 0 59px;
	box-sizing:border-box;
    text-align: right;
}

/* ご相談のご予約 */
.price-box div.contact{
	width: 411px;
	float:left;
}

.price-box div.contact p.tel{
	width: 100%;
	color:  #f1a1bd;
	font-size: 30px;
	font-weight: bold;
	padding-top: 38px;
	padding-left: 102px;
	box-sizing: border-box;
	line-height:1.0;
	white-space: nowrap;
}

.price-box div.contact p.tel a,
.price-box div.contact p.tel a:hover{
	cursor:default!important;
	color:  #f1a1bd!important;
	text-decoration:none!important;
}

.price-box div.contact p.mail a{
	display: block;
	width: 257px;
	height: 53px;
	background: url(../images/mail-banner_bg.jpg) no-repeat;
	color: #fff;
	font-size: 22px;
	text-decoration: none;
	padding-top: 18px;
	/** padding-left: 74px; **/
    text-align: center;
	box-sizing: border-box;
	margin-top: 22px;
	margin-left: 95px;
	letter-spacing: 0.1em;
	line-height:1.0;
}

.price-box div.contact p.mail a:hover{
	display: block;
	background: url(../images/mail-banner_bgon.jpg) no-repeat;
	color: #fff;
	text-decoration: none;
}

.price-box div.contact p.time{
	width: 100%;
	color:  #585657;
	font-size: 20px;
	text-align: right;
	padding-top: 27px;
	padding-right: 59px;
	box-sizing: border-box;
	line-height:1.0;
	white-space: nowrap;
}

/* お客様の声 */
.title-voice{
	width: 880px;
	height: 63px;
	color:  #fff;
	font-size: 26px;
	font-weight: bold;
	padding-top: 20px;
	padding-left: 17px;
	box-sizing: border-box;
	margin: 0 auto 29px;
	line-height:1.0;
	letter-spacing: 0.1em;
	text-shadow: 2px 2px 5px #ee88b0,
	-2px -2px 5px #ee88b0;
	-moz-text-shadow: 2px 2px 5px #ee88b0,
	-2px -2px 5px #ee88b0;
	-webkit-text-shadow: 2px 2px 5px #ee88b0,
	-2px -2px 5px #ee88b0;
	-ms-text-shadow: 2px 2px 5px #ee88b0,
	-2px -2px 5px #ee88b0;
	background: url(../images/title-voice_bg.jpg) no-repeat;
}

div.voice-box{
	width: 880px;
	background: #fff;
	border-radius: 8px;
	box-shadow: 3px 3px 8px #000;
	-moz-box-shadow: 3px 3px 8px #000;
	-webkit-box-shadow: 3px 3px 8px #000;
	-ms-box-shadow: 3px 3px 8px #000;
	margin:0 auto 40px;
	padding: 25px;
	box-sizing: border-box;
}

section.price-voice div.voice-box:nth-last-of-type(1) {
	margin-bottom: 0;
}

.subtitle-voice{
	width: 880px;
	height: auto;
	margin:0 auto 15px;
}

.subtitle-voice p.tit1{
	width:100%;
	height:73px;
	background: url(../images/subtitle-voice_bg01-row01.jpg) no-repeat;
	color:#e73f74;
	font-size: 19px;
	padding:23px 18px 0;
	box-sizing:border-box;
	white-space: nowrap;
	line-height: 1.0;
}

.subtitle-voice p.tit2{
	width:100%;
	height:50px;
	background: url(../images/subtitle-voice_bg02.jpg) no-repeat;
	font-size: 19px;
	font-weight: bold;
	line-height: 1.0;
	padding:22px 0 0 0px;
	box-sizing:border-box;
	white-space: nowrap;
}

.subtitle-voice p.tit2 span.tit{
	padding-left: 32px;
	background: url(../images/icon-circle.jpg) left center no-repeat;
	background-size: 20px 20px;
	-moz-background-size: 20px 20px;
	-webkit-background-size: 20px 20px;
	-ms-background-size: 20px 20px;
	box-sizing:border-box;
}

div.comment-voice{
	width:100%;
}

div.comment-voice p{
	margin-bottom: 15px;
}

section.price-voice div.comment-voice p:nth-last-of-type(1) {
	margin-bottom: 0;
}


/***** 事務所概要 ****/

.office-guide{
	width: 100%;
    min-width: 1000px;
	height: auto;
	margin:0 auto;
	background: url(../images/title-guide_bg-pc.jpg) top center no-repeat #f7becf;
	padding-bottom: 50px;
}

#office-guide-inner{
	width:1000px;
	height:auto;
	margin:0 auto;
}

.title-guide{
	width: 1000px;
	height: 98px;
	color:  #c5002b;
	font-size: 26px;
	font-weight: bold;
	padding-top: 40px;
	padding-left: 83px;
	box-sizing: border-box;
	line-height:1.0;
	letter-spacing: 0.15em;
	overflow:hidden;
}

.office-guide-box{
	width: 816px;
	margin:0 0 0 102px;
}

.profile-image{
	width: 102px;
	float:left;
}

.profile-image img{
	width: 100%;
	height:auto;
}

.office-guide_comment{
	width: 702px;
	float:right;
}

.office-guide_comment p.tit1{
	width:100%;
	color:#000;
	font-size: 19px;
	font-weight: bold;
	padding: 0;
	box-sizing:border-box;
	margin-bottom: 8px;
	white-space:normal;
	line-height: 1.0;
}

.office-guide_comment p{
	width:100%;
	margin-bottom: 5px;
	padding-left: 26px;
	box-sizing:border-box;
	font-size:16px;
}


.office-guide_comment p span.tel{
	display:inline-block;
	margin-right: 110px;
}

.office-guide_comment p span.tel a,
.office-guide_comment p span.tel a:hover{
	cursor:default!important;
	color:  #000!important;
	text-decoration:none!important;
}

.office-guide_comment p span.fax{
	display:inline-block;
}

.office-guide_comment p.email{
	line-height:1.0;
}

.office-guide_comment p.email span{
	display:block;
}

.office-guide_comment p.email span img{
	width: 224px;
	height:auto;
}

.office-guide_comment p.email span.tit1,
.office-guide_comment p.email span.tit2
{
	float:left;
}

.office-guide_comment p.email span.tit1{
	margin-right: 15px;
}

.office-guide_comment p.hour span.tit{
	margin-right: 15px;
}

.office-guide_comment p.chuki{
	font-size: 15px;
}

.office-guide_comment dl.chuki{
	width: 100%;
	padding-left: 26px;
	box-sizing:border-box;
}

.office-guide_comment dl.chuki dt{
	width: 3%;
	font-size: 15px;
	float:left;
	line-height:1.5;
}

.office-guide_comment dl.chuki dd{
	width: 97%;
	font-size: 15px;
	float:left;
	line-height:1.5;
}

.toriatukai{
	width: 690px;
	margin-top: 25px;
	margin-left:12px;
	border-radius: 8px;
	border:1px solid #fff;
	padding:12px 20px 5px;
	box-sizing:border-box;
}

.toriatukai_comment{
	width: 373px;
	float:left;
}

.toriatukai_comment p{
	width:100%;
	margin-bottom: 5px;
	padding:0;
	box-sizing:border-box;
	font-size:15px;
}

.toriatukai_image{
	width: 272px;
	float:left;
}

.toriatukai_image img{
	width: 204px;
	height:auto;
	margin-top: 29px;
	margin-left: 5px;
}

.toriatukai_image p{
	width:100%;
	margin-top: 10px;
	font-size:14px;
	line-height:1.0;
	padding:0;
}

.map{
	width:672px;
	margin:30px 0 0 236px;
}

.map iframe{
	width: 672px;
	height: 403px;
	border: 1px solid #555358;
	box-sizing:border-box;
}

.map-link{
	width: auto;
	float: right;
	margin-right:7px;
	margin-top: 15px;
	background:url(../images/icon-arrow.png) top left no-repeat;
	background-size: 9px 13px;
	-moz-background-size: 9px 13px;
	-webkit-background-size: 9px 13px;
	-ms-background-size: 9px 13px;
	font-size: 15px;
	padding-left:14px;
	box-sizing: border-box;
}

.map-link a{
	color:#000;
}

.map-link a:hover{
	color: #e95283;
}

.map_access{
	width:660px;
	margin:12px 0 0 248px;
}

.map_access p{
	width:100%;
	margin-bottom: 5px;
	font-size: 15px;
}


/*--------------------------------------------
	footer
----------------------------------------------*/
footer{
	width: 100%;
    min-width: 1000px;
	min-height: 125px;
	height:auto;
	background: #ef9ebf;
}

#footer{
	width: 1000px;
	margin:0 auto;
}

.office-info-box{
	width: 100%;
	height: auto;
	padding-top:17px;
	padding-bottom:25px;
}

.office-name{
	width: 365px;
	font-size: 21px;
	color:#fff;
	padding-left: 37px;
	box-sizing:border-box;
	float:left;
}

.office-address{
	width: 635px;
	font-size: 16px;
	color:#fff;
	box-sizing:border-box;
	float:left;
}

.office-address p{
	margin-bottom:10px;
	line-height:1.5;
}

.office-address a,
.office-address a:hover{
	cursor:default!important;
	color:  #fff!important;
	text-decoration:none!important;
}


.copyright{
	width: 100%;
	text-align: center;
	color: #fff;
	font-size:15px;
	padding-bottom:20px;
}

/* ページトップボタン */
#bt-top{
 position: fixed;
 bottom: 130px;
 right: 45px;
 z-index:10;
}

#bt-top img{
	width: 55px;
	height: 55px;
}

}


/* ==================================================================
*
* 	お問い合わせページ Style 
*
* ================================================================== */

.inquiry main {/** お問い合わせページ背景 **/
	display: block;
	background: #f7d0e2;
	padding-top: 20px;
	padding-bottom: 20px;
	min-height: 600px;
}
@media screen and (min-width:769px),print {
	.inquiry main { 
		padding-top: 40px;
		padding-bottom: 40px;
        min-width: 1000px;
	}
}

/**
 * フォーム
 **/
.inquiry div.voice-box{ 
	padding: 25px 10px;
	margin-bottom: 0;
}
@media screen and (min-width:769px) ,print { 
	.inquiry div.voice-box{ padding: 25px;}
}

input[type="text"] ,
input[type="tel"] ,
input[type="email"] ,
select,
textarea{
	max-width: 100%;
	font-size: 15px;
	padding: 5px;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
textarea{
	width: 100% !important;
	height: 190px !important;
}
input.namae,
input.address,
input#inputother {
	width: 100%;
}
select {
	width: 100%;
}
label {
	border: none !important;
}
span.kana-mei {/** 名（メイ）欄 **/
	display: block;
	margin-top: 10px;
}

@media only screen and (max-width: 768px) {
	input.sei,/** 姓欄 **/
	input.mei,/** 名欄 **/
	input.sei-kana,/** セイ欄 **/
	input.mei-kana {/** セイ欄 **/
		width: 75% !important;	
	}
}

/** チェックボックスサイズ変更 **/
input[type=checkbox] {
	width: 14px;
	height: 14px;
 	-moz-transform: scale(1.4);
	-webkit-transform: scale(1.4);
	transform: scale(1.4);
}

@-moz-document url-prefix() {/** Firefox **/
	input[type=checkbox] {
		width: 15px;
		height: 15px;
 		-moz-transform: scale(1.5);
	}
}

@media only screen and (min-width: 769px),print {
	textarea{
		width: 80% !important;
	}
	input.sei,/** 姓欄 **/
	input.sei-kana {/** セイ欄 **/
		margin-right: 20px;
	}
    input.namae,
	input.address,
    input#inputother {
		width: 60%;
	}
	select {
		width: auto;
	}
	span.kana-mei {/** 名（メイ）欄 **/
		display: inline;
		margin-right: 10px;
		margin-top: 0;
	}
}

/**
 * プライバシーポリシー
 **/
.privacy-policy_box {
	font-size: 14px;
	border: 1px solid #ddd;
	padding: 1px 1px 5px;
	margin: 40px auto 20px;
	background: #fff;
	box-sizing: border-box;
}
.privacy-policy_box h4 {
	font-size: 15px;
	font-weight: bold;
	background: #f6f5eb;
	padding: 10px;
	margin-bottom: 15px;
}

.privacy-policy_box ul.square { padding: 0 10px 10px;}
.privacy-policy_box ul.square li {
	margin-bottom: 10px;
}

@media only screen and (min-width: 769px),print {
	.privacy-policy_box {
		width: 70%;
	}
}

/** チェックボックス 同意する **/
.doui_box {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 50px;
}
.doui_box label {
	cursor: pointer;
}
.doui_box input {
	position:relative;
	top: -2px;
}

/**
 * 確認、キャンセル、送信ボタン
 **/
 button[type="submit"],/** 確認ボタン **/
 #mfp_button_send {/** 送信ボタン **/
	width: 100%;
	margin: 0 auto 15px;
	border-radius: 10px;
	background: url("../images/button-icon_arrow-right.png") right center no-repeat #eda0bf;
	background-size: 42px 18px;
	-moz-background-size: 42px 18px;
	-webkit-background-size: 42px 18px;
	padding:15px 55px;
	text-align: center;
	font-size: 17px;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
	border: none;
	box-shadow:1px 1px 1px rgba(0,0,0,0.5);
}
button[type="submit"]:hover,/** 確認ボタン **/
 #mfp_button_send:hover {/** 送信ボタン **/
	opacity: 0.9;
	filter: alpha(opacity=90);
}

/** 戻るボタン **/
 #mfp_button_cancel {
	width: 100%;
	margin: 0 auto 15px;
	border-radius: 10px;
	background: url("../images/button-icon_arrow-left.png") left center no-repeat #eda0bf;
	background-size: 42px 18px;
	-moz-background-size: 42px 18px;
	-webkit-background-size: 42px 18px;
	padding:15px 55px;
	text-align: center;
	font-size: 17px;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
	border: none;
	box-shadow:1px 1px 1px rgba(0,0,0,0.5);
}
#mfp_button_cancel:hover {
	opacity: 0.9;
	filter: alpha(opacity=90);
}
@media only screen and (min-width: 769px),print {
	button[type="submit"],/** 確認ボタン **/
	 #mfp_button_send,/** 送信ボタン **/
	#mfp_button_cancel {/** 戻るボタン **/
		width: 30%;
	}
	/** 送信ボタン(右側) **/
	#mfp_button_send {
		float: right;
		margin-right:19%;
		margin-left: 0;
	}
	/** 戻るボタン(左側) **/
	#mfp_button_cancel {
		float: left;
		margin-left:19%;
		margin-right: 0;
	}
}

/** 確認画面 **/
div#mfp_phase_confirm h4 {
	font-size: 18px !important;
	font-weight: bold !important;
	margin-bottom: 30px !important;
	line-height: 1.5 !important;
	text-align: left !important;
}
table#mfp_confirm_table {
	margin-bottom: 50px !important;
}
table#mfp_confirm_table tr th,
table#mfp_confirm_table tr td {
	font-size: 15px !important;
}
table#mfp_confirm_table tr th {
	width: 30% !important;
	white-space: normal !important;
	line-height: 1.5 !important;
}
table#mfp_confirm_table tr td {
	width: 70% !important;
}
@media only screen and (min-width: 769px),print {
	div#mfp_phase_confirm h4 { 
		font-size: 22px !important;
		text-align: center !important;
	}
}

/*
　お問い合わせ完了ページ
---------------------------------------------------------------*/
.box-thanks h2 { 
	font-size: 18px;
	margin-bottom: 30px;
	line-height: 1.5;
}
@media only screen and (min-width: 769px),print {
	.box-thanks h2 {
		font-size: 20px;
	}
	.box-thanks {
		text-align: center;
	}
}

/*
　略歴
---------------------------------------------------------------*/
@media screen and (max-width: 480px) {
    table.profile-list td {
        padding-left: 10px;
    }
}
@media screen and (min-width: 576px),print {
    span.month {
        display: inline-block;
        margin-left: 10px;
    }
}

/*
　外国人の方々を取り巻くビザの悩みを解決サポート
---------------------------------------------------------------*/
.middle-inner_contents01 dt{
    position: relative;
	width: 100%;
	font-size: 18px;
	font-weight: bold;
	padding-left: 15px;
	padding-bottom: 3px;
	box-sizing: border-box;
}
.middle-inner_contents01 dt span.num {
    position: absolute;
    top: 0;
    left: -4px;
}
/** 強調 **/
span.appeal {
    font-weight: bold;
    font-size: 16px;
    color: #e40146;
}
@media only screen and (min-width: 769px),print {
    span.appeal { font-size: 18px; }
}


/* ==================================================================
*
* 	フォーム部品
*
* ================================================================== */
input[type="radio"]{
    position: relative;
    top: -3px;
}
form#mailformpro label.mfp_checked {
    background: none !important;
}


/* ==================================================================
*
* 	言語切替表示
*
* ================================================================== */
#header {
    position: relative;
}
.lang_switch {
    position: absolute;
    top: 15px;
    right: 5px;
    width: 100%;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: center;
	align-items: center;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
.lang_switch a {
    display: inline-block;
    line-height: 20px;
    height: 20px;
    color: #000;
    text-decoration: none;
	background: url("../images/flag_japan.jpg") left top no-repeat;
    background-size: 29px;
    padding-left: 40px;
    transition: 0.5s;
}
.lang_switch a:hover {
    color: #000;
    text-decoration: none;
    opacity: 0.8;
}
@media screen and (min-width:769px),print {
    .lang_switch {
        top: 10px;
        right: 0;
    }
}


/* ==================================================================
*
* 	Option
*
* ================================================================== */
.block_sp {
	display: block;
}
br.block_sp {
	display: inline-block;
}
br.block_480 {
    display: inline-block;
}
br.block_sp_768 {
    display: inline-block;
}
.block_pc {
	display: none;
}
@media screen and (min-width: 481px) ,print{
    br.block_480 { display: none; }
}
@media screen and (min-width: 768px) ,print{
	.block_sp {
		display: none !important;
	}
	.block_pc {
		display: block;
	}
	br.block_pc {
		display: inline-block;
	}
}
@media screen and (min-width: 769px) ,print{
    br.block_sp_768 {
        display: none;
    }
}

span.red{
	color: #e40146;
}

/** リスト表示（四角） **/
ul.square {
	margin-left:18px; 
}
ul.square li:before {
	content: '■ '; 
	margin-left:-18px;
}
ul.square li {
	margin-bottom: 20px;
	line-height: 1.5;
}
ul.square li:nth-last-of-type(1) {
	margin-bottom: 0;	
}

/** ※印 **/
ul.chuki {
	margin-left:18px; 
}
ul.chuki li:before {
	content: '※ '; 
	margin-left:-18px;
}
ul.chuki li {
	margin-bottom: 10px;
	line-height: 1.5;
}
ul.chuki li:nth-last-of-type(1) {
	margin-bottom: 0;
}

/* margin */
.mt5 { margin-top: 5px !important;}
.mt10 { margin-top: 10px !important;}
.mt20 { margin-top: 20px !important;}
.mt30 { margin-top: 30px !important;}
.mt40 { margin-top: 40px !important;}
.mt50 { margin-top: 50px !important;}
.mt60 { margin-top: 60px !important;}
.mt70 { margin-top: 70px !important;}
.mb0 { margin-bottom: 0px !important;}
.mb5 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb50 { margin-bottom: 50px !important;}
.mb60 { margin-bottom: 60px !important;}
.mb70 { margin-bottom: 70px !important;}
.ml0 { margin-left: 0 !important;}
.ml5 { margin-left: 5px !important;}
.ml10 { margin-left: 10px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml30 { margin-left: 30px !important;}
.ml40 { margin-left: 40px !important;}
.ml50 { margin-left: 50px !important;}
.mr10 { margin-right: 10px !important; margin-left: auto !important;}
.mr20 { margin-right: 20px !important; margin-left: auto !important;}
.mr30 { margin-right: 30px !important; margin-left: auto !important;}
.mtb20 { margin: 20px auto !important;}
.mall20 { margin: 20px !important;}
.mall10 { margin: 10px !important;}
.mall0 { margin: 0 !important;}
.m0auto { margin: 0 auto !important;}
.mt10auto {margin: 10px auto 0 !important;}
.mt20auto {margin: 20px auto 0 !important;}
.mtb30auto { margin: 30px auto !important;}
.mr020 { margin: 0 20px !important;}
.mr50 { margin: 0 50px 0 0 !important;}
.mrl20 { margin-right: 20px !important; margin-left: 20px !important;}
.mrl30 { margin-right: 30px !important; margin-left: 30px !important;}
.mlrb { margin: 0 20px 20px 10px !important;}
.pb10 { padding-bottom: 10px !important;}
.pb15 { padding-bottom: 15px !important;}
.pb20 { padding-bottom: 20px !important;}
.pl0 { padding-left: 0 !important;}
.pl20 { padding-left: 20px !important;}
.pall0 { padding: 0 !important;}
.pall5 { padding: 5px !important;}
.pall10 { padding: 10px !important;}
.ptb5 { padding: 5px 0 !important;}
.ptb10 { padding: 10px 0 !important;}
.pall10 { padding: 10px;}

/* font */
.font_normal {font-weight: normal !important;}
.font_bold {font-weight: bold !important;}
.font8 {font-size: 8px !important;}
.font9 {font-size: 9px !important;}
.font10 {font-size: 10px !important;}
.font11 {font-size: 11px !important;}
.font12 {font-size: 12px !important;}
.font13 {font-size: 13px !important;}
.font14 {font-size: 14px !important;}
.font15 {font-size: 15px !important;}
.font16 {font-size: 16px !important;}
.font17 {font-size: 17px !important;}
.font18 {font-size: 18px !important;}
.font19 {font-size: 19px !important;}
.font20 {font-size: 20px !important;}
.font21 {font-size: 21px !important;}
.font22 {font-size: 22px !important;}
.font23 {font-size: 23px !important;}
.font24 {font-size: 24px !important;}
.font25 {font-size: 25px !important;}
.font26 {font-size: 26px !important;}
.font27 {font-size: 27px !important;}
.font28 {font-size: 28px !important;}
.font29 {font-size: 29px !important;}
.font30 {font-size: 30px !important;}
.font31 {font-size: 31px !important;}
.font32 {font-size: 32px !important;}
.font33 {font-size: 33px !important;}
.font34 {font-size: 34px !important;}
.font35 {font-size: 35px !important;}
.font36 {font-size: 36px !important;}
.font37 {font-size: 37px !important;}
.font38 {font-size: 38px !important;}
.font39 {font-size: 39px !important;}
.font40 {font-size: 40px !important;}
.font41 {font-size: 41px !important;}
.font42 {font-size: 42px !important;}
.font43 {font-size: 43px !important;}
.font44 {font-size: 44px !important;}
.font45 {font-size: 45px !important;}
.font46 {font-size: 46px !important;}
.font47 {font-size: 47px !important;}
.font48 {font-size: 48px !important;}
.font49 {font-size: 49px !important;}
.font50 {font-size: 50px !important;}