@charset “UTF-8”;

/*-----------------------------------
   ファミリーヒストリー記録社
---------------------------------- */


/*==========　目次　==========
  ・TOPページ
  ・最新情報
  ・ファミリーヒストリー記録社とは
  ・商品ラインナップ
  ・ご注文の流れ
  ・よくある質問
  ・お問い合わせ
==============================*/


/*--------------------------------------------------
　TOPページ
-------------------------------------------------- */

#mainpic {
}
#mainpic .maincopy {
	padding: 30px 10px;
	width: 90%;
	max-width: 960px;
	position: absolute;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	background:rgba(38,31,30,0.6);
	box-sizing: border-box;
}

#mainpic h1 {
	color:#fff;
	font-weight:600;
	font-size: 4.0rem;
	text-align: center;
	line-height: 1.6;
	  text-shadow: 0px 0px 10px rgba(120, 120, 120, 0.8);
}
#mainpic h1 span {
	font-size: 5.0rem;
}
#mainpic h2 {
	font-family: 'Noto Sans JP', sans-serif;
	color:#fff;
	font-weight:500;
	font-size: 2.6rem;
	text-align: center;
	letter-spacing: 0.18em;
	  text-shadow: 0px 0px 15px rgba(50, 50, 50, 1.0);
}
#mainpic h2::before {
	display: block;
	content: "";
	width: 600px;
	height: 2px;
	background: #fff;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 20px;
	}

.marker {
    background: linear-gradient(transparent 75%, #ffadad 75%);
	font-size: 1.5rem;
}

@media screen and (max-width:1280px){
#mainpic .maincopy {
	width: 90%;
	max-width: 960px;
}

}
@media screen and (max-width:1060px){
#mainpic {
	margin-top: 0px;
}
#mainpic h1 {
    font-size: 3.0rem;
    letter-spacing: -0.1rem;
}
#mainpic h1 span {
	margin-right:5px;
    font-size: 4.6rem;
}
#mainpic h2::before {
	width: 500px;
	}
}
@media screen and (max-width:860px){
#mainpic {
	margin-bottom:0px;
	width: 100%;
	overflow: hidden;
}
#mainpic .maincopy {
    top: 30%;
	padding: 10px 5px;
	width: 80%;
}
#mainpic h1 {
    font-size: 2.8rem;
    letter-spacing: -0.1rem;
}
#mainpic h1 span {
	margin-right:5px;
    font-size: 4.0rem;
}
	
#mainpic h2 {
    font-size: 1.8rem;
    letter-spacing: -0.1rem;
}
#mainpic h2::before {
	width: 400px;
	}
#mainpic .mainpic img {
	width: 120%;

}
}
@media screen and (max-width:600px){
#mainpic {
	margin-bottom:0px;
}
#mainpic h1 {
    font-size: 2.0rem;
}
#mainpic h1 span {
    font-size: 2.6rem;
}
#mainpic h2 {
    font-size: 1.4rem;
    letter-spacing: -0.1rem;
}
#mainpic h2::before {
	margin-top: 5px;
	margin-bottom: 10px;
	width: 200px;
	}
#mainpic .mainpic img {
	width: 150%;

}
}

/*　mainpic  */
#mainpic p {
	font-weight:600;
	font-size: 1.8rem;
}
#mainpic p span {
	color:#2d8cff;
	font-size: 2.4rem;
	margin-right:10px;

}
#mainpic p span i {
	margin-right:10px;
}


.marker {
    background: linear-gradient(transparent 75%, #ffadad 75%);
	font-size: 1.5rem;
}

@media screen and (max-width:1000px){
#mainpic {
}

}
@media screen and (max-width:768px){
#mainpic {
	margin-bottom:30px;
}
#mainpic p {
    font-size: 1.5rem;
    letter-spacing: -0.1rem;
}
#mainpic p span {
	margin-right:5px;
    font-size: 1.5rem;

}
}
@media screen and (max-width:480px){
#mainpic {
	margin-bottom:20px;
}
#mainpic p {
    font-size: 1.4rem;
}
#mainpic p span {
    font-size: 1.4rem;

}
#mainpic p span i {
	margin-right:5px;
}
}
/*　charm  */
#home #charm {
	background:url(../img/top/charm_bg.png) no-repeat left bottom #261f1e;
