/* CSS Document */
@media screen and (max-width: 768px) {

	.pnkz{
		width:90%;
	}

	.pnkz li{
		font-size:2.6vw;
	}
	
	.pdb{
		padding-bottom: 4vw;
	}
	
	.pdb02{
		padding-bottom: 24vw;
	}

/* TOP
------------------------------------------------------------*/

	.main{
		width: 90%;
		margin: 3vw auto 0;
	}

	.main h3{
		width: 100%;
		margin: 5vw auto 0;
	}

	.block01{
		padding:8vw 5vw;	
		margin: 8vw auto 0;
		width: 90%;
	}
	.block02,
	.block03,
	.block04{
		padding:8vw 5vw;	
		margin: 0 auto 0;
		width: 90%;
	}

	.block01 .inner,
	.block02 .inner,
	.block03 .inner,
	.begin_block01.search .box,
	.block04 .inner,
	.recommend .box,
	.learn .box{
		width:100%;
		margin:3vw auto 0;	
	}

	.block01 .inner a{
		display:block;
		position:static;
		width:90%;
		margin:5vw 5% 0;
	}

	.block02{
		margin-top:0;
	}

	.block02 .inner ul,
	.learn .box ul{
		margin: 0;	
		padding-top: 10vw;
		width:100%;
		position:static;
	}
    
    .begin_block01.search .box ul {
        margin-top: 22vw;
    }

	.block02 .inner ul:before,
	.learn .box ul:before{
		left:31vw;
		top:-2vw;
		width:24vw;
		height:18vw;
	}

	.block02 .inner ul li,
	.learn .box ul li{
		font-size:4vw;
		height:auto;
		margin:10vw 0;
		position:static;
	}

	.block02 .inner ul li p,
	.learn .box ul li p{
		position:static;
		line-height: 1;
	}
	
	.block02 .inner ul li:last-child p,
	.learn .box ul li:last-child p{
		position:static;
		line-height: 1.3;
	}

	.block02 .inner ul li:last-child,
	.learn .box ul li:last-child{
		margin-bottom:0;	
	}

	.block02 .inner ul li .icon,
	.learn .box ul li .icon{
		font-size:3vw;
		position:static;
	}
	
	.block02 .inner ul li .bold,
	.learn .box ul li .bold{
		font-size:6vw;
	}

	.block02 .inner ul li a,
	.learn .box ul li a{
		position:static;
	}
	
	.block03{
		padding-bottom:2vw;
	}

	.block03 .inner:before,
    .begin_block01.search .box:before{
		left:34vw;
		top:-23vw;
		width:18vw;
		height:20vw;
	}

	.block03 ul li,
	.begin_block01.search .box ul li{
		width:100%;
		float:none;	
        padding: 0;
	}
    
    .block03 ul li:nth-child(even),
    .begin_block01.search .box ul li:nth-child(even){
	    padding-left: 0;
    }


	.block03 ul li:last-child,
	.begin_block01.search .box ul li:last-child{
		float:none;	
	}

	.block03 ul li a,
	.begin_block01.search .box ul li a{
		font-size:3.5vw;
	}

	.block03 ul li a .txt,
	.begin_block01.search .box ul li .txt{
		margin:3vw 0 6vw;	
	}
	
	.begin_block01.search .box ul li:last-child .txt{
		margin:3vw 0 0;	
		padding: 0;
	}

	.block03 ul li a .txt span,
	.begin_block01.search .box ul li a .txt span{
		font-size:3vw;
		padding: 0;
		margin: 0;
	}

	.block03 .inner,
    .begin_block01.search .box{
		padding: 0;
		box-sizing: border-box;
		margin-top: 24vw;
	}
    
    .block03 ul,
    .begin_block01.search .box ul{
		width:100%;
		margin-left:0;
		margin-top: 0;
        display: block;
        padding: 0;
	}
    
    .begin_block01.search .box ul {
        margin-top: 22vw;
    }
	
	.block04 .inner,
	.recommend .box{
		padding: 5vw;
		box-sizing: border-box;
		margin-top: 24vw;
	}
	
	.block04 .inner:before,
	.recommend .box:before{
		content:"";
		display:block;	
		background:url(../images/top/block04_icon01.png) no-repeat left top;
		background-size:100% auto;
		position:absolute;
		left:38vw;
		top:-23vw;
		width:18vw;
		height:20vw;
}

	.block04 .inner ul,
	.recommend .box ul{
		width:100%;
		margin:0 auto ;
	}

	.block04 .inner ul li,
	.recommend .box ul li{
		width:100%;
		float:none;
		margin: 2vw 0;
	}

	.block04 .inner ul li:nth-child(2),
	.recommend .box ul li:nth-child(2){
		margin-left:0;
		width:100%;
	}

	.block04 .inner ul li .txt01,
	.block04 .inner ul li .txt02,
	.recommend .box ul li .txt01,
	.recommend .box ul li .txt02{
		margin-top:2vw;
		font-size:3.4vw;	
	}

	.block04 .inner ul li .txt02,
	.recommend .box ul li .txt02{
		margin-top:2.8vw;	
	}

	.block04 .inner ul li .txt01 span,
	.recommend .box ul li .txt01 span{
		width: 63px;
		height: 21px;
		position:relative;
		top:-1px;
		padding-top:1px;
	}

	.block04 .inner2,
	.recommend .box2{
		width:100%;
		margin:4vw auto 0;
		padding-left:0;	
	}

	.block04 .inner2:before,
	.recommend .box2:before{
			content: none;
	}

	.block04 .inner2 li,
	.recommend .box2 li{
		width:100%;
		float:none;
		margin:5vw 0 0;
	}

	.block04 .inner2 li:nth-child(2n),
	.recommend .box2 li:nth-child(2n){
		float:none;	
		margin:5vw 0 0;
	}
	

	.block05{
		padding:10vw 0;
	}

	.block05 ul li{
		width: 30%;
		margin:0 2% 0 0;	
	}

	.block05 ul li:last-child{
		margin-right:auto;	
	}

	.block05_bnr{
		width:100%;
		margin:35px auto 0;
	}

	.block06{
		padding:10vw 0;
	}

	.block06 .inner{
		width:86%;
		margin:0 auto;
		padding:5vw ;
		box-sizing: border-box;
	}

	.block06 .inner h4{
		font-size:4vw;	
	}

	.block06 .inner p{
		width:100%;
		margin:3vw auto 0;
		font-size: 2.8vw;
		color: rgb(0, 0, 0);
		line-height: 1.923;
	}

	.block06 .inner ul{
		width:100%;
		margin:5vw auto 0;	
	}
	
	.block06 .inner .list_01{
		width:90%;
		margin:5vw auto 0;	
	}

	.block06 .inner .list_02{
		width:90%;
		margin:1vw auto 0;	
	}

	.block06 .inner ul li{
		font-size: 2.8vw;
		margin-bottom:1vw;
		padding-left:3vw;
	}

	.block06 .inner ul li span{
		padding-left:3vw;	
	}

	.block06 .inner ul li:before{
		width:9px;
		height:9px;
		top:5px;
	}

	.block06 .inner ul li:last-child{
		margin-bottom:0;	
	}

	.block07{
		padding:10vw 0;
	}

	.block07 ul{
		width:80%;
		margin:0 auto;	
	}

	.block07 ul li{
		height: 32vw;
		width:100%;
		float:none;
		margin-bottom: 5vw;
	}

	.block07 ul li:last-child{
		float:none;	
		margin-bottom: 0;
	}

	.block07 ul li h5{
		padding-top:5vw;
		font-size:3.5vw;	
	}

	.block07 ul li a{
		width:70%;
		margin:3vw auto 0;	
	}

	.block07 ul li p{
		margin-top:3vw;
		font-size:3vw;
	}	

	.block08{
		background-size:4px 5px;
		padding:7vw 0;
	}

	.block08 ul li{
		display:block;
		margin:3vw auto;	
		width: 70%;
	}

	.block08 ul li:last-child{
		margin-right:auto;	
	}
	

/*TOP------------------------------------------------------------*/

/* begin
------------------------------------------------------------*/
	
	.begin_block01{
		padding:3vw 0 10vw;
		margin-top:4vw;
	}

	.begin_block01 .inner{
		width:90%;
		margin:15px auto 0;	
        padding: 0;
	}
	
	.begin_block01 .box_inner {
    	width: 100%;
		margin: 40px auto 0;
    	padding: 8vw 8vw 4vw;
        
	}

	.begin_block01 .box_inner ul li{
		height: 15vw;
		margin-bottom: 5vw;
    	padding-bottom: 3vw;
	}

	.begin_block01 .box_inner ul li img{
		position:absolute;
		left:0;
		top:0;	
		width: 13vw;
	}

	.begin_block01 .box_inner ul li p{
		left:17vw;
		top:1vw;	
		font-size: 3.6vw;
	}


	.begin_block01 .inner .txt01{
		margin-top:3vw;	
		font-size: 3.5vw;
	}

	.begin_block01 .inner .box{
		width:100%;
		margin:3vw auto 0;
	}

	.begin_block01 .inner .box a{
		margin:5vw 5% 0;
		display:block;
		position:static;
		width:90%;
	}

/*begin------------------------------------------------------------*/

	
/* recommend
------------------------------------------------------------*/


	.begin_block01.recommend .box a{
		position:relative;
		left:auto;
		top:0;
		display:inline-block;
		width:auto;
		margin:0;
	}
	
	.begin_block01.search .inner .box {
		width: 100% !important;
        margin: 0 auto;
        display: block;
        padding: 0;
	}
	
	.begin_block01.search .inner .box a,
	.begin_block01.search .inner .box img{
		width: 100%;
        margin: 0 auto;
	}
	
	.begin_block01.recommend .box ul{
		width: 100%;
	}

	.recommend_inner2{
		width:90%;
		margin:5vw auto 0;	
	}

	.recommend_inner2.mt{
		margin-top:10vw;	
	}

	.recommend_inner2 .list{
		width:100%;
		margin:0 auto 0;
	}

	.recommend_inner2 .list li{
		width:80%;
		float:none;
		text-align: center;
		margin: 4vw auto 0;
	}

	.recommend_inner2 .list li:last-child{
		margin-right:auto;	
	}

	.recommend_inner2 .step{
		width:100%;
		margin:40px auto 0;	
	}

	.recommend_inner2 .image01{
		width:100%;
		margin:3vw auto 0;	
	}

	.recommend_inner2 table{
		width:100%;
		margin:3vw auto 0;
	}

	.recommend_inner2 table th{
		width:20vw;
		font-size:3.5vw;
		padding:3vw;
	}

	.recommend_inner2 table td{
		font-size: 3vw;
		padding:3vw
	}

/*recommend------------------------------------------------------------*/


/* foundation
------------------------------------------------------------*/

	.begin_block01 .sub_navi{
		margin-top:3vw;	
	}

	.begin_block01 .sub_navi li{
		width:49%;
		float:left;
		margin-right:2%;
		margin-bottom: 2%;
	}
	
	
	.begin_block01 .sub_navi li:nth-child(2n){
		margin-right:0;
	}

	.begin_block01 .sub_navi li:last-child{
		margin-right:0;	
	}

	.foundation h3{
		margin:6vw auto 10vw;
	}

	.foundation .box2{
		margin:6vw auto 0;
	}

	.foundation .box2 .box_inner{
		width:100%;
		margin:6vw auto 20vw;
		padding:5vw;
	}
	
	
	.foundation .box2 .box_inner2{
		margin:6vw auto 20vw;
	}
	
	.foundation .box2 .box_inner3{
		width:100%;
		margin:6vw auto 0;
		padding:5vw;
		padding:5vw 5vw 3vw;	
	}

	.foundation .box2 .box_inner ul li{
		height:auto;
		position:relative;
		margin-bottom:5vw;	
		padding-bottom: 3vw;
	}

	.foundation .box2 .box_inner ul li:last-child{
		margin-bottom:0;
		border-bottom:none;	
	}

	.foundation .box2 .box_inner ul li img{
		position:static;
		width: 60%;
	}

	.foundation .box2 .box_inner ul li p{
		position:static;
		font-size: 3vw;
		padding: 2vw 0;
	}

	.box2.box3{
		margin-top:5vw;	
	}

	.box3 .box_inner2{
		margin-top:6vw;
		text-align:center;	
	}

	.foundation .box2 .box_inner3 ul li{
		width:100%;
		float:none;	
		height:auto;
		margin: 5vw 0;
	}

	.foundation .box2 .box_inner3 ul li:nth-child(2n){
		float:none;
	}	

	.foundation .box2 .box_inner3 ul li p{
		margin-top:3vw;
		font-size: 3vw;
	}

/*foundation------------------------------------------------------------*/
	
.begin_block01.learn .inner .box a {
    margin:0;
    display: block;
    position: static;
    width: 100%;
}

/* profit
------------------------------------------------------------*/

	.profit .box2{
		width:90%;;
		margin:6vw auto 0;
	}

	.profit .box2 .box_inner{
		width:100%;
		margin:6vw auto 0;
		padding:5vw;
	}

	.profit .box2 .box_inner .txt01{
		font-size: 3vw;
	}

	.profit .box2 .box_inner .txt01.mt{
		margin-top:6vw;	
	}

	.profit .box2 .box_inner h4{
		margin-top:4vw;	
	}

	.profit .box2 .box_inner .image01{
		margin-top:4vw;	
	}
	
	.profit .box2 .box_inner .image01 .mb{
		margin-bottom:7vw;	
	}

	.profit .box2 .box_inner h5{
		font-size:2.8vw;
		margin-top:3vw;	
	}

	.profit .box2 .box_inner h5.mt{
		margin-top:6vw;	
	}

	.profit .box2 .box_inner .txt02{
		padding:3vw 4vw ;
		font-size:2.5vw;
		margin-top:1vw;
	}

	.profit .box2 .box_inner .txt01.mt2{
		margin-top:5vw;
		padding-bottom:5vw;
		margin-bottom:5vw;
	}

	.profit .box2 .box_inner .txt03{
		font-size:2.8vw;
		margin-top:4vw;
	}

/*profit------------------------------------------------------------*/


/* expense
------------------------------------------------------------*/

	.expense .expense_image01{
		margin-top:4vw;	
	}

	.expense .box_inner .list{
		margin:5vw 0 0;	
	}

	.expense .box_inner .list li{
		padding:3vw 0 ;
		height: auto;
		
	}

	.expense .box_inner .list li h4{
		position:static;
		float: none;
		width: 50%;
	}
	
	
	.expense .box_inner .list li h4 img{
		width: 50%;
	}

	.expense .box_inner .list li p{
		width:100%;
		float:none;
		font-size: 3vw;
		padding-bottom: 3vw;
		position: static;
		margin-top:12vw;
	}

	.expense .box_inner .list li:last-child p{
		padding-top:0;
	}

	.expense .box_inner .list li p span{
		margin-top:2vw;
		font-size:2.5vw;	
	}

	.expense .box_inner .list li p.caution{
		margin-top:1vw;
		font-size:2.5vw;	
		float:none;
		padding:0;
	}

	.expense .box_inner .list li:last-child{
		padding-bottom:6vw;
	}

	.ex_ttl{
		margin-top:5vw;
		font-size:3.5vw;
		padding-left:4vw;
		position:relative;	
	}

	.ex_ttl.mt{
		margin-top:10vw;	
	}

	.ex_ttl.mt_min{
		margin-top:5vw;	
	}

	.ex_ttl.mt0{
		margin-top:0;	
	}

	.ex_ttl:before{
		width:3vw;
		height:3.5vw;
		left:0;
		top:1vw;
	}

	.expense_image02{
		margin-top:3vw;
	}
	
	.expense_image03{
		margin-top:2vw;	
	}

	.expense .caution2{
		font-size:2.5vw;
		margin-top:3vw;
		padding-bottom:5vw;	
		margin-bottom:4.5vw;
	}

	.expense .caution2.mt{
		margin-top:2vw;	
	}

	.expense .caution2.last{
		border-bottom:none;
		padding:0;
		margin-bottom:0;	
	}

	.profit .box2 .box_inner .txt01.min{
		font-size:2.7vw;
	}

	.expense .box2 .box_inner .txt04{
		margin-top:3vw;
		font-size:3vw;
	}

	.expense .box2 .box_inner .expense_image03{
		margin-top:0;
	}

	.expense .caution3{
		margin-top:3vw;	
	}

	.expense .caution3 li,
	.risk_inner .risk_caution li{
		font-size:2.5vw;
		padding-left:2em;
		text-indent:-2em;
	}

	.expense .caution3 li.mt{
		margin-top:5vw;	
	}

	.ex_bnr_ttl{
		margin:4vw auto 0;	
		width: 70%;
	}

	.ex_bnr{
		margin:2vw auto 0;	
		width: 65%;
	}

/*expense------------------------------------------------------------*/

/* step
------------------------------------------------------------*/

	.step_image01{
		margin-top:2vw;	
	}

	.step_image02{
		margin-top:5vw;	
	}

	.step_txt01{
		margin-top:2.8vw;
		font-size:3vw;
	}

	.step_txt01 span{
		display:block;
		font-size:2.5vw;	
	}


/*step------------------------------------------------------------*/

/* risk
------------------------------------------------------------*/

	.risk_ttl{
		margin:6vw auto 0;
		width: 90%;
	}

	.risk_txt01{
		width: 90%;
		margin:3vw auto 0;
		font-size:3vw;
	}

	.risk_image01{
		margin-top:5vw;	
	}

	.risk_inner{
		width: 100%;
		margin:6vw auto 20vw;
		padding: 5vw;
	}

	.risk_inner .list li{
		padding-bottom:4vw;
		margin-bottom:4vw;
	}
	
	.risk_inner .list li h4{
		width: 50%;
		padding:1vw 0 3vw;
	}
	
	.risk_inner .list li p{
		position:static;
		font-size:2.8vw;
	}

	.risk_inner .risk_caution li{
		margin-top:2vw;	
		font-size: 2vw;
	}
	
	.risk_inner .list02 li{
		font-size:3.5vw;
		margin-bottom:2vw;
		position:relative;
	}

	.risk_inner .list03{
		margin-top:6vw;	
	}

	.risk_inner .list03 > li{
		padding:6vw 0 1vw;
		position:relative;
	}

	.risk_inner .list03 > li > .txt_block{
		position:static;
		text-align:left;
		width:100%;
	}

	.risk_inner .list03 > li > .txt_block h4{
		width: 100%;
		padding-left:17vw;
		font-size:4vw;
		padding-top:0;
		margin-top: 5vw;
	}

	.risk_inner .list03 > li > .txt_block h4:before{
		background:url(../images/learn/risk/icon1.png) no-repeat left top;
		background-size:100% auto;
		width:15vw;
		height:15vw;
		top:6vw;
	}

	.risk_inner .list03 > li > .txt_block p{
		margin-top:6vw;
		font-size:3vw;	
		padding-bottom: 2vw;
	}
	.risk_inner .list03 > li > .txt_block ul{
		margin-top:6vw;
		font-size:3vw;	
	}
	
	.risk_inner .list03 > li img{
		padding: 3vw 0 6vw;
	}
	
	.risk_inner .list03 > li:last-child img{
		padding: 3vw 0 0;
	}
	
	.risk_inner .list03 > li > .txt_block ul li{	
		position:relative;
		padding-left:5vw;
		padding-bottom: 2vw;
	}

	.risk_inner .list03 > li > .txt_block ul li:before{
		width:2.5vw;
		height:2.5vw;
		left:1vw;
		top:1vw;
	}
	
	.risk_inner .sp_img{
		padding-top: 8vw;
	}
	
	.profit .box2.last,
	.profit .box2.last .risk_inner{
		margin-bottom: 0;
	}

/*risk------------------------------------------------------------*/
		
	
}