@charset "UTF-8";

@media screen and (max-width: 960px) {
	.pc {
	/*
		width:960px;
		*/
	}
	
}

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

	/* 共通 */

	.pc {
		display:none !important;
	}

	.mb {
		display:block !important;
	}

	/* 共通 */
	
	.f20 { font-size:1em}
	.f24 { font-size:1em}
	.f25 { font-size:1em}
	.f28 { font-size:1em}
	.f30 { font-size:1.1em}
	.f40 { font-size:1.1em}
	.f60 { font-size:1.2em}

	.l40 { line-height:1.2em}

	.std_width {
		width:95%;
	}
	
	.std_margin_top { margin-top:30px;}
	.std_margin_top2 { margin-top:20px;}
	.std_margin_top3 { margin-top:10px;}

	.std_margin_bottom { margin-bottom:30px;}
	.std_margin_bottom2 { margin-bottom:20px;}
	.std_margin_bottom3 { margin-bottom:10px;}

	.std_padding_top { padding-top:30px;}
	.std_padding_top2 { padding-top:20px;}
	.std_padding_top3 { padding-top:10px;}

	.std_padding_bottom { padding-bottom:30px;}
	.std_padding_bottom2 { padding-bottom:20px;}
	.std_padding_bottom3 { padding-bottom:10px;}
		
	.padding20 {
		padding:10px;
	}

	.totop {
		right:10px;
	}
	
	.std_width .std_inner {
		width:100%;
		margin:0 auto;
	}

	.f20 { font-size:1em}
	.f30 { font-size:1.1em}
	.f32 { font-size:1.1em}
	.f40 { font-size:1.5em}
	.f60 { font-size:2em}

	.w50p {
		width:40%;
	}
	
	.mb_w100p { width:100%;}
	.mb_w90p { width:90%;}
	.mb_w80p { width:80%;}
	.mb_w70p { width:70%;}
	.mb_w60p { width:60%;}
	.mb_w50p { width:50%;}
	.mb_w40p { width:40%;}
	.mb_w30p { width:30%;}
	.mb_w20p { width:20%;}
	
	.std_column2.mb_break {
	}

	.std_column2.mb_break .left {
		width:100%;
		float:none;
	}

	.std_column2.mb_break .right {
		width:100%;
		float:none;
	}
	
	.std_column2.col2_20_76 .left,
	.std_column2.col2_20_76 .right,
	.std_column2.col2_30_66 .left,
	.std_column2.col2_30_66 .right,
	.std_column2.col2_30_70 .left,
	.std_column2.col2_30_70 .right,
	.std_column2.col2_35_61 .left,
	.std_column2.col2_35_61 .right,
	.std_column2.col2_40_56 .left,
	.std_column2.col2_40_56 .right,
	.std_column2.col2_48_48 .left,
	.std_column2.col2_48_48 .right,
	.std_column2.col2_50_50 .left,
	.std_column2.col2_50_50 .right,
	.std_column2.col2_56_40 .left,
	.std_column2.col2_56_40 .right,
	.std_column2.col2_56_42 .left,
	.std_column2.col2_56_42 .right,
	.std_column2.col2_61_35 .left,
	.std_column2.col2_61_35 .right,
	.std_column2.col2_66_30 .left,
	.std_column2.col2_66_30 .right,
	.std_column2.col2_73_25 .left ,
	.std_column2.col2_73_25 .right,
	.std_column2.col2_76_20 .left ,
	.std_column2.col2_76_20 .right {
		width:100%;
	}
	
	.std_column2.col2_48_48.mb_no_break .left { float:left;width:48%;}
	.std_column2.col2_48_48.mb_no_break .right { float:right;width:48%;}
	
	
	.std_column3{
	}

	.std_column3:after {
		content:"";
		clear:both;
		display:block;
	}

	.std_column3 .column {
		width:32%;
		margin-right:1.5%;
		float:left;
	}

	.std_column3.mb_break{
	}

	.std_column3.mb_break .column {
		width:100%;
		margin-right:0;
		float:none;
	}

	.std_column4 {
	}

	.std_column4:after {
		content:"";
		clear:both;
		display:block;
	}

	.std_column4 .column {
		width:49%;
		margin-right:2%;
		float:left;
	}

	.std_column3 .column:nth-child(3) {
		margin-right:0;
	}

	.std_column4 .column:nth-child(2n) {
		margin-right:0;
	}

	.std_column4.mb_break{
	}

	.std_column4.mb_break .column {
		width:100%;
		margin-right:0;
		float:none;
	}


	a.std_button1 {
		margin:1em auto;
		padding:10px;
		width:90%;
		font-size:1em;
		border-radius:30px;
	}
	
	.std_wood_bg_waku {
		padding:40px 0;
	}
	
	.std_wood_bg_waku .std_width .inner {
		padding:30px 15px;
	}

