@charset "UTF-8";
/*
Theme Name: ACE THEME
Author: the Ace Design
Description: This is my original theme.
Version: 1.2
*/

/* #17878b テーマカラー緑 */

body {
	margin: 0;
	padding: 0;
	background: url(img/inner-bg.png);
}

h1,h2,h3,h4,p,ul,img {
	color: #363636;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

/* 印刷用 */
@media print {
 body{
  overflow-y: visible;
  overflow-x: visible;
 }
 .divMain{
  overflow-y: visible;
 }
 h1,h4{
 font-size: 18px!important;
 }
}

/* media screen */
@media screen and (max-width: 1079px){
#pcon {display:none!important;}
}

@media screen and (min-width:1080px){
#spon {display:none!important;}
}

.t-color {
	color:#17878b;
}

p {
	font-size: 1.2rem;
	line-height: 1.6rem
}

a {
	color: #17878b;
	text-decoration: none!important
}
a:hover {
	color:rgba(108,8,10,1.00);
	text-decoration: underline
}

a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

.container {
	max-width: 1280px;
	margin: 0 auto;
	padding: 1% 5%;
}
.container .wrap {
	padding: 2.5% 5%;
}
.container .wrap h1 {
	font-size: 2vw;
	font-weight: bold;
}

.contents {
	width: 67%;
	padding: 2% 0 2% 3%;
	float: left
}

.contents h2 {
	color: #17878b;
	font-size: 28px;
	margin:  0 0 0.5em 0;
}

.contents p {
	line-height: 2rem
}

.txt-read {
	font-size: 1.8rem;
	line-height: 1.6em;
	margin-bottom: 1em
}

p.mank {
	font-size: 1.2vw;
	text-align: center;
	font-weight: bold;
	margin-bottom: 1em;
}

/* ヘッダー */
header {
	color: #ffffff;
	background: url(img/hd-bg.jpg) repeat;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

header a {
	color: #17878b;
	text-decoration: none;
}

header .hd-wrap {
	max-width: 1280px;
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

header .hd-wrap .left-area h1 {
	color: #363636;
	font-size: 0.8vw!important;
	margin: 0 0 0.3em 0;
	padding: 0;
	line-height: 1.2em;
}

header .hd-wrap .left-area h1 a {
	color: rgba(22,20,20,1.00);
}
header .hd-wrap .left-area h1 a:hover {
	color: #17878b;
}

header .hd-wrap .left-area {
	width: 58%;
	padding: 1% 1% 00% 1%;
	float: left;
}

header .hd-wrap .right-area {
	color: rgba(22,20,20,1.00);
	width: 38%;
	margin: 5px 0 0 0;
	padding: 1% 1% 0% 1%;
	float: right;
	text-align: right;
	vertical-align: bottom;
}

header .hd-wrap .right-area .timeinfo {
	font-size: 18px;
	margin: 0;
	padding: 0;
}


header .hd-wrap .right-area .telinfo {
	font-size: 36px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

nav {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	background:url(img/nav-bg.jpg) repeat-x;
}

nav .inner {
	max-width: 1150px;
	margin: 0 auto;
}

nav .inner ul {
	list-style: none;
	margin: 0;
	padding: 0 0 0 15px;
	font-size: 12px;
	overflow: hidden
}

nav .inner li {
	font-size: 18px;
	float: left;
	margin-right: 3em
}

nav .inner li a {
	color: #FFFFFF;
	display: block;
	padding-top: 15px;
	padding-bottom: 10px;
	border-bottom: solid 5px transparent;
	font-weight: bold;
}

nav .inner li a:hover {
	color: rgba(221,151,122,1.00);
	border-bottom-color: #FFFFFF
}

nav .inner li.current-menu-item a {
	border-bottom-color: #FFFFFF
}

.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}

.usp-area {
  position: relative;
}

.usp-area h2 {
  position: absolute;
  top: 115px;
  left: 50%;
  width: 100%;
  margin: 0;
  color: #568c86;
  font-size: 55px;
  text-align: center;
  transform: translateX(-50%);
}
@media screen and (max-width: 767px) {
  .usp-area h2 {
    position: absolute;
    top: 12px;
    left: 50%;
    width: 100%;
    margin: 0;
    color: #568c86;
    font-size: 20px;
    text-align: center;
    transform: translateX(-50%);
  }
}

.usp-area h2 .char {
  display: inline-block;
  opacity: 0;
  transform: translateY(10px);
  animation: fadeInChar 0.5s ease forwards;
}

@keyframes fadeInChar {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* コンテンツ */

h3.one {
	color: #363636;
	font-size: 3vw;
	text-align: center;
	font-weight: bold;
	margin: 0 auto;
	padding: 1.2em 0 0 0;
}
h3.two {
	color: #363636;
	font-size: 3vw;
	text-align: center;
	font-weight: bold;
	margin: 3em auto 0 auto;
	padding: 0;
}
h3.three {
	color: #363636;
	font-size: 3vw;
	text-align: center;
	font-weight: bold;
	margin: 3em auto 0 auto;
	padding: 0;
}
h3.four {
	color: #363636;
	font-size: 3vw;
	text-align: center;
	font-weight: bold;
	margin: 2em auto 0 auto;
	padding: 0;
}
h3.one img,h3.two img,h3.three img,h3.four img {
	width: 1em;
}
h4.red {
	color: rgba(15,94,176,1.00)!important;
	font-size: 1.6vw;
	margin: 0 0 1em 0;
}
span.h4red {
	color: rgba(234,36,103,1.00);
}
.infous {
	color: rgba(234,36,103,1.00);
	font-size: 23px;
	text-align: center;
	border: rgba(234,36,103,1.00) solid 2px;
	margin: 0 0 0.6em 0;
	padding: 1em 0;
}
.container .nayami-wrap {
	width: 90%;
	margin: 0 auto;
	padding: 5% 0;
}

.container .nayami-wrap .ph-box {
	width: 29%;
	margin: 0 2%;
	padding: 0;
	float: left;
}

.container .nayami-wrap2 {
	width: 60%;
	margin: 0 auto;
	padding: 0 0 5% 0;
}

.container .nayami-wrap2 .ph-box {
	width: 46%;
	margin: 0 2%;
	padding: 0;
	float: left;
}

.container .nayami-wrap .ph-box p,.container .nayami-wrap2 .ph-box p {
	font-size: 1.5rem;
	text-align: center;
	font-weight: bold;
	line-height: 1.4em
}

.omakase {
	width: 80%;
	height: 30%;
	background: url(img/omakase.png) center top no-repeat;
	background-size: 100%;
	margin: 0 auto;
	padding: 13% 0 0 0;
}

.omakase .left {
	width: 30%;
	margin: 0;
	float: left;
}

.omakase .left p {
	font-size: 1.2vw
}

.omakase .right {
	width: 65%;
	margin: 0 5% 0 0;
	float: left;
}

.omakase .right p {
	font-size: 1.6vw;
	line-height: 1.6em;
}

.erabi {
	width: 100%;
	text-align: center;
}

.erabi h4 {
	color: #363636;
	font-size: 2.6em;
	font-weight: bold;
}

.erabi h4 img {
	width: 1em;
	height: auto;
	margin: 1% 0 0 0;
}

.choice__wrap {
	width: 980px;
	margin: 50px auto 0 auto;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
}

.choice__wrap div {
	width: 390px;
	margin: 0 auto;
}

.choice__wrap div h5 {
	margin: 0;
}

.choice__wrap div h5 a {
	font-size: 20px;
	background: url(img/sankaku.png) left 5px no-repeat;
	margin: 0;
	padding: 0 0 0 1em;
	display: block;
}

.choice__wrap div h5 a:hover {
	color:rgba(232,68,16,1.00)
}

/* 相続の流れ */
h2.nagare {
	font-size: 23px;
	position: relative
}

span.nagare-bled {
	color: #FFF;
	font-size: 23px;
	padding: 0.6vw 0.8vw;
	margin-right: 0.8vw;
	border-radius: 50%;
	vertical-align: middle
}

span.n-one {
	background: #f2680c;
}
span.n-two {
	background: #80c269;
}
span.n-three {
	background: #0068b7;
}
span.n-four {
	background: #8f82bc;
}
span.n-five {
	background: #eb6877;
}

/* アクセスエリア */
.access-area {
	width: 96%;
	margin: 0 auto;
}

.access-area .box {
	width: 27.333333%;
	float: left;
	margin: 2%;
	padding: 1%;
	display: block
}

.access-area img {
	border-radius: 5%;
}

.access-area p {
	margin: 0 0 1.5em 2em;
	line-height: 1.4em;
}

img.parking {
	margin: 1em 0 0 0;
}

.a-cap {
	font-size: 16px;
	height: 3em
}

/* ブログエリア共通 */
.blog_area {
	width: 94%;
	height: auto;
	margin: 0;
	padding: 3%;
}

.blog_area .inner {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

.blog_area p {
	font-size: 18px
}


.blog_area time {
	padding: 0.5em 0 0 0;
}

.blog_area .postcat a {
	color: #312E2E;
	font-size: 12px;
	text-align: center;
	margin: 0 0 0.3em 0;
	padding: 0.3em 1em;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	background: #FFF;
	text-decoration: none;
}

.blog_area .postcat a:hover {
	background: #ce1b3a;
}

.blog_area .inner .box {
	width: 31%;
	min-height: 260px;
	height: 100%;
	float: left;
	margin: 0 1% 2% 1%;
	padding: 0.7em 0 0 0;
	background-color:rgba(255,255,255,1.0);
	border-radius: 8px; /* CSS3草案 */  
    -webkit-border-radius: 8px; /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;
	border: #13b5b1 1px solid;
}

.blog_area .inner .box h1 {
	color: #333333;
	margin: 0 0 0.3em 0;
	padding: 0.5em 0 0 1em;
	font-size: 18px;
	text-align: left;
	font-weight: bold;
}

.blog_area .inner .box .left {
	display: block;
	width: 37%;
	margin: 0;
	max-height: 100px;
	padding: 0 0 0 3%;
	float: left;
}

.blog_area .inner .box .left img:hover {
	opacity: 0.7;
}

.blog_area .inner .box .right {
	width: 54%;
	margin: 0;
	padding: 0 3%;
	float: left;
}

.blog_area .inner .box .right p {
	color: #363636;
	font-size: 13px;
	margin: 0 0 1em 0;
	padding: 0 0 1em 0;
	line-height: 1.4em;
}

.f-postinfo {
	margin: 0 0 0.8em 0;
	padding-left: 1em;
}

/* 文字タイトルのみ */
.blog_area .inner .t-box {
	width: 80%;
	height: 100%;
	margin: 1% auto 2% auto;
	padding: 5%;
	background-color:rgba(255,255,255,1.0);
	border-radius: 8px; /* CSS3草案 */  
    -webkit-border-radius: 8px; /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;
	border: #13b5b1 1px solid;
}


p.more a {
	width: 80%;
	color: #312E2E;
	font-size: 14px;
	text-align: center;
	margin: 1em auto 0.3em auto;
	padding: 0.3em 1em;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	background: #FFF;
	text-decoration: none;
	display: inline;
	display: block;
}

p.more a:hover {
	color: #FFFFFF;
	background: #13b5b1;
}

table {
	width: 100%;
	font-weight: normal;
	font-size: 20px;
}

table tr td {
	width: 24%;
	border: #17878b 1px solid;
	text-align: left;
	padding: 1em 0 1em 1%;
}
table tr td:nth-child(1) {
	width: 49%;
}
table tr td:nth-child(2) {
	text-align: center;
	padding-left: 0;
}

table tr td.md {
	color: #FFF;
	background: #17878b;
	text-align: center;
	padding-left: 0;
}

table tr td.fla {
	font-size: 18px;
	text-align: left;
	padding-left: 1%;
}

table tr td,table tr td.non {
	width: 24%;
	border: #17878b 1px solid;
	text-align: left;
	padding: 1em 0 1em 1%;
}


/* 専門家紹介 */
h3 {
	color: #17878b;
	font-size: 22px;
	margin: 0;
	padding: 0;
}

.master {
	width: 48%;
	margin: 0.5% 0 2% 0;
	padding: 0 2% 0 0;
	float: left;
}

.master:nth-child(1) {
	padding: 0;
}

.master .box1 {
	width: 40%;
	margin: 0 5% 0 0;
	float: left
}

.master .box2 {
	font-size: 1em;
	width: 55%;
	margin: 0;
	float: left
}

.master .txt {
	clear: both;
	line-height: 1.6em;
	margin: 0.8em 0 0 0;
}

.p-name {
	font-size: 1.6em;
	margin: 0.2em 0 0.5em 0;
}

.p-name2 {
	font-size: 0.9em;
	margin: 0;
	padding: 0;
}

.p-deco {
	color: #FFF;
	font-size: 0.8em;
	background: #17878b;
	margin-bottom: 0.6em;
	padding: 0.5em 1em;
	border-radius: 15px;
	font-weight: bold;
	display: inline;
}

.p-deco-f {
	color: #FFF;
	font-size: 1em;
	background: #17878b;
	margin: 0 0 1em 0;
	padding: 0.5em 1em;
	border-radius: 15px;
	font-weight: bold;
	display: inline;
}

.p-name-set {
	font-size: 1em;
	margin: 1em 0 0.5em 0;
	line-height: 1.4em;
}

.master ul {
	padding: 0.5em 0 0 0.8em;
}

table.gaiyo {
  border-collapse: collapse;
  border-spacing: 0;
}

table.gaiyo td:nth-child(1) {
	width: 20%;
	padding: 0.8em;
	vertical-align: top;
}

table.gaiyo td:nth-child(2) {
	width: 80%;
	padding: 0.8em;
	text-align: left;
}

.intro {
	display: grid;
	grid-template-columns: 220px 175px 1fr;
}

.intro div {
	font-size: 1em;
	margin: 0;
}

.intro .box-txt {
	padding-left: 20px;
}

.intro p.item {
	line-height: 1.6em;
	margin: 0;
	padding: 0 0 0 1em
}


/* フッター */
footer {
	padding-top: 25px;
	background: url(img/footer-bg.gif);
	text-align: center
}

footer .inner {
	max-width: 1480px;
	margin: 0 auto;
}

footer .inner .box {
	width: 23%;
	padding: 0 2% 0 0;
	float: left
}
footer .inner .box:nth-child(4) {
	width: 23%;
	padding: 0;
	float: left
}

footer p {
	font-size: 18px;
	margin-top: 1.5em;
}

footer iframe {
	height: 300px;
	border-radius: 5%;
}

.footer-nav ul li {
	font-size: 18px;
	text-align: center;
	line-height: 1.6em;
	display: inline-block;
}

.resbtn {
	width: 70%;
	margin: 0 auto;
}
.resbtn:hover {
	opacity: 0.8;
}

iframe {
	margin-top: 15px
}

.deco {
	color: #FFF;
	font-size: 1em;
	background: #17878b;
	margin-top: 1rem;
	padding: 0.5em 1em;
	border-radius: 15px;
	font-weight: bold;
	display: inline;
}

.cards {
	max-width: 1480px;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
	grid-template-rows: auto;
	gap: 2rem .5rem;
}

.card {
	display: grid;
	grid-template-rows: subgrid;
	grid-row: span 6;
	gap: .3rem
}

.card .address {
	font-size: 1rem;
	line-height: 1.4rem;
	margin: -1rem 0 0 0;
}

.card .tel {
	color: #17878b;
	font-size: 1rem;
	line-height: 1.4rem;
	font-weight: bold;
	margin: 0;
}

/* 固定ページ */
.container .wrap h2 {
	font-size: 2vw;
	margin: 0.8em 0 0 0;
	padding: 0;
}

.container .wrap h2.bul {
	font-size: 2vw;
	margin: 0.8em 0;
	padding: 0 0 0 1.4em;
	background: url(img/blu-bled.png) left 7px no-repeat
}
.container .wrap h2.yel {
	font-size: 2vw;
	margin: 0.8em 0;
	padding: 0 0 0 1.4em;
	background: url(img/yel-bled.png) left 7px no-repeat
}
.container .wrap h2.org {
	font-size: 2vw;
	margin: 0.8em 0;
	padding: 0 0 0 1.4em;
	background: url(img/org-bled.png) left 7px no-repeat
}
.container .wrap h3 {
	font-size: 1.5vw;
	margin: 0.8em 0 0.4em 0;
	padding: 0;
}

.container .txt-area {
	width: 92%;
	margin: 0 auto;
	padding: 2% 3%;
	font-size: 1vw;
	line-height: 1.4em;
	background: rgba(255,255,255,0.8);
	border-radius: 1%;
}

p.caution {
	color: rgba(192,30,33,1.00);
	font-size: 1.2vw;
	text-align: center;
	margin: 1.5em 0 0 0
}

span.kaitei {
	color: rgba(255,255,255,1.00);
	font-size: 1vw;
	background: rgba(192,30,33,1.00);
	padding: 0.3em 0.6em;
}

.w90wrap {
	width: 90%;
	font-size: 1vw;
	line-height: 2em;
	margin: 1em 0 0 0;
}

h4.red {
	color: rgba(255,0,4,1.00);
	font-size: 2.4rem;
	margin-top: 1.2em;
	text-align: center;
}

.choice-area {
	width: 65%;
	margin: 5% auto;
	display: grid;
	grid-template-columns: repeat(2 1fr);
}

.choice-area .box {
	width: 100%;
	margin: 0 auto;
	padding: 2% 5%;
}

/* 記事 */
article {
	margin-bottom: 40px;
	overflow: hidden
}

article h1 {
	margin: 0;
	font-size: 32px;
	font-weight: normal
}

article h1 a {
	color: #000000;
	text-decoration: none
}

/* 記事の付加情報 */
.postinfo {
	margin-top: 15px;
	font-size: 14px
}
.postinfo a {
	color: #000000;
	text-decoration: none
}

.postinfo .postcat {
	margin-left: 20px
}

.postinfo .postcom {
	margin-left: 20px
}

.postinfo i {
	color: #888888
}

/* 前後への記事のリンク */
.pagenav a {
	padding: 5px 10px;
	border: solid 1px #cccccc;
	border-radius: 10px;
	color: #666666;
	font-size: 12px;
	text-decoration: none;
	}

.pagenav .old a {
	float: left;
}

.pagenav .new a {
	float: right;
}

.pagenav {
	overflow: hidden;
	margin: 40px 0;
	clear: both;
}

/* 本文中の画像 */
article img {
	border: none;
	max-width: 100%;
	height: auto
}

.aligncenter {
	display: block;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto
}

.alignleft {
	float: left;
	margin-bottom: 30px;
	margin-right: 30px;
}

.alignright {
	float: right;
	margin-bottom: 30px;
	margin-left: 30px;
}

.wp-caption {
	max-width: 100%;
}

.wp-caption-text {
	margin: 0;
	color: #666666;
	font-size: 14px;
	text-align: center;
}

/* メニュー */
.blogmenu {
	width: 22%;
	padding: 2% 3% 2% 5%;
	float: left;
}

.blogmenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.blogmenu .widget {
	margin-bottom: 30px;
	padding: 20px;
	background-color: #e8e8e8;
}

.blogmenu .widgettitle {
	margin-top: 10px;
	margin-bottom: 20px;
	border-right: solid 10px rgba(71,133,128,1.00);
	color: rgba(71,133,128,1.00);
	font-size: 14px;
}

.blogmenu li a {
	display: block;
	padding: 5px;
	color: #666666;
	font-size: 14px;
	text-decoration: none;
}

.blogmenu li a:hover {
	background-color: #EFDEC3
}

/* 見出し */
.archive-title {
	margin-top: 0;
	margin-bottom: 40px;
	background-color: #eeeeee;
	font-size: 14px;
	font-weight: normal
}

.archive-title i {
	padding: 15px;
	background-color: #4a5f7e;
	color: #ffffff
}　




/* コメント投稿フォーム */
#respond p {
	margin-top: 0;
	margin-bottom: 20px;
	font-size: 12px;
}

#respond label {
	font-size: 14px;
}

#respond input,#respond textarea {
	width: 100%;
	padding: 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#respond input[type="submit"] {
	width: 200px;
	padding: 10px;
	border: none;
	background-color: #e6cc1c;
	-webkit-appearance: none;
	cursor: pointer
}

#respond input[type="submit"]:hover {
	background-color: #ffaa00;
}

#respond .required {
	color: #ff0000
}

