@charset "UTF-8";
/* CSS Document */

body {
font-family: '游ゴシック体', 'Yu Gothic', YuGothic, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, 'MS PGothic', 'ＭＳ Ｐゴシック', sans-serif;
line-height: 1.4;
/*letter-spacing: 0.02em;*/
text-align: justify;
text-justify: inter-ideograph;
font-size: 15px;
color: #333333;
}

htmll.body{margin: 0;padding: 0}

html,body{font-size: 15px}

h3{font-size: 42px}
h4{font-size: 32px}

@media (max-width: 768px) {
h3{font-size: 35px}
h4{font-size: 25px;}
 footer img{max-width: 100%;}

}

@media (max-width: 480px) {
h3{font-size: 22px}
h4{font-size: 16px;}
}

p,dt,dd,ul,table{font-size: 15px;}
.pl2{line-height: 2.5rem;}

.text-indent{
text-indent: -1em;
padding-left: 1em;
}

ul{padding: 0;margin: 0}
li{list-style: none;}


main{margin-bottom: 50px;}


h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{font-weight: 700}


/*width*/

.w-48{width: 48%!important;}

@media (max-width: 576px){
.w-48{width: 100%!important;}
.w-48{margin-bottom: 1em;}
.w-50{width: 100%!important}
}

.w105{
max-width: 1080px;
margin: 0 auto;
padding: 20px 0;
}

.w80{
max-width: 830px;
margin: 0 auto
}

.w90{
max-width: 900px;
margin: 0 auto
}

/*緑線*/
.green-line{
border-bottom: 1px solid #009944;
padding-bottom: 2px;
}

/*下線*/
.uline{
text-decoration: underline !important;
}

/*二重線*/
.u_double{
border-bottom:3px double;
}


/*背景*/
.back-beige{
background-color: #fcfaef;
border-radius: 10px;
padding: 0.5em 0;
}

.back-blue{
background-color: #c8daf1;
border-radius: 10px;
padding: 0.5em 0;
}

.back-orange{
background-color: #f8eaca;
border-radius: 10px;
padding: 0.5em 0;
}


