@charset "utf-8";
/* CSS Document */



/* Reset
------------------------------*/

*{ margin: 0;padding: 0}
a { text-decoration : none}
ul, ol { list-style : none}
img { vertical-align : middle; border:0;}


/*img
----------------------------------------------------------------*/
img,image-button {
max-width:100%;
height:auto;
}

html {
	font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
	font-size: 62.5%;/*ルートのフォントサイズを10px*/
	line-height:1.7;
}
body {
	font-size: 1.6em;/*em指定　16px*/
}
.pcbr { display:none; }


/*clearfix
----------------------------------------------------------------*/
.clearfix:after {/*for modern browser*/
   content: "";
   display: block;
   clear: both;
}
.clearfix {
	overflow:hidden;
}

* html .clearfix { zoom:1; } /*for IE6*/
*:first-child+html .clearfix { zoom:1; } /*for IE7*/
overflow: hidden;


/*link
----------------------------------------------------------------*/
a:link{
color:#0c2f9e;
text-decoration:none;
}
a:visited{
text-decoration:none;
color:#FF6600;
}
a:hover{
color: #FF6600;
text-decoration:none;
}
a:active{
color:#FF6600;
text-decoration: none;
}

footer a:link {
color:#e4e4e4;
text-decoration:none;
}
footer a:visited {
text-decoration:none;
color:#e4e4e4;
}
footer a:hover {
color:#d5dfff;
text-decoration:line;
}
footer a:active {
color:#d5dfff;
text-decoration: none;
}


/*text
------------------------------*/

.font10 { font-size:10px; }
.font12 { font-size:12px; }
.font14 { font-size:14px; }
.font16 { font-size:16px; }
.font18 { font-size:18px; }
.font20 { font-size:20px; }
.font24 { font-size:24px; }
.font34 { font-size:34px; }

