@charset "utf-8";

html {
	overflow-y:scroll;
	}	
	
body {
	background-color:#fff;
	}	

#wrap {
	line-height:1.7 !important;
	margin:0px;
	padding:0px;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-weight: 500 !important;
	font-style:normal;	
	font-size:15px;
	text-decoration: none;
	list-style: none;
	border-collapse: collapse;
	border-spacing: 0;		
	}
	
#wrap h1,
#wrap h2,
#wrap h3,
#wrap h4,
#wrap h5,
#wrap h6,
#wrap p,
#wrap span,
.navbar,
a,
#wrap th,
#wrap td {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 500 !important;
	}	

#wrap p,
#wrap span {
	font-size:15px;
	}	

article {
	padding-left:8px;
	padding-right:8px;
	}
	
a img {
  border-style: none;
	}	
	
img {
  max-width: 100%; 
  height:auto;
	}
	
.img-shadow {
	box-shadow:3px 3px 10px 0px #999999;
	}		

.background-image {
   background-size:cover;	
	}	
	
hr {
	border-top:solid 1px #ACB3B4;
	width:90% !important;
	margin-left:auto !important;
	margin-right:auto !important;
	}

.over-hid {
	overflow: hidden;
	}

.com-radius {
	border-radius:5px;
	}

.com02-radius {
	border-radius:10px;
	}

.border-main {
	border:solid 1px #4682B4;
	}		

.border-dami {
	border:solid 1px #000000;
	}		
	
.border-dami02 {
	border:solid 1px #EF2327;
	}
	
.border-dami03 {
	border:solid 1px #1656EC;
	}		
	
.border-dami04 {
	border:solid 1px #029E3F;
	}	

.conta-width {
	width:92%;
	margin:0 auto;
	}		

.width100 {
	width:100%;
	margin:0;
	padding:0;
	}
	
.hr-non {
	border: 1px solid transparent;
	margin:0;
	padding:0;
	}	
	
.hr001 {
	border-top:dotted 2px #dddddd;
	width:90%;
	margin:0 auto;
	padding:0;
	}	
	
.mar-auto {
	margin:0 auto;
	}	

/* 色 */	
	
a:hover,
a:active,
a:focus {
	color:#2E282A !important;
	}	

.bg-main {
	background-color:#4682B4 !important;
	}	

.bg-main03 {
	background-color:#cce9f2;
	}	

.bg-main04 {
	background-color:#E6F1F4;
	}	

.bg-main05 {
	background-color:#f7f2f4;
	}	

.bg-sub01 {
	background-color:#bab5b6;
	}	

.bg-sub02 {
	background-color:#e5e3e3;
	}	

.bg-sub03 {
	background-color:#eaeaf2 !important;
	}	
	
.bg-act {
	background-color:#37a7b3;	
	}

.bg-act02 {
	background-color:#F7931E;	
	}

.bg-fff {
	background-color:#fff;	
	}

.font-333 {
	color:#333;
	}

.font-main {
	color:#4682B4;
	}

.font-fff {
	color:#ffffff;
	}

.font-red {
	color:#7B0507;
	}

.font-333 {
	color:#333;
	}

.font-light {
	color:#fcee21;
	}

.border01 {
	border:solid 1px #C4C2C2;
	}

.font-under {
	text-decoration: underline;
	}

/* iOSの電話番号リンク修正 */

.tel-number a,
.tel-number a:hover {
	color:#fff;
    text-decoration:none;
	}

/* リスト関連 */

.ul-exist {
	padding-left:30px;	
	}

.ul-yohaku li {
	margin-bottom:20px;	
	}

.li-none {
	list-style-type:none !important;
	}	

.list-ci {
	list-style-type:circle;
	}

.list-square {
	list-style-type:square;
	}

/* テキスト線 */	

.text-under {
	text-decoration:underline;
	}	
	
.text-under-none {
	text-decoration:none;
	}	

/* clearfix */

.cf {
	zoom: 1;
	}
	
.cf:before, .cf:after {
	content: "";
	display: table;
	}
	
.cf:after {
	clear: both;
	}

/* 文字 */

