@charset "utf-8";
/* CSS Document 
------------------------------------------------------------ */
html {
	overflow: auto;
}
* html { /* for IE6 */
	overflow: hidden;
	overflow-x: auto;
	height: 100%;
}
body {
	color: #4d4c4c;
	line-height: normal;
    font-family: 'Noto Serif JP', YuMincho ,  "Yu Mincho" , "游明朝体" , serif;
	position: relative;
	min-width: 320px;
	background-color: #FFFFFF;
	font-size: 15px;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: justify;
	box-sizing: border-box;
	overflow-x: hidden;
}
* html body { /* for IE6 */
	overflow-y: auto;
	height: 100%;
}

ul{	list-style:none;}
li{	float:left;}
/* clearfix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
/*.clearfix { display: block; }*/
/* End hide from IE-mac */

/*clearfix to objects*/
header:after,
main:after,
footer:after,
.container:after,
div.widthsize:after,
ul:after{
	content: ".";
	display: block;
	height: 0px;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,legend,textarea,p,blockquote,th,td{ 
	margin:0;padding:0;
}
img{
	border:0;
	vertical-align:bottom;
}
	
#topbutton {
      position: fixed; 
      bottom: 10px;   
      right: 20px;    
      display: none;
}
/**--------------------------------------------------------------------------------------------------------*/
a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
a {
	text-decoration:none;
}
a:link {
	color:#000;
	text-decoration:none;
}
a:visited {
	color:#000;
	text-decoration:none;
}
a:hover, a:active  {
	color:#666;
}


/**--------------------------------------------------------------------------------------------------------*/
.mt1{margin-top:1em;}
.mt2{margin-top:2em;}
.mt3{margin-top:3em;}
.ml1{margin-left:1em;}
.center{text-align: center;}
.f08{font-size: 0.8em;}
.font_g{ font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"ＭＳ Ｐゴシック",sans-serif;} 
.flex{
    display: flex;
    flex-wrap: wrap;
}
/*
.mt3{margin-top:3em;}
.mt5{margin-top:5em;}
.ml2{margin-left:2em;}
.f12{font-size: 1.2em;}
.f15{font-size:1.5em;}
.img_auto img{width:auto;}
.txt_red{ color:#e61e19;}
.txt_blu{ color: #17499d;}
*/

@media screen and ( min-width:320px )
{
main {
	margin-top:1em;
    margin-bottom: 3em;
}
.widthsize {
	max-width: 766px;
	margin-right: 1em;
	margin-left: 1em;
	position: relative;
	padding-top:1em;
	padding-bottom:1em;
}
img{
	width:100%;
}
.sp_none{
	display:none;
}

#menu_pc{
	display:none;
}

.head_img {
	padding-top:52px;
}

/**********************************************************/

footer{
    background: #113a61;
	color:#fff;
    padding-top: 1em;
}
.f_box{
    display: inline-block;
    }
.f_address{
        width: 90%;
        margin: auto;
    }
.f_name{
    text-align: center;
    }
.f_name img{
    width: 90%
    }
/*
-----------------------------------------------------------------top*/
h1{
	text-align:center;
    margin: 0;
}
h2{
    font-size: 22px;
}
h3{
    font-size: 20px;
    margin: 3em auto 1em;
    color: #fff;
    padding: 2px 0;
    background-color:#113a61 ;
    border-radius: 20px;
    text-align: center;
    font-weight: normal;
    width: 180px;
}
    
#business li{
    margin: 1em 0;
} 
#facility .col3{
    width: 100%;
    margin: 1em 0;
} 
#facility {
    margin-bottom: 5em;
} 
.lnk_banner{
    margin: 1em auto;
    text-align: center;
    width: 80%;
    }    
#greeting dl{  
    width: 90%;
    margin: auto;
    }
#greeting dt ,#greeting dd{
    width: 100%;
}
#greeting dt::before {
   content: "■"; 
}
#greeting dt{
    font-size: 14px;
    font-weight: normal;
    padding-top: 5px;
    }
#greeting dd{  
    padding-left: 1em;
    box-sizing: border-box;
    }
.lnk_banner02{
    margin: 2em auto 0;
    text-align: center;
    }    
.lnk_banner02 img{
    width: 60%;
    }    
#map{
	margin:15px auto 5px;
	height:200px;
	width:100%;
}
.mapggl{text-align:center; font-size:.85em; }


/*
-----------------------------------------------------------------contact*/

#contact2023 main, #privacy main{ 
	margin-top: 40px;
}

#contact h1{
	font-size:150%;
	margin-bottom:20px;
	line-height:0.8;
	font-weight:100;
	text-align:center;
}

#contact p{
	 padding: 0;
    font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"ＭＳ Ｐゴシック",sans-serif;
}

#contact_form {
	width:95%;
	margin: 30px auto 0px;
	background: #FAFAFA;
	padding:5px 10px 10px;
}

#contact_form label {
	display: table-cell;
	color: #078DAF;
	font-weight:400;
	margin-right:5px;
	padding:3px;
}
.f_width1 ,.f_width2{
    width: 100%;
    }
.attention{
	margin:20px auto;
	color:#F00;
}


#privacy h2{
	font-size:120%;
	margin-top:30px;
    font-weight: 100;
}

