/*
Theme Name: sakamoto
Theme URI: https://sakamoto-sr.jp/
Description: Dotinstall
Author: michi nakajima
Author URI: https://sakamoto-sr.jp/
Version: 1.0

*/



.news_intro{
	background:url(/joseikin/img/news/main_img.jpg) no-repeat top;
	width:90%;
	padding: 90px 5% 0 5%;
	min-height:200px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.news_intro nav{
	display:block;
	margin:70px auto 0;
}
.news_intro nav li,
.news_intro nav li a{
	display:inline-block;
	color:#fff;
}


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

#news .intro{
	background:url(/joseikin/img/news/main_img_sp.jpg) no-repeat top;
	margin-top:50px;
	padding: 60px 5% 0 5%;
	min-height:150px;
}
#news .intro nav{
	margin:50px auto 0;
}
}

/*=======================================
  news
=======================================*/

#news{
	padding: 3rem 0;
	overflow:hidden;
}
#news_cont a{
    display:block;
	background:#f7f7f7;
	padding:1rem 5%;
	width:90%;
	text-align:left;
	margin-top:2rem;
}
#news_cont .inner a:hover{
    background:#e2f0f9;
    color:#000;
}
#news_cont{
	width:70%;
	float:left;
}
#news_cont h4{
	color:#19abe8;
	text-align:left;
	padding-top:15px;
    font-size:180%;
}
#news_cont h4 span{
    font-size:60%;
    color:#000;
}
#news_cont dl{
	overflow:hidden;
	padding-bottom:5px;
}
#news_cont dt{
	background:#19abe8;
	padding:5px 20px;
	float:left;
	color:#fff;
	min-width:150px;
}
#news_cont dd{
	background:#000;
	padding:5px 20px;
	display:inline-block;
	color:#fff;
}
#news_cont p{
    padding:0 0 0.8rem;
}
#news_cont span{
	padding:5px 15px;
	color:#fff;
	margin-right:15px;	
}
#news_cont .info{
	background:#19abe8;
}
#news_cont .news{
	background:#ddd44b;
}
#news_cont h3{
	text-align:left;
	padding:2rem 0;
}


.r_navi{
	width:25%;
	float:right;
}
.r_navi h3{
	background:#000;
	color:#fff;
	font-size:120%;
	padding:10px 0;
	margin:2rem 0 1.5rem;
} 
.r_navi li{
	margin-top:1rem;
}


#news_cont .navigation{
	overflow:hidden;
	margin-top:2rem;
}
#news_cont .navigation a{
	display:inline;
	background:#fff !important;

}

#news_cont .navigation .prev a,
#news_cont .navigation .next a{
	float:left;
	background:#fff;
	width:47%;
	border:1px solid #bababa;
	padding:15px 1% 10px 1%;
	border-radius:10px;
}
#news_cont .navigation .prev a{
	float:left;
}
#news_cont .navigation .next a{
	float:right;
	text-align:right;
}



@media screen and (max-width: 600px) {
#news{
	padding-top: 1.5rem;
}
#news_cont a{
	margin-top:1rem;
}
#news_cont h4{
    font-size:130%;
}
#news_cont{
	width:100%;
	float:none;
}
.r_navi{
	width:100%;
	float:none;
}
}



/*=======================================
  subsidy
=======================================*/

.subsidy_intro{
	background:url(/joseikin/img/subsidy/main_img.jpg) no-repeat top;
	width:90%;
	padding: 90px 5% 0 5%;
	min-height:200px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.subsidy_intro nav{
	display:block;
	margin:70px auto 0;
}
.subsidy_intro nav li,
.subsidy_intro nav li a{
	display:inline-block;
	color:#fff;
}


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

.subsidy_intro{
	background:url(/joseikin/img/subsidy/main_img_sp.jpg) no-repeat top;
	margin-top:50px;
	padding: 60px 5% 0 5%;
	min-height:150px;
}
.subsidy_intro nav{
	margin:50px auto 0;
}
}



/*=======================================
  grants_cont
=======================================*/

#grants_cont{
    padding:3rem 0;
}
#grants_cont .inner a{
    display:block;
	background:#f7f7f7;
	padding:1rem 5%;
	width:90%;
	text-align:left;
	margin-top:2rem;
}
#grants_cont .inner a:hover{
    background:#e2f0f9;
    color:#000;
}

#grants_cont h3{
	color:#19abe8;
	text-align:left;
	padding-bottom:15px;
    font-size:180%;
}
#grants_cont h3 span{
    font-size:60%;
    color:#000;
}
#grants_cont dl{
	overflow:hidden;
	padding-bottom:5px;
}
#grants_cont dt{
	background:#19abe8;
	padding:5px 20px;
	float:left;
	color:#fff;
	min-width:150px;
}
#grants_cont dd{
	background:#000;
	padding:5px 20px;
	display:inline-block;
	color:#fff;
}
#grants_cont p{
    padding:0.8em 0 0.5rem;
}

#grants_cont .button,
#details .button{
    text-align:center;
    padding:5rem 0;
}
#grants_cont .button a,
#details .button a{
	display:inline;
	color:#fff;
	background:url(/joseikin/img/yaji_w.png) no-repeat right #19abe8;
	padding:20px 100px;
	margin: 3rem auto;
	clear:both;
	float:none;
}
#grants_cont .button a:hover,
#details .button a:hover{
    background:url(/joseikin/img/yaji_w.png) no-repeat right #0a81bb;
    color:#fff;
}