background-size: cover;}
#home #charm .inner {
}
#home #charm h2.title {
    margin-right: auto;
    margin-left: auto;
	padding-top:50px;
	font-size: 4.2rem;
	font-weight:1000;
	text-align:center;
	color: #ddbe69;
}
#home #charm h3.title {
	font-size: 1.5rem;
	font-weight:normal;
	text-align:center;
	line-height:1.6;
	color: #fff;
	font-family: "メイリオ",Meiryo;
}
#home #charm p {
	font-size: 1.3rem;
	line-height:2.0;
	letter-spacing:0.1rem;
	text-align:center;
	color: #fff;
}
#home #charm .link_btn {
    margin-right: auto;
    margin-left: auto;
	text-align:center;
}
#home #charm .link_btn a {
	margin-bottom:50px;
	font-size: 1.6rem;
    margin-right: auto;
    margin-left: auto;
	display: inline-block;
	padding:8px 20px;
	text-align:center;
	color:#FFF;
	background:url(../img/common/icon_arrows_w.png) no-repeat 20px 12px #291a18;
	border: 1px solid #fff;
	transition: all 0.3s ease 0s;
}
#home #charm .link_btn a:visited {
	color:#FFF;
}
#home #charm .link_btn a:hover {
	color:#291a18;
	background:url(../img/common/icon_arrows_b.png) no-repeat 25px 12px #fff;
}
#home #charm .link_btn a span { 
    margin-left:20px;
}
@media screen and (max-width:769px){
#mainpic .maincopy {
    top: 20%;
}	
#home #charm h2.title {
	padding-top:30px;
	font-size: 3.2rem;
}
#home #charm h3.title {
	font-size: 1.3rem;
}
#home #charm p {
	font-size: 1.3rem;
}

#home #charm .link_btn a {
	font-size: 1.5rem;
	color:#FFF;
}

}
@media screen and (max-width:480px){
#home #charm h2.title {
    font-size: 3.0rem;
}

}
/*　forte  */
#home #forte {
	margin: 0px;
	padding: 0px;
}
#home #forte h2.title {
    margin-right: auto;
    margin-left: auto;
	margin-bottom: 1em;
	padding-top:50px;
	position: relative;
	font-size: 2.5rem;
	font-weight:1000;
	text-align:center;
	color: #291a18;
}
#home #forte h2.title:before {
	content: '';
	position: absolute;
	bottom: -10px;
	display: inline-block;
	width: 15%;
	height: 2px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #291a18;
}

#home #forte figure {
	width: 80%;
	margin-left: auto;
	margin-right: auto;

}

/*　information_btn  */
#home #information {
	margin: 0px;
	padding: 0px;
}
#home #information h2.title {
    margin-right: auto;
    margin-left: auto;
	margin-bottom: 1em;
	padding-top:50px;
	position: relative;
	font-size: 2.5rem;
	font-weight:1000;
	text-align:center;
	color: #291a18;
}

#home #information h2.title:before {
	content: '';
	position: absolute;
	bottom: -10px;
	display: inline-block;
	width: 8%;
	height: 2px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #291a18;
}

#home #information .information_btn ul {
	margin-top:60px;
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#home #information .information_btn ul li {
	width:19%;
}
#home #information .information_btn ul li a {
	font-size: 1.4rem;
	display: block;
	padding:8px 10px;
	text-align:center;
	color:#FFF;
	background:url(../img/common/icon_arrows_w.png) no-repeat 20px 12px #291a18;
	border: 1px solid #291a18;
	transition: all 0.3s ease 0s;
}
#home #information .information_btn ul li a:hover {
	color:#291a18;
	background:url(../img/common/icon_arrows_b.png) no-repeat 25px 12px #fff;
}
#home #information .information_btn ul li a span { 
    margin-left:15px;
}
#home #information .sns_area {
	background-color: #f5f5f5;
	border-radius: 10px;
	padding: 20px;
	justify-content: space-around;
}

#home #information .x-page {
	width: 46%;
}
#home #information .fb-page {
	width: 46%;
}
#home #information .fb-page iframe {
	width: 100%;
}
@media screen and (max-width:769px){	
#home #information h2.title {
	font-size: 2.3rem;
}

