@charset "UTF-8";

html,body,p,div,img,table,th,tbody,td,tr,h1,h2,h3,h4,h5,span{margin:0;padding:0;line-height:100%;}

body{background-color:#ffffff;font-family: 'xxxxx';/*--background-image:url("../img/20230523haikei.png");--*/background-repeat:repeat;}/*---666666---*/
select,option,button,input,textarea{font-family: 'xxxxx';}
img{vertical-align:bottom;margin:0;padding:0;}

@font-face {
  font-family: 'sboldfont';
  src: url('../fonts/sboldfont.woff');
}

@font-face {
  font-family: 'sboldfont';
  src: url('../fonts/sboldfont.woff2');
}

@font-face {
  font-family: 'sboldfont';
  src: url('../fonts/sboldfont.otf');
}





@font-face {
  font-family: 'smidiumfont';
  src: url('../fonts/smidiumfont.woff');
}

@font-face {
  font-family: 'smidiumfont';
  src: url('../fonts/smidiumfont.otf');
}





@font-face {
  font-family: 'smallrfont';
  src: url('../fonts/smallrfont.woff');
}

@font-face {
  font-family: 'smallrfont';
  src: url('../fonts/smallrfont.woff2');
}

@font-face {
  font-family: 'smallrfont';
  src: url('../fonts/smallrfont.otf');
}





/*----------------------------

{
max-width:;
width:;
height:;
padding:0;
margin:0;
border:0;
border-radius:;
vertical-align:;
font-size:;
font-weight:;
font-family:;
color:;
line-height:;
letter-spacing:;
background-size:;
background-image:url("../img/");
background-repeat;
background-color:#;
text-decoration:;
}

フォントの濃い青
#352d57

治療の主な効果の背景色
#e8f0fe

質問事項のバックグラウンド質問部分の背景色
#85b1f8

質問事項のバックグラウンド答え部分の背景色
#bcf3fa

治療の流れの背景色
#faf2e7

太いフォント
font-family: 'sboldfont';

普通のフォント
font-family: 'smidiumfont';

若干細いフォント
font-family: 'smallrfont';


-------------------------------*/


/*-------- 1pxから759pxxまでのcss設定 
@media screen and (min-width:1px) and ( max-width:759px) {
}
--------*/


/*-------- 760px以降のcss設定 
@media screen and (min-width:760px) {
}
--------*/















#square_content {
  max-width: 200px;
  margin:0 auto;
  border:1px solid #000;
}

#square_box{
  width: 100%;
  padding-top: 100%;
  background: #ffb6c1;
}

#circle_content {
  max-width: 200px;
    margin:0 auto;
  border:1px solid #000;
}

#circle_box{
  width: 100%;
  padding-top: 100%;
  border-radius:100%;
  background: #ffb6c1;
}






























@media screen and (min-width:1px) and ( max-width:759px) {


div#pageall{
width:759px;
height:auto;
margin:0 auto;
border:0;
/*--background-color:#ffffff;--*/
/*--/*--background-image:url("../img/20230523haikei.png");--*/--*/

overflow:hidden;
}



div#header{
width:759px;
height:auto;
margin:0 auto;
border:0;
background-color:#ffffff;
/*--background-image:url("../img/20230523haikei.png");--*/
}

img#headertitile{
display:block;
width:400px;
height:auto;
margin:0 0 0 60px;
border:0;
}

div#headerlinkbox{
width:759px;
height:auto;
margin:0 auto;
border-top:2px solid #3a5ca0;
border-bottom:2px solid #ffffff;
background-color:#ffffff;
/*--background-image:url("../img/20230523haikei.png");--*/
padding:15px 0;
}

div#headerlinksboxin{
max-width:600px;
height:auto;
margin:0 auto;
border:0;

}

div#headerlinksboxbtn{

width:100%;
height:auto;
text-align:center;
}

a#headerlinksboxbtnlinks{
color:#352d57;
font-size:1em;
letter-spacing:1px;
line-height:;
text-decoration:none;
font-family: 'smidiumfont';
}

a#headerlinksboxbtnlinks:hover{
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}

div#mainbg{
max-width:1366px;
width:100%;
height:auto;
margin:0 auto;
border:0;
background-color:#ffffff;
}

img#mainbggazou{
display:block;
width:759px;
height:auto;
margin:0 auto;
border:0;
}



div#contswords1{
max-width:950px;
width:90%;
height:auto;
padding:0;
margin:0 auto;
border:0;
text-align:center;
vertical-align:;
font-size:1.1em;
font-weight:;
color:#352d57;
line-height:40px;
letter-spacing:2px;
background-size:;
background-image:url("../img/");
background-repeat;
background-color:#;
text-decoration:;
font-family: 'smidiumfont';
}

div#otherbg1{
max-width:1366px;
width:90%;
height:auto;
margin:0 auto;
border:0;
}

img#otherbg1gazou{
display:block;
max-width:800px;;
width:90%;
height:auto;
margin:0 auto;
border:0;
}


table#tboxmaster1{
max-width:900px;
border: 0;
border-collapse: collapse;
width: 90%;
margin:0 auto;
padding:0;
}

td#tboxsub1{
width:8%;
height:auto;
padding:3px 0 0 0;
margin:0 auto;
border:0;
text-align:left;
vertical-align:bottom;
font-size:1.1em;
font-weight:;
color:#030303;
line-height:2px;
letter-spacing:2px;
background-size:;
background-image:url("../img/");
background-repeat;
background-color:#;
text-decoration:;
font-family: 'smidiumfont';
}

td#tboxsub2{
width:42%;
height:auto;
padding:0;
margin:0 auto;
border:0;
text-align:left;
vertical-align:top;
font-size:1.1em;
font-weight:;
color:#030303;
line-height:40px;
letter-spacing:2px;
background-size:;
background-image:url("../img/");
background-repeat;
background-color:#;
text-decoration:;
font-family: 'smidiumfont';
}

img#tboxsub1gazou{
display:block;
max-width:40px;
width:100%;
height:auto;
margin:0 auto;
border:0;
}

div#otherbg2{
max-width:1366px;
width:90%;
height:auto;
margin:0 auto;
border:0;
}

img#otherbg2gazou{
display:block;
max-width:800px;
width:90%;
height:auto;
margin:0 auto;
border:0;
}




div#tiryouboxmaster{
max-width:1366px;
height:auto;
margin:0 auto;
position: relative;
}

div#tiryouboxsub{
max-width:1366px;
width:100%;
height:auto;
margin:1% 0 0 0;

position:absolute;
z-index:2;

    transform: translateX(18%);
    -webkit-transform: translateX(18%);
    -ms-transform: translateX(18%);
text-align:left;
font-size:1em;
color:#352d57;
line-height:170%;
letter-spacing:2px;
font-family: 'smidiumfont';
}

div#tiryouboxmini{
max-width:1366px;
height:auto;
margin:0 auto;
position:absolute;
z-index:1;
background-color:#e8f0fe;
}








.toggle_contents1{
font-family: 'smidiumfont';
font-size:1.1em;
letter-spacing:1px;
height:auto;
margin:0 auto;
background-color:#030303;
}

.toggle_title1{
font-weight: ;
line-height: 42px;
margin: 0;
color: #ffffff;
padding: 7px 0 7px 20px;
position: relative;
cursor: pointer;
transition: 0.3s;
}

.toggle_title1:hover{
color: #fafafa;
}

.toggle_title1:after{
content: "";
display: inline-block;
width: 30px;
height: 30px;
background:url("../img/btn_arrow.png") no-repeat right top;
position:absolute;
top: 50%;
right: 7px;
transform: translateY(-50%);
transition: 0.2s;
}

.toggle_title1.selected:after {
transform: translateY(-50%) rotate(-45deg);
transition: 0.2s;
}

.toggle_txt1 {
display: none;
padding: 10px 0 20px 20px;
background-color:#ffffff;
line-height:30px;
color:#352d57;
margin:0;
}









.toggle_contents2{
font-family: 'smidiumfont';
font-size:1.1em;
letter-spacing:1px;
height:auto;
margin:0 auto;
background-color:#dddbdb;
}

.toggle_title2{
font-weight: ;
line-height: 42px;
margin: 0;
color: #030303;
padding: 7px 0 7px 20px;
position: relative;
cursor: pointer;
transition: 0.3s;
}

.toggle_title2:hover{
color: #352d57;
}

.toggle_title2:after{
content: "";
display: inline-block;
width: 30px;
height: 30px;
background:url("../img/btn_arrow2.png") no-repeat right top;
position:absolute;
top: 50%;
right: 7px;
transform: translateY(-50%);
transition: 0.2s;
}

.toggle_title2.selected:after {
transform: translateY(-50%) rotate(-45deg);
transition: 0.2s;
}

.toggle_txt2 {
display: none;
padding: 10px 0 20px 20px;
background-color:#ffffff;
line-height:30px;
color:#030303;
margin:0;
}






div#nagareboxex{
max-width:1366px;
height:auto;
margin:0 auto;
background-image:url("../img/021.png");
background-repeat:no-repeat;
background-size:100% auto;
}



div#otherbg3{
max-width:1366px;
width:85%;
height:auto;
margin:0 auto;
border:0;
}

img#otherbg3gazou{
display:block;
max-width:900px;
width:85%;
height:auto;
margin:0 auto;
border:0;
padding:3px 0 3px 0;
}

img#otherbg3gazoutop{
display:block;
max-width:900px;
width:85%;
height:auto;
margin:0 auto;
border:0;
padding:40px 0 3px 0;
}


div#otherbg3top{
max-width:1366px;
width:85%;
height:auto;
margin:0 auto;
border:0;
}


div#contswords2{
max-width:800px;
width:90%;
height:auto;
text-align:center;
font-size:1.4em;
color:#352d57;
margin:-12px auto 0 auto;
line-height:90%;
letter-spacing:2px;
font-family: 'smidiumfont';
}

span#titlessubaubd{
font-weight:bold;
}

div#contswords2b{
max-width:800px;
width:90%;
height:auto;
text-align:center;
font-size:1em;
color:#030303;
margin:10px auto 0 auto;
line-height:180%;
letter-spacing:2px;
font-family: 'smidiumfont';
}










/*----------------------20230616 new area --------------------------------------------------*/
div#contswordsex001{
max-width:900px;
width:100%;
height:auto;
text-align:center;
font-size:1.1em;
color:#030303;
margin:20px auto 0 auto;
line-height:45px;
letter-spacing:-1px;
font-family: 'smidiumfont';
}



div#contswordsex002{
max-width:900px;
width:100%;
height:auto;
text-align:center;
font-size:1.1em;
color:#030303;
margin:20px auto 0 auto;
line-height:45px;
letter-spacing:-1px;
font-family: 'smidiumfont';
}





div#contswordsex003ins{
max-width:1366px;
width:100%;
padding:3% 0 6% 0;
background-color:#f6f2f2;
}

div#contswordsex003{
max-width:800px;
width:70%;
height:auto;
padding:0 0 0 0;
text-align:left;
font-size:1.1em;
color:#de2111;
margin:20px auto 0 auto;
background-color:#f6f2f2;
line-height:51px;
letter-spacing:-1px;
font-family: 'smidiumfont';
}


.Text-Spanex001 {
  position: relative;
  z-index: 1;
}
.Text-Spanex001:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 0%;
  height: 7px;
  background: #ffdd00;
  z-index: -1;
  transition: all 2s;
}
.Text-Spanex001.isActive:after {
  width: 100%;
}



