@charset "UTF-8";


body {
    -webkit-text-size-adjust: 100%;
}

.pd0{padding: 0;}

.br-sp{ display:block!important; }
.br-pc{ display:none!important; }
.span-sp{ display:inline!important; }
.span-pc{ display:none!important; }
.img-sp{display:block!important;}
.img-pc{display:none!important;}

@media (min-width: 768px){
	.br-sp{ display:none!important; }
	.br-pc{ display:block!important; }
	.span-sp{ display:none!important; }
	.span-pc{ display:inline!important; }
	.img-sp{display:none!important;}
	.img-pc{display:block!important;}
}

section{
    overflow: hidden;
}
/*--------------------------------------
Link設定
--------------------------------------*/
a {
	transition: .3s all;
}

a:link {
	color: #006699;
	text-decoration: none;
}
a:visited {
	color: #006699;
	text-decoration: none;
}
a:hover {
	color: #006699;
	text-decoration: none;
}
a:hover img {
	opacity:0.5;
	filter:alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
}
a:active {
	color: #006699;
	text-decoration: none;
}


/*--------------------------------------
パーツ設定
--------------------------------------*/


/* -----------
global navigation
----------- */


.spNaviArea01{
	display: block;
	width: 100%;
	padding: 0 0;
	box-sizing: border-box;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
.spNaviArea01 h1{
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    text-align: left;
}
.spNaviArea01 img{
	display: inline-block;
	width: auto;
	height: 30px;
	margin: 16px 0 40px 20px;
    padding: 0;
}



@media (min-width: 768px){
	.spNaviArea01{
		display: none;
	}
}


.triggerArea01{
	display: inline-block;
}
.barsIconArea01{
	padding: 0;
	border: none;
	outline: none;
	cursor: pointer;
	display: block;
	position: fixed;
	z-index: 20000;
	right: 0;
	top:0;
	width: 60px;
	height: 60px;
	background: #FFF;
}

.spNaviArea02 {
	width: 100%;
	height: 100%;
	display: none;
	background: rgba(255,255,255,0.95);
	position: fixed;
	margin: 0;
	z-index: 10000;
}
.spNaviArea02 ul{
	padding: 0;
    margin: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.spNaviArea02 li{
    width: calc(100% - 40px);
    display: flex;
	justify-content: center;
	align-items: center;
    font-size: 24px;
    font-family:  "Helvetica Neue", HelveticaNeue, Arial, YuGothic, "Yu Gothic Medium", "Yu Gothic", Meiryo, sans-serif;
    font-weight: 700;
    color: #000000;
    padding: 20px 0;
}
.spNaviArea02 li a{
    text-align: center;
    display: block;
	width: 100%;
	padding: 0;
    margin: 0;
	transition: all .3s;
	text-decoration: none;
	font-size: 24px;
    font-family:  "Helvetica Neue", HelveticaNeue, Arial, YuGothic, "Yu Gothic Medium", "Yu Gothic", Meiryo, sans-serif;
    font-weight: 700;
    color: #000000;
}
.spNaviArea02 li .iconNaviArea{
    width: 100%;
    padding: 40px 0 0 0;
    display: flex;
	justify-content: space-around;
	align-items: center;
}
.spNaviArea02 li .iconNaviArea a{
    padding: 0;
    width: auto;
}

.spNaviArea02 li a:hover{
	background: #FFF;
}





:root {
    --hamburger-menu-size: 100px; /* メニューの大きさ */ 
    --hamburger-menu-padding: 15px;  
    --hamburger-menu-border-px: 1px; /* 線の太さ */
    --hamburger-menu-border-color: #342534; /* 線の色 */
    --hamburger-menu-transition: 0.2s; /* アニメーション秒数 */
}




@media (min-width: 768px){}


/* -----------
var(--hamburger-menu-transition)
----------- */

.cmnBG01{
    background: none;
}

.wpHaderArea01{
    width: calc(100% - 80px);
    height: auto;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 0 0 0;
}
.wpHaderArea01 h1 {
    width: calc(100% - 80px);
    height: auto;
}
.wpHaderArea01 h1 img{
    width: 100%;
    height: auto;
}
.wpHaderArea01 h1 img.logo02Img{
    width: 100%;
    height: auto;
}
.wpHaderArea01 .gNaviArea01{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #000;
    padding: 20px 0;
}
.wpHaderArea01 .gNaviArea01 h2{
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    font-size: 12px;
}
.wpHaderArea01 .gNaviArea01 ul{
    width: 460px;
    display: none;
    justify-content: space-between;
    margin: 16px 0 0 0;
}
.wpHaderArea01 .gNaviArea01 ul li{
    font-size: 16px;
    font-weight: 700;
}
.wpHaderArea01 .gNaviArea01 ul li a{
    color: #FFFFFF;
}


@media (min-width: 768px){
    .cmnBG01{
        background: url("../img/cmn_bg01.gif") top center no-repeat;
    }

    .wpHaderArea01{
        width: 1000px;
        height: 110px;
        margin: 0 auto;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 0;
    }
    .wpHaderArea01 h1 {
        width: auto;
        height: auto;
        padding: 0 0 10px 0;
    }
    .wpHaderArea01 h1 img{
        width: 334px;
        height: 60px;
    }
    .wpHaderArea01 h1 img.logo02Img{
        width: 483px;
        height: 70px;
    }
    .wpHaderArea01 .gNaviArea01{
        width: 460px;
        height: 110px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        color: #FEFEFE;
        padding: 0;
    }
    .wpHaderArea01 .gNaviArea01 h2{
        font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
        font-size: 12px;
    }
    .wpHaderArea01 .gNaviArea01 ul{
        width: 460px;
        display: flex;
        justify-content: space-between;
        margin: 16px 0 0 0;
    }
    .wpHaderArea01 .gNaviArea01 ul li{
        font-size: 16px;
        font-weight: 700;
    }
    .wpHaderArea01 .gNaviArea01 ul li a{
        color: #FFFFFF;
    }
    
}


.indexPhoto01{
    width: 100%;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}

@media (min-width: 768px){
    .indexPhoto01{
        width: 1000px;
        height: 460px;
        margin: 0 auto;
        overflow: hidden;
    }
}

.indexTitleArea01{
    width: 100%;
    height: 60px;
    margin: 0 auto;
    background: #0f77bf;
    display: flex;
    justify-content: center;
    align-items: center;
}
.indexTitleArea01 h2{
    color: #FFFFFF;
    font-size: 20px;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}


@media (min-width: 768px){
    .indexTitleArea01{
        width: 1000px;
        height: 100px;
        margin: 0 auto;
        background: #0f77bf;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .indexTitleArea01 h2{
        color: #FFFFFF;
        font-size: 26px;
        font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    }
}



.indexTextArea01{
    width: 100%;
    margin: 0 auto;
    padding: 50px 40px 100px 40px;
    box-sizing: border-box;
    background: url("../img/index_bg01.jpg") top center no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.indexTextArea01 p{
    text-align: center;
    font-size: 18px;
    line-height: 2.2;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.indexTextArea01 h3{
    text-align: center;
    font-size: 18px;
    line-height: 2.2;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    margin: 20px 0 0 0;
}

@media (min-width: 768px){
    .indexTextArea01{
        width: 1000px;
        margin: 0 auto;
        padding: 50px 0 100px 0;
        background: url("../img/index_bg01.jpg") top center no-repeat;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .indexTextArea01 p{
        text-align: center;
        font-size: 18px;
        line-height: 2.2;
        font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    }
    .indexTextArea01 h3{
        text-align: center;
        font-size: 18px;
        line-height: 2.2;
        font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
        margin: 20px 0 0 0;
    }

}


.indexTextArea02{
    width: calc(100% - 80px);
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    padding: 0 0 100px 0;
}
.indexTextArea02 .awardArea01{
    width: 100%;
    margin: 0 0 40px 0;
}
.indexTextArea02 .awardArea01 h1{
    width: 100%;
    height: 54px;
    font-size: 20px;
    color: #0f77bf;
    text-align: center;
    border-bottom: 2px solid #0f77bf;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.indexTextArea02 .awardArea01 ul{
    font-size: 18px;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    padding: 20px 0;
}
.indexTextArea02 .awardArea01 ul li{
    padding: 6px 0 0 0;
}


@media (min-width: 768px){
    .indexTextArea02{
        width: 1000px;
        margin: 0 auto;
        display: flex;
        justify-content: center;
        flex-direction: row;
        padding: 0 0 100px 0;
    }
    .indexTextArea02 .awardArea01{
        width: 484px;
        margin: 0 0 0 0;
    }
    .indexTextArea02 .awardArea01 h1{
        width: 484px;
        height: 54px;
        font-size: 20px;
        color: #0f77bf;
        text-align: center;
        border-bottom: 2px solid #0f77bf;
        font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    }
    .indexTextArea02 .awardArea01 ul{
        font-size: 18px;
        font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
        padding: 20px 0;
    }
    .indexTextArea02 .awardArea01 ul li{
        padding: 6px 0 0 0;
    }
}



.indexTextArea02 .infoArea01{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.indexTextArea02 .infoArea01 h1{
    width: 100%;
    height: 54px;
    font-size: 20px;
    color: #0f77bf;
    text-align: center;
    border-bottom: 2px solid #0f77bf;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.indexTextArea02 .infoArea01 p{
    font-size: 18px;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    padding: 20px 0;
}
.indexTextArea02 .infoArea01 p span{
    color: red;
}
.indexTextArea02 .infoArea01 a{
    font-size: 18px;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    padding: 20px 40px;
    margin: 0 0 0 auto;
    background: #0f77bf;
    color: #FFFFFF;
    display: inline-block;
}


@media (min-width: 768px){
    .indexTextArea02 .infoArea01{
        width: 484px;
        display: flex;
        flex-direction: column;
    }
    .indexTextArea02 .infoArea01 h1{
        width: 484px;
        height: 54px;
        font-size: 20px;
        color: #0f77bf;
        text-align: center;
        border-bottom: 2px solid #0f77bf;
        font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    }
    .indexTextArea02 .infoArea01 p{
        font-size: 18px;
        font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
        padding: 20px 0;
    }
    .indexTextArea02 .infoArea01 p span{
        color: red;
    }
    .indexTextArea02 .infoArea01 a{
        font-size: 18px;
        font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
        padding: 20px 40px;
        margin: 0 0 0 auto;
        background: #0f77bf;
        color: #FFFFFF;
        display: inline-block;
    }
}




.newsArea01{
    width: 100%;
    background: #eef3fa;
    padding: 0 0 40px 0;
}
.newsArea01 .newsTitleArea01{
    width: calc(100% - 80px);
    padding: 0 0 0 0;
    margin: 0 auto;
}
.newsArea01 .newsTitleArea01 h1{
    width: 100%;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    border-top: 4px solid #0f77bf;
}
.newsArea01 .newsTextArea01{
    width: calc(100% - 80px);
    padding: 16px 0;
    margin: 0 auto;
    border-bottom: 2px solid #FFFFFF;
    display: flex;
}
.newsArea01 .newsTextArea01 h2{
    width: 76px;
    white-space: nowrap;
    font-size: 14px;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}
.newsArea01 .newsTextArea01 p{
    width: calc(100% - 80px);
    font-size: 14px;
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    color: #0f77bf;
}


@media (min-width: 768px){
    .newsArea01{
        width: 100%;
        background: #eef3fa;
        padding: 0 0 40px 0;
    }
    .newsArea01 .newsTitleArea01{
        width: 800px;
        padding: 0 0 0 0;
        margin: 0 auto;
    }
    .newsArea01 .newsTitleArea01 h1{
        width: 800px;
        height: 60px;
        display: flex;
        align-items: flex-end;
        justify-content: center;
        font-size: 20px;
        font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
        border-top: 4px solid #0f77bf;
    }
    .newsArea01 .newsTextArea01{
        width: 800px;
        padding: 16px 0;
        margin: 0 auto;
        border-bottom: 2px solid #FFFFFF;
        display: flex;
    }
    .newsArea01 .newsTextArea01 h2{
        width: 76px;
        font-size: 14px;
        font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    }
    .newsArea01 .newsTextArea01 p{
        width: auto;
        font-size: 14px;
        font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
        color: #0f77bf;
    }
}



.footerArea01{
    width: 100%;
    height: auto;
    background: #2d86c4;
    padding: 20px 0;
}
.footerArea01 ul{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
}
.footerArea01 ul li{
    font-size: 18px;
    font-weight: 700;
    display: block;
    margin: 20px 32px;
    color: #FFFFFF;
}
.footerArea01 ul li a{
    color: #FFFFFF;
}

@media (min-width: 768px){
    .footerArea01{
        width: 100%;
        height: 100px;
        background: #2d86c4;
            padding: 0;
    }
    .footerArea01 ul{
        width: 100%;
        height: 100px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
    }
    .footerArea01 ul li{
        font-size: 18px;
        font-weight: 700;
        display: block;
        margin: 0 32px;
        color: #FFFFFF;
    }
    .footerArea01 ul li a{
        color: #FFFFFF;
    }
}


.footerArea02{
    width: 100%;
    background: #0f77bf;
}
.footerArea02 .footerContentArea01{
    width: calc(100% - 80px);
    padding: 60px 0;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-self: baseline;
}
.footerArea02 .footerContentArea01 img{
    width: 120px;
    height: 180px;
}
.footerArea02 .footerContentArea01 .footerTextArea01{
    width: calc(100% - 130px);
    height: auto;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    margin: 0 auto 0 0;
}
.footerArea02 .footerContentArea01 .footerTextArea01 a{
    color: #FFF;
}
.footerArea02 .footerContentArea01 .footerTextArea01 p{
    font-size: 14px;
    display: inline-block;
    margin: 0 10px 6px 0;
    color: #F7F7F7;
}
.footerArea02 .footerContentArea01 .footerTextArea01 h1{
    font-size: 18px;
    font-weight: 700;
    display: inline-block;
    margin: 0 20px 20px 0;
    color: #F7F7F7;
}

.footerArea02 .footerContentArea01 .footerTextArea02{
    width: 100%;
    height: 240px;
    margin: 30px 0 0 0;
}
.footerArea02 .footerContentArea01 .footerTextArea02 iframe{
    width: 100%;
    height: 240px;
}

@media (min-width: 768px){
    .footerArea02{
        width: 100%;
        background: #0f77bf;
    }
    .footerArea02 .footerContentArea01{
        width: 1000px;
        padding: 60px 0;
        margin: 0 auto;
        display: flex;
    }
    .footerArea02 .footerContentArea01 img{
        width: 159px;
        height: auto;
    }
    .footerArea02 .footerContentArea01 .footerTextArea01{
        width: 340px;
        height: 240px;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        flex-direction: column;
        margin: 0 auto 0 0;
    }
    .footerArea02 .footerContentArea01 .footerTextArea01 p{
        font-size: 14px;
        display: inline-block;
        margin: 0 10px 6px 0;
        color: #F7F7F7;
    }
    .footerArea02 .footerContentArea01 .footerTextArea01 h1{
        font-size: 18px;
        font-weight: 700;
        display: inline-block;
        margin: 0 20px 20px 0;
        color: #F7F7F7;
    }

    .footerArea02 .footerContentArea01 .footerTextArea02{
        width: 500px;
        height: 240px;
        margin: 0 0 0 0;
    }
    .footerArea02 .footerContentArea01 .footerTextArea02 iframe{
        width: 500px;
        height: 240px;
    }
    
}

.footerArea03{
    width: 100%;
    height: 90px;
    background: #063a5d;
    display: flex;
    justify-content: center;
    align-items: center;
}
.footerArea03 p{
    font-size: 12px;
    color: #FFFFFF;
}

@media (min-width: 768px){
    .footerArea03{
        width: 100%;
        height: 90px;
        background: #063a5d;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .footerArea03 p{
        font-size: 12px;
        color: #FFFFFF;
    }
}