@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,500,700,900&display=swap&subset=japanese');

    html, body {
      position: relative;
      height: 100%;
		font-size:62.5%;
      scroll-behavior: smooth;
    }
    body {
      color: #292929;
	line-height: 1.6;
	font: 1.6rem/1 'Noto Sans JP', "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , sans-serif;
      font-size:62.5%;
      margin: 0;
      padding: 0;
    }
body a {
	text-decoration: none;
	outline: none;
	transition: all .3s;
	-webkit-transition: all .3s;
	color: #2c2c2c;
}
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	
}

/* ---------------------------------------------------------swiper*/
    .swiper-container {
      width: 100%;
      height: 800px;
		z-index: 0;
		overflow: hidden;
		max-height: 100%;

    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
		overflow:hidden;
		height: 800px;
		max-height: 100%;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;		
    }

.swiper-slide img{
	width: auto;
    height: auto;
    min-width: 100%;
    min-height: 100%;
    max-width: inherit;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);	
}

.swiper-slide h2{
	color: #fff;
	font-size: 3.8rem;
	line-height: 1.5;
	position: absolute;
	font-weight: 500;
	z-index: 3;
	text-align: left;
	border-bottom: 1px solid #fff;
	width: 70%;
	text-shadow: 0 1px 3px rgba(0, 0, 0, .6);
	padding-bottom: 10px;
	box-shadow: 0px 2px 2px -3px rgba(0,0,0,0.6);
	text-shadow: 2px 2px 2px #000, 2px -2px 2px #000, -2px 2px 2px #000, -2px -2px 2px #000;
	
}
.block{
	display: block;
}

.swiper-slide h2 span{	
	font-size: 2.8rem;
	margin-top: 20px;
}

@media only screen and (max-width: 798px) {
	body,html{
		font-size: 52%;
	}
	
	.swiper-slide h2{
		width: 95%;
	}
	.swiper-slide h2 span{	
	display: block;
		margin-top: -0px;		
}
}

/* ---------------------------------------------------------navi*/

.navigation {  
  background: #fff;
font-weight: 700;
font-style: normal;
	font-size: 14px;
	z-index: 10;
	position: relative;
	width: 100%;
}

.brand {
  padding:15px 0 0 10px;
  float: left;
  text-transform: uppercase;
	width: 300px;
  
}

.brand img{
	width: 100%;
	height: auto;
	
}
.brand a,
.brand a:visited {
  color: #ffffff;
  text-decoration: none;
}

.top_tel{
	font-size: 23px;
	margin-bottom: 10px;
}

.top_tel .telblue img{
	width: 22px;
	height: auto;
	padding-right: 5px;
	
}

.top_tel .telwhite img{
	display: none;
}
.recep-date01,
.recep-date02{
	font-size: 14px;
	padding: 2px;
	margin-left: 22px;
	letter-spacing: 1px;
	font-weight: 500;
}

.recep-date01{
	margin-bottom: 5px;
}
.recep-date01 span,
.recep-date02 span{
	background-color: #0078dc;
	color: #fff;
	font-size: 10px;
	padding: 0px 4px 2px 6px;
	border-radius: 2px;
	margin-right: 15px;
}

.recep-date02 span{
	background-color: #00c2d0;
	
}

.max1100{
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}

.nav-container0 {
  width: 100%;  
	box-sizing: border-box;
	padding: 0 0 0;
	height: 90px;
	border-bottom: 1px solid #f5f5f5;
	
}

.reception{
	float: right;
	padding: 5px 5px 0 0;
}

.tocontact a{
	width: 110px;
	background-color: #f7931e;
	text-align: center;
	float: right;
	color: #fff;
	height: 90px;
	font-size: 13px;
}

.tocontact a:hover{
	opacity: .6;
}

.tocontact a img{
	width: 18px;
	display: block;
	margin: 25px auto 20px;
	height: auto;
}

.nav-container {
  max-width: 1200px;
  margin: 0 auto;
	box-sizing: border-box;
	padding: 0 0 0;
	background-color: #fff;
	height: 50px;
}

nav {
  width: 100%;
}
nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
	width: 100%;
	background-color: #fff;
	text-align: center;
	
	
}
nav ul li {
	display: inline-block;
	width: calc(100% / 7 + 4px);
	text-align: center;
	
}

nav>ul>li:first-child{
	width: 80px;
}

nav ul li img{
	width: 20px;
	height: auto;
}
nav ul li a,
nav ul li a:visited {
  display: block;
  padding: 0 ;	
  line-height: 50px;
 
  text-decoration: none;
	letter-spacing: 2px;
	position: relative;
	
	
}
.menu_icon a:hover,
.menu_icon a:visited:hover {
	background-color: #ccc;
  
}

 .nav-list>li>a::after {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  content: "";
  width: 0%;
  height: 3px;
  background: #021893;
  transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
 .nav-list>li>a:hover::after {
  width: 100%;
}
.arrow a:not(:only-child):after,
.arrow a:visited:not(:only-child):after {
 
}

.arrow>a>img{
	width: 15px;
	height: auto;
	padding-left: 7px;
}

.menu_icon>a>img{
	width: 30px;
	height: auto;
	padding-right: 10px;
	
}

.menu_icon{
	vertical-align: baseline;

}
nav>ul>li>ul>li {
  width: 100%;
}
nav ul li ul li a {
  padding: 15px;
  line-height: 20px;
}

.nav-dropdown {
  position: absolute;
  display: none;
  z-index: 1;
	width: 174px;
}

/* Mobile navigation */
.nav-mobile {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  background: #021893;
  height: 60px;
  width: 60px;
}

.pnpost-c {
	font-size: 14px;
}

@media only screen and (max-width: 798px) {
	.navigation { height: 60px;
		position: fixed;
		
	}
	.nav-container0{
		height: 60px;
	}
	.nav-container {
		height: 0;
	}
	
  .nav-mobile {
    display: block;
  }
	.brand {
  padding:15px 0 0 10px;
  float: left;
  text-transform: uppercase;
	min-width: 180px;
		width: 30%;
  
}

  nav {
    width: 100%;
    padding: 0px 0 15px;
  }
  nav ul {
    display: none;
  }
  nav ul li {
    float: none;
	  width: 100%;
	 border-bottom: 1px #f5f5f5 solid;
  }
  nav ul li a {
    padding: 15px;
    line-height: 20px;
	   
  }
  nav ul li ul li a {
    padding-left: 30px;
  }

  .nav-dropdown {
    position: static;
	
  }
	.tocontact a{
	width: 60px;
		height: 60px;
	float: none;
		position: absolute;
		right: 61px;
	
}
	.contact_letter{
		display: none;
	}

.tocontact a img{
	width: 18px;
	display: block;
	margin: 25px auto 20px;
	height: auto;
}
	.reception{
	float: none;
	padding: 0;
		position: absolute;
		right: 122px;
}
	.top_tel .telblue
	{display: none;
	}
	.top_tel{
		width: 60px;
		height: 60px;
		background-color: #0078dc;
		padding: 20px 0 0 5px;;
		text-align: center;
	}
	.top_tel .telwhite img{
	display: inline;
		width: 20px;
	height: auto;
	
}
	.tel_letter,
	.recep-date01,
	.recep-date02{
		display: none;
	}
	nav>ul>li:first-child{
	width: 100%;
}
	
	nav ul li a:hover,
nav ul li a:visited:hover {
  background: #ccc;	
}
	.nav-list>li>a::after {
  display: none;
}
	.nav-dropdown {
	width: 100%;
}

	
}
@media screen and (min-width: 799px) {
  .nav-list {
    display: block !important;
  }
}
#nav-toggle {
  position: absolute;
  left: 15px;
  top: 20px;
  cursor: pointer;
  padding: 10px 35px 16px 0px;
}
#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 2px;
  width: 30px;
  background: #fff;
  position: absolute;
  display: block;
  content: "";
  transition: all 300ms ease-in-out;
}
#nav-toggle span:before {
  top: -8px;
}
#nav-toggle span:after {
  bottom: -8px;
}
#nav-toggle.active span {
  background-color: transparent;
}
#nav-toggle.active span:before, #nav-toggle.active span:after {
  top: 0;
}
#nav-toggle.active span:before {
  transform: rotate(45deg);
}
#nav-toggle.active span:after {
  transform: rotate(-45deg);
}
/* ---------------------------------------------------------margin/padding/img*/
.pdg_0{
	padding: 0;
}

