@charset "utf-8";
/* CSS Document */
main h1{
	margin-bottom:-1em;
	position:relative;
}
main h2.ttl {
	display:flex;
	background:url(../img/title_bg01.png) center bottom/contain no-repeat;
    font-size: 3rem;
	margin:0 auto;
    margin-bottom: 1rem;
	width:9em;
	height:3.73em;
	justify-content:center;
	align-items:flex-end;
	color:#EB0100;
}
main h2.experience {
	background:url(../img/title_bg02.png) center bottom/contain no-repeat;
}
main ul.flex{
	margin-bottom:2rem;
}
main ul.flex:last-child{
	margin:5rem 0;
}
main ul.flex li{
	text-align:center;
	width: 47.04%;
}
main ul.flex li a{
	display:block;
}
main ul.flex li img{
	max-width:100%;
}
main ul.flex li .ttl{
	font-size:2rem;
	margin:0.3em 0 0em 0;
	padding-bottom:0.7em;
	display:inline-block;
	line-height:1.2;
}
main ul.flex li .ttl span{
	font-size:1.6rem;
}
main ul.flex li .text{
	padding:0 0.5em;
	text-align:center;
	
}

main .ex_bnr{
	padding:1em 0 2.5em 0;
	text-align:center;
	
}


main div a.flex{
	margin-bottom:8rem;
}
main div a.flex img{
	width:31.47%;
}
main div a.flex div{
	width:65%;
}
main div a.flex div p:nth-of-type(1){
	display:inline-block;
	font-size:2.2rem;
	border-bottom:0.1rem solid;
	padding-bottom:0.3em;
	margin:0.8em 0 0.8em 0;
}
main h3{
	font-size:2.6rem;
	margin-bottom:1.2em;
}
main ul.other li .text {
    text-align: center;
	margin-top:0.5em;
}

/*----------------
公式SNS
------------------*/
#sns{
	background-color:#f1eee9;
	padding:4rem 0 10rem 0;
}
#sns h2{
	margin-bottom:1rem;
	
}
#sns ul{
	text-align:center;
	font-size:0px;
}
#sns ul li{
	display:inline-block;
	margin:0 1.5rem;
	width:6.8rem;
}


/*---------------------------------------------------------------
横幅768px～1190pxまでのレイアウト
---------------------------------------------------------------*/
@media screen and (min-width:768px) and (max-width:1150px){
main ul.flex li .ttl {
    font-size: 1.69vw;
}	
main ul.flex li .ttl span {
    font-size: 1.35vw;
}
main ul.flex li .text {
    font-size: 1.35vw;
}
	
}





/*---------------------------------------------------------------
スマホレイアウト
---------------------------------------------------------------*/
@media screen and (max-width:767px){
main h1{
	margin-bottom:1em;
}
main h2.ttl {
	width:100%;
}
main ul.flex {
    margin-bottom: 5rem;
}
main ul.flex li {
    width: 100%;
	margin-bottom:2em;
}
main ul.flex li .text {
    text-align: left;
}
main ul.flex li:last-child {
	margin-bottom:0em;
}
main div a.flex img {
    width: 100%;
}
main div a.flex div {
    width: 100%;
}
main div a.flex div {
	text-align:center;
}
main div a.flex div p:nth-of-type(1) {
    font-size: 2rem;
}
main div a.flex div p:nth-of-type(2) {
    text-align:left;
}

/*----------------
公式SNS
------------------*/
#sns {
    padding: 2rem 0 2rem 0;
}
#sns h2 {
    font-size:2.5rem;
}
  #sns ul li {
    width: 13%;
    margin: 0 0.7rem;
  }
  
  #sns ul li:first-child{
    margin: 0 0.7rem 0 0;
  }
  
  #sns ul li:last-child{
    margin: 0 0 0 0.7rem;
  }
#sns ul li img{
	width:100%;
}
	
}