@charset "utf-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td ,button{border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
*{box-sizing: border-box;}
h1, h2, h3, h4, h5, h6 {
  line-height: 140% !important;
  font-weight: normal;
  font-family: 'boku';
}
ol,ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
img{height: auto;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;position: relative;}
html {-webkit-text-size-adjust: 100%}
body{
	font-family:"メイリオ" , Meiryo, "Meiryo UI" , Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro"  , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	font-size: 16px;
	line-height: 170%;
	color:#5a503b;
	-webkit-text-size-adjust:100%;
	background:url(../images/background.jpg) repeat center top;
	font-weight: normal;
	width: 100%;
	position: relative;
}
@font-face{ 
	font-family: 'boku';
	src: url('../font/bokutachi.woff') format('woff'); 
	font-weight: normal;
	font-style: normal;
	display: swap;
}
.web-font{font-family: 'boku';}
@font-face{ 
	font-family: 'myfont_alpha';
	src: url('../font/yasashisa_alpha.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	display: swap;
}
.web-font-alpha{font-family: 'myfont_alpha';}
/* リンク設定
------------------------------------------------------------*/
a{
	margin:0;
	padding:0;
	text-decoration:none;
	outline:0;
	vertical-align:baseline;
	background:transparent;
	font-size:100%;
	color:#625041;
}
a:hover, a:active{
	-webkit-transition:opacity 1s;
	-moz-transition:opacity 1s;
	-o-transition:opacity 1s; 
	outline: none;
	color:#ccc;
}
a.post-link{text-decoration: underline;}
/* フォーム
------------------------------------------------------------*/
input[type="text"], textarea,input[type="tel"],input[type="email"],select,input[type="date"]{
	vertical-align:middle;
	max-width:99%;
	width: 99%;
	line-height:46px;
	height:46px;
	padding:5px 10px;
	border:1px solid #d4d4d7;
	border-radius:6px;
	font-size:100%;
	background:#fcfcfc;
}
input[type="date"]{width: auto;}
textarea{
	height:auto;
	line-height:1.5;
}
input[type="submit"],input[type="reset"],input[type="button"],.button{
	position: relative;
	background:#fcc386;
	border-radius: 6px;
	border: none;
	color: #5e462f;
	line-height: 50px;
	-webkit-transition: none;
	transition: none;
	box-shadow: 0 3px 0 #796c59;
	display: block;
	padding:0 15px;
	font-weight: normal !important;
	font-size: 18px;
	min-width: 100px;
	text-align: center;
	text-decoration: none !important;
	cursor: pointer;
}
.button-img{padding:0;}
input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover,.button:hover{
	top: -4px;
	box-shadow: 0 7px 0 #796c59;
	text-decoration: none;
	color: #5e462f;
}
.chat-button{background:#e0c9a9;}
.button:active {
	top: 3px !important;
	box-shadow: none !important;
}
.tel-button{
	background: none;
	box-shadow: none;
}
.tel-button:hover{
	box-shadow: none !important;
	top: 0 !important;
}
.tel-button .sp{display: none;}	
/* 共通レイアウト
------------------------------------------------------------*/
#header {
	padding: 0 0 5px;
	width: 100%;
	position: relative;
	z-index: 100;
	background:url(../images/back-l-blue.jpg) repeat center top;
}
#header:before{
	content: '';
	display: block;
	width: 100%;
	height: 10px;
	background:url(../images/back-blue.jpg) repeat center top;
}
.wrapper{
	margin:0 auto;
	width:1140px;
	position: relative;
}
.wrapper800{
	margin:0 auto;
	max-width:800px;
	width: 100%;
	position: relative;
}
#footer{
	background:url(../images/back-footer.jpg) repeat center top;
	margin-top: 80px;
} 
.cont-box{
	clear: both;
	margin: 0 auto 50px auto;
	display: block;
	padding: 1px;
}
.box-inner{padding: 25px 25px 20px;}
.flex-area{
	display: flex;
	justify-content:space-between;
	align-items: center;
}
.flex-area-left{
	display: flex;
	justify-content:flex-start;
	align-items: center;
}
.flex-area-center{
	display: flex;
	justify-content:center;
	align-items: center;
}
.section-area{
	position: relative;
	padding: 0 0 20px 0;
	z-index: 10;
}
.section-title{
	background:url(../images/back-blue.jpg) repeat center top;
	width: 100%;
	line-height: 130%;
	font-size: 36px;
	text-align: center;
	font-weight: bold;
	align-items: center;
}
.title-circle{width: 16px;}
.section-title h2.title-h2{
	font-size: 36px;
	padding: 15px 0 13px;
	margin: 0 20px;
}
img.section-title-arrow{
	display: block;
	margin: 0 auto 50px auto;
}
.round{border-radius:6px;}
.have-box{
	padding: 20px;
	margin: 0 auto 40px;
}
.have-box-min{
	padding: 15px;
	margin: 0 auto 40px;
}
.background-blue{background: url(../images/background-blue.jpg) repeat center top;}
.back-blue{
	background: url(../images/back-blue.jpg) repeat center top;
	border-radius:6px;
}
.back-l-blue{
	background: url(../images/back-l-blue.jpg) repeat center top;
	border-radius:6px;
}
.back-white{
	background: #fff;
	border-radius:6px;
}
.back-brown{
	background: url(../images/back-brown.jpg) repeat center top;
	border-radius:6px;
}
.back-l-brown{
	background: url(../images/back-l-brown.jpg) repeat center top;
	border-radius:6px;
}
.back-l-beige{
	background: url(../images/back-l-beige.jpg) repeat center top;
	border-radius:6px;
}
.back-orange{
	background: url(../images/back-orange.jpg) repeat center top;
	border-radius:6px;
}
.back-grey{
	background: url(../images/back-grey.jpg) repeat center top;
	border-radius:6px;
}
.back-beige-color{background: #fbf9ef;}
.brown-pin:after{
	content: '';
	background: url(../images/icon-circle.png) repeat center top;
	background-size: 100% 100%;
	width: 9px;
	height: 9px;
	position: absolute;
	top: 18px;
	left: 18px;
}
.brown-pin:before{
	content: '';
	background: url(../images/icon-circle.png) repeat center top;
	background-size: 100% 100%;
	width: 9px;
	height: 9px;
	position: absolute;
	top: 18px;
	right: 18px;
}
.absolute-img{
	display: block;
	position: absolute;	
}
/* ---       ヘッダー
----------------------------------------------------------------------*/
#header .wrapper{padding-bottom: 2px;}
#header-inner{
	margin: 10px 0;
	align-content: flex-end;
}
.site-description {
	font-size: 20px;
	padding: 10px 0 0 0;
}
.site-title {
	font-size: 26px;
	margin: 0;
	padding: 0 0 5px 0;
	line-height: 130%;
}
.site-title a {color: #5a503b;}
.site-title a:hover,.site-title a:focus {color: #e4c9a7;}
#header-info{text-align: right;}
#header .call-link{padding: 0;}
.tel-area{
	font-size: 16px;
	padding:10px 0 0 ;
	margin:0;
}
.tel-no{
	font-size: 40px;
	padding: 2px 0;
	color: #4a91ac;
}
.tel-area .min{
	font-size: 14px;
	line-height: 1em;
}
#header-sp-ai{display: none;}
/* タイポグラフィ
------------------------------------------------------------*/
h2{font-size:24px;}
h2.title{
	clear:both;
	margin:30px auto 20px auto;
	font-size:24px;
}
h2.title.flex-area-left span.text{flex: 2;}
h3{font-size: 20px;}
h3.title{
	font-size: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 150%;
	background: url(../images/line-dotted-beige.png) repeat-x left bottom;
	background-size: auto 6px;
	padding: 0 0 10px;
}
h4{font-size: 18px;}
h4.title{
	margin:15px 0 10px;
	padding:15px 0;
	font-size:18px;
}
h2.first,h3.first,h4.first{margin-top: 0;}
table{
	width: 100%;
	border-spacing: 10px;
	box-sizing:border-box;
}
table thead th{
	background: url(../images/back-grey.jpg) repeat center top;
	vertical-align: middle;
	text-align: center;
	line-height: 60px;
	font-size: 20px;
	border-radius: 6px;
	font-family: 'boku';
}
table tbody th{
	background: url(../images/back-l-blue.jpg) repeat center top;
	vertical-align: middle;
	text-align: left;
	line-height: 150%;
	font-size: 18px;
	border-radius: 6px;
	font-family: 'boku';
	padding:15px 10px 13px 15px;
}
table td{
	background: #fff;
	vertical-align: middle;
	text-align: center;
	line-height: 140%;
	border-radius: 6px;
	padding:15px 10px 13px 15px;
}
.title-area{
	position: relative;
	clear: both;
	margin: 0 10px 10px 10px;
	padding: 10px 0 0 0 ;
}
.title-area-img{
	position: absolute;
	display: block;
	bottom: -14px;
}
.title-area-brown{
	background: url(../images/line-h2-brown.png) repeat-x left bottom;
	background-size: auto 14px;
}
.title-area-blue{
	background: url(../images/line-h2-blue.png) repeat-x left bottom;
	background-size: auto 14px;
}
.title-area .title{
	position: relative;
	padding-bottom: 22px;
	margin: 0;
	color: #5a503b;
}
.icon-flex{margin-right: 5px;}
.text-box .left{margin-right: 30px;}
.text-center{text-align: center;}
.text-right{text-align: right;}
.text-left{text-align: left;}
.relative{position: relative;}
.bold{font-weight: bold;}
.blue{color: #4a91ac;}
.orange{color: #faa74d;}
.brown{color:#807358;}
.font24{font-size: 24px !important;line-height: 1em;}
.font36{font-size: 36px !important;line-height: 1em;}
.font40{font-size: 40px !important;line-height: 1em;}
.font60{font-size: 60px !important;line-height: 1em;}
.marker-yellow{background: linear-gradient(transparent 60%, #fbefaf 40%);padding-bottom: 5px;}
br.br1140,br.br789,br.br589,br.br489,br.br389{display: none !important;}
/*--------------------　　メインイメージ　　-----------------------------------------------*/
#mainimage{
	width: 100%;
	text-align: center;
	border-bottom: 6px #f9f6e9 solid;
	padding-bottom: 0;
	margin-bottom: 30px;
}
#mainimage-inner{
	margin: 0 auto;
	position: relative;
	padding: 25px 0 30px;
}
#main1{margin-bottom: 0;}
#main1 .left{
	width: 66%;
	margin-right: 15px;
}
#main1 .left img {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
	border-radius: 4px;
}
#main1 .right{flex: 2;}
#main1-point1 {margin-bottom: 12px;}
.point-box{border-radius: 6px;}
.point-box-img{
	display: block;
	width: 100%;
	height: auto;
	border-radius: 6px;
}
/*     サービス一覧 #section1
------------------------------------------------------------*/
#sec1-1{margin-bottom:40px;}
#sec1-1 h2{
	align-items: flex-end;
	width: 800px;
	margin: 0 auto 15px;
}
#sec1-1 h2 .text{padding-bottom: 10px;}
#sec1-1-bottom a{width: 15.5%;}
.sec1-img2{left: -130px;}
.sec1-img3{	right: -150px;}
#sec1-2-bottom{
	flex-wrap: wrap;
	margin-top: -10px;
}
#sec1-2-bottom .point-box{
	width: 49%;
	margin: 15px 0 0;
	padding: 0;
}
.sec1-img4{left: -140px;}
#sec1-3-bottom1{margin-bottom: 20px;}
.voice-box{align-items:center;}
.voice-box .left-img{
	width: 150px;
	height: auto;
	margin-right: 35px;
}
.voice-box .right{
	flex: 1;
	position: relative;
}
.arrow-down-blue{
	display: block;
	margin: 20px auto;
}
/****コンタクトバナー***/
.contact-banner{
	margin-bottom: 30px;
	position: relative;
}
.contact-banner h2{
	padding: 12px 0 7px;
	color: #5a503b;
}
.contact-banner .contact-banner-img{
	position: absolute;
	left: 60px;
	bottom: 0;
}
.contact-banner .contact-inner{
	margin: 0 20px 0 240px;
	padding: 25px 0 15px 0;
	align-items: stretch;
}
.contact-banner .button-inner{font-size: 22px;}
.contact-banner .mail-button .button-inner{
	height: 56px;
	line-height: 56px;
}
.contact-banner .mail-button{
	flex: 2;
	margin: 0 0 0 30px;
	line-height: 70px;
	height: 70px;
}
.contact-banner .min{
	font-size: 14px;
	margin: 0 0 11px 42px;
	line-height: 1em;
}
/* ポップアップ */
#popup-area{
	position: fixed;
	  left: 0;
	  top: 0;
	  width: 100%;
	  height: 100%;
	  z-index: 9999;
	  opacity: 0;
	  visibility: hidden;
}
#popup-back{
	background: hwb(194deg 89% 4% / 93%);
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 0;
	opacity: 0;
}
#popup-inner{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 96%;
	max-width: 100%;
	padding: 50px 20px;
	background:#fff;
	z-index: 2;
	border: 6px solid #F3F5F1;
	border-radius: 6px ;
}
#popup-area.show ,#popup-area.show #popup-back{
	opacity: 1;
	visibility: visible;
}	
#popup-area h2{margin: 0 auto 5px;}
.popup-button-area{
	position: relative;
	padding-bottom: 20px;
}
#popup-time{
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	bottom: -1.2em;
	display: block;
}
#popup-area .button{
	line-height: 60px;
	margin: 0 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	background:#dfe4a4;
}
#popup-area #call{min-width: 230px;}
#popup-area #close{
	background: #ccc;
	color: #555;
}	
/****チャットバナー***/
.chat-banner{position: relative;}
.chat-banner h2{
	margin: 14px auto 10px;
	color: #5a503b;
}
.chat-banner .chat-photo{
	position: absolute;
	right: 20px;
	bottom: 0;
	display: block;
	z-index: 10;
}
.chat-banner .button{
	padding:15px 0 10px;
	width: 400px;
	margin: 0 auto;
	position: relative;
	line-height: 70px;
	height: 70px;
}
.chat-banner .icon-robo {
	left: -64px;
	bottom: -19px;
}
/*     相続のお悩み #section2
------------------------------------------------------------*/
.title-board{
	max-width: 700px;
	margin: 0 auto 20px;
	width: 80%;
	padding: 19px 30px 1px;
}
#sec2-0{z-index: 0;}
.sec2-img1{
	left: -100px;
	bottom: -120px;
}
.sec2-img2{
	right: -80px;
	bottom: -100px;
}
#sec2-1{
	z-index: 10;
	position: relative;
}
#sec2-1 ul li{
	font-size: 20px;
	padding: 15px 0;
}
#sec2-1 ul li .icon-check{margin-right: 25px;}
.arrow-down{
	display: block;
	margin: 20px auto;
}
#sec2-2{margin-top: 50px;}
#sec2-2 .coution-p{
	position: absolute;
	display: block;
	width: 150px;
	text-align: center;
	margin: auto;
	left: 0;
	right: 0;
	background: #fbc081;
	padding: 10px 0;
	top: -50px;
}
.sec2-img3{left: -180px;}
.sec2-img4{right: -120px;}
#sec2-2-middle{margin: 25px auto 15px;}
#sec2-2-bottom1{
	align-items: stretch;
	margin-bottom: 20px;
}
#sec2-2 ul{width: 48%;}
#sec2-2 ul li{
	font-size: 20px;
	border-bottom: 2px dashed #e1d9ca;
	padding: 10px 0;
}
#sec2-2 ul li .left-img {
	width: 60px;
	height: auto;
	margin-right: 15px;
	flex-shrink: 0;
}
#sec2-2 ul li .text{
	flex: 2;
	width: auto;
}
#sec2-3-bottom{flex-wrap: wrap;}
#sec2-3-bottom img{
	width: 24%;
	height: auto;
}
.sec2-img5{left: -160px;}

