@charset "UTF-8";

header#pattern4:not(.width_full) .wraper{
height: 110px;
}

header#pattern4:not(.width_full) .wraper h1{
right: calc((100% - 1450px)/2) !important;
left: unset;
}


.flex-sys-wrap{
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  align-items: flex-start;
}


/*手書き風ボタン
.btn_hand {
  padding: .5em 1em;
  background: #fff;
  border-radius: 10px 50px/50px 10px;
  border: dashed 3px #333;
display: inline-block;
width: 300px;
text-align: center;
margin: 0 10px;
}*/

.btn_hand a{
text-decoration: none;
padding: .5em 1em;
background: #fff;
border-radius: 10px 50px/50px 10px;
border: solid 3px #333;
display: block;
width: 300px;
text-align: center;
margin: 10px;
font-family: donguri-kana, 'Nico Moji', sans-serif;
font-weight: bold;
font-style: normal;
}
.btn_hand a:hover{
text-decoration: none;
padding: .5em 1em;
background: #333;
border-radius: 10px 50px/50px 10px;
border: solid 3px #333;
display: block;
width: 300px;
text-align: center;
margin: 10px;
color:#fff;
}

/*見出し 付箋風*/
h2.tag{
  width: 16.5rem;
  height: 4rem;  
  padding: 1em 1.5em;  
  overflow: hidden;
  box-shadow: .25rem 0 .25rem hsla(0, 0%, 0%, .1);  
  background-image:    linear-gradient(90deg, hsla(0, 0%, 45%, .1) 2rem, hsla(0, 100%, 100%, 0) 2.5rem)  , linear-gradient(90deg, hsla(20, 100%, 85%, 1), hsla(20, 100%, 85%, 1));  
  font-size: 1.5em;
  line-height: 1.8;
  white-space: nowrap;  text-overflow: ellipsis;
margin:0 auto;
color: #333;
}
@media screen and (max-width: 900px){
h2.tag{
padding: 0.7em;
}
}

/*ノート風*/
.note4{
  color: #000;
  margin: 2em auto;
  font-weight: bold;
  border: solid 1px #e6e6e6;
  padding: 0.3em 1em 2em 1em;
  box-shadow:2px 2px 0 rgba(0,0,0,.1);
background: #fff;
width: 80%;
text-align: center;
}
.sen4{
  background-color: #fff;
  background-image:
  linear-gradient(90deg, rgba(237, 119, 128, 0) 0%, rgba(237, 119, 128, 0) 50%, #fff 0%, #fff 100%), linear-gradient(180deg, rgba(100, 100, 100, 0) 0%, rgba(100, 100, 100, 0) 97.5%, #646464 100%);
  background-size: 8px 100%,100% 2em;
  line-height: 2em;
  padding: 2em 1em 0.2em 1em;
font-family: heisei-maru-gothic-std, sans-serif;
font-weight: 400;
font-style: normal;
}
.sen4 span{
background: linear-gradient(transparent 50%, #efb61e 55%);
display: inline;
}


/*チャート誘導用三角*/
.triangle3{
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid black;
}