@charset "utf-8";

/***********************************************************************************************************************
* リサイズ  768px以下から
***********************************************************************************************************************/
@media screen and (max-width: 768px){
	.section2{
		padding: 35px 20px;
	}

	.btn-a {
		height: 40px;
		line-height: 40px;
		font-size: 1.2rem;
	    max-width: 768px;
	}

	.btn-a.left::after {
	    margin-top: -5px;
	    border-width: 6px 10px 6px 0;
	}
	.btn-a.right::after {
	    margin-top: -5px;
	    border-width: 6px 0 6px 10px;
	}

	.container {
	    padding-top: 70px;
	}

	.headline-std {
	    padding: 0.3em 1.2em;
	    font-size: 1.6rem;
	}
	/*私たちの使命
	----------------------*/
	#mission #index .section {
	    padding: 30px 20px 0;
	}

	#mission #index .head .headline-img {
	    max-width: 80%;
	    display: inline-block;
	}

	#mission #index .head {
	    padding: 10px 0;
	}

	#mission #index .exp {
	    font-size: 1.4rem;
	    margin-bottom: 20px;
	}

	#mission #index .link-block {
	    padding-bottom: 30px;
	}

	#mission #index .title {
	    padding: 15px 0 5px;
	    text-align: center;
	}

	#mission #index .text-box p{
		font-size: 1.4rem;
	}

	#mission #index .text-box p.lts {
    	letter-spacing: 0;
	}
	/*アバウト*/


