@media print, screen and (min-width: 769px) {
#menu-sp,#nav-sp,#mail-sp,.sp,#menu-sp{
	display:none;
	text-indent:-9999px;
	line-height:0%;
	margin:0px;
	padding:0px;
}
#top{
}
img, object, embed {
	max-width: 100%;
	height: auto;
 backface-visibility:hidden;
-webkit-backface-visibility: hidden;
}
img {
	-ms-interpolation-mode: bicubic;
}
.anchorlink{
	padding-top:120px;
	margin-top:-120px;
}
/* ヘッダー */
header {
	width: 100%;
	z-index:2000;
 transition: .3s;
 padding: 20px 0;
}
/* IE6用固定 */
* html #header {
    position:absolute;
    top: expression(eval(document.documentElement.scrollTop));
}
#header-wrap,
#header-wrap.second-header{
	max-width:1020px;
	width:96%;
	margin:0 auto;
}
#header-wrap #header-l{
	float:left;
	width:50%;
 max-width:620px;
	margin-top:0;
}
#header-r{
	float:right;
	width:46%;
	margin-top:0;
}
#header-l h1 a,
#header-l .logo a{
  text-decoration: none;
  display: block;
 width: 100%;
 height: auto;
 padding: 0.4em 0;
   background:-webkit-gradient(linear, left top, left bottom, from(#6487AF), to(#2E60A2))!important;
    background:-webkit-linear-gradient(top, #6487AF, #2E60A2)!important;
    background:-moz-linear-gradient(top, #6487AF, #2E60A2)!important;
    background:-o-linear-gradient(top, #6487AF, #2E60A2)!important;
    background:linear-gradient(#6487AF, #2E60A2)!important;
  border-radius: 6px;
}
#header-l h1 img,
#header-l .logo img{
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	height:auto;
	margin:0 auto 0 auto;
	width:94%;
	height:auto;
 max-width:600px;
 display: block;
}
 .header-tel{
  width: 44%;
  float: left;
  background-color: #FFC733;
  border: #FF9900 1px solid;
  padding: 2%;
  color:#2E60A2;
   border-radius: 6px;
 line-height: 120%;
}
.header-contact{
  width: 44%;
  float: right;
   background: #FFC733;
  border: #FF9900 1px solid;
  padding: 2%;
  color:#2E60A2;
   border-radius: 6px;
 line-height: 120%;
}
.header-contact a{
  display: block;
 text-decoration: none;
   color:#2E60A2;
}
.search_container{
  position: relative;
  box-sizing: border-box;
 float: right;
}
.search_container input[type="text"]{
	padding:0 2%;
 }
 .icon-tel{
  background: url("../images/common/icon-tel.png") left center no-repeat;
  padding-left: 1.2em;
  font-size:120%;
  font-weight: 600;
}
 .icon-contact{
  background: url("../images/common/icon-mail.png") left center no-repeat;
  padding-left: 1.4em;
  font-size:90%;
  font-weight: 600;
 }
.search_container input[type="text"]{
  border: none;
  height: 1.8em;
 background: #FFFFFF;
 color: grey;
}
.search_container input[type="text"]:focus {
  outline: 0;
}
.search_container{
  border: 1px solid #CFCFCF;
  padding: 3px 5px;
  border-radius: 6px;
  height: 2.2em;
  width: 240px;
  overflow: hidden;
 background: #FFFFFF;
 margin-top: 10px;
}
.search_container input[type="submit"]{
  cursor: pointer;
  font-family: FontAwesome;
  border: none;
  background: #2E60A2;
  color: #fff;
  position: absolute;
  width: 3.5em;
  height: 3.0em;
  right:0px;
  top: -5px;
  outline : none;
 padding: 0;
 margin: 0;
}
.search_container ::-webkit-input-placeholder {
  color: grey;
 font-size: 12px;
}
 .cse .gsc-control-cse, .gsc-control-cse{
  background: none!important;
  border: none!important;
 }
 .cse .gsc-control-cse, .gsc-control-cse{
  padding: 0!important;
 }
 #___gcse_0{
  width: 240px!important;
  float: right;
  margin-top: 10px;
 }
 .gsib_a{
  padding: 0!important;
 }
 .cse .gsc-search-button-v2, .gsc-search-button-v2{
  border: none!important;
  background-color: #2E60A2!important;
}
/* main -------------------------------------------------------------- */
#top-main-bk{
 padding-top: 0;
 max-width: 1000px;
 margin: 20px auto;
}
#top-main{
 overflow: hidden;
 width: 100%;
 height: auto;
}
#top-main img{
 -webkit-backface-visibility: hidden;
	backface-visibility: hidden;
 width: 100%;
 height: auto;
}
.box-shadow {box-shadow: 0px 0px 10px rgba(0,0,0,.8)}

 
/* wrap -------------------------------------------------------------- */
.wrap{
	max-width:1200px;
	width:96%;
	margin:0 auto;
	padding-bottom:100px;
	overflow:hidden;
}
 