/* コメント */
#comments footer {
	background: none;
	margin: 0;
	color: #000000;
	font-size: 12px;
}

#comments footer a {
	color: #000000
}

#comments footer div {
	display: inline
}

#comments ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#comments article {
	border: dotted 1px #aaaaaa;
	margin-bottom: 10px;
	padding: 10px 20px 20px 20px
}

#comments .comment-content {
	margin-left: 30px
}

/* お問い合わせフォーム */
.wpcf7 input,#wpcf7 textarea {
	width: 100%;
	padding: 5px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	}
.wpcf7 input[type="submit"] {
	color: #FFF;
	width: 100%;
	padding: 10px 0;
	border: none;
	background-color: #13b5b1; /* 送信ボタンの色 */
	-webkit-appearance: none;
	cursor: pointer;
	text-align: center;
}
.wpcf7 input[type="submit"]:hover {
	color: #FFF;
	background-color: #CE733F
}
.wpcf7 textarea {
	width: 99.4%;
}

/* ページトップボタン */
#pageTop {
	position: fixed;
	bottom: 20px;
	right: 20px;
	z-index: 99999;
}
#pageTop a {
	display: block;
	z-index: 999;
	padding: 15px 0 0 0;
	border-radius: 50%;
	width: 60px;
	height: 40px;
	background-color: #f39800;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}
