@charset "UTF-8";
html {overflow-y:scroll;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{margin:0; padding:0;}
address, caption, cite, code, dfn, em, strong, th, var{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;}
caption, th{text-align:left;}
q:before ,q:after{content:'';}
object, embed{vertical-align:top;}
hr, legend{display:none;}
h1, h2, h3, h4, h5, h6{font-size:100%;}
img, abbr, acronym, fieldset{border:0;}
li{list-style-type:none;}
@-ms-viewport {
    width: device-width;
}
@import url(//fonts.googleapis.com/css?family=Roboto+Slab:400,100,300,700);
body {
	font-size: 100%;
	word-wrap: break-word;
	line-break:strict;
	text-align:justify;
	line-height:1.5;
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	}
.clear{
	clear:both;
	}
a img:hover{
    opacity: 0.9;
	}
a{
	text-decoration:none;
	}
a:hover{
	text-decoration:underline;
	}
img{
	vertical-align:bottom;
	}
#face_book{
	margin-bottom:40px;
	}

/* パンくず */
#bread{
	background:url(../images/icon1.png) no-repeat 0px 0.2em;
	padding-left:22px;
	width:75%;
	margin:20px auto;
	display:block;
	color:#6a6a6a;
	font-size:90%
	}
#bread a{
	color:#6a6a6a;
	}
#bread span{
	margin:0 10px;
	}

/* 全体 */
#wrapper{
	width:100%;
	max-width:1200px;
 	height:100%;
	margin:0 auto;
	}
	
/* 画像 */
.w100{
	width:100%;
	height:auto;
	}	

/* ヘッダー */
header{
	width:100%;
	height:auto;
	position:relative;
	}
header h1{
	position:absolute;
	top:0;
	right:5%;
	}
.top_h1{
	margin:-40% 0 0 12%;
	color:#fff;
	font-size:300%;
	}
.top_h1 span{
	font-size:50%;
	display:block;
	}
.top_b{
	margin:-20% 0 0 50%;
	}
.w767{
	display:none;
	}
#hed_1{
	width:100%;
	height:0;
	padding-top:53.7%;
	background:url(../images/bak_top1.png) no-repeat center;
	background-size:cover;
	min-height:240px;
	position:relative;
	}
#hed_2{
	width:100%;
	height:0;
	padding-top:53.7%;
	background:url(../images/bak_fund_a1.png) no-repeat center;
	background-size:100%;
	}
#hed_3{
	width:100%;
	height:0;
	padding-top:53.7%;
	background:url(../images/bak_fund_b1.png) no-repeat center;
	background-size:100%;
	}
#hed_4{
	width:100%;
	height:0;
	padding-top:53.7%;
	background:url(../images/bak_fund_c1.png) no-repeat center;
	background-size:100%;
	}
#hed_5{
	width:100%;
	height:0;
	padding-top:53.7%;
	background:url(../images/bak_fund_d1.png) no-repeat center;
	background-size:100%;
	}

/* 箱 */
.box1{
	text-align:center;
	font-size:160%;
	padding:30px 20px;
	}
.box1_1{
	position:absolute;
	margin:auto;
	left:0;
	right:0;
	bottom:20px;
	width:100%;
	max-width:525px;
	}
.box2{
	background:#c8dcf1;
	padding:40px;
	}
.list1{
	display:table;
	fofont-size:150%;
	width:100%;
	}
.list1 li{
	display:table-cell;
	vertical-align:middle;
	width:70%;
	padding-right:20px;
	font-size:120%;
	}
.list1 .list1_1{
	font-size:160%;
	width:30%;
	text-align:center;
	color:#325966;
	}
.list1 .list1_2{
	display:none;
	color:#325966;
	}
.box3{
	position:relative;
	width:100%;
	height:771px;
	background:url(../images/bak_top2.png) no-repeat left bottom;
	}
.box3 p{
	position:absolute;
	}
.box3_1{
	top:88px;
	left:-20px;
	font-size:135%;
	transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-webkit-transform: rotate(-3deg);
	background:#fff;
	opacity:0.8;
	padding:90px 30px 90px 60px;
	width:270px;
	}
.box3_2{
	top:362px;
	right:113px;
	color:#fff;
	font-size:135%;
	width:54%;
	}
.box3_3{
	top:82px;
	right:113px;
	}
.box4{
	position:relative;
	width:100%;
	height:549px;
	padding:0 10px;
	background:url(../images/bak_top3.png) no-repeat center bottom;
	}
