@charset "UTF-8";
/************************************** base
***************************************/
/* ---------------------------------------------------------
スタイルリセット
----------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-style: normal; font-weight: normal; }

h1, h2, h3, h4, h5, h6, td, th, p, ul, li, dt, dd { font-size: 1em; }

ul li { list-style: none; }

article, header, footer, aside, figure, figcaption, nav, section { display: block; }

body { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }

img { vertical-align: bottom; }

div { font-size: 16px; }

.baseImg { max-width: 100%; }

.pc { display: block; }

.sp { display: none; }

.error { color:  #B70000; margin-top: 2px; font-size: 80%; }

/* ---------------------------------------------------------
変数
----------------------------------------------------------*/
/*break point
-----------------------*/
/*color
-----------------------*/
/*font family
-----------------------*/
/*$fontFamily: Helvetica Neue, Helvetica, Arial, '游ゴシック', YuGothic, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;*/
/*$fontFamily: 'Tsukushi A Round Gothic', 'Tsukushi B Round Gothic', 'ヒラギノ丸ゴ Pro W4', 'ヒラギノ丸ゴ Pro',  'Hiragino Maru Gothic Pro', '游ゴシック', YuGothic, 'Hiragino Kaku Gothic ProN', 'HG丸ｺﾞｼｯｸM-PRO', 'HGMaruGothicMPRO', Meiryo, sans-serif;*/
/*

$fontFamily: Helvetica Neue, Helvetica, Arial, '游ゴシック', YuGothic, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
font-family: Helvetica Neue, Helvetica, Arial, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
font-family: 'Times New Roman', '游明朝', YuMincho, 'Hiragino Mincho ProN', Meiryo, serif;
font-family: 'Times New Roman', 'Hiragino Mincho ProN', Meiryo, serif;
*/
/* ---------------------------------------------------------
mixin
----------------------------------------------------------*/
/*メディアクエリ
-----------------------*/
/*  clearfix
-----------------------*/
/*  font-size
-----------------------*/
/*  font-style futura pt
-----------------------*/
/*  transition
-----------------------*/
/* render text
----------------------*/
/* ---------------------------------------------------------
初期設定
----------------------------------------------------------*/
html { color: #000; background-color: #fff; font-size: 16px; line-height: 1.2; letter-spacing: normal; min-width: 1200px; font-family: Helvetica Neue, Helvetica, Arial, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; }

body { font-family: Helvetica Neue, Helvetica, Arial, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; }

html, body { position: relative; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }

a { text-decoration: none; color: #000; }

img { width: 100%; height: auto; }

table { width: 100%; border-collapse: collapse; }

.clearfix::before, .clearfix::after { content: ''; background-image: none; display: table; }
.clearfix::after { clear: both; }

body { padding: 0; margin: 0; font-family: Helvetica Neue, Helvetica, Arial, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif; }
body.xmas { background-color: #00458C; }

h3, h1 { font-weight: normal; margin: 0; }

img { width: 100%; height: auto; }

.mainContainer { background-color: white;}

header { position: relative; }
header h2 { border-bottom: 1px solid #000; padding: 15px 0; font-size: 24px; text-align: center; }
header .headerBackground { display: flex; height: 426px; }
header .headerBackground .headerBox1 { width: 50%; background-color: #009444; }
header .headerBackground .headerBox2 { width: 50%; background-color: #D02332; }
header .headerBanner { border: 6px solid #06458C; border-radius: 20px; margin: 0 auto; margin-top: 50px; width: 100%; max-width: 600px; background-color: #008CD6; }
header .headerBanner h3 { padding: 10px 0; font-size: 33px; font-weight: 900; text-align: center; color: #fff; }
header .headerBanner h4 { padding: 10px 0; font-size: 21px; font-weight: 900; text-align: center; color: #fff; }
header .headerBanner p { padding: 15px 0; font-size: 33px; font-weight: 900; text-align: center; color: #fff; background-color: #06458C; }
header .headerContainer { position: absolute; width: 100%; height: 50px; top: 0; }
header .headerContainer .headerContent { max-width: 960px; margin: auto; padding-top: 36.76px; }
header .headerContainer .headerContent .headerHeading { display: flex; align-items: center; padding-bottom: 16.34px; }
header .headerContainer .headerContent .headerHeading .header__heading { width: 50%; }
header .headerContainer .headerContent .headerHeading .heading--01 { color: white; font-size: 30px; letter-spacing: 0.150em; }
header .headerContainer .headerContent .headerHeading .heading--02 { color: #E7D993; padding-left: 30px; box-sizing: border-box; font-size: 52px; }
header .headerContainer .headerContent .headerLine { border-bottom: 1px dotted #FFF200; padding-bottom: 22.54px; }
header .headerContainer .headerContent .header__MainTitle { font-size: 87px; color: white; margin-bottom: 21.48px; }
header .headerContainer .headerContent .headerImage { width: 100%; }
header .headerContainer .headerContent .headerImage img { padding-left: 4px; }

section { max-width: 960px; margin: auto; }
section.full { max-width: 100%; }
section.narrow_1 { max-width: 80%; }
section.narrow_2 { max-width: 70%; }
section.background_1 { max-width: 100%; background-color: #eeeeee;}
section.background_2 { max-width: 100%; background-color: #bbbbbb;}
section .shodanDiagram { margin-top: 50px; }
section .shodanDiagram h3 { font-size: 32px; font-weight: 900; }
section .shodanDiagram .shodanDiagram__layout { margin-top: 30px; position: relative; font-size: 0; }
section .shodanDiagram .shodanDiagram__layout .shodanDiagram__layoutImg { width: 50%; display: inline-block; vertical-align: top; }
section .shodanDiagram .shodanDiagram__layout .shodanDiagram__layoutImg img { max-width: 100%; }
section .shodanDiagram .shodanDiagram__layout .shodanDiagram__layoutText { border-radius: 20px; width: calc(50% - 30px); display: inline-block; vertical-align: top; position: relative; background-color: #E6002D; margin-top: 24px; padding: 15px; }
section .shodanDiagram .shodanDiagram__layout .shodanDiagram__layoutText img { width: 35%; position: absolute; top: 0; left: -35%; }
section .shodanDiagram .shodanDiagram__layout .shodanDiagram__layoutText p { font-size: 24px; color: #fff; }
section .shodanDiagram .shodanDiagram__phone { margin-top: -80px; font-size: 0; }
section .shodanDiagram .shodanDiagram__phone .shodanDiagram__phoneImg { width: 28%; display: inline-block; vertical-align: bottom; }
section .shodanDiagram .shodanDiagram__phone .shodanDiagram__phoneText { width: 72%; display: inline-block; vertical-align: bottom; }
section .shodanDiagram .shodanDiagram__phone .shodanDiagram__phoneText p { font-size: 22px; }
section .thankyou { margin-top: 50px; }
section .thankyou.alt { margin-top: 130px; }
section .thankyou h3 { font-size: 34px; text-align: center; font-family: serif; font-weight: 900; line-height: 1.65; }
section .thankyou .thankyou__img { margin: 0 auto; margin-top: 25px; width: 100%; }
section .thankyou .thankyou__img img { max-width: 100%; }
section .thankyou .thankyou__note { margin-top: 25px; padding: 20px 0; width: 100%; background-color: #D3EDFB; }
section .thankyou .thankyou__note p { font-size: 20px; text-align: center; }
section .fit { margin: 0 auto; margin-top: 25px; max-width: 600px; }
section .fit img { margin: 0 auto; max-width: 500px; width: 100%; display: block; }
section .fit p { margin-top: 25px; font-size: 14px; text-align: center; line-height: 1.78; }
section .formKV { margin: 0 auto; margin-top: 30px; max-width: 600px; }
section .formKV p { margin-top: 10px; font-size: 9px; line-height: 1.54; }
section .bubbles { margin: 0 auto; margin-top: 50px; font-size: 0; }
section .bubbles .bubblesContainer { margin: 0 auto; max-width: 600px; }
section .bubbles .bubble { border-radius: 100px / 50px; border: 3px solid #06458C; margin-left: 4px; width: calc(33.3% - 12px); display: inline-block; vertical-align: top; position: relative; padding: 25px 0px; }
section .bubbles .bubble:nth-child(1) { margin-left: 0; }
section .bubbles .bubble:nth-child(1):before { content: ''; width: 0px; height: 0px; border-left: 9px solid transparent; border-right: 4px solid transparent; border-top: 22px solid #06458C; position: absolute; bottom: calc(0% - 22px); left: 40%; z-index: 0; display: block; }
section .bubbles .bubble:nth-child(2):before { content: ''; width: 0px; height: 0px; border-left: 5px solid transparent; border-right: 9px solid transparent; border-top: 22px solid #06458C; position: absolute; bottom: calc(0% - 22px); left: 45%; z-index: 0; display: block; }
section .bubbles .bubble:nth-child(3):before { content: ''; width: 0px; height: 0px; border-left: 3px solid transparent; border-right: 10px solid transparent; border-top: 22px solid #06458C; position: absolute; bottom: calc(0% - 22px); left: 50%; z-index: 0; display: block; }
section .bubbles .bubble .bubbleContainer { border-radius: 100px / 50px; background: #fff; z-index: 2; }
section .bubbles .bubble p { font-size: 18px; font-weight: 900; text-align: center; color: #06458C; }
section .bubbles .bubblesText p { margin-top: 30px; font-size: 25px; font-family: serif; font-weight: 900; text-align: center; line-height: 1.54; }
section .steps { border-top: 1px solid #000; padding-top: 20px; margin: 0 auto; margin-top: 30px; font-size: 0; }
section .steps .stepsContainer { margin: 0 auto; max-width: 600px; }
section .steps .step { border: 4px solid #06458C; border-radius: 10px; margin-left: 20px; width: calc(33.3% - 27px); display: inline-block; vertical-align: top; max-width: 600px; background-color: #008CD6; position: relative; }
section .steps .step:nth-child(1) { margin-left: 0; }
section .steps .step:nth-child(1):before { content: ''; width: 0px; height: 0px; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 15px solid #06458C; position: absolute; bottom: calc(50% - 15px); right: -16px; z-index: 0; display: block; }
section .steps .step:nth-child(1) p { padding: 15px calc(50% - 56px) 18px; width: 112px; }
section .steps .step:nth-child(2):before { content: ''; width: 0px; height: 0px; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 15px solid #06458C; position: absolute; bottom: calc(50% - 15px); right: -16px; z-index: 0; display: block; }
section .steps .step:nth-child(2) p { padding: 15px calc(50% - 70px) 18px; width: 140px; }
section .steps .step:nth-child(3) p { padding: 15px calc(50% - 69px) 18px; width: 139px; }
section .steps .step h4 { padding: 6px 0; font-size: 20px; text-align: center; color: #fff; }
section .steps .step p { margin: 0 auto; padding: 15px calc(50% - 81px); width: 162px; font-size: 14px; line-height: 1.64; background-color: #fff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
section .requestForm .requestForm__head { border-top: 1px solid #000; padding: 25px 0; }
section .requestForm .requestForm__head .requestForm__headContainer { margin: 0 auto; max-width: 600px; }
section .requestForm .requestForm__head h3 { font-size: 20px; text-align: center; }
section .requestForm .requestForm__head .requestForm__headCircle { border-radius: 50%; padding: 15px 15px 12px; background-color: #008CD6; margin: 0 auto; margin-top: 20px; width: 30px; }
section .requestForm .requestForm__head .requestForm__headCircle p { font-size: 25px; color: #fff; text-align: center; }
section .requestForm .requestForm__fields { border-top: 1px solid #000; padding-top: 20px; }
section .requestForm .requestForm__fields .requestForm__fieldsContainer { margin: 0 auto; max-width: 600px; }
section .requestForm .requestForm__fields .requestForm__field { margin-top: 12px; margin-bottom: 25px; display: block; }
section .requestForm .requestForm__fields .requestForm__field:first-child { margin-top: 0px; }
section .requestForm .requestForm__fields .requestForm__field .question { margin-top: 10px; padding: 15px 10px; background-color: #D3EDFB; }
section .requestForm .requestForm__fields .requestForm__field .question p { font-size: 15px; }
section .requestForm .requestForm__fields .requestForm__field .question p span { font-size: 14px; color: #cc0000; border: 1px solid #cc0000; padding: 1px 4px; background-color: #fff; margin-right: 5px; }
section .requestForm .requestForm__fields .requestForm__field .answers { padding: 5px 10px; font-size: 0; }
section .requestForm .requestForm__fields .requestForm__field .answers .results p { font-size: 14px; line-height: 1.72; }
section .requestForm .requestForm__fields .requestForm__field .answers .checkbox { margin-top: 12px; margin-right: 2px; display: inline-block; vertical-align: top; /* Customize the label (the container) */ /* Hide the browser's default checkbox */ /* Create a custom checkbox */ /* On mouse-over, add a grey background color */ /* When the checkbox is checked, add a blue background */ /* Create the checkmark/indicator (hidden when not checked) */ /* Show the checkmark when checked */ /* Style the checkmark/indicator */ }
section .requestForm .requestForm__fields .requestForm__field .answers .checkbox .container { display: inline; vertical-align: middle; position: relative; padding-left: 26px; margin-bottom: 20px; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
section .requestForm .requestForm__fields .requestForm__field .answers .checkbox .container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; }
section .requestForm .requestForm__fields .requestForm__field .answers .checkbox .check { position: absolute; top: 0; left: 7px; height: 15px; width: 15px; background-color: #fff; border: 1px solid #000; }
section .requestForm .requestForm__fields .requestForm__field .answers .checkbox .container:hover input ~ .check { background-color: #ccc; }
section .requestForm .requestForm__fields .requestForm__field .answers .checkbox .container input:checked ~ .check { background-color: #fff; }
section .requestForm .requestForm__fields .requestForm__field .answers .checkbox .check:after { content: ""; position: absolute; display: none; }
section .requestForm .requestForm__fields .requestForm__field .answers .checkbox .container input:checked ~ .check:after { display: block; }
section .requestForm .requestForm__fields .requestForm__field .answers .checkbox .container .check:after { left: 3px; top: 1px; width: 5px; height: 9px; border: solid #2196F3; border-width: 0 2px 2px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
section .requestForm .requestForm__fields .requestForm__field .answers .checkbox p { width: calc(100% - 40px); display: inline; vertical-align: middle; font-size: 12px; }
section .requestForm .requestForm__fields .requestForm__field .answers textarea { border: 1px solid #bbb; margin-top: 20px; width: 100%; }
section .requestForm .requestForm__fields .requestForm__field .error { margin-top: 20px; padding: 0 10px; display: block; font-size: 14px; line-height: 1.72; color: #cc0000; }
section .requestForm .requestForm__fields .terms { color: #06458C; font-size: 24px; font-weight: 900; text-align: center; }
section .external__link { margin: 0 auto; margin-top: 20px; display: block; max-width: 600px; }
section .external__link.alt { margin-top: 165px; }
section .external__link a { border: 6px solid #06458C; border-radius: 15px; display: block; position: relative; padding: 20px 0; }
section .external__link a.pink { margin-bottom: 35px; border-color: #E83F7A; }
section .external__link a.pink p { color: #E83F7A; }
section .external__link a p { margin: 0 auto; color: #06458C; font-size: 25px; font-weight: 900; display: block; text-align: center; }
section .external__link a p span { padding: 0 0 0 15px; position: absolute; top: calc(50% - 18px); right: 20px; width: 15px; display: block; }
section .external__link a p span img { width: 100%; }
section .external__link .note { margin-top: 25px; font-size: 10px; }
section form { margin: auto; margin-top: 80px; width: 432.82px; }
section form.full { margin-top: 30px; width: 100%; }
section form .formContainer { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px; }
section form .formContainer label { font-size: 18px; color: #58595B; font-weight: 600; }
section form .formContainer input[type=text], section form .formContainer input[type=password] { width: 70%; height: 40px; border: 1px solid #00458C; font-size: 24px; padding-left: 10px; box-sizing: border-box; }
section form .confirm__btns { margin: 0 auto; margin-top: 40px; width: 600px; font-size: 0; }
section form .confirm__btns .formSubmit.white { margin-top: 0; display: inline-block; vertical-align: top; width: 49%; max-width: 100%; }
section form .confirm__btns .formSubmit.blue { margin-top: 0; margin-left: 2%; display: inline-block; vertical-align: top; width: 49%; max-width: 100%; }
section form .confirm__btns .formSubmit.blue span img { width: 5%; }
section form .formSubmit { width: 100%; border: none; height: 60px; font-size: 24px; margin-top: 20px; }
section form .formSubmit.xmas { background-image: url("../img/Asset 1@2x.png"); background-size: cover; color: white; }
section form .formSubmit.white { margin: 0 auto; margin-top: 40px; border-radius: 23px; width: 100%; max-width: 350px; display: block; border: 1px solid #000; background-color: #fff; }
section form .formSubmit.blue { margin: 0 auto; margin-top: 40px; background-color: #0080CB; border-radius: 23px; color: white; width: 100%; max-width: 350px; display: block; }
section form .formSubmit.blue span img { width: 3.7%; margin-top: -5px; }
section form .formSubmit span { padding: 0px 15px; }
section form .formSubmit span img { width: 3%; }

footer { width: 100%; }
footer .footerContainer { width: 25%; height: 50px; margin: auto; margin-top: 23.78px; margin-bottom: 23.78px; }

@media screen and (max-width: 768px) { html { min-width: 320px; }
  .pc { display: none; }
  .sp { display: block; }
  .br-pc { display: none; }
  .br-sp { display: block; }
  .mainContainer { margin: 0 auto; width: 94%; }
  .mainContainer.full { width: 100%; }
  header h2 { border-bottom: 1px solid #000; margin: 0 auto; padding: 10px 3%; width: 94%; font-size: 20px; }
  header .headerBanner { border: 3px solid #06458C; margin: 0 auto; margin-top: 30px; width: 94%; }
  header .headerBanner h3 { padding: 8px 0; font-size: 22px; }
  header .headerBanner h4 { padding: 5px 0; font-size: 14px; }
  header .headerBanner p { padding: 8px 0; font-size: 16px; }
  header .headerBackground { height: 213px; }
  header .headerBackground .headerBox1 { width: 50%; background-color: #009444; }
  header .headerBackground .headerBox2 { width: 50%; background-color: #D02332; }
  header .headerContainer { height: 25px; }
  header .headerContainer .headerContent { padding-top: 18.38px; max-width: 480px; }
  header .headerContainer .headerContent .headerHeading { padding-bottom: 8.17px; }
  header .headerContainer .headerContent .headerHeading .heading--01 { font-size: 15px; letter-spacing: 0.075em; }
  header .headerContainer .headerContent .headerHeading .heading--02 { padding-left: 15px; font-size: 26px; }
  header .headerContainer .headerContent .headerLine { padding-bottom: 11.27px; }
  header .headerContainer .headerContent .header__MainTitle { font-size: 43.5px; margin-bottom: 10.74px; }
  header .headerContainer .headerContent .headerImage img { padding-left: 2px; }
  section { max-width: 480px; }
  section .shodanDiagram { margin-top: 30px; }
  section .shodanDiagram h3 { font-size: 16px; }
  section .shodanDiagram .shodanDiagram__layout { font-size: 0; }
  section .shodanDiagram .shodanDiagram__layout .shodanDiagram__layoutImg { width: 55%; display: inline-block; vertical-align: top; }
  section .shodanDiagram .shodanDiagram__layout .shodanDiagram__layoutImg img { max-width: 100%; }
  section .shodanDiagram .shodanDiagram__layout .shodanDiagram__layoutText { border-radius: 20px; width: calc(45% - 30px); margin-top: 18px; padding: 8px; }
  section .shodanDiagram .shodanDiagram__layout .shodanDiagram__layoutText img { width: 55%; position: absolute; top: 0; left: -54%; }
  section .shodanDiagram .shodanDiagram__layout .shodanDiagram__layoutText p { font-size: 3vw; color: #fff; }
  section .shodanDiagram .shodanDiagram__phone { margin-top: -8vw; font-size: 0; }
  section .shodanDiagram .shodanDiagram__phone .shodanDiagram__phoneImg { width: 28%; display: inline-block; }
  section .shodanDiagram .shodanDiagram__phone .shodanDiagram__phoneText { width: 72%; display: inline-block; }
  section .shodanDiagram .shodanDiagram__phone .shodanDiagram__phoneText p { font-size: 4vw; }
  section .thankyou { margin-top: 30px; }
  section .thankyou.alt { margin-top: 50px; }
  section .thankyou h3 { font-size: 3.8vw; }
  section .thankyou .thankyou__note p { font-size: 2.8vw; }
  section .fit { margin: 0 auto; margin-top: 30px; width: 94%; }
  section .fit p { margin-top: 25px; font-size: 14px; text-align: center; line-height: 1.78; }
  section .formKV { margin: 0 auto; margin-top: 30px; width: 94%; }
  section .bubbles { margin-top: 30px; }
  section .bubbles .bubblesContainer { margin: 0 auto; width: 94%; }
  section .bubbles .bubble { border-radius: 50%; border: 2px solid #06458C; padding: 10px 0px; }
  section .bubbles .bubble:nth-child(1) { margin-left: 0; }
  section .bubbles .bubble:nth-child(1):before { content: ''; width: 0px; height: 0px; border-left: 5px solid transparent; border-right: 1px solid transparent; border-top: 16px solid #06458C; position: absolute; bottom: calc(0% - 16px); left: 40%; z-index: 0; display: block; }
  section .bubbles .bubble:nth-child(2):before { content: ''; width: 0px; height: 0px; border-left: 1px solid transparent; border-right: 5px solid transparent; border-top: 16px solid #06458C; position: absolute; bottom: calc(0% - 16px); left: 45%; z-index: 0; display: block; }
  section .bubbles .bubble:nth-child(3):before { content: ''; width: 0px; height: 0px; border-left: 1px solid transparent; border-right: 5px solid transparent; border-top: 16px solid #06458C; position: absolute; bottom: calc(0% - 16px); left: 50%; z-index: 0; display: block; }
  section .bubbles .bubble p { font-size: 12px; }
  section .bubbles .bubblesText p { margin-top: 30px; font-size: 14px; text-align: center; line-height: 1.54; }
  section .steps { border-top: 1px solid #000; padding-top: 20px; margin: 0 auto; margin-top: 50px; font-size: 0; }
  section .steps .stepsContainer { margin: 0 auto; max-width: 600px; }
  section .steps .step { margin: 0 auto; margin-top: 30px; width: 250px; display: block; vertical-align: top; max-width: 600px; }
  section .steps .step:nth-child(1) { margin: 0 auto; }
  section .steps .step:nth-child(1):before { border-top: 15px solid #06458C; border-bottom: none; border-left: 15px solid transparent; border-right: 15px solid transparent; position: absolute; bottom: calc(0% - 15px); right: calc(50% - 15px); z-index: 0; display: block; }
  section .steps .step:nth-child(2):before { border-top: 15px solid #06458C; border-bottom: none; border-left: 15px solid transparent; border-right: 15px solid transparent; position: absolute; bottom: calc(0% - 15px); right: calc(50% - 15px); z-index: 0; display: block; }
  section .steps .step h4 { padding: 6px 0; font-size: 20px; text-align: center; color: #fff; }
  section .steps .step p { font-size: 14px; background-color: #fff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
  section .requestForm .requestForm__fields { border-top: 1px solid #000; padding-top: 20px; }
  section .requestForm .requestForm__fields .requestForm__field { margin-bottom: 25px; }
  section .requestForm .requestForm__fields .requestForm__field .question { margin-top: 10px; padding: 10px 0; background-color: #D3EDFB; }
  section .requestForm .requestForm__fields .requestForm__field .question p { margin: 0 auto; width: 94%; display: block; line-height: 1.78; }
  section .requestForm .requestForm__fields .requestForm__field .answers { margin: 0 auto; width: 94%; }
  section .requestForm .requestForm__fields .requestForm__field .answers .checkbox { margin-top: 5px; width: 100%; display: block; }
  section .requestForm .requestForm__fields .requestForm__field .answers textarea { margin-top: 20px; width: 100%; }
  section .requestForm .requestForm__fields .error { margin: 0 auto; margin-top: 10px; width: 94%; padding: 0; }
  section .requestForm .requestForm__fields .terms { font-size: 18px; padding-bottom: 20px; }
  section .external__link { margin: 0 auto; margin-top: 35px; width: 94%; }
  section .external__link.alt { margin-top: 70px; }
  section .external__link a { border: 3px solid #06458C; display: block; padding: 15px 0; }
  section .external__link a.pink { margin-bottom: 20px; }
  section .external__link a p { margin: 0 auto; color: #06458C; font-size: 3.35vw; text-align: center; display: block; width: calc(100% - 50px); }
  section .external__link a p span { top: calc(50% - 12px); width: 12px; }
  section .external__link .note { margin-top: 25px; font-size: 10px; }
  section form { margin: auto; margin-top: 40px; width: 100%; }
  section form .formContainer { margin-bottom: 30px; }
  section form .formContainer label { font-size: 16px; color: #58595B; }
  section form .formContainer input[type=text], section form .formContainer input[type=password] { height: 40.32px; font-size: 16px; }
  section form .confirm__btns { margin: 0 auto; margin-top: 40px; width: 94%; }
  section form .formSubmit { font-size: 24px; }
  section form .formSubmit.blue { color: white; width: 94%; max-width: 400px; min-height: 50px; display: block; }
  section form .formSubmit.blue span img { width: 3%; margin-top: -3px; }
  section form .formSubmit.white { min-height: 50px; }
  section form .formSubmit span { padding: 0px 15px; }
  section form .formSubmit span img { width: 3%; }
  footer { width: 100%; }
  footer .footerContainer { width: 50%; height: 50px; margin: auto; margin-top: 23.78px; margin-bottom: 23.78px; } }
@media screen and (max-width: 480px) 
  header h2 { font-size: 4.65vw; }
  header .headerBackground { height: 147.5px; }
  header .headerContainer { height: 12.5px; }
  header .headerContainer .headerContent { padding-top: 18.38px; max-width: 320px; }
  header .headerContainer .headerContent .headerHeading { padding-bottom: 8.17px; }
  header .headerContainer .headerContent .headerHeading .heading--01 { font-size: 10px; letter-spacing: 0.075em; }
  header .headerContainer .headerContent .headerHeading .heading--02 { padding-left: 15px; font-size: 18px; }
  header .headerContainer .headerContent .headerLine { padding-bottom: 5px; }
  header .headerContainer .headerContent .header__MainTitle { font-size: 28.5px; margin-bottom: 5px; }
  header .headerContainer .headerContent .headerImage img { padding-left: 2px; }
  section { max-width: 320px; }
  section .external__link a p { font-size: 3.5vw; }
  section .external__link a p span { top: calc(50% - 10px); right: 10px; }
  section form { margin: auto; margin-top: 40px; width: 100%; }
  section form .formContainer { margin-bottom: 15px; }
  section form .formContainer label { font-size: 12px; color: #58595B; }
  section form .formContainer input[type=text], section form .formContainer input[type=password] { height: 28px; font-size: 12px; }
  section form .formSubmit { font-size: 20.10px; height: 33.81px; font-size: 14px; font-weight: 600; }
  section form .formSubmit span { padding: 0px 7.5px; }
  section form .formSubmit span img { width: 2%; }
  footer { width: 100%; }
  footer .footerContainer { width: 70%; height: 50px; margin: auto; margin-top: 23.78px; margin-bottom: 23.78px; } }

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

.contents {
     width: 100%;
     max-width: 1200px;
     margin: auto;
 }
 .contents img {
     width: 100%;
 }
 .text-center {
     text-align: center;
 }
 .flexbox {
     display: flex;
 }
 .box1 {
     width: 48%;
     margin: auto;
 }

 @media screen and (max-width: 767px) {
     .flexbox {
         display: block;
     }
     .flexbox .box1 {
         width: 100%;
         margin: 0 auto;
     }