#pageTop a:hover {
	text-decoration: none;
	opacity: 0.7;
}


/* モバイル1 */
@media screen and (max-width: 1080px) {
header {
	margin: 0;
	padding: 2% 0;
}

#spon .header__logo {
  display: block;
  width: 96%;
  max-width: 623px;
  margin: 0 auto;
  text-align: center;
}

#spon .header__logo img {
  display: block;
  width: 100%;
  height: auto;
}

header h1 {
	width: 96%;
	font-size: 12px;
	text-align: center;
	margin: 0 auto 2% auto;
}

.tel--btn a {
	max-width: 623px;
	width: 70%;
	height: 50.5%;
	margin: 15px auto 0;
	padding: 0.5em 1.2em;
	font-size: 5vw;
	color: #FFF;
	text-align: center;
	background: #13b5b1;
	border-radius: 15px;
	display: block;
}

.container {
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
  padding: 1% 5%;
}
.container .wrap {
	width: 96%;
	padding: 2.5% 0%;
	margin: 0 auto;
}
.container .wrap h1 {
	font-size: 5vw;
	font-weight: bold;
}
.container .wrap h1:before {
	content: "■"
}

.container .nayami-wrap .ph-box p,.container .nayami-wrap2 .ph-box p {
	font-size: 3vw;
	text-align: center;
	font-weight: bold;
	line-height: 1.4em
}