.Text-Spanex002 {
  position: relative;
  z-index: 1;
}
.Text-Spanex002:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 0%;
  height: 7px;
  background: #ffdd00;
  z-index: -1;
  transition: all 2s;
  transition-delay: 0.2s;
}
.Text-Spanex002.isActive:after {
  width: 100%;
}



.Text-Spanex003 {
  position: relative;
  z-index: 1;
}
.Text-Spanex003:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 0%;
  height: 7px;
  background: #ffdd00;
  z-index: -1;
  transition: all 2s;
  transition-delay:0.4s;
}
.Text-Spanex003.isActive:after {
  width: 100%;
}



.Text-Spanex004 {
  position: relative;
  z-index: 1;
}
.Text-Spanex004:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 0%;
  height: 7px;
  background: #ffdd00;
  z-index: -1;
  transition: all 2s;
  transition-delay: 0.6s;
}
.Text-Spanex004.isActive:after {
  width: 100%;
}



.Text-Spanex005 {
  position: relative;
  z-index: 1;
}
.Text-Spanex005:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 0%;
  height: 7px;
  background: #ffdd00;
  z-index: -1;
  transition: all 2s;
  transition-delay: 0.8s;
}
.Text-Spanex005.isActive:after {
  width: 100%;
}



.Text-Spanex006 {
  position: relative;
  z-index: 1;
}
.Text-Spanex006:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 0%;
  height: 7px;
  background: #ffdd00;
  z-index: -1;
  transition: all 2s;
  transition-delay: 1s;
}
.Text-Spanex006.isActive:after {
  width: 100%;
}



.Text-Spanex007 {
  position: relative;
  z-index: 1;
}
.Text-Spanex007:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 0%;
  height: 7px;
  background: #ffdd00;
  z-index: -1;
  transition: all 2s;
  transition-delay: 1.2s;
}
.Text-Spanex007.isActive:after {
  width: 100%;
}



.Text-Spanex008 {
  position: relative;
  z-index: 1;
}
.Text-Spanex008:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 0%;
  height: 7px;
  background: #ffdd00;
  z-index: -1;
  transition: all 2s;
  transition-delay: 1.4s;
}
.Text-Spanex008.isActive:after {
  width: 100%;
}



.Text-Spanex009 {
  position: relative;
  z-index: 1;
}
.Text-Spanex009:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 0%;
  height: 7px;
  background: #ffdd00;
  z-index: -1;
  transition: all 2s;
  transition-delay: 1.6s;
}
.Text-Spanex009.isActive:after {
  width: 100%;
}



.Text-Spanex010 {
  position: relative;
  z-index: 1;
}
.Text-Spanex010:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 0%;
  height: 7px;
  background: #ffdd00;
  z-index: -1;
  transition: all 2s;
  transition-delay: 1.8s;
}
.Text-Spanex010.isActive:after {
  width: 100%;
}



.Text-Spanex011 {
  position: relative;
  z-index: 1;
}
.Text-Spanex011:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 0%;
  height: 7px;
  background: #ffdd00;
  z-index: -1;
  transition: all 2s;
  transition-delay: 2s;
}
.Text-Spanex011.isActive:after {
  width: 100%;
}



.Text-Spanex012 {
  position: relative;
  z-index: 1;
}
.Text-Spanex012:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 0%;
  height: 7px;
  background: #ffdd00;
  z-index: -1;
  transition: all 2s;
  transition-delay: 2.2s;
}
.Text-Spanex012.isActive:after {
  width: 100%;
}





div#contswordsex004{
max-width:800px;
width:70%;
height:auto;
padding:0 0 0 0;
text-align:left;
font-size:1.1em;
color:#030303;
margin:20px auto 0 auto;
background-color:#ffffff;
line-height:51px;
letter-spacing:-1px;
font-family: 'smidiumfont';
}





div#contswordsex005ins{
max-width:1366px;
width:100%;
padding:3% 0 6% 0;
background-color:#f6f2f2;
}

div#contswordsex005{
max-width:800px;
width:70%;
height:auto;
padding:0 0 0 0;
text-align:left;
font-size:1.1em;
color:#de2111;
margin:20px auto 0 auto;
background-color:#f6f2f2;
line-height:51px;
letter-spacing:-1px;
font-family: 'smidiumfont';
}


div#contswordsex006{
max-width:900px;
width:100%;
height:auto;
text-align:center;
font-size:1.1em;
color:#030303;
margin:20px auto 0 auto;
line-height:45px;
letter-spacing:-1px;
font-family: 'smidiumfont';
}











/*----------------------20230616 new area --------------------------------------------------*/






































img#tboxsub2gazou{
display:block;
max-width:40px;
width:100%;
height:auto;
margin:0 auto 0 auto;
border:0;
}



table#tboxmaster2{
width:650px;
border: 0;
border-collapse: collapse;
margin:0 auto;
padding:0;
}

td#tboxsub3{
width:70%;
height:auto;
padding:0 0 0 3%;
margin:0 auto;
border-top:2px solid #2a397b;
border-bottom:2px solid #352d57;
border-right:2px solid #2a397b;
text-align:left;
vertical-align:;
font-size:0.95em;
font-weight:;
color:#ffffff;
line-height:40px;
letter-spacing:2px;
background-size:;
background-image:url("../img/");
background-repeat;
background-color:#6f6a6a;
text-decoration:;
font-family: 'smidiumfont';
}

td#tboxsub4{
width:30%;
height:auto;
padding:12px 0 16px 0;
margin:0 auto;
border-top:2px solid #2a397b;
border-bottom:2px solid #352d57;
text-align:center;
vertical-align:;
font-size:0.95em;
font-weight:;
color:#ffffff;
line-height:;
letter-spacing:2px;
background-size:;
background-image:url("../img/");
background-repeat;
background-color:#6f6a6a;
text-decoration:;
font-family: 'smidiumfont';
}


td#tboxsub5{
width:67%;
height:auto;
padding:0 0 0 3%;
margin:0 auto;
border-top:2px solid #202b3c;
border-bottom:2px solid #2a397b;
border-right:2px solid #202b3c;
text-align:left;
vertical-align:;
font-size:0.95em;
font-weight:;
color:#030303;
line-height:40px;
letter-spacing:2px;
background-size:;
background-image:url("../img/");
background-repeat;
background-color:#;
text-decoration:;
font-family: 'smidiumfont';
}

td#tboxsub6{
width:30%;
height:auto;
padding:12px 0 16px 0;
margin:0 auto;
border-top:2px solid #202b3c;
border-bottom:2px solid #202b3c;
text-align:center;
vertical-align:;
font-size:0.95em;
font-weight:;
color:#030303;
line-height:;
letter-spacing:2px;
background-size:;
background-image:url("../img/");
background-repeat;
background-color:#;
text-decoration:;
font-family: 'smidiumfont';
}


td#tboxsub6{
width:30%;
height:auto;
padding:12px 8.5% 16px 0;
margin:0 auto;
border-top:2px solid #202b3c;
border-bottom:2px solid #202b3c;
text-align:right;
vertical-align:;
font-size:0.95em;
font-weight:;
color:#030303;
line-height:;
letter-spacing:2px;
background-size:;
background-image:url("../img/");
background-repeat;
background-color:#;
text-decoration:;
font-family: 'smidiumfont';
}


td#tboxsub66{
width:30%;
height:auto;
padding:12px 0 16px 0;
margin:0 auto;
border-top:2px solid #202b3c;
border-bottom:2px solid #202b3c;
text-align:center;
vertical-align:;
font-size:0.95em;
font-weight:;
color:#030303;
line-height:;
letter-spacing:2px;
background-size:;
background-image:url("../img/");
background-repeat;
background-color:#;
text-decoration:;
font-family: 'smidiumfont';
}

div#contstitle6sizemini{
max-width:330px;
width:100%;
margin:0 auto;
}

img#contstitle6gazoumini{
display:block;
max-width:800px;
width:100%;
height:auto;
margin:0 auto;
border:0;
}




table#tboxmaster3{
max-width:260px;
border:0;
border-collapse: collapse;
width: 100%;
margin:0 auto;
padding:0;
}

td#tboxsub7{
width:8%;
height:auto;
padding:0;
margin:0 auto;
border:0;
text-align:right;
vertical-align:middle;
font-size:0.95em;
font-weight:;
color:#352d57;
line-height:40px;
letter-spacing:2px;
background-size:;
background-image:url("../img/");
background-repeat;
background-color:#;
text-decoration:;
font-family: 'smidiumfont';
}

td#tboxsub8{
width:92%;
height:auto;
padding:0;
margin:0 auto;
border:0;
text-align:left;
vertical-align:top;
font-size:0.95em;
font-weight:;
color:#352d57;
line-height:40px;
letter-spacing:2px;
background-size:;
background-image:url("../img/");
background-repeat;
background-color:#;
text-decoration:;
font-family: 'smidiumfont';
}




div#contswords3{
max-width:950px;
width:100%;
height:auto;
padding:0;
margin:0 auto;
border:0;
text-align:center;
vertical-align:;
font-size:1.1em;
font-weight:;
color:#030303;
line-height:35px;
letter-spacing:2px;
background-size:;
background-image:url("../img/");
background-repeat;
background-color:#;
text-decoration:;
font-family: 'smidiumfont';
}




table#tboxmaster4{
max-width:750px;
border:0;
border-collapse: collapse;
width: 80%;
margin:0 auto;
padding:0;
}

td#tboxsub9{
width:50%;
height:auto;
padding:15px 0 0 0;
margin:0 auto;
border:0;
text-align:right;
vertical-align:bottom;
font-size:1.1em;
font-weight:;
color:#352d57;
line-height:40px;
letter-spacing:2px;
background-size:;
background-image:url("../img/");
background-repeat;
background-color:#;
text-decoration:;
font-family: 'smidiumfont';
}


img#tboxsub9gazou{
display:block;
max-width:250px;
width:100%;
height:auto;
margin:0 auto;
border:0;
}



div#otherbg4{
max-width:1366px;
width:90%;
height:auto;
margin:0 auto;
border:0;
}

img#otherbg4gazou{
display:block;
max-width:800px;
width:90%;
height:auto;
margin:0 auto;
border:0;
}


div#contswords4{
max-width:800px;
width:80%;
height:auto;
padding:0;
margin:0 auto;
border:0;
text-align:justify;
vertical-align:;
font-size:1.1em;
font-weight:;
color:#030303;
line-height:35px;
letter-spacing:2px;
background-size:;
background-image:url("../img/");
background-repeat;
background-color:#;
text-decoration:;
font-family: 'smidiumfont';
}





div#contswords5{
max-width:800px;
width:90%;
height:auto;
padding:10px 0 15px 0;
margin:0 auto;
border:0;
text-align:center;
vertical-align:;
font-size:1.1em;
font-weight:;
color:#352d57;
line-height:40px;
letter-spacing:2px;
background-size:;
background-image:url("../img/");
background-repeat;
background-color:#;
text-decoration:;
font-family: 'smidiumfont';
}

div#footer{
max-width:1366px;
width:100%;
height:auto;
margin:0 auto;
padding:20px 0 20px 0;
border:0;
background-color:#e4eefd;
}





table#tboxmaster5{
max-width:420px;
width:100%;
border:0;
border-collapse: collapse;
margin:0 auto;
padding:0;
}

