/*============================
commmon
============================*/
img.w100p { width: 100%; }

div.innerMiddle { width: 800px; }

/*============================
PC
============================*/
@media screen and (min-width: 768px) { .pc_br::before { content: "\A"; white-space: pre; } }

body#ar2018 { max-width: 1200px; /*============================
PC - header#header
============================*/ /*============================
PC - section common
============================*/ /*============================
PC - section#top
============================*/ /*============================
PC - section#about
============================*/ /*============================
PC - section#value
============================*/ /*============================
PC - section#strategy
============================*/ /*============================
PC - section#details
============================*/ /*============================
PC - footer#footer
============================*/ /*============================
SP
============================*/ }

body#ar2018 header#header { border-bottom: none; }

body#ar2018 header#header h1.logo a { width: 450px; height: 115px; padding-left: 30px !important; }

body#ar2018 section { margin-bottom: 100px; }

body#ar2018 section h2 { margin-top: 0; }

body#ar2018 section h3 img { width: 100%; }

body#ar2018 section p.txtCenter strong { font-size: 1.25em; }

body#ar2018 section div.conciergeBox { position: relative; padding-top: 10px; }

body#ar2018 section div.conciergeBox img { top: -5px; z-index: 1; width: 165px; position: absolute; }

body#ar2018 section div.conciergeBox p { padding: 30px 35px 30px 120px; margin: 15px 0 0 65px; font-weight: bold; }

body#ar2018 section img.hr_tri { margin-top: 35px; width: 100%; }

body#ar2018 section .contentsListBox { background-color: #f2f5fa; padding: 20px 20px 15px; margin: 20px 0 90px; font-size: 0.81em; }

body#ar2018 section .contentsListBox h4 { font-size: 1.9em; line-height: 1.0; }

body#ar2018 section .contentsListBox h4 strong { font-weight: 700; }

body#ar2018 section .contentsListBox p { line-height: 1.0; margin-bottom: 10px; }

body#ar2018 section .contentsListBox ul { display: flex; flex-flow: column wrap; border-bottom: #969baf dotted 1px; margin-top: 0; margin-bottom: 20px; padding-bottom: 15px; padding-left: 20px; font-size: 1.25em; }

body#ar2018 section .contentsListBox ul li { width: 50%; }

body#ar2018 section .contentsListBox a { margin: 10px auto; width: 350px; }

body#ar2018 section .roundBtn { text-decoration: none; display: flex; align-items: center; justify-content: center; color: #fff; background-color: #3c80c1; border-radius: 60px; margin-top: 10px; margin-bottom: 10px; padding: 10px 25px; transition: opacity 0.3s; }

body#ar2018 section .roundBtn img { margin-right: 10px; width: 20px; }

body#ar2018 section .roundBtn span { font-size: 1.4em; line-height: 1.0; }

body#ar2018 section .roundBtn:hover { opacity: 0.7; }

body#ar2018 section#top { margin-top: 0; }

body#ar2018 section#top h2 img { width: 100%; }

body#ar2018 section#top div.localmenu { padding: 40px; background-color: #f2f5fa; }

body#ar2018 section#top div.localmenu ul { margin: 0 auto; padding-left: 0; list-style: none; display: flex; justify-content: space-between; align-items: flex-start; width: 800px; }

body#ar2018 section#top div.localmenu ul li { text-align: center; width: 180px; }

body#ar2018 section#top div.localmenu ul li a:hover { text-decoration: none; }

body#ar2018 section#top div.localmenu ul li.about a { color: #3c80c1; }

body#ar2018 section#top div.localmenu ul li.value a { color: #0d8294; }

body#ar2018 section#top div.localmenu ul li.strategy a { color: #1b8554; }

body#ar2018 section#top div.localmenu ul li p { line-height: 1.3; font-weight: bold; font-size: 1.125em; margin: 10px 0; }

body#ar2018 section#top div.localmenu ul li img.icon { width: 80px; }

body#ar2018 section#top div.localmenu ul li img.arrow { width: 20px; }

body#ar2018 section#about .sectionColor { color: #3c80c1; }

body#ar2018 section#about div.conciergeBox p { color: #3c80c1; background-color: #e3f5fd; }