.mgb_30{
	margin-bottom: 30px;
}
.mgb_60{
	margin-bottom: 60px;
}
.pdb_60{
	padding-bottom: 60px;
}

.mg_30_0{
	margin: 30px 0;
}
img{width: 100%; height: auto;}


/*----------------------------------------------------bg*/
.bg0{
	background-color: #fff;
	padding: 10px;
}

.bg00{
	background-color: #fff;
	background-image: url("img/bg00.jpg");/*gray*/
}

.bg01{
	background-color: #fff;
	background-image: url("img/bg01.jpg");/*blue*/
}
.bg02{
	background-color: #fff;
	background-image: url("img/bg02.jpg");/*white*/
}

.bg03{
	background-color: #fff;
	background-image: url("img/bg03.jpg");/*white*/
}

.box_shadow{
	box-shadow: 0 0 8px rgba(0,0,0,0.1);
}



/*----------------------------------------------------breadcrumbs*/

#breadcrumbs{
	font-size: 11px;
	padding: 5px 0;
	border-top: 1px solid #f5f5f5;
	border-bottom: 1px solid #f5f5f5;
}

#breadcrumbs li{
	position: relative;
	display: inline;
	padding: 0 30px 0 0;
}

#breadcrumbs li:after{
	position: absolute;
	top: 3px;
	right: 10px;
	content:">";
}

#breadcrumbs li:last-child:after{
	display: none;
}

/*----------------------------------------------------sidebar*/

.widget h2,.side_h2,.widget h4,.side_h4{
	font-size: 16px;
	font-weight: 500;	
	padding: 7px 0 10px 7px;
	color: #fff;
	background: #004ec4 url("img/icon_book.png") no-repeat right 10px top 7px / 15px auto ;
}


.widget ul{
	
	line-height: 3.0;
	list-style-position: outside;
	
	
	
}

.widget ul li,#side_li li{
	
	line-height: 3.0;
	border-bottom: dotted 1px #ddd;
	padding: 5px 0 5px 20px ;
	font-size: 12px;
	
	height: auto;
	
}

#side_li li{
	height: 60px;
	padding: 20px 0 0 110px ;
	position: relative;
	line-height: 1.5;
}

#side_li li span{
	display: block;
	position: absolute;
	top: 10px;
	left: 0px;
	width: 90px;
	height: 60px;
	overflow: hidden;
	margin-right: 10px;
}

/*----------------------------------------------------blog*/

.post-date{
	font-size: 12px;
	font-weight: 500;
	color: #aaa;
}
.blog_box{
	font-size: 16px;
	line-height: 1.5;
	margin-top: 20px;
}
.blog_box a,.blog_box a:link,.blog_box a:active,.blog_box a:visited {
	color: #1967d2;
   text-decoration: underline;
}


.blog_box p{
	line-height: 1.8;
}
.author-profile {
	clear: both;
	padding: 15px;
	border: solid 1px #d1d1d1;
	border-radius: 2px 0 0 2px;
	overflow: hidden;
	background-color: #fff;
	margin-top: 30px;
}

.author-head{
	font-size: 16px;
	font-weight: 500;
	padding-left: 10px;
	border-left: 4px solid #021893;
}
.author-profile .author-profile-avatar {
	float: right;
	width: 120px;
	margin-right: 10px;
	margin-top: -15px;
}
.author-profile .author-profile-avatar img {
	float: right;
	border-radius: 50%;
	margin-right: 10px;
	margin-top: -10px;
}
.author-profile .author-profile-name {
	clear: none;
	font-size: 16px;
	line-height: 1.75;
	margin-top: 10px;;
	padding-left: 14px;
}
.author-profile .author-profile-bio {
	font-size: 14px;
	color: #686868;
	overflow: hidden;
	margin: 0.5em 0;
	font-weight: 400;
	padding-left: 14px;
}

.box_post{
	text-align: justify;
	
	width: 100%;
	
}
	

.post{
	width: 100%;
	background-color: #fff;
	overflow: hidden;
	border: 1px solid #ddd;
	padding: 5px;
	position: relative;
	display: inline-block;
	margin-bottom: 10px;
}


.ph_article{
	width: 130px;
	height: 100px;
	overflow: hidden;
	float: left;
	border: 1px solid #f5f5f5;
	position: relative;
}

.ph_article img{
	width: 120%;
	height: auto;
	position: absolute;
	left: 60%;
	margin-left: -70%;
}

.text_article{
	width: calc(100% - 130px);
	float: right;
	padding-left: 10px;
}

.text_article>p{
	font-size: 12px;
	line-height: 1.2;
	margin-top: 10px;
}

.article_title{
	margin-top: 20px;
}