td#tboxsub10{
height:auto;
padding:0;
margin:0 auto;
border:0;
}

td#tboxsub11{
height:auto;
padding:0;
margin:0 auto;
border:0;
}

img#tboxsub10gazou{
display:block;
max-width:350px;
width:100%;
height:auto;
margin:0 auto;
border:0;
}

img#tboxsub11gazou{
display:block;
max-width:50px;
width:100%;
height:auto;
margin:0 auto;
border:0;
}


div#aidani20in{
max-width:1366px;
width:100%;
height:auto;
padding:20px 0 0 0;
}

div#aidani8in{
max-width:1366px;
width:100%;
height:auto;
padding:8px 0 0 0;
}



















div#contstitlealls{
max-width:1366px;
width:90%;
height:auto;
margin:0 auto;
border:0;
}

div#contstitle1size{
max-width:700px;
width:80%;
margin:0 auto;
}

img#contstitle1gazou{
display:block;
max-width:700px;;
width:80%;
height:auto;
margin:0 auto;
border:0;
}

div#contstitle2size{
max-width:600px;
width:80%;
margin:0 auto;
}

div#contstitle333size{
max-width:660px;
width:88%;
margin:0 auto;
}

img#contstitle2gazou{
display:block;
max-width:600px;
width:80%;
height:auto;
margin:0 auto;
border:0;
}

img#contstitle333gazou{
display:block;
max-width:660px;
width:88%;
height:auto;
margin:0 auto;
border:0;
}

div#contstitle3size{
max-width:600px;
width:87%;
margin:0 auto;
}

img#contstitle3gazou{
display:block;
max-width:600px;
width:87%;
height:auto;
margin:0 auto;
border:0;
}

div#contstitle4size{
max-width:250px;
width:80%;
margin:0 auto;
}

img#contstitle4gazou{
display:block;
max-width:250px;
width:80%;
height:auto;
margin:0 auto;
border:0;
}



div#contstitle5size{
max-width:250px;
width:80%;
margin:0 auto;
}

img#contstitle5gazou{
display:block;
max-width:250px;
width:80%;
height:auto;
margin:0 auto;
border:0;
}

div#contstitle6size{
max-width:330px;
width:80%;
margin:0 auto;
}

img#contstitle6gazou{
display:block;
max-width:330px;
width:80%;
height:auto;
margin:0 auto;
border:0;
}

div#contstitle7size{
max-width:330px;
width:80%;
margin:0 auto;
}

img#contstitle7gazou{
display:block;
max-width:330px;
width:80%;
height:auto;
margin:0 auto;
border:0;
}

div#contstitle8size{
max-width:250px;
width:80%;
margin:0 auto;
}

img#contstitle8gazou{
display:block;
max-width:250px;
width:80%;
height:auto;
margin:0 auto;
border:0;
}







/*----------------------20230616----------------------------*/





div#contstitle01size{
max-width:330px;
width:80%;
margin:0 auto;
}

img#contstitle001gazou{
display:block;
max-width:330px;
width:80%;
height:auto;
margin:0 auto;
border:0;
}

.Text-Span0001 {
  position: relative;
  z-index: 1;
}
.Text-Span0001:after {
  content: '';
  position: absolute;
  left: 17%;
  bottom: 22px;
  width: 0%;
  height: 10px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span0001.isActive:after {
  width: 70%;
}





div#contstitle02size{
max-width:680px;
width:85%;
margin:0 auto;
}

img#contstitle002gazou{
display:block;
max-width:680px;
width:90%;
height:auto;
margin:0 auto;
border:0;
}

.Text-Span0002 {
  position: relative;
  z-index: 1;
}
.Text-Span0002:after {
  content: '';
  position: absolute;
  left: 11.5%;
  bottom: 19px;
  width: 0%;
  height: 10px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span0002.isActive:after {
  width: 79%;
}





div#contstitle03size{
max-width:480px;
width:85%;
margin:0 auto;
}

img#contstitle003gazou{
display:block;
max-width:480px;
width:85%;
height:auto;
margin:0 auto;
border:0;
}

.Text-Span0003 {
  position: relative;
  z-index: 1;
}
.Text-Span0003:after {
  content: '';
  position: absolute;
  left: 15%;
  bottom: 19px;
  width: 0%;
  height: 10px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span0003.isActive:after {
  width: 72%;
}





div#contstitle04size{
max-width:690px;
width:90%;
margin:0 auto;
}

img#contstitle004gazou{
display:block;
max-width:690px;
width:90%;
height:auto;
margin:0 auto;
border:0;
}

.Text-Span0004 {
  position: relative;
  z-index: 1;
}
.Text-Span0004:after {
  content: '';
  position: absolute;
  left: 31%;
  bottom: -6px;
  width: 0%;
  height: 10px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span0004.isActive:after {
  width: 40%;
}





div#contstitle05size{
max-width:390px;
width:85%;
margin:0 auto;
}

img#contstitle005gazou{
display:block;
max-width:390px;
width:85%;
height:auto;
margin:0 auto;
border:0;
}

.Text-Span0005 {
  position: relative;
  z-index: 1;
}
.Text-Span0005:after {
  content: '';
  position: absolute;
  left: 17%;
  bottom: 19px;
  width: 0%;
  height: 10px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span0005.isActive:after {
  width: 70%;
}





div#contstitle06size{
max-width:460px;
width:85%;
margin:0 auto;
}

img#contstitle006gazou{
display:block;
max-width:460px;
width:85%;
height:auto;
margin:0 auto;
border:0;
}

.Text-Span0006 {
  position: relative;
  z-index: 1;
}
.Text-Span0006:after {
  content: '';
  position: absolute;
  left: 17%;
  bottom: 20px;
  width: 0%;
  height: 10px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span0006.isActive:after {
  width: 70%;
}

/*----------------------20230616----------------------------*/











.Text-Span {
  position: relative;
  z-index: 1;
}
.Text-Span:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 1px;
  width: 0%;
  height: 7px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span.isActive:after {
  width: 100%;
}

.Text-Span2 {
  position: relative;
  z-index: 1;
}
.Text-Span2:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 1px;
  width: 0%;
  height: 7px;
  background: #ffdd00;
  z-index: -1;ffdd00
  transition: all 1.5s ease-in-out 1s;
}
.Text-Span2.isActive:after {
  width: 100%;
}

.Text-Span3 {
  position: relative;
  z-index: 1;
}
.Text-Span3:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 1px;
  width: 0%;
  height: 7px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s ease-in-out 2s;
}
.Text-Span3.isActive:after {
  width: 100%;
}









.Text-Span4 {
  position: relative;
  z-index: 1;
}
.Text-Span4:after {
  content: '';
  position: absolute;
  left: 17%;
  bottom: 16px;
  width: 0%;
  height: 10px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span4.isActive:after {
  width: 68.5%;
}





.Text-Span5 {
  position: relative;
  z-index: 1;
}
.Text-Span5:after {
  content: '';
  position: absolute;
  left: 15%;
  bottom: 20px;
  width: 0%;
  height: 10px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span5.isActive:after {
  width: 71.5%;
}







.Text-Span333 {
  position: relative;
  z-index: 1;
}
.Text-Span333:after {
  content: '';
  position: absolute;
  left: 11%;
  bottom: 20px;
  width: 0%;
  height: 10px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span333.isActive:after {
  width: 79.5%;
}







.Text-Span6 {
  position: relative;
  z-index: 1;
}
.Text-Span6:after {
  content: '';
  position: absolute;
  left: 12%;
  bottom: 20px;
  width: 0%;
  height: 10px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span6.isActive:after {
  width: 78%;
}





.Text-Span7 {
  position: relative;
  z-index: 1;
}
.Text-Span7:after {
  content: '';
  position: absolute;
  left: 25%;
  bottom: 22px;
  width: 0%;
  height: 10px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span7.isActive:after {
  width: 52%;
}





.Text-Span8 {
  position: relative;
  z-index: 1;
}
.Text-Span8:after {
  content: '';
  position: absolute;
  left: 25%;
  bottom: 22px;
  width: 0%;
  height: 10px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span8.isActive:after {
  width: 52%;
}





.Text-Span9 {
  position: relative;
  z-index: 1;
}
.Text-Span9:after {
  content: '';
  position: absolute;
  left: 19%;
  bottom: 25px;
  width: 0%;
  height: 10px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span9.isActive:after {
  width: 63%;
}





.Text-Span10 {
  position: relative;
  z-index: 1;
}
.Text-Span10:after {
  content: '';
  position: absolute;
  left: 22%;
  bottom: 21px;
  width: 0%;
  height: 10px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span10.isActive:after {
  width: 59%;
}





.Text-Span11 {
  position: relative;
  z-index: 1;
}
.Text-Span11:after {
  content: '';
  position: absolute;
  left: 25%;
  bottom: 22px;
  width: 0%;
  height: 10px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span11.isActive:after {
  width: 53%;
}




.Text-Span12 {
  position: relative;
  z-index: 1;
}
.Text-Span12:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 1px;
  width: 0%;
  height: 7px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span12.isActive:after {
  width: 100%;
}





.Text-Span13 {
  position: relative;
  z-index: 1;
}
.Text-Span13:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 1px;
  width: 0%;
  height: 7px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span13.isActive:after {
  width: 100%;
}





.Text-Span14 {
  position: relative;
  z-index: 1;
}
.Text-Span14:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 1px;
  width: 0%;
  height: 7px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span14.isActive:after {
  width: 100%;
}

}












































































@media screen and (min-width:760px) and ( max-width:1365px) {
div#pageall{
max-width:1366px;
width:100%;
height:auto;
margin:0 auto;
border:0;
/*--background-color:#ffffff;--*/
/*--/*--background-image:url("../img/20230523haikei.png");--*/--*/
overflow:hidden;
}



div#header{
max-width:1366px;
width:100%;
height:auto;
margin:0 auto;
border:0;
background-color:#ffffff;
/*--background-image:url("../img/20230523haikei.png");--*/
}

img#headertitile{
display:block;
max-width:450px;
width:100%;
height:auto;
margin:0 0 0 60px;
border:0;
}

div#headerlinkbox{
max-width:1366px;
width:100%;
height:auto;
margin:0 auto;
border-top:2px solid #3a5ca0;
border-bottom:2px solid #ffffff;
background-color:#ffffff;
/*--background-image:url("../img/20230523haikei.png");--*/
padding:15px 0;
}

div#headerlinksboxin{
max-width:600px;
width:100%;
height:auto;
margin:0 auto;
border:0;

}

div#headerlinksboxbtn{

width:100%;
height:auto;
text-align:center;
}

a#headerlinksboxbtnlinks{
color:#352d57;
font-size:1em;
letter-spacing:1px;
line-height:;
text-decoration:none;
font-family: 'smidiumfont';
}

a#headerlinksboxbtnlinks:hover{
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}

div#mainbg{
max-width:1366px;
width:100%;
height:auto;
margin:0 auto;
border:0;
background-color:#ffffff;
}

img#mainbggazou{
display:block;
max-width:1366px;
width:100%;
height:auto;
margin:0 auto;
border:0;
}



div#contswords1{
max-width:950px;
width:90%;
height:auto;
padding:0;
margin:0 auto;
border:0;
text-align:center;
vertical-align:;
font-size:1.9vw;
font-weight:;
color:#352d57;
line-height:40px;
letter-spacing:2px;
background-size:;
background-image:url("../img/");
background-repeat;
background-color:#;
text-decoration:;
font-family: 'smidiumfont';
}