body#ar2018 section#about div.conciergeBox img.hr_tri { margin-top: 15px; }

body#ar2018 section#about .linkBox { width: 100%; height: auto; margin-bottom: 50px; position: relative; }

body#ar2018 section#about .linkBox a { transition: opacity 0.3s; text-decoration: none; color: #000; }

body#ar2018 section#about .linkBox a .visualImg { width: 100%; }

body#ar2018 section#about .linkBox a .visualText { position: absolute; top: 0; width: 520px; height: 446px; padding: 40px 65px; display: flex; flex-flow: column; justify-content: space-between; }

body#ar2018 section#about .linkBox a .visualText .visualTitle { font-size: 1.75em; font-weight: bold; padding: 0; margin: 0; color: #3c80c1; }

body#ar2018 section#about .linkBox a .visualText ul { margin: 0; }

body#ar2018 section#about .linkBox a .visualText p { margin: 0; }

body#ar2018 section#about .linkBox a .visualText .roundBtn { width: 350px; font-size: 1.14em; line-height: 1.0; }

body#ar2018 section#about .linkBox a:hover { opacity: 0.7; }

body#ar2018 section#about .detailsBtn { display: flex; align-items: flex-start; margin-bottom: 60px; }

body#ar2018 section#about .detailsBtn img { width: 35px; margin-right: 10px; margin-top: 5px; }

body#ar2018 section#about .detailsBtn span { text-decoration: underline; }

body#ar2018 section#about .detailsBtn:hover { opacity: 0.7; }

body#ar2018 section#value .sectionColor { color: #0d8294; }

body#ar2018 section#value div.conciergeBox p { color: #0d8294; background-color: #dff4f6; }

body#ar2018 section#value div.conciergeBox img.hr_tri { margin-top: 70px; }

body#ar2018 section#value .contentsListBox ul { height: 105px; }

body#ar2018 section#value .roundBtn { background-color: #0d8294; }

body#ar2018 section#strategy .sectionColor { color: #1b8554; }

body#ar2018 section#strategy div.conciergeBox p { color: #1b8554; background-color: #e5fef2; }

body#ar2018 section#strategy div.conciergeBox img.hr_tri { margin-top: 40px; }

body#ar2018 section#strategy .contentsListBox ul { height: 165px; }

body#ar2018 section#strategy p.txtCenter strong { font-size: 1.25em; }

body#ar2018 section#strategy .roundBtn { background-color: #1b8554; }

body#ar2018 section#details { border-top: #757e91 solid 1px; margin-bottom: 20px; padding-top: 80px; }

body#ar2018 section#details h3 { font-size: 1.25em; }

body#ar2018 section#details div.detailsMenu { display: flex; justify-content: space-between; width: 100%; margin: 0 auto 95px; }

body#ar2018 section#details div.detailsMenu div { background-color: #f2f5fa; padding: 5px 10px 10px; width: 24%; }

body#ar2018 section#details div.detailsMenu div h4 { text-align: center; font-size: 1.0em; color: #3c80c1; margin: 15px 0; font-weight: bold; line-height: 1.0; }

body#ar2018 section#details div.detailsMenu div div { border-top: #969baf dotted 1px; width: 100%; padding-bottom: 0; }

body#ar2018 section#details div.detailsMenu div div a.roundBtn { padding: 5px 20px; }

body#ar2018 section#details div.detailsMenu div div a.roundBtn span { font-size: 1em; line-height: 1.0; }

body#ar2018 section#details div.detailsMenu div ul { padding: 0 0 0 15px; margin: 0; font-size: 0.81em; }

body#ar2018 section#details div.pdfLinkBox { background-color: #c8e5f7; padding: 45px; text-align: center; }

body#ar2018 section#details div.pdfLinkBox a { margin: 0 auto; width: 720px; }

body#ar2018 section#details div.footerMenu { background-color: #f2f5fa; padding: 30px 30px 15px; }

body#ar2018 section#details div.footerMenu p { text-align: center; font-weight: bold; font-size: 1.125em; margin-bottom: 35px; }

body#ar2018 section#details div.footerMenu ul.lv1 { display: flex; flex-flow: row wrap; font-weight: bold; list-style: none; padding: 0; align-content: space-between; justify-content: space-around; font-size: 0.815em; margin: 0; }