/*     サービス一覧 #section3
------------------------------------------------------------*/
#sec3-1{flex-wrap: wrap;}
#sec3-1 a{
	width: 32%;
	margin-bottom: 40px;
}
.sec3-img1{left: -100px;}
#sec3-3-bottom{
	flex-wrap: wrap;
	align-items: stretch;
}
#sec3-3-bottom .explanation-box{
	margin: 18px 0 0;
	padding: 10px 10px 15px;
	width: 49%;
}
#sec3-3-bottom .explanation-img{
	max-width: 600px;
	width: 100%;
	height: auto;
	margin: 0 auto 15px;
	display: block;
}
#sec3-3-bottom .text{padding: 15px 15px 0;}
#sec3-4-inner{
	display: block;
	width: 100%;
}
#sec3-4 .left{
	max-width: 340px;
	height: auto;
	width: 100%;
}
/*    お手続きの比較  #section4
------------------------------------------------------------*/
.sec4-img1{left: -160px;}
#sec4-1-bottom .period-box{
	width: 24%;
	position: relative;
	margin-bottom: 20px;
}
#sec4-1-bottom .period-img{
	display: block;
	width: 100%;
	height: auto;
	border-radius: 6px;
}
#sec4-1 .arrow-pc{
	display:none;
	right: -25px;
	z-index: 10;
	margin: auto;
	top: 0;
	bottom: 0;
}
.sec4-img2{left: -150px;}
.sec4-img3{right: -120px;}
#sec4-2 table {
	border-spacing: revert;
	padding: 5px;
}
#sec4-2 table thead th{
	border-radius: 0;
	background: none;
	border-left: #ede9de 2px solid;
}
#sec4-2 table thead th:first-child {border-left: none;}
#sec4-2 table tbody th{border-radius: 0;}
#sec4-2 table td{
	background: #fbf9ef;
	border-left: #ede9de 2px solid;
	border-radius: 0;
	font-size: 18px;
}
#sec4-2 table td:first-child {border-left: none;}
/*     費用について #section5
------------------------------------------------------------*/
.sec5-img1{left: -140px;}
#sec5-1-bottom1{
	flex-wrap: wrap;
	align-items: stretch;
}
#sec5-1-bottom1 img{
	width: 24%;
	margin-bottom: 20px;
	height: auto;
}
#sec5-2-0{margin-top: 70px;}
.sec5-img2{left: -160px;}
.sec5-img3{right: -150px;}
#sec5-2{
	margin-top: -10px;
	position: relative;
	z-index: 10;
	border: 6px solid #f6f5f5;
	margin-bottom: 5px;
}
table thead th.none{background: none !important;}
#overlay table.table-price{table-layout: fixed;}
#overlay table.table-price th{white-space: nowrap;}
#overlay table.table-price thead th,#sec2-3 table td{font-size: 24px;}
#overlay table.table-price td .min{font-size: 18px;}
/*    お手続きの流れ  #section6
------------------------------------------------------------*/
#section6 .flow-line3{
	flex-wrap:wrap;
	align-items: stretch;
}
#section6 .flow-box{
	width: 32%;
	text-align: center;
	position: relative;
	margin-top: 20px;
	padding: 10px;
}
#section6 .flow-one{
	width: 500px;
	margin: 30px auto 40px;
}
#section6 .flow-one .flow-box{
	width: 100%;
	padding: 35px 10px 20px;
}
#section6 .flow-circle{
	background: #fff;
	border: #9cbdca 4px solid;
	border-radius: 100%;
	width: 80px;
	height: 80px;
	padding: 0;
	margin: auto;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: -40px;
}
#section6 .flow-circle .flow-pin{
	display: block;
	margin: -9px auto -10px auto;
}
.flow-line3 .flow-photo{
	display: block;
	width: 100%;
	height: auto;
}
#section6 .flow-box h2{
	text-align: center;
	padding: 15px 0 5px 0;
	font-size: 22px;
}
#section6 .flow-box h2 .min{font-size: 16px;}
#section6 .flow-box .flow-balloon{
	position: absolute;
	background: url(../images/balloon-flow.png) no-repeat center top;
	background-size: 100% 100%;
	text-align: center;
	width: 133px;
	height: 97px;
	font-size: 20px;
	padding: 13px 0 0 14px;
	right: -16px;
	bottom: -20px;
}
#section6 .flow-box .flow-balloon .font60{line-height: 0.8em !important;}
.arrow-down-min{opacity: 0.5;}
#flow-last h2{
	position: relative;
	padding-left: 80px;
	margin: 20px auto 0;
}
#flow-last h2 .separate{
	padding-top: 15px;
	display: block;
}
.flow-img1{
	left: -90px;
	bottom: -32px;
}
/*     代表からのご挨拶・事務所案内  #section7
------------------------------------------------------------*/
#sec7-1{
	border: 1px solid #ede5d9;
	background: #fff;
}
#sec7-1-inner{align-items: flex-start;}
#sec7-1 .right{
	flex: 2;
	margin-left:30px;
}
#sec7-1 .right h2{
	padding: 10px 10px 6px;
	margin-bottom: 20px;
}
#sec7-1 .right p{padding-bottom: 12px;}
#sec7-2 .title-area{
	max-width: 400px;
	width: 80%;
	margin: 0 auto 10px;
}
#sec7-2 .office-member-img{
	display: block;
	margin: 0 auto 20px;
	max-width: 500px;
	height: auto;
	width: 100%;
}
#sec7-2 .arrow-yoko{
	width: 16px;
	height: 30px;
	margin: 0 20px;
}
#voice-area{flex-wrap: wrap;}
#voice-area .voice-box{
	width: 48%;
	margin-bottom: 30px;
}
#voice-area .voice-box img{
	display: block;
	width: 100%;
	height: auto;
}
.voice-bottom-img {
	display: block;
	margin: 0 auto;
	width: 100%;
	height: auto;
}
#office-area h2.title{
	margin: 0 auto ;
	padding-top: 5px;
	position: relative;
	z-index: 1;
}
#office-area .office-area-inner{
	position: relative;
	z-index: 10;
	padding: 20px 25px 10px 25px;
}
#office-area .office-area-inner .left{width: 500px;}
#office-area .office-area-inner .right{
	flex: 2;
	margin-left: 30px;
}
#office-area .office-area-inner .left h3.web-font{margin: 10px auto;}
#photo-area{margin: 0 auto 17px;}
#photo-area img{width: 48%;height: auto;}
#office-area p.min{
	font-size: 16px;
	line-height: 150%;
}
#office-area .access-map{
	display: block;
	margin: 10px auto 20px auto;
	position: relative;
}
#office-area .access-map .front-map{
	border-radius: 6px;
	display: block;
	width: 100%;
	height: auto;
}
#office-area .access-map .font-min{
	font-size: 14px;
	position: absolute;
	bottom: -1.5em;
	display: block;
	width: 100%;
}
#office-area .map-button{
	font-size: 18px;
	padding: 5px 0;
	margin: 10px auto 20px;
	width: 280px;
}
/* -----------ポップアップの地図-------------*/
.lity {
	z-index: 9990;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	white-space: nowrap;
	background: #FCF9F2;
	outline: none !important;
	opacity: 0;
	-webkit-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}
