@charset "utf-8";
/*
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
*/
/*共通*/

@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700&display=swap');

html {
    font-size: 62.5%; /* sets the base font to 10px for easier math */
}
body {
    /*
    font-family: 'Noto Sans Japanese', sans-serif;
    */
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3","メイリオ","meiryo", "Lucida Grande", "ＭＳ Ｐゴシック", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.6;
    /* sets the default sizing to make sure nothing is actually 10px */
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}
/*
img {
    vertical-align: bottom;
}
*/
img {
    max-width: 100%;
}

.clearboth{
	clear: both;
}

.left {
    float: left;
}
.right {
    float: right;
}
.clear {
    clear: both;
}
.center {
    text-align: center;
}
.top {
    vertical-align: top;
}
.middle {
    vertical-align: middle;
}
.bottom {
    vertical-align: bottom;
}
.hidden {
    overflow: hidden;
}
.absolute {
    position: absolute;
}
.relative {
    position: relative;
}
.bold {
    font-weight: bold;
}
.none {
    display: none;
}
.block {
    display: block;
}
.i-block {
    display: inline-block;
}
.mincho{
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", メイリオ, serif;
}
#scrollTop {
    width: 50px;
    height: 50px;
    display: none;
    position: fixed;
    bottom: 35px;
    right: 0px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    text-decoration: none;
    opacity: 0.8;
    z-index: 5000;
    cursor: pointer;
}
.vertical {
    width: 1em;
    display: inline-block;
}
.line-under {
    text-decoration: underline;
}
.mt20 {
    margin-top: 20px;
}
#nav-AWS a {
    cursor: pointer;
}
/*20170927*/
#nav-RPA a {
    cursor: pointer;
}
/*/20170927*/
#nav-recruit .mouse_represent {
    left: -100%;
}
.clearfix:after {
    content: "";
    display: table;
    visibility: hidden;
    clear: both;
}

/** ボタン **/
.btn {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0;
    padding: 0;
    text-align: center;
    line-height: 1;
    text-decoration: none;
    font-size: inherit;
    color: inherit;
    cursor: pointer;
}

.btn--clear {
    text-align: inherit;
    line-height: inherit;
}
/** Line **/
.line {
    display: block;
}
/*.line-top {
    background-color: #002B59;
    height: 4px;
}*/
.line-nav-bottom {
    background-color: #ffffff;
    height: 1px;
}

/** shadow **/
.boxShadow {
    box-shadow:rgba(0, 0, 0, 0.498039) 0px 0px 15px -3px;
    -moz-box-shadow:rgba(0, 0, 0, 0.498039) 0px 0px 15px -3px;
    -webkit-box-shadow:rgba(0, 0, 0, 0.498039) 0px 0px 15px -3px;
}

/** コンテンツエリア **/
.content-full {
    width: 100%;
    overflow: hidden;
}
.content {
    width: 1000px;
    margin: 50px auto;
    position: relative;
    overflow: hidden;
}

/** ヘッダー **/
#header {
    position: relative;
    z-index: 200;
}

.head {
    width: 1000px;
    margin: 5px auto;
    overflow: hidden;
}
.fLeft-box {
    float: left;
}
.header-linkArea {
    width: 500px;
}
.searchBox {
    width: 210px;
    /*border: 2px solid #BBBBBB;*/
	height: 45px;
    /*height: 30px;*/
    /*padding: 3px;*/
    line-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: url(../images/common/search.png) no-repeat;
	background-position: 145px 3px; /*20171024*/
    /*background-position: 185px;*/
}
.btn-group {
    display: inline-block;
}
.btn-default {
    color: #ffffff;
    margin-right: 5px;
    height: 30px;
    line-height: 2.1;
}
.btn-english {
    background-color: #006DD9;
}
.btn-inquiry {
    background-color: #85B200;
}
.btn--short {
    width: 100px;
}


/** nav **/
.nav {
    display: table;
    table-layout: fixed;
}
.nav__item {
    display: table-cell;
    vertical-align: middle;
    padding: 1px;
}
.nav__item > a {
    display: block;
    text-align: center;
    text-decoration: none;
}

