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

/*
Theme Name: 元赤坂特定「行政書士」事務所
---------------------------------------*/


* {
	margin: 0;
	padding: 0;
}


a { 
text-decoration: none;
/*color: #545454*/
}
/*
a:hover, a:active { リンクの色
text-decoration: none; 
color: #EC6E72;
}

a:hover img { 
opacity: 0.6;
}*/

b, strong {
    font-weight: 800;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
margin:0;
padding:0;
}

table {
font-size: 100%;
border-collapse: collapse;
border-spacing: 0;
}


li, ul, ol {
list-style-type: none;
padding: 0px;
text-indent: 0;
margin: 0px;
}

img  {
text-decoration: none;
border: none;
-erbkit-transition: 0.3s ease-in-out;
-moz-transition: 0.3s ease-in-out;
-o-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}

.img_mid {
vertical-align:middle;
}


.none {
display: none;
}

.clear {
clear: both;
}

.clearfix {
display: block;
height: 0;
clear: both;
visibility:hidden;
}


/*basic style
---------------------------------------*/
.flol {
	float: left;
}
.flor {
	float: right;
}
.txr {
	text-align: right;
}
.txl {
	text-align: left;
}
.txc {
	text-align: center;
}
.nomar {
	margin: 0 !important
}
.bold {
	font-weight: bold !important;
}
.small {
	font-size: 12px !important;
}
.ssmall {
	font-size: 9px !important;
}
.big {
	font-size: 21px;
	line-height: 1.4em;
}
.bbig {
	font-weight: bold;
	font-size: 21px;
	line-height: 1.4em;
}
.rela {
	position: relative;
}
underline {
	text-decoration: underline;
}
.hidden {
	overflow: hidden;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
}
.or, .hissu, .red {
	color: #ff2e35;
}
#side_sub_link, #smart_btn, #nave #menu_close, #nav .head_search {
	display: none;
}

/* body
---------------------------------------*/
body {
	font-size: 16px;
	line-height: 1.8;
	font-family: "Meiryo メイリオ", "Hiragino Sans ヒラギノ角ゴシック", sans-serif;
	color: #151515;
    background-color: #F9F9F4 ;  /*  554956 544654 4e3d50 4d3e34 a19ea4　#F9F4E4 #fdf5e7 F9F7E4　F9F9F4　f7f7f7*/
}

p {
	padding-left: 0px;
    padding-bottom: 16px;
}


h1　{
/*	width: 212px;
    height: 37px; */
    position: absolute;
    left: 77px;
    top: 56px; 
}

h2　{
/*    width: 212px;
    height: 37px; */
    position: absolute;
    left: 77px;
    top: 56px; 
    color: #151515;
}


h3  {
    color: #151515;
    font-weight: 600;
    line-height: 1.8;
    margin-top: 10px;
    letter-spacing: 0.1em;
	clear: both;
}


/* top page
---------------------------------------*/
#wrapper_top {
	background-image: url(img/top_bg_img.png);
    background-color: #fff;
    width: 980px;
    height: 1000px;
	margin: 0 auto;
    position: relative;　　　　　　/*positionで absoluteを機能させるために必要*/
}

.top_lead {
    width:  580px;
    height: 300px;
    position: absolute;        
    padding: 0px;             
    left:  35px;               
    top: 40px;                  
}

.logo_top {
    position: absolute;
    left: 761px;
    top: 27px; 
}

#top_images {
    display: flex;
    flex-direction:row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-content: space-between;
    width:  580px;
    height: 386px;
    position: absolute;        
    left:  373px;               
    top: 310px;    
}

.top_image_item {
    width: 166px;
    height: 166px;
}

.top_menu {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    width:  212px;
    height: 367px;
    position: absolute;        
    left:  77px;               
    top: 415px;     
}

.top_menu a:hover {
    opacity: 0.7;
}

.top_menu_item {
    width: 212px;
    height: 37px;
    padding-bottom: 9px; /* 9px or 12px, which is better? */
}