div#otherbg1{
max-width:1366px;
width:90%;
height:auto;
margin:0 auto;
border:0;
}

img#otherbg1gazou{
display:block;
max-width:800px;;
width:90%;
height:auto;
margin:0 auto;
border:0;
}


table#tboxmaster1{
max-width:900px;
border: 0;
border-collapse: collapse;
width: 90%;
margin:0 auto;
padding:0;
}

td#tboxsub1{
width:8%;
height:auto;
padding:3px 0 0 0;
margin:0 auto;
border:0;
text-align:left;
vertical-align:bottom;
font-size:1.9vw;
font-weight:;
color:#030303;
line-height:2px;
letter-spacing:2px;
background-size:;
background-image:url("../img/");
background-repeat;
background-color:#;
text-decoration:;
font-family: 'smidiumfont';
}

td#tboxsub2{
width:42%;
height:auto;
padding:0;
margin:0 auto;
border:0;
text-align:left;
vertical-align:top;
font-size:1.9vw;
font-weight:;
color:#030303;
line-height:40px;
letter-spacing:2px;
background-size:;
background-image:url("../img/");
background-repeat;
background-color:#;
text-decoration:;
font-family: 'smidiumfont';
}

img#tboxsub1gazou{
display:block;
max-width:40px;
width:100%;
height:auto;
margin:0 auto;
border:0;
}

div#otherbg2{
max-width:1366px;
width:90%;
height:auto;
margin:0 auto;
border:0;
}

img#otherbg2gazou{
display:block;
max-width:800px;
width:90%;
height:auto;
margin:0 auto;
border:0;
}




div#tiryouboxmaster{
max-width:1366px;
height:auto;
margin:0 auto;
position: relative;
}

div#tiryouboxsub{
max-width:1366px;
width:100%;
height:auto;
margin:1% 0 0 0;

position:absolute;
z-index:2;

    transform: translateX(22%);
    -webkit-transform: translateX(22%);
    -ms-transform: translateX(22%);
text-align:left;
font-size:2vw;
color:#352d57;
line-height:180%;
letter-spacing:2px;
font-family: 'smidiumfont';
}

div#tiryouboxmini{
max-width:1366px;
height:auto;
margin:0 auto;
position:absolute;
z-index:1;
background-color:#e8f0fe;
}








.toggle_contents1{
font-family: 'smidiumfont';
font-size:1.8vw;
letter-spacing:1px;
max-width:900px;
width:90%;
height:auto;
margin:0 auto;
background-color:#030303;
}

.toggle_title1{
font-weight: ;
line-height: 42px;
margin: 0;
color: #ffffff;
padding: 7px 0 7px 20px;
position: relative;
cursor: pointer;
transition: 0.3s;
}

.toggle_title1:hover{
color: #fafafa;
}

.toggle_title1:after{
content: "";
display: inline-block;
width: 30px;
height: 30px;
background:url("../img/btn_arrow.png") no-repeat right top;
position:absolute;
top: 50%;
right: 7px;
transform: translateY(-50%);
transition: 0.2s;
}

.toggle_title1.selected:after {
transform: translateY(-50%) rotate(-45deg);
transition: 0.2s;
}

.toggle_txt1 {
display: none;
padding: 10px 0 20px 20px;
background-color:#ffffff;
line-height:30px;
color:#352d57;
margin:0;
}









.toggle_contents2{
font-family: 'smidiumfont';
font-size:1.8vw;
letter-spacing:1px;
max-width:900px;
width:90%;
height:auto;
margin:0 auto;
background-color:#dddbdb;
}

.toggle_title2{
font-weight: ;
line-height: 42px;
margin: 0;
color: #030303;
padding: 7px 0 7px 20px;
position: relative;
cursor: pointer;
transition: 0.3s;
}

.toggle_title2:hover{
color: #352d57;
}

.toggle_title2:after{
content: "";
display: inline-block;
width: 30px;
height: 30px;
background:url("../img/btn_arrow2.png") no-repeat right top;
position:absolute;
top: 50%;
right: 7px;
transform: translateY(-50%);
transition: 0.2s;
}

.toggle_title2.selected:after {
transform: translateY(-50%) rotate(-45deg);
transition: 0.2s;
}

.toggle_txt2 {
display: none;
padding: 10px 0 20px 20px;
background-color:#ffffff;
line-height:30px;
color:#030303;
margin:0;
}






div#nagareboxex{
max-width:1366px;
height:auto;
margin:0 auto;
background-image:url("../img/021.png");
background-repeat:no-repeat;
background-size:90% auto;
background-position:top center;
}



div#otherbg3{
max-width:1366px;
width:85%;
height:auto;
margin:0 auto;
border:0;
}

img#otherbg3gazou{
display:block;
max-width:900px;
width:85%;
height:auto;
margin:0 auto;
border:0;
padding:3px 0 3px 0;
}

img#otherbg3gazoutop{
display:block;
max-width:900px;
width:85%;
height:auto;
margin:0 auto;
border:0;
padding:40px 0 3px 0;
}


div#otherbg3top{
max-width:1366px;
width:85%;
height:auto;
margin:0 auto;
border:0;
}


div#contswords2{
max-width:800px;
width:90%;
height:auto;
text-align:center;
font-size:2.3vw;
color:#352d57;
margin:0 auto;
line-height:120%;
letter-spacing:2px;
font-family: 'smidiumfont';
}

span#titlessubaubd{
font-weight:bold;
}

div#contswords2b{
max-width:900px;
width:90%;
height:auto;
text-align:center;
font-size:2.0vw;
color:#030303;
margin:10px auto 0 auto;
line-height:170%;
letter-spacing:0px;
font-family: 'smidiumfont';
}





/*----------------------20230616 new area --------------------------------------------------*/
div#contswordsex001{
max-width:900px;
width:100%;
height:auto;
text-align:center;
font-size:1.9vw;
color:#030303;
margin:20px auto 0 auto;
line-height:45px;
letter-spacing:-1px;
font-family: 'smidiumfont';
}



div#contswordsex002{
max-width:900px;
width:100%;
height:auto;
text-align:center;
font-size:1.9vw;
color:#030303;
margin:20px auto 0 auto;
line-height:45px;
letter-spacing:-1px;
font-family: 'smidiumfont';
}





div#contswordsex003ins{
max-width:1366px;
width:100%;
padding:3% 0 6% 0;
background-color:#f6f2f2;
}

div#contswordsex003{
max-width:800px;
width:70%;
height:auto;
padding:0 0 0 0;
text-align:left;
font-size:2.1vw;
color:#de2111;
margin:20px auto 0 auto;
background-color:#f6f2f2;
line-height:56px;
letter-spacing:-1px;
font-family: 'smidiumfont';
}


.Text-Spanex001 {
  position: relative;
  z-index: 1;
}
.Text-Spanex001:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 0%;
  height: 7px;
  background: #ffdd00;
  z-index: -1;
  transition: all 2s;
}
.Text-Spanex001.isActive:after {
  width: 100%;
}



.Text-Spanex002 {
  position: relative;
  z-index: 1;
}
.Text-Spanex002:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 0%;
  height: 7px;
  background: #ffdd00;
  z-index: -1;
  transition: all 2s;
  transition-delay: 0.2s;
}
.Text-Spanex002.isActive:after {
  width: 100%;
}



.Text-Spanex003 {
  position: relative;
  z-index: 1;
}
.Text-Spanex003:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 0%;
  height: 7px;
  background: #ffdd00;
  z-index: -1;
  transition: all 2s;
  transition-delay:0.4s;
}
.Text-Spanex003.isActive:after {
  width: 100%;
}



.Text-Spanex004 {
  position: relative;
  z-index: 1;
}
.Text-Spanex004:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 0%;
  height: 7px;
  background: #ffdd00;
  z-index: -1;
  transition: all 2s;
  transition-delay: 0.6s;
}
.Text-Spanex004.isActive:after {
  width: 100%;
}



.Text-Spanex005 {
  position: relative;
  z-index: 1;
}
.Text-Spanex005:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 0%;
  height: 7px;
  background: #ffdd00;
  z-index: -1;
  transition: all 2s;
  transition-delay: 0.8s;
}
.Text-Spanex005.isActive:after {
  width: 100%;
}



.Text-Spanex006 {
  position: relative;
  z-index: 1;
}
.Text-Spanex006:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 0%;
  height: 7px;
  background: #ffdd00;
  z-index: -1;
  transition: all 2s;
  transition-delay: 1s;
}
.Text-Spanex006.isActive:after {
  width: 100%;
}



.Text-Spanex007 {
  position: relative;
  z-index: 1;
}
.Text-Spanex007:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 0%;
  height: 7px;
  background: #ffdd00;
  z-index: -1;
  transition: all 2s;
  transition-delay: 1.2s;
}
.Text-Spanex007.isActive:after {
  width: 100%;
}



.Text-Spanex008 {
  position: relative;
  z-index: 1;
}
.Text-Spanex008:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 0%;
  height: 7px;
  background: #ffdd00;
  z-index: -1;
  transition: all 2s;
  transition-delay: 1.4s;
}
.Text-Spanex008.isActive:after {
  width: 100%;
}



.Text-Spanex009 {
  position: relative;
  z-index: 1;
}
.Text-Spanex009:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 0%;
  height: 7px;
  background: #ffdd00;
  z-index: -1;
  transition: all 2s;
  transition-delay: 1.6s;
}
.Text-Spanex009.isActive:after {
  width: 100%;
}



.Text-Spanex010 {
  position: relative;
  z-index: 1;
}
.Text-Spanex010:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 0%;
  height: 7px;
  background: #ffdd00;
  z-index: -1;
  transition: all 2s;
  transition-delay: 1.8s;
}
.Text-Spanex010.isActive:after {
  width: 100%;
}



.Text-Spanex011 {
  position: relative;
  z-index: 1;
}
.Text-Spanex011:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 0%;
  height: 7px;
  background: #ffdd00;
  z-index: -1;
  transition: all 2s;
  transition-delay: 2s;
}
.Text-Spanex011.isActive:after {
  width: 100%;
}



.Text-Spanex012 {
  position: relative;
  z-index: 1;
}
.Text-Spanex012:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 0%;
  height: 7px;
  background: #ffdd00;
  z-index: -1;
  transition: all 2s;
  transition-delay: 2.2s;
}
.Text-Spanex012.isActive:after {
  width: 100%;
}





div#contswordsex004{
max-width:800px;
width:70%;
height:auto;
padding:0 0 0 0;
text-align:left;
font-size:2.1vw;
color:#030303;
margin:20px auto 0 auto;
background-color:#ffffff;
line-height:51px;
letter-spacing:-1px;
font-family: 'smidiumfont';
}





div#contswordsex005ins{
max-width:1366px;
width:100%;
padding:3% 0 6% 0;
background-color:#f6f2f2;
}

div#contswordsex005{
max-width:800px;
width:70%;
height:auto;
padding:0 0 0 0;
text-align:left;
font-size:2.1vw;
color:#de2111;
margin:20px auto 0 auto;
background-color:#f6f2f2;
line-height:51px;
letter-spacing:-1px;
font-family: 'smidiumfont';
}


