@charset "UTF-8";

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

	/* /////[ Common ] ////////////////////////////////// */

	.main-visual {
		min-width: 1240px;
		height: 400px;
	}

	.title {
		padding-top: 165px;
	}

	.title img {
		margin: 0 auto 20px;
	}

	.title span {
		font-size: 2.4rem;
	}

	.blue-btn {
		width: 250px;
	}

	.cloud .download-link {
		width: 330px;
	}

	/* /////[ Btn ] ////////////////////////////////// */

	.gray-btn a,
	.case-detail .case-list-back a {
		max-width: 360px;
		min-width: 360px;
	}

	/* /////[ Data Center ] ////////////////////////////////// */

	.data-center .main-visual {
		background-image: url(../images/datacenter/main_visual_pc.jpg);
	}

	.data-center .title {
		width: 480px;
		height: 33px;
	}
	
	.data-center .map-area {
		padding-top: 100px;
	}
	
	.data-center .map-area .lead-text {
		font-size: 1.8rem;
		margin: 0 auto 70px;
		letter-spacing: -0.029em;
	}
	
	.data-center .japan-map {
		width: 650px;
		margin: 0 auto;
	}
	
	.data-center .map-area .btn-wrap {
		margin-top: 60px;
		text-align: center;
	}
	
	.data-center .map-area .blue-btn {
		width: 360px;
	}
	
	.data-center .map-area .blue-btn a {
		font-size: 2.4rem;
		height: 72px;
	}
	
	.data-center .map-area .btn-icon::before {
		right: 10px;
		width: 15px;
		height: 15px;
		border-top: 2px solid #fff;
	    border-right: 2px solid #fff;
    }
	
	.data-center .map-area .blue-btn a:hover .btn-icon::before {
		right: 10px;
		width: 15px;
		height: 15px;
		border-top: 2px solid #6485c1;
		border-right: 2px solid #6485c1;
	}
	
	.data-center .map-area .btn-icon {
		left: -18px;
		height: 72px;
		line-height: 72px;
	}

	.data-center .sec-text {
		margin: 0 auto 85px;
	}

	.data-center .section .img-wrap {
		margin-bottom: 85px;
	}

	.data-center .section-2 {
		margin-bottom: 40px;
	}

	.data-center .section-3 {
		padding-top: 120px;
	}

	.data-center .section-3 .section-wrap {
		padding-top: 115px;
	}

	.mitaka_est .section-3 {
		padding-top: 110px;
	}

	.mitaka_est .section-2 li .text {
		padding-bottom: 27px;
	}

	.data-center .section-4 {
		padding-top: 115px;
	}

	.data-center .section-5 {
		padding: 115px 0 150px;
	}

	.data-center .section-4 .point-title,
	.data-center .section-5 .point-title {
		padding-top: 115px;
	}

	.data-center .btn-wrap {
		text-align: right;
	}

	.data-center .btn-wrap .blue-btn {
		display: inline-block;
	}

	.data-center .section-3,
	.mitaka_est .section-3 {
		min-width: 1240px;
	}

	.data-center .section-4,
	.data-center .section-5,
	.mitaka_est .section-4,
	.mitaka_est .section-5 {
		min-width: 1240px;
	}

	/* /////[ OVER SEAS ] ////////////////////////////////// */

	.overseas .main-visual {
		background-image: url(../images/overseas/main_visual_pc.jpg);
	}

	.overseas .title {
		width: 480px;
		height: 35px;
	}

	.overseas .section-1 .sec-text {
		margin-bottom: 90px;
	}

	.overseas .section-2 {
		margin-bottom: 95px;
	}

	.overseas .section-2 .sec-title {
		padding: 0 0 110px;
	}

	.overseas .section-3,
	.overseas .section-4,
	.overseas .section-5 {
		min-width: 1240px;
	}

	.overseas .section-3,
	.overseas .section-4,
	.overseas .section-5 {
		padding-top: 119px;
	}

	.overseas .section-3 .point-title,
	.overseas .section-4 .point-title,
	.overseas .section-5 .point-title {
		padding-top: 95px;
	}

	.overseas .section-3 .box-style-2 {
		margin-bottom: 120px;
	}

	.overseas .section-3 .box-style-2 .text,
	.overseas .section-4 .box-style-2 .text,
	.overseas .section-5 .box-style-2 .text {
		padding: 0;
	}

	.overseas .section-5 .section-inner {
		padding-bottom: 160px;
	}

	.overseas .box {
		padding: 25px 35px;
		overflow: hidden;
	}

	.overseas .box .left {
		width: 450px;
	}

	.overseas .box .right {
		width: 678px;
		padding: 15px 0 0 70px;
	}

	.overseas .box .ttl {
		font-size: 2.4rem;
		margin-bottom: 30px;
	}

	.overseas .box .text {
		margin-bottom: 25px;
	}

	/* /////[ Data Center / OVER SEAS / CLOUD /ENGLISH ] ////////////////////////////////// */

	.data-center .sec-title {
		padding: 180px 0 85px;
	}
	
	.overseas .sec-title,
	.cloud .sec-title,
	.english .sec-title {
		padding: 140px 0 85px;
	}

	.overseas .section-1,
	.data-center .section-1,
	.cloud .section-1,
	.english .section-1,
	.contact .section-1,
	.topics .section-1,
	.case-wrapper {
		background: url(../images/common/main_bg_pc.png) left top no-repeat;
		background-size: 635px 405px;
	}

	.data-center .section-1 li a,
	.overseas .section-2 li a {
		padding: 25px 0 75px;
	}

	.data-center .section-1 .arrow,
	.overseas .section-2 .arrow {
		bottom: 60px;
	}

	.data-center .section-1 .arrow::before,
	.data-center .section-1 .arrow::after,
	.overseas .section-2 .arrow::before,
	.overseas .section-2 .arrow::after,
	.mitaka_est .section-2 .arrow::before,
	.mitaka_est .section-2 .arrow::after,
	.english .section-1 .arrow::before,
	.english .section-1 .arrow::after {
		margin-left: -11px;
	}

	.data-center .point-title,
	.overseas .point-title,
	.mitaka_est .point-title {
		font-size: 4.0rem;
		margin-bottom: 93px;
		line-height: 1;
	}

	.data-center .point-title img,
	.overseas .point-title img,
	.mitaka_est .point-title img {
		width: 120px;
		margin: 0 auto 30px;
	}

	.data-center .section .box-style-2 {
		margin-bottom: 100px;
	}

	.data-center .section .box-mb-none {
		margin-bottom: 0;
	}

	.mitaka_est .section .box-style-2 {
		padding-bottom: 100px;
	}

	.mitaka_est .section-3 .box-style-2,
	.mitaka_est .section-4 .last-box {
		padding-bottom: 0;
	}

	.data-center .section .box-style-line,
	.mitaka_est .section .box-style-line {
		padding-bottom: 150px;
	}

	.data-center .box-inner,
	.mitaka_est .box-inner {
		padding-bottom: 0;
	}

	.data-center h4.ttl {
		margin-bottom: 53px;
	}

	/* /////[ MITAKA EAST ] ////////////////////////////////// */

	.title-datacenter {
		width: 150px;
		height: 40px;
		margin: 100px auto 30px;
	}

	.mitaka_est .title {
		font-size: 4.0rem;
	}
	
	.mitaka_est .lead-text {
		font-size: 1.8rem;
		margin-bottom: 80px;
		line-height: 1.77;
	}

	.mitaka_est .section-1 .img-wrap {
		width: 480px;
		margin: 0 auto 60px;
	}

	.mitaka_est .main-visual {
		min-width: 1200px;
	}

	.mitaka_est .section-2 {
		min-width: 1240px;
		margin-bottom: 130px;
	}
	
	.mitaka_est .section-2 .sec-title {
		padding: 0 0 80px;
	}

	.mitaka_est .mitaka-data-center {
		margin: 195px auto 210px;
	}
	
	.mitaka_est .mitaka-data-center .movie-title {
		margin-bottom: 30px;
	}
	
	.mitaka_est .section-3 .box-style-line {
		padding-bottom: 80px;
	}

	.mitaka_est .section-4 {
		padding-top: 120px;
	}

	.mitaka_est .section-5 {
		padding: 120px 0 80px;
	}

	.title-overview {
		font-size: 4.0rem;
		padding: 230px 0 75px;
	}

	.mitaka_est table {
		font-size: 1.8rem;
	}

	.mitaka_est table th,
	.mitaka_est table td {
		display: table-cell;
		vertical-align: middle;
		padding: 10px 45px;
	}

	.mitaka_est table th {
		width: 490px;
	}

	.mitaka_est table td {
		width: 710px;
	}

	.mitaka_est h4.ttl {
		margin-bottom: 22px;
	}

	.mitaka_est .btn-wrap {
		text-align: right;
	}

	.mitaka_est .blue-btn {
		display: inline-block;
		margin-right: 5px;
	}
	
	.mitaka_est .section-7 .btn-wrap {
		margin: 30px auto 230px;
	}

	/* /////[ Cloud ] ////////////////////////////////// */

	.cloud .col-style-3 {
		margin-bottom: 90px;
	}

	.cloud .title {
		width: 200px;
		height: 40px;
	}

	.cloud .section .sec-text {
		margin-bottom: 80px;
	}

	.cloud .section .sec-text2 {
		margin-bottom: 10px;
	}

	.cloud .section-3 .sec-sub-title {
		margin-bottom: 60px;
	}

	.security-reference-area {
		padding: 40px;
	}

	.security-reference-area .ttl {
		font-size: 2.8rem;
		margin-bottom: 30px;
		text-align: left;
	}

	.security-reference-area .text {
		font-size: 1.8rem;
	}

	.asterisk-1 {
		max-width: 1115px;
		font-size: 1.5rem;
	}

	.ie .asterisk-1 {
		line-height: 1.8;
	}

	.asterisk-2 {
		max-width: 1115px;
		font-size: 1.5rem;
		margin-bottom: 80px;
	}

	.ie .asterisk-2 {
		line-height: 1.8;
	}

	.bg-gray {
		min-width: 1240px;
	}

	.cloud .bg-gray {
		margin-top: 103px;
		padding: 98px 0 208px;
	}

	.cloud .section-6 .block-2 .sec-sub-title {
		text-align: center;
	}

	.cloud .block-1 .sec-sub-title {
		margin-bottom: 50px;
	}

	.cloud .block-2 .sec-sub-title {
		margin-bottom: 60px;
	}

	.cloud .block-1 .text {
		margin-bottom: 50px;
	}

	.download-link p {
		display: inline-block;
	}

	/* /////[ DATACENTER JAPAN ] ////////////////////////////////// */

	.datacenter-japan .section-2 {
		min-width: 1240px;
	}

	.datacenter-japan .title {
		font-size: 4.0rem;
	}

	.map-nav li {
		float: left;
		width: 20%;
		height: 70px;
	}

	.map-nav .tokyo a,
	.map-nav .osaka a,
	.map-nav .aichi a {
		padding: 28px 10px 28px 55px;
	}

	.map-nav .hiroshima a,
	.map-nav .fukuoka a {
		padding: 28px 10px 28px 34px;
	}

	.map-nav .tokyo img {
		width: 90px;
		height: 13px;
	}

	.map-nav .osaka img {
		width: 93px;
		height: 13px;
	}

	.map-nav .aichi img {
		width: 73px;
		height: 13px;
	}

	.map-nav .hiroshima img {
		width: 156px;
		height: 13px;
	}

	.map-nav .fukuoka img {
		width: 135px;
		height: 13px;
	}

	.map-nav li a::before {
		width: 15px;
		height: 15px;
	}

	.map-nav li a::before,
	.map-nav li a::after {
		top: 22px;
		right: 20px;
	}

	.datacenter-japan .box {
		overflow: hidden;
	}

	.datacenter-japan .box .left,
	.datacenter-japan .box .right {
		width: calc((100% - 60px) / 2);
	}

	.datacenter-japan .section-2 {
		padding-top: 210px;
	}

	.datacenter-japan .block-inner {
		width: 1240px;
		min-width: 1240px;
		margin: 0 auto;
		padding: 0 20px;
	}

	.datacenter-japan .block-1 .img-title,
	.datacenter-japan .block-2 .img-title,
	.datacenter-japan .block-3 .img-title,
	.datacenter-japan .block-4 .img-title,
	.datacenter-japan .block-5 .img-title {
		width: 115px;
		height: 16px;
		margin: 0 auto 25px;
	}

	.datacenter-japan .block-1 .img-title {
		width: 115px;
	}

	.datacenter-japan .block-2 .img-title {
		width: 117px;
	}

	.datacenter-japan .block-3 .img-title {
		width: 93px;
	}

	.datacenter-japan .block-4 .img-title {
		width: 198px;
	}

	.datacenter-japan .block-5 .img-title {
		width: 164px;
	}

	.datacenter-japan .h3-title {
		width: 1240px;
		min-width: 1240px;
		margin: 0 auto;
		padding: 0 20px 40px;
		font-size: 4.0rem;
	}
	
	.datacenter-japan .section-2 .lead-text {
		font-size: 1.8rem;
		margin-top: 58px;
		line-height: 1.77;
	}
	
	.datacenter-japan .h4-title {
		font-size: 4.0rem;
		margin-bottom: 90px;
	}

	.ie11 .datacenter-japan .h4-title {
		line-height: normal;
	}

	.datacenter-japan .block-1 {
		padding-top: 120px;
	}
	
	.datacenter-japan .block-1 .block-wrap {
		padding-top: 55px;
	}

	.datacenter-japan .center-name {
		font-size: 2.8rem;
		margin: 0 0 20px;
	}

	.ie11 .datacenter-japan .center-name {
		line-height: normal;
	}

	.datacenter-japan .open-text {
		margin-bottom: 40px;
	}

	.datacenter-japan .btn-wrap {
		text-align: right;
		margin-top: 40px;
	}

	.datacenter-japan .btn-wrap .blue-btn {
		display: inline-block;
		margin: 0 10px 0 0;
	}

	.datacenter-japan .box {
		margin-bottom: 110px;
	}

	.datacenter-japan .block-2 .box {
		margin-bottom: 0;
	}

	.datacenter-japan .last-box {
		margin-bottom: 0;
	}

	.datacenter-japan .box img {
		margin-bottom: 40px;
	}
	
	.datacenter-japan .block-2,
	.datacenter-japan .block-3,
	.datacenter-japan .block-4,
	.datacenter-japan .block-5 {
		padding-top: 119px;
		min-width: 1240px;
	}

	.datacenter-japan .block-2 .block-inner,
	.datacenter-japan .block-3 .block-inner,
	.datacenter-japan .block-4 .block-inner,
	.datacenter-japan .block-5 .block-inner {
		padding-top: 80px;
	}

	.datacenter-japan .block-line,
	.mitaka_est .block-line {
		max-width: 1200px;
		margin: 0 auto;
		border-top: 1px dotted #6485c1;
	}

	/* /////[ VR ] /////////////////////////////////////// */
	
	.vr-box {
		display: flex;
		justify-content: space-between;
	}
	
	.datacenter-japan .block-2 .vr-box {
		margin-bottom: 40px;
	}
	
	.datacenter-japan .vr-box .left,
	.datacenter-japan .vr-box .right {
		float: none;
	}
	
	.datacenter-japan .vr-box .right {
		position: relative;
	}
	
	.datacenter-japan .vr-box img {
		margin-bottom: 0;
	}
	
	.datacenter-japan .vr-btn-wrap {
		position: absolute;
		right: 1px;
		bottom: 0;
	}

	.vr-box .btn-wrap {
		margin-top: 0;
	}
	
	.vr-box .blue-btn {
		width: 360px;
		margin: 0 1px 0 0;
	}
	
	.datacenter-japan .block-1 .vr-box .vr-btn-wrap {
		margin-top: 14px;
	}
	
	.datacenter-japan .vr-box .blue-btn {
		margin: 0 1px 0 0;
	}
	
	.datacenter-japan .block-1 .vr-box .vr-btn-wrap .blue-btn {
		margin-bottom: 0;
	}
	
	.vr-box .blue-btn a {
		font-size: 2.4rem;
		height: 72px;
	}

	.vr-box .btn-icon {
		height: 72px;
		line-height: 72px;
	}

	.vr-box .btn-icon::before {
		right: 25px;
	    width: 15px;
	    height: 15px;
	    border-top: 2px solid #fff;
	    border-right: 2px solid #fff;
	}

	.vr-box .blue-btn a:hover .btn-icon::before {
		right: 25px;
	    width: 15px;
	    height: 15px;
	    border-top: 2px solid #6485c1;
	    border-right: 2px solid #6485c1;
	}

	.vr-box .vr-btn-wrap .btn-icon {
		margin-left: -20px;
	}
	
	.vr-box .arrow-icon {
		top: 0;
	}
	
	.mitaka_est .btn-col2-wrap.vr-box {
		width: 900px;
		margin: 60px auto 0;
	}

	/* /////[ DATACENTER ENGLISH ] /////////////////////// */

	.english .main-visual {
		background-image: url(../images/english/main_visual_pc.jpg);
	}

	.english .title {
		width: 750px;
		height: 33px;
		padding-top: 180px;
	}

	.english .sec-title {
		font-size: 2.6rem;
		line-height: 1.6;
	}

	.english .section .img-wrap {
		margin-bottom: 75px;
	}

	.english .col-style-1 li a {
		display: block;
		padding-bottom: 112px;
	}

	.english .col-style-1 li {
		margin: 103px 5% 0 0;
	}

	.english .col-style-1 li:nth-child(3) {
		margin: 103px 0 0 0;
	}

	.english .col-style-1 .ttl {
		margin-bottom: 55px;
	}

	.english .en_title {
		max-width: 356px;
		height: 20px;
	}

	.english .section-2,
	.english .section-3,
	.english .section-4 {
		min-width: 1240px;
	}

	.english .section-2,
	.english .section-3,
	.english .section-4 {
		padding-top: 119px;
	}

	.english .section-2 .section-wrap,
	.english .section-3 {
		padding-bottom: 30px;
	}

	.english .section-1 .arrow {
		bottom: 70px;
	}

	.english .section-2 .sec-title img {
		max-width: 650px;
	}

	.english .section-2 .left {
		margin-bottom: 0;
	}

	.english .section .sec-main-text {
		width: 840px;
		margin: 0 auto;
		font-size: 1.9rem;
		line-height: 2;
	}

	.english .h4-title {
		font-size: 4.0rem;
		margin-bottom: 55px;
	}

	.english .section-1 {
		padding-bottom: 20px;
	}

	.english .section-2 .box {
		padding: 25px 40px;
		overflow: hidden;
	}

	.english .section-2 .box .left {
		width: 380px;
		margin: 0;
	}

	.english .section-2 .box .right {
		display: table;
		width: 565px;
		margin: 0 65px 0 105px;
	}

	.english .section-2 .box .text-cell {
		display: table-cell;
		vertical-align: middle;
		height: 252px
	}

	.english .section-2 .ttl {
		font-size: 2.4rem;
	}

	.english .section-3 .sec-title img,
	.english .section-4 .sec-title img,
	.english .section-5 .sec-title img {
		max-width: 480px;
	}

	.english .section-3 .block-1 .text {
		font-size: 1.8rem;
		margin-bottom: 125px;
		line-height: 2;
	}

	.provides-services {
		overflow: hidden;
		margin-bottom: 60px;
	}

	.provides-services .left {
		width: 360px;
		margin-bottom: 0;
	}

	.provides-services .right {
		width: 780px;
		margin-left: 60px;
	}

	.provides-services .ttl {
		font-size: 1.9rem;
		margin-bottom: 10px;
	}

	.provides-services .inner-list {
		margin: 0;
	}

	.english .h5_title {
		font-size: 3.0rem;
		margin-bottom: 55px;
	}

	.english .blue-btn {
		width: 360px;
		margin: 0 auto;
	}

	.english .block-3 {
		padding-top: 225px;
	}

	.english .section-5 .contact-wrap {
		padding: 70px 0 95px;
	}

	.english .section-5 .sec-title {
		padding: 0 0 50px;
	}

	.english .section-5 .text {
		width: 600px;
		font-size: 1.8rem;
		margin: 0 auto 50px;
		line-height: 1.8;
	}

	.mail-address {
		font-size: 3.0rem;
	}

	/* /////[ CONTACT ] ////////////////////////////////// */

	.contact .main-visual {
		background-image: url(../images/contact/main_visual_pc.jpg);
	}

	.contact .title {
		width: 318px;
	}

	.contact .section-1 {
		padding-top: 130px;
	}

	.contact .section-1 .text {
		font-size: 1.8rem;
	}

	.contact-static .section-1 .text {
		width: 710px;
		margin: 0 auto 30px;
	}

	.contact-line {
		margin: 120px auto 105px;
		padding: 55px 0;
	}

	.contact .sec-title {
		font-size: 3.0rem;
		padding: 0 0 15px;
	}

	.contact .en-title {
		width: 264px;
		margin: 0 auto 110px;
	}

	.contact .contact-line .ja-text,
	.contact .contact-line .en-text {
		width: 740px;
		margin: 0 auto;
		font-size: 1.5rem;
	}

	.contact .contact-line .ja-text {
		margin-bottom: 30px;
	}

	.contact .ja-area,
	.contact .en-area {
		font-size: 1.5rem;
	}

	.contact .en-area {
		margin-bottom: 85px;
	}

	.contact .form-link {
		margin-left: 1em;
	}

	.contact-form .form-group {
		margin-bottom: 90px;
		overflow: hidden;
	}

	.contact-form #field-description {
		overflow: visible;
	}

	.contact-form .checbox-wrap {
		display: inline-block;
		margin-bottom: 0;
	}

	.contact-form .checbox-wrap .text-label {
		margin: 0;
	}

	.contact-form .text-label {
		float: left;
		width: 360px;
		margin: 15px 0 0;
	}

	.contact-form .text-label,
	.required {
		font-size: 2.4rem;
	}

	.checkbox-wrap label {
		display: inline-block;
		font-size: 1.8rem;
		margin-right: 80px;
		line-height: 30px;
	}

	.contact .checkbox-wrap {
		display: inline-block;
		margin-top: 12px;
	}

	.confirm .contact-form .form-text {
		float: left;
		width: 840px;
		font-size: 1.8rem;
	}

	.checkbox-input:checked+.checkbox-wrap label::after {
		top: 10px;
		left: 18px;
	}

	.contact-form .label-check-3 {
		margin: 0;
	}

	.contact-form input[type="text"],
	.contact-form textarea {
		float: right;
		width: 840px;
		font-size: 1.6rem;
		font-weight: normal;
		padding: 16px 11px;
	}

	.contact-form textarea {
		min-height: 435px;
	}

	.confirm-btn::before,
	.submit-btn::before,
	.back-btn::before {
		right: 80px;
	}

	.confirm .title-contact,
	.done .title-contact {
		width: 150px;
		height: 40px;
		margin: 150px auto 30px;
	}

	.confirm #field-description .text-label {
		margin: 0;
	}

	.confirm .contact-form .text-label {
		margin: 6px 0 0;
	}

	.confirm .checkbox-wrap {
		display: block;
		font-size: 1.8rem;
		padding-top: 3px;
	}

	.confirm .confirm-title,
	.done .confirm-title {
		font-size: 4.0rem;
	}

	.confirm-btn {
		width: 360px;
		margin: 0 auto;
	}

	.confirm .btn-area {
		width: 780px;
		margin: 0 auto;
		overflow: hidden;
	}

	.confirm .submit-btn {
		float: right;
		width: 360px;
		margin: 0;
	}

	.confirm .back-btn {
		width: 360px;
		margin: 0 auto;
	}

	.confirm .contact-form .form-group.body {
		margin-bottom: 150px;
	}

	.contact .done-text {
		margin-bottom: 90px;
	}

	.contact.done .back-btn {
		width: 360px;
	}

	/* /////[ TOPICS ] ////////////////////////////////// */

	main.topics .title {
		width: 360px;
		padding-top: 160px;
	}

	main.topics .section-1 {
		padding-top: 130px;
	}

	main.topics .main-visual {
		background-image: url(../images/topics/main_visual_pc.jpg);
	}

	main.topics ul {
		overflow: hidden;
	}

	main.topics .date {
		float: left;
		width: 120px;
	}

	/* /////[ CASE STUDY ] ////////////////////////////////// */

	.case-wrapper {
		padding-top: 145px;
	}

	.case .main-visual {
		background-image: url(../images/case/main_visual_pc.jpg);
	}

	.case .title {
		width: 480px;
		height: 35px;
	}

	.case .tabs {
		width: 1240px;
		min-width: 1240px;
		margin: 0 auto 110px;
		padding: 0 20px;
	}

	.tabs-nav li {
		font-size: 1.8rem;
	}

	.tabs-panel ul {
		overflow: hidden;
	}

	.tabs-panel ul li {
		float: left;
		width: 360px;
		margin: 0 60px 100px 0;
	}

	.panel-table {
		width: 100px;
		height: 50px;
	}

	.panel-cell {
		width: 100px;
		height: 50px;
		white-space: nowrap;
	}

	.tabs-nav li span:after {
		height: 10px;
		top: -24px;
	}

	/* /////[ CASE STUDY DETAILCase ] ////////////////////////////////// */
	/* /////[ 一部修正 / 2018.09 ] /////////////////////////// */

	.case-detail .title-case-study {
		width: 150px;
		height: 40px;
		margin: 215px auto 30px;
	}

	.case-detail .section-inner {
		margin-bottom: 165px;
	}

	.case-detail .company {
		font-size: 4.0rem;
	}

	.case-detail .company-image {
		width: 293px;
		height: auto;
		margin: 0 auto;
	}

	.case-detail p,
	.case-detail ol,
	.case-detail ul {
		width: 770px;
		margin: 0 auto;
	}

	.case-detail .acronym {
		width: 780px;
	}

	.case-detail .case-table {
		width: 1200px;
		padding: 0;
		table-layout: fixed;
		overflow: hidden;
	}

	.case-detail .panel-table {
		top: 18px;
		right: 18px;
	}

	.case-detail .case-table .left {
		width: 29.717%;
		padding: 70px 40px;
	}

	.case-detail .case-table .right {
		display: table;
		width: 70%;
		height: 280px;
		padding-left: 60px;
		table-layout: fixed;
	}

	.case-detail .table-cell {
		display: table-cell;
		vertical-align: middle;
		table-layout: fixed;
	}

	.case-detail dl {
		font-size: 1.8rem;
	}

	.case-detail dt {
		min-width: 100px;
		margin-right: 20px;
	}

	.case-detail .block-title,
	.case-detail h3 {
		font-size: 3.0rem;
		padding: 130px 0 50px;
	}

	.case-detail .block-4 {
		margin: 125px 0 205px;
		padding: 0 0 30px;
	}

	/* /////[ ERROR ] ////////////////////////////////// */

	.error-title {
		font-size: 4.0rem;
		margin-bottom: 80px;
	}

	.error .error-text {
		margin-bottom: 120px;
	}

	.error .error-text p {
		font-size: 1.8rem;
		margin-bottom: 40px;
	}

	.error .back-btn {
		width: 360px;
	}

	/* /////[ 追加 / 2018.09 ] ////////////////////////////////// */

	/* ----[CLOUD]------ */

	.sp-cloud-pdf {
		display: none;
	}

	.pc-cloud-pdf {
		display: block;
	}

	.cloud .main-visual {
		position: relative;
	}

	.cloud .section-1 {
		padding-top: 0;
	}

	.cloud .section-1 .sec-title {
		padding: 140px 0 85px;
	}

	.cloud-pdf {
		position: absolute;
		left: 50%;
		bottom: 40px;
		width: 480px;
		font-size: 16px;
		margin-left: -240px;
		line-height: 1.2;
	}

	.cloud-pdf a {
		padding: 15px 0;
	}

	.cloud-pdf .pdf-brackets {
		font-size: 14px;
	}

	.cloud-pdf a::before {
		right: 27px;
		width: 16px;
		height: 16px;
	}

	/* ----[CACE DETAIL]------ */

	.case-detail .title-case-study {
		margin: 100px auto 30px;
	}

	.case-detail .case-table {
		margin-top: 130px;
	}

	.case-detail dl {
		-webkit-display: flex;
		display: flex;
	}

	.case-detail dt {
		width: 32%;
	}

	.case-detail dt:after {
		display: block;
		font-weight: normal;
		top: -1px;
	}

	.case-detail dt span {
		padding-bottom: 0;
		border: none;
	}

	.case-detail dd {
		width: 62%;
		margin-top: 5px;
		line-height: 1.5;
	}

	.case-detail .case-table .left {
		display: table;
		width: 24%;
		height: auto;
		min-height: 340px;
		margin: 0 0 0 40px;
		padding: 0;
	}

	.case-detail .table-cell {
		height: auto;
		min-height: 340px;
		padding: 35px 0;
	}

	.case-detail .case-table .right {
		height: auto;
		min-height: 340px;
	}

	.link-icon-dl dd .link-icon:after {
		width: 16px;
		height: 16px;
		margin: 4px 0 0 9px;
	}

	.case-detail .list-text li,
	.case-detail .list-text li {
		font-size: 1.4rem;
	}

	.case-detail .list-text ol>li {
		margin-bottom: 30px;
	}

	.case-detail .asterisk-text {
		font-size: 1.4rem;
		margin-top: 40px;
	}

	.case-detail .nowrap-text {
		white-space: nowrap;
	}

	/* /////[ NEW / 2020.08 ] ////////////////////////////////// */
	/* /////[ CLOUD / awssolutions ] /////////////////////////// */

	/* ----[aws-common]------ */

	.cloud-aws .section {
		margin-bottom: 75px;
	}

	.cloud-aws .sec-title {
		padding: 0 0 78px;
	}

	.cloud-aws .sub-title {
		margin-bottom: 15px;
	}

	.cloud-aws .flex {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: space-between;
	}

	.cloud-aws .box {
		width: 570px;
	}

	.cloud-aws .box p {
		line-height: 2.4;
	}

	/* ----[introduction]------ */

	.cloud-aws .introduction {
		width: 1240px;
		min-width: 1240px;
		margin: 0 auto 129px;
		padding: 0 20px;
	}

	.title-cloud-aws {
		width: 67px;
		height: 40px;
		margin: 100px auto 30px;
	}

	.cloud-aws .intro-title {
		font-size: 4.0rem;
	}

	.cloud-aws .main-text {
		font-size: 1.8rem;
		margin-bottom: 96px;
	}

	.cloud-aws .introduction .img-wrap {
		width: 1200px;
		margin: 0 auto;
	}

	.cloud-aws .introduction .pdf {
		margin-top: 12px;
	}

	/* ----[partner-cloud-services]------ */

	.cloud-aws .partner-cloud-services {
		margin-bottom: 178px;
	}

	.partner-cloud-services li {
		width: 283px;
	}

	.partner-cloud-services li p {
		margin: 20px auto 0;
	}

	/* ----[aws-contact]------ */

	.cloud-aws .aws-contact {
		min-width: 1240px;
		margin-bottom: 0;
		padding: 135px 0 110px;
	}

	.cloud-aws .aws-contact .sec-intro {
		margin-bottom: 100px;
	}

	.cloud-aws .content-left {
		width: 283px;
		margin-bottom: 0;
	}

	.cloud-aws .content-right {
		width: 894px;
		padding: 68px 0 0;
	}

	.cloud-aws .address {
		margin: 0 auto 72px;
	}

	.cloud-aws .destination {
		margin-bottom: 2px;
		line-height: 1.3;
	}

	.cloud-aws .mail-service-desk {
		font-size: 3.0rem;
		line-height: 1.3;
	}

	.cloud-aws .aws-contact .dl-link {
		text-align: center;
		margin-top: 100px;
		font-size: large;
		font-weight: bold;

	}

	.cloud-aws .aws-contact .dl-link img {
		width: 100px;
		vertical-align: bottom;
		display: inline-block;

	}

	.cloud-aws .aws-contact .flex {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		justify-content: center;
		text-align: center;
		margin-bottom: 100px;
	}

	.cloud-aws .aws-contact .flex img {
		width: 300px;
		margin: 10px;
	}

	.cloud-aws .aws-contact .flex a {
		color: #6785C1;

	}

	/* ----[ END / awssolutions]------ */

}

