@charset "utf-8";
/* CSS Document */
::selection {background: #00b3d6; color: #272727;}
::-moz-selection {background: #00b3d6; color: #272727;}


/*.wf-mplus1p { font-family: "Mplus 1p"; }*/

.fadein {
    opacity : 0.1;
    transform : translate(0, 50px);
    transition : all 500ms;
    }
 
/* 画面内に入った状態 */
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }
	
	
body {

	color:#424242;
	background-color:#fff;
font-size:100%;
line-height:1.5;

margin:0;
padding:0;
height: 100%;

font-family: "Noto Sans Japanese";
}

#page-top {
    position: fixed;
    bottom: 20px;
    right: 40px;
    font-size: 80%;
	
}
#page-top a {
    text-decoration: none;
    color: #fff;
    width: 20px;
    padding: 2em 0;
    text-align: center;
    display: block;
}
#page-top a:hover {
    text-decoration: none;
}
#page-top img{
width:50px;
}




/*table仕様*/

.spec{
  width:100%;
  border-spacing: 0;
  margin:1em 0 2em 0;
  font-size:medium;
padding:0;
}
.spec td img{
width:50%;
}
.spec td{
  color:#424242;
}
.spec ul,li{
list-style-positionn:inside;
}
.spec caption{
color:#424242;
font-weight:bold;
text-align: left;
background-color:#dcdddd;
padding:0.5em;
}
.spec th {
padding:0.5em;
  font-weight: bold;

  
  border-bottom:1px solid #edeef0/*#e0e0e0*/;
  text-align:left;
  color:#424242;
}

.spec tr td {
   padding: 0.5em;
     border-left:1px solid #edeef0/*#e0e0e0*/;
  border-bottom: 1px solid #edeef0/*#e0e0e0*/;
  
  text-align: left;
}
.spec tr td:last-child {
	border-right:1px solid #edeef0/*#e0e0e0*/;

}
.spec th:first-child {
	border-left:1px solid #edeef0/*#e0e0e0*/;

}

.spec tr:nth-child(2n+1) {
background-color: #fff;
}

.spec tr:hover {
 /* background: #fff
  cursor:pointer;*/
}
.spec a:link{
color:#00b3d6;
text-decoration:underline;
}
.spec a:visited{
color:#00b3d6;
text-decoration:underline;
}
.spec a:hover{
color:#2882d2;
text-decoration:none;
}
.spec small{
border-radius: 5px;
background-color:#2882d2;
color:#fff;
padding:0.25em;
}
/*table仕様*/
.spec2{
  width:100%;
  border-spacing: 0;
  margin:1em 0 2em 0;
  font-size:medium;
padding:0;
background-color: #fff;
}
.spec2 td img{
width:50%;
}
.spec2 td{
  color:#424242;
}
.spec2 ul,li{
list-style-positionn:inside;
}
.spec2 caption{
color:#424242;
font-weight:bold;
text-align: left;
background-color:#dcdddd;
padding:0.5em;
}
.spec2 th {
padding:0.5em;
  font-weight: bold;

  
  border-bottom:1px solid #edeef0/*#e0e0e0*/;
  text-align:left;
  color:#424242;
}

.spec2 tr td {
   padding: 0.5em;
     border-left:1px solid #edeef0/*#e0e0e0*/;
  border-bottom: 1px solid #edeef0/*#e0e0e0*/;
  
  text-align: left;
}
.spec2 tr td:last-child {
	border-right:1px solid #edeef0/*#e0e0e0*/;

}
.spec2 th:first-child {
	border-left:1px solid #edeef0/*#e0e0e0*/;

}

.spec2 tr:nth-child(2n+1) {
background-color: #fff;
}

.spec2 tr:hover {
 /* background: #fff
  cursor:pointer;*/
}
.spec2 a:link{
color:#00b3d6;
text-decoration:underline;
}
.spec2 a:visited{
color:#00b3d6;
text-decoration:underline;
}
.spec2 a:hover{
color:#2882d2;
text-decoration:none;
}
.spec2 small{
border-radius: 5px;
background-color:#2882d2;
color:#fff;
padding:0.25em;
}
/*table仕様*/
.spec2 h5{
background-color:#2882d2;
color:#fff;
border-radius:5px;
font-size:x-small;
display:inline-block;
padding:0.25em;
vertical-align:middle;
margin-left:0.5em;
}
.spec2 h6{
background-color:#00b3d6;
color:#fff;
border-radius:5px;
font-size:x-small;
display:inline-block;
padding:0.25em;
vertical-align:middle;
margin-left:0.5em;
}
/*table仕様*/


/*---------------------------見出し*/


/*---------------------------見出し*/

header{
text-align:center;
marign:0;
padding:0;
}
main{
display:block;
max-width:1100px;
margin:1vh auto;



position: relative;
    /*height: auto !important;*/

   min-height: 100%;
}
main p br{
display:block;
}
main p{
width:90%;
margin:0 auto 2vh auto;
}
main p a:link{
color:#424242;
text-decoration:underline;
}
main p a:visited{
color:#424242;
text-decoration:underline;
}
main p a:hover{
color:#2882d2;
text-decoration:none;
}
main h1{
padding: 0.4em 1em;/*文字の上下 左右の余白*/
color: #272727;
border-left: solid 5px #00b3d6;/*左線*/
font-size:160%;
}

main h3{
padding: 0.4em 1em;/*文字の上下 左右の余白*/
color: #272727;
border-left: solid 5px #00b3d6;/*左線*/
font-size:120%;
}
@media screen and (max-width: 768px){
	main{
display:block;
width:95%;

margin:1vh auto;



}
main p br{
display:block;
}
main p{
width:90%;
margin:0 auto 2vh auto;
}
main h1{
padding: 0.4em 1em;/*文字の上下 左右の余白*/
color: #272727;
border-left: solid 5px #00b3d6;/*左線*/
font-size:160%;
}
}



/*----------------topphoto*/
#colum1{
text-align:center;
display: block;
margin:0 0 1vh 0;
width:100%;
clear:both;
font-size:90%;

background-image:url(https://www.cti-info.co.jp/entry/images/b1-1.jpg);
background-size:cover;
background-position:top;
height:300px;
}
#colum1:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}


.colum1-box{
display: block;
margin:0px auto;
width:100%;/*width:1100px;*/
clear:both;
}
.colum1-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
   
display: block;
} 
#colum1 img{
width:100%;
}
@media screen and (max-width: 768px){
#colum1{
text-align:center;
display: block;
margin:0 auto 1vh auto;
width:100%;
clear:both;
font-size:90%;

background-image:url(https://www.cti-info.co.jp/entry/images/b1-2.jpg);
background-size:cover;
background-position:top;
height:200px;
}
.colum1-box{
display: block;
margin:0px auto;
width:100%;
clear:both;

}
.colum1-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
   
display: block;
} 
}

@media screen and (max-width: 600px){
#colum1{
text-align:center;
display: block;
margin:0 auto 1vh auto;
width:100%;
clear:both;
font-size:90%;

background-image:url(https://www.cti-info.co.jp/entry/images/b1-2.jpg);
background-size:cover;
background-position:top;
height:300px;
}
}
/*----------------topphoto*/

.colum-if{
border:2px solid #dedce0;
width:90%;
height:20em;
margin:1em 5%;
}

/*----------------copy*/
#colum2{
text-align:center;
display: block;
margin:0vh auto;
padding:0;
width:100%;
clear:both;
font-size:70%;

font-weight:normal;
text-align:center;
background-color:#00b3d6;/*background-color:#2882d2;*/
color:#fff;
position:inherit;
bottom:0;

}
#colum2:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}


.colum2-box{
display: block;
margin:0px auto;
padding:1vh 0;
width:1100px;
clear:both;
}
.colum2-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
   
display: block;
} 
#colum2 img{
width:100%;
}
@media screen and (max-width: 768px){
	.colum2-box{
display: block;
margin:0px auto;
padding:1vh 0;
width:95%;
clear:both;
vertical-align:bottom;
}
}
/*----------------copy*/


/*----------------logo*/
#colum3{
text-align:left;
display: block;
marign:0;
padding:0;
width:100%;
clear:both;
font-size:90%;
/*border-bottom:1px solid #eaeaea;*/
position:fixed;
background-color:#fff;
z-index:1;

box-shadow: 0px 2px 2px 2px rgba(0,0,0,0.2);
}
#colum3:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}


.colum3-box{
display: block;
margin:0px auto;
padding:0;
width:1100px;
clear:both;
}
.colum3-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
   
display: block;
} 

#colum3 img{
transition: all 0.5s ease-out;

}
#colum3 img:hover{
	opacity:0.5;
}
#colum3 ul{
maargin:0;
padding:0;
}
#colum3 li{
list-style-type:none;
box-sizing:border-box;
float:left;
}
#colum3 img{
transition: all 0.5s ease-out;
margin:5px 0 0 0;
}
#colum3 li:nth-child(1){
	width:30%;
	float:left;
	text-align:left;
}
#colum3 li:nth-child(1) img{
	width:100%;
}
#colum3 li:nth-child(2){
	width:30%;
}

#colum3 li:nth-child(2) img{
	width:100%;
}


#colum3 li:nth-child(3){
width:40%;
float:left;
margin:0;
padding:0;
font-size:120%;
color:#272727;
}
#colum3 li:nth-child(3) .red{
font-size:70%;

padding:0.5em;
background-color:#eb6ea5;
color:#fff;
border-radius:5px;
display:inline-block;
}
#colum3 li:nth-child(3) strong{
font-size:200%;
vertical-align:middle;
}
#colum3 li:nth-child(3) small{
font-size:70%;
vertical-align:middle;
color:#868686;
margin:0 0 0 0.5em;
}



@media screen and (max-width: 768px){
	#colum3{
text-align:center;
display: block;
marign:0;
padding:0;
width:100%;
clear:both;
font-size:90%;
/*border-bottom:1px solid #eaeaea;*/
box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.2);
}
	.colum3-box{
display: block;
margin:0px auto;
width:100%;
clear:both;
}
#colum3 li{
list-style-type:none;
box-sizing:border-box;
float:left;
}
#colum3 img{
transition: all 0.5s ease-out;
margin:5px 0 0 0;
}
#colum3 li:nth-child(1){
	width:50%;
	text-align:left;
	margin:0;
	float:left;

}
#colum3 li:nth-child(1) img{
	width:90%;
}
#colum3 li:nth-child(2){
	width:50%;
	text-align:right;
	margin:0;
	float:right;
}

#colum3 li:nth-child(2) img{
	width:90%;
}


#colum3 li:nth-child(3){
display:none;
}


}
@media screen and (max-width: 600px){
#colum3 li{
list-style-type:none;
box-sizing:border-box;
float:left;
}
#colum3 img{
transition: all 0.5s ease-out;
}
#colum3 li:nth-child(1){
	width:100%;
	text-align:center;
	margin:0 auto;
	float:none;

}
#colum3 li:nth-child(1) img{
	width:60%;
}
#colum3 li:nth-child(2){
	width:100%;
	text-align:center;
	margin:0 auto;
	float:none;
}

#colum3 li:nth-child(2) img{
	width:60%;
}


#colum3 li:nth-child(3){
display:none;
}

}
/*----------------logo*/

/*----------------全体*/
#colum4{
display: block;
margin:0 auto;
padding:0;
width:100%;
/*height:100vh;*/
clear:both;
}
#colum4:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}
/*----------------全体*/






/*--------------------------------ボタン*/
.button1{
	display:inline-block;
	text-align: center;
	text-decoration: none;
width:40%;	
padding:0.5em 0;
margin:1vh 30%;
color:#fff;
background:#fca90a;
font-size:150%;
font-weight:bold;
border-radius: 5px;	
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
border-bottom:5px solid #ed9306;
-moz-transition:1s ease-out;
-webkit-transition:1s ease-out;
-o-transition:1s ease-out;
-ms-transition:1s ease-out;



}

.button1:hover {
color:#fff;
background:#fca90a;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
border-bottom:5px solid #ed9306;
text-decoration: none;
opacity:0.5;
}


.button1:visited {
color:#fff;
background:#fca90a;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
border-bottom:5px solid #ed9306;
text-decoration: none;
}

@media screen and (max-width: 768px){
	.button1{
	display:inline-block;
	text-align: center;
	text-decoration: none;
width:80%;	
padding:0.5em 0;
margin:1vh 10%;
color:#fff;
background:#fca90a;
font-size:150%;
font-weight:bold;
border-radius: 5px;	
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
border-bottom:5px solid #ed9306;

-moz-transition:1s ease-out;
-webkit-transition:1s ease-out;
-o-transition:1s ease-out;
-ms-transition:1s ease-out;



}
}
/*--------------------------------ボタン*/

/*--------------------------------送信ボタン*/
input[type="submit"].button2 {
	display:inline-block;
	text-align: center;
	text-decoration: none;
width:36%;	
padding:0.5em 0;
margin:1vh 2%;
color:#fff;
background:#fca90a;
font-size:120%;
font-weight:bold;
border-radius: 5px;	
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
border-bottom:5px solid #ed9306;
-moz-transition:1s ease-out;
-webkit-transition:1s ease-out;
-o-transition:1s ease-out;
-ms-transition:1s ease-out;

font-family: "Noto Sans Japanese";

}
input[type="submit"].button2:link {
color:#fff;
background:#fca90a;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
border-bottom:5px solid #ed9306;
text-decoration: none;
}

input[type="submit"].button2:hover {
color:#fff;
background:#fca90a;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
border-bottom:5px solid #ed9306;
text-decoration: none;
opacity:0.5;
}


input[type="submit"].button2:visited {
color:#fff;
background:#fca90a;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
border-bottom:5px solid #ed9306;
text-decoration: none;
}

input[type="reset"].button3{
	display:inline-block;
	text-align: center;
	text-decoration: none;
width:26%;	
padding:0.5em 0;
margin:1vh 2%;
color:#424242;
background:#dedce0;
font-size:120%;
font-weight:bold;
border-radius: 5px;
border-bottom:5px solid #c4c3c5;
/*box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.3);
-moz-transition:1s ease-out;
-webkit-transition:1s ease-out;
-o-transition:1s ease-out;
-ms-transition:1s ease-out;*/

font-family: "Noto Sans Japanese";

}

input[type="reset"].button3:hover {
color:#9c9898;
background:#eceded;
text-decoration: none;
border-radius: 5px;
border-bottom:5px solid #c4c3c5;
}


input[type="reset"].button3:visited {
color:#424242;
background:#dedce0;
text-decoration: none;
border-radius: 5px;
border-bottom:5px solid #c4c3c5;
}

/*inputなし*/
.button2 {
	display:inline-block;
	text-align: center;
	text-decoration: none;
width:36%;	
padding:0.5em 0;
margin:1vh 2%;
color:#fff;
background:#fca90a;
font-size:120%;
font-weight:bold;
border-radius: 5px;	
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
border-bottom:5px solid #ed9306;
-moz-transition:1s ease-out;
-webkit-transition:1s ease-out;
-o-transition:1s ease-out;
-ms-transition:1s ease-out;

font-family: "Noto Sans Japanese";

}
.button2:link {
color:#fff;
background:#fca90a;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
border-bottom:5px solid #ed9306;
text-decoration: none;
}

.button2:hover {
color:#fff;
background:#fca90a;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
border-bottom:5px solid #ed9306;
text-decoration: none;
opacity:0.5;
}


.button2:visited {
color:#fff;
background:#fca90a;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
border-bottom:5px solid #ed9306;
text-decoration: none;
}

.button3{
	display:inline-block;
	text-align: center;
	text-decoration: none;
width:26%;	
padding:0.5em 0;
margin:1vh 2%;
color:#424242;
background:#dedce0;
font-size:120%;
font-weight:bold;
border-radius: 5px;
border-bottom:5px solid #c4c3c5;

-moz-transition:1s ease-out;
-webkit-transition:1s ease-out;
-o-transition:1s ease-out;
-ms-transition:1s ease-out;

font-family: "Noto Sans Japanese";

}

.button3:hover {
color:#9c9898;
background:#eceded;
text-decoration: none;
border-radius: 5px;
border-bottom:5px solid #c4c3c5;
}


.button3:visited {
color:#424242;
background:#dedce0;
text-decoration: none;
border-radius: 5px;
border-bottom:5px solid #c4c3c5;
}
/*inputなし*/

@media screen and (max-width: 600px){
input[type="submit"].button2{
	display:inline-block;
	text-align: center;
	text-decoration: none;
width:80%;	
padding:0.5em 0;
margin:1vh 10%;
color:#fff;
background:#fca90a;
font-size:120%;
font-weight:bold;
border-radius: 5px;	
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
border-bottom:5px solid #ed9306;


-moz-transition:1s ease-out;
-webkit-transition:1s ease-out;
-o-transition:1s ease-out;
-ms-transition:1s ease-out;
/*box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.3);*/


}
input[type="reset"].button3{
	display:block;
	text-align: center;
	text-decoration: none;
width:80%;	
padding:0.5em 0;
margin:1vh 10%;
color:#424242;
background:#dedce0;
font-size:120%;
font-weight:bold;
border-radius: 5px;
border-bottom:5px solid #c4c3c5;
/*box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.3);*/

-moz-transition:1s ease-out;
-webkit-transition:1s ease-out;
-o-transition:1s ease-out;
-ms-transition:1s ease-out;



}
/*inputなし*/
.button2{
	display:inline-block;
	text-align: center;
	text-decoration: none;
width:80%;	
padding:0.5em 0;
margin:1vh 10%;
color:#fff;
background:#fca90a;
font-size:120%;
font-weight:bold;
border-radius: 5px;	
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
border-bottom:5px solid #ed9306;


-moz-transition:1s ease-out;
-webkit-transition:1s ease-out;
-o-transition:1s ease-out;
-ms-transition:1s ease-out;
/*box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.3);*/


}
.button3{
	display:block;
	text-align: center;
	text-decoration: none;
width:80%;	
padding:0.5em 0;
margin:1vh 10%;
color:#424242;
background:#dedce0;
font-size:120%;
font-weight:bold;
border-radius: 5px;
border-bottom:5px solid #c4c3c5;
/*box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.3);*/

-moz-transition:1s ease-out;
-webkit-transition:1s ease-out;
-o-transition:1s ease-out;
-ms-transition:1s ease-out;



}
/*inputなし*/
}
/*--------------------------------送信ボタン*/


/*----------------送信ボタン*/
#colum5{
display: block;
margin:0 auto;
padding:0;
width:100%;

clear:both;
}
#colum5:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}
.colum5-box{
display: block;
margin:0 auto;
padding:0;
width:1100px;
clear:both;
text-align:center;
}
.colum5-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

@media screen and (max-width: 768px){
.colum5-box{
display: block;
margin:0 auto;
padding:0;
width:95%;
clear:both;
text-align:center;
}	
}
/*----------------送信ボタン*/





/*------------------------------------formページ*/
input,textarea{
font-family: "Noto Sans Japanese";
}
input[type="text"] {
border-color:#ccc;
border-radius: 5px;	
padding: 0.2em 0.7em;
 font-size:100%;
 margin:1vh 0;
 

}
input[type="text"]:focus {
background-color:#faff8b;
box-shadow: 0 0 5px 0 rgba(250,255,139,1);
  outline: 0;
}


input[type="submit"],input[type="reset"],input[type="button"],input[type="file"]{
border:0;

}

/*--------------------------------添付ボタン*/
.button12{
	display:inline-block;
	text-align: center;
	text-decoration: none;
width:auto;	
padding:0.5em 2%;
margin:1vh 0;
color:#272727;
background:#fca90a;
font-size:110%;
font-weight:bold;
border-radius: 5px;	

/*box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.3);*/
-moz-transition:1s ease-out;
-webkit-transition:1s ease-out;
-o-transition:1s ease-out;
-ms-transition:1s ease-out;

font-family: "Noto Sans Japanese";

}

.button12:hover {
color:#272727;
background:#f2fe00;
text-decoration: none;
}


.button12:visited {
color:#272727;
background:#fca90a;
text-decoration: none;
}


@media screen and (max-width: 600px){
	.button12{
	display:inline-block;
	text-align: center;
	text-decoration: none;
width:80%;	
padding:0.5em 0;
margin:1vh 10%;
color:#272727;
background:#fca90a;
font-size:100%;
font-weight:bold;
border-radius: 5px;	


-moz-transition:1s ease-out;
-webkit-transition:1s ease-out;
-o-transition:1s ease-out;
-ms-transition:1s ease-out;
/*box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.3);*/


}
}
/*--------------------------------添付ボタン*/



input.form{
width:60%;
height:2em;
font-size:100%;
color:#424242;

}
textarea.form2{
width:90%;

color:#424242;
border-radius: 5px;	
padding: 0.7em;
height:10em;
font-size:110%;

}
textarea:focus {
background-color:#faff8b;
box-shadow: 0 0 5px 0 rgba(250,255,139,1);
  outline: 0;
}



input.zip{
width:30%;
height:2em;
}




input[type="radio"] {
    position: relative;
    -webkit-appearance: button;
    appearance: button;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    content: "";
    background-color: #fff;
    border: 1px solid #879c98;
    -webkit-border-radius: 24px;
    border-radius: 24px;
    -webkit-box-shadow: inset 4px 4px 10px rgba(0,0,0,0.2);
    box-shadow: inset 4px 4px 10px rgba(0,0,0,0.2);
    vertical-align: middle;
    cursor: pointer;
}

input[type="radio"]:checked:after {
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    content: "";
    width: 12px;
    height: 12px;
    background: #5f6e6b;
    -webkit-border-radius: 12px;
    border-radius: 12px;
}

input[type=checkbox]  {
width:			24px;
	height:			24px;
	-moz-transform:		scale(1.4);
	-webkit-transform:	scale(1.4);
	transform:		scale(1.4);
}

select{
width:65%;
height:2.5em;
border-radius: 5px;	
-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
-moz-border-radius: 5px;	/* Firefox用 */
font-size:110%;
color:#424242;
padding: 0.2em 0.7em;
}
select:focus {
background:#faff8b;
color:#272727;
font-size:110%;
}
label{
width:100%;
display:block;
}
@media screen and (max-width: 768px){
	input[type="text"] {
border-color:#ccc;
border-radius: 5px;	
padding: 0.2em 0.7em;
 font-size:100%;
 margin:1vh 0;
 

}
input[type="text"]:focus {
background-color:#faff8b;
box-shadow: 0 0 5px 0 rgba(250,255,139,1);
  outline: 0;
}
input[type="submit"] ,input[type="reset"],input[type="button"],input[type="file"]{
border:0;
}


input.form{
width:85%;
height:2em;
font-size:100%;
color:#424242;
}
textarea.form2{
width:85%;

color:#424242;
border-radius: 5px;	
padding: 0.7em;
height:10em;
font-size:110%;

}
textarea:focus {
background-color:#faff8b;
box-shadow: 0 0 5px 0 rgba(250,255,139,1);
  outline: 0;
}
select{
width:90%;
height:2.5em;
border-radius: 5px;	
-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
-moz-border-radius: 5px;	/* Firefox用 */
font-size:110%;
color:#424242;
padding: 0.2em 0.7em;
}
select:focus {
background:#faff8b;
color:#272727;
font-size:110%;
}
}
/*------------------------------------formページ*/

/*----------------------table仕様*/
.spec4{

  border-spacing: 0;
  margin:1vh auto;
  font-size:110%;
padding:0;
background-color: #fff;
display:block;
width:100%;
}
.spec4 td img{
width:50%;
}
.spec4 td{
  color:#424242;
}

.spec4 caption{
color:#424242;
font-weight:bold;
text-align: left;
padding:0.5em;
}
.spec4 th {
padding:0.5em;
  font-weight: bold;

  
  border-bottom:1px solid #edeef0/*#e0e0e0*/;
  text-align:left;
 color:#003a70;/*color:#424242;*/
}

.spec4 tr td {
   padding: 0.5em;
  border-bottom: 1px solid #edeef0/*#e0e0e0*/;
  
  text-align: left;
}


.spec4 tr:nth-child(2n+1) {
background-color: #fff;


}


.spec4 a:link{
color:#00b3d6;
text-decoration:underline;
}
.spec4 a:visited{
color:#00b3d6;
text-decoration:underline;
}
.spec4 a:hover{
color:#2882d2;
text-decoration:none;
}
.spec4 small{
border-radius: 5px;
background-color:#2882d2;
color:#fff;
padding:0.25em;
}

.spec4 h5{
background-color:#2882d2;
color:#fff;
border-radius:5px;
font-size:60%;
display:inline-block;
padding:0.25em;
vertical-align:middle;
margin-left:1em;

letter-spacing:0.2em;
}
.spec4 h6{
background-color:#00b3d6;
color:#fff;
border-radius:5px;
font-size:60%;
display:inline-block;
padding:0.25em;
vertical-align:middle;
margin-left:1em;

letter-spacing:0.2em;
}
@media screen and (max-width: 768px){
.spec4{
  width:100%;
  border-spacing: 0;
  margin:1vh auto;
  font-size:110%;
padding:0;
background-color: #fff;
display:none;
}
.spec4 td img{
width:50%;
}
.spec4 td{
  color:#424242;
  
    width:100%;
  display:block;
}

.spec4 caption{
color:#424242;
font-weight:bold;
text-align: left;
padding:0.5em;
}
.spec4 th {
padding:0.5em;
  font-weight: bold;

  
  border-bottom:1px solid #edeef0/*#e0e0e0*/;
  text-align:left;
  color:#003a70;/*color:#424242;*/
  
  
    width:100%;
  display:block;
}

.spec4 tr td {
   padding: 0.5em;
  border-bottom: 1px solid #edeef0/*#e0e0e0*/;
  
  text-align: left;
  

}


.spec4 tr:nth-child(2n+1) {
background-color: #fff;
}


.spec4 a:link{
color:#00b3d6;
text-decoration:underline;
}
.spec4 a:visited{
color:#00b3d6;
text-decoration:underline;
}
.spec4 a:hover{
color:#2882d2;
text-decoration:none;
}
.spec4 small{
border-radius: 5px;
background-color:#2882d2;
color:#fff;
padding:0.25em;
}

.spec4 h5{
background-color:#2882d2;
color:#fff;
border-radius:5px;
font-size:60%;
display:inline-block;
padding:0.25em;
vertical-align:middle;
margin-left:1em;

letter-spacing:0.2em;
}
.spec4 h6{
background-color:#00b3d6;
color:#fff;
border-radius:5px;
font-size:60%;
display:inline-block;
padding:0.25em;
vertical-align:middle;
margin-left:1em;

letter-spacing:0.2em;
}
}
/*----------------------table仕様*/




/*----------------------table仕様*/

.spec5{
  width:100%;
  border-spacing: 0;
  margin:1vh auto;
  font-size:110%;
padding:0;
background-color: #fff;
display:none;
}

.spec5 td img{
width:50%;
}
.spec5 td{
  color:#424242;
}

