@charset "utf-8";

/*
Theme Name: theme110
Theme URI: http://theme.o2gp.com/
Description: theme110
Version: 1.0
Author: o2 Group
Author URI: http://theme.o2gp.com/
Tags: simple

	o2 Group v1.0
	 http://theme.o2gp.com/

	This theme was designed and built by o2 Group,
	whose blog you will find at http://theme.o2gp.com/

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/

*{margin:0;padding:0;}

body{
font: 14px/1.4 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
color:#252525;
background: #ffffff  no-repeat center top;
}


a{color:#00439a;text-decoration:none;}
a:hover{color:#1d60b6;}
a:active, a:focus {outline: 0;}
img{border:0;}
.clear{clear:both;}


/*************
全体
*************/
#wrapper{
margin: 0 auto;
padding: 0px;
width: 960px;
}

.container img {
	width: 100%;
	height:auto;}

.row{padding:15px;}


/*************
/* ヘッダー
*************/

/* -----------------------------------------------------------------------
base setting
------------------------------------------------------------------------- */
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }
}

body{
    background-color:#f1f1f1;
    font-size:0.875em;
    color:#333333;
    font-family: Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    word-wrap: break-word;
}

/* font-size:12px */

a{ color:#008cd0;; text-decoration:none;}
a:hover{color:#da0554; text-decoration:none;}

p{line-height:1.5;}

/*for Tablet*/
@media only screen and (min-width : 768px) and (max-width : 959px){
    body{font-size:12px;}
}

/*for SP*/
@media only screen and (max-width: 767px) {
    html{font-size:10px;}
    body{font-size:1.4rem;}
}


/* -----------------------------------------------------------------------
header
------------------------------------------------------------------------- */
/*---h1---*/
#titletxt{
    height:20px;
	margin-left: 15px;
}

#titletxt h1{
    color:#000000;
    font-size:12px;
    font-weight:400;
    line-height:20px;
}

#titletxt h1 a{
    color:#fff !important;
    text-decoration:none !important;
	font-family: "游ゴシック", YuGothic,;
}

/*--logo--*/

#hdrOuter{
    background-color:#fff;
    overflow:hidden;
	display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}

#hdrOuter #hdrLogo{
    width:45%;
    float:left;
    padding:20px 0px;
    text-align:left;
}

#hdrOuter #hdrLogo img{
    margin-left:15px;
    width: 100%;
	height: auto;
}

/*---nsv---*/
#gnav{
 width: 100%;
background-image:url(../theme110/images/bg_blue.png)
}
#gnav > ul {
  padding:25px 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  text-align: center;
}
#gnav > ul li {
 display: block;
 padding: 0px 25px;
 font-size: 18px;
  border-left: #FFFFFF solid 1px;
}
#gnav > ul li:first-child{
	border-left:none;
}

#gnav > ul li:hover > ul {
  display: block;
}
#gnav > ul li > a{
  color: #fff;
  font-weight: bold;
}

#gnav a:hover{color:#efea3a;}


/*--TOP　image--*/
#mainImage{
background-image:url(../theme110/images/kv_bg.png);
background-repeat: no-repeat;
background-size: 100%;
height: auto;;
}

#mainImage img {
    margin: 0 auto;
	display: flex;
}
/*--siteInfo--*/
#hdrInner{
    width:55%;
    padding:20px 0 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}

#hdrInner ul{
    text-align:right;
    margin-right:15px;
    padding-bottom:15px;
}

#hdrInner ul li{
    display:inline;
}

/*============================
header contact
==============================*/

.hdrContact p{
    margin-right:15px;
	font-size: 10px;
	
}

.hdrContact p.tel{
	font-family: Arial;
    font-weight:bold;
    font-size:28px;
	letter-spacing:1px;
	text-align: center;
	margin-left: 15px;
}
.hdrContact .tel img{
	vertical-align:middle; 
}

.business_time{
	background-color: #f1f0e1;
	width: 100%;
	text-align: center;	
	border-radius: 4px;
	padding: 3px 0px;
}

