
/* //////////////////////////////////////////////////////////////////// */

.title_takahashi {
	margin-top:300px;
	text-align:center;
	background-color:#FFF;
}

h4 {
	text-align:center;
  position: relative;
  display: inline-block;
  font-family: 'Noto Serif JP', serif;
  letter-spacing:0.2em;
  padding:0 0 30px 0;
  font-weight:normal;
  font-size:3em;
  color:#333;
}
h4:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 60px;
  height: 2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #333;
  border-radius: 2px;
}
h5 {
  position: relative;
  font-family: 'Noto Serif JP', serif;
  letter-spacing:0.3em;
  padding:60px 0 0 0;
  font-weight:normal;
  font-size:1em;
  color:#333;
}

@media screen and (max-width: 840px) {
.title_takahashi {
	margin-top:130px;
	text-align:center;
}

h4 {
	text-align:center;
  position: relative;
  display: inline-block;
  font-family: 'Noto Serif JP', serif;
  letter-spacing:0.2em;
  padding:40px 0 20px 0;
  font-weight:normal;
  font-size:2em;
  color:#333;
}
h4:before {
  content: '';
  position: absolute;
  bottom: -15px;
  display: inline-block;
  width: 60px;
  height: 2px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #333;
  border-radius: 2px;
}
h5 {
  position: relative;
  font-family: 'Noto Serif JP', serif;
  letter-spacing:0.3em;
  padding:40px 0 0 0;
  font-weight:normal;
  font-size:1em;
  color:#333;
}
}





/* //////////////////////////////////////////////////////////////////// */



.mainarea_takahashi {
	width:950px;
	margin-left: auto;
	margin-right: auto;
}
.takahashi_first {
	width:100%;
	margin-top:100px;
	background-color:#000;
	padding:50px 0;
}
.takahashi_first_text_area {
	width:620px;
	margin-left:330px;
}
.takahashi_first_text1 {
	font-family: 'Noto Serif JP', serif;
	font-size:1.2em;
	letter-spacing:0.1em;
	line-height:2em;
	color:#FFF;
}
.takahashi_soto {
	z-index:1;
	text-align:center;
	position:absolute;
}
.takahashi_soto_img {
	margin-top:-100px;
    width: 300px;
	height: 300px;
}

@media screen and (max-width: 840px) {
.mainarea_takahashi {
	width:100%;
}
.takahashi_first {
	width:100%;
	margin-top:100px;
	background-color:#000;
	padding:10px 0;
	display: flex;
  flex-direction: column;
  align-items: center;
}
.takahashi_first_text_area {
	width:90%;
	margin-top:180px;
	margin-bottom:50px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
}
.takahashi_first_text1 {
	font-family: 'Noto Serif JP', serif;
	font-size:1.1em;
	letter-spacing:0.1em;
	line-height:2.4em;
	color:#FFF;
}
.takahashi_soto {
	width:100%;
	text-align:center;
}
.takahashi_soto_img {
	margin-top:-90px;
    width: 250px;
	height: 250px;
}
}




/* //////////////////////////////////////////////////////////////////// */







.mainarea_takahashi2 {
	z-index:2;
	position:relative;
	width:950px;
	margin-left: auto;
	margin-right: auto;
	background-color:#FFF;
	text-align:left;
}
.takahashi_first_text2 {
	padding:50px 0 10px 0;
	font-family: 'Noto Serif JP', serif;
	font-size:1em;
	letter-spacing:0.1em;
	line-height:2em;
	color:#333;
}

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

.mainarea_takahashi2 {
	width:80%;
	margin-left: auto;
	margin-right: auto;
	background-color:#FFF;
	text-align:left;
}
.takahashi_first_text2 {
	padding:30px 0 10px 0;
	font-family: 'Noto Serif JP', serif;
	font-size:1em;
	letter-spacing:0.1em;
	line-height:2.1em;
	color:#333;
}
}





/* //////////////////////////////////////////////////////////////////// */






.mainarea_craftsman {
	width:100%;
	background:#fff9e5;
	margin-top:100px;
	padding:100px 0;
	text-align:center;
}
.mainarea_craftsman_in {
	width:950px;
	margin-left: auto;
	margin-right: auto;
	padding-top:50px;
}
.mainarea_craftsmans_photo {
	display: inline-block;
	width:300px;
	text-align:center;
}
.craftsman_img {
	width: 250px;
	height: 250px;
	margin-bottom:20px;
}
.craftsman_title {
	font-size:0.7em;
	font-family: 'Noto Serif JP', serif;
	color:#333;
	margin-bottom:10px;
}
.craftsman_name {
	font-size:1em;
	font-family: 'Noto Serif JP', serif;
	color:#333;
}
.craftsman_twitter {
  display: inline-block;
  font-size:0.8em;
  text-decoration: none;
  background: #FFF;
  color: #00acee;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  text-align: center;
  overflow: hidden;
  transition: .4s;
  margin:-40px -150px 0 0; 
}

