/*****基本の設定*****/

body{
width:1000px;
margin:auto;
text-align:center;
color:#222d5b;
font-family:serif;
letter-spacing:0.2em;
line-height:1.5em;
}

@media screen and (max-width:1000px){
	body{
	width:100%;
	}
}



/*****分岐の設定*****/

/*パソコンで見たときは"pc"のclassがついたほうが表示される*/
.pc{
display:block !important;
}
.sp{
display:none !important;
}

/*スマートフォンで見たときは"sp"のclassがついたほうが表示される*/
@media only screen and (max-width:1000px){
	.pc{
	display:none !important;
	}
	.sp{
	display:block !important;
	}
}

/*1000px以上のとき"pc1000"のclassがついたほうが表示される*/
.pc1000{
display:block !important;
}
.sp1000{
display:none !important;
}

/*1000px以下のとき"sp1000"のclassがついたほうが表示される*/
@media only screen and (max-width:1000px){
	.pc1000{
	display:none !important;
	}
	.sp1000{
	display:block !important;
	}
}



/*****画像の扱い*****/

img{
outline:none;
border-style:none;
}



/*****汎用性*****/

.huchidori{
box-shadow:0px 0px 10px gray;
}

.chiisaku{
font-size:0.8em;
}

.chuou{
text-align:center;
}

@media screen and (max-width:1000px){
	.gazou100 img{
	width:100%;
	}
}

.hidari{
text-align:left;
}


/*****基本の設定見出し*****/

h1{
text-align:center;
color:#436281;
font-family:sans-serif;
font-weight:bold;
font-size:2.2em;
line-height:1.3em;
margin:30px 0 20px 0;
}

h2{
color:#436281;
font-family:sans-serif;
font-weight:bold;
font-size:1.8em;
line-height:1.2em;
margin:50px 0 20px 0;
}

h3{
color:#436281;
font-family:sans-serif;
font-weight:bold;
font-size:1.6em;
line-height:1.2em;
margin:50px 0 20px 0;
}

h4{
color:#436281;
font-family:sans-serif;
font-size:1.3em;
line-height:1.2em;
margin:30px 0 20px 0;
}

h5{
color:#436281;
font-family:sans-serif;
font-size:1.1em;
line-height:1.2em;
margin:10px 0 5px 0;
}



/*****基本の設定リンク*****/
a:link{
color:#222d5b;
}

a:visited{
color:#222d5b;
}

a:hover{
color:#7182c6;
text-decoration:none;
transition-duration:0.3s;
}

a[name]:hover{
color:#7182c6;
}

a:hover img{
opacity:0.8;
transition-duration:0.5s;
}



/****youtube用設定****/
.youtube{
position:relative;
width:100%;
/**max-width:560px;**/
}

.youtube::before{
content:"";
display:block;
width:100%;
padding-top:56.25%;
}

.youtube iframe{
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
}



/****iframe横幅設定****/
.yokohaba{
position:relative;
width:100%;
height:0;
padding-top:75%;
}

.yokohaba iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}



/*****headerエリア*****/

.bg-slider{
height:500px;
background-position:center;
background-size:cover;
display:flex;
align-items:center;
justify-content:center;
}



/*****sectionエリア*****/

section{
width:500px;
padding:30px 0 0 0;
text-align: justify; // Required for IE and Edge 
text-align-last: right;
margin:auto;
}

@media screen and (max-width:500px){
	section{
	width:90%;
	}
}


/*****footerエリア*****/

footer{
background-color:#e9edef;
margin-top:20px;
padding:20px 0 120px 0;
font-size:0.9em;
line-height:1.6em;
letter-spacing:0.2em;
}

.copy{
font-size:0.8em;
letter-spacing:0.2em;
}