.box4_1{
	font-size:200%;
	color:#fff;
	text-align:center;
	padding:100px 0;
	}
.box4_2{
 	margin:0 auto;
	color:#fff;
	max-width:659px;
	}
.box5{
	padding:30px 40px 40px 40px;
	}
.box5_20{
	float:left;
	width:80%;
	}
.box5_21{
	float:left;
	width:20%;
	text-align:left;
	padding:0;
	}
.inner5_21{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	border:solid 1px #77b01e;
	height:80px;
	width:200px;
	background-color:#edfcd6;
	border-radius: 100px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	font-family: "Lucida Grande", "segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, Verdana, Arial, sans-serif; 
	}
.box5_1, .box5_2, .box5_3{
	text-align:center;
	font-size:160%;
	}
.box5_2{
	color:#2494e2;
	margin:5px 0;
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	}
.box5_4{
	max-width:680px;
	margin:40px auto 0 auto;
	font-size:110%;
	}
.box5_5{
	max-width:680px;
	margin:40px auto 0 auto;
	font-size:115%;
	}
.box6{
	background:#c8dcf1;
	text-align:center;
	padding-top:26px;
	}
.box6_1{
	font-size:160%;
	margin-bottom:20px;
	padding:0 20px;
	}
.box7_1{
	text-align:center;
	padding:30px 10px 20px 10px;
	}
.box7_1 img{
	max-width:648px;
	
	}
.box8{
	background:#c8dcf1;
	text-align:center;
	padding-top:26px;
	}
.box8_1{
	text-align:center;
	font-size:150%;
	margin:10px 0 20px 0;
	}
.b8list{
	font-size:105%;
	}
.b8list img{
	min-width:328px;
	}
.box9{
	text-align:center;
	padding:30px;
	}
.box9_1{
	color:#900b0b;
	font-size:115%;
	line-height:1.8;
	}
.box10{
	background: url(../images/bak_fund_b2.png) no-repeat center bottom;
	width:100%;
	max-width:1200px;
	height:300px;
	text-align:center;
	}
.box10 p{
	font-size:140%;
	padding:50px 0 30px 0;
	}
.box10 li{
	padding:0 20px;
	}
.box10 img{
	width:100%;
	max-width:;
	height:auto;
	}
.box11{
	padding:30px 40px 40px 40px;
	}

.box11_1{
	text-align:center;
	font-size:160%;
	}
.box11list{
	width:80%;
	margin:60px auto 0 auto;
	font-size:110%;
	}	
.box11list li{
	border-bottom:1px solid #d2d2d2;
	margin-bottom:16px;
	padding:0 20px 16px 20px;
	}
.block1{
	display:block;
	border-left:5px solid #64d961;
	padding-left:10px;
	margin-left:-15px;
	margin-bottom:7px;
	line-height:1;
	font-size:110%;
	}
.red{
	color:#e12314;
	display:block;
	}
.box12{
	padding:30px 40px 40px 40px;
	width:100%;	
	max-width:1120px;
	margin:0 auto;	
	}
.box12_1{
	text-align:center;
	font-size:160%;
	margin-bottom:20px;
	}
.box12_2{
	text-align:center;
	margin-top:10px;
	}
	
/* footer */
footer{
	background:#a096be;
	color:#fff;
	padding:30px 0;
	width:100%;
	text-align:center;
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	font-size:110%;
	}
footer a{
	color:#fff;
	}
#f_link a{
	margin:0 20px;
	display:inline-block;
	}
#copy{
	margin-top:26px;
	font-size:95%;
	}
	
/* 問い合わせ */
.inq_form{
	border:1px solid #c8c8c8;
	padding:3px 5px;
	font-size:100%;	
	}
.inq1{
	width:450px;
	}
.inq2{
	width:280px;
	}
.inq3{
	width:130px;
	}
.inq3{
	width:130px;
	}
.inq4{
	width:80px;
	}
.inq_list{
	width:100%;
	max-width:660px;
	margin:0 auto;
	border-right:1px solid #c8c8c8;
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
	}
.inq_list th{
	min-width:240px;
	text-align:left;
	font-weight:normal;
	background:#e4e4e4;
	}
.inq_list th span{
	color:#fff;
	padding:3px 5px;
	margin-right:10px;
	font-size:80%;
	line-height:1;
	font-weight:bold;
	}
.inq_list th .hi{
	background:#F00;
	}
.inq_list th .ni{
	background:#0088cc;
	}
.wpcf7-response-output img{
	width:16px;
	}