.font-xs {
    font-size:11px !important;
	 line-height:1.6;	
    }

.font-s {
	font-size:13px !important;
	line-height:1.7;		
	}

.font-m {
	font-size:15px !important;
	line-height:1.8;		
	}	

.font-l {
	font-size:17px !important;
	line-height:1.8;		
	}	
	
.font-xl {
	font-size:19px !important;
	line-height:1.8;		
	}

.font-xxl {
	font-size:22px !important;
	line-height:1.8;		
	}

.font-f-xxs {
    font-size:12px !important;
	 line-height:1.6;	
    }

.font-f-xs {
	font-size:14px !important;
	line-height:1.8;		
	}

.font-f-s {
	font-size:17px !important;
	line-height:1.8;		
	}	

.font-f-m {
	font-size:20px !important;
	line-height:1.8;		
	}	
	
.font-f-l {
	font-size:23px !important;
	line-height:1.8;		
	}
	
.font-f-xl {
	font-size:26px !important;
	line-height:1.8;		
	}	
	
.font-f-xxl {
	font-size:30px !important;
	line-height:1.8;		
	}	
	
.font-nav-xs {
	font-size:13px !important;	
	}	

.font-fami {
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
	font-weight: 500 !important;
	}	

.font-fami02 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif !important;
	}	

.font-normal {
	font-weight:normal;
	}	

.font-bold span {
	font-weight:700 !important;
	}	