.ore { color:#ff9a23; }
.ore2 { color:#ea6907; }
.blue2 { color:#4b4e9d;}
.red {color:#F00;}
.white { color:#FFF; }
.green { color:#0e9f96 !important; }

.bold { font-weight:bold; }

.center { text-align:center; }
.t_left { text-align:left; }
.t_right { text-align:right; }
.left { float:left;}
.right {float:right;}

.font_big {
	font-size:28px;
	font-weight:bold;
}
.y_marker {
	background-color: #ffea8a;
}
.font_min { font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/*余白
----------------------------------------------------------------*/
.mb0 { margin-bottom:0px !important;}
.mb10 { margin-bottom:10px !important;}
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }
.mb50 { margin-bottom:50px !important; }

.mt10 { margin-top:10px !important; }
.mt20 { margin-top:20px !important; }
.mt30 { margin-top:30px !important; }
.mt40 { margin-top:40px !important; }
.mt50 { margin-top:50px !important; }

.ml10 { margin-left:10px !important; }
.ml20 { margin-left:20px !important; }
.ml30 { margin-left:30px !important; }

.mr10 { margin-right:10px !important; }
.mr20 { margin-right:20px !important; }
.mr30 { margin-right:30px !important; }


/*見出し
------------------------------*/
h1 {
	font-size:1.2rem;
	text-align:center;
	margin-bottom:1.0rem;
	color:#0c2f9e;
}
h2 {
	font-size: 2.4rem;
	margin-bottom:2.0rem
}
h3 {
	font-size:2.2rem;
	color:#0c2f9e;
}
h4 {
}
h5 {
}


/* btn
------------------------------*/
.btn_ore a,
.btn_ore_h a,
.btn_cta a,
.btn_blue a,
.btn_detail a {
	display:block;
}
.btn_ore,
.btn_ore_h {
	width:190px;
	font-weight:bold;
	padding: 10px 20px 10px 10px;
	border-radius: 26px;
	text-align: center;
	margin: 0 auto;
	background: url(../images/icon_ar_w.png) 95% no-repeat;
	background-color: rgba(234, 105, 7, 1.0);
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
}
.btn_cta {
	width:80%;
	max-width:500px;
	font-weight:bold;
	padding: 20px;
	border-radius: 40px;
	text-align: center;
	margin: 0 auto 40px;
	background: url(../images/icon_ar_w.png) 95% no-repeat;
	background-color: rgba(234, 105, 7, 1.0);
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
}
.btn_ore:hover,.btn_ore_h:hover,.btn_cta:hover {
    background-color: rgba(234, 70, 28, 1.0);
}
.btn_ore a,
.btn_ore_h a,
.btn_cta a {
	color:#FFF;
}
.btn_ore a:hover,
.btn_ore_h a:hover,
.btn_cta a:hover {
	color:#FFF;
}
.btn_blue {
	width:250px;
	font-weight:bold;
	padding: 10px 20px 10px 10px;
	border-radius: 26px;
	text-align: center;
	margin: 0 auto;
	background: url(../images/icon_ar_w.png) 80% no-repeat;
	background-color: rgba(12, 47, 158, 1.0);
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
}
.btn_blue:hover {
    background-color: rgba(0, 24, 100, 1.0);
}
.btn_blue a {
	color:#FFF;
}
.btn_blue a:hover {
	color:#FFF;
}

.btn_detail {
	width:200px;
	font-weight:bold;
	padding: 8px 20px 8px 8px;
	border-radius: 26px;
	text-align: center;
	margin: 0 auto;
	background: url(../images/icon_ar.png) 200px no-repeat;
	border:#0c2f9e 2px solid;
	background-color: rgba(255, 255, 255, 1.0);
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
}
.btn_detail:hover {
    background-color: rgba(220, 230, 255, 1.0);
}
.btn_detail a {
	color:#0c2f9e;
}
.btn_detail a:hover {
	color:#0c2f9e;
}

/* br
------------------------------*/
.spbr{
	display: block;
}
.pcbr {
	display:none;
}
@media screen and (min-width: 767px) {
.pcbr {
	display:block;
}
.spbr {
	display:none;
}
}

/* header
------------------------------*/
header {
	width:100%;
	margin-bottom:20px;
	border-bottom:#c1c1c1 1px solid;
	padding-bottom:20px;
	padding-top:10px;
}
header .h_in {
	width:90%;
	margin: 0 auto;
	position:relative;
}
header #logo {
	margin-bottom:10px;
	text-align:center;
}
/* #gnav { display:none; } */

header .logo2 {
	position:absolute;
	top:20px;
	right: -30px;
}
header .logo2 img {
	width:80%;
}
header .h_contact {
	position:relative;
	width: 350px;
	margin: auto;
}
header .cat {
	position:absolute;
	top:10px;
	left:50px;
}
/* top
------------------------------*/

.in {
	width:90%;
	margin:0 auto;
}
#kv {
	text-align:center;
}
#kv .kv_img1 {
	margin-bottom:20px;
}
#kv .kv_img3 img {
	width:80%;
	margin:0 auto;
}

#sec01 {
	padding:40px 0;
	background-color:#0c2f9e;
	color:#FFF;
	text-align:center;
}
#sec01 .text {
	font-size:2.0rem;
}

#sec02 {
	padding:40px 0;
	background-color:#f2f2f2;
	text-align:center;
}
#sec02 .circle {
	position: relative;
	display: inline-block;
  width: 250px;
  height: 250px;
  text-align:center;
  border-radius: 50%;
  border:2px dashed #0c2f9e;
  background-color:#FFF;
}

#sec02 .circle span {
  position: absolute;
  display: inline-block;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width :220px;
  text-align:center;
  padding:15px;
}

#sec02 .name {
	background-color:#003366;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	padding:4px;
	width:80%;
	margin:0 auto;
}
#sec02 .case {
	position:relative;
	height: 390px;
	margin-bottom:20px;

}
#sec02 .set{
	position:absolute;
	bottom:0;
	left: 0;
	right: 0;
	margin: auto;
	width:300px;
}
#sec02 .ill img {
	width:60%;
	margin:0 auto;
}
.ar_box {
	background:url(../images/ar.png) center no-repeat;
	background-size:cover;
	text-align:center;
	height: 150px;
	margin-bottom:20px;
}
#sec03  {
	margin-bottom:40px;
}
#sec03 .menu_box {
	border:2px solid #0c2f9e;
	padding:20px;
	border-radius:20px;
	text-align:center;
	margin-bottom:20px;
}

