@charset "utf-8";
@import "mp.css";
@import "table.css";



body {
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','MS UI Gothic',sans-serif;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom:0px;
	line-height: 180%;	
	color: #444444;
	background-color: #fff;
	overflow-x: hidden;
}
select {
border-radius: 5px;
appearance: none ;
-moz-appearance: none ;
  -webkit-appearance:none ; /* これを追加 */}
select::-ms-expand {
    display: block;
}

/* セレクトボックスの矢印デザイン変更 */

.selecter-container {
  position: relative;
  float: left;
  min-width: 200px;
}

.selecter-container:after {
  content: '>';
  font: 17px "Consolas", monospace;
  color: #444;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
  right: 11px;
  /*Adjust for position however you want*/
  
  top: 13px;
  padding: 0 0 2px;
  border-bottom: 1px solid #e4e4e4;
  /*left line */
  
  position: absolute;
  pointer-events: none;
}
.selecter-container select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Add some styling */
  
  display: block;
  width: 100%;
  max-width: 320px;
 height: 40px;
  float: right;
  margin: 5px 0px;
  padding: 5px 10px;
  font-size: 16px;
  line-height: 1.75;
  color: #444444;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #e4e4e4;
  -ms-word-break: normal;
  word-break: normal;
}




input,textarea {background-color: #FFFFFF;border: #e4e4e4 1px solid; border-radius: 5px; width: 100%;padding: 5px 10px;}
::placeholder{
  color:#999999;
}
caption{display:none}

address {
font-style:normal;
}

/*------fontゴシック------*/
.font-Noto,nav,.wrap1000,.wrap880,header,section,footer,#head-sp{font-family: 'Noto Sans JP', sans-serif;transform: rotate(0.01deg);
}
.font-Noto-serif{font-family: 'Noto Serif JP', serif;transform: rotate(0.01deg);}

/*------bold------*/
.f-bold{
	font-weight: 700;
}
.f-bold500,h1,h2,#main-menu,#naka-main-menu,.kakomi1{
	font-weight: 500;
}
.f-300{
	font-weight: 300;
}

.font-small{
	font-size: 0.8em;
}
.font-big{
	font-size: 1.1em;
}