#home #information .information_btn ul {
	margin-top:40px;
}
#home #information .information_btn ul li {
	width:100%;
}
#home #information .information_btn ul li a {
	font-size: 1.5rem;
    margin-right: 10px;
    margin-left: 10px;
	padding:8px 25px;
	border-bottom: 1px solid #fff;
}

#home #information .information_btn ul li a span { 
    margin-left:10px;
}
#home #information .information_btn ul li:last-child a {
	border-bottom: 1px solid #291a18;
}
#home #information .sns_area {
	justify-content: center;
}
#home #information .x-page {
	width: 100%;
}
#home #information .x-page div,#home #information .fb-page iframe {
	margin-left: auto;
	margin-right: auto;
}
#home #information .fb-page {
	width: 100%;
	margin-top: 30px;
}	
}
@media screen and (max-width:480px){	
	

	
}


/*　reason  */
#home #reason h2.title {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 1em;
    padding-top: 50px;
    position: relative;
    font-size: 2.5rem;
    font-weight: 1000;
    text-align: center;
    color: #291a18;
}
#home #reason h2.title:before {
	content: '';
	position: absolute;
	bottom: -10px;
	display: inline-block;
	width: 15%;
	height: 2px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #291a18;
}
#reason p {
	width:90%;
	margin-left:auto;
	margin-right:auto;
	font-size:1.8rem;
	font-weight:bold;
	text-align:center;
	line-height:1.8;
}
#reason .reason_recommend_wrap {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#reason .reason_recommend_box {
	width: 30%;
	padding: 20px 5px;
	margin-bottom: 50px;
	text-align: center;
	    background: #fff;

	border: 4px solid #ddbe69;
	border-radius: 8px;
	box-sizing: border-box;
}

#reason .reason_recommend_box figure {
	margin-top: 20px;
	margin-bottom: 20px;
}
#reason .reason_recommend_box figure img {
		width: auto!important;
}

#reason .reason_recommend_txt {
  font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.4;
	letter-spacing: -0.05em;
}

#home .reason_recommend_h3 {
	text-align: center;
	margin-top: 0px;
	position: relative;
}
#home .reason_recommend_h3 span {
	position: absolute;
	top:-50px;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	color:#ddbe69;
	background:#fff;
	padding: 0 20px;
    font-size: 3.2rem;
    font-weight: 700;
}
#home #reason h4 {
	margin: 0px auto 20px auto;
	width: 100%;
	color:#ddbe69;
	text-align: center;
	margin-top: 0px;
    font-size: 3.0rem;
	line-height: 1.4;
}
#home #reason h3.title {
	margin: 0px auto 20px auto;
	width: 100%;
	color:#a31f1f;
	text-align: center;
	margin-top: 0px;
    font-size: 3.6rem;
	line-height: 1.4;
}
#home #reason h3.title span {
    font-size:5.0rem;
}
#home #reason .reason_recommend_5box {
	background: #ddbe69;
	padding: 30px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}
#home #reason .reason_recommend_5box dl {
	background: #fff;
	padding: 20px 10px;
	margin-bottom: 30px;
	text-align: center;
	box-sizing: border-box;
}
#home #reason .reason_recommend_5box dl dt {
	color:#a31f1f;
    font-size: 2.8rem;
	font-weight: 700;
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	margin-bottom: 10px;
	text-align: center;
}
#home #reason .reason_recommend_5box dl dt span {
	display: flex; 
	justify-content: center;
	align-items: center;
	color:#fff;
	background-color: #a31f1f;
   font-size: 1.8rem;
	border-radius: 50px;
	width: 70px;
	height: 70px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}
#home #reason .reason_recommend_5box dl dd {
    font-size: 1.8rem;
	font-weight: 500;
}
@media screen and (max-width:767px){
#lineup_bnrs figure img,#reason figure img {
	width:100%;
}

#reason .reason_recommend_box {
	width: 47%;
	padding: 10px 5px;
	margin-bottom: 50px;
}
#reason .reason_recommend_box figure img {
		width: auto!important;
}
	

}	
@media screen and (max-width:700px){	
	
#home #reason .reason_recommend_5box {
	width: auto;
}
	
}
@media screen and (max-width:375px){
#reason .reason_recommend_box {
	width: 100%;
	padding: 10px 5px;
	margin-bottom: 50px;
}
#reason .reason_recommend_box figure img {
		width: 60%!important;
}

}