.spec5 caption{
color:#424242;
font-weight:bold;
text-align: left;
padding:0.5em;
}
.spec5 th {
padding:0.5em;
  font-weight: bold;

  
  border-bottom:1px solid #edeef0/*#e0e0e0*/;
  text-align:left;
  color:#003a70;/*color:#424242;*/
}

.spec5 tr td {
   padding: 0.5em;
  border-bottom: 1px solid #edeef0/*#e0e0e0*/;
  
  text-align: left;
}


.spec5 tr:nth-child(2n+1) {
background-color: #fff;
}


.spec5 a:link{
color:#00b3d6;
text-decoration:underline;
}
.spec5 a:visited{
color:#00b3d6;
text-decoration:underline;
}
.spec5 a:hover{
color:#2882d2;
text-decoration:none;
}
.spec5 small{
border-radius: 5px;
background-color:#2882d2;
color:#fff;
padding:0.25em;
}

.spec5 h5{
background-color:#2882d2;
color:#fff;
border-radius:5px;
font-size:60%;
display:inline-block;
padding:0.25em;
vertical-align:middle;
margin-left:1em;

letter-spacing:0.2em;
}
.spec5 h6{
background-color:#00b3d6;
color:#fff;
border-radius:5px;
font-size:60%;
display:inline-block;
padding:0.25em;
vertical-align:middle;
margin-left:1em;

letter-spacing:0.2em;
}
@media screen and (max-width: 768px){
.spec5{
  width:100%;
  border-spacing: 0;
  margin:1vh auto;
  font-size:110%;
padding:0;
background-color: #fff;
display:block;

}
.spec5 td img{
width:50%;
}
.spec5 td{
  color:#424242;
  
    width:100%;
  display:block;
}

.spec5 caption{
color:#424242;
font-weight:bold;
text-align: left;
padding:0.5em;

}
.spec5 th {
padding:0.5em;
  font-weight: bold;

  
  border-bottom:1px solid #edeef0/*#e0e0e0*/;
  text-align:left;
 color:#003a70;/*color:#424242;*/
  
  
    width:100%;
  display:block;
}

.spec5 tr td {
   padding: 0.5em;
  border-bottom: 1px solid #edeef0/*#e0e0e0*/;
  
  text-align: left;
  

}


.spec5 tr:nth-child(2n+1) {
background-color: #fff;
}


.spec5 a:link{
color:#00b3d6;
text-decoration:underline;
}
.spec5 a:visited{
color:#00b3d6;
text-decoration:underline;
}
.spec5 a:hover{
color:#2882d2;
text-decoration:none;
}
.spec5 small{
border-radius: 5px;
background-color:#2882d2;
color:#fff;
padding:0.25em;
}

.spec5 h5{
background-color:#2882d2;
color:#fff;
border-radius:5px;
font-size:60%;
display:inline-block;
padding:0.25em;
vertical-align:middle;
margin-left:1em;

letter-spacing:0.2em;
}
.spec5 h6{
background-color:#00b3d6;
color:#fff;
border-radius:5px;
font-size:60%;
display:inline-block;
padding:0.25em;
vertical-align:middle;
margin-left:1em;

letter-spacing:0.2em;
}
}
@media screen and (max-width: 600px){
.spec5{
  width:100%;
  border-spacing: 0;
  margin:1vh auto;
  font-size:110%;
padding:0;
background-color: #fff;
display:block;
}
.spec5 td img{
width:50%;
}
.spec5 td{
  color:#424242;
  
    width:100%;
  display:block;
}

.spec5 caption{
color:#424242;
font-weight:bold;
text-align: left;
padding:0.5em;
}
.spec5 th {
padding:0.5em;
  font-weight: bold;

  
  border-bottom:1px solid #edeef0/*#e0e0e0*/;
  text-align:left;
 color:#003a70;/*color:#424242;*/
  
  
    width:100%;
  display:block;
}

.spec5 tr td {
   padding: 0.5em;
  border-bottom: 1px solid #edeef0/*#e0e0e0*/;
  
  text-align: left;
  

}


.spec5 tr:nth-child(2n+1) {
background-color: #fff;
}


.spec5 a:link{
color:#00b3d6;
text-decoration:underline;
}
.spec5 a:visited{
color:#00b3d6;
text-decoration:underline;
}
.spec5 a:hover{
color:#2882d2;
text-decoration:none;
}
.spec5 small{
border-radius: 5px;
background-color:#2882d2;
color:#fff;
padding:0.25em;
}

.spec5 h5{
background-color:#2882d2;
color:#fff;
border-radius:5px;
font-size:60%;
display:inline-block;
padding:0.25em;
vertical-align:middle;
margin-left:1em;

letter-spacing:0.2em;
}
.spec5 h6{
background-color:#00b3d6;
color:#fff;
border-radius:5px;
font-size:60%;
display:inline-block;
padding:0.25em;
vertical-align:middle;
margin-left:1em;

letter-spacing:0.2em;
}
}
/*----------------------table仕様*/



/*----------------------table仕様*/
.spec3{
  width:90%;
  border-spacing: 0;
  margin:1vh auto;
  font-size:110%;
padding:0;
background-color: #fff;
}
.spec3 td img{
width:50%;
}
.spec3 td{
  color:#424242;
}

.spec3 caption{
color:#424242;
font-weight:bold;
text-align: left;
padding:0.5em;
}
.spec3 th {
padding:0.5em;
  font-weight: bold;

  
  border-bottom:1px solid #edeef0/*#e0e0e0*/;
  text-align:left;
  color:#424242;
}

.spec3 tr td {
   padding: 0.5em;
  border-bottom: 1px solid #edeef0/*#e0e0e0*/;
  
  text-align: left;
}


.spec3 tr:nth-child(2n+1) {
background-color: #fff;
}


.spec3 a:link{
color:#00b3d6;
text-decoration:underline;
}
.spec3 a:visited{
color:#00b3d6;
text-decoration:underline;
}
.spec3 a:hover{
color:#2882d2;
text-decoration:none;
}
.spec3 small{
border-radius: 5px;
background-color:#2882d2;
color:#fff;
padding:0.25em;
}

.spec3 h5{
background-color:#2882d2;
color:#fff;
border-radius:5px;
font-size:60%;
display:inline-block;
padding:0.25em;
vertical-align:middle;
margin-left:1em;

letter-spacing:0.2em;
}
.spec3 h6{
background-color:#00b3d6;
color:#fff;
border-radius:5px;
font-size:60%;
display:inline-block;
padding:0.25em;
vertical-align:middle;
margin-left:1em;

letter-spacing:0.2em;
}
.spec3 strong{
	border-left: 5px solid #00b3d6;
	padding:0.4em 1em;
}
.spec3 p{
display:block;
width:92%;
margin:0.2em 4% 1em 4%;
}
@media screen and (max-width: 768px){
.spec3{
  width:100%;
  border-spacing: 0;
  margin:1vh auto;
  font-size:110%;
padding:0;
background-color: #fff;
}
.spec3 td img{
width:50%;
}
.spec3 td{
  color:#424242;
  
    width:100%;
  display:block;
}

.spec3 caption{
color:#424242;
font-weight:bold;
text-align: left;
padding:0.5em;
}
.spec3 th {
padding:0.5em;
  font-weight: bold;

  
  border-bottom:1px solid #edeef0/*#e0e0e0*/;
  text-align:left;
  color:#424242;
  
  
    width:100%;
  display:block;
}

.spec3 tr td {
   padding: 0.5em;
  border-bottom: 1px solid #edeef0/*#e0e0e0*/;
  
  text-align: left;
  

}


.spec3 tr:nth-child(2n+1) {
background-color: #fff;
}


.spec3 a:link{
color:#00b3d6;
text-decoration:underline;
}
.spec3 a:visited{
color:#00b3d6;
text-decoration:underline;
}
.spec3 a:hover{
color:#2882d2;
text-decoration:none;
}
.spec3 small{
border-radius: 5px;
background-color:#2882d2;
color:#fff;
padding:0.25em;
}

.spec3 h5{
background-color:#2882d2;
color:#fff;
border-radius:5px;
font-size:60%;
display:inline-block;
padding:0.25em;
vertical-align:middle;
margin-left:1em;

letter-spacing:0.2em;
}
.spec3 h6{
background-color:#00b3d6;
color:#fff;
border-radius:5px;
font-size:60%;
display:inline-block;
padding:0.25em;
vertical-align:middle;
margin-left:1em;

letter-spacing:0.2em;
}

}
/*----------------------table仕様*/


footer{
width:100%;
position: fixed;
bottom: 0;
}



/*-------------------トップページ*/
#colum6{
display:block;
width:1100px;/*width:1100px;*/
margin:0vh auto 0vh auto;/*margin:4vh auto 1vh auto;*/

/*position: relative;
    height: auto !important;
    height: 100%;
   min-height: 100%;*/
}
#colum6:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

.colum6-box{
display:block;
width:100%;
margin:0 auto 0 auto;
padding:0;
font-size:120%;
line-height:1.5;
}
.colum6-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}
/*.colum6-box br{
	display:block;
}

#colum6 p br{
display:block;
}
#colum6 p{
width:96%;
margin:0 3% 2vh 3%;
}
#colum6 p a:link{
color:#424242;
text-decoration:underline;
}
#colum6 p a:visited{
color:#424242;
text-decoration:underline;
}
#colum6 p a:hover{
color:#2882d2;
text-decoration:none;
}


#colum6 h1{
font-size:200%;
width:96%;
margin:15vh 3% 2vh 3%;
}

#colum6 h3{
font-size:150%;
border-top: 1px solid #00b3d6;
border-bottom: 1px solid #00b3d6;
padding:0.25em 0;

}
*/
@media screen and (max-width: 768px){
#colum6{
display:block;
width:95%;
margin:0vh auto 0vh auto;

/*position: relative;
    height: auto !important;
    height: 100%;
   min-height: 100%;*/
}
#colum6:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

.colum6-box{
display:block;
width:100%;
margin:0 auto 0vh auto;

font-size:120%;
line-height:1.5;
}
.colum6-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}
/*.colum6-box br{
	display:block;
}

#colum6 p br{
display:block;
}
#colum6 p{
width:96%;
margin:0 3% 2vh 3%;
}
*/

}
/*-------------------トップページ*/


/*---------------------ご注意*/
#colum7{
display:block;
width:100%;
margin:6vh auto 0 auto;


}
#colum7:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

.colum7-box{
display:block;
width:100%;
margin:0 auto;

font-size:120%;
line-height:1.5;
}
.colum7-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}
.colum7-box br{
	display:block;
}

#colum7 p br{
display:block;
}
#colum7 p{
width:90%;
margin:0 auto 2vh auto;
}
#colum7 p a:link{
color:#424242;
text-decoration:underline;
}
#colum7 p a:visited{
color:#424242;
text-decoration:underline;
}
#colum7 p a:hover{
color:#2882d2;
text-decoration:none;
}

#colum7 figure{
	box-sizing:border-box;

width:100%;	
}
#colum7 figure:nth-child(1){
color:#fff23f;
background-color:#009144;
width:96%;
margin:0 3%;
float:left;
}

#colum7 figure:nth-child(1) h2{
font-size:150%;
/*width:96%;*/
margin:0.25em 3%;
padding:0 1em 0 2em;
position: relative;/*相対位置*/
line-height:1.5;
}
#colum7 figure:nth-child(1) h2:before{ font-family: "FontAwesome";/*忘れずに*/
content: "\f071";/*アイコンのユニコード*/
position: absolute;/*絶対位置*/
font-size: 1.5em;/*サイズ*/
left: 0.2em;/*アイコンの位置*/
top: 0em;/*アイコンの位置*/
color:#fff23f;
}
#colum7 figure:nth-child(1) h2 br{
display:block;
}
#colum7 figure:nth-child(2){
width:96%;
margin:0 3%;
background-color: rgba(195,211,0,0.2);
float:left;
}


#colum7 figure:nth-child(2) strong{
	color:#0d8a43;
}
#colum7 .red{
color:#eb6ea5;

background: linear-gradient(transparent 50%, #fff23f 50%);
}
#colum7 figure p{
margin:1.2em 3%;
}
@media screen and (max-width: 768px){
	#colum7{
display:block;
width:100%;
margin:3vh auto 0 auto;


}
#colum7:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

.colum7-box{
display:block;
width:100%;
margin:0 auto;

font-size:120%;
line-height:1.5;
}
.colum7-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}
.colum7-box br{
	display:none;
}

#colum7 p br{
display:block;
}
#colum7 p{
width:90%;
margin:0 auto 2vh auto;
}


#colum7 figure{
	box-sizing:border-box;

width:100%;	
}
#colum7 figure:nth-child(1){
color:#fff23f;
background-color:#009144;
width:96%;
margin:0 3%;
float:left;
}

#colum7 figure:nth-child(1) h2{
font-size:120%;
/*width:96%;*/
margin:0.25em 3%;
padding:0 1em 0 2em;
position: relative;/*相対位置*/
line-height:1.5;
}
#colum7 figure:nth-child(1) h2:before{ font-family: "FontAwesome";/*忘れずに*/
content: "\f071";/*アイコンのユニコード*/
position: absolute;/*絶対位置*/
font-size: 1.5em;/*サイズ*/
left: 0.2em;/*アイコンの位置*/
top: 0em;/*アイコンの位置*/
color:#fff23f;
}
#colum7 figure:nth-child(1) h2 br{
display:none;
}
#colum7 figure:nth-child(2){
width:96%;
margin:0 3%;
background-color: rgba(195,211,0,0.2);
float:left;
}


#colum7 figure:nth-child(2) strong{
	color:#0d8a43;
}
#colum7 .red{
color:#eb6ea5;

background: linear-gradient(transparent 50%, #fff23f 50%);
}
#colum7 figure p{
margin:1.2em 3%;
}
}
/*---------------------ご注意*/



/*---------------------住所*/
#colum8{
display:block;
width:100%;
margin:5vh auto 0 auto;
padding:0;
background-color:#edeef0;
color:#424242;
}
#colum8:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

.colum8-box{
display:block;
width:1100px;
margin:3vh auto 0 auto;
padding:1vh 0;
font-size:120%;
line-height:1.5;
}
.colum8-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}
.colum8-box br{
	display:block;
}

#colum8 p br{
display:block;
}
#colum8 p{
width:90%;
margin:0 auto 2vh auto;
}
#colum8 p a:link{
color:#424242;
text-decoration:underline;
}
#colum8 p a:visited{
color:#424242;
text-decoration:underline;
}
#colum8 p a:hover{
color:#2882d2;
text-decoration:none;
}

#colum8 figure{
	box-sizing:border-box;
	text-align:center;
}
#colum8 figure:nth-child(1){
width:100%;
margin:2vh 0 1vh 0;
padding:0;
}
#colum8 figure:nth-child(1) img{
width:30%;
margin:1vh auto;
display:block;
}
#colum8 figure:nth-child(1) h2{
font-size:150%;
width:96%;
margin:0.25em 3%;
}

#colum8 figure:nth-child(2){
width:98%;/*width:48%;*/
float:left;
margin:1vh 1%;
padding:0;
text-align:center;/*text-align:right;*/
color:#272727;
}
#colum8 figure:nth-child(2) .red{
font-size:70%;

padding:0.5em;
background-color:#eb6ea5;
color:#fff;
display:inline-block;
border-radius:5px;
}
#colum8 figure:nth-child(2) strong{
font-size:200%;
vertical-align:middle;
}

/*#colum8 figure:nth-child(3){
width:48%;
float:right;
margin:1vh 1% 0 1vh;
padding:0;
text-align:left;
color:#272727;
}
#colum8 figure:nth-child(3) .bk{
font-size:80%;

padding:0.5em;
display:inline-block;
}
#colum8 figure:nth-child(3) strong{
font-size:200%;
vertical-align:middle;
}
#colum8 figure p{
margin:1.2em 3%;
}
*/
@media screen and (max-width: 768px){
#colum8{
display:block;
width:100%;
margin:5vh auto 0 auto;
padding:0;
background-color:#edeef0;
color:#424242;
}
#colum8:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

.colum8-box{
display:block;
width:95%;
margin:3vh auto 0 auto;
padding:1vh 0;
font-size:120%;
line-height:1.5;
}
.colum8-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}
.colum8-box br{
	display:block;
}

#colum8 p br{
display:block;
}
#colum8 p{
width:90%;
margin:0 auto 2vh auto;
}


#colum8 figure{
	box-sizing:border-box;
	text-align:center;
}
#colum8 figure:nth-child(1){
width:100%;
margin:2vh 0 0vh 0;
padding:0;
}
#colum8 figure:nth-child(1) img{
width:50%;
margin:1vh auto;
display:block;
}
#colum8 figure:nth-child(1) h2{
font-size:150%;
width:96%;
margin:0.25em 3%;
}

#colum8 figure:nth-child(2){
width:100%;
float:left;
margin:1vh 0 0 0;
padding:0;
text-align:center;
}
#colum8 figure:nth-child(2) .red{
font-size:70%;

padding:0.5em;
background-color:#eb6ea5;
color:#fff;
display:inline-block;
}
#colum8 figure:nth-child(2) strong{
font-size:200%;
vertical-align:middle;
}

#colum8 figure:nth-child(3){
width:100%;
float:right;
margin:1vh 0;
padding:0;
text-align:center;
}
#colum8 figure:nth-child(3) .bk{
font-size:80%;

padding:0.5em;
display:inline-block;
}
#colum8 figure:nth-child(3) strong{
font-size:200%;
vertical-align:middle;
}
#colum8 figure p{
margin:1.2em 3%;
}
}
@media screen and (max-width: 600px){
#colum8{
display:block;
width:100%;
margin:2vh auto 0 auto;
padding:0;
background-color:#edeef0;
color:#424242;
}
#colum8:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

.colum8-box{
display:block;
width:95%;
margin:1vh auto 0 auto;
padding:1vh 0;
font-size:120%;
line-height:1.5;
}
.colum8-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}
.colum8-box br{
	display:block;
}

#colum8 p br{
display:block;
}
#colum8 p{
width:90%;
margin:0 auto 2vh auto;
}


#colum8 figure{
	box-sizing:border-box;
	text-align:center;
}
#colum8 figure:nth-child(1){
width:100%;
margin:2vh 0 0vh 0;
padding:0;
}
#colum8 figure:nth-child(1) img{
width:70%;
margin:1vh auto;
display:block;
}
#colum8 figure:nth-child(1) h2{
font-size:150%;
width:96%;
margin:0.25em 3%;
}

#colum8 figure:nth-child(2){
width:100%;
float:left;
margin:1vh 0 0 0;
padding:0;
text-align:center;
}
#colum8 figure:nth-child(2) .red{
font-size:70%;
padding:0.5em;
background-color:#eb6ea5;
color:#fff;
display:inline-block;
margin-right:1em;
}
#colum8 figure:nth-child(2) strong{
font-size:200%;
vertical-align:middle;
}

#colum8 figure:nth-child(3){
width:100%;
float:right;
margin:1vh 0;
padding:0;
}
#colum8 figure:nth-child(3) .bk{
font-size:80%;

padding:0.5em;
display:inline-block;
}
#colum8 figure:nth-child(3) strong{
font-size:200%;
vertical-align:middle;
}
#colum8 figure p{
margin:1.2em 3%;
}
}
/*---------------------住所*/


/*--------------------------------ボタン*/
#colum9{
display:block;
width:1100px;
margin:3vh auto;


}
#colum9:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

.colum9-box{
display:block;
width:100%;
margin:3vh auto;

font-size:120%;
line-height:1.5;
}
.colum9-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

.button4{

	text-align: center;
	text-decoration: none;
width:40%;	
padding:0.5em 0;
margin:1vh 5%;
color:#272727;
background:#fca90a;
font-size:150%;
font-weight:bold;
border-radius: 5px;	
/*box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.3);*/

-moz-transition:1s ease-out;
-webkit-transition:1s ease-out;
-o-transition:1s ease-out;
-ms-transition:1s ease-out;

float:left;

}

.button4:hover {
color:#272727;
background:#f2fe00;
text-decoration: none;
}


.button4:visited {
color:#272727;
background:#fca90a;
text-decoration: none;
}
@media screen and (max-width: 768px){
	#colum9{
display:block;
width:100%;
margin:1vh auto;


}
#colum9:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

.colum9-box{
display:block;
width:100%;
margin:0 auto;

font-size:110%;
line-height:1.5;
}
.colum9-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

.button4{

	text-align: center;
	text-decoration: none;
width:40%;	
padding:0.5em 0;
margin:1vh 5%;
color:#272727;
background:#fca90a;
font-size:150%;
font-weight:bold;
border-radius: 5px;	
/*box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.3);*/

-moz-transition:1s ease-out;
-webkit-transition:1s ease-out;
-o-transition:1s ease-out;
-ms-transition:1s ease-out;

float:left;

overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}


}
@media screen and (max-width: 600px){
	.button4{

	text-align: center;
	text-decoration: none;
width:90%;	
padding:0.5em 0;
margin:1vh 5%;
color:#272727;
background:#fca90a;
font-size:150%;
font-weight:bold;
border-radius: 5px;	
/*box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.3);*/

-moz-transition:1s ease-out;
-webkit-transition:1s ease-out;
-o-transition:1s ease-out;
-ms-transition:1s ease-out;

float:left;

overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

}
/*---------------------値段*/
#colum10{
display:block;
width:1100px;
margin:1vh auto;


}
#colum10:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

.colum10-box{
display:block;
width:95%;
margin:0 auto;

font-size:120%;
line-height:1.5;
}
.colum10-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}
.colum10-box br{
	display:block;
}

#colum10 p br{
display:block;
}
#colum10 p{
width:90%;
margin:0 auto 2vh auto;
}
#colum10 p a:link{
color:#424242;
text-decoration:underline;
}
#colum10 p a:visited{
color:#424242;
text-decoration:underline;
}
#colum10 p a:hover{
color:#2882d2;
text-decoration:none;
}

#colum10 figure{
	box-sizing:border-box;
	
}
#colum10 figure:nth-child(1){
width:50%;
margin:10vh 0 1vh 0;
padding:0;
float:left;
}
#colum10 figure:nth-child(1) img{
width:95%;
margin:1vh auto;
display:block;
}

/*price*/
#colum10 figure:nth-child(2){
width:40%;
float:right;
margin:7% 5%;
padding:0;
text-align:left;
}
#colum10 figure:nth-child(2) h5{
font-size:300%;
width:96%;
margin:0 3%;
padding:0;
}
#colum10 figure:nth-child(2) small{
display:block;
font-size:60%;
margin:0;
padding:0;
}
#colum10 figure:nth-child(2) .red{
font-size:60%;
padding:0.5em;
background-color:#dddddd;
color:#eb6ea5;
display:block;
margin:0 auto;
	text-align:center;
}
#colum10 figure:nth-child(2) strong{
font-size:200%;
vertical-align:middle;
}
/*price*/

#colum10 figure p{
margin:1.2em 3%;
}
@media screen and (max-width: 768px){
	#colum10{
display:block;
width:100%;
margin:1vh auto;


}
#colum10:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

.colum10-box{
display:block;
width:95%;
margin:0 auto;

font-size:120%;
line-height:1.5;
}
.colum10-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}
.colum10-box br{
	display:block;
}

#colum10 p br{
display:block;
}
#colum10 p{
width:90%;
margin:0 auto 2vh auto;
}

#colum10 figure{
	box-sizing:border-box;
	
}
#colum10 figure:nth-child(1){
width:100%;
margin:1vh 0 1vh 0;
padding:0;
float:left;
}
#colum10 figure:nth-child(1) img{
width:80%;
margin:5vh auto 0 auto;
display:block;
}

/*price*/
#colum10 figure:nth-child(2){
width:80%;
float:right;
margin:7% 10%;
padding:0;
text-align:center;
}
#colum10 figure:nth-child(2) h5{
font-size:300%;
width:96%;
margin:0 3%;
padding:0;
}
#colum10 figure:nth-child(2) small{
display:block;
font-size:80%;
margin:0;
padding:0;
}
#colum10 figure:nth-child(2) .red{
font-size:80%;
padding:0.5em;
background-color:#dddddd;
color:#eb6ea5;
display:block;
margin:0 auto;
	text-align:center;
}
#colum10 figure:nth-child(2) strong{
font-size:200%;
vertical-align:middle;
}
/*price*/

#colum10 figure p{
margin:1.2em 3%;
}
}
@media screen and (max-width: 600px){
	#colum10{
display:block;
width:100%;
margin:1vh auto;


}
#colum10:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

.colum10-box{
display:block;
width:95%;
margin:0 auto;

font-size:120%;
line-height:1.5;
}
.colum10-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}
.colum10-box br{
	display:block;
}

#colum10 p br{
display:block;
}
#colum10 p{
width:90%;
margin:0 auto 2vh auto;
}

#colum10 figure{
	box-sizing:border-box;
	
}
#colum10 figure:nth-child(1){
width:100%;
margin:1vh 0 1vh 0;
padding:0;
float:left;
}
#colum10 figure:nth-child(1) img{
width:100%;
margin:5vh auto 0 auto;
display:block;
}

/*price*/
#colum10 figure:nth-child(2){
width:100%;
float:right;
margin:7% 0%;
padding:0;
text-align:center;
}
#colum10 figure:nth-child(2) h5{
font-size:280%;
width:96%;
margin:0 3%;
padding:0;
}
#colum10 figure:nth-child(2) small{
display:block;
font-size:80%;
margin:0;
padding:0;
}
#colum10 figure:nth-child(2) .red{
font-size:80%;
padding:0.5em;
background-color:#dddddd;
color:#eb6ea5;
display:block;
margin:0 auto;
	text-align:center;
}
#colum10 figure:nth-child(2) strong{
font-size:200%;
vertical-align:middle;
}
/*price*/

#colum10 figure p{
margin:1.2em 3%;
}
}
/*---------------------値段*/


/*---------be-right---------*/
#colum11{
text-align:left;
display: block;
margin:5vh auto;
width:100%;
float:left;
font-size:100%;
}
#colum11:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}
.colum11-box{
display: block;
margin:0 auto;
width:96%;
clear:both;
color:#424242;
}
.colum11-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

#colum11 h2{
padding: 0.4em 1em;/*文字の上下 左右の余白*/
color: #272727;/*文字色*/
border-left: solid 5px #00b3d6;/*左線*/
font-size:160%;
text-align:left;
}
#colum11 h3{
	color:#363636;
font-size:120%;
font-weight:normal;

}
#colum11 strong{
background-color:#fff668;
}

.colum11-left{
margin:0 auto;
width:60%;
color:#424242;
float:left;
}
.colum11-left:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}


.colum11-right{
margin:0 auto;
width:40%;
color:#424242;
float:right;
text-align:right;
}
.colum11-right:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}
#colum11 img{
width:92%;
}
#colum11 p{
width:96%;
display:block;
line-height:1.5;
margin:0 auto;
}
#colum11 a:link{
color:#00b3d6;
text-decoration:underline;
}
#colum11 a:visited{
color:#00b3d6;
text-decoration:underline;
}
#colum11 a:hover{
color:#595858;
text-decoration:underline;
}

