@charset "UTF-8";
/*
Theme Name: 冨田建設株式会社
Author: ito_blank
Description: .
Version: 1.0.0
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
*/

/*HISTORY*/
.page-id-83 .message__moon .triangle--inner img {
	margin: 5% 23%;
}
.page-id-83 .message__row {
	align-items: flex-start;
justify-content: start;
}
.page-id-83 .flexbox .features__head--main.is-animated svg {
height:100px;
}
.flexbox {
	display:flex;
	flex-wrap: wrap;
    justify-content: center;
	font-weight:bold;
}
.flexbox div {
	    width: calc(100% / 2);
}
.flexbox dt {
	width:100%;
	display: flex;
}
@media (min-width:769px){
	.flexbox dt {
		align-items: center;
	}
}
@media (max-width:768px){
	.flexbox dt {
		align-items: baseline;
	}
	.timeline dd {
		padding-top:10%;
		line-height:1.3;
	}
}
.leftside {
	text-align:right;
}
.leftside .timeline dt{
	justify-content: flex-end;
}
.leftside .timeline dt::after,
.rightside .timeline dt::before{
	border-top: 1px solid #000;
    content: "";
	width:30px;
}
.leftside dt::after{
    margin-left: 1em;
}
.rightside dt::before{
    margin-right: 1em;
}

.triangle--inner::after {
    content: "";
    display: block;
    position: absolute;
    top: 75px;
    z-index: -1;
    border-right: 110px solid transparent;
    border-bottom: 193.6025px solid #EBCA4B;
    border-left: 110px solid transparent;
}
.history__head--sub {
  overflow: hidden;
  width: 0;
  white-space: nowrap;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  font-size: 20px;
  font-size: 2rem;
}
@media (min-width: 1024px) {
  .history__head--sub {
    font-size: 30px;
    font-size: 3rem;
  }
}
.history__head--sub.is-animated {
  -webkit-animation: textAnime 1.5s forwards 1.5s;
          animation: textAnime 1.5s forwards 1.5s;
}


/*========= バー表示のためのCSS ===============*/

/*タイムライン全体の設定*/
.timeline{
 
  width:100%;
  margin:50px auto;
  padding:0 30px;
}

.timeline li{
    /*線の起点とするためrelativeを設定*/
    position: relative;
  list-style: none;
  padding:0 0 50px 0;
}

/*絶対配置で線を設定*/
.border-line {
    /*線の位置*/
  position: absolute;
  
  top:0;
  width:1px;/*線の太さ*/
  height:0;/*はじめは高さを0に*/
  background: #000;
}
.leftside .border-line {
right:-31px;	
}
.rightside .border-line {
left:-30px;	
}

/*タイムラインの見出し横の丸の位置と形状*/
.timeline li::after{
  content:'';
  position: absolute;
  top:13px;
  
  width:7px;
  height: 7px;
  background:#000;
  border-radius: 50%;
}
.leftside .timeline li::after{
	right:-34px;
}
.rightside .timeline li::after{
	left: -33px;
}

.pd1913{
	padding-top: 50px !important;
}
.pd1913::after {
	top: 65px !important;
}
.pd1938{
	padding-top: 440px !important;
}
.pd1938::after {
	top: 453px !important;
}
.pd1948{
	padding-top: 100px !important;
}
.pd1948::after {
	top: 113px !important;
}

