

/*Giving_basic*/ 

/*html5 ie対策*/ 
.utage header,.utage article,.utage footer,.utage article,.utage aside,.utage time,.utage nav {
  display: block;
} /*//html5 ie対策*/ 

body,.utage h1,.utage h2,.utage h3,.utage h4,.utage p,.utage table,.utage tr,.utage th,.utage td,.utage ol,.utage ul,.utage li,.utage dl,.utage dt,.utage dd {
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: 100%;
}
.utage img {
  border: 0;
  backface-visibility: hidden;
}
.utage li {
  list-style: none;
}
.utage table {
  border-collapse: collapse;
  vertical-align: top;
}
.utage p {
  margin-bottom: 1em;
}
.utage br {
  display: block;
}
.utage a:hover img {
  background: none repeat scroll 0 0 transparent !important;
  filter: alpha(opacity=80);
  -moz-opacity: 0.80;
  opacity: 0.80;
  position: relative;
  transition: 0.5s;
}
.utage .cll {
  clear: left;
}
.utage .clr {
  clear: right;
}
.utage .cla {
  clear: both;
}
.utage .cln {}
.utage .cll br,.utage .clr br,.utage .cla br {
  display: none !important;
}
.utage .f8 {
  font-size: 8px !important;
}
.utage .f9 {
  font-size: 9px !important;
}
.utage .f10 {
  font-size: 10px !important;
}
.utage .f11 {
  font-size: 11px !important;
}
.utage .f12 {
  font-size: 12px !important;
}
.utage .f13 {
  font-size: 13px !important;
}
.utage .f14 {
  font-size: 14px !important;
}
.utage .f15 {
  font-size: 15px !important;
}
.utage .f16 {
  font-size: 16px !important;
}
.utage .f17 {
  font-size: 17px !important;
}
.utage .f18 {
  font-size: 18px !important;
}
.utage .col0 {
  color: #000;
}
.utage .col4 {
  color: #444;
}
.utage .col6 {
  color: #666;
}
.utage .pt0 {
  padding-top: 0px !important;
}
.utage .pt10 {
  padding-top: 10px !important;
}
.utage .pt15 {
  padding-top: 15px !important;
}
.utage .pb5 {
  padding-bottom: 5px !important;
}
.utage .mt0 {
  margin-top: 0px !important;
}
.utage .mt5 {
  margin-top: 5px !important;
}
.utage .mt10 {
  margin-top: 10px !important;
}
.utage .mt15 {
  margin-top: 15px !important;
}
.utage .mt20 {
  margin-top: 20px !important;
}
.utage .mt25 {
  margin-top: 25px !important;
}
.utage .mt30 {
  margin-top: 30px !important;
}
.utage .mt35 {
  margin-top: 35px !important;
}
.utage .mt40 {
  margin-top: 40px !important;
}
.utage .mt45 {
  margin-top: 45px !important;
}
.utage .mt50 {
  margin-top: 50px !important;
}
.utage .mt55 {
  margin-top: 55px !important;
}
.utage .mt60 {
  margin-top: 60px !important;
}
.utage .mt70 {
  margin-top: 70px !important;
}
.utage .mt80 {
  margin-top: 80px !important;
}
.utage .mt90 {
  margin-top: 90px !important;
}
.utage .mt100 {
  margin-top: 100px !important;
}
.utage .mt150 {
  margin-top: 150px !important;
}
.utage .mb0 {
  margin-bottom: 0px !important;
}
.utage .mb5 {
  margin-bottom: 5px !important;
}
.utage .mb10 {
  margin-bottom: 10px !important;
}
.utage .mb15 {
  margin-bottom: 15px !important;
}
.utage .mb20 {
  margin-bottom: 20px !important;
}
.utage .mb25 {
  margin-bottom: 25px !important;
}
.utage .mb30 {
  margin-bottom: 30px !important;
}
.utage .mb35 {
  margin-bottom: 35px !important;
}
.utage .mb40 {
  margin-bottom: 40px !important;
}
.utage .mb45 {
  margin-bottom: 45px !important;
}
.utage .mb50 {
  margin-bottom: 50px !important;
}
.utage .mb55 {
  margin-bottom: 55px !important;
}
.utage .mr0 {
  margin-right: 0px !important;
}
.utage .mr5 {
  margin-right: 5px !important;
}
.utage .mr10 {
  margin-right: 10px !important;
}
.utage .mr15 {
  margin-right: 15px !important;
}
.utage .mr20 {
  margin-right: 20px !important;
}
.utage .mr25 {
  margin-right: 25px !important;
}
.utage .mr30 {
  margin-right: 30px !important;
}
.utage .mr35 {
  margin-right: 35px !important;
}
.utage .mr40 {
  margin-right: 40px !important;
}
.utage .mr45 {
  margin-right: 45px !important;
}
.utage .mr50 {
  margin-right: 50px !important;
}
.utage .mr55 {
  margin-right: 55px !important;
}
.utage .mr60 {
  margin-right: 60px !important;
}
.utage .mr65 {
  margin-right: 65px !important;
}
.utage .ml0 {
  margin-left: 0px !important;
}
.utage .ml5 {
  margin-left: 5px !important;
}
.utage .ml10 {
  margin-left: 10px !important;
}
.utage .ml15 {
  margin-left: 15px !important;
}
.utage .ml20 {
  margin-left: 20px !important;
}
.utage .ml25 {
  margin-left: 25px !important;
}
.utage .ml30 {
  margin-left: 30px !important;
}
.utage .ml35 {
  margin-left: 35px !important;
}
.utage .ml40 {
  margin-left: 40px !important;
}
.utage .ml45 {
  margin-left: 45px !important;
}
.utage .ml50 {
  margin-left: 50px !important;
}
.utage .ml55 {
  margin-left: 55px !important;
}
.utage .ml60 {
  margin-left: 60px !important;
}
.utage .ml65 {
  margin-left: 65px !important;
}
.utage .ml70 {
  margin-left: 70px !important;
}
.utage .ml80 {
  margin-left: 80px !important;
}
.utage .ml100 {
  margin-left: 100px !important;
}
.utage .pr0 {
  padding-right: 0px !important;
}
.utage .pt20 {
  padding-top: 20px !important;
}
.utage .pt25 {
  padding-top: 25px !important;
}
.utage .pt30 {
  padding-top: 30px !important;
}
.utage .center {
  text-align: center;
}
.utage .bold {
  font-weight: bold;
}
.utage .normal {
  font-weight: normal;
}
.utage .pb0 {
  padding-bottom: 0px !important;
}
.utage .end_line {
  border-style: none !important;
}
.utage .img_sp {
  display: none;
}
.utage .img_not_sp {
  display: block;
}
.utage .ph-left {
  float: left;
  margin: 5px 30px 30px 0px;
}
.utage .ph-right {
  float: right;
  margin: 5px 0px 0px 30px;
}
.utage .txt-ind-max {
  text-indent: -12345px;
}
.utage .none {
  display: none;
}
.utage area {
  border: none;
  outline: none;
} 




