@charset "UTF-8";
/*
Theme Name: クリエイトグループサイト
*/
/*--------------------------------------------------
PC
**************************************************
--------------------------------------------------*/
@media screen and (min-width: 980px) {
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
}

* 
{
margin: 0;
padding: 0;
}

p{
font-size:16px;
}

dt{
float: left;
}

dd{
margin-left: 60px;
padding-bottom: 10px;
}

/*---特殊追加CSS---*/
.clear{clear: both;}
/*---特殊追加CSS---*/

body 
{
-webkit-text-size-adjust: 100%;
line-height: 1;
font-size: 16px;
color: #000;
margin: auto;
font-family: 'Noto Sans JP', '小塚ゴシック Pr6N R', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
overflow-x: hidden;
background-color: #fff;
}

a:hover
{
opacity: 1.0; filter: brightness(110%);
-webkit-transition: all .2s; transition: all .2s;
}

img{
max-width: auto;
height: auto;
}

img[src*='.svg']
{
width: 100%;
height: auto;
}

.br::before {
content: "\A" ;
white-space: pre ;
}
#wrap{
width: 100%;
height: auto;
border-top: solid #fff 1px;
}
#header_content{
width: 100%;
height: auto;
position: fixed;
z-index: 3;
background: #fff;
padding: 20px 0 20px 0;
}
.nav_logo_content{
width: 100%;
display: flex;
justify-content: space-between;
align-items: flex-start;
}
#header_content img{
display: block;
margin-left: 20px;
}
ul.g_navi_inner{
/*width: 400px;*/
width: 240px;
height: auto;
margin: 10px 20px 0 0;
font-weight:bold;
display: flex;
justify-content: space-between;

}	
a.nav_under_line {
position: relative;
display: inline-block;
text-decoration: none;
}
a.nav_under_line::after {
position: absolute;
bottom: -10px;
left: 0%;
content: '';
width: 100%;
height: 4px;
background: #2e4fb5;
transform: scale(0, 1);
transform-origin: center top;
transition: transform .3s;
}
a.nav_under_line:hover::after {
transform: scale(1, 1);
}
	
	
#mv_content{
width: 100%;
height: auto;

margin-top: 80px;
position: relative;
z-index: 1;
}
#mv_content img{
width: 100%;
height: auto;
}	
	
#main_content,#main_content_under{
width: 100%;
height: auto;
background-image: url("img/create_background.png");
background-repeat: no-repeat;
background-position: bottom;
margin: 60px 0 80px 0;

}
	
#main_content_under{
background: #fff;
}
	
.content,.content_3{
width: 1080px;
height: auto;
margin: auto;

}
	
.content h2,.content_3 h2{
font-size:60px;
font-weight:bold;
text-align: center;
padding-bottom: 20px;
background-image: url("img/title_under.png");
background-repeat: no-repeat;
background-position: bottom;
margin-bottom: 60px;
}
.content p{
width: 780px;
height: auto;
margin: auto;
text-align: center;
line-height: 2.6;
font-size:20px;
font-weight:bold;
}	
	
#main_content_2{
width: 100%;
height: auto;
margin: 80px 0 80px 0;

}
.content_2{
width: 1600px;
height: auto;
display: flex;
align-items: flex-start;
justify-content: space-between;

margin: auto;
}
.content_2 a img:hover{
opacity: 0.8;
}
.news_content{
width: 1080px;
height: auto;
border-top:solid 1px #ccc;
}
.news_box{
width: 1080px;
height: auto;
padding: 30px 10px 30px 10px;
display: flex;
border-bottom: solid #ccc 1px;
}
.news_box p:nth-child(1){
font-weight:bold;
font-size:15px;
padding-top: 5px;
width: 100px;
}	
.news_box h3{
font-weight:bold;
font-size:15px;
padding-top: 5px;
margin-left: 40px;
}	
.news_box span:nth-child(3){
font-weight:bold;
font-size:12px;
margin: 0 0 0 auto;
padding: 5px 60px 5px 60px;
border: solid #2e4fb5 1px;
color: #2e4fb5;
display: block;
}
.news_button p a,.news_button p a:hover{
width: 25%;
background: #000;
color: #fff;
font-weight:bold;
margin: auto;
margin-top: 60px;
display: block;
padding: 20px 0 20px 10px;
position: relative;
}
.news_button p a:hover{
background: #2e4fb5;
color: #fff;
}	
	
.news_button p a::before{
    content: "";
    display: block;
    position: absolute;
    top: 26px;
    right: 14px;
    width: 30px;
    height: 2px;
    background: #fff;
}
.news_button p a::after{
    content: "";
    display: block;
    position: absolute;
    top: 18px;
    right: 15px;
    width: 15px;
    height: 15px;
    border: 2px solid;
    border-color: transparent transparent #fff #fff;
    transform: rotate(-135deg);
}
	
#footer_content{
width: 100%;
height: auto;
margin-top: 80px;
padding: 60px 0 30px 0;
background: #f9f9f9;
}
	
