@charset "utf-8";

strong, span, p, em, b, a, small, br, li
{
    font-size: inherit;
    font-weight: inherit;
    color: inherit;
    font-family: inherit;
    line-height: inherit;
}
ul
{
    list-style: square;
}
body
{
   background-color: #dbe6ec;
}
.cta {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
   width: 180px;
	margin: auto;
	padding: 1rem 4rem;
	font-weight: bold;
	border: 2px solid #27acd9;
	background: #27acd9;
	color: #fff;
	transition: 0.5s;
}
.cta:hover {
	color: #27acd9;
	background: #fff;
}
.cta2 {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
   width: 180px;
	margin: auto;
	padding: 1rem 4rem;
	font-weight: bold;
	border: 2px solid rgba(214, 16, 101, 1)6;
	background: rgba(214, 16, 101, 1);
	color: #fff;
	transition: 0.5s;
}
.cta2:hover {
	color: #c71636;
	background: #fff;
}
/*アイキャッチ*/
/*sec01*/
/*sec02*/
/*sec03*/
/*sec04*/
/*sec05*/
/*sec06*/
/*sec07*/


/* ----------------------------------------------------------------------------- */
/* 1200px以下 */
/* ----------------------------------------------------------------------------- */
@media screen and (max-width : 1200px)
{
    .width_minus_40
    {
       width: calc(100% - 40px);
    }
    .margin_bottom150
    {
       margin-bottom: 50px;
    }
    .margin_top100
    {
        margin-top: 50px;
    }
    .font_size_100
    {
       font-size: 5rem;
    }
    .font_size_80
    {
       font-size: 4rem;
    }
    .font_size_50
    {
       font-size: 2.4rem;
    }
    .font_size_32
    {
        font-size: 1.5rem;
     }
    .font_size_36
    {
        font-size: 1.6rem;
     }
     .font_size_40
    {
        font-size: 1.8rem;
     }
    .font_size_24
    {
        font-size : 1.125rem;
     }
    h3.font_size_24
    {
        font-size: 1.3rem;
     }
     .font_size_21
    {
        font-size : 1rem;
     }
     .font_size_18
    {
        font-size : 0.95rem;
    }
}

/* ----------------------------------------------------------------------------- */
/* 768px以下 */
/* ----------------------------------------------------------------------------- */
@media screen and (max-width : 768px)
{
    .font_size_100
    {
       font-size: 5rem;
    }
    .font_size_80
    {
       font-size: 3.1rem;
    }
    .font_size_50
    {
       font-size: 2rem;
    }
     .font_size_40
    {
        font-size: 1.5rem;
     }
    .font_size_14
    {
       font-size: 0.85rem;
    }
    .font_size_12
    {
       font-size: 0.65rem;
    }
    .font_size_28
    {
       font-size: 1.3rem;
    }
    .line_height_1rem
    {
       line-height: 0.8rem;
   }
    .width_minus_40
    {
        width: calc(100% - 20px);
    }
    .margin_bottom100
    {
        margin-bottom: 15vw;
    }
    .margin_top100
    {
        margin-top: 15vw;
    }
    .margin_tb100
    {
       margin-top: 15vw;
       margin-bottom: 15vw;
    }
    .margin_tb75
    {
        margin-top: 9.7vw;
        margin-bottom: 9.7vw;
    }
    .margin_top50
    {
       margin-top: 8vw;
    }
    .margin_tb50
    {
       margin-top: 7vw;
       margin-bottom: 7vw;
    }
    .padding_tb100
    {
       padding-top: 15vw;
       padding-bottom: 15vw;
    }
    .eyecatch_font_size_21
    {
       font-size: 1.2rem;
    }
    .flex_columnreverse
    {
        flex-direction: column-reverse;
    }
    .fixed_cta
    {
       width: 90px;
       right: 10px;
    }
}

/* ----------------------------------------------------------------------------- */
/* 450px以下 */
/* ----------------------------------------------------------------------------- */
@media screen and (max-width : 450px)
{
    *
    {
        font-size: 13px;
    }
    .font_size_80
    {
       font-size: 2rem;
    }
    .font_size_36
    {
        font-size: 1.4rem;
    }
    .font_size_28
    {
        font-size: 1.1rem;
    }
}