.font-marker {
	background: linear-gradient(transparent 70%, #fff001 30%);
	}

@media (min-width: 768px) {

.font-xs {
    font-size:13px !important;
    }

.font-s {
	font-size:15px !important;		
	}

.font-m {
	font-size:19px !important;		
	}	

.font-l {
	font-size:23px !important;		
	}	
	
.font-xl {
	font-size:25px !important;		
	}	
	
.font-xxl {
	font-size:28px !important;		
	}		
	
.font-nav-xs {
	font-size:14px !important;	
	}		
	
}

@media (min-width: 992px) {	
	
.font-xs {
    font-size:14px !important;
    }

.font-s {
	font-size:17px !important;		
	}

.font-m {
	font-size:20px !important;		
	}	

.font-l {
	font-size:23px !important;		
	}	
	
.font-xl {
	font-size:26px !important;		
	}	
	
.font-xxl {
	font-size:30px !important;		
	}		
	
.font-nav-xs {
	font-size:17px !important;	
	}		
		
}

/*---------------------------------
  
  ボックス間隔・幅

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

.height-xs {
	width:100%;
	height:0;
	}
	
.height-s {
	width:100%;
	height:3px;
	}	
	
.height-m {
	width:100%;
	height:5px;
	}	
	
.height-l {
	width:100%;
	height:10px;
	}			
	
.height-xl {
	width:100%;
	height:18px;
	}		
	
.height-f-xxs {
	width:100%;
	height:2px;
	}	
	
.height-f-xs {
	width:100%;
	height:5px;
	}
	
.height-f-s {
	width:100%;
	height:10px;
	}	
	
.height-f-m {
	width:100%;
	height:20px;
	}	
	
.height-f-l {
	width:100%;
	height:30px;
	}			
	
.height-f-xl {
	width:100%;
	height:60px;
	}		
	
.height-f-xxl {
	width:100%;
	height:100px;
	}			
	
@media (min-width: 768px) {
	
.height-xs {
	width:100%;
	height:1px;
	}
	
.height-s {
	width:100%;
	height:6px;
	}	
	
.height-m {
	width:100%;
	height:12px;
	}	
	
.height-l {
	width:100%;
	height:24px;
	}			
	
.height-xl {
	width:100%;
	height:40px;
	}		
	
}

@media (min-width: 992px) {	
		
.height-xs {
	width:100%;
	height:3px;
	}
	
.height-s {
	width:100%;
	height:8px;
	}	
	
.height-m {
	width:100%;
	height:20px;
	}	
	
.height-l {
	width:100%;
	height:40px;
	}			
	
.height-xl {
	width:100%;
	height:70px;
	}		
	
.conta-width {
	width:100%;
	}			

}

@media (min-width: 1200px) {
		
.height-xs {
	width:100%;
	height:5px;
	}
	
.height-s {
	width:100%;
	height:10px;
	}	
	
.height-m {
	width:100%;
	height:30px;
	}	
	
.height-l {
	width:100%;
	height:60px;
	}			
	
.height-xl {
	width:100%;
	height:100px;
	}			
	
}

/*---------------------------------
  
  グーローバルナビゲーション関連

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

.navbar {
	border-bottom: solid 6px #4682B4;
	}

.navbar-toggler-icon {
	font-size:22px !important;
	}

.navbar-collapse {
	margin-top:10px;
	}

.navbar-nav li a {
	margin-bottom:10px;
	}	

.navbar-nav li a:hover {
	color:#4682B4 !important;
	}	

@media (min-width: 768px) {
	
.navbar-nav li a {
	padding-left:10px !important;
	padding-right:10px !important;
	margin-right:35px;
	margin-bottom:10px;
	}		
	
.navbar-nav li:first-child a {
	padding-left:0px;
	}		
	
.navbar-nav li:last-child a {
	padding-right:0px;
	margin-right: 0	;  
	}		
	
}	

@media (min-width: 992px) {
	
.navbar {
	border-bottom: solid 10px #4682B4;
	}	
	
.navbar-nav li a {
	padding-left:16px !important;
	padding-right:16px !important;
	margin-right:35px;
	}		
	
.navbar-nav li:first-child a {
    margin-left: 10px	
	}		
	
.navbar-nav li:last-child a {
    margin-right: 0	;
	}	

.navbar-nav li li a {
	margin-left:10px;
	margin-bottom:10px;
	}

}
	
@media (min-width: 1200px) {
	
.navbar-nav li a {
	margin-right:45px;
	}	
	
.navbar-nav li:last-child a {
    margin-right: 0	
	}		
	
}		

/*---------------------------------
  
  スライドショー

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

.top-main {
	margin:0 0 0px 0;
	padding:0;
	height:auto;
	}

.bxslider {	
	z-index: 2;
	margin-bottom:0;
	padding-bottom:0;
	}

.bxslider li {	
	margin:0;
	padding:0;
	}

.bx-wrapper {
	margin:0 !important;
	padding:0 !important;
	}

.bx-pager {
	display:none;	
	}

/*---------------------------------
  
  ページ共通

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

#header-top {
	padding:0px 15px 0px 15px;
	margin-top:0;
	margin-bottom:0;
	}
	
#header-top .header-top-title {
	margin-top:5px;
	margin-bottom:5px;
	font-size:12px;
	text-align:center;
	line-height:1.8em;
	}	

.header-logo {
	width:70%;
	max-width:300px;
	height:auto;
	margin:15px auto 25px auto;
	} 
	
#header-top ul {
	list-style-type:none;
	padding:5px 10px;	
	}	

.address-box {
	width:80%;
	max-width:290px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	overflow: hidden;
	display:block;
	border:solid 1px #C9C5C5;
	border-radius:15px;
	margin-bottom:30px;
	}

.address-box li {
	margin:0px;
	}		

#header-top .address-box-telfax {
	margin-top:15px;
	}

.izmir-image a {
	width:80%;
	max-width:800px;
	margin-left:auto;
	margin-right:auto
	}

.under-h {
	border-bottom:solid 1px #BFB9B9;
	padding-bottom:15px;
	}
	
.table-what {
	background-color:#fffff2;
	}	
	
.table-what	tbody tr:first-child {
	background-color:#F2A65A;
	color:#ffffff;
	}
	
.table-what caption {
	caption-side:bottom;
	text-align:right;
	}	
	
.table-what caption p {
	margin:0;
	padding:0;
	}		
	
figure {
	display:block;
	}	
	
footer {
	background-color:#36BFCA;
	color:#ffffff;
	}	

footer {
	margin-bottom:-20px !important;
	padding-bottom:0 !important;
	}

.footer-logo img {
	width:70%;
	max-width:300px;
	}

.footer-add ul {
	border:solid 1px #fff;
	border-radius:15px;
	width:90%;
	max-width:320px;
	margin-left:auto;
	margin-right:auto;
	}

footer .nav .nav-item {
	list-style-type:disc;
	margin-left:1.7rem;
	padding-left:0px !important;
	font-size:1rem;
	}

footer .nav .nav-item a {
	color:#fff;
	}

footer .nav .nav-item a:hover {
	color:#D9F726 !important;
	}

footer .nav li .footer-ul-ireko li {
	list-style-type:circle;
	}

.footer-no-act a {
	pointer-events: none;
	}

.footer-ul-ireko {
	padding-left:20px;
	}

.footer-cop {
	border-top: 1px solid #fff;
	font-size:1rem;
	}

@media (min-width: 768px) {
	
#header-top .header-top-title {
	margin-top:5px;
	margin-bottom:5px;
	font-size:14px;
	}		
	
.header-logo {
	margin:15px 0 30px 0;
	width:70%;
	max-width:400px;
	} 	
	
.address-box {
	width:80%;
	max-width:350px;
	}	
	
#header-top .address-box-telfax {
	margin-top:10px;
	}	
	
.footer-logo img {
	width:80%;
	max-width:300px;
	}	

.footer-add ul {
	width:80%;
	margin-left:0;
	margin-right:auto;
	}		
	
}	
	

@media (min-width: 992px) {
	
#header-top .header-top-title {
	text-align:left;
	font-size:17px;
	}	

.header-logo {
	margin:20px 0 22px 0;
	width:80%;
	max-width:500px;
	} 	
	
#header-top ul {
	text-align:left;
	}	
	
.address-box {
	width:80%;
	max-width:300px;
	margin-left:auto;
	margin-right:0;
	text-align:center;
	border:none;
	}	
	
#header-top .address-box-telfax {
	margin-top:8px;
	}	
	
.footer-logo img {
	width:90%;
	max-width:330px;
	}	
	
.footer-add ul {
	width:60%;
	}		
	
}
	
@media (min-width: 1200px) {
	
.header-logo {
	margin:23px 0 32px 0;
	} 	
	
.address-box {
	width:100%;
	max-width:420px;
	margin-top:25px;
	}		
	
#header-top .address-box li {
	font-size:17px;
	}	

}	

/*---------------------------------
  
  トップページ共通

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

.top-top {
	color:#ffffff;
	} 

.card02 {
	position: relative;
	}

.card02 .card-text {
	margin-bottom:60px;	
	}

.card02 .card-btn {
	position: absolute;
	bottom:10px;
	}

.prof {
	margin-bottom:20px;
	}

.m-box {
	width:90%;
	height:auto;
	margin:0 auto;
	padding:5px 20px 15px 20px;
	}
	
.prof .m-box ul {
	list-style-type:none;
	}	
	
.prof .m-box ul li {
	margin-bottom:10px;
	}		
		
article.pr001,
article.pr002 {
	width:100%;
	}
	
.pr001 {
	background-image:url(../images/top-midimg001.jpg);
	height:500px;
	width:100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed; 
	background-color:#000000;
	}	

.pr001 div.col-md-7 {
	background-color: rgba(78,205,196,0.9);
	color:#ffffff;
	padding:30px 15px;
	}
	
.t-box {
	margin-bottom:30px;
	}

.top-info iframe {
	margin:0;
	padding:0;
	margin-left:auto;
	margin-right:auto;	
	height:300px
	}
	
@media (min-width: 768px) {
	
.table-notes td {
	text-align:left;
	padding-left:20px !important;
	padding-right:15px;
	} 		
	
}	
	
@media (min-width: 992px) {
	
.top-info iframe {
	height:450px
	}	
	
.top-info table th {
	padding-left:30px !important;
	}	

.fb {
	margin-top:50px;
	}		
	
}
		
/*---------------------------------
  
  サブページ共通

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

.pr002 {
	background-image:url(../images/sub-top01-sp.jpg);
	height:200px;
	width:100%;
	background-position: center center;
	background-repeat: no-repeat;
	background-color:#4682B4;
	}	

.pr002 h1 {
	padding-top:80px;
	}	

.sub-page .top-add {
	border:solid 1px #000;
	width:90%;
	max-width:500px;
	margin-left:auto;
	margin-right:auto;
	border-radius:16px;
	padding:24px 10px 10px 7px;
	}

.sub-page .top-main img {
	width:90%;
	max-width:600px;
	}

.conta-img img {
	border:solid 1px #BFBCBC;
	width:90%;
	max-width:700px;
	margin-left:auto;
	margin-right:auto;
	padding:10px
	}

.midashi03 {
	border-left:double 20px #33b5e5;
	border-bottom:solid 1px #33b5e5;
	text-align:left;
	padding:5px 0 5px 15px;
	}

.table th {
	vertical-align: middle;
	}

.flow .media img {
	width:100px;
	}

@media (min-width: 768px) {
	
.pr002 {
	background-image:url(../images/sub-top08.jpg);
	height:350px;
	}	

.pr002 h1 {
	padding-top:140px;
	}		
	
.flow .media img {
	width:200px;
	}
	
}

/*---------------------------------
  
  「業務の案内」ページ

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

.ser-img img {
	width:90%;
	max-width:600px;
	margin-left:auto;
	margin-right:auto;
	}

.ser-con li {
	margin-bottom:15px;
	}

/*---------------------------------
  
  「所在地」ページ

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

.gmap {
	width:100%;
	text-align:center;
	padding:0;
	}
	
.gmap iframe {
	margin:0;
	padding:0;
	width:100%;
	margin-left:auto;
	margin-right:auto;
	height:450px
	}	

@media (min-width: 768px) {
	
.gmap iframe {
	height:650px
	}	
	
}

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

  「お問い合わせ」ページ

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

.les-table table,
.les-table tbody,
.les-table thead,
.les-table tfoot,
.les-table tr,
.les-table th,
.les-table td {
    display: block;
	}

.contact input:focus,
.contact textarea:focus {
	outline:none !important;
	border:solid 2px #129bad !important;
	background-color:#eaf8f9 !important;
	}

.contact .input-field02 {
	width:100%;
	}

.contact textarea {
	width:100%;
	height:300px;
	}

.table-td-span {
	line-height:3rem;
	}

.contact .input-sub {
	width:160px;
	height:80px;
	cursor: pointer;
	}

.contact .input-sub02 {
	background-color:#4682B4;
	color:#fff;
	}

.contact .input-sub02:hover,
.contact .input-sub02:active,
.contact .input-sub02:focus {
	background-color:#29abe2 !important;
	}

.contact .input-sub03:hover {
	background-color:#eaeaf2;
	}

@media (min-width: 992px) {
	
.les-table table {
	display: table;
	}

.les-table thead {
	display: table-header-group;
	}

.les-table tbody {
	display: table-row-group;
	}

.les-table tfoot {
	display: table-footer-group;
	}

.les-table tr {
	display: table-row;
	}

.les-table th, td {
	display: table-cell;
	}	
	
.les-table td {
    text-align:left;
	}	
	
.contact th {
	width:40%;
	min-width:440px;
	}	
	
.contact td {
	min-height:75px;
	}		
	
.contact td span:first-child {
	line-height:2.3rem;
	}			
	
.contact td .your-message:first-child {
	line-height:1.7rem;
	}			

}

/*---------------------------------
  
  ページ内遷移時のズレ解消

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

.anchorn {
   display: block;
    padding-top: 70px;
    margin-top: -70px;
	}

/*---------------------------------
  
  上に戻るボタン

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

#back-to-top-area {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 14px;
	z-index:100;
	}

#back-to-top-area a {
	background: #4682B4;
	text-decoration: none;
	color: #fff;
	width: 60px;
	padding:1px 0;
	font-size:30px;
	text-align: center;
	vertical-align:middle;
	display: block;
	border-radius:30px;
	opacity: 0.6;
	border:solid 2px #ffffff;
	}

#back-to-top-area a:hover {
	text-decoration: none;
	background: #29abe2;
	color:#ffffff;
	}

@media (min-width: 992px) {
	
#back-to-top-area a {
	width: 80px;
	padding:2px 0;
	font-size:40px;
	border-radius:40px;
	opacity: 0.6;
	}	
		
}