a.craftsman_twitter:hover {
  background: #00acee;
  color:#FFF;
}
a.craftsman_twitter:visited {
  background: #FFF;
  color: #00acee;
}



.craftsman_meister {
display: inline-block;
  text-decoration: none;
  background: #FFF;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  text-align: center;
  overflow: hidden;
  transition: .4s;
  margin:-40px -150px 0 0; 
}



@media screen and (max-width: 840px) {
.mainarea_craftsman {
	width:100%;
	background:#fff9e5;
	margin-top:70px;
	text-align:center;
}
.mainarea_craftsman_in {
	width:100%;
	margin-left: auto;
	margin-right: auto;
	padding-top:30px;
}
.mainarea_craftsmans_photo {
	width:300px;
	text-align:center;
	margin-bottom:30px;
}
.craftsman_img {
	width: 250px;
	height: 250px;
	margin-bottom:20px;
}
.craftsman_title {
	font-size:1em;
	font-family: 'Noto Serif JP', serif;
	color:#333;
	margin-bottom:6px;
}
.craftsman_name {
	font-size:1.4em;
	font-family: 'Noto Serif JP', serif;
	color:#333;
}
.craftsman_twitter {
  display: inline-block;
  font-size:0.8em;
  text-decoration: none;
  background: #FFF;
  color: #00acee;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  text-align: center;
  overflow: hidden;
  transition: .4s;
  margin:-40px -150px 0 0; 
}

.craftsman_twitter:hover {
  background: #00acee;
  color:#FFF;
}
.craftsman_twitter:visited {
  background: #FFF;
  color: #00acee;
}

.craftsman_meister {
display: inline-block;
  text-decoration: none;
  background: #FFF;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border-radius: 50%;
  text-align: center;
  overflow: hidden;
  transition: .4s;
  margin:-40px -150px 0 0; 
}


}






/* //////////////////////////////////////////////////////////////////// */






.craftsman_award {
	width:830px;
	background-color:#FFF;
	margin-top:70px;
	padding:60px;
}
.craftsman_award_title_area {
	width:300px;
	margin-top:-60px;
	padding:10px;
	background-color:#d3be79;
	margin-bottom:40px;
	margin-left: auto;
	margin-right: auto;
}
.craftsman_award_title {
	font-size:1.4em;
	font-weight:bold;
	font-family: 'Noto Serif JP', serif;
	letter-spacing:0.1em;
	position: relative;
  display: inline-block;
  color:#FFF;
}


/* =Clearfix (all browsers)--------------------------------*/
.clearfix {zoom:1;}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;}
/* IE6 */ 
* html .clearfix {height: 1%;}
/* IE7 */
*:first-child+html .clearfix {min-height: 1px;}


dl.awardlist dt {
  float: left;
  text-align:left; 
  width: 120px;
  font-size:1em;
  font-family: 'Noto Serif JP', serif;
  color:#333;
  letter-spacing:0.1em;
}
dl.awardlist dd {
  margin-left: 120px;
  text-align:left; 
  padding-bottom:16px;
  font-size:1em;
  font-family: 'Noto Serif JP', serif;
  color:#333;
	letter-spacing:0.1em;
}

@media screen and (max-width: 840px) {
.craftsman_award {
	width:auto;
	background-color:#FFF;
	padding:30px;
}
.craftsman_award_title_area {
	width:80%;
	background-color:#d3be79;
	margin-top:-30px;
	padding:10px;
}
.craftsman_award_title {
	font-size:1em;
	font-weight:bold;
	font-family: 'Noto Serif JP', serif;
	letter-spacing:0.1em;
  color:#FFF;
}
dl.awardlist dt {
  clear: left;
  float: left;
  margin-bottom:7px;
  font-family: 'Noto Serif JP', serif;
  font-size:0.7em;
  letter-spacing:0.1em;
  color:#333;
}
dl.awardlist dd {
	clear: left;
	float: left;
	margin:0 0 10px 0;
	text-align:left;
	font-family: 'Noto Serif JP', serif;
	font-size:1em;
	letter-spacing:0.1em;
	line-height:1.6em;
	color:#333;
}
}





/* //////////////////////////////////////////////////////////////////// */




