@charset "utf-8"; /* CSS Document */ body { color: #434343; } /*============================ ClearFix ============================*/ .clearFix::after { clear: both; display: block; content: ""; height: 0; line-height: 0; } .md_font_futura {font-family: "futura-pt", sans-serif; font-weight: 400; font-style: normal; } .md_font_futuraM {font-family: "futura-pt", sans-serif; font-weight: 500; font-style: normal; } .md_font_futuraD {font-family: "futura-pt", sans-serif; font-weight: 600; font-style: normal; } .md_font_futuraH {font-family: "futura-pt", sans-serif; font-weight: 700; font-style: normal; } .md_container { width: 1240px; margin: 0 auto; padding: 0 20px; position: relative; } /*============================ #partnersArea ============================*/ #partnersArea { overflow: hidden; } #partnersArea .mainPanel { height: 460px; background: url("/common_old/img/corporates/partners/bg_mainPanel.png") no-repeat center; position: relative; } #partnersArea .mainPanel h1 {} #partnersArea .mainPanel h1 img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } #partnersArea .about { padding: 100px 0; position: relative; } #partnersArea .about .mainTitle { position: absolute; right: 70px; top: -130px; } #partnersArea .about .mainTitle img {} #partnersArea .about .subTitle { font-size: 1.5em; font-weight: bold; padding-left: 35px; letter-spacing: 0.05em; position: relative; } #partnersArea .about .subTitle::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 25px; height: 2px; background: #000; } #partnersArea .about .subText { padding-top: 10px; } #partnersArea .about .subText p { margin-top: 30px; font-size: 1.125em; font-weight: bold; line-height: 2; letter-spacing: 0.05em; } #partnersArea .partners_booklet { padding: 160px 0 40px; position: relative; } #partnersArea .partners_booklet::before { content: ""; position: absolute; left: 50%; top: 50%; width: 3000px; height: 700px; background: #efebeb url("/common_old/img/corporates/partners/bg_booklet.png") no-repeat center; transform: translate(-50%, -50%) rotate(-12deg); z-index: -1; } #partnersArea .partners_booklet .partners_bookletContent { display: flex; align-items: center; } #partnersArea .partners_booklet .partners_bookletContent .image { margin-right: 70px; } #partnersArea .partners_booklet .partners_bookletContent .image a { display: block; transition: all .3s; } #partnersArea .partners_booklet .partners_bookletContent .image a:hover { opacity: 0.9; } #partnersArea .partners_booklet .partners_bookletContent .image a img { width: 240px; height: auto; box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, 0.1); } #partnersArea .partners_booklet .partners_bookletContent .image a figcaption { margin-top: 10px; text-align: center; } #partnersArea .partners_booklet .partners_bookletContent .text { flex: 1; } #partnersArea .partners_booklet .partners_bookletContent .text h2 { margin-top: -40px; } #partnersArea .partners_booklet .partners_bookletContent .text h2 .md_font_futuraD { font-size: 3.5em; color: #e91a2a; line-height: 1; } #partnersArea .partners_booklet .partners_bookletContent .text .subTitle { margin-top: 20px; font-size: 1.0125em; font-weight: bold; } #partnersArea .partners_booklet .partners_bookletContent .text p { margin-top: 20px; line-height: 2; } #partnersArea .partners_booklet .partners_bookletContent .text .button { margin-top: 30px; } #partnersArea .partners_booklet .partners_bookletContent .text .button a.mainBtn { display: inline-block; background: #222; width: 320px; padding: 15px 12px 15px; font-size: 0.9125em; color: #fff; font-weight: bold; margin-right: 30px; text-align: center; box-sizing: border-box; transition: all .3s; } #partnersArea .partners_booklet .partners_bookletContent .text .button a.lineBtn { display: inline-block; width: 320px; padding: 15px 12px 15px; font-size: 0.9125em; color: #222; font-weight: bold; border: solid 2px #222; text-align: center; box-sizing: border-box; transition: all .3s; } #partnersArea .partners_booklet .partners_bookletContent .text .button a:hover { opacity: 0.9; } #partnersArea .model { padding-top: 200px; } #partnersArea .model .modelContent { display: flex; align-items: center; } #partnersArea .model .modelContent .image { width: 625px; margin-right: 70px;} #partnersArea .model .modelContent .image img {} #partnersArea .model .modelContent .data { flex: 1; margin-top: -20px; } #partnersArea .model .modelContent .data h2 { color: #ff5a5f; font-size: 1.25em; line-height: 1.5; font-weight: bold; letter-spacing: 0.05em; } #partnersArea .model .modelContent .data h2 em { font-size: 1.125em; font-weight: bold; font-style: normal; } #partnersArea .model .modelContent .data .copy { margin-top: 20px; font-size: 1.125em; font-weight: bold; line-height: 2; } #partnersArea .model .modelContent .data .text { margin-top: 10px; line-height: 2; } #partnersArea .mission { background: #eae8e4; padding: 100px 0; } #partnersArea .mission h2 { text-align: center; position: relative; } #partnersArea .mission h2::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); height: 3px; background: #222; width: 100%; margin-top: 2px; z-index: 0; } #partnersArea .mission h2 span { display: inline-block; width: 260px; padding: 8px 0; font-size: 1.75em; font-weight: bold; letter-spacing: 0.1em; position: relative; background: #eae8e4; } #partnersArea .mission h2 span::before { content: ""; position: absolute; left: 0; top: 0; width: 10px; height: 100%; border: solid 3px #222; border-right: none; } #partnersArea .mission h2 span::after { content: ""; position: absolute; right: 0; top: 0; width: 10px; height: 100%; border: solid 3px #222; border-left: none; } #partnersArea .mission .en { margin-top: -12px; text-align: center; position: relative; z-index: 1;} #partnersArea .mission .en .md_font_futuraM { color: #777; font-size: 1.3125em; } #partnersArea .mission ul { margin: 40px 60px 0; } #partnersArea .mission ul li { float: left; width: 30%; margin-right: 5%; } #partnersArea .mission ul li:nth-child(3n) { margin-right: 0; } #partnersArea .mission ul li .image { text-align: center; } #partnersArea .mission ul li .image img { margin: 0 auto; } #partnersArea .mission ul li .title { margin-top: 30px; font-size: 1.5em; text-align: center; } #partnersArea .mission ul li .title span { display: inline-block; padding-bottom: 10px; border-bottom: solid 2px #222; font-weight: bold; } #partnersArea .mission ul li .text { margin-top: 30px; line-height: 2; font-weight: bold; } #partnersArea .concept { background: #595651; padding: 100px 0; } #partnersArea .concept .composition {} #partnersArea .concept .composition h2 { text-align: center; position: relative; } #partnersArea .concept .composition h2::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); height: 3px; background: #fff; width: 100%; margin-top: 2px; z-index: 0; } #partnersArea .concept .composition h2 span { display: inline-block; width: 260px; padding: 8px 0; font-size: 1.75em; font-weight: bold; letter-spacing: 0.1em; position: relative; background: #595651; color: #fff; } #partnersArea .concept .composition h2 span::before { content: ""; position: absolute; left: 0; top: 0; width: 10px; height: 100%; border: solid 3px #fff; border-right: none; } #partnersArea .concept .composition h2 span::after { content: ""; position: absolute; right: 0; top: 0; width: 10px; height: 100%; border: solid 3px #fff; border-left: none; } #partnersArea .concept .composition .en { margin-top: -12px; text-align: center; position: relative; z-index: 1;} #partnersArea .concept .composition .en .md_font_futuraM { color: #fff; font-size: 1.3125em; opacity: 0.5; } #partnersArea .concept .composition ul { margin-top: 40px; } #partnersArea .concept .composition ul li { float: left; width: 31.33333%; margin-right: 3%; border-radius: 10px; background: #fff; padding: 30px 30px 40px; text-align: center; box-sizing: border-box; } #partnersArea .concept .composition ul li:nth-child(3n) { margin-right: 0; } #partnersArea .concept .composition ul li .title { font-size: 2em; } #partnersArea .concept .composition ul li .text { margin-top: 10px; font-weight: bold; line-height: 1.75; } #partnersArea .concept .melit { margin-top: 80px; } #partnersArea .concept .melit h2 { text-align: center; position: relative; } #partnersArea .concept .melit h2::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); height: 3px; background: #fff; width: 100%; margin-top: 2px; z-index: 0; } #partnersArea .concept .melit h2 span { display: inline-block; width: 260px; padding: 8px 0; font-size: 1.75em; font-weight: bold; letter-spacing: 0.1em; position: relative; background: #595651; color: #fff; } #partnersArea .concept .melit h2 span::before { content: ""; position: absolute; left: 0; top: 0; width: 10px; height: 100%; border: solid 3px #fff; border-right: none; } #partnersArea .concept .melit h2 span::after { content: ""; position: absolute; right: 0; top: 0; width: 10px; height: 100%; border: solid 3px #fff; border-left: none; } #partnersArea .concept .melit .en { margin-top: -12px; text-align: center; position: relative; z-index: 1;} #partnersArea .concept .melit .en .md_font_futuraM { color: #fff; font-size: 1.3125em; opacity: 0.5; } #partnersArea .concept .melit ul { margin-top: 40px; } #partnersArea .concept .melit ul li { float: left; width: 31.33333%; margin-right: 3%; box-sizing: border-box; } #partnersArea .concept .melit ul li:nth-child(3n) { margin-right: 0; } #partnersArea .concept .melit ul li .image { background: #3b3834; border-radius: 10px; padding: 18px; display: flex; align-items: center; } #partnersArea .concept .melit ul li .image img { width: 50px; height: 50px; border-radius: 50px; margin-right: 10px; } #partnersArea .concept .melit ul li .image .name { font-size: 1.8125em; color: #fff; } #partnersArea .concept .melit ul li .title { margin-top: 20px; font-weight: bold; color: #fff; } #partnersArea .concept .melit ul li .text { margin-top: 10px; color: #fff; line-height: 1.75; } #partnersArea .corporates__partners { padding: 100px 0; } #partnersArea .corporates__partners h2 { position: relative; text-align: center; } #partnersArea .corporates__partners h2::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); height: 2px; border-bottom: solid 1px #ddd; width: 100%; z-index: 0; } #partnersArea .corporates__partners h2 span { display: inline-block; background: #fff; padding: 10px 40px;letter-spacing: 0.1em; position: relative; font-size: 2em; font-weight: bold; } #partnersArea .corporates__partners .en { margin-top: -12px; text-align: center; color: #aaa; font-size: 1.25em; position: relative; z-index: 1; } #partnersArea .corporates__partners .logo_list {} #partnersArea .corporates__partners .logo_list h3 { margin-top: 30px; margin-bottom: -20px; text-align: left; font-weight: 400; font-size: 2em; } #partnersArea .corporates__partners .logo_list ul {} #partnersArea .corporates__partners .logo_list ul li {} #partnersArea .corporates__partners .logo_list ul li a {} #partnersArea .corporates__partners .logo_list ul li a img.fade {} #partnersArea .corporates__partners .logo_list h4 {} #partnersArea .corporates__partners .logo_list ul li img.fade {} #partnersArea .partners_sub { padding: 100px 0; background: #efebeb; text-align: center; } #partnersArea .partners_sub h2.wh { font-size: 2em; letter-spacing: 0.2em; line-height: 1.25; } #partnersArea .partners_sub .airbnb_partners_logo { margin-top: 30px; text-align: center; } #partnersArea .partners_sub .airbnb_partners_logo img { margin: 0 auto; } #partnersArea .corporates_hosoku { text-align: center; } #partnersArea .corporates_hosoku p.att { margin-top: 10px; font-size: 0.875em; } @media only screen and (max-width: 767px){ .md_container { width: 100%; margin: 0 auto; padding: 0 20px; box-sizing: border-box; } /*============================ #partnersArea ============================*/ #partnersArea {} #partnersArea .mainPanel { height: 200px; background: url("/common_old/img/corporates/partners/bg_mainPanel.png") no-repeat center; background-size: cover; } #partnersArea .mainPanel h1 {} #partnersArea .mainPanel h1 img { width: 160px; height: auto; } #partnersArea .about { padding: 50px 0; } #partnersArea .about .mainTitle { position: absolute; right: 30px; top: -60px; } #partnersArea .about .mainTitle img { width: 90px; height: auto; } #partnersArea .about .subTitle { font-size: 1.375em; } #partnersArea .about .subTitle::before {} #partnersArea .about .subText { padding-top: 0; } #partnersArea .about .subText p { font-size: 0.875em; padding-right: 40px; } #partnersArea .about .subText p:first-child { padding-right: 120px; } #partnersArea .partners_booklet { padding: 50px 0; display: block; } #partnersArea .partners_booklet::before {} #partnersArea .partners_booklet .partners_bookletContent { display: block; align-items: center; } #partnersArea .partners_booklet .partners_bookletContent .image { margin-right: 0; margin-top: -60px; } #partnersArea .partners_booklet .partners_bookletContent .image a { text-align: center; } #partnersArea .partners_booklet .partners_bookletContent .image a:hover {} #partnersArea .partners_booklet .partners_bookletContent .image a img { width: 180px; height: auto; margin: 0 auto; } #partnersArea .partners_booklet .partners_bookletContent .image a figcaption { font-size: 0.875em; } #partnersArea .partners_booklet .partners_bookletContent .text {} #partnersArea .partners_booklet .partners_bookletContent .text h2 { margin-top: 10px; text-align: center; } #partnersArea .partners_booklet .partners_bookletContent .text h2 .md_font_futuraD { font-size: 2.5em; } #partnersArea .partners_booklet .partners_bookletContent .text .subTitle { margin-top: 15px; font-size: 1em; } #partnersArea .partners_booklet .partners_bookletContent .text p { margin-top: 15px; font-size: 0.875em; } #partnersArea .partners_booklet .partners_bookletContent .text .button { margin-top: 20px; } #partnersArea .partners_booklet .partners_bookletContent .text .button a.mainBtn { width: 100%; margin-right: 0; margin-bottom: 20px; } #partnersArea .partners_booklet .partners_bookletContent .text .button a.lineBtn { width: 100%; } #partnersArea .partners_booklet .partners_bookletContent .text .button a:hover {} #partnersArea .model { padding: 20px 0 50px; } #partnersArea .model .modelContent { display: block; } #partnersArea .model .modelContent .image { width: auto; margin-right: -30px; margin-left: -30px; } #partnersArea .model .modelContent .image img { width: 100%; height: auto; } #partnersArea .model .modelContent .data { margin-top: 30px; } #partnersArea .model .modelContent .data h2 { font-size: 1.125em; } #partnersArea .model .modelContent .data h2 em { font-size: 1.125em; font-weight: bold; font-style: normal; } #partnersArea .model .modelContent .data .copy { margin-top: 15px; font-size: 1em; } #partnersArea .model .modelContent .data .text { font-size: 0.875em; } #partnersArea .mission { padding: 50px 0; } #partnersArea .mission h2 {} #partnersArea .mission h2::before {} #partnersArea .mission h2 span { width: 200px; font-size: 1.5em; } #partnersArea .mission h2 span::before {} #partnersArea .mission h2 span::after {} #partnersArea .mission .en {} #partnersArea .mission .en .md_font_futuraM { color: #777; font-size: 1.25em; } #partnersArea .mission ul { margin: 0; } #partnersArea .mission ul li { float: inherit; width: 100%; margin-right: 0; margin-top: 20px; } #partnersArea .mission ul li:nth-child(3n) {} #partnersArea .mission ul li .image {} #partnersArea .mission ul li .image img { width: 120px; height: auto; } #partnersArea .mission ul li .title { margin-top: 20px; font-size: 1.375em; } #partnersArea .mission ul li .title span { padding-bottom: 10px; line-height: 1; } #partnersArea .mission ul li .text { margin-top: 20px; } #partnersArea .concept { padding: 50px 0; } #partnersArea .concept .composition {} #partnersArea .concept .composition h2 {} #partnersArea .concept .composition h2::before {} #partnersArea .concept .composition h2 span { width: 200px; font-size: 1.5em; } #partnersArea .concept .composition h2 span::before {} #partnersArea .concept .composition h2 span::after {} #partnersArea .concept .composition .en {} #partnersArea .concept .composition .en .md_font_futuraM {} #partnersArea .concept .composition ul { margin: 0; } #partnersArea .concept .composition ul li { float: inherit; width: 100%; margin-right: 0; margin-top: 20px; padding: 20px; } #partnersArea .concept .composition ul li:nth-child(3n) { margin-right: 0; } #partnersArea .concept .composition ul li .title { font-size: 1.75em; } #partnersArea .concept .composition ul li .text {} #partnersArea .concept .melit { margin-top: 50px; } #partnersArea .concept .melit h2 {} #partnersArea .concept .melit h2::before {} #partnersArea .concept .melit h2 span { width: 200px; font-size: 1.5em; } #partnersArea .concept .melit h2 span::before {} #partnersArea .concept .melit h2 span::after {} #partnersArea .concept .melit .en {} #partnersArea .concept .melit .en .md_font_futuraM { font-size: 1.25em; } #partnersArea .concept .melit ul { margin-top: 0; } #partnersArea .concept .melit ul li { float: inherit; width: 100%; margin-right: 0; margin-top: 20px; } #partnersArea .concept .melit ul li:nth-child(3n) { margin-right: 0; } #partnersArea .concept .melit ul li .image { padding: 15px; } #partnersArea .concept .melit ul li .image img { width: 50px; height: 50px; border-radius: 50px; margin-right: 10px; } #partnersArea .concept .melit ul li .image .name { font-size: 1.8125em; color: #fff; } #partnersArea .concept .melit ul li .title { margin-top: 15px; font-weight: bold; color: #fff; } #partnersArea .concept .melit ul li .text { margin-top: 10px; color: #fff; line-height: 1.75; } #partnersArea .corporates__partners { padding: 50px 0; } #partnersArea .corporates__partners h2 {} #partnersArea .corporates__partners h2::before {} #partnersArea .corporates__partners h2 span { padding: 10px 20px; font-size: 1.5em; } #partnersArea .corporates__partners .en {} #partnersArea .corporates__partners .logo_list {} #partnersArea .corporates__partners .logo_list h3 { margin-top: 20px; margin-bottom: 0; font-size: 1.5em; } #partnersArea .corporates__partners .logo_list ul {} #partnersArea .corporates__partners .logo_list ul li {} #partnersArea .corporates__partners .logo_list ul li a {} #partnersArea .corporates__partners .logo_list ul li a img.fade {} #partnersArea .corporates__partners .logo_list h4 {} #partnersArea .corporates__partners .logo_list ul li img.fade {} #partnersArea .partners_sub { padding: 50px 20px; } #partnersArea .partners_sub h2.wh { font-size: 1.5em; letter-spacing: 0.1em; line-height: 1.375; } #partnersArea .partners_sub .airbnb_partners_logo { margin-top: 20px; } #partnersArea .partners_sub .airbnb_partners_logo img { width: 200px; height: auto; } #partnersArea .corporates_hosoku { text-align: left; padding: 0 20px; } #partnersArea .corporates_hosoku p.att {} }