div#contswordsex006{
max-width:900px;
width:100%;
height:auto;
text-align:center;
font-size:1.9vw;
color:#030303;
margin:20px auto 0 auto;
line-height:45px;
letter-spacing:-1px;
font-family: 'smidiumfont';
}











/*----------------------20230616 new area --------------------------------------------------*/












































img#tboxsub2gazou{
display:block;
max-width:40px;
width:100%;
height:auto;
margin:0 auto 0 auto;
border:0;
}



table#tboxmaster2{
max-width:900px;
width:90%;
border: 0;
border-collapse: collapse;
margin:0 auto;
padding:0;
}

td#tboxsub3{
width:70%;
height:auto;
padding:0 0 0 3%;
margin:0 auto;
border-top:2px solid #2a397b;
border-bottom:2px solid #352d57;
border-right:2px solid #2a397b;
text-align:left;
vertical-align:;
font-size:1.9vw;
font-weight:;
color:#ffffff;
line-height:40px;
letter-spacing:2px;
background-size:;
background-image:url("../img/");
background-repeat;
background-color:#6f6a6a;
text-decoration:;
font-family: 'smidiumfont';
}

td#tboxsub4{
width:30%;
height:auto;
padding:12px 0 16px 0;
margin:0 auto;
border-top:2px solid #2a397b;
border-bottom:2px solid #352d57;
text-align:center;
vertical-align:;
font-size:1.9vw;
font-weight:;
color:#ffffff;
line-height:;
letter-spacing:2px;
background-size:;
background-image:url("../img/");
background-repeat;
background-color:#6f6a6a;
text-decoration:;
font-family: 'smidiumfont';
}


td#tboxsub5{
width:67%;
height:auto;
padding:0 0 0 3%;
margin:0 auto;
border-top:2px solid #202b3c;
border-right:2px solid #2a397b;
border-bottom:2px solid #202b3c;
text-align:left;
vertical-align:;
font-size:1.9vw;
font-weight:;
color:#030303;
line-height:40px;
letter-spacing:2px;
background-size:;
background-image:url("../img/");
background-repeat;
background-color:#;
text-decoration:;
font-family: 'smidiumfont';
}

td#tboxsub6{
width:30%;
height:auto;
padding:12px 8.5% 16px 0;
margin:0 auto;
border-top:2px solid #202b3c;
border-bottom:2px solid #202b3c;
text-align:right;
vertical-align:;
font-size:1.9vw;
font-weight:;
color:#030303;
line-height:;
letter-spacing:2px;
background-size:;
background-image:url("../img/");
background-repeat;
background-color:#;
text-decoration:;
font-family: 'smidiumfont';
}

td#tboxsub66{
width:30%;
height:auto;
padding:12px 0 16px 0;
margin:0 auto;
border-top:2px solid #202b3c;
border-bottom:2px solid #202b3c;
text-align:center;
vertical-align:;
font-size:1.9vw;
font-weight:;
color:#030303;
line-height:;
letter-spacing:2px;
background-size:;
background-image:url("../img/");
background-repeat;
background-color:#;
text-decoration:;
font-family: 'smidiumfont';
}



div#contstitle6sizemini{
max-width:330px;
width:100%;
margin:0 auto;
}

img#contstitle6gazoumini{
display:block;
max-width:800px;
width:100%;
height:auto;
margin:0 auto;
border:0;
}




table#tboxmaster3{
max-width:260px;
border:0;
border-collapse: collapse;
width: 100%;
margin:0 auto;
padding:0;
}

td#tboxsub7{
width:8%;
height:auto;
padding:0;
margin:0 auto;
border:0;
text-align:right;
vertical-align:middle;
font-size:1.2em;
font-weight:;
color:#352d57;
line-height:40px;
letter-spacing:2px;
background-size:;
background-image:url("../img/");
background-repeat;
background-color:#;
text-decoration:;
font-family: 'smidiumfont';
}

td#tboxsub8{
width:92%;
height:auto;
padding:0;
margin:0 auto;
border:0;
text-align:left;
vertical-align:middle;
font-size:1.2em;
font-weight:;
color:#352d57;
line-height:40px;
letter-spacing:2px;
background-size:;
background-image:url("../img/");
background-repeat;
background-color:#;
text-decoration:;
font-family: 'smidiumfont';
}




div#contswords3{
max-width:950px;
width:100%;
height:auto;
padding:0;
margin:0 auto;
border:0;
text-align:center;
vertical-align:;
font-size:1.9vw;
font-weight:;
color:#030303;
line-height:40px;
letter-spacing:2px;
background-size:;
background-image:url("../img/");
background-repeat;
background-color:#;
text-decoration:;
font-family: 'smidiumfont';
}




table#tboxmaster4{
max-width:750px;
border:0;
border-collapse: collapse;
width: 80%;
margin:0 auto;
padding:0;
}

td#tboxsub9{
width:50%;
height:auto;
padding:0;
margin:0 auto;
border:0;
text-align:right;
vertical-align:bottom;
font-size:1.9vw;
font-weight:;
color:#352d57;
line-height:40px;
letter-spacing:2px;
background-size:;
background-image:url("../img/");
background-repeat;
background-color:#;
text-decoration:;
font-family: 'smidiumfont';
}


img#tboxsub9gazou{
display:block;
max-width:250px;
width:100%;
height:auto;
margin:0 auto;
border:0;
}



div#otherbg4{
max-width:1366px;
width:90%;
height:auto;
margin:0 auto;
border:0;
}

img#otherbg4gazou{
display:block;
max-width:800px;
width:90%;
height:auto;
margin:0 auto;
border:0;
}


div#contswords4{
max-width:800px;
width:80%;
height:auto;
padding:0;
margin:0 auto;
border:0;
text-align:justify;
vertical-align:;
font-size:1.9vw;
font-weight:;
color:#030303;
line-height:40px;
letter-spacing:2px;
background-size:;
background-image:url("../img/");
background-repeat;
background-color:#;
text-decoration:;
font-family: 'smidiumfont';
}





div#contswords5{
max-width:800px;
width:90%;
height:auto;
padding:0;
margin:0 auto;
border:0;
text-align:center;
vertical-align:;
font-size:1.9vw;
font-weight:;
color:#352d57;
line-height:40px;
letter-spacing:2px;
background-size:;
background-image:url("../img/");
background-repeat;
background-color:#;
text-decoration:;
font-family: 'smidiumfont';
}

div#footer{
max-width:1366px;
width:100%;
height:auto;
margin:0 auto;
padding:20px 0 20px 0;
border:0;
background-color:#e4eefd;
}





table#tboxmaster5{
max-width:420px;
width:100%;
border:0;
border-collapse: collapse;
margin:0 auto;
padding:0;
}

td#tboxsub10{
height:auto;
padding:0;
margin:0 auto;
border:0;
}

td#tboxsub11{
height:auto;
padding:0;
margin:0 auto;
border:0;
}

img#tboxsub10gazou{
display:block;
max-width:350px;
width:100%;
height:auto;
margin:0 auto;
border:0;
}

img#tboxsub11gazou{
display:block;
max-width:50px;
width:100%;
height:auto;
margin:0 auto;
border:0;
}


div#aidani20in{
max-width:1366px;
width:100%;
height:auto;
padding:20px 0 0 0;
}

div#aidani8in{
max-width:1366px;
width:100%;
height:auto;
padding:8px 0 0 0;
}







div#contstitlealls{
max-width:1366px;
width:90%;
height:auto;
margin:0 auto;
border:0;
}

div#contstitle1size{
max-width:650px;
width:80%;
margin:0 auto;
}

img#contstitle1gazou{
display:block;
max-width:650px;
width:80%;
height:auto;
margin:0 auto;
border:0;
}

div#contstitle2size{
max-width:610px;
width:80%;
margin:0 auto;
}

div#contstitle333size{
max-width:770px;
width:80%;
margin:0 auto;
}

img#contstitle2gazou{
display:block;
max-width:610px;
width:80%;
height:auto;
margin:0 auto;
border:0;
}


img#contstitle333gazou{
display:block;
max-width:770px;
width:80%;
height:auto;
margin:0 auto;
border:0;
}


div#contstitle3size{
max-width:720px;
width:80%;
margin:0 auto;
}

img#contstitle3gazou{
display:block;
max-width:720px;
width:80%;
height:auto;
margin:0 auto;
border:0;
}

div#contstitle4size{
max-width:250px;
width:80%;
margin:0 auto;
}

img#contstitle4gazou{
display:block;
max-width:250px;
width:80%;
height:auto;
margin:0 auto;
border:0;
}



div#contstitle5size{
max-width:250px;
width:80%;
margin:0 auto;
}

img#contstitle5gazou{
display:block;
max-width:250px;
width:80%;
height:auto;
margin:0 auto;
border:0;
}

div#contstitle6size{
max-width:330px;
width:80%;
margin:0 auto;
}

img#contstitle6gazou{
display:block;
max-width:330px;
width:80%;
height:auto;
margin:0 auto;
border:0;
}

div#contstitle7size{
max-width:330px;
width:80%;
margin:0 auto;
}

img#contstitle7gazou{
display:block;
max-width:330px;
width:80%;
height:auto;
margin:0 auto;
border:0;
}

div#contstitle8size{
max-width:250px;
width:80%;
margin:0 auto;
}

img#contstitle8gazou{
display:block;
max-width:250px;
width:80%;
height:auto;
margin:0 auto;
border:0;
}















/*----------------------20230616----------------------------*/





div#contstitle01size{
max-width:330px;
width:85%;
margin:0 auto;
}

img#contstitle001gazou{
display:block;
max-width:330px;
width:90%;
height:auto;
margin:0 auto;
border:0;
}

.Text-Span0001 {
  position: relative;
  z-index: 1;
}
.Text-Span0001:after {
  content: '';
  position: absolute;
  left: 17%;
  bottom: 22px;
  width: 0%;
  height: 10px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span0001.isActive:after {
  width: 70%;
}





div#contstitle02size{
max-width:680px;
width:85%;
margin:0 auto;
}

img#contstitle002gazou{
display:block;
max-width:680px;
width:85%;
height:auto;
margin:0 auto;
border:0;
}

.Text-Span0002 {
  position: relative;
  z-index: 1;
}
.Text-Span0002:after {
  content: '';
  position: absolute;
  left: 13%;
  bottom: 19px;
  width: 0%;
  height: 10px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span0002.isActive:after {
  width: 75%;
}





div#contstitle03size{
max-width:600px;
width:90%;
margin:0 auto;
}

img#contstitle003gazou{
display:block;
max-width:600px;
width:90%;
height:auto;
margin:0 auto;
border:0;
}

.Text-Span0003 {
  position: relative;
  z-index: 1;
}
.Text-Span0003:after {
  content: '';
  position: absolute;
  left: 13%;
  bottom: 19px;
  width: 0%;
  height: 10px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span0003.isActive:after {
  width: 76%;
}





div#contstitle04size{
max-width:840px;
width:85%;
margin:0 auto;
}

img#contstitle004gazou{
display:block;
max-width:840px;
width:85%;
height:auto;
margin:0 auto;
border:0;
}

.Text-Span0004 {
  position: relative;
  z-index: 1;
}
.Text-Span0004:after {
  content: '';
  position: absolute;
  left: 33%;
  bottom: -6px;
  width: 0%;
  height: 10px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span0004.isActive:after {
  width: 36.5%;
}





div#contstitle05size{
max-width:390px;
width:85%;
margin:0 auto;
}

