@charset "UTF-8";

/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
html, body, div, span, figure, img, fieldset,
h1, h2, h3, h4, h5, h6, p, blockquote,
pre, small, strong, dl, dt, dd, ol, ul, li,
table, caption, tbody, tfoot, thead, tr, th, td{
	margin:0;
	padding:0;
	border:none;
	outline:none;
	font-size:1em;
}

header,hgroup,nav,article,
section,aside,figure,footer{
	display:block;
}

ol, ul{
list-style: none; 
	margin:0 15px 0 35px;
}

li{
	margin:10px 0px 0px 0px;
}

html{
    font:14px/1.3 "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", Arial, Helvetica, Tahoma, sans-serif;
}

/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body{
	background:#FFF;
	width:100%;
	color:#333631;
	overflow-x:hidden;
}

@media screen and (min-width: 1000px){
	body{width:1000px;
		margin:auto;
	}
	}

/*	リンクタグ	*/

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

a:hover{
	color:#fff;
	text-decoration:none;
}

.main a{
	color:#1111cc;
	text-decoration: underline;
}

.main a:hover{
	color:#1111cc;
	text-decoration: underline;
}

h1 {
  padding: .25em 0 .5em 2em;
  background-image:url(img/icon.png);
  background-repeat:no-repeat;
  background-size:30px auto;
  border-bottom: 1px solid #361a09;
  margin:40px 0 20px 0;
  font-size:1.3em
}

h2 {
  padding: .25em 0 .3em .75em;
  border-bottom: 10px solid #ffdf51;
  margin:40px 0 20px 0;
  font-size:2em;
  color:#f17300;
  letter-spacing:4px;
}

/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
header{
	width:100%;
	}
	
/*------------------------------------------------------------
	メイン
------------------------------------------------------------*/	

.header_back{
	background-image: url(img/global.png);
}

.headersentence{
	background-color:#60b1e3;
	padding:5px;
	color:#fff;
	
}

.headerimg{
	height:auto;
	background-color:#fff;
	background-repeat:no-repeat;
	background-size:50% auto;
	background-position:right;
	padding:14px 14px 10px 14px;
	background-image: url(img/contact.png);
}

@media screen and (min-width: 950px){
	.headerimg{height:auto;
	background-color:#fff;
	background-repeat:no-repeat;
	background-size:auto 70px;
	background-position:right;
	padding:14px 14px 10px 14px;
	background-image: url(img/h_img-01.png);
	}
	}

.dotted{
		border-bottom:dotted 2px #48a0cc;
}

.headerimg img{
	width:40%;
	max-width:300px;
}

.global{
	margin:0 0 20px 0;
	background-color:#60b1e3;
	color:#fff;
	height:40px;
	font-weight:bold;
	font-size:15px;
}

.menu{
	width:198px;
	height:40px;
	border-right:2px solid #fff;
	float:left;
	text-align:center;
	line-height:43px;
	letter-spacing:6px;
	position:relative;
	color:#00446d;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

.menu a{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color:#fff;
}

.menu_l{
	width:198px;
	height:40px;
	float:left;
	text-align:center;
	line-height:43px;
	position:relative;
	letter-spacing:4px;
	color:#00446d;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}

.menu_l a{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color:#fff;
}

#check li{
	margin:0px;
	padding:0px;
	background-image:url(img/icon2.png);
	background-size:20px;
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:30px;
	line-height:1.6;
	margin:10px 0 10px 0;
	list-style:none;
}

@media screen and (max-width: 999px){
	.menu{
	width:19%;
	height:40px;
	border-right:1px solid #fff;
	float:left;
	text-align:center;
	font-size:10px;
	line-height:15px;
	letter-spacing:4px;
	position:relative;
	color:#00446d;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	}
	}
	
@media screen and (max-width: 999px){
	.menu a{
	position: absolute;
    top: 35%;
    left: 0;
    width: 100%;
    color:#fff;
	}
	}
	
@media screen and (max-width: 999px){
	.menu_l{
	width:19%;
	height:40px;
	float:left;
	text-align:center;
	font-size:10px;
	line-height:15px;
	position:relative;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
	}
	}
	
	@media screen and (max-width: 999px){
	.menu_l a{
	position: absolute;
    top: 35%;
    left: 0;
    width: 100%;
    color:#fff;
	}
	}

.menu:hover{
	border-right:2px solid #fff;
	background-color:#1d2088;
	color:#fff;
}

.menu_l:hover{
	border-right:2px solid #1d2088;
	background-color:#1d2088;
	color:#fff;
}

.menu a:hover{
	color:#fff;
}

.menu_l a:hover{
	color:#fff;
}

.icatch{
	width:100%;
}

.icatch img{
	width:100%;
	vertical-align: bottom;
}

.main{
	margin:0 15px 0 15px;
}

.main p{
	margin:0 15px 0 15px;
}

.left{
	float:left;
	margin-left:15px;
}

.right{
	float:right;
	width:75%;
}

.link_img{
	margin-top:20px;
}

.left_img{
	width:50%;
	float:left;
	text-align:center;
}

.right_img{
	width:50%;
	float:right;
	text-align:center;
}

.left_img img{
	width:90%;
}

.right_img img{
	width:90%;
	
}


@media screen and (max-width: 999px){
	.left{
    margin-right: auto;
	width:85%;
	}
	.right{
	width:100%;
	}
	}
	

.freecheck{
  width: 90%;
  height:141px;
  background-image: url(img/freecheck.png);
  background-size:contain;
  background-position: center;
  background-repeat: no-repeat;
  margin:auto;
}

@media screen and (max-width:999px){
  .freecheck{
  width:90%;
  height:190px;
    background-image: url(img/freecheck_sp.png);
  background-size:contain;
  background-position: center;
  background-repeat: no-repeat;
  }
}

.qa{
  width: 90%;
  height:378px;
  background-image: url(img/qa.png);
  background-size:contain;
  background-position: center;
  background-repeat: no-repeat;
  margin:auto;
}
	/*
@media screen and (max-width:750px){

  .qa{
  width:90%;
  height:230px;
    background-image: url(img/qa_sp.png);
  background-size:contain;
  background-position: center;
  background-repeat: no-repeat;
  }
 
}
 */
.ex{
  width: 90%;
  height:230px;
  background-image: url(img/ex.png);
  background-size:contain;
  background-position: center;
  background-repeat: no-repeat;
  margin:auto;
}

@media screen and (max-width:750px){
  .ex{
  width:90%;
  height:580px;
  background-image: url(img/ex_sp.png);
  background-size:contain;
  background-position: center;
  background-repeat: no-repeat;
  }
}

.cases img{
	width:100%;
}

#bfaf1 {
margin-bottom:30px;
}

#bfaf2 {
margin-bottom:30px;
}

