@charset "utf-8";
@import url("base.css");
@import url("drawer.css");
@import url("font-awesome.min.css");

/************************************************************************
  common
************************************************************************/

html { color:#333333; font-family:sans-serif; }
body { color:#333333; background-color:#f5f5f5;}

/*折り返し追記 2019.1.9*/
table td {
    word-break: break-all;
}
    table td:first-child {
        white-space: nowrap;
    }

/************************************************************************
  .icon-download
************************************************************************/
.icon-download {
}

    .icon-download img {
        margin-right: 0.8em;
        vertical-align: middle;
    }


/* ------ hr ------ */
hr { display:none; }
hr.line { margin:0 auto 10px; border:0; border-top:2px solid #cccccc; display:block; }

/* ------ link ------ */
a { text-decoration:underline; color:#6699cc; }

.hover { box-sizing:border-box; }
.hover:hover {
-webkit-transition:0.5s;
-moz-transition:0.5s;
-o-transition:0.5s;
-ms-transition:0.5s;
transition:0.5s;
border:20px solid rgba(255,255,255,0.6);
cursor:pointer;
}

a.btn { padding:2px 10px; background:#dcdcdc; color:#333333; border:1px solid #333333; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; text-align:center; font-size:18px; font-size:1.8rem; display:inline-block; box-sizing:border-box; text-decoration:none; }

/* ============ smart phone ============ */
@media (max-width:640px){
body { background-color:#ffffff;}
}
/************************************************************************
  .contents
************************************************************************/
.contents { margin:0 auto; width:calc(960/1040*100%); max-width:960px; box-sizing:border-box; }

/* ============ smart phone ============ */
@media (max-width:640px){
.contents { width:100%; }
}
/************************************************************************
  header
************************************************************************/
header { padding:20px 0 15px; background-color:#ffffff; }
header .contents { position:relative; }

header h1 { width:calc(385/960*100%); font-size:0; display:inline-block; }
header h1 img { width:100%; }
header h1 span { display:none; }

a.tel-no { margin:0 0 0 calc(135/960*100%); width:calc(195/960*100%); display:inline-block; }
a.tel-no img { width:100%; }

/* ============ smart phone ============ */
@media (max-width:640px){
header { margin:0; padding:calc(15/320*100%); }
header h1 { margin:0; padding:0; width:100%; height:auto; }
header h1 img { display:none; }
header h1 span { display:inline-block; }

header h1 span.logo-FdM-1 { padding:calc(75/135*(135/320*100%)) 0 0 0; width:calc(135/320*100%); max-width:270px; background:url(/Content/images/logo_FdM_1.png) no-repeat; background-size:100% auto; }
header h1 span.logo-002 { padding:calc(40/290*(290/320*100%)) 0 0 0; width:calc(290/320*100%); max-width:580px; background:url(/Content/images/logo_002.png) no-repeat; background-size:100% auto; }
}

/************************************************************************
  header nav
************************************************************************/
header nav { display:none; }

/* ============ smart phone ============ */
@media (max-width:640px){
header nav { background:#4682b4; display:block; }
header nav a { color:#ffffff; }
.drawer-hamburger { width:40px; background-color:#ffffff; color:#4682b4; line-height:0; font-size:36px; font-size:3.6rem; border:0; -moz-border-radius:5px 0 0 5px; -khtml-border-radius:5px 0 0 5px; -webkit-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; }
 }
.drawer-hamburger small { font-size:8px; font-size:0.8rem; }
.drawer-nav  { background:#4682b4; width:240px; }
.drawer-nav li  { padding:10px; border-bottom:1px solid #ffffff; }
.drawer-hamburger:hover { background:#ffffff; }

.drawer--right .drawer-nav { right:-240px; }
.drawer--right.drawer-open .drawer-hamburger { right:240px; }

#index nav#menu button { display:inline-block; }

/*}不要なのでコメント 2019.1.24*/
/************************************************************************
  headline
************************************************************************/
h2 { margin-bottom:0.5em; color:#666666; font-weight:bold; font-size:20px; font-size:2rem; }
h2.icon { padding-left:30px; background:url(/Content/images/icon_h2.png) no-repeat; }
h3.dotline { color:#666666; border-bottom:2px dashed #999999; }
/************************************************************************
  #main
************************************************************************/
#main { margin:0 auto 40px; }
#main .contents { margin:0 auto; padding:calc(25/1040*100%); background-color:#ffffff; box-sizing:border-box; }

#main .column { padding:15px calc(45/840*100%); }

/* ============ smart phone ============ */
@media (max-width:640px){
#main .contents { padding:0; }
}
/************************************************************************
  .img
************************************************************************/
.img {  }
.img img { width:100%; }

/************************************************************************
  a img
************************************************************************/
a img { -webkit-transition:opacity 0.3s ease; -moz-transition:opacity 0.3s ease; -ms-transition:opacity 0.3s ease; -o-transition:opacity 0.3s ease; transition:opacity 0.3s ease; backface-visibility:hidden; }

a img:hover { -ms-filter:"alpha( opacity=$number*100 )"; filter:alpha(opacity=60); opacity:0.6; }

/************************************************************************
  footer
************************************************************************/
footer { padding:10px 0; background-color:#999999; color:#ffffff; font-size:12px; font-size:1.2rem; }
footer:after { content:""; display:block; clear:both; }

footer a { color:#ffffff; text-decoration:none; }

footer .floatL { line-height:2;  }
footer .floatR { width:calc(380/1040*100%); vertical-align:middle; line-height:1;  }
footer .floatR img { }

footer p.logo { margin:0 calc(10/380*100%) 0 0; width:calc(200/380*100%); display:inline-block; vertical-align:middle; }
footer p.logo img { width:100%; height:auto; }

footer span.tel { font-size:16px; font-size:1.6rem; }
footer span.tel:before { content:""; margin:0 calc(5/380*100%) 0 0; padding:calc(30/20*(20/380*100%)) 0 0 0; width:calc(20/380*100%); height:0; background:url(/Content/images/icon_tel.png) no-repeat; background-size:100% auto; display:inline-block; vertical-align:middle; }

/* ============ smart phone ============ */
@media (max-width:640px){
footer { text-align:center; }
footer .floatL { width:100%; float:none; }
footer .floatR { width:100%; float:none; }

footer span.tel:before { margin:0 5px 0 0; padding:0 0 0 0; width:20px; height:30px; }
footer p.logo { margin:0 auto; width:200px; display:block; }
}
/************************************************************************
  text color
************************************************************************/
.tc-blue { color:#4682b4 !important; }
.notes { color:#ff4400; }
.attention { color:#ff9900; text-decoration:underline; }

/************************************************************************
  form
************************************************************************/

/* text */
input[type="text"] { padding:5px; height:30px; border:1px solid #2487EA; font-size:14px; font-size:1.4rem; box-sizing:border-box; }
input[type="password"] { padding:5px; height:30px; border:1px solid #2487EA; font-size:14px; font-size:1.4rem; box-sizing:border-box; }
input[type="tel"] { padding:5px; height:30px; border:1px solid #2487EA; font-size:14px; font-size:1.4rem; box-sizing:border-box; }
input[type="email"] { padding:5px; height:30px; border:1px solid #2487EA; font-size:14px; font-size:1.4rem; box-sizing:border-box; }
input[type="number"] { padding:5px; height:30px; border:1px solid #2487EA; font-size:14px; font-size:1.4rem; box-sizing:border-box; }
input[type="file"] { padding:0px; height:30px; border:1px solid #2487EA; font-size:14px; font-size:1.4rem; box-sizing:border-box; }
select { height:30px; background:#ffffff; border:1px solid #2487EA; font-size:14px; font-size:1.4rem; }

input[type="text"]:focus {
    border-color: darkorange;
    border-width: 0.5px;
    background-color: #d2f0fe;
}

/* submit */
input[type="submit"].btn { padding:2px 10px; background:#dcdcdc; color:#333333; border:1px solid #333333; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; text-align:center; font-size:18px; font-size:1.8rem; box-sizing:border-box; cursor:pointer; }

/* button */
input[type="button"].btn, input[type="reset"].btn { padding:2px 10px; background:#dcdcdc; color:#333333; border:1px solid #333333; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; text-align:center; font-size:18px; font-size:1.8rem; box-sizing:border-box; cursor:pointer; }

/* radio */
input[type="radio"] { margin-right:0.5em; }

/* checkbox */
input[type="checkbox"] { display:none; }
input[type="checkbox"] + .checkbox-icon { font-size:16px; font-size:1.6rem; line-height:1; display:inline-block; vertical-align:middle; }
input[type="checkbox"] + .checkbox-icon:before { width:1em; height:1em; content:""; background-color:#ffffff; color:#333333; border:1px solid #333333; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; display:inline-block; vertical-align:middle; }
/*input[type="checkbox"]:checked + .checkbox-icon:before { content:"\2713"; }*/
    input[type="checkbox"]:checked + .checkbox-icon:before {
        content: "●";
    }
input[type="checkbox"][disabled] + .checkbox-icon:before { border:1px solid #cccccc; }


/* placeholder */
::-webkit-input-placeholder { color:#999999; }
:-ms-input-placeholder { color:#999999; }
::-moz-placeholder { color:#999999; }

/************************************************************************
  .form
************************************************************************/
.form {  }
.form h4 { margin-bottom:5px; color:#4682b4; }

.form .col2 { margin-bottom:5px; padding:10px; border-bottom:1px dashed #999999; }
.form .col2 .item { padding:0; }
.form .col2 .item:nth-child(n) { padding-right:5px; }
.form .col2 .item:nth-child(2n) { padding-right:0; padding-left:5px; }
.form .col2 .item input[type="text"] { width:100%; border-color:#333333; }
.form .col2 .item input[type="tel"] { width:100%; border-color:#333333; }
.form .col2 .item input[type="email"] { width:100%; border-color:#333333; }
.form .col2 .item input[type="number"] { width:100%; border-color:#333333; }
/************************************************************************
  smart phone
************************************************************************/
.pc { display:block; }
span.pc { display:inline; }
.sp { display:none; }
span.sp { display:none; }

/************************************************************************
  jquery.font
************************************************************************/
ul#fontSize { margin:0; list-style:none; border-top:1px solid #6699cc; border-left:1px solid #6699cc; position:absolute; top:15px; right:0; }
ul#fontSize li { height:30px; background-color:#f0f8ff; color:#6699cc; border-bottom:1px solid #6699cc; border-right:1px solid #6699cc; float:left; cursor:pointer; box-sizing:border-box; }
ul#fontSize li:hover { background-color:#eeeeee; }

ul#fontSize li.active { background-color:#b0e0e6; cursor:default; pointer-events:none; }

ul#fontSize li#fontS { padding:4px 5px; font-size:16px; font-size:1.6rem; }
ul#fontSize li#fontM { padding:1px 5px; font-size:20px; font-size:2rem; }
ul#fontSize li#fontL { padding:0 5px; font-size:24px; font-size:2.4rem; }
ul#fontSize li#font { padding:4px 5px; background-color:#6699cc; color:#ffffff; font-size:16px; font-size:1.6rem; cursor:default; pointer-events:none; }

.fontS { font-size:150% !important; }
.fontM { font-size:200% !important; }
.fontL { font-size:250% !important; }

/* ============ smart phone ============ */
@media (max-width:640px){
ul#fontSize { display:none; }
}
/************************************************************************
  #menu
************************************************************************/
#index nav#menu { margin-bottom:40px; }
#index nav#menu a { text-decoration:none; }
#index nav#menu ul { text-align:center; font-size:0; }
#index nav#menu ul li { margin:0 calc(15/840*100%) 0 0; width:calc(170/840*100%); max-width:170px; display:inline-block; }
#index nav#menu ul li:last-child { margin-right:0; }
#index nav#menu ul li img { width:100%; }

#index nav#menu p { margin:0 0 0 calc((60-15) / 840 * 100%); width:calc(620/840*100%); float:left; }

#index nav#menu button { display:none; }

/* ============ smart phone ============ */
@media (max-width:640px){
#index nav#menu p.mb25 { padding-top:20px; width:calc(180/320*100%); box-sizing:border-box; }

#index nav#menu ul li { margin:0 calc(10/320*100%) calc(10/320*100%) 0; width:calc(135/320*100%); max-width:270px; display:inline-block; }
#index nav#menu ul li:nth-child(2n) { margin-right:0; }
}
/************************************************************************
  .icon-pdf
************************************************************************/
.icon-pdf {  }
.icon-pdf img { margin-right:0.8em; vertical-align:middle; }

/************************************************************************
  .scroll
************************************************************************/
/* ============ smart phone ============ */
@media (max-width:640px){
.scroll { margin:20px 0; width:100%; box-sizing:border-box; overflow:scroll; }
.scroll table { width:auto; min-width:600px; }
}

/************************************************************************
  ul.gallery
************************************************************************/
/* ============ smart phone ============ */
@media (max-width:640px){
ul.gallery {  }
ul.gallery li { margin-bottom:20px; width:100%; }
ul.gallery li img { width:100%; }
}




/************************************************************************
  .link-manual
************************************************************************/
a.link-manual {
    margin: 1.7em 0 0 1em;
    color: #ffffff;
    text-decoration: none;
    font-size: 12px;
    font-size: 1.2rem;
    display: inline-block;
    float: left;
}

    a.link-manual:before {
        content: "｜";
    }

    a.link-manual:after {
        content: "｜";
    }

/* ============ smart phone ============ */
@media (max-width:640px) {
    a.link-manual {
        float: none;
    }
}