.article_title a{
	color: #222;
	font-size: 15px;
	font-weight: 500;
	margin-top: 15px;
	
}

.b-date{
	position: absolute;
	left: 145px;
	top: 7px;
	color: #999;
}
.cat a{
	position: absolute;
	display: block;
	left: 145px;
	top: 5px;
	color: #999;
	border: 1px solid #f5f5f5;
	padding: 2px 5px;
	
}

.cat02 a{
	display: inline-block;
	color: #999;
	border: 1px solid #f5f5f5;
	padding: 2px 5px;
	
}

.tags{
	text-align: left;
	padding: 10px;
}

.tags li{
	font-size: 9px;
	padding: 2px 5px;
	display: inline-block;
	color: #333;
	border: 1px solid #EAE7E4;
	border-radius: 3px;
	margin:0 2px 2px 0;
	
}

.tags li a{
	color: #666;
}

.tags_all{
	text-align: left;
	position: absolute;
	bottom: 5px;
	left: 140px;
}

.tags_all li{
	font-size: 9px;
	padding: 2px 5px;
	display: inline-block;
	color: #333;
	border: 1px solid #ddd;
	border-radius: 3px;
	margin-right: 0 3px 3px 0;
	
}

.tags_all li a{
	color: #666;
}

.post_info{
	width: 100%;
	overflow: hidden;
	border-bottom: 1px dotted #ddd;
	padding: 20px 0;
	position: relative;	
}
/* info */	
.text_article02{
	
	padding-left: 5px;
}

.text_article02>p{
	
	font-size: 14px;
	line-height: 1.5;
}

.article_title02{
	padding:5px 0 5px 120px;
	border-left: 7px solid #021893;
	margin-bottom: 20px;
	font-size: 16px;
}

.article_title02 a{
	color: #444;
	font-size: 14px;
	font-weight: 500;
	
	
	
}
.b-date02{
	position: absolute;
	left: 20px;
	top: 25px;
	color: #999;
	font-size: 12px;
}

.cont_left h2{
	font-size: 20px;
	font-weight: 600;
	color: #fff;
	padding: 2px 0 2px 20px;
	background: #0078dc;
	margin: 20px 0 10px;
}

.blog_box img{
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	display: block;
}

/* -------------------------------------------------------------目次 */

#ez-toc-container{
	width: 100%;
	max-width: 400px;
	background-color: #fff;
	margin: 40px auto 0;
	text-align: center;
	border: 1px solid #f5f5f5;
	
}

.ez-toc-title{
	font-size: 16px;
	font-weight: 500;
	padding: 3px 0 3px 10px;
	text-align: left;
	border-left: 6px solid #021893;
	margin: 10px 0 0 10px;
}



#ez-toc-container ul{
	
	padding: 10px 0 20px 40px;
	border-top: none;
}

#ez-toc-container ul li{
	width: 100%;
	text-align: left;
	margin: 0;
	padding: 0;
	line-height: 1;
	font-size: 12px;
	
	
}

#ez-toc-container ul li a{
	margin: 0;
	padding: 0;
	line-height: 2;
	display: list-item;
	list-style-type:decimal;
	list-style-position: inside;
	color: #0078dc;
	text-decoration: underline;
}

#ez-toc-container>nav>ul>li:first-child{
	width: 100%;
}

/* -------------------------------------------------------------pager */	



.pagination{
	height: 100px;
	margin: 50px auto 0;
	text-align: center;
	
}

.page-numbers li{
	display: inline-block;
	width: 45px;
	text-align: center;
	background-color: #0078dc;
	color: #fff;
	height: 45px;
	vertical-align: top;
	line-height: 45px;
	font-size: 12px;
	
}
a.page-numbers{
    color:#555;
	 background-color:#ccc;
	height: 45px;
	line-height: 45px;
	width: 45px;
	font-size: 12px;
	display: block;
}


a.page-numbers:hover{
     color:#eeeeee;
    background-color:#333;
}

a.page-numbers.next,
a.page-numbers.prev{
	font-size: 18px;
	line-height: 45px;
    
}


/*----------------------------------------------------Constitution*/

.cont_100{
	width: 100%;
	height: auto;
	overflow: hidden;
	
}

.cont_small{
	width: 100%;
	padding: 0 10px;
	max-width: 1100px;
	margin: 70px auto;	
	vertical-align: top;
	box-sizing: border-box;
	overflow: hidden;
}

.cont_small02{
	width: 100%;
	padding: 0 10px;
	max-width: 1100px;
	margin: 40px auto;	
	vertical-align: top;
	box-sizing: border-box;
	overflow: hidden;
}


.cont_small_no_margin,
.cont_small_no_margin02{
	width: 100%;
	padding: 0 10px;
	max-width: 1100px;
	margin: 0 auto;	
	vertical-align: top;
	box-sizing: border-box;
	overflow: hidden;
}

.cont_p{
	padding-top: 50px;
}

.for_head{
	width: 100%;
	text-align: center;
	margin-bottom: 30px;
	clear: both;
	padding: 10px 20px;
}

.for_head02{
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
	clear: both;
	padding: 0 20px;
}


.box_left,
.box_left02{
	width: calc(50% - 10px);
	float: left;
	margin-right: 10px;
	overflow: hidden;
	position: relative;	
}

.box_right,
.box_right02{
	width: calc(50% - 10px);
	float: left;
	vertical-align: top;
	margin-left: 10px;
	margin-bottom: 20px;	
}

.box_left_float_right{
	width: calc(50% - 10px);
	float: right;
	overflow: hidden;
	position: relative;	
}

.box_right_float_left{
	width: calc(50% - 10px);
	float: left;
	overflow: hidden;
	position: relative;	
	margin-bottom: 20px;
}

.br_pc_none{
	display: none;
}

.cont_left{
	width: calc(100% - 300px);
	float: left;
	padding-right: 20px;
}

.cont_right{
	width: 300px;
	float: left;
	background-color: #fff;
	padding: 10px 10px 0 10px;
}

.tal_c{
	text-align: center;
}


@media only screen and (max-width: 798px) {
	
	.box_left,
	.box_right{
	width: 100%;
	float: none;
	margin: 0 auto;
		position: relative;
	
}
	
	.box_left br.none,
	.box_right br.none{
		display: none;
	}	
	.cont_small{
	margin: 50px auto;	
}
	.mgb_30_for_sp{
		margin-bottom: 30px;
	}
	
	.box_left_float_right,
	.box_right_float_left{
	width: 100%;
	float: none;
}
	.box_right_float_left{
		margin-bottom: 0;
	}
	
	.br_pc_none{
	display: block;
}
	.cont_left{
	width: 100%;
	float: none;
	padding-right: 0px;
}

.cont_right{
	width: 100%;
	float: none;
	padding: 10px 10px 0 10px;
}


	
}


