@charset "UTF-8";
@font-face { font-family: 'DIN'; font-weight: normal; src: url(/assets/fonts/DIN-Regular.eot); src: url(/assets/fonts/DIN-Regular.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/DIN-Regular.woff) format("woff"), url(/assets/fonts/DIN-Regular.ttf) format("truetype"), url(/assets/fonts/DIN-Regular.otf), url(/assets/fonts/DIN-Regular.svg#svgFontName) format("svg"); }

@font-face { font-family: 'DIN'; font-weight: bold; src: url(/assets/fonts/DIN-Bold.eot); src: url(/assets/fonts/DIN-Bold.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/DIN-Bold.woff) format("woff"), url(/assets/fonts/DIN-Bold.ttf) format("truetype"), url(/assets/fonts/DIN-Bold.otf), url(/assets/fonts/DIN-Bold.svg#svgFontName) format("svg"); }

@font-face { font-family: 'RobotoCondensed'; font-weight: normal; src: url(/assets/fonts/RobotoCondensed-Regular.eot); src: url(/assets/fonts/RobotoCondensed-Regular.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/RobotoCondensed-Regular.woff) format("woff"), url(/assets/fonts/RobotoCondensed-Regular.ttf) format("truetype"), url(/assets/fonts/RobotoCondensed-Regular.otf), url(/assets/fonts/RobotoCondensed-Regular.svg#svgFontName) format("svg"); }

@font-face { font-family: 'RobotoCondensed'; font-weight: bold; src: url(/assets/fonts/RobotoCondensed-Bold.eot); src: url(/assets/fonts/RobotoCondensed-Bold.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/RobotoCondensed-Bold.woff) format("woff"), url(/assets/fonts/RobotoCondensed-Bold.ttf) format("truetype"), url(/assets/fonts/RobotoCondensed-Bold.otf), url(/assets/fonts/RobotoCondensed-Bold.svg#svgFontName) format("svg"); }

@font-face { font-family: 'RobotoCondensed'; font-weight: lighter; src: url(/assets/fonts/RobotoCondensed-Light.eot); src: url(/assets/fonts/RobotoCondensed-Light.eot?#iefix) format("embedded-opentype"), url(/assets/fonts/RobotoCondensed-Light.woff) format("woff"), url(/assets/fonts/RobotoCondensed-Light.ttf) format("truetype"), url(/assets/fonts/RobotoCondensed-Light.otf), url(/assets/fonts/RobotoCondensed-Light.svg#svgFontName) format("svg"); }

@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 100; }

@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 200; }

@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 300; }

@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Medium"); font-weight: 400; }

@font-face { font-family: "Yu Gothic"; src: local("Yu Gothic Bold"); font-weight: bold; }

/* ----------------------------------------------------
  
  記述ファイル
  /assets/sass/low.scss
  
  ====================================
  
  特定のページのみで使用するstyle

---------------------------------------------------- */
/* ==================================== newsArchives ==================================== */
#newsArchives { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

#newsArchives .newsArchives-link { display: block; }

@media print, screen and (min-width: 769px) { #newsArchives .newsArchives-link { -webkit-transition: .2s opacity ease-in; -o-transition: .2s opacity ease-in; transition: .2s opacity ease-in; }
  #newsArchives .newsArchives-link:hover { opacity: .7; } }

#newsArchives .newsArchives-phWrap { width: 100%; padding-top: 74.49%; position: relative; display: block; background-color: #ccc; }

#newsArchives .newsArchives-ph { position: absolute; top: 0; left: 0; height: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#newsArchives .newsArchives-ph img { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 100%; max-height: 100%; }

#newsArchives .newsArchives-date { display: block; color: #666666; }

#newsArchives .newsArchives-text { display: block; }

@media print, screen and (min-width: 769px) { #newsArchives { margin: 0 auto; } }

@media screen and (min-width: 769px) and (max-width: 3450px) { #newsArchives { max-width: 2600px; } }

@media screen and (min-width: 769px) and (max-width: 3190px) { #newsArchives { max-width: 2340px; } }

@media screen and (min-width: 769px) and (max-width: 2930px) { #newsArchives { max-width: 2080px; } }

@media screen and (min-width: 769px) and (max-width: 2670px) { #newsArchives { max-width: 1820px; } }

@media screen and (min-width: 769px) and (max-width: 2410px) { #newsArchives { max-width: 1560px; } }

@media screen and (min-width: 769px) and (max-width: 2150px) { #newsArchives { max-width: 1300px; } }

@media screen and (min-width: 769px) and (max-width: 1890px) { #newsArchives { max-width: 1040px; } }

@media screen and (min-width: 769px) and (max-width: 1630px) { #newsArchives { max-width: 780px; } }

@media screen and (min-width: 769px) and (max-width: 1370px) { #newsArchives { max-width: 520px; } }

@media screen and (min-width: 769px) and (max-width: 1110px) { #newsArchives { max-width: 260px; } }

@media print, screen and (min-width: 769px) { #newsArchives .newsArchives-item { -webkit-box-flex: 0; -ms-flex: 0 0 240px; flex: 0 0 240px; width: 240px; margin: 0 10px 3rem; } }

@media print, screen and (max-width: 768px) { #newsArchives .newsArchives-item { -webkit-box-flex: 0; -ms-flex: 0 0 49%; flex: 0 0 49%; width: 49%; margin-bottom: 2.5rem; }
  #newsArchives .newsArchives-item:nth-child(2n) { margin-left: 2%; } }

/* ==================================== newsArticle-date ==================================== */
#newsArticle-date { color: #008fd7; line-height: 1.2; }

/* ==================================== newsArticle ==================================== */
#newsArticle-title { font-weight: bold; font-size: 2.2rem; border-bottom: 1px solid #008fd7; margin-bottom: 1.5rem; }

/* ==================================== newsArticle ==================================== */
#newsArticle { /* figure{ letter-spacing: -0.4em; text-align: center; img{ display: inline-block; letter-spacing: normal; margin: 0 1% 1rem;  } } */ }

#newsArticle strong { font-weight: bold; }

#newsArticle em { font-style: italic; }

#newsArticle u { text-decoration: underline; }

#newsArticle p { margin-bottom: 1em; }

#newsArticle .photoList { margin: 0 auto; max-width: 500px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; }

#newsArticle .photoList li { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 234px; width: 50%; padding: 0 .5rem 1rem; }

#newsArticle .photoList li div { display: block; width: 100%; padding-top: 74.49%; position: relative; }

#newsArticle .photoList li div figure { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #ccc; }

#newsArticle .photoList li div figure img { max-width: 100%; max-height: 100%; }

/* ==================================== memberArchives ==================================== */
@media print, screen and (min-width: 769px) { #memberArchives { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; } }

@media screen and (min-width: 769px) and (max-width: 4050px) { #memberArchives { max-width: 3300px; } }

@media screen and (min-width: 769px) and (max-width: 3750px) { #memberArchives { max-width: 3000px; } }

@media screen and (min-width: 769px) and (max-width: 3450px) { #memberArchives { max-width: 2700px; } }

@media screen and (min-width: 769px) and (max-width: 3150px) { #memberArchives { max-width: 2400px; } }

@media screen and (min-width: 769px) and (max-width: 2850px) { #memberArchives { max-width: 2100px; } }

@media screen and (min-width: 769px) and (max-width: 2550px) { #memberArchives { max-width: 1800px; } }

@media screen and (min-width: 769px) and (max-width: 2250px) { #memberArchives { max-width: 1500px; } }

@media screen and (min-width: 769px) and (max-width: 1950px) { #memberArchives { max-width: 1200px; } }

@media screen and (min-width: 769px) and (max-width: 1650px) { #memberArchives { max-width: 900px; } }

@media screen and (min-width: 769px) and (max-width: 1350px) { #memberArchives { max-width: 600px; } }

@media screen and (min-width: 769px) and (max-width: 1050px) { #memberArchives { max-width: 300px; } }

@media print, screen and (min-width: 769px) { #memberArchives .memberArchives-item { -webkit-box-flex: 0; -ms-flex: 0 0 270px; flex: 0 0 270px; max-width: 270px; width: 270px; margin: 0 15px 30px; } }

@media print, screen and (max-width: 768px) { #memberArchives .memberArchives-item { margin-bottom: 2.5rem; } }

.memberArchives-item { overflow: hidden; padding-bottom: 2.5rem; border-bottom: 2px solid #000; }

.memberArchives-item .memberArchives-ph { width: 48%; float: left; max-width: 300px; margin-right: 2%; }

.memberArchives-item .memberArchives-ph figure { width: 100%; padding-top: 100%; position: relative; }

.memberArchives-item .memberArchives-ph span { position: absolute; background-color: #CCCCCC; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.memberArchives-item .memberArchives-ph img { -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; max-width: 100%; max-height: 100%; }

.memberArchives-item .memberArchives-title { width: 48%; float: left; }

.memberArchives-item .memberArchives-position { display: block; }

.memberArchives-item .memberArchives-name { display: block; font-weight: bold; font-size: 1.8rem; }

.memberArchives-item .memberArchives-nameEn { display: block; font-size: 1.2rem; font-family: 'RobotoCondensed'; color: #008fd7; }

.memberArchives-item .memberArchives-info { width: 100%; float: left; margin: 0 0 1rem; padding: 1rem 0; border-bottom: 1px solid #000; }

.memberArchives-item .memberArchives-mail, .memberArchives-item .memberArchives-link { display: block; position: relative; padding-left: 2rem; }

.memberArchives-item .memberArchives-mail i, .memberArchives-item .memberArchives-link i { position: absolute; left: 0; }

.memberArchives-item .memberArchives-mail a, .memberArchives-item .memberArchives-link a { display: block; }

@media print, screen and (min-width: 769px) { .memberArchives-item .memberArchives-mail a, .memberArchives-item .memberArchives-link a { -webkit-transition: .2s color ease-in; -o-transition: .2s color ease-in; transition: .2s color ease-in; }
  .memberArchives-item .memberArchives-mail a:hover, .memberArchives-item .memberArchives-link a:hover { color: #008fd7; } }

.memberArchives-item .memberArchives-mail { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

.memberArchives-item .memberArchives-mail i { display: block; line-height: 1; top: 0; }

.memberArchives-item .memberArchives-mail img { width: 1.3rem; }

.memberArchives-item .memberArchives-link i { display: block; line-height: 1; top: 0; }

.memberArchives-item .memberArchives-link img { width: 0.85rem; }

.memberArchives-item .memberArchives-text { width: 100%; float: left; }

.memberArchives-item .memberArchives-text strong { font-weight: bold; }

.memberArchives-item .memberArchives-text em { font-style: italic; }

.memberArchives-item .memberArchives-text u { text-decoration: underline; }

/* ==================================== resultsYear ==================================== */
#resultsYear { background-color: #efefef; padding: 2rem 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#resultsYear .resultsYear-text { margin-right: 2rem; }

@media print, screen and (min-width: 769px) { #resultsYear { margin-left: -30px; width: calc(100% + 60px); margin-bottom: 100px; } }

@media print, screen and (max-width: 768px) { #resultsYear { margin-left: -1rem; width: calc(100% + 2rem); margin-bottom: 5rem; } }

/* ==================================== #resultsYearSelect ==================================== */
#resultsYearSelect { font-size: 1.6rem; background: #fff url(/assets/images/shared/arrow2_down.png) no-repeat right 1rem center/1.6rem auto; line-height: 1; padding: .5rem 7rem; border: 2px solid #000; text-align: center; width: 20rem; }

/* ==================================== #resultsTitle ==================================== */
#resultsTitle { font-weight: bold; font-size: 2rem; margin-bottom: 4rem; }

@media print, screen and (max-width: 768px) { #resultsTitle { margin-bottom: 2rem; } }

/* ==================================== resultsTab ==================================== */
@media print, screen and (min-width: 769px) { #resultsTab { margin-bottom: 4rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  #resultsTab .resultsTab-item { cursor: pointer; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0 2px; text-align: center; font-weight: bold; color: #008fd7; -webkit-transition: .2s opacity ease-in; -o-transition: .2s opacity ease-in; transition: .2s opacity ease-in; border: 2px solid #008fd7; padding: 7px 0; line-height: 1; }
  #resultsTab .resultsTab-item:hover { opacity: .7; }
  #resultsTab .resultsTab-item.disAbled { color: #999; border-color: #999; cursor: auto; }
  #resultsTab .resultsTab-item.disAbled:hover { opacity: 1; }
  #resultsTab .resultsTab-item.tabCurrent { background-color: #008fd7; color: #fff; } }

@media screen and (min-width: 769px) and (max-width: 920px) { #resultsTab { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  #resultsTab .resultsTab-item { -webkit-box-flex: 0; -ms-flex: 0 0 80px; flex: 0 0 80px; width: 80px; margin-bottom: .5rem; } }

@media print, screen and (max-width: 768px) { #resultsTab { position: relative; width: 26rem; height: 3.5rem; margin: 0 auto 2.5rem; }
  #resultsTab.selected { background: #fff url(/assets/images/shared/arrow5_down.png) no-repeat right 0.5rem center/1.6rem auto; }
  #resultsTab.selected .resultsTab-item { display: none; }
  #resultsTab.selected .resultsTab-item.tabCurrent { display: block; border: 0.2rem solid #008fd7; text-align: center; height: 3.5rem; line-height: 3.1rem; padding: 0 2.4rem; }
  #resultsTab.hover { position: relative; z-index: 10; border-top: 0.2rem solid #008fd7; }
  #resultsTab.hover .resultsTab-item { text-align: center; height: 3.5rem; line-height: 3.1rem; border-bottom: 0.2rem solid #008fd7; border-right: 0.2rem solid #008fd7; border-left: 0.2rem solid #008fd7; background-color: #fff; }
  #resultsTab.hover .resultsTab-item.tabCurrent { background-color: #008fd7; color: #fff; }
  #resultsTab.hover .resultsTab-item.disAbled { color: #fff; background-color: #999; } }

/* ==================================== resultsCatWrap ==================================== */
.resultsCatWrap { margin-bottom: 4rem; }

.resultsCatWrap.hide { display: none; }

.resultsCatWrap .resultscatTitle { font-weight: bold; color: #008fd7; border-bottom: 1px solid #008fd7; margin-bottom: 1rem; }

.resultsCatWrap .resultsList { counter-reset: number 0; }

.resultsCatWrap .resultsList li { margin-bottom: 2rem; padding-bottom: 1rem; border-bottom: 1px dashed #efefef; padding-left: 2.5rem; position: relative; }

.resultsCatWrap .resultsList li:before { content: counter(number) "."; counter-increment: number 1; position: absolute; left: 0; top: 0; }

.resultsCatWrap .resultsList2 { /* a{ display: block; padding-right: 1.6rem; position: relative; width: 9rem; margin-left: auto; @include hoverblue; i{ position: absolute; width: 1.4rem; top: 0.2rem; right: 0; line-height: 1; } }  */ }

.resultsCatWrap .resultsList2 li { margin-bottom: 2rem; padding-bottom: 1rem; border-bottom: 1px dashed #efefef; }

@media print, screen and (min-width: 769px) { .resultsCatWrap a { -webkit-transition: .3s color ease-in-out; -o-transition: .3s color ease-in-out; transition: .3s color ease-in-out; }
  .resultsCatWrap a:hover { color: #008fd7; } }

@media print, screen and (max-width: 768px) { .resultsCatWrap { margin-bottom: 2rem; } }

@media print, screen and (min-width: 769px) { #contents.facility { width: calc(100% + 20px); margin-left: -10px; } }

/* ==================================== facilityContents ==================================== */
.facilityContents.mb80 { margin-bottom: 80px; }

.facilityContents .facilityItem-ph { text-align: center; margin-bottom: 1rem; }

.facilityContents .facilityItem-ph img { max-width: none; width: 100%; }

.facilityContents .facilityItem-title { font-size: 1.6rem; font-weight: bold; margin-bottom: .5rem; }

@media print, screen and (min-width: 769px) { .facilityContents { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; }
  .facilityContents .facilityItem { max-width: 270px; margin: 0 20px 4rem; } }

@media screen and (min-width: 769px) and (max-width: 3580px) { .facilityContents { max-width: 3720px; }
  .facilityContents .facilityItem { -webkit-box-flex: 0; -ms-flex: 0 1 calc(100%/10 - 40px); flex: 0 1 calc(100%/10 - 40px); width: calc(100%/10 - 40px); } }

@media screen and (min-width: 769px) and (max-width: 3270px) { .facilityContents { max-width: 3410px; }
  .facilityContents .facilityItem { -webkit-box-flex: 0; -ms-flex: 0 1 calc(100%/9 - 40px); flex: 0 1 calc(100%/9 - 40px); width: calc(100%/9 - 40px); } }

@media screen and (min-width: 769px) and (max-width: 2960px) { .facilityContents { max-width: 3100px; }
  .facilityContents .facilityItem { -webkit-box-flex: 0; -ms-flex: 0 1 calc(100%/8 - 40px); flex: 0 1 calc(100%/8 - 40px); width: calc(100%/8 - 40px); } }

@media screen and (min-width: 769px) and (max-width: 2650px) { .facilityContents { max-width: 2790px; }
  .facilityContents .facilityItem { -webkit-box-flex: 0; -ms-flex: 0 1 calc(100%/7 - 40px); flex: 0 1 calc(100%/7 - 40px); width: calc(100%/7 - 40px); } }

@media screen and (min-width: 769px) and (max-width: 2340px) { .facilityContents { max-width: 2480px; }
  .facilityContents .facilityItem { -webkit-box-flex: 0; -ms-flex: 0 1 calc(100%/6 - 40px); flex: 0 1 calc(100%/6 - 40px); width: calc(100%/6 - 40px); } }

@media screen and (min-width: 769px) and (max-width: 2030px) { .facilityContents { max-width: 2170px; }
  .facilityContents .facilityItem { -webkit-box-flex: 0; -ms-flex: 0 1 calc(100%/5 - 40px); flex: 0 1 calc(100%/5 - 40px); width: calc(100%/5 - 40px); } }

@media screen and (min-width: 769px) and (max-width: 1720px) { .facilityContents { max-width: 1860px; }
  .facilityContents .facilityItem { -webkit-box-flex: 0; -ms-flex: 0 1 calc(100%/4 - 40px); flex: 0 1 calc(100%/4 - 40px); width: calc(100%/4 - 40px); } }

@media screen and (min-width: 769px) and (max-width: 1410px) { .facilityContents { max-width: 1550px; }
  .facilityContents .facilityItem { -webkit-box-flex: 0; -ms-flex: 0 1 calc(100%/3 - 40px); flex: 0 1 calc(100%/3 - 40px); width: calc(100%/3 - 40px); } }

@media screen and (min-width: 769px) and (max-width: 1100px) { .facilityContents { max-width: 1240px; }
  .facilityContents .facilityItem { -webkit-box-flex: 0; -ms-flex: 0 1 calc(100%/2 - 40px); flex: 0 1 calc(100%/2 - 40px); width: calc(100%/2 - 40px); } }

@media screen and (min-width: 769px) and (max-width: 790px) { .facilityContents { max-width: 930px; }
  .facilityContents .facilityItem { -webkit-box-flex: 0; -ms-flex: 0 1 calc(100%/1 - 40px); flex: 0 1 calc(100%/1 - 40px); width: calc(100%/1 - 40px); } }

@media print, screen and (max-width: 768px) { .facilityContents .facilityItem { padding-bottom: 2rem; border-bottom: 2px solid #000; margin-bottom: 2.2rem; } }

.facilityTitle { margin: 0 auto 2rem; }

@media print, screen and (min-width: 769px) { .facilityTitle { margin: 0 20px 2rem; } }

#main.about { position: relative; }

#main.about #aboutBack { border: 1px solid #000; padding: 0.5rem 1rem; position: absolute; }

@media print, screen and (min-width: 769px) { #main.about #aboutBack { top: 50px; right: 30px; -webkit-transition: .2s color ease-in; -o-transition: .2s color ease-in; transition: .2s color ease-in; }
  #main.about #aboutBack:hover { color: #008fd7 !important; } }

@media print, screen and (max-width: 768px) { #main.about #aboutBack { top: -17rem; right: 1rem; }
  #main.about #aboutBack.eng { top: -14.8rem; } }

/* ==================================== aboutContents ==================================== */
#aboutContents { max-width: 700px; margin-left: auto; margin-right: auto; }

#aboutContents .aboutItem-ph img { max-width: none; width: 100%; }

#aboutContents .aboutItem-title { font-weight: bold; font-size: 1.8rem; color: #008fd7; position: relative; padding-left: 2.4em; }

#aboutContents .aboutItem-title .num { font-weight: normal; font-family: 'DIN'; font-size: 2em; position: absolute; top: 0; left: 0; }

@media print, screen and (min-width: 769px) { #aboutContents .aboutItem { margin-bottom: 4.5rem; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  #aboutContents .aboutItem-ph { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; margin-bottom: 1rem; }
  #aboutContents .aboutItem-title { -webkit-box-flex: 0; -ms-flex: 0 0 180px; flex: 0 0 180px; width: 180px; }
  #aboutContents .aboutItem-text { -webkit-box-flex: 0; -ms-flex: 0 0 calc(100% - 250px); flex: 0 0 calc(100% - 250px); width: calc(100% - 250px); } }

@media screen and (min-width: 769px) and (max-width: 980px) { #aboutContents .aboutItem-title { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; margin-bottom: 1rem; }
  #aboutContents .aboutItem-text { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; } }

@media print, screen and (max-width: 768px) { #aboutContents .aboutItem { margin-bottom: 2rem; }
  #aboutContents .aboutItem-ph { margin-bottom: .5rem; }
  #aboutContents .aboutItem-title { margin-bottom: .5rem; } }

#aboutDetailContents { max-width: 575px; margin-left: auto; margin-right: auto; }

/* ==================================== #about1Box ==================================== */
@media print, screen and (min-width: 769px) { #about1Box { display: -webkit-box; display: -ms-flexbox; display: flex; }
  #about1Box .about1Box-contents { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: calc(100% - 200px); max-width: calc(100% - 200px); }
  #about1Box .about1Box-ph { -webkit-box-flex: 0; -ms-flex: 0 0 175px; flex: 0 0 175px; width: 175px; max-width: 175px; } }

@media print, screen and (max-width: 768px) { #about1Box .about1Box-contents { margin-bottom: 0.5rem; } }

/* ==================================== #about1Img ==================================== */
@media print, screen and (min-width: 769px) { #about1Img { position: relative; width: 100%; padding-top: 100%; }
  #about1Img > div { position: absolute; top: 0; left: 0; } }

/* ==================================== #about5Box ==================================== */
#about5Box { background: url(../images/about/about5Ph1.jpg) no-repeat left top/contain; padding-top: 38%; padding-left: 50%; }

@media print, screen and (max-width: 768px) { #about5Box { padding: 61% 0 0; } }

#about5Box_en { background: url(../images/about/about5Ph1.jpg) no-repeat left top/contain; padding-top: 45%; padding-left: 50%; }

@media print, screen and (max-width: 768px) { #about5Box_en { padding: 72% 0 0; } }

/* ==================================== contactForm ==================================== */
#contactForm { max-width: 800px; margin: 0 auto; }

#contactForm .contactForm-tit.required span:after { content: '※'; color: #ff0000; margin-left: .5em; }

#contactForm .contactForm-tit small { margin-top: .5rem; display: block; font-size: 1.2rem; text-indent: -1em; padding-left: 1em; }

#contactForm input[type="text"], #contactForm input[type="email"], #contactForm input[type="tel"], #contactForm textarea { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 1rem 1.5rem; border: 1px solid #000; }

#contactForm input[type="radio"] { display: block; width: 1.4rem; height: 1.4rem; line-height: 1; border-radius: 50%; border: 1px solid #000; position: absolute; left: 0; top: 0; }

#contactForm input[type="radio"]:checked + i { display: block; line-height: 1; width: .8rem; height: .8rem; background-color: #000; border-radius: 50%; position: absolute; top: .3rem; left: .3rem; }

#contactForm.confirmPage input[type="radio"] { pointer-events: none; }

#contactForm.confirmPage label { pointer-events: none; }

#contactForm label { position: relative; padding-left: 1.7rem; margin-right: 1.5rem; }

#contactForm textarea { height: 150px; }

@media print, screen and (min-width: 769px) { #contactForm label { cursor: pointer; }
  #contactForm .contactForm-box { display: -webkit-box; display: -ms-flexbox; display: flex; } }

@media screen and (min-width: 769px) and (min-width: 981px) { #contactForm .contactForm-tit { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; padding: 1.5rem 2rem 1.5rem 0; }
  #contactForm .contactForm-input { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; width: 50%; padding: 1.5rem 0 1.5rem 2rem; } }

@media screen and (min-width: 769px) and (max-width: 980px) { #contactForm .contactForm-box { padding: 0 1rem; padding-bottom: 2rem; margin-bottom: 2rem; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #contactForm .contactForm-box:last-child { border-bottom: none; padding-bottom: 0; }
  #contactForm .contactForm-tit { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; margin-bottom: 1rem; }
  #contactForm .contactForm-tit span { font-weight: bold; }
  #contactForm .contactForm-input { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; width: 100%; } }

@media print, screen and (max-width: 768px) { #contactForm input[type="text"], #contactForm input[type="email"], #contactForm input[type="tel"], #contactForm textarea { font-size: 1.6rem; }
  #contactForm .contactForm-box { padding: 0 1rem; padding-bottom: 2rem; margin-bottom: 2rem; -ms-flex-wrap: wrap; flex-wrap: wrap; }
  #contactForm .contactForm-box:last-child { border-bottom: none; padding-bottom: 0; }
  #contactForm .contactForm-tit { margin-bottom: 1rem; }
  #contactForm .contactForm-tit span { font-weight: bold; } }

@media print, screen and (max-width: 600px) { #contactForm .smt-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  #contactForm .smt-flex > label { margin: 0; }
  #contactForm .smt-flex input[type="radio"] { top: 0.4em; }
  #contactForm .smt-flex input[type="radio"]:checked + i { top: calc(0.2rem + 0.4em); } }

#contactFormInner { padding: 3rem 0; }

#submitBtns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 2rem auto; }

#submitBtns .submitBtn { cursor: pointer; display: block; margin: 0 1rem; -webkit-box-flex: 0; -ms-flex: 0 1 200px; flex: 0 1 200px; width: 100%; max-width: 200px; height: 50px; line-height: 50px; text-align: center; background-color: #008fd7; font-weight: bold; color: #fff; font-size: 1.6rem; border-radius: 5px; }

@media print, screen and (min-width: 769px) { #submitBtns .submitBtn { -webkit-transition: .2s opacity ease-in; -o-transition: .2s opacity ease-in; transition: .2s opacity ease-in; }
  #submitBtns .submitBtn:hover { opacity: .7; } }

#submitBtns .submitBtn.type2 { background-color: #fff; border: 2px solid #666; color: #666; line-height: 46px; }