.top_address {
    position: absolute;        
    left:  77px;               
    top: 877px; 
}

/* copyright
---------------------------------------*/

footer {
    display: block;
    background-color: #554956;
    width: 100%;
    height: 56px;
    margin: 0 auto;
    text-align: center;
    padding-top: 15px;
}

/* 2nd page ごあいさつ 仕事
---------------------------------------*/
#wrapper {
    background-color: #fff;
   /* background-position: top; */
    width: 100%;
    min-height: 450vh;
	margin: 0 auto;
    position: relative;　　　　
}

#wrapper_cmt {
    background-image: url(img/bg_cmt.png);
    background-repeat: no-repeat;
    background-color: #fff;
    width: 980px;
    height: 1100px;
	margin: 0 auto;
    position: relative;　　　/*position:absoluteを機能させるため*/
}

#wrapper_jbs {
    background-image: url(img/bg_jbs.png);
    background-repeat: no-repeat;
    background-color: #fff;
    width: 980px;
    height: 1150px;
	margin: 0 auto;
    position: relative;　　　　　/*position:absoluteを機能させるため*/
}

#wrapper_blg {
    background-image: url(img/bg_blg3.png);
    background-repeat: no-repeat;
    background-position: top;
    background-color: #fff;
    width: 980px;
	margin: 0 auto;
    position: relative;　　　　　/*position:absoluteを機能させるため*/
}

#wrapper_frm {
    background-image: url(img/bg_form3.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-color: #fff;
    width: 980px;
	margin: 0 auto;
    position: relative;　　　　　
}

#wrapper_acs {
    background-image: url(img/bg_access.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-color: #fff;
    width: 980px;
    height: 1100px;
	margin: 0 auto;
    position: relative;　　　　　
}
#wrapper_etc {
    background-image: url(img/bg_form_etc.png);
    background-position: top left;
    background-repeat: no-repeat;
    background-color: #fff;
    width: 980px;
    height: 1100px;
	margin: 0 auto;
    position: relative;　　　　　
}

#wrapper_senior {
    background-image: url(img/bg_snr.png);
    background-color: #fff;
    background-position: top;
    background-repeat: no-repeat;
    width: 980px;
    height: 3470px;
	margin: 0 auto;
    position: relative;　　　　　
}

header {
    background-image: url(img/bg_c1.png);
    background-repeat: no-repeat;
    background-position : top left;
}

.logo_2nd {
    position: absolute;
    top: 25px;
    left: 769px;
}

.logo_3rd {
    position: absolute;
    top: 16px;
    right: 30px;
}

.pagetitle {
    position: absolute;
    left: 77px;
    top: 56px;
}

.pagetitle2 {
    position: absolute;
    left: 77px;
    top: 28px;
}

.img_cmt {
    position: absolute;
    right: 0;
    top: 264px;
}

.img_jbs {
    position: absolute;
    right: 0;
    top: 467px;
}

/* comment, jobsの本文 */
.main_txt {
	line-height: 2;
	width: 700px;
	position: absolute;
	left: 150px;
	top: 115px;
}
.main_txt_ {
	line-height: 2;
	width: 700px;
	position: absolute;
	left: 150px;
	top: 800px;
}

.main_txt h2 {     /* 該当なし */
    font-size: 16px;
    font-weight: bold;
}

.main_txt2 {    /* jobs */
    line-height: 2;
	width: 700px;
    position: absolute;
    left: 150px;
    top: 810px; 
}

 /* jobs の取扱項目 --------*/
ul {
    width: 540px;
    position: absolute;
    left: -78px;
}

li {
    font-size: 16px;
    font-weight: bold;
    line-height: 2.4;
    text-indent: 78px;
    color: #333;
}

hr {　　　　　　　　　　　　　　　　　　　
    border-width: 1px 0px 0px 0px; /* 太さ1px */
    border-style: dashed; 
    border-color: #E83F33;
    width: 465px;
    /* height: 1px;         高さ(※古いIE用) */ 
}　

 /* ワンストップサービス
-----------------------------------------------*/
.onestopservice {
    width: 670px;
    height: 200px;
    position: absolute;
    left: 77px;
    top: 800px;
}

