/* cssリセット */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,input,article,aside,footer,header,hgroup,nav,section {margin:0px; padding:0px;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section { display:block;clear: both}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,dt { font-size:1em; font-style:normal; font-weight:normal;}
ul,ol { list-style:none; }
form label { cursor:pointer;}
input {	vertical-align:middle; }
table {	border-collapse:collapse; border-spacing:0px; font-size:inherit; font:100%;	}
img {border:none; line-height:1em; vertical-align:bottom;}

.clearfix:after {
    content: "."; 
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

body{
	background: #322d1e;
	font-family: 'A1 Mincho';
}

#wrapper{
	width: 800px;
	margin: 0 auto;
}

header{
	position: relative;
}

.home_btn a{
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 20px;
	right: 35px;
	width: 170px;
	height: 35px;
}

#lead{
	text-align: center;
	font-size: 18px;
	line-height: 2;
	background: #d7d7cd;
	padding: 60px 0;
	letter-spacing: 2px;
}

#contents{
	background: #afb9af;
	padding: 50px 0;
}

.contents_ttl{
	text-align: center;
}

.contents_ttl img{
	width: 81px;
}

.contents_list{
	padding-left: 225px;
}

.contents_list li{
	padding-top: 50px;
}

.contents_1 img{
	width: 322px;
}

.contents_2 img{
	width: 343px;
}

.contents_3 img{
	width: 291px;
}

.contents_4 img{
	width: 319px;
}

.contents_5 img{
	width: 157px;
}

.gray{
	opacity: 0.5;
}

#person{
	background: #d7d7cd;
	padding: 50px 0 0 75px;
}

.person_box{
	padding-bottom: 45px;
}

.person_box dt{
	float: left;
	width: 225px;
}

.person_box dd{
	float: left;
}

.name_img{
	padding: 25px 0 10px; 
}

.name_takahashi img{
	width: 254px;
}

.name_kouno img{
	width: 236px;
}

.person_box dd p{
	font-size: 14px;
	line-height: 2;
}

#talk{
	background: #ffffff;
}

.talk_inbox{
	width: 620px;
	padding: 50px;
	margin: 0 auto;
}

.talk_inbox h2{
	text-align:center;
	padding-bottom: 25px;
}

.talk_inbox h2.ttl_1 img{
	width: 484px;
}

.talk_inbox h2.ttl_2 img{
	width: 512px;
}

.talk_inbox h2.ttl_3 img{
	width: 435px;
}

.talk_inbox h2.ttl_4 img{
	width: 478px;
}

.talk_inbox h2.ttl_5 img{
	width: 236px;
}


.ttl_btm{
	background: #d7d7cd;
	height: 6px;
	border: none;
	border-radius: 3px;
	margin-bottom: 50px;
}

.talk_contents{
	padding: 0 0 40px 100px;
	letter-spacing: 2px;
}

.talk_contents dt{
	float: left;
	width: 60px;
	padding-top: 2px;
}

.talk_contents dt img{
	width: 35px;
}

.talk_contents dd{
	float: left;
	font-size: 16px;
	line-height: 2;
}

.photo_box{
	padding-bottom: 50px;
}

.continue_txt{
	font-size: 16px;
	padding: 25px 0 45px 0;
	text-align: center;
}

.date{
	font-size: 13px;
	text-align: center;
}

.prev_next_btn{
	padding-top: 70px;
	padding-left: 60px;
}

.prev_next_btn li a{
	display: block;
}

.prev_btn{
	float: left;
	width: 81px;
	padding-right: 105px;
}

.prev_btn img{
	width: 81px;
}

.index_btn{
	float: left;
	width: 133px;
	padding-right: 105px;
}

.index_btn img{
	width: 133px;
}

.next_btn{
	float: left;
	width: 84px;
}

.next_btn img{
	width: 84px;
}

.hide{
	display: none;
}

#magazine{
	background: #afb9af;
}

.magazine_txt{
	padding-top: 50px;
	text-align: center;
}

.magazine_txt img{
	width: 396px;
}

.magazine_box{
	padding: 42px 0 40px 60px;
}

.magazine_box dt{
	float: left;
	width: 350px;
	padding-top: 8px;
}

.magazine_box dd{
	float: left;
	width: 380px;
	font-size: 16px;
	line-height: 2;
}

.magazin_data{
	padding-top: 30px;
}

footer{
	background: #ffffff;
	padding-top: 40px;
}

.sns_btn{
	padding: 45px 0 45px 214px;
}

.tw_btn{
	float: left;
	width: 50px;
	padding-right: 110px;
}

.fb_btn{
	float: left;
	width: 50px;
	padding-right: 110px;
}

.line_btn{
	float: left;
	width: 50px;
}

.tw_btn img,
.fb_btn img,
.line_btn img{
	width: 50px;
}

.sns_top{
	background: #d7d7cd;
	height: 6px;
	border: none;
	border-radius: 3px;
	width: 625px;
	text-align: center;
	margin: 0 auto;
}

.sns_btm{
	background: #d7d7cd;
	height: 6px;
	border: none;
	border-radius: 3px;
	width: 625px;
	text-align: center;
	margin: 0 auto;
}

