.site {
    background-color: rgba(0,0,0,0);
}

@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}


.parent{
  width: auto;
  height: 200px;
  /* border: 1px solid #aaa; */
  padding: 20px;
  margin: 20px;
  position: relative;
}
.inner{
    /* border: 1px solid #aaa; */
    width: 600px;
    height: 350px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    margin: auto;
}

.batchparent{
  width: auto;
  height: 200px;
  /* border: 1px solid #aaa; */
  padding: 20px;
  margin: 20px;
  position: relative;
}
.batchinner{
    width: 80%;
    height: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  padding: 20px;
  /* border: 1px solid #ccc; */
}


.iconparent{
  width: auto;
  height: 400px;
  /* border: 1px solid #aaa; */
  padding: 20px;
  margin: 20px;
  position: relative;
}
.iconinner{
    width: 80%;
    height: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  padding: 20px;
  /* border: 1px solid #ccc; */
}

.sosuu-site-footer {
	background-color: #bcd1d5;
	color: #bcd1d5;
	font-size: 14px;
	text-align: center;
}

p.sosuu { 
  font-family: "fot-matisse-pron","メイリオ", Meiryo, "Source Sans Pro", Helvetica, sans-serif;
font-size: 280%; 
font-weight: 800; 
color: black; }



li.sosuu { 
 font-family: "a-otf-futo-go-b101-pr6n","メイリオ", Meiryo, "Source Sans Pro", Helvetica, sans-serif;
font-size:200%; 
color: black;
font-weight: 800;}


h3.sosuu {
  font-family: "a-otf-futo-go-b101-pr6n","メイリオ", Meiryo, "Source Sans Pro", Helvetica, sans-serif;
font-size:280%; 
  position: relative;
  padding: 1em .4em 0em;
}
h3.sosuu::after {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: '';
  width: 100%;
  height: 10px;
  background-color: #5951c6;
}

h2.sosuu{

font-family: "a-otf-futo-go-b101-pr6n","メイリオ", Meiryo, "Source Sans Pro", Helvetica, sans-serif;
font-size: 280%;  !important;
line-height: 55px !important;
font-weight: bold !important;
color: #FFF !important;
background: #675cf4 !important;
-webkit-border-radius: 4px !important;
-moz-border-radius: 4px !important;
border-radius: 4px !important;
position: relative !important;
margin: 40px 10px 23px 0 !important;
padding: 10px 10px 10px 10px !important;
border-radius: 3px !important;
box-shadow:1px 3px 7px 0px  #666666 !important;
border: 3px solid #847cf8 !important;
}


/* 画面サイズの横幅が 768px より小さい場合に適用 */
@media screen and (max-width: 768px) {
p.sosuu { 
  font-family: "fot-matisse-pron","メイリオ", Meiryo, "Source Sans Pro", Helvetica, sans-serif;
font-size: 120%; 
font-weight: 800; 
color: black; }


h3.sosuu {
  font-family: "a-otf-futo-go-b101-pr6n","メイリオ", Meiryo, "Source Sans Pro", Helvetica, sans-serif;
  font-size:250%; 
  position: relative;
  padding: 1em .4em 0em;
color: black;
}
h3.sosuu::after {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  content: '';
  width: 100%;
  height: 10px;
  background-color: #ff51c6;
}

h2.sosuu{

font-family: "a-otf-futo-go-b101-pr6n","メイリオ", Meiryo, "Source Sans Pro", Helvetica, sans-serif;
font-size: 26px !important;
line-height: 32px !important;
font-weight: bold !important;
color: #FFF !important;
background: #675cf4 !important;
-webkit-border-radius: 4px !important;
-moz-border-radius: 4px !important;
border-radius: 4px !important;
position: relative !important;
margin: 40px 10px 23px 6px !important;
padding: 10px 10px 10px 10px !important;
border-radius: 3px !important;
box-shadow:1px 3px 7px 0px  #666666 !important;
border: 3px solid #847cf8 !important;
}



li.sosuu {  font-family: "a-otf-futo-go-b101-pr6n","メイリオ", Meiryo, "Source Sans Pro", Helvetica, sans-serif;
font-size: 120%; 
font-weight: 800; 
color: black; }


.parent{
  width: auto;
  height: 200px;
  /* border: 1px solid #aaa; */
  padding: 0px;
  margin: 0px;
  position: relative;
}
.inner{
    /* border: 1px solid #aaa; */
    width: auto;
    height: 350px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    margin: auto;
}

.iconparent{
  width: auto;
  height: 400px;
  /* border: 1px solid #aaa; */
  padding: -30px;
  margin: 0px;
  position: relative;
}
.iconinner{
    width: 80%;
    height: 80%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  padding: 20px 0px 50px 0px;
  /* border: 1px solid #ccc; */
}

}