/* ----------　基本カラー　---------- */
.txt_white {
	color: #333;
}
.txt_color2 {
	color: #f1a71e;
}
.txt_color4 {
	color: #f1b74c;
}
.bg_color1 {
	background-color: #fff;
}
.bg_color3 {
	background-color: #5470ac;
}
.border_color2 {
    border-color: #5470ac;
}
.border_color4 {
	border-color: #b4b4b4;
}

/* ----------　全体共通部分　---------- */
main{
    font-family: 'Noto Sans JP', sans-serif;
}
body, .txt_color_nomal {
	color:#333!important;
}
#main_menu ul li a {
	color: #5470ac;
}
#main_menu.fixed ul li a {
	color: #fff;
}
#main_menu ul li a .menu_sub_title{
	color: #f1b74c;
}
#f_menu ul li a {
	color: #5470ac;
}

.button_container.active .top {
	background: #5470ac;
}
.button_container.active .bottom {
	background: #5470ac;
}
#fixed_right_banner .sns_link{
	background-color: #f3f3f3;
}


/* ----------　TOP　---------- */
#aisatsu h2,#aisatsu p{
	color: #fff;
}
#top_contents .contents_box h2{
	color: #5470ac;
}
.cms_title p{
	color: #5470ac;
}
#top_cms .cms_title h2::before, #top_cms .cms_title h2::after {
	background-color: #5470ac;
}
#info_map a,#info_map p{
	color: #fff;
}
.contents_box::before {
	background-color:#5470ac;
}
.contents_box::after {
 	background-color: #5470ac;
}
.contents_box2::before {
	background-color: rgba(84, 112, 172, 0.7);
}
.contents_box2::after {
	background-color: rgba(84, 112, 172, 0.7);
}
#contents1 .contents_box p,#contents2 .contents_box p,#contents3 .contents_box p{
	color: #333;
}
#top_cms .cms_box .button-effect a,#info_map .button-effect a {
        padding-bottom: 6px;
}


/* ----------　下層ページ　---------- */

.cate_title {
	background-color: #5470ac;
	color: #fff;
}
.cms_5-c .box_txt1::before,#cms_5-c .box_txt1::before  {
    color: rgba(0,0,0,0.3)!important;
}
#cms_5-c .cate_box .box_txt1 {
    color: #333!important;
}
.cms_5-c .box_title1 ,#cms_5-c .box_title1 {
    border-color: rgba(0,0,0,0.05)!important;
}
#page8 .d_flex.mg_b-30px input,#page8 textarea{
	background-color: #fafbfd;
	border: 1px solid #5470ac;
}
#page8 .end_message,#page8 .error_message{
	color: #5470ac!important;
}
#page9 p a{
	background-color: #5470ac;
	color: #fff;
}
#page9 p a:hover {
	background-color: #f1b74c;
	color: #fff;
}


#page1,#page2,#page3,#page4,#page5,#page6,#page7,#page8,#page9,#page10{
    background-image: url(dup/img/back.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}

#aisatsu .pd_t-100px {
    background-color: rgb(241 183 76 / 47%);
}
#aisatsu h2, #aisatsu p { color: #333;}
.cms_6-b .cate_box .box_txt1 {
    color: #fbfbfb;
}

#logo img{
    width: 306px;
}

.illust {
    vertical-align: bottom;
    width: 22%;
    height: auto;
    position: relative;
    position: absolute;
    z-index: 4;
    /* right: -140%; */
    left: 0%;
    top: 727%;
    background-repeat: no-repeat;
}

.illust2{
    vertical-align: bottom;
    width: 25%;
    height: auto;
    position: relative;
    position: absolute;
    z-index: 4;
    /* right: -140%; */
    left: 20%;
    top: 720%;
    background-repeat: no-repeat;
}

.box_title1 {
    text-align: left;
}

.box_item p {
    text-align: left;
}

 #cms_6-b .cate_box {
	background-color: white;
}

.box_wrap{
	background-color: white;
}


@media screen and (max-width: 375px){
.illust2 {
    vertical-align: bottom;
    width: 63%;
    height: auto;
    position: relative;
    position: absolute;
    z-index: 4;
    /* right: -140%; */
    left: 33%;
    top: 983%;
    background-repeat: no-repeat;
}
    
.illust {
    vertical-align: bottom;
    width: 32%;
    height: auto;
    position: relative;
    position: absolute;
    z-index: 4;
    /* right: -140%; */
    left: 5%;
    top: 986%;
    background-repeat: no-repeat;
}

#logo img {
    width: 100px;
}

#copyright{
    font-size: 10px;
}
}

.border_white {
    background-color: white;
}

/*.border_so1-t{
    background-image: url(dup/img/back.jpg);
    background-attachment: revert;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}*/

@media screen and (max-width: 768px){
.illust2 {
    vertical-align: bottom;
    width: 25%;
    height: auto;
    position: relative;
    position: absolute;
    z-index: 4;
    /* right: -140%; */
    left: 24%;
    top: 636%;
    background-repeat: no-repeat;
}

.illust {
    vertical-align: bottom;
    width: 22%;
    height: auto;
    position: relative;
    position: absolute;
    z-index: 4;
    /* right: -140%; */
    left: 4%;
    top: 635%;
    background-repeat: no-repeat;
}

#f_menu ul li a{
    font-size: 15px;
}