.hd_address{
	width: 100%;
}

.hdbtn{
	width: 45%;
    height: 35px;
    text-align: center;
    padding-top: 19px;
    background-color: #008dd1;
    margin-top: 8px;
    margin-left: 5px;
	border-radius: 8px;
}

.hdbtn:hover{
	background-color: #5ba5ec;
}

.hdbtn a{
    color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
}
.hdaddress p {
	padding-top: 5px;
	padding-bottom: 10px;
}

.hdaddress  span{
    color: #008dd1;
	font-weight: bold;
}


/*************
/* トップナビゲーション
*************/
ul#topnav{
margin: 15px 0;
width: 910px;
height: 46px;
}

ul#topnav li{float:left;list-style:none;width:130px;}

ul#topnav a{
display: block;
width: 130px;
height: 46px;
}

/*************
メイン（右側）コンテンツ
*************/
#main {
    float: right;
    width: 630px;
    padding: 0px;
    margin-top: 15px;
    display: inline;
}

#main .container{
	background-color: #fff;
	margin-bottom: 15px;	
}

#main .bannerM img{
padding-right: 10px;
padding-bottom: 15px;
}
#main .bannerM img.last{padding-right:0;}

#main h2{
padding: 5px 10px 0px 20px;
line-height: 40px;
font-size: 15px;
font-weight: bold;
color: #FFFFFF;
background:  url(images/heading.png) no-repeat;
height: 45px;
}

#main h3 {
margin-bottom: 30px;
font-size: 18px;
font-weight: bold;
line-height: 30px;
background: url(images/h3.png) no-repeat ;
padding-top: 5px;
padding-left: 15px;
padding-bottom: 5px;
letter-spacing: 0.1em;
color: #fff;
}

#main p {
    padding: 15px 0px 15px 0px;
}

/* title　一覧（共通） */
#main h4{
    margin-bottom: 20px;
	padding-left: 15px;
    padding-top: 9px;
    padding-bottom: 6px;
    margin-top: 15px;
    font-size: 16px;
	font-weight: bold;
	padding: 0.25em 0.5em;/*上下 左右の余白*/
    color: #494949;/*文字色*/
    background: transparent;/*背景透明に*/
    border-left: solid 10px #abc8e5;/*左線*/
	border-bottom:  solid 2px #abc8e5;/*下線*/
}
#main h4.title_bl{
	color: #fff;
	background:url(images/h4_bg.png) no-repeat;
	background-size: 100%;
	border: none;
}

#main h4.title_gr{
	color: #fff;
	background:url(images/h4_2bg.png) no-repeat;
	background-size: 100%;
	border: none;
}

#main h5{
	font-size: 16px;
	padding: 0.25em 0.5em;/*上下 左右の余白*/	
    color: #333333;/*文字色*/
    background: transparent;/*背景透明に*/
    border-left: solid 10px #cccccc;/*左線*/
}

/* table */
table.Fee {
	margin: 0 auto;
	border-collapse: separate;
	border-spacing: 0px 15px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

table.Fee th,
table.Fee td {
	padding: 10px;
}

table.Fee th {
	font-weight: bold;
	vertical-align: middle;	
	overflow: visible;
	position: relative;
	color: #fff;
	font-size: 15px;
	width: 33%;
	height: 45px;	
}

table.Fee th.bl{background: #295890;}
table.Fee th.gr{background: #097c25;}

table.Fee th:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	
	border-width: 10px;
	margin-top: -10px;
}

table.Fee  th.bl:after{border-left-color: #295890;}
table.Fee  th.gr:after{border-left-color: #097c25;}
/* firefox */
@-moz-document url-prefix() { 
	table.Fee th::after {
		float: right;
		padding: 0;
		left: 30px;
		top: 10px;
		content: " ";
		height: 0;
		width: 0;
		position: relative;
		pointer-events: none;
		border: 10px solid transparent;
		border-left: #295890 10px solid;
		margin-top: -10px;
	}
}

table.Fee td {
	background:#fff;
	width: 33%;
	padding-left: 20px;
}

table.Fee td span{
	font-size: 120%;
}

table.Fee td.bg-f1f0e1{background-color:#f1f0e1}

/* 画像を右に回りこみ */
#main .withImage{
	width: 100%;
	display: flex;
    margin-top: 40px;
    margin-bottom: 5px;
}

#main .withImage p{
	width:80%;
    margin: 10px 0;
    padding: 0px 0;
}

#main .withImage img{
	width: 20%;
	height: 100%;
	padding:0px 5px;
}

#main .customer_title{
font-size: 16px;
margin-bottom: 15px;
position: relative;
padding: 0.6em;
background-color: #f1f0e1;
border-radius: 7px;
border: none;
}
#main .customer_title:after {
position: absolute;
content: '';
top: 100%;
left: 30px;
border: 15px solid transparent;
border-top: 15px solid #f1f0e1;
width: 0;
height: 0;
}