.std_white_waku .inner10 {
	padding:20px 0px 10px 10px ;
}

.std_white_waku .inner40 {
	padding:20px 10px 10px 10px ;
}

	.std_white_bg_waku {
		padding:40px 0;
	}
	
	.std_white_bg_waku .std_width .inner {
		padding:0px 15px;
	}
	

	.copyright {
		padding-top:40px;
		padding-bottom:100px;
	}

	.totop {
		width: 80px;
		bottom: -200px;
		height:auto;
		right: 10px;
		z-index: 100;
	}

a.zoom,
a.zoom2,
a.zoom3,
a.zoom3_no_brightness {
	display:block;
	transition: none;
}

a.zoom:hover,
a.zoom2:hover,
a.zoom3:hover,
a.zoom3_no_brightness:hover {
	filter: none;
	-moz-transform: none;
	-webkit-transform: none;
	-o-transform: none;
	-ms-transform: none;
}

.std_midashi1 {
	font-size:1.1rem;
}

.std_white_waku .inner {
	padding:10px;
}

.pc_inline {display:none;}

/*----------------------------------------
 * 60周年記念 夢ある未来へ
 *----------------------------------------*/
/* 共通書式 */
.common_fukidashi {
	border-width:2px;
	border-radius:10px;
}

.common_fukidashi_inner {
	padding:5px;
	font-size:0.9rem;
}
/*
.common_fukidashi::before,
.left .common_fukidashi::before,
.right .common_fukidashi::before,
.common_fukidashi::after,
.left .common_fukidashi::after,
.right .common_fukidashi::after {
	display:none;
}
*/

.common_fukidashi.bottom::before,
.common_fukidashi.bottom::after,
.common_fukidashi.fuki_left::before,
.common_fukidashi.fuki_left::after {
	border:none;
}

.common_fukidashi.mb_bottom::before {
    border: 15px solid transparent;
    border-top: 15px solid white;
}

.common_fukidashi.mb_bottom::after {
	bottom:-36px;
    border: 18px solid transparent;
    border-top: 18px solid #f5b800;
}

.common_fukidashi.mb_left::before {
	top: 50%;
	left:0;
	margin-top: -15px;
	margin-left: -30px;
	border: 15px solid transparent;
	border-right: 15px solid white;
	z-index: 2;
}

.common_fukidashi.mb_left::after {
    content: '';
    position: absolute;
	top: 50%;
	bottom:0;
	left:0;
	height:0px;
	margin-left: -36px;
	margin-top: -18px;
	border: 18px solid transparent;
	border-right: 18px solid #f5b800;
	z-index: 1;
}

.std_link_60_green,
.std_link_60_black,
.std_link_60_light_green {
	margin-right:1em;
}


/*************************
***
***  メイン画像部分
***
**************************/
.bx-wrapper {
    box-shadow: none !important;
    border: none !important;
    margin-bottom: 0 !important;
}

.bx-viewport {
    overflow: visible !important;
}

#slider {
	display:block;
	height:100px;
}

.bx-viewport ul#slider  {
	overflow:visible !important;
	padding-left:0;
}

.bx-viewport #slider li {
    display: block !important;
	width:150px !important;
	margin-right:5px !important;
}

.bx-viewport #slider li img {
	width:100%;
	height:auto;
}

.top .midashi {
	margin-top:20px;
}

.top .midashi img {
	width:90%;
	height:auto;
	display:block;
	margin-left:auto;
	margin-right:auto;
	background:none;
}

/* sec_info お知らせ */
.top .sec_info dl {
	content:"";display:block;clear:both;
}

.top .sec_info dl dt {
	float:none;
	width:100%;
}

.top .sec_info dl dd {
	margin-left:0;
}

/* sec1 ごあいさつ */
.top .sec1 h2 {
	margin-top:10px;
}

.top .sec1 h2:before {
	top:-45px;
}

.top .sec1 h2 span.f26 { display:block;float:none;}
.top .sec1 h2 span.f14 { display:block;float:none;text-align:right;}
.top .sec1 h2 span.f20 { display:block;float:none;font-size:1.1em;text-align:right;}