#sec03 .txt {
	text-align:left;
	margin-top:20px;
}
#sec03 .cont1 {
   display: flex;
  justify-content: space-around;
  align-items:center;
  margin-bottom: 40px;
}
#sec04 {
	background-color:#e0f0ff;
	padding:40px 0;
	text-align:center;
}
#sec04 .feature {
	width:90%;
	margin:0 auto;
	border-radius:20px;
	padding:20px;
	margin-bottom:20px;
	background:#FFF;
}

#sec04 h3 {
	margin:10px 0;
}

#sec05 {
	background: url(../images/bg_flow.jpg) no-repeat;
	background-size:cover;
	padding:40px 0;
	text-align:center;
}
#sec05 .flow_txt {
    margin-bottom: 40px;
}
#sec05 .flow_img {
	display:none;
}
#sec05 .fowstep {
    width: 70%;
    margin: 0 auto;
    border: #b5b5b5 1px solid;
    padding: 10px;
	background-color:#FFF;
}

#sec06 {
	padding:40px 0;
}
#sec06 h2 {
	text-align:center;
}
#sec06 .faqbox {
	position:relative;
}
.faq_ill img {
	width:70%;
}
.faq_ill {
	position:absolute;
	top: -170px;
	right: -40px;
}
.faq_ill2,
.faq_ill3 {
	display:none;
}
#sec06 .faqbox dl {
	padding:10px;
	margin-bottom:20px;
	box-shadow:6px 7px 4px -7px #c6c6c6;
	-moz-box-shadow:6px 7px 4px -7px #c6c6c6;
	-webkit-box-shadow:6px 7px 4px -7px #c6c6c6;
	border:#CCC 1px solid;
	padding:20px;
}
#sec06 .faqbox dt {
    background: url(../images/icon_q.png) left top no-repeat;
    padding-left: 40px;
    min-height: 35px;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 10px;
	color:#0c2f9e;
}
#sec06 .faqbox dd {
    background: url(../images/icon_a.png) left top no-repeat;
    padding-left: 40px;
}

#sec07 {
	background-color:#f2f2f2;
	padding:40px 0;
	text-align:center;
}

.tabs {
  margin-top: 50px;
  padding-bottom: 40px;
  background-color: #fff;
 }

/*タブのスタイル*/
.tab_item {
  width: calc(100%/2);
  height: 50px;
  border-bottom: 3px solid #e4680a;
  background-color: #d9d9d9;
  line-height: 50px;
  text-align: center;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
  border-radius: 10px 10px 0 0;
}
.tab_item:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 40px 40px 0;
  clear: both;
  overflow: hidden;
}

/*選択されているタブのコンテンツのみを表示*/
#legal:checked ~ #legal_content,
#contract:checked ~ #contract_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #e4680a;
  color: #fff;
}


/* pagetop
------------------------------*/
#pagetop {
 display:inline-block;
 position:fixed;
 bottom:20px;
 right:20px;
}



/*footer
------------------------------*/
footer {
	padding:40px 0 0;
	background-color:#0c2f9e;
	color:#FFF;
	text-align:center;
}
footer .logo {
	margin-bottom:20px;
}
#f_menu3 li {
	display:inline-block;
	border-right:1px #FFF solid;
	font-size:1.4rem;
	padding-right:5px;
	padding-left:5px;
}
#f_menu3 li:last-child {
	border-right:none;
}

footer .fnav li {
	border-top:#244ac0 1px solid;
	padding:10px 0;
}
footer .fnav li:last-child {
	border-bottom:#244ac0 1px solid;
}
footer .fnav {
	margin-bottom:20px;
}
.copyright {
	margin-top:40px;
}
.fnav2 {
	margin-bottom:20px;
}
.f_ill img {
	display:none;
}