.contents {
	width: 100%;
	padding: 2% 0 2% 0;
	float: none
}

.blog_area .inner .box {
	width: 80%;
	min-height: 260px;
	height: 100%;
	float: none;
	margin: 0 auto 5% auto;
	padding: 0.7em 0;
	background-color:rgba(255,255,255,1.0);
	border-radius: 8px; /* CSS3草案 */  
    -webkit-border-radius: 8px; /* Safari,Google Chrome用 */  
    -moz-border-radius: 8px;
	border: #13b5b1 1px solid;
}

.choice-wrap {
	width: 65%;
	margin: 5% auto;
}

.choice-wrap .box {
	width: 100%;
	margin: 0 auto;
	float: none;
}

.choice-wrap .box:nth-child(2) {
	width: 100%;
	margin: 15% auto 0 auto;
	float: none;
}

.txt-read {
	font-size: 5vw;
	line-height: 1.6em;
	margin-bottom: 1em
}

.w90wrap {
	width: 100%;
	font-size: 1vw;
	line-height: 2em;
	margin: 0;
}

h3.one {
	color: #363636;
	font-size: 6vw;
	text-align: center;
	font-weight: bold;
	margin: 0 auto;
	padding: 1.2em 0 0 0;
}
h3.two {
	color: #363636;
	font-size: 6vw;
	text-align: center;
	font-weight: bold;
	margin: 3em auto 0 auto;
	padding: 0;
}
h3.three {
	color: #363636;
	font-size: 6vw;
	text-align: center;
	font-weight: bold;
	margin: 3em auto 0 auto;
	padding: 0;
}
h3.four {
	color: #363636;
	font-size: 6vw;
	text-align: center;
	font-weight: bold;
	margin: 2em auto 0 auto;
	padding: 0;
}

