@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900&display=swap');



/* ==============================================
setting
============================================== */

* {
margin:0;
padding:0;
}
#tamahiyo_character body{
overflow-x: hidden;
}
#tamahiyo_character h1,#tamahiyo_character h2,#tamahiyo_character h3,#tamahiyo_character h4,#tamahiyo_character h5,#tamahiyo_character p,#tamahiyo_character th,#tamahiyo_character td,#tamahiyo_character dt,#tamahiyo_character dd,#tamahiyo_character li,#tamahiyo_character input,#tamahiyo_character select {
font-family:"Roboto","Noto Sans JP","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
font-weight:400;
font-size: 15px;
line-height: 28px;
letter-spacing: 0.5px;
margin:0;
padding:0;
color:#222222;
}
#tamahiyo_character h1,#tamahiyo_character h2,#tamahiyo_character h3,#tamahiyo_character h4,#tamahiyo_character h5,#tamahiyo_character div,#tamahiyo_character table,#tamahiyo_character th,#tamahiyo_character td,#tamahiyo_character dl,#tamahiyo_character dt,#tamahiyo_character dd,#tamahiyo_character ul,#tamahiyo_character li,#tamahiyo_character p,#tamahiyo_character a,#tamahiyo_character strong,#tamahiyo_character span,#tamahiyo_character input,#tamahiyo_character select {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
#tamahiyo_character img {
width: 100%;
height: auto;
border:none;
vertical-align:middle;
}
#tamahiyo_character table {
border-collapse:collapse;
border-spacing:0;
}
#tamahiyo_character ul {
list-style:none;
}
#tamahiyo_character sup {
font-size: 10px;
line-height: 10px;
}
#tamahiyo_character ul:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
#tamahiyo_character ul:after { content:"."; clear:both; height:0; display:block; visibility:hidden; }
* html #tamahiyo_character ul { display:inline-block; }
*:first-child+html #tamahiyo_character ul { display:inline-block; }

#tamahiyo_character a:link {color:#222222; text-decoration:none;}
#tamahiyo_character a:visited {color:#222222; text-decoration:none;}
#tamahiyo_character a:active {color:#222222; text-decoration:none;}
#tamahiyo_character a{
-webkit-transition: 0.2s ease-out;
transition: 0.2s ease-out;
}
#tamahiyo_character a:hover{
opacity: 0.7;
}



#tamahiyo_character .sp{
display:none!important;
}

/* ==============================================
#tamahiyo_character
============================================== */
#tamahiyo_character{
background: #fff;
}
#tamahiyo_character h1{
padding: 20px 0 0 0;
}
#tamahiyo_character p{
font-size: 14px;
line-height: 24px;	
margin:0 5%;
padding:20px 0 20px 0;
text-align: center;
}

/*outline*/
#tamahiyo_character #outline{
padding:0 0 20px 0;
}
#tamahiyo_character #outline ul{
display: flex;
justify-content:center;
flex-wrap: wrap;
margin: 0 auto;
text-align: center;
max-width: 600px;
}
#tamahiyo_character #outline ul li{
width: 30%;
padding: 0 5px;
}
#tamahiyo_character #outline ul li:nth-child(7){
width: 40%;
}
#tamahiyo_character #outline ul li:nth-child(8){
width: 40%;
}
/*character*/
#tamahiyo_character #character ul{
display: flex;
justify-content:center;
flex-wrap: wrap;
margin: 0 auto;
text-align: center;
}
#tamahiyo_character #character ul li{
padding: 20px 0 0 0;
width: 50%;
}
#tamahiyo_character #character ul li p{
margin: 0 5%;
font-size: 14px;
line-height: 24px;
text-align: left;
}
/*banner_aera*/
#tamahiyo_character #banner_aera {
margin:60px 0 0 0;
}
#tamahiyo_character #banner_aera ul{
display: flex;
justify-content:space-between;
flex-wrap: wrap;
margin: 0 auto;
text-align: center;
}
#tamahiyo_character #banner_aera ul li{
width: 49%;
padding:0 0 10px 0;
}

#tamahiyo_character #banner_aera p .dli-arrow-right {
  display: inline-block;
  vertical-align: middle;
  color: #333;
  line-height: 1;
  position: relative;
  width: 1em;
  height: 0.1em;
  background: currentColor;
margin: 0 0 0 10px;
}

#tamahiyo_character #banner_aera p .dli-arrow-right::before {
  content: '';
  width: 0.65em;
  height: 0.65em;
  border: 0.1em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  transform: rotate(45deg);
  transform-origin: top right;
  position: absolute;
  top: 50%;
  right: -0.05em;
  box-sizing: border-box;
}