@charset "utf-8";

/* ------------------------------------------------------------------------- *
 *	PC : 641px < Window Size
/* ------------------------------------------------------------------------- */
@media print,screen and (min-width: 641px) {
	/* ------ Header ------ */
	#page-ttl{
		background-image: url(../../img/greeting/page_ttl_pc.jpg);
	}

	/* ------ Body ------ */
	#greeting .maruyo{
		display:flex;
		-js-display:flex;
		display:-webkit-flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		flex-flow: row nowrap;
		-webkit-flex-flow: row nowrap;
		align-items: flex-start;
		-webkit-align-items: flex-start;
		margin-bottom:60px;
	}
	.maruyo .pres{
		width:32%;
		text-align:center;
	}
	.maruyo .pres .img{
		margin-bottom:20px;
	}
	.maruyo .pres .job{
		line-height:1em;
		margin-bottom:10px;
		letter-spacing:3px;
	}
	.maruyo .pres .name{
		font-size:20px;
		line-height:1em;
		letter-spacing:3px;
	}
	.maruyo .msg{
		width:62%;
		line-height:2.4em;
		margin-top:-0.7em;
		letter-spacing:1px;
	}

	#policy{
		background-image: url(../../img/greeting/policy_bg_pc.jpg);
		background-size: cover;
		background-position: left center;
		background-repeat: no-repeat;
		width:100%;
		display:flex;
		-js-display:flex;
		display:-webkit-flex;
		-webkit-justify-content: flex-end;
		justify-content: flex-end;
		flex-flow: row nowrap;
		-webkit-flex-flow: row nowrap;
		align-items: center;
		-webkit-align-items: center;
		min-height:460px;
		margin-bottom:50px;
	}
	#policy .inbox{
		width:56%;
		margin:20px 4% 20px 0;
		background-color:rgba(0,0,0,0.6);
		padding:2.143em 3%;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	#policy .inbox h3{
		font-size:22px;
		text-align:center;
		display:block;
		margin-bottom:0.818em;
	}
	#policy .inbox p{
		line-height:2.3em;
		color:#fff;
		margin-bottom:1.214em;
	}
	#policy .inbox .comp_name{
		text-align:right;
		color:#fff;
		letter-spacing:1px;
	}

	#history h3{
		margin-bottom:40px;
	}
	#history h3 .lbl{
		font-size:22px;
		padding-bottom:15px;
	}
	#history .tbl_def1 td{
		padding-right:1.071em;
	}
	#history .tbl_def1 td .ttl_bb{
		font-size:16px;
		margin-bottom:0;
		line-height:1.5em;
	}
	#history .tbl_def1 td p:not(.ttl_bb){
		line-height:1.6em;
	}
	#history .tbl_def1 td p.mb{
		margin-bottom:10px;
	}
	#history .tbl_def1 td div.img{
		margin-top:15px;
		text-align:left;
	}
	#history .tbl_def1 td ul.img{
		display:flex;
		-js-display:flex;
		display:-webkit-flex;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		flex-flow: row nowrap;
		-webkit-flex-flow: row nowrap;
		align-items: flex-start;
		-webkit-align-items: flex-start;
		margin-top:15px;
	}
	#history .tbl_def1 td ul.img li:not(:last-child){
		margin-right:20px;
		text-align:left;
	}
}

