@charset "utf-8";
/*
Theme Name: 名古屋相続無料診断センター
Theme URI:  
Description: 名古屋相続無料診断センター
Version: 1.0
Author: casleyconsulting.co.jp

*/

/* BODY
---------------------------------------------*/
html {
	width: 100%;
	height: 100%;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
	font-size: 100%;
	list-style: none;
}
@font-face {
	font-family: "YuGothic M";
	src: local(Yu Gothic Medium)
}
body {
	text-align: left;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "YuGothic M", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	font-weight: normal;
	font-size: 16px;
	line-height: 1.3em;
	color: #646464;
	background: #fff;
}
img {
    vertical-align: bottom;
    border: none;
    max-width: 100%;
    height: auto;
}
a, a:link, a:visited {
	color: #648d26;
	text-decoration: underline;
}
a:hover {
	color: #648d26;
	text-decoration: none;
}
strong {
	font-weight: bold;
}
p {
	padding: 0;
	line-height: 1.4em;
}
.sec #main p, .indsec p {
	margin-left: 1em;
	margin-right: 1em;
}
.clear {
	clear: both;
}
.center {
	text-align: center;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.bold {
	font-weight: bold;
}
.red {
	color: #f00;
}
/* テーブル対応
---------------------------------------------*/
table {
	font-size: inherit;
	font: 100%;
}
table.mainstyle {
	border: 1px #b9b9b9 solid;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 15px 20px 8px 20px;
}
table.mainstyle th {
	font-weight: bold;
	padding: 10px;
	border: 1px #b9b9b9 solid;
	border-width: 0 0 1px 1px;
	background: #FFFFCC;
}
table.mainstyle td {
	padding: 10px;
	border: 1px #b9b9b9 solid;
	border-width: 0 0 1px 1px;
	background: #fff;
}
/* Layout
---------------------------------------------*/
#viewport {
	width: 100%;
	overflow-x: hidden;
}
body {
	overflow-x: hidden;
}
#wrap {
	margin: 0 auto 0;
	position: relative;
}
#contents {
	width: 1080px;
	margin: 0 auto 0;
	padding: 18px 0 0;
	background: #fff;
}
.home #contents {
	padding: 30px 0 0;
}
#sidebar {
	width: 300px;
	float: left;
	padding: 0 0 175px;
}
#main {
	width: 750px;
	float: right;
	padding: 0 0 100px;
}
#footer {
	clear: both;
}
/* Header
---------------------------------------------*/
#header .header_tel span.phone_number_holder {
    position: absolute;
    top: 45px;
    left: 65px;
}
#header {
	background: url(images/header_bg.png) repeat-x;
	height: 140px;
}
#header .inner {
	width: 1080px;
	margin: 0 auto;
	padding: 0 0 0;
	position: relative;
}
#header .inner .header_logo {
	position: absolute;
	left: 0;
	top: 0;
}
#header .inner .header_logo02 {
	position: absolute;
	left: 211px;
	top: 42px;
}
#header .inner h1 {
	position: absolute;
	left: 210px;
	top: 0px;
	color: #fff;
	font-size: 14px;
	width: 456px;
	height: 27px;
	line-height: 27px;
	margin: 0;
	padding: 0;
}
#header .inner .header_subnav {
	position: absolute;
	right: -3px;
	top: 0;
}
#header .inner .header_subnav li {
	float: left;
}
#header .inner .header_tel {
	position: absolute;
	right: 0;
	top: 45px;
}
#header_nav {
	background: url(images/header_nav_bg.png) left top repeat-x;
	height: 52px;
	margin: 0 auto;
	position: relative;
	z-index: 70;
}
#header_nav ul {
	width: 1081px;
	height: 52px;
	margin: 0 auto;
}
#header_nav ul li {
	float: left;
}
/* Main Image
---------------------------------------------*/
.main_image01 img {
    max-width: inherit;
}
#main_image .main_image01 span.phone_number_holder {
    position: absolute;
    bottom: 74px;
    left: 94px;
}
#main .mt50 span.phone_number_holder {
    position: absolute;
    bottom: 72px;
    left: 89px;
    font-size: 3.4em;
    text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, 0-1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;
}
#main_image {
	min-width: 1080px;
	overflow: hidden;
  height: 469px;
	margin: 0 auto;
	background: url(images/mv/mv_bg.jpg) no-repeat center bottom;
}
#main_image .inner {
	width: 1080px;
  height: 469px;
	margin: 0 auto;
	position: relative;
}
.main_image01 {
	position: absolute;
	top: 4px;
	left: 4px;
}
.main_image02 {
	position: absolute;
  bottom: 28px;
  left: 386px;
}
.main_image03 {
	position: absolute;
	bottom: 3px;
	right: -3px;
}
/* Main Contents
---------------------------------------------*/
.phone_number_holder {
    font-size: 2em;
    font-weight: bold;
	    color: #d5000e;
}
h2 {
	font-size: 27px;
	font-weight: bold;
	line-height: 1.3em;
	color: #fff;
	padding: 16px 10px 9px 20px;
	margin: 0 0 15px;
	position: relative;
	clear: both;
	border: 1px solid #648d26;
	border-bottom: 8px solid #648d26;
	background: #94c050;
	border-radius: 8px;
}
h3 {
	font-size: 27px;
	font-weight: bold;
	line-height: 1.3em;
	color: #648d26;
	padding: 8px 10px 4px 20px;
	margin: 0 0 15px;
	position: relative;
	clear: both;
	border-radius: 8px;
	border: 1px solid #648d26;
	background: url(images/h3_bg.png) repeat;
}
h4 {
	border: 1px solid #00a000;
	border-left: 8px solid #00a000;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.3em;
	color: #fff;
	padding: 10px 10px 6px 12px;
	margin: 0 0 15px;
	position: relative;
	clear: both;
	background: #94c050;
}
h5 {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4em;
	color: #648d26;
	padding: 0px 0px 3px;
	margin: 0 0 15px;
	position: relative;
	clear: both;
	border-bottom: 1px solid #648d26;
}
h6 {
	background: #fffff0;
	font-size: 16px;
	line-height: 1.4em;
	color: #646464;
	padding: 9px 15px 7px 15px;
	margin: 0 0 15px;
	position: relative;
	clear: both;
}
h2 a, h3 a, h4 a, h5 a, h6 a {
	color: inherit !important;
}
p {
	margin: 15px 0px 20px;
}
/*	#tinymce ul ,
	#tinymce ol {
		margin: 			15px 20px 20px 30px;
		font-size:			16px;
		line-height:		1.3em;		
		color:				#525252;
	}
		#tinymce ul ,
		#tinymce ul li {
			list-style:		disc;
		}
		#tinymce ol,
		#tinymce ol li {
			list-style:		decimal;
		} */
