@charset "UTF-8";
/* ================================================
reset
================================================ */
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

*::before, *::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

html::-webkit-scrollbar {
  width: 1px;
}

html::-webkit-scrollbar-thumb {
  background: #fff;
}

body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li {
  margin: 0;
  padding: 0;
  font-size: inherit;
}

header, nav, footer, section {
  display: block;
}

a {
  color: inherit;
  text-decoration: none;
  -webkit-transition: .2s;
  transition: .2s;
}

img {
  border: 0;
  width: 100%;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

/* ================================================
rem
================================================ */
html {
  font-size: 625%;
}

.sp_only{display: none;}

@media (min-width: 751px) and (max-width: 1280px) {
  html {
    font-size: calc(100vw / 12.8);
  }
}


@media (min-width: 751px) and (max-width: 1000px) {
  html {
    font-size: calc(100vw / 9.8);
  }
}




@media (max-width: 750px) {
  html {
    font-size: calc(100vw / 7.67);
  }
.sp_only{display: block;}
}


/* ================================================
layout
================================================ */
body {
	height: 100%;
	line-height: 1.6;
	background: url(../../portal/images/bg.jpg) no-repeat #fff top right;
  background-size:50%;
	font-family: -apple-system,BlinkMacSystemFont,'Helvetica Neue','Segoe UI','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','Meiryo UI',Meiryo,sans-serif;
	font-size: .18rem;
}

h1.portal_logo{
  width:40%;
  max-width: 700px;
  margin: 7% auto 3%;
}
h2.portal_title{
  width:50%;
  max-width: 779px;
  margin: 0 auto;
}
ul.portal_btn{
  width:80%;
  max-width:1200px;
  margin: 5% auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
ul.portal_btn li{
  background-image: linear-gradient(270deg, rgba(242, 169, 135, 1), rgba(245, 98, 133, 1));
  color: #fff;
  width:30%;
  padding: 0.5em 0;
  text-align: center;
  list-style: none;
  margin: 1%;
  transition : 0.5s;
}

ul.portal_btn li:hover {
  background-color: #1aa4a9;
  cursor: pointer;
  transition : 0.5s;
}


footer p{
  font-size: 13px;
  color: #4e454a;  
  text-align: center;
}

@media (min-width: 1600px) {
body {
  background-size:1920px;}

h1.portal_logo{
  margin: 130px auto 30px;
}
ul.portal_btn{
  margin: 70px auto;
}
}



@media (max-width: 750px) {
  body {
    background-size:150%;}


h1.portal_logo{
  width:50%;
  margin: 7% auto 3%;
}
h2.portal_title{
  width:100%;
}

    ul.portal_btn{
      width:100%;
    }
    ul.portal_btn li{
      width: 40%;
      font-size: 1.5em;
    }

}