/*	#mission #about .ch-sect .ch-inner-link>li {
		display: block;
		width: 100%;
		text-align: center;
	}
	#mission #about .ch-sect .ch-inner-link>li>a {
		border-right:none;
	}*/
	#mission #about .ch-group .ch-title .point {
		position: static;
		display: block;
	    font-size: 2.6rem;
	    top:0;
	    margin-bottom: 5px;
	}
	#mission #about .ch-group .ch-title {
	    padding: 0px 0px 10px 0px;
	    font-size: 1.8rem;
	}

	#mission #about .text-area p {
	    font-size: 1.4rem;
	}
	#mission #about .ch-group {
	    margin-bottom: 35px;
	}


	#mission #about .text-area {
	    padding: 0px;
	}
	#mission #about .ch-sect {
	    padding: 20px 20px;
	}

	#mission #about .head {
	    padding: 25px 20px 20px;
	    text-align: center;
	}

	#mission #about .inner-link {
	    padding: 25px 10px;
	}

	#mission #about .inner-link .btn-area>li {
	    width: 33%;
	    padding: 0 5px;
	}

	#mission #about .inner-link .btn-area>li>a {
	    padding: 50px 10px 10px;
	    font-size: 1.4rem;
	}

	#mission #about .inner-link .btn-area>li:nth-child(1)>a {
	    width: 100%;
	    padding: 50px 0px 10px;
	    font-size: 1.2rem;
	    line-height: 1.2em;
	}
	#mission #about .inner-link .btn-area>li:nth-child(1)>a sub{
		display:none;
	}
	#mission #about .inner-link .btn-area>li:nth-child(1)>a span{
		display: block;
	}

	#mission #about .ch-sect .ch-head .title {
	    font-size: 2.2rem;
	}
	#mission #about .ch-sect .exp {
    padding: 20px 0;
	}
	#mission #about .ch-sect .exp .span-br{
		display: block;
	}
	#mission #about .ch-sect .ch-inner-link {
	    font-size: 1.2rem;
	    margin-top: 0px;
	    margin-bottom: 20px;
	}

	#mission #about .ch-sect .ch-inner-link>li{
	    display: inline-block;
	    width: 50%;
	    padding: 0em 0.5em;
	    margin-bottom: 10px;
	    line-height: 1.3em;
	    vertical-align:middle;
	}

	#mission #about .ch-sect .ch-inner-link>li>a {
	    display: block;
	    padding:0;
	    border-right: none;
	    height: 30px;
	    border-right: 1px solid #aeadad;
	}
	#mission #about .ch-sect .ch-inner-link>li:nth-child(even)>a{
		border-right: none;
	}
	#mission #about .ch-sect .ch-inner-link>li:nth-child(4)>a{
		padding-top: 0.7em;
	}

	#mission #about .ch-sect .ch-inner-link>li span{
		display: block;
	}


	#mission #about .ch-group .text-area>p {
	    padding: 10px 0 18px;
	}

	#mission #about .ch-group .fig-list>li {
	    letter-spacing: normal;
	    display: inline-block;
	    width: 50%;
	    padding:0 0 10px 0;
	}
	#mission #about .ch-group .fig-list>li:nth-child(odd){
	    padding-right:5px;
	}
	#mission #about .ch-group .fig-list>li:nth-child(even){
	    padding-left:5px;
	}

	#mission #about  .ch-group:last-child {
    	margin-bottom: 10px;
	}
	/*コラム*/

	#mission #about .ch-sect .ch-head {
    	text-align: center;
	    position: relative;
	    padding: 15px 0 12px;
	}

	#mission #about #column .ch-group .ch-title {
	    padding: 5px 20px 15px 0px;
	    font-size: 2rem;
	    margin-top: 20px;
	}

	#mission #column .fig-grid>div {
	    display: table-cell;
	    width: 50%;
	    padding: 0;
	}
	#mission #column .fig-grid>div:nth-child(1){
		padding-right: 5px;
	}
	#mission #column .fig-grid>div:nth-child(2) {
		padding-left: 5px;
	}

	#mission #about #column .ch-group {
	    margin-bottom: 0px;
	}

	#mission #about #company.ch-sect .ch-inner-link {
	    margin-bottom: 12px;
	    margin-top: 20px;
	}
	/*会社概要*/
	#mission #about #company .tbl-b,
	#mission #about #company .tbl-b tbody ,
	#mission #about #company .tbl-b tbody tr,
	#mission #about #company .tbl-b tbody tr th,
	#mission #about #company .tbl-b tbody tr td{
		display: block;
		padding: 0;
		width: 100%;
		border:none;
		text-align: left;
	}
	#mission #about #company .tbl-b tbody tr td{
		margin-bottom: 20px;
	}

	#mission #about #company .tbl-b tbody tr th span{
		padding-left: 1em;
		display: inline-block;
	}
	/*拠点*/
	#mission #about #company .grid-box {
	    display: block;
	    padding-bottom: 25px;
	    padding-top: 5px;
	}

	#mission #about #company .grid-box:last-child {
	    padding-bottom: 10px;
	}

	#mission #about #company .grid-box>div:nth-child(1),
	#mission #about #company .grid-box>div:nth-child(2) {
	    width: 100%;
	    padding-right: 0em;
	}
	#mission #about #company .grid-box>div:nth-child(1){
		margin-bottom: 20px;
	}

	#mission #about #company .grid-box>div p{
		font-size: 1.4rem;
	}

	#mission #about #company .grid-box>div p span{
	    display: block;
	}

	/*中途採用エントリー*/
	#entry .headline-lg {
	    font-size: 2.5rem;
	}


	#entry .section {
	    padding: 40px 20px;
	}

	#entry .headline-std {
		margin-top: 30px;
		line-height: 1.4em;
	}

	#entry .tbl-b,
	#entry .tbl-b tbody ,
	#entry .tbl-b tbody tr,
	#entry .tbl-b tbody tr th,
	#entry .tbl-b tbody tr td{
		display: block;
		padding: 0;
		width: 100%;
		border:none;
		text-align: left;
	}
	#entry .tbl-b tbody tr td{
		margin-bottom: 20px;
	}

	#entry .input-a ,
	#entry textarea {
	    max-width: 768px;
	    font-size: 1.4rem;
	}
	#entry .label.birth{
		width: 280px;
	}

	#entry .input-b {
   	 	width: 200px;
	}

	#entry .select1 {
	    width: 200px;
	    display: inline-block;
	    margin-top: 20px;
	}

	#entry .exp, #entry .inter-exp {
	    font-size: 1.4rem;
	}

	#entry .caption {
	    padding: 1em 0;
	    font-size: 1.4rem;
	}

	#entry .headline {
	    padding: 20px 0 25px;
	    font-size: 1.8rem;
	    text-align: center;
	}

	#entry .scr-box {
	    font-size: 1.2rem;
	}

	#entry .submit-area .btn-submit {
	    height: 45px;
    	line-height: 45px;
	}

	#entry .confirm .submit-area .btn-submit {
		width: 100px;
	    margin: 0px 15px;
	    height: 45px;
    	line-height: 45px;
	}

	#entry .confirm .submit-area {
	    padding: 30px 0 0;
	    text-align: center;
	    font-size: 1.5rem;
	}
	#entry .section.thanks {
	    padding: 40px 0px;
	}

	#entry .thanks .ch-sect {
    	margin-top: 37px;
    	margin-bottom: 0px;
    	padding: 60px 20px;
   	}
	#entry .thanks .ch-sect .headline-lg{
		font-size: 1.6rem;
		font-size: 5vw;
	}
	#entry .thanks .ch-sect p{
		font-size: 1.4rem;
		font-size: 4vw;
		line-height: 1.4em;
	}

     /*よくわかる*/
    #lecture .layer-logo{
        width: 65%;
    }

	#lecture .main-visual{
		background: url(../img/lecture_main_visual.jpg) 30% center no-repeat;
		-webkit-background-size: auto 400px;
		background-size: auto 400px;
	}

	#lecture .tab-section {
	    padding: 0;
	}
	#lecture .tab-section .headine-mid {
	    text-align: center;
	    font-size: 1.6rem;
	    padding: 20px 0 10px;
	}
	
	#lecture .section>.sect-head .exp {
	  font-size: 1.4rem;
	  width: 100%;
	  padding: 20px 0;
	}

	#lecture .section>.sect-head .exp .br2{
	display: block;
	}

	#lecture .section>.sect-head {
	  padding: 30px 0 0;
	  text-align: center;
	}

	#lecture .tab-section .tab-head>li{
	  border-left:1px solid #9D9797;
	  border-top:1px solid #9D9797;
	  border-bottom: none;
	  width: 50%;
	  height: 80px;
	}

	#lecture .tab-section .tab-head>li>a {
	    display: block;
	    height: 100%;
	    padding: 5px 10px;
	    text-align: center;
	    -webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	}

	#lecture .tab-section .tab-head>li .br{
		display: block;	
	}

	#lecture .tab-section .tab-head>li>a .title {
	    font-size: 1.2rem;
	    line-height: 1.4em;
	}

	#lecture .tab-section .tab-head>li>a .title>span {
	    font-size: 1.4rem;
	    margin-top: 10px;
	    margin-bottom: 5px;
	}

	#lecture .tab-section .tab-head>li:nth-child(odd){
		border-left: none;
	}

	#lecture .tab-section .tab-page {
	    padding: 25px 0px 40px;
	}

	#lecture .tab-section .headine-img-mid {
	    padding: 15px 0 20px;
	}
	#lecture .tab-section .text-block {
	    font-size: 1.4rem;
	    padding-bottom: 20px;
	}

	#lecture .tab-section .inter-img {
	    margin-bottom: 25px;
	}
	#lecture .tab-section .btn-area>li{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#lecture .tab-section .btn-area>li,
	#lecture .tab-section .btn-area>li.left,
	#lecture .tab-section .btn-area>li.right,
	#lecture .tab-section .btn-area.end>li:nth-child(1),
	#lecture .tab-section .btn-area.start>li:nth-child(1) {
	    float: none;
	    width: 100%;
	    text-align: center;
	}
	#lecture .tab-section .btn-area>li:nth-child(1),
	#lecture .tab-section .btn-area>li:nth-child(2){
	  text-align: center;
	  padding-right: 0;
	  padding-left: 0;
	}

	#lecture .tab-section .btn-area>li:nth-child(1){
		margin-bottom: 20px;
	}

	/*greetings*/
	#greetings .section {
	    padding: 30px 20px;
	}
	#greetings .flex-box,
	#greetings .flex-box.revs{
	  display: block;
	  padding: 0;
	}

	#greetings .flex-box>div.pic,
	#greetings .flex-box>div{
	  width: 100%;
	}
	#greetings .flex-box>div .block{
	  display: inline-block;
	  max-width: 768px;
	  padding: 10px 0 20px;
	  line-height: 1.8em;
	  font-size: 1.4rem;
	}
	#greetings .flex-box>div .block .headline-mid {
	    margin-bottom: 10px;
	}

	#greetings .flex-box>div.pic{
		text-align: center;
		padding: 20px 0;
	}

	#greetings .main-visual{
		background: url(../img/greetings_main_visual_n.jpg) left 10% center no-repeat;
		-webkit-background-size: 1000px auto;
		background-size: 1000px auto;
	}
	
	
	@media screen and (max-width: 580px){
	#greetings .main-visual{
			background: url(../img/greetings_main_visual_n.jpg) left 35% center no-repeat;
			-webkit-background-size: 1000px auto;
			background-size: 1000px auto;
			}
	}
	
	@media screen and (max-width: 460px){
		br.pc{
			display:block;
		}
	}

	/*
	#colleague
	------------------------------*/
	#colleague #index .section{
		padding: 30px 0;
	}
	#colleague #index .headline-img {
	    text-align: center;
	    padding: 0px;
	    width: 70%;
	    margin: 0 auto;
	}

	#colleague #index .inner-box .exp {
	    font-size: 1.4rem;
	    padding: 20px 0 0 0;
	}

	#colleague #index .inner-box .clm-box {
	    margin: 15px 0 30px;
	}

	#colleague #index  .inner-box .clm-box>div:nth-child(1){
    padding-right: 10px;
    		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#colleague #index  .inner-box .clm-box>div:nth-child(2){
	    padding-left: 10px;
	    		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	#colleague #index .inner-box .title {
    font-size: 2.6vw;
    padding:0.5em 0;
	}
