@charset "UTF-8";
@import url("https://fonts.googleapis.com/earlyaccess/notosansjapanese.css");
@import url("https://fonts.googleapis.com/earlyaccess/notoserifjapanese.css");
@import url("https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700");
@import url(reset.css);
@import url(base.css);
@import url(adjust.css);
.primary {
  color: #FF7600; }

.mincho {
  font-family: "Noto Serif Japanese", "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif; }

.gothic {
  font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif; }

.oswald {
  font-family: "Oswald", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif; }

.futura {
  font-family: "Futura", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif; }

html {
	width: 100%;
	height: 100%;
	background-color: #fff;
}
body {
	width: 100%;
	height: 100%;
	position: relative;
	font-size: 14px;
	font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	color: #333;
	line-height: 1.4;
	font-weight: normal;
	margin: 0px;
}

header {
	width: 100%;
	height: auto;
	padding: 8px 0 5px;
	overflow: hidden;
	background: #fff;
}
header .logo {
	width: 20%;
	float: left;
}
header .nav-inner {
	width: 60%;
	float: left;
	font-weight: bold;
}
header ul {
	margin-top: 16px;
	display: flex;
}
header li {
	width: auto;
	float: left;
	background: #EBAA79;
	border-radius: 30px;
	margin-right: 20px;
	text-align: center;
}
header li a {
	color: #fff;
	width: 100%;
	height: 100%;
	padding: 10px 20px;
	font-size: 16px;
}

header li:hover, a.doc:hover, a.and:hover, .nav-button:hover, .nav-button2:hover, a.bond:hover {
	color: #fff;
	background-color: #E38946;
	-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;
}
a.and:hover, .nav-button:hover, .nav-button2:hover {
	border: solid 3px #E38946;
}
header li a:hover {
	color: #fff;
}

.nav-contact {
	width: 20%;
	/* margin-top: 12px; */
	overflow: hidden;
    font-weight: bold;
    text-align: center;
}
.nav-tel-cont {
    width: 100%;
}
.nav-tel {
    width: 180px;
    font-size: 20px;
    line-height: 1.2;
}
.nav-tel svg {
	float: left;
    margin: 2px 5px;
}
.nav-tel span {
    display: block;
    float: left;
}
.nav-act-cont {
    width: 280px;
	margin: 0 auto;
}
.nav-button {
    width: 110px;
	margin: 0 5px;
    float: left;
	font-size: 15px;
    padding: 5px 6px;
    border: solid 3px #EBAA79;
    border-radius: 8px;
}
.nav-button2 {
    width: 150px;
	margin: 0 5px;
    float: left;
    font-size: 15px;
    padding: 5px 6px;
    border: solid 3px #EBAA79;
    border-radius: 8px;
}

h2 {
	font-size: 32px;
	font-weight: bold;
	margin: 10px 0 30px;
	/* padding-left: 30px; */
	text-align: center;
}
.main-title {
	font-size: 38px;
	font-weight: bold;
	margin: 10px 0 100px;
	padding: 10px 20px;
	text-align: left;
	border-left: solid 35px #EBAA79;
}
.sub-title {
	width: 600px;
	font-size: 34px;
	font-weight: bold;
	margin: 10px auto 30px;
	text-align: center;
	padding: 10px 0;
	border-top: solid 3px #EBAA79;
	border-bottom: solid 3px #EBAA79;
}
.other-title {
	font-size: 28px;
	font-weight: bold;
	margin: 10px 0 40px;
	padding: 10px 20px;
	text-align: left;
	border-left: solid 30px #EBAA79;
}

.bold {
	/* text-align: center; */
	font-weight: bold;
}

#content {
	width: auto;
	overflow: hidden;
}
#main {
    width: 100%;
    height: 600px;
    background-size: cover;
    background-repeat: no-repeat;
}
.tops {
    background-image: url(../img/renewal/main.jpg);
}
.consulting {
    background-image: url(../img/renewal/consulting.jpg);
}
.analysis {
    background-image: url(../img/renewal/analysis.jpg);
}

#other {
    width: 100%;
    height: 320px;
    background-size: cover;
    background-repeat: no-repeat;
}

.main-cont {
	width: 750px;
	position: relative;
	margin: 120px auto 0;
    box-sizing: border-box;
    padding: 20px 10px;
    background-color: #fff;
    text-align: center;
    line-height: 1.5;
}
.main-cont::after, .sub-cont::after, .other-cont::after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border: solid 3px #EBAA79;
    right: 12px;
    bottom: 12px;
}
.main-cont h1 {
	font-size: 38px;
	margin: 20px 0;
}
.sub-cont h1, .other-cont h1 {
    font-size: 38px;
    margin: 10px 0 30px;
}

.main-cont p, .sub-cont p {
	font-size: 18px;
	margin-bottom: 40px;
}

.sub-cont {
	width: 750px;
	position: relative;
	margin: 160px auto 0;
    box-sizing: border-box;
    padding: 20px 10px;
    background-color: #fff;
    text-align: center;
    line-height: 1.5;
}
.other-cont {
	width: 750px;
	position: relative;
	margin: 90px auto 0;
    box-sizing: border-box;
    padding: 20px 10px;
    background-color: #fff;
    text-align: center;
    line-height: 1.5;
}

