sub.css

.bread_crums {display: block; width: 100%; padding: 0 auto;}
.bread_crums > div:after {content: ""; display: block; clear: both;}
.bread_crums > div {border-bottom: 1px solid #dfdfdf; background: #fff;}
.bread_crums > div > * {float: left;}
.bread_crums > div > a img {display: block; width: 73px; height: 55px; text-align: center; line-height: 54px; font-size: 15px; border-left: 1px solid #dfdfdf;}
.bread_crums div > div { position: relative; border-left: 1px solid #dfdfdf;}
.bread_crums div > div:hover ul {display: block; list-style: none;}
.bread_crums div > div:hover a {text-decoration: none;}
.bread_crums div > div:last-child {border-right: 1px solid #dfdfdf;}
.bread_crums div > div > a {display: block; width: 239px; height: 54px; font-size: 15px; color: #333; text-indent: 30px; background: url("../Dreamshake/downarrowbutton.png") no-repeat right 20px center; line-height: 55px;}
.bread_crums ul {display: none; position: absolute; z-index: 10; width: 241px; left: -1px; box-sizing: border-box; border: 1px solid #dfdfdf; padding: 10px 0; background: #fff;}
.bread_crums ul a {display: block; height: 35px; text-indent: 26px; line-height: 35px; font-size: 15px; color: #333;}
.bread_crums ul a:hover {color: #808080;}
.bread_crums > div > .no-image > a {background: none;}

.contents:after {content: ""; display: block; clear: both;}
.contents #snb {display: block; float: left; width: 201px; margin: 30px 56px 0 56px;}
.contents #snb h2 {padding: 49px 0 0; text-align: center; background: #333f52; color: #fff; font-size: 21px; font-weight: normal; width: 200px; height: 140px;}
.contents #snb h2 span {display: block; padding: 13px 0 0; color: #8f939b; font-size: 12px;}
.contents #snb ul {list-style: none; padding: 0;}
.contents #contents {display: block; width: 700px; padding : 60px 0 100px 100px; float: left; border-left: 1px solid #dfdfdf;}
.contents #contents .h2 {font-size: 34px; color: #000; margin-bottom: 50px;}
.contents #contents .greetings .image_greeting {margin-bottom: 50px;}
.contents #contents .card-body .title {background: #FF99CC; text-align: center; border-radius: 20px; color: #FFFFFF; font-weight: bold;}
.contents #contents .card-body .sub_title {font-size: 14px; font-weight: bold; line-height: 30px; margin-left: 10px;}
.contents #contents .card-body .sub_text {font-size: 11px; margin-left: 20px;}
.contents #contents .card-deck .card-header {text-align: center; font-weight: bold; font-size: 21px; letter-spacing: 4px;}
.contents #contents .card-deck .card-title {font-size: 15px; font-weight: bold; }
.contents #contents .card-deck .card-text {font-size: 10px; line-height: 5px; margin-left: 10px;}
.contents #contents .mb-3 {width: 600px;}

.contents #contents .service1_photo {display: inline-block; clear: both; margin-bottom: 50px;}
.contents #contents .service1_photo .photo {float: left; margin-right: 30px;}
.contents #contents .service1_photo .photo img { width: 200px; height: 200px; border-radius: 30px;}
.contents #contents .service1_photo .photo_content {float: left; font-size: 13px; margin-top: 50px;}
.contents #contents .service1_photo .photo_content h2 {margin-bottom: 40px; color: #003300; font-size: 23px; font-weight: bold;}


.contents #snb li a {display: block; position: relative; height: 53px; border-bottom: 1px solid #8f939b; line-height: 53px; text-indent: 25px; color: #303030;}
.contents #snb li a:hover {color: #1354bb; text-indent: 61px; font-size: 15px; text-decoration: none; animation-name: snb_menu; animation-duration: 0.5s;}
.contents #snb li a:hover:after {content: ""; display: block; position: absolute; left: 0; top: 0; width: 45px; height: 54px; background: url(../Dreamshake/sub_downarrow_button.png) no-repeat center #1354bb;}
@keyframes snb_menu {
  0% {color: #303030; text-indent: 25px;}
  100% {color: #1354bb; text-indent: 61px;}
}