.onestop {              /* なぜだかこれも必要 */
    width: 670px;
    height: 200px;
    position: absolute;
    left: 77px;
    top: 800px;
}

.onestop_txt {
    font-size: 95%;
    font-weight: bold;
    line-height: 1.7;
    letter-spacing: -0.015em;
    padding-top: 4px;
}

　/* ブログ
-----------------------------------------------
左ブログ記事のリスト*/

#aside {
/*    float: left;
	width: 211px; */
}

#aside ul {
	width: 211px;
	border-top: 1px dashed #8c8681;
    position: absolute;
    left: 77px; 
    top: 136px;
}
#aside ul li {
    height: auto;
    text-indent: 0;
    line-height: 1.4;
	padding-top: 8px;
	padding-bottom: 8px;
	border-bottom: 1px dashed #8c8681;
    font-size: 13px;
}

#aside ul li:before {
    content: "■ ";
    color: #E83F33;
	font-size: 10px;    
}

#aside ul li a {
	color: #151515;
}

#aside ul li a:hover {
	color: #E83F33;
}

#blog header {
    position: absolute;
    top: 16px;
    right: 30px;
}

.blog_txt {
    font-size: 15px;
    line-height: 1.95;
    width: 580px;
    position: absolute;
    left: 350px;
    top: 122px;
}

.blog_txt h2 {
    font-size: 16px;
    font-weight: bold;
}

.blog_txt h2:before {
    content: "■ ";
    color: #E83F33;
}

.blog_txt2 {
    font-size: 15px;
    line-height: 1.95;
    width: 580px;
    padding-left: 350px;
    padding-top: 122px;
    padding-bottom: 60px;
}

.blog_txt2 h2 {
    font-size: 16px;
    font-weight: bold;
}

.blog_txt2 h2:before {
    content: "■ ";
    color: #E83F33;
}

.uline {
    border-bottom: solid;
    border-color: #E83F33;
    border-width: 1px;
    padding-bottom: 3px;
}

　/* サイドメニュー
-----------------------------------------------*/
.side_menu_c {   /*使ってないけどなぜか必要*/
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    width:  159px;
    height: 271px;
    position: absolute;        
    right:  0;               
    bottom: 90px;
}

.side_menu_cmt {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    width:  159px;
    height: 271px;
    position: absolute;        
    right:  0;               
    bottom: 12%;
}

.side_menu_j {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    width:  159px;
    height: 271px;
    position: absolute;        
    right:  0;               
    bottom: 8%; 
}

.side_menu_blg {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    width:  159px;
    height: 180px;
    position: absolute;        
    left: 0px;               
    top: 460px; 
}

.side_menu_snr {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    width:  159px;
    height: 180px;
    position: absolute;        
    left: 0px;               
    bottom: 46%; 
}

.side_menu_smir {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    width:  159px;
    height: 180px;
    position: absolute;        
    left: 0px;               
    top: 1700px; 
}

.side_menu_smir2 {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    width:  159px;
    height: 180px;
    position: absolute;        
    left: 0px;               
    top: 600px; 
}

.side_menu_pet {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    width:  159px;
    height: 180px;
    position: absolute;        
    left: 0px;               
    top: 520px; 
}

.side_menu_fds {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    width:  159px;
    height: 180px;
    position: absolute;        
    left: 0px;               
    top: 420px; 
}

.side_menu_smirfrm {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    width:  159px;
    height: 180px;
    position: absolute;        
    left: 0px;               
    top: 280px; 
}

.side_menu_frm {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    width:  159px;
    height: 180px;
    position: absolute;        
    left: 0px;               
    bottom: 27%; 
}

.side_menu_acs {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    width:  159px;
    height: 271px;
    position: absolute;        
    left: 0px;               
    bottom: 12%; 
}


.side_menu_cmt a:hover {
    opacity: 0.8;
}

.side_menu_j a:hover {
    opacity: 0.8;
}

