/*===============================================
　画面の横幅が480pxまで▼▼▼▼▼
===============================================*/


@media (max-width:761px){
	
	#main_wrap{
		margin: 124px auto 0;
		background: url(../../global/img/line_back.png) no-repeat;
		background-size: 100%;
		background-position: 6px 43px;
		height: 100px;
	}
 
    #main_wrap .wrapper {
		left: 10%;
	}
	
	#main_wrap span{
		color: #000;
		display: block;
		letter-spacing:1px;
		font-size: 4.0rem;
		font-style: italic;
		font-family: 'Montserrat', sans-serif;
		font-weight: 800;
		line-height: 90%;
	}

	#main_wrap h1{
		color: #000;
		font-size: 1.4rem;
		font-family: 'Montserrat', sans-serif;
		letter-spacing:3px;
		font-weight: 500;
	}

    .img_wrapper {
    	float: right;
    	margin: -140px 0 0;
    }

	.img_wrapper img{
		width:300px;
	}

	.section02{
		padding: 0px 0 60px;
	}.section02.style-02{
		padding: 0px 0 0px;
	}

/* ================================================================
 graph
=================================================================*/

    /* section02 -----------------------------*/
	

	#graph h2{
        color: #000000;
        margin: 30px 0 14px;
        padding: 0 0 0 3%;
        border-left: 4px solid #000000;
        width: auto;
        font-family: 'Noto Sans JP', sans-serif;
        font-size: 1.6rem;
    }

    .txt{
    	margin: 36px 0;
    }

    #graph h3{
    	font-size: 1.5rem;
    }

    #graph .section03 {
    	margin: 40px 0 30px;
    	background-color: #33cc99;
    	padding: 10px 0;
    }

    #graph .section03 h3{
    	display: block;
    	font-size: 1.6rem;
    	font-weight: 500;
    }

    #graph .section03 p{
    	font-size: 1.4rem;
    	margin: -22px 0 -4px;
    }

    #graph .license,
    #graph .work{
    	margin: 0 0 16px;
    }
	
	/* =========================================================================
 	table
	===========================================================================*/
	
	/* table A --------------------------------- */
	
	.table_typeA {
		border-bottom: solid 1px #a0a0a0;
		border-spacing: 0;
		width: 100%;
		margin: 0 0 26px;
	}
	.table_typeA th {
		display: block;
		padding: 10px 16px 10px;
		line-height: 130%;
		text-align: left;
		font-size: 1.4rem;
		font-weight: 500;
		background: #e8ecef;
		font-family: 'Noto Sans JP', sans-serif;
	}
	
	.table_typeA td{
		display: block;
		text-align:left;
		padding: 20px 16px 20px;
		font-size: 1.4rem;
		font-weight: normal;
		letter-spacing:1px;
		line-height:160%;
		font-family: 'Noto Sans JP', sans-serif;
		color: #424242;
	}

	.table_typeA tr:last-child th{
		border-bottom: none;
	}
	
	.table_typeA tr:last-child td{
		border-bottom: none;
	}
	
	.table_typeA td a{
		display:inline-block;
		padding:0 4px;
		color:#cc062a;
		font-weight:bold;
		text-decoration: underline !important;
	}

	.table_typeA td a:hover{
		transition: all 0.5s ease 0s;
		color:#21888a;
	}
	
	/* table B --------------------------------- */
	
	.table_typeB {
		border-spacing: 0;
		width: 100%;
		margin: 16px 0 90px;
	}
	.table_typeB th.th_top {
		width: 16%;
		padding: 20px 0 20px;
		line-height: 130%;
		text-align: center;
		font-size: 1.6rem;
		font-weight: bold;
		color:#fff;
		background: #b4c5d6;
		vertical-align: top;
		border-bottom: #bfbfbf 1px solid;
		border-right: #ffffff 2px solid;
	}
	
	.table_typeB td.null_td{
		text-align:left;
		padding: 0 0 10px;
		font-size: 1.4rem;
		font-weight: normal;
		letter-spacing:1px;
		line-height:160%;
		vertical-align: top;
	}

	.table_typeB tr:last-child td.null_td{
		text-align:left;
		padding: 0;
	}


	/* table C  --------------------------------- */
	
	.table_typeC {
		border-spacing: 0;
		width: 100%;
	}
	.table_typeC th {
		width: 100px;
		padding: 20px 0 20px;
		line-height: 130%;
		text-align: center;
		font-size: 1.3rem;
		font-weight: bold;
		color: #47505a;
		background: #d4e1ef;
		border-bottom: #d4e1ef 1px solid;
		border-top: #d4e1ef 1px solid;
		vertical-align: top;
		border-right: #ffffff 2px solid;
	}
	
	.table_typeC td{
		text-align:left;
		padding: 6px 26px 6px;
		font-size: 1.2rem;
		font-weight: normal;
		letter-spacing:1px;
		line-height:160%;
		vertical-align: top;
		border-bottom: #bfbfbf 1px solid;
	}

	.table_typeC td.block2{
		padding: 18px 5px 18px;
	}

	.table_typeC .block4{
		padding: 18px 26px 18px;
		text-align:left;
		border-right:none;
		background:#d3d6da;
		border-bottom: #d3d6da 1px solid;
		border-top: #d3d6da 1px solid;
	}


	.table_typeC tr:last-child th{

		border-bottom: none;
	}
	
	.table_typeC tr:first-child td{
		border-top: #bfbfbf 1px solid;
	}