.pankuzu{margin-top:20px;margin-bottom: 80px;font-size: 0.8em;}
.pankuzu a{color: #444444;}



.under-line1{
    background: linear-gradient(transparent 50%, #CCEAF7 50%);
}

.catch1{
  align-items: center; /* 垂直中心 */
  border-top: 2px solid;
    justify-content: center; /* 水平中心 */
     width: 2em; /* 線の長さ */
  margin:25px auto; 
}
.catch3{
  align-items: center; /* 垂直中心 */
  border-top: 2px solid;
    justify-content: left; /* 水平中心 */
     width: 2em; /* 線の長さ */
    margin:25px 0px; 
}
.catch-h3{
  align-items: center; /* 垂直中心 */
  border-top: 1px solid;
    justify-content: center; /* 水平中心 */
     width: 2em; /* 線の長さ */
  margin:25px auto; 
}

/*-----top voice------*/
.catch2 {
  display: flex;
  align-items: center;
  justify-content: left; /* 水平中心 */
  font-weight: 700;
}
.catch2:before{
  border-top: 1px solid;
  content: "";
  width: 1em; /* 線の長さ */
  margin-right: 1em;
}
h4{
  display: flex;
  align-items: center;
  justify-content: left; /* 水平中心 */
  font-weight: 500;
}
h4:before{
  border-top: 2px solid;
  content: "";
  width: 1em; /* 線の長さ */
  margin-right: 0.5em;
}

.jirei-text3,.jirei-text5{
  display: flex;
  align-items: center;
  justify-content: left; /* 水平中心 */
  font-weight: 500;
}
.jirei-text3:before,.jirei-text5:before{
  border-top: 2px solid;
  content: "";
  width: 1em; /* 線の長さ */
  margin-right: 0.5em;
}


/*-----キーカラー青コン------*/
.catch-h3,.catch2,.read,.kakomi1,.maintext,.line-btn a,.line-btn a:hover,.line-btn a:active,.line-btn a:visited,a .btn-color1, .btn-color1{color: #263B61;}
#spmenu .spmenu,.bg-top3 .catch3,a .btn-color1, .btn-color1,#head-sp,.jirei-text5:before{border-color: #263B61;}
.bg-contact,.top-vice-box,a:hover .btn-color1, .btn-color1:hover,#spmenu .spmenu,#spmenu a .spmenu,#spmenu a:visited .spmenu,#spmenu a:hover .spmenu,#spmenu a:active .spmenu{background-color: #263B61;}
/*-----カラー水色------*/
h4:before,.jirei-text3:before{border-top-color: #0084BE!important;}
#mainimg-top{background-color: #0084BE;}

/*-----カラーグレー------*/
footer{background-color: #EEEEEE;}

/*-----カラー白------*/
a .btn-color1, .btn-color1{background-color: #ffffff;}
.top-vice-box .catch1,.bg-contact .catch1{border-color: #ffffff;}
.top-vice-box,a:hover .btn-color1, .btn-color1:hover{color: #ffffff;}

.font-aka,.error-text{color:#DC3739;}



/*-----イメージオーバー------*/
.hover-style img {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}

.hover-style img:hover {
	opacity: .6;
	-webkit-opacity: .6;
	-moz-opacity: .6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}



/*------スマホのみ電話リンク------*/
@media (min-width: 896px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}

/*------位置の共通化------*/

ol{
	padding:0px;
	list-style-type: decimal;
	list-style-position:inside;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

ol li{
margin-left: 0px;
	border-bottom: 1px solid #CCCCCC;
    margin-bottom: 10px;padding-bottom: 10px;
     text-indent: -1em;
  padding-left: 1em;
}

ul{
	padding:0px;
	list-style: outside;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
ul li{
	margin-left: 10px;
}
.top4-box ul,.contact-tyuui ul{list-style: none;margin-left: 0px;}
.top4-box ul li,.contact-tyuui ul li{
	margin-left: 0px;
	border-bottom: 1px solid #CCCCCC;
    margin-bottom: 10px;padding-bottom: 10px;
}
.pp-box ul{list-style: inside;}
.pp-box ul li{
	margin-left: 0px;
	border-bottom: 1px solid #CCCCCC;
    margin-bottom: 10px;padding-bottom: 10px;
}


p{
	margin:  0em;
	text-indent: 0em;
}


.mark{
padding-left: 1em; 
text-indent: -1em; 
}
.mark15{
padding-left: 1.5em; 
text-indent: -1.5em; 
}
.mark2{
padding-left: 2em; 
text-indent: -2em; 
}
.mark3{
padding-left: 3em; 
text-indent: -3em; 
}
.mark4{
padding-left: 4em; 
text-indent: -4em; 
}
.mark5{
padding-left: 5em; 
text-indent: -5em; 
}

.afterclear{
    zoom:1;/*for IE 5.5-7*/
}
.afterclear:after{/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
.clear{
	clear: both;
	width: 100%;
    height: 0;
	visibility: hidden;
} 

.png{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/*------img------*/
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
    max-width: 100%;
}
.img-line{border: solid 1px #CCCCCC;}



/*------cpa-----*/
.cap {
	font-size: 0.9em;
	padding-top: 0px;
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 10px;
}
/*------align------*/
.center {
	text-align: center;
}

.right {
	text-align: right;
}
.left {
	text-align: left;
}

/*------link------*/
a{color: #263B61;
	font-style: normal;
	text-decoration:underline;
    	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
a:visited{
color: #263B61;
	font-style: normal;
	text-decoration:underline;
}
a:hover{
	color: #D59533;
	text-decoration: underline;
}
a:active{
	color: #009843;
	text-decoration: underline;
}

.contacth2 a{color: #ffffff;
	font-style: normal;
	text-decoration:none;
    	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}
.contacth2 a:visited{
color: #ffffff;
	font-style: normal;
	text-decoration:none;
}
.contacth2 a:hover{
	color: #D59533;
	text-decoration:none;
}
.contacth2 a:active{
	color: #ffffff;
	text-decoration:none;
}


/*------ボタン------*/

.btn {
	text-align: center;
	width: 250px;
	margin-right: auto;
	margin-left: auto;
	font-size: 1em;
	line-height: 100%;	
}

.bg-top4 .btn {
	width: 170px;
}

.btn a,.btn a:hover{
	text-decoration: none;

}
a .btn-color1, .btn-color1{
	padding: 15px;
	border-radius: 0px;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
			border-width: 1px;
	border-style: solid;
}
a:hover .btn-color1, .btn-color1:hover{
	padding: 15px;
    border-width: 1px;
	border-style: solid;
}
.button{
	text-align: center;
}
.button a{
    background-image: url(../img/top/bot.jpg);
    background-size: cover;
    color: #FFFFFF;
    padding-top: 1.5em;
    padding-bottom: 1.5em;
    width: 600px;
	max-width: 100%;
    text-align: center;
    text-decoration: none;
    font-size: 170%;
    font-weight: 400;
    position: relative;
    display: inline-block;
    transition: 0.3s;
}
@media screen and (max-width: 896px) {
	.button a{
    padding-top: 1em;
    padding-bottom: 1em;
	max-width: 100%;
    font-size: 130%;
}
	
	}
.button a::after {
    content: '';
    width: 12px;
    height: 12px;
    border: 0;
    border-top: solid 2px #FFF;
    border-right: solid 2px #FFF;
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    right: 1em;
    bottom: 0;
    margin: auto;
}
.button a:hover {
    opacity: 0.7;
}

a.anchor{
    display: block;
    padding-top: 100px;
    margin-top: -100px;
}
nav{
	line-height: 100%;
}

.flex{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}