/*googlecalendar
------------------------------*/
.calendar  { background-color:#FFF; }
.cal_wrapper {
max-width: 960px; /* 最大幅 */
min-width: 300px; /* 最小幅 */
margin: 2.0833% auto 0;
}
.googlecal {
position: relative;
padding-bottom: 100%; /* 縦横比 */
height: 0;
}
.googlecal iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

/* 画面幅が768px以上の場合の縦横比の指定 */
@media only screen and (min-width: 768px) {
.googlecal { padding-bottom: 75%; }
}




/* kasou sp
-------------------------------------------------------------------------*/
.pankuzu {
    width: 100%;
    font-size: 12px;
    color: #666;
    margin-bottom: 20px;
}
#page_ttl {
	text-align:center;
	border-bottom:#c1c1c1 1px solid;
	padding-bottom:20px;
}
#page_ttl h2 {
	color:#0c2f9e;
	margin-bottom:0;
}
#page_ttl h2 img {
	width:50px;
}
#lead {
	padding:40px 0;
	background:url(../../legalcheck/images/legal_bg.jpg) bottom right no-repeat;
	height: 350px;
    background-size: 80%;
}
#lead2 {
	padding:40px 0;
	background:url(../../contract/images/contract_bg.jpg) bottom right no-repeat;
	height: 350px;
    background-size: 80%;
}
#lead h3,
#lead2 h3,
#point h3,
#service h3,
#price h3 {
	font-size:2.0rem;
    font-weight: bold;
	margin-bottom:30px;
	color:#333333;
}
#check {
	padding:40px 0;
	background-color:#e0f0ff
}
#check h3 {
	font-size:1.8rem;
    font-weight: bold;
	margin-bottom:30px;
	color:#333333;
}
#check .point {
	position:absolute;
	top:0;
	left:0;
	color:#182fbc;
}
#check .point span {
	background-color:#182fbc;
	padding:5px 10px;
	display: inline-block;
	margin-right:10px;
}
#check .point_box {
	position:relative;
	border-radius:10px;
	margin-bottom: 20px;
	box-shadow:10px 10px 10px -8px #939393;
	-moz-box-shadow:10px 10px 10px -8px #939393;
	-webkit-box-shadow:10px 10px 10px -8px #939393;
	border:#CCC 1px solid;
	padding: 50px 20px 20px 20px;
	background-color:#FFF;
}
#check .ill {
	position:relative;
}
#check .ill_01 {
	position:absolute;
	bottom: -50px;
	right: 0;
}

#point {
	padding:40px 0;
	text-align:center;
}

#point .box {
	position:relative;
	box-shadow:6px 7px 4px -7px #c6c6c6;
	-moz-box-shadow:6px 7px 4px -7px #c6c6c6;
	-webkit-box-shadow:6px 7px 4px -7px #c6c6c6;
	border:#CCC 1px solid;
	padding:40px;
	text-align:left;
	margin-bottom:40px;
}
#point .pointimg {
	position:absolute;
	top: -30px;
	left: -10px;
}
#point .pointimg img {
	width:80%;
}
#point .txt_wrp {
	margin-bottom:50px;
}
#service {
	padding:40px 0;
	background-color:#e0f0ff;

}
#service .p_our img {
	width:70%;
	margin:0 auto;
	margin-bottom: 20px;
	max-width: 266px;
}
#service .p_our {
	text-align:center;
}
#service .chk {
	background:url(../../legalcheck/images/icon_chk.png) 10px no-repeat;
	margin-right:10px;
	padding:10px;
	margin-bottom:20px;
	box-shadow:6px 7px 4px -7px #c6c6c6;
	-moz-box-shadow:6px 7px 4px -7px #c6c6c6;
	-webkit-box-shadow:6px 7px 4px -7px #c6c6c6;
	border:#CCC 1px solid;
	padding: 10px 10px 10px 46px;
	background-color: #FFF;
	font-weight:bold;
}
#price {
	padding:40px 0;
	text-align:center;
}
#please h4 {
	margin-bottom:20px;
}
#please .box {
	padding:40px;
	border: #CCC 1px solid;
	margin-bottom:40px;
}

.bg_green {
	background-color:#d7f0eb !important;
}
.bg_green2 {
	background-color:#009277 !important;;
}
#cont {

}
#cont h3  {
	font-size:2.0rem;
	color:#333;
	position: relative;
	padding: 1.5rem;
	text-align: center;
	margin:100px 0;
}
#cont h3:before {
  position: absolute;
  bottom: -10px;
  left: calc(50% - 30px);
  width: 70px;
  height: 3px;
  content: '';
  border-radius: 3px;
  background: #333;
}
#flow {
		margin-bottom:40px;
	}

#flow dl {
	border:#cce5fd 1px solid;
	margin-bottom:20px;
}
#flow dl dt {
	background-color:#ebf5ff;
	padding:10px;
}
#flow dl dd {
	padding:10px;
	font-weight:bold;
}
.flow_box {
	margin-bottom:30px;
}
#rinen .pc_img {
	display:none;
}
#kiyaku {
	padding-bottom:100px;
}
#kiyaku .txt {
	margin-bottom:40px;
}
#kiyaku .wrp {
	margin-bottom:40px;
}
#kiyaku .wrp p {
	margin-bottom:20px;
}
#sitemap {
    padding: 100px 0;
}
#sitemap li {
	margin-bottom:20px;
}

