@charset "utf-8";
@import url('font.css');

.over_zum { background:#000; overflow: hidden; }
.over_zum img {
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1); 
    -o-transform:scale(1);  
    transform:scale(1);
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
	opacity:1.0;
}
.over_zum:hover img {
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);   
    -o-transform:scale(1.2);
    transform:scale(1.2);
	opacity:1.0;
}

#slogan { margin:12% auto 6%; width:90%; max-width:1600px; text-align:center; }
#slogan h2 { font-size:4.0vw; color:#111; line-height:1.3em; }
#slogan h3 { display:block; margin:0 auto; width:60%; font-size:1.5vw; color:#111; line-height:1.5em; }
#slogan h3 span { color:#003286; }
#slogan p { display:block; margin:40px 0; font-size:1.0vw; color:#a3a3a3; letter-spacing:2.0px; line-height:1.5em; }


@media (min-width:1600px) {
	
.view_pc { display:block; }
.view_mob { display:none; }	

#business { margin:150px auto; width:90%; max-width:1600px; }
#business article {}
#business article h2 { display:block; margin:15px 0 -15px; font-size:2.3em; color:#111; line-height:1.2em; }
#business article h3 { font-size:1.1em; color:#003286; }
#business article h4 { font-size:1.3em; color:#111; line-height:1.5em; }
#business .logo_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:80px 0 0; }
#business .logo_wrap .content { width:22%; }
#business .logo_wrap .content img { }
#business .logo_wrap .content article { margin:20px 0 0; padding:10px 0 0; border-top:2px solid #111; }
#business .logo_wrap .content article h2 { font-size:1.5em; color:#111; }
#business .logo_wrap .content article p { display:block; margin:15px 0 0; color:#757575; }
#business .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:100px auto 0; }
#business .content_wrap .content { position:relative; background:#144ba6; box-shadow:0 0 15px rgba(224,192,154,0.0); border-radius:10px; width:32%; margin:0; overflow:hidden; }
#business .content_wrap .content .pic { width:100%; overflow:hidden;}
#business .content_wrap .content .pic img { width:100%; }
#business .content_wrap .content article { padding:25px 0; width:80%; margin:0 auto; z-index:6; }
#business .content_wrap .content article h2 { font-size:1.7em; color:#fff; line-height:1.3em; }
#business .content_wrap .content article h2 span { display:inline-block; margin:0 0 0 15px; font-size:0.7em; font-weight:500; color:#81aaee; }
#business .content_wrap .content article ul { display:block; margin:30px 0 0; }
#business .content_wrap .content article ul li { display:flex; margin:10px 0; color:#fff; line-height:1.5em; text-align:left;}
#business .content_wrap .content article ul li img { display:inline; margin:0 10px 0 0; height:22px; } 

#profile { padding:130px 0; background:url(../images/main_profile_bg.jpg) no-repeat; background-attachment:fixed; background-size:cover; }
#profile .wrapper { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:90%; max-width:1600px; }
#profile article { width:70%; }
#profile article h2 { display:block; margin:15px 0 -15px; font-size:2.3em; color:#111; line-height:1.2em; }
#profile article h3 { font-size:1.1em; color:#003286; }
#profile article h4 { font-size:2.0em; font-weight:700; color:#003286; line-height:1.5em; }
#profile article .desc { display:flex; justify-content:space-between; flex-wrap:wrap; margin:60px 0 0;  }
#profile article .desc span { display:block; width:48%; }
#profile article .desc span p { display:block; margin:0 0 30px; }
#profile .pic { width:25%; text-align:center; }
#profile .pic .ceo { }
#profile .pic .txt { margin:20px 0; }
#profile .pic .txt h2 { font-size:1.2em; color:#111; }
#profile .pic .txt p { color:#7a7a7a; }
#profile .pic .spc { margin:30px 0 0; }
#profile .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:40px auto 0; width:90%; max-width:1600px; }
#profile .content_wrap .example { width:48%; }
#profile .content_wrap .example h2 { font-size:1.4em; color:#111; }
#profile .content_wrap .example .content { margin:30px 0 0; }
#profile .content_wrap .example .content img { }
#profile .content_wrap .license { display:flex; flex-direction:column; width:48%; }
#profile .content_wrap .license .content:nth-child(2) { margin-top:auto; }
#profile .content_wrap .license h2 { font-size:1.4em; color:#111; }
#profile .content_wrap .license ul { display:flex; justify-content:space-between; flex-wrap:wrap; margin:30px 0 0; }
#profile .content_wrap .license ul li { width:19%; }
#profile .content_wrap .license ul li img { width:100%; }

#sns_wrap { background:#2b3e5e; padding:25px 0; }
#sns_wrap .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:90%; max-width:1600px; }
#sns_wrap .content_wrap .content { width:19%; text-align:center; }
#sns_wrap .content_wrap .content a { display:inline-block; padding:15px; width:100%; border-radius:6px; background:#fff; font-weight:600; color:#111; transition:.3s;}
#sns_wrap .content_wrap .content a:hover { background:#ecf5f8; }
#sns_wrap .content_wrap .content img { display:inline-block; margin:0 10px 0 0; }

#item { display:flex; justify-content:space-between; flex-wrap:wrap; margin:120px auto; width:90%; max-width:1600px; }
#item .content_wrap { width:47%; margin:1.5% 0; padding:0 0 3%; border-bottom:1px solid #dedede; }
#item .content_wrap a { display:flex; justify-content:space-between; flex-wrap:wrap; }
#item .content_wrap .pic { width:28%; border:1px solid #dedede; }
#item .content_wrap .pic img { width:100%; }
#item .content_wrap .content { display:flex; flex-direction:column; width:65%; }
#item .content_wrap .content h2 { display:block; margin:15px 0; font-size:1.3em; color:#111; line-height:1.5em; }
#item .content_wrap .content h3 {}
#item .content_wrap .content h3 p { display:inline-block; border-radius:30px; background:#144ba6; padding:1px 15px; font-size:0.8em; font-weight:500; color:#fff; text-align:center; }
#item .content_wrap .content p { color:#757575; line-height:1.4em; }
#item .content_wrap .content span { margin-top:auto; font-weight:600; }

}


