@import url("s1.css");
@charset "UTF-8";
/* CSS Document */
/* s0.css PC用スタイル0 */



/*ドラフトスタイル*/

/*
main,
body,
.lv2:not(hr){
    border:solid 0.1px blue;
    background:rgba(0, 0, 255, 0.15);
}
.lv3:not(hr){
    border:solid 0.1px red;
    background:rgba(255, 0, 0, 0.15);
}
.lv4:not(hr){
    border:solid 0.1px green;
    background:rgba(0, 128, 0, 0.15);
}
.lv5:not(hr){
    border:solid 0.1px violet;
    background:rgba(238, 130, 238, 0.15);
}
.lv6:not(hr){
    border:solid 0.1px orange;
    background:rgba(255, 165, 0, 0.15);
}
*{font-size:1vw;}
*/

/*
dd{
    background-color:green;opacity:0.8;
}
*/




/* iOSでのデフォルトスタイルをリセット */
input[type="reset"],
input[type="comfirm"],
input[type="submit"],
input[type="button"]{
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}


/*背景設定*/

















 


















 


















 


















 



















/*スタイルリセット*/
.lv1, .lv2, .lv3, .lv4{
    width:100%;
    position:relative;
}
small,
h1,
h1 span,
footer p,
a,
a:link,
a:visited,
a:hover,
a:active {
  color: #fff;
}
a.a1,
a.a1:link,
a.a1:visited,
a.a1:hover,
a.a1:active {
  color: #000;
}
* {
  color: rgba(0,0,0,1);
  text-align: center;
  font-family: "Sawarabi Mincho";

  list-style: none;
  text-decoration: none;
  box-sizing: border-box;
  font-style: normal;
  display:grid;
  margin-block-start: 0vw;
  margin-block-end: 0vw;
  margin-inline-start: 0vw;
  margin-inline-end: 0vw;
  margin-start: 0vw;
  margin-end: 0vw;
  margin-before: 0vw;
  margin-after: 0vw;
  -webkit-margin-start:0vw;
  -webkit-margin-end: 0vw;
  -webkit-margin-before: 0vw;
  -webkit-margin-after: 0vw;
  padding:0;
  border-width:0;
}
head,/*nav,*/h1,h2,h3,h4,h5,h6,article,p{display: block;}

head,script{display: none;}
article{display: block;}
article *{display: block;}
article p{margin-bottom:5vw;}
article strong{margin-bottom:4vw;}


.cC,
.cC *,
.cC a,
.cC a:link,
.cC a:visited,
.cC a:hover,
.cC a:active {
  color:rgba(0,0,0,0);
}
nav a,
nav a:link,
nav a:visited,
nav a:hover,
nav a:active {
  color:#000;
}
h1,
h1 span,
menu a,
small,
.cF, .cF *,
.cF a,
.cF a:link,
.cF a:visited,
.cF a:hover,
.cF a:active {
  color: #fff;
}
.c0, .c0 *{color: #000;}
.cO{color: #1E77A7;}

.bF,form
{background:rgba(255,255,255,1  );}
.b0
{background:#000; color:#fff;}
.bG
{background:#9fa0a0; color:#000;}
.taL, .taL *,dl, dt,dd,p,.ip
strong,strong span,h3,h4,ol li
{text-align: left; padding:0;}
.taC{text-align: center;}
.taC > *{text-align: center;}
.taR,address,small
{text-align: right;}
.taR > *
{text-align: right;}
.mg0{margin:0;}
.mgA{margin:auto;}
.ml0{margin-left:0;}
.mr0{margin-right:0;}
.gb{background-color:gray;}
.bg{background:#ffda00;}
menu,ul,ol{padding:0;}
hr{
    border:solid 0;
    border-top:solid 0.2vw  #b28182;
}
em.lv4{
    background-color:rgba(102, 3, 3, 0.3);
    margin:auto;
    margin-top:0;
    width:initial;
}
.cC0{/* colorCustom0 */
    color: #5e0000;
}
[class^="Lv"]
{display: flex; flex-wrap: wrap; justify-content: space-between;}
.dFc,dt
{display:flex; align-items: center; justify-content: center; text-align: center;}
.dFc1
{display:flex; align-items: center;}
.dFc2,h1
{display:flex; align-items: center; text-align: center; justify-content: center; flex-flow: column}
.dFc3 dd,.dFc4
{display:flex; align-items: center; text-align: left;}/* 縦のみ中心 */
.dFc4
{display:flex; align-items: center; text-align: left; justify-content: center;}
.dFc5
{display:flex; text-align: left; justify-content: center;}
.dFb{display:flex; align-items: center; justify-content: space-between; text-align: center;}
.dFc > *,.dFca > *,.dFb > * ,.dFc3 dt >*{flex-grow: 1;}
.cc{display: flex; justify-content: center; align-items: center;}
.ccc{display: flex; justify-content: center; align-items: center; text-align: center;}
.cccC{display: flex; justify-content: center; align-items: center; text-align: center; flex-flow:column;}
.ccc p{text-align: center;}
.ee{display: flex; justify-content: flex-end; align-items: flex-end;}



span{display: inline;}
h1 span, h2 span,p span,ol,*::before{display: block;}
span >span{display: inline-block;}
img{max-height: 100%; max-width: 100%;}
.dIb,em,dd{display: inline-block;}
.lv3{width:100%;}
.lv4{width:100%;}

dd input,textarea,
span.ip
{width:100%; border:solid 0; background:#dcdddd; /*opacity:0.5;*/ display:block; text-align: left;}
.ta
{height:24vw;}
br.mb2{margin-bottom:2vw;}

/* 文字サイズ */
.p80,h1 span:nth-child(1)
{/* 仮 */font-size: 5.7vw; line-height: vw;}
.p32,article strong span,*::before,.sp1
{font-size: 2.5vw; line-height: vw;}
.p28,h1 span:nth-child(2)
{font-size: 2.3vw; line-height: vw;}
.p28a
{font-size: 2.1vw; line-height: vw;}
.p24,.p24 p,article strong,.a1,dt,dd,.btn *, .ip
{font-size: 1.6vw; line-height: vw;}
.p16,p,p span,.sp2
{font-size: 1.35vw; line-height: 2.6vw;}
.p16a p
{font-size: 1.2vw; line-height: 2.6vw;}
.p14
{font-size: 1.2vw; line-height: vw;}
.p12,nav a,footer a,small
{font-size: 1vw; line-height: vw;}
.p28gb
{ font-size: 2.3vw;  font-weight:bold; font-family: "Sawarabi Gothic";}
.p28gba
{font-size: 2.2vw; line-height: vw; font-weight: bold;font-family: "Sawarabi Gothic";}
.p28g,h2,h2 span:nth-child(1)
{/* 仮 */font-size: 2.3vw; line-height: vw; font-family: "Sawarabi Gothic";}
.p12g,h2 span:nth-child(2)
{font-size: 1vw; line-height: vw; font-family: "Sawarabi Gothic";}


.a1{border:solid 0.15vw #147EB2; color:#000;line-height:5vw;}
.sp1{color:#1E77A7;display:inline-block;}
.sp2{font-weight: bold; display: block; text-align: left;}
.sp3{margin-top:2.2vw; text-align: left;}

/*
{
    text-shadow    : 
       3px  3px 1px #ffffff,
      -3px  3px 1px #ffffff,
       3px -3px 1px #ffffff,
      -3px -3px 1px #ffffff,
       3px  0px 1px #ffffff,
       0px  3px 1px #ffffff,
      -3px  0px 1px #ffffff,
       0px -3px 1px #ffffff;
}
*/





<span class="">