.craftsman_media {
	width:830px;
	background-color:#FFF;
	margin-top:70px;
	padding:60px;
}
.craftsman_media_title_area {
	width:300px;
	margin-top:-60px;
	padding:10px;
	background-color:#d3be79;
	margin-bottom:40px;
	margin-left: auto;
	margin-right: auto;
}
.craftsman_media_title {
	font-size:1.4em;
	font-weight:bold;
	font-family: 'Noto Serif JP', serif;
	letter-spacing:0.1em;
	position: relative;
  display: inline-block;
  color:#FFF;
}


.craftsman_media_inner {
display: flex;
}
.craftsman_media_chii {
	width:270px;
	text-align:center;
}
.craftsman_media_dddt {
	width:560;
}
.craftsman_media_img {
width: 180px;
	height: 180px;
	margin-bottom:20px;
}
.craftsman_media_chitext {
	font-family: 'Noto Serif JP', serif;
  font-size:0.7em;
  letter-spacing:0.1em;
  color:#333;
  margin-bottom:20px;
  line-height:2em;
}

dl.medialist dt {
  float: left;
  text-align:left; 
  width: 160px;
  font-size:0.8em;
  font-family: 'Noto Serif JP', serif;
  color:#333;
  letter-spacing:0.1em;
}
dl.medialist dd {
  margin-left: 160px;
  text-align:left; 
  padding-bottom:16px;
  font-size:0.8em;
  font-family: 'Noto Serif JP', serif;
  color:#333;
	letter-spacing:0.1em;
}


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

.craftsman_media {
	width:auto;
	margin-top:70px;
	padding:30px;
}
.craftsman_media_title_area {
	width:80%;
	margin-top:-30px;
	padding:10px;
	background-color:#d3be79;
	margin-bottom:40px;
	margin-left: auto;
	margin-right: auto;
}
.craftsman_media_title {
	font-size:1em;
	font-weight:bold;
	font-family: 'Noto Serif JP', serif;
	letter-spacing:0.1em;
	color:#FFF;
}
.craftsman_media_inner {
display: block;
}
.craftsman_media_chii {
	display: block;
	width:auto;
	text-align:center;
}
.craftsman_media_dddt {
	display: block;
	width:auto;
}
.craftsman_media_img {
width: 250px;
height:250px;
margin-bottom:20px;
}
.craftsman_media_chitext {
	font-family: 'Noto Serif JP', serif;
  font-size:0.7em;
  letter-spacing:0.1em;
  color:#333;
  line-height:2em;
  margin-bottom:50px;
}


dl.medialist dt {
 clear: left;
  float: left;
  margin-bottom:7px;
  font-family: 'Noto Serif JP', serif;
  font-size:0.7em;
  letter-spacing:0.1em;
  color:#333;
}
dl.medialist dd {
  clear: left;
	float: left;
	margin:0 0 10px 0;
	text-align:left;
	font-family: 'Noto Serif JP', serif;
	font-size:1em;
	letter-spacing:0.1em;
	line-height:1.6em;
	color:#333;
}
}




/* //////////////////////////////////////////////////////////////////// */


.title_location {
	margin-top:100px;
	text-align:center;
	background-color:#FFF;
}

.location_area {
	width:950px;
	display: flex;
	margin-left: auto;
	margin-right: auto;
	margin-top:100px;
}
.location_text {
	width:500px;
	text-align:left; 
  font-size:1em;
  font-family: 'Noto Serif JP', serif;
  color:#333;
	letter-spacing:0.1em;
	line-height:2.2em;
}

.location_img_area {
	width:450px;
}
.location_img {
	width:450px;
}
.station {
	width:100px;
	background-color: #FFF;
	border:solid 1px #333;
	color:#333;
	font-size:0.8em;
	letter-spacing:0.1em;
	font-family: 'Noto Serif JP', serif;
	padding:4px 10px;
	text-align:center;
	margin-bottom:10px;
}

.location_googlemap {
	margin-top:70px;
	width:950px;
	overflow: hidden;
	padding-bottom: 30%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:150px;
}
.location_googlemap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}

@media screen and (max-width: 840px) {
	
.title_location {
	margin-top:70px;
	text-align:center;
	background-color:#FFF;
}

.location_area {
	width:auto;
	display: flex;
	flex-flow: row wrap;
	margin-top:70px;
}
.location_img_area {
	order:1;
	width:auto;
	text-align:center;
}
.location_img {
	width:100%;
}

.location_text {
	order:2;
	width:80%;
	margin-top:50px;
	margin-left: auto;
	margin-right: auto;
	text-align:left; 
  font-size:1em;
  font-family: 'Noto Serif JP', serif;
  color:#333;
	letter-spacing:0.1em;
	line-height:2.2em;
}
.location_googlemap {
	order:3;
	margin-top:70px;
	width:90%;
	overflow: hidden;
	padding-bottom: 90%;
	position: relative;
	margin-bottom:100px;
}
.location_googlemap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
}