/* テーブル(料金表)
------------------------*/
.table_price {
	margin-bottom:40px;
	border-collapse: collapse;
}
.table_price th {
	background-color:#eeeeee;
	font-weight:bold;
	padding:10px;
}
.table_price td {
	padding:15px;
}
.table_price tr {
	border-bottom: 1px solid #ddd;
}

@media screen and (max-width: 640px) {
  .t_scroll {
    overflow-x: auto;
	margin-bottom: 20px;
  }
  .table_price {
    min-width: 640px;
    margin: 0 10px 20px;
  }
  .table_price td {
  }
}
@media screen and (min-width: 641px) {
	.table_price {
		width:100%;
	}
}

/* table3（レスポンシブ）
------------------------------*/
table.table3	{
width: 90%;
margin:0 auto 100px;
border-collapse: collapse;
font-size:15px;
}
table.table3 th,
table.table3 td	{
padding: 10px;
border-bottom: 1px solid #ddd;
}


table.table3 td { background-color:#FFF; }

.table3 th	{ width: 30%; text-align: left; font-weight:normal;}

.table3 th {background-color:#FFF;}



@media only screen and (max-width:480px){
.table3	{ margin: 0 -5px; }
.table3 th,
.table3 td{
		width: 100%;
		display: block;
		border-top: none;
}
.table3 th {background-color:#ebebeb;}

table.table3 th, table.table3 td	{ padding: 10px; }
.table3 tr:first-child th	{ border-top: 1px solid #ddd; }



}
/*-------------------------------------------------------------------------

480～767pxまで

-------------------------------------------------------------------------*/
@media screen and (min-width:480px){
}



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

768～1023pxまで

----------------------------------------------------------------------------*/
@media screen and (min-width:768px){

.pcbr { display:block; }


header #logo {
	margin-bottom:10px;
	text-align:left;
	position: absolute;
	top: -3px
}
header h1 {
	text-align:left;
	padding-left: 135px;
}
#gnav { display:block; }
#gnav li {
	display:inline-block;
	padding:0 10px;
}
#gnav a {
	color:#000;
}
#gnav a:hover {
	color:#ea6907;
	-webkit-transition-duration: 1s;
	transition-duration: 1s;
}
header .logo2 {
	position:absolute;
	top:20px;
	right: -30px;
}
header .logo2 img {
	width:80%;
}
header .h_contact {
	position:relative;
}
header .cat {
	position:absolute;
	top:10px;
	left:35px;
}
#kv .kv_img3 img {
    width: 60%;
    margin: 0 auto;
}
#sec03 .menu_set {
	display: flex;
	justify-content:space-around;
	margin-bottom:40px;
}
#sec03 .menu_box {
	width:50%;
	margin:0 1%;
}
#sec04 .feature_wrp {
	display: flex;
	justify-content:space-around;
	margin-bottom:40px;
}
#sec04 .feature {
	width:30%;
	margin:0 1%;
}
#sec04 h2,
#sec05 h2,
#sec06 h2 {
	margin-bottom:80px;
}

#sec02 .case {
    width: 30%;
}
#sec02 .circle {
    width: 200px;
    height: 200px;
}
#sec02 .circle span {
	width: 160px;
}
#sec02 .set {
    width: 200px;
}
#sec02 .case_set {
	display: flex;
	justify-content:space-around;
	margin-bottom:40px;
}

/* 下層
---------------*/

#lead,#lead2 {
	height: 180px;
	background-size: 50%;
}

#lead h3,#lead2 h3, #point h3, #service h3, #price h3 {
    font-size: 2.4rem;
}
#check .ill {
    text-align: center;
}

#check,
#point,
#service,
#price {
	padding:80px 0;
}
#point .box {
    width: 70%;
	max-width:1000px;
    margin: 0 auto 40px;
}
#service .float_l {
	width:60%;
	float:left;
}
#service .p_our {
	width:40%;
	float:right;
}
#service h3 {
	margin-bottom:60px;
}

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

