@charset "utf-8";
/*
Theme Name:
Theme URI: https://fp-akiya.net/
Author: One-X
Author URI: https://one-x.co.jp/
Description: 2021 open
Version: 1.0
*/
/** default setting **********************************************************/
*, *:before, *:after {
	margin: 0; padding: 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	color: #412A22;
	font-size: 18px;
	line-height: 1.8;
	font-family: 'Noto Sans JP', -apple-system, BlinkMacSystemFont, sans-serif;
	background: #fff;
	background-size: 100%;
	font-weight: 400;
	letter-spacing: -0.001em;
	text-align: center;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	position: relative;
	word-wrap: break-word;
	overflow-x: hidden;
	counter-reset: number 0;
}
.no-scroll { overflow: hidden;}

a:link { color: #1A0DAB;}
a:visited { color: #1C119B;}
a:active { text-decoration: underline;}

h1,h2,h3,h4,h5 { font-weight: 700; line-height: 1.3;}
table,th,td,input,select,textarea { font-size: inherit; font-family: inherit;}
table ul, table ol { margin: 0 0 0 1em;}
img { border: none; max-width: 100%; height: auto;}
hr { clear: both; border: none; border-bottom: dashed 2px #000; padding: 1em 0 0; margin-bottom: 30px}
blockquote { padding: 10px; margin-bottom: 1.5em; background: #f8f8f8; border: solid 1px #eee;}
iframe { border: none; max-width: 100%;}
ol li ol { list-style: katakana;}
table ol { margin-left: 1.5em;}

.color-red { color: #E71A19;}
.bold { font-weight: 700;}
.mediumbold { font-weight: 500;}
.regular { font-weight: 400; }
.large { font-size: 18px!important;}
.x-large { font-size: 20px!important;}
.xx-large { font-size: 24px!important;}
.xxx-large { font-size: 26px!important;}
.small { font-size: 12px!important;}
.medium { font-size: 14px!important;}
.img-w100 img { width: 100%;}
.v-middle { vertical-align: middle!important; }

.h-style { font-size: 1.5em; font-weight: bold; }

.btns div { margin-bottom: 15px;}
.btn-line a {
	border: solid 1px #1A1A1A;
	background: #fff;
	color: #1A1A1A;
	font-weight: 500;
	font-size: 16px;
	padding: 10px 20px;
	min-width: 280px;
	max-width: 300px;
	text-decoration: none;
	text-align: center;
	display: block;
	margin: 0 auto;
	position: relative;
	transition-duration: 0.3s;
}
.btn-brown a {
	border: solid 1px #3D2B23;
	background: #3D2B23;
	color: #fff;
	font-weight: 700;
	font-size: 23px;
	padding: 10px 20px;
	min-width: 230px;
	max-width: 300px;
	text-decoration: none;
	text-align: center;
	display: block;
	margin: 0 auto;
	position: relative;
	transition-duration: 0.3s;
	border-radius: 40px;
	box-shadow: 3px 3px 0px rgba(0,0,0,0.16);
}
.btn-brown a.icn-pdf {
	background: url(images/icn_pdf.png) no-repeat 40px 12px #3D2B23;
	background-size: 27px;
	padding: 10px 20px 10px 40px;
}
input[type=submit] {
	background: #412A22;
	color: #fff;
	padding: 15px 0;
	width: 280px;
	text-align: center;
	display: block;
	margin: 0 auto;
	border: solid 1px #412A22;
	border-radius: 8px;
}
input[type=reset], input[type=button] {
	background: #fff;
	color: #000;
	padding: 15px 0;
	width: 280px;
	text-align: center;
	display: block;
	margin: 0 auto;
	border: solid 1px #412A22;
	border-radius: 8px;
}

.border-box a {
	display: block;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	line-height: 1.6;
	border: solid 3px #6CAE30;
	border-radius: 10px;
	max-width: 350px;
	padding: 40px 0;
	margin: 0 auto;
}
.border-box.three-lines a { padding: 24px 0; }


/* header */
header {
	box-shadow: 0 3px 6px rgba(0,0,0,0.16);
	z-index: 100;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	background: #fff;

}
#header-togglebtn {
/*	position: fixed;
	top: 15px;
	right: 15px;*/
	width: 39px;
	height: 36px;
	background: url(images/header_menu.png) no-repeat 50% 50%;
	background-size: 100%;
	z-index: 400;
	margin: 0 auto;
}
#header-togglebtn.is-show {
	background-image: url(images/header_menu_on.png);
}
.header-sm-nav {
	background: #fff url(images/footer_leaf.png) repeat-x 0% 100%;
	background-size: 457px;
	padding: 15px 15px 30px;
	line-height: 1.6;
	display: none;
	position: fixed;
	top: 65px;
	right: 0;
	width: 100%;
	height: calc(100% - 65px);
	z-index: 300;
	overflow-y: scroll;
	padding-top: 30px;
	text-align: left;
}
.header-sm-nav.is-show { display: block;}
.header-sm-nav ul li {
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 40px;
	line-height: 30px;
}
.header-sm-nav ul li.header-nav-info {
	background: url(images/icn_info.png) no-repeat 0% 50%;
	background-size: 30px;
	padding-left: 40px;
}
.header-sm-nav ul li.header-nav-syukatsu {
	background: url(images/icn_asterisk.png) no-repeat 0% 50%;
	background-size: 27px;
	padding-left: 40px;
	line-height: 30px;
}
.header-sm-nav ul li.header-nav-family {
	background: url(images/icn_family.png) no-repeat 0% 50%;
	background-size: 30px;
	padding-left: 40px;
}
.header-sm-nav ul li.header-nav-support {
	background: url(images/icn_home.png) no-repeat 0% 50%;
	background-size: 30px;
	padding-left: 40px;
}
.header-sm-nav ul li.header-nav-tokutei {
	background: url(images/icn_akiya.png) no-repeat 0% 50%;
	background-size: 30px;
	padding-left: 40px;
}
.header-sm-nav ul li.header-nav-plan {
	background: url(images/icn_tag.png) no-repeat 0% 50%;
	background-size: 27px;
	padding-left: 40px;
}
.header-sm-nav h2 {
	background: #6CAE30;
	color: #fff;
	border-radius: 22px;
	padding: 8px 15px;
	text-align: center;
	font-size: 20px;
	margin-bottom: 25px;
}

/* main */
main {
	margin: 65px auto 40px;
	position: relative;
}
article { overflow: hidden;}
section { margin-bottom: 70px;}

.main-index .mainvisual {
	position: relative;
	margin-bottom: 0;
	overflow-x: hidden;
}
.main-index .mainvisual .mv-5points {
	position: absolute;
	bottom: 140px;
	right: 30px;
}

.index-news {
	border-top: solid 1px #000;
	border-bottom: solid 1px #000;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 20px;
}
.index-news .news-title {
	font-size: 23px;
	font-weight: 700;
}
.index-news .news-lst { margin-bottom: -1rem; }
.index-news .news-category a,
.list-info .info-category a,
.entrydeta .category a {
	display: inline-block;
	border: solid 1px #3D2B23;
	border-radius: 19px;
	padding: 4px 15px;
	text-align: center;
	color: #3D2B23;
	line-height: 1.4;
}
.index-news .news-category a:active,
.list-info .info-category a:active,
.entrydeta .category a:active {
	text-decoration: none;
	background: #3D2B23;
	color: #fff;
}
.index-news .news-link { line-height: 1.6;}

.green-tooltip {
	background: #6CAE30;
	box-shadow: 0px 6px 0px #3D2B23;
	color: #fff;
	border-radius: 75px;
	margin-bottom: 30px;
	position: relative;
	padding: 20px 30px 25px;
	font-size: 28px;
	font-weight: 700;
	line-height: 1.3;
}
.green-tooltip:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -20px;
	border: 20px solid transparent;
	border-top: 20px solid #6CAE30;
}
.green-tooltip-short {
	background: #6CAE30;
	color: #fff;
	border-radius: 43px;
	margin-bottom: 30px;
	position: relative;
	padding: 10px 30px 15px;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.3;
}
.green-tooltip-short:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -20px;
	border: 20px solid transparent;
	border-top: 20px solid #6CAE30;
}
.red-tooltip-short {
	background: #E12F29;
	color: #fff;
	border-radius: 43px;
	margin-bottom: 30px;
	position: relative;
	padding: 10px 30px 15px;
	font-size: 24px;
	font-weight: 700;
	line-height: 1.3;
}
.red-tooltip-short:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -20px;
	border: 20px solid transparent;
	border-top: 20px solid #E12F29;
}


