@charset "UTF-8";
/*-------------------------------
base & denshichi
-------------------------------*/
.born h2{
max-width : 178px;
margin: 0 auto 2.9%;
}
.born .headingBlock01{
max-width: 1000px;
background:url("../../common/img/bornstory/denshichi/bornstory_bg_01_pc.jpg") left top no-repeat;
background-size: 100% auto;
height: 273px;
margin: 0 auto 144px;
}
.born .headingBlock01 h3{
box-sizing: border-box;
margin: 0 17% 0 auto;
max-width: 168px;
padding: 4% 0 0;
}
.born .headingBlock01 .innerBlock{
background: url(../../common/img/bornstory/denshichi/bornstory_bg_02_pc.png) 62% bottom no-repeat;
background-size: 361px auto;
padding: 0 0 22%;
}
@media screen and (max-width: 1500px) {
.born .headingBlock01{
margin: 0 auto 10.4%;
}
}
@media screen and (max-width: 1200px) {
.born .headingBlock01{
margin: 0 auto 13.4%;
}
}
@media screen and (max-width: 1000px) {
.born .headingBlock01{
max-width: 100%;
background:url("../../common/img/bornstory/denshichi/bornstory_bg_01_sp.jpg") left top no-repeat;
background-size: contain;
height: auto;
margin: 0 auto 4.4%;
}
.born .headingBlock01 h3 {
box-sizing: border-box;
margin: 0 42% 0 43%;
max-width: 145px;
}
.born .headingBlock01 .innerBlock{
background: url(../../common/img/bornstory/denshichi/bornstory_bg_02_sp.png) 52% bottom no-repeat;
background-size: 24% auto;
padding: 0 0 31%;
}
}

