@charset "utf-8";
@import url("reset.css");
/*
 * base CSS
 * ---------------------------------------------
 * レスポンシブ等、共通レイアウトに関わるCSS
 */
/* link */
a {
  color: #333;
  text-decoration: underline;
}
a:visited {
  color: #333;
  text-decoration: underline;
}
a:hover, a:focus, a:active {
  color: #333;
  text-decoration: none;
}

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

.imgRight{float:right;padding-left:2em;}
.imgLeft{float:left;padding-right:2em;}

.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}

.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt30{padding-top:30px;}
.pt40{padding-top:40px;}
.pt50{padding-top:50px;}

.clear_both{clear:both;}

.txtLarge{font-size:120%;}
.txtSmall{font-size:80%;}



/* clear, clearfix */
.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}

/* row */
.row {
  width: 100%;
  *zoom: 1;
}

.row:before,
.row:after {
  display: table;
  line-height: 0;
  content: "";
}

.row:after {
  clear: both;
}

.row .col {
  display: block;
  float: left;
  width: 100%;
  min-height: 1px;
  margin-left: 2.7624309392265194%;
  *margin-left: 2.709239449864817%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.row .col:first-child {
  margin-left: 0;
}

.row2 .col {
  width: 48.61878453038674%;
  *width: 48.56559304102504%;
}

.row3 .col {
  width: 31.491712707182323%;
  *width: 31.43852121782062%;
}



/* layout */
html {
  overflow-y: scroll;
}

body {
	color: #333333;
font-family: "Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

.sp{display:none;}
.pc{display:block;}

/* header */
#header{width:980px;margin:0px auto 0px auto;height:90px;position:relative;}
#header #h_logo{text-align:center;padding-top:20px;}
#header #h_logo img{width:100px;height:auto;}
#header #h_contact{z-index:999;position:absolute;right:0px;top:0px;}
#header #h_contact img{width:auto;height:100px;}
/* contents */
#contents{}


/* title */
#page_title{background-image:;
	text-align: center;
	background-image: url(../../images/title_bk.png);
	background-position: center center;
	background-size: cover;
	text-align:center;
	clear:both;
	
}
#page_title h1{text-align:center;line-height:0;}
#page_title h1 img{height:200px;width:auto;}

/* jirei */
.jirei{padding-top:50px;padding-bottom:50px;}
.jirei header{width:450px; margin:50px auto 20px auto;}
.jirei header h1 img{width:90px;height:auto;}
.jirei header h1{font-size:35px;font-weight:normal;border-bottom:solid 1px #333;text-align:center;line-height:1.2em;}
.jirei header p{font-size:20px;line-height:30px;text-align:center;padding:10px;margin-bottom:0px;}
.jirei p{padding:0px 15px 0px 15px;text-align:center;line-height:1.8em;margin-bottom:3em;}
/* top page */


/* contact-box */
.contact-box{border:solid 7px #eee;padding:20px;text-align:center;width:640px;margin:0px auto 0px auto;}
.contact-box p{line-height:1.8em;margin-bottom:10px;}
.contact-box ul {text-align:center;padding:10px;}
.contact-box ul li{display:inline-block;margin:0px 10px 0px 10px;}
.contact-box a.link-contact{text-align:center;color:#FFFFFF;background-color:#EC4950;display:block;width:260px;text-decoration:none;padding:18px 0px 18px 0px;}

.contact-box .link-tel img{margin-bottom:-15px;width:200px;height:auto;}

.btn-pdf{width:400px; margin:0 auto; padding-bottom: 50px;}
.btn-pdf a{display: block; box-sizing: border-box; width:100%; padding:1em 0; background-color: #ec4950; color:#fff; text-align: center; text-decoration: none;}
.btn-pdf a i{display: inline-block;}


/* footer  */
#back_btn{text-align:center;padding:30px;}
#back_btn img{width:120px;height:auto;}

#footer{background-color:#E9E9E9;text-align:center;padding:40px 0px 40px 0px;}

/* pagetop */
p#pagetop{
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 10px;
}
* html p#pagetop{
	text-align:right;
	margin-right:20px;
	margin-bottom:20px;
}


/*
 * tablet and smartphone START
 * ---------------------------------------------
 */
@media only screen and (max-width: 970px) {
  /* layout */

.sp{display:block;}
.pc{display:none;}

#header{max-width:400px;width:100%;margin:0px auto 0px auto;height:55px;position:relative;}
#header #h_logo{text-align:left;padding:10px 0px 0px 10px;}
#header #h_logo img{width:80px;height:auto;}
#header #h_contact{z-index:999;position:absolute;right:5px;top:0px;}
#header #h_contact img{width:auto;height:60px;}


/* title */
#page_title{background-image:;
	text-align: center;
	background-image: url(../../images/title_bk_sp.png);
	
}
#page_title h1{text-align:center;line-height:0;}
#page_title h1 img{height:auto;width:100%;max-width:760px;}


/* jirei */
.jirei{padding-top:20px;padding-bottom:10px;}
.jirei header{max-width:450px;width:80%; margin:20px auto 0px auto;}
.jirei header h1 img{width:60px;height:auto;}
.jirei header h1{font-size:25px;font-weight:normal;border-bottom:solid 1px #333;text-align:center;line-height:1.2em;}
.jirei header p{font-size:13px;line-height:16px;text-align:center;padding:10px;margin-bottom:0px;}
.jirei p{padding:0px 15px 0px 15px;text-align:center;line-height:1.8em;margin-bottom:1em;font-size:11px;}

/* contact-box */
.contact-box{border:solid 7px #eee;padding:0px;text-align:center;width:90%;margin:0px auto 0px auto;}
.contact-box p{line-height:1.4em;padding:10px 10px 0px 10px;margin-bottom:0px;font-size:11px;}
.contact-box ul {text-align:center;padding:10px;}
.contact-box ul li{display:block;margin:0px auto 0px auto;}
.contact-box a.link-contact{text-align:center;color:#FFFFFF;background-color:#EC4950;display:block;width:100%;text-decoration:none;padding:10px 0px 10px 0px;max-width:260px;margin:0px auto 10px auto;}

.contact-box .link-tel img{margin-bottom:0px;width:60%;height:auto;max-width:200px;}

#back_btn{text-align:center;padding:30px;}
#back_btn img{width:80px;height:auto;}

#footer{background-color:#E9E9E9;text-align:center;padding:20px 0px 20px 0px;}
}
/*
 * tablet and smartphone END
 * ---------------------------------------------
 */
/*
 * tablet START
 * ---------------------------------------------
 */
@media only screen and (min-width: 700px) and (max-width: 970px) {
  /* #header-nav-sp */


}
/*
 * tablet END
 * ---------------------------------------------
 */
/*
 * smart phone START
 * ---------------------------------------------
 */
@media only screen and (max-width: 700px) {
  /* row */
  .row .col {
    float: none;
    margin-left: 0;
  }

  .row2 .col {
    width: auto;
  }

  .row3 .col {
    width: auto;
  }

.btn-pdf{width:60%; max-width:200px; margin:0 auto; padding-bottom: 10px;}
.btn-pdf a{padding:.5em 0;}


}