@media screen and (max-width: 768px){
#colum11{
text-align:left;
display: block;
margin:5vh auto;
width:100%;
float:left;
font-size:100%;
}
#colum11:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}
.colum11-box{
display: block;
margin:0 auto;
width:96%;
clear:both;
color:#424242;
}
.colum11-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

#colum11 h2{
padding: 0.4em 1em;/*文字の上下 左右の余白*/
color: #272727;/*文字色*/
border-left: solid 5px #00b3d6;/*左線*/
font-size:160%;
text-align:left;
}
#colum11 h3{
	color:#363636;
font-size:120%;
font-weight:normal;

}


.colum11-left{
margin:0 auto;
width:60%;
color:#424242;
float:left;
}
.colum11-left:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}


.colum11-right{
margin:0 auto;
width:40%;
color:#424242;
float:right;
text-align:right;
}
.colum11-right:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}
#colum11 img{
width:90%;
}
#colum11 p{
width:90%;
margin:0 auto;
display:block;
line-height:1.5;

}
}

@media screen and (max-width: 600px){
#colum11{
text-align:left;
display: block;
margin:5vh auto;
width:100%;
float:left;
font-size:100%;
}
#colum11:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}
.colum11-box{
display: block;
margin:0 auto;
width:96%;
clear:both;
color:#424242;
}
.colum11-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

#colum11 h2{
padding: 0.4em 1em;/*文字の上下 左右の余白*/
color: #272727;/*文字色*/
border-left: solid 5px #00b3d6;/*左線*/
font-size:160%;
text-align:left;
}
#colum11 h3{
	color:#363636;
font-size:120%;
font-weight:normal;

}


.colum11-left{
margin:0 auto;
width:100%;
color:#424242;
float:left;
}
.colum11-left:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}


.colum11-right{
	display:none;
margin:0 auto;
width:100%;
color:#424242;
float:right;
text-align:right;
}
.colum11-right:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}
#colum11 img{
width:100%;
}
#colum11 p{
width:90%;
margin:0 auto;
display:block;
line-height:1.5;

}
}

.bphoto-small{
display:none;
}
.bphoto-medium{
display:none;
}
.bphoto-large{
display:block;
}
@media screen and (max-width: 768px){
.bphoto-small{
display:none;
}
.bphoto-medium{
display:block;
}
.bphoto-large{
display:none;
}
}
@media screen and (max-width: 600px){
	.bphoto-small{
display:block;
}
.bphoto-medium{
display:none;
}
.bphoto-large{
display:none;
}
}
/*---------be-right---------*/


/*---------be-left---------*/
#colum12{
text-align:left;
display: block;
margin:5vh auto;
width:100%;
font-size:100%;
}
#colum12:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}
#colum12 strong{
background-color:#fff668;
}
.colum12-box{
display: block;
margin:0 auto;
width:96%;
clear:both;
color:#424242;
}
.colum12-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

#colum12 h2{
padding: 0.4em 1em;/*文字の上下 左右の余白*/
color: #272727;/*文字色*/
border-left: solid 5px #00b3d6;/*左線*/
font-size:160%;
text-align:left;
}
#colum12 h3{
	color:#363636;
font-size:120%;
font-weight:normal;

}
#colum12 div{
box-sizing:border-box;
}


.colum12-left{
margin:0 auto;
width:40%;
color:#424242;
float:left;
text-align:left;
}
.colum12-left:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}
.colum12-left .dphoto-large{
display:block;
}
.colum12-left .dphoto-small img{
width:100%;
}
.colum12-left .dphoto-small{
display:none;
}
.colum12-left .dphoto-small img{
width:100%;
}
.colum12-right{
margin:0 auto;
width:60%;
color:#424242;
float:right;
}
.colum12-right:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

#colum12 img{
width:92%;
}
#colum12 p{
width:96%;
display:block;
line-height:1.5;
margin:0 auto;
}
#colum12 a:link{
color:#00b3d6;
text-decoration:underline;
}
#colum12 a:visited{
color:#00b3d6;
text-decoration:underline;
}
#colum12 a:hover{
color:#595858;
text-decoration:underline;
}

@media screen and (max-width: 768px){
#colum12{
text-align:left;
display: block;
margin:5vh auto;
width:100%;
float:left;
font-size:100%;
}
#colum12:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}
.colum12-box{
display: block;
margin:0 auto;
width:96%;
clear:both;
color:#424242;
}
.colum12-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

#colum12 h2{
padding: 0.4em 1em;/*文字の上下 左右の余白*/
color: #272727;/*文字色*/
border-left: solid 5px #00b3d6;/*左線*/
font-size:160%;
text-align:left;
}
#colum12 h3{
	color:#363636;
font-size:120%;
font-weight:normal;

}


.colum12-right{
margin:0 auto;
width:60%;
color:#424242;
float:right;
}
.colum12-left:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}


.colum12-left{
margin:0 auto;
width:40%;
color:#424242;
float:left;
text-align:left;
}
.colum12-left .dphoto-large{
display:block;
}
.colum12-left .dphoto-small img{
width:100%;
}
.colum12-left .dphoto-small{
display:none;
}
.colum12-left .dphoto-small img{
width:100%;
}
.colum12-right:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}
#colum12 img{
width:90%;
}
#colum12 p{
width:90%;
margin:0 auto;
display:block;
line-height:1.5;

}
}

@media screen and (max-width: 600px){
#colum12{
text-align:left;
display: block;
margin:5vh auto;
width:100%;
float:left;
font-size:100%;
}
#colum12:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}
.colum12-box{
display: block;
margin:0 auto;
width:96%;
clear:both;
color:#424242;
}
.colum12-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

#colum12 h2{
padding: 0.4em 1em;/*文字の上下 左右の余白*/
color: #272727;/*文字色*/
border-left: solid 5px #00b3d6;/*左線*/
font-size:160%;
text-align:left;
}
#colum12 h3{
	color:#363636;
font-size:120%;
font-weight:normal;

}


.colum12-left{
margin:0 auto;
width:100%;
color:#424242;
float:left;
}
.colum12-left .dphoto-large{
display:none;
}
.colum12-left .dphoto-small img{
width:100%;
}
.colum12-left .dphoto-small{
display:block;
}
.colum12-left .dphoto-small img{
width:100%;
}
.colum12-left:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}


.colum12-right{
margin:0 auto;
width:100%;
color:#424242;
float:right;
text-align:left;
}
.colum12-right:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}
#colum12 img{
width:100%;
}
#colum12 p{
width:90%;
margin:0 auto;
display:block;
line-height:1.5;

}
}
/*---------be-left---------*/


/*---------2列特徴---------*/
#colum13{
text-align:center;
display: block;
/*margin:5vh auto;*/margin:0 auto;
width:96%;
clear:both;
font-size:100%;

}
#colum13:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}


.colum13-box{

display: block;
margin:0px auto;
width:100%;
clear:both;
color:#424242;
}
.colum13-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

.colum13-box p{
width:96%;
margin:0 2%;

}



#colum13 figure{
box-sizing:border-box;
}
#colum13 figure img{
width:100%;
margin:1% auto 0 auto;
display:block;
}
#colum13 figure p{
width:90%;
margin:0 5%;

text-align:left;
line-height:1.5;
}
#colum13 figure br{
display:block;
}
#colum13 figcaption{
}
#colum13 figure .red{
color:#e5005a;
}


#colum13 figure:nth-child(1){
width:48%;
margin:1vh 2% 1vh 0%;
float:left;
}
#colum13 figure:nth-child(1) img{
width:100%;
margin:1vh auto;
display:block;
}
#colum13 figure:nth-child(2){
width:48%;
margin:1vh 0% 1vh 2%;
float:right;
}
#colum13 figure:nth-child(2) img{
width:100%;
margin:1vh auto;
display:block;
}

#colum13 h2{
padding: 0.4em 1em;/*文字の上下 左右の余白*/
color: #272727;/*文字色*/
border-left: solid 5px #00b3d6;/*左線*/
font-size:160%;
text-align:left;
}
#colum13 figure:nth-child(1) .cphoto-large{
display:block;
}
#colum13 figure:nth-child(2) .cphoto-large{
display:block;
}

#colum13 figure:nth-child(1) .cphoto-small{
display:none;
}
#colum13 figure:nth-child(2) .cphoto-small{
display:none;
}

@media screen and (max-width: 768px){
#colum13{
text-align:center;
display: block;
/*margin:5vh auto;*/margin:0 auto;
width:96%;
clear:both;
font-size:100%;

}
#colum13:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}


.colum13-box{

display: block;
margin:0px auto;
width:100%;
clear:both;
color:#424242;
}
.colum13-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

.colum13-box p{
width:96%;
margin:0 2%;

}



#colum13 figure{
box-sizing:border-box;
}
#colum13 figure img{
width:100%;
margin:1% auto 0 auto;
display:block;
}
#colum13 figure p{
width:90%;
margin:0 5%;

text-align:left;
line-height:1.5;
}
#colum13 figure br{
display:block;
}
#colum13 figcaption{
}
#colum13 figure .red{
color:#e5005a;
}


#colum13 figure:nth-child(1){
width:48%;
margin:1vh 2% 1vh 0%;
float:left;
}
#colum13 figure:nth-child(1) img{
width:100%;
margin:1vh auto;
display:block;
}
#colum13 figure:nth-child(2){
width:48%;
margin:1vh 0% 1vh 2%;
float:right;
}
#colum13 figure:nth-child(2) img{
width:100%;
margin:1vh auto;
display:block;
}

#colum13 h2{
padding: 0.4em 1em;/*文字の上下 左右の余白*/
color: #272727;/*文字色*/
border-left: solid 5px #00b3d6;/*左線*/
font-size:160%;
text-align:left;
}
#colum13 figure:nth-child(1) .cphoto-large{
display:block;
}
#colum13 figure:nth-child(2) .cphoto-large{
display:block;
}

#colum13 figure:nth-child(1) .cphoto-small{
display:none;
}
#colum13 figure:nth-child(2) .cphoto-small{
display:none;
}
#colum13 h2 br{
display:none;
}
}
@media screen and (max-width: 600px){
#colum13{
text-align:center;
display: block;
/*margin:5vh auto;*/margin:0 auto;
width:96%;
clear:both;
font-size:100%;

}
#colum13:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}


.colum13-box{

display: block;
margin:0px auto;
width:100%;
clear:both;
color:#424242;
}
.colum13-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

.colum13-box p{
width:96%;
margin:0 2%;

}



#colum13 figure{
box-sizing:border-box;
}
#colum13 figure img{
width:100%;
margin:1% auto 0 auto;
display:block;
}
#colum13 figure p{
width:90%;
margin:0 5%;

text-align:left;
line-height:1.5;
}
#colum13 figure br{
display:block;
}
#colum13 figcaption{
}
#colum13 figure .red{
color:#e5005a;
}


#colum13 figure:nth-child(1){
width:100%;
margin:3vh 0% 3vh 0%;
float:left;
}
#colum13 figure:nth-child(1) img{
width:100%;
margin:1vh auto;
display:block;
}
#colum13 figure:nth-child(2){
width:100%;
margin:3vh 0% 3vh 0%;
float:right;
}
#colum13 figure:nth-child(2) img{
width:100%;
margin:1vh auto;
display:block;
}

#colum13 h2{
padding: 0.4em 1em;/*文字の上下 左右の余白*/
color: #272727;/*文字色*/
border-left: solid 5px #00b3d6;/*左線*/
font-size:160%;
text-align:left;
}
#colum13 figure:nth-child(1) .cphoto-large{
display:none;
}
#colum13 figure:nth-child(2) .cphoto-large{
display:none;
}

#colum13 figure:nth-child(1) .cphoto-small{
display:block;
}
#colum13 figure:nth-child(2) .cphoto-small{
display:block;
}
#colum13 h2 br{
display:none;
}
}


/*---------2列特徴---------*/


/*---------3列特徴---------*/
#colum14{
text-align:center;
display: block;
margin:4vh auto;
width:96%;
clear:both;
font-size:100%;

}
#colum14:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}


.colum14-box{

display: block;
margin:0px auto;
width:100%;
clear:both;
color:#424242;
}
.colum14-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

.colum14-box p{
width:96%;
margin:0 2%;

}



#colum14 figure{
box-sizing:border-box;
}
#colum14 figure img{
width:100%;
margin:1% auto 0 auto;
display:block;
}
#colum14 figure p{
width:90%;
margin:0 5%;

text-align:center;
line-height:1.5;
}
#colum14 figure br{
display:block;
}
#colum14 figcaption{
}
#colum14 figure .red{
color:#e5005a;
}


#colum14 figure:nth-child(1){
width:31%;
margin:1vh 1% 3vh 1%;
float:left;
}
#colum14 figure:nth-child(1) img{
width:100%;
margin:1vh auto;
display:block;
}
#colum14 figure:nth-child(2){
width:31%;
margin:1vh 1% 3vh 1%;
float:right;
}
#colum14 figure:nth-child(2) img{
width:100%;
margin:1vh auto;
display:block;
}
#colum14 figure:nth-child(3){
width:31%;
margin:1vh 1% 3vh 1%;
float:right;
}
#colum14 figure:nth-child(3) img{
width:100%;
margin:1vh auto;
display:block;
}
#colum14 h2{
padding: 0.4em 1em;/*文字の上下 左右の余白*/
color: #272727;/*文字色*/
border-left: solid 5px #00b3d6;/*左線*/
font-size:160%;
text-align:left;
}
#colum14 figure:nth-child(1) .cphoto-large{
display:block;
}
#colum14 figure:nth-child(2) .cphoto-large{
display:block;
}
#colum14 figure:nth-child(3) .cphoto-large{
display:block;
}
#colum14 figure:nth-child(1) .cphoto-small{
display:none;
}
#colum14 figure:nth-child(2) .cphoto-small{
display:none;
}
#colum14 figure:nth-child(3) .cphoto-small{
display:none;
}

@media screen and (max-width: 768px){
#colum14{
text-align:center;
display: block;
/*margin:5vh auto;*/margin:4vh auto;
width:96%;
clear:both;
font-size:100%;

}
#colum14:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}


.colum14-box{

display: block;
margin:0px auto;
width:100%;
clear:both;
color:#424242;
}
.colum14-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

.colum14-box p{
width:96%;
margin:0 2%;

}



#colum14 figure{
box-sizing:border-box;
}
#colum14 figure img{
width:100%;
margin:1% auto 0 auto;
display:block;
}
#colum14 figure p{
width:90%;
margin:0 5%;

text-align:center;
line-height:1.5;
}
#colum14 figure br{
display:block;
}
#colum14 figcaption{
}
#colum14 figure .red{
color:#e5005a;
}


#colum14 figure:nth-child(1){
width:31%;
margin:1vh 2% 1vh 0%;
float:left;
}
#colum14 figure:nth-child(1) img{
width:100%;
margin:1vh auto;
display:block;
}
#colum14 figure:nth-child(2){
width:31%;
margin:1vh 1% 1vh 1%;
float:right;
}
#colum14 figure:nth-child(2) img{
width:100%;
margin:1vh auto;
display:block;
}
#colum14 figure:nth-child(3){
width:31%;
margin:1vh 0% 1vh 2%;
float:right;
}
#colum14 figure:nth-child(3) img{
width:100%;
margin:1vh auto;
display:block;
}
#colum14 h2{
padding: 0.4em 1em;/*文字の上下 左右の余白*/
color: #272727;/*文字色*/
border-left: solid 5px #00b3d6;/*左線*/
font-size:160%;
text-align:left;
}
#colum14 figure:nth-child(1) .cphoto-large{
display:block;
}
#colum14 figure:nth-child(2) .cphoto-large{
display:block;
}
#colum14 figure:nth-child(3) .cphoto-large{
display:block;
}

#colum14 figure:nth-child(1) .cphoto-small{
display:none;
}
#colum14 figure:nth-child(2) .cphoto-small{
display:none;
}
#colum14 figure:nth-child(3) .cphoto-small{
display:none;
}

#colum14 h2 br{
display:none;
}
}
@media screen and (max-width: 600px){
#colum14{
text-align:center;
display: block;
/*margin:5vh auto;*/margin:0 auto;
width:96%;
clear:both;
font-size:100%;

}
#colum14:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}


.colum14-box{

display: block;
margin:0px auto;
width:100%;
clear:both;
color:#424242;
}
.colum14-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

.colum14-box p{
width:96%;
margin:0 2%;

}



#colum14 figure{
box-sizing:border-box;
}
#colum14 figure img{
width:100%;
margin:1% auto 0 auto;
display:block;
}
#colum14 figure p{
width:90%;
margin:0 5%;

text-align:center;
line-height:1.5;
}
#colum14 figure br{
display:block;
}
#colum14 figcaption{
}
#colum14 figure .red{
color:#e5005a;
}


#colum14 figure:nth-child(1){
width:100%;
margin:3vh 0% 3vh 0%;
float:left;
}
#colum14 figure:nth-child(1) img{
width:100%;
margin:1vh auto;
display:block;
}
#colum14 figure:nth-child(2){
width:100%;
margin:3vh 0% 3vh 0%;
float:right;
}
#colum14 figure:nth-child(2) img{
width:100%;
margin:1vh auto;
display:block;
}
#colum14 figure:nth-child(3){
width:100%;
margin:3vh 0% 3vh 0%;
float:right;
}
#colum14 figure:nth-child(3) img{
width:100%;
margin:1vh auto;
display:block;
}
#colum14 h2{
padding: 0.4em 1em;/*文字の上下 左右の余白*/
color: #272727;/*文字色*/
border-left: solid 5px #00b3d6;/*左線*/
font-size:160%;
text-align:left;
}
#colum14 figure:nth-child(1) .cphoto-large{
display:none;
}
#colum14 figure:nth-child(2) .cphoto-large{
display:none;
}
#colum14 figure:nth-child(3) .cphoto-large{
display:none;
}

#colum14 figure:nth-child(1) .cphoto-small{
display:block;
}
#colum14 figure:nth-child(2) .cphoto-small{
display:block;
}
#colum14 figure:nth-child(3) .cphoto-small{
display:block;
}
#colum14 h2 br{
display:none;
}
}


/*---------3列特徴---------*/




/*----------------topphoto2*/
#colum15{
text-align:center;
display: block;
margin:0;
width:100%;
height:100vh;
clear:both;
font-size:90%;

background-image:url(https://www.cti-info.co.jp/entry/images/b2.jpg);
background-size:cover;
background-repeat:no-repeat;
background-position:top;


/*上下中央寄せ*/
position: relative;
/*上下中央寄せ*/
}
#colum15:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}


.colum15-box{
display: block;
margin:0px auto;
width:1100px;
clear:both;


/*上下中央寄せ*/
position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
/*上下中央寄せ*/
}
.colum15-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
   
display: block;
} 
#colum15 img{
width:40%;
/*position:relative;
top:30vh;
left:20wh;*/
}
@media screen and (max-width: 768px){
#colum15{
text-align:center;
display: block;
margin:0 ;
width:100%;
height:100vh;
clear:both;
font-size:90%;

background-image:url(https://www.cti-info.co.jp/entry/images/b2.jpg);
background-size:cover;
background-repeat:no-repeat;
background-position:top;

}
#colum15:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}


.colum15-box{
display: block;
margin:0px auto;
width:100%;
clear:both;
}
.colum15-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
   
display: block;
} 
#colum15 img{
width:50%;
/*position:relative;
top:30vh;
left:20wh;*/
}
}

@media screen and (max-width: 600px){
#colum15{
text-align:center;
display: block;
margin:0;
width:100%;
height:100vh;
clear:both;
font-size:90%;

background-image:url(https://www.cti-info.co.jp/entry/images/b2.jpg);
background-size:cover;
background-repeat:no-repeat;
background-position:top;

}
#colum15:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}


.colum15-box{
display: block;
margin:0px auto;
width:100%;
clear:both;
}
.colum15-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
   
display: block;
} 
#colum15 img{
width:50%;
/*position:relative;
top:30vh;
left:20wh;*/
}
}
/*----------------topphoto2*/



/*--------------------------------表*/
#colum16{
display:block;
width:80%;/*width:1100px;*/
margin:3vh auto;
}
#colum16:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

.colum16-box{
display:block;
width:100%;
margin:3vh auto;

font-size:120%;
line-height:1.5;


}
.colum16-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}



@media screen and (max-width: 768px){
	#colum16{
display:block;
width:100%;
margin:1vh auto;


}
#colum16:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

.colum16-box{
display:block;
width:100%;
margin:0 auto;

font-size:110%;
line-height:1.5;
}
.colum16-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}



}
@media screen and (max-width: 600px){


}
/*---------------------値段*/



/*--------------------------------送信ボタン*/
.button6{
	display:inline-block;
	text-align: center;
	text-decoration: none;
width:50%;	
padding:0.5em 0;
margin:1vh 0% 1vh 5%;
color:#272727;
background:#fca90a;
font-size:130%;
font-weight:bold;
border-radius: 5px;	

/*box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.3);*/
-moz-transition:1s ease-out;
-webkit-transition:1s ease-out;
-o-transition:1s ease-out;
-ms-transition:1s ease-out;

font-family: "Noto Sans Japanese";

}

.button6:hover {
color:#272727;
background:#f2fe00;
text-decoration: none;
}


.button6:visited {
color:#272727;
background:#fca90a;
text-decoration: none;
}

.button5{
	display:inline-block;
	text-align: center;
	text-decoration: none;
width:30%;	
padding:0.5em 0;
margin:1vh 0% 1vh 5%;
color:#424242;
background:#dedce0;
font-size:90%;
font-weight:bold;
border-radius: 5px;	

/*box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.3);*/
-moz-transition:1s ease-out;
-webkit-transition:1s ease-out;
-o-transition:1s ease-out;
-ms-transition:1s ease-out;

font-family: "Noto Sans Japanese";

}

.button5:hover {
color:#9c9898;
background:#eceded;
text-decoration: none;
}


.button5:visited {
color:#424242;
background:#dedce0;
text-decoration: none;
}




@media screen and (max-width: 600px){
	.button6{
	display:inline-block;
	text-align: center;
	text-decoration: none;
width:80%;	
padding:0.5em 0;
margin:1vh 10%;
color:#272727;
background:#fca90a;
font-size:130%;
font-weight:bold;
border-radius: 5px;	


-moz-transition:1s ease-out;
-webkit-transition:1s ease-out;
-o-transition:1s ease-out;
-ms-transition:1s ease-out;
/*box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.3);*/


}
	.button5{
	display:block;
	text-align: center;
	text-decoration: none;
width:80%;	
padding:0.5em 0;
margin:1vh 10%;
color:#424242;
background:#dedce0;
font-size:130%;
font-weight:bold;
border-radius: 5px;	
/*box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.3);*/

-moz-transition:1s ease-out;
-webkit-transition:1s ease-out;
-o-transition:1s ease-out;
-ms-transition:1s ease-out;



}
/*小さいボタン*/
.button7{
	display:block;
	text-align: center;
	text-decoration: none;
width:auto;	
padding:0.5em 0;
margin:1vh auto;
color:#424242;
background:#dedce0;
font-size:90%;
font-weight:bold;
border-radius: 5px;	

/*box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.3);*/
-moz-transition:1s ease-out;
-webkit-transition:1s ease-out;
-o-transition:1s ease-out;
-ms-transition:1s ease-out;

font-family: "Noto Sans Japanese";

}

/*小さいボタン*/
}
/*--------------------------------送信ボタン*/


/*----------------story*/
#colum17{
text-align:center;
display: block;
margin:0;
padding:0;
width:100%;

clear:both;
font-size:150%;
background-image:url(https://www.cti-info.co.jp/entry/images/b1.jpg);
background-size:cover;
background-repeat:no-repeat;
background-position:center;
background-color: rgba(255,255,255,0.8);
color: #272727;



background-color:#f1f9ff;


}
#colum17:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}





.colum17-box{
display: block;
width:1100px;/*width:1100px;*/
clear:both;
margin:0 auto;
padding:0;


}
.colum17-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
   
display: block;
} 
#colum17 sup{
vertical-align: super;
font-size:50%; 
    color:#eb6ea5;
    font-weight:bold;
}
#colum17 small{
font-size:50%; 
       color:#eb6ea5;
    font-weight:bold;
}
.colum17-smallbox{
   display: block;

width:70%;/*width:100%;*/

text-align:justify;
/*background-color: rgba(255,255,255,0.5);*/
margin:0 auto 0 0;
padding:10vh 0 10vh 0;
float:right;



}
 .colum17-smallbox:after {
    content: "";      /* ※Clearfix */
    clear: both;
   
display: block;
} 
#colum17 h2{
	color: #00398f;/*#00b3d6*/
	padding:0.5em 0 0.5em 0;
font-size:250%;
text-align:center;
display:block;
margin:0 auto;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}
#colum17 h3{
	color: #2882d2;
padding:0.5em 0.25em 0.5em 0.25em;
border-top:solid 10px #4a9ce5;
background-color:rgba(206,232,255,0.5);
font-size:110%;
text-align:center;
font-weight:normal;
display:inherit;
margin:1em auto 0 auto;

}


#colum17 h3 strong{
font-weight:bold;
}




#colum17 p{
width:90%;
margin:0.5em auto;
font-size:120%;
text-align:center;
}
#colum17 p strong{
border-bottom:solid 2px #eb6ea5;
}
#colum17 p:last-child{
	padding:0 0 0.5em 0;
}



.colum17-xsmallbox{
display: block;
clear: both;
width:100%;
margin:0 auto;

padding:0.5em 0.25em 0.5em 0.25em;
border-top:solid 10px #4a9ce5;
background-color:rgba(206,232,255,0.5);
}
 .colum17-xsmallbox:after {
    content: "";      /* ※Clearfix */
    clear: both;
   
display: block;
} 

.colum17-xsmallbox h4{
	color: #2882d2;
font-size:90%;
text-align:center;
font-weight:normal;
margin:0.5em auto;

}


.colum17-xsmallbox h4 strong{
font-weight:bold;
}


.colum17-xsmallbox figure{
width:48%;
margin:1%;
box-sizing:border-box;
float:left;
}


@media screen and (max-width: 768px){
#colum17{
text-align:center;
display: block;
margin:0;
padding:0;
width:100%;
/*height:70vh;*/
clear:both;
font-size:130%;
background-image:url(https://www.cti-info.co.jp/entry/images/b1-3.jpg);
background-size:cover;
background-repeat:no-repeat;
background-position:center;
background-color: rgba(255,255,255,0.8);
color: #272727;

}

#colum17:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}


.colum17-box{
display: block;
margin:0px auto;
width:100%;
clear:both;
padding:0;
}
.colum17-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
   
display: block;
} 

.colum17-smallbox{
   display: block;

width:90%;/*width:100%;*/

text-align:justify;
/*background-color: rgba(255,255,255,0.5);*/
margin:0 auto 0 0;
padding:10vh 5% 5vh 5%;
float:none;
}
 .colum17-smallbox:after {
    content: "";      /* ※Clearfix */
    clear: both;
   
display: block;
} 
 .colum17-smallbox:after {
    content: "";      /* ※Clearfix */
    clear: both;
   
display: block;
} 
#colum17 h2{
	color: #00398f;/*#00b3d6*/
	padding:0.5em 0 0.5em 0;