/*----------------------------------------------------Head/Title*/
.head01{
	
	font-size: 25px;
	text-align: center;
	font-weight: 700;
	padding: 0 0 25px 0;
	border-bottom: solid 2px #021893;
	display: inline-block;
	letter-spacing: 1px;	
}

.head02{
	text-align: center;
	font-size: 20px;
	color: #fff;
	font-weight: 900;
	letter-spacing: 2px;
	
}

.head02 span{
	display: block;
	font-size: 10px;
	margin-top: 20px;
}

.head03{
	font-size: 25px;
	text-align: center;
	font-weight: 700;
	letter-spacing: 1px;
	line-height: 2;
}

.head04{
	font-size: 2.4rem;
	font-weight: 700;
	color: #021893;
	border-bottom: #021893 solid 1px;
	padding-bottom: 20px;
	letter-spacing: 2px;
	position: relative;
}

.head05{
	font-size: 20px;
	color: #fff;
	padding: 10px 0 10px 70px;
	
}

.train{
	background: #0078dc url("img/train.png") no-repeat left 20px top 5px / 20px auto ;	
}
.bus{
	background: #0078dc url("img/bus.png") no-repeat left 10px top 10px / 34px auto ;	
}

.car{
	background: #0078dc url("img/car.png") no-repeat left 15px top 10px / 27px auto ;	
}
.tel{
	background: #0078dc url("img/telwhite.png") no-repeat left 15px top 7px / 25px auto ;
	
}

.mail{
	background: #0078dc url("img/mail.png") no-repeat left 15px top 10px / 26px auto ;
	
}

.head06{
	font-size: 20px;
	font-weight: 600;
	color: #fff;
	padding: 15px 0 15px 20px;
	background: #0078dc url("img/icon_box.png") no-repeat right 20px top 10px / 30px auto ;	
}

.head07{
	font-size: 25px;
	font-weight: 600;
	color: #021893;
	padding: 15px 0 ;
	background: url("img/icon_soudan.png") no-repeat right 20px top 10px / 30px auto ;
	text-align: center;
	letter-spacing: 2px;
}

.head07-services{
	font-size: 25px;
	font-weight: 600;
	color: #021893;
	padding: 15px 0 ;
	text-align: center;
	letter-spacing: 2px;
}

.head_border{
	border-bottom: 2px solid #021893;
	border-top: 2px solid #021893;
	background-color: #fff;
	margin-top: 30px;
}

.head08{
	font-size: 20px;
	font-weight: 600;
	color: #fff;
	padding: 15px 0 15px 20px;
	background: #004ec4 url("img/icon_balance.png") no-repeat right 20px top 10px / 30px auto ;	
	margin-bottom: 30px;
}

.price{
	background: #004ec4 url("img/icon_price.png") no-repeat right 20px top 8px / 30px auto ;	
}

.icon_book{
	background: #004ec4 url("img/icon_book.png") no-repeat right 20px top 7px / 30px auto ;	
}

.head09{
	font-size: 20px;
	color: #021893;
	font-weight: 700;
	margin-bottom: 20px;
}
.head10{
	font-size: 25px;
	font-weight: 700;
	margin-bottom: 20px;
}

.head10 span{
	font-size: 14px;
	display: block;
	margin-bottom: 10px;
	
}

.head11{
	font-size: 2.4rem;
	font-weight: 700;
	margin: 20px 0 40px;
	line-height: 1.5;
}

.head12{
	font-size: 2.5rem;
	font-weight: 500;
	margin: 0 0 40px;
	text-align: center;
	line-height: 1.5;
	letter-spacing: 2px;
	background-color: #0078dc;
	padding: 7px 0;
	color: #fff;
	
}

.head13{
	font-size: 16px;
	font-weight: 500;	
	padding: 7px 0 10px 7px;
	color: #fff;
	background: #004ec4 url("img/icon_book.png") no-repeat right 10px top 7px / 15px auto ;
	
}

.head14{
	font-size: 25px;
	background-color: #0078DC;
	color: #fff;
	text-align: center;
	font-weight: 500;
	letter-spacing: 1px;
	line-height: 2;
	display: inline-block;
	padding: 5px 50px;
}

.head15{
	font-size: 2.4rem;
	font-weight: 700;
	margin: 20px 0 0;
	line-height: 1.5;
}




.text_nomal{
	font-size: 16px;
	line-height: 2;
	padding: 20px 0 0;
}

.text_nomal>p{
	font-size: 16px;
	line-height: 2;
	padding: 20px 0 0;
}
.text_nomal_no_margin{
	font-size: 16px;
	line-height: 2;
}
.text_aisatsu{
	font-size: 16px;
	line-height: 2.5;
}

.text_aisatsu h2{
	font-size: 18px;
	line-height: 2;
	font-weight: 700;
	margin: 20px 0;
}

.text_reply{
	font-size: 14px;
	margin-top: 20px;
}


.name{
	font-size: 18px;
	font-weight: 700;
	margin: 20px 0;
}



@media only screen and (max-width: 798px) {
	.head03 span{
		display: block;
	}
	.head12{
		margin: 0 0 20px;}
	.head11{
		margin: 0 0 0px;}
}


/*----------------------------------------------------contents*/



.view{
	position: absolute;
	right: 12px;
	bottom: 12px;
	font-size: 11px;
	font-weight: 400;
	background-color: #00c2d0;
	padding:0 25px;
	color: #fff;
	height: 30px;
	line-height: 30px;
	
}

.view a{
	color: #fff;
}

.view:hover{
	opacity: .6;
}

.work .view img,
.work02 .view img{
	width: 5px;
	margin: 0 0 0 10px;
}

.mgl-10{
	margin-left: 10px;
}


.mgl-20{
	margin-left: 20px;
}


.work,
.work02{
	width: calc(50% - 10px);
	float: left;
	height: 200px;
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
	background-color: #fff;	
}



.work02{
	width: calc(100% / 3 - 13.4px);
	height: 170px;
	
}


.work > a {
    display: block;
    width: 100%;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}
.work img{
	width: 20%;
	margin: 0 0 0 30px;
	max-width: 120px;
}

.work img.rikon{
	width: 19%;
}

.work02 img{
	width: 23%;
	margin: 50px 0 0 20px;
	max-width: 100px;
}