body#ar2018 section#details div.footerMenu ul.lv1 li { width: 21%; margin-left: 4%; }

body#ar2018 section#details div.footerMenu ul.lv1 li ul.lv2 { display: flex; flex-flow: column wrap; font-weight: normal; list-style: disc; padding-left: 12px; font-size: 0.925em; }

body#ar2018 section#details div.footerMenu ul.lv1 li ul.lv2 li { width: 100%; margin-left: 0; }

body#ar2018 section#details div.footerMenu ul.lv1 li ul.lv2 li:last-child { margin-bottom: 40px; }

body#ar2018 footer#footer { margin-bottom: 20px; text-align: center; font-size: 0.75em; }

body#ar2018 footer#footer .corporateLinkBtn { text-decoration: none; display: flex; align-items: center; justify-content: center; color: #fff; background-color: #0950a2; margin: 10px auto 40px; padding: 25px 20px; width: 350px; transition: opacity 0.3s; }

body#ar2018 footer#footer .corporateLinkBtn img { margin-right: 15px; width: 22px; }

body#ar2018 footer#footer .corporateLinkBtn span { font-size: 1.35em; line-height: 1.0; }

body#ar2018 footer#footer .corporateLinkBtn:hover { opacity: 0.7; }

body#ar2018 footer#footer .termsBox { margin: 0 auto; text-align: center; width: 940px; }

body#ar2018 footer#footer .termsBox p { text-align: left; line-height: 1.2em; margin-bottom: 30px; }

body#ar2018 footer#footer .termsBox p.copyright { color: #444444; text-align: center; margin-bottom: 20px; }

body#ar2018 footer#footer .termsBox ul { display: flex; list-style: none; justify-content: center; flex-flow: row nowrap; margin-bottom: 30px; padding-left: 0; }

body#ar2018 footer#footer .termsBox ul li + li { margin-left: 50px; }

body#ar2018 #pagetop { position: fixed; right: 10px !important; width: 50px; z-index: 7; }

body#ar2018 #pagetop a img { width: 100%; }

