/*
Theme Name:cmspro_modification
*/

html body {
  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
}
h1.page-mainvisual{
  position: relative;
  text-align: center;
}
.mainimg {
    background: url(images/large-scale-repair-work_bg.png) no-repeat center center;
    height: 685px;
    margin-bottom: 0px;
}
.mainimg img {
    width: auto;
    margin: 0px auto 0;
    text-align: center;
    display: block;
    padding-top: 0px;
}
 
@media screen and (max-width: 1000px)
{
.mainimg {
    height: auto;
    padding: 0px 0;
    background-size: cover;
	margin-bottom: 0px;
}
 
.mainimg img {
    width: 98%;
    padding-top: 0px;
    padding-bottom: 0px;
}
}
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  text-align: center;
}
th.bg_gray{
	background:#706c6c!important;
}
a.red_txt{
	color:#e60000;
	text-decoration: underline;
}
.tk1{
	color:#e60000;
}
.postid-2677 table li{
	padding:0!important;
}

#contents #main-height #main-content .qa h3{
	border:none!important;
	background:#5368b7;
	color: #fff!important;
	padding: 8px 15px 9px 15px !important;
	line-height: 1.5 !important;
}
#contents #main-height #main-content .qa p {
	margin: 15px 16px 30px 30px !important;
	line-height: 140%;
	text-indent: -24px;
}
#contents #main-height #main-content .qa p:before {
	content: "A.";
	font-weight: bold;
	margin-right: 8px;
	color: #e60000;
	font-size: 110%;
}


strong.tk5{
  font-weight: bold;
  background: linear-gradient(transparent 60%, rgba(255, 216, 0, 1) 40%);
  text-shadow: 0px 2px 0px rgb(255, 255, 255);
  padding-bottom: 3px;
  color: #e60000;
}
strong.tk6{
  font-weight: bold;
  background: linear-gradient(transparent 60%, rgba(255, 216, 0, 1) 40%);
  text-shadow: 0px 2px 0px rgb(255, 255, 255);
  padding-bottom: 3px;
  color: #000;
}
strong.tk7{
  font-weight: bold;
  padding-bottom: 3px;
  color: #e60000;
}
body {
  line-height: 2;
  color: #000;
}

@media print, screen and (min-width: 1100px) {
  body { font-size: 16px; }
}

@media print, screen and (min-width: 651px) and (max-width: 1099px) {
  body { font-size: 15px; }
}



img {
  border: none;
  width: 100%;
  height: auto;
  vertical-align: top;
}


body {
  animation: fadeIn 2s ease 0s 1 normal;
  -webkit-animation: fadein 2s ease 0s 1 normal;
}

@keyframes fadeIn {
  line-height: 2;
  0% { opacity: 0; }
  100% { opacity: 1; }
}

@-webkit-keyframes fadeIn {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.err-msg {
  font-family: "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #e61e1a;
  font-size: 15px;
  font-weight: bold;
  display: block;
  margin: 5px 0 0 0;
}

.error {
  background-color: lightpink;
}

.res-a {
  padding-top: 5px;
}

.res-c {
  margin-left: 240px;
  word-wrap: break-word;
}

.idx-c {
  text-align: left;
}

.prev-btn {
  font-weight: bold;
  padding: 9px 0;
  display: inline-block;
  text-align: center;
  text-decoration: none !important;
  font-size: 125%;
  border-radius: 3px;
  width: 220px;
  box-sizing: border-box;
}

.c-fix {
  clear: none;
  padding-top: 30px;
}

.prev-fix-a {
  padding-left: 180px;
}

.prev-fix-b {
  padding-left: 100px;
}
.repairwork{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.repairwork_box {
	width: 31.333%;
	margin: 0 1% 2% 1%;
	text-align: center;
}
.repairwork2{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.repairwork_box2 {
	width: 31.333%;
	margin: 0 1% 2% 1%;
	text-align: center;
}
#contents #main-height #main-content .qa_wrap h3.q_ttl{
	background: #1e4992;
	padding: 14px 10px 13px 50px !important;
	color: #fff !important;
	line-height: 1.3 !important;
	margin: 0 !important;
}
#contents #main-height #main-content .qa_wrap h3.q_ttl::before {
content: "Q";
  font-size: 130%;
  margin: 0 -20px 0px 0;
  position: relative;
  left: -30px;
}
#contents #main-height #main-content .qa_wrap p.a_txt{
	margin: 0;
	position: relative;
	padding: 0 0 0 30px;
}
#contents #main-height #main-content .qa_wrap p.a_txt::before {
content: "A";
  position: absolute;
  left: 0px;
  font-size: 160%;
  color: #990a0c;
  font-weight: bold;
  top: -9px;
}
#contents #main-height #main-content .qa_wrap .a_txt_wrap{
	background: #eeeeee;
	padding: 20px;
	margin: 0 0 20px 0;

}
.mb20{
	margin: 0 0 20px 0!important;
}
#contents #main-height #main-content h3.reason_title{
	margin: 0 0 10px 0;
}
ul.repair_btn{
	display: flex;
	margin: 20px 0;
	padding: 0px 10px;
}
ul.repair_btn li{
	list-style-type: none;
	width: 33.33333333%;
	text-align: center;
	margin: 0 1% 0 1%;
}
ul.repair_btn li span{
	font-size: 140%;
	font-weight: bold;
	margin: 0 3px 0 0;
	position: relative;
	top: 1px;
}
ul.repair_btn li a{
	background: #1b5dac;
	display: block;
	color: #fff;
	padding: 10px 0 13px 0;
	line-height: 1.5;
}
ul.repair_btn li a:hover{
	text-decoration: none;
	background: #3976bf;
}
.page-id-159 ul.repair_btn li:nth-child(1) a{
	border: 3px solid #fec42e;
}
.page-id-159 ul.repair_btn li:nth-child(2) a,
.page-id-159 ul.repair_btn li:nth-child(3) a{
	border: 3px solid #fff;
}

.page-id-178 ul.repair_btn li:nth-child(2) a{
	border: 3px solid #fec42e;
}
.page-id-178 ul.repair_btn li:nth-child(1) a,
.page-id-178 ul.repair_btn li:nth-child(3) a{
	border: 3px solid #fff;
}

.page-id-2289 ul.repair_btn li:nth-child(3) a{
	border: 3px solid #fec42e;
}
.page-id-2289 ul.repair_btn li:nth-child(1) a,
.page-id-2289 ul.repair_btn li:nth-child(2) a{
	border: 3px solid #fff;
}
@media screen and (max-width: 768px){
.repairwork_box2 {
  width: 35%;
  margin: 0 1% 2% 1%;
  text-align: center;
}
.postid-2677 th,
.postid-2677 td{
	padding:10px 5px!important;
	font-size:90%;
}
.repairwork_box {
  width: 31.33333333%;
  margin: 0 1% 2% 1%;
  text-align: center;
}
.top_reason {
  padding: 20px 0px!important;
}
.imgl p.im {
  width: 18%!important;
  margin: 0 6% 0 0;
}
.table-scroll {
  overflow: scroll;
	margin: 0 0 20px 0;
}
.table-scroll table{
  width: 900px!important;
  max-width: inherit!important;
}
.postid-2491 ul.check_list li{
	text-align: left!important;
}
}
@media screen and (max-width: 420px){
ul.repair_btn {
    display: flex;
    margin: 20px 0;
    padding: 0px 10px;
}
ul.repair_btn li {
    list-style-type: none;
    width: 33.3333333333333%;
    text-align: center;
    margin: 0 1% 0 1%;
}
ul.repair_btn li a {
    background: #1b5dac;
    display: block;
    color: #fff;
    padding: 6px 0 9px 0;
    line-height: 1.5;
	font-size: 80%;
}

}

#CMSProEditorCSS + .pankuzu + #main-height #main-content p.achievements_date{
}
#CMSProEditorCSS + .pankuzu + #main-height #main-content ul.post-tags{
	display: flex;
	margin: 0;
}
#CMSProEditorCSS + .pankuzu + #main-height #main-content ul.post-tags li {
	list-style-type: none;
	position: relative;
	padding: 0 1em;
	background: #60aee5;
	border-radius: 30px;
	margin: 0 0.3em;
}
#CMSProEditorCSS + .pankuzu + #main-height #main-content h2.achievements {
	margin:45px 0 14px 0;
}
#CMSProEditorCSS + .pankuzu + #main-height #main-content .kasou_page_txt table.achievements th {
	text-align: center;
	background: #c7c7c7;
	border:1px solid #acacac;
	text-align:left;
	color: #000;
}
#CMSProEditorCSS + .pankuzu + #main-height #main-content td {
	border:1px solid #acacac;
}
.ach-post_wrap {
    padding: 0 50px;
    margin-bottom: 50px;
}
@media print, screen and (max-width: 960px) {
#CMSProEditorCSS + .pankuzu + #main-height #main-content ul.post-tags li{
	width: auto;
}
}
@media print, screen and (max-width: 649px) {
#CMSProEditorCSS + .pankuzu + #main-height #main-content ul.post-tags li a{
	font-size: 0.8em;
}.ach-post_wrap {
    padding: 0 0 0 20px;
    margin-bottom: 50px;
}
}

/* リンク部分
---------------------------------------------------------------------------------------------------------------------- */

a {
  color: #000;
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  /* color: #34A7E0; */
  text-decoration: underline;
}

a:active {
  text-decoration: none;
}

/* フロート
---------------------------------------------------------------------------------------------------------------------- */
.fL { float: left; }
.fR { float: right; }

/* マージン
---------------------------------------------------------------------------------------------------------------------- */

.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }
.mb60 { margin-bottom: 60px; }
.mb70 { margin-bottom: 70px; }
.mb80 { margin-bottom: 80px; }
.mb3p { margin-bottom: 7%; }

.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }
.mt50 { margin-top: 50px; }
.mt60 { margin-top: 60px; }
.mt70 { margin-top: 70px; }
.mt80 { margin-top: 80px; }

.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }
.ml40 { margin-left: 40px; }
.ml50 { margin-left: 50px; }
.ml70 { margin-left: 70px; }
.ml90 { margin-left: 90px; }

.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.mr40 { margin-right: 40px; }
.mr50 { margin-right: 50px; }
.mr2p { margin-right: 2%; }

.pt10 { padding-top: 10px; }
.pt20 { padding-top: 20px; }
.pt70 { padding-top: 70px; }

.pb10 { padding-bottom: 10px; }
.pb20 { padding-bottom: 20px; }