.mail_home_btn{
	padding: 40px 0 50px 214px;
}

.mail_btn{
	float: left;
	width: 118px;
	padding-right: 112px;
}

.mail_btn img{
	width: 118px;
}

.footer_home_btn{
	float: left;
}

.footer_home_btn img{
	width: 137px;
}

.copyright{
	text-align: center;
	padding-bottom: 33px;
}

.switch_pc{
	display: block;
}

.switch_sp{
	display: none;
}

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

.sp_hide{
	display: none;
}

#wrapper{
	width: auto;
}

header h1 img{
	width: 100%;
}

.home_btn a{
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 5px;
	right: 5%;
	width: 22%;
	height: 25px;
}

#lead{
	text-align: left;
	font-size: 16px;
	line-height: 1.7;
	padding: 30px 15px;
}

#contents{
	padding: 40px 0;
}

.contents_list{
	padding:0 9%;
}

.contents_ttl img{
	width: 19%;
}

.contents_list li{
	padding-top: 35px;
}

.contents_1 img{
	width: 91%;
}

.contents_2 img{
	width: 100%;
}

.contents_3 img{
	width: 83%;
}

.contents_4 img{
	width: 91%;
}

.contents_5 img{
	width: 45%;
}

#person{
	padding: 40px 15px 0 15px;
}

.person_box{
	padding-bottom: 30px;
}

.person_box dt{
	float: none;
	width: auto;
	text-align: center;
}

.person_box dd{
	float: none;
}

.name_img{
	padding: 20px 0 10px;
	text-align: center;
}

.name_takahashi img{
	width: 76%;
}

.name_kouno img{
	width: 70%;
}

.person_box dd p{
	font-size: 13px;
}

.talk_inbox{
	width: auto;
	padding: 40px 10px;
	margin: 0 auto;
}

.talk_inbox h2{
	padding-bottom: 18px;
}

.talk_inbox h2.ttl_1 img{
	width: 88%;
}

.talk_inbox h2.ttl_2 img{
	width: 93%;
}

.talk_inbox h2.ttl_3 img{
	width: 79%;
}

.talk_inbox h2.ttl_4 img{
	width: 87%;
}

.talk_inbox h2.ttl_5 img{
	width: 43%;
}

.ttl_btm{
	background: #d7d7cd;
	height: 3px;
	border-radius: 1px;
	margin-bottom: 35px;
}

.talk_contents{
	padding: 0 10px 30px 10px;
}

.talk_contents dt{
	float: none;
	width: auto;
	padding-top: 0px;
}

.talk_contents dt img{
	width: 32px;
}

.talk_contents dd{
	float: none;
	font-size: 16px;
	line-height: 2;
	padding-top: 10px;
}

.photo_box{
	padding: 0 5px 40px;
}

.photo_box img{
	width: 100%;
}

.continue_txt{
	font-size: 16px;
	padding: 25px 0 40px 0;
}

.date{
	font-size: 14px;
	text-align: center;
}

.prev_next_btn{
	padding-top: 40px;
	padding-left: 0;
}

.prev_btn{
	width: 21%;
	padding-right: 8%;
	padding-left: 3%;
}

.prev_btn img{
	width: 100%;
}

.index_btn{
	width: 35%;
	padding-right: 8%;
	padding-top: 50px;
}

.index_btn img{
	width: 100%;
}

.next_btn{
	width: 21%;
}

.next_btn img{
	width: 100%;
}

.magazine_txt{
	padding: 30px 10px 0;
	text-align: center;
}

.magazine_txt img{
	width: 100%;
}

.magazine_box{
	padding: 20px 15px 35px;
}

.magazine_box dt{
	float: none;
	width: auto;
	padding-top: 0px;
	text-align: center;
}

.magazine_box dt img{
	width: 55%;
}

.magazine_box dd{
	float: none;
	width: auto;
	font-size: 13px;
	line-height: 2;
	padding-top: 20px;
}

.magazin_data{
	padding-top: 20px;
}


footer{
	padding-top: 25px;
}

.sns_btn{
	padding: 30px 7% 25px 7%;
}

.tw_btn{
	width: 14%;
	padding-right: 29%;
}

.tw_btn img,
.fb_btn img,
.line_btn img{
	width: 100%;
}

.fb_btn{
	width: 14%;
	padding-right: 29%;
}

.line_btn{
	width: 14%;
}

.sns_top{
	height: 3px;
	border-radius: 1px;
	width: 92%;
	text-align: center;
}

.sns_btm{
	height: 3px;
	border-radius: 1px;
	width: 92%;
	text-align: center;
}

.mail_home_btn{
	padding: 25px 7% 35px 7%;
}

.mail_btn{
	float: left;
	width: 31%;
	padding-right: 30%;
}

.mail_btn img,
.footer_home_btn img{
	width: 100%;
}

.footer_home_btn{
	width: 37%;
}

.copyright{
	padding-bottom: 5px;
	width: 61%;
	margin: 0 auto;
}

.copyright img{
	width: 100%;
}

.switch_pc{
	display: none;
}

.switch_sp{
	display: block;
}

}