.work02 img.w_car{
	width: 22%;
	max-width: 95px;
}

.work02 img.w_campany{
	width: 20%;
	max-width: 100px;
	margin-top: 30px;
}

.work_text{
	position: absolute;
	top: 70px;
	left: 30%;
}

.work_text02{
	position: absolute;
	top: 70px;
	left: 32%;
}


.work h2,
.work02 h2{
	font-size: 23px;
	text-align: center;
	top: 30px;;
	position: absolute;
	width: 100%;
	font-weight: 700;
}

.work h2, .work02 h2 {
    font-size: 23px;
    text-align: center;
    top: 50%;
    padding: 0 0 0 106px;
    white-space: nowrap;
    position: absolute;
    width: 100%;
    font-weight: 700;
    line-height: 1.8em;
    transform: translateY(-50%);
}

.work02 h2{
	font-size: 20px;
}

.work h3,
.work02 h3{
	font-size: 14px;
	font-weight: 400;
	line-height: 1.8;
	color: #666;
	
}


.li_info{
	width: 100%;
	border-bottom: 1px dotted #ccc;
	color: #222;
	position: relative;
	padding: 25px 20px 25px 0;
	box-sizing: border-box;
	
} 

.li_info>p, .li_info>h3{
	font-size: 14px;
	line-height: 1.5;
}

.li_info a,.li_info a:link,.li_info a:active,.li_info a:visited,.li_info>p a{
	color: #1967d2;
   text-decoration: underline;
}

.li_info>p.text_nomal a{
	color: #1967d2;
   text-decoration: underline;
}
.date{
	
	font-weight: 400;
	font-size: 14px;
	position: absolute;
	left: 30px;
	top: 33px;
	color: #999;
	letter-spacing: 1px;
}

.li_info>p.info_title, .li_info>h3.info_title{
	font-weight: 500;
	font-size: 16px;
	border-left: 10px solid #021893;
	padding: 5px 0 5px 150px;
	line-height: 1.5;
	
}

.cate{
	position: absolute;
	right: 20px;
	bottom: 30px;
	color: #fff;
	font-size: 10px;
	padding: 5px 0;
	font-weight: 400;
	background-color: #0078dc;
	width: 120px;
	text-align: center;
	height: 20px;
}

.map_left{
	width: 40%;
	float: left;
	overflow: hidden;
	position: relative;	
	padding: 70px 0 ;
}

.mapt_inner{
	width: 100%;
	max-width: 550px;
	float: right;
	padding-left: 10px;
	
}


.mapt li{
	line-height: 2;
	font-size: 16px;
	
}

.map_left h2{
	font-size: 22px;
	font-weight: 700;
	margin: 0 0 20px;
}

.map_left h3{
	font-weight: 700px;
	font-size: 12px;
}

.map_right{
	width: calc(60%);
	float: right;
	vertical-align: top;
	
	
}

.btn_00{
	font-size: 15px;
	background-color: #00c2d0;
	padding: 20px 50px;
	margin-top: 40px;
	color: #fff;
	display: inline-block;
	font-weight: 500;
	letter-spacing: .5;
}

.btn_00:hover{
	opacity: .6;
}

.btn_00 img{
	width: 7px;
	margin-left: 20px;
}

.for_right{
	text-align: right;
}


.common_contact{
	background-image: url("img/bg03.jpg");
	position: relative;
	overflow: hidden;
	
}

/*.common_contact:before{
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	background: rgba(255, 255, 255, 0.2);
	z-index: 1;
}*/


.box_left02,
.box_right02{
	text-align: center;
	padding: 50px 0 0 0;
}

.box_left02 h3,
.box_right02 h3{
	font-size: 20px;
	margin-bottom: 20px;
	font-weight: 600;
}

.recep_foot{
	width: 240px;
	margin: 0 auto;
	clear: both;
	float: none;
	height: 70px;
}

.inner_recep_foot01 {
	float: left;
	margin-right: 8px;
	font-weight: 500;
}
.inner_recep_foot02 {
	float: left;
	margin-top: -4px;
	
}

.inner_recep_foot01 p{
	font-size: 12px;
	padding: 15px 0;
	border: 1px #222 solid;
	width: 65px;
	
}

.recep-date001,
.recep-date002{
	font-size: 17px;
	padding: 2px;
	letter-spacing: 1px;
	font-weight: 500;
}

.recep-date001{
	margin-bottom: 5px;
}
.recep-date001 span,
.recep-date002 span{
	background-color: #0078dc;
	color: #fff;
	font-size: 11px;
	padding: 1px 4px 2px 6px;
	border-radius: 2px;
	margin-right: 10px;
}

.recep-date002 span{
	background-color: #00c2d0;
	
}

.btn_01{
	font-size: 15px;
	background-color: #f7931e;
	padding: 20px 50px;
	margin-top: 0px;
	color: #fff;
	display: inline-block;
	font-weight: 500;
	vertical-align:baseline;
	letter-spacing: .5px;
}
.btn_01:hover{
	opacity: .6;
}

.btn_01 img{
	width: 22px;
	margin: 0 20px -3px 0;
}

.foot_tel{
	font-size: 3.2rem;
	font-weight: 700;
	margin-bottom: 20px;
	
}

.foot_tel img{
	width: 25px;
	height: auto;
	padding-right: 5px;
	
}


footer{
	background-color: #021893;
	color: #fff;
	overflow: hidden;
	padding-bottom: 20px;
	font-size: 12px;
}

.foot_nav{
	padding: 30px 0 0;
}

.foot_nav a{
	font-size: 14px;
	color: #fff;
	position: relative;
	padding-left: 16px;
}

.foot_nav a:hover{
	color: #009EDE;
}

.foot_nav a:after{
	position: absolute;
	content: "-";
	left: 0;
	top: 2px;
}

.foot_nav li{
	width: calc(100% / 4 - 10px);
	display: inline-block;
	margin-bottom: 20px;
}

.foot_right{
	text-align: right;
	line-height: 2.5;
	padding-top: 30px;
	font-size: 14px;
	position: relative;
}

.foot_right img{
	max-width: 250px;
	margin-bottom: 10px;
	
}

.copy{
	text-align: center;
}