/*
	#colleague #index .inner-box p {
	    font-size: 2.5vw;
	    line-height: 1.5em;
	    text-align: left;
	}*/
	#colleague #index .headline-img {
	    text-align: center;
	    padding: 0px;
	}

	#colleague #index .inner-box .btn-list {
	    text-align: center;
	}

	#colleague #index  .inner-box .btn-b{
	    width: 240px;
	    font-size: 1.4rem;
	}




	/*メッセージ*/
	
	#message .main-visual{
		background: url(../img/message_main_visual_n.jpg) right 60% center no-repeat;
		-webkit-background-size: 1000px auto;
		background-size: 1000px auto;
	}

	#message .fig-faq img {
	    max-width: 80px;
	}

	#message .flex-box {
		padding: 0;
	}
	#message .section {
	    padding: 20px;
	}
	#message .flex-box.revs {
		display: block;
	}
	#message .flex-box.revs>div:nth-child(1),
	#message .flex-box.revs>div:nth-child(2){
		width: 100%;
		padding: 0;
	}
	#message .flex-box.revs .pic {
		padding-top:20px;
		text-align: center;
	}

	#message .flex-box.revs .pic img{
		max-width: 80%;
	}

	#message .flex-box>div .block {
	    font-size: 1.4rem;
	    padding: 0 0 20px;
	}

	#message .video-cover{
		  padding: 30px 0;
	}

	#message .cover {
	    padding: 0;
	}
	#message .cover .faq-block {
	    margin: 0px auto 83px;
	}

	#message .head-quest ,
	#message .head-quest.green {
    width: 100%;
    display: block;
    margin: -70px auto 0;
    background:none;
	}

	#message .head-quest>div {
	    display: block;
	    color: #0078c6;
	    padding: 15px 0;
	    font-size: 1.8rem;
	    text-align: center;
	}
	
	#message .head-quest.green>div {
	    display: block;
	    color: #009da6;
	    padding: 15px 0;
	    font-size: 1.8rem;
	    text-align: center;
	}
	
	#message .headline-img {
	    text-align: center;
	    margin-bottom: 84px;
	}


	#message .head-quest>div:nth-child(1) {
	   	width: auto;
	    vertical-align: middle;
	    text-align: left;
	    padding:10px 0 0 0;
	   	background: none;
	}

	#message .head-quest>div:nth-child(2) {
		margin-bottom: 20px;
	}

	#message .head-quest>div:nth-child(1) img {
	    padding:0;
	    width: auto;
	    background:none;
	}


	#message .head-quest.green>div:nth-child(1) {
	   width: auto;
	    vertical-align: middle;
	    text-align: left;
	    padding:10px 0 0 0;
	    background: none;