/*//Giving_basic*/ 


body main {
padding: 20px;
}


body .utage {
  font-size: 16px;
  line-height: 1.9em;
    color: rgba(0,0,0, 0.9);

font-family: a-otf-ud-shin-go-pr6n, sans-serif;
font-style: normal;
font-weight: 300;
background-color:rgba(255,255,255,1);
/*padding: 30px;*/
}

.utage p {
 line-height: 1.9em;
}

.utage a {
  text-decoration: underline;
  color: rgba(108,44,47, 1);
}
.utage a:hover {
  color: rgba(108,44,47, 1);
  text-decoration: none;
}


.utage h1 {
  font-size: 31px;
  line-height: 1.8em;
  margin: 4em 0 0 0;

}


main h4.mb-4 {
  font-size: 31px;
  line-height: 1.8em;
  margin: 2em 0 0 0;
border-bottom: none;
background: none;
font-family: a-otf-ud-shin-go-pr6n, sans-serif;
font-style: normal;
font-weight: 300;
}





.utage h1.h1_sho {
  font-size: 28px;
  line-height: 1.8em;
  margin: 0em 0 0 0;

}

.utage h2 {
  font-size: 26px;
  line-height: 1.7em;
  color: rgba(108,44,47, 1);
  margin: 7em 0 0 0;
}

.utage h2.fs90 {
font-size: 23.4px;
} 

.utage h3 {
  font-size: 23px;
  line-height: 1.7em;
  margin: 5em 0 0 0;
}

.utage h3.fs90 {
font-size: calc(23px * 0.9);
} 


.utage h4 {
  font-weight: bold;
 margin: 4em 0 0 0;
  font-size: 20px;
  background-color: rgba(0,0,0,0.06);
  padding: 10px 12px;
  line-height: 1.3em;
   border-bottom: none;
   border-radius: 5px;
}

.utage h5 {
  font-size: 19px;
  display: block;
   margin: 3em 0 0 0;

  font-weight: bold;
}

.utage h2:first-of-type {
   margin: 3em 0 0 0;
}


