@charset "Shift_JIS";

/* base */
.contents_,.mainframe_{
width: 100%!important;
}

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);
.font_gen_{font-family: 'Noto Sans Japanese',"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  sans-serif;letter-spacing:5px;font-weight: bold;}
.font_gen2_{font-family: 'Noto Sans Japanese',"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  sans-serif;font-weight: bold;}


/* --------------------------------------------------------------------
sawakoko+
-------------------------------------------------------------------- */
@media screen and (min-width: 600px){
.sg_alignment_{
font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
line-height: 1.5;
color: #333;
}

.sg_alignment_ .mv_{
width: 100%;
height: 500px;
background: url("../img/usr/cp/sg_alignment_/alignment_001.webp") no-repeat 0 0;
background-size:cover;
}
.sg_alignment_ .mv_ .mv_text_{
padding-top: 190px;
text-align: center;
height: 500px;
}
.sg_alignment_ .mv_ .mv_text_ h1{
color: #2275b0;
font-size: 45px;
font-weight: bold!important;
vertical-align:baseline;
text-shadow:5px 5px 0 #fff,-5px 5px 0 #fff,-5px -5px 0 #fff,5px -5px 0 #fff;
}
.sg_alignment_ .mv_ .mv_text_ h1 span{
color:#333;
font-size: 30px;
}

.sg_alignment_ .read_inner_{
width: 980px;
height: 400px;
margin: 70px auto;
background: url("../img/usr/cp/sg_alignment_/alignment_010.webp") no-repeat right bottom;
}
.sg_alignment_ .read_inner_ .content_{
width: 490px;
background: rgba(255,255,255,0.7);
padding: 0 70px 70px 0;
}
.sg_alignment_ .read_inner_ .content_ h3{
color:#e0517b;
font-size: 20px;
font-weight: bold;
margin-bottom: 15px;
}
.sg_alignment_ .read_inner_ .content_ h2{
font-size: 25px;
font-weight: 900;
margin-bottom: 50px;
}
.sg_alignment_ .read_inner_ .content_ p{
font-size: 17px;
line-height: 2;
}

.sg_alignment_ .list_{
background: #eef2f5;
margin-bottom: 70px;
}
.sg_alignment_ .list_ h1{
color: #2275b0;
font-size: 45px;
height: 220px;
display: flex;
justify-content: center;
align-items: center;
}
.sg_alignment_ .list_ .contact_{
width: 980px;
margin:0 auto;
padding-bottom: 70px;
font-size: 0;
}
.sg_alignment_ .list_ .contact_ div{
width: 470px;
display: inline-block;
}
.sg_alignment_ .list_ .contact_ .university_01_{
margin-right: 40px;
}
.sg_alignment_ .list_ .contact_ div h2{
color: #fff;
font-size: 25px;
height: 75px;
margin-bottom: 20px;
display: flex;
justify-content: center;
align-items: center;
background:#2275b0;
}
.sg_alignment_ .list_ .contact_ div p{font-size: 17px;}
.sg_alignment_ .list_ .contact_ div .text_{margin:20px 0;}
.sg_alignment_ .list_ .contact_ div .btn_ a{
color: #2275b0;
font-size: 20px;
font-weight: bold;
position: relative;
display: block;
width: 100%;
padding: 15px 0;
border: 1px solid #2275b0;
border-radius: 8px;
text-decoration: none;
text-align: center;
}
.sg_alignment_ .btn_left_ a::before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 150px;
width: 16px;
height: 16px;
margin: auto;
border-radius: 20px;
background-color: #2275b0;
}
.sg_alignment_ .btn_left_ a::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 156px;
width: 0;
height: 0;
margin: auto;
border-top: 3px solid transparent;
border-right: 0 solid transparent;
border-left: 6px solid #fff;
border-bottom: 3px solid transparent;
box-sizing: border-box;
}
/*--------------------------------------------------
農工大
--------------------------------------------------*/
.sg_alignment_ .tuat_{
width: 100%;
background: url("../img/usr/cp/sg_alignment_/alignment_025.webp") no-repeat top center;
padding-top: 70px;
background-size:100%;
margin-bottom: 70px;
}
.sg_alignment_ .tuat_ .tuat_inner_{
width: 840px;
padding: 70px;
margin: 0 auto;
background: rgba(255,255,255,0.8);
}
.sg_alignment_ .tuat_ .tuat_inner_ .data_{
width: 49%;
height: 345px;
padding-right: 51%;
background: url("../img/usr/cp/sg_alignment_/alignment_030.webp") no-repeat right top;
margin-bottom: 60px;
}
.sg_alignment_ .tuat_ .tuat_inner_ .data_ h2{
color: #2275b0;
font-size: 25px;
font-weight: bold;
margin-bottom: 45px;
}
.sg_alignment_ .tuat_ .tuat_inner_ .data_ h3{
font-size: 17px;
font-weight: bold;
margin-bottom: 15px;
}
.sg_alignment_ .tuat_ .tuat_inner_ .data_ p{
font-size: 17px;
line-height: 1.8;
}
.sg_alignment_ .tuat_ .professor_{
background: url("../img/usr/cp/sg_alignment_/alignment_035.webp") no-repeat left 0 #f2f2f2;
padding: 35px 35px 35px 275px;
height: 180px;
}
.sg_alignment_ .tuat_ .professor_ h4{
font-size: 17px;
font-weight: bold;
margin-bottom: 10px;
}
.sg_alignment_ .tuat_ .professor_ p{font-size: 17px;line-height: 1.4;}

/*--------------------------------------------------
神奈川工科大
--------------------------------------------------*/
.sg_alignment_ .kait_{
width: 100%;
background: url("../img/usr/cp/sg_alignment_/alignment_040.webp") no-repeat top center #eef2f5;
padding-top: 70px;
padding-bottom: 70px;
background-size:100%;
}

.sg_alignment_ .kait_ h3{
font-size: 17px;
font-weight: bold;
margin-bottom: 15px;
}
.sg_alignment_ .kait_ p{
font-size: 17px;
line-height: 1.8;
}

.sg_alignment_ .kait_ .kait_inner_{
width: 980px;
margin: 0 auto;
}

.sg_alignment_ .kait_ .kait_inner_ .kait_data_,
.sg_alignment_ .kait_ .kait_inner_ .thesis_,
.sg_alignment_ .kait_ .kait_inner_ .academic_conference_{
background: rgba(255,255,255,0.8);
padding: 70px;
margin-bottom: 70px;
}
.sg_alignment_ .kait_ .kait_inner_ .data_{
width: 49%;
height: 345px;
padding-right: 51%;
background: url("../img/usr/cp/sg_alignment_/alignment_045.webp") no-repeat right top;
margin-bottom: 60px;
}
.sg_alignment_ .kait_ .kait_inner_ .data_ h2{
color: #2275b0;
font-size: 25px;
font-weight: bold;
margin-bottom: 45px;
}
.sg_alignment_ .kait_ .kait_inner_ .data_ h3{
font-size: 17px;
font-weight: bold;
margin-bottom: 15px;
}
.sg_alignment_ .kait_ .kait_inner_ .data_ p{
font-size: 17px;
line-height: 1.8;
}
.sg_alignment_ .kait_ .professor_{
background: url("../img/usr/cp/sg_alignment_/alignment_050.webp") no-repeat left 0 #f2f2f2;
padding: 35px 35px 35px 275px;
height: 180px;
}
.sg_alignment_ .kait_ .professor_ h4{
font-size: 17px;
font-weight: bold;
margin-bottom: 10px;
}
.sg_alignment_ .kait_ .professor_ p{
font-size: 17px;
line-height: 1.4;
}

.sg_alignment_ .kait_ .thesis_ .text_{
margin-bottom: 20px;
}

.sg_alignment_ .kait_ .academic_conference_ table{
border-collapse: separate;
border-spacing:5px;
margin-bottom: 10px;
}
.sg_alignment_ .kait_ .academic_conference_ th{
width: 100px;
height: 40px;
color: #fff;
font-weight: bold;
border-radius: 5px;
background: #2275b0;
text-align: center;
}
.sg_alignment_ .kait_ .academic_conference_ td{
font-size: 14px;
}



}
/* --------------------------------------------------------------------
産学連携プロジェクト SP
-------------------------------------------------------------------- */
@media screen and (max-width: 599px){
.sg_alignment_{
font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
color:#333;
line-height: 1.5;
}

.sg_alignment_ .mv_{
width: 100%;
height: 500px;
background: url("../img/usr/cp/sg_alignment_/alignment_001.webp") no-repeat 0 0;
background-size:cover;
}
.sg_alignment_ .mv_ .mv_text_{
padding-top: 190px;
text-align: center;
height: 500px;
}
.sg_alignment_ .mv_ .mv_text_ h1{
color: #2275b0;
font-size: 28px;
vertical-align:baseline;
}
.sg_alignment_ .mv_ .mv_text_ h1 span{
color:#333;
font-size: 23px;
}
.sg_alignment_ .mv_ .mv_text_ h1 img{
width: 30px!important;
display: inline-block;
}


.sg_alignment_ .read_inner_{
width: 100%;
background: url("../img/usr/cp/sg_alignment_/alignment_010.webp") no-repeat right bottom;
background-size: 80%;
padding-bottom:40%;
margin-bottom: 10%;
}
.sg_alignment_ .read_inner_ .content_{
width: 90%;
margin-left:5%;
background: rgba(255,255,255,0.7);
padding: 10% 0 0;
}
.sg_alignment_ .read_inner_ .content_ h3{
color:#e0517b;
font-size: 15px;
font-weight: bold;
margin-bottom: 15px;
}
.sg_alignment_ .read_inner_ .content_ h2{
font-size: 20px;
font-weight: 900;
margin-bottom: 50px;
}
.sg_alignment_ .read_inner_ .content_ p{
font-size: 15px;
line-height: 2;
}

.sg_alignment_ .list_{
background: #eef2f5;
margin-bottom: 70px;
}
.sg_alignment_ .list_ h1{
color: #2275b0;
font-size: 30px;
height: 140px;
display: flex;
justify-content: center;
align-items: center;
}
.sg_alignment_ .list_ .contact_{
width: 90%;
margin:0 5%;
padding-bottom: 5%;
font-size: 0;
}
.sg_alignment_ .list_ .contact_ div{
width: 100%;
margin-bottom: 10%;
}
.sg_alignment_ .list_ .contact_ div img{
width:100%;
max-width: 100%!important;
}

.sg_alignment_ .list_ .contact_ div h2{
color: #fff;
font-size: 20px;
padding: 15px 0; 
margin-bottom: 20px;
display: flex;
justify-content: center;
align-items: center;
background:#2275b0;
}
.sg_alignment_ .list_ .contact_ div p{font-size: 17px;}
.sg_alignment_ .list_ .contact_ div .text_{margin:20px 0;}
.sg_alignment_ .list_ .contact_ div .btn_ a{
color: #2275b0;
font-size: 20px;
font-weight: bold;
position: relative;
display: block;
width: 100%;
padding: 15px 0;
border: 1px solid #2275b0;
border-radius: 8px;
text-decoration: none;
text-align: center;
}
.sg_alignment_ .btn_left_ a::before {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 20%;
width: 16px;
height: 16px;
margin: auto;
border-radius: 20px;
background-color: #2275b0;
}
.sg_alignment_ .btn_left_ a::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 21%;
width: 0;
height: 0;
margin: auto;
border-top: 3px solid transparent;
border-right: 0 solid transparent;
border-left: 6px solid #fff;
border-bottom: 3px solid transparent;
box-sizing: border-box;
}
/*--------------------------------------------------
農工大
--------------------------------------------------*/
.sg_alignment_ .tuat_{
width: 100%;
background: url("../img/usr/cp/sg_alignment_/alignment_025.webp") no-repeat top center;
padding-top: 70px;
background-size:100%;
margin-bottom: 20px;
}
.sg_alignment_ .tuat_ .tuat_inner_{
width:80%;
padding: 5%;
margin: 0 5%;
background: rgba(255,255,255,0.8);
}
.sg_alignment_ .tuat_ .tuat_inner_ .data_{
width: 100%;
padding-bottom: 120%;
background: url("../img/usr/cp/sg_alignment_/alignment_030.webp") no-repeat center bottom;
margin-bottom: 20px;
}
.sg_alignment_ .tuat_ .tuat_inner_ .data_ h2{
color: #2275b0;
font-size: 25px;
font-weight: bold;
margin-bottom: 45px;
}
.sg_alignment_ .tuat_ .tuat_inner_ .data_ h3{
font-size: 17px;
font-weight: bold;
margin-bottom: 15px;
}
.sg_alignment_ .tuat_ .tuat_inner_ .data_ p{
font-size: 15px;
line-height: 1.8;
}
.sg_alignment_ .tuat_ .professor_{
background: url("../img/usr/cp/sg_alignment_/alignment_035.webp") no-repeat center 50px #f2f2f2;
padding:100% 10% 10%; 
}
.sg_alignment_ .tuat_ .professor_ h4{
font-size: 15px;
font-weight: bold;
margin-bottom: 10px;
}
.sg_alignment_ .tuat_ .professor_ p{
font-size: 15px;
line-height: 1.4;
}