@media screen and (max-width: 599px) {
.born .sp_dispNone{
display: none;
}
.born {
margin: 110px 0 10%;
}
.born h2 {
max-width: 65%;
margin: 0 auto 6%;
}
.born .headingBlock01 {
height: auto;
margin: 0 0 3.4%;
}
.born .headingBlock01 h3 {
margin: 0 33% 0 39%;
max-width: 168px;
}
.born .headingBlock01 .innerBlock {
background-size: 32% auto;
padding: 0 0 37%;
}
.born .headingBlock02 h3 {
margin: 0 auto 7.7%;
max-width: 350px;
}
}
/*headingBlock02*/
.born .headingBlock02{
max-width: 626px;
margin: 0 auto 4.1%;
}
.born .headingBlock02 h3{
margin: 0 0 6.7%;
}
.born .headingBlock02 .leadText{
text-align: center;
font-size: 0.938rem;
line-height: 2;
}
@media screen and (max-width: 1000px) {
.born .headingBlock02 {
margin: 0 auto 4.1%;
max-width: 95%;
}
.born .photoBlock{
width: 95%;
margin: 0 auto;
}
}
@media screen and (max-width: 599px) {
.born .headingBlock02 {
margin: 0 auto 10%;
max-width: 85%;
}
.born .headingBlock02 h3 {
margin: 0 auto 7.7%;
max-width: 350px;
}
.born .headingBlock02 .leadText {
font-size: 0.75rem;
text-align: justify;
}
.born .headingBlock02 .mincho{
font-family: "noto sans jp";
}
}
/*headingBlock03*/
.born .headingBlock03{
background: url(../../common/img/bornstory/bornstory_bg_04.png) left top repeat-x;
text-align: center;
padding: 3% 0 3.7%;
}
.born .headingBlock03 h3{
font-size: 1.0315rem;
color: #736357;
margin: 0 0 2.1%;
}
.born .headingBlock03 ul{
max-width: 488px;
margin: 0 auto;
}
.born .headingBlock03 li {
float: left;
margin: 0 26.2% 0 0;
width: 36.9%;
}
.born .headingBlock03 li:last-child {
margin: 0;
}
.born .headingBlock03 .icon {
background: #c01a2b;
border-radius: 90px;
box-sizing: border-box;
height: 180px;
padding: 37px 37px 14px 38px;
width: 180px;
display: block;
}
@media screen and (max-width: 599px) {
.born .sp_mb5per{
margin-bottom: 5% !important;
}
.born .headingBlock03{
padding: 7% 1% 3.7%;
}
.born .headingBlock03 h3{
font-size: 1.6565rem;
margin: 0 0 9.1%;
}
.born .headingBlock03 ul{
max-width: 84.6%;
}
.born .headingBlock03 li{
float: left;
margin: 0 12% 0 0;
width: 44%;
}
.born .headingBlock03 h3 {
font-size: 0.875rem;
}
}
/*.photoBlock*/
.born .photoBlock{
max-width: 1000px;
margin: 0 auto 8.05%;
}
.born .photoBlock li{
max-width: 21.3%;
margin: 0 4.9% 0 0;
float: left;
}
.born .photoBlock li:last-child{
margin: 0;
}
/*2col*/
.born .imgLeftBlock01,.born .imgLeftBlock02,.born .imgLeftBlock02,.born .imgLeftBlock03,
.born .imgRightBlock01,.born .imgRightBlock02{
max-width: 1521px;
margin: 0 auto 5.4%;
}
.born .imgLeftBlock01 .img,
.born .imgLeftBlock02 .img,
.born .imgLeftBlock03 .img,
.born .imgLeftBlock01 .text,
.born .imgLeftBlock01 .text,
.born .imgLeftBlock03 .text{
float: right;
width: 50.15%;
}
.born .imgRightBlock01 .img,
.born .imgRightBlock02 .img,
.born .imgRightBlock01 .text,
.born .imgRightBlock02 .text{
float: left;
width: 50.15%;
}
.born .imgLeftBlock01 .text,
.born .imgLeftBlock02 .text,
.born .imgLeftBlock03 .text,
.born .imgRightBlock01 .text,
.born .imgRightBlock02 .text{
text-align: center;
width: 49.75%;
}
.born .imgLeftBlock01 .leadText,
.born .imgLeftBlock02 .leadText,
.born .imgLeftBlock03 .leadText,
.born .imgRightBlock01 .leadText,
.born .imgRightBlock02 .leadText{
max-width: 64.7%;
margin: 0 auto;
font-size: 0.9065rem;
line-height: 2;
text-align: justify;
}
.born .imgLeftBlock01 .leadText{
margin: 0 21% 0 auto
}
@media screen and (max-width: 1000px) {
.born .imgLeftBlock01,.born .imgLeftBlock02,.born .imgLeftBlock03,
.born .imgRightBlock01,.born .imgRightBlock02{
max-width: 95%;
margin: 0 auto 10%;
}
.born .imgLeftBlock01 .leadText,.born .imgLeftBlock02 .leadText,.born .imgLeftBlock03 .leadText,.born .imgRightBlock01 .leadText,.born .imgRightBlock02 .leadText {
max-width: 90%;
text-align: justify;
font-size: 0.75rem;
}
}
@media screen and (max-width: 599px) {
/*.photoBlock*/
.born .photoBlock{
margin: 0 auto 18.05%;
}
.born .imgLeftBlock01,.born .imgLeftBlock02,.born .imgLeftBlock03,
.born .imgRightBlock01,.born .imgRightBlock02{
max-width: 95%;
margin: 0 auto 10%;
}
.born .imgLeftBlock01 .img,
.born .imgLeftBlock02 .img,
.born .imgLeftBlock03 .img,
.born .imgLeftBlock01 .text,
.born .imgLeftBlock02 .text,
.born .imgLeftBlock03 .text,
.born .imgRightBlock01 .img,
.born .imgRightBlock02 .img,
.born .imgRightBlock01 .text,
.born .imgRightBlock02 .text{
float: none;
width: 100%;
margin: 0 0 15%;
}
.born .imgLeftBlock01 .leadText,
.born .imgLeftBlock02 .leadText,
.born .imgLeftBlock03 .leadText,
.born .imgRightBlock01 .leadText,
.born .imgRightBlock02 .leadText{
width: 95%;
margin: 0 auto;
font-size: 0.938rem;
line-height: 1.5;
}
.born .imgRightBlock01 .img{
margin: 0 0 11%;
}
.born .imgRightBlock02 .img{
margin: 0 0 12%;
}
.born .imgLeftBlock02 .img{
margin: 0 0 14%;
}
}
/*left01*/
.born .imgLeftBlock01 .text h3{
max-width: 17.5%;
margin: 0 auto 14.1%;
padding: 0 7% 0 0;
}
@media screen and (max-width: 599px) {
.born .imgLeftBlock01 .text h3{
max-width: 77.5%;
margin: 0 auto 10.8%;
}
}
/*Right01*/
.born .imgRightBlock01 .img li{
margin: 0 auto 2.1%;
}
.born .imgRightBlock01 .img li:last-child{
margin: 0;
}
.born .imgRightBlock01 .text h3{
margin: 6.2% auto 7%;
max-width: 17.8%;
padding: 0 0 0 4%;
}
@media screen and (max-width: 599px) {
.born .imgRightBlock01 .text h3{
max-width: 51.8%;
margin: 0 auto 7.5%;
}
}
/*Left02*/
.born .imgLeftBlock02 .img li{
margin: 0 auto 2.1%;
}
.born .imgLeftBlock02 .img li:last-child{
margin: 0;
}
.born .imgLeftBlock02 .img li p{
float: left;
margin: 0 3.6% 0 0;
width: 48.2%;
}
.born .imgLeftBlock02 .img li p:last-child{
margin: 0;
}
.born .imgLeftBlock02 .text h3{
margin: 10.5% auto 15%;
max-width: 17.4%;
padding: 0 2.8% 0 0;
}
@media screen and (max-width: 599px) {
.born .imgLeftBlock02 .img li{
margin: 0;
}
.born .imgLeftBlock02 .img li p{
display: none;
}
.born .imgLeftBlock02 .text h3{
max-width: 51.4%;
margin: 0 auto 8%;
}
}
/*Right02*/
.born .imgRightBlock02{
margin: 0 auto 3%;
}
.born .imgRightBlock02 .img li{
margin: 0 auto 2.1%;
}
.born .imgRightBlock02 .text{
background: url(../../common/img/bornstory/denshichi/bornstory_bg_03.jpg) 80% bottom no-repeat;
background-size: 50.5% auto;
padding: 0 0 15.5%;
}
.born .imgRightBlock02 .text h3{
max-width: 17.8%;
margin: 7.1% auto 7.5%;
}
@media screen and (max-width: 599px) {
.born .imgRightBlock02 .text h3 {
margin: 0 auto 12.5%;
max-width: 75.8%;
}
.born .imgRightBlock02 .text{
background: none;
padding: 0;
}
}
/*Left03*/
.born .imgLeftBlock03 .img li{
width: 48.9%;
float: left;
margin: 0 2.2% 2.2% 0;
}
.born .imgLeftBlock03 .img li:nth-child(2n){
margin: 0 0 2.2% 0;
}
.born .imgLeftBlock03 .img .caption{
clear: both;
margin: 0;
width: 100%;
float: none;
}
.born .imgLeftBlock03 .caption dt{
font-size: 0.875rem;
margin: 0 0 1%;
}
.born .imgLeftBlock03 .caption dd{
font-size: 0.719rem;
line-height: 1.8;
}
.born .imgLeftBlock03 .text h3{
margin: 13% auto 21%;
max-width: 17.4%;
padding: 0 6% 0 0;
}
@media screen and (max-width: 599px) {
.born .imgLeftBlock03 .img li{
width: 98%;
float: none;
margin: 0 auto 2.2%;
}
.born .imgLeftBlock03 .text h3 {
margin: 14% auto 12%;
max-width: 87.4%;
}
.born .imgLeftBlock03 .img .face {
max-width: 31%;
margin: 0 auto 5.2%;
}
.born .imgLeftBlock03 .caption dt {
text-align: center;
font-size: 0.813rem;
}
.born .imgLeftBlock03 .caption dd {
font-size: 0.75rem;
}
}
/*--------------------------------
denshichi_tya
--------------------------------*/
.b_tya h2{
max-width : 198px;
}
.b_tya .headingBlock01 h3{
box-sizing: border-box;
margin: 0 14.2% 0 auto;
max-width: 203px;
padding: 4% 0 0;
}
.b_tya .headingBlock01{
max-width: 1000px;
background:url("../../common/img/bornstory/denshichi_tya/bornstory_bg_01_pc.jpg") left top no-repeat;
background-size: 100% auto;
height: 267px;
margin: 0 auto 155px;
}
.b_tya .headingBlock01 .innerBlock{
background: url(../../common/img/bornstory/denshichi_tya/bornstory_bg_02_pc.png) 58% bottom no-repeat;
background-size: 417px auto;
padding: 0 0 22.5%;
}
.b_tya .headingBlock02{
max-width: 893px;
}
.b_tya .headingBlock02 h3 {
margin: 0 0 4.7%;
}
/*2colBlock*/
.b_tya .imgLeftBlock02,
.b_tya .imgRightBlock01,
.b_tya .imgRightBlock02{
 margin: 0 auto 5.4%;
}
.b_tya .imgLeftBlock02 .text h3 {
max-width: 18.1%;
margin: 0.6% auto 13.6%;
 padding: 0 4.5% 0 0;
}
.b_tya .imgLeftBlock02 .text .leadText{
width: 64.7%;
padding: 0 7% 0 0;
}
.b_tya .imgRightBlock01 .text, 
.b_tya .imgRightBlock02 .text {
  background: none;
  padding: 0;
}
.b_tya .imgLeftBlock02 .text .jas {
max-width: 29.1%;
margin: 7.5% auto 10.7%;
padding: 0 10.5% 0 0;
}
.b_tya .imgRightBlock02 .text h3 {
margin: 5.5% auto 7.5%;
padding:  0 0 0 4.2%;
}
@media screen and (max-width: 1000px) {
.b_tya .headingBlock01{
max-width: 100%;
background:url("../../common/img/bornstory/denshichi_tya/bornstory_bg_01_sp.jpg") left top no-repeat;
background-size: contain;
height: auto;
margin: 0 auto 4.4%;
}
.b_tya .headingBlock01 h3 {
box-sizing: border-box;
margin: 0 35% 0 38%;
max-width: 206px;
}
.b_tya .headingBlock01 .innerBlock{
background: url(../../common/img/bornstory/denshichi_tya/bornstory_bg_02_sp.png) 52% bottom no-repeat;
background-size: 34% auto;
padding: 0 0 31%;
}
.b_tya .headingBlock02{
max-width: 95%;
}
}
@media screen and (max-width: 599px) {
.b_tya h2 {
max-width: 69%;
}
.b_tya .headingBlock01 h3 {
margin: 0 31% 0 35%;
max-width: 34%;
}
.b_tya .headingBlock02{
max-width: 91.8%;
margin: 0 auto 10%;
}
.b_tya .headingBlock02 .leadText {
text-align: center;
}
.b_tya .imgLeftBlock02 .text .leadText {
width: 90%;
margin: 0 auto;
padding: 0;
}
.b_tya .headingBlock01 .innerBlock {
background-size: 54% auto;
padding:  0 0 36%;
}
.b_tya .headingBlock02 h3 {
margin: 0 auto 4.7%;
max-width: 70.9%;
}
.b_tya .imgLeftBlock02 .img {
margin: 0 0 13%;
}
.b_tya .imgRightBlock01 .text h3{
 max-width: 66.8%;
margin: 0 auto 7.5%;
}
.b_tya .imgLeftBlock02 .text h3 {
margin: 0.6% auto 10.9%;
max-width: 83.7%;
padding: 0;
}
.b_tya .imgRightBlock02 .text h3 {
margin: 0 auto 12.5%;
max-width: 82.3%;
 padding: 0;
}
.b_tya .imgLeftBlock02 .text .jas {
  margin: 0 auto 10.7%;
  max-width: 69.6%;
  padding: 0;
}
}
/*--------------------------------
denshichi_kame
--------------------------------*/
.b_kame h2{
max-width : 198px;
margin: 0 auto 2.7%;
}
.b_kame .headingBlock01{
max-width: 1000px;
background:url("../../common/img/bornstory/denshichi_kame/bornstory_bg_01_pc.jpg") left top no-repeat;
background-size: 100% auto;
height: auto;
margin: 0 auto 31px;
}
.b_kame .headingBlock01 .innerBlock{
background: url(../../common/img/bornstory/denshichi_kame/bornstory_bg_02_pc.png) 59% bottom no-repeat;
background-size: 416px auto;
padding: 0 0 23%;
}
.b_kame .imgLeftBlock01,
.b_kame .imgLeftBlock02{
margin: 0 auto 6.7%;
}
.b_kame .imgRightBlock01{
margin: 0 auto 9.3%;
}
.b_kame .headingBlock01 h3 {
margin: 0 13% 0 auto;
max-width: 200px;
}
.b_kame .headingBlock02 {
margin: 0 auto 4.1%;
max-width: 687px;
}
.b_kame .headingBlock02 h3{
margin: 0 0 5.9%;
}
.b_kame .headingBlock02 .leadText {
width: 500px;
margin: 0 auto;
}
.b_kame .photoBlock {
  margin: 0 auto 9.05%;
}
.b_kame .imgLeftBlock01 .text h3 {
margin: 0 auto 8.1%;
max-width: 18%;
}
.b_kame .imgRightBlock01 .img li{
margin: 0 auto 2.1%;
}
.b_kame .imgRightBlock01 .img li:last-child{
margin: 0;
}
.b_kame .imgRightBlock01 .img li p{
float: left;
margin: 0 3.6% 0 0;
width: 48.2%;
}
.b_kame .imgRightBlock01 .img li p:last-child{
margin: 0;
}
.b_kame .imgRightBlock01 .text h3 {
margin: 6.4% auto 7%;
max-width: 17.8%;
}
.b_kame .imgLeftBlock02 .text h3 {
margin: 0 auto 10%;
max-width: 18.1%;
}
.b_kame .imgLeftBlock02 .img {
margin: 2.65% 0 0;
}
@media screen and (max-width: 1000px) {
.b_kame .headingBlock01{
max-width: 100%;
background:url("../../common/img/bornstory/denshichi_kame/bornstory_bg_01_sp.jpg") left top no-repeat;
background-size: contain;
height: auto;
margin: 0 auto 4.4%;
}
.b_kame .headingBlock01 h3 {
box-sizing: border-box;
margin: 0 31.2% 0 37%;
max-width: 31.8%;
}
.b_kame .headingBlock01 .innerBlock{
background: url(../../common/img/bornstory/denshichi_kame/bornstory_bg_02_sp.png) 52% bottom no-repeat;
background-size: 34% auto;
padding: 0 0 31%;
}
.b_kame .headingBlock02{
max-width: 95%;
}
}
@media screen and (max-width: 599px) {
.b_kame h2 {
max-width: 68%;
}
.b_kame .headingBlock01 .innerBlock{
background-position: 54% bottom;
background-size: 45% auto;
padding: 0 0 36%;
}
.b_kame .photoBlock {
    margin: 0 auto 16.8%;
}
.b_kame .headingBlock02 h3 {
margin: 0 auto 7.7%;
max-width: 81%;
}
.b_kame .headingBlock02 h3 + p{
max-width: 81%;
margin: 0 auto;
text-align: center;
}
.b_kame .headingBlock02 {
margin: 0 auto 13.2%;
}
.b_kame .imgLeftBlock01,
.b_kame .imgLeftBlock02{
margin: 0 auto 17.7%;
}
.b_kame .imgRightBlock01 {
margin: 0 auto 26.3%;
}
.b_kame .imgLeftBlock01 .img,
.b_kame .imgLeftBlock02 .img,
.b_kame .imgRightBlock01 .img{
margin: 0 auto 10.8%;
}
.b_kame .imgLeftBlock01 .text,
.b_kame .imgLeftBlock02 .text,
.b_kame .imgRightBlock01 .text{
margin: 0;
}
.b_kame .imgLeftBlock01 .text h3 {
margin: 0 auto 10%;
max-width: 62.2%;
}
.b_kame .imgRightBlock01 .img li p{
float: none;
margin: 0;
width: 100%;
}
.b_kame .imgRightBlock01 .text h3 {
    margin: 0 auto 7%;
    max-width: 50.5%;
}
.b_kame .imgLeftBlock02 .text h3 {
    margin: 0 auto 10%;
    max-width: 61.5%;
}
}