/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/


/* 
    Created on : 2015/01/30, 16:25:26
    Author     : seisaku1
*/
body{ color:#555; line-height: 2.2em;}
.navbar{display:none;}
@media only screen and (max-width: 767px) {
    .navbar{display:block;}
	.nav :hover {background-color:#c6effd; color: #fff;}
	
	.menu_left{display:none;}
}
.wrapper {
    background-color: #FFFFFF;
    padding: 0;
    margin: 0;
    width: 100%;
}

.navbar {
    background-color: #fff;
}


.collapse {
    /*background-color:#dff0d8;*/
}



/*.navbar-default {
  background-color: #FFEE95;
}
.navbar-default .navbar-brand {
  color: #000;
}*/

a {
    color: #014996;
    font-weight: 700;
    text-decoration: none;
    font-size: 1.2em;
}
 a:hover {
    text-decoration: none;
	color: #283AFF;
}
.table_bg{ background-color: #fff;}


/*a img:hover {
	opacity: 0.5 ;
	transition: 0.6s ;
}*/
h1{padding: 10px 0 0 0; margin: 0; font-size:0.8em;
    width: 100%;
    text-align: left;
	font-weight: 700;
}

.maxwidth100 {
    text-align: center;
    max-width: 100%;
}

h2 {
    padding: 0;
    margin: 15px 0 15px 0;
	font-weight: 700;
}


h3 {
    padding: 0;
    margin: 0 0 0 0 ;
}

h4{
    padding: 0;
    margin: 0 0 0 0 ;
}
h5{
    padding: 0;
    margin: 0 0 0 0 ;
}
@media only screen and (max-width: 767px) {
    h2 {
        font-size: 1.6em;
    }
    h3 {
        font-size: 1.2em;
    }
	h4 {
        font-size: 1.2em;
    }
	h5 {
        font-size: 1.2em;
    }
}


.indent{  text-indent: -1em;
  padding-left: 1em;}
.indent2{  text-indent: -0.6em;
  padding-left: 1.5em;}
.red {
    color: red;
}

.bold {
    font-weight: 700;
}
.moji{display:none;}

.margin_bottom{margin: 0 0 5px 0; text-align: center;}

.blue{color:#0000FF;}
.phone{font-size:0.7em;}


/*----上のロゴとちっちゃい右側のメニュー　スマホ用----*/
.sumaho_title{padding: 10px 0 0 0; margin: 0; font-size:1em; float: left;}
.navbar-toggle{ float:right;}


/*----上のロゴ----*/
.logo{ padding;2px 0 0 0 ; margin: 0;}
.logo_top_line{ border-bottom: 0px solid #00135A; }
@media only screen and (max-width: 1900px) {
	.logo{ padding;30px 0 0 0 ;}
}
@media only screen and (max-width: 767px) {
	.logo{ display: none;}
	.logo_top_line{display: none;}
	.top_tel{display: none;}
}
.top_line{border-top: 6px solid #00135A;}

/*----トップイメージの中の文字　現在消してます----*/
.ue_title_text {
    width: 100%;
	color: #fff;
    text-align: left;
    padding: 1px 0 0 0;
    margin: 0 0 0 8px;
	font-weight: 700;
	text-shadow:
     2px  2px 3px #00140d,
     -2px  2px 3px #00140d,
      2px -2px 3px #00140d,
     -2px -2px 3px #00140d;
	display: none;
}
.ue_title_text a {color: #F9F9C2; text-decoration: none; font-size: 0.8em;  }
.ue_title_text a:hover { color: #FCE300; }
.ue_title {
	background: url(../img/04100_04.jpg) no-repeat center ;
	width: 100%;
    padding: 0 auto;
    margin: -5px 0 0 0;
}
@media only screen and (max-width: 767px) {
.ue_title {
	background: url(../img/04100_05.jpg) no-repeat center / cover ;
	width: 90%;
    padding: 0 0 0 0 ;
    margin: -22px auto 10px auto;
}
.ue_title_text {
	color: #fff;
    text-align: left;
    padding: 0 10px;
    margin: 0 10px;
	font-weight: 700;
	text-shadow:
     2px  2px 3px #00140d,
     -2px  2px 3px #00140d,
      2px -2px 3px #00140d,
     -2px -2px 3px #00140d;
}
	.ue_title_text h2 {font-size:1em;}
    .ue_title_text h3{font-size:1em;}
    .top_title{ font-size: 1em;}
	}


/********上メニュー*******************************************/
.hed_menu li{ float: left; padding: 0 10px; list-style: none;}


/*----トップのイメージ----*/
.top_img{padding: 0 auto; margin: 0 auto; text-align: center;}
.top_img_sm{display: none}
@media only screen and (max-width: 600px) {
		.top_img{display: none}
	.top_img_sm{display: block}
}

/*----電話ボタンue----*/
.tel_i{1em}
.tel_button2{
	display: block;
    width: 100%;
    text-align:center;
    font-weight: bold;
    font-size: 2em;
}
.tel_button_wid2{
    width: 100%;
}
.tel_button_hight2{
	display: block;
    margin: 0 0 20px 0;
}


.tel_button3{
	display: block;
    width: 100%;
    text-align:right;
    font-weight: bold;
    font-size: 2em;
	
}.tel_button_hight3{
	display: block;
    margin: 0 0 20px 0;
	text-align: right;
	width: 100%;
}


/*----電話ボタン1----*/
.tel_i{1em}
.tel_button{display: none;}
.tel_button_hight{display: none;}
@media only screen and (max-width: 600px) {
.tel_button{
	display: block;
    width: 100%;
    text-align:center;
    font-weight: bold;
    font-size: 2em;
}
.tel_button_wid{
    width: 100%;
}
.tel_button_hight{
	display: block;
    margin: 0 0 20px 0;
}
}

/*----電話ボタン フッターの中----*/
.tel_i{1em}
.tel_button_bottom{
	display: block;
    width: 100%;
    text-align:center;
    font-weight: bold;
    font-size: 2em;
}
.tel_button_wid_bottom{
    width: 100%;
}
.tel_button_hight_bottom{
	display: block;
    margin: 0 0 20px 0;
}
.btn-primary{ background-color: #004896;}









/*各ページ　タイトルh3 h4 */
.title_h3{display: none;}
.title_h4{font-size: 1.5em;  font-weight: 700; padding:15px 0 14px 2.5em; color: #fff; 
	background-image: url(../imgs/trouble_title_h3.jpg); background-repeat: no-repeat;
}
@media only screen and (max-width: 991px) {	.kentiku_trouble_line{ height: auto;}}
@media only screen and (max-width: 768px) {
	.title_h3{ color:#004896;  display: block; font-size: 1.3em; line-height: 1.6em; font-weight: 700; }
	.title_h4{display: none;}
}
.page_bg{ padding: 15px; background-color: #ecfdfe; margin: 0 0 15px 0;}
.page_line{ border-top: 4px solid #b8cfd7; padding:15px 0 0 0 ; }
.page_line h5{color:#004896; font-size: 1.5em; padding:0 0 0 0; margin:0 0 0 0; font-weight: 700; line-height: 1.6em;}
.page_line td{padding:5px 8px;}

/*選択ボタン*/
.sentaku_btn_box{margin:0 0 15px 0; display: block;}
.sentaku_btn{margin: 3px; width: 100%; font-size: 1.2em; font-weight: bold;}

.sentaku_btn_box2{display: none;}
@media only screen and (max-width: 767px) {
.sentaku_btn_box2{ display: block; margin: 3px; width: 100%; font-size: 1.2em; font-weight: bold;}
}


/********************************会社案内のページ**********************************/
.kaisha_syouhin_waku{float: left; margin:15px 15px; display: block; width: 300px; background-color: aliceblue; }
.kaisha_syouhin_text{display: flex; align-items: center; height: 55px;}
.kaisha_sotowaku{padding: 15px; text-align:center;  margin: 15px 0; width: auto; background-color:#6EA5FB}
.kaisha_nakawaku{width: 90%; background-color: #fff; text-align: left; padding: 20px; text-align: left; margin: 5px auto; background-color: rgba(255,255,255,0.7);}
.kaisha_nakawaku h4{font-size:1.2em; padding: 5px 0 3px 0; margin: 0;}
.kaisha_nakawaku h5{font-size:1.2em; padding: 5px 0 0 0; margin: 0;}
.kaisha_nakawaku p{font-size:em; padding: 5px 0 0 0; margin: 0; line-height: 1.2em}
.kaisha_nakawaku li{padding: 0 0 8px 0;}
.kaisha_block{width: 46%; float: left; margin: 0 0 0 5px;}
.boder_dott{ border-bottom: 1px dotted #82C6F8; width: 100%; padding: 3px; margin: 0 0 3px; 0}

@media screen and (max-width:1500px){
.kaisha_syouhin_waku{width: 30%;}
.kaisha_nakawaku{width:95%;}
.kaisha_nakawaku_text{width:100%;}

}
@media screen and (max-width:640px){
.kaisha_syouhin_waku{width: 40%; margin: 0; padding: 0;}
.kaisha_sotowaku{padding: 0 ;  margin: 15px 0 ; width: 98%;}
.kaisha_nakawaku{width:100%; margin: 0 ; }
.kaisha_nakawaku_text{width:98%;}	
.kaisha_block{width: 98%; margin: 0 0 0 15px ;}
}

@media screen and (max-width:400px){
.kaisha_syouhin_waku{width: 95%;}
}

/*----oderのページ----*/  
.oder{font-size:0.8em; line-height: 1.4em;}
.oder_h3{border-bottom: 2px solid #030371; margin: 5px 0 10px 0; padding: 5px 0 5px 0 ; }
.oder_uewaku{width: 100%; border:2px solid #030371; padding: 10px;}
.oder_left_bg{ background-image: url(../imgs/left_bg.jpg); background-repeat: no-repeat; padding: 0 0 0 20px; color: #030371;}
.oder_riten{float: left; padding: 0 30px 0 30px;}
.oder_title_h2waku{text-align: center; background-color: #090080; width:100%; padding:20px 10px; margin: 10px 0; color: #fff; }
.oder_lineheght1{line-height: 1.4em;}
.oder_lineheght2{line-height: 1.2em;}
@media screen and (max-width:1000px){
	.oder_left_bg{display:none;}}
@media screen and (max-width:640px){
.oder{font-size:1em; line-height: 1.6em;}
.oder_title_h2waku{ padding:10px 5px; margin: 10px 0; }

}

/******公園********************/
.kouen_waku1{border:1px solid #aaa; padding: 10px; width:32%; float: left; margin: 10px 10px 10px 0; font-size: 1.5em;font-weight: 700; height: 320px;
text-shadow: 2px  2px 5px #fff,
            -2px  2px 5px #fff,
             2px -2px 5px #fff,
            -2px -2px 5px #fff;}
.kouen_waku1 a{font-size: 14px; line-height: 1.5em;}
.kouen_waku2{border:1px solid #aaa; padding: 10px; width:32%; float: left; margin: 10px 10px 10px 0; font-size: 1.5em;font-weight: 700; height: 420px;
text-shadow: 2px  2px 5px #fff,
            -2px  2px 5px #fff,
             2px -2px 5px #fff,
            -2px -2px 5px #fff;}
.kouen_waku2 a{font-size: 14px; line-height: 1.5em;}
.kouen_waku3{border:1px solid #aaa; padding: 10px; width:32%; float: left; margin: 10px 10px 10px 0; font-size: 1.5em;font-weight: 700; height: 420px;
text-shadow: 2px  2px 5px #fff,
            -2px  2px 5px #fff,
             2px -2px 5px #fff,
            -2px -2px 5px #fff;}
.kouen_waku3 a{font-size: 14px; line-height: 1.5em;}

.kouen_azumaya{background-image: url(../imgs/kouen_azumaya.jpg); background-repeat: no-repeat;background-position: right bottom; }
.kouen_syuukei{background-image: url(../imgs/kouen_syuukei.jpg); background-repeat: no-repeat;background-position: right bottom; }
.kouen_giboku{background-image: url(../imgs/kouen_giboku.jpg); background-repeat: no-repeat;background-position: right bottom; }
.kouen_beneki{background-image: url(../imgs/kouen_beneki.jpg); background-repeat: no-repeat;background-position: right bottom; }

@media screen and (max-width:1000px){
.kouen_waku1{width:47%;}
.kouen_waku2{width:47%;}
.kouen_waku3{width:47%;}
.kouen_azumaya{background-image: url();}
.kouen_syuukei{background-image: url();}
.kouen_giboku{background-image: url();}
.kouen_beneki{background-image: url();}
}
@media screen and (max-width:640px){
.kouen_waku1{width:98%; height: auto;}
.kouen_waku1 a{font-size: 1em; line-height: 2em;}
.kouen_waku2{width:98%; height: auto;}
.kouen_waku2 a{font-size: 1em; line-height: 2em;}
.kouen_waku3{width:98%; height: auto;}
.kouen_waku3 a{font-size: 1em; line-height: 2em;}
}


/****コンクリ******/
.konkuri_waku{border:1px solid #aaa; padding: 10px; width:32%; float: left; margin: 10px 10px 10px 0;  height: 250px;}
.konkuri_waku h3{color:#0E0088;}
@media screen and (max-width:1000px){
.konkuri_waku{width:47%;}
}
@media screen and (max-width:640px){
.konkuri_waku{width:98%; height: auto;}
}


/*----mailのページ----*/  
.mail_tel{font-size:1.8em; color: red; display: block;}

.radio{ display: block; float: left; width: 200px; padding: 0;}
.control-label{ margin:0px 0 0 0; padding:0;}
@media only screen and (max-width:768px) {
	.control-label{ margin:30px 0 0 10px; padding:0;}
}

    /*----------------------------- 送信フォームの　ページ　------------------------------------*/
    /*------- 入力欄 -------*/
	@media only screen and (max-width:650px) {
    input[type="text"] {
        font-size: 150%;
    }
	input[type="email"] {
        font-size: 150%;
    }

	}

/*----------------------------- ラジオボタン　------------------------------------*/
input[type="radio"] , input[type="checkbox"]{
   -webkit-transform: scale(1.2);
   transform: scale(1.2);
   margin:10px 0 0 1em;
   position:relative;
}
/*input ,select {
    position:relative;
    top:15px;
}

/*textarea{ width:90%; font-size:1em;}

select{ font-size:1em;}*/
@media only screen and (max-width: 600px) {
input[type="radio"] , input[type="checkbox"]{
   -webkit-transform: scale(2);
   transform: scale(2);
	padding: 0 0 0 0;
}
.form-control{font-size:1.2em;}
/*textarea{ width:90%; font-size:1.5em;}

select{ font-size:1.2em;}*/
}

/*------------大きくする---------*/
.label_font{
    margin: -30px 20px 0 0;
    padding: 0 0 0 0 ;
    font-size: 1.2em;
}
@media only screen and (max-width: 600px) {
.label_font{
    margin: 0 20px 0 0;
    padding: 0 0 0 0 ;
    font-size: 1.5em;
}

}





/*----------　下のメニュー　-----------*/
.well {
  min-height: 20px;
  padding: 19px;
  background-color: #fff;
 border: none;
	margin: 15px 0 0 0;
}
.well ul{padding:0; margin:0px 0; display:block; font-size: 0.8em;}
.well li{ list-style:none; padding:0 0;display:block; float: left;}
.well li a{display:block; padding:0 15px; color:#004896; background-color: #EBEEFF;}
.well a:hover{ text-decoration:none; color:#fff; background-color:#00a9e4;}
.bottom_menu ul{padding:0 auto; margin:0px auto; display:block; text-align: center; width: 700px;}

@media only screen and (max-width: 767px) {
.bottom_menu ul{padding:0; margin:0px 10px; display:none; font-size: 1.4rem; width: 100%;}
.bottom_menu li{ list-style:none;  display:none; float: none;  border-bottom:1px solid #aaa; }
.bottom_menu li a{display:block; }
.bottom_menu a:hover{ text-decoration:none; color:#fff; background-color: #00a9e4;}
}



.padding_5p {
    padding: 0 2% 0 5%;
	margin: 0;
	/*background-color: #FFFEE6;*/
}




/*----フッターメニュー----*/
.fotter {
    /*background-color:#fbff8c;*/
	background-color: #00135A;
    height: auto;
    width: 100%;
    margin: 0;
    padding: 0px 0 10px 0;
	color: #fff;
}
.fotter h3{
	font-size: 1.5em;
}
.fotter p{
	font-size: 1em;
}

.futter_map{ text-align:right;}
@media only screen and (max-width: 767px) {
	.futter_map{ text-align:center;}
}










/********************************ページの先頭へ********************************/

.page_top {
    position: fixed;
    bottom: 10px;
    right: 10px;
    margin-bottom: 0px;
}

.page_top a {
    display: block;
    padding: 5px 10px;
    background: #666666;
    border-radius: 5px;
    text-align: center;
    color: #fff;
    font-size: 90%;
    font-weight: bold;
    text-decoration: none;
    opacity: 0.7;
}

.page_top a:hover {
    background: #999999;
    color: #000000;
}


/**-----------------over------------------------*/
 /*------------------------イメージオーバー　白　--------------------------*/
a:hover .over {  
    opacity: 0.5;  
    filter: alpha(opacity=50);  
    -ms-filter: "alpha( opacity=50 )"; 
}


/*------------------------非表示　--------------------------*/

.seo {
    display: none;
}

a[href^="tel:"] {
    pointer-events: none;
}



@media only screen and (max-width: 767px) {
    a[href^="tel:"] {
        pointer-events: auto;
    }

}
}
/*-----写真の上に文字を載せるテスト　⇂⇂⇂⇂⇂⇂---------------------------------------------*/
.absolute {
  position: absolute;
  right: 0;
	bottom: 0;
	/*margin-bottom :0;*/
	
/* 以下デザイン設定 */
  width: 60%;
  line-height: 30px;
  background: #f6bfbc;
  text-align: center;
}

.relative {
  position: relative; 
}
/*-----/写真の上に文字を載せるテスト　ここまで　---------------------------------------------*/