@charset "utf-8";


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

    #sec1 .img{
	background-size: cover;
	background-position: right 10% !important;
	background-image: url(/_img/ir/index/bg3_sp.jpg)!important;
}

	#sec1 .img{
		padding-top: 100%;
	}
	#sec1 .txt{
		padding: 6% 5% 12%;
	}
	#sec1 .txt .p3{
		margin-top: 6%;
		padding-right: 20%;
	}
}

@media screen and (min-width:641px) {
    #sec1 .img{
	background-size: cover;
	background-position: right 30%;
	background-image: url(/_img/ir/index/bg3.jpg);
}

	#sec1{
		height: 690px;
	}
	#sec1 .img{
		position: absolute;
		z-index: -1;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}
	#sec1 .txt{
		padding-top: 350px;
	/*	padding-top: 100px;  */
		width: 90%;
		line-height: 2;
		font-size: 1.8rem;
		text-shadow: 0 0 0.5em #fff;
	}

	#sec1 .txt .p1,
	#sec1 .txt .p2{
		margin-bottom: 2em;
	}
	#sec1 .txt .p3{

	}
}

@media screen and (max-width:1400px) and (min-width:641px){
#sec1 .txt{
/* max-width: 53%; */
}
}

#sec2{
	background-color: #ededed;
}

.page_links_list {
}
.page_links_list li a{
	background-size: contain;
}

.page_links_list li span {
	background-size: auto 1.1em;
}

.page_links_list .li1 a{
	background-image: url(/_img/ir/index/li_bg1.jpg);
}
.page_links_list .li2 a{
	background-image: url(/_img/ir/index/li_bg2.jpg);
}
.page_links_list .li3 a{
	background-image: url(/_img/ir/index/li_bg3.jpg);
}

@media screen and (max-width:640px) {
	#sec2{
		padding: 10% 5%;
	}
}

@media screen and (min-width:641px) {
	.page_links_list li span{
	padding-left: 165px;
	}
	#sec2{
		padding: 30px;
	}
	.page_links_list li {
		width: 32%;
		margin-bottom: 0;
	}
	.page_links_list li a{
		height: 92px;
		font-size: 1.8rem;
	}
	.page_links_list li:nth-child(odd){
		margin-right: 0;
	}
	.page_links_list li+li{
		margin-left: 2%;
	}
}






#sec3{
	margin: 5rem 0 6rem;
}

#sec3 .h2_wrap{
	position: relative;
}

#sec3 .h2_wrap .ichiran{
	position: absolute;
	right: 0;
	bottom: 0;

}

#sec3 .h2_wrap .ichiran:before{
	font-family: FontAwesome;
	content: "\f054";
	font-size: .7em;
	color: #ccc;
	margin-right: .5em;
	vertical-align: middle;
}

#sec3 .h2_wrap .ichiran span{
	text-decoration: underline;
}

#sec3 .h2b{
	font-size: 4rem;
	margin-bottom: .5em;
}


@media screen and (max-width:640px) {
	#sec3{
		padding: 0 5%;
	}
	#sec3 .h2b{
		font-size: 3rem;
	}
	#sec3 .h2_wrap .ichiran{
		font-size: 1.8rem;
	}
}

@media screen and (min-width:641px) {

}








#sec4 .h1a{
	border-bottom: none;
}

.focus_list {
}
.focus_list li {
}
.focus_list a {
	font-weight: bold;
	text-align: center;
	display: block;
}
.focus_list figure {
}
.focus_list img {
}




@media screen and (max-width:640px) {
	.focus_list{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 12%;
	}
	.focus_list li + li{
		margin-top: 7%;
	}
	.focus_list figcaption {
		margin-top: 0.4em;
		font-size: 1.1em;
	}
}

@media screen and (min-width:641px) {
	.focus_list{
		margin-bottom: 7%;
	}
	.focus_list li {
		width: 31.33%;
		float: left;
	}
	.focus_list li + li{
		margin-left: 3%;
	}
	.focus_list figcaption {
		margin-top: 1em;
	}
}





@media screen and (min-width:641px) {
	.list1 .news_li .pNews {
		overflow: hidden;
		display: inline-flex;
		vertical-align: top;
	    ?@?@overflow: hidden;
		display: inline-block;
		vertical-align: top;
		width: calc(100% - 330px);
	}
}

#sec3 .list1 .ir_news_li .p:before{
	display: inline-block;
	text-align: center;
	width: 10em;
	color: #fff;
	margin-right: .3em;
	font-size: .8em;
}

#sec3 .news_list .ir_news_li .date:after,
#sec3.list1 .ir_news_li .p:before {
    display: inline-block;
    text-align: center;
    width: 7em;
    color: #fff;
    margin-right: 1em;
    font-size: 1.3rem;
    margin: -0.5em 1em 0.4em 0.3em;
    padding: 3px 4px;
}


#sec3 .news_list .ir_news_li .date:after,
#sec3 .list1 .ir_news_li .p:before {
    content: 'IR';
    background-color: #9a5eae;
}


	.list1 .ir_news_li a:hover {
		text-decoration: underline;
	}



/* ?@*/
@media screen and (min-width:641px) {
ul.President_list{
  padding: 0px;
}
ul.President_list li{
    display: inline;
    width: 50%;
    padding-top:20px;
}
ul.President_list li img{
    max-width: 100%;
}

}

@media screen and (max-width:640px) {
ul.President_list{
  padding: 0px;
}
ul.President_list li{
    display: inline;
    width: 100%;
    padding-top:20px;
}
ul.President_list li img{
    max-width: 100%;
}

}