@charset "utf-8";

@-ms-viewport
{
    width: device-width;
    initial-scale: 1;
}
@viewport
{
    width: device-width;
    initial-scale: 1;
}

/* total */
body{
    font-size: 100%;
    background-color:#DDEBFF;
    font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
    line-height:1.5; /* 行の高さを1.5倍にする */
}

/* TOP image */
.pageTitle_mainvisual {
    width: 100%;
    height: 450px;
    overflow: hidden;
    padding-bottom: 60px;
    position: relative;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat
}
.purpose-pageTitle {
    width: 840px;
    margin: 0 auto;
    font-weight: 700;
    line-height: 1.2;
    color: #fff;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-30%);
    -ms-transform: translateY(-30%);
    transform: translateY(-30%);
    z-index: 2
}
.purpose-pageTitle_mainText {
    display: block;
    font-size: 4rem;
    display: inline-block;
	margin-bottom: 10px;
}
.purpose-pageTitle_subText {
    display: block;
    font-size: 1.6rem;
    margin-top: 12px;
}
.__pagetitletext_bg_color {
	background-color: #0e0d6b;
	padding: 6px;
}


/********************************************************
 * purpose Page(purpose.html)
 ********************************************************/
 .purpose-page{ scroll-behavior: smooth; }
 .purpose-page .footer{ margin-top: 0; }
 .purpose-page img{ vertical-align: bottom;}

 .purpose-procurement-content{
     padding: 120px 0 60px 0;
     text-align: center;
 }
 .purpose-procurement-content .purpose-procurement-content-thema{
     padding: 0 10px 0 10px;
 }
 .purpose-procurement-content .purpose-procurement-content-thema .purpose-procurement-content-thema-title {
     color:#0E0D6B;
     font-size: 230%;
     font-weight: bold;
     text-decoration: underline 5px rgb(38, 41, 138);
 }
 .purpose-procurement-content .purpose-procurement-content-thema .purpose-procurement-content-thema-main {
    color:#000000;
    font-size: 150%;
}
 .purpose-procurement-content .purpose-procurement-content-thema .purpose-procurement-content-thema-sub {
    color:#0E0D6B;
    font-weight: bold;
    font-size: 150%;
}
 .purpose-procurement-content .purpose-procurement-content-thema .purpose-procurement-content-thema-description {
     font-size:120%;
     line-height: 30px;
     margin-top: 30px;
 }
 .purpose-procurement-content .purpose-procurement-content-thema .purpose-procurement-content-thema-description a {
     padding: 0 16px;
     margin: 36px auto 0;
     min-width: 350px;
     display: inline-block;
     font-weight: bold;
     font-size: 13px;
     line-height: 44px;
     color: #0E0D6B;
     text-align: center;
     border: 1px solid #0E0D6B;
     background-color: #FFF;
     border-radius: 2px;
     position: relative;
     border-radius: 5px;
     text-decoration: none;
     cursor: pointer;
     transition: opacity 0.5s ease;
 }
 .purpose-procurement-content .purpose-procurement-content-thema .purpose-procurement-content-thema-description a:hover {
     -ms-opacity: 0.5;
     -o-opacity: 0.5;
     -moz-opacity: 0.5;
     -webkit-opacity: 0.5;
     opacity: 0.5;
 }
 .scroll-top{
     position:fixed;
     right: 0;
     bottom: 0;
     width: 100px;
     height: 100px;
     background-color: #0E0D6B;
     color:#fff;
     text-align: center;
     user-select: none;
     cursor: pointer;
     transform: translate3d(0,100%,0);
     transition: transform 0.3s;
     z-index: 50;
 }
 .scroll-top.active{
     transform: translate3d(0,0,0);
 }
 .scroll-top:after{
     content: "";
     border-width: 5px 5px 0 0;
     border-color: #fff;
     border-style: solid;
     width: 20px;
     height: 20px;
     display: block;
     position: relative;
     transform: translate(-50%, -30%) rotate(-45deg);
     left: 50%;
     top: 50%;
 }
 
 @media all and (-ms-high-contrast:none){
     .purpose-effort-list .purpose-effort-list-item dd{
         flex: 1 0 55px;
     }
 }
 
 /* pc only */
 @media screen and (min-width:1000px){
     .under1000Show{display: none;}
     .purpose-page .header,
     .purpose-page .footer{
         min-width: 1000px;
     }
     .purpose-main-visual{
         height:700px;
         width: 100%;
         overflow: hidden;
         position: relative;
         background-position:center center;
         background-size: cover;
 
         min-width: 1000px;
     }
     .purpose-main-visual:before{
         content:"";
         display: block;
         width: 100%;
         height: 100%;
         background: rgba(255, 255, 255, .3);
         position: absolute;
         top: 0;
         left: 0;
         z-index: 2;
     }
 
     .purpose-main-commitment{
         margin:0 auto ;
         padding:50px;
         box-sizing: border-box;
         background-color: #fff;
         box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);
         width:650px;
         text-align: center;
         position: relative;
         transform: translateY(-50%);
         top: 50%;
         z-index: 3;
     }
     .purpose-main-commitment-icons{
         position: relative;
         display: flex;
         justify-content: center;
         align-items: center;
     }
     .purpose-main-commitment .purpose-main-commitment-icons img{
         height:60px;
         width: auto;
         vertical-align: bottom;
         padding:0 20px;
     }
     .purpose-main-commitment .purpose-main-commitment-icons img:not(:first-child){
         border-left:.5px solid #000;
     }
     .purpose-main-commitment .purpose-main-commitment-description{
         margin-top:30px;
     }
     .content_wrap{
         width:1000px;
         margin:0 auto;
         position: relative;
         z-index: 1;
         border-right: 1px solid #eee;
         border-left: 1px solid #eee;
     }
 }
 
 /* tablet / sp */
 @media screen and (max-width:999px) {

     .purpose-main-visual{
         position: relative;
         margin-bottom: 9px;
         background-color: #DDEBFF;
     }
     .purpose-main-visual:after{
         bottom:-9px;
     }
     .purpose-main-visual-img{
         position:relative;
     }
     .purpose-main-visual-img:before{
         content:"";
         display: block;
         width: 100%;
         height: 100%;
         background: rgba(255, 255, 255, .3);
         position: absolute;
         top: 0;
         left: 0;
         z-index: 2;
     }
     .purpose-main-commitment{
         margin:60px auto 50px;
         padding:50px 20px;
         box-sizing: border-box;
         background-color: #fff;
         box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);
         width:80%;
         text-align: center;
         position: relative;
         z-index: 3;
     }
     .purpose-main-commitment-icons{
         position: relative;
         display: flex;
         justify-content: center;
         align-items: center;
     }
     .purpose-main-commitment .purpose-main-commitment-icons img{
         /* horizontal icon */
         height:100%;
         width: 30%;
         vertical-align: bottom;
         padding:0 10px;
     }
     .purpose-main-commitment .purpose-main-commitment-icons img:not(:first-child){
         border-left:.5px solid #000;
         width:70%;
     }
     .purpose-main-commitment .purpose-main-commitment-description{
         margin-top:30px;
     }
     .scroll-top{
         opacity: .6;
         width: 60px;
         height: 60px;
     }
 }
 
 /* sp (Breakpoint dedicated to purpose page) */
 @media screen and (max-width: 599px) { 
     .purpose-main-commitment{
         width:95%;
     }
     .purpose-effort-list{
         display: block;
     }
     .purpose-effort-list .purpose-effort-list-item{
         width: 100%;
         padding: 10px !important;
     }
 }