#bfaf3 {
margin-bottom:30px;
}

#bfaf4 {
}

/* 追記　20230622　*/
.ex1{
  width: 100%;
  height:230px;
  background-image: url(img/bfaf-Top.png);
  background-size:contain;
  background-position: center;
  background-repeat: no-repeat;
  margin:auto;
}
}
@media screen and (max-width:750px){
  .ex1{
  width:100%;
  height:580px;
  background-image: url(img/bfaf-Top_01.png);
  background-size:contain;
  background-position: center;
  background-repeat: no-repeat;
  }
}

.cases img{
	width:100%;
}

#bfaf1 {
margin-bottom:30px;
}

#bfaf2 {
margin-bottom:30px;
}

#bfaf3 {
margin-bottom:30px;
}

#bfaf4 {
}

/* 追記 20230619 */
@media screen and (max-width:750px){
  .qa{
  width:90%;
  height:380px;
    background-image: url(img/qa_sp.png);
  background-size:contain;
  background-position: center;
  background-repeat: no-repeat;
  }
}

/* 追記 20230619 
.ex1{
  width: 90%;
  height:380px;
  background-image: url(img/bfaf-Top.png);
  background-size:contain;
  background-position: center;
  background-repeat: no-repeat;
  margin:auto;
}
@media screen and (max-width:750px){
  .ex1{
  width:90%;
  height:580px;
    background-image: url(img/bfaf-Top.png);
  background-size:contain;
  background-position: center;
  background-repeat: no-repeat;
  }
}

.cases img{
	width:100%;
}

#bfaf1 {
margin-bottom:30px;
}

#bfaf2 {
margin-bottom:30px;
}

#bfaf3 {
margin-bottom:30px;
}

#bfaf4 {
}
*/

/* 追記 20230619 ここまで */
/*	コピーライト　*/
.copy{
	padding:30px 0;
	border-top:dotted 2px #48a0cc;
	margin-top:90px;
}

.copy p{
	font-size:0.714em;
	text-align:center;
}

.fluid-box{
 	width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.fluid-box_slide{
 	width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
}

.footer{
margin:30px 0;
width:100%;
text-align:center;
}

.footer img{
width:98%;
}

.footersentence{
	background-color:#60b1e3;
	padding:5px;
	color:#fff;
	text-align:center;
	font-size:12px;
}

/*------------------------------------------------------------
	テーブル用
------------------------------------------------------------*/

table.brwsr2 {
margin: 25px auto;
width: 90%;
border: none;
border-bottom: dotted 1px #666;
border-collapse: separate;
border-spacing: 0 10px;
background-color: #fff;
}

table.brwsr2 th {
vertical-align: middle;
height: 53px;
width: 200px;
border-right: solid 1px #666;
margin: auto;
text-align: center;
color: #333;
font-size: 16px;
font-weight: bold;
}

table.brwsr2 td.data {
padding-left:30px;
margin: auto;
height: 53px;
width: 600px;
border: none;
color: #666;
font-size: 15px;
line-height: 16px;
text-align: left;
vertical-align: middle;
overflow: hidden;
}

table.brwsr2 td.bar {
height: 1px;
width: 100%;
border-top: dotted 1px #34495e;
}