@media only screen and (max-width: 798px) {
	
	.work,
.work02{
	width: 100%;
	float: none;
	margin:0 auto 20px;	
}	
	.li_info{
	padding: 15px 20px 15px 0;	
} 
	
	.date{	
	left: 20px;
	top: 20px;
	
}

.info_title{
	border-left: 10px solid #021893;
	padding: 30px 0 5px 10px;
	line-height: 1.5;
	
}
	.cate{
	right: 5px;	
	top: 20px;
		width: 80px;
	
}
	.for_right{
	text-align: center;
}
	.map_left{
	width: 100%;
	float: none;
	
}
	.map_right{
	width: 100%;
	float: none;
	
}
	.mapt_inner{
	width: 100%;
	float: none;
		max-width: 800px;

}
	.for_center{
		text-align: center;
		
	}
	
	.box_left02,
.box_right02{
	padding: 50px 0;
	width: 100%;
	max-width: 400px;
	margin: 0 auto;
	display: block;
	float: none;
	}
	.box_left02{
		border-bottom: 1px solid #222;
		
	}
	
	
	.cont_small_no_margin{
		padding: 0;
	}
	
	.foot_right{
		text-align: center;
		max-width: 350px;
		margin: 0 auto;
		padding-bottom: 100px;
		padding-top: 30px;
	}
	.foot_nav{
		padding-top: 0;
		margin: 0 auto;
	}
	
	.foot_nav a{
	font-size: 14px;
	color: #fff;
	position: relative;
	padding-left: 0;
		
}


.foot_nav a:after{
	content: none;
}
	
	.foot_nav li{
	border-right: 1px solid #0b2699;
		border-bottom: 1px solid #0b2699;
	margin-bottom: 0;
		text-align: center;
		width: calc(100% /4);
		display: block;
		float: left;
		padding: 22px 0;
		
}
	.foot_right img{
		position: absolute;
		bottom: 20px;
		display: block;
		text-align: center;
		margin-left: 50px;
	}
}
/*----------------------------------------------------under*/

#main{
	background: url("img/office.jpg") center center;
}

#main h2, #main h1 {
	font-size: 3rem;
	padding: 80px 0;
	text-align: center;
	font-weight: 700;
	letter-spacing: 1px;
}

#main_lp{
	background: url("img/wbg01.jpg") center center;
}

#main_lp02{
	background: url("img/wbg02.jpg") center center;
}

.photos{
	padding: 30px 0 0;
	clear: both;
	float: none;
	overflow: hidden;
}


.table01{
	max-width: 1100px;
	display:flex;
  flex-wrap: wrap;
	border: 1px solid #e6e6e6;
	font-size: 14px;
	 border-top: none;
	margin: 30px auto 0;
	line-height: 1.5;
	box-sizing: border-box;
}



.table01 dt{
	width: 30%;	
	padding: 15px;
	 border-top: 1px solid #238fd8; 
	box-sizing: border-box;
	background-color: #0078dc;
	color: #fff;
}


.table01 dd{
	display:flex;
  	flex-wrap: wrap;
	align-items: center;
	padding: 15px;
	width: 70%;
	border-left: 1px solid #e6e6e6;
  border-top: 1px solid #e6e6e6; 
	box-sizing: border-box;
	background-color: #fff;
	
}

.map_100{
	width: 200%;
	
}

.table02{
	max-width: 700px;
	display:flex;
  flex-wrap: wrap;
	width: 96%;
	font-size: 14px;
	 border-top: none;
	margin: 0 auto 0;
	line-height: 1.5;
	
}



.table02 dt{
	width: 20%;	
	height: 50px;
	font-weight: bold;
	color: #0b2699;
	position: relative;
	padding: 15px 0 0 20px;

}

.table02 dt:before{
	position: absolute;
	top: 22px;
	left: -2px;
	height: 55px;
	width: 1px;
	background-color: #0b2699;
	content: "";
}

.table02 dt.bordernone:before{
	display: none;
}



.table02 dt:after{
	content: "●";
	position: absolute;
	left: -6.5px;
	top: 50%;
	margin-top: -8px;
	font-size: 9px;
}


.table02 dd{
	display:flex;
  	flex-wrap: wrap;
	align-items: center;
	height: 50px;
	width: 80%;
	
}


.book{
	width: calc(50% - 10px);
	float: left;
	height: 170px;
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
	background-color: #fff;	
	padding: 10px;
	border: 1px solid #f5f5f5;
}

.book_text{
	width: calc(100% - 120px);
	float: left;
	overflow: hidden;
	
}


.book_text h2{
	font-weight: 700;
	font-size: 1.6rem;
	line-height: 1.7;
}

.book_text h3{
	font-size: 1.5rem;
	font-weight: 400;
	line-height: 2;
	color: #666;
	position: absolute;
	bottom: 10px;
	left: 10px;
	
}


.book img{
	height: 150px;
	float: right;
	width: auto;
}

#media{
	width: 98%;
	margin: 0 auto;
	background-color: #fff;
	font-size: 14px;
	line-height: 1.8;
	padding: 20px;
}

#media li{
	font-weight: 700;
	margin-bottom: 20px;
}

#media li span{
	font-weight: 400;
	padding-left: 20px;

}

#nav_works01{
	margin-bottom: 20px;
}

#nav_works01,
#nav_works02{
	display: flex;
	justify-content: space-between;
}

#nav_works01 li,
#nav_works02 li{
	width: calc(50% - 10px);
	height: 80px;
	border: 4px #ccc solid;
	background-color: #fff;
	font-size: 2.2rem;
	text-align: center;
	position: relative;
	line-height: 70px;
	font-weight: 700;
	letter-spacing: 2px;
	box-shadow: 0 0 4px rgba(0,0,0,0.2);
}

#nav_works01 li:hover,
#nav_works02 li:hover{
	opacity: .6;
	box-shadow: 0 0 0px rgba(0,0,0,0.0);
}

#nav_works02 li{
	width: calc(100% / 3 - 10px);
}

#nav_works01 li img.icon01,
#nav_works01 li img.icon02,
#nav_works02 li img.icon03,
#nav_works02 li img.icon04,
#nav_works02 li img.icon05{
	width: auto;
	height: 58px;
	position: absolute;
	left: 10px;
	top: 7px;
}


#nav_works02 li img.icon03,
#nav_works02 li img.icon04{
	width: auto;
	height: 45px;
	top: 13px;
}


/*
#nav_works02 li img.icon05{
	width: 50px;
}*/

#nav_works01 li img.arrow02,
#nav_works02 li img.arrow02{
	position: absolute;
	right: 10px;
	top: 25px;
	width: 20px;
}

.nav_works_margin{
	margin: 30px 0;
}


.w_icon01{
	position: absolute;
	right: 10px;
	top: 10px;
	height: 25px;
	width: auto;
}

.work_margin{
	margin: 30px 0;
}