/* Top Page
---------------------------------------------*/
.btn01 {
	margin: 8px 0 0;
}
.btn01 li {
	float: left;
}
.btn01 li:first-child {
	margin: 0 8px 0 0;
}
.text01 {
	font-size: 18px;
	color: #6d5e4a;
	text-align: center;
	line-height: 26px;
	padding: 15px 0 15px;
}
.btn12 {
	position: relative;
	margin: 13px 0 0;
}
.btn12 ul {
	position: absolute;
	top: 73px;
	left: 20px;
}
.btn12 ul li {
	float: left;
	margin: 0 15px 10px 0;
}
.btn16 {
	position: relative;
	margin: 10px 0 0;
}
.btn16 ul {
	position: absolute;
	top: 73px;
	left: 20px;
}
.btn16 ul li {
	float: left;
	margin: 0 15px 10px 0;
}
h5.cButton{
	border: none;
}
h5.cButton a{
	background-color: #c0504d;
    color: #FFF!important;
    padding: 15px;
    text-decoration: none;
    border-radius: 8px;
    border: 1px solid #FFF;
    box-shadow: 1px 1px 2px #6c6c6c;
    display: block;
    text-align: center;
}
h5.cButton a:hover{
	opacity: 0.8;
}
.reason {
	position: relative;
	margin: 20px 0 0;
}
.reason ul {
	position: absolute;
	top: 142px;
	left: 0px;
}
.reason ul li {
	float: left;
	margin: 0;
}
.reason ul li.li01 {
	background: url(images/top07.png) no-repeat;
	width: 250px;
	height: 386px;
}
.reason ul li.li02 {
	background: url(images/top08.png) no-repeat;
	width: 248px;
	height: 386px;
}
.reason ul li.li03 {
	background: url(images/top09.png) no-repeat;
	width: 250px;
	height: 386px;
}
.reason ul li.li04 {
	background: url(images/top10.png) no-repeat;
	width: 250px;
	height: 387px;
}
.reason ul li.li05 {
	background: url(images/top11.png) no-repeat;
	width: 248px;
	height: 387px;
}
.reason ul li.li06 {
	background: url(images/top12.png) no-repeat;
	width: 250px;
	height: 387px;
}
.reason h3 {
	margin: 147px 18px 12px 16px;
	padding: 0;
	font-weight: bold;
	font-size: 18px;
	color: #599b04;
	border: none;
	background: none;
}
.reason p {
	margin: 0 19px 0 16px;
	padding: 0;
	font-size: 14px;
	color: #646464;
}
.reason ul li.li01 h3, .reason ul li.li04 h3 {
	margin: 147px 14px 12px 20px;
}
.reason ul li.li01 p, .reason ul li.li04 p {
	margin: 0 15px 0 20px;
}
.reason ul li.li03 h3, .reason ul li.li06 h3 {
	margin: 147px 20px 12px 14px;
}
.reason ul li.li03 p, .reason ul li.li06 p {
	margin: 0 21px 0 14px;
}
.reason span.phone_number_holder {
    position: absolute;
    bottom: 72px;
    left: 89px;
    font-size: 3em;
    text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, 0-1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;
}
.btn21 {
	position: relative;
	margin: 30px 0 0;
}
.btn21 ul {
	margin: 18px 0 0;
}
.btn21 ul li {
	float: left;
}
.case {
	display: block;
	position: relative;
}
.case > ul {
}
.case > ul li {
	padding: 13px 0 11px;
	border-bottom: 1px dashed #94c050;
	font-size: 16px;
	line-height: 1.3em;
}
.case > ul li .dt {
	float: left;
	display: block;
	width: 110px;
}
.case > ul li .text {
	margin: 0 0 0 110px;
}
.case > ul li .text a {
	font-size: 16px;
	line-height: 1.3em;
	color: #646464;
	text-decoration: none;
}
.case > ul li .text a:hover {
	text-decoration: underline !important;
	color: #648d26 !important;
}
.latest_info {
	display: block;
	position: relative;
}
.latest_info > ul {
}
.latest_info > ul li {
	padding: 13px 0 11px;
	border-bottom: 1px dashed #94c050;
	font-size: 16px;
	line-height: 1.3em;
}
.latest_info > ul li .dt {
	float: left;
	display: block;
	width: 110px;
}
.latest_info > ul li .text {
	margin: 0 0 0 110px;
}
.latest_info > ul li .text a {
	font-size: 16px;
	line-height: 1.3em;
	color: #646464;
	text-decoration: none;
}
.latest_info > ul li .text a:hover {
	text-decoration: underline !important;
	color: #648d26 !important;
}
.voice ul {
	margin: 20px 0 0;
}
.voice ul li {
	float: left;
	border: 1px solid #94c050;
	border-top: 5px solid #94c050;
	background: #fffff0;
	width: 364px;
	margin: 0 0 18px;
}
.voice ul li:nth-child(2n) {
	margin-left: 18px;
}
.voice ul li a .title {
	font-size: 16px;
	font-weight: bold;
	margin: 15px 15px 0 15px;
	color: #94c050;
}
.voice ul li a .text {
	font-size: 14px;
	margin: 15px 15px 15px 15px;
	color: #646464;
}
.voice ul li a {
	text-decoration: none;
	display: block;
}
.voice ul li a:hover {
	text-decoration: underline;
}
.voice ul li span {
	display: block;
}
.btn31 {
	position: relative;
	margin: 30px 0 0;
}
.btn31 ul {
	position: absolute;
	top: 135px;
	left: 20px;
}
.btn31 ul li {
	float: left;
}
/* サイドバー
---------------------------------------------*/
#sidebar {
}
.m0 span.phone_number_holder{
    position: relative;
    bottom: 116px;
    font-size: 1.7em;
    left: 60px;
    text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, 0-1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;
}
.dcjq-accordion {
	background: #efefef;
	border: 1px solid #d5d5d5;
	border-top: none !important;
	padding: 10px;
}
#menu-sidemenu {
	background: #fff;
}
#menu-sidemenu a {
	display: block;
	padding: 10px 8px 8px 29px;
	margin: 0;
	color: #646464;
	font-size: 14px;
	text-decoration: none;
}
#menu-sidemenu > li {
	padding: 1px 0 0;
	background: url(images/side_line.png) no-repeat center top;
}
#menu-sidemenu > li:first-child {
	background: none;
}
#menu-sidemenu > li > a {
	background: url(./images/side_listmark.png) 10px 14px no-repeat;
	line-height: 1.7em;
}
/* 2階層目以降 */
#menu-sidemenu > li > ul {
	padding: 5px 0 5px 18px;
	background: url(images/side_line.png) no-repeat center top;
}
#menu-sidemenu > li ul li a {
	display: block;
	background: url(./images/side_listmark02.png) 5px 10px no-repeat;
	font-size: 13px;
	color: #646464;
	text-decoration: none;
	padding: 2px 8px 2px 17px;
}
#menu-sidemenu > li > ul ul {
	margin-left: 20px;
}
/* リンクすべて */
#menu-sidemenu > li a:hover {
}
#menu-sidemenu > li > a:hover {
	text-decoration: underline;
	color: #5d9802;
}
#menu-sidemenu > li ul li a:hover {
	text-decoration: underline;
	color: #5d9802;
}
.side_content {
	background: #fff;
	border: 1px solid #d5d5d5;
	border-top: none !important;
	padding: 10px 10px 8px;
}
.side_content_office {
	text-align: center;
}
.side_content_office .name {
	font-size: 18px;
	line-height: 1.3em;
	font-weight: bold;
	color: #4f6f1e;
	padding: 22px 0;
}
.side_content_office .address {
	padding: 0 0 11px;
	text-align: center;
	font-size: 16px;
	line-height: 1.4em;
}
#searchform {
}
#searchform label {
	display: none !important;
}
#searchform > div {
	display: block;
	width: 300px;
	height: 66px;
	position: relative;
	background: url(images/side_search_bg.png) no-repeat;
}
#searchform > div input[type="text"] {
	position: absolute;
	left: 10px;
	top: 19px;
	width: 192px;
	height: 37px;
	border: none !important;
	background: url(images/side08.png) no-repeat;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding: 5px;
}
#searchform > div input[type="submit"] {
	position: absolute;
	right: 10px;
	top: 19px;
	width: 79px;
	height: 37px;
	border: none !important;
	cursor: pointer;
	background: url(images/side09.png) no-repeat;
	text-indent: -9999px;
}
#searchform > div input[type="submit"]:hover {
	opacity: 0.7;
}
/* iOSでのデフォルトスタイルをリセット */
#searchform > div input[type="submit"], #searchform > div input[type="button"] {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}
#searchform > div input[type="submit"]::-webkit-search-decoration, #searchform > div input[type="button"]::-webkit-search-decoration {
 display: none;
}
#searchform > div input[type="submit"]::focus, #searchform > div input[type="button"]::focus {
 outline-offset: -2px;
}
/* Footer
---------------------------------------------*/
#footer {
	background: #94c050;
	padding: 0;
	margin: 0;
	position: relative;
}
#footer .inner {
	width: 1080px;
	margin: 0 auto;
	padding: 0;
	position: relative;
}
#footer .panel {
	float: left;
	width: 530px;
}
#footer .panel .text {
	padding: 16px 0 9px;
	color: #fff;
	font-size: 14px;
}
#footer .nav {
	float: right;
	width: 515px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	padding: 43px 0 0 0;
}
#footer .nav a {
	font-size: 16px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}