/*	     background: url(../img/message_bg_green.png) 0 0 no-repeat;
	    -webkit-background-size: 100% 100px;
	    background-size: 100% 100px;*/
	}

	#message .head-quest>div:nth-child(1) img {
	    padding: 0;
	    max-width: 320px;
	    width: 100%;
	    display: block;
	    margin:0 auto;
	    background: none;
	}

	#message .head-quest.green>div:nth-child(1) img {
	    padding: 0px;
	    width: auto;
	    width: 100%;
	    max-width: 320px;
	    background: none;
	}

	#message .ans-box {
	    padding:109px 15px 30px;
	}

	#message .ans-box .clm-box,
	#message .ans-box .clm-box>div:nth-child(1),
	#message .ans-box .clm-box>div:nth-child(2){
		display: block;
	}
	#message .ans-box .clm-box>div:nth-child(1) {
	    padding-top: 0;
	    width: 150px;
	    margin: 0 auto 20px;
	}

	#message .ans-box .ans-head {
	    font-size: 1.6rem;
	    line-height: 1.3em;
	    margin-left: 0;
	    text-align: center;
	    padding: 45px 0 15px 0px;
	    background: url(../img/message_ans.jpg) center top no-repeat;
	    -webkit-background-size: 180px auto;
	    background-size: 100px auto;
	}

	#message .ans-box .clm-box>div:nth-child(2) {
	    padding-left: 0;
	}
	#message .ans-box .clm-box>div p {
	    font-size: 1.4rem;
	    padding: 0;
	}

	#message .ans-box .fig-flex {
    	padding-top: 15px;
	    display: block;
	    width: 100%;
	}

	#message .ans-box .fig-flex>div:nth-child(2) {
	    width: auto;
	    text-align: center;
	    padding-right: 0;
	    padding: 10px 0 0 0;
	}

	#message .ans-box .fig-box .caption {
    	font-size: 1.4rem;
    	text-align: left;
	}

	#message .cover .wide-wrap {
	    padding-bottom: 40px;
	}

	#message .anc {
	    float: none;
	    display: block;
	    text-align: right;
	}

	/*news*/
	#news .news-list {
    	padding: 20px 0 0 20px;
	}

	#news .news-list>li>a {
	    padding: 0.2em 0.7em 0.2em 100px;
	}
	#news .news-list>li>a>time{
	    position: absolute;
	    display: inline-block;
	    left:0;
	    top:0.3em;
	}
	/*募集要項*/
	#recruit .tab-menu{
		display: block;
    }
    #recruit .tab-menu>li{
    	margin-bottom: 10px;
    	padding:0;
    }
    #recruit .tab-menu>li,
    #recruit .tab-menu>li>a {
    	display: block;
    	width: 100%;
    }

    #recruit .tab-menu {
	    padding: 25px 0;
	    text-align: center;
	}

	#recruit .detail-tbl,
	#recruit .detail-tbl tbody ,
	#recruit .detail-tbl tbody tr,
	#recruit .detail-tbl tbody tr th,
	#recruit .detail-tbl tbody tr td{
		display: block;
		padding: 0;
		width: 100%;
		border:none;
		text-align: left;
	}
	#recruit .detail-tbl tbody tr td{
		margin-bottom: 20px;
	}

	#recruit .detail-tbl tbody tr th span{
		padding-left: 1em;
		display: inline-block;
	}

	.wrap {
	    padding: 0px;
	}

	#recruit .section2 {
	    min-height: inherit; 
	}

	#recruit .flow-list>li .step {
	    font-size: 2rem;
	    left:10px;
	    width: auto;
	    position: static;
	}
	#recruit .flow-list>li>div {
	    font-size: 1.8rem;
	}

	#recruit .flow-list>li .step em {
	    font-size: 2.4rem;
	}

	#recruit .flow-list>li .group {
	    position: relative;
	    padding: 20px;
	}

	#recruit .flow-list>li:nth-child(1)>div:nth-child(1) {
	    width: 60px;
	    background: #0e7cc4 url(../img/recruit_ico01.png) 10px center no-repeat;
	    -webkit-background-size: 45px auto;
	    background-size: 45px auto;
	}


	#recruit .flow-list>li:nth-child(2)>div:nth-child(1) {
		width: 60px;
	    background: #0e7cc4 url(../img/recruit_ico02.png) 10px center no-repeat;
	    -webkit-background-size: 45px auto;
	    background-size: 45px auto;
	}

	#recruit .flow-list>li:nth-child(3)>div:nth-child(1) {
		width: 60px;
	    background: #0e7cc4 url(../img/recruit_ico03.png) 10px center no-repeat;
	    -webkit-background-size: 45px auto;
	    background-size: 45px auto;
	}

	#recruit .flow-list>li:nth-child(4)>div:nth-child(1) {
		width: 60px;
	    background: #0e7cc4 url(../img/recruit_ico04.png) 10px center no-repeat;
	    -webkit-background-size: 45px auto;
	    background-size: 45px auto;
	}

	#recruit .flow-list>li:nth-child(5)>div:nth-child(1) {
		width: 60px;
	    background: #0e7cc4 url(../img/recruit_ico05.png) 10px center no-repeat;
	    -webkit-background-size: 45px auto;
	    background-size: 45px auto;
	}

	#recruit .flow-list {
	    max-width: 664px;
	    margin: 0 auto;
	    margin-top: 0px;
	}
	/*私たちの技
	---------------------*/
	#technique #index .exp {
	    font-size: 1.4rem;
	    padding: 20px 0;
	}

	#technique #index .head {
	    padding: 0px;
	}

	#technique #index .clm-box>div{
	    width: 50%;
	    padding: 0;
	    padding-bottom: 20px;
	}
	#technique #index .clm-box>div:nth-child(even){
		padding-left: 10px;
	}
	#technique #index .clm-box>div:nth-child(odd){
		padding-right: 10px;
	}

	#technique #index .sect-compe .inner-wrap {
	    padding: 40px 20px 40px;
	}

	#technique #index .sect-compe .headline-img {
	    padding: 10px;
	}

	#technique  .headline-lg {
    	font-size: 1.8rem;
	}

	#technique #index .sect-compe .text-box p {
	    font-size: 1.4rem;
	}

	/*person*/
	.main-visual .pc{
		opacity: 0;
		height: 0;
		display: none;
	}
	.main-visual{
		height: 400px;
	}

	.main-visual .layer-profile.right{
		max-width: 55%;
		right:20px;
		top: auto;
		bottom:20px;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	
	.main-visual .layer-profile.right5{
		max-width: 40%;
		right:5px;
		top: auto;
		bottom:20px;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}

	.main-visual .layer-profile.left{
		max-width: 55%;
		left:20px;
		top: auto;
		bottom:20px;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}

	#person.person1 .main-visual{
		background: url(../img/person1_main_visual.jpg) 35% center no-repeat;
		-webkit-background-size: 1000px auto;
		background-size: 1000px auto;
	}
	#person.person2 .main-visual{
		background: url(../img/person2_main_visual.jpg) 45% center no-repeat;
		-webkit-background-size: 1000px auto;
		background-size: 1000px auto;
	}

	#person.person3 .main-visual{
		background: url(../img/person3_main_visual.jpg) right 40% center no-repeat;
		-webkit-background-size: 1000px auto;
		background-size: 1000px auto;
	}
	#person.person4 .main-visual{
		background: url(../img/person4_main_visual_n.jpg) right 30% center no-repeat;
		-webkit-background-size: 1000px auto;
		background-size: 1000px auto;
	}
	#person.person5 .main-visual{
		background: url(../img/hotnews_main_visual2_n.jpg) right 35% center no-repeat;
		-webkit-background-size: 1000px auto;
		background-size: 1000px auto;
	}


	#person .section {
	    padding: 20px 20px;
	}
	#person .head{
		margin-bottom: 0;
	}

	#person .head .headline-img{
		padding: 12px;
	}

	#person.person1 .head .headline-img,
	#person.person2 .head .headline-img {
	    margin-bottom: 0px;
	}

	#person .head .headline-img>span{
		display: block;
	}
	#person .head .headline-img>span img{
		height: 50px;
	}

	#person .head .headline-img>span:nth-child(2){
		padding-left: 0px;
		margin-top: -20px;
	}
	#person .head .headline-img-wide {
		padding: 30px 0;
	}

	#person .head .headline-img-wide img{
		height: 60px;
	}


	#person .flex-box,
	#person .flex-box.revs{
	  display: block;
	  padding: 0;
	}

	#person .flex-box>div.pic,
	#person .flex-box>div{
	  width: 100%;
	}
	#person .flex-box>div .block{
	  display: inline-block;
	  max-width: 768px;
	  padding: 10px 0 20px;
	  line-height: 1.8em;
	  font-size: 1.4rem;
	}
	#person .flex-box>div .block .headline-mid {
	    margin-bottom: 10px;
	}

	#person .flex-box>div.pic{
		text-align: center;
		padding: 20px 0;
	}
	
	#person h3.spe-int{
	font-size: 95%;
	}
	
	#person h3.spe-int::before,
	#person h3.spe-int::after {
	width: 25px;
}

	#education .ch-sect .ch-head .title {
	    font-size: 2.2rem;
	}

	#education .headline-img {
	    padding: 0 20px;
	}

	#education .head {
	    padding: 30px 20px 30px;
	    text-align: center;
	}

	#education .ch-sect .ch-head {
	    text-align: center;
	    position: relative;
	    padding: 15px 0 12px;
	}

	#education .ch-sect {
	    padding: 10px 10px 30px;
	}

	#education .text-area {
	    padding: 0 20px;
	}

	#education .ch-sect .exp {
	    font-size: 1.4rem;
	    padding: 20px 0;
	    text-align: center;
	}

	#education #gallery.ch-sect {
	    padding: 20px 20px 20px;
	}