/** fotter **/
.footerArea {
    position: relative;
    z-index: 100;
    background: #F0F0E1;
}
.footer {
    width: 1000px;
    margin: 60px auto 0;
    overflow: hidden;
}
.nav__footer {
    border-left: 1px solid #BBBBBB;
    padding: 10px 20px;
    display: table-cell;
}
.nav__footer--last {
    border-right: 1px solid #BBBBBB;
}
.footer__item {
    margin-bottom: 2px;
    list-style: none;
}
.footer__item-first {
    margin-bottom: 10px;
}
.footer__item__link {
    text-decoration: none;
    color: #545454;
    font-size: 11px;
    font-size: 1.1rem;
}
.footer__item__link-first {
    font-weight: bold;
    font-size: 13px;
    font-size: 1.3rem;
}
.nav__footer-child {
    padding-left: 20px;
}
.nav__footer-child__item {
    list-style: none;
    text-indent: -1em;
    padding-left: 1em;
}
.logo-large {
    margin: 45px 0 0;
    text-align: center;
}
.trademark {
    width: 1000px;
    margin: 30px auto 15px;
    font-size: 12px;
    font-size: 1.2rem;
    color: #545454;
    text-align: center;
}
.copy {
    position: relative;
    background: #002B59;
    color: #ffffff;
    text-align: center;
}
.copy__list {
    width: 1000px;
    margin: 0 auto;
    list-style: none;
}
.copy__list__item {
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 2.7;
}
.copy__list__item--privacy,
.copy__list__item--secPolicy {
    position: absolute;
    float: left;
}
.enother_cat1 {
    overflow: hidden;
}

.enother_cat2 {
    overflow: hidden;
}

.enother_cat3 {
    overflow: hidden;
}

/* ===================================================================================
 for PC min-width: 741px
 =================================================================================== */
