@charset "UTF-8";
/*************************************
　デフォルトのスタイルのリセット
*************************************/
/*********** RESET
************/
* { margin: 0; box-sizing: border-box; }

body { -webkit-font-smoothing: antialiased; }

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote { margin: 0; padding: 0; }

h1, h2, h3, h4, h5, h6, em, address, th, dt { font-style: normal; font-weight: normal; font-size: 1em; }

strong { color: #212121; }

ul, li { list-style-type: none; }

img, a img { border: none; vertical-align: bottom; }

hr { display: none; }

nav, section, header, footer, aside, figure { margin: 0; padding: 0; }

small { font-size: 100%; }

/* ----------------------------------------------------------------------------  
　Clearfix：float解除
----------------------------------------------------------------------------  */
.clearfix:before, .clearfix:after { clear: both; display: block; height: 0; visibility: hidden; content: "\0020"; }

body { font-family: "not-set", "Helvetica Neue", "Helvetica", "Arial", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "Meiryo", "メイリオ", sans-serif; }

.wrapper { margin-left: auto; margin-right: auto; }

.img-circle { border-radius: 50%; overflow: hidden; }

.button { cursor: pointer; position: relative; overflow: hidden; display: inline-block; padding: 0.65em 0.8em 0.64em; border: none; vertical-align: text-bottom; text-align: center; text-decoration: none; font-size: 1em; line-height: 110%; }
.button:focus { outline: 0; }
.button:visited, .button:link { text-decoration: none; }
.button:active { box-shadow: none !important; }
.button .icon, .button .fa { position: relative; top: -0.04em; margin-right: 0.18em; vertical-align: middle; font-size: 135%; }
.button .text { display: inline-block; position: relative; top: 0.1em; }

.btn-dummy { margin: 0.5em 0; }

.btn-text-only { padding: 1em 0.75em; }

.btn-icon-only .text { top: 0; }
.btn-icon-only .text .icon, .btn-icon-only .text .fa { margin-right: 0; }

.btn-gray { color: white; background: gray; }
.btn-gray:visited, .btn-gray:link { color: white; }
.btn-gray:hover { background: #b2b2b2; }
.btn-gray .icon, .btn-gray .fa { margin-right: 0.2em; }

@media screen and (max-width: 601px) { .button { box-shadow: 0 3px 0 black; margin-bottom: 3px; }
  .button:hover { box-shadow: 0 3px 0 #606060; } }
@media screen and (min-width: 602px) and (max-width: 1199px) { .button { box-shadow: 0 5px 0 black; margin-bottom: 5px; }
  .button:hover { box-shadow: 0 5px 0 #606060; } }
@media screen and (min-width: 1200px) { .button { box-shadow: 0 6px 0 black; margin-bottom: 6px; }
  .button:hover { box-shadow: 0 6px 0 #606060; } }
@media screen and (max-width: 601px) { .button { border-radius: 3px; }
  .button:active { top: 3px; } }
@media screen and (min-width: 602px) and (max-width: 1199px) { .button { border-radius: 3px; }
  .button:active { top: 5px; } }
@media screen and (min-width: 1200px) { .button { border-radius: 3px; }
  .button:active { top: 6px; } }

@media screen and (max-width: 601px) { .btn-gray { box-shadow: 0 3px 0 #303030; margin-bottom: 3px; }
  .btn-gray:hover { box-shadow: 0 3px 0 #606060; } }
@media screen and (min-width: 602px) and (max-width: 1199px) { .btn-gray { box-shadow: 0 5px 0 #303030; margin-bottom: 5px; }
  .btn-gray:hover { box-shadow: 0 5px 0 #606060; } }
@media screen and (min-width: 1200px) { .btn-gray { box-shadow: 0 6px 0 #303030; margin-bottom: 6px; }
  .btn-gray:hover { box-shadow: 0 6px 0 #606060; } }

.btn-lighttangerin { color: white; background: #f8bc6c; }
.btn-lighttangerin:visited, .btn-lighttangerin:link { color: white; }
.btn-lighttangerin:hover { color: white; background: #f6ad3c; }
@media screen and (max-width: 601px) { .btn-lighttangerin { box-shadow: 0 3px 0 #c69458; margin-bottom: 3px; }
  .btn-lighttangerin:hover { box-shadow: 0 3px 0 #cc8b36; } }
@media screen and (min-width: 602px) and (max-width: 1199px) { .btn-lighttangerin { box-shadow: 0 5px 0 #c69458; margin-bottom: 5px; }
  .btn-lighttangerin:hover { box-shadow: 0 5px 0 #cc8b36; } }
@media screen and (min-width: 1200px) { .btn-lighttangerin { box-shadow: 0 6px 0 #c69458; margin-bottom: 6px; }
  .btn-lighttangerin:hover { box-shadow: 0 6px 0 #cc8b36; } }

.btn-lightgreen { color: white; background: #a2d7dd; }
.btn-lightgreen:visited, .btn-lightgreen:link { color: white; }
.btn-lightgreen:hover { color: white; background: #cccccc; }
@media screen and (max-width: 601px) { .btn-lightgreen { box-shadow: 0 3px 0 #779e9e; margin-bottom: 3px; }
  .btn-lightgreen:hover { box-shadow: 0 3px 0 #a0a0a0; } }
@media screen and (min-width: 602px) and (max-width: 1199px) { .btn-lightgreen { box-shadow: 0 5px 0 #779e9e; margin-bottom: 5px; }
  .btn-lightgreen:hover { box-shadow: 0 5px 0 #a0a0a0; } }
@media screen and (min-width: 1200px) { .btn-lightgreen { box-shadow: 0 6px 0 #779e9e; margin-bottom: 6px; }
  .btn-lightgreen:hover { box-shadow: 0 6px 0 #a0a0a0; } }

.btn-navy { color: white; background: #19405b; }
.btn-navy:visited, .btn-navy:link { color: white; }
.btn-navy:hover { color: #19405b; background: #f7f7f7; }
@media screen and (max-width: 601px) { .btn-navy { box-shadow: 0 3px 0 #0d222d; margin-bottom: 3px; }
  .btn-navy:hover { box-shadow: 0 3px 0 #19405b; } }
@media screen and (min-width: 602px) and (max-width: 1199px) { .btn-navy { box-shadow: 0 5px 0 #0d222d; margin-bottom: 5px; }
  .btn-navy:hover { box-shadow: 0 5px 0 #19405b; } }
@media screen and (min-width: 1200px) { .btn-navy { box-shadow: 0 6px 0 #0d222d; margin-bottom: 6px; }
  .btn-navy:hover { box-shadow: 0 6px 0 #19405b; } }

.linkarea-blue, .linkarea-color-blue > a { color: white; background: #7CCBE1; }
.linkarea-blue:visited, .linkarea-blue:link, .linkarea-color-blue > a:visited, .linkarea-color-blue > a:link { color: white; }
.linkarea-blue:hover, .linkarea-color-blue > a:hover { color: white; background: #7ccbe1; }

.linkarea-gray, .linkarea-color-gray > a { color: white; background: #f7f7f7; }
.linkarea-gray:visited, .linkarea-gray:link, .linkarea-color-gray > a:visited, .linkarea-color-gray > a:link { color: white; }
.linkarea-gray:hover, .linkarea-color-gray > a:hover { color: white; background: #f7f7f7; }

.linkarea-lighttangerin, .linkarea-color-lighttangerin > a { color: white; background: #f8bc6c; }
.linkarea-lighttangerin:visited, .linkarea-lighttangerin:link, .linkarea-color-lighttangerin > a:visited, .linkarea-color-lighttangerin > a:link { color: white; }
.linkarea-lighttangerin:hover, .linkarea-color-lighttangerin > a:hover { color: white; background: #f8bc6c; }

.linkarea-navy, .linkarea-color-navy > a { color: white; background: #19405b; }
.linkarea-navy:visited, .linkarea-navy:link, .linkarea-color-navy > a:visited, .linkarea-color-navy > a:link { color: white; }
.linkarea-navy:hover, .linkarea-color-navy > a:hover { color: white; background: #19405b; }

.page-header { padding: 0; margin: 0; border: 0; }

.row { margin-left: -10px; margin-right: -10px; }
.row:before, .row:after { content: " "; display: table; }
.row:after { clear: both; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12, .col-xs-13, .col-sm-13, .col-md-13, .col-lg-13, .col-xs-14, .col-sm-14, .col-md-14, .col-lg-14, .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15, .col-xs-16, .col-sm-16, .col-md-16, .col-lg-16, .col-xs-17, .col-sm-17, .col-md-17, .col-lg-17, .col-xs-18, .col-sm-18, .col-md-18, .col-lg-18, .col-xs-19, .col-sm-19, .col-md-19, .col-lg-19, .col-xs-20, .col-sm-20, .col-md-20, .col-lg-20, .col-xs-21, .col-sm-21, .col-md-21, .col-lg-21, .col-xs-22, .col-sm-22, .col-md-22, .col-lg-22, .col-xs-23, .col-sm-23, .col-md-23, .col-lg-23, .col-xs-24, .col-sm-24, .col-md-24, .col-lg-24 { position: relative; min-height: 1px; padding-left: 10px; padding-right: 10px; }

.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-13, .col-lg-14, .col-lg-15, .col-lg-16, .col-lg-17, .col-lg-18, .col-lg-19, .col-lg-20, .col-lg-21, .col-lg-22, .col-lg-23, .col-lg-24 { float: left; }

.col-lg-10 { width: 41.66667%; }

.col-lg-12 { width: 50%; }

.col-lg-14 { width: 58.33333%; }

html, body { background: #19405b; }

body { font-size: 14px; }
body > header { overflow: hidden; }

a:focus { outline: none; }

article { overflow: hidden; padding-bottom: 60px; background: white; }

section { overflow: hidden; text-align: center; }
section img { max-width: 1200px; }
section header { position: relative; margin-bottom: 60px; }
section header .wrapper { position: relative; }
section header .title { color: #19405b; text-align: center; font-weight: bold; font-size: 230%; }
section header .title .text { display: inline-block; padding-bottom: 12px; border-bottom: 2px solid #f8bc6c; }
section header .subtitle { margin-top: 36px; text-align: center; font-size: 126%; }
section header .switch-button-area { position: absolute; top: 0.2em; right: 0; }
section header .switch-button-area .button { padding: 0.5em 1.0em 0.54em; width: auto; font-size: 110%; }
section iframe { width: 100%; }

.wrapper { width: 1200px; }

.overlay { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 0; background: black; }

.icon { line-height: 1.0; }

[class^="icon-"]:before, [class*=" icon-"]:before { margin: 0; }

.bg-image, .flexbox-image { overflow: hidden; }

.button { width: 300px; font-size: 132%; }

.btn-navy { border: 1px solid #19405b; }

.bg-lightblue { background: #d4e3ed; }

.bg-gray-blue { background: #e3e8eb; }

.bg-lighttangerine { background: #ffe5a2; }

.bg-navy-gradient { background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjEuMCIgeDI9IjAuNSIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSI2MS41NCUiIHN0b3AtY29sb3I9IiMxOTQwNWIiLz48c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwODMyNGYiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI2dyYWQpIiAvPjwvc3ZnPiA='); background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(61.54%, #19405b), color-stop(100%, #08324f)); background: -webkit-linear-gradient(bottom, #19405b 61.54%, #08324f); background: linear-gradient(to top, #19405b 61.54%, #08324f); }

.bg-image-area { position: relative; }

.inquiry-area { margin-top: 60px; margin-bottom: 60px; }
.inquiry-area .wrapper { position: relative; }
.inquiry-area .bg { position: relative; }
.inquiry-area .tel { position: absolute; top: 25%; left: 36%; color: #333333; text-decoration: none; font-family: "not-set", "Helvetica Neue", "Helvetica", "Arial"; font-weight: bold; font-size: 460%; }
.inquiry-area .tel:hover { text-decoration: underline; }
.inquiry-area .btn-image { display: block; position: absolute; bottom: 15.5%; left: 0; right: 0; margin: auto; width: 667px; }

.photo-books { height: 798px; }

#site-header { overflow: hidden; margin-bottom: 30px; height: 76px; background: white; }
#site-header .wrapper { padding: 0 30px; }
@media screen and (max-width: 601px) { #site-header .btn-lightgreen { box-shadow: 0 4px 0 #779e9e; margin-bottom: 4px; }
  #site-header .btn-lightgreen:hover { box-shadow: 0 4px 0 #a0a0a0; } }
@media screen and (min-width: 602px) and (max-width: 1199px) { #site-header .btn-lightgreen { box-shadow: 0 4px 0 #779e9e; margin-bottom: 4px; }
  #site-header .btn-lightgreen:hover { box-shadow: 0 4px 0 #a0a0a0; } }
@media screen and (min-width: 1200px) { #site-header .btn-lightgreen { box-shadow: 0 4px 0 #779e9e; margin-bottom: 4px; }
  #site-header .btn-lightgreen:hover { box-shadow: 0 4px 0 #a0a0a0; } }
@media screen and (max-width: 601px) { #site-header .btn-lightgreen { border-radius: 3px; }
  #site-header .btn-lightgreen:active { top: 4px; } }
@media screen and (min-width: 602px) and (max-width: 1199px) { #site-header .btn-lightgreen { border-radius: 3px; }
  #site-header .btn-lightgreen:active { top: 4px; } }
@media screen and (min-width: 1200px) { #site-header .btn-lightgreen { border-radius: 3px; }
  #site-header .btn-lightgreen:active { top: 4px; } }
@media screen and (max-width: 601px) { #site-header .btn-lighttangerin { box-shadow: 0 4px 0 #c69458; margin-bottom: 4px; }
  #site-header .btn-lighttangerin:hover { box-shadow: 0 4px 0 #cc8b36; } }
@media screen and (min-width: 602px) and (max-width: 1199px) { #site-header .btn-lighttangerin { box-shadow: 0 4px 0 #c69458; margin-bottom: 4px; }
  #site-header .btn-lighttangerin:hover { box-shadow: 0 4px 0 #cc8b36; } }
@media screen and (min-width: 1200px) { #site-header .btn-lighttangerin { box-shadow: 0 4px 0 #c69458; margin-bottom: 4px; }
  #site-header .btn-lighttangerin:hover { box-shadow: 0 4px 0 #cc8b36; } }
@media screen and (max-width: 601px) { #site-header .btn-lighttangerin { border-radius: 3px; }
  #site-header .btn-lighttangerin:active { top: 4px; } }
@media screen and (min-width: 602px) and (max-width: 1199px) { #site-header .btn-lighttangerin { border-radius: 3px; }
  #site-header .btn-lighttangerin:active { top: 4px; } }
@media screen and (min-width: 1200px) { #site-header .btn-lighttangerin { border-radius: 3px; }
  #site-header .btn-lighttangerin:active { top: 4px; } }
@media screen and (max-width: 601px) { #site-header .btn-navy { box-shadow: 0 4px 0 #0d222d; margin-bottom: 4px; }
  #site-header .btn-navy:hover { box-shadow: 0 4px 0 #19405b; } }
@media screen and (min-width: 602px) and (max-width: 1199px) { #site-header .btn-navy { box-shadow: 0 4px 0 #0d222d; margin-bottom: 4px; }
  #site-header .btn-navy:hover { box-shadow: 0 4px 0 #19405b; } }
@media screen and (min-width: 1200px) { #site-header .btn-navy { box-shadow: 0 4px 0 #0d222d; margin-bottom: 4px; }
  #site-header .btn-navy:hover { box-shadow: 0 4px 0 #19405b; } }
@media screen and (max-width: 601px) { #site-header .btn-navy { border-radius: 3px; }
  #site-header .btn-navy:active { top: 4px; } }
@media screen and (min-width: 602px) and (max-width: 1199px) { #site-header .btn-navy { border-radius: 3px; }
  #site-header .btn-navy:active { top: 4px; } }
@media screen and (min-width: 1200px) { #site-header .btn-navy { border-radius: 3px; }
  #site-header .btn-navy:active { top: 4px; } }
#site-header .site-info-area { padding-top: 14px; }
#site-header .site-info-area .logo { float: left; margin-right: 38px; }
#site-header .site-info-area .logo img { width: 130px; }
#site-header .site-info-area .site-branding { padding-top: 2px; }
#site-header .site-info-area .site-branding .site-subtitle { color: #19405b; }
#site-header .site-info-area .site-branding .site-subtitle .text .no1 { margin-right: 0.5em; }
#site-header .site-info-area .site-branding .site-title { margin-top: 3px; color: #231815; letter-spacing: -0.02em; font-size: 125%; font-weight: bold; line-height: 1.1; }
#site-header .site-info-area .site-branding .site-title a { color: inherit; text-decoration: none; }
#site-header .site-subinfo-area { padding-top: 18px; }
#site-header .site-subinfo-area .info-item { display: block; float: right; }
#site-header .site-subinfo-area .button { padding: 0.85em 0.5em 0.75em; width: 171px; font-size: 87%; letter-spacing: -0.05em; vertical-align: top; }
#site-header .site-subinfo-area .button .icon { margin-right: 0.5em; }
#site-header .site-subinfo-area .button .icon.icon-glasses:before { margin: -0.25em 0 -0.25em 0; font-size: 160%; }
#site-header .site-subinfo-area .button.inquiry { padding: 0.75em 0.5em 0.65em; padding-right: 0.9em; width: 147px; font-size: 92%; letter-spacing: 0; }
#site-header .site-subinfo-area .button.inquiry .icon { top: -0.07em; margin-right: 0.3em; font-size: 150%; }
#site-header .site-subinfo-area .button.glasses { width: 165px; }
#site-header .site-subinfo-area .tel-area { margin-left: 20px; margin-right: 2em; font-size: 100%; }
#site-header .site-subinfo-area .tel-area .icon { display: block; float: left; margin-right: 0; color: #f8bc6c; font-size: 282%; line-height: 1.0; }
#site-header .site-subinfo-area .tel-area .tel-number { font-family: "not-set", "Helvetica Neue", "Helvetica", "Arial"; display: inline-block; margin-top: -0.1em; color: #333333; font-size: 270%; font-weight: bold; line-height: 1.1; }
#site-header .site-subinfo-area .tel-area .bussiness_time { display: block; margin-top: -0.3em; color: #f8bc6c; text-align: right; font-weight: bold; text-align: right; }

#site-footer { overflow: hidden; padding: 1em 0; color: white; background: #19405b; }
#site-footer a { color: white; }
#site-footer .site-info-area .site-info { text-align: right; }