/* トップページトピックス -------------------------------------------------------------- */
#top-topics-bk,#top-point-bk{
	padding:80px 0 140px;
}
#top-topics,#top-point{
	max-width:1200px;
	width:96%;
	margin:0 auto;
 text-align: center;
}
 h2{
	font-weight: bold;
	text-align:center;
	line-height:1.6;
	margin-bottom:80px;
	line-height:1.1;
 display: block;
 	font-size:3.0rem;
  position: relative;
 color: #2E60A2;
}
h2:after{
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #2E60A2;
  bottom: -20px;
 left: 48.5%;
  width: 40px;
}
 
 
 
/* トップページスピード感 -------------------------------------------------------------- */
#top-speed-bk{
	padding:40px 0 40px;
}
#top-speed{
	max-width:1200px;
	width:96%;
	margin:0 auto;
}
 #top-speed .wrap{
	max-width:700px;
	width:96%;
	margin:0 auto;
	padding-bottom:100px;
	overflow:hidden;
} 
.midashi01 {
  position: relative;
  padding: .5em .75em;
  background-color: #fff;
  border: 2px solid #2E60A2;
 max-width: 700px;
 margin: 0 auto 2.0em auto;
 text-align: center;
}
.midashi01::before,
.midashi01::after {
  position: absolute;
  top: 100%;
  left: 49.1%;
  content: '';
  height: 0;
  width: 0;
  border: 10px solid transparent;
}
.midashi01::before {
  border-top: 15px solid #2E60A2;
}
.midashi01::after {
  margin-top: -4px;
  border-top: 15px solid #fff;
}
 h3{
	font-weight: bold;
	text-align:center;
	line-height:1.6;
	margin:60px auto;
	line-height:1.2;
 display: block;
 	font-size:2.8rem;
 color: #3B79B8;
}
h4{
  padding: 0.1em 0.5em;
  background: transparent;
 color: #3B79B8;
  border-left: solid 3px #3B79B8;
 	font-size:2.0rem;
 margin: 1em 0 0.5em 0;
} 

 
h3.midashi-flow {
  position: relative;
  background: #FFFFFF;
  padding: 0.75em 0.75em;
  border-left: solid 3.6em #3B79B8;
 border-top: solid 2px #3B79B8;
 border-bottom: solid 2px #3B79B8;
 border-right: solid 2px #3B79B8;
 text-align: left;
 margin: 0 0 0.5em 0;
 	font-size:2.0rem;
 color: #333333;
}
h3.midashi-flow .number {
  position: absolute;
  padding: 0em;
  color: white;
  font-weight: normal;
  left: -3.1em;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
 font-size:1.2em;
 font-weight: bold;
 text-align: center;
 width: 3.6em;
} 
h3.midashi-flow .number.double-digit{
  left: -3.2em;
 }
 .flow-arrow-l1{
  width: 60px;
  float: left;
 } 
 .flow-arrow-r1{
  float: right;
  margin-left: -90px;
  padding-left: 90px;
  box-sizing: border-box;
  width: 100%;
 }
 .flow-b-arrow{
  background: #CEDFF1;
  padding: 0.75em 0.25em 0.75em 0.75em;
  margin-bottom: 2em;
  font-size:0.8em;
  line-height: 140%;
  display: block;
  position: relative;
  width: 60px;
  text-align: center;
 }
 .flow-b-arrow:after {
     position:absolute;
     content:"";
     border:solid 36px transparent;
     border-top:solid 20px #CEDFF1;
     top: 100%;
     left:0;
     margin-top: -1px;
 }
 .flow-b-arrow.b1{
  padding-bottom: 1em;
 }
 .flow-b-arrow.b2{
  padding-bottom: 2em;
 }
 .flow-b-arrow.b3{
  padding-bottom: 3em;
 }
 .flow-b-arrow.b4{
  padding-bottom: 4em;
 } 
 .flow-b-arrow.b5{
  padding-bottom: 5em;
 }
 .flow-b-arrow.b6{
  padding-bottom: 6em;
 }
 .flow-b-arrow.b7{
  padding-bottom: 7em;
 }
 .flow-b-arrow.b8{
  padding-bottom: 8em;
 }
 .flow-b-arrow.b9{
  padding-bottom: 9em;
 }
 .flow-b-arrow.b10{
  padding-bottom: 27em;
 }
  .flow-b-arrow.b11{
  padding-bottom: 44em;
 }
