@charset "utf-8";

/*==========================================
File name: original_bace.css
Editors: IT-Probe
Last Editor: IT-Probe
Date: 2015.05
========================================== */
html,body {  
    margin: 0;  
    padding: 0;  
    height: 100%;  
}

/* ==============================================

ベース

============================================== */

body{
	color: #666!important;
	line-height:200%;
	font-family: 'Noto Sans JP', sans-serif!important;
}


.container a {color: #666!important;}
.container a:hover {color: #000!important; text-decoration:none;}

a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}


.no_alpha a:hover img{
	opacity:1.0 !important;
	filter:alpha(opacity=100) !important;
	-ms-filter: "alpha( opacity=100 )" !important;
}


section{
	clear:both;
	overflow:hidden;
	padding-top:80px;
	padding-bottom:80px;}


/* ==============================================

各コンテンツ領域

============================================== */


.boxArea {
    overflow: hidden; 
/*	overflow: hidden !important;  
    overflow: visible;  
    min-height: 100%;  
    height: auto !important;  
    height: 100%;
    /*	margin-top:70px;*/
}  

/* ==============================================

ナビ

============================================== */

/*打ち消し*/

.nav > li > a:hover{
	background-color:none!important;
	border-bottom:2px solid ;
	margin-bottom:-2px!important;}

.navbar,
.navbar a,
.navbar a:hover{
/*	min-height:60px;*/
	}

.navbar-nav > li > a,
.navbar-nav > li > a:hover{
	padding-top:20px;}


/* ==============================================

フッター

============================================== */


/*コピーライト*/
.f_copy{
	text-align:center;
	padding:15px 0;
	margin:0;
	color:#FFF;
	background:#E14A4A;}
	
.f_copy p{
	margin:0;
}



/* ==============================================

ページトップへ

============================================== */

#page-top {
    position: fixed;
    bottom: 10px;
    right: 20px;
    font-size: 20px;
	z-index: 999;
}
#page-top a {
    background: #ccc;
    text-decoration: none;
    color: #333!important;
    padding: 12px 15px;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #919191;
}


/* ==============================================

デフォルトタグを打ち消したいとき

============================================== */


/*デフォルトボタン*/
.btn-default:hover{
	 color:#FFF!important;
	 background-color:#E14A4A!important;
	 border-color:#C33;}


/* ==============================================

カラー、サイズ、ライン など　微調整用

============================================== */

/*カラー*/

.black{ color:#000;}
.red, .error{ color:#E14A4A;}
.white{ color:#FFF;}

/*
.blue{ color:#06F;}
.orange{ color:#FF6600;}
.green{ color:#060;}
.pink{ color:#F39;}
.yellow{ color:#FF3;}
.purple{ color:#63C;}*/


/*背景色*/

.bg_gray{
	background-color:#F2F2F2;
}
.bg_gray2{
	background-color:#ACACAC;
}
.bg_red{
	background-color:#DE3938;
}


 /*サイズ*/

.fsize10{ font-size:10px!important;}
.fsize11{ font-size:11px!important;}
.fsize12{ font-size:12px!important;}
.fsize14{ font-size:14px!important;}
.fsize16{ font-size:16px!important;}
.fsize18{ font-size:18px!important;}
.fsize24{ font-size:24px!important;}
.fsize30{ font-size:30px!important;}
.fsize50{ font-size:50px!important;}

/*文字配置*/

.textc{ text-align:center!important;}
.textr{ text-align:right!important;}
.textl{ text-align:left!important;}


/*行間*/

.lineh_60{ line-height:60px;}


/*余白微調整*/
.no_margin{ margin:0!important;}

.mt5{ margin-top:5px!important;}
.mt10{ margin-top:10px!important;}
.mt15{ margin-top:15px!important;}
.mt20{ margin-top:20px!important;}
.mt30{ margin-top:30px!important;}
.mt40{ margin-top:40px!important;}
.mt50{ margin-top:50px!important;}
.mt60{ margin-top:60px!important;}
.mt100{ margin-top:100px!important;}

.mt-70{ margin-top:-70px!important;}


.mb5{ margin-bottom:5px!important;}
.mb10{ margin-bottom:10px!important;}
.mb15{ margin-bottom:15px!important;}
.mb20{ margin-bottom:20px!important;}
.mb30{ margin-bottom:30px!important;}
.mb40{ margin-bottom:40px!important;}
.mb50{ margin-bottom:50px!important;}
.mb60{ margin-bottom:60px!important;}
.mb100{ margin-bottom:100px!important;}

.ml0{ margin-left:0!important;}


.pt30{ padding-top:30px!important;}

.pb0{ padding-bottom:0px!important;}
.pb30{ padding-bottom:30px!important;}


/*----------------------------------------------------
    テーブル
----------------------------------------------------*/
.teble_type01 table   {
	width: 100%;
	margin-bottom: 60px!important;
}
.teble_type01 th, section td  { padding: 16px 10px; border-bottom: 1px solid #ccc; }
.teble_type01 th  {
	background:url(/images/common/li01.png) no-repeat 15px center;
	padding-left:27px; }
.teble_type01 th  { width: 30%; text-align: left; }


@media only screen and (max-width:767px){
    
    .teble_type01 th,
    .teble_type01 td{
        width: 100%;
        display: block;
        border-top: none;
    }
    .teble_type01 tr:first-child th   { border-top: 1px solid #ddd; }
}


@media screen and (min-width:480px) {
#age{
	width: 10%!important;
}
}

.wpcf7-submit {
  padding: 10px 50px;
  vertical-align: middle;
  line-height: 1;
  background: #E13938;
  border: none;
  border-radius: 3px;
  color: #ffffff;
  font-family: inherit;
  width: 280px;
  height: 50px;
  -webkit-appearance: none;
  font-size: 100%;
}

.wpcf7-submit:hover{
	background: #1e1e1e;
}

/* ---フッター--- */

/* reCAPTCHA v3　表示位置 */
.grecaptcha-badge{
    margin-bottom: 70px;
}