font-size:250%;
text-align:center;
display:block;
margin:0 auto;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}
#colum17 h2 br{
display:block;
}
#colum17 h3{
	color: #2882d2;
padding:0.5em 0.25em 0.5em 0.25em;
border-top:solid 10px #4a9ce5;
background-color:rgba(206,232,255,0.8);
font-size:110%;
text-align:center;
font-weight:normal;
display:inherit;
margin:1em auto 0 auto;

}


#colum17 p{
width:90%;
margin:0.5em auto;
font-size:120%;
}
#colum17 p:last-child{
	padding:0 0 1em 0;
} 


.colum17-xsmallbox{
display: block;
clear: both;
width:100%;
margin:0 auto;

padding:0.5em 0.25em 0.5em 0.25em;
border-top:solid 10px #4a9ce5;
background-color:rgba(206,232,255,0.5);
}
 .colum17-xsmallbox:after {
    content: "";      /* ※Clearfix */
    clear: both;
   
display: block;
} 

.colum17-xsmallbox h4{
	color: #2882d2;
font-size:90%;
text-align:center;
font-weight:normal;
margin:0.5em auto;

}


.colum17-xsmallbox h4 strong{
font-weight:bold;
}


.colum17-xsmallbox figure{
width:48%;
margin:1%;
box-sizing:border-box;
float:left;
}
}

@media screen and (max-width: 600px){
#colum17{
text-align:center;
display: block;
margin:0;
padding:0;
width:100%;
height:auto;
clear:both;
font-size:130%;
background-image:url(https://www.cti-info.co.jp/entry/images/b1.jpg);
background-size:cover;
background-repeat:no-repeat;
background-position:center;
background-color: rgba(255,255,255,0.8);
color: #272727;

}
#colum17:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}


.colum17-box{
display: block;
margin:0px auto 0 auto;
width:100%;

clear:both;
padding:0;
}
.colum17-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
   
display: block;
} 

.colum17-smallbox{
   display: block;

width:90%;
height:auto;
text-align:justify;
background-color: rgba(255,255,255,0.0);
margin:0 auto 0 auto;
padding:20% 5% 5vh 5%;/*padding:20% 5% 5vh 5%;*/
}
 .colum17-smallbox:after {
    content: "";      /* ※Clearfix */
    clear: both;
   
display: block;
} 
#colum17 h2{
	color: #00398f;/*#00b3d6*/
	padding:0.5em 0 0.5em 0;
font-size:180%;
text-align:center;
display:block;
margin:0 auto;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}
#colum17 h2 br{
display:block;
}
#colum17 h3{
	color: #2882d2;
padding:0.5em 0.25em 0.5em 0.25em;
border-top:solid 10px #4a9ce5;
background-color:rgba(206,232,255,0.8);
font-size:110%;
text-align:center;
font-weight:normal;
display:inherit;
margin:3em auto 0 auto;
}

#colum17 p{
width:90%;
margin:0.5em auto;
font-size:110%;

}
#colum17 p:last-child{
	padding:0 0 1em 0;
} 



.colum17-xsmallbox{
display: block;
clear: both;
width:100%;
margin:4vh auto 0 auto;

padding:0.5em 0.25em 0.5em 0.25em;
border-top:solid 10px #4a9ce5;
background-color:rgba(206,232,255,0.5);
}
 .colum17-xsmallbox:after {
    content: "";      /* ※Clearfix */
    clear: both;
   
display: block;
} 

.colum17-xsmallbox h4{
	color: #2882d2;
font-size:85%;
text-align:center;
font-weight:normal;
margin:0.25em auto;

}


.colum17-xsmallbox h4 strong{
font-weight:bold;
}


.colum17-xsmallbox figure{
width:98%;
margin:1%;
margin:0% 1% 1% 1%;
float:left;
}

}

/*----------------story*/


/*---------3列特徴---------*/
#colum18{
text-align:center;
display: block;
margin:4vh auto;
width:96%;
clear:both;
font-size:100%;

}
#colum18:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}


.colum18-box{

display: block;
margin:0px auto;
width:100%;
clear:both;
color:#424242;
}
.colum18-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

.colum18-box p{
width:96%;
margin:0 2%;

}



#colum18 figure{
box-sizing:border-box;
background-color:#f5f5f5;
/*box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.2);*/
border:#f5f5f5 1px solid;
}
#colum18 figure img{
width:100%;
margin:1% auto 0 auto;
display:block;
}
#colum18 figure p{
width:90%;
margin:1em 5% 1em 5%;
font-size:90%;
text-align:left;
line-height:1.5;
}
#colum18 figure br{
display:block;
}
#colum18 figcaption{
}
#colum18 figure .red{
color:#e5005a;
}


#colum18 figure:nth-child(1){
width:31%;
margin:1vh 1% 3vh 1%;
float:left;
}
#colum18 figure:nth-child(1) img{
width:100%;
margin:0 auto;
display:block;
}
#colum18 figure:nth-child(2){
width:31%;
margin:1vh 1% 3vh 1%;
float:left;
}
#colum18 figure:nth-child(2) img{
width:100%;
margin:0 auto;
display:block;
}
#colum18 figure:nth-child(3){
width:31%;
margin:1vh 1% 3vh 1%;
float:left;
}
#colum18 figure:nth-child(3) img{
width:100%;
margin:0 auto;
display:block;
}
#colum18 h3{
padding: 0.25em;/*文字の上下 左右の余白*/
color: #272727;/*文字色*/
font-size:130%;
text-align:center;
background-color:#00b3d6;
margin:0;
}
#colum18 h2{
padding:0.8em 5% ;/*文字の上下 左右の余白*/
color: #2f2b2b;/*文字色*/
border-bottom: solid 1px #cdcbcb;
font-size:100%;
text-align:left;
margin:0 0 0.5em 0;
}
#colum18 figure:nth-child(1) .cphoto-large{
display:block;
}
#colum18 figure:nth-child(2) .cphoto-large{
display:block;
}
#colum18 figure:nth-child(3) .cphoto-large{
display:block;
}
#colum18 figure:nth-child(1) .cphoto-small{
display:none;
}
#colum18 figure:nth-child(2) .cphoto-small{
display:none;
}
#colum18 figure:nth-child(3) .cphoto-small{
display:none;
}

@media screen and (max-width: 768px){
#colum18{
text-align:center;
display: block;
/*margin:5vh auto;*/margin:4vh auto;
width:96%;
clear:both;
font-size:100%;

}
#colum18:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}


.colum18-box{

display: block;
margin:0px auto;
width:100%;
clear:both;
color:#424242;
}
.colum18-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

.colum18-box p{
width:96%;
margin:0 2%;

}



#colum18 figure{
box-sizing:border-box;
background-color:#f5f5f5;
/*box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.2);*/
border:#f5f5f5 1px solid;
}
#colum18 figure img{
width:100%;
margin:1% auto 0 auto;
display:block;
}
#colum18 figure p{
width:90%;
margin:1em 5% 1em 5%;
font-size:90%;
text-align:left;
line-height:1.5;
}
#colum18 figure br{
display:block;
}
#colum18 figcaption{
}
#colum18 figure .red{
color:#e5005a;
}


#colum18 figure:nth-child(1){
width:100%;
margin:1vh 0% 1vh 0%;
float:left;
}
#colum18 figure:nth-child(1) img{
width:100%;
margin:0 auto;
display:block;
}
#colum18 figure:nth-child(2){
width:100%;
margin:1vh 0% 1vh 0%;
float:left;
}
#colum18 figure:nth-child(2) img{
width:100%;
margin:0 auto;
display:block;
}
#colum18 figure:nth-child(3){
width:100%;
margin:1vh 0% 1vh 0%;
float:left;
}
#colum18 figure:nth-child(3) img{
width:100%;
margin:0 auto;
display:block;
}
#colum18 h3{
padding: 0.25em;/*文字の上下 左右の余白*/
color: #272727;/*文字色*/
font-size:130%;
text-align:center;
background-color:#00b3d6;
margin:0;
}
#colum18 h2{
padding:0.8em 5% ;/*文字の上下 左右の余白*/
color: #2f2b2b;/*文字色*/
border-bottom: solid 1px #cdcbcb;
font-size:100%;
text-align:left;
margin:0 0 0.5em 0;
}
#colum18 figure:nth-child(1) .cphoto-large{
display:block;
}
#colum18 figure:nth-child(2) .cphoto-large{
display:block;
}
#colum18 figure:nth-child(3) .cphoto-large{
display:block;
}

#colum18 figure:nth-child(1) .cphoto-small{
display:none;
}
#colum18 figure:nth-child(2) .cphoto-small{
display:none;
}
#colum18 figure:nth-child(3) .cphoto-small{
display:none;
}

#colum18 h2 br{
display:none;
}
}
@media screen and (max-width: 600px){
#colum18{
text-align:center;
display: block;
/*margin:5vh auto;*/margin:0 auto;
width:96%;
clear:both;
font-size:100%;

}
#colum18:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}


.colum18-box{

display: block;
margin:0px auto;
width:100%;
clear:both;
color:#424242;
}
.colum18-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

.colum18-box p{
width:96%;
margin:0 2%;

}


#colum18 figure:nth-child(1) .cphoto-large{
display:none;
}
#colum18 figure:nth-child(2) .cphoto-large{
display:none;
}
#colum18 figure:nth-child(3) .cphoto-large{
display:none;
}

#colum18 figure:nth-child(1) .cphoto-small{
display:block;
}
#colum18 figure:nth-child(2) .cphoto-small{
display:block;
}
#colum18 figure:nth-child(3) .cphoto-small{
display:block;
}
#colum18 h2 br{
display:none;
}
}


/*---------3列特徴---------*/


/*---------3列特徴---------*/
#colum19{
text-align:center;
display: block;
margin:4vh auto;
width:100%;
clear:both;
font-size:100%;

}
#colum19:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}


.colum19-box{

display: block;
margin:0px auto;
width:100%;
clear:both;
color:#424242;
}
.colum19-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

.colum19-box p{
width:96%;
margin:0 2%;

}



#colum19 figure{
box-sizing:border-box;
background-color:#f5f5f5;
/*box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.2);border:#f5f5f5 1px solid;*/

}
#colum19 figure img{
width:100%;
margin:1% auto 0 auto;
display:block;
}
#colum19 figure p{
width:90%;
margin:1em 5% 1em 5%;
font-size:90%;
text-align:left;
line-height:1.5;
}
#colum19 figure br{
display:block;
}
#colum19 figcaption{
}
#colum19 figure .red{
color:#e5005a;
}


#colum19 figure:nth-child(1){
width:23%;
margin:1vh 1% 3vh 1%;
float:left;
}
#colum19 figure:nth-child(1) img{
width:100%;
margin:0 auto;
display:block;
}
#colum19 figure:nth-child(2){
width:23%;
margin:1vh 1% 3vh 1%;
float:left;
}
#colum19 figure:nth-child(2) img{
width:100%;
margin:0 auto;
display:block;
}
#colum19 figure:nth-child(3){
width:23%;
margin:1vh 1% 3vh 1%;
float:left;
}
#colum19 figure:nth-child(3) img{
width:100%;
margin:0 auto;
display:block;
}
#colum19 figure:nth-child(4){
width:23%;
margin:1vh 1% 3vh 1%;
float:left;
}
#colum19 figure:nth-child(4) img{
width:100%;
margin:0 auto;
display:block;
}
#colum19 h3{
padding: 0.25em;/*文字の上下 左右の余白*/
color: #272727;/*文字色*/
font-size:130%;
text-align:center;
background-color:#00b3d6;
border-bottom: solid 1px #00b3d6;
/*background-color:#003a70;
border-bottom: solid 1px #003a70;*/
margin:0;
}
#colum19 h2{
padding:0.8em 5% ;/*文字の上下 左右の余白*/
color: #2f2b2b;/*文字色*/
border-bottom: solid 1px #cdcbcb;
font-size:100%;
text-align:left;
margin:0 0 0.5em 0;
}


@media screen and (max-width: 768px){
#colum19{
text-align:center;
display: block;
/*margin:5vh auto;*/margin:4vh auto;
width:96%;
clear:both;
font-size:100%;

}
#colum19:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}


.colum19-box{

display: block;
margin:0px auto;
width:100%;
clear:both;
color:#424242;
}
.colum19-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

.colum19-box p{
width:96%;
margin:0 2%;

}



#colum19 figure{
box-sizing:border-box;
background-color:#f5f5f5;
/*box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.2);*/
border:#f5f5f5 1px solid;
}
#colum19 figure img{
width:100%;
margin:1% auto 0 auto;
display:block;
}
#colum19 figure p{
width:90%;
margin:1em 5% 1em 5%;
font-size:90%;
text-align:left;
line-height:1.5;
}
#colum19 figure br{
display:block;
}
#colum19 figcaption{
}
#colum19 figure .red{
color:#e5005a;
}


#colum19 figure:nth-child(1){
width:23%;
margin:1vh 1% 3vh 1%;
float:left;
}
#colum19 figure:nth-child(1) img{
width:100%;
margin:0 auto;
display:block;
}
#colum19 figure:nth-child(2){
width:23%;
margin:1vh 1% 3vh 1%;
float:left;
}
#colum19 figure:nth-child(2) img{
width:100%;
margin:0 auto;
display:block;
}
#colum19 figure:nth-child(3){
width:23%;
margin:1vh 1% 3vh 1%;
float:left;
}
#colum19 figure:nth-child(3) img{
width:100%;
margin:0 auto;
display:block;
}
#colum19 figure:nth-child(4){
width:23%;
margin:1vh 1% 3vh 1%;
float:left;
}
#colum19 figure:nth-child(4) img{
width:100%;
margin:0 auto;
display:block;
}
#colum19 h3{
padding: 0.25em;/*文字の上下 左右の余白*/
color: #272727;/*文字色*/
font-size:130%;
text-align:center;
background-color:#00b3d6;
border-bottom: solid 1px #00b3d6;
/*background-color:#003a70;
border-bottom: solid 1px #003a70;*/
margin:0;
}
#colum19 h2{
padding:0.8em 5% ;/*文字の上下 左右の余白*/
color: #2f2b2b;/*文字色*/
border-bottom: solid 1px #cdcbcb;
font-size:100%;
text-align:left;
margin:0 0 0.5em 0;
}


#colum19 h2 br{
display:none;
}
}
@media screen and (max-width: 600px){
#colum19{
text-align:center;
display: block;
/*margin:5vh auto;*/margin:0 auto;
width:96%;
clear:both;
font-size:100%;

}
#colum19:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}


.colum19-box{

display: block;
margin:0px auto;
width:100%;
clear:both;
color:#424242;
}
.colum19-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

.colum19-box p{
width:96%;
margin:0 2%;

}

#colum19 figure:nth-child(1){
width:48%;
margin:1vh 1% 3vh 1%;
float:left;
}
#colum19 figure:nth-child(1) img{
width:100%;
margin:0 auto;
display:block;
}
#colum19 figure:nth-child(2){
width:48%;
margin:1vh 1% 3vh 1%;
float:left;
}
#colum19 figure:nth-child(2) img{
width:100%;
margin:0 auto;
display:block;
}
#colum19 figure:nth-child(3){
width:48%;
margin:1vh 1% 3vh 1%;
float:left;
}
#colum19 figure:nth-child(3) img{
width:100%;
margin:0 auto;
display:block;
}
#colum19 figure:nth-child(4){
width:48%;
margin:1vh 1% 3vh 1%;
float:left;
}
#colum19 figure:nth-child(4) img{
width:100%;
margin:0 auto;
display:block;
}
#colum19 h3{
padding: 0.25em;/*文字の上下 左右の余白*/
color: #272727;/*文字色*/
font-size:110%;
text-align:center;
background-color:#00b3d6;
border-bottom: solid 1px #00b3d6;
/*background-color:#003a70;
border-bottom: solid 1px #003a70;*/
margin:0;
}
#colum19 h2 br{
display:none;
}
}


/*---------3列特徴---------*/


/*---------タイトル---------*/
#colum20{
text-align:center;
display: block;
margin:4vh auto;
width:100%;
clear:both;
font-size:100%;

}
#colum20:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}


.colum20-box{

display: block;
margin:0px auto;
width:100%;
clear:both;
color:#424242;
}
.colum20-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

.colum20-box p{
width:96%;
margin:0 2%;
text-align:left;
}




#colum20 h3{
padding: 0.25em;/*文字の上下 左右の余白*/
color: #2f2b2b;/*文字色*/
font-size:100%;
text-align:center;
background-color:#003a70;
border-bottom: solid 1px #003a70;
margin:0;
}

#colum20 strong{
color: #2f2b2b;
}

#colum20 h2{
position: relative;
display: inline-block;
padding: 0 55px;
color: #272727;
font-size:160%;
}

#colum20 h2:before, #colum20 h2:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 45px;
height: 1px;
background-color: black;
}

#colum20 h2:before {left:0;}
#colum20 h2:after {right: 0;}


@media screen and (max-width: 768px){
#colum20{
text-align:center;
display: block;
margin:4vh auto;
width:96%;
clear:both;
font-size:100%;

}
#colum20:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}


.colum20-box{

display: block;
margin:0px auto;
width:100%;
clear:both;
color:#424242;
}
.colum20-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

.colum20-box p{
width:96%;
margin:0 2%;
text-align:left;

}



#colum20 h2{
position: relative;
display: inline-block;
padding: 0 55px;
color: #272727;
font-size:160%;
}

#colum20 h2:before, #colum20 h2:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 45px;
height: 1px;
background-color: black;
}

#colum20 h2:before {left:0;}
#colum20 h2:after {right: 0;}


#colum20 h2 br{
display:none;
}
}
@media screen and (max-width: 600px){
#colum20{
text-align:center;
display: block;
/*margin:5vh auto;*/margin:0 auto;
width:96%;
clear:both;
font-size:100%;

}
#colum20:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}


.colum20-box{

display: block;
margin:0px auto;
width:100%;
clear:both;
color:#424242;
}
.colum20-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

.colum20-box p{
width:96%;
margin:0 2%;

}

#colum20 h2{
position: relative;
display: inline-block;
padding: 0 55px;
color: #272727;
font-size:160%;
}

#colum20 h2:before, #colum20 h2:after{
content: '';
position: absolute;
top: 50%;
display: inline-block;
width: 45px;
height: 1px;
background-color: black;
}

#colum20 h2:before {left:0;}
#colum20 h2:after {right: 0;}


#colum20 h2 br{
display:none;
}
}


/*---------タイトル---------*/




/*----------------story2*/
#colum21{
text-align:center;
display: block;
margin:0;
padding:0;
width:100%;
height:100vh;
clear:both;
font-size:150%;
background-image:url(https://www.cti-info.co.jp/entry/images/b6.jpg);
background-size:cover;
background-repeat:no-repeat;
background-position:center;
color: #272727;
/*上下中央寄せ*/
position: relative;
/*上下中央寄せ*/
}
#colum21:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}


.colum21-box{
display: block;
width:1100px;/*width:1100px;*/
clear:both;
margin:0 auto;
padding:0;
}
.colum21-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
   
display: block;
} 

.colum21-smallbox{
   display: block;

width:50%;
height:auto;
text-align:justify;
background-color: rgba(255,255,255,0.5);

margin:1em 0;

/*上下中央寄せ*/
position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
/*上下中央寄せ*/

}
 .colum21-smallbox:after {
    content: "";      /* ※Clearfix */
    clear: both;
   
display: block;
} 
#colum21 h2{
	color: #fff;
	background-color:#272727;
	padding:0.5em;
/*padding: 0.4em 1em;文字の上下 左右の余白*/
/*color: #272727;文字色*/
/*border-left: solid 5px #00b3d6;左線*/
font-size:130%;
text-align:center;
display:block;
margin:0 auto;
}
#colum21 p{
width:90%;
margin:0.5em auto;
font-size:90%;
}
#colum21 p:last-child{
	padding:0 0 1em 0;
}
@media screen and (max-width: 768px){
#colum21{
text-align:center;
display: block;
margin:0;
padding:0;
width:100%;
height:70vh;
clear:both;
font-size:150%;
background-image:url(https://www.cti-info.co.jp/entry/images/b6.jpg);
background-size:cover;
background-repeat:no-repeat;
background-position:center;
color: #272727;
/*上下中央寄せ*/
position: relative;
/*上下中央寄せ*/
}

#colum21:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}


.colum21-box{
display: block;
margin:0px auto;
width:100%;
clear:both;
padding:0;
}
.colum21-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
   
display: block;
} 

.colum21-smallbox{
   display: block;

width:80%;
height:auto;
text-align:justify;
background-color: rgba(255,255,255,0.5);

margin:1em 0;

/*上下中央寄せ*/
position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
/*上下中央寄せ*/

}
 .colum21-smallbox:after {
    content: "";      /* ※Clearfix */
    clear: both;
   
display: block;
} 
#colum21 h2{
	color: #fff;
	background-color:#272727;
	padding:0.5em;
/*padding: 0.4em 1em;文字の上下 左右の余白*/
/*color: #272727;文字色*/
/*border-left: solid 5px #00b3d6;左線*/
font-size:120%;
text-align:center;
display:block;
margin:0 auto;
}
#colum21 p{
width:90%;
margin:0.5em auto;
font-size:90%;
}
#colum21 p:last-child{
	padding:0 0 1em 0;
} 

}

@media screen and (max-width: 600px){
#colum21{
text-align:center;
display: block;
margin:0;
padding:0;
width:100%;
height:60vh;
clear:both;
font-size:120%;
background-image:url(https://www.cti-info.co.jp/entry/images/b6.jpg);
background-size:cover;
background-repeat:no-repeat;
background-position:center;
color: #272727;
/*上下中央寄せ*/
position: relative;
/*上下中央寄せ*/
}

#colum21:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}


.colum21-box{
display: block;
margin:0px auto;
width:100%;
clear:both;
padding:0;
}
.colum21-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
   
display: block;
} 

.colum21-smallbox{
   display: block;

width:90%;
height:auto;
text-align:justify;
background-color: rgba(255,255,255,0.5);

margin:1em 0;

/*上下中央寄せ*/
position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
/*上下中央寄せ*/

}
 .colum21-smallbox:after {
    content: "";      /* ※Clearfix */
    clear: both;
   
display: block;
} 

#colum21 h2{
	color: #fff;
	background-color:#272727;
	padding:0.5em;
/*padding: 0.4em 1em;文字の上下 左右の余白*/
/*color: #272727;文字色*/
/*border-left: solid 5px #00b3d6;左線*/
font-size:140%;
text-align:center;
display:block;
margin:0 auto;
}
#colum21 p{
width:90%;
margin:0.5em auto;
font-size:90%;
}
#colum21 p:last-child{
	padding:0 0 1em 0;
} 



}
/*----------------story2*/


/*---------1列---------*/
#colum22{
text-align:left;
display: block;
margin:5vh auto;
width:100%;
font-size:100%;
}
#colum22:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}
#colum22 strong{
background-color:#fffbc4;
}
.colum22-box{
display: block;
margin:0 auto;
width:96%;
clear:both;
color:#424242;
}
.colum22-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}




#colum22 h2{
padding: 0.4em 1em;/*文字の上下 左右の余白*/
color: #272727;/*文字色*/
border-left: solid 5px #00b3d6;/*左線*/
font-size:160%;
text-align:left;
}
#colum22 h3{
	color:#363636;
font-size:120%;
font-weight:normal;

}

#colum22 img{
width:92%;
}
#colum22 p{
width:96%;
display:block;
line-height:1.5;
margin:0 auto;
}
#colum22 a:link{
color:#00b3d6;
text-decoration:underline;
}
#colum22 a:visited{
color:#00b3d6;
text-decoration:underline;
}
#colum22 a:hover{
color:#595858;
text-decoration:underline;
}

@media screen and (max-width: 768px){
#colum22{
text-align:left;
display: block;
margin:5vh auto;
width:100%;
float:left;
font-size:100%;
}
#colum22:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}
.colum22-box{
display: block;
margin:0 auto;
width:96%;
clear:both;
color:#424242;
}
.colum22-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

#colum22 h2{
padding: 0.4em 1em;/*文字の上下 左右の余白*/
color: #272727;/*文字色*/
border-left: solid 5px #00b3d6;/*左線*/
font-size:120%;
text-align:left;
}
#colum22 h3{
	color:#363636;
font-size:100%;
font-weight:normal;

}
#colum22 p{
width:90%;
margin:0 auto;
display:block;
line-height:1.5;

}
}

@media screen and (max-width: 600px){
#colum22{
text-align:left;
display: block;
margin:5vh auto;
width:100%;
float:left;
font-size:100%;
}
#colum22:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}
.colum22-box{
display: block;
margin:0 auto;
width:96%;
clear:both;
color:#424242;
}
.colum22-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

#colum22 h2{
padding: 0.4em 1em;/*文字の上下 左右の余白*/
color: #272727;/*文字色*/
border-left: solid 5px #00b3d6;/*左線*/
font-size:120%;
text-align:left;
}
#colum22 h3{
	color:#363636;
font-size:100%;
font-weight:normal;

}
#colum22 img{
width:100%;
}
#colum22 p{
width:90%;
margin:0 auto;
display:block;
line-height:1.5;

}
}
/*---------1列---------*/

/*pricysmall*/
#colum23{
text-align:center;
display: block;
width:100%;
clear:both;
padding:0 auto;
background-color:#dedce0;
float:left;
}
#colum23:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

#colum23 h1{
color:#272727;
font-size:160%;
margin:1em;
font-weight:normal;
}

.colum23-box{
text-align:center;
display: block;
width:1100px;
clear:both;
margin:0 auto;
}
.colum23-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}
@media screen and (max-width: 768px){
	#colum23{
text-align:center;
display: block;
width:96%;
clear:both;
padding:0 2%;
background-color:#dedce0;

float:left;
}
#colum23:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}
#colum23 h1{
color:#272727;
font-size:140%;
margin:0.5em;
font-weight:normal;
}

.colum23-box{
text-align:center;
display: block;
width:100%;
clear:both;
margin:0 auto;
}
.colum23-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}	
}

/*---------privacy-iframe---------*/
#colum24{
text-align:left;
display: block;
margin:10px auto;
width:95%;
clear:both;
font-size:90%;
background-color:#fff;
}
#colum24:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

.colum24-box{

display: block;
margin:0px auto;
width:1100px;
clear:both;
color:#424242;
padding-top:10px;
}
.colum24-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

#colum24 h2{
color:#272727;
font-size:200%;
padding:0;
margin:0;
text-align:center;

}
#colum24 h3{
color:#00b3d6;
font-size:120%;

	padding:0.5em 0;