h3.four br {
	display: none
}

p.mank {
	font-size: 6vw;
	text-align: center;
	font-weight: bold;
	margin-bottom: 1em;
}

.erabi h4 {
	color: #363636;
	font-size: 5vw;
	font-weight: bold;
}

/* 相続の流れ */
h2.nagare {
	font-size: 4vw!important;
	padding: 0.5em 0!important;
}

span.nagare-bled {
	color: #FFF;
	font-size: 23px;
	padding: 0.6vw 0.8vw;
	margin-right: 0.8vw;
	border-radius: 50%;
	vertical-align: middle
}

/* 専門家紹介 */
.master {
	width: 90%;
	margin: 2% auto;
	padding: 0;
	float: none;
}

.master .box1 {
	width: 40%;
	margin: 0 5% 0 0;
	float: left
}

.master .box2 {
	font-size: 1em;
	width: 55%;
	margin: 0;
	float: left
}

.master .txt {
	clear: both;
	line-height: 1.6em;
	margin: 0.8em 0 0 0;
}

h3.master {
	color: #17878b;
	font-size: 28px!important;
	margin: 0;
	padding: 0;
}

.intro {
	display: block;
}

.intro .box-txt {
	margin: 0 auto;
	padding: 0;
}

.intro p {
	line-height: 1.6em;
	margin: 0.4em 0 0 0;
}