@media screen and (min-width: 1241px) {


	/* /////[ Header ] ////////////////////////////////// */

	.head-link-area {
		min-width: 1240px;
		min-height: 32px;
		text-align: right;
	}

	.head-link-area ul {
		display: block;
		width: 1240px;
		min-width: 1240px;
		margin: 0 auto;
		padding: 0 20px;
	}

	.head-link-area li {
		display: inline-block;
		color: #fff;
		font-size: 1.5rem;
		padding-left: 20px;
		line-height: 32px;
		text-align: right;
	}

	.head-link-area li.head-case {
		margin-right: 15px;
	}

	.english .head-link-area li.head-case {
		margin-right: 0;
	}

	.head-link-area .arrow {
		position: relative;
		display: inline-block;
		padding: 0 0 0 20px;
		color: #fff;
		vertical-align: middle;
	}

	.head-link-area .arrow:hover {
		text-decoration: underline;
	}

	.head-link-area .arrow::before {
		top: 1px;
		left: 3px;
		width: 7px;
		height: 7px;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	.ie11 .head-link-area .arrow {
		padding: 0 0 0 20px;
	}

	.edge .head-link-area .arrow {
		padding: 1px 0 0 20px;
	}

	.head-link-area .arrow::before,
	.head-link-area .arrow::after {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		content: "";
		vertical-align: middle;
	}

	.ie11 .head-link-area .arrow::before,
	.ie11 .head-link-area .arrow::after {
		top: -2px;
	}

	#top-head .inner {
		width: 1240px;
		min-width: 1240px;
		margin: 0 auto;
		padding: 0 20px;
	}

	.logo-wrap {
		float: left;
		padding: 25px 0 20px;
	}

	.english .logo-wrap {
		padding: 23px 0 12px 15px;
	}

	.logo {
		max-width: 420px;
		height: auto;
		margin-bottom: 10px;
	}

	.english .logo {
		max-width: 468px;
		height: auto;
		margin-bottom: 0;
	}

	.logo-wrap p {
		font-size: 1.5rem;
	}

	/* /////[ global-nav ] ////////////////////////////////// */

	#global-nav {
		display: block;
		position: inherit;
		top: 0;
		left: 0;
		width: auto;
		margin: 0;
		padding: 0;
		background: none;
		z-index: 100;
		opacity: 1;
		-webkit-transition: inherit;
		transition: inherit;
	}

	#top-head .inner:after {
		content: "";
		clear: both;
		display: block;
	}

	#global-nav {
		display: block;
		float: right;
		margin: 29px 0 0;
	}

	.english #global-nav {
		margin: 20px 0 0;
	}

	.pc-nav a {
		width: auto;
	}

	.pc-nav li {
		float: left;
		margin-bottom: 0;
		text-align: center;
	}

	.pc-nav li.datacenter,
	.pc-nav li.cloud,
	.pc-nav li.overseas {
		margin-right: 70px;
	}

	.english .pc-nav li.datacenter,
	.english .pc-nav li.cloud,
	.english .pc-nav li.global {
		margin-right: 50px;
	}

	.pc-nav li a {
		display: block;
		font-size: 1.8rem;
		font-weight: bold;
		margin-bottom: 0;
		padding: 0;
	}

	.pc-nav li a:hover {
		color: #6485c1;
		text-decoration: underline;
	}

	.pc-nav li.contact {
		position: relative;
		top: -11px;
	}

	.english .pc-nav li.contact {
		position: relative;
		top: -4px;
	}

	.pc-nav li.contact a {
		color: #fff;
		font-size: 1.5rem;
		padding: 10px 20px;
		background-color: #e60012;
	}

	.pc-nav li img {
		display: block;
		margin: 0 auto 7px;
	}

	.english .pc-nav li img {
		margin: 0;
	}

	.english .pc-nav li a {
		margin: 6px auto 7px;
		padding-bottom: 0;
	}

	.english .pc-nav li.contact a {
		margin: 0 auto;
		padding: 10px 5px;
	}

	.pc-nav li.datacenter img {
		width: 110px;
	}

	.pc-nav li.cloud img {
		width: 55px;
	}

	.pc-nav li.overseas img {
		width: 65px;
	}

	.pc-nav li.contact img {
		width: 75px;
	}

	.english .pc-nav li.datacenter img {
		width: 165px;
	}

	.english .pc-nav li.cloud img {
		width: 82px;
	}

	.english .pc-nav li.global img {
		width: 97px;
	}

	.english .pc-nav li.contact img {
		width: 110px;
	}

	.pc-nav li img,
	.pc-nav li span {
		display: block;
	}

	/* Add nav AWS OpenCanvas */

	.pc-nav li a {
		padding-bottom: 25px;
	}

	.pc-nav li {
		position: relative;
	}

	.pc-nav .ul-child {
		display: none;
		position: absolute;
		left: 50%;
		top: 59px;
		width: 250px;
		transform: translateX(-50%);
		background-color: rgba(235, 237, 243, 0.8);
		background-repeat: repeat;
		padding: 12px 0 15px 25px;
	}

	.pc-nav .ul-child li {
		float: none;
		text-align: left;
		margin-bottom: 5px;
	}

	.pc-nav .ul-child a {
		display: inline-block;
		position: relative;
		font-size: 1.6rem;
		font-weight: normal;
		margin: 10px 0 5px;
		padding-bottom: 0;
		padding-left: 15px;
	}

	.pc-nav .ul-child a:before {
		position: absolute;
		top: 3px;
		left: 0;
		width: 7px;
		height: 7px;
		content: '';
		border-top: 1px solid #6485c1;
		border-right: 1px solid #6485c1;
		transform: rotate(45deg);
		vertical-align: top;
	}

	.pc-nav .ul-child .external-link {
		display: inline-block;
		position: absolute;
		top: -1px;
		right: -19px;
		width: 14px;
		height: 15px;
		margin-top: 0;
		background-size: 14px 15px;
		background-repeat: no-repeat;
		background-image: url(../images/common/external_link_off.png);
	}

	.pc-nav .ul-child a:hover .external-link {
		background-image: url(../images/common/external_link_on.png);
	}

	.pc-nav li .r-text {
		display: inline;
	}

	/* /////[ nav 固定 ] ////////////////////////////////// */

	.sticky {
		height: 120px;
	}
}