/*	.btn_read_wrap li a{
		padding: 6px 10px;
		box-sizing: border-box;
	}*/
	.wrapper.style-02{
		padding-top: 60px;
	}
	.col-recruit-wrap{
		display: flex;
		flex-direction: column;
		width: 100%;
	}
	.col-recruit-wrap .col-recruit-01{
		width: 100%;
		display: flex;
		flex-direction:row-reverse;
	}
	.col-recruit-wrap .col-recruit-01:first-child{
		padding-bottom: 30px;
	}
	.col-recruit-wrap .col-recruit-01 .col-recruit-in-01,
	.col-recruit-wrap .col-recruit-01 .col-recruit-in-02{
		display: block;
		width:85%;
		height: 180px;
		display: flex;
		align-items :center;
		background-size: cover;
	}
	.col-recruit-wrap .col-recruit-01 .col-recruit-in-01{
		background: url(/recruit/ad/img/pic-01.jpg) no-repeat;
		background-size: cover;
	}
	.col-recruit-wrap .col-recruit-01 .col-recruit-in-02{
		background: url(/recruit/ad/img/pic-02.jpg) no-repeat;
		background-size: cover;

	}
	#graph .col-recruit-wrap .col-recruit-01 .txt-rec-01{
		font-style: italic;
		font-family: 'Montserrat', sans-serif;
		font-size: 3.6rem;
		font-weight: 600;
		color: #33cc99;
		letter-spacing: 0.09em;
		margin-left: -50px;
		line-height: 1.5;
		margin-top: -10px;
	}
	#graph .col-recruit-wrap .col-recruit-01  .txt-rec-01 .txt-rec-02{
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 1.7rem;
		font-style: normal;
		letter-spacing: 0.05em;
		display: block;
		font-weight: 300;
		position: relative;
		padding-left: 15px;
	}
	#graph .col-recruit-wrap .col-recruit-01  .txt-rec-01 .txt-rec-02:before{
		display: block;
		content: '';
	    width: 4px;
	    height: 4px;
	    border-top: 1px solid #33cc99;
	    border-right: 1px solid #33cc99;
	    -webkit-transform: rotate(45deg);
	    transform: rotate(45deg);
	    position: absolute;
	    top:50%;
	    left:0;
	    margin-top: -2px;

	}
	br.sp{
		display: block;
	}
}