@media print, screen and (min-width: 741px) {
     .fb_likeBtn {
        clear: both;
        text-align: right;
        padding-top: 5px;
    }
    .btn:hover {
        opacity: 0.7;
        filter: alpha(opacity=70);
        zoom: 1;
    }
    li.nav__item-single:hover {
        background: #006CD8;
    }
    .nav__item-single__name:hover {
        /* color: #fff; */
    }
    #sp_nav {
        display: none !important;
    }
    body {
        min-width: 1000px;
    }

    #head_logo {
        width: 500px;
    }
    .header_cont {
        padding: 10px;
    }
    #sp_nav {
        display: none;
    }
    /** global nav **/
	/*20190628*/
	#pcheader-dummy {
		width: 100%;
		height: 75px;
	}
	/*/20190628*/
    .global {
        background-color: #006DD9;
    }
	/* 20180717 */
    /*.global-message {
        background: url(../img/common/cover_bg.png);
        background-repeat: no-repeat;
        height: 533px;
        width: 1000px;
        margin: 10px auto 0 auto;
        position: relative;
        z-index: 1;
		padding: 0 20px;
    }*/

    .global-header {
        width: 100vw;
		min-width: 1000px;
        background-image: url(../img/common/cover_bg.png);
        background-size: cover;
        background-repeat: no-repeat;
        margin: 0 auto;
        position: relative;
        z-index: 1;
    }
    .global-message {
        width: 100vw;
		min-width: 1000px;
		padding: 5%;
    }
    .global-message-title {
		/*display: none;*/
		font-family: "Century Gothic",  sans-serif;
		font-size: 20px;
		/*font-weight: 500;*/
		color: #6E6E6E;
		/*padding-top: 370px;*/
		margin: 20% 0 2% 30%;	/* 20190830 */
		/*margin: 25% 0 2% 30%;
		margin: 0 0 2vw 35vw;*/
   }
    .global-message-title img {
		width: 20px;
		margin-top: 1px;
	}
    .global-message-title img:hover {
		opacity: 0.5;
		filter: pick-up(opacity=50);
		-ms-filter: "pick-up(opacity=50)";
	}
	.global-message-contents {
		font-family: "りょう Display PlusN M",  serif;
		font-weight: 600;
		/*text-shadow: 2px 2px 2px black;*/
		/*text-shadow: 2px 2px 2px #ECECEC;*/
		margin-left: 30%;
		/*margin-left: 35vw;*/
	}
	.global-message-contents-top {
		color: #6E6E6E;
		font-size: 42px;
		line-height: 1.2em;
		/*background-color: #fff;*/
	}
	.global-message-contents-bottom {
		color: #6E6E6E;
		font-size: 42px;
		line-height: 1.2em;
		/*background-color: #fff;*/
	}
	/* 20180807 */
	
	/* 20190111 */
	.global-message .company-main-contents ul {
		margin-top: 30px;
		margin-left: 30%;
	}
	.global-message .company-main-contents li {
		float: left;
		width: 150px;
		margin: 0 10px;
	}
	.global-message .company-main-contents li:first-child {
		margin-left: 0 !important;
	}
	.global-message .company-main-contents li:last-child {
		margin-right: 0 !important;
	}
	/* -20190111 */
	
	.global-bothering-area {
		height: auto;
		width: 90%;
		margin: 10% 0 0 5%;
	}
	.global-bothering-title {
		padding-top: 20px;
		margin-left: 5px;
		width: 65%;
		margin-left: 30%;
	}
	.global-bothering-item li {
		position: relative;
		float: left;
		width: 33%;
		min-width: 250px;
		text-align: center;
		height: auto;
		min-height: 45%;
		padding-bottom: 7%;
		color: #383838;
		list-style-type: none;
		background: right no-repeat url(../img/common/popup-devider.png), bottom center/15% no-repeat url(../img/common/down-arrow-red.png);
	}
	.global-bothering-item li img.item-icon {
		width: 50%;
	}
	.global-bothering-item li img.item-arrow {
		position: absolute;
		width: 15%;
		top: 50%;
		margin: 0 0 0 20px;
	}
	.global-bothering-item li:last-child {
		background: bottom center/15% no-repeat url(../img/common/down-arrow-red.png);
	}
	/*.global-bothering-item li dt{
		position: absolute;
		font-family: "A-OTF UD新ゴ Pr6N L",sans-serif;
		font-size: 16px;
		width: 90%;
		top: 16vw;
	}*/
	.global-bothering-item li dd{
		/*position: absolute;*/
		width: 100%;
		font-family: "A-OTF UD新ゴ Pr6N L",sans-serif;
		font-size: 24px;
		margin-top: 1%;
	}
	.global-bothering-item li:hover {
		opacity: 0.5;
		filter: pick-up(opacity=50);
		-ms-filter: "pick-up(opacity=50)";
		
	}


	#layer {
		display: none;
		position: absolute; 
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		background-color: black;
		opacity: 0;
	}

	#popup-1,
	#popup-2,
	#popup-3,
	#popup-4,
	#popup-5,
	#popup-6,
	#popup-8 {
		display: none;
		position: absolute;
		right: 0;
		top: 75px;
		width: 712px;
		margin-left: 0px; /*20180918*/
		padding-bottom: 5vw;
		background-color: #eee;
		background-size: 100%;
        padding-top: 1%;
	}

    #popup-7{
		display: none;
		position: absolute;
		right: 0;
		top: 75px;
		width: 350px;
		margin-left: 0px; /*20180918*/
		padding-bottom: 5vw;
		background-color: #eee;
		background-size: 100%;
        padding-top: 1%;
	}

	#popup-1,#popup-2,#popup-3,
	#popup-4,#popup-5,#popup-6,#popup-7{
		height: 380px;
	}

	#popup-1 a, #popup-2 a, #popup-3 a, 
	#popup-4 a, #popup-5 a, #popup-6 a,#popup-7 a{
		line-height: 2em;
	}
	
	#popup-2 a,
    #popup-7 a{
		line-height: 2em !important;
		font-size: 105% !important;
	}

	#popup-1 a,
	#popup-2 a,
	#popup-3 a,
	#popup-4 a,
	#popup-5 a,
	#popup-6 a,
	#popup-7 a{
		color: #545454;
		text-decoration: none;
	}
	
	#popup-1 a:hover,
	#popup-2 a:hover,
	#popup-3 a:hover,
	#popup-4 a:hover,
	#popup-5 a:hover,
	#popup-6 a:hover,
	#popup-7 a:hover {
		color: #545454;
		text-decoration: underline;
	}

	#underline-1,
	#underline-2,
	#underline-3,
	#underline-4,
	#underline-5,
	#underline-6,
	#underline-7 {
		display: none;
		z-index: 9999;
		content: "";
		box-sizing: border-box;
		border: solid 2px #aaa;
		border-radius: 2px;
		width: 30px;
		height: 4px;
		margin: 0 auto;
		opacity: 1.0 !important;
	}

	#underline-8 {
		display: none;
		z-index: 9999;
		content: "";
		box-sizing: border-box;
		border: solid 2px #fff;
		border-radius: 2px;
		width: 50%;
		height: 4px;
		margin: 0 auto;
		opacity: 1.0 !important;
	}

	#underline-1 a,
	#underline-2 a,
	#underline-3 a,
	#underline-4 a,
	#underline-5 a,
	#underline-6 a,
	#underline-7 a {
		display: none;
		z-index: 9999;
		content: "";
		box-sizing: border-box;
		border: solid 2px #aaa;
		border-radius: 2px;
		width: 50%;
		height: 4px;
		margin: 0 auto;
		opacity: 1.0 !important;
	}

	#underline-8 a {
		display: none;
		z-index: 9999;
		content: "";
		box-sizing: border-box;
		border: solid 2px #fff;
		border-radius: 2px;
		width: 50%;
		height: 4px;
		margin: 0 auto;
		opacity: 1.0 !important;
	}

	#gnavwrap-3 ul li{
		position: relative;
	}

	#gnavwrap-3 ul li a:after{
		display: none;
		position: absolute;
		content: "";
		box-sizing: border-box;
		border: solid 2px #aaa;
		border-radius: 2px;
		width: 50%;
		left: 50%;
		/*bottom: 18px;*/
		height: 4px;
		margin: 0 auto;
	}

	#underline-8 :after{
		display: none;
		z-index: 9999;
		content: "";
		box-sizing: border-box;
		border: solid 2px #aaa;
		border-radius: 2px;
		width: 50%;
		height: 4px;
		margin: 0 auto;
		background-color: white !important;
	}

	.popup-contents-area {
		width: 90%;
		margin: 0 auto;
		height: auto;
	}
	.popup-contents-area-item{
		height: auto;
	}

    .halflist{
        width: 50%;
        float: left;
    }

    .fulllist{
        width: 90%;
        right: 0;
    }

    /* .fulllist dt{
        text-align: right;
    } */

	.popup-contents-area-item dt:before {
		content: "● ";
		color: #545454;
	}
	.popup-contents-area-item dd {
		padding-left: 1em;
	}
	.popup-contents-area-item dd:before {
		content: "－ ";
		color: #545454;
	}

	.hideClass {
		  transform: translateY(-1000px);
		  transition-duration:1s;
		  -webkit-transition-duration:1s;
		  -webkit-transition-timing-function:linear;
	}
	
	/* /20180807 */
    .news2-box {
        width: 100vw;
		min-width: 1000px;
        margin: 0 auto;
	}
	.news2__body {
		list-style: none;
	}
	.news2__body__item {
		overflow: hidden;
		font-size: 13px;
	}
	.news2-date {
		width: 15%;
		height: 40px;
		float: left;
		padding-top: 7px;
		color: #ffffff;
		background-color: dimgray;
		text-align: center;
		font-family: "Century Gothic",  sans-serif;
		font-size: 16px;
	}
	.news2-topic {
		font-family: "A-OTF UD新ゴ Pr6N L","ＭＳ ゴシック", sans-serif;
		font-size: 12px;
		width: 85%;
		height: 40px;
		float: left;
		background-color: lightgrey;
		padding-top:10px;
		padding-bottom:5px;
		padding-left: 10px;
		overflow: hidden;
	}
	.news2_list {
		font-family: "A-OTF UD新ゴ Pr6N L","ＭＳ ゴシック", sans-serif;
		font-size: 85%;
		float: right;
		padding-top: 10px;
		right: 100px;
		bottom: 0px;
	}

		.news2_list a{

		}
	/* /20180717 */
    .nav-global {
        width: 1000px;
        margin: 0 auto;
        position: relative;
        z-index: 200;
    }
    .nav__item-global {
        height: 33px;
        line-height: 2.4;
        border-right: 1px solid #ffffff;
    }
    .nav-global > li:first-child {
        border-left: 1px solid #ffffff;
    }
    .nav__item-global > a {
        color: #ffffff;
    }
    .nav__item-global > a:hover {
        /* background-color: #006DD9; */
        color: #fff;
        opacity: 1;
    }
    .nav__item-single > a:hover {
        color: #fff;
        opacity: 1;
    }
    li.nav__item-single.b.active {
        background-color: #006CD8;
    }
    li.nav__item-single.b.active > a {
        color: #fff;
    }

    .has-child-big .nav__second-level {
        position: absolute;
        top: 35px;
        left: 0;
        margin: 0 auto;
        width: 1000px;
        padding: 20px;
        background: #ffffff;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all .1s ease;
        -moz-transition: all .1s ease;
        -ms-transition: all .1s ease;
        -o-transition: all .1s ease;
        transition: all .1s ease;
        transition: all .1s ease;
    }
    .nav__second-level {
        visibility: hidden;
        z-index: 500;
        background: rgba(255,255,255,0);
    }
    .has-child-big:hover .nav__second-level {
        visibility: visible;
        background: rgba(255,255,255,0.9);
        z-index: 500;
    }
    .has-child-big .nav__second-level > li {
        float: left;
        width: 100%;
        border: none;
        margin-top: 10px;
    }
    .nav__second-level .nav__third-level {
        overflow: hidden;
    }
    .nav__third-level__item {
        float: left;
        border: none;
        text-align: center;
    }
    .nav-solutin-cate {
        width: 20%;
    }
    .nav-product-sol {
        width: 16.6%;
    }
    .nav-service-cate {
        width: 16.6%;
    }
    .nav-solutin-cate__name, .nav-product-sol__name, .nav-service-cate__name {
        display: block;
        margin: 10px 0 0;
        line-height: 1.6;
        color: #006CD8;
        font-size: 12px;
        font-size: 1.2rem;
    }

    .has-child-single {
        position: relative;
    }
    .has-child-single .nav__second-level {
        position: absolute;
        top: 35px;
        left: 0;
        margin: 0 auto;
        width: 100%;
        background: #ffffff;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        /* -webkit-transition: all .1s ease; */
        -moz-transition: all .1s ease;
        -ms-transition: all .1s ease;
        -o-transition: all .1s ease;
        /* transition: all .1s ease; */
        /* transition: all .1s ease; */
        top: 35px;
        border-top: solid 1px #fff;
    }
    .has-child-single:hover .nav__second-level {
        visibility: visible;
        background: rgba(255,255,255,0.9);
        z-index: 500;
    }

    li.nav__item-single.b:hover ul.mouse_represent {
        visibility: visible;
        /*-webkit-transition: all .0.1s ease;
        -moz-transition: all .0.1s ease;
        -ms-transition: all .0.1s ease;
        -o-transition: all .0.1s ease;
        transition: all .0.1s ease;
        transition: all .0.1s ease;*/
    }
    li.nav__item-single.b.special:hover ul.mouse_represent.special {
/*         visibility: visible;
        height: 30px;
        position: absolute;
        border-top: dotted 1px #006CD8; */
        left: -100%;
/*         top: 0px;
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all .0.1s ease;
        -moz-transition: all .0.1s ease;
        -ms-transition: all .0.1s ease;
        -o-transition: all .0.1s ease;
        transition: all .0.1s ease;
        transition: all .0.1s ease; */
    }
    .nav__second-level li:last-child {
        /* box-sizing: border-box; */
        border-bottom: none;
    }
    li.nav__item-single.b.special {
        /* box-sizing: border-box; */
    }
    ul.mouse_represent {
        position: absolute;
        width: 100%;
        left: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: visibility .0.1s ease;
        -moz-transition: visibility .0.1s ease;
        -ms-transition: visibility .0.1s ease;
        -o-transition: visibility .0.1s ease;
        transition: visibility .0.1s ease;
        visibility: hidden;
        z-index: 500;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        top: 0px;
    }
