@charset "utf-8";

/* grobal elements */
	* {
		margin: 0;
		padding: 0;
		font-family:'ＭＳ Ｐゴシック','メイリオ',Meiryo,'Lucida Grande',Verdana,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,sans-serif;
	}

	a img {
		border:0;
		margin-bottom:0;
	}

	.reset {
		font-size:0px;
		height: 0px;
		clear:both;
	}

	a {
		color: #644817;
	}

	.m5 {
		margin-bottom: 5px;
	}
	.m10 {
		margin-bottom: 10px;
	}
	.m15 {
		margin-bottom: 15px;
	}
	.m20 {
		margin-bottom: 20px;
	}
	.m25 {
		margin-bottom: 25px;
	}
	.m30 {
		margin-bottom: 30px;
	}
	.m35 {
		margin-bottom: 35px;
	}
	.m40 {
		margin-bottom: 40px;
	}
	.m45 {
		margin-bottom: 45px;
	}
	.m50 {
		margin-bottom: 50px;
	}
	.m55 {
		margin-bottom: 55px;
	}
	.m60 {
		margin-bottom: 60px;
	}
	.m65 {
		margin-bottom: 65px;
	}
	.m70 {
		margin-bottom: 70px;
	}
	.m75 {
		margin-bottom: 75px;
	}
	.m80 {
		margin-bottom: 80px;
	}
	.m85 {
		margin-bottom: 85px;
	}
	.m90 {
		margin-bottom: 90px;
	}
	.m95 {
		margin-bottom: 95px;
	}
	.m100 {
		margin-bottom: 100px;
	}


/* layout */
	header{
		width: 100%;
		position: fixed;
		top: 0;
		z-index: 100;
	}
	

	body {
		font-size:12px;
		border-bottom: 3px #7DC242 solid;
		background: url("../img/common/background.gif");
		padding-top:167px;
	}

	#header {
		width: 100%;
		height: 130px;
		background: url("../img/common/background_header.gif") repeat-x 0 0;
		border-top: 3px #7DC242 solid;

	}

	#wrapper {
		width: 100%;
	}

	#footer {
		width: 100%;
		background: url("../img/common/background_footer.gif") repeat-x 0 90px;
	}

	#header_contents, #footer_contents, #main {
		width: 962px;
		margin: 0 auto;
	}
	#footer_contents {
		height:auto;
		padding-top:55px;
	}

	.drawer{
		display:none;
	}

/* header */
	#header_contents {
		height: 101px;
		background: url("../img/common/copy.png") no-repeat 223px 21px;
	}
	#menu {
		width: 964px;
		height: 58px;
		margin: 0 auto;
	}

	.header_left {
		float: left;
	}
	.header_right {
		float: right;
	}

	#header_contents p {
		color: #555;
		font-size:10px;
	}
		.description {
			background: url("../img/common/border_xdot.gif") repeat-x bottom left;
			padding: 4px 5px 4px;
		}

	.logo {
		width:190px;
		height:36px;
		background:url("../img/common/logo.gif") no-repeat 0 0;
		display:block;
		text-indent:-9999px;
		margin-top: 22px;
		margin-left:12px;
	}

	#header_contents ul {
		list-style-type: none;
		margin-top:8px;
		float:right;
	}
	#header_contents li {
		color: #666;
		font-size:10px;
		background: url("../img/common/arrow_01.gif") no-repeat 9px 2px;
		padding: 0 0 0 21px;
		float:left;
	}

	#header_contents .search {
		margin-top:11px;
	}

	#nav{
		margin-top:-29px;
	}
/* yahoo custom search */

