body{
font-family: "A1 Mincho";
text-align: center;
color: black;
}


/*↓リンクの下線はなし、マウスオンで下線あり*/
a { text-decoration: none;  color: #000 !important; }
a:hover { text-decoration: underline;}
 
a:link { color: #000 !important; }　/*リンクの色*/
a:visited { color: #000 !important; }　/*訪問済みリンクの色*/
a:hover { color: #000 !important; }　/*マウスオン時のリンクの色*/
a:active { color: #000 !important; }　/*クリックしている時のリンクの色*/

.row {
	margin: 20px 0;
}
section {
	margin: 40px 0;
}
p {
	font-size: 16px;
	line-height: 32px;
font-family: "A1 Mincho";
}
.font-size13 {
	font-size: 13px;
	line-height: 2.6;
	font-family: "A1 Mincho";
}
.font-size14 {
font-family: "A1 Mincho";
	font-size: 14px;
line-height: 2.4em;
padding-top: 20px;
}
.font-size16 {
font-family: "A1 Mincho";
font-size: 16px;
line-height: 2.6em;
padding-top: 20px;
}
.font-size18 {
	font-size: 18px;
}
.font-size20 {
　padding: 40px 0 12px;
	font-size: 20px;
	line-height: 3;
	font-weight: 600;
}
.font-size28 {
	font-size: 28px;
	line-height: 1.6;
font-family: 'Parisienne', cursive;
}
.font-size12 {
	font-size: 12px;
	line-height: 2;
	font-family: "A1 Mincho";
	font-weight: 600;
}
.font-size32 {
	padding-top:60px;
	font-size: 32px;
	font-family: "A1 Mincho";
	font-weight: 600;
	line-height: 1.2;
}

.profile-title {
		margin: 0 auto 40px;
		width: 100%;
		height: 200px;
		background-image: url("../img/profile-title.jpg");
		background-repeat: repeat;
		background-position: center center;
top: 160;
}

.news-title {
		margin: 0 auto 40px;
		width: 100%;
		height: 200px;
		background-image: url("../img/news-title.jpg");
		background-repeat: repeat;
		background-position: center center;
}

.career-title {
		margin: 0 auto 40px;
		width: 100%;
		height: 200px;
		background-image: url("../img/career-title.jpg");
		background-repeat: repeat;
		background-position: center center;
}

.contact-title {
		margin: 160px auto 120px;
		width: 100%;
		height: 200px;
		background-image: url("../img/contact-title.jpg");
		background-repeat: repeat;
		background-position: center center;
}

.title-textbox {
		margin: 0 auto 0;
		padding: 20px 20px 0;
		width: 240px;
		height: 80px;
		top: 60px;
		position: relative;
		font-size: 60px;
		text-align: center;
		line-height: 0.8em;
		font-family: 'Parisienne', cursive;
		color: #000;
		font-weight: bold;
}


@media only screen and (min-width: 481px){
.spNone{
	display: none;
}

}
a:hover img {
   opacity: 0.5;
}

.cb-header {
  position: fixed; /* ヘッダーバーを固定 */
  top: 0; /* 上から0の位置に固定 */
  left: 0; /* 左から0の位置に固定 */
  display: none; /* ヘッダーバーを非表示 */
}

#title {
margin-top: 75px;
width: 100%;
}
/*------------------------------------------------------------
	footer
------------------------------------------------------------*/

footer {
	margin: 20px auto;
padding: 20px auto;
	width: 100%;
	color: #000;
border-top:1px #ccc solid;
font-family:"リュウミン M-KL","Ryumin Medium KL";
}

.contact-mail {
font-size: 1.8em;
margin: 20px auto;
padding-bottom:80px;
font-family: 'Parisienne', cursive;
}

/* --responsive------------------------------------------- */

/* 640pixel start */
@media screen and ( max-width : 640px ){

}


#s01{
	background: url(../img/bg01.jpg) no-repeat center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	position:relative;
}
#s01 h1{
	margin-bottom:5px;
}
#s01 .detail{
	position:absolute;
	top:50px;
	left:50px;
	background:#FFFFFF;
	width:300px;
	padding:10px;
}
#s01 .scroll{
	position:absolute;
	bottom:40px;
	left:50%;
	margin-left:-40px;
}
#s02{
	height:550px;
}
#s02 div{
	margin-left:20px;
}
#s02 h1{
	margin:20px 0;
}
small{
	display:block;
	text-align:center;
}

/* --letter------------------------------------------- */


.letter {
 background-image: url(../img/letter.jpg);
 padding: 1em;
 border: 1px solid #eee;
 border-right: 2px solid #eee;
 border-bottom: 2px solid #eee;
}
.letter p {
 font-size: 1em;
 line-height: 2.2em;
 padding-bottom: 0.25em;
 display: inline;
 border-bottom: 1px dotted #999;
 color: #777;
}


.note{
    position: relative;
    background-color: #ffffe7;
    background-image:
    linear-gradient(rgba(241,207,164,0.5) .1em, transparent .1em);
    background-size: 100% 1.5em;
padding: 1.4em;
    line-height:32px;}

.note-text{
text-align: left;
}


.polaroid {
	/* position: relative;
	 max-width: 100%;
	 max-width: 100%;
	 border: 10px solid #e6e6fa;
	 border-bottom: 15px solid #e6e6fa;
	 -webkit-box-shadow: 3px 3px 3px #777;
	 -moz-box-shadow: 3px 3px 3px #777;
	 box-shadow: 3px 3px 3px #777;
	 max-width: 100%;
	 background-color: #e6e6fa;*/
	   max-width: 100%;
	   border: 10px solid #e6e6fa;
	   border-bottom: 15px solid #e6e6fa;
	   -webkit-box-shadow: 3px 3px 3px #777;
	   -moz-box-shadow: 3px 3px 3px #777;
	   box-shadow: 3px 3px 3px #777;
	   max-width: 820px;
	   background-color: #e6e6fa;
	   margin: 0 auto;
   }
	 
   .polaroid img {
	 /*: 10px solid #e6e6fa;
	 border-bottom: 45px solid #e6e6fa;
	 -webkit-box-shadow: 3px 3px 3px #777;
	-moz-box-shadow: 3px 3px 3px #777;
   box-shadow: 3px 3px 3px #777;*/
	 max-width: 100%;
   }
	 
   .polaroid p {
	 /*position: absolute;*/
	 text-align: center;
	 width: 100%;
	 bottom: 0px;
	 color: #756F61;
	 font-size:1em;
	 line-height:1.4;
   margin: 10px auto 0 auto;
   
   }

.img-responsive {
  display: block;
  height: auto;
  max-width: 100%;
}