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

.hoverOp:hover {
	filter: alpha(opacity=40);
	opacity: 0.4;
}
a:link{text-decoration: none; }
a:visited{text-decoration: none; }
a:hover{text-decoration: none; }

p { padding-top:1em; }

body {
background-image: -webkit-gradient(linear, left top, left bottom
                , from(#77ffff)
                , to(#ffff66));
				/* IE 10 */
background: linear-gradient(to bottom, #77ffff, #ffff66);
}
.wrapper{
width: 600px;
margin:0 auto;
}

/*タイトル
 * --------------------------------------------------------*/
.title_img {
width:600px;
margin-top:100px;
margin-bottom:100px;
}

/*本文
 * --------------------------------------------------------*/
.midashi {
margin-left:80px;
margin-bottom:40px;
}
.midashi .title{
font-size:36px;
line-height: 2em;
letter-spacing: 0.05em;
color: #000;
font-family: "A1 Mincho", 'A1明朝', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.midashi .name{
font-size:22px;
line-height: 2em;
letter-spacing: 0.05em;
color: #000;
font-family: "A1 Mincho", 'A1明朝', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.honmon{
margin-left:80px;
font-size:16px;
line-height: 2.25em;
letter-spacing: 0.005em;
color: #000;
font-family: "A1 Mincho", 'A1明朝', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
margin-bottom:40px;
}
.signature{
text-align: right; 
margin-right:80px;
margin-bottom:80px;
font-family: "Shuei KakuGo Gin L", '秀英角ゴシック銀 L', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", ”Meiryo, Osaka”, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:14px;
line-height: 1.75em;
letter-spacing: 0em;
}
.signature .text{
margin-bottom:16px;
}

/*フッター
 * --------------------------------------------------------*/
.fotter{
text-align:center;
width: 420px;
margin:0 auto;
padding-top:70px;
padding-bottom:100px;
}
.fotter .btn{
text-align:center;
margin:0 auto;
width: 420px;
margin-bottom:40px;
overflow:hidden;
}
.fotter .btn .btn1{
float:left;
padding-right:16px;
padding-left:16px;
}
.fotter .copyright{
text-align:center;
margin:0 auto;
}


@media only screen and (max-width: 479px) {

.wrapper{
width: 90%;
margin:0 auto;
}
	
/*スマホ対応 タイトル
 * --------------------------------------------------------*/
.title_img {
width: 100%;
margin-top:40px;
margin-bottom:40px;
}
.title_img img{
width: 100%;
}

/*スマホ対応 本文
 * --------------------------------------------------------*/
.midashi {
margin-left:0px;
margin-bottom:10px;
text-align: center; 
}
.midashi .title{
font-size:23px;
line-height: 2em;
letter-spacing: 0em;
}
.midashi .name{
font-size:20px;
line-height: 2em;
letter-spacing: 0em;
}
.honmon{
margin-left:0px;
font-size:16px;
line-height: 2.25em;
letter-spacing: 0em;
margin-bottom:20px;
}
.signature{
text-align: right; 
margin-right:0px;
margin-bottom:60px;
font-size:14px;
line-height: 1.75em;
letter-spacing: 0em;
}
.signature .text{
margin-bottom:16px;
}

/*スマホ対応 フッター
 * --------------------------------------------------------*/
.fotter{
width: 100%;
padding-top:40px;
padding-bottom:50px;
}
.fotter .btn{
width: 305px;
margin:0 auto;
}
.fotter .btn .btn1{
padding-right:4px;
padding-left:4px;
padding-bottom:40px;
}
.fotter .copyright{
width: 80%;
margin:0 auto;
}

}