.lity.lity-opened { opacity: 1;}
.lity.lity-closed { opacity: 0;}
.lity * {
  -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
		  box-sizing: border-box;
}
.lity-wrap {
	  z-index: 9990;
	  position: fixed;
	  top: 0;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  text-align: center;
	  outline: none !important;
}
.lity-wrap:before {
	  content: '';
	  display: inline-block;
	  height: 100%;
	  vertical-align: middle;
	  margin-right: -0.25em;
}
.lity-loader {
	  z-index: 9991;
	  color: #fff;
	  position: absolute;
	  top: 50%;
	  margin-top: -0.8em;
	  width: 100%;
	  text-align: center;
	  font-size: 14px;
	  font-family: Arial, Helvetica, sans-serif;
	  opacity: 0;
	  -webkit-transition: opacity 0.3s ease;
		   -o-transition: opacity 0.3s ease;
			  transition: opacity 0.3s ease;
}
.lity-loading .lity-loader {opacity: 1;}
.lity-container {
	  z-index: 9992;
	  position: relative;
	  text-align: left;
	  vertical-align: middle;
	  display: inline-block;
	  white-space: normal;
	  max-width: 100%;
	  max-height: 100%;
	  outline: none !important;
}
.lity-content {
	  z-index: 9993;
	 width:90%;
	   margin: 0 auto;
	  -webkit-transform: scale(1);
		  -ms-transform: scale(1);
		   -o-transform: scale(1);
			  transform: scale(1);
	  -webkit-transition: -webkit-transform 0.3s ease;
		   -o-transition: -o-transform 0.3s ease;
			  transition: transform 0.3s ease;
}
.lity-loading .lity-content,.lity-closed .lity-content {
	  -webkit-transform: scale(0.8);
		  -ms-transform: scale(0.8);
		   -o-transform: scale(0.8);
			  transform: scale(0.8);
}
.lity-content:after {
	  content: '';
	  position: absolute;
	  left: 0;
	  top: 0;
	  bottom: 0;
	  display: block;
	  right: 0;
	  width: auto;
	  height: auto;
	  z-index: -1;
	  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
			  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.lity-close {
	  z-index: 9994;
	  width: 35px;
	  height: 35px;
	  position: fixed;
	  right: 0;
	  top: 0;
	  -webkit-appearance: none;
	  cursor: pointer;
	  text-decoration: none;
	  text-align: center;
	  padding: 0;
	  color: #000;
	  font-style: normal;
	  font-size: 35px;
	  font-family: Arial, Baskerville, monospace;
	  line-height: 35px;
	  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
	  border: 0;
	  background: none;
	  outline: none;
	  -webkit-box-shadow: none;
			  box-shadow: none;
}
.lity-close::-moz-focus-inner {
	  border: 0;
	  padding: 0;
}
.lity-close:hover,.lity-close:focus,.lity-close:active,.lity-close:visited {
	  text-decoration: none;
	  text-align: center;
	  padding: 0;
	  color: #fff;
	  font-style: normal;
	  font-size: 35px;
	  font-family: Arial, Baskerville, monospace;
	  line-height: 35px;
	  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
	  border: 0;
	  background: none;
	  outline: none;
	  -webkit-box-shadow: none;
			  box-shadow: none;
}
.lity-close:active {top: 1px;}
.lity-image img {
	  max-width: 100%;
	  display: block;
	  line-height: 0;
	  border: 0;
}
.lity-iframe .lity-container {
	  width: 100%;
	  max-width: 964px;
}
.lity-iframe-container {
	  width: 100%;
	  height: 0;
	  overflow: hidden;
	  padding-top: 56.25%;
}
.lity-iframe-container iframe {
	  position: absolute;
	  display: block;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
	  background: #fff;
}
.lity-hide {display: none;}
/*     フッター  #footer
------------------------------------------------------------*/
#footer #footer-balloon{
	background: url(../images/footer-balloon.png) no-repeat center top;
	background-size: 100% 100%;
	width: 243px;
	height: 196px;
	text-align: center;
	font-size: 24px;
	position: absolute;
	top: -50px;
	right: 0;
	line-height: 140%;
}
#footer #footer-balloon .bold{font-size: 1.2em;}
#footer #footer-balloon img.icon-footer-pc{
	margin: 18px auto 0;
	display: block;
}
#footer-1{
	color: #fff;
	text-align: center;
	padding: 50px 0 20px 0;
}
#footer .tel-no{color: #fff;}
#footer .chat-button{
	width: 420px;
	margin: 10px auto 25px;
	font-size: 20px;
	line-height: 65px;
}
#mailformpro{padding: 1px 1px 50px;}
#contact #form-title{
	padding: 35px 0 17px;
	margin: 0 20px 20px;
	background-size: auto 7px;
}
#contact table{
	max-width: 800px;
	margin: 0 auto;
}
#contact table th,#contact table td{
	background: none;
	color: #5a503b;
}
#contact table th{
	width: 9em;
	vertical-align: top;
}
#contact textarea{
	width: 100% !important;
	min-height: 250px;
}
#contact input[type="submit"]{
	font-size: 20px;
	max-width: 320px;
	width: 100%;
	padding: 5px 15px;
	margin: 15px auto 0;
	display: none;
}
#contact .submit-area input[type="submit"]{display: block;}
#footer-map-area{margin: 0 auto 100px auto;}
#footer-map-area a{
	width: 48%;
	padding: 5px 0;
	font-size: 18px;
}
#footer-map-area a .font24{padding: 0 10px 0 5px;}
#footer-description{
	font-size: 14px;
	color: #fff;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
