@charset "UTF-8";
/* CSS Document */
.nav_area a {
  color: #ffb282;
  justify-content: normal;
  width: 100%;
  margin: 3% auto; }
  .nav_area a img {
    width: 20px;
    height: 20px;
    margin: 0 10px 0 0; }
.nav_area ul {
  line-height: 1;
  width: 90%;
  padding: 0;
  margin: auto;
  box-sizing: border-box;
  border: solid 2px #ffb282;
  padding: 0 3%; }
.nav_area li {
  list-style: none !important;
  margin-bottom: 0 !important; }

.disp_pc {
  display: block; }
  @media screen and (max-width: 750px) {
    .disp_pc {
      display: none; } }

.disp_sp {
  display: none; }
  @media screen and (max-width: 750px) {
    .disp_sp {
      display: block; } }

.center {
  text-align: center; }

body, html {
  margin: 0;
  padding: 0; }

html {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Noto Sans", "NotoSansCJKjp", "Noto Sans CJK JP", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

main {
  width: 100%; }
  main section {
    margin-bottom: 40px; }
    main section div {
      width: 100%;
      max-width: 768px;
      margin: auto; }
      main section div img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
        margin-bottom: 20px; }
      main section div h1 {
        width: 100%;
        margin: 0 auto;
        font-size: 1.5rem;
        padding: 10px 0 10px 0; }
        @media screen and (max-width: 750px) {
          main section div h1 {
            width: 92%;
            font-size: 1.4rem; } }
      main section div h2, main section div h3 {
        width: 100%;
        margin: 0 auto 20px auto;
        font-size: 1.5rem; }
        @media screen and (max-width: 750px) {
          main section div h2, main section div h3 {
            width: 92%;
            font-size: 1.4rem; } }
      main section div h2 {
        border-bottom: 2px solid #ffb282;
        border-left: 10px solid #ffb282;
        border-right: 0px solid #ffb282;
        border-top: 0px solid #ffb282;
        padding: 8px; }
    main section p {
      width: 100%;
      line-height: 1.6;
      font-size: 14pt;
      margin: 0 auto 20px auto;
      color: #555;
      font-weight: normal; }
      @media screen and (max-width: 750px) {
        main section p {
          width: 92%;
          font-size: 1rem; } }
      main section p small {
        line-height: 1.5;
        display: block; }
      main section p u {
        font-weight: bold;
        text-align: center;
        display: block; }
      main section p u, main section p .red {
        color: #ff0000; }
    main section ul {
      line-height: 1.4;
      font-size: 14pt;
      width: 100%;
      margin: 20px auto;
      color: #555;
      box-sizing: border-box;
      padding: 0 0 0 1.5rem;
      padding: 0 0 0 1.5rem; }
      @media screen and (max-width: 750px) {
        main section ul {
          width: 92%;
          font-size: 1rem; } }
      main section ul li {
        margin-bottom: 8px; }
    main section .blue {
      color: #445bf4; }
    main section .orange {
      color: #FFA600; }
    main section .pink {
      color: #f444f2; }
    main section .pr {
      text-align: right;
      font-size: 8pt; }
    main section a {
      word-break: break-all; }
    main section small {
      font-size: 8pt; }

/*
footer{
	margin-top: 60px;
	width: 100%;
	background: #000;
	padding: 20px 0;
    @include mq() { 
		padding-bottom: 180px;
	}
	
	ul{
		margin: 0 auto 40px auto;
		padding: 0;
		display: flex;
		justify-content: center;
		width: 100%;
		li{
			list-style: none;			
			margin: 0 5%;
			text-align: center;
		}
	}
	a{
		color: #fff;
		text-decoration: none;
	}
	
	small{
		color: #fff;
		display: block;
		text-align: center;
	}
	
	div{
		text-align: center;
		margin: 10px 0;
	}
}
*/
ul#real {
  width: 100%;
  padding: 5% 0; }
  ul#real .flex {
    margin: 0 auto; }
  ul#real img {
    width: 50%;
    display: block; }

.flex {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  width: 92%;
  margin: 8% auto;
  -webkit-align-items: center;
  align-items: center; }
  .flex figure {
    width: 85px;
    margin: 0 10px 0 0;
    height: 85px; }
  .flex p {
    margin: 0; }

.fixed_bunner {
  position: fixed;
  right: 0;
  top: 25%;
  z-index: 999; }
  @media screen and (max-width: 750px) {
    .fixed_bunner {
      position: fixed;
      bottom: 0;
      top: inherit;
      background: rgba(0, 0, 0, 0.6);
      width: 100%; } }
  @media screen and (max-width: 750px) {
    .fixed_bunner a {
      display: block;
      width: 100%; } }
  @media screen and (max-width: 750px) {
    .fixed_bunner img {
      width: 96%;
      height: auto;
      margin: auto; } }