/*配置*/
.right{text-align: right;}
.left{text-align: left;}
.center{text-align: center;}

/*横並び解除*/
.clear{clear: both;}

/*パディング*/

.p5{padding: 5px;}
.p10{padding: 10px;}
.p15{padding: 15px;}
.p20{padding: 20px;}
.p30{padding: 30px;}
.p40{padding: 40px;}

.p_t2{padding-top: 2px;}
.p_t3{padding-top: 3px;}
.p_t4{padding-top: 4px;}
.p_t5{padding-top: 5px;}
.p_t6{padding-top: 6px;}
.p_t7{padding-top: 7px;}
.p_t8{padding-top: 8px;}
.p_t9{padding-top: 9px;}
.p_t10{padding-top: 10px;}
.p_t11{padding-top: 11px;}
.p_t12{padding-top: 12px;}
.p_t13{padding-top: 13px;}
.p_t14{padding-top: 14px;}
.p_t15{padding-top: 15px;}
.p_t16{padding-top: 16px;}
.p_t17{padding-top: 17px;}
.p_t18{padding-top: 18px;}
.p_t19{padding-top: 19px;}
.p_t20{padding-top: 20px;}
.p_t30{padding-top: 30px;}
.p_t40{padding-top: 40px;}
.p_t50{padding-top: 50px;}
.p_t60{padding-top: 60px;}
.p_t70{padding-top: 70px;}
.p_t80{padding-top: 80px;}
.p_t90{padding-top: 90px;}
.p_t100{padding-top: 100px;}
.p_t110{padding-top: 110px;}
.p_t120{padding-top: 120px;}
.p_t130{padding-top: 130px;}
.p_t140{padding-top: 140px;}
.p_t150{padding-top: 150px;}
.p_t160{padding-top: 160px;}
.p_t170{padding-top: 170px;}

.p_b2{padding-bottom: 2px;}
.p_b3{padding-bottom: 3px;}
.p_b4{padding-bottom: 4px;}
.p_b5{padding-bottom: 5px;}
.p_b6{padding-bottom: 6px;}
.p_b7{padding-bottom: 7px;}
.p_b8{padding-bottom: 8px;}
.p_b9{padding-bottom: 9px;}
.p_b10{padding-bottom: 10px;}
.p_b11{padding-bottom: 11px;}
.p_b12{padding-bottom: 12px;}
.p_b13{padding-bottom: 13px;}
.p_b14{padding-bottom: 14px;}
.p_b15{padding-bottom: 15px;}
.p_b16{padding-bottom: 16px;}
.p_b17{padding-bottom: 17px;}
.p_b18{padding-bottom: 18px;}
.p_b19{padding-bottom: 19px;}
.p_b20{padding-bottom: 20px;}
.p_b30{padding-bottom: 30px;}
.p_b40{padding-bottom: 40px;}
.p_b50{padding-bottom: 50px;}
.p_b60{padding-bottom: 60px;}

.p_r2{padding-right: 2px;}
.p_r3{padding-right: 3px;}
.p_r4{padding-right: 4px;}
.p_r5{padding-right: 5px;}
.p_r6{padding-right: 6px;}
.p_r7{padding-right: 7px;}
.p_r8{padding-right: 8px;}
.p_r9{padding-right: 9px;}
.p_r10{padding-right: 10px;}
.p_r11{padding-right: 11px;}
.p_r12{padding-right: 12px;}
.p_r13{padding-right: 13px;}
.p_r14{padding-right: 14px;}
.p_r15{padding-right: 15px;}
.p_r20{padding-right: 20px;}
.p_r25{padding-right: 25px;}
.p_r30{padding-right: 30px;}

.p_l2{padding-left: 2px;}
.p_l3{padding-left: 3px;}
.p_l4{padding-left: 4px;}
.p_l5{padding-left: 5px;}
.p_l6{padding-left: 6px;}
.p_l7{padding-left: 7px;}
.p_l8{padding-left: 8px;}
.p_l9{padding-left: 9px;}
.p_l10{padding-left: 10px;}
.p_l11{padding-left: 11px;}
.p_l2{padding-left: 12px;}
.p_l3{padding-left: 13px;}
.p_l4{padding-left: 14px;}
.p_l15{padding-left: 15px;}
.p_l20{padding-left: 20px;}
.p_l25{padding-left: 25px;}
.p_l30{padding-left: 30px;}

/*マージン*/

.m5{margin: 5px;}
.m10{margin: 10px;}
.m20{margin: 20px;}
.m30{margin: 30px;}
.m40{margin: 40px;}

.m_t-12{margin-top: -12px;}
.m_t2{margin-top: 2px;}
.m_t3{margin-top: 3px;}
.m_t4{margin-top: 4px;}
.m_t5{margin-top: 5px;}
.m_t6{margin-top: 6px;}
.m_t7{margin-top: 7px;}
.m_t8{margin-top: 8px;}
.m_t9{margin-top: 9px;}
.m_t10{margin-top: 10px;}
.m_t11{margin-top: 11px;}
.m_t12{margin-top: 12px;}
.m_t13{margin-top: 13px;}
.m_t14{margin-top: 14px;}
.m_t15{margin-top: 15px;}
.m_t16{margin-top: 16px;}
.m_t17{margin-top: 17px;}
.m_t18{margin-top: 18px;}
.m_t19{margin-top: 19px;}
.m_t20{margin-top: 20px;}
.m_t30{margin-top: 30px;}
.m_t40{margin-top: 40px;}
.m_t50{margin-top: 50px;}
.m_t60{margin-top: 60px;}
.m_t70{margin-top: 70px;}
.m_t80{margin-top: 80px;}
.m_t90{margin-top: 90px;}
.m_t100{margin-top: 100px;}
.m_t110{margin-top: 110px;}

