@charset "utf-8";

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

.yt { position: relative; width: 100%; padding-top: 56.25%; }
.yt iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }

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


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

.mainimage { width: 1080px; margin: 0 auto; border-radius: 10px; padding: 0 0 0 0; overflow: hidden; }

section.news { position: relative; width: 1080px; margin: 0 auto; padding: 30px 0 0 0; font-size: 16px; }
section.news h2.title { width: 100%; margin: 0 auto; padding: 0 0 20px 0; font-family: 'M PLUS 1p', sans-serif; transform: rotate(0.03deg); font-weight: 700; color: #000; text-align: center; font-size: 24px; }
section.news h2.title span { padding: 0 0 0 0.5em; font-size: 0.75em; color: #5598bd; }
section.news div.inner { width: 100%; border: 2px solid #eee; border-radius: 10px; overflow: hidden; }
section.news div.inner p { padding: 1em; }
section.news div.inner p+p { border-top: 1px solid #eee; }
section.news div.inner p i { font-weight: bold; }
section.news div.inner p em { display: inline-block; margin: 0 0 0 1em; padding: 0 1em; border: 1px solid #999; font-size: 0.75em; color: #333;  }
section.news div.inner p span { margin: 0 0 0 1em;  }

section.intro { position: relative; width: 980px; margin: 0 auto; padding: 70px 0 0 0; text-align: center; font-family: 'M PLUS 1p', sans-serif; transform: rotate(0.03deg); }
section.intro h2 { font-weight: 700; font-size: 1.8em; line-height: 1.65em; color: #000; }
section.intro h2 span { color: #5598bd; }
section.intro p { padding: 1em 0 0 0; text-align: left; font-weight: 700; }
section.intro p span { color: #ff9179; }

section.c1 { position: relative; width: 1080px; margin: 0 auto; padding: 70px 0 0 0; }
section.c1 h2 { position: relative; width: 1080px; margin: 0 auto; font-family: 'M PLUS 1p', sans-serif; transform: rotate(0.03deg); background: #eee; border-bottom: 3px solid #5598bd; border-radius: 10px 10px 0 0; color: #5598bd; }
section.c1 h2.subtitle { position: relative; width: 1080px; margin: 0 auto; font-family: 'Zen Maru Gothic', sans-serif; transform: rotate(0.03deg); background: #fff; border: 3px solid #eee; border-radius: 10px; color: #5598bd; }
section.c1 h2 span { display: block; width: 980px; margin: 0 auto; font-size: 24px; padding: 0.75em 0; }
section.c1 h3 { width: 100%; margin: 0 auto; padding: 50px 0 0.5em 0; font-family: 'M PLUS 1p', sans-serif; transform: rotate(0.03deg); border-bottom: 1px solid #5598bd; color: #000; font-size: 1.15em; }
section.c1 .inner { width: 980px; margin: 0 auto; }
section.c1 .child { width: 880px; margin: 0 auto; }
section.c1 p { padding: 50px 0 0 0;  }
section.c1 .child p { padding: 25px 0 0 0;  }
section.c1 p span { color: #ff9179; font-weight: 700; }
section.c1 h3 span { color: #5598bd; }

section.c2 { position: relative; width: 100%; margin: 70px auto 0 auto; padding: 70px 0; background: #5598bd; color: #fff; }
section.c2 h2 { font-family: 'Zen Maru Gothic', sans-serif; transform: rotate(0.03deg); font-weight: 500; text-align: center; font-size: 40px; line-height: 1.15em; }
section.c2 h2 span { display: block; font-size: 0.6em; }
section.c2 .inner { display: flex; justify-content: space-between; width: 1080px; margin: 0 auto; padding: 50px 0 0 0; }
section.c2 .inner .photo { width: 450px; }
section.c2 .inner .mv { width: 590px; }

section.c3 { position: relative; width: 880px; margin: 0 auto; padding: 0; }
section.c3 h2 { width: 100%; margin: 70px 0 0 0; background: #7e95a1; color: #fff; border-radius: 10px; font-family: 'M PLUS 1p', sans-serif; transform: rotate(0.03deg); text-align: center; font-size: 24px; padding: 0.5em 0; font-weight: 400; }
section.c3 .inner { display: flex; justify-content: space-between; width: 100%; margin: 0 auto; padding: 50px 0 0 0; }
section.c3 .inner .photo { width: 240px; }
section.c3 .inner .prof { width: 605px; }
section.c3 .inner .prof strong { font-size: 1.5em; font-weight: 700; color: #333; }
section.c3 .inner2 { width: 100%; margin: 0 auto; padding: 0 0 0 0; }
section.c3 .inner2 p span { display: block; padding: 50px 0 0 0; font-size: 1.25em; color: #5598bd; }

section.cv { position: relative; width: 880px; margin: 0 auto; padding: 70px 0 0 0; }
section.cv a { display: block; font-family: 'Zen Maru Gothic', sans-serif; transform: rotate(0.03deg); font-weight: 500; color: #fff; text-decoration: none; background: url("../images/top/c3_btn_arrw.png") 3% center no-repeat #ff9179; background-size: 40px; font-size: 30px; padding: 1em; text-align: center; border-radius: 20px; }
section.cv a:hover { background-color: #ffd86f;  }




}/*@media*/

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

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

.mainimage { width: 86.66vw; margin: 0 auto; border-radius: 1.33vw; padding: 0 0 0 0; overflow: hidden; }

section.news { position: relative; width: 86.66vw; margin: 0 auto; padding: 30px 0 0 0; }
section.news h2.title { width: 100%; margin: 0 auto; padding: 0 0 2.66vw 0; font-family: 'M PLUS 1p', sans-serif; transform: rotate(0.03deg); font-weight: 700; color: #000; text-align: center; font-size: 4.8vw; }
section.news h2.title span { padding: 0 0 0 0.5em; font-size: 0.75em; color: #5598bd; }
section.news div.inner { width: 100%; border: 2px solid #eee; border-radius: 10px; overflow: hidden; }
section.news div.inner p { padding: 1em; }
section.news div.inner p+p { border-top: 1px solid #eee; }
section.news div.inner p i { font-weight: bold; }
section.news div.inner p em { display: inline-block; margin: 0 0 0 1em; padding: 0 1em; border: 1px solid #999; font-size: 0.75em; line-height: 1.65em; color: #333;  }
section.news div.inner p span { display: block;  }

section.intro { position: relative; width: 86.66vw; margin: 0 auto; padding: 9.33vw 0 0 0; text-align: center; font-family: 'M PLUS 1p', sans-serif; transform: rotate(0.03deg); }
section.intro h2 { font-weight: 700; font-size: 1.65em; line-height: 1.65em; color: #000; }
section.intro h2 span { color: #5598bd; }
section.intro p {  padding: 1em 0 0 0; text-align: left; font-weight: 700; }
section.intro p span { color: #ff9179; }

section.c1 { position: relative; width: 86.66vw; margin: 0 auto; padding: 9.33vw 0 0 0; }
section.c1 h2 { position: relative; width: 86.66vw; margin: 0 auto; font-family: 'M PLUS 1p', sans-serif; transform: rotate(0.03deg); background: #eee; border-bottom: 0.4vw solid #5598bd; border-radius: 1.33vw 1.33vw 0 0; color: #5598bd; }
section.c1 h2.subtitle { position: relative; width: 86.66vw; margin: 0 auto; font-family: 'Zen Maru Gothic', sans-serif; transform: rotate(0.03deg); background: #fff; border: 0.4vw solid #eee; border-radius: 1.33vw; color: #5598bd; }
section.c1 h2 span { display: block; width: 73.33vw; padding: 0 0 0 6.66vw; margin: 0 auto; font-size: 3.8vw; padding: 0.75em 0; }
section.c1 h3 { width: 100%; margin: 0 auto; padding: 6.66vw 0 0.5em 0; font-family: 'M PLUS 1p', sans-serif; transform: rotate(0.03deg); border-bottom: 1px solid #5598bd; color: #000; font-size: 1.15em; }
section.c1 .inner { width: 86.66vw; padding: 0 0 0 6.66vw; margin: 0 auto; }
section.c1 .child { width: 80.00vw; padding: 0 0 0 6.66vw; margin: 0 auto; }
section.c1 p { padding: 6.66vw 0 0 0;  }
section.c1 .child p { padding: 3.33vw 0 0 0;  }
section.c1 p span { color: #ff9179; font-weight: 700; }
section.c1 h3 span { color: #5598bd; }

section.c2 { position: relative; width: 100%; margin: 9.33vw auto 0 auto; padding: 9.33vw 0; background: #5598bd; color: #fff; }
section.c2 h2 { font-family: 'Zen Maru Gothic', sans-serif; transform: rotate(0.03deg); font-weight: 500; text-align: center; font-size: 4.8vw; line-height: 1.15em; }
section.c2 h2 span { display: block; font-size: 0.6em; }
section.c2 .inner { width: 86.66vw; margin: 0 auto; padding: 6.66vw 0 0 0; }
section.c2 .inner .photo { width: 100%; margin: 0 auto; }
section.c2 .inner .photo img { width: 100%; }
section.c2 .inner .mv { width: 100%; margin: 0 auto; padding: 3.33vw 0 0 0; }

section.c3 { position: relative; width: 80vw; margin: 0 auto; padding: 0; }
section.c3 h2 { width: 100%; margin: 9.33vw 0 0 0; background: #7e95a1; color: #fff; border-radius: 1.33vw; font-family: 'M PLUS 1p', sans-serif; transform: rotate(0.03deg); text-align: center; font-size: 3.6vw; padding: 0.5em 0; font-weight: 400; }
section.c3 .inner { display: flex; justify-content: space-between; width: 100%; margin: 0 auto; padding: 6.66vw 0 0 0; }
section.c3 .inner .photo { width: 30%; }
section.c3 .inner .prof { width: 65%; }
section.c3 .inner .prof strong { font-size: 1.35em; font-weight: 700; color: #333; }
section.c3 .inner2 { width: 100%; margin: 0 auto; padding: 0 0 0 0; }
section.c3 .inner2 p span { display: block; padding: 6.66vw 0 0 0; font-size: 1.15em; color: #5598bd; }

section.cv { position: relative; width: 86.66vw; margin: 0 auto; padding: 9.33vw 0 0 0; }
section.cv a { display: block; font-family: 'Zen Maru Gothic', sans-serif; transform: rotate(0.03deg); font-weight: 500; color: #fff; text-decoration: none; background: url("../images/top/c3_btn_arrw.png") 3% center no-repeat #ff9179; background-size: 5.33vw; font-size: 4.2vw; padding: 1em; text-align: center; border-radius: 2.66vw; }
section.cv a:hover { background-color: #ffd86f;  }



}/*@media*/