@media (min-width:820px){
	.pd1953{
	padding-top: 180px !important;
}
.pd1953::after {
	top: 195px !important;
}
	.pd1960{
	padding-top: 90px !important;
}
.pd1960::after {
	top: 105px !important;
}
	.pd1970{
	padding-top: 265px !important;
}
.pd1970::after {
	top: 279px !important;
}
	.pd1975{
	padding-top: 210px !important;
}
.pd1975::after {
	top: 224px !important;
}
	.pd1981{
	padding-top: 350px !important;
}
.pd1981::after {
	top: 364px !important;
}
	.pd1986{
	padding-top: 175px !important;
}
.pd1986::after {
	top: 189px !important;
}
	.pd1989{
	padding-top: 135px !important;
}
.pd1989::after {
	top: 150px !important;
}
		.pd2001{
	padding-top: 393px !important;
}
.pd2001::after {
	top: 407px !important;
}
	.pd2019{
	padding-top: 990px !important;
}
.pd2019::after {
	top: 1003px !important;
}
.pd2020{
	padding-top: 280px !important;
}
.pd2020::after {
	top: 294px !important;
}
.pd2023{
	padding-top: 580px !important;
}
.pd2023::after {
	top: 594px !important;
}
	.pd2025{
	padding-top: 100px !important;
}
.pd2025::after {
	top: 112px !important;
}
}

@media (max-width:819px){
	.pd1953{
	padding-top: 300px !important;
}
.pd1953::after {
	top: 315px !important;
}
	.pd1964{
	padding-top: 90px !important;
}
.pd1964::after {
	top: 105px !important;
}
	.pd1970{
	padding-top: 393px !important;
}
.pd1970::after {
	top: 405px !important;
}
	.pd1975{
	padding-top: 260px !important;
}
.pd1975::after {
	top: 274px !important;
}
	.pd1981{
	padding-top: 330px !important;
}
.pd1981::after {
	top: 344px !important;
}
	.pd1986{
	padding-top: 235px !important;
}
.pd1986::after {
	top: 249px !important;
}
	.pd1989{
	padding-top: 250px !important;
}
.pd1989::after {
	top: 265px !important;
}
	.pd2001{
	padding-top: 423px !important;
}
.pd2001::after {
	top: 437px !important;
}
.pd2019{
	padding-top: 1260px !important;
}
.pd2019::after {
	top: 1273px !important;
}
	.pd2020{
	padding-top: 100px !important;
}
.pd2020::after {
	top: 114px !important;
}
.pd2023{
	padding-top: 440px !important;
}
.pd2023::after {
	top: 454px !important;
}
	.pd2025{
	padding-top: 50px !important;
}
.pd2025::after {
	top: 62px !important;
}
}


.pd2004{
	padding-top: 50px !important;
}
.pd2004::after {
	top: 65px !important;
}
.pd2011{
	padding-top: 184px !important;
}
.pd2011::after {
	top: 198px !important;
}



@media(min-width:769px){
.flexbox img {
	height:35px
}
}
@media(max-width:768px){
	.flexbox {
		margin-top:15%;
	}
.flexbox .img01 {
	width: 40%;
    height: 15px;
}
	.flexbox .img02 {
	width: 50%;
    height: 15px;
}
}

/*点線*/
.dotted {
	position:relative;
}
.dotted .dotted01,
	.dotted .dotted02,
	.dotted .dotted03,
	.dotted .dotted04{
	position:absolute;    
}
@media (min-width:769px){
	.dotted .dotted01,
	.dotted .dotted02,
	.dotted .dotted03,
	.dotted .dotted04{
		right: -200px;
	}
.dotted .dotted01 {
	    top: 250px;
}
.dotted .dotted02 {
	    top: 1280px;
}
.dotted .dotted03 {
	top: 2380px;
}
.dotted .dotted04 {
	top: 4188px;
}
}
@media (max-width:768px){
	.dotted .dotted01 img,
	.dotted .dotted02 img,
	.dotted .dotted03 img,
	.dotted .dotted04 img{
		max-width: 50vw;
}
.dotted .dotted01 img{
	margin-right: 0;
}
.dotted .dotted02 img{
	margin-left: 0;
}
	.dotted .dotted01 {
	    top: 400px;
}
.dotted .dotted02 {
	    top: 1400px;
}
.dotted .dotted03 {
	top: 2380px;
}
.dotted .dotted04 {
	top: 4188px;
}
}