#srchBox
{
width:230px;
_width:230px;
color:#000000;
text-align:left;
background:url("../img/common/icn_search.gif") no-repeat 0 5px;
margin: 0 0 0 auto;
}
#srchBox *
{
margin:0;
padding:0;
font-size:13px;
*font-size:small;
*font:x-small;
}
#srchBox a img
{
border:none;
}
#srchBox #srch
{
}
#srchBox #srchInput
{
width:148px;
_width:148px;
margin-left:21px;
margin-right:4px;
height: 17px;
}
#srchBox #srchBtn
{
width:48px;
}
*html #srchBox #srchBtn
{
padding-left:4px;
}
*:first-child+html #srchBox #srchBtn
{
padding-top:2px;
}
#srchBox ul
{
margin-top:6px;
margin-bottom:6px;
text-align:left;
}
#srchBox li
{
list-style-type:none;
display:block;
}
#srchBox li input
{
zoom:1;
margin-right:2px;
_margin:-4px 0 -4px -4px;
vertical-align:middle;
border:0;
}
*:+html #srchBox li input
{
margin:-4px 0 -4px -4px;
}
#srchBox #srchLogo
{
margin:6px 6px 6px 0;
text-align:center;
}
#srchBox #srchLogo a
{
color:#666666;
text-decoration:none;
font-size:85%;
}
#srchBox #srchLogo a:hover
{
text-decoration:underline;
}
#srchBox.watermark
{
padding-bottom: 6px;
}
#srchBox.watermark #srchInput
{
padding:1px 1px 2px 1px;
border:1px solid #809DB9;
background: #fff url(http://i.yimg.jp/images/search/customsearch/yjlogo/yjlogo_type4.gif) center center no-repeat;
}
#srchBox.watermark #srchInput.nomark
{
background: #fff;
}
#srchBox.watermark #srchLogo
{
display: none;
}

/* global menu */
	#menu {
	}

	#menu ul {
		list-style-type: none;
	}
	#menu li {
		float: left;
	}

	#menu a {
		width: 160px;
		height: 58px;
		text-indent: -9999px;
		display:block;
		background: url("../img/common/navigation.gif") no-repeat;
	}
	#menu .top, #menu .hyogomirai {
			width:162px;
	}
	#menu a.mnu_top {background-position: 0 0;}
	#menu a.mnu_bank {background-position: -162px 0;}
	#menu a.mnu_kyosai {background-position: -322px 0;}
	#menu a.mnu_agri {background-position: -482px 0;}
	#menu a.mnu_life {background-position: -642px 0;}
	#menu a.mnu_hyogomirai {background-position: -802px 0;}

	#menu a:hover.mnu_top {background-position: 0 -58px;}
	#menu a:hover.mnu_bank {background-position: -162px -58px;}
	#menu a:hover.mnu_kyosai {background-position: -322px -58px;}
	#menu a:hover.mnu_agri {background-position: -482px -58px;}
	#menu a:hover.mnu_life {background-position: -642px -58px;}
	#menu a:hover.mnu_hyogomirai {background-position: -802px -58px;}

	#top #menu a.mnu_top {background-position: 0 -58px;}
	#bank #menu a.mnu_bank {background-position: -162px -58px;}
	#kyosai #menu a.mnu_kyosai {background-position: -322px -58px;}
	#agri #menu a.mnu_agri {background-position: -482px -58px;}
	#life #menu a.mnu_life {background-position: -642px -58px;}
	#hyogomirai a.mnu_hyogomirai {background-position: -802px -58px;}



/* footer */
	#footer_contents p {
		color: #444;
		text-align:center;
	}
	#footer_menu {
		background: url("../img/common/border_xdot.gif") repeat-x 0 top;
	}
		#footer_menu ul.fmenu {
			padding: 10px 0;
			margin:0 auto;
			max-width: 925px;
		}
		#footer_menu a {
			color: #644817;
		}


		#footer_menu ul li{
			padding: 2px 16px 0;
			float:left;
			border-left:1px #333 solid;
			list-style-type: none;
			height:12px;
			line-height:100%;
		}
		#footer_menu ul li.bgn{
			border-left:none;
		}


	#footer_info {
		height:56px;
		padding-top:8px;
	}
		#footer_info p {
			text-align: center;
		}
		.logomark {
			display: block;
			width:148px;
			height:26px;
			background:url("../img/common/logo2.gif") no-repeat 0 0;
			text-indent: -9999px;
			margin:0 auto;
		}
		.address {
			margin-top:3px;
			line-height:1.4;
		}

	.credit {
			padding: 12px 0 12px;
	}

