@charset "utf-8";


body{
font-family: 'Archivo Black', sans-serif;
font-family: 'Kosugi Maru', sans-serif;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
text-size-adjust: none;	
	
}





/*colom padding margin 削除（共通）*/
/*.no-gutters {
  margin:0;
  padding:0;
}
 
.no-gutters　> .col,
.no-gutters　> [class*="col-"] {
  margin:0;
  padding:0;
}*/


/*可変フォント*/
        p#vw {
            font-size: 5vw;
        }
        p#vh {
            font-size: 5vh;
        }

/*共通ＴＯＰTITLE*/

/*.allor{
	position: relative;
}

.allor h2{
	position: absolute;
	top:25%;
	left:43%;
	font-size:1.75em;	
	font-family: 'Archivo Black', sans-serif;	
}*/



/*index*/



.jumbotron{
	margin: 0;
	padding: 0;
}




.indexor{
	position: relative;
}

.indexor h1{
	position: absolute;
	top:28%;
	left:25%;
	font-size:2.5em;
}



.blog_l h2{
	font-size: 1.75em;
	color:#fff;	
}

.blog_l a{
	color:#fff;
	text-decoration: none;
}

.blog_l {
	border-radius: 30px;
	border: 5px #f5c53a solid;
	background: #ff9900
}


/*.index_titleor{
	position: relative;
}

.index_titleor h3{
	position: absolute;
	top:25%;
	left:20%;
	font-family: 'Archivo Black', sans-serif;	
}*/



/*.index_fs p{
	letter-spacing: 0.05em;
	line-height: 1.7;
	font-size:0.4em;	
}*/


/*.index_5sfs{
	font-size: 0.5em;
}*/


/*アンカー処理*/
#a_1, #a_2, #a_3, #a_4, #a_5, #a_6, #a_7, #a_8, #a_9, #a_10, #a_11, #a_12, #a_13, #a_14, #a_15 {
  padding-top: 100px;
  margin-top:-100px;
}




















.card-img-overlay{
  padding: 0;
  top: calc(50% - 0.5rem);
  text-align: center;
  font-weight: bold;
  font-family: 'Archivo Black', sans-serif;
}


.card-text{
  font-weight: bold;
}




/*fqa*/

.fqabg{
	background-color: #F5F5F5;
} 



/*plice*/

.plicebg{
	background-color: #F5F5F5;
} 

/*.plicefc{
	font-c:#;
}*/






/*plan*/

/*写真配置調整*/

.photop{
	padding: 25px;
}


.plfont h3{
	font-family: 'Archivo Black', sans-serif;	
}


.pltouka{
    background-color: #2e2e2e;
    opacity: 0.8;
}





/*about*/

/*border 処理*/


.border1{
	border-top: solid 1px;
	border-left: solid 1px;
	border-color:lightgray;	
}

.border2{
	border-top: solid 1px;
	border-left: solid 1px;
	border-right: solid 1px;	
	border-color:lightgray;
}	
	
.border3{
	border-top: solid 1px;
	border-bottom: solid 1px;	
	border-left: solid 1px;
	border-color:lightgray;	
}

.border4{
	border-top: solid 1px;	
	border-bottom: solid 1px;
	border-right: solid 1px;
	border-left: solid 1px;	
	border-color:lightgray;	
}









/*サブヘッダーテキスト*/
.text {
    position: absolute;
    top: 45%;
    left: 5%;
    color: #ffffff;
    font-size: 6.25em;
	font-weight: 700;
}


/*サブヘッダー画像*/

.image-vw {
  width : 100vw ; 
}







/*＜グローバルナビ透過＞*/
.touka{
    background-color: rgba(255, 255, 255, 0.6);
}


/* nav-itemの文字色 */
.navbar .navbar-nav .nav-link {
    color: rgba(18,18,18,1.00);
	font-family: 'Archivo Black', sans-serif;
}
/* nav-item activeの文字色 */
.navbar .navbar-nav .active > .nav-link {
    color: rgba(18,18,18,1.00);
}
/* nav-item:focus、nav-item:hoverの文字色 */
/*.navbar .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgba(172,166,166,0.6);
}*/

.navbar .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgba(172,166,166,0.6);
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
}


/* ドロップダウンアイテムの文字色 */
.dropdown-item {
    color: rgba(18,18,18,1.00);
}

nav{
	font-size: 0.9em
}












/*フッター*/

footer {
    background-color: #F5F5F5;
    padding: 30px 0px;	
}	       