.buttons {
	width: auto;
	overflow: hidden;
	font-size: 20px;
	text-align: center;
	margin-bottom: 30px;
	position: inherit;
    z-index: 1000;
}
a.doc {
	width: 260px;
	float: left;
	color: #fff;
	margin: 0 1% 0 90px;
	background: #EBAA79;
	padding: 13px 0;
	border-radius: 35px;
	font-weight: bold;
}
a.and {
	width: 260px;
	float: left;
	margin: 0 90px 0 1%;
	padding: 10px 0;
	border-radius: 35px;
	color: #EBAA79;
	background: #fff;
	border: solid 3px #EBAA79;
	font-weight: bold;
}

section {
	width: 100%;
	overflow: hidden;
	padding: 70px 0 30px;
}
section.first {
	width: 100%;
	overflow: hidden;
	padding: 70px 0 0;
}

.block {
	width: 1100px;
	margin: 0 auto;
	overflow: hidden;
}
.block-b {
	width: 1020px;
	margin: 30px auto 40px;
	overflow: hidden;
	font-size: 18px;
	line-height: 1.7;
}
.block-b h3 {
	font-size: 20px;
	font-weight: bold;
	border-bottom: 3px solid #ddd;
	padding: 20px 10px 5px;
	margin: 10px 0 15px;
    line-height: 1.6;
}
.block-b p {
	padding: 0 10px 15px;
}
.block-b a {
	padding: 0 10px 10px;
	color: #0076BD;
}
.block-b a:hover {
	text-decoration:underline;
}
.block-b.over {
	margin: 0 auto 8%;
    background-color: #fff;
    box-shadow: 0px 5px 20px rgb(0 0 0 / 16%);
}

.btoc {
	margin: 50px auto 0;
}