1024px～

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


@media screen and (min-width:1024px){
	.in {
		max-width:1200px;
		margin:0 auto;
	}
	#under_wrap .in {
		max-width:1000px;
		margin:0 auto;
	}
	h2 {
    font-size: 3.6rem;
    margin-bottom: 2.0rem;
	}
	h3 {
    font-size: 2.7rem;
	}
	.btn_ore,
	.btn_blue {
	font-size:2.0rem;
	width: 400px;
	}
	.btn_ore {
    background: url(../images/icon_ar_w.png) 340px no-repeat;
	background-color: rgba(234, 105, 7, 1.0);

}
	header .h_in {
    max-width:1200px
	}

	header .h_contact {
    position: absolute;
    right: 20px;
    top: 0;
	}
	header #logo {
    margin-right: 0;
	}
	#gnav {
    margin-top: 20px;
	padding-left: 120px;
	}
	#gnav li {
		padding: 0 15px;
		font-size: 1.7rem;
	}
	#kv .kv_img1 {
    margin-bottom: 50px;
    margin-top: 20px;
	}
	#kv .kv_l {
		float:left;
	}
	#kv .kv_img3 img {
    width: 45%;
	}
	#sec01,
	#sec04,
	#sec05,
	#sec06,
	#sec07 {
    padding: 80px 0;
	}
	#sec02 {
    padding: 80px 0 150px;
	}
	#sec01 .text {
    font-size: 2.8rem;
	margin-bottom:15px;
	}
	#sec01 .text2 {
    font-size: 1.8rem;
	}
	#sec02 .circle {
    width: 300px;
    height: 300px;
	}#sec02 .circle span {
    width: 280px;
	}
	#sec02 .ill img {
    width: 100%;
	}
	#sec02 .set {
    width: 250px;
	top:200px;
	}
	#sec02 .name {
		width:100%;
	}
	.circle span {
		font-size:1.8rem;
	}
	#sec02 .ill {
		margin-bottom:20px;
	}
	.ar_box p {
		font-size:2.0rem;
	}
	.font_big {
    font-size: 34px !important;
    font-weight: bold;
	}
	.ar_box {
		background-size: contain;
	}
	#sec03 .menu_set {
		max-width:1000px;
		margin:0 auto 40px;
	}
	#sec03 .menu_box {
		width:400px;
		padding:30px;
	}
	.ar_box {
    margin-bottom: 60px;
	}
	#sec05 .flow_txt {
		display:none;
	}
	#sec05 .flow_img {
	display: block;
	margin-bottom:80px;
	}

	.faq_ill img {
	width:100%;
	}

	.faq_ill2,
	.faq_ill3 {
		display:block;
	}
	.faq_ill2 {
		position:absolute;
		top: 200px;
		left: -120px;
	}
	.faq_ill3 {
		position:absolute;
		top: 400px;
		right: -50px;
	}
	footer .f_in {
		max-width:1200px;
		margin:0 auto;
		position: relative;
	}
	footer {
		padding: 80px 0 20px;
	}
	footer .logo {
    margin-bottom: 60px;
	}
	footer .fnav {
    float: right;
    width: 700px;
	height:400px;
	text-align:left;
	font-weight:bold;
	}
	footer #f_menu1 {
    width: 30%;
    margin-bottom: 20px;
    float: left;
	}

	footer #f_menu1 li,
	footer #f_menu2 li{
    padding: 4px 4px 15px 20px;
    border: 0;
	}
	footer #f_menu1 {
    width: 30%;
    margin-bottom: 20px;
    float: left;
	}
	footer #f_menu2 {
    width: 40%;
    float: left;
    text-align: left;
    margin-bottom: 20px;
	}
	footer .fnav li,
	footer .fnav li:last-child {
    border-top: none;
	border-bottom: none;
	}
	.calendar {
		width:400px;
		float:left;
		margin-right:50px;
	}
	#f_menu3 li {
    font-size: 1.6rem;
    padding-right: 15px;
    padding-left: 10px;
	}
	.f_ill {
		display:block;
		position:absolute;
		bottom: 0;
		right: 0;
	}

	/* 下層　PC
---------------*/
	#page_ttl {
	padding-bottom:60px;
	}

	#lead h3,#lead2 h3, #point h3, #service h3, #price h3 {
    font-size: 3.0rem;
	}
	#lead {
		height:200px;
		padding: 80px 0 40px;
		background: url(../../legalcheck/images/legal_bg.jpg) 980px no-repeat;
	}
	#lead2 {
		height:200px;
		padding: 60px 0;
		background: url(../../contract/images/contract_bg.jpg) 980px no-repeat;
	}
	#check .f_left {
		float:left;
	}
	#check .f_right {
		float:right;
	}
	#check .point {
		font-size:1.8rem;
	}
	#check .point_box {
		width:260px;
		margin-bottom: 60px;
		padding: 50px 30px 30px 30px;
		z-index:10
	}
	#check .in {
		position:relative;
	}
	#check .ill {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		margin: auto;
	}
	#check .in {
		max-width:1100px;
	}
	#check h3 {
    font-size: 2.4rem;
	margin-bottom: 60px;
	}
	#check .ill_01 {
    right: -100px;
	}
	.table_price {
    width: 800px;
	margin: 0 auto 60px;
	}
	#please .box {
	width: 700px;
    margin: 0 auto 80px;
	}
	.btn_cta {
	margin-bottom:150px;
	}
	#flow {
		margin-bottom:80px;
	}
	#flow dl {
		margin-bottom:0;
	}
	.flow_box {
    margin-bottom: 0;
	}
	#flow dl dt {
		width:200px;
		float:left;
		text-align:center;
		border-right: #c9e3fd solid 1px;
	}
	#flow dl dd {
		float:left;
	}
	#flow .flow_box .txt {
		background:url(../../flow/images/line_bule.png) repeat-y;
		padding-left: 220px;
		padding-top: 50px;
		padding-bottom: 50px;
	}
	#flow .flow_box .noimg {
		background:none;
	}

	#pricelist .in {
		width:800px;
		margin:0 auto;
	}
	#pricelist .txt {
		margin-bottom:80px;
	}
	#cont {padding-bottom:100px;
	}
	#rinen .sp_img {
	display:none;
	}

	#rinen .pc_img {
		display:block;
	}
	#sitemap {
		width:600px;
		margin:0 auto;
	}
	#sitemap ul {
		float:left;
		margin-right:60px;
	}

}
}

