@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;}/*---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:;
}

フォントの濃い青
#012d85

治療の主な効果の背景色
#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;--*/
/*----*/

overflow:hidden;
}



div#header{
width:759px;
height:auto;
margin:0 auto;
border:0;
background-color:#ffffff;
}

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 #3f487d;
border-bottom:2px solid #3f487d;
background-color:#ffffff;
padding:15px 0;
}

div#headerlinksboxin{
width:480px;
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;
border-bottom:2px solid #3f487d;
}

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:#352d57;
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:#352d57;
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:#352d57;
}

.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:#f1effb;
}

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

.toggle_title2:hover{
color: #012d85;
}

.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:#352d57;
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:0.95em;
color:#352d57;
margin:10px auto 0 auto;
line-height:140%;
letter-spacing:2px;
font-family: 'smidiumfont';
}











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 10%;
margin:0 auto;
border-top:2px solid #363363;
border-bottom:2px solid #363363;
border-right:2px solid #363363;
text-align:left;
vertical-align:;
font-size:0.95em;
font-weight:;
color:#352d57;
line-height:40px;
letter-spacing:2px;
background-size:;
background-image:url("../img/");
background-repeat;
background-color:#f1effb;
text-decoration:;
font-family: 'smidiumfont';
}

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


td#tboxsub5{
width:67%;
height:auto;
padding:0 0 0 10%;
margin:0 auto;
border-top:2px solid #363363;
border-bottom:2px solid #363363;
border-right:2px solid #363363;
text-align:left;
vertical-align:;
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#tboxsub6{
width:30%;
height:auto;
padding:12px 0 16px 0;
margin:0 auto;
border-top:2px solid #363363;
border-bottom:2px solid #363363;
text-align:center;
vertical-align:;
font-size:0.95em;
font-weight:;
color:#352d57;
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:#352d57;
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:#352d57;
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:400px;
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:420px;
width:80%;
margin:0 auto;
}

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

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

img#contstitle3gazou{
display:block;
max-width:330px;
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;
}










.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: 21%;
  bottom: 16px;
  width: 0%;
  height: 10px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span4.isActive:after {
  width: 61%;
}





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





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





.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: 19px;
  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%;
}





div#contswords999{
max-width:1366px;
width:100%;
height:auto;
padding:4% 0;
margin:0 auto;
border:0;
vertical-align:;
background-size:;
background-image:url("../img/");
background-repeat;
background-color:#f6f2f2;
text-decoration:;
font-family: 'smidiumfont';
}

div.contswords777{
width:100%;
color:#;text-align:center;
font-size:1.1em;
font-weight:;
color:#352d57;
line-height:40px;
padding:0 0 15px 0;
letter-spacing:2px;
}

div.contswords888{
width:55%;
margin:0 auto;
color:#fc1d0c;text-align:left;
font-size:1.1em;
font-weight:;
color:#fc1d0c;
line-height:45px;
letter-spacing:2px;
}



div#contstitle1001size{
max-width:320px;
width:80%;
margin:0 auto;
}

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

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





div#contstitle1002size{
max-width:520px;
width:80%;
margin:0 auto;
}

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

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





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

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

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


}


































































@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;--*/
/*----*/
overflow:hidden;
}



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

}

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 #3f487d;
border-bottom:2px solid #3f487d;
background-color:#ffffff;

padding:15px 0;
}

div#headerlinksboxin{
max-width:480px;
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;
border-bottom:2px solid #3f487d;
}

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:#352d57;
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:#352d57;
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:#352d57;
}

.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:#f1effb;
}

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

.toggle_title2:hover{
color: #012d85;
}

.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:#352d57;
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: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:800px;
width:90%;
height:auto;
text-align:center;
font-size:2vw;
color:#352d57;
margin:10px auto 0 auto;
line-height:150%;
letter-spacing:2px;
font-family: 'smidiumfont';
}











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 15%;
margin:0 auto;
border-top:2px solid #363363;
border-bottom:2px solid #363363;
border-right:2px solid #363363;
text-align:left;
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:#f1effb;
text-decoration:;
font-family: 'smidiumfont';
}

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


td#tboxsub5{
width:67%;
height:auto;
padding:0 0 0 15%;
margin:0 auto;
border-top:2px solid #363363;
border-right:2px solid #363363;
border-bottom:2px solid #363363;
text-align:left;
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';
}