.flow-arrow-box-l{
  width: 48%;
 float: left;
 }
.flow-arrow-box-r{
  width: 48%;
 float: right;
 }
 
/* トップページご提案致します -------------------------------------------------------------- */
#top-suggestion-bk{
	padding:40px 0 40px;
}
#top-suggestion{
	max-width:1200px;
	width:96%;
	margin:0 auto;
}
#top-suggestion .wrap{
	max-width:700px;
	width:96%;
	margin:0 auto;
	padding-bottom:100px;
	overflow:hidden;
} 
 
/* トップページ資金繰りの対応手段 -------------------------------------------------------------- */
#top-flow-bk{
	padding:40px 0 80px;
}
#top-flow{
	max-width:1100px;
	width:94%;
	margin:0 auto;
 background: url("../images/common/bk01.png") left top repeat;
 border: solid 4px #2E60A2;
 padding: 2%;
}
.inside-w{
 background: #FFFFFF;
 box-shadow: 0px 3px 8px rgba(0,0,0,.2);
 padding: 50px;
}
 
 
/* トップページ資金繰り手続分類診断 -------------------------------------------------------------- */
#top-diagnosis-bk{
	padding:40px 0 40px;
}
#top-diagnosis{
	max-width:1100px;
	width:94%;
	margin:0 auto;
}
#top-diagnosis .wrap{
	max-width:880px;
	width:96%;
	margin:0 auto;
/*	padding-bottom:100px;*/
	overflow:hidden;
} 
 .shindan-wrap{
  margin: 20px auto;
  width: 740px;
	 
 } 
 
 
/* トップページ自己破産の流れ -------------------------------------------------------------- */
#top-bankruptcy-bk{
	padding:40px 0 80px;
}
#top-bankruptcy{
	max-width:1100px;
	width:94%;
	margin:0 auto;
 background: url("../images/common/bk01.png") left top repeat;
 border: solid 4px #2E60A2;
 padding: 2%;
}
 
 
 
/* トップページ民事再生の流れ -------------------------------------------------------------- */
#top-rehabilitation-bk{
	padding:40px 0 80px;
}
#top-rehabilitation{
	max-width:1100px;
	width:94%;
	margin:0 auto;
 background: url("../images/common/bk01.png") left top repeat;
 border: solid 4px #2E60A2;
 padding: 2%;
}
 
 
 
/* トップページ個人民事再生の流れ -------------------------------------------------------------- */
#top-personal-bk{
	padding:40px 0 80px;
}
#top-personal{
	max-width:1100px;
	width:94%;
	margin:0 auto;
 background: url("../images/common/bk01.png") left top repeat;
 border: solid 4px #2E60A2;
 padding: 2%;
}
 
 
 
 
/* トップページ任意整理の流れ -------------------------------------------------------------- */
#top-arbitrarily-bk{
	padding:40px 0 80px;
}
#top-arbitrarily{
	max-width:1100px;
	width:94%;
	margin:0 auto;
 background: url("../images/common/bk01.png") left top repeat;
 border: solid 4px #2E60A2;
 padding: 2%;
}
 
 
 