/*--------------------------------------------------
神奈川工科大
--------------------------------------------------*/
.sg_alignment_ .kait_{
width: 100%;
background: url("../img/usr/cp/sg_alignment_/alignment_040.webp") no-repeat top center #eef2f5;
padding-top: 70px;
padding-bottom: 10px;
background-size:100%;
}

.sg_alignment_ .kait_ h3{
font-size: 15px;
font-weight: bold;
margin-bottom: 15px;
}
.sg_alignment_ .kait_ p{
font-size: 15px;
line-height: 1.8;
}

.sg_alignment_ .kait_ .kait_inner_{
}

.sg_alignment_ .kait_ .kait_inner_ .kait_data_,
.sg_alignment_ .kait_ .kait_inner_ .thesis_,
.sg_alignment_ .kait_ .kait_inner_ .academic_conference_{
background: rgba(255,255,255,0.8);
padding: 5%;
margin: 0 5% 5%;
}
.sg_alignment_ .kait_ .kait_inner_ .data_{
width: 100%;
padding-bottom: 120%;
background: url("../img/usr/cp/sg_alignment_/alignment_045.webp") no-repeat center bottom;
margin-bottom: 20px;
}
.sg_alignment_ .kait_ .kait_inner_ .data_ h2{
color: #2275b0;
font-size: 25px;
font-weight: bold;
margin-bottom: 45px;
}
.sg_alignment_ .kait_ .kait_inner_ .data_ h3{
font-size: 17px;
font-weight: bold;
margin-bottom: 15px;
}
.sg_alignment_ .kait_ .kait_inner_ .data_ p{
font-size: 15px;
line-height: 1.8;
}
.sg_alignment_ .kait_ .professor_{
background: url("../img/usr/cp/sg_alignment_/alignment_050.webp") no-repeat center 50px #f2f2f2;
padding:100% 10% 10%; 
}
.sg_alignment_ .kait_ .professor_ h4{
font-size: 15px;
font-weight: bold;
margin-bottom: 10px;
}
.sg_alignment_ .kait_ .professor_ p{
font-size: 15px;
line-height: 1.4;
}

.sg_alignment_ .kait_ .thesis_ .text_{
margin-bottom: 20px;
}

.sg_alignment_ .kait_ .academic_conference_ table{
border: 1px solid #91c0e1;
border-collapse: separate;
border-spacing:5px;
margin-bottom: 10%;
padding: 3%;
}
.sg_alignment_ .kait_ .academic_conference_ table:last-child{
margin-bottom: 0;
}
.sg_alignment_ .kait_ .academic_conference_ th{
width: 100px;
color: #fff;
font-weight: bold;
border-radius: 5px;
background: #2275b0;
text-align: center;
padding: 1% 0;
margin-bottom: 1%;
}
.sg_alignment_ .kait_ .academic_conference_ td{
font-size: 14px;
}
.sg_alignment_ .kait_ .academic_conference_ td,
.sg_alignment_ .kait_ .academic_conference_ th{
　　border-bottom: none;
    display: block;
    width: 100%;
}



}