/*     ul.mouse_represent.special {
        position: absolute;
        left: -165px;
        left: -100%;
        width: 100%;
        margin: 0 auto;
        padding: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: all .0.1s ease;
        -moz-transition: all .0.1s ease;
        -ms-transition: all .0.1s ease;
        -o-transition: all .0.1s ease;
        transition: all .0.1s ease;
        transition: all .0.1s ease;
        visibility: hidden;
        z-index: 500;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        top: -2px;
    } */
    li.nav__item.nav__item-global.nav__item-single.c {
       width: 100%;
       background: rgba(255,255,255,0.9);
       /* transition: .1s; */
       display: block;
       /* box-sizing: border-box; */
       /* -webkit-box-sizing: border-box; */
       -moz-box-sizing: border-box;
       padding: 0;
       border-right: none;
       margin: 0;
	}
	li.nav__item.nav__item-global.nav__item-single.c:hover {
       background-color: #006dd9;
    }
    ul.nav__second-level.h {
		position: static;
	}
	li.line-2 {
		height: 45px;
	}
	li.line-2 > a {
		line-height: 22px;
	}
    .nav__item-single {
        text-align: center;
        position: relative;
        height: 30px;
		border-bottom: 1px dotted #006CD8;
    }
    .nav__item-single > a {
    /* position: absolute; */
    /* top: 0px; */
    /* left: 0px; */
    /* width: 100%; */
    /* height: 100%; */
        line-height: 30px;
        font-size: 12px;
        font-size: 1.2rem;
    color: #006dd9;
    display: block;
    }
    .nav__item-single__name {
    /* color: #006CD8; */
    }
    .copy__list__item--secPolicy {
        margin-left: 180px;
    }

}
/* ===================================================================================
 for SP max-width: 740px
 =================================================================================== */