/* トップページ弁護士 佐野 太一朗が面談させていただきます -------------------------------------------------------------- */
#top-lawyer-bk{
 padding-top: 0;
 max-width: 1200px;
 width: 96%;
 margin: 20px auto;
}
#top-lawyer{
 overflow: hidden;
 width: 90%;
 height: auto;
 border: #2E60A2 4px solid;
 background: #FFFFFF;
 padding: 100px 5%;
 background: url("../images/common/pic01.png") 116% bottom no-repeat #FFFFFF;
 background-size: 50%;
}
 .lawyer-wrap{
  width: 60%;
  float: left;
 }
 .strong-wrap{
display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
 justify-content:space-between;
  margin-bottom: 2em;
 }
 .strong-wrap .strong-inside{
  background: #3B79B8;
  padding: 4%;
  text-align: center;
  color: white;
  line-height: 1.4;
  border-radius: 6px;
 } 
 .midashi-lawyer{
  text-align: center;
  color: #3B79B8;
  margin: 2em auto;
 }
#top-lawyer h2 {
  position: relative;
  display: inline-block;
  display: block;
  padding: 0 45px;
 text-align: center;
 margin: 0 auto 2em;
 max-width: 400px;
}
#top-lawyer h2:before{
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 44px;
  height: 2px;
  background-color: #3B79B8;
  -webkit-transform: rotate(60deg);
  transform: rotate(60deg);
}
#top-lawyer h2:before {
  left:0;
}
#top-lawyer h2:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 44px;
  height: 2px;
  background-color: #3B79B8;
  -webkit-transform: rotate(-60deg);
  transform: rotate(-60deg);
 border-bottom:none;
}
#top-lawyer h2:after {
  right: 0;
 left: auto;
}

 
/* top-contact -------------------------------------------------------------- */
#top-contact-bk{
 margin: 80px auto;
 overflow: hidden;
 width: 100%;
}
#top-contact{
	max-width:900px;
	width:96%;
	margin:0 auto;
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
}
#top-contact .contact-contents{
 margin: 60px auto 200px;
 color: white;
}
  
 

/* トップページ事務所概要 -------------------------------------------------------------- */
#top-about-bk{
	padding:40px 0 80px;
}
#top-about{
	max-width:1100px;
	width:94%;
	margin:0 auto;
 background: url("../images/common/bk01.png") left top repeat;
 border: solid 4px #2E60A2;
 padding: 2%;
}
#top-about h2{
	font-weight: bold;
	text-align:center;
	line-height:1.6;
	margin:10px auto 20px;
	line-height:1.1;
 display: block;
 font-size:3.0rem;
 position: relative;
 color: #2E60A2;
}
#top-about h2:after{
  position: absolute;
  border-bottom: none;
}
.about-l{
 width: 42%;
 float: left;
 padding: 4% 4% 0 4%;
 } 
.about-r{
 width: 50%;
 float: right;
}
.about-r img{
 width: 100%;
 height: auto;
 -webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.inside-about{
 background: #FFFFFF;
 box-shadow: 0px 3px 8px rgba(0,0,0,.2);
}
 
 
 
 
/* フッター -------------------------------------------------------------- */
#footer{
	padding:40px 0 40px;
	background:#CFDCE1;
	clear:both;
 font-size: 0.8em;
 position: relative;
 z-index: 100;
 line-height: 1.6;
}
#footer .footer-wrap{
	max-width:1200px;
	width:96%;
	margin:0 auto;
}
#footer .footer-copy{
 font-size: 0.8em;
 text-align:left;
	padding-top:20px;
}
.footer-content-l{
 float: left;
width: 78%;
 }
.footer-content-l .footer-logo{
float: left;
    margin-right: 2em;
    margin-bottom: 1em;
    width: 400px;
}
.footer-content-r{
  width: 20%;
 float: right;
 border-left: solid 1px #9EA6AF;
 padding-left: 1em;
  font-size: 0.8em;
} 
 .footer-content-r a{
  text-decoration: none;
 }