.side_menu_blg a:hover {
    opacity: 0.8;
}

.side_menu_frm a:hover {
    opacity: 0.8;
}

.side_menu_acs a:hover {
    opacity: 0.8;
}

.side_menu_snr a:hover {
    opacity: 0.8;
}

.side_menu_smir a:hover {
    opacity: 0.8;
}

.side_menu_smir2 a:hover {
    opacity: 0.8;
}

.side_menu_pet a:hover {
    opacity: 0.8;
}

.side_menu_ign a:hover {
    opacity: 0.8;
}



.side_menu_item {　
    width: 159px;
    height: 27.75px;
    padding-bottom: 6px;
}

/* font size
---------------------------------------*/
.fs_28 {
    font-size: 28px;
}

.fs_24 {
    font-size: 24px;
}

.fs_20 {
    font-size: 20px;
}

.fs_18 {
    font-size: 18px;
}

.fs_16 {
    font-size: 16px;
}

.fs_15 {
	font-size: 15px;
}

.fs_14 {
	font-size: 14px;
}

.fs_13 {
    font-size: 13px;
}

.fs_12 {
    font-size: 12px;
}

/* form
---------------------------------------*/

.form_k {
    width: 680px; 
    padding-left: 220px;
    padding-right: 80px; 
    padding-top: 140px;
}

.form_k table {
    width: 680px;
    font-size: 15px;
}


.bb {
    border-bottom: 1px solid #ddd;
}

.uline2 {
    border-bottom: solid;
    border-color: #ddd;
    border-width: 1px;
    padding-bottom: 10px;
}

.pt_10 {
    padding-top: 10px;
}

.pb_10 {
    padding-bottom: 10px;
}

.lh_15 {
    line-height: 1.5;
}

.mb_20 {
    margin-bottom: 20px;
}

.mb_30 {
    margin-bottom: 30px;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

.mt_10 {
    margin-top: 10px;
}


.mt_30 {
    margin-top: 30px;
}

.mt_50 {
    margin-top: 50px;
}


/* color
---------------------------------------*/ 
.red {　　　　　　　　
    color: #d3382e; /* #dc3a2f #e33d31 #E83F33 */
}

/* お問い合わせページ
---------------------------------------*/
input, textarea {
    box-sizing: border-box;
    font-size: 15px;
    padding-left: 6px;
    padding-top: 2px;
}

.contact_btn {
    display: block;
    width: 220px;
    height: 46px;
    font-size: 14px;
    margin: 0 auto 40px 160px;
    background: linear-gradient(#57abe0, #236bb5);
    color: #ffffff;
    letter-spacing: 0.2em;
    cursor: pointer;
}

.contact_btn:hover {
    background: linear-gradient(#0082c3, #005195);    
}
/* 遺言見直しのススメ
---------------------------------------*/
.igon_lead{
    font-size: 18px;
    line-height: 2;
    width: 660px;
    position: absolute;
    left: 220px;
    top: 150px;
}

.igon_sub_title {
    font-size: 22px;
    padding: 0px;
    border-bottom: solid;
    border-color: #c36a00;
    border-width: 3px; 
    line-height: 1.5;
}
.igon_txt {
    display: block;
    line-height: 1.9;
    font-size: 18px;
    width: 660px;
    margin-left: 0px;
    padding-top: 15px;
}

.igon_border {
    border-bottom: solid;
    border-color: #c36a00;
    border-width: 1px; 
    padding-bottom: 2px;
}

/* ご高齢者対策
---------------------------------------*/
.senior {
    line-height: 2;
    width: 700px;
    position: absolute;
    left: 150px;
    top: 122px;
}

.senior_sub_title {
    font-size: 20px;
    padding: 10px 0px 0px 0px;
    border-bottom: solid;
    border-color: #c36a00;
    border-width: 1px; 
    line-height: 1.5;
}

.senior_txt {
    display: block;
    padding-left: 70px;
}

.senior h2 {
    display: block;
    font-size: 15.5px;
    width: 240px;
    height: 32px;
    background-color: #c36a00;  /* #E83F33 */
    color: #ffffff;
    letter-spacing: 0.12em;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 8px;
}

.senior_hotei h2 {
    display: block;
    font-size: 15.5px;
    width: 300px;
    height: 32px;
    background-color: #c36a00;  /* #E83F33 */
    color: #ffffff;
    letter-spacing: 0.05em;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 8px;
}

.senior h3 {
    display: block;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 2;
}
.senior h3:before {
    content: "■ "; 
    color: #c36a00; 
}

.senior_txt2 {
    display: block;
    font-size: 15px;
    width: 600px;
    margin-left: 70px;
    padding-top: 8px;
}

.pl_30 {
    padding-left: 30px;
}
.pl_70 {
    padding-left: 70px;
}
.pl_100 {
    padding-left: 100px;
}
.pl_150 {
    padding-left: 150px;
}

.pt_30 {
    padding-top: 30px;
}


.pt_20 {
    padding-top: 20px;
}

.pt_10 {
    padding-top: 10px;
}

.lh_2 {
    line-height: 2;
}


/* 大人のセミナー
---------------------------------------*/
#wrapper_smr {
    background-color: #fff;
    background-position: top; 
    width: 980px;
    height: 2250px;  
	margin: 0 auto;
    position: relative;　　　
}

#wrapper_smr2 {
    background-color: #fff;
    background-position: top; 
    width: 980px;
    height: 2800px;  
	margin: 0 auto;
    position: relative;　　　
}

#wrapper_szk {
    background-color: #fff;
    background-position: top; 
    width: 980px;
    height: 1880px;  
	margin: 0 auto;
    position: relative;　　　　　
}