.footer_box{
width: 1080px;
height: auto;
margin: auto;

display: flex;
justify-content: space-between;
align-items: flex-start;
}
.footer_box_1,.footer_box_2,.footer_box_3{
width: auto;
height: auto;

}
.footer_box_1 img{
margin-bottom: 10px;
display: block;
}
.footer_box_1 p a,.footer_box_2 p a,.footer_box_3 p a{
font-weight:bold;
display: block;
padding-top: 20px;
}
.footer_box_2 p a:before,.footer_box_3 p a:before{	
content: '●';
font-size: 16px;
padding-right: 5px;
color: #2e4fb5;
vertical-align: top;
}

.footer_content_2{
width: 1080px;
height: auto;
margin: auto;
margin-top: 60px;
}
.footer_content_2 p{
text-align: right;
font-weight:bold;
}
	
	
/* 下記から下層コンテンツページ */
	
#under_content_mv{
width: 100%;
height: 180px;
background-image: url("img/under_header_img.png");
background-repeat: no-repeat;
background-position:center;
background-size: cover;
margin-top: 80px;
}	
	
.under_content_mv_title{
width: 1080px;
height: 180px;
margin: auto;

}
	
.under_content_mv_title h2{
text-align: center;
color: #fff;
font-size:50px;
font-weight:bold;
padding-top: 60px;
}
.under_content_mv_title p{
text-align: center;
color: #fff;
font-weight:bold;
padding-top: 10px;
}
.group_content,.group_content_last{
width: 1080px;
/*height: 400px;*/
height: auto;
display: flex;
align-items: flex-start;
justify-content: space-between;
border-top:solid #2e4fb5 1px;
border-bottom:solid #2e4fb5 1px;
border-right:solid #2e4fb5 1px;
margin: auto;
margin-top: 20px;
margin-bottom: 100px;
}
.group_content_last{
margin-bottom: 0px;
}
.group_content_left{
width:690px;
height: 400px;
padding-left: 20px;
position: relative;

}
.group_content_left p:nth-child(1),.group_content_left p.group_category_2{
width: 180px;
height: 60px;
color: #fff;
font-size:30px;
font-weight:bold;
text-align: center;
padding-top: 17px;
border-radius:0px 50px 50px 0px;
background: #2e4fb5;
position: absolute;
top: -30px;
left: -40px;
}	
	
.group_content_left p.group_category_2{width: 460px;}
.group_content_left p.group_category_3{width: 500px;}
.group_content_left p.group_category_4{width: 440px;}
.group_content_left p.group_category_5{width: 280px;}
.group_content_left p.group_category_6{width: 330px;}
	
.group_content_left h2{
height: 80px;

font-size:40px;
font-weight:bold;
background-image: url("img/title_under.png");
background-repeat: no-repeat;
background-position: 0% 100%;
margin: 70px 0 30px 0;
}
.group_content_left h2 span{
color: #2e4fb5;
}
.group_content_left p:nth-child(3){
font-size:16px;
font-weight:bold;
line-height: 2.4;
}	
.group_content_right{
width: 360px;
padding-top: 70px;
margin-right: 10px;
}	
.group_content_right img{
display: block;
margin-bottom: 10px;
}	
	
/* 新着情報 */
.news_content_under{
width: 1080px;
height: auto;

margin: auto;
}
	
.single_data{
width: 1080px;
height: auto;
padding-bottom: 30px;
display: flex;
justify-content: space-between;
border-bottom: solid #ccc 1px;
}
.single_data p:nth-child(1),.single_data span:nth-child(2){
font-weight:bold;
}
.single_data span:nth-child(2){
color: #2e4fb5;
}
.single_content{
width: 1080px;
height: auto;
margin-top: 20px;

}
.single_content h2{
height: 40px;
font-size:30px;
padding: 5px 0 0 10px;
border-left:18px #2e4fb5 double;
margin-bottom: 30px;
}	
.single_content p{
line-height: 1.8;
text-align: justify;
}
	
	
/* コンテンツフェードイン */
.effect-fade {
opacity: 0;
transform: translate(0, 100px);
transition: all 2000ms;
}
.effect-scroll {
opacity: 1;
transform: translate(0, 0);
}
.fadein {
opacity: 0;
transform: translate(0,0);
transition: all 1.5s;
}
.fadein-left{
transform: translate(-30px,0);
}
.fadein-right{
transform: translate(50px,0);
}
.fadein-up{
transform: translate(0,-30px);
}
.fadein-bottom{
transform: translate(0,30px);
}
.scrollin{
opacity: 1 !important;
transform: translate(0, 0) !important;
}
.fade-in {
opacity: 0;
transition-duration: 1000ms;
transition-property: opacity, transform;
transform: translate(50px, -20px);
}
.fade-in-up {
transform: translate(0, 50px);
}
/* コンテンツフェードイン */
	
	
	
	
}