@charset "utf-8";
@import "https://fonts.googleapis.com/css?family=Open+Sans:400,600,700&display=swap";
body{font-family:'Open Sans','Lucida Sans W01', 'Arial', 'Helvetica', 'メイリオ', 'Meiryo', sans-serif}.jptop{font-size:1.6rem;position:relative;z-index:4}.jptop .row>div{background:#fff;margin:40px 0 0 0;border-radius:4px;box-sizing:border-box}.brand-area--level4{background:#ddd;font-size:1.6rem;color:#FF0004}.brand-area--level4>.row{display:table;width:100%;height:100%}.brand-area--level4>.row>div{display:table-cell;vertical-align:middle;float:none;padding:80px 0 120px 0}.brand-area--level4>.row>div>div{background:#fff;text-align:center;border-radius:4px}.brand-area--level4>.row>div>div p+p{margin:20px 0 0 0}.brand-area--level4+.search-contact-us{background:none}.news .row .news-list__title__importantinfo:after{vertical-align:top;content:"";display:inline-block;width:37px;height:1.4em;background:url(/jp-ja/shared/img/icon_info.png) no-repeat right -5px}.header__function .header__function__search .header__function__search__form{top:60px}.pc .header__nav>ul>li .second-wrap{height:665px}.pc .header__nav>ul>li .second-wrap>.row{height:605px}.pc .product .gnavi-2nd-block>li .third-wrap .gnavi-3rd-block{height:535px}@media only screen and (max-width: 719px){.jptop{padding:0 10px}.jptop .row>div{padding:10px}.brand-area--level4>.row>div>div{margin:0 10px;padding:10px}}@media only screen and (min-width: 720px){.jptop .row>div{padding:20px}.brand-area--level4>.row>div>div{padding:30px 10px}}

h1,h2,h3,h4,h5,h6,p{margin: 0;} 
img{max-width: 100%;}
.block-container{max-width: 1220px;margin: 0 auto;padding: 0 15px;}
.block-title{font-size: 24px;line-height: 1.29;font-weight: normal;margin-bottom: 18px;}
.block-description{font-size: 16px;line-height: normal;color: #11110f;}

/* Button style */
.services-block .btn,.opportunity-block .btn{border-radius: 4px;text-align: center;box-shadow: none;border: 1px solid #8a6fb4;font-size: 14px;font-weight: bold;color: #fefefe;padding: 11px 18px;background: #8a6fb4;line-height: 18px;text-transform: uppercase;cursor: pointer;display: flex;align-items: center;}
.opportunity-block .btn-primary{background: #0062c2;border: 1px solid #0062c2;}
.services-block .btn .arrow,.opportunity-block .btn .arrow{margin-left: 8px;filter: brightness(0) invert(1);}
.services-block .btn:hover,.opportunity-block .btn:hover{background: #fff;color: #8a6fb4;}
.services-block .btn:hover .arrow,.opportunity-block .btn:hover .arrow{filter: brightness(1);}
.opportunity-block .btn-primary:hover{color: #0062c2;}

/* Banner-block */
.banner-block{width: 100%;background: #eeecea;}
.banner-block .banner-img img,.banner-block .banner-img video{width: 100%;}
.banner-img img:last-child{display: none;}
.banner-img video:last-child{display: none;}

/* what-is-rethink-block */
.what-is-rethink-block{padding: 58px 0 40px 0;}
.what-is-rethink-inner {display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;background: #e2f3fa;padding: 60px 50px;}
.rethink-details {width: calc(50% - 60px);margin-right: 60px;}
.rethink-video{width: 50%;}
.rethink-video img{width: 100%;}
.rethink-details .block-title{color: #0062c6;}

/* our-manifesto-block */
.our-manifesto-block{padding-bottom: 40px;}
.our-manifesto-inner{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;border: solid 1px #d2ebe8;}
.our-manifesto-details {width: calc(50% - 100px);height: 100%;padding: 50px;}
.our-manifesto-img{width: 50%;background: #d2ebe8;display: flex;align-items: center;justify-content: center;}
.our-manifesto-details .block-title{color: #00a0b9;}

/* card-wrapper */

.card-wrapper{display: flex;flex-wrap: wrap;}
.card-box{margin-bottom: 40px;}
.card-img{height: 238px;width: 100%;margin-bottom: 20px;}
.card-img img{width: 100%;height: 100%;object-fit: cover;}
.card-text .card-title{font-size: 20px;font-weight: normal;line-height: 1.2;color: #8a6fb4;margin-bottom: 12px;}
.card-text .card-description{font-size: 14px;font-weight: normal;line-height: 1.43;color: #11110f;margin-bottom: 20px;}
.card-button{display: inline-block;}	
.card-button a{text-decoration: none;}

/* services-block */
.services-block .card-wrapper{margin: 0 -12px;margin-bottom: 40px;}
.services-block .card-box{width: calc(50% - 24px);margin: 0 12px;}

/* opportunity-block */
.opportunity-block{padding-bottom: 40px;}
.opportunity-inner{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;border: solid 1px #a7d1ee;}
.opportunity-details {width: calc(50% - 120px);height: 100%;padding: 50px;padding-left: 70px;}
.opportunity-img{width: 50%;}
.opportunity-img img{width: 100%;display: block;}
.opportunity-details .block-title{color: #00a0b9;}
.opportunity-details .officer-word{font-size: 24px;font-weight: normal;line-height: 1.29;color: #0062c2;margin-bottom: 20px;position: relative;}
.opportunity-details .officer-word::after{position: absolute;content: "“";top: 0;left: -15px;}
.opportunity-details .officer-name{font-size: 14px;font-weight: normal;line-height: 1.43;display: block;color: #0062c2;}
.opportunity-details .officer-post{font-size: 14px;font-weight: normal;line-height: 1.43;color: #11110f;margin-bottom: 22px;display: block;}


@media only screen and (max-width: 719px) {
	.jptop {
		padding: 0 10px
	}
	.jptop .row>div {
		padding: 10px
	}
	.brand-area--level4>.row>div>div {
		margin: 0 10px;
		padding: 10px
    }

    /* Banner */
    .banner-img img{display: none;}
	.banner-img img:last-child{display: block;}
	.banner-img video{display: none;}
    .banner-img video:last-child{display: block;}

    /* what-is-rethink-block */
    .what-is-rethink-inner{padding: 0;}
    .rethink-details {width: 100%;margin-right: 0;order: 2;text-align: center;padding: 20px;}
    .rethink-video {width: 100%;order: 1;}

    /* our-manifesto-block */
    .our-manifesto-img {width: 100%;}
    .our-manifesto-details {width: 100%;padding: 20px;text-align: center;}

    /* card-wrapper */
    .card-img{margin-bottom: 14px;}
    .card-text{text-align: center;}
    .card-text .card-title{margin-bottom: 14px;}
    .card-text .card-description{margin-bottom: 22px;}

    /* services-block */
    .services-block .card-wrapper{margin: 0;margin-bottom: 0;}
    .services-block .card-box{width: 100%;margin-bottom: 50px;}

    /* opportunity-block */
    .opportunity-img {width: 100%;}
    .opportunity-details {width: 100%;padding: 20px 20px 35px 35px;}
}

@media only screen and (min-width: 720px) {
	.jptop .row>div {
		padding: 20px
	}
	.brand-area--level4>.row>div>div {
		padding: 30px 10px
	}
}


/*# sourceMappingURL=config.css.map */