#wrapper_online {
    background-color: #fff;
    background-position: top; 
    width: 980px;
    height: 720px;  
	margin: 0 auto;
    position: relative;　　　　　
}

#wrapper_kig {
    background-color: #fff;
    background-position: top; 
    width: 980px;
    height: 1500px;  
	margin: 0 auto;
    position: relative;　　　　　
}

#wrapper_skh {
    background-color: #fff;
    background-position: top; 
    width: 980px;
    height: 1300px;  
	margin: 0 auto;
    position: relative;　　　　　
}

#wrapper_fds {
    background-color: #fff;
    background-position: top; 
    width: 980px;
    height: 1100px;  
	margin: 0 auto;
    position: relative;　　　　　
}

#wrapper_sig {
    background-color: #fff;
    background-position: top; 
    width: 980px;
    height: 1230px;  
	margin: 0 auto;
    position: relative;　　　　　
}

#wrapper_biz {
    background-color: #fff;
    background-position: top; 
    width: 980px;
    height: 1000px;  
	margin: 0 auto;
    position: relative;　　　　　
}


/*セミナーのお申し込みフォーム
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.seminar_form {
    position: absolute;
    left: 250px;
    top: 200px; 
}
.seminar_form table {
    padding: 6px;
}

.seminar_btn {
    margin-left: 194px;
    margin-top: 20px;
}

select {
    -webkit-appearance:none;
    appearance:none;
    width:100%;
    padding:0.6em 0.6em;
    box-sizing:border-box;
    font-size:1em;
    border:#ccc 1px solid;
    border-radius:0;
    background:#fff;  
}
.select-wrapper {
  position: relative;
}

.select-wrapper::after {
    content: "▼";
    color: #c5c5c5;
    font-size: 12px;
    top: 30%;
    right: 16px;
    position: absolute;
}

#wrapper_online_thanks {
    background-color: #fff;
    background-position: top; 
    width: 980px;
    height: 680px;  
	margin: 0 auto;
    position: relative;　　　　　
}

/* 大人のセミナーのゲート　ページ
==================================*/
.main_txt3 {    
    position: absolute;
    left: 150px;
    top: 160px; 
}

.sozoku100 {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-top: 20px;
    width:  700px;
    height: 164px;
}

.sozoku100_item1 {
    width: 300px;
    height: 164px;
}