.m_b2{margin-bottom: 2px;}
.m_b3{margin-bottom: 3px;}
.m_b4{margin-bottom: 4px;}
.m_b5{margin-bottom: 5px;}
.m_b6{margin-bottom: 6px;}
.m_b7{margin-bottom: 7px;}
.m_b8{margin-bottom: 8px;}
.m_b9{margin-bottom: 9px;}
.m_b10{margin-bottom: 10px;}
.m_b11{margin-bottom: 11px;}
.m_b12{margin-bottom: 12px;}
.m_b13{margin-bottom: 13px;}
.m_b14{margin-bottom: 14px;}
.m_b15{margin-bottom: 15px;}
.m_b16{margin-bottom: 16px;}
.m_b17{margin-bottom: 17px;}
.m_b18{margin-bottom: 18px;}
.m_b19{margin-bottom: 19px;}
.m_b20{margin-bottom: 20px;}
.m_b30{margin-bottom: 30px;}
.m_b40{margin-bottom: 40px;}
.m_b50{margin-bottom: 50px;}

.m_r2{margin-right: 2px;}
.m_r3{margin-right: 3px;}
.m_r4{margin-right: 4px;}
.m_r5{margin-right: 5px;}
.m_r6{margin-right: 6px;}
.m_r7{margin-right: 7px;}
.m_r8{margin-right: 8px;}
.m_r9{margin-right: 9px;}
.m_r10{margin-right: 10px;}
.m_r11{margin-right: 11px;}
.m_r12{margin-right: 12px;}
.m_r13{margin-right: 13px;}
.m_r14{margin-right: 14px;}
.m_r15{margin-right: 15px;}
.m_r16{margin-right: 16px;}
.m_r17{margin-right: 17px;}
.m_r18{margin-right: 18px;}
.m_r19{margin-right: 19px;}
.m_r20{margin-right: 20px;}
.m_r25{margin-right: 25px;}
.m_r30{margin-right: 30px;}

.m_l2{margin-left: 2px;}
.m_l3{margin-left: 3px;}
.m_l4{margin-left: 4px;}
.m_l5{margin-left: 5px;}
.m_l6{margin-left: 6px;}
.m_l7{margin-left: 7px;}
.m_l8{margin-left: 8px;}
.m_l9{margin-left: 9px;}
.m_l10{margin-left: 10px;}
.m_l11{margin-left: 11px;}
.m_l12{margin-left: 12px;}
.m_l13{margin-left: 13px;}
.m_l14{margin-left: 14px;}
.m_l15{margin-left: 15px;}
.m_l16{margin-left: 16px;}
.m_l17{margin-left: 17px;}
.m_l18{margin-left: 18px;}
.m_l19{margin-left: 19px;}
.m_l20{margin-left: 20px;}
.m_l25{margin-left: 25px;}
.m_l30{margin-left: 30px;}

/*フォントサイズ*/
.f_s11{font-size: 11px;}
.f_s12{font-size: 12px;}
.f_s13{font-size: 13px;}
.f_s14{font-size: 14px;}
.f_s15{font-size:15px;}
.f_s16{font-size: 16px;}
.f_s17{font-size: 17px;}
.f_s18{font-size: 18px;}
.f_s19{font-size: 19px;}
.f_s20{font-size: 20px;}
.f_s21{font-size: 21px;}
.f_s22{font-size: 22px}
.f_s23{font-size: 23px;}
.f_s24{font-size: 24px;}
.f_s25{font-size: 25px;}
.f_s26{font-size: 26px;}
.f_s27{font-size: 27px;}
.f_s28{font-size: 28px;}
.f_s29{font-size: 29px;}
.f_s30{font-size: 30px;}
.f_s31{font-size: 31px;}
.f_s32{font-size: 32px;}

.f_s48{font-size: 48px;}

.bold{font-weight: bold;}


.clear{clear: both;}


/*下線*/
.under{text-decoration: underline;}

.under_b{
         border-bottom: dotted 1px #1c7793;
         display: inline;
}

/*太線*/
.bold{font-weight: bold;}

/*リンク下線無し*/

.under_n{text-decoration: none;}

/*文字の色*/
.white{color: #ffffff;}
.gray{color: #7c7b7b;}

.gray02{
        color: #c9cacc;
        font-style:oblique;
        border-bottom: 1px solid #b6d2db;
        width: 525px;
}

.blue{color: #065066;}

.black{color: #065066;}

/*見出し*/

.title01{
          background-color: #ffe368;
          display: inline-block;
          font-size: 1.0em;
          padding: 0 10px 0 10px;
}

.border{
        border: 1px solid #ffffff;
        width: 560px;
        height: 315px;
        }

/*jquery(スクロール時のanimate.cssの動き)*/

.invisible {
  transition: all 0.6s ease;
  opacity: 0;
}
 
.visible {
  transition: all 0.6s ease;
  opacity: 1.0;
}

/*Works_page*/

.ye_line{
         background-color: #ffe368;
         min-width: 50px;
         padding-left: 5px;
         padding-right: 5px;
         display: inline-block;
         font-weight: bold;
}