.logo {
    color: #FFF;
    font-weight: 700;
    font-size: 30px;
}

.menu {
   color: #FF8100; 
/*   font-weight: bold; */
   padding: 10px 0px;
   display: block;
/*   text-transform: uppercase;*/
   font-size: 16px;
/*   letter-spacing: 3px;*/
}
 
.address li a, 
.menu li a {
    color: #000000;
/*    letter-spacing: 3px;*/
    text-decoration: none;
    font-size: 16px;
/*    font-weight: 700;	*/
}

.address li, 
.menu li {
    margin: 20px 0px;
    list-style: none;
/*    font-weight: 700;*/	
}

.address li a:hover, 
.menu li a:hover {
    color:  rgba(172,166,166,0.6);
    transition: all 1s ease-in-out;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
/*    font-weight: 700;*/	
}

.icon {
    color: #000000;
    margin-right: 10px;
    font-size: 24px;
}








/*1.フェードインアニメーションの指定*/
.scrollanime {opacity: 0;} /*一瞬表示されるのを防ぐ*/
.fadeInDown {
    animation-name: fadeInDown;
    animation-duration: 2s;
    animation-fill-mode: forwards;
}
@keyframes fadeInDown {
    0% {
        opacity: 0;         
    }
    100% {
    opacity: 1;
    transform: translate(0);
    }
}
 
/*2.上下の動きを指定*/
.updown {transform: translateY(-100px);}
.downup {transform: translateY(100px);}
 
/*3.左右の動きを指定*/
.sect02{overflow: hidden;} /*横スクロールバーを隠す*/
.slide-right {transform: translateX(50px);}
.slide-left {transform: translateX(-50px);}


/*scrollanimeフェードイン

scrollanime updown上から下へフェードイン

scrollanime downup下から上へフェードイン

scrollanime slide-right右から左へフェードイン

scrollanime slide-left左から右へフェードイン*/


/*以下遅延の指定*/
.ani01 {animation-delay: 0.5s;}
.ani02 {animation-delay: 1s;}
.ani03 {animation-delay: 1.5s;}
.ani04 {animation-delay: 2s;}
.ani05 {animation-delay: 2.5s;}
.ani06 {animation-delay: 3s;}
.ani07 {animation-delay: 3.5s;}
.ani08 {animation-delay: 4s;}
.ani09 {animation-delay: 4.5s;}
.ani10 {animation-delay: 5s;}
.ani11 {animation-delay: 5.5s;}
.ani12 {animation-delay: 6s;}
.ani13 {animation-delay: 6.5s;}
.ani14 {animation-delay: 7s;}
.ani15 {animation-delay: 3s;}
.ani16 {animation-delay: 3s;}
.ani17 {animation-delay: 3s;}
.ani18 {animation-delay: 3s;}
.ani19 {animation-delay: 3s;}
.ani20 {animation-delay: 3s;}
.ani21 {animation-delay: 3s;}
.ani22 {animation-delay: 3s;}
.ani23 {animation-delay: 3s;}
.ani24 {animation-delay: 3s;}






/*マウスホバー*/

.card-box p.image img {
    filter:saturate(0);	
    transition:filter 0.3s;
}
 
.card-box:hover p.image img {
    filter:saturate(100%);
}


.card-box p.image {
    overflow:hidden;
}
 
    .card-box p.image img {
        transition:transform 0.3s;
    }
 
    .card-box:hover p.image img {
        transform:scale(1.2);
    }






/*インフォメーション処理*/

.info_sp{
	margin-top: 100px;
	margin-bottom: 20px;
}









@media screen and (min-width:375px) {
	
.indexor h1{
	position: absolute;
	top:25%;
	left:17%;
	font-size:1em;
}
	
.index_fs p{
	letter-spacing: 0.05em;
	line-height: 1.7;
	font-size:0.8em;
}	
	
	
.index_titleor{
	position: relative;
}

.index_titleor h3{
	position: absolute;
	top:25%;
	left:23%;
	font-family: 'Archivo Black', sans-serif;	
}
	
.index_5sfs p{
	letter-spacing: 0.05em;
	line-height: 1.1;
	font-size:0.8em;	
}	

.allor{
	position: relative;
}

.allor h2{
	position: absolute;
	top:25%;
	left:33%;
	font-size:1.75em;	
	font-family: 'Archivo Black', sans-serif;	
}
	
	
/*about*/	
/*border処理*/	

.border1{
	border-top: solid 1px;
	border-left: solid 1px;
	border-right: solid 1px;	
	border-color:lightgray;	
}	
	
.border2{
	border-top: solid 1px;
	border-left: solid 1px;
	border-right: solid 1px;	
	border-color:lightgray;
}	
	
.border3{
/*	border-top: solid 1px;*/	
	border-right: solid 1px;
	border-left: solid 1px;
	border-color:lightgray;	
}

.border4{	
/*	border-bottom: solid 1px;*/
	border-right: solid 1px;
	border-left: solid 1px;	
	border-color:lightgray;	
}	
	
	
/*サンクスページフォント*/	
	
.thanks_fs p{
	letter-spacing: 0.05em;
	line-height: 1.7;
	font-size:1em;	
}	

	

.blog_l h2{
	font-size: 0.8em;
	color:#fff;	
}

.blog_l a{
	color:#fff;
	text-decoration: none;
}	
	
}



