@charset "utf-8";

/******************************************************************
 *
 * 個別ページ
 *
 ******************************************************************/


 /*******************************************************************/


@media screen and (min-width:751px){/* PC */

header { position: absolute; }
#contents { position: relative; padding: 80px 0 0 0; }

section.bigtitle { width: 100%; min-height: 300px; background: url("../images/research/bigtitle_bg_pc.jpg") right top no-repeat; background-size: contain; }
section.bigtitle .inner { width: 1080px; margin: 0 auto; padding: 70px 0 0 0; }
section.bigtitle .inner p { font-size: 80px; line-height: 80px; font-weight: 500; color: rgba(220,225,235,0.5); }
section.bigtitle .inner h1 { display: block; font-size: 35px; line-height: 36px; font-weight: 400; color: #0c3774; }
section.bigtitle .inner h1 span { display: block; font-size: 20px; line-height: 34px; font-weight: 400; }


section.c1 { width: 100%; padding: 100px 0; background: url("../../common/images/bg_grad1.jpg") center center no-repeat; background-size: 100% 100%; overflow: hidden; }
section.c1 h2 { width: 970px; margin: 0 auto; padding: 0 0 30px 0; text-align: center; color: #0c3774; font-size: 42px; line-height: 42px; font-weight: 500; }
section.c1 h2 span { font-size: 30px; }
section.c1 .inner { width: 970px; margin: 0 auto; font-size: 22px; line-height: 36px; letter-spacing: 0.05em; font-weight: 400; }
section.c1 .inner p+p { padding: 1em 0 0 0; }
section.c1 .inner strong { display: block; padding: 2em 0 0.5em 0; color: #0c3774; font-size: 1.2em; font-weight: 500; text-align: center; }
section.c1 .inner ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
section.c1 .inner ul li { width: 23.6%; margin: 20px 0 0 0; padding: 1em 0; background: #0c3774; color: #fff; font-weight: 700; text-align: center; }
section.c1 .inner ul::after { content: ""; display: block; width: 23.6%; }


section.c2 { width: 100%; padding: 80px 0 0 0; margin: 1px 0 0 0; background: radial-gradient( #f9fcfd, #cce3ec); overflow: hidden; }
section.c2 .inner { position: relative; display: flex; flex-wrap: wrap; justify-content: space-between; width: 1080px; margin: 80px auto 0 auto; }
section.c2 .inner .child { width: 520px; padding: 0 0 80px 0; text-align: center; }
section.c2 .inner .child strong { display: block; text-align: center; color: #0c3774; font-weight: 700; font-size: 26px; }
section.c2 .inner .child .image { padding: 20px 0 0 0; }
section.c2 .inner .child .txt { padding: 20px 0 0 0; font-size: 22px; }


section.c3 { position: relative; width: 1080px; margin: 0 auto; padding: 80px 0 20px 0; }
section.c3 .inner { position: relative; width: 100%; padding: 0 0 80px 0; }
section.c3 .inner .child1 { margin: 50px 0 0 0; display: flex; flex-wrap: wrap; flex-direction: row-reverse; background: #f6f8fb; }
section.c3 .inner .child1 .image { width: 50%; background: url("../images/research/c3_img.jpg") center center no-repeat; background-size: cover; }
section.c3 .inner .child1 .image span { display: none; }
section.c3 .inner .child1 .txt { width: 50%; padding: 40px; }
section.c3 .inner .child1 .txt strong { display: block; padding: 0.75em 0; }
section.c3 .inner .child1 .txt span { display: block; padding: 0.5em 0 0 0; font-size: 0.8em; }
section.c3 .inner .child2 { position: relative; width: 1000px; margin: 50px auto 0 auto; }
section.c3 .inner .child2 .catch { padding: 0 0 0 1em; text-indent: -1em; }
section.c3 .inner .child2 .catch::before { content: "●"; color: #0c3774; }
section.c3 .inner .child2 .data { width: 100%; margin: 20px auto 0 auto; }
section.c3 .inner .child2 .data table { width: 100%; border: 1px solid #0c3774; font-size: 0.8em; white-space: nowrap; }
section.c3 .inner .child2 .data table th { padding: 0.5em 0.25em; text-align: center; border: 1px solid #0c3774; color: #0c3774; background: #e8eef5; line-height: 1.15em; }
section.c3 .inner .child2 .data table td { padding: 0.5em 0.25em; text-align: center; border-left: 1px solid #0c3774; color: #0c3774; font-weight: 300; white-space: nowrap; }
section.c3 .inner .child2 .data table tr:nth-child(2n+1) { background: #f6f8fb; }
section.c3 .inner .child2 .area { font-size: 1.15em; }
section.c3 .inner .child2 .area th { width: 33.333%; border-top: none !important; border-bottom: none !important; }
section.c3 .inner .child2 .area td { border-top: none !important; border-bottom: none !important; }
section.c3 .inner .child2>em { display: block; font-size: 0.8em; }




}/*@media*/

 /*******************************************************************/

@media screen and (max-width:750px){/* SP */


section.bigtitle { position: relative; width: 100%; background: url("../images/research/bigtitle_bg_sp.jpg") right top no-repeat; background-size: contain; }
section.bigtitle .inner { width: 93.33vw; margin: 0 auto; padding: 27.0vw 0 0 0; }
section.bigtitle .inner p { width: 100%; font-size: 13.33vw; line-height: 13.33vw; font-weight: 500; color: #d8e0eb; }
section.bigtitle .inner h1 { width: 86.66vw; margin: 0 auto; padding: 0 0 0 0; font-size: 7vw; font-weight: 400; color: #0c3774; }
section.bigtitle .inner h1 span { display: block; width: 86.66vw; margin: 0 auto; padding: 4vw 0 2vw 0; font-size: 4vw; line-height: 4vw; }


section.c1 { position: relative; width: 100%; padding: 13.33vw 0; margin: 6vw 0 0 0; background: url("../../common/images/bg_grad1.jpg") center center no-repeat; background-size: 100% 100%; overflow: hidden; }
section.c1 h2 { width: 86.66vw; margin: 0 auto; padding: 0 0 30px 0; text-align: center; color: #0c3774; font-size: 6.66vw; line-height: 6.66vw; font-weight: 500; }
section.c1 h2 span { font-size: 4.66vw; }
section.c1 .inner { position: relative; width: 86.66vw; margin: 0 auto; font-size: 4vw; line-height: 6vw; letter-spacing: 0.05em; font-weight: 400; }
section.c1 .inner .child { overflow: hidden; }
section.c1 .inner p+p { padding: 1em 0 0 0; }
section.c1 .inner strong { display: block; padding: 2em 0 0.5em 0; color: #0c3774; font-size: 1.2em; font-weight: 500; text-align: center; }
section.c1 .inner ul { display: flex; flex-wrap: wrap; justify-content: space-between; }
section.c1 .inner ul li { width: 48%; margin: 4vw 0 0 0; padding: 1em 0; background: #0c3774; color: #fff; font-weight: 700; text-align: center; }
section.c1 .inner ul::after { content: ""; display: block; width: 48%; }


section.c2 { width: 100%; padding: 13.33vw 0 2.66vw 0; margin: 0.1333vw 0 0 0; background: radial-gradient( #f9fcfd, #cce3ec); }
section.c2 .inner { position: relative; width: 86.66%; margin: 10.66vw auto 0 auto; }
section.c2 .inner .child { width: 100%; padding: 0 0 10.66vw 0; text-align: center; }
section.c2 .inner .child strong { display: block; text-align: center; color: #0c3774; font-weight: 700; font-size: 4.66vw; }
section.c2 .inner .child strong span { font-size: 0.75em; }
section.c2 .inner .child .image { padding: 2.66vw 0 0 0; }
section.c2 .inner .child .txt { padding: 2.66vw 0 0 0; font-size: 3.73vw; }


section.c3 { position: relative; width: 86.66%; margin: 0 auto; padding: 10.66vw 0 0 0; }
section.c3 .inner { position: relative; width: 100%; padding: 0 0 10.66vw 0; }
section.c3 .inner .child1 { margin: 6.66vw 0 0 0; background: #f6f8fb; }
section.c3 .inner .child1 .image { width: 100%; height: 40vw; background: url("../images/research/c3_img.jpg") center center no-repeat; background-size: cover; }
section.c3 .inner .child1 .image span { display: none; }
section.c3 .inner .child1 .txt { width: 100%; padding: 5.33vw; }
section.c3 .inner .child1 .txt strong { display: block; padding: 0.75em 0; }
section.c3 .inner .child1 .txt span { display: block; padding: 0.5em 0 0 0; font-size: 0.8em; }
section.c3 .inner .child2 { position: relative; width: 100%; margin: 6.66vw auto 0 auto; }
section.c3 .inner .child2 .catch { font-size: 3.6vw; padding: 0 0 0 1em; text-indent: -1em; }
section.c3 .inner .child2 .catch::before { content: "●"; color: #0c3774; }
section.c3 .inner .child2 .data { width: 100%; margin: 4vw auto 0 auto; overflow-x: auto; -webkit-overflow-scrolling: touch; }
section.c3 .inner .child2 .data table { width: 133.33vw; border: 1px solid #0c3774; font-size: 0.8em; white-space: nowrap; }
section.c3 .inner .child2 .data table th { padding: 0.5em 0.25em; text-align: center; border: 1px solid #0c3774; color: #0c3774; background: #e8eef5; line-height: 1.15em; }
section.c3 .inner .child2 .data table td { padding: 0.5em 0.25em; text-align: center; border-left: 1px solid #0c3774; color: #0c3774; font-weight: 300; white-space: nowrap; }
section.c3 .inner .child2 .data table tr:nth-child(2n+1) { background: #f6f8fb; }
section.c3 .inner .child2 .area { font-size: 1.15em; }
section.c3 .inner .child2 .area th { width: 33.333%; border-top: none !important; border-bottom: none !important; }
section.c3 .inner .child2 .area td { border-top: none !important; border-bottom: none !important; }
section.c3 .inner .child2>em { display: block; font-size: 0.8em; }





}/*@media*/