border-bottom:1px solid #dedce0;

}
#colum24 h4{
color:#424242;
font-size:120%;
	margin:1em auto;
	padding:0;
}
#colum24 h5{
color:#424242;
font-size:100%;
	margin:0;
	padding:0;
}
#colum24 strong{
font-weight:bold;
display:block;
margin-top:1em;
}
#colum24 br{
display:block;
}
#colum24 a:link{
color:#868686;
text-decoration:underline;
}
#colum24 a:hover{
color:#868686;
text-decoration:none;
}
#colum24 a:visited{
color:#868686;
text-decoration:underline;
}
@media screen and (max-width: 768px){
	#colum24{
text-align:left;
display: block;
margin:10px 2%;
width:96%;
clear:both;
font-size:80%;
background-color:#fff;
}
#colum24:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}


.colum24-box{

display: block;
margin:0px auto;
width:100%;
clear:both;
color:#424242;
padding-top:10px;
}
.colum24-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

#colum24 h2{
color:#272727;
font-size:200%;
padding:0;
margin:0;
text-align:center;

}
#colum24 h3{
color:#00b3d6;
font-size:120%;

	padding:0.5em;
border-bottom:1px solid #dedce0;
}
#colum24 h4{
color:#424242;
font-size:120%;
	margin:0;
	padding:0;
}
#colum24 h5{
color:#424242;
font-size:100%;
	margin:0;
	padding:0;
}
#colum24 strong{
font-weight:bold;
display:block;
margin-top:1em;
}
#colum24 br{
display:block;
}
}
/*---------privacy-iframe---------*/


.red{
color:#eb6ea5;

}

/*----------------mark*/
.mark-colum{
text-align:center;
display: block;
margin:0vh auto;
padding:0;
width:90%;
clear:both;
font-weight:normal;
text-align:center;

}
.mark-colum:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}
/*----------------mark*/


/*--------------------------policy*/
#colum25{
display:block;
width:100%;
margin:0;
padding:0;
background-image:url(https://www.cti-info.co.jp/entry/images/b6.jpg);/*background-image:url(https://www.cti-info.co.jp/entry/images/b5.jpg);*/
background-size:cover;
background-position:center;
height:100vh;

position:relative;
}
#colum25 p br{
display:block;
}
#colum25 p{
width:90%;
margin:0 auto 2vh auto;
}
#colum25 p a:link{
color:#424242;
text-decoration:underline;
}
#colum25 p a:visited{
color:#424242;
text-decoration:underline;
}
#colum25 p a:hover{
color:#2882d2;
text-decoration:none;
}
#colum25 h1{
padding: 0.4em 1em;/*文字の上下 左右の余白*/
color: #272727;
border-left: solid 5px #00b3d6;/*左線*/
font-size:160%;
}

#colum25 h3{
padding: 0.4em 1em;/*文字の上下 左右の余白*/
color: #272727;
border-left: solid 5px #00b3d6;/*左線*/
font-size:120%;
}

.colum25-box{
display: block;
margin:0px auto;
width:1100px;
clear:both;

/*上下中央寄せ*/
position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
/*上下中央寄せ*/
}
.colum25-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
   
display: block;
}


@media screen and (max-width: 768px){
	#colum25{
display:block;
width:100%;
margin:0;
padding:0;
background-image:url(https://www.cti-info.co.jp/entry/images/b7.jpg);
background-size:cover;
height:100vh;
background-position:center;
position:relative;
}
.colum25-box{
display: block;
margin:0px auto;
width:95%;
clear:both;
}
.colum25-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
   
display: block;
}
#colum25 p br{
display:block;
}
#colum25 p{
width:90%;
margin:0 auto 2vh auto;
}
#colum25 h1{
padding: 0.4em 1em;/*文字の上下 左右の余白*/
color: #272727;
border-left: solid 5px #00b3d6;/*左線*/
font-size:160%;
}
}

/*--------------------------policy*/



/*--------------------------------送信ボタン*/
input[type="submit"].button8 {
	display:inline-block;
	text-align: center;
	text-decoration: none;
width:46%;	
padding:0.5em 0;
margin:1vh 2%;
color:#fff;
background:#fca90a;
font-size:120%;
font-weight:bold;
border-radius: 5px;	
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
border-bottom:5px solid #ed9306;
-moz-transition:1s ease-out;
-webkit-transition:1s ease-out;
-o-transition:1s ease-out;
-ms-transition:1s ease-out;
font-family: "Noto Sans Japanese";

}
input[type="submit"].button8:link {
color:#fff;
background:#fca90a;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
border-bottom:5px solid #ed9306;
text-decoration: none;
}

input[type="submit"].button8:hover {
color:#fff;
background:#fca90a;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
border-bottom:5px solid #ed9306;
text-decoration: none;
opacity:0.5;
}


input[type="submit"].button8:visited {
color:#fff;
background:#fca90a;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
border-bottom:5px solid #ed9306;
text-decoration: none;
}
/*inputなし*/
.button8 {
	display:inline-block;
	text-align: center;
	text-decoration: none;
width:46%;	
padding:0.5em 0;
margin:1vh 2%;
color:#fff;
background:#fca90a;
font-size:120%;
font-weight:bold;
border-radius: 5px;	
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
border-bottom:5px solid #ed9306;
-moz-transition:1s ease-out;
-webkit-transition:1s ease-out;
-o-transition:1s ease-out;
-ms-transition:1s ease-out;

font-family: "Noto Sans Japanese";
box-sizing:border-box;
float:left;
}
.button8:link {
color:#fff;
background:#fca90a;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
border-bottom:5px solid #ed9306;
text-decoration: none;
}

.button8:hover {
color:#fff;
background:#fca90a;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
border-bottom:5px solid #ed9306;
text-decoration: none;
opacity:0.5;
}


.button8:visited {
color:#fff;
background:#fca90a;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
border-bottom:5px solid #ed9306;
text-decoration: none;
}

@media screen and (max-width: 600px){
input[type="submit"].button8{
	display:inline-block;
	text-align: center;
	text-decoration: none;
width:80%;	
padding:0.5em 0;
margin:1vh 10%;
color:#fff;
background:#fca90a;
font-size:120%;
font-weight:bold;
border-radius: 5px;	
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
border-bottom:5px solid #ed9306;


-moz-transition:1s ease-out;
-webkit-transition:1s ease-out;
-o-transition:1s ease-out;
-ms-transition:1s ease-out;
/*box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.3);*/


}
/*inputなし*/
.button8{
	display:inline-block;
	text-align: center;
	text-decoration: none;
width:80%;	
padding:0.5em 0;
margin:1vh 10%;
color:#fff;
background:#fca90a;
font-size:120%;
font-weight:bold;
border-radius: 5px;	
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
border-bottom:5px solid #ed9306;


-moz-transition:1s ease-out;
-webkit-transition:1s ease-out;
-o-transition:1s ease-out;
-ms-transition:1s ease-out;
/*box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.3);*/


}
}
/*--------------------------------送信ボタン*/

/*-----------小さいボタン*/
.button7{
	display:block;
	text-align: center;
	text-decoration: none;
width:20%;	
padding:0.5em 0;
margin:1vh auto;
color:#424242;
background:#dedce0;
font-size:90%;
font-weight:bold;
border-radius: 5px;
border-bottom:5px solid #c4c3c5;

/*box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.3);*/
-moz-transition:1s ease-out;
-webkit-transition:1s ease-out;
-o-transition:1s ease-out;
-ms-transition:1s ease-out;

font-family: "Noto Sans Japanese";

}

.button7:hover {
color:#9c9898;
background:#eceded;
text-decoration: none;
border-radius: 5px;
border-bottom:5px solid #c4c3c5;
}


.button7:visited {
color:#424242;
background:#dedce0;
text-decoration: none;
border-radius: 5px;
border-bottom:5px solid #c4c3c5;
}

@media screen and (max-width: 768px){
.button7{
	display:block;
	text-align: center;
	text-decoration: none;
width:80%;	/*width:30%;*/
padding:0.5em 0;
margin:1vh auto;
color:#424242;
background:#dedce0;
font-size:90%;
font-weight:bold;
border-radius: 5px;
border-bottom:5px solid #c4c3c5;

/*box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.3);*/
-moz-transition:1s ease-out;
-webkit-transition:1s ease-out;
-o-transition:1s ease-out;
-ms-transition:1s ease-out;

font-family: "Noto Sans Japanese";

}

.button7:hover {
color:#9c9898;
background:#eceded;
text-decoration: none;
border-radius: 5px;
border-bottom:5px solid #c4c3c5;
}


.button7:visited {
color:#424242;
background:#dedce0;
text-decoration: none;
border-radius: 5px;
border-bottom:5px solid #c4c3c5;
}
}
/*-----------小さいボタン*/

/*------------topbtn inputなし*/
.button9 {
	display:inline-block;
	text-align: center;
	text-decoration: none;
width:46%;	
padding:0.5em 0;
margin:1vh 2%;
color:#fff;
background:#fca90a;
font-size:100%;
font-weight:bold;
border-radius: 5px;	
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
border-bottom:5px solid #ed9306;
-moz-transition:1s ease-out;
-webkit-transition:1s ease-out;
-o-transition:1s ease-out;
-ms-transition:1s ease-out;

font-family: "Noto Sans Japanese";
box-sizing:border-box;
float:left;
}
.button9:link {
color:#fff;
background:#fca90a;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
border-bottom:5px solid #ed9306;
text-decoration: none;
}

.button9:hover {
color:#fff;
background:#fca90a;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
border-bottom:5px solid #ed9306;
text-decoration: none;
opacity:0.5;
}


.button9:visited {
color:#fff;
background:#fca90a;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
border-bottom:5px solid #ed9306;
text-decoration: none;
}

@media screen and (max-width: 600px){
/*inputなし*/
.button9{
	display:inline-block;
	text-align: center;
	text-decoration: none;
width:80%;	
padding:0.5em;
margin:1vh 10%;
color:#fff;
background:#fca90a;
font-size:110%;
font-weight:bold;
border-radius: 5px;	
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
border-bottom:5px solid #ed9306;


-moz-transition:1s ease-out;
-webkit-transition:1s ease-out;
-o-transition:1s ease-out;
-ms-transition:1s ease-out;
/*box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.3);*/


}
}
/*------------topbtn inputなし*/

/*----------------送信ボタン*/
#colum26{
display: block;
margin:0 auto;
padding:0;
width:100%;
clear:both;
position:fixed;
bottom:0;
font-size:70%;
background-color:#2882d2;
color:#fff;
}
#colum26:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}
.colum26-box{
display: block;
margin:0 auto;
padding:1vh;
clear:both;
text-align:center;
}
.colum26-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

@media screen and (max-width: 768px){
.colum26-box{
display: block;
margin:0 auto;
padding:1vh;
width:95%;
clear:both;
text-align:center;
}	
}
/*----------------送信ボタン*/
/*----------------------table仕様*/
.spec6{
  width:100%;
  border-spacing: 0;
  margin:5vh auto;
  font-size:110%;
padding:0;
background-color: #fff;


}


/*-------ribbon*/


.ribbon15-wrapper {  
  display: block;
  position: relative;
  box-sizing: border-box;
  }


.ribbon15 {  
  display: inline-block;
  position: absolute;
  top: 22px;
  right: 15px;
  margin: 0;
  padding: 10px 0;
  z-index: 0;
  width: 40px;
  text-align: center;
  color: white;
  font-size: 80%;
  background-color:#f86a80;
  border-radius: 2px 0 0 0;
    text-shadow:1px 1px 1px rgba(0, 0, 0, 0.65);
  }

.ribbon15:before {
  position: absolute;
  content: '';
  top: 0;
  right: -6px;
  border: none;
  border-bottom: solid 6px #df5f73;
  border-right: solid 6px transparent;
}
.ribbon15:after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  height: 0;
  width: 0;
  border-left: 20px solid #f86a80;
  border-right: 20px solid #f86a80;
  border-bottom: 10px solid transparent;
}/*-------ribbon*/


.spec6 img{
width:25px;
box-sizing:border-box;
margin-right:0.5em;
vertical-align:middle;
}
.spec6 td{
  color:#424242;
}

.spec6 caption{
color:#fff;
font-weight:bold;
text-align: left;
padding:0.5em;
background-color: #2075c0;
margin-bottom:0.5em;
}
.spec6 caption br{
display:none;
}
.spec6 th {
padding:0.5em;
  font-weight: bold;

  
  border-bottom:1px solid #4b89c1;
  text-align:left;
  color:#424242;
background-color:#dfeffd;

width:30%;
}

.spec6 tr td {
   padding: 0.5em;
  border-bottom: 1px solid #4b89c1;
  
  text-align: left;
}


.spec6 tr:nth-child(2n+1) {
background-color: #fff;
}


.spec6 a:link{
color:#00b3d6;
text-decoration:underline;
}
.spec6 a:visited{
color:#00b3d6;
text-decoration:underline;
}
.spec6 a:hover{
color:#2882d2;
text-decoration:none;
}
.spec6 small{
border-radius: 5px;
background-color:#2882d2;
color:#fff;
padding:0.25em;
}

.spec6 h5{
background-color:#2882d2;
color:#fff;
border-radius:5px;
font-size:60%;
display:inline-block;
padding:0.25em;
vertical-align:middle;
margin-left:1em;

letter-spacing:0.2em;
}
.spec6 h6{
background-color:#00b3d6;
color:#fff;
border-radius:5px;
font-size:60%;
display:inline-block;
padding:0.25em;
vertical-align:middle;
margin-left:1em;

letter-spacing:0.2em;
}
.spec6 strong{
	border-left: 5px solid #00b3d6;
	padding:0.4em 1em;
}
.spec6 p{
display:block;
width:92%;
margin:0.2em 4% 1em 4%;
}
@media screen and (max-width: 768px){
.spec6{
  width:100%;
  border-spacing: 0;
  margin:5vh auto;
  font-size:110%;
padding:0;
background-color: #fff;
}
.spec6 caption br{
display:block;
}
.spec6 td{
  color:#424242;
  
    width:100%;
  display:block;
}


.spec6 th {
padding:0.5em;
  font-weight: bold;

  
  border-bottom:1px solid #4b89c1;
  text-align:left;
  color:#424242;
  
  
    width:95%;
  display:block;
}

.spec6 tr td {
   padding: 0.5em;
  border-bottom: 1px solid #4b89c1;
  
  text-align: left;
  width:95%;

}


.spec6 tr:nth-child(2n+1) {
background-color: #fff;
width:95%;
}


.spec6 a:link{
color:#00b3d6;
text-decoration:underline;
}
.spec6 a:visited{
color:#00b3d6;
text-decoration:underline;
}
.spec6 a:hover{
color:#2882d2;
text-decoration:none;
}
.spec6 small{
border-radius: 5px;
background-color:#2882d2;
color:#fff;
padding:0.25em;
}

.spec6 h5{
background-color:#2882d2;
color:#fff;
border-radius:5px;
font-size:60%;
display:inline-block;
padding:0.25em;
vertical-align:middle;
margin-left:1em;

letter-spacing:0.2em;
}
.spec6 h6{
background-color:#00b3d6;
color:#fff;
border-radius:5px;
font-size:60%;
display:inline-block;
padding:0.25em;
vertical-align:middle;
margin-left:1em;

letter-spacing:0.2em;
}

}
/*----------------------table仕様*/


/*---------------------下部2列*/
#colum27{
display:block;
width:100%;
margin:5vh auto 0 auto;
padding:0;
background-color:#dbeff7;/*background-color:#edeef0;*/
color:#424242;
}
#colum27:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

.colum27-box{
display:block;
width:1100px;
margin:3vh auto 0 auto;
padding:1vh 0;
font-size:120%;
line-height:1.5;
}
.colum27-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}
.colum27-box br{
	display:block;
}
#colum27 a:link{
color:#424242;
text-decoration:none;
}
#colum27 a:visited{
color:#424242;
text-decoration:none;
}
#colum27 a:hover{
color:#2882d2;
text-decoration:underline;
}
#colum27 p br{
display:block;
}
#colum27 p{
width:90%;
margin:0 auto 2vh auto;
}
#colum27 p a:link{
color:#424242;
text-decoration:underline;
}
#colum27 p a:visited{
color:#424242;
text-decoration:underline;
}
#colum27 p a:hover{
color:#2882d2;
text-decoration:none;
}



#colum27 figure{
	box-sizing:border-box;
	text-align:center;
}
#colum27 figure:nth-child(1){
width:100%;
margin:2vh 0 1vh 0;
padding:0;
}
#colum27 figure:nth-child(1) img{
width:30%;
margin:1vh auto;
display:block;
}
#colum27 img:hover{
opacity: 0.5;
}
#colum27 img{
transition:0.2s ease;
}


#colum27 figure:nth-child(1) h2{
font-size:150%;
width:96%;
margin:0.25em 3%;
}

#colum27 figure:nth-child(2){
width:98%;
float:left;
margin:1vh 1%;
padding:0;
text-align:center;
color:#272727;
}
#colum27 figure:nth-child(2) .red{
font-size:70%;

padding:0.5em;
background-color:#fff;/*background-color:#eb6ea5;*/
border:1px solid #eb6ea5;
color:#eb6ea5;
display:inline-block;
/*border-radius:5px;*/
margin:0 0.5em;
}
#colum27 figure:nth-child(2) strong{
font-size:200%;
vertical-align:middle;
}
#colum27 figure:nth-child(3){
width:48%;
float:left;
margin:1vh 1%;
padding:0;
text-align:center;
color:#272727;
}
#colum27 figure:nth-child(3) .red{
font-size:70%;

padding:0.5em;
background-color:#eb6ea5;
color:#fff;
display:inline-block;
border-radius:5px;
margin:0 0.5em;
}
#colum27 figure:nth-child(3) strong{
font-size:200%;
vertical-align:middle;
}
@media screen and (max-width: 768px){
#colum27{
display:block;
width:100%;
margin:5vh auto 0 auto;
padding:0;
background-color:#dbeff7;/*background-color:#edeef0;*/
color:#424242;
}
#colum27:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

.colum27-box{
display:block;
width:95%;
margin:3vh auto 0 auto;
padding:1vh 0;
font-size:120%;
line-height:1.5;
}
.colum27-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}
.colum27-box br{
	display:block;
}

#colum27 p br{
display:block;
}
#colum27 p{
width:90%;
margin:0 auto 2vh auto;
}


#colum27 figure{
	box-sizing:border-box;
	text-align:center;
}
#colum27 figure:nth-child(1){
width:100%;
margin:2vh 0 0vh 0;
padding:0;
}
#colum27 figure:nth-child(1) img{
width:50%;
margin:1vh auto;
display:block;
}
#colum27 figure:nth-child(1) h2{
font-size:150%;
width:96%;
margin:0.25em 3%;
}

#colum27 figure:nth-child(2){
width:100%;
float:left;
margin:1vh 0 0 0;
padding:0;
text-align:center;
}
#colum27 figure:nth-child(2) .red{
font-size:70%;

padding:0.5em;
background-color:#fff;/*background-color:#eb6ea5;*/
border:1px solid #eb6ea5;
color:#eb6ea5;
display:inline-block;
margin:0 0.5em;
}
#colum27 figure:nth-child(2) strong{
font-size:200%;
vertical-align:middle;
}

#colum27 figure:nth-child(3){
width:100%;
float:left;
margin:1vh 0 0 0;
padding:0;
text-align:center;
}
#colum27 figure:nth-child(3) .red{
font-size:70%;

padding:0.5em;
background-color:#fff;/*background-color:#eb6ea5;*/
border:1px solid #eb6ea5;
color:#eb6ea5;
display:inline-block;
margin:0 0.5em;
}
#colum27 figure:nth-child(3) strong{
font-size:200%;
vertical-align:middle;
}

}
@media screen and (max-width: 600px){
#colum27{
display:block;
width:100%;
margin:2vh auto 0 auto;
padding:0;
background-color:#dbeff7;/*background-color:#edeef0;*/
color:#424242;
}
#colum27:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

.colum27-box{
display:block;
width:95%;
margin:1vh auto 0 auto;
padding:1vh 0;
font-size:120%;
line-height:1.5;
}
.colum27-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}
.colum27-box br{
	display:block;
}

#colum27 p br{
display:block;
}
#colum27 p{
width:90%;
margin:0 auto 2vh auto;
}



#colum27 figure{
	box-sizing:border-box;
	text-align:center;
}
#colum27 figure:nth-child(1){
width:100%;
margin:2vh 0 0vh 0;
padding:0;
}
#colum27 figure:nth-child(1) img{
width:70%;
margin:1vh auto;
display:block;
}
#colum27 figure:nth-child(1) h2{
font-size:150%;
width:96%;
margin:0.25em 3%;
}

#colum27 figure:nth-child(2){
width:100%;
float:left;
margin:1vh 0 0 0;
padding:0;
text-align:center;
}
#colum27 figure:nth-child(2) .red{
font-size:70%;
padding:0.25em 0.5em;
background-color:#fff;/*background-color:#eb6ea5;*/
border:1px solid #eb6ea5;
color:#eb6ea5;
display:inline-block;
margin-right:1em;
}
#colum27 figure:nth-child(2) strong{
font-size:150%;
vertical-align:middle;

clear: both;
display: block;
}
#colum27 figure:nth-child(2) strong:after {
content: "";      /* ※Clearfix */
clear: both;
display: block;
}
#colum27 figure:nth-child(3){
width:100%;
float:left;
margin:1vh 0 0 0;
padding:0;
text-align:center;
}
#colum27 figure:nth-child(3) .red{
font-size:70%;
padding:0.5em;
background-color:#eb6ea5;
color:#fff;
display:inline-block;
margin-right:1em;
}
#colum27 figure:nth-child(3) strong{
font-size:200%;
vertical-align:middle;
}

}
/*---------------------下部2列*/
/*----------------logo2列*/
#colum28{
text-align:left;
display: block;
marign:0;
padding:0;
width:100%;
clear:both;
font-size:90%;
/*border-bottom:1px solid #eaeaea;
position:fixed;
z-index:1;*/
background-color:#fff;
/*box-shadow: 2px 2px 2px rgba(0,0,0,0.2);*/
}
#colum28:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}


.colum28-box{
display: block;
margin:0px auto;
padding:0;
width:100%;/*width:1100px;*/
clear:both;
}
.colum28-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
   
display: block;
} 

#colum28 img{
transition: all 0.5s ease-out;

}
#colum28 img:hover{
	opacity:0.5;
}
#colum28 ul{
margin:0;
padding:0;
}
#colum28 li{
list-style-type:none;
box-sizing:border-box;
float:left;
}
#colum28 img{
transition: all 0.5s ease-out;
}
#colum28 li:nth-child(1){
	width:100%;/*width:30%;*/
	float:left;
	text-align:center;
}
#colum28 li:nth-child(1) img{
	width:25%;/*width:100%;*/
	margin:5px 0 0 0;
}
/*#colum28 li:nth-child(2){
	width:20%;
}

#colum28 li:nth-child(2) img{
	width:100%;
		margin:5px 0 0 0;
}*/
#colum28 li:nth-child(2){
width:40%;
color:#fff;
	margin:0;
	padding:0.5em 2em 0.5em 1em;
background:#fca90a;
font-size:110%;
font-weight:bold;
/*border-radius: 5px;*/	
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
/*border-bottom:5px solid #ed9306;*/
border-left:1px solid #ed9306;
border-right:1px solid #ed9306;
text-align: center;
/*box-sizing: border-box;
box-shadow: 1px 1px  1px rgba(255,255,255,1) inset;*/
transition: all 0.5s ease-out;

position: relative;
}
 #colum28 li:nth-child(2) br{
display: none;
} 
#colum28 li:nth-child(2) a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
#colum28 li:nth-child(2) a:link {
color:#fff;
background:#fca90a;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
/*border-bottom:5px solid #ed9306;*/
text-decoration: none;
	padding:0.5em auto;
	width:100%;
}

#colum28 li:nth-child(2) a:hover {
color:#fff;
background:#fca90a;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
/*border-bottom:5px solid #ed9306;*/
text-decoration: none;
opacity:0.5;
}

#colum28 li:nth-child(2) a:visited {
color:#fff;
background:#fca90a;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
/*border-bottom:5px solid #ed9306;*/
text-decoration: none;
}
#colum28 li:nth-child(2) img{
	width:25px;
	margin: 0 0.5em 0 0;
	padding:0;
	display: inline-block;
}
#colum28 li:nth-child(2):hover {
opacity:0.5;
}	
#colum28 li:nth-child(3){
width:40%;
color:#fff;
	margin:0;
	padding:0.5em 2em 0.5em 1em;
background:#fca90a;
font-size:110%;
font-weight:bold;
/*border-radius: 5px;*/	
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
/*border-bottom:5px solid #ed9306;*/
border-left:1px solid #ed9306;
border-right:1px solid #ed9306;
text-align: center;
/*box-sizing: border-box;
box-shadow: 1px 1px  1px rgba(255,255,255,1) inset;*/
transition: all 0.5s ease-out;

position: relative;
}
float:right;
 
#colum28 li:nth-child(3) a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
#colum28 li:nth-child(3) a:link {
color:#fff;
background:#fca90a;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
/*border-bottom:5px solid #ed9306;*/
text-decoration: none;
	padding:0.5em auto;
	width:100%;
}

#colum28 li:nth-child(3) a:hover {
color:#fff;
background:#fca90a;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
/*border-bottom:5px solid #ed9306;*/
text-decoration: none;
opacity:0.5;
}

#colum28 li:nth-child(3) a:visited {
color:#fff;
background:#fca90a;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
/*border-bottom:5px solid #ed9306;*/
text-decoration: none;
}
#colum28 li:nth-child(3) img{
	width:25px;
	margin: 0 0.5em 0 0;
	padding:0;
	display: inline-block;
}

#colum28 li:nth-child(4){
width:20%;
color:#fff;
	margin:0;
	padding:0.5em 2em 0.5em 1em;
background:#fca90a;
font-size:110%;
font-weight:bold;
/*border-radius: 5px;*/	
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
/*border-bottom:5px solid #ed9306;*/
border-left:1px solid #ed9306;
border-right:1px solid #ed9306;
text-align: center;
/*box-sizing: border-box;
box-shadow: 1px 1px  1px rgba(255,255,255,1) inset;*/
transition: all 0.5s ease-out;

position: relative;
}
float:right;
 
#colum28 li:nth-child(4) a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
#colum28 li:nth-child(4) a:link {
color:#fff;
background:#fca90a;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
/*border-bottom:5px solid #ed9306;*/
text-decoration: none;
	padding:0.5em auto;
	width:100%;
}

#colum28 li:nth-child(4) a:hover {
color:#fff;
background:#fca90a;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
/*border-bottom:5px solid #ed9306;*/
text-decoration: none;
opacity:0.5;
}

#colum28 li:nth-child(4) a:visited {
color:#fff;
background:#fca90a;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
/*border-bottom:5px solid #ed9306;*/
text-decoration: none;
}
#colum28 li:nth-child(4) img{
	width:25px;
	margin: 0 0.5em 0 0;
	padding:0;
	display: inline-block;
}
#colum28 li:nth-child(4):hover {
opacity:0.5;
}

#colum28 li:nth-child(3):hover {
opacity:0.5;
}
#colum28 li:nth-child(5){
width:20%;
float:left;
margin:0;
padding:0;
font-size:90%;
color:#272727;
margin:0 0 0.5em 0;
}
#colum28 li:nth-child(5) .red{
font-size:60%;