.inq_submit input{
	padding:10px 20px;
	width:140px;
	border:1px solid #c8c8c8;
	margin:10px auto 0 auto;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #cecece));
	background: -webkit-linear-gradient(#fff, #cecece);
	background: -moz-linear-gradient(#fff, #cecece);
	background: -o-linear-gradient(#fff, #cecece);
	background: -ms-linear-gradient(#fff, #cecece);
	background: linear-gradient(#fff, #cecece);
	border-radius:3px;
	}
.red_white{
	background:#c30b0a;
	color:#fff;
	margin-right:10px;
	padding:4px 10px;
	width:250px;
	display:inline-block;
	}
.red_white_center{
	background:#c30b0a;
	color:#fff;
	margin-right:0;
	padding:5px;
	text-align:center;
	}
.page_list,
.page_list{ width: 100%;}
.page_list th, .page_list td  { padding: 10px; border-top: 1px solid #ddd; 10px; border-bottom: 1px solid #ddd;}
.page_list th{ width: 20%; text-align: left; vertical-align:middle;}
.fs{font-size:90%; display:inline-block; margin-top:3px;}
/* リスト */
* {
  margin:0;
  padding:0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

/* ------------------------ */

#item-list {
  padding:20px 10px;
}

#item-list ul{
  overflow:hidden;
  background-color:transparent;
  max-width:804px;
  margin:0 auto;
}

#item-list ul li {
  float:left;
  list-style-type:none;
  text-align:center;
  margin-bottom:20px;
}

ul.cols-1 li {width: 100%;}
ul.cols-2 li {width: 50%;}
ul.cols-3 li {width: 33.33333%;}
ul.cols-4 li {width: 25%;}
ul.cols-5 li {width: 20%;}
ul.cols-6 li {width: 16.66666%;}
ul.cols-7 li {width: 14.28571%;}
ul.cols-8 li {width: 12.5%;}

.inner{
  margin:0;
  height:100%;
}

#item-list .b8list{
	 margin:0 0 0 22%;
	}
#item-list .b5list{
	width:100%;
	max-width:460px;
	}
#item-list .b5list img{
	width:100%;
	max-width:200px;
	-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,.8);
	-moz-box-shadow: 1px 2px 4px rgba(0,0,0,.8);
	box-shadow: 1px 1px 4px rgba(0,0,0,.8);
	}

#item-list .b8list li{
	text-align:left;
	background:url(../images/icon2.png) no-repeat 2px 0.65em;
	padding-left:15px;
	}
	
#item-list .b8list li:nth-child(odd){
	 padding-right:20px;
	}
#banner_kiga-tsudoi{
	 max-width:300px;
	 margin:-20px auto 0 auto;
	}

@media only screen and (max-width: 1000px) {
.top_h1{
	margin:-42% 0 0 10%;
	font-size:210%;
	}
.top_b{
	margin:-20% 0 0 50%;
	}
#item-list .b8list{
	 margin:0 0 0 14%;
	}
footer{
	font-size:100%;
	}
.box11list{
	width:90%;
	}
#bread{
	width:83%;
	}
.box10 p{
	padding:30px 0 30px 0;
	}
.box10{
	height:300px;
	}
.box4{
	height:430px;
	}
.box4_1{
	font-size:200%;
	padding:80px 0;
	}
}

@media only screen and (max-width: 880px) {
.box3{
	height:771px;
	}
.box3_1{
	top:290px;
	left:0px;
	padding:20px;
	width:100%;
	transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	text-align:center;
	}
.box3_2{
	top:402px;
	right:60px;
	font-size:135%;
	width:84%;
	text-shadow: 1px 1px 2px #000;  
	}
.box3_3{
	top:52px;
	right:50%;
	width:463px;
	margin-right:-232px;
	}
}

@media only screen and (max-width: 767px) {
body {
	font-size:90%;
	}
.top_h1{
	margin:-32% 0 0 10%;
	font-size:170%;
	}
.box1_1{
	padding:0 20px;
	max-width:360px;
	}
.top_b{
	margin:-20% 0 0 50%;
	}
header{
	width:100%;
	position:relative;
	margin-top:80px;
	}
header h1{
	top:-80px;
	right:0;
	width:100%;
	height:80px;
	}
header h1 img{
	text-align:center;
	margin:0 auto;
	}
.w768{
	display:none;
	}
.w767{
	display:block;
	}
#f_link{
	line-height:2;
	}
  ul.cols-4 li,ul.cols-5 li,ul.cols-6 li,ul.cols-7 li,ul.cols-8 li{
	  width: 33%;/*４列以上は３列に*/
  }
  ul.cols-3 li{
	  width:50%;/*３列は２列に*/
  }
 #item-list .b8list{
	 margin:0 0 0 9%;
	}