/***********************************************************************************************************************
* リサイズ  425px以下から
***********************************************************************************************************************/
@media screen and (max-width: 425px){

	.main-visual .layer-profile.left {
    	max-width: 70%;
    	left: 20px;
	}



  /* #lecture -*/
	#lecture .section>.sect-head .exp {
		font-size: 3.5vw;
		width: 100%;
		padding: 10px 0;
	}

	#message .headline-img span img {
		height: 22px;
		width: auto;
		margin-bottom: 5px;
	}

  	/* #technique -*/
	#message .head-quest>div:nth-child(1) img ,
	#message .head-quest.green>div:nth-child(1) img {
    	max-width: 240px;
	}

	#message .head-quest,
	#message .head-quest.green {
	    width: 100%;
	    display: block;
	    margin: -47px auto 0;
	    background: none;
	}

	#message .cover .wide-wrap {
    	padding: 0 10px 10px;
	}

	#message .ans-box .ans-head {
    	text-align: left;
    }

    #message .headline-img {
	    text-align: center;
	    margin-bottom: 53px;
	}


	#technique #index .section {
	    padding: 30px 0;
	}

	#technique .headline-lg {
	    font-size: 1.6rem;
	}


	#technique #index .clm-box>div .title {
		font-size: 1.6rem;
	    font-size: 4vw;
	}

	#technique #index .clm-box>div p,
	#colleague #index .inner-box p{
		font-size: 1.2rem;
	    font-size: 3.5vw;
	    line-height: 1.5em;
	}

	#technique #index .caption {
	    display: inline-block;
	    font-size: 1.4rem;
	    padding: 0.2em 1.5em;
	}

	#technique #index .sect-compe .fig {
	    padding: 10px 20px 10px;
	}

	#person .head .headline-img>span img {
	    height: 40px;
	}

	#technique #index .sect-compe .text-box {
	    max-width: 720px;
	    margin: 0 auto;
	    padding: 10px 0 20px;
	}

	#technique .video-cover {
	    padding: 10px 0 20px;
	}

	#person .head .headline-img-wide{
	    padding:20px 0;
	    display: inline-block;
	    background: url(../img/ico_shounin_gray.png) center center no-repeat;
	    -webkit-background-size: 31px auto;
	    background-size: 31px auto;
	}

	#person .head .headline-img-wide img{
		height: 45px;
	}

	#person .head .headline-img>span:nth-child(2) {
	    margin-top: -15px;
	}
	#person	.main-visual .layer-profile.right,
	#person	.main-visual .layer-profile.left {
	    max-width: 65%;
	}

	#person h3.spe-int{
	font-size: 80%;
	}
	#person h3.spe-int::before,
	#person h3.spe-int::after {
	width: 30px;
}
	
	/*募集要項*/
	#recruit .flow-list>li>div {
	    font-size: 1.4rem;
	}


}