@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:15% auto 8%; 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; }	

#intro { display:flex; justify-content:space-between; flex-wrap:wrap; margin:150px auto; padding:0 0 16%; width:90%; max-width:1600px; background:url(../images/main_intro_bg.jpg) top center no-repeat; }
#intro .left { margin:40px 0 0; width:30%; }
#intro .left h2 { display:block; margin:10px 0 30px; font-size:3.0em; color:#111; line-height:1.5em; }
#intro .left h3 { font-size:1.2em; color:#00bcdd; }
#intro .left p { font-size:1.4em; color:#111; line-height:1.6em; }
#intro .right { margin:60px 0 0; width:30%; }
#intro .right h3 { display:block; margin:40px 0 0; font-size:1.4em; color:#111; line-height:1.6em; }
#intro .right p { display:block; margin:30px 0 0; font-size:1.0em; color:#222; line-height:1.6em; }
#intro .pic { display:none; }

#platform { margin:0; }
#platform article { margin:0 auto; width:90%; max-width:1600px; text-align:center; }
#platform article h2 { display:block; margin:10px 0 -10px; font-size:3.0em; color:#111; line-height:1.5em; }
#platform article h3 { font-size:1.2em; color:#00bcdd; }
#platform article h4 { font-size:1.2em; font-weight:500; color:#222; line-height:1.6em; }
#platform h5 { display:block; margin:30px 0 0; font-size:1.4em; color:#111; line-height:1.6em; text-align:center; }
#platform .desc { text-align:center; }
#platform .desc p { line-height:1.6em; }

#partner { margin:150px 0; padding:120px 0 150px; background:url(../images/main_partner_bg.jpg) no-repeat; background-attachment:fixed; background-size:cover; }
#partner article { margin:0 auto; width:90%; max-width:1600px; text-align:center; }
#partner article h2 { display:block; margin:10px 0 -10px; font-size:3.0em; color:#fff; line-height:1.5em; }
#partner article h3 { font-size:1.2em; color:#fff; }
#partner .content { margin:50px auto 0; width:90%; max-width:1600px; text-align:center; }
#partner .content img { width:100%; }

#group { margin:0 0 150px; }
#group article { margin:0 auto; width:90%; max-width:1600px; text-align:center; }
#group article h2 { display:block; margin:10px 0 -10px; font-size:3.0em; color:#111; line-height:1.5em; }
#group article h3 { font-size:1.2em; color:#00bcdd; }
#group article h4 { font-size:1.2em; font-weight:500; color:#222; line-height:1.6em; }
#group .content_wrap { display:flex; justify-content:flex-end; margin:70px auto 0; width:90%; max-width:1600px; background:url(../images/main_group_pic.jpg) left no-repeat; background-size:50%; }
#group .content_wrap .pic { display:none; }
#group .content_wrap .sort { margin:auto 0; padding:20px 0; width:45%; }
#group .content_wrap .sort .content { margin:0 0 20px; padding:0 0 20px; border-bottom:1px solid #dedede;}
#group .content_wrap .sort .content h2 { font-size:1.2em; color:#111; }
#group .content_wrap .sort .content ul { display:flex; margin:20px 0 0; }
#group .content_wrap .sort .content ul li { width:25%; text-align:center; }
#group .content_wrap .sort .content ul li img { height:50px; }

#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; }

#support { margin:100px auto; width:90%; max-width:1600px; }
#support .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; border-radius:25px; padding:60px; background:url(../images/main_support_bg.jpg) no-repeat; background-size:cover;}
#support .content_wrap article {}
#support .content_wrap article h2 { display:block; margin:15px 0; font-size:2.2em; color:#fff; line-height:1.2em; }
#support .content_wrap article h3 { font-size:1.0em; color:#00bcdd; }
#support .content_wrap article p { font-size:1.0em; color:#c0c0c0; line-height:1.5em; }
#support .content_wrap ul { display:flex; margin:auto 0; }
#support .content_wrap ul li { margin:0 5px; }
#support .content_wrap ul li a { display:inline-block; border-radius:30px; border:2px solid #fff; padding:10px 35px; font-weight:600; color:#fff; text-align:center; transition:.3s; }
#support .content_wrap ul li a:hover { border:2px solid #0096fe; background:#0096fe; }
#support .content_wrap ul li:nth-child(1) a { border:2px solid #0096fe; background:#0096fe; color:#fff; }
#support .content_wrap ul li:nth-child(1) a:hover { border:2px solid #003cff; background:#003cff; color:#fff; }

}


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

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

