@media screen and (min-width: 1024px) and (max-width: 1919px) {
	
	
	.message-wrapper {
		height: 700px;
	}
	
	.message-txt img {
		width: 500px;
	}
	
	.recruit-message {
    	left: 15%;
    }
    
    .blog {
    	width: calc(100% - 150px)
    }
    
    .blog_img {
    	width: 150px;
    }

    /* トップイメージのサイズ */
    .top-img {
        min-height: 450px;
        background-attachment: fixed;
        background-position: top;
    }

    .system-txt h2 {
        font-size: 23px;
    }

    .flow-img {
        height: 100px;
    }

    .flow-list img {
        width: 70px;
    }

	.flow-icon {
		top: 10px;
	}
	
    .suuji-list li {
        width: 30%;
    }

    .fukuri {
        width: 200px;
        height: 200px;
    }

    /* 「VIEW MORE」のスタイル：PCサイズ以外の端末 */
    .container-nb {
        margin: 0 auto;
    }
    
    .empty-box {
    	min-height: 500px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) {

	#header {
		height: 80px;
	}
	
    .section-name-detail {
    	padding-left: 20px;
	}

    .wrapper-txt-detail {
    	font-size: 15px;
    }
    
    .since span {
    	font-size: 1.5vh;
    }
    
    .top-message {
        width: 400px;
    }

	.service-name {
		font-size: 1rem;
	}
	
    .service-list {
        width: 80%;
        margin: 0 auto;
    }
    
    .flow-icon {
    	top: 15px;
    }
    
    .message-wrapper {
    	height: 800px;
    }
    
    .message-container {
        width: 100%;
    }

    .message-txt {
        padding: 0;
    }

	.message-txt p {
        font-size: 3rem;
	}
	
	.message-txt img {
		width: 500px;
	}
	
	.message-txt-small {
    	font-size: 28px;
	}

    .work-txt {
        padding-top: 50px;
    }

	.work-txt p {
		font-size: 1rem;
	}
    
    .company-list {
    	width: 80%;
    	margin: 0 auto;
    }
    
    .company-num {
        font-size: 2.5rem;
    }

    .company-txt {
        font-size: 1.5rem;
    }

    .company-list {
        margin-bottom: 0;
    }
    
    .recruit-wrapper,
    .contact-wrapper,
    .news-wrapper,
     {
    	padding-top: 50px;
    }
    
    .blog-wrapper {
        padding-top: 100px;
    }
    
    .recruit-entry {
        padding: 20px 150px;
        font-size: 1.5rem;
    }

    .recruit-name {
        font-size: 28px;
    }

    .recruit-msg {
        font-size: 2rem;
    }

    .recruit-message {
        top: 10%;
        left: 10%;
    }
    
	.label {
		font-size: 1rem;
	}
	
	.inputs, select, textarea, .submit, .reset {
		font-size: 1rem;
	}
	
	
	select {
		height: 76px;
	}
	
	.news-title {
		font-size: 1rem;
	}
	
	.blog_title {
		font-size: 1rem;
	}
	
	.is-fixed {
		height: 80px;
	}
	
	h1 {
	    height: 80px;
	}
	
    .header-logo img {
        width: 250px;
        padding: 28px 10px;
    }
    
    .header-menu {
    	top: 20px;
    	right: 3%;
    }
    
	.header-menu span {
    	width: 40px;
    	left: 0;
	}
    .left-wrapper {
        padding: 0;
    }

    .section-en-detail {
        font-size: 2.5rem;
    }

    .detail-message {
        padding: 20px 0;
        font-size: 15px;
    }
    
    .system-txt p {
    	font-size: 15px;
    }

    .strength {
        margin: 20px 0 10px 0;
    }

    .app-txt {
        font-size: 15px;
    }

    #etc h2 {
        padding-top: 20px;
    }

    .etc-txt {
    	font-size: 15px;
    }

    .flow-list img {
        width: 70px;
    }

	.flow-list p {
		font-size: 15px;
	}
	
    .flow-img {
        height: 100px;
    }

    /* COMPANY部分 */
    .rinen-txt span {
        font-size: 1rem;
    }

    .gaiyou-wrapper dt {
        width: 80px;
    }

    .gaiyou-wrapper dt, 
    .gaiyou-wrapper dd {
        font-size: 14px;
    }

    .timeline dd {
        font-size: 14px;
    }
    
    .date-detail, 
    .title-detail, 
    .category-detail {
    	font-size: 15px;
    }
    
    .news-blog {
        width: 100%;
        padding-top: 0;
    }

    .container-nb {
        margin: 0 auto;
    }

    .news-wrapper, 
    .blog-wrapper {
        width: 100%;
        display: block;
        height: auto;
    }
    
    .news-wrapper {
    	padding: 100px 0;
    }
    
    .blog-wrapper { 
    	padding: 150px 0 100px 0;
    }
    
    .article-title, .empty-box h2 {
    	font-size: 1.5rem;
    }
    
    .empty-box h3 {
    	font-size: 1.3rem;
    }
    
    .top-img-services, 
    .top-img-works, 
    .top-img-company, 
    .top-img-news, 
    .top-img-policy {
    	background-attachment: local;
    }
    
    .cd-fixed-bg1, .cd-fixed-bg2 {
    	background-attachment: local;
    }
}

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

    body, html {
        height: 100%;
        width: 100%;
        -webkit-text-size-adjust: 100%;
        font-family: -apple-system, BlinkMacSystemFont, Hiragino Kaku Gothic ProN, Hiragino Sans, Yu Gothic Medium, Yu Gothic, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-seri
    }

    #header{
        height: 55px;
    }

    .header-logo {
        position: absolute;
        top: -10%;
    }

    .header-menu {
        right: 3%;
        top: 6px;
        width: 35px;
        height: 35px;
    }

	.since span {
    	font-size: 1.5vh;
    	padding-top: 70px;
    }
    
    .since span::before {
        height: 30px;
    }
    
    .top-message {
        width: 300px;
    }

	.message-txt-small {
    font-size: 20px;
	}
	
    .is-fixed {
        height: 55px;
    }

    #loader img {
        width: auto;
        height: 20px;
    }

	.message-txt p {
		font-size: 2rem;
	}
	
	.top-img {
        min-height: 300px;
    }

	.wrapper-txt-detail {
		font-size: 14px;
		width: 100%;
	}
	
    .header-logo img {
        width: 180px;
        padding: 25px 10px;
    }

    .left-wrapper {
        display: block;
        width: 100%;
        margin: 0;
        padding: 0;
        position: static;
    }
    
    .form-dl {
    	width: 70%;
    }

    
	/*スマホサイズのときのみ非表示にする項目のスタイル*/
	.del-res {
		display: none;
	}
	
    .right-wrapper {
        display: block;
        width: 100%;
    }

    .service-list {
        width: 80%;
        margin: 0 auto;
    }

	.flow-icon {
		font-size: 20px;
		top: 10px;
	}
	
    .message-wrapper {
        padding-bottom: 0;
        height: 600px;
    }

	.message-txt p {
		padding-top: 100px;
	}
	
    .message-txt {
        padding: 0;
    }
    
    .message-txt img {
    	width: 90%;
    }

    .message-txt h1 {
        font-size: 1rem;
    }

    .section-en {
        font-size: 3rem;
    }

    .section-jp {
        font-size: 14px;
    }
	
    .service-img img {
        width: 80px;
        padding: 40px;
    }

    .service-name {
        font-size: 1rem;
    }

    .news-all {
        text-align: center;
        font-size: 1.5rem;
    }

    .rinen-txt span {
        letter-spacing: 1px;
    }

    .gaiyou-wrapper {
        font-size: 12px;
    }

    .gaiyou-wrapper dt {
        width: 60px;
    }

    .gaiyou-wrapper img {
        width: 100px;
    }

    .enkaku-wrapper {
        font-size: 12px;
    }

    .timeline dt {
        font-size: 1rem;
        margin-bottom: 10px;
    }

    .timeline li {
        padding: 0 0 20px 0;
    }

    .timeline dl {
        margin: 0 0 0 3em;
    }
    
    .border-line {
    	left: 0.35em;
    }

    .boss-wrapper p {
        font-size: 12px;
    }
	
	.news-articles {
		padding: 10px 5px;
	}
	
    .news-date-detail {
        font-size: 12px;
    }

    .news-title-detail {
        margin-left: 0;
    }

    .news-date-detail, .news-title-detail  {
        padding: 5px 0;
        float: none;
    }

    .work-txt {
        padding-top: 0;
    }

    .work-txt p { 
        font-size: 13px;
    }
    
    .works-system {
        padding-bottom: 0;
    }

    .company-list {
        margin: 0 auto;
        width: 80%;
    }
    
    .company-list a {
        width: 150px;
        height: 150px;
    }

    .company-num {
        font-size: 2rem;
    }

    .company-txt {
        font-size: 1.3rem;
        left: 16px;
    }
    
    .dd-info {
        padding-left: 40px;
    }
    
    .recruit-msg {
        font-size: 1rem;
    }

    .recruit-message {
        left: 0;
        font-size: 2rem;
    }

    .recruit-entry {
        font-size: 14px;
        padding: 10px 0;
    }

    .recruit-name {
        font-size: 1rem;
    }
	
    .inputs, textarea {
        font-size: 13px;
        padding: 15px 0;
        padding-left: 10px;
    }
    
	select {
		height: 51px;
        font-size: 13px;
	}
	
	.select-wrapper::before {
		top: 25px;
	}

    .submit, .reset{
        font-size: 13px;
    }

    .label {
        font-size: 13px;
        width: auto;
    }

    .container-nb {
        width: 100%;
        margin: 0 auto;
    }
	
    .news-date, 
    .news-category, 
    .blog-date{
        font-size: 11px;
    }

    .news-title {
        font-size: 13px;
    }
    
	.news-wrapper, 
	.blog-wrapper {
		width: 100%;
        display: block;
        height: auto;
        padding: 50px 0;
	}
	
    
    .blog {
        width: calc(100% - 150px);
        padding: 0 10px;
    }

    .blog_img {
        width: 150px;
        height: 100px;
    }

    .blog_title {
        font-size: 13px;
    }

    .blog_description, 
    .blog_date {
        font-size: 12px;
    }

    .link {
        display: none;
    }

    .category-detail {
        display: none;
    }

    .system-img {
        width: 70%;
        margin: 0 auto;
        margin-top: 50px;
    }
    
    .system-img img {
        width: 100%;
    }

	.service-more-img {
		width: 70%;
	}
	
    .system-list {
        display: block;
        margin: 0;
    }

    .system-txt {
        width: 100%;
        padding: 0;
    }

    .system-txt h2 {
        font-size: 1rem;
        margin: 30px 0 20px 0;
    }

    .system-txt p {
    	font-size: 14px;
    }
	
    .detail-message {
    	font-size: 14px;
        padding: 20px 0;
    }

    .app-wrapper h2 {
        font-size: 18px;
    }

    .app-title {
        font-size: 18px;
    }

    .app-txt {
        font-size: 14px;
    }

    .strength {
        font-size: 18px;
    }

    #etc h2 {
        font-size: 18px;
    }

    .etc-txt {
        font-size: 14px;
    }

    .flow-list img {
        width: 50px;
    }
    
    .flow-img {
        height: 80px;
    }

    .flow-list p {
        font-size: 14px;
    }

	input::placeholder {
    	font-size: 10px;
	}
    .policy-name {
        text-align: center;
        font-size: 18px;
        padding: 10px 5px;
    }

    .policy-detail p {
        font-size: 14px;
        padding-left: 0px;
    }

    .policy-contact {
        padding: 20px 10px;
    }

    .policy-contact span {
        font-size: 13px;
    }

    /*=============== フッターのためのCSS ===============*/
    /* PCサイズ以外の端末のときのスタイル */
    .accordion-area {
    	width: 100%;
    }
    
    .footer-half {
    	display: block;
    }
    
    .footer-info {
    	justify-content: left;
    	padding-top: 50px;
    	width: 100%;
    }
    
    #pageTop {
        bottom: 7%;
    }

    #pageTop img {
        width: 30px;
        position: absolute;
        right: 10%;
    }

    .pageTop-txt {
        bottom: -55%;
        font-size: 12px;
    }

    /* 「VIEW MORE」のスタイル：PCサイズ以外の端末 */
    .viewmore-ipad {
        display: inline-block;
    }

    .viewmore-ipad:hover {
        background-color: rgb(247, 240, 231);
        color: rgb(233, 69, 27);
        transition: 0.5s;
    } 
    
    .each-viewmore-pc {
        display: none;
    }

    .viewmore, .viewmore-nb-pc {
        display: none;
    }
    
    .date-detail {
    	font-size: 0.7rem;
    }
    
    .title-detail {
    	font-size: 0.7rem;
    	margin-left: 7em;
    }
    
    .article-title, .empty-box h2 {
    	font-size: 1rem;
    	padding-left: 10px;
    }
    
    .empty-box h3 {
    	font-size: 0.8rem;
    }
    	
    .empty-box p, 
    .empty-box span, 
    .empty-box li {
    	font-size: 0.7rem;
    }
    
    .link_before, 
    .link_page, 
    .link_next, 
    .current_page {
    	font-size: 13px;
    }
    
    .current_page {
    	width: 40px;
    	height: 40px;
    	line-height: 40px;
    }
    
    .section-name-detail {
    	padding: 0 10px;
    	padding-top: 116px;
    }
    
    .top-img-services, 
    .top-img-works, 
    .top-img-company, 
    .top-img-news, 
    .top-img-policy {
    	background-attachment: local;
    	min-height: 650px;
    }
    
    .cd-fixed-bg1, .cd-fixed-bg2 {
    	background-attachment: local;
    }
    
    .nb-all {
    margin-top: 0;
    }
    
    .footer-release {
        display: none;
    }
    
    .footer-recruit {
        display: none;
    }
}