@media screen and (max-width: 767px) { body#ar2018 { width: 100vw; /*============================
SP - header#header
============================*/ /*============================
SP - section common
============================*/ /*============================
SP - section#top
============================*/ /*============================
SP - section#about
============================*/ /*============================
SP - section#value
============================*/ /*============================
SP - section#strategy
============================*/ /*============================
SP - section#details
============================*/ /*============================
SP - footer#footer
============================*/ }
  body#ar2018 .innerLarge { padding: 0; width: 100vw; }
  body#ar2018 .innerLarge .innerMiddle { width: 100vw; padding: 0 3.5vw; }
  body#ar2018 .sp_br::before { content: "\A"; white-space: pre; }
  body#ar2018 p { font-size: 3.7vw; }
  body#ar2018 .roundBtn { border-radius: 13.33vw !important; padding: 2.67vw !important; }
  body#ar2018 header#header h1.logo { padding-right: 20px !important; }
  body#ar2018 header#header h1.logo a { max-width: 430px; width: 100%; height: 130px; padding-left: 10px !important; padding-bottom: 10px !important; }
  body#ar2018 section { margin-bottom: 13.33vw; }
  body#ar2018 section .cntBlock { margin-top: 6.67vw; }
  body#ar2018 section h3 { margin-bottom: 6.67vw; }
  body#ar2018 section h4 { margin-bottom: 2vw; line-height: 1.2; }
  body#ar2018 section h4 strong { font-size: 5.33vw !important; }
  body#ar2018 section div.conciergeBox { padding-top: 10px; }
  body#ar2018 section div.conciergeBox img { top: -0.7vw; width: 24.67vw; }
  body#ar2018 section div.conciergeBox p { padding: 4vw 5.33vw 4vw 19vw; margin: 2vw 0 0 9%; font-size: 3.73vw; }
  body#ar2018 section img.hr_tri { margin-top: 5.33vw; }
  body#ar2018 section .contentsListBox { padding: 4vw; margin-bottom: 14vw; }
  body#ar2018 section .contentsListBox p strong { font-size: 3.4vw; }
  body#ar2018 section .contentsListBox ul { padding: 0 3.33vw 2.67vw; margin-bottom: 3.33vw; flex-flow: row wrap; }
  body#ar2018 section .contentsListBox ul li { width: 100vw; font-size: 3.15vw; }
  body#ar2018 section .contentsListBox a { width: 100%; }
  body#ar2018 section .roundBtn { width: 100%; margin-left: 0; margin-right: 0; }
  body#ar2018 section .roundBtn img { width: 4.67vw; margin-right: 2.67vw; }
  body#ar2018 section .roundBtn span { font-size: 4.3vw; }
  body#ar2018 section#top { margin-top: 0; }
  body#ar2018 section#top h2 { margin-bottom: 4vw; }
  body#ar2018 section#top h2 img { width: 100%; }
  body#ar2018 section#top div.localmenu { margin-top: 5.33vw; padding: 2.67vw 1.33vw 5.33vw; }
  body#ar2018 section#top div.localmenu p.txtCenter strong { font-size: 1.115em; }
  body#ar2018 section#top div.localmenu ul { width: 100%; padding: 0; }
  body#ar2018 section#top div.localmenu ul li { width: 33%; }
  body#ar2018 section#top div.localmenu ul li a { text-align: center; display: flex; flex-flow: column nowrap; justify-content: center; align-items: center; align-content: space-between; }
  body#ar2018 section#top div.localmenu ul li img.icon { width: 18.67vw; }
  body#ar2018 section#top div.localmenu ul li p { margin: 2vw 0 1.55vw; font-size: 3.6vw; height: 8.67vw; }
  body#ar2018 section#top div.localmenu ul li img.arrow { width: 5.33vw; }
  body#ar2018 section#about .linkBox { margin-bottom: 6.67vw; }
  body#ar2018 section#about .linkBox a { position: static; }
  body#ar2018 section#about .linkBox a .visualImg img { width: 100%; height: auto; }
  body#ar2018 section#about .linkBox a .visualText { background-color: #f2f5fa; position: static; width: 100%; height: 20%; padding: 2% 4%; }
  body#ar2018 section#about .linkBox a .visualText .visualTitle { font-size: 5.33vw; }
  body#ar2018 section#about .linkBox a .visualText ul { font-size: 3.15vw; }
  body#ar2018 section#about .linkBox a .visualText .roundBtn { width: 100%; font-size: 4.3vw; margin: 4vw 0; }
  body#ar2018 section#about .linkBox a:hover { opacity: 0.7; }
  body#ar2018 section#about .detailsBtn { margin-bottom: 8vw; }
  body#ar2018 section#about .detailsBtn img { width: 8vw; margin-right: 2.67vw; }
  body#ar2018 section#about .detailsBtn span { margin-top: 1.33vw; width: 90%; font-size: 3.6vw; }
  body#ar2018 section#value .contentsListBox ul { min-height: 38vw; height: auto; }
  body#ar2018 section#strategy .contentsListBox ul { min-height: 55.33vw; height: auto; }
  body#ar2018 section#details { margin-bottom: 2.67vw; padding-top: 10.67vw; }
  body#ar2018 section#details h3 { font-size: 4.3vw; }
  body#ar2018 section#details div.detailsMenu { display: flex; flex-flow: column; width: 94%; margin: 0 auto 5.33vw; }
  body#ar2018 section#details div.detailsMenu div { padding: 1.33vw 4vw 2.67vw; width: 100%; margin-bottom: 8vw; display: flex; flex-flow: column; }
  body#ar2018 section#details div.detailsMenu div h4 { padding-bottom: 0.67vw; font-size: 5vw; order: 1; margin: 3.33vw 0 0; }
  body#ar2018 section#details div.detailsMenu div div { order: 3; margin-top: 2.67vw; padding: 2.67vw 0 0; margin-bottom: 0; padding-bottom: 0; }
  body#ar2018 section#details div.detailsMenu div div a.roundBtn { width: 56.67vw; margin: 1.33vw auto; }
  body#ar2018 section#details div.detailsMenu div div a.roundBtn span { font-size: 4.3vw; }
  body#ar2018 section#details div.detailsMenu div ul { margin: 2.67vw 2vw 0; display: flex; flex-flow: column; order: 2; font-size: 3.2vw; }
  body#ar2018 section#details div.detailsMenu div ul li { width: 100%; }
  body#ar2018 section#details div.pdfLinkBox { padding: 6.67vw 4vw; }
  body#ar2018 section#details div.pdfLinkBox a img { width: 100%; }
  body#ar2018 section#details .roundBtn { margin: 1.33vw 0; padding: 1.33vw 2.67vw; }
  body#ar2018 section#details div.footerMenu { padding-left: 2.67vw; }
  body#ar2018 section#details div.footerMenu p { font-size: 4.3vw; margin-bottom: 5.33vw; }
  body#ar2018 section#details div.footerMenu ul.lv1 li { font-size: 3.2vw; width: 100%; margin-left: 0; }
  body#ar2018 section#details div.footerMenu ul.lv1 li ul.lv2 { padding-left: 1.33vw; }
  body#ar2018 section#details div.footerMenu ul.lv1 li ul.lv2 li { font-size: 3.2vw; margin-left: 2.67vw; }
  body#ar2018 section#details div.footerMenu ul.lv1 li ul.lv2 li:last-child { margin-bottom: 5.33vw; }
  body#ar2018 footer#footer { width: 94%; margin: 0 auto 17.33vw; }
  body#ar2018 footer#footer div.innerLarge { padding: 0; }
  body#ar2018 footer#footer .cntBlock { padding: 0; width: 100%; }
  body#ar2018 footer#footer .corporateLinkBtn { margin: 4vw auto 8vw; padding: 5.33vw 2.67vw; width: 100%; }
  body#ar2018 footer#footer .corporateLinkBtn img { width: 5.33vw; margin-right: 2vw; }
  body#ar2018 footer#footer .corporateLinkBtn span { font-size: 3.7vw; line-height: 1.0; }
  body#ar2018 footer#footer .termsBox { width: 100%; }
  body#ar2018 footer#footer .termsBox p { line-height: 1.5; font-size: 3.2vw; }
  body#ar2018 footer#footer .termsBox p.copyright { font-size: 2.8vw; }
  body#ar2018 footer#footer .termsBox ul { font-size: 3.7vw; padding: 0; flex-flow: column; }
  body#ar2018 footer#footer .termsBox ul li + li { margin-left: 0; margin-top: 3.33vw; }
  body#ar2018 #pagetop { position: fixed; right: 10px !important; width: 12vw; z-index: 7; }
  body#ar2018 #pagetop a img { width: 100%; } }

