@charset "utf-8";

.slick-list .list09{
	display: none;
}
/*----------------------------------------------------
　MV
----------------------------------------------------*/
#main_area {/*--メイン背景----*/
  background-color: #8ab4c9;
}
#main_copy {
	top: 20%;
}
#main_copy span{
	letter-spacing: 0em;
}
/*----------------------------------------------------
intro
----------------------------------------------------*/

.contents_title_01{/*--タイトル文字----*/
	color: #75a7bf;
}

.contents_title_01::before,.contents_title_01::after  {
	background-image: url(../img/title_line.png);
}

#intro .txt_u_line {/*--アンダーライン----*/
  background: linear-gradient(transparent 60%, #bce2e8 60%);
	}

/*----------------------------------------------------
ページリンク
----------------------------------------------------*/

.page_link_01, .page_link_02, .page_link_03 {
  width: 27em;
}
.page_link_01 {
	background-image: url(../img/page_link_01.png);
}
.page_link_01 a {
  color: #75a7bf;
}
.page_link_02 {
	background-image: url(../img/page_link_02.png);
}
.page_link_02 a {
  color: #e39300;
}


/*----------------------------------------------------
　color01
----------------------------------------------------*/
.color01{
	background-image: url(../../img/back_brown.jpg);/*--背景クラフト----*/
	padding-bottom: 6em;
}
.color01 .point_no div {/*--ポイント背景----*/
	background: #75a7bf;
}
.contents_title_01::before,.contents_title_01::after  {/*--見出し01----*/
	background-image: url(../img/title_line.png);
}
.color01 .title_01{/*--吹き出しー----*/
	background-color: #75a7bf;
}
.color01 .title_01:before {/*--吹き出し下----*/
  border-top: 15px solid #75a7bf;
}
.color01 .title_02 span{/*--見出し----*/
	color: #75a7bf;
	border: 2px solid #75a7bf;
}
.color01 .title_02 span{/*--見出しボーダー----*/
	box-shadow: 2px 2px rgba(117, 167, 191);
}
.color01 .txt_u_line{/*--アンダーバー----*/
	background: linear-gradient(transparent 60%, #c7e1f5 60%);}


.color01 .box{/*--点線カラー----*/
	background-image : linear-gradient(to right, #c9aa7d, #c9aa7d 13px, transparent 13px, transparent 15px);  /* 幅2の線を作る */
}
@media screen and (max-width: 767px) {
.color01 .box{
	background-image : linear-gradient(to right, #c9aa7d, #c9aa7d 8px, transparent 8px, transparent 15px);  /* 幅2の線を作る */
}
}
.txt_box {
    font-size: 140%;
    padding-top: 4em;
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 4em;
}

.color01 .point_fusen div{
	background-image: url(../img/point_fusen_back.png);
}
	
/*----------------------------------------------------
　color02
----------------------------------------------------*/
.color02{
	background-image: url(../../08/img/back02.jpg);/*--背景クラフト----*/
	padding-bottom: 6em;
}

.color02 .point_no div {/*--ポイント背景----*/
	background: #ecb458;
}

.color02 .title_01{/*--吹き出しー----*/
	background-color: #e39300;
}

.color02 .title_01:before {/*--吹き出し下----*/
  border-top: 15px solid #e39300;
}
.color02 .contents_title_01::before,.color02 .contents_title_01::after {
	background-image: url(../img/title_line_02.png);
}
.color02 .box{/*--点線カラー----*/
	background-image : linear-gradient(to right, #f2c988, #f2c988 13px, transparent 13px, transparent 15px);  /* 幅2の線を作る */
}
@media screen and (max-width: 767px) {
.color02 .box{
	background-image : linear-gradient(to right, #f2c988, #f2c988 8px, transparent 8px, transparent 15px);  /* 幅2の線を作る */
}}
	
.color02 .title_02 span{/*--見出し----*/
	color: #e39300;
	border: 2px solid #e39300;
}
.color02 .title_02 span{/*--見出しボーダー----*/
	box-shadow: 2px 2px rgba(227, 147, 0);
}

.color02 .txt_u_line{/*--アンダーバー----*/
	background: linear-gradient(transparent 60%, #fbcc7e 60%);
}



.color02 .point_fusen div{
	background-image: url(../img/point_fusen02_back.png);
}
	
.box09 .point_copy {
    bottom: -1em;
}
.box11 .point_copy {
    bottom: -3em;
}
/*----------------------------------------------
　matome
----------------------------------------------------*/

#matome_copy {
	background-image: url(../img/matome_back.png);
}


/*----------------------------------------------------
　point
----------------------------------------------------*/

.box01 .point_img{
	background-image: url(../img/01.jpg);
}
.box02 .point_img{
	background-image: url(../img/02.jpg);
}
.box03 .point_img{
	background-image: url(../img/03.jpg);
}
.box04 .point_img{
	background-image: url(../img/04.jpg);
}
.box05 .point_img{
	background-image: url(../img/05.jpg);
}
.box06 .point_img{
	background-image: url(../img/06.jpg);
}
.box07 .point_img{
	background-image: url(../img/07.jpg);
}
.box08 .point_img{
	background-image: url(../img/08.jpg);
}
.box09 .point_img{
	background-image: url(../img/09.jpg);
}
.box10 .point_img{
	background-image: url(../img/10.jpg);
}
.box11 .point_img{
	background-image: url(../img/11.jpg);
}
.box12 .point_img{
	background-image: url(../img/12.jpg);
}
.box13 .point_img{
	background-image: url(../img/13.jpg);
}