/* color */
.green{color: #009944}
.red{color: #E20920}
.blue{color: #036EB8}
.yellow{color: #fabe00;}
.brown{color: #7B5935;}
.kimidori {color: #73B12C;}
.orenge {color: #FA9700;}
.pink {color: #E55168;}
.background-green{background-color: #009944}
.background-beige{background-color: #EEE8D6}


/*link*/
a{color: #333;}
a:hover{opacity: 0.7;}


/*display*/
.sp,.ip-sp{display: none}

@media (max-width: 1024px){
.ip{display: none!important}
.ip-sp{display: inherit!important}
}


@media (max-width: 480px){
.pc{display: none}
.sp{display: inherit}
}

/*マージン--------------------------*/
.margin5 { margin-bottom: 5px; }
.margin10 { margin-bottom: 10px; }
.margin15 { margin-bottom: 15px; }
.margin20 { margin-bottom: 20px; }
.margin25 { margin-bottom: 25px; }
.margin30 { margin-bottom: 30px; }
.margin40 {	margin-bottom: 40px; }
.margin50 {	margin-bottom: 50px; }
.margin60 {	margin-bottom: 60px; }
.margin_t5 { margin-top: 5px; }
.margin_t10 { margin-top: 10px; }
.margin_t20 { margin-top: 20px; }
.margin_t30 { margin-top: -30px; }

@media (max-width: 552px){
.margin40 {	margin-bottom: 20px; }
.margin50 {	margin-bottom: 30px; }
.margin60 {	margin-bottom: 40px; }
}


.margin05e { margin-bottom: 0.5em;}
.margin1e { margin-bottom: 1em; }
.margin015e { margin-bottom: 1.5em; }
.margin2e { margin-bottom: 2em; }
.margin025e { margin-bottom: 2.5em; }
.margin3e { margin-bottom: 3em;}
.margin_l05e { margin-left: 0.5em; }
.margin_l1e { margin-left: 1em; }
.margin_l015e { margin-left: 1.5em; }
.margin_l2e { margin-left: 2em; }
.margin_r15 { margin-right: 15px; }
.margin_r015e { margin-right: 1.5em; }

.margin_r05e { margin-right: 0.5em; }
.margin_r1e { margin-right: 1em; }
.margin_r015e { margin-right: 1.5em; }
.margin_r2e { margin-right: 2em; }
.margin_r21e { margin-right: 2.1em;}
.margin_r25e { margin-right: 2.5em;}
.margin_r3e { margin-right: 3em; }
.margin_t05e { margin-top: 0.5em; }
.margin_t1e { margin-top: 1em; }


/*padding--------------------------*/
.padding0 { padding: 0px !important;}
.padding20 {padding: 20px !important;}
.padding50 { padding: 50px !important;}
.padding1e	{ padding: 1em !important;}
.padding_t05e {padding-top: 0.5em !important;}
.padding_t1e {padding-top: 1em !important;}
.padding_t015e {padding-top: 1.5em !important;}
.padding_l1e {padding-left: 1em !important;}


/*font--------------------------*/
.big_105 { font-size: 105%; }
.big_110 { font-size: 110%; }
.big_115 { font-size: 115%; }
.big_120 { font-size: 120%; }
.big_130 { font-size: 130%; }
.big_150 { font-size: 150%; }
.big_170 { font-size: 170%; }
.big_180 { font-size: 180%; }
.small_70 { font-size: 70%;
font-weight: normal; }
.small_75 { font-size: 75%; }
.small_80 { font-size: 80%; }
.small_90 { font-size: 90%; }
.normal { font-weight: normal !important; }
.bold { font-weight: bold; }
.bold_110 { font-size: 110%;
	font-weight: bold; }
.bold_115 { font-size: 115%;
	font-weight: bold; }
.bold_120 { font-size: 120%;
	font-weight: bold; }
.bold_150 { font-size: 170%;
	font-weight: bold; }
.bold_170 { font-size: 170%;
	font-weight: bold; }
.grey_s { font-size: 80%;
    color: #888888; }

@media (max-width: 992px){
.big_130 { font-size: 120%; }
.big_150 { font-size: 140%; }
.big_170 { font-size: 150%; }
.big_180 { font-size: 160%; }
}

@media (max-width: 768px){
.big_150,.big_170,.big_180,.bold_150,.bold_170{
font-size: 17px;
}
}


@media (max-width: 480px){
.big_120,.big_130{font-size: 15px}

.big_150,.big_170,.big_180,.bold_150,.bold_170{
font-size: 17px;
}
}

.img-responsive{
max-width: 100%;
height: auto;
}

#main-top-img .img-fluid,
#main_img .img-fluid{
width: 100%;
}


/*nav*/
.navbar-collapse{flex-grow: 0;}
.navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(180,180,181)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

/*-------------------------------------------------------
ナビゲーション.nav  .navbar
------------------------------------------------------------*/
.navbar{margin-bottom: -2px;padding: 0.2rem 1rem;}
.navbar-nav{margin-right: 0;}
.navbar-default{background-color: #FFF;border-color: #FFF;font-size: 1.35rem}
.navbar-default .navbar-brand {color: #333333;}
.navbar-expand-md .navbar-nav .nav-link{padding: 25px 0;border-bottom: 8px solid #fff;color: #333333;}
.navbar-brand{margin:10px 0;}
.navbar-brand img{max-width: 265px;width: 100%}
header.page {margin-top: -25px;}
.navbar-expand-md .navbar-nav .nav-item{width: 110px;}
.navbar-expand-md .navbar-nav .nav-item a{text-align: center}
.navbar-expand-md .navbar-nav .nav-item .dropdown-menu a{text-align: left}
.navbar-nav .show a.dropdown-toggle,
.navbar-nav .dropdown-menu a:hover{background-color: #e7e7e7}
@media (max-width: 992px) {
.navbar{padding: 0.2rem 0;}
.navbar-expand-md .navbar-nav .nav-item{width: 105px;font-size: 12px;}
.navbar-expand-md .navbar-nav .nav-item a{padding: 10px 20px; text-align:left}
.navbar-brand{margin:10px 0;padding: 0 20px;}
}

@media (max-width: 768px) {
.navbar{padding: 0.5em 0;}
.navbar-expand-md .navbar-nav .nav-item{width: auto;font-size: 15px;}
.navbar-expand-md .navbar-nav .nav-item{width: auto;}
}

@media (max-width: 480px) {
.navbar-brand{padding: 0 15px;height: auto}
.navbar-brand img{max-width: 200px;}
}



.dropdown-toggle::after{
display: none;
}

.navbar-expand-md .navbar-nav .nav-link:hover,
.navbar-expand-md .navbar-nav .nav-link:focus {
text-decoration: none;
border-bottom: 8px solid #009944;
transition: 0.15s;
cursor: pointer;
opacity: 1;
}

.dropdown-menu {padding: 0;margin: 0;font-size: 14px;border: 1px solid #cccccc;border: none rgba(0, 0, 0, 0.15);width: 250px}
.dropdown-menu .dropdown-item{padding: 10px 20px;border-bottom: 1px solid #cccccc}
.navbar-toggle {margin-top: 5px;margin-bottom: -5px;}

@media (max-width: 768px) {
.dropdown-menu {width: auto;background-color: #F5F1E6;}
.dropdown-menu .dropdown-item{border: none}
.dropdown-item:hover, .dropdown-item:focus {
color: #16181b;
text-decoration: none;
background-color: #f8f9fa;
}

}

@media (min-width: 992px){
.dropdown:hover .dropdown-menu {
    display: block;
}	
	
}

@media (min-width: 768px){
.dropdown-menu{
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
  box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
}

}


/*パンくず*/
.page-list .breadcrumb{background: none;padding: 25px 0}
.page-list  .breadcrumb-item + .breadcrumb-item::before{content: "\03e"}
.page-list  li{font-size: 12px!important;}

/*ページ*/
#pagetop{
position: fixed;
bottom: 5px;
right: 15px;
}


/*タイトル装飾*/

.tit {
background-position: left,right;
background-repeat: no-repeat,no-repeat;
height: 87px;
display: flex;
justify-content: center;
align-items: center;
font-size: 38px;
line-height: 1.3em;
}

.tit-green{
background-image: url("../common_images/green_frame2.gif"),url("../common_images/green_frame2.gif");
}

.tit-yellow{
background-image: url("../common_images/yellow_frame.gif"),url("../common_images/yellow_frame.gif");
}

.tit-blue{
background-image: url("../common_images/blue_frame.gif"),url("../common_images/blue_frame.gif");
}

.tit-red{
background-image: url("../common_images/red_frame.gif"),url("../common_images/red_frame.gif");
}


.tit-before:before{
background-size: contain;
padding-right: 1.5em;
background-repeat: no-repeat;
content: "";
}


.tit-red-before:before{background-image: url("../common_images/red_dec.svg");}
.tit-yellow-before:before{background-image: url("../common_images/yellow_dec.svg");}
.tit-blue-before:before{background-image: url("../common_images/blue_dec.gif");}
.tit-green-before:before{background-image: url("../common_images/green_dec.svg");}

@media (max-width: 768px){
.tit{font-size: 28px;}
}


@media (max-width: 480px){
.tit img{width: 74%!important;}
}



/*装飾タイトル*/
.item-tit{
text-align: center;
font-size: 25px;
font-weight: bold;
margin: 0;
padding-bottom: 1em;
}

.item-tit:before{
content: "";
background-image: url("../common_images/blue_dec.svg");
margin-right: 12px;
padding-right: 30px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}


.item-tit:after{
content: "";
background-image: url("../common_images/blue_dec.svg");
margin-left: 12px;
padding-left: 30px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}


.green-dec:before,
.green-dec:after{
background-image: url("../common_images/green_dec.svg");
}


.green-red:before,
.green-red:after{
background-image: url("../common_images/red_dec.svg");
}




@media (max-width: 768px){
.item-tit{font-size: 18px;}
.item-tit:before,
.item-tit:after{
transform: scale(0.6)
 }

.item-tit:before{margin-right: 5px;}
.item-tit:after{margin-left: 5px;}
}


.item-tit-half{
color: #595757;
width: 100%;
font-weight: bold;
font-size: 18px;
display: flex;
align-items: center;
}


.item-tit-half:before{
content: "";
background-image: url("../common_images/blue_dec_half.svg");
background-repeat: no-repeat;
background-size: contain;
height: 20px;
margin-right: 5px;
padding-left: 20px;
}


@media (max-width: 480px){
.item-tit-half{font-size: 15px;}
}

.item-titG-half{
color: #595757;
width: 100%;
font-weight: bold;
font-size: 24px;
display: flex;
align-items: flex-start;
}


.item-titG-half:before{
content: "";
background-image: url("../common_images/green_dec_half.svg");
background-repeat: no-repeat;
background-size: contain;
height: 25px;
margin-right: 5px;
padding-left: 25px;
}

@media (max-width: 768px){
.item-tit-half{font-size: 17px;}
}


@media (max-width: 480px){
.item-tit-half{font-size: 16px;}
}



.arrow-blue:before{
content: "▶︎";
color: #036eb2;
padding-right: 0.3em;
}


/*矢印*/
.allow-area{width: 100%;}

.allow-area a{
font-size: 16px;
padding: 1% 2%;
display: flex;
align-items: center;
justify-content: center;
border-radius: 10px;
text-align: center;
font-weight: bold;
background-color: #fff;
}

@media (max-width: 480px){
.allow-area a{
padding: 2%;
}
}

.allow-area a span {margin-left: 0.5em;}

.allow-area .arrow:after{
content: "";
height: 20px;
padding-left: 20px;
margin-left: 10px;
background-size: contain;
background-repeat: no-repeat;
}

@media (max-width: 480px){
.allow-area .arrow:after{
width: 16px;
height: 16px;
}
}

.allow-area a:hover{opacity: 0.7;}

.allow-green a{border: 2px solid #009952;}
.allow-blue a{border: 2px solid #036eb2;}
.allow-yellow a{border: 2px solid #fabe00;}

.allow-green .arrow:after{background-image: url("../common_images/arrow_green.svg")}
.allow-blue .arrow:after{background-image: url("../common_images/arrow_blue.svg")}
.allow-yellow .arrow:after{background-image: url("../common_images/arrow_yellow.svg")}





/*footer*/
footer{
background-image: url("../common_images/footer_base.jpg");
padding: 3% 0;
}

footer dl,footer dl a,footer p{color: #fff;}

footer dl dt{
font-size: 13.5px;
border-bottom: 1px solid #fff;
margin: 0 0 10px;
}

footer dl dd{
font-size: 12px;
margin:0 0 0.5em;
text-indent: -1em;
padding-left: 1em;

}

footer .float-left.ml-2{padding-left: 0.5em;}

footer .float-left.ml-2 span{font-size: 12px;}

@media (min-width: 992px){
footer dl dd{letter-spacing: -0.05em;}
}

@media (max-width: 1200px){
footer .float-left.ml-2 span{font-size: 10px}
}

@media (max-width: 480px){
footer .float-left.ml-2{
padding-left: 0!important;
margin-left: 0!important;
}

footer .float-left{margin-right: 0.5em;}

footer .float-left.ml-2{
display: flex;
align-items: center;
}

footer .float-left.ml-2 span{
font-size: 11px;
padding-left: 0.8em!important
}

footer .col-lg-6 p:last-of-type img{
width: 65px;
height: auto!important
}

}

footer dl dd a:hover{color: #BDBEBE;opacity: 1;}

footer p{font-size: 13px;}

.copyright{margin: 10px 0;}
.copyright ul{margin: 0;}

.copyright  p{
color: #333;
margin: 0;
}


@media (max-width: 992px){
.copyright p{text-align: left!important;margin-top: 12px}
}

@media (max-width: 768px){
.copyright ul{justify-content: flex-start!important;margin-top: 12px}
}