@charset "utf-8";
/* CSS Document */
	a.mail-inqiry img{
    width: 450px;
    margin: 2em 0 1em 0;
}
	.pc_only.text{
    display: inline-block;
}
	.sp_only.text{
    display: none;
	}
	img.map-antenna-icon {
    height: 2em;
    vertical-align: middle;
    background: #ceeaee;
    padding: 0.2em;
    border-radius: 3px;
	}
	.first-industry {
    padding: 0 15px 15px 15px;
}

	.first-industry.iframe-area{
		width: 100%;
		height: auto;
		background: #fff;
		text-align: center;
		position: relative;
	}
	.first-industry.iframe-area::before{
		content: "";
		display: block;
		padding-top: 60%; 

		
	}
	.first-industry.iframe-area iframe{
		position: absolute;
		width:1220px;
		height:925px; 
		-moz-transform:scale(0.7,0.7);
		-webkit-transform:scale(0.7,0.7);
		-o-transform:scale(0.7,0.7);
		-ms-transform:scale(0.7,0.7);
		transform:scale(0.7,0.7); 
		overflow:hidden;
		top:-20%;
		left: -5.5%;
		
	}
	.first-industry h2{
		font-size: 40px;
		font-weight: 700;
	}
	.first-industry h2{
		font-size: 32px;
		font-weight: 700;
	}

.first-industry-sec .dicrp-area p{
     line-height: 2em;
	
}
.first-industry-sec {
    text-align: center;
    margin-top: 36px;
}
.first-industry-sec h2{
    margin-bottom: 36px;
}
.first-industry-sec img{
    width: 100%;
}

.flex_img-area {
    display: flex;
}
.flex_img-area .flex_img-child{
    width: 49%;
    text-align: left;
}
.flex_img-area .flex_img-child:first-child{
    margin-right: 2%;
}
.flex_img-area .flex_img-child img{
    margin-bottom :1em;
}

.first-industry-sec .dicrp-area .flex-list{
    display: flex;
    margin-top: 1em;
    width: 80%;
    margin: 1em auto;
}
.first-industry-sec .dicrp-area .flex-list li strong{
    display: block;
    font-size: 16px;
    margin-bottom: 0.5em;
    background: #62b7e1;
    color: #ffffff;
    padding: 0.3em;
    border-radius: 5px 5px 0 0; 
	font-weight: 500;
}

.first-industry-sec .dicrp-area .flex-list li {
    margin-right: 4%;
    width: 48%;
    background: #ceeaee;
    padding-bottom: 1.5em;
    border-radius: 5px;
}
.first-industry-sec .dicrp-area .flex-list li:nth-last-of-type(1){
    margin-right: 0;
    
}
	.mt36{
		margin-top: 36px;
	}
	.if_movie-area {
    width: 100%;
    margin-bottom: 36px;
    text-align: center;
}
.if_movie-area iframe {
    width: 730px;
    height: 420px;
    border: solid 1px #cccccc;
}
.special-wrap h3{
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    margin: 20px;
}
.first-industry-sec.mcnzm-area img{
    width: 80%;
    margin-bottom: 1em;
}
	a.orange-btn.blank-link-w {
    padding: 1.5em 5.5em;
    font-size: 16px
    
}
/*==================================================
スライダーのためのcss
===================================*/
ul.slider.slick-initialized.slick-slider.slick-dotted {
    margin: 2em 0;
}
	
.first-industry.first-industry-top  .slider {/*横幅94%で左右に余白を持たせて中央寄せ*/
   width:94%;
    margin:0 auto;
}

.first-industry.first-industry-top .slider img {
    width:auto;
    height:300px;
}

/*slickのJSで書かれるタグ内、スライド左右の余白調整*/

.slider .slick-slide {
    margin:0 10px;
}

/*矢印の設定*/

/*戻る、次へ矢印の位置*/
.slick-prev, 
.slick-next {
    position: absolute;/*絶対配置にする*/
    top: 42%;
    cursor: pointer;/*マウスカーソルを指マークに*/
    outline: none;/*クリックをしたら出てくる枠線を消す*/
    border-top: 2px solid #666;/*矢印の色*/
    border-right: 2px solid #666;/*矢印の色*/
    height: 15px;
    width: 15px;
}

.slick-prev {/*戻る矢印の位置と形状*/
    left: -1.5%;
    transform: rotate(-135deg);
}

.slick-next {/*次へ矢印の位置と形状*/
    right: -1.5%;
    transform: rotate(45deg);
}

/*ドットナビゲーションの設定*/

.slick-dots {
    text-align:center;
  margin:20px 0 0 0;
}

.slick-dots li {
    display:inline-block;
  margin:0 5px;
}

.observation_point-area .slick-dots button {
    color: transparent;
    outline: none;
    width: 18px;
    height: 18px;
    display: block;
    border-radius: 50%;
    /* margin-top: 1px; */
    /* margin-left: 1px; */
    /* background: #ccc; */
}

.observation_point-area .slick-dots .slick-active button{
    background:#ceeaee;/*ドットボタンの現在地表示の色*/
}