/*
.utage h1 + h2{
  margin: 2em 0 0 0;
}*/


.utage h2 + h3{
  margin: 2em 0 0 0;
}

.utage h2 + h4{
  margin: 1.5em 0 0 0;
}

.utage h3 + h4{
  margin: 1.5em 0 0 0;
}

.utage h4 + h5{
  margin: 1.5em 0 0 0;
}

/*.utage h3 + h4{
  margin: 1.5em 0 0 0;
}
*/

.utage .note h2{
  margin: 3em 0 0 0;
}

.utage .note h2:first-of-type {
    margin: 0em 0 0 0;

}



.utage .note h3{
  margin: 3em 0 0 0;
}

.utage .note h3:first-of-type {
    margin: 0em 0 0 0;

}




.utage .note{
padding: 20px 30px;
/*border: 1px solid rgba(0,0,0,0.2);*/
border-radius: 10px;
margin: 1em 0;
background-color: rgba(108,44,47,0.05);
}

.utage .note.pt02{
padding: 20px 30px;
/*border: 1px solid rgba(0,0,0,0.2);*/
border-radius: 10px;
margin: 1em 0;
background-color: rgba(255,255,255,1.00);
border: 1px solid rgba(0,0,0,0.1);
}


.utage .note.end{

margin: 12em 0 0 0;
}


.utage ul li

{
  padding: 15px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  line-height: 1.4em;
}


.utage i
{
/*  font-size: 90%;*/
   color: rgba(108,44,47, 0.6);
  margin-right: 10px;
  vertical-align:top;
  margin-top: 0.3em;
}


.fa-folder-open{
  margin-top: 0.2em!important;
}

.fa-square-caret-right{
  margin-top: 0.1em!important;
}


.fa-flag{
  margin-top: 0.5em!important;
}

.fa-pencil{
  margin-top: 0.4em!important;
  color: rgba(0,0,0, 0.3)!important;
}




.utage ul li:last-child {
  border-bottom: none;
  padding-bottom: 0px;
}



.utage .tag ul li

{

border-radius: 5px;
margin: 6px;
background-color: rgba(0,0,0,0.06);
  padding: 10px 12px;
  display: inline-block;
   border-bottom: none;
}


.utage .tag.pt02 ul li

{


 color: rgba(108,44,47, 0.1);

}




main nav{

border-radius: 5px;
margin: 0px 0 1em 0;
background-color: rgba(0,0,0,0.06);
  padding: 5px 12px 0 12px;
  line-height: 1.4em;
  display: inline-block;
}



main  .breadcrumb {
 padding: 0px;
margin: 0px;
 background: none;
               font-family: a-otf-ud-shin-go-pr6n, sans-serif;
font-style: normal;
font-weight: 300;
            }







/*.fa-square-check{
font-size: 1.1em;
margin-top: 2px;
}*/




.utage p,
.utage ul {
  margin: 1em 0;
}


.utage .hi{
    font-size: 20px;
  margin: 0em 0 0 0;
   color: rgba(108,44,47, 1);
}



.utage .narrow{
  margin: 0 10%;
}


.utage img.wak
{
/*  border: solid 1px #fff;*/
  box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  margin: 2em 0;
}

.utage .in_video iframe
{
/*  border: solid 1px #fff;*/
  box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}





/*スクロール・フェードイン*/
.utage .fadein_fix
{
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}



/* 画面外にいる状態 */
.utage .fadein {
	opacity : 0.1;
	transform : translate(0, 50px);
	transition : all 500ms;
	}

/* 画面内に入った状態 */
.utage .fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
	}
	
    
/*//スクロール・フェードイン*/



.utage table.table {
  width: 100%;
  margin: 0 0 0 0;
}
.utage table.table th, .utage table.table td {
  padding: 10px;
  border: 1px solid rgba(0,0,0,0.1);
  font-size: 105%;
  line-height: 1.4em;
}
.utage table.table td {
  text-align: center;
}
.utage table.table th {
  text-align: left;
  font-weight: bold;
}
.utage table .bg01 {
  background-color: rgba(0, 0, 0, 0.06);
}



.div-youtube {
  text-align: center;
}
.div-youtube iframe {
  text-align: center;
  width: 700px;
  height: 394px;
  margin: 30px auto;
  background-color: rgba(0,0,0, 0.7);
/*  box-shadow: 0px 0px 15px rgba(0,0,0, 0.7);
  -webkit-box-shadow: 0px 0px 15px rgba(0,0,0, 0.7);
  -moz-box-shadow: 0px 0px 15px rgba(0,0,0, 0.7);*/
    box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  margin: 2em 0;
}
.div-youtube.pt2 iframe {
  text-align: center;
  width: 600px;
  height: 338px;
  margin: 10px auto;
}