.top .sec1 .std_column2 .right .top_foot {
	height:300px;
	width:auto;
	left:auto;
	right:0;
	bottom:-250px;
	z-index:0;
}

.top .sec1 .link_area {
	position:relative;
	padding-left:1em;
	z-index:2;
}


/* sec2 JAあつぎの50年記 */
.top .sec2 {
	margin-top:130px;
}

.top .sec2 h2 {
	margin-top:10px;
}

.top .sec2 h2 .f26 {
	font-size:1.2rem;
}

.top .sec2 h2:before {
	top:-20px;
}

.top .sec2 .std_column2 .right,
.top .sec2 .std_column2 .left {
	position:relative;
	width:100%;
}

.top .sec2 .std_column2 .right {

}

.top .sec2 .std_column2 .right img  {
	position:relative;
	width:60%;
	height:auto;
	z-index:10;
}

.top .sec2 .std_column2 .right img.p1 { top:0;left:0;margin-bottom:100px;}
.top .sec2 .std_column2 .right img.p2 { position:absolute;top:auto;bottom:0px;right:0;}

.top .sec2 .link_area {
	position:relative;
	padding-left:1em;
	z-index:2;
}

.top .sec2 .std_column2 .left .top_foot {
	height:300px;
	width:auto;
	right:0px;
	left:auto;
	bottom:-200px;
	top:auto;
	z-index:0;
}

/* sec3 JAあつぎ 近10年のあゆみ */
.top .sec3 {
	margin-top:130px;
}

.top .sec3 h2 {
	width:100%;
	margin-top:15px;
}

.top .sec3 h2 .f18 {
	text-align:right;
}

.top .sec3 h2 .f26 {
	font-size:1.2rem;
}

.top .sec3 h2:before {
	top:-20px;
	right:auto;
}

.top .sec3 .std_column2 .right,
.top .sec3 .std_column2 .left {
	position:relative;
	width:100%;
}

.top .sec3 .std_column2 .left img  {
	position:relative;
	width:60%;
	height:auto;
	z-index:10;
}

.top .sec3 .std_column2 .left img.p1 { top:0;left:0;margin-bottom:100px;}
.top .sec3 .std_column2 .left img.p2 { position:absolute;top:auto;left:auto;bottom:0px;right:0;}

.top .sec3 .link_area {
	position:relative;
	padding-left:1em;
	z-index:2;
}

.top .sec3 .std_column2 .right .top_foot {
	height:300px;
	width:auto;
	right:0px;
	left:auto;
	bottom:-260px;
	top:auto;
	z-index:0;
}

/* sec4 各地区の10年のあゆみ */
.top .sec4 {
	margin-top:130px;
}

.top .sec4 .std_column2 .right,
.top .sec4 .std_column2 .left {
	position:relative;
	width:100%;
}

.top .sec4 h2 {
	margin-top:0px;
	padding-bottom:10px;
}

.top .sec4 h2:before {
	top:-46px;
	right:auto;
}

.top .sec4 h2.f26 {
	font-size:1.2rem;
}

.top .sec4 .link_area {
	position:relative;
	padding-left:1em;
	z-index:2;
}


/*************************
***
***  セカンドページ 
***
**************************/
.second header {
	background:none;
}

.second header:after {
	display:none;
}

.second header .std_width {
	width:100%;
}

.second header .mb:after {
	content:"";
	display:block;
	clear:both;
}

.second header .mobile_button {
    position: absolute;
    top: 4px;
    right: 5px;
    font-size: 28px;
    line-height: 45px;
    width: 45px;
    height: 45px;
    text-align: center;
    z-index: 10010;
    background-color: white;
}

.second header nav {
    display: none;
    position: absolute;
    z-index: 1000;
    top: 40px;
    background-color: white;
    width: 100%;
    padding-bottom: 2em;
    border-bottom: 5px solid #fafafa;
}

.second header nav ul {
	width:100%;
}

.second header nav ul li {
    float: none;
    margin-right: 0;
	width:100%;
}

.second header nav ul li a {
	display:block;
	width:90%;
	padding:10px;
	text-align:center;
	border-bottom:1px solid #ddd;
}

.second header h1 {
    margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
    padding: 0;
    float: left;
}