#intro { display:flex; justify-content:space-between; flex-wrap:wrap; margin:150px auto; padding:0 0 20%; width:90%; background:url(../images/main_intro_bg_tb.jpg) top center no-repeat; }
#intro .left { margin:30px 0 0; width:30%; }
#intro .left h2 { display:block; margin:10px 0 30px; font-size:2.5em; color:#111; line-height:1.5em; }
#intro .left h3 { font-size:1.1em; color:#00bcdd; }
#intro .left p { font-size:1.3em; color:#111; line-height:1.6em; }
#intro .right { margin:50px 0 0; width:30%; }
#intro .right h3 { display:block; margin:40px 0 0; font-size:1.3em; color:#111; line-height:1.6em; }
#intro .right p { display:block; margin:30px 0 0; font-size:1.0em; color:#222; line-height:1.6em; }
#intro .pic { display:none; }

#platform { margin:0; }
#platform article { margin:0 auto; width:90%; text-align:center; }
#platform article h2 { display:block; margin:10px 0 -10px; font-size:2.5em; color:#111; line-height:1.5em; }
#platform article h3 { font-size:1.1em; color:#00bcdd; }
#platform article h4 { font-size:1.2em; font-weight:500; color:#222; line-height:1.6em; }
#platform h5 { display:block; margin:30px 0 0; font-size:1.3em; color:#111; line-height:1.6em; text-align:center; }
#platform .content { margin:40px 0; }
#platform .desc { text-align:center; }
#platform .desc p { line-height:1.6em; }

#partner { margin:140px 0; padding:110px 0 140px; background:url(../images/main_partner_bg.jpg) no-repeat; background-attachment:fixed; background-size:cover; }
#partner article { margin:0 auto; width:90%; text-align:center; }
#partner article h2 { display:block; margin:10px 0 -10px; font-size:2.5em; color:#fff; line-height:1.5em; }
#partner article h3 { font-size:1.1em; color:#fff; }
#partner .content { margin:40px auto 0; width:90%; text-align:center; }
#partner .content img { width:100%; }

#group { margin:0 0 130px; }
#group article { margin:0 auto; width:90%; text-align:center; }
#group article h2 { display:block; margin:10px 0 -10px; font-size:2.5em; color:#111; line-height:1.5em; }
#group article h3 { font-size:1.1em; color:#00bcdd; }
#group article h4 { font-size:1.2em; font-weight:500; color:#222; line-height:1.6em; }
#group .content_wrap { display:flex; justify-content:flex-end; margin:70px auto 0; width:90%; background:url(../images/main_group_pic_tb.jpg) left no-repeat; background-size:50%; }
#group .content_wrap .pic { display:none; }
#group .content_wrap .sort { margin:auto 0; padding:20px 0; width:45%; }
#group .content_wrap .sort .content { margin:0 0 20px; padding:0 0 20px; border-bottom:1px solid #dedede;}
#group .content_wrap .sort .content h2 { font-size:1.0em; color:#111; }
#group .content_wrap .sort .content ul { display:flex; margin:20px 0 0; }
#group .content_wrap .sort .content ul li { width:25%; text-align:center; }
#group .content_wrap .sort .content ul li img { height:40px; }

#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; }

#support { margin:100px auto; width:90%;  }
#support .content_wrap { display:flex; justify-content:space-between; flex-wrap:wrap; border-radius:25px; padding:50px 60px; background:url(../images/main_support_bg.jpg) no-repeat; background-size:cover;}
#support .content_wrap article {}
#support .content_wrap article h2 { display:block; margin:15px 0; font-size:1.8em; color:#fff; line-height:1.2em; }
#support .content_wrap article h3 { font-size:1.0em; color:#00bcdd; }
#support .content_wrap article p { font-size:1.0em; color:#c0c0c0; line-height:1.5em; }
#support .content_wrap ul { display:flex; margin:auto 0; }
#support .content_wrap ul li { margin:0 5px; }
#support .content_wrap ul li a { display:inline-block; border-radius:30px; border:2px solid #fff; padding:8px 25px; font-weight:600; color:#fff; text-align:center; transition:.3s; }
#support .content_wrap ul li a:hover { border:2px solid #0096fe; background:#0096fe; }
#support .content_wrap ul li:nth-child(1) a { border:2px solid #0096fe; background:#0096fe; color:#fff; }
#support .content_wrap ul li:nth-child(1) a:hover { border:2px solid #003cff; background:#003cff; color:#fff; }

}