@media (min-width:768px) and (max-width:1599px){

.view_pc { display:block; }
.view_mob { display:none; }	

#slogan p { margin:30px 0; }

#business { margin:150px auto; width:90%; }
#business article {}
#business article h2 { display:block; margin:15px 0 -15px; font-size:2.0em; color:#111; line-height:1.2em; }
#business article h3 { font-size:1.0em; color:#003286; }
#business article h4 { font-size:1.2em; color:#111; line-height:1.5em; }
#business .logo_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:80px 0 0; }
#business .logo_wrap .content { width:23%; }
#business .logo_wrap .content img { }
#business .logo_wrap .content article { margin:20px 0 0; padding:10px 0 0; border-top:2px solid #111; }
#business .logo_wrap .content article h2 { font-size:1.3em; color:#111; }
#business .logo_wrap .content article p { display:block; margin:15px 0 0; color:#757575; }
#business .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:90px auto 0; }
#business .content_wrap .content { position:relative; background:#144ba6; box-shadow:0 0 15px rgba(224,192,154,0.0); border-radius:10px; width:32%; margin:0; overflow:hidden; }
#business .content_wrap .content .pic { width:100%; overflow:hidden;}
#business .content_wrap .content .pic img { width:100%; }
#business .content_wrap .content article { padding:25px 0; width:80%; margin:0 auto; z-index:6; }
#business .content_wrap .content article h2 { font-size:1.7em; color:#fff; line-height:1.3em; }
#business .content_wrap .content article h2 span { display:inline-block; margin:0 0 0 15px; font-size:0.7em; font-weight:500; color:#81aaee; }
#business .content_wrap .content article ul { display:block; margin:30px 0 0; }
#business .content_wrap .content article ul li { display:flex; margin:10px 0; color:#fff; line-height:1.5em; text-align:left;}
#business .content_wrap .content article ul li img { display:inline; margin:0 10px 0 0; height:22px; } 

#profile { padding:130px 0; background:url(../images/main_profile_bg.jpg) no-repeat; background-attachment:fixed; background-size:cover; }
#profile .wrapper { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:90%; }
#profile article { width:68%; }
#profile article h2 { display:block; margin:15px 0 -15px; font-size:2.0em; color:#111; line-height:1.2em; }
#profile article h3 { font-size:1.0em; color:#003286; }
#profile article h4 { font-size:1.8em; font-weight:700; color:#003286; line-height:1.5em; }
#profile article .desc { display:flex; justify-content:space-between; flex-wrap:wrap; margin:60px 0 0;  }
#profile article .desc span { display:block; width:48%; }
#profile article .desc span p { display:block; margin:0 0 30px; }
#profile .pic { width:25%; text-align:center; }
#profile .pic .ceo img { width:60%; }
#profile .pic .txt { margin:20px 0; }
#profile .pic .txt h2 { font-size:1.1em; color:#111; }
#profile .pic .txt p { color:#7a7a7a; }
#profile .pic .spc { margin:30px 0 0; }
#profile .pic .spc img { width:90%; }
#profile .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:40px auto 0; width:90%; }
#profile .content_wrap .example { width:47%; }
#profile .content_wrap .example h2 { font-size:1.3em; color:#111; }
#profile .content_wrap .example .content { margin:30px 0 0; }
#profile .content_wrap .example .content img { width:100%; }
#profile .content_wrap .license { display:flex; flex-direction:column; width:47%; }
#profile .content_wrap .license .content:nth-child(2) { margin-top:auto; }
#profile .content_wrap .license h2 { font-size:1.3em; color:#111; }
#profile .content_wrap .license ul { display:flex; justify-content:space-between; flex-wrap:wrap; margin:30px 0 0; }
#profile .content_wrap .license ul li { width:19%; }
#profile .content_wrap .license ul li img { width:100%; }

#sns_wrap { background:#2b3e5e; padding:25px 0; }
#sns_wrap .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:90%; }
#sns_wrap .content_wrap .content { width:19%; text-align:center; }
#sns_wrap .content_wrap .content a { display:inline-block; padding:15px; width:100%; border-radius:6px; background:#fff; font-size:1.2vw; font-weight:600; color:#111; transition:.3s;}
#sns_wrap .content_wrap .content a:hover { background:#ecf5f8; }
#sns_wrap .content_wrap .content img { display:inline-block; margin:0 10px 0 0; }

#item { display:flex; justify-content:space-between; flex-wrap:wrap; margin:110px auto; width:90%; }
#item .content_wrap { width:48%; margin:1.5% 0; padding:0 0 3%; border-bottom:1px solid #dedede; }
#item .content_wrap a { display:flex; justify-content:space-between; flex-wrap:wrap; }
#item .content_wrap .pic { width:28%; border:1px solid #dedede; }
#item .content_wrap .pic img { width:100%; }
#item .content_wrap .content { display:flex; flex-direction:column; width:65%; }
#item .content_wrap .content h2 { display:block; margin:10px 0; font-size:1.1em; color:#111; line-height:1.5em; }
#item .content_wrap .content h3 {}
#item .content_wrap .content h3 p { display:inline-block; border-radius:30px; background:#144ba6; padding:1px 15px; font-size:0.8em; font-weight:500; color:#fff; text-align:center; }
#item .content_wrap .content p { font-size:0.9em; color:#757575; line-height:1.4em; }
#item .content_wrap .content span { margin-top:auto; font-size:0.9em; font-weight:600; }


}