.container{
	background:#f1f0e1;
}
/*お客様の声*/
.customer_name{
	border-bottom: #00639b dashed 0.5px;
	padding:20px 5px 20px 45px;
	background: url(images/i_voice.png) no-repeat;
	background-position: left;
	    margin-bottom: 15px;
}
/*設立・ご依頼*/
.enquiry_tb{
	width: 100%;
}
.enquiry_tb th{
	padding: 10px;
	font-size: 12px;
	width: 50%;
}
.enquiry_tb td{
	background-color: #fcfbf7;
	text-align: center;
	padding: 5px;
	
}

/*設立流れ*/
.establishment{
	border:#0090d4 1px solid;
	position: relative;
	display: flex;
	width: 100%;
	margin: 10px 0px;
    align-items: center;
}
.establishment::after{
	position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 25px;
    height: 100%;
	background:url(images/step.png)no-repeat  #0086ca;
	background-position: center;
}

#main p.No{
    background-color: #e5f4fb;
    margin-left: 25px;
	margin-right: 5px;
    font-size: 70px;
    padding:15px;
    font-family: "Arial", Gadget, "sans-serif";
    font-weight: bold;
    color: #008fd3;
}

.triangle{
  width: 0;
  height: 0;
 margin: 0 auto;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 15px solid #0086ca;
}

#main .establishment_img{
    width: auto;
    margin-right: 10px;
}

#date {
text-align: right;
padding-right: 15px;
padding-top: 15px;
padding-bottom: 10px;
font-weight:bold;
color:#00439a;
}

#next {
text-align: center;
padding-top: 30px;
padding-bottom: 30px;
}


/* フッター共通 */
.box{
float: left;
width: 195px;
margin: 20px 16px 10px 0;
line-height: 1.2;
}

.box_img{
padding: 0px 0px 10px 0px;
}

.last{margin-right:0;}


/* ボタン */
p.button{
text-align: center;
font-weight:bold;
padding: 10px 0;
}

p.button a{
display:block;
line-height: 32px;
background: #ffffff url(images/button.png) no-repeat;
margin: 0 -20px;
}

p.button a{color:#00439a;}
p.button a:hover{color:#ffffff;}

p.button a:hover{
cursor:pointer;
background-position: 0 -32px;
}

/* メインとフッターのリスト位置調節 */
#main ul, #footer ul{margin-left: 20px;}
#main li, #footer li{margin-bottom: 3px;}

.slicknav_menu{
		display:none;
	}



/*************
サイド（左側）コンテンツ
*************/
#sidebar {
float: left;
width: 270px;
padding: 15px 0;
}

#sidebar p{margin-bottom: 20px;}

#sidebar h3 {
padding: 6px 10px 0 20px;
line-height: 40px;
font-size: 12px;
font-weight: bold;
color: #ffffff;
height: 65px;
background:#FFFFFF url(images/heading2.png) no-repeat;
}

.side_menu,.side_point{margin-bottom: 20px;}

