@charset "utf-8";


/* ----------------------------------------------------------------------
	
	 私たちについて css
	
---------------------------------------------------------------------- */


.tho .title_type1 {
  background-image: url("/thoughts/images/bg_head.jpg");
}

.title_type1 > .cover {
    background-color: rgba(0,0,0,0.25);
}


.tho .section_title.font_eb {
  font-size: 4.2rem;
}

.title_type1 > .title {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 16%;
}


.title_type1 > .title h1 {
  margin-bottom: 0;
  font-size: 5.2rem;
  text-shadow: 1px 2px 4px rgba(0,0,0,0.25);
}

.title_type1 > .title p {
  font-size: 2rem;
}

.img_full {
  display: flex;
  width: 100%;
  margin-top: 120px;
}

.img_full > .left {
  width: 55%;
  margin-right: 30px;
}

.img_full > .right {
  width: 45%;
  margin-left: 30px;
}


#tho1 .grid_simple > .txt {
  flex: 0 0 34%;
  position: relative;
}


#tho1 .grid_simple > .txt > .inner {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -240px;
  padding-left: 20px;
}

#tho1 .grid_simple > .txt > .inner > .block {
  background-color: rgba(255,255,255,0.6);
  padding: 35px;
  font-size: 1.8rem;
}

#tho1 .grid_simple > .img {
  flex: 1;
}


#tho2 {
  padding: 0 30px;
  padding-top: 60px;
  padding-bottom: 80px;
  background-color: #FFF;
}

#tho4 {
  background-color: #FFF;
}

.img img.sp {
  display: none;
}

br.-ispc {}


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

br.-ispc { display: none; }

.img img.pc {
  display: none;
}

.img img.sp {
  display: block;
}

.title_type1 > .title {
  right: 10%;
  padding: 0;
}

.title_type1 > .title h1 {
  font-size: 4.2rem;
}

.title_type1 > .title p {
  font-size: 1.6rem;
}

#tho1 .grid_simple > .txt {
  flex: 0 0 100%;
}

#tho1 .grid_simple > .txt > .inner {
  position: relative;
  top: 0;
  right: auto;
  left: 0;
  transform: translateY(0);
  padding-left: 0;
}

#tho1 .grid_simple > .txt > .inner > .block {
  padding: 0;
  background: none;
}

.tho .section_title.font_eb {
    font-size: 3.6rem;
    text-align: center;
    margin-top: 0;
}

.section.full .grid_simple > .img.pad {
  padding: 0 10px;
}


}

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


}

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




}

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




}