/*　plans  */
#home #plans_title{
    margin-right: auto;
    margin-left: auto;
	margin-bottom: 1em;
	padding-top:50px;
	font-size: 2.8rem;
	font-weight:1000;
	text-align:center;
	color: #291a18;
}
#home #plans {
	margin: 0px;
	padding-bottom: 80px;
	background-color: #291a18;
	position: relative;
}
#home #plans:before {
	content: '';
	position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 30px solid transparent;
  border-left: 30px solid transparent;
  border-top: 40px solid #fff;
  border-bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

#home #plans h3.title {
    margin-right: auto;
    margin-left: auto;
	margin-bottom: 10px;
	padding-top:60px;
	position: relative;
	font-size: 3.6rem;
	font-weight:1000;
	text-align:center;
	color: #ddbe69;
}
#home #plans p {
	color: #fff;
}
#home #plans .plans_wrap {
    display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	margin-top: 20px;
}
#home #plans .plans_wrap .item {
    width: 32.5%;
}
#home #plans .plans_wrap .item a {
	height: 100%;
	padding: 10px 20px;
	border-radius: 10px;
	background-color: #fff;
	display: block;
	box-sizing: border-box;
	box-shadow: inset 0px 0px 10px 0px rgba(0, 0, 0, 0.3);
}
#home #plans .plans_wrap .item a h4 {
    margin-right: auto;
    margin-left: auto;
	margin-bottom: 25px;
	position: relative;
	font-size: 2.5rem;
	font-weight:700;
	text-align:center;
	color: #291a18;
}
#home #plans .plans_wrap .item a h4:before {
	content: '';
	position: absolute;
	bottom: -10px;
	display: inline-block;
	width: 50%;
	height: 2px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #291a18;
}
#home #plans .plans_wrap .item a h4 span {
	display: block;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 15px;
	padding: 5px;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-size: 1.6rem;
	font-weight:normal;
	text-align:center;
	color: #fff;
	border-radius: 20px;
	background-color: #4caa19;
}
#home #plans .plans_wrap .item a h4 span.familytree {
	background-color: #4caa19;
}
#home #plans .plans_wrap .item a h4 span.roots {
	background-color: #b0c713;
}
#home #plans .plans_wrap .item a h4 span.familyhistory {
	background-color: #d9c122;
}
#home #plans .plans_wrap .item a p {
	font-size: 1.5rem;
	line-height: 1.4;
	color: #222;
}
#home #plans .plans_wrap .item a img {
	width: auto;
	margin: 10px auto;
}
#home #plans .plans_wrap .item a p.price {
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	font-size: 2.5rem;
	font-weight:700;
	color: #a31f1f;
	text-align: center;
}
#home #plans .plans_wrap .item a p.price span {
	font-size: 1.5rem;
	display: block;
}

@media screen and (max-width:800px){
#home #plans .plans_wrap .item a img {
	width: 100%;
}	
	
}

@media screen and (max-width:580px){
#home #plans .plans_wrap {
	flex-wrap: wrap;
	justify-content: center;
}
	#home #plans .plans_wrap .item {
    margin-top: 10px;
    width: 96%;
}	
#home #plans .plans_wrap .item a img {
	width: auto;
}	
}

/*　safety  */
#home #safety {
	margin: 0px;
	padding-top: 80px;
	padding-bottom: 80px;
}

#home #safety h2.title {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: auto;
    margin-left: auto;
	margin-bottom: 30px;
	padding:10px 20px;
	position: relative;
	font-size: 3.0rem;
	font-weight:1000;
	text-align:center;
	color: #a31f1f;
}
#home #safety h2.title::before,
#home #safety h2.title::after {
    width: 3px;
    height: 40px;
    background-color: #a31f1f;
    content: '';
}

#home #safety h2.title::before {
    transform: rotate(-35deg);
    margin-right: 30px;
}

#home #safety h2.title::after {
    transform: rotate(35deg);
    margin-left: 30px;
}