#sidebar ul{
    padding: 10px 10px;
    background-color: #fff;
    font-size: 16px;
    font-weight: bold;
}

#sidebar li{
    margin: 0 10px 10px 5px;
    list-style: none;
    border-bottom: 0.5px dashed #00439a;
    position: relative;
    padding-top: 3px;
    padding-left: 20px;
    padding-bottom: 15px;
}

#sidebar li:before {
    content: '';
    display: inline-block;
    position: absolute;
    top: 60%;
    left: 0;
    width: 0;
    height: 0;
    margin-top: -20px;
    border-top: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 15px solid #0085c9;
}

/*#sidebar li a{
background: url(images/list.png) no-repeat 0 50%;
display: block;
padding-left:15px;
}

*/
#sidebar li a:hover{background-position: 3px 50%;}

/*************
/* フッター
*************/
#footer{
clear:both;
}

#footer .inner{
overflow: hidden;
}

* html #footer .inner{height:1%;}

#footer #logo{
    padding: 10px 0px;
    margin-top: 10px;
    width: 100%;
    background-color: #fff;
    display: flex;
    justify-content: center;
}
#main ul, #footer ul {
    width: 100%;
    display: flex;
    justify-content: center;
    list-style: none;
    margin:0px;
    padding: 25px 0px;
    background: #3d6db1;
}

#main ul, #footer ul li a{color: #fff;}

address{
padding: 10px 0 10px;
text-align: center;
font-style:normal;
font-size: 12px;
clear:both;
display:block;
}

#main ul, #footer ul li{
    padding: 0px 20px;
    border-right: solid 1px;
	color: #FFFFFF;
}

#main ul, #footer a:hover{color:#efea3a;}

#main ul, #footer ul li:last-child{
    border-right:none;
}

/*ノーマルページ用の表*/

table.basic-table {
	width: 100%;
	border: solid 1px #82bd3f;
	border-collapse: collapse;
	margin: 15px 5px;
}

table.basic-table th {
	padding:4px 2px 2px 8px;
	text-align:center;
	vertical-align:middle;
	color:#ffffff;
	background-image: url(images/tb_bg.png);
	border:1px solid #cccccc;
}

table.basic-table td {
	vertical-align:middle;
	padding: 8px;
	background-color:#fffffb;
	border: 1px solid #cccccc;
}

table.basic-table td.consp {
	background-color: #ffffa9;
}

/*ノーマルページ用の表*/

.page table {
	width: 100%;
	border:solid 1px #CCCCCC;
	border-collapse : collapse; 
}

.page table th {
    padding: 15px 2px 15px 8px;
    font-size: 16px;
	text-align:center;
	vertical-align:middle;
	color:#ffffff;
	background:url(images/tb_bg.png);
	border:solid 1px #CCCCCC;
}

.page table td {
	vertical-align:middle;
	padding: 10px;
	background-color: #f6f6f6;
	border:solid 1px #CCCCCC;
}

.page table td.consp {
	background-color: #ffffa9;
}

.pickup {
	color: #333333;
	line-height: 30px;
	font-size: 16px;
	font-weight: bold;
	background: url("images/h4-wrap.png") no-repeat;
	margin: 15px 0 7px 0;
	padding: 0 3px 0 25px;
}

#main .o-service{
width: auto;
display: flex;
flex-direction: row;
}

#main .o-service img{
	width:95%;
}
#main .o-service .hover_a img:hover,.contact_bar:hover{
	opacity: 0.5;
}
.contact_bar:hover{
	opacity: 0.5;
}

#main .bannerM img.last{padding-right:0;}

#main .page h2{margin-bottom: 10px;}

#main .page .withImage img {
    width: 40%;
    padding: 0px 5px;
}
#main .page .withImage p {
    margin: 10px 0;
    padding: 0px 0;
    width: 60%;
}

/*---topお客様の声---*/

.topVoice{
overflow:hidden;
}

.topVoice img{
float:right;
margin:0 0 15px 15px;
}