body{
 font-family: 'ヒラギノ角ゴ ProN W3', YuGothic, sans-serif;
 width: 100%;
 min-width: 1000px;
 min-height: 100%;
 background: rgb(227, 227, 227);
}

h1,
h2,
h3{
    color: #13B7FE;
    font-size: 17px;
    font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
}
a{
    color: #13B7FE;
    text-decoration:none;
}

a:hover{
  
}

p a:hover{
  text-decoration: underline;
}

a,p{
  font-size: 13px;
  line-height: 20px;
}
p{
  margin: 0 0 16px 0;
  color: #000;
}
h2{
   font-size: 16px;
   line-height: 30px;
}
h3{
 font-size: 17px;
 line-height: 30px;
}

.left{
  float: left;
}
.right{
  float: right;
}

/*wrap*/
.wrp{
  width: 1000px;
  margin: 0 auto;
  padding: 20px 0 0 0;
}

.main{
  width: 78%;
}
h1{
  line-height: 35px;
  color: #fff;
  font-size: 15px;
  margin: 0 0 20px 0;
  background: #13B7FE;
  padding: 0 0 0 20px;
}
.social {
    margin: 0 0 20px 0;
}

.contents{
  width: 100%;
  margin: 0 0 20px 0;
}

.contents.main_contents{
  padding: 20px;
  background: #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

h2.contents_title{
  font-size: 20px;
  margin: 0 0 10px 0;
  color: #000;
}

.box{
  background: #fff;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.box.first{
  width: 100%;
  margin: 0 0 20px 0;
}

.box.second{
  width: 49%;
  margin: 0 2% 0 0;
}

.box.third{
  width: 49%;
  margin: 0 2% 0 0;
}

.box.fourth{
  width: 23.5%;
  margin: 0 2% 0 0;
}

.box:last-child{
  margin: 0!important;
}

.contents.link_box{
  background: #fff;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;

}
.contents.link_box ul li{
  font-size: 13px;
  line-height: 35px;
}

.side{
  width: 20%;
}

.logo{
  margin: 0 0 20px 0;
}

.logo img{
  width: 100%;
}

nav{
  padding: 12px;
  background: #fff;
  /* min-height: 800px; */
}

nav li a{
  margin: 0 0 16px 0;
  font-size: 14px;
  display: block;
  color: #13B7FE;
  font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
}
nav li a:hover {
    color: #13B7FE;
    opacity: 0.7;
}
a.btn{
  line-height: 35px;
  text-align: center;
  display: block;
  margin: 0 auto;
  padding: 0 10px 0 0;
  float: right;
  font-size: 14px;
  font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif;
}

a.btn:hover{
    opacity: 0.6;
}

/*footer*/
footer{
   background: #13B7FE;
}

footer p{
  text-align: center;
  line-height: 50px;
  margin: 0;
}
footer a {
	color:#fff;
}
.contents.link_box a{color:#13B7FE;text-decoration:none;}
.contents.link_box a:hover{color:#13B7FE;text-decoration:underline;}
footer a:hover {
  text-decoration: underline;
}

/*sub_contents*/
.contents.sub_contents{
  background: #fff;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
aside.subHeadImg {
    width: 60%;
}