/* globalnav
--------------------------------*/
@media  screen and (max-width: 767px) {

	nav#gnav {
		position: fixed;
		width: 100%;
		height: 100%;
		background: #0c2f9e;
		top: 0;
		left: 0;
		z-index: 10;
		padding: 100px 0 40px;
		transform: translateX(100%);
		transition: transform .4s;
	}

	.is-open nav#gnav{
		transform: translateX(0);
	}

	nav#gnav a {
		display: block;
		padding: 1em 0;
		color: #ccc;
		text-align: center;
	}

	nav#gnav li {
			border-top: 1px solid #fff;
	}

	nav#gnav ul {
			padding: 0;
			border-bottom: 1px solid #fff;
	}

}

/* Button */
.button-hamburger {
  position: fixed;
  top: 1rem;
  right: 2.5%;
  bottom: 0;
  z-index: 15;
  width: 32px;
  height: 32px;
  border: 0;
  outline: 0;
  background-color: transparent;
  cursor: pointer;
  -webkit-appearance: none; /* Chrome, Safari, Opera, Android */
     -moz-appearance: none; /* Firefox */
          appearance: none; /* IE非対応 */
}

.hamburger {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 24px;
  height: 2px;
  margin: auto;
  border-radius: 4px;
  background-color: #263238;
}

.hamburger:before,
.hamburger:after {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background-color: inherit;
  content: '';
	transition: all .4s;
}

.hamburger:before {
  top: -5px;
}

.hamburger:after {
  top: 5px;
}

.is-open .hamburger{
	background: transparent;
}

.is-open .hamburger:before,
.is-open .hamburger:after {
	background: #fff;
	top: 0;
}


.is-open .hamburger:before{
	transform: rotate(45deg);
}

.is-open .hamburger:after{
	transform: rotate(-45deg);
}



@media screen and (min-width: 768px) {
  .button-hamburger {
    display: none;
  }
	.sp-db{
		display: none !important;
	}
}


.screen-reader-text {
  position: absolute;
  overflow: hidden;
  width: 1px;
  height: 1px;
  clip: rect(1px,1px,1px,1px);
}