.arrow_cms{
    font-size: 50px;
}

/*font--------------------------------------------------------------------------*/
body,.font_bar{font-family:'Open Sans','Noto Sans JP', sans-serif !important;}
h2,h3,h4,h5,h6{font-weight: 700 !important;}
/*font--------------------------------------------------------------------------*/

/*color--------------------------------------------------------------------------*/
/*#2ebff0 46,191,240*/
/*#234db0 35,77,176*/

.bg_color1 { background-color: #2ebff0;}
.bg_color2 {background-color: #f5fcfc;}
.bg_color3 {background-color: #234db0;}

.txt_color1 {color: #2ebff0;}
.txt_color3 {color: #234db0;}
.before { color: #234db0;}
.after { color: #2ebff0;}

.border_color1 {border-color: #2ebff0;}
.border_color3 {border-color: #234db0;}

.hvr_txt_color1:hover { color: #2ebff0;}

.hvr_bg_color1:hover { background-color: #2ebff0;}
.hvr_bg_color3:hover {background-color:#234db0;}
/*color--------------------------------------------------------------------------*/

/*logo--------------------------------------------------------------------------*/
h1#logo { margin-bottom: 50px;}
h1#logo img { max-width: 400px;}
/*logo--------------------------------------------------------------------------*/

/*main_img--------------------------------------------------------------------------*/
.catch {
    max-width: 780px;
    position: absolute;
    bottom: 27%;
    left: 2%;
    mix-blend-mode: multiply;}
/*main_img--------------------------------------------------------------------------*/

/*top--------------------------------------------------------------------------*/
#contents .con_bg {
    background: url(dup/img/bg_img.png);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: auto 100%;
    background-color: #2ebff0;}

.cms_box_fixed {
    background: url(dup/img/bg_img02.png);
    background-attachment: fixed;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-color: #e8f9f9;
    background-position: right;
}

.cms_box.pd_t-100px {
    padding-top: 0;
    padding-bottom: 100px;
    margin-top: 0px;
    margin-bottom: 0;}
    
.cms_box::before {
    content: '';
    background: url(dup/img/naname.png);
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 110%;
    background-position: top 0px right 0px;
    background-size: 160% 10%;
    background-repeat: no-repeat;}

.cms_box::after {
    content: '';
    background: url(dup/img/naname02.png);
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 110%;
    background-size: 150% 10%;
    background-repeat: no-repeat;
}

#top_cms .cms_title span {width: 0px;}

.cms_title {border: solid 0px;}



.title_img {
    max-width: 62px;
    padding-bottom: 0px;
    padding-right: 12px;}
    
.title_img02{
    max-width: 50px;
    padding-bottom: 0px;
    padding-right: 12px;}

.title_img03 {
    max-width: 80px;
    padding-bottom: 0px;
    padding-right: 14px;}
    
.title_img04 {
    max-width: 72px;
    padding-bottom: 0px;
    padding-right: 12px;
    transform: rotate(348deg);
}

.cms_box_last::after{content:none;}
/*top--------------------------------------------------------------------------*/


/*linkStyle*/
a.linkStyle {
    color: #234db0;
    transition: 0.5s;}
a.linkStyle:hover {
    color: #2ebff0;}
.arrow_cms {margin-top: 15px;}

/*IE*/
@media all and (-ms-high-contrast: none){
#cms_1-e .date,.cms_1-e .date {
    padding-top: 11px !important;
    padding-bottom: 12px !important;}

.cate_list a {
    padding-top: 0px !important;
    padding-bottom: 5px !important;}

#cms_6-a .cate .cate_title {
    padding-top: 6px !important;}

#cms_5-a .cate .cate_title span:last-of-type {
    padding-top: 0px !important;
    padding-bottom: 4px !important;}

#page07 .info_title::before {
    top: 14px !important;}

#page09 a {
    padding-top: 2px !important;
    padding-bottom: 4px !important;}
    
    
#cms_4-a .cate_box.flex_center-center {
    justify-content: flex-start;
    align-items: center;
}

}
/*タブレット*/
@media screen and (max-width: 768px){

.arrow_cms { margin-top: 30px;}
    #cms_1-e .pager li:last-of-type { margin-right: 5px;}
    #cms_1-e .pager li { margin-right: 5px;}
.catch {
    max-width: 600px;
    position: absolute;
    bottom: 31%;
    left: 4%;
    mix-blend-mode: multiply;
}

#contents .con_bg { background-attachment: fixed;}

.cms_box::before {
    width: 100%;
    height: 100%;
    background-position: top 3px right 0px;
    background-size: 129% 7%;}

.cms_box::after {
    width: 100%;
    height: 165%;
    background-size: 129% 7%;}

}
/*スマホ*/
@media screen and (max-width: 667px){
    .catch {
    max-width: 322px;
    position: absolute;
    bottom: 43%;
    left: 4%;
    mix-blend-mode: multiply;}
    
.cms_box::after {
    height: 151%;
   background-size: 100% 10%;
}
.arrow_cms {
    margin-top: 35px;
    font-size: 27px;}
.cms_box::before {
    height: 150%;}}

@media screen and (max-width: 360px){
.cms_box::before {
    height: 150%;}
.cms_box::after {
    height: 159%;}}

@media screen and (max-width: 320px){
.catch {
    max-width: 288px;}
.cms_box::after {
    height: 179%;}}