.sozoku100_item2 {
    width: 300px;
    height: 164px;
    padding-left: 26px;
    color: #4084cf;  /* #c36a00 00a6d9*/
    line-height: 1.7;
}

.sozoku100_step {
    margin: 20px 0 0 110px;
    line-height: 2.5;
    font-size: 15px; 
}

.saikenho h3 {
    font-size: 48px;
    font-weight: 800;
    letter-spacing: 0.005em;
    line-height: 1.1;
    margin-top: 20px;
    color: #367cc0;
    margin-bottom: 3px;
}
.seminar_pet {
    margin: 10px 0 0 200px;
}
.seminar_pet h3 {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0.01em;
    color: #968c87;
}
.saikenho p, .seminar_pet p, .fudousan p, .kojin_biz p, .single p {
    font-size: 15px;
    padding-top: 8px;
}
.fudousan {
    margin: 26px 0 0 110px;    
}

.fudousan h3 {
    font-size: 42px;
    letter-spacing: 0.005em;
    line-height: 1.2;
    color: #bc681d
}

.kojin_biz {
/*    margin-top: 30px;　*/
}

.kojin_sub {
    font-size: 28px;
    letter-spacing: 0.005em;
    font-weight: 500;
    color: #64c0ab   
}
.kojin_biz h3 {
    font-size: 42px;
    letter-spacing: 0.005em;
    line-height: 1.2;
    font-weight: 500;
    color: #367cc0    
}

.single {
    margin-left: 110px;
}

.single h3 {
    font-size: 38px;
    letter-spacing: 0.005em;
    line-height: 1.2;
    font-weight: 600;
    color: #b50099    
}

.single_sub {
    font-size: 28px;
    letter-spacing: 0.005em;
    font-weight: 500;
    color: #bc681d
}

.kaigo {
    margin: 20px 0 0 110px;
}

.kaigo_sub {
    font-size: 28px;
    letter-spacing: 0.005em;
    font-weight: 500;
    color: #bc681d;
}

.kaigo_txt {
    margin: 0px 0 0 110px;
    width: 600px;
}

/*相続百色のページ
ーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.sozoku100_step2 {
    margin: 5px 0 0 110px;
    line-height: 1.5;
    width:  600px;
    font-size: 15px; 
}

.sozoku100_step2 h3 {
    font-weight: 500;
    letter-spacing: 0.005em;
    border-top: 1px solid;
    border-color: #ee7b5a;
    padding-bottom: 6px;
}
.sozoku100_step2 p {
    font-size: 14px;
    line-height: 1.6;
} 
.sozoku100_mail {
    font-size: 14px;
    line-height: 1.6;
    margin-left: 110px;
    padding-top: 15px;
}
/* セミナー終了印*/
.finish_1 {
    position: absolute;
    right: 150px;
    top: 460px;
}
.finish_2 {
    position: absolute;
    right: 150px;
    top: 700px;
}
.finish_3 {
    position: absolute;
    right: 150px;
    top: 860px;
}

/*講師、次回予告ーーーーー*/
.koshi {
    font-size: 14px; 
    font-weight: 600;
    margin-left: 110px;
    padding-top: 30px;
}
.jikai {
    font-size: 17px; 
    font-weight: 600;
    border-top: 4px solid;
    border-color: #ee7b5a;
    margin-left: 110px;
    padding-top: 4px;
}

/* ペットとあなたの幸せ講座ページ
==================================*/

.seminar_pet2 {
    margin: 5px 0 0 40px;
}

.seminar_pet2 h2 {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 0.01em;
    color: #968c87;
}
.pet_madam  {
    position: absolute;
    right: 60px;
    top: 40px;
}
.pet_gent  {
    position: absolute;
    left: 20px;
    top: 620px;
}

.koshi_pet {
    font-size: 14px; 
    font-weight: 600;
    margin-left: 110px;
    padding-top: 15px;
}