/* ----------------------textstyle------------------------------ */
.fs30 { font-size: 30%; }
.fs35 { font-size: 35%; }
.fs40 { font-size: 40%; }
.fs50 { font-size: 50%; }
.fs60 { font-size: 60%; }
.fs70 { font-size: 70%; }
.fs80 { font-size: 80%; }
.fs85 { font-size: 85%; }
.fs90 { font-size: 90%; }
.fs95 { font-size: 95%; }
.fs100 { font-size: 100%; }
.fs105 { font-size: 105%; }
.fs110 { font-size: 110%; }
.fs115 { font-size: 115%; }
.fs120 { font-size: 120%; }
.fs125 { font-size: 125%; }
.fs130 { font-size: 130%; }
.fs135 { font-size: 135%; }
.fs140 { font-size: 140%; }
.fs145 { font-size: 145%; }
.fs150 { font-size: 150%; }
.fs155 { font-size: 155%; }
.fs170 { font-size: 170%; }
.fs180 { font-size: 180%; }
.fs200 { font-size: 200%; }
.fs220 { font-size: 220%; }
.fs250 { font-size: 250%; }
.fs300 { font-size: 300%; }
.ff01 { font-family: 'Montserrat', sans-serif; }
.ff02 { font-family: 'Fjalla One', sans-serif; }
.ff03 { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
.ff04 { font-family: 'Merriweather Sans', sans-serif; }

.lh10 { line-height: 1; }
.lh12 { line-height: 1.2; }
.lh15 { line-height: 1.5; }
.lh18 { line-height: 1.8; }
.lh20 { line-height: 2; }
.lh30 { line-height: 3; }

.fcwh { color: #fff; }
.fcbk { color: #000; }
.fcgr { color: #999; }
.fcgl { color: #6f9b1c; }
.fcrd { color: #f00; }
.fcbl { color: #0168b7; }
.fcgn { color: #037b00; }
.fcyl { color: #ffff01; }
.fcor { color: #ffa401; }

.fw400 { font-weight: 400; }
.fw700 { font-weight: 700; }

.tac { text-align: center; }
.tal { text-align: left; }
.tal + td > p { text-align: left; }

.tar { text-align: right; }

.ls {
  letter-spacing: -0.2em;
}

.ls2 {
  letter-spacing: -0.1em;
}

h1,
h2,
h3,
h4,
h5 {
  font-size: 8px;
}

h1 {
  position: absolute;
  text-align: left;
  right: 0;
}
.h-logo p {
  position: absolute;
  text-align: left;
  right: 0;
}

@media print, screen and (min-width: 1100px) {
  h1 { top: 0; }
}

@media print, screen and (min-width: 651px) and (max-width: 1099px) {
  h1 { top: -9px; }
}

@media print, screen and (max-width: 649px) {
  h1 { top: -9px; }
}

#mar {

}
.postid-2677 .ttl{
	padding: 1em!important;
	background: #706c6c !important;
	color: #fff!important;
}
.toggle {
	display: none;
}
.Label {		/*タイトル*/
	padding: 1em;
	display: block;
	color: #fff;
	background:#5368b7;
}
.postid-2677 .accordion .content dl,
.postid-2677 .accordion .content dt,
.postid-2677 .accordion .content dd{
	padding:0!important;
	margin:0!important;
}
.postid-2677 .accordion .content dl{
	display:flex;
}
.postid-2677 .accordion .content dt{
	width:30%!important;
	padding: 1em!important;
	background: #706c6c !important;
	color:#fff;
}
.postid-2677 .accordion .content dd{
	width:70%!important;
	padding: 1em!important;
	border-right:1px solid #ccc!important;
	border-bottom:1px solid #ccc!important;
}
.postid-2677 .accordion .content dd.top{
	border-top:1px solid #ccc!important;
}
.Label::before{		/*タイトル横の矢印*/
	content:"";
	width: 6px;
	height: 6px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	position: absolute;
	top:calc( 50% - 3px );
	right: 20px;
	transform: rotate(135deg);
}
.Label,
.content {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translateZ(0);
	transition: all 0.3s;
}
.content {		/*本文*/
	height: 0;
	margin-bottom:0px;
	padding:0 0px;
	overflow: hidden;
}
.toggle:checked + .Label + .content {	/*開閉時*/
	height: auto;
	padding: 10px 10px;
	transition: all .3s;
}
.toggle:checked + .Label::before {
	transform: rotate(-45deg) !important;
}

@media print, screen and (min-width: 649px) {
  .pc_none { display: none!important; }
}
@media print, screen and (max-width: 649px) {
  .sp_none { display: none!important; }
}

@media print, screen and (min-width: 1100px) {
  .pc { display: block; }
}

@media print, screen and (min-width: 651px) and (max-width: 1099px) {
  .pc { display: none; }
}

@media print, screen and (max-width: 649px) {
  .pc { display: none; }
}

@media print, screen and (min-width: 1100px) {
  .pco { display: none; }
}

@media print, screen and (min-width: 651px) and (max-width: 1099px) {
  .pco { display: block; }
}

@media print, screen and (max-width: 649px) {
  .pco { display: block; }
}

@media print, screen and (min-width: 1100px) {
  .sp { display: none; }
}

@media print, screen and (min-width: 651px) and (max-width: 1099px) {
  .sp { display: none; }
}

@media print, screen and (max-width: 649px) {
  .sp { display: block; }
}

@media print, screen and (min-width: 1100px) {
  .spo { display: block; }
}

@media print, screen and (min-width: 651px) and (max-width: 1099px) {
  .spo { display: block; }
}

@media print, screen and (max-width: 649px) {
  .spo { display: none; }
}

.top-over {
  clear: both;
  overflow: hidden;
}

@media print, screen and (min-width: 1100px) {
  .top-over { margin: 0; }
}

@media print, screen and (min-width: 651px) and (max-width: 1099px) {
  .top-over { margin: 0 0 0 0; }
}

@media print, screen and (max-width: 649px) {
  .top-over { margin: 0 0 0 0; }
}

h1.top-over2 {
	padding: 80px 0 70px 0;
	line-height: 1.65;
	text-shadow: black 0 0 2px;
	clear: both;
	background-color: #637dba;
	background-size: cover;
	color: #fff;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	overflow: hidden;
	position: relative;
	text-align: center;
	font-weight: normal;
}

@media print, screen and (min-width: 1100px) {
  h1.top-over2 { font-size: 270%; margin: 0 0 0 0; font-size: 270%; padding: 80px 0 70px 0; }
}

@media print, screen and (min-width: 651px) and (max-width: 1099px) {
  h1.top-over2 { font-size: 240%; margin: 0 0 0 0; font-size: 250%; padding: 70px 0 60px 0; }
}

@media print, screen and (max-width: 649px) {
  h1.top-over2 { font-size: 200%; margin: 0 0 0 0; font-size: 180%; padding: 60px 0 50px 0; }
}

h1.top-over2 p {
  font-size: 35%;
  font-family: 'Montserrat', sans-serif;
  clear: both;
  margin: 0;
  padding: 0;
  overflow: hidden;0
}

.pankuzu {
  font-size: 70%;
  background-color: #f9f9f9;
  text-align: left;
  clear: both;
  border-bottom: 1px solid #cccfda;
  padding: 2px 0 1px;
  overflow: hidden;
}

@media print, screen and (min-width: 1100px) {
  .pankuzu-in { width: calc(1200px * 0.96); margin: 0 auto; }
}

@media print, screen and (min-width: 651px) and (max-width: 1099px) {
  .pankuzu-in { width: 96%; margin: 0 auto; }
}

@media print, screen and (max-width: 649px) {
  .pankuzu-in { width: 96%; margin: 0 auto; }
}
#Service-m { background-image: url(images/top-service-m.jpg); }
#Service-b { background-image: url(images/top-service-b.jpg); }
#Service-g { background-image: url(images/top-service-g.jpg); }
#Service-o { background-image: url(images/top-service-o.jpg); }
#Service-r { background-image: url(images/top-service-r.jpg); }
#Company { background-image: url(images/top-company.jpg); }
#Faq { background-image: url(images/top-faq.jpg); }
#Price { background-image: url(images/top-price.jpg); }
#Safety { background-image: url(images/top-safety.jpg); }
#Area { background-image: url(images/top-area.jpg); }
#Partner { background-image: url(images/top-partner.jpg); }
#News { background-image: url(images/top-news.jpg); }
#Example { background-image: url(images/top-example.jpg); }
#Result { background-image: url(images/top-result.jpg); }
.category-4 h1#CMSProEditorCSS {
    background-image: url(images/top-result.jpg);
}



/* --------------- */

/***** common *****/

/* --------------- */
.def {
  overflow: hidden;
  clear: both;
}

.btn_flex1{
    display: flex;
    flex-wrap:wrap;
}

.btn_flex1:after{
    content:none !important;
}

.btn_flex1 div.bt-l3{
    box-sizing:border-box;
   width: 32% !important;
    width: auto;
    min-width: none;
    display: flex;
    margin: 0 2% 30px 0;
}

.btn_flex1 div.bt-l3:nth-child(3){
    margin: 0 0 30px 0;
}


.btn_flex1 div.bt-l3:nth-child(6){
    margin: 0 0 30px 0;
}
.btn_flex1 div.bt-l3 a{
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    }


@media screen and (max-width: 1100px) {
    .btn_flex1 div.bt-l3{
    box-sizing:border-box;
   width: 49% !important;
    width: auto;
    min-width: none;
    display: inline-block;
    margin: 0 2% 30px 0;
}



.btn_flex1 div.bt-l3:nth-child(2n){
    margin: 0 0 30px 0;
}

.btn_flex1 div.bt-l3:nth-child(3){
   margin: 0 2% 30px 0;
}
}



@media print, screen and (max-width: 649px) {
  .btn_flex1 div.bt-l3{
    box-sizing:border-box;
   width: 100% !important;
    width: auto;
    min-width: none;
    display: inline-block;
    margin: 0 0 20px 0 !important;
}
}




header {
  width: 100%;
  overflow: hidden;
  z-index: 1000;
  margin: 0;
  top: 0;
  border-top: 5px solid #637dba;
  padding: 0;
  background-color: rgba(255, 255, 255, 1);
}

.header-in {
  margin: 0 auto;
  clear: both;
  position: relative;
  overflow: hidden;
}

@media print, screen and (min-width: 1100px) {
  .header-in { width: 1200px; height: 115px; }
}

@media print, screen and (min-width: 651px) and (max-width: 1099px) {
  .header-in { width: 100%; height: 75px; }
}

@media print, screen and (max-width: 649px) {
  .header-in { width: 100%; height: 75px; }
}
/*0928改修*/

@media print, screen and (min-width: 1100px) {
.header-in {
    width: 1000px;
    height: auto;
    padding: 15px 0 0;
}
.header-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 50px 0 0;
}.header-top a {
    font-size: 30px;
    width: 48%;
    display: block;
}
.header-top a h1 {
    position: relative;
    color: #000;
    font-size: 30px;
    line-height: 1.5;
    margin: 0;
}
.header-top a .h-logo p {
    position: relative;
    color: #000;
    font-size: 30px;
    line-height: 1.5;
    margin: 0;
}
.header-top a h1 span {
    display: block;
    font-size: 15px;
    margin: 0 0 10px;
}
.header-top a .h-logo p span {
    display: block;
    font-size: 15px;
    margin: 0 0 10px;
	font-weight: bold;
}
.header-top a h1 img {
    height: 80px;
    width: auto;
}
.header-top a .h-logo p img {
    height: 80px;
    width: auto;
}
.header-top a:hover {
    text-decoration: none;
}.head-right {
    display: flex;
    justify-content: space-between;
    width: 48%;
    align-items: center;
}.head01 {
    font-family: 'Roboto', sans-serif;
    font-size: 32px;
    font-weight: bold;
    text-align: left;
    line-height: 1.2;
}.head01 img {
    width: 30px;
    vertical-align: middle;
    margin-right: 8px;
}.head02 {
    font-size: 13px;
    text-align: left;
    line-height: 1.2;
}.head02 span {
    color: #637db9;
}.head03 {
    font-size: 10px;
    text-align: left;
}.head-right01 {
    margin-right: 0;
    width: 58%;
}.head-right02 {
    width: 40%;
}.head-right02 a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    line-height: 1.2;
    font-weight: bold;
    background: #1b5dac;
    color: #fff;
    padding: 10px 10px;
    text-align: left;
    width: 100%;
}.head-right02 a img {
    width: auto;
    margin-right: 10px;
}ul#menu li a:hover {
    color: #637db9;
    border-bottom: 2px solid #637db9;
    text-decoration: none;
}
ul#menu li a {
    display: block;
    font-size: 17px;
    padding: 15px 0;
    border-bottom: 2px solid #fff;
    font-weight: bold;
}ul#menu li {
    width: calc(100% / 7);
    position: relative;
}ul#menu {
    list-style: none;
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0;
}ul#menu li:before {
    content: "";
    height: 16px;
    width: 1px;
    background: #b5b5b5;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}ul#menu li:last-child:after {
    content: "";
    height: 16px;
    width: 1px;
    background: #b5b5b5;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
/*	TOPMAIN*/
	.top-main {
    position: relative;
		background: url("images/main2022Bg.webp") center bottom no-repeat;
		height: 685px;
		background-size: cover;

}
.Inner {
    width: 1000px;
    margin: 0 auto;
    position: relative;
    padding: 50px 0;
}.top-main h2 {
    font-size: 41px;
    text-align: left;
    line-height: 1.5;
    margin-bottom: 0;
}.top-main h2 span {
    color: #d32b2b;
}.top-main h2 strong {
    font-size: 54px;
}.top-main ul {
    list-style: none;
    display: flex;
    width: 40%;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
    justify-content: space-between;
}.top-main p {
    text-align: left;
    font-weight: bold;
    margin-bottom: 35px;
}.top-main ul li:nth-child(1) {
    width: 100%;
}.top-main ul li {
    width: 48%;
    text-align: left;
    margin-bottom: 30px;
}.top-main ul li a {
    display: block;
    background: rgb(0 0 0 / 50%);
    padding: 2px 20px;
    color: #fff;
    font-weight: bold;
    position: relative;
    text-decoration: none;
}.top-main ul li a:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 36px 36px 0;
    border-color: transparent #637db9 transparent transparent;
    position: absolute;
    right: 0;
    top: 0;
}
	.top-main ul li a {
    display: block;
    background: rgb(0 0 0 / 50%);
    padding: 2px 20px;
    color: #fff;
    font-weight: bold;
    position: relative;
    text-decoration: none;
}
}

@media print, screen and (min-width: 651px) and (max-width: 1099px) {
 .header-in {
    width: 100%;
    height: auto;
    padding: 15px 0 0;
}
.header-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
}.header-top a {
    display: block;
    width: 40%;
}
.header-top a h1 {
    position: relative;
    color: #000;
    font-size: 30px;
    line-height: 1.5;
    padding: 0 15px 0 0;
}
.header-top a .h-logo p {
	position: relative;
	color: #000;
	font-size: 30px;
	line-height: 1.5;
	padding: 0 15px 0 0;
	top: -9px;
	margin: 20px 0px;
}
.header-top a h1 span {
    display: block;
    font-size: 10px;
    line-height: 1.5;
    white-space: nowrap;
}
.header-top a .h-logo p span {
    display: block;
    font-size: 10px;
    line-height: 1.5;
    white-space: nowrap;
	font-weight: bold;
}
.header-top a:hover {
    text-decoration: none;
}.head-right {
    display: flex;
    justify-content: space-between;
    margin-right: 0;
    width: 58%;
    align-items: center;
}.head01 {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    line-height: 1.2;
    margin: 0 0 15px;
}.head01 img {
    width: 30px;
    vertical-align: middle;
    margin-right: 8px;
}.head02 {
    font-size: 11px;
    text-align: left;
    transform-origin: 0;
}.head02 span {
    color: #637db9;
}.head03 {
    font-size: 9px;
    text-align: left;
    white-space: nowrap;
}.head-right01 {
    margin-right: 10px;
    width: 48%;
}.head-right02 a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    line-height: 1.2;
    font-weight: bold;
    background: #1b5dac;
    color: #fff;
    padding: 10px;
    text-align: left;
    width: 100%;
}.head-right02 a img {
    width: auto;
    margin-right: 10px;
}.head-right02 {
    width: 48%;
}ul#menu li a:hover {
    color: #637db9;
    border-bottom: 2px solid #637db9;
    text-decoration: none;
}
ul#menu li a {
    display: block;
    font-size: 17px;
    padding: 15px 0;
    border-bottom: 2px solid #fff;
    font-weight: bold;
}ul#menu li {
    width: calc(100% / 7);
    position: relative;
}ul#menu {
    list-style: none;
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0;
}ul#menu li:before {
    content: "";
    height: 16px;
    width: 1px;
    background: #b5b5b5;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}ul#menu li:last-child:after {
    content: "";
    height: 16px;
    width: 1px;
    background: #b5b5b5;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
	/*	TOPMAIN*/
	.top-main {
    position: relative;
		background: url("images/main2022Bg.png") center bottom no-repeat;
		height: 685px;
		background-size: cover;

}
.Inner {
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 50px 15px;
}.top-main h2 {
    font-size: 41px;
    text-align: left;
    line-height: 1.5;
    margin-bottom: 0;
}.top-main h2 span {
    color: #d32b2b;
}.top-main h2 strong {
    font-size: 54px;
}.top-main ul {
    list-style: none;
    display: flex;
    width: 60%;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
    justify-content: space-between;
}.top-main p {
    text-align: left;
    font-weight: bold;
    margin-bottom: 35px;
}.top-main ul li:nth-child(1) {
    width: 100%;
}.top-main ul li {
    width: 48%;
    text-align: left;
    margin-bottom: 30px;
}.top-main ul li a {
    display: block;
    background: rgb(0 0 0 / 50%);
    padding: 2px 20px;
    color: #fff;
    font-weight: bold;
    position: relative;
    text-decoration: none;
}.top-main ul li a:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 36px 36px 0;
    border-color: transparent #637db9 transparent transparent;
    position: absolute;
    right: 0;
    top: 0;
}
	.top-main ul li a {
    display: block;
    background: rgb(0 0 0 / 50%);
    padding: 2px 20px;
    color: #fff;
    font-weight: bold;
    position: relative;
    text-decoration: none;
}
}
#contents{
	margin: 5px 0px 0px 0px;
}
@media print, screen and (max-width: 650px) {
.h-logo h1 {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
}
.h-logo h1 img {
    height: 55px;
    width: auto;
}
.h-logo p img {
    height: 55px;
    width: auto;
}
	
	
 .head-right {
    display: none;
}.header-in {
    width: calc(100% - 50px);
    margin: 0;
    display: flex;
    height: auto;
    justify-content: space-between;
    align-items: center;
    padding: 0;
}.glonavi {
    display: none;
}
.h-logo h1 {
    position: relative;
    text-align: left;
    left: 0;
    font-size: 30px;
    margin: 0;
    padding: 0 0 0 10px;
    top: auto;
	white-space: nowrap;
}
.h-logo p {
    position: relative;
    text-align: left;
    left: 0;
    font-size: 30px;
    margin: 0;
    padding: 0 0 0 10px;
    top: auto;
	white-space: nowrap;
}
.h-logo h1 span {
    display: none;
}
.h-logo p span {
    display: none;
}
.mail {
    position: relative;
}.tel-s {
    position: relative;
}.pco {
    display: block;
    /*position: absolute;*/
}.sp-right img {
    width: auto;
    max-width: 100%;
    height: 36px;
}
.sp-right {
    display: flex;
    width: 40%;
    justify-content: end;
}.tel-s {
    position: relative;
    margin: 0 4%;
}
	/*	TOPMAIN*/
.top-main {
    position: relative;
    background: url("images/main2022Bg-s.webp") center bottom no-repeat;
    height: auto;
    background-size: cover;
}
.Inner {
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 20px 10px;
}.top-main h2 {
    font-size: 21px;
    text-align: left;
    line-height: 1.5;
    margin-bottom: 0;
}.top-main h2 span {
    color: #d32b2b;
}.top-main h2 strong {
    font-size: 38px;
}.top-main ul {
    list-style: none;
    display: flex;
    width: 100%;
    margin: 0;
    padding: 0;
    flex-wrap: wrap;
    justify-content: space-between;
}.top-main p {
    text-align: left;
    font-weight: bold;
    margin-bottom: 35px;
    font-size: 13px;
    text-shadow: 0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff,0 0 2px #fff;
}.top-main ul li:nth-child(1) {
    width: 100%;
}.top-main ul li {
    width: 48%;
    text-align: left;
    margin-bottom: 30px;
}.top-main ul li a {
    display: block;
    background: rgb(0 0 0 / 50%);
    padding: 2px 20px;
    color: #fff;
    font-weight: bold;
    position: relative;
    text-decoration: none;
}.top-main ul li a:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 36px 36px 0;
    border-color: transparent #637db9 transparent transparent;
    position: absolute;
    right: 0;
    top: 0;
	z-index: 0;
}
.top-main ul li a {
    display: block;
    background: rgb(0 0 0 / 50%);
    padding: 2px 10px;
    color: #fff;
    font-weight: bold;
    position: relative;
    text-decoration: none;
    font-size: 14px;
}
}

