/* 2016/08/19現在 まだ整理していません 効率の良い書き方模索中 nagumo */

*{ font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif; } /* iframe用 */


/* 後でcommon.cssに追加？ */


html, html body{ width:100%; overflow-x:hidden; }

.ie8 .main_container{
	margin-right:0;
}
.no_sidebar #content, .ie8 .no_sidebar #content{
	width:100% !important;
	padding:15px 0 0 0 !important;
}


/* 後でparts.cssに追加？ */

/* #heros */

#heros{ 
	width:100%;
	text-align:center;
	background:url(../img/top/top_heros_bg.jpg) repeat-x;
	padding:0 50px;
}
#heros .slider{ width:960px; margin:0 auto; overflow:hidden; text-align:center; font-size:20px; }

	/* トップスライダー ---------------------- */

#heros #slider{
	position: relative;
	text-align: left;
	margin: 0 auto 60px auto;
	padding:0;
	max-width:960px;
	width: 100%;
	text-align:center;
}
#heros #slider ul.slickul{height:auto;}/*高さ維持*/
#slider img{
	height: auto;
	max-width: 960px;
	width: 100%;
	box-sizing: border-box;
}
@media screen and (min-width: 737px) {
#heros #slider ul.slickul li a img.sponly{
display:none !important;
}
}
@media screen and (max-width: 736px) {
#heros #slider ul.slickul li a img.pconly{
display:none !important;
}
}
/*html body #slider .slickul button.slick-prev, html body #slider .slickul button.slick-next{
	position: absolute;
	z-index: 999;
	width: 47px;
	height: 47px;
}*/
.slick-prev, .slick-next {
    width:30px; /* 画像幅 */
    height:60px; /* 画像高さ */
}
.slick-prev:before, .slick-next:before {
    content:"";
}
button.slick-prev, button.slick-next {
    z-index:2;
}
.slick-prev{left:-35px; /* 任意の値 */}
.slick-next{right:-35px; /* 任意の値 */}

.slick-arrow{z-index:999;/* 値は適当に */}
.slick-prev, .slick-next{
	opacity:0.5;
	-moz-opacity:0.5;
    filter: alpha(opacity=50);
}

/*html body #slider button.slick-prev{
	left: -50px;
}
html body #slider button.slick-next{
	right: -50px;
}*/
/*html body #slider button.slick-prev:before, html body #slider button.slick-next:before{
	font-size: 47px;
	color: rgba( 0,0,0,0.1 );
}*/

html body #slider .slick-dots{
bottom:-25px;
}
.slick-dots li button::before{font-size:10px;}
/*html body #slider .slick-dots li button:before{
	font-size: 14px;
}*/
@media screen and (max-width: 736px) {
#heros{ padding:0; }
#heros #slider ul.slickul{height:auto;}/*高さ維持*/
}

/* #block_2_1  */

.block_2_1{ text-align:center; margin-top:40px; }

.block_2_1 ul.block_2_1_wrap li{
	display:inline-block;
	max-width:459px;
	width:45%;
	width:calc( 50% - 21px);
	width:-webkit-calc( 50% - 21px);
	width:-moz-calc( 50% - 21px);
	text-align:center;
	border-radius:6px;
	vertical-align:top;
	padding:10px;
}

@media screen and (min-width: 737px) {
/* ie8対応 */
	.ie8 .block_2_1 ul.block_2_1_wrap li{
		width:45%;
	}
}

.block_2_1 ul.block_2_1_wrap li:first-child{
margin-right:42px;
}

.block_2_1 ul.block_2_1_wrap li .block_2_1_line1{
border:2px solid #fff;
border-radius:4px;
}

.block_2_1 ul.block_2_1_wrap li .block_2_1_line2 img{
max-width:426px;
height:auto;
width:100%;
}

.block_2_1 ul.block_2_1_wrap li.block_2_1_left .block_2_1_line2{
border:5px solid #c4df6a;
border-radius:0px 0px 3px 3px;
background-color:#fff;
}

.block_2_1 ul.block_2_1_wrap li.block_2_1_right .block_2_1_line2{
border:5px solid #80bfe0;
border-top:none;
border-radius:0px 0px 3px 3px;
background-color:#fff;
}
.block_2_1 ul.block_2_1_wrap .block_2_1_line2 ul.block_2_1_inner{
border-bottom:1px solid #ccc;
margin:0 20px; padding:10px 0 15px 0;
}
.block_2_1 ul.block_2_1_wrap .block_2_1_line2 p{
margin:0 20px; padding:15px 0;
 text-align:left;
 min-height:8em;
  } 