/* 料金 */
span.kaitei {
	color: rgba(255,255,255,1.00);
	font-size: 5vw;
	background: rgba(192,30,33,1.00);
	padding: 0.3em 0.6em;
}

span.fontc {
	font-size: 3.5vw
}


/* 固定ページ */
.container .wrap h2 {
	font-size: 4vw;
	margin: 0.8em 0 0 0;
	padding: 0;
}

.container .wrap h2.bul {
	font-size: 2vw;
	margin: 0.8em 0;
	padding: 0 0 0 1.4em;
	background: url(img/blu-bled.png) left 7px no-repeat
}
.container .wrap h2.yel {
	font-size: 2vw;
	margin: 0.8em 0;
	padding: 0 0 0 1.4em;
	background: url(img/yel-bled.png) left 7px no-repeat
}
.container .wrap h2.org {
	font-size: 2vw;
	margin: 0.8em 0;
	padding: 0 0 0 1.4em;
	background: url(img/org-bled.png) left 7px no-repeat
}
.container .wrap h3 {
	font-size: 4vw;
	margin: 0.8em 0 0.4em 0;
	padding: 0;
}

.container .txt-area {
	width: 92%;
	margin: 0 auto;
	padding: 2% 3%;
	font-size: 1vw;
	line-height: 1.4em;
	background: rgba(255,255,255,0.8);
	border-radius: 1%;
}

h4.red {
	color: rgba(255,0,4,1.00);
	font-size: 1rem;
	margin-top: 1.2em;
	text-align: center;
}

footer .inner .box,footer .inner .box:nth-child(4) {
	width: 90%;
	margin: 5% auto 0 auto;
	padding: 0 auto;
	float: none
}

footer iframe {
	height: 200px;
	border-radius: 5%;
}

.deco {
	color: #FFF;
	font-size: 4vw;
	background: #17878b;
	margin-bottom: 1em;
	padding: 0.5em 1em;
	border-radius: 15px;
	font-weight: bold;
	display: inline;
}

.card {
	grid-row: span 5;
}

