@charset "utf-8";
/*--------------------------------------
	copyright : Lampros co.,Ltd.
--------------------------------------*/

@import url(normalize.css);
@import url(../_plugin/fontawesome/css/all.min.css);
@import url(../_plugin/aos/aos.css);
@import url(common_parts.css);
@import url(common.css);


/*
 company
==============================*/

iframe { pointer-events: auto; }

/* roots ----------*/
#roots {}
#roots p { font-weight: bold; line-height: 2.5;background-image: url(../_img/company/img_0.svg); background-repeat: no-repeat; background-position: right bottom; background-size: 460px auto; }
@media (max-width: 1150px) {
    #roots p {
        background-size: calc(100vw * 0.4) auto !important; /* 画面の50%のサイズに設定 */
    }
}

/* outline ----------*/
#outline {}
#outline iframe { width: 100% !important; }
#outline .pmark_img { width: 10rem; }

/* history ----------*/
#history {}
#history:before {}
#history .history_timeline { position: relative; }
#history .history_timeline:before { position: absolute; top: 0; left: 50%; content: ""; width: 1px; height: 100%; background-color: #EE7800; }
#history .history_timeline li { position: relative; width: calc(50% - 4rem); margin-top: -4rem; padding: 2rem; border: solid 1px #DDD; background-color: #FFF; }
#history .history_timeline li:before, #history .history_timeline li:after { position: absolute; top: 0; bottom: 0; content: ""; width: 0; height: 0; margin: auto; border: 3rem solid transparent; border-top-width: 2rem; border-bottom-width: 2rem; border-left: 3rem solid #DDD; }
#history .history_timeline li:before { right: -6rem; }
#history .history_timeline li:after { right: -5.82rem; border-left-color: #FFF; }
#history .history_timeline li:nth-child(even) { margin-left: calc(50% + 4rem); }
#history .history_timeline li:nth-child(even):before, #history .history_timeline li:nth-child(even):after { border: 3rem solid transparent; border-top-width: 2rem; border-bottom-width: 2rem; border-right: 3rem solid #DDD; }
#history .history_timeline li:nth-child(even):before { right: auto; left: -6rem; }
#history .history_timeline li:nth-child(even):after { right: auto; left: -5.82rem; border-right-color: #FFF; }
#history .history_timeline li span { display: block; font-size: 1.6rem; }
#history .history_timeline li .d { margin-bottom: 1rem; color: #EE7800; font-weight: bold; font-size: 1.4rem; }
#history .history_timeline li .d:before { content: ""; width: 0.7rem; height: 0.7rem; border-radius: 50%; background-color: #EE7800; position: absolute; top: 0; bottom: 0; margin: auto; right: -4.45rem; }
#history .history_timeline li:nth-child(even) .d:before { right: auto; left: -4.45rem; }
#history .history_timeline li .t {}
@media screen and (max-width:414px) { /* iPhone 縦 s */
	#history .history_timeline:before { left: 100%; }
	#history .history_timeline li { width: calc(100% - 4rem); margin-top: 0; margin-bottom: 2rem; }
	#history .history_timeline li:nth-child(even) { margin-left: 0; }
	#history .history_timeline li:nth-child(even):before, #history .history_timeline li:nth-child(even):after { border: 3rem solid transparent; border-top-width: 2rem; border-bottom-width: 2rem; border-left: 3rem solid #DDD; }
	#history .history_timeline li:nth-child(even):before { right: -6rem; left: auto; }
	#history .history_timeline li:nth-child(even):after { right: -5.82rem; left: auto; border-left-color: #FFF; }
	#history .history_timeline li:nth-child(even) .d:before { right: -4.45rem; left: auto; }
}

/* future ----------*/
#future {}
#future .sec_header { background-image: url(../_img/company/img_1.jpg); }