/* ------------------------------------------------------------------------- *
 *	Mobile (Low Res) : 640px > 0
/* ------------------------------------------------------------------------- */
@media only screen and (max-width: 640px) {
	/* ------ Header ------ */
	#page-ttl{
		background-image: url(../../img/greeting/page_ttl_sp.jpg);
	}

	/* ------ Body ------ */
	#greeting .maruyo{
		margin-bottom:8.594vw;
	}
	.maruyo .pres{
		display:flex;
		-js-display:flex;
		display:-webkit-flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		flex-flow: row nowrap;
		-webkit-flex-flow: row nowrap;
		align-items: center;
		-webkit-align-items: center;
		margin-bottom:5.467vw;
	}
	.maruyo .pres .img{
		width:53.4%;
		max-width:320px;
	}
	.maruyo .pres .info{
		width:46.6%;
		text-align:center;
	}
	.maruyo .pres .job{
		line-height:1em;
		margin-bottom:0.893em;
	}
	.maruyo .pres .name{
		font-size:5vw;
		line-height:1em;
		letter-spacing:0.125em;
	}
	.maruyo .msg{
		line-height:1.5em;
	}

	#policy{
		background-image: url(../../img/greeting/policy_bg_sp.jpg);
		background-size: cover;
		background-position: left center;
		background-repeat: no-repeat;
		width:100%;
		display:flex;
		-js-display:flex;
		display:-webkit-flex;
		-webkit-justify-content: flex-end;
		justify-content: flex-end;
		flex-flow: row nowrap;
		-webkit-flex-flow: row nowrap;
		align-items: center;
		-webkit-align-items: center;
		width:100vw;
		margin:0 -3.125vw 8.594vw;
	}
	#policy .inbox{
		width:87.5vw;
		margin:6.25vw;
		background-color:rgba(0,0,0,0.6);
		padding:4.188vw 4.75vw;
		box-sizing:border-box;
		-webkit-box-sizing:border-box;
	}
	#policy .inbox h3{
		font-size:5vw;
		text-align:center;
		display:block;
		line-height:1em;
		margin-bottom:0.656em;
	}
	#policy .inbox p{
		line-height:1.5em;
		color:#fff;
		margin-bottom:1.563vw;
	}
	#policy .inbox .comp_name{
		text-align:right;
		color:#fff;
		line-height:1em;
	}

	#history h3{
		margin-bottom:6.25vw;
	}
	#history h3 .lbl{
		padding-bottom:0.329em;
	}
	#history .tbl_def1 th{
		padding-right:0.5em;
	}
	#history .tbl_def1 td{
		padding-right:1.071em;
	}
	#history .tbl_def1 td .ttl_bb{
		margin-bottom:0;
		line-height:1.5em;
	}
	#history .tbl_def1 td p:not(.ttl_bb){
		line-height:1.6em;
	}
	#history .tbl_def1 td p.mb{
		margin-bottom:0.446em;
	}
	#history .tbl_def1 td div.img{
		margin-top:0.67em;
		text-align:left;
	}
	#history .tbl_def1 td ul.img{
		display:flex;
		-js-display:flex;
		display:-webkit-flex;
		-webkit-justify-content: flex-start;
		justify-content: flex-start;
		flex-flow: row nowrap;
		-webkit-flex-flow: row nowrap;
		align-items: flex-start;
		-webkit-align-items: flex-start;
		margin-top:0.67em;
	}
	#history .tbl_def1 td ul.img.tandem{
		flex-flow: column wrap;
		-webkit-flex-flow: column wrap;
	}
	#history .tbl_def1 td ul.img:not(.tandem) li:not(:last-child){
		margin-right:3.125vw;
		text-align:left;
	}
	#history .tbl_def1 td ul.img.tandem li:not(:last-child){
		margin-bottom:3.125vw;
		text-align:left;
	}
	#history .tbl_def1 .s4003 .img{
		width:44.375vw;
	}
	#history .tbl_def1 .s4210 .img{
		width:31.25vw;
	}
	#history .tbl_def1 .s48 .img{
		width:71.719vw;
		max-width:459px;
	}
	#history .tbl_def1 .s52 .img{
		width:49.844vw;
		max-width:319px;
	}
	#history .tbl_def1 .s5410 .img li{
		width:41.719vw;
		max-width:267px;
	}
	#history .tbl_def1 .s5609 .img{
		width:35.782vw;
		max-width:229px;
	}
	#history .tbl_def1 .s5707 .img li:nth-child(1){
		width:33.125vw;
		max-width:212px;
	}
	#history .tbl_def1 .s5707 .img li:nth-child(2){
		width:48.438vw;
		max-width:310px;
	}
	#history .tbl_def1 .h5 .img{
		width:50vw;
		max-width:320px;
	}
	#history .tbl_def1 .h1610 .img{
		width:46.719vw;
		max-width:299px;
	}
	#history .tbl_def1 .h1808 .img{
		width:31.25vw;
		max-width:200px;
	}
	#history .tbl_def1 .h2003 .img{
		width:31.25vw;
		max-width:200px;
	}
	#history .tbl_def1 .h2101 .img li{
		width:31.25vw;
		max-width:200px;
	}
	#history .tbl_def1 .h2502 .img{
		width:46.25vw;
		max-width:296px;
	}
	#history .tbl_def1 .h2510 .img{
		width:41.875vw;
		max-width:268px;
	}
	#history .tbl_def1 .h2901 .img{
		width:14.688vw;
		max-width:94px;
	}
}