img#contstitle005gazou{
display:block;
max-width:390px;
width:85%;
height:auto;
margin:0 auto;
border:0;
}

.Text-Span0005 {
  position: relative;
  z-index: 1;
}
.Text-Span0005:after {
  content: '';
  position: absolute;
  left: 17%;
  bottom: 19px;
  width: 0%;
  height: 10px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span0005.isActive:after {
  width: 70%;
}





div#contstitle06size{
max-width:460px;
width:85%;
margin:0 auto;
}

img#contstitle006gazou{
display:block;
max-width:460px;
width:85%;
height:auto;
margin:0 auto;
border:0;
}

.Text-Span0006 {
  position: relative;
  z-index: 1;
}
.Text-Span0006:after {
  content: '';
  position: absolute;
  left: 17%;
  bottom: 20px;
  width: 0%;
  height: 10px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span0006.isActive:after {
  width: 70%;
}

/*----------------------20230616----------------------------*/



















.Text-Span {
  position: relative;
  z-index: 1;
}
.Text-Span:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 1px;
  width: 0%;
  height: 7px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span.isActive:after {
  width: 100%;
}

.Text-Span2 {
  position: relative;
  z-index: 1;
}
.Text-Span2:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 1px;
  width: 0%;
  height: 7px;
  background: #ffdd00;
  z-index: -1;ffdd00
  transition: all 1.5s ease-in-out 1s;
}
.Text-Span2.isActive:after {
  width: 100%;
}

.Text-Span3 {
  position: relative;
  z-index: 1;
}
.Text-Span3:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 1px;
  width: 0%;
  height: 7px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s ease-in-out 2s;
}
.Text-Span3.isActive:after {
  width: 100%;
}









.Text-Span4 {
  position: relative;
  z-index: 1;
}
.Text-Span4:after {
  content: '';
  position: absolute;
  left: 17%;
  bottom: 16px;
  width: 0%;
  height: 10px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span4.isActive:after {
  width: 68.5%;
}





.Text-Span5 {
  position: relative;
  z-index: 1;
}
.Text-Span5:after {
  content: '';
  position: absolute;
  left: 15%;
  bottom: 20px;
  width: 0%;
  height: 10px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span5.isActive:after {
  width: 71%;
}




.Text-Span333 {
  position: relative;
  z-index: 1;
}
.Text-Span333:after {
  content: '';
  position: absolute;
  left: 15%;
  bottom: 20px;
  width: 0%;
  height: 10px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span333.isActive:after {
  width: 72%;
}





.Text-Span6 {
  position: relative;
  z-index: 1;
}
.Text-Span6:after {
  content: '';
  position: absolute;
  left: 15%;
  bottom: 20px;
  width: 0%;
  height: 10px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span6.isActive:after {
  width: 71.5%;
}





.Text-Span7 {
  position: relative;
  z-index: 1;
}
.Text-Span7:after {
  content: '';
  position: absolute;
  left: 25%;
  bottom: 22px;
  width: 0%;
  height: 10px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span7.isActive:after {
  width: 52%;
}





.Text-Span8 {
  position: relative;
  z-index: 1;
}
.Text-Span8:after {
  content: '';
  position: absolute;
  left: 25%;
  bottom: 22px;
  width: 0%;
  height: 10px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span8.isActive:after {
  width: 52%;
}





.Text-Span9 {
  position: relative;
  z-index: 1;
}
.Text-Span9:after {
  content: '';
  position: absolute;
  left: 19%;
  bottom: 25px;
  width: 0%;
  height: 10px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span9.isActive:after {
  width: 63%;
}





.Text-Span10 {
  position: relative;
  z-index: 1;
}
.Text-Span10:after {
  content: '';
  position: absolute;
  left: 22%;
  bottom: 21px;
  width: 0%;
  height: 10px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span10.isActive:after {
  width: 59%;
}





.Text-Span11 {
  position: relative;
  z-index: 1;
}
.Text-Span11:after {
  content: '';
  position: absolute;
  left: 25%;
  bottom: 22px;
  width: 0%;
  height: 10px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span11.isActive:after {
  width: 53%;
}




.Text-Span12 {
  position: relative;
  z-index: 1;
}
.Text-Span12:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 1px;
  width: 0%;
  height: 7px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span12.isActive:after {
  width: 100%;
}





.Text-Span13 {
  position: relative;
  z-index: 1;
}
.Text-Span13:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 1px;
  width: 0%;
  height: 7px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span13.isActive:after {
  width: 100%;
}





.Text-Span14 {
  position: relative;
  z-index: 1;
}
.Text-Span14:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 1px;
  width: 0%;
  height: 7px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span14.isActive:after {
  width: 100%;
}

}























































































@media screen and (min-width:1366px) {


div#pageall{
max-width:1366px;
width:100%;
height:auto;
margin:0 auto;
border:0;
/*--background-color:#ffffff;--*/
/*--/*--background-image:url("../img/20230523haikei.png");--*/--*/
}



div#header{
max-width:1366px;
width:100%;
height:auto;
margin:0 auto;
border:0;
background-color:#ffffff;
/*--background-image:url("../img/20230523haikei.png");--*/
}

img#headertitile{
display:block;
max-width:450px;
width:100%;
height:auto;
margin:0 0 0 60px;
border:0;
}

div#headerlinkbox{
max-width:1366px;
width:100%;
height:auto;
margin:0 auto;
border-top:2px solid #3a5ca0;
border-bottom:2px solid #ffffff;
background-color:#ffffff;
/*--background-image:url("../img/20230523haikei.png");--*/
padding:15px 0;
}

div#headerlinksboxin{
max-width:600px;
width:100%;
height:auto;
margin:0 auto;
border:0;

}

div#headerlinksboxbtn{

width:100%;
height:auto;
text-align:center;
}

a#headerlinksboxbtnlinks{
color:#352d57;
font-size:1em;
letter-spacing:1px;
line-height:;
text-decoration:none;
font-family: 'smidiumfont';
}

a#headerlinksboxbtnlinks:hover{
filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
}

div#mainbg{
max-width:1366px;
width:100%;
height:auto;
margin:0 auto;
border:0;
background-color:#ffffff;
}

img#mainbggazou{
display:block;
max-width:1366px;
width:100%;
height:auto;
margin:0 auto;
border:0;
}



div#contswords1{
max-width:950px;
width:100%;
height:auto;
padding:0;
margin:0 auto;
border:0;
text-align:center;
vertical-align:;
font-size:1.45em;
font-weight:;
color:#352d57;
line-height:40px;
letter-spacing:2px;
background-size:;
background-image:url("../img/");
background-repeat;
background-color:#;
text-decoration:;
font-family: 'smidiumfont';
}

div#otherbg1{
max-width:1366px;
width:100%;
height:auto;
margin:0 auto;
border:0;
}

img#otherbg1gazou{
display:block;
max-width:800px;;
width:100%;
height:auto;
margin:0 auto;
border:0;
}


table#tboxmaster1{
max-width:900px;
border: 0;
border-collapse: collapse;
width: 100%;
margin:0 auto;
padding:0;
}

td#tboxsub1{
width:8%;
height:auto;
padding:0;
margin:0 auto;
border:0;
text-align:left;
vertical-align:bottom;
font-size:1.45em;
font-weight:;
color:#030303;
line-height:40px;
letter-spacing:2px;
background-size:;
background-image:url("../img/");
background-repeat;
background-color:#;
text-decoration:;
font-family: 'smidiumfont';
}

td#tboxsub2{
width:42%;
height:auto;
padding:0;
margin:0 auto;
border:0;
text-align:left;
vertical-align:top;
font-size:1.45em;
font-weight:;
color:#030303;
line-height:40px;
letter-spacing:2px;
background-size:;
background-image:url("../img/");
background-repeat;
background-color:#;
text-decoration:;
font-family: 'smidiumfont';
}

img#tboxsub1gazou{
display:block;
max-width:40px;
width:100%;
height:auto;
margin:0 auto;
border:0;
}

div#otherbg2{
max-width:1366px;
width:100%;
height:auto;
margin:0 auto;
border:0;
}

img#otherbg2gazou{
display:block;
max-width:800px;
width:100%;
height:auto;
margin:0 auto;
border:0;
}




div#tiryouboxmaster{
max-width:1366px;
height:auto;
margin:0 auto;
position: relative;
}

div#tiryouboxsub{
max-width:800px;
width:100%;
height:auto;
margin:2% 0 0 0;
position:absolute;
z-index:2;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
text-align:left;
font-size:1.6em;
color:#352d57;
line-height:40px;
letter-spacing:2px;
font-family: 'smidiumfont';
}

div#tiryouboxmini{
max-width:1366px;
height:auto;
margin:0 auto;
position:absolute;
z-index:1;
background-color:#e8f0fe;
}








.toggle_contents1{
font-family: 'smidiumfont';
font-size:1.3em;
letter-spacing:1px;
max-width:900px;
height:auto;
margin:0 auto;
background-color:#030303;
}

.toggle_title1{
font-weight: ;
line-height: 42px;
margin: 0;
color: #ffffff;
padding: 7px 0 7px 20px;
position: relative;
cursor: pointer;
transition: 0.3s;
}

.toggle_title1:hover{
color: #fafafa;
}

.toggle_title1:after{
content: "";
display: inline-block;
width: 30px;
height: 30px;
background:url("../img/btn_arrow.png") no-repeat right top;
position:absolute;
top: 50%;
right: 7px;
transform: translateY(-50%);
transition: 0.2s;
}

.toggle_title1.selected:after {
transform: translateY(-50%) rotate(-45deg);
transition: 0.2s;
}

.toggle_txt1 {
display: none;
padding: 10px 0 20px 20px;
background-color:#ffffff;
line-height:30px;
color:#352d57;
margin:0;
}









.toggle_contents2{
font-family: 'smidiumfont';
font-size:1.3em;
letter-spacing:1px;
max-width:900px;
height:auto;
margin:0 auto;
background-color:#dddbdb;
}

.toggle_title2{
font-weight: ;
line-height: 42px;
margin: 0;
color: #030303;
padding: 7px 0 7px 20px;
position: relative;
cursor: pointer;
transition: 0.3s;
}

.toggle_title2:hover{
color: #352d57;
}

.toggle_title2:after{
content: "";
display: inline-block;
width: 30px;
height: 30px;
background:url("../img/btn_arrow2.png") no-repeat right top;
position:absolute;
top: 50%;
right: 7px;
transform: translateY(-50%);
transition: 0.2s;
}

.toggle_title2.selected:after {
transform: translateY(-50%) rotate(-45deg);
transition: 0.2s;
}

.toggle_txt2 {
display: none;
padding: 10px 0 20px 20px;
background-color:#ffffff;
line-height:30px;
color:#030303;
margin:0;
}






div#nagareboxex{
max-width:1366px;
height:auto;
margin:0 auto;
background-image:url("../img/021.png");
background-repeat:no-repeat;
background-size:90% auto;
background-position:top center;
}



div#otherbg3{
max-width:1366px;
width:100%;
height:auto;
margin:0 auto;
border:0;
}

img#otherbg3gazou{
display:block;
max-width:900px;
width:100%;
height:auto;
margin:0 auto;
border:0;
padding:3px 0 3px 0;
}

img#otherbg3gazoutop{
display:block;
max-width:900px;
width:100%;
height:auto;
margin:0 auto;
border:0;
padding:40px 0 3px 0;
}