@media (max-width:767px){

.view_pc { display:none; }
.view_mob { display:block; }	

#slogan { margin:40% auto 20%; width:85%; text-align:center; }
#slogan h2 { font-size:1.8em; color:#111; line-height:1.3em; }
#slogan h3 { display:block; margin:0 auto; width:100%; font-size:1.2em; color:#111; line-height:1.5em; }
#slogan h3 span { color:#003286; }
#slogan p { display:block; margin:20px 0; font-size:1.0em; color:#a3a3a3; letter-spacing:2.0px; line-height:1.5em; }

#business { margin:80px auto; width:85%; }
#business article {}
#business article h2 { display:block; margin:8px 0 -8px; font-size:1.7em; color:#111; line-height:1.2em; }
#business article h3 { font-size:1.0em; color:#003286; }
#business article h4 { font-size:1.1em; color:#111; line-height:1.5em; }
#business .logo_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0; }
#business .logo_wrap .content { width:46%; margin:40px 0 0; }
#business .logo_wrap .content img { height:35px; }
#business .logo_wrap .content article { margin:15px 0 0; padding:7px 0 0; border-top:2px solid #111; }
#business .logo_wrap .content article h2 { font-size:1.1em; color:#111; }
#business .logo_wrap .content article p { display:block; margin:10px 0 0; color:#757575; }
#business .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:50px auto 0; }
#business .content_wrap .content { position:relative; background:#144ba6; box-shadow:0 0 15px rgba(224,192,154,0.0); border-radius:10px; width:100%; margin:20px 0; overflow:hidden; }
#business .content_wrap .content .pic { width:100%; overflow:hidden;}
#business .content_wrap .content .pic img { width:100%; }
#business .content_wrap .content article { padding:15px 0; width:80%; margin:0 auto; z-index:6; }
#business .content_wrap .content article h2 { font-size:1.7em; color:#fff; line-height:1.3em; }
#business .content_wrap .content article h2 span { display:inline-block; margin:0 0 0 10px; font-size:0.8em; font-weight:500; color:#81aaee; }
#business .content_wrap .content article ul { display:block; margin:20px 0 0; }
#business .content_wrap .content article ul li { display:flex; margin:10px 0; color:#fff; line-height:1.5em; text-align:left;}
#business .content_wrap .content article ul li img { display:inline; margin:0 7px 0 0; height:18px; } 

#profile { padding:80px 0; background:url(../images/main_profile_bg.jpg) no-repeat; background-attachment:fixed; background-size:cover; }
#profile .wrapper { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:85%; }
#profile article { order:2; width:100%; margin:30px 0 0; }
#profile article h2 { display:block; margin:8px 0 -8px; font-size:1.7em; color:#111; line-height:1.4em; }
#profile article h3 { font-size:1.0em; color:#003286; }
#profile article h4 { font-size:1.3em; font-weight:700; color:#003286; line-height:1.5em; }
#profile article .desc { margin:40px 0 0;  }
#profile article .desc span { display:block; width:100%; }
#profile article .desc span p { display:block; margin:0 0 20px; }
#profile .pic { margin:0 auto; width:70%; text-align:center; }
#profile .pic .ceo img { width:70%; }
#profile .pic .txt { margin:20px 0; }
#profile .pic .txt h2 { font-size:1.1em; color:#111; }
#profile .pic .txt p { color:#7a7a7a; }
#profile .pic .spc { margin:30px 0 0; }
#profile .pic .spc img { width:100%; }
#profile .content_wrap { margin:30px auto 0; width:85%; }
#profile .content_wrap .example { width:100%; }
#profile .content_wrap .example h2 { font-size:1.3em; color:#111; text-align:center; }
#profile .content_wrap .example .content { margin:20px 0 0; }
#profile .content_wrap .example .content img { width:100%; }
#profile .content_wrap .license { margin:40px 0 0; width:100%; }
#profile .content_wrap .license .content { margin:50px 0 0; }
#profile .content_wrap .license h2 { font-size:1.3em; color:#111; text-align:center; }
#profile .content_wrap .license ul { display:flex; justify-content:center; flex-wrap:wrap; margin:15px 0 0; }
#profile .content_wrap .license ul li { width:27%; margin:5px; }
#profile .content_wrap .license ul li img { width:100%; }

#sns_wrap { background:#2b3e5e; padding:15px 0; }
#sns_wrap .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; margin:0 auto; width:95%; height:100%; }
#sns_wrap .content_wrap .content { width:19%; text-align:center; }
#sns_wrap .content_wrap .content a { display:inline-block; padding:10px 0 5px; width:100%; height:100%; border-radius:6px; background:#fff; font-size:0.9em; font-weight:600; color:#111; text-align:center; transition:.3s;}
#sns_wrap .content_wrap .content a:hover { background:#ecf5f8; }
#sns_wrap .content_wrap .content img { display:block; margin:0 auto 5px; height:15px; }

#item { margin:70px auto; width:85%; }
#item .content_wrap { margin:40px 0; padding:0 0 40px; border-bottom:1px solid #dedede; }
#item .content_wrap a {  }
#item .content_wrap .pic { width:50%; margin:0 auto; border:1px solid #dedede; }
#item .content_wrap .pic img { width:100%; }
#item .content_wrap .content { margin:30px 0 0; text-align:center; }
#item .content_wrap .content h2 { display:block; margin:15px 0 10px; font-size:1.1em; color:#111; line-height:1.5em; }
#item .content_wrap .content h3 {}
#item .content_wrap .content h3 p { display:inline-block; border-radius:30px; background:#144ba6; padding:4px 15px; font-size:0.8em; font-weight:500; color:#fff; text-align:center; }
#item .content_wrap .content p { font-size:0.9em; color:#757575; line-height:1.4em; }
#item .content_wrap .content span { display:block; margin:20px 0 0; font-size:0.9em; font-weight:600; }


}