@charset "UTF-8";
/*
Theme Name: 
Author: リマープロ
Author URI: http://remar.co.jp/
Description:　
Version: 1.0
*/

table { border-spacing: 0; }

caption, th {
  text-align: left;
  font-weight: normal; }

img, input {vertical-align: middle; }

q:before, q:after {
  content: ''; }


ul { list-style: none;padding:0; margin: 0px; }
.list_disc ul{
    list-style-type: disc !important;
}
a:link {
  text-decoration: none;
  color: #0A5092;
}
a:hover {
  /*text-decoration: underline;*/
 text-decoration: none;
 color: #0A5092;
}
a:visited {color: #0A5092; }

a, img {
  border: 0px;
  margin: 0px;
  padding: 0px;
  height: auto; }

.hide {display: none; }

.hide-text {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden; }

  /*=============================================*/
  /*配置クラス集*/
   /*=============================================*/
  .float_l { float: left; }
  .float_r { float: right; }
  .end {
    clear: both;
    font-size: 1px;
    height: 1px;
    padding: 0px;
    margin: 0px;
    display: block; }

  .relative { position: relative; }
  .absolute { position: absolute; }
  .clear {
    display: block;
    clear: both;
    height: 2px; }

  .t_left { text-align: left; }
  .t_right { text-align: right; }
  .t_center { text-align: center; }
  .font-xs { font-size: x-small; }
  .fonts80p { font-size: 80%; }
  .fonts90p { font-size: 90%; }
  .fonts120p { font-size: 120%; }
  .fonts130p { font-size: 130%; }
  .fonts140p { font-size: 140%; }

  .fonts33p{font-size: 3.3rem;}
  .fonts30p{font-size: 3.0rem;}
  .fonts28p{font-size: 2.8rem;}
  .fonts26p{font-size: 2.6rem;}
  .fonts24p{font-size: 2.4rem;}
  .fonts22p{font-size: 2.2rem;}
  .fonts20p{font-size: 2.0rem;}


  .margintb10{margin:10px 0px;}
  .margintb15{margin:15px 0px;}
  .margintb20{margin:20px 0px;}
  .margint20{margin:20px 0px 0px 0px;}
  .margint15{margin:15px 0px 0px 0px;}
  .margint30{margin:30px 0px 0px 0px;}
  .margint4p{margin:4% 0% 0% 0%;}
  .margint3p{margin:3% 0% 0% 0%;}
  .marginl1p{margin:0% 0% 0% 1%;}

  .margin_t20only{margin:20px 0px 0px 0px;}
  .pad_top2remonly{padding:2rem 0 0 0 !important;}

  .pad2_3rem{padding: 2rem 3rem !important;}

  .margint0{margin-top:0px !important;}

  .pink{color:#f2789f;}



  .clearfix:after {
    content: " ";
    font-size: 0.1em;
    line-height: 0;
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }
  .clearfix {display: inline-block; }

  html > body .clearfix {
    display: block\9; }

  .w25{width:25%;}
  .w40{width:40%;}
  .w50{width:49%;}
  .w80{width:80%;}
  .w90{width:90%;}
  .w95{width:95%;}
  .w100{width:100%;}

  .dis_inl{display:inline;}
  .dis_inb{display:inline-block;}
  .dis_blo{display:block;}

  .v_top{vertical-align:top;}
  .v_mid{vertical-align:middle !important;}
  .v_bot{vertical-align:bottom;}

  .fontc-w{color:white;}
  /*=============================================*/
   /* テキストクラス集*/
   /*=============================================*/
  .ime_act { ime-mode: active; }
  .ime_dis { ime-mode: disabled; }
  .ime_inact { ime-mode: inacitve; }

  .big_b{font-size:120%;font-weight:bold;}
  .red{color:red;}
  .gray{color:#999;}
  .bold{font-weight: bold;}

  /*IE8以下用*/
  article, aside, canvas, details, figcaption, figure,
  footer, header, hgroup, menu, nav, section, summary {
    display: block; }

  .sp_view { display: none ; }
  body {
    text-align: center;
    margin: auto;
    background-color:white;

  }
  .required {color: #E00;}
  .required:after {
      content: " *";
  }
  input{
  	padding:10px;
  	margin:10px 5px;
  }
  input[type="text"],
  textarea {
  	outline: none;
  	border: 1px solid #aaa;
  	-webkit-transition: all .3s;
  	transition: all .3s;
  }
  input[type="text"]:focus,
  textarea:focus {
  	box-shadow: 0 0 7px #253494;
  	border: 1px solid #253494;
  }
  input[type="email"]:focus,
  textarea:focus {
  	box-shadow: 0 0 7px #253494;
  	border: 1px solid #253494;
  }
  .t_button{
    padding:5px 20px !important;
    background: #eee; color: #666 !important; padding: 10px 15px !important; margin-right: 5px;
    	border: solid 1px #ccc; line-height: 30px; outline: none; cursor: pointer;
    	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
        -webkit-transition: 0.2s linear;
           -moz-transition: 0.2s linear;
             -o-transition: 0.2s linear;
                transition: 0.2s linear;
        text-decoration:none !important;
        font: 400 13.3333px Arial !important;
  }

/*===================================*/
/* img*/
/* ===================================*/
.imgw100{ width:100%;}
.imgw90{ width:90%;}
.imgw80{ width:80%;}
.imgw70{ width:70%;}
.imgw60{ width:60%;}
.imgw55{ width:55%;}
.imgw50{ width:50%;}
.imgw40{ width:40%;}
.imgw35{ width:35%;}
.imgw30{ width:30%;}
.imgw20{ width:20%;}
.imgw10{ width:10%;}

/*==================================*/
/* margin*/
/*==================================*/
.margin_t20{margin-top: 20px;}
.margin_tb10{margin: 10px 0px;}
.margin_tb20{margin: 20px 0px;}

.mar_l_20{margin-left:20px;}
.mar_l15p{margin-left:15%;}
/*==================================*/
/* padding*/
/* ==================================*/
.pad_l_20{padding-left:20px;}
.pad3rem{padding:3rem;}

.paddl30{padding-left:30px;}
.paddl40{padding-left:40px;}


/*==================================*/
 /*標示　アニメーション*/
/*==================================*/

/* 基本のスタイル */
   .delighter {
      transition: all .3s ease-out;
      transform: translateX(-100%);
      opacity: 0;
   }
  
/* スタート時のスタイル */
   .delighter.started {
      transform: none;
      opacity: 1;
   }
  
/* エンド時のスタイル */
   .delighter.started.ended {
/*      border: solid red 10px;*/
   }
@media all and (-ms-high-contrast: none){
    .delighter, .delighter.started, .delighter.started.ended
    {opacity:1;}
}
.delighter.splash {
  transition: all 2s ease-out;
}
.delighter.splash.ended {
  background: #fff;
}
.delighter.right { transform:translate(-100%); opacity:0; transition: all .75s ease-out; }
.delighter.right.started { transform:none; opacity:1; }

.delighter.left { transform:translate(100%); opacity:0; transition: all .75s ease-out; }
.delighter.left.started { transform:none; opacity:1; }

.delighter.bottom { transform:translatey(300%); opacity:0; transition: all .75s ease-out; }
.delighter.bottom.started { transform:none; opacity:1; }

.delighter li { opacity: 0; transform: translatey(400%); transition: all .7s ease-out; }
.delighter.started li { opacity: 1; transform: none; }
.delighter.started li:nth-child(1) { transition: all .7s ease-out .1s; }
.delighter.started li:nth-child(2) { transition: all .7s ease-out .3s; }
.delighter.started li:nth-child(3) { transition: all .7s ease-out .5s; }
.delighter.started li:nth-child(4) { transition: all .7s ease-out .7s; }
.delighter.started li:nth-child(5) { transition: all .7s ease-out .9s; }
.delighter.started li:nth-child(6) { transition: all .7s ease-out 1.1s; }
.delighter.started li:nth-child(7) { transition: all .7s ease-out 1.3s; }

.delighter pre {
  display: block; transition: all 2s ease-out; opacity: 0;
  padding: 20px 0;
  width: 1px; overflow: hidden;
}
.delighter.started pre {
  max-width: 99999px; width: 100%; opacity: 1;
}
.delighter .box { transition: all 1s ease-out; }
.delighter .box:nth-child(1) { transform: translate(-100%, 0); }
.delighter .box:nth-child(2) { transform: translate(170%, -70%); }
.delighter .box:nth-child(3) { transform: translate(20%, 0%); }

.delighter.started .box:nth-child(1) { transform: translate(0, 0); }
.delighter.started .box:nth-child(2) { transform: translate(70%, -70%); }
.delighter.started .box:nth-child(3) { transform: translate(20%, -120%); }

/*==================================*/
 /*table*/
/*==================================*/
.tbl .first_th{
	border-top: 1px solid #424242;

}
.tbl , .tbl3 {
	width:100%;
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	line-height: 1.5;
	border-top: 1px solid #424242;
	border-left: 1px solid #424242 !important;
}
.tbl3 {border-top: none;}
.tbl3 th:first-child , .tbl3 td:first-child {border-top: 1px solid #C4C4C4;}
.tbl th , .tbl3 th {
	padding: 10px;
	vertical-align: top;
	border-right: 1px solid #424242;
	border-bottom: 1px solid #424242;
	background: #FCF9F4;
  color:#424242;

}
.tbl td , .tbl3 td{
	padding: 10px;
	vertical-align: top;
	border-right: 1px solid #424242;
	border-bottom: 1px solid #424242;
  background: #fff;
}



.table {
  width: auto;
  border-collapse: collapse;
  white-space: nowrap;
    border-top: 1px solid #424242;
	border-left: 1px solid #424242 !important;
}
.table th,
.table td {
	padding: 10px;
    border-right: 1px solid #424242;
	border-bottom: 1px solid #424242;
  background: #fff;
}
.table th{
    border-right: 1px solid #424242;
	border-bottom: 1px solid #424242;
	background: #FCF9F4;
}
/*############　sp menu　############*/
#nav-toggle,#gloval-nav{
    display:none;
}
#gloval-nav nav{
    width:80%;
    margin:0 auto;
    ul li{
        border-bottom:1px solid white;
        padding:5px 0px;
        a{
            color:white;
        }
    }
}
.pc_hidden{display:none;overflow: hidden ;}
  .pc_hidden img{display:none;overflow: hidden ;}

.sp_view{display:none;overflow: hidden ;}
  .sp_view img{display:none;overflow: hidden ;}
@media screen and (max-width: 640px){
    #nav-toggle,#gloval-nav{
        display:block;
    }
  .pad_top2remonly{padding:0rem 0 0 0 !important;}
  .margin_t20only{margin: 0 0 0 0 !important}

  .fonts33p{font-size: 2.0rem;}
  .fonts30p{font-size: 2.0rem;}
  .fonts28p{font-size: 2.4rem;}
  .fonts26p{font-size: 2.3rem;}
  .fonts24p{font-size: 2.2rem;}
  .fonts22p{font-size: 2.1rem;}
  .fonts20p{font-size: 2.0rem;}

    .table-wrap {
      overflow-x: auto;
    }
    .tbl_auto{
        min-width: auto;

    }
    .tbl_auto th, .tbl_auto td{
        padding: 1rem 2rem !important;
    }
  	/*------------------------------------------------------------------------------*/
  	/*　スマホ用メニュー */
  	/*------------------------------------------------------------------------------*/
/*
  	#sp-head{
  		width:100%;
  		background-color:#E95504;
  		right: 0;
  		position: fixed;

  	}
  	.drawer-nav{
  		padding-top:20px;
  	}
  	#wrapper .t_clear{
  		text-align:left;
  		text-justify:auto;
  	}
  	.drawer-nav .drawer-menu li{
  		margin:0px 0px 0px 3px;
  		padding:1px 10px;
  		text-align:left;
  		width:90%;
  	}
  	.drawer-nav .drawer-menu li a{
  		border-bottom:1px solid gray;
  		padding: 6px 0px;

  	}
  	.drawer-nav .drawer-menu li ul li{
  		width:90%;
  		margin:0px 10px 0px 3px;
  		padding:1px 6px;
  		text-align:left;
  	}
  	.drawer-menu-item{
  		width:90%;
  	}
  	.drawer-hamburger{
  		background-color: #1B7ECC;
  	}
    .drawer--right .drawer-hamburger, .drawer--right.drawer-open .drawer-nav, .drawer--right.drawer-open .drawer-navbar .drawer-hamburger{
      z-index:6!important;
    }
    .drawer--right .drawer-hamburger{
      width:40px;
    }
  	.head_logo_page{
      height: 65px;
      width: 95%;
      margin: 0;
      padding-top: 8px;
  	}
  	.sp_logo{
  		position: fixed;
  		z-index: 2;
  		top: 0;
  		right:0px;
  		display: block;
  		box-sizing: content-box;
  		width: 2rem;
  		padding: 0;
  		width: 100%;
  	}
  	.sp_logo h1 img{
  		width:12%;
  		margin-left:10px;
  	}
  	.sp_back{
  		width:100%;
  		background-color:#fff;

      background-image: linear-gradient(rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.1));
      background-origin: border-box;
      border: 1px solid rgba(0, 0, 0, 0.1);

  		right: 0;
  		top:0;
  		position: fixed;
  		height:65px;
  		z-index:5;
  	}


  	header{
  		width:100%;
  		height:0px;
  	}
  	.drawer-nav{
  		padding-top:20px;
  box-shadow: 0 7px 4px -5px #dadada inset;
  	}
  	#wrapper .t_clear{
  		text-align:left;
  		text-justify:auto;
  	}
  	.drawer-nav .drawer-menu li{
  		margin:0px 0px 0px 3px;
  		padding:1px 10px;
  		text-align:left;
  		width:90%;
  	}
  	.drawer-nav .drawer-menu li a{
  		border-bottom:1px solid gray;
  		padding: 6px;

  	}
  	.drawer-nav .drawer-menu li ul li{
  		width:90%;
  		margin:0px 10px 0px 0px;
  		padding:1px 10px;
  		text-align:left;
  	}
  	.drawer-menu-item{
  		width:90%;
  	}
  	.drawer-hamburger{
  		background-color: #1B7ECC;
  	}
*/
    .sp_logo img{
        width:70%;
        margin:10px 0 0 0 ;
		max-height:60px;
    }
    .w25{width:25%;}

    /*------------------------------------------------------------------------------*/
  	/*　hidden系最後に読み込ませたい　*/
  	/*------------------------------------------------------------------------------*/
    .pc_hidden{overflow: hidden ;display:block;}
  		.pc_hidden img{display:block;overflow: hidden ; }
  	.sp_hidden{display:none;overflow: hidden ; margin:0px !important;height:1px;}
  		.sp_hidden img{display:none;overflow: hidden ; margin:0px !important;height:1px;}

    .sp_view{overflow: hidden ;display:block;}
  		.sp_view img{display:block;overflow: hidden ; }
  	.pc_view{display:none;overflow: hidden ; margin:0px !important;height:1px;}
  		.pc_view img{display:none;overflow: hidden ; margin:0px !important;height:1px;}
}