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

body{
	font-family: Hiragino Kaku Gothic Pro,ヒラギノ角ゴ Pro W3,Meiryo,メイリオ,ＭＳ\ Ｐゴシック,MS PGothic,Verdana,sans-serif;
	font-size:14px;
	color:#333;
    word-wrap: break-word;
    overflow-wrap: break-word;
	margin:0;
	padding:0;
	background-color:#f5f5f5;
	}

a{color: #006dd9;border:none;}
a,a:visited{text-decoration:none}
a:visited{/* color:#7f5ad7; */}
a:active{text-decoration:none;
color:#006dd9}
a:hover{text-decoration:underline;color: #006dd9;}

#content {
  margin: 0 auto;
  background-color:#ffffff;
  max-width: 700px;
  padding-top:25px;
  padding-bottom:70px;
 }

#content2 {
    margin: 0 auto;
    max-width: 650px;
    width: 100%;
}


h1 {
  padding: 5px 10px;
  margin: 0 0 1em 0;
  background-color: #E3F1E7;
  border-left: 6px solid #A7D1A8;
  font-size:150%;
}

h2 {
  position: relative;
  padding-bottom: .2em;
  border-bottom: 4px solid #E3F1E7;
  font-size:130%;
}


h2::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  z-index: 2;
  content: '';
  width: 20%;
  height: 4px;
  background-color: #A7D1A8;
}


h3 {
  font-size:120%;
  margin:0;
  padding:0;
}

h4 {
  font-size:100%;
  font-weight:bold;
  margin:0;
  padding:0;
}

section {
	padding:0 2em;
	margin-bottom:3em;
}

p {
	margin:0 0 1em 0;
}

p.in {
	padding-left:1em;
	margin:0 0 1em 0;
}

p.in2 {
	padding-left:2em;
	margin:0 0 1em 0;
}

ul, ol {
	padding:0 0 1em 2em;
	margin:0;
}


/* 幅699px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width: 699px){
#content2 {
    margin: 0 auto;
    max-width: none;
    width: 95%;
}

}