padding:0.25em;
background-color:#eb6ea5;
color:#fff;
border-radius:5px;
display:inline-block;
margin:0.5em;
float:left;
vertical-align:middle;
}
#colum28 li:nth-child(5) strong{
font-size:130%;
vertical-align:middle;
}
#colum28 li:nth-child(5) small{
font-size:70%;
vertical-align:middle;
color:#868686;
margin:0 0 0 0.5em;
}
#colum28 li:nth-child(5) br{
display:block;
}



#colum28 li:nth-child(6){
width:20%;
float:left;
margin:0 0 0.5em 0;
padding:0;
font-size:90%;
color:#272727;
}
#colum28 li:nth-child(6) .red{
font-size:60%;

padding:0.25em;
background-color:#eb6ea5;
color:#fff;
border-radius:5px;
display:inline-block;
margin:0.5em;
float:left;
vertical-align:middle;
}
#colum28 li:nth-child(6) strong{
font-size:130%;
vertical-align:middle;
}
#colum28 li:nth-child(6) small{
font-size:70%;
vertical-align:middle;
color:#868686;
margin:0 0 0 0.5em;
}
#colum28 li:nth-child(6) br{
display:block;
}

/*-----------------topbtn*/
.button10 {
	display:inline-block;
	text-align: center;
	text-decoration: none;
width:46%;	
padding:0.5em 0;
margin:1vh 2%;
color:#fff;
background:#fca90a;
font-size:120%;
font-weight:bold;
border-radius: 5px;	
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
/*border-bottom:5px solid #ed9306;*/
-moz-transition:1s ease-out;
-webkit-transition:1s ease-out;
-o-transition:1s ease-out;
-ms-transition:1s ease-out;

font-family: "Noto Sans Japanese";
box-sizing:border-box;
float:left;
}
.button10:link {
color:#fff;
background:#fca90a;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
/*border-bottom:5px solid #ed9306;*/
text-decoration: none;
}

.button10:hover {
color:#fff;
background:#fca90a;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
/*border-bottom:5px solid #ed9306;*/
text-decoration: none;
opacity:0.5;
}


.button10:visited {
color:#fff;
background:#fca90a;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
/*border-bottom:5px solid #ed9306;*/
text-decoration: none;
}
/*-----------------topbtn*/
@media screen and (max-width: 768px){
	#colum28{
text-align:center;
display: block;
marign:0;
padding:0;
width:100%;
clear:both;
font-size:100%;
/*border-bottom:1px solid #eaeaea;*/
/*box-shadow: 2px 2px 2px 2px rgba(0,0,0,0.2);*/
}
	.colum28-box{
display: block;
margin:0px auto;
width:100%;
clear:both;
}
#colum28 li{
list-style-type:none;
box-sizing:border-box;
float:left;
}
#colum28 img{
transition: all 0.5s ease-out;
margin:5px 0 0 0;
}
#colum28 li:nth-child(1){
	width:100%;
	text-align:center;
	margin:0;
	padding:0;
	float:left;

}
#colum28 li:nth-child(1) img{
	width:40%;
		margin:0;
	padding:0;
}
/*#colum28 li:nth-child(2){
	width:50%;
	text-align:right;
	margin:0;
	float:right;
}

#colum28 li:nth-child(2) img{
	width:90%;
}*/

#colum28 li:nth-child(2){
width:50%;
color:#fff;
	margin:0;
	padding:0.5em 2em 0.5em 1em;
background:#fca90a;
font-size:80%;
font-weight:bold;
/*border-radius: 5px;*/	
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
/*border-bottom:5px solid #ed9306;*/
border-left:1px solid #ed9306;
border-right:1px solid #ed9306;
text-align: center;
/*box-sizing: border-box;
box-shadow: 1px 1px  1px rgba(255,255,255,1) inset;*/
transition: all 0.5s ease-out;

position: relative;
}
#colum28 li:nth-child(2) br{
display: none;
} 
#colum28 li:nth-child(2) a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
#colum28 li:nth-child(2) a:link {
color:#fff;
background:#fca90a;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
/*border-bottom:5px solid #ed9306;*/
text-decoration: none;
	padding:0.5em auto;
	width:100%;
}

#colum28 li:nth-child(2) a:hover {
color:#fff;
background:#fca90a;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
/*border-bottom:5px solid #ed9306;*/
text-decoration: none;
opacity:0.5;
}

#colum28 li:nth-child(2) a:visited {
color:#fff;
background:#fca90a;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
/*border-bottom:5px solid #ed9306;*/
text-decoration: none;
}
#colum28 li:nth-child(2) img{
	width:25px;
	margin: 0 0.5em 0 0;
	padding:0;
	display: inline-block;
}
#colum28 li:nth-child(2):hover {
opacity:0.5;
}	
#colum28 li:nth-child(3){
width:50%;
color:#fff;
	margin:0;
	padding:0.5em 2em 0.5em 1em;
background:#fca90a;
font-size:80%;
font-weight:bold;
/*border-radius: 5px;*/	
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
/*border-bottom:5px solid #ed9306;*/
border-left:1px solid #ed9306;
border-right:1px solid #ed9306;
text-align: center;
/*box-sizing: border-box;
box-shadow: 1px 1px  1px rgba(255,255,255,1) inset;*/
transition: all 0.5s ease-out;

position: relative;
	
	text-overflow: clip;

}

 
#colum28 li:nth-child(3) a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
#colum28 li:nth-child(3) a:link {
color:#fff;
background:#fca90a;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
/*border-bottom:5px solid #ed9306;*/
text-decoration: none;
	padding:0.5em auto;
	width:100%;
}

#colum28 li:nth-child(3) a:hover {
color:#fff;
background:#fca90a;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
/*border-bottom:5px solid #ed9306;*/
text-decoration: none;
opacity:0.5;
}

#colum28 li:nth-child(3) a:visited {
color:#fff;
background:#fca90a;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
/*border-bottom:5px solid #ed9306;*/
text-decoration: none;
}
#colum28 li:nth-child(3) img{
	width:25px;
	margin: 0 0.5em 0 0;
	padding:0;
	display: inline-block;
}
#colum28 li:nth-child(3):hover {
opacity:0.5;
}
	#colum28 li:nth-child(4){
width:34%;
color:#fff;
	margin:0;
	padding:0.5em 2em 0.5em 1em;
background:#fca90a;
font-size:80%;/*110%*/
font-weight:bold;
/*border-radius: 5px;*/	
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
/*border-bottom:5px solid #ed9306;*/
border-left:1px solid #ed9306;
border-right:1px solid #ed9306;
text-align: center;
/*box-sizing: border-box;
box-shadow: 1px 1px  1px rgba(255,255,255,1) inset;*/
transition: all 0.5s ease-out;

position: relative;
}
float:right;
 
#colum28 li:nth-child(4) a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
#colum28 li:nth-child(4) a:link {
color:#fff;
background:#fca90a;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
/*border-bottom:5px solid #ed9306;*/
text-decoration: none;
	padding:0.5em auto;
	width:100%;
}

#colum28 li:nth-child(4) a:hover {
color:#fff;
background:#fca90a;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
/*border-bottom:5px solid #ed9306;*/
text-decoration: none;
opacity:0.5;
}

#colum28 li:nth-child(4) a:visited {
color:#fff;
background:#fca90a;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
/*border-bottom:5px solid #ed9306;*/
text-decoration: none;
}
#colum28 li:nth-child(4) img{
	width:25px;
	margin: 0 0.5em 0 0;
	padding:0;
	display: inline-block;
}
#colum28 li:nth-child(4):hover {
opacity:0.5;
}
#colum28 li:nth-child(5){
display:none;
}

#colum28 li:nth-child(6){
display:none;
}
}
@media screen and (max-width: 600px){
#colum28 li{
list-style-type:none;
box-sizing:border-box;
float:left;
}
#colum28 img{
transition: all 0.5s ease-out;
}
#colum28 li:nth-child(1){
	width:100%;
	text-align:center;
	margin:0 auto;
	float:none;

}
#colum28 li:nth-child(1) img{
	width:60%;
}


#colum28 li:nth-child(2){
width:50%;
color:#fff;
	margin:0;
	padding:0.5em 2em 0.5em 1em;
background:#fca90a;
font-size:80%;
font-weight:bold;
/*border-radius: 5px;*/	
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
/*border-bottom:5px solid #ed9306;*/
border-left:1px solid #ed9306;
border-right:1px solid #ed9306;
text-align: center;
/*box-sizing: border-box;
box-shadow: 1px 1px  1px rgba(255,255,255,1) inset;*/
transition: all 0.5s ease-out;

position: relative;
	  overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
#colum28 li:nth-child(2) br{
display: none;
} 
#colum28 li:nth-child(2) a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
#colum28 li:nth-child(2) a:link {
color:#fff;
background:#fca90a;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
/*border-bottom:5px solid #ed9306;*/
text-decoration: none;
	padding:0.5em auto;
	width:100%;
}

#colum28 li:nth-child(2) a:hover {
color:#fff;
background:#fca90a;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
/*border-bottom:5px solid #ed9306;*/
text-decoration: none;
opacity:0.5;
}

#colum28 li:nth-child(2) a:visited {
color:#fff;
background:#fca90a;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
/*border-bottom:5px solid #ed9306;*/
text-decoration: none;
}
#colum28 li:nth-child(2) img{
	width:25px;
	margin: 0 auto 0 auto;
	padding:0;
	display: block;
}
#colum28 li:nth-child(2):hover {
opacity:0.5;
}	
#colum28 li:nth-child(3){
width:50%;
color:#fff;
	margin:0;
	padding:0.5em 2em 0.5em 1em;
background:#fca90a;
font-size:80%;
font-weight:bold;
/*border-radius: 5px;*/	
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
/*border-bottom:5px solid #ed9306;*/
border-left:1px solid #ed9306;
border-right:1px solid #ed9306;
text-align: center;
/*box-sizing: border-box;
box-shadow: 1px 1px  1px rgba(255,255,255,1) inset;*/
transition: all 0.5s ease-out;

position: relative;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
float:right;
 
#colum28 li:nth-child(3) a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
#colum28 li:nth-child(3) a:link {
color:#fff;
background:#fca90a;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
/*border-bottom:5px solid #ed9306;*/
text-decoration: none;
	padding:0.5em auto;
	width:100%;
}

#colum28 li:nth-child(3) a:hover {
color:#fff;
background:#fca90a;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
/*border-bottom:5px solid #ed9306;*/
text-decoration: none;
opacity:0.5;
}

#colum28 li:nth-child(3) a:visited {
color:#fff;
background:#fca90a;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
/*border-bottom:5px solid #ed9306;*/
text-decoration: none;
}
#colum28 li:nth-child(3) img{
	width:25px;
	margin: 0 auto 0 auto;
	padding:0;
	display: block;
}
#colum28 li:nth-child(3):hover {
opacity:0.5;
}


#colum28 li:nth-child(4){
width:33%;
color:#fff;
	margin:0;
	padding:0.5em 2em 0.5em 1em;
background:#fca90a;
font-size:80%;
font-weight:bold;
/*border-radius: 5px;*/	
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
/*border-bottom:5px solid #ed9306;*/
border-left:1px solid #ed9306;
border-right:1px solid #ed9306;
text-align: center;
/*box-sizing: border-box;
box-shadow: 1px 1px  1px rgba(255,255,255,1) inset;*/
transition: all 0.5s ease-out;

position: relative;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
float:right;
 
#colum28 li:nth-child(4) a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
}
#colum28 li:nth-child(4) a:link {
color:#fff;
background:#fca90a;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
/*border-bottom:5px solid #ed9306;*/
text-decoration: none;
	padding:0.5em auto;
	width:100%;
}

#colum28 li:nth-child(4) a:hover {
color:#fff;
background:#fca90a;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
/*border-bottom:5px solid #ed9306;*/
text-decoration: none;
opacity:0.5;
}

#colum28 li:nth-child(4) a:visited {
color:#fff;
background:#fca90a;
text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
/*border-bottom:5px solid #ed9306;*/
text-decoration: none;
}
#colum28 li:nth-child(4) img{
	width:25px;
	margin: 0 auto 0 auto;
	padding:0;
	display: block;
}
#colum28 li:nth-child(4):hover {
opacity:0.5;
}
#colum28 li:nth-child(5){
display:none;
}
#colum28 li:nth-child(6){
display:none;
}
}
/*----------------logo2列*/

/*------------------------bigtitle*/
#colum29{
display:block;
width:100%;
margin:0 auto;
padding:0.5em 0;
background-color:#00b3d6;
color:#fff462;


}
#colum29:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

.colum29-box{
display:block;
width:95%;
margin:0 auto;
padding:0;
font-size:120%;
line-height:1.5;
}
.colum29-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}
#colum29 h1{
text-align:center;
display: block;
width:95%;
margin:0 auto 0.5em auto;
padding:0 auto;
font-size:200%;
text-shadow: 2px 2px 2px rgba(0,0,0,0.5);

}
#colum29 h2{
text-align:center;
display:table;
width:auto;
font-size:120%;
text-shadow: 0px 0px 0px rgba(0,0,0,0.5);
color:#e85298;
	border:1px solid #e85298;/*color:#fff462;*/
	margin:0.5em auto;
	padding:0.2em 0.5em ;
	background:#fff;
	font-weight: normal;
}
#colum29 small{
font-size:150%;
}
#colum29 br{
display: block;
}
.bg-yellow{
background-color: #fffbc4;
}
.bg-blue3{
background-color: #d7fbff;
}
.red3{
color: #f77398;
}
.red4{
color: #f04796;
}
.bg-red4{
background-color: #fff0f7;
	width:auto;
	display: inline-block;
	padding:0.25em;
	border:solid 1px #f04796;
}
.colum29-box2{
display:inline-block;
width:100%;
margin:0 auto;
padding:0;
font-size:110%;
line-height:1.5;
	
	text-align: center;
	background-color:#fff462;
color:#00b3d6;


padding:0.5em;
	margin:0.25em auto;
	font-size:90%;
	display: block;
	text-shadow: 0px 0px 0px;
	font-weight: normal;
}
.colum29-box2:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;

}
@media screen and (max-width: 768px){
#colum29 h1{
text-align:center;
display: block;
width:95%;
marign:0 auto;
padding:0.5em auto;
font-size:180%;
text-shadow: 2px 2px 2px rgba(0,0,0,0.5);
}
#colum29 h2{

font-size:100%;

}
#colum29 small{
font-size:120%;
}
#colum29 br{
display: block;
}
.colum29-box2{
display:block;
width:auto;
margin:0 auto;
padding:0;
font-size:80%;
line-height:1.5;
	
	text-align: center;
	background-color:#fff462;
color:#00b3d6;


padding:0.5em;
	margin:0.25em auto;
	font-size:90%;
	display: block;
	text-shadow: 0px 0px 0px;
	font-weight: normal;
}
}
@media screen and (max-width: 600px){
.colum29-box{
display:block;
width:95%;
margin:0 auto;
padding:0 0;
font-size:110%;
line-height:1.5;
}
.colum29-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}
#colum29 h1{
text-align:center;
display: block;
width:95%;
marign:0 auto;
padding:0 auto;
font-size:130%;
text-shadow: 2px 2px 2px rgba(0,0,0,0.5);

}
#colum29 h2{

font-size:90%;

}
#colum29 small{
font-size:100%;
}
	
.colum29-box2{
display:inline-block;
width:auto;
margin:0 auto;
padding:0;
font-size:50%;
line-height:1.5;
	
	text-align: center;
	background-color:#fff462;
color:#00b3d6;


padding:0.5em;
	margin:0.25em auto;
	font-size:70%;
	display: block;
	text-shadow: 0px 0px 0px;
	font-weight: normal;
}
	.colum29-box2 br{
	display: none;
	}
}
/*------------------------bigtitle*/

/*---------setumei---------*/
#colum30{
text-align:left;
display: block;
margin:1vh auto;
	padding:0;
width:100%;
font-size:100%;
background-image:url(../images/b9.jpg);
background-size:70%;/*cover*/
background-repeat:no-repeat;
background-position:right;
}
#colum30:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}
#colum30 strong{
background-color:#fffbc4;
font-size:100%;	
color:#3e3a39;
}
.colum30-box{
display: block;
margin:0 auto;
	padding:0;
width:96%;
clear:both;
color:#424242;
}
.colum30-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}


.colum30-left{
margin:0;
padding:0;
width:66%;
color:#424242;
box-sizing: border-box;
float:left;
}
.colum30-right{
margin:0;
padding:0;
width:40%;
color:#424242;
box-sizing: border-box;
float:left;
}
.colum30-right img{
width:100%;
float:right;
margin:0;
padding:0;
}


#colum30 .colum30-left h2{
padding: 0;/*0.4em 1em文字の上下 左右の余白*/
	maring:0;
color: #e62e8b;/*文字色*/
/*border-left: solid 5px #00b3d6;左線*/
font-size:180%;
text-align:center;

}
#colum30 .colum30-left h3{
	color:#363636;
font-size:120%;
font-weight:normal;
text-align:center;
width:90%;
	margin:0.5em auto;
	padding:0.25em;
	border-top: 1px solid #00b3d6;
border-bottom: 1px solid #00b3d6;
}

#colum30 img{
width:92%;
}
#colum30 p{
width:90%;/*width:96%;*/
display:block;
line-height:1.5;
margin:0 auto;
}
#colum30 a:link{
color:#00b3d6;
text-decoration:underline;
}
#colum30 a:visited{
color:#00b3d6;
text-decoration:underline;
}
#colum30 a:hover{
color:#595858;
text-decoration:underline;
}

@media screen and (max-width: 768px){
#colum30{
text-align:left;
display: block;
margin:1vh auto;
width:100%;
float:left;
font-size:100%;
background-image:url(../images/b2.jpg);
background-size:70%;/*cover*/
background-repeat:no-repeat;
background-position:right;
}
#colum30:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}
.colum30-box{
display: block;
margin:0 auto;
width:96%;
clear:both;
color:#424242;
}
.colum30-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

#colum30 .colum30-left h2{
padding: 0.4em 1em;/*文字の上下 左右の余白*/
color: #e62e8b;/*文字色*/
/*border-left: solid 5px #00b3d6;左線*/
font-size:160%;
text-align:center;
}
#colum30 .colum30-left h3{
	color:#363636;
font-size:100%;
font-weight:normal;

}
#colum30 p{
width:90%;
margin:0 auto;
display:block;
line-height:1.5;

}
	
.colum30-left{
margin:0 auto;
padding:0;
width:96%;
color:#424242;
box-sizing: border-box;
float:left;
}
.colum30-right{
margin:0;
padding:0;
width:40%;
color:#424242;
box-sizing: border-box;
float:left;
display: none;
}
.colum30-right img{
width:100%;
float:right;
margin:0;
padding:0;
}
}

@media screen and (max-width: 600px){
#colum30{
text-align:left;
display: block;
margin:1vh auto;
	padding:0;
width:100%;
float:left;
font-size:90%;
}
#colum30:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}
.colum30-box{
display: block;
margin:0 auto;
	padding:0;
width:96%;
clear:both;
color:#424242;
}
.colum30-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

#colum30 h2{
padding: 0.4em 1em;/*文字の上下 左右の余白*/
color: #e62e8b;/*文字色*/
/*border-left: solid 5px #00b3d6;左線*/
font-size:180%;
text-align:center;
}
#colum30 h3{
	color:#363636;
font-size:100%;
font-weight:normal;
	border-top: 1px solid #00b3d6;
border-bottom: 1px solid #00b3d6;
}
#colum30 img{
width:100%;
}
#colum30 p{
width:90%;
margin:0 auto;
display:block;
line-height:1.5;

}
}
/*---------setumei---------*/


/*----------------------table仕様*/
.spec7{
  width:100%;
  border-spacing: 0;
  margin:0vh auto 5vh auto;
  font-size:110%;
padding:0;
background-color: #fff;


}


/*-------ribbon*/


.spec7 .ribbon15-wrapper {  
  display: block;
  position: relative;
  box-sizing: border-box;
  }


.spec7 .ribbon15 {  
  display: inline-block;
  position: absolute;
  top: 22px;
  right: 15px;
  margin: 0;
  padding: 10px 0;
  z-index: 0;
  width: 40px;
  text-align: center;
  color: white;
  font-size: 80%;
  background-color:#f86a80;
  border-radius: 2px 0 0 0;
    text-shadow:1px 1px 1px rgba(0, 0, 0, 0.65);
  }

.spec7 .ribbon15:before {
  position: absolute;
  content: '';
  top: 0;
  right: -6px;
  border: none;
  border-bottom: solid 6px #df5f73;
  border-right: solid 6px transparent;
}
.spec7 .ribbon15:after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  height: 0;
  width: 0;
  border-left: 20px solid #f86a80;
  border-right: 20px solid #f86a80;
  border-bottom: 10px solid transparent;
}/*-------ribbon*/


.spec7 img{
width:25px;
box-sizing:border-box;
margin-right:0.5em;
vertical-align:middle;
}
.spec7 .bigphoto img{
display: :block;
	width:100%;
}
.spec7 td{
  color:#424242;
}

.spec7 caption{
color:#fff;
font-weight:bold;
text-align: left;
padding:0.5em;
background-color: #00b3d6;
/*border: 1px solid #00b3d6;*/
margin-bottom:0.5em;
}
.spec7 caption br{
display:none;
}
.spec7 th {
padding:0.5em;
  font-weight: bold;

  
border-bottom:1px solid #00b3d6;
  text-align:left;
color:#424242;/*color:#0089a3*/
background-color:#fffbc4;/*#dbeff7*/

width:30%;
}

.spec7 tr td {
   padding: 0.5em;
border-bottom:1px solid #00b3d6;
  
  text-align: left;
}


.spec7 tr:nth-child(2n+1) {
background-color: #fff;
}


.spec7 a:link{
color:#00b3d6;
text-decoration:underline;
}
.spec7 a:visited{
color:#00b3d6;
text-decoration:underline;
}
.spec7 a:hover{
color:#2882d2;
text-decoration:none;
}
.spec7 small{
border-radius: 5px;
background-color:#2882d2;
color:#fff;
padding:0.25em;
}

.spec7 h5{
background-color:#2882d2;
color:#fff;
border-radius:5px;
font-size:60%;
display:inline-block;
padding:0.25em;
vertical-align:middle;
margin-left:1em;

letter-spacing:0.2em;
}
.spec7 h6{
background-color:#00b3d6;
color:#fff;
border-radius:5px;
font-size:60%;
display:inline-block;
padding:0.25em;
vertical-align:middle;
margin-left:1em;

letter-spacing:0.2em;
}
.spec7 strong{
	border-left: 5px solid #00b3d6;
	padding:0.4em 1em;
}
.spec7 p{
display:block;
width:92%;
margin:0.2em 4% 1em 4%;
}
.spec7 .red{
color:#e85298;
}
.spec7 .price{
font-size:150%;

}
@media screen and (max-width: 768px){
.spec7{
  width:100%;
  border-spacing: 0;
  margin:5vh auto;
  font-size:110%;
padding:0;
background-color: #fff;
}
.spec7 caption br{
display:block;
}
.spec7 td{
  color:#424242;
  
    width:100%;
  display:block;
}


.spec7 th {
padding:0.5em;
  font-weight: bold;

  
  border-bottom:1px solid #4b89c1;
  text-align:left;
  color:#424242;
  
  
    width:95%;
  display:block;
}

.spec7 tr td {
   padding: 0.5em;
border-bottom:1px solid #4b89c1;
  
  text-align: left;
  width:95%;

}


.spec7 tr:nth-child(2n+1) {
background-color: #fff;
width:95%;
}


.spec7 a:link{
color:#00b3d6;
text-decoration:underline;
}
.spec7 a:visited{
color:#00b3d6;
text-decoration:underline;
}
.spec7 a:hover{
color:#2882d2;
text-decoration:none;
}
.spec7 small{
border-radius: 5px;
background-color:#2882d2;
color:#fff;
padding:0.25em;
}

.spec7 h5{
background-color:#2882d2;
color:#fff;
border-radius:5px;
font-size:60%;
display:inline-block;
padding:0.25em;
vertical-align:middle;
margin-left:1em;

letter-spacing:0.2em;
}
.spec7 h6{
background-color:#00b3d6;
color:#fff;
border-radius:5px;
font-size:60%;
display:inline-block;
padding:0.25em;
vertical-align:middle;
margin-left:1em;

letter-spacing:0.2em;
}

}
/*----------------------table仕様*/


/*---------3列特徴---------*/
#colum31{
text-align:center;
display: block;
margin:4vh auto;
width:96%;
clear:both;
font-size:100%;

	/*中央寄せ*/
display: flex;
justify-content: center;	
/*中央寄せ*/
}
#colum31:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}


.colum31-box{

display: block;
margin:0px auto;
width:100%;
clear:both;
color:#424242;
}
.colum31-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

.colum31-box p{
width:96%;
margin:0 2%;

}



#colum31 figure{
box-sizing:border-box;
color:#fff;
}
#colum31 figure img{
width:100%;
margin:1% auto 0 auto;
display:block;
}
#colum31 figure p{
width:90%;
margin:0 5%;
padding:0 0 1em 0;
font-size:80%;
text-align:center;
line-height:1.5;
}
#colum31 figure br{
display:block;
}
#colum31 figcaption{
}
#colum31 figure .red{
color:#e85298;
}


#colum31 figure:nth-child(1){
width:49%;
margin:1% 0% 3vh 1%;
float:left;
background:#eb6ea5;
border-radius:5px;
}
#colum31 figure:nth-child(1) img, #colum31 figure:nth-child(2) img, #colum31 figure:nth-child(3) img{
width:30%;
margin:1vh auto;
display:block;
}
#colum31 figure:nth-child(3){
width:31%;
margin:1% 1% 3vh 1%;
float:right;
background:#007bc7;
border-radius:5px;
}

#colum31 figure:nth-child(2){
width:49%;
margin:1% 1% 3vh 0%;
float:right;
background:#6cbb5a;
border-radius:5px;
}

#colum31 h2{
padding: 0.4em 1em;/*文字の上下 左右の余白*/
color: #272727;/*文字色*/
border-left: solid 5px #00b3d6;/*左線*/
font-size:160%;
text-align:left;
}


@media screen and (max-width: 768px){
#colum31{
text-align:center;
display: block;
/*margin:5vh auto;*/margin:4vh auto;
width:96%;
clear:both;
font-size:100%;
	/*中央寄せ*/
display: flex;
justify-content: center;	
/*中央寄せ*/
}
#colum31:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}


.colum31-box{

display: block;
margin:0px auto;
width:100%;
clear:both;
color:#424242;
}
.colum31-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

.colum31-box p{
width:96%;
margin:0 2%;

}