.block-consulting {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.block-consulting.rev {
	margin: 30px auto;
}

.block-consulting a {
	color: #0076BD;
}

.consul .open {
	width: 66%;
	float: left;
}
.consul .close {
	width: 34%;
	float: left;
}
.consul p {
	font-size: 18px;
	margin-bottom: 40px;
	line-height: 1.7;
}
.consul p span {
	font-weight: bold;
}

.block30 {
	width: 31.33%;
	margin: 1.5% 1%;
	float: left;
	text-align: center;
}
.block50 {
	width: 48%;
	margin: 1.5% 1%;
	float: left;
}
.block-a {
	width: 1200px;
	margin: 30px auto 40px;
	overflow: hidden;
	font-size: 24px;
}
.block-a .block50 {
	width: 45%;
	margin: 1.5% 2.5%;
	background-color: #FFF;
	text-align: center;
	border-radius: 10px;
	padding-bottom: 30px;
}

.block-a p {
	font-size: 18px;
    padding: 12px 15px;
	line-height: 1.6;
}
.block-a p.head {
	font-weight: bold;
	color: #FFF;
	background-color: #EBAA79;
	border-radius: 10px 10px 0 0;
}
.block-a h3 {
	font-size: 28px;
    font-weight: bold;
    padding: 15px 0 0;
	position: relative;
	display: inline-block;
	margin-bottom: 1em;
}
.block-a h3:before {
	content: '';
	position: absolute;
	bottom: -15px;
	display: inline-block;
	width: 200px;
	height: 2px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	background-color: black;
}


.btoc img {
	width: 130px;
	height: auto;
}
.btoc p {
	font-size: 20px;
	margin: 10px 0;
	font-weight: bold;
}

.result {
	background-color: #F1EFEA;
}



p.enc {
    max-width: 820px;
	font-size: 30px;
    font-weight: bold;
    padding: 10px;
    border: 3px solid #EBAA79;
    text-align: center;
    /* display: inline-block; */
    margin: 0 auto 100px;
}

.arrow {
    border: 2px solid #222;
    width: 50px;
    height: 50px;
    margin: 0 auto;
    border-radius: 50px;
    position: relative;
}
.arrow svg {
    width: 25px;
    height: 25px;
    fill: #222;
    position: absolute;
    right: 8px;
    top: 10px;
}
.arrow:hover {
    border: 2px solid #EBAA79;
}
.arrow:hover svg {
    fill: #EBAA79;
}

.blog {
    background-color: #fff;
}
.title {
    font-family: "Futura", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
    font-size: 28px;
    text-align: center;
    position: relative;
    margin-bottom: 2%;
}
.title::after {
    content: "DOCUMENT";
    font-size: 100px;
    opacity: .05;
    z-index: 0;
    position: absolute
    bottom: 0;
    right: 50%;
}
.blog-title, .document-title {
    position: relative;
}
.blog-title::after {
    content: "BLOG";
    font-size: 100px;
    opacity: .05;
    z-index: 0;
    position: absolute;
    bottom: 0;
    right: 50%;
}
.document-title::after { 
    content: "DOCUMENT";
    font-size: 100px;
    opacity: .05;
    z-index: 0;
    position: absolute;
    bottom: 0;
    right: 50%;
}


.blog h3 {
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    margin-bottom: 4%;
}
.blog .blog-content .slider .blog-block {
    display: block;
    margin: 0 auto 8%;
    width: calc(100% / 3 - 42px);
    background-color: #fff;
    box-shadow: 0px 5px 20px rgb(0 0 0 / 16%);
    min-width: 334px;
}

.blog .blog-content .slider {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    max-width: 1120px;
}

.blog .blog-content .slider a:hover, .banner-block a:hover {
	opacity: 0.65;
	filter: alpha(opacity=65);
	-moz-opacity: 0.65;
	-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;
}

.blog .blog-content .slider .blog-block .image-box {
    padding-top: 75%;
    background-image: url(https://sns-sakiyomi.com/img/document-image1.png);
    background-size: cover;
    background-repeat: no-repeat;
}
.blog .blog-content .slider .blog-block .text-box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 6% 20px;
    /* min-height: 200px;*/
    min-height: 130px;
}
.blog .blog-content .slider .blog-block .text-box .top-text {
    font-size: 16px;
    font-weight: bold;
    overflow: hidden;
    /*white-space: nowrap;*/
    text-overflow: ellipsis;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.blog .blog-content .slider .blog-block .text-box .middle-text {
    font-size: 12px;
    max-height: 64px;
    overflow: hidden;
}
.blog .blog-content .slider .blog-block .text-box .bottom-text {
    display: flex;
    justify-content: flex-end;
}
.blog .blog-content .slider .blog-block .text-box .bottom-text2 {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.blog .blog-content .slider .blog-block .text-box .bottom-text object,
.blog .blog-content .slider .blog-block .text-box .bottom-text2 object {
    font-size: 12px;
    font-weight: bold;
    color: #3DBEF5;
}
.blog .blog-content .slider .blog-block .text-box .bottom-text time {
    font-size: 12px;
    font-weight: bold;
    font-family: "Futura", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
}


.contact {
	background-color: #FFF;
	border-radius: 10px;
    text-align: center;
}
.contact-cont {
    width: 750px;
    position: relative;
    margin: 20px auto 0;
    box-sizing: border-box;
    padding: 0 10px ;
    background-color: #fff;
    line-height: 1.5;
}
.contact h3 {
	font-size: 36px;
	padding: 40px 10px 10px;
    font-weight: bold;
}
.contact-buttons {
	width: auto;
	overflow: hidden;
	font-size: 20px;
	text-align: center;
	margin-bottom: 20px;
}
.contact-tel {
	font-size: 26px;
	padding: 10px 10px 30px;
    font-weight: bold;
}
.contact-tel svg {
	float: left;
    margin: 2px 5px;
    width: 24px;
}
a.bond {
	display: block;
	max-width: 220px;
	float: none;
	text-align: center;
    color: #fff;
    margin: 1% auto 30px;
    background: #EBAA79;
    font-size: 16px;
    padding: 8px 35px;
    border-radius: 35px;
    font-weight: bold;
    text-decoration: none !important;
}
a.bond.center-button {
	margin: 30px auto;
}
/****************
  運用代行
******************************************************************************************************/
.features {
	line-height: 1.8;
}
.features h3 {
	width: 85%;
	font-size: 36px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 16px;
	margin: 30px auto;
	border-bottom: 4px solid #ccc;
}
.features p {
	font-size: 20px;
	text-align: center;
	font-weight: bold;
	margin: 30px auto;
}
.features-cont {
	margin-bottom: 20px;
	overflow: hidden;
}
.block30s {
	width: 27.33%;
	margin: 3%;
	float: left;
}
.block30s img {
	box-shadow: 0px 3px 7px 5px rgb(0 0 0 / 25%);
}
.block30s h4 {
	font-size: 16px;
	font-weight: bold;
	margin: 20px 10px;
	padding-bottom: 5px;
	line-height: 1.6;
	border-bottom: 3px solid #ccc;
}
.block30s p, .block30s a {
	font-size: 16px;
	margin: 10px;
}
.block30s:first-child {
	margin: 3% 1.5% 3% 4.5%;
	float: left;
}
.block30s:last-child {
	margin: 3% 4.5% 3% 1.5%;
	float: left;
}

.block20 {
	width: 18%;
	margin: 1%;
	font-size: 16px;
	float: left;
	line-height: 1.6;
}
.block20 h3 {
	height: 80px;
	font-size: 18px;
	font-weight: bold;
	margin: 15px 0 10px;
}

.project {
	width: 45%;
	margin: 2.5%;
	float: left;
}
.project h3 {
	font-size: 24px;
	font-weight: bold;
	color: #000;
    background-color: #F7C75A;
	padding : 20px;
	margin-bottom: 20px;
	text-align: center;
}
.project2 {
	width: 95%;
	margin: 2.5% 2.5% .5%;
}
.project2 h3 {
	width: 30%;
	font-size: 24px;
	font-weight: bold;
	color: #000;
    background-color: #F7C75A;
	padding : 20px;
	margin-bottom: 20px;
	text-align: center;
	float: left;
}
.project2 ul {
	width: 70%;
	float: left;
	margin: 10px 0;
}
.project li, .project2 li {
	list-style: disc;
	margin-left: 42px;
	font-size: 16px;
	line-height: 1.8;
}

.deco {
	width: 1300px;
	position: relative;
	margin: 0 auto ;
	padding: 50px;
}
.number {
	width: 80px;
	height:80px;
	line-height: 80px;
	border-radius: 50%;
	text-align: center;
	font-size: 28px;
	font-weight: bold;
    background-color: #F6B27F;
    color: #fff;
	position: absolute;
	left: 28px;
	top: 28px;
}

/****************
  分析ツール
******************************************************************************************************/
.block100 {
	width: 93%;
	margin: 4% 3.5% 0;
	text-align: center;
}
.block100 img, .block25 img {
	width: 100%;
	height: auto;
}

.block25 {
	width: 21%;
	height: 330px;
	margin: 2% 3% 2% 0;
	float: left;
	position: relative;
}
.block25:first-child {
	margin: 2% 3% 2% 3.5%;
}
.block25:last-child {
	margin: 2% 3.5% 2% 0;
}
.block25 h4 {
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	margin: 35px 10px;
	padding-bottom: 5px;
	border-bottom: 3px solid #ccc;
	position: absolute;
    bottom: 0;
}


.block30a {
	width: 27.33%;
	margin: 3%;
	float: left;
	text-align: center;
	line-height: 1.6;
}
.block30a h4 {
	font-size: 16px;
	font-weight: bold;
	margin: 35px 10px 15px;
	padding-bottom: 5px;
	text-align: left;
	border-bottom: 3px solid #ccc;
}
.block30a p {
	margin: 15px 10px;
	text-align: left;
}
.block30a p.point {
	width: 80%;
	font-size: 18px;
	font-weight: bold;
	margin: 15px auto;
	padding: 5px 0;
	text-align: center;
	border: 3px solid #EBAA79;
}

.block30a:first-child {
	margin: 3% 1.5% 3% 4.5%;
	float: left;
}
.block30a:last-child {
	margin: 3% 4.5% 3% 1.5%;
	float: left;
}

.block30a img.tools  {
	padding: 26px 0 27px;
}
.block30a h4.tool-title {
	font-size: 16px;
}


.plan-block {
	width: 33.33%;
	text-align: center;
	float: left;
	border-top: solid 1px #ddd;
	border-left: solid 1px #ddd;
	border-bottom: solid 1px #ddd;
}
.plan-block:nth-of-type(3n) {
	border: solid 1px #ddd;
}
.plan-block img {
	width: 26px;
}
.plan-title {
	padding: 20px 10px;
}
.plan-title.lite {
	border: 3px solid #EBAA79;
}
.plan-title.lite a{
	color: #222;
	border: 3px solid #EBAA79;
}
.plan-title.standard {
	border: 3px solid #FBCEA4;
	background-color: #FBCEA4;
	color: #fff;
}
.plan-title.standard a {
	color: #fff;
	border: 3px solid #fff;
}
.plan-title.pro {
	border: 3px solid #EBAA79;
	background-color: #EBAA79;
	color: #fff;
}
.plan-title.pro a {
	color: #fff;
	border: 3px solid #fff;
}
.plan-title a{
	width: 260px;
	padding: 10px;
	font-size: 20px; 
	border-radius: 30px;
}
.plan-title h3 {
	padding: 20px 10px;
	font-size: 20px;
	letter-spacing: 1px;
}
.plan-title h3 span {
	font-size: 32px;
	font-weight: bold;
}
.plan-cont {
	padding: 20px 10px;
	border-bottom: solid 1px #ddd;
}
.plan-cont p {
	font-size: 16px; 
	padding: 0 0 10px 0;
}

.pocket-block {
	width: 33.33%;
	padding: 20px ;
	float: right;
	line-height: 1.8;
}

.block25s {
	width: 23%;
	height: auto;
	margin: 2% 1% 2%;
	float: left;
	position: relative;
}
.block25s h4 {
	width: 100%;
	font-size: 21px;
	font-weight: bold;
	margin: 35px 10px;
	padding-bottom: 5px;
	border-bottom: 3px solid #ccc;
	position: absolute;
    bottom: 0;
}

/****************
  利用規約
******************************************************************************************************/
.terms {
	font-size: 16px;
	line-height: 1.8;
}
.terms h3 {
	font-weight: bold;
	margin:30px 0 10px;
	padding: 5px;
	border-bottom: solid 2px #EBAA79;
}
.terms p {
	padding: 5px;
	margin:10px 0 15px;
}

/****************
  運営者情報
******************************************************************************************************/
.company {
	width: auto;
	overflow: hidden;
}
.company p {
	text-align: center;
	margin: 10px 0 30px;
}

.company table {
	width: 100%;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
.company table th {
	width: 20%;
	padding: 20px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.company table td {
	width: 80%;
	padding: 20px;
	border-bottom: 1px solid #ccc;
}
.company table td a {
	color: #0259c6;
}
/****************
  プライバシーポリシー
******************************************************************************************************/
.privacy {
	margin:0 0 50px;
	font-size: 16px;
}

.privacy p {
	margin:0 0 15px;
}

.privacy h3 {
	padding: 7px 12px ;
	background: #EBAA79;
	color: #fff;
	border-bottom: 0;
	margin: 12px 0 15px;
}

.privacy h4 {
	padding-left: 8px;
	border-left: solid 6px #EBAA79;
	margin: 20px 0;
	font-weight: bold;
}
.privacy h5 {
	font-weight: bold;
	padding: 0 5px;
}


.privacy ol{
	counter-reset:list;
	list-style-type:none;
	padding: 10px 5px 20px;
}
.privacy ol li{
	position:relative;
	padding: 7px 5px 7px 26px;
	font-size: 16px;
}
.privacy ol li:before{
	font: 14px/1.6 'arial narrow', sans-serif;
	counter-increment: list;
	content: counter(list);
	position: absolute;
	left: 0px;
	width: 21px;
	height: 21px;
	line-height: 21px;
	text-align: center;
	color: #fff;
	background: #EBAA79;
	border-radius: 50%;
	top: 19px;
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

/****************
  特定商取引
******************************************************************************************************/
.law {
    width: 900px;
    margin: 20px auto 50px;
}
dl.c-table {
    background: #f8f8f8;
    border-bottom: 1px solid #ecf1f5;
    border-left: 1px solid #ecf1f5;
    border-right: 1px solid #ecf1f5;
}
dl.c-table dt, dl.c-table dd {
    border-top: 1px solid #ecf1f5;
    padding: 15px 30px;
}
dl.c-table dt {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.875;
    float: left;
    width: 260px;
}
dl.c-table dd {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.875;
    background: #fff;
    border-left: 1px solid #ecf1f5;
    margin-left: 260px;
}
/*
dl.c-table dd::after {
    clear: both;
    content: '';
    display: block;
}*/
dd + dt{
clear:both;
}

/****************
  フッターメニュー
******************************************************************************************************/

footer {
	background-color: #4A4947;
	padding: 0;
}
footer .footer_container {
	margin: 0 auto;
}
footer .footer_container .footer_head {
	display: flex;
	justify-content: start;
	background-color: #fff;
	padding: 0 10px;
}
footer .footer_container .footer_head .footer-logo {
	position: relative;
	padding: 10px;
}
footer .footer_container .footer_head .footer_nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	font-weight: bold;
}
footer .footer_container .footer_head .footer_nav li {
	padding: 0 20px;
}
footer .footer_container .footer_head .footer_nav li span {
	color: #333;
	font-size: 16px;
}
footer .footer_container .footer_body1 {
	width: 900px;
	margin: auto;
}

footer .footer_container .footer_body1 .footer_nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: 5% 0 0;
}
footer .footer_container .footer_body1 .footer_nav li {
	padding: 0 20px;
}

footer .footer_container .footer_body1 .footer_nav li a,
footer .footer_container .footer_body2 .footer_nav li a {
	color: #fff;
	font-size: 16px;
}

footer .footer_container .footer_body1 .footer_nav li a:hover {
	text-decoration: underline;
}

footer .footer_container .footer_body2 {
	/*width: 400px; 2021.9.23まで*/
	width: 640px;
	margin: auto;
}
footer .footer_container .footer_body2 .footer_nav {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	padding: 2% 0 4%;
	margin-top: 2%;
}
footer .footer_container .footer_body2 .footer_nav li {
	padding: 0 20px;
}

footer .footer_container .footer_body2 .footer_nav li a:hover {
	text-decoration: underline;
}

footer .footer_container .footer_foot {
	padding: 1% 0;
	width: 900px;
	margin: auto;
	border-top: 1px solid #F5F4EF;
}
footer .footer_container .footer_foot .copyright {
	font-family: "Futura", -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	color: #fff;
	font-size: 14px;
	text-align: center;
}
/****************************************************************************************
****　404エラー
****************************************************************************************************/
.error {
	margin:0 0 50px;
	font-size: 16px;
}
.error p {
	text-align: center;
	margin: 10px 0 50px;
}
.error-title {
	font-weight: bold;
	font-size: 30px;
	text-align: center;
}

ul.error {
	display: block;
	width: 300px;
	margin: 2.5% auto;
	overflow: hidden;
}

ul.error li {
	position: relative;
    width: 95%;
    padding-bottom: 10px;
    padding-left: 25px;
    margin: 1% 1.5% 1.5%;
    float: left;
}
ul.error li::after {
    position: absolute;
	content: '';/*何も入れない*/
	display: inline-block;/*忘れずに！*/
	width: 18px;
	height: 18px;
	background-image: url(../img/renewal/dod.png);
	background-size: contain;
	vertical-align: middle;
    left: 0;
    top: 5px;
}


ul.error li a{
    color: #0259c6;
}
.other-button {
	width: 300px;
	padding:15px;
	border-radius: 5px;
	background: #EBAA79;
	text-align: center;
	margin: 0 auto;
	display: block;
}
/****************************************************************************************
****　ナビメニュー
****************************************************************************************************/
/*ナビのスタイル*/
nav.NavMenu{
	position: fixed;
	z-index: 10001;
	top: 0;
	left: 0;
	background: #F1EFEA;
	text-align: center;
	width: 100%;
	height: 100%;
	display: none;
}

nav.NavMenu ul{
	width: 100%;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}

nav.NavMenu ul li{
	font-size: 24px;
	list-style-type: none;
	width: 100%;
	padding-bottom: 0px;
}

nav.NavMenu ul li:last-child{
	padding-bottom: 0;
}

nav.NavMenu ul li a{
	display: block;
	color: #222;
	padding: 15px 0;
	font-weight: bold;
	font-size: 16px;
}

/*ボタンのスタイル*/
.Toggle {
	position: fixed;
	right: 8px;
	top: 3px;
	width: 45px;
	height: 45px;
	cursor: pointer;
	z-index: 10002;
	display: block;
}

.Toggle span {
	display: block;
	position: absolute;
	width: 35px;
	border-bottom: solid 4px #EBAA79;
	-webkit-transition: .35s ease-in-out;
	-moz-transition: .35s ease-in-out;
	transition: .35s ease-in-out;
	left: 6px;
}

.Toggle span:nth-child(1) {
	top: 9px;
}

.Toggle span:nth-child(2) {
	top: 20px;
}

.Toggle span:nth-child(3) {
	top: 31px;
}

.Toggle.active span:nth-child(1) {
	top: 18px;
	left: 6px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	border-bottom: solid 3px #EBAA79;
}
.Toggle.active span:nth-child(2),
.Toggle.active span:nth-child(3) {
	top: 18px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	border-bottom: solid 3px #EBAA79;
}



/***** 0810 追加部分 *********************************************************************************************/
.banners {
    width: auto;
    overflow: hidden;
    background-color: #fff;
    padding: 20px 0;
    border-bottom: 1px solid #dedede;
}


.banner-block {
    width: 1200px;
    overflow: hidden;
    margin: 0 auto;
}

.banner-block a {
	width: 30.3%;
	margin: 1% 1.5%;
	float: left;
}

.block-c {
	width: 1100px;
	margin: 30px auto 40px;
	overflow: hidden;
	font-size: 24px;
}
.block-c .banners-a {
	width: 48.5%;
	margin: 1.5% 1.5% 1.5% 0;
	background-color: #FFF;
	text-align: center;
	border-radius: 10px;
	padding-bottom: 15px;
	float: left;
}
.block-c .banners-b {
	width: 48.5%;
	margin: 1.5% 0 1.5% 1.5%;
	background-color: #FFF;
	text-align: center;
	border-radius: 10px;
	padding-bottom: 15px;
	float: left;
}
.block-c a {
	width: 100%;
}

.block-c p {
	font-size: 20px;
    padding: 12px 15px;
	line-height: 1.6;
	font-weight: bold;
	color: #FFF;
	background-color: #EBAA79;
	border-radius: 10px 10px 0 0;
}
.block-c h3 {
    width: 100%;
	font-size: 28px;
    font-weight: bold;
    padding: 30px 0 0;
	position: relative;
	display: inline-block;
	text-align: center;
	margin-bottom: 1em;
}
.block-c h3:after {
	content: '';
	position: absolute;
	display: inline-block;
	width: 18px;
	height: 18px;
	margin: 10px;
	border-top: 3px solid #000;
	border-right: 3px solid #000;
	transform: rotate(45deg);
	right: 20px;
}
.block-c a:hover h3:after  {
	border-top: 3px solid #EBAA79;
	border-right: 3px solid #EBAA79;
}


/*** レスポンシブ仕様
****************************************************************************************************************************/
@media screen and (max-width: 1860px) {
	header li {
		margin-right: 5px;
	}
	header li a {
		padding: 10px 20px;
	}
}
@media screen and (max-width: 1380px) {
	header .logo {
	    float: left;
	    display: flex;
	    align-items: center;
	    height: 75px;
	}
	header li a {
		padding: 10px 12px;
	}
	.nav-act-cont {
	    width: 100%;
	    margin: 0 auto;
	}
	.nav-button, .nav-button2 {
		width: 48%;
		margin: 1%;
	    font-size: 16px;
	    padding: 5px;
		border-radius: 8px;
	}

	.block-consulting {
		width: 95%;
		margin: 1% 2.5%;
	}
	.deco {
	    width: 100%;
	    padding: 50px;
	}
	.main-title, .other-title {
	    margin: 10px 20px 50px;
	    border-left: solid 22px #EBAA79;
	}
	.consul .open {
		width: 58%;
		margin: 2% 0 2% 2%;
	}
	.consul .close {
		width: 38%;
		margin: 2% 2% 2% 0;
	}
	.analysis {
		background-position: 40% 0;
	}
}


@media screen and (min-width: 1201px) {
	.sp {display: none;}
}
@media screen and (max-width: 1200px) {
	header {display: none;}
	
	body {
		margin: 52px 0 0;
	}
	.sp {
		width: 100%;
		display: block;
		height: 52px;
		overflow: hidden;
	    background-color: #fff;
	    position: fixed;
	    overflow: hidden;
	    top: 0;
	    background-color: #fff;
	    z-index: 10000;
	}
	.sp-logo {
	    display: block;
	    height: 52px;
	}
	.sp-logo img {
	    width: auto;
	    height: 100%;
	}
	.block {
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
	}
	.block-b {
		width: 95%;
		margin: 1% 2.5%;
		overflow: hidden;
	}
	.block-b.over {
		width: 90%;
		margin: 2% 5% 10%;
	}
	.features h3 {
		font-size: 28px;
		padding-bottom: 18px;
	}
	.features p {
		font-size: 18px;
		margin: 30px;
	}
	.block-a, .block-c {
		width: 95%;
		margin: 1% 2.5%;
	}
	p.enc {
		width: 95%;
		margin: 2.5%;
		max-width: unset;
		font-size: 32px;
	}
	.blog-title::after, .document-title::after {
	    font-size: 65px;
	}
	
	.company {
		width: 90%;
		margin: 1% 5%;
		overflow: hidden;
	}
	.case {
		width: 90%;
		margin: 1% 5% 50px;
		overflow: hidden;
	}
	.terms {
		width: 90%;
		margin: 1% 5%;
		font-size: 16px;
		line-height: 1.6;
	}
	
	.contact {
	    width: 95%;
	    margin: 1% 2.5%;
	    overflow: hidden;
	}
	.banner-block {
	    width: auto;
	}	
}
@media screen and (max-width: 991px) {
	.main-cont h1, .sub-cont h1, .other-cont h1 .contact h3, h2, .sub-title {
		font-size: 30px;
	}
	.error-title {
		font-size: 24px;
	}
	.main-cont, .sub-cont, .other-cont {
		width: 86%;
	}
	.buttons, contact-.buttons {
		font-size: 18px;
	}
	.main-title, .other-title {
	    border-left: solid 16px #EBAA79;
	}
	section {
	    padding: 30px 0 20px;
	}
	section.first {
	    padding: 30px 0 0;
	}
	.features-cont {
		margin-bottom: 0;
	}
	.project, .project2 {
	    width: 95%;
	    margin: 2.5%;
	    float: left;
	}
	.project h3, .project2 h3 {
    	margin-bottom: 0;
	}
	
	footer .footer_container .footer_foot,
	footer .footer_container .footer_body1 {
		width: 100%;
	}
	.block-a .block50 {
	    width: 95%;
	    margin: 1.5% 2.5%;
	    padding-bottom: 20px;
	}
	.service {
	    display:-webkit-box;
	    display:-moz-box;
	    display:-ms-flexbox;
	    display:-webkit-flex;
	    display:-moz-flex;
	    display:flex;
	    -webkit-box-lines:multiple;
	    -moz-box-lines:multiple;
	    -webkit-flex-wrap:wrap;
	    -moz-flex-wrap:wrap;
	    -ms-flex-wrap:wrap;
	    flex-wrap:wrap;
	}
	 
	.service .block20  {
	    width: 31.33%;
	    margin: 1% 1% 30px;
	    line-height: 1.6;
	}
	.blog-title::after,
	.document-title::after {
	    left: 0;
	    right: 0;
	    margin: auto;
	}
	a.doc {
		width: 42%;
		margin: 0 1% 0 7%;
	}
	a.and {
		width: 42%;
		margin: 0 7% 0 1%;
	}

	.law {
		width: 90%;
		margin: 5%;
	}
	dl.c-table dt {
	    font-size: 14px;
	    font-weight: 700;
	    line-height: 1.5;
	    float: none;
	    width: 100%;
	}
	dl.c-table dd {
	    font-size: 14px;
	    font-weight: 400;
	    line-height: 1.5;
	    border-left: none;
	    margin-left: 0;
	    width: 100%;
	}

}
@media screen and (min-width: 767px) {
	.footer-sp {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	
	#main.analysis {
		background-position: 60% 0;
	}
	.main-cont, .sub-cont, .other-cont {
	    padding: 20px 30px 10px 18px;
	}
	.main-cont h1, .sub-cont h1, .other-cont h1, h2, p.enc, .block-a h3 {
		font-size: 24px;
	    margin: 10px 10px 36px;
	}
	.main-title, .other-title {
		font-size: 24px;
		padding: 10px;
	}
	.features h3, .block-c h3 {
		font-size: 24px;
		line-height: 1.6;
	}
	
	.sub-title {
		width: 90%;
		font-size: 24px;
		margin: 2.5% 5% 5%;
	}
	.plan-title h3 span {
		font-size: 26px;
	}
	.contact h3, .error-title {
		font-size: 20px;
	}
	.contact-tel {
		font-size: 20px;
	}
	.contact-tel svg {
		width: 20px;
		height: 20px;
		margin: 5px;
	}
	.contact-buttons, .project li, .project2 li  {
		font-size: 16px;
	}
	.contact-buttons {
		margin-bottom: 0;
	}
	.contact-cont {
	    width: 100%;
	}

	.consul .open {
		width: 95%;
		margin: 2.5%;
	}
	.consul .close {
		width: 95%;
		margin: 2.5%;
	    text-align: center;
	}
	.main-cont p, .sub-cont p {
	    font-size: 16px;
	    margin-bottom: 10px;
	}
	.features p {
		font-size: 16px;
		padding: 0 15px;
		margin: 20px auto 10px;
	}
	.block30,
	.block30s, .block30s:first-child, .block30s:last-child {
		width: 90%;
		margin: 2.5% 5%;
	}
	.block30s img {
		width: 100%;
		height: auto;
	}
	.project2 h3 {
		width: 100%;
		margin-bottom: 20px;
	}
	.project2 ul {
		width: 100%;
	}
		.block100,  {
		width: 90%;
		margin: 2% 5% 5%;
	}
	.block25,.block25:first-child, .block25:last-child {
		width: 90%;
		height: auto;
		margin: 2% 5% 5%;
		font-size: 16px;
		float: left;
		line-height: 1.7;
	}
	.block25 h4 {
	    width: auto;
	    margin: 10px 0 25px;
	    padding-bottom: 5px;
	    position: unset;
	}
	.block30a, .block30a:first-child, .block30a:last-child {
		width: 90%;
		margin: 2.5% 5%;
		float: left;
		text-align: center;
		line-height: 1.6;
	}
	.block30a img.tools {
		padding: 0;
	}
	.block30a h4 {
		margin: 15px 0 25px;
		padding-bottom: 5px;
		text-align: left;
		border-bottom: 3px solid #ccc;
	}
	.block100 img, .block25 img, .block30a img, .close img {
	    width: 70%;
	    height: auto;
	    margin: 0 auto 40px;
	    display: block;
	    max-width: unset;
	}
	img.pict {
	    width: 50%;
	    height: auto;
	    max-width: unset;
	}
	.block30a p {
		margin: 5px 0 10px;
	}
	.deco {
	    width: 100%;
	    padding: 25px;
	}
	.number {
	    width: 40px;
	    height: 40px;
	    line-height: 40px;
	    font-size: 18px;
	    left: 18px;
	    top: 18px;
	}
	.plan-block {
		width: 90%;
		margin: 2.5% 5%;
		border: solid 1px #ddd;
	}

	.pocket-block {
		width: 90%;
		margin: 0 5%;
		padding: 2.5%;
		float: left;
	}
	.btoc p, .consul p, .block-a p, .block-b {
		font-size: 16px;
	}
	.blog-title::after, .document-title::after {
	    font-size: 50px;
	}
	
	footer .footer_container .footer_body1,
	footer .footer_container .footer_body2 {
		display: none;
	}
	
	.footer-sp {
		display: block;
		overflow: hidden;
		padding: 10px 0 0;
	}
	.footer-sp li {
		width: 23%;
		float: left;
		margin: 1% 1% 1.5%;
	    text-align: center;
	}
	.footer-sp li a {
		color: #fff;
	}
	
	.company table th {
		width: 100px;
		padding: 10px;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
	.company table td {
		width: auto;
		padding: 20px;
		border-bottom: 1px solid #ccc;
	}
	
	.block-c .banners-a, .block-c .banners-b {
		width: 100%;
		margin: 1.5% 0;
		background-color: #FFF;
		text-align: center;
		border-radius: 10px;
		padding-bottom: 10px;
		float: left;
	}

}
@media screen and (max-width: 640px) {
	a.doc, a.and {
	    width: 90%;
	    margin: 0 5% 5%;
	    padding: 7px 0 8px;
	}
	
	.footer-logo img {
		width: 200px;
		margin: 0 auto;
	}
	.service .block20  {
		width: 90%;
		font-size: 15px;
	    margin: 1% 5% 30px;
	    line-height: 1.6;
	}
	.block20 h3 {
		font-size: 18px;
		height: auto;
		margin: 8px 0;
	}
	.case {
		margin: 1% 5% 30px;
	}
	.block25s {
		width: 31.33%;
		margin: 1%;
	}
	ul.error {
		display: block;
		width: auto;
		margin: 2.5% auto;
		overflow: hidden;
	}
	.banners {
	    padding: 20px 12px;
	}	
	.banner-block a {
		width: 100%;
		margin: 1.5% 0 20px;
	}
	.block-c p {
		font-size: 18px;
	}
}
@media screen and (max-width: 460px) {
	#main {
	    height: 520px;
	}
	.main-cont {
		width: 86%;
		margin: 68px auto 0;
	}
	.sub-cont {
		width: 86%;
		margin: 100px auto 0;
	}
	#other {
	    height: 170px;
	}
	.other-cont {
		width: 86%;
		margin: 40px auto 0;
	}
	/*** 文字サイズ ***/
	.main-cont h1, .sub-cont h1, .other-cont h1, h2, p.enc, .block-a h3, .features h3, .sub-title, .plan-title a, .plan-title h3, .project h3, .project2 h3, .contact h3 {
		font-size: 18px;
	}
	.main-title, .other-title {
		font-size: 18px;
		margin: 10px 10px 20px 16px;
		padding: 5px 8px;
	}
	.block-b h3 {
		font-size: 18px;
		margin: 10px 0 ;
	}
	.block-c h3 {
		font-size: 20px;
		margin: 10px 0 ;
		padding: 10px 0 5px;
	}
	.block-c h3:after {
	    width: 14px;
	    height: 14px;
	    margin: 8px;
	    border-top: 2px solid #000;
	    border-right: 2px solid #000;
	}
	
	.buttons, .contact-buttons, .consul p, .btoc p, .block-a p, .block-b, .block30a p.point, .plan-cont p, .project li, .project2 li  {
		font-size: 16px;
	}
	
	.plan-block img {
	    width: 20px;
	}

	/*** ヘッダーナビ ***/
	header .logo {
		width: 20%;
		float: left;
	}
	header .nav-inner {
		width: 60%;
		float: left;
	}
	.nav-contact {
		width: 20%;
		margin-top: 12px;
		overflow: hidden;
	    font-weight: bold;
	    text-align: center;
	}
	
	/*** ヘッダーナビ ***/
	.nav-tel {
	    width: 180px;
	    font-size: 22px;
	}

	.block50 {
		width: 98%;
		margin: 1.5% 1%;
		float: left;
	}
	.block100 img, .block25 img, .block30a img {
		width: 90%;
		height: auto;
	}
	
	/*
	.block30s {
		width: 98%;
		margin: 1%;
		float: left;
	}*/
	footer .footer_container .footer_head {
		display: block;
		padding: 0 10px 15px;
		font-size: 14px;
	}
	footer .footer_container .footer_head .footer-logo {
	    display: block;
	}
	.footer-sp li {
		width: 48%;
		float: left;
		margin: 2.5% 1% 3.5%;
	}
	.error p {
		text-align: left;
	}
	ul.error, .other-button {
		width: 100%;
	}
}
@media screen and (max-height: 420px) {
	nav.NavMenu ul li {
	    width: 50%;
		float: left;
	}
}