@charset "utf-8";

/* 
name: style
designer: Adclip
designer_url: http://adclip.net/ 
*/

#tpbanner {height:85vh; position:relative; display:block; color:#fff; top:0;}

#ftop{background:url("../image/tp-topbg.jpg") no-repeat; background-size:cover;}
#ftop .ftopbox h2{font-weight:normal; color:#555;}

.fsc2{color:#fff;}
.fsc2 .box a{color:#fff; display:block; background:linear-gradient(to right, #93923f, #5a6f31); text-align:center;}
.fsc2 .box a:hover{color:#fff;}

.tpinfo li{padding:5px; border-bottom:#aaa 1px dotted;}
.tpinfo a{color:#333;}

.fsc3{background-image:url(../image/bgmy.png); background-color:#e3e3e3;}
.fsc3 .fsc3-1b{background:linear-gradient(to right, #93923f, #5a6f31); color:#fff; text-align:center;}
.fsc3 .fsc3-1b p{text-align:left;}
.fsc3 .fsc3-1b a{background:#fff; color:#333; display:block;}
.fsc3 .fsc3-1b a:hover{color:#fff;}

.fsc4 .box .txt{background:#f0f0ed;}
.fsc4 .box .txt a{background:linear-gradient(to right, #93923f, #5a6f31); color:#fff; display:block;}
.fsc4 .box .txt a:hover{color:#fff;}

.fsc5{background:url(../image/fsc5bg.jpg) no-repeat center center; text-align:center; color:#fff;}
.fsc5 .box a{background:#fff; color:#333; display:block; text-align:center;}
.fsc5 .box a:hover{color:#fff;}

.kime {padding:40px 0; text-align:center; background-image:url(../image/bgmy.png); background-color:#e3e3e3;}
.kime h2{margin-bottom:20px; font-size:200%;}
.kime img{max-width:960px; width:100%; height:auto;}
.kime a{background:linear-gradient(to right, #93923f, #5a6f31); color:#fff; display:block;}
.kime a:hover{color:#fff;}

/*画像サイズ1080px以上*/
@media  print, screen and (min-width:1080px) {

#tpbanner{text-align:center;}
#tpbanner .tptitle{margin: 0 auto; position:relative; top:35%; }
#tpbanner p{margin-bottom:20px; font-size:260%;}
#tpbanner h2{margin-top:20px; font-size:260%;}
#tpbanner img{width:460px;}

#ftop{padding:400px 0 500px 0;}
#ftop .ftopbox{text-align:right;}
#ftop .ftopbox h2{font-size:220%; line-height:1.8em;}
#ftop .ftopbox h2 span{font-size:160%; color:#0075b4;}

.fsc1{padding:120px 0; text-align:center;}
.fsc1 .box{height:320px; display:inline-block; -ms-writing-mode:tb-rl; writing-mode:vertical-rl; text-align:left;}
.fsc1 h2{margin-left:30px; font-size:260%; line-height:1.2em;}
.fsc1 p{font-size:120%; line-height:1.8em; text-align:justify; text-justify:inter-ideograph;}

.tpinfo {width:740px; margin:100px auto;}
.tpinfo h2{margin-top:20px; font-size:260%;}

.fsc2{background:url(../image/fsc2bg.jpg) no-repeat center center; background-size:cover;}
.fsc2 .box{width:45%; padding:120px 0 220px 0;}
.fsc2 .box h2{margin-bottom:20px; font-size:260%;}
.fsc2 .box p{font-size:120%; line-height:1.8em; text-align:justify; text-justify:inter-ideograph;}
.fsc2 .box a{margin-top:30px; padding:10px 0; font-size:280%; line-height:2.0em;}

.fscpsn{position:relative;}

.fsc3 {padding-bottom:300px;}
.fsc3 .box{display:flex; justify-content:space-between;}
.fsc3 .box .fsc3-1b {margin-top:-100px; width:49%; padding:30px;}
.fsc3 .box .fsc3-1b h3{margin-bottom:20px; font-size:260%;}
.fsc3 .box .fsc3-1b p{font-size:120%; line-height:1.8em; text-align:justify; text-justify:inter-ideograph;}

.fsc4{margin-bottom:80px; position:relative; z-index:10;}
.fsc4 .box{margin-top:-200px; padding:60px 0; background:url(../image/fsc4bg.jpg) no-repeat left center; text-align:right;}
.fsc4 .box .txt{width:45%; padding:30px; display:inline-block; text-align:left;}
.fsc4 .box .txt h2{margin-bottom:20px; font-size:260%;}
.fsc4 .box .txt p{font-size:120%; line-height:1.8em; text-align:justify; text-justify:inter-ideograph;}

.fsc5{padding:160px 0; background-size:cover;}
.fsc5 .box{width:30%; display:inline-block;}
.fsc5 .box h2{margin-bottom:20px; font-size:260%;}
.fsc5 .box p{font-size:120%; line-height:1.8em; text-align:justify; text-justify:inter-ideograph;}
.fsc5 .box a{width:400px; margin:50px auto 0 auto; padding:20px 0; font-size:120%;}

.tolk1{width:300px; margin:20px auto 0 auto; padding:15px 0; text-align:center;}

}/*画像サイズ1080px以上END*/
/*画像サイズ601px以上959以下*/
@media only screen and (min-width:600px)and (max-width:1080px)  { 

#tpbanner{text-align:center;}
#tpbanner .tptitle{margin: 0 auto; position:relative; top:35%; }
#tpbanner p{margin-bottom:20px; font-size:260%;}
#tpbanner h2{margin-top:20px; font-size:260%;}
#tpbanner img{width:460px;}

#ftop{padding:350px 0 250px 0;}
#ftop .ftopbox{text-align:right;}
#ftop .ftopbox h2{font-size:220%; line-height:1.8em;}
#ftop .ftopbox h2 span{font-size:160%; color:#0075b4;}

.fsc1{padding:120px 0; text-align:center;}
.fsc1 .box{height:320px; display:inline-block; -ms-writing-mode:tb-rl; writing-mode:vertical-rl; text-align:left;}
.fsc1 h2{margin-left:30px; font-size:260%; line-height:1.2em;}
.fsc1 p{font-size:120%; line-height:1.8em; text-align:justify; text-justify:inter-ideograph;}

.tpinfo {width:80%; margin:100px auto;}
.tpinfo h2{margin-top:20px; font-size:260%;}

.fsc2{background:url(../image/fsc2bg.jpg) no-repeat center center; background-size:cover;}
.fsc2 .box{width:50%; padding:120px 0 220px 0;}
.fsc2 .box h2{margin-bottom:20px; font-size:200%;}
.fsc2 .box p{font-size:120%; line-height:1.8em; text-align:justify; text-justify:inter-ideograph;}
.fsc2 .box a{margin-top:30px; padding:10px 0; font-size:240%; line-height:2.0em;}

.fscpsn{position:relative;}

.fsc3 {padding-bottom:300px;}
.fsc3 .box{display:flex; justify-content:space-between;}
.fsc3 .box .fsc3-1b {margin-top:-100px; width:49%; padding:30px;}
.fsc3 .box .fsc3-1b h3{margin-bottom:20px; font-size:200%;}
.fsc3 .box .fsc3-1b p{font-size:120%; line-height:1.8em; text-align:justify; text-justify:inter-ideograph;}

.fsc4{margin-bottom:120px; position:relative; z-index:10;}
.fsc4 .box{margin-top:-200px; padding:60px 0; background:url(../image/fsc4bg.jpg) no-repeat left center; text-align:right;}
.fsc4 .box .txt{width:45%; padding:30px; display:inline-block; text-align:left;}
.fsc4 .box .txt h2{margin-bottom:20px; font-size:200%;}
.fsc4 .box .txt p{font-size:120%; line-height:1.8em; text-align:justify; text-justify:inter-ideograph;}

.fsc5{padding:160px 0; background-size:cover;}
.fsc5 .box{width:80%; display:inline-block;}
.fsc5 .box h2{margin-bottom:20px; font-size:260%;}
.fsc5 .box p{font-size:120%; line-height:1.8em; text-align:justify; text-justify:inter-ideograph;}
.fsc5 .box a{width:400px; margin:50px auto 0 auto; padding:20px 0; font-size:120%;}

.tolk1{width:80%; margin:20px auto 0 auto; padding:15px 0; text-align:center;}


}/*画像サイズ601px以上959以下END*/
/*画像サイズ600px以下*/
@media only screen and (max-width:600px){

#tpbanner{text-align:center;}
#tpbanner .tptitle{margin: 0 auto; position:relative; top:35%; }
#tpbanner p{margin-bottom:20px; font-size:180%;}
#tpbanner h2{margin-top:20px; font-size:180%;}
#tpbanner img{width:200px;}

#ftop{padding:250px 0 100px 0;}
#ftop .ftopbox{text-align:right;}
#ftop .ftopbox h2{font-size:160%; line-height:1.5em;}
#ftop .ftopbox h2 span{font-size:160%; color:#0075b4;}

.fsc1{padding:60px 10px; }
.fsc1 .box{text-align:left;}
.fsc1 h2{margin-bottom:20px; font-size:220%; line-height:1.2em; text-align:center;}
.fsc1 p{font-size:120%; line-height:1.8em; text-align:justify; text-justify:inter-ideograph;}

.tpinfo {margin:60px auto;}
.tpinfo h2{margin-top:20px; font-size:260%;}

.fsc2{background:url(../image/fsc2bg.jpg) no-repeat 70% center; background-size:cover;}
.fsc2 .box{width:100%; padding:20px 10px 20px 10px;}
.fsc2 .box h2{margin-bottom:10px; font-size:180%;}
.fsc2 .box p{font-size:120%; line-height:1.8em; text-align:justify; text-justify:inter-ideograph;}
.fsc2 .box a{margin-top:30px; padding:10px 0; font-size:240%; line-height:2.0em;}

.fscpsn{position:relative;}

.fsc3 {padding:20px 10px;}
.fsc3 .box{}
.fsc3 .box .fsc3-1b {margin-top:10px; width:100%; padding:30px;}
.fsc3 .box .fsc3-1b h3{margin-bottom:10px; font-size:200%;}
.fsc3 .box .fsc3-1b p{font-size:120%; line-height:1.8em; text-align:justify; text-justify:inter-ideograph;}

.fsc4{padding:20px 10px;}
.fsc4 .box{padding-top:400px; background:url(../image/fsc4bg.jpg) no-repeat top left; text-align:right;}
.fsc4 .box .txt{width:100%; padding:30px; display:inline-block; text-align:left;}
.fsc4 .box .txt h2{margin-bottom:10px; font-size:200%;}
.fsc4 .box .txt p{font-size:120%; line-height:1.8em; text-align:justify; text-justify:inter-ideograph;}

.fsc5{padding:100px 20px; background-size:cover;}
.fsc5 .box{width:100%;}
.fsc5 .box h2{margin-bottom:20px; font-size:200%;}
.fsc5 .box p{font-size:120%; line-height:1.8em; text-align:justify; text-justify:inter-ideograph;}
.fsc5 .box a{width:100%; margin:50px auto 0 auto; padding:20px 0; font-size:120%;}

.tolk1{width:80%; margin:20px auto 0 auto; padding:15px 0; text-align:center;}

}