/*イラスト*/
.img1914,
.img1913,
.img1953,
.img1970,
.img1981,
.img2001,
.img2011,
.img2019{
	position:relative;
}
.img1914::before,
.img1913::before,
.img1953::before,
.img1970::before,
.img1981::before,
.img2001::before,
.img2011::before,
.img2019::before{
    content: '';
	display: inline-block;
	background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
	position: absolute;
}
.img1914::before {
    background-image: url(/renew2305/wp-content/themes/tomitakensetsu/assets/history_img03.png);    
	left: 0;
}
@media (min-width:769px){
	.img1914::before {
    width: 203px;
		height: 161px;
		top: -100px;
	}
}
@media (max-width:768px){
	.img1914::before {
   width: 100%;
	height: 50px;
		top: -69px;
	}
}
.img1913::before {
    background-image: url(/renew2305/wp-content/themes/tomitakensetsu/assets/history_img04.png);    
	right: 0;
    
}
@media (min-width:769px){
	.img1913::before {
    width: 245px;
		height: 270px;
		top: 100px;
	}
}
@media (max-width:768px){
	.img1913::before {
    width: 100%;
	height: 100px;
    top: 300px;
	}
}
.img1953::before {
    background-image: url(/renew2305/wp-content/themes/tomitakensetsu/assets/history_img05.png);    
	left: 0;
    top: -5px;
}
@media (min-width:769px){
	.img1953::before {
    width: 355px;
		height: 126px;
	}
}
@media (max-width:768px){
	.img1953::before {
    width: 100%;
		height: 100px;
	}
}
.img1970::before {
    background-image: url(/renew2305/wp-content/themes/tomitakensetsu/assets/history_img06.png);    
	right: 0;
    top: -5px;
}
@media (min-width:769px){
	.img1970::before {
    width: 379px;
		height: 199px;
	}
}
@media (max-width:768px){
	.img1970::before {
    width: 100%;
		height: 100px;
	}
}
.img1981::before {
    background-image: url(/renew2305/wp-content/themes/tomitakensetsu/assets/history_img07.png);    
	left: 0;
    top: -5px;
}
@media (min-width:769px){
	.img1981::before {
    width: 358px;
		height: 199px;
	}
}
@media (max-width:768px){
	.img1981::before {
     width: 100%;
	height: 100px;
	}
}
.img2001::before {
    width: 474px;
    height: 248px;
    background-image: url(/renew2305/wp-content/themes/tomitakensetsu/assets/history_img08.png);    
	left: 0;
    top: -5px;
}
@media (min-width:769px){
	.img2001::before {
    width: 474px;
	height: 248px;
	}
}
@media (max-width:768px){
	.img2001::before {
    width: 100%;
	height: 100px;
	}
}
.img2011::before {
    background-image: url(/renew2305/wp-content/themes/tomitakensetsu/assets/history_img09.png);    
	right: 0;
    top: -65px;
}
@media (min-width:769px){
	.img2011::before {
    width: 265px;
		height: 255px;
	}
}
@media (max-width:768px){
	.img2011::before {
     width: 100%;
	height: 100px;
	}
}
.img2019::before {
    background-image: url(/renew2305/wp-content/themes/tomitakensetsu/assets/history_img010.png);    
	left: 0;
    top: 0;
}

@media (min-width:769px){
.img2019::before {
    width: 366px;
    height: 217px;
	}
}

@media (max-width:768px){
.img2019::before {
    width: 100%;
	height: 100px;
	}
	}


/*矢印*/
.rightside .border-line {
    position: absolute;
    top: 5px;
    left: -49px;
    background: url(/renew2305/wp-content/themes/tomitakensetsu/assets/arrow.png) center no-repeat;
    width: 38px;
}

/*.left {
    left: -300px;
}
.left::after {
	right: 77px;
}
.left .border-line {
    right: 80px;
}
.right .border-line {
	left:0.2em;
}*/