#form-tbl{
  max-width: 600px;
  width: 98%;
 margin: 20px auto;
}
 
 
#backtop {
	position:fixed;
	right: 10px;
	bottom: 20px;
	display:none;
 z-index: 1000;
 background: #FFC733;
 border: #FF9900 1px solid;
 color:#2E60A2;
 border-radius: 6px;
 line-height: 120%;
}
#backtop a{
 display: block;
 text-decoration: none;
 color:#2E60A2;
 padding: 1em;
}
 
/* 資金繰り手続分類診断 -------------------------------------------------------------- */
 .shindan-wrap iframe{
	 width: 880px!important;
 height: 540px!important;
 }
 .diagnosis-inside{
/* border: 20px solid #FF9900;*/
 border: 20px solid #203922;
 width: 700px;
 }
/*
 .diagnosis-inside.second{
 border: 20px solid #777777;
 width: 700px;
 }
*/
#inlineframe-diagnosis{
 width: 720px;
 height: 550px;
 margin: 0 auto;
 display: block;
}
#inside-diagnosis{
 background: url("../images/diagnosis/diagnosis-bk.png") center center no-repeat #FFFFFF!important;
 height: 500px;
}
#inside-diagnosis.second-dia{
 background: #FFFFFF!important;
}
#inside-diagnosis-bk{
 display: flex;
 flex-direction:column;
 }
#inside-diagnosis{
 display: flex;
 flex-direction: column;
  flex-wrap: wrap;
}
#inside-diagnosis h2{
 color: #333333!important;
 color: #FFFFFF!important;
/* padding-top: 2em;*/
/* margin-top: 50px;*/
 margin-top: 30px;
 font-size:2.2em;
 font-weight: bold;
 }
#inside-diagnosis h2.diagnosis-midashi-second{
 color: #333333!important;
 }
#inside-diagnosis h2:after{
 border: none!important;
 }
 #inside-diagnosis .btn-start{
  width: 600px;
  margin: auto auto 20px;
 }
 #inside-diagnosis .btn-start-top{
  width: 600px;
  margin: 20px auto 0;
  font-size: 2em;
  font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
 }
#inside-diagnosis.second-dia .btn-start{
  width: 600px;
  margin: auto auto 30px;
 }
#inside-diagnosis.second-dia .btn-restart{
  width: 100%;
  margin: 0 auto 40px;
 }
 .btn-dia-l{
  width: 48%;
  float: left;
 }
 .btn-dia-r{
  width: 48%;
  float: right;
 } 
 .diagnosis-q{
  background: #EFEFEF;
  border-radius: 6px;
  width: 80%;
  margin: auto auto;
  padding: 1em 1em 0.1em;
  font-size: 1.15em;
 }
 .diagnosis-a{
  background: #FF9900;
  background: #203922;
  color: #ffffff;
  font-weight: bold;
  border-radius: 6px;
  width: 80%;
  margin: auto auto;
  padding: 1em 1em 0;
  font-size: 1.25em;
 }
 .diagnosis-txt{
   width: 90%;
  margin: auto auto;
  font-size: 0.92em;
 }
#inside-diagnosis h2.diagnosis-midashi{
  padding-top: 1em;
 margin-bottom: 40px;
 line-height: 140%;
 }
#inside-diagnosis h2.diagnosis-midashi-second{
  padding-top: 0em;
 margin-bottom: 30px;
 font-size:1.5em;
 line-height: 140%;
 } 
 #inside-diagnosis ol,#inside-diagnosis ul{
  margin-left: 30px;
  margin-bottom: 10px;
 }
 .balloon1 {
  position: relative;
  display: inline-block;
  margin: 1.5em auto;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #e0edff;
  width: 30%;
  text-align: center;
  font-weight: bold;
  border-radius: 6px;
  font-size: 1.15em;
}

.balloon1:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #e0edff;
}

.balloon1 p {
  margin: 0;
  padding: 0;
}
.top-30s{
  position: absolute;
 bottom: 10px;
 left: 40px;
 text-align: right;
 }
 
 