#home #safety .safety_wrap {
    display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	margin-top: 20px;
}
#home #safety .safety_wrap .points {
    width: 30%;
	background-color: #a31f1f;
	box-sizing: border-box;
	padding: 0px 30px 20px 30px;
	border-radius: 30px;
}
#home #safety .safety_wrap .points h3 {
	width: 70%;
    margin-right: auto;
    margin-left: auto;
	padding-top: 20px;
	padding-bottom: 40px;
	margin-bottom: 10px;
	position: relative;
	font-size: 2.5rem;
	font-weight:700;
	text-align:center;
	color: #a31f1f;
	background-color: #ddbe69;
}
#home #safety .safety_wrap .points h3 span {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	font-size: 1.6rem;
	font-weight:normal;
	text-align:center;
	color: #fff;
}
#home #safety .safety_wrap .points h3:before {
	content: '';
	position: absolute;
	bottom: 0px;
 width: 0;
  height: 0;
  border-style: solid;
  border-right: 90px solid transparent;
  border-left: 90px solid transparent;
  border-bottom: 20px solid #a31f1f;
  border-top: 0;
	left: 50%;
	transform: translateX(-50%);

}
#home #safety .safety_wrap .points p {
	font-size: 1.5rem;
	line-height: 1.4;
	color: #fff;
}

#home #safety .safety_wrap .points p.txt {
    font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	font-size: 1.8rem;
	font-weight:600;
	color: #fff;
	text-align: center;
	margin-bottom: 20px;
}

@media screen and (max-width:800px){
#home #safety .safety_wrap .points h3 {
	width: 100%;
}	
	
}

@media screen and (max-width:580px){
#home #safety .safety_wrap .points h3 {
	width: 70%;
}	
#home #safety .safety_wrap {
	flex-wrap: wrap;
	justify-content: center;
}
	#home #safety .safety_wrap .points {
    margin-top: 10px;
    width: 96%;
}	
#home #safety .safety_wrap .points h3:before {
  border-right: 200px solid transparent;
  border-left: 200px solid transparent;
  border-bottom: 30px solid #a31f1f;
}

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

#home #safety .safety_wrap .points h3:before {
  border-right: 120px solid transparent;
  border-left: 120px solid transparent;
  border-bottom: 30px solid #a31f1f;
}

}



/*　lineup  */
#home #lineup {
	margin: 0px 0px 50px 0px;
	padding: 0px;
}
#home #lineup h2.title {
    margin-right: auto;
    margin-left: auto;
	margin-bottom: 1em;
	padding-top:50px;
	position: relative;
	font-size: 2.5rem;
	font-weight:1000;
	text-align:center;
	color: #291a18;
}

#home #lineup h2.title:before {
	content: '';
	position: absolute;
	bottom: -10px;
	display: inline-block;
	width: 15%;
	height: 2px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #291a18;
}
#home #lineup .lineup_bnrs {
	margin-top:60px;
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#home #lineup .lineup_bnrs::after {
display: block;
content:"";
width: 32%;
}
#home #lineup .lineup_bnrs .item {
	margin-bottom:20px;
	width: 32%;
}
#home #lineup .lineup_bnrs .item a img {
	transition: all 0.3s ease 0s;
}
#home #lineup .lineup_bnrs .item a:hover img {
	opacity: 0.5 ;
}
@media screen and (max-width:1000px){	
	
#home #lineup h2.title {
	font-size: 2.3rem;
}
#home #lineup .lineup_bnrs {
	margin-top:40px;
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
}
#home #lineup .lineup_bnrs::after {
width: 45%;
	margin-left:5px;
	margin-right:5px;
}
#home #lineup .lineup_bnrs .item {
	width: 45%;
	margin-left:5px;
	margin-right:5px;
}	
}
@media screen and (max-width:480px){	
	#home #lineup .lineup_bnrs .item {
	width: 90%;
	margin-bottom:10px;
}
}

/*　research  */
#home #research {
	margin: 0px;
	padding: 0px;
}
#home #research h2.title {
    margin-right: auto;
    margin-left: auto;
	margin-bottom: 1em;
	padding-top:50px;
	position: relative;
	font-size: 2.5rem;
	font-weight:1000;
	text-align:center;
	color: #291a18;
}
#home #research h2.title:before {
	content: '';
	position: absolute;
	bottom: -10px;
	display: inline-block;
	width: 15%;
	height: 2px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #291a18;
}
#home #research h3 {
	font-size: 1.8rem;
	font-weight:1000;
}
#home #research h4 {
	margin-top:10px;
	margin-bottom:10px;
	font-size: 2.3rem;
	font-weight:1000;
	color: #ae9954;
}