ul.gallary li {
  float: left;
  margin-right: 2em;
  margin-bottom: 2em;
  width: 310px;
  border: none;
  padding: 0px;

}
ul.gallary li a {
  display: block;
  width: 310px;
  height: 210px;
  overflow-x:hidden;
  
   /*IE(Internet Explorer)・Microsoft Edgeへの対応*/
  -ms-overflow-style: none;
  /*Firefoxへの対応*/
  scrollbar-width: none;
  
  text-align: center;
background-color: rgba(0, 0, 0, 0.1);
   box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}

/*Google Chrome、Safariへの対応*/
.utage ul.gallary li a::-webkit-scrollbar{
  display: none;
}

.utage .gallary li p {
  display: block;
  height: 7em;
  font-size: 15px;
  line-height: 1.5em;
  /*  width: 200px;*/
  overflow-y: hidden;
  margin: 10px 0 0 0;
}
.utage .gallary li p span.ttl {
  color: rgba(108,44,47, 1);
  font-family: fot-tsukuardgothic-std, sans-serif;
  font-weight: 700;
  font-style: normal;
  display: block;
  font-size: 17px;
  line-height: 1.5em;
  margin: 3px 0 3px 0;
}
.utage ul.gallary li a img {
/*  border: solid 1px #fff;
  box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.2);
  border-radius: 3px;*/
  
  width: auto;
height: 210px;
margin: 0 auto;
}

/*.utage ul.gallary li:nth-child(3n) {
  margin-right: 0px;
}*/


.utage .logo img{
  width: 50%;
  height: auto;
}


.utage .logo02 img{
  width: 25%;
  height: auto;
}

.form-group {
  margin-top: 2em;
}


/*スマホ*/ 
/*スマホ*/ 
/*スマホ*/ 
/*スマホ*/ 
@media screen and (max-width : 750px) { 


/*Giving-basic-SP*/ 

.utage .img_sp {
    display: block;
  }
.utage .img_not_sp {
    display: none !important;
  }
.utage br {
    display: none;
  }
.utage img {
    max-width: 90%;
    height: auto;
    width /***/ : auto; /*IE8のみ適用*/
  }
.utage .sp_center {
    text-align: center;
    margin: 0 auto;
    display: block;
  } /*//Giving-basic-SP*/
  
  

body main {
padding: 0px;
}

body .utage {
padding: 0px;
}




/*.utage .narrow{
  margin: 0 4em;
}*/


.utage h1 { font-size: calc(31px * 0.9); }
.utage h2 { font-size: calc(26px * 0.9); }
.utage h3 { font-size: calc(23px * 0.9); }
.utage h4 { font-size: calc(20px * 0.9); }

main h4.mb-4,
.utage h1.h1_sho{

font-size: calc(31px * 0.8); 

}




.utage h1,
.utage h2,
.utage h3,
.utage h4,
main h4.mb-4,
.utage h1.h1_sho
{

 line-height: 1.5em;

}
.utage table.table th, .utage table.table td {
    word-break: break-all;
  }
.utage table.pt3 {
    word-wrap: break-word;
    white-space: nowrap;
  }
  
  
  .div-youtube {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    margin-bottom: 100px;
  }
  .div-youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
  }



.utage ul.gallary {
    margin: 25px 0px 0px -3px !important;
    padding: 0px !important;
    width: auto !important;
  }
.utage ul.gallary li {
    float: none !important;
    margin-right: auto !important;
    margin-bottom: 2em !important;
    margin-left: auto !important;
    padding: 0px 0px 0px 0px;
    width: auto !important;
    text-align: center;
  }
.utage ul.gallary li a img {
    width: auto !important;
    height: auto !important;
  }
.utage ul.gallary li a, .sp_a_link_no a {
    pointer-events: none;
    display: block !important;
    width: 95% !important;
    height: auto !important;
    margin-right: auto !important;
    margin-left: auto !important;
  }
.utage ul.gallary li p a {
    pointer-events: auto;
  }
.utage ul.gallary li img {
    width: 100%;
  }
.utage .gallary li p {
    width: auto;
    text-align: left;
    display: block;
    height: auto;
    font-size: 100%;
    line-height: 1.5em;
    width: auto;
    overflow-y: hidden;
    padding-bottom: 2em;
    margin: 2px 0 0 0;
  }
  
.utage .logo02 img{
  width: 40%;
  height: auto;
}

}


/*//スマホ*/