.second header h1 span {
    width: 250px;
    height: 50px;
    background: url(images/ja_logo.png) no-repeat left top;
    display: block;
	background-size:cover;
	text-indent:-100%;
	overflow:hidden;
}


.second .text_indent_1 {
	text-indent:-1em;
	margin-left:1em;
}

.second article h1 {
	font-size:1.4rem;
}

.second article .photo_area img {
	margin-top:1em;
	width:80%;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.second article .w70p {
	width:100%;
}

.second article .photo_area span {
    margin-top: 5px;
}

.second article .photo_area .std_column3 .column {
	float:none;
	width:100%;
	margin-right:0 !important;
}


/* JAあつぎの50年記 */

.second article nav:after {
	content:"";
	display:block;
	clear:both;
}

.second article nav a {
	float:left;
	margin-right:1em;
}

.second.sec_50years article h1 {
	font-size:1rem;
	margin:30px 0 0 0;
}

.second.sec_50years article h1 span {
	float:none;
	width:100%;
	font-size:1.2rem;
}

/* 各地区の10年のあゆみ */
.second.sec_tiku .std_column2 .left {
	width:100%;
	float:none;
}

.second.sec_tiku .std_column2.col2_42_56 .left img {
	width:70%;
	display:block;
	margin-left:auto;
	margin-right:auto;
}




/*************************
***
***  sec1 
***
**************************/
/*
.sec1 .theme strong {
	font-size:1.2rem;
}

.sec1 .flex_3 {
	display:block;
}

.sec1 .flex_3 .column {
	width:100%;
	margin-bottom:40px;
}

.sec1 dl.mukashi dd.mb1 {padding-top:10px;}
*/


/*************************
***
***  sec3
***
**************************/
/*
.sec3 h2 img{
	width:60%;
}

.sec3 h3 {
	font-size:1.1em;
}

.sec3 img.sec3_theme {
	width:100%;
	margin:40px auto 20px auto;
}

.sec3 .sec3_waku .inner {
	padding:15px;
}

.sec3 .std_column3.photo .column {
	width:100%;
	clear:none;
	text-align:left;
	font-size:0.875rem;
	line-height:1.5em;
}

.sec3 .std_column3.photo .column img {
	width:60%;
	float:left;
	display:block;
	margin-bottom:1em;
	margin-right:15px;
}

.sec3 .std_column3.bumon .column {
	width:100%;
	clear:none;
	text-align:left;
	font-size:0.875rem;
	line-height:1.5em;
}

.sec3 .std_column3.bumon .column:after {
	content:"";
	display:block;
	clear:both;
	margin-bottom:1em;
}

.sec3 .std_column3.bumon .column .w60p {
	float:left;
	width:30%;
}

.sec3 .std_column3.bumon .column .mb_column {
	float:right;
	width:65%;
}

.sec3 .std_column3.bumon .column .mb_column .f22.std_margin_top4 {
	font-size:1.05rem;
	margin-top:0;
}

.sec3 .std_column3.bumon .column .mb_column .f22.std_margin_top3 {
	font-size:1.05rem;
}

.sec3 .sec3_waku.syou_mukasi,
.sec3 .sec3_waku.syou_gendai,
.sec3 .sec3_waku.syou_insta,
.sec3 .sec3_waku.syou_kyoutsuu {
	margin-left:0;
}

.sec3 .sec3_waku.syou_mukasi h4,
.sec3 .sec3_waku.syou_gendai h4,
.sec3 .sec3_waku.syou_insta h4,
.sec3 .sec3_waku.syou_kyoutsuu h4 {
	position:relative;;
	width:92px;
	height:92px;
	top:auto;
	left:auto;
	margin:1em auto 0 auto;
}

.sec3 .ten .left.align_right,
.sec3 .ten .right {
	text-align:center;
}

.sec3 .ten .left.align_right {
	margin-bottom:10px;
}

.sec3 .ten .right {
	margin-bottom:20px;
}

.sec3 .sec3_waku .inner.std_padding_left2 {
	padding-left:15px;
}

.sec3 .sec3_waku h5 {
	font-size:1.1rem;
	padding-bottom:5px;
	margin:0 0 0px 0;
}

.sec3 .oubohyou {
	margin:20px 0;
	padding:5px;
	border:2px solid #ccc;
}

.std_link_pdf {
    position: relative;
    padding-left: 37px;
    line-height: 1.3em;
    display: inline-block;
}
*/





/*************************
***
***  フッター
***
**************************/
footer img {
	width:70%;
	height:auto;
}