@media (max-width:767px){

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

#intro { margin:80px auto; width:85%; }
#intro .left {  }
#intro .left h2 { display:block; margin:7px 0 15px; font-size:1.8em; color:#111; line-height:1.5em; }
#intro .left h3 { font-size:1.1em; color:#00bcdd; }
#intro .left p { font-size:1.1em; font-weight:500; color:#111; line-height:1.6em; }
#intro .right { margin:20px 0 0; }
#intro .right h3 { display:block; margin:20px 0 0; font-size:1.1em; color:#111; line-height:1.6em; }
#intro .right p { display:block; margin:20px 0 0; font-size:1.0em; color:#222; line-height:1.6em; }
#intro .pic { display:block; margin:30px 0 0; }
#intro .pic img { width:100%; }

#platform { margin:0; }
#platform article { margin:0 auto; width:85%; text-align:center; }
#platform article h2 { display:block; margin:7px 0 -10px; font-size:1.8em; color:#111; line-height:1.5em; }
#platform article h3 { font-size:1.1em; color:#00bcdd; }
#platform article h4 { font-size:1.1em; font-weight:500; color:#222; line-height:1.6em; }
#platform h5 { display:block; margin:30px 0 0; font-size:1.1em; color:#111; line-height:1.6em; text-align:center; }
#platform .content { margin:40px 0; }
#platform .desc { margin:0 auto; width:85%; text-align:center; }
#platform .desc p { line-height:1.6em; }

#partner { margin:90px 0; padding:60px 0; background:url(../images/main_partner_bg_mob.jpg) no-repeat; background-attachment:fixed; background-size:cover; }
#partner article { margin:0 auto; width:90%; text-align:center; }
#partner article h2 { display:block; margin:10px 0 -10px; font-size:1.8em; color:#fff; line-height:1.5em; }
#partner article h3 { font-size:1.1em; color:#fff; }
#partner .content { margin:40px auto 0; width:90%; text-align:center; }
#partner .content img { width:100%; }

#group { margin:0 0 90px; }
#group article { margin:0 auto; width:85%; text-align:center; }
#group article h2 { display:block; margin:7px 0 -10px; font-size:1.8em; color:#111; line-height:1.5em; }
#group article h3 { font-size:1.1em; color:#00bcdd; }
#group article h4 { font-size:1.1em; font-weight:500; color:#222; line-height:1.6em; }
#group .content_wrap { width:85%; margin:40px auto 0; }
#group .content_wrap .pic { display:block; }
#group .content_wrap .pic img { border-radius:15px; width:100%;}
#group .content_wrap .sort { margin:30px 0 0;width:100%; }
#group .content_wrap .sort .content { margin:0 0 20px; padding:0 0 20px; border-bottom:1px solid #dedede;}
#group .content_wrap .sort .content h2 { font-size:1.0em; color:#111; }
#group .content_wrap .sort .content ul { display:flex; margin:10px 0 0; }
#group .content_wrap .sort .content ul li { width:25%; text-align:center; }
#group .content_wrap .sort .content ul li img { height:30px; }

#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; }

#support { margin:60px auto; width:85%; }
#support .content_wrap { display:flex; justify-content:space-between; flex-direction:column; flex-wrap:wrap; border-radius:15px; padding:40px 30px; background:url(../images/main_support_bg_mob.jpg) no-repeat; background-size:cover;}
#support .content_wrap article { width:100%; }
#support .content_wrap article h2 { display:block; margin:10px 0; font-size:1.4em; color:#fff; line-height:1.2em; }
#support .content_wrap article h3 { font-size:1.0em; color:#00bcdd; }
#support .content_wrap article p { font-size:1.0em; color:#c0c0c0; line-height:1.5em; }
#support .content_wrap ul { display:flex; margin:30px 0 0; }
#support .content_wrap ul li { margin:0 3px; }
#support .content_wrap ul li a { display:inline-block; border-radius:30px; border:2px solid #fff; padding:5px 8px; font-weight:600; color:#fff; text-align:center; transition:.3s; }
#support .content_wrap ul li a:hover { border:2px solid #0096fe; background:#0096fe; }
#support .content_wrap ul li:nth-child(1) a { border:2px solid #0096fe; background:#0096fe; color:#fff; }
#support .content_wrap ul li:nth-child(1) a:hover { border:2px solid #003cff; background:#003cff; color:#fff; }

}