dl.pp{
	width: 80%;
	height:250px;
	margin:10px auto 30px;
	line-height:1.5;
	font-size:90%;
	overflow: auto;
	padding-bottom:20px;
    font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3",Hiragino Kaku Gothic Pro,"ＭＳ Ｐゴシック",sans-serif;
}

dl.pp dt{
	margin-top:15px;
}

.button1{
	height:30px;
	width:170px;
}

.button2{
	height:30px;
	width:80px;
}

.tel_lnk{
    margin: 1em auto;
    width: 80%;
    }
#mail_end {
	min-height:100vh;
}
.formTable{
    border-collapse: collapse;
    border:solid 1px #bbbbba;
    line-height: 3em;
    margin: 1em auto 2em;
    width: 100%;
    text-align: left;
}
.formTable th,.formTable td{
    width: 100%;
    float: left;
    padding-left: 1em;
    box-sizing: border-box;
    color: #727171;
    letter-spacing: 2px;
    }
.formTable tr:last-child{
    border-bottom: none;
    }
.fw_600{
    font-weight: 600;
    font-size: 1.2em;
}
}

@media screen and ( min-width:767px )
{
/*body{
    line-height: 26px;
}*/
#nav_sp{
	display:none;
}
img{
	width:100%;
}
.sp_none{
	display:block;
}
.pc_none{
	display:none;
}
.head_name_pc{
    width: 40%;
    position: absolute;
    left: 10px;
    top: 10px;
}
/*******************************ここまで*/
.header_address{
    width: 50%;
    position: absolute;
    right: 0;
    top: 15px;
    justify-content: space-between;
    align-items: flex-end;
}
.header_tel{
    width: 50%;
}
.header_mail{
    width: 12%;
}
.header_zaiko{
    width: 30%;
}
.head_img {
	padding-top:30px;
}
    
.map iframe{
	width:100%;
	height:300px;
}
/*---------------------------------------------------------------------------------- // fixed_menu // ----------*/

.nav-fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    background-color:#fcfcfc;
    opacity: 0.9;
}

/*---------------------------------------------------------------------------------- // menu // ----------*/
#menu_pc{
	display:block;
	/*width:71%;*/
	padding:20px 0;
	margin:auto;
    width: 700px;
    font-family: 'Kosugi', "ヒラギノ角ゴ Pro", Hiragino Kaku Gothic Pro,"ＭＳ Ｐゴシック",sans-serif;
}
#menu_pc ul {
	display: table;/**/
	margin:auto;

}
#menu_pc li {
    display: table-cell;/**/
	padding: 0 16px;
	border-right:1px solid #004ea2;
	line-height:10px;
	font-size:16px;
    letter-spacing: 4px;
}
#menu_pc li:last-child{ 
	border-right:none;
} 
#menu_pc a:link,#menu_pc a:visited {
    color: #004ea2;
    
}
#menu_pc a:hover {
    color:#004ea2;
    font-weight:600;
}
/*
----------------------------------------------------------footer*/
.f_address{
    width: 50%;
    margin: 0 0 0 1em;
    float: left;
    }
.f_name{
    text-align: left;
    }
.f_right{
    width: 40%;
    float: right;
    }
.f_right_r{
    width: 60%;
    float: right;
    margin-left: 2%;
    }    
.f_right_l{
    width: 38%;
    float: right;
    }    
/*
----------------------------------------------------------top*/
h2 {
    text-align: center;
}
h3 {
	width: 100%;
    color: #1A1A1A;
    font-size: 2em;
    background-color: inherit;
}
    
/*.merit{
    background-image: url("../img/top/merit_bg_jpg");
    background-position: right;
    background-repeat: no-repeat;
    background-size: 70%;
    }*/
#facility .col3{
    width: calc(100% / 3);
    padding: 0 2px;
    box-sizing: border-box;
} 
#greeting dl{  
    width: 100%;
    display: inline-flex;
    padding: 5px 0;
    }
#greeting dt::before {
   content: none;
}
#greeting dt {
    width: 30%;
    padding-left: 8%;
    padding-right: 8%;
    box-sizing: border-box;
}
#greeting dd {
    width: 70%;
}
#greeting .bg_g {
    background:#E0E0E0;
}
#greeting .pd08 {
    padding: 15px 0;
}
.lsp2{letter-spacing: 30px;}
.lsp3{letter-spacing: 9px;}
.lsp4{letter-spacing: 3px;}

.gaiyo_ttl{
    width: 40%;
    margin: 3em 0 1em 3em;
    }    
#map{
	height:400px;
}
/*
----------------------------------------------------------contact*/
#contact2023 #nav_pc{ 
	margin-top: 30px;
}
#contact h1{
	font-size:200%;
}
#contact_form {
	width:70%;
	margin: 35px auto 0px;
	background: #FAFAFA;
	padding:5px 20px 10px;
}

#contact_form label {
	display: table-cell;
	color: #078DAF;
	font-weight:400;
	margin-right:5px;
	padding:3px;
}

#privacy .tel_lnk{
    margin: 1em auto;
    width: 40%;
    }
.f_width1{
    width: 60%;
    }

}
@media screen and ( min-width:980px )
{

.widthsize{
	max-width: 980px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
.widthsize_l{
	max-width: 1300px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
.merit{
    background-size: 50%;
    }
.f_address{
    width: 40%;
    margin: 0 0 0 1em;
    }
.f_name img{
    width: 80%;
    }
.head_name_pc{
    width: 35%;
    left: 0;
}
}
@media screen and ( min-width:1100px )
{
}