#footer .nav a:hover {
	text-decoration: underline;
}
#footer .nav ul li ul {
	float: left;
	width: 250px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
#footer .nav ul li ul li {
	margin: 0 0 15px 0;
	overflow: hidden;
}
#footer .nav ul li ul li:last-child {
	margin: 0;
}
#footer .nav ul li ul li a {
}
/* 二階層目以降 */
#footer .nav ul li ul li ul {
	margin: 0 0 0 20px;
	width: 210px;
}
#footer .nav ul li ul li ul li {
	margin: 0 0 6px 0;
}
#footer .nav ul li ul li ul li:first-child {
	margin: 6px 0 6px 0;
}
#footer .nav ul li ul li ul li a {
	font-size: 15px;
}
#footer .nav ul li ul li ul li ul {
	margin: 0 0 0 20px;
	width: 190px;
}
#footer .copyright {
	clear: both;
	padding: 20px 0 20px;
	margin: 0;
	width: 1080px;
	font-size: 12px;
	color: #fff;
	text-align: center;
}
#footer div.panel div.img {
    position: relative;
}
#footer .panel span.phone_number_holder {
    position: absolute;
    bottom: 21px;
    left: 70px;
    font-size: 2em;
}
.arrow2top {
	position: fixed;
	right: 30px;
	bottom: 50px;
	z-index: 20;
}
.fixed_nav {
    position: fixed;
    margin-top: -242px;
    top: 50%;
    right: 0;
	z-index: 10000;
	border: 1px solid #fff;
	border-right: none;
	background: #fff;
}
@media screen and (max-width: 1370px) {
.fixed_nav {
	display: none;
}
}
/* 下層ページ
---------------------------------------------*/
.page_banner02 {
    position: relative;
}

