@charset "UTF-8";
/*
 *
 * common
 *
*/

#wrap{
overflow:hidden;
  margin: 0;
  padding: 0;
  position: relative;
}
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

/******************/
footer{
  padding: 20px 0 ;
  text-align: center;
  margin: 30px 0 0 0;
  background: #eee;
	position: relative;
}

footer img{
  width: 150px ;
}

.pagetop{
  position: absolute;
  bottom: 0px ;
  right: 20px ;
position: fixed;
  z-index: 99999;
}

.pagetop a{
	display: block;
  color: #454A55;
  font-size: 20px;
	background: #F5BC00;
	width: 40px ;
	height: 40px ;
	line-height: 40px ;
	transition: all 0.25s;

}

.pagetop a:hover{
  background: #5897D1;
	color: #fff;
}

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

main{
  margin-top: 0px;
  padding: 0;
}

main.lower{
  margin-top:84px;
  padding-top: 50px;
}

main.lower .container{
  margin: 2em  auto;
  line-height: 1.8;
}

.container p{
  line-height: 1.5;
}

.bg_b{
  background: rgba(195,178,165,0.2);
  margin: 30px 0;
  padding: 20px 0;
}

.checkpoint{
  margin: 5px 0px ;
  background: #F6BD00;
  text-align: center;
  padding: 10px ;
  font-weight: 600;
  font-size: 20px ; 
  color: #fff;
  border-radius: 50px;
}

/***********************************
TITLE
************************************/
h1{
  text-align: left;
margin: 1em 0; 
  font-weight: 600;
  font-size: 22px;
  letter-spacing: 2px;
}
h2{
  font-weight: 600;
  font-size: 30px;
  text-align: center;
  color: #1D4F9B;
  margin: 2em 0;
}

h2 span{
 font-size: 12px;
  padding-top: 10px;
  margin: 0;
}

h2 span:before{
   content: "\A" ;
  white-space: pre ;
}

h3{
  margin:70px auto;
  font-weight: 700;
  text-align: center;
  font-size: 18px ;
  color: #000;
   padding: 15px 0;
    border-top:1px solid #000;
  border-bottom:1px solid #000;
}

h4{
  color: #203749;
  font-weight: 700;
  padding: 0.5em 0;
}

.red{
  color: #E54B1E;
}

.txt_small{
	font-size: 13px;
}

.txt_lg{
	font-size: 19px;
  font-weight: 700;
}

.img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img {
    display: block;
    max-width: 100%;
    height: auto;
}
.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

strong{
  font-family: "dnp-shuei-mincho-pr6","yu-mincho-pr6","ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-size: 25px;
	font-weight: 600;
	line-height: 1.3;
  color: #333;
}

/***********************************
works
************************************/
.under_construction{
  background:rgba(198,198,196,0.2);
  font-size: 2em;
  padding: 80px ;
  margin: 2em ;
  text-align: center;
  font-weight: normal;
  color: #C6C6C4;
  border-radius: 8px; 
}

.under_construction p{
  font-size:initial;
  margin-top: 50px;
}

ul.pagination {
  text-align: center;
    display: inline-block;
    padding: 0;
    margin: 0;
}

ul.pagination li {display: inline;}

ul.pagination li a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #E9E6DF;
    margin: 0 4px;
}

ul.pagination li a.active {
    background-color: #E9E6DF;
    color: white;
    border: 1px solid #E9E6DF;
  color: #AC6B10;
}
  ul.pagination li a:hover:not(.active) {
    background-color:#AC6B10;
color: #E9E6DF;
}

.point{
  margin: 1em 0;
  padding: 0;
}

.point li{
  margin: 0.5em 0;
  padding: 0.5em ;
  font-size: 20px;
  font-weight: 600;
  color: #454A55;
  list-style: none;
  line-height: 2;
  font-family: "dnp-shuei-mgothic-std",sans-serif;
  color: #5897D1;
  line-height: 1.8;
  background: url(/img/tiny_grid.png);
  text-align: center;
}

.point li ul{
  text-align: center;
  margin: 15px auto 0 auto;
  max-width: 800px;
  padding-left: 2em;
}
.point li ul li{
  margin: 0;
  padding: 0 0 15px 0;
  text-align: left;
  font-size: 14px ;
  list-style: disc;
  color: #555;
  line-height: 1.2;
  font-weight: normal;
}


.merit{
  padding: 0 50px;
    background: #DBE9EF;
		position: relative;
}

.mark35{
	position: absolute;
	top: -40px ;
	right: 80px;
	z-index: 5;
}
	.mark35 img{
		width: 200px;
}

@media screen and (max-width: 1200px) {
.mark35{
	position: absolute;
	top: -80px ;
	right: 60px;
	z-index: 5;
}
	.mark35 img{
		width: 180px;
}
}


/***********************************
767以下
************************************/
@media screen and (max-width: 767px) {


main.lower {
    margin-top: 56px;
  padding-top: 10px;
}
  h1{
  text-align: left;
margin: 1em 0; 
  font-weight: 600;
  font-size: 20px;
  letter-spacing: 0;
}
  
 h2{
  font-size: 20px;
  margin: 2em 0 1em 0;
}
  
  h2 span{
 font-size: 13px;
  padding-top: 10px;
  margin: 0;
}

 h2 span:before{
   content: "\A" ;
  white-space: pre ;
}
    
.container {
  /*margin-top: 70px;*/
  padding-left: 15px ;
  padding-right: 15px ;
}

    strong{
    font-size: 20px ;
  }
  strong br{
    display: none;
  }
  
  .point li{
  font-size: 1.3em;
  line-height: 1.3;
}
	
 .merit{
    background: #DBE9EF;
  padding: 0 20px;
  margin: 15px ;
  }

	.mark35{
	position: absolute;
	top:  -50px;
	right: 10px;
	z-index: 5;
}
	
.mark35 img{
			width: 150px ;
}
}
	
/***********************************
デバイスサイズ480以下(device)
************************************/
@media screen and (max-width: 480px) {
main .container{
  margin: 2em 0;
}

h2{
  font-size: 20px;
}
  
h2 p{
padding-top:0;
}

h2 span{
 font-size: 13px;
  padding-top: 10px;
  margin: 0;
}
  
    .telnum{
  font-size: 13vw ;
}
  h4{
    margin-bottom: 0.5em;
  }
		.mark35{
	position: absolute;
	top:  -70px;
	right: -10px;
	z-index: 5;
}
	
.mark35 img{
			width: 120px ;
}
}