.a-cap {
	font-size: 1.8vw;
	height: 3em;
	line-height: 1.6em
}


    #top-head,
    .inner {
        width: 100%;
        padding: 0;
    }
    #top-head {
        top: 0;
        position: fixed;
        margin-top: 0;
    }
    /* Fixed reset */
    #top-head.fixed {
        padding-top: 0;
        background: transparent;
    }
    #mobile-head {
	    background: url(img/sp_navi.png) repeat;
	    width: 100%;
        height: 56px;
        z-index: 999;
        position: relative;
    }
    #top-head.fixed .logo,
    #top-head .logo {
        position: absolute;
        left: 13px;
        top: 13px;
        color: #FFF;
        font-size: 26px;
    }
    #global-nav {
        position: absolute;
        /* 開いてないときは画面外に配置 */
        top: -750px;
        background: #333;
        width: 100%;
        text-align: center;
        padding: 10px 0;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }
    #global-nav ul {
        list-style: none;
        position: static;
        right: 0;
        bottom: 0;
        font-size: 14px;
    }
    #global-nav ul li {
        float: none;
        position: static;
    }
    #top-head #global-nav ul li a,
    #top-head.fixed #global-nav ul li a {
        width: 100%;
        display: block;
        color: #fff;
        padding: 18px 0;
    }
    #nav-toggle {
        display: block;
    }
    /* #nav-toggle 切り替えアニメーション */
    .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);
    }
    /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */
        -moz-transform: translateY(556px);
        -webkit-transform: translateY(556px);
        transform: translateY(556px);
    }
	
	
	/* モバイルメニュー */

.sidr{display:none;position:absolute;position:fixed;top:0;height:100%;z-index:999999;width:260px;overflow-x:none;overflow-y:auto;font-family:"lucida grande",tahoma,verdana,arial,sans-serif;font-size:15px;background:#f8f8f8;color:#333;-webkit-box-shadow:inset 0 0 5px 5px #ebebeb;-moz-box-shadow:inset 0 0 5px 5px #ebebeb;box-shadow:inset 0 0 5px 5px #ebebeb}.sidr .sidr-inner{padding:0 0 15px}.sidr .sidr-inner>p{margin-left:15px;margin-right:15px}.sidr.right{left:auto;right:-260px}.sidr.left{left:-260px;right:auto}.sidr h1,.sidr h2,.sidr h3,.sidr h4,.sidr h5,.sidr h6{font-size:11px;font-weight:normal;padding:0 15px;margin:0 0 5px;color:#333;line-height:24px;background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dfdfdf));background-image:-webkit-linear-gradient(#ffffff,#dfdfdf);background-image:-moz-linear-gradient(#ffffff,#dfdfdf);background-image:-o-linear-gradient(#ffffff,#dfdfdf);background-image:linear-gradient(#ffffff,#dfdfdf);-webkit-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);-moz-box-shadow:0 5px 5px 3px rgba(0,0,0,0.2);box-shadow:0 5px 5px 3px rgba(0,0,0,0.2)}.sidr p{font-size:13px;margin:0 0 12px}.sidr p a{color:rgba(51,51,51,0.9)}.sidr>p{margin-left:15px;margin-right:15px}.sidr ul{display:block;margin:0 0 15px;padding:0;border-top:1px solid #dfdfdf;border-bottom:1px solid #fff}.sidr ul li{display:block;margin:0;line-height:48px;border-top:1px solid #fff;border-bottom:1px solid #dfdfdf}.sidr ul li:hover,.sidr ul li.active,.sidr ul li.sidr-class-active{border-top:none;line-height:49px}.sidr ul li:hover>a,.sidr ul li:hover>span,.sidr ul li.active>a,.sidr ul li.active>span,.sidr ul li.sidr-class-active>a,.sidr ul li.sidr-class-active>span{-webkit-box-shadow:inset 0 0 15px 3px #ebebeb;-moz-box-shadow:inset 0 0 15px 3px #ebebeb;box-shadow:inset 0 0 15px 3px #ebebeb}.sidr ul li a,.sidr ul li span{padding:0 15px;display:block;text-decoration:none;color:#333}.sidr ul li ul{border-bottom:none;margin:0}.sidr ul li ul li{line-height:40px;font-size:13px}.sidr ul li ul li:last-child{border-bottom:none}.sidr ul li ul li:hover,.sidr ul li ul li.active,.sidr ul li ul li.sidr-class-active{border-top:none;line-height:41px}.sidr ul li ul li:hover>a,.sidr ul li ul li:hover>span,.sidr ul li ul li.active>a,.sidr ul li ul li.active>span,.sidr ul li ul li.sidr-class-active>a,.sidr ul li ul li.sidr-class-active>span{-webkit-box-shadow:inset 0 0 15px 3px #ebebeb;-moz-box-shadow:inset 0 0 15px 3px #ebebeb;box-shadow:inset 0 0 15px 3px #ebebeb}.sidr ul li ul li a,.sidr ul li ul li span{color:rgba(51,51,51,0.8);padding-left:30px}.sidr form{margin:0 15px}.sidr label{font-size:13px}.sidr input[type="text"],.sidr input[type="password"],.sidr input[type="date"],.sidr input[type="datetime"],.sidr input[type="email"],.sidr input[type="number"],.sidr input[type="search"],.sidr input[type="tel"],.sidr input[type="time"],.sidr input[type="url"],.sidr textarea,.sidr select{width:100%;font-size:13px;padding:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 0 10px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px;border:none;background:rgba(0,0,0,0.1);color:rgba(51,51,51,0.6);display:block;clear:both}.sidr input[type=checkbox]{width:auto;display:inline;clear:none}.sidr input[type=button],.sidr input[type=submit]{color:#f8f8f8;background:#333}.sidr input[type=button]:hover,.sidr input[type=submit]:hover{background:rgba(51,51,51,0.9)}

a#simple-menu {
	font-size: 18px;
	font-size: 1.8rem;
	margin: 0;
	padding: 0.5em 1em;
	display: block;
	background: url(img/sp_navi.png);
	color: #12b6cd;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
}

