body{
	
}
h3{
	font-size:2.8em;
	font-family:'Noto Sans Japanese', sans-serif;
	letter-spacing:0.2em;
	font-weight:100;
	padding:50px 0 30px 0;
	clear:both;
	border-bottom:1px solid #D3D3D3;
}
h4{
	color:#BBBBBB;
	padding-top:20px;	
}
#contents{
	text-align:-webkit-center;
	padding: 60px 0 0 0;
}
/*ヘッダー*/
header{
    position: fixed;
    z-index: 999;
}
#topcontents{
    position: relative;
}
/*スライド*/
.slideImg {
    width: 40%;
    height: 100%;
    margin: 0 0 0 5%;
    float: left;
}
.slick-slide img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 1%;
}

#heddingtxt{
	text-align:center;
	float: right;
   width: 50%;
   margin: 1% 3% 0% 2%;
}
#heddingtxt h2{
	font-family:Mamelon, sans-serif;
  font-weight:600;
  letter-spacing:0.2em;
}
#heddingtxt p{
	line-height:1.8em;	
}

/* スクロールボタン */

.downlink {
	clear:both;
    padding: 50px 0 30px 0;
    text-align: center;
}
.toplink {
    position: absolute;
    bottom: 20px;
    right: 0;
    left: 0;
    text-align: center;
    z-index: 999;
}

/* 全体のdl周り設定 */
#profilebox, #skillbox, #contactbox{
	width: auto;
	padding:50px 0 50px 0;
}

dl{
	padding:20px 0;	
}
dd, dt{
	padding: 5px;
	letter-spacing:0.1em;
    text-align: left;
}
dd{
	font-size:1em;
	overflow: hidden;
}
dt{
	float:left;	
	padding-right:10px;
	color:#D3D3D3;
	font-size:0.9em;
}

/* プロフィール */

#profilebox{
   position: relative;
	background-color:#004F7B;
	color:#FFFFFF;
	
}
.dlbox1 dt{
	width:100px;	
}
.dlbox2 dt{
	width:300px;
	color:#FFF;
	position:relative;
	font-size:1.1em;
}
.dlbox2 dt:before{
	content:	url(/image/content.png);
	position:absolute;
	bottom:-10px;
	left:0;
	color:#fff800;
}
.dlbox2last:before{
	content:none !important;
	position:absolute;
	bottom:-10px;
	right:50%;

}
.dlbox2 dd, .dlbox2 dt{
	padding:10px 0;
}
.dlbox2 dd{
	
	padding-left:10px;
	border-bottom:1px dotted #D3D3D3;
}
.box-in {
        text-align: left;
}
.box-in p{
	padding-top:10px;
}
.floatnone{
	clear:both;
}

/* スキル */

#skillbox{
   position: relative;
	background-color:#007849;
	color:#FFFFFF;
	
}
#skillbox dl{
	padding-left:20px;	
}
#skillbox dt, #skillbox dd{
		font-size:1.5em;
		color:#FFFFFF;
}
#skillbox dd{
	color:#FFD600;	
}
.skillText{
	padding: 0 20px 10px 20px;
}
.skillText p{
	font-weight:800;	
}


.box-in{
	width:80%;
	margin:0 auto;
    padding-bottom: 50px;
}
/* コンタクト */
#contactbox{
   position: relative;
	background-color:#E3E3E3;	
	color:#000000;
	height: 400px;
}
#contactbox a {
  color:#000000;
  text-decoration: none;
  transition:0.2s;
}
#contactbox a:hover { 
  color:#ffce00;
  text-decoration: none;
}
#contactbox a:active {
  color:#ffce00;
  text-decoration: none;
}
#contactbox a:visited {
  color:#262228;
  text-decoration: none;
}
#contactbox a:focus{
  color:#ffce00;
  text-decoration: none;	
}
#contactbox ul{
	padding-left:2%;
}
#contactbox ul li{
	color:#005593;
	font-weight:800;
	list-style-type:circle;
}
#contactbox .otoiawase{
  background-color: #005593;
  color: #fff;
  border-radius:5px;
}
#contactbox .otoiawase:hover {
  letter-spacing: 5px;
  opacity:0.8;
}
#contactbox .otoiawase {
  display: inline-block;
  width: 200px;
  height: 54px;
  text-align: center;
  text-decoration: none;
  line-height: 54px;
  outline: none;
}

#contactbox .otoiawase,
#contactbox .otoiawase::before,
#contactbox .otoiawase::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}

/*　↓メディアクエリ↓ */
@media (min-width: 1200px){
#heddingtxt {
    width: 40%;
    margin: 1% 5% 0% 4%;
    height: 100%;
    max-height: 700px;
}
.slideImg {
    width: 50%;
    margin: 0 0 0 1%;
}
 dt {
    font-size: 1.2em;
}
dd {
    font-size: 1.1em;
}
.box-in p {
    font-size: 1.2em;
}
}
@media (max-width: 768px){
.box-in {
    width: 95%;
}
.dlbox2 dt{
	width:30%;
	font-size:1em;
	min-width: 147px;
}

}

@media (max-width: 480px){
.dlbox2 dt:before{
	display:none;
}
.slideImg {
    width: 95%;
    height: auto;
    margin: 1% auto;
    float: none;
}
#heddingtxt {
    float: none;
    width: 80%;
    margin: 1% 3% 0% 2%;
}

    .dlbox2 dt {
    width: 100%;
    font-size: 120%;
    font-weight: 800;
}
.dlbox2 dt:before {
    bottom: -10px;
    left: 10%;
}
#skillbox dl {
    padding-left: 0px;
}
#skillbox dt, #skillbox dd {
    font-size: 1.2em;
}
.box-inText{
	 background-color: #015f3a;
    padding: 5px;
	 margin:5px;
}
#contactbox ul {
    padding-left: 10%;
}
#contactbox .contactbutton{
	text-align:center;	
}
}