.block_2_1 ul.block_2_1_wrap ul.block_2_1_inner{
margin-top:30px;
}
.block_2_1 ul.block_2_1_wrap ul.block_2_1_inner li{
margin:0;
padding:0 0 10px 0;
text-align:left;
display:block;
width:100%;
}

.block_2_1 ul.block_2_1_wrap .block_2_1_line2 ul.block_2_1_inner img{
width:auto;
height:auto;
margin-right:5px;
vertical-align:-15%;
}

.block_2_1_left{
	background:url(/common/img/top/block_2_1_leftbg.png) left top repeat;
}

.block_2_1_right{
	background:url(/common/img/top/block_2_1_rightbg.png) left top repeat;
}

.block_2_1 ul.block_2_1_wrap li h2{
	margin-top:-65px;
}
.block_2_1_left .block_2_1_line1 h2 , .block_2_1_right .block_2_1_line1 h2{width:150px; margin:0 auto;}/*追加*/
.block_2_1_left .block_2_1_line1 h2 a img , .block_2_1_right .block_2_1_line1 h2 a img{width:100%;}/*追加*/
.block_2_1 ul.block_2_1_wrap li h3{
	margin:0;
	padding:10px 0 5px 0;
}
.block_2_1_left .block_2_1_line1 h3 a , .block_2_1_right .block_2_1_line1 h3 a{width:310px; margin:0 auto; display:block;}/*追加*/
.block_2_1_left .block_2_1_line1 h3 a img , .block_2_1_right .block_2_1_line1 h3 a img{width:100%;}/*追加*/
.block_2_1_left h3{
border-bottom:3px solid #88a800;
}
.block_2_1_right h3{
border-bottom:3px solid #0091be;
}
.block_2_1 ul.block_2_1_wrap li h3 img{
	width:100%; max-width:310px;
}

@media screen and (max-width: 736px) {
	.block_2_1 ul.block_2_1_wrap li{
		display:block;
		max-width:459px;
		width:100%;
		margin:65px auto 0 auto;
		
	}
	.block_2_1_left .block_2_1_line1 h2 , .block_2_1_right .block_2_1_line1 h2{
		display:block;
		width:40%;
		margin:0 auto;
	}/*追加*/
	.block_2_1_left .block_2_1_line1 h3 a , .block_2_1_right .block_2_1_line1 h3 a{
		display:block;
		width:80%;
		margin:0 auto;
	}/*追加*/
	.block_2_1_left .block_2_1_line1 h2 a img , .block_2_1_right .block_2_1_line1 h2 a img{ width:100%;}/*追加*/
	.block_2_1_left .block_2_1_line1 h3 a img , .block_2_1_right .block_2_1_line1 h3 a img{ width:100%;}/*追加*/
	.block_2_1 ul.block_2_1_wrap li:first-child{
		margin:0 auto;
	}
	.block_2_1 ul.block_2_1_wrap .block_2_1_line2 p{
		min-height:0px;
	}
}



/* #block_3_1  */
.block_3_1 h2{width:354px; margin:0 auto;}/*追加*/
.block_3_1 h2 img{width:100%;}/*追加*/

.block_3_1{
	margin:50px -30px;
	padding:20px 0;
	background:url(/common/img/top/block_3_1_bg.png) left top repeat;
	text-align:center;
}

.block_3_1.full{
margin:50px -100%;
}

.block_3_1 ul{
	margin:0;
	padding:10px 30px;
	text-align:center;
}

.block_3_1 ul li{
	display:inline-block;
	max-width:280px;
	width:28%;
	width:calc( 100% / 3 - 40px );
	width:-webkit-calc( 100% / 3 - 40px );
	width:-moz-calc( 100% / 3 - 40px );
	margin-left:60px;
	vertical-align:top;
	text-align:center;
}

.block_3_1 ul li a{
display:block;
margin:20px 0 0 0;
text-align:left;
height:3em;
font-size:85%;
background-color:#fff;
line-height:3em;
padding-left:10px;
border:1px solid #ccc;
color:#000;
}
.block_3_1 ul li a span{
display:inline-block;
line-height:1.3em;
}
.block_3_1 ul li a span,
.block_3_1 ul li a img{
vertical-align:middle;
}
.block_3_1 ul li a img{
margin-right:5px;
}
.block_3_1 ul li:first-child{
margin-left:0;
}