div#otherbg3top{
max-width:1366px;
width:100%;
height:auto;
margin:0 auto;
border:0;
}


div#contswords2{
max-width:800px;
width:100%;
height:auto;
text-align:center;
font-size:1.8em;
color:#352d57;
margin:0 auto;
line-height:40px;
letter-spacing:2px;
font-family: 'smidiumfont';
}

span#titlessubaubd{
font-weight:bold;
}

div#contswords2b{
max-width:900px;
width:100%;
height:auto;
text-align:center;
font-size:1.5em;
color:#030303;
margin:20px auto 0 auto;
line-height:45px;
letter-spacing:0px;
font-family: 'smidiumfont';
}









/*----------------------20230616 new area --------------------------------------------------*/
div#contswordsex001{
max-width:900px;
width:100%;
height:auto;
text-align:center;
font-size:1.45em;
color:#030303;
margin:20px auto 0 auto;
line-height:45px;
letter-spacing:-1px;
font-family: 'smidiumfont';
}



div#contswordsex002{
max-width:900px;
width:100%;
height:auto;
text-align:center;
font-size:1.45em;
color:#030303;
margin:20px auto 0 auto;
line-height:45px;
letter-spacing:-1px;
font-family: 'smidiumfont';
}





div#contswordsex003ins{
max-width:1366px;
width:100%;
padding:3% 0 6% 0;
background-color:#f6f2f2;
}

div#contswordsex003{
max-width:760px;
width:100%;
height:auto;
padding:0 0 0 0;
text-align:left;
font-size:1.75em;
color:#de2111;
margin:20px auto 0 auto;
background-color:#f6f2f2;
line-height:56px;
letter-spacing:-2.5px;
font-family: 'smidiumfont';
}


.Text-Spanex001 {
  position: relative;
  z-index: 1;
}
.Text-Spanex001:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 0%;
  height: 7px;
  background: #ffdd00;
  z-index: -1;
  transition: all 2s;
}
.Text-Spanex001.isActive:after {
  width: 100%;
}



.Text-Spanex002 {
  position: relative;
  z-index: 1;
}
.Text-Spanex002:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 0%;
  height: 7px;
  background: #ffdd00;
  z-index: -1;
  transition: all 2s;
  transition-delay: 0.2s;
}
.Text-Spanex002.isActive:after {
  width: 100%;
}



.Text-Spanex003 {
  position: relative;
  z-index: 1;
}
.Text-Spanex003:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 0%;
  height: 7px;
  background: #ffdd00;
  z-index: -1;
  transition: all 2s;
  transition-delay:0.4s;
}
.Text-Spanex003.isActive:after {
  width: 100%;
}



.Text-Spanex004 {
  position: relative;
  z-index: 1;
}
.Text-Spanex004:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 0%;
  height: 7px;
  background: #ffdd00;
  z-index: -1;
  transition: all 2s;
  transition-delay: 0.6s;
}
.Text-Spanex004.isActive:after {
  width: 100%;
}



.Text-Spanex005 {
  position: relative;
  z-index: 1;
}
.Text-Spanex005:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 0%;
  height: 7px;
  background: #ffdd00;
  z-index: -1;
  transition: all 2s;
  transition-delay: 0.8s;
}
.Text-Spanex005.isActive:after {
  width: 100%;
}



.Text-Spanex006 {
  position: relative;
  z-index: 1;
}
.Text-Spanex006:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 0%;
  height: 7px;
  background: #ffdd00;
  z-index: -1;
  transition: all 2s;
  transition-delay: 1s;
}
.Text-Spanex006.isActive:after {
  width: 100%;
}



.Text-Spanex007 {
  position: relative;
  z-index: 1;
}
.Text-Spanex007:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 0%;
  height: 7px;
  background: #ffdd00;
  z-index: -1;
  transition: all 2s;
  transition-delay: 1.2s;
}
.Text-Spanex007.isActive:after {
  width: 100%;
}



.Text-Spanex008 {
  position: relative;
  z-index: 1;
}
.Text-Spanex008:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 0%;
  height: 7px;
  background: #ffdd00;
  z-index: -1;
  transition: all 2s;
  transition-delay: 1.4s;
}
.Text-Spanex008.isActive:after {
  width: 100%;
}



.Text-Spanex009 {
  position: relative;
  z-index: 1;
}
.Text-Spanex009:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 0%;
  height: 7px;
  background: #ffdd00;
  z-index: -1;
  transition: all 2s;
  transition-delay: 1.6s;
}
.Text-Spanex009.isActive:after {
  width: 100%;
}



.Text-Spanex010 {
  position: relative;
  z-index: 1;
}
.Text-Spanex010:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 0%;
  height: 7px;
  background: #ffdd00;
  z-index: -1;
  transition: all 2s;
  transition-delay: 1.8s;
}
.Text-Spanex010.isActive:after {
  width: 100%;
}



.Text-Spanex011 {
  position: relative;
  z-index: 1;
}
.Text-Spanex011:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 0%;
  height: 7px;
  background: #ffdd00;
  z-index: -1;
  transition: all 2s;
  transition-delay: 2s;
}
.Text-Spanex011.isActive:after {
  width: 100%;
}



.Text-Spanex012 {
  position: relative;
  z-index: 1;
}
.Text-Spanex012:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 0%;
  height: 7px;
  background: #ffdd00;
  z-index: -1;
  transition: all 2s;
  transition-delay: 2.2s;
}
.Text-Spanex012.isActive:after {
  width: 100%;
}





div#contswordsex004{
max-width:760px;
width:100%;
height:auto;
padding:0 0 0 0;
text-align:left;
font-size:1.75em;
color:#030303;
margin:20px auto 0 auto;
background-color:#ffffff;
line-height:51px;
letter-spacing:-2.5px;
font-family: 'smidiumfont';
}





div#contswordsex005ins{
max-width:1366px;
width:100%;
padding:3% 0 6% 0;
background-color:#f6f2f2;
}

div#contswordsex005{
max-width:760px;
width:100%;
height:auto;
padding:0 0 0 0;
text-align:left;
font-size:1.75em;
color:#de2111;
margin:20px auto 0 auto;
background-color:#f6f2f2;
line-height:56px;
letter-spacing:-2.5px;
font-family: 'smidiumfont';
}


div#contswordsex006{
max-width:900px;
width:100%;
height:auto;
text-align:center;
font-size:1.45em;
color:#030303;
margin:20px auto 0 auto;
line-height:45px;
letter-spacing:-1px;
font-family: 'smidiumfont';
}











/*----------------------20230616 new area --------------------------------------------------*/









































table#tboxmaster2{
max-width:900px;
border-collapse: collapse;
width: 100%;
margin:0 auto;
padding:0;
}

td#tboxsub3{
width:70%;
height:auto;
padding:0 0 0 3%;
margin:0 auto;
border-top:2px solid #2a397b;
border-bottom:2px solid #352d57;
border-right:2px solid #2a397b;
text-align:left;
vertical-align:;
font-size:1.45em;
font-weight:;
color:#ffffff;
line-height:40px;
letter-spacing:2px;
background-size:;
background-image:url("../img/");
background-repeat;
background-color:#6f6a6a;
text-decoration:;
font-family: 'smidiumfont';
}

td#tboxsub4{
width:30%;
height:auto;
padding:12px 0 16px 0;
margin:0 auto;
border-top:2px solid #2a397b;
border-bottom:2px solid #352d57;
text-align:center;
vertical-align:;
font-size:1.45em;
font-weight:;
color:#ffffff;
line-height:;
letter-spacing:2px;
background-size:;
background-image:url("../img/");
background-repeat;
background-color:#6f6a6a;
text-decoration:;
font-family: 'smidiumfont';
}


td#tboxsub5{
width:67%;
height:auto;
padding:0 0 0 3%;
margin:0 auto;
border-top:2px solid #202b3c;
border-right:2px solid #2a397b;
border-bottom:2px solid #202b3c;
text-align:left;
vertical-align:;
font-size:1.45em;
font-weight:;
color:#030303;
line-height:40px;
letter-spacing:2px;
background-size:;
background-image:url("../img/");
background-repeat;
background-color:#;
text-decoration:;
font-family: 'smidiumfont';
}

td#tboxsub6{
width:30%;
height:auto;
padding:12px 8.5% 16px 0;
margin:0 auto;
border-top:2px solid #202b3c;
border-bottom:2px solid #202b3c;
text-align:right;
vertical-align:;
font-size:1.45em;
font-weight:;
color:#030303;
line-height:;
letter-spacing:2px;
background-size:;
background-image:url("../img/");
background-repeat;
background-color:#;
text-decoration:;
font-family: 'smidiumfont';
}


td#tboxsub66{
width:30%;
height:auto;
padding:12px 0 16px 0;
margin:0 auto;
border-top:2px solid #202b3c;
border-bottom:2px solid #202b3c;
text-align:center;
vertical-align:;
font-size:1.45em;
font-weight:;
color:#030303;
line-height:;
letter-spacing:2px;
background-size:;
background-image:url("../img/");
background-repeat;
background-color:#;
text-decoration:;
font-family: 'smidiumfont';
}



div#contstitle6sizemini{
max-width:330px;
width:100%;
margin:0 auto;
}

img#contstitle6gazoumini{
display:block;
max-width:800px;
width:100%;
height:auto;
margin:0 auto;
border:0;
}




table#tboxmaster3{
max-width:320px;
border:0;
border-collapse: collapse;
width: 100%;
margin:0 auto;
padding:0;
}

td#tboxsub7{
width:8%;
height:auto;
padding:0;
margin:0 auto;
border:0;
text-align:right;
vertical-align:bottom;
font-size:1.45em;
font-weight:;
color:#352d57;
line-height:40px;
letter-spacing:2px;
background-size:;
background-image:url("../img/");
background-repeat;
background-color:#;
text-decoration:;
font-family: 'smidiumfont';
}

td#tboxsub8{
width:92%;
height:auto;
padding:0;
margin:0 auto;
border:0;
text-align:left;
vertical-align:middle;
font-size:1.3em;
font-weight:;
color:#352d57;
line-height:40px;
letter-spacing:2px;
background-size:;
background-image:url("../img/");
background-repeat;
background-color:#;
text-decoration:;
font-family: 'smidiumfont';
}




div#contswords3{
max-width:950px;
width:100%;
height:auto;
padding:0;
margin:0 auto;
border:0;
text-align:center;
vertical-align:;
font-size:1.45em;
font-weight:;
color:#030303;
line-height:40px;
letter-spacing:2px;
background-size:;
background-image:url("../img/");
background-repeat;
background-color:#;
text-decoration:;
font-family: 'smidiumfont';
}




table#tboxmaster4{
max-width:750px;
border:0;
border-collapse: collapse;
width: 100%;
margin:0 auto;
padding:0;
}

td#tboxsub9{
width:50%;
height:auto;
padding:0;
margin:0 auto;
border:0;
text-align:right;
vertical-align:bottom;
font-size:1.45em;
font-weight:;
color:#352d57;
line-height:40px;
letter-spacing:2px;
background-size:;
background-image:url("../img/");
background-repeat;
background-color:#;
text-decoration:;
font-family: 'smidiumfont';
}


img#tboxsub9gazou{
display:block;
max-width:250px;
width:100%;
height:auto;
margin:0 auto;
border:0;
}



div#otherbg4{
max-width:1366px;
width:100%;
height:auto;
margin:0 auto;
border:0;
}