/* pet.htmlのCaseのFlexBoxの指定　
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.pet_flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin: 5px 0 0 110px;
    background-image: url(img/bg_pet.png);
}

.kaigo_flex {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin: 5px 0 0 60px;
    background-image: url(img/bg_kaigo.png);
    background-repeat: no-repeat;
}
.pet_case {
    font-size: 15px;
    font-weight: 800;
    line-height: 1.8;
    letter-spacing: -0.01em;
    flex-basis: auto;
    text-align: center;
    align-self: center;
    padding: 10px 40px 15px 0;
}
.case_1 {
    color: #b5669d; 
}
.case_2 {
    color: #5991ca; /*5f94cb 6497cc */
}
.case_3 {
    color: #3db298; /*53bba4*/
}
.case_4 {
    color: #00a6d9; /*5ec0e2*/
}
.case_5 {
    color: #cf791c; /*dd8526 dd9626*/
}

/*ここまでーーーーーーーーーーーーーーーーーー*/
.pet_txt {
    margin: 60px 0 0 110px;
    width: 600px;
}
.pet_txt h3 {
    font-size: 18px;
    font-weight: 800;
    line-height: 1.6;
    letter-spacing: -0.02em;
/*    color: #00a6d9; /*#dd9626*/
    padding-bottom: 10px;
}
.pet_txt p {
    font-size: 18px;
    line-height: 1.5;
    padding-top: 4px;
}
.pet_sub_title {
    font-size: 18px;
    font-weight: 800;
    padding: 10px 0px 4px 0px;
    border-bottom: solid;
    border-color: #00a6d9;
    border-width: 1px; 
    line-height: 1.5;
}
.pet_lets {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.8;
    letter-spacing: -0.02em;
    margin-top: 20px;
    color: #009ccf;
}

.moushikomi {
    margin-left: 110px;
    margin-top: 10px;
}


/* セミナー債権法のページ
---------------------------------------*/
.saikenho {
    width: 700px;
}
.saikenho_txt {
    margin: 20px 0 0 110px;
    width: 600px;
}

.saikenho_sub_title {
    font-size: 18px;
    font-weight: 800;
    padding: 10px 0px 4px 0px;
    border-bottom: solid;
    border-color: #ea5810;
    border-width: 1px; 
    line-height: 1.5;
}

/* 百色カラー
---------------------------------------*/
.c_ee7b5a {
    color: #ee7b5a;
}
.c_70b9e7 {
    color: #70b9e7;
}
.c_64c0ab {
    color: #64c0ab;
}
.c_fbcd7d {
    color: #fbcd7d;
}
.c_b5669d {
    color: #b5669d;
}
.c_d0de57 {
    color: #d0de57;
}
.c_668ac6 {
    color: #668ac6;
}
.c_ec6948 {
    color: #ec6948;
}
    
/* 大人セミナーカラー
---------------------------------------*/
.c_67c8ce {
    color: #67c8ce;
}
.c_f5aa71 {
    color: #f5aa71;
}  
.c_c87db3 {
    color: #c87db3;
}  
.c_f7d156 {
    color: #f7d156;
}  
.c_98d1a1 {
    color: #98d1a1;
}  
.c_65cdef {
    color: #65cdef;
}  
.c_73a4d3 {
    color: #73a4d3;
}  
.c_a491c2 {
    color: #a491c2;
}  
.c_b3d786 {
    color: #b3d786;
}  
.c_bc681d {
    color: #bc681d;
}
.c_367cc0 {
    color: #367cc0;
}  
.c_7c7c7c {
    color: #7c7c7c;
}
.c_6c6c6c {
    color: #6c6c6c;
}
.c_c36a00 {
    color: #c36a00;
}
.c_blue {
    color: #04aee3; /*00a6d9*/
}
.c_green {
    color: #3db298; 
}
.c_orange {
    color: #ea5810; 
}
.c_magenta {
    color: #b50099;
}
.c_coffee {
    color: #946744;
}
.c_ygreen {
    color: #6bb392; 
}
.c_cobalt {
    color: #4e8dbf;
}
.c_blue2 {
    color: #487ab3;
}