@charset "utf-8";
/* CSS Document */

.span12 h4{ color:#1a6f93; border-left:6px #1a6f93 solid; padding: 0 0 0 10px; margin: 30px 0; line-height: 23px;}

/* 弁理士紹介 */
.profile{ display: block; flex-wrap: wrap; list-style: none; width: 100%; margin: 0; padding: 0;}
.profile li.profile-image{ width: 100%; margin:0 0 20px 0;}
.profile li.profile-column{ width: 100%;}
.profile li.profile-column ul{ width: 100%; margin: 0; padding: 0;}
.profile li.profile-column ul li{line-height: 40px;}
.career{list-style: none;}

/* サービスの特徴 */
.span12 p{ font-size: 1.1em; line-height: 35px; overflow-wrap: break-word; word-wrap: break-word;}

/* 料金表 */
.plan-wrap{ display: block; flex-wrap: wrap;}
.span12 .tab-content h3{ font-size: 1.3em;}
.span12 .tab-content h5{ font-size: 1.1em; overflow-wrap: break-word; word-wrap: break-word;}
.span12 dl.plan{ width: 100%; margin: 0;}
.span12 dl.plan dt, .span12 dl dd{ width: 100%; margin: 0; padding: 20px; box-sizing: border-box;}
.span12 dl.plan dt{ background: #1a6f93; border-right: 2px #e1d9cf solid; color: #fff; text-align: center; font-weight: normal;}
.span12 dl.plan dd{ background: #fff; border-right: 2px #e1d9cf solid; font-size: 1.2em; height: 70%; display: flex; align-items: center; align-content: center; justify-content: center;}
.span12 dl.plan dd ul{ margin: 0 auto; padding: 0;}
.span12 dl.plan dd ul li{ margin-bottom: 10px; list-style: none;}

/* アクセス */
.span12 dl.access{ width: 100%; display: block; flex-wrap: wrap; align-items: center;}
.span12 dl.access dt{ width: 100%; padding: 0 0 10px 0; margin: 0;}
.span12 dl.access dd{ width: 100%; padding: 0 0 15px 0; margin: 0 0 15px 0; border-bottom: 1px #ccc dotted;}

@media screen and (min-width: 960px) {
.span12 h4{ color:#1a6f93; border-left:6px #1a6f93 solid; padding: 0 0 0 10px; margin: 30px 0; line-height: 23px;}

/* 弁理士紹介 */
.profile{ display: flex; flex-wrap: wrap; list-style: none; width: 100%;}
.profile li.profile-image{ width: 20%; margin:0 10% 0 0;}
.profile li.profile-column{ width: 70%;}
.profile li.profile-column ul{ width: 100%;}
.profile li.profile-column ul li{line-height: 40px;}
.career{list-style: none;}

/* サービスの特徴 */
.span12 p{ font-size: 1.1em; line-height: 35px; overflow-wrap: break-word; word-wrap: break-word;}

/* 料金表 */
.plan-wrap{ display: flex; flex-wrap: wrap;}
.span12 .tab-content h3{ font-size: 1.3em;}
.span12 .tab-content h5{ font-size: 1.1em; overflow-wrap: break-word; word-wrap: break-word;}
.span12 dl.plan{ width: 25%; margin:initial;}
.span12 dl.plan dt, .span12 dl dd{ width: 100%; margin: 0; padding: 20px; box-sizing: border-box;}
.span12 dl.plan dt{ background: #1a6f93; border-right: 2px #e1d9cf solid; color: #fff; font-weight: normal;}
.span12 dl.plan dd{ background: #fff; border-right: 2px #e1d9cf solid; font-size: 1.2em; display: flex; align-items: center; align-content: center; justify-content: center;}
.span12 dl.plan dd ul{ margin: 0 auto; padding: 0;}
.span12 dl.plan dd ul li{ margin-bottom: 10px; list-style: none;}

/* アクセス */
.span12 dl.access{ width: 100%; display: flex; flex-wrap: wrap; align-items: center;}
.span12 dl.access dt{ width: 15%; padding: 0 0 15px 0; margin: 0 1% 15px 0; border-bottom: 1px #ccc dotted;}
.span12 dl.access dd{ width: 70%; padding: 0 0 15px 0; margin: 0 0 15px 0; border-bottom: 1px #ccc dotted;}
}