@charset "UTF-8";
/*----------------------------------------
	information
----------------------------------------*/
/*　plagin
----------------------------------------*/
/*　common
----------------------------------------*/
#information .information-separate01 { position: relative; margin-top: 92px; }

#information .information-separate01:after { content: ''; position: absolute; top: -22px; left: -20px; right: -20px; border-top: 1px solid #cccccc; }

#information .information-separate01:first-child { margin-top: 0; }

#information .information-separate01:first-child:after { display: none; }

/*　index
----------------------------------------*/
#information [id*="vision-area"] { margin-top: 0; }

#information [id*="vision-area"] .section-inner { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 0 30px; }

#information .heading-vision01 { font-size: 2.625rem; line-height: 1.4; margin: 0 10px; }
@media screen and (max-width: 960px) { #information .heading-vision01 { font-size: 2rem; } }
@media screen and (max-width: 640px) { #information .heading-vision01 { font-size: 1.8rem; } }
#information .heading-vision01 .heading-vision01_line { position: relative; }
#information .heading-vision01 .heading-vision01_line::after { content: ''; position: absolute; left: 0; bottom: -12px; width: 2.2em; border-top: 7px solid #333333; }

#information .vision-grid01 { position: absolute; top: 0; left: 0; width: -webkit-calc(100% + 60px); width: calc(100% + 60px); margin-top: 70px; margin-left: -60px; }
@media screen and (max-width: 960px) { #information .vision-grid01 { position: static; width: 100%; margin-top: 0; margin-bottom: 40px; margin-left: 0; } }

#information .vision-grid01:before, #information .vision-grid01:after { content: ""; display: table; }

#information .vision-grid01:after { clear: both; }

#information .vision-grid01 > * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-top: 30px; margin-left: 60px; width: -webkit-calc(33.33303% - 60px); width: calc(33.33303% - 60px); }
@media screen and (max-width: 960px) { #information .vision-grid01 > * { float: none; margin-top: 0; margin-left: 0; margin-bottom: 40px; width: 100%; } }

#information .vision-grid01 > *[class*="grid-col"] { width: calc(100% - 60px); }
@media screen and (max-width: 960px) { #information .vision-grid01 > *[class*="grid-col"] { width: 100%; } }

#information .vision-grid01 > *.grid-col02 { width: calc(100% * 0.66667 - 60px); }
@media screen and (max-width: 960px) { #information .vision-grid01 > *.grid-col02 { width: 100%; } }

#information .vision-grid01 > *.grid-col03 { width: calc(100% * 1 - 60px); }
@media screen and (max-width: 960px) { #information .vision-grid01 > *.grid-col03 { width: 100%; } }

#information .vision-grid01 dl > dt { font-size: 1.875rem; text-align: center; padding-bottom: 108px; }

#information .vision-grid01 dl > dd { margin-top: 20px; }

#information .vision-grid01 > li:nth-child(1) dl > dt { background: url(/information/images/ico_vision01.png) 50% 100% no-repeat; }

#information .vision-grid01 > li:nth-child(1) dl > dd { padding-left: 30px; }
@media screen and (max-width: 960px) { #information .vision-grid01 > li:nth-child(1) dl > dd { padding-left: 0; } }

#information .vision-grid01 > li:nth-child(2) dl > dt { background: url(/information/images/ico_vision02.png) 50% 100% no-repeat; }

#information .vision-grid01 > li:nth-child(3) dl > dt { background: url(/information/images/ico_vision03.png) 50% 100% no-repeat; }

#information .vision-grid01 > li:nth-child(3) dl > dd { padding-left: 20px; }
@media screen and (max-width: 960px) { #information .vision-grid01 > li:nth-child(3) dl > dd { padding-left: 0; } }

#information .vision-list01 > li:before { color: #ce7cc2; }

@media screen and (max-width: 960px) { #information #vision-area01 { margin-bottom: 60px; } }
#information #vision-area01 .section-inner { position: relative; padding: 0; }
#information #vision-area01 p img { width: 100%; }
#information #vision-area01 .heading-vision01 { position: absolute; top: 0; left: 0; margin-top: 6.5217391304%; margin-left: 3.2608695652%; }
@media screen and (max-width: 960px) { #information #vision-area01 .heading-vision01 { position: static; margin: 20px 20px 30px; } }
#information #vision-area01 .vision-idea01 { position: absolute; top: 0; left: 0; max-width: 870px; margin-top: 6.5217391304%; margin-left: 1.3043478261%; text-align: center; }
@media screen and (max-width: 960px) { #information #vision-area01 .vision-idea01 { max-width: 100%; margin: 20% auto 0; } }
@media screen and (max-width: 640px) { #information #vision-area01 .vision-idea01 { margin-top: 28%; } }
@media screen and (max-width: 400px) { #information #vision-area01 .vision-idea01 { margin-top: 32%; } }
#information #vision-area01 .vision-idea01 img { width: 86.2068965517%; }

#information #vision-area02 .section-inner { position: relative; padding: 0; }
#information #vision-area02 p img { width: 100%; }
#information #vision-area02 .heading-vision01 { position: absolute; top: 0; right: 0; margin-right: 3.2608695652%; text-align: right; }
#information #vision-area02 .heading-vision01::after { left: auto; right: 0; }
@media screen and (max-width: 960px) { #information #vision-area02 .heading-vision01::after { left: 0; right: auto; } }
@media screen and (max-width: 960px) { #information #vision-area02 .heading-vision01 { position: static; margin: 20px; text-align: left; } }

#information #vision-area03 .section-inner { position: relative; padding: 0; }
#information #vision-area03 p img { width: 100%; }
#information #vision-area03 .section-item { position: absolute; top: 0; left: 0; width: 100%; margin-top: 20px; text-align: center; }
@media screen and (max-width: 640px) { #information #vision-area03 .section-item { position: static; } }
#information #vision-area03 .heading-lv02 { margin-bottom: 20px; font-size: 1.5rem; text-align: center; line-height: 1.4; }
@media screen and (max-width: 640px) { #information #vision-area03 .heading-lv02 { position: absolute; top: 0; left: 0; width: 100%; text-align: center; margin-top: 15%; } }
@media screen and (max-width: 640px) { #information #vision-area03 .vision-fig { position: absolute; top: 0; left: 0; width: 100%; text-align: center; margin-top: 30%; }
  #information #vision-area03 .vision-fig img { width: 70%; } }
#information #vision-area03 .vision-catch { margin-top: 36px; text-align: center; }
#information #vision-area03 .vision-catch dt { font-size: 2.875rem; }
@media screen and (max-width: 960px) { #information #vision-area03 .vision-catch dt { font-size: 2rem; } }
#information #vision-area03 .vision-catch dd { margin-top: 10px; font-size: 1.5rem; }
@media screen and (max-width: 960px) { #information #vision-area03 .vision-catch dd { font-size: 1.2rem; } }

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