.page_banner02 span.phone_number_holder {
    position: absolute;
    bottom: 72px;
    font-size: 3em;
    left: 113px;
    text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, 0-1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;
}

/* BREADCRUMB = TOPIC PATH */
.breadcrumb {
	padding: 0;
	margin: 0 0 15px;
	font-size: 14px;
}
.breadcrumb a {
	color: #648d26;
}
.page_banner01 {
    position: relative;
}
#main .page_banner01 span.phone_number_holder {
    position: absolute;
    bottom: 72px;
    font-size: 3em;
    left: 113px;
    text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF, 0-1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;
}
/* リスト
---------------------------------------------*/
.baselist {
	margin: 15px 0 0;
}
.baselist ul {
	margin: 0 !important;
}
.baselist li {
	list-style: none !important;
	margin: 0 0 8px;
}
.baselist li a {
	display: block;
	font-size: 15px;
	margin-bottom: 8px;
	padding: 7px 5px 7px 5px;
	border-bottom: 1px dotted #666;
}
.baselist li a {
	/*	color: #333;*/
	text-decoration: none;/*	background: url(images/side_menu_icon01.png) 7px 11px no-repeat;*/
}
.baselist li a:hover {
	/*	color: #FF3F00;*/
	text-decoration: underline;
}
.baselist > ul > li ul {
	margin-left: 25px !important;
}
/* PADDING & MARGIN SETUP
---------------------------------------------*/