#home #research div.listening a, #home #research div.research a {
	display:flex;
	justify-content: space-between;
	padding:1px;
	color: #222;
	border: 1px solid #291a18;
	background-color: #fff;
}
#home #research div.listening a .sp_none, #home #research div.research a .sp_none {
	display:none;
}
 #home #research div.research a {
	border-top:none;
}
#home #research div.listening a:hover, #home #research div.research a:hover {
	color: #fff;
	background-color: #291a18;
}
#home #research div.listening a:hover img, #home #research div.research a:hover img {
	opacity: 0.5 ;
}
#home #research figure {
	max-width: 80%;
	margin-left: auto;
	margin-right: auto;
}
#home #research figure img {
	width: 100%;
}
#home #research .textbox {
	width:56.5%;
	padding:20px 20px;
	font-size: 1.4rem;
	text-align:left;
}
@media screen and (max-width:768px){	
	
#home #research h2.title {
	font-size: 2.3rem;
}

#home #research h3 {
	font-size: 1.6rem;
}
#home #research h4 {
	margin-top:5px;
	margin-bottom:5px;
	font-size: 2.1rem;
}

#home #research div.listening a {
	flex-direction: column;
}
#home #research div.research a {
	flex-direction: column-reverse;
}
#home #research figure {
	max-width: 100%;
	max-height:230px;
	overflow:hidden;
}
#home #research .textbox {
	width: auto;
	padding:15px 15px;
	font-size: 1.2rem;
}
	
}
@media screen and (max-width:480px){
	
	
	}	


/*　foundingfamilyhistory  */
#home #foundingfamilyhistory {
	margin: 0px;
	padding: 0px 0px 50px 0px;
	background:url("../img/top/example_bg.png") no-repeat top center #EEF0F3;
	background-size:cover;
}
#home #foundingfamilyhistory .for-corporations p {
     font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
   margin-right: auto;
    margin-left: auto;
	padding:10px;
	font-size: 2.4rem;
	letter-spacing: 0.2em;
	font-weight:500;
	text-align:center;
	color: #fff;
	background: #0b1e3b;
}

#home #foundingfamilyhistory h2.title {
    margin-right: auto;
    margin-left: auto;
	margin-bottom: 1em;
	padding-top:50px;
	position: relative;
	font-size: 4.3rem;
	line-height: 1.4;
	font-weight:700;
	text-align:center;
	color: #0b1e3b;
}

#home #foundingfamilyhistory h2.title:before {
	content: '';
	position: absolute;
	bottom: -40px;
	display: inline-block;
	width: 30%;
	height: 2px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #0b1e3b;
}
#home #foundingfamilyhistory h3.title {
    margin-right: auto;
    margin-left: auto;
	margin-bottom: 1em;
	padding-top:50px;
	position: relative;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 3.0rem;
	font-weight:500;
	text-align:center;
	color: #0b1e3b;
}
#home #foundingfamilyhistory .textbox {
    margin-right: auto;
    margin-left: auto;
	padding-top:20px;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 1.6rem;
	font-weight:500;
	text-align:left;
	color: #0b1e3b;
}
#home #foundingfamilyhistory .example_box {
	margin-top: 50px;
	padding: 30px 50px;
	border-radius: 10px;
	background: #fff;
	box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3);
	box-sizing: border-box;
}
#home #foundingfamilyhistory .example_box h4 {
	font-size: 3.0rem;
	font-weight:500;
	margin-bottom: 10px;
	text-align: center;
	color: #0b1e3b;
	
}
#home #foundingfamilyhistory ul.example_list {
    margin-top: 20px;
    margin-bottom: 40px;
    list-style: disc;
    font-size: 1.6rem;
    font-weight: 400;
}
#home #foundingfamilyhistory ul.example_list li {
    padding-bottom: 5px;
    margin-left: 20px;
}
#home #foundingfamilyhistory .link_btn a {
	margin-bottom:50px;
     font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
	font-size: 2.0rem;
    margin-right: auto;
    margin-left: auto;
	display: inline-block;
	padding:28px 40px;
	text-align:center;
	color:#FFF;
	background:url(../img/common/icon_arrows_w.png) no-repeat 20px 35px #0b1e3b;
	border: 1px solid #0b1e3b;
	transition: all 0.3s ease 0s;
}