/* アイコン -------------------------------------------------------------- */
.icon1,.icon2,.icon3{
	background:#37BC9B;
	display:inline-block;
	width:100px;
	line-height:160%;
	color:#FFF;
	font-size:11px;
	text-align:center;
	margin-left:10px;
 -webkit-border-radius: 2px;  
 -moz-border-radiust: 2px;
}
.icon2{
	background:#E8840B;
}
.icon3{
	background:#DF0B0B;
	display:inline;
	padding:0px 7px;
}

  
/* Images -------------------------------------------------------------- */
.alignleft,
img.alignleft {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}
.alignright,
img.alignright {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}
.aligncenter,
img.aligncenter {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	display: block;
	margin-bottom: 20px;
}

 
 

/* テーブル -------------------------------------------------------------- */
table.table01,table.sp-table {
	border-collapse: collapse;
	border-spacing: 0;
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	margin-bottom:8px;
	line-height:160%;
	width:100%;
}
table.table01 th,table.sp-table th {
	padding: 10px;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	width:30%;
	background:#E8F3FF;
}
table.table01 td,table.sp-table td {
	padding: 10px;
	border-right: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	background:#FFFFFF;
}
table.table02 {
	border-collapse: collapse;
	border-spacing: 0;
	width:100%;
}
table.table02 th{
	text-align:left;
 line-height: 1.4;
}
table.table02 th,table.table02 td{
	padding:10px;
}
table.even tr:nth-child(even) th,table.even tr:nth-child(even) td{
	background: #F7F9F8;
}
table.even tr:nth-child(odd) th,table.even tr:nth-child(odd) td{
	background: #fff;
}
.nowrap{
	white-space: nowrap;
}
table.table03 {
	border-collapse: collapse;
	border-spacing: 0;
	width:100%;
	float:left;
	margin-right:2%;
	margin-bottom:2%;
}
table.table03 th{
	text-align:left;
	width: 20%;
 white-space: nowrap;
}
table.table03 th,table.table03 td{
	border-bottom: solid 1px #cccccc;
	padding:10px 6px;
}
table.table03 p{
	padding-bottom: 0;
}
table.table04{
	border-collapse: collapse;
	border-spacing: 0;
	border-top: 1px solid #D0D0D0;
	border-left: 1px solid #D0D0D0;
	margin-bottom:8px;
	line-height:160%;
	width:100%;
}
table.table05 {
	border-collapse: collapse;
	border-spacing: 0;
	width:100%;
}
table.table05 th{
	text-align:center;
 width: 20%;
 color: #7B644F;
}
table.table05 th,table.table05 td{
	border-bottom: dotted 1px #cccccc;
	padding:6px;
}
table.table05 p{
	padding-bottom: 0;
}
table.table06 {
	border-collapse: collapse;
	border-spacing: 0;
	width:100%;
}
table.table06 th{
	text-align:left;
}
table.table06 th,table.table06 td{
	border-bottom: dotted 1px #cccccc;
	padding:15px;
}
table.table-contact {
	border-collapse: collapse;
	border-spacing: 0;
	width:100%;
 color: #666666;
}
table.table-contact th{
	text-align:left;
 line-height: 1.4;
 vertical-align: top;
}
table.table-contact th,table.table-contact td{
	padding:10px;
}
table.table-contact th{
	text-align:left;
 line-height: 1.4;
 vertical-align: top;
} 

/* フォーム -------------------------------------------------------------- */
input[type="text"],input[type="email"],textarea,select,input[type="tel"]{
	width: 85%;
}
	
/* ボックス -------------------------------------------------------------- */
.box-l{
	width:49%;
	float:left;
}
.box-r{
	width:49%;
	float:right;
}

/* ボタン -------------------------------------------------------------- */
 .btn{
  margin: 2em auto;
  text-align: center;
 }
 .top-btn{
 margin-top: 30px!important; 
 font-size: 1.2rem;
 }
.btn01,
a.btn01{
	display:block;
	text-decoration:none;
	padding:8px 30px;
	color:#222222;
	font-weight:bold;
	text-align:center;
	margin:0 auto;
 background: #FFFFFF;
 border-radius: 22px;
 -webkit-border-radius: 22px;
 -moz-border-radius: 22px;
}
.btn01:hover,
a.btn01:hover,
a.zoom-with-text-link.btn01:hover{
	color:#FFFFFF;
	cursor:pointer;
	border: 1px solid #FFF;
 background: none;
}
.btn01,
a.btn01{
  position: relative;
  display: inline-block;
  padding-left: 20px;
}
.btn01::before,
a.btn01::before{
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #222222;
  border-right: solid 2px #222222;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 8%;
  margin-top: -4px;
}
.btn01:hover::before,
a.btn01:hover::before{
  border-top: solid 2px #FFFFFF;
  border-right: solid 2px #FFFFFF;
 }
