@charset "utf-8";

/* PC・SP：home.css
 * **************************************************
 * Content
 * **************************************************
 */

/*
 * ======================================
 * PC
 * ======================================
 */
 *,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
}

.inner {
	margin: 0 auto;
    padding: 0;
    position: relative;
    max-width: 1100px;
    box-sizing: border-box;
}

@media (max-width: 1120px) {
	.inner {
        width: 100%;
        margin: 0 auto; 
        padding: 0 24px ;
    }
}

@media print, screen and (min-width: 641px) {
    body {
        overflow: hidden;
        position: relative;
        min-width: unset !important;
    }
}

/* header */
#header {
	display: flex;
	align-items: center;
	justify-content: space-between;
    width: 100%;
	height: 120px;
	padding: 0 60px;
	top: 0;
	left: 0;
    background-color:#141418 ;
}

#header .logo {
	top: 4px;
	left: 0;
}

#header .logo .image {
	height: 32px;
	width: auto;
}

/* contents */
#content {
	background-color:#141418 ;
    font-family: "A P-OTF UD黎ミン","UD黎ミン","Hiragino Mincho ProN","HGS明朝E", "MS PMincho",serif;
}

#content h1 {
	color:#fff ;
    font-size:4rem ;
    text-align: center;
    padding: 3% 0%;
}

#content .title_bg img {
    width: 100%;
}

#content .row-layout {
  display: flex;
  align-items: flex-start;
  flex-wrap: nowrap;
  width: 100%;
  box-sizing: border-box;
  margin-top: 5%;
}

#content .number-icon {
  width: 100px;
  height: 69px;
  margin-right: 12px;
}

#content .text-block {
 flex: 1;
  min-width: 0;
  max-width: 600px;
  color: #fff;
  margin-right: 28px;
}

#content .text-block h2 {
font-size: 2.3rem;
margin-bottom: 16px;
}

#content .text-block p {
font-size: 116%;
}


#content .photo-image {
  display: flex;
  flex-direction: column; 
  gap: 20px;              
  flex-shrink: 0;
}

#content .photo-image img {
  width: 100%;
  height: auto;
  border-radius: 8px;
  object-fit: cover;
}


  /* contentBtm */
#contentBtm {
	background-color:#141418 ;
}

#contentBtm .inner {
	display: flex;
   justify-content: space-between;
   align-items: center;
   flex-wrap: wrap;
   padding-top: 3%;
   padding-bottom:2% ;
}

#contentBtm .sns_btn a {
  margin-right: 10px;
}

#contentBtm .sns_btn a img {
 height: 36px;
 width: auto;
}

#contentBtm .btmLink ul {
  display: flex;
  gap: 16px;
  list-style: none;
  padding: 0;
  margin: 0;
}

#contentBtm .btmLink a {
  color: #fff;
  text-decoration: none;
  font-family: "A P-OTF UD黎ミン","UD黎ミン","Hiragino Mincho ProN","HGS明朝E", "MS PMincho",serif;
}

#contentBtm .btmLink a:hover {
	color: #666;
}


/* footer */
#footer .inner {
		max-width: 1100px;
		width: 100%;
	}

#footer>p {
	border-bottom: 1px solid #9E9E9F;
	color: #DBDCDC;
	font-size: 1.2rem;
	padding: 1.8em 0;
	text-align: center;
	}

#footer .inner>p {
	display: none;
} 



/*
 * ======================================
 * SP
 * ======================================
 */

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

/* header */
#header {
height: 56px;
padding: 0 24px;
position: static;
z-index: 0;
}

#header .logo {
	top: 0px;
	margin: 0 auto;
}

#header .logo .image {
	height: 22px;
}
}

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

/* Content
------------------------------------------------------------------ */

#content h1 {
    font-size:2.3rem ;
    padding: 3% 0%;
}

#content .row-layout {
  display: block;
  margin-top: 14%;
  text-align: center;
}

#content .number-icon {
  width: 50px;
  height: 34.5px;
  margin-right: 0px;
  margin-bottom: 12px;
}

#content .text-block {
  max-width: 100%;
  margin-right: 0px;
  margin-bottom: 12px;
}

#content .text-block h2 {
font-size: 2rem;
margin-bottom: 4px;
}

#content .text-block p {
font-size: 92%;
}

 /* contentBtm */

#contentBtm .inner {
	display: block;
   align-items: center;
  text-align: center;
  padding-top: 14%;
   padding-bottom:6% ;
}

#contentBtm .sns_btn  {
 margin: 0 auto;
 margin-bottom: 4%;
}

#contentBtm .sns_btn a {
  margin-right: 12px;
}

#contentBtm .sns_btn a img {
 height: 24px;
}

#contentBtm .btmLink ul {
  flex-wrap: wrap;
  justify-content: center;
   line-height: 1;
  gap: 12px;
}

 /* footer */
#footer{
	background-color: #000;
}

#footer>p {
	padding: 24px;
	}

}