.logo {
  position: absolute;
  letter-spacing: 0.01em;
  line-height: 1.2;
  text-shadow: 0 0 5px #fff;
  font-weight: 700;
}

@media print, screen and (min-width: 1100px) {
  /* .logo {width:200px;font-size: 350%; top: 20px; left: 0px;}
} */
 .logo {
    width: 230px;
    font-size: 45px;
    top: 30px;
    left: 0;
}
}
.logo.tac.ff04 h1 {
    position: relative;
    font-size: inherit;
    margin: 0;
    padding: 0;white-space: nowrap;
}
.logo.tac.ff04 h1 span{
    display: none!important;
}
@media print, screen and (min-width: 651px) and (max-width: 1099px) {
  /* .logo {width:170px;font-size: 280%; top: 10px; left: 10px;} */
  .logo { width: 200px; font-size: 280%; top: 10px; left: 10px; }
}

@media print, screen and (max-width: 649px) {
  /* .logo {width:145px;font-size: 250%; top: 10px; left: 10px;} */
  .logo { font-size: 200%; top: 20px; left: 10px; }
}

ul.hmn {
  font-size: 95%;
  position: absolute;
  top: 38px;
  font-size: 103%;
  text-align: center;
  width: 57%;
  right: 27%;
}

ul.hmn li {
  width: 16%;
  float: left;
  list-style-type: none;
  line-height: 1.4;
}

ul.hmn li p {
  margin: 0;
  padding: 0;
  font-size: 60%;
}

.tel {
  width: 300px;
  font-family: 'Abel', sans-serif;
  position: absolute;
  overflow: hidden;
  text-align: center;
  line-height: 1.2;
}

@media print, screen and (min-width: 1100px) {
  .tel {
    right: 50px;
    top: 20px;
    font-size: 30px;
}
}

@media print, screen and (min-width: 651px) and (max-width: 1099px) {
  .tel { right: 130px; top: 9px; font-size: 180%; }
}

@media print, screen and (max-width: 649px) {
  .tel { right: 130px; top: 9px; font-size: 150%; }
}

.tel-free {
  float: left;
  margin: 7px 0 0 0;
  width: 12%;
}

.tel-l {
  float: right;
  width: 85%;
  text-align: left;
}

.tel-r {
  clear: both;
}


@media print, screen and (min-width: 1100px) {
  .mail { width: 40px; right: 0; top: 43px; }
}

@media print, screen and (min-width: 651px) and (max-width: 1099px) {
  .mail { width: 40px; right: 75px; top: 25px; }
}




@media print, screen and (min-width: 1100px) {
  .tel-s { width: 40px; right: 135px; top: 18px; }
}

@media print, screen and (min-width: 651px) and (max-width: 1099px) {
  .tel-s { width: 40px; right: 135px; top: 18px; }
}


footer {
  overflow: hidden;
  clear: both;
  text-align: left;
  font-size: 80%;
  color: #fff;
  background-color: #637dba;
}

footer a {
  color: #fff !important;
}

.fixed_footer{
    display: none;
}
@media print, screen and (max-width: 649px) {
.fixed_footer{
    display: flex;
    justify-content: space-between;
    position: fixed;
    bottom:0;
    width: 100%;
        z-index: 100000;
}

.fixed_footer a{
    width: 50%;      
    background-repeat: no-repeat;
    line-height: 100%;
    background-size: 25px;
     display: flex;
    align-items: center;
    text-align: center;
        justify-content: center;
        padding:15px 10px;
}

.fixed_footer a.sp_f_tel{
    background-color: #5872b1;
    font-size:20px;
    position: relative;
    
}

.fixed_footer a.sp_f_tel span{
    padding-left: 26px;
    position: relative;
}


.fixed_footer a.sp_f_tel span:before{
    background-image: url("images/f_icon_tel.png");
         content: "";
    display: inline-block;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 0;
    height: 20px;
    width: 20px;
}

.fixed_footer a.sp_f_form{
font-size:14px;
     background-color: #f9bf2e;
      position: relative;
}


.fixed_footer a.sp_f_form span{
    padding-left: 26px;
    position: relative;
}

.fixed_footer a.sp_f_form span:before{
    background-image: url("images/f_icon_mail.png");
        content: "";
    display: inline-block;
    background-size: cover;
    position: absolute;
left: 0;
    top: -3px;
    height: 20px;
    width: 20px;
    
}
}

@media print, screen and (min-width: 1100px) {
  .footer-in { width: 1200px; margin: 80px auto; }
}

@media print, screen and (min-width: 651px) and (max-width: 1099px) {
  .footer-in { width: 90%; margin: 80px auto; }
}

@media print, screen and (max-width: 649px) {
  .footer-in { width: 90%; margin: 80px auto; }
}

@media print, screen and (min-width: 1100px) {
  .footer-logo { width: 20%; margin: 0; float: left; }
}

@media print, screen and (min-width: 651px) and (max-width: 1099px) {
  .footer-logo { width: 30%; margin: 0; float: left; }
}

@media print, screen and (max-width: 649px) {
  .footer-logo { width: 100%; margin: 0 auto 5%; float: none; clear: both; }
}

@media print, screen and (min-width: 1100px) {
  .footer-txt { width: 78%; float: right; }
}

@media print, screen and (min-width: 651px) and (max-width: 1099px) {
  .footer-txt { width: 68%; float: right; }
}

@media print, screen and (max-width: 649px) {
  .footer-txt { width: 100%; float: none; }
}

@media print, screen and (min-width: 1100px) {
  .footer-l { width: 25%; margin: 0 12% 0 0; float: left; }
}

@media print, screen and (min-width: 651px) and (max-width: 1099px) {
  .footer-l { width: 35%; margin: 0 12% 0 0; float: left; }
}

@media print, screen and (max-width: 649px) {
  .footer-l { width: 100%; margin: 0 auto 5%; float: none; clear: both; }
}

@media print, screen and (min-width: 1100px) {
  .footer-r { width: 75%; float: right; }
}

@media print, screen and (min-width: 651px) and (max-width: 1099px) {
  .footer-r { width: 63%; float: right; }
}

@media print, screen and (max-width: 649px) {
  .fmn-r { width: 100%; float: none; }
}
.fmn-t { border-left: 4px solid #fff; clear: both; margin: 0 0 0 0; padding: 0 0 0 10px; font-size: 120%; line-height: 1.2; }
.footer-50 { width: 50%; float: left; }
.footer-25 { width: 25%; float: left; }
ul.fmn { margin: 0; padding: 10px; }
ul.fmn li {}

.footer-in.v1{
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}
.footer-in.v1 .footer-txt{
  width: 65%;
  float:none;
  display: flex;
  box-sizing: border-box;
}
.footer-list{
  width: calc(100% / 3);
  float: none;
  box-sizing: border-box;
}
.footer-list.list2{
  padding: 0 30px;
}

.footer-in.v1 .footer-logo{
  width: 35%;
  float:none;
  box-sizing: border-box;
}
.footer-in.v1 .footer-logo strong{
  display: block;
  line-height: 1.5;
}
.footer-in.v1 .footer-logo strong.company_name{
  font-size: 2em;
}
.footer-in.v1 .footer-logo strong.company_name img {
    max-height: 100px;
    width: auto;
    margin: 20px 0;
    background: #fff;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 5px;
}.footer-logo a {
    transition: 0.5s;
}.footer-logo a:hover {
    opacity: 0.8;
}
.footer-in.v1 .footer-logo p{
  margin: 0;
}
.iso_logo img{
  display: block;
  width: 200px;
  max-width: 100%;
  margin: 20px 0 0;
}
.copy{
  font-size: 1.1em;
  font-weight: bold;
  text-align: center;
  margin: 50px auto 20px;
}
@media print, screen and (min-width: 651px) and (max-width: 1099px) {
  .footer-in.v1 .footer-txt{
    width: 60%;
    margin-left: 5%;
  }
  .footer-list.list2{
    padding: 0 0 0 30px;
  }.footer-in.v1 .footer-logo strong.company_name img {
    max-height: max-content;
    width: 100%;
}
}
@media print, screen and (max-width: 649px) {
  .footer-in.v1 .footer-logo {
    width: 100%;

}
  .footer-in.v1 .footer-txt{
    display: none;
  }
}
/* --------------- */

/***** side *****/

/* --------------- */

#main-height {
  position: relative;
  min-height: 100%;
  width: 1200px;
  margin: auto;
  display: -webkit-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

#main-content {
  text-align: left;
  width: calc(100% - 250px);
  height: 100%;
  border-left: 1px solid #cccfda;
  background-color: #fff;
}

#sidebar {
  width: 250px;
  height: 100%;
  border-right: 1px solid #cccfda;
  background-color: #fff;
  z-index: 10;
  text-align: left;
}

@media print, screen and (max-width: 1200px) {
  #main-height { width: 100%; }
}

@media print, screen and (max-width: 649px) {
  #main-height {
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  #main-content {
    width: 100%;
    border-left: none;
  }

  #sidebar {
    width: 100%;
    height: auto;
    border-right: none;
  }
}