#copyright{
	clear:both;
	padding:0 0 10px 0;
	text-align:center;
	font-size:10px;
	color: #fff;
	line-height: 130%;
}
#copyright a{color: #fff;}
#footer-sp-area,#footer-sp-access{display: none;}
#footer-sp-area-inner {
	position: fixed;
	margin: auto;
	left: 0;
	right: 0;
	width: 100%;
	text-align: center;
	bottom: 0;
	opacity: 0.9;
	z-index: 10000;
	align-items: stretch;
	justify-content:space-around;
	background: #f0e8e0;
	padding: 10px 0;
}
#footer-sp-area .button{
	text-align: left;
	height: 48px;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height:110%;
	width: 48%;
	padding: 0;
	margin: auto;
}
/* pagetop
------------------------------------------------------------*/
#pagetop{
	position:fixed;
	right:15px;
	bottom:10px;
	z-index: 1200;
}
#pagetop a{
	font-size: 13px;
	background:url(../images/back-orange.jpg) repeat center top;
	opacity: 0.5;
	color: #5a503b;
	line-height: 130%;
	font-weight: bold;
	border-radius: 100%;
	padding: 0;
	width: 78px;
	height: 76px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
/*--------------------　　ページ共通　------------------------------*/
.icon-robo{
	position: absolute;
	width: 60px;
	height: auto;
	bottom: 0;
	left: 0;
	display: block;
}
#header-sp-ai .icon-robo{
	width: 40px;
	left: 10px;
}
.go-sp-ai .balloon{
	background: url(../images/footer-balloon.png) no-repeat center top;
	background-size: 100% 100%;
	width: 75px;
	height: 45px;
	position: absolute;
	top: -34px;
	left: 56px;
	display: block;
	padding: 10px 0 0 0;
	line-height: 1em;
	font-size: 12px;
	color: #4b3d30;
}
#footer-sp-area #go-sp-ai{padding-left: 15px;}
#footer-sp-area .icon-robo{width: 50px;}
#footer-sp-area .icon-back-side{
	width: auto;
	height: 28px;
	padding: 0 3px 0 0;
}
#go-sp-tel{color: #5a503b;}
/*--------------------　　サイドボタン　------------------------------*/
#side-button-left{
	position: fixed;
	left: 0px;
	top: 220px;
	z-index: 1001;
}
.button-tate{
	display: block;
	width: 66px;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	font-weight: bold;
	padding-bottom: 5px;
	z-index: 1001;
}
.button-tate .button{
	background: #4a91ac;
	padding: 30px 11px 28px 0;
	text-align: center;
	min-width: 59px;
	width: 100%;
	line-height: 130%;
	color: #fff;
}
.button-tate img{
	margin-bottom: 10px;
	width: 42px;
	height: auto;
}
/*--------------------　下層ページ-------------------------*/
body.pages header{
	margin-bottom: 50px;
}
#thanks-box .button{
	width: 300px;
	margin: 25px auto 0;
}
#thanks-sec2{
	margin-top: 60px;
	text-align: center;
}
/* メインメニュー　PC用
------------------------------------------------------------*/
@media only screen and (min-width:1141px){
	nav#global-nav{
		background: rgb(255 255 255 / 40%);
		z-index: 1000;
		width: 100%;
	}
	#global-nav.fixed {
		margin-top: 0;
		top: 0;
		position: fixed;
		transition: top 0.65s ease-in;
		-webkit-transition: top 0.65s ease-in;
		-moz-transition: top 0.65s ease-in;
		z-index: 9999;
		background: url(../images/back-l-blue.jpg) repeat center top;
	}
	#nav-button-area{display: none;}
	/* Toggle Button */
	#nav-toggle {
		display: none;
		position: absolute;
		right: 12px;
		top: 14px;
		width: 34px;
		height: 36px;
		cursor: pointer;
		z-index: 101;
	}
	#nav-toggle div {position: relative;}
	nav#global-nav ul{
		width: 1140px;
		margin: 0px auto;
		align-items:stretch;
		padding: 5px 0 5px 2px;
	}
	nav#global-nav ul li{
		text-align: center;
		line-height: 130%;
		width: 16.5%;
		display: block;
		height: 50px;
	}
	.pages nav#global-nav ul li{width: 12.5%;}
	nav#global-nav ul li a{
		color:#5a503b;
		position: relative;
		display:flex;
		justify-content: center;
		align-items: center;
		height: 100%;
		font-size: 15px;
		font-weight: normal;
		cursor: pointer;
		border-right: 2px dotted #baaa93;
		line-height: 130%;
	}
	nav#global-nav ul li:first-child a{border-left: 2px dotted #baaa93;}
	nav#global-nav ul li a:hover,nav#global-nav ul li.current-menu-item a{color: #aeccd7;}
	#home-icon,#sp-nav{display:none;}
}
/* iPadサイズ以下（1140px）からアコーディオンメニュー
------------------------------------------------------------*/
@media only screen and (max-width:1140px){
	br.br1140{display: inline !important;}
	.font24{font-size: 22px !important;}
	.font28{font-size: 26px !important;}
	.font36{font-size: 32px !important;}
	.font40{font-size: 36px !important;}
	.font60{font-size: 56px !important;}
	.overlay-none{position:static;}
	.overlay-menu-open{z-index: 1;}
	.is-fixed{border: none;}
	#header{border-bottom: 8px #e7e6e6 solid;}
	#header-sp-ai{
		display: flex;
		width: 300px;
		margin: 30px auto 5px;
		justify-content: center;
	}
	#header-sp-ai .inner{padding-left: 20px;}
	#header .pnav ul{display:none;}
	#global-nav{width:100%;position: fixed;top: 0;left: 0;right: 0;margin: auto;z-index: 1000;height: auto;text-align: right;}
	.height100{height: 100% !important;}
	#nav-toggle{position: absolute;display: flex;top:20px;right: 20px;width:94px;height: 50px;line-height: 48px;justify-content: center;transition: .2s;background:#fff;border: solid 2px #b5d0db;border-radius: 4px;z-index: 1000;align-items: center;font-size: 14px;}
	#nav-toggle div{width: 20px;position: relative;height: 50%;margin: 0 3px;}
	#nav-toggle span {
		display: block;
		position: absolute;
		height: 2px;
		width: 100%;
		background:#5a503b;
		left: 0;
		-webkit-transition: 0.35s ease-in-out;
		-moz-transition: 0.35s ease-in-out;
		transition: 0.35s ease-in-out;
	}
	#nav-toggle span:nth-child(1) {top: 0;}
	#nav-toggle span:nth-child(2) {top: 11px;}
	#nav-toggle span:nth-child(3) {top: 22px;}
	.open #nav-toggle span:nth-child(1) {
		top: 11px;
		-webkit-transform: rotate(315deg);
		-moz-transform: rotate(315deg);
		transform: rotate(315deg);
	}
	.open #nav-toggle span:nth-child(2) {
		width: 0;
		left: 50%;
	}
	.open #nav-toggle span:nth-child(3) {
		top: 11px;
		-webkit-transform: rotate(-315deg);
		-moz-transform: rotate(-315deg);
		transform: rotate(-315deg);
	}
	#home-icon{display:flex;position: absolute;top: 20px;left: 20px;transition: .2s;width: 90px;height: 50px;line-height: 48px;transition: .2s;background:#fff;border-radius: 4px;background: #fff;border: solid 2px #b5d0db;z-index: 10001;text-align: center;}
	#home-icon img{padding-right: 2px !important;}
	#global-nav.open{height: 100%;z-index:999;}
	#nav-button-area{margin: 0 auto 15px;}
	#nav-button-area a{width: 48%;}
	#nav-button-area a > *{vertical-align: middle;display: inline;}
	.panel {display: none; position: absolute;background: rgb(214 231 234 / 95%);top: 80px;overflow-y: scroll !important;height: calc(100% - 90px);width:calc(100% - 20px);-webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;padding: 15px 15px 0 15px;margin: 0 auto;left: 0;right: 0;}
	.open #panel {display: block;}
	#global-nav ul{display: block;text-align:left;height: auto;padding-bottom: 50px;position: relative;z-index: 1000;background:#fff ;border-radius: 4px;margin-bottom: 15px;border: 8px solid #ddd7cd;}
	#global-nav ul#pc-nav{display: none !important;}
	#global-nav li a{position: relative;display: block;padding: 15px 25px;border-bottom: 2px dashed #eae0d7;color: #664f3d;font-weight: normal;font-size: 20px;}
	#global-nav li a br{display: none;}
	nav#global-nav ul li:hover,nav#global-nav ul li.current-menu-item,nav#global-nav ul li li.current-menu-sub {background:rgba(255, 255, 255, 0.42);}
	nav#global-nav ul li.have-sub{background: none !important;}
	nav#global-nav ul li .button{margin: 0 50px 10px;border-bottom: 0;}
	#global-nav ul ul{padding-bottom: 0;margin-bottom: 0;}
	#global-nav ul ul li a{padding-left: 50px;}
	.access-page nav#global-nav ul li.current-menu-item,.service-lp nav#global-nav ul li.current-menu-item{background: none;}
	nav#global-nav ul li.access-nav .access{display: none;}
	nav#global-nav ul li.access-nav ul li a{padding-left: 10px;}
	.wrapper{width:96%;margin: 0 auto;}
	#header-inner {display: block;margin: 5px 0 0 0;}
	.site-description{text-align: center;}
	.site-title{text-align: center;  margin: 5px 0 0 0;}
	#mainimage {margin-bottom: 25px;}
	#sec1-1 {margin-bottom: 30px;}
	.tel-area{text-align: center;}
	.tel-area .min{line-height: 1em;}
	.tel-no {justify-content: center;font-size: 34px;}
	.contact-banner .contact-banner-img {left: 10px;}
	.contact-banner .contact-inner {margin: 0 20px 0 180px;}
	.contact-banner .mail-button{padding: 0;margin: 0 0 0 20px;}
	#section6 .flow-box {width: 32%;position: relative;margin-top: 10px;padding: 6px;}
	#section6 .flow-circle {width: 70px;height: 70px;top: -40px;}
	#section6 .flow-circle .flow-pin {
		width: 28px;
		height: auto;
		margin: -6px auto -6px auto;
	}
	#section6 .flow-box h2 {font-size: 19px;}
	.flow-line3 .flow-photo {width: 100%;height: auto;display: block;margin: 0;border-radius: 4px; margin-bottom: 5px;}
	#section6 .flow-box .flow-balloon {width: 100px;height: 80px;font-size: 15px;padding: 8px 0 0 14px;}
	#section6 .flow-box .flow-balloon .font60 {font-size: 46px !important;}
	#section6 .flow-box .flow-balloon .font36 {font-size: 26px !important;}
	.flow-arrow {margin: -30px auto 20px;}
	.arrow-down-min {
		width: 120px;
		margin: 20px auto 40px;
	}
	#sec7-1-inner {display: block;}
	.photo-greeting{display: block;margin: 0 auto 15px;width: 100%;height: auto;max-width: 360px;}
	#sec7-1 .right {margin: 0 auto;}
	#office-area .office-area-inner .left,#office-area .office-area-inner .right{width: 49%;}
	#footer #footer-balloon {width: 212px;height: 172px;font-size: 20px;top: -60px;background-size: 100% auto;}
	/****下層ページ****/
	#side-button-left{display: none;}
}
/* 幅928px以下から 
------------------------------------------------------------*/
@media only screen and (max-width:928px){
	#mainimage-inner {padding:20px 0 15px;}
	#sec1-1 h2 {width: auto;}
	#sec1-1-bottom{flex-wrap: wrap;}
	#sec1-1-bottom a {
		width: 32.5%;
		margin-bottom: 15px;
	}
	#sec1-3 .title-area .title{padding-left: 50px;}
	.sec1-img4 {
		left: -90px;
		width: 80px;
	}
	.contact-banner .contact-banner-img {width: 140px;}
	.contact-banner .contact-inner {margin: 0 20px 0 120px;}
	.chat-banner .chat-photo{width: 200px;height: auto;}
	.have-box {margin: 0 auto 30px;}
	.title-board {max-width: 600px;}
	.sec2-img3 {
		width: 130px;
		height: auto;
		left: -130px;
	}
	.sec2-img4 {
		width: 80px;
		height: auto;
		right: -80px;
	}
	.sec2-img5 {
		width: 130px;
		height: auto;
		left: -140px;
	}
	#sec4-1 .arrow-pc {
		width: 20px;
		height: auto;
		right: -20px;
	}
	#sec4-2 table th .icon-flex{
		width: 36px;
		height: auto;
	}
	#sec5-1 .title-area .title{padding-left: 50px;}
	.sec5-img1 {
		width: 90px;
		left: -90px;
		height: auto;
	}
	.sec5-img2 {
		width: 170px;
		left: -80px;
		height: auto;
	}
	.sec5-img3 {
		width: 130px;
		right: -70px;
		height: auto;
	}
	#sec5-2{border: none;}
	#sec5-2-bottom{font-size: 14px;}
	#footer-map-area a {width: 60%;}
	#section6 .flow-box h2 {padding: 10px 0 5px 0;}
	/***下層****/
	#pan {margin: 0 auto 40px;}
}
/* 幅789px以下から 
------------------------------------------------------------*/
@media only screen and (max-width: 789px){
	br.br789{display: inline !important;}
	.font24{font-size: 20px !important;}
	.font28{font-size: 21px !important;}
	.font36{font-size: 24px !important;}
	.font40{font-size: 28px !important;}
	.font60{font-size: 44px !important;}
	h2,h2.title {font-size: 22px;}
	h3 {font-size: 18px;}
	input[type="submit"], input[type="reset"], input[type="button"], .button{font-size: 16px;}
	.cont-box {margin: 0 auto 35px auto;}
	.box-inner {padding: 20px 15px 15px;}
	.have-box {padding: 15px;}
	.have-box-min {padding: 10px;}
	.wrapper800 {max-width: 600px;}
	.section-title h2.title-h2{font-size: 30px;}
	img.section-title-arrow {margin: 0 auto 30px auto;}
	.title-area .title {margin-top: 10px;}
	#nav-toggle{right: 10px;}
	#home-icon{left: 10px;}
	.site-title {margin: 10px auto;font-size: 20px;}
	#header .call-link{margin: 10px auto;}
	.contact-banner .contact-banner-img{display: none;}
	.contact-banner .contact-inner {margin: 0 15px 6px 15px;    display: block;text-align: center;}
	.contact-banner .mail-button ,.tel-button{margin: 0 auto;width: 320px;}
	.contact-banner .tel-button .tel-no img{display:inline-block;width: 30px;height: auto;}
	.contact-banner .min {margin: 0 0 11px;}
	.chat-banner .font36{font-size: 26px !important;}
	.chat-banner .chat-photo {width: 160px;height: auto;right: 0;}
	.chat-banner .button {width: 360px;}
	.go-sp-ai .balloon {top: -28px;}
	.tel-button{
		background:#dfe4a4;
		box-shadow: 0 3px 0 #796c59;
		margin-bottom: 10px;
		line-height: 70px;
	}
	.tel-button-p {display: flex;font-size: 16px;padding: 0;}
	.tel-button .pc{display: none;}
	.tel-button .sp{display: block;font-size: 18px;}
	.tel-button:hover{box-shadow: 0 7px 0 #796c59 !important;top: -4px !important;}
	.tel-button .tel-button-p{display: flex;justify-content: center;align-items: center;color: #5a503b;}
	#mainimage{padding: 0 0 5px;}
	#mainimage-inner {padding: 25px 0 5px;}
	#main1{display: block;}
	#main1 .left {width: 100%;margin: 0 0 10px 0;}
	#main1 .right{display: flex;align-items: stretch;justify-content: space-between;}
	#main1-point1,#main1-point2{width: 49%;margin: 0;}
	.sec1-img2 {
		width: 90px;
		left: -90px;
		height: auto;
	}
	.sec1-img3 {
		width: 80px;
		right: -150px;
		height: auto;
	}
	.voice-box {align-items:flex-start;}
	.voice-box .left-img {
		width: 130px;
		margin-right: 20px;
	}
	.text-box{display: block;}
	.text-box img.left,.text-box a.left{
		display: block;
		margin: 0 auto 15px;
		max-width: 380px;
		width: 100%;
	}
	.sec2-img1 {
		width: 100px;
		height: auto;
		left: -50px;
		bottom: -100px;
	}
	.sec2-img2 {
		width: 78px;
		height: auto;
		right: -30px;
		bottom: -70px;
	}
	#sec2-1 ul li .icon-check {
		margin-right: 15px;
		width: 40px;
		height: auto;
	}
	.arrow-down {
		margin: 10px auto;
		width: 140px;
		height: auto;
	}
	#sec2-2 ul li {	font-size: 18px;}
	.sec2-img5 {
		width: 110px;
		left: -140px;
	}
	.sec3-img1 {
		width: 80px;
		left: -80px;
		height: auto;
	}
	#sec3-3-bottom {display: block;}
	#sec3-3-bottom .explanation-box {
		display: block;
		margin: 15px 0 0;
		padding: 10px ;
		width: 100%;
	}
	#sec3-3-bottom .explanation-img {margin: 0 auto 10px;}
	#sec3-3-bottom .text {padding: 15px 15px 8px;}

	.sec4-img1 {
		left: -110px;
		width: 100px;
		height: auto;
	}
	#sec4-1-bottom {
		flex-wrap: wrap;
	}
	#sec4-1-bottom .period-box {
		width: 48%;
		margin: 0 0 15px;
	}
	.sec4-img2 {
		left: -110px;
		width: 100px;
		height: auto;
	}
	.sec4-img3 {
		right: -80px;
		width: 70px;
		height: auto;
	}
	table thead th {font-size: 17px;}
	#sec5-2-0 {	max-width: 400px;}
	.sec5-img2 {width: 150px;}
	.sec5-img3 {width: 120px;}
	#overlay table.table-price{border-spacing: 4px;table-layout: initial;}
	#overlay table.table-price thead th{font-size: 20px;line-height: 50px;}
	#overlay table.table-price tbody th {display: table-cell;font-size: 16px;text-align: center;}
	#overlay table.table-price tbody th img{width: 34px;height: auto;display: block;margin: 0 auto 5px;}
	#overlay table.table-price tbody td {
		font-size: 14px;
		text-align: left;
		width: 35%;
	}
	#overlay table.table-price td .font24 {font-size: 14px;display: block;line-height: 140%;text-align: center;}
	#sec5-2-bottom {
		font-size: 14px;
		text-align: left;
		line-height: 130%;
	}
	#sec6-1 {justify-content: center;}
	#section6 .flow-box {width: 48%; margin: 40px 1% 10px;}
	.flow-line3 .flow-p h2 {font-size: 18px;margin:0 auto 0;}
	#section6 .flow-circle .flow-pin {margin: -4px auto -6px auto;}
	#sec7-3-0 .icon-voice{
		width: 56px;
		height: auto;
	}
	#office-area .office-area-inner {display: block;}
	#office-area .office-area-inner .left, #office-area .office-area-inner .right {width: 100%;}
	#office-area .office-area-inner .right {margin: 0 auto;}
	.tel-no img{display: none;}
	#footer #footer-balloon {width: 161px;height: 132px;font-size: 15px;}
	#footer #footer-balloon img.icon-footer-pc { width: 50px;height: auto;}
	#footer .tel-button{margin: 10px auto;}
	#footer .chat-button{width: 320px;}
	#footer .icon-robo {width: 40px;left: 0;}
	#footer-map-area {width: 100%;margin: 0 auto 10px auto;}
	#footer-map-area a {padding: 10px 0;font-size: 16px;line-height: 1em;width: 300px;}
	#footer-map-area a img{width:36px;height: auto; }
	
}
/* 幅589px以下から 
------------------------------------------------------------*/
@media only screen and (max-width: 589px){
	body{font-size: 14px;}
	br.br589{display: inline !important;}
	.font24{font-size: 18px !important;}
	.font28{font-size: 19px !important;}
	.font36{font-size: 20px !important;}
	.font40{font-size: 24px !important;}
	.font60{font-size: 38px !important;}
	h2.title,h2{font-size: 18px;}
	h3.title,h3{font-size: 16px;}
	.section-area{padding: 0;}
	.section-title h2.title-h2 {
		font-size: 27px;
		line-height: 120% !important;
	}
	.title-area-blue,.title-area-brown{background-size: auto 8px;}
	.title-area{padding: 20px 0 0 0;}
	.title-area .title {padding-bottom: 18px;margin-top: 0;}
	.title-area-img {bottom: -5px;}
	.site-title {margin: 7px auto;font-size: 17px;}
	.have-box {	padding: 10px;}
	.have-box-min {padding: 8px;}
	.wrapper{padding-bottom:40px;}
	#nav-toggle {top: 16px;right: 5px;font-size: 12px;text-align: center;padding-left:2px;width: 74px;}
	#home-icon{top: 16px;left: 5px;font-size: 12px;text-align: center;width: 74px;}
	#nav-toggle div {width: 14px;height: 32%;}
	.open #nav-toggle span:nth-child(1),.open #nav-toggle span:nth-child(3) {top: 8px;}
	#nav-toggle span:nth-child(2) {top: 48%;}
	#nav-toggle span:nth-child(3) {top: auto;bottom: 0;}
	#home-icon{top: 16px;left: 5px;font-size: 12px;width: 68px;}
	#home-icon img {width: 14px;height: auto;}
	#global-nav li a {padding: 13px 20px;font-size: 17px;}
	#nav-button-area a {padding: 0;}
	.panel{height: calc(100% - 135px);top:70px;padding: 20px 14px 0;}
	#pagetop {bottom: 70px;line-height: 120%;right: 5px;}
	#mainimage {margin-bottom: 10px;}
	#mainimage-inner {padding: 20px 0 5px;}
	#sec1-1 {margin-bottom: 15px;}
	.sec1-img4 {
		left: -80px;
		width: 60px;
	}
	.voice-box .left-img {
		width: 120px;
		margin-right: 15px;
	}
	.arrow-down-blue {margin: 18px auto;}
	.contact-banner .contact-inner {display: block;text-align: center;padding: 12px 0;}
	.contact-banner .button{font-size: 16px;}
	.contact-banner .mail-button { line-height: 52px;height: 52px;}
	.tel-button {line-height: 52px;}
	.tel-no {font-size: 28px;}
	.tel-no img{width: 26px;height: auto;}
	.chat-banner .font36 {font-size: 22px !important;}
	.chat-banner .button {width: 320px;padding: 15px 0 10px;}
	.chat-banner .icon-back-side{width: 42px;height: auto;}
	.chat-banner .icon-robo {left: -29px;}
	.title-board {
		padding: 10px 20px 1px;
		margin: 0 auto 10px;
	}
	.brown-pin:before,.brown-pin:after{
		width: 6px;
		height: 6px;
	}
	#sec2-0{max-width: 300px;}
	.sec2-img1 {
		width: 80px;
		bottom: -60px;
	}
	.sec2-img2 {
		width: 68px;
		bottom: -60px;
	}
	#sec2-1 {margin-bottom: 0;}
	#sec2-1 ul li .icon-check {width: 30px;}
	.arrow-down {width: 120px;}
	#sec2-2 {margin-top: 0;}
	#sec2-2 .title-area .title{
		display: block;
		text-align: center;
	}
	#sec2-2 .title-area .title span.relative{display: block;}
	#sec2-2 .coution-p {
		position: initial;
		display: block;
		margin: 0 auto;
		width: 120px;
	}
	.sec2-img3 {
		width: 90px;
		left: -20px;
	}
	.sec2-img4 {
		width: 60px;
		right: 0;
	}
	#sec2-2-bottom1 {
		display: block;
		margin-bottom: 15px;
	}
	#sec2-2 ul {width: 100%;}
	#sec2-2 ul li {font-size: 16px;}
	#sec2-3-bottom {margin-top: -10px;}
	#sec2-3-bottom img{
		width: 48%;
		margin-top: 12px;
	}
	#sec3-1 a {
		width: 48%;
		margin-bottom: 22px;
	}
	.sec3-img1 {
		width: 60px;
		left: -60px;
	}
	#sec3-4-inner {	padding: 10px 20px;	}
	#sec5-1-bottom1 img{width:48%;}
	#sec4-1 .arrow-pc {
		width: 15px;
		right: -15px;
	}
	.sec4-img2 {
		left: -85px;
		width: 80px;
	}
	.sec4-img3 {
		right: -65px;
		width: 54px;
	}
	#sec5-2-0 {
		width: 300px;
		margin-bottom: 15px;
	}
	.sec5-img2 {width: 120px;}
	.sec5-img3 {width: 100px;}
	#overlay table.table-price thead th {font-size: 17px;}
	#section6 .flow-line3 {display: block;}
	#section6 .flow-box {
		width: 280px;
		margin: 50px auto 10px;
	}
	#section6 .flow-one {
		width: 100%;
		margin: 30px auto 0;
	}
	#section6 .flow-one .flow-box {
		width: 80%;
		margin-top: 15px;
	}
	.flow-img1 {
		width: 100px;
		height: auto;
		left: -60px;
	}
	#section6 .flow-circle {width: 62px;height: 62px;top: -37px;border: #9cbdca 3px solid;z-index: 100;}
	#section6 .flow-box .flow-balloon {bottom: -5px;width: 80px;height: 64px;font-size: 13px;padding: 8px 0 0 14px;}
	#section6 .flow-box .flow-balloon .font60 {font-size: 38px !important;line-height: 0.5em !important;}
	#section6 .flow-box .flow-balloon .font36 {font-size: 20px !important;}
	.flow-arrow {width: 120px;margin: -15px auto 20px;}
	#flow-last h2{padding: 0 0 0 50px;display: block;margin: 0 auto;}
	#sec7-1 .right h2 .icon-flex{
		width: 40px;
		height: auto;
	}
	#voice-area {display: block;}
	#voice-area .voice-box {width: 100%;}
	.title-board {
		max-width: 90%;
		width: 90%;
	}
	#footer{margin-top: 0;padding-bottom: 70px;}
	#footer-sp-area{display: block;}
	#footer #footer-balloon {width: 147px;height: 119px;font-size: 14px;}
	#footer-title {font-size: 16px;padding-bottom: 10px;}
	#contact table th, #contact table td {display: block;width: 100% !important;}
	#contact table th {padding: 0 0 0 15px;}
	#contact table td{margin-bottom: 25px;}

	/*下層**/
	#pan {font-size: 13px;margin: 0 auto ;}
	#pan-inner{padding-bottom: 20px;}
}
/* 幅489px以下から 
------------------------------------------------------------*/
@media only screen and (max-width: 489px){
	br.br489{display: inline !important;}
	.site-description {
		font-size: 16px;
		padding: 21px 0 5px 0;
	}
	.site-title {
		margin: 0 auto 5px auto;
		font-size: 20px;
	}
	.cont-box {margin: 0 auto 25px auto;}
	.have-box,.have-box-min {padding: 8px;margin: 0 auto 20px;}
	.box-inner {padding: 8px 8px 8px;}
	.wrapper{padding-bottom:35px;}
	.section-area{padding: 0;}
	.title-area .title {padding-bottom: 12px;}
	.title-area-img{margin: auto;}
	table tbody th,table tbody td {padding: 10px 5px 8px 5px;}
	.contact-banner .mail-button, .tel-button,.page .contact-banner .mail-button {width: 280px;}
	#nav-toggle,#home-icon {top: 15px;}
	.panel{padding: 20px 10px 0 10px;}
	#global-nav ul{border: 6px solid #ddd7cd;}
	#global-nav li a {position: relative;display: block;padding: 15px 10px;font-size: 16px;}
	nav#global-nav ul li .button{margin: 0 auto 10px;font-size: 16px;padding: 10px 0;}
	#header {border-bottom: 4px #e7e6e6 solid;}
	#mainimage {margin-bottom: 0;}
	#mainimage-inner {padding: 13px 0 5px;}
	#sec1-1{margin-bottom: 0;}
	/**タイトル部分のイラスト配置**/
	.sp-title-top{
		position: relative;
		margin-top: 40px !important;
	}
	.sp-title-top .title-area{
		position: initial;
		padding-top: 35px;
	}
	.sp-title-top .title-area .title,.sp-title-top .title-area .relative{position: initial;}
	.sp-title-top .title-area-img{
		width: auto !important;
		height: 70px ;
		top: -35px !important;
		bottom: auto !important;
		left: 0;
		right: 0;
	}
	.sec1-img2,.sec2-img3,.sec4-img3{
		left: auto !important;
		right: 50% !important;
	}
	.sec1-img3,.sec2-img4,.sec4-img2{
		right: auto !important;
		left: 50% !important;
	}
	.sec3-img1,.sec4-img1,.sec5-img1 {
		right:0 !important;
		left: 0 !important;
	}
	/**タイトル部分のイラスト配置 ここまで**/
	#sec1-2 .point-box {margin: 10px 0 1px;width: 100%;}
	.voice-box {padding: 8px;}
	.voice-box .right {padding: 5px 0 0 0;}
	.voice-box .left-img {width: 110px;}
	/*
	.voice-box .right {padding: 18px 20px 10px 20px;}
	*/
	#sec1-3-bottom1 {margin-bottom: 10px;}
	.sec2-img1 {
		width: 60px;
		left: -20px;
		bottom: -30px;
		z-index: 10;
	}
	.sec2-img2 {
		width: 46px;
		bottom: -18px;
		right: -20px;
	}
	#sec2-1 ul li {
		font-size: 16px;
		padding: 12px 0;
		align-items: flex-start;
	}
	.title-board {padding: 1px 20px 1px;}
	#sec2-2 .coution-p {
		margin: 0 auto 5px;
		width: 120px;
		font-size: 13px !important;
		padding: 5px 0;
	}
	#sec2-2-middle {margin: 15px auto 10px;}
	#sec3-3-bottom .text {padding: 15px 5px 8px;}
	#sec2-2 ul li .left-img {width: 54px;}
	#sec4-2 table tbody th .flex-area-left{
		display: block;
		text-align: center;
	}
	#sec4-2 table th .icon-flex {
		display: block;
		width: 26px;
		height: auto;
		margin: 0 auto 5px;
	}
	#sec4-2 table td .font24 {font-size: 16px !important;}
	table tbody th,#overlay table.table-price tbody th {font-size: 14px;}
	#overlay table.table-price tbody th img {width: 28px;}
	#sec4-2 table td{font-size: 14px;}
	#overlay table.table-price tbody td {font-size: 12px;}
	table thead th,#overlay table.table-price thead th {font-size: 16px;}
	#sec5-1 .title-area .title .min{font-size: 0.8em;}
	#sec5-1 .title-area .title {
		padding-left: 0;
		text-align: center;
	}
	.sec5-img2 {
		width: 90px;
		left: -40px;
	}
	.sec5-img3 {
		width: 80px;
		right: -30px;
	}
	#section6 .flow-one .flow-box {padding: 25px 10px 20px;}
	#flow-last h2{
		padding: 15px 0 0 60px;
		font-size: 15px;
	}
	.flow-img1 {
		width: 75px;
		height: auto;
		left: -18px;
		bottom: -11px;
	}
	.arrow-down-min {width: 70px;}
	.arrow-down {width:100px;}
	#section6 .flow-box .flow-balloon {bottom: -5px;width: 68px;height: 57px;font-size: 12px;padding: 5px 0 0 7px;right: -5px;}
	#section6 .flow-box .flow-balloon .font36 {font-size: 16px !important;}
	#section6 .flow-box .flow-balloon .font60 {font-size: 32px !important;}
	#sec7-2 .arrow-yoko{display: none;}
	#sec7-2-inner{
		display: block;
		text-align: center;
	}
	#sec7-3-0 .icon-voice {width: 45px;}
	.contact-banner .contact-inner {margin: 0 10px;display: block;}
	.contact-banner .calen-button {margin: 10px 0 0 0;}
	.contact-banner .button img{width: auto;height:24px; }
	.contact-banner .calen-button img {display: inline-block;vertical-align: middle;padding: 0 5px 0 0;margin: 0;}
	.tel-no {font-size: 30px;text-align: center;padding: 5px 0;}
	.chat-banner .button {width: 280px;font-size: 16px;padding: 10px 0 5px;}
	.chat-banner .icon-robo {left: -20px;bottom: -13px;width: 50px;}
	.chat-banner .chat-photo {width: 120px;}
	.chat-banner h2{display: block;text-align: center;}
	.chat-banner .icon-back-side{display: block;margin: auto;left: 0;right: 0;top: -11px;position: absolute;	}
	.section-title {height: auto;line-height: 130%;}
	.title-circle{display: none;}
	.section-title h2.title-h2 {font-size: 22px;padding: 20px 0 18px;}
	img.section-title-arrow {margin: 0 auto 30px auto;}
	#footer .chat-button {width: 280px;font-size: 14px;}
	#footer #footer-balloon {width: 137px;height: 111px;font-size: 13px;}
	#footer { margin-top: 36px;}
	#footer #footer-balloon img.icon-footer-pc {width: 36px;}
	#contact #form-title .icon-flex{width:36px;height: auto; }
	#mailformpro {margin: 0 auto 50px;}
	#contact {margin: 0 10px !important;padding: 0 !important;}
	#footer-sp-area .button .sp-no{display: none;}
	.popup-button-area {display: block;}
	#popup-area #close {margin: 15px auto 0;line-height: 46px;}
	/*****下層ページ******/
	#thanks-box .button {
		width: 240px;
		margin: 15px auto;
	}
	
	
}
/* 幅389px以下から 
------------------------------------------------------------*/
@media only screen and (max-width: 389px){
	br.br389{display: inline !important;}
	.site-description {
		font-size: 14px;
		padding: 30px 0 0 0;
	}
	.site-title {font-size: 18px;}
	#header .call-link {margin: 0 auto;}
	.contact-banner .mail-button, .tel-button,#office-area .map-button{width: 100%;max-width: 280px;}
	.title-area {margin: 0 5px 8px 5px;background-size: auto 6px !important;padding: 10px 0 0 0;}
	#nav-toggle,#home-icon {
		height: 46px;
		line-height: 44px;
	}
	.open #nav-toggle span:nth-child(1),.open #nav-toggle span:nth-child(3) {top: 6px;}
	#header-sp-ai {width: 280px;}
	#header-sp-ai .balloon {top: -21px;left: 53px;}
	#nav-button-area a {font-size: 14px;}
	#global-nav ul ul li a {padding-left: 30px;}
	
	#sec1-1 h2{display: block;text-align: center;}
	#sec1-2 .title-area .title .min{font-size: 0.8em;}
	/**タイトル部分のイラスト配置**/
	.sp-title-top{margin-top: 40px !important;}
	.sp-title-top .title-area{padding-top: 25px;}
	.sp-title-top .title-area-img{
		height: 60px ;
		top: -30px !important;
	}
	/**タイトル部分のイラスト配置 ここまで**/
	.sec1-img4 {
		left: -57px;
		width: 50px;
	}
	.voice-box .left-img {	width: 100px;}
	.voice-box .right {	padding: 2px 0 0 0;	}
	
	.sec2-img1 {
		width: 53px;
		left: -26px;
	}
	.sec2-img2 {width: 41px;}
	#sec2-2 ul li .left-img {width: 50px;}
	#sec3-3-bottom .text {padding: 10px 5px 8px;}
	.title-board {
		padding: 12px 20px 1px;
		width: 80% !important;
	}
	table tbody th, table tbody td {padding: 10px 1px 8px 1px;}
	#sec4-2 table td .font24 {
		font-size: 14px !important;
		white-space: nowrap;
	}
	#sec4-2 table td {font-size: 13px;}
	table thead th, #overlay table.table-price thead th {font-size: 12px;}
	#overlay table.table-price td .min {font-size: 12px;}
	#section6 .flow-box {width: 260px;}
	#section6 .flow-box .flow-balloon {
		width: 64px;
		height: 53px;
		font-size: 11px;
		padding: 3px 0 0 10px;
		right: -5px;
		z-index: 100;
	}
	.flow-line3 .flow-p h2 {font-size: 16px;margin: 10px auto 0;padding: 0;}
	#section6 .flow-one .flow-box {width: 90%;}
	#sec7-1 .right h2 img,#office-area h2.title img{width: 40px;height: auto;}
	#photo-area {margin: 0 auto ;display: block;}
	#photo-area img {width: 100%;height: auto;margin: 0 auto 10px;}
	#sec7-3-0{width: 100% !important;}
	#office-area .office-area-inner {padding: 15px 12px 10px 12px;}
	#contact input[type="submit"] {	width: 250px;}
	#footer-map-area a {width: 270px;}
	#footer-sp-area .button{font-size: 14px;}
	.go-sp-ai .balloon {width: 62px;height: 39px;top: -25px;font-size: 10px;left: 37px;}
	.chat-banner .box-inner-border {padding: 12px 10px 13px;}
	.chat-banner .button {width: 100%;}
	.chat-banner .font36 {font-size: 20px !important;}
	.chat-banner .button .text{padding-left: 10px;}
	.chat-banner .chat-photo {width: 96px;}
	.chat-banner .icon-robo {width: 42px;}
	#footer-sp-area img{width: auto;height: 26px !important;padding: 0 !important;}
	#footer-sp-area #go-sp-ai {padding-left: 25px;}
	#footer-sp-area img.icon-robo {
		height: auto !important;
		width: 38px;
		left: 5px;
	}
}