body{
    background:#f0f0f0;
    font-family: 'Noto Sans JP', sans-serif;
	color: #333;
	font-size:1rem;
	line-height:1.85;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%; 
	word-wrap: break-word;
	overflow: hidden;
}
html {
  box-sizing: border-box;
  overflow-y: scroll; /* All browsers without overlaying scrollbars */
  -webkit-text-size-adjust: 100%; /* iOS 8+ */
line-height: 100%;
}
a{
	color: #333;
	text-decoration: none;
    outline: none;
}

img{
    width:100%;
	height: auto;
	vertical-align:top;
}

*{
    box-sizing: border-box;
  margin:0;
  padding: 0;
}
.clear {
	clear: both;
}
hr {
    color: #e5ddcb;
    margin: 24px 0;
}
/***** main_col *****/
#all{
  width: 1000px;
  margin: 0px auto 60px;
	padding: 0px 0px;
}
.content{
background: #fff;
margin:0px 0px 40px 0px;
padding:20px;

    flex-wrap:wrap;
}
.left{
	width:200px;
	float:left;
	margin:0px 20px 40px 0px;
	padding:0;
background: #f6f6f6;
}
.right{
	width:780px;
	float:right;
	margin:0px;
	padding:0px;

}
.right-con{
background: #fff;
margin:0px 0px 40px 0px;
padding:20px;

    flex-wrap:wrap;
}
/* header */

#header{
    padding:30px 70px 40px 130px;

    justify-content: space-between;
    align-items: center;
    text-transform: uppercase;
}

@media screen and (max-width:960px) {
#header {
    padding: 5px 30px 0 90px;
    }
}

@media screen and (max-width:870px) {
#header {
    padding: 5px 30px;
    justify-content: center;
    }    
}

#header img {
  width: 400px;
  padding: 10px 0px;
}

#header .header-area{
	display: block;
text-align:right;
    justify-content: space-between;
    align-items: center;
}

#header ul{
    font-weight: bold;
    letter-spacing: 0.1em;
    margin: 0 20px 0 0;
}
#header li{
    display: inline-block;
}

#header ul li:not(:last-child):after{
    content: "/";
    margin: 0 5px;
}
/* page-top */
#page-top {
  margin: 40px 0px;
  text-align: center;
  color: #337ab7 !important;
}

/* footer */

#footer{
    border-top:1px solid #46a695;
    position: relative;
	text-transform: uppercase;
		font-size:0.8em;
  clear: both;
  padding: 40px 0 20px;
	background-color: #a6aaba;
	color:#fff;
}
#footer a{
		color:#fff;
}
#footer .footer-logo{
    font-weight: bold;
    letter-spacing: 0.3em;
    margin: 0 0 50px 0;
    color: #666;
}

#footer small{
     color:#888;
}
.copy{
  text-align: center;
  margin: 20px 0px;
}

.f-box{
    display: flex;
margin: 0px auto 0px;
    justify-content: space-around;
    -wrap: wrap;
	width:1000px;
}
.f-box article{
     width:30%;
	margin-bottom:20px;
}
.f-box ul{
    font-weight: bold;
	letter-spacing: 0.1em;
	width: fit-content;
margin: 0px auto 0px;
}
.f-box a{color: #655c4b;}
@media screen and (max-width: 860px) {
	
		.f-box{
		width:100%;
		padding:0px 10px;
	}
}

@media screen and (max-width: 767px){
	#footer{
		padding: 0px 0 20px;
	}
	.f-box{
		    display: block;
		width:100%;
		padding:40px 10px;
	}
.f-box article{
     width:100%;
		padding:10px 0px;
margin-bottom:0px;
	}
.f-box ul{
		margin: 0px 0px 0px 10%;
		float:none;
	}
}

/* コンテンツ */

/*****left *****/
.left ul{
	margin:0;
padding:0px;
list-style:none;
}

.left li  {
  margin: 0px 0px 5px 0px;
  padding: 5px 5px 5px 1em;
  font-size: 14px;
  border-bottom: 1px solid #33427b;
border-left: 1px solid #33427b;
  font-weight: normal;
}
/*****right *****/
.right ul{
	margin:1em 0px 1em 2em ;
padding:0px;

}

.title {
    margin: 0px 0px 40px;
	padding: 0px;
	line-height:0;
}
.title-h2{
margin:40px 0px 40px;
font-size: 1.6em;
}
.title-h2:first-letter {
  font-size: 2em;
  color: #33427b;
	padding-right:0.2em;
}
.title-jp{
  font-size: 0.8em;
font-weight:normal;
padding-left:0.5em;
}
.cap2{
margin:40px 0px 20px;
padding:0.5em 1em;
background-color:#33427b;
color:#fff;
box-shadow: 0 3px 6px rgba(0,0,0,0.2);
border-radius:0.5em;
}
.cap3 {
  border-bottom: solid 3px #ccc;
	position: relative;
padding: 0;
  margin: 60px 0 25px 0;
  font-size: 1.4em;
}

.cap3:after {
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #33427b;
  bottom: -3px;
  width: 20%;
}
.cap4{
margin: 0px 0px 20px 0px;
font-size: 1.4em;
}
.cap4 span {
  padding: 0px 0.5em;
  background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #98bfd8 0%) repeat scroll 0 0;
}
.cap5 {
  margin: 40px 0px 10px 0px;
  padding: 0;
  font-size: 1.2em;
  font-weight: bold;
  color: #33427b;
}
.cap6 {
  margin: 0px 0px 0px 0px;
  padding: 0;
  font-size: 1em;
   font-weight: bold;
}
.table1 {
    border: 1px solid #e7e7e7;
    border-collapse: collapse;
    margin: 14px 0px;
    padding: 0;
    width: 100%;
background-color:#fff;
}
.table1 tr{
	border-bottom: 1px solid #e7e7e7;
}
.table1 .td1-1{
	padding: 8px;
	font-weight: normal;
	text-align:left;
	vertical-align: top;
	width: 50%;
}
.table1 .td1-2{
	padding: 8px;
    vertical-align: top;
    width: 50%;
}
.table1 ul {
	margin:0 !important;
    padding:0px 0px 0px 1em;
}
.nav-bar{
  margin: 10px 0px;
}
.nav-bar li {
  display: inline-block;
margin:0px 1em 0px 0px;
padding:4px 1em;
border:2px solid #33427b;
border-radius:1em;
}
.nav-bar li:hover {
    color: #ffffff;
    background-color: #33427b;
}
.nav-bar a:hover {
    color: #ffffff;
}