body{
font-size:16px;
text-align:center;
background-color:#ffffff;
margin:0 auto;
padding:0;
}
.en{
font-family:Arial, Helvetica, sans-serif;
}
.ja{
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
img,video{
max-width:100%;
height:auto;
}
p{
font-size:16px;
color:#333333;
line-height:160%;
margin:0 0 1em 0;
}
.jf{
text-align:justify;
}
.info,.comment,.comment3{
font-weight:bold;
color:#555555;
}
.info,.comment{
font-size:14px;
}
.info{
margin:0.5% 0;
}
.comment3{
font-size:12px;
}
.subtitle{
font-size:115%;
}
.date{
font-size:90%;
font-weight:bold;
color:#336cc2;
margin:0 0 0.5em 0;
}
em{
font-size:115%;
font-weight:bold;
font-style:normal;
}
a{
color:#336cc2;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
header{
text-align:left;
background-color:#ffffff;
width:100%;
height:70px;
margin:0;
padding:0;
position:fixed;
top:0;
left:0;
box-shadow:0 2px 2px #555555;
z-index:20;
}
.avatar{
vertical-align:middle;
margin:0;
}
.tblock,.tblock2{
float:left;
box-sizing:border-box;
line-height:70px;
height:70px;
width:50%;
margin:0;
}
.tblock{
padding:0 0 0 3%;
}
.tblock2{
text-align:right;
padding:0 3% 0 0;
}
.tblock2 a{
font-size:20px;
font-weight:bold;
color#006bb5;
vertical-align:middle;
margin:0;
}
#ja{
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size:14px;
olor:#004d99;
color#006bb5;
padding-right:0.8em;
}
.tblock2 a:hover,#ja:hover{
text-decoration:none;
color:#cccccc;
}
@font-face{
font-family:'FontAwesome400';
src: url("fonts/fa-brands-400.woff2") format("woff2"), url("fonts/fa-brands-400.woff") format("woff");
}
.fab{
font-family:FontAwesome400;
font-style:normal;
font-weight:normal;
line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
.fa-linkedin:before{
content:"\f0e1";
}
.fa-twitter:before{
content:"\f099";
}
.menu1{
text-align:center;
clear:both;
width:100%;
padding:0;
}
.nbtn{
font-size:1.9vmin;
font-weight:bold;
color:#ffffff;
line-height:40px;
display:inline-block;
background-image:linear-gradient(to top, rgba(51, 108, 194, 0.75) 4%, rgba(51, 108, 194, 0.95));
background-color:#336cc2;
text-align:center;
box-sizing:border-box;
height:40px;
width:190px;
max-width:14.28%;
padding:0 2px;
margin:0;
box-shadow:0 2px 2px #555555;
cursor:pointer;
}
.ja .nbtn{
font-size:1.7vmin;
}
.nbtn:hover{
text-decoration:none;
background:#999999;
box-shadow:0 1px 2px #777777;
}
.clink,#sub1{
display:none;
}
#sub1{
text-align:left;
background-color:#336cc2;
height:80vh;
width:220px;
max-width:50vw;
padding:1em;
border-radius:5px;
box-shadow:#999999 5px 5px 5px;
position:fixed;
top:60px;
right:0;
z-index:22;
}
#sub1 a{
color:#ffffff;
}
#sub1 ul{
font-size:14px;
font-weight:bold;
color:#ffffff;
line-height:170%;
margin:0;
padding:0 0 0.8em 1em;
list-style-type:square;
}
#sub1 ul li{
margin:0.2em 0;
padding:0;
}
.free{
font-size:120%;
list-style:none;
text-indent:-0.8em;
}
#sbar3{
margin:0.4em 0 0 0;
padding:1em 0;
border-top:solid 1px #ffffff;
}
#sbar3 a{
font-size:21px;
color:#ffffff;
margin:0 0.8em 0 0;
}
#sbar3 a:hover{
text-decoration:none;
color:#cccccc;
}
#tlink{
font-size:1.2em;
font-weight:bold;
color:#ffffff;
line-height:35px;
display:none;
background-color:rgba(51, 108, 194, 0.9);
border-radius:5px;
border:none;
box-shadow:-1px 1px 3px #333333;
height:35px;
width:35px;
padding:0;
position:fixed;
bottom:21vh;
right:0.5em;
z-index:11;
cursor:pointer;
}
main,.content2,.inner-main{
box-sizing:border-box;
}
main{
display:block;
text-align:left;
clear:both;
min-height:40rem;
width:100%;
margin:0;
padding:60px 0 0 0;
}
.content2,.inner-main{
width:94%;
margin:0 3%;
}
.content2{
min-height:90vh;
padding:160px 0 60px 0;
}
.inner-main{
padding:60px 0;
}
.headbox,.headbox2{
float:left;
width:50%;
padding:0;
margin:20px 0 0 0;
}
.headbox3{
box-sizing:border-box;
text-align:center;
clear:both;
width:100%;
margin:0;
padding:5px 0 0 0;
}
.iconbar{
display:flex;
flex-wrap:wrap;
justify-content:center;
}
.iconbar2{
display:flex;
flex-wrap:wrap;
justify-content:start;
padding-bottom:1em;
}
.icon{
width:145px;
max-width:26vw;
margin:0 0.5%;
}
.icon2{
width:175px;
max-width:31vw;
margin:0 0.5%;
padding-top:0.3%;
}
section{
clear:both;
margin:0;
padding:1em 0;
}
.catch{
min-height:35vmin;
}
.box,.box2,.box3,.box4,.news-l,.news-r{
box-sizing:border-box;
width:50%;
margin:0;
}
.box,.box3{
float:left;
padding:0.5em 3% 0.5em 0;
}
.box2,.box4{
float:right;
padding:0.5em 0 0.5em 3%;
}
.catbox2{
float:left;
width:210px;
max-width:40%;
margin:0;
padding:0.5em 1em 1em 0;
}
.padbox{
padding:0 1rem 1rem 1rem;
}
.newsbox{
padding:0 1.5em 1.5em 1.5em;
margin:1.5em 0 3em 0;
box-shadow:5px 5px 7px #999999;
}
.news-l{
float:left;
width:50%;
padding:0 2% 0 0;
}
.news-r{
float:right;
width:50%;
padding:0 0 0 2%;
}
.newspic{
margin:0 0 3em 0;
}
.newspic img{
box-shadow:3px 3px 3px #777777;
}
h1, h2, h3, h4{
color:#555555;
}
h1{
font-size:42px;
text-shadow:2px 2px 4px #cccccc;
line-height:130%;
clear:both;
margin:0 0 1% 0;
padding:0;
}
.message{
font-size:4.7vmin;
}
h2,.ptitle{
line-height:125%;
text-shadow:1px 1px #cccccc;
clear:both;
margin:0 0 0.5em 0;
padding:1em 0 0 0.5em;
border-bottom:solid 0.1rem #cccccc;
}
h2{
font-size:28px;
}
.ptitle{
font-size:22px;
}
.borderless{
border:none;
}
h3,h4,.borderless{
line-height:150%;
margin:0;
padding:1em 0 0.3em 0;
}
h3{
font-size:21px;
}
h4{
font-size:20px;
}
.listup{
text-indent:-1.2em;
padding:2em 0 0.1em 1.7em;
margin:1em 0;
border-bottom:solid 1px #006bb5;
}
#form{
padding-top:4em
}
.reg{
color:#ff0000
}
.reg2{
color:#009933
}
.lbtn,.lbtn2,.lbtn3{
font-size:16px;
font-weight:bold;
color:#ffffff;
display:inline-block;
text-align:center;
background-color:#336cc2;
box-sizing:border-box;
border-radius:5px;
box-shadow:-1px 1px 3px #999999;
-webkit-transition-duration:0.2s;
transition-duration:0.2s;
cursor:pointer;
}
.lbtn,.lbtn3{
width:290px;
padding:8px 3px;
}
.lbtn{
max-width:60%;
margin:0.5em 1% 1em 0;
}
.lbtn3{
max-width:48%;
margin:0.5em 2% 1em 0;
}
.lbtn2{
width:160px;
max-width:45%;
padding:5px 0;
margin:0 0.5em;
}
.lbtn:hover,.lbtn2:hover{
text-decoration:none;
background-color:#999999;
box-shadow:-1px 2px 4px #777777;
}
.co1{
color:#336cc2;
}
.co2{
color:#cc0000;
}
.co3{
color:#009933;
}
.co4{
color:#003399;
}
.co5,.co6{
color:#ff0000
}
.co6{
font-size:110%;
font-weight:bold;
vertical-align:top
}
.co7{
color:#3d7c36;
}
.emph{
background-color:#ffe6cc;
}
.emph2{
background-color:#ebf1fa;
}
.emph3{
color:#ffffff;
background-color:#336cc2;
}
.emph4{
background-color:#deefdc;
}
.emph5{
color:#ffffff;
background-color:#3d7c36;
padding:0 0.3em;
}
.holive{
border-bottom:solid 0.1rem #3d7c36;
}
.smaller{
font-size:90%;
}
.larger{
font-size:200%;
}
.linebr{
display:inline-block;
}
.linebr2{
color:#007bb5;
display:inline-block;
}
.both{
clear:both;
}
.vicon{
vertical-align:middle;
margin-right:0.3rem;
}
lite-youtube{
background-color:#000000;
position:relative;
display:block;
contain:content;
background-position:center center;
background-size:cover;
cursor:pointer;
max-width:720px;
margin-bottom:0.5em;
}
lite-youtube::before{
content:'';
display:block;
position:absolute;
top:0;
background-position:top;
background-repeat:repeat-x;
height:60px;
padding-bottom:50px;
width:100%;
transition:all 0.2s cubic-bezier(0, 0, 0.2, 1);
}
lite-youtube::after{
content:"";
display:block;
padding-bottom:calc(100% / (16 / 9));
}
lite-youtube > iframe{
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
border:0;
}
lite-youtube > .lty-playbtn{
display:block;
width:68px;
height:48px;
position:absolute;
cursor:pointer;
transform:translate3d(-50%, -50%, 0);
top:50%;
left:50%;
z-index:1;
background-color:transparent;
background-image: url("../images/playyt.png");
filter:grayscale(100%);
transition:filter .1s cubic-bezier(0, 0, 0.2, 1);
border:none;
}
lite-youtube:hover > .lty-playbtn,lite-youtube .lty-playbtn:focus{
filter:none;
}
lite-youtube.lyt-activated{
cursor:unset;
}
lite-youtube.lyt-activated::before,lite-youtube.lyt-activated > .lty-playbtn{
opacity:0;
pointer-events:none;
}
.lyt-visually-hidden{
clip:rect(0 0 0 0);
clip-path:inset(50%);
height:1px;
overflow:hidden;
position:absolute;
white-space:nowrap;
width:1px;
}
.framewrap{
position:relative;
margin-bottom:0.5em;
padding-top:56.25%;
}
.framewrap iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
border:0;
}
.cent{
color:#006bb5;
text-align:center;
}
.step1{
padding-top:1em;
}
.step2{
padding-top:2em;
}
.step3{
clear:both;
height:3em;
}
.step7{
clear:both;
height:7em;
}
.framed{
border:solid 1px #999999;
}
.shadow{
box-shadow:2px 2px 2px #cccccc;
}
table{
color:#333333;
width:100%;
margin:0.5em 0 2em 0;
border-collapse:collapse;
}
table td{
font-size:16px;
line-height:150%;
padding:1.2% 1%;
border-bottom:solid 0.1em #777777;
}
.blue,.blue2,.blue3{
color:#555555;
font-weight:bold;
text-align:center;
background-color:#e0f0ff;
width:160px;
}
.blue2,.open{
border-bottom:none;
}
table p{
font-size:inherit;
line-height:inherit
}
table ul{
padding:0 0 0 1em;
margin:0.2em 0 0 0.5em;
list-style-type:square;
}
table ul li{
margin-bottom:0.3em;
}
.list2{
display:table;
padding:0 0 0 1em;
margin:0.2em 0 0 1.5em;
list-style-type:square;
}
.list2 li{
font-size:16px;
margin-bottom:0.5em;
}
.list3{
font-size:16px;
font-weight:bold;
color:#333333;
list-style:none;
padding:0.2em 0 0 0;
margin:0 1% 0 0.5em;
}
.list3 li{
line-height:160%;
margin-bottom:0.8em;
}
.pics,.pics-u{
float:left;
box-sizing:border-box;
width:50%;
margin:0 0 1em 0;
padding:0 0.5%;
}
.pics-u{
clear:left;
}
.pics img,.pics-u img{
margin-bottom:0.3em;
}
.map,.map2{
max-width:100%;
margin:0.5em 0 2em 0;
}
.map{
width:750px;
}
.map2{
width:920px;
}
.map2 amp-img{
margin-bottom:0.2em;
}
.mpoint,.mpoint2{
font-size:160%;
vertical-align:-1px;
margin-right:0.1em;
margin-left:2vw;
}
.mpoint{
color:#ff0000;
}
.mpoint2{
color:#3fbf3f;
}
.ps-modal{
display:none;
background-color:#333333;
width:100%;
height:100vh;
padding:0.5vh 0 0 0;
position:fixed;
left:0;
top:0;
overflow:auto;
z-index:24;
}
.ps-close{
background-color:rgba(0, 51, 102, 0.75);
border-radius:5px;
height:40px;
padding:0 1%;
position:absolute;
top:1vh;
right:2vw;
z-index:25;
}
.ps-close:hover,.ps-close:focus{
background-color:rgba(0, 51, 102, 0.8);
text-decoration:none;
cursor:pointer;
}
.ps-text{
font-size:16;
font-weight:bold;
color:#ffffff;
line-height:40px;
vertical-align:middle;
}
.ps-large{
font-size:250%;
line-height:40px;
vertical-align:middle;
}
.ps-modal-content{
width:99%;
margin:0 0.5%;
padding:0;
position:relative;
}
.picSlides img{
width:100%;
display:block;
}
.pictext{
font-size:12px;
color:#ffffff;
background-color:rgba(0, 51, 102, 0.8);
padding:8px 12px;
border-top-right-radius:12px;
position:absolute;
bottom:0;
left:0;
}
.inq2{
font-size:16px;
color:#333333;
background-color:#efe8dc;
text-align:left;
width:100%;
padding:1% 2%;
margin:1em 0 3em 0;
box-sizing:border-box;
box-shadow:3px 3px 3px #999999;
}
input[type=text],input[type=email],textarea{
width:100%;
padding:0.7em;
border:solid 1px #999999;
border-radius:4px;
resize:vertical;
box-sizing:border-box;
}
label,.dummylabel{
padding:0.7em 0;
margin-right:0.6em;
display:inline-block;
}
.column{
float:left;
width:20%;
margin-top:0.3em;
}
.column2{
float:left;
width:80%;
margin-top:0.3em;
}
.row{
margin-bottom:0.5em;	
}
.row2{
margin-top:0.4em;
margin-bottom:0.8em;
}
.row:after,.row2:after{
content:"";
display:table;
clear:both;
}
.ebtn{
font-weight:bold;
margin-right:1em;
padding:0.3em 0.8em 0.3em 0.1em;
border-radius:4px;
border:solid 1px #999999;
}
textarea{
height:190px;
}
input[type=submit]{
font-size:16px;
font-weight:bold;
color:#ffffff;
letter-spacing:1px;
background-color:#336cc2;
float:left;
padding:10px 24px;
margin-top:0.5em;
border:none;
border-radius:4px;
cursor:pointer;
-webkit-appearance:none;
}
input[type=submit]:hover{
background-color:#254f8d;
}
footer{
background-color:#dfd2b9;
text-align:right;
box-sizing:border-box;
clear:both;
height:20vh;
margin:0;
padding:1rem 2%;
}
footer p{
font-size:14px;
}
.copy{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}
@media only screen and (min-width:1400px){
.content2,.inner-main{
width:90%;
margin-right:5%;
margin-left:5%;
}
}
@media only screen and (min-width:1281px){
.headbox,.headbox2{
max-height:25vw;
margin:0;
overflow:hidden;
}
}
@media only screen and (min-width:981px){
.nbtn{
font-size:16px;
}
.ja .nbtn{
font-size:14px;
}	
.pics,.pics-u{
width:33.3%;
}
.pics-u{
clear:none;
}
.inq2{
width:65vw	
}
}
@media only screen and (max-width:1024px){
.headbox{
float:none;
width:100%;
}
.headbox2{
display:none;
}
}
@media only screen and (max-width:833px){
header{
height:60px;
box-shadow:0 2px 2px #555555;
}
.tblock,.tblock2{
line-height:60px;
height:60px;
}
.tblock{
width:75%;
}
.tblock2{
width:25%;
}
.ticon,#ja{
display:none;
}
.clink{
display:inline-block;
vertical-align:middle;
cursor:pointer;
}
.bar1,.bar2,.bar3{
background-color:#555555;
width:35px;
height:5px;
margin:6px 0;
transition:0.3s;
}
.change .bar1{
transform:translate(0, 11px) rotate(-45deg);
}
.change .bar2{
opacity: 0;
}
.change .bar3{
transform: translate(0, -11px) rotate(45deg);
}
.menu1{
display:none
}
main{
padding-top:30px;
}
.content2{
padding-top:100px;
}
.inner-main{
padding:30px 0 50px 0;
}
.box,.box2,.box3,.box4,.box40{
float:none;
clear:both;
width:100%;
padding:0.5em 0;
}
.box3,.box4{
max-width:100%;
}
.news-l,.news-r{
float:none;
clear:both;
width:100%;
margin:0 0 1em 0;
}
.pics,.pics-u{
width:100%;
}
.inq2{
padding:3%
}
.column,.column2,input[type=submit]{
width:100%;
max-width:100%
}
.column,.column2{
margin-top:0
}
label,.dummylabel{
padding:0.1em 0
}
input[type=text],input[type=email],textarea{
padding:0.5em
}
.ebtn{
line-height:2rem
}
.ps-close{
height:7vmin;
}
.ps-text{
font-size:3.5vmin;
line-height:7vmin;
}
.ps-large{
line-height:7vmin;
}
footer{
text-align:center;
}
}
@media only screen and (max-width:550px){
.icon{
max-width:26vw;
}
.icon2{
max-width:31vw;
}
.iconbar2{
justify-content:center;
}
.content2{
padding-top:90px;
}
.lbtn,.lbtn3{
width:100%;
max-width:100%;
padding:8px 5px;
margin:10px 0;
}
#form{
padding-top:2.8em
}
h1{
text-shadow:1px 1px 1px #cccccc;
}
h1,.message{
font-size:6.8vw;
}
h2{
font-size:5.5vw;
padding-left:0;
}
h3{
font-size:4.5vw;
}
h4{
font-size:4vw;
}
.ptitle{
font-size:4.5vw;
padding-left:0;
}
.listup{
line-height:125%;
}
p,.subtitle,.lbtn,.lbtn3,.list2 li,.list3 li,table td,#lightbox01-caption,.inq2{
font-size:3.3vw;
}
#sub1 ul{
font-size:3vw;
}
.info,.comment,.comment3,.lbtn2,footer p{
font-size:2.7vw;
}
.list2{
margin-left:0.5em;
}
.blue{
width:35%;
}
.blue3{
width:25%;
}
}
@media only screen and (max-width:360px){
h1,.message{
font-size:7.3vw;
}
#sbar3 a,h2{
font-size:6vw;
}
h3{
font-size:5vw;
}
h4{
font-size:4.5vw;
}
.ptitle{
font-size:5.5vw;
}
.listup{
font-size:5vw;
}
p,#ja,.subtitle,.lbtn,.lbtn3,.list2 li,.list3 li,.inq2{
font-size:4.2vw;
}
#sub1 ul{
font-size:3.5vw;
}
.info,.comment,.comment3,.lbtn2,table td,footer p{
font-size:3.4vw;
}
}
@media print{
.nosh,#nosh,#nosh2,#nosh3,.lbtn,.lbtn2,.lbtn3,.comment3,input[type=submit]{
display:none;
}
header{
line-height:auto;
background:none;
height:20mm;
padding:0;
box-shadow:none;
position:relative;
}
.avatar{
max-width:49mm;
max-height:8mm;
}
.tblock,.tblock2{
line-height:10mm;
height:10mm;
}
.tblock{
padding:0 1%;
}
.tblock2{
padding:0 3em 0 0;
}
#ja{
color:#3399ff;
}
.menu1{
padding:2mm 0 0 0;
}
.nbtn,.ja .nbtn{
font-size:9pt;
line-height:8mm;
height:8mm;
}
.headbox,.headbox2{
margin:0;
}
.icon{
width:28mm;
max-width:28mm;
}
.icon2{
width:34mm;
max-width:34mm;
}
.iconbar2{
padding-bottom:0;
}
main{
min-height:60vh;
margin:0;
padding:3mm 0 2mm 0;
}
.content2{
min-height:80vh;
margin:0;
padding:7mm 0 2mm 0;
}
section{
margin:0;
}
.catch{
min-height:auto;
}
.box,.box2{
width:100%;
padding:0;
margin:0 0 12mm 0;
}
.newspic{
max-width:75%;
}
.step3{
height:0;
}
#fit{
padding-top:0;
}
h1,h2{
text-shadow:none;
}
h1,.message{
font-size:20pt;
}
h2{
font-size:16pt;
}
#pb,#pb2,#pb3{
page-break-before:always;
}
#form{
padding-top:1mm;
page-break-before:always
}
h3{
font-size:14pt;
line-height:130%;
}
h4{
font-size:12pt;
}
.ptitle{
font-size:14pt;
padding:2mm 0 0 0;
}
p,.list2 li,.list3 li{
font-size:10pt;
}
.info{
font-size:8pt;
}
.subtitle{
font-size:11pt;
}
table td,.comment,footer p{
font-size:9pt;
}
.inq2{
background-color:#ffffff;
width:100%;
padding:0;
margin:0;
box-shadow:none
}
.column{
color:#333333;
width:15%;
}
.column2{
width:85%;
}
#tall{
margin-top:1mm;
margin-bottom:1mm
}
input[type=text],input[type=email],textarea{
padding:1mm
}
textarea{
height:auto;
min-height:50vh
}
footer{
background:none;
padding:2mm 0 0 0;
border-top:solid 1pt #cccccc;
bottom:0;
}
.inq2,footer p{
color:#555555;
}
}