.box_work{
	border: 1px solid #e6e6e6;
	padding: 20px 0 20px 30px; 
    background-image: linear-gradient( transparent 95%, rgba(222, 222, 222, .2) 5% ), linear-gradient( 90deg, transparent 95%, rgba(222, 222, 222, .2) 5% );
    background-size: 20px 20px;
    background-repeat: repeat;
	background-color: #fff;
	font-size: 16px;
	font-weight: 500;
}

.li_case{
	width: calc( 50% - 2px);
	display: inline-block;
	vertical-align: top;
}

.li_case li{
	line-height: 1.5;
	background: url("img/icon_note.png") no-repeat left 0 top 5px / 17px auto;
	padding-left: 30px;
	margin-bottom: 20px;
}


.for_center_pc{
		text-align: center;
		
	}
/* ---------------------------------------------------------Lp*/

.lp_title{
	width: 90%;
	margin: 30px auto 20px;
}

.lp_shinoda{
	width: 50%;
	float: left;
	
	vertical-align: bottom;
	position: relative;
    margin-left: 10%;
}

.lp_shinoda img{
	max-width: 380px;
}

.lp_shinoda h3{
	position: absolute;
	background: rgba(255,255,255,0.8);
	padding: 10px;
	font-size: 10px;
	bottom: 30px;
	right: 12%;
}

.lp_shinoda h3 span{
	display: block;
	margin: 8px 0;
	font-size: 16px;
}

.banner{
	width: 50%;
	max-width: 380px;
	height: auto;
	float: right;
	padding-top: 20px;
}

.banner img{
	margin-top: 10px;
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
}



.box_lp{
	padding: 30px 20px 0 30px;
	border: 3px solid #ddd;
	overflow: hidden;
	background-color: #fff;
	margin: 20px 0;
}
.box_lp.mgb_60{
	margin-bottom: 60px;
}

.box_lp_price{
	padding: 30px;
	border: 3px solid #ddd;
	overflow: hidden;
	background-color: #fff;
	margin: 20px 0;
} 

.title_lp{
	font-size: 20px;
	color: #021893;
	font-weight: 700;
	overflow: hidden;
	line-height: 80px;
	margin-bottom: 20px;
}

.title_lp span{
	font-size: 30px;
	font-weight: 700;
	background-color: #009ede;
	color: #fff;
	width: 80px;
	height: 80px;
	text-align: center;
	border-radius: 50%;
	display: block;
	float: left;
	margin-right: 20px;
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
}

.title_lp span.r_green{
	background-color: #00c2d0;
}

.color_green{
	color: #00c2d0;
}

.li_lp{
	width: 100%;
	vertical-align: top;
	padding: 20px;
}

.li_lp li{
	line-height: 1.5;
	background: url("img/icon_pen.png") no-repeat left 0 top 5px / 13px auto;
	padding-left: 30px;
	margin-bottom: 20px;
	font-size: 16px;
}

.price_30min{
	width: 100%;
	background-color: #ccc;
	padding: 2px;
	overflow: hidden;
	font-size: 2.4rem;
	font-weight: 700;
}

.price_30min dt,
.price_30min dd{
	width: 50%;
	float: left;
	background-color: #f15a24;
	color: #fff;
	text-align: center;
	padding: 20px 0;
	letter-spacing: 2px;
}
.price_30min dd{
	background-color: #f2f2f2;
	color: #f15a24;

}


.table_price,
.table_price02{
	display:flex;
  flex-wrap: wrap;
	border-right: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	font-size: 16px;
	margin: 30px auto 0;
	line-height: 1.5;
	text-align: center;
	
}



.table_price dt,
.table_price02 dt{
	width: 28%;	
	padding: 15px 0;
	 border-top: 1px solid #489ed8;
	border-left: 1px solid #489ed8;
	background-color: #0078dc;
	background-color: #4ea8e5;
	color: #fff;
	font-weight: 500;
	align-items: center;
}


.table_price dd,
.table_price02 dd{
	padding: 15px 0;
	width: 36%;
	border-left: 1px solid #e6e6e6;
  border-top: 1px solid #e6e6e6; 
	background-color: #fff;
	align-items: center;
	
}
.table_price dd.dd_width01{
	width: 25%;
}

.table_price dd.dd_width02{
	width: 47%;
}


.table_price02 dd{
	width: 72%;
}

.table_price dd.bg_ccc{
	background-color: #ccc;
	font-weight: 700;
}

.table_price dt.bg_trance{
	background-color: #fff;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
}


.box_kaiketu{
	width: calc(50% - 10px);
	float: left;
	overflow: hidden;
	position: relative;
	margin-bottom: 20px;
	background-color: #fff;	
	padding: 15px;
	border: 1px solid #f5f5f5;
}
.ph_kaiketu{
	width: 40%;
	float: left;
}

.text_kaiketu{
	width: 60%;
	float: left;
	padding-left: 10px;
}

.text_kaiketu h4{
	font-size: 16px;
	color: #021893;
	font-weight: 700;
	margin-bottom: 5px;
}

.text_kaiketu p{
	font-size: 14px;
	line-height: 1.5;
}


.box_kaiketu02{
	width: calc(50% - 5px);
	float: left;
	overflow: hidden;
	position: relative;
	margin-bottom: 10px;
	background-color: #fff;	
	padding: 7px;
	border: 1px solid #f5f5f5;
}
.ph_kaiketu02{
	width: 40%;
	float: left;
}

.text_kaiketu02{
	width: 60%;
	float: left;
	padding-left: 5px;
}

.text_kaiketu02 h4{
	font-size: 16px;
	color: #021893;
	font-weight: 700;
	margin-bottom: 5px;
}

.text_kaiketu02 p{
	font-size: 14px;
	line-height: 1.5;
}

.li_side,
.li_side02{
	margin-bottom: 10px;
}

.li_side li{
	font-size: 13px;
	padding: 20px 5px 5px 5px;
	border: 1px solid #eee;
	margin: 10px 0;
	position: relative;
}

.li_side02 li{
	font-size: 13px;
	padding: 10px;
	border-bottom: 1px #ddd dotted;
}

.side_date{
	position: absolute;
	top: 5px;
	left: 5px;
	font-size: 10px;
	color: #bbb;


}

.side_cate{
	position: absolute;
	top: 5px;
	right: 5px;
	font-size: 9px;
	color: #fff;
	background: #021893;
	padding: 2px 5px;
	border-radius: 2px;
}

.side_view a{
	background-color: #ccc;
    color: #222;
	font-size: 13px;
	padding: 10px 0;
	width: 100%;
	margin: 0 0 20px;
	text-align: center;
	display: inline-block;
}