.whmenu { overflow: hidden; clear: both; padding: 10px 20px; border-bottom: 1px solid #cccfda; }
.ul_open { overflow: hidden; clear: both; padding: 0; margin: 0; }
.ul_open li { overflow: hidden; clear: both; padding: 10px 10px 10px 55px; border-bottom: 1px solid #cccfda; position: relative; }

.ul_open li::before {
  position: absolute;
  left: 35px;
  top: 28%;
  content: "\f054";
  color: #2a68b1;
  font-family: FontAwesome;
  margin: 0;
}
.half { float: left; width: 50%; padding: 15px 10px; box-sizing: border-box; }
.bdl { border-left: 1px solid #cccfda; }
.bdb { border-bottom: 1px solid #cccfda; }
.bd { border: 1px solid #cccfda; }
.imgl { overflow: hidden; clear: both; padding: 10px 10px; border-bottom: 1px solid #cccfda; }

.imgl p {
  line-height: 1.2;
  display: inline-block;
  vertical-align: middle;
}

.imgl p.im {
  width: 25%;
  margin: 0 6% 0 0;
}

.side-bg {
  background-position: right bottom;
  background-repeat: no-repeat;
  padding: 20px;
}
.side-bg01 { background-image: url(images/side-bg01.jpg); }
.side-bg02 { background-image: url(images/side-bg02.jpg); }
.side-bg03 { background-image: url(images/side-bg03.jpg); }
.side-bg04 { background-image: url(images/side-bg04.jpg); }

/* --------------- */

/***** slider *****/

/* --------------- */

.name {
  position: absolute;
  text-align: center;
  font-weight: 700;
  width: 100%;
  color: #000;
  z-index: 500;
  text-align: center !important;
  line-height: 1.5;
  text-shadow:
    0 2px 0 #fff,
    2px 0 0 #fff,
    0 -2px 0 #fff,
    -2px 0 0 #fff,
    -2px -2px 0 #fff,
    2px -2px 0 #fff,
    -2px 2px 0 #fff,
    2px 2px 0 #fff;
}

@media print, screen and (min-width: 1100px) {
  .name { top: 27%; font-size: 170%; letter-spacing: 0.4em; }
}

@media print, screen and (min-width: 651px) and (max-width: 1099px) {
  .name { top: 22%; font-size: 135%; letter-spacing: 0.2em; }
}

@media print, screen and (max-width: 649px) {
  .name { top: 45px; font-size: 70%; letter-spacing: 0.2em; }
}

.namein {
  line-height: 1.2;
  margin: 0;
  padding: 0;
  font-size: 200%;
}

.kangae {
  position: absolute;
  text-align: center;
  font-weight: 700;
  overflow: hidden;
  width: 100%;
  color: #68ae37;
  background-color: #fff;
  z-index: 500;
  text-align: center !important;
}

@media print, screen and (min-width: 1100px) {
  .kangae {
    top: 48%;
    font-size: 170%;
    border: 10px solid #68ae37;
    width: 50%;
    padding: 15px;
    left: 25%;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
}
}

@media print, screen and (min-width: 651px) and (max-width: 1099px) {
  .kangae { top: 45%; font-size: 130%; border: 8px solid #68ae37; width: 70%; padding: 15px; left: 15%; }
}

@media print, screen and (max-width: 649px) {
  .kangae { top: 100px; font-size: 80%; border: 6px solid #68ae37; width: 84%; padding: 10px; left: 8%; }
}

.kangae::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  content: '';
  width: 120%;
  height: 100%;
  background: #68ae37;
  transform-origin: right top;
  transform: skewX(-30deg) scale(0, 1);
  transition: transform 0.4s;
}

.kangae:hover::before {
  transform-origin: left top;
  transform: skewX(-30deg) scale(1, 1);
}

.kangae:hover {
  color: #fff !important;
}

.bg-bl {
  background-color: #637dba;
}

.bg-lb {
  background-color: #f0f1f8;
}

.bg-wh {
  background-color: #fff;
}

.bg-bl-in {
  overflow: hidden;
  clear: both;
  margin: 30px auto 0;
  width: 90%;
}
.box4-2-over { overflow: hidden; margin: 0 0 0 -0.4%; }
.box4-2 { box-sizing: border-box; }

@media print, screen and (min-width: 1100px) {
  .box4-2 { float: left; width: 24.6%; margin: 0 0 4% 0.4%; }
}

@media print, screen and (min-width: 651px) and (max-width: 1099px) {
  .box4-2 { float: left; width: 24.6%; margin: 0 0 4% 0.4%; }
}

@media print, screen and (max-width: 649px) {
  .box4-2 { float: left; width: 48%; margin: 0 0 4% 2%; }
}

.ml-2 { overflow: hidden; margin: 0 0 0 -0.4%; }
.box3to2 { border: 1px solid #000; box-sizing: border-box; }

@media print, screen and (min-width: 1100px) {
  .box3to2 { float: left; width: 24.6%; margin: 0 0 4% 0.4%; }
}

@media print, screen and (min-width: 651px) and (max-width: 1099px) {
  .box3to2 { float: left; width: 24.6%; margin: 0 0 4% 0.4%; }
}

@media print, screen and (max-width: 649px) {
  .box3to2 { float: left; width: 48%; margin: 0 0 4% 2%; }
}
.box3to2n { box-sizing: border-box; }

@media print, screen and (min-width: 1100px) {
  .box3to2n { float: left; width: 33.3%; margin: 0; }
}

@media print, screen and (min-width: 651px) and (max-width: 1099px) {
  .box3to2n { float: left; width: 33.3%; margin: 0; }
}

@media print, screen and (max-width: 649px) {
  .box3to2n { float: left; width: 50%; margin: 0; }
}



/* --------------- */

/***** main *****/

/* --------------- */

.main-t { font-size: 170%; padding: 29px 0 27px 55px; border-bottom: 1px solid #cccfda; position: relative; }
#contents #main-height #main-content h2,
#contents #main-height #main-content h1{
	font-size: 170%!important;
	padding: 29px 0 27px 55px!important;
	border-bottom: 1px solid #cccfda!important;
	position: relative!important;
	line-height:2!important;
	margin: 0;
}

@media print, screen and (min-width: 1100px) {
  .main-t { line-height: 2; }
}

@media print, screen and (min-width: 651px) and (max-width: 1099px) {
  .main-t { line-height: 2; }
}

@media print, screen and (max-width: 649px) {
  .main-t { line-height: 1.3; }
}
.main-t::before { top: 30%; left: 20px; margin-top: 0; content: "\f009"; font-family: FontAwesome; position: absolute; }
#main-content h2::before { top: 30%; left: 20px; margin-top: 0; content: "\f009"; font-family: FontAwesome; position: absolute; }

.sub-t { font-size: 150%; background-color: #637dba; color: #fff; width: 96%; margin: 20px auto 0; line-height: 1.4; padding: 5px 20px 4px; background-image: url(images/sub-t.png); }
.sub-t2 { font-size: 140%; padding: 8px 20px; width: 96%; margin: 20px auto 0; line-height: 1.35; background-color: #efefef; }

.sub-t2n { font-size: 140%; padding: 8px 0 8px 20px; width: 100%; margin: 0 0 20px; line-height: 1.35; background-color: #efefef; }
#contents #main-height #main-content h4 {
    font-size: 140%!important;
    padding: 8px 0 8px 40px!important;
    width: 100%!important;
    margin: 0 0 20px!important;
    line-height: 1.35!important;
    background-color: #efefef!important;
    font-weight: normal!important;
	position: relative;
}
#contents #main-height #main-content h4::before {
    content: "";
    width: 5px!important;
    padding: 0;
    position: absolute;
    left: 20px;
    height: 50%;
    background: #637dba;
    top: 0;
    bottom: 0;
    margin: auto;
}

.sub-t2 p,
.sub-t2n p { padding: 0 0 0 20px; margin: 0; border-left: 5px solid #637dba; }
.sub-t3 { font-size: 130%; color: #0168b7; font-weight: 700; }

#contents #main-height #main-content h3{
font-size: 130%!important;
color: #0168b7!important;
font-weight:700!important;
border-bottom: 2px solid #0168b7!important;
line-height: 2!important;
padding: 0 0 10px 10px!important;
}

.sub-t4 {
  font-size: 130%;
  font-weight: 700;
  position: relative;
  padding: 5px 20px;
  clear: both;
  margin: 0 0 20px 0;
  background: #4faadf;
  color: white;
}

.sub-t4::before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px rgb(105, 192, 235);
}

@media print, screen and (min-width: 1100px) {
  .sub-t4 { width: 40%; }
}

@media print, screen and (min-width: 651px) and (max-width: 1099px) {
  .sub-t4 { width: 60%; }
}

@media print, screen and (max-width: 649px) {
  .sub-t4 { width: 100%; }
}
#contents #main-height #main-content h4 {
    font-size: 130%!important;
}
.sub-t4b {
  font-size: 130%;
  font-weight: 700;
  position: relative;
  padding: 5px 20px;
  clear: both;
  margin: 0;
  background: #4faadf;
  color: white;
}

.sub-t5 {
  font-size: 130%;
  border-bottom: solid 3px #cce4ff;
  position: relative;
}

.sub-t5::after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #5472cd;
  bottom: -3px;
  width: 200px;
}

.sub-t5p {
  font-size: 130%;
  border-bottom: solid 3px #cce4ff;
  position: relative;
  margin-left: 2%;
  margin-right: 2%;
}

.sub-t5p::after {
  clear: both;
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #5472cd;
  bottom: -3px;
}

.sub-t6 {
  width: 100%;
  padding: 0.5em;/* 文字周りの余白 */
  display: inline-block;
  line-height: 1.3;/* 行高 */
  background: #dbebf8;/* 背景色 */
  vertical-align: middle;/* 上下中央 */
  border-radius: 10px;/* 左側の角を丸く */
}

.sub-t6::before {
  content: '●';
  color: white;
  margin-right: 8px;
}

.sub-t7 {
  color: #284b9b;
  font-size: 130%;
  margin: 0 0 20px 0;
  background-color: #f7f7f7;
  padding: 1% 1%;
  text-align: left;
  font-size: 110%;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
}
.voice-t { font-size: 140%; padding: 8px 20px 8px 20px; width: 100%; margin: 0; line-height: 1.35; background-color: #efefef; overflow: hidden; position: relative; }
.voice-t-l { padding: 0 0 0 37px; }

@media print, screen and (min-width: 1100px) {
  .voice-t-l { width: 70%; float: left; }
}

@media print, screen and (min-width: 651px) and (max-width: 1099px) {
  .voice-t-l { width: 70%; float: left; }
}

@media print, screen and (max-width: 649px) {
  .voice-t-l { width: 100%; float: none; }
}

.voice-t-r { font-size: 70%; text-align: right; }

@media print, screen and (min-width: 1100px) {
  .voice-t-r { width: 15%; float: right; }
}

@media print, screen and (min-width: 651px) and (max-width: 1099px) {
  .voice-t-r { width: 15%; float: right; }
}

@media print, screen and (max-width: 649px) {
  .voice-t-r { width: 100%; float: right; }
}
.voice-t::before { top: 30%; left: 20px; margin-top: 0; content: "\f086"; font-family: FontAwesome; position: absolute; }

.bdb2 { border-bottom: 1px solid #cccfda; padding: 0 0 15px 0; margin: 0 0 15px 0; }
.bdb2:last-child { margin: 0 !important; border-bottom: none; }
.bdb2l { border-bottom: 1px solid #cccfda; padding: 0 0 15px 0; margin: 0 0 0 0; }

.pd01 { padding: 3%; }
.pd01n { padding: 3% 3% 0 3%; border-bottom: 1px solid #cccfda; }

.bg-gr {
  background-color: #f7f7f7;
  overflow: hidden;
}

.box3to1 { box-sizing: border-box; }

@media print, screen and (min-width: 800px) {
  .box3to1 { float: left; width: 33.3%; border-right: 1px solid #cccfda; border-botttom: none; }
}

@media print, screen and (min-width: 511px) and (max-width: 799px) {
  .box3to1 { float: none; width: 100%; border-right: 1px solid #cccfda; border-botttom: none; }
}

@media print, screen and (max-width: 649px) {
  .box3to1 { float: none; width: 100%; border-right: none; border-botttom: 1px solid #cccfda; }
}

.box3to1 p { font-size: 220%; background-color: #637dba; color: #fff; margin: 0 0 10px 0; line-height: 1.7; padding: 0 20px; }
.box3to1pp { font-size: 220%; background-color: #637dba; color: #fff; margin: 0 0 10px 0; line-height: 1.7; padding: 0 20px; }

@media print, screen and (min-width: 1100px) {
  .pd02 { padding: 20px; }
}

@media print, screen and (min-width: 651px) and (max-width: 1099px) {
  .pd02 { padding: 20px; }
}

@media print, screen and (max-width: 649px) {
  .pd02 { padding: 5%; }
}
.mg02 { marging: 2%; }

.box3to1b { box-sizing: border-box; }

@media print, screen and (min-width: 800px) {
  .box3to1b { float: left; width: 33.3%; }
}

@media print, screen and (min-width: 511px) and (max-width: 799px) {
  .box3to1b { float: none; width: 100%; }
}

@media print, screen and (max-width: 649px) {
  .box3to1b { float: none; width: 100%; }
}

.box_flex1{
    display: flex;
}

@media print, screen and (max-width: 1099px) {
  .box_flex1{
    display: block;
}
}

.box3to1-a { box-sizing: border-box; position: relative; }

@media print, screen and (min-width: 1100px) {
  .box3to1-a { float: left; width: 33.3%;display:flex; }
}



@media print, screen and (min-width: 650px) and (max-width: 1099px) {
  .box3to1-a { float: none; width: 100%; }
}

@media print, screen and (max-width: 649px) {
  .box3to1-a { float: none; width: 100%; }
}
.box3to1-a::after { font-family: 'FontAwesome'; position: absolute; font-size: 300%; }

@media print, screen and (min-width: 1100px) {
  .box3to1-a::after { content: "\f105"; top: 40%; right: 17px; margin-top: -12px; }
}

@media print, screen and (min-width: 650px) and (max-width: 1099px) {
  .box3to1-a::after { content: "\f107"; bottom: -10%; right: 47%; margin-top: 0; }
}

@media print, screen and (max-width: 649px) {
  .box3to1-a::after { content: "\f107"; bottom: -15%; right: 47%; margin-top: 0; }
}
.box-flow { box-sizing: border-box; border: 1px solid #cccfda; background-color: #fff; }

@media print, screen and (min-width: 1100px) {
  .box-flow { padding: 20px; margin: 0 50px 20px 0; }

}

@media print, screen and (min-width: 650px) and (max-width: 1099px) {
  .box-flow { padding: 20px; margin: 0 0 50px 0; }
}

@media print, screen and (max-width: 649px) {
  .box-flow { padding: 20px; margin: 0 0 50px 0; }
}
.box-flow p { font-size: 220%; background-color: #637dba; color: #fff; margin: 0; line-height: 1.7; padding: 0 20px; }
.fwn::after { content: none !important; }

.news-pad {
  padding: 0%;
}

p.step { font-size: 220%; background-color: #637dba; color: #fff; margin: 0; line-height: 1.7; padding: 0 20px; }
#contents #main-height #main-content h3.step{font-size: 220% !important;
background-color: #637dba;
color: #fff !important;
margin: 0;
line-height: 1.7 !important;
padding: 0 20px !important;
font-family: 'Fjalla One', sans-serif;
font-weight: normal !important;}

@media screen and (max-width: 1000px){
  body { font-size: 15px; }
  #contents #main-height #main-content h3.step {
  font-size: 170% !important;
  }
}

.blr{ border-right:1px solid #ccc; border-left:1px solid #ccc; margin: 0; padding: 20px;}
.blrb{ border-right:1px solid #ccc; border-left:1px solid #ccc; border-bottom:1px solid #ccc; margin: 0; padding: 20px;}
.main-t2 {
  font-size: 170%;
  padding: 29px 0 27px 55px;
  background:#eeeeee;
  text-align:center;
}
.conbox{
	border:2px solid #637dba;
	padding:20px;
}
.page-id-569 .box3to1-a::after {
  content:none;
}
.page-id-569 .box-flow{
  height: 200px;
  line-height: 1.8;
}
.page-id-569 .box-flow a:hover{
	text-decoration:none;
}
@media print, screen and (max-width: 1099px) {
  .page-id-569 .box-flow{
    height: auto;
    margin: 0 0 20px;
  }
}
.point4box{
	border:2px solid #637db9;
	padding:20px;
}
.point4box ul{
	margin:0;
	padding:0;
}
.point4box ul li {
  background: #fff2cc;
  border-radius: 10px;
  list-style-type: none;
  width: 49%;
  float: left;
}
.point4box ul li {
	background: #fff2cc;
	border-radius: 10px;
	list-style-type: none;
	width: 49%;
	float: left;
	display: flex;
	padding: 0.5% 3%;
	align-items: center;
	font-size: 130%;
	margin: 0 0 2% 0;
}
.point4box ul li:nth-child(2n){
	float: right;
}
.point4box ul li img{
	width:30%;
	margin: 0 5% 0 0;
}
.point4box div.point4box_ttl{
	background: #637db9;
	border-radius: 10px;
	text-align: center;
	color: #fff;
	font-size: 160%;
	position: relative;
	top: -30px;
}

@media print, screen and (max-width: 649px) {
p.step { font-size: 150%; background-color: #637dba; color: #fff; margin: 0; line-height: 1.7; padding: 0 20px; }
.point4box ul li {
	border-radius: 10px;
	width: 100%;
	float: none;
	padding: 0.5% 3%;
	align-items: center;
	font-size: 100%;
	margin: 0 0 2% 0;
}
.point4box ul li:nth-child(2n){
	float: none;
}
.point4box ul li img{
	width:20%;
	margin: 0 5% 0 0;
}
}

@media screen and (min-width: 583px) {
  .news-date { width: 12%; float: left; margin: 0 2% 0 0; }
}

@media only screen and (min-width: 581px) and (max-width: 582px) {
  .news-date { width: 15%; float: left; margin: 0 2% 0 0; }
}

@media screen and (max-width: 580px) {
  .news-date { width: 100%; float: none; margin: 0 4% 0 0; }
}

.news-cat {
  background-color: #7c7c7c;
  color: #fff;
  text-align: center;
}

@media screen and (min-width: 583px) {
  .news-cat { width: 12%; float: left; margin: 0 2% 0 0; }
}

@media only screen and (min-width: 581px) and (max-width: 582px) {
  .news-cat { width: 15%; float: left; margin: 0 2% 0 0; }
}

@media screen and (max-width: 580px) {
  .news-cat { width: 20%; float: left; margin: 0 4% 0 0; }
}

.news-title {
  float: left;
  margin: 0 2% 0 0;
  text-align: left;
}

@media screen and (min-width: 583px) {
  .news-title { width: 60%; }
}

@media only screen and (min-width: 581px) and (max-width: 582px) {
  .news-title { width: 50%; }
}

@media screen and (max-width: 580px) {
  .news-title { width: 73%; }
}

.nm {
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
}

.nm li {
}

.nm2 {
  overflow: hidden;
  width: 100%;
  margin: 0;
  padding: 0;
}

.nm2 li {
  list-style-type: decimal;
}

.ex02 {
  list-style: none;
  counter-reset: number;
  padding: 0;
}

.ex02 {
  li {
    line-height: 2;
    margin-bottom: 0.4em;

    &::before {
      counter-increment: number;
      content: counter(number);
      background: #ab5078;
      display: inline-block;
      width: 2em;
      height: 2em;
      text-align: center;
      border-radius: 50%;
      color: #fff;
      margin-right: 0.3em;
    }
  }
}

ol.merit {
  padding: 0;
  margin: 0;
  counter-reset: li;
}

ol.merit > li {
  list-style: none;
  margin: 0 0 10px 0;
  position: relative;/* リストの項目の位置を基準に */
  padding: 0 0 10px 50px;
  border-bottom: 1px dotted #7ed1f8;

  /* margin-bottom: 0.8em; */

  /* リストの数字がくっついてしまう場合 */
}

ol.merit > li::before {
  counter-increment: li;
  content: counter(li);
  margin-right: 1em;
  background: #1d4992;
  border: 1px solid #50b5f9;
  color: #fff; /* 白 */
  border-radius: 50%; /* 丸く */
  text-align: center; /* 端に寄ってる数字を真ん中に */
  width: 2em; /* 幅を決めるheightと同じ数値に */
  height: 2em; /* 高さ。widthと同じ数値に。数値変更した場合はline-heightで調整を */
  position: absolute; /* リストの基準から移動させる */
  left: 0; /* 項目の基準、左にあわせる */
  top: 2px; /* 基準の上から2pxの位置に表示。テーマによって位置がずれる場合は修正を */
  line-height: 1.8;/* 数字の位置あわせで数値を指定 */
  font-size: 115%;
  font-weight: 700;
}

ol.merit2 {
  padding: 0;
  margin: 0;
  counter-reset: li;
}

ol.merit2 > li {
  list-style: none;
  margin: 0 0 10px 0;
  position: relative;/* リストの項目の位置を基準に */
  padding: 0 0 10px 70px;

  /* margin-bottom: 0.8em; */

  /* リストの数字がくっついてしまう場合 */
}

ol.merit2 > li p {
  margin: 0 0 10px 0;
  color: #1d4992;
  padding: 0x;
  font-size: 170%;
  font-weight: 700;
}

ol.merit2 > li::before {
  counter-increment: li;
  content: counter(li);
  margin-right: 1em;
  background: #1d4992;
  border: 1px solid #50b5f9;
  color: #fff; /* 白 */
  border-radius: 50%; /* 丸く */
  text-align: center; /* 端に寄ってる数字を真ん中に */
  width: 2em; /* 幅を決めるheightと同じ数値に */
  height: 2em; /* 高さ。widthと同じ数値に。数値変更した場合はline-heightで調整を */
  position: absolute; /* リストの基準から移動させる */
  left: 0; /* 項目の基準、左にあわせる */
  top: 2px; /* 基準の上から2pxの位置に表示。テーマによって位置がずれる場合は修正を */
  line-height: 1.8;/* 数字の位置あわせで数値を指定 */
  font-size: 170%;
  font-weight: 700;
}

ol.merit3 {
  padding: 0;
  margin: 0;
  counter-reset: li;
}

ol.merit3 > li {
  list-style: none;
  margin: 0 0 10px 0;
  position: relative;/* リストの項目の位置を基準に */
  padding: 0 0 10px 50px;
  border-bottom: 1px dotted #7ed1f8;

  /* margin-bottom: 0.8em; */

  /* リストの数字がくっついてしまう場合 */
}

ol.merit3 > li::before {
  counter-increment: li;
  content: counter(li);
  margin-right: 1em;
  background: #f9f9f9;
  border: 1px solid #50b5f9;
  color: #1d4992; /* 白 */
  border-radius: 50%; /* 丸く */
  text-align: center; /* 端に寄ってる数字を真ん中に */
  width: 2em; /* 幅を決めるheightと同じ数値に */
  height: 2em; /* 高さ。widthと同じ数値に。数値変更した場合はline-heightで調整を */
  position: absolute; /* リストの基準から移動させる */
  left: 0; /* 項目の基準、左にあわせる */
  top: 2px; /* 基準の上から2pxの位置に表示。テーマによって位置がずれる場合は修正を */
  line-height: 1.8;/* 数字の位置あわせで数値を指定 */
  font-size: 115%;
  font-weight: 700;
}

.l-ic {
  float: left;
  width: 35px;
  margin-right: 0%;
  margin-bottom: 2%;
}

.l-img {
  float: left;
  margin-right: 1%;
  margin-bottom: 2%;
}

@media screen and (min-width: 583px) {
  .l-img { width: 30%; }
}

@media only screen and (min-width: 581px) and (max-width: 582px) {
  .l-mg { width: 30%; }
}

@media screen and (max-width: 580px) {
  .l-img { width: 100%; }
}

.r-img {
  float: right;
  margin-left: 3%;
  margin-bottom: 2%;
}

@media screen and (min-width: 583px) {
  .r-img { width: 30%; }
}

@media only screen and (min-width: 581px) and (max-width: 582px) {
  .r-img { width: 30%; }
}

@media screen and (max-width: 580px) {
  .r-img { width: 100%; }
}

.l-img2 {
  float: left;
  width: 20%;
  margin-right: 3%;
  margin-bottom: 2%;
}

.r-img2 {
  float: right;
  width: 20%;
  margin-left: 3%;
  margin-bottom: 2%;
}

.l-img3 {
  float: left;
  margin-right: 3%;
  margin-bottom: 2%;
}

@media screen and (min-width: 583px) {
  .l-img3 { width: 6.5%; }
}

@media only screen and (min-width: 581px) and (max-width: 582px) {
  .l-mg { width: 12%; }
}

@media screen and (max-width: 580px) {
  .l-img3 { width: 18%; }
}

.l-img4 {
  float: left;
  max-width: 700px;
  clear: both;
}

@media screen and (min-width: 583px) {
  .l-img4 { width: 100%; }
}

@media only screen and (min-width: 581px) and (max-width: 582px) {
  .l-img4 { width: 100%; }
}

@media screen and (max-width: 580px) {
  .l-img4 { width: 100%; }
}

.r-img3 {
  float: right;
  margin-left: 3%;
  margin-bottom: 2%;
}

@media screen and (min-width: 583px) {
  .r-img3 { width: 6.5%; }
}

@media only screen and (min-width: 581px) and (max-width: 582px) {
  .r-img3 { width: 12%; }
}

@media screen and (max-width: 580px) {
  .r-img3 { width: 18%; }
}

@media screen and (min-width: 583px) {
  .r-img-tui { float: left; width: 60%; }
}

@media only screen and (min-width: 581px) and (max-width: 582px) {
  .r-img-tui { float: left; width: 60%; }
}

@media screen and (max-width: 580px) {
  .r-img-tui { float: none; width: 100%; }
}

table {
  max-width: 950px;
  clear: both;
}

table.table01 {
  width: 100%;
  border-right: #c7c7c7 solid 1px;
  border-collapse: collapse;
  border-left: #c7c7c7 solid 1px;
}

table.table01 thead th {
  background: #eee;
  padding: 10px 15px;
  border-right: #c7c7c7 solid 1px;
  border-top: #c7c7c7 solid 1px;
  border-bottom: #c7c7c7 solid 1px;
}

table.table01 thead th:last-child {
  border-right: #c7c7c7 solid 1px;
}

table.table01 tbody th {
  background: #1b2d50;
  color: #fff;
  width: 25%;
  padding: 10px 15px;
  border-bottom: #fff solid 1px;
  vertical-align: center;
}

table.table01 tbody tr:last-child th {
  border-bottom: #c7c7c7 solid 1px;
}

table.table01 tbody td {
  background: #fff;
  border-left: #c7c7c7 solid 1px;
  border-bottom: #c7c7c7 solid 1px;
  vertical-align: center;
}

@media screen and (max-width: 750px) {
  table.table01 thead {
    display: none;
  }

  table.table01 tbody th {
    display: block;
  }

	.page-id-117 table.table01 tbody th{
		display: revert;
	}

	.page-id-117 table.table01 tbody td {
  display: revert;
  overflow: hidden;
}

	.page-id-117 table.table01 tbody td::before {
  content:none;
}

  table.table01 tbody td {
    display: block;
    overflow: hidden;
  }

  table.table01 tbody td::before {
    content: attr(label);
    float: left;
    padding: 10px 0;
    width: 30%;
    height: 100% !important;
    clear: both;
    background: #eee;
    font-weight: bold;
  }

  table.table01 tbody td p {
    padding: 10px 15px;
    margin: 0;
  }
}

table.table01s {
  width: 100%;
  border-right: #c7c7c7 solid 1px;
  border-collapse: collapse;
  border-left: #c7c7c7 solid 1px;
}

table.table01s thead th {
  background: #1b2d50;
  color: #fff;
  text-align: left;
  padding: 10px 15px;
  border-right: #c7c7c7 solid 1px;
  border-top: #c7c7c7 solid 1px;
  border-bottom: #c7c7c7 solid 1px;
}

table.table01s thead th:last-child {
  border-right: #c7c7c7 solid 1px;
}

table.table01s tbody th {
  background: #eee;
  width: 25%;
  padding: 10px 15px;
  border-bottom: #fff solid 1px;
  vertical-align: center;
}

table.table01s tbody tr:last-child th {
  border-bottom: #c7c7c7 solid 1px;
}

table.table01s tbody td {
  background: #fff;
  border-left: #c7c7c7 solid 1px;
  border-bottom: #c7c7c7 solid 1px;
  vertical-align: center;
}

table.table02 {
  width: 100%;
  border-right: #c7c7c7 solid 1px;
  border-collapse: collapse;
  border-left: #c7c7c7 solid 1px;
  border-top: #c7c7c7 solid 1px;
}

table.table02 th {
  background: #1b2d50;
  color: #fff;
  padding: 10px 15px;
  border-bottom: #fff solid 1px;
  vertical-align: center;
}

table.table02 tr:last-child th {
  border-bottom: #c7c7c7 solid 1px;
}

table.table02 td {
  background: #fff;
  border-left: #c7c7c7 solid 1px;
  border-bottom: #c7c7c7 solid 1px;
  vertical-align: center;
  padding: 10px 15px;
}

table.table03 {
  width: 100%;
  border-right: #c7c7c7 solid 1px;
  border-top: #c7c7c7 solid 1px;
  border-collapse: collapse;
  border-left: #c7c7c7 solid 1px;
}

table.table03 thead th {
  min-width: 200px;
  background: #eee;
  padding: 10px 15px;
  border-right: #c7c7c7 solid 1px;
  border-top: #c7c7c7 solid 1px;
  border-bottom: #c7c7c7 solid 1px;
}

table.table03 thead th:last-child {
  border-right: #c7c7c7 solid 1px;
}

table.table03 tbody th {
  min-width: 200px;
  background: #1b2d50;
  color: #fff;
  padding: 10px 15px;
  border-bottom: #fff solid 1px;
  vertical-align: center;
}

table.table03 tbody tr:last-child th {
  border-bottom: #c7c7c7 solid 1px;
}

table.table03 tbody td {
  padding: 10px 15px;
  background: #fff;
  border-left: #c7c7c7 solid 1px;
  border-bottom: #c7c7c7 solid 1px;
  vertical-align: center;
}

@media screen and (max-width: 750px) {
  table.table03 thead {
    display: none;
  }

  table.table03 tbody th {
    display: block;
  }

  table.table03 tbody td {
    display: block;
    overflow: hidden;
  }
}

@media screen and (min-width: 1100px) {
  .adj-table { width: 36%; }
}

@media only screen and (min-width: 751px) and (max-width: 1099px) {
  .adj-table { width: 36%; }
}

@media screen and (max-width: 750px) {
  .adj-table { width: 100%; }
}

table.table04 {
  width: 100%;
  min-width: 600px;
  border-right: #c7c7c7 solid 1px;
  border-collapse: collapse;
  border-left: #c7c7c7 solid 1px;
  border-top: #c7c7c7 solid 1px;
}

.lbl {
  background-color: #edf9ff !important;
}

table.table04 td {
  background: #fff;
  border-left: #c7c7c7 solid 1px;
  border-bottom: #c7c7c7 solid 1px;
  vertical-align: center;
  padding: 10px 15px;
}

table.toi {
  width: 100%;
  border-right: #c7c7c7 solid 1px;
  border-collapse: collapse;
  border-left: #c7c7c7 solid 1px;
  border-top: #c7c7c7 solid 1px;
}

table.toi td {
  background: #fff;
  border-left: #c7c7c7 solid 1px;
  border-bottom: #c7c7c7 solid 1px;
  vertical-align: center;
  padding: 10px 15px;
}

table.table-s {
  width: 100%;
  border-right: #c7c7c7 solid 1px;
  border-top: #c7c7c7 solid 1px;
  border-collapse: collapse;
  border-left: #c7c7c7 solid 1px;
}

table.table-s thead th {
  background: #eee;
  padding: 10px 0;
  border-right: #c7c7c7 solid 1px;
  border-top: #c7c7c7 solid 1px;
  border-bottom: #c7c7c7 solid 1px;
}

table.table-s thead th:last-child {
  border-right: #c7c7c7 solid 1px;
}

table.table-s tbody th {
  background: #0168b7;
  color: #fff;
  padding: 10px 0;
  border-bottom: #fff solid 1px;
  vertical-align: center;
}

table.table-s tbody tr:last-child th {
  border-bottom: #c7c7c7 solid 1px;
}

table.table-s tbody td {
  padding: 10px 0;
  background: #fff;
  border-left: #c7c7c7 solid 1px;
  border-bottom: #c7c7c7 solid 1px;
  vertical-align: center;
}

table.table05 {
  width: 100%;
  border-right: #c7c7c7 solid 1px;
  border-collapse: collapse;
  border-left: #c7c7c7 solid 1px;
}

table.table05 thead th {
  background: #eee;
  padding: 10px 15px;
  border-right: #c7c7c7 solid 1px;
  border-top: #c7c7c7 solid 1px;
  border-bottom: #c7c7c7 solid 1px;
}

table.table05 thead th:last-child {
  border-right: #c7c7c7 solid 1px;
}

table.table05 tbody th {
  background: #fff;
  color: #000;
  padding: 10px 15px;
  border-bottom: #c7c7c7 solid 1px;
  vertical-align: center;
}

table.table05 tbody tr:last-child th {
  border-bottom: #c7c7c7 solid 1px;
}

table.table05 tbody td {
  background: #fff;
  border-left: #c7c7c7 solid 1px;
  border-bottom: #c7c7c7 solid 1px;
  vertical-align: center;
}

@media screen and (max-width: 750px) {
  table.table05 thead {
    display: none;
  }

  table.table05 tbody th {
    border-top: #c7c7c7 solid 1px;
    display: block;
  }

  table.table05 tbody td {
    display: block;
    overflow: hidden;
  }

  table.table05 tbody td::before {
    content: attr(label);
    float: left;
    padding: 10px 0;
    width: 30%;
    height: 100% !important;
    clear: both;
    background: #eee;
    font-weight: bold;
  }

  table.table05 tbody td p {
    padding: 10px 15px;
    margin: 0;
  }
}

table.table06 {
  width: 100%;
  border-right: #c7c7c7 solid 1px;
  border-collapse: collapse;
  border-left: #c7c7c7 solid 1px;
}

table.table06 thead th {
  background: #eee;
  padding: 10px 15px;
  border-right: #c7c7c7 solid 1px;
  border-top: #c7c7c7 solid 1px;
  border-bottom: #c7c7c7 solid 1px;
}

table.table06 thead th:last-child {
  border-right: #c7c7c7 solid 1px;
}

table.table06 tbody th {
  background: #fff;
  color: #000;
  padding: 10px 15px;
  border-bottom: #c7c7c7 solid 1px;
  vertical-align: center;
}

table.table06 tbody tr:last-child th {
  border-bottom: #c7c7c7 solid 1px;
}
table.table06.th80 tbody th{
  width: 80%;
}
table.table06 tbody td {
  background: #fff;
  border-left: #c7c7c7 solid 1px;
  border-bottom: #c7c7c7 solid 1px;
  vertical-align: center;
}

.mnnum {
  min-width: 90px;
}

table.shikaku {
  width: 100%;
  border-right: #c7c7c7 solid 1px;
  border-collapse: collapse;
  border-left: #c7c7c7 solid 1px;
  border-top: #c7c7c7 solid 1px;
}

.lbl {
  background-color: #edf9ff !important;
}

table.shikaku td {
  background: #fff;
  border-left: #c7c7c7 solid 1px;
  border-bottom: #c7c7c7 solid 1px;
  vertical-align: center;
  padding: 10px 15px;
}

table.table-spo {
  width: 100%;
  border-right: #c7c7c7 solid 1px;
  border-top: #c7c7c7 solid 1px;
  border-collapse: collapse;
  border-left: #c7c7c7 solid 1px;
}

table.table-spo thead th {
  background: #eee;
  padding: 10px 15px;
  border-right: #c7c7c7 solid 1px;
  border-top: #c7c7c7 solid 1px;
  border-bottom: #c7c7c7 solid 1px;
}

table.table-spo thead th:last-child {
  border-right: #c7c7c7 solid 1px;
}

table.table-spo tbody th {
  background: #eee;
  padding: 10px 15px;
  border-bottom: #fff solid 1px;
  vertical-align: center;
}

table.table-spo thead tr:first-child td {
  background: #1b2d50;
  color: #fff;
  padding: 10px 15px;
  border-bottom: #fff solid 1px;
  vertical-align: center;
}

table.table-spo tbody tr:last-child th {
  border-bottom: #c7c7c7 solid 1px;
}

table.table-spo tbody td {
  padding: 10px 15px;
  text-align: left;
  background: #fff;
  border-left: #c7c7c7 solid 1px;
  border-bottom: #c7c7c7 solid 1px;
  vertical-align: center;
}

.tmw100 {
  min-width: 100px;
}

.tw100 {
  width: 100px;
}

.tmw80 {
  min-width: 10px;
}

.scroll {
  overflow: auto;
  　　　　/*tableをスクロールさせる*/
white-space: nowrap;
}

.scroll::-webkit-scrollbar {
  　　/*tableにスクロールバーを追加*/
 height: 5px;
}

.scroll::-webkit-scrollbar-track {
  　　/*tableにスクロールバーを追加*/
 background: #f1f1f1;
}

.scroll::-webkit-scrollbar-thumb {
  　　/*tableにスクロールバーを追加*/
 background: #bcbcbc;
}

.contact { background-image: url(images/bg-contact.jpg); no-repeat center padding: 4%; background-size: cover; }

@media screen and (min-width: 583px) {
  .contact-l { width: 55%; float: left; margin: 0 0 0 5%; }
}

@media only screen and (min-width: 581px) and (max-width: 582px) {
  .contact-l { width: 65%; float: left; margin: 0 0 0 5%; }
}

@media screen and (max-width: 580px) {
  .contact-l { width: 100%; float: none; margin: 0 0 0 0; }
}

@media screen and (min-width: 583px) {
  .contact-r { width: 50%; float: right; }
}

@media only screen and (min-width: 581px) and (max-width: 582px) {
  .contact-r { width: 50%; float: right; }
}

@media screen and (max-width: 580px) {
  .contact-r { width: 100%; float: none; }
}

.wdsnd { width: 300px; margin: 50px auto 0; }

@media screen and (max-width: 580px) {
  .wdsnd { width: 80%; margin: 50px auto 0; }
}

.btn {
  font-weight: bold;
  padding: 9px 0;
  display: inline-block;
  text-align: center;
  text-decoration: none !important;
  font-size: 125%;
  border-radius: 3px;
  width: 100%;
  box-sizing: border-box;
}

.btn04 {
  position: relative;
  background-color: #fff;
  border: 2px solid #5d92d4;
  color: #5d92d4 !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.btn04::after { content: "\f105"; top: 50%; right: 10px; margin-top: -20px; position: absolute; font-family: FontAwesome; }

.btn04:hover {
  background-color: #5d92d4;
  border: 2px solid #5d92d4;
  color: #fff !important;
}

.btn05 {
  background-color: #265f97;
  border: 2px solid #265f97;
  color: #fff !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.btn05:hover {
  background-color: #fff;
  border: 2px solid #265f97;
  color: #265f97 !important;
}

@media print, screen and (min-width: 1100px) {
  .haba { width: 60%; margin: 0 auto; }
}

@media print, screen and (min-width: 651px) and (max-width: 1099px) {
  .haba { width: 70%; margin: 0 auto; }
}

@media print, screen and (max-width: 649px) {
  .haba { width: 80%; margin: 0 auto; }
}
.bt-center { margin: 0 auto 30px; }

@media screen and (min-width: 583px) {
  .bt-center { width: 40%; }
}

@media only screen and (min-width: 581px) and (max-width: 582px) {
  .bt-center { width: 46%; }
}

@media screen and (max-width: 580px) {
  .bt-center { width: 85%; }
}

@media screen and (min-width: 583px) {
  .bt-l { float: left; width: 40%; margin: 0 0 0 8%; }
}

@media only screen and (min-width: 581px) and (max-width: 582px) {
  .bt-l { float: left; width: 46%; margin: 0 0 0 2%; }
}

@media screen and (max-width: 580px) {
  .bt-l { width: 85%; margin: 0 auto 30px; }
}

@media screen and (min-width: 583px) {
  .bt-r { float: right; width: 40%; margin: 0 8% 0 0; }
}

@media only screen and (min-width: 581px) and (max-width: 582px) {
  .bt-r { float: right; width: 46%; margin: 0 2% 0 0; }
}

@media screen and (max-width: 580px) {
  .bt-r { width: 85%; margin: 0 auto 30px; }
}

@media screen and (min-width: 583px) {
  .bt-l2 { float: left; width: 40%; margin: 0 2% 30px 0; }
}

@media only screen and (min-width: 581px) and (max-width: 582px) {
  .bt-l2 { float: left; width: 46%; margin: 0 2% 30px 0; }
}

@media screen and (max-width: 580px) {
  .bt-l2 { width: 85%; margin: 0 auto 30px; }
}

@media screen and (min-width: 583px) {
  .bt-l3 { float: left; width: 32%; margin: 0 2% 30px 0; }
}

@media only screen and (min-width: 581px) and (max-width: 582px) {
  .bt-l3 { float: left; width: 32%; margin: 0 2% 30px 0; }
}

@media screen and (max-width: 580px) {
  .bt-l3 { float: none; width: 85%; margin: 0 auto 30px; }
}

@media screen and (min-width: 583px) {
  .bt-l3:nth-child(3n) { margin: 0 0 30px 0; }
}

@media only screen and (min-width: 581px) and (max-width: 582px) {
  .bt-l3:nth-child(3n) { margin: 0 0 30px 0; }
}

@media screen and (max-width: 580px) {
  .bt-l3:nth-child(3n) { margin: 0 auto 30px; }
}

@media screen and (min-width: 583px) {
  .bt-l4 { width: 32%; margin: 0 2% 30px 0; }
}

@media only screen and (min-width: 581px) and (max-width: 582px) {
  .bt-l4 { width: 32%; margin: 0 2% 30px 0; }
}

@media screen and (max-width: 580px) {
  .bt-l4 { float: none; width: 85%; margin: 0 auto 30px; }
}

@media screen and (min-width: 583px) {
  .bt-l5 { float: left; width: 32%; margin: 0 2% 30px 0; }
}

@media only screen and (min-width: 581px) and (max-width: 582px) {
  .bt-l5 { float: left; width: 32%; margin: 0 2% 30px 0; }
}

@media screen and (max-width: 580px) {
  .bt-l5 { float: none; width: 85%; margin: 0 auto 30px; }
}

.mansion-rv { background-image: url(images/mansion-rv.jpg); background-size: cover; text-align: center; font-size: 180%; margin: 0 0 30px 0; }

@media screen and (min-width: 583px) {
  .mansion-rv { padding: 80px 0; }
}

@media only screen and (min-width: 581px) and (max-width: 582px) {
  .mansion-rv { padding: 60px 0; }
}

@media screen and (max-width: 580px) {
  .mansion-rv { padding: 50px 0; }
}
.spacems { text-align: left; font-size: 180%; margin: 0 0 30px 0; }

@media screen and (min-width: 583px) {
  .spacems { padding: 30px 0; }
}

@media only screen and (min-width: 581px) and (max-width: 582px) {
  .spacems { padding: 30px 0; }
}

@media screen and (max-width: 580px) {
  .spacems { padding: 30px 0; }
}
.bd-gr { padding: 2%; margin: 2%; box-sizing: border-box; border: 1px solid #cccfda; }
.tx-answer { font-size: 140%; font-weight: 700; line-height: 1.5; }
.tx-exp { padding: 0 3%; }
.bd-dashed { padding: 1% 2%; border: 1px dashed #999; }

@media print, screen and (min-width: 1100px) {
  .fl-t { float: left; width: 10%; }
}

@media only screen and (min-width: 651px) and (max-width: 1099px) {
  .fl-t { float: left; width: 20%; }
}

@media screen and (max-width: 650px) {
  .fl-t { float: left; width: 25%; }
}

@media print, screen and (min-width: 1100px) {
  .fr-x { float: right; width: 88%; }
}

@media only screen and (min-width: 651px) and (max-width: 1099px) {
  .fr-x { float: right; width: 78%; }
}

@media screen and (max-width: 650px) {
  .fr-x { float: right; width: 74%; }
}

@media print, screen and (min-width: 1100px) {
  .box2to1 { width: 50%; margin: 0 0 0 0; float: none; }
}

@media print, screen and (min-width: 651px) and (max-width: 1099px) {
  .box2to1 { width: 100%; margin: 0 0 0 0; float: none; }
}

@media print, screen and (max-width: 649px) {
  .box2to1 { width: 100%; margin: 0 0 2% 0; float: none; }
}
.box2to1 p { font-size: 220%; background-color: #637dba; color: #fff; margin: 0 0 10px 0; line-height: 1.7; padding: 0 20px; }

ul.taisyo {
  display: table;
  table-layout: fixed; /* ←等幅ボタン */
  margin: 0;
  width: 100%; /* ←%で指定 両サイドに5%ずつの余白 */
  text-align: center;
}

.bg-st-bl {
  background-image: url(images/bg-st-bl.jpg);
}
.consideration { background-image: url(images/consideration.jpg); background-size: cover; text-align: center; font-size: 180%; margin: 0 0 30px 0; }

@media screen and (min-width: 583px) {
  .consideration { padding: 80px 0; }
}

@media only screen and (min-width: 581px) and (max-width: 582px) {
  .consideration { padding: 60px 0; }
}

@media screen and (max-width: 580px) {
  .consideration { padding: 50px 0; }
}

ul.link {
  padding: 0;
  margin: 0;
}

ul.link li {
  margin: 0 10px 10px 0;
  padding: 5px 10px;
  float: left;
  background-color: #f9f9f9;
  border-radius: 5px;
  list-style-type: none;
  border: 1px solid #4faadf;
}

ul.link li.nnn {
  margin: 0 10px 10px 0;
  padding: 5px 10px;
  float: left;
  border-radius: 5px;
  list-style-type: none;
  border: none;
  background-color: transparent;
}

/* --------------- */

/***** faq *****/

/* --------------- */

ul.acordion {
  background: #fff;
  border-right: solid 1px #dfdfdf;
  border-left: solid 1px #dfdfdf;
  margin: 0;
  padding: 0;
}

ul.acordion li {
  border-bottom: solid 1px #dfdfdf;
  list-style: none;
  cursor: pointer;
  margin: 0;
}

ul.acordion li:first-child {
  border-top: solid 1px #dfdfdf;
}

ul.acordion li ul {
  margin: 0;
  padding: 0;
  border: none;
}

ul.acordion li ul li {
  background: #f9f9f9;
  padding: 20px 10px 15px 10px;
}

ul.acordion li ul li:last-child {
  border-bottom: none;
}

ul.acordion li ul li a {
  text-decoration: none;
}

ul.acordion li .none-faqmenu {
  background: url(images/trigger-arrow.png) no-repeat 98% 50%;
  background-size: 2%;
  display: block;
  padding: 15px 50px 15px 15px;
}

ul.acordion li .active-faqmenu {
  background: url(images/triggeractive-arrow.png) no-repeat 98% 50%;
  display: block;
  padding: 15px 50px 15px 15px;
}

@media only screen and (max-width: 600px) {
  ul.acordion li .none-faqmenu { background: url(images/trigger-arrow.png) no-repeat 96% 50%; }
  ul.acordion li .active-faqmenu { background: url(images/triggeractive-arrow.png) no-repeat 96% 50%; }
}
.faq-q { font-family: 'Montserrat', sans-serif; color: #999; font-size: 230%; font-weight: 700; line-height: 0.1; padding: 0; margin: 0; }
.faq-a { font-family: 'Montserrat', sans-serif; color: #0168b7; font-size: 230%; font-weight: 700; line-height: 0.1; padding: 0; margin: 0; }
.nbdiv { float: left; clear: right; }

ol.not { margin: 0 0 0 30px; padding: 0; border-top: none !important; }
ol.not li { margin: 0 !important; padding: 0 !important; border: none !important; list-style-type: decimal; line-height: 2 !important; }

@media screen and (min-width: 583px) {
  .com-l { float: left; width: 200px; background-color: #fff; }
}

@media only screen and (min-width: 581px) and (max-width: 582px) {
  .com-l { float: left; width: 200px; background-color: #fff; }
}

@media screen and (max-width: 580px) {
  .com-l { float: none; width: 100%; background-color: #f8f8f8; }
}

@media screen and (min-width: 583px) {
  .com-r { float: left; }
}

@media only screen and (min-width: 581px) and (max-width: 582px) {
  .com-r { float: left; }
}

@media screen and (max-width: 580px) {
  .com-r { float: none; }
}

.iframe-content {
  position: relative;
  width: 100%;
  padding: 55% 0 0 0;
  margin: 0;
}

.iframe-content iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.philosophy { background-image: url(images/philosophy.jpg); background-size: cover; text-align: center; font-size: 180%; margin: 0 0 30px 0; }

@media screen and (min-width: 583px) {
  .philosophy { padding: 80px 0; }
}

@media only screen and (min-width: 581px) and (max-width: 582px) {
  .philosophy { padding: 60px 0; }
}

@media screen and (max-width: 580px) {
  .philosophy { padding: 50px 0; }
}
.building { background-image: url(images/building.jpg); background-size: cover; text-align: center; margin: 0 0 30px 0; }

@media screen and (min-width: 583px) {
  .building { padding: 80px 0; font-size: 180%; }
}

@media only screen and (min-width: 581px) and (max-width: 582px) {
  .building { padding: 60px 0; font-size: 180%; }
}

@media screen and (max-width: 580px) {
  .building { padding: 50px 0; font-size: 95%; }
}
.form { border: none !important; }
.form-h { float: left; width: 40px; margin: 24px 5px 0 0; }

.form-h p {
  background: #0168b7;
  margin: 0%;
  color: #fff;
  font-size: 85%;
  padding: 0% 2%;
  text-align: center;
}

.form-h.any p{
    background:transparent !important;
}

.telicon1.form-h { float: left; width: 47px; margin:15px 0 0 0; }
.form-l { margin: 5px 0; }

@media print, screen and (min-width: 1100px) {
  .form-l { float: left; width: 200px; clear: none; }
}

@media print, screen and (min-width: 650px) and (max-width: 1099px) {
  .form-l {box-sizing:border-box; float: left; width: 90%;clear: none; }
  .form-h{
    box-sizing:border-box;
    float:left;
    width:10%;
    margin: 20px 0 0 0;
  }
}



@media print, screen and (max-width: 649px) {
 .form-l {box-sizing:border-box; float: left; width: 83%;clear: none; }
  .form-h{
    box-sizing:border-box;
    float:left;
    width:15%;
    margin: 20px 2% 0 0;
  }
}

@media print, screen and (min-width: 1100px) {
  .clmn { clear: none; }
}

@media print, screen and (min-width: 650px) and (max-width: 1099px) {
  .clmn { clear: both; }
}

@media print, screen and (max-width: 649px) {
  .clmn { clear: both; overflow: hidden; }
}

.frmt {
  min-height: 40px;
  border: 1px solid #ccc;
  background: #fafafa;
  border-radius: 5px;
  font-size: 16px;
  padding: 5px;
  cursor: pointer;
}

.frmta {
  min-height: 100px;
  border: 1px solid #ccc;
  background: #fafafa;
  border-radius: 5px;
  font-size: 16px;
  padding: 5px;
  cursor: pointer;
}

@media print, screen and (min-width: 1100px) {
  .frm-w { width: 300px !important; }
}

@media print, screen and (min-width: 511px) and (max-width: 1099px) {
  .frm-w { width: 95% !important; }
}

@media print, screen and (max-width: 510px) {
  .frm-w { width: 95% !important; }
}

.ukt {
  padding: 3px 10px;
  color: #fff;
  background-color: #637dba;
  font-size: 120%;
}

ul.ck {
  padding: 0;
  margin: 0;
}

ul.ck li {
  padding: 0;
  margin: 0 20px 0 0;
  float: left;
  list-style-type: none;
}
.frm-w1 { width: 100px; }
.frm-w2 { width: 50px; }
.renovation { background-image: url(images/renovation.jpg); background-size: cover; text-align: center; font-size: 180%; margin: 0 0 30px 0; background-position: center 50%; }

@media screen and (min-width: 1100px) {
  .renovation { padding: 80px 0; }
}

@media only screen and (min-width: 511px) and (max-width: 1099px) {
  .renovation { padding: 60px 0; }
}

@media screen and (max-width: 510px) {
  .renovation { padding: 50px 0; }
}
.box4to2 { box-sizing: border-box; }

@media screen and (min-width: 1100px) {
  .box4to2 { width: 25%; float: left; }
}

@media only screen and (min-width: 511px) and (max-width: 1099px) {
  .box4to2 { width: 50%; float: left; }
}

@media screen and (max-width: 510px) {
  .box4to2 { width: 50%; float: left; }
}
.box4to1 { box-sizing: border-box; }

@media screen and (min-width: 1100px) {
  .box4to1 { width: 25%; float: left; margin: 0; }
}

@media only screen and (min-width: 511px) and (max-width: 1099px) {
  .box4to1 { width: 50%; float: left; margin: 0; }
}

@media screen and (max-width: 510px) {
  .box4to1 { width: 80%; float: none; margin: 0 auto; }
}

.ccc {
  padding: 0 3% 3%;
  position: relative;
}

.ccc p {
  text-align: center;
  width: 80%;
  position: absolute;
  color: #fff;
  font-weight: bold;
  font-size: 150%;
  top: 0;
  left: 10%;
}

.ccc img {
  width: 100%;
}

.ccc-in {
  width: 80%;
  height: 100%;
  position: absolute;
  line-height: 1.7;
  top: 15%;
  left: 10%;
}

.ccc-in-t {
  text-align: center;
  clear: both;
  border-bottom: 1px solid #fff;
  color: #fff;
  font-weight: bold;
  padding: 0 0 3px 0;
  margin: 0 0 3px 0;
}

@media screen and (min-width: 1100px) {
  .ccc-in-t { font-size: 200%; }
}

@media only screen and (min-width: 511px) and (max-width: 1099px) {
  .ccc-in-t { font-size: 170%; }
}

@media screen and (max-width: 510px) {
  .ccc-in-t { font-size: 150%; }
}

.bdall {
  border: 1px solid #cccfda;
  background-color: #fff;
}

ul.check {
  margin: 0 0 30px 0;
  padding: 0;
}

ul.check li {
  float: left;
  background-color: #eee;
  border: 1px solid #999;
  padding: 0;
  list-style-type: none;
}

@media screen and (min-width: 1100px) {
  ul.check li { width: 31.3%; margin: 0 1% 2% 0; }
}

@media only screen and (min-width: 511px) and (max-width: 1099px) {
  ul.check li { width: 48%; margin: 0 1% 2% 0; }
}

@media screen and (max-width: 510px) {
  ul.check li { width: 48%; margin: 0 1% 2% 0; }
}

ul.check li::before {
  content: "\f046";
  color: orange;
  font-family: FontAwesome;
  float: left;
  margin: 0 0 0 10px;
}

ul.check2 {
  margin: 0 0 30px 0;
  padding: 0;
}

ul.check2 li {
  float: left;
  background-color: #eee;
  border: 1px solid #999;
  padding: 0;
  list-style-type: none;
}

@media screen and (min-width: 1100px) {
  ul.check2 li { width: 31.3%; margin: 0 1% 2% 0; padding: 0; }
}

@media only screen and (min-width: 511px) and (max-width: 1099px) {
  ul.check2 li { width: 48%; margin: 0 1% 2% 0; padding: 0; }
}

@media screen and (max-width: 510px) {
  ul.check2 li { width: 96%; margin: 0 1% 5% 0; padding: 2%; }
}

ul.check2 li::before {
  content: "\f046";
  color: orange;
  font-family: FontAwesome;
  float: left;
  margin: 0 0 0 10px;
}


ul.check3 {
  margin: 0 0 30px 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  flex-wrap:wrap;
}

ul.check3 li {
    width: 32%;
    box-sizing: border-box;
  background-color: #eee;
  border: 1px solid #999;
  padding: 10px 5px;
  list-style-type: none;
  margin-bottom: 10px !important;
  line-height: 130%;
}

@media screen and (min-width: 1100px) {
  ul.check3 li { width: 32%;  }
}

@media only screen and (min-width: 511px) and (max-width: 1099px) {
  ul.check3 li { width: 48%; }
}

@media screen and (max-width: 510px) {
  ul.check3 li { width: 100%;  }
}

ul.check3 li::before {
  content: "\f046";
  color: orange;
  font-family: FontAwesome;
  float: left;
  margin:0 7px 0 5px;
}

@media print, screen and (min-width: 1100px) {
 ul.check3 li.hgt01 { height: auto !important; }
}

@media print, screen and (min-width: 650px) and (max-width: 1099px) {
  ul.check3 li.hgt01 { height: auto !important; }
}

@media print, screen and (max-width: 649px) {
  ul.check3 li.hgt01 { height: auto !important; }
}


.rvrv { background-image: url(images/rvrv.jpg); background-size: cover; text-align: center; font-size: 180%; margin: 0 0 30px 0; background-position: center 50%; }

@media screen and (min-width: 1100px) {
  .rvrv { padding: 80px 0; }
}

@media only screen and (min-width: 511px) and (max-width: 1099px) {
  .rvrv { padding: 60px 0; }
}

@media screen and (max-width: 510px) {
  .rvrv { padding: 50px 0; }
}
.free { background-image: url(images/free.jpg); no-repeat center middle padding: 4%; background-size: cover; }

@media screen and (min-width: 583px) {
  .free-l { width: 70%; float: left; margin: 0; }
}

@media only screen and (min-width: 581px) and (max-width: 582px) {
  .free-l { width: 100%; float: none; margin: 0 0 20px 0; }
}

@media screen and (max-width: 580px) {
  .free-l { width: 100%; float: none; margin: 0 0 20px 0; }
}

@media screen and (min-width: 583px) {
  .free-r { width: 20%; float: right; margin: 0 5% 0 0; }
}

@media only screen and (min-width: 581px) and (max-width: 582px) {
  .free-r { width: 50%; float: none; margin: 0 auto; }
}

@media screen and (max-width: 580px) {
  .free-r { width: 50%; float: none; margin: 0 auto; }
}

.free-t {
  font-size: 320%;
  font-weight: bold;
  text-shadow:
    2px 2px 1px #fff,
    -2px 2px 1px #fff,
    2px -2px 1px #fff,
    -2px -2px 1px #fff;
}

@media print, screen and (min-width: 1100px) {
  .torikumi { width: 15%; }
}

@media print, screen and (min-width: 651px) and (max-width: 1099px) {
  .torikumi { width: 25%; }
}

@media print, screen and (max-width: 649px) {
  .torikumi { width: 30%; }
}

.drawer-nav { z-index: 1000; }

@media print, screen and (min-width: 1100px) {
  .hgt01 { height: 50px; }
}

@media print, screen and (min-width: 650px) and (max-width: 1099px) {
  .hgt01 { height: 55px; }
}

@media print, screen and (max-width: 649px) {
  .hgt01 { height: auto; }
}

@media print, screen and (min-width: 1100px) {
  .hgt02 { height: 75px; }
}

@media print, screen and (min-width: 650px) and (max-width: 1099px) {
  .hgt02 { height: 200px; }
}

@media print, screen and (max-width: 649px) {
  .hgt02 { height: auto; }
}

@media print, screen and (min-width: 1100px) {
  .hgt03 { min-height: 150px; }
}

@media print, screen and (min-width: 650px) and (max-width: 1099px) {
  .hgt03 { min-height: 150px; }
}

@media print, screen and (max-width: 649px) {
  .hgt03 { min-height: 150px; }
}

@media print, screen and (min-width: 1100px) {
  .hgt04 { height: 130px; }
}

@media print, screen and (min-width: 650px) and (max-width: 1099px) {
  .hgt04 { height: 200px; }
}

@media print, screen and (max-width: 649px) {
  .hgt04 { height: 80px; }
}

@media print, screen and (min-width: 1100px) {
  .hgt05 { height: 110px; }
}

@media print, screen and (min-width: 800px) and (max-width: 1099px) {
  .hgt05 { height: 180px; }
}

@media print, screen and (max-width: 799px) {
  .hgt05 { height: auto; }
}

@media print, screen and (min-width: 1100px) {
  .hgt06 { height: 170px; }
}

@media print, screen and (min-width: 800px) and (max-width: 1099px) {
  .hgt06 { height: 130px; }
}

@media print, screen and (max-width: 799px) {
  .hgt06 { height: auto; }
}

@media print, screen and (min-width: 1100px) {
  .cspace { margin-top: 500px; }
}

@media print, screen and (min-width: 650px) and (max-width: 1099px) {
  .cspace { margin-top: 500px; }
}

@media print, screen and (max-width: 649px) {
  .cspace { margin-top: 150px; }
}

.cspace2 { margin-top: 50px; }

.flw { float: left; background-position: 100% 50%; background-repeat: no-repeat; line-height: 1.3; background-color: #0168b7; margin: 0 0 5px 0; }

@media print, screen and (min-width: 1100px) {
  .flw { width: 20%; padding: 20px 0 20px 3%; height: 80px; background-image: url(images/flow.png); font-size: 170%; }
}

@media print, screen and (min-width: 650px) and (max-width: 1099px) {
  .flw { width: 90%; padding: 10px 0 10px 3%; height: 60px; background-image: url(images/flow3.png); font-size: 160%; }
}

@media print, screen and (max-width: 649px) {
  .flw { width: 90%; padding: 5px 0 5px 3%; height: 65px; background-image: url(images/flow3.png); font-size: 150%; }
}

@media print, screen and (min-width: 1100px) {
  .flw:first-child { width: 20%; }
}

@media print, screen and (min-width: 650px) and (max-width: 1099px) {
  .flw:first-child { width: 90%; }
}

@media print, screen and (max-width: 649px) {
  .flw:first-child { width: 90%; }
}

@media print, screen and (min-width: 1100px) {
  .flw:nth-child(5n) { background-image: url(images/flow3.png); }
}

@media print, screen and (min-width: 650px) and (max-width: 1099px) {
  .flw:nth-child(5n) { background-image: url(images/flow3.png); }
}

@media print, screen and (max-width: 649px) {
  .flw:nth-child(5n) { background-image: url(images/flow3.png); }
}

@media print, screen and (min-width: 1100px) {
  .flw:nth-child(3n) { background-image: url(images/flow.png); }
}

@media print, screen and (min-width: 650px) and (max-width: 1099px) {
  .flw:nth-child(3n) { background-image: url(images/flow3.png); }
}

@media print, screen and (max-width: 649px) {
  .flw:nth-child(3n) { background-image: url(images/flow3.png); }
}
.flw:last-child { background-image: none; margin-right: -10%; }

@media print, screen and (min-width: 1100px) {
  .flw:last-child { width: 18%; }
}

@media print, screen and (min-width: 650px) and (max-width: 1099px) {
  .flw:last-child { width: 70%; }
}

@media print, screen and (max-width: 649px) {
  .flw:last-child { width: 70%; }
}

ol.parentheses {
  padding: 0 0 0 2em;
  margin: 0;
}

ol.parentheses li {
  list-style-type: none;
  list-style-position: inside;
  counter-increment: cnt;
}

ol.parentheses li::before {
  display: marker;
  content: "(" counter(cnt) ") ";
}

@media print, screen and (min-width: 1100px) {
  .clmedia { clear: none; }
}

@media print, screen and (min-width: 650px) and (max-width: 1099px) {
  .clmedia { clear: both; }
}

@media print, screen and (max-width: 649px) {
  .clmedia { clear: both; }
}

#pageTop {
  position: fixed;
  bottom:45px;
  right: 20px;
  z-index: 10000;
}

#pageTop i {
  padding-top: 6px;
}

#pageTop a {
  display: block;
  z-index: 999;
  padding: 2px 0 0 1px;
  border-radius: 30px;
  width: 35px;
  height: 35px;
  background-color: #9fd6d2;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}

#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}

ul.drawer-menu {
  z-index: 1000;
  text-align: left;
}

ul.drawer-menu li {
  position: relative;
  color: #fff !important;
  line-height: 1.2;
  padding: 15px 0 12px 50px;
  border-bottom: 1px solid #fff !important;
}

ul.drawer-menu li::before {
  position: absolute;
  left: 25px;
  top: 15px;
  content: "\f054";
  color: #fff !important;
  font-family: FontAwesome;
  margin: 0;
}

ul.drawer-menu p {
  margin: 0;
  padding: 0;
  font-size: 70%;
}

.drawer-hamburger {
  z-index: 1000;
}

@media print, screen and (min-width: 1100px) {
  .brn { display: block; }
}

@media print, screen and (min-width: 651px) and (max-width: 1099px) {
  .brn { display: none; }
}

@media print, screen and (max-width: 649px) {
  .brn { display: none; }
}

@media print, screen and (min-width: 1100px) {
  .brns { display: none; }
}

@media print, screen and (min-width: 651px) and (max-width: 1099px) {
  .brns { display: none; }
}

@media print, screen and (max-width: 649px) {
  .brns { display: block; }
}
.brnt { display: block; }

@media print, screen and (min-width: 651px) and (max-width: 1099px) {
  .brnt { display: none; }
}

@media print, screen and (max-width: 649px) {
  .brnt { display: none; }
}

@media print, screen and (min-width: 1100px) {
  .fs01 { font-size: 140%; }
}

@media print, screen and (min-width: 651px) and (max-width: 1099px) {
  .fs01 { font-size: 130%; }
}

@media print, screen and (max-width: 649px) {
  .fs01 { font-size: 120%; }
}

@media print, screen and (min-width: 1100px) {
  .fs02 { font-size: 100%; }
}

@media print, screen and (min-width: 651px) and (max-width: 1099px) {
  .fs02 { font-size: 90%; }
}

@media print, screen and (max-width: 649px) {
  .fs02 { font-size: 75%; }
}
.cnnn { clear: none !important; }

@media print, screen and (min-width: 1100px) {
  .flexslider { height: 400px; }
}

@media print, screen and (min-width: 651px) and (max-width: 1099px) {
  .flexslider { height: 300px; }
}

.s-m-r-img {
  max-width: 100%;
  width: auto;
}

.s-m-w-img,
.s-d-img {
  max-width: 100%;
  width: auto;
}

.news-link-amp a {
  color: blue;
  text-decoration-style: solid;
}

/*20230131 */
.reform-nayamibox01_in {
    margin: 20px;
    padding: 20px;
    border: 1px solid;
    border-radius: 20px;
}
.reform-nayamibox01_in h3 span {
    background: #0168b7;
    display: inline-flex;
    margin-right: 20px;
    border-radius: 50px;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    color: #fff;
}.sq1 {
    margin: 20px;
    border: 1px solid;
    padding: 20px;
}.reform-nayamibox02tab {
    padding: 20px;
}.reform-nayamibox02tab th {
    background: #bddffa;
    padding: 20px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid;
    min-width: 20%;
}.reform-nayamibox02tab td {
    border: 1px solid;
    vertical-align: middle;
    padding: 15px;
}.reform-nayamibox02tab table tr:nth-child(1) th {
    background: #eee;
    white-space: nowrap;
}.reform-nayamibox02tab table {
    border-collapse: collapse;
    width: 100%;
}
.reform-nayamibox02tab th:nth-child(1) {
    width: 180px;
}

@media print, screen and (max-width: 649px) {
.reform-nayamibox02tab {
    padding: 20px;
    white-space: nowrap;
    overflow-x: scroll;
	}.reform-nayamibox01_in h3 {
    display: flex;
    align-items: center;
  }#contents #main-height #main-content .reform-nayamibox01_in h3 {
      display: flex;
      align-items: center;
      padding-left: 50px !important;
      position: relative;
  }#contents #main-height #main-content .reform-nayamibox01_in h3 span {
      background: #0168b7;
      display: inline-flex;
      margin-right: 20px;
      border-radius: 50px;
      justify-content: center;
      align-items: center;
      width: 40px !important;
      height: 40px !important;
      color: #fff;
      position: absolute;
      left: 0;
  }
}

.box_flex2{
        display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

/*建物のドローン診断*/
.dorone-box03 ul {
    display: flex;
    justify-content: space-between;
}
#CMSProEditorCSS+.pankuzu+#main-height #main-content .dorone-box03 ul li {
    width: 30%;
    border: 1px solid #637dba;
    padding: 0;
	position: relative;
}#CMSProEditorCSS+.pankuzu+#main-height #main-content .dorone-box03 ul li:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 25px solid #555555;
    border-right: 0;
    position: absolute;
    right: -40px;
    top: 0;
    bottom: 0;
    margin: auto;
}
#CMSProEditorCSS+.pankuzu+#main-height #main-content .dorone-box03 ul li:last-child:before {
	content: none;
}

#CMSProEditorCSS+.pankuzu+#main-height #main-content .dorone-box03 ul li h4 {
    background: #637dba !important;
    margin: 0 !important;
    padding: 0;
    display: flex;
    justify-content: center;
    font-weight: bold !important;
    color: #fff;
}
#CMSProEditorCSS+.pankuzu+#main-height #main-content .dorone-box03 ul li h4:before {
    content: none !important;
}#CMSProEditorCSS+.pankuzu+#main-height #main-content .dorone-box03 ul li .txt {
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    min-height: 100px;
}#CMSProEditorCSS+.pankuzu+#main-height #main-content .dorone-box03 ul li .txt p {
    margin: 0;
    font-weight: bold;
    font-size: 1.2em;
}
.dorone-box03 {
    margin-bottom: 50px;
}
@media print, screen and (min-width: 651px) and (max-width: 1099px) {
	#CMSProEditorCSS+.pankuzu+#main-height #main-content .dorone-box03 ul li:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    border-left: 10px solid #555555;
    border-right: 0;
    position: absolute;
    right: -20px;
    top: 0;
    bottom: 0;
    margin: auto;
}
}
@media print, screen and (max-width: 649px) {
	.dorone-box03 ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}#CMSProEditorCSS+.pankuzu+#main-height #main-content .dorone-box03 ul li {
    width: 100%;
    border: 1px solid #637dba;
    padding: 0;
    position: relative;
    margin-bottom: 50px;
}#CMSProEditorCSS+.pankuzu+#main-height #main-content .dorone-box03 ul li:before {
    content: "";
    right: 0;
    top: auto;
    border-style: solid;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-top: 25px solid #555555;
    bottom: -40px;
    height: auto;
    border-bottom: none;
    left: 0;
}
}

.break {
    word-break: break-all;
}
@media print, screen and (max-width: 960px) {
#contents #main-height #main-content h2 {
    font-size: 22px!important;
    line-height: 1.5 !important;
    padding: 10px !important;
}
#contents #main-height #main-content p {
    font-size: 16px;
}
#contents #main-height #main-content h2:before {
	display:none;
}
table.table_flow_sp ul li {
    text-align: left !important;
	width:100% !important;
}
table.table_sp th, table.table_sp td {
    display: block;
}
}

.ar {
	text-align:right;
}
.tb-L {
	text-align:left !important;	
}
.ttl-c {
	text-align:center !important;
}
.table00 td {
	text-align:center;
}

.top_bnr_box1 {
    padding: 20px 20px 0;
}

.top_bnr_box1 img{
    width: 100%;
}

.top_bnr_box1 a:hover{
    opacity: 0.7;
}


.page-id-26 .ajst-w{
width:100px;
}


.page-id-2404 img{
	width: auto;
	max-width: 100%;
}
/* Keep the header telephone icon at the shared TOP-page size. */
.page-id-2404 .head01 img {
    width: 30px;
}
.page-id-2404 .iso_logo img {
	width: 200px;
}
.page-id-2404 img.top_reason2{
	width: 227px;
	max-width: 100%;
}
.page-id-2404 .jisseki_box{
	display: flex;
	margin: 0 0 20px 0;
}
.page-id-2404 .jisseki_left{
	width:25%;
	margin: 0 2% 0 0;
}
.page-id-2404 .jisseki_right{
	width:73%;
}
.page-id-2404 .jisseki_right dl{
	display: flex;
	padding: 0;
	margin: 0 0 10px 0;
}
.page-id-2404 #contents #main-content .jisseki_right dt{
	border: none!important;
	padding: 5px 0 !important;
	background: #434343;
	color: #fff;
	text-align: center;
	width: 13% !important;
	line-height: 1.3;
}
.page-id-2404 #contents #main-content .jisseki_left p{
	font-size: 12px;
	color: #666;
	margin: 5px 0px 0px 0px!important;
}
.page-id-2404 #contents #main-content .jisseki_right dd{
	border: none!important;
	padding: 5px 0 !important;
	margin: 0 0 0 3%;
	line-height: 1.3;
	align-content: center;
}
.page-id-2404 .flow_box{
	display: flex;
}
.page-id-2404 .flow_box_left{
	width: 10%;
	margin: 0 5% 0 0;
}
.page-id-2404 .flow_box_left p{
	text-align: center;
	background: #1b5dac;
	color: #fff;
	line-height: 1.2 !important;
	padding: 10px 0px!important;
}
.page-id-2404 .flow_box_left p span{
	font-size: 150%;
}
.page-id-2404 .flow_box_right{
	width: 85%;
}
.page-id-2404 #contents #main-height #main-content .flow_box_right h3{
	border: none !important;
	margin: 8px 0 8px 0 !important;
	padding: 0 !important;
	line-height: 1 !important;
}
.page-id-2404 .area_box_left{
	width: 25%;
	margin: 0 5% 0 0;
}
.page-id-2404 .area_box_right{
	width: 70%;
}
.page-id-2404 .area_box{
	display: flex;
}
.page-id-2404 ul.repairworkbtn{
	display: flex;
	padding: 2% 2%!important;
}
.page-id-2404 ul.repairworkbtn li{
	width: 50%;
	padding: 0 !important;
	margin: 0 3% 0 0 !important;
}
.page-id-2404 ul.repairworkbtn li:nth-child(2n){
	width: 50%;
	padding: 0 !important;
	margin: 0 0 0 0 !important;
}
.page-id-2404 ul.repairworkbtn li a{
	background: -webkit-linear-gradient(left, #0d4776 0%, #3fa8dd 100%);
	background: -o-linear-gradient(left, #0d4776 0%, #3fa8dd 100%);
	background: linear-gradient(to right, #0d4776 0%, #3fa8dd 100%); 
	display: block;
	color: #fff;
	padding: 10px;
	text-align: center;
}
.page-id-2404 ul.repairworkbtn li a span{
	display: block;
	border: 3px solid #fff;
	padding: 10px;
}
.page-id-2404 ul.repairworkbtn li a span:after{
	content: '>';
	margin: 0 0 0 10px;
}
.page-id-2404 ul.repairworkbtn li a:hover{
	text-decoration: none;
}
@media print, screen and (min-width: 651px) and (max-width: 1099px) {
.page-id-2404 ul.repairworkbtn {
  display: block;
  padding: 2% 2% !important;
}
.page-id-2404 ul.repairworkbtn li {
  width: 50%;
  padding: 0 !important;
  margin: 0 auto 10px auto !important;
}
.page-id-2404 ul.repairworkbtn li:nth-child(2n) {
  width: 50%;
  padding: 0 !important;
  margin: 0 auto 0 auto !important;
}
.page-id-2404 .jisseki_box {
  display: block;
  margin: 0 0 20px 0;
}
.page-id-2404 .jisseki_left {
  width: 25%;
  margin: 0 auto 0 auto;
}
.page-id-2404 .jisseki_right {
  width: auto;
}
}
@media print, screen and (min-width: 800px) and (max-width: 1099px) {
.page-id-2404 .flow_box_left {
  width: 13%;
  margin: 0 5% 0 0;
}
.page-id-2404 .flow_box_right {
  width: 82%;
}
.page-id-2404 #contents #main-content .jisseki_left p {
  font-size: 12px!important;
}
.page-id-2404 .jisseki_left {
  width: 30%;
  margin: 0 auto 0 auto;
}
.page-id-2404 ul.repairworkbtn li {
  width: 50%!important;
  padding: 0 !important;
  margin: 0 auto 10px auto !important;
}
}
@media print, screen and (max-width: 799px) {
.page-id-2404 .flow_box_left {
  width: 15%;
  margin: 0 5% 0 0;
  text-align: center !important;
}
.page-id-2404 .flow_box_left p{
    text-align: center!important;
}
.page-id-2404 #contents #main-content .jisseki_right dt {
  width: 15% !important;
}
.page-id-2404 #contents #main-content .jisseki_right dd {
  width: 85%;
}
.page-id-2404 .jisseki_left {
width: 100% !important;
    margin: 0 auto 10px auto;
    text-align: center;
}
.page-id-2404 .jisseki_left p{
    text-align: center!important;
}
	.page-id-2404 .jisseki_left img{
		display: block;
		margin: 0px auto;
		text-align: center;
	}
}
@media print, screen and (max-width: 649px) {
.page-id-2404 .jisseki_box {
  display: block;
  margin: 0 0 20px 0;
}
.page-id-2404 #contents #main-content .jisseki_left p {
  font-size: 12px!important;
}
.page-id-2404 ul.repairworkbtn {
  display: block;
  padding: 2% 2% !important;
}
.page-id-2404 ul.repairworkbtn li {
  width: 100%;
  padding: 0 !important;
  margin: 0 0 10px 0 !important;
}
.page-id-2404 .flow_box_left {
  width: 20%;
  margin: 0 5% 0 0;
  text-align: center !important;
}
.page-id-2404 .flow_box_right {
  width: 80%;
}
  .page-id-2404 #contents #main-content .jisseki_right dt {
    width: 20% !important;
  }
.page-id-2404 .jisseki_right {
  width: 100%;
}
}
.bn_management_wrap {
	background-image: url("https://www.ryushin.co.jp/wp-content/uploads/2025/02/bg_bn_management.webp");
	background-position:center right;
	background-repeat:no-repeat;
    background-size: cover;
	    padding: 50px;		
}
.bn_management_ti {
    font-size: 40px;
    line-height: 1.5 !important;
    font-weight: bold;
    border-bottom: 1px solid;
    display: table;
	color:#fff;
}
.bn_management_txt {
    color: #fff;
}
.bn_management_wrap .btn_wrap {
    display: flex;
}
.bn_management_wrap .btn_wrap a {
    color: #fff;
    width: 300px;
    display: flex;
    height: 60px;
    border-radius: 50px;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    position: relative;
    background: linear-gradient(348deg, #002e61, 21%, #0168b7 35%);
}
.bn_management_wrap .btn_wrap a:first-child {
    margin: 0 10px 0 0;
}
.bn_management_wrap .btn_wrap a:after {
    position: absolute;
	content:"";
	background: url(https://www.ryushin.co.jp/wp-content/uploads/2025/02/i_arrow-1.webp) no-repeat;
	width:12px;
	height:12px;
	top:50%;
	transform:translate(0,-50%);
	right:22px;
}
.bn_diagnosis {
    margin: 50px 0 0 !important;
}
@media print, screen and (max-width: 1000px) {
.bn_management_wrap {
	background-image: url("https://www.ryushin.co.jp/wp-content/uploads/2025/02/bg_bn_management_bl.webp");
}
.bn_management_ti {
	font-size: 28px !important;
	text-shadow: #000000 1px 0 10px;
}
.bn_management_wrap .btn_wrap {
	flex-flow: wrap;
	justify-content: center;
}
.bn_management_wrap .btn_wrap a:first-child {
	margin: 0 0 10px 0;
}
.bn_management_txt {
    text-shadow: #000000 1px 0 10px;
}
}
@media print, screen and (max-width: 599px) {
.bn_management_wrap {
    padding: 30px;
}
.bn_diagnosis {
    margin: 20px 0 0 !important;
}
}
.wp-pagenavi {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 5px;
}
.wp-pagenavi a, .wp-pagenavi span {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 25px;
    height: 30px;
    box-sizing: border-box;
    border: 1px solid #BFBFBF;
	border-radius: 2px;
	padding: 3px 5px;
	color: #585858;
	text-decoration: none;
	color: #000;
}
.wp-pagenavi span.current {
  font-weight: bold;
	border-color: #000;
}