#home #foundingfamilyhistory .link_btn a:hover {
	color:#0b1e3b;
	background:url(../img/common/icon_arrows_b.png) no-repeat 25px 35px #fff;
}

@media screen and (max-width:767px){
#home #foundingfamilyhistory h2.title {
	font-size: 3.3rem;
}
#home #foundingfamilyhistory h2.title:before {
	bottom: -20px;
}
#home #foundingfamilyhistory h3.title {
	margin-bottom: 0em;
	padding-top:20px;
	font-size: 2.0rem;
	color: #0b1e3b;
}
#home #foundingfamilyhistory .example_box h4 {
	font-size: 2.4rem;
	font-weight:500;
}

#home #foundingfamilyhistory .example_box {
	width: 100%;
	margin: 20px auto;

}
	
}
@media screen and (max-width:480px){
#home #foundingfamilyhistory h2.title {
	font-size: 3.0rem;
}

	#home #foundingfamilyhistory .example_box {
	padding: 30px 20px;
}	
	
#home .example_box p {
	font-size: 2.0rem;
}
}


/*　media  */
#home #media {
	margin: 50px 0px 0px 0px;
	padding: 0px;
	padding-bottom: 60px;
	background-color:#F2F2F2;
}
#home #media h2.title {
    margin-right: auto;
    margin-left: auto;
	margin-bottom: 1em;
	padding-top:50px;
	position: relative;
	font-size: 2.5rem;
	font-weight:1000;
	text-align:center;
	color: #291a18;
}
#home #media h2.title:before {
	content: '';
	position: absolute;
	bottom: -10px;
	display: inline-block;
	width: 15%;
	height: 2px;
	left: 50%;
	transform: translateX(-50%);
	background-color: #291a18;
}
#home #media h3 {
    margin-top: 60px;
	margin-left: 5px;
	font-family: 'Lato', 'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
    font-size: 2.0rem;
    font-weight: 700;
    text-align: left;
    line-height: 1.6;
}
#home #media .media_bnrs {
	margin-top:10px;
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	background: #fff;
	padding: 20px 20px 0 20px;
}

#home #media .media_bnrs .item-img {
	margin-bottom:20px;
	margin-right: 7px;
	margin-left: 7px;
	min-width: 65px;
    max-width: 20%;
}
#home #media .media_bnrs .item-img img {
	width: auto;
	max-width: 100%;
	max-height: 150px;
}
#home #media .media_bnrs .item-p {
	margin-bottom:20px;
	margin-right: 7px;
	margin-left: 7px;
}
#home #media .media_bnrs .item-p p {
	width: auto;
	max-width: 100%;
    font-size: 2.0rem;
    font-weight: 500;
    text-align: center;
    line-height: 1.6;
	padding: 10px 20px;
	background: #fff;
	border: 1px solid #ddd;
	
}
#home #media .media_bnrs .item-empty{
	width: 20%;
	margin-bottom:20px;
}
#home #media .media_bnrs .item-empty p{
	width: auto;
	max-width: 100%;
    font-size: 1.6rem;
    font-weight: 500;
    text-align: left;
    line-height: 1.6;
	padding: 10px 20px;
}
#home #media .media_bnrs .item-img a img {
	transition: all 0.3s ease 0s;
}
#home #media .media_bnrs .item-img a:hover img {
	opacity: 0.5 ;
}
@media screen and (max-width:1000px){	
	
#home #media h2.title {
	font-size: 2.3rem;
}
#home #media .media_bnrs {
	margin-top:40px;
	display:flex;
	flex-wrap: wrap;
	justify-content: center;
}
#home #media .media_bnrs .item-img {
    max-width: 30%;
	margin-left:5px;
	margin-right:5px;
}
#home #media .media_bnrs .item-empty{
	width: 45%;
	margin-bottom:0px;
}

}
@media screen and (max-width:480px){	
	#home #media .media_bnrs .item-img {
    max-width: 42%;
	margin-bottom:20px;
}
#home #media .media_bnrs .item-p p {
    font-size: 1.6rem;
	
}
#home #media .media_bnrs .item-empty p{
    font-size: 1.4rem;
}

}