/*============================
english
============================*/
body#ar2018.english { /*============================
english PC
============================*/ /*============================
english PC - section#about
============================*/ /*============================
english PC - section#value
============================*/ /*============================
english PC - section#strategy
============================*/ /*============================
english SP
============================*/ }

body#ar2018.english header#header h1.logo { margin: 15px 0 0; display: inline-block; padding: 0 1rem .5rem; }

body#ar2018.english header#header h1.logo a img { width: 587px; height: 80px; }

body#ar2018.english section#about .contentsListBox ul { height: 135px; }

body#ar2018.english section#value .contentsListBox ul { height: 105px; }

body#ar2018.english section#strategy .contentsListBox ul { height: 195px; }

body#ar2018.english section#strategy .contentsListBox ul li { width: 50%; padding-right: 5%; }

@media screen and (max-width: 767px) { body#ar2018.english { /*============================
english PC - section#about
============================*/ /*============================
english SP - section#strategy
============================*/ }
  body#ar2018.english header#header { width: 100vw; padding-bottom: 10px; height: 17vw; }
  body#ar2018.english header#header h1.logo { margin: 10px 10px 0; padding: 0; height: 17vw; }
  body#ar2018.english header#header h1.logo a { height: 11.3vw; }
  body#ar2018.english header#header h1.logo a img { width: 85.5vw; height: 11.3vw; text-align: left; vertical-align: top; }
  body#ar2018.english .contentsListBox ul { height: auto; }
  body#ar2018.english section#about .contentsListBox ul { height: auto; }
  body#ar2018.english section#strategy .contentsListBox ul { min-height: 60vw; }
  body#ar2018.english section#strategy .contentsListBox ul li { width: 100%; padding-right: 0; } }