img#otherbg4gazou{
display:block;
max-width:800px;
width:100%;
height:auto;
margin:0 auto;
border:0;
}


div#contswords4{
max-width:800px;
width:100%;
height:auto;
padding:0;
margin:0 auto;
border:0;
text-align:justify;
vertical-align:;
font-size:1.45em;
font-weight:;
color:#030303;
line-height:40px;
letter-spacing:2px;
background-size:;
background-image:url("../img/");
background-repeat;
background-color:#;
text-decoration:;
font-family: 'smidiumfont';
}





div#contswords5{
max-width:800px;
width:100%;
height:auto;
padding:0;
margin:0 auto;
border:0;
text-align:center;
vertical-align:;
font-size:1.45em;
font-weight:;
color:#030303;
line-height:40px;
letter-spacing:2px;
background-size:;
background-image:url("../img/");
background-repeat;
background-color:#;
text-decoration:;
font-family: 'smidiumfont';
}

div#footer{
max-width:1366px;
width:100%;
height:auto;
margin:0 auto;
padding:20px 0 20px 0;
border:0;
background-color:#e4eefd;
}





table#tboxmaster5{
max-width:420px;
width:100%;
border:0;
border-collapse: collapse;
margin:0 auto;
padding:0;
}

td#tboxsub10{
height:auto;
padding:0;
margin:0 auto;
border:0;
}

td#tboxsub11{
height:auto;
padding:0;
margin:0 auto;
border:0;
}

img#tboxsub10gazou{
display:block;
max-width:350px;
width:100%;
height:auto;
margin:0 auto;
border:0;
}

img#tboxsub11gazou{
display:block;
max-width:50px;
width:100%;
height:auto;
margin:0 auto;
border:0;
}


div#aidani20in{
max-width:1366px;
width:100%;
height:auto;
padding:20px 0 0 0;
}

div#aidani8in{
max-width:1366px;
width:100%;
height:auto;
padding:8px 0 0 0;
}
























div#contstitlealls{
max-width:1366px;
width:100%;
height:auto;
margin:0 auto;
border:0;
}

div#contstitle1size{
max-width:560px;
width:100%;
margin:0 auto;
}

img#contstitle1gazou{
display:block;
max-width:560px;
width:100%;
height:auto;
margin:0 auto;
border:0;
}

div#contstitle2size{
max-width:540px;
width:100%;
margin:0 auto;
}


div#contstitle333size{
max-width:670px;
width:100%;
margin:0 auto;
}








img#contstitle2gazou{
display:block;
max-width:540px;
width:100%;
height:auto;
margin:0 auto;
border:0;
}


img#contstitle333gazou{
display:block;
max-width:670px;
width:100%;
height:auto;
margin:0 auto;
border:0;
}



div#contstitle3size{
max-width:620px;
width:100%;
margin:0 auto;
}

img#contstitle3gazou{
display:block;
max-width:620px;
width:100%;
height:auto;
margin:0 auto;
border:0;
}

div#contstitle4size{
max-width:250px;
width:100%;
margin:0 auto;
}

img#contstitle4gazou{
display:block;
max-width:250px;
width:100%;
height:auto;
margin:0 auto;
border:0;
}



div#contstitle5size{
max-width:250px;
width:100%;
margin:0 auto;
}

img#contstitle5gazou{
display:block;
max-width:250px;
width:100%;
height:auto;
margin:0 auto;
border:0;
}

div#contstitle6size{
max-width:330px;
width:100%;
margin:0 auto;
}

img#contstitle6gazou{
display:block;
max-width:330px;
width:100%;
height:auto;
margin:0 auto;
border:0;
}

div#contstitle7size{
max-width:330px;
width:100%;
margin:0 auto;
}

img#contstitle7gazou{
display:block;
max-width:330px;
width:100%;
height:auto;
margin:0 auto;
border:0;
}

div#contstitle8size{
max-width:250px;
width:100%;
margin:0 auto;
}

img#contstitle8gazou{
display:block;
max-width:250px;
width:100%;
height:auto;
margin:0 auto;
border:0;
}




/*----------------------20230616----------------------------*/





div#contstitle01size{
max-width:330px;
width:100%;
margin:0 auto;
}

img#contstitle001gazou{
display:block;
max-width:330px;
width:100%;
height:auto;
margin:0 auto;
border:0;
}

.Text-Span0001 {
  position: relative;
  z-index: 1;
}
.Text-Span0001:after {
  content: '';
  position: absolute;
  left: 15%;
  bottom: 26px;
  width: 0%;
  height: 10px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span0001.isActive:after {
  width: 74%;
}





div#contstitle02size{
max-width:640px;
width:100%;
margin:0 auto;
}

img#contstitle002gazou{
display:block;
max-width:640px;
width:100%;
height:auto;
margin:0 auto;
border:0;
}

.Text-Span0002 {
  position: relative;
  z-index: 1;
}
.Text-Span0002:after {
  content: '';
  position: absolute;
  left: 7%;
  bottom: 22px;
  width: 0%;
  height: 10px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span0002.isActive:after {
  width: 88%;
}





div#contstitle03size{
max-width:530px;
width:100%;
margin:0 auto;
}

img#contstitle003gazou{
display:block;
max-width:530px;
width:100%;
height:auto;
margin:0 auto;
border:0;
}

.Text-Span0003 {
  position: relative;
  z-index: 1;
}
.Text-Span0003:after {
  content: '';
  position: absolute;
  left: 11%;
  bottom: 22px;
  width: 0%;
  height: 10px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span0003.isActive:after {
  width: 83%;
}





div#contstitle04size{
max-width:720px;
width:100%;
margin:0 auto;
}

img#contstitle004gazou{
display:block;
max-width:720px;
width:100%;
height:auto;
margin:0 auto;
border:0;
}

.Text-Span0004 {
  position: relative;
  z-index: 1;
}
.Text-Span0004:after {
  content: '';
  position: absolute;
  left: 30%;
  bottom: -6px;
  width: 0%;
  height: 10px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span0004.isActive:after {
  width: 43%;
}





div#contstitle05size{
max-width:390px;
width:100%;
margin:0 auto;
}

img#contstitle005gazou{
display:block;
max-width:390px;
width:100%;
height:auto;
margin:0 auto;
border:0;
}

.Text-Span0005 {
  position: relative;
  z-index: 1;
}
.Text-Span0005:after {
  content: '';
  position: absolute;
  left: 13%;
  bottom: 22px;
  width: 0%;
  height: 10px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span0005.isActive:after {
  width: 80%;
}





div#contstitle06size{
max-width:460px;
width:100%;
margin:0 auto;
}

img#contstitle006gazou{
display:block;
max-width:460px;
width:100%;
height:auto;
margin:0 auto;
border:0;
}

.Text-Span0006 {
  position: relative;
  z-index: 1;
}
.Text-Span0006:after {
  content: '';
  position: absolute;
  left: 12%;
  bottom: 24px;
  width: 0%;
  height: 10px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span0006.isActive:after {
  width: 81%;
}

/*----------------------20230616----------------------------*/






























.Text-Span {
  position: relative;
  z-index: 1;
}
.Text-Span:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 1px;
  width: 0%;
  height: 7px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span.isActive:after {
  width: 100%;
}

.Text-Span2 {
  position: relative;
  z-index: 1;
}
.Text-Span2:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 1px;
  width: 0%;
  height: 7px;
  background: #ffdd00;
  z-index: -1;ffdd00
  transition: all 1.5s ease-in-out 1s;
}
.Text-Span2.isActive:after {
  width: 100%;
}

.Text-Span3 {
  position: relative;
  z-index: 1;
}
.Text-Span3:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 1px;
  width: 0%;
  height: 7px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s ease-in-out 2s;
}
.Text-Span3.isActive:after {
  width: 100%;
}

.Text-Span4 {
  position: relative;
  z-index: 1;
}
.Text-Span4:after {
  content: '';
  position: absolute;
  left: 9%;
  bottom: 22px;
  width: 0%;
  height: 10px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span4.isActive:after {
  width: 85%;
}


.Text-Span5 {
  position: relative;
  z-index: 1;
}
.Text-Span5:after {
  content: '';
  position: absolute;
  left: 7%;
  bottom: 26px;
  width: 0%;
  height: 10px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span5.isActive:after {
  width: 88%;
}



.Text-Span333 {
  position: relative;
  z-index: 1;
}
.Text-Span333:after {
  content: '';
  position: absolute;
  left: 6%;
  bottom: 26px;
  width: 0%;
  height: 10px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span333.isActive:after {
  width: 90%;
}






.Text-Span6 {
  position: relative;
  z-index: 1;
}
.Text-Span6:after {
  content: '';
  position: absolute;
  left: 6%;
  bottom: 26px;
  width: 0%;
  height: 10px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span6.isActive:after {
  width: 90%;
}


.Text-Span7 {
  position: relative;
  z-index: 1;
}
.Text-Span7:after {
  content: '';
  position: absolute;
  left: 19%;
  bottom: 29px;
  width: 0%;
  height: 10px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span7.isActive:after {
  width: 65%;
}


.Text-Span8 {
  position: relative;
  z-index: 1;
}
.Text-Span8:after {
  content: '';
  position: absolute;
  left: 19%;
  bottom: 29px;
  width: 0%;
  height: 10px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span8.isActive:after {
  width: 65%;
}


.Text-Span9 {
  position: relative;
  z-index: 1;
}
.Text-Span9:after {
  content: '';
  position: absolute;
  left: 12%;
  bottom: 26px;
  width: 0%;
  height: 10px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span9.isActive:after {
  width: 76%;
}



.Text-Span10 {
  position: relative;
  z-index: 1;
}
.Text-Span10:after {
  content: '';
  position: absolute;
  left: 15%;
  bottom: 26px;
  width: 0%;
  height: 10px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span10.isActive:after {
  width: 74%;
}


.Text-Span11 {
  position: relative;
  z-index: 1;
}
.Text-Span11:after {
  content: '';
  position: absolute;
  left: 19%;
  bottom: 29px;
  width: 0%;
  height: 10px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span11.isActive:after {
  width: 65%;
}

.Text-Span12 {
  position: relative;
  z-index: 1;
}
.Text-Span12:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 1px;
  width: 0%;
  height: 7px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span12.isActive:after {
  width: 100%;
}


.Text-Span13 {
  position: relative;
  z-index: 1;
}
.Text-Span13:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 1px;
  width: 0%;
  height: 7px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span13.isActive:after {
  width: 100%;
}


.Text-Span14 {
  position: relative;
  z-index: 1;
}
.Text-Span14:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 1px;
  width: 0%;
  height: 7px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span14.isActive:after {
  width: 100%;
}


.Text-Span15 {
  position: relative;
  z-index: 1;
}
.Text-Span15:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 1px;
  width: 0%;
  height: 7px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span15.isActive:after {
  width: 100%;
}













}












































div#dboxmastera{
max-width:1366px;
border:0;
width: 100%;
margin:0 auto;
padding:0;
display:flex;
}

div#dboxsuba{
max-width:25%;
width:100%;
height:auto;
padding:0;
margin:0;
border:0;
border-radius:;
vertical-align:;
font-size:;
font-weight:;
font-family:;
color:;
line-height:;
letter-spacing:;
}

div.dboxsubacolora{
background-color:#888888;
}

div.dboxsubacolorb{
background-color:#dedede;
}