#pagetop a{
	display:none;
}

#info-btn, #sns-btn, .switch{
	display:none;
}

#spLinkBlockInPc{
    display:none;
    width:100%;
    height:auto;
    padding:65px 0;
    font-size:40px;
    line-height:100%;
    text-align: center;
    background: #7DC242;
}
    #spLinkBlockInPc a{
        color:#FFF;
        font-family: Helvetica, 'Noto Sans JP', sans-serif;
        background:url('/img/common/phone_iphone-white-18dp.svg') no-repeat 0 -2px;
        background-size: auto 48px;
        padding-left:72px;
        padding-right:18px;
        text-decoration: none;
    }





/*movie*/
	#movie1{
		margin:45px auto 50px;
	}


/* SP */
@media screen and ( max-width:1000px )
{
/*  */

body{
	padding-top:84px;
}

#spLinkBlockInPc{
    display:none;
}

* {
	color:#333300;
    font-family: Helvetica, 'Noto Sans JP', sans-serif;
    -webkit-text-size-adjust: 100%;
}

/* body */
	#main {
		width: 100%;
	}
/* header */
	#header{
		width:100%;
		height:80px;
		background-image: none;
		border-bottom:1px #e6e6e6 solid;
		background: url("../img/common/background.gif");

	}
	#header_contents{
		width:auto;
		background-position: 223px 3px;
		background-image:none; 
	}
	.header_left {
		float: none;
		width:100%;
	}
	.logo {
		width:195px;
		height:90px;
		background:url("/img/common/logo.svg") no-repeat 0 0;
		background-size:195px;
		display:block;
		text-indent:-9999px;
		margin-top:25px;
		margin-left:15px;

	}
	.description, .header_right{
		display:none;
	}
	.drawer{
		display:inherit;
	}


/* menu */
	#menu{
		display:none;
	}

	#nav{
		margin-top:0;
	}
/* footer */
	#footer {
		width: 100%;
		background: none;
	}
		#footer_contents {
			width:100%;
			position:relative;
		}
		#footer_info {
			width:100%;
			height:auto;
			background: url("../img/common/background_table_brwn.gif") 0 0;
			padding:18px 0 18px;
			font-size:13px;
			line-height:19px;
			position:absolute;
			top:30px;
			left:0;
		}

		#footer_menu {
			background: none;
			margin-top: 151px;
		}

		#footer_menu ul.fmenu {
			margin-bottom:25px;
			padding: 0;
			border-top:1px #EEE solid;
		}
		#footer_menu ul li{
			width:50%;
			height:auto;
			padding: 0;
			float:left;
			border-left:none;
			border-bottom:1px #EEE solid;
			list-style-type: none;
			font-size:13px;
			line-height:100%;
			font-weight:bold;
			position: relative;
		}
		#footer_menu ul li.bgn{
			border-top:none;
		}
		#footer_menu ul li:after{
			font-family: FontAwesome;
  			content: '\f105';
  			font-size:15px;
  			line-height:1;
  			color:#666;
  			position:absolute;
  			top:12px;
  			right:15px;
		}
			#footer_menu ul li a{
				display:block;
				width:auto;
				height:13px;
				padding: 13px 20px;
				text-decoration: none;
			}

			.coname{
				display: none;
			}
			.telfax{
				display: block;
			}
			#footer_contents p{
				color:#333;
			}
			#footer_contents p.credit {
					font-size:12px;
					line-height: 18px;
					padding: 25px 15px 60px;
			}
			.logomark {
				width:185px;
				height:33px;
				background:url("/img/common/logo.svg") no-repeat 0 0;
				background-size:185px; 
			}
			.address {
				margin-top:3px;
			}
			#sns-btn{
				display:inherit;
			}
			#sns-btn ul{
				width:230px;
				height:50px;
				margin: 0 auto;
			}
			#sns-btn ul li{
				list-style-type: none;
				float:left;
				position: relative;
			}
				#sns-btn ul li a{
					display:block;
					width:50px;
					height:35px;
					border-radius: 40px;
					margin-left:20px;
					text-align: center;
					font-size:21px;
					line-height:1;
					padding-top:15px;
				}
				.fa-facebook, .fa-twitter, .fa-instagram{
					color:#FFF;
				}
				.facebook-btn a{background:#3B5998;}
				.twitter-btn a{background:#00ACEE;}
				.instagram-btn a{
					text-indent:-9999px;
					background-repeat: no-repeat;
					background-position: center center;
					background-image:url("/img/common/instagram_logo.svg"), linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
				}



            #info-btn{
                display:block;
                width:100%;
                height:auto;
                margin:12px 0 0;
            }
	            #info-btn p{
	                width:33%;
	                font-size:12px;
	                border: 1px #644817 solid;
	                border-radius:4px;
	                text-align:center;
	                margin: 0 auto;
	                /*background: #FFF;*/
	            }
	            #info-btn a{
	                display:block;
	                padding:9px 9px 9px;
	                text-decoration:none;
	                color:#644817;
	            }

		.credit2{
			display: block;
		}



    /* switch */