#colum31 figure{
box-sizing:border-box;
color:#fff;
border-radius:1px;
}
#colum31 figure img{
width:100%;
margin:1% auto 0 auto;
display:block;
}
#colum31 figure p{
display:block;
width:90%;
margin:0 5%;
text-align:center;
line-height:1.5;
padding:0;
}
#colum31 figure br{
display:block;
}
#colum31 figcaption{
margin:1% auto;
}
#colum31 figure .red{
color:#e85298;
}


#colum31 figure:nth-child(1){
width:49%;
margin:1% 0% 3vh 1%;
float:left;
background:#eb6ea5;
border-radius:5px;
}
#colum31 figure:nth-child(1) img, #colum31 figure:nth-child(2) img, #colum31 figure:nth-child(3) img{
width:30%;
margin:1vh auto;
display:block;
}
#colum31 figure:nth-child(3){
width:31%;
margin:1% 1% 3vh 1%;
float:right;
background:#007bc7;
border-radius:5px;
}

#colum31 figure:nth-child(2){
width:49%;
margin:1% 1% 3vh 0%;
float:right;
background:#6cbb5a;
border-radius:5px;
}

#colum31 h2{
padding: 0.4em 1em;/*文字の上下 左右の余白*/
color: #272727;/*文字色*/
border-left: solid 5px #00b3d6;/*左線*/
font-size:160%;
text-align:left;
}


#colum31 h2 br{
display:none;
}
}
@media screen and (max-width: 600px){
#colum31{
text-align:center;
display: block;
/*margin:5vh auto;*/margin:0 auto;
width:96%;
clear:both;
font-size:100%;
	/*中央寄せ*/
display: flex;
justify-content: center;	
/*中央寄せ*/
}
#colum31:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}


.colum31-box{

display: block;
margin:0px auto;
width:100%;
clear:both;
color:#424242;
}
.colum31-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

.colum31-box p{
width:96%;
margin:0 2%;

}



#colum31 figure{
box-sizing:border-box;
border-radius:1px;
color:#fff;
	font-size:50%;
}
#colum31 figure img{
width:100%;
margin:1% auto 0 auto;
display:block;
}
#colum31 figure p{
width:90%;
margin:0 5%;
padding:0.5em 0;
text-align:center;
line-height:1.5;
}
#colum31 figure br{
display:block;
}
#colum31 figcaption{
}
#colum31 figure .red{
color:#e85298;
}


#colum31 figure:nth-child(1){
width:49%;
margin:5% 0% 3vh 1%;
float:left;
background:#eb6ea5;
border-radius:5px;
}
#colum31 figure:nth-child(1) img, #colum31 figure:nth-child(2) img, #colum31 figure:nth-child(3) img{
width:50%;
margin:1vh auto;
display:block;
}
#colum31 figure:nth-child(3){
width:31%;
margin:5% 1% 3vh 1%;
float:right;
background:#007bc7;
border-radius:5px;
}

#colum31 figure:nth-child(2){
width:49%;
margin:5% 1% 3vh 0%;
float:right;
background:#6cbb5a;
border-radius:5px;
}
#colum31 h2{
padding: 0.4em 1em;/*文字の上下 左右の余白*/
color: #272727;/*文字色*/
border-left: solid 5px #00b3d6;/*左線*/
font-size:160%;
text-align:left;
}

#colum31 h2 br{
display:none;
}
}


/*---------3列特徴---------*/

/*---------setumei2---------*/
#colum35{
text-align:left;
display: block;
margin:0 auto;
	padding:5vh 0;
width:80%;/*width:100%;*/
font-size:100%;
background-image:url(../images/b8.jpg);
background-size:50%;/*cover*/
background-repeat:no-repeat;
background-position:right;
}
#colum35:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}
#colum35 strong{
background-color:#fffbc4;
font-size:100%;	
color:#3e3a39;
}
.colum35-box{
display: block;
margin:0 auto;
	padding:0;
width:96%;
clear:both;
color:#424242;
}
.colum35-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}


.colum35-left{
margin:0;
padding:0;
width:auto;/*width:66%;*/
color:#424242;
box-sizing: border-box;
float:left;
}
.colum35-right{
margin:0;
padding:0;
width:40%;
color:#424242;
box-sizing: border-box;
float:left;
}
.colum35-right img{
width:100%;
float:right;
margin:0;
padding:0;
}






#colum35 h2{
padding: 0;/*0.4em 1em文字の上下 左右の余白*/
	maring:0;
color: #e62e8b;/*文字色*/
/*border-left: solid 5px #00b3d6;左線*/
font-size:180%;
text-align:center;
}
#colum35 h3{
	color:#363636;
font-size:110%;/*font-size:95%;*/
font-weight:normal;
text-align:left;
/*width:90%;*/
	margin:0.5em auto;
	padding:0.5em;
/*border-top: 1px solid #00b3d6;
border-bottom: 1px solid #00b3d6;*/
}

#colum35 img{
width:92%;
}
#colum35 p{
width:90%;/*width:96%;*/
display:block;
line-height:1.5;
margin:0 auto;
}
#colum35 a:link{
color:#00b3d6;
text-decoration:underline;
}
#colum35 a:visited{
color:#00b3d6;
text-decoration:underline;
}
#colum35 a:hover{
color:#595858;
text-decoration:underline;
}
.colum35-left .red{
font-size:150%;
}
@media screen and (max-width: 768px){
#colum35{
text-align:left;
display: block;
margin:0vh auto;
	padding:1vh 0;
width:100%;
float:left;
font-size:100%;
background-image:url(../images/b8.jpg);
background-size:75%;/*cover*/
background-repeat:no-repeat;
background-position:right;
}
#colum35:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}
.colum35-box{
display: block;
margin:0 auto;
width:96%;
clear:both;
color:#424242;
}
.colum35-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

#colum35 h2{
padding: 0.4em 1em;/*文字の上下 左右の余白*/
color: #e62e8b;/*文字色*/
/*border-left: solid 5px #00b3d6;左線*/
font-size:160%;
text-align:center;
}
#colum35 h3{
	color:#363636;
font-size:85%;
font-weight:normal;

}
#colum35 p{
width:90%;
margin:0 auto;
display:block;
line-height:1.5;

}
	
.colum35-left{
margin:0 auto;
padding:0;
width:65%;
color:#424242;
box-sizing: border-box;
float:left;
}
.colum35-right{
margin:0;
padding:0;
width:40%;
color:#424242;
box-sizing: border-box;
float:left;
display: none;
}
.colum35-right img{
width:100%;
float:right;
margin:0;
padding:0;
}
	
.colum35-left .red{
font-size:120%;
}
}

@media screen and (max-width: 600px){
#colum35{
text-align:left;
display: block;
margin:0 auto;
	padding:1vh 0;
width:100%;
float:left;
font-size:100%;
}	
	
#colum35:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}
.colum35-box{
display: block;
margin:0 auto;
width:96%;
clear:both;
color:#424242;
}
.colum35-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

#colum35 h2{
padding: 0.4em 1em;/*文字の上下 左右の余白*/
color: #e62e8b;/*文字色*/
/*border-left: solid 5px #00b3d6;左線*/
font-size:180%;
text-align:center;
}
#colum35 h3{
	color:#363636;
font-size:80%;
font-weight:normal;

}
#colum35 img{
width:100%;
}
#colum35 p{
width:90%;
margin:0 auto;
display:block;
line-height:1.5;

}
}
/*---------setumei2---------*/

/*---------bana-space---------*/
#colum36{
width:100%;
display: block;
clear: both;
margin:0 auto;
padding:0;
font-size:120%;
text-align:center;
}
#colum36:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}
.colum36-box{
display:flex;/*display: block;*/
clear:both;
margin:0 auto;
padding:0;
width:60%;/*width:96%;*/
color:#424242;
}
.colum36-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}


#colum36 img{
width:100%;
margin:1% auto;
padding:0;
display:block;
border:1px solid #ededed;
transition: all 0.5s ease-out;

}
#colum36 img:hover{
opacity:0.5;
}
@media screen and (max-width: 768px){
#colum36{
width:100%;
display: block;
clear: both;
margin:0 auto;
padding:0;
font-size:120%;
text-align:center;
}
#colum36:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}
.colum36-box{
display: block;
clear:both;
margin:0 auto;
padding:0;
width:96%;
color:#424242;
}
.colum36-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}


#colum36 img{
width:60%;
margin:1% auto;
padding:0;
display:block;
border:1px solid #ededed;
transition: all 0.5s ease-out;
}
}
@media screen and (max-width: 600px){
#colum36{
width:100%;
display: block;
clear: both;
margin:0 auto;
padding:0;
font-size:120%;
text-align:center;
}
#colum36:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}
.colum36-box{
display: block;
clear:both;
margin:0 auto;
padding:0;
width:96%;
color:#424242;
}
.colum36-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}


#colum36 img{
width:70%;
margin:1% auto;
padding:0;
display:block;
border:1px solid #ededed;
transition: all 0.5s ease-out;
}
}
/*---------bana-space---------*/

/*---------setumei---------*/
#colum37{
text-align:left;
display: block;
margin:1vh auto;
	padding:0;
width:100%;
font-size:100%;
background-image:url(../images/b10.jpg);
background-size:70%;/*cover*/
background-repeat:no-repeat;
background-position:right;
}
#colum37:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}
#colum37 strong{
background-color:#fffbc4;
font-size:100%;	
color:#3e3a39;
}
.colum37-box{
display: block;
margin:0 auto;
	padding:0;
width:96%;
clear:both;
color:#424242;
}
.colum37-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}


.colum37-left{
margin:0;
padding:0;
width:66%;
color:#424242;
box-sizing: border-box;
float:left;
}
.colum37-right{
margin:0;
padding:0;
width:40%;
color:#424242;
box-sizing: border-box;
float:left;
}
.colum37-right img{
width:100%;
float:right;
margin:0;
padding:0;
}


#colum37 .colum37-left h2{
padding: 0;/*0.4em 1em文字の上下 左右の余白*/
	maring:0;
color: #e62e8b;/*文字色*/
/*border-left: solid 5px #00b3d6;左線*/
font-size:180%;
text-align:center;

}
#colum37 .colum37-left h3{
	color:#363636;
font-size:120%;
font-weight:normal;
text-align:center;
width:90%;
	margin:0.5em auto;
	padding:0.25em;
	border-top: 1px solid #00b3d6;
border-bottom: 1px solid #00b3d6;
}

#colum37 img{
width:92%;
}
#colum37 p{
width:90%;/*width:96%;*/
display:block;
line-height:1.5;
margin:0 auto;
}
#colum37 a:link{
color:#00b3d6;
text-decoration:underline;
}
#colum37 a:visited{
color:#00b3d6;
text-decoration:underline;
}
#colum37 a:hover{
color:#595858;
text-decoration:underline;
}

@media screen and (max-width: 768px){
#colum37{
text-align:left;
display: block;
margin:1vh auto;
width:100%;
float:left;
font-size:100%;
background-image:url(../images/b2.jpg);
background-size:70%;/*cover*/
background-repeat:no-repeat;
background-position:right;
}
#colum37:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}
.colum37-box{
display: block;
margin:0 auto;
width:96%;
clear:both;
color:#424242;
}
.colum37-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

#colum37 .colum37-left h2{
padding: 0.4em 1em;/*文字の上下 左右の余白*/
color: #e62e8b;/*文字色*/
/*border-left: solid 5px #00b3d6;左線*/
font-size:160%;
text-align:center;
}
#colum37 .colum37-left h3{
	color:#363636;
font-size:100%;
font-weight:normal;

}
#colum37 p{
width:90%;
margin:0 auto;
display:block;
line-height:1.5;

}
	
.colum37-left{
margin:0 auto;
padding:0;
width:96%;
color:#424242;
box-sizing: border-box;
float:left;
}
.colum37-right{
margin:0;
padding:0;
width:40%;
color:#424242;
box-sizing: border-box;
float:left;
display: none;
}
.colum37-right img{
width:100%;
float:right;
margin:0;
padding:0;
}
}

@media screen and (max-width: 600px){
#colum37{
text-align:left;
display: block;
margin:1vh auto;
	padding:0;
width:100%;
float:left;
font-size:90%;
}
#colum37:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}
.colum37-box{
display: block;
margin:0 auto;
	padding:0;
width:96%;
clear:both;
color:#424242;
}
.colum37-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}

#colum37 h2{
padding: 0.4em 1em;/*文字の上下 左右の余白*/
color: #e62e8b;/*文字色*/
/*border-left: solid 5px #00b3d6;左線*/
font-size:180%;
text-align:center;
}
#colum37 h3{
	color:#363636;
font-size:100%;
font-weight:normal;
	border-top: 1px solid #00b3d6;
border-bottom: 1px solid #00b3d6;
}
#colum37 img{
width:100%;
}
#colum37 p{
width:90%;
margin:0 auto;
display:block;
line-height:1.5;

}
}
/*---------setumei---------*/


/*----------------------table仕様*/
.spec8{
  width:100%;
  border-spacing: 0;
  margin:0vh auto 5vh auto;
  font-size:80%;
padding:0;
background-color: #fff;

float:left;
}


/*-------ribbon*/


.spec8 .ribbon15-wrapper {  
  display: block;
  position: relative;
  box-sizing: border-box;
  }


.spec8 .ribbon15 {  
  display: inline-block;
  position: absolute;
  top: 22px;
  right: 15px;
  margin: 0;
  padding: 10px 0;
  z-index: 0;
  width: 40px;
  text-align: center;
  color: white;
  font-size: 80%;
  background-color:#f86a80;
  border-radius: 2px 0 0 0;
    text-shadow:1px 1px 1px rgba(0, 0, 0, 0.65);
  }

.spec8 .ribbon15:before {
  position: absolute;
  content: '';
  top: 0;
  right: -6px;
  border: none;
  border-bottom: solid 6px #df5f73;
  border-right: solid 6px transparent;
}
.spec8 .ribbon15:after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  height: 0;
  width: 0;
  border-left: 20px solid #f86a80;
  border-right: 20px solid #f86a80;
  border-bottom: 10px solid transparent;
}/*-------ribbon*/


.spec8 img{
width:20px;
box-sizing:border-box;
margin-right:0.25em;
vertical-align:middle;
}
.spec8 .bigphoto img{
display: :block;
	width:100%;
}
.spec8 td{
  color:#424242;
}

.spec8 caption{
color:#fff;
font-weight:bold;
text-align: left;
padding:0.5em;
background-color: #00b3d6;
/*border: 1px solid #00b3d6;*/
margin-bottom:0.5em;
font-size:130%;
}
.spec8 caption br{
display:none;
}
.spec8 th {
padding:0.5em;
  font-weight: bold;

  
border-bottom:1px solid #00b3d6;
  text-align:left;
color:#424242;/*color:#0089a3*/
background-color:#fffbc4;/*#dbeff7*/

width:20%;
}

.spec8 tr td {
   padding: 0.5em;
border-bottom:1px solid #00b3d6;
  
  text-align: left;
}


.spec8 tr:nth-child(2n+1) {
background-color: #fff;
}


.spec8 a:link{
color:#00b3d6;
text-decoration:underline;
}
.spec8 a:visited{
color:#00b3d6;
text-decoration:underline;
}
.spec8 a:hover{
color:#2882d2;
text-decoration:none;
}
.spec8 small{
border-radius: 5px;
background-color:#2882d2;
color:#fff;
padding:0.25em;
}

.spec8 h5{
background-color:#2882d2;
color:#fff;
border-radius:5px;
font-size:60%;
display:inline-block;
padding:0.25em;
vertical-align:middle;
margin-left:1em;

letter-spacing:0.2em;
}
.spec8 h6{
background-color:#00b3d6;
color:#fff;
border-radius:5px;
font-size:60%;
display:inline-block;
padding:0.25em;
vertical-align:middle;
margin-left:1em;

letter-spacing:0.2em;
}
.spec8 strong{
	border-left: 5px solid #00b3d6;
	padding:0.4em 1em;
}
.spec8 p{
display:block;
width:92%;
margin:0.2em 4% 1em 4%;
}
.spec8 .red{
color:#e85298;
}
.spec8 .price{
font-size:150%;

}
@media screen and (max-width: 768px){
.spec8{
  width:100%;
  border-spacing: 0;
  margin:2vh auto;
  font-size:80%;/*font-size:95%;*/
padding:0;
background-color: #fff;
}
.spec8 caption{
font-size:120%;
text-align: center;
	}
.spec8 caption br{
display:block;
}
.spec8 td{
  color:#424242;
  
    width:100%;
  display:block;
}


.spec8 th {
padding:0.5em;
  font-weight: bold;

  
  border-bottom:1px solid #4b89c1;
  text-align:left;
  color:#424242;
  
  
    width:95%;
  display:block;
}

.spec8 tr td {
   padding: 0.5em;
border-bottom:1px solid #4b89c1;
  
  text-align: left;
  width:95%;

}


.spec8 tr:nth-child(2n+1) {
background-color: #fff;
width:95%;
}


.spec8 a:link{
color:#00b3d6;
text-decoration:underline;
}
.spec8 a:visited{
color:#00b3d6;
text-decoration:underline;
}
.spec8 a:hover{
color:#2882d2;
text-decoration:none;
}
.spec8 small{
border-radius: 5px;
background-color:#2882d2;
color:#fff;
padding:0.25em;
}

.spec8 h5{
background-color:#2882d2;
color:#fff;
border-radius:5px;
font-size:60%;
display:inline-block;
padding:0.25em;
vertical-align:middle;
margin-left:1em;

letter-spacing:0.2em;
}
.spec8 h6{
background-color:#00b3d6;
color:#fff;
border-radius:5px;
font-size:60%;
display:inline-block;
padding:0.25em;
vertical-align:middle;
margin-left:1em;

letter-spacing:0.2em;
}

}
/*----------------------table仕様*/


/*----------------------table仕様*/
.spec9 {
  width:100%;/*width:54%;*/
  border-spacing: 0;
  margin:0vh auto 5vh 0%;/*margin:0vh auto 5vh 1%;*/
  font-size:80%;/*font-size:90%;*/
padding:0;
background-color: #fff;

float:left;
}


/*-------ribbon*/


.spec9 .ribbon15-wrapper {  
  display: block;
  position: relative;
  box-sizing: border-box;
  }


.spec9 .ribbon15 {  
  display: inline-block;
  position: absolute;
  top: 22px;
  right: 15px;
  margin: 0;
  padding: 10px 0;
  z-index: 0;
  width: 40px;
  text-align: center;
  color: white;
  font-size: 80%;
  background-color:#f86a80;
  border-radius: 2px 0 0 0;
    text-shadow:1px 1px 1px rgba(0, 0, 0, 0.65);
  }

.spec9 .ribbon15:before {
  position: absolute;
  content: '';
  top: 0;
  right: -6px;
  border: none;
  border-bottom: solid 6px #df5f73;
  border-right: solid 6px transparent;
}
.spec9 .ribbon15:after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  height: 0;
  width: 0;
  border-left: 20px solid #f86a80;
  border-right: 20px solid #f86a80;
  border-bottom: 10px solid transparent;
}/*-------ribbon*/


.spec9 img{
width:20px;
box-sizing:border-box;
margin-right:0.25em;
vertical-align:middle;
}
.spec9 .bigphoto img{
display: :block;
	width:100%;
}
.spec9 td{
  color:#424242;
}

.spec9 caption{
color:#fff;
font-weight:bold;
text-align: left;
padding:0.5em;
background-color: #63c0ab;
/*border: 1px solid #63c0ab;*/
margin-bottom:0.5em;
font-size:130%;
}
.spec9 caption br{
display:none;
}
.spec9 th {
padding:0.5em;
  font-weight: bold;

  
border-bottom:1px solid #63c0ab;
  text-align:left;
color:#424242;/*color:#0089a3*/
background-color:#def4ec;/*#dbeff7*/

width:20%;
}

.spec9 tr td {
   padding: 0.5em;
border-bottom:1px solid #63c0ab;
  
  text-align: left;
}


.spec9 tr:nth-child(2n+1) {
background-color: #fff;
}


.spec9 a:link{
color:#63c0ab;
text-decoration:underline;
}
.spec9 a:visited{
color:#63c0ab;
text-decoration:underline;
}
.spec9 a:hover{
color:#2882d2;
text-decoration:none;
}
.spec9 small{
border-radius: 5px;
background-color:#2882d2;
color:#fff;
padding:0.25em;
}

.spec9 h5{
background-color:#2882d2;
color:#fff;
border-radius:5px;
font-size:60%;
display:inline-block;
padding:0.25em;
vertical-align:middle;
margin-left:1em;

letter-spacing:0.2em;
}
.spec9 h6{
background-color:#63c0ab;
color:#fff;
border-radius:5px;
font-size:60%;
display:inline-block;
padding:0.25em;
vertical-align:middle;
margin-left:1em;

letter-spacing:0.2em;
}
.spec9 strong{
	border-left: 5px solid #63c0ab;
	padding:0.4em 1em;
}
.spec9 p{
display:block;
width:92%;
margin:0.2em 4% 1em 4%;
}
.spec9 .red{
color:#e85298;
}
.spec9 .price{
font-size:120%;

}
@media screen and (max-width: 768px){
.spec9{
  width:100%;
  border-spacing: 0;
  margin:2vh auto;
  font-size:80%;/*font-size:95%;*/
padding:0;
background-color: #fff;
}
.spec9 caption{
font-size:120%;
text-align: center;
	}
.spec9 caption br{
display:block;
}
.spec9 td{
  color:#424242;
  
    width:100%;
  display:block;
}


.spec9 th {
padding:0.5em;
  font-weight: bold;

  
  border-bottom:1px solid #63c0ab;
  text-align:left;
  color:#424242;
  
  
    width:95%;
  display:block;
}

.spec9 tr td {
   padding: 0.5em;
border-bottom:1px solid #63c0ab;
  
  text-align: left;
  width:95%;

}


.spec9 tr:nth-child(2n+1) {
background-color: #fff;
width:95%;
}


.spec9 a:link{
color:#63c0ab;
text-decoration:underline;
}
.spec9 a:visited{
color:#63c0ab;
text-decoration:underline;
}
.spec9 a:hover{
color:#2882d2;
text-decoration:none;
}
.spec9 small{
border-radius: 5px;
background-color:#2882d2;
color:#fff;
padding:0.25em;
}

.spec9 h5{
background-color:#2882d2;
color:#fff;
border-radius:5px;
font-size:60%;
display:inline-block;
padding:0.25em;
vertical-align:middle;
margin-left:1em;

letter-spacing:0.2em;
}
.spec9 h6{
background-color:#63c0ab;
color:#fff;
border-radius:5px;
font-size:60%;
display:inline-block;
padding:0.25em;
vertical-align:middle;
margin-left:1em;

letter-spacing:0.2em;
}

}
/*----------------------table仕様*/


/*----------------------table仕様*/
.spec10 {
  width:100%;
  border-spacing: 0;
  margin:0vh auto 5vh auto;
  font-size:80%;
padding:0;
background-color: #fff;

float:left;
}


/*-------ribbon*/


.spec10 .ribbon15-wrapper {  
  display: block;
  position: relative;
  box-sizing: border-box;
  }


.spec10 .ribbon15 {  
  display: inline-block;
  position: absolute;
  top: 22px;
  right: 15px;
  margin: 0;
  padding: 10px 0;
  z-index: 0;
  width: 40px;
  text-align: center;
  color: white;
  font-size: 80%;
  background-color:#f86a80;
  border-radius: 2px 0 0 0;
    text-shadow:1px 1px 1px rgba(0, 0, 0, 0.65);
  }

.spec10 .ribbon15:before {
  position: absolute;
  content: '';
  top: 0;
  right: -6px;
  border: none;
  border-bottom: solid 6px #df5f73;
  border-right: solid 6px transparent;
}
.spec10 .ribbon15:after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  height: 0;
  width: 0;
  border-left: 20px solid #f86a80;
  border-right: 20px solid #f86a80;
  border-bottom: 10px solid transparent;
}/*-------ribbon*/


.spec10 img{
width:20px;
box-sizing:border-box;
margin-right:0.25em;
vertical-align:middle;
}
.spec10 .bigphoto img{
display: :block;
	width:100%;
}
.spec10 td{
  color:#424242;
}

.spec10 caption{
color:#fff;
font-weight:bold;
text-align: left;
padding:0.5em;
background-color: #4494d0;
/*border: 1px solid #4494d0;*/
margin-bottom:0.5em;
font-size:130%;
}
.spec10 caption br{
display:none;
}
.spec10 th {
padding:0.5em;
  font-weight: bold;

  
border-bottom:1px solid #4494d0;
  text-align:left;
color:#424242;/*color:#0089a3*/
background-color:#d2ebfd;/*#dbeff7*/

width:20%;
}

.spec10 tr td {
   padding: 0.5em;
border-bottom:1px solid #4494d0;
  
  text-align: left;
}


.spec10 tr:nth-child(2n+1) {
background-color: #fff;
}


.spec10 a:link{
color:#4494d0;
text-decoration:underline;
}
.spec10 a:visited{
color:#4494d0;
text-decoration:underline;
}
.spec10 a:hover{
color:#2882d2;
text-decoration:none;
}
.spec10 small{
border-radius: 5px;
background-color:#2882d2;
color:#fff;
padding:0.25em;
}

.spec10 h5{
background-color:#2882d2;
color:#fff;
border-radius:5px;
font-size:60%;
display:inline-block;
padding:0.25em;
vertical-align:middle;
margin-left:1em;

letter-spacing:0.2em;
}
.spec10 h6{
background-color:#4494d0;
color:#fff;
border-radius:5px;
font-size:60%;
display:inline-block;
padding:0.25em;
vertical-align:middle;
margin-left:1em;

letter-spacing:0.2em;
}
.spec10 strong{
	border-left: 5px solid #4494d0;
	padding:0.4em 1em;
}
.spec10 p{
display:block;
width:92%;
margin:0.2em 4% 1em 4%;
}
.spec10 .red{
color:#e85298;
}
.spec10 .price{
font-size:120%;

}
@media screen and (max-width: 768px){
.spec10{
  width:100%;
  border-spacing: 0;
  margin:0vh auto 2vh auto;
font-size:80%;/*font-size:95%;*/
padding:0;
background-color: #fff;
}
.spec10 caption{
font-size:120%;
text-align: center;
	}
.spec10 caption br{
display:block;
}
.spec10 td{
  color:#424242;
  
    width:100%;
  display:block;
}


.spec10 th {
padding:0.5em;
  font-weight: bold;

  
  border-bottom:1px solid #4b89c1;
  text-align:left;
  color:#424242;
  
  
    width:95%;
  display:block;
}

.spec10 tr td {
   padding: 0.5em;
border-bottom:1px solid #4b89c1;
  
  text-align: left;
  width:95%;

}


.spec10 tr:nth-child(2n+1) {
background-color: #fff;
width:95%;
}


.spec10 a:link{
color:#4494d0;
text-decoration:underline;
}
.spec10 a:visited{
color:#4494d0;
text-decoration:underline;
}
.spec10 a:hover{
color:#2882d2;
text-decoration:none;
}
.spec10 small{
border-radius: 5px;
background-color:#2882d2;
color:#fff;
padding:0.25em;
}

.spec10 h5{
background-color:#2882d2;
color:#fff;
border-radius:5px;
font-size:60%;
display:inline-block;
padding:0.25em;
vertical-align:middle;
margin-left:1em;

letter-spacing:0.2em;
}
.spec10 h6{
background-color:#4494d0;
color:#fff;
border-radius:5px;
font-size:60%;
display:inline-block;
padding:0.25em;
vertical-align:middle;
margin-left:1em;

letter-spacing:0.2em;
}

}
/*----------------------table仕様*/