@media screen and (max-width: 736px) {
.block_3_1.full{ margin:50px -30px; }
.block_3_1 h2{width:70%;}/*追加*/
.block_3_1 h2 img{width:100%;}/*追加*/
.block_3_1 ul li, .block_3_1 ul li:first-child{
	display:block;
	width:280px;
	margin:30px auto 0 auto;
	text-align:center;
}
.block_3_1 ul li span.img{display:block; width:40%; margin:0 auto;}/*追加*/
.block_3_1 ul li span.img img{width:100%;}/*追加*/

}

/* ボタンの段落ちのためだけの設定 */
.block_3_1 ul li .tabonly{ display:none; }
@media screen and (min-width: 737px) and (max-width: 894px) {
.block_3_1 ul li .tabonly{ display:inline; }
}





/* #block_3_2  */
.block_3_2 h2{width:354px; margin:0 auto;}/*追加*/
.block_3_2 h2 img{width:100%;}/*追加*/
.block_3_2{ text-align:center;}

.block_3_2 ul{
	margin:0; padding:30px 0;
	text-align:center;
	list-style:none outside;
}

.block_3_2 ul li{
	display:inline-block;
	max-width:300px;
	width:30.5%;
	width:calc( 100% / 3 - 20px );
	width:-webkit-calc( 100% / 3 - 20px );
	width:-moz-calc( 100% / 3 - 20px );
	margin-left:30px;
	vertical-align:top;
	text-align:center;
	list-style:none outside;
}
.block_3_2 ul li img{
	width:100%;
}
.block_3_2 ul li:first-child{
	margin-left:0px;
}

@media screen and (max-width: 736px) {
.block_3_2 h2{width:70%;}/*追加*/
.block_3_2 h2 img{width:100%;}/*追加*/
.block_3_2 ul li, .block_3_2 ul li:first-child{
	display:block;
	width:80%;
	margin:20px auto 0 auto;
	text-align:center;
}
.block_3_2 ul li img{
	width:100%;
}
}

/* #info_1_1  */

.info_1_1{ text-align:center; padding:30px 0; }
.info_1_1 h2{ width:354px; margin:0 auto; margin-bottom:30px; }
.info_1_1 h2 img{width:100%;}/*追加*/

.info_1_1 iframe{
width:100%;
border:1px solid #eee;
height:200px;
overflow:auto;
box-sizing:border-box;
margin:0;
}

.info_1_1_inner{
	background:url(/common/img/top/info_1_1_line.png) left top repeat-x;
	padding-top:3px;
}


.info_1_1_inner dl{
	margin:0; padding:7px 0;
	text-align:left;
	background:url(/common/img/top/info_1_1_line.png) left bottom repeat-x;
	line-height:1.5;
}

.info_1_1_inner dl dt, .info_1_1_inner dl dd{
	margin:0;
	padding:0;
	display:inline-block;
	vertical-align:top;
	text-align:left;
}

.info_1_1_inner dl dt{
	width:6em;
}

.info_1_1_inner dl dd{
	width:calc( 100% - 6em );
}

.info_1_1_inner dl dd a{
color:#000; text-decoration:none;
}

.info_1_1_inner dl dd a:hover{
text-decoration:underline;
color:#2682a9;
}

.info_1_1 p{
text-align:right;
}
.info_1_1 p a.btn{
display:inline-block;
/*width:280px;*/
margin:20px 0 0 0;
text-align:left;
/*height:3em;*/
font-size:93%;
background-color:#fff;
/*line-height:3em;*/
padding:5px 5px 5px 10px;
border:1px solid #2682a9;
color:#2682a9;
border-radius:5px;
}
.info_1_1 p a.btn span{
display:inline-block;
line-height:1.3em;
}
.info_1_1 p a.btn span,
.info_1_1 p a.btn img{
vertical-align:middle;
}
.info_1_1 p a.btn img{
margin-right:5px;
}
@media screen and (max-width: 736px) {
.info_1_1 h2{width:70%;}/*追加*/
.block_3_2 h2 img{width:100%;}/*追加*/
}