/*
***************************************テキストエリア（session）***************************************
***************************************テキストエリア（session）***************************************
***************************************テキストエリア（session）***************************************
*/
.text_section{
width: 95%;
max-width: 650px;
margin: 30px auto 30px;
}
.text_section2{
margin: 30px auto 30px;
}
.text_section3{
width: 100%;
max-width: 650px;
margin: 30px auto 30px;
}
.text_section3 .text_section{
width: 100%;
max-width: 650px;
margin: 30px auto 30px;
}
.site_introduction_topic_area .text_section{
max-width: 750px;
}
.site_introduction_topic_area .text_section3{
max-width: 750px;
}
.section_end{
margin: 30px auto 80px;
}
.top_space{
margin-top: 20px
}
/*
***************************************テキストエリア（session）***************************************
***************************************テキストエリア（session）***************************************
***************************************テキストエリア（session）***************************************
*/



/*
***************************************テキストエリア内画像***************************************
***************************************テキストエリア内画像***************************************
***************************************テキストエリア内画像***************************************
*/
.site_introduction_topic_area img,
.page_content_area img{
width: 100%;
}
.top_img_space{
margin-top: 5px;
}
.min_section img{
width: 100%;
padding: 5px 5px 0;
margin:auto;
display: block;
}
/*
***************************************テキストエリア内画像***************************************
***************************************テキストエリア内画像***************************************
***************************************テキストエリア内画像***************************************
*/



/*
***************************************テキストエリア基本文字類***************************************
***************************************テキストエリア基本文字類***************************************
***************************************テキストエリア基本文字類***************************************
*/
/*基本文字*/
/*固定ページタイトル*/
.page_title h1 {
display: table-cell;
vertical-align: middle;
font-size : 21px;
padding: 10px;
line-height:1.3;
}
.page_title h1:first-letter {
font-size: 25px;
color: #3e98a1;
}

/*固定ページ大カテゴリータイトル*/
.page_content_area h2,
.site_introduction_topic_area .text_section h2,
.site_introduction_topic_area .text_section2 h2,
.site_introduction_topic_area .text_section3 h2{
margin-bottom: 10px;
padding-bottom: 1px;
border-bottom : 1px solid #93cdce;
font-size: 19px;
line-height: 25px;
display: block;
padding-left: 0;
background-color: #effefc;
padding-top: 3px;
color: #454545;
}
.page_content_area h2:first-letter,
.site_introduction_topic_area .text_section h2:first-letter,
.site_introduction_topic_area .text_section2 h2:first-letter,
.site_introduction_topic_area .text_section3 h2:first-letter{
font-size: 24px;
color: #3e98a1;
}

/*サイト紹介ページ大カテゴリータイトル*/
.site_introduction_topic_area h3 {
margin-bottom: 10px;
padding-bottom: 1px;
border-bottom : 1px solid #93cdce;
font-size: 19px;
line-height: 25px;
background-color: #effefc;
padding-top: 3px;
color: #454545;
}

.site_introduction_topic_area h3:first-letter {
font-size: 24px;
color: #3e98a1;
}

/*中カテゴリータイトルベース（セッション毎に変更）*/
.site_introduction_topic_area h6,
.page_content_area h6{
vertical-align: top;
margin: 8px auto 0;
font-size:25px;
line-height:35px;
}

/*基本文字*/
.site_introduction_topic_area p,
.page_content_area p {
vertical-align: top;
margin: 10px auto 20px;
font-size: 18px;
line-height: 2;
}

/*リンク文字*/
.site_introduction_topic_area a,
.page_content_area a{
color:#00b5af;
}
.site_introduction_topic_area a:hover,
.page_content_area a:hover{
color:#026663;
}

/*太文字*/
.site_introduction_topic_area span,
.page_content_area span{
font-weight:bolder;
}

/*小さい文字*/
.site_introduction_topic_area .small_characters,
.page_content_area .small_characters{
font-weight:100;
font-size: 15px;
line-height: 1.8;
}