/*----------------------table仕様*/
.spec9-2 {
  width:100%;/*width:54%;*/
  border-spacing: 0;
  margin:0vh auto 5vh 0%;
  font-size:80%;
padding:0;
background-color: #fff;

float:left;
}


/*-------ribbon*/


.spec9-2 .ribbon15-wrapper {  
  display: block;
  position: relative;
  box-sizing: border-box;
  }


.spec9-2 .ribbon15 {  
  display: inline-block;
  position: absolute;
  top: 22px;
  right: 15px;
  margin: 0;
  padding: 10px 0;
  z-index: 0;
  width: 40px;
  text-align: center;
  color: white;
  font-size: 80%;
  background-color:#f86a80;
  border-radius: 2px 0 0 0;
    text-shadow:1px 1px 1px rgba(0, 0, 0, 0.65);
  }

.spec9-2 .ribbon15:before {
  position: absolute;
  content: '';
  top: 0;
  right: -6px;
  border: none;
  border-bottom: solid 6px #df5f73;
  border-right: solid 6px transparent;
}
.spec9-2 .ribbon15:after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  height: 0;
  width: 0;
  border-left: 20px solid #f86a80;
  border-right: 20px solid #f86a80;
  border-bottom: 10px solid transparent;
}/*-------ribbon*/


.spec9-2 img{
width:20px;
box-sizing:border-box;
margin-right:0.5em;
vertical-align:middle;
}
.spec9-2 .bigphoto img{
display: :block;
	width:100%;
}
.spec9-2 td{
  color:#424242;
}

.spec9-2 caption{
color:#fff;
font-weight:bold;
text-align: left;
padding:0.5em;
background-color: #63c0ab;
/*border: 1px solid #63c0ab;*/
margin-bottom:0.5em;
font-size:130%;
}
.spec9-2 caption br{
display:none;
}
.spec9-2 th {
padding:0.5em;
  font-weight: bold;

  
border-bottom:1px solid #63c0ab;
  text-align:left;
color:#424242;/*color:#0089a3*/
background-color:#def4ec;/*#dbeff7*/

width:30%;
}

.spec9-2 tr td {
   padding: 0.5em;
border-bottom:1px solid #63c0ab;
  
  text-align: left;
}


.spec9-2 tr:nth-child(2n+1) {
background-color: #fff;
}


.spec9-2 a:link{
color:#63c0ab;
text-decoration:underline;
}
.spec9-2 a:visited{
color:#63c0ab;
text-decoration:underline;
}
.spec9-2 a:hover{
color:#2882d2;
text-decoration:none;
}
.spec9-2 small{
border-radius: 5px;
background-color:#2882d2;
color:#fff;
padding:0.25em;
}

.spec9-2 h5{
background-color:#2882d2;
color:#fff;
border-radius:5px;
font-size:60%;
display:inline-block;
padding:0.25em;
vertical-align:middle;
margin-left:1em;

letter-spacing:0.2em;
}
.spec9-2 h6{
background-color:#63c0ab;
color:#fff;
border-radius:5px;
font-size:60%;
display:inline-block;
padding:0.25em;
vertical-align:middle;
margin-left:1em;

letter-spacing:0.2em;
}
.spec9-2 strong{
	border-left: 5px solid #63c0ab;
	padding:0.4em 1em;
}
.spec9-2 p{
display:block;
width:92%;
margin:0.2em 4% 1em 4%;
}
.spec9-2 .red{
color:#e85298;
}
.spec9-2 .price{
font-size:150%;

}
@media screen and (max-width: 768px){
.spec9-2{
  width:100%;
  border-spacing: 0;
  margin:5vh auto;
  font-size:95%;
padding:0;
background-color: #fff;
}
.spec9-2 caption{
font-size:120%;
text-align: center;
	}
.spec9-2 caption br{
display:block;
}
.spec9-2 td{
  color:#424242;
  
    width:100%;
  display:block;
}


.spec9-2 th {
padding:0.5em;
  font-weight: bold;

  
  border-bottom:1px solid #63c0ab;
  text-align:left;
  color:#424242;
  
  
    width:95%;
  display:block;
}

.spec9-2 tr td {
   padding: 0.5em;
border-bottom:1px solid #63c0ab;
  
  text-align: left;
  width:95%;

}


.spec9-2 tr:nth-child(2n+1) {
background-color: #fff;
width:95%;
}


.spec9-2 a:link{
color:#63c0ab;
text-decoration:underline;
}
.spec9-2 a:visited{
color:#63c0ab;
text-decoration:underline;
}
.spec9-2 a:hover{
color:#2882d2;
text-decoration:none;
}
.spec9-2 small{
border-radius: 5px;
background-color:#2882d2;
color:#fff;
padding:0.25em;
}

.spec9-2 h5{
background-color:#2882d2;
color:#fff;
border-radius:5px;
font-size:60%;
display:inline-block;
padding:0.25em;
vertical-align:middle;
margin-left:1em;

letter-spacing:0.2em;
}
.spec9-2 h6{
background-color:#63c0ab;
color:#fff;
border-radius:5px;
font-size:60%;
display:inline-block;
padding:0.25em;
vertical-align:middle;
margin-left:1em;

letter-spacing:0.2em;
}

}
/*----------------------table仕様*/



/*------------------------top*/
#colum32{
text-align:left;
display:block;
margin:0 auto;
padding:0;
width:100%;

clear:both;
font-size:120%;
color:#313030;
/*background: url("../images/bg.jpg");
 	  background-repeat: no-repeat;
    background-position: right center;
    background-size: 60%;*/
line-height:1.8;
	
background:#00b3d6;



z-index:2;
	display:flex;
	justify-content:center;
	align-items:center;
}
#colum32:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}


.colum32-box{
padding:5vh 0 0 0;
margin:0 auto;
width:90%;/*width:1100px;*/

}

.colum32-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}
.colum32-smallbox{
padding:5vh;
margin:0;
text-align:left;
	/*height:50vh;
width:100%;*/
	/*text-shadow: 2px 2px 2px rgba(255, 255, 255, 0.9);*/
/*float:left;*/
	

}

#colum32 .colum32-box .colum32-smallbox:nth-child(1){
width:60%;
margin:0 0 0 0%;
padding:0;
float:left;
}

/*#colum32 .colum32-box .colum32-smallbox img:nth-child(1){
width:100%;
margin:2vh 0 0 0;
padding:0;
}*/



#colum32 .colum32-box img:nth-child(2){
width:40%;
margin:0;
padding:0;
float:right;
	

}

#colum32 h2{
font-size:110%;

	color:#313030;
	line-height:1.8;/*line-height:1.8;*/
margin:0;
padding:0;
/*text-shadow:1px 1px 1px rgba(0,0,0,0.5);*/
background:#fff;
	display: inline-block;
padding:0.25em 0.5em;
}
#colum32 h2 strong{
font-size:120%;
margin:0;
padding:0;
	color:#e85298;
}
#colum32 h3{
font-size:110%;

	color:#313030;
	line-height:1.8;/*line-height:1.8;*/
margin:0;
padding:0;
/*text-shadow:1px 1px 1px rgba(0,0,0,0.5);*/
background:#fff;
}
#colum32 h3 strong{
font-size:120%;
margin:0;
padding:0;
	color:#e85298;
}
#colum32 p{
margin:1em 0;
}
#colum32 h1{
font-size:300%;
color:#fff462;/*color:#424242#302f2f;*/
line-height:1.5;/*line-height:1.8;*/
margin:0;
padding:0;
text-shadow:1px 1px 1px rgba(0,0,0,0.9);/**/

}

#colum32 h1 small{
font-family: "M PLUS Rounded 1c";
font-size:80%;	color:#fff462;
line-height:1;/*line-height:1.8;*/
margin:0.5em 0 0 0;
padding:0;
display: block;

}

#colum32 a:link{
color:#313030;
text-decoration:underline;
}
#colum32 a:visited{
color:#313030;
text-decoration:underline;
}
#colum32 a:hover{
color:#595858;
text-decoration:underline;
}
#colum32 a:hover{
	opacity:0.5;
transition: 1s;
}
/*------------------------top*/


/*------------------------top*/
#colum45{
text-align:left;
display:block;
margin:0 auto;
padding:0;
width:100%;
clear:both;
font-size:110%;
color:#00b3d6;
/*background-image:url(../images/bg53.jpg);*/
background-size:cover;
line-height:1.8;


z-index:2;
}
#colum45:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}


.colum45-box{
padding:5vh 0;
margin:0 auto;
width:1100px;

}

.colum45-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}
.colum45-smallbox{
padding:0;
margin:auto 0;
text-align:left;
width:50%;
float:left;
}

#colum45 .colum45-box .colum45-smallbox:nth-child(1){
width:60%;
float:right;
margin:1vh 0 0 0;
padding:0;
}

/*#colum45 .colum45-box .colum45-smallbox img:nth-child(1){
width:50%;
margin:2vh 0 0 0;
padding:0;
}*/



#colum45 .colum45-box img:nth-child(2){
width:30%;/*width:50%;*/
margin:0;
padding:0 0 0 5%;/*padding:0;*/
float:left;
}



#colum45 h4, #colum45 h5{
font-size:110%;

	color:#424242;
	line-height:1.5;/*line-height:1.8;*/
margin:0;
padding:0;
/*text-shadow:1px 1px 1px rgba(0,0,0,0.5);*/
}
#colum45 h4 strong, #colum45 h5 strong{
font-size:130%;
margin:1.5em 0 0 0;
padding:0;
display: block;
	width: 100%;
}
#colum45 p{
margin:1em 0;
}
#colum45 h1,#colum45 h2, #colum45 h3{
font-size:250%;
color:#424247;/*color:#302f2f;*/
ine-height:1.5;/*line-height:1.8;*/
margin:0;
padding:0;
/*text-shadow:1px 1px 1px rgba(0,0,0,0.9);*/
border-bottom: dotted #ea8db9 5px;
}

#colum45 h1 small,#colum45 h2 small,#colum45 h3 small{
font-family: "M PLUS Rounded 1c";
font-size:50%;	color:#4494d0;/*color:#b9a27f #31c5fc #302f2f;*/
line-height:1.5;/*line-height:1.8;*/
margin:0.25em 0;
padding:0.5em;
display: inline-block;


}
#colum45 .colum45-box h3 img{
width:1.8em;/*width:50%;*/
margin:0;
box-sizing: content-box;
float:left;
}

#colum45 a:link{
color: #424242;
text-decoration: none;
}
#colum45 a:hover{
	opacity:0.5;
transition: 1s;
}
@media screen and (max-width: 768px){
#colum45{
text-align:left;
display:block;
margin:0 auto;
padding:0;
width:100%;
clear:both;
font-size:110%;
color:#00b3d6;
/*background-image:url(../images/bg53.jpg);*/
background-size:cover;
line-height:1.8;


z-index:2;
}
#colum45:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}


.colum45-box{
padding:5vh 0;
margin:0 auto;
width:90%;

}

.colum45-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}
.colum45-smallbox{
padding:0;
margin:auto 0;
text-align:left;
width:100%;
float:left;
}

#colum45 .colum45-box .colum45-smallbox:nth-child(1){
width:100%;
float:right;
margin:1vh 0 0 0;
padding:0;
}

/*#colum45 .colum45-box .colum45-smallbox img:nth-child(1){
width:50%;
margin:2vh 0 0 0;
padding:0;
}*/



#colum45 .colum45-box img:nth-child(2){
width:70%;/*width:50%;*/
margin:0;
padding:1em 15% 0 15%;/*padding:0;*/
float:left;
}



#colum45 h4, #colum45 h5{
font-size:110%;

	color:#424242;
	line-height:1.5;/*line-height:1.8;*/
margin:0;
padding:0;
/*text-shadow:1px 1px 1px rgba(0,0,0,0.5);*/
}
#colum45 h4 strong, #colum45 h5 strong{
font-size:130%;
margin:1.5em 0 0 0;
padding:0;
display: block;
	width: 100%;
}
#colum45 p{
margin:1em 0;
}
#colum45 h1,#colum45 h2, #colum45 h3{
font-size:250%;
color:#424247;/*color:#302f2f;*/
ine-height:1.5;/*line-height:1.8;*/
margin:0;
padding:0;
/*text-shadow:1px 1px 1px rgba(0,0,0,0.9);*/
border-bottom: dotted #ea8db9 5px;
}

#colum45 h1 small,#colum45 h2 small,#colum45 h3 small{
font-family: "M PLUS Rounded 1c";
font-size:50%;	color:#4494d0;/*color:#b9a27f #31c5fc #302f2f;*/
line-height:1.5;/*line-height:1.8;*/
margin:0.25em 0;
padding:0.5em;
display: inline-block;


}
#colum45 .colum45-box h3 img{
width:1.8em;/*width:50%;*/
margin:0;
box-sizing: content-box;
float:left;
}

#colum45 a:link{
color: #424242;
text-decoration: none;
}
#colum45 a:hover{
	opacity:0.5;
transition: 1s;
}
}

@media screen and (max-width: 768px){
#colum45{
text-align:left;
display:block;
margin:0 auto;
padding:0;
width:100%;
clear:both;
font-size:90%;
color:#00b3d6;
/*background-image:url(../images/bg53.jpg);*/
background-size:cover;
line-height:1.8;


z-index:2;
}
#colum45:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}
}
/*------------------------top*/


#colum46{
text-align:left;
display:block;
margin:0 auto;
padding:0;
width:100%;
clear:both;
font-size:110%;
color:#00b3d6;
/*background-image:url(../images/bg53.jpg);*/
background-size:cover;
line-height:1.8;


z-index:2;
}
#colum46:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}


.colum46-box{
padding:5vh 0;
margin:0 auto;
width:1100px;

}

.colum46-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}
.colum46-smallbox{
padding:0;
margin:auto 0;
text-align:left;
width:50%;
float:left;
}

#colum46 .colum46-box .colum46-smallbox:nth-child(1){
width:60%;
float:left;
margin:1vh 0 0 0;
padding:0;
}

/*#colum46 .colum46-box .colum46-smallbox img:nth-child(1){
width:50%;
margin:2vh 0 0 0;
padding:0;
}*/



#colum46 .colum46-box img:nth-child(2){
width:30%;/*width:50%;*/
margin:0;
padding:0 5% 0 0;/*padding:0;*/
float:right;
}



#colum46 h4, #colum46 h5{
font-size:110%;

	color:#424242;
	line-height:1.5;/*line-height:1.8;*/
margin:0;
padding:0;
/*text-shadow:1px 1px 1px rgba(0,0,0,0.5);*/
}
#colum46 h4 strong, #colum46 h5 strong{
font-size:130%;
margin:1.5em 0 0 0;
padding:0;
display: block;
	width: 100%;
}
#colum46 p{
margin:1em 0;
}
#colum46 h1,#colum46 h2, #colum46 h3{
font-size:250%;
color:#424247;/*color:#302f2f;*/
ine-height:1.5;/*line-height:1.8;*/
margin:0;
padding:0;
/*text-shadow:1px 1px 1px rgba(0,0,0,0.9);*/
border-bottom: dotted #ea8db9 5px;
}

#colum46 h1 small,#colum46 h2 small,#colum46 h3 small{
font-family: "M PLUS Rounded 1c";
font-size:50%;	color:#4494d0;/*color:#b9a27f #31c5fc #302f2f;*/
line-height:1.5;/*line-height:1.8;*/
margin:0.25em 0;
padding:0.5em;
display: inline-block;


}
#colum46 .colum46-box h3 img,#colum46 .colum46-box h2 img{
width:1.8em;/*width:50%;*/
margin:0;
box-sizing: content-box;
float:left;
}

#colum46 a:link{
color: #424242;
text-decoration: none;
}
#colum46 a:hover{
	opacity:0.5;
transition: 1s;
}
@media screen and (max-width: 768px){
#colum46{
text-align:left;
display:block;
margin:0 auto;
padding:0;
width:100%;
clear:both;
font-size:110%;
color:#00b3d6;
/*background-image:url(../images/bg53.jpg);*/
background-size:cover;
line-height:1.8;


z-index:2;
}
#colum46:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}


.colum46-box{
padding:5vh 0;
margin:0 auto;
width:90%;

}

.colum46-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}
.colum46-smallbox{
padding:0;
margin:auto 0;
text-align:left;
width:100%;
float:left;
}

#colum46 .colum46-box .colum46-smallbox:nth-child(1){
width:100%;
float:left;
margin:1vh 0 0 0;
padding:0;
}

/*#colum46 .colum46-box .colum46-smallbox img:nth-child(1){
width:50%;
margin:2vh 0 0 0;
padding:0;
}*/



#colum46 .colum46-box img:nth-child(2){
width:70%;/*width:50%;*/
margin:0;
padding:1em 15% 0 15%;/*padding:0;*/
float:right;
}



#colum46 h4, #colum46 h5{
font-size:110%;

	color:#424242;
	line-height:1.5;/*line-height:1.8;*/
margin:0;
padding:0;
/*text-shadow:1px 1px 1px rgba(0,0,0,0.5);*/
}
#colum46 h4 strong, #colum46 h5 strong{
font-size:130%;
margin:1.5em 0 0 0;
padding:0;
display: block;
	width: 100%;
}
#colum46 p{
margin:1em 0;
}
#colum46 h1,#colum46 h2, #colum46 h3{
font-size:250%;
color:#424247;/*color:#302f2f;*/
ine-height:1.5;/*line-height:1.8;*/
margin:0;
padding:0;
/*text-shadow:1px 1px 1px rgba(0,0,0,0.9);*/
border-bottom: dotted #ea8db9 5px;
}

#colum46 h1 small,#colum46 h2 small,#colum46 h3 small{
font-family: "M PLUS Rounded 1c";
font-size:50%;	color:#4494d0;/*color:#b9a27f #31c5fc #302f2f;*/
line-height:1.5;/*line-height:1.8;*/
margin:0.25em 0;
padding:0.5em;
display: inline-block;


}
#colum46 .colum46-box h3 img{
width:1.8em;/*width:50%;*/
margin:0;
box-sizing: content-box;
float:left;
}

#colum46 a:link{
color: #424242;
text-decoration: none;
}
#colum46 a:hover{
	opacity:0.5;
transition: 1s;
}
}

@media screen and (max-width: 768px){
#colum46{
text-align:left;
display:block;
margin:0 auto;
padding:0;
width:100%;
clear:both;
font-size:90%;
color:#00b3d6;
/*background-image:url(../images/bg53.jpg);*/
background-size:cover;
line-height:1.8;


z-index:2;
}
#colum46:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}
}



/* その場で */
.fadeIn2{
animation-name:fadeInAnime;
animation-duration:1s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeInAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

/* 下から */

.fadeUp2{
animation-name:fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}

/* 上から */

.fadeDown2{
animation-name:fadeDownAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeDownAnime{
  from {
    opacity: 0;
	transform: translateY(-100px);
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}

/* 左から */

.fadeLeft2{
animation-name:fadeLeftAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeLeftAnime{
  from {
    opacity: 0;
	transform: translateX(-100px);
  }

  to {
    opacity: 1;
	transform: translateX(0);
  }
}

/* 右から */

.fadeRight2{
animation-name:fadeRightAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}

@keyframes fadeRightAnime{
  from {
    opacity: 0;
	transform: translateX(100px);
  }

  to {
    opacity: 1;
	transform: translateX(0);
  }
}



/*top------------*/

#colum50{
text-align:center;
display: block;
margin:0vh auto 2vh auto;
padding:0;
width:100%;

clear:both;
font-size:100%;
}
#colum50:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}
.colum50-box{
text-align:center;
display: block;
margin:0 auto;
padding:0 auto;
width:1100px;
clear:both;

}
.colum50-box:after {
    content: "";      /* ※Clearfix */
    clear: both;
    display: block;
}
#colum50 h1,#colum50 h2{
margin:0 auto;
padding:0  auto;
}
#colum50 img{
width:100%;
margin:0 auto;
padding:0  auto;
}
#colum50 img:nth-child(1){
display: block;
}
#colum50 img:nth-child(2){
display: none;
}
@media screen and (max-width: 768px){
#colum50{
text-align:center;
display: block;
margin:0vh auto 0vh auto;
	padding:0;
width:100%;
clear:both;
font-size:100%;

}
	.colum50-box{
text-align:center;
display: block;
margin:0 auto;
padding:0 auto;
width:100%;
clear:both;

}
#colum50 img{
width:100%;
}
}
@media screen and (max-width: 600px){
#colum50 img:nth-child(1){
display: none;
}
#colum50 img:nth-child(2){
display: block;
}
}
/*top------------*/


/*----------------------table仕様*/
.spec11 {
  width:100%;/*width:54%;*/
  border-spacing: 0;
  margin:0vh auto 5vh 0%;/*margin:0vh auto 5vh 1%;*/
  font-size:80%;
padding:0;
background-color: #fff;

float:left;
}


/*-------ribbon*/


.spec11 .ribbon15-wrapper {  
  display: block;
  position: relative;
  box-sizing: border-box;
  }


.spec11 .ribbon15 {  
  display: inline-block;
  position: absolute;
  top: 22px;
  right: 15px;
  margin: 0;
  padding: 10px 0;
  z-index: 0;
  width: 40px;
  text-align: center;
  color: white;
  font-size: 80%;
  background-color:#f86a80;
  border-radius: 2px 0 0 0;
    text-shadow:1px 1px 1px rgba(0, 0, 0, 0.65);
  }

.spec11 .ribbon15:before {
  position: absolute;
  content: '';
  top: 0;
  right: -6px;
  border: none;
  border-bottom: solid 6px #df5f73;
  border-right: solid 6px transparent;
}
.spec11 .ribbon15:after {
  content: '';
  position: absolute;
  left: 0;
  top: 100%;
  height: 0;
  width: 0;
  border-left: 20px solid #f86a80;
  border-right: 20px solid #f86a80;
  border-bottom: 10px solid transparent;
}/*-------ribbon*/


.spec11 img{
width:20px;
box-sizing:border-box;
margin-right:0.25em;
vertical-align:middle;
}
.spec11 .bigphoto img{
display: :block;
	width:100%;
}
.spec11 td{
  color:#424242;
}

.spec11 caption{
color:#fff;
font-weight:bold;
text-align: left;
padding:0.5em;
background-color: #bc95c4;/*#cca7ee*/
/*border: 1px solid #cca7ee;*/
margin-bottom:0.5em;
font-size:130%;
}
.spec11 caption br{
display:none;
}
.spec11 th {
padding:0.5em;
  font-weight: bold;

  
border-bottom:1px solid #bc95c4;
  text-align:left;
color:#424242;/*color:#0089a3*/
background-color:#efe4f0;/*#f0e6f9#dbeff7*/

width:20%;
}

.spec11 tr td {
   padding: 0.5em;
border-bottom:1px solid #bc95c4;
  
  text-align: left;
}


.spec11 tr:nth-child(2n+1) {
background-color: #fff;
}


.spec11 a:link{
color:#cca7ee;
text-decoration:underline;
}
.spec11 a:visited{
color:#cca7ee;
text-decoration:underline;
}
.spec11 a:hover{
color:#2882d2;
text-decoration:none;
}
.spec11 small{
border-radius: 5px;
background-color:#2882d2;
color:#fff;
padding:0.25em;
}

.spec11 h5{
background-color:#2882d2;
color:#fff;
border-radius:5px;
font-size:60%;
display:inline-block;
padding:0.25em;
vertical-align:middle;
margin-left:1em;

letter-spacing:0.2em;
}
.spec11 h6{
background-color:#cca7ee;
color:#fff;
border-radius:5px;
font-size:60%;
display:inline-block;
padding:0.25em;
vertical-align:middle;
margin-left:1em;

letter-spacing:0.2em;
}
.spec11 strong{
	border-left: 5px solid #cca7ee;
	padding:0.4em 1em;
}
.spec11 p{
display:block;
width:92%;
margin:0.2em 4% 1em 4%;
}
.spec11 .red{
color:#e85298;
}
.spec11 .price{
font-size:120%;

}
@media screen and (max-width: 768px){
.spec11{
  width:100%;
  border-spacing: 0;
  margin:2vh auto;
  font-size:80%;/*font-size:95%;*/
padding:0;
background-color: #fff;
}
.spec11 caption{
font-size:120%;
text-align: center;
	}
.spec11 caption br{
display:block;
}
.spec11 td{
  color:#424242;
  
    width:100%;
  display:block;
}


.spec11 th {
padding:0.5em;
  font-weight: bold;

  
  border-bottom:1px solid #bc95c4;
  text-align:left;
  color:#424242;
  
  
    width:95%;
  display:block;
}

.spec11 tr td {
   padding: 0.5em;
border-bottom:1px solid #bc95c4;
  
  text-align: left;
  width:95%;

}


.spec11 tr:nth-child(2n+1) {
background-color: #fff;
width:95%;
}


.spec11 a:link{
color:#bc95c4;
text-decoration:underline;
}
.spec11 a:visited{
color:#bc95c4;
text-decoration:underline;
}
.spec11 a:hover{
color:#2882d2;
text-decoration:none;
}
.spec11 small{
border-radius: 5px;
background-color:#2882d2;
color:#fff;
padding:0.25em;
}

.spec11 h5{
background-color:#2882d2;
color:#fff;
border-radius:5px;
font-size:60%;
display:inline-block;
padding:0.25em;
vertical-align:middle;
margin-left:1em;

letter-spacing:0.2em;
}
.spec11 h6{
background-color:#bc95c4;
color:#fff;
border-radius:5px;
font-size:60%;
display:inline-block;
padding:0.25em;
vertical-align:middle;
margin-left:1em;

letter-spacing:0.2em;
}

}
/*----------------------table仕様*/



/*-----------ボタン*/
.btn1{
	display:block;
	text-align: center;
	text-decoration: none;
width:25%;	
padding:0.5em 0;
margin:1vh auto;
color:#fff;
background:#0f75bc;
font-size:100%;
font-weight:bold;

/*box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.3);*/


font-family: "Noto Sans Japanese";

}

.btn1:hover {
/*color:#fff;
background:#3ba7f2;*/
text-decoration: none;
opacity: 0.5;
transition: 1s;
}


.btn1:visited {
color:#fff;
background:#0f75bc;
text-decoration: none;
}

@media screen and (max-width: 768px){
.btn1{
	display:block;
	text-align: center;
	text-decoration: none;
width:80%;	/*width:30%;*/
padding:0.5em 0;
margin:1vh auto;
color:#fff;
background:#0f75bc;
font-size:100%;
font-weight:bold;


/*box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.3);*/

font-family: "Noto Sans Japanese";

}


}
/*-----------ボタン*/