.observation_point-area.slick {
    width: 1070px;
}
.observation_point-area.slick ul{
    width: 100%;
}
/*ヘッダーの文字サイズボタンとの干渉回避*/
button#slick-slide-control00::before {
    content: "";
}


/*========= スライダーのためのcssEND ===============*/

.interview-area {
    display: flex;
    background: #ceeaee;
    border-radius: 7px;
    padding: 1em;
}
.interview-area .img-area{
    width: 30%;
    margin-right: 3%;
}
.interview-area .dis-area{
    width: 67%;
    text-align: left;
    line-height: 2em;
}	
ul.connection-list {
    text-align: left;
    margin: 0 0 0 1em;
    display: inline-block;
}
ul.connection-list li{
    list-style: disc;
    margin-bottom: 1em;
}
.interview-area .img-area p{
    text-align: left;
}
.interview-area p span{
    font-weight: 500;
    font-size: 18px;
}

.interview-area {
    display: flex;
    border-radius: 7px;
    padding: 1em;
    background: #ffffff;
}

.interview-area .dis-area{
    background: #ceeaee;
    border-radius: 5px;
    padding: 1em 2em;
    position: relative;
}
.interview-area .dis-area::before{
    content: " ";
    border-top: 20px solid transparent;
    border-right: 25px solid #ceeaee;
    border-bottom: 20px solid transparent;
    border-left: 20px solid transparent;
    position: absolute;
    left: -45px;
    top:90px;
    
}
.first-industry.img-area {
    text-align: center;
}
.first-industry.img-area img {
    width: 730px;
}
/*========= スマホ ===============*/	
@media screen and (max-width: 768px) {
	.sp_only.text{
    display: inline-block;
	}
	.pc_only.text {
    display: none;
}
	.first-industry-sec.mcnzm-area img {
    width: 100%;
    margin-bottom: 1em;
}
.first-industry.iframe-area{
		width: 100%;
		height: 390px;
		background: #fff;
		text-align: center;
		position:relative;
	}
	.first-industry.iframe-area::before {
    content: "";
    display: block;
	padding-top: 285px;
}
	.first-industry.iframe-area iframe{
		position: absolute;
		min-width: 1250px; 
		margin: 0 20px;
		height: 935px; 
		-moz-transform:scale(0.3,0.3);
		-webkit-transform:scale(0.3,0.3);
		-o-transform:scale(0.3,0.3);
		-ms-transform:scale(0.3,0.3);
		transform:scale(0.3,0.3); 
		top: 5px;
		transform-origin: 0 0;
		
	}
	  .first-industry.iframe-area h3 {
          margin-left: 0;
		  font-size: 14px;
    }
	.first-industry h2 {
		font-size: 16px;
		margin-bottom: 1em;
	}
	  .first-industry.iframe-area flex-p {
          margin-left: 0;
	}
	.flex_img-area {
    	display: block;
	}
	.flex_img-area .flex_img-child{
    	width: 100%;
	}
	.flex_img-area .flex_img-child:first-child{
    	margin-right: unset;
	}
	.flex_img-area .flex_img-child img{
    	margin-top: 1em;
	}
	.first-industry-sec .dicrp-area {
    	/*padding: 1em 1em;*/
    
	}
	.first-industry-sec .dicrp-area p{
    	letter-spacing: -0.6px;
	}	
	.first-industry p{
		/*text-align: left;*/
	}
	.first-industry-sec .dicrp-area .flex-list {
    display: inline-block;
    width: 100%;
}
.first-industry-sec .dicrp-area .flex-list li{
    margin-bottom: 1em;
    width: 100%;
}
	.first-industry-sec .dicrp-area .flex-list li:nth-last-of-type(1){
    margin-bottom: 0;
}
.special-wrap h3{
    margin: 0 0 20px 0;
}

.first-industry {
    padding: 0 15px;
}

.if_movie-area iframe {
    width: 100%;
	height: 183px;
   

}
	.interview-area {
    display: inline-block;
    padding: 0;
    background: unset;
}

.interview-area .img-area {
    width: 100%;
    margin-right: 0;
}
.interview-area .img-area.img-area {
    margin-bottom: 1em;
   
}
.interview-area .img-area.img-area img{
    margin-bottom: 0.5em;
}
.interview-area .img-area.img-area p {
    text-align:center;
   
}

.interview-area .img-area.img-area p span {
    font-weight: 500;
    font-size: 1.5em;
    color: #000000;
    margin-left: 3em;
}

.interview-area .dis-area {
    width: 100%;
    line-height: 1.5em;
}
.interview-area .dis-area::before {
    content: unset;
}
/*==================================================
スライダーのためのcss-SP
===================================*/
ul.slider.slick-initialized.slick-slider.slick-dotted {
    margin: 2em 0;
}
	
.slider {/*横幅94%で左右に余白を持たせて中央寄せ*/
   width:94%;
    margin:0 auto;
}

.first-industry.first-industry-top .slider img {
    width:auto;
    height:150px;
}
.observation_point-area.slick {
    width: unset;
}
/*==================================================
スライダーのためのcss-SP END
===================================*/
	
}