/*注目ボーダーライン*/
.site_introduction_topic_area .under_line,
.page_content_area .under_line{
background:linear-gradient(transparent 90%, #ff5453  50%);
color: #595959;
}

/*注目ボーダーライン2*/
.site_introduction_topic_area .under_line2,
.page_content_area .under_line2{
background: #00b5af;
color: #fff;
padding: 0 3px 3px 6px;
margin: 0 2px;
}

/*注目波線*/
.site_introduction_topic_area .wavy_line,
.page_content_area .wavy_line{
text-decoration: underline wavy #ff1e1ec2;
color: #595959;
}

/*注目ボーダーライン1-2*/
/*注目波線*/
/*チェックテキスト*/
.site_introduction_topic_area .under_line,
.page_content_area .under_line,
.site_introduction_topic_area .under_line2,
.page_content_area .under_line2,
.site_introduction_topic_area .wavy_line,
.page_content_area .wavy_line,
.site_introduction_topic_area .check_text,
.page_content_area .check_text{
font-size: 20px;
}


/*サブタイトル（ボーダーライン付き）*/
.heading_type1 h5.tde span {
background: #f18f73;
padding: 10px 20px 8px 20px;
color: white;
position: relative;
display: inline-block;
margin: 0;
border-radius: 23px 23px 0px 0px;
}
.heading_type1 h5.tde {
margin: 15px 0;
border-bottom: 2px solid #f18f73;
font-size: 16px;
line-height: 20px;
text-transform: uppercase;
}

/*サブタイトル下ボーダーライン*/
.session_bottom_line{
border-bottom: 2px solid #f18f73;
}

/* ***************************************リスト装飾*************************************** */
/*どこで使ってるか覚え無し*/
.ul_decoration_frame{
counter-reset: number;
list-style: square;
padding: 0.5em 0.2em 0.5em 0.8em;
background: #fffbf4;
border: solid 2px #8bccce;
border-radius: 0 8px 8px;
}
.site_introduction_topic_area .ul_ol_decoration_area ol,
.page_content_area .ul_ol_decoration_area ol{
list-style-type: none;
padding: 0.5em 0.2em 0.5em 0.8em;
background: #fdfdfd;
border: solid 2px #8bccce;
border-radius: 0 8px 8px;
}
.site_introduction_topic_area .ul_ol_decoration_area ul,
.page_content_area .ul_ol_decoration_area ul{
padding: 0.5em 0.2em 0.5em 2.8em;
background: #fdfdfd;
border: solid 2px #8bccce;
border-radius: 0 8px 8px;
margin: auto;
}
.site_introduction_topic_area ol,
.page_content_area ol{
counter-reset: number;
}

.site_introduction_topic_area .ul_ol_decoration_area_index > ol,
.page_content_area .ul_ol_decoration_area_index > ol{
counter-reset: number;
list-style-type: none;
padding: 0.5em 0.2em 0.5em 0.8em;
background: #fdfdfd;
border: solid 2px #8bccce;
border-radius: 0 0 8px 8px;
}
.site_introduction_topic_area ul,
.page_content_area ul{
list-style: square;
margin-left: 22px;
}
.site_introduction_topic_area .ul_ol_decoration_area_index ul,
.page_content_area ul{
list-style: square;
margin-left: 22px;
margin-top: 5px;
}
.site_introduction_topic_area ul > li,
.page_content_area ul > li{
position: relative;
padding-left: 30px;
margin-top: 0;
line-height: 1.5;
padding: 7px 0;
/* text-indent: 5.5px; */
font-size: 16px;
/* margin: 0 150px 15px 100px; */
margin-left: 8px;
}
.page_content_area ::marker,
.site_introduction_topic_area ::marker{
unicode-bidi: normal;
font-variant-numeric: normal;
text-transform: none;
text-align: left !important;
text-align-last:auto !important;
text-indent: 5.5px !important;
}

.site_introduction_topic_area ol > li,
.page_content_area ol > li{
position: relative;
padding-left: 30px;
margin-top: 0;
line-height: 1.5;
padding: 7px 30px;
font-size: 16px;
}
.site_introduction_topic_area .ul_ol_decoration_area_index,
.page_content_area .ul_ol_decoration_area_index,
.site_introduction_topic_area .ul_ol_decoration_area,
.page_content_area .ul_ol_decoration_area{
position: relative;
margin: 40px auto 10px;
}
.site_introduction_topic_area .ul_ol_decoration_area span,
.page_content_area .ul_ol_decoration_area span{
color:#6b6b6b;
}
.site_introduction_topic_area .ul_ol_decoration,
.page_content_area .ul_ol_decoration{
background: #8bccce;
color: #fff;
font-weight: bold;
position: absolute;
left: 0;
padding: 5px 12px;
top:-36px;
font-size: 16px;
line-height: 18px;
border-radius: 8px 8px 0px 0px;
}
.site_introduction_topic_area .ul_ol_decoration_index,
.page_content_area .ul_ol_decoration_index{
background: #8bccce;
color: #fff;
font-weight: bold;
position: absolute;
left: 0;
padding: 5px 12px;
top:-36px;
font-size: 16px;
line-height: 18px;
border-radius: 8px 8px 0px 0px;
width: 100%;
}
.site_introduction_topic_area ol > li:before,
.page_content_area ol > li:before {
position: absolute;
counter-increment: number;
content: counter(number);
display: inline-block;
background: #8bccce;
color: #fff;
font-family: "Arial", sans-serif;
font-weight: 700;
font-size: 15px;
border-radius: 50%;
left: 0;
width: 25px;
height: 25px;
line-height: 25px;
text-align: center;
}
/* ***************************************リスト装飾*************************************** */



/* ***************************************ミニセッション装飾*************************************** */
.min_section{
padding: 0 0 10px;
background: #fffbf4;
border: solid 2px #f89174;
border-radius: 0 8px 8px;
}
.min_section h6{
vertical-align: top;
font-size:20px;
line-height:29px;
background: #f18f73;
color: #fff;
padding: 5px;
margin: auto;
}
.min_section p {
margin: 10px 5px;
}
.min_section span{
font-size:15px;
}
ol.rule{
counter-reset: number;
list-style-type: none;
padding: 0;
background: transparent;
border: none;
border-radius:0;
}
ul.rule{
margin-left: 20px ;
}
ul.top_p{
margin-top: -20px ;
}
.page_content_area ol.rule li:before {
top: 8px;
-moz-transform: translateY(0);
-webkit-transform: translateY(0);
-o-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
ol.rule li{
padding: 5px 30px 8px;
font-size: 18px;
}
ul.rule li{
padding: 5px 0;
font-size: 18px;
text-indent: 0;
}
ul.rule li::marker {
color: #93cdce;
}
/* ***************************************ミニセッション装飾*************************************** */



/* ***************************************吹き出し左*************************************** */
.talk_left {
width: 99.5%;
margin: 15px 0 15px;
overflow: hidden;
text-align: left;
order: 4;
}
.talk_left .faceicon {
float: left;
margin-right: -90px;
width: 60px;
position: absolute;
}
.talk_left .faceicon img{
width: 100%;
height: auto;
border: solid 3px #dbdbdb;
border-radius: 50%;
padding: 0;
}
.faceicon p{
text-align:center;
margin: 3px auto 8px;
}
.talk_left .chat_area {
width: 100%;
}
.says ,
.says2{
display: inline-block;
position: relative; 
padding: 17px 13px;
border-radius: 12px;
line-height: 27px;
font-size : 15px;
width: 75%;
}
.says {
margin: 5px 0 0 73px;
background: #dbdbdb;
}
.says:after {
content: "";
display: inline-block;
position: absolute;
top: 18px; 
left: -20px;
border: 9px solid transparent;
border-right: 12px solid #dbdbdb;
}
.says p {
margin: 0;
padding: 0;
color: #3b3b3b;
}
/* ***************************************吹き出し左*************************************** */



/* ***************************************吹き出し右*************************************** */
.talk_right {
width: 100%;
margin: 15px 0;
position: relative;
text-align: right;
min-height: 100px;
order:4;
}
.talk_right .faceicon {
top:0;
right:0;
width: 60px;
position: absolute;
}
.talk_right .faceicon img{
width: 100%;
height: auto;
border: solid 3px #b7e8eb;
border-radius: 50%;
padding: 0;
}
.talk_right .chat_area2 {
width: 100%;
}
.says2 {
margin: 5px 74px 0 0;
background:#b7e8eb;
text-align: left;
}
.says2:before {
content: "";
display: inline-block;
position: absolute;
top: 18px;
right: -20px;
border: 9px solid transparent;
border-left: 12px solid #b7e8eb;
}
.says2 p {
text-align:left;
margin: 0;
padding: 0;
color: #434343;
}
/* ***************************************吹き出し右*************************************** */

/*吹き出し用文字*/
.faceicon p {
font-size:15px;
}

@media screen and (min-width: 600px){
/*文字*/
.page_title h1 {
font-size : 25px;
}
.page_title h1:first-letter {
font-size : 27px;
}
/*固定ページ大カテゴリータイトル*/
.page_content_area h2,
.site_introduction_topic_area .text_section h2,
.site_introduction_topic_area .text_section2 h2,
.site_introduction_topic_area .text_section3 h2{
margin-bottom: 10px;
padding-bottom: 5px;
font-size: 22px;
line-height: 25px;
}
.page_content_area h2:first-letter,
.site_introduction_topic_area .text_section h2:first-letter,
.site_introduction_topic_area .text_section2 h2:first-letter,
.site_introduction_topic_area .text_section3 h2:first-letter{
font-size: 27px;
}
.site_introduction_topic_areap,
.page_content_area p {
font-size: 19px;
}
	
/*注目ボーダーライン1-2*/
/*注目波線*/
/*チェックテキスト*/
.site_introduction_topic_area .under_line,
.page_content_area .under_line,
.site_introduction_topic_area .under_line2,
.page_content_area .under_line2,
.site_introduction_topic_area .wavy_line,
.page_content_area .wavy_line,
.site_introduction_topic_area .check_text,
.page_content_area .check_text{
font-size: 23px;
}

}
@media screen and (min-width: 650px) {
/*テキストエリア装飾*/
.top_space{
margin-top: 40px
}

/*吹き出し左*/
.talk_left .faceicon {
width: 80px;
}
.says ,
.says2{
line-height: 26px;
font-size : 16px;
}
.says {
margin: 5px 0 0 105px;
width: 72%;
}
.says:after {
top: 18px; 
left: -23px;
border: 12px solid transparent;
border-right: 12px solid #dbdbdb;
}
/*吹き出し左*/

/*吹き出し右*/
.talk_right .faceicon {
width: 80px;
}
.says2 {
margin: 5px 105px 0 0;
width: 72%;
}
.says2:before {
top: 18px;
right: -24px;
border: 12px solid transparent;
border-left: 12px solid #b7e8eb;
}
/*吹き出し右*/
.faceicon p {
font-size:17px;
}
}

/*
***************************************テキストエリア基本文字類***************************************
***************************************テキストエリア基本文字類***************************************
***************************************テキストエリア基本文字類***************************************
*/