#foot_txt{
    font-size: 13px;
}

#logo img {
    width: 200px;
}
}

footer .grid_9 .sns_link  {
    display: none;
}

#foot_txt{
    font-size: 12px;
}

@media screen and (max-width: 375px){
#logo img {
    width: 100px;
}
    
    
.illust2 {
    vertical-align: bottom;
    width: 63%;
    height: auto;
    position: relative;
    position: absolute;
    z-index: 4;
    /* right: -140%; */
    left: 33%;
    top: 983%;
    background-repeat: no-repeat;
}
    
.illust {
    vertical-align: bottom;
    width: 32%;
    height: auto;
    position: relative;
    position: absolute;
    z-index: 4;
    /* right: -140%; */
    left: 5%;
    top: 986%;
    background-repeat: no-repeat;
}
}

.illust{display:none;}

.illust2{display:none;}


#aisatsu .pd_t-100px {
     background-color: rgba(251, 251 ,251,0.75);
    text-shadow: 1px 2px 3px rgba(255, 255, 255 ,0.98);
     font-weight: bold;
}

.cms_5-a {
    text-align: left;
}

#aisatsu h2{
    font-weight: bold;
}


/*.illust3{*/
/*    vertical-align: bottom;*/
/*    width: 22%;*/
/*    height: auto;*/
/*    position: absolute;*/
/*    z-index: 3;*/
    /* right: -140%; */
/*    left: 50%;*/
    /* top: 3%; */
    /* bottom: -106%; */
/*    top: 168%;*/
    /* padding-top: 40%; */
/*    background-repeat: no-repeat;*/
/*}*/
.illust3{
    position: absolute;
    width: auto;
    top: -24vw;
    height: 25vw;
    left: 30%;
}
.illust3 img{
        width: auto;
    height: 100%;
}

@media screen and (max-width: 375px){
/*.illust3 {*/
/*    vertical-align: bottom;*/
/*    width: 62%;*/
/*    height: auto;*/
/*    position: absolute;*/
/*    z-index: 0;*/
    /* right: -140%; */
/*    left: 2%;*/
    /* top: 3%; */
    /* bottom: -106%; */
/*    top: 165%;*/
    /* padding-top: 40%; */
/*    background-repeat: no-repeat;*/
/*}*/
    
    
#page1,#page2,#page3,#page4,#page5,#page6,#page7,#page8,#page9,#page10{
    background-image: url(dup/img/back.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
}
    
    
}

@media screen and (max-width: 768px){
/*.illust3 {*/
/*    vertical-align: bottom;*/
/*    width: 42%;*/
/*    height: auto;*/
/*    position: absolute;*/
/*    z-index: 3;*/
    /* right: -140%; */
/*    left: 50%;*/
    /* top: 3%; */
    /* bottom: -106%; */
/*    top: 139%;*/
    /* padding-top: 40%; */
/*    background-repeat: no-repeat;*/
/*}*/


}

@media screen and (max-width: 667px){
    .illust3 {
    position: absolute;
    width: auto;
    top: -35vw;
    height: 35vw;
    left: 60%;
}
#page1, #page2, #page3, #page4, #page5, #page6, #page7, #page8, #page9, #page10 {
    background-attachment: scroll;
    background-position: top 200px center;
    background-size: contain;
}
#aisatsu h2 {
    font-size: 25px;
}

}

.txt_color1 {
    color: #f1b74c;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}

@media screen and (max-width: 667px){
.illust3 {
    position: absolute;
    width: auto;
    top: -105vw;
    height: 50vw;
    left: -3%;
    
}
#cms_1-a .pager li{
    margin-right: 5px;
}
#cms_1-a .pager li:last-of-type {
    margin-right: 5px;
}
.pager li:not(.prev) {
    display: none;
}   
}

.cate_box .box_txt1 {
    color: #fff;
}

#cms_4-a .cate_title{
    padding: 10px;
}

.pd_l-10px {
    padding-left: 0px;
}

#page2 .cate_box .box_txt1 {
    color: #01011c;
}
#page3 .cate_box .box_txt1 {
    color: #01011c;
}

#page9 .pd_l-10px {
    padding-left: 10px;
}

.pager li a {
    color: #060606;
}

#top_cms .cate_box .box_txt1 {
    color: #01011c;
}

#page7 .cate_box .box_txt1 {
    color: #01011c;
}

#cms_5-a .cate_box {
    padding-left: 25px;
}

#top_cms .cms_6-b .cate_box .box_txt1 {
    color: #ffffff!important;
}

#cms_5-a .pd_20px {
    padding: 33px;
}

.cms_5-a p ::before {
    top: 10px;
    left: 10px;
    font-size: -webkit-calc(1rem + 4px);
    font-size: calc(1rem + 4px);
    position: relative;
  
}

.cms_5-a p::before {
    content: "A.";
    font-weight: bold;
    position: relative;
    color: rgba(0,0,0,0.2);
    top: 2px;
    left: -8px;
    font-size: -webkit-calc(1rem + 8px);
    font-size: calc(1rem + 8px);
    padding-left: 30px;
}