.breadcrumb {
	text-align: left;
	font-size: 12px;
	margin-bottom: 40px;
	background: transparent;
	padding: 15px 0 0;
}
.breadcrumb li { display: inline-block; margin-right: 5px;}
.breadcrumb li:after { content: ">"; display: inline-block; padding-left: 5px;}
.breadcrumb li:last-child:after { content: ""; display: none;}

.soudan-list li {
	width: 48%;
	margin: 0 10px 15px 0;
}
.soudan-list li:nth-child(2n) { margin-right: 0;}
.headline-pagetitle { font-size: 37px; margin-bottom: 30px;}
.headline-pagetitle .headline-greentext { font-size: 20px; color: #6CAE30; display: block; margin-bottom: 5px;}

.case-study-list { padding-top: 30px;}
.case-study-list li {
	width: 100%;
	border: dashed 2px #3D2B23;
	border-radius: 6px;
	margin-bottom: 40px;
	position: relative;
	padding: 20px;
	font-size: 18px;
	font-weight: 700;
	text-align: left;
	line-height: 1.5;
}
.case-study-list li .case-title {
	margin: -38px auto 10px;
	text-align: center;
}
.headline-house, .info-entry-body h2 {
	font-size: 26px;
	padding-bottom: 5px;
	margin-bottom: 20px;
	border-bottom: solid 2px #3D2B23;
	position: relative;
	text-align: left;
	padding-left: 10px;
	margin-left: 60px;
}
.headline-house:before, .info-entry-body h2:before {
	content: "";
	width: 54px;
	height: 64px;
	background: url(images/icn_headline_house.png) no-repeat 50% 100%;
	background-size: 100%;
	display: block;
	position: absolute;
	bottom: 0;
	left: -60px;
}
.syukatsu-img-title {
	font-size: 31px;
	font-weight: 700;
}
.headline-ball,
.info-entry-body h3 {
	font-size: 23px;
	font-weight: 700;
	background: url(images/icn_tama.png) no-repeat 0% 8px;
	background-size: 44px;
	padding: 5px 0px 5px 50px;
	text-align: left;
	margin-bottom: 15px;
}
.headline-border,
.info-entry-body h4 {
	font-size: 23px;
	font-weight: 700;
	border-bottom: solid 1px #3D2B23;
	padding-bottom: 5px;
	margin-bottom: 15px;
}
.after-arrow {
	background: url(images/icn_afterarrow.png) no-repeat 50% 100%;
	background-size: 66px;
	padding-bottom: 70px;
}
.list-circle li:before {
	content: "●";
	display: inline;
	color: #412A22;
}
.headline-yellowlabel {
	font-size: 32px;
	text-align: center;
	background: url(images/bg_yellowlabel.png) no-repeat 50% 100%;
	background-size: 189px;
	padding-bottom: 0;
	margin-bottom: 15px;
}
.special-large-txt {
	font-size: 34px;
	font-weight: 700;
	line-height: 1.6;
}
.plan-price {
	font-size: 23px;
	font-weight: 700;
	margin-bottom: 10px;
}
.plan-table {
	border: solid 1px #3D2B23;
	border-collapse: collapse;
	white-space: nowrap;
}
.plan-table thead th {
	background: #D9D4D2;
	font-weight: 500;
	vertical-align: middle;
	font-size: 20px;
	line-height: 1.3;
	border: solid 1px #3D2B23;
}
.plan-table tbody th {
	text-align: left;
	border: solid 1px #3D2B23;
}
.plan-table tbody td { border: solid 1px #3D2B23;}
.plan-table tbody tr td:first { text-align: left;}
.plan-table .icn-support01 {
	background: url(images/support_icn_home.png) no-repeat 12px 14px;
	background-size: 36px;
	padding-left: 58px;
}
.plan-table .icn-support02 {
	background: url(images/support_icn_post.png) no-repeat 14px 14px;
	background-size: 33px;
	padding-left: 58px;
}
.plan-table .icn-support03 {
	background: url(images/support_icn_houki.png) no-repeat 14px 10px;
	background-size: 34px;
	padding-left: 58px;
}
.plan-table .icn-support04 {
	background: url(images/support_icn_gomi.png) no-repeat 14px 13px;
	background-size: 34px;
	padding-left: 58px;
}
.plan-table .icn-support05 {
	background: url(images/support_icn_niwaki.png) no-repeat 14px 13px;
	background-size: 34px;
	padding-left: 58px;
}
.plan-table .icn-support06 {
	background: url(images/support_icn_room.png) no-repeat 11px 13px;
	background-size: 38px;
	padding-left: 58px;
}
.plan-table .icn-support07 {
	background: url(images/support_icn_mado.png) no-repeat 12px 13px;
	background-size: 34px;
	padding-left: 58px;
}
.plan-table .icn-support08 {
	background: url(images/support_icn_mizu.png) no-repeat 12px 13px;
	background-size: 34px;
	padding-left: 58px;
}
.plan-table .icn-support09 {
	background: url(images/support_icn_soujiki.png) no-repeat 14px 13px;
	background-size: 34px;
	padding-left: 58px;
}
.plan-table .icn-support10 {
	background: url(images/support_icn_amamori.png) no-repeat 18px 13px;
	background-size: 22px;
	padding-left: 58px;
}
.plan-table .icn-support11 {
	background: url(images/support_icn_houkoku.png) no-repeat 18px 13px;
	background-size: 24px;
	padding-left: 58px;
}
.box-border {
	border: solid 3px #7DAC45;
	padding: 15px;
}
.list-akiya li {
	border: solid 2px #7DAC45;
	margin-bottom: 15px;
	min-height: 100px;
	line-height: 1.4;
	text-align: left;
}
.list-akiya li .title { font-size: 18px; font-weight: bold; color: #fff; background: #7DAC45; padding: 5px; }
.list-akiya li .text { font-size: 15px; padding: 10px; }
.list-akiya li div.akiya-icn01, .list-akiya li div.akiya-icn02, .list-akiya li div.akiya-icn03,
.list-akiya li div.akiya-icn04, .list-akiya li div.akiya-icn05 { padding-top: 20px; padding-right: 10px; padding-bottom: 20px; }
.list-akiya li div.akiya-icn01 { background: url(images/akiya_icn01.png) no-repeat 10px 50%; background-size: 64px 44px; padding-left: 90px; }
.list-akiya li div.akiya-icn02 { background: url(images/akiya_icn02.png) no-repeat 10px 50%; background-size: 49px 44px; padding-left: 70px; }
.list-akiya li div.akiya-icn03 { background: url(images/akiya_icn03.png) no-repeat 10px 50%; background-size: 67px 43px; padding-left: 90px; }
.list-akiya li div.akiya-icn04 { background: url(images/akiya_icn04.png) no-repeat 10px 50%; background-size: 82px 45px; padding-left: 100px; }
.list-akiya li div.akiya-icn05 { background: url(images/akiya_icn05.png) no-repeat 10px 50%; background-size: 77px 46px; padding-left: 100px; }
.list-case { padding-top: 30px;}
.list-case li {
	border: dashed 2px #3D2B23;
	border-radius: 6px;
	padding: 15px;
	margin: 0 0 50px;
	font-weight: 700;
	text-align: left;
}
.list-case li div {
	background: #FFBB15;
	width: 130px;
	padding: 5px 15px;
	border-radius: 24px;
	color: #fff;
	font-weight: 700;
	font-size: 24px;
	margin: -40px auto 10px;
	text-align: center;
}
.headline-question {
	font-size: 23px;
	background: url(images/icn_question.png) no-repeat 0% 0%;
	background-size: 1em;
	padding-left: 1.5em;
	border-bottom: solid 2px #7DAC45;
	padding-bottom: 5px;
}
.question-box p { margin: 0 0 30px 30px;}

.info-main {
	padding-top: 5px;
	border-top: solid 2px #7DAC45;
}
.list-info li {
	border-bottom: dotted 1px #3D2B23;
	padding: 10px 0;
}
.list-info li:last-child { border-bottom: none;}
.list-info .info-datetime { font-size: 16px; width: 30%;}
.list-info .info-category { font-size: 14px; width: 65%;}
.list-info .info-title { font-size: 18px; font-weight: 700;width: 100%;}

.info-sub h2 {
	font-size: 20px;
	font-weight: 700;
	color: #6CAE30;
	padding: 10px 0;
	border-top: solid 2px #7DAC45;
	border-bottom: solid 2px #7DAC45;
}
.info-sub ul li {
	margin-bottom: 10px;
}

.entry-title { font-size: 30px; padding-top: 5px; margin-bottom: 10px;}
.entrydeta { margin-bottom: 30px;}
.entrydeta .datetime {
	display: inline-block;
	margin-right: 10px;
}
.entrydeta .category { display: inline-block;}
.info-entry-body { margin-bottom: 50px;}
.info-entry-body h1 { font-size: 30px; margin-bottom: 20px;}
.info-entry-body h2 { padding-top: 30px;}
.info-entry-body h3 { padding-top: 5px; padding-bottom: 5px; background-position-y: 5px;}
.info-entry-body ul,
.info-entry-body ol { margin-left: 1.5em;}


.pagenavigation {
	border-top: solid 2px #7DAC45;
	padding-top: 20px;
	margin: 0 -15px;
}
.pagenation {
	border-top: solid 1px #000;
	padding-top: 20px;
}
.pagenation ul { list-style: none; }
.pagenation ul li { text-align: center; width: 10%; }
.pagenation ul li a { color: #000; }
.pagenation ul li a:hover { text-decoration: underline; transition: .3s; -webkit-transition: .3s; }
.pagenavigation ul {
	border-right: 0;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.pagenavigation ul li {
	list-style: none;
	display: inline-block;
	border-left: none;
	font-size: 16px;
}
.pagenavigation ul li span { font-weight: bold;}
.pagenavigation ul li span, .pagenavigation ul li a {
	display: block;
	width: 33px;
	height: 33px;
	line-height: 33px;
	text-align: center;
	border: solid 1px #40220F;
}
.pagenavigation ul span.current {
	background: #40220F; color: #fff;
}
/* contact */
.contact { text-align: left;}
.contact-row {
	margin-bottom: 20px;
}
.contact-label {
	color: #240E00;
	font-weight: bold;
	padding: 10px 5px 0;
	position: relative;
}
.contact-label .require {
	font-size: 16px;
	background: #AF2C2C;
	color: #fff;
	padding: 3px 5px;
	line-height: 1.2;
	margin-left: 5px;
	position: absolute;
	top: 13px;
	right: 0;
}
.contact-cell {
	padding: 5px;
}
.contact-confirm .contact-cell { padding: 10px 5px 5px;}
.contact-cell input[type=text],
.contact-cell input[type=tel],
.contact-cell select,
.contact-cell textarea {
	width: 100%;
	padding: 5px;
}
.contact-cell textarea {
	min-height: 6em;
}
.contact-cell input::-webkit-input-placeholder { font-size: 80%;}
.contact-cell input::-moz-placeholder { font-size: 80%;}
.contact-cell input:-ms-input-placeholder { font-size: 80%;}
.contact-cell input::placeholder { font-size: 80%;}
.contact-cell textarea::-webkit-input-placeholder { font-size: 80%;}
.contact-cell textarea::-moz-placeholder { font-size: 80%;}
.contact-cell textarea:-ms-input-placeholder { font-size: 80%;}
.contact-cell textarea::placeholder { font-size: 80%;}
.contact-cell ul { list-style: none;margin: 0;}
.contact-cell ul li { display: inline-block;margin-right: 1em;}
::-webkit-input-placeholder { color:#D8D8D8;}
:-ms-input-placeholder { color:#D8D8D8;}
::placeholder{ color:#D8D8D8;}

.solve-lst { list-style: none; }
.solve-col { width: 100%; border: solid 2px #3D2B23; border-radius: 10px; position: relative; padding: 20px 5px; margin-bottom: 60px; }
.solve-col .number {  background: #6CAE30; border-radius: 50%; width: 45px; height: 45px; position: absolute; top: -25px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); }
.solve-col .number::before {
	display: inline-block;
	font-size: 30px;
	color: #fff;
	counter-increment: number 1;
	content: counter(number) " ";
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.solve-col .title { font-size: 26px; font-weight: 700; letter-spacing: 5px; background: url(/images/border-yellow.png) repeat-x 0% 90%; background-size: 300px 14px; margin-bottom: 10px; }
.solve-col .text { font-weight: 500; margin-bottom: 20px; }
.solve-col .link a { display: inline-block; font-weight: 500; text-decoration: underline; line-height: 1.5; }
.solve-col .link a:hover { text-decoration: none; }

/* footer */
footer {
	line-height: 1.8;
	font-size: 14px;
	background: url(images/footer_leaf.png) repeat-x 0% 0%;
	background-size: auto 110px;
	padding: 110px 0 80px;
}
.footer-nav {
	width: 100%;
	border: solid 1px #3D2B23;
	border-right: none;
	font-size: 14px;
	font-weight: 700;
	position: fixed;
	bottom: 0;
	left: 0;
	background: #fff;
	z-index: 30;
}
.footer-nav ul li {
	line-height: 1.2;
	width: 25%;
	border-right: solid 1px #3D2B23;
}
.footer-nav ul li a {
	display: block;
	color: #3D2B23;
	padding-top: 50px;
	height: 80px;
	position: relative;
}
.footer-nav ul li a:active {
	color: #fff;
	background: #3D2B23;
	text-decoration: none;
}
.footer-nav ul li:nth-child(1) a:before {
	content: "\f2a0";
	font-family: "Font Awesome 5 Free", sans-serif;
	font-weight: 900;
	font-size: 31px;
	display: block;
	position: absolute;
	top: 4px;
	left: 50%;
	margin-left: -10px;
/*	background: url(images/icn_footer_phone.png) no-repeat 50% 8px;
	background-size: 27px;*/

}
.footer-nav ul li:nth-child(2) a { padding-top: 40px;}
.footer-nav ul li:nth-child(2) a:before {
	content: "\f6f1";
	font-family: "Font Awesome 5 Free", sans-serif;
	font-weight: 900;
	font-size: 27px;
	display: block;
	position: absolute;
	top: 5px;
	left: 50%;
	margin-left: -14px;
}
.footer-nav ul li:nth-child(3) a:before {
	content: "\f0e0";
	font-family: "Font Awesome 5 Free", sans-serif;
	font-weight: 900;
	font-size: 27px;
	display: block;
	position: absolute;
	top: 8px;
	left: 50%;
	margin-left: -14px;
}
.footer-nav ul li:nth-child(4) a:before {
	content: "\f077";
	font-family: "Font Awesome 5 Free", sans-serif;
	font-weight: 900;
	font-size: 24px;
	display: block;
	position: absolute;
	top: 10px;
	left: 50%;
	margin-left: -11px;
}
.footer-subnav {
	padding: 10px 0;
	border-top: solid 1px #3D2B23;
}
.footer-subnav ul { margin-bottom: 0;}
.footer-subnav ul li {
	display: inline-block;
	padding-right: 5px;
	margin-right: 5px;
	line-height: 1;
	border-right: solid 1px #3D2B23;
}
.footer-subnav ul li:last-child{
	border: none;
	padding: 0;
	margin: 0;
}
.footer-copyright { font-size: 12px;}
#pagetop {
	position: fixed;
	right: 15px;
	bottom: 15px;
	z-index: 10;
}
#pagetop a { color: #3D2B23;}


/* SMALL SP ///////////////////////////////////////////////////////////*/
@media screen and (max-width: 320px) {
}

/* LARGE SP ///////////////////////////////////////////////////////////*/
@media screen and (min-width: 425px) {
}

/* TABLET /////////////////////////////////////////////////////////////*/
@media print, screen and (min-width: 768px){
	.btns div {
		display: inline-block;
		margin-right: 20px;
		vertical-align: middle;
	}
	.soudan-list li { width: 32%;}
	.soudan-list li:nth-child(2n) { margin-right: 10px;}
	.soudan-list li:nth-child(3n) { margin-right: 0;}

	footer { padding-bottom: 0;}
	#pagetop { font-size: 32px;}
	.menu-mail a {
		display: block;
		width: 65px;
		width: 65px;
		line-height: 65px;
		border: solid 1px #3A2C24;
		text-align: center;
		border-radius: 50%;
		font-size: 27px;
		color: #3D2B23;
	}
	.menu-mail a:active {
		background: #3D2B23;
		color: #fff;
		transition: 0.3s;
	}
	.headline-pagetitle { font-size: 50px; margin-bottom: 30px;}
	.headline-pagetitle .headline-greentext { font-size: 24px; color: #6CAE30; display: block;}
	.case-study-list li { width: 31.5%; margin-right: 15px;}
	.case-study-list li:nth-child(3n) { margin-right: 0;}
	.headline-house,.info-entry-body h2 { font-size: 34px; padding-left: 10px; margin-left: 50px; }
	.headline-house:before,.info-entry-body h2:before { width: 43px; height: 50px; left: -50px; }
	.headline-ball,.info-entry-body h3 { font-size: 30px;}
	.headline-border,.info-entry-body h4 { font-size: 26px;}
	.main-index .mainvisual .mv-5points { left: 45%; bottom: 5px; }
	.list-akiya li {
		width: 48%;
		margin-right: 15px;
	}
	.list-akiya li:nth-child(2n) { margin-right: 0;}

	.list-akiya li div.two-lines, .list-akiya li div.two-lines, .list-akiya li div.two-lines,
	.list-akiya li div.two-lines, .list-akiya li div.two-lines { padding-top: 9px; padding-bottom: 10px; }

	.list-case li { width: 48%; margin-right: 15px;}
	.list-case li:nth-child(2n) { margin-right: 0;}
	.list-info .info-datetime { width: 15%;}
	.list-info .info-category { width: 25%;}
	.list-info .info-title { width: 60%;}
	.entry-title { font-size: 34px;}

	/* contact */
	.contact-row {
		width: 100%;
		display: table;
		margin-bottom: 20px;
	}
	.contact-label {
		display: table-cell;
		width: 30%;
		vertical-align: top;
	}
	.contact-cell {
		display: table-cell;
		width: 70%;
	}
	.contact-cell select {
		max-width: 360px;
	}
	.contact-cell textarea {
		height: 400px;
	}
	input#contact-zipcode { max-width: 240px;}
	input#contact-tel,
	input#contact-mail { max-width: 400px;}
	.contact-label .require { top: 15px; right: 10px;}

	.solve-lst { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
	.solve-col { width: 30%; margin-left: 10px; margin-right: 10px; }
	.solve-col:first-child, .solve-col:nth-child(4) { margin-left: 0; }
	.solve-col:nth-child(3) { margin-right: 0; }
	.solve-col .title { font-size: 30px; }
}

/* PC /////////////////////////////////////////////////////////////////*/
@media print, screen and (min-width: 992px){
	a:hover {
		color: #666;
		text-decoration: underline;
	}
	a:hover img {
		opacity: 0.8;
		filter: alpha(opacity=60);
		-ms-filter: "alpha(opacity=60)";
		transition-duration: 0.3s;
		cursor: pointer;
		text-decoration: none;
	}
	.btn-brown a:hover {
		opacity: 1;
		background: #B1AAA7;
		color: #412A22;
		border-color: #B1AAA7;
		text-decoration: none;
	}
	.btn-brown a.icn-pdf:hover {
		background: url(images/icn_pdf.png) no-repeat 40px 12px #B1AAA7;
		background-size: 27px;
		border-color: #B1AAA7;
	}
	.btn-line a:hover, input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover {
		background: #B2A9A6;
		border-color: #B2A9A6;
		transition-duration: 0.3s;
		text-decoration: none;
		color: #412A22;
	}

	header {
		box-shadow:none;
		border-bottom: solid 1px #3D2B23;
	}
	.menu-mail a:hover {
		background: #3D2B23;
		color: #fff;
		transition: 0.3s;
	}
	.header-logo img {
		width: 446px;
		height: 89px;
	}
	.header-sm-nav {
		top: 100px;
		height: calc(100% - 100px);
		overflow: hidden;
	}
	.header-pc-nav li {
		width: 18%;
		height: 70px;
	}
	.header-pc-nav a {
		display: block;
		font-size: 18px;
		font-weight: 700;
		color: #3D2B23;
		line-height: 1.3;
		padding: 10px 10px;
		width: 100%;
		height: 100%;
		overflow: hidden;
		border: solid 1px #3D2B23;
		border-radius: 35px 35px 0 0;
		border-bottom: none;
	}
	.header-pc-nav a:hover {
		background: #3D2B23;
		color: #fff;
		transition: 0.3s;
		text-decoration: none;
	}

	main { margin-top: 184px;}
	.main-index .mainvisual .mv-5points {
		bottom: 14px;
		left: 55%;
	}
	.main-index .mainvisual .mv-5points img {
		width: 209px;
		height: 229px;
	}
	.index-news .news-category a:hover,
	.list-info .info-category a:hover,
	.entrydeta .category a:hover {
		text-decoration: none;
		background: #3D2B23;
		color: #fff;
		transition: 0.3s;
	}

	main h2 { font-size: 48px;}
	.green-tooltip { font-size: 36px;}
	.soudan-list li { width: 15.5%; margin-right: 15px;}
	.soudan-list li:nth-child(2n) { margin-right: 15px;}
	.soudan-list li:nth-child(3n) { margin-right: 15px;}
	.soudan-list li:nth-child(6) { margin-right: 0;}
	.case-study-list li { width: 18.5%; margin-right: 15px;}
	.case-study-list li:nth-child(3n) { margin-right: 15px;}
	.case-study-list li:last-child { margin-right: 0;}
	.pc-height170 { min-height: 170px;}
	.pc-height220 { min-height: 220px;}
	.list-akiya li {
		width: 260px;
		margin-right: 15px;
		font-size: 18px;
	}
	.list-akiya li span { font-size: 12px;}
	.list-akiya li:nth-child(2n) { margin-right: 15px;}
	.list-akiya li:nth-child(4n) { margin-right: 0;}

	.list-case li { width: 203px; margin-right: 15px;}
	.list-case li:nth-child(2n) { margin-right: 15px;}
	.list-case li:nth-child(5) { margin-right: 0;}
	.list-info .info-datetime { width: 13%;}
	.list-info .info-category { width: 20%;}
	.list-info .info-title { width: 67%;}

	.solve-lst { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
	.solve-col { width: 19%; }
	.solve-col:first-child { margin-left: 0; margin-right: 10px; }
	.solve-col:nth-child(3) { margin-right: 10px; }
	.solve-col:nth-child(4) { margin-left: 10px; }
	.solve-col:last-child { margin-left: 10px; margin-right: 0; }
}

/* PC LARGE /////////////////////////////////////////////////////////////////*/
@media print, screen and ( min-width: 1100px){
}
@media print, screen and ( min-width: 1190px){
	.main-index .mainvisual .mv-5points {
		text-align: left;
		left: 60.5%;
	}
}
@media print, screen and ( min-width: 1440px){
}

@media print, screen and (min-width: 1680px){
	.main-index .mainvisual .mv-5points { left: 60%;}
}

@media print, screen and (min-width: 1920px){
	.main-index .mainvisual .mv-5points { left: 58%;}
}

@media print, screen and (min-width: 2560px){
	.main-index .mainvisual .mv-5points { left: 56%;}
}

/* effect */
.effect-mv-fade {
	opacity: 0;
	transition: .5s;
	transform: translate(0,60px);
	-webkit-transform: translate(0,60px);
}
.effect-mv-fadeon {
	opacity: 1.0;
	transition: .5s;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
}
.effect-fade{
	opacity: 0;
	transition: .8s;
}
.effect-fadeon{
	opacity: 1.0;
	transition: .8s;
}