@media screen and (min-width: 768px) {
	
.indexor h1{
	position: absolute;
	top:25%;
	left:15%;
	font-size:1em;
}
	
.index_fs p{
	letter-spacing: 0.05em;
	line-height: 1.7;
	font-size:1.5em;	
}	
	
	
.index_titleor{
	position: relative;
}

.index_titleor h3{
	position: absolute;
	top:25%;
	left:10%;
	font-family: 'Archivo Black', sans-serif;	
}	
	

.index_5sfs p{
	letter-spacing: 0.05em;
	line-height: 1.1;
	font-size:0.7em;	
}	

	
.allor{
	position: relative;
}

.allor h2{
	position: absolute;
	top:25%;
	left:40%;
	font-size:1.9em;	
	font-family: 'Archivo Black', sans-serif;	
}	
	
	
/*about*/	
/*border処理*/	

.border1{
	border-top: solid 1px;
	border-left: solid 1px;
	border-right: solid 1px;	
	border-color:lightgray;	
}	
	
.border2{
	border-top: solid 1px;
	border-left: solid 1px;
	border-right: solid 1px;	
	border-color:lightgray;
}	
	
.border3{
/*	border-top: solid 1px;*/	
	border-right: solid 1px;
	border-left: solid 1px;
	border-color:lightgray;	
}

.border4{	
/*	border-bottom: solid 1px;*/
	border-right: solid 1px;
	border-left: solid 1px;	
	border-color:lightgray;	
}	

/*サンクスページフォント*/	
	
.thanks_fs p{
	letter-spacing: 0.05em;
	line-height: 1.7;
	font-size:1.25em;	
}
	
.blog_l h2{
	font-size: 1em;
	color:#fff;		
}


.blog_l a{
	color:#fff;
	text-decoration: none;
}	
	
}




@media screen and (min-width: 1199px){
	
.indexor h1{
	position: absolute;
	top:30%;
	left:25%;	
	font-size:2.5em;
}
	
.index_fs p{
	letter-spacing: 0.05em;
	line-height: 1.7;
	font-size:2em;	
}	
	
	
.index_titleor{
	position: relative;
}

.index_titleor h3{
	position: absolute;
	top:25%;
	left:7%;
	font-family: 'Archivo Black', sans-serif;
}	
	
.index_5sfs{
	font-size: 1.5em;
}
	
.allor{
	position: relative;
}

.allor h2{
	position: absolute;
	top:25%;
	left:43%;
	font-size:2em;	
	font-family: 'Archivo Black', sans-serif;	
}	
	
	

/*about*/	
/*border処理*/	

.border1{
	border-top: solid 1px;
	border-left: solid 1px;
	border-right: solid 1px;	
	border-color:lightgray;	
}	
	
.border2{
	border-top: solid 1px;
	border-left: solid 1px;
	border-right: solid 1px;	
	border-color:lightgray;
}	
	
.border3{
/*	border-top: solid 1px;*/	
	border-right: solid 1px;
	border-left: solid 1px;
	border-color:lightgray;	
}

.border4{	
/*	border-bottom: solid 1px;*/
	border-right: solid 1px;
	border-left: solid 1px;	
	border-color:lightgray;	
}	
/*サンクスページフォント*/	
	
.thanks_fs p{
	letter-spacing: 0.05em;
	line-height: 1.7;
	font-size:1.7em;	
}
	
.blog_l h2{
	font-size: 1.6em;
	color:#fff;		
}


.blog_l a{
	color:#fff;
	text-decoration: none;
}	
	
}



/*@media screen and (max-width:374px) {
	
.indexor h1{
	position: absolute;
	top:25%;
	left:7%;
	font-size:1em;
}
*/