.btn02,
a.btn02{
	display:block;
	text-decoration:none;
	padding:1em 2.5em 1em 1em;
	color:#FFFFFF;
	text-align:center;
	margin:0 auto;
 background: #37A247;
 border-radius: 6px;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
}
.btn02:hover,
a.btn02:hover{
	color:#FFFFFF;
	cursor:pointer;
 background: #42BF55;
}
.btn02,
a.btn02{
  position: relative;
  display: inline-block;
  padding-left: 20px;
}
.btn02::before,
a.btn02::before{
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #FFFFFF;
  border-right: solid 2px #FFFFFF;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 8%;
  margin-top: -4px;
}
.btn02:hover::before,
a.btn02:hover::before{
  border-top: solid 2px #FFFFFF;
  border-right: solid 2px #FFFFFF;
 }
 a.btn02.top-news{
	width:50%;
	margin:0 auto 0;
}
.btn03,a.btn03{
 position: relative;
/*	background-color:#FF9900;*/
 background-color:#203922;
	display:block;
	text-decoration:none;
	padding:15px;
	border-radius: 6px;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	margin:0 auto;
	width:60%;
	margin:20px auto 10px;
 border-bottom: solid 4px #162818;
}
.btn03::before,
a.btn03::before{
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #FFFFFF;
  border-right: solid 2px #FFFFFF;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 8%;
  margin-top: -4px;
}
.btn03:hover,a.btn03:hover{
	background-color:#FFB03C;
 background-color:#356037;
	color:#FFF;
	cursor:pointer;
 border-bottom: solid 2px #F09100;
 border-bottom: solid 2px #2C4E2E;
 border-top: solid 2px #FFFFFF;
}

.btn-y,a.btn-y{
  position: relative;
	background-color:#F38F94;
	display:block;
	text-decoration:none;
	padding:15px 25px 15px 15px;
	border-radius: 6px;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	margin:0 auto;
	width:60%;
	margin:20px auto 10px;
 border-bottom: solid 4px #C27276;
}
.btn-y::before,
a.btn-y::before{
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #FFFFFF;
  border-right: solid 2px #FFFFFF;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 8%;
  margin-top: -4px;
}
.btn-y:hover,a.btn-y:hover{
	background-color:#F5A3A7;
	color:#FFF;
	cursor:pointer;
 border-bottom: solid 2px #CF8F93;
 border-top: solid 2px #FFFFFF;
}
.btn-n,a.btn-n{
  position: relative;
	background-color:#67B1D8;
	display:block;
	text-decoration:none;
	padding:15px 25px 15px 15px;
	border-radius: 6px;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	margin:0 auto;
	width:60%;
	margin:20px auto 10px;
 border-bottom: solid 4px #528EAD;
}
.btn-n::before,
a.btn-n::before{
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #FFFFFF;
  border-right: solid 2px #FFFFFF;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 8%;
  margin-top: -4px;
}
.btn-n:hover,a.btn-n:hover{
	background-color:#87C1E0;
	color:#FFF;
	cursor:pointer;
 border-bottom: solid 2px #7AA8C0;
 border-top: solid 2px #FFFFFF;
}

.btn04,a.btn04{
  position: relative;
	background-color:#777777;
	display:block;
	text-decoration:none;
	padding:8px;
	border-radius: 6px;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	margin:0 auto;
	margin:20px auto 10px;
 width: 26%;
 font-size:0.9em;
}
.btn04::before,
a.btn04::before{
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #FFFFFF;
  border-right: solid 2px #FFFFFF;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 8%;
  margin-top: -4px;
}
.btn04:hover,a.btn04:hover{
	background-color:#999999;
	color:#FFF;
	cursor:pointer;
}
.btn-dia-r.btn04,.btn-dia-r a.btn04{
 width: 70%;
 padding:1em 2.5em 1em 1em;
 margin: 0 auto;
 }
