@charset "UTF-8";
/* CSS Document */


.Artact-midasi {
margin-left: 20px;
font-weight: 200;
font-size: 28px;
margin-top: 0px;
	  padding-top: 0px;
}

.Artact-sub { 
	margin-left: 20px;
	font-weight: 300;
	 font-size: 12px;
	padding: 0px;
}
.Artact-name { 
	margin-left: 10px;
	 font-size: 20px;
	font-family: "ヒラギノ丸ゴ Pro W3", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", HGMaruGothicMPRO;
	font-weight: normal;
	padding: 0px;
}

.resizeimage img { max-width: 100%; }

.text-small{
	font-size: 10px;
	font-weight: 300;
	width: 80%;
	height: 100px;
	margin-left: 50px;
	text-align: left;
	margin:  0 auto;    /* 中央寄せ */
}



.headline {
    font-size: 18px;
    background: #eaf5f9;
    padding: 1rem 1rem 1rem 2.5rem;
    position: relative;
    color: #090240;
	}

headline:before {
    position: absolute;
    top: 20%;
    left: 20px;
    width: 6px;
    height: 60%;
    content: '';
    border-radius: 3px;
    background: #27acd9;
}


.container {
  width: 100%;

  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.container-art {
   text-align: left;
  padding-right: 15px;
  padding-left: 0x;
}
 
.container-art2 {
   text-align: left;

}
.img-fluid {max-width: 100%; , height: auto;}
	

.Artact-title{ 
	margin-left: 30px;
		margin-top: 40px;
}


.box {
	position: relative;
	border-radius: 30px; /* 角を丸くする */
  padding: 30px;
background: #ffffff;
margin:  0 auto;    /* 中央寄せ */
line-height: 2.0em
}

.box2 {
	position: relative;
  padding: 5px;
margin:  0 auto;    /* 中央寄せ */
}

.box3 {
	position: relative;
    padding-left: 30px;

}

.col-artart-8 {
    padding-right: 15px;
    padding-left: 15px;
	
  -ms-flex: 0 0 66.666667%;
  flex: 0 0 66.666667%;
  max-width: 66.666667%;

margin:  0 auto;    /* 中央寄せ */
border-radius: 30px; /* 角を丸くする */
	}

.col-art-9 {
    padding-right: 15px;
    padding-left: 15px;
	
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;

margin:  0 auto;    /* 中央寄せ */
border-radius: 30px; /* 角を丸くする */
	
	}

.col-art-3 {
	
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;

margin:  0 auto;    /* 中央寄せ */
	}

.col-art-4 {
	
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.333333%;

margin:  0 auto;    /* 中央寄せ */

	

	}
	
	

.col-art-12{
margin:  0 auto;    /* 中央寄せ */
text-align: left;
	}
	

.col-art2-12{
	 width: 80%;
padding-left: 80px;
text-align: left;
	}