.box11{
	padding:30px 20px;
	}
.box11list{
	margin:40px auto 0 auto;
	font-size:110%;
	}
#bread{
	width:90%;
	font-size:80%;
	margin-bottom:10px;
	}
.page_list tr{
    display:block;
    margin-bottom: 10px;
	width:100%;
	}
.inq_form{
    display:block;
    margin-bottom: 10px;
	width:100%;
	}
.page_list th{
   	display:block;
    width: 100%;
	text-align: left;
	}
.inq_list{
	margin:0 auto;
	}
.inq_list th{
   	display:block;
    width: 100%;
	text-align: left;
	}
.page_list td{
    display: list-item;
    width:100%;
    margin-left: 10%;
    border:none;
	text-align:left;
	padding-left:5px;
	}
.inq_form{
	width:100%;
	}
.inq_list td{
    display:block;
    width:100%;
    margin-left:0;
    border:none;
	text-align:left;
	padding-left:5px;
	}
.page_list th{ background: #f4f4f4;
	}
.inq_list{
	border:none;
	}
.fs{
	margin-top:-5px;
	display:block;
	}
.box8_1{
	font-size:140%;
	}
.box10 p{
	padding:30px 0 20px 0;
	}
.box10{
	height:240px;
	}
.box4{
	height:430px;
	}
.box4_1{
	font-size:200%;
	padding:80px 0;
	}
.list1 li{
	display:block;
	width:100%;
	padding-right:20px;
	}
.list1{
	margin-top:20px;
	margin-bottom:20px;
	}
.list1 li{
	padding-right:0px;
	}
.list1 .list1_1{
	display:none;
	}
.list1 .list1_2{
	display:block;
	font-size:160%;
	margin-bottom:20px;
	}
.top_h1{
	text-shadow: 1px 1px 2px #000;  
	}
.box3_2{
	right:50px;
	}
.item-list-blank{
	display: none;
}
}

@media only screen and (max-width: 700px) {
#item-list .b5list li{
	display:block;
	}
.box5_20{
	float:none;
	width:100%;
	}
.box5_21{
	float:none;
	width:200px;
	margin:50px auto;
	text-align:center;
	}
}
@media only screen and (max-width: 600px) {
#item-list .b8list{
	 margin:0 0 0 2%;
	}
.box9_1{
	color:#900b0b;
	font-size:100%;
	}
.box10{
	height:210px;
	}
.box4{
	height:340px;
	}
.box4_1{
	font-size:200%;
	padding:60px 0;
	}
.box3_2{
	right:40px;
	}
}

@media only screen and (max-width: 479px) {
.box1{
	font-size:120%;
	}
  ul[class*='cols-'] > li{
	  width: 50%;/*すべてを１列に*/
  }
     ul.cols-2 li{
	  width:100%;/*2列は1列に*/
  }
 .box10{
	height:auto;
	}
.top_b{
	margin:-28% 0 0 40%;
	}
.box4{
	height:280px;
	}
.box4_1{
	font-size:130%;
	padding:40px 0;
	}
.box3_1{
	top:170px;
	left:0px;
	padding:20px 30px;
	width:100%;
	transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	text-align:center;
	}
.box3_2{
	top:295px;
	right:50%;
	margin-right:-130px;	
	width:260px;
	font-size:120%;	
	}
.box3_3{
	top:32px;
	right:50%;
	width:260px;
	margin-right:-130px;
	}
.box3_3 img{
	width:260px;
	}
}

@media only screen and (max-width: 400px) {
.top_h1{
	margin:-32% 0 0 10%;
	font-size:130%;
	}
#f_link a{
	display:block;
	}
#copy{
	font-size:80%;
	}
	#item-list .b8list{
	 font-size:90%;
	}
   	ul.cols-2 li{
	  width:100%;/*2列は1列に*/
  }
 .box11_1{
	 font-size:135%;
	 }
 .box11list{
	width:100%;
	}
.box8_1{
	font-size:130%;
	}
.top_b{
	margin:-28% 0 0 40%;
	}
.box4{
	height:220px;
	}
.box3{
	height:740px;
	}
#banner_kiga-tsudoi{
	 max-width:200px;
	 margin:-20px auto 0 auto;
	}
#banner_kiga-tsudoi img{
	 width:200px;
	}
}