.choice__wrap {
	width: 100%;
	margin: 20px auto 0 auto;
	display: grid;
	grid-template-columns: repeat(1, 1fr);
}

.choice__wrap div {
	width: 95%;
	margin: 0 auto;
}

}


/* 印刷画面 */
@media print {
.no_print {
	display: none;
 }

.print-end {
    page-break-after: always;/* 直後で改ページさせる */
}
.print-end2 {
    page-break-before: always;/* 直前で改ページさせる */
}
}


/* common */
.center {
	text-align: center
}
span.theme {
	color:#17878b;
}

.mt10 {
	margin-top: 10px
}

.mt20 {
	margin-top: 20px
}

.mt30 {
	margin-top: 30px
}

.mt50 {
	margin-top: 50px
}
.mb30 {
	margin-bottom: 30px
}
.mt20p {
	margin-top: 20%
}

.f18 {
	font-size: 18px
}


h5.repo {
	color:rgba(7,116,119,1.00);
	font-size: 1rem;
	margin-top: 0.7em;
	text-align: center;
}

p.maptxt {
	color: rgba(24,130,111,1.00);
	font-size: 2rem;
	margin: 1em 0 0 0;
}

.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */ 



/* すべての画面幅で適用されるCSS  */
.container {
    width: 100%;
}
.header {
    width: 100%;
    box-shadow: 0px 4px 4px -1px rgba(0,0,0,0.23);
}
.header__inner {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header__logo {
    display: block;
    font-size: 0;
}
.header__logo img {
    width: 100%;
    height: auto;
}

/* パソコンサイズ用のCSS  */
@media screen and (min-width:768px) {
    .header__inner {
        padding: 20px;
    }
    .header__logo {
        width: 160px;
        height: 19px;
        transition: opacity .2s ease;
    }
    .header__logo:hover {
        opacity: .7;
    }
    .menu__list {
        display: flex;
    }
    .menu__item:nth-child(n+2) {
        margin-left: 20px;
    }
    .menu__link {
        position: relative;
        display: block;
    }
    .menu__link::after {
        content: '';
        position: absolute;
        bottom: -5px;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: #019ac6;
        transform: scaleX(0);
        transform-origin: left center;
        transition: transform .2s ease;
    }
    .menu__link:hover::after {
        transform: scaleX(1);
    }
    .header__menu-btn {
        display: none;
    }
}

/* スマートフォン、タブレットサイズ用のCSS */
@media screen and (max-width:767px) {
    .container {
        overflow: hidden;
    }
    .header {
        background: #fff;
    }
    .header__inner {
        position: relative;
        z-index: 999;
    }
    .header__logo {
        width: 272px;
        height: auto;
        margin-left: 10px;
    }
    .header__menu {
        position: fixed;
        z-index: 998;
        top: 50px;
        width: 100%;
        height: calc(100vh - 50px);
        background: #fff;
        opacity: 0;
        visibility: hidden;
        transition: opacity .2s ease;
    }
    .header__inner.active .header__menu {
        opacity: 1;
        visibility: visible
    }
    .menu__list {
        border-top: 1px solid #d7d7d7;
    }
    .menu__item {
        border-bottom: 1px solid #d7d7d7;
    }
    .menu__link {
        display: block;
        padding: 13px 10px;
        color: #17878b;
    }
    .header__menu-btn {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: end;
        width: 50px;
        height: 50px;
        padding: 5px;
        cursor: pointer;
    }
    .header__menu-btn span:nth-child(-n+3) {
        position: absolute;
        display: block;
        width: 30px;
        height: 2px;
        background: #17878b;
    }
    .header__menu-btn span:nth-child(1) {
        top: 10px;
        transition: all .2s ease;
    }
    .header__inner.active .header__menu-btn span:nth-child(1) {
        top: 20px;
        transform: rotate(45deg);
    }
    .header__menu-btn span:nth-child(2) {
        top: 18px;
        transition: opacity .2s ease;
    }
    .header__inner.active .header__menu-btn span:nth-child(2) {
        opacity: 0;
    }
    .header__menu-btn span:nth-child(3) {
        top: 26px;
        transition: all .2s ease;
    }
    .header__inner.active .header__menu-btn span:nth-child(3) {
        top: 20px;
        transform: rotate(-45deg);
    }
    .header__menu-btn span:nth-child(4) {
        font-size: 10px;
        color: #17878b;
    }
}