/* MARGIN */
.mt5 {
	margin-top: 5px !important;
}
.mt8 {
	margin-top: 8px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt15 {
	margin-top: 15px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt25 {
	margin-top: 25px !important;
}
.mt30 {
	margin-top: 30px !important;
	position: relative;
}
.mt35 {
	margin-top: 35px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mt50 {
	margin-top: 50px !important;
		position: relative;
}
.mb00 {
	margin-bottom: 0px !important;
			position: relative;
}
.mb01 {
	margin-bottom: 1px !important;
}
.mb02 {
	margin-bottom: 2px !important;
}
.mb03 {
	margin-bottom: 3px !important;
}
.mb04 {
	margin-bottom: 4px !important;
}
.mb05 {
	margin-bottom: 5px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb25 {
	margin-bottom: 25px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mb45 {
	margin-bottom: 45px !important;
}
.mb50 {
	margin-bottom: 50px !important;
}
.mb100 {
	margin-bottom: 100px !important;
}
.mr10 {
	margin-right: 10px !important;
}
.mr20 {
	margin-right: 20px !important;
}
.mr30 {
	margin-right: 30px !important;
}
.mr40 {
	margin-right: 40px !important;
}
.mr50 {
	margin-right: 50px !important;
}
.ml10 {
	margin-left: 10px !important;
}
.ml20 {
	margin-left: 20px !important;
}
.ml30 {
	margin-left: 30px !important;
}
.ml40 {
	margin-left: 40px !important;
}
.ml50 {
	margin-left: 50px !important;
}
.ml-1 {
	margin-left: -1px !important;
}
.ml-2 {
	margin-left: -2px !important;
}
.ml-3 {
	margin-left: -3px !important;
}
.ml-4 {
	margin-left: -4px !important;
}
.ml-5 {
	margin-left: -5px !important;
}
.ml-6 {
	margin-left: -6px !important;
}
.mr-1 {
	margin-right: -1px !important;
}
.mr-2 {
	margin-right: -2px !important;
}
.mr-3 {
	margin-right: -3px !important;
}
.mr-4 {
	margin-right: -4px !important;
}
.mr-5 {
	margin-right: -5px !important;
}
/* PADDING */
.pt10 {
	padding-top: 10px !important;
}
.pt20 {
	padding-top: 20px !important;
}
.pt30 {
	padding-top: 30px !important;
}
.pt35 {
	padding-top: 35px !important;
}
.pt40 {
	padding-top: 40px !important;
}
.pt50 {
	padding-top: 50px !important;
}
.pb10 {
	padding-bottom: 10px !important;
}
.pb20 {
	padding-bottom: 20px !important;
}
.pb30 {
	padding-bottom: 30px !important;
}
.pb40 {
	padding-bottom: 40px !important;
}
.pb50 {
	padding-bottom: 50px !important;
}
.pr10 {
	padding-right: 10px !important;
}
.pr20 {
	padding-right: 20px !important;
}
.pr30 {
	padding-right: 30px !important;
}
.pr40 {
	padding-right: 40px !important;
}
.pr50 {
	padding-right: 50px !important;
}
.pl10 {
	padding-left: 10px !important;
}
.pl20 {
	padding-left: 20px !important;
}
.pl30 {
	padding-left: 30px !important;
}
.pl40 {
	padding-left: 40px !important;
}
.pl50 {
	padding-left: 50px !important;
}
/* FLOAT */
.fleft {
	float: left;
}
.fright {
	float: right;
}
/* WP STYLE
---------------------------------------------*/

img.centered, img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
}
img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}
/* CLEARFIX
---------------------------------------------*/
.cl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.cl {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .cl {
	height: 1%;
}
.cl {
	display: block;
}
/* End hide from IE-mac */








/* スタイル追加
---------------------------------------------*/
.mt0 {
	margin-top: 0px !important;
}
.mt1 {
	margin-top: 1px !important;
}
.mt2 {
	margin-top: 2px !important;
}
.mt3 {
	margin-top: 3px !important;
}
.mt4 {
	margin-top: 4px !important;
}
.mt5 {
	margin-top: 5px !important;
}
.mt6 {
	margin-top: 6px !important;
}
.mt7 {
	margin-top: 7px !important;
}
.mt8 {
	margin-top: 8px !important;
}
.mt9 {
	margin-top: 9px !important;
}
.mt18 {
	margin-top: 18px !important;
}
.mt-1 {
	margin-top: -1px !important;
}
.mt-2 {
	margin-top: -2px !important;
}
.mt-3 {
	margin-top: -3px !important;
}
.mt-4 {
	margin-top: -4px !important;
}
.mt-5 {
	margin-top: -5px !important;
}
.mt-10 {
	margin-top: -10px !important;
}
.mt-20 {
	margin-top: -20px !important;
}
.mt-30 {
	margin-top: -30px !important;
}
.mt-40 {
	margin-top: -40px !important;
}
.mt-45 {
	margin-top: -45px !important;
}
.mt-50 {
	margin-top: -50px !important;
}
.mb0 {
	margin-bottom: 0px !important;
}
.mb3 {
	margin-bottom: 3px !important;
}
.mb4 {
	margin-bottom: 4px !important;
}
.mb5 {
	margin-bottom: 5px !important;
}
.mb6 {
	margin-bottom: 6px !important;
}
.mb7 {
	margin-bottom: 7px !important;
}
.mb8 {
	margin-bottom: 8px !important;
}
.mb9 {
	margin-bottom: 9px !important;
}
.mr0 {
	margin-right: 0px !important;
}
.ml0 {
	margin-left: 0px !important;
}
.ml-1 {
	margin-left: -1px !important;
}
.ml-2 {
	margin-left: -2px !important;
}
.ml-4 {
	margin-left: -4px !important;
}
.ml-10 {
	margin-left: -10px !important;
}
.ml-15 {
	margin-left: -15px !important;
}
.ml-20 {
	margin-left: -20px !important;
}
.ml-25 {
	margin-left: -25px !important;
}
.ml-26 {
	margin-left: -26px !important;
}
.ml15 {
	margin-left: 15px !important;
}
.mb-10 {
	margin-bottom: -10px !important;
}
.mb-15 {
	margin-bottom: -15px !important;
}
.mb-20 {
	margin-bottom: -20px !important;
}
.mb-30 {
	margin-bottom: -30px !important;
}
.mb-40 {
	margin-bottom: -40px !important;
}
.mb-50 {
	margin-bottom: -50px !important;
}
.mb8 {
	margin-bottom: 8px !important;
}
.mb9 {
	margin-bottom: 9px !important;
}
.mb11 {
	margin-bottom: 11px !important;
}
.mb12 {
	margin-bottom: 12px !important;
}
.mb13 {
	margin-bottom: 13px !important;
}
.mb14 {
	margin-bottom: 14px !important;
}
.mb16 {
	margin-bottom: 16px !important;
}
.mb17 {
	margin-bottom: 17px !important;
}
.mb18 {
	margin-bottom: 18px !important;
}
.mb19 {
	margin-bottom: 19px !important;
}
.mb50 {
	margin-bottom: 50px !important;
}
.mb60 {
	margin-bottom: 60px !important;
}
.mb70 {
	margin-bottom: 70px !important;
}
.mb80 {
	margin-bottom: 80px !important;
}
.mb90 {
	margin-bottom: 90px !important;
}
.mb100 {
	margin-bottom: 100px !important;
}
.mb110 {
	margin-bottom: 110px !important;
}
.mb120 {
	margin-bottom: 120px !important;
}
.mb130 {
	margin-bottom: 130px !important;
}
.mb140 {
	margin-bottom: 140px !important;
}
.mb150 {
	margin-bottom: 150px !important;
}
.ptable p {
	margin: 0;
}
.p_zero {
	margin: 0;
}
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.wp-caption {
	margin: 0px 10px;
}
.wp-caption p {
	margin: 5px 10px 5px 0px;
	text-align: center;
}
h1.h1img, h2.h2img, h3.h3img, h4.h4img, h5.h5img, h6.h6img {
	border: none;
	padding: 0px;
	margin: 0;
	color: #000;
	background-color: transparent !important;
	background: none;
 filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	text-shadow: none;
}
h1.h1img:before, h2.h2img:before, h3.h3img:before, h4.h4img:before, h5.h5img:before, h6.h6img:before {
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	width: 0px;
	height: 0px;
	background-color: transparent !important;
	background: none;
}
h1.h1img:after, h2.h2img:after, h3.h3img:after, h4.h4img:after, h5.h5img:after, h6.h6img:after {
	content: "";
	position: absolute;
	left: 0px;
	top: 0px;
	width: 0px;
	height: 0px;
	background-color: transparent !important;
	background: none;
}
/*　table　*/
table.mainstyle {
	margin: 15px 0px 20px;
}
/*　リスト　*/
ol.ol {
	display: block;
	list-style-type: decimal;
	padding-left: 30px;
	margin: 15px 0px 20px;
}
ol.ol li {
	margin-top: 10px;
	list-style-type: decimal;
}
ol.ol li:first-child {
	margin-top: 0px;
}
ol ol.ol {
	list-style-type: upper-roman;
}
ol ol.ol li {
	list-style-type: upper-roman;
}
ul.ul {
	display: block;
	list-style-type: disc;
	padding-left: 30px;
	margin: 15px 0px 20px;
}
ul.ul li {
	margin-top: 10px;
	list-style-type: disc;
}
ul.ul li:first-child {
	margin-top: 0px;
}
ul.page_nav {
	margin: 0px 0px 20px;
}
ul.page_nav li {
	display: inline-block;
	margin: 0px 10px 10px;
}


.support{
  background: #fffeed;
}

.support h2 {
  text-align: center;
}

.support .ttl{
  margin: 0;
  text-align: center;
  padding: 40px 0;
}

.support .bnr{
  margin: 0;
  text-align: center;
  padding: 20px 0;
}

.support ul{
  padding: 0 10px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.tcase{
  background: #fffeed;
  padding: 0 0 40px;
}

.tcase .ttl{
  margin: 0;
  text-align: center;
  padding: 60px 0 40px;
}

.tcase ul{
  padding: 0 10px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.tcase ul li{
  margin: 0 0 20px;
}

ul.indent-list {
	margin-left: 20px;
	margin-bottom: 1em;
  }
  
  ul.indent-list li {
	margin-bottom: 5px;
  }
/* 202309add
---------------------------------------------*/
  .container-202308 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 10px;
  }
  
  .block-202308 {
    flex: 0 0 calc(50% - 20px); /* 2列表示のために50%に設定、マージンの分を引く */
    box-sizing: border-box; /* パディングとボーダーを幅に含める */
    margin: 10px;
    padding: 15px;
    text-align: center;
    background-color: #f2f2f2;
    color: #333;
    border: 1px solid #ccc;
    text-decoration: none;
    transition: background-color 0.3s ease;
}



  .block-202308,
  .block-202308:link,
  .block-202308:visited {
      text-decoration: none; /* アンダーラインを取り除く */
  }
  
  .block-title-202308 {
    font-size: 1.4em;
    margin-bottom:0.5em;
    height: 80px; /* タイトルの高さを一定にする */
    overflow:visible; /* タイトルがはみ出る場合は隠す */
}

.block-text-202308 {
    font-size: 1em;
    color: #333; 
    height: 40px; /* テキストの高さを一定にする */
    overflow: hidden; /* テキストがはみ出る場合は隠す */
}


  /* Hover and active states */
  .block-202308:hover,
  .block-202308:active {
    background-color: #ccc;
  }
  
  /* Responsive design */
  @media (max-width: 768px) {
    .block-202308 {
      flex-basis: 100%;
    }
  }
  
  .container-guide-202308 {
    display: flex;
    flex-wrap: wrap;
    gap: 20px; /* アイテム間のスペースを設定 */
    padding: 10px;
    justify-content: flex-start; /* 左寄せに変更 */
}

.block-guide-202308 {
    flex: 1 1 calc(50% - 20px); /* 最大2列で表示 */
    margin: 10px;
    padding: 20px;
    background-color: #f2f2f2;
    color: #333;
    border: 1px solid #ccc;
    text-decoration: none;
    transition: background-color 0.3s ease;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width:280px;
}

.block-title-guide-202308,
.block-text-guide-202308 {
    text-decoration: none;
    width: 100%; /* テキストも幅を100%にする */
}

.block-image-guide-202308 {
    width: 100%;
    padding-top: 65.2%; /* Aspect ratio: 450/690 = 0.652 */
    position: relative;
    overflow: hidden;
}

.block-image-guide-202308 img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.block-title-guide-202308 {
    font-size: 1.2em;
    margin-top: 1em;
    margin-bottom: 0.5em;
    text-align: left;
}

.block-text-guide-202308 {
    font-size: 1em;
    text-align: left;
}

  
  .block-guide-202308,
  .block-guide-202308:link,
  .block-guide-202308:visited {
      text-decoration: none; /* アンダーラインを取り除く */
  } 
  /* Hover and active states */
  .block-guide-202308:hover,
  .block-guide-202308:active {
    background-color: #ccc;
  }
  
  /* Responsive design */
  @media (max-width: 768px) {
    .block-guide-202308 {
      flex-basis: 100%;
    }
  }
/* 用紙余白はトップレベルで */
@page { margin: 12mm; }

/* 印刷用：サイドバーを消して本文を全幅に＋スクロールバー抑止 */
@media print {
  /* 画面用装飾をオフ */
  * { background: transparent !important; box-shadow: none !important; }
  body { color: #000 !important; }
  a, a:link, a:visited { text-decoration: none !important; color: #000 !important; }
  img { max-width: 100% !important; height: auto !important; }

  /* 不要ブロックを非表示（必要に応じて調整） */
  #header, #header_nav, #footer,
  .fixed_nav, .arrow2top, .breadcrumb,
  .main_image01, .main_image02, .main_image03,
  #main_image, .page_banner01, .page_banner02 { display: none !important; }

  /* はみ出しの主因を無効化（固定幅＋overflow-x） */
  html, body {
    width: auto !important;
    height: auto !important;
    overflow: visible !important;  /* ← ここでスクロールバーを抑止 */
  }

  /* サイドバーを消す */
  #sidebar { display: none !important; }

  /* 本文を全幅に・横並び解除・固定幅解除 */
  #wrap, #contents, #main {
    width: auto !important;
    max-width: none !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* インラインstyle由来の固定幅/高さを解除（スクロールバー抑止の要） */
  [style*="width:"], [style*="min-width:"] {
    width: auto !important;
    min-width: 0 !important;
  }
  [style*="height:"], [style*="max-height:"] {
    height: auto !important;
    max-height: none !important;
  }

  /* すべての要素でスクロールを発生させない */
  * {
    overflow: visible !important;
    max-width: none !important;
    max-height: none !important;
  }

  /* 画像・表・プリ要素のはみ出し防止 */
  img, table, iframe, pre, code, blockquote {
    max-width: 100% !important;
    height: auto !important;
    overflow: visible !important;
    page-break-inside: avoid;
  }
  pre, code { white-space: pre-wrap !important; } /* 横スクロール防止 */

  /* 表記整形 */
  table { width: 100% !important; border-collapse: collapse !important; }
  table, th, td { border-color: #000 !important; }
  th, td { word-break: break-word; overflow-wrap: anywhere; }

  /* 見出しの装飾を印刷向けに */
  h2, h3, h4 {
    background: none !important;
    color: #000 !important;
    border-color: #000 !important;
  }
  h2, h3 { page-break-after: avoid; }

  /* 位置ズレの原因を抑制 */
  .fleft, .fright, [class*="float"], [style*="float:"] { float: none !important; }
  [style*="position: absolute"], [style*="position: fixed"] { position: static !important; }

  /* 余計なテキスト効果を無効化 */
  .phone_number_holder { text-shadow: none !important; }

  /* セクションごとのスクロール抑止（例：目次やグリッドが固定高さの場合） */
  .toc, .simulation-container { overflow: visible !important; height: auto !important; }

  /* 背景色の印刷を抑制（Chromium系向け） */
  /* -webkit-print-color-adjust: exact;  ←背景も印刷したい場合のみ有効化 */
}
/* メインビジュアルの無料相談ボタンを少し上に移動 */
.MainVisual__Results {
  bottom: 40px !important;
}