@charset "shift_jis";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,#header,.header_inner,hgroup,menu,nav,output,ruby,.section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,#header,.header_inner,hgroup,menu,nav,.section,.row{display:block}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
body {font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;color:#777;	padding:0;text-align: center; margin: 0 auto;}
img {border:none;outline:none;height:auto;max-width:100%; display:block; margin:0 auto}
a {text-decoration:none;}
a:focus {outline:none;}
.clearfix:after { visibility: hidden; display: block; content: " "; clear: both; height: 0;}
p, ul li, dl dd, dl dt, td, th{font-size:14px;text-align:left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
div,h1,h2,h3, a{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
/* text */
h2{font-size:24px;font-weight:bold;margin-bottom:16px;}
h3{font-size:20px;font-weight:bold;margin-bottom:10px;}
h4{font-weight:bold}
.bold{font-weight:bold}
.text-center{text-align:center}
span.br{display:inline-block; line-height:1.2em}
/* header */
#header {position: fixed;width:100%;clear:both;z-index:9999; background-color:#fff}
#toggle{ display: none;}
/* nav */
ul.lnk {float:right; font-size:0;}
ul.lnk li{display:inline-block; vertical-align:top;text-align:center;height:46px;}
ul.lnk li a{color:#fff; padding:0.2em 2em; display:block;}
ul.lnk li.lnk_contact{background-color:#00a0e2;border: solid 1px #00a0e2; font-size:18px;}
ul.lnk li.lnk_contact a{color:#fff; line-height:2em}
ul.lnk li.lnk_spsite{border: solid 1px #777;background-color:#fff; color:#00a0e2; font-size:18px;}
ul.lnk li.lnk_spsite a{color:#00a0e2;}
ul.lnk li.lnk_spsite .txt_s{font-size:12px; margin-bottom:2px; line-height:1.2em}
nav ul.navbar-nav.lnk{background-color:#fff; padding:18px 0; }
nav ul.navbar-nav.lnk li.lnk_spsite a:hover,nav ul.navbar-nav.lnk li.lnk_spsite a:focus{background-color:#fff; color:#00a0e2}
.call{float:left; margin-left:10px;margin-top:5px}
.tel_no{border: solid 1px #ffffff;padding: 1px;width: 200px;float:left;height: 46px;}
.tel_no p{font-size: 13px;color:#ffffff;margin-bottom: -0.5em;text-align:center;}
.toiawase{background-color:#e70012; color:#fff ;padding: 10px;width: 200px;float:left;height: 46px;}
.toiawase p{font-size: 16px;color:#ffffff;margin-bottom: 0;text-align:center;}
/*footer*/
#footer{ font-size: 8.5pt; width:100%; text-align: left; margin: 0 auto; overflow:hidden; clear:both;}
#footer  { background-color: #00a0e2; border-top: 1px solid #fff; line-height:1.6em;}
.f_box_2{ color: #fff; font-size: 8pt; width: 1000px; clear: both; margin: 0 auto; padding: 20px 0px; overflow:hidden;}
.f_box_2 a{ color: #fff; text-decoration: none; text-align: left;  display:block;padding: 10px 0}
.f_box_2 a:link { color: #fff; text-decoration: none; }
.f_box_2 a:visited { color: #fff; text-decoration: none; }
.f_box_2 a:hover{ color: #777; text-decoration: underline; }
.f_box_2_l {float:left; overflow:hidden; text-align: left;width:62%;  }
.f_box_2_r {float:right; overflow:hidden; text-align:right; width:38%; }
.cont{ float: left; margin-right:32px; margin-bottom:20px; border-left: 1px solid #fff; padding:5px 0 5px 14px; letter-spacing:1pt;}
.f_company {float:right; width:260px;}
.f_logo {float:right;  margin: 20px 0px 0 0px ;}
.copyright {float:right; clear:right; margin-top:4px; font-size:7pt;}
.companyname {font-size:14pt; font-weight:bold; letter-spacing:3pt; margin:26px 0 0 12px; float:right; }
/* page top */
#pagetopbutton {display: none;position: fixed;z-index:1000;bottom: 30px;right: 15px;}
#pagetopbutton a {box-sizing: border-box;display: block;padding: 6px 8px 8px 8px;border-radius: 30px;width: 35px;height: 35px;background-color: #808080;color: #fff;font-weight: bold;text-decoration: none;text-align: center;}
#pagetopbutton a:hover {display: block;background-color: #b2d1fb;text-align: center;color: #fff;font-size: 12px;text-decoration: none;padding:5px 10px;filter:alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;}
/*/* breadcrumb */
.breadcrumb{max-width: 766px;margin: 0 auto; width: 100%;overflow: hidden; padding-left: 10px;}
.breadcrumb li{float:left}
.breadcrumb li:after{content:'＞';padding:0 5px}
.breadcrumb li:last-child:after{content:''}
.breadcrumb li a{color:#fff;text-decoration:none}
/* container */
#container{text-align:center;margin:0 auto; padding-top:50px}
section {margin:0;	position:relative;}
section#top, #top .contents{padding:0; margin:0 auto 50px; position:relative;}
#top .contents{position: absolute;
    top: 0;
    width: 96%;
    height: 180px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;}
.box-border-bk {border:3px solid #000; padding: 1em; color:#000;padding-top:1.6em;}
h2{color:#000;}
.bg_blue{background-color: #00a0e2}
.bg_blue h2, .bg_blue h3,.bg_blue p {color:#fff}
.bg_blue h2 .under{border-color:#fff}
.bg_gray{background-color:#eee; color:#000}
.txt_blue{color:#00a0e2}
.contents {margin: 0 auto 50px; max-width: 800px; padding: 2rem 2.0rem; position: relative;}
#solution .contents,#service .contents, #plan .contents{max-width:1000px}
.row {max-width:1000px;margin:0 auto;padding:0; display: flex; flex-direction: column;width: 100%;}
h2 .under {border-bottom: 0.2rem solid #000;padding:0 1rem;line-height:1.6em;	display:inline-block;margin-bottom:1rem;}
p .under {background:linear-gradient(transparent 84%, #C8D9E3 0%); color:#00a0e2;font-size:17px; padding:0 0.2rem; font-weight:bold}
#solution::before,#voice::before{
	content: "";
	position: absolute;
	top:20px;
	right: 0;
	left: 0;
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	border-color: #fff transparent transparent transparent;
	border-width: 40px 60px 0 60px;
}
section#question{padding-bottom:0}
#question h2{position: absolute;top: 8%; background: #fff; left: 0; right: 0; margin: auto; width: 420px; text-align: center;margin-bottom:0}
#question .box-border-bk ul{display:inline-block}
ul.disc-blue li{position:relative;padding-left:1.2em;font-size:16px}
ul.disc-blue li::before{border-radius:50%;width:10px;height:10px;display:block;position:absolute;left:0; top:0.5em;content:"";background-color:#00a0e2;}
.em{font-size:24px;font-weight:bold;display:inline-block;margin-bottom:2em}
#solution p{ color:#000;font-size:16px;text-align:center}
#solution, #merit {background-color:#eee}
#solution::before{border-color: #000 transparent transparent transparent;}
section#solution{padding-top:50px}
#purpose p{margin-bottom:0.6rem}
.tit_sub{font-size:16px; font-weight:normal;}
#service p{margin-bottom:1.6rem}
#service  h3{margin-top:1.6rem;}
.col{margin-bottom:1.6rem;}
.col img{width:100%; max-width:400px}
.fee{border-radius:4px; background-color:#00a0e2; padding:0.4rem 1rem; color:#fff; font-weight:bold; margin-bottom:1.6rem}
.table{padding:0.5em; margin: auto; width:100%; border:solid thin #000; margin-bottom:0.4rem}
.table td{padding:0.6em; margin: auto; border:solid thin #000; vertical-align:middle; text-align:center;background-color:#fff; color:#777}
.table th{padding:0.6em; margin: auto; background-color:#000; color:#fff; border-right:solid thin #fff; vertical-align:middle; text-align:center; font-size:18px; font-weight:bold; line-height:1.4em}
.table th .sub{font-size:16px; font-weight:normal; display:block}
.table th:last-child{border-right:solid thin #000}
.table.bg_blue { border:solid thin #777;}
.table.bg_blue td{border:solid thin #777;}
.table.bg_blue tr th{/*background-color:#7db4e6;*/ color:#fff; border-right:solid thin #777;font-size:16px}
#service .table tr:nth-child(2n+1) td{background-color:#f4f4f4}
ul.indent li{text-indent:-1.4em; margin-left:1.4em; font-size:16px}
ul.merit{margin-bottom:1.6em; padding:0}
ul.merit li{font-size: 16px;font-weight: bold;color: #000; background-color:#fff; padding:1rem;text-align:left; margin-bottom:1em}
.circle{ height: 30px;width: 30px;border-radius: 50%;line-height: 30px;text-align: center;background-color: #000;color: #fff;font-weight: bold; margin:0 auto; margin-bottom:1rem}
.c_name{font-size:16px; font-weight:bold; background-color:#fff; color:#00a0e2;padding:0.2rem 1rem;margin-bottom:1rem}
.c_img{float:left; margin:0 16px 6px 0; color:#fff; font-size:12px}
#voice::before{top:-20px;border-color: #00a0e2 transparent transparent transparent;}
section#voice{margin-top:50px;}
.cst_icon{display:inline-block;width:16%; margin-right:4%}
.cst_icon p{line-height:1.2em; text-align:center; margin:0.6em 0}
.cst_comment {position: relative;background: #ffffff;border: 1px solid #00a0e2;border-radius:4px;display:inline-block;width:78%;vertical-align:top;padding:1em;margin-bottom:1.6em;}
.cst_comment:after, .cst_comment:before {right: 100%;top: 40px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;}
.cst_comment:after {border-right: 18px solid #ffffff;border-top: 8px solid transparent;border-bottom: 8px solid transparent;margin-top: -18px;}
.cst_comment:before{border-right: 19px solid #00a0e2;border-top: 9px solid transparent;border-bottom: 9px solid transparent;margin-top: -19px;}
/* contact */
.contact_btn a {background-color:#e70012; color:#fff !important; font-size:26px; font-weight:bold; width:100%;max-width:450px;padding:20px 10px; text-align:center; display:block; margin:0 auto; margin-bottom:36px;line-height:1.2em;box-shadow:4px 4px 4px rgba(0,0,0,0.6);}
.contact_btn a *{color:#fff !important; }
@media only screen and (min-width: 768px) {
.row {
    display: flex;
    flex-direction: row;
	-webkit-justify-content:space-between;
    -moz-justify-content:space-between;
    justify-content:space-between;
	}
.row .col.span-4 {
    flex: 0 0 30.6666666667%;
    max-width: 30.6666666667%;
}
.row .col.span-2 {
    flex: 0 0 49%;
    max-width: 49%;
}
}
@media only screen and (max-width: 1000px) {
/* header */
ul.lnk li a{padding:0.2em 0.4em;}
.inner{	width: 94%;}
/* footer */
#footer {width:100%; min-width: 280px;}
.f_box_2 {width:92%; text-align:center; }
.f_box_2_l { float:none; width:100%; margin: 0 auto; }
.cont{ margin-right:10px;}
.f_box_2_r { float:none; width:100%; margin:0 auto; }
.cont:nth-child(1)  {width:20%;}
.cont:nth-child(2)  {width:20%;}
.cont:nth-child(3)  {width:26%;}
.cont:nth-child(4)  {width:14%;}
.f_company {width:auto;}
.f_logo {float:right;}
.companyname {margin-left:0; }
}
@media only screen and (max-width: 767px) {
.contents {padding: 1.4rem 1rem;margin-bottom: 0;}
.f_box_2{font-size:14px;width:94%}
.f_box_2 a{padding:14px 0}
/* footer */
.cont{border-left:none;}
.cont:nth-child(1),.cont:nth-child(3)  {width:50%;}
.cont:nth-child(2),.cont:nth-child(4)  {width:44%;}
/* tel_no */
.tel_no{display:none;}
}
@media only screen and (max-width: 480px) {
/* text */
h2{font-size:20px;}
h3{font-size:18px;}
.em{font-size:20px;}
#top .contents{height:140px}
#plan h2.tit{font-size:18px;}
.tit_sub{font-size:14px;}
.c_img{float:none;margin:0 auto}
.table td{line-height:1.4em}
.table th{padding:0.4em;font-size:16px; vertical-align:top}
/* header */
#line{font-size:9pt;}
#footer .f_box_2 .cont{width:100% !important; margin-bottom:0}
#footer .f_box_2 a{text-align:center}
/* contents */
.flex-container{flex-direction: column;}
.flex-container li{min-height: 0%;}
#question h2{position:static; display:block; text-align:center; width:auto; margin-bottom:16px}
}
/*nakano*/
.btn-flat-simple {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #fff;
  background: #000;
  transition: .4s;
  max-width:300px;
  width:100%;
  margin:0 auto;
  font-size:20px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
  border-radius: 4px;/*角の丸み*/
}

.btn-flat-simple:hover {
  background: #B2B2B2;
  color: #fff;
}