@media screen and (max-width: 960px) {
#grants_cont dt{
    font-size:90%;
	min-width:130px;
}
#grants_cont dd{
    font-size:90%;
}
}

@media screen and (max-width: 600px) {
#grants_cont{
    padding:1rem 0;
}
#grants_cont .inner a{
	margin-top:1.5rem;
}
#grants_cont dt{
    font-size:100%;
    width:90%;
	padding:5px 5%;
}
#grants_cont dd{
    width:90%;
	padding:5px 5%;

}
#grants_cont dl{
	padding-bottom:10px;
}
#grants_cont h3{
    font-size:150%;
}
#grants_cont h3 span{
    display:block;
}
#grants_cont .copy{
    font-size:90%;  
}
#grants_cont .button a,
#details .button a{
	padding:20px 70px;
}

}



#details{
	background:url(/joseikin/img/line_b.gif) no-repeat top center;
	padding: 130px 0 1rem;
	overflow:hidden;
	text-align:center;
}

#details h4{
	text-align:left;
	background:url(/joseikin/img/subsidy/h3_bg.png) no-repeat left;
	padding:20px 0 20px 35px;
}
#details p{
	text-align:left;
}
#details #overview{
	padding-top:1rem;
}
#details #money{
	padding:3rem 0 0;
}

#money table{
	width:100%;
	border-right:1px solid #e2e2e2;
	border-bottom:1px solid #e2e2e2;
	margin-bottom:1rem;
}
#money th{
	color:#fff;
	background:#000;
	border-left:1px solid #e2e2e2;
	padding:15px 0;
	width:49%;
	letter-spacing:0.2rem;
}
#money td{
	background:#f7f7f7;
	border-left:1px solid #e2e2e2;
	border-bottom:1px solid #e2e2e2;
	padding:1.5rem 15px;
	line-height:2;
}
#money td.gaku{
	text-align:center;
}
#money td.kind{
	text-align:left;
}
#money td span{
	color:#19abe8;
}
#schedule{
	background:#e2f0fa;
	overflow:hidden;
	padding:3rem 0;
	margin-top:5rem;
}
#schedule .bl{
	width:16.6666%;
	float:left;
}
#schedule .bl > p{
	color:#19abe8;
	background:url(/joseikin/img/subsidy/line_b.gif) bottom repeat-x;
	text-align:center;
	font-weight:bold;
}
#schedule .step1 > p{
	background:url(/joseikin/img/subsidy/line_b_step1.gif) bottom repeat-x;
}
#schedule div:last-child > p{
	background:url(/joseikin/img/subsidy/line_b_step6.gif) bottom repeat-x;
}
#schedule .bl img{
	display: block;
	margin:0 auto;
}
.balloon {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 15px 20px 5px;
  max-width: 100%;
  min-height: 300px;
  background: #FFF;
  border: solid 3px #19abe8;
  box-sizing: border-box;
  border-radius: 15px;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.balloon p{
	background:none !important;
}
#schedule div div:last-child div {
  background: #f5ed79 !important;
}
.balloon:before {
  content: "";
  position: absolute;
  top: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-bottom: 12px solid #FFF;
  z-index: 2;
}
#schedule div div:last-child div:before{
  border-bottom: 12px solid #f5ed79 !important;
}


.balloon:after {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-bottom: 14px solid #19abe8;
  z-index: 1;
}


#conditions{
	padding-top:4rem;
	text-align:left;
}

#conditions .inner div{
	background:#f7f7f7;
	padding:1.5rem 3% 3rem 8%;
}
#conditions ol{
    counter-reset: li;    /* li のカウンタを 0 にセット */ 
    list-style: none;
}
#conditions li{
	list-style-position: inside;
	text-indent: -25px;
	margin-top:1.5rem
}
#conditions li:before {
    color: #19abe8;
    font-weight: bold;
    counter-increment: li;   /* li の数を一つずつ増加 */
    content: counter(li) ". ";          /* 数を表示 */
}
#details #fee{
	padding-top:4rem;
	text-align:left;
}
#details #fee .copy{
	color:#19abe8;
	font-size:130%;
	font-weight:bold;
}
#details #fee ol{
    line-height:2;
    margin-top:2rem;
}
#details #fee li{
	background:url(/joseikin/img/subsidy/fee_icon.png) no-repeat left top;
	padding-left:23px;
}
	
@media screen and (max-width: 500px) {
#schedule .bl{
	width:33.3333%;
	float:left;
}
#details #fee .copy{
	font-size:110%;
}
#details #overview{
	padding-top:0;
}
#details #money{
	padding:1rem 0 3rem;
}
#schedule{
	padding:1rem 0;
}
.right .balloon {
  min-height: 160px;
}
#conditions{
	padding-top:2rem;
}
#details #fee{
	padding-top:2rem;
}
#money th.kind{
	width:65%;
}
#money th.gaku{
	width:35%;
}
#money td{
	font-size:90%;
	padding:1rem 10px;
}
#conditions .inner div{
	background:#f7f7f7;
	padding:1.5rem 6% 3rem 12%;
}
}