ul.switch{
    width:auto;
    display:inherit;
    text-align: center;　/*ulの中身を中央揃え*/
    margin: 0;
    padding:0;
}

ul.switch li{
    width:120px;
    height:38px;
    display: inline-block; /*インラインブロック表示*/
    /display:inline; /*IE対策*/
    /zoom:1; /*IE対策*/
    padding: 0;
    border:1px #CCC solid;
    border-radius:4px;
    vertical-align: top;
}

    ul.switch li.lt{
        border-top-right-radius:0;
        border-bottom-right-radius: 0;
    }
    ul.switch li.lt a:before{
        font-family:'FontAwesome';
        content:"\f108";
        vertical-align: -1px;
        margin-right:8px;
    }
    ul.switch li.lt{
    	background: #FFF;
    }
    ul.switch li.lt a{
    	color:#555;
    }
    ul.switch li.gt{
        border-top-left-radius: 0;
        border-bottom-left-radius:0;
        margin-left:-1px;
        border-color:#666;
    }
    ul.switch li.gt a{
        background: #666;
        color:#FFF;
    }
    ul.switch li.gt a:before{
        font-family:'FontAwesome';
        content:"\f10b";
        font-size:1.4em;
        vertical-align: -2px;
        margin-right:6px;
        color:#FFF;
    }

    ul.switch li a{
        display:block;
        width:100%;
        height:26px;
        padding-top:12px;
        font-size:13px;
        line-height:15px;
        text-decoration: none;
    }
#btnPC{

}

#btnSP{

}


/*  */
#pagetop{
    position:fixed;
    bottom:15px;
    right:15px;
}
#pagetop a {
    display:block;
    z-index:999;
    padding:7px 0 0 0;
    width:45px;
    height:38px;
    background-color:#000;
    color:#FFF;
    font-size:26px;
    line-height:100%;
    font-weight:normal;
    text-decoration:none;
    text-align:center;
    opacity: 0.4;
    border-radius: 50%;
}

.scroll{
overflow: auto;
white-space: nowrap;
}
.scroll::-webkit-scrollbar{
 height: 5px;
}
.scroll::-webkit-scrollbar-track{
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {
 background: #BCBCBC;
}


/*movie*/
#movie1{
	margin:0 auto 45px;
	width:100%;
	height:calc(100vw / 1.7777777777);
}

}