td#tboxsub6{
width:30%;
height:auto;
padding:12px 0 16px 0;
margin:0 auto;
border-top:2px solid #363363;
border-bottom:2px solid #363363;
text-align:center;
vertical-align:;
font-size:1.9vw;
font-weight:;
color:#352d57;
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:#352d57;
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:#352d57;
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:400px;
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:420px;
width:80%;
margin:0 auto;
}

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

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

img#contstitle3gazou{
display:block;
max-width:330px;
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;
}










.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: 21%;
  bottom: 16px;
  width: 0%;
  height: 10px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span4.isActive:after {
  width: 60%;
}





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





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





.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%;
}





div#contswords999{
max-width:1366px;
width:100%;
height:auto;
padding:2% 0 4% 0;
margin:0 auto;
border:0;
vertical-align:;
background-size:;
background-image:url("../img/");
background-repeat;
background-color:#f6f2f2;
text-decoration:;
font-family: 'smidiumfont';
}

div.contswords777{
width:100%;
color:#;text-align:center;
font-size:2vw;
font-weight:;
color:#352d57;
line-height:40px;
padding:0 0 15px 0;
letter-spacing:2px;
}

div.contswords888{
width:50%;
margin:0 auto;
color:#fc1d0c;text-align:left;
font-size:2vw;
font-weight:;
color:#fc1d0c;
line-height:45px;
letter-spacing:2px;
}



div#contstitle1001size{
max-width:320px;
width:80%;
margin:0 auto;
}

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

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





div#contstitle1002size{
max-width:520px;
width:80%;
margin:0 auto;
}

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

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





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

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

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





}














































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


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



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

}

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 #3f487d;
border-bottom:2px solid #3f487d;
background-color:#ffffff;

padding:15px 0;
}

div#headerlinksboxin{
max-width:480px;
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;
border-bottom:2px solid #3f487d;
}

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:#352d57;
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:#352d57;
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:#352d57;
}

.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:#f1effb;
}

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

.toggle_title2:hover{
color: #012d85;
}

.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:#352d57;
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: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:800px;
width:100%;
height:auto;
text-align:center;
font-size:1.45em;
color:#352d57;
margin:20px auto 0 auto;
line-height:40px;
letter-spacing:2px;
font-family: 'smidiumfont';
}















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

td#tboxsub3{
width:70%;
height:auto;
padding:0 0 0 10%;
margin:0 auto;
border-top:2px solid #363363;
border-bottom:2px solid #363363;
border-right:2px solid #363363;
text-align:left;
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:#f1effb;
text-decoration:;
font-family: 'smidiumfont';
}

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


td#tboxsub5{
width:67%;
height:auto;
padding:0 0 0 10%;
margin:0 auto;
border-top:2px solid #363363;
border-right:2px solid #363363;
border-bottom:2px solid #363363;
text-align:left;
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';
}

td#tboxsub6{
width:30%;
height:auto;
padding:12px 0 16px 0;
margin:0 auto;
border-top:2px solid #363363;
border-bottom:2px solid #363363;
text-align:center;
vertical-align:;
font-size:1.45em;
font-weight:;
color:#352d57;
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:#352d57;
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:#352d57;
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:#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:100%;
height:auto;
margin:0 auto;
border:0;
}

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

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

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

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

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

img#contstitle3gazou{
display:block;
max-width:330px;
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;
}










.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: 14%;
  bottom: 22px;
  width: 0%;
  height: 10px;
  background: #ffdd00;
  z-index: -1;
  transition: all 1.5s;
}
.Text-Span4.isActive:after {
  width: 75%;
}


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



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


.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%;
}
































div#contswords999{
max-width:1366px;
width:100%;
height:auto;
padding:4% 0;
margin:0 auto;
border:0;
vertical-align:;
background-size:;
background-image:url("../img/");
background-repeat;
background-color:#f6f2f2;
text-decoration:;
font-family: 'smidiumfont';
}

div.contswords777{
width:100%;
color:#;text-align:center;
font-size:1.45em;
font-weight:;
color:#352d57;
line-height:40px;
padding:0 0 15px 0;
letter-spacing:2px;
}

div.contswords888{
width:40%;
margin:0 auto;
color:#fc1d0c;text-align:left;
font-size:1.45em;
font-weight:;
color:#fc1d0c;
line-height:45px;
letter-spacing:2px;
}



div#contstitle1001size{
max-width:320px;
width:100%;
margin:0 auto;
}

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

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





div#contstitle1002size{
max-width:520px;
width:100%;
margin:0 auto;
}

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

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





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

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

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





}












































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;
}