@media screen and (max-width: 740px) {
     .fb_likeBtn {
        /* display: inline-block; */
        /* position: absolute; */
        /* bottom: 8px; */
        /* right: 70px; */
        margin-right: 40px;
        float: right;
        margin-top: 39px;
    }
    

    #head_logo a {
        display: inline-block;
        width: 60%;
        max-width: 190px;
    }
    body {
        width: 100%;
    }
    img {
        max-width: 100%;
        height: auto;
        width /***/: auto;
    }
    .boxShadow {
        box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 10px 0px;
        -moz-box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 10px 0px;
        -webkit-box-shadow:rgba(0, 0, 0, 0.3) 0px 0px 10px 0px;
    }
    .content-full {
        width: 100%;
        overflow: hidden;
    }
    .content {
        width: 96%;
        margin: 10% 2%;
    }
    .head {
        top: 0px;
        width: 100%;
        margin: 0 auto;
        height: 72px;
    }
    #head_logo {
        width: 88%;
        margin: 0 10% 0 2%;;
    }
    #head_logo img {
        margin-top: 1.5vw;
        /* width: 80%; */
    }
    #sp_menu {
        right: 3%;
        top: 20%;
        width: 50px;
        height: 50px;
    }
    #sp_nav {
        width: 100%;
        position: absolute;
        top: 76px;
        left: 0;
        background-color: rgba(0, 109, 217, 0.8);
        display: none;
        z-index: 1000;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    #sp_nav ul li {
        min-height: 50px;
        line-height: 50px;
        /* border-bottom: solid 1px; */
        color: #ffffff;
        position: relative;
    }
    #sp_nav ul li.has_child {
        height: auto;
    }
    #sp_nav ul li.has_child ul li {
        background: #ccc;
    }
    #sp_nav ul li a {
        text-decoration: none;
        color: #fff;
        font-size: 18px;
        font-size: 1.8rem;
        display: block;
        padding-left: 6.5%;
        border-bottom: solid 1px #fff;
    }
    .sp_subMenu {
        background-color: rgba(255,255,255,0.9);
        display: none;
    }
    .sp_awsLink {
        text-decoration: none;
        color: #fff;
        font-size: 18px;
        font-size: 1.8rem;
        display: block;
        padding-left: 6.5%;
        border-bottom: solid 1px #fff;
    }

    #sp_nav ul.sp_subMenu li a {
        color: #006dd9;
        border-bottom: solid 1px;
    }
    nav#gro {
        display: none;
    }
    .logo-large {
        margin: 10% 0;
    }
    #scrollTop {
        bottom: 7%;
        right: -2%;
    }
    .scrollTop__img {
        width: 70%;
    }
    .trademark {
        width: 92%;
        margin: 0 4% 4%;
        text-align: left;
    }
    .copy__list {
        width: 100%;
        padding: 2% 0;
    }
    .copy__list__item--privacy,
    .copy__list__item--secPolicy {
        position: relative;
        float: initial;
    }
    .sp_awsLink:after,
    #sp_nav ul li a:after {
        content: ">";
        position: absolute;
        right: 6.5%;
    }

    #sp_nav ul.sp_subMenu li a:after {
        content: '';
    }
	/* 20180717 */
	#sptopmenu {
        width: 100vw;
		height: 40px;
		background-color: gray;
	}
	#sptopmenu .logo-for-sp {
		float: left;
		width: 60px;
	}
	#sptopmenu .btn-asignment {
        background-image: right no-repeat url(../img/common/background-btn-asignment.png);
        background-size: auto 40px;
		
	}
    .global-header {
        width: 100vw;
        background-image: url(../img/common/cover_bg2.png);
        background-size: cover;
        background-repeat: no-repeat;
        margin: 0 auto;
        position: relative;
        z-index: 1;
    }
    .global-message {
        width: 100vw;
		padding: 5%;
    }
    .global-message-title {
		/*display: none;*/
		font-family: "Century Gothic",  sans-serif;
		font-size: 14px;
		/*font-weight: 500;*/
		color: #6E6E6E;
		/*padding-top: 370px;*/
		margin: 15vw 0 2vw 25vw;
   }
    .global-message-title img {
		width: 14px;
		margin-top: 1px;
	}
    .global-message-title img:hover {
		opacity: 0.5;
		filter: pick-up(opacity=50);
		-ms-filter: "pick-up(opacity=50)";
	}
	.global-message-contents {
		font-family: "りょう Display PlusN M",  serif;
		font-weight: 600;
		/*text-shadow: 2px 2px 2px black;*/
		/*text-shadow: 2px 2px 2px #ECECEC;*/
		margin-left: 25vw;
	}
	.global-message-contents-top {
		color: #6E6E6E;
		font-size: 18px;
		line-height: 1.2em;
	}
	.global-message-contents-bottom {
		color: #6E6E6E;
		font-size: 18px;
		line-height: 1.2em;
	}
	/* 20180807 */
	
	/* 20190111 */
	.global-message .company-main-contents {
		margin-top: 30px;
		margin-left: 25vw;
	}
	.global-message .company-main-contents li {
		float: left;
		width: 100px;
		margin: 5px 10px;
	}
	.global-message .company-main-contents li:first-child {
		margin-left: 0 !important;
	}
	.global-message .company-main-contents li:last-child {
		margin-right: 0 !important;
	}
	/* -20190111 */
	
	.global-bothering-area {
		height: auto;
		width: 85vw;
		margin: 25px 0 0 20px;
	}
	.global-bothering-title {
		padding-top: 20px;
		margin-left: 5px;
		width: 65%;
		margin-left: 30%;
	}
	.global-bothering-item li {
		position: relative;
		float: left;
		width: 33%;
		text-align: center;
		height: 30vw;
		color: #C2114F;
		list-style-type: none;
		background: right no-repeat url(../img/common/popup-devider.png), bottom center/15% no-repeat url(../img/common/down-arrow-red.png);
	}
	.global-bothering-item li img.item-icon {
		width: 50%;
	}
	.global-bothering-item li img.item-arrow {
		position: absolute;
		width: 15%;
		top: 35vw;
		margin: 0 0 0 20px;
	}
	.global-bothering-item li:last-child {
		background: bottom center/15% no-repeat url(../img/common/down-arrow-red.png);
	}
	/*.global-bothering-item li dt{
		position: absolute;
		font-family: "A-OTF UD新ゴ Pr6N L",sans-serif;
		font-size: 16px;
		width: 90%;
		top: 16vw;
	}*/
	.global-bothering-item li dd{
		position: absolute;
		width: 90%;
		font-family: "A-OTF UD新ゴ Pr6N L",sans-serif;
		font-size: 8px;
		top: 18vw
	}
	.global-bothering-item li:hover {
		opacity: 0.5;
		filter: pick-up(opacity=50);
		-ms-filter: "pick-up(opacity=50)";
		
	}


	#layer {
		display: none;
		position: absolute; 
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		background-color: black;
		opacity: 0;
	}
	.popup-contents-area { /* Fix */
		width: 100%;
		height: auto;
	}
	.popup-contents-area-title {
		width: 100%;
		height: auto;
		margin-top: 5%;
		margin-left: 3%;
	}
	.popup-contents-area-title h2 {
		font-family: "A-OTF UD新ゴ Pr6N L",sans-serif;
		font-size: 24px;
		font-weight: bold;
		color: white;
	}
	.popup-contents-area-contents {
		font-family: "A-OTF UD新ゴ Pr6N L",sans-serif;
		font-size: 8px;
		height: auto;
		color: white;
		padding: 4% 4%;
	}
	.popup-contents-area-block {
		width: 96%;
		height: auto;
		margin: 0 auto;
	}
	.popup-link-area {
		height: auto;
	}
	
	.popup-contents-area-title img {
		margin: 0 0 0 5vw;
		
	}
	.popup-contents-area-item li {
		float: left;
		width: 46%;
		height: 40%;
		margin: 2%;
		list-style: none;
	}

	.popup-contents-area-item li:hover {
		opacity: 0.7;
		filter: pick-up(opacity=70);
		-ms-filter: "pick-up(opacity=70)";
	}
	.popup-link-area-item li {
		float: left;
		list-style: none;
		width: 90%;
		margin: 4%;
		background-color: white;
		text-align: center;
	}
	.popup-link-area-item li:hover {
		opacity: 0.5;
		filter: pick-up(opacity=50);
		-ms-filter: "pick-up(opacity=50)";
	}
	.popup-link-area-item li:first-child {
		margin-left: 4%;
	}
	.popup-link-area-item li:last-child {
		margin-right: 0;
		margin-bottom: 10%;
	}
	.close-button {
		float: right;
		width: 4%;
		margin-top: 2%;
		margin-right: 2%;
	}
	.close-button:hover {
		opacity: 0.5;
		filter: pick-up(opacity=50);
		-ms-filter: "pick-up(opacity=50)";
	}
	.inquiry-button {
		/*position:absolute;*/
		position: relative;
		width: 92%;
		margin: 5% auto;
	}
	.inquiry-button img {
	}
	.inquiry-button:hover {
		opacity: 0.5;
		filter: pick-up(opacity=50);
		-ms-filter: "pick-up(opacity=50)";
	}
	
	/* /20180807 */
    .news2-box {
        /*width: 1000px;*/
		width: 100%;
        margin: 0 auto;
	}
	.news2__body {
		list-style: none;
	}
	.news2__body__item {
		overflow: hidden;
		font-size: 13px;
	}
	.news2-date {
		width: 15%;
		height: 30px;
		float: left;
		padding-top: 6px;
		color: #ffffff;
		background-color: dimgray;
		text-align: center;
		font-family: "Century Gothic",  sans-serif;
		font-size: 12px;
	}
	.news2-topic {
		font-family: "A-OTF UD新ゴ Pr6N L","ＭＳ ゴシック", sans-serif;
		font-size: 10px;
		width: 85%;
		height: 30px;
		float: left;
		background-color: lightgrey;
		padding-top:7px;
		padding-bottom:5px;
		padding-left: 10px;
		overflow: hidden;
	}
	.news2_list {
		font-family: "A-OTF UD新ゴ Pr6N L","ＭＳ ゴシック", sans-serif;
		font-size: 8px;
		float: right;
		padding-top: 10px;
		right: 0px;
		bottom: 0px;
	}
	/* /20180717 */

}