.btn05,a.btn05{
 position: relative;
	display:block;
 border: #FFFFFF solid 3px;
	text-decoration:none;
	padding:14px;
	border-radius: 6px;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
	color:#FFF;
	font-weight:bold;
	text-align:center;
	margin:20px auto 10px;
 width: 50%;
 font-size:0.9em;
}
.btn05::before,
a.btn05::before{
  content: '';
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #FFFFFF;
  border-right: solid 2px #FFFFFF;
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 8%;
  margin-top: -4px;
}
.btn05:hover,a.btn05:hover{
	color:#FFF;
	cursor:pointer;
 background: #203922;
 border: #203922 solid 3px;
}
 .balloon3-left {
  position: relative;
  display: inline-block;
  margin: 0.5em 3.0em auto auto;
  padding: 0 5px;
  width: 140px;
  height: 140px;
  line-height: 140px;
  text-align: center;
  color: #FFF;
  font-size: 20px;
  font-weight: bold;
/*  background: #ffcc75;*/
  border-radius: 50%;
  box-sizing: border-box;
  border: 3px solid #FFFFFF;
  font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
}

.balloon3-left:before {
  content: "";
  position: absolute;
  top: 90%;
  left: 10%;
  margin-top: -15px;
  border: 15px solid transparent;
  z-index: 0;
  -ms-transform: rotate(175deg);
  -webkit-transform: rotate(175deg);
  transform: rotate(175deg);
  border-top: solid 3px #FFFFFF;
  border-right: solid 3px #FFFFFF;
  background: #6EC9C4;
}
/* 第2階層 -------------------------------------------------------------- */
#second-wrap{
  padding-top: 80px;
 }
#second-wrap article{
  padding: 0;
  max-width:800px;
  width: 88%;
  margin: 0 auto 100px;
  text-align: left;
  }
 #second-wrap article h3{
	color:#2E60A2;
	text-align:center;
	font-size:160%;
	line-height:110%;
  text-align: center;
}
 #second-wrap article h3:first-child{
	margin:0 0 30px;
}
#second-wrap article h4{
	color:#333333;
	text-align:left;
	font-size:120%;
	line-height:140%;
	margin:0 0 1em;
 border-left: #009749 solid 4px;
 padding: 0.5em 0 0.5em 0.75em;
}
 #second-wrap article h4:first-child{
	margin:0 0 30px;
}
 #second-wrap article ul,
 #second-wrap article ol{
  margin-left: 30px;
 }
 #second-wrap article ul li,
 #second-wrap article ol li{
  margin-bottom: 0.75em;
 } 
 
}

 


@media screen and (min-width: 1201px) and (max-width: 1240px) {
#header-wrap #header-l{
	float:left;
	width:48%;
 max-width:620px;
	margin-top:0;
}
#header-r{
	float:right;
	width:48%;
	margin-top:0;
}
}

@media screen and (min-width: 1120px) and (max-width: 1200px) {
#header-wrap #header-l{
	float:left;
	width:44%;
 max-width:620px;
	margin-top:0;
}
#header-r{
	float:right;
	width:54%;
	margin-top:0;
}
}

@media screen and (min-width: 1005px) and (max-width: 1121px) {
#header-wrap #header-l{
	float:left;
	width:40%;
 max-width:620px;
	margin-top:0;
}
#header-r{
	float:right;
	width:58%;
	margin-top:0;
}
}

@media screen and (min-width: 925px) and (max-width: 1004px) {
#header-wrap #header-l{
	float:left;
	width:40%;
 max-width:620px;
	margin-top:0;
}
#header-r{
	float:right;
	width:58%;
	margin-top:0;
}
}

@media screen and (min-width: 769px) and (max-width: 924px) {
#header-wrap #header-l{
	float:left;
	width:40%;
 max-width:620px;
	margin-top:0;
}
#header-r{
	float:right;
	width:58%;
	margin-top:0;
}
}




@media print{
.fixed {
    position: static;
}
}

/* IEハック -------------------------------------------------------------- */
@media screen\0 {
nav li a{
	padding:22px 0 16px;
}
.submenu li a{
	width: 24.87%;
}
}