/* ---------------------------------------------------------contact*/

.box_contact{
	text-align: center;
}

.contact_list li{
	font-size: 16px;
	line-height: 2;
	border-bottom: 1px solid #009EDE;
}

.contact_list{
	display:flex;
  flex-wrap: wrap;
	width: 96%;
	font-size: 16px;
	 border-top: none;
	margin: 20px auto 50px;
	line-height: 1.5;
	max-width: 960px;
	
}

.contact_list dt{
	font-weight: bold;
	width: 50px;	
	padding: 5px;
	 border-bottom: 1px dashed #ddd; 
	box-sizing: border-box;
	font-size: 10px;
	display: block;
	color: #fff;
	text-align: center;
	
	
}

.contact_list dd{
	display:flex;
  	flex-wrap: wrap;
	align-items: center;
	padding: 5px 5px 5px 10px;
	width: calc(100% - 50px);
	border-bottom: 1px dashed #ddd;
	box-sizing: border-box;
	vertical-align: middle;
	
}

.contact_list dt span{
	font-size: 14px;
	display: block;
	background-color: #00C2D0;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	color: #fff;
	text-align: center;
	padding-top: 7px;
}



.contact_tel{
	font-size: 40px;
	font-weight: 700;
	display: inline-block;
	vertical-align: top;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-top: 10px;
}

.contact_tel img{
	width: 28px;
	height: auto;
	padding-right: 5px;
	
}

.recep_contact{
	width: 240px;
	margin: 10px auto 0;
	clear: both;
	float: none;
	height: 70px;
	display: inline-block
}

.inner_recep_contact01 {
	float: left;
	margin-right: 8px;
	font-weight: 500;
}
.inner_recep_contact02 {
	float: left;
	margin-top: -4px;
	
}

.inner_recep_contact01 p{
	font-size: 12px;
	padding: 15px 0;
	border: 1px #222 solid;
	width: 65px;
	
}





@media only screen and (max-width: 900px) {
	.box_kaiketu02{
	width: 100%;
		margin-left: 0;
	
}
	
}

@media only screen and (max-width: 834px) {
    .lp_shinoda {
        margin-left: 0;
    }
}


@media only screen and (max-width: 798px) {
	.photo02{
		max-width: 100%;
		padding-top: 30px;
	}
	
	.table02{
		margin-bottom: 40px;
	}
	
	#main h2{
		margin-top: 30px;
		padding-bottom: 50px;
	}
	.book{
		width: 100%;
		margin-left: 0;
		margin-bottom: 10px;
	}
	
	#media li span{
		display: block;
		padding-left: 0;
	}
	
	.nav_works_margin{
	margin: 10px 0;
		padding: 0 5px;
}
	
	#nav_works01{
		margin-bottom: 1px;
	}
	
	#nav_works01 li{
		width: calc(50% - 1px);
	border: 2px #ccc solid;}
	#nav_works02 li{
	width: calc(100% / 3 - 1px);
		border: 2px #ccc solid;
		
}
	
	#nav_works01 li img.icon01{
	width: 50px;
	left: 5px;
	top: 20px;
}
	#nav_works01 li img.icon02{
	width: 50px;
	left: 5px;
	top: 18px;
}

#nav_works02 li img.icon03{
	width: 40px;
	left: 5px;
	top: 26px;
}

#nav_works02 li img.icon04{
	width: 30px;
	left: 5px;
	top: 26px;
}

#nav_works02 li img.icon05{
	width: 30px;
	left: 5px;
	top: 25px;
}

#nav_works01 li img.arrow02,
#nav_works02 li img.arrow02{
	position: absolute;
	right: 5px;
	top: 25px;
	width: 20px;
}
	
	
	.li_case{
	width: 100%;

}
	.lp_title{
	width: 100%;
	margin: 70px auto 20px;
}
	.lp_shinoda h3{
	
	bottom: 10px;
	right:auto;
		left: 10px;
}
	.title_lp{
	font-size: 18px;
	line-height: 60px;
	margin-bottom: 20px;
}
	.title_lp span{
	font-size: 28px;
	width: 60px;
	height: 60px;
	margin-right: 10px;
}
	
	.box_kaiketu{
	width: 100%;
	float: none;
		margin-left: 0;
		margin-bottom: 10px;
}
	.ph_kaiketu{
	width: 160px;
}

.text_kaiketu{
	width: calc(100% - 160px);
}


}

@media only screen and (max-width: 480px) {
	
	#nav_works01 li,
	#nav_works02 li{
		font-size: 15px;
		letter-spacing: .5px;
	}
	
	#nav_works02 li img.icon03{
	width: 30px;
	left: 2px;
	top: 26px;
}

#nav_works02 li img.icon04{
	width: 20px;
	left: 2px;
	top: 28px;
}

#nav_works02 li img.icon05{
	width: 22px;
	left: 2px;
	top: 25px;
}
	
	.box_work{
		padding: 20px 15px; }
	.box_lp{
		padding: 10px;
	}
	.box_lp_price{
	padding: 5px;
} 
	.table_price{
		font-size: 14px;
	}
	
	.box_kaiketu{
		padding: 5px;
	}
.ph_kaiketu{
	width: 100px;
}

.text_kaiketu{
	width: calc(100% - 110px);
}

	
	
	
}


/* Custom Style */
section.ct-style .post {
	border: none;
	margin-bottom: 25px;
}
section.ct-style .cont_left {
	background-color: #fff;
	padding-left: 40px;
}
section.ct-style .post .ph_article {
	width: 40%;
	height: 150px;
	border: none;
}
section.ct-style .post .text_article {
	width: 60%;
}
section.ct-style .box_post {
	background-color: #fff;
	padding: 35px 0 44px 0;
}
section.ct-style .ph_article img {
	width: 100%;
	position: static;
	margin-left: 0;
	height: 100%;
    object-fit: cover;
}
section.ct-style .article_title {
	margin-top: 0;
}
section.ct-style .cont_right {
	padding-top: 0;
}
section.ct-style .b-date {
	left: auto;
	top: auto;
	font-size: 13px;
	bottom: 0;
	right: 0;
}
section.ct-style .cat a {
	top: 0.3em;
    left: 0.3em;
	font-size: 11px;
}
.top-new-txt {
	font-size: 16px;
	margin: 20px 0 0;
}

.service-add-text {
    font-size: 16px;
    margin: 0px 0 40px 0;
    padding-left: 50px;
	line-height: 1.8em;
}
html, body
/* End Custom Style */